w-ui/packages/dialog/toast/index.js

A Vue.js 2.0 UI Toolkit for mobile

import Vue from 'vue'
import {pageScroll} from '../../../src/utils'
import Toast from './toast.vue'

const ToastConstructor = Vue.extend(Toast)

const instance = new ToastConstructor({
  el: document.createElement('div')
})

ToastConstructor.prototype.closeToast = function () {
  const el = instance.$el
  el.parentNode && el.parentNode.removeChild(el)

  pageScroll.unlock()

  typeof this.callback === 'function' && this.callback()
}

const ToastFn = (content, options = {}) => {
  instance.content = content
  instance.icon = options.icon
  instance.timeout = ~~options.timeout || 2000
  instance.callback = options.callback

  document.body.appendChild(instance.$el)

  pageScroll.lock()

  const timer = setTimeout(() => {
    clearTimeout(timer)
    instance.closeToast()
  }, instance.timeout + 100)
}

export default ToastFn