@bit-sun/business-component 4.2.0-alpha.6.9 → 4.2.5-per-alpha.2

package/dist/plugin/TableColumnSetting/index.d.ts

@@ -38,14 +38,14 @@ declare class TableColumnSetting extends React.Component<TableColumnSettingProps
     } | {
         title: string;
         dataIndex: string;
-        render: (text: any, record: any) => React.JSX.Element;
+        render: (text: any, record: any) => JSX.Element;
         className?: undefined;
         width?: undefined;
     } | {
         title: string;
         dataIndex: string;
         className: string;
-        render: () => React.JSX.Element;
+        render: () => JSX.Element;
         width?: undefined;
     })[];
     showModal: () => void;
@@ -53,13 +53,13 @@ declare class TableColumnSetting extends React.Component<TableColumnSettingProps
     handleCancel: (e: React.MouseEvent<HTMLElement>) => void;
     handleTableHeadHidden: (title: string) => void;
     onSortEnd: ({ oldIndex, newIndex }: any) => void;
-    DraggableContainer: (props: any) => React.JSX.Element;
-    DraggableBodyRow: ({ className, style, ...restProps }: any) => React.JSX.Element;
+    DraggableContainer: (props: any) => JSX.Element;
+    DraggableBodyRow: ({ className, style, ...restProps }: any) => JSX.Element;
     onChange: (e: any, title: any) => void;
     handleReset: () => void;
     handleResetSetting: () => Promise<unknown>;
     onSearch: (e: any) => void;
     onSearchSort: (e: any) => void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default TableColumnSetting;

package/dist/utils/TableUtils.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import moment from 'moment';
 type mediaListType = {
     type: number;
@@ -49,24 +48,24 @@ declare const updateGuanDate: (requestParams: any, dateKeyParams?: any) => {
     };
     submit: any;
 };
-declare const textIcon: (type: string | number, text?: string) => React.JSX.Element | undefined;
-declare const handleTextDoubleOrId: (textOne: string | undefined, textTwo: string | undefined) => React.JSX.Element;
-declare const handleTextDouble: (textOne: string | undefined, textTwo: string | undefined) => React.JSX.Element;
-declare const handleTextOverflow: (text: string | undefined, width?: number) => React.JSX.Element;
-declare const handleTextLineFeed: (text: string | undefined, width?: number) => React.JSX.Element;
-declare const handleTextTooltip: (text: any) => React.JSX.Element;
-declare const handleTextBreakSpaces: (text: any) => React.JSX.Element;
-declare const handleStatusBadge: (text: any, color: any) => React.JSX.Element;
-declare const HandleTotalCount: (totalParams: any) => React.JSX.Element;
+declare const textIcon: (type: string | number, text?: string) => JSX.Element | undefined;
+declare const handleTextDoubleOrId: (textOne: string | undefined, textTwo: string | undefined) => JSX.Element;
+declare const handleTextDouble: (textOne: string | undefined, textTwo: string | undefined) => JSX.Element;
+declare const handleTextOverflow: (text: string | undefined, width?: number) => JSX.Element;
+declare const handleTextLineFeed: (text: string | undefined, width?: number) => JSX.Element;
+declare const handleTextTooltip: (text: any) => JSX.Element;
+declare const handleTextBreakSpaces: (text: any) => JSX.Element;
+declare const handleStatusBadge: (text: any, color: any) => JSX.Element;
+declare const HandleTotalCount: (totalParams: any) => JSX.Element;
 declare const handleCommonTimeRender: (text: any, format?: any) => any;
-declare const handleTooltip: (text: any, timeTrue?: boolean) => React.JSX.Element;
-declare const handleTooltipHours: (text: any, timeTrue?: boolean) => React.JSX.Element;
+declare const handleTooltip: (text: any, timeTrue?: boolean) => JSX.Element;
+declare const handleTooltipHours: (text: any, timeTrue?: boolean) => JSX.Element;
 type tableColumnsImageType = {
     width?: number | string;
     height?: number | string;
     [key: string]: any;
 };
-declare const tableColumnsImage: (url?: string, paramsObj?: tableColumnsImageType) => React.JSX.Element;
+declare const tableColumnsImage: (url?: string, paramsObj?: tableColumnsImageType) => JSX.Element;
 interface ColumnsEditInterfave {
     text?: string;
     record?: any;
@@ -82,7 +81,7 @@ interface ColumnsEditInterfave {
     };
     [key: string]: any;
 }
-declare const ColumnsEdit: (props: ColumnsEditInterfave) => React.JSX.Element;
+declare const ColumnsEdit: (props: ColumnsEditInterfave) => JSX.Element;
 type UserColumnsType = {
     name: string;
     department?: string;
@@ -90,13 +89,13 @@ type UserColumnsType = {
     company?: string;
     avatar?: string;
 };
-declare const userColumns: (props: UserColumnsType) => React.JSX.Element;
-declare const userInfoCard: (props: any) => React.JSX.Element;
+declare const userColumns: (props: UserColumnsType) => JSX.Element;
+declare const userInfoCard: (props: any) => JSX.Element;
 declare const getItemDefaultWidth: (item: any) => number;
-declare const sulaTableRenderTooltip: ({ text }: any) => React.JSX.Element;
+declare const sulaTableRenderTooltip: ({ text }: any) => JSX.Element;
 declare const renderNumberText: ({ text }: any) => any;
 declare const renderFixed2: (text: any) => any;
-declare const handleTextWarpCustom: (text: any, style?: {}) => React.JSX.Element;
+declare const handleTextWarpCustom: (text: any, style?: {}) => JSX.Element;
 declare const calculateValidPeriod: (start: any, end: any) => string;
-declare const handleTextWarp: (text: any) => React.JSX.Element;
+declare const handleTextWarp: (text: any) => JSX.Element;
 export { getSkuImg, updateGuanDate, textIcon, handleTextDoubleOrId, handleTextDouble, handleTextOverflow, handleTextLineFeed, handleTextTooltip, handleTextBreakSpaces, handleStatusBadge, HandleTotalCount, handleTooltip, handleCommonTimeRender, handleTooltipHours, tableColumnsImage, ColumnsEdit, userColumns, userInfoCard, getItemDefaultWidth, renderNumberText, sulaTableRenderTooltip, renderFixed2, handleTextWarpCustom, handleTextWarp, calculateValidPeriod };

package/dist/utils/luckysheetLoader.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Luckysheet 动态加载器
+ * 实现按需加载 luckysheet 的 CSS 和 JS 资源
+ */
+/**
+ * 动态加载 Luckysheet 资源
+ * @returns Promise<void>
+ */
+export declare function loadLuckysheet(): Promise<void>;
+/**
+ * 重置加载状态（用于测试或强制重新加载）
+ */
+export declare function resetLuckysheetLoader(): void;
+/**
+ * 获取加载状态
+ * @returns 加载状态信息
+ */
+export declare function getLuckysheetLoadStatus(): {
+    loaded: boolean;
+    loading: boolean;
+};

package/dist/utils/utils.d.ts

@@ -31,44 +31,3 @@ export declare const randomString: (len?: any) => string;
 export declare const createUniqID: (length: any) => string;
 export declare const handleConvertResponse: (items: any, total: number) => object;
 export declare const noEmptyArray: (targetObj: any) => boolean;
-export declare const formContainerAndItemLayout: (type: string, title: any, name: string) => {
-    container: {
-        type: string;
-        props: {
-            title: any;
-            id: number;
-            level: number;
-            name: string;
-            bordered?: undefined;
-            isWhiteCard?: undefined;
-        };
-    };
-    itemLayout: {
-        span: number;
-        labelCol: {
-            span: number;
-        };
-        wrapperCol: {
-            span: number;
-        };
-    };
-} | {
-    container: {
-        type: string;
-        props: {
-            title: any;
-            id: number;
-            level: number;
-            bordered: null;
-            isWhiteCard: boolean;
-            name: string;
-        };
-    };
-    itemLayout: {
-        wrapperCol: {
-            span: number;
-        };
-        span?: undefined;
-        labelCol?: undefined;
-    };
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "4.2.0-alpha.6.9",
+  "version": "4.2.5-per-alpha.2",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/components/Business/BsLayouts/Components/CustomerMenu/globalMenu/DrawContent.tsx

@@ -1,5 +1,5 @@
 // @ts-nocheck
-import React, { useEffect, useState, useLayoutEffect, useImperativeHandle } from 'react';
+import React, { useEffect, useState, useLayoutEffect, useImperativeHandle, useCallback, useRef } from 'react';
 import { List, Tooltip, Input, Button } from 'antd';
 import { Link, formatMessage, history } from 'umi';
 import classNames from 'classnames';
@@ -27,6 +27,12 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
 
   const [moreBtnShow, setMoreBtnShow] = useState(false);
   const [showScroll, setShowScroll] = useState(false);
+  
+  // 添加refs来跟踪组件状态和清理资源
+  const isUnmountedRef = useRef(false);
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+  const resizeHandlerRef = useRef<(() => void) | null>(null);
+  const debounceTimerRef = useRef<NodeJS.Timeout | null>(null);
 
   useEffect(() => {
     getMenuContentHeight();
@@ -51,28 +57,64 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
     setroutesData(routesDataList)
     setAuthorityMenu(authorityMenuList)
 
-    window.onresize = () => {
-      getMenuContentHeight();
+    // 创建resize处理函数并保存引用
+    const handleResize = () => {
+      if (!isUnmountedRef.current) {
+        getMenuContentHeight();
+      }
     };
+    resizeHandlerRef.current = handleResize;
+    window.addEventListener('resize', handleResize);
+
+    // 清理函数
+     return () => {
+       isUnmountedRef.current = true;
+       if (resizeHandlerRef.current) {
+         window.removeEventListener('resize', resizeHandlerRef.current);
+         resizeHandlerRef.current = null;
+       }
+       if (timeoutRef.current) {
+         clearTimeout(timeoutRef.current);
+         timeoutRef.current = null;
+       }
+       if (debounceTimerRef.current) {
+         clearTimeout(debounceTimerRef.current);
+         debounceTimerRef.current = null;
+       }
+     };
   }, []);
 
   useLayoutEffect(() => {
-    setTimeout(() => {
-      let drawContentHeight=document.getElementById("drawContent").scrollHeight;
-      if (drawContentHeight > rightMenuHeight) {
-        setMoreBtnShow(true);
+    timeoutRef.current = setTimeout(() => {
+      if (!isUnmountedRef.current) {
+        const drawContentElement = document.getElementById("drawContent");
+        if (drawContentElement) {
+          let drawContentHeight = drawContentElement.scrollHeight;
+          if (drawContentHeight > rightMenuHeight) {
+            setMoreBtnShow(true);
+          }
+        }
+      }
+    }, 0);
+    
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
       }
-    }, 0)
-  }, [])
+    };
+  }, [rightMenuHeight])
 
-  const getMenuContentHeight = () => {
-    let clientHeight = document.body.clientHeight;
-    setHeight(clientHeight - 190);
-    setDrawHeight(clientHeight - 70)
-  }
+  const getMenuContentHeight = useCallback(() => {
+    if (!isUnmountedRef.current) {
+      let clientHeight = document.body.clientHeight;
+      setHeight(clientHeight - 190);
+      setDrawHeight(clientHeight - 70);
+    }
+  }, []);
 
 
-  const renderChildItem = (child) => {
+  const renderChildItem = useCallback((child) => {
     if (!child.hideInMenu && child.children) {
       return (
         <>
@@ -102,9 +144,11 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
         </List.Item>
       );
     }
-  }
+  }, [onMenuClick]);
 
-  const onMenuClick = (e, item) => {
+  const onMenuClick = useCallback((e, item) => {
+    if (isUnmountedRef.current) return;
+    
     e.stopPropagation();
     e.preventDefault();
     let searchHistory = JSON.parse(localStorage.getItem(`${itemPath}_search_history`) || '[]');
@@ -127,7 +171,25 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
       pathname: item.path
     })
     onClose();
-  };
+  }, [itemPath, onClose]);
+
+  // 创建debounce搜索函数
+  const debouncedSearch = useCallback((value: string) => {
+    if (debounceTimerRef.current) {
+      clearTimeout(debounceTimerRef.current);
+    }
+    debounceTimerRef.current = setTimeout(() => {
+      if (!isUnmountedRef.current) {
+        searchMenuData(authorityMenu, value, setSearchMenuData);
+      }
+    }, 600);
+  }, [authorityMenu]);
+
+  const handleSearchChange = useCallback((e: any) => {
+    if (!isUnmountedRef.current) {
+      debouncedSearch(e.target.value);
+    }
+  }, [debouncedSearch]);
 
 
   let searchHistoryList = JSON.parse(localStorage.getItem(`${itemPath}_search_history`) || '[]');
@@ -144,6 +206,7 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
                 color: currentOneLevel === item.path ? '#005cff' : '#000000'
               }}
               onClick={(e) => {
+                if (isUnmountedRef.current) return;
                 e.stopPropagation();
                 e.preventDefault()
                 if (item.component) {
@@ -164,7 +227,11 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
       </div>
       <div style={{flexGrow: 1, position: 'relative'}}>
         <img
-          onClick={() => {onClose()}} 
+          onClick={() => {
+            if (!isUnmountedRef.current) {
+              onClose();
+            }
+          }} 
           style={{position: 'absolute', right: '15px', top: '17px', cursor: 'pointer'}} width={24} src={closeicon} />
         
         <div style={{ padding: '10px', marginBottom: '10px', width: '100%', }}>
@@ -173,9 +240,7 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
             placeholder="请输入关键词"
             allowClear
             prefix={<SearchOutlined />}
-            onChange={debounce((e: any) => {
-              searchMenuData(authorityMenu, e.target.value, setSearchMenuData);
-            }, 600)}
+            onChange={handleSearchChange}
           />
           <div style={{marginTop: '10px'}}>
             <span style={{ color: '#8c8c8c', opacity: '0.6' }}>最近访问:&nbsp;&nbsp;&nbsp;</span>
@@ -195,7 +260,9 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
               {
                 SearhData.map((item: any) => (
                   <div onClick={(e) => {
-                    onMenuClick(e, item);
+                    if (!isUnmountedRef.current) {
+                      onMenuClick(e, item);
+                    }
                   }} key={item.path}>{item.name}</div>
                 ))
               }
@@ -263,8 +330,10 @@ const DrawContent = ({onClose, originRoutes=[], itemPath}: any) => {
                     }}>
                   <span
                     onClick={() => {
-                      setShowScroll(true);
-                      setMoreBtnShow(false);
+                      if (!isUnmountedRef.current) {
+                        setShowScroll(true);
+                        setMoreBtnShow(false);
+                      }
                     }}
                     style={{color: '#8c8c8c'}}
                     >