@lingxiteam/ebe-utils 0.2.4 → 0.2.5

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useSelection.ts

@@ -12,9 +12,7 @@ type selectionProps<T> = {
   hasPageChangeEvent?: boolean;
   funcExpExecute: Function;
 };
-const useSelection = <T extends { [key: string]: unknown }>(
-  props: MyTableProps & selectionProps<T>,
-) => {
+const useSelection = <T extends { [key: string]: unknown }>(props: MyTableProps & selectionProps<T>) => {
   const {
     innerDataSource,
     currentRowKey,
@@ -34,19 +32,9 @@ const useSelection = <T extends { [key: string]: unknown }>(
 
   const [selectedRows, setSelectedRows] = useState<any[]>([]);
   const [selectedRowKeys, setSelectedRowKeys] = useState<any[]>([]);
-  const [currentPageSelectedRows, setCurrentPageSelectedRows] = useState<any[]>(
-    [],
-  );
-  const [currentPageSelectedRowKeys, setCurrentPageSelectedRowKeys] = useState<
-    any[]
-  >([]);
-  const {
-    checkStrictly,
-    relatedDisabledMap,
-    markDisable,
-    triggerSingleSelection,
-    triggerFullSelection,
-  } = useCheckStrict<T>({
+  const [currentPageSelectedRows, setCurrentPageSelectedRows] = useState<any[]>([]);
+  const [currentPageSelectedRowKeys, setCurrentPageSelectedRowKeys] = useState<any[]>([]);
+  const { checkStrictly, relatedDisabledMap, markDisable, triggerSingleSelection, triggerFullSelection } = useCheckStrict<T>({
     dataSource: innerDataSource,
     currentRowKey,
     rowSelectType: rowSelection?.type,
@@ -66,21 +54,14 @@ const useSelection = <T extends { [key: string]: unknown }>(
     } else {
       // 当更新当前selectedKeys时，从hiddenKeys中过滤掉页面上已展示过的
       // 配置时兼容key为数字or字符串的情况
-      const currentMap: Record<string | number, boolean> = keys.reduce(
-        (p, n) => {
-          p[n] = true;
-          return p;
-        },
-        {} as any,
-      );
-      hiddenKeysRef.current = hiddenKeysRef.current.filter(
-        (k) => !currentMap[k],
-      );
+      const currentMap: Record<string | number, boolean> = keys.reduce((p, n) => {
+        p[n] = true;
+        return p;
+      }, {} as any);
+      hiddenKeysRef.current = hiddenKeysRef.current.filter(k => !currentMap[k]);
     }
     // 更新表格所有的选中key
-    combineSelectedRowKeysRef.current = [
-      ...new Set([...curKeys, ...hiddenKeysRef.current]),
-    ];
+    combineSelectedRowKeysRef.current = [...new Set([...curKeys, ...hiddenKeysRef.current])];
   };
 
   // 给动作专用
@@ -140,10 +121,8 @@ const useSelection = <T extends { [key: string]: unknown }>(
     // 当 配置页面回调事件 时，认为是后端分页，此时，_selectedRows 代表当前页选中数据，需要特殊处理
     if (currentRowKey) {
       // 移除当前所有页行选中中，当前页对应的选中
-      const otherPageSelectedRows = selectedRows.filter((selectedRow) => {
-        return !innerDataSource.some(
-          (row: any) => row[currentRowKey] === selectedRow[currentRowKey],
-        );
+      const otherPageSelectedRows = selectedRows.filter(selectedRow => {
+        return !innerDataSource.some((row: any) => row[currentRowKey] === selectedRow[currentRowKey]);
       });
 
       // 重新补回最新的当前页的选中数据，返回所有页选中行数据
@@ -166,13 +145,13 @@ const useSelection = <T extends { [key: string]: unknown }>(
       // 记录当前页数据（包括层级数据）的主键集合
       recursionDataSource(
         currentPageDataSource,
-        (n) => {
+        n => {
           currentPageKey.add(n[currentRowKey] as string);
         },
-        childrenColumnName,
+        childrenColumnName
       );
       // 在当前最新的选中的行数据中，找到属于当前页的、且可选中数据
-      currentPageSeletedRows = selectedRows.filter((selectedRow) => {
+      currentPageSeletedRows = selectedRows.filter(selectedRow => {
         return currentPageKey.has(selectedRow[currentRowKey]);
       });
     }
@@ -207,11 +186,7 @@ const useSelection = <T extends { [key: string]: unknown }>(
     }
   };
 
-  const onRowSelected = (
-    _sltrows: any[],
-    doOnSelectChange: boolean,
-    _currentPageSelectedRows?: any[],
-  ) => {
+  const onRowSelected = (_sltrows: any[], doOnSelectChange: boolean, _currentPageSelectedRows?: any[]) => {
     const sltrows: any = currentRowKey ? _sltrows : [];
 
     const sltkeys: any = sltrows.map((row: any) => row[currentRowKey]);
@@ -220,20 +195,12 @@ const useSelection = <T extends { [key: string]: unknown }>(
     updateCombineKeys(sltkeys);
     setSelectedRowKeys(sltkeys);
 
-    let newCurrentPageSelectedRows: any = currentRowKey
-      ? _currentPageSelectedRows
-      : [];
-    let newCurrentPageSelectedRowKeys = newCurrentPageSelectedRows?.map(
-      (r: any) => r[currentRowKey],
-    );
+    let newCurrentPageSelectedRows: any = currentRowKey ? _currentPageSelectedRows : [];
+    let newCurrentPageSelectedRowKeys = newCurrentPageSelectedRows?.map((r: any) => r[currentRowKey]);
 
     if (!_currentPageSelectedRows) {
-      newCurrentPageSelectedRows = currentRowKey
-        ? handleCurrentPageSelectedRows(sltrows)
-        : [];
-      newCurrentPageSelectedRowKeys = newCurrentPageSelectedRows.map(
-        (r: any) => r[currentRowKey],
-      );
+      newCurrentPageSelectedRows = currentRowKey ? handleCurrentPageSelectedRows(sltrows) : [];
+      newCurrentPageSelectedRowKeys = newCurrentPageSelectedRows.map((r: any) => r[currentRowKey]);
     }
 
     // 更新当前页选中数据
@@ -275,39 +242,32 @@ const useSelection = <T extends { [key: string]: unknown }>(
       //     );
       // }
 
-      rowSelection.type === 'radio'
-        ? onRowSelected([record], true)
-        : onRowSelected(triggerSingleSelection(selectedRows, record), true);
+      rowSelection.type === 'radio' ? onRowSelected([record], true) : onRowSelected(triggerSingleSelection(selectedRows, record), true);
     }
   };
 
   // 设置选中行动作设置的默认选中
-  const handleUpdateSelectedRows = (
-    selectedRowsRule: string | string[] | T[],
-  ) => {
+  const handleUpdateSelectedRows = (selectedRowsRule: string | string[] | T[]) => {
     let actionSetSelectedKeys: any = [];
     // 记录设置选中行时配置的对象格式格数据
     const rowsObject = new Map();
     if (selectedRowsRule) {
       if (!['string', 'object'].includes(typeof selectedRowsRule)) {
         // TODO: (2022.7.27 与国永沟通)，废弃旧版本在表格内部对 $$ 表达式的解析
-        console.warn(
-          '请检查配置数据，现有版本只支持(行id字符串或数组、行对象)',
-        );
+        console.warn('请检查配置数据，现有版本只支持(行id字符串或数组、行对象)');
         updateSelectRowsObject(rowsObject);
         return;
       }
 
       // '1' / '1,2,3' / 1,2,3 代表选中行的行id
       if (typeof selectedRowsRule === 'string') {
-        actionSetSelectedKeys =
-          selectedRowsRule?.split(',').map((k) => k.trim()) || [];
+        actionSetSelectedKeys = selectedRowsRule?.split(',').map(k => k.trim()) || [];
       }
 
       // 处理 [{ [rowId]: '1'} ...] 或 ['1', '2'] 或 [1, 2]
       if (Array.isArray(selectedRowsRule)) {
         actionSetSelectedKeys = selectedRowsRule
-          .map((one) => {
+          .map(one => {
             if (['string', 'number'].includes(typeof one)) {
               return one;
             }
@@ -322,14 +282,11 @@ const useSelection = <T extends { [key: string]: unknown }>(
 
             return undefined;
           })
-          .filter((one) => !!one);
+          .filter(one => !!one);
       }
 
       // 代表行数据对象
-      if (
-        !Array.isArray(selectedRowsRule) &&
-        typeof selectedRowsRule === 'object'
-      ) {
+      if (!Array.isArray(selectedRowsRule) && typeof selectedRowsRule === 'object') {
         const selectedRowKey = selectedRowsRule[currentRowKey];
         if (selectedRowKey) {
           rowsObject.set(selectedRowKey, selectedRowsRule);
@@ -344,9 +301,7 @@ const useSelection = <T extends { [key: string]: unknown }>(
 
   // 可选表格当前页不允许选择的行数据
   const currentPageDisabledRows = useMemo(() => {
-    return currentPageDataSource.filter((row: any, index: number) =>
-      handleIsRowSelectDisabled(row, index),
-    );
+    return currentPageDataSource.filter((row: any, index: number) => handleIsRowSelectDisabled(row, index));
   }, [currentPageDataSource]);
 
   useEffect(() => {
@@ -356,14 +311,14 @@ const useSelection = <T extends { [key: string]: unknown }>(
       // 数据源变更需要更新当前选中行的数据，保证获取时能获取到当前最新的数据详情
       recursionDataSource<{ [k: string]: any; children?: any[] }>(
         innerDataSource as [],
-        (n) => {
+        n => {
           map[n[currentRowKey]] = n;
         },
-        childrenColumnName,
+        childrenColumnName
       );
 
       const rows = [];
-      selectedRows.forEach((selectedRow) => {
+      selectedRows.forEach(selectedRow => {
         const key = selectedRow[currentRowKey];
         if (!map[key]) {
           map[key] = selectedRow;
@@ -374,9 +329,7 @@ const useSelection = <T extends { [key: string]: unknown }>(
       const collectSelectedRow = (key: string | number, childFlag = false) => {
         if (!keySet[key]) {
           const row = map[key] || actionSetSelectRowsObject.get(key);
-          const canSelected = childFlag
-            ? !relatedDisabledMap[row[currentRowKey]]
-            : true;
+          const canSelected = childFlag ? !relatedDisabledMap[row[currentRowKey]] : true;
           // 通过动作设置选中的禁用节点，允许选中
           // 通过动作设置选中父节点时，非禁用的子级数据也需要选中
           if (row && canSelected) {
@@ -385,20 +338,18 @@ const useSelection = <T extends { [key: string]: unknown }>(
             if (row?.[childrenColumnName]?.length && !checkStrictly) {
               recursionDataSource<{ [k: string]: any }>(
                 row[childrenColumnName],
-                (n) => {
+                n => {
                   if (n[currentRowKey]) {
                     collectSelectedRow(n[currentRowKey], true);
                   }
                 },
-                childrenColumnName,
+                childrenColumnName
               );
             }
           }
         }
       };
-      const fullKeys = triggerFullSelection(
-        combineSelectedRowKeysRef.current || [],
-      );
+      const fullKeys = triggerFullSelection(combineSelectedRowKeysRef.current || []);
       // 遍历所有选中keys，组装当前选中行
       fullKeys.forEach((key: string | number) => {
         collectSelectedRow(key);
@@ -406,20 +357,12 @@ const useSelection = <T extends { [key: string]: unknown }>(
       rows.push(...actionRows);
       onRowSelected(rows, true);
     }
-  }, [
-    actionSetSelectRowsObject,
-    currentRowKey,
-    innerDataSource,
-    childrenColumnName,
-  ]);
+  }, [actionSetSelectRowsObject, currentRowKey, innerDataSource, childrenColumnName]);
 
   // 分页更新时，更新当前页选中数据
   useEffect(() => {
-    const newCurrentPageSelectedRows =
-      handleCurrentPageSelectedRows(selectedRows);
-    const newCurrentPageSelectedRowKeys = newCurrentPageSelectedRows.map(
-      (r: any) => r[currentRowKey],
-    );
+    const newCurrentPageSelectedRows = handleCurrentPageSelectedRows(selectedRows);
+    const newCurrentPageSelectedRowKeys = newCurrentPageSelectedRows.map((r: any) => r[currentRowKey]);
     setCurrentPageSelectedRows(newCurrentPageSelectedRows);
     setCurrentPageSelectedRowKeys(newCurrentPageSelectedRowKeys);
   }, [selectedRows, currentRowKey, currentPageDataSource]);
@@ -427,40 +370,32 @@ const useSelection = <T extends { [key: string]: unknown }>(
   return {
     rowSelection: rowSelection
       ? {
-          type: rowSelection.type,
-          selectedRowKeys,
-          checkStrictly,
-          onChange: (_: any, sltrows: any[]) => handleSelect(sltrows),
-          getCheckboxProps: (record: T) => {
-            const props: ReturnType<
-              Required<TableRowSelection<unknown>>['getCheckboxProps']
-            > = {
-              disabled: relatedDisabledMap[record[currentRowKey] as string],
-            };
-
-            /**
+        type: rowSelection.type,
+        selectedRowKeys,
+        checkStrictly,
+        onChange: (_: any, sltrows: any[]) => handleSelect(sltrows),
+        getCheckboxProps: (record: T) => {
+          const props: ReturnType<Required<TableRowSelection<unknown>>['getCheckboxProps']> = {
+            disabled: relatedDisabledMap[record[currentRowKey] as string],
+          };
+
+          /**
              * 决定可选表格某行是否可选
              * 由于此接口不支持索引 index 操作，所以 index 定位行逻辑放在 currentPageDisabledRows，以此兼容
              */
-            const isRowSelectDisabled =
-              handleIsRowSelectDisabled(record) ||
-              !!currentPageDisabledRows.find(
-                (row) => row[currentRowKey] === record[currentRowKey],
-              );
+          const isRowSelectDisabled =
+              handleIsRowSelectDisabled(record) || !!currentPageDisabledRows.find(row => row[currentRowKey] === record[currentRowKey]);
 
-            if (
-              isRowSelectDisabled ||
-              checkIfHiddenRow?.(record[currentRowKey])
-            ) {
-              props.disabled = true;
-            }
+          if (isRowSelectDisabled || checkIfHiddenRow?.(record[currentRowKey])) {
+            props.disabled = true;
+          }
 
-            // 开启checkLoosed模式时，父禁用子也禁用
-            markDisable(record, props.disabled || false);
+          // 开启checkLoosed模式时，父禁用子也禁用
+          markDisable(record, props.disabled || false);
 
-            return props;
-          },
-        }
+          return props;
+        },
+      }
       : undefined,
     selectedRows,
     selectedRowKeys,

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useSummaryCol.ts

@@ -3,6 +3,7 @@ import { useMemo } from 'react';
 import { SummaryConfig } from '../types/prop';
 
 export type ColItem = {
+
   /**
    * 总结行类型 sub 合计
    */
@@ -47,8 +48,7 @@ const useSummaryCol = <T>(props: SummaryProps<T>) => {
     const { type } = summaryConfig;
     return {
       summaryType: type,
-      summaryGroup:
-        type === 'single' ? summaryConfig?.col : summaryConfig?.group,
+      summaryGroup: type === 'single' ? summaryConfig?.col : summaryConfig?.group,
     };
   }, [summaryConfig]);
 
@@ -57,7 +57,7 @@ const useSummaryCol = <T>(props: SummaryProps<T>) => {
     const colList: typeof columns = [];
     const recursive = (arr: typeof columns) => {
       if (Array.isArray(arr)) {
-        arr.forEach((c) => {
+        arr.forEach(c => {
           if (c?.children?.length) {
             recursive(c.children);
           } else {
@@ -123,11 +123,7 @@ const useSummaryCol = <T>(props: SummaryProps<T>) => {
       }
       const summaryCol = summaryColIndexMap.get(matchKey || '');
       // 首列是序号列或者是没有参与合并的，用于展示合并文案
-      if (
-        i === 0 &&
-        (type === 'orderCol' || !summaryCol) &&
-        summaryConfig?.name
-      ) {
+      if (i === 0 && (type === 'orderCol' || !summaryCol) && summaryConfig?.name) {
         col.push({
           title: summaryConfig?.name,
           align: c.align,
@@ -147,11 +143,7 @@ const useSummaryCol = <T>(props: SummaryProps<T>) => {
               prevItem?.prev &&
               i === prevItem?.prev?.index + 1 &&
               prevItem?.prev?.fixed === c?.fixed &&
-              !(
-                summaryType === 'single' &&
-                type === 'dynamicCol' &&
-                type === prevItem?.type
-              )
+              !(summaryType === 'single' && type === 'dynamicCol' && type === prevItem?.type)
             ) {
               // 勾选列是相邻的，则允许合并
               // 单列合计时，需排除动态列情况
@@ -182,10 +174,7 @@ const useSummaryCol = <T>(props: SummaryProps<T>) => {
       }
     });
     const dataMap: Record<string, any[]> = {};
-    const recursiveCollectValueByDataIndex = (
-      row: Record<string, any>,
-      keyPath: string[] = [],
-    ) => {
+    const recursiveCollectValueByDataIndex = (row: Record<string, any>, keyPath: string[] = []) => {
       Object.keys(row || {}).forEach((key: string) => {
         const dataIndex = [...keyPath, key];
         if (!dataMap[`${dataIndex}`]) {
@@ -200,10 +189,10 @@ const useSummaryCol = <T>(props: SummaryProps<T>) => {
       });
     };
     // 收集每个dataIndex
-    dataSource?.forEach((v) => {
+    dataSource?.forEach(v => {
       recursiveCollectValueByDataIndex(v as Record<string, any>);
     });
-    return col.map((c) => {
+    return col.map(c => {
       const { operateType, dataIndexList = [] } = c;
       const item = {
         ...c,
@@ -218,27 +207,19 @@ const useSummaryCol = <T>(props: SummaryProps<T>) => {
               // 转换失败不合计
               return NaN;
             }
-            data.forEach((v) => {
+            data.forEach(v => {
               val += Number(v);
             });
             return val;
           }, 0);
-          item.title = isNaN(sub)
-            ? ''
-            : sub.toFixed(summaryConfig?.decimal || 0);
+          item.title = isNaN(sub) ? '' : sub.toFixed(summaryConfig?.decimal || 0);
           break;
         }
         default:
       }
       return item;
     });
-  }, [
-    dataSource,
-    summaryConfig?.name,
-    summaryConfig?.decimal,
-    fieldColumns,
-    summaryColIndexMap,
-  ]);
+  }, [dataSource, summaryConfig?.name, summaryConfig?.decimal, fieldColumns, summaryColIndexMap]);
   return {
     summaryColList,
   };