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

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

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

@@ -4,51 +4,51 @@ import { LOWEST_PRIORITY } from '../../../../constants/index.js';
 import { isVerticalTable, createVerticalFieldList, bindHeaderInfoAndFlatten, findFixedLeftFields, isVerticalHeader } from '../utils.js';
 
 const useData2Column = (_, hooks, getVerticalState) => {
-  hooks.fieldHooks.fieldList.tap({
-    name: "Vertical--useColumn2Data",
-    stage: LOWEST_PRIORITY
-  }, (fieldList, config, {
-    globProps
-  }) => {
-    const {
-      uuid
-    } = config;
-    if (!uuid || !isVerticalTable(config))
-      return fieldList;
-    const verticalState = getVerticalState(uuid);
-    if (!verticalState)
-      return fieldList;
-    verticalState.originalFieldList = fieldList;
-    if (!isArray(globProps.tableData))
-      return [];
-    let verticalFieldList = createVerticalFieldList(globProps.tableData, verticalState.headerDepth = getArrDepth(fieldList), verticalState);
-    verticalState.fullVerticalOriginData = bindHeaderInfoAndFlatten(fieldList, verticalState.headerDepth);
-    const fixedLeftFields = findFixedLeftFields(fieldList);
-    config.showHeader = !!fixedLeftFields.length;
-    if (fixedLeftFields.length) {
-      fixedLeftFields.forEach((fixedLeftField) => {
-        let prevFields = [];
-        verticalFieldList = verticalFieldList.reduce((res, verticalField) => {
-          if (isVerticalHeader(verticalField.field)) {
-            const colspan = fixedLeftField[verticalField.field.replaceAll("_parent", "") + "_colspan"];
-            if (colspan === 0) {
-              prevFields.push(verticalField);
-              return res;
+  hooks.fieldHooks.fieldList.tap(
+    { name: "Vertical--useColumn2Data", stage: LOWEST_PRIORITY },
+    (fieldList, config, { globProps }) => {
+      const { uuid } = config;
+      if (!uuid || !isVerticalTable(config))
+        return fieldList;
+      const verticalState = getVerticalState(uuid);
+      if (!verticalState)
+        return fieldList;
+      verticalState.originalFieldList = fieldList;
+      if (!isArray(globProps.tableData))
+        return [];
+      let verticalFieldList = createVerticalFieldList(
+        globProps.tableData,
+        verticalState.headerDepth = getArrDepth(fieldList),
+        verticalState
+      );
+      verticalState.fullVerticalOriginData = bindHeaderInfoAndFlatten(fieldList, verticalState.headerDepth);
+      const fixedLeftFields = findFixedLeftFields(fieldList);
+      config.showHeader = !!fixedLeftFields.length;
+      if (fixedLeftFields.length) {
+        fixedLeftFields.forEach((fixedLeftField) => {
+          let prevFields = [];
+          verticalFieldList = verticalFieldList.reduce((res, verticalField) => {
+            if (isVerticalHeader(verticalField.field)) {
+              const colspan = fixedLeftField[verticalField.field.replaceAll("_parent", "") + "_colspan"];
+              if (colspan === 0) {
+                prevFields.push(verticalField);
+                return res;
+              }
             }
-          }
-          res.push({
-            field: verticalField.field + "_parent",
-            fixed: verticalField.fixed,
-            editRender: verticalField.editRender,
-            children: [...prevFields, verticalField]
-          });
-          prevFields = [];
-          return res;
-        }, []);
-      });
+            res.push({
+              field: verticalField.field + "_parent",
+              fixed: verticalField.fixed,
+              editRender: verticalField.editRender,
+              children: [...prevFields, verticalField]
+            });
+            prevFields = [];
+            return res;
+          }, []);
+        });
+      }
+      return verticalState.verticalFieldList = verticalFieldList;
     }
-    return verticalState.verticalFieldList = verticalFieldList;
-  });
+  );
 };
 
 export { useData2Column };

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

@@ -8,16 +8,10 @@ const IgnoreEditStateWidgets = ["RADIO", "SWITCH"];
 const useEditCell = (verticalTableHooks, hooks, getVerticalState) => {
   hooks.eventHooks.onCellClick.tap("useEditCell", (payload, config) => {
     var _a, _b;
-    const {
-      uuid
-    } = config;
+    const { uuid } = config;
     if (!uuid || !isVerticalTable(config))
       return;
-    const {
-      row,
-      $columnIndex,
-      column
-    } = payload;
+    const { row, $columnIndex, column } = payload;
     const verticalState = getVerticalState(uuid);
     if (!verticalState || !column.editRender)
       return;
@@ -26,44 +20,31 @@ const useEditCell = (verticalTableHooks, hooks, getVerticalState) => {
       verticalState.editCell = null;
       return;
     }
-    verticalState.editCell = row && $columnIndex <= ((_b = (_a = verticalState.fixedLeftVerticalData) == null ? void 0 : _a.length) != null ? _b : 0) ? {
-      row,
-      column
-    } : null;
+    verticalState.editCell = row && $columnIndex <= ((_b = (_a = verticalState.fixedLeftVerticalData) == null ? void 0 : _a.length) != null ? _b : 0) ? { row, column } : null;
   });
   verticalTableHooks.config.tap("useEditCell", (config, verticalState) => {
     if (config.uuid) {
-      verticalState.editStateEvent && window.removeEventListener("click", verticalState.editStateEvent, {
-        capture: true
-      });
+      verticalState.editStateEvent && window.removeEventListener("click", verticalState.editStateEvent, { capture: true });
       verticalState.editStateEvent = (event) => {
-        const inTable = findAncestor(event.target, (ele) => ele.getAttribute("uuid") === config.uuid || ele.classList.contains("vxe-table--ignore-clear"));
+        const inTable = findAncestor(
+          event.target,
+          (ele) => ele.getAttribute("uuid") === config.uuid || ele.classList.contains("vxe-table--ignore-clear")
+        );
         if (!inTable)
           verticalState.editCell = null;
       };
-      window.addEventListener("click", verticalState.editStateEvent, {
-        capture: true
-      });
+      window.addEventListener("click", verticalState.editStateEvent, { capture: true });
     }
     config.editConfig = {
       ...config.editConfig,
       showIcon: false,
       beforeEditMethod(payload) {
         var _a;
-        const {
-          row,
-          column
-        } = payload;
-        const {
-          originalField = {}
-        } = row;
+        const { row, column } = payload;
+        const { originalField = {} } = row;
         if (isVerticalHeader(column.field))
           return false;
-        const {
-          editRender: {
-            name = WIDGET_TYPE.DEFAULT
-          } = {}
-        } = originalField;
+        const { editRender: { name = WIDGET_TYPE.DEFAULT } = {} } = originalField;
         const notEditableType = Object.values(WIDGET_TYPE).concat(IgnoreEditStateWidgets);
         if (notEditableType.includes(name))
           return false;
@@ -80,15 +61,11 @@ const useEditCell = (verticalTableHooks, hooks, getVerticalState) => {
   });
   hooks.setupHooks.setup.tap("Vertical-UseEditCell", (configRef) => {
     onBeforeUnmount(() => {
-      const {
-        uuid
-      } = unref(configRef) || {};
+      const { uuid } = unref(configRef) || {};
       if (!uuid)
         return;
       const verticalState = getVerticalState(uuid);
-      verticalState.editStateEvent && window.removeEventListener("click", verticalState.editStateEvent, {
-        capture: true
-      });
+      verticalState.editStateEvent && window.removeEventListener("click", verticalState.editStateEvent, { capture: true });
     });
   });
 };

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

@@ -12,11 +12,7 @@ const useEventConvert = (_, hooks, getVerticalState) => {
       return payload;
     const _payload = payload;
     const verticalState = getVerticalState(uuid);
-    const {
-      $table,
-      $event,
-      cell
-    } = _payload;
+    const { $table, $event, cell } = _payload;
     const convertedPayload = basicParamsConvert(_payload, verticalState);
     const type = convertedPayload.type;
     if (_payload.column) {

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

@@ -1,38 +1,22 @@
 import { isVerticalHeader, getOriginFieldFromRowData, getSpanInfo } from '../utils.js';
 
 const useHeaderCSS = (verticalTableHooks) => {
-  verticalTableHooks.cellStyle.tap("useHeaderCSS", (styles, {
-    column,
-    row
-  }) => {
+  verticalTableHooks.cellStyle.tap("useHeaderCSS", (styles, { column, row }) => {
     if (!isVerticalHeader(column.field)) {
       if (row && ["checkbox", "radio", "seq"].includes(getOriginFieldFromRowData(row).type || "")) {
-        Object.assign(styles, {
-          textAlign: "center"
-        });
+        Object.assign(styles, { textAlign: "center" });
       }
-      Object.assign(styles, {
-        textShadow: "none"
-      });
+      Object.assign(styles, { textShadow: "none" });
     }
-    if (row && getSpanInfo({
-      row,
-      column
-    }).colspan > 1) {
-      Object.assign(styles, {
-        textAlign: "center"
-      });
+    if (row && getSpanInfo({ row, column }).colspan > 1) {
+      Object.assign(styles, { textAlign: "center" });
     }
     if (column.colSpan > 1) {
-      Object.assign(styles, {
-        textAlign: "center"
-      });
+      Object.assign(styles, { textAlign: "center" });
     }
     return styles;
   });
-  verticalTableHooks.cellClassName.tap("useHeaderCSS", (classes, {
-    column
-  }) => {
+  verticalTableHooks.cellClassName.tap("useHeaderCSS", (classes, { column }) => {
     const _isVerticalHeader = isVerticalHeader(column.field);
     return Object.assign(classes, {
       "vxe-header--column": _isVerticalHeader,

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

@@ -8,15 +8,11 @@ const useRowClassName = (verticalTableHooks, hooks, getVerticalState) => {
     const verticalState = getVerticalState(config.uuid);
     if (!verticalState)
       return config;
-    const {
-      originalTableConfig
-    } = verticalState;
+    const { originalTableConfig } = verticalState;
     if (!originalTableConfig || !originalTableConfig.rowClassName)
       return config;
     const dataMap = useUUIDMap(() => [], false);
-    hooks.dataHooks.data.tap("vertical-rowClassName", (data, config2, {
-      index
-    }) => {
+    hooks.dataHooks.data.tap("vertical-rowClassName", (data, config2, { index }) => {
       if (!config2.uuid)
         return;
       dataMap.getItemFromUUID(config2.uuid)[index] = data;
@@ -32,9 +28,7 @@ const useRowClassName = (verticalTableHooks, hooks, getVerticalState) => {
       const converted = basicParamsConvert(payload, verticalState);
       if (converted.type === "header")
         return;
-      const {
-        rowClassName
-      } = originalTableConfig;
+      const { rowClassName } = originalTableConfig;
       if (isFunction(rowClassName))
         return rowClassName(converted);
       return rowClassName;
@@ -51,9 +45,7 @@ const useRowClassName = (verticalTableHooks, hooks, getVerticalState) => {
         params.row = dataMap.getItemFromUUID(uuid)[sequence];
         params.rowIndex = params.$rowIndex = params._rowIndex = sequence;
       }
-      const {
-        rowClassName
-      } = originalTableConfig;
+      const { rowClassName } = originalTableConfig;
       if (isFunction(rowClassName))
         return rowClassName(params);
       return rowClassName;

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

@@ -1,14 +1,9 @@
 import { getOriginFieldFromRowData } from '../utils.js';
 
 const useRowHeight = (verticalTableHooks, hooks, getVerticalState) => {
-  verticalTableHooks.cellStyle.tap("useRowHeight", (styles, {
-    row,
-    column
-  }, verticalState) => {
+  verticalTableHooks.cellStyle.tap("useRowHeight", (styles, { row, column }, verticalState) => {
     if (row) {
-      const {
-        verticalConfig
-      } = getOriginFieldFromRowData(row) || {};
+      const { verticalConfig } = getOriginFieldFromRowData(row) || {};
       if (verticalConfig && verticalConfig.rowHeight > 0) {
         styles["--iho-table-vertical-table-min-height"] = `${verticalConfig.rowHeight}px`;
       }

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

@@ -1,18 +1,12 @@
 import { isVerticalTable, createVerticalStateHandler } from '../utils.js';
 
 const useTriggerRow = (verticalTableHooks, hooks, getVerticalState) => {
-  hooks.eventHooks.onCellClick.tap("useTriggerRow", (payload, config, {
-    emits
-  }) => {
+  hooks.eventHooks.onCellClick.tap("useTriggerRow", (payload, config, { emits }) => {
     var _a, _b;
-    const {
-      uuid
-    } = config;
+    const { uuid } = config;
     if (!uuid || !isVerticalTable(config))
       return;
-    const {
-      row
-    } = payload;
+    const { row } = payload;
     const verticalState = getVerticalState(uuid);
     if (!verticalState || !row)
       return;