@morya-ui/mcp 0.3.5 → 0.3.6

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

@@ -1,138 +1,138 @@
-<script setup lang="ts">
-/**
- * 黄金样例：仪表盘页
- * @see DESIGN.md · morya-ui-pages references/page-layouts.md · visual-craft § Ops polish
- */
-import {
-  MBreadcrumb,
-  MCard,
-  MConfigProvider,
-  MGrid,
-  MGridItem,
-  MLayout,
-  MLayoutContent,
-  MLayoutHeader,
-  MPageContent,
-  MEmpty,
-  MPageHeader,
-  MPageStat,
-  MStatus,
-  MTable,
-  MTag,
-  zhCN,
-} from 'morya-ui'
-
-const stats = [
-  { label: '总用户', value: '12,480', trend: '+8.2%', trendDirection: 'up' as const, trendLabel: '较上月', icon: 'users' },
-  { label: '今日活跃', value: '1,926', trend: '+3.1%', trendDirection: 'up' as const, trendLabel: '较昨日', icon: 'activity' },
-  { label: '待处理工单', value: '47', trend: '-12%', trendDirection: 'down' as const, trendLabel: '较上周', trendSeverity: 'warn' as const, icon: 'clipboard' },
-  { label: '系统健康', value: '99.9%', trend: '稳定', trendSeverity: 'secondary' as const, icon: 'heart' },
-]
-
-const recentColumns = [
-  { key: 'id', label: '工单号', width: 96 },
-  { key: 'title', label: '标题' },
-  { key: 'priority', label: '优先级', width: 96 },
-  { key: 'status', label: '状态', width: 110 },
-]
-
-const recentRows = [
-  { id: 'WO-1024', title: '登录异常反馈', priority: 'high', status: 'open' },
-  { id: 'WO-1023', title: '导出任务超时', priority: 'medium', status: 'progress' },
-  { id: 'WO-1022', title: '权限配置咨询', priority: 'low', status: 'done' },
-]
-
-function prioritySeverity(p: string) {
-  if (p === 'high') return 'danger'
-  if (p === 'medium') return 'warn'
-  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>
-  <MConfigProvider :locale="zhCN">
-    <MLayout fill-viewport>
-      <MLayoutHeader padding="var(--m-space-4) var(--m-space-6)">
-        <MBreadcrumb :model="[{ label: '首页' }, { label: '仪表盘' }]" />
-      </MLayoutHeader>
-
-      <MLayoutContent>
-        <MPageContent density="spacious">
-          <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">
-              <MPageStat
-                :label="item.label"
-                :value="item.value"
-                :trend="item.trend"
-                :trend-severity="item.trendSeverity ?? 'primary'"
-                :trend-direction="item.trendDirection"
-                :trend-label="item.trendLabel"
-                :icon="item.icon"
-              />
-            </MGridItem>
-          </MGrid>
-
-          <MGrid :cols="2" :x-gap="16" :y-gap="16" responsive="screen">
-            <MGridItem :span="1">
-              <MCard title="趋势概览" shadow="always">
-                <MEmpty
-                  description="接入图表组件后展示近 7 日活跃与转化。"
-                  icon="chart-bar"
-                />
-              </MCard>
-            </MGridItem>
-            <MGridItem :span="1">
-              <MCard title="最近工单" shadow="always">
-                <MTable
-                  :columns="recentColumns"
-                  :rows="recentRows"
-                  size="small"
-                  :paginator="false"
-                  bordered
-                  row-key="id"
-                  aria-label="最近工单"
-                >
-                  <template #cell-priority="{ value }">
-                    <MTag
-                      :value="priorityLabel(String(value))"
-                      :severity="prioritySeverity(String(value))"
-                    />
-                  </template>
-                  <template #cell-status="{ value }">
-                    <MStatus
-                      :label="statusLabel(String(value))"
-                      :severity="statusSeverity(String(value))"
-                    />
-                  </template>
-                </MTable>
-              </MCard>
-            </MGridItem>
-          </MGrid>
-        </MPageContent>
-      </MLayoutContent>
-    </MLayout>
-  </MConfigProvider>
-</template>
+<script setup lang="ts">
+/**
+ * 黄金样例：仪表盘页
+ * @see DESIGN.md · morya-ui-pages references/page-layouts.md · visual-craft § Ops polish
+ */
+import {
+  MBreadcrumb,
+  MCard,
+  MConfigProvider,
+  MGrid,
+  MGridItem,
+  MLayout,
+  MLayoutContent,
+  MLayoutHeader,
+  MPageContent,
+  MEmpty,
+  MPageHeader,
+  MPageStat,
+  MStatus,
+  MTable,
+  MTag,
+  zhCN,
+} from 'morya-ui'
+
+const stats = [
+  { label: '总用户', value: '12,480', trend: '+8.2%', trendDirection: 'up' as const, trendLabel: '较上月', icon: 'users' },
+  { label: '今日活跃', value: '1,926', trend: '+3.1%', trendDirection: 'up' as const, trendLabel: '较昨日', icon: 'activity' },
+  { label: '待处理工单', value: '47', trend: '-12%', trendDirection: 'down' as const, trendLabel: '较上周', trendSeverity: 'warn' as const, icon: 'clipboard' },
+  { label: '系统健康', value: '99.9%', trend: '稳定', trendSeverity: 'secondary' as const, icon: 'heart' },
+]
+
+const recentColumns = [
+  { key: 'id', label: '工单号', width: 96 },
+  { key: 'title', label: '标题' },
+  { key: 'priority', label: '优先级', width: 96 },
+  { key: 'status', label: '状态', width: 110 },
+]
+
+const recentRows = [
+  { id: 'WO-1024', title: '登录异常反馈', priority: 'high', status: 'open' },
+  { id: 'WO-1023', title: '导出任务超时', priority: 'medium', status: 'progress' },
+  { id: 'WO-1022', title: '权限配置咨询', priority: 'low', status: 'done' },
+]
+
+function prioritySeverity(p: string) {
+  if (p === 'high') return 'danger'
+  if (p === 'medium') return 'warn'
+  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>
+  <MConfigProvider :locale="zhCN">
+    <MLayout fill-viewport>
+      <MLayoutHeader padding="var(--m-space-4) var(--m-space-6)">
+        <MBreadcrumb :model="[{ label: '首页' }, { label: '仪表盘' }]" />
+      </MLayoutHeader>
+
+      <MLayoutContent>
+        <MPageContent density="spacious">
+          <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">
+              <MPageStat
+                :label="item.label"
+                :value="item.value"
+                :trend="item.trend"
+                :trend-severity="item.trendSeverity ?? 'primary'"
+                :trend-direction="item.trendDirection"
+                :trend-label="item.trendLabel"
+                :icon="item.icon"
+              />
+            </MGridItem>
+          </MGrid>
+
+          <MGrid :cols="2" :x-gap="16" :y-gap="16" responsive="screen">
+            <MGridItem :span="1">
+              <MCard title="趋势概览" shadow="always">
+                <MEmpty
+                  description="接入图表组件后展示近 7 日活跃与转化。"
+                  icon="chart-bar"
+                />
+              </MCard>
+            </MGridItem>
+            <MGridItem :span="1">
+              <MCard title="最近工单" shadow="always">
+                <MTable
+                  :columns="recentColumns"
+                  :rows="recentRows"
+                  size="small"
+                  :paginator="false"
+                  bordered
+                  row-key="id"
+                  aria-label="最近工单"
+                >
+                  <template #cell-priority="{ value }">
+                    <MTag
+                      :value="priorityLabel(String(value))"
+                      :severity="prioritySeverity(String(value))"
+                    />
+                  </template>
+                  <template #cell-status="{ value }">
+                    <MStatus
+                      :label="statusLabel(String(value))"
+                      :severity="statusSeverity(String(value))"
+                    />
+                  </template>
+                </MTable>
+              </MCard>
+            </MGridItem>
+          </MGrid>
+        </MPageContent>
+      </MLayoutContent>
+    </MLayout>
+  </MConfigProvider>
+</template>

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

@@ -1,178 +1,178 @@
-<script setup lang="ts">
-/**
- * 黄金样例：详情页
- * @see DESIGN.md · morya-ui-pages references/page-layouts.md · visual-craft § Ops polish
- */
-import {
-  MBreadcrumb,
-  MButton,
-  MCard,
-  MConfigProvider,
-  MDivider,
-  MLayout,
-  MLayoutContent,
-  MLayoutHeader,
-  MPageContent,
-  MPageHeader,
-  MPageSection,
-  MSpace,
-  MStatus,
-  MTable,
-  MTag,
-  zhCN,
-} from 'morya-ui'
-
-const profile = {
-  name: '林晓',
-  email: 'linxiao@example.com',
-  role: '成员',
-  dept: '产品设计',
-  joinedAt: '2025-03-12',
-  status: 'active' as const,
-}
-
-const activityColumns = [
-  { key: 'time', label: '时间', width: 160 },
-  { key: 'action', label: '动作' },
-  { key: 'channel', label: '来源', width: 100 },
-]
-
-const activityRows = [
-  { id: '1', time: '2026-09-20 14:22', action: '更新了个人资料', channel: 'Web' },
-  { id: '2', time: '2026-09-18 09:05', action: '重置了登录密码', channel: 'Web' },
-  { id: '3', time: '2026-09-12 18:41', action: '加入「产品设计」部门', channel: 'Admin' },
-]
-</script>
-
-<template>
-  <MConfigProvider :locale="zhCN">
-    <MLayout fill-viewport>
-      <MLayoutHeader padding="var(--m-space-4) var(--m-space-6)">
-        <MBreadcrumb
-          :model="[
-            { label: '首页', to: '/' },
-            { label: '用户管理', to: '/users' },
-            { label: profile.name },
-          ]"
-        />
-      </MLayoutHeader>
-
-      <MLayoutContent>
-        <MPageContent>
-          <MPageHeader
-            :title="profile.name"
-            description="查看账号摘要、属性与近期活动。编辑走同页弹窗或独立表单页，勿做成营销落地。"
-          >
-            <template #actions>
-              <MSpace>
-                <MStatus
-                  :label="profile.status === 'active' ? '启用' : '停用'"
-                  :severity="profile.status === 'active' ? 'success' : 'secondary'"
-                />
-                <MButton severity="primary">
-                  编辑
-                </MButton>
-                <MButton severity="secondary">
-                  返回
-                </MButton>
-                <MButton severity="danger" text>
-                  删除
-                </MButton>
-              </MSpace>
-            </template>
-          </MPageHeader>
-
-          <MPageSection title="摘要">
-            <MSpace wrap style="gap: var(--m-space-2)">
-              <MTag :value="profile.role" />
-              <MTag :value="profile.dept" severity="info" />
-            </MSpace>
-            <p class="detail-lead">
-              工作邮箱 {{ profile.email }} · 入职 {{ profile.joinedAt }}
-            </p>
-          </MPageSection>
-
-          <MCard title="基本信息">
-            <dl class="detail-props">
-              <div>
-                <dt>姓名</dt>
-                <dd>{{ profile.name }}</dd>
-              </div>
-              <div>
-                <dt>邮箱</dt>
-                <dd>{{ profile.email }}</dd>
-              </div>
-              <div>
-                <dt>角色</dt>
-                <dd>{{ profile.role }}</dd>
-              </div>
-              <div>
-                <dt>部门</dt>
-                <dd>{{ profile.dept }}</dd>
-              </div>
-              <div>
-                <dt>入职日期</dt>
-                <dd>{{ profile.joinedAt }}</dd>
-              </div>
-              <div>
-                <dt>状态</dt>
-                <dd>
-                  <MStatus
-                    :label="profile.status === 'active' ? '启用' : '停用'"
-                    :severity="profile.status === 'active' ? 'success' : 'secondary'"
-                  />
-                </dd>
-              </div>
-            </dl>
-          </MCard>
-
-          <MDivider />
-
-          <MCard title="近期活动">
-            <MTable
-              :columns="activityColumns"
-              :rows="activityRows"
-              row-key="id"
-              striped
-              bordered
-              aria-label="近期活动"
-            />
-          </MCard>
-        </MPageContent>
-      </MLayoutContent>
-    </MLayout>
-  </MConfigProvider>
-</template>
-
-<style scoped>
-.detail-lead {
-  margin: var(--m-space-3) 0 0;
-  color: var(--m-color-text-muted);
-  font-size: var(--m-font-size-sm);
-}
-
-.detail-props {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: var(--m-space-4) var(--m-space-6);
-  margin: 0;
-}
-
-.detail-props dt {
-  margin: 0 0 var(--m-space-1);
-  color: var(--m-color-text-muted);
-  font-size: var(--m-font-size-xs);
-}
-
-.detail-props dd {
-  margin: 0;
-  color: var(--m-color-text);
-  font-size: var(--m-font-size-md);
-}
-
-@media (max-width: 640px) {
-  .detail-props {
-    grid-template-columns: 1fr;
-  }
-}
-</style>
+<script setup lang="ts">
+/**
+ * 黄金样例：详情页
+ * @see DESIGN.md · morya-ui-pages references/page-layouts.md · visual-craft § Ops polish
+ */
+import {
+  MBreadcrumb,
+  MButton,
+  MCard,
+  MConfigProvider,
+  MDivider,
+  MLayout,
+  MLayoutContent,
+  MLayoutHeader,
+  MPageContent,
+  MPageHeader,
+  MPageSection,
+  MSpace,
+  MStatus,
+  MTable,
+  MTag,
+  zhCN,
+} from 'morya-ui'
+
+const profile = {
+  name: '林晓',
+  email: 'linxiao@example.com',
+  role: '成员',
+  dept: '产品设计',
+  joinedAt: '2025-03-12',
+  status: 'active' as const,
+}
+
+const activityColumns = [
+  { key: 'time', label: '时间', width: 160 },
+  { key: 'action', label: '动作' },
+  { key: 'channel', label: '来源', width: 100 },
+]
+
+const activityRows = [
+  { id: '1', time: '2026-09-20 14:22', action: '更新了个人资料', channel: 'Web' },
+  { id: '2', time: '2026-09-18 09:05', action: '重置了登录密码', channel: 'Web' },
+  { id: '3', time: '2026-09-12 18:41', action: '加入「产品设计」部门', channel: 'Admin' },
+]
+</script>
+
+<template>
+  <MConfigProvider :locale="zhCN">
+    <MLayout fill-viewport>
+      <MLayoutHeader padding="var(--m-space-4) var(--m-space-6)">
+        <MBreadcrumb
+          :model="[
+            { label: '首页', to: '/' },
+            { label: '用户管理', to: '/users' },
+            { label: profile.name },
+          ]"
+        />
+      </MLayoutHeader>
+
+      <MLayoutContent>
+        <MPageContent>
+          <MPageHeader
+            :title="profile.name"
+            description="查看账号摘要、属性与近期活动。编辑走同页弹窗或独立表单页，勿做成营销落地。"
+          >
+            <template #actions>
+              <MSpace>
+                <MStatus
+                  :label="profile.status === 'active' ? '启用' : '停用'"
+                  :severity="profile.status === 'active' ? 'success' : 'secondary'"
+                />
+                <MButton severity="primary">
+                  编辑
+                </MButton>
+                <MButton severity="secondary">
+                  返回
+                </MButton>
+                <MButton severity="danger" text>
+                  删除
+                </MButton>
+              </MSpace>
+            </template>
+          </MPageHeader>
+
+          <MPageSection title="摘要">
+            <MSpace wrap style="gap: var(--m-space-2)">
+              <MTag :value="profile.role" />
+              <MTag :value="profile.dept" severity="info" />
+            </MSpace>
+            <p class="detail-lead">
+              工作邮箱 {{ profile.email }} · 入职 {{ profile.joinedAt }}
+            </p>
+          </MPageSection>
+
+          <MCard title="基本信息">
+            <dl class="detail-props">
+              <div>
+                <dt>姓名</dt>
+                <dd>{{ profile.name }}</dd>
+              </div>
+              <div>
+                <dt>邮箱</dt>
+                <dd>{{ profile.email }}</dd>
+              </div>
+              <div>
+                <dt>角色</dt>
+                <dd>{{ profile.role }}</dd>
+              </div>
+              <div>
+                <dt>部门</dt>
+                <dd>{{ profile.dept }}</dd>
+              </div>
+              <div>
+                <dt>入职日期</dt>
+                <dd>{{ profile.joinedAt }}</dd>
+              </div>
+              <div>
+                <dt>状态</dt>
+                <dd>
+                  <MStatus
+                    :label="profile.status === 'active' ? '启用' : '停用'"
+                    :severity="profile.status === 'active' ? 'success' : 'secondary'"
+                  />
+                </dd>
+              </div>
+            </dl>
+          </MCard>
+
+          <MDivider />
+
+          <MCard title="近期活动">
+            <MTable
+              :columns="activityColumns"
+              :rows="activityRows"
+              row-key="id"
+              striped
+              bordered
+              aria-label="近期活动"
+            />
+          </MCard>
+        </MPageContent>
+      </MLayoutContent>
+    </MLayout>
+  </MConfigProvider>
+</template>
+
+<style scoped>
+.detail-lead {
+  margin: var(--m-space-3) 0 0;
+  color: var(--m-color-text-muted);
+  font-size: var(--m-font-size-sm);
+}
+
+.detail-props {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: var(--m-space-4) var(--m-space-6);
+  margin: 0;
+}
+
+.detail-props dt {
+  margin: 0 0 var(--m-space-1);
+  color: var(--m-color-text-muted);
+  font-size: var(--m-font-size-xs);
+}
+
+.detail-props dd {
+  margin: 0;
+  color: var(--m-color-text);
+  font-size: var(--m-font-size-md);
+}
+
+@media (max-width: 640px) {
+  .detail-props {
+    grid-template-columns: 1fr;
+  }
+}
+</style>