diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-10-22 13:02:24 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-10-22 13:02:24 +0900 |
| commit | 4eaa02d25f83eff38cecd6db1724c8626dc3af2e (patch) | |
| tree | beedb76bfeae7a11109f25758f55f097f4c66d24 /packages/frontend/src/components/MkRange.vue | |
| parent | Update CHANGELOG.md (diff) | |
| download | sharkey-4eaa02d25f83eff38cecd6db1724c8626dc3af2e.tar.gz sharkey-4eaa02d25f83eff38cecd6db1724c8626dc3af2e.tar.bz2 sharkey-4eaa02d25f83eff38cecd6db1724c8626dc3af2e.zip | |
enhance: improve avatar decoration
Diffstat (limited to 'packages/frontend/src/components/MkRange.vue')
| -rw-r--r-- | packages/frontend/src/components/MkRange.vue | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkRange.vue b/packages/frontend/src/components/MkRange.vue index 2cfc27ceee..04390c6f0c 100644 --- a/packages/frontend/src/components/MkRange.vue +++ b/packages/frontend/src/components/MkRange.vue @@ -34,6 +34,7 @@ const props = withDefaults(defineProps<{ textConverter?: (value: number) => string, showTicks?: boolean; easing?: boolean; + continuousUpdate?: boolean; }>(), { step: 1, textConverter: (v) => v.toString(), @@ -123,6 +124,10 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => { const pointerX = ev.touches && ev.touches.length > 0 ? ev.touches[0].clientX : ev.clientX; const pointerPositionOnContainer = pointerX - (containerRect.left + (thumbWidth / 2)); rawValue.value = Math.min(1, Math.max(0, pointerPositionOnContainer / (containerEl.value!.offsetWidth - thumbWidth))); + + if (props.continuousUpdate) { + emit('update:modelValue', finalValue.value); + } }; let beforeValue = finalValue.value; |