m8-mcp-server 1.0.5 → 1.0.7

package/resources/components/verifycode.json

@@ -1,94 +0,0 @@
-{
-  "id": "verifycode",
-  "name": "em-verifycode",
-  "title": "验证码",
-  "description": "验证码组件。",
-  "props": [
-    {
-      "name": "len",
-      "type": "number",
-      "default": "4",
-      "required": false,
-      "description": "验证码字符串长度"
-    },
-    {
-      "name": "minfontsize",
-      "type": "number",
-      "default": "20",
-      "required": false,
-      "description": "验证码字符最小字体大小"
-    },
-    {
-      "name": "maxfontsize",
-      "type": "number",
-      "default": "35",
-      "required": false,
-      "description": "验证码字符最大字体大小"
-    },
-    {
-      "name": "bgColor",
-      "type": "string",
-      "default": "#444",
-      "required": false,
-      "description": "验证码边框颜色"
-    },
-    {
-      "name": "colors",
-      "type": "array",
-      "default": "-",
-      "required": false,
-      "description": "自定义验证码每个字符颜色"
-    },
-    {
-      "name": "width",
-      "type": "number",
-      "default": "130",
-      "required": false,
-      "description": "验证码画布宽度"
-    },
-    {
-      "name": "height",
-      "type": "number",
-      "default": "60",
-      "required": false,
-      "description": "验证码画布高度"
-    },
-    {
-      "name": "enableCaseValidation",
-      "type": "boolean",
-      "default": "false",
-      "required": false,
-      "description": "是否开启大小写校验"
-    },
-    {
-      "name": "lines",
-      "type": "number",
-      "default": "8",
-      "required": false,
-      "description": "干扰线数量"
-    },
-    {
-      "name": "points",
-      "type": "number",
-      "default": "100",
-      "required": false,
-      "description": "干扰点数量"
-    }
-  ],
-  "events": [],
-  "slots": [],
-  "examples": {
-    "vue2": [
-      {
-        "title": "基础用法",
-        "code": "<em-field placeholder=\"请输入验证码\" v-model=\"value\"></em-field>\n<em-verify-code :width=\"160\" style=\"margin: 10px;\" ref=\"verifycode\"></em-verify-code>\n<em-button class=\"mr10\" type=\"primary\" plain @click=\"checkVerifyCode\">校验验证码</em-button>\n<em-button type=\"danger\" plain @click=\"updateVerify\">更新验证码</em-button>"
-      }
-    ],
-    "vue3": [
-      {
-        "title": "基础用法",
-        "code": "<em-field placeholder=\"请输入验证码\" v-model=\"value\"></em-field>\n<em-verify-code :width=\"160\" style=\"margin: 10px;\" ref=\"verifycode\"></em-verify-code>\n<em-button class=\"mr10\" type=\"primary\" plain @click=\"checkVerifyCode\">校验验证码</em-button>\n<em-button type=\"danger\" plain @click=\"updateVerify\">更新验证码</em-button>"
-      }
-    ]
-  }
-}

package/resources/standards/css.json

@@ -1,108 +0,0 @@
-{
-  "id": "css-style",
-  "category": "css",
-  "title": "CSS/SCSS 编码规范",
-  "version": "1.1.0",
-  "lastUpdated": "2024-12-19",
-  "description": "M8 框架项目中 CSS/SCSS 的编码标准",
-  "rules": [
-    {
-      "id": "css-variables",
-      "title": "使用 SASS 变量统一管理颜色和样式",
-      "description": "整体风格（颜色、字体、间距等）必须使用 SASS 变量统一管理，禁止在代码中硬编码颜色值。",
-      "correctExample": "// 在 variables.scss 中定义\n$color-primary: #1890ff;\n$color-text-primary: #333;\n\n// 使用变量\n.button {\n  background-color: $color-primary;\n  color: $color-text-primary;\n}",
-      "incorrectExample": ".button {\n  background-color: #1890ff;\n  color: #333333;\n}"
-    },
-    {
-      "id": "css-bem",
-      "title": "BEM 命名规范",
-      "description": "推荐使用 BEM (Block Element Modifier) 命名规范。块: block，元素: block__element，修饰符: block--modifier",
-      "correctExample": ".card { }\n.card__header { }\n.card__header--active { }",
-      "incorrectExample": ".card-header-active { }"
-    },
-    {
-      "id": "css-naming",
-      "title": "类名使用小写英文、数字和下划线组合",
-      "description": "样式名称由小写英文、数字和下划线组合命名，避免使用中文拼音，命名要语义化、简明化。",
-      "correctExample": ".page_header { }\n.nav_item { }\n.btn_primary { }\n.user_avatar { }",
-      "incorrectExample": ".yonghu_touxiang { }  // 中文拼音\n.pageHeader { }  // 驼峰命名\n.a1 { }  // 不语义化"
-    },
-    {
-      "id": "css-deep-selectors",
-      "title": "样式穿透 (Deep Selectors)",
-      "description": "Vue2 使用 ::v-deep，Vue3 使用 :deep()。使用样式穿透后，禁止结合 BEM 后缀选择器。",
-      "correctExample": ":deep(.em-cell) {\n  // .em-cell 的样式\n}\n\n:deep(.em-cell__title) {\n  // .em-cell__title 的样式\n}",
-      "incorrectExample": ":deep(.em-cell) {\n  &__title { }  // Sass 无法正确编译\n}"
-    },
-    {
-      "id": "css-no-id",
-      "title": "避免使用 ID 选择器",
-      "description": "ID 选择器优先级过高，不利于样式复用和覆盖。",
-      "correctExample": ".header { }\n.main_content { }",
-      "incorrectExample": "#header { }\n#main_content { }"
-    },
-    {
-      "id": "css-no-tag",
-      "title": "尽量少使用标签选择器",
-      "description": "避免直接使用标签选择器，使用类选择器代替。",
-      "correctExample": ".nav_link { }\n.list_item { }",
-      "incorrectExample": "a { }\nli { }\ndiv { }"
-    },
-    {
-      "id": "css-selector-newline",
-      "title": "多选择器情况，每个选择器单独占一行",
-      "description": "当有多个选择器时，每个选择器应该单独占一行。",
-      "correctExample": ".header,\n.footer,\n.sidebar {\n  padding: 16px;\n}",
-      "incorrectExample": ".header, .footer, .sidebar { padding: 16px; }"
-    },
-    {
-      "id": "css-nesting-depth",
-      "title": "选择器嵌套不超过 3 层",
-      "description": "过深的嵌套会增加选择器优先级，降低性能。",
-      "correctExample": ".card {\n  .card_header {\n    .card_title { }\n  }\n}",
-      "incorrectExample": ".page {\n  .content {\n    .card {\n      .card_header {\n        .card_title { }\n      }\n    }\n  }\n}"
-    },
-    {
-      "id": "css-property-order",
-      "title": "CSS 推荐书写顺序",
-      "description": "按以下顺序排列 CSS 属性：1.位置属性 2.大小 3.文字系列 4.背景 5.其他",
-      "correctExample": ".element {\n  /* 1. 位置属性 */\n  position: absolute;\n  display: flex;\n  /* 2. 大小 */\n  width: 100%;\n  padding: 16px;\n  /* 3. 文字系列 */\n  font-size: 14px;\n  color: #333;\n  /* 4. 背景 */\n  background: #fff;\n  border: 1px solid #eee;\n  /* 5. 其他 */\n  transition: all 0.3s;\n}",
-      "incorrectExample": ".element {\n  color: #333;\n  position: absolute;\n  background: #fff;\n  width: 100%;\n}"
-    },
-    {
-      "id": "css-position-zindex",
-      "title": "使用 position 定位时，必须加上 z-index",
-      "description": "当使用 position: fixed/absolute 时，必须指定 z-index 值。",
-      "correctExample": ".modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1000;\n}",
-      "incorrectExample": ".modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n}"
-    },
-    {
-      "id": "css-hex-shorthand",
-      "title": "16 进制颜色值可缩写时必须缩写",
-      "description": "当设置的颜色是 16 进制的色彩值时，如果每两位的值相同，必须缩写。",
-      "correctExample": ".text {\n  color: #333;\n  background: #fff;\n}",
-      "incorrectExample": ".text {\n  color: #333333;\n  background: #ffffff;\n}"
-    },
-    {
-      "id": "css-zero-unit",
-      "title": "避免为 0 值指定单位",
-      "description": "当值为 0 时，不需要指定单位。",
-      "correctExample": ".element {\n  margin: 0;\n  padding: 0;\n}",
-      "incorrectExample": ".element {\n  margin: 0px;\n  padding: 0px;\n}"
-    },
-    {
-      "id": "css-no-important",
-      "title": "避免使用 !important",
-      "description": "!important 会破坏样式的层叠规则，应该通过提高选择器优先级来解决。",
-      "correctExample": ".page .button {\n  color: red;\n}",
-      "incorrectExample": ".button {\n  color: red !important;\n}"
-    },
-    {
-      "id": "css-no-inline",
-      "title": "避免使用内联样式",
-      "description": "内联样式难以维护和复用，应该使用类选择器。",
-      "correctExample": "<div class=\"highlight_text\">内容</div>",
-      "incorrectExample": "<div style=\"color: red; font-size: 14px;\">内容</div>"
-    }
-  ]
-}

package/resources/standards/javascript.json

@@ -1,129 +0,0 @@
-{
-  "id": "js-style",
-  "category": "javascript",
-  "title": "JavaScript/TypeScript 编码规范",
-  "version": "1.0.0",
-  "lastUpdated": "2024-12-19",
-  "description": "M8 框架项目中 JavaScript/TypeScript 的编码标准",
-  "rules": [
-    {
-      "id": "js-camelcase",
-      "title": "变量和函数使用 camelCase",
-      "description": "变量名和函数名应该使用小驼峰命名法。",
-      "correctExample": "const userName = 'John';\nconst itemCount = 10;\nfunction getUserInfo() { }\nfunction handleClick() { }",
-      "incorrectExample": "const user_name = 'John';\nconst ItemCount = 10;\nfunction GetUserInfo() { }"
-    },
-    {
-      "id": "js-constants",
-      "title": "常量使用 UPPER_SNAKE_CASE",
-      "description": "常量应该使用全大写加下划线的命名方式。",
-      "correctExample": "const MAX_COUNT = 100;\nconst API_BASE_URL = '/api';\nconst DEFAULT_PAGE_SIZE = 20;",
-      "incorrectExample": "const maxCount = 100;\nconst apiBaseUrl = '/api';"
-    },
-    {
-      "id": "js-class-pascalcase",
-      "title": "类和组件使用 PascalCase",
-      "description": "类名和组件名应该使用大驼峰命名法。",
-      "correctExample": "class UserService { }\nclass DataManager { }\nconst UserProfile = defineComponent({ });",
-      "incorrectExample": "class userService { }\nclass data_manager { }"
-    },
-    {
-      "id": "js-single-responsibility",
-      "title": "函数应该只做一件事",
-      "description": "每个函数应该只负责一个功能，保持函数的单一职责。",
-      "correctExample": "function validateEmail(email) {\n  return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email);\n}\n\nfunction formatUserName(user) {\n  return `${user.firstName} ${user.lastName}`;\n}",
-      "incorrectExample": "function processUser(user) {\n  // 验证、格式化、保存、发送通知都在一个函数里\n}"
-    },
-    {
-      "id": "js-default-params",
-      "title": "使用默认参数",
-      "description": "使用 ES6 默认参数语法代替手动检查和赋值。",
-      "correctExample": "function createUser(name, role = 'user', active = true) {\n  return { name, role, active };\n}",
-      "incorrectExample": "function createUser(name, role, active) {\n  role = role || 'user';\n  active = active !== undefined ? active : true;\n}"
-    },
-    {
-      "id": "js-destructuring",
-      "title": "使用解构参数",
-      "description": "当函数参数较多时，使用对象解构使代码更清晰。",
-      "correctExample": "function updateUser({ id, name, email }) {\n  // ...\n}\n\nupdateUser({ id: 1, name: 'John', email: 'john@example.com' });",
-      "incorrectExample": "function updateUser(id, name, email) {\n  // ...\n}"
-    },
-    {
-      "id": "js-async-await",
-      "title": "优先使用 async/await",
-      "description": "异步操作优先使用 async/await 语法，避免回调地狱。",
-      "correctExample": "async function fetchUserData(userId) {\n  try {\n    const response = await Util.ajax({\n      url: `${Config.serverUrl}/api/user/${userId}`,\n      type: 'GET'\n    });\n    return response.data;\n  } catch (error) {\n    console.error('获取用户数据失败:', error);\n    throw error;\n  }\n}",
-      "incorrectExample": "function fetchUserData(userId, callback) {\n  Util.ajax({\n    url: url,\n    success: (response) => {\n      Util.ajax({\n        // 嵌套回调...\n      });\n    }\n  });\n}"
-    },
-    {
-      "id": "js-promise-all",
-      "title": "并发请求使用 Promise.all",
-      "description": "多个独立的异步请求应该使用 Promise.all 并发执行。",
-      "correctExample": "async function loadPageData() {\n  const [users, products, orders] = await Promise.all([\n    fetchUsers(),\n    fetchProducts(),\n    fetchOrders()\n  ]);\n  return { users, products, orders };\n}",
-      "incorrectExample": "async function loadPageData() {\n  const users = await fetchUsers();\n  const products = await fetchProducts();\n  const orders = await fetchOrders();\n}"
-    },
-    {
-      "id": "js-try-catch",
-      "title": "使用 try-catch 处理异步错误",
-      "description": "异步操作必须使用 try-catch 进行错误处理。",
-      "correctExample": "async function submitForm(data) {\n  try {\n    const result = await Util.ajax({\n      url: Config.serverUrl + '/api/submit',\n      type: 'POST',\n      data: { params: JSON.stringify(data) }\n    });\n    return result.data;\n  } catch (error) {\n    console.error('表单提交失败:', error);\n    ejs.ui.toast({ message: error.message || '网络错误，请重试' });\n    throw error;\n  }\n}",
-      "incorrectExample": "async function submitForm(data) {\n  const result = await Util.ajax({ ... });\n  return result.data;\n}"
-    },
-    {
-      "id": "js-meaningful-errors",
-      "title": "提供有意义的错误信息",
-      "description": "抛出的错误应该包含有意义的描述信息。",
-      "correctExample": "function validateAge(age) {\n  if (typeof age !== 'number') {\n    throw new TypeError(`年龄必须是数字，收到: ${typeof age}`);\n  }\n  if (age < 0 || age > 150) {\n    throw new RangeError(`年龄必须在 0-150 之间，收到: ${age}`);\n  }\n}",
-      "incorrectExample": "function validateAge(age) {\n  if (typeof age !== 'number' || age < 0 || age > 150) {\n    throw new Error('Invalid');\n  }\n}"
-    },
-    {
-      "id": "js-util-ajax",
-      "title": "使用 Util.ajax 进行 HTTP 请求",
-      "description": "M8 框架中必须使用 Util.ajax 进行网络请求，禁止使用 fetch 或 axios。",
-      "correctExample": "const result = await Util.ajax({\n  url: Config.serverUrl + '/api/data',\n  type: 'POST',\n  data: { params: JSON.stringify(params) },\n  dataPath: 'data'\n});",
-      "incorrectExample": "const result = await fetch('/api/data');\nconst result = await axios.get('/api/data');"
-    },
-    {
-      "id": "js-config-url",
-      "title": "使用 Config 管理配置",
-      "description": "API 地址等配置必须使用 Config 对象，禁止硬编码。",
-      "correctExample": "const apiUrl = Config.serverUrl + '/api/users';",
-      "incorrectExample": "const apiUrl = 'http://localhost:3000/api/users';"
-    },
-    {
-      "id": "js-no-var",
-      "title": "避免使用 var",
-      "description": "使用 const 和 let 代替 var。",
-      "correctExample": "const name = 'John';  // 不会重新赋值\nlet count = 0;  // 会重新赋值",
-      "incorrectExample": "var count = 0;\nvar name = 'John';"
-    },
-    {
-      "id": "js-no-mutate-params",
-      "title": "避免修改函数参数",
-      "description": "不要直接修改函数参数，应该返回新对象。",
-      "correctExample": "function updateUser(user) {\n  return {\n    ...user,\n    name: 'New Name'\n  };\n}",
-      "incorrectExample": "function updateUser(user) {\n  user.name = 'New Name';\n  return user;\n}"
-    },
-    {
-      "id": "js-strict-equality",
-      "title": "避免使用 == 进行比较",
-      "description": "使用严格相等 === 代替宽松相等 ==。",
-      "correctExample": "if (count === 0) { }",
-      "incorrectExample": "if (value == null) { }\nif (count == '0') { }"
-    },
-    {
-      "id": "js-util-string",
-      "title": "使用 Util.string 进行字符串校验",
-      "description": "优先使用 Util.string 提供的校验方法，而不是手写正则。",
-      "correctExample": "Util.string.isMobile('13800000000');\nUtil.string.isEmail('test@example.com');\nUtil.string.isIdCard('110101199001011234');",
-      "incorrectExample": "/^1[3-9]\\d{9}$/.test('13800000000');"
-    },
-    {
-      "id": "js-console-log",
-      "title": "日志输出规范",
-      "description": "禁止使用无参数的 console.log，必须包含日志信息描述。",
-      "correctExample": "console.log('提交表单数据:', data);\nconsole.error('接口请求失败:', err);",
-      "incorrectExample": "console.log(data);"
-    }
-  ]
-}

package/resources/standards/project-structure.json

@@ -1,101 +0,0 @@
-{
-  "id": "project-structure",
-  "category": "project-structure",
-  "title": "项目结构规范",
-  "version": "1.0.0",
-  "lastUpdated": "2024-12-19",
-  "description": "M8 框架项目的目录结构和文件组织标准",
-  "rules": [
-    {
-      "id": "project-standard-structure",
-      "title": "标准项目结构",
-      "description": "M8 项目应该遵循标准的目录结构，包括 src/api、src/assets、src/components、src/pages、src/router、src/store、src/utils 等目录。",
-      "correctExample": "project/\n├── src/\n│   ├── api/              # API 接口定义\n│   ├── assets/           # 静态资源\n│   ├── components/       # 公共组件\n│   ├── pages/            # 页面组件\n│   ├── router/           # 路由配置\n│   ├── store/            # 状态管理\n│   ├── utils/            # 工具函数\n│   ├── App.vue\n│   └── main.js",
-      "incorrectExample": "project/\n├── src/\n│   ├── all-files-in-one-folder/"
-    },
-    {
-      "id": "project-component-naming",
-      "title": "组件文件命名使用 PascalCase",
-      "description": "组件文件使用 PascalCase 命名。",
-      "correctExample": "components/\n├── UserProfile.vue\n├── TodoList.vue\n└── common/\n    ├── BaseButton.vue\n    └── BaseInput.vue",
-      "incorrectExample": "components/\n├── userProfile.vue\n├── todo-list.vue"
-    },
-    {
-      "id": "project-page-structure",
-      "title": "页面文件按模块划分",
-      "description": "页面文件应严格按照模块划分，每个模块对应一个文件夹。",
-      "correctExample": "pages/\n├── home/\n│   └── index.vue\n├── user/\n│   ├── index.vue\n│   ├── profile.vue\n│   └── settings.vue\n└── order/\n    ├── list.vue\n    └── detail.vue",
-      "incorrectExample": "pages/\n├── home.vue\n├── user.vue\n├── user-profile.vue"
-    },
-    {
-      "id": "project-utils-naming",
-      "title": "工具函数文件使用 kebab-case",
-      "description": "工具函数文件使用 kebab-case 命名。",
-      "correctExample": "utils/\n├── date-format.js\n├── string-utils.js\n├── validate.js\n└── index.js",
-      "incorrectExample": "utils/\n├── dateFormat.js\n├── StringUtils.js"
-    },
-    {
-      "id": "project-api-organization",
-      "title": "按模块组织 API",
-      "description": "API 接口应该按模块组织，并在 index.js 中统一导出。",
-      "correctExample": "// api/user.js\nexport function getUserInfo(userId) {\n  return request({\n    url: `/api/user/${userId}`,\n    method: 'GET'\n  });\n}\n\n// api/index.js\nexport * from './user';\nexport * from './order';",
-      "incorrectExample": "// 所有 API 都写在一个文件里"
-    },
-    {
-      "id": "project-request-wrapper",
-      "title": "请求封装",
-      "description": "应该封装统一的请求方法，使用 Util.ajax 和 Config.serverUrl。",
-      "correctExample": "// api/request.js\nexport function request(options) {\n  return Util.ajax({\n    url: Config.serverUrl + options.url,\n    type: options.method || 'POST',\n    data: options.data ? { params: JSON.stringify(options.data) } : undefined\n  });\n}",
-      "incorrectExample": "// 每个 API 都直接调用 fetch 或 axios"
-    },
-    {
-      "id": "project-common-components",
-      "title": "公共组件使用 Base 或 Ne 前缀",
-      "description": "公共组件放在 components/common/ 目录下，使用 Base 或 Ne 前缀。",
-      "correctExample": "components/\n├── common/\n│   ├── BaseButton.vue\n│   ├── BaseInput.vue\n│   └── index.js\n└── business/\n    ├── UserCard.vue\n    └── OrderItem.vue",
-      "incorrectExample": "components/\n├── Button.vue\n├── Input.vue"
-    },
-    {
-      "id": "project-page-components",
-      "title": "页面级组件放在页面目录下",
-      "description": "页面特有的组件放在页面目录下的 components/ 子目录中。",
-      "correctExample": "pages/\n└── order/\n    ├── index.vue\n    ├── detail.vue\n    └── components/\n        ├── OrderHeader.vue\n        └── OrderItems.vue",
-      "incorrectExample": "// 页面特有组件放在全局 components 目录"
-    },
-    {
-      "id": "project-vuex-modules",
-      "title": "Vuex 模块化 (M8.3)",
-      "description": "Vuex 状态管理应该按模块划分。",
-      "correctExample": "store/\n├── index.js\n└── modules/\n    ├── user.js\n    ├── cart.js\n    └── order.js",
-      "incorrectExample": "store/\n└── index.js  // 所有状态都在一个文件里"
-    },
-    {
-      "id": "project-pinia-modules",
-      "title": "Pinia 模块化 (M8.4)",
-      "description": "Pinia 状态管理应该按模块划分，使用 useXxxStore 命名。",
-      "correctExample": "store/\n├── index.js\n└── modules/\n    ├── useUserStore.js\n    ├── useCartStore.js\n    └── useOrderStore.js",
-      "incorrectExample": "store/\n└── index.js  // 所有状态都在一个文件里"
-    },
-    {
-      "id": "project-styles-organization",
-      "title": "全局样式组织",
-      "description": "全局样式应该放在 assets/styles/ 目录下统一管理。",
-      "correctExample": "assets/\n└── styles/\n    ├── index.scss\n    ├── variables.scss\n    ├── mixins.scss\n    ├── reset.scss\n    └── utils.scss",
-      "incorrectExample": "// 样式文件散落在各处"
-    },
-    {
-      "id": "project-no-deep-nesting",
-      "title": "避免过深的目录嵌套",
-      "description": "目录结构应该保持扁平化，避免过深的嵌套。",
-      "correctExample": "src/pages/user/profile.vue\nsrc/components/UserAvatar.vue",
-      "incorrectExample": "src/modules/user/pages/profile/components/header/UserAvatar.vue"
-    },
-    {
-      "id": "project-no-circular-deps",
-      "title": "避免循环依赖",
-      "description": "模块之间不应该存在循环依赖，应该提取公共依赖。",
-      "correctExample": "// constants.js\nexport const BASE = 1;\n\n// a.js\nimport { BASE } from './constants';\nexport const a = BASE + 1;\n\n// b.js\nimport { BASE } from './constants';\nexport const b = BASE + 2;",
-      "incorrectExample": "// a.js\nimport { b } from './b';\nexport const a = b + 1;\n\n// b.js\nimport { a } from './a';\nexport const b = a + 1;"
-    }
-  ]
-}

package/resources/standards/vue.json

@@ -1,122 +0,0 @@
-{
-  "id": "vue-style",
-  "category": "vue",
-  "title": "Vue 组件编码规范",
-  "version": "1.2.0",
-  "lastUpdated": "2024-12-22",
-  "description": "M8 框架 Vue 组件的编码标准，适用于 M8.3 (Vue2) 和 M8.4 (Vue3) 项目",
-  "rules": [
-    {
-      "id": "vue-file-header",
-      "title": ".vue 文件必须包含头部注释",
-      "description": "每个 .vue 文件必须在顶部添加标准化的注释块，包含作者、时间、版本、版权和描述信息。",
-      "correctExample": "<!--\n * @作者: 张三\n * @创建时间: 2024-11-11 14:20:03\n * @修改时间: 2024-11-11 14:20:03\n * @版本: [1.0]\n * @版权: 国泰新点软件股份有限公司\n * @描述: 用户信息展示组件\n-->\n<template>\n  <!-- 组件内容 -->\n</template>",
-      "incorrectExample": "<template>\n  <!-- 缺少头部注释 -->\n</template>"
-    },
-    {
-      "id": "vue-component-naming",
-      "title": "组件文件命名使用 PascalCase",
-      "description": "组件文件名应使用 PascalCase 命名法。",
-      "correctExample": "UserProfile.vue\nTodoList.vue\nSearchInput.vue",
-      "incorrectExample": "userProfile.vue\nuser-profile.vue\ntodolist.vue"
-    },
-    {
-      "id": "vue-base-component-prefix",
-      "title": "基础组件使用特定前缀",
-      "description": "应用特定样式和约定的基础组件应该全部以一个特定的前缀开头，比如 Base、App 或 Ne。",
-      "correctExample": "BaseButton.vue\nBaseTable.vue\nNeInput.vue",
-      "incorrectExample": "MyButton.vue\nVueTable.vue"
-    },
-    {
-      "id": "vue-props-type",
-      "title": "Props 必须指定类型",
-      "description": "Props 定义应该尽量详细，至少需要指定其类型。",
-      "correctExample": "// Vue2\nexport default {\n  props: {\n    status: {\n      type: String,\n      required: true\n    },\n    count: {\n      type: Number,\n      default: 0\n    }\n  }\n}\n\n// Vue3\nconst props = defineProps<{\n  status: 'success' | 'warning' | 'error';\n  count?: number;\n}>();",
-      "incorrectExample": "props: ['status', 'count']"
-    },
-    {
-      "id": "vue-props-camelcase",
-      "title": "Props 命名使用 camelCase",
-      "description": "在声明 props 时，其命名应该始终使用 camelCase。",
-      "correctExample": "props: {\n  greetingText: String\n}",
-      "incorrectExample": "props: {\n  'greeting-text': String\n}"
-    },
-    {
-      "id": "vue-event-kebabcase",
-      "title": "事件名使用 kebab-case",
-      "description": "事件名应该使用 kebab-case 命名。",
-      "correctExample": "this.$emit('item-click', item);\nemit('update-value', newValue);",
-      "incorrectExample": "this.$emit('itemClick', item);\nemit('updateValue', newValue);"
-    },
-    {
-      "id": "vue-self-closing",
-      "title": "组件标签自闭合",
-      "description": "没有内容的组件应该自闭合。",
-      "correctExample": "<MyComponent />\n<ne-button type=\"primary\" />",
-      "incorrectExample": "<MyComponent></MyComponent>\n<ne-button type=\"primary\"></ne-button>"
-    },
-    {
-      "id": "vue-multi-attribute",
-      "title": "多属性换行",
-      "description": "当组件有多个属性时，应该每个属性占一行。",
-      "correctExample": "<ne-field\n  v-model=\"formData.name\"\n  label=\"姓名\"\n  placeholder=\"请输入姓名\"\n  required\n  :rules=\"nameRules\"\n/>",
-      "incorrectExample": "<ne-field v-model=\"formData.name\" label=\"姓名\" placeholder=\"请输入姓名\" required :rules=\"nameRules\" />"
-    },
-    {
-      "id": "vue-script-setup",
-      "title": "使用 script setup (Vue3)",
-      "description": "Vue3 项目推荐使用 <script setup> 语法。",
-      "correctExample": "<script setup>\nimport { ref, computed } from 'vue';\n\nconst count = ref(0);\nconst double = computed(() => count.value * 2);\n</script>",
-      "incorrectExample": "<script>\nimport { ref, computed, defineComponent } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const count = ref(0);\n    return { count };\n  }\n});\n</script>"
-    },
-    {
-      "id": "vue-code-order",
-      "title": "响应式数据声明顺序",
-      "description": "按照以下顺序组织代码：props/emits → refs → computed → watch → 生命周期 → methods",
-      "correctExample": "<script setup>\n// 1. Props 和 Emits\nconst props = defineProps<{ title: string }>();\nconst emit = defineEmits<{ (e: 'update', value: string): void }>();\n\n// 2. 响应式数据\nconst count = ref(0);\n\n// 3. 计算属性\nconst total = computed(() => count.value);\n\n// 4. 侦听器\nwatch(count, (newVal) => { });\n\n// 5. 生命周期\nonMounted(() => { });\n\n// 6. 方法\nfunction loadData() { }\n</script>",
-      "incorrectExample": "// 代码顺序混乱"
-    },
-    {
-      "id": "vue-style-external",
-      "title": "样式必须剥离到外部文件",
-      "description": "Vue 组件的样式必须剥离到独立的 SCSS 文件中，通过 @import 方式引入。",
-      "correctExample": "<style lang=\"scss\" scoped>\n@import './css/login.scss';\n</style>",
-      "incorrectExample": "<style lang=\"scss\" scoped>\n.login_page {\n  // 大量样式代码直接写在 .vue 文件中\n}\n</style>"
-    },
-    {
-      "id": "vue-style-scoped",
-      "title": "style 标签必须使用 scoped",
-      "description": "为避免样式污染，<style> 标签必须添加 scoped 属性。",
-      "correctExample": "<style lang=\"scss\" scoped>\n@import './css/user-profile.scss';\n</style>",
-      "incorrectExample": "<style lang=\"scss\">\n@import './css/user-profile.scss';\n</style>"
-    },
-    {
-      "id": "vue-no-header-refactor",
-      "title": "重构页面时不添加导航栏",
-      "description": "重构现有页面时，不需要添加 em-header 或 nav-bar 导航栏组件。导航栏由框架或原生容器统一管理。",
-      "correctExample": "<template>\n  <div class=\"page-container\">\n    <div class=\"content\">\n      <em-cell title=\"用户信息\" />\n    </div>\n  </div>\n</template>",
-      "incorrectExample": "<template>\n  <div class=\"page-container\">\n    <em-header title=\"页面标题\" />\n    <div class=\"content\">\n      <em-cell title=\"用户信息\" />\n    </div>\n  </div>\n</template>"
-    },
-    {
-      "id": "vue-no-complex-template",
-      "title": "避免在模板中使用复杂表达式",
-      "description": "复杂的逻辑应该使用计算属性，而不是直接写在模板中。",
-      "correctExample": "<template>\n  <div>{{ activeItemNames }}</div>\n</template>\n\n<script setup>\nconst activeItemNames = computed(() =>\n  items.value.filter(i => i.active).map(i => i.name).join(', ')\n);\n</script>",
-      "incorrectExample": "<template>\n  <div>{{ items.filter(i => i.active).map(i => i.name).join(', ') }}</div>\n</template>"
-    },
-    {
-      "id": "vue-no-mutate-props",
-      "title": "避免直接修改 Props",
-      "description": "不要直接修改 props，应该使用 emit 通知父组件。",
-      "correctExample": "emit('update:value', newValue);",
-      "incorrectExample": "props.value = newValue;"
-    },
-    {
-      "id": "vue-field-clickable",
-      "title": "输入框交互规范",
-      "description": "当输入框为 readonly 但需要点击触发操作时，必须同时添加 is-link 和 clickable 属性。",
-      "correctExample": "<em-field\n  v-model=\"date\"\n  readonly\n  clickable\n  is-link\n  label=\"选择日期\"\n  @click=\"showDatePicker\"\n/>",
-      "incorrectExample": "<em-field\n  v-model=\"date\"\n  readonly\n  label=\"选择日期\"\n  @click=\"showDatePicker\"\n/>"
-    }
-  ]
-}