From cdeef084da3f5dfc9a05ebaa09aa3d2336b58aa9 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Wed, 28 Oct 2026 08:48:23 +0000
Subject: [PATCH] =?UTF-8?q?fix(file):=20=E6=96=87=E4=BB=B6=E9=A1=B5?=
 =?UTF-8?q?=E8=A7=A6=E5=B1=8F=E7=82=B9=E5=87=BB=E6=AE=8B=E7=95=99=20hover?=
 =?UTF-8?q?=E3=80=81=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=B8=8D=E5=86=8D=E6=82=AC?=
 =?UTF-8?q?=E5=81=9C=E6=98=BE=E7=A4=BA=E5=88=B7=E6=96=B0=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E3=80=81=E7=AA=84=E5=B1=8F=E6=90=9C=E7=B4=A2=E6=A1=86=E4=B8=8E?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E9=97=B4=E8=B7=9D=E8=BF=87=E8=BF=91=EF=BC=8C?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=A8=A1=E5=BC=8F=E8=A1=A8=E6=A0=BC=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=E6=94=B9=E4=B8=BA=E8=B7=9F=E9=9A=8F=E5=AE=B9=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/pages/manage/file.vue  | 17 ++++++++--
 resources/assets/sass/pages/page-file.scss | 37 +++++++++++++++++++---
 2 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/resources/assets/js/pages/manage/file.vue b/resources/assets/js/pages/manage/file.vue
index beb91cb6f..09c99607a 100644
--- a/resources/assets/js/pages/manage/file.vue
+++ b/resources/assets/js/pages/manage/file.vue
@@ -122,7 +122,7 @@
                 @drop.prevent="filePasteDrag($event, 'drag')"
                 @dragover.prevent="fileDragOver(true, $event)"
                 @dragleave.prevent="fileDragOver(false, $event)">
-                <div v-if="tableMode === 'table'" class="file-table" @contextmenu.prevent="handleContextmenu">
+                <div v-if="tableMode === 'table'" class="file-table" v-resize-observer="onTableResize" @contextmenu.prevent="handleContextmenu">
                     <Table
                         :columns="columns"
                         :data="fileList"
@@ -513,6 +513,7 @@ import {sortBy} from "lodash";
 import {isImageFile} from "../../utils/file";
 import DrawerOverlay from "../../components/DrawerOverlay";
 import longpress from "../../directives/longpress";
+import resizeObserver from "../../directives/resize-observer";
 import UserSelect from "../../components/UserSelect.vue";
 import UserAvatarTip from "../../components/UserAvatar/tip.vue";
 import Forwarder from "./components/Forwarder/index.vue";
@@ -526,9 +527,11 @@ const FileObject = {sort: null, mode: null, board: null};
 
 export default {
     components: {WebDavManager, CollaborationFileList, Forwarder, UserAvatarTip, UserSelect, FilePreview, DrawerOverlay, FileContent},
-    directives: {longpress},
+    directives: {longpress, resizeObserver},
     data() {
         return {
+            tableBoxHeight: 0,
+
             webDavShow: false,
             packList: [],
             packShow: false,
@@ -1013,7 +1016,8 @@ export default {
         },
 
         tableHeight() {
-            return this.windowHeight - 150
+            // 跟随容器高度（移动端需扣除安全区域等），未测量到时按窗口估算
+            return this.tableBoxHeight || this.windowHeight - 150
         },
 
         showDownloadZipButton() {
@@ -1121,6 +1125,13 @@ export default {
     },
 
     methods: {
+        onTableResize({height}) {
+            // keep-alive 隐藏时高度为 0，忽略
+            if (height > 0) {
+                this.tableBoxHeight = Math.floor(height)
+            }
+        },
+
         fileBlockIconClasses(item) {
             const classes = ['no-dark-before', 'file-icon'];
             if (item && item.type) {
diff --git a/resources/assets/sass/pages/page-file.scss b/resources/assets/sass/pages/page-file.scss
index ddf89a0ad..ac67f6894 100644
--- a/resources/assets/sass/pages/page-file.scss
+++ b/resources/assets/sass/pages/page-file.scss
@@ -33,9 +33,11 @@
                         font-size: 18px;
                     }
                 }
-                &:hover {
-                    .file-refresh {
-                        display: block;
+                @media (hover: hover) {
+                    &:hover {
+                        .file-refresh {
+                            display: block;
+                        }
                     }
                 }
             }
@@ -334,6 +336,7 @@
             }
             .file-table {
                 flex: 1;
+                height: 0;
                 cursor: default;
                 margin: 16px 32px 32px;
                 .ivu-table {
@@ -554,14 +557,23 @@
                         &.highlight {
                             background-color: #f4f5f7;
                         }
-                        &.operate,
-                        &:hover {
+                        &.operate {
                             background-color: #f4f5f7;
                             .file-menu,
                             .file-check {
                                 opacity: 1;
                             }
                         }
+                        // 触屏不响应 hover：点击入口后 hover 会停留在点击位置，页面切换后误命中该处的 item
+                        @media (hover: hover) {
+                            &:hover {
+                                background-color: #f4f5f7;
+                                .file-menu,
+                                .file-check {
+                                    opacity: 1;
+                                }
+                            }
+                        }
                     }
                 }
                 .file-drag-select {
@@ -803,6 +815,21 @@ body.window-portrait {
         .file-wrapper {
             .file-head {
                 margin: 24px 16px 16px;
+                gap: 22px 16px;
+                .file-actions {
+                    gap: 8px 12px;
+                    .file-search {
+                        flex: 1;
+                        min-width: 0;
+                        max-width: 240px;
+                        .ivu-input-wrapper {
+                            width: 100%;
+                            .ivu-input {
+                                width: 100%;
+                            }
+                        }
+                    }
+                }
             }
             .file-tabs {
                 margin: 0 16px 6px;