Function TreeView

src/renderer/src/components/common/TreeView.tsx:331–863

({
  items,
  folders,
  selectedId,
  onSelect,
  itemIcon,
  getItemName,
  getFolderName = (f) => f.name,
  isItem,
  batchUpdateItemsOrder,
  updateItem,
  deleteItem,
  updateFolder,
  deleteFolder,
  clearFolder,
  toggleFolderExpanded,
  onDoubleClick,
  getItemMenuItems,
  getFolderMenuItems,
  onGenerateItemName,
  onCreateItemInFolder,
  onCreateSubFolder,
  createItemLabel,
  createFolderLabel,
  highlightId,
  emptyText = '暂无数据',
  className = '',
  checkable = false,
  checkedKeys = [],
  onCheck
}: TreeViewProps<TItem, TFolder>)

// ==================== 组件实现 ====================

export function TreeView<TItem extends ItemLike, TFolder extends FolderLike>({
  items,
  folders,
  selectedId,
  onSelect,
  itemIcon,
  getItemName,
  getFolderName = (f) => f.name,
  isItem,
  batchUpdateItemsOrder,
  updateItem,
  deleteItem,
  updateFolder,
  deleteFolder,
  clearFolder,
  toggleFolderExpanded,
  onDoubleClick,
  getItemMenuItems,
  getFolderMenuItems,
  onGenerateItemName,
  onCreateItemInFolder,
  onCreateSubFolder,
  createItemLabel,
  createFolderLabel,
  highlightId,
  emptyText = '暂无数据',
  className = '',
  checkable = false,
  checkedKeys = [],
  onCheck
}: TreeViewProps<TItem, TFolder>): React.JSX.Element {
  const { showDeleteConfirm } = useConfirmDialog()
  const [editingId, setEditingId] = useState<string | null>(null)
  const [editingValue, setEditingValue] = useState('')
  const [activeTreeKey, setActiveTreeKey] = useState<string | null>(selectedId)

  // 虚拟滚动：监听容器高度变化
  const containerRef = useRef<HTMLDivElement>(null)
  const treeRef = useRef<React.ComponentRef<typeof Tree>>(null)
  const lastSelectedIdRef = useRef<string | null>(null)
  const [treeHeight, setTreeHeight] = useState<number | undefined>(undefined)

  useEffect(() => {
    const container = containerRef.current
    if (!container) return

    const updateHeight = (): void => {
      const height = container.clientHeight
      setTreeHeight(height > 0 ? height : undefined)
    }

    // 初始化高度
    updateHeight()

    // 监听容器大小变化
    const resizeObserver = new ResizeObserver(updateHeight)
    resizeObserver.observe(container)