Toast dev (#149)

* feat(toast): event hide

* test(toast): event hide

* feat: event hide -> timeout

* docs(toast): event timout

document/components/docs/en-US/toast.md

@@ -85,3 +85,9 @@
 | mask | whether to show mask layer | Boolean | true/false | false |
 | txt | tip text | String | - | '' |
 | time | display duration, millisecond | Number | - | 3000 |
+
+### Events
+
+| Event Name | Description |
+| - | - |
+| timeout | triggers when the display time is out |

document/components/docs/zh-CN/toast.md

@@ -86,3 +86,9 @@
 | mask | 遮罩 | Boolean | true/false | false |
 | txt | 提示信息 | String | - | '' |
 | time | 显示时间 | Number | - | 3000 |
+
+### 事件
+
+| 事件名 | 说明 |
+| - | - |
+| timeout | 当显示时间结束时派发 |

example/pages/toast.vue

@@ -20,7 +20,10 @@
       showToastTime() {
         this.toast = this.$createToast({
           time: 1000,
-          txt: 'Toast time 1s'
+          txt: 'Toast time 1s',
+          onHide: () => {
+            console.log('hide')
+          }
         })
         this.toast.show()
       },

src/components/toast/toast.vue

@@ -14,6 +14,8 @@
 
   const COMPONENT_NAME = 'cube-toast'
 
+  const EVENT_TIMEOUT = 'timeout'
+
   export default {
     name: COMPONENT_NAME,
     mixins: [apiMixin],
@@ -65,6 +67,7 @@
           if (this.time !== 0) {
             this.timer = setTimeout(() => {
               this.hide()
+              this.$emit(EVENT_TIMEOUT)
             }, this.time)
           }
         })

src/modules/toast/api.js

 import createAPI from '../../common/helpers/create-api'
 
 export default function addToast (Vue, Toast) {
-  createAPI(Vue, Toast, [], true)
+  createAPI(Vue, Toast, ['timeout'], true)
 }

test/unit/specs/toast.spec.js

@@ -113,5 +113,29 @@ describe('Toast', () => {
         done()
       })
     })
+
+    it('should trigger correct event', function (done) {
+      const timeoutHandle = sinon.spy()
+
+      const vm = createToast({
+        time: 1000
+      }, {
+        timeout: timeoutHandle
+      })
+
+      vm.show()
+
+      setTimeout(() => {
+        expect(timeoutHandle).to.be.calledOnce
+        done()
+      }, 1200)
+    })
+
+    function createToast(props = {}, events = {}) {
+      return instantiateComponent(Vue, Toast, {
+        props: props,
+        on: events
+      })
+    }
   })
 })