@agile-team/wl-skills-kit 2.11.0 → 2.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/CHANGELOG.md +47 -9
  2. package/README.md +41 -23
  3. package/bin/wl-skills.js +133 -39
  4. package/docs/agent-pipeline-runbook.md +3 -3
  5. package/docs//345/205/250/347/233/230/345/210/206/346/236/220/344/270/216/346/231/272/350/203/275/344/275/223/346/220/255/345/273/272/346/214/207/345/215/227.md +4 -4
  6. package/files/.wl-skills/copilot-instructions-full.md +233 -233
  7. package/files/.wl-skills/docs/jh-pagination.md +505 -505
  8. package/files/.wl-skills/docs/page-spec-schema.md +109 -0
  9. package/files/.wl-skills/docs/request.md +940 -940
  10. package/files/.wl-skills/guides/architecture.md +1 -1
  11. package/files/.wl-skills/skills/core/convention-audit/SKILL.md +3 -3
  12. package/files/.wl-skills/skills/core/page-codegen/SKILL.md +10 -4
  13. package/files/.wl-skills/skills/core/spec-doc-parse/SKILL.md +332 -332
  14. package/files/.wl-skills/skills/core/spec-doc-parse/USAGE.md +97 -97
  15. package/files/.wl-skills/skills/sync/permission-sync/USAGE.md +107 -107
  16. package/files/.wl-skills/src/components/global/C_ParentView/index.vue +3 -3
  17. package/files/.wl-skills/src/components/global/C_RightToolbar/index.vue +157 -157
  18. package/files/.wl-skills/src/components/global/C_SvgIcon/index.vue +31 -31
  19. package/files/.wl-skills/src/components/global/C_SvgIcon/svgicon.js +10 -10
  20. package/files/.wl-skills/src/components/global/C_TagStatus/README.md +264 -264
  21. package/files/.wl-skills/src/components/global/C_TagStatus/config.ts +192 -192
  22. package/files/.wl-skills/src/components/global/C_TagStatus/index.vue +106 -106
  23. package/files/.wl-skills/src/components/global/C_TagStatus/types.ts +64 -64
  24. package/files/.wl-skills/src/components/global/C_Tree/README.md +153 -153
  25. package/files/.wl-skills/src/components/global/C_Tree/index.scss +42 -42
  26. package/files/.wl-skills/src/components/global/C_Tree/index.vue +78 -78
  27. package/files/.wl-skills/src/components/global/C_Tree/types.ts +59 -59
  28. package/files/.wl-skills/src/components/local/c_formModal/README.md +235 -235
  29. package/files/.wl-skills/src/components/local/c_formModal/data.ts +95 -95
  30. package/files/.wl-skills/src/components/local/c_formModal/index.scss +8 -8
  31. package/files/.wl-skills/src/components/local/c_formModal/index.vue +107 -107
  32. package/files/.wl-skills/src/components/local/c_formSections/data.ts +175 -175
  33. package/files/.wl-skills/src/components/local/c_formSections/index.scss +280 -280
  34. package/files/.wl-skills/src/components/local/c_formSections/index.vue +429 -429
  35. package/files/.wl-skills/src/components/local/c_listModal/data.ts +41 -41
  36. package/files/.wl-skills/src/components/local/c_listModal/index.vue +136 -136
  37. package/files/.wl-skills/src/components/local/c_spliterTitle/index.scss +25 -25
  38. package/files/.wl-skills/src/components/local/c_spliterTitle/index.vue +21 -21
  39. package/files/.wl-skills/src/components/remote/AGGrid/README.md +530 -530
  40. package/files/.wl-skills/src/components/remote/BaseForm/README.md +508 -508
  41. package/files/.wl-skills/src/components/remote/BaseQuery/README.md +865 -865
  42. package/files/.wl-skills/src/components/remote/BaseTable/README.md +941 -941
  43. package/files/.wl-skills/src/components/remote/BaseToolbar/README.md +496 -496
  44. package/files/.wl-skills/src/types/page.ts +24 -24
  45. package/files/.wl-skills/standards/04-coding-basics.md +39 -1
  46. package/files/.wl-skills/standards/09-typescript.md +26 -3
  47. package/files/.wl-skills/standards/14-layout-containers.md +6 -6
  48. package/files/.wl-skills/standards/index.md +2 -2
  49. package/files/.wl-skills/templates/README.md +44 -44
  50. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add/api.md +54 -54
  51. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add/data.ts +346 -346
  52. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add/index.scss +1 -1
  53. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add/index.vue +28 -28
  54. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add-form/data.ts +115 -115
  55. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add-form/index.scss +44 -44
  56. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-add-form/index.vue +43 -43
  57. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-change/data.ts +338 -338
  58. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-change/index.scss +1 -1
  59. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-change/index.vue +28 -28
  60. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-change-form/data.ts +115 -115
  61. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-change-form/index.scss +44 -44
  62. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-apply-change-form/index.vue +43 -43
  63. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-archive/api.md +88 -88
  64. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-archive/data.ts +601 -601
  65. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-archive/index.scss +1 -1
  66. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-archive/index.vue +64 -64
  67. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-detail/api.md +67 -67
  68. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-detail/data.ts +286 -286
  69. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-detail/index.scss +139 -139
  70. package/files/.wl-skills/templates/produce/aiflow/mmwr-customer-detail/index.vue +318 -318
  71. package/files/.wl-skills/templates/produce/aiflow/mmwr-temp-customer-archive/api.md +98 -98
  72. package/files/.wl-skills/templates/produce/aiflow/mmwr-temp-customer-archive/data.ts +543 -543
  73. package/files/.wl-skills/templates/produce/aiflow/mmwr-temp-customer-archive/index.scss +1 -1
  74. package/files/.wl-skills/templates/produce/aiflow/mmwr-temp-customer-archive/index.vue +52 -52
  75. package/files/.wl-skills/templates/sale/demo/add-demo/data.ts +518 -518
  76. package/files/.wl-skills/templates/sale/demo/billet-flame-cut-plan/data.ts +524 -524
  77. package/files/.wl-skills/templates/sale/demo/billet-flame-cut-plan/index.scss +154 -154
  78. package/files/.wl-skills/templates/sale/demo/billet-flame-cut-plan/index.vue +117 -117
  79. package/files/.wl-skills/templates/sale/demo/domestic-trade-order/data.ts +308 -308
  80. package/files/.wl-skills/templates/sale/demo/domestic-trade-order/index.scss +99 -99
  81. package/files/.wl-skills/templates/sale/demo/domestic-trade-order/index.vue +77 -77
  82. package/files/.wl-skills/templates/sale/demo/heat-batch-return/data.ts +367 -367
  83. package/files/.wl-skills/templates/sale/demo/heat-batch-return/index.scss +100 -100
  84. package/files/.wl-skills/templates/sale/demo/heat-batch-return/index.vue +170 -170
  85. package/files/.wl-skills/templates/sale/demo/heat-batch-return/meltDialog.vue +320 -320
  86. package/files/.wl-skills/templates/sale/demo/metallurgical-spec/data.ts +824 -824
  87. package/lib/ast-rules.js +304 -9
  88. package/lib/page-spec.js +588 -0
  89. package/lib/safe-fix.js +115 -0
  90. package/mcp/config.js +47 -47
  91. package/mcp/registry.js +6 -1
  92. package/mcp/tools/projectTools.js +19 -1
  93. package/package.json +16 -11
  94. package/files/.wl-skills/src/components/global/C_Splitter/index.scss +0 -61
  95. package/files/.wl-skills/src/components/global/C_Splitter/index.vue +0 -149
@@ -1,233 +1,233 @@
1
- # 产品化前端编码指令(完整地图)
2
-
3
- > 本文件是 wl-skills-kit 的**完整自包含指令文件**。AI 读完本文件即可知道:系统有什么、怎么触发、核心规则是什么、执行时去哪取详细内容。
4
- > **不需要追链读取其他文件来了解全貌。** 仅在执行具体 Skill 时才按路径读取详细定义。
5
-
6
- ---
7
-
8
- ## 一、架构
9
-
10
- - Vue 3.2 + Vite + TypeScript(strict: false)
11
- - Module Federation **子应用**,路由/权限/布局/Store 从主应用 `main` 远程加载
12
- - UI:Element Plus + @jhlc/jh-ui + @jhlc/common-core
13
- - 样式:Windi CSS + SCSS
14
- - 状态:Pinia
15
- - 页面注册:`vite/plugins/shared/pages.ts` 通过 `gProd()` / `gSale()` 声明
16
- - 菜单路由配置:后端菜单表是唯一数据源。pages.ts 注册组件后,需在系统管理后台 → 菜单管理 → 新增菜单。批量新增页面时可用后端 batchImport 接口
17
-
18
- ## 二、页面标准结构(三文件分离 + 接口契约)
19
-
20
- ```
21
- src/views/[域]/[模块]/[子模块]/[kebab-case目录]/
22
- ├── index.vue ← 纯模板+解构,不写业务逻辑
23
- ├── data.ts ← AbstractPageQueryHook 类 + API_CONFIG
24
- ├── index.scss ← 页面样式(可为空)
25
- └── api.md ← 接口约定(前端预留 + 后端出接口依据)
26
- ```
27
-
28
- 弹窗组件处理策略:
29
-
30
- - **通用弹窗**(新增/编辑表单,2+ 页面可复用)→ 提取到 `.wl-skills/src/components/local/c_xxxModal/`
31
- - **极个性弹窗**(仅单页面使用,c_modal 无法满足)→ 放在页面 `components/xxxModal.vue`
32
-
33
- ## 三、data.ts 核心模式
34
-
35
- - 继承 `AbstractPageQueryHook`,实现 `queryDef()` / `columnsDef()`
36
- - `API_CONFIG` 定义接口路径,与 `api.md` 一一对应
37
- - `API_CONFIG` 中禁止出现 `import axios`,只能用 `getAction` / `postAction`
38
- - `data.ts` 中禁止 `import Store`(Pinia Store 在组件层使用)
39
-
40
- ## 四、页面模板硬约束
41
-
42
- 生成业务表格时,必须同时满足:
43
-
44
- - 使用 `AbstractPageQueryHook + BaseQuery + BaseToolbar + BaseTable + jh-pagination`
45
- - `BaseTable` 显式 `render-type="agGrid"`
46
- - `BaseTable` 绑定全局唯一 `cid` / `:cid`
47
- - 列定义使用 `@agile-team/wk-skills-ui/runtime` 的 `defineColumns()`
48
- - 操作列使用 `renderOps()`,禁止 `operations: []`
49
- - 保留 `common-core` 平台骨架,不得生搬硬套 `wk-skills-ui` 通用模板里的 `usePageHook/el-form/el-pagination`
50
- - 生成后建议运行 `wl-skills validate-page <页面目录>` 和 `wl-skills doctor-ui`
51
-
52
- ## 五、Mock 架构(与页面完全解耦)
53
-
54
- - **开关**:`.env.dev` 中 `ENV_MOCK=true/false`
55
- - **解耦**:mock 文件放在项目根 `mock/` 目录,不在 `src/views` 中 import 任何 mock
56
- - **URL 对齐**:`API_CONFIG` 保持真实路径,mock 端点带 `/dev-api` 前缀,关闭 mock 后无需改页面代码
57
- - **按模块自治**:删某业务 mock 只删对应文件,不影响其他模块
58
- - **一键清理**:`wl-skills mock-clean --domain [域]` 或 `--all`
59
-
60
- ---
61
-
62
- ## 六、Skill 完整路由表
63
-
64
- > 读完本表即知全部可用 Skill、触发词和读取路径。无需再去查其他文件。
65
-
66
- | 触发词 | Skill 名 | 读取路径 |
67
- |--------|---------|---------|
68
- | 扫描原型 / 解析原型 / 页面清单 / 口述需求 / 建个页面 / 根据截图 / 根据原型(非规范零散详设) | prototype-scan | `.wl-skills/skills/core/prototype-scan/SKILL.md` |
69
- | 解析说明书 / 规范文档转页面 / IPO 转页面 / 功能编码 / .wl-skills/docs/spec(wl-skills-design 标准说明书) | spec-doc-parse | `.wl-skills/skills/core/spec-doc-parse/SKILL.md` |
70
- | 接口约定 / api.md / 字段定义 / 前后端对齐 | api-contract | `.wl-skills/skills/core/api-contract/SKILL.md` |
71
- | 生成页面 / 创建页面 / 代码生成 / vue页面 / 列表页 / 管理页 / 台账 / mock / 假数据 | page-codegen | `.wl-skills/skills/core/page-codegen/SKILL.md` |
72
- | 规范审计 / 代码审计 / 规范检查 / 对齐规范 / 接手新项目 / 项目体检 | convention-audit | `.wl-skills/skills/core/convention-audit/SKILL.md` |
73
- | 用户提供原型/详设/字段资料,意图为业务梳理/模块沉淀 | business-doc-extract | `.wl-skills/skills/core/business-doc-extract/SKILL.md` |
74
- | 提取模板 / 沉淀模板 | template-extract | `.wl-skills/skills/core/template-extract/SKILL.md` |
75
- | 创建菜单 / 同步菜单 / 补菜单 / 页面点击进不来 | menu-sync | `.wl-skills/skills/sync/menu-sync/SKILL.md` |
76
- | 同步字典 / 创建字典 / 字典对比 / 字典审计 | dict-sync | `.wl-skills/skills/sync/dict-sync/SKILL.md` |
77
- | 创建角色 / 角色授权 / 挂动作 / 同步权限 / 权限码注册 | permission-sync | `.wl-skills/skills/sync/permission-sync/SKILL.md` |
78
- | 自动修复 / 整改偏差 / 修复报告 / 规范整改 / code fix | code-fix | `.wl-skills/skills/ops/code-fix/SKILL.md` |
79
-
80
- **执行规则**:
81
- 1. 用户消息匹配上表触发词 → 用 `read_file` 加载对应 SKILL.md
82
- 2. SKILL.md 中标注的"必读 standards"按本文件第七节映射加载
83
- 3. 在 SKILL.md 指示下输出 **Pre-flight 声明**(强制)
84
-
85
- ### 调度规则(强制)
86
-
87
- 1. 首先匹配上表触发词,结合 `_best-practices.md` 场景索引判断用户意图
88
- 2. 双线隔离:输入含 `.wl-skills/docs/spec/` / 功能编码 / IPO 表 → 强制路由 `spec-doc-parse`,禁止 `prototype-scan` 接管
89
- 3. 匹配 2+ Skill 时必须列出候选并询问用户意图(误触发防护)
90
- 4. `page-codegen` / `menu-sync` / `dict-sync` / `permission-sync` / `code-fix` 触发前二次确认
91
- 5. `code-fix` 完成后必须自动 `wl-skills validate` 复扫(闭环强制)
92
- 6. sync 类任务必须额外加载 `.wl-skills/skills/sync/_mcp-guardrail.md`
93
-
94
- ---
95
-
96
- ## 七、规范完整清单与路径
97
-
98
- > 14 条编码规范。执行代码生成或修改前,按任务类型映射加载对应规范。
99
-
100
- | 编号 | 规范名 | 读取路径 |
101
- |------|--------|---------|
102
- | 01 | 工具链就绪 | `.wl-skills/standards/01-toolchain.md` |
103
- | 02 | 三文件分离 + 接口契约 | `.wl-skills/standards/02-code-structure.md` |
104
- | 03 | 注释规范 | `.wl-skills/standards/03-comments.md` |
105
- | 04 | 基础编码(13 条) | `.wl-skills/standards/04-coding-basics.md` |
106
- | 05 | console 残留 | `.wl-skills/standards/05-logging.md` |
107
- | 06 | 安全规范 | `.wl-skills/standards/06-security.md` |
108
- | 07 | 配置管理 | `.wl-skills/standards/07-config.md` |
109
- | 08 | Git 规范 | `.wl-skills/standards/08-git.md` |
110
- | 09 | TypeScript | `.wl-skills/standards/09-typescript.md` |
111
- | 10 | Pinia | `.wl-skills/standards/10-pinia.md` |
112
- | 11 | 表单校验 | `.wl-skills/standards/11-form-validation.md` |
113
- | 12 | BaseTable + cid | `.wl-skills/standards/12-base-table.md` |
114
- | 13 | 平台组件合规 | `.wl-skills/standards/13-platform-components.md` |
115
- | 14 | 布局容器 | `.wl-skills/standards/14-layout-containers.md` |
116
-
117
- 任务类型 → 必读规范映射以 `.wl-skills/standards/index.md` 为唯一数据源。执行前先 `read_file` 加载确认。
118
-
119
- ---
120
-
121
- ## 八、场景速查
122
-
123
- | # | 场景 | 推荐流程 |
124
- |---|------|---------|
125
- | 1 | 新建模块完整闭环 | prototype-scan → api-contract → page-codegen → menu-sync → convention-audit |
126
- | 2 | 补菜单 | menu-sync(MCP: wls_menu_sync_from_report) |
127
- | 3 | 补字典 | dict-sync |
128
- | 4 | 角色授权 / 加动作 | permission-sync |
129
- | 5 | 存量项目体检 | convention-audit → code-fix → validate 复扫 → 闭环确认 |
130
- | 6 | mock 跑通 | page-codegen mock-first |
131
- | 7 | 模板沉淀 | template-extract |
132
- | 8 | 业务文档维护 | business-doc-extract |
133
- | 9 | Git 提交 | pnpm cz / wl-skills validate |
134
- | 10 | 规范线闭环 | spec-doc-parse → api-contract → page-codegen → convention-audit --mode spec-align |
135
-
136
- ---
137
-
138
- ## 九、文档与模板路径
139
-
140
- | 类型 | 路径 |
141
- |------|------|
142
- | 平台组件文档(jh-select 等) | `.wl-skills/.wl-skills/docs/jh-{name}.md` |
143
- | 组件 README(BaseTable 等) | `.wl-skills/.wl-skills/src/components/remote/{Name}/README.md` |
144
- | 局部组件 README | `.wl-skills/.wl-skills/src/components/local/{c_xxx}/README.md` |
145
- | 页面模板 | `.wl-skills/templates/` |
146
- | 使用指南 | `.wl-skills/guides/usage.md` |
147
- | 架构设计 | `.wl-skills/guides/architecture.md` |
148
- | MCP 配置 | `.wl-skills/guides/mcp-setup.md` |
149
- | 审计报告 | `.wl-skills/reports/` |
150
- | 场景索引 | `.wl-skills/skills/_best-practices.md` |
151
- | I/O 契约 | `.wl-skills/skills/_pipeline.md` |
152
-
153
- ---
154
-
155
- ## 十、绝对禁止规则
156
-
157
- - ❌ index.vue 中写业务逻辑(逻辑全在 data.ts)
158
- - ❌ 使用 Vuex(用 Pinia)
159
- - ❌ `::v-deep` / `/deep/`(用 `:deep()`)
160
- - ❌ 直接用 axios(用 getAction/postAction)
161
- - ❌ 手写查询表单/工具栏/分页(用 BaseQuery/BaseToolbar/jh-pagination)
162
- - ❌ 每个页面重复写弹窗组件(优先用 `c_modal` 等局部公共组件)
163
- - ❌ 不在 index.vue 写业务逻辑 | 新加的方法/状态必须放在 data.ts
164
- - ❌ 不直接用 axios / getAction / sessionStorage | 这些只能出现在 data.ts
165
- - ❌ 不用 el-table / el-form 替代平台组件 | 用 BaseTable / BaseForm
166
- - ❌ 不引入新依赖不经团队确认 | 需在 PR 中说明理由
167
- - ✅ 改完即验证 | 触发 `wls_validate_page` 或 `wl-skills validate`
168
- - ✅ git cz 提交 | pre-commit 会自动检测规范,error 级别阻断提交
169
-
170
- **提交即验证**:`.husky/pre-commit` 自动运行 `wl-skills validate --pre-commit`,error 阻断提交。
171
- **CI 兜底**:`wl-skills validate --strict` 会再次拦截,error 和 warn 都导致 CI 失败。
172
-
173
- ### 豁免标记
174
-
175
- ```vue
176
- <!-- wl-skills:ignore R3 -->
177
- <el-table :data="dialogData">...</el-table>
178
- ```
179
-
180
- - 必须带规则编号(R1~R12),精确豁免,不支持全局豁免
181
- - CI `--strict` 模式下豁免标记仍然生效
182
-
183
- ---
184
-
185
- ## 十一、AI 执行护栏(强制约定)
186
-
187
- 以下规则对所有 AI 助手在本项目中执行任务时**强制生效**,不可被用户口头覆盖。
188
-
189
- ### 1. 闭环强制约定
190
-
191
- | 触发场景 | 强制动作 | 不可跳过原因 |
192
- |----------|----------|-------------|
193
- | code-fix 执行完毕 | 自动执行 `wl-skills validate` 复扫 | 确保修复未引入新偏差 |
194
- | 复扫发现新问题 | 继续修复 → 再次复扫,直到通过 | 闭环不允许断开 |
195
- | 用户说"不用验证了" | **仍然执行**复扫,只是不再追问 | 规范高于口头指令 |
196
-
197
- ### 2. 高风险 Skill 确认机制
198
-
199
- 以下 Skill 触发前必须向用户**二次确认**,不可静默执行:
200
-
201
- - `page-codegen`(生成整页代码,不可逆)
202
- - `menu-sync` / `dict-sync` / `permission-sync`(跨系统同步,影响后端数据)
203
- - `code-fix`(批量修改源码文件,需确认范围)
204
-
205
- 确认话术:`即将执行 [Skill名称],影响范围:[文件列表 / 后端数据类型] 是否继续?(Y/n)`
206
-
207
- ### 3. 误触发防护
208
-
209
- | 情况 | 处理方式 |
210
- |------|----------|
211
- | 用户意图匹配 2+ Skill | 必须列出候选并询问用户意图 |
212
- | 用户意图模糊无法映射 | 询问澄清,不猜测执行 |
213
- | 仅匹配 1 个 Skill 且置信度高 | 直接执行,无需确认 |
214
-
215
- ### 4. Pre-flight 声明完整性
216
-
217
- AI 在执行任何 Skill 前必须输出:
218
-
219
- ```
220
- 📋 Pre-flight:
221
- - Skill: [skill-name]
222
- - 触发依据: [用户原话 / 管道上游输出]
223
- - 影响文件: [文件列表]
224
- - 预期结果: [一句话描述]
225
- ```
226
-
227
- ### 5. 修复建议输出规范
228
-
229
- 当 `wl-skills validate` 阻断时,AI 必须:
230
- 1. 完整展示阻断项(error + strict 模式下的 warn)
231
- 2. 对每项给出**具体修复建议**(而非泛泛的"请修复")
232
- 3. 标注是否可自动修复(auto: true/false)
233
- 4. 引导用户触发修复流程:`规范审计 → 自动修复 → 复扫验证`
1
+ # 产品化前端编码指令(完整地图)
2
+
3
+ > 本文件是 wl-skills-kit 的**完整自包含指令文件**。AI 读完本文件即可知道:系统有什么、怎么触发、核心规则是什么、执行时去哪取详细内容。
4
+ > **不需要追链读取其他文件来了解全貌。** 仅在执行具体 Skill 时才按路径读取详细定义。
5
+
6
+ ---
7
+
8
+ ## 一、架构
9
+
10
+ - Vue 3.2 + Vite + TypeScript(strict: false)
11
+ - Module Federation **子应用**,路由/权限/布局/Store 从主应用 `main` 远程加载
12
+ - UI:Element Plus + @jhlc/jh-ui + @jhlc/common-core
13
+ - 样式:Windi CSS + SCSS
14
+ - 状态:Pinia
15
+ - 页面注册:`vite/plugins/shared/pages.ts` 通过 `gProd()` / `gSale()` 声明
16
+ - 菜单路由配置:后端菜单表是唯一数据源。pages.ts 注册组件后,需在系统管理后台 → 菜单管理 → 新增菜单。批量新增页面时可用后端 batchImport 接口
17
+
18
+ ## 二、页面标准结构(三文件分离 + 接口契约)
19
+
20
+ ```
21
+ src/views/[域]/[模块]/[子模块]/[kebab-case目录]/
22
+ ├── index.vue ← 纯模板+解构,不写业务逻辑
23
+ ├── data.ts ← AbstractPageQueryHook 类 + API_CONFIG
24
+ ├── index.scss ← 页面样式(可为空)
25
+ └── api.md ← 接口约定(前端预留 + 后端出接口依据)
26
+ ```
27
+
28
+ 弹窗组件处理策略:
29
+
30
+ - **通用弹窗**(新增/编辑表单,2+ 页面可复用)→ 提取到 `.wl-skills/src/components/local/c_xxxModal/`
31
+ - **极个性弹窗**(仅单页面使用,c_modal 无法满足)→ 放在页面 `components/xxxModal.vue`
32
+
33
+ ## 三、data.ts 核心模式
34
+
35
+ - 继承 `AbstractPageQueryHook`,实现 `queryDef()` / `columnsDef()`
36
+ - `API_CONFIG` 定义接口路径,与 `api.md` 一一对应
37
+ - `API_CONFIG` 中禁止出现 `import axios`,只能用 `getAction` / `postAction`
38
+ - `data.ts` 中禁止 `import Store`(Pinia Store 在组件层使用)
39
+
40
+ ## 四、页面模板硬约束
41
+
42
+ 生成业务表格时,必须同时满足:
43
+
44
+ - 使用 `AbstractPageQueryHook + BaseQuery + BaseToolbar + BaseTable + jh-pagination`
45
+ - `BaseTable` 显式 `render-type="agGrid"`
46
+ - `BaseTable` 绑定全局唯一 `cid` / `:cid`
47
+ - 列定义使用 `@agile-team/wk-skills-ui/runtime` 的 `defineColumns()`
48
+ - 操作列使用 `renderOps()`,禁止 `operations: []`
49
+ - 保留 `common-core` 平台骨架,不得生搬硬套 `wk-skills-ui` 通用模板里的 `usePageHook/el-form/el-pagination`
50
+ - 生成后建议运行 `wl-skills validate-page <页面目录>` 和 `wl-skills doctor-ui`
51
+
52
+ ## 五、Mock 架构(与页面完全解耦)
53
+
54
+ - **开关**:`.env.dev` 中 `ENV_MOCK=true/false`
55
+ - **解耦**:mock 文件放在项目根 `mock/` 目录,不在 `src/views` 中 import 任何 mock
56
+ - **URL 对齐**:`API_CONFIG` 保持真实路径,mock 端点带 `/dev-api` 前缀,关闭 mock 后无需改页面代码
57
+ - **按模块自治**:删某业务 mock 只删对应文件,不影响其他模块
58
+ - **一键清理**:`wl-skills mock-clean --domain [域]` 或 `--all`
59
+
60
+ ---
61
+
62
+ ## 六、Skill 完整路由表
63
+
64
+ > 读完本表即知全部可用 Skill、触发词和读取路径。无需再去查其他文件。
65
+
66
+ | 触发词 | Skill 名 | 读取路径 |
67
+ |--------|---------|---------|
68
+ | 扫描原型 / 解析原型 / 页面清单 / 口述需求 / 建个页面 / 根据截图 / 根据原型(非规范零散详设) | prototype-scan | `.wl-skills/skills/core/prototype-scan/SKILL.md` |
69
+ | 解析说明书 / 规范文档转页面 / IPO 转页面 / 功能编码 / .wl-skills/docs/spec(wl-skills-design 标准说明书) | spec-doc-parse | `.wl-skills/skills/core/spec-doc-parse/SKILL.md` |
70
+ | 接口约定 / api.md / 字段定义 / 前后端对齐 | api-contract | `.wl-skills/skills/core/api-contract/SKILL.md` |
71
+ | 生成页面 / 创建页面 / 代码生成 / vue页面 / 列表页 / 管理页 / 台账 / mock / 假数据 | page-codegen | `.wl-skills/skills/core/page-codegen/SKILL.md` |
72
+ | 规范审计 / 代码审计 / 规范检查 / 对齐规范 / 接手新项目 / 项目体检 | convention-audit | `.wl-skills/skills/core/convention-audit/SKILL.md` |
73
+ | 用户提供原型/详设/字段资料,意图为业务梳理/模块沉淀 | business-doc-extract | `.wl-skills/skills/core/business-doc-extract/SKILL.md` |
74
+ | 提取模板 / 沉淀模板 | template-extract | `.wl-skills/skills/core/template-extract/SKILL.md` |
75
+ | 创建菜单 / 同步菜单 / 补菜单 / 页面点击进不来 | menu-sync | `.wl-skills/skills/sync/menu-sync/SKILL.md` |
76
+ | 同步字典 / 创建字典 / 字典对比 / 字典审计 | dict-sync | `.wl-skills/skills/sync/dict-sync/SKILL.md` |
77
+ | 创建角色 / 角色授权 / 挂动作 / 同步权限 / 权限码注册 | permission-sync | `.wl-skills/skills/sync/permission-sync/SKILL.md` |
78
+ | 自动修复 / 整改偏差 / 修复报告 / 规范整改 / code fix | code-fix | `.wl-skills/skills/ops/code-fix/SKILL.md` |
79
+
80
+ **执行规则**:
81
+ 1. 用户消息匹配上表触发词 → 用 `read_file` 加载对应 SKILL.md
82
+ 2. SKILL.md 中标注的"必读 standards"按本文件第七节映射加载
83
+ 3. 在 SKILL.md 指示下输出 **Pre-flight 声明**(强制)
84
+
85
+ ### 调度规则(强制)
86
+
87
+ 1. 首先匹配上表触发词,结合 `_best-practices.md` 场景索引判断用户意图
88
+ 2. 双线隔离:输入含 `.wl-skills/docs/spec/` / 功能编码 / IPO 表 → 强制路由 `spec-doc-parse`,禁止 `prototype-scan` 接管
89
+ 3. 匹配 2+ Skill 时必须列出候选并询问用户意图(误触发防护)
90
+ 4. `page-codegen` / `menu-sync` / `dict-sync` / `permission-sync` / `code-fix` 触发前二次确认
91
+ 5. `code-fix` 完成后必须自动 `wl-skills validate` 复扫(闭环强制)
92
+ 6. sync 类任务必须额外加载 `.wl-skills/skills/sync/_mcp-guardrail.md`
93
+
94
+ ---
95
+
96
+ ## 七、规范完整清单与路径
97
+
98
+ > 14 条编码规范。执行代码生成或修改前,按任务类型映射加载对应规范。
99
+
100
+ | 编号 | 规范名 | 读取路径 |
101
+ |------|--------|---------|
102
+ | 01 | 工具链就绪 | `.wl-skills/standards/01-toolchain.md` |
103
+ | 02 | 三文件分离 + 接口契约 | `.wl-skills/standards/02-code-structure.md` |
104
+ | 03 | 注释规范 | `.wl-skills/standards/03-comments.md` |
105
+ | 04 | 基础编码(13 条) | `.wl-skills/standards/04-coding-basics.md` |
106
+ | 05 | console 残留 | `.wl-skills/standards/05-logging.md` |
107
+ | 06 | 安全规范 | `.wl-skills/standards/06-security.md` |
108
+ | 07 | 配置管理 | `.wl-skills/standards/07-config.md` |
109
+ | 08 | Git 规范 | `.wl-skills/standards/08-git.md` |
110
+ | 09 | TypeScript | `.wl-skills/standards/09-typescript.md` |
111
+ | 10 | Pinia | `.wl-skills/standards/10-pinia.md` |
112
+ | 11 | 表单校验 | `.wl-skills/standards/11-form-validation.md` |
113
+ | 12 | BaseTable + cid | `.wl-skills/standards/12-base-table.md` |
114
+ | 13 | 平台组件合规 | `.wl-skills/standards/13-platform-components.md` |
115
+ | 14 | 布局容器 | `.wl-skills/standards/14-layout-containers.md` |
116
+
117
+ 任务类型 → 必读规范映射以 `.wl-skills/standards/index.md` 为唯一数据源。执行前先 `read_file` 加载确认。
118
+
119
+ ---
120
+
121
+ ## 八、场景速查
122
+
123
+ | # | 场景 | 推荐流程 |
124
+ |---|------|---------|
125
+ | 1 | 新建模块完整闭环 | prototype-scan → api-contract → page-codegen → menu-sync → convention-audit |
126
+ | 2 | 补菜单 | menu-sync(MCP: wls_menu_sync_from_report) |
127
+ | 3 | 补字典 | dict-sync |
128
+ | 4 | 角色授权 / 加动作 | permission-sync |
129
+ | 5 | 存量项目体检 | convention-audit → code-fix → validate 复扫 → 闭环确认 |
130
+ | 6 | mock 跑通 | page-codegen mock-first |
131
+ | 7 | 模板沉淀 | template-extract |
132
+ | 8 | 业务文档维护 | business-doc-extract |
133
+ | 9 | Git 提交 | pnpm cz / wl-skills validate |
134
+ | 10 | 规范线闭环 | spec-doc-parse → api-contract → page-codegen → convention-audit --mode spec-align |
135
+
136
+ ---
137
+
138
+ ## 九、文档与模板路径
139
+
140
+ | 类型 | 路径 |
141
+ |------|------|
142
+ | 平台组件文档(jh-select 等) | `.wl-skills/.wl-skills/docs/jh-{name}.md` |
143
+ | 组件 README(BaseTable 等) | `.wl-skills/.wl-skills/src/components/remote/{Name}/README.md` |
144
+ | 局部组件 README | `.wl-skills/.wl-skills/src/components/local/{c_xxx}/README.md` |
145
+ | 页面模板 | `.wl-skills/templates/` |
146
+ | 使用指南 | `.wl-skills/guides/usage.md` |
147
+ | 架构设计 | `.wl-skills/guides/architecture.md` |
148
+ | MCP 配置 | `.wl-skills/guides/mcp-setup.md` |
149
+ | 审计报告 | `.wl-skills/reports/` |
150
+ | 场景索引 | `.wl-skills/skills/_best-practices.md` |
151
+ | I/O 契约 | `.wl-skills/skills/_pipeline.md` |
152
+
153
+ ---
154
+
155
+ ## 十、绝对禁止规则
156
+
157
+ - ❌ index.vue 中写业务逻辑(逻辑全在 data.ts)
158
+ - ❌ 使用 Vuex(用 Pinia)
159
+ - ❌ `::v-deep` / `/deep/`(用 `:deep()`)
160
+ - ❌ 直接用 axios(用 getAction/postAction)
161
+ - ❌ 手写查询表单/工具栏/分页(用 BaseQuery/BaseToolbar/jh-pagination)
162
+ - ❌ 每个页面重复写弹窗组件(优先用 `c_modal` 等局部公共组件)
163
+ - ❌ 不在 index.vue 写业务逻辑 | 新加的方法/状态必须放在 data.ts
164
+ - ❌ 不直接用 axios / getAction / sessionStorage | 这些只能出现在 data.ts
165
+ - ❌ 不用 el-table / el-form 替代平台组件 | 用 BaseTable / BaseForm
166
+ - ❌ 不引入新依赖不经团队确认 | 需在 PR 中说明理由
167
+ - ✅ 改完即验证 | 触发 `wls_validate_page` 或 `wl-skills validate`
168
+ - ✅ git cz 提交 | pre-commit 会自动检测规范,error 级别阻断提交
169
+
170
+ **提交即验证**:`.husky/pre-commit` 自动运行 `wl-skills validate --pre-commit`,error 阻断提交。
171
+ **CI 兜底**:`wl-skills validate --strict` 会再次拦截,error 和 warn 都导致 CI 失败。
172
+
173
+ ### 豁免标记
174
+
175
+ ```vue
176
+ <!-- wl-skills:ignore R3 -->
177
+ <el-table :data="dialogData">...</el-table>
178
+ ```
179
+
180
+ - 必须带规则编号(R1~R12),精确豁免,不支持全局豁免
181
+ - CI `--strict` 模式下豁免标记仍然生效
182
+
183
+ ---
184
+
185
+ ## 十一、AI 执行护栏(强制约定)
186
+
187
+ 以下规则对所有 AI 助手在本项目中执行任务时**强制生效**,不可被用户口头覆盖。
188
+
189
+ ### 1. 闭环强制约定
190
+
191
+ | 触发场景 | 强制动作 | 不可跳过原因 |
192
+ |----------|----------|-------------|
193
+ | code-fix 执行完毕 | 自动执行 `wl-skills validate` 复扫 | 确保修复未引入新偏差 |
194
+ | 复扫发现新问题 | 继续修复 → 再次复扫,直到通过 | 闭环不允许断开 |
195
+ | 用户说"不用验证了" | **仍然执行**复扫,只是不再追问 | 规范高于口头指令 |
196
+
197
+ ### 2. 高风险 Skill 确认机制
198
+
199
+ 以下 Skill 触发前必须向用户**二次确认**,不可静默执行:
200
+
201
+ - `page-codegen`(生成整页代码,不可逆)
202
+ - `menu-sync` / `dict-sync` / `permission-sync`(跨系统同步,影响后端数据)
203
+ - `code-fix`(批量修改源码文件,需确认范围)
204
+
205
+ 确认话术:`即将执行 [Skill名称],影响范围:[文件列表 / 后端数据类型] 是否继续?(Y/n)`
206
+
207
+ ### 3. 误触发防护
208
+
209
+ | 情况 | 处理方式 |
210
+ |------|----------|
211
+ | 用户意图匹配 2+ Skill | 必须列出候选并询问用户意图 |
212
+ | 用户意图模糊无法映射 | 询问澄清,不猜测执行 |
213
+ | 仅匹配 1 个 Skill 且置信度高 | 直接执行,无需确认 |
214
+
215
+ ### 4. Pre-flight 声明完整性
216
+
217
+ AI 在执行任何 Skill 前必须输出:
218
+
219
+ ```
220
+ 📋 Pre-flight:
221
+ - Skill: [skill-name]
222
+ - 触发依据: [用户原话 / 管道上游输出]
223
+ - 影响文件: [文件列表]
224
+ - 预期结果: [一句话描述]
225
+ ```
226
+
227
+ ### 5. 修复建议输出规范
228
+
229
+ 当 `wl-skills validate` 阻断时,AI 必须:
230
+ 1. 完整展示阻断项(error + strict 模式下的 warn)
231
+ 2. 对每项给出**具体修复建议**(而非泛泛的"请修复")
232
+ 3. 标注是否可自动修复(auto: true/false)
233
+ 4. 引导用户触发修复流程:`规范审计 → 自动修复 → 复扫验证`