@extclp/vexip-ui/es/components/toast/index.mjs.map

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

{"version":3,"file":"index.mjs","sources":["../../../components/toast/index.ts"],"sourcesContent":["import { createApp, createVNode, markRaw, render } from 'vue'\r\n\r\nimport Component from './toast.vue'\r\nimport { proxyExposed, unrefElement } from '@vexip-ui/hooks'\r\nimport { destroyObject, isClient, noop, toNumber } from '@vexip-ui/utils'\r\n\r\nimport type { App, MaybeRef } from 'vue'\r\nimport type { MaybeInstance } from '@vexip-ui/hooks'\r\nimport type { ToastInstance, ToastOptions, ToastType } from './symbol'\r\n\r\nexport { toastProps } from './props'\r\n\r\nexport type { ToastProps, ToastCProps } from './props'\r\nexport type { ToastType, ToastOptions }\r\n\r\ntype FuzzyOptions = string | ToastOptions\r\n\r\ninterface AipMethod {\r\n  (options: ToastOptions): () => void,\r\n  (content: string, duration?: number): () => void,\r\n  /** @internal */\r\n  (options: FuzzyOptions, duration?: number): () => void,\r\n}\r\n\r\nconst conveniences: Record<ToastType, Record<string, any>> = {\r\n  success: {},\r\n  warning: {},\r\n  error: {},\r\n  loading: {\r\n    showMask: true,\r\n  },\r\n}\r\n\r\nexport class ToastManager {\r\n  name: string\r\n  defaults: Record<string, unknown>\r\n\r\n  open: AipMethod\r\n  success: AipMethod\r\n  warning: AipMethod\r\n  error: AipMethod\r\n  loading: AipMethod\r\n\r\n  private _mountedApp: App<unknown> | null\r\n  private _instance: ToastInstance | null\r\n  private _innerApp: App<unknown> | null\r\n  private _container: HTMLElement | null\r\n  private _timer: ReturnType<typeof setTimeout> | null\r\n  private _wrapper: HTMLElement | SVGElement | null\r\n  private _mountedEl: HTMLElement | null\r\n\r\n  constructor(options: Partial<ToastOptions> = {}) {\r\n    options = {\r\n      ...options,\r\n      duration: options.duration ? toNumber(options.duration) : 2000,\r\n    }\r\n\r\n    this._mountedApp = null\r\n    this._instance = null\r\n    this._innerApp = null\r\n    this._container = null\r\n    this._timer = null\r\n    this._wrapper = null\r\n    this._mountedEl = null\r\n    this.name = 'Toast'\r\n    this.defaults = {}\r\n\r\n    this.config(options)\r\n\r\n    this.open = (content: FuzzyOptions, duration?: number) => {\r\n      return this._open(null, content, duration)\r\n    }\r\n\r\n    this.success = (content: FuzzyOptions, duration?: number) => {\r\n      return this._open('success', content, duration)\r\n    }\r\n\r\n    this.warning = (content: FuzzyOptions, duration?: number) => {\r\n      return this._open('warning', content, duration)\r\n    }\r\n\r\n    this.error = (content: FuzzyOptions, duration?: number) => {\r\n      return this._open('error', content, duration)\r\n    }\r\n\r\n    this.loading = (content: FuzzyOptions, duration?: number) => {\r\n      return this._open('loading', content, duration)\r\n    }\r\n  }\r\n\r\n  close() {\r\n    this._timer && clearTimeout(this._timer)\r\n    this._getInstance()?.closeToast()\r\n  }\r\n\r\n  config(options: Record<string, unknown>) {\r\n    this.defaults = { ...this.defaults, ...options }\r\n  }\r\n\r\n  clone() {\r\n    const manager = new ToastManager(this.defaults)\r\n\r\n    manager._mountedApp = this._mountedApp\r\n\r\n    return manager\r\n  }\r\n\r\n  destroy() {\r\n    this._mountedEl && this._wrapper?.removeChild(this._mountedEl)\r\n    this._innerApp?.unmount()\r\n    this._container && render(null, this._container)\r\n    destroyObject(this)\r\n  }\r\n\r\n  isDestroyed() {\r\n    return false\r\n  }\r\n\r\n  install(app: App, options: Partial<ToastOptions> & { property?: string } = {}) {\r\n    const { property, ...others } = options\r\n\r\n    this.config(others)\r\n    this._mountedApp = app\r\n\r\n    if (property || !app.config.globalProperties.$toast) {\r\n      app.config.globalProperties[property || '$toast'] = this\r\n    }\r\n  }\r\n\r\n  transferTo(target: MaybeRef<string | MaybeInstance>) {\r\n    if (!isClient) return\r\n\r\n    const el = unrefElement(target)\r\n\r\n    if (el) {\r\n      this._wrapper = el\r\n\r\n      if (this._instance) {\r\n        this._mountedEl && this._wrapper.appendChild(this._mountedEl)\r\n      } else {\r\n        this._getInstance()\r\n      }\r\n    }\r\n  }\r\n\r\n  private _getInstance() {\r\n    if (!this._instance && isClient) {\r\n      if (!this._mountedApp) {\r\n        console.warn('[vexip-ui:Toast]: App missing, the plugin maybe not installed.')\r\n\r\n        this._container = document.createElement('div')\r\n        this._innerApp = createApp(Component)\r\n        this._instance = this._innerApp.mount(this._container) as ToastInstance\r\n      } else {\r\n        const vnode = createVNode(Component, null, null)\r\n\r\n        this._container = document.createElement('div')\r\n        vnode.appContext = this._mountedApp._context\r\n\r\n        render(vnode, this._container)\r\n\r\n        this._instance = proxyExposed<ToastInstance>(vnode)\r\n      }\r\n\r\n      this._mountedEl = this._container.firstElementChild as HTMLElement\r\n      ;(this._wrapper || document.body).appendChild(this._mountedEl)\r\n    }\r\n\r\n    return this._instance\r\n  }\r\n\r\n  private _open(type: null | ToastType, content: FuzzyOptions, _duration?: number) {\r\n    if (!isClient) {\r\n      return noop\r\n    }\r\n\r\n    this._timer && clearTimeout(this._timer)\r\n\r\n    const options = typeof content === 'string' ? { content, duration: _duration } : content\r\n    const convenienceOptions = type ? (conveniences[type] ?? {}) : {}\r\n\r\n    const userCloseFn = options.onClose\r\n    const onClose = () => {\r\n      this._timer && clearTimeout(this._timer)\r\n\r\n      if (typeof userCloseFn === 'function') {\r\n        return userCloseFn()\r\n      }\r\n    }\r\n\r\n    const toast = this._getInstance()!\r\n    const item: ToastOptions = {\r\n      ...this.defaults,\r\n      ...convenienceOptions,\r\n      ...options,\r\n      type: type ?? options.type,\r\n      onClose,\r\n    }\r\n\r\n    if (item.icon && typeof item.icon !== 'function') {\r\n      item.icon = markRaw(item.icon)\r\n    }\r\n\r\n    toast.openToast(item)\r\n\r\n    const duration = typeof item.duration === 'number' ? item.duration : 2000\r\n\r\n    if (duration >= 500) {\r\n      this._timer = setTimeout(() => {\r\n        toast.closeToast()\r\n      }, duration)\r\n    }\r\n\r\n    return () => {\r\n      this._timer && clearTimeout(this._timer)\r\n      toast.closeToast()\r\n    }\r\n  }\r\n}\r\n\r\nexport const Toast = new ToastManager()\r\n"],"names":["conveniences","ToastManager","options","__publicField","toNumber","content","duration","_a","manager","_b","render","destroyObject","app","property","others","target","isClient","el","unrefElement","createApp","Component","vnode","createVNode","proxyExposed","type","_duration","noop","convenienceOptions","userCloseFn","onClose","toast","item","markRaw","Toast"],"mappings":"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"}