feat: 来自不同路径的同名文件现在会有明确的路径提示

Author: LarryZhu-dev

src/renderer/components/workspace/TabBar.vue

@@ -330,7 +330,10 @@ onUnmounted(() => {
         :data-tab-id="tab.id"
         @click="handleTabClick(tab.id)"
       >
-        <p>{{ `${tab.readOnly ? "[只读] " : ""}${tab.displayName}` }}</p>
+        <p>
+          <span class="tab-name">{{ tab.displayName }}</span>
+          <span v-if="tab.pathHint" class="tab-path" :title="tab.pathHint">{{ tab.pathHint }}</span>
+        </p>
 
         <div class="closeIcon">
           <span class="iconfont icon-close" @click="handleCloseTab(tab.id, $event)"></span>
@@ -451,19 +454,26 @@ onUnmounted(() => {
         font-size: 12px;
         color: var(--text-color-3);
         overflow: hidden;
-        text-overflow: ellipsis;
         white-space: nowrap;
         flex: 1;
         min-width: 0;
-      }
+        display: flex;
+        align-items: center;
+        gap: 6px;
 
-      span {
-        font-size: 12px;
-        cursor: pointer;
-        color: var(--text-color-3);
+        .tab-name {
+          flex-shrink: 0;
+          min-width: 0;
+          color: inherit;
+        }
 
-        &:hover {
-          color: var(--border-color-2);
+        .tab-path {
+          min-width: 0;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          color: var(--text-color-4, var(--text-color-3));
+          opacity: 0.8;
         }
       }
 
@@ -474,6 +484,11 @@ onUnmounted(() => {
 
         p {
           color: var(--text-color-1);
+
+          .tab-path {
+            color: var(--text-color-2);
+            opacity: 0.9;
+          }
         }
 
         span {
@@ -494,12 +509,6 @@ onUnmounted(() => {
       }
 
       &:hover {
-        z-index: 1;
-
-        p {
-          color: var(--text-color-2);
-        }
-
         .closeIcon {
           span {
             color: var(--text-color-2);
@@ -636,10 +645,26 @@ onUnmounted(() => {
   font-size: 12px;
   color: var(--text-color-1); /* 激活态颜色 */
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
   flex: 1;
   min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+:global(.tab-drag-fallback .tab-name) {
+  flex-shrink: 0;
+  min-width: 0;
+}
+
+:global(.tab-drag-fallback .tab-path) {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-color-2);
+  opacity: 0.85;
 }
 
 :global(.tab-drag-fallback .closeIcon) {

src/renderer/hooks/useTab.ts

@@ -930,13 +930,21 @@ function cleanupInertiaScroll(container: HTMLElement) {
 // 计算属性：格式化tab显示名称
 // 仅依赖渲染所需的属性，避免 content/originalContent 变化（如归一化）触发不必要的重算
 const formattedTabs = computed(() => {
+  const nameCountMap = new Map<string, number>();
+
+  for (const tab of tabs.value) {
+    nameCountMap.set(tab.name, (nameCountMap.get(tab.name) || 0) + 1);
+  }
+
   return tabs.value.map((tab) => ({
     id: tab.id,
     name: tab.name,
+    filePath: tab.filePath,
     readOnly: tab.readOnly,
     isModified: tab.isModified,
     isMergePreview: tab.isMergePreview,
-    displayName: tab.isModified ? `*${tab.name}` : tab.name,
+    displayName: `${tab.readOnly ? "[只读] " : ""}${tab.isModified ? "*" : ""}${tab.name}`,
+    pathHint: nameCountMap.get(tab.name)! > 1 && tab.filePath ? tab.filePath : "",
   }));
 });