feat(lib): 添加 afterArrayOperate 配置，支持数组操作回调

re #323

Author: Jino Liu

packages/demo/demo-v2/src/pages/vue-editor/views/editor/viewComponents/FlashSaleGoodsList/schema.js

@@ -37,7 +37,7 @@ export default {
             minItems: 4,
             maxItems: 8,
             uniqueItems: true,
-            'ui:onArrayOperate': (formData, command, payload) => {
+            'ui:afterArrayOperate': (formData, command, payload) => {
                 debugger;
             },
             items: {

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

@@ -6,7 +6,7 @@
 import getDefaultFormState from '@lljj/vjsf-utils/schema/getDefaultFormState';
 
 import {
-    allowAdditionalItems, isFixedItems, isMultiSelect
+    allowAdditionalItems, isFixedItems, isMultiSelect, getUserUiOptions
 } from '@lljj/vjsf-utils/formUtils';
 import { getPathVal, setPathVal } from '@lljj/vjsf-utils/vueUtils';
 import { genId, lowerCase } from '@lljj/vjsf-utils/utils';
@@ -31,6 +31,17 @@ export default {
         };
     },
     computed: {
+        uiOptions() {
+            const {
+                schema, uiSchema, rootFormData, curNodePath
+            } = this.$props;
+            return getUserUiOptions({
+                schema,
+                uiSchema,
+                curNodePath,
+                rootFormData
+            });
+        },
         itemsFormData() {
             const formKeys = this.$data.formKeys;
             return this.curFormData.map((item, index) => ({
@@ -137,6 +148,11 @@ export default {
 
                 // 修改formData数据
                 curStrategy.apply(this, [this.curFormData, formDataPrams]);
+
+                // onArrayOperate
+                if (this.uiOptions.afterArrayOperate) {
+                    this.uiOptions.afterArrayOperate.call(null, this.curFormData, command, data);
+                }
             } else {
                 throw new Error(`错误 - 未知的操作：[${command}]`);
             }

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

@@ -10,7 +10,7 @@ import {
 import getDefaultFormState from '@lljj/vjsf-utils/schema/getDefaultFormState';
 
 import {
-    allowAdditionalItems, isFixedItems, isMultiSelect
+    allowAdditionalItems, isFixedItems, isMultiSelect, getUserUiOptions
 } from '@lljj/vjsf-utils/formUtils';
 import { getPathVal, setPathVal } from '@lljj/vjsf-utils/vue3Utils';
 import { genId, lowerCase } from '@lljj/vjsf-utils/utils';
@@ -62,6 +62,14 @@ export default {
             value: item
         })));
 
+        // 当前节点的ui配置
+        const uiOptions = computed(() => getUserUiOptions({
+            schema: props.schema,
+            uiSchema: props.uiSchema,
+            curNodePath: props.curNodePath,
+            rootFormData: props.rootFormData
+        }));
+
         // 获取一个新item
         const getNewFormDataRow = () => {
             const { schema, rootSchema } = props;
@@ -136,6 +144,11 @@ export default {
 
                 // 修改formData数据
                 curStrategy.apply(null, [curFormData.value, formDataPrams]);
+
+                // onArrayOperate
+                if (uiOptions.value.afterArrayOperate) {
+                    this.uiOptions.afterArrayOperate.call(null, curFormData.value, command, data);
+                }
             } else {
                 throw new Error(`错误 - 未知的操作：[${command}]`);
             }