From 3279c34bf014780a83ea38b475ef0698490041c7 Mon Sep 17 00:00:00 2001
From: viarotel <viarotel@qq.com>
Date: Thu, 2 Nov 2023 18:27:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Unable=20to=20update=20pa?=
 =?UTF-8?q?th=20selector?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Preference/PathInput/index.vue | 23 ++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/components/Preference/PathInput/index.vue b/src/components/Preference/PathInput/index.vue
index 3dea386..950c766 100644
--- a/src/components/Preference/PathInput/index.vue
+++ b/src/components/Preference/PathInput/index.vue
@@ -1,11 +1,12 @@
 <template>
   <el-input
     v-bind="data.props || {}"
-    :model-value="modelValue"
+    v-model="pathValue"
     clearable
     class="!w-full"
     :title="$t(data.placeholder)"
     :placeholder="$t(data.placeholder)"
+    @change="handleUpdate"
   >
     <template #append>
       <el-button
@@ -27,7 +28,7 @@ import { cloneDeep } from 'lodash-es'
 export default {
   props: {
     modelValue: {
-      type: [String, Array],
+      type: String,
       default: '',
     },
     data: {
@@ -36,7 +37,23 @@ export default {
     },
   },
   emits: ['update:model-value'],
+  data() {
+    return {
+      pathValue: '',
+    }
+  },
+  watch: {
+    modelValue: {
+      handler(value) {
+        this.pathValue = value
+      },
+      immediate: true,
+    },
+  },
   methods: {
+    handleUpdate(value) {
+      this.$emit('update:model-value', value)
+    },
     async handleSelect(options = {}) {
       const { properties, filters } = cloneDeep(options)
       try {
@@ -56,7 +73,7 @@ export default {
 
         const value = files[0]
 
-        this.$emit('update:model-value', value)
+        this.handleUpdate(value)
       }
       catch (error) {
         if (error.message) {