feat: 简化toast为单个intance

docs/examples-docs/toast.md

@@ -39,6 +39,11 @@ export default {
         message: leftSec.toString()
       });
       window.setInterval(() => {
+        if (leftSec <= 0) {
+          window.clearInterval();
+          toast.clear();
+          return;
+        }
         if (leftSec <= 1) {
           window.clearInterval();
           toast.message = '跳转中...'

packages/toast/src/toast.js

@@ -2,24 +2,18 @@ import Vue from 'vue';
 import merge from 'src/utils/merge';
 
 const ToastConstructor = Vue.extend(require('./toast.vue'));
-let toastQueue = [];
+let instance;
 
 const getInstance = () => {
-  if (toastQueue.length > 0) {
+  if (instance) {
-    const instance = toastQueue[0];
+    instance.clear();
-    toastQueue.splice(0, 1);
-    return instance;
   }
-  return new ToastConstructor({
+  instance = new ToastConstructor({
     el: document.createElement('div')
   });
+  return instance;
 };
 
-const returnInstance = instance => {
-  if (instance) {
-    toastQueue.push(instance);
-  }
-};
 
 const removeDom = event => {
   if (event.target.parentNode) {
@@ -31,7 +25,6 @@ var Toast = (options = {}) => {
   const duration = options.duration || 3000;
 
   let instance = getInstance();
-  returnInstance(instance);
   instance.closed = false;
   clearTimeout(instance.timer);
   instance.type = options.type ? options.type : 'text';

packages/zanui-css/src/toast.css

@@ -44,7 +44,7 @@
       }
 
       .zan-toast__text {
-        padding-bottom: 20px;
+        padding: 15px 0 20px;
         font-size: 14px;
       }
     }