@djangocfg/ widget-data (中文(简体) )
在屏幕上放出行、节点和牌的表面:一个文件树,一个JSON 查看器,数据网格和表,坎班,列表盒,泥瓦和时间表.
安装
pnpm add @djangocfg/widget-data @djangocfg/ui-core
import { FinderTree } from '@djangocfg/widget-data/tree';
import '@djangocfg/widget-data/styles';
导入样式不是可选的: Tailwind v4 不扫描 node_modules, (中文(简体) ),
所以没有它,这里的每个地表 都变得不规则.
子路径
| 子路径 | 什麽 | 拥有文件 |
|---|---|---|
./tree | TreeRoot, (中文(简体) ), FinderTree - 通用、插槽驱动、同位素,带有Finder CRUD | src/Tree/README.md |
./file-icon | FileIcon, (中文(简体) ), getFileIcon, (中文(简体) ), createFileIconSlot | —— 说 |
./json-tree | JsonTree ——可重叠的JSON与搜索和复制 | src/JsonTree/README.md |
./data-grid | DataGrid ——排序,过滤,标注,选择 | src/DataGrid/README.md |
./data-table | DataTable 和语义学一样 <table> | src/DataTable/README.md |
./kanban | Kanban ——列和牌,包括拖放 | —— 说 |
./listbox | Listbox ——可混凝土选取原始 | —— 说 |
./masonry | Masonry ——一列布局 | src/Masonry/README.md |
./timeline | Timeline — 命令的事件列 | —— 说 |
每个子路径还输出其 Lazy* 包装( e)LazyTree, (中文(简体) ), LazyDataGrid, (...) (中文(简体) )
用于不应在条目块中的表面.
偏取一分道入于根. 根管子存在而且有效,但拉 所有九棵树;一个想要一棵树的应用程序应该要求一棵树.
分组
一个包而不是九个,因为它们有一个形状而不是一个
图书馆:没有一家拥有很重的依赖性,其他人会为此付出代价。 这个
整个外部表面是 @dnd-kit/core 三个小拉迪克斯和
cva 公用事业,以及 lucide-react。 。 。 .
FileIcon 住在这里,而不是与视觉部件 因为这是一个树
插槽 - createFileIconSlot 类型对照 TreeRowSlot并把它们分开
将一个包的边界通过一个组件的两半.
校验
pnpm --filter @djangocfg/widget-data check-types test