m8-mcp-server 1.0.4 → 1.0.5

package/resources/components/divider.json

@@ -0,0 +1,82 @@
+{
+  "id": "divider",
+  "name": "em-divider",
+  "title": "分割线",
+  "description": "分割线。",
+  "props": [
+    {
+      "name": "dashed",
+      "type": "boolean",
+      "default": "false",
+      "required": false,
+      "description": "是否使用虚线"
+    },
+    {
+      "name": "hairline",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否使用 `0.5px` 线"
+    },
+    {
+      "name": "content-position",
+      "type": "string",
+      "default": "center",
+      "required": false,
+      "description": "内容位置，可选值为`left` `right`"
+    }
+  ],
+  "events": [],
+  "slots": [
+    {
+      "name": "default",
+      "description": "内容"
+    }
+  ],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-divider />"
+      },
+      {
+        "title": "展示文字",
+        "code": "<em-divider>文字</em-divider>"
+      },
+      {
+        "title": "内容位置",
+        "code": "<em-divider content-position=\"left\">文字</em-divider>\n<em-divider content-position=\"right\">文字</em-divider>"
+      },
+      {
+        "title": "虚线",
+        "code": "<em-divider dashed>文字</em-divider>"
+      },
+      {
+        "title": "自定义样式",
+        "code": "<em-divider custom-style=\"color: #1989fa; border-color: #1989fa;padding: 0 16px;\">文字</em-divider>"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-divider />"
+      },
+      {
+        "title": "展示文字",
+        "code": "<em-divider>文字</em-divider>"
+      },
+      {
+        "title": "内容位置",
+        "code": "<em-divider content-position=\"left\">文字</em-divider>\n<em-divider content-position=\"right\">文字</em-divider>"
+      },
+      {
+        "title": "虚线",
+        "code": "<em-divider dashed>文字</em-divider>"
+      },
+      {
+        "title": "自定义样式",
+        "code": "<em-divider custom-style=\"color: #1989fa; border-color: #1989fa;padding: 0 16px;\">文字</em-divider>"
+      }
+    ]
+  }
+}

package/resources/components/dragsort.json

@@ -0,0 +1,67 @@
+{
+  "id": "dragsort",
+  "name": "em-dragsort",
+  "title": "拖拽排序",
+  "description": "拖拽排序组件。该组件自`v8.3.6`版本开始支持。",
+  "props": [
+    {
+      "name": "v-model",
+      "type": "array",
+      "default": "-",
+      "required": false,
+      "description": "需要拖拽排序的列表数据"
+    },
+    {
+      "name": "direction",
+      "type": "string",
+      "default": "vertical",
+      "required": false,
+      "description": "拖拽方向，可选值 `horizontal` `auto`"
+    },
+    {
+      "name": "activeItemClass",
+      "type": "string",
+      "default": "-",
+      "required": false,
+      "description": "激活的元素添加自定义类名"
+    }
+  ],
+  "events": [
+    {
+      "name": "end",
+      "parameters": "排序结束时触发",
+      "description": "list: 排序后的数组"
+    }
+  ],
+  "slots": [],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-dragsort v-model=\"list\">\n    <em-dragsort-item v-for=\"(item, index) in list\" :key=\"index\">\n        <em-cell :title=\"'item ' + item\"></em-cell>\n    </em-dragsort-item>\n</em-dragsort>"
+      },
+      {
+        "title": "横向排序",
+        "code": "<em-dragsort v-model=\"list\" direction=\"horizontal\">\n    <em-dragsort-item v-for=\"(item, index) in list\" :key=\"index\">\n        <em-tag basic-type=\"person\">item {{ item }}</em-tag>\n    </em-dragsort-item>\n</em-dragsort>"
+      },
+      {
+        "title": "grid 排序",
+        "code": "<em-grid :gutter=\"10\">\n    <em-dragsort v-model=\"gridlist\" direction=\"auto\">\n        <em-dragsort-item v-for=\"(item, index) in gridlist\" :key=\"index\">\n            <em-grid-item icon=\"photo-o\" :text=\"'item ' + item\" />\n        </em-dragsort-item>\n    </em-dragsort>\n</em-grid>"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-dragsort v-model=\"list\">\n    <em-dragsort-item v-for=\"(item, index) in list\" :key=\"index\">\n        <em-cell :title=\"'item ' + item\"></em-cell>\n    </em-dragsort-item>\n</em-dragsort>"
+      },
+      {
+        "title": "横向排序",
+        "code": "<em-dragsort v-model=\"list\" direction=\"horizontal\">\n    <em-dragsort-item v-for=\"(item, index) in list\" :key=\"index\">\n        <em-tag basic-type=\"person\">item {{ item }}</em-tag>\n    </em-dragsort-item>\n</em-dragsort>"
+      },
+      {
+        "title": "grid 排序",
+        "code": "<em-grid :gutter=\"10\">\n    <em-dragsort v-model=\"gridlist\" direction=\"auto\">\n        <em-dragsort-item v-for=\"(item, index) in gridlist\" :key=\"index\">\n            <em-grid-item icon=\"photo-o\" :text=\"'item ' + item\" />\n        </em-dragsort-item>\n    </em-dragsort>\n</em-grid>"
+      }
+    ]
+  }
+}

package/resources/components/dropdownmenu.json

@@ -0,0 +1,129 @@
+{
+  "id": "dropdownmenu",
+  "name": "em-dropdownmenu",
+  "title": "下拉菜单",
+  "description": "下拉菜单。",
+  "props": [
+    {
+      "name": "active-color",
+      "type": "string",
+      "default": "#2e6be5",
+      "required": false,
+      "description": "菜单标题和选项的选中态颜色"
+    },
+    {
+      "name": "direction",
+      "type": "string",
+      "default": "down",
+      "required": false,
+      "description": "菜单展开方向，可选值为`up`"
+    },
+    {
+      "name": "z-index",
+      "type": "number / string",
+      "default": "99",
+      "required": false,
+      "description": "菜单栏 `z-index` 层级"
+    },
+    {
+      "name": "duration",
+      "type": "number / string",
+      "default": "200",
+      "required": false,
+      "description": "动画时长，单位毫秒"
+    },
+    {
+      "name": "overlay",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否显示遮罩层"
+    },
+    {
+      "name": "close-on-click-overlay",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否在点击遮罩层后关闭菜单"
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "parameters": "点击选项导致 `value` 变化时触发",
+      "description": "`value`"
+    },
+    {
+      "name": "open",
+      "parameters": "打开菜单栏时触发",
+      "description": "-"
+    },
+    {
+      "name": "close",
+      "parameters": "关闭菜单栏时触发",
+      "description": "-"
+    },
+    {
+      "name": "opened",
+      "parameters": "打开菜单栏且动画结束后触发",
+      "description": "-"
+    },
+    {
+      "name": "closed",
+      "parameters": "关闭菜单栏且动画结束后触发",
+      "description": "-"
+    }
+  ],
+  "slots": [
+    {
+      "name": "default",
+      "description": "菜单内容"
+    }
+  ],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-dropdown-menu>\n    <em-dropdown-item v-model=\"value1\" :options=\"option1\" />\n    <em-dropdown-item v-model=\"value2\" :options=\"option2\" />\n</em-dropdown-menu>"
+      },
+      {
+        "title": "自定义菜单内容",
+        "code": "<em-dropdown-menu>\n    <em-dropdown-item v-model=\"value\" :options=\"option\" />\n    <em-dropdown-item title=\"筛选\" ref=\"item\">\n        <em-cell center title=\"包邮\">\n            <template #rightIcon>\n                <em-switch v-model=\"switch1\" size=\"24\" active-color=\"#2e6be5\" />\n            </template>\n        </em-cell>\n        <em-cell center title=\"团购\">\n            <template #rightIcon>\n                <em-switch v-model=\"switch2\" size=\"24\" active-color=\"#2e6be5\" />\n            </template>\n        </em-cell>\n        <div style=\"padding: 5px 16px\">\n            <em-button type=\"danger\" block round @click=\"onConfirm\" color=\"#2e6be5\">确认</em-button>\n        </div>\n    </em-dropdown-item>\n</em-dropdown-menu>"
+      },
+      {
+        "title": "自定义选中态颜色",
+        "code": "<em-dropdown-menu active-color=\"red\">\n    <em-dropdown-item v-model=\"value1\" :options=\"option1\" />\n    <em-dropdown-item v-model=\"value2\" :options=\"option2\" />\n</em-dropdown-menu>"
+      },
+      {
+        "title": "向上展开",
+        "code": "<em-dropdown-menu direction=\"up\">\n    <em-dropdown-item v-model=\"value1\" :options=\"option1\" />\n    <em-dropdown-item v-model=\"value2\" :options=\"option2\" />\n</em-dropdown-menu>"
+      },
+      {
+        "title": "禁用菜单",
+        "code": "<em-dropdown-menu>\n    <em-dropdown-item v-model=\"value1\" disabled :options=\"option1\" />\n    <em-dropdown-item v-model=\"value2\" disabled :options=\"option2\" />\n</em-dropdown-menu>"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-dropdown-menu>\n    <em-dropdown-item v-model=\"value1\" :options=\"option1\" />\n    <em-dropdown-item v-model=\"value2\" :options=\"option2\" />\n</em-dropdown-menu>"
+      },
+      {
+        "title": "自定义菜单内容",
+        "code": "<em-dropdown-menu>\n    <em-dropdown-item v-model=\"value\" :options=\"option\" />\n    <em-dropdown-item title=\"筛选\" ref=\"item\">\n        <em-cell center title=\"包邮\">\n            <template #rightIcon>\n                <em-switch v-model=\"switch1\" size=\"24\" active-color=\"#2e6be5\" />\n            </template>\n        </em-cell>\n        <em-cell center title=\"团购\">\n            <template #rightIcon>\n                <em-switch v-model=\"switch2\" size=\"24\" active-color=\"#2e6be5\" />\n            </template>\n        </em-cell>\n        <div style=\"padding: 5px 16px\">\n            <em-button type=\"danger\" block round @click=\"onConfirm\" color=\"#2e6be5\">确认</em-button>\n        </div>\n    </em-dropdown-item>\n</em-dropdown-menu>"
+      },
+      {
+        "title": "自定义选中态颜色",
+        "code": "<em-dropdown-menu active-color=\"red\">\n    <em-dropdown-item v-model=\"value1\" :options=\"option1\" />\n    <em-dropdown-item v-model=\"value2\" :options=\"option2\" />\n</em-dropdown-menu>"
+      },
+      {
+        "title": "向上展开",
+        "code": "<em-dropdown-menu direction=\"up\">\n    <em-dropdown-item v-model=\"value1\" :options=\"option1\" />\n    <em-dropdown-item v-model=\"value2\" :options=\"option2\" />\n</em-dropdown-menu>"
+      },
+      {
+        "title": "禁用菜单",
+        "code": "<em-dropdown-menu>\n    <em-dropdown-item v-model=\"value1\" disabled :options=\"option1\" />\n    <em-dropdown-item v-model=\"value2\" disabled :options=\"option2\" />\n</em-dropdown-menu>"
+      }
+    ]
+  }
+}

package/resources/components/easycalendar.json

@@ -0,0 +1,84 @@
+{
+  "id": "easycalendar",
+  "name": "em-easycalendar",
+  "title": "日历",
+  "description": "M8 日历组件,支持日历与周历切换。",
+  "props": [
+    {
+      "name": "allow-switch",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否开启周历和月历互换"
+    },
+    {
+      "name": "is-show-week-view",
+      "type": "boolean",
+      "default": "false",
+      "required": false,
+      "description": "是否展示周历（否即展示月历）"
+    },
+    {
+      "name": "mark-date",
+      "type": "Array",
+      "default": "-",
+      "required": false,
+      "description": "有标记的日期"
+    },
+    {
+      "name": "is-show-watermark",
+      "type": "boolean",
+      "default": "true",
+      "required": false,
+      "description": "是否显示背景的月份数字"
+    }
+  ],
+  "events": [
+    {
+      "name": "getNextSchedule",
+      "parameters": "滑动到下一月/周时触发的函数",
+      "description": "String(2022 年 05 月 01 日 周日)"
+    },
+    {
+      "name": "getPreSchedule",
+      "parameters": "滑动到上一月/周时触发的函数",
+      "description": "String(2022 年 05 月 01 日 周日)"
+    },
+    {
+      "name": "clickItem",
+      "parameters": "点击每一天触发的函数",
+      "description": "String(2022 年 05 月 01 日 周日)"
+    }
+  ],
+  "slots": [],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-easy-calendar />"
+      },
+      {
+        "title": "仅展示周历",
+        "code": "<em-easy-calendar :allow-switch=\"false\" :is-show-week-view=\"true\" />"
+      },
+      {
+        "title": "设置标记的日期",
+        "code": "<em-easy-calendar :mark-date=\"markDate\" />"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-easy-calendar />"
+      },
+      {
+        "title": "仅展示周历",
+        "code": "<em-easy-calendar :allow-switch=\"false\" :is-show-week-view=\"true\" />"
+      },
+      {
+        "title": "设置标记的日期",
+        "code": "<em-easy-calendar :mark-date=\"markDate\" />"
+      }
+    ]
+  }
+}

package/resources/components/empty.json

@@ -0,0 +1,90 @@
+{
+  "id": "empty",
+  "name": "em-empty",
+  "title": "空状态",
+  "description": "空状态时的占位提示。",
+  "props": [
+    {
+      "name": "image",
+      "type": "string",
+      "default": "default",
+      "required": false,
+      "description": "图片类型，可选值为 `error` `network` `search`，以及基座风格的图片值（参考示例），支持传入图片 `URL`"
+    },
+    {
+      "name": "image-size",
+      "type": "number / string",
+      "default": "-",
+      "required": false,
+      "description": "图片大小，默认单位为 `px`"
+    },
+    {
+      "name": "description",
+      "type": "string",
+      "default": "-",
+      "required": false,
+      "description": "图片下方的描述文字"
+    }
+  ],
+  "events": [],
+  "slots": [
+    {
+      "name": "default",
+      "description": "自定义底部内容"
+    },
+    {
+      "name": "image",
+      "description": "自定义图标"
+    },
+    {
+      "name": "description",
+      "description": "自定义描述文字"
+    }
+  ],
+  "examples": {
+    "vue2": [
+      {
+        "title": "基础用法",
+        "code": "<em-empty description=\"描述文字\" />"
+      },
+      {
+        "title": "图片类型",
+        "code": "<!-- 通用错误 -->\n<em-empty image=\"error\" description=\"描述文字\" />\n<!-- 网络错误 -->\n<em-empty image=\"network\" description=\"描述文字\" />\n<!-- 搜索提示 -->\n<em-empty image=\"search\" description=\"描述文字\" />"
+      },
+      {
+        "title": "基座风格图片",
+        "code": "<!-- 通用错误 -->\n<em-empty image=\"basic-error\" description=\"发生错误\" />\n<!-- 网络错误 -->\n<em-empty image=\"basic-network\" description=\"网络异常\" />\n<!-- 搜索提示 -->\n<em-empty image=\"basic-search\" description=\"搜索内容为空\" />"
+      },
+      {
+        "title": "自定义图片",
+        "code": "<em-empty class=\"custom-image\" image=\"https://img.yzcdn.cn/vant/custom-empty-image.png\" description=\"描述文字\" />\n\n<style>\n    .custom-image .em-empty__image {\n        width: 90px;\n        height: 90px;\n    }\n</style>"
+      },
+      {
+        "title": "底部内容",
+        "code": "<em-empty description=\"描述文字\">\n    <em-button round type=\"danger\" class=\"bottom-button\">按钮</em-button>\n</em-empty>\n\n<style>\n    .bottom-button {\n        width: 160px;\n        height: 40px;\n    }\n</style>"
+      }
+    ],
+    "vue3": [
+      {
+        "title": "基础用法",
+        "code": "<em-empty description=\"描述文字\" />"
+      },
+      {
+        "title": "图片类型",
+        "code": "<!-- 通用错误 -->\n<em-empty image=\"error\" description=\"描述文字\" />\n<!-- 网络错误 -->\n<em-empty image=\"network\" description=\"描述文字\" />\n<!-- 搜索提示 -->\n<em-empty image=\"search\" description=\"描述文字\" />"
+      },
+      {
+        "title": "基座风格图片",
+        "code": "<!-- 通用错误 -->\n<em-empty image=\"basic-error\" description=\"发生错误\" />\n<!-- 网络错误 -->\n<em-empty image=\"basic-network\" description=\"网络异常\" />\n<!-- 搜索提示 -->\n<em-empty image=\"basic-search\" description=\"搜索内容为空\" />"
+      },
+      {
+        "title": "自定义图片",
+        "code": "<em-empty class=\"custom-image\" image=\"https://img.yzcdn.cn/vant/custom-empty-image.png\" description=\"描述文字\" />\n\n<style>\n    .custom-image .em-empty__image {\n        width: 90px;\n        height: 90px;\n    }\n</style>"
+      },
+      {
+        "title": "底部内容",
+        "code": "<em-empty description=\"描述文字\">\n    <em-button round type=\"danger\" class=\"bottom-button\">按钮</em-button>\n</em-empty>\n\n<style>\n    .bottom-button {\n        width: 160px;\n        height: 40px;\n    }\n</style>"
+      }
+    ]
+  }
+}