@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -10,14 +10,8 @@ const useCommon = (props: any) => {
   const { rowKeyType, rowKey, bordered, boundDataSource } = props;
 
   const state = props.pageState;
-  const isBordered =
-    typeof bordered === 'boolean'
-      ? bordered
-      : bordered === TABLE_BORDER_TYPE_CODE; // 是否为边框线类型，且兼容带borderd的存量数据
-  const isZebraStripe =
-    typeof bordered === 'boolean'
-      ? bordered
-      : bordered === TABLE_ZEBRA_STRIPE_TYPE_CODE; // 是否为斑马纹类型
+  const isBordered = typeof bordered === 'boolean' ? bordered : bordered === TABLE_BORDER_TYPE_CODE; // 是否为边框线类型，且兼容带borderd的存量数据
+  const isZebraStripe = typeof bordered === 'boolean' ? bordered : bordered === TABLE_ZEBRA_STRIPE_TYPE_CODE; // 是否为斑马纹类型
   const [currentRowKey, setCurrentRowKey] = useState<any>(rowKey);
 
   const innerClassName = classNames('ued-table', {
@@ -54,9 +48,7 @@ const useCommon = (props: any) => {
      * 导致表格数据重复更新渲染 -> 外部渲染 -> 死循环
      * 若今后有其他场景被影响到，或者是 表格数据源绑定的表达式是“json字符串数组固定数据” 但数据量巨大的场景，影响到性能，请修正
      */
-    if (
-      JSON.stringify(preCloneData.current) !== JSON.stringify(outerDataSource)
-    ) {
+    if (JSON.stringify(preCloneData.current) !== JSON.stringify(outerDataSource)) {
       preCloneData.current = clone(outerDataSource);
       outerDataSourceRef.current = outerDataSource;
     }

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

@@ -1,11 +1,6 @@
 import { message } from 'antd';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import {
-  createAutoKey,
-  createTempRowKey,
-  deleteTempRowProperties,
-  EMPTY_ROW_TEMP_KEY_ATTR,
-} from '../utils';
+import { createAutoKey, createTempRowKey, deleteTempRowProperties, EMPTY_ROW_TEMP_KEY_ATTR } from '../utils';
 import SequenceId from '../utils/SequenceId';
 
 const useDataSource = (props: any) => {
@@ -32,7 +27,7 @@ const useDataSource = (props: any) => {
       new SequenceId({
         type: 'random',
       }),
-    [],
+    []
   );
 
   // 表格当前页数据
@@ -41,19 +36,10 @@ const useDataSource = (props: any) => {
     const currentPageData =
       hasPageChangeEvent || !page
         ? dataSource
-        : dataSource.slice(
-            (pagination?.current - 1) * pagination?.pageSize,
-            pagination?.current * pagination?.pageSize,
-          );
+        : dataSource.slice((pagination?.current - 1) * pagination?.pageSize, pagination?.current * pagination?.pageSize);
 
     return currentPageData;
-  }, [
-    dataSource,
-    hasPageChangeEvent,
-    page,
-    pagination?.current,
-    pagination?.pageSize,
-  ]);
+  }, [dataSource, hasPageChangeEvent, page, pagination?.current, pagination?.pageSize]);
 
   // 表格自动生成主键时，记录当前使用的index值，不使用数据下标，防止重复报错
   const rowIdMapRef: any = useRef();
@@ -70,6 +56,31 @@ const useDataSource = (props: any) => {
     setReplaceBoundDataSource(newOuterDataSource || []);
   };
 
+  const setTableRowKey = (row: any, idx: number) => {
+    if (rowKeyType === 'auto' && currentRowKey === '__RowId__') {
+      // 行主键自动生成
+      // remark：每页每行的固定标识 作为自动生成主键缓存后，二次渲染时，查找的标识（但如果涉及到数据变更，感觉不是太合理，但先恢复这么处理）
+      // 每页每行的固定标识
+      const rowAutoKeyFlag = `${compId}_${page ? `${pagination.current || 0}_` : ''}${idx}`;
+      // 优先取缓存
+      const cachedKey = rowIdMapRef.current[rowAutoKeyFlag];
+      // 若无则直接生成，并记录
+      if (!cachedKey) {
+        const tempKey = createAutoKey(seqId);
+        row[currentRowKey] = tempKey;
+        rowIdMapRef.current[rowAutoKeyFlag] = tempKey;
+      } else {
+        row[currentRowKey] = cachedKey;
+      }
+    } else if (!row[currentRowKey]) {
+      // 指定字段
+      // 非临时数据，但没有主键
+      // 直接生成(因为无法知道唯一标识是什么，只能每次渲染都生成新的)
+      row[currentRowKey] = createTempRowKey();
+    }
+    return row;
+  };
+
   useEffect(() => {
     let fd: any[] = outerDataSource || [];
     // 处理数据
@@ -77,12 +88,12 @@ const useDataSource = (props: any) => {
       message.warn(
         getLocale('Table.data.typeError', {
           type: Object.prototype.toString.call(fd),
-        }),
+        })
       );
       return;
     }
 
-    const tempRows = fd.filter((r) => r?.[EMPTY_ROW_TEMP_KEY_ATTR]);
+    const tempRows = fd.filter(r => r?.[EMPTY_ROW_TEMP_KEY_ATTR]);
     const lastTempRow = tempRows[tempRows.length - 1];
 
     fd = fd.map((i: any, idx) => {
@@ -115,36 +126,15 @@ const useDataSource = (props: any) => {
            * 移除空白行的临时属性
            * 最后一条空白行，不允许自动移除临时属性（交由保存/取消逻辑手动移除）
            */
-          if (
-            lastTempRow?.[EMPTY_ROW_TEMP_KEY_ATTR] !==
-            i?.[EMPTY_ROW_TEMP_KEY_ATTR]
-          ) {
+          if (lastTempRow?.[EMPTY_ROW_TEMP_KEY_ATTR] !== i?.[EMPTY_ROW_TEMP_KEY_ATTR]) {
             // 移除临时属性
             deleteTempRowProperties(i);
           }
-        } else if (rowKeyType === 'auto' && currentRowKey === '__RowId__') {
-          // 行主键自动生成
-          // remark：每页每行的固定标识 作为自动生成主键缓存后，二次渲染时，查找的标识（但如果涉及到数据变更，感觉不是太合理，但先恢复这么处理）
-          // 每页每行的固定标识
-          const rowAutoKeyFlag = `${compId}_${
-            page ? `${pagination.current || 0}_` : ''
-          }${idx}`;
-          // 优先取缓存
-          const cachedKey = rowIdMapRef.current[rowAutoKeyFlag];
-          // 若无则直接生成，并记录
-          if (!cachedKey) {
-            const tempKey = createAutoKey(seqId);
-            i[currentRowKey] = tempKey;
-            rowIdMapRef.current[rowAutoKeyFlag] = tempKey;
-          } else {
-            i[currentRowKey] = cachedKey;
-          }
-        } else if (!i[currentRowKey]) {
-          // 指定字段
-          // 非临时数据，但没有主键
-          // 直接生成(因为无法知道唯一标识是什么，只能每次渲染都生成新的)
-          i[currentRowKey] = createTempRowKey();
+          return {
+            ...(i || {}),
+          };
         }
+        return setTableRowKey({ ...(i || {}) }, idx);
       }
 
       /**
@@ -155,18 +145,12 @@ const useDataSource = (props: any) => {
         ...(i || {}),
       };
     });
-    setDataSource(fd);
     if (!hasPageChangeEvent && page && typeof setCurrentPage === 'function') {
       // 前端分页时，数据变化重置分页
       setCurrentPage(1);
     }
-  }, [
-    outerDataSourceRef.current,
-    currentRowKey,
-    boundDataSource,
-    hasPageChangeEvent,
-    page,
-  ]);
+    setDataSource(fd);
+  }, [outerDataSourceRef.current, currentRowKey, boundDataSource, hasPageChangeEvent, page]);
 
   return {
     outerDataSource,
@@ -175,6 +159,7 @@ const useDataSource = (props: any) => {
     innerDataSource: dataSource,
     setInnerDataSource: setDataSource,
     currentPageDataSource,
+    setTableRowKey,
   };
 };
 

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useExpandable.tsx

@@ -33,8 +33,7 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
   const [childrenColumnName, setChildrenColumnName] = useState<string>('');
   const realChildrenColumnName = childrenColumnName || 'children'; // 默认为 children
 
-  const hasExpandContent =
-    Array.isArray(expandComponents) && expandComponents.length;
+  const hasExpandContent = Array.isArray(expandComponents) && expandComponents.length;
   const [isExpandAllRows, setIsExpandAllRows] = useState<boolean>();
   const [expandedRowKeys, setExpandedRowKeys] = useState(() => {
     if (!defaultExpandAllRows && defaultExpandedRowKeys) {
@@ -45,10 +44,7 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
         }
         return [];
       } catch (e) {
-        console.error(
-          '默认展开行 defaultExpandedRowKeys 必须配置为合理的数组字符串',
-          e,
-        ); // eslint-disable-line no-console
+        console.error('默认展开行 defaultExpandedRowKeys 必须配置为合理的数组字符串', e); // eslint-disable-line no-console
       }
     }
     return [];
@@ -70,8 +66,7 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
         // 需要兼容表格存量树形数据判断
         isLeaf =
           !Array.isArray(record?.[realChildrenColumnName]) ||
-          (Array.isArray(record?.[realChildrenColumnName]) &&
-            record?.[realChildrenColumnName]?.length === 0);
+          (Array.isArray(record?.[realChildrenColumnName]) && record?.[realChildrenColumnName]?.length === 0);
       }
 
       // 若没有下级
@@ -96,61 +91,33 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
 
       const handleIconClick = (e: any) => {
         e.stopPropagation();
-        // 如果没有行扩展内容，且设置点击行展开时，不能加 onClick，会导致点击图标关闭不了
-        if (!hasExpandContent && expandRowByClick && expanded) {
-          return undefined;
-        }
         return onExpand(record, e);
       };
 
       // 还原树形表格原生的展开/收缩按钮
-      const iconExpandCls = `${prefixCls}-row-expand-icon-${
-        expanded ? 'expanded' : 'collapsed'
-      }`;
+      const iconExpandCls = `${prefixCls}-row-expand-icon-${expanded ? 'expanded' : 'collapsed'}`;
       const iconClsConnect = `${iconClassName} ${iconExpandCls}`;
       const customIconCls = `${iconClsConnect} ued-table-row-expand-custom-icon`;
 
       if (!expanded) {
-        let openIcon = (
-          <button
-            type="button"
-            className={iconClsConnect}
-            onClick={handleIconClick}
-          />
-        );
+        let openIcon = <button type="button" className={iconClsConnect} onClick={handleIconClick} />;
 
         if (handleIsValidIconCfg(expandOpenIcon)) {
           openIcon = (
             // @ts-ignore
-            <CommIcon
-              icon={expandOpenIcon}
-              className={customIconCls}
-              engineApis={engineApis}
-              onClick={handleIconClick}
-            />
+            <CommIcon icon={expandOpenIcon} className={customIconCls} engineApis={engineApis} onClick={handleIconClick} />
           );
         }
 
         return openIcon;
       }
 
-      let closeIcon = (
-        <button
-          type="button"
-          className={iconClsConnect}
-          onClick={handleIconClick}
-        />
-      );
+      let closeIcon = <button type="button" className={iconClsConnect} onClick={handleIconClick} />;
 
       if (handleIsValidIconCfg(expandCloseIcon)) {
         closeIcon = (
           // @ts-ignore
-          <CommIcon
-            icon={expandCloseIcon}
-            className={customIconCls}
-            engineApis={engineApis}
-            onClick={handleIconClick}
-          />
+          <CommIcon icon={expandCloseIcon} className={customIconCls} engineApis={engineApis} onClick={handleIconClick} />
         );
       }
 
@@ -158,7 +125,8 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
     },
     onExpand: (expanded: boolean, record: any) => {
       if (typeof onExpand === 'function') {
-        onExpand(expanded, record[currentRowKey], record);
+        const nextExpandedRowKeys = expanded ? [...expandedRowKeys, record[currentRowKey]] : expandedRowKeys.filter(k => k !== record[currentRowKey]);
+        onExpand(expanded, record[currentRowKey], record, nextExpandedRowKeys);
       }
     },
     onExpandedRowsChange: (newExpanedRowKeys = []) => {
@@ -171,25 +139,17 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
 
   if (hasExpandContent) {
     // 有内容设置才有(且开启之后，展开的按钮会有个单独的单元格)
-    expandable.expandedRowRender = (
-      record: any,
-      index: number,
-      indent: any,
-      expanded: any,
-    ) => {
+    expandable.expandedRowRender = (record: any, index: number, indent: any, expanded: any) => {
       if (Array.isArray(expandComponents) && expandComponents.length) {
         let newExpandComponents = [];
         if (!isED) {
-          newExpandComponents = expandComponents.map((c) => {
+          newExpandComponents = expandComponents.map(c => {
             const busiCompStates = c?.props?.busiCompStates;
-            if (
-              typeof busiCompStates === 'object' &&
-              !Array.isArray(busiCompStates)
-            ) {
+            if (typeof busiCompStates === 'object' && !Array.isArray(busiCompStates)) {
               const busiCompStatesKeys = Object.keys(busiCompStates);
               const newBusiCompStates: any = {};
 
-              busiCompStatesKeys.forEach((k) => {
+              busiCompStatesKeys.forEach(k => {
                 if (typeof busiCompStates[k] === 'string') {
                   const originExp = busiCompStates[k];
                   busiCompStates[k] = (row: any, rowId: any, index: number) =>
@@ -202,11 +162,7 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
 
                 if (typeof busiCompStates[k] === 'function') {
                   try {
-                    newBusiCompStates[k] = busiCompStates[k](
-                      record,
-                      record[currentRowKey],
-                      index,
-                    );
+                    newBusiCompStates[k] = busiCompStates[k](record, record[currentRowKey], index);
                   } catch (e) {
                     console.error(e);
                   }
@@ -233,18 +189,13 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
           if (typeof renderExpandComponents === 'function') {
             // remark: 目前只支持绑定一个
             const busiCompSimpleDSL = newExpandComponents[0] || {};
-            const busiComp = renderExpandComponents(
-              busiCompSimpleDSL,
-              getEngineApis,
-            );
+            const busiComp = renderExpandComponents(busiCompSimpleDSL, getEngineApis);
             return busiComp;
           }
         } else {
           let remark = getLocale('Table.expand.component');
           expandComponents.forEach((c, i) => {
-            remark = `${remark}${c.label || ''}(${c.id || ''})${
-              i !== expandComponents.length - 1 ? '、' : ''
-            }`;
+            remark = `${remark}${c.label || ''}(${c.id || ''})${i !== expandComponents.length - 1 ? '、' : ''}`;
           });
           return remark;
         }
@@ -290,10 +241,7 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
       .map((row: any) => {
         // 树形数据时，存在多级
         if (row?.[realChildrenColumnName]) {
-          return [
-            row?.[currentRowKey],
-            ...handleAllExpandRowKeys(row[realChildrenColumnName]),
-          ];
+          return [row?.[currentRowKey], ...handleAllExpandRowKeys(row[realChildrenColumnName])];
         }
 
         return row?.[currentRowKey];
@@ -338,8 +286,7 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
 
   // 表格全部展开/收起动作调用该方法
   const expandTableData = (isExpanded: boolean | 'toggle') => {
-    const isExpand =
-      isExpanded === 'toggle' ? !isExpandAllRows : Boolean(isExpanded);
+    const isExpand = isExpanded === 'toggle' ? !isExpandAllRows : Boolean(isExpanded);
     setIsExpandAllRows(isExpand);
 
     // 当传入的状态与以前一致时，不触发下面的useEffect，手动调一下方法
@@ -357,6 +304,7 @@ const useExpandable = (expandCfg: any, isED?: boolean) => {
     childrenColumnName: realChildrenColumnName,
     setChildrenColumnName,
     expandTableData,
+    hasExpandContent,
   };
 };
 

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useFilter.tsx

@@ -5,13 +5,7 @@ import _ from 'lodash';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 const useFilter = (props: any) => {
-  const {
-    compId,
-    innerDataSource,
-    currentRowKey,
-    getLocale,
-    outerDataSourceRef,
-  } = props;
+  const { compId, innerDataSource, currentRowKey, getLocale, outerDataSourceRef } = props;
 
   const [filters, setFilters] = useState<any>({}); // 筛选条件
   // 筛选时不影响页码，不使用antd默认的确定方法，因为会导致触发onChange方法
@@ -49,18 +43,16 @@ const useFilter = (props: any) => {
     (rowId: string) => {
       let flag: boolean = false;
       if (rowFilterSetList?.length) {
-        flag = !rowFilterSetList.every((rowSet: Set<string>) =>
-          rowSet.has(rowId),
-        );
+        flag = !rowFilterSetList.every((rowSet: Set<string>) => rowSet.has(rowId));
       }
       return flag;
     },
-    [rowFilterSetList],
+    [rowFilterSetList]
   );
 
   // 筛选下拉列表显隐
   const onFilterDropdownVisibleChange = (dataIndex: string, open: boolean) => {
-    setFilterDropdownOpen((pre) => ({
+    setFilterDropdownOpen(pre => ({
       ...pre,
       [dataIndex]: open,
     }));
@@ -82,9 +74,7 @@ const useFilter = (props: any) => {
     innerDataSource.forEach((d: any) => {
       originDataMap[d[rowKey]] = _.get(d, dataIndex);
       // 由于表格存在单元格渲染和自定义渲染的情况，所以筛选列表从td元素获取innerText作为最终展示
-      let td: any = tableDom?.querySelector(
-        `tr[data-row-key='${d[rowKey]}'] > td[td-dataIndex='${dataIndex}']`,
-      );
+      let td: any = tableDom?.querySelector(`tr[data-row-key='${d[rowKey]}'] > td[td-dataIndex='${dataIndex}']`);
       if (!td && prevTdInfo?.rowSpan > 1) {
         // td没有找到，但是存在tr元素，表明可能开启了行合并，采用前一个
         prevTdInfo.rowSpan -= 1;
@@ -125,11 +115,8 @@ const useFilter = (props: any) => {
 
   // 收集所有筛选条件
   const collectAllFilters = (columns: any[], dataIndex: any) => {
-    if (
-      !Object.keys(tempFilterDomList.current)?.length ||
-      !tempFilterDomList.current?.[dataIndex]
-    ) {
-      columns.forEach((col) => {
+    if (!Object.keys(tempFilterDomList.current)?.length || !tempFilterDomList.current?.[dataIndex]) {
+      columns.forEach(col => {
         if (col.filter) {
           collectFilterDropDownDom({
             ...col,
@@ -146,21 +133,18 @@ const useFilter = (props: any) => {
     const valKeys = Object.keys(currentFilter || {});
     if (valKeys?.length) {
       valKeys.forEach((k: string) => {
-        const rowKeys = currentFilter[k]?.rowKeyList.filter(
-          (rowKey: string) => {
-            return Object.keys(filters || {}).every((dataKey: string) => {
-              if (dataKey !== `${dataIndex}`) {
-                const v = filters[dataKey];
-                if (v?.length) {
-                  const rowVal =
-                    tempFilterDomList.current[dataKey]?.originDataMap?.[rowKey];
-                  return v.includes(rowVal);
-                }
+        const rowKeys = currentFilter[k]?.rowKeyList.filter((rowKey: string) => {
+          return Object.keys(filters || {}).every((dataKey: string) => {
+            if (dataKey !== `${dataIndex}`) {
+              const v = filters[dataKey];
+              if (v?.length) {
+                const rowVal = tempFilterDomList.current[dataKey]?.originDataMap?.[rowKey];
+                return v.includes(rowVal);
               }
-              return true;
-            });
-          },
-        );
+            }
+            return true;
+          });
+        });
         // 在其他条件过滤后，当前筛选项没有数据列时，则不展示
         if (rowKeys.length === 0) {
           delete currentFilter[k];
@@ -171,16 +155,11 @@ const useFilter = (props: any) => {
   };
 
   // 筛选自定义下拉菜单
-  const renderFilterDropDown = (
-    filterParams: FilterDropdownProps,
-    dataIndex: string,
-    columns: any[],
-  ) => {
+  const renderFilterDropDown = (filterParams: FilterDropdownProps, dataIndex: string, columns: any[]) => {
     const { visible } = filterParams;
     if (!visible) return false;
     const selectedKeys = selectedFilterKeys[dataIndex] || [];
-    const setSelectedKeys = (keys: string[] | null) =>
-      setSelectedFilterKeys((pre: any) => ({ ...pre, [dataIndex]: keys }));
+    const setSelectedKeys = (keys: string[] | null) => setSelectedFilterKeys((pre: any) => ({ ...pre, [dataIndex]: keys }));
     collectAllFilters(columns, dataIndex);
     const valMap = getCurrentFilterList(dataIndex);
     return (
@@ -193,14 +172,12 @@ const useFilter = (props: any) => {
                 <div className="ued-table-filters-item">
                   <Checkbox
                     checked={selectedKeys.includes(val)}
-                    onChange={(e) => {
+                    onChange={e => {
                       let newSelected: any[] = [];
                       if (e.target.checked) {
                         newSelected = [...selectedKeys, val];
                       } else {
-                        newSelected = selectedKeys.filter(
-                          (k: string) => k !== val,
-                        );
+                        newSelected = selectedKeys.filter((k: string) => k !== val);
                       }
                       setSelectedKeys(newSelected?.length ? newSelected : null);
                     }}
@@ -208,9 +185,7 @@ const useFilter = (props: any) => {
                     <div
                       className="ued-table-filters-dom"
                       // eslint-disable-next-line react/no-danger
-                      dangerouslySetInnerHTML={
-                        dom && val ? { __html: dom } : undefined
-                      }
+                      dangerouslySetInnerHTML={dom && val ? { __html: dom } : undefined}
                     >
                       {val ? null : `(${getLocale('Table.filter.empty')})`}
                     </div>
@@ -238,7 +213,7 @@ const useFilter = (props: any) => {
                   ...pre,
                   [dataIndex]: selectedKeys?.length ? selectedKeys : null,
                 }));
-                setFilterDropdownOpen((pre) => ({
+                setFilterDropdownOpen(pre => ({
                   ...pre,
                   [dataIndex]: false,
                 }));
@@ -254,9 +229,7 @@ const useFilter = (props: any) => {
 
   const filterDataSource = useMemo(() => {
     if (Object.keys(filters)?.length) {
-      return innerDataSource.filter(
-        (record: any) => !checkIfHiddenRow(record[currentRowKey]),
-      );
+      return innerDataSource.filter((record: any) => !checkIfHiddenRow(record[currentRowKey]));
     }
     return innerDataSource;
   }, [filters, innerDataSource]);

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

@@ -1,14 +1,6 @@
 import { message } from 'antd';
 import type { FuncExpExeCuteType } from '../../utils/hooks/useFuncExpExecute';
-import {
-  CUSTOM,
-  DOWNLOAD_FILE,
-  OPEN_MODAL,
-  PAGE_JUMP,
-  PREVIEW_FILE,
-  ROUTE_PUSH,
-  ROUTE_REPLACE,
-} from '../constant';
+import { CUSTOM, DOWNLOAD_FILE, OPEN_MODAL, PAGE_JUMP, PREVIEW_FILE, ROUTE_PUSH, ROUTE_REPLACE } from '../constant';
 import type { ContentClick, FuncCode } from '../types/contentStyle';
 
 interface useFormatCellProps extends ContentClick {
@@ -59,23 +51,15 @@ const useFormatCell = (props: useFormatCellProps) => {
     return content;
   };
 
-  const handlePageJump = async (
-    row: any,
-    rowId: string | number,
-    rowIndex: number,
-  ) => {
+  const handlePageJump = async (row: any, rowId: string | number, rowIndex: number) => {
     if (page) {
       const { pagePath, searchParams = {} } = page;
       const newSearchParams: any = {};
 
-      Object.keys(searchParams).forEach((key) => {
+      Object.keys(searchParams).forEach(key => {
         if (typeof searchParams[key] === 'string') {
           const exp = searchParams[key];
-          searchParams[key] = (
-            row: any,
-            rowId: string | number,
-            index: number,
-          ) =>
+          searchParams[key] = (row: any, rowId: string | number, index: number) =>
             engineApis?.sandBoxSafeRun(exp, {
               row,
               rowId,
@@ -93,11 +77,9 @@ const useFormatCell = (props: useFormatCellProps) => {
       });
 
       let newPath = pagePath || '';
-      Object.keys(newSearchParams).forEach((key) => {
+      Object.keys(newSearchParams).forEach(key => {
         if (!newPath.includes(`${key}=`)) {
-          newPath += `${newPath.includes('?') ? '&' : '?'}${key}=${
-            newSearchParams[key]
-          }`;
+          newPath += `${newPath.includes('?') ? '&' : '?'}${key}=${newSearchParams[key]}`;
         }
       });
 
@@ -118,16 +100,12 @@ const useFormatCell = (props: useFormatCellProps) => {
     }
   };
 
-  const handleOpenModal = async (
-    row: any,
-    rowId: string | number,
-    rowIndex: number,
-  ) => {
+  const handleOpenModal = async (row: any, rowId: string | number, rowIndex: number) => {
     if (modal) {
       const { pageId, compStates = {} } = modal;
 
       const newCompStates: any = {};
-      Object.keys(compStates).forEach((key) => {
+      Object.keys(compStates).forEach(key => {
         if (typeof compStates[key] === 'string') {
           const exp = compStates[key];
           compStates[key] = (row: any, rowId: string | number, index: number) =>
@@ -221,8 +199,7 @@ const useFormatCell = (props: useFormatCellProps) => {
 
     if (typeof engineApis?.BannerModal?.open === 'function') {
       // 弹窗预览
-      realFileIds =
-        typeof realFileIds === 'string' ? [realFileIds] : realFileIds;
+      realFileIds = typeof realFileIds === 'string' ? [realFileIds] : realFileIds;
       const fileList = realFileIds.map((fileId: string | number) => {
         return {
           fileId,
@@ -240,10 +217,7 @@ const useFormatCell = (props: useFormatCellProps) => {
         appId: realAppId,
         modalWidth,
       });
-    } else if (
-      previewType !== undefined &&
-      typeof engineApis?.previewFile === 'function'
-    ) {
+    } else if (previewType !== undefined && typeof engineApis?.previewFile === 'function') {
       // 新窗口预览
       realFileIds = Array.isArray(realFileIds) ? realFileIds[0] : realFileIds;
       try {
@@ -258,11 +232,7 @@ const useFormatCell = (props: useFormatCellProps) => {
     }
   };
 
-  const onCellClick = async (
-    row: any,
-    rowId: string | number,
-    rowIndex: number,
-  ) => {
+  const onCellClick = async (row: any, rowId: string | number, rowIndex: number) => {
     switch (clickType) {
       case PAGE_JUMP:
         handlePageJump(row, rowId, rowIndex);