修复lint errors

src/components/olmap/core/MapComponent.tsx

@@ -78,15 +78,33 @@ const MapContext = createContext<OlMap | undefined>(undefined);
 const DataContext = createContext<DataContextType | undefined>(undefined);
 
 // 添加防抖函数
-function debounce<F extends (...args: any[]) => any>(func: F, waitFor: number) {
+type DebouncedFunction<F extends (...args: any[]) => any> = ((
+  ...args: Parameters<F>
+) => void) & {
+  cancel: () => void;
+};
+
+function debounce<F extends (...args: any[]) => any>(
+  func: F,
+  waitFor: number
+): DebouncedFunction<F> {
   let timeout: ReturnType<typeof setTimeout> | null = null;
 
-  return (...args: Parameters<F>): void => {
+  const debounced = (...args: Parameters<F>): void => {
     if (timeout !== null) {
       clearTimeout(timeout);
     }
     timeout = setTimeout(() => func(...args), waitFor);
   };
+
+  debounced.cancel = () => {
+    if (timeout !== null) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+  };
+
+  return debounced;
 }
 
 export const useMap = () => {
@@ -187,20 +205,6 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
     [number, number] | undefined
   >();
 
-  // 防抖更新函数
-  const debouncedUpdateData = useRef(
-    debounce(() => {
-      if (tileJunctionDataBuffer.current.length > 0) {
-        setJunctionData(tileJunctionDataBuffer.current);
-        tileJunctionDataBuffer.current = [];
-      }
-      if (tilePipeDataBuffer.current.length > 0) {
-        setPipeData(tilePipeDataBuffer.current);
-        tilePipeDataBuffer.current = [];
-      }
-    }, 100),
-  );
-
   const setJunctionData = (newData: any[]) => {
     const uniqueNewData = newData.filter((item) => {
       if (!item || !item.id) return false;
@@ -232,6 +236,7 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
       });
     }
   };
+
   const setPipeData = (newData: any[]) => {
     const uniqueNewData = newData.filter((item) => {
       if (!item || !item.id) return false;
@@ -263,6 +268,28 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
       });
     }
   };
+
+  const debouncedUpdateDataRef = useRef<DebouncedFunction<() => void> | null>(
+    null,
+  );
+
+  useEffect(() => {
+    debouncedUpdateDataRef.current = debounce(() => {
+      if (tileJunctionDataBuffer.current.length > 0) {
+        setJunctionData(tileJunctionDataBuffer.current);
+        tileJunctionDataBuffer.current = [];
+      }
+      if (tilePipeDataBuffer.current.length > 0) {
+        setPipeData(tilePipeDataBuffer.current);
+        tilePipeDataBuffer.current = [];
+      }
+    }, 100);
+
+    return () => {
+      debouncedUpdateDataRef.current?.cancel();
+      debouncedUpdateDataRef.current = null;
+    };
+  }, []);
   // 配置地图数据源、图层和样式
   const defaultFlatStyle: FlatStyleLike = config.MAP_DEFAULT_STYLE;
   // 定义 SCADA 图层的样式函数，根据 type 字段选择不同图标
@@ -520,7 +547,7 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
             uniqueData.forEach((item) =>
               tileJunctionDataBuffer.current.push(item),
             );
-            debouncedUpdateData.current();
+            debouncedUpdateDataRef.current?.();
           }
         }
       } catch (error) {
@@ -600,7 +627,7 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
           const uniqueData = Array.from(data.values());
           if (uniqueData.length > 0) {
             uniqueData.forEach((item) => tilePipeDataBuffer.current.push(item));
-            debouncedUpdateData.current();
+            debouncedUpdateDataRef.current?.();
           }
         }
       } catch (error) {