m8-mcp-server 1.0.5 → 1.0.6

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 (129) hide show
  1. package/dist/cli.d.ts +1 -1
  2. package/dist/cli.js +1 -1
  3. package/dist/docs/apis.d.ts +1 -1
  4. package/dist/docs/apis.js +1 -1
  5. package/dist/docs/components.d.ts +1 -1
  6. package/dist/docs/components.js +1 -1
  7. package/dist/docs/index.d.ts +1 -1
  8. package/dist/docs/index.js +1 -1
  9. package/dist/docs/loader.d.ts +1 -1
  10. package/dist/docs/loader.js +1 -1
  11. package/dist/docs/search.d.ts +1 -1
  12. package/dist/docs/search.js +1 -1
  13. package/dist/docs/standards.d.ts +1 -1
  14. package/dist/docs/standards.js +1 -1
  15. package/dist/docs/utils.d.ts +1 -1
  16. package/dist/docs/utils.js +1 -1
  17. package/dist/generator/header.d.ts +1 -1
  18. package/dist/generator/header.js +1 -1
  19. package/dist/generator/index.d.ts +1 -1
  20. package/dist/generator/index.js +1 -1
  21. package/dist/generator/vue-template.d.ts +1 -1
  22. package/dist/generator/vue-template.js +1 -1
  23. package/dist/index.d.ts +1 -1
  24. package/dist/index.js +1 -1
  25. package/dist/recommend/index.d.ts +1 -1
  26. package/dist/recommend/index.js +1 -1
  27. package/dist/tools/generate-code.d.ts +1 -1
  28. package/dist/tools/generate-code.js +1 -1
  29. package/dist/tools/get-api-info.d.ts +1 -1
  30. package/dist/tools/get-api-info.js +1 -1
  31. package/dist/tools/get-coding-standard.d.ts +1 -1
  32. package/dist/tools/get-coding-standard.js +1 -1
  33. package/dist/tools/get-component-info.d.ts +1 -1
  34. package/dist/tools/get-component-info.js +1 -1
  35. package/dist/tools/get-util-info.d.ts +1 -1
  36. package/dist/tools/get-util-info.js +1 -1
  37. package/dist/tools/index.d.ts +1 -1
  38. package/dist/tools/index.js +1 -1
  39. package/dist/tools/recommend-solution.d.ts +1 -1
  40. package/dist/tools/recommend-solution.js +1 -1
  41. package/dist/tools/search-docs.d.ts +1 -1
  42. package/dist/tools/search-docs.js +1 -1
  43. package/dist/types/index.d.ts +1 -1
  44. package/dist/types/index.js +1 -1
  45. package/package.json +3 -4
  46. package/resources/cases/.gitkeep +0 -0
  47. package/resources/cases/form-submit-vue2.json +0 -15
  48. package/resources/cases/index.json +0 -8
  49. package/resources/cases/list-detail-vue2.json +0 -27
  50. package/resources/components/.gitkeep +0 -0
  51. package/resources/components/actionsheet.json +0 -199
  52. package/resources/components/amap.json +0 -66
  53. package/resources/components/area.json +0 -158
  54. package/resources/components/badge.json +0 -93
  55. package/resources/components/button.json +0 -260
  56. package/resources/components/calendar.json +0 -225
  57. package/resources/components/cascader.json +0 -115
  58. package/resources/components/cell.json +0 -85
  59. package/resources/components/chart.json +0 -55
  60. package/resources/components/checkbox.json +0 -158
  61. package/resources/components/circle.json +0 -138
  62. package/resources/components/collapse.json +0 -88
  63. package/resources/components/countdown.json +0 -105
  64. package/resources/components/datepicker.json +0 -216
  65. package/resources/components/dialog.json +0 -250
  66. package/resources/components/divider.json +0 -82
  67. package/resources/components/dragsort.json +0 -67
  68. package/resources/components/dropdownmenu.json +0 -129
  69. package/resources/components/easycalendar.json +0 -84
  70. package/resources/components/empty.json +0 -90
  71. package/resources/components/field.json +0 -423
  72. package/resources/components/form.json +0 -156
  73. package/resources/components/grid.json +0 -131
  74. package/resources/components/header.json +0 -147
  75. package/resources/components/icon.json +0 -104
  76. package/resources/components/image.json +0 -169
  77. package/resources/components/imagepreview.json +0 -150
  78. package/resources/components/imagescale.json +0 -245
  79. package/resources/components/index.json +0 -72
  80. package/resources/components/indexbar.json +0 -83
  81. package/resources/components/layout.json +0 -74
  82. package/resources/components/lazyload.json +0 -46
  83. package/resources/components/loading.json +0 -103
  84. package/resources/components/minirefresh.json +0 -341
  85. package/resources/components/noticebar.json +0 -148
  86. package/resources/components/notify.json +0 -60
  87. package/resources/components/numberkeyboard.json +0 -216
  88. package/resources/components/overlay.json +0 -78
  89. package/resources/components/pagination.json +0 -137
  90. package/resources/components/panel.json +0 -87
  91. package/resources/components/passwordinput.json +0 -103
  92. package/resources/components/picker.json +0 -195
  93. package/resources/components/popover.json +0 -161
  94. package/resources/components/popup.json +0 -229
  95. package/resources/components/progress.json +0 -111
  96. package/resources/components/qrcode.json +0 -128
  97. package/resources/components/radio.json +0 -139
  98. package/resources/components/rate.json +0 -157
  99. package/resources/components/rtc.json +0 -35
  100. package/resources/components/search.json +0 -234
  101. package/resources/components/selectperson.json +0 -175
  102. package/resources/components/sidebar.json +0 -74
  103. package/resources/components/skeleton.json +0 -110
  104. package/resources/components/slider.json +0 -159
  105. package/resources/components/stepper.json +0 -241
  106. package/resources/components/steps.json +0 -108
  107. package/resources/components/sticky.json +0 -72
  108. package/resources/components/swipe.json +0 -146
  109. package/resources/components/swipecell.json +0 -118
  110. package/resources/components/switch.json +0 -123
  111. package/resources/components/switchcell.json +0 -123
  112. package/resources/components/tab.json +0 -257
  113. package/resources/components/tabbar.json +0 -137
  114. package/resources/components/table.json +0 -149
  115. package/resources/components/tag.json +0 -149
  116. package/resources/components/toast.json +0 -70
  117. package/resources/components/treeselect.json +0 -106
  118. package/resources/components/uploader.json +0 -283
  119. package/resources/components/verifycode.json +0 -94
  120. package/resources/standards/.gitkeep +0 -0
  121. package/resources/standards/css.json +0 -108
  122. package/resources/standards/javascript.json +0 -129
  123. package/resources/standards/project-structure.json +0 -101
  124. package/resources/standards/vue.json +0 -122
  125. package/resources/utils/.gitkeep +0 -0
  126. package/resources/utils/ajax.json +0 -76
  127. package/resources/utils/common.json +0 -129
  128. package/resources/utils/index.json +0 -7
  129. package/resources/utils/string.json +0 -112
@@ -1,55 +0,0 @@
1
- {
2
- "id": "chart",
3
- "name": "em-chart",
4
- "title": "图表",
5
- "description": "参考[`echarts-for-weixin`](https://github.com/ecomfe/echarts-for-weixin),基于[`Echarts`图表库](https://echarts.apache.org/handbook/zh/concepts/chart-size)封装的跨端组件。该组件自`v8.3.9`版本开始支持。",
6
- "props": [
7
- {
8
- "name": "disable-touch",
9
- "type": "boolean",
10
- "default": "false",
11
- "required": false,
12
- "description": "禁用`touch`事件"
13
- },
14
- {
15
- "name": "width",
16
- "type": "string/number",
17
- "default": "300px",
18
- "required": false,
19
- "description": "组件宽度,默认单位`px`"
20
- },
21
- {
22
- "name": "height",
23
- "type": "string/number",
24
- "default": "200px",
25
- "required": false,
26
- "description": "组件高度,默认单位`px`"
27
- },
28
- {
29
- "name": "lazyLoad",
30
- "type": "boolean",
31
- "default": "true",
32
- "required": false,
33
- "description": "是否手动初始化图表"
34
- },
35
- {
36
- "name": "option",
37
- "type": "object",
38
- "default": "-",
39
- "required": false,
40
- "description": "自动初始化图表时,传入的图表配置项,见官方文档 [`ECharts`配置项手册](https://echarts.apache.org/zh/option.html#title)"
41
- }
42
- ],
43
- "events": [
44
- {
45
- "name": "loaded",
46
- "parameters": "图表组件`mounted`生命周期触发,用于异步化分包时进行初始化操作",
47
- "description": "-"
48
- }
49
- ],
50
- "slots": [],
51
- "examples": {
52
- "vue2": [],
53
- "vue3": []
54
- }
55
- }
@@ -1,158 +0,0 @@
1
- {
2
- "id": "checkbox",
3
- "name": "em-checkbox",
4
- "title": "复选框",
5
- "description": "复选框。",
6
- "props": [
7
- {
8
- "name": "v-model",
9
- "type": "boolean",
10
- "default": "false",
11
- "required": false,
12
- "description": "是否为选中状态"
13
- },
14
- {
15
- "name": "name",
16
- "type": "any",
17
- "default": "-",
18
- "required": false,
19
- "description": "标识符,注意微信小程序请传递字符串"
20
- },
21
- {
22
- "name": "shape",
23
- "type": "string",
24
- "default": "square",
25
- "required": false,
26
- "description": "形状,可选值为 `round`"
27
- },
28
- {
29
- "name": "indeterminate",
30
- "type": "boolean",
31
- "default": "false",
32
- "required": false,
33
- "description": "启用中选框"
34
- },
35
- {
36
- "name": "disabled",
37
- "type": "boolean",
38
- "default": "false",
39
- "required": false,
40
- "description": "是否禁用复选框"
41
- },
42
- {
43
- "name": "label-disabled",
44
- "type": "boolean",
45
- "default": "false",
46
- "required": false,
47
- "description": "是否禁用复选框文本点击"
48
- },
49
- {
50
- "name": "label-position",
51
- "type": "string",
52
- "default": "right",
53
- "required": false,
54
- "description": "文本位置,可选值为 `left`"
55
- },
56
- {
57
- "name": "icon-size",
58
- "type": "number / string",
59
- "default": "20px",
60
- "required": false,
61
- "description": "图标大小,默认单位为`px`"
62
- },
63
- {
64
- "name": "icon",
65
- "type": "boolean",
66
- "default": "false",
67
- "required": false,
68
- "description": "自定义图标依赖该属性用于兼容微信和支付宝小程序"
69
- },
70
- {
71
- "name": "checked-color",
72
- "type": "string",
73
- "default": "#1989fa",
74
- "required": false,
75
- "description": "选中状态颜色"
76
- },
77
- {
78
- "name": "bind-group",
79
- "type": "boolean",
80
- "default": "true",
81
- "required": false,
82
- "description": "是否与复选框组绑定"
83
- }
84
- ],
85
- "events": [
86
- {
87
- "name": "change",
88
- "parameters": "当绑定值变化时触发的事件",
89
- "description": "checked: boolean"
90
- },
91
- {
92
- "name": "click",
93
- "parameters": "点击复选框时触发",
94
- "description": "event: Event"
95
- },
96
- {
97
- "name": "update:checked",
98
- "parameters": "用于同步 checked 事件",
99
- "description": "checked: boolean"
100
- }
101
- ],
102
- "slots": [
103
- {
104
- "name": "default",
105
- "description": "自定义文本"
106
- },
107
- {
108
- "name": "icon",
109
- "description": "自定义图标"
110
- }
111
- ],
112
- "examples": {
113
- "vue2": [
114
- {
115
- "title": "基础用法",
116
- "code": "<em-checkbox v-model=\"checked\">复选框</em-checkbox>"
117
- },
118
- {
119
- "title": "禁用状态",
120
- "code": "<em-checkbox v-model=\"checked\" disabled>复选框</em-checkbox>"
121
- },
122
- {
123
- "title": "自定义形状",
124
- "code": "<em-checkbox v-model=\"checked\" shape=\"round\">复选框</em-checkbox>"
125
- },
126
- {
127
- "title": "自定义颜色",
128
- "code": "<em-checkbox v-model=\"checked\" checked-color=\"#07c160\">复选框</em-checkbox>"
129
- },
130
- {
131
- "title": "自定义大小",
132
- "code": "<em-checkbox v-model=\"checked\" icon-size=\"24px\">复选框</em-checkbox>"
133
- }
134
- ],
135
- "vue3": [
136
- {
137
- "title": "基础用法",
138
- "code": "<em-checkbox v-model=\"checked\">复选框</em-checkbox>"
139
- },
140
- {
141
- "title": "禁用状态",
142
- "code": "<em-checkbox v-model=\"checked\" disabled>复选框</em-checkbox>"
143
- },
144
- {
145
- "title": "自定义形状",
146
- "code": "<em-checkbox v-model=\"checked\" shape=\"round\">复选框</em-checkbox>"
147
- },
148
- {
149
- "title": "自定义颜色",
150
- "code": "<em-checkbox v-model=\"checked\" checked-color=\"#07c160\">复选框</em-checkbox>"
151
- },
152
- {
153
- "title": "自定义大小",
154
- "code": "<em-checkbox v-model=\"checked\" icon-size=\"24px\">复选框</em-checkbox>"
155
- }
156
- ]
157
- }
158
- }
@@ -1,138 +0,0 @@
1
- {
2
- "id": "circle",
3
- "name": "em-circle",
4
- "title": "环形进度条",
5
- "description": "环形进度条组件。",
6
- "props": [
7
- {
8
- "name": "v-model",
9
- "type": "number",
10
- "default": "-",
11
- "required": false,
12
- "description": "当前进度"
13
- },
14
- {
15
- "name": "rate",
16
- "type": "number / string",
17
- "default": "100",
18
- "required": false,
19
- "description": "目标进度"
20
- },
21
- {
22
- "name": "size",
23
- "type": "number / string",
24
- "default": "100px",
25
- "required": false,
26
- "description": "圆环直径,默认单位为 `px`"
27
- },
28
- {
29
- "name": "color",
30
- "type": "string / object",
31
- "default": "#2e6be5",
32
- "required": false,
33
- "description": "进度条颜色,传入对象格式可以定义渐变色"
34
- },
35
- {
36
- "name": "layer-color",
37
- "type": "string",
38
- "default": "white",
39
- "required": false,
40
- "description": "轨道颜色"
41
- },
42
- {
43
- "name": "fill",
44
- "type": "string",
45
- "default": "-",
46
- "required": false,
47
- "description": "填充颜色"
48
- },
49
- {
50
- "name": "speed",
51
- "type": "number / string",
52
- "default": "0",
53
- "required": false,
54
- "description": "动画速度(单位为 `rate/s`)"
55
- },
56
- {
57
- "name": "text",
58
- "type": "string",
59
- "default": "-",
60
- "required": false,
61
- "description": "文字"
62
- },
63
- {
64
- "name": "stroke-width",
65
- "type": "number / string",
66
- "default": "4",
67
- "required": false,
68
- "description": "进度条宽度"
69
- },
70
- {
71
- "name": "stroke-linecap",
72
- "type": "string",
73
- "default": "round",
74
- "required": false,
75
- "description": "进度条端点的形状,可选值为`sqaure` `butt`"
76
- },
77
- {
78
- "name": "clockwise",
79
- "type": "boolean",
80
- "default": "true",
81
- "required": false,
82
- "description": "是否顺时针增加"
83
- }
84
- ],
85
- "events": [],
86
- "slots": [
87
- {
88
- "name": "default",
89
- "description": "自定义文字内容"
90
- }
91
- ],
92
- "examples": {
93
- "vue2": [
94
- {
95
- "title": "基础用法",
96
- "code": "<em-circle v-model=\"currentRate\" :rate=\"30\" :speed=\"100\" :text=\"text\" />"
97
- },
98
- {
99
- "title": "宽度定制",
100
- "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :stroke-width=\"6\" text=\"宽度定制\" />"
101
- },
102
- {
103
- "title": "颜色定制",
104
- "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" layer-color=\"#ebedf0\" color=\"#ee0a24\" text=\"颜色定制\" />"
105
- },
106
- {
107
- "title": "渐变色",
108
- "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :color=\"gradientColor\" text=\"渐变色\" />"
109
- },
110
- {
111
- "title": "逆时针方向",
112
- "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :clockwise=\"false\" text=\"逆时针方向\" />"
113
- }
114
- ],
115
- "vue3": [
116
- {
117
- "title": "基础用法",
118
- "code": "<em-circle v-model=\"currentRate\" :rate=\"30\" :speed=\"100\" :text=\"text\" />"
119
- },
120
- {
121
- "title": "宽度定制",
122
- "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :stroke-width=\"6\" text=\"宽度定制\" />"
123
- },
124
- {
125
- "title": "颜色定制",
126
- "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" layer-color=\"#ebedf0\" color=\"#ee0a24\" text=\"颜色定制\" />"
127
- },
128
- {
129
- "title": "渐变色",
130
- "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :color=\"gradientColor\" text=\"渐变色\" />"
131
- },
132
- {
133
- "title": "逆时针方向",
134
- "code": "<em-circle v-model=\"currentRate\" :rate=\"rate\" :clockwise=\"false\" text=\"逆时针方向\" />"
135
- }
136
- ]
137
- }
138
- }
@@ -1,88 +0,0 @@
1
- {
2
- "id": "collapse",
3
- "name": "em-collapse",
4
- "title": "折叠面板",
5
- "description": "折叠面板。",
6
- "props": [
7
- {
8
- "name": "v-model",
9
- "type": "手风琴模式:number / string;非手风琴模式:(number / string)[]",
10
- "default": "-",
11
- "required": false,
12
- "description": "当前展开面板的 `name`"
13
- },
14
- {
15
- "name": "accordion",
16
- "type": "boolean",
17
- "default": "false",
18
- "required": false,
19
- "description": "是否开启手风琴模式"
20
- },
21
- {
22
- "name": "border",
23
- "type": "boolean",
24
- "default": "true",
25
- "required": false,
26
- "description": "是否显示外边框"
27
- }
28
- ],
29
- "events": [
30
- {
31
- "name": "change",
32
- "parameters": "切换面板时触发",
33
- "description": "activeNames: 类型与 v-model 绑定的值一致"
34
- }
35
- ],
36
- "slots": [
37
- {
38
- "name": "default",
39
- "description": "面板内容"
40
- },
41
- {
42
- "name": "value",
43
- "description": "自定义显示内容"
44
- },
45
- {
46
- "name": "icon",
47
- "description": "自定义`icon`"
48
- },
49
- {
50
- "name": "title",
51
- "description": "自定义`title`"
52
- },
53
- {
54
- "name": "rightIcon",
55
- "description": "自定义右侧按钮,默认是`arrow`"
56
- }
57
- ],
58
- "examples": {
59
- "vue2": [
60
- {
61
- "title": "基础用法",
62
- "code": "<em-collapse v-model=\"activeNames\">\n <em-collapse-item title=\"标题1\" name=\"1\" is-link>内容</em-collapse-item>\n <em-collapse-item title=\"标题2\" name=\"2\" is-link>内容</em-collapse-item>\n <em-collapse-item title=\"标题3\" name=\"3\" disabled is-link>内容</em-collapse-item>\n</em-collapse>"
63
- },
64
- {
65
- "title": "手风琴",
66
- "code": "<em-collapse v-model=\"activeName\" accordion>\n <em-collapse-item title=\"标题1\" name=\"1\" is-link>内容</em-collapse-item>\n <em-collapse-item title=\"标题2\" name=\"2\" is-link>内容</em-collapse-item>\n <em-collapse-item title=\"标题3\" name=\"3\" is-link>内容</em-collapse-item>\n</em-collapse>"
67
- },
68
- {
69
- "title": "自定义标题内容",
70
- "code": "<em-collapse v-model=\"activeNames\">\n <em-collapse-item name=\"1\" is-link>\n <template #title>\n <div>\n 标题1\n <em-icon name=\"question-o\" />\n </div>\n </template>\n 内容\n </em-collapse-item>\n <em-collapse-item title=\"标题2\" name=\"2\" icon=\"shop-o\" is-link value=\"内容\">内容</em-collapse-item>\n</em-collapse>"
71
- }
72
- ],
73
- "vue3": [
74
- {
75
- "title": "基础用法",
76
- "code": "<em-collapse v-model=\"activeNames\">\n <em-collapse-item title=\"标题1\" name=\"1\" is-link>内容</em-collapse-item>\n <em-collapse-item title=\"标题2\" name=\"2\" is-link>内容</em-collapse-item>\n <em-collapse-item title=\"标题3\" name=\"3\" disabled is-link>内容</em-collapse-item>\n</em-collapse>"
77
- },
78
- {
79
- "title": "手风琴",
80
- "code": "<em-collapse v-model=\"activeName\" accordion>\n <em-collapse-item title=\"标题1\" name=\"1\" is-link>内容</em-collapse-item>\n <em-collapse-item title=\"标题2\" name=\"2\" is-link>内容</em-collapse-item>\n <em-collapse-item title=\"标题3\" name=\"3\" is-link>内容</em-collapse-item>\n</em-collapse>"
81
- },
82
- {
83
- "title": "自定义标题内容",
84
- "code": "<em-collapse v-model=\"activeNames\">\n <em-collapse-item name=\"1\" is-link>\n <template #title>\n <div>\n 标题1\n <em-icon name=\"question-o\" />\n </div>\n </template>\n 内容\n </em-collapse-item>\n <em-collapse-item title=\"标题2\" name=\"2\" icon=\"shop-o\" is-link value=\"内容\">内容</em-collapse-item>\n</em-collapse>"
85
- }
86
- ]
87
- }
88
- }
@@ -1,105 +0,0 @@
1
- {
2
- "id": "countdown",
3
- "name": "em-countdown",
4
- "title": "倒计时",
5
- "description": "倒计时。",
6
- "props": [
7
- {
8
- "name": "time",
9
- "type": "number / string",
10
- "default": "0",
11
- "required": false,
12
- "description": "倒计时时长,单位毫秒"
13
- },
14
- {
15
- "name": "format",
16
- "type": "string",
17
- "default": "HH:mm:ss",
18
- "required": false,
19
- "description": "时间格式"
20
- },
21
- {
22
- "name": "auto-start",
23
- "type": "boolean",
24
- "default": "true",
25
- "required": false,
26
- "description": "是否自动开始倒计时"
27
- },
28
- {
29
- "name": "millisecond",
30
- "type": "boolean",
31
- "default": "false",
32
- "required": false,
33
- "description": "是否开启毫秒级渲染"
34
- }
35
- ],
36
- "events": [
37
- {
38
- "name": "finish",
39
- "parameters": "倒计时结束时触发",
40
- "description": "-"
41
- },
42
- {
43
- "name": "change",
44
- "parameters": "倒计时变化时触发",
45
- "description": "timeData: TimeData"
46
- },
47
- {
48
- "name": "update:timeData",
49
- "parameters": "用于同步 timeData 事件",
50
- "description": "timeData: TimeData"
51
- }
52
- ],
53
- "slots": [
54
- {
55
- "name": "default",
56
- "description": "自定义内容"
57
- }
58
- ],
59
- "examples": {
60
- "vue2": [
61
- {
62
- "title": "基础用法",
63
- "code": "<em-count-down :time=\"time\" />"
64
- },
65
- {
66
- "title": "自定义格式",
67
- "code": "<em-count-down :time=\"time\" format=\"DD 天 HH 时 mm 分 ss 秒\" />"
68
- },
69
- {
70
- "title": "毫秒级渲染",
71
- "code": "<em-count-down millisecond :time=\"time\" format=\"HH:mm:ss:SS\" />"
72
- },
73
- {
74
- "title": "自定义样式",
75
- "code": "<em-count-down :time=\"time\">\n <template v-slot=\"{ timeData }\">\n <span class=\"block\">{{ timeData.hours }}</span>\n <span class=\"colon\">:</span>\n <span class=\"block\">{{ timeData.minutes }}</span>\n <span class=\"colon\">:</span>\n <span class=\"block\">{{ timeData.seconds }}</span>\n </template>\n</em-count-down>\n\n<style>\n .colon {\n display: inline-block;\n margin: 0 4px;\n color: #ee0a24;\n }\n .block {\n display: inline-block;\n width: 22px;\n color: #fff;\n font-size: 12px;\n text-align: center;\n background-color: #ee0a24;\n }\n</style>"
76
- },
77
- {
78
- "title": "手动控制",
79
- "code": "<em-count-down ref=\"countDown\" millisecond :time=\"3000\" :auto-start=\"false\" format=\"ss:SSS\" @finish=\"finish\" />\n<em-grid clickable>\n <em-grid-item text=\"开始\" icon=\"play-circle-o\" @click=\"start\" />\n <em-grid-item text=\"暂停\" icon=\"pause-circle-o\" @click=\"pause\" />\n <em-grid-item text=\"重置\" icon=\"replay\" @click=\"reset\" />\n</em-grid>\n<em-toast ref=\"emToast\"></em-toast>"
80
- }
81
- ],
82
- "vue3": [
83
- {
84
- "title": "基础用法",
85
- "code": "<em-count-down :time=\"time\" />"
86
- },
87
- {
88
- "title": "自定义格式",
89
- "code": "<em-count-down :time=\"time\" format=\"DD 天 HH 时 mm 分 ss 秒\" />"
90
- },
91
- {
92
- "title": "毫秒级渲染",
93
- "code": "<em-count-down millisecond :time=\"time\" format=\"HH:mm:ss:SS\" />"
94
- },
95
- {
96
- "title": "自定义样式",
97
- "code": "<em-count-down :time=\"time\">\n <template v-slot=\"{ timeData }\">\n <span class=\"block\">{{ timeData.hours }}</span>\n <span class=\"colon\">:</span>\n <span class=\"block\">{{ timeData.minutes }}</span>\n <span class=\"colon\">:</span>\n <span class=\"block\">{{ timeData.seconds }}</span>\n </template>\n</em-count-down>\n\n<style>\n .colon {\n display: inline-block;\n margin: 0 4px;\n color: #ee0a24;\n }\n .block {\n display: inline-block;\n width: 22px;\n color: #fff;\n font-size: 12px;\n text-align: center;\n background-color: #ee0a24;\n }\n</style>"
98
- },
99
- {
100
- "title": "手动控制",
101
- "code": "<em-count-down ref=\"countDown\" millisecond :time=\"3000\" :auto-start=\"false\" format=\"ss:SSS\" @finish=\"finish\" />\n<em-grid clickable>\n <em-grid-item text=\"开始\" icon=\"play-circle-o\" @click=\"start\" />\n <em-grid-item text=\"暂停\" icon=\"pause-circle-o\" @click=\"pause\" />\n <em-grid-item text=\"重置\" icon=\"replay\" @click=\"reset\" />\n</em-grid>\n<em-toast ref=\"emToast\"></em-toast>"
102
- }
103
- ]
104
- }
105
- }