Trees — 来自 Pierre 的高性能开源文件树渲染库:原生全量虚拟滚动,无障碍支持完备,自带丰富特性与高定制性。

来自 Pierre 的高性能开源文件树渲染库:原生全量虚拟滚动,无障碍支持完备,自带丰富特性与高定制性。

包含组件

38
DiffsDiffsHubPierreHighlightsEditPlaygroundBuild with agentsAgent skillPrompt an agentPlain-text docsGuidesChoose your integrationGet started with ReactGet started with vanillaShape tree data for fast renderingNavigate selection, focus, and searchRename, drag, and trigger item actionsStyle and theme the treeCustomize iconsShow Git status and row annotationsHandle large trees efficientlySSRReferenceShared conceptsReact APIVanilla APISSR APIStyling and themingIconsVirtualized File Tree (<FileTree />)Flatten Empty DirectoriesGit Status Badges & ColorsContext Menu CompositionDrag and Drop ReorderingSearch & Filter by NameBuilt-in File Icon SetsShiki Theme IntegrationAdjustable Density (Compact / Relaxed)

@pierre/trees 是由 Pierre Computer 打造的企业级路径优先文件目录树组件。为轻松驾驭数万乃至数十万文件规模的代码库而生,原生内置全量虚拟化滚动,确保极端体量下 DOM 节点数恒定且毫无卡顿。深度提供空目录智能扁平折叠(与 GitHub/VS Code 体验一致)、实时 Git 修改状态颜色徽章、拖拽重排、完整键盘无障碍操控及与 Shiki 主题色盘的深度融合。