aurora-admin 16f365a045 feat: P4 阶段A+B — data.js 瘦身 116KB(预计算 + css 分离)
执行 ROADMAP 的 S1-P4,按规划的三阶段走,本次完成 A 与 B。

阶段 A · 预计算 scenarios(验证「构建期预计算 + 运行时回退」链路)
- tools/precompute.mjs:与 app.js 的 extractScenarios 逻辑完全一致,
  构建期算出结果写进 data.components[].scenarios
- app.js 加快速路径:优先读 c.scenarios,缺失时回退运行时解析
- 浏览器实测:预计算值与运行时提取值**完全一致**(逐字节比对)
- 实测收益有限:仅 4 个组件有 ≥2 场景(场景卡片本就少见),
  但链路验证通过,为阶段 C 的 API 预计算铺路

阶段 B · css 源码分离(零风险,css 不参与任何解析)
- css 从 data.js 移到 site/sources/<slug>/css.txt(79 个文件)
- data.js 里改为 sourcesRef.css 引用,data.json 保持完整(For Agents 承诺)
- data.js: 1058 KB → 942 KB(−116 KB)
- app.js 新增 srcOf(c, kind) / hasSrc(c, kind):
  · srcOf 同步返回已有源码,缺失时触发后台 fetch 并缓存
  · __aaSrcReady 回调在加载完成后填充代码区
- 修正回调时机 bug:原实现捕获构建时的 current(初始 tab),
  导致用户后续切换的 tab 收不到通知。改为回调内实时比对当前 tab

关于 P4 的实测修正(已登记 ROADMAP 规划修正记录)
- 规划估计「拆 sources → ~110KB」。实测 css 仅占 119KB/888KB,
  且 html/vue2/vue3/jsx 共 765KB 被**渲染期同步消费**
  (extractComponentAPI 读 vue3/vue2/jsx,extractScenarios 读 html)
- 故需分阶段:A+B 先减 116KB,阶段 C 需先预计算 API 表才能分离其余 4 端

新增构建链(两步,不可省第二步)
- npm run build:site = build-site.ps1 + precompute.mjs
- build-site.ps1 会把 data.js 重写回全量,precompute 才做瘦身
- 已写入 AGENTS.md 的铁律章节(含「只跑第一步会怎样」的后果说明)

验证
- 回归 100%:1003/1003,79 页全通过,N/A 35
- 浏览器实测:展开代码区 → CSS tab → 2121 字符正常显示,
  Network 出现 sources/button/css.txt 请求
- 预计算 vs 运行时场景提取结果逐字节一致
2026-09-11 23:23:08 +08:00

Aurora Admin Design System

理性、高效、克制的 B 端中后台设计系统:79 个组件 × 5 端实现(H5 / React / Vue 2 / Vue 3 / CSS),品牌主色 #2F54EB,全部色值取自 au-* CSS 变量令牌,零运行时依赖。

在线入口

目录结构

├─ index.html                  # Pages 入口(重定向到 site/)
├─ sitemap.xml                 # 站点地图(构建生成,部署后回填正式域名)
├─ site/                       # 文档站(纯静态,无构建依赖)
│  ├─ index.html / app.js / style.css / data.js / data.json
│  ├─ components/<slug>.html   # 每组件静态薄壳(SEO 可爬入口,构建生成)
│  ├─ scenario/user-management.html   # 场景示范页(用户管理列表页)
│  └─ llms.txt
├─ frameworks/                 # 79 组件 × 5 端实现源码(只读引用)
├─ tests/                      # 79 个组件测试页 + 回归报告 report.json
├─ tools/run-regression.mjs    # Playwright 回归 runner(CI 用)
└─ .design_library/aurora-admin/
   ├─ components/index.json    # 组件 ↔ 规格 ↔ 实现权威映射
   ├─ components/<slug>.json   # 设计契约(21 个:6 核心 + 15 输入类第一批)
   ├─ colors_and_type.css      # 设计令牌(au-* + legacy 双命名)
   └─ components.css           # 聚合组件样式

快速使用

<link rel="stylesheet" href=".design_library/aurora-admin/colors_and_type.css">
<link rel="stylesheet" href=".design_library/aurora-admin/components.css">

按端取用组件源码:frameworks/<Prefix>.{html,css,jsx,vue2.vue,vue3.vue}。

本地开发

node site/dev-server.js     # http://127.0.0.1:3311/site/
powershell -File build-site.ps1    # 重建 data.js / 薄壳 / sitemap(重建后浏览器 Ctrl+F5)
powershell -File run-tests.ps1     # 重新生成 79 个测试页
node tools/run-regression.mjs      # headless 回归(需 npm i playwright)

部署(GitHub Pages)

  1. GitHub 新建仓库(Public)。
  2. git remote add origin git@github.com:<account>/aurora-admin.git && git push -u origin main。
  3. 仓库 Settings → Pages → Source 选 GitHub Actions;推送后 .github/workflows/deploy-pages.yml 自动部署整仓。
  4. 回填正式域名:build-site.ps1 中 $SiteUrlBase 改为 https://<account>.github.io/aurora-admin/,重跑构建后推送。

设计契约与 Agent 消费

  • 组件契约(变体维度 / 使用要点 / 不发明 / 未明示):.design_library/aurora-admin/components/*.json
  • 文档站 #/agents 页汇总全部机器可读资源与使用规则
  • 生成 UI 时:色值只取令牌,变体不超出契约 dims,unknowns 项先澄清再生成

版本

见 CHANGELOG.md。当前 v1.4.1。

路线图

后续规划(可交付性、可信度、完整度、生态四阶段,含逐任务验收标准)见 ROADMAP.md。

许可证

MIT © 2026 Aurora Admin

可自由用于商业项目、修改、再分发,仅需保留版权声明。如需变更许可证(例如 Apache-2.0 或 MPL-2.0),请参考 ROADMAP.md 的 S1-P1 任务包。

S
Description
No description provided
Readme MIT
14 MiB
Languages
HTML 68.9%
JavaScript 15.2%
Vue 11.1%
CSS 4.2%
Go Template 0.3%
Other 0.3%