feat: add toast type

Author: fireyy

src/components/panel/animation.vue

@@ -142,8 +142,7 @@ export default {
       // 检查是否存在未命名动画，避免重复添加
       if (this.$store.state.animation.some(val => val.name === '')) {
         window.$communicator.$emit('notify', {
-          info: '还有未命名动画，请先命名',
-          type: false
+          info: '还有未命名动画，请先命名'
         })
         return
       }
@@ -176,8 +175,7 @@ export default {
           this.currentAnimation.name = ''
         })
         window.$communicator.$emit('notify', {
-          info: '动画名称必须以英文开头',
-          type: false
+          info: '动画名称必须以英文开头'
         })
       }
 
@@ -186,8 +184,7 @@ export default {
           this.currentAnimation.name = value.replace(/\W/g, '')
         })
         window.$communicator.$emit('notify', {
-          info: '请勿使用英文和数字以外的字符',
-          type: false
+          info: '请勿使用英文和数字以外的字符'
         })
       }
     },

src/components/slider.vue

@@ -1,6 +1,6 @@
 <!-- based on muse-ui -->
 <!-- http://www.muse-ui.org/#/slider -->
-<!-- TODO: use input range -->
+<!-- TODO: use input range instead -->
 <template>
   <div :class="{'mu-lisder-wrapper': tuning}">
     <div class="mu-slider" :class="sliderClass"

src/components/toast.vue

@@ -1,6 +1,6 @@
 <template>
   <transition name="drop">
-    <div class="toast" v-show="show">{{ info }}</div>
+    <div class="toast" :class="klass" v-show="show">{{ info }}</div>
   </transition>
 </template>
 
@@ -9,10 +9,19 @@ export default {
   data () {
     return {
       info: '',
-      type: true,
+      type: 'warning',
       show: false
     }
   },
+  computed: {
+    klass () {
+      return {
+        'toast-success': this.type === 'success',
+        'toast-warning': this.type === 'warning',
+        'toast-error': this.type === 'error'
+      }
+    }
+  },
   mounted () {
     window.$communicator.$on('notify', (option) => {
       this.notify(option.info, option.type)
@@ -22,8 +31,7 @@ export default {
     notify (info, type) {
       if (this.show) return
       this.info = info || 'Success!'
-      // FIXME: type = "success" or "warning"
-      this.type = type || true
+      if (type) this.type = type
       this.show = true
       setTimeout(() => {
         this.show = false

src/store/mutation.js

@@ -103,8 +103,7 @@ export default {
           state.counter += 1
         } else {
           window.$communicator.$emit('notify', {
-            info: '只有命名容器才能复制，请先命名',
-            type: false
+            info: '只有命名容器才能复制，请先命名'
           })
         }
       }