@morya-ui/mcp 0.4.4 → 0.5.0

package/dist/tools.js

@@ -96,149 +96,149 @@ function generatedPageCode(patternId, intent, locale) {
     const wizardImports = isWizard ? ', MStepper, MSpace' : '';
     const settingsImports = isSettings ? ', MTabs' : '';
     const statusImports = isList || isDetail || isDashboard ? ', MStatus' : '';
-    const script = `<script setup lang="ts">
-import { ref } from 'vue'
-import { MButton, MCard, MConfigProvider, MInput, MTag, zhCN${layoutImports}${pageImports}${listImports}${formImports}${dashboardImports}${detailImports}${emptyImports}${wizardImports}${settingsImports}${statusImports} } from 'morya-ui'
-
-const loading = ref(false)
-const error = ref('')
-const title = ${JSON.stringify(title)}
-${isList ? `const keyword = ref('')
-const rows = ref<Record<string, unknown>[]>([])
-const columns = [{ key: 'name', label: '${zh ? '名称' : 'Name'}' }, { key: 'status', label: '${zh ? '状态' : 'Status'}' }]
-` : ''}${isForm || isAuth || isWizard ? `const model = ref({ name: '' })
-` : ''}${isDashboard ? `const metrics = ref([
-  { label: '${zh ? '总用户' : 'Users'}', value: '0' },
-  { label: '${zh ? '今日活跃' : 'Active today'}', value: '0' },
-])
-` : ''}${isSettings ? `const activeTab = ref('general')
-const settingTabs = [{ label: '${zh ? '常规' : 'General'}', value: 'general' }]
-` : ''}${isWizard ? `const activeStep = ref(0)
-const wizardSteps = [{ label: '${zh ? '基本信息' : 'Details'}' }, { label: '${zh ? '确认' : 'Confirm'}' }]
-` : ''}
-
-async function submit() {
-  loading.value = true
-  error.value = ''
-  try {
-    // Replace with the page API request.
-  } finally {
-    loading.value = false
-  }
-}
+    const script = `<script setup lang="ts">
+import { ref } from 'vue'
+import { MButton, MCard, MConfigProvider, MInput, MTag, zhCN${layoutImports}${pageImports}${listImports}${formImports}${dashboardImports}${detailImports}${emptyImports}${wizardImports}${settingsImports}${statusImports} } from 'morya-ui'
+
+const loading = ref(false)
+const error = ref('')
+const title = ${JSON.stringify(title)}
+${isList ? `const keyword = ref('')
+const rows = ref<Record<string, unknown>[]>([])
+const columns = [{ key: 'name', label: '${zh ? '名称' : 'Name'}' }, { key: 'status', label: '${zh ? '状态' : 'Status'}' }]
+` : ''}${isForm || isAuth || isWizard ? `const model = ref({ name: '' })
+` : ''}${isDashboard ? `const metrics = ref([
+  { label: '${zh ? '总用户' : 'Users'}', value: '0' },
+  { label: '${zh ? '今日活跃' : 'Active today'}', value: '0' },
+])
+` : ''}${isSettings ? `const activeTab = ref('general')
+const settingTabs = [{ label: '${zh ? '常规' : 'General'}', value: 'general' }]
+` : ''}${isWizard ? `const activeStep = ref(0)
+const wizardSteps = [{ label: '${zh ? '基本信息' : 'Details'}' }, { label: '${zh ? '确认' : 'Confirm'}' }]
+` : ''}
+
+async function submit() {
+  loading.value = true
+  error.value = ''
+  try {
+    // Replace with the page API request.
+  } finally {
+    loading.value = false
+  }
+}
 </script>`;
-    const listContent = `            <MPageHeader :title="title">
-              <template #actions>
-                <MButton type="primary">${zh ? '新建' : 'Create'}</MButton>
-              </template>
-            </MPageHeader>
-            <MPageFilters variant="filled" :aria-label="${zh ? '筛选' : 'Filters'}">
-              <MSpace wrap>
-                <MInput v-model="keyword" placeholder="${zh ? '搜索关键词' : 'Search keyword'}" clearable style="width: 14rem" />
-                <MButton>${zh ? '查询' : 'Search'}</MButton>
-                <MButton>${zh ? '重置' : 'Reset'}</MButton>
-              </MSpace>
-            </MPageFilters>
-            <MTable :columns="columns" :rows="rows" :loading="loading" fill paginator :rows-per-page="10" striped bordered row-key="id">
-              <template #cell-status="{ value }">
-                <MStatus :label="String(value ?? '')" :type="value === 'active' ? 'success' : 'secondary'" />
-              </template>
-              <template #empty>
-                <MEmpty
-                  :title="${zh ? '暂无数据' : 'No data yet'}"
-                  :description="${zh ? '创建第一条记录开始使用。' : 'Create your first record to get started.'}"
-                >
-                  <template #extra>
-                    <MButton type="primary">${zh ? '新建' : 'Create'}</MButton>
-                  </template>
-                </MEmpty>
-              </template>
+    const listContent = `            <MPageHeader :title="title">
+              <template #actions>
+                <MButton type="primary">${zh ? '新建' : 'Create'}</MButton>
+              </template>
+            </MPageHeader>
+            <MPageFilters variant="filled" :aria-label="${zh ? '筛选' : 'Filters'}">
+              <MSpace wrap>
+                <MInput v-model="keyword" placeholder="${zh ? '搜索关键词' : 'Search keyword'}" clearable style="width: 14rem" />
+                <MButton>${zh ? '查询' : 'Search'}</MButton>
+                <MButton>${zh ? '重置' : 'Reset'}</MButton>
+              </MSpace>
+            </MPageFilters>
+            <MTable :columns="columns" :rows="rows" :loading="loading" fill paginator :rows-per-page="10" striped bordered row-key="id">
+              <template #cell-status="{ value }">
+                <MStatus :label="String(value ?? '')" :type="value === 'active' ? 'success' : 'secondary'" />
+              </template>
+              <template #empty>
+                <MEmpty
+                  :title="${zh ? '暂无数据' : 'No data yet'}"
+                  :description="${zh ? '创建第一条记录开始使用。' : 'Create your first record to get started.'}"
+                >
+                  <template #extra>
+                    <MButton type="primary">${zh ? '新建' : 'Create'}</MButton>
+                  </template>
+                </MEmpty>
+              </template>
             </MTable>`;
-    const formContent = `            <MPageHeader :title="title" :description="${zh ? '填写表单并保存。' : 'Fill in the form and save.'}" />
-            <MPageSection variant="form">
-              <MForm @submit.prevent="submit">
-                <MFormItem label="${zh ? '名称' : 'Name'}" name="name" required>
-                  <MInput v-model="model.name" fluid />
-                </MFormItem>
-                <MPageSection variant="actions">
-                  <MButton html-type="submit" type="primary" :loading="loading">${zh ? '保存' : 'Save'}</MButton>
-                  <MButton>${zh ? '取消' : 'Cancel'}</MButton>
-                </MPageSection>
-              </MForm>
+    const formContent = `            <MPageHeader :title="title" :description="${zh ? '填写表单并保存。' : 'Fill in the form and save.'}" />
+            <MPageSection variant="form">
+              <MForm @submit.prevent="submit">
+                <MFormItem label="${zh ? '名称' : 'Name'}" name="name" required>
+                  <MInput v-model="model.name" fluid />
+                </MFormItem>
+                <MPageSection variant="actions">
+                  <MButton html-type="submit" type="primary" :loading="loading">${zh ? '保存' : 'Save'}</MButton>
+                  <MButton>${zh ? '取消' : 'Cancel'}</MButton>
+                </MPageSection>
+              </MForm>
             </MPageSection>`;
-    const dashboardContent = `            <MPageHeader :title="title" />
-            <MGrid :cols="2" :x-gap="16" :y-gap="16" responsive="screen">
-              <MGridItem v-for="metric in metrics" :key="metric.label" :span="1">
-                <MPageStat :label="metric.label" :value="metric.value" icon="activity" />
-              </MGridItem>
-            </MGrid>
-            <MCard shadow="always" :title="${zh ? '趋势概览' : 'Trend overview'}">
-              <MSkeleton v-if="loading" height="8rem" />
-              <MEmpty
-                v-else
-                :title="${zh ? '暂无图表数据' : 'No chart data yet'}"
-                :description="${zh ? '接入图表或业务组件。' : 'Connect charts or business widgets here.'}"
-                aria-label="${zh ? '图表占位' : 'Chart placeholder'}"
-              />
+    const dashboardContent = `            <MPageHeader :title="title" />
+            <MGrid :cols="2" :x-gap="16" :y-gap="16" responsive="screen">
+              <MGridItem v-for="metric in metrics" :key="metric.label" :span="1">
+                <MPageStat :label="metric.label" :value="metric.value" icon="activity" />
+              </MGridItem>
+            </MGrid>
+            <MCard shadow="always" :title="${zh ? '趋势概览' : 'Trend overview'}">
+              <MSkeleton v-if="loading" height="8rem" />
+              <MEmpty
+                v-else
+                :title="${zh ? '暂无图表数据' : 'No chart data yet'}"
+                :description="${zh ? '接入图表或业务组件。' : 'Connect charts or business widgets here.'}"
+                aria-label="${zh ? '图表占位' : 'Chart placeholder'}"
+              />
             </MCard>`;
-    const detailContent = `            <MPageHeader :title="title" :description="${zh ? '查看资源摘要与属性。' : 'Review summary and properties.'}">
-              <template #actions>
-                <MSpace>
-                  <MStatus :label="${zh ? '启用' : 'Active'}" type="success" />
-                  <MButton type="primary">${zh ? '编辑' : 'Edit'}</MButton>
-                  <MButton>${zh ? '返回' : 'Back'}</MButton>
-                </MSpace>
-              </template>
-            </MPageHeader>
-            <MCard :title="${zh ? '基本信息' : 'Basics'}">
-              <p style="margin:0;color:var(--m-color-text-muted)">${zh ? '用定义列表或网格展示属性；相关列表用 MTable + rows。' : 'Use a definition grid; related lists use MTable + rows.'}</p>
+    const detailContent = `            <MPageHeader :title="title" :description="${zh ? '查看资源摘要与属性。' : 'Review summary and properties.'}">
+              <template #actions>
+                <MSpace>
+                  <MStatus :label="${zh ? '启用' : 'Active'}" type="success" />
+                  <MButton type="primary">${zh ? '编辑' : 'Edit'}</MButton>
+                  <MButton>${zh ? '返回' : 'Back'}</MButton>
+                </MSpace>
+              </template>
+            </MPageHeader>
+            <MCard :title="${zh ? '基本信息' : 'Basics'}">
+              <p style="margin:0;color:var(--m-color-text-muted)">${zh ? '用定义列表或网格展示属性；相关列表用 MTable + rows。' : 'Use a definition grid; related lists use MTable + rows.'}</p>
             </MCard>`;
-    const settingsContent = `            <MPageHeader :title="title" :description="${zh ? '按域分组配置偏好。' : 'Grouped preference settings.'}" />
-            <MTabs v-model="activeTab" :tabs="settingTabs">
-              <template #default="{ activeValue }">
-                <MPageSection v-if="activeValue === 'general'" variant="form" :title="${zh ? '常规' : 'General'}">
-                  <MForm @submit.prevent="submit">
-                    <MFormItem label="${zh ? '显示名称' : 'Display name'}" name="name" required>
-                      <MInput v-model="model.name" fluid />
-                    </MFormItem>
-                    <MPageSection variant="actions">
-                      <MButton html-type="submit" type="primary" :loading="loading">${zh ? '保存' : 'Save'}</MButton>
-                    </MPageSection>
-                  </MForm>
-                </MPageSection>
-              </template>
+    const settingsContent = `            <MPageHeader :title="title" :description="${zh ? '按域分组配置偏好。' : 'Grouped preference settings.'}" />
+            <MTabs v-model="activeTab" :tabs="settingTabs">
+              <template #default="{ activeValue }">
+                <MPageSection v-if="activeValue === 'general'" variant="form" :title="${zh ? '常规' : 'General'}">
+                  <MForm @submit.prevent="submit">
+                    <MFormItem label="${zh ? '显示名称' : 'Display name'}" name="name" required>
+                      <MInput v-model="model.name" fluid />
+                    </MFormItem>
+                    <MPageSection variant="actions">
+                      <MButton html-type="submit" type="primary" :loading="loading">${zh ? '保存' : 'Save'}</MButton>
+                    </MPageSection>
+                  </MForm>
+                </MPageSection>
+              </template>
             </MTabs>`;
-    const wizardContent = `            <MPageHeader :title="title" :description="${zh ? '每步一个主任务。' : 'One job per step.'}" />
-            <MStepper v-model="activeStep" :steps="wizardSteps" linear />
-            <MPageSection variant="form">
-              <MForm @submit.prevent="submit">
-                <MFormItem label="${zh ? '名称' : 'Name'}" name="name" required>
-                  <MInput v-model="model.name" fluid />
-                </MFormItem>
-                <MPageSection variant="actions">
-                  <MSpace>
-                    <MButton type="text" :disabled="activeStep === 0" @click="activeStep = Math.max(activeStep - 1, 0)">${zh ? '上一步' : 'Back'}</MButton>
-                    <MButton html-type="submit" type="primary" :loading="loading">${zh ? '下一步' : 'Next'}</MButton>
-                  </MSpace>
-                </MPageSection>
-              </MForm>
+    const wizardContent = `            <MPageHeader :title="title" :description="${zh ? '每步一个主任务。' : 'One job per step.'}" />
+            <MStepper v-model="activeStep" :steps="wizardSteps" linear />
+            <MPageSection variant="form">
+              <MForm @submit.prevent="submit">
+                <MFormItem label="${zh ? '名称' : 'Name'}" name="name" required>
+                  <MInput v-model="model.name" fluid />
+                </MFormItem>
+                <MPageSection variant="actions">
+                  <MSpace>
+                    <MButton type="text" :disabled="activeStep === 0" @click="activeStep = Math.max(activeStep - 1, 0)">${zh ? '上一步' : 'Back'}</MButton>
+                    <MButton html-type="submit" type="primary" :loading="loading">${zh ? '下一步' : 'Next'}</MButton>
+                  </MSpace>
+                </MPageSection>
+              </MForm>
             </MPageSection>`;
     let innerTemplate = '';
     if (isList) {
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <MLayout has-sider fill-viewport>
-    <MLayoutSider bordered />
-    <MLayout>
-      <MLayoutHeader :padding="'var(--m-space-4) var(--m-space-6)'">
-        <MBreadcrumb :model="[{ label: '${zh ? '首页' : 'Home'}', to: '/' }, { label: '${title}' }]" />
-      </MLayoutHeader>
-      <MLayoutContent>
-        <MPageContent fill>
-${listContent}
-        </MPageContent>
-      </MLayoutContent>
-    </MLayout>
-  </MLayout>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <MLayout has-sider fill-viewport>
+    <MLayoutSider bordered />
+    <MLayout>
+      <MLayoutHeader :padding="'var(--m-space-4) var(--m-space-6)'">
+        <MBreadcrumb :model="[{ label: '${zh ? '首页' : 'Home'}', to: '/' }, { label: '${title}' }]" />
+      </MLayoutHeader>
+      <MLayoutContent>
+        <MPageContent fill>
+${listContent}
+        </MPageContent>
+      </MLayoutContent>
+    </MLayout>
+  </MLayout>
 </MConfigProvider>`;
     }
     else if (useLayoutShell) {
@@ -252,76 +252,76 @@ ${listContent}
                         ? wizardContent
                         : formContent;
         const pageContentAttrs = isForm || isSettings || isWizard ? ' width="narrow"' : isDashboard ? ' density="spacious"' : '';
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <MLayout fill-viewport>
-    <MLayoutHeader :padding="'var(--m-space-4) var(--m-space-6)'">
-      <MBreadcrumb :model="[{ label: '${zh ? '首页' : 'Home'}', to: '/' }, { label: title }]" />
-    </MLayoutHeader>
-    <MLayoutContent>
-      <MPageContent${pageContentAttrs}>
-${content}
-      </MPageContent>
-    </MLayoutContent>
-  </MLayout>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <MLayout fill-viewport>
+    <MLayoutHeader :padding="'var(--m-space-4) var(--m-space-6)'">
+      <MBreadcrumb :model="[{ label: '${zh ? '首页' : 'Home'}', to: '/' }, { label: title }]" />
+    </MLayoutHeader>
+    <MLayoutContent>
+      <MPageContent${pageContentAttrs}>
+${content}
+      </MPageContent>
+    </MLayoutContent>
+  </MLayout>
 </MConfigProvider>`;
     }
     else if (isAuth) {
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <main class="m-generated-page m-generated-auth">
-    <MCard>
-      <MForm label-position="top" @submit.prevent="submit">
-        <MFormItem label="${zh ? '邮箱' : 'Email'}" name="email">
-          <MInput type="email" fluid />
-        </MFormItem>
-        <MFormItem label="${zh ? '密码' : 'Password'}" name="password">
-          <MInput type="password" fluid />
-        </MFormItem>
-        <MButton html-type="submit" type="primary" :loading="loading" block>${zh ? '登录' : 'Sign in'}</MButton>
-      </MForm>
-    </MCard>
-  </main>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <main class="m-generated-page m-generated-auth">
+    <MCard>
+      <MForm label-position="top" @submit.prevent="submit">
+        <MFormItem label="${zh ? '邮箱' : 'Email'}" name="email">
+          <MInput type="email" fluid />
+        </MFormItem>
+        <MFormItem label="${zh ? '密码' : 'Password'}" name="password">
+          <MInput type="password" fluid />
+        </MFormItem>
+        <MButton html-type="submit" type="primary" :loading="loading" block>${zh ? '登录' : 'Sign in'}</MButton>
+      </MForm>
+    </MCard>
+  </main>
 </MConfigProvider>`;
     }
     else if (isEmpty) {
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <main class="m-generated-page">
-    <MPageContent>
-      <MPageHeader :title="title">
-        <template #actions>
-          <MButton type="primary" @click="submit">${zh ? '新建' : 'Create'}</MButton>
-        </template>
-      </MPageHeader>
-    <MEmpty
-      :title="${zh ? '暂无内容' : 'Nothing here yet'}"
-      :description="${zh ? '创建第一条记录开始使用。' : 'Create your first record to get started.'}"
-      icon="database"
-    >
-      <template #extra>
-        <MButton type="primary" @click="submit">${zh ? '创建' : 'Create'}</MButton>
-      </template>
-    </MEmpty>
-    </MPageContent>
-  </main>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <main class="m-generated-page">
+    <MPageContent>
+      <MPageHeader :title="title">
+        <template #actions>
+          <MButton type="primary" @click="submit">${zh ? '新建' : 'Create'}</MButton>
+        </template>
+      </MPageHeader>
+    <MEmpty
+      :title="${zh ? '暂无内容' : 'Nothing here yet'}"
+      :description="${zh ? '创建第一条记录开始使用。' : 'Create your first record to get started.'}"
+      icon="database"
+    >
+      <template #extra>
+        <MButton type="primary" @click="submit">${zh ? '创建' : 'Create'}</MButton>
+      </template>
+    </MEmpty>
+    </MPageContent>
+  </main>
 </MConfigProvider>`;
     }
     else {
-        innerTemplate = `<MConfigProvider :locale="zhCN">
-  <main class="m-generated-page">
-    <MCard>
-      <p class="m-generated-muted">${zh ? '将此区域替换为页面内容。' : 'Replace this area with page content.'}</p>
-      <MTag value="${zh ? '示例' : 'Example'}" type="info" />
-    </MCard>
-  </main>
+        innerTemplate = `<MConfigProvider :locale="zhCN">
+  <main class="m-generated-page">
+    <MCard>
+      <p class="m-generated-muted">${zh ? '将此区域替换为页面内容。' : 'Replace this area with page content.'}</p>
+      <MTag value="${zh ? '示例' : 'Example'}" type="info" />
+    </MCard>
+  </main>
 </MConfigProvider>`;
     }
-    const template = `<template>
-  ${innerTemplate}
-  <p v-if="error" role="alert" class="m-generated-error">${'{{ error }}'}</p>
+    const template = `<template>
+  ${innerTemplate}
+  <p v-if="error" role="alert" class="m-generated-error">${'{{ error }}'}</p>
 </template>`;
-    const style = `<style scoped>
-.m-generated-auth { display: grid; place-items: center; padding: var(--m-space-8); max-width: 24rem; margin: 0 auto; min-height: 100vh; }
-.m-generated-empty { display: grid; gap: var(--m-space-2); justify-items: center; padding: var(--m-space-8); text-align: center; }
-.m-generated-error { color: var(--m-color-danger); padding: 0 var(--m-space-6); }
+    const style = `<style scoped>
+.m-generated-auth { display: grid; place-items: center; padding: var(--m-space-8); max-width: 24rem; margin: 0 auto; min-height: 100vh; }
+.m-generated-empty { display: grid; gap: var(--m-space-2); justify-items: center; padding: var(--m-space-8); text-align: center; }
+.m-generated-error { color: var(--m-color-danger); padding: 0 var(--m-space-6); }
 </style>`;
     return { script, template, style };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@morya-ui/mcp",
   "type": "module",
-  "version": "0.4.4",
+  "version": "0.5.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",