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

package/es/marker-layer.d.ts

@@ -14,17 +14,7 @@ export default class MarkerLayer extends EventEmitter {
     private inited;
     private containerSize;
     constructor(option?: Partial<IMarkerLayerOption>);
-    getDefault(): {
-        cluster: boolean;
-        clusterOption: {
-            radius: number;
-            maxZoom: number;
-            minZoom: number;
-            zoom: number;
-            style: {};
-            className: string;
-        };
-    };
+    getDefault(): IMarkerLayerOption;
     addTo(scene: L7Container): this;
     private setContainerSize;
     private getContainerSize;

package/es/marker.d.ts

@@ -63,6 +63,4 @@ export default class Marker extends EventEmitter {
      */
     private touchStartTime;
     private polyfillEvent;
-    private addDragHandler;
-    private onUp;
 }

package/es/marker.js

@@ -492,10 +492,4 @@ export default class Marker extends EventEmitter {
       }
     }
   }
-  addDragHandler(e) {
-    return null;
-  }
-  onUp(e) {
-    throw new Error('Method not implemented.');
-  }
 }

package/es/popup/layerPopup.d.ts

@@ -17,7 +17,7 @@ export type LayerPopupConfigItem = {
 export interface ILayerPopupOption extends IPopupOption {
     config?: LayerPopupConfigItem[];
     items?: LayerPopupConfigItem[];
-    trigger: 'hover' | 'click' | 'touchend' | 'touchstart';
+    trigger?: 'hover' | 'click' | 'touchend' | 'touchstart';
 }
 type LayerMapInfo = {
     onMouseMove?: (layer: ILayer, e: any) => void;
@@ -50,7 +50,7 @@ export default class LayerPopup extends Popup<ILayerPopupOption> {
      * 当 trigger 为 'click' 时，移动端使用 'touchend'，PC 端使用 'click'
      * @protected
      */
-    protected getActualTriggerEvent(): "hover" | "click" | "touchstart" | "touchend";
+    protected getActualTriggerEvent(): 'hover' | 'click' | 'touchend' | 'touchstart';
     addTo(scene: L7Container): this;
     remove(): this;
     setOptions(option: Partial<ILayerPopupOption>): this;

package/es/popup/layerPopup.js

@@ -79,9 +79,8 @@ export default class LayerPopup extends Popup {
    * @protected
    */
   getActualTriggerEvent() {
-    const {
-      trigger
-    } = this.popupOption;
+    var _this$popupOption$tri;
+    const trigger = (_this$popupOption$tri = this.popupOption.trigger) !== null && _this$popupOption$tri !== void 0 ? _this$popupOption$tri : 'hover';
     if (trigger === 'click') {
       return isPC() ? 'click' : 'touchend';
     }
@@ -114,9 +113,12 @@ export default class LayerPopup extends Popup {
     return this;
   }
   getDefault(option) {
-    const isHoverTrigger = option.trigger === 'hover';
+    var _option$trigger;
+    // trigger 默认值为 'hover'
+    const trigger = (_option$trigger = option.trigger) !== null && _option$trigger !== void 0 ? _option$trigger : 'hover';
+    const isHoverTrigger = trigger === 'hover';
     return _objectSpread(_objectSpread({}, super.getDefault(option)), {}, {
-      trigger: 'hover',
+      trigger,
       followCursor: isHoverTrigger,
       lngLat: {
         lng: 0,

package/es/popup/popup.d.ts

@@ -48,6 +48,11 @@ export default class Popup<O extends IPopupOption = IPopupOption> extends EventE
      * @protected
      */
     protected isShow: boolean;
+    /**
+     * RAF 节流 ID
+     * @protected
+     */
+    protected rafId: number | null;
     protected get lngLat(): ILngLat;
     protected set lngLat(newLngLat: ILngLat);
     constructor(cfg?: Partial<O>);

package/es/popup/popup.js

@@ -61,6 +61,11 @@ export default class Popup extends EventEmitter {
      * @protected
      */
     _defineProperty(this, "isShow", true);
+    /**
+     * RAF 节流 ID
+     * @protected
+     */
+    _defineProperty(this, "rafId", null);
     _defineProperty(this, "onMouseMove", e => {
       var _container$getBoundin;
       const container = this.mapsService.getMapContainer();
@@ -170,7 +175,14 @@ export default class Popup extends EventEmitter {
       this.updatePosition(ev, true);
     });
     _defineProperty(this, "update", () => {
-      this.updatePosition(null, false);
+      // 使用 RAF 节流，避免高频事件导致的性能问题
+      if (this.rafId !== null) {
+        return;
+      }
+      this.rafId = requestAnimationFrame(() => {
+        this.rafId = null;
+        this.updatePosition(null, false);
+      });
     });
     this.popupOption = _objectSpread(_objectSpread({}, this.getDefault(cfg !== null && cfg !== void 0 ? cfg : {})), cfg);
     const {
@@ -219,6 +231,12 @@ export default class Popup extends EventEmitter {
     if (!(this !== null && this !== void 0 && this.isOpen())) {
       return;
     }
+
+    // 取消未执行的 RAF
+    if (this.rafId !== null) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
     if (this.content) {
       DOM.remove(this.content);
     }

package/es/utils/eventManager.d.ts

@@ -0,0 +1,42 @@
+import type { IMapService } from '@antv/l7-core';
+type EventHandler = (...args: any[]) => void;
+/**
+ * 事件管理器，用于统一管理事件绑定和解绑
+ * 解决组件销毁时事件未正确清理导致的内存泄漏问题
+ */
+export declare class EventManager {
+    private bindings;
+    /**
+     * 绑定事件
+     * @param target 事件目标对象
+     * @param event 事件名称
+     * @param handler 事件处理函数
+     */
+    on(target: IMapService, event: string, handler: EventHandler): this;
+    on(target: HTMLElement, event: string, handler: EventHandler): this;
+    on(target: Window, event: string, handler: EventHandler): this;
+    on(target: Document, event: string, handler: EventHandler): this;
+    /**
+     * 解绑指定事件
+     * @param target 事件目标对象
+     * @param event 事件名称
+     * @param handler 事件处理函数
+     */
+    off(target: IMapService, event: string, handler: EventHandler): this;
+    off(target: HTMLElement, event: string, handler: EventHandler): this;
+    off(target: Window, event: string, handler: EventHandler): this;
+    off(target: Document, event: string, handler: EventHandler): this;
+    /**
+     * 清除所有绑定的事件
+     */
+    clear(): void;
+    /**
+     * 获取当前绑定的事件数量
+     */
+    size(): number;
+    /**
+     * 判断目标是否为 MapService
+     */
+    private isMapService;
+}
+export default EventManager;

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';