会话时序图 <SessionSequence />

2–3 个会话各占一列，事件按时间从上往下排，左侧标 t1、t2…；等待用虚线框，最终结果用强调色。

版型與風格的說明目前僅提供簡體中文。

在範例簡報中查看 →

分組: 技术 · 并发 · 谁先谁后
元件: SessionSequence · #session-sequence
互動: build 模式下每按一次 → 出现下一个事件

適合

讲事务隔离、锁等待、竞态
讲两三方之间的调用先后

不適合

事件超过 7 个
只有一方：用 StepTrack 或 Timeline
要讲跨部门流程：用 Swimlane

內容上限

1	lanes 2–3 个，每个 ≤ 10 字
2	events 3–7 个：text ≤ 30 个字符，note ≤ 12 字
3	axis ≤ 4 字

欄位

欄位	型別
`kicker` · 必填	`string`	标题上方的小节名，2–8 字
`title` · 必填	`string \| string[]`	页面标题；传数组可手动断行，每项一行
`lead`	`string`	一到两句导语，≤ 60 字
`source`	`string`	事实出处；页面上有任何数据或事实时必填
`hint`	`ReactNode`	页眉中间的操作提示，可用 <kbd>
`lanes` · 必填	`string[]`	会话名
`events` · 必填	`{ lane, text, note?, kind?: 'wait' \| 'ok' }[]`	按时间排序的事件
`axis`	`string`	时间轴标签，默认“时间”

範例程式碼

<SessionSequence kicker="隔离" title="…" lanes={['会话 A', '会话 B']} events={[{ lane: 0, text: 'BEGIN;' }, { lane: 1, text: 'UPDATE …', note: '等待 A', kind: 'wait' }, …]} />