From cc27b0e44b641fbff3f3c88596b2c270ca0b4d0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <haozi@loli.email>
Date: Sat, 10 Oct 2026 00:58:44 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E4=BF=AE=E5=A4=8D=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=8B=BE=E9=80=89=E7=82=B9=E5=81=8F=E5=8F=98=E5=8D=95?=
 =?UTF-8?q?=E9=80=89=E3=80=81=E9=95=BF=E7=9B=AE=E5=BD=95=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E9=81=AE=E6=8C=A1=E7=9B=B8=E9=82=BB=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 web/src/styles/index.scss               | 10 ++++++++++
 web/src/views/container/ComposeView.vue |  3 ++-
 web/src/views/file/ListView.vue         | 10 +++++++++-
 web/src/views/project/ListView.vue      |  3 ++-
 web/src/views/website/ListView.vue      |  3 ++-
 5 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/web/src/styles/index.scss b/web/src/styles/index.scss
index ac934378f..d91963abc 100644
--- a/web/src/styles/index.scss
+++ b/web/src/styles/index.scss
@@ -72,3 +72,13 @@ body {
     }
   }
 }
+
+/* 表格里的长路径标签：限制在单元格内并省略，否则溢出会盖住相邻列 */
+.n-tag.tag-ellipsis {
+  max-width: 100%;
+
+  .n-tag__content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
diff --git a/web/src/views/container/ComposeView.vue b/web/src/views/container/ComposeView.vue
index cbe0d8e66..a31902d10 100644
--- a/web/src/views/container/ComposeView.vue
+++ b/web/src/views/container/ComposeView.vue
@@ -71,8 +71,9 @@ const columns: any = [
       return h(
         NTag,
         {
-          class: 'cursor-pointer hover:opacity-60',
+          class: 'tag-ellipsis cursor-pointer hover:opacity-60',
           type: 'info',
+          title: row.path,
           onClick: () => {
             if (fileStore.activeTab) fileStore.updateTabPath(fileStore.activeTabId, row.path)
             router.push({ name: 'file-index' })
diff --git a/web/src/views/file/ListView.vue b/web/src/views/file/ListView.vue
index 0c2fe4bed..f8c11254b 100644
--- a/web/src/views/file/ListView.vue
+++ b/web/src/views/file/ListView.vue
@@ -1554,7 +1554,7 @@ onUnmounted(() => {
 
           <!-- 列表视图 -->
           <template v-else>
-            <div class="list-col col-checkbox">
+            <div class="list-col col-checkbox" @click.stop="toggleCheckbox(item)">
               <n-checkbox
                 :checked="isSelected(item)"
                 @update:checked="toggleCheckbox(item)"
@@ -1862,6 +1862,14 @@ onUnmounted(() => {
       &.cut {
         opacity: 0.5;
       }
+
+      // 勾选格吃掉行的左侧和上下 padding，点偏了也不会落到整行单选上
+      .col-checkbox {
+        align-self: stretch;
+        box-sizing: content-box;
+        margin: -6px 0 -6px -8px;
+        padding-left: 8px;
+      }
     }
   }
 }
diff --git a/web/src/views/project/ListView.vue b/web/src/views/project/ListView.vue
index 8186b41b8..687392f8c 100644
--- a/web/src/views/project/ListView.vue
+++ b/web/src/views/project/ListView.vue
@@ -103,8 +103,9 @@ const columns: any = [
       return h(
         NTag,
         {
-          class: 'cursor-pointer hover:opacity-60',
+          class: 'tag-ellipsis cursor-pointer hover:opacity-60',
           type: 'info',
+          title: row.root_dir,
           onClick: () => {
             if (fileStore.activeTab) fileStore.updateTabPath(fileStore.activeTabId, row.root_dir)
             router.push({ name: 'file-index' })
diff --git a/web/src/views/website/ListView.vue b/web/src/views/website/ListView.vue
index 1a8bd6956..16d477fb3 100644
--- a/web/src/views/website/ListView.vue
+++ b/web/src/views/website/ListView.vue
@@ -154,8 +154,9 @@ const columns: any = [
       return h(
         NTag,
         {
-          class: 'cursor-pointer hover:opacity-60',
+          class: 'tag-ellipsis cursor-pointer hover:opacity-60',
           type: 'info',
+          title: row.path,
           onClick: () => {
             if (fileStore.activeTab) fileStore.updateTabPath(fileStore.activeTabId, row.path)
             router.push({ name: 'file-index' })