cnhis-design-vue 3.4.0-beta.0 → 3.4.0-beta.3

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

@@ -1,4 +1,4 @@
-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 { createElementVNode, defineComponent, ref, watchEffect, watch, inject, computed, reactive, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, normalizeStyle, Fragment, renderList, createBlock, toDisplayString, withModifiers, createCommentVNode, normalizeClass } from 'vue';
 import { useTheme } from '../../../../shared/hooks/useTheme.js';
 import '@vueuse/core';
 import 'date-fns';
@@ -42,10 +42,22 @@ const _hoisted_8 = {
     "margin-bottom": "8px"
   }
 };
-const _hoisted_9 = {
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", {
+  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);
+const _hoisted_10 = {
   key: 1
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
   style: {
     "display": "inline-flex",
     "align-items": "center",
@@ -59,14 +71,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {
       default: () => []
     },
-    bindFormRenderRef: {}
+    bindFormRenderRef: null
   },
   emits: ["update:modelValue", "validateFailure"],
   setup(__props, {
-    emit: __emit
+    emit
   }) {
     const props = __props;
-    const emit = __emit;
     const cssVars = useTheme();
     const valueRef = ref([]);
     const expandedName = ref("");
@@ -361,7 +372,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         size: "small",
         onClick: _cache[0] || (_cache[0] = ($event) => showRef.value = true)
       }, {
-        default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A", -1)])]),
+        default: withCtx(() => [createTextVNode("\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A")]),
         _: 1
       }), createVNode(unref(NModal), {
         show: showRef.value,
@@ -383,35 +394,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           size: "small",
           onClick: onNegativeClick
         }, {
-          default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(function() {
+          default: withCtx(() => [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)])]),
+          }())]),
           _: 1
         }), createVNode(unref(NButton), {
           size: "small",
           onClick: onPositiveClick,
           type: "primary"
         }, {
-          default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode(function() {
+          default: withCtx(() => [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)])]),
+          }())]),
           _: 1
         })]),
         default: withCtx(() => [createElementVNode("header", _hoisted_1, [createVNode(unref(NButton), {
           onClick: addConnection,
           size: "small"
         }, {
-          default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("\u65B0\u589E\u8054\u52A8", -1)])]),
+          default: withCtx(() => [createTextVNode("\u65B0\u589E\u8054\u52A8")]),
           _: 1
         })]), createVNode(unref(NScrollbar), {
           style: {
@@ -445,7 +456,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "primary",
                   size: "small"
                 }, {
-                  default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" \u521B\u5EFA\u4E92\u65A5\u6761\u4EF6 ", -1)])]),
+                  default: withCtx(() => [createTextVNode(" \u521B\u5EFA\u4E92\u65A5\u6761\u4EF6 ")]),
                   _: 2
                 }, 1032, ["onClick"])) : (openBlock(), createElementBlock(Fragment, {
                   key: 1
@@ -455,7 +466,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   size: "small",
                   onClick: withModifiers(($event) => unBindOpposite(item), ["stop"])
                 }, {
-                  default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("\u89E3\u9664\u4E92\u65A5", -1)])]),
+                  default: withCtx(() => [createTextVNode("\u89E3\u9664\u4E92\u65A5")]),
                   _: 2
                 }, 1032, ["onClick"])], 64)), createVNode(unref(NButton), {
                   onClick: withModifiers(($event) => removeConnection(index), ["stop"]),
@@ -463,14 +474,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "error",
                   size: "small"
                 }, {
-                  default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(function() {
+                  default: withCtx(() => [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)])]),
+                  }())]),
                   _: 2
                 }, 1032, ["onClick"])]),
                 default: withCtx(() => [createVNode(unref(NThing), {
@@ -480,14 +491,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     justify: "space-between",
                     wrap: false
                   }, {
-                    default: withCtx(() => [createElementVNode("section", _hoisted_3, [createElementVNode("header", null, [_cache[8] || (_cache[8] = createTextVNode(" \u6761\u4EF6 ", -1)), !item.__oppositeBindField ? (openBlock(), createBlock(unref(NButton), {
+                    default: withCtx(() => [createElementVNode("section", _hoisted_3, [createElementVNode("header", null, [createTextVNode(" \u6761\u4EF6 "), !item.__oppositeBindField ? (openBlock(), createBlock(unref(NButton), {
                       key: 0,
                       size: "small",
                       quaternary: "",
                       type: "primary",
                       onClick: ($event) => addCondition(item)
                     }, {
-                      default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" \u6DFB\u52A0\u6761\u4EF6 ", -1)])]),
+                      default: withCtx(() => [createTextVNode(" \u6DFB\u52A0\u6761\u4EF6 ")]),
                       _: 2
                     }, 1032, ["onClick"])) : createCommentVNode("v-if", true)]), createVNode(unref(NScrollbar), {
                       style: {
@@ -508,7 +519,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             "onUpdate:value": ($event) => condition.field_key = $event,
                             disabled: !!item.__oppositeBindField,
                             placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
-                            options: fieldOptions.value,
+                            options: unref(fieldOptions),
                             "label-field": "name",
                             "value-field": "key",
                             filterable: ""
@@ -534,14 +545,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           type: "error",
                           size: "small"
                         }, {
-                          default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(function() {
+                          default: withCtx(() => [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)])]),
+                          }())]),
                           _: 2
                         }, 1032, ["disabled", "onClick"])]);
                       }), 128))]),
@@ -560,14 +571,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       size: "tiny",
                       onClick: ($event) => addSetValueField(item)
                     }, {
-                      default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(function() {
+                      default: withCtx(() => [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)])]),
+                      }())]),
                       _: 2
                     }, 1032, ["onClick"])]), (openBlock(true), createElementBlock(Fragment, null, renderList(item.setValueField || [], (setFieldItem, setFieldIndex) => {
                       return openBlock(), createElementBlock("section", {
@@ -583,25 +594,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         wrap: false,
                         align: "center"
                       }, {
-                        default: withCtx(() => [_cache[11] || (_cache[11] = createElementVNode("span", {
-                          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), {
+                        default: withCtx(() => [_hoisted_9, createVNode(unref(NSelect), {
                           style: {
                             "width": "130px"
                           },
                           value: setFieldItem.field,
                           "onUpdate:value": ($event) => setFieldItem.field = $event,
                           placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
-                          options: setValueFieldOptions.value,
+                          options: unref(setValueFieldOptions),
                           "label-field": "name",
                           "value-field": "key",
                           filterable: ""
@@ -617,12 +617,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         "initial-data": setFieldItem,
                         "label-placement": "left",
                         onFormChange: (payload) => onFormChange(payload, setFieldItem)
-                      }, null, 8, ["field-list", "initial-data", "onFormChange"])) : (openBlock(), createElementBlock("i", _hoisted_9)), createVNode(unref(NButton), {
+                      }, null, 8, ["field-list", "initial-data", "onFormChange"])) : (openBlock(), createElementBlock("i", _hoisted_10)), createVNode(unref(NButton), {
                         type: "error",
                         size: "tiny",
                         onClick: ($event) => removeSetValueField(item, setFieldIndex)
                       }, {
-                        default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" x ", -1)])]),
+                        default: withCtx(() => [createTextVNode(" x ")]),
                         _: 2
                       }, 1032, ["onClick"])]);
                     }), 128))])) : currentTypeList[index] ? (openBlock(), createBlock(unref(NSelect), {
@@ -632,19 +632,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       disabled: !!item.__oppositeBindField,
                       multiple: "",
                       placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
-                      options: fieldOptions.value,
+                      options: unref(fieldOptions),
                       "label-field": "name",
                       "value-field": "key",
                       filterable: "",
                       "max-tag-count": 10
                     }, null, 8, ["value", "onUpdate:value", "disabled", "options"])) : createCommentVNode("v-if", true)])])]),
                     _: 2
-                  }, 1024), createElementVNode("section", null, [createElementVNode("label", null, [createElementVNode("span", _hoisted_10, [_cache[14] || (_cache[14] = createTextVNode(" \u6761\u4EF6\u903B\u8F91 ", -1)), createVNode(unref(NTooltip), null, {
+                  }, 1024), createElementVNode("section", null, [createElementVNode("label", null, [createElementVNode("span", _hoisted_11, [createTextVNode(" \u6761\u4EF6\u903B\u8F91 "), createVNode(unref(NTooltip), null, {
                     trigger: withCtx(() => [createVNode(unref(NIcon), {
                       size: "16",
                       component: unref(HelpCircleSharp)
                     }, null, 8, ["component"])]),
-                    default: withCtx(() => [_cache[13] || (_cache[13] = createTextVNode(" \u975E\u5FC5\u586B, \u9ED8\u8BA4\u4E3A\u9700\u8981\u5168\u90E8\u6EE1\u8DB3. \u793A\u4F8B: (1 AND 2) OR 3, \u8868\u793A \u6761\u4EF61\u548C2\u9700\u8981\u6EE1\u8DB3\u5176\u4E00, \u6761\u4EF63\u5FC5\u987B\u6EE1\u8DB3 ", -1))]),
+                    default: withCtx(() => [createTextVNode(" \u975E\u5FC5\u586B, \u9ED8\u8BA4\u4E3A\u9700\u8981\u5168\u90E8\u6EE1\u8DB3. \u793A\u4F8B: (1 AND 2) OR 3, \u8868\u793A \u6761\u4EF61\u548C2\u9700\u8981\u6EE1\u8DB3\u5176\u4E00, \u6761\u4EF63\u5FC5\u987B\u6EE1\u8DB3 ")]),
                     _: 1
                   })]), createVNode(unref(NInput), {
                     value: item.sqlExpression,

package/es/components/form-config/src/components/FormConfigMaterialItem.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { FormConfigItem, FormConfigTextFormatter } from '../../../../components/form-config';
-declare const FormConfigMaterialItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const FormConfigMaterialItem: import("vue").DefineComponent<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -13,7 +13,7 @@ declare const FormConfigMaterialItem: import("vue").DefineComponent<import("vue"
         type: PropType<FormConfigItem[]>;
         default: () => never[];
     };
-}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -26,7 +26,7 @@ declare const FormConfigMaterialItem: import("vue").DefineComponent<import("vue"
         type: PropType<FormConfigItem[]>;
         default: () => never[];
     };
-}>> & Readonly<{}>, {
+}>>, {
     materialList: FormConfigItem[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default FormConfigMaterialItem;

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

@@ -1,27 +1,27 @@
 import { PropType } from 'vue';
 import { FormConfigItem } from '../../../../../components/form-config';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
         };
-    }>> & Readonly<{}> & {}>;
-    fieldList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
-    materialList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
+    }>> & {}>>;
+    fieldList: import("vue").Ref<FormConfigItem[]>;
+    materialList: import("vue").Ref<FormConfigItem[]>;
     remove: () => void;
-    readonly CloseCircle: 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 NIcon: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    CloseCircle: 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<{}>>, {}>;
+    NButton: any;
+    NIcon: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>>, {}>;
 export default _default;

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

@@ -38,7 +38,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(CloseCircle)
         }, null, 8, ["component"])]),
         _: 1
-      });
+      }, 8, ["onClick"]);
     };
   }
 });

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { FormConfigItem, FormConfigTextFormatter } from '../../../../../components/form-config';
 import { bindHover, getFormConfigTitle } from '../../../../../components/form-config/src/utils';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -10,8 +10,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<FormConfigTextFormatter>;
         required: true;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
@@ -20,8 +20,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<FormConfigTextFormatter>;
             required: true;
         };
-    }>> & Readonly<{}> & {}>;
-    currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>, import("../../../../../shared/types").UndefinedAble<FormConfigItem>>;
+    }>> & {}>>;
+    currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>>;
     active: () => void;
     headerClassList: import("vue").ComputedRef<(string | {
         'is-active--text': boolean;
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     wrapperClassList: import("vue").ComputedRef<(string | {
         'is-active--shadow': boolean;
     })[]>;
-    FormConfigDragDisplay: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    FormConfigDragDisplay: import("vue").DefineComponent<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
         };
@@ -37,13 +37,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<FormConfigTextFormatter>;
             required: true;
         };
-    }>, {
+    }, {
         globProps: import("../../../../../shared/types").AnyObject | undefined;
         getItemColumnStyle: (formConfigItem?: FormConfigItem | undefined) => {
             '--item-column': number;
         };
-        fieldList: import("vue").Ref<FormConfigItem[], FormConfigItem[]> | undefined;
-        materialList: import("vue").Ref<FormConfigItem[], FormConfigItem[]> | undefined;
+        fieldList: import("vue").Ref<FormConfigItem[]> | undefined;
+        materialList: import("vue").Ref<FormConfigItem[]> | undefined;
         getSortOption: (formConfigItem?: FormConfigItem | undefined) => {
             move: ({ to, from, dragged }: import("sortablejs").MoveEvent) => false | undefined;
             onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
@@ -54,8 +54,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             'item-key': string;
             group: string;
         };
-        getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>;
-        readonly Draggable: import("vue").DefineComponent<{
+        getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}>;
+        Draggable: import("vue").DefineComponent<{
             list: {
                 type: ArrayConstructor;
                 required: boolean;
@@ -127,8 +127,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             list: unknown[];
             modelValue: unknown[];
             componentData: Record<string, any>;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
         };
@@ -136,34 +136,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<FormConfigTextFormatter>;
             required: true;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    CloseButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    }>>, {}>;
+    CloseButton: import("vue").DefineComponent<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
         };
-    }>, {
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             formConfigItem: {
                 type: PropType<FormConfigItem>;
                 required: true;
             };
-        }>> & Readonly<{}> & {}>;
-        fieldList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
-        materialList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
+        }>> & {}>>;
+        fieldList: import("vue").Ref<FormConfigItem[]>;
+        materialList: import("vue").Ref<FormConfigItem[]>;
         remove: () => void;
-        readonly CloseCircle: 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 NIcon: any;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        CloseCircle: 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<{}>>, {}>;
+        NButton: any;
+        NIcon: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly bindHover: typeof bindHover;
-    readonly getFormConfigTitle: typeof getFormConfigTitle;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>>, {}>;
+    bindHover: typeof bindHover;
+    getFormConfigTitle: typeof getFormConfigTitle;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -172,5 +172,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<FormConfigTextFormatter>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>>, {}>;
 export default _default;

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

@@ -1,10 +1,11 @@
-import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, unref, withModifiers, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, mergeProps, withModifiers, createTextVNode, toDisplayString, createVNode } from 'vue';
 import FormConfigDragDisplay from '../FormConfigDragDisplay.vue.js';
 import CloseButton from './CloseButton.vue.js';
 import { InjectionActiveFieldItem } from '../../constants/index.js';
 import { bindHover, getFormConfigTitle } from '../../utils/index.js';
 
 const _hoisted_1 = ["data-type", "data-key", "data-required", "data-extra"];
+const _hoisted_2 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ComplexNode",
   props: {
@@ -35,17 +36,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
-        class: normalizeClass(wrapperClassList.value),
+        class: normalizeClass(unref(wrapperClassList)),
         "data-type": __props.formConfigItem.type,
         "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,
+        class: unref(headerClassList),
         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, {
+      }, null, 8, ["form-config-item"])], 16, _hoisted_2), 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",

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { FormConfigItem, FormConfigTextFormatter } from '../../../../../components/form-config';
 import { bindHover } from '../../../../../components/form-config/src/utils';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -18,8 +18,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
@@ -36,8 +36,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}> & {}>;
-    currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>, import("../../../../../shared/types").UndefinedAble<FormConfigItem>>;
+    }>> & {}>>;
+    currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>>;
     setActiveField: () => void;
     ellipsisClassList: import("vue").ComputedRef<(string | {
         'is-required': boolean | undefined;
@@ -50,33 +50,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: import("vue").ComputedRef<boolean>;
     displayText: import("vue").ComputedRef<string>;
     showCloseBtn: import("vue").ComputedRef<boolean | undefined>;
-    readonly NEllipsis: any;
-    CloseButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    NEllipsis: any;
+    CloseButton: import("vue").DefineComponent<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
         };
-    }>, {
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             formConfigItem: {
                 type: PropType<FormConfigItem>;
                 required: true;
             };
-        }>> & Readonly<{}> & {}>;
-        fieldList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
-        materialList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
+        }>> & {}>>;
+        fieldList: import("vue").Ref<FormConfigItem[]>;
+        materialList: import("vue").Ref<FormConfigItem[]>;
         remove: () => void;
-        readonly CloseCircle: 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 NIcon: any;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        CloseCircle: 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<{}>>, {}>;
+        NButton: any;
+        NIcon: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly bindHover: typeof bindHover;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>>, {}>;
+    bindHover: typeof bindHover;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -93,8 +93,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>>, {
     showCloseButton: boolean;
     allowClick: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

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

@@ -4,7 +4,7 @@ import CloseButton from './CloseButton.vue.js';
 import { InjectionActiveFieldItem, getWidgetText } from '../../constants/index.js';
 import { getFormConfigTitle, bindHover } from '../../utils/index.js';
 
-const _hoisted_1 = ["data-type", "data-key", "data-required", "data-extra"];
+const _hoisted_1 = ["onClick", "data-type", "data-key", "data-required", "data-extra"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DefaultNode",
   props: {
@@ -59,17 +59,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps(unref(bindHover)(__props.formConfigItem), {
         onClick: withModifiers(setActiveField, ["stop"]),
-        class: classList.value,
+        class: unref(classList),
         "data-type": __props.formConfigItem.type,
         "data-key": __props.formConfigItem.key,
         "data-required": !!__props.formConfigItem.required,
         "data-extra": !!__props.formConfigItem.__extra
       }), [createVNode(unref(NEllipsis), {
-        class: normalizeClass(ellipsisClassList.value)
+        class: normalizeClass(unref(ellipsisClassList))
       }, {
-        default: withCtx(() => [createTextVNode(toDisplayString(displayText.value), 1)]),
+        default: withCtx(() => [createTextVNode(toDisplayString(unref(displayText)), 1)]),
         _: 1
-      }, 8, ["class"]), renderSlot(_ctx.$slots, "default"), showCloseBtn.value ? (openBlock(), createBlock(CloseButton, {
+      }, 8, ["class"]), renderSlot(_ctx.$slots, "default"), unref(showCloseBtn) ? (openBlock(), createBlock(CloseButton, {
         key: 0,
         "form-config-item": __props.formConfigItem
       }, null, 8, ["form-config-item"])) : createCommentVNode("v-if", true)], 16, _hoisted_1);