feat(prototype+miniprogram): 完善设计系统规范 v3.8.0 + 创建微信小程序 - #61
Open
AjaCHN wants to merge 16 commits into
Open
Conversation
- 设计系统：新增品牌渐变色 (gradient-brand)、gradient-shift 动画 及 Utility Classes 章节（含渐变工具类） - 组件库：新增 gradient 按钮变体（Hero CTA / 品牌强调场景）； 新增 shadcn/ui 基础组件来源说明（L1 组件基于 shadcn/ui + Radix UI） - 交互标准：同步版本号至 v3.8.0 - 统一更新文档版本号与更新日期
- 核心配置：app.js / app.json / app.wxss / project.config.json / sitemap.json 定义 tabBar、页面路由、全局样式与小程序项目配置 - 工具模块：utils/store.js（配置状态管理 + 本地存储）、 utils/util.js（格式化价格/重量/日期、防抖节流、弹窗提示等）、 utils/constants.js（车型分类等常量） - 数据模块：data/components.js（组件目录数据） - 页面：pages/index（首页 / 车型选择）、pages/configurator（配置器）、 pages/library（配置库）、pages/detail（配置详情） - 每个页面包含 wxml / wxss / js / json 四件套，遵循小程序目录规范
Co-authored-by: traeagent <traeagent@users.noreply.github.com>
Co-authored-by: traeagent <traeagent@users.noreply.github.com>
Co-authored-by: traeagent <traeagent@users.noreply.github.com>
Co-authored-by: traeagent <traeagent@users.noreply.github.com>
Co-authored-by: traeagent <traeagent@users.noreply.github.com>
Co-authored-by: traeagent <traeagent@users.noreply.github.com>
Co-authored-by: traeagent <traeagent@users.noreply.github.com>
Co-authored-by: traeagent <traeagent@users.noreply.github.com>
功能修复: - vercel.json: 修正框架为 nextjs，移除 Angular 风格配置 - page.tsx: 实现导航按钮路由跳转功能 - BuildList.tsx: 修复组件选择器模态框打开逻辑 - globals.css: 添加完整的深色模式 CSS 变量 - utils.test.ts: 修复 formatCurrency 测试用例 性能优化: - lazy.tsx: 使用 next/dynamic 替换 React.lazy - middleware.ts: 将正则表达式提升到模块顶层 - BikeTypeSelector.tsx: 提取静态配置到组件外 - RecommendedConfigs.tsx: 提取静态配置到组件外 - config-store.ts: 支持 replaceComponent 添加新类别组件 安全优化: - next.config.mjs: 收紧图片远程域名配置，移除危险通配符
- 升级 Next.js 从 14.1.0 至 14.2.35，修复 28 个安全漏洞 - 升级 eslint-config-next 至 14.2.35 保持版本同步 - 更新项目版本号从 3.8.0 至 3.9.0 - 自动更新 next-env.d.ts TypeScript 参考链接
- 安全: auth.ts 增加邮箱/密码输入校验、登录速率限制、错误消息脱敏 - 安全: env.ts 增加 HTTPS URL 校验与占位符检测 - 安全: supabase.ts 补充 anon key 占位符检查与 fetch 30s 超时 - 安全: middleware.ts 生产环境 CSP 移除 unsafe-eval，X-Frame-Options 改 SAMEORIGIN - i18n: Navbar 导航与 page.tsx 车型标题改走 useTranslation，新增 homePage 翻译键 - refactor: 拆分 component-details.ts(349行) 为 data/details/ 下按类别模块 - refactor: 拆分 constants.ts，提取默认配置到 defaults.ts - docs: SPEC.md/README_EN.md 修正 Firebase→Supabase，技术栈版本对齐 14.2.35 - chore: 统一版本号至 3.9.0(constants/Navbar)，Footer 年份改动态获取
- miniprogram/utils/constants.js APP_INFO.version 3.8.0→3.9.0 - miniprogram/app.js globalData.version 3.8.0→3.9.0 - miniprogram/utils/store.js exportData version 3.8.0→3.9.0
- 首页: 补全 Pricing 和 Cta section，完善营销落地页结构 - Sections i18n: Hero/Features/Pricing/Cta 全部接入 useTranslation - i18n: 新增 hero/features/pricing/cta/about/faq/auth 翻译键，中英文对齐 - 新增页面: About(关于我们)、FAQ(常见问题)、Login(登录/注册) - Navbar: 导航添加 About/FAQ，移动端主题切换 i18n 化 - Library: 删除确认对话框、空状态优化、乐观UI、toast 反馈 - 无障碍: skip-to-content 链接、aria-labelledby、语义化 section - 无障碍: prefers-reduced-motion 支持，4 个 sections 尊重减少动画偏好 - 响应式: 优化移动端间距和换行 - 新增 useTranslationsObject hook 支持数组/对象类型翻译
主要改进： 1. prototype 目录精简：核心文档移至 design-system/ 和 interaction/ 2. 无障碍修复：Navbar Link、Hero aria-hidden、Features button语义、Library aria-label 3. i18n 完善：Footer/Pricing/Cta 翻译键、货币格式国际化 4. 动画时长优化：Hero动画从 0.5-0.8s 改为 0.4s（符合≤400ms规范） 5. 文档同步：OpenSpec/ui-design-system/SPEC/PRD/ARCH 更新至 v4.0.0 6. Hero CTA导航修复：添加 configurator-section id 和平滑滚动 7. 安全审查报告：安全评分 8.5/10，发现3个问题 8. Dogfood 测试报告：发现8个问题（1高/4中/3低） 版本升级：3.9.0 → 4.0.0
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
概述
本次 PR 包含两项完整交付：
1. 原型设计规范完善（v3.7.0 → v3.8.0）
--gradient-brand（#0071E3 → #34C759 → #AF52DE）以及轻量--gradient-brand-subtle，用于 Hero 强调与卡片悬停背景。gradient-shift动画及 keyframes 定义，用于渐变背景的缓慢位移；同时补充 Utility Classes 章节（含gradient-text等工具类）。gradient按钮变体（Hero CTA / 特殊行动号召场景）；新增 shadcn/ui 基础组件来源说明（L1 基于 shadcn/ui + Radix UI，通过 Tailwind 映射设计 token）。涉及文件：
prototype/design-system-spec.md、prototype/component-library.md、prototype/interaction-standards.md。2. 微信小程序代码结构
新建
miniprogram/目录，遵循微信小程序标准目录组织：app.js（小程序入口）、app.json（页面路由 + tabBar）、app.wxss（全局样式）、project.config.json、sitemap.json。utils/store.js（配置状态管理 + wx.setStorageSync 本地存储持久化）、utils/util.js（格式化价格/重量/日期、防抖节流、弹窗提示、深拷贝等通用工具函数）、utils/constants.js（车型分类常量）。data/components.js（组件目录数据）。pages/index：首页 / 车型选择、推荐配置入口pages/configurator：配置器（添加 / 移除组件、保存）pages/library：配置库（已保存配置列表）pages/detail：配置详情展示提交历史
feat(prototype): 完善设计系统规范与组件库规范至 v3.8.0feat(miniprogram): 创建微信小程序代码结构与核心页面验证
origin/main：2 个新提交 ✅origin/trae/solo-agent-iJF5en✅