@morya-ui/mcp 0.5.0 → 0.5.1

package/data/example-coverage.json

@@ -1,6 +1,6 @@
 {
-  "generatedAt": "2026-10-13T08:59:00.584Z",
-  "catalogGeneratedAt": "2026-10-13T08:55:20.652Z",
+  "generatedAt": "2026-10-14T09:30:52.509Z",
+  "catalogGeneratedAt": "2026-10-14T09:30:48.391Z",
   "components": [
     {
       "id": "Accordion",
@@ -1555,13 +1555,12 @@
       "exportName": "MInput",
       "examples": 28,
       "props": {
-        "total": 22,
+        "total": 21,
         "covered": 14,
         "missing": [
           "status",
           "id",
           "readonly",
-          "allowClear",
           "errorMessage",
           "name",
           "autocomplete",
@@ -1704,7 +1703,7 @@
       "exportName": "MInputPassword",
       "examples": 12,
       "props": {
-        "total": 20,
+        "total": 19,
         "covered": 10,
         "missing": [
           "toggleMask",
@@ -1714,7 +1713,6 @@
           "status",
           "disabled",
           "readonly",
-          "allowClear",
           "id",
           "pt"
         ]
@@ -2050,7 +2048,7 @@
       "exportName": "MMentions",
       "examples": 6,
       "props": {
-        "total": 21,
+        "total": 20,
         "covered": 4,
         "missing": [
           "split",
@@ -2066,7 +2064,6 @@
           "fluid",
           "emptyMessage",
           "clearable",
-          "allowClear",
           "loading",
           "id",
           "pt"
@@ -2589,7 +2586,7 @@
         "covered": 4,
         "missing": [
           "stars",
-          "allowClear",
+          "clearable",
           "disabled",
           "ariaLabel",
           "errorMessage",
@@ -3483,7 +3480,7 @@
       "exportName": "MTextarea",
       "examples": 10,
       "props": {
-        "total": 24,
+        "total": 23,
         "covered": 13,
         "missing": [
           "status",
@@ -3492,7 +3489,6 @@
           "resize",
           "disabled",
           "readonly",
-          "allowClear",
           "name",
           "autocomplete",
           "autofocus",

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>

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

@@ -2,7 +2,8 @@
 /**
  * 黄金样例：列表页 · rail（侧栏强调）
  * structure: list · style: rail
- * 氛围只在 chrome（侧栏）；内容区保持克制。镜像区块顺序。
+ * 结构与 list-page.vue 完全相同；差异只在「侧栏 chrome」一处（品牌区 + 侧栏氛围），
+ * 内容区（筛选/表格/空态）与 list-page 一致。氛围跟 styleDirection / 参考走。
  * @see list-page.vue · style-presets.md · visual-craft § Atmosphere
  */
 import {
@@ -17,22 +18,18 @@ import {
   MLayoutSider,
   MMenu,
   MPageContent,
-  MPageFilterChips,
   MPageFilters,
   MPageHeader,
   MSelect,
   MSpace,
   MStatus,
   MTable,
-  MTag,
   zhCN,
 } from 'morya-ui'
-import { computed, ref } from 'vue'
+import { ref } from 'vue'
 
 const keyword = ref('')
 const status = ref<string | undefined>()
-const department = ref<string | null>(null)
-const filtersExpanded = ref(false)
 const siderCollapsed = ref(false)
 
 const menuModel = [
@@ -47,37 +44,9 @@ const statusOptions = [
   { label: '停用', value: 'inactive' },
 ]
 
-const departmentOptions = [
-  { label: '研发', value: '研发' },
-  { label: '运营', value: '运营' },
-  { label: '市场', value: '市场' },
-]
-
-const activeFilters = computed(() => {
-  const items: Array<{ key: string; label: string }> = []
-  if (keyword.value.trim()) {
-    items.push({ key: 'keyword', label: `关键词：${keyword.value.trim()}` })
-  }
-  if (status.value) {
-    const label = statusOptions.find((o) => o.value === status.value)?.label ?? status.value
-    items.push({ key: 'status', label: `状态：${label}` })
-  }
-  if (department.value) {
-    items.push({ key: 'department', label: `部门：${department.value}` })
-  }
-  return items
-})
-
-function clearFilter(key: string) {
-  if (key === 'keyword') keyword.value = ''
-  if (key === 'status') status.value = undefined
-  if (key === 'department') department.value = null
-}
-
 function resetFilters() {
   keyword.value = ''
   status.value = undefined
-  department.value = null
 }
 
 const columns = [
@@ -91,14 +60,13 @@ const rows = [
   { id: '1', name: '示例项目 A', status: 'active', updatedAt: '2026-09-01' },
   { id: '2', name: '示例项目 B', status: 'inactive', updatedAt: '2026-08-28' },
   { id: '3', name: '示例项目 C', status: 'active', updatedAt: '2026-08-25' },
-  { id: '4', name: '示例项目 D', status: 'active', updatedAt: '2026-08-20' },
-  { id: '5', name: '示例项目 E', status: 'inactive', updatedAt: '2026-08-15' },
 ]
 </script>
 
 <template>
   <MConfigProvider :locale="zhCN">
     <MLayout has-sider fill-viewport>
+      <!-- rail 关键：侧栏承载品牌区 + 侧栏氛围；内容区保持克制 -->
       <MLayoutSider
         v-model:collapsed="siderCollapsed"
         bordered
@@ -107,7 +75,7 @@ const rows = [
       >
         <div class="gp-rail-sider__brand">
           <span class="gp-rail-sider__mark" aria-hidden="true" />
-          <span v-if="!siderCollapsed" class="gp-rail-sider__name">Acme Ops</span>
+          <span v-if="!siderCollapsed" class="gp-rail-sider__name">{{品牌名}}</span>
         </div>
         <MMenu
           :model="menuModel"
@@ -122,22 +90,18 @@ const rows = [
           <MBreadcrumb :model="[{ label: '首页', to: '/' }, { label: '用户管理' }]" />
         </MLayoutHeader>
 
+        <!-- 内容区与 list-page 一致；视觉（variant/内联宽度）跟 styleDirection -->
         <MLayoutContent>
           <MPageContent fill>
-            <MPageHeader title="用户管理" description="维护账号、角色与权限。">
+            <MPageHeader title="{{页面标题}}" description="{{页面说明}}">
               <template #actions>
                 <MButton type="primary">
-                  新建用户
+                  {{主操作}}
                 </MButton>
               </template>
             </MPageHeader>
 
-            <MPageFilters
-              v-model:expanded="filtersExpanded"
-              aria-label="筛选"
-              variant="filled"
-              collapsible
-            >
+            <MPageFilters aria-label="筛选" collapsible>
               <MSpace wrap>
                 <MInput v-model="keyword" placeholder="搜索名称" clearable style="width: 14rem" />
                 <MSelect
@@ -156,41 +120,16 @@ const rows = [
                   重置
                 </MButton>
               </template>
-              <template #advanced>
-                <MSpace wrap>
-                  <MSelect
-                    v-model="department"
-                    :options="departmentOptions"
-                    placeholder="部门"
-                    clearable
-                    style="width: 10rem"
-                  />
-                </MSpace>
-              </template>
             </MPageFilters>
 
-            <MPageFilterChips v-if="activeFilters.length" label="已选" aria-label="已选筛选">
-              <MTag
-                v-for="item in activeFilters"
-                :key="item.key"
-                :value="item.label"
-                size="small"
-                bordered
-                closable
-                @close="clearFilter(item.key)"
-              />
-            </MPageFilterChips>
-
             <MTable
               :columns="columns"
               :rows="rows"
               :rows-per-page="5"
               fill
               paginator
-              striped
-              bordered
               row-key="id"
-              aria-label="用户列表"
+              aria-label="{{列表}}"
             >
               <template #cell-status="{ value }">
                 <MStatus
@@ -210,13 +149,13 @@ const rows = [
               </template>
               <template #empty>
                 <MEmpty
-                  title="还没有用户"
-                  description="创建第一个用户后，即可分配角色与权限。"
+                  title="{{空态标题}}"
+                  description="{{空态说明}}"
                   icon="user"
                 >
                   <template #extra>
                     <MButton type="primary">
-                      新建用户
+                      {{空态主操作}}
                     </MButton>
                   </template>
                 </MEmpty>
@@ -230,13 +169,9 @@ const rows = [
 </template>
 
 <style scoped>
+/* rail 关键：侧栏氛围（token-only，不默认渐变/发光） */
 .gp-rail-sider {
-  background:
-    linear-gradient(
-      180deg,
-      color-mix(in srgb, var(--m-color-primary) 14%, var(--m-color-surface)) 0%,
-      var(--m-color-surface) 42%
-    );
+  background: var(--m-color-surface);
 }
 
 .gp-rail-sider__brand {
@@ -267,6 +202,5 @@ const rows = [
 
 .gp-rail-header {
   border-bottom: 1px solid var(--m-color-border);
-  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--m-color-primary) 18%, transparent);
 }
-</style>
+</style>