alert.js 4.00 KiB
/**
 * --------------------------------------------------------------------------
 * Bootstrap (v4.3.1): alert.js
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 */
import Data from './dom/data'
import EventHandler from './dom/eventHandler'
import SelectorEngine from './dom/selectorEngine'
import Util from './util'
/**
 * ------------------------------------------------------------------------
 * Constants
 * ------------------------------------------------------------------------
const NAME                = 'alert'
const VERSION             = '4.3.1'
const DATA_KEY            = 'bs.alert'
const EVENT_KEY           = `.${DATA_KEY}`
const DATA_API_KEY        = '.data-api'
const Selector = {
  DISMISS : '[data-dismiss="alert"]'
const Event = {
  CLOSE          : `close${EVENT_KEY}`,
  CLOSED         : `closed${EVENT_KEY}`,
  CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`
const ClassName = {
  ALERT : 'alert',
  FADE  : 'fade',
  SHOW  : 'show'
/**
 * ------------------------------------------------------------------------
 * Class Definition
 * ------------------------------------------------------------------------
class Alert {
  constructor(element) {
    this._element = element
    if (this._element) {
      Data.setData(element, DATA_KEY, this)
  // Getters
  static get VERSION() {
    return VERSION
  // Public
  close(element) {
    let rootElement = this._element
    if (element) {
      rootElement = this._getRootElement(element)
    const customEvent = this._triggerCloseEvent(rootElement)
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
if (customEvent === null || customEvent.defaultPrevented) { return } this._removeElement(rootElement) } dispose() { Data.removeData(this._element, DATA_KEY) this._element = null } // Private _getRootElement(element) { const selector = Util.getSelectorFromElement(element) let parent = false if (selector) { parent = SelectorEngine.findOne(selector) } if (!parent) { parent = SelectorEngine.closest(element, `.${ClassName.ALERT}`) } return parent } _triggerCloseEvent(element) { return EventHandler.trigger(element, Event.CLOSE) } _removeElement(element) { element.classList.remove(ClassName.SHOW) if (!element.classList.contains(ClassName.FADE)) { this._destroyElement(element) return } const transitionDuration = Util.getTransitionDurationFromElement(element) EventHandler .one(element, Util.TRANSITION_END, (event) => this._destroyElement(element, event)) Util.emulateTransitionEnd(element, transitionDuration) } _destroyElement(element) { if (element.parentNode) { element.parentNode.removeChild(element) } EventHandler.trigger(element, Event.CLOSED) } // Static static _jQueryInterface(config) { return this.each(function () { let data = Data.getData(this, DATA_KEY) if (!data) { data = new Alert(this) } if (config === 'close') { data[config](this) } })
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
} static _getInstance(element) { return Data.getData(element, DATA_KEY) } } /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ EventHandler .on(document, Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert())) /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ * add .alert to jQuery only if jQuery is present */ const $ = Util.jQuery if (typeof $ !== 'undefined') { const JQUERY_NO_CONFLICT = $.fn[NAME] $.fn[NAME] = Alert._jQueryInterface $.fn[NAME].Constructor = Alert $.fn[NAME].noConflict = () => { $.fn[NAME] = JQUERY_NO_CONFLICT return Alert._jQueryInterface } } export default Alert