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

perf(color-picker): change event only shows old color value

pull/5109/head
betavs 2024-01-25 10:12:00 +08:00
parent 13988e35f1
commit b6ba282917
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
components/lib/colorpicker/ColorPicker.vue
View File

@ -96,11 +96,7 @@ export default {
this.selfUpdate = true;
this.updateColorHandle();
this.updateInput();
this.updateModel();
this.$nextTick(() => {
this.$emit('change', { event: event, value: this.modelValue });
});
this.updateModel(event);
},
pickHue(event) {
let top = this.hueView.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
@ -114,31 +110,32 @@ export default {
this.selfUpdate = true;
this.updateColorSelector();
this.updateHue();
this.updateModel();
this.updateModel(event);
this.updateInput();
this.$nextTick(() => {
this.$emit('change', { event: event, value: this.modelValue });
});
},
updateModel() {
updateModel(event) {
let value = this.modelValue;
switch (this.format) {
case 'hex':
this.$emit('update:modelValue', this.HSBtoHEX(this.hsbValue));
value = this.HSBtoHEX(this.hsbValue);
break;
case 'rgb':
this.$emit('update:modelValue', this.HSBtoRGB(this.hsbValue));
value = this.HSBtoRGB(this.hsbValue);
break;
case 'hsb':
this.$emit('update:modelValue', this.hsbValue);
value = this.hsbValue;
break;
default:
//NoOp
break;
}
this.$emit('update:modelValue', value);
this.$emit('change', { event, value });
},
updateColorSelector() {
if (this.colorSelector) {