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

Refactor #4103 - unstyled option updates

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-07-07 14:23:03 +03:00
parent 6c9b61aa65
commit 0f0c9b95b2
4 changed files with 23 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/lib/ripple/Ripple.js
View file

@ -6,7 +6,7 @@ const Ripple = BaseRipple.extend('ripple', {
const primevue = binding.instance.$primevue;
if (primevue && primevue.config && primevue.config.ripple) {
el.$_prippleUnstyled = primevue.config.unstyled || binding.value?.unstyled || false;
el.unstyled = primevue.config.unstyled || binding.value?.unstyled || false;
this.create(el);
this.bindEvents(el);
@ -29,7 +29,7 @@ const Ripple = BaseRipple.extend('ripple', {
'aria-hidden': true,
'data-p-ink': true,
'data-p-ink-active': false,
class: !el.$_prippleUnstyled && this.cx('root'),
class: !el.unstyled && this.cx('root'),
onAnimationEnd: this.onAnimationEnd,
'p-bind': this.ptm('root')
});
@ -55,7 +55,7 @@ const Ripple = BaseRipple.extend('ripple', {
return;
}
!target.$_prippleUnstyled && DomHandler.removeClass(ink, 'p-ink-active');
!target.unstyled && DomHandler.removeClass(ink, 'p-ink-active');
ink.setAttribute('data-p-ink-active', 'false');
if (!DomHandler.getHeight(ink) && !DomHandler.getWidth(ink)) {
@ -72,12 +72,12 @@ const Ripple = BaseRipple.extend('ripple', {
ink.style.top = y + 'px';
ink.style.left = x + 'px';
!target.$_prippleUnstyled && DomHandler.addClass(ink, 'p-ink-active');
!target.unstyled && DomHandler.addClass(ink, 'p-ink-active');
ink.setAttribute('data-p-ink-active', 'true');
this.timeout = setTimeout(() => {
if (ink) {
!target.$_prippleUnstyled && DomHandler.removeClass(ink, 'p-ink-active');
!target.unstyled && DomHandler.removeClass(ink, 'p-ink-active');
ink.setAttribute('data-p-ink-active', 'false');
}
}, 401);
@ -87,7 +87,7 @@ const Ripple = BaseRipple.extend('ripple', {
clearTimeout(this.timeout);
}
!event.currentTarget.$_prippleUnstyled && DomHandler.removeClass(event.currentTarget, 'p-ink-active');
!event.currentTarget.unstyled && DomHandler.removeClass(event.currentTarget, 'p-ink-active');
event.currentTarget.setAttribute('data-p-ink-active', 'false');
},
getInk(el) {