m8-mcp-server 1.0.5 → 1.0.7

package/dist/generator/index.js

@@ -1,672 +1,307 @@
+import{generateFileHeader as m,generateScssFileHeader as b}from"./header.js";import{generateVueTemplate as j,filterValidComponents as P,suggestComponents as O}from"./vue-template.js";export*from"./header.js";export*from"./vue-template.js";function h(n){const t=[/创建(.+?)组件/,/生成(.+?)页面/,/实现(.+?)功能/,/(.+?)页面/,/(.+?)列表/,/(.+?)表单/,/(.+?)详情/];for(const o of t){const e=n.match(o);if(e&&e[1])return e[1].trim().replace(/[\s_]+/g,"-").toLowerCase()}return"my-page"}function v(n){const t=[/创建(.+?)组件/,/生成(.+?)页面/,/实现(.+?)功能/,/(.+?)页面/];for(const o of t){const e=n.match(o);if(e&&e[1])return e[1].trim()}return"\u9875\u9762\u6807\u9898"}function $(n,t,o=!0){const e=m({description:n}),a=o?`/rest/mock/${t}`:`/api/${t}`;return{code:`${e}
+
 /**
- * 代码生成器主入口
- * @作者 M8 Team
- * @创建时间 2024-12-29
- * @描述 根据需求生成符合 M8 规范的代码，包括 Vue、SCSS、Router、Mock 等
+ * ${n} - API \u63A5\u53E3
+ * \u4F7F\u7528 Util.ajax \u53D1\u9001\u8BF7\u6C42\uFF0C\u9075\u5FAA M8 \u89C4\u8303
  */
-import { generateFileHeader, generateScssFileHeader } from './header.js';
-import { generateVueTemplate, filterValidComponents, suggestComponents } from './vue-template.js';
+
 /**
- * 从需求描述中提取模块名称
- * @param requirement 需求描述
- * @returns 模块名称 (kebab-case)
+ * \u83B7\u53D6\u5217\u8868\u6570\u636E
+ * @param {Object} params - \u8BF7\u6C42\u53C2\u6570
+ * @returns {Promise} \u8BF7\u6C42\u7ED3\u679C
  */
-function extractModuleName(requirement) {
-    // 尝试从需求中提取有意义的名称
-    const patterns = [
-        /创建(.+?)组件/,
-        /生成(.+?)页面/,
-        /实现(.+?)功能/,
-        /(.+?)页面/,
-        /(.+?)列表/,
-        /(.+?)表单/,
-        /(.+?)详情/
-    ];
-    for (const pattern of patterns) {
-        const match = requirement.match(pattern);
-        if (match && match[1]) {
-            // 转换为 kebab-case
-            return match[1]
-                .trim()
-                .replace(/[\s_]+/g, '-')
-                .toLowerCase();
-        }
-    }
-    // 默认名称
-    return 'my-page';
-}
-/**
- * 从需求描述中提取页面标题
- * @param requirement 需求描述
- * @returns 页面标题
- */
-function extractPageTitle(requirement) {
-    const patterns = [
-        /创建(.+?)组件/,
-        /生成(.+?)页面/,
-        /实现(.+?)功能/,
-        /(.+?)页面/,
-    ];
-    for (const pattern of patterns) {
-        const match = requirement.match(pattern);
-        if (match && match[1]) {
-            return match[1].trim();
-        }
-    }
-    return '页面标题';
-}
-/**
- * 生成 API 调用代码
- * @param requirement 需求描述
- * @param moduleName 模块名称
- * @param useMock 是否使用 Mock
- * @returns 生成的代码
- */
-function generateApiCallCode(requirement, moduleName, useMock = true) {
-    const header = generateFileHeader({
-        description: requirement
-    });
-    const apiPath = useMock ? `/rest/mock/${moduleName}` : `/api/${moduleName}`;
-    const code = `${header}
-
-/**
- * ${requirement} - API 接口
- * 使用 Util.ajax 发送请求，遵循 M8 规范
- */
-
-/**
- * 获取列表数据
- * @param {Object} params - 请求参数
- * @returns {Promise} 请求结果
- */
-export function getList(params = {}) {
-  return Util.ajax({
-    url: Config.serverUrl + '${apiPath}/list',
-    type: 'POST',
-    data: {
-      params: JSON.stringify(params)
-    },
-    dataPath: 'data'
-  });
-}
-
-/**
- * 获取详情数据
- * @param {string} id - 数据 ID
- * @returns {Promise} 请求结果
- */
-export function getDetail(id) {
-  return Util.ajax({
-    url: Config.serverUrl + '${apiPath}/detail',
-    type: 'POST',
-    data: {
-      params: JSON.stringify({ id })
-    },
-    dataPath: 'data'
-  });
-}
-
-/**
- * 提交数据
- * @param {Object} data - 提交的数据
- * @returns {Promise} 请求结果
- */
-export function submitData(data) {
-  return Util.ajax({
-    url: Config.serverUrl + '${apiPath}/submit',
-    type: 'POST',
-    data: {
-      params: JSON.stringify(data)
-    }
-  });
-}
-`;
-    return {
-        code,
-        language: 'javascript',
-        explanation: `生成了符合 M8 规范的 API 调用代码：
-- 使用 Util.ajax 而非 fetch 或 axios
-- 使用 Config.serverUrl 作为 API 基础 URL
-- ${useMock ? '使用 Mock 接口路径 /rest/mock/' : '使用正式接口路径 /api/'}
-- 包含完整的错误处理`
-    };
+export function getList(params = {}) {
+  return Util.ajax({
+    url: Config.serverUrl + '${a}/list',
+    type: 'POST',
+    data: {
+      params: JSON.stringify(params)
+    },
+    dataPath: 'data'
+  });
 }
+
 /**
- * 生成 JavaScript 代码
- * @param requirement 需求描述
- * @returns 生成的代码
+ * \u83B7\u53D6\u8BE6\u60C5\u6570\u636E
+ * @param {string} id - \u6570\u636E ID
+ * @returns {Promise} \u8BF7\u6C42\u7ED3\u679C
  */
-function generateJavaScriptCode(requirement) {
-    const header = generateFileHeader({
-        description: requirement
-    });
-    const code = `${header}
-
-/**
- * ${requirement}
- */
-
-/**
- * 示例函数
- * @param {Object} options - 配置选项
- * @returns {*} 处理结果
- */
-export function processData(options = {}) {
-  // TODO: 实现数据处理逻辑
-  return options;
-}
-`;
-    return {
-        code,
-        language: 'javascript',
-        explanation: `生成了基础的 JavaScript 代码框架，包含：
-- 规范的文件头注释
-- 函数注释模板
-- 基础代码结构`
-    };
+export function getDetail(id) {
+  return Util.ajax({
+    url: Config.serverUrl + '${a}/detail',
+    type: 'POST',
+    data: {
+      params: JSON.stringify({ id })
+    },
+    dataPath: 'data'
+  });
 }
+
 /**
- * 生成 SCSS 代码
- * @param requirement 需求描述
- * @param moduleName 模块名称
- * @returns 生成的代码
+ * \u63D0\u4EA4\u6570\u636E
+ * @param {Object} data - \u63D0\u4EA4\u7684\u6570\u636E
+ * @returns {Promise} \u8BF7\u6C42\u7ED3\u679C
  */
-function generateScssCode(requirement, moduleName) {
-    const header = generateScssFileHeader({
-        description: requirement
-    });
-    // 生成 CSS 类名 (使用下划线风格)
-    const cssClassName = moduleName.replace(/-/g, '_');
-    const req = requirement.toLowerCase();
-    // 判断页面类型生成对应样式
-    const isLoginPage = req.includes('登录') || req.includes('login');
-    const isFormPage = req.includes('表单') || req.includes('form') || isLoginPage;
-    const isListPage = req.includes('列表') || req.includes('list');
-    let styleContent = '';
-    if (isLoginPage) {
-        styleContent = `
-// 登录页面样式
-.${cssClassName} {
-  min-height: 100vh;
-  padding: 40px 24px;
-  background: #f5f7fa;
-
-  &__form {
-    padding: 24px;
-    background: #fff;
-    border-radius: 8px;
-    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-  }
-
-  &__actions {
-    margin-top: 24px;
-    padding: 0 16px;
-  }
-}`;
-    }
-    else if (isFormPage) {
-        styleContent = `
-// 表单页面样式
-.${cssClassName} {
-  min-height: 100vh;
-  padding: 12px;
-  background: #f5f7fa;
-
-  &__actions {
-    margin-top: 24px;
-    padding: 0 16px;
-  }
-}`;
+export function submitData(data) {
+  return Util.ajax({
+    url: Config.serverUrl + '${a}/submit',
+    type: 'POST',
+    data: {
+      params: JSON.stringify(data)
     }
-    else if (isListPage) {
-        styleContent = `
-// 列表页面样式
-.${cssClassName} {
-  min-height: 100vh;
-  background: #f5f7fa;
-
-  &__item {
-    margin-bottom: 8px;
-    background: #fff;
-  }
-}`;
-    }
-    else {
-        styleContent = `
-// 页面样式
-.${cssClassName} {
-  min-height: 100vh;
-  padding: 12px;
-  background: #f5f7fa;
-
-  &__content {
-    padding: 16px;
-    background: #fff;
-    border-radius: 8px;
-  }
-}`;
-    }
-    const code = `${header}
-/**
- * ${requirement}
- * 样式文件遵循 BEM 命名规范
- */
-${styleContent}
-`;
-    return {
-        code,
-        language: 'scss',
-        explanation: `生成了符合 M8 规范的 SCSS 代码：
-- 使用 BEM 命名规范
-- 使用下划线风格的类名
-- 规范的文件头注释`
-    };
+  });
 }
+`,language:"javascript",explanation:`\u751F\u6210\u4E86\u7B26\u5408 M8 \u89C4\u8303\u7684 API \u8C03\u7528\u4EE3\u7801\uFF1A
+- \u4F7F\u7528 Util.ajax \u800C\u975E fetch \u6216 axios
+- \u4F7F\u7528 Config.serverUrl \u4F5C\u4E3A API \u57FA\u7840 URL
+- ${o?"\u4F7F\u7528 Mock \u63A5\u53E3\u8DEF\u5F84 /rest/mock/":"\u4F7F\u7528\u6B63\u5F0F\u63A5\u53E3\u8DEF\u5F84 /api/"}
+- \u5305\u542B\u5B8C\u6574\u7684\u9519\u8BEF\u5904\u7406`}}function C(n){return{code:`${m({description:n})}
+
 /**
- * 生成路由配置代码
- * @param moduleName 模块名称
- * @param pageTitle 页面标题
- * @returns 生成的代码
+ * ${n}
  */
-function generateRouterCode(moduleName, pageTitle) {
-    const header = generateFileHeader({
-        description: `${pageTitle} - 路由配置`
-    });
-    const code = `${header}
-
-/**
- * ${pageTitle} 路由配置
- * router.js 无需 import 组件，path 路径需与 vue 组件名称保持匹配
- * 构建时会自动将模块下的路由配置合并到 pages.json 内
- */
-
-// 定义路由规则
-const routes = [
-  {
-    path: 'pages/${moduleName}/index',
-    style: {
-      navigationBarTitleText: '${pageTitle}',
-      navigationStyle: 'custom'
-    }
-  }
-];
-
-// 路由选项
-const options = {
-  autoSubPackages: true,
-  isFirstModule: false
-};
-
-// 导出路由配置
-export default { routes, options };
-`;
-    return {
-        code,
-        language: 'javascript',
-        explanation: `生成了符合 M8 规范的路由配置：
-- 路径与 Vue 组件名称匹配
-- 包含导航栏标题配置
-- 使用 custom 导航样式`
-    };
-}
+
 /**
- * 生成 Mock 数据代码
- * @param moduleName 模块名称
- * @param requirement 需求描述
- * @returns 生成的代码
+ * \u793A\u4F8B\u51FD\u6570
+ * @param {Object} options - \u914D\u7F6E\u9009\u9879
+ * @returns {*} \u5904\u7406\u7ED3\u679C
  */
-function generateMockCode(moduleName, requirement) {
-    const header = generateFileHeader({
-        description: `${requirement} - Mock 数据`
-    });
-    const req = requirement.toLowerCase();
-    const isLoginPage = req.includes('登录') || req.includes('login');
-    const isListPage = req.includes('列表') || req.includes('list');
-    let mockContent = '';
-    if (isLoginPage) {
-        mockContent = `
-  {
-    // 登录接口
-    methodUrl: '/rest/mock/${moduleName}/submit',
-    input: {},
-    output: Mock.mock({
-      status: {
-        code: 1,
-        text: '登录成功'
-      },
-      data: {
-        token: '@guid',
-        userId: '@id',
-        username: '@cname'
-      }
-    })
-  }`;
-    }
-    else if (isListPage) {
-        mockContent = `
-  {
-    // 列表接口
-    methodUrl: '/rest/mock/${moduleName}/list',
-    input: {},
-    output: Mock.mock({
-      status: {
-        code: 1,
-        text: '成功'
-      },
-      data: {
-        'list|10-20': [
-          {
-            'id|+1': 1,
-            title: '@ctitle(5, 15)',
-            date: '@date("yyyy-MM-dd")',
-            content: '@cparagraph(1, 2)'
-          }
-        ],
-        total: '@integer(50, 200)'
-      }
-    })
-  },
-  {
-    // 详情接口
-    methodUrl: '/rest/mock/${moduleName}/detail',
-    input: {},
-    output: Mock.mock({
-      status: {
-        code: 1,
-        text: '成功'
-      },
-      data: {
-        id: '@id',
-        title: '@ctitle(10, 20)',
-        content: '@cparagraph(5, 10)',
-        createTime: '@datetime("yyyy-MM-dd HH:mm:ss")',
-        author: '@cname'
-      }
-    })
-  }`;
-    }
-    else {
-        mockContent = `
-  {
-    // 获取数据接口
-    methodUrl: '/rest/mock/${moduleName}',
-    input: {},
-    output: Mock.mock({
-      status: {
-        code: 1,
-        text: '成功'
-      },
-      data: {
-        id: '@id',
-        name: '@cname',
-        createTime: '@datetime("yyyy-MM-dd HH:mm:ss")'
-      }
-    })
-  },
-  {
-    // 提交数据接口
-    methodUrl: '/rest/mock/${moduleName}/submit',
-    input: {},
-    output: Mock.mock({
-      status: {
-        code: 1,
-        text: '提交成功'
-      },
-      data: {
-        id: '@id'
-      }
-    })
-  }`;
-    }
-    const code = `${header}
-
-/**
- * ${requirement} - Mock 数据配置
- * Mock 文件定义请求本地接口时响应的模拟数据
- */
-import Mock from '@mock';
-
-const mockData = [${mockContent}
-];
-
-export default mockData;
-`;
-    return {
-        code,
-        language: 'javascript',
-        explanation: `生成了符合 M8 规范的 Mock 数据配置：
-- 使用 @mock 导入 Mock 库
-- 定义了 methodUrl 匹配的接口
-- 使用 Mock.mock 生成随机数据`
-    };
+export function processData(options = {}) {
+  // TODO: \u5B9E\u73B0\u6570\u636E\u5904\u7406\u903B\u8F91
+  return options;
 }
+`,language:"javascript",explanation:`\u751F\u6210\u4E86\u57FA\u7840\u7684 JavaScript \u4EE3\u7801\u6846\u67B6\uFF0C\u5305\u542B\uFF1A
+- \u89C4\u8303\u7684\u6587\u4EF6\u5934\u6CE8\u91CA
+- \u51FD\u6570\u6CE8\u91CA\u6A21\u677F
+- \u57FA\u7840\u4EE3\u7801\u7ED3\u6784`}}function M(n,t){const o=b({description:n}),e=t.replace(/-/g,"_"),a=n.toLowerCase(),p=a.includes("\u767B\u5F55")||a.includes("login"),r=a.includes("\u8868\u5355")||a.includes("form")||p,s=a.includes("\u5217\u8868")||a.includes("list");let i="";return p?i=`
+// \u767B\u5F55\u9875\u9762\u6837\u5F0F
+.${e} {
+  min-height: 100vh;
+  padding: 40px 24px;
+  background: #f5f7fa;
+
+  &__form {
+    padding: 24px;
+    background: #fff;
+    border-radius: 8px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  }
+
+  &__actions {
+    margin-top: 24px;
+    padding: 0 16px;
+  }
+}`:r?i=`
+// \u8868\u5355\u9875\u9762\u6837\u5F0F
+.${e} {
+  min-height: 100vh;
+  padding: 12px;
+  background: #f5f7fa;
+
+  &__actions {
+    margin-top: 24px;
+    padding: 0 16px;
+  }
+}`:s?i=`
+// \u5217\u8868\u9875\u9762\u6837\u5F0F
+.${e} {
+  min-height: 100vh;
+  background: #f5f7fa;
+
+  &__item {
+    margin-bottom: 8px;
+    background: #fff;
+  }
+}`:i=`
+// \u9875\u9762\u6837\u5F0F
+.${e} {
+  min-height: 100vh;
+  padding: 12px;
+  background: #f5f7fa;
+
+  &__content {
+    padding: 16px;
+    background: #fff;
+    border-radius: 8px;
+  }
+}`,{code:`${o}
 /**
- * 生成 Vue 组件代码
- * @param requirement 需求描述
- * @param vueVersion Vue 版本
- * @param components 使用的组件列表
- * @param useMock 是否使用 Mock
- * @returns 生成的代码
+ * ${n}
+ * \u6837\u5F0F\u6587\u4EF6\u9075\u5FAA BEM \u547D\u540D\u89C4\u8303
  */
-function generateVueComponentCode(requirement, vueVersion = 2, components = [], useMock = true) {
-    // 从需求中提取组件名称
-    const componentName = extractModuleName(requirement);
-    const pageTitle = extractPageTitle(requirement);
-    // 验证组件
-    const { valid: validComponents, warnings } = filterValidComponents(components);
-    // 如果没有指定组件，根据需求智能推荐
-    const finalComponents = validComponents.length > 0
-        ? validComponents
-        : suggestComponents(requirement);
-    const options = {
-        name: componentName,
-        vueVersion,
-        description: requirement,
-        components: finalComponents,
-        includeStyle: true,
-        useMock,
-        pageTitle
-    };
-    const code = generateVueTemplate(options);
-    const apiStyle = vueVersion === 3 ? 'Composition API (script setup)' : 'Options API';
-    let explanation = `生成了 Vue${vueVersion} 组件代码：
-- 使用 ${apiStyle} 语法
-- 包含规范的文件头注释
-- 样式通过 @import 引入外部 SCSS 文件
-- 使用 ejs.ui.toast/showWaiting 等原生 API
-- 使用 Util.ajax + Config.serverUrl 发送请求`;
-    if (finalComponents.length > 0) {
-        explanation += `\n- 使用了 ${finalComponents.join(', ')} 组件`;
-    }
-    if (warnings.length > 0) {
-        explanation += `\n\n⚠️ 警告:\n${warnings.map(w => `- ${w}`).join('\n')}`;
-    }
-    return {
-        code,
-        language: 'vue',
-        explanation
-    };
-}
+${i}
+`,language:"scss",explanation:`\u751F\u6210\u4E86\u7B26\u5408 M8 \u89C4\u8303\u7684 SCSS \u4EE3\u7801\uFF1A
+- \u4F7F\u7528 BEM \u547D\u540D\u89C4\u8303
+- \u4F7F\u7528\u4E0B\u5212\u7EBF\u98CE\u683C\u7684\u7C7B\u540D
+- \u89C4\u8303\u7684\u6587\u4EF6\u5934\u6CE8\u91CA`}}function S(n,t){return{code:`${m({description:`${t} - \u8DEF\u7531\u914D\u7F6E`})}
+
 /**
- * 代码生成器类
+ * ${t} \u8DEF\u7531\u914D\u7F6E
+ * router.js \u65E0\u9700 import \u7EC4\u4EF6\uFF0Cpath \u8DEF\u5F84\u9700\u4E0E vue \u7EC4\u4EF6\u540D\u79F0\u4FDD\u6301\u5339\u914D
+ * \u6784\u5EFA\u65F6\u4F1A\u81EA\u52A8\u5C06\u6A21\u5757\u4E0B\u7684\u8DEF\u7531\u914D\u7F6E\u5408\u5E76\u5230 pages.json \u5185
  */
-export class CodeGenerator {
-    /**
-     * 生成代码
-     * @param options 生成选项
-     * @returns 生成的代码
-     */
-    generateCode(options) {
-        const { type, requirement, vueVersion = 2, components = [], useMock = true } = options;
-        // 如果 type 是数组，使用 generateMultipleCode
-        if (Array.isArray(type)) {
-            const result = this.generateMultipleCode({
-                types: type,
-                requirement,
-                vueVersion,
-                components,
-                useMock
-            });
-            // 返回第一个文件作为兼容
-            return {
-                code: result.files.map(f => f.code).join('\n\n'),
-                language: 'text',
-                explanation: result.explanation
-            };
-        }
-        const moduleName = extractModuleName(requirement);
-        switch (type) {
-            case 'vue-component':
-                return generateVueComponentCode(requirement, vueVersion, components, useMock);
-            case 'javascript':
-                return generateJavaScriptCode(requirement);
-            case 'scss':
-                return generateScssCode(requirement, moduleName);
-            case 'api-call':
-                return generateApiCallCode(requirement, moduleName, useMock);
-            case 'full-page':
-                // full-page 转换为完整页面生成（Vue + SCSS + Router + Mock）
-                const result = this.generateMultipleCode({
-                    types: ['vue-component', 'scss', 'router', 'mock'],
-                    requirement,
-                    vueVersion,
-                    components,
-                    useMock
-                });
-                return {
-                    code: result.files.map(f => `// === ${f.relativePath || f.filename} ===\n${f.code}`).join('\n\n'),
-                    language: 'text',
-                    explanation: result.explanation
-                };
-            default:
-                return {
-                    code: '',
-                    language: 'text',
-                    explanation: `不支持的代码类型: ${type}`
-                };
-        }
+
+// \u5B9A\u4E49\u8DEF\u7531\u89C4\u5219
+const routes = [
+  {
+    path: 'pages/${n}/index',
+    style: {
+      navigationBarTitleText: '${t}',
+      navigationStyle: 'custom'
     }
-    /**
-     * 生成多种类型的代码
-     * @param options 多文件生成选项
-     * @returns 多文件生成结果
-     */
-    generateMultipleCode(options) {
-        const { types, requirement, vueVersion = 2, components = [], useMock = true } = options;
-        const moduleName = extractModuleName(requirement);
-        const pageTitle = extractPageTitle(requirement);
-        // 默认模块路径在 src/pages 下
-        const modulePath = options.modulePath || `src/pages/${moduleName}`;
-        const files = [];
-        const explanations = [];
-        for (const type of types) {
-            let result;
-            let filename;
-            let relativePath;
-            switch (type) {
-                case 'vue-component':
-                    result = generateVueComponentCode(requirement, vueVersion, components, useMock);
-                    filename = 'index.vue';
-                    relativePath = `${modulePath}/index.vue`;
-                    break;
-                case 'javascript':
-                    result = generateJavaScriptCode(requirement);
-                    filename = `${moduleName}.js`;
-                    relativePath = `${modulePath}/${moduleName}.js`;
-                    break;
-                case 'scss':
-                    result = generateScssCode(requirement, moduleName);
-                    filename = `${moduleName}.scss`;
-                    relativePath = `${modulePath}/css/${moduleName}.scss`;
-                    break;
-                case 'api-call':
-                    result = generateApiCallCode(requirement, moduleName, useMock);
-                    filename = 'api.js';
-                    relativePath = `${modulePath}/api.js`;
-                    break;
-                case 'router':
-                    result = generateRouterCode(moduleName, pageTitle);
-                    filename = 'router.js';
-                    relativePath = `${modulePath}/router.js`;
-                    break;
-                case 'mock':
-                    result = generateMockCode(moduleName, requirement);
-                    filename = 'mock.js';
-                    relativePath = `${modulePath}/mock.js`;
-                    break;
-                default:
-                    continue;
-            }
-            files.push({
-                type,
-                code: result.code,
-                language: result.language,
-                filename,
-                relativePath
-            });
-            explanations.push(`**${relativePath}**: ${result.explanation.split('\n')[0]}`);
-        }
-        // 生成目录结构说明
-        const structureExplanation = `
-## 生成的文件结构
-
-\`\`\`
-${modulePath}/
-├── index.vue          # Vue 页面组件
-├── router.js          # 路由配置
-├── mock.js            # Mock 数据
-└── css/
-    └── ${moduleName}.scss  # 样式文件
-\`\`\`
-
-## 文件说明
-
-${explanations.join('\n\n')}
-
-## 使用说明
-
-1. 将生成的文件放置到对应目录
-2. Mock 数据会自动被框架加载
-3. 路由配置会自动合并到 pages.json
-4. 样式文件通过 @import 在 Vue 组件中引入
-`;
-        return {
-            files,
-            explanation: structureExplanation,
-            modulePath
-        };
-    }
-    /**
-     * 生成文件头注释
-     * @param options 头部选项
-     * @returns 头部注释字符串
-     */
-    generateFileHeader(options) {
-        return generateFileHeader(options);
-    }
-    /**
-     * 生成 Vue 模板
-     * @param options 模板选项
-     * @returns Vue 组件代码
-     */
-    generateVueTemplate(options) {
-        return generateVueTemplate(options);
-    }
-}
+  }
+];
+
+// \u8DEF\u7531\u9009\u9879
+const options = {
+  autoSubPackages: true,
+  isFirstModule: false
+};
+
+// \u5BFC\u51FA\u8DEF\u7531\u914D\u7F6E
+export default { routes, options };
+`,language:"javascript",explanation:`\u751F\u6210\u4E86\u7B26\u5408 M8 \u89C4\u8303\u7684\u8DEF\u7531\u914D\u7F6E\uFF1A
+- \u8DEF\u5F84\u4E0E Vue \u7EC4\u4EF6\u540D\u79F0\u5339\u914D
+- \u5305\u542B\u5BFC\u822A\u680F\u6807\u9898\u914D\u7F6E
+- \u4F7F\u7528 custom \u5BFC\u822A\u6837\u5F0F`}}function U(n,t){const o=m({description:`${t} - Mock \u6570\u636E`}),e=t.toLowerCase(),a=e.includes("\u767B\u5F55")||e.includes("login"),p=e.includes("\u5217\u8868")||e.includes("list");let r="";return a?r=`
+  {
+    // \u767B\u5F55\u63A5\u53E3
+    methodUrl: '/rest/mock/${n}/submit',
+    input: {},
+    output: Mock.mock({
+      status: {
+        code: 1,
+        text: '\u767B\u5F55\u6210\u529F'
+      },
+      data: {
+        token: '@guid',
+        userId: '@id',
+        username: '@cname'
+      }
+    })
+  }`:p?r=`
+  {
+    // \u5217\u8868\u63A5\u53E3
+    methodUrl: '/rest/mock/${n}/list',
+    input: {},
+    output: Mock.mock({
+      status: {
+        code: 1,
+        text: '\u6210\u529F'
+      },
+      data: {
+        'list|10-20': [
+          {
+            'id|+1': 1,
+            title: '@ctitle(5, 15)',
+            date: '@date("yyyy-MM-dd")',
+            content: '@cparagraph(1, 2)'
+          }
+        ],
+        total: '@integer(50, 200)'
+      }
+    })
+  },
+  {
+    // \u8BE6\u60C5\u63A5\u53E3
+    methodUrl: '/rest/mock/${n}/detail',
+    input: {},
+    output: Mock.mock({
+      status: {
+        code: 1,
+        text: '\u6210\u529F'
+      },
+      data: {
+        id: '@id',
+        title: '@ctitle(10, 20)',
+        content: '@cparagraph(5, 10)',
+        createTime: '@datetime("yyyy-MM-dd HH:mm:ss")',
+        author: '@cname'
+      }
+    })
+  }`:r=`
+  {
+    // \u83B7\u53D6\u6570\u636E\u63A5\u53E3
+    methodUrl: '/rest/mock/${n}',
+    input: {},
+    output: Mock.mock({
+      status: {
+        code: 1,
+        text: '\u6210\u529F'
+      },
+      data: {
+        id: '@id',
+        name: '@cname',
+        createTime: '@datetime("yyyy-MM-dd HH:mm:ss")'
+      }
+    })
+  },
+  {
+    // \u63D0\u4EA4\u6570\u636E\u63A5\u53E3
+    methodUrl: '/rest/mock/${n}/submit',
+    input: {},
+    output: Mock.mock({
+      status: {
+        code: 1,
+        text: '\u63D0\u4EA4\u6210\u529F'
+      },
+      data: {
+        id: '@id'
+      }
+    })
+  }`,{code:`${o}
+
 /**
- * 转换为 PascalCase
- * @param str 输入字符串
- * @returns PascalCase 字符串
+ * ${t} - Mock \u6570\u636E\u914D\u7F6E
+ * Mock \u6587\u4EF6\u5B9A\u4E49\u8BF7\u6C42\u672C\u5730\u63A5\u53E3\u65F6\u54CD\u5E94\u7684\u6A21\u62DF\u6570\u636E
  */
-function toPascalCase(str) {
-    return str
-        .split('-')
-        .map(part => part.charAt(0).toUpperCase() + part.slice(1))
-        .join('');
-}
-// 导出单例
-export const codeGenerator = new CodeGenerator();
-// 导出子模块
-export * from './header.js';
-export * from './vue-template.js';
-//# sourceMappingURL=index.js.map
+import Mock from '@mock';
+
+const mockData = [${r}
+];
+
+export default mockData;
+`,language:"javascript",explanation:`\u751F\u6210\u4E86\u7B26\u5408 M8 \u89C4\u8303\u7684 Mock \u6570\u636E\u914D\u7F6E\uFF1A
+- \u4F7F\u7528 @mock \u5BFC\u5165 Mock \u5E93
+- \u5B9A\u4E49\u4E86 methodUrl \u5339\u914D\u7684\u63A5\u53E3
+- \u4F7F\u7528 Mock.mock \u751F\u6210\u968F\u673A\u6570\u636E`}}function y(n,t=2,o=[],e=!0){const a=h(n),p=v(n),{valid:r,warnings:s}=P(o),i=r.length>0?r:O(n),f=j({name:a,vueVersion:t,description:n,components:i,includeStyle:!0,useMock:e,pageTitle:p});let g=`\u751F\u6210\u4E86 Vue${t} \u7EC4\u4EF6\u4EE3\u7801\uFF1A
+- \u4F7F\u7528 ${t===3?"Composition API (script setup)":"Options API"} \u8BED\u6CD5
+- \u5305\u542B\u89C4\u8303\u7684\u6587\u4EF6\u5934\u6CE8\u91CA
+- \u6837\u5F0F\u901A\u8FC7 @import \u5F15\u5165\u5916\u90E8 SCSS \u6587\u4EF6
+- \u4F7F\u7528 ejs.ui.toast/showWaiting \u7B49\u539F\u751F API
+- \u4F7F\u7528 Util.ajax + Config.serverUrl \u53D1\u9001\u8BF7\u6C42`;return i.length>0&&(g+=`
+- \u4F7F\u7528\u4E86 ${i.join(", ")} \u7EC4\u4EF6`),s.length>0&&(g+=`
+
+\u26A0\uFE0F \u8B66\u544A:
+${s.map(x=>`- ${x}`).join(`
+`)}`),{code:f,language:"vue",explanation:g}}class G{generateCode(t){const{type:o,requirement:e,vueVersion:a=2,components:p=[],useMock:r=!0}=t;if(Array.isArray(o)){const i=this.generateMultipleCode({types:o,requirement:e,vueVersion:a,components:p,useMock:r});return{code:i.files.map(c=>c.code).join(`
+
+`),language:"text",explanation:i.explanation}}const s=h(e);switch(o){case"vue-component":return y(e,a,p,r);case"javascript":return C(e);case"scss":return M(e,s);case"api-call":return $(e,s,r);case"full-page":const i=this.generateMultipleCode({types:["vue-component","scss","router","mock"],requirement:e,vueVersion:a,components:p,useMock:r});return{code:i.files.map(c=>`// === ${c.relativePath||c.filename} ===
+${c.code}`).join(`
+
+`),language:"text",explanation:i.explanation};default:return{code:"",language:"text",explanation:`\u4E0D\u652F\u6301\u7684\u4EE3\u7801\u7C7B\u578B: ${o}`}}}generateMultipleCode(t){const{types:o,requirement:e,vueVersion:a=2,components:p=[],useMock:r=!0}=t,s=h(e),i=v(e),c=t.modulePath||`src/pages/${s}`,f=[],k=[];for(const x of o){let d,l,u;switch(x){case"vue-component":d=y(e,a,p,r),l="index.vue",u=`${c}/index.vue`;break;case"javascript":d=C(e),l=`${s}.js`,u=`${c}/${s}.js`;break;case"scss":d=M(e,s),l=`${s}.scss`,u=`${c}/css/${s}.scss`;break;case"api-call":d=$(e,s,r),l="api.js",u=`${c}/api.js`;break;case"router":d=S(s,i),l="router.js",u=`${c}/router.js`;break;case"mock":d=U(s,e),l="mock.js",u=`${c}/mock.js`;break;default:continue}f.push({type:x,code:d.code,language:d.language,filename:l,relativePath:u}),k.push(`**${u}**: ${d.explanation.split(`
+`)[0]}`)}const g=`
+## \u751F\u6210\u7684\u6587\u4EF6\u7ED3\u6784
+
+\`\`\`
+${c}/
+\u251C\u2500\u2500 index.vue          # Vue \u9875\u9762\u7EC4\u4EF6
+\u251C\u2500\u2500 router.js          # \u8DEF\u7531\u914D\u7F6E
+\u251C\u2500\u2500 mock.js            # Mock \u6570\u636E
+\u2514\u2500\u2500 css/
+    \u2514\u2500\u2500 ${s}.scss  # \u6837\u5F0F\u6587\u4EF6
+\`\`\`
+
+## \u6587\u4EF6\u8BF4\u660E
+
+${k.join(`
+
+`)}
+
+## \u4F7F\u7528\u8BF4\u660E
+
+1. \u5C06\u751F\u6210\u7684\u6587\u4EF6\u653E\u7F6E\u5230\u5BF9\u5E94\u76EE\u5F55
+2. Mock \u6570\u636E\u4F1A\u81EA\u52A8\u88AB\u6846\u67B6\u52A0\u8F7D
+3. \u8DEF\u7531\u914D\u7F6E\u4F1A\u81EA\u52A8\u5408\u5E76\u5230 pages.json
+4. \u6837\u5F0F\u6587\u4EF6\u901A\u8FC7 @import \u5728 Vue \u7EC4\u4EF6\u4E2D\u5F15\u5165
+`;return{files:f,explanation:g,modulePath:c}}generateFileHeader(t){return m(t)}generateVueTemplate(t){return j(t)}}const _=new G;export{G as CodeGenerator,_ as codeGenerator};