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

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

@@ -1,4 +1,4 @@
-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 { 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 { useTheme } from '../../../../shared/hooks/useTheme.js';
 import '@vueuse/core';
 import 'date-fns';
@@ -42,22 +42,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 +59,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("");
@@ -372,7 +361,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         size: "small",
         onClick: _cache[0] || (_cache[0] = ($event) => showRef.value = true)
       }, {
-        default: withCtx(() => [createTextVNode("\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A")]),
+        default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A", -1)])]),
         _: 1
       }), createVNode(unref(NModal), {
         show: showRef.value,
@@ -394,35 +383,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           size: "small",
           onClick: onNegativeClick
         }, {
-          default: withCtx(() => [createTextVNode(function() {
+          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)])]),
           _: 1
         }), createVNode(unref(NButton), {
           size: "small",
           onClick: onPositiveClick,
           type: "primary"
         }, {
-          default: withCtx(() => [createTextVNode(function() {
+          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)])]),
           _: 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 +445,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 +455,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 +463,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "error",
                   size: "small"
                 }, {
-                  default: withCtx(() => [createTextVNode(function() {
+                  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)])]),
                   _: 2
                 }, 1032, ["onClick"])]),
                 default: withCtx(() => [createVNode(unref(NThing), {
@@ -491,14 +480,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 +508,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 +534,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           type: "error",
                           size: "small"
                         }, {
-                          default: withCtx(() => [createTextVNode(function() {
+                          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)])]),
                           _: 2
                         }, 1032, ["disabled", "onClick"])]);
                       }), 128))]),
@@ -571,14 +560,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       size: "tiny",
                       onClick: ($event) => addSetValueField(item)
                     }, {
-                      default: withCtx(() => [createTextVNode(function() {
+                      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)])]),
                       _: 2
                     }, 1032, ["onClick"])]), (openBlock(true), createElementBlock(Fragment, null, renderList(item.setValueField || [], (setFieldItem, setFieldIndex) => {
                       return openBlock(), createElementBlock("section", {
@@ -594,14 +583,25 @@ 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"
+                          }
+                        }, 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), {
                           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 +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_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 +632,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

@@ -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<{
+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,11 +1,10 @@
-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: {
@@ -36,17 +35,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
-        class: normalizeClass(unref(wrapperClassList)),
+        class: normalizeClass(wrapperClassList.value),
         "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),
+        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, _hoisted_2), createVNode(FormConfigDragDisplay, mergeProps(_ctx.$props, {
+      }, 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",

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<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -18,8 +18,8 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    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;
@@ -36,8 +36,8 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & {}>>;
-    currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>>;
+    }>> & Readonly<{}> & {}>;
+    currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>, 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<{
     disabled: import("vue").ComputedRef<boolean>;
     displayText: import("vue").ComputedRef<string>;
     showCloseBtn: import("vue").ComputedRef<boolean | undefined>;
-    NEllipsis: any;
-    CloseButton: import("vue").DefineComponent<{
+    readonly NEllipsis: 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;
-}, 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;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
         required: true;
@@ -93,8 +93,8 @@ declare const _default: import("vue").DefineComponent<{
         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 = ["onClick", "data-type", "data-key", "data-required", "data-extra"];
+const _hoisted_1 = ["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: unref(classList),
+        class: classList.value,
         "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(unref(ellipsisClassList))
+        class: normalizeClass(ellipsisClassList.value)
       }, {
-        default: withCtx(() => [createTextVNode(toDisplayString(unref(displayText)), 1)]),
+        default: withCtx(() => [createTextVNode(toDisplayString(displayText.value), 1)]),
         _: 1
-      }, 8, ["class"]), renderSlot(_ctx.$slots, "default"), unref(showCloseBtn) ? (openBlock(), createBlock(CloseButton, {
+      }, 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/hooks/usePresetRenderer.d.ts

@@ -1,4 +1,4 @@
 import { FormConfigItem } from '../types';
 export declare function usePresetRenderer(): {
-    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}>;
+    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>;
 };