- 分组
- AI · 几个名字指向同一个版本
- 组件
AliasRoute·#alias-route- 交互
- 每按一次 → 出现一个名字和它的连线
适合
- 模型别名、旧名迁移、版本映射
- 开场先核对“我们说的是哪个模型”
不适合
- 一对多或多对多的映射：用 FlowDiagram 或 Sankey
- 名字超过 30 个字符
内容上限
| 1 | sources 2–5 个：name ≤ 30 个等宽字符，tag ≤ 6 字 |
| 2 | target.label ≤ 14 字，name ≤ 26 个等宽字符，note ≤ 40 字 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 标题上方的小节名，2–8 字 |
title · 必填 | string | string[] | 页面标题；传数组可手动断行，每项一行 |
lead | string | 一到两句导语，≤ 60 字 |
source | string | 事实出处；页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示，可用 <kbd> |
sources · 必填 | { name, tag?, legacy? }[] | 左侧名字，每个一个 build 步骤 |
target · 必填 | { label, name, note? } | 右侧目标版本 |
示例代码
<AliasRoute kicker="先核对名字" title="三个 API 名，同一个模型" sources={[{ name: 'model-flash', tag: '当前' }, { name: 'model-v4-flash', tag: '旧名', legacy: true }]} target={{ label: '实际版本', name: 'Model-V4.1-Flash' }} />