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

View File

@ -39,6 +39,7 @@ export default {
};
},
hsbValue: null,
localHue: null,
outsideClickListener: null,
documentMouseMoveListener: 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);
this.hsbValue = this.validateHSB({
h: this.hsbValue.h,
h: this.localHue,
s: saturation,
b: brightness
});
@ -103,9 +104,10 @@ export default {
},
pickHue(event) {
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({
h: Math.floor((360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150),
h: this.localHue,
s: 100,
b: 100
});
@ -341,6 +343,12 @@ export default {
hsb = this.HEXtoHSB(this.defaultColor);
}
if (this.localHue == null) {
this.localHue = hsb.h;
} else {
hsb.h = this.localHue;
}
return hsb;
},
onOverlayEnter(el) {