fix(AppendForm): 修复 批量添加表单配置 按钮点击事件未使用批量方法 问题; 表单排版改用baseColProps一次配置，减少重复代...

Wit〆苗大

2023-01-18 b90d3572a9797d0c87ea27bf1a4a3f62eb3bc52c

fix(AppendForm): 修复 批量添加表单配置 按钮点击事件未使用批量方法 问题; 表单排版改用baseColProps一次配置，减少重复代码 (#2504)

* fix(AppendForm): 修复 批量添加表单配置 按钮点击事件未使用批量方法 问题

* perf(AppendForm): 表单排版改用baseColProps一次配置，减少重复代码

Co-authored-by: 苗大 <caoshengmiao@hypergryph.com>

 src/views/demo/form/AppendForm.vue

@@ -4,7 +4,9 @@
      <BasicForm @register="register" @submit="handleSubmit">
        <template #add="{ field }">
          <Button v-if="Number(field) === 0" @click="add">+</Button>
          <Button class="ml-2" v-if="Number(field) === 0" @click="add">批量添加表单配置</Button>
          <Button class="ml-2" v-if="Number(field) === 0" @click="batchAdd">
            批量添加表单配置
          </Button>
          <Button v-if="field > 0" @click="del(field)">-</Button>
        </template>
      </BasicForm>
@@ -28,32 +30,24 @@
            field: 'field0a',
            component: 'Input',
            label: '字段0',
            colProps: {
              span: 8,
            },
            required: true,
          },
          {
            field: 'field0b',
            component: 'Input',
            label: '字段0',
            colProps: {
              span: 8,
            },
            required: true,
          },
          {
            field: '0',
            component: 'Input',
            label: ' ',
            colProps: {
              span: 8,
            },
            slot: 'add',
          },
        ],
        labelWidth: 100,
        actionColOptions: { span: 24 },
        baseColProps: { span: 8 },
      });

      async function handleSubmit() {
@@ -73,9 +67,6 @@
            field: `field${n.value}a`,
            component: 'Input',
            label: '字段' + n.value,
            colProps: {
              span: 8,
            },
            required: true,
          },
          '',
@@ -85,9 +76,6 @@
            field: `field${n.value}b`,
            component: 'Input',
            label: '字段' + n.value,
            colProps: {
              span: 8,
            },
            required: true,
          },
          '',
@@ -98,9 +86,6 @@
            field: `${n.value}`,
            component: 'Input',
            label: ' ',
            colProps: {
              span: 8,
            },
            slot: 'add',
          },
          '',
@@ -117,27 +102,18 @@
              field: `field${n.value}a`,
              component: 'Input',
              label: '字段' + n.value,
              colProps: {
                span: 8,
              },
              required: true,
            },
            {
              field: `field${n.value}b`,
              component: 'Input',
              label: '字段' + n.value,
              colProps: {
                span: 8,
              },
              required: true,
            },
            {
              field: `${n.value}`,
              component: 'Input',
              label: ' ',
              colProps: {
                span: 8,
              },
              slot: 'add',
            },
          ],