feat(S9-P7): CSS 端接线为样式底座——11 页 H5 内联组件样式并入 CSS 文件并 link 接线(单一样式真源);PLATFORMS 将 css 列重定义为样式层/交付物;值冲突按 components.css 裁决(令牌/逻辑属性优先),顺带修复 Select 定位与选择列居中两处内联版缺陷

This commit is contained in:
aurora-admin
2026-09-25 04:22:03 +08:00
parent b59247231a
commit f07f38b09d
20 changed files with 2482 additions and 2113 deletions
+6 -2
View File
@@ -14,7 +14,7 @@
| 轴 | 取值 | 决定什么 |
|---|---|---|
| **平台 platform** | `pc` | `mobile` | **组件清单与命名空间**。两端要的组件本来就不一样:PC 是中后台(表格/树/穿梭框/筛选面板),移动端是触屏优先(导航栏/标签栏/动作面板/下拉刷新/滑动单元格)。两套清单**不重叠**(有断言:slug 不得撞名) |
| **端 end** | `css` | `html`(H5 原生) | `jsx`(React) | `vue2` | `vue3` | `uniapp` | **同一组件在某个技术栈里的实现**。同一个组件在若干端上逐端实现,行为与视觉必须一致 |
| **端 end** | `css` | `html`(H5 原生) | `jsx`(React) | `vue2` | `vue3` | `uniapp` | 同一组件在某个技术栈里的实现。其中 **`css` 不是组件框架端,而是样式层/交付物**:它是该组件样式的唯一权威(S9-P7),被 H5 端 `<link>` 消费、被其余端各自打包、并单独作为 `dist/components/<slug>.css` 分发。组件实现端 = `html` | `jsx` | `vue2` | `vue3` | `uniapp`,行为与视觉必须一致;**H5 端契约 = markup + link 组件 CSS(+ 交互 JS)**,内联只允许演示脚手架样式 |
矩阵长这样(✅ = 本次已交付,⬜ = 规划中):
@@ -23,6 +23,10 @@
| **pc**(103 个中后台组件) | ✅ 103 | ✅ 103 | ✅ 103 | ✅ 103 | ✅ 103 | ⬜ **3 / 103 试点**(ROADMAP S7-P26) |
| **mobile**(47 个移动端组件) | ✅ 47 | ✅ 47 | ✅ 47 | ✅ 47 | ✅ 47 | ✅ **47 / 47** |
> **读这张表的 css 列**:它统计的是**样式层交付物**(每组件一份权威样式文件),
> 不是第五种组件框架。全局导入形态 = `dist/tokens/tokens.css` + `dist/components/index.css`
> (103 组件聚合,令牌之后引入即可);单组件导入 = `dist/components/<slug>.css`。
**uni-app 要单独说清楚**:它是一个「端」,不是第三个平台。
- **移动端 × uni-app**(`frameworks-mobile/<Prefix>.uniapp.vue`)→ 目标 `app-plus`(App)/ `mp-weixin`(微信小程序)/ `h5`。
@@ -49,7 +53,7 @@
| 回归报告 | `tests/report.json` | `tests/mobile-report.json` |
| 文档站 | `site/`(SPA + History API 路由) | `site/m/`(**静态页**,不进 PC 路由表) |
| 自包含数据 | `site/data.json`(对外承诺,103) | `site/m/data.mobile.json`(移动端承诺,47 × 6 端源码) |
| 分发产物 | `dist/components|react|vue3|vue2` | `dist/mobile/*`;PC×uni-app → `dist/uniapp-pc/*` |
| 分发产物 | `dist/components/*`(`index.css` = 全局聚合入口,`tokens/` = 令牌三格式)· `dist/react|vue3|vue2` | `dist/mobile/*`;PC×uni-app → `dist/uniapp-pc/*` |
| 构建 | `build-site.ps1` + `tools/build-dist.mjs` | `tools/build-mobile.mjs`(Node,跨平台) |
| 门禁 | `tools/verify-cross-platform.mjs` 等 | `tools/verify-mobile-isolation.mjs` · `tools/verify-uniapp.mjs` · `tools/verify-mobile-docs.mjs` · `tools/verify-mobile-site.mjs` |