support fast clean options

src/App.vue

@@ -10,7 +10,7 @@ const activeTab = ref<Tab>('clean-c-fast');
 const isCMenuOpen = ref(true);
 
 // --- 数据结构 ---
-interface ScanItem { name: string; path: string; size: number; count: number; }
+interface ScanItem { name: string; path: string; size: number; count: number; enabled: boolean; }
 interface FastScanResult { items: ScanItem[]; total_size: string; total_count: number; }
 interface CleanResult { total_freed: string; success_count: number; fail_count: number; }
 interface FileNode {
@@ -115,10 +115,19 @@ async function startFastScan() {
 }
 
 async function startFastClean() {
-  if (isCleaning.value) return;
+  if (isCleaning.value || !fastScanResult.value) return;
+  const selectedPaths = fastScanResult.value.items
+    .filter(item => item.enabled)
+    .map(item => item.path);
+  
+  if (selectedPaths.length === 0) {
+    showAlert("未选择任何项", "请至少勾选一个需要清理的项目。", 'info');
+    return;
+  }
+
   isCleaning.value = true;
   try {
-    const res = await invoke<CleanResult>("start_fast_clean", { isSimulation: false });
+    const res = await invoke<CleanResult>("start_fast_clean", { selectedPaths });
     cleanResult.value = res;
     isCleanDone.value = true;
     fastScanResult.value = null;
@@ -353,8 +362,20 @@ function splitSize(sizeStr: string | number) {
 
         <div class="detail-list" v-if="(isScanning || fastScanResult) && !isCleanDone">
           <h3>清理项详情</h3>
-          <div class="detail-item" v-for="item in fastScanResult?.items || []" :key="item.path">
-            <span>{{ item.name }}</span>
+          <div 
+            class="detail-item" 
+            v-for="item in fastScanResult?.items || []" 
+            :key="item.path"
+            @click="item.enabled = !item.enabled"
+            :class="{ disabled: !item.enabled }"
+          >
+            <div class="item-info">
+              <label class="checkbox-container" @click.stop>
+                <input type="checkbox" v-model="item.enabled">
+                <span class="checkmark"></span>
+              </label>
+              <span>{{ item.name }}</span>
+            </div>
             <span class="item-size">{{ formatItemSize(item.size) }}</span>
           </div>
           <div v-if="isScanning" class="scanning-placeholder">正在深度扫描文件系统...</div>
@@ -972,14 +993,63 @@ body {
 .detail-item { 
   display: flex; 
   justify-content: space-between; 
+  align-items: center;
   padding: 16px 0; 
   border-bottom: 1px solid #F5F5F7; 
   font-size: 14px; 
   color: #424245; 
-  transition: transform 0.2s ease;
+  transition: all 0.2s ease;
+  cursor: pointer;
 }
-.detail-item:hover { transform: translateX(4px); }
+.detail-item:hover { background-color: #FAFAFB; padding-left: 8px; padding-right: 8px; border-radius: 8px; }
+.detail-item.disabled { opacity: 0.5; }
 .detail-item:last-child { border-bottom: none; }
+
+.item-info { display: flex; align-items: center; gap: 12px; }
+
+/* --- 自定义复选框 --- */
+.checkbox-container {
+  display: block;
+  position: relative;
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.checkbox-container input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+  height: 0; width: 0;
+}
+
+.checkmark {
+  position: absolute;
+  top: 0; left: 0;
+  height: 20px; width: 20px;
+  background-color: #F2F2F7;
+  border-radius: 6px;
+  transition: all 0.2s;
+  border: 1px solid #E5E5E7;
+}
+
+.checkbox-container:hover input ~ .checkmark { background-color: #E5E5E7; }
+.checkbox-container input:checked ~ .checkmark { background-color: var(--primary-color); border-color: var(--primary-color); }
+
+.checkmark:after {
+  content: "";
+  position: absolute;
+  display: none;
+  left: 6px; top: 1px;
+  width: 5px; height: 10px;
+  border: solid white;
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
+
+.checkbox-container input:checked ~ .checkmark:after { display: block; }
+
 .item-size { font-weight: 600; color: var(--primary-color); }
 
 .placeholder-page { padding-top: 120px; text-align: center; color: var(--text-sec); }