- 分组
- 技术 · 并发 · 一行数据的多个版本
- 组件
TupleVersions·#tuple-versions- 交互
- build 模式下每按一次 → 出现一个版本，最后出现快照
适合
- 讲 MVCC、多版本、快照隔离
- 讲任何“同一对象在不同时段有不同值”的有效期
不适合
- 版本超过 4 个
- 时间是真实日期且需要刻度精确：用 Gantt
内容上限
| 1 | versions 2–4 个；value ≤ 20 个字符 |
| 2 | snapshots 0–2 个；label ≤ 10 字 |
| 3 | range 两个整数 |
| 4 | axis ≤ 12 字 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 标题上方的小节名，2–8 字 |
title · 必填 | string | string[] | 页面标题；传数组可手动断行，每项一行 |
lead | string | 一到两句导语，≤ 60 字 |
source | string | 事实出处；页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示，可用 <kbd> |
versions · 必填 | { value, xmin, xmax? }[] | 版本，从旧到新 |
snapshots | { at, label }[] | 快照位置 |
range · 必填 | [number, number] | 坐标轴范围 |
axis | string | 坐标轴说明 |
示例代码
<TupleVersions kicker="MVCC" title="…" range={[100, 120]} versions={[{ value: 'balance = 100', xmin: 101, xmax: 108 }, …]} snapshots={[{ at: 105, label: '快照 105' }]} />