Function TreeNodeTitleInner

src/renderer/src/components/common/TreeView.tsx:119–184

({
  id,
  title,
  isHighlighted,
  treeNode,
  onDoubleClick,
  getContextMenuItems,
  onCreateItemInFolder,
  createItemLabel
}: TreeNodeTitleProps<TItem, TFolder>)

// 使用泛型的 memo 组件
const TreeNodeTitleInner = <TItem extends ItemLike, TFolder extends FolderLike>({
  id,
  title,
  isHighlighted,
  treeNode,
  onDoubleClick,
  getContextMenuItems,
  onCreateItemInFolder,
  createItemLabel
}: TreeNodeTitleProps<TItem, TFolder>): React.JSX.Element => {
  // 延迟计算菜单项 - 只在 Dropdown 展开时才计算
  const [menuItems, setMenuItems] = useState<MenuProps['items']>(undefined)

  const handleOpenChange = useCallback(
    (open: boolean) => {
      if (open && !menuItems) {
        setMenuItems(getContextMenuItems(treeNode))
      }
    },
    [getContextMenuItems, treeNode, menuItems]
  )

  return (
    <Dropdown
      {...getStandardDropdownProps({ items: menuItems })}
      trigger={['contextMenu']}
      onOpenChange={handleOpenChange}
    >
      <span
        className="tree-view-title"
        onDoubleClick={() => onDoubleClick?.(id, treeNode.isFolder)}
      >
        <span className={`tree-view-title-text ${isHighlighted ? 'is-highlighted' : ''}`}>
          {title}
        </span>
        {treeNode.isFolder && onCreateItemInFolder && (
          <Tooltip title={createItemLabel || '新建项目'}>
            <Button
              type="text"
              size="small"
              icon={<PlusOutlined />}
              className="tree-view-title-add"
              onClick={(e) => {
                e.stopPropagation()
                onCreateItemInFolder(id)
              }}
            />
          </Tooltip>
        )}
        <Dropdown
          {...getStandardDropdownProps({ items: menuItems })}
          trigger={['click']}
          onOpenChange={handleOpenChange}
        >
          <Button
            type="text"
            size="small"
            icon={<MoreOutlined />}