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

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": "断点值为只读事实映射：设计侧应适配上述断点输出响应式意图；修改断点属于模板行为变更，不在主题变更集范围内。"
+}