梧桐设计语言- 工单号、编号用
code（mono）；数字列右对齐、tabular-nums。 - 状态列用 StatusPill。
- 未指派用
subtle文字，不用空。 - 多选时底部出现 BatchBar；表格本身不做行内按钮。
- 移动端不用表格，改成行高 64 的整行可点卡片。
消费者提供：列定义、行数据、选中态、排序状态。
表格Table
台账表：th 表头（subtle、小号、字间距、可排序带小箭头）退到内容后面；行之间不画线，靠行高（桌面 44）与留白区分；选中行 muted 底；hover accent。行首用首字圆形头像（secondary 底、label 字）做视觉锚点，负责人列同样。
示例
import
import { Table, type Column } from "@wutong/ui";
台账表 + 多选
行间无线、选中行浅灰、首字头像做锚点；多选出现 BatchBar
| 工单号 | 设备 | 负责人 | 更新 | 状态 | |
|---|---|---|---|---|---|
| WO-20941 | 3 号机组 · 齿轮箱月度巡检 | 张张建国 | 今天 14:32 | 已验收 | |
| WO-20938 | 7 号机组 · 偏航系统故障报修 | 李李伟 | 昨天 09:15 | 故障 | |
| WO-20935 | 12 号机组 · 叶片季度检修 | 未指派 | 昨天 16:40 | 待派单 | |
| WO-20931 | 5 号机组 · 变桨系统月度巡检 | 王王强 | 3 天前 | 超期 2 天 | |
| WO-20927 | 1 号升压站 · 主变专项检查 | 陈陈海涛 | 3 天前 | 进行中 |
API
| 属性 | 类型 | 默认 | 说明 |
|---|---|---|---|
| columns | Column<T>[] | — | key / title / render / kind(num·code·meta) / sortable / width |
| rows / rowKey | T[] / (row) => Key | — | 数据与主键 |
| selected / onSelect | Set<Key> / (keys) => void | — | 传了 onSelect 就出现多选列 |
| onRowClick | (row) => void | — | 整行可点，通常打开侧滑面板 |
| sort / onSort | {key, dir} / (key) => void | — | 受控排序 |