vdesign-ui 0.2.8 → 0.2.11

package/dist/components/toast/index.js

@@ -2,6 +2,8 @@ import Vue from 'vue';
 import ToastComponent from './index.vue';
 import { inBrowser } from '../utils/env';
 
+let queueResult = []
+let allowMultiple = false
 
 function getType(value) {
   if (value !== value) return 'NaN';
@@ -12,8 +14,8 @@ class VdToast extends Vue.extend(ToastComponent) {
   constructor(options) {
     super();
     this.vm = this.$mount();
-
     this.timer = null
+    this.allowMultiple = allowMultiple
 
     // 判断传入的 options 类型，并进行赋值
     if (typeof options === 'string' || typeof options === 'number') {
@@ -33,11 +35,16 @@ class VdToast extends Vue.extend(ToastComponent) {
   init() {
     if (inBrowser) {
       document.body.appendChild(this.vm.$el)
+      if (!this.allowMultiple) {
+        queueResult.forEach(toast => {
+          toast.clear()
+        })
+        queueResult = [];
+      }
       this.start()
     }
   }
 
-
   start() {
     clearTimeout(this.timer)
     /**
@@ -51,7 +58,6 @@ class VdToast extends Vue.extend(ToastComponent) {
     }, 0)
   }
 
-
   end() {
     /**
      * 关闭过渡效果之后移除真实 DOM 树节点
@@ -65,12 +71,27 @@ class VdToast extends Vue.extend(ToastComponent) {
     this.isShow = false
     if (inBrowser && this.vm.$el) {
       setTimeout(() => {
-        this.vm.$el.parentNode.removeChild(this.vm.$el);
+        this.vm.$el.parentNode && this.vm.$el.parentNode.removeChild(this.vm.$el);
       }, 500)
     }
   }
 }
 
-const Toast = options => new VdToast(options)
+const Toast = (options) => {
+  const NewOption = new VdToast(options)
+  queueResult.push(NewOption)
+  return NewOption
+}
+
+Toast.clear = () => {
+  queueResult.forEach(toast => {
+    toast.clear()
+  })
+  queueResult = [];
+}
+
+Toast.allowMultiple = () => {
+  allowMultiple = true
+}
 
 export default Toast