cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.40

package/es/components/form-config/src/components/FormConfigEdit.vue2.js

@@ -1,4 +1,5 @@
-import { defineComponent, computed, ref, inject, watch, toRaw, openBlock, createElementBlock, Fragment, createVNode, unref, mergeProps, withCtx, createElementVNode, toDisplayString, renderList, h } from 'vue';
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
+import { defineComponent, computed, ref, inject, watch, toRaw, openBlock, createElementBlock, Fragment, createVNode, unref, mergeProps, withCtx, createElementVNode, renderList, toDisplayString, h } from 'vue';
 import { cloneDeep, set, isEmpty, isArray } from 'lodash-es';
 import { InjectionActiveFieldItem, EditAbleField } from '../constants/index.js';
 import '../../../../shared/components/VueDraggable/src/vuedraggable.js';
@@ -7,7 +8,6 @@ import '@vicons/ionicons5';
 import { NModal, NInput, NButton } from 'naive-ui';
 import '../../../../shared/utils/index.js';
 import { useConfigurationField } from '../hooks/useConfigurationField.js';
-import { useFormConfigLocale } from '../hooks/useLocale.js';
 import '../../../index.js';
 import FormRender from '../../../form-render/index.js';
 
@@ -39,6 +39,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, {
     expose: __expose
   }) {
+    var _a;
     const props = __props;
     const wrapperSelector = computed(() => `#${props.uuid} .form-config__config`);
     const formRenderRef = ref();
@@ -49,7 +50,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       generateFieldListByFormConfigItem
     } = useConfigurationField();
     watch(currentActiveField, async (formConfigItem, oldFormConfigItem) => {
-      var _a, _b;
+      var _a2, _b;
       if (!formConfigItem)
         return fieldList.value = [];
       initialData.value = {
@@ -57,7 +58,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         show: true,
         ...cloneDeep(toRaw(formConfigItem))
       };
-      const fieldItemList = (_a = props.bindFormRenderRef) == null ? void 0 : _a.getFieldList();
+      const fieldItemList = (_a2 = props.bindFormRenderRef) == null ? void 0 : _a2.getFieldList();
       fieldList.value = generateFieldListByFormConfigItem(formConfigItem, findFieldItemByKey(fieldItemList, formConfigItem.key));
       (_b = formRenderRef.value) == null ? void 0 : _b.reload();
     }, {
@@ -86,10 +87,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           text: true,
           type: "primary",
           onClick() {
-            var _a;
+            var _a2;
             showOptionModal.value = true;
             editOptions.value = cloneDeep(originOptions);
-            if (isEmpty((_a = currentActiveField.value) == null ? void 0 : _a.optionAliasList))
+            if (isEmpty((_a2 = currentActiveField.value) == null ? void 0 : _a2.optionAliasList))
               return;
             editOptions.value.forEach((option) => {
               const target = currentActiveField.value.optionAliasList.find((item) => item.value === option.value);
@@ -98,14 +99,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             });
           }
         }, {
-          default: () => useFormConfigLocale("configArea.modifyOptionTitle")
+          default: () => i18n("10010.1.21", "\u4FEE\u6539\u9009\u9879\u6587\u672C")
         })]);
       };
     }
     function applyOptionAlias(options) {
       return isArray(options) ? options.map((option) => {
-        var _a;
-        const target = (_a = currentActiveField.value.optionAliasList) == null ? void 0 : _a.find((item) => {
+        var _a2;
+        const target = (_a2 = currentActiveField.value.optionAliasList) == null ? void 0 : _a2.find((item) => {
           return item.value === option.value;
         });
         return target ? {
@@ -115,17 +116,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }) : options;
     }
     const visitor = {
-      "*"({
-        field
-      }) {
-        if (field.val_key !== EditAbleField.DEFAULT_VALUE)
-          return;
-        const originOption = field.option;
-        field.option = applyOptionAlias(field.option);
-        field.decoratorProps = {
-          labelRender: createLabelRender(originOption)
-        };
-      }
+      "*"(payload) {
+        var _a2, _b, _c;
+        const {
+          field
+        } = payload;
+        if (field.val_key === EditAbleField.DEFAULT_VALUE) {
+          const originOption = field.option;
+          field.option = applyOptionAlias(field.option);
+          field.decoratorProps = {
+            labelRender: createLabelRender(originOption)
+          };
+        }
+        (_c = (_b = (_a2 = props.formProps) == null ? void 0 : _a2.fieldVisitor) == null ? void 0 : _b["*"]) == null ? void 0 : _c.call(_b, payload);
+      },
+      ...((_a = props.formProps) == null ? void 0 : _a.fieldVisitor) || {}
     };
     const showOptionModal = ref(false);
     const editOptions = ref([]);
@@ -134,7 +139,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       editOptions.value = [];
     }
     function onOptionModalConfirm() {
-      var _a;
+      var _a2;
       showOptionModal.value = false;
       currentActiveField.value.optionAliasList = editOptions.value.reduce((res, option) => {
         if (option.alias)
@@ -150,12 +155,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         show: true,
         ...cloneDeep(toRaw(currentActiveField.value))
       };
-      (_a = formRenderRef.value) == null ? void 0 : _a.reload();
+      (_a2 = formRenderRef.value) == null ? void 0 : _a2.reload();
     }
     __expose({
       validate() {
-        var _a;
-        return (_a = formRenderRef.value) == null ? void 0 : _a.validate();
+        var _a2;
+        return (_a2 = formRenderRef.value) == null ? void 0 : _a2.validate();
       }
     });
     return (_ctx, _cache) => {
@@ -176,13 +181,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         to: wrapperSelector.value,
         "close-on-esc": false,
         "mask-closable": false,
-        title: unref(useFormConfigLocale)("configArea.modifyOptionTitle"),
-        "positive-text": unref(useFormConfigLocale)("configArea.positiveBtn"),
-        "negative-text": unref(useFormConfigLocale)("configArea.negativeBtn"),
+        title: i18n("10010.1.21", "\u4FEE\u6539\u9009\u9879\u6587\u672C"),
+        "positive-text": i18n("10010.1.27", "\u786E\u5B9A"),
+        "negative-text": i18n("10010.1.28", "\u53D6\u6D88"),
         onNegativeClick: onOptionModalCancel,
         onPositiveClick: onOptionModalConfirm
       }, {
-        default: withCtx(() => [createElementVNode("section", _hoisted_1, [createElementVNode("table", _hoisted_2, [createElementVNode("thead", null, [createElementVNode("tr", null, [createElementVNode("th", null, toDisplayString(unref(useFormConfigLocale)("configArea.modifyOptionName")), 1), createElementVNode("th", null, toDisplayString(unref(useFormConfigLocale)("configArea.modifyOptionOriginText")), 1), createElementVNode("th", null, toDisplayString(unref(useFormConfigLocale)("configArea.modifyOptionNewText")), 1)])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(editOptions.value, (option) => {
+        default: withCtx(() => [createElementVNode("section", _hoisted_1, [createElementVNode("table", _hoisted_2, [_cache[1] || (_cache[1] = createElementVNode("thead", null, [createElementVNode("tr", null, [createElementVNode("th", null, i18n("10010.1.22", "\u503C")), createElementVNode("th", null, i18n("10010.1.23", "\u539F\u6587\u672C")), createElementVNode("th", null, i18n("10010.1.24", "\u8C03\u6574\u540E\u6587\u672C"))])], -1)), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(editOptions.value, (option) => {
           return openBlock(), createElementBlock("tr", {
             key: option.value
           }, [createElementVNode("td", null, toDisplayString(option.value), 1), createElementVNode("td", null, toDisplayString(option.text), 1), createElementVNode("td", null, [createVNode(unref(NInput), {
@@ -191,7 +196,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["value", "onUpdate:value"])])]);
         }), 128))])])])]),
         _: 1
-      }, 8, ["show", "to", "title", "positive-text", "negative-text"])], 64);
+      }, 8, ["show", "to"])], 64);
     };
   }
 });

package/es/components/form-config/src/components/FormConfigEventSetting.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     bindFormRenderRef: {
         type: null;
-        required: true;
+        required: false;
     };
 }>, {
     props: any;
@@ -247,10 +247,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         reactions?: import("../../../../shared/types").ArrayAble<import("../../../../components/form-render").ReactionType> | undefined;
     }[];
     removeSetValueField: (item: LowCodeTypes.reactionConfig, index: number) => void;
-    onFormChange: (payload: FormChangePayload, item: {
+    onFormChange: (payload: FormChangePayload, item: Partial<{
         field: string;
-        value: string;
-    }) => void;
+        value: unknown;
+    }>) => void;
     readonly HelpCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     readonly NButton: any;
     readonly NCollapse: any;
@@ -864,6 +864,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 enterToNextWidget: boolean | ((fieldItem: import("../../../../components/form-render").FieldItem) => boolean | void);
                 autoExpand: boolean;
                 lowCodeReactions: LowCodeTypes.reactionConfig[];
+                newLowCodeReactions: LowCodeTypes.newReactionConfig[];
                 linebarAutoHidden: boolean;
                 labelPlacementOverwrite: boolean;
                 bordered: string | boolean;
@@ -1323,7 +1324,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     bindFormRenderRef: {
         type: null;
-        required: true;
+        required: false;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/es/components/form-config/src/components/FormConfigEventSetting.vue2.js

@@ -1,4 +1,5 @@
-import { defineComponent, ref, watchEffect, watch, inject, computed, reactive, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, normalizeStyle, createElementVNode, Fragment, renderList, createBlock, toDisplayString, withModifiers, createCommentVNode, normalizeClass } from 'vue';
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
+import { defineComponent, ref, watchEffect, watch, inject, computed, reactive, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, normalizeStyle, createElementVNode, Fragment, renderList, createBlock, withModifiers, createCommentVNode, normalizeClass } from 'vue';
 import { useTheme } from '../../../../shared/hooks/useTheme.js';
 import '@vueuse/core';
 import 'date-fns';
@@ -254,31 +255,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const dialog = useDialog();
     async function onNegativeClick() {
       dialog.warning({
-        title: function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.589")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.589")) || "\u63D0\u793A";
-          } catch (e) {
-            return "\u63D0\u793A";
-          }
-        }(),
+        title: i18n("10010.1.589", "\u63D0\u793A"),
         content: "\u76F4\u63A5\u5173\u95ED\u5F39\u7A97\u4F1A\u4E22\u5931\u5DF2\u7F16\u8F91\u7684\u914D\u7F6E, \u786E\u5B9A\u8981\u5173\u95ED\u5417?",
-        positiveText: function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.27")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.27")) || "\u786E\u5B9A";
-          } catch (e) {
-            return "\u786E\u5B9A";
-          }
-        }(),
-        negativeText: function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.28")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.28")) || "\u53D6\u6D88";
-          } catch (e) {
-            return "\u53D6\u6D88";
-          }
-        }(),
+        positiveText: i18n("10010.1.27", "\u786E\u5B9A"),
+        negativeText: i18n("10010.1.28", "\u53D6\u6D88"),
         onPositiveClick: () => {
           showRef.value = false;
           valueRef.value = [];
@@ -335,14 +315,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return {
           ...item,
           val_key: "value",
-          alias: function() {
-            var _a2, _b2, _c;
-            try {
-              return ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.22")) || ((_c = (_b2 = window.top) == null ? void 0 : _b2.getLanguageByCode) == null ? void 0 : _c.call(_b2, "10010.1.22")) || "\u503C";
-            } catch (e) {
-              return "\u503C";
-            }
-          }(),
+          alias: i18n("10010.1.22", "\u503C"),
           decoratorProps: {
             showFeedback: false
           }
@@ -359,9 +332,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", null, [createVNode(unref(NButton), {
         size: "small",
-        onClick: _cache[0] || (_cache[0] = ($event) => showRef.value = true)
+        onClick: _cache[0] || (_cache[0] = ($event) => showRef.value = true),
+        title: "\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A"
       }, {
-        default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A", -1)])]),
+        default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(toDisplayString("\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A"), -1)])]),
         _: 1
       }), createVNode(unref(NModal), {
         show: showRef.value,
@@ -383,28 +357,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           size: "small",
           onClick: onNegativeClick
         }, {
-          default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.28")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.28")) || "\u53D6\u6D88";
-            } catch (e) {
-              return "\u53D6\u6D88";
-            }
-          }(), -1)])]),
+          default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(i18n("10010.1.28", "\u53D6\u6D88"), -1)])]),
           _: 1
         }), createVNode(unref(NButton), {
           size: "small",
           onClick: onPositiveClick,
           type: "primary"
         }, {
-          default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode(function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.27")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.27")) || "\u786E\u5B9A";
-            } catch (e) {
-              return "\u786E\u5B9A";
-            }
-          }(), -1)])]),
+          default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode(i18n("10010.1.27", "\u786E\u5B9A"), -1)])]),
           _: 1
         })]),
         default: withCtx(() => [createElementVNode("header", _hoisted_1, [createVNode(unref(NButton), {
@@ -463,14 +423,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "error",
                   size: "small"
                 }, {
-                  default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(function() {
-                    var _a, _b, _c;
-                    try {
-                      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.88")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.88")) || "\u79FB\u9664";
-                    } catch (e) {
-                      return "\u79FB\u9664";
-                    }
-                  }(), -1)])]),
+                  default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(i18n("10010.1.88", "\u79FB\u9664"), -1)])]),
                   _: 2
                 }, 1032, ["onClick"])]),
                 default: withCtx(() => [createVNode(unref(NThing), {
@@ -534,14 +487,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           type: "error",
                           size: "small"
                         }, {
-                          default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(function() {
-                            var _a, _b, _c;
-                            try {
-                              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.88")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.88")) || "\u79FB\u9664";
-                            } catch (e) {
-                              return "\u79FB\u9664";
-                            }
-                          }(), -1)])]),
+                          default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(i18n("10010.1.88", "\u79FB\u9664"), -1)])]),
                           _: 2
                         }, 1032, ["disabled", "onClick"])]);
                       }), 128))]),
@@ -560,14 +506,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       size: "tiny",
                       onClick: ($event) => addSetValueField(item)
                     }, {
-                      default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(function() {
-                        var _a, _b, _c;
-                        try {
-                          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.279")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.279")) || "\u65B0\u589E";
-                        } catch (e) {
-                          return "\u65B0\u589E";
-                        }
-                      }(), -1)])]),
+                      default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(i18n("10010.1.279", "\u65B0\u589E"), -1)])]),
                       _: 2
                     }, 1032, ["onClick"])]), (openBlock(true), createElementBlock(Fragment, null, renderList(item.setValueField || [], (setFieldItem, setFieldIndex) => {
                       return openBlock(), createElementBlock("section", {
@@ -587,14 +526,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           style: {
                             "word-break": "keep-all"
                           }
-                        }, function() {
-                          var _a, _b, _c;
-                          try {
-                            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.9")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.9")) || "\u5B57\u6BB5";
-                          } catch (e) {
-                            return "\u5B57\u6BB5";
-                          }
-                        }(), -1)), createVNode(unref(NSelect), {
+                        }, i18n("10010.1.9", "\u5B57\u6BB5"), -1)), createVNode(unref(NSelect), {
                           style: {
                             "width": "130px"
                           },

package/es/components/form-config/src/components/renderer/CloseButton.vue2.js

@@ -7,10 +7,7 @@ import { InjectionFieldList, InjectionMaterialList } from '../../constants/index
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CloseButton",
   props: {
-    formConfigItem: {
-      type: Object,
-      required: true
-    }
+    formConfigItem: { type: Object, required: true }
   },
   setup(__props) {
     const props = __props;
@@ -34,9 +31,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "text-color": "#a5a5a5",
         onClick: withModifiers(remove, ["stop"])
       }, {
-        icon: withCtx(() => [createVNode(unref(NIcon), {
-          component: unref(CloseCircle)
-        }, null, 8, ["component"])]),
+        icon: withCtx(() => [
+          createVNode(unref(NIcon), { component: unref(CloseCircle) }, null, 8, ["component"])
+        ]),
         _: 1
       });
     };

package/es/components/form-config/src/components/renderer/ComplexNode.vue2.js

@@ -8,14 +8,8 @@ const _hoisted_1 = ["data-type", "data-key", "data-required", "data-extra"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ComplexNode",
   props: {
-    formConfigItem: {
-      type: Object,
-      required: true
-    },
-    textFormatter: {
-      type: Function,
-      required: true
-    }
+    formConfigItem: { type: Object, required: true },
+    textFormatter: { type: Function, required: true }
   },
   setup(__props) {
     const props = __props;
@@ -24,14 +18,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       currentActiveEditField.value = props.formConfigItem;
     }
     const headerClassList = computed(() => {
-      return [{
-        "is-active--text": currentActiveEditField.value === props.formConfigItem
-      }, "form-config__renderer--complexHeader"];
+      return [
+        { "is-active--text": currentActiveEditField.value === props.formConfigItem },
+        "form-config__renderer--complexHeader"
+      ];
     });
     const wrapperClassList = computed(() => {
-      return ["form-config__renderer--complex form-config__renderer", {
-        "is-active--shadow": currentActiveEditField.value === props.formConfigItem
-      }];
+      return [
+        "form-config__renderer--complex form-config__renderer",
+        { "is-active--shadow": currentActiveEditField.value === props.formConfigItem }
+      ];
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
@@ -40,20 +36,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "data-key": __props.formConfigItem.key,
         "data-required": !!__props.formConfigItem.required,
         "data-extra": !!__props.formConfigItem.__extra
-      }, [createElementVNode("header", mergeProps(unref(bindHover)(__props.formConfigItem), {
-        class: headerClassList.value,
-        onClick: withModifiers(active, ["stop"])
-      }), [createTextVNode(toDisplayString(unref(getFormConfigTitle)(props.formConfigItem)) + " ", 1), createVNode(CloseButton, {
-        "form-config-item": __props.formConfigItem
-      }, null, 8, ["form-config-item"])], 16), createVNode(FormConfigDragDisplay, mergeProps(_ctx.$props, {
-        modelValue: __props.formConfigItem.children,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.formConfigItem.children = $event),
-        class: "form-config__renderer--complex--grid",
-        "data-type": __props.formConfigItem.type,
-        "data-key": __props.formConfigItem.key,
-        "data-required": !!__props.formConfigItem.required,
-        "data-extra": !!__props.formConfigItem.__extra
-      }), null, 16, ["modelValue", "data-type", "data-key", "data-required", "data-extra"])], 10, _hoisted_1);
+      }, [
+        createElementVNode("header", mergeProps(unref(bindHover)(__props.formConfigItem), {
+          class: headerClassList.value,
+          onClick: withModifiers(active, ["stop"])
+        }), [
+          createTextVNode(toDisplayString(unref(getFormConfigTitle)(props.formConfigItem)) + " ", 1),
+          createVNode(CloseButton, { "form-config-item": __props.formConfigItem }, null, 8, ["form-config-item"])
+        ], 16),
+        createVNode(FormConfigDragDisplay, mergeProps(_ctx.$props, {
+          modelValue: __props.formConfigItem.children,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.formConfigItem.children = $event),
+          class: "form-config__renderer--complex--grid",
+          "data-type": __props.formConfigItem.type,
+          "data-key": __props.formConfigItem.key,
+          "data-required": !!__props.formConfigItem.required,
+          "data-extra": !!__props.formConfigItem.__extra
+        }), null, 16, ["modelValue", "data-type", "data-key", "data-required", "data-extra"])
+      ], 10, _hoisted_1);
     };
   }
 });

package/es/components/form-config/src/components/renderer/DefaultNode.vue2.js

@@ -8,22 +8,10 @@ const _hoisted_1 = ["data-type", "data-key", "data-required", "data-extra"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DefaultNode",
   props: {
-    formConfigItem: {
-      type: Object,
-      required: true
-    },
-    textFormatter: {
-      type: Function,
-      required: true
-    },
-    showCloseButton: {
-      type: Boolean,
-      default: true
-    },
-    allowClick: {
-      type: Boolean,
-      default: true
-    }
+    formConfigItem: { type: Object, required: true },
+    textFormatter: { type: Function, required: true },
+    showCloseButton: { type: Boolean, default: true },
+    allowClick: { type: Boolean, default: true }
   },
   setup(__props) {
     const props = __props;
@@ -34,24 +22,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       currentActiveEditField.value = props.formConfigItem;
     }
     const ellipsisClassList = computed(() => {
-      return ["form-config__renderer--default", {
-        "is-required": props.formConfigItem.required
-      }];
+      return ["form-config__renderer--default", { "is-required": props.formConfigItem.required }];
     });
     const classList = computed(() => {
       var _a;
-      return [{
-        "is-active": currentActiveEditField.value === props.formConfigItem,
-        "is-disabled": disabled.value,
-        "is-extra": (_a = props.formConfigItem) == null ? void 0 : _a.__extra
-      }, "form-config__renderer", "form-config__renderer--defaultWrapper"];
+      return [
+        {
+          "is-active": currentActiveEditField.value === props.formConfigItem,
+          "is-disabled": disabled.value,
+          "is-extra": (_a = props.formConfigItem) == null ? void 0 : _a.__extra
+        },
+        "form-config__renderer",
+        "form-config__renderer--defaultWrapper"
+      ];
     });
     const disabled = computed(() => {
       return props.formConfigItem.editable === false;
     });
     const displayText = computed(() => {
       const type = getWidgetText(props.formConfigItem.type);
-      return props.textFormatter(props.formConfigItem, `${getFormConfigTitle(props.formConfigItem)}${type ? `(${type})` : ""}`);
+      return props.textFormatter(
+        props.formConfigItem,
+        `${getFormConfigTitle(props.formConfigItem)}${type ? `(${type})` : ""}`
+      );
     });
     const showCloseBtn = computed(() => {
       return props.showCloseButton && (!props.formConfigItem.required && !props.formConfigItem.__isCombinationChild || props.formConfigItem.__extra);
@@ -64,15 +57,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "data-key": __props.formConfigItem.key,
         "data-required": !!__props.formConfigItem.required,
         "data-extra": !!__props.formConfigItem.__extra
-      }), [createVNode(unref(NEllipsis), {
-        class: normalizeClass(ellipsisClassList.value)
-      }, {
-        default: withCtx(() => [createTextVNode(toDisplayString(displayText.value), 1)]),
-        _: 1
-      }, 8, ["class"]), renderSlot(_ctx.$slots, "default"), showCloseBtn.value ? (openBlock(), createBlock(CloseButton, {
-        key: 0,
-        "form-config-item": __props.formConfigItem
-      }, null, 8, ["form-config-item"])) : createCommentVNode("v-if", true)], 16, _hoisted_1);
+      }), [
+        createVNode(unref(NEllipsis), {
+          class: normalizeClass(ellipsisClassList.value)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(displayText.value), 1)
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        renderSlot(_ctx.$slots, "default"),
+        showCloseBtn.value ? (openBlock(), createBlock(CloseButton, {
+          key: 0,
+          "form-config-item": __props.formConfigItem
+        }, null, 8, ["form-config-item"])) : createCommentVNode("v-if", true)
+      ], 16, _hoisted_1);
     };
   }
 });

package/es/components/form-config/src/constants/index.d.ts

@@ -20,6 +20,7 @@ export declare enum EditAbleField {
     CONFIRM = "confirmBeforeValueChange",
     ALLOW_PARTIAL = "elementExtraSetting.allowPartial",
     PARTIAL_LEVEL = "elementExtraSetting.partialLevel",
+    MAX_LEVEL = "elementExtraSetting.maxLevel",
     DATE_FORMAT = "elementExtraSetting.dateFormat",
     DATE_DEFAULT_VALUE_CONDITION = "elementExtraSetting.defaultValue.condition",
     DATE_DEFAULT_VALUE_UNIT = "elementExtraSetting.defaultValue.unit",