From 81cee8981d0ccf180a7d85145bf71ef878434ca6 Mon Sep 17 00:00:00 2001
From: yiqiu <dongdebao@gmail.com>
Date: Tue, 24 Feb 2026 10:11:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=8F=96=E4=BB=B6?=
 =?UTF-8?q?=E7=A0=81=E8=BE=93=E5=85=A5=E6=A1=86=E7=9A=84=E5=93=8D=E5=BA=94?=
 =?UTF-8?q?=E5=BC=8F=E6=95=B0=E6=8D=AE=E6=B5=81=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/RetrieveForm.vue | 16 ++++++++--------
 src/views/RetrievewFileView.vue        |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/common/RetrieveForm.vue b/src/components/common/RetrieveForm.vue
index 24e352f..46bda72 100644
--- a/src/components/common/RetrieveForm.vue
+++ b/src/components/common/RetrieveForm.vue
@@ -59,7 +59,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, inject, watch } from 'vue'
+import { ref, inject, computed } from 'vue'
 import { ArrowRightIcon } from 'lucide-vue-next'
 import { useI18n } from 'vue-i18n'
 
@@ -73,25 +73,25 @@ interface InputStatus {
 interface Props {
   inputStatus: InputStatus
   error?: boolean
+  modelValue: string
 }
 
 interface Emits {
   submit: []
-  'update:code': [value: string]
+  'update:modelValue': [value: string]
 }
 
-defineProps<Props>()
+const props = defineProps<Props>()
 const emit = defineEmits<Emits>()
 
 const isDarkMode = inject('isDarkMode')
-const code = ref('')
+const code = computed({
+  get: () => props.modelValue,
+  set: (value) => emit('update:modelValue', value)
+})
 const isInputFocused = ref(false)
 const codeInput = ref<HTMLInputElement>()
 
-watch(code, (newValue) => {
-  emit('update:code', newValue)
-})
-
 defineExpose({
   focus: () => codeInput.value?.focus()
 })
diff --git a/src/views/RetrievewFileView.vue b/src/views/RetrievewFileView.vue
index 08e4d9e..49f7c69 100644
--- a/src/views/RetrievewFileView.vue
+++ b/src/views/RetrievewFileView.vue
@@ -14,10 +14,10 @@
         <div class="p-8">
           <PageHeader :title="config.name" @title-click="toSend" />
           <RetrieveForm
+            v-model="code"
             :input-status="inputStatus"
             :error="!!error"
             @submit="handleSubmit"
-            @update:code="code = $event"
             ref="retrieveFormRef"
           />
         </div>