@qilitt-mickey/vue3-temp-skill 1.1.38 → 1.1.39
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.
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"meta": {
|
|
4
4
|
"layer": "basic",
|
|
5
5
|
"domain": "component_tag",
|
|
6
|
-
"version": "1.
|
|
6
|
+
"version": "1.1.0",
|
|
7
7
|
"scene": "global",
|
|
8
8
|
"tech_stack": "vue3 + element-plus"
|
|
9
9
|
},
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"font_size": "font-size",
|
|
31
31
|
"padding_x": "padding"
|
|
32
32
|
},
|
|
33
|
-
"$note": "状态语义色走 EP 功能色变量：success=--el-color-success / processing=--el-color-primary / warning=--el-color-warning / error=--el-color-danger。设计侧值口径：filled（默认）/outlined/solid/with_icon 四形态；多 Tag 列 >=3 列时四选二规则由设计侧在 changes 中按列声明 form，项目侧按 form 翻译 EP effect
|
|
33
|
+
"$note": "状态语义色走 EP 功能色变量：success=--el-color-success / processing=--el-color-primary / warning=--el-color-warning / error=--el-color-danger。设计侧值口径：filled（默认）/outlined/solid/with_icon 四形态；多 Tag 列 >=3 列时四选二规则由设计侧在 changes 中按列声明 form，项目侧按 form 翻译 EP effect。列级声明机制（v1.1.0 澄清）：component.tag.status 是 :root 全局默认，逐列差异必须声明为内容点位（admin.content.table.cell_tag.<列语义> 走 pending/L3，或写入该列所属点位的 notes），禁止对全局 ID 声明多份互相覆盖的 form"
|
|
34
34
|
},
|
|
35
35
|
"component.tag.size": {
|
|
36
36
|
"type": "global_token",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$comment": "admin 场景 · 内容区功能点位映射。admin.content.container 为壳层高度模式通道（源码实证，lay-content/index.vue）；其余为页面构图点位：类名为 vue3-temp-skill crud-pages.md L1-L9 标准样板约定，样式规则与令牌已落地（element-plus.scss 消费 design-tokens.scss L235-251 构图令牌，dark.scss 消费 vts-filter-area），存量表格 demo（views/table/{base,treeTable,vxe-table}）已对齐样板；pagination 为 Element Plus 实证类（RePagination 根节点即 el-pagination，无自定义语义类）。新增表格细粒度点位（operation_column/cell_amount/cell_thumb），对应设计侧 list-page §26.12-26.15。",
|
|
2
|
+
"$comment": "admin 场景 · 内容区功能点位映射。admin.content.container 为壳层高度模式通道（源码实证，lay-content/index.vue）；其余为页面构图点位：类名为 vue3-temp-skill crud-pages.md L1-L9 标准样板约定，样式规则与令牌已落地（element-plus.scss 消费 design-tokens.scss L235-251 构图令牌，dark.scss 消费 vts-filter-area），存量表格 demo（views/table/{base,treeTable,vxe-table}）已对齐样板；pagination 为 Element Plus 实证类（RePagination 根节点即 el-pagination，无自定义语义类）。新增表格细粒度点位（operation_column/cell_amount/cell_thumb），对应设计侧 list-page §26.12-26.15。v1.1.0：operation_column 补 column_width/nowrap（按钮挤行修复）；operation_bar 补 with_tools/left_batch 形态与批量按钮配色置灰字段（对应 list-page §4 三件套与批量区规范）。",
|
|
3
3
|
"meta": {
|
|
4
4
|
"layer": "scene",
|
|
5
5
|
"scene": "admin",
|
|
6
6
|
"domain": "content",
|
|
7
|
-
"version": "1.
|
|
7
|
+
"version": "1.1.0",
|
|
8
8
|
"tech_stack": "vue3 + element-plus + vue3-web-temp"
|
|
9
9
|
},
|
|
10
10
|
"mappings": {
|
|
@@ -62,13 +62,24 @@
|
|
|
62
62
|
"admin.content.table.operation_bar": {
|
|
63
63
|
"type": "element",
|
|
64
64
|
"selector": ".vts-action-bar",
|
|
65
|
-
"file": "业务 views（crud-pages 操作栏 / ReTableBar）",
|
|
65
|
+
"file": "业务 views（crud-pages 操作栏 / ReTableBar）；ReTableBar 右侧工具三件套源码实证：刷新 svg-icon + el-dropdown 密度（宽松/默认/紧凑）+ el-popover 列设置（bar.vue L155-243）",
|
|
66
66
|
"style_scope": ".vts-page-card",
|
|
67
|
+
"forms": {
|
|
68
|
+
"with_tools": "工具三件套（刷新/密度/列设置）齐全——设计规范 list-page §4 要求三件套缺一不可（ReTableBar 出厂已具备，此为默认形态）",
|
|
69
|
+
"left_batch": "左侧批量操作区（批量删除红底 + 批量导出白底，未选中置灰 opacity 0.4 + cursor not-allowed）——经 slots.buttons 插入，出厂多数 demo 未用"
|
|
70
|
+
},
|
|
67
71
|
"css_vars": {
|
|
68
72
|
"gap": "--action-bar-gap",
|
|
69
73
|
"padding_y": "--action-bar-padding-y"
|
|
70
74
|
},
|
|
71
|
-
"custom_style_map": {
|
|
75
|
+
"custom_style_map": {
|
|
76
|
+
"btn_height": "height",
|
|
77
|
+
"btn_radius": "border-radius",
|
|
78
|
+
"btn_font_size": "font-size",
|
|
79
|
+
"batch_delete_bg": "background-color",
|
|
80
|
+
"batch_disabled_opacity": "opacity"
|
|
81
|
+
},
|
|
82
|
+
"$note": "对应设计侧 list-page §4/§11.25-11.36：flex 两端对齐、pad 20px 20px 8px、左侧批量（始终展示未选中置灰）、右侧工具三件套。批量删除红底走 batch_delete_bg（--el-color-danger 链）；置灰态走 batch_disabled_opacity。v1.1.0 扩字段（2026-09-08 对账：原仅 gap/padding_y 两字段，批量按钮配色/置灰/三件套存在性无承接）。demo 噪音按钮（如『表单提交』）去留属业务层，变更集 notes 申报双层交付后由项目侧业务闭环移除"
|
|
72
83
|
},
|
|
73
84
|
"admin.content.table.operation_column": {
|
|
74
85
|
"type": "element",
|
|
@@ -87,11 +98,13 @@
|
|
|
87
98
|
"custom_style_map": {
|
|
88
99
|
"align": "text-align",
|
|
89
100
|
"min_width": "min-width",
|
|
101
|
+
"column_width": "width",
|
|
102
|
+
"nowrap": "white-space",
|
|
90
103
|
"divider_width": "width",
|
|
91
104
|
"divider_height": "height",
|
|
92
105
|
"more_arrow_size": "font-size"
|
|
93
106
|
},
|
|
94
|
-
"$note": "对应设计侧 list-page §5/§26.14：纯文字链接、无图标、短分割线隔离（1px×14px）、>=3 个折叠到更多（带 10px
|
|
107
|
+
"$note": "对应设计侧 list-page §5/§26.14：纯文字链接、无图标、短分割线隔离（1px×14px）、>=3 个折叠到更多（带 10px 箭头）、表头文字居中；操作列固定宽 160px + white-space:nowrap 禁止换行（按钮挤行多行 = 还原差异主因之一，v1.1.0 补 column_width/nowrap 字段）。项目侧落地手段：ReTableOperate 的 list 项去 icon 字段 + type:danger 表达红色删除 + limit 折叠 + 列宽 props；折叠阈值为组件 props（结构层），不在样式映射内。fieldPending 机制提示：设计侧声明本点位但未带 min_width/column_width 时，AI 施工必须回填出厂值 160px/nowrap 并在交付说明注明，禁止留空导致按钮换行"
|
|
95
108
|
},
|
|
96
109
|
"admin.content.table.cell_amount": {
|
|
97
110
|
"type": "element",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$comment": "admin 场景 · 布局模块语义 ID 全属性映射（vue3-web-temp 框架组件实证）。每条含结构定位（selector/file）、形态切换（forms）、样式映射（css_vars 优先 + custom_style_map 兜底）。style_scope 为样式必须包裹的容器类名；:root 表示全局令牌层。",
|
|
2
|
+
"$comment": "admin 场景 · 布局模块语义 ID 全属性映射（vue3-web-temp 框架组件实证）。每条含结构定位（selector/file）、形态切换（forms）、样式映射（css_vars 优先 + custom_style_map 兜底）。style_scope 为样式必须包裹的容器类名；:root 表示全局令牌层。v1.1.0：新增 admin.layout.header.collapse_trigger（顶栏内嵌折叠按钮，对应设计侧 unified-framework §6.23；出厂折叠在侧栏底部，header_inline 形态走 v-if 保形插入）。",
|
|
3
3
|
"meta": {
|
|
4
4
|
"layer": "scene",
|
|
5
5
|
"scene": "admin",
|
|
6
6
|
"domain": "layout",
|
|
7
|
-
"version": "1.
|
|
7
|
+
"version": "1.1.0",
|
|
8
8
|
"tech_stack": "vue3 + element-plus + vue3-web-temp"
|
|
9
9
|
},
|
|
10
10
|
"mappings": {
|
|
@@ -96,6 +96,7 @@
|
|
|
96
96
|
"style_scope": ".navbar",
|
|
97
97
|
"default_props": { "height": "var(--vts-bar-height)" },
|
|
98
98
|
"children": [
|
|
99
|
+
"admin.layout.header.collapse_trigger",
|
|
99
100
|
"admin.layout.header.logo_area",
|
|
100
101
|
"admin.layout.header.breadcrumb",
|
|
101
102
|
"admin.layout.header.lang_switch",
|
|
@@ -164,6 +165,28 @@
|
|
|
164
165
|
},
|
|
165
166
|
"$note": "inline_switch 并排切换形态需增量插入片段（变更集 form=inline_switch 时按 V3.0 §4.2 v-if 保形切换，不删原代码）"
|
|
166
167
|
},
|
|
168
|
+
"admin.layout.header.collapse_trigger": {
|
|
169
|
+
"type": "element",
|
|
170
|
+
"selector": ".navbar .header-collapse-btn",
|
|
171
|
+
"file": "src/layout/components/lay-navbar/index.vue（顶栏内嵌形态为增量插入；出厂折叠按钮位于侧栏，见 admin.layout.sidebar.collapse_trigger）",
|
|
172
|
+
"style_scope": ".navbar",
|
|
173
|
+
"forms": {
|
|
174
|
+
"header_inline": "顶栏内嵌折叠按钮（设计规范 unified-framework §6.23：40×40 纯图标、无左内边距、与首页页签左对齐、hover 仅文字加深无背景变化）——出厂无此元素，按 ReLanguageSwitch inline_switch 同款 v-if 保形插入机制落地，不删侧栏折叠条代码",
|
|
175
|
+
"sidebar_bottom": "出厂现状：侧栏底部折叠条（SidebarLeftCollapse）",
|
|
176
|
+
"sidebar_center": "侧栏侧缘中点（SidebarCenterCollapse）"
|
|
177
|
+
},
|
|
178
|
+
"css_vars": {
|
|
179
|
+
"icon_color": "--el-text-color-regular",
|
|
180
|
+
"hover_bg": "--el-fill-color-light"
|
|
181
|
+
},
|
|
182
|
+
"custom_style_map": {
|
|
183
|
+
"btn_width": "width",
|
|
184
|
+
"btn_height": "height",
|
|
185
|
+
"icon_size": "font-size",
|
|
186
|
+
"border_radius": "border-radius"
|
|
187
|
+
},
|
|
188
|
+
"$note": "设计规范把折叠按钮定义在顶栏最左（与页签栏首页页签左对齐）。form=header_inline 时 AI 增量插入按钮片段（useApp isCollapse 切换），样式全部走 custom_style_map 生成的 :deep 隔离规则；出厂 sidebar_bottom 形态保留不删（显隐≠删除）。新增（2026-09-08 场景还原对账：设计侧有 §6.23 参数、项目侧无承接点位，折叠按钮位置还原失败的主因）"
|
|
189
|
+
},
|
|
167
190
|
"admin.layout.header.fullscreen": {
|
|
168
191
|
"type": "component",
|
|
169
192
|
"component": "SidebarFullScreen",
|
package/package.json
CHANGED
|
@@ -136,7 +136,13 @@ node parser/index.js match --batch <changesets-dir>
|
|
|
136
136
|
- [ ] 两层样式全部落在 `style_scope` 作用域内，无全局泄漏
|
|
137
137
|
- [ ] **类名冲突检查（AI 施工硬性步骤）**：新增 class 之前先在目标文件与同作用域全局样式中检索同名类——已存在时禁止直接追加重复定义，按三选一处理并在交付说明申报：① 语义相同 → **合并**进既有规则；② 语义不同 → 改用带点位前缀的新类名（如 `vts-<语义id末段>`）；③ 确需覆盖 → 走作用域内更高优先级（不写 `!important`）。重复类名（尤其跨 `<style>` 块的 scoped 样式重复定义）会触发编辑器/构建报错，**本项不通过不得交付**
|
|
138
138
|
- [ ] **文本溢出回归检查**：改动侧栏菜单/顶栏/页签等含文字的模块后，必须确认「长文本显示」未被破坏（菜单项名称完整可见，必要时保留 ellipsis 溢出策略而不是隐藏/截断）；宽度相关字段（width/min-width/padding）改动后逐项目视验证
|
|
139
|
-
- [ ]
|
|
139
|
+
- [ ] **形态与存在性目视验证（2026-09-08 追加，历史漏还原高发区）**：变更集声明了以下意图时，逐项在页面上确认真实生效，声明了但没做的视同未交付——
|
|
140
|
+
- 语言切换 form=inline_switch → 顶栏出现「中|EN」并排文字（不再是纯图标）
|
|
141
|
+
- 折叠按钮 form=header_inline → 顶栏最左出现 40×40 折叠按钮且与首页页签左对齐
|
|
142
|
+
- 操作栏 form=with_tools/left_batch → 刷新/密度/列设置三件套齐全；批量删除红底/导出白底/未选中置灰
|
|
143
|
+
- 操作列声明过 form 或样式 → 按钮单行不换行（列宽 ≥160px + nowrap）
|
|
144
|
+
- tabs form → 页签形态切换生效（chrome/card）；激活态无主题色下划线（设计规范口径）
|
|
145
|
+
- [ ] **dark.scss 暗色同步**：新增视觉规则在 `html.dark` 有对应覆盖
|
|
140
146
|
- [ ] 待补充清单已如实反馈（含点位 ID + 缺失字段名），未擅自补映射
|
|
141
147
|
- [ ] `node parser/index.js build --dry` 通过（mapping 若有临时新增）
|
|
142
148
|
|