@lingxiteam/ebe-utils 0.2.21 → 0.2.23

package/lib/pcpublic/src/components/pcfactory/src/Table/types/prop.d.ts

@@ -1,12 +1,13 @@
 import type { TableProps } from 'antd/lib/table';
 import type { MyTableEventTypes } from './event';
+import { useCMDAction, useCommon, useDataSource, useExpandable, useFilter, usePagination, useRowEdit, useSelection, useSort } from '../hooks';
 
 export type SummaryConfig = {
 
   /**
    * 不合计|单列|多列
    */
-  type: 'none' | 'single' | 'multi';
+  type: 'none' | 'single' | 'multi',
 
   /**
    * 总结行名称
@@ -16,7 +17,7 @@ export type SummaryConfig = {
   /**
    * 单列合并值
    */
-  col?: Array<ColItem>;
+  col?:Array<ColItem>;
 
   /**
    * 多列合并
@@ -26,13 +27,13 @@ export type SummaryConfig = {
   /**
    * 保留几位小数
    */
-  decimal?: number;
+  decimal?: number,
 
   /**
    * 背景色
    */
   background?: string;
-};
+}
 export interface TableBasePropTypes extends TableProps<any> {
   className?: string;
   style?: React.CSSProperties;
@@ -134,6 +135,8 @@ export interface TableBasePropTypes extends TableProps<any> {
    * 总结合计行
    */
   summaryTotal?: SummaryConfig;
+
+  backgroundType?: any;
 }
 
 export interface TablePaginationPropTypes {
@@ -275,11 +278,9 @@ export interface TableRowSelectPropType {
   /**
    * 选择模式
    */
-  rowSelection?:
-    | false
-    | {
-        type: 'radio' | 'checkbox';
-      };
+  rowSelection?: false | {
+    type: 'radio' | 'checkbox'
+  };
 
   /**
    * 可选表格行选择是否禁用判断
@@ -292,12 +293,24 @@ export interface TableRowSelectPropType {
   checkLoosed?: boolean;
 }
 
-export type MyTableProps = TableBasePropTypes &
+export type WrapperTablePropsTypes =
+ReturnType<typeof useCommon> &
+ReturnType<typeof useDataSource> &
+ReturnType<typeof usePagination> &
+ReturnType<typeof useRowEdit> &
+ReturnType<typeof useExpandable> &
+ReturnType<typeof useSort> &
+ReturnType<typeof useFilter> &
+ReturnType<typeof useCMDAction> &
+ReturnType<typeof useSelection> & {form?: any};
+
+export type MyTableProps =
+  TableBasePropTypes &
   TablePaginationPropTypes &
   TableEditPropTypes &
   TableRowExpandPropTypes &
   TableRowSelectPropType &
-  MyTableEventTypes;
+  MyTableEventTypes
 
 export type LevelItem<T> = {
   __parent__?: LevelItem<T>;

package/lib/pcpublic/src/components/pcfactory/src/Table/utils/SequenceId.ts

@@ -5,7 +5,7 @@ interface SequenceIdOptions {
   /**
    * 创建id类型 random 随机   increment 自增
    */
-  type?: 'random' | 'increment';
+  type?: 'random' | 'increment',
 
   /**
    * 随机数创建的长度
@@ -34,6 +34,7 @@ const getRandomId = (randomBit = 6) => {
   return t;
 };
 
+
 class SequenceId {
   private idMap: (string | number)[] = [];
 

package/lib/pcpublic/src/components/pcfactory/src/Table/utils/index.ts

@@ -8,13 +8,16 @@ export type SingleRowInfo = {
     rowIdAndTitleColMap: any;
     nextRowsChildren: any;
   };
-};
+}
 // 获取分组名称，为空的向下补全
 const findGroupName = (groupList: string[], startIndex: number) => {
   const list = groupList.slice(startIndex);
-  return list.find(g => !!g) || '';
+  return list.find((g) => !!g) || '';
 };
-export const handleMultiLevelHeader = (leftTree: any, column: any) => {
+export const handleMultiLevelHeader = (
+  leftTree: any,
+  column: any,
+) => {
   const { fixed = '' } = column;
   let { group } = column;
 
@@ -24,7 +27,11 @@ export const handleMultiLevelHeader = (leftTree: any, column: any) => {
   }
 
   // 兼容可能存在的空数据
-  if (group === '' || group === null || group === undefined) {
+  if (
+    group === '' ||
+    group === null ||
+    group === undefined
+  ) {
     group = [''];
   }
 
@@ -37,9 +44,16 @@ export const handleMultiLevelHeader = (leftTree: any, column: any) => {
   if (Array.isArray(group) && groupLen > 0) {
     // 标记右树从哪个节点开始至最后一个都为空(undefined/null/'')
     let groupEmptyStartIndex = groupLen - 1;
-    while (typeof group[groupEmptyStartIndex] === 'undefined' || group[groupEmptyStartIndex] === null || group[groupEmptyStartIndex] === '') {
+    while (
+      typeof group[groupEmptyStartIndex] === 'undefined' ||
+      group[groupEmptyStartIndex] === null ||
+      group[groupEmptyStartIndex] === ''
+    ) {
       // 当分组数据遍历完成 或 下一个已经不为空时，退出循环
-      if (groupEmptyStartIndex - 1 < 0 || group[groupEmptyStartIndex - 1]) {
+      if (
+        groupEmptyStartIndex - 1 < 0 ||
+        group[groupEmptyStartIndex - 1]
+      ) {
         break;
       }
       groupEmptyStartIndex -= 1;
@@ -112,7 +126,8 @@ export const handleMultiLevelHeader = (leftTree: any, column: any) => {
           leftTreeLast.children = [];
         }
         leftTreeLast.children.push(...(current?.children || []));
-      } else if (current && current?.title === leftTreeLast?.title && current?.fixed === leftTreeLast?.fixed) {
+      } else if (current && current?.title === leftTreeLast?.title
+        && current?.fixed === leftTreeLast?.fixed) {
         current.colSpanStart = leftTreeLast?.colSpanStart || leftTreeLast;
         const colSpan = current?.colSpanStart?.colSpan || 1;
         current.colSpanStart.colSpan = colSpan + 1;
@@ -127,16 +142,7 @@ export const handleMultiLevelHeader = (leftTree: any, column: any) => {
 };
 
 // 合并上下相同的分组
-export const handleMergeHeader = <
-  T extends {
-    title?: string;
-    className?: string;
-    children?: T[];
-    colSpan?: number;
-  }
->(
-    columns?: Array<T>
-  ) => {
+export const handleMergeHeader = <T extends {title?: string; className?: string; children?: T[]; colSpan?: number}>(columns?: Array<T>) => {
   const getRowSpan = (col: T) => {
     let span = 1;
     const newCol = { ...col };
@@ -144,7 +150,9 @@ export const handleMergeHeader = <
     while (current !== null) {
       if (current?.children?.length === 1) {
         const next: T = current.children?.[0];
-        if (next.title === col?.title && col?.title && next.className !== hiddenHeaderCellClass && col?.colSpan === next?.colSpan) {
+        if (next.title === col?.title && col?.title
+          && next.className !== hiddenHeaderCellClass
+          && col?.colSpan === next?.colSpan) {
           // 分组名一致，上下合并
           span += 1;
           next.className = hiddenHeaderCellClass;
@@ -162,7 +170,7 @@ export const handleMergeHeader = <
     };
   };
   const recursive = (cols: T[]) => {
-    return cols.map(col => {
+    return cols.map((col) => {
       if (col?.title) {
         const { rowSpan } = getRowSpan(col);
         if (rowSpan > 1) {
@@ -182,15 +190,20 @@ export const handleMergeHeader = <
   return recursive(columns || []);
 };
 
-export const handleExpandColumn = ({ expandComponents, expandIconPositionRef, expandIconPosition, columns }: any) => {
+export const handleExpandColumn = ({
+  expandComponents,
+  expandIconPositionRef,
+  expandIconPosition,
+  columns,
+}: any) => {
   // 有设置扩展内容 且 存在行展开图标位置配置
   if (Array.isArray(expandComponents) && expandComponents.length && expandIconPositionRef) {
     // 找到行展开图标位置 基准列的索引（有可能也是分组）
-    const refColIndex = columns?.findIndex((c: { dataIndex: string | string[]; [key: string]: any }) => {
+    const refColIndex = columns?.findIndex((c: {dataIndex: string | string[]; [key:string]: any}) => {
       if (c.dataIndex) {
         return `${c.dataIndex || ''}` === `${expandIconPositionRef?.dataIndex || ''}`;
       }
-
+      
       if (c.title) {
         return c.title === expandIconPositionRef?.title;
       }
@@ -220,39 +233,50 @@ export const createTempRowKey = () => {
 
 export const EMPTY_ROW_TEMP_KEY_ATTR = '_lxTempKey';
 export const LATEST_EMPTY_ROW_FLAG_ATTR = '_latestCreation';
+// 保存当前行时根据是否需要更新数据源做处理
+export const UPDATE_DATA_SOURCE_FLAG = '_updateDataSource';
 
+// 清除表格数据中新增空白行数据增加的临时属性，如_latestCreation，_updateDataSource等
 export const deleteTempRowProperties = (row: any) => {
   if (row) {
     delete row[LATEST_EMPTY_ROW_FLAG_ATTR];
+    delete row[UPDATE_DATA_SOURCE_FLAG];
   }
 };
 
-export const createEmptyRow = () => ({
-  [LATEST_EMPTY_ROW_FLAG_ATTR]: true, // 最新创建的
-  [EMPTY_ROW_TEMP_KEY_ATTR]: createTempRowKey(),
-});
+/**
+ * 新增空白行数据
+ * @param needUpdateDataSource 是否需要同步数据源，打标，保存当前行时根据该标识决定是否要上报数据源
+ * @returns
+ */
+export const createEmptyRow = (needUpdateDataSource: boolean) => {
+  const row: any = ({
+    [LATEST_EMPTY_ROW_FLAG_ATTR]: true, // 最新创建的
+    [EMPTY_ROW_TEMP_KEY_ATTR]: createTempRowKey(),
+  });
+  if (needUpdateDataSource) {
+    row[UPDATE_DATA_SOURCE_FLAG] = needUpdateDataSource;
+  }
+  return row;
+};
 
-export const handleRecursiveParseColumns = (
-  columnList: any[],
-  rowIndex = 1,
-  styleInfo?: {
-    colorType: 'custom' | 'single';
-    singleColorSetting?: {
-      backgroundColor?: string;
-      color?: string;
-      fontWeight?: number;
-      fontSize?: string;
-    };
-    customColorSetting?: {
-      [id: string]: {
-        backgroundColor?: string;
-        color?: string;
-        fontWeight?: number;
-        fontSize?: string;
-      };
-    };
+export const handleRecursiveParseColumns = (columnList: any[], rowIndex = 1, styleInfo?: {
+  colorType: 'custom' | 'single',
+  singleColorSetting?: {
+    backgroundColor?: string,
+    color?: string,
+    fontWeight?: number,
+    fontSize?: string,
+  },
+  customColorSetting?: {
+    [id: string] : {
+      backgroundColor?: string,
+      color?: string,
+      fontWeight?: number,
+      fontSize?: string,
+    }
   }
-) => {
+}) => {
   const colChildList: any[] = [];
   let colIdMap: { [id: string]: any } = {};
   let cols = columnList;
@@ -321,19 +345,19 @@ export const compareFn = (a: any, b: any) => {
   const [, nextNegative, , nextDecimal = '', nextUnit] = nextMatch;
   // 单位一致才比较，否则按字符串比
   // 其中有一个为空值时，也进行比较
-  if (prevUnit === nextUnit || !a || !b) {
+  if ((prevUnit === nextUnit) || !a || !b) {
     if (prevNegative !== nextNegative) {
       // 一正一负,正的大
       return prevNegative ? -1 : 1;
     }
     if (prevNegative === nextNegative) {
       // 两数间最长的小数位长度
-      const expandedLen = prevDecimal.length > nextDecimal?.length ? prevDecimal.length - 1 : nextDecimal.length - 1;
+      const expandedLen = prevDecimal.length > nextDecimal?.length ? (prevDecimal.length - 1) : (nextDecimal.length - 1);
       const expand = (decimal: string, len: number) => {
         // 小数部分内容
         const num = decimal.indexOf('.') === 0 ? decimal.slice(1) : decimal;
         // 长度不一的小数进行补位
-        const zero = len - num.length > 0 ? new Array(len - num.length).fill('0') : [];
+        const zero = (len - num.length) > 0 ? (new Array(len - num.length)).fill('0') : [];
         return `${num}${zero.join('')}`;
       };
       // 小数时两个数字同时扩大
@@ -360,10 +384,10 @@ export function recursionDataSource<T extends Record<string, any>, U extends T =
   dataSource: T[],
   parseNodeFn?: (node: T, parentPath?: U[]) => U | void,
   childrenKey: string = 'children',
-  parentPath: U[] = []
+  parentPath: U[] = [],
 ) {
   if (!Array.isArray(dataSource)) return dataSource;
-  return dataSource.map(d => {
+  return dataSource.map((d) => {
     let data: Record<string, any> = {
       ...d,
     };
@@ -375,15 +399,18 @@ export function recursionDataSource<T extends Record<string, any>, U extends T =
       }
     }
     if (Array.isArray(data[childrenKey]) && data[childrenKey].length) {
-      data[childrenKey] = recursionDataSource(data[childrenKey], parseNodeFn, childrenKey, [...parentPath, data as U]);
+      data[childrenKey] = recursionDataSource(data[childrenKey], parseNodeFn, childrenKey, [...parentPath, data as U],);
     }
 
     return data;
   });
 }
 
+
 // 根据选中节点由下往上计算包含父节点在内的选中key
-export const getFullCheckedKeySet = <T extends {}>(params: {
+export const getFullCheckedKeySet = <
+  T extends {},
+>(params: {
   levelEntries: Map<number, LevelItem<T>[]>;
   maxLevel: number;
   currentCheckedKey: (string | number)[];
@@ -392,23 +419,19 @@ export const getFullCheckedKeySet = <T extends {}>(params: {
 }) => {
   const { maxLevel, levelEntries, currentCheckedKey, checked, disabledMap } = params;
   // key格式做弱等类型判断
-  const checkedLooseMap = currentCheckedKey.reduce((p, n) => {
-    p[n] = n;
-    return p;
-  }, {} as Record<string | number, string | number>);
+  const checkedLooseMap =
+  currentCheckedKey.reduce((p, n) => { p[n] = n; return p; }, {} as Record<string|number, string|number>);
   const visitedKey = new Set();
   // 从下往上收集选中的父节点
   for (let level = maxLevel; level >= 0; level -= 1) {
     const levelList = levelEntries.get(level);
-    levelList?.forEach(node => {
+    levelList?.forEach((node) => {
       let allChecked = true;
       const parent = node.__parent__;
-      if (parent && (disabledMap[parent?.__key__] || visitedKey.has(parent.__key__))) {
-        return;
-      }
+      if (parent && (disabledMap[parent?.__key__] || visitedKey.has(parent.__key__))) return;
       if (disabledMap[node?.__key__]) return;
-      const siblings = parent?.__children__?.filter(c => !disabledMap[c.__key__]);
-      siblings?.forEach(child => {
+      const siblings = parent?.__children__?.filter((c) => !disabledMap[c.__key__]);
+      siblings?.forEach((child) => {
         // 子节点都选中，父节点也要选中
         if (allChecked && !checkedLooseMap[child.__key__]) {
           allChecked = false;
@@ -427,25 +450,10 @@ export const getFullCheckedKeySet = <T extends {}>(params: {
       }
     });
   }
-  return new Set(
-    Object.keys(checkedLooseMap).reduce((p, n) => {
-      p.push(checkedLooseMap[n]);
-      return p;
-    }, [] as (string | number)[])
-  );
+  return new Set(Object.keys(checkedLooseMap).reduce((p, n) => { p.push(checkedLooseMap[n]); return p; }, [] as (string|number)[]));
 };
 
 // 获取编辑组件表单项字段编码
-export const getFormItemFieldName = ({
-  compId,
-  currentRowKey,
-  rowData,
-  rowId,
-  dataIndex,
-}: {
-  compId: string;
-  currentRowKey: string;
-  rowData: any;
-  rowId?: string | number;
-  dataIndex: string | string[];
-}) => `${compId}_${currentRowKey}_${rowData[currentRowKey] || rowId}_${dataIndex}`;
+export const getFormItemFieldName = ({ compId, currentRowKey, rowData, rowId, dataIndex }:
+  {compId: string, currentRowKey: string; rowData: any; rowId?: string | number; dataIndex: string | string[]}) =>
+  `${compId}_${currentRowKey}_${rowData[currentRowKey] || rowId}_${dataIndex}`;

package/lib/pcpublic/src/components/pcfactory/src/Table/utils/indexedDBHelper.ts

@@ -13,12 +13,12 @@ const DBNAME = 'TABLE_CUSTOM';
 const isIE = !!((window as any).ActiveXObject || 'ActiveXObject' in window);
 
 const getOrSaveData = (actionData: DataProps) => {
-  return new Promise(resolve => {
-    const pagePatch = window.location.hash?.match(PATTERN)?.[0]?.replace(/^#\//, '') || '';
+  return new Promise((resolve) => {
+    const pagePatch = (window.location.hash?.match(PATTERN))?.[0]?.replace(/^#\//, '') || '';
     const pageKey = `${actionData.appId}_${pagePatch}_${actionData.userId}`;
     //  兼容浏览器
     const indexedDB = window.indexedDB || (window as any).mozIndexedDB || (window as any).webkitIndexedDB || (window as any).msIndexedDB;
-
+    
     if (indexedDB) {
       let version = new Date().getTime();
       if (isIE) {
@@ -35,11 +35,7 @@ const getOrSaveData = (actionData: DataProps) => {
         const objectStore = transaction.objectStore(pageKey);
         // 保存数据
         if (actionData.save) {
-          const actionPut = objectStore.put({
-            ORDER: actionData.order,
-            SELECTED: actionData.selected,
-            id: actionData.compId,
-          });
+          const actionPut = objectStore.put({ ORDER: actionData.order, SELECTED: actionData.selected, id: actionData.compId });
           actionPut.onsuccess = (e: any) => {
             // console.log('数组插入成功');
             db.close();
@@ -47,8 +43,7 @@ const getOrSaveData = (actionData: DataProps) => {
           actionPut.onerror = () => {
             db.close();
           };
-        } else {
-          // 读取数据
+        } else { // 读取数据
           const action = objectStore.get(actionData.compId);
           action.onsuccess = (e: any) => {
             // 获取对象成功
@@ -62,7 +57,7 @@ const getOrSaveData = (actionData: DataProps) => {
         }
       };
       // 数据库打开失败的回调
-      request.onerror = event => {
+      request.onerror = (event) => {
         console.log('indexedDB数据库打开报错:', event);
         resolve({});
       };
@@ -76,7 +71,7 @@ const getOrSaveData = (actionData: DataProps) => {
         }
       };
     } else {
-      // 不支持indexDB,就用localStorage存储
+    // 不支持indexDB,就用localStorage存储
       const allData: any = JSON.parse(window.localStorage.getItem(DBNAME) || '{}');
       if (actionData.save) {
         // 超过100个就删掉一些
@@ -87,17 +82,9 @@ const getOrSaveData = (actionData: DataProps) => {
         allKeys = Object.keys(allData);
         if (allKeys.includes(pageKey)) {
           const data: any = allData[pageKey];
-          data[actionData.compId] = {
-            ORDER: actionData.order,
-            SELECTED: actionData.selected,
-          };
+          data[actionData.compId] = { ORDER: actionData.order, SELECTED: actionData.selected };
         } else {
-          allData[pageKey] = {
-            [actionData.compId]: {
-              ORDER: actionData.order,
-              SELECTED: actionData.selected,
-            },
-          };
+          allData[pageKey] = { [actionData.compId]: { ORDER: actionData.order, SELECTED: actionData.selected } };
         }
         window.localStorage.setItem(DBNAME, JSON.stringify(allData));
       } else if (allData?.[pageKey]?.[actionData.compId]) {

package/lib/pcpublic/src/components/pcfactory/src/Table/utils/translate.ts

@@ -0,0 +1,59 @@
+
+/**
+ * 翻译静态数据 按照如下查找
+ *
+ * 1、第一个平级找到，第二个平级找到，后面都是平级找到
+    2、第一个平级找到，第二个子级找到，后面都是从上一个子级找
+    3、第一个平级找到，第二个找不到，后面都是平级找
+    4、第一个找不到，后面都是平级找
+ */
+export const translateStaticData = (text: string, staticDataSource: any) => {
+  if (!text) return text;
+  if (!Array.isArray(staticDataSource)) return text;
+
+  const translateContentArr = (Array.isArray(text) ? text : String(text).split(','));
+
+  if (translateContentArr.length === 0) return text;
+
+  const findTranslateInfo = (a: string, list: any[] = staticDataSource) => {
+    return list?.find(o => `${o.value}` === `${a}`);
+  };
+
+  // 平级翻译出所有数据
+  const flattenTranslateText = () => translateContentArr?.map(it => findTranslateInfo(it)?.label ?? it).join(',');
+
+  // 先翻译出第一个数据
+  const firstTranslateContent = findTranslateInfo(translateContentArr[0]);
+
+  // 第一个翻译不出来，其他全部平级
+  if (!firstTranslateContent) return flattenTranslateText();
+
+  // 再翻译出第二个
+  let secondTranslateContent = findTranslateInfo(translateContentArr[1]);
+  // 如果翻译过来了，就直接返回所有
+  if (secondTranslateContent) return flattenTranslateText();
+
+  // 深层查找  根据第一个元素深层查找第二个
+  secondTranslateContent = findTranslateInfo(translateContentArr[1], firstTranslateContent.children || []);
+
+  // 深层查找没翻译出来
+  if (!secondTranslateContent) return flattenTranslateText();
+
+  // 深层查找找到数据后 剩下的递归查找
+  const treeTranslateText = () => {
+    let data = staticDataSource;
+    const result: string[] = [];
+    for (let index = 0; index < translateContentArr.length; index += 1) {
+      const element = translateContentArr[index];
+      const info = findTranslateInfo(element, data);
+      if (!info) return result.join(',');
+      if (info) {
+        data = info.children;
+        result.push(info.label ?? element);
+      }
+    }
+    return result.join(',');
+  };
+
+  return treeTranslateText();
+};