m2-mobui/packages/toast/index.js

The package is provided web components and utilities based on vue and element-ui.

import Vue from 'vue'
import Toast from './src/main'

const ToastConstructor = Vue.extend(Toast)
ToastConstructor.prototype.close = function() {
  this.visible = false
  document.body.removeChild(this.$el)
}

const toast = (message, duration = 2000) => {
  const instance = new ToastConstructor({ data: { message } }).$mount(document.createElement('div'))
  document.body.appendChild(instance.$el)
  instance.visible = true
  Vue.nextTick(() => {
    setTimeout(() => instance.close(), duration)
  })
  return instance
}

export default toast