mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-01 15:45:58 +09:00
Code

perf(client): improve range control performance

Browse Source
This commit is contained in:
syuilo 2022-06-30 12:42:35 +09:00
parent bffe6fb9bf
commit fa6eb0e0f2
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/client/src/components/form/range.vue
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);