diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-30 18:13:39 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-30 18:13:39 +0900 |
| commit | e0d87028391500898adc2668d509e2d155d8b961 (patch) | |
| tree | e018d6fe231315207ecb02082c1b6b5f917bfd48 /packages | |
| parent | fix(frontend): suppress inject warn (diff) | |
| download | sharkey-e0d87028391500898adc2668d509e2d155d8b961.tar.gz sharkey-e0d87028391500898adc2668d509e2d155d8b961.tar.bz2 sharkey-e0d87028391500898adc2668d509e2d155d8b961.zip | |
perf(frontend): tweak MkRange
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/frontend/src/components/MkRange.vue | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkRange.vue b/packages/frontend/src/components/MkRange.vue index 734b624541..c0e3e5db4b 100644 --- a/packages/frontend/src/components/MkRange.vue +++ b/packages/frontend/src/components/MkRange.vue @@ -159,12 +159,13 @@ function onMousedown(ev: MouseEvent | TouchEvent) { const onDrag = (ev: MouseEvent | TouchEvent) => { ev.preventDefault(); + let beforeValue = finalValue.value; const containerRect = containerEl.value!.getBoundingClientRect(); const pointerX = 'touches' in ev && ev.touches.length > 0 ? ev.touches[0].clientX : 'clientX' in ev ? ev.clientX : 0; const pointerPositionOnContainer = pointerX - (containerRect.left + (thumbWidth / 2)); rawValue.value = Math.min(1, Math.max(0, pointerPositionOnContainer / (containerEl.value!.offsetWidth - thumbWidth))); - if (props.continuousUpdate) { + if (props.continuousUpdate && beforeValue !== finalValue.value) { emit('update:modelValue', finalValue.value); } }; |