m8-mcp-server 1.0.0 → 1.0.2

package/resources/cases/form-submit-vue2.json

@@ -0,0 +1,15 @@
+{
+  "id": "form-submit-vue2",
+  "title": "表单提交 (Vue2/M8.3)",
+  "description": "使用 M8.3 移动前端框架进行表单页面的开发和提交",
+  "category": "form-submit",
+  "vueVersion": 2,
+  "files": [
+    {
+      "name": "form.vue",
+      "path": "src/pages/m8demo/form.vue",
+      "description": "表单页面组件",
+      "code": "<!--\n * @作者: 开发者\n * @创建时间: 2024-12-29\n * @修改时间: 2024-12-29\n * @版本: [1.0]\n * @版权: 国泰新点软件股份有限公司\n * @描述: 表单提交示例页面\n-->\n<template>\n    <view class=\"container\">\n        <em-form ref=\"form\" :model=\"formData\" :rules=\"rules\">\n            <em-cell-group>\n                <em-field\n                    v-model=\"formData.name\"\n                    name=\"name\"\n                    label=\"姓名\"\n                    placeholder=\"请输入姓名\"\n                    required\n                />\n                <em-field\n                    v-model=\"formData.phone\"\n                    name=\"phone\"\n                    type=\"tel\"\n                    label=\"手机号\"\n                    placeholder=\"请输入手机号\"\n                    required\n                />\n                <em-field\n                    v-model=\"formData.date\"\n                    name=\"date\"\n                    label=\"日期\"\n                    placeholder=\"请选择日期\"\n                    readonly\n                    clickable\n                    is-link\n                    @click=\"showDatePicker = true\"\n                />\n                <em-field\n                    v-model=\"formData.remark\"\n                    name=\"remark\"\n                    type=\"textarea\"\n                    label=\"备注\"\n                    placeholder=\"请输入备注\"\n                    :autosize=\"{ minHeight: 80 }\"\n                />\n            </em-cell-group>\n        </em-form>\n        \n        <view class=\"btn-wrapper\">\n            <em-button type=\"primary\" block @click=\"onSubmit\">提交</em-button>\n        </view>\n        \n        <em-datepicker\n            v-model=\"showDatePicker\"\n            @confirm=\"onDateConfirm\"\n        />\n    </view>\n</template>\n\n<script>\nexport default {\n    data() {\n        return {\n            formData: {\n                name: '',\n                phone: '',\n                date: '',\n                remark: ''\n            },\n            rules: {\n                name: [{ required: true, message: '请输入姓名' }],\n                phone: [\n                    { required: true, message: '请输入手机号' },\n                    { pattern: /^1[3-9]\\d{9}$/, message: '手机号格式不正确' }\n                ]\n            },\n            showDatePicker: false\n        };\n    },\n    methods: {\n        onDateConfirm(value) {\n            this.formData.date = value;\n            this.showDatePicker = false;\n        },\n        async onSubmit() {\n            try {\n                await this.$refs.form.validate();\n                \n                ejs.ui.showWaiting({ message: '提交中...' });\n                \n                const result = await Util.ajax({\n                    url: Config.serverUrl + '/rest/submit',\n                    type: 'POST',\n                    data: {\n                        params: JSON.stringify(this.formData)\n                    }\n                });\n                \n                ejs.ui.closeWaiting();\n                \n                if (result && result.status && result.status.code === 1) {\n                    ejs.ui.toast({ message: '提交成功' });\n                    ejs.page.close();\n                } else {\n                    ejs.ui.toast({ message: result.status.text || '提交失败' });\n                }\n            } catch (error) {\n                ejs.ui.closeWaiting();\n                console.error('表单验证失败:', error);\n            }\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.container {\n    padding-bottom: 80px;\n}\n.btn-wrapper {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 16px;\n    background: #fff;\n}\n</style>"
+    }
+  ]
+}

package/resources/cases/index.json

@@ -0,0 +1,8 @@
+{
+  "cases": [
+    { "id": "list-detail-vue2", "title": "列表详情 (Vue2/M8.3)", "category": "list-detail", "vueVersion": 2, "file": "list-detail-vue2.json" },
+    { "id": "list-detail-vue3", "title": "列表详情 (Vue3/M8.4)", "category": "list-detail", "vueVersion": 3, "file": "list-detail-vue3.json" },
+    { "id": "form-submit-vue2", "title": "表单提交 (Vue2/M8.3)", "category": "form-submit", "vueVersion": 2, "file": "form-submit-vue2.json" },
+    { "id": "form-submit-vue3", "title": "表单提交 (Vue3/M8.4)", "category": "form-submit", "vueVersion": 3, "file": "form-submit-vue3.json" }
+  ]
+}

package/resources/cases/list-detail-vue2.json

@@ -0,0 +1,27 @@
+{
+  "id": "list-detail-vue2",
+  "title": "列表详情 (Vue2/M8.3)",
+  "description": "使用 M8.3 移动前端框架进行下拉刷新列表、详情页面的开发",
+  "category": "list-detail",
+  "vueVersion": 2,
+  "files": [
+    {
+      "name": "router.js",
+      "path": "src/pages/m8demo/router.js",
+      "description": "路由配置文件",
+      "code": "/**\n * router.js无需import组件，需要path路径与vue组件名称保持匹配。\n */\nconst routes = [\n    {\n        path: 'pages/m8demo/list',\n        style: {\n            navigationBarTitleText: '列表页面',\n        },\n    },\n    {\n        path: 'pages/m8demo/detail',\n        style: {\n            navigationBarTitleText: '详情页面',\n        },\n    },\n];\n\nexport default routes;"
+    },
+    {
+      "name": "list.vue",
+      "path": "src/pages/m8demo/list.vue",
+      "description": "列表页面组件",
+      "code": "<template>\n    <view class=\"container\">\n        <em-minirefresh\n            ref=\"scrollPull\"\n            :initPageIndex=\"initPageIndex\"\n            :page-size=\"pageSize\"\n            :url=\"url\"\n            :request-data=\"dataRequest\"\n            :change-data=\"dataChange\"\n        >\n            <template v-slot:default=\"{ listData }\">\n                <em-cell v-for=\"(item, index) in listData\" :key=\"index\" :title=\"item.title\" @click=\"itemClick(item)\" />\n            </template>\n        </em-minirefresh>\n    </view>\n</template>\n\n<script>\nexport default {\n    data() {\n        return {\n            url: `${Config.serverUrl}/rest/list`,\n            initPageIndex: 0,\n            pageSize: 10\n        };\n    },\n    methods: {\n        dataRequest(currPage, pageSize) {\n            return {\n                params: JSON.stringify({\n                    currentpageindex: currPage,\n                    pagesize: pageSize\n                })\n            };\n        },\n        dataChange(res) {\n            if (res && res.status && res.status.code === 1) {\n                return res.custom.infolist;\n            }\n            console.error('接口返回参数错误');\n            return [];\n        },\n        itemClick(item) {\n            ejs.page.open({\n                pageUrl: './detail',\n                data: { id: item.id }\n            });\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.container {\n    height: 100vh;\n}\n</style>"
+    },
+    {
+      "name": "detail.vue",
+      "path": "src/pages/m8demo/detail.vue",
+      "description": "详情页面组件",
+      "code": "<template>\n    <div class=\"container\">\n        <h1>{{ title }}</h1>\n        <div v-html=\"content\"></div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'detail',\n    data() {\n        return {\n            title: '',\n            content: ''\n        };\n    },\n    created() {\n        const id = Util.getExtraDataByKey('id') || '';\n        this.getDetail(id);\n    },\n    methods: {\n        getDetail(id) {\n            Util.ajax({\n                url: `${Config.serverUrl}/rest/detail`,\n                data: {\n                    params: JSON.stringify({ guid: id })\n                }\n            })\n            .then((result) => {\n                if (result && result.status && result.status.code === 1) {\n                    this.title = result.custom.info.title;\n                    this.content = result.custom.info.data;\n                }\n            })\n            .catch((err) => {\n                console.error(err);\n            });\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\" scoped></style>"
+    }
+  ]
+}

package/resources/components/button.json

@@ -0,0 +1,74 @@
+{
+  "id": "button",
+  "name": "em-button",
+  "title": "按钮",
+  "description": "按钮组件，支持多种类型、尺寸和状态。",
+  "props": [
+    { "name": "type", "type": "string", "default": "info", "required": false, "description": "类型，可选值为 primary、default、warning、danger" },
+    { "name": "size", "type": "string", "default": "normal", "required": false, "description": "尺寸，可选值为 large、small、mini" },
+    { "name": "text", "type": "string", "default": "-", "required": false, "description": "按钮文字" },
+    { "name": "color", "type": "string", "default": "-", "required": false, "description": "按钮颜色，支持传入 linear-gradient 渐变色" },
+    { "name": "icon", "type": "string", "default": "-", "required": false, "description": "左侧图标名称或图片链接" },
+    { "name": "icon-size", "type": "string/number", "default": "-", "required": false, "description": "图标大小，默认单位是 px" },
+    { "name": "icon-position", "type": "string", "default": "left", "required": false, "description": "图标展示位置，可选值为 right" },
+    { "name": "block", "type": "boolean", "default": "false", "required": false, "description": "是否为块级元素" },
+    { "name": "plain", "type": "boolean", "default": "false", "required": false, "description": "是否为朴素按钮" },
+    { "name": "square", "type": "boolean", "default": "false", "required": false, "description": "是否为方形按钮" },
+    { "name": "round", "type": "boolean", "default": "true", "required": false, "description": "是否为圆形按钮" },
+    { "name": "disabled", "type": "boolean", "default": "false", "required": false, "description": "是否禁用按钮" },
+    { "name": "hairline", "type": "boolean", "default": "false", "required": false, "description": "是否使用 0.5px 边框" },
+    { "name": "loading", "type": "boolean", "default": "false", "required": false, "description": "是否显示为加载状态" },
+    { "name": "loading-text", "type": "string", "default": "-", "required": false, "description": "加载状态提示文字" },
+    { "name": "loading-type", "type": "string", "default": "circular", "required": false, "description": "加载图标类型，可选值为 spinner、ball、operation" },
+    { "name": "loading-size", "type": "string", "default": "20px", "required": false, "description": "加载图标大小" },
+    { "name": "url", "type": "string", "default": "-", "required": false, "description": "点击后跳转的链接地址" },
+    { "name": "to", "type": "string/object", "default": "-", "required": false, "description": "点击后跳转的目标路由对象" },
+    { "name": "replace", "type": "boolean", "default": "false", "required": false, "description": "是否在跳转时替换当前页面历史" }
+  ],
+  "events": [
+    { "name": "click", "parameters": "event: Event", "description": "点击按钮，且按钮状态不为加载或禁用时触发" },
+    { "name": "touchstart", "parameters": "event: TouchEvent", "description": "开始触摸按钮时触发" }
+  ],
+  "slots": [],
+  "examples": {
+    "vue2": [
+      {
+        "title": "按钮类型",
+        "code": "<em-button type=\"primary\">主要按钮</em-button>\n<em-button type=\"info\">信息按钮</em-button>\n<em-button type=\"default\">默认按钮</em-button>\n<em-button type=\"warning\">警告按钮</em-button>\n<em-button type=\"danger\">危险按钮</em-button>",
+        "description": "按钮支持 default、primary、info、warning、danger 五种类型"
+      },
+      {
+        "title": "朴素按钮",
+        "code": "<em-button plain type=\"primary\">朴素按钮</em-button>\n<em-button plain type=\"info\">朴素按钮</em-button>",
+        "description": "通过 plain 属性将按钮设置为朴素按钮"
+      },
+      {
+        "title": "禁用状态",
+        "code": "<em-button disabled type=\"primary\">禁用状态</em-button>",
+        "description": "通过 disabled 属性来禁用按钮"
+      },
+      {
+        "title": "加载状态",
+        "code": "<em-button loading type=\"primary\" />\n<em-button loading type=\"info\" loading-text=\"加载中...\" />",
+        "description": "通过 loading 属性设置按钮为加载状态"
+      },
+      {
+        "title": "按钮尺寸",
+        "code": "<em-button type=\"primary\" size=\"large\">大号按钮</em-button>\n<em-button type=\"primary\" size=\"normal\">普通按钮</em-button>\n<em-button type=\"primary\" size=\"small\">小型按钮</em-button>\n<em-button type=\"primary\" size=\"mini\">迷你按钮</em-button>",
+        "description": "支持 large、normal、small、mini 四种尺寸"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "按钮类型",
+        "code": "<em-button type=\"primary\">主要按钮</em-button>\n<em-button type=\"info\">信息按钮</em-button>\n<em-button type=\"default\">默认按钮</em-button>\n<em-button type=\"warning\">警告按钮</em-button>\n<em-button type=\"danger\">危险按钮</em-button>",
+        "description": "按钮支持 default、primary、info、warning、danger 五种类型"
+      },
+      {
+        "title": "朴素按钮",
+        "code": "<em-button plain type=\"primary\">朴素按钮</em-button>\n<em-button plain type=\"info\">朴素按钮</em-button>",
+        "description": "通过 plain 属性将按钮设置为朴素按钮"
+      }
+    ]
+  }
+}

package/resources/components/cell.json

@@ -0,0 +1,69 @@
+{
+  "id": "cell",
+  "name": "em-cell",
+  "title": "单元格",
+  "description": "单元格组件，用于展示列表项。",
+  "props": [
+    { "name": "title", "type": "number/string", "default": "-", "required": false, "description": "左侧标题" },
+    { "name": "value", "type": "number/string", "default": "-", "required": false, "description": "右侧内容" },
+    { "name": "label", "type": "string", "default": "-", "required": false, "description": "标题下方的描述信息" },
+    { "name": "size", "type": "string", "default": "-", "required": false, "description": "单元格大小，可选值为 large" },
+    { "name": "icon", "type": "string", "default": "-", "required": false, "description": "左侧图标名称或图片链接" },
+    { "name": "icon-prefix", "type": "string", "default": "van-icon", "required": false, "description": "图标类名前缀" },
+    { "name": "url", "type": "string", "default": "-", "required": false, "description": "点击后跳转的链接地址" },
+    { "name": "to", "type": "string/object", "default": "-", "required": false, "description": "点击后跳转的目标路由对象" },
+    { "name": "border", "type": "boolean", "default": "true", "required": false, "description": "是否显示内边框" },
+    { "name": "replace", "type": "boolean", "default": "false", "required": false, "description": "是否在跳转时替换当前页面历史" },
+    { "name": "clickable", "type": "boolean", "default": "false", "required": false, "description": "是否开启点击反馈" },
+    { "name": "is-link", "type": "boolean", "default": "false", "required": false, "description": "是否展示右侧箭头并开启点击反馈" },
+    { "name": "required", "type": "boolean", "default": "false", "required": false, "description": "是否显示表单必填星号" },
+    { "name": "center", "type": "boolean", "default": "false", "required": false, "description": "是否使内容垂直居中" },
+    { "name": "arrow-direction", "type": "string", "default": "right", "required": false, "description": "箭头方向，可选值为 left、up、down" },
+    { "name": "title-style", "type": "string", "default": "-", "required": false, "description": "左侧标题额外样式" },
+    { "name": "title-class", "type": "string", "default": "-", "required": false, "description": "左侧标题额外类名" },
+    { "name": "value-class", "type": "string", "default": "-", "required": false, "description": "右侧内容额外类名" },
+    { "name": "label-class", "type": "string", "default": "-", "required": false, "description": "描述信息额外类名" }
+  ],
+  "events": [
+    { "name": "click", "parameters": "event: Event", "description": "点击单元格时触发" }
+  ],
+  "slots": [
+    { "name": "default", "description": "自定义右侧 value 的内容" },
+    { "name": "title", "description": "自定义左侧 title 的内容" },
+    { "name": "label", "description": "自定义标题下方 label 的内容" },
+    { "name": "icon", "description": "自定义左侧图标" },
+    { "name": "rightIcon", "description": "自定义右侧按钮，默认为 arrow" },
+    { "name": "extra", "description": "自定义单元格的额外内容" }
+  ],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-cell-group>\n  <em-cell title=\"单元格\" value=\"内容\" />\n  <em-cell title=\"单元格\" value=\"内容\" label=\"描述信息\" :border=\"false\" />\n</em-cell-group>",
+        "description": "Cell 可以单独使用，也可以与 CellGroup 搭配使用"
+      },
+      {
+        "title": "展示箭头",
+        "code": "<em-cell title=\"单元格\" is-link />\n<em-cell title=\"单元格\" is-link value=\"内容\" />\n<em-cell title=\"单元格\" is-link arrow-direction=\"down\" value=\"内容\" />",
+        "description": "设置 is-link 属性后会在单元格右侧显示箭头"
+      },
+      {
+        "title": "展示图标",
+        "code": "<em-cell title=\"单元格\" icon=\"location-o\" />",
+        "description": "通过 icon 属性在标题左侧展示图标"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-cell-group>\n  <em-cell title=\"单元格\" value=\"内容\" />\n  <em-cell title=\"单元格\" value=\"内容\" label=\"描述信息\" :border=\"false\" />\n</em-cell-group>",
+        "description": "Cell 可以单独使用，也可以与 CellGroup 搭配使用"
+      },
+      {
+        "title": "展示箭头",
+        "code": "<em-cell title=\"单元格\" is-link />\n<em-cell title=\"单元格\" is-link value=\"内容\" />",
+        "description": "设置 is-link 属性后会在单元格右侧显示箭头"
+      }
+    ]
+  }
+}

package/resources/components/field.json

@@ -0,0 +1,88 @@
+{
+  "id": "field",
+  "name": "em-field",
+  "title": "输入框",
+  "description": "表单中的输入框组件，支持多种类型和样式。",
+  "props": [
+    { "name": "v-model", "type": "number/string", "default": "-", "required": false, "description": "当前输入的值" },
+    { "name": "label", "type": "string", "default": "-", "required": false, "description": "输入框左侧文本" },
+    { "name": "name", "type": "string", "default": "-", "required": false, "description": "名称，提交表单的标识符" },
+    { "name": "type", "type": "string", "default": "text", "required": false, "description": "输入框类型，可选值为 tel、digit、number、textarea、password 等" },
+    { "name": "size", "type": "string", "default": "-", "required": false, "description": "大小，可选值为 large" },
+    { "name": "maxlength", "type": "number/string", "default": "-", "required": false, "description": "输入的最大字符数" },
+    { "name": "placeholder", "type": "string", "default": "-", "required": false, "description": "输入框占位提示文字" },
+    { "name": "placeholder-style", "type": "string", "default": "color: #b8becc;", "required": false, "description": "指定 placeholder 的样式" },
+    { "name": "border", "type": "boolean", "default": "true", "required": false, "description": "是否显示内边框" },
+    { "name": "disabled", "type": "boolean", "default": "false", "required": false, "description": "是否禁用输入框" },
+    { "name": "readonly", "type": "boolean", "default": "false", "required": false, "description": "是否只读" },
+    { "name": "colon", "type": "boolean", "default": "false", "required": false, "description": "是否在 label 后面添加冒号" },
+    { "name": "required", "type": "boolean", "default": "false", "required": false, "description": "是否显示表单必填星号" },
+    { "name": "center", "type": "boolean", "default": "false", "required": false, "description": "是否使内容垂直居中" },
+    { "name": "clearable", "type": "boolean", "default": "false", "required": false, "description": "是否启用清除图标" },
+    { "name": "clickable", "type": "boolean", "default": "false", "required": false, "description": "是否开启点击反馈" },
+    { "name": "is-link", "type": "boolean", "default": "false", "required": false, "description": "是否展示右侧箭头并开启点击反馈" },
+    { "name": "autofocus", "type": "boolean", "default": "false", "required": false, "description": "是否自动聚焦" },
+    { "name": "show-word-limit", "type": "boolean", "default": "false", "required": false, "description": "是否显示字数统计" },
+    { "name": "error", "type": "boolean", "default": "false", "required": false, "description": "是否将输入内容标红" },
+    { "name": "error-message", "type": "string", "default": "-", "required": false, "description": "底部错误提示文案" },
+    { "name": "formatter", "type": "Function", "default": "-", "required": false, "description": "输入内容格式化函数" },
+    { "name": "format-trigger", "type": "string", "default": "onChange", "required": false, "description": "格式化函数触发的时机，可选值为 onBlur" },
+    { "name": "label-width", "type": "number/string", "default": "96px", "required": false, "description": "左侧文本宽度" },
+    { "name": "label-align", "type": "string", "default": "left", "required": false, "description": "左侧文本对齐方式，可选值为 center、right" },
+    { "name": "input-align", "type": "string", "default": "left", "required": false, "description": "输入框对齐方式，可选值为 center、right、vertical" },
+    { "name": "autosize", "type": "boolean/object", "default": "false", "required": false, "description": "是否自适应内容高度，只对 textarea 有效" },
+    { "name": "left-icon", "type": "string", "default": "-", "required": false, "description": "左侧图标名称或图片链接" },
+    { "name": "right-icon", "type": "string", "default": "-", "required": false, "description": "右侧图标名称或图片链接" },
+    { "name": "rules", "type": "Rule[]", "default": "-", "required": false, "description": "表单校验规则" },
+    { "name": "basic", "type": "boolean", "default": "false", "required": false, "description": "是否使用基座风格样式" }
+  ],
+  "events": [
+    { "name": "input", "parameters": "value: string", "description": "输入框内容变化时触发" },
+    { "name": "focus", "parameters": "event: Event", "description": "输入框获得焦点时触发" },
+    { "name": "blur", "parameters": "event: Event", "description": "输入框失去焦点时触发" },
+    { "name": "clear", "parameters": "event: Event", "description": "点击清除按钮时触发" },
+    { "name": "click", "parameters": "event: Event", "description": "点击 Field 时触发" },
+    { "name": "click-input", "parameters": "event: Event", "description": "点击输入区域时触发" },
+    { "name": "click-left-icon", "parameters": "event: Event", "description": "点击左侧图标时触发" },
+    { "name": "click-right-icon", "parameters": "event: Event", "description": "点击右侧图标时触发" }
+  ],
+  "slots": [
+    { "name": "label", "description": "自定义输入框 label 标签" },
+    { "name": "input", "description": "自定义输入框" },
+    { "name": "leftIcon", "description": "自定义输入框头部图标" },
+    { "name": "rightIcon", "description": "自定义输入框尾部图标" },
+    { "name": "button", "description": "自定义输入框尾部按钮" },
+    { "name": "extra", "description": "自定义输入框最右侧的额外内容" }
+  ],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-cell-group>\n  <em-field v-model=\"value\" label=\"文本\" placeholder=\"请输入用户名\" />\n</em-cell-group>\n\n<script>\nexport default {\n  data() {\n    return {\n      value: ''\n    };\n  }\n};\n</script>",
+        "description": "通过 v-model 双向绑定输入框的值"
+      },
+      {
+        "title": "基座风格",
+        "code": "<em-cell-group>\n  <em-field label=\"横向必填项\" basic required is-link placeholder=\"请输入\" v-model=\"value\"></em-field>\n</em-cell-group>",
+        "description": "通过 basic 设置基座风格的样式"
+      },
+      {
+        "title": "自定义类型",
+        "code": "<em-field v-model=\"tel\" type=\"tel\" label=\"手机号\" />\n<em-field v-model=\"number\" type=\"number\" label=\"整数\" />\n<em-field v-model=\"password\" type=\"password\" label=\"密码\" />",
+        "description": "根据 type 属性定义不同类型的输入框"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-cell-group>\n  <em-field v-model=\"value\" label=\"文本\" placeholder=\"请输入用户名\" />\n</em-cell-group>\n\n<script setup>\nimport { ref } from 'vue';\nconst value = ref('');\n</script>",
+        "description": "通过 v-model 双向绑定输入框的值"
+      },
+      {
+        "title": "基座风格",
+        "code": "<em-cell-group>\n  <em-field label=\"横向必填项\" basic required is-link placeholder=\"请输入\" v-model=\"value\"></em-field>\n</em-cell-group>\n\n<script setup>\nimport { ref } from 'vue';\nconst value = ref('');\n</script>",
+        "description": "通过 basic 设置基座风格的样式"
+      }
+    ]
+  }
+}

package/resources/components/index.json

@@ -0,0 +1,72 @@
+{
+  "components": [
+    { "id": "actionsheet", "name": "em-actionsheet", "title": "动作面板", "file": "actionsheet.json" },
+    { "id": "amap", "name": "em-amap", "title": "地图", "file": "amap.json" },
+    { "id": "button", "name": "em-button", "title": "按钮", "file": "button.json" },
+    { "id": "cell", "name": "em-cell", "title": "单元格", "file": "cell.json" },
+    { "id": "checkbox", "name": "em-checkbox", "title": "复选框", "file": "checkbox.json" },
+    { "id": "circle", "name": "em-circle", "title": "环形进度条", "file": "circle.json" },
+    { "id": "datepicker", "name": "em-datepicker", "title": "日期选择", "file": "datepicker.json" },
+    { "id": "field", "name": "em-field", "title": "输入框", "file": "field.json" },
+    { "id": "form", "name": "em-form", "title": "表单", "file": "form.json" },
+    { "id": "header", "name": "em-header", "title": "头部导航栏", "file": "header.json" },
+    { "id": "icon", "name": "em-icon", "title": "图标", "file": "icon.json" },
+    { "id": "loading", "name": "em-loading", "title": "加载", "file": "loading.json" },
+    { "id": "noticebar", "name": "em-noticebar", "title": "通知栏", "file": "noticebar.json" },
+    { "id": "numberkeyboard", "name": "em-numberkeyboard", "title": "数字键盘", "file": "numberkeyboard.json" },
+    { "id": "pagination", "name": "em-pagination", "title": "分页", "file": "pagination.json" },
+    { "id": "panel", "name": "em-panel", "title": "面板", "file": "panel.json" },
+    { "id": "passwordinput", "name": "em-passwordinput", "title": "密码输入框", "file": "passwordinput.json" },
+    { "id": "picker", "name": "em-picker", "title": "选择器", "file": "picker.json" },
+    { "id": "popup", "name": "em-popup", "title": "弹出层", "file": "popup.json" },
+    { "id": "progress", "name": "em-progress", "title": "进度条", "file": "progress.json" },
+    { "id": "radio", "name": "em-radio", "title": "单选框", "file": "radio.json" },
+    { "id": "rate", "name": "em-rate", "title": "评分", "file": "rate.json" },
+    { "id": "search", "name": "em-search", "title": "搜索", "file": "search.json" },
+    { "id": "slider", "name": "em-slider", "title": "滑块", "file": "slider.json" },
+    { "id": "stepper", "name": "em-stepper", "title": "步进器", "file": "stepper.json" },
+    { "id": "swipecell", "name": "em-swipecell", "title": "滑动单元格", "file": "swipecell.json" },
+    { "id": "switch", "name": "em-switch", "title": "开关", "file": "switch.json" },
+    { "id": "switchcell", "name": "em-switchcell", "title": "开关单元格", "file": "switchcell.json" },
+    { "id": "tag", "name": "em-tag", "title": "标记", "file": "tag.json" },
+    { "id": "treeselect", "name": "em-treeselect", "title": "分类选择", "file": "treeselect.json" },
+    { "id": "uploader", "name": "em-uploader", "title": "文件上传", "file": "uploader.json" },
+    { "id": "verifycode", "name": "em-verifycode", "title": "验证码", "file": "verifycode.json" },
+    { "id": "minirefresh", "name": "em-minirefresh", "title": "下拉刷新", "file": "minirefresh.json" },
+    { "id": "layout", "name": "em-layout", "title": "布局", "file": "layout.json" },
+    { "id": "image", "name": "em-image", "title": "图片", "file": "image.json" },
+    { "id": "toast", "name": "em-toast", "title": "轻提示", "file": "toast.json" },
+    { "id": "calendar", "name": "em-calendar", "title": "日历", "file": "calendar.json" },
+    { "id": "area", "name": "em-area", "title": "省市区选择", "file": "area.json" },
+    { "id": "tab", "name": "em-tab", "title": "标签页", "file": "tab.json" },
+    { "id": "dialog", "name": "em-dialog", "title": "弹出框", "file": "dialog.json" },
+    { "id": "dropdownmenu", "name": "em-dropdownmenu", "title": "下拉菜单", "file": "dropdownmenu.json" },
+    { "id": "notify", "name": "em-notify", "title": "消息通知", "file": "notify.json" },
+    { "id": "overlay", "name": "em-overlay", "title": "遮罩层", "file": "overlay.json" },
+    { "id": "collapse", "name": "em-collapse", "title": "折叠面板", "file": "collapse.json" },
+    { "id": "grid", "name": "em-grid", "title": "宫格", "file": "grid.json" },
+    { "id": "countdown", "name": "em-countdown", "title": "倒计时", "file": "countdown.json" },
+    { "id": "divider", "name": "em-divider", "title": "分割线", "file": "divider.json" },
+    { "id": "empty", "name": "em-empty", "title": "空状态", "file": "empty.json" },
+    { "id": "imagepreview", "name": "em-imagepreview", "title": "图片预览", "file": "imagepreview.json" },
+    { "id": "lazyload", "name": "em-lazyload", "title": "懒加载", "file": "lazyload.json" },
+    { "id": "skeleton", "name": "em-skeleton", "title": "骨架屏", "file": "skeleton.json" },
+    { "id": "steps", "name": "em-steps", "title": "步骤条", "file": "steps.json" },
+    { "id": "sticky", "name": "em-sticky", "title": "粘性布局", "file": "sticky.json" },
+    { "id": "indexbar", "name": "em-indexbar", "title": "索引栏", "file": "indexbar.json" },
+    { "id": "sidebar", "name": "em-sidebar", "title": "侧边导航", "file": "sidebar.json" },
+    { "id": "tabbar", "name": "em-tabbar", "title": "标签栏", "file": "tabbar.json" },
+    { "id": "badge", "name": "em-badge", "title": "徽标", "file": "badge.json" },
+    { "id": "popover", "name": "em-popover", "title": "气泡弹出框", "file": "popover.json" },
+    { "id": "cascader", "name": "em-cascader", "title": "级联选择", "file": "cascader.json" },
+    { "id": "selectperson", "name": "em-selectperson", "title": "选人组件", "file": "selectperson.json" },
+    { "id": "swipe", "name": "em-swipe", "title": "轮播", "file": "swipe.json" },
+    { "id": "easycalendar", "name": "em-easycalendar", "title": "日历", "file": "easycalendar.json" },
+    { "id": "qrcode", "name": "em-qrcode", "title": "二维码", "file": "qrcode.json" },
+    { "id": "imagescale", "name": "em-imagescale", "title": "图片裁剪", "file": "imagescale.json" },
+    { "id": "dragsort", "name": "em-dragsort", "title": "拖拽排序", "file": "dragsort.json" },
+    { "id": "chart", "name": "em-chart", "title": "图表", "file": "chart.json" },
+    { "id": "rtc", "name": "em-rtc", "title": "音视频", "file": "rtc.json" },
+    { "id": "table", "name": "em-table", "title": "表格", "file": "table.json" }
+  ]
+}

package/resources/standards/css.json

@@ -0,0 +1,108 @@
+{
+  "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>"
+    }
+  ]
+}