From 1132beea5e4662e7da376facea5522cd5f2ed8e7 Mon Sep 17 00:00:00 2001
From: PKC278 <52959804+PKC278@users.noreply.github.com>
Date: Tue, 30 Dec 2025 04:01:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(aboutDialog):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=B8=85=E9=99=A4=E7=BC=93=E5=AD=98=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dialog/AboutDialog.vue | 19 +++++++++++
 src/composables/useVersionChecker.ts  | 46 +++++++++++++--------------
 src/locales/en-US.ts                  |  1 +
 src/locales/zh-CN.ts                  |  1 +
 src/locales/zh-TW.ts                  |  1 +
 5 files changed, 45 insertions(+), 23 deletions(-)

diff --git a/src/components/dialog/AboutDialog.vue b/src/components/dialog/AboutDialog.vue
index 37b5e725..da4d894d 100644
--- a/src/components/dialog/AboutDialog.vue
+++ b/src/components/dialog/AboutDialog.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { formatDateDifference } from '@/@core/utils/formatters'
 import api from '@/api'
+import { clearCachesAndServiceWorker } from '@/composables/useVersionChecker'
 import { useI18n } from 'vue-i18n'
 import { useDisplay } from 'vuetify'
 
@@ -120,6 +121,13 @@ function releaseTime(releaseDate: string) {
   return formatDateDifference(releaseDate)
 }
 
+// 强制清除缓存
+async function cleanCache() {
+  await clearCachesAndServiceWorker()
+  // 刷新页面
+  window.location.reload()
+}
+
 onMounted(() => {
   querySystemEnv()
   queryAllRelease()
@@ -181,6 +189,17 @@ onMounted(() => {
                     <dd class="flex text-sm sm:col-span-2 sm:mt-0">
                       <span class="flex-grow flex flex-row items-center truncate">
                         <code class="truncate">{{ appVersion }}</code>
+                        <VBtn
+                          size="x-small"
+                          variant="tonal"
+                          class="ms-2"
+                          @click="cleanCache"
+                        >
+                          <template #prepend>
+                            <VIcon icon="mdi-refresh" size="14" />
+                          </template>
+                          {{ t('setting.about.cleanCache') }}
+                        </VBtn>
                       </span>
                     </dd>
                   </div>
diff --git a/src/composables/useVersionChecker.ts b/src/composables/useVersionChecker.ts
index e3b3535c..2f2d1756 100644
--- a/src/composables/useVersionChecker.ts
+++ b/src/composables/useVersionChecker.ts
@@ -14,6 +14,29 @@ const needsUpdate = computed(() => {
   return serverVersion.value !== null && serverVersion.value !== currentVersion.value
 })
 
+/**
+ * 清除所有缓存和 Service Worker
+ */
+export const clearCachesAndServiceWorker = async (): Promise<void> => {
+  try {
+    // 1. 清除所有缓存
+    if ('caches' in window) {
+      const cacheNames = await caches.keys()
+      await Promise.all(cacheNames.map(name => caches.delete(name)))
+      console.log('[VersionChecker] 已清除所有缓存')
+    }
+
+    // 2. 注销 Service Worker
+    if ('serviceWorker' in navigator) {
+      const registrations = await navigator.serviceWorker.getRegistrations()
+      await Promise.all(registrations.map(registration => registration.unregister()))
+      console.log('[VersionChecker] 已注销所有 Service Worker')
+    }
+  } catch (error) {
+    console.error('[VersionChecker] 清除缓存失败:', error)
+  }
+}
+
 /**
  * 版本检查 Composable
  *
@@ -25,29 +48,6 @@ const needsUpdate = computed(() => {
 export function useVersionChecker() {
   const toast = useToast()
 
-  /**
-   * 清除所有缓存和 Service Worker
-   */
-  const clearCachesAndServiceWorker = async (): Promise<void> => {
-    try {
-      // 1. 清除所有缓存
-      if ('caches' in window) {
-        const cacheNames = await caches.keys()
-        await Promise.all(cacheNames.map(name => caches.delete(name)))
-        console.log('[VersionChecker] 已清除所有缓存')
-      }
-
-      // 2. 注销 Service Worker
-      if ('serviceWorker' in navigator) {
-        const registrations = await navigator.serviceWorker.getRegistrations()
-        await Promise.all(registrations.map(registration => registration.unregister()))
-        console.log('[VersionChecker] 已注销所有 Service Worker')
-      }
-    } catch (error) {
-      console.error('[VersionChecker] 清除缓存失败:', error)
-    }
-  }
-
   /**
    * 显示版本更新通知（带刷新按钮）
    */
diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts
index e0570b6c..70bcf524 100644
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -1249,6 +1249,7 @@ export default {
       dataDirectory: '/moviepilot',
       expand: 'Expand',
       collapse: 'Collapse',
+      cleanCache: 'Clear Cache',
     },
     system: {
       custom: 'Custom',
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index d22954f4..9002e142 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -1246,6 +1246,7 @@ export default {
       dataDirectory: '/moviepilot',
       expand: '展开',
       collapse: '收起',
+      cleanCache: '清除缓存',
     },
     system: {
       custom: '自定义',
diff --git a/src/locales/zh-TW.ts b/src/locales/zh-TW.ts
index 84bc71a9..9991a2ae 100644
--- a/src/locales/zh-TW.ts
+++ b/src/locales/zh-TW.ts
@@ -1234,6 +1234,7 @@ export default {
       dataDirectory: '/moviepilot',
       expand: '展開',
       collapse: '收起',
+      cleanCache: '清除緩存',
     },
     system: {
       custom: '自定義',