Function Tabs

src/renderer/src/components/layout/Tabs/index.tsx:58–318

()

}

export function Tabs(): React.JSX.Element {
  const {
    tabs,
    activeTabId,
    setActiveTab,
    closeTab,
    reorderTabs,
    togglePinTab,
    closeOtherTabs,
    closeRightTabs,
    closeAllTabs,
    goBack,
    goForward,
    canGoBack,
    canGoForward,
    keepTab,
    history,
    historyIndex,
    clearHistory,
    navigateToHistoryIndex
  } = useTabsStore()
  const { revealPanel } = useLayoutStore()
  // 直接使用 pagesService，避免订阅 pagesStore 导致不必要的重渲染
  const { createPage, openPage } = pagesService

  const sensors = useSensors(
    useSensor(PointerSensor, {
      activationConstraint: { distance: 5 }
    })
  )

  const handleDragEnd = (event: DragEndEvent): void => {
    const { active, over } = event
    if (!over || active.id === over.id) return

    const oldIndex = tabs.findIndex((t) => t.id === active.id)
    const newIndex = tabs.findIndex((t) => t.id === over.id)
    reorderTabs(oldIndex, newIndex)
  }

  const getContextMenuItems = (tabId: string): MenuProps['items'] => {
    const tab = tabs.find((t) => t.id === tabId)
    const items: MenuProps['items'] = []

    if (tab?.preview) {
      items.push({
        key: 'keep',
        label: '保持打开',
        onClick: ({ domEvent }) => {
          domEvent.stopPropagation()
          keepTab(tabId)
        }
      })
      items.push({ type: 'divider' })
    }

    items.push(
      {