🐞 fix: 修复清除缓存问题

src/renderer/views/set/index.vue

@@ -277,10 +277,13 @@
           </div>
         </div>
       </div>
-
-      <!-- 其他模态框和组件保持不变 -->
-      <shortcut-settings v-model:show="showShortcutModal" @change="handleShortcutsChange" />
       <play-bottom />
+    </n-scrollbar>
+
+    <!-- 快捷键设置弹窗 -->
+    <shortcut-settings v-model:show="showShortcutModal" @change="handleShortcutsChange" />
+
+    <!-- 代理设置弹窗 -->
     <n-modal
       v-model:show="showProxyModal"
       preset="dialog"
@@ -322,7 +325,41 @@
         </n-form-item>
       </n-form>
     </n-modal>
-    </n-scrollbar>
+    <!-- 清除缓存弹窗 -->
+    <n-modal
+      v-model:show="showClearCacheModal"
+      preset="dialog"
+      title="清除缓存"
+      positive-text="确认"
+      negative-text="取消"
+      @positive-click="clearCache"
+      @negative-click="
+        () => {
+          selectedCacheTypes = [];
+        }
+      "
+    >
+      <n-space vertical>
+        <p>请选择要清除的缓存类型：</p>
+        <n-checkbox-group v-model:value="selectedCacheTypes">
+          <n-space vertical>
+            <n-checkbox
+              v-for="option in clearCacheOptions"
+              :key="option.key"
+              :value="option.key"
+              :label="option.label"
+            >
+              <template #default>
+                <div>
+                  <div>{{ option.label }}</div>
+                  <div class="text-gray-400 text-sm">{{ option.description }}</div>
+                </div>
+              </template>
+            </n-checkbox>
+          </n-space>
+        </n-checkbox-group>
+      </n-space>
+    </n-modal>
   </div>
 </template>