cnhis-design-vue 3.1.18-beta.5 → 3.1.18-beta.8

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

@@ -6268,10 +6268,17 @@ declare const _default: import("vue").DefineComponent<{
                         confirm: string;
                         clear: string;
                     };
-                    Transfer: {
+                    LegacyTransfer: {
                         sourceTitle: string;
                         targetTitle: string;
                     };
+                    Transfer: {
+                        selectAll: string;
+                        unselectAll: string;
+                        clearAll: string;
+                        total: (num: number) => string;
+                        selected: (num: number) => string;
+                    };
                     Empty: {
                         description: string;
                     };
@@ -6415,10 +6422,17 @@ declare const _default: import("vue").DefineComponent<{
                         confirm: string;
                         clear: string;
                     };
-                    Transfer: {
+                    LegacyTransfer: {
                         sourceTitle: string;
                         targetTitle: string;
                     };
+                    Transfer: {
+                        selectAll: string;
+                        unselectAll: string;
+                        clearAll: string;
+                        total: (num: number) => string;
+                        selected: (num: number) => string;
+                    };
                     Empty: {
                         description: string;
                     };
@@ -8777,6 +8791,8 @@ declare const _default: import("vue").DefineComponent<{
                     colorPopover: string;
                     colorTarget: string;
                     colorEmbedded: string;
+                    colorEmbeddedModal: string;
+                    colorEmbeddedPopover: string;
                     textColor: string;
                     titleTextColor: string;
                     borderColor: string;
@@ -9059,6 +9075,8 @@ declare const _default: import("vue").DefineComponent<{
                     colorPopover: string;
                     colorTarget: string;
                     colorEmbedded: string;
+                    colorEmbeddedModal: string;
+                    colorEmbeddedPopover: string;
                     textColor: string;
                     titleTextColor: string;
                     borderColor: string;
@@ -9341,6 +9359,8 @@ declare const _default: import("vue").DefineComponent<{
                     colorPopover: string;
                     colorTarget: string;
                     colorEmbedded: string;
+                    colorEmbeddedModal: string;
+                    colorEmbeddedPopover: string;
                     textColor: string;
                     titleTextColor: string;
                     borderColor: string;
@@ -9739,6 +9759,8 @@ declare const _default: import("vue").DefineComponent<{
                     colorPopover: string;
                     colorTarget: string;
                     colorEmbedded: string;
+                    colorEmbeddedModal: string;
+                    colorEmbeddedPopover: string;
                     textColor: string;
                     titleTextColor: string;
                     borderColor: string;
@@ -10021,6 +10043,8 @@ declare const _default: import("vue").DefineComponent<{
                     colorPopover: string;
                     colorTarget: string;
                     colorEmbedded: string;
+                    colorEmbeddedModal: string;
+                    colorEmbeddedPopover: string;
                     textColor: string;
                     titleTextColor: string;
                     borderColor: string;
@@ -10303,6 +10327,8 @@ declare const _default: import("vue").DefineComponent<{
                     colorPopover: string;
                     colorTarget: string;
                     colorEmbedded: string;
+                    colorEmbeddedModal: string;
+                    colorEmbeddedPopover: string;
                     textColor: string;
                     titleTextColor: string;
                     borderColor: string;
@@ -11737,10 +11763,17 @@ declare const _default: import("vue").DefineComponent<{
                         confirm: string;
                         clear: string;
                     };
-                    Transfer: {
+                    LegacyTransfer: {
                         sourceTitle: string;
                         targetTitle: string;
                     };
+                    Transfer: {
+                        selectAll: string;
+                        unselectAll: string;
+                        clearAll: string;
+                        total: (num: number) => string;
+                        selected: (num: number) => string;
+                    };
                     Empty: {
                         description: string;
                     };
@@ -11884,10 +11917,17 @@ declare const _default: import("vue").DefineComponent<{
                         confirm: string;
                         clear: string;
                     };
-                    Transfer: {
+                    LegacyTransfer: {
                         sourceTitle: string;
                         targetTitle: string;
                     };
+                    Transfer: {
+                        selectAll: string;
+                        unselectAll: string;
+                        clearAll: string;
+                        total: (num: number) => string;
+                        selected: (num: number) => string;
+                    };
                     Empty: {
                         description: string;
                     };

package/es/components/form-config/src/components/FormConfigCreator.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode } from 'vue';
 import { pick } from 'lodash-es';
 import { NButtonGroup, NPopconfirm, NButton } from 'naive-ui';
-import { EditAbleField } from '../constants/index.js';
-import { useConfigurationField } from '../hooks/useConfigurationField.js';
-import '../../../index.js';
+import { EditAbleField } from '../constants/index2.js';
+import { useConfigurationField } from '../hooks/useConfigurationField2.js';
+import '../../../index2.js';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
-import FormRender from '../../../form-render/index.js';
+import FormRender from '../../../form-render/index2.js';
 
 const _hoisted_1 = /* @__PURE__ */ createTextVNode("\u65B0\u5EFA\u5206\u884C\u7B26");
 const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u65B0\u5EFA\u5206\u7EBF\u680F");

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

@@ -4729,10 +4729,17 @@ declare const _default: import("vue").DefineComponent<{}, {
                     confirm: string;
                     clear: string;
                 };
-                Transfer: {
+                LegacyTransfer: {
                     sourceTitle: string;
                     targetTitle: string;
                 };
+                Transfer: {
+                    selectAll: string;
+                    unselectAll: string;
+                    clearAll: string;
+                    total: (num: number) => string;
+                    selected: (num: number) => string;
+                };
                 Empty: {
                     description: string;
                 };
@@ -4876,10 +4883,17 @@ declare const _default: import("vue").DefineComponent<{}, {
                     confirm: string;
                     clear: string;
                 };
-                Transfer: {
+                LegacyTransfer: {
                     sourceTitle: string;
                     targetTitle: string;
                 };
+                Transfer: {
+                    selectAll: string;
+                    unselectAll: string;
+                    clearAll: string;
+                    total: (num: number) => string;
+                    selected: (num: number) => string;
+                };
                 Empty: {
                     description: string;
                 };

package/es/components/form-config/src/components/FormConfigDragDisplay.js

@@ -1,8 +1,8 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, normalizeStyle, resolveDynamicComponent } from 'vue';
 import Draggable from 'vuedraggable';
 import { usePresetRenderer } from '../hooks/usePresetRenderer.js';
-import { useSortableConfig } from '../hooks/useSortalbeConfig.js';
-import { layoutWidthEnum2Column } from '../utils/index.js';
+import { useSortableConfig } from '../hooks/useSortalbeConfig2.js';
+import { layoutWidthEnum2Column } from '../utils/index2.js';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,14 +1,14 @@
 import { defineComponent, ref, inject, watch, toRaw, openBlock, createElementBlock, Fragment, createBlock, unref, createVNode, nextTick } from 'vue';
 import { cloneDeep } from 'lodash-es';
-import { InjectionActiveFieldItem } from '../constants/index.js';
+import { InjectionActiveFieldItem } from '../constants/index2.js';
 import 'vuedraggable';
-import '../utils/index.js';
+import '../utils/index2.js';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 import '@vicons/ionicons5';
 import { NModal } from 'naive-ui';
-import { useConfigurationField } from '../hooks/useConfigurationField.js';
-import '../../../index.js';
-import FormRender from '../../../form-render/index.js';
+import { useConfigurationField } from '../hooks/useConfigurationField2.js';
+import '../../../index2.js';
+import FormRender from '../../../form-render/index2.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormConfigEdit",

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

@@ -2043,6 +2043,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 colorPopover: string;
                 colorTarget: string;
                 colorEmbedded: string;
+                colorEmbeddedModal: string;
+                colorEmbeddedPopover: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -2325,6 +2327,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 colorPopover: string;
                 colorTarget: string;
                 colorEmbedded: string;
+                colorEmbeddedModal: string;
+                colorEmbeddedPopover: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -2607,6 +2611,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 colorPopover: string;
                 colorTarget: string;
                 colorEmbedded: string;
+                colorEmbeddedModal: string;
+                colorEmbeddedPopover: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -3005,6 +3011,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 colorPopover: string;
                 colorTarget: string;
                 colorEmbedded: string;
+                colorEmbeddedModal: string;
+                colorEmbeddedPopover: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -3287,6 +3295,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 colorPopover: string;
                 colorTarget: string;
                 colorEmbedded: string;
+                colorEmbeddedModal: string;
+                colorEmbeddedPopover: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -3569,6 +3579,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 colorPopover: string;
                 colorTarget: string;
                 colorEmbedded: string;
+                colorEmbeddedModal: string;
+                colorEmbeddedPopover: string;
                 textColor: string;
                 titleTextColor: string;
                 borderColor: string;
@@ -5003,10 +5015,17 @@ declare const _default: import("vue").DefineComponent<{}, {
                     confirm: string;
                     clear: string;
                 };
-                Transfer: {
+                LegacyTransfer: {
                     sourceTitle: string;
                     targetTitle: string;
                 };
+                Transfer: {
+                    selectAll: string;
+                    unselectAll: string;
+                    clearAll: string;
+                    total: (num: number) => string;
+                    selected: (num: number) => string;
+                };
                 Empty: {
                     description: string;
                 };
@@ -5150,10 +5169,17 @@ declare const _default: import("vue").DefineComponent<{}, {
                     confirm: string;
                     clear: string;
                 };
-                Transfer: {
+                LegacyTransfer: {
                     sourceTitle: string;
                     targetTitle: string;
                 };
+                Transfer: {
+                    selectAll: string;
+                    unselectAll: string;
+                    clearAll: string;
+                    total: (num: number) => string;
+                    selected: (num: number) => string;
+                };
                 Empty: {
                     description: string;
                 };

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

@@ -2,7 +2,7 @@ import { defineComponent, inject, openBlock, createBlock, unref, withModifiers,
 import { CloseCircle } from '@vicons/ionicons5';
 import { isArray } from 'lodash-es';
 import { NButton, NIcon } from 'naive-ui';
-import { InjectionFieldList, InjectionMaterialList } from '../../constants/index.js';
+import { InjectionFieldList, InjectionMaterialList } from '../../constants/index2.js';
 import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,8 +1,8 @@
 import { defineComponent, inject, computed, openBlock, createElementBlock, createElementVNode, mergeProps, unref, withModifiers, createTextVNode, toDisplayString, createVNode } from 'vue';
 import FormConfigDragDisplay from '../FormConfigDragDisplay.js';
 import CloseButton from './CloseButton.js';
-import { InjectionActiveFieldItem } from '../../constants/index.js';
-import { bindHover } from '../../utils/index.js';
+import { InjectionActiveFieldItem } from '../../constants/index2.js';
+import { bindHover } from '../../utils/index2.js';
 import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = { class: "form-config__renderer--complex form-config__renderer" };

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

@@ -1,8 +1,8 @@
 import { defineComponent, inject, computed, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString } from 'vue';
 import { NButton, NEllipsis } from 'naive-ui';
 import CloseButton from './CloseButton.js';
-import { InjectionActiveFieldItem, WidgetTextMap } from '../../constants/index.js';
-import { bindHover } from '../../utils/index.js';
+import { InjectionActiveFieldItem, WidgetTextMap } from '../../constants/index2.js';
+import { bindHover } from '../../utils/index2.js';
 import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const currentActiveEditField = inject(InjectionActiveFieldItem);
-    function active() {
+    function setActiveField() {
       currentActiveEditField.value = props.fieldItem;
     }
     const classList = computed(() => {
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         secondary: !unref(disabled),
         dashed: unref(disabled)
       }, unref(bindHover)(__props.fieldItem), {
-        onClick: withModifiers(active, ["stop"]),
+        onClick: withModifiers(setActiveField, ["stop"]),
         class: unref(classList)
       }), {
         default: withCtx(() => [

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
     currentActiveEditField: import("vue").Ref<import("../../../../../shared/types").UndefinedAble<FormConfigItem>>;
-    active: () => void;
+    setActiveField: () => void;
     classList: import("vue").ComputedRef<(string | {
         'is-active': boolean;
     })[]>;

package/es/components/form-config/src/constants/index.js

@@ -1,60 +1 @@
-const WidgetTextMap = /* @__PURE__ */ new Map([
-  ["LINE_BAR", "\u5206\u7EBF\u680F"],
-  ["NEWLINE", "\u5206\u884C\u7B26"]
-]);
-var EditAbleField = /* @__PURE__ */ ((EditAbleField2) => {
-  EditAbleField2["NAME"] = "name";
-  EditAbleField2["NOTES"] = "notes";
-  EditAbleField2["DEFAULT_VALUE"] = "defaultValue";
-  EditAbleField2["LAYOUT_WIDTH_ENUM"] = "layoutWidthEnum";
-  EditAbleField2["DESC"] = "desc";
-  EditAbleField2["DEFAULT_EXPAND"] = "defaultExpand";
-  EditAbleField2["FOLD"] = "fold";
-  EditAbleField2["REQUIRED"] = "required";
-  EditAbleField2["EDITABLE"] = "editable";
-  return EditAbleField2;
-})(EditAbleField || {});
-function widgetWidthOptionConfig() {
-  return {
-    option: [
-      { text: "\u6574\u884C", value: "ALL_LINE" },
-      { text: "\u534A\u884C", value: "HALF_LINE" },
-      { text: "5/6", value: "FIVE_SIX" },
-      { text: "2/3", value: "TWO_THREE" },
-      { text: "1/3", value: "ONE_THREE" },
-      { text: "3/4", value: "THREE_FOUR" },
-      { text: "1/4", value: "ONE_FOUR" },
-      { text: "1/6", value: "ONE_SIX" },
-      { text: "1/8", value: "ONE_EIGHT" }
-    ]
-  };
-}
-function isShowOptionConfig() {
-  return {
-    open: { describe: "\u9ED8\u8BA4\u5C55\u5F00", value: true },
-    close: { describe: "\u9ED8\u8BA4\u6536\u8D77", value: false }
-  };
-}
-function isNotFoldOptionConfig() {
-  return {
-    open: { describe: "\u53EF\u6298\u53E0", value: true },
-    close: { describe: "\u4E0D\u53EF\u6298\u53E0", value: false }
-  };
-}
-function isEditOptionConfig() {
-  return {
-    open: { describe: "\u53EF\u7F16\u8F91", value: true },
-    close: { describe: "\u4E0D\u53EF\u7F16\u8F91", value: false }
-  };
-}
-function isNullOptionConfig() {
-  return {
-    open: { describe: "\u5FC5\u586B", value: true },
-    close: { describe: "\u4E0D\u5FC5\u586B", value: false }
-  };
-}
-const InjectionFieldList = Symbol("InjectionFieldList");
-const InjectionMaterialList = Symbol("InjectionMaterialList");
-const InjectionActiveFieldItem = Symbol("InjectionActiveFieldItem");
-
-export { EditAbleField, InjectionActiveFieldItem, InjectionFieldList, InjectionMaterialList, WidgetTextMap, isEditOptionConfig, isNotFoldOptionConfig, isNullOptionConfig, isShowOptionConfig, widgetWidthOptionConfig };
+export { EditAbleField, InjectionActiveFieldItem, InjectionFieldList, InjectionMaterialList, WidgetTextMap, isEditOptionConfig, isNotFoldOptionConfig, isNullOptionConfig, isShowOptionConfig, widgetWidthOptionConfig } from './index2.js';

package/es/components/form-config/src/constants/index2.js

@@ -0,0 +1,60 @@
+const WidgetTextMap = /* @__PURE__ */ new Map([
+  ["LINE_BAR", "\u5206\u7EBF\u680F"],
+  ["NEWLINE", "\u5206\u884C\u7B26"]
+]);
+var EditAbleField = /* @__PURE__ */ ((EditAbleField2) => {
+  EditAbleField2["NAME"] = "name";
+  EditAbleField2["NOTES"] = "notes";
+  EditAbleField2["DEFAULT_VALUE"] = "defaultValue";
+  EditAbleField2["LAYOUT_WIDTH_ENUM"] = "layoutWidthEnum";
+  EditAbleField2["DESC"] = "desc";
+  EditAbleField2["DEFAULT_EXPAND"] = "defaultExpand";
+  EditAbleField2["FOLD"] = "fold";
+  EditAbleField2["REQUIRED"] = "required";
+  EditAbleField2["EDITABLE"] = "editable";
+  return EditAbleField2;
+})(EditAbleField || {});
+function widgetWidthOptionConfig() {
+  return {
+    option: [
+      { text: "\u6574\u884C", value: "ALL_LINE" },
+      { text: "\u534A\u884C", value: "HALF_LINE" },
+      { text: "5/6", value: "FIVE_SIX" },
+      { text: "2/3", value: "TWO_THREE" },
+      { text: "1/3", value: "ONE_THREE" },
+      { text: "3/4", value: "THREE_FOUR" },
+      { text: "1/4", value: "ONE_FOUR" },
+      { text: "1/6", value: "ONE_SIX" },
+      { text: "1/8", value: "ONE_EIGHT" }
+    ]
+  };
+}
+function isShowOptionConfig() {
+  return {
+    open: { describe: "\u9ED8\u8BA4\u5C55\u5F00", value: true },
+    close: { describe: "\u9ED8\u8BA4\u6536\u8D77", value: false }
+  };
+}
+function isNotFoldOptionConfig() {
+  return {
+    open: { describe: "\u53EF\u6298\u53E0", value: true },
+    close: { describe: "\u4E0D\u53EF\u6298\u53E0", value: false }
+  };
+}
+function isEditOptionConfig() {
+  return {
+    open: { describe: "\u53EF\u7F16\u8F91", value: true },
+    close: { describe: "\u4E0D\u53EF\u7F16\u8F91", value: false }
+  };
+}
+function isNullOptionConfig() {
+  return {
+    open: { describe: "\u5FC5\u586B", value: true },
+    close: { describe: "\u4E0D\u5FC5\u586B", value: false }
+  };
+}
+const InjectionFieldList = Symbol("InjectionFieldList");
+const InjectionMaterialList = Symbol("InjectionMaterialList");
+const InjectionActiveFieldItem = Symbol("InjectionActiveFieldItem");
+
+export { EditAbleField, InjectionActiveFieldItem, InjectionFieldList, InjectionMaterialList, WidgetTextMap, isEditOptionConfig, isNotFoldOptionConfig, isNullOptionConfig, isShowOptionConfig, widgetWidthOptionConfig };

package/es/components/form-config/src/hooks/index.js

@@ -1,3 +1,3 @@
 export { usePresetRenderer } from './usePresetRenderer.js';
-export { useSortableConfig } from './useSortalbeConfig.js';
-export { useConfigurationField } from './useConfigurationField.js';
+export { useSortableConfig } from './useSortalbeConfig2.js';
+export { useConfigurationField } from './useConfigurationField2.js';

package/es/components/form-config/src/hooks/useConfigurationField.js

@@ -1,52 +1 @@
-import { EditAbleField, widgetWidthOptionConfig, isShowOptionConfig, isNotFoldOptionConfig, isEditOptionConfig, isNullOptionConfig } from '../constants/index.js';
-
-function useConfigurationField() {
-  const fieldMap = /* @__PURE__ */ new Map([
-    [EditAbleField.NAME, { alias: "\u540D\u79F0", elem_width: 6, is_null: "0", html_type: "INPUT" }],
-    [EditAbleField.NOTES, { alias: "\u95EE\u53F7\u63D0\u793A", elem_width: 6, html_type: "INPUT" }],
-    [
-      EditAbleField.DEFAULT_VALUE,
-      { alias: "\u9ED8\u8BA4\u503C", elem_width: 6, html_type: "INPUT", validate: { max_length: 20 } }
-    ],
-    [
-      EditAbleField.LAYOUT_WIDTH_ENUM,
-      { alias: "\u5BBD\u5EA6", fieldType: "number", html_type: "SELECT", elem_width: 6, ...widgetWidthOptionConfig() }
-    ],
-    [EditAbleField.DESC, { alias: "\u8BF4\u660E\u6587\u672C", elem_width: 6, html_type: "INPUT", validate: { max_length: 30 } }],
-    [
-      EditAbleField.DEFAULT_EXPAND,
-      { alias: "\u662F\u5426\u9ED8\u8BA4\u5C55\u5F00", html_type: "SWITCH", elem_width: 6, ...isShowOptionConfig() }
-    ],
-    [EditAbleField.FOLD, { alias: "\u662F\u5426\u53EF\u6298\u53E0", html_type: "SWITCH", elem_width: 6, ...isNotFoldOptionConfig() }],
-    [EditAbleField.EDITABLE, { alias: "\u662F\u5426\u53EF\u7F16\u8F91", html_type: "SWITCH", elem_width: 6, ...isEditOptionConfig() }],
-    [EditAbleField.REQUIRED, { alias: "\u662F\u5426\u5FC5\u586B", html_type: "SWITCH", elem_width: 6, ...isNullOptionConfig() }]
-  ]);
-  function generateFieldListByKeys(keyList) {
-    return keyList.map((key) => {
-      return { ...fieldMap.get(key), val_key: key };
-    });
-  }
-  function generateFieldListByFieldItem(fieldItem) {
-    const htmlMap = new Map([
-      [
-        "LINE_BAR",
-        [EditAbleField.NAME, EditAbleField.LAYOUT_WIDTH_ENUM, EditAbleField.DEFAULT_EXPAND, EditAbleField.FOLD]
-      ],
-      ...["NEWLINE", "COMPLEX", "COMBINATION"].map((key) => [key, [EditAbleField.NAME, EditAbleField.LAYOUT_WIDTH_ENUM]])
-    ]);
-    const defaultItems = [
-      EditAbleField.NAME,
-      EditAbleField.DEFAULT_VALUE,
-      EditAbleField.LAYOUT_WIDTH_ENUM,
-      EditAbleField.DESC,
-      EditAbleField.NOTES,
-      EditAbleField.EDITABLE,
-      EditAbleField.REQUIRED
-    ];
-    const keys = htmlMap.get(fieldItem.type) || defaultItems;
-    return generateFieldListByKeys(keys);
-  }
-  return { generateFieldListByKeys, generateFieldListByFieldItem };
-}
-
-export { useConfigurationField };
+export { useConfigurationField } from './useConfigurationField2.js';

package/es/components/form-config/src/hooks/useConfigurationField2.js

@@ -0,0 +1,52 @@
+import { EditAbleField, widgetWidthOptionConfig, isShowOptionConfig, isNotFoldOptionConfig, isEditOptionConfig, isNullOptionConfig } from '../constants/index2.js';
+
+function useConfigurationField() {
+  const fieldMap = /* @__PURE__ */ new Map([
+    [EditAbleField.NAME, { alias: "\u540D\u79F0", elem_width: 6, is_null: "0", html_type: "INPUT" }],
+    [EditAbleField.NOTES, { alias: "\u95EE\u53F7\u63D0\u793A", elem_width: 6, html_type: "INPUT" }],
+    [
+      EditAbleField.DEFAULT_VALUE,
+      { alias: "\u9ED8\u8BA4\u503C", elem_width: 6, html_type: "INPUT", validate: { max_length: 20 } }
+    ],
+    [
+      EditAbleField.LAYOUT_WIDTH_ENUM,
+      { alias: "\u5BBD\u5EA6", fieldType: "number", html_type: "SELECT", elem_width: 6, ...widgetWidthOptionConfig() }
+    ],
+    [EditAbleField.DESC, { alias: "\u8BF4\u660E\u6587\u672C", elem_width: 6, html_type: "INPUT", validate: { max_length: 30 } }],
+    [
+      EditAbleField.DEFAULT_EXPAND,
+      { alias: "\u662F\u5426\u9ED8\u8BA4\u5C55\u5F00", html_type: "SWITCH", elem_width: 6, ...isShowOptionConfig() }
+    ],
+    [EditAbleField.FOLD, { alias: "\u662F\u5426\u53EF\u6298\u53E0", html_type: "SWITCH", elem_width: 6, ...isNotFoldOptionConfig() }],
+    [EditAbleField.EDITABLE, { alias: "\u662F\u5426\u53EF\u7F16\u8F91", html_type: "SWITCH", elem_width: 6, ...isEditOptionConfig() }],
+    [EditAbleField.REQUIRED, { alias: "\u662F\u5426\u5FC5\u586B", html_type: "SWITCH", elem_width: 6, ...isNullOptionConfig() }]
+  ]);
+  function generateFieldListByKeys(keyList) {
+    return keyList.map((key) => {
+      return { ...fieldMap.get(key), val_key: key };
+    });
+  }
+  function generateFieldListByFieldItem(fieldItem) {
+    const htmlMap = new Map([
+      [
+        "LINE_BAR",
+        [EditAbleField.NAME, EditAbleField.LAYOUT_WIDTH_ENUM, EditAbleField.DEFAULT_EXPAND, EditAbleField.FOLD]
+      ],
+      ...["NEWLINE", "COMPLEX", "COMBINATION"].map((key) => [key, [EditAbleField.NAME, EditAbleField.LAYOUT_WIDTH_ENUM]])
+    ]);
+    const defaultItems = [
+      EditAbleField.NAME,
+      EditAbleField.DEFAULT_VALUE,
+      EditAbleField.LAYOUT_WIDTH_ENUM,
+      EditAbleField.DESC,
+      EditAbleField.NOTES,
+      EditAbleField.EDITABLE,
+      EditAbleField.REQUIRED
+    ];
+    const keys = htmlMap.get(fieldItem.type) || defaultItems;
+    return generateFieldListByKeys(keys);
+  }
+  return { generateFieldListByKeys, generateFieldListByFieldItem };
+}
+
+export { useConfigurationField };

package/es/components/form-config/src/hooks/useSortalbeConfig.js

@@ -1,27 +1 @@
-function useSortableConfig() {
-  let timer = null;
-  function onChoose({ target, item }) {
-    timer = setTimeout(() => {
-      target.classList.add("is-choosing-area");
-      item.classList.add("is-choosing");
-    }, 200);
-  }
-  function onUnchoose({ from, to, target, item }) {
-    clearTimeout(timer);
-    [from, to, target].forEach((ele) => {
-      ele.classList.remove("is-choosing-area");
-    });
-    item.classList.remove("is-choosing");
-  }
-  let prevTo;
-  function onMove({ to, from }) {
-    prevTo == null ? void 0 : prevTo.classList.remove("is-choosing-area");
-    prevTo = to;
-    to !== from && from.classList.remove("is-choosing-area");
-    to.classList.add("is-choosing-area");
-  }
-  const getCommonConfig = () => ({ onMove, onChoose, onUnchoose, tag: "section", animation: "150", "item-key": "key" });
-  return { getCommonConfig };
-}
-
-export { useSortableConfig };
+export { useSortableConfig } from './useSortalbeConfig2.js';