梧桐设计语言- 头部：编号（
code）+ 名称（heading）+ 状态 pill；右上关闭。 - 正文按区分组：基本信息 → 处理记录 → 附件 → 沉淀的经验；字段两行式（标签在上）。
- 底部固定主操作（派单 / 关单），左侧次要操作。
- 面板内不再弹面板；需要编辑就在面板内切换成表单。
- 移动端是整页，返回箭头在左上。
消费者提供：标题、状态、分区内容、底部操作。
侧滑面板SidePanel
侧滑详情面板。从右侧推入，宽 panel 480，card 底、shadow-overlay，列表留在后面可对照；遮罩很淡（foreground 8%），点遮罩关闭。
示例
import
import { SidePanel, PanelSection, KeyValue } from "@wutong/ui";
打开侧滑面板
从右侧推入，宽 480，列表留在后面可对照
外观
API
| 属性 | 类型 | 默认 | 说明 |
|---|---|---|---|
| open / onClose | boolean / () => void | — | 受控；Esc 与遮罩关闭 |
| code / title / status | ReactNode | — | 编号（mono）/ 名称 / 状态 pill |
| footer | ReactNode | — | 底部固定主操作 |
| PanelSection / KeyValue | — | — | 分区标题 / 两行式字段 |