@qilitt-mickey/vue3-temp-skill 1.1.48 → 1.1.50

package/mapping/scenes/admin/content.json

@@ -73,13 +73,26 @@
     },
     "admin.content.table.operation_bar": {
       "type": "element",
-      "selector": ".vts-action-bar",
-      "file": "条件通道：ReTableBar 内部工具栏行（标题/按钮/工具三件套所在行）是本条目的唯一合法挂载点；该行出厂**无语义类**，selector 命中前须按 structure_ops 给该行补挂 .vts-action-bar（属补通道，交付说明单列申报）。禁止挂到 ReTableBar 根节点（见 preconditions）。右侧工具三件套源码实证：刷新 svg-icon + el-dropdown 密度（宽松/默认/紧凑）+ el-popover 列设置",
+      "selector": ".vts-page-card .flex-between > .flex-end（ReTableBar 内部工具栏行右侧容器，bar.vue JSX 实证 div.flex-end）",
+      "file": "条件通道实证（2026-09-20 复核）：.vts-action-bar 类**全项目无模板挂载**（仅 element-plus.scss 有样式定义、无消费者）——历史 selector 锚定 .vts-action-bar 属「应该在」而非「实际在」，导致设计层规则全部落空（工具钮裸排事故）。本 selector 改锚真实出厂 DOM；.vts-action-bar 作为可选增强通道保留在 element-plus.scss，页面按需自行挂载后设计层规则自动命中。右侧工具三件套源码实证：刷新 svg-icon + el-dropdown 密度（宽松/默认/紧凑）+ el-popover 列设置",
       "style_scope": ".vts-page-card",
       "forms": {
         "with_tools": "工具三件套（刷新/密度/列设置）齐全——设计规范 list-page §4 要求三件套缺一不可（ReTableBar 出厂已具备，此为默认形态）",
+        "tools_labeled": "边框文字钮形态：三件套从「纯图标 + 竖分隔线」换装为「图标 + 文案」的 1px 边框钮（高/圆角/字号走 tools_* 字段族，hover 文字与边框变主色）——出厂 svg-icon 结构保留，文案由业务侧 slots 或 AI 增量插入 span 补齐（结构增量，不删原节点）；suppress 必含 tool_divider（出厂两条 el-divider direction=vertical 与边框钮观感互斥，不收口 = 图标钮与边框钮混排）",
         "left_batch": "左侧批量操作区（批量删除红底 + 批量导出白底，未选中置灰 opacity 0.4 + cursor not-allowed）——经 slots.buttons 插入，出厂多数 demo 未用"
       },
+      "suppress_rules": {
+        "tools_labeled": ["tool_divider"]
+      },
+      "field_forms": {
+        "tools_btn_height": ["tools_labeled"],
+        "tools_btn_radius": ["tools_labeled"],
+        "tools_font_size": ["tools_labeled"],
+        "tools_icon_size": ["tools_labeled"],
+        "tools_text_color": ["tools_labeled"],
+        "tools_hover_color": ["tools_labeled"],
+        "tools_btn_gap": ["tools_labeled"]
+      },
       "css_vars": {
         "gap": "--action-bar-gap",
         "padding_y": "--action-bar-padding-y"
@@ -89,24 +102,34 @@
         "btn_radius": "border-radius",
         "btn_font_size": "font-size",
         "batch_delete_bg": "background-color",
-        "batch_disabled_opacity": "opacity"
+        "batch_disabled_opacity": "opacity",
+        "tools_btn_height": "height",
+        "tools_btn_radius": "border-radius",
+        "tools_font_size": "font-size",
+        "tools_btn_gap": "gap"
       },
       "anchors": [
-        { "kind": "class", "layer": "inner", "target": ".vts-action-bar" },
-        { "kind": "class", "layer": "inner", "target": ".vts-action-bar .el-button" },
+        { "kind": "class", "layer": "inner", "target": ".vts-page-card .flex-between > .flex-end" },
+        { "kind": "class", "layer": "inner", "target": ".vts-page-card .flex-end .el-button" },
+        { "kind": "class", "layer": "inner", "target": ".vts-page-card .flex-end .vts-tool-btn" },
         { "kind": "css_var", "target": "--action-bar-gap" },
         { "kind": "css_var", "target": "--action-bar-padding-y" }
       ],
+      "sub_selectors": {
+        "$comment": "工具三件套部件点位（bar.vue JSX 实证）：刷新 svg-icon[name=refresh]、密度 el-dropdown>svg-icon[name=collapse]、列设置 el-popover reference 槽 svg-icon[name=tools]；出厂右侧容器 = 工具栏行 .flex-between 的 .flex-end 子容器。form=tools_labeled 时按钮壳与文案按此定位增量插入",
+        "tools": ".vts-page-card .flex-between > .flex-end",
+        "tool_btn": ".vts-page-card .flex-end .vts-tool-btn"
+      },
       "preconditions": [
-        "挂载点唯一合法位置 = ReTableBar 内部工具栏行（出厂已挂 .vts-action-bar）。禁止把 .vts-action-bar 挂到 ReTableBar 根节点：根节点是「工具栏行 + 表格 + 分页」的纵向复合容器，而 .vts-action-bar 是 flex-direction: row —— 挂根节点会让工具栏与表格并排、表格被挤压、tableHeight 实测失准（已发生的事故，勿复发）。",
-        "本条目 sid 锚点只能落在 ReTableBar 根节点（页面透传 attrs 到根），样式落点是内层工具栏行 —— anchors 的 layer 必须区分 host / inner，verify 抽取按 anchors.target 而非 sid 所在节点。",
+        "挂载点实证（2026-09-20 复核修正）：出厂右侧容器是 .flex-between > .flex-end（真实存在），历史锚点 .vts-action-bar 全项目无模板挂载（仅样式定义、零消费者）——设计层规则写到 .vts-action-bar 上全部落空（工具钮裸排事故根因）。词典 selector 必须锚定源码实证存在的 DOM；「应该在」的点位未经 structure_ops 补挂 = 不存在。",
+        "本条目样式落点是 ReTableBar 内部工具栏行内容器——禁止把容器级样式（flex-direction 等）写到 ReTableBar 根节点：根节点是「工具栏行 + 表格 + 分页」的纵向复合容器，写根节点会让工具栏与表格并排、表格被挤压、tableHeight 实测失准（已发生的事故，勿复发）。",
         "gap / padding 的 CSS 变量必须在项目样式中存在消费者（var() 引用），只定义不消费 = 死通道。--action-bar-padding-y 供 padding-block，最多两个值（如 20px 8px），给三个值整条声明即失效。"
       ],
       "priority": {
         "strategy": "scope_qualified",
-        "reason": "出厂 .vts-action-bar 类位 1，作用域限定（html body .vts-table-area .vts-action-bar）即可覆盖；但不得把样式写到 ReTableBar 根节点上。"
+        "reason": "出厂 .flex-end 类位 1（uno 约定类，无 scoped 竞争），作用域限定到 .vts-page-card 前缀即可覆盖；但不得把容器级样式写到 ReTableBar 根节点上。"
       },
-      "$note": "设计意图（list-page §4/§11.25-11.36）：flex 两端对齐、pad 20px 20px 8px、左侧批量（未选中置灰 opacity 0.4 + not-allowed）、右侧工具三件套缺一不可。分工：本条目管容器布局与置灰；批量删除红色按钮本体走 component.button.danger。demo 噪音按钮去留属业务层，交付说明申报后由项目侧业务闭环移除"
+      "$note": "设计意图（list-page §4/§11.25-11.36）：flex 两端对齐、pad 20px 20px 8px、左侧批量（未选中置灰 opacity 0.4 + not-allowed）、右侧工具三件套缺一不可。分工：本条目管容器布局与置灰；批量删除红色按钮本体走 component.button.danger。demo 噪音按钮去留属业务层，交付说明申报后由项目侧业务闭环移除。⚠tools_labeled 形态（效果图口径）：三件套为「图标16px+文案」32px 边框钮（border 1px、radius 6px、gap 6px、hover 文字/边框主色），与出厂「纯图标20px+竖分隔线」是**形态互斥**——声明 tools_labeled 必须同时 suppress tool_divider（隐藏出厂 el-divider），并按结构增量给每个 svg-icon 套 .vts-tool-btn 按钮壳 + 文案 span（结构施工，design-apply 底线二豁免）。"
     },
     "admin.content.table.operation_column": {
       "type": "element",
@@ -123,6 +146,12 @@
         "divider_color": "--re-op-divider-color",
         "divider_gap": "--re-op-divider-gap"
       },
+      "field_forms": {
+        "slot_width": ["text_link", "icon_text"]
+      },
+      "data_channels": {
+        "slot_width": "等宽槽宽度通道（⚠2026-09-20 语义重写·动态优先）：**槽宽默认由组件按按钮文案动态自适应**（ReTableOperate 的 --re-op-slot-w 在 slotMinWidth 省略时走 resolveOperateSlotWidthPx 自动推算），变更集**不声明 slot_width、业务页不传 slot-min-width** ——设计只声明 divider 几何（width/height/margin_x），槽宽随内容走、divider_margin_x 对称由槽内居中兑现（历史事故①：声明 60px 钉死槽宽违反动态优先；历史事故②：槽内 flex-start 使短文案按钮残白全堆到分割线前侧 → 线前 40px/线后 8px 视觉不等距，第五轮截图实证）。仅当设计效果图确实要求**统一槽宽**（如所有操作列等宽对齐网格）时例外：变更集显式声明 slot_width → 施工落业务页 prop（结构通道），禁 CSS 仿冒；无此明确设计意图 = 保持动态。等宽槽本体是对齐机制（槽边界保证行间第 N 项对齐），机制本身禁 CSS 收口 width:auto"
+      },
       "$note": "操作列分割线为**条件通道**：出厂组件当前**没有**分割线元素——声明 divider_color / divider_gap 时，必须先按 structure_ops 在 ReTableOperate 模板按钮间 add_node `<span class=\"re-table-operate__divider\">`（中性元素，几何与颜色全走令牌：width/height/gap/color 分别挂 --re-op-divider-width/height/gap/color，出厂缺省 0 不可见），并同步给 resolveOperateColumnWidth 公式补分割线占位（(limit-1)×(width+2×gap)），否则最后按钮被裁——元素与公式缺一即申报补通道失败。列宽由组件公式推算，业务页禁止写死 width——列宽属业务层，设计侧不声明列宽（操作列除外）。",
       "custom_style_map": {
         "align": "text-align",
@@ -132,6 +161,7 @@
         "divider_width": "width",
         "divider_height": "height",
         "divider_margin_x": "margin-inline",
+        "divider_color": "background-color",
         "more_arrow_size": "font-size",
         "more_arrow_gap": "gap",
         "vertical_align": "vertical-align",
@@ -145,9 +175,17 @@
         { "kind": "class", "layer": "host", "target": ".vts-table-area .el-table__cell:has(.re-table-operate)" },
         { "kind": "class", "layer": "inner", "target": ".vts-table-area .el-table__cell:has(.re-table-operate) > .cell" }
       ],
+      "sub_selectors": {
+        "$comment": "divider_* 字段按前缀路由到分割线元素本体（出厂平铺按钮间 v-if=\"i > 0\" 已有 .re-table-operate__divider；「更多」槽前无元素须按 structure_ops 增量补挂）",
+        "divider": ".vts-page-card .re-table-operate .re-table-operate__divider"
+      },
       "preconditions": [
         "按钮之间的间距由分割线元素的左右 margin 承载，不是按钮自身 gap：必须先存在分割线元素（ReTableOperate 默认不渲染 divider，需按 structure_ops 补槽位），divider_width / divider_height / divider_margin_x 才有落点——这是「操作列按钮间距没还原」的根因。",
-        "「纯文字无图标」是数据侧结论：图标来自业务页列定义的 operateButtons[].icon，只写 form=text_link 而不移除数据里的 icon = 未落地（改 CSS 不算）。"
+        "「纯文字无图标」是数据侧结论：图标来自业务页列定义的 operateButtons[].icon，只写 form=text_link 而不移除数据里的 icon = 未落地（改 CSS 不算）。",
+        "「更多」折叠槽前必须有分割线：组件出厂模板只在平铺按钮之间渲染 divider（v-if=\"i > 0\"），平铺末位与「更多」槽之间无分割线元素——效果图口径是每个按钮之间都要有且等距，施工时须按 structure_ops 给「更多」槽前补 divider（或把「更多」并入 v-for 让 i 计数覆盖），缺线 = 最后一段间距失真（历史缺口：查看│编辑 更多 之间无线）。",
+        "等宽槽（--re-op-slot-w）是行间纵向对齐的唯一机制：设计层禁止覆写 .re-table-operate__slot 宽度为 auto，CSS 收口 auto = 各行按钮漂移、竖线间距不一致（历史事故：孔雀绿 160px 紧凑型被 CSS 收口 auto）。",
+        "⚠槽宽三态判定（2026-09-20 通用编排，与 data_channels.slot_width 配套）：①**默认=动态自适应**——组件按最长文案自动推算槽宽，变更集不声明 slot_width、业务页不传 slot-min-width（设计只管 divider 几何；钉死固定值 = 短文案按钮残白堆到分割线前侧、线距视觉不等，60px 事故实证）；②**例外=统一槽宽**——设计效果图明确所有操作列等宽网格时才声明 slot_width，施工落业务页 prop 禁 CSS 仿冒；③**机制不可 CSS 化**——无论哪态，禁在设计层覆写 __slot 宽度。判据一句话：**槽宽是内容推算的机制值，不是设计声明值；设计声明divider，不声明槽宽**。",
+        "⚠对齐语义两级契约（2026-09-20 第五轮截图复核，替代第四轮单级结论）：**容器级 flex-start + 槽内 center**。①容器级（.re-table-operate）必须 justify-content: flex-start——按钮数不同的行（2 项 vs 3 项）整组从左起点排布，行组不漂移；容器级 center 是历史误结论，禁用（各行各自居中 → 槽边界漂移、竖线竖向错位）。②槽内级（.re-table-operate__slot 与槽内 .el-button）必须 justify-content: center——等宽槽宽按最长文案推算（如「更多」3 字=60px），2 字按钮（28px）靠左会把 32px 残白全堆到分割线前侧 → 线前 40px/线后 8px 视觉不等距（第五轮截图实证：竖线贴右按钮）；居中后 divider_margin_x 两侧对称才成立。行间第 N 项对齐由**等宽槽边界**保证（槽宽全行统一），不受槽内对齐影响——第四轮「槽内也 flex-start」是把容器级结论过度泛化到槽级，勿复发。"
       ],
       "priority": {
         "strategy": "scope_qualified",
@@ -215,6 +253,7 @@
       ],
       "preconditions": [
         "出厂 element-plus.scss 已给 .el-table .el-table__cell 设了 padding（var(--vts-space-xs) 0），本条目字段必须落 host 层才能覆盖它；写在 inner 层只改内层文本盒，观感上「改了没反应」。",
+        "几何语境随值迁移：padding/padding_x/padding_y 落宿主 td 时必须同步声明 suppress_inner（内层 .cell padding 清零口径）——出厂内层 .cell 自带 padding 0 12px，不清零则两层之和 ≠ 设计值（28px/侧 → 列挤坏）。",
         "行高由「单元格 padding + 内容行高」共同决定；声明行高档位时必须同时给出 padding 取值，只改其一会得到非预期行高。"
       ],
       "priority": {
@@ -356,6 +395,7 @@
       ],
       "preconditions": [
         "行高由「单元格 padding + 内容行高」共同决定（见 admin.content.table.cell）——声明行高档位时必须同时给出 padding 取值，只改其一会得到非预期行高。",
+        "几何语境随值迁移：padding_x 落宿主 th/td 时必须同步声明 suppress_inner（内层 .cell padding 清零口径）——出厂内层 .cell 自带 padding 0 12px，不清零则两层之和 ≠ 设计值。",
         "出厂密度档位由 ReTableBar 的 size（large/default/small，源码实证 bar.vue 的宽松/默认/紧凑三项）驱动；设计侧只声明档位意图（form.density），具体 padding 由本项目按常规取值落定，不得照抄效果图某实例数据的行高。"
       ],
       "priority": {

package/mapping/scenes/admin/layout.json

@@ -55,10 +55,25 @@
       "style_scope": ".sidebar-container",
       "forms": {
         "pill": "整块胶囊底色高亮（sidebar.scss 消费 --vts-theme-menu-active-bg，带 !important）。suppress 必含 right_indicator_legacy——出厂 element-plus.scss 的 .el-menu-item.is-active{border-right:var(--menu-active-border-right)} 是活通道，不收口会出现左右两根竖条并存",
-        "indicator_left": "左侧竖条指示：先在本作用域覆写 --vts-theme-menu-active-bg: transparent 关胶囊，再于设计层新建 ::after 竖条（left:0）消费 --vts-theme-menu-active-before。suppress 必含 right_indicator_legacy",
-        "indicator_right": "右侧竖条指示：同上关胶囊后 ::after 挂 right:0。出厂右竖条通道 --menu-active-border-right（element-plus.scss 消费、design-tokens.scss 定义为 3px solid 品牌色）是活通道，可复用也可收口后自建，二选一必须显式声明",
-        "indicator_underline": "底部横线指示：关胶囊后 ::after 挂 bottom:0（宽取 100% 或指定宽度，厚取 indicator_thickness）。suppress 必含 right_indicator_legacy",
-        "none": "无指示：胶囊与竖条均关闭，仅文字变色。suppress 必含 right_indicator_legacy"
+        "indicator_left": "仅左竖条指示、无胶囊：先在本作用域覆写 --vts-theme-menu-active-bg: transparent 关胶囊，再于设计层新建 ::after 竖条消费 --vts-theme-menu-active-before。suppress 必含 right_indicator_legacy",
+        "indicator_right": "仅右竖条指示、无胶囊：同上关胶囊后 ::after 挂 right:0。出厂右竖条通道 --menu-active-border-right（element-plus.scss 消费、design-tokens.scss 定义为 3px solid 品牌色）是活通道，可复用也可收口后自建，二选一必须显式声明",
+        "indicator_underline": "仅底部横线指示、无胶囊：关胶囊后 ::after 挂 bottom:0（宽取 100% 或指定宽度，厚取 indicator_thickness）。suppress 必含 right_indicator_legacy",
+        "none": "无指示：胶囊与竖条均关闭，仅文字变色。suppress 必含 right_indicator_legacy",
+        "pill_indicator_left": "胶囊底色 + 左竖条**并存**复合形态（设计实证：效果图 .menu-item.active 同时声明 background:var(--primary) 与 ::before 竖条）：胶囊照 pill 走 --vts-theme-menu-active-bg；竖条照 indicator_left 走 --vts-theme-menu-active-before（设计层新建 ::after/::before 消费者）。suppress 必含 right_indicator_legacy（出厂右竖条必须收口）。⚠菜单项宿主盒必须声明 margin 横向内缩（custom_style_map margin_x），否则竖条负偏移落进容器外被 overflow 裁掉——竖条偏移值以「容器 padding − 竖条 left 偏移」为语境换算，禁止照搬外部效果图常量"
+      },
+      "suppress_rules": {
+        "pill": ["right_indicator_legacy"],
+        "indicator_left": ["right_indicator_legacy"],
+        "indicator_right": ["right_indicator_legacy"],
+        "indicator_underline": ["right_indicator_legacy"],
+        "none": ["right_indicator_legacy"],
+        "pill_indicator_left": ["right_indicator_legacy"]
+      },
+      "field_forms": {
+        "active_indicator_width": ["indicator_left", "indicator_right", "indicator_underline", "pill_indicator_left"],
+        "active_indicator_thickness": ["indicator_left", "indicator_right", "indicator_underline", "pill_indicator_left"],
+        "active_indicator_style": ["indicator_left", "indicator_right", "indicator_underline", "pill_indicator_left"],
+        "menu_active_bg": ["pill", "pill_indicator_left"]
       },
       "css_vars": {
         "menu_bg": "--vts-theme-menu-bg",
@@ -78,6 +93,7 @@
         "active_indicator_thickness": "height",
         "active_indicator_style": "border-radius",
         "padding_y": "padding-block",
+        "margin_x": "margin-inline",
         "font_size": "font-size",
         "font_weight": "font-weight",
         "text_color": "color"
@@ -96,7 +112,7 @@
         "strategy": "deep_qualified",
         "reason": "出厂 sidebar.scss 的胶囊规则用 !important，设计层需以同等或更高权重覆盖。"
       },
-      "$note": "侧栏配色挂载点为 html[data-theme='xxx']（theme.scss 8 套预设）；设计输出深色侧栏 → Theme=default + Version++（useTheme 规则），浅色 → Theme=light。⚠文本完整性红线：菜单项名称必须完整显示（el-menu 自带 ellipsis 折叠溢出菜单），禁止改 menu 文本截断/隐藏策略；item_height 加大时确认行高不挤压文字。宽度类改动（--sidebar-width）后必须目视验证长菜单名显示。⚠激活态出厂中性基线（禁止把某张图的结论写进源码）：出厂形态 = pill 胶囊高亮；--vts-theme-menu-active-before 出厂默认 transparent 且**全项目无消费者**（死通道）。因此 form=indicator_* 时必须在本条目 style_scope 内成对落地两件事才算施工完成——① 覆写 --vts-theme-menu-active-bg: transparent 关胶囊；② 在设计层文件（不可写出厂 sidebar.scss）新建 ::after 消费者引用 var(--vts-theme-menu-active-before)。缺任一项 = 「映射了却没效果」。所有几何参数（方位/粗细/长度/圆角/内缩）取自变更集 style 字段，禁止写死 left:0 / 3px 等常量。"
+      "$note": "侧栏配色挂载点为 html[data-theme='xxx']（theme.scss 8 套预设）；设计输出深色侧栏 → Theme=default + Version++（useTheme 规则），浅色 → Theme=light。⚠文本完整性红线：菜单项名称必须完整显示（el-menu 自带 ellipsis 折叠溢出菜单），禁止改 menu 文本截断/隐藏策略；item_height 加大时确认行高不挤压文字。宽度类改动（--sidebar-width）后必须目视验证长菜单名显示。⚠激活态出厂中性基线（禁止把某张图的结论写进源码）：出厂形态 = pill 胶囊高亮；--vts-theme-menu-active-before 出厂默认 transparent 且**全项目无消费者**（死通道）。因此 form=indicator_* / pill_indicator_left 时必须在本条目 style_scope 内成对落地两件事才算施工完成——① 竖条消费者（form 不含 pill 时另需覆写 --vts-theme-menu-active-bg: transparent 关胶囊）；② 在设计层文件（不可写出厂 sidebar.scss）新建 ::after/::before 消费者引用 var(--vts-theme-menu-active-before)。缺任一项 = 「映射了却没效果」。所有几何参数（方位/粗细/长度/圆角/内缩）取自变更集 style 字段，禁止写死 left:0 / 3px 等常量。⚠field_forms 硬闸（parser G7 机检）：style 声明的字段必须被当前 form 消费——如 active_indicator_* 只在 indicator_* / pill_indicator_left 形态下有消费者，声明 pill 却带竖条字段 = 字段被静默丢弃（历史事故：孔雀绿变更集声明 pill + active_indicator_*，设计层按 pill 施工把竖条令牌置透明，效果图要求的左竖条消失）。"
     },
     "admin.layout.sidebar.collapse_trigger": {
       "type": "element",
@@ -107,6 +123,10 @@
         "bottom_bar": "SidebarLeftCollapse（底部条，出厂默认）",
         "center_edge": "SidebarCenterCollapse（侧缘中点，折叠/悬停时显示）"
       },
+      "suppress_rules": {
+        "center_edge": ["bottom_bar"],
+        "bottom_bar": ["center_edge"]
+      },
       "css_vars": {
         "bar_height": "--sidebar-collapse-bar-height"
       },
@@ -190,6 +210,9 @@
         "icon_only": "出厂现状：纯图标触发器（.language-trigger > .language-icon），下拉菜单选语言",
         "inline_switch": "并排切换形态（下拉项平铺为触发器旁的切换组）"
       },
+      "suppress_rules": {
+        "inline_switch": ["icon_only"]
+      },
       "css_vars": {
         "icon_color": "--el-text-color-regular",
         "hover_bg": "--el-fill-color-light"
@@ -216,6 +239,9 @@
         "sidebar_bottom": "出厂现状：侧栏底部折叠条（SidebarLeftCollapse）",
         "sidebar_center": "侧栏侧缘中点（SidebarCenterCollapse）"
       },
+      "suppress_rules": {
+        "header_inline": ["sidebar_bottom", "sidebar_center"]
+      },
       "css_vars": {
         "icon_color": "--el-text-color-regular",
         "hover_bg": "--el-fill-color-light"
@@ -273,6 +299,11 @@
         "avatar_only": "仅头像",
         "name_only": "仅用户名"
       },
+      "suppress_rules": {
+        "greeting_name": ["avatar_name"],
+        "avatar_only": ["avatar_name"],
+        "name_only": ["avatar_name"]
+      },
       "sub_selectors": {
         "$comment": "avatar/name 为点位内部部件，不设独立语义 ID（符合 4 段 ID 上限）；样式字段按前缀路由到对应选择器。form 含 greeting 时新增节点统一用 class 前缀 vts-header-greeting / vts-header-username（插入前先查重名）",
         "avatar": ".navbar-right .el-dropdown-link img",
@@ -315,6 +346,18 @@
         "card": "卡片页签（ShowModel=card）：圆角卡片底 + --vts-tag-card-* 整组令牌 + 关闭钮 hover 才显现（出厂 opacity:0）",
         "flat": "平面页签（设计规范口径，出厂无此形态）：ShowModel 仍设 card（复用 card 结构 = 图标槽 + 关闭钮 + resolveCardTabIcon 数据驱动），平面观感全部由设计层覆写达成 —— ① --vts-tag-card-idle-bg/hover-bg/active-bg 置 transparent；② --vts-tag-card-radius 与 --vts-tag-card-gap 置 0；③ 激活态仅文字/图标变主色 + font-weight 500，不加 border-bottom / box-shadow；④ 关闭钮 opacity 覆写为常显值（出厂 card 为 0）；⑤ 首页页签项宽=高=--vts-tag-card-height 居中呈方块；⑥ 页签间 1px×100% 贯穿分割线（card 无该元素，需设计层 ::after/::before 新建）。几何与色值一律取自变更集 style 字段，禁止写死常量"
       },
+      "suppress_rules": {
+        "flat": [
+          "card_idle_bg",
+          "card_active_bg",
+          "card_hover_bg",
+          "card_radius",
+          "card_gap",
+          "card_active_text",
+          "card_idle_text",
+          "card_close_color"
+        ]
+      },
       "css_vars": {
         "height": "--tabs-height",
         "chrome_inset_top": "--vts-tag-chrome-inset-top",
@@ -339,13 +382,16 @@
         { "kind": "class", "layer": "inner", "target": ".tags-view .scroll-container" }
       ],
       "preconditions": [
-        "容器内边距出厂由组件样式给出（非 0），设计要求「内边距归零、首页页签与折叠按钮左对齐」时必须显式声明 padding_inline，不声明即保留出厂值（这是「首页页签不贴左缘」的根因）。"
+        "容器内边距出厂由组件样式给出（非 0），设计要求「内边距归零、首页页签与折叠按钮左对齐」时必须显式声明 padding_inline，不声明即保留出厂值（这是「首页页签不贴左缘」的根因）。",
+        "⚠ShowModel 运行时缓存坑：showModel 经 responsive-storage 持久化于 localStorage（命名空间 responsive-），platform-config.json 改 ShowModel 后**旧缓存仍生效**——项目侧施工 ShowModel 时必须同步清 localStorage（或 Version++ 触发响应式存储失效），否则模板代码已换、运行时仍渲染旧形态，页签「样式完全不对」多半是缓存残留而非映射失败。施工后验证口径：浏览器 DevTools Application→Local Storage 清 responsive-* 键后刷新再比对。",
+        "⚠ShowModel 三分支运行时兜底（2026-09-20 截图复核）：useTags.ts 实证 showModel 读取链 = localStorage → fallback **'smart'**（platform-config 的 ShowModel 只在 storage 初始化时生效）；而模板 DOM 只实现 chrome / card 两分支（v-if / v-else-if），smart 落入 v-else 裸分支——**无 .card-item / .card-tab 类**，锚定 card 结构的设计层规则全部不命中，仅锚定 .scroll-item 的规则（分割线等）命中 → 同一页签栏「半新半旧」混合观感（截图实证：底色块残留 + 分割线在）。因此 form=flat 施工必须**三分支全覆盖**：① 锚定 .card-item / .card-tab 的规则之外，同步给出锚定 .scroll-item 直系（不限形态类）的兜底规则（盒几何/底色透明/激活态），或在词典 preconditions 声明「ShowModel 须确保运行时为 card」（清缓存 + platform-config 双写）——二选一必须做，只写 card 锚点 = smart 残余分支裸奔。",
+        "⚠ShowModel 三件套硬闸（2026-09-20 复盘升级，G4 T 通道施工必须项）：仅改 platform-config.ShowModel **不生效**——showModel 读 localStorage，而 localStorage 只在 platform-config.Version 变化时经 responsive.ts invalidateStorageIfConfigVersionChanged 重灌（历史事故：孔雀绿还原只改了 ShowModel=card，Version 停留 0.0.5，浏览器残留 chrome 形态缓存 → card/smart 兜底规则双双不命中、页签零变化）。form 涉及页签形态时施工三件套缺一不可：① platform-config.ShowModel = form 对应值（flat→card）；② platform-config.Version 自增一位（0.0.5→0.0.6，触发缓存失效重灌）；③ 渲染取证断言 .scroll-item.card-item 实际挂载（DevTools 或 DOM 断言），不许只看代码改没改。漏②=代码对但运行时仍旧形态（本轮实证）；漏③=无渲染证据自嗨绿。"
       ],
       "priority": {
         "strategy": "deep_qualified",
         "reason": "容器内边距规则写在组件 scoped 内，与设计层同权重，需显式提权。"
       },
-      "$note": "showModel 由 platform-config.json ShowModel 字段切换；smart/line 模板未实现，映射层按 chrome/card 两形态处理"
+      "$note": "showModel 由 platform-config.json ShowModel 字段声明、但运行时实值由 localStorage 决定（Version++ 才重灌）——施工按 preconditions 三件套执行；smart/line 模板未实现，映射层按 chrome/card 两形态处理"
     },
     "admin.layout.tabs.home_tab": {
       "type": "element",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qilitt-mickey/vue3-temp-skill",
-  "version": "1.1.48",
+  "version": "1.1.50",
   "type": "module",
   "description": "Vue 3 企业级中后台项目开发规范技能包 — core-kernel 架构、按需功能模块",
   "bin": {

package/parser/fixtures/changeset-fullpage-restore.json

@@ -1,9 +1,11 @@
 {
-  "$comment": "端到端示例 · 整页场景还原（对照效果图逐模块提取的完整交付样例，模拟设计技能真实产出）。覆盖：global 主题 + 壳层全模块 + 列表页全字段 + 表格细粒度点位（操作列形态/状态Tag/金额对齐/缩略图）+ pending 新点位。值口径演示：主题色用语义值（钴蓝-N/错误色）、尺寸用数值字面量（28px/40px 等，设计侧 v1.0 协议第 3 条合法通道）、灰阶用临时主题 hex + notes 申报。业务功能差异（新增运单按钮功能、demo 演示按钮去留）不在本变更集范围，走项目侧业务闭环开发（双层交付）。运行：node parser/index.js match <本文件>（cwd 为 skill 根）。",
+  "$comment": "端到端示例 · 整页场景还原（对照效果图逐模块提取的完整交付样例，模拟设计技能真实产出）。G8 模式闸正例：mode=restore + scheme + oracle(含 mockup) + coverage(含 registry) 齐备。覆盖：global 主题 + 壳层全模块 + 列表页全字段 + 表格细粒度点位（操作列形态/状态Tag/金额对齐/缩略图）+ pending 新点位。值口径演示：主题色用语义值（钴蓝-N/错误色）、尺寸用数值字面量（28px/40px 等，设计侧 v1.0 协议第 3 条合法通道）、灰阶用临时主题 hex + notes 申报。业务功能差异（新增运单按钮功能、demo 演示按钮去留）不在本变更集范围，走项目侧业务闭环开发（双层交付）。运行：node parser/index.js match <本文件>（cwd 为 skill 根）。",
   "schema": "design.changeset/1.0",
   "changeset_version": "1.0.0",
   "mapping_version": "1.0.0",
   "scene": "admin",
+  "scheme": "default",
+  "mode": "restore",
   "layout_type": "vertical",
   "global": {
     "brand_primary": "钴蓝-5",
@@ -26,12 +28,32 @@
       }
     },
     { "id": "admin.layout.header", "style": { "bg": "#FFFFFF" } },
-    { "id": "admin.layout.header.lang_switch", "form": "inline_switch" },
+    {
+      "id": "admin.layout.header.lang_switch",
+      "form": "inline_switch",
+      "suppress": ["icon_only"],
+      "style": { "icon_size": "16px", "gap": "8px", "text_font_size": "14px" }
+    },
     {
       "id": "admin.layout.header.user_profile",
       "style": { "avatar_width": "28px", "avatar_height": "28px", "avatar_radius": "全圆角", "name_font_size": "14px", "name_font_weight": "中等" }
     },
     { "id": "admin.layout.tabs", "form": "chrome", "style": { "bg": "#FFFFFF" } },
+    {
+      "id": "admin.content.table.header_cell",
+      "style": { "height": "48px", "bg": "#FAFAFA", "font_weight": "中等" }
+    },
+    {
+      "id": "admin.content.table.cell",
+      "style": { "padding_y": "8px", "vertical_align": "middle" },
+      "layer": { "padding_y": "inner", "vertical_align": "inner" },
+      "suppress_inner": true
+    },
+    {
+      "id": "admin.content.table.cell_status",
+      "form": "filled",
+      "style": { "bg": "#E8F3FF", "text_color": "钴蓝-5", "radius": "小圆角" }
+    },
     {
       "id": "admin.content.page_header",
       "style": { "title_size": "20px", "title_weight": "加粗", "desc_color": "钴蓝-3", "actions_gap": "8px" }
@@ -56,6 +78,38 @@
     { "id": "component.button.danger", "style": { "bg_color": "错误色", "border_color": "错误色", "text_color": "#FFFFFF" } },
     { "id": "admin.content.pagination", "style": { "active_bg": "钴蓝-5", "active_color": "#FFFFFF" } }
   ],
+  "oracle": {
+    "mockup": "verify/运单管理-钴蓝.html",
+    "sids": [
+      "admin.layout.sidebar",
+      "admin.layout.sidebar.logo_area",
+      "admin.layout.sidebar.menu",
+      "admin.layout.header",
+      "admin.layout.header.lang_switch",
+      "admin.layout.header.user_profile",
+      "admin.layout.tabs",
+      "admin.content.page_header",
+      "admin.content.filter_area",
+      "admin.content.table.operation_bar",
+      "admin.content.table.operation_column",
+      "admin.content.table.area",
+      "admin.content.table.header_cell",
+      "admin.content.table.cell",
+      "admin.content.table.cell_status",
+      "admin.content.table.cell_amount",
+      "admin.content.table.cell_thumb",
+      "component.tag.status",
+      "component.button.danger",
+      "admin.content.pagination"
+    ]
+  },
+  "coverage": {
+    "registry": "registry-sample.json",
+    "registrable": 6,
+    "applicable": 4,
+    "covered": 4,
+    "gaps": []
+  },
   "pending": [
     {
       "proposed_id": "admin.content.page_header.greeting",

package/parser/fixtures/changeset-neg4-g8.json

@@ -0,0 +1,15 @@
+{
+  "$comment": "G8 模式闸负例：mode=restore 但缺 oracle 与 coverage（伪还原变更集，2026-09-20 事故的机检复现件）。预期：match 打印「G8 模式闸」并 exit 1。与 changeset-pos.json 的区别仅此——mode=restore 却没带基线三件套。",
+  "schema": "design.changeset/1.0",
+  "changeset_version": "1.0.0",
+  "mapping_version": "1.0.0",
+  "scene": "admin",
+  "mode": "restore",
+  "layout_type": "vertical",
+  "global": { "brand_primary": "钴蓝-5" },
+  "changes": [
+    { "id": "admin.layout.sidebar.menu", "style": { "menu_bg": "钴蓝-9", "menu_active_bg": "钴蓝-5" } },
+    { "id": "component.button.primary", "style": { "bg_color": "钴蓝-5" } }
+  ],
+  "notes": "伪还原变更集：只换主题色就宣称场景还原——没有 oracle 验收基线（还原度不可证明）、没有 coverage 登记表记账（组内子项静默丢失不可数）。G8 之前这类变更集只收软提示、一路绿灯，落地后用户看到「只变了主题、布局细节零变化」。"
+}

package/parser/fixtures/changeset-neg5-g8-stub.json

@@ -0,0 +1,26 @@
+{
+  "$comment": "G8 强化负例（二轮）：mode=restore，scheme/oracle/coverage 三个对象都在，但 oracle.mockup 与 coverage.registry 为空串 —— 「有壳无芯」的伪基线：验收抽不出效果图、覆盖率无法以登记表重算。预期：match 打印「G8 模式闸」并 exit 1。与 changeset-fullpage-restore.json 的区别仅在此三处。",
+  "schema": "design.changeset/1.0",
+  "changeset_version": "1.0.0",
+  "mapping_version": "1.0.0",
+  "scene": "admin",
+  "scheme": "default",
+  "mode": "restore",
+  "layout_type": "vertical",
+  "global": { "brand_primary": "钴蓝-5" },
+  "changes": [
+    { "id": "admin.layout.sidebar.menu", "style": { "menu_bg": "钴蓝-9", "menu_active_bg": "钴蓝-5" } }
+  ],
+  "oracle": {
+    "mockup": "",
+    "sids": ["admin.layout.sidebar.menu"]
+  },
+  "coverage": {
+    "registry": "",
+    "registrable": 186,
+    "applicable": 4,
+    "covered": 4,
+    "gaps": []
+  },
+  "notes": "空壳伪基线：oracle/coverage 对象齐全但 mockup 与 registry 为空。过去只校验『对象是否存在』，这类写法能一路绿灯——效果图无从抽取、A/C 无从重算，『完备性可数』形同虚设。G8 强化后予拦截。"
+}

package/parser/fixtures/registry-sample.json

@@ -1,5 +1,5 @@
 {
-  "$comment": "回归夹具 · 登记表样例（不是真实交付件）。6 条登记项示范粒度与字段口径：4 条 always（恒存在，必登）、1 条 pending（点位待补词典）、1 条条件项。用于 M/N 两步：M 校验覆盖率重算能报出欠声明并 exit 1，N 校验通道核验能跑通。",
+  "$comment": "回归夹具 · 登记表样例（不是真实交付件）。6 条登记项示范粒度与字段口径：4 条 always（恒存在，必登）、2 条条件项。用于 M/N 两步：M 校验覆盖率重算能报出欠声明并 exit 1，N 校验通道核验能跑通。⚠ selection_column / cell 等点位词典已补建通道，本夹具不再示范 pending 标注（pending 演示见 registry-bad.json 的硬缺口反例）。",
   "schema": "design.restore-registry/1.0",
   "design_scheme": "default",
   "scene": "admin",
@@ -9,7 +9,7 @@
     { "rule": "sample#2", "group": "样例·表格区", "sid": "admin.content.table.cell", "dims": ["padding", "padding_y"], "channel": ["style", "layer"], "source": "both", "always": true },
     { "rule": "sample#3", "group": "样例·金额列", "sid": "admin.content.table.cell_amount", "dims": ["align"], "channel": ["style", "structure_ops"], "source": "spec", "always": true },
     { "rule": "sample#4", "group": "样例·状态列", "sid": "admin.content.table.cell_status", "dims": ["form", "bg"], "channel": ["form", "structure_ops"], "source": "spec", "always": true },
-    { "rule": "sample#5", "group": "样例·选择列", "sid": "admin.content.table.selection_column", "dims": ["column_width"], "channel": ["style"], "source": "spec", "always": false, "pending": true },
+    { "rule": "sample#5", "group": "样例·选择列", "sid": "admin.content.table.selection_column", "dims": ["text_align", "padding"], "channel": ["style"], "source": "spec", "always": false },
     { "rule": "sample#6", "group": "样例·状态列", "sid": "component.tag.status", "dims": ["bg_color"], "channel": ["style"], "source": "spec", "always": false }
   ]
 }

package/parser/fixtures/verify//350/277/220/345/215/225/347/256/241/347/220/206-/351/222/264/350/223/235.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<!-- G8 模式闸正例配套 · 效果图实物（changeset-fullpage-restore.json 的 oracle.mockup 夹具，非真实交付件）。
+     文件名带主题词「钴蓝」（oracle 主题一致性校验依据）；每个 data-sid 对应 oracle.sids。
+     文末注释内含 1 个同形 data-sid（parser 剥注释后不计数，验证 §7.1 注释兜底防线）。 -->
+<html>
+<head><meta charset="utf-8"><title>运单管理-钴蓝</title></head>
+<body>
+  <div class="sidebar-container" data-sid="admin.layout.sidebar">
+    <div class="sidebar-logo" data-sid="admin.layout.sidebar.logo_area">LOGO</div>
+    <ul class="el-menu" data-sid="admin.layout.sidebar.menu"><li>菜单项</li></ul>
+  </div>
+  <header class="navbar" data-sid="admin.layout.header">
+    <div class="language-trigger" data-sid="admin.layout.header.lang_switch"><span class="language-icon">中</span><span class="language-text">简体中文</span></div>
+    <div class="navbar-right el-dropdown-link" data-sid="admin.layout.header.user_profile"><img alt=""><p>张伟</p></div>
+  </header>
+  <div class="tags-view" data-sid="admin.layout.tabs"><span class="scroll-item">首页</span></div>
+  <main class="app-main">
+    <div class="vts-page-header" data-sid="admin.content.page_header"><h2>运单管理</h2></div>
+    <div class="filter-area" data-sid="admin.content.filter_area"><input></div>
+    <div class="table-area">
+      <div class="table-bar" data-sid="admin.content.table.operation_bar"><button>新增运单</button></div>
+      <table data-sid="admin.content.table.area">
+        <thead>
+          <tr>
+            <th class="el-table__cell" data-sid="admin.content.table.header_cell">列名</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td class="el-table__cell" data-sid="admin.content.table.cell">单元格文本</td>
+            <td class="operate" data-sid="admin.content.table.operation_column"><a>查看</a><span class="divider"></span><a>更多</a></td>
+            <td class="amount" data-sid="admin.content.table.cell_amount">¥1,280.00</td>
+            <td><img class="thumb" data-sid="admin.content.table.cell_thumb"></td>
+            <td><span class="tag" data-sid="admin.content.table.cell_status">已签收</span><span class="tag global" data-sid="component.tag.status">状态</span></td>
+          </tr>
+        </tbody>
+      </table>
+      <button class="danger" data-sid="component.button.danger">批量删除</button>
+      <div class="pagination" data-sid="admin.content.pagination">1 2 3</div>
+    </div>
+  </main>
+  <!-- 注释内同形串（剥注释后不计数）：data-sid="admin.content.page_header" -->
+</body>
+</html>