commit 48cbc76a96cf6276800fa2480a4a1a809c992afe
author leemove <hg_limu@163.com> Thu Dec 12 18:36:57 2019 +0800
committer 吴晟 Wu Sheng <wu.sheng@foxmail.com> Thu Dec 12 18:36:57 2019 +0800
tree ca70e968628bbda4e80d6029c14f87eb98730fb5
parent b08b723030fa45ada4063c188eef4e84aa4ae6f3

update event-bus type (#231)

* Update: update type of Vue.$eventBus

* Update: update event-bus type

src/event-bus.ts

diff --git a/src/event-bus.ts b/src/event-bus.ts
index 7c6b7ef..a8e0068 100644
--- a/src/event-bus.ts
+++ b/src/event-bus.ts
@@ -1,7 +1,8 @@
-import Vue from 'vue';
+import Vue, { VueConstructor  } from 'vue';
 
 type VueComponentVM = Vue & { _uid: string; };
 
+
 interface Handles {
   [key: string]: any[];
 }
@@ -11,14 +12,14 @@
   private readonly eventMapUid: any;
   private handles!: Handles;
 
-  constructor(vue: Vue) {
+  constructor(vue: VueConstructor) {
     if (!this.handles) {
       Object.defineProperty(this, 'handles', {
         value: {},
         enumerable: false,
       });
     }
-    this.Vue = vue;
+    this.Vue = Vue;
     // _uid and event name map
     this.eventMapUid = {};
   }
@@ -62,6 +63,17 @@
     delete this.handles[eventName];
   }
 
+  /**
+   * eventBus.$offVmEvent.
+   * @param uid uid of VueComponentVM
+   */
+  public $offVmEvent(uid: string) {
+    const currentEvents = this.eventMapUid[uid] || [];
+    currentEvents.forEach((event: any) => {
+      this.$off(event);
+    });
+  }
+
   private setEventMapUid(uid: string, eventName: string) {
     if (!this.eventMapUid[uid]) {
       this.eventMapUid[uid] = [];
@@ -69,24 +81,17 @@
     // Push the name of each _uid subscription to the array to which the respective uid belongs.
     this.eventMapUid[uid].push(eventName);
   }
-
-  private $offVmEvent(uid: string) {
-    const currentEvents = this.eventMapUid[uid] || [];
-    currentEvents.forEach((event: any) => {
-      this.$off(event);
-    });
-  }
 }
 
 const $EventBus = {
-  install: (vue: any) => {
+  install: (vue: VueConstructor) => {
     vue.prototype.$eventBus = new EventBus(vue);
     vue.mixin({
       deactivated() {
-        this.$eventBus.$offVmEvent(this._uid);
+        (this as VueComponentVM).$eventBus.$offVmEvent((this as VueComponentVM)._uid);
       },
       beforeDestroy() {
-        this.$eventBus.$offVmEvent(this._uid);
+        (this as VueComponentVM).$eventBus.$offVmEvent((this as VueComponentVM)._uid);
       },
     });
   },

src/types/vue.d.ts

diff --git a/src/types/vue.d.ts b/src/types/vue.d.ts
index 579e711..136de3e 100644
--- a/src/types/vue.d.ts
+++ b/src/types/vue.d.ts
@@ -1,7 +1,8 @@
 import Vue from 'vue';
+import { EventBus } from '@/event-bus';
 
 declare module 'vue/types/vue' {
   interface Vue {
-    $eventBus: any;
+    $eventBus: EventBus;
   }
 }