{"id":18299370,"url":"https://github.com/moshang-ax/mo-ui","last_synced_at":"2025-04-05T13:34:46.363Z","repository":{"id":98861471,"uuid":"318068908","full_name":"Aras-ax/mo-ui","owner":"Aras-ax","description":"基于vue的PC组件库和svg的图表组件。","archived":false,"fork":false,"pushed_at":"2022-10-27T07:19:03.000Z","size":1345,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-09T03:29:14.566Z","etag":null,"topics":["barchart","form","line-chart","percentage-circle","pie-chart","scrollbar","svg","svg-charts","vue"],"latest_commit_sha":null,"homepage":"https://moshang-xc.github.io/mo-ui/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Aras-ax.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-12-03T03:56:42.000Z","updated_at":"2024-04-09T03:29:15.617Z","dependencies_parsed_at":"2023-03-19T18:49:38.707Z","dependency_job_id":null,"html_url":"https://github.com/Aras-ax/mo-ui","commit_stats":null,"previous_names":["aras-ax/mo-ui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aras-ax%2Fmo-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aras-ax%2Fmo-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aras-ax%2Fmo-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aras-ax%2Fmo-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Aras-ax","download_url":"https://codeload.github.com/Aras-ax/mo-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223192604,"owners_count":17103564,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["barchart","form","line-chart","percentage-circle","pie-chart","scrollbar","svg","svg-charts","vue"],"created_at":"2024-11-05T15:08:48.208Z","updated_at":"2025-04-05T13:34:46.344Z","avatar_url":"https://github.com/Aras-ax.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# mo-ui\n\n基于Vue2.x的PC组件库。[在线示例](https://moshang-ax.github.io/mo-ui/)\n\n## API\n\n# mo-button\n\n## 属性 Attributes\n\n| 参数        | 说明         | 类型    | 可选值                                                       | 默认值 |\n| ----------- | ------------ | ------- | ------------------------------------------------------------ | ------ |\n| type        | 类型         | string  | primary 主按钮\u003cbr /\u003esecondary 次按钮\u003cbr /\u003einfo 次按钮-灰 常用按钮\u003cbr /\u003edanger 高危按钮\u003cbr /\u003etext 文字按钮 | info   |\n| disabled    | 是否禁用     | boolean | —                                                            | false  |\n| is-loading  | 是否在加载中 | boolean | —                                                            | false  |\n| icon        | 图标类名     | string  | —                                                            | —      |\n| suffix-icon | 尾部图标     | string  | —                                                            | —      |\n| size        | 按钮大小     | string  | S / M / L                                                    | M      |\n\n## 事件 Events\n\n| 事件名 | 说明     | 参数 |\n| ------ | -------- | ---- |\n| click  | 按钮事件 | —    |\n\n# mo-slider 滑动条\n\n## 属性 Attributes\n\n| 参数                | 说明                                             | 类型     | 可选值    | 默认值 |\n| ------------------- | ------------------------------------------------ | -------- | --------- | ------ |\n| v-model             | 绑定值                                           | number   | —         | —      |\n| name                | 滑动条name                                       | string   |           |        |\n| min                 | 最小值                                           | number   | —         | 0      |\n| max                 | 最大值                                           | number   | —         | 100    |\n| disabled            | 是否禁用                                         | boolean  | —         | false  |\n| step                | 步长                                             | number   | —         | 1      |\n| size                | 输入框大小                                       | string   | S / M / L | M      |\n| precision           | 精度，小于步长精度时取步长精度                   | Number   |           |        |\n| show-range          | 是否显示范围提示文字                             | boolean  |           | false  |\n| show-input          | 是否显示输入框                                   | boolean  | —         | false  |\n| show-input-controls | 输入框是否显示加减                               | boolean  |           | false  |\n| show-tooltip        | 是否显示 tooltip                                 | boolean  | —         | true   |\n| format              | tooltip显示格式化, function(value){return value} | Function | —         | —      |\n\n## 事件 Events\n\n| 事件名 | 说明         | 参数       |\n| ------ | ------------ | ---------- |\n| change | 值改变时执行 | 改变后的值 |\n\n# mo-input 输入框\n\n## 属性 Attributes\n\n| 参数            | 说明                                                         | 类型            | 可选值                             | 默认值 |\n| --------------- | ------------------------------------------------------------ | --------------- | ---------------------------------- | ------ |\n| v-model         | 绑定值，type=number时，值类型为number，\u003cbr /\u003e其他情况类型为string | string / number | —                                  | —      |\n| type            | 类型                                                         | string          | text/textarea,其他input type的类型 | —      |\n| name            | 原生属性                                                     |                 | —                                  | —      |\n| maxlength       | 最大输入长度                                                 | number          | —                                  | —      |\n| disabled        | 是否禁用                                                     | boolean         | —                                  | false  |\n| width           | 输入框长度，支持数字和字符串，如 70 或 70px 或 70%           | string / number |                                    |        |\n| placeholder     | 输入框占位文字                                               | string          | —                                  | —      |\n| is-search       | 是否支持搜索                                                 | boolean         | —                                  | false  |\n| is-clear        | 是否支持清空                                                 | boolean         | —                                  | false  |\n| show-password   | 是否显示切换密码图标                                         | boolean         | —                                  | false  |\n| show-word-limit | 是否显示输入字数统计                                         | boolean         | —                                  | false  |\n| readonly        | 原生属性，是否只读                                           | boolean         | —                                  | false  |\n| autofocus       | 是否自动聚焦                                                 | boolean         | —                                  | false  |\n| size            | 输入框大小，textarea时无效                                   | string          | S / M / L                          | M      |\n| icon            | 输入框头部图标                                               | string          | —                                  | —      |\n| suffix-icon     | 输入框尾部图标                                               | string          | —                                  | —      |\n| rows            | textarea时生效                                               | number          | —                                  | 2      |\n| allow           | 输入框允许输入字符的正则表达式                               | RegExp          | —                                  | —      |\n| valid           | 数据验证                                                     | Array / Object  |                                    |        |\n| unit            | 输入框单位                                                   | String          | —                                  | —      |\n| auto-correction | 自动纠错，仅支持按范围进行数字纠错                           | Array           | —                                  | []     |\n\n## 事件 Events\n\n| 事件名 | 说明                                                 | 参数       |\n| ------ | ---------------------------------------------------- | ---------- |\n| change | 值改变时执行（失焦时），先执行失焦事件，再执行此事件 | 改变后的值 |\n| input  | 输入框值改变时触发                                   | 输入框的值 |\n| blur   | 输入框失焦时触发                                     | event      |\n| focus  | 输入框聚焦时触发                                     | event      |\n| clear  | 点击清空时触发                                       | —          |\n| search | 点击搜索时触发                                       | 输入框的值 |\n\n## 方法 Methods\n\n| 方法名        | 说明           | 参数           |\n| ------------- | -------------- | -------------- |\n| focus         | 输入框聚焦     |                |\n| setInputValue | 设置输入框的值 | 设置输入框的值 |\n| select        | 输入框内容选中 |                |\n\n# mo-input-group\n\n## 属性 Attributes\n\n| 参数            | 说明                                               | 类型            | 可选值    | 默认值 |\n| --------------- | -------------------------------------------------- | --------------- | --------- | ------ |\n| v-model         | 绑定值                                             | string          | —         | —      |\n| type            | 输入框组类型                                       | string          | ip / mac  | —      |\n| name            | 原生属性                                           | string          | —         | —      |\n| disabled        | 是否禁用                                           | boolean         | —         | false  |\n| width           | 输入框长度，支持数字和字符串，如 70 或 70px 或 70% | string / number | —         | —      |\n| size            | 输入框大小                                         | string          | S / M / L | M      |\n| input-nums      | 输入框个数（自定义类型时需要定义输入框组个数）     | number          | —         | —      |\n| splitter        | 输入框的分隔符                                     | string          | —         | —      |\n| maxlength       | 每个输入框最大输入长度                             | number          | —         | —      |\n| allow           | 输入框允许输入的字符的正则表达式                   | RegExp          | —         | —      |\n| auto-correction | 自动纠错，仅支持按范围进行数字纠错                 | Array           | —         | []     |\n\n## 事件 Events\n\n| 事件名 | 说明               | 参数       |\n| ------ | ------------------ | ---------- |\n| change | 值改变时执行       | 改变后的值 |\n| input  | 输入框值改变时触发 | 输入框的值 |\n| focus  | 输入框聚焦时触发   | —          |\n| blur   | 输入框失焦时触发   | —          |\n\n# mo-input-number\n\n## 属性 Attributes\n\n| 参数              | 说明                                               | 类型            | 可选值    | 默认值    |\n| ----------------- | -------------------------------------------------- | --------------- | --------- | --------- |\n| v-model           | 绑定值                                             | number          | —         | —         |\n| name              | 原生属性                                           | string          | —         | —         |\n| disabled          | 是否禁用                                           | boolean         | —         | false     |\n| width             | 输入框长度，支持数字和字符串，如 70 或 70px 或 70% | string / number | —         | —         |\n| min               | 输入框最小值                                       | number          | —         | -Infinity |\n| max               | 输入框最大值                                       | number          | —         | Infinity  |\n| is-controls       | 输入框右侧是否有控制器                             | boolean         | —         | true      |\n| controls-position | 控制器按钮位置                                     | string          | right     | —         |\n| size              | 输入框尺寸                                         | string          | S / M / L | M         |\n| step              | 步长                                               | number          | —         | 1         |\n| precision         | 数值精度，小于步长精度时计算会用步长的精度         | number          | —         | —         |\n\n## 事件 Events\n\n| 事件名 | 说明         | 参数       |\n| ------ | ------------ | ---------- |\n| change | 值改变时执行 | 改变后的值 |\n\n# mo-select 选择器\n\n## 属性 Attributes\n\n| 参数                   | 说明                                                         | 类型                              | 可选值              | 默认值 |\n| ---------------------- | ------------------------------------------------------------ | --------------------------------- | ------------------- | ------ |\n| v-model                | 绑定值，多选时值为数组，单选时为字符串                       | string / Array / Number / Boolean | —                   | —      |\n| name                   | select input 的 name 属性                                    | string                            | —                   | —      |\n| disabled               | 是否禁用                                                     | boolean                           | —                   | false  |\n| width                  | 选择器宽度                                                   | string / Number                   | —                   | —      |\n| is-clear               | 是否可以清空选项                                             | boolean                           | —                   | false  |\n| is-multiple            | 是否可以多选，支持多选时不能配置自定义                       | boolean                           | —                   | false  |\n| multiple-limit         | 多选时用户最多可以选择的个数，为 0 则不限制                  | number                            | —                   | 0      |\n| placeholder            | 占位符                                                       | string                            | —                   | 请选择 |\n| size                   | 输入框尺寸                                                   | string                            | S / M / L           | M      |\n| options                | 下拉选项数组对象，支持数据选项为对象和字符串                 | Array\u003cObject\u003e / Array\u003cstring\u003e     | —                   | []     |\n| is-manual              | 是否支持手动输入                                             | boolean                           | —                   | false  |\n| manual-text            | 手动输入时选项的文字                                         | string                            | —                   | 自定义 |\n| position               | 选项框位置，对应上 、下、 自适应                             | string                            | top / bottom / auto | auto   |\n| display-options-number | 设置可显示选项的数量，如options.length大于该值，则显示滚动条 | number                            | -                   | 5      |\n\n**当支持手动输入时，支持输入框组件的属性**\n\n## options\n\n选择器选项配置，支持`Object`，`Boolean`，`Number`，`String`\n\n- 数组选项为非对象时，显示文本和值一致\n\n| 参数     | 说明         | 类型                      | 可选值 | 默认值 |\n| -------- | ------------ | ------------------------- | ------ | ------ |\n| label    | 选项文字     | string                    | —      | —      |\n| value    | 选项的值     | string / number / boolean | —      | —      |\n| disabled | 是否禁用此项 | boolean                   | —      | false  |\n\n## 事件 Events\n\n| 事件名         | 说明                                     | 参数                          |\n| -------------- | ---------------------------------------- | ----------------------------- |\n| change         | 值改变时执行（失焦或者选择选项后）       | 改变后的值                    |\n| input          | 输入框值改变时触发                       | 输入框的值                    |\n| blur           | 输入框失焦时触发，不支持手动输入时不执行 | event                         |\n| focus          | 输入框聚焦时触发，不支持手动输入时不执行 | event                         |\n| clear          | 点击清空时触发                           | —                             |\n| visible-change | 下拉框出现/隐藏时触发                    | 出现则为 true，隐藏则为 false |\n\n# mo-timepicker 时间选择器\n\n## 属性 Attributes\n\n| 参数            | 说明                                                         | 类型            | 可选值   | 默认值 |\n| --------------- | ------------------------------------------------------------ | --------------- | -------- | ------ |\n| value / v-model | 绑定值                                                       | string          | —        | —      |\n| name            | 时间框名称                                                   | string          | —        | —      |\n| disabled        | 是否禁用                                                     | boolean         | —        | false  |\n| width           | 时间选择器宽度                                               | string / Number | —        | —      |\n| panelWidth      | 面板框宽度                                                   | string / Number | —        | —      |\n| is-clear        | 是否支持清除                                                 | boolean         | —        | true   |\n| is-range        | 是否支持范围选择                                             | boolean         | —        | false  |\n| placeholder     | 占位内容，支持范围选择时为开始时间的占位符\u003cbr /\u003e不支持范围时为时间选择框的占位符 | string          | —        | —      |\n| end-placeholder | 支持范围选择时结束时间的占位符                               | string          |          |        |\n| format          | 时间格式，支持hh、mm、ss与任意字符组合，小时hh为必填项       | string          | —        | hh:mm  |\n| min             | 最小时间                                                     | string          | —        | —      |\n| max             | 最大时间                                                     | string          | —        | —      |\n| minute-interval | 分钟间隔                                                     | number          | —        | 1      |\n| second-interval | 秒间隔                                                       | number          | —        | 1      |\n| size            | 输入框尺寸                                                   | string          | S/ M / L | M      |\n\n## 事件 Events\n\n| 事件名 | 说明         | 参数       |\n| ------ | ------------ | ---------- |\n| change | 值改变时执行 | 改变后的值 |\n\n# mo-datepicker 日期选择器\n\n## 属性 Attributes\n\n| 参数            | 说明                                                         | 类型            | 可选值          | 默认值     |\n| --------------- | ------------------------------------------------------------ | --------------- | --------------- | ---------- |\n| value / v-model | 绑定值                                                       | string          | —               | —          |\n| type            | 日期时间类型，date日期  \u003cbr /\u003edatetime时间日期               | string          | date / datetime | date       |\n| name            | 时间框名称                                                   | string          | —               | —          |\n| disabled        | 是否禁用                                                     | boolean         | —               | false      |\n| width           | 日期选择器宽度                                               | string / Number | —               | —          |\n| is-clear        | 是否支持清除                                                 | boolean         | —               | true       |\n| is-range        | 是否支持范围选择                                             | boolean         | —               | false      |\n| placeholder     | 占位内容，支持范围选择时为开始日期的占位符\u003cbr /\u003e不支持范围时为日期选择框的占位符 | string          | —               | —          |\n| end-placeholder | 支持范围选择时结束时间的占位符                               | string          |                 |            |\n| format          | 日期格式，YYYY-MM-DD hh:mm:ss\u003cbr /\u003e日期格式YYYY-MM-DD可任意调整年月日的位置 \u003cbr /\u003eYYYY表示年  MM表示月 DD表示天 分隔符可自定义\u003cbr /\u003e\u003cbr /\u003e时分秒格式见`mo-timepicker` | string          | —               | YYYY-MM-DD |\n| min             | 最小日期，必须与日期格式对应                                 | string          | —               | 2000-01-01 |\n| max             | 最大日期，必须与日期格式对应                                 | string          | —               | 2037-12-31 |\n| minute-interval | 分钟间隔                                                     | number          | —               | 1          |\n| second-interval | 秒间隔                                                       | number          | —               | 1          |\n| size            | 输入框尺寸                                                   | string          | S / M / L       | M          |\n\n## 事件 Events\n\n| 事件名 | 说明         | 参数       |\n| ------ | ------------ | ---------- |\n| change | 值改变时执行 | 改变后的值 |\n\n# mo-radio 单选框\n\n## 属性 Attributes\n\n| 参数            | 说明                                          | 类型               | 可选值 | 默认值                   |\n| --------------- | --------------------------------------------- | ------------------ | ------ | ------------------------ |\n| value / v-model | 绑定值                                        | string             | —      | —                        |\n| name            | radio的名称                                   | string             | —      | —                        |\n| options         | 下拉选项数组对象                              | Array\u003cObject\u003e      | —      | []                       |\n| disabled        | 是否禁用                                      | boolean            |        | false                    |\n| before-change   | 切换选中前的钩子，返回false时，不会修改选中项 | function(value) {} | —      | function() {return true} |\n\n### options属性\n\n| 参数     | 说明         | 类型                      | 可选值 | 默认值 |\n| -------- | ------------ | ------------------------- | ------ | ------ |\n| label    | 选项文字     | string                    |        |        |\n| value    | 选项值       | string / boolean / number |        |        |\n| disabled | 选项是否禁用 | boolean                   |        | false  |\n\n## 事件 Events\n\n| 事件名 | 说明           | 参数       |\n| ------ | -------------- | ---------- |\n| change | 值改变时触发   | 改变后的值 |\n| click  | 点击选项时触发 | 选项value  |\n\n# mo-checkbox 复选框\n\n## 属性 Attributes\n\n| 参数            | 说明                                              | 类型                      | 可选值 | 默认值                   |\n| --------------- | ------------------------------------------------- | ------------------------- | ------ | ------------------------ |\n| value / v-model | 绑定值                                            | string / number / boolean | —      | —                        |\n| name            | checkbox的名称                                    | string                    | —      | —                        |\n| disabled        | 是否禁用                                          | boolean                   | —      | false                    |\n| on-value        | 选中时的值                                        | string / number / boolean | —      | true                     |\n| off-value       | 未选中时的值                                      | string / number / boolean | —      | false                    |\n| before-change   | 切换之前执行的函数，返回false时，不会执行数据更新 | function(value) {}        | —      | function() {return true} |\n\n## 事件 Events\n\n| 事件名 | 说明           | 参数       |\n| ------ | -------------- | ---------- |\n| change | 值改变时触发   | 改变后的值 |\n| click  | 点击选项时触发 | 当前值     |\n\n# mo-checkbox-group 多选框组\n\n## 属性 Attributes\n\n| 参数            | 说明                                                         | 类型          | 可选值 | 默认值 |\n| --------------- | ------------------------------------------------------------ | ------------- | ------ | ------ |\n| value / v-model | 绑定值                                                       | Arrray        | —      | []     |\n| name            | checkbox的名称                                               | string        | —      |        |\n| disabled        | 是否禁用                                                     | boolean       | —      | false  |\n| options         | 选项数组对象[{label: 显示文字，\u003cbr /\u003e value：值，disabled: 是否禁用此项}] | Array\u003cObject\u003e | —      | []     |\n| is-select-all   | 是否支持全选                                                 | boolean       | —      | false  |\n| select-text     | 全部选中的文字描述                                           | string        | —      | 全选   |\n| min             | 最小支持选项                                                 | number        | —      | 0      |\n| max             | 最大支持选项，最大为选项的个数                               | number        | —      | —      |\n\n### options\n\n| 参数     | 说明                         | 类型                      | 可选值 | 默认值 |\n| -------- | ---------------------------- | ------------------------- | ------ | ------ |\n| label    | 选项框描述文字               | string                    |        |        |\n| value    | 选项框值，各选项的值不能一样 | string / number / boolean |        |        |\n| disabled | 该选项是否禁用               | boolean                   |        | false  |\n\n## 事件 Events\n\n| 事件名 | 说明           | 参数       |\n| ------ | -------------- | ---------- |\n| change | 值改变时触发   | 改变后的值 |\n| click  | 点击选项时触发 | 选项value  |\n\n# mo-switch 开关\n\n## 属性 Attributes\n\n| 参数            | 说明                                              | 类型                      | 可选值    | 默认值                   |\n| --------------- | ------------------------------------------------- | ------------------------- | --------- | ------------------------ |\n| value / v-model | 绑定值                                            | string / number / boolean | —         | —                        |\n| name            | 开关的名称                                        | string                    | —         | —                        |\n| disabled        | 是否禁用                                          | boolean                   | —         | false                    |\n| on-value        | 选中时的值                                        | string / number / boolean | —         | true                     |\n| off-value       | 未选中时的值                                      | string / number / boolean | —         | false                    |\n| on-text         | 选中时的文字                                      | string                    | —         | —                        |\n| off-text        | 未选中时的文字                                    | string                    | —         | —                        |\n| before-change   | 开关值切换前的钩子，返回false时，不会改变开关状态 | function(value) {}        | —         | function() {return true} |\n| size            | 开关大小                                          | string                    | S / M / L | M                        |\n\n## 事件 Events\n\n| 事件名 | 说明         | 参数       |\n| ------ | ------------ | ---------- |\n| change | 值改变时触发 | 改变后的值 |\n\n# mo-upload 上传\n\n## 属性 Attributes\n\n| 参数           | 说明                                                         | 类型               | 可选值       | 默认值 |\n| -------------- | ------------------------------------------------------------ | ------------------ | ------------ | ------ |\n| name           | 上传的文件字段名                                             | string             | —            | file   |\n| action         | 必选参数，上传的地址                                         | string             | —            | —      |\n| accept         | 接受上传的文件类型，例如 .bin                                | string             |              |        |\n| disabled       | 是否禁用                                                     | boolean            | —            | false  |\n| data           | 上传时附带的额外参数                                         | object             | —            | —      |\n| type           | 文件列表的类型，文本 图片                                    | string             | text/picture | text   |\n| show-file-list | 是否显示已上传文件列表                                       | boolean            | —            | false  |\n| on-success     | 文件上传成功时的钩子                                         | function(response) | —            | —      |\n| on-change      | 文件改变时的钩子，添加文件或修改文件                         | function(file)     | —            | —      |\n| before-upload  | 上传文件之前的钩子，参数为上传的文件，\u003cbr /\u003e若返回 false 则不上传 | function(file)     | —            | —      |\n\n## 事件 Events\n\n| 事件名 | 说明             | 参数 |\n| ------ | ---------------- | ---- |\n| submit | 手动上传文件列表 | —    |\n\n# mo-table 表格\n\n## 属性 Attributes\n\n| 参数              | 说明                                                  | 类型     | 可选值 | 默认值                      |\n| ----------------- | ----------------------------------------------------- | -------- | ------ | --------------------------- |\n| data              | 表格数据                                              | Array    | —      | []                          |\n| show-header       | 是否显示表头                                          | boolean  | —      | true                        |\n| row-key           | 表格行的key（选填项）                                 | string   | —      |                             |\n| max-row           | 表格最多显示多少行，超过时右侧显示滚动条              | number   | —      | 10                          |\n| stripe            | 是否显示斑马纹表格                                    | boolean  | —      | false                       |\n| border            | 表格td是否有边框                                      | boolean  |        | false                       |\n| placeholder       | 搜索框占位符，为空时会取支持搜索列的表头文字以 / 连接 | string   | —      |                             |\n| is-loading        | 是否在加载中                                          | boolean  | —      | false                       |\n| loading-text      | loading的文字                                         | string   | —      |                             |\n| empty-text        | 表格为空时的文字                                      | string   | —      | 无数据                      |\n| is-pagination     | 是否支持分页                                          | boolean  | —      | false                       |\n| page-size         | 每页多少条                                            | number   | —      | 10                          |\n| is-change-size    | 是否支持修改每页条数                                  | boolean  | —      | false                       |\n| page-size-options | 每页显示个数选择器的选项设置                          | number[] | —      | [10, 20, 30, 40, 50, 100]   |\n| is-input-page     | 是否支持手动输入页面                                  | boolean  | —      | false                       |\n| show-page-border  | 是否显示分页按钮的框                                  | boolean  |        | false                       |\n| select-data       | 选中的行数据                                          | Array    |        | []                          |\n| before-select-all | 全选时切换前执行的事件，返回false时不会执行全选事件   | function |        | function(val) {return true} |\n\n## Slot\n\n| name    | 说明                                            |\n| ------- | ----------------------------------------------- |\n| header  | 表格body第一行显示的内容，从tr开始自定义元素    |\n| loading | 自定义加载中，显示的前提是is-loading 必须为true |\n| empty   | 自定义数据列表为空显示                          |\n\n## 方法 Methods\n\n| 方法名             | 说明                           | 参数 |\n| ------------------ | ------------------------------ | ---- |\n| getSelected        | 获取选中的项，返回值为选中的项 | -    |\n| getCurrentPageData | 获取表格当前页的数据           |      |\n\n## 事件 Events\n\n| 事件名           | 说明                                                    | 参数                     |\n| ---------------- | ------------------------------------------------------- | ------------------------ |\n| after-update     | 更新后的表格数据                                        | 表格数据（转化后的数据） |\n| click-row        | 当某一行被点击时会触发该事件                            | rowData, index           |\n| selection-change | 点击全选 或者单选时执行的事件，仅在type=selection时生效 | 当前的选中项             |\n\n## mo-table-col 属性 Attributes\n\n| 参数            | 说明                                                         | 类型            | 可选值                     | 默认值 |\n| --------------- | ------------------------------------------------------------ | --------------- | -------------------------- | ------ |\n| type            | 对应列的类型，selection为支持多选择，index为显示行索引，expand为支持展开 | string          | selection / index / expand | —      |\n| label           | 表头列文字                                                   | string          | —                          | —      |\n| prop            | 表头列属性，定义type的三种类型时可不填，其他情况必填         | string          | —                          | —      |\n| width           | 列宽度，百分比或者xxpx                                       | string / number | —                          | —      |\n| is-tooltip      | 鼠标放上去是否显示tooltip                                    | boolean         | —                          | false  |\n| is-search       | 是否支持搜索                                                 | boolean         | —                          | false  |\n| is-sort         | 是否支持排序                                                 | boolean         | —                          | false  |\n| align           | 对齐方式                                                     | string          | left /  center / right     | left   |\n| format          | 对此列数据自定义格式化，返回值为该列显示的数据，\u003cbr /\u003e返回数据可用于搜索\u003cbr /\u003efunction(prop, rowData, index) | Function        | —                          | —      |\n| get-disabled    | 仅对**type=selection**有效，返回复选框是否禁用\u003cbr /\u003efunction(rowData) | Function        |                            |        |\n| before-selected | 仅对**type=selection**有效，点击checkbox时，返回false表示不会被选中，其他都会选中。 \u003cbr /\u003efunction(rowData, index) | Function        |                            |        |\n\n# mo-table-col slot\n\n| name    | 说明                                                     |\n| ------- | -------------------------------------------------------- |\n| default | 自定义列显示信息，内容必须用template标签包含，使用v-slot |\n| expand  | 展开后的自定义内容，使用方法与default一致                |\n\n示例\n\n```vue\n\u003cmo-table-col width=\"200\" field=\"selected\"\u003e\n    \u003ctemplate v-slot=\"slotScope\"\u003e\n        \u003clabel class=\"pointer\"\u003e\n        \t\u003cspan class=\"icon-vpn-online\" :class=\"{'text-success': slotScope.status === '1'}\"\u003e\u003c/span\u003e\n        \u003c/label\u003e\n    \u003c/template\u003e\n    \n    //usage1\n    \u003ctemplate #expand=\"slotScope\"\u003e\n        xxxx\n    \u003c/template\u003e\n    \n    //usage2\n    \u003ctemplate v-slot:expand=\"slotScope\"\u003e\n        xxxx\n    \u003c/template\u003e\n\u003c/mo-table-col\u003e\n```\n\n\n\n# mo-pagination 分页\n\n## 属性 Attributes\n\n| 参数               | 说明                         | 类型     | 可选值                          | 默认值                    |\n| ------------------ | ---------------------------- | -------- | ------------------------------- | ------------------------- |\n| border             | 页码是否有边框               | boolean  | —                               | true                      |\n| page-size          | 每页多少条                   | number   | —                               | 10                        |\n| total              | 总条目数                     | number   | —                               | —                         |\n| pager-count        | 页面按钮的数量，超过时会折叠 | number   | 大于等于 5 且小于等于 13 的奇数 | 9                         |\n| current-page       | 当前页                       | number   | —                               | —                         |\n| is-show-total      | 是否显示总条目数             | boolean  |                                 | false                     |\n| is-show-total-page | 是否显示总页目数             | boolean  |                                 | false                     |\n| is-change-size     | 是否支持修改每页条数         | boolean  | —                               | false                     |\n| page-size-options  | 每页显示个数选择器的选项设置 | number[] | —                               | [10, 20, 30, 40, 50, 100] |\n| is-input-page      | 是否支持手动输入页面         | boolean  | —                               | false                     |\n| disabled           | 是否禁用                     | boolean  | —                               | false                     |\n| prev-text          | 替代图标显示的上一页文字     | string   | —                               | —                         |\n| next-text          | 替代图标显示的下一页文字     | string   | —                               | —                         |\n\n## 事件 Events\n\n| 事件名      | 说明                               | 参数     |\n| ----------- | ---------------------------------- | -------- |\n| change-size | 每页条数改变后触发                 | 每页条数 |\n| change-page | 当前页改变时会触发                 | 当前页   |\n| click-prev  | 用户点击上一页按钮改变当前页后触发 | 当前页   |\n| click-next  | 用户点击下一页按钮改变当前页后触发 | 当前页   |\n\n# mo-form 表单\n\n## 属性 Attributes\n\n| 参数           | 说明                                                         | 类型     | 可选值 | 默认值 |\n| -------------- | ------------------------------------------------------------ | -------- | ------ | ------ |\n| rules          | 数据验证规则                                                 | boolean  |        | {}     |\n| model          | 表单数据对象                                                 | Object   | —      | {}     |\n| is-label-right | 文字方向是否右对齐                                           | boolean  |        | false  |\n| beforeSubmit   | 表单提交前数据验证，返回false时不会执行submit\u003cbr /\u003efunction(data) {} | function |        |        |\n| disabled       | 表单是否禁用                                                 | Boolean  |        | false  |\n\n## rules 验证规则\n\nkey为 表单选项的prop，\n\n值为验证规则，多条验证规则时，为数组\n\n### 验证规则\n\n| 参数 | 说明                                               | 类型   | 可选值 | 默认值 |\n| ---- | -------------------------------------------------- | ------ | ------ | ------ |\n| type | 数据验证类型                                       | string |        |        |\n| args | 数据验证需要用到的值                               | Array  |        |        |\n| msg  | 错误提示信息，如果定义了，当验证错误时会提示此信息 | string |        |        |\n\n### 验证类型\n\nvue 原型链绑定`$valid`支持函数和对象形式\n\n示例\n\n```\nconst valid = {\n  num: function(str, min, max) {\n    if (!/^([-0-9])?([0-9]+)$/.test(str)) {\n      return \"输入值必须为整数\";\n    }\n    if (typeof min === \"number\" \u0026\u0026 typeof max === \"number\") {\n      if (parseInt(str, 10) \u003c min || parseInt(str, 10) \u003e max) {\n        return `有效输入范围：${min} - ${max}`;\n      }\n    }\n  },\n  ip: {\n    all: function(str) {\n      let ret = this.specific(str);\n\n      if (ret) {\n        return ret;\n      }\n    },\n\n    specific: function(str) {\n      let ipArr = str.split(\".\"),\n        ipHead = ipArr[0];\n      if (Number(ipArr[0]) \u003e 223) {\n        return ipHead + \" 为无效值，请输入一个1-223之间的值\";\n      }\n    }\n  }\n};\n\nvue.prototype.$valid = valid;\n```\n\n### 支持自定义验证\n\n配置输入框选项对应rules规则为函数时，可支持自定义数据验证规则\n\n```\nexport default {\n  \n  data() {\n    return {\n      dnsValid: [{type: \"dns\"}, this.checkDns]\n    };\n  },\n  methods: {\n    checkDns(val) {\n      //自定义规则，返回值false表示验证通过，返回字符串表示对应的错误信息\n    }\n  }\n}\n```\n\n\n\n## 方法 Methods\n\n| 方法名        | 说明             | 参数 |\n| ------------- | ---------------- | ---- |\n| submitForm    | 提交表单事件     |      |\n| getSubmitData | 获取表单提交数据 |      |\n\n## 事件 Events\n\n| 事件名 | 说明                       | 参数           |\n| ------ | -------------------------- | -------------- |\n| submit | 表单验证完后的提交数据事件 | 提交的表单数据 |\n\n# mo-form-item 表单元素\n\n## 属性 Attributes\n\n| 参数         | 说明                                                         | 类型           | 可选值 | 默认值 |\n| ------------ | ------------------------------------------------------------ | -------------- | ------ | ------ |\n| label        | 选项文字                                                     | string         |        |        |\n| is-no-label  | 不显示文字                                                   | boolean        |        | false  |\n| prop         | 选项属性，用于数据验证规则和提交数据，不填不会对数据进行验证和提交 | string         |        |        |\n| relativeProp | 关联元素，prop数据验证时，同时也会执行relativeProp 的数据验证 | String / Array |        |        |\n| required     | 是否必填                                                     | boolean        |        | true   |\n| ignore       | 是否忽略验证                                                 | boolean        |        | false  |\n| valid        | 数据验证规格，与rules配置一致，支持type， args，msg配置      | Array / Object |        |        |\n| disabled     | 选项是否禁用                                                 | boolean        |        | false  |\n| isInline     | 是否不换行显示，适用于紧接着前面的组件显示在一行             | boolean        |        | false  |\n\n## 方法 Methods\n\n| 方法名     | 说明                                           | 参数     |\n| ---------- | ---------------------------------------------- | -------- |\n| checkValid | 数据验证，返回是否验证成功\u003cbr /\u003efunction(data) | 选项的值 |\n\n# mo-form-item slot\n\n| name    | 说明                                                         |\n| ------- | ------------------------------------------------------------ |\n| default | 表单元素右边显示内容                                         |\n| content | 右边多个数据验证时需要把第二个放入此插槽内，显示在default插槽后面 |\n| label   | 表单元素左边文字内容                                         |\n\n# list\n\n## List Attributes - 列表属性\n\n| 参数       | 说明                                                | 类型           | 可选值 | 默认值   |\n| ---------- | --------------------------------------------------- | -------------- | ------ | -------- |\n| bordered   | 是否展示外边框                                      | boolean        | -      | false    |\n| options    | 配置项，详情见下表                                  | Array\\\u003cobject\u003e | -      | []       |\n| empty-text | 空数据时显示的文本内容，可使用slot=\"empty-text\"设置 | string/slot    | -      | 暂无数据 |\n| devided    | 是否展示分割线                                      | Boolean        | -      | true     |\n| row-key    | v-for中key字段名称                                  | string         | -      | index    |\n\n### options - options配置\n\n| 参数        | 说明                                         | 类型               | 可选值 | 默认值 |\n| ----------- | -------------------------------------------- | ------------------ | ------ | ------ |\n| avatar      | 图标资源路径配置，不配置则不显示，详情见下表 | string/object/slot | -      | -      |\n| title       | 列表子项的标题配置，不配置则不显示           | string/slot        | -      | -      |\n| description | 列表子项的描述文字配置，不配置则不显示       | string/slot        | -      | -      |\n\navatar类型为`String`，表示avatar的资源路径，类型为`Object`，可配置头像的形状及资源路径，也可通过插槽自定义头像内容\n\n#### Avatar Props - 头像配置\n\n| 参数 | 说明             | 类型   | 可选值        | 默认值 |\n| ---- | ---------------- | ------ | ------------- | ------ |\n| type | 头像类型，即形状 | string | circle/square | circle |\n| src  | 头像资源路径     | string | -             | -      |\n\n## Events\n\n| 事件名称 | 说明               | 参数         |\n| -------- | ------------------ | ------------ |\n| click    | 点击列表子项时触发 | 子项的option |\n\n## Slot\n\n| name        | 说明              |\n| ----------- | ----------------- |\n| avatar      | 头像              |\n| title       | 标题              |\n| description | 描述信息/详细内容 |\n| empty-text  | 空数据内容        |\n\n\n\n# tooltip\n\n## Usage\n\n支持组件及指令形式使用\n\n```html\n\u003c!-- usage 1: component --\u003e\n\u003cmo-tooltip\n    content=\"this is a tooltip\"\n\u003e\n    \u003cmo-button\u003eHover me\u003c/mo-button\u003e\n\u003c/mo-tooltip\u003e\n\n\u003c!-- usage 2: directive --\u003e\n\u003cdiv mo-tooltip=\"this is a div\"\u003e  // 不写默认值为innerText\n    this is a div\n\u003c/div\u003e\n```\n\n## 属性 Attributes\n\n| 参数          | 说明                                      | 类型    | 可选值                                                       | 默认值         |\n| ------------- | ----------------------------------------- | ------- | ------------------------------------------------------------ | -------------- |\n| effect        | 提供的主题                                | string  | dark/light                                                   | dark           |\n| max-width     | 最大宽度，单位px，超出换行                | number  | -                                                            | -              |\n| content       | 显示的内容                                | string  | -                                                            | -              |\n| position      | tooltip出现的位置，如果不配置，位置自适应 | string  | top-left\u003cbr/\u003etop-center\u003cbr/\u003e top-right\u003cbr/\u003eright-top\u003cbr/\u003eright-center\u003cbr/\u003eright-bottom\u003cbr/\u003ebottom-right\u003cbr/\u003e bottom-center\u003cbr/\u003ebottom-left\u003cbr/\u003eleft-bottom\u003cbr/\u003eleft-center\u003cbr/\u003eleft-top | top-center     |\n| transition    | 定义过渡动画名，与vue过渡动画组件使用一致 | string  | -                                                            | -              |\n| enterable     | 鼠标是否可以进入tooltip中                 | boolean | -                                                            | true           |\n| between-space | 弹出框与参考元素的距离                    | number  | -                                                            | 三角形底边 + 4 |\n| open-delay    | 延迟出现，单位：毫秒                      | number  | -                                                            | 0              |\n| close-delay   | 延迟出现，单位：毫秒                      | number  | -                                                            | 0              |\n\n\u003e 1. maxWidth -\u003e max-width \n\n## Slot\n\n| name    | 说明                      |\n| ------- | ------------------------- |\n| default | 触发tooltip显示的HTML元素 |\n| content | 自定义内容                |\n\n\n\n\n\n# popover\n\n## Usage\n\n```html\n\u003cmo-popover\n    title=\"popover title\"\n\u003e\n  \tthis is a popver box\n    \u003ctemplate #reference\u003eClick me\u003c/template\u003e\n\u003c/mo-popover\u003e\n```\n\n## 属性 Attributes\n\n| 参数        | 说明                                                     | 类型          | 可选值                                                       | 默认值     |\n| ----------- | -------------------------------------------------------- | ------------- | ------------------------------------------------------------ | ---------- |\n| v-model     | 触发方式为手动（manual）生效                             | boolean       | -                                                            | -          |\n| trigger     | 触发方式                                                 | string        | click\u003cbr/\u003ehover\u003cbr/\u003e  manual                                 | click      |\n| width       | 宽度                                                     | number/string | -                                                            | 150        |\n| title       | 标题                                                     | string        | -                                                            | -          |\n| position    | popover出现的位置                                        | string        | top-left\u003cbr/\u003etop-center\u003cbr/\u003e top-right\u003cbr/\u003eright-top\u003cbr/\u003eright-center\u003cbr/\u003eright-bottom\u003cbr/\u003ebottom-right\u003cbr/\u003e bottom-center\u003cbr/\u003ebottom-left\u003cbr/\u003eleft-bottom\u003cbr/\u003eleft-center\u003cbr/\u003eleft-top | top-center |\n| transition  | 定义渐变动画                                             | string        | -                                                            |            |\n| show-arrow  | 是否显示箭头                                             | boolean       | -                                                            | true       |\n| enterable   | 鼠标是否可以进入弹出框中，仅在`trigger`等于`hover`时生效 | boolean       | -                                                            | true       |\n| open-delay  | 延迟出现，单位：毫秒                                     | number        | -                                                            | 0          |\n| close-delay | 延迟出现，单位：毫秒                                     | number        | -                                                            | 0          |\n\n## Events\n\n| 事件名称       | 说明                   | 参数                    |\n| -------------- | ---------------------- | ----------------------- |\n| visible-change | 菜单显示状态改变时触发 | 显示为true，隐藏为false |\n\n## Slot\n\n| name      | 说明                      |\n| --------- | ------------------------- |\n| default   | popover内嵌HTML文本       |\n| reference | 触发popover显示的HTML元素 |\n\n# dropdown\n\n## 属性 Attributes\n\n| 参数                   | 说明                                                         | 类型           | 可选值      | 默认值   |\n| ---------------------- | ------------------------------------------------------------ | -------------- | ----------- | -------- |\n| type                   | 下拉菜单类型                                                 | string         | link/button | link     |\n| label                  | 下拉菜单标签名称                                             | string         | -           | 下拉菜单 |\n| disabled               | 菜单是否禁用                                                 | boolean        | -           | false    |\n| trigger                | 触发下拉的行为                                               | string         | hover/click | click    |\n| hide-after-selected    | 选择完成后隐藏下拉选项                                       | boolean        | -           | true     |\n| display-options-number | 设置可显示选项的数量，如options.length大于该值，则显示滚动条 | number         | -           | 4        |\n| options                | 菜单项配置\u003cbr /\u003e                                             | Array\\\u003cobject\u003e | -           | -        |\n| panel-class            | 下拉菜单项容器的类名                                         | String         | -           | -        |\n\n### Options Attributes\n\n| 参数     | 说明                     | 类型                 | 可选值 | 默认值 |\n| -------- | ------------------------ | -------------------- | ------ | ------ |\n| text     | 显示文本                 | string/number/object | -      | -      |\n| value    | 值                       | string/number/object | -      | -      |\n| disabled | 禁用                     | boolean              | -      | false  |\n| divided  | 显示分割线               | boolean              | -      | false  |\n| icon     | 图标类名，不配置则不显示 | string               | -      | -      |\n\n## Events\n\n| 事件名称       | 说明                   | 参数                               |\n| -------------- | ---------------------- | ---------------------------------- |\n| visible-change | 菜单显示状态改变时触发 | 显示为true，隐藏为false            |\n| click-item     | 点击子菜单时触发       | 当前子菜单的值string/number/object |\n\n\n\n# tabs\n\n## tabs Attributes\n\n| 参数         | 说明                                                         | 类型                                  | 可选值           | 默认值              |\n| ------------ | ------------------------------------------------------------ | ------------------------------------- | ---------------- | ------------------- |\n| v-model      | 当前激活tab的key                                             | string                                | -                | 第一个选项卡的value |\n| type         | 风格类型                                                     | string                                | link/card/button | link                |\n| size         | 大小                                                         | string                                | S/M/L            | M                   |\n| lazy         | tab内容加载方式。true使用v-if加载，false使用v-show           | string                                | -                | true                |\n| disabled     | 是否全部禁用                                                 | boolean                               | -                | false               |\n| before-leave | 切换标签之前的钩子，若返回false或者返回Promise且被reject，则阻止切换 | Function(activeValue, oldActiveValue) | -                | -                   |\n\n## Events\n\n| 事件名称  | 说明            | 参数                            |\n| --------- | --------------- | ------------------------------- |\n| tab-click | tab被选中时触发 | (被选中的标签tab实例, 事件对象) |\n\n## tab-pane Attributes\n\n| 参数     | 说明                                            | 类型        | 可选值 | 默认值                                                |\n| -------- | ----------------------------------------------- | ----------- | ------ | ----------------------------------------------------- |\n| label    | 选项卡标题                                      | string/slot | -      | -                                                     |\n| disabled | 是否禁用                                        | boolean     | -      | false                                                 |\n| value    | 与选项卡绑定值value对应的标识符，标识选项卡别名 | string      | -      | 该选项卡在选项卡列表中的顺序值，如第一个选项卡则为“1” |\n\n## tabs Slot\n\n| name    | 说明               |\n| ------- | ------------------ |\n| default | 一般为tab-pane组件 |\n\n## tab-pane Slot\n\n| name    | 说明      |\n| ------- | --------- |\n| default | tab内容区 |\n\n\u003e 建议name -\u003e value 与其他地方保持同名\n\u003e\n\u003e 默认的slot是否需要写出来？要\n\u003e\n\u003e 考虑中间tab隐藏的场景\n\n# steps\n\n## steps Attributes\n\n| 参数           | 说明                                         | 类型    | 可选值                             | 默认值  |\n| -------------- | -------------------------------------------- | ------- | ---------------------------------- | ------- |\n| active         | 设置当前激活步骤                             | number  | -                                  | 0       |\n| space          | 每个step的间距，单位：px。不填写则自适应间距 | number  | -                                  | -       |\n| process-status | 设置当前步骤的状态                           | string  | wait/process/finish/error/disabled | process |\n| finish-status  | 设置结束步骤的状态                           | string  | wait/process/finish/error/disabled | finish  |\n| align-center   | 文字进行居中对齐                             | boolean | -                                  | true    |\n\n## step Attributes\n\n| 参数        | 说明                                          | 类型        | 可选值                             | 默认值 |\n| ----------- | --------------------------------------------- | ----------- | ---------------------------------- | ------ |\n| title       | 标题                                          | string/slot | -                                  | -      |\n| description | 描述性文字                                    | string/slot | -                                  | -      |\n| icon        | icon的class类名                               | string/slot | -                                  | -      |\n| status      | 设置当前步骤的状态，不设置则根据steps确定状态 | string      | wait/process/finish/error/disabled | -      |\n\n## step Slot\n\n| name        | 说明           |\n| ----------- | -------------- |\n| icon        | 自定义图标     |\n| title       | 自定义标题     |\n| description | 自定义描述文字 |\n\n\n\n# dialog\n\n## 属性 Attributes\n\n| 参数                 | 说明                                           | 类型    | 可选值             | 默认值  |\n| -------------------- | ---------------------------------------------- | ------- | ------------------ | ------- |\n| v-model              | 是否显示dialog                                 | boolean | -                  | false   |\n| show-header          | 是否显示头部                                   | boolean |                    | true    |\n| title                | dialog的标题，也可通过具名slot传入             | -       | -                  | -       |\n| width                | dialog的宽度，最小宽度为400px，最大宽度为720px | string  | -                  | -       |\n| modal                | 是否需要遮罩层                                 | boolean | -                  | true    |\n| close-on-click-modal | 是否可以通过点击modal关闭dialog                | boolean | -                  | true    |\n| show-close           | 是否显示关闭按钮                               | boolean | -                  | true    |\n| show-confirm         | 是否显示确定按钮                               | boolean | -                  | true    |\n| show-cancel          | 是否显示取消按钮                               | boolean | -                  | true    |\n| confirm-button-text  | 确认按钮文字                                   | string  | -                  | 确定    |\n| cancel-button-text   | 取消按钮文字                                   | string  | -                  | 取消    |\n| confirm-button-type  | 确认按钮类型                                   | string  | 参考button组件类型 | primary |\n| cancel-button-type   | 取消按钮类型                                   | string  | 参考button组件类型 | info    |\n| align-center         | 是否对头部和底部采用居中布局                   | boolean | -                  | false   |\n\n## Events\n\n| 事件名称    | 说明             | 参数 |\n| ----------- | ---------------- | ---- |\n| open        | 打开dialog触发   | -    |\n| after-close | 关闭后回调       | -    |\n| confirm     | 点击确定按钮触发 | -    |\n| cancel      | 点击取消按钮触发 | -    |\n\n## Slot\n\n| name    | 说明                   |\n| ------- | ---------------------- |\n| default | dialog的内容           |\n| title   | dialog标题区的内容     |\n| footer  | dialog按钮操作区的内容 |\n\n\u003e 确定取消按钮的文本修改是否是通过footer去实现？加上文本修改\n\u003e\n\u003e width不设置会自适应去调整大小嘛？自适应\n\n# notice\n\n## Usage\n\n```js\nthis.$notify({\n    title: \"notice title\",\n    content: \"this is notice content\",\n    showConfirm: true\n}).then(() =\u003e {\n    // 关闭回调\n});\n```\n\n## 属性 Attributes\n\n| 参数                     | 说明                                    | 类型    | 可选值                                                  | 默认值    |\n| ------------------------ | --------------------------------------- | ------- | ------------------------------------------------------- | --------- |\n| title                    | 标题                                    | string  | -                                                       | -         |\n| content                  | 说明文字                                | string  | -                                                       | -         |\n| duration                 | 显示时间，单位：毫秒。设置为0则不会关闭 | number  | -                                                       | 4500      |\n| position                 | 自定义弹出位置                          | string  | top-right\u003cbr/\u003etop-left\u003cbr/\u003ebottom-right\u003cbr/\u003ebottom-left | top-right |\n| show-close               | 是否显示关闭按钮                        | boolean | -                                                       | true      |\n| show-confirm             | 是否显示确定按钮                        | boolean | -                                                       | false     |\n| confirm-text             | 确定按钮文本                            | string  | -                                                       | 确定      |\n| dangerouslyUseHTMLString | 把content当做html解析                   | Boolean | -                                                       | false     |\n\n\u003e 事件删除\n\u003e\n\u003e 返回promise，只有成功没有失败\n\n\n\n# popconfirm\n\n## Usage\n\n```js\nconst configs = {\n    title: \"\",\n    // ...\n};\n\nthis.$popconfirm(configs)\n    .then(() =\u003e {\n        // 点击“确定”后的回调\n    })\n    .catch(() =\u003e {\n        // 点击“取消”后的回调\n    })\n```\n\n## Popconfirm Attributes\n\n| 参数                | 说明                                  | 类型    | 可选值                                                       | 默认值     |\n| ------------------- | ------------------------------------- | ------- | ------------------------------------------------------------ | ---------- |\n| title               | 标题                                  | string  | -                                                            | -          |\n| icon                | Icon图标类名；\u003cbr /\u003e 如不配置，则隐藏 | string  | -                                                            | -          |\n| position            | popconfirm出现的位置                  | string  | top-left\u003cbr/\u003etop-center\u003cbr/\u003e top-right\u003cbr/\u003eright-top\u003cbr/\u003eright-center\u003cbr/\u003eright-bottom\u003cbr/\u003ebottom-right\u003cbr/\u003e bottom-center\u003cbr/\u003ebottom-left\u003cbr/\u003eleft-bottom\u003cbr/\u003eleft-center\u003cbr/\u003eleft-top | top-center |\n| transition          | 定义渐变动画                          | string  | -                                                            |            |\n| show-arrow          | 是否显示箭头                          | boolean | -                                                            | true       |\n| open-delay          | 延迟出现，单位：毫秒                  | number  | -                                                            | 0          |\n| close-delay         | 延迟出现，单位：毫秒                  | number  | -                                                            | 0          |\n| clickOutsideToHide  | 点击外部隐藏弹窗                      | boolean | -                                                            | false      |\n| show-confirm        | 是否显示确认按钮                      | boolean | -                                                            | true       |\n| show-cancel         | 是否显示取消按钮                      | boolean | -                                                            | true       |\n| confirm-button-text | 确认按钮文字                          | string  | -                                                            | 确定       |\n| cancel-button-text  | 取消按钮文字                          | string  | -                                                            | 取消       |\n| confirm-button-type | 确认按钮类型                          | string  | 参考button组件类型                                           | primary    |\n| cancel-button-type  | 取消按钮类型                          | string  | 参考button组件类型                                           | info       |\n\n## Events\n\n| 事件名称 | 说明             | 参数 |\n| -------- | ---------------- | ---- |\n| confirm  | 点击确认按钮触发 | -    |\n| cancel   | 点击确认按钮触发 | -    |\n\n## Slot\n\n| name      | 说明                      |\n| --------- | ------------------------- |\n| default   | 自定义内容                |\n| reference | 触发popover显示的HTML元素 |\n\n\n\n# alert\n\n## 属性 Attributes\n\n| 参数                | 说明                               | 类型    | 可选值                  | 默认值 |\n| ------------------- | ---------------------------------- | ------- | ----------------------- | ------ |\n| title               | 标题                               | string  | -                       | -      |\n| type                | 消息类型                           | string  | success/warn/info/error | info   |\n| description         | 消息详细描述，也可通过默认slot传入 | string  | -                       | -      |\n| icon                | 图标类名，不传默认取响应状态的值   | String  | -                       | -      |\n| show-icon           | 是否显示icon                       | Boolean | -                       | true   |\n| show-close          | 是否显示关闭按钮                   | boolean | -                       | true   |\n| show-details-button | 是否显示查看详情按钮               | boolean | -                       | false  |\n\n## Events\n\n| 事件名称             | 说明               | 参数 |\n| -------------------- | ------------------ | ---- |\n| close                | 关闭时触发         | -    |\n| handle-details-click | 点击查看详情时触发 | -    |\n\n## Slot\n\n| name    | 说明                    |\n| ------- | ----------------------- |\n| default | description消息详细描述 |\n\n\n\n# message\n\n## Usage\n\n```js\n// usage1\nconst msg = this.$message({\n    content: \"this is a success message\",\n    type: \"success\"\n});\n\n// usage2\nconst msg = this.$message.success(\"this is a success message\", 3000);\n\n// usage3，type=\"info\"\nthis.$message(\"this is a info message\", 3000);\n```\n\n## Options\n\n| 参数                     | 说明                                | 类型    | 可选值                  | 默认值 |\n| ------------------------ | ----------------------------------- | ------- | ----------------------- | ------ |\n| content                  | 消息内容                            | string  | -                       | -      |\n| type                     | 主题                                | string  | success/warn/info/error | info   |\n| showIcon                 | 是否显示icon                        | boolean | -                       | true   |\n| icon                     | Icon图标类名，会覆盖type配置        | string  | -                       | -      |\n| duration                 | 显示时间，单位：毫秒。设为0则不关闭 | number  | -                       | 2500   |\n| dangerouslyUseHTMLString | 把content当做html解析，谨慎使用     | boolean | -                       | false  |\n\n## 方法 Methods\n\n| 方法名  | 说明                | 参数 |\n| ------- | ------------------- | ---- |\n| success | 弹出成功message框   | -    |\n| error   | 弹出失败的message框 | -    |\n| warn    | 弹出警告的message框 | -    |\n\n## 执行后返回的实例方法 Methods\n\n| 方法名 | 说明              | 参数 |\n| ------ | ----------------- | ---- |\n| close  | 关闭当前的message | -    |\n\n\u003e Close分开写\n\n# skeleton\n\n## Attributes\n\n| 属性      | 说明                                | 类型           | 可选值 | 默认值 |\n| --------- | ----------------------------------- | -------------- | ------ | ------ |\n| active    | 是否展示动画效果                    | boolean        | -      | false  |\n| avatar    | 是否显示头像占位图                  | boolean/object | -      | false  |\n| css       | 自定义类名                          | string         | -      | -      |\n| duration  | 显示时间，单位：毫秒。设为0则不关闭 | number         | -      | 3000   |\n| loading   | 为true，显示占位图。反之显示子组件  | boolean        | -      | -      |\n| paragraph | 是否显示段落占位图                  | boolean/object | -      | true   |\n| title     | 是否显示段落占位图                  | boolean/object | -      | false  |\n\n### Avatar props\n\n| 属性 | 说明                 | 类型          | 可选值                        | 默认值 |\n| ---- | -------------------- | ------------- | ----------------------------- | ------ |\n| size | 设置头像占位图的大小 | number/string | 类型为string时，可选值为S/M/L | M      |\n| type | 头像的形状           | string        | circle/square                 | [todo] |\n\n### Title props\n\n| 属性  | 说明                 | 类型          | 可选值 | 默认值 |\n| ----- | -------------------- | ------------- | ------ | ------ |\n| width | 设置标题占位图的宽度 | number/string | -      | -      |\n\n### Paragraph props\n\n| 属性       | 说明                                                         | 类型                                  | 可选值 | 默认值 |\n| ---------- | ------------------------------------------------------------ | ------------------------------------- | ------ | ------ |\n| rows       | 设置段落占位图的行数                                         | number/string                         | -      | -      |\n| rows-space | 设置段落之间的间距，单位px                                   | number                                | -      | -      |\n| width      | 设置段落占位图的宽度。若为数组，则为对应的每行宽度；反之则是最后一行的宽度 | number/string/Array\u003cnumber \\| string\u003e | -      | -      |\n\n\n\n# 栅格布局\n\n## mo-row Attributes\n\n| 参数   | 说明              | 类型   | 可选值 | 默认值 |\n| ------ | ----------------- | ------ | ------ | ------ |\n| gutter | 列间隔，单位px    | number | -      | 0      |\n| tag    | 自定义row元素标签 | string |        | div    |\n\n## mo-col Attribute\n\n| 参数    | 说明                             | 类型   | 可选值 | 默认值 |\n| ------- | -------------------------------- | ------ | ------ | ------ |\n| span    | 栅格占据的列数(一行总共分为24列) | number | -      | 24     |\n| tag     | 自定义col元素标签                | string | -      | div    |\n| offset  | 栅格左侧的间隔格数               | number | -      | 0      |\n| padding | 栅格内垂直方向上padding，单位px  | number | -      | 0      |\n\n## slot\n\n| name    | 说明     |\n| ------- | -------- |\n| default | 内容区域 |\n\n\u003e mo-row和mo-col内都有默认的slot承载内容\n\n\n\n# mo-container 布局容器\n\n## 属性 Attributes\n\n| 参数          | 说明                   | 类型          | 可选值 | 默认值 |\n| ------------- | ---------------------- | ------------- | ------ | ------ |\n| width         | 容器宽度               | string/number | -      | 100%   |\n| aside-width   | 左侧导航宽度           | string/number | -      | 256    |\n| header-height | 顶部导航栏高度，单位px | number        | -      | 64     |\n| footer-height | 底部信息栏高度，单位px | number        | -      | 64     |\n\n## Slot\n\n| name    | 说明       |\n| ------- | ---------- |\n| header  | 顶部导航   |\n| aside   | 左侧导航   |\n| default | 内容区域   |\n| footer  | 底部信息栏 |\n\n\n\n# mo-chart-line\n\n## 属性 Attributes\n\n| 参数       | 说明                           | 类型    | 可选值          | 默认值                                                       |\n| ---------- | ------------------------------ | ------- | --------------- | ------------------------------------------------------------ |\n| colors     | 数据列颜色配置                 | array   | -               | ['#FFCD58','#ACE06F',\u003cbr/\u003e'#7EE6F2','#6EBBFF',\u003cbr/\u003e'#FF7348','#B792F7'] |\n| series     | 数据列                         | array   |                 |                                                              |\n| categories | 类别，对应x轴描述              | array   | -               | -                                                            |\n| legend     | 图例                           | string  | circle, square  | circle                                                       |\n| animation  | 动画效果，空表示不需要动画     | string  | -               | easeOutCubic                                                 |\n| width      | 宽，单位px                     | number  | -               | 外层容器的宽                                                 |\n| height     | 高，单位px                     | number  | -               | 外层容器的高                                                 |\n| type       | 折线类型                       | number  | 1: 直线 2: 曲线 | 2                                                            |\n| tip-text   | 鼠标悬浮预留提示信息，独行显示 | string  | -               | -                                                            |\n| show-tip   | 鼠标悬浮显示数据               | boolean | -               | true                                                         |\n| title      | 图表标题                       | string  | -               | -                                                            |\n| comment    | 图表注释                       | string  | -               | -                                                            |\n| show-point | 是否显示曲线坐标点             | boolean | -               | false                                                        |\n| is-offset  | 是否从坐标原点后面开始绘制     | boolean | -               | true                                                         |\n\n**series数据项属性**\n\n| 参数 | 说明     | 类型   | 可选值 | 默认值 |\n| ---- | -------- | ------ | ------ | ------ |\n| name | 系列名称 | string | -      | -      |\n| data | 系列数据 | array  | -      | -      |\n\n## 事件Events\n\n| 方法名      | 说明         | 参数             |\n| ----------- | ------------ | ---------------- |\n| legendClick | 图例点击事件 | 被点击的图例名称 |\n\n\n\n# mo-chart-bar\n\n## 属性 Attributes\n\n| 参数       | 说明                           | 类型    | 可选值         | 默认值                                                       |\n| ---------- | ------------------------------ | ------- | -------------- | ------------------------------------------------------------ |\n| colors     | 数据列颜色配置                 | array   | -              | ['#FFCD58','#ACE06F',\u003cbr/\u003e'#7EE6F2','#6EBBFF',\u003cbr/\u003e'#FF7348','#B792F7'] |\n| series     | 数据列                         | array   |                |                                                              |\n| categories | 类别，对应x轴描述              | array   | -              | -                                                            |\n| legend     | 图例                           | string  | circle, square | circle                                                       |\n| animation  | 动画效果，空表示不需要动画     | string  | -              | easeOutCubic                                                 |\n| width      | 宽，单位px                     | number  | -              | 外层容器的宽                                                 |\n| height     | 高，单位px                     | number  | -              | 外层容器的高                                                 |\n| tip-text   | 鼠标悬浮预留提示信息，独行显示 | string  | -              | -                                                            |\n| show-tip   | 鼠标悬浮显示数据               | boolean | -              | true                                                         |\n| title      | 图表标题                       | string  | -              | -                                                            |\n| comment    | 图表注释                       | string  | -              | -                                                            |\n| show-value | 是否在柱条上显示数值           | boolean | -              | false                                                        |\n\n**series数据项属性**\n\n| 参数 | 说明     | 类型   | 可选值 | 默认值 |\n| ---- | -------- | ------ | ------ | ------ |\n| name | 系列名称 | string | -      | -      |\n| data | 系列数据 | array  | -      | -      |\n\n## 事件Events\n\n| 方法名      | 说明         | 参数                                                         |\n| ----------- | ------------ | ------------------------------------------------------------ |\n| click       | 柱子点击事件 | { \u003cbr /\u003evalue: data.value, \u003cbr /\u003elegend: data.legend, \u003cbr /\u003ecategory: data.category\u003cbr /\u003e} |\n| legendClick | 图例点击事件 | 被点击的图例名称                                             |\n\n\n\n# mo-chart-pie\n\n## 属性 Attributes\n\n| 参数       | 说明                           | 类型    | 可选值         | 默认值                                                       |\n| ---------- | ------------------------------ | ------- | -------------- | ------------------------------------------------------------ |\n| colors     | 数据列颜色配置                 | array   | -              | ['#FFCD58','#ACE06F',\u003cbr/\u003e'#7EE6F2','#6EBBFF',\u003cbr/\u003e'#FF7348','#B792F7'] |\n| series     | 数据列                         | array   |                |                                                              |\n| categories | 类别                           | array   | -              | -                                                            |\n| legend     | 图例                           | string  | circle, square | circle                                                       |\n| animation  | 动画效果，空表示不需要动画     | string  | -              | easeOutCubic                                                 |\n| width      | 宽，单位px                     | number  | -              | 外层容器的宽                                                 |\n| height     | 高，单位px                     | number  | -              | 外层容器的高                                                 |\n| tip-text   | 鼠标悬浮预留提示信息，独行显示 | string  | -              | -                                                            |\n| show-tip   | 鼠标悬浮显示数据               | boolean | -              | true                                                         |\n| title      | 图表标题                       | string  | -              | -                                                            |\n| comment    | 图表注释                       | string  | -              | -                                                            |\n\n\n\n## 事件Events\n\n| 方法名      | 说明         | 参数               |\n| ----------- | ------------ | ------------------ |\n| click       | 图形点击事件 | 被点击的数据和索引 |\n| legendClick | 图例点击事件 | 被点击的图例       |\n\n\n\n# mo-chart-percent \n\n## 属性 Attributes\n\n| 参数          | 说明                       | 类型           | 可选值       | 默认值       |\n| ------------- | -------------------------- | -------------- | ------------ | ------------ |\n| type          | 类型                       | string         | circle、line | circle       |\n| title         | 标题                       | string         | -            | -            |\n| value         | 值                         | number         | -            | -            |\n| colors        | 区间对应的颜色值           | array          | -            | ['#ff801f']  |\n| color-value   | 颜色对应的值区间           | array          | -            | [1]          |\n| back-color    | 与colors对应的底色值       | array          | -            | ['#e9e9e9']  |\n| width         | 宽，单位px                 | number         | -            | 外层容器的宽 |\n| height        | 高，单位px                 | number         | -            | 外层容器的高 |\n| stroke-width  | 线条的粗细，单位px         | number         | -            | 8            |\n| padding       | 图形容器的内边距，单位px   | number         | -            | 20           |\n| show-text     | 是否显示图形上的提示文本   | boolean        | -            | true         |\n| text-position | 文本显示位置               | boolean        | right、auto  | auto         |\n| text-width    | 右侧显示文本的宽度，单位px | Number、String | -            | 40           |\n\n## Slot\n\n| name    | 说明                                 |\n| ------- | ------------------------------------ |\n| default | 默认显示百分比，在圆环内或者在直线上 |\n\n# mo-progress \n\n### 属性 Attributes\n\n| 参数          | 说明                      | 类型   | 可选值                   | 默认值       |\n| ------------- | ------------------------- | ------ | ------------------------ | ------------ |\n| type          | 类型                      | number | circle、line             | circle       |\n| state         | 状态                      | string | success、progress、error | progress     |\n| value         | 值                        | number | -                        | -            |\n| progressColor | 进行中的颜色值            | string | -                        | #ff801f      |\n| successColor  | 完成的颜色值              | string | -                        | #17cc82      |\n| errorColor    | 失败的颜色值              | string | -                        | #f7421e      |\n| back-color    | 与 colors 对应的底色值    | array  | -                        | #e9e9e9      |\n| width         | 宽，单位 px               | number | -                        | 外层容器的宽 |\n| height        | 高，单位 px               | number | -                        | 外层容器的高 |\n| stroke-width  | 线条的粗细，单位 px       | number | -                        | 8            |\n| padding       | 图形容器的内边距，单位 px | number | -                        | 20           |\n| icon-size     | 图标或者文本的大小        | number | -                        | 14           |\n\n# mo-collapse \t\n\n## 属性 Attributes\n\n| 参数            | 说明     | 类型    | 可选值 | 默认值 |\n| --------------- | -------- | ------- | ------ | ------ |\n| title           | 标题     | string  | -      | -      |\n| text            | 内容     | string  | -      | -      |\n| actived/v-model | 展开状态 | boolean | -      | false  |\n| disabled        | 禁用     | boolean | -      | false  |\n\n## Slot\n\n| name    | 说明                   |\n| ------- | ---------------------- |\n| default | 内容区，优先级高于text |\n| title   | 标题区                 |\n\n# mo-badge 徽标数\n\n## 属性 Attributes\n\n| 参数     | 说明             | 类型   | 可选值                        | 默认值  |\n| -------- | ---------------- | ------ | ----------------------------- | ------- |\n| text     | 内容             | string | -                             | -       |\n| type     | 圆点或小圆       | string | dot(圆点),tip                 | tip     |\n| status   | 不同状态不同颜色 | string | success, error, warn, default | default |\n| position | 圆点位置         | string | rt                            | -       |\n\n\u003e position: 为空，在正常的文档流中，不添加任何定位效果。\n\n## Slot\n\n| name    | 说明   |\n| ------- | ------ |\n| default | 内容区 |\n\n\n\n# mo-loading 加载中\n\n## 属性 Attributes\n\n| 参数       | 说明         | 类型                | 可选值 | 默认值         |\n| ---------- | ------------ | ------------------- | ------ | -------------- |\n| visible    | 是否显示     | boolean             | -      | false          |\n| size       | 尺寸         | string              | S/M/L  | M              |\n| target     | 遮罩内容     | object(HTMLElement) | -      | 默认为外层容器 |\n| has-mask   | 是否有遮罩   | boolean             | -      | true           |\n| text       | 显示文本     | string              | -      | -              |\n| background | 旋转点背景色 | string              | -      | #ff8f00        |\n\n\u003e target的position不能为static，否则遮罩不生效\n\n## slot\n\n| name    | 说明                     |\n| ------- | ------------------------ |\n| default | 内容区域，优先级高于text |\n\n# mo-scroll 滚动条\n\n| 参数     | 说明                           | 类型           | 可选值              | 默认值       |\n| -------- | ------------------------------ | -------------- | ------------------- | ------------ |\n| height   | 最大高度，超出出现滚动条，必填 | number，string | 数值，inherit，auto | inherit      |\n| width    | 最大宽度，超出出现滚动条，必填 | number         | -                   | 外层容器宽度 |\n| overflow | 设置哪个方向出现滚动条         | string         | x，y, auto, hidden  | auto         |\n| is-block | 是否是块级元素，占满一行       | boolean        | -                   | true         |\n| to-x     | 滚动到X轴的具体位置，单位px    | number         | -                   | 0            |\n| to-y     | 滚动到Y轴的具体位置，单位px    | number         | -                   | 0            |\n| to-index | 滚动到第几个元素               | number         | -                   | -            |\n\n\u003e `height`为`inherit`时继承父级容器的高度，要保证外层容器可以取得高。为`auto`时表示不会出现垂直滚动条。\n\u003e 不设置`height`和`width`时，要保证外层容器可以取得高或者宽\n\u003e `to-index `默认会选中当前slot的最外层元素的第`index`个子元素，优先级高于`scroll-to-y`\n\n## method\n\n| 方法                                  | 说明                                               | 参数                                    |\n| ------------------------------------- | -------------------------------------------------- | --------------------------------------- |\n| scrollTo(selector)                    | 滚动到某个`dom`元素                                | `dom`的唯一选择器，可以精确定位当前元素 |\n| update()                              | 滚动条内部内容修改后，需要调用该方法手动更新滚动条 | -                                       |\n| scrollToX(to)                         | 水平滚动条滚动到to位置                             | 滚动到的位置，单位px                    |\n| scrollToY(to)                         | 垂直滚动条滚动到to位置                             | 滚动到的位置，单位px                    |\n| scrollToIndex(index)                  | 滚动到第几个元素                                   | 元素索引，从1开始                       |\n| setSize(height, width, isScrollToTop) | 修改容器的宽高                                     | 高，框，是否滚动到左上角                |\n\n## slot\n\n| name    | 说明                                   |\n| ------- | -------------------------------------- |\n| default | 内容区域，只能有一个最外层元素包裹内容 |\n\n\n\n# mo-x-scroll 滚动条\n\n| 参数     | 说明                           | 类型           | 可选值              | 默认值       |\n| -------- | ------------------------------ | -------------- | ------------------- | ------------ |\n| height   | 最大高度，超出出现滚动条，必填 | number，string | 数值，inherit，auto | inherit      |\n| width    | 最大宽度，超出出现滚动条，必填 | number         | -                   | 外层容器宽度 |\n| overflow | 设置哪个方向出现滚动条         | string         | x，y, auto, hidden  | auto         |\n| is-block | 是否是块级元素，占满一行       | boolean        | -                   | true         |\n| to-x     | 滚动到X轴的具体位置，单位px    | number         | -                   | 0            |\n| to-y     | 滚动到Y轴的具体位置，单位px    | number         | -                   | 0            |\n| to-index | 滚动到第几个元素               | number         | -                   | -            |\n| count    | 最多显示行数                   | number         | -                   | 5            |\n\n\u003e `height`为`inherit`时继承父级容器的高度，要保证外层容器可以取得高。为`auto`时表示不会出现垂直滚动条。\n\u003e 不设置`height`和`width`时，要保证外层容器可以取得高或者宽\n\u003e `to-index `默认会选中当前slot的最外层元素的第`index`个子元素，优先级高于`scroll-to-y`\n\n## slot\n\n| name    | 说明                                   |\n| ------- | -------------------------------------- |\n| default | 内容区域，只能有一个最外层元素包裹内容 |\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoshang-ax%2Fmo-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoshang-ax%2Fmo-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoshang-ax%2Fmo-ui/lists"}