Merge pull request #2046 from VisActor/fix/event_release

Fix/event release

Author: xuefei1313

common/changes/@visactor/vrender-animate/fix-event_release_2026-03-02-12-20.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@visactor/vrender-animate",
+      "comment": "fix: fix memory leak by properly removing listener",
+      "type": "none"
+    }
+  ],
+  "packageName": "@visactor/vrender-animate"
+}

common/changes/@visactor/vrender-components/fix-event_release_2026-03-02-12-20.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@visactor/vrender-components",
+      "comment": "fix: fix memory leak by properly removing listener",
+      "type": "none"
+    }
+  ],
+  "packageName": "@visactor/vrender-components"
+}

packages/vrender-animate/src/ticker/default-ticker.ts

@@ -70,9 +70,7 @@ export class DefaultTicker extends EventEmitter implements ITicker {
   init(): void {
     this.interval = 16;
     this.status = STATUS.INITIAL;
-    application.global.hooks.onSetEnv.tap('graph-ticker', () => {
-      this.initHandler(false);
-    });
+    application.global.hooks.onSetEnv.tap('graph-ticker', this._handleGraphTick);
     if (application.global.env) {
       this.initHandler(false);
     }
@@ -221,6 +219,8 @@ export class DefaultTicker extends EventEmitter implements ITicker {
     this.tickerHandler?.release();
     this.tickerHandler = null;
     this.lastFrameTime = -1;
+
+    application.global.hooks.onSetEnv.unTap('graph-ticker', this._handleGraphTick);
   }
 
   protected checkSkip(delta: number): boolean {
@@ -280,4 +280,8 @@ export class DefaultTicker extends EventEmitter implements ITicker {
 
     this.emit('tick', delta);
   };
+
+  protected _handleGraphTick = () => {
+    this.initHandler(false);
+  };
 }

packages/vrender-components/src/scrollbar/scrollbar.ts

@@ -444,7 +444,7 @@ export class ScrollBar extends AbstractComponent<Required<ScrollBarAttributes>>
      * 浏览器上的事件必须解绑，防止内存泄漏，场景树上的事件会自动解绑
      */
     super.release(all);
-    (vglobal.env === 'browser' ? vglobal : this.stage).addEventListener('touchmove', this._handleTouchMove, {
+    (vglobal.env === 'browser' ? vglobal : this.stage).removeEventListener('touchmove', this._handleTouchMove, {
       passive: false
     });
     this._clearDragEvents();

packages/vrender-core/src/core/stage.ts

@@ -1045,6 +1045,10 @@ export class Stage extends Group implements IStage {
     this.window.release();
     this._ticker?.remTimeline(this?.timeline);
     this._ticker?.removeListener('tick', this.afterTickCb);
+    if (!this.params.ticker) {
+      // release stage创建的ticker，避免release外部的ticker
+      this._ticker?.release();
+    }
     this.renderService.renderTreeRoots = [];
   }