chore(core): 页面变化时仅移除配置的事件

packages/core/src/App.ts

@@ -68,6 +68,8 @@ class App extends EventEmitter {
 
   public eventQueueMap: Record<string, EventCache[]> = {};
 
+  private eventList: { [name: string]: (fromCpt: Node, ...args: any[]) => void } = {};
+
   constructor(options: AppOptionsConfig) {
     super();
 
@@ -175,6 +177,7 @@ class App extends EventEmitter {
         this.page.destroy();
         this.page = undefined;
       }
+      super.emit('page-change');
       return;
     }
 
@@ -189,6 +192,8 @@ class App extends EventEmitter {
       app: this,
     });
 
+    super.emit('page-change', this.page);
+
     if (this.platform !== 'magic') {
       this.bindEvents();
     }
@@ -223,22 +228,27 @@ class App extends EventEmitter {
   }
 
   public bindEvents() {
-    if (!this.page) return;
+    Object.entries(this.eventList).forEach(([name, handler]) => {
+      this.off(name, handler);
+    });
 
-    this.removeAllListeners();
+    this.eventList = {};
+
+    if (!this.page) return;
 
     for (const [, value] of this.page.nodes) {
-      value.events?.forEach((event) => this.bindEvent(event, `${value.data.id}`));
+      value.events?.forEach((event) => {
+        const eventName = `${event.name}_${value.data.id}`;
+        const eventHanlder = (fromCpt: Node, ...args: any[]) => {
+          this.eventHandler(event, fromCpt, args);
+        };
+        this.eventList[eventName] = eventHanlder;
+
+        this.on(eventName, eventHanlder);
+      });
     }
   }
 
-  public bindEvent(event: EventConfig | DeprecatedEventConfig, id: string) {
-    const { name } = event;
-    this.on(`${name}_${id}`, async (fromCpt: Node, ...args) => {
-      await this.eventHandler(event, fromCpt, args);
-    });
-  }
-
   public emit(name: string | symbol, node: any, ...args: any[]): boolean {
     if (node?.data?.id) {
       return super.emit(`${String(name)}_${node.data.id}`, node, ...args);