mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-07 06:06:47 +02:00
Code Issues Releases Wiki Activity

Tooltip: refactor _hoverState to Boolean to achieve better control

Browse Source
This commit is contained in:
GeoSot
2021-11-28 04:02:10 +02:00
committed by XhmikosR
parent 8eacbaa08b
commit 9b9372e8dd
1 changed files with 12 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
js/src/tooltip.js
View File

@@ -34,9 +34,6 @@ const CLASS_NAME_FADE = 'fade'
const CLASS_NAME_MODAL = 'modal' const CLASS_NAME_MODAL = 'modal'
const CLASS_NAME_SHOW = 'show' const CLASS_NAME_SHOW = 'show'
const HOVER_STATE_SHOW = 'show'
const HOVER_STATE_OUT = 'out'
const SELECTOR_TOOLTIP_INNER = '.tooltip-inner' const SELECTOR_TOOLTIP_INNER = '.tooltip-inner'
const SELECTOR_MODAL = `.${CLASS_NAME_MODAL}` const SELECTOR_MODAL = `.${CLASS_NAME_MODAL}`
@@ -126,7 +123,7 @@ class Tooltip extends BaseComponent {
// Private // Private
this._isEnabled = true this._isEnabled = true
this._timeout = 0 this._timeout = 0
this._hoverState = '' this._isHovered = false
this._activeTrigger = {} this._activeTrigger = {}
this._popper = null this._popper = null
this._templateFactory = null this._templateFactory = null
@@ -259,12 +256,12 @@ class Tooltip extends BaseComponent {
} }
const complete = () => { const complete = () => {
const prevHoverState = this._hoverState const prevHoverState = this._isHovered
this._hoverState = null this._isHovered = false
EventHandler.trigger(this._element, this.constructor.Event.SHOWN) EventHandler.trigger(this._element, this.constructor.Event.SHOWN)
if (prevHoverState === HOVER_STATE_OUT) { if (prevHoverState) {
this._leave() this._leave()
} }
} }
@@ -283,7 +280,7 @@ class Tooltip extends BaseComponent {
return return
} }
if (this._hoverState !== HOVER_STATE_SHOW) { if (!this._isHovered) {
tip.remove() tip.remove()
} }
@@ -313,7 +310,7 @@ class Tooltip extends BaseComponent {
this._activeTrigger[TRIGGER_HOVER] = false this._activeTrigger[TRIGGER_HOVER] = false
this._queueCallback(complete, this.tip, this._isAnimated()) this._queueCallback(complete, this.tip, this._isAnimated())
this._hoverState = '' this._isHovered = false
} }
update() { update() {
@@ -521,15 +518,15 @@ class Tooltip extends BaseComponent {
} }
_enter() { _enter() {
if (this.getTipElement().classList.contains(CLASS_NAME_SHOW) || this._hoverState === HOVER_STATE_SHOW) { if (this.getTipElement().classList.contains(CLASS_NAME_SHOW) || this._isHovered) {
this._hoverState = HOVER_STATE_SHOW this._isHovered = true
return return
} }
this._hoverState = HOVER_STATE_SHOW this._isHovered = true
this._setTimeout(() => { this._setTimeout(() => {
if (this._hoverState === HOVER_STATE_SHOW) { if (this._isHovered) {
this.show() this.show()
} }
}, this._config.delay.show) }, this._config.delay.show)
@@ -540,10 +537,10 @@ class Tooltip extends BaseComponent {
return return
} }
this._hoverState = HOVER_STATE_OUT this._isHovered = false
this._setTimeout(() => { this._setTimeout(() => {
if (this._hoverState === HOVER_STATE_OUT) { if (!this._isHovered) {
this.hide() this.hide()
} }
}, this._config.delay.hide) }, this._config.delay.hide)