cnhis-design-vue 3.4.0-beta.1 → 3.4.0-beta.10

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

@@ -1,4 +1,5 @@
-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 { 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';
@@ -42,22 +43,10 @@ const _hoisted_8 = {
     "margin-bottom": "8px"
   }
 };
-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 = {
+const _hoisted_9 = {
   key: 1
 };
-const _hoisted_11 = {
+const _hoisted_10 = {
   style: {
     "display": "inline-flex",
     "align-items": "center",
@@ -71,13 +60,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {
       default: () => []
     },
-    bindFormRenderRef: null
+    bindFormRenderRef: {}
   },
   emits: ["update:modelValue", "validateFailure"],
   setup(__props, {
-    emit
+    emit: __emit
   }) {
     const props = __props;
+    const emit = __emit;
     const cssVars = useTheme();
     const valueRef = ref([]);
     const expandedName = ref("");
@@ -265,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 = [];
@@ -346,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
           }
@@ -370,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(() => [createTextVNode("\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A")]),
+        default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(toDisplayString("\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A"), -1)])]),
         _: 1
       }), createVNode(unref(NModal), {
         show: showRef.value,
@@ -394,35 +357,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           size: "small",
           onClick: onNegativeClick
         }, {
-          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";
-            }
-          }())]),
+          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(() => [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";
-            }
-          }())]),
+          default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode(i18n("10010.1.27", "\u786E\u5B9A"), -1)])]),
           _: 1
         })]),
         default: withCtx(() => [createElementVNode("header", _hoisted_1, [createVNode(unref(NButton), {
           onClick: addConnection,
           size: "small"
         }, {
-          default: withCtx(() => [createTextVNode("\u65B0\u589E\u8054\u52A8")]),
+          default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("\u65B0\u589E\u8054\u52A8", -1)])]),
           _: 1
         })]), createVNode(unref(NScrollbar), {
           style: {
@@ -456,7 +405,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "primary",
                   size: "small"
                 }, {
-                  default: withCtx(() => [createTextVNode(" \u521B\u5EFA\u4E92\u65A5\u6761\u4EF6 ")]),
+                  default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" \u521B\u5EFA\u4E92\u65A5\u6761\u4EF6 ", -1)])]),
                   _: 2
                 }, 1032, ["onClick"])) : (openBlock(), createElementBlock(Fragment, {
                   key: 1
@@ -466,7 +415,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   size: "small",
                   onClick: withModifiers(($event) => unBindOpposite(item), ["stop"])
                 }, {
-                  default: withCtx(() => [createTextVNode("\u89E3\u9664\u4E92\u65A5")]),
+                  default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("\u89E3\u9664\u4E92\u65A5", -1)])]),
                   _: 2
                 }, 1032, ["onClick"])], 64)), createVNode(unref(NButton), {
                   onClick: withModifiers(($event) => removeConnection(index), ["stop"]),
@@ -474,14 +423,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "error",
                   size: "small"
                 }, {
-                  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";
-                    }
-                  }())]),
+                  default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(i18n("10010.1.88", "\u79FB\u9664"), -1)])]),
                   _: 2
                 }, 1032, ["onClick"])]),
                 default: withCtx(() => [createVNode(unref(NThing), {
@@ -491,14 +433,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     justify: "space-between",
                     wrap: false
                   }, {
-                    default: withCtx(() => [createElementVNode("section", _hoisted_3, [createElementVNode("header", null, [createTextVNode(" \u6761\u4EF6 "), !item.__oppositeBindField ? (openBlock(), createBlock(unref(NButton), {
+                    default: withCtx(() => [createElementVNode("section", _hoisted_3, [createElementVNode("header", null, [_cache[8] || (_cache[8] = createTextVNode(" \u6761\u4EF6 ", -1)), !item.__oppositeBindField ? (openBlock(), createBlock(unref(NButton), {
                       key: 0,
                       size: "small",
                       quaternary: "",
                       type: "primary",
                       onClick: ($event) => addCondition(item)
                     }, {
-                      default: withCtx(() => [createTextVNode(" \u6DFB\u52A0\u6761\u4EF6 ")]),
+                      default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" \u6DFB\u52A0\u6761\u4EF6 ", -1)])]),
                       _: 2
                     }, 1032, ["onClick"])) : createCommentVNode("v-if", true)]), createVNode(unref(NScrollbar), {
                       style: {
@@ -519,7 +461,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             "onUpdate:value": ($event) => condition.field_key = $event,
                             disabled: !!item.__oppositeBindField,
                             placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
-                            options: unref(fieldOptions),
+                            options: fieldOptions.value,
                             "label-field": "name",
                             "value-field": "key",
                             filterable: ""
@@ -545,14 +487,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           type: "error",
                           size: "small"
                         }, {
-                          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";
-                            }
-                          }())]),
+                          default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(i18n("10010.1.88", "\u79FB\u9664"), -1)])]),
                           _: 2
                         }, 1032, ["disabled", "onClick"])]);
                       }), 128))]),
@@ -571,14 +506,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       size: "tiny",
                       onClick: ($event) => addSetValueField(item)
                     }, {
-                      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";
-                        }
-                      }())]),
+                      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", {
@@ -594,14 +522,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         wrap: false,
                         align: "center"
                       }, {
-                        default: withCtx(() => [_hoisted_9, createVNode(unref(NSelect), {
+                        default: withCtx(() => [_cache[11] || (_cache[11] = createElementVNode("span", {
+                          style: {
+                            "word-break": "keep-all"
+                          }
+                        }, i18n("10010.1.9", "\u5B57\u6BB5"), -1)), createVNode(unref(NSelect), {
                           style: {
                             "width": "130px"
                           },
                           value: setFieldItem.field,
                           "onUpdate:value": ($event) => setFieldItem.field = $event,
                           placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
-                          options: unref(setValueFieldOptions),
+                          options: setValueFieldOptions.value,
                           "label-field": "name",
                           "value-field": "key",
                           filterable: ""
@@ -617,12 +549,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_10)), createVNode(unref(NButton), {
+                      }, null, 8, ["field-list", "initial-data", "onFormChange"])) : (openBlock(), createElementBlock("i", _hoisted_9)), createVNode(unref(NButton), {
                         type: "error",
                         size: "tiny",
                         onClick: ($event) => removeSetValueField(item, setFieldIndex)
                       }, {
-                        default: withCtx(() => [createTextVNode(" x ")]),
+                        default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" x ", -1)])]),
                         _: 2
                       }, 1032, ["onClick"])]);
                     }), 128))])) : currentTypeList[index] ? (openBlock(), createBlock(unref(NSelect), {
@@ -632,19 +564,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       disabled: !!item.__oppositeBindField,
                       multiple: "",
                       placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
-                      options: unref(fieldOptions),
+                      options: fieldOptions.value,
                       "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_11, [createTextVNode(" \u6761\u4EF6\u903B\u8F91 "), createVNode(unref(NTooltip), null, {
+                  }, 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, {
                     trigger: withCtx(() => [createVNode(unref(NIcon), {
                       size: "16",
                       component: unref(HelpCircleSharp)
                     }, null, 8, ["component"])]),
-                    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 ")]),
+                    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))]),
                     _: 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<{
+declare const FormConfigMaterialItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -13,7 +13,7 @@ declare const FormConfigMaterialItem: import("vue").DefineComponent<{
         type: PropType<FormConfigItem[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -26,7 +26,7 @@ declare const FormConfigMaterialItem: import("vue").DefineComponent<{
         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<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
         };
-    }>> & {}>>;
-    fieldList: import("vue").Ref<FormConfigItem[]>;
-    materialList: import("vue").Ref<FormConfigItem[]>;
+    }>> & Readonly<{}> & {}>;
+    fieldList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
+    materialList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
     remove: () => void;
-    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<{
+    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<{
     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

@@ -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,11 +31,11 @@ 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
-      }, 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<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -10,8 +10,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FormConfigTextFormatter>;
         required: true;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
@@ -20,8 +20,8 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<FormConfigTextFormatter>;
             required: true;
         };
-    }>> & {}>>;
-    currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>>;
+    }>> & Readonly<{}> & {}>;
+    currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>, 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<{
     wrapperClassList: import("vue").ComputedRef<(string | {
         'is-active--shadow': boolean;
     })[]>;
-    FormConfigDragDisplay: import("vue").DefineComponent<{
+    FormConfigDragDisplay: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
         };
@@ -37,13 +37,13 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<FormConfigTextFormatter>;
             required: true;
         };
-    }, {
+    }>, {
         globProps: import("../../../../../shared/types").AnyObject | undefined;
         getItemColumnStyle: (formConfigItem?: FormConfigItem | undefined) => {
             '--item-column': number;
         };
-        fieldList: import("vue").Ref<FormConfigItem[]> | undefined;
-        materialList: import("vue").Ref<FormConfigItem[]> | undefined;
+        fieldList: import("vue").Ref<FormConfigItem[], FormConfigItem[]> | undefined;
+        materialList: import("vue").Ref<FormConfigItem[], 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<{
             'item-key': string;
             group: string;
         };
-        getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}>;
-        Draggable: import("vue").DefineComponent<{
+        getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>;
+        readonly Draggable: import("vue").DefineComponent<{
             list: {
                 type: ArrayConstructor;
                 required: boolean;
@@ -127,8 +127,8 @@ declare const _default: import("vue").DefineComponent<{
             list: unknown[];
             modelValue: unknown[];
             componentData: Record<string, any>;
-        }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
         };
@@ -136,34 +136,34 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<FormConfigTextFormatter>;
             required: true;
         };
-    }>>, {}>;
-    CloseButton: import("vue").DefineComponent<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CloseButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             formConfigItem: {
                 type: PropType<FormConfigItem>;
                 required: true;
             };
-        }>> & {}>>;
-        fieldList: import("vue").Ref<FormConfigItem[]>;
-        materialList: import("vue").Ref<FormConfigItem[]>;
+        }>> & Readonly<{}> & {}>;
+        fieldList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
+        materialList: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
         remove: () => void;
-        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<{
+        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<{
         formConfigItem: {
             type: PropType<FormConfigItem>;
             required: true;
         };
-    }>>, {}>;
-    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<{
+    }>> & 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<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -172,5 +172,5 @@ declare const _default: import("vue").DefineComponent<{
         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,22 +1,15 @@
-import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, mergeProps, withModifiers, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, unref, 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: {
-    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;
@@ -25,36 +18,42 @@ 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", {
-        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: 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, _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",
+        class: normalizeClass(wrapperClassList.value),
         "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);
     };
   }
 });