From e3a385c989ade5cf0db20c46fda1805693a10777 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 3 Apr 2025 08:23:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=96=87=E4=BB=B6=E6=B5=8F?=
 =?UTF-8?q?=E8=A7=88=E5=99=A8=E7=BB=84=E4=BB=B6=EF=BC=8C=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E7=9B=AE=E5=BD=95=E6=A0=91=E5=88=87=E6=8D=A2=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FileBrowser.vue          | 23 ++++++++++-------------
 src/components/filebrowser/FileList.vue |  9 +++++----
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/components/FileBrowser.vue b/src/components/FileBrowser.vue
index ea7aae06..468fa3eb 100644
--- a/src/components/FileBrowser.vue
+++ b/src/components/FileBrowser.vue
@@ -168,7 +168,7 @@ function sortChanged(s: string) {
 
 // 切换目录树
 function switchDirTree(state: boolean) {
-  showDirTree.value = !state
+  showDirTree.value = state
 }
 
 // 文件列表
@@ -210,18 +210,15 @@ const fileListStyle = computed(() => {
         @sortchanged="sortChanged"
       />
       <div class="flex" :style="scrollStyle">
-        <VSlideXTransition v-if="showDirTree">
-          <div>
-            <FileNavigator
-              :storage="activeStorage"
-              :currentPath="item.path"
-              :items="fileListItems"
-              :endpoints="endpoints"
-              :axios="axios"
-              @navigate="pathChanged"
-            />
-          </div>
-        </VSlideXTransition>
+        <FileNavigator
+          v-if="showDirTree"
+          :storage="activeStorage"
+          :currentPath="item.path"
+          :items="fileListItems"
+          :endpoints="endpoints"
+          :axios="axios"
+          @navigate="pathChanged"
+        />
         <FileList
           class="flex-grow"
           :item="item"
diff --git a/src/components/filebrowser/FileList.vue b/src/components/filebrowser/FileList.vue
index 65c1d2cd..cc99daa3 100644
--- a/src/components/filebrowser/FileList.vue
+++ b/src/components/filebrowser/FileList.vue
@@ -379,8 +379,8 @@ function formatTime(timestape: number) {
 }
 
 // 切换文件树显示
-function switchFileTree() {
-  emit('switch-tree', inProps.showTree)
+function switchFileTree(state: boolean) {
+  emit('switch-tree', state)
 }
 
 // 监听refreshPending变化
@@ -549,8 +549,9 @@ onMounted(() => {
 <template>
   <VCard class="d-flex flex-column w-full h-full">
     <VToolbar v-if="!loading" density="compact" flat color="gray">
-      <IconBtn>
-        <VIcon :icon="showTree ? 'mdi-file-tree' : 'mdi-file-tree-outline'" @@click="switchFileTree" />
+      <IconBtn v-if="display.mdAndUp.value">
+        <VIcon v-if="showTree" icon="mdi-file-tree" @click="switchFileTree(false)" />
+        <VIcon v-else icon="mdi-file-tree-outline" @click="switchFileTree(true)" />
       </IconBtn>
       <VTextField
         v-if="!isFile"