feat(vue3-antdv): 添加 on-form-mounted emit，支持获取form组件实例

re #27

Author: lljj-x

packages/demo/demo-v2/src/pages/index/views/Demo/index.vue

@@ -177,6 +177,7 @@
                             :custom-formats="customFormats"
                             :form-footer="trueFormFooter"
                             :form-props="trueFormProps"
+                            @on-form-mounted="handleFormMounted"
                             @on-change="handleDataChange"
                             @on-cancel="handleCancel"
                             @on-submit="handleSubmit"
@@ -377,6 +378,9 @@ export default {
                 formProps
             }));
         },
+        handleFormMounted(formRef) {
+            console.log('Ui form component:', formRef);
+        },
         handleDataChange() {
             console.log('Data change');
         },

packages/demo/demo-v3/src/pages/index/views/Demo/index.vue

@@ -179,6 +179,7 @@
                             :custom-formats="customFormats"
                             :form-footer="trueFormFooter"
                             :form-props="trueFormProps"
+                            @form-mounted="handleFormMounted"
                             @change="handleDataChange"
                             @cancel="handleCancel"
                             @submit="handleSubmit"
@@ -397,6 +398,9 @@ export default {
                 formProps
             }));
         },
+        handleFormMounted(formRef) {
+            console.log('Ui form component:', formRef);
+        },
         handleDataChange() {
             console.log('Data change');
         },

packages/docs/docs/zh/guide/basic-config.md

@@ -752,6 +752,19 @@ vue3的版本中为 `change`，去掉 `on` 前缀
 表单的值发生改变
 > 引用类型，只有重新对对象赋值，否则newVal 等于 oldVal 参见 [vue watch](https://cn.vuejs.org/v2/api/#vm-watch)
 
+### on-form-mounted
+* 参数(formRef)
+
+通过该方法可以获取到当前ui框架的form组件实例，可用来执行form组件的一些方法，如(`validate`)
+
+::: warning
+vue3的版本中为 `form-mounted`，去掉 `on` 前缀
+:::
+
+表单的值发生改变
+> 引用类型，只有重新对对象赋值，否则newVal 等于 oldVal 参见 [vue watch](https://cn.vuejs.org/v2/api/#vm-watch)
+
+
 ## 方法 Methods
 -- 无
 

packages/lib/vue2/vue2-core/src/index.js

@@ -93,6 +93,9 @@ export default function createForm(globalOptions = {}) {
                 }
             },
         },
+        mounted() {
+            this.$emit('on-form-mounted', this.$refs.genEditForm);
+        },
         render(h) {
             const self = this;
             // default scoped slot

packages/lib/vue3/vue3-core/src/index.js

@@ -32,7 +32,7 @@ export default function createForm(globalOptions = {}) {
     const Form = {
         name: 'VueElementForm',
         props: vueProps,
-        emits: ['update:modelValue', 'change', 'cancel', 'submit', 'validation-failed'],
+        emits: ['update:modelValue', 'change', 'cancel', 'submit', 'validation-failed', 'form-mounted'],
         setup(props, { slots, emit }) {
             if (!Form.installed && globalOptions.WIDGET_MAP.widgetComponents) {
                 // global components
@@ -164,6 +164,7 @@ export default function createForm(globalOptions = {}) {
                         },
                         setFormRef: (form) => {
                             formRef = form;
+                            emit('form-mounted', form);
                         },
                         model: rootFormData,
                         ...schemaProps.formProps