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

Author: coderyjw

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;

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"