m8-mcp-server 1.0.4 → 1.0.5

package/resources/components/cascader.json

@@ -0,0 +1,115 @@
+{
+  "id": "cascader",
+  "name": "em-cascader",
+  "title": "级联选择",
+  "description": "级联选择框，用于多层级数据的选择，典型场景为省市区选择, M8 框架`8.2.10`版本以上支持。",
+  "props": [
+    {
+      "name": "v-model",
+      "type": "boolean",
+      "default": "false",
+      "required": false,
+      "description": "级联选择组件的显隐"
+    },
+    {
+      "name": "title",
+      "type": "string",
+      "default": "-",
+      "required": false,
+      "description": "顶部标题"
+    },
+    {
+      "name": "selected-value",
+      "type": "string / number",
+      "default": "-",
+      "required": false,
+      "description": "选中项的值"
+    },
+    {
+      "name": "options",
+      "type": "Option[]",
+      "default": "[]",
+      "required": false,
+      "description": "可选项数据源"
+    },
+    {
+      "name": "placeholder",
+      "type": "string",
+      "default": "请选择",
+      "required": false,
+      "description": "未选中时的提示文案"
+    },
+    {
+      "name": "active-color",
+      "type": "string",
+      "default": "#2e6be5",
+      "required": false,
+      "description": "选中状态的高亮颜色"
+    },
+    {
+      "name": "closeable",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否显示关闭图标"
+    },
+    {
+      "name": "field-names",
+      "type": "object",
+      "default": "{ text: 'text', value: 'value', children: 'children' }",
+      "required": false,
+      "description": "自定义 `options` 结构中的字段"
+    }
+  ],
+  "events": [
+    {
+      "name": "close",
+      "parameters": "关闭弹出层时触发",
+      "description": "`value`: 当前弹出层是否展开"
+    }
+  ],
+  "slots": [
+    {
+      "name": "title",
+      "description": "自定义顶部标题"
+    }
+  ],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-field v-model=\"fieldValue\" is-link readonly label=\"地区\" placeholder=\"请选择所在地区\" @click=\"show = true\" />\n<em-cascader\n    v-model=\"show\"\n    title=\"请选择所在地区\"\n    :selected-value=\"cascaderValue\"\n    :options=\"options\"\n    @close=\"show = false\"\n    @finish=\"onFinish\"\n/>"
+      },
+      {
+        "title": "自定义颜色",
+        "code": "<em-cascader\n    v-model=\"show\"\n    title=\"请选择所在地区\"\n    active-color=\"#1989fa\"\n    :options=\"options\"\n    @close=\"show = false\"\n    @finish=\"onFinish\"\n/>"
+      },
+      {
+        "title": "异步加载选项",
+        "code": "<em-field v-model=\"fieldValue\" is-link readonly label=\"地区\" placeholder=\"请选择所在地区\" @click=\"show = true\" />\n<em-cascader\n    v-model=\"show\"\n    :selected-value=\"cascaderValue\"\n    title=\"请选择所在地区\"\n    :options=\"options\"\n    @close=\"show = false\"\n    @finish=\"onFinish\"\n    @change=\"onChange\"\n/>"
+      },
+      {
+        "title": "自定义字段名",
+        "code": "<em-cascader\n    v-model=\"show\"\n    title=\"请选择所在地区\"\n    :options=\"options\"\n    :field-names=\"fieldNames\"\n    @close=\"show = false\"\n    @finish=\"onFinish\"\n/>"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-field v-model=\"fieldValue\" is-link readonly label=\"地区\" placeholder=\"请选择所在地区\" @click=\"show = true\" />\n<em-cascader\n    v-model=\"show\"\n    title=\"请选择所在地区\"\n    :selected-value=\"cascaderValue\"\n    :options=\"options\"\n    @close=\"show = false\"\n    @finish=\"onFinish\"\n/>"
+      },
+      {
+        "title": "自定义颜色",
+        "code": "<em-cascader\n    v-model=\"show\"\n    title=\"请选择所在地区\"\n    active-color=\"#1989fa\"\n    :options=\"options\"\n    @close=\"show = false\"\n    @finish=\"onFinish\"\n/>"
+      },
+      {
+        "title": "异步加载选项",
+        "code": "<em-field v-model=\"fieldValue\" is-link readonly label=\"地区\" placeholder=\"请选择所在地区\" @click=\"show = true\" />\n<em-cascader\n    v-model=\"show\"\n    :selected-value=\"cascaderValue\"\n    title=\"请选择所在地区\"\n    :options=\"options\"\n    @close=\"show = false\"\n    @finish=\"onFinish\"\n    @change=\"onChange\"\n/>"
+      },
+      {
+        "title": "自定义字段名",
+        "code": "<em-cascader\n    v-model=\"show\"\n    title=\"请选择所在地区\"\n    :options=\"options\"\n    :field-names=\"fieldNames\"\n    @close=\"show = false\"\n    @finish=\"onFinish\"\n/>"
+      }
+    ]
+  }
+}

package/resources/components/cell.json

@@ -1,69 +1,85 @@
-{
-  "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 属性后会在单元格右侧显示箭头"
-      }
-    ]
-  }
-}
+{
+  "id": "cell",
+  "name": "em-cell",
+  "title": "单元格",
+  "description": "单元格组件。",
+  "props": [
+    {
+      "name": "title",
+      "type": "string",
+      "default": "-",
+      "required": false,
+      "description": "分组标题"
+    },
+    {
+      "name": "border",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否显示外边框"
+    }
+  ],
+  "events": [
+    {
+      "name": "click",
+      "parameters": "点击单元格时触发",
+      "description": "event: Event"
+    }
+  ],
+  "slots": [
+    {
+      "name": "default",
+      "description": "默认插槽"
+    },
+    {
+      "name": "title",
+      "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>"
+      },
+      {
+        "title": "单元格大小",
+        "code": "<em-cell title=\"单元格\" value=\"内容\" size=\"large\" />\n<em-cell title=\"单元格\" value=\"内容\" size=\"large\" label=\"描述信息\" />"
+      },
+      {
+        "title": "展示图标",
+        "code": "<em-cell title=\"单元格\" icon=\"location-o\" />"
+      },
+      {
+        "title": "只设置 value",
+        "code": "<em-cell value=\"内容\" />"
+      },
+      {
+        "title": "展示箭头",
+        "code": "<em-cell title=\"单元格\" is-link />\n<em-cell title=\"单元格\" is-link value=\"内容\" />\n<em-cell title=\"单元格\" is-link arrow-direction=\"down\" value=\"内容\" />"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-cell-group>\n    <em-cell title=\"单元格\" value=\"内容\" />\n    <em-cell title=\"单元格\" value=\"内容\" label=\"描述信息\" :border=\"false\" />\n</em-cell-group>"
+      },
+      {
+        "title": "单元格大小",
+        "code": "<em-cell title=\"单元格\" value=\"内容\" size=\"large\" />\n<em-cell title=\"单元格\" value=\"内容\" size=\"large\" label=\"描述信息\" />"
+      },
+      {
+        "title": "展示图标",
+        "code": "<em-cell title=\"单元格\" icon=\"location-o\" />"
+      },
+      {
+        "title": "只设置 value",
+        "code": "<em-cell value=\"内容\" />"
+      },
+      {
+        "title": "展示箭头",
+        "code": "<em-cell title=\"单元格\" is-link />\n<em-cell title=\"单元格\" is-link value=\"内容\" />\n<em-cell title=\"单元格\" is-link arrow-direction=\"down\" value=\"内容\" />"
+      }
+    ]
+  }
+}

package/resources/components/chart.json

@@ -0,0 +1,55 @@
+{
+  "id": "chart",
+  "name": "em-chart",
+  "title": "图表",
+  "description": "参考[`echarts-for-weixin`](https://github.com/ecomfe/echarts-for-weixin)，基于[`Echarts`图表库](https://echarts.apache.org/handbook/zh/concepts/chart-size)封装的跨端组件。该组件自`v8.3.9`版本开始支持。",
+  "props": [
+    {
+      "name": "disable-touch",
+      "type": "boolean",
+      "default": "false",
+      "required": false,
+      "description": "禁用`touch`事件"
+    },
+    {
+      "name": "width",
+      "type": "string/number",
+      "default": "300px",
+      "required": false,
+      "description": "组件宽度，默认单位`px`"
+    },
+    {
+      "name": "height",
+      "type": "string/number",
+      "default": "200px",
+      "required": false,
+      "description": "组件高度，默认单位`px`"
+    },
+    {
+      "name": "lazyLoad",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否手动初始化图表"
+    },
+    {
+      "name": "option",
+      "type": "object",
+      "default": "-",
+      "required": false,
+      "description": "自动初始化图表时，传入的图表配置项，见官方文档 [`ECharts`配置项手册](https://echarts.apache.org/zh/option.html#title)"
+    }
+  ],
+  "events": [
+    {
+      "name": "loaded",
+      "parameters": "图表组件`mounted`生命周期触发，用于异步化分包时进行初始化操作",
+      "description": "-"
+    }
+  ],
+  "slots": [],
+  "examples": {
+    "vue2": [],
+    "vue3": []
+  }
+}

package/resources/components/checkbox.json

@@ -0,0 +1,158 @@
+{
+  "id": "checkbox",
+  "name": "em-checkbox",
+  "title": "复选框",
+  "description": "复选框。",
+  "props": [
+    {
+      "name": "v-model",
+      "type": "boolean",
+      "default": "false",
+      "required": false,
+      "description": "是否为选中状态"
+    },
+    {
+      "name": "name",
+      "type": "any",
+      "default": "-",
+      "required": false,
+      "description": "标识符，注意微信小程序请传递字符串"
+    },
+    {
+      "name": "shape",
+      "type": "string",
+      "default": "square",
+      "required": false,
+      "description": "形状，可选值为 `round`"
+    },
+    {
+      "name": "indeterminate",
+      "type": "boolean",
+      "default": "false",
+      "required": false,
+      "description": "启用中选框"
+    },
+    {
+      "name": "disabled",
+      "type": "boolean",
+      "default": "false",
+      "required": false,
+      "description": "是否禁用复选框"
+    },
+    {
+      "name": "label-disabled",
+      "type": "boolean",
+      "default": "false",
+      "required": false,
+      "description": "是否禁用复选框文本点击"
+    },
+    {
+      "name": "label-position",
+      "type": "string",
+      "default": "right",
+      "required": false,
+      "description": "文本位置，可选值为 `left`"
+    },
+    {
+      "name": "icon-size",
+      "type": "number / string",
+      "default": "20px",
+      "required": false,
+      "description": "图标大小，默认单位为`px`"
+    },
+    {
+      "name": "icon",
+      "type": "boolean",
+      "default": "false",
+      "required": false,
+      "description": "自定义图标依赖该属性用于兼容微信和支付宝小程序"
+    },
+    {
+      "name": "checked-color",
+      "type": "string",
+      "default": "#1989fa",
+      "required": false,
+      "description": "选中状态颜色"
+    },
+    {
+      "name": "bind-group",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否与复选框组绑定"
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "parameters": "当绑定值变化时触发的事件",
+      "description": "checked: boolean"
+    },
+    {
+      "name": "click",
+      "parameters": "点击复选框时触发",
+      "description": "event: Event"
+    },
+    {
+      "name": "update:checked",
+      "parameters": "用于同步 checked 事件",
+      "description": "checked: boolean"
+    }
+  ],
+  "slots": [
+    {
+      "name": "default",
+      "description": "自定义文本"
+    },
+    {
+      "name": "icon",
+      "description": "自定义图标"
+    }
+  ],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-checkbox v-model=\"checked\">复选框</em-checkbox>"
+      },
+      {
+        "title": "禁用状态",
+        "code": "<em-checkbox v-model=\"checked\" disabled>复选框</em-checkbox>"
+      },
+      {
+        "title": "自定义形状",
+        "code": "<em-checkbox v-model=\"checked\" shape=\"round\">复选框</em-checkbox>"
+      },
+      {
+        "title": "自定义颜色",
+        "code": "<em-checkbox v-model=\"checked\" checked-color=\"#07c160\">复选框</em-checkbox>"
+      },
+      {
+        "title": "自定义大小",
+        "code": "<em-checkbox v-model=\"checked\" icon-size=\"24px\">复选框</em-checkbox>"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-checkbox v-model=\"checked\">复选框</em-checkbox>"
+      },
+      {
+        "title": "禁用状态",
+        "code": "<em-checkbox v-model=\"checked\" disabled>复选框</em-checkbox>"
+      },
+      {
+        "title": "自定义形状",
+        "code": "<em-checkbox v-model=\"checked\" shape=\"round\">复选框</em-checkbox>"
+      },
+      {
+        "title": "自定义颜色",
+        "code": "<em-checkbox v-model=\"checked\" checked-color=\"#07c160\">复选框</em-checkbox>"
+      },
+      {
+        "title": "自定义大小",
+        "code": "<em-checkbox v-model=\"checked\" icon-size=\"24px\">复选框</em-checkbox>"
+      }
+    ]
+  }
+}

package/resources/components/circle.json

@@ -0,0 +1,138 @@
+{
+  "id": "circle",
+  "name": "em-circle",
+  "title": "环形进度条",
+  "description": "环形进度条组件。",
+  "props": [
+    {
+      "name": "v-model",
+      "type": "number",
+      "default": "-",
+      "required": false,
+      "description": "当前进度"
+    },
+    {
+      "name": "rate",
+      "type": "number / string",
+      "default": "100",
+      "required": false,
+      "description": "目标进度"
+    },
+    {
+      "name": "size",
+      "type": "number / string",
+      "default": "100px",
+      "required": false,
+      "description": "圆环直径，默认单位为 `px`"
+    },
+    {
+      "name": "color",
+      "type": "string / object",
+      "default": "#2e6be5",
+      "required": false,
+      "description": "进度条颜色，传入对象格式可以定义渐变色"
+    },
+    {
+      "name": "layer-color",
+      "type": "string",
+      "default": "white",
+      "required": false,
+      "description": "轨道颜色"
+    },
+    {
+      "name": "fill",
+      "type": "string",
+      "default": "-",
+      "required": false,
+      "description": "填充颜色"
+    },
+    {
+      "name": "speed",
+      "type": "number / string",
+      "default": "0",
+      "required": false,
+      "description": "动画速度（单位为 `rate/s`）"
+    },
+    {
+      "name": "text",
+      "type": "string",
+      "default": "-",
+      "required": false,
+      "description": "文字"
+    },
+    {
+      "name": "stroke-width",
+      "type": "number / string",
+      "default": "4",
+      "required": false,
+      "description": "进度条宽度"
+    },
+    {
+      "name": "stroke-linecap",
+      "type": "string",
+      "default": "round",
+      "required": false,
+      "description": "进度条端点的形状，可选值为`sqaure` `butt`"
+    },
+    {
+      "name": "clockwise",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否顺时针增加"
+    }
+  ],
+  "events": [],
+  "slots": [
+    {
+      "name": "default",
+      "description": "自定义文字内容"
+    }
+  ],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"30\" :speed=\"100\" :text=\"text\" />"
+      },
+      {
+        "title": "宽度定制",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :stroke-width=\"6\" text=\"宽度定制\" />"
+      },
+      {
+        "title": "颜色定制",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" layer-color=\"#ebedf0\" color=\"#ee0a24\" text=\"颜色定制\" />"
+      },
+      {
+        "title": "渐变色",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :color=\"gradientColor\" text=\"渐变色\" />"
+      },
+      {
+        "title": "逆时针方向",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :clockwise=\"false\" text=\"逆时针方向\" />"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"30\" :speed=\"100\" :text=\"text\" />"
+      },
+      {
+        "title": "宽度定制",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :stroke-width=\"6\" text=\"宽度定制\" />"
+      },
+      {
+        "title": "颜色定制",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" layer-color=\"#ebedf0\" color=\"#ee0a24\" text=\"颜色定制\" />"
+      },
+      {
+        "title": "渐变色",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :color=\"gradientColor\" text=\"渐变色\" />"
+      },
+      {
+        "title": "逆时针方向",
+        "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :clockwise=\"false\" text=\"逆时针方向\" />"
+      }
+    ]
+  }
+}