前后对比表 <CompareTable />

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

Template and style descriptions are currently available in Chinese only.

Group: 对比 · 旧 → 新
Component: CompareTable · #compare-table

Good for

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

Avoid when

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

Content limits

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

Fields

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

Example

<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"
/>