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

package/mapping/basic/spacing.json

@@ -1,21 +1,21 @@
-{
-  "$comment": "全局原子层 · 间距令牌映射。spacing 为设计侧抽象字段；token 为项目实现令牌（design-tokens.scss :root）。注意 UnoCSS presetRemToPx(baseFontSize:4) 下工具类数字即 px。",
-  "meta": {
-    "layer": "basic",
-    "domain": "spacing",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus + vue3-web-temp"
-  },
-  "tokens": {
-    "space_unit": { "token": "--space-unit", "type": "size", "default": "4px", "desc": "间距基准单位" },
-    "spacing_sm": { "token": "--spacing-sm", "type": "size", "default": "8px", "desc": "小间距（桥接 --vts-space-xs）" },
-    "spacing_md": { "token": "--spacing-md", "type": "size", "default": "16px", "desc": "中间距" },
-    "spacing_lg": { "token": "--spacing-lg", "type": "size", "default": "24px", "desc": "大间距" },
-    "content_padding": { "token": "--layout-content-padding → --vts-margin", "type": "size", "default": "8px", "desc": "内容区内边距（出厂 8，设计规范常 24）" },
-    "card_padding": { "token": "--card-padding → --vts-card-padding", "type": "size", "default": "24px", "desc": "卡片内边距" },
-    "control_padding_x": { "token": "--control-padding-x", "type": "size", "default": "12px", "desc": "控件水平内边距" },
-    "button_padding_x": { "token": "--button-padding-x", "type": "size", "default": "15px", "desc": "按钮水平内边距" },
-    "header_padding_x": { "token": "--header-padding-x", "type": "size", "default": "16px", "desc": "顶栏水平内边距" }
-  }
-}
+{
+  "$comment": "全局原子层 · 间距令牌映射。spacing 为设计侧抽象字段；token 为项目实现令牌（design-tokens.scss :root）。注意 UnoCSS presetRemToPx(baseFontSize:4) 下工具类数字即 px。",
+  "meta": {
+    "layer": "basic",
+    "domain": "spacing",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus + vue3-web-temp"
+  },
+  "tokens": {
+    "space_unit": { "token": "--space-unit", "type": "size", "default": "4px", "desc": "间距基准单位" },
+    "spacing_sm": { "token": "--spacing-sm", "type": "size", "default": "8px", "desc": "小间距（桥接 --vts-space-xs）" },
+    "spacing_md": { "token": "--spacing-md", "type": "size", "default": "16px", "desc": "中间距" },
+    "spacing_lg": { "token": "--spacing-lg", "type": "size", "default": "24px", "desc": "大间距" },
+    "content_padding": { "token": "--layout-content-padding → --vts-margin", "type": "size", "default": "8px", "desc": "内容区内边距（出厂 8，设计规范常 24）" },
+    "card_padding": { "token": "--card-padding → --vts-card-padding", "type": "size", "default": "24px", "desc": "卡片内边距" },
+    "control_padding_x": { "token": "--control-padding-x", "type": "size", "default": "12px", "desc": "控件水平内边距" },
+    "button_padding_x": { "token": "--button-padding-x", "type": "size", "default": "15px", "desc": "按钮水平内边距" },
+    "header_padding_x": { "token": "--header-padding-x", "type": "size", "default": "16px", "desc": "顶栏水平内边距" }
+  }
+}

package/mapping/basic/typography.json

@@ -1,21 +1,21 @@
-{
-  "$comment": "全局原子层 · 字体令牌映射。typography 为设计侧抽象字段；token 为项目实现令牌（design-tokens.scss :root，桥接 EP --el-font-*）。字号超 5 档需设计侧自证场景（展示型页面除外）。",
-  "meta": {
-    "layer": "basic",
-    "domain": "typography",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus + vue3-web-temp"
-  },
-  "tokens": {
-    "font_family": { "token": "--font-family → --el-font-family", "type": "font-family", "default": "系统栈（PingFang SC / Microsoft YaHei 等）", "desc": "全局字体族" },
-    "font_size_sm": { "token": "--font-size-sm → --el-font-size-small", "type": "size", "default": "12px", "desc": "辅助/标注字号" },
-    "font_size_base": { "token": "--font-size-base → --el-font-size-base", "type": "size", "default": "14px", "desc": "正文字号" },
-    "font_size_lg": { "token": "--font-size-lg → --el-font-size-large", "type": "size", "default": "16px", "desc": "小标题字号" },
-    "font_size_xl": { "token": "--font-size-xl → --el-font-size-extra-large", "type": "size", "default": "20px", "desc": "卡片/页面标题字号" },
-    "font_weight_regular": { "token": "--font-weight-regular → --el-font-weight-primary", "type": "number", "default": 400, "desc": "常规字重" },
-    "font_weight_medium": { "token": "--font-weight-medium", "type": "number", "default": 500, "desc": "中字重（激活态文字）" },
-    "font_weight_semibold": { "token": "--font-weight-semibold", "type": "number", "default": 600, "desc": "标题字重" },
-    "line_height": { "token": "--line-height", "type": "ratio", "default": 1.5715, "desc": "全局行高比" }
-  }
-}
+{
+  "$comment": "全局原子层 · 字体令牌映射。typography 为设计侧抽象字段；token 为项目实现令牌（design-tokens.scss :root，桥接 EP --el-font-*）。字号超 5 档需设计侧自证场景（展示型页面除外）。",
+  "meta": {
+    "layer": "basic",
+    "domain": "typography",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus + vue3-web-temp"
+  },
+  "tokens": {
+    "font_family": { "token": "--font-family → --el-font-family", "type": "font-family", "default": "系统栈（PingFang SC / Microsoft YaHei 等）", "desc": "全局字体族" },
+    "font_size_sm": { "token": "--font-size-sm → --el-font-size-small", "type": "size", "default": "12px", "desc": "辅助/标注字号" },
+    "font_size_base": { "token": "--font-size-base → --el-font-size-base", "type": "size", "default": "14px", "desc": "正文字号" },
+    "font_size_lg": { "token": "--font-size-lg → --el-font-size-large", "type": "size", "default": "16px", "desc": "小标题字号" },
+    "font_size_xl": { "token": "--font-size-xl → --el-font-size-extra-large", "type": "size", "default": "20px", "desc": "卡片/页面标题字号" },
+    "font_weight_regular": { "token": "--font-weight-regular → --el-font-weight-primary", "type": "number", "default": 400, "desc": "常规字重" },
+    "font_weight_medium": { "token": "--font-weight-medium", "type": "number", "default": 500, "desc": "中字重（激活态文字）" },
+    "font_weight_semibold": { "token": "--font-weight-semibold", "type": "number", "default": 600, "desc": "标题字重" },
+    "line_height": { "token": "--line-height", "type": "ratio", "default": 1.5715, "desc": "全局行高比" }
+  }
+}

package/mapping/component/button.json

@@ -1,90 +1,90 @@
-{
-  "$comment": "全局原子层 · 按钮组件映射（EP 原生）。EP el-button 无 --el-button-primary-*/--el-button-danger-* 命名空间变量：variant 类（.el-button--primary/--danger）= 给通用变量 --el-button-* 赋语义色值（theme-chalk 源码实证），故 primary/danger 的 css_vars 均指向通用变量，semantic_source 标注该 variant 的语义色源。版本恒 1.0.0（由 SKILL.md 体系版本统一管理）。",
-  "meta": {
-    "layer": "basic",
-    "domain": "component_button",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus"
-  },
-  "mappings": {
-    "component.button.primary": {
-      "type": "global_component",
-      "component": "ElButton",
-      "default_props": { "type": "primary" },
-      "style_scope": ".el-button--primary（variant 类作用域；禁止裸写 :root——通用变量全按钮共享，作用域纪律是硬约束）",
-      "css_vars": {
-        "bg_color": "--el-button-bg-color",
-        "text_color": "--el-button-text-color",
-        "border_color": "--el-button-border-color",
-        "hover_bg_color": "--el-button-hover-bg-color",
-        "active_bg_color": "--el-button-active-bg-color",
-        "disabled_bg_color": "--el-button-disabled-bg-color",
-        "semantic_source": "--el-color-primary"
-      },
-      "custom_style_map": {
-        "font_weight": "font-weight",
-        "padding_x": "padding-inline",
-        "shadow": "box-shadow",
-        "height": "height",
-        "radius": "border-radius"
-      },
-      "$note": "EP 实证：.el-button--primary 类 = 给通用变量 --el-button-* 赋 --el-color-primary 系列值，无 --el-button-primary-* 独立变量。AI 施工必须以 .el-button--primary 限定选择器作用域（禁止裸写 :root）；设计侧调主题主色优先动 --el-color-primary，按钮自动跟随。未列变量（hover-border/outline 等）按同规则推导"
-    },
-    "component.button.default": {
-      "type": "global_component",
-      "component": "ElButton",
-      "default_props": { "type": "default" },
-      "style_scope": ":root",
-      "css_vars": {
-        "bg_color": "--el-button-bg-color",
-        "text_color": "--el-button-text-color",
-        "border_color": "--el-button-border-color",
-        "hover_bg_color": "--el-button-hover-bg-color",
-        "hover_text_color": "--el-button-hover-text-color",
-        "hover_border_color": "--el-button-hover-border-color"
-      },
-      "custom_style_map": {
-        "font_weight": "font-weight",
-        "padding_x": "padding-inline",
-        "height": "height",
-        "radius": "border-radius"
-      },
-      "$note": "default 按钮直接消费通用变量本体，无 variant 类覆写；primary/danger 与本条目共用通用变量，靠 variant 类作用域隔离"
-    },
-    "component.button.danger": {
-      "type": "global_component",
-      "component": "ElButton",
-      "default_props": { "type": "danger" },
-      "style_scope": ".el-button--danger（variant 类作用域；禁止裸写 :root——通用变量全按钮共享，作用域纪律是硬约束）",
-      "css_vars": {
-        "bg_color": "--el-button-bg-color",
-        "text_color": "--el-button-text-color",
-        "border_color": "--el-button-border-color",
-        "hover_bg_color": "--el-button-hover-bg-color",
-        "hover_text_color": "--el-button-hover-text-color",
-        "hover_border_color": "--el-button-hover-border-color",
-        "active_bg_color": "--el-button-active-bg-color",
-        "disabled_bg_color": "--el-button-disabled-bg-color",
-        "semantic_source": "--el-color-danger"
-      },
-      "custom_style_map": {
-        "font_weight": "font-weight",
-        "padding_x": "padding-inline",
-        "radius": "border-radius",
-        "height": "height"
-      },
-      "$note": "承接批量删除等危险操作按钮（admin.content.table.operation_bar 引用）。EP 实证：.el-button--danger 类 = 给通用变量 --el-button-* 赋 --el-color-danger 系列值，无 --el-button-danger-* 独立变量。AI 施工必须以 .el-button--danger 限定选择器作用域（禁止裸写 :root）；调红的深浅优先动 --el-color-danger"
-    },
-    "component.button.height": {
-      "type": "global_token",
-      "style_scope": ":root",
-      "css_vars": {
-        "size_sm": "--el-component-size-small",
-        "size_base": "--el-component-size",
-        "size_lg": "--el-component-size-large"
-      },
-      "custom_style_map": {}
-    }
-  }
-}
+{
+  "$comment": "全局原子层 · 按钮组件映射（EP 原生）。EP el-button 无 --el-button-primary-*/--el-button-danger-* 命名空间变量：variant 类（.el-button--primary/--danger）= 给通用变量 --el-button-* 赋语义色值（theme-chalk 源码实证），故 primary/danger 的 css_vars 均指向通用变量，semantic_source 标注该 variant 的语义色源。版本恒 1.0.0（由 SKILL.md 体系版本统一管理）。",
+  "meta": {
+    "layer": "basic",
+    "domain": "component_button",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus"
+  },
+  "mappings": {
+    "component.button.primary": {
+      "type": "global_component",
+      "component": "ElButton",
+      "default_props": { "type": "primary" },
+      "style_scope": ".el-button--primary（variant 类作用域；禁止裸写 :root——通用变量全按钮共享，作用域纪律是硬约束）",
+      "css_vars": {
+        "bg_color": "--el-button-bg-color",
+        "text_color": "--el-button-text-color",
+        "border_color": "--el-button-border-color",
+        "hover_bg_color": "--el-button-hover-bg-color",
+        "active_bg_color": "--el-button-active-bg-color",
+        "disabled_bg_color": "--el-button-disabled-bg-color",
+        "semantic_source": "--el-color-primary"
+      },
+      "custom_style_map": {
+        "font_weight": "font-weight",
+        "padding_x": "padding-inline",
+        "shadow": "box-shadow",
+        "height": "height",
+        "radius": "border-radius"
+      },
+      "$note": "EP 实证：.el-button--primary 类 = 给通用变量 --el-button-* 赋 --el-color-primary 系列值，无 --el-button-primary-* 独立变量。AI 施工必须以 .el-button--primary 限定选择器作用域（禁止裸写 :root）；设计侧调主题主色优先动 --el-color-primary，按钮自动跟随。未列变量（hover-border/outline 等）按同规则推导"
+    },
+    "component.button.default": {
+      "type": "global_component",
+      "component": "ElButton",
+      "default_props": { "type": "default" },
+      "style_scope": ":root",
+      "css_vars": {
+        "bg_color": "--el-button-bg-color",
+        "text_color": "--el-button-text-color",
+        "border_color": "--el-button-border-color",
+        "hover_bg_color": "--el-button-hover-bg-color",
+        "hover_text_color": "--el-button-hover-text-color",
+        "hover_border_color": "--el-button-hover-border-color"
+      },
+      "custom_style_map": {
+        "font_weight": "font-weight",
+        "padding_x": "padding-inline",
+        "height": "height",
+        "radius": "border-radius"
+      },
+      "$note": "default 按钮直接消费通用变量本体，无 variant 类覆写；primary/danger 与本条目共用通用变量，靠 variant 类作用域隔离"
+    },
+    "component.button.danger": {
+      "type": "global_component",
+      "component": "ElButton",
+      "default_props": { "type": "danger" },
+      "style_scope": ".el-button--danger（variant 类作用域；禁止裸写 :root——通用变量全按钮共享，作用域纪律是硬约束）",
+      "css_vars": {
+        "bg_color": "--el-button-bg-color",
+        "text_color": "--el-button-text-color",
+        "border_color": "--el-button-border-color",
+        "hover_bg_color": "--el-button-hover-bg-color",
+        "hover_text_color": "--el-button-hover-text-color",
+        "hover_border_color": "--el-button-hover-border-color",
+        "active_bg_color": "--el-button-active-bg-color",
+        "disabled_bg_color": "--el-button-disabled-bg-color",
+        "semantic_source": "--el-color-danger"
+      },
+      "custom_style_map": {
+        "font_weight": "font-weight",
+        "padding_x": "padding-inline",
+        "radius": "border-radius",
+        "height": "height"
+      },
+      "$note": "承接批量删除等危险操作按钮（admin.content.table.operation_bar 引用）。EP 实证：.el-button--danger 类 = 给通用变量 --el-button-* 赋 --el-color-danger 系列值，无 --el-button-danger-* 独立变量。AI 施工必须以 .el-button--danger 限定选择器作用域（禁止裸写 :root）；调红的深浅优先动 --el-color-danger"
+    },
+    "component.button.height": {
+      "type": "global_token",
+      "style_scope": ":root",
+      "css_vars": {
+        "size_sm": "--el-component-size-small",
+        "size_base": "--el-component-size",
+        "size_lg": "--el-component-size-large"
+      },
+      "custom_style_map": {}
+    }
+  }
+}

package/mapping/component/card.json

@@ -1,31 +1,31 @@
-{
-  "$comment": "全局原子层 · 卡片容器组件映射（admin 列表页 .vts-page-card 壳层卡片；registry list-page §11.24 登记的 always 子项 bg_color/radius/border_color/padding_x/padding_y/box_shadow）。样式规则经 src/styles/design-shell.scss 落在 .vts-page-card（设计层文件，非出厂源码）。字段名严格对齐 restore-registry 的 dim（parser 逐项校验）。版本恒 1.0.0（由 SKILL.md 体系版本统一管理）。",
-  "meta": {
-    "layer": "basic",
-    "domain": "component_card",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus + vue3-web-temp"
-  },
-  "mappings": {
-    "component.card.base": {
-      "type": "global_component",
-      "component": "VtsPageCard（.vts-page-card 壳层卡片容器）",
-      "style_scope": ".vts-page-card",
-      "css_vars": {},
-      "custom_style_map": {
-        "bg_color": "background-color",
-        "radius": "border-radius",
-        "border_color": "border-color",
-        "padding_x": "padding-inline",
-        "padding_y": "padding-block",
-        "box_shadow": "box-shadow"
-      },
-      "priority": {
-        "strategy": "scope_qualified",
-        "reason": "设计层文件以 .vts-page-card 作用域限定即可覆盖出厂卡片默认样式。"
-      },
-      "$note": "列表页主卡片容器（crud-pages L1 样板 .vts-page-card）。registry §11.24 六项均为 always，变更集必须声明；bg_color/radius/border_color/box_shadow 为视觉，padding_x/padding_y 为卡片内边距（卡片本身内边距归零时由页面内容点位自行内缩）。字段名严格对齐 restore-registry 的 dim，禁止改用 border_radius/shadow/padding 等旧词（那是「声明了落不下去」的头号成因）。"
-    }
-  }
-}
+{
+  "$comment": "全局原子层 · 卡片容器组件映射（admin 列表页 .vts-page-card 壳层卡片；registry list-page §11.24 登记的 always 子项 bg_color/radius/border_color/padding_x/padding_y/box_shadow）。样式规则经 src/styles/design-shell.scss 落在 .vts-page-card（设计层文件，非出厂源码）。字段名严格对齐 restore-registry 的 dim（parser 逐项校验）。版本恒 1.0.0（由 SKILL.md 体系版本统一管理）。",
+  "meta": {
+    "layer": "basic",
+    "domain": "component_card",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus + vue3-web-temp"
+  },
+  "mappings": {
+    "component.card.base": {
+      "type": "global_component",
+      "component": "VtsPageCard（.vts-page-card 壳层卡片容器）",
+      "style_scope": ".vts-page-card",
+      "css_vars": {},
+      "custom_style_map": {
+        "bg_color": "background-color",
+        "radius": "border-radius",
+        "border_color": "border-color",
+        "padding_x": "padding-inline",
+        "padding_y": "padding-block",
+        "box_shadow": "box-shadow"
+      },
+      "priority": {
+        "strategy": "scope_qualified",
+        "reason": "设计层文件以 .vts-page-card 作用域限定即可覆盖出厂卡片默认样式。"
+      },
+      "$note": "列表页主卡片容器（crud-pages L1 样板 .vts-page-card）。registry §11.24 六项均为 always，变更集必须声明；bg_color/radius/border_color/box_shadow 为视觉，padding_x/padding_y 为卡片内边距（卡片本身内边距归零时由页面内容点位自行内缩）。字段名严格对齐 restore-registry 的 dim，禁止改用 border_radius/shadow/padding 等旧词（那是「声明了落不下去」的头号成因）。"
+    }
+  }
+}

package/mapping/component/input.json

@@ -1,42 +1,42 @@
-{
-  "$comment": "全局原子层 · 输入类组件映射（EP 原生：input/select/datepicker 等输入族共用）。",
-  "meta": {
-    "layer": "basic",
-    "domain": "component_input",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus"
-  },
-  "mappings": {
-    "component.input.base": {
-      "type": "global_component",
-      "component": "ElInput",
-      "style_scope": ":root",
-      "css_vars": {
-        "bg_color": "--el-input-bg-color",
-        "text_color": "--el-input-text-color",
-        "border_color": "--el-input-border-color",
-        "hover_border_color": "--el-input-hover-border-color",
-        "focus_border_color": "--el-input-focus-border-color",
-        "placeholder_color": "--el-input-placeholder-color"
-      },
-      "custom_style_map": {
-        "radius": "border-radius",
-        "height": "height",
-        "padding_x": "padding-inline",
-        "font_size": "font-size",
-        "icon_size": "font-size"
-      }
-    },
-    "component.input.height": {
-      "type": "global_token",
-      "style_scope": ":root",
-      "css_vars": {
-        "size_sm": "--el-component-size-small",
-        "size_base": "--el-component-size",
-        "size_lg": "--el-component-size-large"
-      },
-      "custom_style_map": {}
-    }
-  }
-}
+{
+  "$comment": "全局原子层 · 输入类组件映射（EP 原生：input/select/datepicker 等输入族共用）。",
+  "meta": {
+    "layer": "basic",
+    "domain": "component_input",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus"
+  },
+  "mappings": {
+    "component.input.base": {
+      "type": "global_component",
+      "component": "ElInput",
+      "style_scope": ":root",
+      "css_vars": {
+        "bg_color": "--el-input-bg-color",
+        "text_color": "--el-input-text-color",
+        "border_color": "--el-input-border-color",
+        "hover_border_color": "--el-input-hover-border-color",
+        "focus_border_color": "--el-input-focus-border-color",
+        "placeholder_color": "--el-input-placeholder-color"
+      },
+      "custom_style_map": {
+        "radius": "border-radius",
+        "height": "height",
+        "padding_x": "padding-inline",
+        "font_size": "font-size",
+        "icon_size": "font-size"
+      }
+    },
+    "component.input.height": {
+      "type": "global_token",
+      "style_scope": ":root",
+      "css_vars": {
+        "size_sm": "--el-component-size-small",
+        "size_base": "--el-component-size",
+        "size_lg": "--el-component-size-large"
+      },
+      "custom_style_map": {}
+    }
+  }
+}

package/mapping/component/overlay.json

@@ -1,79 +1,79 @@
-{
-  "$comment": "全局原子层 · 弹窗/抽屉/分页等通用组件映射。",
-  "meta": {
-    "layer": "basic",
-    "domain": "component_overlay",
-    "version": "1.0.0",
-    "scene": "global",
-    "tech_stack": "vue3 + element-plus"
-  },
-  "mappings": {
-    "component.modal.base": {
-      "type": "global_component",
-      "component": "ElDialog / ReDialog",
-      "style_scope": ":root",
-      "css_vars": {
-        "radius": "--dialog-border-radius",
-        "header_height": "--dialog-header-height",
-        "footer_height": "--dialog-footer-height",
-        "body_padding": "--dialog-body-padding"
-      },
-      "custom_style_map": {
-        "bg": "background",
-        "shadow": "box-shadow"
-      }
-    },
-    "component.drawer.base": {
-      "type": "global_component",
-      "component": "ElDrawer",
-      "style_scope": ":root",
-      "css_vars": {
-        "bg_color": "--el-drawer-bg-color"
-      },
-      "custom_style_map": {
-        "padding": "padding"
-      }
-    },
-    "component.card.base": {
-      "type": "global_component",
-      "component": "ElCard",
-      "style_scope": ":root",
-      "css_vars": {
-        "bg_color": "--el-card-bg-color",
-        "border_color": "--el-card-border-color",
-        "border_radius": "--el-card-border-radius",
-        "padding": "--el-card-padding"
-      },
-      "custom_style_map": {
-        "shadow": "box-shadow"
-      }
-    },
-    "component.pagination.base": {
-      "type": "global_component",
-      "component": "ElPagination",
-      "style_scope": ":root",
-      "css_vars": {
-        "button_bg_color": "--el-pagination-bg-color",
-        "button_hover_color": "--el-pagination-button-hover-color",
-        "hover_color": "--el-pagination-hover-color"
-      },
-      "custom_style_map": {}
-    },
-    "component.tooltip.base": {
-      "type": "global_component",
-      "component": "ElTooltip（原生）/ v-tippy（指令）",
-      "style_scope": ":root",
-      "css_vars": {
-        "bg_color": "--el-tooltip-bg-color",
-        "text_color": "--el-tooltip-color"
-      },
-      "custom_style_map": {
-        "radius": "border-radius",
-        "padding": "padding",
-        "font_size": "font-size",
-        "max_width": "max-width"
-      },
-      "$note": "全局提示气泡。项目内提示有**两条来路**——Element Plus 原生 ElTooltip（继承 --el-tooltip-* 令牌，如 ReAvatars 的 el-tooltip）与 v-tippy 指令（ReTableBar / ReCollapsible / ReAnchor / lay-tag 等处使用，走 tippy 主题，**不自动继承 --el-* 令牌**）。本条目面向 ElTooltip；若设计要求覆盖 v-tippy 气泡，须先确认 tippy 主题变量与本节令牌的对应关系，未映射时按「补通道」补主题变量并在交付说明单列申报（**不得假设自动生效**）。"
-    }
-  }
-}
+{
+  "$comment": "全局原子层 · 弹窗/抽屉/分页等通用组件映射。",
+  "meta": {
+    "layer": "basic",
+    "domain": "component_overlay",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus"
+  },
+  "mappings": {
+    "component.modal.base": {
+      "type": "global_component",
+      "component": "ElDialog / ReDialog",
+      "style_scope": ":root",
+      "css_vars": {
+        "radius": "--dialog-border-radius",
+        "header_height": "--dialog-header-height",
+        "footer_height": "--dialog-footer-height",
+        "body_padding": "--dialog-body-padding"
+      },
+      "custom_style_map": {
+        "bg": "background",
+        "shadow": "box-shadow"
+      }
+    },
+    "component.drawer.base": {
+      "type": "global_component",
+      "component": "ElDrawer",
+      "style_scope": ":root",
+      "css_vars": {
+        "bg_color": "--el-drawer-bg-color"
+      },
+      "custom_style_map": {
+        "padding": "padding"
+      }
+    },
+    "component.card.base": {
+      "type": "global_component",
+      "component": "ElCard",
+      "style_scope": ":root",
+      "css_vars": {
+        "bg_color": "--el-card-bg-color",
+        "border_color": "--el-card-border-color",
+        "border_radius": "--el-card-border-radius",
+        "padding": "--el-card-padding"
+      },
+      "custom_style_map": {
+        "shadow": "box-shadow"
+      }
+    },
+    "component.pagination.base": {
+      "type": "global_component",
+      "component": "ElPagination",
+      "style_scope": ":root",
+      "css_vars": {
+        "button_bg_color": "--el-pagination-bg-color",
+        "button_hover_color": "--el-pagination-button-hover-color",
+        "hover_color": "--el-pagination-hover-color"
+      },
+      "custom_style_map": {}
+    },
+    "component.tooltip.base": {
+      "type": "global_component",
+      "component": "ElTooltip（原生）/ v-tippy（指令）",
+      "style_scope": ":root",
+      "css_vars": {
+        "bg_color": "--el-tooltip-bg-color",
+        "text_color": "--el-tooltip-color"
+      },
+      "custom_style_map": {
+        "radius": "border-radius",
+        "padding": "padding",
+        "font_size": "font-size",
+        "max_width": "max-width"
+      },
+      "$note": "全局提示气泡。项目内提示有**两条来路**——Element Plus 原生 ElTooltip（继承 --el-tooltip-* 令牌，如 ReAvatars 的 el-tooltip）与 v-tippy 指令（ReTableBar / ReCollapsible / ReAnchor / lay-tag 等处使用，走 tippy 主题，**不自动继承 --el-* 令牌**）。本条目面向 ElTooltip；若设计要求覆盖 v-tippy 气泡，须先确认 tippy 主题变量与本节令牌的对应关系，未映射时按「补通道」补主题变量并在交付说明单列申报（**不得假设自动生效**）。"
+    }
+  }
+}