From f1202cae20789f544b407d1b8f4b86be95dbcfac Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Wed, 13 Aug 2025 10:28:07 +0800
Subject: [PATCH] =?UTF-8?q?`FaSelect`=20=E7=BB=84=E4=BB=B6=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E6=9B=B4=E5=A4=9A=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/components/FaSelect/index.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/ui/components/FaSelect/index.vue b/src/ui/components/FaSelect/index.vue
index e010b50c..ac6ea399 100644
--- a/src/ui/components/FaSelect/index.vue
+++ b/src/ui/components/FaSelect/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { AcceptableValue } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
@@ -18,13 +19,13 @@ const props = defineProps<{
   disabled?: boolean
   options: {
     label: string
-    value: string
+    value: AcceptableValue
     disabled?: boolean
   }[]
   class?: HTMLAttributes['class']
 }>()
 
-const value = defineModel<string>()
+const value = defineModel<AcceptableValue>()
 
 const selectedOption = computed({
   get() {
@@ -43,7 +44,7 @@ const selectedOption = computed({
     </SelectTrigger>
     <SelectContent>
       <SelectGroup>
-        <SelectItem v-for="option in options" :key="option.value" :value="option.value" :disabled="option.disabled">
+        <SelectItem v-for="(option, index) in options" :key="index" :value="option.value" :disabled="option.disabled">
           {{ option.label }}
         </SelectItem>
       </SelectGroup>