@morya-ui/mcp 0.2.7 → 0.2.9

package/data/example-coverage.json

@@ -1,6 +1,6 @@
 {
-  "generatedAt": "2026-09-18T07:52:19.611Z",
-  "catalogGeneratedAt": "2026-09-18T07:52:14.544Z",
+  "generatedAt": "2026-09-21T09:57:51.741Z",
+  "catalogGeneratedAt": "2026-09-21T09:57:47.817Z",
   "components": [
     {
       "id": "Accordion",
@@ -1604,6 +1604,41 @@
         "missing": []
       }
     },
+    {
+      "id": "Loading",
+      "exportName": "MLoading",
+      "examples": 14,
+      "props": {
+        "total": 11,
+        "covered": 4,
+        "missing": [
+          "ariaLabel",
+          "background",
+          "customClass",
+          "fullscreen",
+          "lock",
+          "delay",
+          "pt"
+        ]
+      },
+      "events": {
+        "total": 0,
+        "covered": 0,
+        "missing": []
+      },
+      "slots": {
+        "total": 2,
+        "covered": 1,
+        "missing": [
+          "indicator"
+        ]
+      },
+      "methods": {
+        "total": 0,
+        "covered": 0,
+        "missing": []
+      }
+    },
     {
       "id": "MegaMenu",
       "exportName": "MMegaMenu",
@@ -3194,8 +3229,8 @@
     }
   ],
   "summary": {
-    "components": 92,
-    "componentsWithMissingCoverage": 87,
-    "totalExamples": 789
+    "components": 93,
+    "componentsWithMissingCoverage": 88,
+    "totalExamples": 803
   }
 }

package/data/golden-pages/dashboard-page.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * 黄金样例：仪表盘页
- * @see DESIGN.md §3
+ * @see DESIGN.md · morya-ui-pages references/page-layouts.md · visual-craft § Ops polish
  */
 import {
   MBreadcrumb,
@@ -16,6 +16,7 @@ import {
   MPageHeader,
   MPagePlaceholder,
   MPageStat,
+  MStatus,
   MTable,
   MTag,
   zhCN,
@@ -32,7 +33,7 @@ const recentColumns = [
   { key: 'id', label: '工单号', width: 96 },
   { key: 'title', label: '标题' },
   { key: 'priority', label: '优先级', width: 96 },
-  { key: 'status', label: '状态', width: 96 },
+  { key: 'status', label: '状态', width: 110 },
 ]
 
 const recentRows = [
@@ -47,11 +48,23 @@ function prioritySeverity(p: string) {
   return 'secondary'
 }
 
+function priorityLabel(p: string) {
+  if (p === 'high') return '高'
+  if (p === 'medium') return '中'
+  return '低'
+}
+
 function statusLabel(s: string) {
   if (s === 'open') return '待处理'
   if (s === 'progress') return '进行中'
   return '已完成'
 }
+
+function statusSeverity(s: string) {
+  if (s === 'open') return 'warn'
+  if (s === 'progress') return 'info'
+  return 'success'
+}
 </script>
 
 <template>
@@ -63,7 +76,10 @@ function statusLabel(s: string) {
 
       <MLayoutContent>
         <MPageContent density="spacious">
-          <MPageHeader title="仪表盘" />
+          <MPageHeader
+            title="运营概览"
+            description="关注今日活跃与待处理工单，异常优先下钻。"
+          />
 
           <MGrid :cols="4" :x-gap="16" :y-gap="16" responsive="screen">
             <MGridItem v-for="item in stats" :key="item.label" :span="1">
@@ -77,20 +93,37 @@ function statusLabel(s: string) {
             </MGridItem>
           </MGrid>
 
-          <MGrid :cols="2" :x-gap="16" :y-gap="16">
+          <MGrid :cols="2" :x-gap="16" :y-gap="16" responsive="screen">
             <MGridItem :span="1">
               <MCard title="趋势概览">
-                <MPagePlaceholder aria-label="图表占位" description="图表区域（接入 ECharts / 业务组件）" />
+                <MPagePlaceholder
+                  aria-label="图表占位"
+                  description="接入图表组件后展示近 7 日活跃与转化。"
+                />
               </MCard>
             </MGridItem>
             <MGridItem :span="1">
               <MCard title="最近工单">
-                <MTable :columns="recentColumns" :rows="recentRows" size="small" :paginator="false" bordered>
+                <MTable
+                  :columns="recentColumns"
+                  :rows="recentRows"
+                  size="small"
+                  :paginator="false"
+                  bordered
+                  row-key="id"
+                  aria-label="最近工单"
+                >
                   <template #cell-priority="{ value }">
-                    <MTag :value="String(value)" :severity="prioritySeverity(String(value))" />
+                    <MTag
+                      :value="priorityLabel(String(value))"
+                      :severity="prioritySeverity(String(value))"
+                    />
                   </template>
                   <template #cell-status="{ value }">
-                    <MTag :value="statusLabel(String(value))" severity="info" />
+                    <MStatus
+                      :label="statusLabel(String(value))"
+                      :severity="statusSeverity(String(value))"
+                    />
                   </template>
                 </MTable>
               </MCard>

package/data/golden-pages/empty-state.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * 黄金样例：列表空状态（Flow）
- * @see DESIGN.md §3 · morya-ui-pages surfaces § Flow
+ * @see DESIGN.md · page-layouts.md · surfaces § Flow
  * 可嵌在列表页 MPageContent / MTable #empty 中；此处给出完整可运行骨架。
  */
 import {
@@ -53,6 +53,10 @@ import {
 
 <style scoped>
 .empty-state-shell {
+  display: grid;
+  place-items: center;
+  min-height: 18rem;
+  padding: var(--m-space-8) var(--m-space-6);
   border: 1px dashed color-mix(in srgb, var(--m-color-border) 80%, var(--m-color-primary));
   border-radius: var(--m-radius-md);
   background:
@@ -63,4 +67,21 @@ import {
     ),
     var(--m-color-surface);
 }
+
+@media (prefers-reduced-motion: no-preference) {
+  .empty-state-shell {
+    animation: empty-in 400ms ease both;
+  }
+}
+
+@keyframes empty-in {
+  from {
+    opacity: 0;
+    transform: translateY(0.35rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 </style>

package/data/golden-pages/form-page.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * 黄金样例：表单页
- * @see DESIGN.md §3
+ * @see DESIGN.md · morya-ui-pages references/page-layouts.md
  */
 import {
   MBreadcrumb,

package/data/golden-pages/landing-page.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * 黄金样例：营销落地页（Express）
- * @see DESIGN.md §3 · morya-ui-pages surfaces § Express
+ * @see DESIGN.md · page-layouts.md · surfaces § Express
  * 首屏单一任务；控件用 M*；色彩只走 --m-*；避开 AI 默认脸。
  */
 import { MAccordion, MButton, MConfigProvider, MTag, zhCN } from 'morya-ui'
@@ -219,6 +219,36 @@ const faqTabs = [
   font-weight: 600;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .landing-hero__track span {
+    animation: landing-fade-up 480ms ease both;
+  }
+
+  .landing-hero__track span:nth-child(2) {
+    animation-delay: 60ms;
+  }
+
+  .landing-hero__track span:nth-child(3) {
+    animation-delay: 120ms;
+  }
+
+  .landing-hero__track span:nth-child(4) {
+    animation-delay: 180ms;
+  }
+}
+
+@keyframes landing-fade-up {
+  from {
+    opacity: 0;
+    transform: translateY(0.4rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 .landing-section {
   padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 4vw, 3rem);
   max-width: 72rem;

package/data/golden-pages/list-page.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
 /**
  * 黄金样例：列表页
- * @see DESIGN.md §3
+ * @see DESIGN.md · morya-ui-pages references/page-layouts.md · visual-craft § Ops polish
  */
 import {
   MBreadcrumb,
   MButton,
   MConfigProvider,
+  MEmpty,
   MInput,
   MLayout,
   MLayoutContent,
@@ -18,8 +19,8 @@ import {
   MPageToolbar,
   MSelect,
   MSpace,
+  MStatus,
   MTable,
-  MTag,
   zhCN,
 } from 'morya-ui'
 import { ref } from 'vue'
@@ -31,6 +32,7 @@ const siderCollapsed = ref(false)
 const menuModel = [
   { key: 'users', label: '用户管理', icon: 'user', to: '/users' },
   { key: 'roles', label: '角色管理', icon: 'shield', to: '/roles' },
+  { key: 'settings', label: '系统设置', icon: 'settings', to: '/settings' },
 ]
 
 const statusOptions = [
@@ -41,9 +43,9 @@ const statusOptions = [
 
 const columns = [
   { key: 'name', label: '名称' },
-  { key: 'status', label: '状态' },
-  { key: 'updatedAt', label: '更新时间' },
-  { key: 'actions', label: '操作', width: 128 },
+  { key: 'status', label: '状态', width: 120 },
+  { key: 'updatedAt', label: '更新时间', width: 140 },
+  { key: 'actions', label: '操作', width: 148 },
 ]
 
 const rows = [
@@ -104,7 +106,7 @@ const rows = [
             <MTable
               :columns="columns"
               :rows="rows"
-              :rows-per-page="3"
+              :rows-per-page="5"
               paginator
               striped
               bordered
@@ -112,22 +114,33 @@ const rows = [
               aria-label="用户列表"
             >
               <template #cell-status="{ value }">
-                <MTag :value="value === 'active' ? '启用' : '停用'" :severity="value === 'active' ? 'success' : 'secondary'" />
+                <MStatus
+                  :label="value === 'active' ? '启用' : '停用'"
+                  :severity="value === 'active' ? 'success' : 'secondary'"
+                />
               </template>
               <template #cell-actions>
                 <MSpace>
-                  <MButton severity="secondary" size="small">
+                  <MButton severity="secondary" size="small" text>
                     编辑
                   </MButton>
-                  <MButton severity="danger" size="small">
+                  <MButton severity="danger" size="small" text>
                     删除
                   </MButton>
                 </MSpace>
               </template>
               <template #empty>
-                <p style="margin: 0; padding: var(--m-space-8); text-align: center; color: var(--m-color-text-muted)">
-                  暂无用户数据
-                </p>
+                <MEmpty
+                  title="还没有用户"
+                  description="创建第一个用户后，即可分配角色与权限。"
+                  icon="user"
+                >
+                  <template #extra>
+                    <MButton severity="primary">
+                      新建用户
+                    </MButton>
+                  </template>
+                </MEmpty>
               </template>
             </MTable>
           </MPageContent>

package/data/golden-pages/login-page.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * 黄金样例：登录页（Account + 轻量品牌）
- * @see DESIGN.md §3 · morya-ui-pages surfaces § Account
+ * @see DESIGN.md · surfaces § Account · visual-craft § Atmosphere
  */
 import {
   MButton,
@@ -56,7 +56,6 @@ async function onSubmit() {
             <p>使用工作邮箱进入后台。</p>
           </header>
 
-          <!-- 表单级常驻错误：token 样式告警条（字段错误优先用 errorMessage） -->
           <p v-if="formError" class="login-alert" role="alert">
             {{ formError }}
           </p>
@@ -82,7 +81,7 @@ async function onSubmit() {
             </MFormItem>
 
             <MSpace style="margin-top: var(--m-space-2)" alignment="center">
-              <MButton type="submit" label="登录" :loading="submitting" />
+              <MButton type="submit" label="登录" severity="primary" :loading="submitting" />
               <MButton type="button" label="忘记密码" severity="secondary" text />
             </MSpace>
           </MForm>
@@ -102,21 +101,45 @@ async function onSubmit() {
 }
 
 .login-brand {
+  position: relative;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   gap: var(--m-space-4);
   padding: clamp(2rem, 6vw, 4.5rem);
+  overflow: hidden;
   background:
+    radial-gradient(
+      80% 60% at 10% 20%,
+      color-mix(in srgb, var(--m-color-primary) 22%, transparent),
+      transparent 55%
+    ),
     linear-gradient(
       165deg,
-      color-mix(in srgb, var(--m-color-primary) 18%, var(--m-color-surface)) 0%,
+      color-mix(in srgb, var(--m-color-primary) 16%, var(--m-color-surface)) 0%,
       var(--m-color-surface) 55%,
       color-mix(in srgb, var(--m-color-border) 35%, var(--m-color-surface)) 100%
     );
   border-right: 1px solid var(--m-color-border);
 }
 
+.login-brand::after {
+  content: '';
+  position: absolute;
+  inset: auto -10% -20% 40%;
+  height: 55%;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--m-color-primary) 12%, transparent);
+  pointer-events: none;
+}
+
+.login-brand__mark,
+.login-brand__title,
+.login-brand__lead {
+  position: relative;
+  z-index: 1;
+}
+
 .login-brand__mark {
   margin: 0;
   font-size: 0.8125rem;
@@ -177,6 +200,23 @@ async function onSubmit() {
   line-height: 1.45;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .login-panel {
+    animation: login-panel-in 420ms ease both;
+  }
+}
+
+@keyframes login-panel-in {
+  from {
+    opacity: 0;
+    transform: translateY(0.5rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 @media (max-width: 768px) {
   .login-shell {
     grid-template-columns: 1fr;

package/dist/__tests__/tools.test.js

@@ -199,6 +199,16 @@ describe('@morya-ui/mcp handlers', () => {
         expect(result.id).toBe('overlay-choice');
         expect(result.options.some((option) => option.component === 'Drawer')).toBe(true);
     });
+    it('covers current selection, status, empty, and menu guides', () => {
+        const selection = read(handlers.recommendComponent({ decision: 'selection-choice' }));
+        expect(selection.options.map((option) => option.component)).toEqual(expect.arrayContaining(['Select', 'CascadeSelect', 'Listbox', 'SelectButton', 'Radio']));
+        const status = read(handlers.recommendComponent({ decision: 'status-label-choice' }));
+        expect(status.id).toBe('status-label-choice');
+        const empty = read(handlers.recommendComponent({ decision: 'empty-result-choice' }));
+        expect(empty.options.map((option) => option.component)).toEqual(['Empty', 'Result']);
+        const menu = read(handlers.recommendComponent({ decision: 'action-menu-choice' }));
+        expect(menu.options.some((option) => option.component === 'ContextMenu')).toBe(true);
+    });
     it('exposes catalog health in version metadata', () => {
         const result = read(handlers.version());
         expect(result.health.ok).toBe(true);