From e785997d991f8fd7a452ddc2af71d1c56d22c503 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 14 Nov 2024 17:21:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E5=AD=98=E5=82=A8?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9=E4=BB=A5=E5=8C=85=E5=90=AB=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E5=B9=B6=E7=AE=80=E5=8C=96=E5=AD=98=E5=82=A8=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/constants.ts                       |  7 ++++-
 src/components/FileBrowser.vue             | 31 ++--------------------
 src/components/cards/DirectoryCard.vue     | 14 +++-------
 src/components/filebrowser/FileToolbar.vue | 10 +++----
 4 files changed, 16 insertions(+), 46 deletions(-)

diff --git a/src/api/constants.ts b/src/api/constants.ts
index 06d7fb1f..bddb92c1 100644
--- a/src/api/constants.ts
+++ b/src/api/constants.ts
@@ -2,22 +2,27 @@ export const storageOptions = [
   {
     title: '本地',
     value: 'local',
+    icon: 'mdi-folder-multiple-outline',
   },
   {
     title: '阿里云盘',
     value: 'alipan',
+    icon: 'mdi-cloud-outline',
   },
   {
     title: '115网盘',
     value: 'u115',
+    icon: 'mdi-cloud-outline',
   },
   {
-    title: 'Rclone网盘',
+    title: 'RClone',
     value: 'rclone',
+    icon: 'mdi-cloud-outline',
   },
   {
     title: 'AList',
     value: 'alist',
+    icon: 'mdi-cloud-outline',
   },
 ]
 
diff --git a/src/components/FileBrowser.vue b/src/components/FileBrowser.vue
index aa7902b8..7ed0ade9 100644
--- a/src/components/FileBrowser.vue
+++ b/src/components/FileBrowser.vue
@@ -3,6 +3,7 @@ import type { Axios } from 'axios'
 import FileList from './filebrowser/FileList.vue'
 import FileToolbar from './filebrowser/FileToolbar.vue'
 import type { EndPoints, FileItem, StorageConf } from '@/api/types'
+import { storageOptions } from '@/api/constants'
 
 // 输入参数
 const props = defineProps({
@@ -27,34 +28,6 @@ const props = defineProps({
 // 对外事件
 const emit = defineEmits(['pathchanged'])
 
-const availableStorages = [
-  {
-    name: '本地',
-    code: 'local',
-    icon: 'mdi-folder-multiple-outline',
-  },
-  {
-    name: '阿里云盘',
-    code: 'alipan',
-    icon: 'mdi-cloud-outline',
-  },
-  {
-    name: '115网盘',
-    code: 'u115',
-    icon: 'mdi-cloud-outline',
-  },
-  {
-    name: 'Rclone网盘',
-    code: 'rclone',
-    icon: 'mdi-cloud-outline',
-  },
-  {
-    name: 'AList',
-    code: 'alist',
-    icon: 'mdi-cloud-outline',
-  },
-]
-
 const fileIcons = {
   // 压缩包
   zip: 'mdi-folder-zip-outline',
@@ -156,7 +129,7 @@ const sort = ref('name')
 // 计算属性
 const storagesArray = computed(() => {
   const storageCodes = props.storages?.map(item => item.type)
-  return availableStorages.filter(item => storageCodes?.includes(item.code))
+  return storageOptions.filter(item => storageCodes?.includes(item.value))
 })
 
 // 方法
diff --git a/src/components/cards/DirectoryCard.vue b/src/components/cards/DirectoryCard.vue
index ff6b22f9..ad3f9f11 100644
--- a/src/components/cards/DirectoryCard.vue
+++ b/src/components/cards/DirectoryCard.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { TransferDirectoryConf } from '@/api/types'
 import { VDivider, VSpacer, VTextField } from 'vuetify/lib/components/index.mjs'
-import { useToast } from 'vue-toast-notification'
 import api from '@/api'
 import { nextTick } from 'vue'
+import { storageOptions } from '@/api/constants'
 
 // 输入参数
 const props = defineProps({
@@ -36,14 +36,6 @@ const typeItems = [
   { title: '电视剧', value: '电视剧' },
 ]
 
-// 存储下拉字典
-const storageItems = [
-  { title: '本地', value: 'local' },
-  { title: '阿里云盘', value: 'alipan' },
-  { title: '115网盘', value: 'u115' },
-  { title: 'Rclone网盘', value: 'rclone' },
-]
-
 // 自动整理方式下拉字典
 const transferSourceItems = [
   { title: '不整理', value: '' },
@@ -228,7 +220,7 @@ watch(
             />
           </VCol>
           <VCol cols="4">
-            <VSelect v-model="props.directory.storage" variant="underlined" :items="storageItems" label="下载存储" />
+            <VSelect v-model="props.directory.storage" variant="underlined" :items="storageOptions" label="下载存储" />
           </VCol>
           <VCol cols="8">
             <VPathField @update:modelValue="updateDownloadPath" :storage="props.directory.storage">
@@ -273,7 +265,7 @@ watch(
             <VSelect
               v-model="props.directory.library_storage"
               variant="underlined"
-              :items="storageItems"
+              :items="storageOptions"
               label="媒体库存储"
             />
           </VCol>
diff --git a/src/components/filebrowser/FileToolbar.vue b/src/components/filebrowser/FileToolbar.vue
index f27b7711..2ead04e5 100644
--- a/src/components/filebrowser/FileToolbar.vue
+++ b/src/components/filebrowser/FileToolbar.vue
@@ -63,7 +63,7 @@ const pathSegments = computed(() => {
 
 // 当前存储
 const storageObject = computed(() => {
-  return inProps.storages?.find(item => item.code === inProps.storage)
+  return inProps.storages?.find(item => item.value === inProps.storage)
 })
 
 // 切换存储
@@ -127,19 +127,19 @@ const sortIcon = computed(() => {
           <VListItem
             v-for="(item, index) in storages"
             :key="index"
-            :disabled="item.code === storageObject?.code"
-            @click="changeStorage(item.code)"
+            :disabled="item.value === storageObject?.value"
+            @click="changeStorage(item.value)"
           >
             <template #prepend>
               <Icon :icon="item.icon" />
             </template>
-            <VListItemTitle>{{ item.name }}</VListItemTitle>
+            <VListItemTitle>{{ item.title }}</VListItemTitle>
           </VListItem>
         </VList>
       </VMenu>
       <VBtn variant="text" :input-value="item.path === '/'" class="px-1" @click="changePath(inProps.itemstack[0])">
         <VIcon :icon="storageObject?.icon" class="mr-2" />
-        {{ storageObject?.name }}
+        {{ storageObject?.title }}
       </VBtn>
       <template v-for="(segment, index) in pathSegments" :key="index">
         <VBtn