vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 09:22:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

tooltip.js updated

Browse source
This commit is contained in:
Furkan Sezis 2023-04-09 18:11:56 +03:00
parent 9cbbb79f9c
commit 70af953e9d
1 changed files with 63 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

54
components/lib/tooltip/Tooltip.js
View file

@ -47,30 +47,49 @@ function unbindScrollListener(el) {
} }
function onMouseEnter(event) { function onMouseEnter(event) {
show(event.currentTarget); const el = event.currentTarget;
const showDelay = el.$_ptooltipShowDelay;
show(event.currentTarget, showDelay);
} }
function onMouseLeave(event) { function onMouseLeave(event) {
hide(event.currentTarget); const el = event.currentTarget;
const hideDelay = el.$_ptooltipHideDelay;
hide(event.currentTarget, hideDelay);
} }
function onFocus(event) { function onFocus(event) {
show(event.currentTarget); const el = event.currentTarget;
const showDelay = el.$_ptooltipShowDelay;
console.log('focus', showDelay);
show(event.currentTarget, showDelay);
} }
function onBlur(event) { function onBlur(event) {
hide(event.currentTarget); const el = event.currentTarget;
const hideDelay = el.$_ptooltipHideDelay;
hide(event.currentTarget, hideDelay);
} }
function onClick(event) { function onClick(event) {
hide(event.currentTarget); const el = event.currentTarget;
const hideDelay = el.$_ptooltipHideDelay;
hide(event.currentTarget, hideDelay);
} }
function onKeydown(event) { function onKeydown(event) {
event.code === 'Escape' && hide(event.currentTarget); event.code === 'Escape' && hide(event.currentTarget, hideDelay);
} }
function show(el) { let timer;
function show(el, showDelay) {
function tooltipActions() {
if (el.$_ptooltipDisabled) { if (el.$_ptooltipDisabled) {
return; return;
} }
@ -92,11 +111,28 @@ function show(el) {
ZIndexUtils.set('tooltip', tooltipElement, el.$_ptooltipZIndex); ZIndexUtils.set('tooltip', tooltipElement, el.$_ptooltipZIndex);
} }
function hide(el) { if (showDelay !== undefined) {
timer = setTimeout(tooltipActions, showDelay);
} else {
tooltipActions();
}
}
function hide(el, hideDelay) {
function tooltipRemoval() {
remove(el); remove(el);
unbindScrollListener(el); unbindScrollListener(el);
} }
clearTimeout(timer);
if (hideDelay !== undefined) {
setTimeout(tooltipRemoval, hideDelay);
} else {
tooltipRemoval();
}
}
function getTooltipElement(el) { function getTooltipElement(el) {
return document.getElementById(el.$_ptooltipId); return document.getElementById(el.$_ptooltipId);
} }
@ -332,6 +368,8 @@ const Tooltip = {
target.$_ptooltipClass = options.value.class; target.$_ptooltipClass = options.value.class;
target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true; target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
target.$_ptooltipIdAttr = options.value.id || ''; target.$_ptooltipIdAttr = options.value.id || '';
target.$_ptooltipShowDelay = options.value.showDelay || 0;
target.$_ptooltipHideDelay = options.value.hideDelay || 0;
} }
} }