feat(design): 设计系统重构与 shadcn/ui 集成 (v3.8.0) - #60

Open

AjaCHN wants to merge 1 commit into

mainfrom

feature/design-system-v3.8.0

AjaCHN commented Jun 15, 2026

Collaborator

概述

本次更新重构了设计系统，集成 shadcn/ui 组件库，并完善了可访问性支持。

变更摘要

新增功能

集成 shadcn/ui 组件库 (v4.11.0)，添加 gradient 按钮变体与新图标
完整的 Apple 风格设计系统（globals.css CSS 变量色彩系统）
text-gradient-brand 渐变文字工具类
touch-target 工具类（44x44px 最小触摸目标）
动画工具类：float、glow-pulse、gradient-shift、fadeIn、slideUp
reduced-motion 媒体查询支持（无障碍）
原型设计规范文档（design-system-spec.md、component-library.md、interaction-standards.md）

修改内容

重构 button.tsx 使用 shadcn/ui，支持 gradient 变体
更新 tailwind.config.ts，添加字体栈与动画预设
更新 globals.css Apple HIG 色彩和设计 Token
更新 BikeTypeSelector.tsx 增强交互状态和动画
更新 BuildList.tsx、SummaryPanel.tsx 使用 shadcn Button
更新 Hero.tsx、Cta.tsx、Navbar.tsx 统一按钮样式
更新 Features.tsx、Pricing.tsx 添加 aria-hidden
更新 i18n 翻译添加缺失的 emptyState 键
更新 README.md 技术栈和目录结构
更新版本号至 3.8.0

修复问题

装饰性元素缺少 aria-hidden 属性
按钮触摸目标不符合 WCAG 44x44px 要求
role="tab" 元素使用不支持的 aria-pressed 属性
i18n 翻译键缺失
组件间按钮样式不一致

测试验证

✅ 构建成功 (npm run build)
✅ 类型检查通过
✅ Lint 检查通过
✅ 页面正确生成

统计

21 files changed, 1,305 insertions(+), 982 deletions(-)

相关文件


          feat(design): 设计系统重构与 shadcn/ui 集成 (v3.8.0)

d6daf62

- 集成 shadcn/ui 组件库，添加 gradient 按钮变体与新图标
- 重构 globals.css 为 Apple HIG 风格 CSS 变量色彩系统
- 更新 tailwind.config.ts，完善字体栈与动画预设
- 可访问性改进：装饰元素 aria-hidden、触摸目标 44x44px
- 文档更新：README/CHANGELOG/openspec 规范文档与原型指南
- i18n 修复：补全 configurator 相关翻译键
- 版本号同步更新至 3.8.0

变更文件：21 files changed, 1,305 insertions, 982 deletions

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet