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

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/separateUtils.js

@@ -26,16 +26,19 @@ function contentSeparate(value, field, width, isDeep = false) {
   if (!isString(value) || !isNumber(width))
     return [value];
   width -= 24;
-  const result = [...value].reduce((res, char) => {
-    const latestString = res[res.length - 1];
-    const _width = res.length === 1 ? width - textIndent * getCharWidth("\u4E00") : width;
-    if (getStringWidth(latestString + char) > _width) {
-      res.push(char);
-    } else {
-      res[res.length - 1] = latestString + char;
-    }
-    return res;
-  }, [""]);
+  const result = [...value].reduce(
+    (res, char) => {
+      const latestString = res[res.length - 1];
+      const _width = res.length === 1 ? width - textIndent * getCharWidth("\u4E00") : width;
+      if (getStringWidth(latestString + char) > _width) {
+        res.push(char);
+      } else {
+        res[res.length - 1] = latestString + char;
+      }
+      return res;
+    },
+    [""]
+  );
   return isDeep ? [result] : result;
 }
 function isSeparateColumn(field) {
@@ -44,9 +47,7 @@ function isSeparateColumn(field) {
 }
 function getLengthDiffArray(l1, l2, defaultValue = "") {
   const diff = Math.abs(l1 - l2);
-  return Array.from({
-    length: diff
-  }).map(() => defaultValue);
+  return Array.from({ length: diff }).map(() => defaultValue);
 }
 
 export { contentSeparate, generateSeparateRowData, getColumnInfoMaxLength, getLengthDiffArray, isSeparateColumn };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/editTime.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { VxeTableDefines } from 'vxe-table';
 import { AnyObject } from '../../../../../../../shared/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     formattedValue: {
         type: StringConstructor;
     };
@@ -22,9 +22,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
+}, {
     attr: AnyObject;
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         formattedValue: {
             type: StringConstructor;
         };
@@ -45,23 +45,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{
+    }>> & {
         onClick?: ((...args: any[]) => any) | undefined;
         "onUpdate:formattedValue"?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
+    }>>;
     emitFormChangeWithParams: (...args: any[]) => void;
     emit: (event: "click" | "update:formattedValue", ...args: any[]) => void;
-    formRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-    isShow: import("vue").Ref<boolean, boolean>;
-    timePickerRef: import("vue").Ref<any, any>;
-    inputValue: import("vue").Ref<any, any>;
-    newValue: string | null | undefined;
+    formRef: import("vue").Ref<HTMLElement | null>;
+    isShow: import("vue").Ref<boolean>;
+    timePickerRef: import("vue").Ref<any>;
+    inputValue: import("vue").Ref<any>;
+    newValue: string | undefined;
     inputProps: import("vue").ComputedRef<{
         style: string;
     } | {
         style?: undefined;
     }>;
-    __formattedValue: import("vue").WritableComputedRef<string | null, string | null>;
+    __formattedValue: import("vue").WritableComputedRef<string | null>;
     placeholder: any;
     valueFormat: any;
     timeConfig: AnyObject;
@@ -72,12 +72,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onKeydown: (event: KeyboardEvent) => void;
     formatTime: (time: string) => string;
     updateFormattedValue: () => void;
-    readonly NInput: any;
-    readonly NPopover: any;
-    readonly NSpace: any;
-    readonly NButton: any;
-    readonly NScrollbar: any;
-    readonly TimePicker: import("../../../../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    NInput: any;
+    NPopover: any;
+    NSpace: any;
+    NButton: any;
+    NScrollbar: any;
+    TimePicker: import("../../../../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
         to: {
             type: PropType<string | false | HTMLElement>;
             default: string;
@@ -86,12 +86,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<string[]>;
             default: () => never[];
         };
-    }>, {
+    }, {
         attrs: {
             [x: string]: unknown;
         };
-        emit: (event: "update:show" | "update:formatted-value", ...args: any[]) => void;
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        emit: (event: "update:formatted-value" | "update:show", ...args: any[]) => void;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             to: {
                 type: PropType<string | false | HTMLElement>;
                 default: string;
@@ -100,13 +100,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: PropType<string[]>;
                 default: () => never[];
             };
-        }>> & Readonly<{
-            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>> & {
             "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
-        }> & {}>;
-        timePickerRef: import("vue").Ref<AnyObject | null | undefined, AnyObject | null | undefined>;
-        isTimePickerOpen: import("vue").Ref<boolean, boolean>;
-        panelContainer: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        timePickerRef: import("vue").Ref<AnyObject | null | undefined>;
+        isTimePickerOpen: import("vue").Ref<boolean>;
+        panelContainer: import("vue").Ref<HTMLElement | null | undefined>;
         timePickerAttrs: import("vue").ComputedRef<{
             [x: string]: unknown;
         }>;
@@ -117,11 +117,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onUpdateShow: (show: boolean) => void;
         focus: () => any;
         blur: () => any;
-        readonly NTimePicker: any;
-        readonly NScrollbar: any;
-        readonly NButton: any;
-        readonly NSpace: any;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "update:formatted-value")[], "update:show" | "update:formatted-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        NTimePicker: any;
+        NScrollbar: any;
+        NButton: any;
+        NSpace: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:formatted-value" | "update:show")[], "update:formatted-value" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         to: {
             type: PropType<string | false | HTMLElement>;
             default: string;
@@ -130,14 +130,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<string[]>;
             default: () => never[];
         };
-    }>> & Readonly<{
-        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }>> & {
         "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
-    }>, {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }, {
         shortcuts: string[];
         to: string | false | HTMLElement;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:formattedValue")[], "click" | "update:formattedValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:formattedValue")[], "click" | "update:formattedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     formattedValue: {
         type: StringConstructor;
     };
@@ -158,11 +158,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{
+}>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:formattedValue"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     shortcutOptions: string[];
     ignoreGlobEmit: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/editTime.vue2.js

@@ -1,4 +1,5 @@
-import { defineComponent, useAttrs, inject, ref, computed, reactive, watch, nextTick, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { i18n } from '../../../../../../../_virtual/_virtual_i18n-methods.js';
+import { defineComponent, useAttrs, inject, ref, computed, reactive, watch, nextTick, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, isRef, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { noop } from 'lodash-es';
 import { NPopover, NInput, NSpace, NScrollbar, NButton } from 'naive-ui';
 import { useIhoTableFormEvent } from '../../../../utils/index.js';
@@ -31,17 +32,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:formattedValue", "click"],
   setup(__props, {
-    emit: __emit
+    emit
   }) {
-    const attr = useAttrs();
     const props = __props;
+    const attr = useAttrs();
     const {
       emitFormChangeWithParams = noop
     } = props.ignoreGlobEmit ? {} : useIhoTableFormEvent({
       ...props,
       $table: inject("$xetable")
     });
-    const emit = __emit;
     const formRef = ref(null);
     const isShow = ref(false);
     const timePickerRef = ref();
@@ -64,14 +64,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const {
-      placeholder = function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.147")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.147")) || "\u8BF7\u9009\u62E9";
-        } catch (e) {
-          return "\u8BF7\u9009\u62E9";
-        }
-      }(),
+      placeholder = i18n("10010.1.147", "\u8BF7\u9009\u62E9"),
       valueFormat = "HH:mm"
     } = attr;
     const timeConfig = reactive({
@@ -191,7 +184,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           valueModifiers: {
             trim: true
           },
-          "input-props": inputProps.value,
+          "input-props": unref(inputProps),
           onChange,
           onKeydown
         }, null, 8, ["placeholder", "value", "input-props"])]),
@@ -200,11 +193,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "timePickerRef",
             ref: timePickerRef,
             show: ""
-          }, timeConfig, {
+          }, unref(timeConfig), {
             class: "iho-table__time-picker",
             to: false,
-            "formatted-value": __formattedValue.value,
-            "onUpdate:formattedValue": _cache[1] || (_cache[1] = ($event) => __formattedValue.value = $event),
+            "formatted-value": unref(__formattedValue),
+            "onUpdate:formatted-value": _cache[1] || (_cache[1] = ($event) => isRef(__formattedValue) ? __formattedValue.value = $event : null),
             onConfirm: _cache[2] || (_cache[2] = () => isShow.value = false)
           }), null, 16, ["formatted-value"]), createVNode(unref(NScrollbar), {
             class: "iho-table__scrollbar"

package/es/components/iho-table/src/plugins/rowClickPlugin.js

@@ -8,20 +8,12 @@ function rowClickPlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      hooks.eventHooks.onCurrentChange.tap(pluginName, (_, {
-        uuid,
-        rowConfig
-      }) => {
+      hooks.eventHooks.onCurrentChange.tap(pluginName, (_, { uuid, rowConfig }) => {
         if (!uuid || (rowConfig == null ? void 0 : rowConfig.clickToCancel) === false)
           return;
         lockMap.set(uuid, true);
       });
-      hooks.eventHooks.onCellClick.tap(pluginName, async ({
-        $table
-      }, {
-        uuid,
-        rowConfig
-      }) => {
+      hooks.eventHooks.onCellClick.tap(pluginName, async ({ $table }, { uuid, rowConfig }) => {
         if (!uuid || (rowConfig == null ? void 0 : rowConfig.clickToCancel) === false)
           return;
         if (lockMap.get(uuid)) {

package/es/components/iho-table/src/plugins/rowDragPlugin.js

@@ -12,13 +12,8 @@ function rowDragPlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      hooks.fieldHooks.fieldEnd.tapPromise(pluginName, async (config, {
-        $table,
-        emits
-      }) => {
-        const {
-          uuid
-        } = config;
+      hooks.fieldHooks.fieldEnd.tapPromise(pluginName, async (config, { $table, emits }) => {
+        const { uuid } = config;
         const sortableConfig = config.sortableConfig || {};
         if (!uuid || !sortableConfig.enable || sortableMap.get(uuid))
           return;
@@ -33,36 +28,23 @@ function rowDragPlugin() {
               ...sortableConfig,
               onEnd: async (sortableEvent) => {
                 var _a, _b, _c, _d, _e;
-                const {
-                  oldIndex = 0,
-                  newIndex = 0,
-                  item
-                } = sortableEvent;
+                const { oldIndex = 0, newIndex = 0, item } = sortableEvent;
                 const mergeObj = {
                   oldIndex,
                   newIndex
                 };
-                const {
-                  virtualY
-                } = ((_a = $table.value) == null ? void 0 : _a.getScroll()) || {};
+                const { virtualY } = ((_a = $table.value) == null ? void 0 : _a.getScroll()) || {};
                 if (virtualY) {
-                  const {
-                    item: row,
-                    index = 0
-                  } = ((_b = $table.value) == null ? void 0 : _b.getRowNode(item)) || {};
+                  const { item: row, index = 0 } = ((_b = $table.value) == null ? void 0 : _b.getRowNode(item)) || {};
                   mergeObj.oldIndex = index;
                   const preTr = item.previousElementSibling;
                   const nextTr = item.nextElementSibling;
                   if (preTr && newIndex > oldIndex) {
-                    const {
-                      index: newIdx
-                    } = ((_c = $table.value) == null ? void 0 : _c.getRowNode(preTr)) || {};
+                    const { index: newIdx } = ((_c = $table.value) == null ? void 0 : _c.getRowNode(preTr)) || {};
                     mergeObj.newIndex = newIdx;
                   }
                   if (nextTr && newIndex < oldIndex) {
-                    const {
-                      index: newIdx
-                    } = ((_d = $table.value) == null ? void 0 : _d.getRowNode(nextTr)) || {};
+                    const { index: newIdx } = ((_d = $table.value) == null ? void 0 : _d.getRowNode(nextTr)) || {};
                     mergeObj.newIndex = newIdx;
                   }
                   if (newIndex !== 0 || newIndex === 0 && item.parentElement && index > ((_e = item.parentElement.children) == null ? void 0 : _e.length) - 1) {
@@ -101,14 +83,17 @@ function rowDragPlugin() {
           const uuid = (_a = configRef.value) == null ? void 0 : _a.uuid;
           if (!uuid || !((_c = (_b = configRef.value) == null ? void 0 : _b.sortableConfig) == null ? void 0 : _c.enable))
             return;
-          watch(() => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = configRef.value) == null ? void 0 : _a2.sortableConfig) == null ? void 0 : _b2.disabled;
-          }, (disabled) => {
-            if (!sortableMap.has(uuid))
-              return;
-            sortableMap.get(uuid).options.disabled = disabled;
-          });
+          watch(
+            () => {
+              var _a2, _b2;
+              return (_b2 = (_a2 = configRef.value) == null ? void 0 : _a2.sortableConfig) == null ? void 0 : _b2.disabled;
+            },
+            (disabled) => {
+              if (!sortableMap.has(uuid))
+                return;
+              sortableMap.get(uuid).options.disabled = disabled;
+            }
+          );
         }
         onBeforeUnmount(() => {
           var _a, _b;
@@ -126,17 +111,11 @@ function presetDragHandler(event, indexObj, $table) {
   var _a;
   const oldData = (_a = $table == null ? void 0 : $table.getTableData()) == null ? void 0 : _a.fullData;
   const newData = $table.treeConfig && $table.treeConfig.transform ? handleTreeDataDrag(event, $table) : handleDataDrag(indexObj, $table);
-  return {
-    oldData,
-    newData
-  };
+  return { oldData, newData };
 }
 function handleDataDrag(indexObj, $table) {
   var _a;
-  const {
-    oldIndex = 0,
-    newIndex = 0
-  } = indexObj;
+  const { oldIndex = 0, newIndex = 0 } = indexObj;
   const newData = cloneDeep(((_a = $table == null ? void 0 : $table.getTableData()) == null ? void 0 : _a.fullData) || []);
   const currRow = newData.splice(oldIndex, 1)[0];
   newData.splice(newIndex, 0, currRow);
@@ -144,17 +123,9 @@ function handleDataDrag(indexObj, $table) {
 }
 function handleTreeDataDrag(event, $table) {
   var _a, _b, _c, _d, _e;
-  const {
-    oldIndex = 0,
-    newIndex = 0
-  } = event;
-  const options = {
-    children: "childrenList"
-  };
-  const {
-    fullData,
-    tableData
-  } = $table.getTableData();
+  const { oldIndex = 0, newIndex = 0 } = event;
+  const options = { children: "childrenList" };
+  const { fullData, tableData } = $table.getTableData();
   const selfRow = tableData == null ? void 0 : tableData[oldIndex];
   const prevRow = tableData == null ? void 0 : tableData[newIndex - 1];
   const tableTreeData = cloneDeep(fullData);

package/es/components/iho-table/src/plugins/rowGroupSettingPlugin/index.js

@@ -12,21 +12,26 @@ function rowGroupSettingPlugin() {
       hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, config) => {
         if (!isObject(config.rowGroupSetting))
           return fieldList;
-        return groupTraverser(createRowGroupList(config.rowGroupSetting, fieldList), (fieldName, isBlock, children) => {
-          if (isBlock) {
-            const result = {
-              field: fieldName,
-              title: fieldName,
-              align: "center"
-            };
-            if (children && children.length) {
-              const _children = children.map((child) => fieldSearcher(isString(child) ? child : child.fieldName, fieldList));
-              result.fixed = _children.every((child) => (child == null ? void 0 : child.fixed) === "left") ? "left" : _children.every((child) => (child == null ? void 0 : child.fixed) === "right") ? "right" : void 0;
+        return groupTraverser(
+          createRowGroupList(config.rowGroupSetting, fieldList),
+          (fieldName, isBlock, children) => {
+            if (isBlock) {
+              const result = {
+                field: fieldName,
+                title: fieldName,
+                align: "center"
+              };
+              if (children && children.length) {
+                const _children = children.map(
+                  (child) => fieldSearcher(isString(child) ? child : child.fieldName, fieldList)
+                );
+                result.fixed = _children.every((child) => (child == null ? void 0 : child.fixed) === "left") ? "left" : _children.every((child) => (child == null ? void 0 : child.fixed) === "right") ? "right" : void 0;
+              }
+              return result;
             }
-            return result;
+            return fieldSearcher(fieldName, fieldList);
           }
-          return fieldSearcher(fieldName, fieldList);
-        });
+        );
       });
     }
   });

package/es/components/iho-table/src/plugins/rowGroupSettingPlugin/rowGroupUtils.js

@@ -23,10 +23,7 @@ function createRowGroupList(rowGroupSetting, fieldList, getKey = (field) => fiel
         }
         children.push(result[groupIdx]);
         if (idx === anchorIndex) {
-          result.splice(groupIdx, 1, currentGroupItem = {
-            fieldName: groupSetting.title,
-            children
-          });
+          result.splice(groupIdx, 1, currentGroupItem = { fieldName: groupSetting.title, children });
         } else {
           result.splice(groupIdx, 1);
         }
@@ -35,7 +32,9 @@ function createRowGroupList(rowGroupSetting, fieldList, getKey = (field) => fiel
   });
   return result;
   function groupIndexSearcher(fieldName, groupList, currentGroupItem) {
-    return groupList.findIndex((group) => group !== currentGroupItem && (isObject(group) ? group.fieldName : group) === fieldName);
+    return groupList.findIndex(
+      (group) => group !== currentGroupItem && (isObject(group) ? group.fieldName : group) === fieldName
+    );
   }
 }
 function groupTraverser(groupList, replacer) {

package/es/components/iho-table/src/plugins/verticalTablePlugin/index.js

@@ -11,10 +11,7 @@ import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
 
 function verticalTablePlugin() {
   const pluginName = "verticalTablePlugin";
-  const {
-    getItemFromUUID,
-    removeItemFromUUID
-  } = useUUIDMap(() => ({}));
+  const { getItemFromUUID, removeItemFromUUID } = useUUIDMap(() => ({}));
   return defineTablePlugin({
     name: pluginName,
     vxe(instance) {
@@ -27,10 +24,7 @@ function verticalTablePlugin() {
     apply(hooks) {
       const VerticalTableHooks = createVerticalTableHooks();
       usePresetVerticalPlugins(VerticalTableHooks, hooks, getItemFromUUID);
-      hooks.configHooks.config.tap({
-        name: pluginName,
-        stage: LOWEST_PRIORITY
-      }, (config) => {
+      hooks.configHooks.config.tap({ name: pluginName, stage: LOWEST_PRIORITY }, (config) => {
         if (!config.uuid || !isVerticalTable(config))
           return config;
         const verticalState = getItemFromUUID(config.uuid);
@@ -46,16 +40,25 @@ function verticalTablePlugin() {
           return VerticalTableHooks.cellClassName.call({}, payload, verticalState);
         }
         const result = {
-          ...pick(config, ["uuid", "border", "height", "verticalConfig", "showSeq", "size", "rowGroupSetting", "keyboardConfig", "selectType", "editConfig"]),
+          ...pick(config, [
+            "uuid",
+            "border",
+            "height",
+            "verticalConfig",
+            "showSeq",
+            "size",
+            "rowGroupSetting",
+            "keyboardConfig",
+            "selectType",
+            "editConfig"
+          ]),
           vertical: true,
           cellClassName,
           headerCellClassName: cellClassName,
           cellStyle,
           headerCellStyle: cellStyle,
           headerRowStyle(payload) {
-            return VerticalTableHooks.headerRowStyle.call({
-              background: "white"
-            }, payload, verticalState);
+            return VerticalTableHooks.headerRowStyle.call({ background: "white" }, payload, verticalState);
           },
           spanMethod: (payload) => getSpanInfo(payload, config.spanMethod, verticalState)
         };
@@ -64,10 +67,7 @@ function verticalTablePlugin() {
       hooks.setupHooks.setup.tap(pluginName, (configRef) => {
         onBeforeUnmount(() => removeItemFromUUID(unref(configRef).uuid));
       });
-      hooks.fieldHooks.field.tap({
-        name: pluginName,
-        before: "lowCodeFieldAdaptorPlugin"
-      }, (fieldItem, _, config) => {
+      hooks.fieldHooks.field.tap({ name: pluginName, before: "lowCodeFieldAdaptorPlugin" }, (fieldItem, _, config) => {
         if (config.uuid && isVerticalTable(config)) {
           fieldItem.variableHeight = false;
         }

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useColumn2Data.js

@@ -9,22 +9,15 @@ const useColumn2Data = (verticalTableHooks, hooks, getVerticalState) => {
     }
     return styles;
   });
-  hooks.dataHooks.dataList.tap({
-    name: "Vertical--useData2Column",
-    stage: LOWEST_PRIORITY
-  }, (dataList, config) => {
-    const {
-      uuid
-    } = config;
+  hooks.dataHooks.dataList.tap({ name: "Vertical--useData2Column", stage: LOWEST_PRIORITY }, (dataList, config) => {
+    const { uuid } = config;
     if (!uuid || !isVerticalTable(config))
       return dataList;
     const verticalState = getVerticalState(uuid);
     if (!verticalState)
       return dataList;
     verticalState.originalData = dataList;
-    const {
-      fullVerticalOriginData = []
-    } = verticalState;
+    const { fullVerticalOriginData = [] } = verticalState;
     verticalState.fixedLeftVerticalData = fullVerticalOriginData.filter((f) => f.fixed === "left").map((f) => createDataProxy(f, () => verticalState.originalData || []));
     return verticalState.verticalData = fullVerticalOriginData.filter((f) => f.fixed !== "left").map((f) => createDataProxy(f, () => verticalState.originalData || []));
   });

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useCurrentColumn.js

@@ -2,12 +2,8 @@ import { unref } from 'vue';
 import { isVerticalTable, isVerticalHeader, createVerticalStateHandler } from '../utils.js';
 
 const useCurrentColumn = (verticalTableHooks, hooks, getVerticalState) => {
-  hooks.eventHooks.onCellClick.tap("useCurrentColumn", ({
-    row
-  }, config) => {
-    const {
-      uuid
-    } = config;
+  hooks.eventHooks.onCellClick.tap("useCurrentColumn", ({ row }, config) => {
+    const { uuid } = config;
     if (!uuid || !isVerticalTable(config))
       return;
     const verticalState = getVerticalState(uuid);
@@ -18,9 +14,7 @@ const useCurrentColumn = (verticalTableHooks, hooks, getVerticalState) => {
       return;
     verticalState.currentRow = verticalHandler.getTableConfig("rowConfig.clickToCancel") !== false ? verticalState.currentRow === row ? null : row : row;
   });
-  verticalTableHooks.cellStyle.tap("useCurrentColumn", (styles, {
-    column
-  }, verticalState) => {
+  verticalTableHooks.cellStyle.tap("useCurrentColumn", (styles, { column }, verticalState) => {
     if (isVerticalHeader(column.field))
       return styles;
     const verticalHandler = createVerticalStateHandler(verticalState);
@@ -29,9 +23,7 @@ const useCurrentColumn = (verticalTableHooks, hooks, getVerticalState) => {
     const originRow = verticalHandler.getOriginDataByColumn(column);
     if (originRow !== verticalState.currentRow)
       return styles;
-    return Object.assign(styles, {
-      backgroundColor: "var(--c-primary-color-opacity2)"
-    });
+    return Object.assign(styles, { backgroundColor: "var(--c-primary-color-opacity2)" });
   });
   hooks.exposeHooks.expose.tap("VerticalTable-useCurrentColumn", (expose, config) => {
     return Object.assign(expose, {