Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
toast.js 4.79 KiB
1 
import $ from 'jquery'
2 
import Util from './util'
3
4 
/**
5 
 * --------------------------------------------------------------------------
6 
 * Bootstrap (v4.1.3): toast.js
7 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
8 
 * --------------------------------------------------------------------------
9 
 */
10
11 
const Toast = (($) => {
12 
  /**
13 
   * ------------------------------------------------------------------------
14 
   * Constants
15 
   * ------------------------------------------------------------------------
16 
   */
17
18 
  const NAME               = 'toast'
19 
  const VERSION            = '4.1.3'
20 
  const DATA_KEY           = 'bs.toast'
21 
  const EVENT_KEY          = `.${DATA_KEY}`
22 
  const JQUERY_NO_CONFLICT = $.fn[NAME]
23
24 
  const Event = {
25 
    HIDE   : `hide${EVENT_KEY}`,
26 
    HIDDEN : `hidden${EVENT_KEY}`,
27 
    SHOW   : `show${EVENT_KEY}`,
28 
    SHOWN  : `shown${EVENT_KEY}`
29 
  }
30
31 
  const ClassName = {
32 
    FADE : 'fade',
33 
    HIDE : 'hide',
34 
    SHOW : 'show'
35 
  }
36
37 
  const DefaultType = {
38 
    animation : 'boolean',
39 
    autohide  : 'boolean',
40 
    delay     : '(number|object)'
41 
  }
42
43 
  const Default = {
44 
    animation : true,
45 
    autohide  : true,
46 
    delay     : {
47 
      show: 0,
48 
      hide: 500
49 
    }
50 
  }
51
52 
  /**
53 
   * ------------------------------------------------------------------------
54 
   * Class Definition
55 
   * ------------------------------------------------------------------------
56 
   */
57
58 
  class Toast {
59 
    constructor(element, config) {
60 
      this._element = element
61 
      this._config  = this._getConfig(config)
62 
      this._timeout = null
63 
    }
64
65 
    // Getters
66
67 
    static get VERSION() {
68 
      return VERSION
69 
    }
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
static get DefaultType() { return DefaultType } // Public show() { $(this._element).trigger(Event.SHOW) if (this._config.animation) { this._element.classList.add(ClassName.FADE) } const complete = () => { $(this._element).trigger(Event.SHOWN) if (this._config.autohide) { this.hide() } } this._timeout = setTimeout(() => { this._element.classList.add(ClassName.SHOW) if (this._config.animation) { const transitionDuration = Util.getTransitionDurationFromElement(this._element) $(this._element) .one(Util.TRANSITION_END, complete) .emulateTransitionEnd(transitionDuration) } else { complete() } }, this._config.delay.show) } hide() { if (!this._element.classList.contains(ClassName.SHOW)) { return } $(this._element).trigger(Event.HIDE) const complete = () => { $(this._element).trigger(Event.HIDDEN) } this._timeout = setTimeout(() => { this._element.classList.remove(ClassName.SHOW) if (this._config.animation) { const transitionDuration = Util.getTransitionDurationFromElement(this._element) $(this._element) .one(Util.TRANSITION_END, complete) .emulateTransitionEnd(transitionDuration) } else { complete() } }, this._config.delay.hide) } dispose() { clearTimeout(this._timeout) this._timeout = null if (this._element.classList.contains(ClassName.SHOW)) { this._element.classList.remove(ClassName.SHOW) }
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
$.removeData(this._element, DATA_KEY) this._element = null this._config = null } // Private _getConfig(config) { config = { ...Default, ...$(this._element).data(), ...typeof config === 'object' && config ? config : {} } if (typeof config.delay === 'number') { config.delay = { show: config.delay, hide: config.delay } } Util.typeCheckConfig( NAME, config, this.constructor.DefaultType ) return config } // Static static _jQueryInterface(config) { return this.each(function () { const $element = $(this) let data = $element.data(DATA_KEY) const _config = typeof config === 'object' && config if (!data) { data = new Toast(this, _config) $element.data(DATA_KEY, data) } if (typeof config === 'string') { if (typeof data[config] === 'undefined') { throw new TypeError(`No method named "${config}"`) } data[config](this) } }) } } /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $.fn[NAME] = Toast._jQueryInterface $.fn[NAME].Constructor = Toast $.fn[NAME].noConflict = () => { $.fn[NAME] = JQUERY_NO_CONFLICT return Toast._jQueryInterface } return Toast })($)
211212
export default Toast