m8-mcp-server 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli.d.ts +2 -2
- package/dist/cli.js +1 -13
- package/dist/docs/apis.d.ts +2 -2
- package/dist/docs/apis.js +9 -326
- package/dist/docs/components.d.ts +2 -2
- package/dist/docs/components.js +2 -186
- package/dist/docs/index.d.ts +2 -2
- package/dist/docs/index.js +18 -177
- package/dist/docs/loader.d.ts +2 -2
- package/dist/docs/loader.js +1 -165
- package/dist/docs/search.d.ts +2 -2
- package/dist/docs/search.js +2 -196
- package/dist/docs/standards.d.ts +2 -2
- package/dist/docs/standards.js +3 -134
- package/dist/docs/utils.d.ts +2 -2
- package/dist/docs/utils.js +3 -129
- package/dist/generator/header.d.ts +2 -2
- package/dist/generator/header.js +3 -83
- package/dist/generator/index.d.ts +2 -2
- package/dist/generator/index.js +283 -648
- package/dist/generator/vue-template.d.ts +2 -2
- package/dist/generator/vue-template.js +336 -1016
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -73
- package/dist/recommend/index.d.ts +2 -2
- package/dist/recommend/index.js +2 -412
- package/dist/tools/generate-code.d.ts +2 -2
- package/dist/tools/generate-code.js +39 -211
- package/dist/tools/get-api-info.d.ts +2 -2
- package/dist/tools/get-api-info.js +1 -65
- package/dist/tools/get-coding-standard.d.ts +2 -2
- package/dist/tools/get-coding-standard.js +1 -66
- package/dist/tools/get-component-info.d.ts +2 -2
- package/dist/tools/get-component-info.js +1 -60
- package/dist/tools/get-util-info.d.ts +2 -2
- package/dist/tools/get-util-info.js +1 -65
- package/dist/tools/index.d.ts +2 -2
- package/dist/tools/index.js +3 -101
- package/dist/tools/recommend-solution.d.ts +2 -2
- package/dist/tools/recommend-solution.js +1 -67
- package/dist/tools/search-docs.d.ts +2 -2
- package/dist/tools/search-docs.js +1 -71
- package/dist/types/index.d.ts +2 -2
- package/dist/types/index.js +0 -8
- package/package.json +6 -5
- package/dist/cli.js.map +0 -1
- package/dist/docs/apis.js.map +0 -1
- package/dist/docs/components.js.map +0 -1
- package/dist/docs/index.js.map +0 -1
- package/dist/docs/loader.js.map +0 -1
- package/dist/docs/search.js.map +0 -1
- package/dist/docs/standards.js.map +0 -1
- package/dist/docs/utils.js.map +0 -1
- package/dist/generator/header.js.map +0 -1
- package/dist/generator/index.js.map +0 -1
- package/dist/generator/vue-template.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/recommend/index.js.map +0 -1
- package/dist/tools/generate-code.js.map +0 -1
- package/dist/tools/get-api-info.js.map +0 -1
- package/dist/tools/get-coding-standard.js.map +0 -1
- package/dist/tools/get-component-info.js.map +0 -1
- package/dist/tools/get-util-info.js.map +0 -1
- package/dist/tools/index.js.map +0 -1
- package/dist/tools/recommend-solution.js.map +0 -1
- package/dist/tools/search-docs.js.map +0 -1
- package/dist/types/index.js.map +0 -1
- package/resources/cases/.gitkeep +0 -0
- package/resources/cases/form-submit-vue2.json +0 -15
- package/resources/cases/index.json +0 -8
- package/resources/cases/list-detail-vue2.json +0 -27
- package/resources/components/.gitkeep +0 -0
- package/resources/components/actionsheet.json +0 -199
- package/resources/components/amap.json +0 -66
- package/resources/components/area.json +0 -158
- package/resources/components/badge.json +0 -93
- package/resources/components/button.json +0 -260
- package/resources/components/calendar.json +0 -225
- package/resources/components/cascader.json +0 -115
- package/resources/components/cell.json +0 -85
- package/resources/components/chart.json +0 -55
- package/resources/components/checkbox.json +0 -158
- package/resources/components/circle.json +0 -138
- package/resources/components/collapse.json +0 -88
- package/resources/components/countdown.json +0 -105
- package/resources/components/datepicker.json +0 -216
- package/resources/components/dialog.json +0 -250
- package/resources/components/divider.json +0 -82
- package/resources/components/dragsort.json +0 -67
- package/resources/components/dropdownmenu.json +0 -129
- package/resources/components/easycalendar.json +0 -84
- package/resources/components/empty.json +0 -90
- package/resources/components/field.json +0 -423
- package/resources/components/form.json +0 -156
- package/resources/components/grid.json +0 -131
- package/resources/components/header.json +0 -147
- package/resources/components/icon.json +0 -104
- package/resources/components/image.json +0 -169
- package/resources/components/imagepreview.json +0 -150
- package/resources/components/imagescale.json +0 -245
- package/resources/components/index.json +0 -72
- package/resources/components/indexbar.json +0 -83
- package/resources/components/layout.json +0 -74
- package/resources/components/lazyload.json +0 -46
- package/resources/components/loading.json +0 -103
- package/resources/components/minirefresh.json +0 -341
- package/resources/components/noticebar.json +0 -148
- package/resources/components/notify.json +0 -60
- package/resources/components/numberkeyboard.json +0 -216
- package/resources/components/overlay.json +0 -78
- package/resources/components/pagination.json +0 -137
- package/resources/components/panel.json +0 -87
- package/resources/components/passwordinput.json +0 -103
- package/resources/components/picker.json +0 -195
- package/resources/components/popover.json +0 -161
- package/resources/components/popup.json +0 -229
- package/resources/components/progress.json +0 -111
- package/resources/components/qrcode.json +0 -128
- package/resources/components/radio.json +0 -139
- package/resources/components/rate.json +0 -157
- package/resources/components/rtc.json +0 -35
- package/resources/components/search.json +0 -234
- package/resources/components/selectperson.json +0 -175
- package/resources/components/sidebar.json +0 -74
- package/resources/components/skeleton.json +0 -110
- package/resources/components/slider.json +0 -159
- package/resources/components/stepper.json +0 -241
- package/resources/components/steps.json +0 -108
- package/resources/components/sticky.json +0 -72
- package/resources/components/swipe.json +0 -146
- package/resources/components/swipecell.json +0 -118
- package/resources/components/switch.json +0 -123
- package/resources/components/switchcell.json +0 -123
- package/resources/components/tab.json +0 -257
- package/resources/components/tabbar.json +0 -137
- package/resources/components/table.json +0 -149
- package/resources/components/tag.json +0 -149
- package/resources/components/toast.json +0 -70
- package/resources/components/treeselect.json +0 -106
- package/resources/components/uploader.json +0 -283
- package/resources/components/verifycode.json +0 -94
- package/resources/standards/.gitkeep +0 -0
- package/resources/standards/css.json +0 -108
- package/resources/standards/javascript.json +0 -129
- package/resources/standards/project-structure.json +0 -101
- package/resources/standards/vue.json +0 -122
- package/resources/utils/.gitkeep +0 -0
- package/resources/utils/ajax.json +0 -76
- package/resources/utils/common.json +0 -129
- package/resources/utils/index.json +0 -7
- package/resources/utils/string.json +0 -112
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"id": "grid",
|
|
3
|
-
"name": "em-grid",
|
|
4
|
-
"title": "宫格",
|
|
5
|
-
"description": "宫格可以在水平方向上把页面分隔成等宽度的区块,用于展示内容或进行页面导航。",
|
|
6
|
-
"props": [
|
|
7
|
-
{
|
|
8
|
-
"name": "column-num",
|
|
9
|
-
"type": "number / string",
|
|
10
|
-
"default": "4",
|
|
11
|
-
"required": false,
|
|
12
|
-
"description": "列数"
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
"name": "icon-size",
|
|
16
|
-
"type": "number / string",
|
|
17
|
-
"default": "28px",
|
|
18
|
-
"required": false,
|
|
19
|
-
"description": "图标大小,默认单位为`px`"
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
"name": "gutter",
|
|
23
|
-
"type": "number / string",
|
|
24
|
-
"default": "0",
|
|
25
|
-
"required": false,
|
|
26
|
-
"description": "格子之间的间距,默认单位为`px`"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"name": "border",
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": "true",
|
|
32
|
-
"required": false,
|
|
33
|
-
"description": "是否显示边框"
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"name": "center",
|
|
37
|
-
"type": "boolean",
|
|
38
|
-
"default": "true",
|
|
39
|
-
"required": false,
|
|
40
|
-
"description": "是否将格子内容居中显示"
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
"name": "square",
|
|
44
|
-
"type": "boolean",
|
|
45
|
-
"default": "false",
|
|
46
|
-
"required": false,
|
|
47
|
-
"description": "是否将格子固定为正方形"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"name": "clickable",
|
|
51
|
-
"type": "boolean",
|
|
52
|
-
"default": "false",
|
|
53
|
-
"required": false,
|
|
54
|
-
"description": "是否开启格子点击反馈"
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"name": "direction",
|
|
58
|
-
"type": "string",
|
|
59
|
-
"default": "vertical",
|
|
60
|
-
"required": false,
|
|
61
|
-
"description": "格子内容排列的方向,可选值为 `horizontal`"
|
|
62
|
-
}
|
|
63
|
-
],
|
|
64
|
-
"events": [
|
|
65
|
-
{
|
|
66
|
-
"name": "click",
|
|
67
|
-
"parameters": "点击格子时触发",
|
|
68
|
-
"description": "event: Event"
|
|
69
|
-
}
|
|
70
|
-
],
|
|
71
|
-
"slots": [
|
|
72
|
-
{
|
|
73
|
-
"name": "default",
|
|
74
|
-
"description": "自定义宫格的所有内容"
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
"name": "icon",
|
|
78
|
-
"description": "自定义图标"
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
"name": "text",
|
|
82
|
-
"description": "自定义文字"
|
|
83
|
-
}
|
|
84
|
-
],
|
|
85
|
-
"examples": {
|
|
86
|
-
"vue2": [
|
|
87
|
-
{
|
|
88
|
-
"title": "基础用法",
|
|
89
|
-
"code": "<em-grid>\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
"title": "自定义列数",
|
|
93
|
-
"code": "<em-grid :column-num=\"3\">\n <em-grid-item v-for=\"value in 6\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
"title": "自定义内容",
|
|
97
|
-
"code": "<em-grid :border=\"false\" :column-num=\"3\">\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-1.jpg\" />\n </em-grid-item>\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-2.jpg\" />\n </em-grid-item>\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-3.jpg\" />\n </em-grid-item>\n</em-grid>"
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
"title": "正方形格子",
|
|
101
|
-
"code": "<em-grid square>\n <em-grid-item v-for=\"value in 8\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
"title": "格子间距",
|
|
105
|
-
"code": "<em-grid :gutter=\"10\">\n <em-grid-item v-for=\"value in 8\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
|
|
106
|
-
}
|
|
107
|
-
],
|
|
108
|
-
"vue3": [
|
|
109
|
-
{
|
|
110
|
-
"title": "基础用法",
|
|
111
|
-
"code": "<em-grid>\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"title": "自定义列数",
|
|
115
|
-
"code": "<em-grid :column-num=\"3\">\n <em-grid-item v-for=\"value in 6\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
"title": "自定义内容",
|
|
119
|
-
"code": "<em-grid :border=\"false\" :column-num=\"3\">\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-1.jpg\" />\n </em-grid-item>\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-2.jpg\" />\n </em-grid-item>\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-3.jpg\" />\n </em-grid-item>\n</em-grid>"
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
"title": "正方形格子",
|
|
123
|
-
"code": "<em-grid square>\n <em-grid-item v-for=\"value in 8\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
"title": "格子间距",
|
|
127
|
-
"code": "<em-grid :gutter=\"10\">\n <em-grid-item v-for=\"value in 8\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
|
|
128
|
-
}
|
|
129
|
-
]
|
|
130
|
-
}
|
|
131
|
-
}
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"id": "header",
|
|
3
|
-
"name": "em-header",
|
|
4
|
-
"title": "头部导航栏",
|
|
5
|
-
"description": "头部导航栏组件。",
|
|
6
|
-
"props": [
|
|
7
|
-
{
|
|
8
|
-
"name": "title",
|
|
9
|
-
"type": "string",
|
|
10
|
-
"default": "''",
|
|
11
|
-
"required": false,
|
|
12
|
-
"description": "标题"
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
"name": "left-text",
|
|
16
|
-
"type": "string",
|
|
17
|
-
"default": "''",
|
|
18
|
-
"required": false,
|
|
19
|
-
"description": "左侧文案"
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
"name": "right-text",
|
|
23
|
-
"type": "string",
|
|
24
|
-
"default": "''",
|
|
25
|
-
"required": false,
|
|
26
|
-
"description": "右侧文案"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"name": "left-arrow",
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": "false",
|
|
32
|
-
"required": false,
|
|
33
|
-
"description": "是否显示左侧箭头"
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"name": "border",
|
|
37
|
-
"type": "boolean",
|
|
38
|
-
"default": "true",
|
|
39
|
-
"required": false,
|
|
40
|
-
"description": "是否显示下边框"
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
"name": "backgroundColor",
|
|
44
|
-
"type": "string",
|
|
45
|
-
"default": "#fff",
|
|
46
|
-
"required": false,
|
|
47
|
-
"description": "背景颜色"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"name": "color",
|
|
51
|
-
"type": "string",
|
|
52
|
-
"default": "#333",
|
|
53
|
-
"required": false,
|
|
54
|
-
"description": "标题颜色"
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"name": "btnColor",
|
|
58
|
-
"type": "string",
|
|
59
|
-
"default": "#2e6be5",
|
|
60
|
-
"required": false,
|
|
61
|
-
"description": "箭头按钮颜色"
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
"name": "fixed",
|
|
65
|
-
"type": "boolean",
|
|
66
|
-
"default": "false",
|
|
67
|
-
"required": false,
|
|
68
|
-
"description": "是否固定在顶部"
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
"name": "placeholder",
|
|
72
|
-
"type": "boolean",
|
|
73
|
-
"default": "false",
|
|
74
|
-
"required": false,
|
|
75
|
-
"description": "固定在顶部时,是否在标签位置生成一个等高的占位元素"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"name": "z-index",
|
|
79
|
-
"type": "number / string",
|
|
80
|
-
"default": "1",
|
|
81
|
-
"required": false,
|
|
82
|
-
"description": "元素 `z-index`"
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"name": "safe-area-inset-top",
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"default": "false",
|
|
88
|
-
"required": false,
|
|
89
|
-
"description": "是否开启顶部安全区适配"
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
"name": "click-left-back",
|
|
93
|
-
"type": "boolean",
|
|
94
|
-
"default": "true",
|
|
95
|
-
"required": false,
|
|
96
|
-
"description": "点击左上角按钮是否自动返回上一页"
|
|
97
|
-
}
|
|
98
|
-
],
|
|
99
|
-
"events": [
|
|
100
|
-
{
|
|
101
|
-
"name": "click-left",
|
|
102
|
-
"parameters": "点击左侧按钮时触发",
|
|
103
|
-
"description": "-"
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
"name": "click-right",
|
|
107
|
-
"parameters": "点击右侧按钮时触发",
|
|
108
|
-
"description": "-"
|
|
109
|
-
}
|
|
110
|
-
],
|
|
111
|
-
"slots": [
|
|
112
|
-
{
|
|
113
|
-
"name": "title",
|
|
114
|
-
"description": "自定义标题"
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
"name": "left",
|
|
118
|
-
"description": "自定义左侧区域内容"
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
"name": "right",
|
|
122
|
-
"description": "自定义右侧区域内容"
|
|
123
|
-
}
|
|
124
|
-
],
|
|
125
|
-
"examples": {
|
|
126
|
-
"vue2": [
|
|
127
|
-
{
|
|
128
|
-
"title": "基础用法",
|
|
129
|
-
"code": "<em-header\n title=\"标题\"\n :left-arrow=\"true\"\n left-text=\"返回\"\n right-text=\"按钮\"\n @click-left=\"onClickLeft\"\n @click-right=\"onClickRight\"\n></em-header>\n<em-toast ref=\"emToast\"></em-toast>"
|
|
130
|
-
},
|
|
131
|
-
{
|
|
132
|
-
"title": "使用插槽",
|
|
133
|
-
"code": "<em-header title=\"标题\" :left-arrow=\"true\" left-text=\"返回\" @click-left=\"onClickLeft\" style=\"top: 14px;\">\n <template #right>\n <em-icon name=\"search\"></em-icon>\n </template>\n</em-header>"
|
|
134
|
-
}
|
|
135
|
-
],
|
|
136
|
-
"vue3": [
|
|
137
|
-
{
|
|
138
|
-
"title": "基础用法",
|
|
139
|
-
"code": "<em-header\n title=\"标题\"\n :left-arrow=\"true\"\n left-text=\"返回\"\n right-text=\"按钮\"\n @click-left=\"onClickLeft\"\n @click-right=\"onClickRight\"\n></em-header>\n<em-toast ref=\"emToast\"></em-toast>"
|
|
140
|
-
},
|
|
141
|
-
{
|
|
142
|
-
"title": "使用插槽",
|
|
143
|
-
"code": "<em-header title=\"标题\" :left-arrow=\"true\" left-text=\"返回\" @click-left=\"onClickLeft\" style=\"top: 14px;\">\n <template #right>\n <em-icon name=\"search\"></em-icon>\n </template>\n</em-header>"
|
|
144
|
-
}
|
|
145
|
-
]
|
|
146
|
-
}
|
|
147
|
-
}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"id": "icon",
|
|
3
|
-
"name": "em-icon",
|
|
4
|
-
"title": "图标",
|
|
5
|
-
"description": "基于字体的图标集,可以通过 Icon 组件使用,也可以在其他组件中通过 icon 属性引用。",
|
|
6
|
-
"props": [
|
|
7
|
-
{
|
|
8
|
-
"name": "name",
|
|
9
|
-
"type": "string",
|
|
10
|
-
"default": "-",
|
|
11
|
-
"required": false,
|
|
12
|
-
"description": "图标名称或图片链接"
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
"name": "dot",
|
|
16
|
-
"type": "boolean",
|
|
17
|
-
"default": "false",
|
|
18
|
-
"required": false,
|
|
19
|
-
"description": "是否显示图标右上角小红点"
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
"name": "badge",
|
|
23
|
-
"type": "number / string",
|
|
24
|
-
"default": "-",
|
|
25
|
-
"required": false,
|
|
26
|
-
"description": "图标右上角徽标的内容"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"name": "color",
|
|
30
|
-
"type": "string",
|
|
31
|
-
"default": "inherit",
|
|
32
|
-
"required": false,
|
|
33
|
-
"description": "图标颜色"
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"name": "size",
|
|
37
|
-
"type": "number /string",
|
|
38
|
-
"default": "inherit",
|
|
39
|
-
"required": false,
|
|
40
|
-
"description": "图标大小,如 `20px` `2em`,默认单位为`px`"
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
"name": "class-prefix",
|
|
44
|
-
"type": "string",
|
|
45
|
-
"default": "van-icon",
|
|
46
|
-
"required": false,
|
|
47
|
-
"description": "类名前缀,用于使用自定义图标"
|
|
48
|
-
}
|
|
49
|
-
],
|
|
50
|
-
"events": [
|
|
51
|
-
{
|
|
52
|
-
"name": "click",
|
|
53
|
-
"parameters": "点击图标时触发",
|
|
54
|
-
"description": "event: Event"
|
|
55
|
-
}
|
|
56
|
-
],
|
|
57
|
-
"slots": [],
|
|
58
|
-
"examples": {
|
|
59
|
-
"vue2": [
|
|
60
|
-
{
|
|
61
|
-
"title": "基础用法",
|
|
62
|
-
"code": "<em-icon name=\"chat-o\" />\n<em-icon name=\"https://b.yzcdn.cn/vant/icon-demo-1126.png\" />"
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"title": "徽标提示",
|
|
66
|
-
"code": "<em-icon name=\"chat-o\" dot />\n<em-icon name=\"chat-o\" badge=\"9\" />\n<em-icon name=\"chat-o\" badge=\"99+\" />"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"title": "图标颜色",
|
|
70
|
-
"code": "<em-icon name=\"chat-o\" color=\"#1989fa\" />\n<em-icon name=\"chat-o\" color=\"#07c160\" />"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"title": "图标大小",
|
|
74
|
-
"code": "<em-icon name=\"chat-o\" size=\"40\" />\n<em-icon name=\"chat-o\" size=\"3rem\" />"
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
"title": "自定义图标",
|
|
78
|
-
"code": "<style>\n /* 引入第三方或自定义的字体图标样式 */\n @font-face {\n font-family: 'my-icon';\n src: url('./my-icon.ttf') format('truetype');\n }\n\n .my-icon {\n font-family: 'my-icon';\n }\n\n .my-icon-extra::before {\n content: '\\e626';\n }\n</style>\n\n<!-- 通过 class-prefix 指定类名为 my-icon -->\n<em-icon class-prefix=\"my-icon\" name=\"extra\" />"
|
|
79
|
-
}
|
|
80
|
-
],
|
|
81
|
-
"vue3": [
|
|
82
|
-
{
|
|
83
|
-
"title": "基础用法",
|
|
84
|
-
"code": "<em-icon name=\"chat-o\" />\n<em-icon name=\"https://b.yzcdn.cn/vant/icon-demo-1126.png\" />"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"title": "徽标提示",
|
|
88
|
-
"code": "<em-icon name=\"chat-o\" dot />\n<em-icon name=\"chat-o\" badge=\"9\" />\n<em-icon name=\"chat-o\" badge=\"99+\" />"
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"title": "图标颜色",
|
|
92
|
-
"code": "<em-icon name=\"chat-o\" color=\"#1989fa\" />\n<em-icon name=\"chat-o\" color=\"#07c160\" />"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"title": "图标大小",
|
|
96
|
-
"code": "<em-icon name=\"chat-o\" size=\"40\" />\n<em-icon name=\"chat-o\" size=\"3rem\" />"
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"title": "自定义图标",
|
|
100
|
-
"code": "<style>\n /* 引入第三方或自定义的字体图标样式 */\n @font-face {\n font-family: 'my-icon';\n src: url('./my-icon.ttf') format('truetype');\n }\n\n .my-icon {\n font-family: 'my-icon';\n }\n\n .my-icon-extra::before {\n content: '\\e626';\n }\n</style>\n\n<!-- 通过 class-prefix 指定类名为 my-icon -->\n<em-icon class-prefix=\"my-icon\" name=\"extra\" />"
|
|
101
|
-
}
|
|
102
|
-
]
|
|
103
|
-
}
|
|
104
|
-
}
|
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"id": "image",
|
|
3
|
-
"name": "em-image",
|
|
4
|
-
"title": "图片",
|
|
5
|
-
"description": "增强版的 `img` 标签,提供多种图片填充模式,支持图片懒加载、加载中提示、加载失败提示。",
|
|
6
|
-
"props": [
|
|
7
|
-
{
|
|
8
|
-
"name": "src",
|
|
9
|
-
"type": "string",
|
|
10
|
-
"default": "-",
|
|
11
|
-
"required": false,
|
|
12
|
-
"description": "图片链接"
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
"name": "fit",
|
|
16
|
-
"type": "string",
|
|
17
|
-
"default": "默认为fill,注意:scale-down属性无效",
|
|
18
|
-
"required": false,
|
|
19
|
-
"description": "图片填充模式"
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
"name": "width",
|
|
23
|
-
"type": "number / string",
|
|
24
|
-
"default": "100",
|
|
25
|
-
"required": false,
|
|
26
|
-
"description": "宽度,默认单位为`px`"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"name": "height",
|
|
30
|
-
"type": "number / string",
|
|
31
|
-
"default": "100",
|
|
32
|
-
"required": false,
|
|
33
|
-
"description": "高度,默认单位为`px`"
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"name": "radius",
|
|
37
|
-
"type": "number / string",
|
|
38
|
-
"default": "0",
|
|
39
|
-
"required": false,
|
|
40
|
-
"description": "圆角大小,默认单位为`px`"
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
"name": "round",
|
|
44
|
-
"type": "boolean",
|
|
45
|
-
"default": "false",
|
|
46
|
-
"required": false,
|
|
47
|
-
"description": "是否显示为圆形"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"name": "lazy-load",
|
|
51
|
-
"type": "boolean",
|
|
52
|
-
"default": "false",
|
|
53
|
-
"required": false,
|
|
54
|
-
"description": "是否开启图片懒加载,只针对`page`与`scroll-view`下的 image 有效"
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"name": "show-error",
|
|
58
|
-
"type": "boolean",
|
|
59
|
-
"default": "true",
|
|
60
|
-
"required": false,
|
|
61
|
-
"description": "是否展示图片加载失败提示"
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
"name": "show-loading",
|
|
65
|
-
"type": "boolean",
|
|
66
|
-
"default": "true",
|
|
67
|
-
"required": false,
|
|
68
|
-
"description": "是否展示图片加载中提示"
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
"name": "error-icon",
|
|
72
|
-
"type": "string",
|
|
73
|
-
"default": "photo-fail",
|
|
74
|
-
"required": false,
|
|
75
|
-
"description": "失败时提示的图标名称或图片链接"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"name": "loading-icon",
|
|
79
|
-
"type": "string",
|
|
80
|
-
"default": "photo",
|
|
81
|
-
"required": false,
|
|
82
|
-
"description": "加载时提示的图标名称或图片链接"
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"name": "icon-prefix",
|
|
86
|
-
"type": "string",
|
|
87
|
-
"default": "van-icon",
|
|
88
|
-
"required": false,
|
|
89
|
-
"description": "图标类名前缀,同 `Icon` 组件的 `class-prefix` 属性"
|
|
90
|
-
}
|
|
91
|
-
],
|
|
92
|
-
"events": [
|
|
93
|
-
{
|
|
94
|
-
"name": "click",
|
|
95
|
-
"parameters": "点击图片时触发",
|
|
96
|
-
"description": "event: Event"
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"name": "load",
|
|
100
|
-
"parameters": "图片加载完毕时触发",
|
|
101
|
-
"description": "-"
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
"name": "error",
|
|
105
|
-
"parameters": "图片加载失败时触发",
|
|
106
|
-
"description": "-"
|
|
107
|
-
}
|
|
108
|
-
],
|
|
109
|
-
"slots": [
|
|
110
|
-
{
|
|
111
|
-
"name": "default v8.3.11",
|
|
112
|
-
"description": "自定义图片下方的内容"
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "loading",
|
|
116
|
-
"description": "自定义加载中的提示内容"
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"name": "error",
|
|
120
|
-
"description": "自定义加载失败时的提示内容"
|
|
121
|
-
}
|
|
122
|
-
],
|
|
123
|
-
"examples": {
|
|
124
|
-
"vue2": [
|
|
125
|
-
{
|
|
126
|
-
"title": "基础用法",
|
|
127
|
-
"code": "<em-image width=\"100\" height=\"100\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
"title": "填充模式",
|
|
131
|
-
"code": "<em-image width=\"10rem\" height=\"10rem\" fit=\"contain\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"title": "圆形图片",
|
|
135
|
-
"code": "<em-image round width=\"10rem\" height=\"10rem\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
|
|
136
|
-
},
|
|
137
|
-
{
|
|
138
|
-
"title": "图片懒加载",
|
|
139
|
-
"code": "<em-image width=\"100\" height=\"100\" lazy-load src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
|
|
140
|
-
},
|
|
141
|
-
{
|
|
142
|
-
"title": "加载中提示",
|
|
143
|
-
"code": "<em-image src=\"https://img.yzcdn.cn/vant/cat.jpeg\">\n <template v-slot:loading>\n <em-loading type=\"spinner\" size=\"20\" />\n </template>\n</em-image>"
|
|
144
|
-
}
|
|
145
|
-
],
|
|
146
|
-
"vue3": [
|
|
147
|
-
{
|
|
148
|
-
"title": "基础用法",
|
|
149
|
-
"code": "<em-image width=\"100\" height=\"100\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
"title": "填充模式",
|
|
153
|
-
"code": "<em-image width=\"10rem\" height=\"10rem\" fit=\"contain\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
"title": "圆形图片",
|
|
157
|
-
"code": "<em-image round width=\"10rem\" height=\"10rem\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
"title": "图片懒加载",
|
|
161
|
-
"code": "<em-image width=\"100\" height=\"100\" lazy-load src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
|
|
162
|
-
},
|
|
163
|
-
{
|
|
164
|
-
"title": "加载中提示",
|
|
165
|
-
"code": "<em-image src=\"https://img.yzcdn.cn/vant/cat.jpeg\">\n <template v-slot:loading>\n <em-loading type=\"spinner\" size=\"20\" />\n </template>\n</em-image>"
|
|
166
|
-
}
|
|
167
|
-
]
|
|
168
|
-
}
|
|
169
|
-
}
|