From 95a128372b4edc75aad5069a2cc5a0cf84a8ad59 Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Sat, 2 Aug 2025 03:59:53 +0800
Subject: [PATCH] =?UTF-8?q?`FaSlider`=20=E7=BB=84=E4=BB=B6=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=20`tooltip`=20=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/components/FaSlider/index.vue         | 2 ++
 src/ui/components/FaSlider/slider/Slider.vue | 7 +++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/ui/components/FaSlider/index.vue b/src/ui/components/FaSlider/index.vue
index 83ff09f3..c1c9de3f 100644
--- a/src/ui/components/FaSlider/index.vue
+++ b/src/ui/components/FaSlider/index.vue
@@ -16,6 +16,7 @@ const props = withDefaults(defineProps<{
   step?: SliderRootProps['step']
   orientation?: SliderRootProps['orientation']
   thumbAlignment?: SliderRootProps['thumbAlignment']
+  tooltip?: boolean
   class?: HTMLAttributes['class']
 }>(), {
   defaultValue: () => [0],
@@ -26,6 +27,7 @@ const props = withDefaults(defineProps<{
   step: 1,
   orientation: 'horizontal',
   thumbAlignment: 'contain',
+  tooltip: true,
 })
 
 const modelValue = defineModel<number[]>()
diff --git a/src/ui/components/FaSlider/slider/Slider.vue b/src/ui/components/FaSlider/slider/Slider.vue
index 03932792..44266574 100644
--- a/src/ui/components/FaSlider/slider/Slider.vue
+++ b/src/ui/components/FaSlider/slider/Slider.vue
@@ -5,7 +5,10 @@ import { reactiveOmit } from '@vueuse/core'
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack, useForwardPropsEmits } from 'reka-ui'
 import { cn } from '@/utils'
 
-const props = defineProps<SliderRootProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SliderRootProps & {
+  class?: HTMLAttributes['class']
+  tooltip?: boolean
+}>()
 const emits = defineEmits<SliderRootEmits>()
 
 const delegatedProps = reactiveOmit(props, 'class')
@@ -24,7 +27,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     <SliderTrack class="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary data-[orientation=vertical]:w-2">
       <SliderRange class="absolute h-full bg-primary data-[orientation=vertical]:w-full" />
     </SliderTrack>
-    <FaTooltip v-for="(val, key) in modelValue" :key="key" :text="val.toString()" disable-closing-trigger>
+    <FaTooltip v-for="(val, key) in modelValue" :key="key" :text="val.toString()" disable-closing-trigger :disabled="!props.tooltip">
       <SliderThumb
         class="block h-5 w-5 border-2 border-primary rounded-full bg-background ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring"
       />