From 900dd6e958199c86115efc83a6fa19c28c1804b7 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 1 May 2025 13:51:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E5=AD=98=E5=82=A8=E9=80=89=E9=A1=B9=EF=BC=8C=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=AD=98=E5=82=A8=E5=8D=A1=E7=BB=84=E4=BB=B6=E4=BB=A5=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E5=85=B3=E9=97=AD=E4=BA=8B=E4=BB=B6=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=9B=BD=E9=99=85=E5=8C=96=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/constants.ts                          |  6 +++++
 src/components/cards/StorageCard.vue          | 19 ++++++++++++----
 src/locales/en-US.ts                          |  1 +
 src/locales/zh-CN.ts                          |  1 +
 src/locales/zh-TW.ts                          |  1 +
 src/views/setting/AccountSettingDirectory.vue | 22 ++++++++++++++++++-
 6 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/src/api/constants.ts b/src/api/constants.ts
index cfa74818..8c458832 100644
--- a/src/api/constants.ts
+++ b/src/api/constants.ts
@@ -31,6 +31,12 @@ export const storageOptions = [
     icon: 'mdi-server-network-outline',
     remote: true,
   },
+  {
+    title: i18n.global.t('storage.custom'),
+    value: 'custom',
+    icon: 'mdi-cog-outline',
+    remote: true,
+  },
 ]
 
 export const storageDict = storageOptions.reduce((dict, item) => {
diff --git a/src/components/cards/StorageCard.vue b/src/components/cards/StorageCard.vue
index ac7b94d0..67473d6f 100644
--- a/src/components/cards/StorageCard.vue
+++ b/src/components/cards/StorageCard.vue
@@ -28,7 +28,7 @@ const props = defineProps({
 })
 
 // 定义事件
-const emit = defineEmits(['done'])
+const emit = defineEmits(['done', 'close'])
 
 // 提示信息
 const $toast = useToast()
@@ -130,21 +130,32 @@ function handleDone() {
 
 // 根据存储类型获取文本
 function getStorageTypeText(type: string) {
-  return storageOptions.find((option) => option.value === type)?.title
+  return storageOptions.find(option => option.value === type)?.title
 }
 
 onMounted(() => {
   queryStorage()
 })
+
+// 关闭
+function onClose() {
+  emit('close')
+}
 </script>
 <template>
   <div>
     <VCard variant="tonal" @click="openStorageDialog">
+      <VDialogCloseBtn v-if="storage.type == 'custom'" @click="onClose" />
       <VCardText class="flex justify-space-between align-center gap-3">
         <div class="align-self-start flex-1">
           <h5 class="text-h6 mb-1">{{ getStorageTypeText(storage.type) }}</h5>
-          <div class="mb-3 text-sm" v-if="total">{{ formatBytes(used, 1) }} / {{ formatBytes(total, 1) }}</div>
-          <div v-else-if="isNullOrEmptyObject(storage.config)">{{ t('storage.notConfigured') }}</div>
+          <template v-if="storage.type != 'custom'">
+            <div class="mb-3 text-sm" v-if="total">{{ formatBytes(used, 1) }} / {{ formatBytes(total, 1) }}</div>
+            <div v-else-if="isNullOrEmptyObject(storage.config)">{{ t('storage.notConfigured') }}</div>
+          </template>
+          <template v-else>
+            <div class="mb-3 text-sm">{{ t('storage.custom') }}</div>
+          </template>
         </div>
         <VImg :src="getIcon" cover class="mt-5" max-width="3rem" min-width="3rem" />
       </VCardText>
diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts
index adb8f527..b9cd3999 100644
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -735,6 +735,7 @@ export default {
     u115: '115 Cloud',
     rclone: 'RClone',
     alist: 'AList',
+    custom: 'Custom',
   },
   filterRules: {
     specSub: 'Special Subtitle',
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index fe5217a7..9741ce05 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -732,6 +732,7 @@ export default {
     u115: '115网盘',
     rclone: 'RClone',
     alist: 'AList',
+    custom: '自定义',
   },
   filterRules: {
     specSub: '特效字幕',
diff --git a/src/locales/zh-TW.ts b/src/locales/zh-TW.ts
index b88e619d..8fa5808b 100644
--- a/src/locales/zh-TW.ts
+++ b/src/locales/zh-TW.ts
@@ -733,6 +733,7 @@ export default {
     u115: '115網盤',
     rclone: 'RClone',
     alist: 'AList',
+    custom: '自定義',
   },
 
   filterRules: {
diff --git a/src/views/setting/AccountSettingDirectory.vue b/src/views/setting/AccountSettingDirectory.vue
index 4d5db11b..74b8bb19 100644
--- a/src/views/setting/AccountSettingDirectory.vue
+++ b/src/views/setting/AccountSettingDirectory.vue
@@ -174,6 +174,23 @@ async function loadMediaCategories() {
   }
 }
 
+// 添加存储
+function addStorage() {
+  storages.value.push({
+    name: '自定义存储',
+    type: 'custom',
+    config: {},
+  })
+}
+
+// 移除存储
+function removeStorage(storage: StorageConf) {
+  const index = storages.value.indexOf(storage)
+  if (index > -1) {
+    storages.value.splice(index, 1)
+  }
+}
+
 // 保存设置
 async function saveSystemSettings(value: any) {
   try {
@@ -212,7 +229,7 @@ onMounted(() => {
             :component-data="{ 'class': 'grid gap-3 grid-app-card' }"
           >
             <template #item="{ element }">
-              <StorageCard :storage="element" @done="updatedStorage" />
+              <StorageCard :storage="element" @done="updatedStorage" @close="removeStorage(element)" />
             </template>
           </draggable>
         </VCardText>
@@ -220,6 +237,9 @@ onMounted(() => {
           <VForm @submit.prevent="() => {}">
             <div class="d-flex flex-wrap gap-4 mt-4">
               <VBtn type="submit" class="me-2" @click="saveStorages"> {{ t('common.save') }} </VBtn>
+              <VBtn color="success" variant="tonal" @click="addStorage">
+                <VIcon icon="mdi-plus" />
+              </VBtn>
             </div>
           </VForm>
         </VCardText>