@morya-ui/mcp 0.3.8 → 0.4.0

package/dist/page-snippets.js

@@ -615,15 +615,15 @@ const loading = ref(false)`,
         id: 'empty-block',
         title: '空状态 MEmpty',
         titleEn: 'Empty state with MEmpty',
-        description: '列表或内容区无数据时使用 MEmpty；标题/说明写领域下一步，#extra 放唯一 primary。',
-        descriptionEn: 'MEmpty for no-data; domain next-step copy; one primary in #extra.',
+        description: '列表或内容区无数据时使用 MEmpty；主区域优先 illustration（no-content / no-result / …）；标题/说明写领域下一步，#extra 放唯一 primary。',
+        descriptionEn: 'MEmpty for no-data; prefer illustration on main empties; domain next-step copy; one primary in #extra.',
         pageTypes: ['list', 'common'],
-        keywords: ['空状态', '无数据', 'empty', 'zero state', 'no data'],
+        keywords: ['空状态', '无数据', 'empty', 'zero state', 'no data', 'illustration'],
         imports: ['MEmpty', 'MButton'],
         template: `<MEmpty
   title="还没有成员"
   description="邀请或新建第一位成员后，这里会显示状态与最近活动。"
-  icon="users"
+  illustration="no-content"
 >
   <template #extra>
     <MButton severity="primary">新建成员</MButton>
@@ -632,11 +632,13 @@ const loading = ref(false)`,
 </MEmpty>`,
         rules: [
             '正常无数据用 MEmpty，不要用错误色',
+            '主区域空态优先 illustration（no-content / no-result / no-message / network-error…）；轻量内嵌可用 icon',
             '主 CTA 用 severity="primary"，次动作用 text/secondary',
             '文案写清「现在可以做什么」，禁止「暂无数据 / No data / 示例」',
         ],
         rulesEn: [
             'Use MEmpty for normal emptiness, not error colors',
+            'Main-region empties prefer illustration; light in-table empties may use icon',
             'Primary CTA with severity="primary"; lesser actions text/secondary',
             'Copy says what to do next — no “暂无数据 / No data / 示例”',
         ],
@@ -811,8 +813,8 @@ const roleOptions = [
         id: 'dashboard-chart-card',
         title: '仪表盘图表卡片',
         titleEn: 'Dashboard chart card',
-        description: 'MCard shadow="always" + MEmpty 作为图表占位。',
-        descriptionEn: 'MCard with shadow="always" and MEmpty for chart pending state.',
+        description: 'MCard shadow="always" + MEmpty illustration 作为图表占位。',
+        descriptionEn: 'MCard with shadow="always" and illustrated MEmpty for chart pending state.',
         pageTypes: ['dashboard'],
         keywords: ['chart', '图表', 'placeholder', 'card', 'trend'],
         imports: ['MCard', 'MEmpty', 'MSkeleton'],
@@ -821,12 +823,17 @@ const roleOptions = [
   <MEmpty
     v-else
     aria-label="图表占位"
-    title="暂无图表数据"
-    description="图表区域（接入 ECharts / 业务组件）"
+    title="还没有趋势数据"
+    description="接入图表后将展示近 7 日活跃与转化。"
+    illustration="activity-low"
   />
 </MCard>`,
-        rules: ['图表区适合 MCard，因为需要 card 标题', '加载中用 MSkeleton'],
-        rulesEn: ['Charts belong in MCard when a card title is needed', 'Use MSkeleton while loading'],
+        rules: ['图表区适合 MCard，因为需要 card 标题', '加载中用 MSkeleton', '占位空态用 illustration，避免裸 icon'],
+        rulesEn: [
+            'Charts belong in MCard when a card title is needed',
+            'Use MSkeleton while loading',
+            'Pending chart empties prefer illustration over a bare icon',
+        ],
         avoid: ['不要用 MPageFilters 风格包裹图表'],
         avoidEn: ['Do not wrap charts with MPageFilters styling'],
     },
@@ -904,10 +911,10 @@ const recentRows = ref<Record<string, unknown>[]>([])`,
         pageTypes: ['detail'],
         keywords: ['detail', '详情', 'edit', 'header'],
         imports: ['MPageHeader', 'MButton', 'MStatus', 'MSpace'],
-        template: `<MPageHeader title="示例资源" description="查看摘要与属性。">
+        template: `<MPageHeader title="林晓" description="查看账号摘要、属性与近期活动。">
   <template #actions>
     <MSpace>
-      <MStatus label="正常" severity="success" />
+      <MStatus label="启用" severity="success" />
       <MButton severity="primary">编辑</MButton>
       <MButton severity="danger" text>删除</MButton>
     </MSpace>
@@ -918,6 +925,38 @@ const recentRows = ref<Record<string, unknown>[]>([])`,
         avoid: ['不要把操作散落到多个无关区域'],
         avoidEn: ['Do not scatter actions across unrelated areas'],
     },
+    {
+        id: 'detail-descriptions',
+        title: '详情属性 Descriptions',
+        titleEn: 'Detail attributes with MDescriptions',
+        description: '详情页属性网格用 MDescriptions / MDescriptionsItem；多字段对比可 bordered。',
+        descriptionEn: 'Detail attribute grids use MDescriptions / MDescriptionsItem; bordered when comparing many fields.',
+        pageTypes: ['detail'],
+        keywords: ['descriptions', '属性', '详情字段', 'detail props', 'dl'],
+        imports: ['MDescriptions', 'MDescriptionsItem', 'MStatus'],
+        template: `<MDescriptions title="基本信息" bordered :column="2">
+  <MDescriptionsItem label="姓名">林晓</MDescriptionsItem>
+  <MDescriptionsItem label="邮箱">linxiao@example.com</MDescriptionsItem>
+  <MDescriptionsItem label="角色">成员</MDescriptionsItem>
+  <MDescriptionsItem label="部门">产品设计</MDescriptionsItem>
+  <MDescriptionsItem label="入职日期">2025-03-12</MDescriptionsItem>
+  <MDescriptionsItem label="状态">
+    <MStatus label="启用" severity="success" />
+  </MDescriptionsItem>
+</MDescriptions>`,
+        rules: [
+            '属性网格用 MDescriptions，不要手写 <dl> / 嵌套表格',
+            '字段较多或需对齐对比时用 bordered',
+            '状态值内嵌 MStatus，不要裸色文本',
+        ],
+        rulesEn: [
+            'Use MDescriptions for attribute grids — not hand-rolled <dl> / nested tables',
+            'Use bordered when comparing many fields',
+            'Embed MStatus for status values — no raw colored text',
+        ],
+        avoid: ['不要用自定义 CSS grid 复刻 Descriptions', '不要把叙事型活动流硬塞进 Descriptions'],
+        avoidEn: ['Do not reinvent Descriptions with custom CSS grids', 'Do not force narrative activity into Descriptions'],
+    },
     {
         id: 'page-header-actions',
         title: '页头单主操作',
@@ -1207,14 +1246,15 @@ async function finish() {
         id: 'auth-split-shell',
         title: '登录左右分栏壳',
         titleEn: 'Auth split brand + form shell',
-        description: '左品牌 / 右表单；控件 M*；失败用 role="alert" 或 errorMessage，不用 Toast。',
-        descriptionEn: 'Brand left / form right; M* controls; failures via role="alert" or errorMessage, not Toast.',
+        description: '左品牌 / 右表单；MConfigProvider input-variant="filled"；可选 themeConfig 品牌种子；失败用 role="alert" 或 errorMessage，不用 Toast。',
+        descriptionEn: 'Brand left / form right; filled inputs via ConfigProvider; optional themeConfig seed; failures via role="alert" or errorMessage, not Toast.',
         pageTypes: ['common'],
-        keywords: ['登录', '认证', '分栏', 'login', 'auth', 'split', 'brand'],
+        keywords: ['登录', '认证', '分栏', 'login', 'auth', 'split', 'brand', 'filled', 'themeConfig'],
         imports: ['MForm', 'MFormItem', 'MInput', 'MInputPassword', 'MButton', 'MSpace', 'MConfigProvider', 'zhCN'],
         scriptSetup: `const submitting = ref(false)
 const formError = ref('')
 const model = reactive({ email: '', password: '' })
+const themeConfig = { seed: { colorPrimary: '#0b6e4f' } }
 
 async function onSubmit() {
   formError.value = ''
@@ -1227,7 +1267,7 @@ async function onSubmit() {
     submitting.value = false
   }
 }`,
-        template: `<MConfigProvider :locale="zhCN">
+        template: `<MConfigProvider :locale="zhCN" input-variant="filled" :theme-config="themeConfig">
   <div class="login-shell">
     <aside class="login-brand" aria-label="品牌">
       <p class="login-brand__mark">产品名</p>
@@ -1258,11 +1298,13 @@ async function onSubmit() {
   </div>
 </MConfigProvider>`,
         rules: [
+            '认证表单默认 input-variant="filled"；品牌色走 themeConfig.seed，不要页级 hex',
             '品牌区用 --m-* / color-mix，默认扁平勿叠 aurora',
             '失败留在表单区（role="alert" 或 errorMessage），不要 Toast',
             '窄屏改为单栏：表单在上或品牌收短',
         ],
         rulesEn: [
+            'Auth forms default to input-variant="filled"; brand via themeConfig.seed — no page-level hex',
             'Brand panel: --m-* / color-mix; flat by default — no stacked aurora',
             'Keep failures in the form (role="alert" or errorMessage), not Toast',
             'Narrow screens: single column',

package/dist/patterns.js

@@ -222,7 +222,9 @@ export const pagePatterns = [
             { component: 'Breadcrumb', role: '页面层级导航' },
             { component: 'PageContent', role: '仪表盘垂直间距', reason: 'density="spacious"' },
             { component: 'PageHeader', role: '页面标题' },
-            { component: 'PageStat', role: 'KPI 指标卡' },
+            { component: 'Alert', role: '运营提示 / 依赖降级', required: false },
+            { component: 'PageStat', role: 'KPI 指标卡（含趋势）' },
+            { component: 'Statistic', role: '卡片内无趋势的纯数字指标', required: false },
             { component: 'PagePlaceholder', role: '图表占位' },
             { component: 'Grid', role: 'KPI 与内容区栅格' },
             { component: 'GridItem', role: '栅格子项' },
@@ -230,7 +232,8 @@ export const pagePatterns = [
             { component: 'Icon', role: 'KPI 图标', required: false },
             { component: 'Tag', role: '分类标签和告警级别', required: false },
             { component: 'Status', role: '行内状态圆点+文案', required: false },
-            { component: 'Empty', role: '明细表空态', required: false },
+            { component: 'Empty', role: '图表/明细空态（优先 illustration）', required: false },
+            { component: 'List', role: '轻量动态流', required: false },
             { component: 'Result', role: '接口失败结果区', required: false },
             { component: 'Table', role: '明细数据', required: false },
             { component: 'Button', role: '刷新、查看详情和快捷操作', required: false },
@@ -305,12 +308,18 @@ export const pagePatterns = [
         structure: [
             'MPageContent (or MTable #empty)',
             '└── MEmpty',
-            '    ├── icon / image',
+            '    ├── illustration (preferred) / icon / image',
             '    ├── title + description',
             '    └── #extra primary + optional secondary MButton',
         ],
         layout: { page: '空态在当前内容区域内居中，不一定占满整个视口', content: '说明原因、下一步动作和可选的辅助信息', responsive: '保持按钮可触达，窄屏垂直排列' },
-        styleRules: ['空态文案使用中性、可行动的语气', '主恢复动作使用 primary MButton，次动作使用 text', '不要用错误色表达正常的无数据状态', '颜色与间距使用 --m-* Token'],
+        styleRules: [
+            '空态文案使用中性、可行动的语气',
+            '主区域优先 illustration（no-content / no-result / …），轻量内嵌可用 icon',
+            '主恢复动作使用 primary MButton，次动作使用 text',
+            '不要用错误色表达正常的无数据状态',
+            '颜色与间距使用 --m-* Token',
+        ],
         interactionRules: ['搜索无结果提供清除筛选或修改条件入口', '首次使用提供创建或导入入口', '保留页面标题和上下文导航'],
         avoid: ['不要只显示“暂无数据”而没有下一步', '不要把无数据和接口错误混为一谈', '不要堆 emoji 或促销贴纸'],
     },
@@ -428,9 +437,13 @@ export const pagePatterns = [
         keywords: ['详情', '明细', '查看', '概览', '属性', '详情页', 'detail', 'overview', 'profile'],
         components: [
             { component: 'Breadcrumb', role: '页面层级导航' },
-            { component: 'Card', role: '内容分组表面' },
+            { component: 'PageHeader', role: '标题、状态与主操作' },
+            { component: 'Descriptions', role: '属性网格（替代手写 dl）' },
+            { component: 'Card', role: '内容分组表面', required: false },
             { component: 'Status', role: '标题旁轻量状态（圆点+文案）', required: false },
             { component: 'Tag', role: '分类/强调态标签', required: false },
+            { component: 'List', role: '叙事型近期活动流', required: false },
+            { component: 'Table', role: '需对齐列的相关数据', required: false },
             { component: 'Divider', role: '内容分组分隔', required: false },
             { component: 'Button', role: '编辑、返回和危险操作' },
             { component: 'Dialog', role: '危险操作确认', required: false },
@@ -442,19 +455,19 @@ export const pagePatterns = [
             '├── PageHeader',
             '│   ├── Title + MStatus (or MTag)',
             '│   └── Actions',
-            '├── Summary Card',
-            '├── Properties Card',
-            '└── Related content',
+            '├── Summary tags (optional)',
+            '├── MDescriptions (attributes)',
+            '└── Related: MList feed or MTable',
         ],
         layout: {
             page: '使用清晰的标题区和多个语义分组，避免一张超长 Card',
             header: '资源名称、状态和上下文操作集中在顶部',
-            content: '属性区可用 CSS grid，多列信息在窄屏降为单列',
+            content: '属性用 MDescriptions；叙事活动用 MList；需对齐列时用 MTable',
             actions: '编辑为主操作，返回为次操作，删除放在低强调区域',
         },
         styleRules: [
             '轻量状态优先 MStatus；需要芯片感或可关闭时用 MTag',
-            '内容分组使用 MCard，必要时用 MDivider 分隔',
+            '属性网格用 MDescriptions，不要手写 dl',
             '编辑使用 primary 或 outlined MButton，删除使用 danger',
             '不使用大面积自定义背景色覆盖组件库 surface Token',
         ],
@@ -469,7 +482,13 @@ export const pagePatterns = [
             '不要让详情页的操作按钮分散在多个无关区域',
         ],
         goldenPage: 'detail-page',
-        suggestedSnippets: ['detail-toolbar', 'form-in-dialog', 'confirm-delete', 'list-status-dot'],
+        suggestedSnippets: [
+            'detail-toolbar',
+            'detail-descriptions',
+            'form-in-dialog',
+            'confirm-delete',
+            'list-status-dot',
+        ],
     },
     {
         id: 'result-page',

package/dist/reference-brief.js

@@ -69,8 +69,8 @@ const BLOCK_TO_SNIPPET = {
     },
     empty: {
         snippetId: 'empty-block',
-        notesZh: '空态带下一步 CTA',
-        notesEn: 'Empty state with a next-step CTA',
+        notesZh: '空态带下一步 CTA；主区域优先 illustration',
+        notesEn: 'Empty state with next-step CTA; prefer illustration on main regions',
     },
     'form-header': {
         snippetId: 'form-header',
@@ -94,8 +94,8 @@ const BLOCK_TO_SNIPPET = {
     },
     chart: {
         snippetId: 'dashboard-chart-card',
-        notesZh: '图表区 MCard + MSkeleton / MEmpty 占位',
-        notesEn: 'Chart area: MCard + MSkeleton / MEmpty placeholder',
+        notesZh: '图表区 MCard + MSkeleton / 带 illustration 的 MEmpty',
+        notesEn: 'Chart area: MCard + MSkeleton / illustrated MEmpty',
     },
     recent: {
         snippetId: 'dashboard-recent-table',
@@ -107,6 +107,11 @@ const BLOCK_TO_SNIPPET = {
         notesZh: '详情顶栏：状态 + 唯一编辑 primary',
         notesEn: 'Detail toolbar: status + one edit primary',
     },
+    descriptions: {
+        snippetId: 'detail-descriptions',
+        notesZh: '属性网格用 MDescriptions，不要手写 dl',
+        notesEn: 'Attribute grids use MDescriptions, not hand-rolled dl',
+    },
     result: {
         snippetId: 'result-block',
         notesZh: '流程终点用 MResult',
@@ -119,8 +124,8 @@ const BLOCK_TO_SNIPPET = {
     },
     auth: {
         snippetId: 'auth-split-shell',
-        notesZh: '登录分栏壳；品牌面只用 --m-*',
-        notesEn: 'Auth split shell; brand panel uses --m-* only',
+        notesZh: '登录分栏壳；filled + 可选 themeConfig；品牌面只用 --m-*',
+        notesEn: 'Auth split shell; filled + optional themeConfig; brand panel uses --m-* only',
     },
     shell: {
         snippetId: 'layout-app-shell',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@morya-ui/mcp",
   "type": "module",
-  "version": "0.3.8",
+  "version": "0.4.0",
   "description": "MCP server for morya-ui — component docs, examples, and usage guidance for AI coding agents.",
   "license": "MIT",
   "homepage": "https://github.com/morya-space/morya-ui/tree/main/packages/ui-mcp#readme",