mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 00:42:36 +00:00
Fixed #4866 - StyleClass: deprecate enterClass/leaveClass use enterFromClass/leaveFromClass
This commit is contained in:
parent
cf1ee45e4c
commit
5088314e3f
2 changed files with 30 additions and 0 deletions
|
@ -51,10 +51,15 @@ const StyleClass = BaseStyleClass.extend('styleclass', {
|
|||
|
||||
DomHandler.addClass(target, binding.value.enterActiveClass);
|
||||
|
||||
// enterClass will be deprecated, use enterFromClass
|
||||
if (binding.value.enterClass) {
|
||||
DomHandler.removeClass(target, binding.value.enterClass);
|
||||
}
|
||||
|
||||
if (binding.value.enterFromClass) {
|
||||
DomHandler.removeClass(target, binding.value.enterFromClass);
|
||||
}
|
||||
|
||||
target.$p_styleclass_enterlistener = () => {
|
||||
DomHandler.removeClass(target, binding.value.enterActiveClass);
|
||||
|
||||
|
@ -74,10 +79,15 @@ const StyleClass = BaseStyleClass.extend('styleclass', {
|
|||
target.addEventListener('animationend', target.$p_styleclass_enterlistener);
|
||||
}
|
||||
} else {
|
||||
// enterClass will be deprecated, use enterFromClass
|
||||
if (binding.value.enterClass) {
|
||||
DomHandler.removeClass(target, binding.value.enterClass);
|
||||
}
|
||||
|
||||
if (binding.value.enterFromClass) {
|
||||
DomHandler.removeClass(target, binding.value.enterFromClass);
|
||||
}
|
||||
|
||||
if (binding.value.enterToClass) {
|
||||
DomHandler.addClass(target, binding.value.enterToClass);
|
||||
}
|
||||
|
@ -93,10 +103,15 @@ const StyleClass = BaseStyleClass.extend('styleclass', {
|
|||
target.$_pstyleclass_animating = true;
|
||||
DomHandler.addClass(target, binding.value.leaveActiveClass);
|
||||
|
||||
// leaveClass will be deprecated, use leaveFromClass
|
||||
if (binding.value.leaveClass) {
|
||||
DomHandler.removeClass(target, binding.value.leaveClass);
|
||||
}
|
||||
|
||||
if (binding.value.leaveFromClass) {
|
||||
DomHandler.removeClass(target, binding.value.leaveFromClass);
|
||||
}
|
||||
|
||||
target.$p_styleclass_leavelistener = () => {
|
||||
DomHandler.removeClass(target, binding.value.leaveActiveClass);
|
||||
|
||||
|
@ -111,10 +126,15 @@ const StyleClass = BaseStyleClass.extend('styleclass', {
|
|||
target.addEventListener('animationend', target.$p_styleclass_leavelistener);
|
||||
}
|
||||
} else {
|
||||
// leaveClass will be deprecated, use leaveFromClass
|
||||
if (binding.value.leaveClass) {
|
||||
DomHandler.removeClass(target, binding.value.leaveClass);
|
||||
}
|
||||
|
||||
if (binding.value.leaveFromClass) {
|
||||
DomHandler.removeClass(target, binding.value.leaveFromClass);
|
||||
}
|
||||
|
||||
if (binding.value.leaveToClass) {
|
||||
DomHandler.addClass(target, binding.value.leaveToClass);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue