散点成序 <ScatterOrder />

4–6 张卡片先散乱倾斜地放着，配 build: 'reveal' 时每按一次 → 一张落到自己的位置，全部归位后连线出现。跳页时直接显示排好的路径。

分组: 动效 · 散乱的卡片逐个归位成一条路径
组件: ScatterOrder · #scatter-order
交互: 按 → 逐个归位

适合

把零散的事项理成有顺序的步骤
流程、方法论、准备清单

不适合

步骤之间是循环：用 Cycle
每步需要详细说明：用 Process 类模板

内容上限

1	steps 4–6 个
2	title ≤ 8 字
3	body ≤ 28 字
4	页标题 ≤ 22 字
5	lead ≤ 40 字

字段

字段	类型
`kicker` · 必填	`string`	小节名
`title` · 必填	`string \| string[]`	标题
`lead`	`string`	导语
`steps` · 必填	`{ title, body }[]`	按阅读顺序
`source`	`string`	出处

示例代码

<ScatterOrder
  kicker="散点成序"
  title="一份演示从散乱的笔记开始"
  steps={[{ title: '收集事实', body: '…' }, { title: '写故事线', body: '…' }, { title: '配模板', body: '…' }, { title: '检查看图', body: '…' }]}
/>