← 所有版型

版本对照表 <SpecSheet />

2–3 列分组表格,每行一个组件的旧版本 → 新版本;主版本号变化的行用强调色和圆点标出。

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

分組
变化 · 一批组件的新旧版本
元件
SpecSheet · #spec-sheet
互動
各组依次淡入;悬停一组时图标点亮。

適合

  • 发行版、依赖、平台升级时的一批版本号
  • 想让听众快速找出“哪些是大版本跳跃”

不適合

  • 只有 3 个以下组件:用 KeyValue 或 CompareTable
  • 值不是版本号而是行为描述:用 CompareTable

內容上限

1groups 2–3 组,每组 3–6 行,各组行数相差不超过 1
2name ≤ 12 个字符;from / to ≤ 10 个字符
3major 只标主版本号变化,不要全标

欄位

欄位型別
kicker · 必填string标题上方的小节名,2–8 字
title · 必填string | string[]页面标题;传数组可手动断行,每项一行
leadstring一到两句导语,≤ 60 字
sourcestring事实出处;页面上有任何数据或事实时必填
hintReactNode页眉中间的操作提示,可用 <kbd>
columns · 必填[string, string]两个版本的列名
groups · 必填{ label, icon?, rows: { name, from?, to, major? }[] }[]分组

範例程式碼

<SpecSheet
  kicker="软件栈"
  title="工具链、系统和服务一起换代"
  columns={['Lumen 12', 'Lumen 13']}
  groups={[
    { label: '工具链', icon: 'code', rows: [{ name: 'GCC', from: '12.2', to: '14.2', major: true }, { name: 'Python 3', from: '3.11', to: '3.13' }] },
    { label: '服务', icon: 'server', rows: [{ name: 'PostgreSQL', from: '15', to: '17', major: true }, { name: 'Nginx', from: '1.22', to: '1.26' }] },
  ]}
  source="aurora 发行说明 §2.2.10"
/>