@morya-ui/mcp 0.4.5 → 0.5.1

package/data/example-coverage.json

@@ -1,6 +1,6 @@
 {
-  "generatedAt": "2026-10-12T07:47:11.724Z",
-  "catalogGeneratedAt": "2026-10-12T07:47:04.752Z",
+  "generatedAt": "2026-10-14T09:30:52.509Z",
+  "catalogGeneratedAt": "2026-10-14T09:30:48.391Z",
   "components": [
     {
       "id": "Accordion",
@@ -566,6 +566,54 @@
         "missing": []
       }
     },
+    {
+      "id": "ColorPicker",
+      "exportName": "MColorPicker",
+      "examples": 12,
+      "props": {
+        "total": 17,
+        "covered": 5,
+        "missing": [
+          "disabled",
+          "disabledAlpha",
+          "format",
+          "size",
+          "placement",
+          "teleport",
+          "appendTo",
+          "transition",
+          "pt",
+          "label",
+          "colors",
+          "defaultOpen"
+        ]
+      },
+      "events": {
+        "total": 5,
+        "covered": 0,
+        "missing": [
+          "update:modelValue",
+          "change",
+          "clear",
+          "show",
+          "hide"
+        ]
+      },
+      "slots": {
+        "total": 0,
+        "covered": 0,
+        "missing": []
+      },
+      "methods": {
+        "total": 3,
+        "covered": 0,
+        "missing": [
+          "open",
+          "close",
+          "toggle"
+        ]
+      }
+    },
     {
       "id": "CommandMenu",
       "exportName": "MCommandMenu",
@@ -1507,13 +1555,12 @@
       "exportName": "MInput",
       "examples": 28,
       "props": {
-        "total": 22,
+        "total": 21,
         "covered": 14,
         "missing": [
           "status",
           "id",
           "readonly",
-          "allowClear",
           "errorMessage",
           "name",
           "autocomplete",
@@ -1545,42 +1592,6 @@
         ]
       }
     },
-    {
-      "id": "InputColor",
-      "exportName": "MInputColor",
-      "examples": 6,
-      "props": {
-        "total": 8,
-        "covered": 2,
-        "missing": [
-          "disabled",
-          "id",
-          "invalid",
-          "label",
-          "size",
-          "pt"
-        ]
-      },
-      "events": {
-        "total": 1,
-        "covered": 0,
-        "missing": [
-          "update:modelValue"
-        ]
-      },
-      "slots": {
-        "total": 1,
-        "covered": 0,
-        "missing": [
-          "trigger"
-        ]
-      },
-      "methods": {
-        "total": 0,
-        "covered": 0,
-        "missing": []
-      }
-    },
     {
       "id": "InputGroup",
       "exportName": "MInputGroup",
@@ -1692,7 +1703,7 @@
       "exportName": "MInputPassword",
       "examples": 12,
       "props": {
-        "total": 20,
+        "total": 19,
         "covered": 10,
         "missing": [
           "toggleMask",
@@ -1702,7 +1713,6 @@
           "status",
           "disabled",
           "readonly",
-          "allowClear",
           "id",
           "pt"
         ]
@@ -2038,7 +2048,7 @@
       "exportName": "MMentions",
       "examples": 6,
       "props": {
-        "total": 21,
+        "total": 20,
         "covered": 4,
         "missing": [
           "split",
@@ -2054,7 +2064,6 @@
           "fluid",
           "emptyMessage",
           "clearable",
-          "allowClear",
           "loading",
           "id",
           "pt"
@@ -2577,7 +2586,7 @@
         "covered": 4,
         "missing": [
           "stars",
-          "allowClear",
+          "clearable",
           "disabled",
           "ariaLabel",
           "errorMessage",
@@ -3471,7 +3480,7 @@
       "exportName": "MTextarea",
       "examples": 10,
       "props": {
-        "total": 24,
+        "total": 23,
         "covered": 13,
         "missing": [
           "status",
@@ -3480,7 +3489,6 @@
           "resize",
           "disabled",
           "readonly",
-          "allowClear",
           "name",
           "autocomplete",
           "autofocus",
@@ -3997,6 +4005,6 @@
   "summary": {
     "components": 107,
     "componentsWithMissingCoverage": 106,
-    "totalExamples": 1007
+    "totalExamples": 1013
   }
 }

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

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 /**
- * 黄金样例：仪表盘页
+ * 黄金样例：仪表盘页（结构母版）
+ * 结构骨架：面包屑 → 页头 → 可选告警 → KPI 网格 → 主区两栏。
+ * 视觉（密度/阴影/插画/文案）跟 styleDirection / 参考走，本样例仅镜像块顺序，不是唯一正确答案。
  * @see DESIGN.md · morya-ui-pages references/page-layouts.md · visual-craft § Ops polish
  */
 import {
@@ -77,16 +79,19 @@ function statusType(s: string) {
       </MLayoutHeader>
 
       <MLayoutContent>
-        <MPageContent density="spacious">
+        <!-- density 跟 styleDirection；仪表盘常用 spacious，但不强制 -->
+        <MPageContent>
+          <!-- 标题/描述用领域真实文案替换 -->
           <MPageHeader
-            title="运营概览"
-            description="关注今日活跃与待处理工单，异常优先下钻。"
+            title="{{页面标题}}"
+            description="{{页面说明}}"
           />
 
+          <!-- 可选告警：有实时性/延迟等提示时用 -->
           <MAlert
             type="info"
-            title="报表管道延迟约 15 分钟"
-            description="实时告警仍可用；看板数字以管道落库为准。"
+            title="{{可选告警标题}}"
+            description="{{可选告警说明}}"
             closable
           />
 
@@ -106,28 +111,29 @@ function statusType(s: string) {
 
           <MGrid :cols="2" :x-gap="16" :y-gap="16" responsive="screen">
             <MGridItem :span="1">
-              <MCard title="趋势概览" shadow="always">
+              <!-- shadow / 是否用 MCard 包图表区跟 styleDirection -->
+              <MCard title="{{主图表区标题}}">
                 <MEmpty
-                  title="还没有趋势数据"
-                  description="接入图表后将展示近 7 日活跃与转化。"
+                  title="{{图表空态标题}}"
+                  description="{{图表空态说明}}"
                   illustration="activity-low"
                 />
               </MCard>
             </MGridItem>
             <MGridItem :span="1">
-              <MCard title="最近工单" shadow="always">
+              <MCard title="{{最近列表区标题}}">
                 <div class="dashboard-plain-stats">
-                  <MStatistic title="本周新建" :value="128" />
-                  <MStatistic title="平均处理时长" :value="2.4" suffix="h" :precision="1" />
+                  <MStatistic title="{{统计1}}" :value="128" />
+                  <MStatistic title="{{统计2}}" :value="2.4" suffix="h" :precision="1" />
                 </div>
+                <!-- 嵌入式次要表格：不用 fill/paginator；bordered/size 跟密度 -->
                 <MTable
                   :columns="recentColumns"
                   :rows="recentRows"
                   size="small"
                   :paginator="false"
-                  bordered
                   row-key="id"
-                  aria-label="最近工单"
+                  aria-label="{{最近列表}}"
                 >
                   <template #cell-priority="{ value }">
                     <MTag

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

@@ -59,7 +59,7 @@ const activityRows = [
         <MPageContent>
           <MPageHeader
             :title="profile.name"
-            description="查看账号摘要、属性与近期活动。编辑走同页弹窗或独立表单页，勿做成营销落地。"
+            description="{{详情页说明}}"
           >
             <template #actions>
               <MSpace>
@@ -90,7 +90,8 @@ const activityRows = [
             </p>
           </MPageSection>
 
-          <MDescriptions title="基本信息" bordered :column="2">
+          <!-- bordered 跟密度，非默认 -->
+          <MDescriptions title="{{信息分组标题}}" :column="2">
             <MDescriptionsItem label="姓名">
               {{ profile.name }}
             </MDescriptionsItem>

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

@@ -27,25 +27,26 @@ import {
 
       <MLayoutContent>
         <MPageContent>
-          <MPageHeader title="课程" description="管理目录与可见性。">
+          <MPageHeader title="{{页面标题}}" description="{{页面说明}}">
             <template #actions>
               <MButton type="primary">
-                新建课程
+                {{主操作}}
               </MButton>
             </template>
           </MPageHeader>
 
+          <!-- 空态说明"接下来做什么"；illustration 跟 styleDirection -->
           <MEmpty
-            title="还没有课程"
-            description="创建第一门课程后，学员就能在目录里看到它。也可以稍后从模板导入。"
+            title="{{空态标题}}"
+            description="{{空态说明}}"
             illustration="no-content"
           >
             <template #extra>
               <MButton type="primary">
-                创建第一门课程
+                {{空态主操作}}
               </MButton>
               <MButton type="text">
-                从模板导入
+                {{空态次操作}}
               </MButton>
             </template>
           </MEmpty>

package/data/golden-pages/form-in-dialog.vue

@@ -101,21 +101,20 @@ async function onSave() {
 
       <MLayoutContent>
         <MPageContent>
-          <MPageHeader title="用户管理" description="短表单留在列表内弹窗；字段多时再走独立表单页。">
+          <MPageHeader title="{{页面标题}}" description="{{页面说明}}">
             <template #actions>
               <MButton @click="openCreate" type="primary">
-                新建用户
+                {{新建操作}}
               </MButton>
             </template>
           </MPageHeader>
 
+          <!-- 列表内弹窗演示：striped/bordered 跟密度，非默认 -->
           <MTable
             :columns="columns"
             :rows="rows"
             row-key="id"
-            striped
-            bordered
-            aria-label="用户列表"
+            aria-label="{{列表}}"
           >
             <template #cell-status="{ value }">
               <MStatus

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

@@ -60,7 +60,7 @@ async function onSubmit() {
 
       <MLayoutContent>
         <MPageContent width="narrow">
-          <MPageHeader title="新建用户" description="填写基本信息并分配角色。" />
+          <MPageHeader title="{{表单标题}}" description="{{表单说明}}" />
 
           <MPageSection variant="form">
             <MForm @submit="onSubmit">

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

@@ -34,13 +34,14 @@ const faqTabs = [
         <MButton label="免费试用" size="small" />
       </header>
 
+      <!-- 首屏单一任务；品牌/氛围跟 styleDirection，不默认渐变/发光 -->
       <section class="landing-hero" aria-labelledby="hero-title">
-        <p class="landing-hero__brand">流水线 CI</p>
+        <p class="landing-hero__brand">{{品牌名}}</p>
         <MTitle id="hero-title" class="landing-hero__title">
-          把每次提交变成可回放的交付
+          {{首屏主张}}
         </MTitle>
         <MParagraph class="landing-hero__lead" type="secondary">
-          为工程团队准备的构建与发布编排。少点配置，多看结果。
+          {{首屏导语}}
         </MParagraph>
         <div class="landing-hero__cta">
           <MButton label="开始使用" />
@@ -228,12 +229,8 @@ const faqTabs = [
   padding: var(--m-space-5);
   border: 1px solid var(--m-color-border);
   border-radius: var(--m-radius-md);
-  background:
-    linear-gradient(
-      135deg,
-      color-mix(in srgb, var(--m-color-primary) 12%, var(--m-color-surface)),
-      var(--m-color-surface) 60%
-    );
+  /* hero 氛围跟 styleDirection；默认 token-only 平壳 */
+  background: var(--m-color-surface);
 }
 
 .landing-hero__track {
@@ -245,41 +242,11 @@ const faqTabs = [
 .landing-hero__track span {
   padding: var(--m-space-3) var(--m-space-4);
   border-left: 3px solid var(--m-color-primary);
-  background: color-mix(in srgb, var(--m-color-surface) 80%, transparent);
+  background: var(--m-color-surface);
   font-size: 0.875rem;
   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;
@@ -287,7 +254,7 @@ const faqTabs = [
 
 .landing-section--alt {
   border-block: 1px solid var(--m-color-border);
-  background: color-mix(in srgb, var(--m-color-border) 18%, var(--m-color-surface));
+  background: var(--m-color-surface);
   max-width: none;
 }
 

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

@@ -2,7 +2,9 @@
 /**
  * 黄金样例：列表页 · dense（高密度工具台）
  * structure: list · style: dense
- * 镜像区块顺序；气质跟 styleDirection / 参考走，不要把本文件当唯一审美。
+ * 结构与 list-page.vue 完全相同；差异只在「密度」一处，通过一组联动 craft 表达：
+ *   MPageContent density="compact" · 控件 size="small" · MTable size="small" · 筛选 variant="plain"。
+ * 气质跟 styleDirection / 参考走，不要把本文件当唯一审美。
  * @see list-page.vue · style-presets.md · page-layouts.md
  */
 import {
@@ -59,11 +61,6 @@ const rows = [
   { id: '1', name: '示例项目 A', status: 'active', updatedAt: '09-01' },
   { id: '2', name: '示例项目 B', status: 'inactive', updatedAt: '08-28' },
   { id: '3', name: '示例项目 C', status: 'active', updatedAt: '08-25' },
-  { id: '4', name: '示例项目 D', status: 'active', updatedAt: '08-20' },
-  { id: '5', name: '示例项目 E', status: 'inactive', updatedAt: '08-15' },
-  { id: '6', name: '示例项目 F', status: 'active', updatedAt: '08-12' },
-  { id: '7', name: '示例项目 G', status: 'inactive', updatedAt: '08-10' },
-  { id: '8', name: '示例项目 H', status: 'active', updatedAt: '08-08' },
 ]
 </script>
 
@@ -85,15 +82,17 @@ const rows = [
         </MLayoutHeader>
 
         <MLayoutContent>
+          <!-- dense 关键：整页 density="compact" -->
           <MPageContent fill density="compact">
-            <MPageHeader title="用户管理">
+            <MPageHeader title="{{页面标题}}">
               <template #actions>
                 <MButton size="small" type="primary">
-                  新建
+                  {{主操作}}
                 </MButton>
               </template>
             </MPageHeader>
 
+            <!-- dense 关键：筛选 variant="plain" + 控件 size="small" -->
             <MPageFilters aria-label="筛选" variant="plain">
               <MSpace wrap>
                 <MInput
@@ -122,6 +121,7 @@ const rows = [
               </template>
             </MPageFilters>
 
+            <!-- dense 关键：MTable size="small" -->
             <MTable
               :columns="columns"
               :rows="rows"
@@ -129,10 +129,8 @@ const rows = [
               fill
               paginator
               size="small"
-              striped
-              bordered
               row-key="id"
-              aria-label="用户列表"
+              aria-label="{{列表}}"
             >
               <template #cell-status="{ value }">
                 <MStatus
@@ -151,10 +149,10 @@ const rows = [
                 </MSpace>
               </template>
               <template #empty>
-                <MEmpty title="暂无数据" description="创建后在此浏览。" icon="user">
+                <MEmpty title="{{空态标题}}" description="{{空态说明}}" icon="user">
                   <template #extra>
                     <MButton size="small" type="primary">
-                      新建
+                      {{空态主操作}}
                     </MButton>
                   </template>
                 </MEmpty>
@@ -165,4 +163,4 @@ const rows = [
       </MLayout>
     </MLayout>
   </MConfigProvider>
-</template>
+</template>