cnhis-design-vue 3.1.18-beta.6 → 3.1.18-beta.7

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({

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

@@ -154,11 +154,10 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
+                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -354,7 +353,7 @@ declare const _default: import("vue").DefineComponent<{
             }>;
         }>>>;
     }>>, {
-        readonly tooltip: boolean | import("naive-ui").PopoverProps;
+        tooltip: boolean | import("naive-ui").PopoverProps;
     }>;
     NButton: import("vue").DefineComponent<{
         readonly color: StringConstructor;
@@ -401,10 +400,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: {
-            readonly type: BooleanConstructor;
-            readonly default: boolean;
-        };
+        readonly nativeFocusBehavior: BooleanConstructor;
         readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1118,10 +1114,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: {
-            readonly type: BooleanConstructor;
-            readonly default: boolean;
-        };
+        readonly nativeFocusBehavior: BooleanConstructor;
         readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1735,26 +1728,26 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        readonly type: import("naive-ui/es/button/src/interface").Type;
-        readonly tag: keyof HTMLElementTagNameMap;
-        readonly block: boolean;
-        readonly round: boolean;
-        readonly dashed: boolean;
-        readonly text: boolean;
-        readonly circle: boolean;
-        readonly disabled: boolean;
-        readonly focusable: boolean;
-        readonly strong: boolean;
-        readonly loading: boolean;
-        readonly bordered: boolean;
-        readonly tertiary: boolean;
-        readonly ghost: boolean;
-        readonly keyboard: boolean;
-        readonly secondary: boolean;
-        readonly quaternary: boolean;
-        readonly iconPlacement: "left" | "right";
-        readonly attrType: "button" | "reset" | "submit";
-        readonly nativeFocusBehavior: boolean;
+        type: import("naive-ui/es/button/src/interface").Type;
+        tag: keyof HTMLElementTagNameMap;
+        block: boolean;
+        round: boolean;
+        dashed: boolean;
+        text: boolean;
+        circle: boolean;
+        disabled: boolean;
+        focusable: boolean;
+        strong: boolean;
+        loading: boolean;
+        bordered: boolean;
+        tertiary: boolean;
+        ghost: boolean;
+        keyboard: boolean;
+        secondary: boolean;
+        quaternary: boolean;
+        iconPlacement: "left" | "right";
+        attrType: "button" | "reset" | "submit";
+        nativeFocusBehavior: boolean;
     }>;
     CloseButton: import("vue").DefineComponent<{
         fieldItem: {
@@ -1819,10 +1812,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: {
-                readonly type: BooleanConstructor;
-                readonly default: boolean;
-            };
+            readonly nativeFocusBehavior: BooleanConstructor;
             readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -2536,10 +2526,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly default: true;
             };
             readonly onClick: PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: {
-                readonly type: BooleanConstructor;
-                readonly default: boolean;
-            };
+            readonly nativeFocusBehavior: BooleanConstructor;
             readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -3153,26 +3140,26 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>>>;
         }>>, {
-            readonly type: import("naive-ui/es/button/src/interface").Type;
-            readonly tag: keyof HTMLElementTagNameMap;
-            readonly block: boolean;
-            readonly round: boolean;
-            readonly dashed: boolean;
-            readonly text: boolean;
-            readonly circle: boolean;
-            readonly disabled: boolean;
-            readonly focusable: boolean;
-            readonly strong: boolean;
-            readonly loading: boolean;
-            readonly bordered: boolean;
-            readonly tertiary: boolean;
-            readonly ghost: boolean;
-            readonly keyboard: boolean;
-            readonly secondary: boolean;
-            readonly quaternary: boolean;
-            readonly iconPlacement: "left" | "right";
-            readonly attrType: "button" | "reset" | "submit";
-            readonly nativeFocusBehavior: boolean;
+            type: import("naive-ui/es/button/src/interface").Type;
+            tag: keyof HTMLElementTagNameMap;
+            block: boolean;
+            round: boolean;
+            dashed: boolean;
+            text: boolean;
+            circle: boolean;
+            disabled: boolean;
+            focusable: boolean;
+            strong: boolean;
+            loading: boolean;
+            bordered: boolean;
+            tertiary: boolean;
+            ghost: boolean;
+            keyboard: boolean;
+            secondary: boolean;
+            quaternary: boolean;
+            iconPlacement: "left" | "right";
+            attrType: "button" | "reset" | "submit";
+            nativeFocusBehavior: boolean;
         }>;
         NIcon: import("vue").DefineComponent<{
             readonly depth: PropType<import("naive-ui/es/icon/src/Icon").Depth>;

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';

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

@@ -0,0 +1,27 @@
+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 };

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

@@ -1,26 +1 @@
-import { ref } from 'vue';
-
-function layoutWidthEnum2Column(layoutWidthEnum) {
-  const transferMap = {
-    ALL_LINE: 24,
-    HALF_LINE: 12,
-    FIVE_SIX: 20,
-    TWO_THREE: 16,
-    ONE_THREE: 8,
-    THREE_FOUR: 18,
-    ONE_FOUR: 6,
-    ONE_SIX: 4,
-    ONE_EIGHT: 3
-  };
-  return transferMap[layoutWidthEnum] || 12;
-}
-const hovering = ref();
-function bindHover(fieldItem) {
-  return {
-    onMouseenter: () => hovering.value = fieldItem,
-    onMouseleave: () => hovering.value = void 0,
-    "is-hovering": hovering.value === fieldItem
-  };
-}
-
-export { bindHover, layoutWidthEnum2Column };
+export { bindHover, layoutWidthEnum2Column } from './index2.js';

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

@@ -0,0 +1,26 @@
+import { ref } from 'vue';
+
+function layoutWidthEnum2Column(layoutWidthEnum) {
+  const transferMap = {
+    ALL_LINE: 24,
+    HALF_LINE: 12,
+    FIVE_SIX: 20,
+    TWO_THREE: 16,
+    ONE_THREE: 8,
+    THREE_FOUR: 18,
+    ONE_FOUR: 6,
+    ONE_SIX: 4,
+    ONE_EIGHT: 3
+  };
+  return transferMap[layoutWidthEnum] || 12;
+}
+const hovering = ref();
+function bindHover(fieldItem) {
+  return {
+    onMouseenter: () => hovering.value = fieldItem,
+    onMouseleave: () => hovering.value = void 0,
+    "is-hovering": hovering.value === fieldItem
+  };
+}
+
+export { bindHover, layoutWidthEnum2Column };