perf(client): improve range control performance

This commit is contained in:
syuilo 2022-06-30 12:42:35 +09:00 committed by Johann150
parent 83620449db
commit e47af45407
Signed by untrusted user: Johann150
GPG key ID: 9EE6577A2A06F8F1

View file

@ -78,9 +78,6 @@ export default defineComponent({
return (steppedRawValue.value * (props.max - props.min)) + props.min;
}
});
watch(finalValue, () => {
context.emit('update:modelValue', finalValue.value);
});
const thumbWidth = computed(() => {
if (thumbEl.value == null) return 0;
@ -141,6 +138,8 @@ export default defineComponent({
rawValue.value = Math.min(1, Math.max(0, pointerPositionOnContainer / (containerEl.value!.offsetWidth - thumbWidth.value)));
};
let beforeValue = finalValue.value;
const onMouseup = () => {
document.head.removeChild(style);
tooltipShowing.value = false;
@ -148,6 +147,11 @@ export default defineComponent({
window.removeEventListener('touchmove', onDrag);
window.removeEventListener('mouseup', onMouseup);
window.removeEventListener('touchend', onMouseup);
//
if (beforeValue !== finalValue.value) {
context.emit('update:modelValue', finalValue.value);
}
};
window.addEventListener('mousemove', onDrag);