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.
Files changed (151) hide show
  1. package/dist/cli.d.ts +2 -2
  2. package/dist/cli.js +1 -13
  3. package/dist/docs/apis.d.ts +2 -2
  4. package/dist/docs/apis.js +9 -326
  5. package/dist/docs/components.d.ts +2 -2
  6. package/dist/docs/components.js +2 -186
  7. package/dist/docs/index.d.ts +2 -2
  8. package/dist/docs/index.js +18 -177
  9. package/dist/docs/loader.d.ts +2 -2
  10. package/dist/docs/loader.js +1 -165
  11. package/dist/docs/search.d.ts +2 -2
  12. package/dist/docs/search.js +2 -196
  13. package/dist/docs/standards.d.ts +2 -2
  14. package/dist/docs/standards.js +3 -134
  15. package/dist/docs/utils.d.ts +2 -2
  16. package/dist/docs/utils.js +3 -129
  17. package/dist/generator/header.d.ts +2 -2
  18. package/dist/generator/header.js +3 -83
  19. package/dist/generator/index.d.ts +2 -2
  20. package/dist/generator/index.js +283 -648
  21. package/dist/generator/vue-template.d.ts +2 -2
  22. package/dist/generator/vue-template.js +336 -1016
  23. package/dist/index.d.ts +2 -2
  24. package/dist/index.js +1 -73
  25. package/dist/recommend/index.d.ts +2 -2
  26. package/dist/recommend/index.js +2 -412
  27. package/dist/tools/generate-code.d.ts +2 -2
  28. package/dist/tools/generate-code.js +39 -211
  29. package/dist/tools/get-api-info.d.ts +2 -2
  30. package/dist/tools/get-api-info.js +1 -65
  31. package/dist/tools/get-coding-standard.d.ts +2 -2
  32. package/dist/tools/get-coding-standard.js +1 -66
  33. package/dist/tools/get-component-info.d.ts +2 -2
  34. package/dist/tools/get-component-info.js +1 -60
  35. package/dist/tools/get-util-info.d.ts +2 -2
  36. package/dist/tools/get-util-info.js +1 -65
  37. package/dist/tools/index.d.ts +2 -2
  38. package/dist/tools/index.js +3 -101
  39. package/dist/tools/recommend-solution.d.ts +2 -2
  40. package/dist/tools/recommend-solution.js +1 -67
  41. package/dist/tools/search-docs.d.ts +2 -2
  42. package/dist/tools/search-docs.js +1 -71
  43. package/dist/types/index.d.ts +2 -2
  44. package/dist/types/index.js +0 -8
  45. package/package.json +6 -5
  46. package/dist/cli.js.map +0 -1
  47. package/dist/docs/apis.js.map +0 -1
  48. package/dist/docs/components.js.map +0 -1
  49. package/dist/docs/index.js.map +0 -1
  50. package/dist/docs/loader.js.map +0 -1
  51. package/dist/docs/search.js.map +0 -1
  52. package/dist/docs/standards.js.map +0 -1
  53. package/dist/docs/utils.js.map +0 -1
  54. package/dist/generator/header.js.map +0 -1
  55. package/dist/generator/index.js.map +0 -1
  56. package/dist/generator/vue-template.js.map +0 -1
  57. package/dist/index.js.map +0 -1
  58. package/dist/recommend/index.js.map +0 -1
  59. package/dist/tools/generate-code.js.map +0 -1
  60. package/dist/tools/get-api-info.js.map +0 -1
  61. package/dist/tools/get-coding-standard.js.map +0 -1
  62. package/dist/tools/get-component-info.js.map +0 -1
  63. package/dist/tools/get-util-info.js.map +0 -1
  64. package/dist/tools/index.js.map +0 -1
  65. package/dist/tools/recommend-solution.js.map +0 -1
  66. package/dist/tools/search-docs.js.map +0 -1
  67. package/dist/types/index.js.map +0 -1
  68. package/resources/cases/.gitkeep +0 -0
  69. package/resources/cases/form-submit-vue2.json +0 -15
  70. package/resources/cases/index.json +0 -8
  71. package/resources/cases/list-detail-vue2.json +0 -27
  72. package/resources/components/.gitkeep +0 -0
  73. package/resources/components/actionsheet.json +0 -199
  74. package/resources/components/amap.json +0 -66
  75. package/resources/components/area.json +0 -158
  76. package/resources/components/badge.json +0 -93
  77. package/resources/components/button.json +0 -260
  78. package/resources/components/calendar.json +0 -225
  79. package/resources/components/cascader.json +0 -115
  80. package/resources/components/cell.json +0 -85
  81. package/resources/components/chart.json +0 -55
  82. package/resources/components/checkbox.json +0 -158
  83. package/resources/components/circle.json +0 -138
  84. package/resources/components/collapse.json +0 -88
  85. package/resources/components/countdown.json +0 -105
  86. package/resources/components/datepicker.json +0 -216
  87. package/resources/components/dialog.json +0 -250
  88. package/resources/components/divider.json +0 -82
  89. package/resources/components/dragsort.json +0 -67
  90. package/resources/components/dropdownmenu.json +0 -129
  91. package/resources/components/easycalendar.json +0 -84
  92. package/resources/components/empty.json +0 -90
  93. package/resources/components/field.json +0 -423
  94. package/resources/components/form.json +0 -156
  95. package/resources/components/grid.json +0 -131
  96. package/resources/components/header.json +0 -147
  97. package/resources/components/icon.json +0 -104
  98. package/resources/components/image.json +0 -169
  99. package/resources/components/imagepreview.json +0 -150
  100. package/resources/components/imagescale.json +0 -245
  101. package/resources/components/index.json +0 -72
  102. package/resources/components/indexbar.json +0 -83
  103. package/resources/components/layout.json +0 -74
  104. package/resources/components/lazyload.json +0 -46
  105. package/resources/components/loading.json +0 -103
  106. package/resources/components/minirefresh.json +0 -341
  107. package/resources/components/noticebar.json +0 -148
  108. package/resources/components/notify.json +0 -60
  109. package/resources/components/numberkeyboard.json +0 -216
  110. package/resources/components/overlay.json +0 -78
  111. package/resources/components/pagination.json +0 -137
  112. package/resources/components/panel.json +0 -87
  113. package/resources/components/passwordinput.json +0 -103
  114. package/resources/components/picker.json +0 -195
  115. package/resources/components/popover.json +0 -161
  116. package/resources/components/popup.json +0 -229
  117. package/resources/components/progress.json +0 -111
  118. package/resources/components/qrcode.json +0 -128
  119. package/resources/components/radio.json +0 -139
  120. package/resources/components/rate.json +0 -157
  121. package/resources/components/rtc.json +0 -35
  122. package/resources/components/search.json +0 -234
  123. package/resources/components/selectperson.json +0 -175
  124. package/resources/components/sidebar.json +0 -74
  125. package/resources/components/skeleton.json +0 -110
  126. package/resources/components/slider.json +0 -159
  127. package/resources/components/stepper.json +0 -241
  128. package/resources/components/steps.json +0 -108
  129. package/resources/components/sticky.json +0 -72
  130. package/resources/components/swipe.json +0 -146
  131. package/resources/components/swipecell.json +0 -118
  132. package/resources/components/switch.json +0 -123
  133. package/resources/components/switchcell.json +0 -123
  134. package/resources/components/tab.json +0 -257
  135. package/resources/components/tabbar.json +0 -137
  136. package/resources/components/table.json +0 -149
  137. package/resources/components/tag.json +0 -149
  138. package/resources/components/toast.json +0 -70
  139. package/resources/components/treeselect.json +0 -106
  140. package/resources/components/uploader.json +0 -283
  141. package/resources/components/verifycode.json +0 -94
  142. package/resources/standards/.gitkeep +0 -0
  143. package/resources/standards/css.json +0 -108
  144. package/resources/standards/javascript.json +0 -129
  145. package/resources/standards/project-structure.json +0 -101
  146. package/resources/standards/vue.json +0 -122
  147. package/resources/utils/.gitkeep +0 -0
  148. package/resources/utils/ajax.json +0 -76
  149. package/resources/utils/common.json +0 -129
  150. package/resources/utils/index.json +0 -7
  151. 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
- }