veui/managers/simple-dialog.js

Baidu Enterprise UI for Vue.js.

import Vue from 'vue'
import { remove } from 'lodash'

export default class SimpleDialog {
  components = []

  createComponent () {
    const component = new Vue({
      render: (h) => h()
    })
    return component
  }

  create (data) {
    const component = this.createComponent(data)
    const el = document.createElement('div')
    document.body.appendChild(el)
    component.$mount(el)
    this.components.push(component)
    return component
  }

  removeComponent (component) {
    remove(this.components, (item) => item === component)
    component.$destroy()

    let { $el } = component
    if ($el && $el.parentNode) {
      $el.parentNode.removeChild($el)
    }
  }

  clear () {
    this.components.forEach((component) => this.removeComponent(component))
  }

  _show () {
    throw new Error("SimpleDialog's [_show] method must be implemented.")
  }

  show (content, title, options = {}) {
    return this._show({
      ...options,
      content,
      title
    })
  }

  success (content, title, options = {}) {
    return this._show({
      ...options,
      title,
      content,
      type: 'success'
    })
  }

  info (content, title, options = {}) {
    return this._show({
      ...options,
      title,
      content,
      type: 'info'
    })
  }

  error (content, title, options = {}) {
    return this._show({
      ...options,
      title,
      content,
      type: 'error'
    })
  }

  warn (content, title, options = {}) {
    return this._show({
      ...options,
      title,
      content,
      type: 'warning'
    })
  }
}