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

Components added. Build issues fixed

Browse source
This commit is contained in:
Bahadir Sofuoglu 2022-09-14 14:26:01 +03:00
parent 5b66ed1093
commit 18c3721848
344 changed files with 12446 additions and 8758 deletions
Download patch file Download diff file Expand all files Collapse all files

46
components/styleclass/StyleClass.js
View file

@ -1,22 +1,18 @@
import {DomHandler} from 'primevue/utils';
import { DomHandler } from 'primevue/utils';
function bind(el, binding) {
el.$_pstyleclass_clicklistener = () => {
const target = resolveTarget(el, binding);
if (binding.value.toggleClass) {
if (DomHandler.hasClass(target, binding.value.toggleClass))
DomHandler.removeClass(target, binding.value.toggleClass);
else
DomHandler.addClass(target, binding.value.toggleClass);
}
else {
if (target.offsetParent === null)
enter(target, el, binding);
else
leave(target, binding);
if (DomHandler.hasClass(target, binding.value.toggleClass)) DomHandler.removeClass(target, binding.value.toggleClass);
else DomHandler.addClass(target, binding.value.toggleClass);
} else {
if (target.offsetParent === null) enter(target, el, binding);
else leave(target, binding);
}
};
el.addEventListener('click', el.$_pstyleclass_clicklistener);
}
@ -43,28 +39,30 @@ function enter(target, el, binding) {
}
DomHandler.addClass(target, binding.value.enterActiveClass);
if (binding.value.enterClass) {
DomHandler.removeClass(target, binding.value.enterClass);
}
target.$p_styleclass_enterlistener = () => {
DomHandler.removeClass(target, binding.value.enterActiveClass);
if (binding.value.enterToClass) {
DomHandler.addClass(target, binding.value.enterToClass);
}
target.removeEventListener('animationend', target.$p_styleclass_enterlistener);
if (binding.value.enterActiveClass === 'slidedown') {
target.style.maxHeight = '';
}
target.$_pstyleclass_animating = false;
};
target.addEventListener('animationend', target.$p_styleclass_enterlistener);
}
}
else {
} else {
if (binding.value.enterClass) {
DomHandler.removeClass(target, binding.value.enterClass);
}
@ -84,23 +82,25 @@ function leave(target, binding) {
if (!target.$_pstyleclass_animating) {
target.$_pstyleclass_animating = true;
DomHandler.addClass(target, binding.value.leaveActiveClass);
if (binding.value.leaveClass) {
DomHandler.removeClass(target, binding.value.leaveClass);
}
target.$p_styleclass_leavelistener = () => {
DomHandler.removeClass(target, binding.value.leaveActiveClass);
if (binding.value.leaveToClass) {
DomHandler.addClass(target, binding.value.leaveToClass);
}
target.removeEventListener('animationend', target.$p_styleclass_leavelistener);
target.$_pstyleclass_animating = false;
};
target.addEventListener('animationend', target.$p_styleclass_leavelistener);
}
}
else {
} else {
if (binding.value.leaveClass) {
DomHandler.removeClass(target, binding.value.leaveClass);
}
@ -139,13 +139,11 @@ function bindDocumentListener(target, el, binding) {
target.$p_styleclass_documentlistener = (event) => {
if (!isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {
unbindDocumentListener(target);
}
else if (isOutsideClick(event, target, el)) {
} else if (isOutsideClick(event, target, el)) {
leave(target, binding);
}
}
};
target.ownerDocument.addEventListener('click', target.$p_styleclass_documentlistener);
}
}
@ -174,4 +172,4 @@ const StyleClass = {
}
};
export default StyleClass;
export default StyleClass;