feat: 标签栏右键菜单 — 关闭其他/右侧/全部标签

新增功能：
- 右键点击标签弹出上下文菜单
- 关闭：关闭当前标签（带未保存确认）
- 关闭其他标签：保留当前，关闭其余（带未保存确认）
- 关闭右侧标签：关闭当前标签右边的所有标签
- 关闭全部标签：关闭所有标签（带未保存确认）
- 点击空白处自动关闭菜单

技术实现：
- tabStore 新增 closeOtherTabs/closeAllTabs/closeTabsToRight 方法
- TabBar 组件新增 ContextMenu 状态管理和右键事件处理
- CSS 新增 .tab-context-menu 样式（暗色主题兼容）

src/renderer/components/TabBar/TabBar.tsx

@@ -1,14 +1,28 @@
-import React, { useCallback } from 'react'
+import React, { useCallback, useState, useEffect, useRef } from 'react'
 import { useTabStore } from '../../stores/tabStore'
 import { getFileName } from '../../lib/fileUtils'
 
+interface ContextMenuState {
+  visible: boolean
+  x: number
+  y: number
+  tabId: string
+}
+
 export function TabBar() {
   const tabs = useTabStore(s => s.tabs)
   const activeTabId = useTabStore(s => s.activeTabId)
   const switchToTab = useTabStore(s => s.switchToTab)
   const closeTab = useTabStore(s => s.closeTab)
   const createTab = useTabStore(s => s.createTab)
+  const closeOtherTabs = useTabStore(s => s.closeOtherTabs)
+  const closeAllTabs = useTabStore(s => s.closeAllTabs)
+  const closeTabsToRight = useTabStore(s => s.closeTabsToRight)
 
+  const [menu, setMenu] = useState<ContextMenuState>({ visible: false, x: 0, y: 0, tabId: '' })
+  const menuRef = useRef<HTMLDivElement>(null)
+
+  // 关闭标签（带未保存确认）
   const handleClose = useCallback((e: React.MouseEvent, tabId: string) => {
     e.stopPropagation()
     const tab = tabs.find(t => t.id === tabId)
@@ -19,6 +33,71 @@ export function TabBar() {
     closeTab(tabId)
   }, [tabs, closeTab])
 
+  // 右键菜单
+  const handleContextMenu = useCallback((e: React.MouseEvent, tabId: string) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setMenu({ visible: true, x: e.clientX, y: e.clientY, tabId })
+  }, [])
+
+  // 点击空白处关闭菜单
+  useEffect(() => {
+    if (!menu.visible) return
+    const handleClick = () => setMenu(prev => ({ ...prev, visible: false }))
+    document.addEventListener('click', handleClick)
+    return () => document.removeEventListener('click', handleClick)
+  }, [menu.visible])
+
+  // 菜单操作
+  const handleMenuClose = useCallback(() => {
+    const tab = tabs.find(t => t.id === menu.tabId)
+    if (tab?.isModified) {
+      const name = tab.filePath ? getFileName(tab.filePath) : '未命名'
+      if (!confirm(`"${name}" 尚未保存，确定要关闭吗？`)) return
+    }
+    closeTab(menu.tabId)
+    setMenu(prev => ({ ...prev, visible: false }))
+  }, [tabs, menu.tabId, closeTab])
+
+  const handleMenuCloseOthers = useCallback(() => {
+    // 检查其他标签是否有未保存
+    const otherModified = tabs.filter(t => t.id !== menu.tabId && t.isModified)
+    if (otherModified.length > 0) {
+      const names = otherModified.map(t => t.filePath ? getFileName(t.filePath) : '未命名').join('、')
+      if (!confirm(`以下文件尚未保存：${names}，确定要关闭吗？`)) return
+    }
+    closeOtherTabs(menu.tabId)
+    setMenu(prev => ({ ...prev, visible: false }))
+  }, [tabs, menu.tabId, closeOtherTabs])
+
+  const handleMenuCloseAll = useCallback(() => {
+    const modified = tabs.filter(t => t.isModified)
+    if (modified.length > 0) {
+      const names = modified.map(t => t.filePath ? getFileName(t.filePath) : '未命名').join('、')
+      if (!confirm(`以下文件尚未保存：${names}，确定要关闭吗？`)) return
+    }
+    closeAllTabs()
+    setMenu(prev => ({ ...prev, visible: false }))
+  }, [tabs, closeAllTabs])
+
+  const handleMenuCloseRight = useCallback(() => {
+    const index = tabs.findIndex(t => t.id === menu.tabId)
+    const rightTabs = tabs.slice(index + 1)
+    const modified = rightTabs.filter(t => t.isModified)
+    if (modified.length > 0) {
+      const names = modified.map(t => t.filePath ? getFileName(t.filePath) : '未命名').join('、')
+      if (!confirm(`以下文件尚未保存：${names}，确定要关闭吗？`)) return
+    }
+    closeTabsToRight(menu.tabId)
+    setMenu(prev => ({ ...prev, visible: false }))
+  }, [tabs, menu.tabId, closeTabsToRight])
+
+  // 判断右侧是否还有标签
+  const hasRightTabs = menu.visible && (() => {
+    const index = tabs.findIndex(t => t.id === menu.tabId)
+    return index < tabs.length - 1
+  })()
+
   if (tabs.length === 0) return null
 
   return (
@@ -29,6 +108,7 @@ export function TabBar() {
             key={tab.id}
             className={`tab-item ${tab.id === activeTabId ? 'active' : ''} ${tab.isModified ? 'modified' : ''}`}
             onClick={() => switchToTab(tab.id)}
+            onContextMenu={(e) => handleContextMenu(e, tab.id)}
           >
             <span className="tab-name">
               {tab.filePath ? getFileName(tab.filePath) : '未命名'}
@@ -55,6 +135,32 @@ export function TabBar() {
           <line x1="5" y1="12" x2="19" y2="12" />
         </svg>
       </button>
+
+      {/* 右键菜单 */}
+      {menu.visible && (
+        <div
+          ref={menuRef}
+          className="tab-context-menu"
+          style={{ left: menu.x, top: menu.y }}
+          onClick={(e) => e.stopPropagation()}
+        >
+          <div className="tab-context-item" onClick={handleMenuClose}>
+            关闭
+          </div>
+          <div className="tab-context-item" onClick={handleMenuCloseOthers}>
+            关闭其他标签
+          </div>
+          {hasRightTabs && (
+            <div className="tab-context-item" onClick={handleMenuCloseRight}>
+              关闭右侧标签
+            </div>
+          )}
+          <div className="tab-context-divider" />
+          <div className="tab-context-item" onClick={handleMenuCloseAll}>
+            关闭全部标签
+          </div>
+        </div>
+      )}
     </div>
   )
 }