From 25c22a276aec044e5407e22ce4e8076e1dbb8874 Mon Sep 17 00:00:00 2001
From: alkalixin <i@alkalixin.cn>
Date: Fri, 23 Feb 2024 15:07:01 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=99=E9=83=A8=E5=88=86=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=B5=AE=E5=8A=A8=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@core/components/ThemeSwitcher.vue       |   6 +-
 src/components/filebrowser/List.vue          | 100 +++++++++++++------
 src/components/filebrowser/Toolbar.vue       |  28 ++++--
 src/layouts/components/ShortcutBar.vue       |   6 +-
 src/views/reorganize/TransferHistoryView.vue |  12 ++-
 5 files changed, 110 insertions(+), 42 deletions(-)

diff --git a/src/@core/components/ThemeSwitcher.vue b/src/@core/components/ThemeSwitcher.vue
index 6d2e8ec1..4c330cea 100644
--- a/src/@core/components/ThemeSwitcher.vue
+++ b/src/@core/components/ThemeSwitcher.vue
@@ -121,7 +121,11 @@ function themeTransition() {
 
 <template>
   <IconBtn @click="changeTheme">
-    <VIcon :icon="props.themes[currentThemeIndex].icon" />
+    <VTooltip text="切换主题">
+      <template #activator="{ props: _props }">
+        <VIcon v-bind="_props" :icon="props.themes[currentThemeIndex].icon" />
+      </template>
+    </VTooltip>
   </IconBtn>
 </template>
 
diff --git a/src/components/filebrowser/List.vue b/src/components/filebrowser/List.vue
index e52fe165..490fd561 100644
--- a/src/components/filebrowser/List.vue
+++ b/src/components/filebrowser/List.vue
@@ -416,21 +416,41 @@ onMounted(() => {
                   </VMenu>
                 </IconBtn>
                 <span v-show="hover.isHovering" class="flex">
-                  <IconBtn class="d-none d-sm-block" @click.stop="recognize(item.path)">
-                    <VIcon icon="mdi-text-recognition" />
-                  </IconBtn>
-                  <IconBtn class="d-none d-sm-block" @click.stop="scrape(item.path)">
-                    <VIcon icon="mdi-auto-fix" />
-                  </IconBtn>
-                  <IconBtn class="d-none d-sm-block" @click.stop="showRenmae(item)">
-                    <VIcon icon="mdi-rename" />
-                  </IconBtn>
-                  <IconBtn class="d-none d-sm-block" @click.stop="showTransfer(item)">
-                    <VIcon icon="mdi-folder-arrow-right" />
-                  </IconBtn>
-                  <IconBtn class="d-none d-sm-block" @click.stop="deleteItem(item)">
-                    <VIcon icon="mdi-delete-outline" />
-                  </IconBtn>
+                  <VTooltip text="识别">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="recognize(item.path)">
+                        <VIcon icon="mdi-text-recognition" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="刮削">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="scrape(item.path)">
+                        <VIcon icon="mdi-auto-fix" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="重命名">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showRenmae(item)">
+                        <VIcon icon="mdi-rename" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="整理">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showTransfer(item)">
+                        <VIcon icon="mdi-folder-arrow-right" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="删除">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="deleteItem(item)">
+                        <VIcon icon="mdi-delete-outline" color="error" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
                 </span>
               </template>
             </VListItem>
@@ -483,21 +503,41 @@ onMounted(() => {
                   </VMenu>
                 </IconBtn>
                 <span v-show="hover.isHovering" class="flex">
-                  <IconBtn class="d-none d-sm-block" @click.stop="recognize(item.path)">
-                    <VIcon icon="mdi-text-recognition" />
-                  </IconBtn>
-                  <IconBtn class="d-none d-sm-block" @click.stop="scrape(item.path)">
-                    <VIcon icon="mdi-auto-fix" />
-                  </IconBtn>
-                  <IconBtn class="d-none d-sm-block" @click.stop="showRenmae(item)">
-                    <VIcon icon="mdi-rename" />
-                  </IconBtn>
-                  <IconBtn class="d-none d-sm-block" @click.stop="showTransfer(item)">
-                    <VIcon icon="mdi-folder-arrow-right" />
-                  </IconBtn>
-                  <IconBtn class="d-none d-sm-block" @click.stop="deleteItem(item)">
-                    <VIcon icon="mdi-delete-outline" />
-                  </IconBtn>
+                  <VTooltip text="识别">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="recognize(item.path)">
+                        <VIcon icon="mdi-text-recognition" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="刮削">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="scrape(item.path)">
+                        <VIcon icon="mdi-auto-fix" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="重命名">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showRenmae(item)">
+                        <VIcon icon="mdi-rename" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="整理">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showTransfer(item)">
+                        <VIcon icon="mdi-folder-arrow-right" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
+                  <VTooltip text="删除">
+                    <template #activator="{ props }">
+                      <IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="deleteItem(item)">
+                        <VIcon icon="mdi-delete-outline" color="error" />
+                      </IconBtn>
+                    </template>
+                  </VTooltip>
                 </span>
               </template>
             </VListItem>
diff --git a/src/components/filebrowser/Toolbar.vue b/src/components/filebrowser/Toolbar.vue
index 058d380e..baefd98a 100644
--- a/src/components/filebrowser/Toolbar.vue
+++ b/src/components/filebrowser/Toolbar.vue
@@ -144,19 +144,31 @@ const sortIcon = computed(() => {
       </template>
     </VToolbarItems>
     <div class="flex-grow-1" />
-    <IconBtn @click="changeSort">
-      <VIcon :icon="sortIcon" />
-    </IconBtn>
-    <IconBtn v-if="pathSegments.length > 0" @click="goUp">
-      <VIcon icon="mdi-arrow-up-bold-outline" />
-    </IconBtn>
+    <VTooltip text="调整排序">
+      <template #activator="{ props }">
+        <IconBtn v-bind="props" @click="changeSort">
+          <VIcon :icon="sortIcon" />
+        </IconBtn>
+      </template>
+    </VTooltip>
+    <VTooltip text="返回上一级" v-if="pathSegments.length > 0">
+      <template #activator="{ props }">
+        <IconBtn v-bind="props" @click="goUp">
+          <VIcon icon="mdi-arrow-up-bold-outline" />
+        </IconBtn>
+      </template>
+    </VTooltip>
     <VDialog
       v-model="newFolderPopper"
       max-width="50rem"
     >
       <template #activator="{ props }">
-        <IconBtn title="新建文件夹" v-bind="props">
-          <VIcon icon="mdi-folder-plus-outline" />
+        <IconBtn v-bind="props">
+          <VTooltip text="新建文件夹">
+            <template #activator="{ props: _props }">
+              <VIcon v-bind="_props" icon="mdi-folder-plus-outline" />
+            </template>
+          </VTooltip>
         </IconBtn>
       </template>
       <VCard title="新建文件夹">
diff --git a/src/layouts/components/ShortcutBar.vue b/src/layouts/components/ShortcutBar.vue
index 8a71d476..3355af6c 100644
--- a/src/layouts/components/ShortcutBar.vue
+++ b/src/layouts/components/ShortcutBar.vue
@@ -44,7 +44,11 @@ function allLoggingUrl() {
         class="me-2"
         v-bind="props"
       >
-        <VIcon icon="mdi-checkbox-multiple-blank-outline" />
+        <VTooltip text="捷径">
+          <template #activator="{ props: _props }">
+            <VIcon v-bind="_props" icon="mdi-checkbox-multiple-blank-outline" />
+          </template>
+        </VTooltip>
       </IconBtn>
     </template>
     <!-- Menu Content -->
diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue
index 99a63ae8..2ba9df29 100644
--- a/src/views/reorganize/TransferHistoryView.vue
+++ b/src/views/reorganize/TransferHistoryView.vue
@@ -415,8 +415,16 @@ const dropdownItems = ref([
   </VCard>
   <!-- 底部操作按钮 -->
   <span v-if="selected.length > 0" class="fixed right-5 bottom-5">
-    <VBtn icon="mdi-redo-variant" class="me-2" color="primary" size="x-large" @click="retransferBatch" />
-    <VBtn icon="mdi-trash-can-outline" color="error" size="x-large" @click="removeHistoryBatch" />
+    <VTooltip text="批量重新整理">
+      <template #activator="{ props }">
+        <VBtn v-bind="props" icon="mdi-redo-variant" class="me-2" color="primary" size="x-large" @click="retransferBatch" />
+      </template>
+    </VTooltip>
+    <VTooltip text="批量删除">
+      <template #activator="{ props }">
+        <VBtn v-bind="props" icon="mdi-trash-can-outline" color="error" size="x-large" @click="removeHistoryBatch" />
+      </template>
+    </VTooltip>
   </span>
   <!-- 底部弹窗 -->
   <VBottomSheet v-model="deleteConfirmDialog" inset>