@antv/l7-component 2.23.1 → 2.23.3-beta.0

package/es/utils/eventManager.js

@@ -0,0 +1,84 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+/**
+ * 事件管理器，用于统一管理事件绑定和解绑
+ * 解决组件销毁时事件未正确清理导致的内存泄漏问题
+ */
+export class EventManager {
+  constructor() {
+    _defineProperty(this, "bindings", []);
+  }
+  /**
+   * 绑定事件
+   * @param target 事件目标对象
+   * @param event 事件名称
+   * @param handler 事件处理函数
+   */
+  on(target, event, handler) {
+    this.bindings.push({
+      target,
+      event,
+      handler
+    });
+
+    // 根据目标类型选择绑定方式
+    if (this.isMapService(target)) {
+      target.on(event, handler);
+    } else {
+      target.addEventListener(event, handler);
+    }
+    return this;
+  }
+
+  /**
+   * 解绑指定事件
+   * @param target 事件目标对象
+   * @param event 事件名称
+   * @param handler 事件处理函数
+   */
+
+  off(target, event, handler) {
+    const index = this.bindings.findIndex(b => b.target === target && b.event === event && b.handler === handler);
+    if (index > -1) {
+      this.bindings.splice(index, 1);
+      if (this.isMapService(target)) {
+        target.off(event, handler);
+      } else {
+        target.removeEventListener(event, handler);
+      }
+    }
+    return this;
+  }
+
+  /**
+   * 清除所有绑定的事件
+   */
+  clear() {
+    this.bindings.forEach(({
+      target,
+      event,
+      handler
+    }) => {
+      if (this.isMapService(target)) {
+        target.off(event, handler);
+      } else {
+        target.removeEventListener(event, handler);
+      }
+    });
+    this.bindings = [];
+  }
+
+  /**
+   * 获取当前绑定的事件数量
+   */
+  size() {
+    return this.bindings.length;
+  }
+
+  /**
+   * 判断目标是否为 MapService
+   */
+  isMapService(target) {
+    return target && typeof target.on === 'function' && typeof target.off === 'function';
+  }
+}
+export default EventManager;

package/es/utils/popper.js

@@ -169,6 +169,14 @@ export class Popper extends EventEmitter {
     this.popperDOM.removeEventListener('mousemove', this.onBtnMouseMove);
     this.popperDOM.removeEventListener('mouseleave', this.onBtnMouseLeave);
     DOM.remove(this.popperDOM);
+
+    // 从 conflictPopperList 中移除当前实例，防止内存泄漏
+    if (this.option.unique) {
+      const index = Popper.conflictPopperList.indexOf(this);
+      if (index > -1) {
+        Popper.conflictPopperList.splice(index, 1);
+      }
+    }
   }
   resetPopperPosition() {
     const popperStyleObj = {};

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import Marker from './marker';
 import MarkerLayer from './marker-layer';
 import './assets/iconfont/iconfont.js';
-import './css/index.css';
+import './css/index.less';
 export * from './control/baseControl';
 export { ExportImage, type IExportImageControlOption } from './control/exportImage';
 export { Fullscreen, type IFullscreenControlOption } from './control/fullscreen';