antdv如何使用editComponentProps

`editComponentProps`是Ant Design Vue中表单组件中的一个方法，用于编辑组件的props。你可以在需要编辑props的表单组件中使用该方法，并传入一个回调函数，该回调函数会接收组件的props对象作为参数，你可以在该回调函数中修改props，并返回修改后的props对象。

以下是一个示例，假设我们有一个自定义的InputNumber组件，我们希望在表单中使用该组件，但是需要将其的最大值设为100。可以通过调用`editComponentProps`方法来实现：

<template>
  <a-form :form="form">
    <a-form-item label="Number">
      <a-input-number v-decorator="['number']" :max="100" :min="1" :step="1" />
    </a-form-item>
  </a-form>
</template>

<script>
import { defineComponent } from 'vue';
import { Form, FormItem, InputNumber } from 'ant-design-vue';

export default defineComponent({
  name: 'MyForm',
  components: { Form, FormItem, InputNumber },
  setup() {
    const [form] = Form.useForm();

    // 使用editComponentProps方法修改InputNumber组件的max值
    const inputNumberProps = form.getFieldProps('number', {
      initialValue: 1,
      valuePropName: 'value',
      trigger: 'input',
      rules: [
        {
          required: true,
          message: 'Number is required',
        },
      ],
      editComponentProps: (props) => {
        return {
          ...props,
          max: 100,
        };
      },
    });

    return { form, inputNumberProps };
  },
});
</script>

在上面的示例中，我们在表单组件中使用了InputNumber组件，并通过`form.getFieldProps`方法获取了InputNumber组件的props。在获取props时，我们传入了一个`editComponentProps`回调函数，该函数修改了InputNumber组件的`max`属性，将其设为了100。这样，我们就成功地修改了InputNumber组件的props。