From 2efe8efde0b83b7320f0c3624e67650c2de92800 Mon Sep 17 00:00:00 2001
From: shaw <shaw123t@163.com>
Date: Mon, 2 Jun 2025 21:48:07 +0800
Subject: [PATCH] =?UTF-8?q?refactor(components):=20=E5=B0=86=20VSelect=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=9B=BF=E6=8D=A2=E4=B8=BA=20VAutocomplete?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E4=BB=A5=E6=94=AF=E6=8C=81=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E5=BE=85=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在多个组件中将 VSelect 组件替换为 VAutocomplete 组件，以支持搜索待选项
- 此更改可以提供更丰富的用户交互体验和更好的性能
---
 src/components/cards/DirectoryCard.vue           |  6 +++---
 src/components/cards/FilterRuleCard.vue          |  2 +-
 src/components/cards/MediaServerCard.vue         |  8 ++++----
 src/components/cards/NotificationChannelCard.vue |  2 +-
 src/components/dialog/SiteAddEditDialog.vue      |  4 ++--
 src/components/dialog/SubscribeEditDialog.vue    | 16 ++++++++--------
 src/views/setting/AccountSettingCache.vue        |  2 +-
 src/views/setting/AccountSettingSearch.vue       |  2 +-
 src/views/setting/AccountSettingSubscribe.vue    |  4 ++--
 9 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/components/cards/DirectoryCard.vue b/src/components/cards/DirectoryCard.vue
index 1fa83712..fcb0f4b1 100644
--- a/src/components/cards/DirectoryCard.vue
+++ b/src/components/cards/DirectoryCard.vue
@@ -214,7 +214,7 @@ watch(
       <VForm>
         <VRow>
           <VCol cols="6">
-            <VSelect
+            <VAutocomplete
               v-model="props.directory.media_type"
               variant="underlined"
               :items="typeItems"
@@ -223,7 +223,7 @@ watch(
             />
           </VCol>
           <VCol cols="6">
-            <VSelect
+            <VAutocomplete
               v-model="props.directory.media_category"
               variant="underlined"
               :items="getCategories"
@@ -231,7 +231,7 @@ watch(
             />
           </VCol>
           <VCol cols="4">
-            <VSelect
+            <VAutocomplete
               v-model="props.directory.storage"
               variant="underlined"
               :items="resourceStorageOptions"
diff --git a/src/components/cards/FilterRuleCard.vue b/src/components/cards/FilterRuleCard.vue
index 21353908..c4424090 100644
--- a/src/components/cards/FilterRuleCard.vue
+++ b/src/components/cards/FilterRuleCard.vue
@@ -56,7 +56,7 @@ onMounted(() => {
       <VCardTitle>{{ t('filterRule.priority') }} {{ props.pri }}</VCardTitle>
       <VRow>
         <VCol>
-          <VSelect
+          <VAutocomplete
             v-model="props.rules"
             variant="underlined"
             :items="selectFilterOptions"
diff --git a/src/components/cards/MediaServerCard.vue b/src/components/cards/MediaServerCard.vue
index 3aee6633..16d2a2c1 100644
--- a/src/components/cards/MediaServerCard.vue
+++ b/src/components/cards/MediaServerCard.vue
@@ -273,7 +273,7 @@ onMounted(() => {
                 />
               </VCol>
               <VCol cols="12">
-                <VSelect
+                <VAutocomplete
                   v-model="mediaServerInfo.sync_libraries"
                   :label="t('mediaserver.syncLibraries')"
                   :items="librariesOptions"
@@ -334,7 +334,7 @@ onMounted(() => {
                 />
               </VCol>
               <VCol cols="12">
-                <VSelect
+                <VAutocomplete
                   v-model="mediaServerInfo.sync_libraries"
                   :label="t('mediaserver.syncLibraries')"
                   :items="librariesOptions"
@@ -402,7 +402,7 @@ onMounted(() => {
                 />
               </VCol>
               <VCol cols="12">
-                <VSelect
+                <VAutocomplete
                   v-model="mediaServerInfo.sync_libraries"
                   :label="t('mediaserver.syncLibraries')"
                   :items="librariesOptions"
@@ -463,7 +463,7 @@ onMounted(() => {
                 />
               </VCol>
               <VCol cols="12">
-                <VSelect
+                <VAutocomplete
                   v-model="mediaServerInfo.sync_libraries"
                   :label="t('mediaserver.syncLibraries')"
                   :items="librariesOptions"
diff --git a/src/components/cards/NotificationChannelCard.vue b/src/components/cards/NotificationChannelCard.vue
index 5b702302..cd75fdab 100644
--- a/src/components/cards/NotificationChannelCard.vue
+++ b/src/components/cards/NotificationChannelCard.vue
@@ -165,7 +165,7 @@ function onClose() {
                 <VSwitch v-model="notificationInfo.enabled" :label="t('notification.enabled')" />
               </VCol>
               <VCol cols="12">
-                <VSelect
+                <VAutocomplete
                   v-model="notificationInfo.switchs"
                   :items="notificationTypes"
                   :label="t('notification.type')"
diff --git a/src/components/dialog/SiteAddEditDialog.vue b/src/components/dialog/SiteAddEditDialog.vue
index 094bb4bb..13ac9e64 100644
--- a/src/components/dialog/SiteAddEditDialog.vue
+++ b/src/components/dialog/SiteAddEditDialog.vue
@@ -172,7 +172,7 @@ onMounted(async () => {
               />
             </VCol>
             <VCol cols="6" md="3">
-              <VSelect
+              <VAutocomplete
                 v-model="siteForm.pri"
                 :label="t('site.fields.priority')"
                 :items="priorityItems"
@@ -213,7 +213,7 @@ onMounted(async () => {
               />
             </VCol>
             <VCol cols="6" md="3">
-              <VSelect
+              <VAutocomplete
                 v-model="siteForm.downloader"
                 :label="t('site.fields.downloader')"
                 :items="downloaderOptions"
diff --git a/src/components/dialog/SubscribeEditDialog.vue b/src/components/dialog/SubscribeEditDialog.vue
index c135e3a6..2c57e8ed 100644
--- a/src/components/dialog/SubscribeEditDialog.vue
+++ b/src/components/dialog/SubscribeEditDialog.vue
@@ -346,7 +346,7 @@ onMounted(() => {
                 </VRow>
                 <VRow>
                   <VCol cols="12" md="4">
-                    <VSelect
+                    <VAutocomplete
                       v-model="subscribeForm.quality"
                       :label="t('dialog.subscribeEdit.quality')"
                       :items="qualityOptions"
@@ -356,7 +356,7 @@ onMounted(() => {
                     />
                   </VCol>
                   <VCol cols="12" md="4">
-                    <VSelect
+                    <VAutocomplete
                       v-model="subscribeForm.resolution"
                       :label="t('dialog.subscribeEdit.resolution')"
                       :items="resolutionOptions"
@@ -366,7 +366,7 @@ onMounted(() => {
                     />
                   </VCol>
                   <VCol cols="12" md="4">
-                    <VSelect
+                    <VAutocomplete
                       v-model="subscribeForm.effect"
                       :label="t('dialog.subscribeEdit.effect')"
                       :items="effectOptions"
@@ -378,7 +378,7 @@ onMounted(() => {
                 </VRow>
                 <VRow>
                   <VCol cols="12">
-                    <VSelect
+                    <VAutocomplete
                       v-model="subscribeForm.sites"
                       :items="selectSitesOptions"
                       chips
@@ -393,7 +393,7 @@ onMounted(() => {
                 </VRow>
                 <VRow>
                   <VCol cols="12" md="6">
-                    <VSelect
+                    <VAutocomplete
                       v-model="subscribeForm.downloader"
                       :items="downloaderOptions"
                       :label="t('dialog.subscribeEdit.downloader')"
@@ -465,7 +465,7 @@ onMounted(() => {
                 </VRow>
                 <VRow>
                   <VCol cols="12">
-                    <VSelect
+                    <VAutocomplete
                       v-model="subscribeForm.filter_groups"
                       :items="filterRuleGroupOptions"
                       chips
@@ -478,7 +478,7 @@ onMounted(() => {
                     />
                   </VCol>
                   <VCol v-if="!props.default && subscribeForm.type === '电视剧'" cols="12" md="6">
-                    <VSelect
+                    <VAutocomplete
                       v-model="subscribeForm.episode_group"
                       :items="episodeGroupOptions"
                       :item-props="episodeGroupItemProps"
@@ -489,7 +489,7 @@ onMounted(() => {
                     />
                   </VCol>
                   <VCol v-if="!props.default && subscribeForm.type === '电视剧'" cols="12" md="6">
-                    <VSelect
+                    <VAutocomplete
                       v-model="subscribeForm.season"
                       :items="seasonItems"
                       :label="t('dialog.subscribeEdit.season')"
diff --git a/src/views/setting/AccountSettingCache.vue b/src/views/setting/AccountSettingCache.vue
index 645caa15..204b8c6c 100644
--- a/src/views/setting/AccountSettingCache.vue
+++ b/src/views/setting/AccountSettingCache.vue
@@ -276,7 +276,7 @@ onMounted(() => {
           />
         </VCol>
         <VCol cols="6">
-          <VSelect
+          <VAutocomplete
             v-model="siteFilter"
             :label="t('setting.cache.filterBySite')"
             :items="siteOptions"
diff --git a/src/views/setting/AccountSettingSearch.vue b/src/views/setting/AccountSettingSearch.vue
index b4662efc..9df2a11f 100644
--- a/src/views/setting/AccountSettingSearch.vue
+++ b/src/views/setting/AccountSettingSearch.vue
@@ -209,7 +209,7 @@ onMounted(() => {
               />
             </VCol>
             <VCol cols="12" md="6">
-              <VSelect
+              <VAutocomplete
                 v-model="selectedFilterGroup"
                 multiple
                 clearable
diff --git a/src/views/setting/AccountSettingSubscribe.vue b/src/views/setting/AccountSettingSubscribe.vue
index cadd4ee8..db02cd6a 100644
--- a/src/views/setting/AccountSettingSubscribe.vue
+++ b/src/views/setting/AccountSettingSubscribe.vue
@@ -231,7 +231,7 @@ onMounted(() => {
                 />
               </VCol>
               <VCol cols="12" md="6">
-                <VSelect
+                <VAutocomplete
                   v-model="selectedFilterRuleGroup"
                   :items="filterRuleGroupOptions"
                   chips
@@ -244,7 +244,7 @@ onMounted(() => {
                 />
               </VCol>
               <VCol cols="12" md="6">
-                <VSelect
+                <VAutocomplete
                   v-model="selectedBestVersionRuleGroup"
                   :items="filterRuleGroupOptions"
                   chips