vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Cache hue value locally on ColorPicker 

Signed-off-by: Valentin <valentin@waldeck.dev>
pull/7291/head
Valentin 2025-02-20 21:49:14 +01:00
parent 1a74875821
commit 1293efcf37
No known key found for this signature in database
GPG Key ID: 9772A8727A30F592
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/primevue/src/colorpicker/ColorPicker.vue
View File

@ -39,6 +39,7 @@ export default {
}; };
}, },
hsbValue: null, hsbValue: null,
localHue: null,
outsideClickListener: null, outsideClickListener: null,
documentMouseMoveListener: null, documentMouseMoveListener: null,
documentMouseUpListener: null, documentMouseUpListener: null,
@ -91,7 +92,7 @@ export default {
let brightness = Math.floor((100 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150); let brightness = Math.floor((100 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150);
this.hsbValue = this.validateHSB({ this.hsbValue = this.validateHSB({
h: this.hsbValue.h, h: this.localHue,
s: saturation, s: saturation,
b: brightness b: brightness
}); });
@ -103,9 +104,10 @@ export default {
}, },
pickHue(event) { pickHue(event) {
let top = this.hueView.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0); let top = this.hueView.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
this.localHue = Math.floor((360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150);
this.hsbValue = this.validateHSB({ this.hsbValue = this.validateHSB({
h: Math.floor((360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150), h: this.localHue,
s: 100, s: 100,
b: 100 b: 100
}); });
@ -341,6 +343,12 @@ export default {
hsb = this.HEXtoHSB(this.defaultColor); hsb = this.HEXtoHSB(this.defaultColor);
} }
if (this.localHue == null) {
this.localHue = hsb.h;
} else {
hsb.h = this.localHue;
}
return hsb; return hsb;
}, },
onOverlayEnter(el) { onOverlayEnter(el) {