关于页

关于 Tab 由 AboutTab 组件实现,承载应用品牌信息、版本号、自动更新交互、旧版数据同步入口以及版本历史。

品牌头部

页面顶部居中展示:

• WinCode logo(src/assets/logos/logo.png)
• 标题 "WinCode Tauri"
• 版本号(优先显示 update.currentVersion,其次 versions.json 首条)
• UpdateBadge 根据更新状态显示徽章:
  • 已下载 → 橙色 "可更新至 x.y.z"
  • 错误 → 红色 "更新检查失败"
  • 开发模式 → 灰色 "开发模式不可用"
  • 已最新 → 绿色 "已是最新版本"

自动更新卡片

中部卡片封装 updateDescription(update) 文本描述与三个操作按钮:

• 检查更新 — 触发 runCheck(),调用 updateCheck()
• 下载更新 — state === "available" 时启用
• 安装并重启 — state === "downloaded" 时启用,confirmRestart: true

下载过程中渲染 ProgressBar,显示已下载/总大小与速度。错误时底部显示红色 AlertTriangle 提示。

旧版数据同步

若检测到旧版 WinCode 数据未同步,显示 "旧版数据同步" 卡片:

• syncStatus.prompt === true → "检测到 x 个会话、y 个 MCP 可同步",按钮文案 "立即同步"
• syncStatus.available && !prompt → "上次已跳过同步,可重新唤起同步弹框",按钮文案 "重新同步"

点击按钮调用 useAppStore(s).requestLegacySync(),打开 LegacySyncDialog。

当前版本新功能

读取 versions.json 首条 currentVersion.features,以 Sparkles 图标列表展示当前版本的功能亮点。

版本历史

versions.json 长度大于 1 时渲染可折叠的版本历史:

• 顶部"版本历史"按钮切换整体展开
• 每个历史版本可单独展开查看 features 列表

版本数据来自 src/assets/versions.json,构建时由脚本从 CHANGELOG.md 解析生成。

底部署名

<div className="text-center mt-6 text-[10px] text-[var(--text-muted)] opacity-60">
  Built with Tauri + React · © 2026 WinCode Team
</div>

相关文档

• 自动更新
• 设置概览