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

package/lib/utils/eventManager.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EventManager = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+/**
+ * 事件管理器，用于统一管理事件绑定和解绑
+ * 解决组件销毁时事件未正确清理导致的内存泄漏问题
+ */
+class EventManager {
+  constructor() {
+    (0, _defineProperty2.default)(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';
+  }
+}
+exports.EventManager = EventManager;
+var _default = exports.default = EventManager;

package/lib/utils/popper.js

@@ -175,6 +175,14 @@ class Popper extends _eventemitter.EventEmitter {
     this.popperDOM.removeEventListener('mousemove', this.onBtnMouseMove);
     this.popperDOM.removeEventListener('mouseleave', this.onBtnMouseLeave);
     _l7Utils.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/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@antv/l7-component",
-  "version": "2.23.1",
+  "version": "2.23.3-beta.0",
   "description": "Component for L7",
   "license": "MIT",
   "author": "https://github.com/orgs/antvis/people",
-  "sideEffects": true,
+  "sideEffects": [
+    "*.css",
+    "*.less"
+  ],
   "main": "lib/index.js",
   "module": "es/index.js",
   "types": "es/index.d.ts",
@@ -16,13 +19,13 @@
     "@babel/runtime": "^7.7.7",
     "eventemitter3": "^4.0.0",
     "supercluster": "^7.0.0",
-    "@antv/l7-core": "2.23.1",
-    "@antv/l7-layers": "2.23.1",
-    "@antv/l7-utils": "2.23.1"
+    "@antv/l7-core": "2.23.3-beta.0",
+    "@antv/l7-layers": "2.23.3-beta.0",
+    "@antv/l7-utils": "2.23.3-beta.0"
   },
   "devDependencies": {
     "less": "^4.1.3",
-    "@antv/l7-test-utils": "^2.23.1"
+    "@antv/l7-test-utils": "^2.23.3-beta.0"
   },
   "publishConfig": {
     "access": "public",
@@ -34,7 +37,6 @@
     "build": "npm run clean && father build",
     "check-deps": "father doctor",
     "lint": "eslint src __tests__",
-    "clean": "rimraf dist es lib",
-    "less": "lessc src/css/index.less src/css/index.css"
+    "clean": "rimraf dist es lib"
   }
 }