@visactor/vrender-core 1.0.9 → 1.0.11-alpha.0

package/dist/index.es.js

@@ -924,6 +924,13 @@ class EventListenerManager {
         if (!listener) {
             return;
         }
+        const capture = this._resolveCapture(options);
+        const once = this._resolveOnce(options);
+        const listenerTypeMap = this._getOrCreateListenerTypeMap(type);
+        const wrappedMap = this._getOrCreateWrappedMap(listenerTypeMap, listener);
+        if (wrappedMap.has(capture)) {
+            return;
+        }
         const wrappedListener = (event) => {
             const transformedEvent = this._eventListenerTransformer(event);
             if (typeof listener === 'function') {
@@ -932,38 +939,80 @@ class EventListenerManager {
             else if (listener.handleEvent) {
                 listener.handleEvent(transformedEvent);
             }
+            if (once) {
+                this._deleteListenerRecord(type, listener, capture);
+            }
         };
-        if (!this._listenerMap.has(type)) {
-            this._listenerMap.set(type, new Map());
-        }
-        this._listenerMap.get(type).set(listener, wrappedListener);
+        wrappedMap.set(capture, { wrappedListener, options });
         this._nativeAddEventListener(type, wrappedListener, options);
     }
     removeEventListener(type, listener, options) {
-        var _a;
+        var _a, _b;
         if (!listener) {
             return;
         }
-        const wrappedListener = (_a = this._listenerMap.get(type)) === null || _a === void 0 ? void 0 : _a.get(listener);
-        if (wrappedListener) {
-            this._nativeRemoveEventListener(type, wrappedListener, options);
-            this._listenerMap.get(type).delete(listener);
-            if (this._listenerMap.get(type).size === 0) {
-                this._listenerMap.delete(type);
-            }
+        const capture = this._resolveCapture(options);
+        const wrappedRecord = (_b = (_a = this._listenerMap.get(type)) === null || _a === void 0 ? void 0 : _a.get(listener)) === null || _b === void 0 ? void 0 : _b.get(capture);
+        if (wrappedRecord) {
+            this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture);
+            this._deleteListenerRecord(type, listener, capture);
         }
     }
     dispatchEvent(event) {
         return this._nativeDispatchEvent(event);
     }
     clearAllEventListeners() {
-        this._listenerMap.forEach((listenersMap, type) => {
-            listenersMap.forEach((wrappedListener, originalListener) => {
-                this._nativeRemoveEventListener(type, wrappedListener, undefined);
+        this._listenerMap.forEach((listenerMap, type) => {
+            listenerMap.forEach(wrappedMap => {
+                wrappedMap.forEach((wrappedRecord, capture) => {
+                    this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture);
+                });
             });
         });
         this._listenerMap.clear();
     }
+    _resolveCapture(options) {
+        if (typeof options === 'boolean') {
+            return options;
+        }
+        return !!(options === null || options === void 0 ? void 0 : options.capture);
+    }
+    _resolveOnce(options) {
+        return typeof options === 'object' && !!(options === null || options === void 0 ? void 0 : options.once);
+    }
+    _getOrCreateListenerTypeMap(type) {
+        let listenerTypeMap = this._listenerMap.get(type);
+        if (!listenerTypeMap) {
+            listenerTypeMap = new Map();
+            this._listenerMap.set(type, listenerTypeMap);
+        }
+        return listenerTypeMap;
+    }
+    _getOrCreateWrappedMap(listenerTypeMap, listener) {
+        let wrappedMap = listenerTypeMap.get(listener);
+        if (!wrappedMap) {
+            wrappedMap = new Map();
+            listenerTypeMap.set(listener, wrappedMap);
+        }
+        return wrappedMap;
+    }
+    _deleteListenerRecord(type, listener, capture) {
+        const listenerTypeMap = this._listenerMap.get(type);
+        if (!listenerTypeMap) {
+            return;
+        }
+        const wrappedMap = listenerTypeMap.get(listener);
+        if (!wrappedMap) {
+            return;
+        }
+        wrappedMap.delete(capture);
+        if (wrappedMap.size === 0) {
+            listenerTypeMap.delete(listener);
+        }
+        if (listenerTypeMap.size === 0) {
+            this._listenerMap.delete(type);
+        }
+    }
     _nativeAddEventListener(type, listener, options) {
         throw new Error('_nativeAddEventListener must be implemented by derived classes');
     }
@@ -3533,8 +3582,8 @@ const DefaultPathAttribute = Object.assign(Object.assign({}, DefaultAttribute),
     } });
 const DefaultPolygonAttribute = Object.assign(Object.assign({}, DefaultAttribute), { points: [], cornerRadius: 0, closePath: true });
 const DefaultStarAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 100, height: 100, spikes: 5, thickness: 0.5 });
-const DefaultRectAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 0, height: 0, x1: 0, y1: 0, strokeBoundsBuffer: 0, cornerRadius: 0, cornerType: 'round' });
-const DefaultRect3dAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 0, height: 0, x1: 0, y1: 0, cornerRadius: 0, length: 0, cornerType: 'round' });
+const DefaultRectAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 0, height: 0, x1: 0, y1: 0, strokeBoundsBuffer: 0, cornerRadius: 0, cornerType: 'round', drawStrokeWhenZeroWH: false });
+const DefaultRect3dAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 0, height: 0, x1: 0, y1: 0, cornerRadius: 0, length: 0, cornerType: 'round', drawStrokeWhenZeroWH: false });
 const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), { symbolType: 'circle', size: 10, keepDirIn3d: true, clipRange: 1 });
 const DefaultTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { strokeBoundsBuffer: 0, keepDirIn3d: true });
 const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { upgradeAttrs: null, editable: false, editOptions: null, ascentDescentMode: 'actual', width: 300, height: 300, ellipsis: true, wordBreak: 'break-word', verticalDirection: 'top', textAlign: 'left', textBaseline: 'top', layoutDirection: 'horizontal', textConfig: [], disableAutoWrapLine: false, maxHeight: undefined, maxWidth: undefined, singleLine: false });
@@ -7353,6 +7402,13 @@ class EventManager {
         }
         const constructor = event.constructor;
         if (!this.eventPool.has(constructor)) {
+            this.eventPool.get(constructor).forEach(e => {
+                e.eventPhase = event.NONE;
+                e.currentTarget = null;
+                e.path = [];
+                e.detailPath = [];
+                e.target = null;
+            });
             this.eventPool.set(constructor, []);
         }
         (_a = this.eventPool.get(constructor)) === null || _a === void 0 ? void 0 : _a.push(event);
@@ -11300,6 +11356,9 @@ class Graphic extends Node {
             });
     }
     setAttributes(params, forceUpdateTag = false, context) {
+        if (!params) {
+            return;
+        }
         params =
             (this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context)) || params;
         if (params.background) {
@@ -12022,6 +12081,7 @@ class Graphic extends Node {
         this.releaseStatus = 'released';
         this.stopAnimates();
         application.graphicService.onRelease(this);
+        super.release();
     }
     _emitCustomEvent(type, context) {
         var _a, _b;
@@ -12617,7 +12677,10 @@ function rectFillVisible(opacity, fillOpacity, width, height, fill) {
 function strokeVisible(opacity, strokeOpacity) {
     return opacity * strokeOpacity > 0;
 }
-function rectStrokeVisible(opacity, strokeOpacity, width, height) {
+function rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH) {
+    if (drawStrokeWhenZeroWH) {
+        return opacity * strokeOpacity > 0;
+    }
     return opacity * strokeOpacity > 0 && width !== 0 && height !== 0;
 }
 function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
@@ -14611,10 +14674,6 @@ class Glyph extends Graphic {
                 }
             }
         });
-        this.subGraphic.forEach((graphic, index) => {
-            graphic.updateNormalAttrs(subAttrs[index]);
-            graphic.applyStateAttrs(subAttrs[index], states, hasAnimation);
-        });
         this.updateNormalAttrs(stateAttrs);
         this.currentStates = states;
         this.applyStateAttrs(stateAttrs, states, hasAnimation);
@@ -14623,10 +14682,6 @@ class Glyph extends Graphic {
         this.stopStateAnimates();
         if (this.hasState() && this.normalAttrs) {
             this.currentStates = [];
-            this.subGraphic.forEach(graphic => {
-                graphic.applyStateAttrs(graphic.normalAttrs, this.currentStates, hasAnimation, true);
-                graphic.normalAttrs = null;
-            });
             this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, true);
         }
         else {
@@ -19585,12 +19640,12 @@ let DefaultCanvasRectRender = class DefaultCanvasRectRender extends BaseRender {
     }
     drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb, rectAttribute) {
         rectAttribute = rectAttribute !== null && rectAttribute !== void 0 ? rectAttribute : getTheme(rect, params === null || params === void 0 ? void 0 : params.theme).rect;
-        const { fill = rectAttribute.fill, background, stroke = rectAttribute.stroke, cornerRadius = rectAttribute.cornerRadius, cornerType = rectAttribute.cornerType, opacity = rectAttribute.opacity, fillOpacity = rectAttribute.fillOpacity, lineWidth = rectAttribute.lineWidth, strokeOpacity = rectAttribute.strokeOpacity, visible = rectAttribute.visible, x1, y1, x: originX = rectAttribute.x, y: originY = rectAttribute.y, fillStrokeOrder = rectAttribute.fillStrokeOrder } = rect.attribute;
+        const { fill = rectAttribute.fill, background, stroke = rectAttribute.stroke, cornerRadius = rectAttribute.cornerRadius, cornerType = rectAttribute.cornerType, opacity = rectAttribute.opacity, fillOpacity = rectAttribute.fillOpacity, lineWidth = rectAttribute.lineWidth, strokeOpacity = rectAttribute.strokeOpacity, visible = rectAttribute.visible, x1, y1, x: originX = rectAttribute.x, y: originY = rectAttribute.y, fillStrokeOrder = rectAttribute.fillStrokeOrder, drawStrokeWhenZeroWH = rectAttribute.drawStrokeWhenZeroWH } = rect.attribute;
         let { width, height } = rect.attribute;
         width = (width !== null && width !== void 0 ? width : x1 - originX) || 0;
         height = (height !== null && height !== void 0 ? height : y1 - originY) || 0;
         const fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill);
-        const sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height);
+        const sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH);
         const doFill = runFill(fill, background);
         const doStroke = runStroke(stroke, lineWidth);
         if (!(rect.valid && visible)) {
@@ -22676,7 +22731,7 @@ class Stage extends Group {
             }
         };
         this.beforeRender = (stage) => {
-            this._beforeRender && this._beforeRender(stage);
+            this._beforeRenderList.forEach(cb => cb(stage));
         };
         this.afterClearScreen = (drawParams) => {
             this._afterClearScreen && this._afterClearScreen(drawParams);
@@ -22686,7 +22741,7 @@ class Stage extends Group {
         };
         this.afterRender = (stage) => {
             this.renderCount++;
-            this._afterRender && this._afterRender(stage);
+            this._afterRenderList.forEach(cb => cb(stage));
             this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage));
             this._afterNextRenderCbs = null;
             this.tickedBeforeRender = false;
@@ -22713,6 +22768,8 @@ class Stage extends Group {
         this.layerService = container.get(LayerService);
         this.graphicService = container.get(GraphicService);
         this.pluginService.active(this, params);
+        this._beforeRenderList = [];
+        this._afterRenderList = [];
         this.window.create({
             width: params.width,
             height: params.height,
@@ -22750,10 +22807,14 @@ class Stage extends Group {
         params.enableLayout && this.enableLayout();
         this.hooks.beforeRender.tap('constructor', this.beforeRender);
         this.hooks.afterRender.tap('constructor', this.afterRender);
+        if (params.beforeRender) {
+            this._beforeRenderList.push(params.beforeRender);
+        }
+        if (params.afterRender) {
+            this._afterRenderList.push(params.afterRender);
+        }
         this.hooks.afterClearScreen.tap('constructor', this.afterClearScreen);
         this.hooks.afterClearRect.tap('constructor', this.afterClearRect);
-        this._beforeRender = params.beforeRender;
-        this._afterRender = params.afterRender;
         this._afterClearScreen = params.afterClearScreen;
         this._afterClearRect = params.afterClearRect;
         this.supportInteractiveLayer = params.interactiveLayer !== false;
@@ -22886,10 +22947,16 @@ class Stage extends Group {
         }
     }
     setBeforeRender(cb) {
-        this._beforeRender = cb;
+        this._beforeRenderList.push(cb);
+    }
+    removeBeforeRender(cb) {
+        this._beforeRenderList = this._beforeRenderList.filter(c => c !== cb);
     }
     setAfterRender(cb) {
-        this._afterRender = cb;
+        this._afterRenderList.push(cb);
+    }
+    removeAfterRender(cb) {
+        this._afterRenderList = this._afterRenderList.filter(c => c !== cb);
     }
     afterNextRender(cb) {
         if (!this._afterNextRenderCbs) {
@@ -24928,6 +24995,7 @@ class EditModule {
         this.container = container !== null && container !== void 0 ? container : document.body;
         const textAreaDom = document.createElement('textarea');
         textAreaDom.autocomplete = 'off';
+        textAreaDom.spellcheck = false;
         textAreaDom.innerText = '';
         this.applyStyle(textAreaDom);
         this.container.append(textAreaDom);
@@ -24952,7 +25020,7 @@ class EditModule {
         this.onFocusOutList.push(cb);
     }
     applyStyle(textAreaDom) {
-        textAreaDom.setAttribute('style', `width: 100px; height: 30px; left: 0; top: 0; position: absolute; z-index: -1; outline: none; resize: none; border: none; overflow: hidden; color: transparent; user-select: none; caret-color: transparent;background-color: transparent;`);
+        textAreaDom.setAttribute('style', `width: 100px; height: 30px; left: 0; top: 0; position: absolute; z-index: -1; outline: none; resize: none; border: none; overflow: hidden; color: transparent; user-select: none; caret-color: transparent;background-color: transparent;opacity: 0;pointer-events: none;`);
         textAreaDom.addEventListener('input', this.handleInput);
         textAreaDom.addEventListener('compositionstart', this.handleCompositionStart);
         textAreaDom.addEventListener('compositionend', this.handleCompositionEnd);
@@ -26700,15 +26768,15 @@ let DefaultCanvasRect3dRender = class DefaultCanvasRect3dRender extends Base3dRe
         this.numberType = RECT3D_NUMBER_TYPE;
     }
     drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb) {
-        var _a;
+        var _a, _b;
         const rectAttribute = getTheme(rect, params === null || params === void 0 ? void 0 : params.theme).rect;
-        const { fill = rectAttribute.fill, stroke = rectAttribute.stroke, x1, y1, x: originX, y: originY, opacity = rectAttribute.opacity, fillOpacity = rectAttribute.fillOpacity, lineWidth = rectAttribute.lineWidth, strokeOpacity = rectAttribute.strokeOpacity, visible = rectAttribute.visible } = rect.attribute;
+        const { fill = rectAttribute.fill, stroke = rectAttribute.stroke, x1, y1, x: originX, y: originY, opacity = rectAttribute.opacity, fillOpacity = rectAttribute.fillOpacity, lineWidth = rectAttribute.lineWidth, strokeOpacity = rectAttribute.strokeOpacity, visible = rectAttribute.visible, drawStrokeWhenZeroWH = (_a = rectAttribute.drawStrokeWhenZeroWH) !== null && _a !== void 0 ? _a : false } = rect.attribute;
         let { width, height } = rect.attribute;
         width = (width !== null && width !== void 0 ? width : x1 - originX) || 0;
         height = (height !== null && height !== void 0 ? height : y1 - originY) || 0;
-        const z = (_a = this.z) !== null && _a !== void 0 ? _a : 0;
+        const z = (_b = this.z) !== null && _b !== void 0 ? _b : 0;
         const fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill);
-        const sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height);
+        const sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH);
         const doFill = runFill(fill);
         const doStroke = runStroke(stroke, lineWidth);
         if (!(rect.valid && visible)) {

package/es/common/event-listener-manager.d.ts

@@ -1,6 +1,9 @@
 import type { IEventListenerManager } from '../interface/event-listener-manager';
 export declare class EventListenerManager implements IEventListenerManager {
-    protected _listenerMap: Map<string, Map<EventListenerOrEventListenerObject, EventListener>>;
+    protected _listenerMap: Map<string, Map<EventListenerOrEventListenerObject, Map<boolean, {
+        wrappedListener: EventListener;
+        options?: boolean | AddEventListenerOptions;
+    }>>>;
     protected _eventListenerTransformer: (event: Event) => Event;
     constructor();
     setEventListenerTransformer(transformer: (event: Event) => Event): void;
@@ -8,6 +11,20 @@ export declare class EventListenerManager implements IEventListenerManager {
     removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     dispatchEvent(event: Event): boolean;
     clearAllEventListeners(): void;
+    protected _resolveCapture(options?: boolean | EventListenerOptions | AddEventListenerOptions): boolean;
+    protected _resolveOnce(options?: boolean | AddEventListenerOptions): boolean;
+    protected _getOrCreateListenerTypeMap(type: string): Map<EventListenerOrEventListenerObject, Map<boolean, {
+        wrappedListener: EventListener;
+        options?: boolean | AddEventListenerOptions;
+    }>>;
+    protected _getOrCreateWrappedMap(listenerTypeMap: Map<EventListenerOrEventListenerObject, Map<boolean, {
+        wrappedListener: EventListener;
+        options?: boolean | AddEventListenerOptions;
+    }>>, listener: EventListenerOrEventListenerObject): Map<boolean, {
+        wrappedListener: EventListener;
+        options?: boolean | AddEventListenerOptions;
+    }>;
+    protected _deleteListenerRecord(type: string, listener: EventListenerOrEventListenerObject, capture: boolean): void;
     protected _nativeAddEventListener(type: string, listener: EventListener, options?: boolean | AddEventListenerOptions): void;
     protected _nativeRemoveEventListener(type: string, listener: EventListener, options?: boolean | EventListenerOptions): void;
     protected _nativeDispatchEvent(event: Event): boolean;

package/es/common/event-listener-manager.js

@@ -7,30 +7,60 @@ export class EventListenerManager {
     }
     addEventListener(type, listener, options) {
         if (!listener) return;
+        const capture = this._resolveCapture(options), once = this._resolveOnce(options), listenerTypeMap = this._getOrCreateListenerTypeMap(type), wrappedMap = this._getOrCreateWrappedMap(listenerTypeMap, listener);
+        if (wrappedMap.has(capture)) return;
         const wrappedListener = event => {
             const transformedEvent = this._eventListenerTransformer(event);
-            "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent);
+            "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent), 
+            once && this._deleteListenerRecord(type, listener, capture);
         };
-        this._listenerMap.has(type) || this._listenerMap.set(type, new Map), this._listenerMap.get(type).set(listener, wrappedListener), 
-        this._nativeAddEventListener(type, wrappedListener, options);
+        wrappedMap.set(capture, {
+            wrappedListener: wrappedListener,
+            options: options
+        }), this._nativeAddEventListener(type, wrappedListener, options);
     }
     removeEventListener(type, listener, options) {
-        var _a;
+        var _a, _b;
         if (!listener) return;
-        const wrappedListener = null === (_a = this._listenerMap.get(type)) || void 0 === _a ? void 0 : _a.get(listener);
-        wrappedListener && (this._nativeRemoveEventListener(type, wrappedListener, options), 
-        this._listenerMap.get(type).delete(listener), 0 === this._listenerMap.get(type).size && this._listenerMap.delete(type));
+        const capture = this._resolveCapture(options), wrappedRecord = null === (_b = null === (_a = this._listenerMap.get(type)) || void 0 === _a ? void 0 : _a.get(listener)) || void 0 === _b ? void 0 : _b.get(capture);
+        wrappedRecord && (this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture), 
+        this._deleteListenerRecord(type, listener, capture));
     }
     dispatchEvent(event) {
         return this._nativeDispatchEvent(event);
     }
     clearAllEventListeners() {
-        this._listenerMap.forEach(((listenersMap, type) => {
-            listenersMap.forEach(((wrappedListener, originalListener) => {
-                this._nativeRemoveEventListener(type, wrappedListener, void 0);
+        this._listenerMap.forEach(((listenerMap, type) => {
+            listenerMap.forEach((wrappedMap => {
+                wrappedMap.forEach(((wrappedRecord, capture) => {
+                    this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture);
+                }));
             }));
         })), this._listenerMap.clear();
     }
+    _resolveCapture(options) {
+        return "boolean" == typeof options ? options : !!(null == options ? void 0 : options.capture);
+    }
+    _resolveOnce(options) {
+        return "object" == typeof options && !!(null == options ? void 0 : options.once);
+    }
+    _getOrCreateListenerTypeMap(type) {
+        let listenerTypeMap = this._listenerMap.get(type);
+        return listenerTypeMap || (listenerTypeMap = new Map, this._listenerMap.set(type, listenerTypeMap)), 
+        listenerTypeMap;
+    }
+    _getOrCreateWrappedMap(listenerTypeMap, listener) {
+        let wrappedMap = listenerTypeMap.get(listener);
+        return wrappedMap || (wrappedMap = new Map, listenerTypeMap.set(listener, wrappedMap)), 
+        wrappedMap;
+    }
+    _deleteListenerRecord(type, listener, capture) {
+        const listenerTypeMap = this._listenerMap.get(type);
+        if (!listenerTypeMap) return;
+        const wrappedMap = listenerTypeMap.get(listener);
+        wrappedMap && (wrappedMap.delete(capture), 0 === wrappedMap.size && listenerTypeMap.delete(listener), 
+        0 === listenerTypeMap.size && this._listenerMap.delete(type));
+    }
     _nativeAddEventListener(type, listener, options) {
         throw new Error("_nativeAddEventListener must be implemented by derived classes");
     }

package/es/common/event-listener-manager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/event-listener-manager.ts"],"names":[],"mappings":"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","file":"event-listener-manager.js","sourcesContent":["import type { IEventListenerManager } from '../interface/event-listener-manager';\n\n/**\n * Base class to manage event listeners with support for event transformation\n * Used by DefaultGlobal and DefaultWindow to handle the transformation of event coordinates\n */\nexport class EventListenerManager implements IEventListenerManager {\n  /**\n   * Map that stores the mapping from original listeners to wrapped listeners\n   * Structure: Map<eventType, Map<originalListener, wrappedListener>>\n   */\n  protected _listenerMap: Map<string, Map<EventListenerOrEventListenerObject, EventListener>>;\n\n  /**\n   * Transformer function that transforms the event\n   */\n  protected _eventListenerTransformer: (event: Event) => Event;\n\n  constructor() {\n    this._listenerMap = new Map();\n    this._eventListenerTransformer = event => event; // Default: no transformation\n  }\n\n  /**\n   * Set the event transformer function\n   * @param transformer Function that transforms events\n   */\n  setEventListenerTransformer(transformer: (event: Event) => Event): void {\n    this._eventListenerTransformer = transformer || (event => event);\n  }\n\n  /**\n   * Add an event listener with event transformation\n   * @param type Event type\n   * @param listener Original event listener\n   * @param options Event listener options\n   */\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void {\n    if (!listener) {\n      return;\n    }\n\n    // Create a wrapped listener that applies the transformation\n    const wrappedListener = (event: Event) => {\n      const transformedEvent = this._eventListenerTransformer(event);\n      if (typeof listener === 'function') {\n        listener(transformedEvent);\n      } else if (listener.handleEvent) {\n        listener.handleEvent(transformedEvent);\n      }\n    };\n\n    // Store the mapping between original and wrapped listener\n    if (!this._listenerMap.has(type)) {\n      this._listenerMap.set(type, new Map());\n    }\n    this._listenerMap.get(type)!.set(listener, wrappedListener);\n\n    // Add the wrapped listener\n    this._nativeAddEventListener(type, wrappedListener, options);\n  }\n\n  /**\n   * Remove an event listener\n   * @param type Event type\n   * @param listener Event listener to remove\n   * @param options Event listener options\n   */\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void {\n    if (!listener) {\n      return;\n    }\n\n    // Get the wrapped listener from our map\n    const wrappedListener = this._listenerMap.get(type)?.get(listener);\n    if (wrappedListener) {\n      // Remove the wrapped listener\n      this._nativeRemoveEventListener(type, wrappedListener, options);\n\n      // Remove from our map\n      this._listenerMap.get(type)!.delete(listener);\n      if (this._listenerMap.get(type)!.size === 0) {\n        this._listenerMap.delete(type);\n      }\n    }\n  }\n\n  /**\n   * Dispatch an event\n   * @param event Event to dispatch\n   */\n  dispatchEvent(event: Event): boolean {\n    return this._nativeDispatchEvent(event);\n  }\n\n  /**\n   * Clear all event listeners\n   */\n  clearAllEventListeners(): void {\n    this._listenerMap.forEach((listenersMap, type) => {\n      listenersMap.forEach((wrappedListener, originalListener) => {\n        this._nativeRemoveEventListener(type, wrappedListener, undefined);\n      });\n    });\n    this._listenerMap.clear();\n  }\n\n  /**\n   * Native implementation of addEventListener\n   * To be implemented by derived classes\n   */\n  protected _nativeAddEventListener(\n    type: string,\n    listener: EventListener,\n    options?: boolean | AddEventListenerOptions\n  ): void {\n    throw new Error('_nativeAddEventListener must be implemented by derived classes');\n  }\n\n  /**\n   * Native implementation of removeEventListener\n   * To be implemented by derived classes\n   */\n  protected _nativeRemoveEventListener(\n    type: string,\n    listener: EventListener,\n    options?: boolean | EventListenerOptions\n  ): void {\n    throw new Error('_nativeRemoveEventListener must be implemented by derived classes');\n  }\n\n  /**\n   * Native implementation of dispatchEvent\n   * To be implemented by derived classes\n   */\n  protected _nativeDispatchEvent(event: Event): boolean {\n    throw new Error('_nativeDispatchEvent must be implemented by derived classes');\n  }\n}\n"]}
+{"version":3,"sources":["../src/common/event-listener-manager.ts"],"names":[],"mappings":"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","file":"event-listener-manager.js","sourcesContent":["import type { IEventListenerManager } from '../interface/event-listener-manager';\n\n/**\n * Base class to manage event listeners with support for event transformation\n * Used by DefaultGlobal and DefaultWindow to handle the transformation of event coordinates\n */\nexport class EventListenerManager implements IEventListenerManager {\n  /**\n   * Map that stores the mapping from original listeners to wrapped listeners\n   * Structure: Map<eventType, Map<originalListener, Map<capture, wrappedRecord>>>\n   */\n  protected _listenerMap: Map<\n    string,\n    Map<\n      EventListenerOrEventListenerObject,\n      Map<boolean, { wrappedListener: EventListener; options?: boolean | AddEventListenerOptions }>\n    >\n  >;\n\n  /**\n   * Transformer function that transforms the event\n   */\n  protected _eventListenerTransformer: (event: Event) => Event;\n\n  constructor() {\n    this._listenerMap = new Map();\n    this._eventListenerTransformer = event => event; // Default: no transformation\n  }\n\n  /**\n   * Set the event transformer function\n   * @param transformer Function that transforms events\n   */\n  setEventListenerTransformer(transformer: (event: Event) => Event): void {\n    this._eventListenerTransformer = transformer || (event => event);\n  }\n\n  /**\n   * Add an event listener with event transformation\n   * @param type Event type\n   * @param listener Original event listener\n   * @param options Event listener options\n   */\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void {\n    if (!listener) {\n      return;\n    }\n\n    const capture = this._resolveCapture(options);\n    const once = this._resolveOnce(options);\n    const listenerTypeMap = this._getOrCreateListenerTypeMap(type);\n    const wrappedMap = this._getOrCreateWrappedMap(listenerTypeMap, listener);\n\n    // Align with native behavior: adding same (type, listener, capture) repeatedly is a no-op.\n    if (wrappedMap.has(capture)) {\n      return;\n    }\n\n    // Create a wrapped listener that applies the transformation\n    const wrappedListener = (event: Event) => {\n      const transformedEvent = this._eventListenerTransformer(event);\n      if (typeof listener === 'function') {\n        listener(transformedEvent);\n      } else if (listener.handleEvent) {\n        listener.handleEvent(transformedEvent);\n      }\n\n      // Native once listeners are removed automatically after dispatch, clear the mapping as well.\n      if (once) {\n        this._deleteListenerRecord(type, listener, capture);\n      }\n    };\n\n    // Store the mapping between original and wrapped listener\n    wrappedMap.set(capture, { wrappedListener, options });\n\n    // Add the wrapped listener\n    this._nativeAddEventListener(type, wrappedListener, options);\n  }\n\n  /**\n   * Remove an event listener\n   * @param type Event type\n   * @param listener Event listener to remove\n   * @param options Event listener options\n   */\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void {\n    if (!listener) {\n      return;\n    }\n\n    const capture = this._resolveCapture(options);\n    const wrappedRecord = this._listenerMap.get(type)?.get(listener)?.get(capture);\n    if (wrappedRecord) {\n      // Remove the wrapped listener\n      this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture);\n      this._deleteListenerRecord(type, listener, capture);\n    }\n  }\n\n  /**\n   * Dispatch an event\n   * @param event Event to dispatch\n   */\n  dispatchEvent(event: Event): boolean {\n    return this._nativeDispatchEvent(event);\n  }\n\n  /**\n   * Clear all event listeners\n   */\n  clearAllEventListeners(): void {\n    this._listenerMap.forEach((listenerMap, type) => {\n      listenerMap.forEach(wrappedMap => {\n        wrappedMap.forEach((wrappedRecord, capture) => {\n          this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture);\n        });\n      });\n    });\n    this._listenerMap.clear();\n  }\n\n  protected _resolveCapture(options?: boolean | EventListenerOptions | AddEventListenerOptions): boolean {\n    if (typeof options === 'boolean') {\n      return options;\n    }\n    return !!options?.capture;\n  }\n\n  protected _resolveOnce(options?: boolean | AddEventListenerOptions): boolean {\n    return typeof options === 'object' && !!options?.once;\n  }\n\n  protected _getOrCreateListenerTypeMap(\n    type: string\n  ): Map<\n    EventListenerOrEventListenerObject,\n    Map<boolean, { wrappedListener: EventListener; options?: boolean | AddEventListenerOptions }>\n  > {\n    let listenerTypeMap = this._listenerMap.get(type);\n    if (!listenerTypeMap) {\n      listenerTypeMap = new Map();\n      this._listenerMap.set(type, listenerTypeMap);\n    }\n    return listenerTypeMap;\n  }\n\n  protected _getOrCreateWrappedMap(\n    listenerTypeMap: Map<\n      EventListenerOrEventListenerObject,\n      Map<boolean, { wrappedListener: EventListener; options?: boolean | AddEventListenerOptions }>\n    >,\n    listener: EventListenerOrEventListenerObject\n  ): Map<boolean, { wrappedListener: EventListener; options?: boolean | AddEventListenerOptions }> {\n    let wrappedMap = listenerTypeMap.get(listener);\n    if (!wrappedMap) {\n      wrappedMap = new Map();\n      listenerTypeMap.set(listener, wrappedMap);\n    }\n    return wrappedMap;\n  }\n\n  protected _deleteListenerRecord(type: string, listener: EventListenerOrEventListenerObject, capture: boolean): void {\n    const listenerTypeMap = this._listenerMap.get(type);\n    if (!listenerTypeMap) {\n      return;\n    }\n    const wrappedMap = listenerTypeMap.get(listener);\n    if (!wrappedMap) {\n      return;\n    }\n    wrappedMap.delete(capture);\n    if (wrappedMap.size === 0) {\n      listenerTypeMap.delete(listener);\n    }\n    if (listenerTypeMap.size === 0) {\n      this._listenerMap.delete(type);\n    }\n  }\n\n  /**\n   * Native implementation of addEventListener\n   * To be implemented by derived classes\n   */\n  protected _nativeAddEventListener(\n    type: string,\n    listener: EventListener,\n    options?: boolean | AddEventListenerOptions\n  ): void {\n    throw new Error('_nativeAddEventListener must be implemented by derived classes');\n  }\n\n  /**\n   * Native implementation of removeEventListener\n   * To be implemented by derived classes\n   */\n  protected _nativeRemoveEventListener(\n    type: string,\n    listener: EventListener,\n    options?: boolean | EventListenerOptions\n  ): void {\n    throw new Error('_nativeRemoveEventListener must be implemented by derived classes');\n  }\n\n  /**\n   * Native implementation of dispatchEvent\n   * To be implemented by derived classes\n   */\n  protected _nativeDispatchEvent(event: Event): boolean {\n    throw new Error('_nativeDispatchEvent must be implemented by derived classes');\n  }\n}\n"]}

package/es/core/stage.d.ts

@@ -58,8 +58,8 @@ export declare class Stage extends Group implements IStage {
     readonly graphicService: IGraphicService;
     private _eventSystem?;
     private get eventSystem();
-    protected _beforeRender?: (stage: IStage) => void;
-    protected _afterRender?: (stage: IStage) => void;
+    protected _beforeRenderList: Array<(stage: IStage) => void>;
+    protected _afterRenderList: Array<(stage: IStage) => void>;
     protected _afterClearScreen?: (drawParams: any) => void;
     protected _afterClearRect?: (drawParams: any) => void;
     protected _skipRender?: number;
@@ -113,7 +113,9 @@ export declare class Stage extends Group implements IStage {
     protected afterRender: (stage: IStage) => void;
     protected afterTickCb: () => void;
     setBeforeRender(cb: (stage: IStage) => void): void;
+    removeBeforeRender(cb: (stage: IStage) => void): void;
     setAfterRender(cb: (stage: IStage) => void): void;
+    removeAfterRender(cb: (stage: IStage) => void): void;
     afterNextRender(cb: (stage: IStage) => void): void;
     enableView3dTransform(): void;
     disableView3dTranform(): void;

package/es/core/stage.js

@@ -126,13 +126,13 @@ export class Stage extends Group {
                 this._skipRender > 1 && this.renderNextFrame(), this._skipRender = 0;
             } else this._skipRender = 1;
         }, this.beforeRender = stage => {
-            this._beforeRender && this._beforeRender(stage);
+            this._beforeRenderList.forEach((cb => cb(stage)));
         }, this.afterClearScreen = drawParams => {
             this._afterClearScreen && this._afterClearScreen(drawParams);
         }, this.afterClearRect = drawParams => {
             this._afterClearRect && this._afterClearRect(drawParams);
         }, this.afterRender = stage => {
-            this.renderCount++, this._afterRender && this._afterRender(stage), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach((cb => cb(stage))), 
+            this.renderCount++, this._afterRenderList.forEach((cb => cb(stage))), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach((cb => cb(stage))), 
             this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
         }, this.afterTickCb = () => {
             this.tickedBeforeRender = !0, "rendering" !== this.state && this.renderNextFrame();
@@ -145,7 +145,7 @@ export class Stage extends Group {
         this.window = container.get(VWindow), this.renderService = container.get(RenderService), 
         this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), 
         this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), 
-        this.window.create({
+        this._beforeRenderList = [], this._afterRenderList = [], this.window.create({
             width: params.width,
             height: params.height,
             viewBox: params.viewBox,
@@ -163,8 +163,8 @@ export class Stage extends Group {
         params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), 
         params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), 
         this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), 
+        params.beforeRender && this._beforeRenderList.push(params.beforeRender), params.afterRender && this._afterRenderList.push(params.afterRender), 
         this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this.hooks.afterClearRect.tap("constructor", this.afterClearRect), 
-        this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, 
         this._afterClearScreen = params.afterClearScreen, this._afterClearRect = params.afterClearRect, 
         this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
             tickRenderMode: "effect"
@@ -259,10 +259,16 @@ export class Stage extends Group {
         options.enableView3dTransform && this.enableView3dTransform();
     }
     setBeforeRender(cb) {
-        this._beforeRender = cb;
+        this._beforeRenderList.push(cb);
+    }
+    removeBeforeRender(cb) {
+        this._beforeRenderList = this._beforeRenderList.filter((c => c !== cb));
     }
     setAfterRender(cb) {
-        this._afterRender = cb;
+        this._afterRenderList.push(cb);
+    }
+    removeAfterRender(cb) {
+        this._afterRenderList = this._afterRenderList.filter((c => c !== cb));
     }
     afterNextRender(cb) {
         this._afterNextRenderCbs || (this._afterNextRenderCbs = []), this._afterNextRenderCbs.push(cb);