@lingxiteam/ebe-utils 0.2.4 → 0.2.5

package/lib/pcpublic/src/components/pcfactory/src/Table/FormatCell/Thumbnail/index.tsx

@@ -18,7 +18,7 @@ export interface PureFadeColorTagProps {
 
 const thumbnailClassName = 'ued-table-cell-thumbnail';
 
-const Thumbnail: React.FC<PureFadeColorTagProps> = (props) => {
+const Thumbnail: React.FC<PureFadeColorTagProps> = props => {
   const {
     row,
     field,
@@ -48,26 +48,24 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = (props) => {
     if (!Array.isArray(imgsData) && imgsData) {
       imgsData = [imgsData];
     }
-    if (imgsData) {
-      imgsData = await Promise.all(
-        imgsData?.map?.(async (img: any) => {
-          let src = img.url || img.data;
-          if (img.fileId) {
-            src = engineApis?.getAppFileUrlById(img.fileId);
-          } else {
-            // 对回填url地址重新进行加密加签处理
-            src = engineApis?.securityWithUrl(src);
-          }
-          return {
-            ...img,
-            downloadUrl: src,
-            src: src || IconPlaceholder,
-          };
-        }),
-      );
+    imgsData = await Promise.all(
+      imgsData?.map?.(async (img: any) => {
+        let src = img.url || img.data;
+        if (img.fileId) {
+          src = engineApis?.getAppFileUrlById(img.fileId);
+        } else if (img.url) {
+          // 对回填url地址重新进行加密加签处理
+          src = engineApis?.securityWithUrl(src);
+        }
+        return {
+          ...img,
+          downloadUrl: src,
+          src: src || IconPlaceholder,
+        };
+      })
+    );
 
-      setImgs(imgsData);
-    }
+    setImgs(imgsData);
   };
 
   useEffect(() => {
@@ -137,11 +135,7 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = (props) => {
     }
   };
 
-  const renderIcon = (
-    file: any,
-    fileIndex: number,
-    isShowDownload: boolean,
-  ) => {
+  const renderIcon = (file: any, fileIndex: number, isShowDownload: boolean) => {
     return (
       <div className={`${thumbnailClassName}-icons`}>
         {isShowDownload && (
@@ -185,7 +179,7 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = (props) => {
 
   // 加载错误时展示默认图片
   const handleImgError = (index: number) => {
-    setImgs((pre) =>
+    setImgs(pre =>
       pre.map((v, i) => {
         if (i === index) {
           return {
@@ -194,7 +188,7 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = (props) => {
           };
         }
         return v;
-      }),
+      })
     );
   };
 
@@ -203,22 +197,12 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = (props) => {
       <div className={`${thumbnailClassName}-popover-content`}>
         {imgs?.map?.((c: any, index: number) => {
           return (
-            <div
-              key={index}
-              className={`${thumbnailClassName}-popover-item`}
-              title={c.fileName || c.name}
-            >
+            <div key={index} className={`${thumbnailClassName}-popover-item`} title={c.fileName || c.name}>
               <div className={`${thumbnailClassName}-popover-imgItem`}>
-                <img
-                  alt={IconPlaceholder}
-                  src={c.src}
-                  onError={() => handleImgError(index)}
-                />
+                <img alt={IconPlaceholder} src={c.src} onError={() => handleImgError(index)} />
                 {renderIcon(c, index, true)}
               </div>
-              <span className={`${thumbnailClassName}-popover-imgName`}>
-                {c.fileName || c.name}
-              </span>
+              <span className={`${thumbnailClassName}-popover-imgName`}>{c.fileName || c.name}</span>
             </div>
           );
         })}
@@ -236,12 +220,7 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = (props) => {
         <>
           {showImgs.map((c: any, index: number) => {
             return (
-              <div
-                key={index}
-                className={`${thumbnailClassName}-item`}
-                style={{ width: imgSize, height: imgSize }}
-                title={c.fileName || c.name}
-              >
+              <div key={index} className={`${thumbnailClassName}-item`} style={{ width: imgSize, height: imgSize }} title={c.fileName || c.name}>
                 <img alt="" src={c.src} onError={() => handleImgError(index)} />
                 {renderIcon(c, index, isShowDownload)}
               </div>
@@ -254,16 +233,13 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = (props) => {
               content={renderPopoverContent()}
               visible={visible}
               mouseEnterDelay={0.5}
-              onVisibleChange={(v) => {
+              onVisibleChange={v => {
                 if (mode !== BODY_CELL_MODE_ED) {
                   setVisible(v);
                 }
               }}
             >
-              <div
-                className={`${thumbnailClassName}-moreItem`}
-                style={{ width: resSize, height: resSize }}
-              >
+              <div className={`${thumbnailClassName}-moreItem`} style={{ width: resSize, height: resSize }}>
                 +{resNum}
               </div>
             </Popover>

package/lib/pcpublic/src/components/pcfactory/src/Table/FormatCell/index.tsx

@@ -1,15 +1,7 @@
 import React, { CSSProperties } from 'react';
 
 import type { FuncExpExeCuteType } from '../../utils/hooks/useFuncExpExecute';
-import {
-  FADE_COLOUR_TAG,
-  GHOST_TAG,
-  HYPER_LINK,
-  POINT_TAG,
-  PURE_COLOUR_FILL,
-  PURE_COLOUR_TAG,
-  THUMBNAIL,
-} from '../constant';
+import { FADE_COLOUR_TAG, GHOST_TAG, HYPER_LINK, POINT_TAG, PURE_COLOUR_FILL, PURE_COLOUR_TAG, THUMBNAIL } from '../constant';
 import { useFormatCell } from '../hooks';
 import type { ContentStyle } from '../types/contentStyle';
 import GhostTag from './GhostTag';
@@ -138,56 +130,20 @@ const CellContent = (props: CellContentProps) => {
      * 配置了：“设置xx单元格里内容的颜色” 默认 -> “纯色填充”
      * 注：此情况下，children 有可能为 自定义渲染函数返回的内容
      */
-    return (
-      <PureColourFill
-        content={children}
-        fontColor={fontColor}
-        backgroundColor={backgroundColor}
-        onClick={onClick}
-      />
-    );
+    return <PureColourFill content={children} fontColor={fontColor} backgroundColor={backgroundColor} onClick={onClick} />;
   }
 
   // 新版内容样式（注：此时 children 不可能为自定义函数）
   switch (contentType) {
     case PURE_COLOUR_FILL:
-      return (
-        <PureColourFill
-          content={children}
-          fontColor={fontColor}
-          backgroundColor={backgroundColor}
-          onClick={onClick}
-        />
-      );
+      return <PureColourFill content={children} fontColor={fontColor} backgroundColor={backgroundColor} onClick={onClick} />;
     case POINT_TAG:
-      return (
-        <PointTag
-          content={children}
-          fontColor={fontColor}
-          backgroundColor={backgroundColor}
-          onClick={onClick}
-        />
-      );
+      return <PointTag content={children} fontColor={fontColor} backgroundColor={backgroundColor} onClick={onClick} />;
     case GHOST_TAG:
-      return (
-        <GhostTag
-          content={children}
-          fontColor={fontColor}
-          backgroundColor={backgroundColor}
-          borderColor={borderColor}
-          onClick={onClick}
-        />
-      );
+      return <GhostTag content={children} fontColor={fontColor} backgroundColor={backgroundColor} borderColor={borderColor} onClick={onClick} />;
     case FADE_COLOUR_TAG:
     case PURE_COLOUR_TAG:
-      return (
-        <PureFadeColourTag
-          content={children}
-          fontColor={fontColor}
-          backgroundColor={backgroundColor}
-          onClick={onClick}
-        />
-      );
+      return <PureFadeColourTag content={children} fontColor={fontColor} backgroundColor={backgroundColor} onClick={onClick} />;
     case HYPER_LINK:
       return <Hyperlink content={children} onClick={onClick} />;
     case THUMBNAIL:
@@ -211,7 +167,7 @@ const CellContent = (props: CellContentProps) => {
   return null;
 };
 
-const FormatCell: React.FC<MyFormatCell> = (props) => {
+const FormatCell: React.FC<MyFormatCell> = props => {
   const {
     bgColorStyle,
     contentStyle,
@@ -224,8 +180,7 @@ const FormatCell: React.FC<MyFormatCell> = (props) => {
     width,
   } = props;
 
-  const { history, appId, pageId, row, rowId, rowIndex, ...restTdProps } =
-    tdProps;
+  const { history, appId, pageId, row, rowId, rowIndex, ...restTdProps } = tdProps;
 
   // 如果条件全部为假，直接返回
   if (!bgColorStyle && !contentStyle) {

package/lib/pcpublic/src/components/pcfactory/src/Table/HeaderCell/HeaderCellTitle/index.tsx

@@ -4,7 +4,7 @@ import TooltipViewED from '../../../TooltipView/TooltipViewED';
 import type { FuncCode } from '../../types/contentStyle';
 import type { HeaderCellTitleProps } from '../../types/headerCell';
 
-const HeaderCellTitle: React.FC<HeaderCellTitleProps> = (props) => {
+const HeaderCellTitle: React.FC<HeaderCellTitleProps> = props => {
   const { size, column, mode = 'editor', funcExpExecute, engineApis } = props;
 
   const { title, titleLineNum, titleTip } = column || {};
@@ -12,8 +12,7 @@ const HeaderCellTitle: React.FC<HeaderCellTitleProps> = (props) => {
   const { type, content, icon, placement, iconPlacement } = titleTip || {};
 
   const lineHeight = size === 'small' ? 16 : 20;
-  const isTitleLineNumSet =
-    typeof titleLineNum === 'number' && titleLineNum > 0;
+  const isTitleLineNumSet = typeof titleLineNum === 'number' && titleLineNum > 0;
   const TooltipView = mode === 'editor' ? TooltipViewED : TooltipViewEG;
 
   const handleContent = () => {

package/lib/pcpublic/src/components/pcfactory/src/Table/HeaderCell/index.tsx

@@ -1,12 +1,26 @@
+import { useMemo } from 'react';
 // @ts-ignore
+import classNames from 'classnames';
 import { Resizable } from 'react-resizable';
 import type { HeaderCellProps } from '../types/headerCell';
 
 const HeaderCell = (props: HeaderCellProps) => {
-  const { onResize, width, isFlexColumn, ...restProps } = props;
+  const { onResize, width, isFlexColumn, columnIndex, tableData, hasExpandContent, className, childrenColumnName, ...restProps } = props;
+
+  const mergeClassName = useMemo(() => {
+    if (!hasExpandContent) {
+      // 没有配置行扩展内容的树状结构表格，需要进行缩进
+      const needExpanded = tableData?.find(c => c[childrenColumnName]);
+      if (needExpanded && columnIndex === 0) {
+        // 数据存在不为空的children时，第一列表头和单元格需要进行缩进
+        return classNames(className, 'ued-table-head-expand-space');
+      }
+    }
+    return className;
+  }, [tableData, className, hasExpandContent, columnIndex]);
 
   if (!isFlexColumn) {
-    return <th {...restProps} />;
+    return <th {...restProps} className={mergeClassName} />;
   }
 
   return (
@@ -16,7 +30,7 @@ const HeaderCell = (props: HeaderCellProps) => {
       handle={
         <span
           className="react-resizable-handle"
-          onClick={(e) => {
+          onClick={e => {
             e.stopPropagation();
           }}
         />
@@ -24,7 +38,7 @@ const HeaderCell = (props: HeaderCellProps) => {
       onResize={onResize}
       draggableOpts={{ enableUserSelectHack: false }}
     >
-      <th {...restProps} />
+      <th {...restProps} className={mergeClassName} />
     </Resizable>
   );
 };

package/lib/pcpublic/src/components/pcfactory/src/Table/OperationCell/SingleBtn.tsx

@@ -30,22 +30,16 @@ const SingleBtn = (props: SingleBtnProps) => {
       <Button
         type="link"
         disabled={c.disabled}
-        className={classnames(
-          'ued-table-actions-antBtn',
-          type ? `ued-table-actions-${type}` : undefined,
-        )}
+        className={classnames('ued-table-actions-antBtn', type ? `ued-table-actions-${type}` : undefined)}
         key={typeof c === 'string' ? c : c.type}
-        onClick={(e) => {
+        onClick={e => {
           onBtnClick(e);
           setPopVisible(false);
-          if (
-            isPopover &&
-            !(typeof c === 'string' ? c === 'delete' : c.type === 'delete')
-          ) {
+          if (isPopover && !(typeof c === 'string' ? c === 'delete' : c.type === 'delete')) {
             hideMorePopover();
           }
         }}
-        onDoubleClick={(e) => {
+        onDoubleClick={e => {
           e.stopPropagation();
         }}
       >
@@ -68,7 +62,7 @@ const SingleBtn = (props: SingleBtnProps) => {
         title={c.title}
         // @ts-ignore
         visible={popVisible}
-        onVisibleChange={(v) => setPopVisible(v)}
+        onVisibleChange={v => setPopVisible(v)}
       >
         {buildInBtn}
       </Tooltip>
@@ -78,19 +72,18 @@ const SingleBtn = (props: SingleBtnProps) => {
 
     const btn = buttonVisible ? (
       <Fragment key={idx}>
-        {(typeof c === 'string' ? c === 'delete' : c.type === 'delete') &&
-        !c.disabled ? (
+        {(typeof c === 'string' ? c === 'delete' : c.type === 'delete') && !c.disabled ? (
           <span
             style={{ lineHeight: '0px' }}
-            onClick={(e) => {
+            onClick={e => {
               e.stopPropagation();
             }}
-            onDoubleClick={(e) => {
+            onDoubleClick={e => {
               e.stopPropagation();
             }}
           >
             <Popconfirm
-              onVisibleChange={(v) => v && setPopVisible(false)}
+              onVisibleChange={v => v && setPopVisible(false)}
               placement={popconfirmPlacement}
               title={getLocale('deleteConfirm')}
               onConfirm={(e: any) => {
@@ -106,9 +99,7 @@ const SingleBtn = (props: SingleBtnProps) => {
         ) : (
           buildInBtn
         )}
-        {!isPopover && idx !== defaultBtnList.length - 1 && (
-          <Divider type="vertical" />
-        )}
+        {!isPopover && idx !== defaultBtnList.length - 1 && <Divider type="vertical" />}
       </Fragment>
     ) : null;
     return isPopover ? <div>{btn}</div> : btn;

package/lib/pcpublic/src/components/pcfactory/src/Table/OperationCell/index.tsx

@@ -31,54 +31,38 @@ const OperationCell = (props: OperationCellProps) => {
   const [morePopVisible, setMorePopVisible] = useState<boolean>(false); // 更多操作按钮气泡卡片显隐
   const timerRef = useRef<any>();
 
-  const { showBuiltInBtns, showExtendBtns, moreBuiltInBtns, moreExtendBtns } =
-    useMemo(() => {
-      // 过滤掉隐藏的按钮，得到真正的内置的默认按钮数据(详情、编辑、删除)
-      const builtInBtns = getRealRowActions(
-        row,
-        getRealIndexById(row[currentRowKey]),
-      );
-      // 过滤掉隐藏的扩展按钮，得到真正的扩展按钮数据
-      const extendBtns = getRealExtendRowActions(
-        row,
-        getRealIndexById(row[currentRowKey]),
-      );
+  const { showBuiltInBtns, showExtendBtns, moreBuiltInBtns, moreExtendBtns } = useMemo(() => {
+    // 过滤掉隐藏的按钮，得到真正的内置的默认按钮数据(详情、编辑、删除)
+    const builtInBtns = getRealRowActions(row, getRealIndexById(row[currentRowKey]));
+    // 过滤掉隐藏的扩展按钮，得到真正的扩展按钮数据
+    const extendBtns = getRealExtendRowActions(row, getRealIndexById(row[currentRowKey]));
 
-      const allBtns = [...builtInBtns, ...extendBtns]?.filter(
-        (btn) => btn?.checked !== false,
-      ); // 只展示选中的按钮;
+    const allBtns = [...builtInBtns, ...extendBtns]?.filter(btn => btn?.checked !== false); // 只展示选中的按钮;
 
-      let showBtns: any[] = [];
-      let moreBtns: any[] = [];
+    let showBtns: any[] = [];
+    let moreBtns: any[] = [];
 
-      // 当按钮数量超过 设置最大展示的数量两个时，超过的两个及以上部分放到更多中
-      const allBtnsLen = allBtns?.length;
-      if (allBtnsLen > extendNum) {
-        showBtns = allBtns.slice(0, extendNum - 1);
-        moreBtns = allBtns.slice(extendNum - 1, allBtnsLen);
-      } else {
-        showBtns = allBtns;
-      }
+    // 当按钮数量超过 设置最大展示的数量两个时，超过的两个及以上部分放到更多中
+    const allBtnsLen = allBtns?.length;
+    if (allBtnsLen > extendNum) {
+      showBtns = allBtns.slice(0, extendNum - 1);
+      moreBtns = allBtns.slice(extendNum - 1, allBtnsLen);
+    } else {
+      showBtns = allBtns;
+    }
 
-      const showBuiltInBtns = showBtns.filter((b) => b.btnType === 'builtIn');
-      const showExtendBtns = showBtns.filter((b) => b.btnType === 'extend');
-      const moreBuiltInBtns = moreBtns.filter((b) => b.btnType === 'builtIn');
-      const moreExtendBtns = moreBtns.filter((b) => b.btnType === 'extend');
+    const showBuiltInBtns = showBtns.filter(b => b.btnType === 'builtIn');
+    const showExtendBtns = showBtns.filter(b => b.btnType === 'extend');
+    const moreBuiltInBtns = moreBtns.filter(b => b.btnType === 'builtIn');
+    const moreExtendBtns = moreBtns.filter(b => b.btnType === 'extend');
 
-      return {
-        showBuiltInBtns,
-        showExtendBtns,
-        moreBuiltInBtns,
-        moreExtendBtns,
-      };
-    }, [
-      row,
-      currentRowKey,
-      extendNum,
-      getRealRowActions,
-      getRealExtendRowActions,
-      getRealIndexById,
-    ]);
+    return {
+      showBuiltInBtns,
+      showExtendBtns,
+      moreBuiltInBtns,
+      moreExtendBtns,
+    };
+  }, [row, currentRowKey, extendNum, getRealRowActions, getRealExtendRowActions, getRealIndexById]);
 
   const renderBtnIcon = (c: any) => {
     const { icon, iconPos } = c;
@@ -102,9 +86,7 @@ const OperationCell = (props: OperationCellProps) => {
   const onMorePopVisible = (vis: boolean, idx: number) => {
     setMorePopVisible(vis);
     if (fixedAction && tableRef?.current) {
-      const fixedActionEle =
-        tableRef.current?.querySelectorAll('.ued-table-actions')?.[idx]
-          ?.parentNode;
+      const fixedActionEle = tableRef.current?.querySelectorAll('.ued-table-actions')?.[idx]?.parentNode;
       // 操作列固定时 此时fixedActionEle默认antd样式为 position: sticky;z-index: 2
       // 由于气泡卡片挂在fixedActionEle里面导致被后面的列遮盖
       if (fixedActionEle) {
@@ -134,28 +116,17 @@ const OperationCell = (props: OperationCellProps) => {
     isPopover = false,
     showExtendBtns?: any[],
     moreBuiltInBtns?: any[],
-    moreExtendBtns?: any[],
+    moreExtendBtns?: any[]
   ) => {
     const BtnIcon = renderBtnIcon(c);
 
-    const popconfirmPlacement =
-      moreBuiltInBtns?.length ||
-      moreExtendBtns?.length ||
-      showExtendBtns?.length
-        ? 'top'
-        : 'topRight';
+    const popconfirmPlacement = moreBuiltInBtns?.length || moreExtendBtns?.length || showExtendBtns?.length ? 'top' : 'topRight';
 
     const onBtnClick = (e: any) => {
       e.stopPropagation();
-      if (
-        (typeof c === 'string' ? c === 'detail' : c.type === 'detail') &&
-        typeof onRowDetailClick === 'function'
-      ) {
+      if ((typeof c === 'string' ? c === 'detail' : c.type === 'detail') && typeof onRowDetailClick === 'function') {
         onRowDetailClick(row, rowIndex);
-      } else if (
-        (typeof c === 'string' ? c === 'edit' : c.type === 'edit') &&
-        typeof onRowEditClick === 'function'
-      ) {
+      } else if ((typeof c === 'string' ? c === 'edit' : c.type === 'edit') && typeof onRowEditClick === 'function') {
         onRowEditClick(row, rowIndex);
       }
     };
@@ -185,24 +156,10 @@ const OperationCell = (props: OperationCellProps) => {
   };
 
   // 操作栏扩展按钮
-  const renderExtendBtns = (
-    btnList: any,
-    isPopover = false,
-    row: any,
-    index: number,
-    buttonStyle?: React.CSSProperties,
-  ) => {
+  const renderExtendBtns = (btnList: any, isPopover = false, row: any, index: number, buttonStyle?: React.CSSProperties) => {
     return btnList.map((c: any, i: number) => {
       if (c.type) {
-        return renderBuiltInSingleBtn(
-          c,
-          row,
-          index,
-          i,
-          btnList,
-          isPopover,
-          btnList?.slice(i),
-        );
+        return renderBuiltInSingleBtn(c, row, index, i, btnList, isPopover, btnList?.slice(i));
       }
       const { iconPos, id, isIcon, onClick, visible: buttonVisible = true } = c;
 
@@ -220,7 +177,7 @@ const OperationCell = (props: OperationCellProps) => {
               className="ued-table-actions-antBtn"
               disabled={c.disabled}
               key={id}
-              onClick={(e) => {
+              onClick={e => {
                 e.stopPropagation();
                 if (typeof onClick === 'function') {
                   onClick(currentRowKey ? row[currentRowKey] : row, row, index);
@@ -244,7 +201,7 @@ const OperationCell = (props: OperationCellProps) => {
               className="ued-table-actions-antBtn"
               disabled={c.disabled}
               key={id}
-              onClick={(e) => {
+              onClick={e => {
                 e.stopPropagation();
                 if (typeof onClick === 'function') {
                   onClick(currentRowKey ? row[currentRowKey] : row, row, index);
@@ -271,7 +228,7 @@ const OperationCell = (props: OperationCellProps) => {
     moreBuiltInBtns: any[],
     moreExtendBtns: any[],
     row: any,
-    index: number,
+    index: number
   ) => {
     return (
       <>
@@ -289,9 +246,7 @@ const OperationCell = (props: OperationCellProps) => {
           moreBuiltInBtns?.length + moreExtendBtns?.length > 0 && (
             <>
               {/* TODO:  是什么？ showBuiltInBtns[showBuiltInBtns.length - 1]?.visible !== false */}
-              {(!!showBuiltInBtns?.length || !!showExtendBtns?.length) && (
-                <Divider type="vertical" />
-              )}
+              {(!!showBuiltInBtns?.length || !!showExtendBtns?.length) && <Divider type="vertical" />}
               <Popover
                 overlayClassName="ued-table-more-pop"
                 content={
@@ -301,27 +256,14 @@ const OperationCell = (props: OperationCellProps) => {
                       overflow: 'auto',
                       padding: isSmallPopover ? '5px 5px' : '12px 16px',
                     }}
-                    onClick={(e) => e.stopPropagation()}
+                    onClick={e => e.stopPropagation()}
                   >
                     {moreBuiltInBtns?.length
                       ? moreBuiltInBtns.map((child: any, idx: number) => {
-                          return renderBuiltInSingleBtn(
-                            child,
-                            row,
-                            index,
-                            idx,
-                            showBuiltInBtns,
-                            true,
-                          );
-                        })
+                        return renderBuiltInSingleBtn(child, row, index, idx, showBuiltInBtns, true);
+                      })
                       : null}
-                    {renderExtendBtns(
-                      moreExtendBtns,
-                      true,
-                      row,
-                      index,
-                      isSmallPopover ? { fontSize: '12px' } : {},
-                    )}
+                    {renderExtendBtns(moreExtendBtns, true, row, index, isSmallPopover ? { fontSize: '12px' } : {})}
                   </div>
                 }
                 trigger="click"
@@ -330,21 +272,14 @@ const OperationCell = (props: OperationCellProps) => {
                 // eslint-disable-next-line max-len
                 getPopupContainer={
                   isSmallPopover
-                    ? () =>
-                        document.getElementById('lcdpApp-root') || document.body
-                    : (triggerNode: HTMLElement) =>
-                        triggerNode?.parentNode as HTMLElement
+                    ? () => document.getElementById('lcdpApp-root') || document.body
+                    : (triggerNode: HTMLElement) => triggerNode?.parentNode as HTMLElement
                 }
                 onOpenChange={(vis: boolean) => {
                   onMorePopVisible(vis, index);
                 }}
               >
-                <Button
-                  type="link"
-                  className="ued-table-actions-antBtn"
-                  key="more"
-                  onClick={(e) => e.stopPropagation()}
-                >
+                <Button type="link" className="ued-table-actions-antBtn" key="more" onClick={e => e.stopPropagation()}>
                   <div className="ued-table-actions-extendBtn">
                     {getLocale?.('more')}
                     <LegacyIcon className="actIcon-left" type="down" />
@@ -366,14 +301,10 @@ const OperationCell = (props: OperationCellProps) => {
           <>
             <div
               className="ued-table-actions-extendBtn"
-              onClick={(e) => {
+              onClick={e => {
                 e.stopPropagation();
                 if (typeof onRowSaveClick === 'function') {
-                  onRowSaveClick(
-                    row,
-                    getRealIndexById(row[currentRowKey]),
-                    false,
-                  );
+                  onRowSaveClick(row, getRealIndexById(row[currentRowKey]), false);
                 }
               }}
             >
@@ -391,14 +322,14 @@ const OperationCell = (props: OperationCellProps) => {
                   onRowCancelClick(row);
                 }
               }}
-              onCancel={(e) => {
+              onCancel={e => {
                 e?.preventDefault();
                 e?.stopPropagation();
               }}
             >
               <div
                 className="ued-table-actions-extendBtn"
-                onClick={(e) => {
+                onClick={e => {
                   e.stopPropagation();
                 }}
               >
@@ -419,17 +350,10 @@ const OperationCell = (props: OperationCellProps) => {
                 false,
                 showExtendBtns,
                 moreBuiltInBtns,
-                moreExtendBtns,
+                moreExtendBtns
               );
             })}
-            {renderExtendMoreBtns(
-              showBuiltInBtns,
-              showExtendBtns,
-              moreBuiltInBtns,
-              moreExtendBtns,
-              row,
-              getRealIndexById(row[currentRowKey]),
-            )}
+            {renderExtendMoreBtns(showBuiltInBtns, showExtendBtns, moreBuiltInBtns, moreExtendBtns, row, getRealIndexById(row[currentRowKey]))}
           </>
         )
       }