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

package/src/components/Business/BsSulaQueryTable/index.tsx

@@ -54,15 +54,8 @@ const ResizeableTitle = (props: any) => {
   
   const prevWidthRef = useRef(width);
 
-  const handleMouseDown = (e: any) => {
-    currentStart.current = e.clientX;
-    markerPosition.current = { left: e.clientX, top: e.clientY }
-    setIsResizing(true);
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-  };
-
-  const handleMouseMove = (e: any) => {
+  // 使用useCallback优化事件处理函数，避免重复创建
+  const handleMouseMove = useCallback((e: any) => {
     e.stopPropagation();
     e.preventDefault();
     // 更新标记位置
@@ -73,13 +66,21 @@ const ResizeableTitle = (props: any) => {
       dom.style.left = `${e.clientX}px`;
       dom.style.top = `${e.clientY - 20}px`;
     }
-  };
+  }, []);
 
-  const handleMouseUp = (e: any) => {
+  const handleMouseUp = useCallback((e: any) => {
     document.removeEventListener('mousemove', handleMouseMove);
     document.removeEventListener('mouseup', handleMouseUp);
     setIsResizing(false);
-  };
+  }, [handleMouseMove]);
+
+  const handleMouseDown = useCallback((e: any) => {
+    currentStart.current = e.clientX;
+    markerPosition.current = { left: e.clientX, top: e.clientY }
+    setIsResizing(true);
+    document.addEventListener('mousemove', handleMouseMove);
+    document.addEventListener('mouseup', handleMouseUp);
+  }, [handleMouseMove, handleMouseUp]);
   
   const handleresize = (e: any, data: any, title: string) => {
     const newWidth = data?.size?.width || 0;
@@ -104,6 +105,15 @@ const ResizeableTitle = (props: any) => {
     }
   }, [width]);
 
+  // 组件卸载时清理事件监听器
+  useEffect(() => {
+    return () => {
+      // 确保在组件卸载时移除可能残留的事件监听器
+      document.removeEventListener('mousemove', handleMouseMove);
+      document.removeEventListener('mouseup', handleMouseUp);
+    };
+  }, [handleMouseMove, handleMouseUp]);
+
   const thStyle = {
     boxShadow: isResizing ? '2px 2px 10px rgba(0, 0, 0, 0.3)' : 'none',
   };
@@ -173,12 +183,9 @@ export default (props: any) => {
   // 定时器引用，用于清理
   const debounceTimer = useRef(null);
   const resizeTimer = useRef(null);
+  const tableHeightTimer = useRef(null); // 新增：管理getTableHeight的定时器
   
-  // 事件处理函数引用，用于清理
-  const handleBeforeUnload = useRef(null);
-  const handleGlobalClick = useRef(null);
-  const handleGlobalKeydown = useRef(null);
-  const handleStorageChange = useRef(null);
+  // 移除未使用的事件处理函数引用，避免内存泄漏
 
   // 获取 table columns中所有的 key  防止有的地方是 dataindex
   const checkedList = useMemo(
@@ -291,54 +298,73 @@ export default (props: any) => {
   const [showExportColumn, setShowExportColumns] = useState([]); // 导出列字段
 
   const [height, setHeight]: any = useState('');
+  // 使用ref避免setHeight的闭包引用
+  const heightRef = useRef(height);
+  
+  // 同步height状态到ref
+  useEffect(() => {
+    heightRef.current = height;
+  }, [height]);
 
   const bsTableCodeExport = `${bsTableCode}___Export`; //设置导出列字段的唯一标识
 
   // 获取table高度
-  const getTableHeight = () => {
-    setTimeout(() => {
-      const cancelHeight = window.top == window ? 303 : 223;
-      const isFullScreen: any =
-        window.top.document.fullScreen ||
-        window.top.document.webkitIsFullScreen ||
-        window.top.document.mozFullScreen;
-
-      // wujie子应用iframe首次加载获取不到client以及dom元素高度兼容处理
-      let realIframeClientHeight = document.body.clientHeight
-        ? document.body.clientHeight
-        : window.top?.document.body.clientHeight - 76;
-      let summaryHeight = document.querySelector(
-        `.ant-tabs-tabpane-active .table-bssula-summary`,
-      )
-        ? document.querySelector(
-            `.ant-tabs-tabpane-active .table-bssula-summary`,
-          )?.clientHeight || 22
-        : 0;
-      let listTabHeight = document.querySelector(
-        `.ant-tabs-tabpane-active .list_top_tab .ant-tabs-nav`,
-      )
-        ? document.querySelector(
-            `.ant-tabs-tabpane-active .list_top_tab .ant-tabs-nav`,
-          )?.clientHeight || 48
-        : 0;
-
-      const h =
-        realIframeClientHeight -
-        summaryHeight -
-        listTabHeight -
-        (document.querySelector(
-          `.ant-tabs-tabpane-active .ant-form ant-form-horizontal`,
-        )?.clientHeight || 0) -
-        (isFullScreen
-          ? 0
-          : document.querySelector(
-              `.ant-tabs-tabpane-active .ant-pro-page-container-warp`,
-            )?.clientHeight || 0) -
-        cancelHeight +
-        'px';
-      setHeight(h);
+  const getTableHeight = useCallback(() => {
+    // 清理之前的定时器
+    if (tableHeightTimer.current) {
+      clearTimeout(tableHeightTimer.current);
+      tableHeightTimer.current = null;
+    }
+    
+    tableHeightTimer.current = setTimeout(() => {
+      try {
+        const cancelHeight = window.top == window ? 303 : 223;
+        const isFullScreen: any =
+          window.top.document.fullScreen ||
+          window.top.document.webkitIsFullScreen ||
+          window.top.document.mozFullScreen;
+
+        // wujie子应用iframe首次加载获取不到client以及dom元素高度兼容处理
+        let realIframeClientHeight = document.body.clientHeight
+          ? document.body.clientHeight
+          : window.top?.document.body.clientHeight - 76;
+        let summaryHeight = document.querySelector(
+          `.ant-tabs-tabpane-active .table-bssula-summary`,
+        )
+          ? document.querySelector(
+              `.ant-tabs-tabpane-active .table-bssula-summary`,
+            )?.clientHeight || 22
+          : 0;
+        let listTabHeight = document.querySelector(
+          `.ant-tabs-tabpane-active .list_top_tab .ant-tabs-nav`,
+        )
+          ? document.querySelector(
+              `.ant-tabs-tabpane-active .list_top_tab .ant-tabs-nav`,
+            )?.clientHeight || 48
+          : 0;
+
+        const h =
+          realIframeClientHeight -
+          summaryHeight -
+          listTabHeight -
+          (document.querySelector(
+            `.ant-tabs-tabpane-active .ant-form ant-form-horizontal`,
+          )?.clientHeight || 0) -
+          (isFullScreen
+            ? 0
+            : document.querySelector(
+                `.ant-tabs-tabpane-active .ant-pro-page-container-warp`,
+              )?.clientHeight || 0) -
+          cancelHeight +
+          'px';
+        setHeight(h);
+      } catch (error) {
+        console.warn('Failed to calculate table height:', error);
+      } finally {
+        tableHeightTimer.current = null;
+      }
     }, 0);
-  };
+  }, []);
 
   //监测是否按下esc键
   function checkFull() {
@@ -483,24 +509,15 @@ export default (props: any) => {
         resizeTimer.current = null;
       }
       
-      // 清理所有事件监听器
-      window.removeEventListener('resize', handleWindowResize);
-      
-      if (handleBeforeUnload.current) {
-        window.removeEventListener('beforeunload', handleBeforeUnload.current);
-      }
-      
-      if (handleGlobalClick.current) {
-        document.removeEventListener('click', handleGlobalClick.current);
+      if (tableHeightTimer.current) {
+        clearTimeout(tableHeightTimer.current);
+        tableHeightTimer.current = null;
       }
       
-      if (handleGlobalKeydown.current) {
-        document.removeEventListener('keydown', handleGlobalKeydown.current);
-      }
+      // 清理所有事件监听器
+      window.removeEventListener('resize', handleWindowResize);
       
-      if (handleStorageChange.current) {
-        window.removeEventListener('storage', handleStorageChange.current);
-      }
+      // 移除未使用的事件监听器清理代码
       
       // 优化的子组件卸载时序控制
       const cleanupPromises: Promise<void>[] = [];
@@ -570,6 +587,10 @@ export default (props: any) => {
                   // 继续处理其他组件
                 }
               });
+            
+            // 清理临时数组和WeakSet
+            tempInstancesRef.current = [];
+            summaryInstancesRef.current = new WeakSet();
               
               resolve();
             } catch (error) {
@@ -586,21 +607,7 @@ export default (props: any) => {
               // 清理全局事件监听器
               window.removeEventListener('resize', handleWindowResize);
               
-              if (handleBeforeUnload.current) {
-                window.removeEventListener('beforeunload', handleBeforeUnload.current);
-              }
-              
-              if (handleGlobalClick.current) {
-                document.removeEventListener('click', handleGlobalClick.current);
-              }
-              
-              if (handleGlobalKeydown.current) {
-                document.removeEventListener('keydown', handleGlobalKeydown.current);
-              }
-              
-              if (handleStorageChange.current) {
-                window.removeEventListener('storage', handleStorageChange.current);
-              }
+              // 全局事件监听器已在上层清理
               
               resolve();
             } catch (error) {
@@ -633,6 +640,166 @@ export default (props: any) => {
         console.error('[BsSulaQueryTable] 清理任务队列执行失败:', error);
       });
       
+      // 设置卸载标志，防止后续创建新的Summary组件
+      isUnmountedRef.current = true;
+      
+      // 清理Summary相关的DOM节点和React Fiber引用
+      try {
+        // 清理Summary组件实例
+        if (tempInstancesRef.current && tempInstancesRef.current.length > 0) {
+          console.log('[BsSulaQueryTable] 开始清理Summary组件实例:', tempInstancesRef.current.length);
+          
+          tempInstancesRef.current.forEach((instance) => {
+             try {
+               // 首先调用实例的自定义清理方法
+               if (typeof instance._bsQueryTableCleanup === 'function') {
+                 instance._bsQueryTableCleanup();
+               }
+              
+              // 清理React Fiber节点引用
+              if (instance._reactInternalFiber) {
+                // 断开stateNode引用链
+                if (instance._reactInternalFiber.stateNode) {
+                  instance._reactInternalFiber.stateNode = null;
+                }
+                // 断开child引用链
+                if (instance._reactInternalFiber.child) {
+                  instance._reactInternalFiber.child = null;
+                }
+                // 断开memoizedProps引用链
+                if (instance._reactInternalFiber.memoizedProps) {
+                  instance._reactInternalFiber.memoizedProps = null;
+                }
+                // 清理updateQueue
+                if (instance._reactInternalFiber.updateQueue) {
+                  instance._reactInternalFiber.updateQueue = null;
+                }
+                // 清理lastEffect
+                if (instance._reactInternalFiber.lastEffect) {
+                  instance._reactInternalFiber.lastEffect = null;
+                }
+              }
+              
+              // 清理React 18+ Fiber节点引用
+              if (instance._reactInternals) {
+                if (instance._reactInternals.stateNode) {
+                  instance._reactInternals.stateNode = null;
+                }
+                if (instance._reactInternals.child) {
+                  instance._reactInternals.child = null;
+                }
+                if (instance._reactInternals.memoizedProps) {
+                  instance._reactInternals.memoizedProps = null;
+                }
+                if (instance._reactInternals.updateQueue) {
+                  instance._reactInternals.updateQueue = null;
+                }
+              }
+              
+              // 清理React实例的内部引用
+              if (instance && typeof instance === 'object') {
+                // 清理可能的DOM引用
+                if (instance.current && typeof instance.current === 'object') {
+                  const domNode = instance.current;
+                  // 清理DOM节点上的React Fiber引用
+                  const reactKeys = Object.keys(domNode).filter(key => 
+                    key.startsWith('__reactFiber') || 
+                    key.startsWith('__reactInternalInstance') ||
+                    key.startsWith('__reactEventHandlers')
+                  );
+                  reactKeys.forEach(key => {
+                    try {
+                      delete domNode[key];
+                    } catch (e) {
+                      console.warn('[BsSulaQueryTable] 清理DOM React引用失败:', e);
+                    }
+                  });
+                }
+              }
+              
+            } catch (error) {
+              console.warn('[BsSulaQueryTable] 清理Summary实例失败:', error);
+            }
+          });
+          
+        }
+        
+        // DOM节点引用已简化，无需额外清理
+         
+         // 清理context相关的闭包引用
+         try {
+           console.log('[BsSulaQueryTable] 开始清理context闭包引用');
+           
+           // 清理getTableSummaryInfo函数中可能的context引用
+           if (typeof getTableSummaryInfo === 'function') {
+             // 尝试清理函数闭包中的context引用
+             Object.defineProperty(getTableSummaryInfo, 'context', {
+               value: null,
+               writable: true,
+               configurable: true
+             });
+           }
+           
+           // 清理可能的全局context引用
+           if (typeof window !== 'undefined') {
+             // 清理可能存在的全局context缓存
+             const contextKeys = Object.keys(window).filter(key => 
+               key.includes('context') || 
+               key.includes('Context') ||
+               key.includes('restProps') ||
+               key.includes('setPagePath')
+             );
+             
+             contextKeys.forEach(key => {
+               try {
+                 if (window[key] && typeof window[key] === 'object') {
+                   // 清理context对象的引用
+                   Object.keys(window[key]).forEach(contextKey => {
+                     if (window[key][contextKey] && typeof window[key][contextKey] === 'object') {
+                       window[key][contextKey] = null;
+                     }
+                   });
+                 }
+               } catch (e) {
+                 console.warn(`[BsSulaQueryTable] 清理全局context ${key} 失败:`, e);
+               }
+             });
+           }
+           
+           // 清理组件内部可能的context引用
+           if (config && typeof config === 'object') {
+             // 清理config中可能的context引用
+             Object.keys(config).forEach(key => {
+               if (config[key] && typeof config[key] === 'object' && config[key].context) {
+                 config[key].context = null;
+               }
+             });
+           }
+           
+         } catch (contextError) {
+           console.warn('[BsSulaQueryTable] 清理context引用失败:', contextError);
+         }
+         
+       } catch (error) {
+         console.error('[BsSulaQueryTable] Summary清理过程中发生错误:', error);
+       }
+      
+      // 清理memoConfig引用，断开与外部库的连接
+      if (memoConfigRef.current) {
+        console.log('[BsSulaQueryTable] 清理memoConfig引用');
+        // 将summaryList设置为null，通知外部库释放引用
+        if (memoConfigRef.current.summaryList) {
+          memoConfigRef.current.summaryList = null;
+        }
+        // 清理其他可能的函数引用
+        Object.keys(memoConfigRef.current).forEach(key => {
+          if (typeof memoConfigRef.current[key] === 'function') {
+            memoConfigRef.current[key] = null;
+          }
+        });
+        memoConfigRef.current = null;
+      }
+      
       // 清理所有ref引用
       if (rowsRef.current) {
         rowsRef.current = null;
@@ -650,10 +817,44 @@ export default (props: any) => {
         exportTableRef.current = null;
       }
       
+      // 强制断开与外部库的引用关系
+      try {
+        // 清理全局事件监听器
+        if (typeof window !== 'undefined') {
+          window.removeEventListener('resize', watchWinResize);
+          window.removeEventListener('keydown', handleKeyDown);
+        }
+        
+        // 清理可能的全局变量引用
+        if (typeof window !== 'undefined' && window.__bsSulaQueryTableInstances) {
+          const instances = window.__bsSulaQueryTableInstances;
+          const instanceIndex = instances.findIndex(instance => instance.id === componentId);
+          if (instanceIndex > -1) {
+            instances.splice(instanceIndex, 1);
+          }
+        }
+        
+        // 强制垃圾回收提示（仅开发环境）
+        if (process.env.NODE_ENV === 'development' && typeof window !== 'undefined' && window.gc) {
+          setTimeout(() => {
+            try {
+              window.gc();
+              console.log('[BsSulaQueryTable] 手动触发垃圾回收');
+            } catch (e) {
+              // 忽略垃圾回收错误
+            }
+          }, 100);
+        }
+      } catch (error) {
+        console.warn('[BsSulaQueryTable] 外部库引用断开过程中出现错误:', error);
+      }
+      
       // 最终状态验证
       console.log('[BsSulaQueryTable] 组件卸载流程完成，清理状态:', {
         refsCleared: !rowsRef.current && !sortTableRef.current && !searchTableRef.current,
-        timersCleared: !debounceTimer.current && !resizeTimer.current
+        timersCleared: !debounceTimer.current && !resizeTimer.current,
+        memoConfigCleared: !memoConfigRef.current,
+        tempInstancesCleared: tempInstancesRef.current.length === 0
       });
       
       console.log('[BsSulaQueryTable] 主组件及所有子组件已完全卸载，内存已清理');
@@ -698,23 +899,34 @@ export default (props: any) => {
     // 清理之前的定时器
     if (debounceTimer.current) {
       clearTimeout(debounceTimer.current);
+      debounceTimer.current = null;
     }
     
     // 设置新的定时器
     debounceTimer.current = setTimeout(() => {
-      // getTableHeight();
-      if (!checkFull()) {
-        // addTabsNavStyle(true);
-        // 全屏下按键esc后要执行的动作
-        // isFullScreen 为true 此时为全屏状态  false 为非全屏状态
-        if (!isFullScreen) {
-          // 按下esc键退出全屏
-          setIsFnllScreen(false);
-        } else {
-          setIsFnllScreen(false);
+      try {
+        // 检查组件是否已卸载
+        if (isUnmountedRef.current) {
+          return;
         }
+        
+        // getTableHeight();
+        if (!checkFull()) {
+          // addTabsNavStyle(true);
+          // 全屏下按键esc后要执行的动作
+          // isFullScreen 为true 此时为全屏状态  false 为非全屏状态
+          if (!isFullScreen) {
+            // 按下esc键退出全屏
+            setIsFnllScreen(false);
+          } else {
+            setIsFnllScreen(false);
+          }
+        }
+      } catch (error) {
+        console.warn('Error in watchWinResize callback:', error);
+      } finally {
+        debounceTimer.current = null;
       }
-      debounceTimer.current = null;
     }, 10);
   }, [isFullScreen]);
 
@@ -726,8 +938,8 @@ export default (props: any) => {
     });
   };
 
-  // 处理 table 基本参数
-  const setTableProps = () => {
+  // 处理 table 基本参数 - 使用useCallback避免闭包引用
+  const setTableProps = useCallback(() => {
     const defaultPageSize = 20;
     const baseTableProps = {
       size: value.size || 'middle',
@@ -737,7 +949,7 @@ export default (props: any) => {
       expandable: props.expandable,
       scroll: {
         x: props.overScrollX || 'max-content',
-        y: props?.overScrollY || height,
+        y: props?.overScrollY || heightRef.current,
       },
       bordered: typeof value.bordered === 'boolean' ? value.bordered : true,
       sticky: typeof value.sticky === 'boolean' ? value.sticky : true,
@@ -769,7 +981,7 @@ export default (props: any) => {
         ...value.tableProps?.initialPaging?.pagination,
       };
 
-    const handleRowClick = (record) => {
+    const handleRowClick = useCallback((record) => {
       const { rowKey } = value;
 
       let newSelectedRowKeys = [...(rowsRef?.current?.selectedRowKeys || [])];
@@ -797,15 +1009,15 @@ export default (props: any) => {
         // 直接将 record 作为数组元素传递
         rowSelection.onChange(newSelectedRowKeys, newSelectedRows);
       }
-    };
+    }, [value.rowKey, value.rowSelection]);
 
-    const handleRowDoubleClick = (record) => {
+    const handleRowDoubleClick = useCallback((record) => {
       console.log('handleRowDoubleClick', record);
       if (props.viewPagePath) {
         const path = eval(`\`${props.viewPagePath.replace(/'/g, '`').replace(/#{(.*?)}/g, (match, p) => `\${${p}}`)}\``);
         history.push(path);
       }
-    };
+    }, [props.viewPagePath, history]);
     
     const tableProps = {
       ...baseTableProps,
@@ -827,7 +1039,7 @@ export default (props: any) => {
       tableProps.initialPaging.pagination.showSizeChanger = true;
     }
     return tableProps;
-  };
+  }, [value, props, rowsRef, history]); // 不包含height依赖，使用heightRef.current
 
   const ShowFullScreen = () => {
     const isFullScreen: any =
@@ -1072,14 +1284,87 @@ export default (props: any) => {
         config.ref?.current?.tableRef?.current?.refreshTable();
       }
     }
-    setTimeout(() => {
-      // 处理页面刷新两面
-      localStorage.removeItem('isTabChange');
+    const timeoutId = setTimeout(() => {
+      try {
+        // 检查组件是否已卸载
+        if (isUnmountedRef.current) {
+          return;
+        }
+        // 处理页面刷新两面
+        localStorage.removeItem('isTabChange');
+      } catch (error) {
+        console.warn('Error in localStorage cleanup:', error);
+      }
     }, 0);
+    
+    return () => {
+      clearTimeout(timeoutId);
+    };
   }, [pathname]);
+  
+  // 增强的外部库引用管理
+  useEffect(() => {
+    // 生成唯一组件ID
+    const componentId = `bsSulaQueryTable_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    
+    // 注册到全局实例管理器（如果存在）
+    if (typeof window !== 'undefined') {
+      if (!window.__bsSulaQueryTableInstances) {
+        window.__bsSulaQueryTableInstances = [];
+      }
+      window.__bsSulaQueryTableInstances.push({
+        id: componentId,
+        cleanup: () => {
+          // 提供给外部库的清理接口
+          isUnmountedRef.current = true;
+          if (memoConfigRef.current) {
+            memoConfigRef.current.summaryList = null;
+          }
+        }
+      });
+    }
+    
+    return () => {
+      // 从全局实例管理器中移除
+      if (typeof window !== 'undefined' && window.__bsSulaQueryTableInstances) {
+        const instances = window.__bsSulaQueryTableInstances;
+        const instanceIndex = instances.findIndex(instance => instance.id === componentId);
+        if (instanceIndex > -1) {
+          instances.splice(instanceIndex, 1);
+        }
+      }
+    };
+  }, []);
 
   const expandedRowKeys = props?.expandable?.expandedRowKeys;
 
+  // 组件卸载状态跟踪
+  const isUnmountedRef = useRef(false);
+  // 使用WeakSet减少强引用，避免内存泄漏
+  const summaryInstancesRef = useRef(new WeakSet());
+  // 临时存储强引用用于清理，清理完成后立即清空
+  const tempInstancesRef = useRef([]);
+  // 存储memoConfig引用，用于卸载时清理
+  const memoConfigRef = useRef(null);
+  
+  // 使用ref存储状态，避免getTableSummaryInfo函数的闭包依赖
+  const stateRef = useRef({
+    summaryList: props.summaryList,
+    rowSelection: props.rowSelection,
+    expandable: props.expandable,
+    showColumn: showColumn
+  });
+  
+  // 更新stateRef
+  useEffect(() => {
+    stateRef.current = {
+      summaryList: props.summaryList,
+      rowSelection: props.rowSelection,
+      expandable: props.expandable,
+      showColumn: showColumn
+    };
+  }, [props.summaryList, props.rowSelection, props.expandable, showColumn]);
+
   //todo  summary属性已经被使用，为了兼容之前的，现在使用 summaryList
   //结构为了实现多行总结栏   定义如下(lableShow: boolean 是否显示列文本)
   /**
@@ -1091,56 +1376,181 @@ export default (props: any) => {
    * @returns []
    */
   const getTableSummaryInfo = useCallback(() => {
-    const { summaryList, rowSelection, expandable }: any = props;
+    // 检查组件是否已卸载，避免创建新的JSX元素
+    if (isUnmountedRef.current) {
+      console.warn('[BsSulaQueryTable] 组件已卸载，跳过Summary创建');
+      return undefined;
+    }
+    // 使用ref访问状态，避免闭包依赖
+    const { summaryList, rowSelection, expandable, showColumn } = stateRef.current;
     if (summaryList && Array.isArray(summaryList)) {
       const summaryRow = rowSelection ? [{}, ...showColumn] : [...showColumn];
       if (expandable) {
         summaryRow.unshift({});
       }
       // let summaryInitial = summary().cont;
-      return (
-        <Table.Summary fixed>
-          {Array.isArray(summaryList) &&
-            summaryList.map((summaryItem, summaryIndex) => (
-              <Table.Summary.Row key={summaryIndex}>
-                {summaryRow.map((item: any, index: number) => {
-                  const { cout = [] } = summaryItem;
-                  const target = cout.filter(
-                    (inner: any) =>
-                      inner.key &&
-                      (inner.key === item.dataIndex || inner.key === item.key),
-                  )[0];
-                  if (target) {
-                    const labelText = target.labelShow ? `${item.title}:` : ``;
-                    return (
-                      <Table.Summary.Cell
-                        index={index}
-                        key={`Table.Summary.Cell_${item.index}`}
-                      >
-                        <Text type="danger">
-                          {`${labelText} ${target.value ?? ''}`}
-                        </Text>
-                      </Table.Summary.Cell>
-                    );
-                  } else {
-                    return (
-                      <Table.Summary.Cell
-                        index={index}
-                        key={`Table.Summary.Cell_${item.index}`}
-                      >
-                        <Text type="danger">{` `}</Text>
-                      </Table.Summary.Cell>
-                    );
+      // 创建Summary组件并跟踪实例，添加强化的清理逻辑
+      const summaryElement = (
+        <Table.Summary 
+          fixed
+          ref={(ref) => {
+            if (ref && !isUnmountedRef.current) {
+              summaryInstancesRef.current.add(ref);
+              tempInstancesRef.current.push(ref);
+              
+              // 为每个Summary实例添加清理标记
+              if (ref && typeof ref === 'object') {
+                ref._bsQueryTableCleanup = () => {
+                  try {
+                    // 清理可能的context引用
+                    if (ref.context) {
+                      ref.context = null;
+                    }
+                    // 清理可能的props引用
+                    if (ref.props) {
+                      Object.keys(ref.props).forEach(key => {
+                        if (typeof ref.props[key] === 'function') {
+                          ref.props[key] = null;
+                        }
+                      });
+                    }
+                    // 清理可能的state引用
+                    if (ref.state) {
+                      ref.state = null;
+                    }
+                  } catch (error) {
+                    console.warn('[BsSulaQueryTable] Summary实例清理失败:', error);
                   }
-                })}
-              </Table.Summary.Row>
-            ))}
+                };
+              }
+            } else if (ref && isUnmountedRef.current) {
+              // 如果组件已卸载但仍有ref回调，立即清理
+              console.warn('[BsSulaQueryTable] 检测到卸载后的Summary ref回调，立即清理');
+              if (typeof ref._bsQueryTableCleanup === 'function') {
+                ref._bsQueryTableCleanup();
+              }
+            }
+          }}
+        >
+          {Array.isArray(summaryList) &&
+            summaryList.map((summaryItem, summaryIndex) => {
+              // 再次检查卸载状态
+              if (isUnmountedRef.current) return null;
+              
+              return (
+                <Table.Summary.Row 
+                  key={summaryIndex}
+                  ref={(ref) => {
+                    if (ref && !isUnmountedRef.current) {
+                      summaryInstancesRef.current.add(ref);
+                      tempInstancesRef.current.push(ref);
+                      // 为Summary.Row添加清理标记
+                      if (ref && typeof ref === 'object') {
+                        ref._bsQueryTableCleanup = () => {
+                          try {
+                            if (ref.context) ref.context = null;
+                            if (ref.props) {
+                              Object.keys(ref.props).forEach(key => {
+                                if (typeof ref.props[key] === 'function') {
+                                  ref.props[key] = null;
+                                }
+                              });
+                            }
+                            if (ref.state) ref.state = null;
+                          } catch (error) {
+                            console.warn('[BsSulaQueryTable] Summary.Row清理失败:', error);
+                          }
+                        };
+                      }
+                    } else if (ref && isUnmountedRef.current) {
+                      if (typeof ref._bsQueryTableCleanup === 'function') {
+                        ref._bsQueryTableCleanup();
+                      }
+                    }
+                  }}
+                >
+                  {summaryRow.map((item: any, index: number) => {
+                    // 检查卸载状态
+                    if (isUnmountedRef.current) return null;
+                    
+                    const { cout = [] } = summaryItem;
+                    const target = cout.filter(
+                      (inner: any) =>
+                        inner.key &&
+                        (inner.key === item.dataIndex || inner.key === item.key),
+                    )[0];
+                    
+                    const cellRef = (ref) => {
+                      if (ref && !isUnmountedRef.current) {
+                        summaryInstancesRef.current.add(ref);
+                        tempInstancesRef.current.push(ref);
+                        // 为Summary.Cell添加清理标记
+                        if (ref && typeof ref === 'object') {
+                          ref._bsQueryTableCleanup = () => {
+                            try {
+                              if (ref.context) ref.context = null;
+                              if (ref.props) {
+                                Object.keys(ref.props).forEach(key => {
+                                  if (typeof ref.props[key] === 'function') {
+                                    ref.props[key] = null;
+                                  }
+                                });
+                              }
+                              if (ref.state) ref.state = null;
+                            } catch (error) {
+                              console.warn('[BsSulaQueryTable] Summary.Cell清理失败:', error);
+                            }
+                          };
+                        }
+                      } else if (ref && isUnmountedRef.current) {
+                        if (typeof ref._bsQueryTableCleanup === 'function') {
+                          ref._bsQueryTableCleanup();
+                        }
+                      }
+                    };
+                    
+                    if (target) {
+                      const labelText = target.labelShow ? `${item.title}:` : ``;
+                      return (
+                        <Table.Summary.Cell
+                          index={index}
+                          key={`Table.Summary.Cell_${item.index}`}
+                          ref={cellRef}
+                        >
+                          <Text 
+                            type="danger"
+                          >
+                            {`${labelText} ${target.value ?? ''}`}
+                          </Text>
+                        </Table.Summary.Cell>
+                      );
+                    } else {
+                      return (
+                        <Table.Summary.Cell
+                          index={index}
+                          key={`Table.Summary.Cell_${item.index}`}
+                          ref={cellRef}
+                        >
+                          <Text 
+                            type="danger"
+                          >
+                            {` `}
+                          </Text>
+                        </Table.Summary.Cell>
+                      );
+                    }
+                  })}
+                </Table.Summary.Row>
+              );
+            })}
         </Table.Summary>
       );
+      
+      return summaryElement;
     } else {
       return undefined;
     }
-  }, [props.summaryList, props.rowSelection, props.expandable, showColumn]);
+  }, []); // 移除所有依赖项，使用stateRef访问最新状态
 
   const columnsDom = <span className="ant-dropdown-link">
     <div onClick={sortTableRef?.current?.showModal} className="ant-dropdown-link">
@@ -1157,17 +1567,30 @@ export default (props: any) => {
   />
 
   const memoConfig = useMemo(
-    () => ({
-      ...config,
-      summary: props.summary,
-      summaryList: props.summaryList ? getTableSummaryInfo : undefined,
-      statusMapping: props.statusMapping,
-      isBsSulaQueryTable: true,
-      columnsDom:columnsDom,
-      queryFieldsDom,
-    }),
+    () => {
+      // 检查组件是否已卸载
+      if (isUnmountedRef.current) {
+        console.warn('[BsSulaQueryTable] 组件已卸载，跳过memoConfig创建');
+        return {};
+      }
+      
+      const memoConfigObject = {
+        ...config,
+        summary: props.summary,
+        summaryList: props.summaryList ? getTableSummaryInfo : undefined,
+        statusMapping: props.statusMapping,
+        isBsSulaQueryTable: true,
+        columnsDom:columnsDom,
+        queryFieldsDom,
+      };
+      
+      // 存储memoConfig引用用于清理
+      memoConfigRef.current = memoConfigObject;
+      
+      return memoConfigObject;
+    },
     [
-      checkedList,
+      // 只保留必要的依赖项，避免不必要的重新计算
       showColumn,
       props.statusMapping,
       showSearchFields,
@@ -1175,6 +1598,10 @@ export default (props: any) => {
       getTableSummaryInfo,
       props.summaryList,
       props.summary,
+      props.rowSelection,
+      props.expandable,
+      config,
+      bsTableCode,
     ],
   );