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

package/es/components/iho-table/src/hooks/useTablePlugin.js

@@ -6,24 +6,16 @@ function useTablePlugin() {
   const hooks = createTableHooks();
   const loadedPlugins = /* @__PURE__ */ new Set();
   function use(plugin, instance) {
-    arrayed(plugin).forEach(({
-      name,
-      vxe,
-      apply
-    }) => {
+    arrayed(plugin).forEach(({ name, vxe, apply }) => {
       if (loadedPlugins.has(name))
         return;
       loadedPlugins.add(name);
       isFunction(vxe) && vxe(instance);
       isFunction(apply) && apply(hooks);
     });
-    return {
-      use
-    };
+    return { use };
   }
-  return {
-    use
-  };
+  return { use };
 }
 function defineTablePlugin(plugin) {
   return plugin;

package/es/components/iho-table/src/plugins/anchorPlugin/tableAnchor.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/iho-table/src/plugins/anchorPlugin/useAnchor.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
 import { VxeTableInstance } from 'vxe-table';
-import { IhoTableFieldItem, IhoTableEmitPayload } from '../../../../../components/iho-table/src/types';
+import { IhoTableFieldItem, IhoTableAnchorItem, IhoTableEmitPayload } from '../../../../../components/iho-table/src/types';
 export declare const useAnchor: (anchorList: ComputedRef<{
     name?: string;
     field: string;
@@ -11,6 +11,10 @@ export declare const useAnchor: (anchorList: ComputedRef<{
         field: string;
         title: string;
         left: number;
+    }[], IhoTableAnchorItem[] | {
+        field: string;
+        title: string;
+        left: number;
     }[]>;
-    anchorValue: Ref<any>;
+    anchorValue: Ref<any, any>;
 };

package/es/components/iho-table/src/plugins/anchorPlugin/useAnchor.js

@@ -34,13 +34,7 @@ const useAnchor = (anchorList, $table, fieldListRef) => {
       flatFieldList(_fieldList, _flatFieldList);
       _flatFieldList.forEach((column) => {
         var _a2;
-        const {
-          field = "",
-          minWidth,
-          width,
-          fixed,
-          title = ""
-        } = column;
+        const { field = "", minWidth, width, fixed, title = "" } = column;
         const colWidth = +((_a2 = minWidth != null ? minWidth : width) != null ? _a2 : 0);
         if (fixed == "left") ; else {
           left += colWidth;
@@ -64,10 +58,7 @@ const useAnchor = (anchorList, $table, fieldListRef) => {
       setAnchorStatus = true;
     }, TIME + 100);
   }
-  function setAnchorValue({
-    scrollLeft,
-    bodyWidth
-  }) {
+  function setAnchorValue({ scrollLeft, bodyWidth }) {
     if (!currentAnchorList.value.length || !setAnchorStatus)
       return;
     const leftLimit = scrollLeft + bodyWidth / 2;
@@ -79,12 +70,13 @@ const useAnchor = (anchorList, $table, fieldListRef) => {
     }
   }
   const onScroll = useThrottleFn(setAnchorValue, TIME);
-  watch([() => fieldListRef.value, () => anchorList.value], () => {
-    initAnchor();
-  }, {
-    immediate: true,
-    deep: true
-  });
+  watch(
+    [() => fieldListRef.value, () => anchorList.value],
+    () => {
+      initAnchor();
+    },
+    { immediate: true, deep: true }
+  );
   return {
     updateAnchor,
     onScroll,

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

@@ -13,18 +13,12 @@ function bindEventSettingPlugin() {
         const _formChange = config.onFormChange;
         config.onFormChange = function(payload) {
           var _a;
-          const {
-            column,
-            row
-          } = payload;
+          const { column, row } = payload;
           const LowCodeField = (_a = column.editRender) == null ? void 0 : _a.props;
           if (LowCodeField && (LowCodeField == null ? void 0 : LowCodeField.bindEventSetting)) {
             const setList = LowCodeField.bindEventSetting;
             setList.forEach((v) => {
-              getBindEventSettingTrigger(v.event_type)(v, {
-                getter: (key) => row[key],
-                setter: (k, v2) => row[k] = v2
-              });
+              getBindEventSettingTrigger(v.event_type)(v, { getter: (key) => row[key], setter: (k, v2) => row[k] = v2 });
             });
           }
           isFunction(_formChange) && _formChange(payload);

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

@@ -14,10 +14,7 @@ function colorAndIconPlugin() {
         const oldFn = config.cellStyle;
         config.cellStyle = (payload) => {
           var _a, _b;
-          const {
-            row,
-            column
-          } = payload;
+          const { row, column } = payload;
           const res = isFunction(oldFn) ? oldFn(payload) || {} : isObject(oldFn) ? oldFn : {};
           const lowCodeField = getLowCodeFieldFromField(column);
           if (!lowCodeField)

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

@@ -13,27 +13,21 @@ function copyPastePlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      hooks.eventHooks.onCopy.tap(pluginName, ({
-        $table
-      }, config, {
-        emits
-      }) => handleClipEvent("copy", $table, config, emits));
-      hooks.eventHooks.onPaste.tap(pluginName, ({
-        $table
-      }, config, {
-        emits,
-        updateTableDataRef
-      }) => handleClipEvent("paste", $table, config, emits, updateTableDataRef));
+      hooks.eventHooks.onCopy.tap(
+        pluginName,
+        ({ $table }, config, { emits }) => handleClipEvent("copy", $table, config, emits)
+      );
+      hooks.eventHooks.onPaste.tap(
+        pluginName,
+        ({ $table }, config, { emits, updateTableDataRef }) => handleClipEvent("paste", $table, config, emits, updateTableDataRef)
+      );
       function handleClipEvent(type, $table, config, emits, updateTableDataRef) {
         var _a, _b;
         if (!((_a = config == null ? void 0 : config.keyboardConfig) == null ? void 0 : _a.isClip))
           return;
         if (type === "paste" && !$table.getSelectedCell())
           return;
-        const {
-          row,
-          column
-        } = $table.getSelectedCell() || $table.getEditRecord() || {};
+        const { row, column } = $table.getSelectedCell() || $table.getEditRecord() || {};
         if (!row || !column || !isType(column, EDITABLE_WIDGET_TYPE.SELECT) && unref(ihoTableClipData) === row[column.field])
           return;
         const options = config.uuid && isType(column, EDITABLE_WIDGET_TYPE.SELECT) && selectOptionsMap.get(config.uuid)[column.field];
@@ -68,32 +62,18 @@ function copyPastePlugin() {
             }
           }
           row[column.field] = newValue;
-          emits("formChange", {
-            column,
-            row,
-            oldValue: currentValue,
-            value: newValue,
-            index: $table.getRowIndex(row)
-          });
+          emits("formChange", { column, row, oldValue: currentValue, value: newValue, index: $table.getRowIndex(row) });
           isType(column, EDITABLE_WIDGET_TYPE.SEPARATE) && (updateTableDataRef == null ? void 0 : updateTableDataRef());
         }
       }
       function beforeEditMethod($table, config, row, column) {
         var _a, _b;
-        const {
-          beforeEditMethod: beforeEditMethod2
-        } = config.editConfig || {};
+        const { beforeEditMethod: beforeEditMethod2 } = config.editConfig || {};
         const indexObj = {
           rowIndex: (_a = $table.getRowIndex(row)) != null ? _a : 0,
           columnIndex: (_b = $table.getColumnIndex(column)) != null ? _b : 0
         };
-        return !beforeEditMethod2 || isFunction(beforeEditMethod2) && beforeEditMethod2({
-          row,
-          column,
-          ...indexObj,
-          $table,
-          $grid: void 0
-        });
+        return !beforeEditMethod2 || isFunction(beforeEditMethod2) && beforeEditMethod2({ row, column, ...indexObj, $table, $grid: void 0 });
       }
       function isSelectMore(column) {
         var _a, _b;

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

@@ -9,29 +9,17 @@ function crossHeaderPlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      const {
-        getItemFromUUID,
-        removeItemFromUUID,
-        setItemFromUUID
-      } = useUUIDMap(() => []);
+      const { getItemFromUUID, removeItemFromUUID, setItemFromUUID } = useUUIDMap(() => []);
       const fixedHeaderTitleMap = /* @__PURE__ */ new WeakMap();
       hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, config) => {
         if (!config.uuid || !config.crossColumnSetting)
           return fieldList;
-        const {
-          fixedColumnList,
-          columnWidth,
-          rowHeight
-        } = config.crossColumnSetting;
+        const { fixedColumnList, columnWidth, rowHeight } = config.crossColumnSetting;
         if (isEmpty(fixedColumnList))
           return fieldList;
         const _fixedColumnList = fixedColumnList.reduce((res, field) => {
           if (field && isObject(field.setting)) {
-            const {
-              name,
-              alias,
-              option
-            } = field.setting;
+            const { name, alias, option } = field.setting;
             const title = alias || name;
             res.push({
               title,
@@ -40,10 +28,7 @@ function crossHeaderPlugin() {
               fixed: "left",
               width: columnWidth || 80,
               slots: {
-                default({
-                  row,
-                  column
-                }) {
+                default({ row, column }) {
                   var _a;
                   return row[column.field] || ((_a = fixedHeaderTitleMap.get(row)) == null ? void 0 : _a[column.field]) || "";
                 }
@@ -58,15 +43,8 @@ function crossHeaderPlugin() {
         setItemFromUUID(config.uuid, fixedHeaderData);
         const prevSpanMethod = config.spanMethod;
         config.spanMethod = (payload) => {
-          const {
-            column,
-            rowIndex,
-            columnIndex
-          } = payload;
-          const span = {
-            rowspan: 1,
-            colspan: 1
-          };
+          const { column, rowIndex, columnIndex } = payload;
+          const span = { rowspan: 1, colspan: 1 };
           if (columnIndex < _fixedColumnList.length) {
             span.rowspan = getRowSpan(fixedHeaderData, column.field, rowIndex);
           } else if (prevSpanMethod) {
@@ -89,10 +67,7 @@ function crossHeaderPlugin() {
           if (!isArray((_a = fieldList[index]) == null ? void 0 : _a.option))
             return;
           fieldList[index].option.forEach((option) => {
-            generateCombinations(index + 1, {
-              ...current,
-              [fieldList[index].field]: option.text
-            });
+            generateCombinations(index + 1, { ...current, [fieldList[index].field]: option.text });
           });
         }
         generateCombinations(0, {});
@@ -114,9 +89,7 @@ function crossHeaderPlugin() {
         }
         return count;
       }
-      hooks.dataHooks.dataList.tap(pluginName, (dataList, {
-        uuid
-      }) => {
+      hooks.dataHooks.dataList.tap(pluginName, (dataList, { uuid }) => {
         if (!uuid)
           return dataList;
         const fixedHeaderData = getItemFromUUID(uuid);

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

@@ -9,66 +9,46 @@ function defaultConfigPlugin() {
   return defineTablePlugin({
     name: pluginName,
     vxe(vxeTable) {
-      vxeTable.setup({
-        zIndex: 3e3
-      });
+      vxeTable.setup({ zIndex: 3e3 });
     },
     apply(hooks) {
-      hooks.configHooks.config.tap({
-        name: pluginName,
-        stage: HIGHEST_PRIORITY
-      }, (config) => {
+      hooks.configHooks.config.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (config) => {
         var _a, _b;
-        const result = mergeWith({
-          border: true,
-          showSeq: true,
-          columnConfig: {
-            resizable: true
-          },
-          scrollX: {
-            enabled: false,
-            gt: 60
-          },
-          rowConfig: {
-            height: 36,
-            useKey: true,
-            isHover: true,
-            isCurrent: true,
-            keyField: "theUniqueKey"
-          },
-          showOverflow: "title",
-          showHeaderOverflow: "title",
-          editConfig: {
-            trigger: "click",
-            mode: "cell"
+        const result = mergeWith(
+          {
+            border: true,
+            showSeq: true,
+            columnConfig: { resizable: true },
+            scrollX: { enabled: false, gt: 60 },
+            rowConfig: { height: 36, useKey: true, isHover: true, isCurrent: true, keyField: "theUniqueKey" },
+            showOverflow: "title",
+            showHeaderOverflow: "title",
+            editConfig: { trigger: "click", mode: "cell" },
+            loadingConfig: { icon: "", text: "\u6570\u636E\u52A0\u8F7D\u4E2D..." }
           },
-          loadingConfig: {
-            icon: "",
-            text: "\u6570\u636E\u52A0\u8F7D\u4E2D..."
-          }
-        }, config, {
-          height: config.height ? "auto" : void 0
-        });
+          config,
+          { height: config.height ? "auto" : void 0 }
+        );
         if (config.tableRowHeight) {
           result.rowConfig.height = IHO_TABLE_ROW_HEIGHT[config.tableRowHeight] || config.tableRowHeight;
           const prevRowClassName = result.headerRowClassName;
           result.headerRowClassName = mergeVxeClass("iho-table__headerHeight", prevRowClassName);
           const prevRowStyle = result.headerRowStyle;
-          result.headerRowStyle = mergeVxeStyle({
-            "--iho-table-header-height": widthAppend((_b = (_a = IHO_TABLE_ROW_HEIGHT[config.tableHeaderRowHeight]) != null ? _a : config.tableHeaderRowHeight) != null ? _b : result.rowConfig.height)
-          }, prevRowStyle);
+          result.headerRowStyle = mergeVxeStyle(
+            {
+              "--iho-table-header-height": widthAppend(
+                (_b = (_a = IHO_TABLE_ROW_HEIGHT[config.tableHeaderRowHeight]) != null ? _a : config.tableHeaderRowHeight) != null ? _b : result.rowConfig.height
+              )
+            },
+            prevRowStyle
+          );
         }
         result.selectType = config.selectType || (IhoTableStatusHelper.isPositive(config.isBatchSelect) ? "checkbox" : IhoTableStatusHelper.isPositive(config.isSingleSelect) ? "radio" : void 0);
         return result;
       });
-      hooks.configHooks.mouseConfig.tap({
-        name: pluginName,
-        stage: HIGHEST_PRIORITY
-      }, (mouseConfig, config) => {
+      hooks.configHooks.mouseConfig.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (mouseConfig, config) => {
         if (isObject(config.keyboardConfig)) {
-          return Object.assign({
-            selected: !!config.keyboardConfig.isEdit
-          }, mouseConfig);
+          return Object.assign({ selected: !!config.keyboardConfig.isEdit }, mouseConfig);
         }
         return mouseConfig;
       });

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

@@ -6,21 +6,24 @@ import { defineTablePlugin } from '../hooks/useTablePlugin.js';
 
 function defaultValuePlugin() {
   const pluginName = "defaultValuePlugin";
-  const defaultValueTransferMap = /* @__PURE__ */ new Map([[EDITABLE_WIDGET_TYPE.TIME, ({
-    defaultValue,
-    valueFormat = "HH:mm"
-  }) => {
-    if (defaultValue === "current")
-      return format(Date.now(), valueFormat);
-    return defaultValue;
-  }], [EDITABLE_WIDGET_TYPE.DATE, ({
-    defaultValue,
-    valueFormat = "yyyy-MM-dd HH:mm:ss"
-  }) => {
-    if (defaultValue === "current")
-      return format(Date.now(), valueFormat);
-    return defaultValue;
-  }]]);
+  const defaultValueTransferMap = /* @__PURE__ */ new Map([
+    [
+      EDITABLE_WIDGET_TYPE.TIME,
+      ({ defaultValue, valueFormat = "HH:mm" }) => {
+        if (defaultValue === "current")
+          return format(Date.now(), valueFormat);
+        return defaultValue;
+      }
+    ],
+    [
+      EDITABLE_WIDGET_TYPE.DATE,
+      ({ defaultValue, valueFormat = "yyyy-MM-dd HH:mm:ss" }) => {
+        if (defaultValue === "current")
+          return format(Date.now(), valueFormat);
+        return defaultValue;
+      }
+    ]
+  ]);
   function getDefaultValue(fieldItem) {
     var _a;
     const lowCodeField = getLowCodeFieldFromField(fieldItem);
@@ -35,9 +38,7 @@ function defaultValuePlugin() {
     apply(hooks) {
       hooks.fieldHooks.field.tap(pluginName, (fieldItem) => {
         fieldItem.editRender = {
-          defaultValue: ({
-            column
-          }) => getDefaultValue(column),
+          defaultValue: ({ column }) => getDefaultValue(column),
           ...fieldItem.editRender
         };
         return fieldItem;

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

@@ -11,14 +11,8 @@ function dragScrollPlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      const {
-        getItemFromUUID,
-        setItemFromUUID,
-        removeItemFromUUID
-      } = useUUIDMap(() => noop, false);
-      hooks.configHooks.config.tap(pluginName, (config, {
-        $table: $tableRef
-      }) => {
+      const { getItemFromUUID, setItemFromUUID, removeItemFromUUID } = useUUIDMap(() => noop, false);
+      hooks.configHooks.config.tap(pluginName, (config, { $table: $tableRef }) => {
         if (config.dragScroll !== true || !config.uuid)
           return config;
         const dragEle = computed(() => {
@@ -29,25 +23,25 @@ function dragScrollPlugin() {
           var _a;
           return (_a = dragEle.value) == null ? void 0 : _a.querySelector(".vxe-table--body-wrapper.body--wrapper");
         });
-        setItemFromUUID(config.uuid, useDragScroll(config.uuid, {
-          ...config.dragScrollConfig,
-          dragEle,
-          scrollTarget,
-          isDraggableEle(event) {
-            const {
-              bodyEle,
-              inEmptyArea
-            } = getMouseInfo(event, $tableRef);
-            return !!bodyEle && inEmptyArea;
-          },
-          getScrollState() {
-            var _a;
-            return (_a = scrollTarget.value) != null ? _a : $tableRef.value.getScroll();
-          },
-          setScrollState(_, state) {
-            return $tableRef.value.scrollTo(state.scrollLeft, state.scrollTop);
-          }
-        }));
+        setItemFromUUID(
+          config.uuid,
+          useDragScroll(config.uuid, {
+            ...config.dragScrollConfig,
+            dragEle,
+            scrollTarget,
+            isDraggableEle(event) {
+              const { bodyEle, inEmptyArea } = getMouseInfo(event, $tableRef);
+              return !!bodyEle && inEmptyArea;
+            },
+            getScrollState() {
+              var _a;
+              return (_a = scrollTarget.value) != null ? _a : $tableRef.value.getScroll();
+            },
+            setScrollState(_, state) {
+              return $tableRef.value.scrollTo(state.scrollLeft, state.scrollTop);
+            }
+          })
+        );
         return config;
       });
       hooks.setupHooks.setup.tap(pluginName, (config) => {
@@ -67,16 +61,8 @@ function getMouseInfo(e, $tableRef) {
   const inEmptyArea = target.tagName === "TD" || target.classList.contains("vxe-cell");
   const $table = unref($tableRef);
   if (!$table)
-    return {
-      target,
-      inEmptyArea,
-      bodyEle: null
-    };
-  return {
-    target,
-    bodyEle: getAncestorBody(target, $table),
-    inEmptyArea
-  };
+    return { target, inEmptyArea, bodyEle: null };
+  return { target, bodyEle: getAncestorBody(target, $table), inEmptyArea };
 }
 function getAncestorBody(target, $table) {
   const tableEle = unref($table.getRefMaps().refElem);