mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-26 23:54:23 +01:00
566451230f
After some research, I found out that EventHandler saves all the custom events per element using namespace, and is capable of removing handlers using only the element and its namespace (`DATA_KEY`). So, probably is better to utilize the base-component to do the same job.
49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
/**
|
|
* --------------------------------------------------------------------------
|
|
* Bootstrap (v5.0.0-beta3): base-component.js
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
* --------------------------------------------------------------------------
|
|
*/
|
|
|
|
import Data from './dom/data'
|
|
import EventHandler from './dom/event-handler'
|
|
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Constants
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
|
|
const VERSION = '5.0.0-beta3'
|
|
|
|
class BaseComponent {
|
|
constructor(element) {
|
|
element = typeof element === 'string' ? document.querySelector(element) : element
|
|
|
|
if (!element) {
|
|
return
|
|
}
|
|
|
|
this._element = element
|
|
Data.set(this._element, this.constructor.DATA_KEY, this)
|
|
}
|
|
|
|
dispose() {
|
|
Data.remove(this._element, this.constructor.DATA_KEY)
|
|
EventHandler.off(this._element, `.${this.constructor.DATA_KEY}`)
|
|
this._element = null
|
|
}
|
|
|
|
/** Static */
|
|
|
|
static getInstance(element) {
|
|
return Data.get(element, this.DATA_KEY)
|
|
}
|
|
|
|
static get VERSION() {
|
|
return VERSION
|
|
}
|
|
}
|
|
|
|
export default BaseComponent
|