@qilitt-mickey/vue3-temp-skill 1.1.35 → 1.1.37

package/mapping/basic/radius.json

@@ -0,0 +1,17 @@
+{
+  "$comment": "全局原子层 · 圆角令牌映射。radius 为设计侧抽象字段；token 为项目实现令牌（design-tokens.scss :root，并桥接 EP --el-border-radius-*）。",
+  "meta": {
+    "layer": "basic",
+    "domain": "radius",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus + vue3-web-temp"
+  },
+  "tokens": {
+    "radius_sm": { "token": "--radius-sm → --border-radius-sm", "type": "size", "default": "4px", "desc": "小控件圆角（Tag/小按钮）", "el_bridge": "--el-border-radius-small" },
+    "radius_base": { "token": "--radius-base → --border-radius-base", "type": "size", "default": "6px", "desc": "标准控件圆角（按钮/输入框）", "el_bridge": "--el-border-radius-base" },
+    "radius_lg": { "token": "--radius-lg → --border-radius-lg", "type": "size", "default": "8px", "desc": "卡片级圆角", "el_bridge": null },
+    "dialog_radius": { "token": "--dialog-border-radius", "type": "size", "default": "10px", "desc": "弹窗圆角（出厂 ReDialog 观感）", "el_bridge": null },
+    "switch_radius": { "token": "--switch-border-radius", "type": "size", "default": "10px", "desc": "开关圆角", "el_bridge": null }
+  }
+}

package/mapping/basic/semantic-values.json

@@ -0,0 +1,72 @@
+{
+  "$comment": "全局原子层 · 语义值译表（设计侧语义值 → 精确值）。设计侧 style/global 的值用语义名（如 钴蓝-5）时，parser 与 AI 施工按本表翻译为精确值。aliases 同时收录中文名（规范输出）与英文 token 名（cobalt-5，兼容拼写），两种写法等价。数据源：设计侧 skill page-specs/design-tokens.md §2-§5b（v1.0 对齐）。功能色五套主题同值，各主题各列一份便于按主题整体切换。",
+  "meta": {
+    "layer": "basic",
+    "domain": "semantic_values",
+    "version": "1.0.0",
+    "scene": "global",
+    "tech_stack": "vue3 + element-plus + vue3-web-temp"
+  },
+  "themes": {
+    "$comment": "每套主题的语义值全集。level 1-10 为主色渐变（5 = 品牌主色）。",
+    "cobalt": {
+      "label": "钴蓝",
+      "values": {
+        "钴蓝-1": "#E8F0FF", "钴蓝-2": "#C5D5FF", "钴蓝-3": "#8FB0FF", "钴蓝-4": "#407BFF",
+        "钴蓝-5": "#245BFF", "钴蓝-6": "#1546E0", "钴蓝-7": "#1546C9", "钴蓝-8": "#1239A8",
+        "钴蓝-9": "#0D2A7F", "钴蓝-10": "#081952",
+        "成功色": "#52C41A", "错误色": "#FF4D4F", "警告色": "#FAAD14", "信息色": "#245BFF", "链接色": "#245BFF"
+      }
+    },
+    "emerald": {
+      "label": "翠蓝",
+      "values": {
+        "翠蓝-1": "#E6FFFC", "翠蓝-2": "#B3F5EF", "翠蓝-3": "#7FE8E0", "翠蓝-4": "#33CFCE",
+        "翠蓝-5": "#00A8B5", "翠蓝-6": "#008F9C", "翠蓝-7": "#007A89", "翠蓝-8": "#005A6E",
+        "翠蓝-9": "#003F55", "翠蓝-10": "#002838",
+        "成功色": "#52C41A", "错误色": "#FF4D4F", "警告色": "#FAAD14", "信息色": "#00A8B5", "链接色": "#00A8B5"
+      }
+    },
+    "peacock": {
+      "label": "孔雀绿",
+      "values": {
+        "孔雀绿-1": "#E6FFF8", "孔雀绿-2": "#B3F5E3", "孔雀绿-3": "#7FE8CC", "孔雀绿-4": "#33D4A8",
+        "孔雀绿-5": "#009A7A", "孔雀绿-6": "#008566", "孔雀绿-7": "#006E55", "孔雀绿-8": "#005240",
+        "孔雀绿-9": "#003A2E", "孔雀绿-10": "#00261E",
+        "成功色": "#52C41A", "错误色": "#FF4D4F", "警告色": "#FAAD14", "信息色": "#009A7A", "链接色": "#009A7A"
+      }
+    },
+    "tangerine": {
+      "label": "橘橙",
+      "values": {
+        "橘橙-1": "#FFF3E6", "橘橙-2": "#FFDFC0", "橘橙-3": "#FFC080", "橘橙-4": "#FF9333",
+        "橘橙-5": "#FF6A00", "橘橙-6": "#E55A00", "橘橙-7": "#C44E00", "橘橙-8": "#9A3D00",
+        "橘橙-9": "#7A3000", "橘橙-10": "#522000",
+        "成功色": "#52C41A", "错误色": "#FF4D4F", "警告色": "#FAAD14", "信息色": "#FF6A00", "链接色": "#FF6A00"
+      }
+    },
+    "dawn": {
+      "label": "拂晓蓝",
+      "values": {
+        "拂晓蓝-1": "#E6F7FF", "拂晓蓝-2": "#BAE7FF", "拂晓蓝-3": "#91D5FF", "拂晓蓝-4": "#69C0FF",
+        "拂晓蓝-5": "#40A9FF", "拂晓蓝-6": "#1890FF", "拂晓蓝-7": "#096DD9", "拂晓蓝-8": "#0050B3",
+        "拂晓蓝-9": "#003A8C", "拂晓蓝-10": "#002766",
+        "成功色": "#52C41A", "错误色": "#FF4D4F", "警告色": "#FAAD14", "信息色": "#1890FF", "链接色": "#1890FF"
+      },
+      "$note": "拂晓蓝品牌主色为 L6 #1890FF（Ant Design 原生），与其他主题 L5=主色不同；输出 拂晓蓝-6 或 品牌主色 均可命中"
+    }
+  },
+  "neutral_aliases": {
+    "$comment": "主题无关的通用语义值（不属任何一套主题，任意主题下等值）。",
+    "values": {
+      "品牌主色": "$theme.5",
+      "品牌悬停色": "$theme.4",
+      "品牌点击色": "$theme.6"
+    },
+    "$note": "$theme.N 为占位：多套主题混用时 parser 无法消歧——AI 施工前须确认当次变更集的主題（global.brand_primary 或 notes 申报）；单主题变更集按其主题取 N 级值（拂晓蓝取 N+1，主色在 6）"
+  },
+  "usage": {
+    "parser": "match 时对 style/global 值做查表：命中本表 → 输出精确值；hex（#开头）→ 透传；未命中且非 hex → 记入字段级待补充并提示「非法定义语义值」",
+    "design_side": "官方 5 套主题一律语义值（中文名规范，如 钴蓝-5；英文 cobalt-5 兼容）；库外颜色走临时主题 hex + notes 申报"
+  }
+}

package/mapping/basic/spacing.json

@@ -0,0 +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": "顶栏水平内边距" }
+  }
+}

package/mapping/basic/typography.json

@@ -0,0 +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": "全局行高比" }
+  }
+}

package/mapping/component/button.json

@@ -0,0 +1,59 @@
+{
+  "$comment": "全局原子层 · 按钮组件映射（EP 原生）。css_vars 优先走 EP 官方变量；custom_style_map 为兜底。作用域 :root（全局组件）。",
+  "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": ":root",
+      "css_vars": {
+        "bg_color": "--el-button-primary-bg-color",
+        "text_color": "--el-button-primary-text-color",
+        "border_color": "--el-button-primary-border-color",
+        "hover_bg_color": "--el-button-primary-hover-bg-color",
+        "active_bg_color": "--el-button-primary-active-bg-color",
+        "disabled_bg_color": "--el-button-primary-disabled-bg-color"
+      },
+      "custom_style_map": {
+        "font_weight": "font-weight",
+        "padding_x": "padding-inline",
+        "shadow": "box-shadow"
+      }
+    },
+    "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"
+      }
+    },
+    "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/input.json

@@ -0,0 +1,39 @@
+{
+  "$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"
+      }
+    },
+    "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

@@ -0,0 +1,63 @@
+{
+  "$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": {}
+    }
+  }
+}

package/mapping/component/table.json

@@ -0,0 +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": {}
+    }
+  }
+}

package/mapping/layout/breakpoint.json

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

package/mapping/layout/shell-geometry.json

@@ -0,0 +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 }
+  }
+}

package/mapping/scenes/admin/content.json

@@ -0,0 +1,112 @@
+{
+  "$comment": "admin 场景 · 内容区功能点位映射。admin.content.container 为壳层高度模式通道（源码实证，lay-content/index.vue）；其余 6 条为页面构图点位：类名为 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，无自定义语义类）。",
+  "meta": {
+    "layer": "scene",
+    "scene": "admin",
+    "domain": "content",
+    "version": "1.0.0",
+    "tech_stack": "vue3 + element-plus + vue3-web-temp"
+  },
+  "mappings": {
+    "admin.content.container": {
+      "type": "element",
+      "selector": ".main-content[data-content-mode='fixed'], .main-content[data-content-mode='scroll'], .main-content:has(.vts-page-card), .main-content:has(.vts-page-fill)",
+      "file": "src/layout/components/lay-content/index.vue（高度模式显式通道 data-content-mode 优先，:has() 钩子类自动探测兜底）",
+      "style_scope": ":global（壳层样式，非 scoped 页面样式）",
+      "css_vars": {
+        "content_padding": "--vts-margin",
+        "header_offset": "--vts-layout-header-offset",
+        "header_offset_no_tabs": "--vts-layout-header-offset-no-tabs",
+        "tabs_height": "--vts-tabs-height"
+      },
+      "custom_style_map": {},
+      "forms": {
+        "mode": ["fixed", "scroll", "auto"]
+      },
+      "modes": {
+        "fixed": "data-content-mode='fixed'：display:flex; flex:1 1 auto; height:100%; min-height:0; overflow:hidden（收回 el-scrollbar__view/.grow 祖先链）",
+        "scroll": "data-content-mode='scroll'：flex:0 0 auto; min-height:100%; overflow:visible（整页滚动）",
+        "auto": ":has(.vts-page-card|.vts-page-fill) 自动定高；未标记且无钩子类 → 滚动页（向后兼容）"
+      }
+    },
+    "admin.content.page_header": {
+      "type": "element",
+      "selector": ".vts-page-header",
+      "file": "业务 views（crud-pages L1 样板）",
+      "style_scope": ".vts-page-card",
+      "css_vars": {
+        "margin_bottom": "--page-header-margin",
+        "title_size": "--page-title-size",
+        "title_weight": "--page-title-weight",
+        "desc_size": "--page-desc-size",
+        "desc_color": "--page-desc-color",
+        "actions_gap": "--page-header-actions-gap"
+      },
+      "custom_style_map": {}
+    },
+    "admin.content.filter_area": {
+      "type": "element",
+      "selector": ".vts-filter-area",
+      "file": "crud-pages.md L3 约定 + src/styles/element-plus.scss（消费 design-tokens.scss 构图令牌）；存量 demo 已对齐：views/table/{base,treeTable,vxe-table}",
+      "style_scope": ".vts-page-card",
+      "css_vars": {
+        "radius": "--filter-area-radius",
+        "padding_y": "--filter-area-padding-y",
+        "padding_x": "--filter-area-padding-x",
+        "margin_bottom": "--filter-area-margin-bottom",
+        "bg": "--filter-area-bg",
+        "border_bottom": "--filter-area-border-bottom"
+      },
+      "custom_style_map": {}
+    },
+    "admin.content.table.operation_bar": {
+      "type": "element",
+      "selector": ".vts-action-bar",
+      "file": "业务 views（crud-pages 操作栏 / ReTableBar）",
+      "style_scope": ".vts-page-card",
+      "css_vars": {
+        "gap": "--action-bar-gap",
+        "padding_y": "--action-bar-padding-y"
+      },
+      "custom_style_map": {}
+    },
+    "admin.content.table.area": {
+      "type": "component",
+      "component": "ElTable（useTableSearch tableHeight 定高）",
+      "selector": ".vts-table-area",
+      "file": "crud-pages.md L3 约定 + src/styles/element-plus.scss（flex 定高链 + 圆角令牌）；存量 demo 已对齐：views/table/{base,treeTable,vxe-table}",
+      "style_scope": ".vts-page-card",
+      "css_vars": {
+        "radius": "--table-area-border-radius",
+        "header_bg": "--el-table-header-bg-color",
+        "header_text": "--el-table-header-text-color",
+        "row_hover_bg": "--el-table-row-hover-bg-color"
+      },
+      "custom_style_map": {}
+    },
+    "admin.content.pagination": {
+      "type": "component",
+      "component": "RePagination",
+      "selector": ".vts-page-card .el-pagination",
+      "file": "src/components/RePagination/src/pagination.vue（根节点 el-pagination，无自定义语义类；style_scope 前缀 .vts-page-card 保证只命中卡片内分页）",
+      "style_scope": ".vts-page-card",
+      "css_vars": {
+        "button_hover_color": "--el-pagination-button-hover-color",
+        "hover_color": "--el-pagination-hover-color",
+        "active_bg": "--pagination-active-bg",
+        "active_color": "--pagination-active-color"
+      },
+      "custom_style_map": {}
+    },
+    "admin.content.empty_state": {
+      "type": "element",
+      "selector": ".vts-page-card .el-empty",
+      "file": "业务 views（Element Plus el-empty 空态，EP 原生类，全局生效）",
+      "style_scope": ".vts-page-card",
+      "css_vars": {
+        "padding": "--empty-state-padding"
+      },
+      "custom_style_map": {}
+    }
+  }
+}