refactor(form): enhanced form customization and dynamic capabilities

vben

2020-11-13 1d45617e4a311e339eb008a629cd342cd673ecf1

 src/views/demo/form/CustomerForm.vue

@@ -1,7 +1,11 @@
<template>
  <div class="m-4">
    <CollapseContainer title="自定义表单">
      <BasicForm @register="register" @submit="handleSubmit" />
      <BasicForm @register="register" @submit="handleSubmit">
        <template #f3="{ model, field }">
          <a-input v-model:value="model[field]" placeholder="自定义slot" />
        </template>
      </BasicForm>
    </CollapseContainer>
  </div>
</template>
@@ -15,7 +19,7 @@
    {
      field: 'field1',
      component: 'Input',
      label: '字段1',
      label: 'render方式',
      colProps: {
        span: 8,
      },
@@ -33,7 +37,7 @@
    {
      field: 'field2',
      component: 'Input',
      label: '字段2',
      label: 'render组件slot',
      colProps: {
        span: 8,
      },
@@ -44,6 +48,16 @@
        };
      },
    },
    {
      field: 'field3',
      component: 'Input',
      label: '自定义Slot',
      slot: 'f3',
      colProps: {
        span: 8,
      },
      rules: [{ required: true }],
    },
  ];
  export default defineComponent({
    components: { BasicForm, CollapseContainer },