From 487ccf880e46a648d643e63b538e3a38f5f9a5f9 Mon Sep 17 00:00:00 2001
From: yubaoquan <yuyuyubq@163.com>
Date: Sun, 14 Apr 2024 17:48:09 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=B8=8D=E8=A6=81=E5=9C=A8=E5=A4=A7?=
 =?UTF-8?q?=E9=87=8F=E9=81=8D=E5=8E=86=E4=B8=AD=E4=BD=BF=E7=94=A8=20toolti?=
 =?UTF-8?q?p,=20=E5=BE=88=E5=AE=B9=E6=98=93=E6=8A=8A=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=8D=A1=E6=AD=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common-header/common-header.vue           |  1 -
 .../src/components/file-list/file-list.vue    | 12 ++------
 .../scan-progress/scan-progress.vue           | 18 ++++++++----
 .../components/scan-progress/use-progress.ts  | 28 +++++++++++++++++++
 src/renderer/src/views/dutor-view.vue         | 14 ++++++++--
 5 files changed, 56 insertions(+), 17 deletions(-)

diff --git a/src/renderer/src/components/common-header/common-header.vue b/src/renderer/src/components/common-header/common-header.vue
index b78576b..520b763 100644
--- a/src/renderer/src/components/common-header/common-header.vue
+++ b/src/renderer/src/components/common-header/common-header.vue
@@ -72,7 +72,6 @@ const languages = ref<any[]>([
 
 onMounted(async () => {
   const isDarkFromMain = await window.api.getIsDark();
-  console.info(`isDarkFromMain: ${isDarkFromMain}`);
   setTheme(isDarkFromMain);
 });
 
diff --git a/src/renderer/src/components/file-list/file-list.vue b/src/renderer/src/components/file-list/file-list.vue
index 5200cd3..2740c4c 100644
--- a/src/renderer/src/components/file-list/file-list.vue
+++ b/src/renderer/src/components/file-list/file-list.vue
@@ -4,15 +4,12 @@
       <v-toolbar color="purple" density="compact">
         <v-checkbox-btn
           v-model="allSelected"
+          class="grow-0"
           @update:model-value="handleSelectAll"
         ></v-checkbox-btn>
 
         <v-toolbar-title>
-          <v-tooltip :text="hash" location="bottom">
-            <template #activator="{ props: prps }">
-              <div v-bind="prps">{{ hash.slice(0, 20) }}</div>
-            </template>
-          </v-tooltip>
+          <div :title="hash">{{ hash.slice(0, 20) }}</div>
         </v-toolbar-title>
         <v-spacer></v-spacer>
         <v-btn
@@ -40,10 +37,7 @@
           </template>
 
           <v-list-item-title>{{ file.name }}</v-list-item-title>
-          <v-list-item-subtitle
-            >{{ file.path }}
-            <v-tooltip location="top" activator="parent">{{ file.path }}</v-tooltip>
-          </v-list-item-subtitle>
+          <v-list-item-subtitle :title="file.path">{{ file.path }} </v-list-item-subtitle>
 
           <template #append>
             <v-btn
diff --git a/src/renderer/src/components/scan-progress/scan-progress.vue b/src/renderer/src/components/scan-progress/scan-progress.vue
index 15924d7..dccbf20 100644
--- a/src/renderer/src/components/scan-progress/scan-progress.vue
+++ b/src/renderer/src/components/scan-progress/scan-progress.vue
@@ -12,22 +12,30 @@
       <v-expansion-panels model-value="detail">
         <v-expansion-panel title="查看详情" value="detail">
           <v-expansion-panel-text>
-            <div class="flex justify-between items-start">
+            <div class="flex justify-between items-start max-h-96 overflow-y-auto">
               <div class="grow shrink-0 w-1/2 p-2">
                 <div>{{ $t('dutor.scanning') }} {{ scanningFiles.length }}</div>
                 <div class="scan-list">
-                  <div v-for="file in scanningFiles" :key="file.path" class="truncate">
+                  <div
+                    v-for="file in scanningFiles"
+                    :key="file.path"
+                    class="truncate"
+                    :title="file.path"
+                  >
                     {{ file.path }}
-                    <v-tooltip location="top" activator="parent">{{ file.path }}</v-tooltip>
                   </div>
                 </div>
               </div>
               <div class="grow shrink-0 w-1/2 p-2">
                 <div>{{ $t('dutor.finished') }} {{ finishedFiles.length }}</div>
                 <div class="scan-list">
-                  <div v-for="file in finishedFiles" :key="file.path" class="truncate">
+                  <div
+                    v-for="file in finishedFiles"
+                    :key="file.path"
+                    class="truncate"
+                    :title="file.path"
+                  >
                     {{ file.path }}
-                    <v-tooltip location="top" activator="parent">{{ file.path }}</v-tooltip>
                   </div>
                 </div>
               </div>
diff --git a/src/renderer/src/components/scan-progress/use-progress.ts b/src/renderer/src/components/scan-progress/use-progress.ts
index 26bc249..6826d9e 100644
--- a/src/renderer/src/components/scan-progress/use-progress.ts
+++ b/src/renderer/src/components/scan-progress/use-progress.ts
@@ -22,6 +22,33 @@ export default () => {
     scanningFiles.value = scanningFiles.value.filter((item) => item.path !== file.path);
   };
 
+  /**
+   * @description: Start fake data for testing
+   */
+  const startFakeData = () => {
+    const fakeData = Array.from({ length: 2000 }, (_, index) => ({
+      path: `fake-path-${index}`,
+      size: 1024,
+      hash: `fake-hash-${index}`,
+    }));
+
+    allFiles.value = fakeData;
+    let scanningCount = 0;
+
+    const handle = setInterval(() => {
+      if (scanningCount < fakeData.length) {
+        const pushCountPerTime = 100;
+        const fd = fakeData.slice(scanningCount, scanningCount + pushCountPerTime);
+
+        scanningFiles.value.push(...fd);
+        scanningCount += pushCountPerTime;
+        console.info(`herex`, fd);
+      } else {
+        clearInterval(handle);
+      }
+    }, 500);
+  };
+
   return {
     allFiles,
     scanningFiles,
@@ -29,5 +56,6 @@ export default () => {
     resetProgress,
     initProgress,
     updateProgress,
+    startFakeData,
   };
 };
diff --git a/src/renderer/src/views/dutor-view.vue b/src/renderer/src/views/dutor-view.vue
index 5750390..d57b48f 100644
--- a/src/renderer/src/views/dutor-view.vue
+++ b/src/renderer/src/views/dutor-view.vue
@@ -1,4 +1,6 @@
 <template>
+  <!-- <div @click="startFakeData">test</div> -->
+
   <v-container class="bg-surface-variant" fluid>
     <v-snackbar v-model="showMessage" location="top" :timeout="2000" rounded>
       {{ toastMessage }}
@@ -80,8 +82,16 @@ type HashItem = {
   files: FileItem[];
 };
 
-const { allFiles, scanningFiles, finishedFiles, resetProgress, initProgress, updateProgress } =
-  useScanProgress();
+const {
+  allFiles,
+  scanningFiles,
+  finishedFiles,
+  resetProgress,
+  initProgress,
+  updateProgress,
+
+  // startFakeData,
+} = useScanProgress();
 const targetFolder = ref<string>('');
 const isScanning = ref(false);
 const showMessage = ref(false);