@qilitt-mickey/vue3-temp-skill 1.1.71 → 1.1.74

package/mapping/component/pagination.json

@@ -1,34 +1,34 @@
-{
-  "$comment": "全局原子层 · 分页组件映射（EP el-pagination / RePagination 根节点即 el-pagination）。registry list-page §11.83-11.94 登记的 always 子项 height/radius/hover_color/icon_size/gap/text_color/active_bg/active_color/border_color。样式规则经 src/styles/design-shell.scss 落在 .vts-page-card .el-pagination（设计层文件，非出厂源码）。字段名严格对齐 restore-registry 的 dim（parser 逐项校验；registry 11.88 原为 button_hover_color，已对齐为 hover_color 以匹配 host admin.content.pagination 与变更集）。版本恒 1.0.0（由 SKILL.md 体系版本统一管理）。",
-  "meta": {
-    "layer": "basic",
-    "domain": "component_pagination",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus"
-  },
-  "mappings": {
-    "component.pagination.base": {
-      "type": "global_component",
-      "component": "ElPagination（RePagination 根节点即 el-pagination）",
-      "style_scope": ".vts-page-card .el-pagination",
-      "css_vars": {},
-      "custom_style_map": {
-        "height": "height",
-        "radius": "border-radius",
-        "hover_color": "color",
-        "icon_size": "font-size",
-        "gap": "gap",
-        "active_bg": "background-color",
-        "active_color": "color",
-        "border_color": "border-color",
-        "text_color": "color"
-      },
-      "priority": {
-        "strategy": "scope_qualified",
-        "reason": "作用域限定到 .vts-page-card .el-pagination 即可覆盖 EP 出厂分页样式。"
-      },
-      "$note": "registry §11.83-11.94 多项均为 always，变更集必须声明；hover_color 为分页整体悬停/激活文字色（对齐 host 的 hover_color 字段名）；active_bg/active_color 为当前页按钮底色与文字色；border_color 为分页器边框；text_color/gap/icon_size 为整体文字、间距与翻页图标尺寸。字段名严格对齐 restore-registry 的 dim。"
-    }
-  }
-}
+{
+  "$comment": "全局原子层 · 分页组件映射（EP el-pagination / RePagination 根节点即 el-pagination）。registry list-page §11.83-11.94 登记的 always 子项 height/radius/hover_color/icon_size/gap/text_color/active_bg/active_color/border_color。样式规则经 src/styles/design-shell.scss 落在 .vts-page-card .el-pagination（设计层文件，非出厂源码）。字段名严格对齐 restore-registry 的 dim（parser 逐项校验；registry 11.88 原为 button_hover_color，已对齐为 hover_color 以匹配 host admin.content.pagination 与变更集）。版本恒 1.0.0（由 SKILL.md 体系版本统一管理）。",
+  "meta": {
+    "layer": "basic",
+    "domain": "component_pagination",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus"
+  },
+  "mappings": {
+    "component.pagination.base": {
+      "type": "global_component",
+      "component": "ElPagination（RePagination 根节点即 el-pagination）",
+      "style_scope": ".vts-page-card .el-pagination",
+      "css_vars": {},
+      "custom_style_map": {
+        "height": "height",
+        "radius": "border-radius",
+        "hover_color": "color",
+        "icon_size": "font-size",
+        "gap": "gap",
+        "active_bg": "background-color",
+        "active_color": "color",
+        "border_color": "border-color",
+        "text_color": "color"
+      },
+      "priority": {
+        "strategy": "scope_qualified",
+        "reason": "作用域限定到 .vts-page-card .el-pagination 即可覆盖 EP 出厂分页样式。"
+      },
+      "$note": "registry §11.83-11.94 多项均为 always，变更集必须声明；hover_color 为分页整体悬停/激活文字色（对齐 host 的 hover_color 字段名）；active_bg/active_color 为当前页按钮底色与文字色；border_color 为分页器边框；text_color/gap/icon_size 为整体文字、间距与翻页图标尺寸。字段名严格对齐 restore-registry 的 dim。"
+    }
+  }
+}

package/mapping/component/table.json

@@ -1,42 +1,42 @@
-{
-  "$comment": "全局原子层 · 表格组件映射（EP 原生 el-table + 项目 element-plus.scss 表头变量化 --vts-table-header-*）。",
-  "meta": {
-    "layer": "basic",
-    "domain": "component_table",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus"
-  },
-  "mappings": {
-    "component.table.base": {
-      "type": "global_component",
-      "component": "ElTable",
-      "style_scope": ":root",
-      "css_vars": {
-        "header_bg": "--el-table-header-bg-color",
-        "header_text_color": "--el-table-header-text-color",
-        "row_hover_bg": "--el-table-row-hover-bg-color",
-        "border_color": "--el-table-border-color",
-        "text_color": "--el-table-text-color",
-        "bg_color": "--el-table-bg-color",
-        "tr_bg_color": "--el-table-tr-bg-color",
-        "expanded_row_bg_color": "--el-table-expanded-cell-bg-color",
-        "fixed_box_shadow": "--el-table-fixed-box-shadow"
-      },
-      "custom_style_map": {
-        "header_border_bottom": "border-bottom",
-        "header_font_weight": "font-weight"
-      }
-    },
-    "component.table.header_ext": {
-      "type": "global_token",
-      "style_scope": ":root",
-      "$note": "项目扩展表头令牌（element-plus.scss 消费），与 --el-table-header-* 并存",
-      "css_vars": {
-        "vts_header_bg": "--vts-table-header-bg",
-        "vts_header_text": "--vts-table-header-text"
-      },
-      "custom_style_map": {}
-    }
-  }
-}
+{
+  "$comment": "全局原子层 · 表格组件映射（EP 原生 el-table + 项目 element-plus.scss 表头变量化 --vts-table-header-*）。",
+  "meta": {
+    "layer": "basic",
+    "domain": "component_table",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus"
+  },
+  "mappings": {
+    "component.table.base": {
+      "type": "global_component",
+      "component": "ElTable",
+      "style_scope": ":root",
+      "css_vars": {
+        "header_bg": "--el-table-header-bg-color",
+        "header_text_color": "--el-table-header-text-color",
+        "row_hover_bg": "--el-table-row-hover-bg-color",
+        "border_color": "--el-table-border-color",
+        "text_color": "--el-table-text-color",
+        "bg_color": "--el-table-bg-color",
+        "tr_bg_color": "--el-table-tr-bg-color",
+        "expanded_row_bg_color": "--el-table-expanded-cell-bg-color",
+        "fixed_box_shadow": "--el-table-fixed-box-shadow"
+      },
+      "custom_style_map": {
+        "header_border_bottom": "border-bottom",
+        "header_font_weight": "font-weight"
+      }
+    },
+    "component.table.header_ext": {
+      "type": "global_token",
+      "style_scope": ":root",
+      "$note": "项目扩展表头令牌（element-plus.scss 消费），与 --el-table-header-* 并存",
+      "css_vars": {
+        "vts_header_bg": "--vts-table-header-bg",
+        "vts_header_text": "--vts-table-header-text"
+      },
+      "custom_style_map": {}
+    }
+  }
+}

package/mapping/component/tag.json

@@ -1,48 +1,48 @@
-{
-  "$comment": "全局原子层 · 状态标签组件映射（EP 原生 el-tag）。对应设计侧 list-page §7 状态标签（filled 默认变体）与 component-spec 3.4 状态色映射。版本恒 1.0.0（由 SKILL.md 体系版本统一管理）。",
-  "meta": {
-    "layer": "basic",
-    "domain": "component_tag",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus"
-  },
-  "mappings": {
-    "component.tag.status": {
-      "type": "global_component",
-      "component": "ElTag",
-      "default_props": { "effect": "light" },
-      "style_scope": ":root",
-      "forms": {
-        "filled": "浅色背景+浅边框+语义色文字（EP effect=light，设计侧默认变体）",
-        "outlined": "透明背景+语义色边框+语义色文字（EP effect=plain）",
-        "solid": "纯色填充+白字（EP effect=dark）",
-        "with_icon": "filled + 16px 图标（物流状态等带图标场景）"
-      },
-      "css_vars": {
-        "bg_color": "--el-tag-bg-color",
-        "text_color": "--el-tag-text-color",
-        "border_color": "--el-tag-border-color"
-      },
-      "custom_style_map": {
-        "height": "height",
-        "radius": "border-radius",
-        "font_size": "font-size",
-        "padding_x": "padding",
-        "icon_size": "font-size"
-      },
-      "$note": "状态语义色走 EP 功能色变量：success=--el-color-success / processing=--el-color-primary / warning=--el-color-warning / error=--el-color-danger。列级声明机制：component.tag.status 是 :root 全局默认，逐列差异必须声明为内容点位（admin.content.table.cell_tag.<列语义> 走 pending/L3，或写入该列 notes），禁止对全局 ID 声明多份互相覆盖的 form"
-    },
-    "component.tag.size": {
-      "type": "global_token",
-      "style_scope": ":root",
-      "css_vars": {},
-      "custom_style_map": {
-        "height": "height",
-        "font_size": "font-size",
-        "padding_x": "padding"
-      },
-      "$note": "设计值：高 24px、圆角 6px、字号 12px、内边距 0 8px（list-page §11.64）"
-    }
-  }
-}
+{
+  "$comment": "全局原子层 · 状态标签组件映射（EP 原生 el-tag）。对应设计侧 list-page §7 状态标签（filled 默认变体）与 component-spec 3.4 状态色映射。版本恒 1.0.0（由 SKILL.md 体系版本统一管理）。",
+  "meta": {
+    "layer": "basic",
+    "domain": "component_tag",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus"
+  },
+  "mappings": {
+    "component.tag.status": {
+      "type": "global_component",
+      "component": "ElTag",
+      "default_props": { "effect": "light" },
+      "style_scope": ":root",
+      "forms": {
+        "filled": "浅色背景+浅边框+语义色文字（EP effect=light，设计侧默认变体）",
+        "outlined": "透明背景+语义色边框+语义色文字（EP effect=plain）",
+        "solid": "纯色填充+白字（EP effect=dark）",
+        "with_icon": "filled + 16px 图标（物流状态等带图标场景）"
+      },
+      "css_vars": {
+        "bg_color": "--el-tag-bg-color",
+        "text_color": "--el-tag-text-color",
+        "border_color": "--el-tag-border-color"
+      },
+      "custom_style_map": {
+        "height": "height",
+        "radius": "border-radius",
+        "font_size": "font-size",
+        "padding_x": "padding",
+        "icon_size": "font-size"
+      },
+      "$note": "状态语义色走 EP 功能色变量：success=--el-color-success / processing=--el-color-primary / warning=--el-color-warning / error=--el-color-danger。列级声明机制：component.tag.status 是 :root 全局默认，逐列差异必须声明为内容点位（admin.content.table.cell_tag.<列语义> 走 pending/L3，或写入该列 notes），禁止对全局 ID 声明多份互相覆盖的 form"
+    },
+    "component.tag.size": {
+      "type": "global_token",
+      "style_scope": ":root",
+      "css_vars": {},
+      "custom_style_map": {
+        "height": "height",
+        "font_size": "font-size",
+        "padding_x": "padding"
+      },
+      "$note": "设计值：高 24px、圆角 6px、字号 12px、内边距 0 8px（list-page §11.64）"
+    }
+  }
+}

package/mapping/layout/breakpoint.json

@@ -1,20 +1,20 @@
-{
-  "$comment": "布局规则 · 断点映射。项目断点由 useResizeObserver（layout/index.vue）与 UnoCSS presetWind3 决定，映射为设计侧抽象断点字段。",
-  "meta": {
-    "layer": "layout",
-    "domain": "breakpoint",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus + vue3-web-temp"
-  },
-  "tokens": {
-    "bp_mobile": { "value": 760, "type": "breakpoint", "unit": "px", "desc": "≤760 判定移动端：隐藏侧栏，强制 vertical", "hook": "useResizeObserver → toggle('mobile')" },
-    "bp_collapse": { "value": 990, "type": "breakpoint", "unit": "px", "desc": "760~990 折叠侧栏", "hook": "useResizeObserver → toggle('desktop', false)" },
-    "bp_expand": { "value": 990, "type": "breakpoint", "unit": "px", "desc": ">990 展开侧栏（非点击折叠态）", "hook": "useResizeObserver → toggle('desktop', true)" },
-    "unocss_sm": { "value": 640, "type": "breakpoint", "unit": "px", "desc": "UnoCSS sm 断点（presetWind3）" },
-    "unocss_md": { "value": 768, "type": "breakpoint", "unit": "px", "desc": "UnoCSS md 断点" },
-    "unocss_lg": { "value": 1024, "type": "breakpoint", "unit": "px", "desc": "UnoCSS lg 断点" },
-    "unocss_xl": { "value": 1280, "type": "breakpoint", "unit": "px", "desc": "UnoCSS xl 断点" }
-  },
-  "$note": "断点值为只读事实映射：设计侧应适配上述断点输出响应式意图；修改断点属于模板行为变更，不在主题变更集范围内。"
-}
+{
+  "$comment": "布局规则 · 断点映射。项目断点由 useResizeObserver（layout/index.vue）与 UnoCSS presetWind3 决定，映射为设计侧抽象断点字段。",
+  "meta": {
+    "layer": "layout",
+    "domain": "breakpoint",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus + vue3-web-temp"
+  },
+  "tokens": {
+    "bp_mobile": { "value": 760, "type": "breakpoint", "unit": "px", "desc": "≤760 判定移动端：隐藏侧栏，强制 vertical", "hook": "useResizeObserver → toggle('mobile')" },
+    "bp_collapse": { "value": 990, "type": "breakpoint", "unit": "px", "desc": "760~990 折叠侧栏", "hook": "useResizeObserver → toggle('desktop', false)" },
+    "bp_expand": { "value": 990, "type": "breakpoint", "unit": "px", "desc": ">990 展开侧栏（非点击折叠态）", "hook": "useResizeObserver → toggle('desktop', true)" },
+    "unocss_sm": { "value": 640, "type": "breakpoint", "unit": "px", "desc": "UnoCSS sm 断点（presetWind3）" },
+    "unocss_md": { "value": 768, "type": "breakpoint", "unit": "px", "desc": "UnoCSS md 断点" },
+    "unocss_lg": { "value": 1024, "type": "breakpoint", "unit": "px", "desc": "UnoCSS lg 断点" },
+    "unocss_xl": { "value": 1280, "type": "breakpoint", "unit": "px", "desc": "UnoCSS xl 断点" }
+  },
+  "$note": "断点值为只读事实映射：设计侧应适配上述断点输出响应式意图；修改断点属于模板行为变更，不在主题变更集范围内。"
+}

package/mapping/layout/shell-geometry.json

@@ -1,26 +1,26 @@
-{
-  "$comment": "布局规则 · 壳层几何令牌映射（admin 场景标准布局：vertical/horizontal/mix 三模式共用）。设计侧输出 layout_geometry.* 抽象字段或对 layout.* 语义 ID 的 style.width/height 即可转换。header 顶栏（navbar）、tabs 页签栏、sidebar 侧栏、content 内容区。",
-  "meta": {
-    "layer": "layout",
-    "domain": "shell_geometry",
-    "version": "1.0.0",
-    "scene": "admin",
-    "tech_stack": "vue3 + element-plus + vue3-web-temp"
-  },
-  "tokens": {
-    "header_height": { "token": "--header-height → --vts-bar-height", "type": "size", "default": "48px", "desc": "顶栏高度；改后壳层 padding-top 自动跟随（--layout-header-offset）" },
-    "tabs_height": { "token": "--tabs-height → --vts-tabs-height", "type": "size", "default": "32px", "desc": "多标签页签栏高度（≠ EP 内容区 Tabs --tabs-item-height）" },
-    "sidebar_width": { "token": "--sidebar-width", "type": "size", "default": "208px", "desc": "侧栏展开宽度（sidebar.scss mixin 三布局共用）" },
-    "sidebar_collapsed_width": { "token": "--sidebar-collapsed-width", "type": "size", "default": "64px", "desc": "侧栏折叠宽度" },
-    "sidebar_collapse_bar_height": { "token": "--sidebar-collapse-bar-height", "type": "size", "default": "40px", "desc": "侧栏底部折叠条高度" },
-    "layout_footer_height": { "token": "--layout-footer-height", "type": "size", "default": "48px", "desc": "页脚高度" },
-    "tabs_item_height": { "token": "--tabs-item-height", "type": "size", "default": "46px", "desc": "EP 内容区 Tabs 项高（非壳层页签）" },
-    "menu_item_height": { "token": "--el-menu-item-height", "type": "size", "default": "40px", "desc": "侧栏菜单项高度" }
-  },
-  "layout_modes": {
-    "$comment": "标准布局枚举：现有三模式即标准布局（platform-config.json Layout 字段）。变体/定制布局按 V3.0 §五 分级派生。",
-    "vertical": { "desc": "侧边导航（出厂默认）", "switch": "platform-config.json Layout=vertical", "sidebar": true },
-    "horizontal": { "desc": "顶部导航（菜单入顶栏）", "switch": "Layout=horizontal", "sidebar": false },
-    "mix": { "desc": "混合（一级菜单侧栏 + 二级顶部）", "switch": "Layout=mix", "sidebar": true }
-  }
-}
+{
+  "$comment": "布局规则 · 壳层几何令牌映射（admin 场景标准布局：vertical/horizontal/mix 三模式共用）。设计侧输出 layout_geometry.* 抽象字段或对 layout.* 语义 ID 的 style.width/height 即可转换。header 顶栏（navbar）、tabs 页签栏、sidebar 侧栏、content 内容区。",
+  "meta": {
+    "layer": "layout",
+    "domain": "shell_geometry",
+    "version": "1.0.0",
+    "scene": "admin",
+    "tech_stack": "vue3 + element-plus + vue3-web-temp"
+  },
+  "tokens": {
+    "header_height": { "token": "--header-height → --vts-bar-height", "type": "size", "default": "48px", "desc": "顶栏高度；改后壳层 padding-top 自动跟随（--layout-header-offset）" },
+    "tabs_height": { "token": "--tabs-height → --vts-tabs-height", "type": "size", "default": "32px", "desc": "多标签页签栏高度（≠ EP 内容区 Tabs --tabs-item-height）" },
+    "sidebar_width": { "token": "--sidebar-width", "type": "size", "default": "208px", "desc": "侧栏展开宽度（sidebar.scss mixin 三布局共用）" },
+    "sidebar_collapsed_width": { "token": "--sidebar-collapsed-width", "type": "size", "default": "64px", "desc": "侧栏折叠宽度" },
+    "sidebar_collapse_bar_height": { "token": "--sidebar-collapse-bar-height", "type": "size", "default": "40px", "desc": "侧栏底部折叠条高度" },
+    "layout_footer_height": { "token": "--layout-footer-height", "type": "size", "default": "48px", "desc": "页脚高度" },
+    "tabs_item_height": { "token": "--tabs-item-height", "type": "size", "default": "46px", "desc": "EP 内容区 Tabs 项高（非壳层页签）" },
+    "menu_item_height": { "token": "--el-menu-item-height", "type": "size", "default": "40px", "desc": "侧栏菜单项高度" }
+  },
+  "layout_modes": {
+    "$comment": "标准布局枚举：现有三模式即标准布局（platform-config.json Layout 字段）。变体/定制布局按布局分级规则派生。",
+    "vertical": { "desc": "侧边导航（出厂默认）", "switch": "platform-config.json Layout=vertical", "sidebar": true },
+    "horizontal": { "desc": "顶部导航（菜单入顶栏）", "switch": "Layout=horizontal", "sidebar": false },
+    "mix": { "desc": "混合（一级菜单侧栏 + 二级顶部）", "switch": "Layout=mix", "sidebar": true }
+  }
+}