前后对比表 <CompareTable />

逐行对比“之前 / 之后”，新状态所在列浮在一块白色面板上，视线先落在变化后的结果。

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

分組: 对比 · 旧 → 新
元件: CompareTable · #compare-table

適合

版本升级、政策调整、改版前后
每行都是同一维度的旧值与新值

不適合

只有 1–2 处变化：写进 NumberedColumns
需要三方以上比较：拆页或自定义
单元格需要换行解释

內容上限

1	rows 4–7 行；少于 4 行时下方会空
2	每个单元格必须一行放下：item ≤ 12 字，值 ≤ 22 字
3	命令、文件名设 mono: true

欄位

欄位	型別
`kicker` · 必填	`string`	小节名
`title` · 必填	`string \| string[]`	标题
`columns` · 必填	`[before, after]`	两列的列名
`rows` · 必填	`{ item, before, after, mono? }[]`	对比行
`itemLabel`	`string`	第一列列名，默认“项目”
`source`	`string`	显示在标题右侧（表格占满高度）

範例程式碼

<CompareTable
  kicker="行为变化"
  title="升级之后，这些默认行为变了"
  columns={['Lumen 12 · birch', 'Lumen 13 · aurora']}
  rows={[
    { item: '仓库配置', before: 'sources.list 单行格式', after: 'lumen.sources（deb822）', mono: true },
    { item: '/tmp', before: '磁盘上的普通目录', after: 'tmpfs，最多占用 50% 内存' },
  ]}
  source="aurora 发行说明 §2 · §5"
/>