fix: onDestory清除消息元素以防止内存泄漏

coderyjw · Feb 18, 2022 · 29d51cb · 29d51cb
1 parent 31cd9ab
commit 29d51cb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/lib/message/src/message-method.ts b/src/lib/message/src/message-method.ts
@@ -90,6 +90,7 @@ export function close(id: string, userOnClose?: (vm: VNode) => void): void {
 
   const removedHeight = vm.el!.offsetHeight;
   instances.splice(idx, 1);
+  console.log(userOnClose, vm);
 
   // adjust other instances vertical offset
   const len = instances.length;
@@ -101,4 +102,13 @@ export function close(id: string, userOnClose?: (vm: VNode) => void): void {
     instances[i].vm.component!.props.offset = pos;
   }
 }
+
+export function closeAll(): void {
+  for (let i = instances.length - 1; i >= 0; i--) {
+    const instance = instances[i].vm.component;
+    (instance?.proxy as any)?.close();
+  }
+}
+
+message.closeAll = closeAll;
 export default message;
diff --git a/src/lib/message/src/message.vue b/src/lib/message/src/message.vue
@@ -4,7 +4,7 @@
     leave-active-class="animate__zoomOut"
     enter-active-class="animate__zoomIn"
     @before-leave="onClose"
-    @after-leave="$emit('destory')"
+    @after-leave="$emit('destroy')"
   >
     <div
       class="jw-message animate__animated"