stellar-ui-plus 1.25.1 → 1.25.3

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 (253) hide show
  1. package/components/ste-animate/ATTRIBUTES.md +13 -5
  2. package/components/ste-animate/README.md +4 -28
  3. package/components/ste-animate/ste-animate.easycom.json +31 -9
  4. package/components/ste-app-update/ATTRIBUTES.md +11 -5
  5. package/components/ste-app-update/README.md +1 -3
  6. package/components/ste-app-update/method.ts +44 -1
  7. package/components/ste-app-update/props.ts +17 -2
  8. package/components/ste-app-update/ste-app-update.easycom.json +18 -8
  9. package/components/ste-app-update/ste-app-update.vue +93 -18
  10. package/components/ste-area-chart/ATTRIBUTES.md +3 -1
  11. package/components/ste-area-chart/README.md +21 -4
  12. package/components/ste-area-chart/ste-area-chart.vue +33 -1
  13. package/components/ste-badge/ATTRIBUTES.md +10 -1
  14. package/components/ste-badge/README.md +9 -18
  15. package/components/ste-badge/ste-badge.easycom.json +8 -0
  16. package/components/ste-bar-chart/ATTRIBUTES.md +3 -1
  17. package/components/ste-bar-chart/README.md +20 -5
  18. package/components/ste-bar-chart/ste-bar-chart.vue +34 -1
  19. package/components/ste-barcode/ATTRIBUTES.md +6 -2
  20. package/components/ste-barcode/README.md +3 -5
  21. package/components/ste-barcode/ste-barcode.easycom.json +1 -2
  22. package/components/ste-button/ATTRIBUTES.md +24 -14
  23. package/components/ste-button/README.md +11 -19
  24. package/components/ste-button/ste-button.easycom.json +76 -12
  25. package/components/ste-calendar/ATTRIBUTES.md +12 -2
  26. package/components/ste-calendar/README.md +16 -24
  27. package/components/ste-calendar/ste-calendar.easycom.json +4 -3
  28. package/components/ste-category/ATTRIBUTES.md +6 -2
  29. package/components/ste-category/README.md +2 -4
  30. package/components/ste-category/ste-category.easycom.json +1 -2
  31. package/components/ste-checkbox/ATTRIBUTES.md +6 -2
  32. package/components/ste-checkbox/README.md +18 -20
  33. package/components/ste-checkbox/ste-checkbox.easycom.json +1 -3
  34. package/components/ste-checkbox/ste-checkbox.vue +71 -80
  35. package/components/ste-code-input/ATTRIBUTES.md +8 -4
  36. package/components/ste-code-input/README.md +7 -9
  37. package/components/ste-code-input/ste-code-input.easycom.json +13 -4
  38. package/components/ste-column-chart/ATTRIBUTES.md +3 -1
  39. package/components/ste-column-chart/README.md +22 -7
  40. package/components/ste-column-chart/ste-column-chart.vue +34 -1
  41. package/components/ste-comment/ATTRIBUTES.md +3 -1
  42. package/components/ste-comment/README.md +2 -4
  43. package/components/ste-coupon-list/ATTRIBUTES.md +15 -5
  44. package/components/ste-coupon-list/README.md +6 -14
  45. package/components/ste-coupon-list/ste-coupon-list.easycom.json +22 -3
  46. package/components/ste-custom-keyboard/ATTRIBUTES.md +16 -7
  47. package/components/ste-custom-keyboard/README.md +10 -18
  48. package/components/ste-custom-keyboard/ste-custom-keyboard.easycom.json +28 -10
  49. package/components/ste-date-picker/ATTRIBUTES.md +9 -5
  50. package/components/ste-date-picker/README.md +9 -11
  51. package/components/ste-date-picker/ste-date-picker.easycom.json +19 -4
  52. package/components/ste-date-user/ATTRIBUTES.md +9 -1
  53. package/components/ste-date-user/README.md +3 -11
  54. package/components/ste-date-user/ste-date-user.easycom.json +4 -0
  55. package/components/ste-drag/ATTRIBUTES.md +13 -3
  56. package/components/ste-drag/README.md +5 -13
  57. package/components/ste-drag/ste-drag.easycom.json +10 -2
  58. package/components/ste-drag-sort/ATTRIBUTES.md +25 -0
  59. package/components/ste-drag-sort/README.md +116 -0
  60. package/components/ste-drag-sort/config.json +5 -0
  61. package/components/ste-drag-sort/props.ts +16 -0
  62. package/components/ste-drag-sort/ste-drag-sort.easycom.json +88 -0
  63. package/components/ste-drag-sort/ste-drag-sort.vue +589 -0
  64. package/components/ste-dropdown-menu/ATTRIBUTES.md +8 -4
  65. package/components/ste-dropdown-menu/README.md +14 -16
  66. package/components/ste-dropdown-menu/ste-dropdown-menu.easycom.json +13 -4
  67. package/components/ste-filter-tool/ATTRIBUTES.md +6 -2
  68. package/components/ste-filter-tool/README.md +4 -6
  69. package/components/ste-filter-tool/ste-filter-tool.easycom.json +1 -5
  70. package/components/ste-function-list/ATTRIBUTES.md +13 -2
  71. package/components/ste-function-list/README.md +3 -12
  72. package/components/ste-function-list/ste-function-list.easycom.json +8 -3
  73. package/components/ste-funnel-chart/ATTRIBUTES.md +3 -1
  74. package/components/ste-funnel-chart/README.md +21 -6
  75. package/components/ste-funnel-chart/ste-funnel-chart.vue +34 -1
  76. package/components/ste-goods-info/ATTRIBUTES.md +15 -4
  77. package/components/ste-goods-info/README.md +8 -17
  78. package/components/ste-goods-info/ste-goods-info.easycom.json +40 -13
  79. package/components/ste-goods-list/ATTRIBUTES.md +9 -1
  80. package/components/ste-goods-list/README.md +4 -12
  81. package/components/ste-goods-list/ste-goods-list.easycom.json +4 -0
  82. package/components/ste-guide-qa/ATTRIBUTES.md +15 -4
  83. package/components/ste-guide-qa/README.md +6 -15
  84. package/components/ste-guide-qa/ste-guide-qa.easycom.json +20 -2
  85. package/components/ste-icon/ATTRIBUTES.md +7 -3
  86. package/components/ste-icon/README.md +5 -7
  87. package/components/ste-icon/ste-icon.easycom.json +7 -2
  88. package/components/ste-image/ATTRIBUTES.md +13 -2
  89. package/components/ste-image/README.md +6 -15
  90. package/components/ste-image/ste-image.easycom.json +8 -3
  91. package/components/ste-index-list/ATTRIBUTES.md +8 -4
  92. package/components/ste-index-list/README.md +6 -8
  93. package/components/ste-index-list/ste-index-list.easycom.json +13 -3
  94. package/components/ste-input/ATTRIBUTES.md +14 -3
  95. package/components/ste-input/README.md +16 -25
  96. package/components/ste-input/ste-input.easycom.json +14 -5
  97. package/components/ste-line-chart/ATTRIBUTES.md +3 -1
  98. package/components/ste-line-chart/README.md +22 -7
  99. package/components/ste-line-chart/ste-line-chart.vue +34 -1
  100. package/components/ste-loading/ATTRIBUTES.md +3 -1
  101. package/components/ste-loading/README.md +6 -8
  102. package/components/ste-login/ATTRIBUTES.md +12 -2
  103. package/components/ste-login/README.md +7 -15
  104. package/components/ste-login/ste-login.easycom.json +4 -7
  105. package/components/ste-login-info/ATTRIBUTES.md +6 -2
  106. package/components/ste-login-info/README.md +2 -4
  107. package/components/ste-login-info/ste-login-info.easycom.json +1 -4
  108. package/components/ste-marquee/ATTRIBUTES.md +44 -0
  109. package/components/ste-marquee/README.md +123 -0
  110. package/components/ste-marquee/config.json +5 -0
  111. package/components/ste-marquee/props.ts +106 -0
  112. package/components/ste-marquee/ste-marquee.easycom.json +132 -0
  113. package/components/ste-marquee/ste-marquee.vue +249 -0
  114. package/components/ste-media-preview/ATTRIBUTES.md +14 -4
  115. package/components/ste-media-preview/README.md +23 -32
  116. package/components/ste-media-preview/ste-media-preview.easycom.json +16 -4
  117. package/components/ste-message-box/ATTRIBUTES.md +3 -1
  118. package/components/ste-message-box/README.md +11 -13
  119. package/components/ste-navbar/ATTRIBUTES.md +13 -3
  120. package/components/ste-navbar/README.md +5 -13
  121. package/components/ste-navbar/ste-navbar.easycom.json +10 -1
  122. package/components/ste-notice-bar/ATTRIBUTES.md +16 -5
  123. package/components/ste-notice-bar/README.md +11 -20
  124. package/components/ste-notice-bar/ste-notice-bar.easycom.json +26 -3
  125. package/components/ste-number-keyboard/ATTRIBUTES.md +17 -7
  126. package/components/ste-number-keyboard/README.md +9 -18
  127. package/components/ste-number-keyboard/ste-number-keyboard.easycom.json +32 -9
  128. package/components/ste-order-card/ATTRIBUTES.md +6 -2
  129. package/components/ste-order-card/README.md +4 -6
  130. package/components/ste-order-card/ste-order-card.easycom.json +1 -4
  131. package/components/ste-pie-chart/ATTRIBUTES.md +3 -1
  132. package/components/ste-pie-chart/README.md +21 -6
  133. package/components/ste-pie-chart/ste-pie-chart.vue +34 -1
  134. package/components/ste-popup/ATTRIBUTES.md +15 -5
  135. package/components/ste-popup/README.md +10 -18
  136. package/components/ste-popup/ste-popup.easycom.json +22 -4
  137. package/components/ste-price/ATTRIBUTES.md +7 -3
  138. package/components/ste-price/README.md +10 -12
  139. package/components/ste-price/ste-price.easycom.json +7 -2
  140. package/components/ste-progress/ATTRIBUTES.md +9 -1
  141. package/components/ste-progress/README.md +9 -17
  142. package/components/ste-progress/ste-progress.easycom.json +4 -0
  143. package/components/ste-qrcode/ATTRIBUTES.md +6 -2
  144. package/components/ste-qrcode/README.md +4 -6
  145. package/components/ste-qrcode/ste-qrcode.easycom.json +1 -2
  146. package/components/ste-radio/ATTRIBUTES.md +6 -2
  147. package/components/ste-radio/README.md +17 -19
  148. package/components/ste-radio/ste-radio.easycom.json +1 -3
  149. package/components/ste-radio/ste-radio.vue +109 -85
  150. package/components/ste-rate/ATTRIBUTES.md +7 -3
  151. package/components/ste-rate/README.md +8 -10
  152. package/components/ste-rate/ste-rate.easycom.json +7 -2
  153. package/components/ste-read-more/ATTRIBUTES.md +20 -4
  154. package/components/ste-read-more/README.md +5 -19
  155. package/components/ste-read-more/ste-read-more.easycom.json +20 -2
  156. package/components/ste-rich-text/ATTRIBUTES.md +3 -1
  157. package/components/ste-rich-text/README.md +2 -4
  158. package/components/ste-ring-chart/ATTRIBUTES.md +3 -1
  159. package/components/ste-ring-chart/README.md +22 -5
  160. package/components/ste-ring-chart/ste-ring-chart.vue +33 -1
  161. package/components/ste-scroll-to/ATTRIBUTES.md +7 -3
  162. package/components/ste-scroll-to/README.md +2 -4
  163. package/components/ste-scroll-to/ste-scroll-to.easycom.json +7 -2
  164. package/components/ste-search/ATTRIBUTES.md +14 -3
  165. package/components/ste-search/README.md +12 -21
  166. package/components/ste-search/ste-search.easycom.json +14 -7
  167. package/components/ste-search-box/ATTRIBUTES.md +6 -2
  168. package/components/ste-search-box/README.md +3 -5
  169. package/components/ste-search-box/ste-search-box.easycom.json +1 -3
  170. package/components/ste-select/ATTRIBUTES.md +9 -5
  171. package/components/ste-select/README.md +11 -11
  172. package/components/ste-select/ste-select.easycom.json +19 -6
  173. package/components/ste-select-seat/ATTRIBUTES.md +8 -4
  174. package/components/ste-select-seat/README.md +7 -21
  175. package/components/ste-select-seat/ste-select-seat.easycom.json +13 -3
  176. package/components/ste-signature/ATTRIBUTES.md +18 -5
  177. package/components/ste-signature/README.md +3 -14
  178. package/components/ste-signature/ste-signature.easycom.json +50 -3
  179. package/components/ste-simple-calendar/ATTRIBUTES.md +16 -4
  180. package/components/ste-simple-calendar/README.md +8 -18
  181. package/components/ste-simple-calendar/ste-simple-calendar.easycom.json +30 -2
  182. package/components/ste-skeleton/ATTRIBUTES.md +9 -1
  183. package/components/ste-skeleton/README.md +5 -13
  184. package/components/ste-skeleton/ste-skeleton.easycom.json +4 -0
  185. package/components/ste-slide-verify/ATTRIBUTES.md +16 -5
  186. package/components/ste-slide-verify/README.md +7 -16
  187. package/components/ste-slide-verify/ste-slide-verify.easycom.json +26 -3
  188. package/components/ste-slider/ATTRIBUTES.md +14 -2
  189. package/components/ste-slider/README.md +11 -21
  190. package/components/ste-slider/ste-slider.easycom.json +12 -4
  191. package/components/ste-stepper/ATTRIBUTES.md +9 -5
  192. package/components/ste-stepper/README.md +9 -13
  193. package/components/ste-stepper/ste-stepper.easycom.json +19 -6
  194. package/components/ste-steps/ATTRIBUTES.md +6 -2
  195. package/components/ste-steps/README.md +9 -11
  196. package/components/ste-steps/ste-steps.easycom.json +1 -2
  197. package/components/ste-sticky/ATTRIBUTES.md +8 -4
  198. package/components/ste-sticky/README.md +2 -4
  199. package/components/ste-sticky/ste-sticky.easycom.json +13 -3
  200. package/components/ste-swipe-action/ATTRIBUTES.md +14 -3
  201. package/components/ste-swipe-action/README.md +9 -18
  202. package/components/ste-swipe-action/ste-swipe-action.easycom.json +20 -2
  203. package/components/ste-swipe-action/useData.ts +15 -8
  204. package/components/ste-swipe-action-group/ATTRIBUTES.md +6 -2
  205. package/components/ste-swipe-action-group/ste-swipe-action-group.easycom.json +1 -3
  206. package/components/ste-swiper/ATTRIBUTES.md +6 -2
  207. package/components/ste-swiper/README.md +12 -14
  208. package/components/ste-swiper/ste-swiper.easycom.json +1 -3
  209. package/components/ste-switch/ATTRIBUTES.md +8 -4
  210. package/components/ste-switch/README.md +7 -9
  211. package/components/ste-switch/ste-switch.easycom.json +13 -3
  212. package/components/ste-tab/ATTRIBUTES.md +3 -1
  213. package/components/ste-table/ATTRIBUTES.md +12 -8
  214. package/components/ste-table/README.md +23 -23
  215. package/components/ste-table/ste-table.easycom.json +38 -9
  216. package/components/ste-tabs/ATTRIBUTES.md +9 -4
  217. package/components/ste-tabs/README.md +4 -6
  218. package/components/ste-tabs/props.ts +3 -0
  219. package/components/ste-tabs/ste-tabs.easycom.json +18 -2
  220. package/components/ste-tabs/useData.ts +1 -1
  221. package/components/ste-text/ATTRIBUTES.md +9 -1
  222. package/components/ste-text/README.md +4 -12
  223. package/components/ste-text/ste-text.easycom.json +4 -0
  224. package/components/ste-toast/ATTRIBUTES.md +10 -1
  225. package/components/ste-toast/README.md +9 -18
  226. package/components/ste-toast/ste-toast.easycom.json +14 -0
  227. package/components/ste-touch-swipe/ATTRIBUTES.md +6 -2
  228. package/components/ste-touch-swipe/README.md +4 -6
  229. package/components/ste-touch-swipe/ste-touch-swipe.easycom.json +1 -2
  230. package/components/ste-tour/ATTRIBUTES.md +7 -3
  231. package/components/ste-tour/README.md +5 -7
  232. package/components/ste-tour/ste-tour.easycom.json +11 -4
  233. package/components/ste-tree/ATTRIBUTES.md +15 -2
  234. package/components/ste-tree/README.md +6 -17
  235. package/components/ste-tree/ste-tree.easycom.json +16 -4
  236. package/components/ste-upload/ATTRIBUTES.md +17 -5
  237. package/components/ste-upload/README.md +9 -20
  238. package/components/ste-upload/ste-upload.easycom.json +36 -9
  239. package/components/ste-user-info/ATTRIBUTES.md +15 -5
  240. package/components/ste-user-info/README.md +5 -13
  241. package/components/ste-user-info/ste-user-info.easycom.json +22 -4
  242. package/components/ste-video/ATTRIBUTES.md +3 -1
  243. package/components/ste-video/README.md +4 -8
  244. package/components/ste-watermark/ATTRIBUTES.md +3 -1
  245. package/components/ste-watermark/README.md +5 -7
  246. package/config/font-size.ts +3 -0
  247. package/config/index.ts +5 -0
  248. package/index.ts +4 -0
  249. package/package.json +1 -1
  250. package/types/components.d.ts +4 -0
  251. package/types/refComponents.d.ts +4 -0
  252. package/utils/System.ts +50 -15
  253. package/utils/mixin.ts +4 -3
@@ -4,7 +4,7 @@
4
4
 
5
5
  ---$
6
6
 
7
- ### 代码演示
7
+ ## 代码演示
8
8
 
9
9
  JavaScript后面的演示代码中涉及到的变量和方法都使用本`javascript`代码
10
10
 
@@ -19,11 +19,11 @@ onMounted(() => {
19
19
  });
20
20
  ```
21
21
 
22
- #### 骨架类型
22
+ ## 骨架类型
23
23
 
24
24
  通过`type`属性,设置骨架图类型
25
25
 
26
- ##### 基础文本骨架
26
+ ###### 基础文本骨架
27
27
 
28
28
  最简单的文本内容骨架图用法
29
29
 
@@ -41,7 +41,7 @@ onMounted(() => {
41
41
  </template>
42
42
  ```
43
43
 
44
- ##### 图片骨架
44
+ ###### 图片骨架
45
45
 
46
46
  适用于矩形图片的骨架展示:
47
47
 
@@ -53,7 +53,7 @@ onMounted(() => {
53
53
  </template>
54
54
  ```
55
55
 
56
- ##### 圆形头像骨架
56
+ ###### 圆形头像骨架
57
57
 
58
58
  适用于圆形头像或图标的骨架展示:
59
59
 
@@ -67,16 +67,8 @@ onMounted(() => {
67
67
 
68
68
  ---$
69
69
 
70
- ### API
71
-
72
70
  <!-- props -->
73
71
 
74
- #### 组件插槽(Slots)
75
-
76
- | 名称 | 说明 | 支持版本 |
77
- | ------- | -------- | -------- |
78
- | default | 默认插槽 | - |
79
-
80
72
  ---$
81
73
 
82
74
  {{qinpengfei}}
@@ -33,6 +33,10 @@
33
33
  }
34
34
  ],
35
35
  "default": "text"
36
+ },
37
+ {
38
+ "name": "[slot]default",
39
+ "description": "默认插槽"
36
40
  }
37
41
  ]
38
42
  }
@@ -1,4 +1,6 @@
1
- #### Props
1
+ ## API
2
+
3
+ ### Props
2
4
  | 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
3
5
  | ----- | ----- | --- | ------- | ------ | -------- |
4
6
  | `modelValue` | 验证状态(支持 v-model 双向绑定) | `Boolean` | `false` | - | - |
@@ -19,9 +21,18 @@
19
21
  | `failColor` | 失败态颜色 | `String` | `#ee0a24` | - | - |
20
22
 
21
23
 
22
- #### Events
24
+ ### Events
23
25
  | 事件名 | 说明 | 事件参数 | 支持版本 |
24
26
  | ----- | ----- | ------- | -------- |
25
- | `change` | 拖动过程中实时触发 | - | - |
26
- | `success` | 验证成功时触发 | - | - |
27
- | `fail` | 验证失败时触发 | - | - |
27
+ | `change` | 拖动过程中实时触发 | `data`:(detail) => void | - |
28
+ | `success` | 验证成功时触发 | `data`:(detail) => void | - |
29
+ | `fail` | 验证失败时触发 | `data`:(detail) => void | - |
30
+
31
+
32
+ ### Methods
33
+ | 方法名 | 说明 | 参数 | 返回值 | 支持版本 |
34
+ | ----- | ----- | --- | ------ | -------- |
35
+ | `init` | 重新计算轨道宽度并同步状态 | - | - | - |
36
+ | `reset` | 重置验证状态 | - | - | - |
37
+
38
+
@@ -4,9 +4,9 @@
4
4
 
5
5
  ---$
6
6
 
7
- ### 代码演示
7
+ ## 代码演示
8
8
 
9
- #### 基础用法
9
+ ## 基础用法
10
10
 
11
11
  ```html
12
12
  <script setup lang="ts">
@@ -19,7 +19,7 @@
19
19
  </template>
20
20
  ```
21
21
 
22
- #### 没有错误提示
22
+ ## 没有错误提示
23
23
 
24
24
  ```html
25
25
  <script setup lang="ts">
@@ -32,7 +32,7 @@
32
32
  </template>
33
33
  ```
34
34
 
35
- #### 转动图片
35
+ ## 转动图片
36
36
 
37
37
  ```html
38
38
  <script setup lang="ts">
@@ -45,7 +45,7 @@
45
45
  </template>
46
46
  ```
47
47
 
48
- #### 禁用状态
48
+ ## 禁用状态
49
49
 
50
50
  ```html
51
51
  <template>
@@ -53,7 +53,7 @@
53
53
  </template>
54
54
  ```
55
55
 
56
- #### 失败态停留更久
56
+ ## 失败态停留更久
57
57
 
58
58
  ```html
59
59
  <script setup lang="ts">
@@ -66,7 +66,7 @@
66
66
  </template>
67
67
  ```
68
68
 
69
- #### 尺寸、颜色与文案
69
+ ## 尺寸、颜色与文案
70
70
 
71
71
  ```html
72
72
  <script setup lang="ts">
@@ -91,17 +91,8 @@
91
91
 
92
92
  ---$
93
93
 
94
- ### API
95
-
96
94
  <!-- props -->
97
95
 
98
- #### Methods
99
-
100
- | 方法名 | 说明 | 参数 |
101
- | ------- | -------------------------- | ---- |
102
- | `init` | 重新计算轨道宽度并同步状态 | - |
103
- | `reset` | 重置验证状态 | - |
104
-
105
96
  `detail` 数据结构:
106
97
 
107
98
  ```ts
@@ -103,17 +103,40 @@
103
103
  {
104
104
  "name": "[event]change",
105
105
  "description": "拖动过程中实时触发",
106
- "type": "(detail) => void"
106
+ "params": [
107
+ {
108
+ "name": "data",
109
+ "description": "(detail) => void"
110
+ }
111
+ ]
107
112
  },
108
113
  {
109
114
  "name": "[event]success",
110
115
  "description": "验证成功时触发",
111
- "type": "(detail) => void"
116
+ "params": [
117
+ {
118
+ "name": "data",
119
+ "description": "(detail) => void"
120
+ }
121
+ ]
112
122
  },
113
123
  {
114
124
  "name": "[event]fail",
115
125
  "description": "验证失败时触发",
116
- "type": "(detail) => void"
126
+ "params": [
127
+ {
128
+ "name": "data",
129
+ "description": "(detail) => void"
130
+ }
131
+ ]
132
+ },
133
+ {
134
+ "name": "[method]init",
135
+ "description": "重新计算轨道宽度并同步状态"
136
+ },
137
+ {
138
+ "name": "[method]reset",
139
+ "description": "重置验证状态"
117
140
  }
118
141
  ]
119
142
  }
@@ -1,4 +1,6 @@
1
- #### Props
1
+ ## API
2
+
3
+ ### Props
2
4
  | 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
3
5
  | ----- | ----- | --- | ------- | ------ | -------- |
4
6
  | `value` | 滑块选择值,在双滑块模式下为数组格式(数组的值都是从小到大) | `number / string / array` | - | - | - |
@@ -16,10 +18,20 @@
16
18
  | `marks` | 标记,key 的类型必须为 number 且取值在闭区间 [min, max] 内,每个标记可以单独设置样式 | `object` | - | - | - |
17
19
 
18
20
 
19
- #### Events
21
+ ### Events
20
22
  | 事件名 | 说明 | 事件参数 | 支持版本 |
21
23
  | ----- | ----- | ------- | -------- |
22
24
  | `change` | 进度变化且结束拖动后触发 | `percentage`:当前滑块值 | - |
23
25
  | `dragStart` | 开始拖动时触发 | `e`:拖动事件 | - |
24
26
  | `dragEnd` | 结束拖动时触发 | `e`:拖动事件 | - |
25
27
  | `input` | 进度变化时实时触发 | `percentage`:进度百分比 | - |
28
+
29
+
30
+ ### Slots
31
+ | 插槽名 | 说明 | 参数 | 支持版本 |
32
+ | ----- | ----- | --- | -------- |
33
+ | `button` | 自定义滑块按钮 | - | - |
34
+ | `leftButton` | 自定义左侧滑块按钮(范围选择下) | - | - |
35
+ | `rightButton` | 自定义右侧滑块按钮(范围选择下) | - | - |
36
+
37
+
@@ -5,9 +5,9 @@
5
5
 
6
6
  ---$
7
7
 
8
- ### 代码演示
8
+ ## 代码演示
9
9
 
10
- #### 基础使用
10
+ ## 基础使用
11
11
 
12
12
  ```html
13
13
  <template>
@@ -15,7 +15,7 @@
15
15
  </template>
16
16
  ```
17
17
 
18
- #### 滑块条高度 & 滑块大小
18
+ ## 滑块条高度 & 滑块大小
19
19
 
20
20
  ```html
21
21
  <template>
@@ -24,7 +24,7 @@
24
24
  </template>
25
25
  ```
26
26
 
27
- #### 进度条颜色
27
+ ## 进度条颜色
28
28
 
29
29
  ```html
30
30
  <template>
@@ -32,7 +32,7 @@
32
32
  </template>
33
33
  ```
34
34
 
35
- #### 范围选择
35
+ ## 范围选择
36
36
 
37
37
  ```html
38
38
  <template>
@@ -40,7 +40,7 @@
40
40
  </template>
41
41
  ```
42
42
 
43
- #### 竖向
43
+ ## 竖向
44
44
 
45
45
  ```html
46
46
  <template>
@@ -48,7 +48,7 @@
48
48
  </template>
49
49
  ```
50
50
 
51
- #### 禁用
51
+ ## 禁用
52
52
 
53
53
  ```html
54
54
  <template>
@@ -56,7 +56,7 @@
56
56
  </template>
57
57
  ```
58
58
 
59
- #### 只读
59
+ ## 只读
60
60
 
61
61
  ```html
62
62
  <template>
@@ -64,7 +64,7 @@
64
64
  </template>
65
65
  ```
66
66
 
67
- #### 间断点
67
+ ## 间断点
68
68
 
69
69
  当`showStops`为`true`时,会根据最大值(`max`)、最小值(`min`)、步长(`step`)来显示间断点
70
70
 
@@ -74,7 +74,7 @@
74
74
  </template>
75
75
  ```
76
76
 
77
- #### 标记
77
+ ## 标记
78
78
 
79
79
  当同时配置了`showStops`属性和`marks`属性时,会显示自定义节点
80
80
 
@@ -98,7 +98,7 @@
98
98
  </template>
99
99
  ```
100
100
 
101
- #### 自定义滑块
101
+ ## 自定义滑块
102
102
 
103
103
  ```html
104
104
  <template>
@@ -153,17 +153,7 @@
153
153
 
154
154
  ---$
155
155
 
156
- ### API
157
-
158
156
  <!-- props -->
159
157
 
160
- #### 组件插槽(Slots)
161
-
162
- | 插槽名 | 说明 | 插槽参数 | 支持版本 |
163
- | ------------- | -------------------------------- | -------- | -------- |
164
- | `button` | 自定义滑块按钮 | - | - |
165
- | `leftButton` | 自定义左侧滑块按钮(范围选择下) | - | - |
166
- | `rightButton` | 自定义右侧滑块按钮(范围选择下) | - | - |
167
-
168
158
  ---$
169
159
  {{fuyuwei}}
@@ -83,7 +83,6 @@
83
83
  {
84
84
  "name": "[event]change",
85
85
  "description": "进度变化且结束拖动后触发",
86
- "type": "(percentage)=>void",
87
86
  "params": [
88
87
  {
89
88
  "name": "percentage",
@@ -94,7 +93,6 @@
94
93
  {
95
94
  "name": "[event]dragStart",
96
95
  "description": "开始拖动时触发",
97
- "type": "(e)=>void",
98
96
  "params": [
99
97
  {
100
98
  "name": "e",
@@ -105,7 +103,6 @@
105
103
  {
106
104
  "name": "[event]dragEnd",
107
105
  "description": "结束拖动时触发",
108
- "type": "(e)=>void",
109
106
  "params": [
110
107
  {
111
108
  "name": "e",
@@ -116,13 +113,24 @@
116
113
  {
117
114
  "name": "[event]input",
118
115
  "description": "进度变化时实时触发",
119
- "type": "(percentage)=>void",
120
116
  "params": [
121
117
  {
122
118
  "name": "percentage",
123
119
  "description": "进度百分比"
124
120
  }
125
121
  ]
122
+ },
123
+ {
124
+ "name": "[slot]button",
125
+ "description": "自定义滑块按钮"
126
+ },
127
+ {
128
+ "name": "[slot]leftButton",
129
+ "description": "自定义左侧滑块按钮(范围选择下)"
130
+ },
131
+ {
132
+ "name": "[slot]rightButton",
133
+ "description": "自定义右侧滑块按钮(范围选择下)"
126
134
  }
127
135
  ]
128
136
  }
@@ -1,4 +1,6 @@
1
- #### Props
1
+ ## API
2
+
3
+ ### Props
2
4
  | 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
3
5
  | ----- | ----- | --- | ------- | ------ | -------- |
4
6
  | `v-model` | 当前输入的值 | `number` | `1` | - | - |
@@ -24,11 +26,13 @@
24
26
  | `badgeMax` | 徽标:徽标最大显示值 | `number` | `99` | - | - |
25
27
 
26
28
 
27
- #### Events
29
+ ### Events
28
30
  | 事件名 | 说明 | 事件参数 | 支持版本 |
29
31
  | ----- | ----- | ------- | -------- |
30
- | `change` | 当绑定值变化时触发的事件 `value`: 改变后的绑定值 | - | - |
32
+ | `change` | 当绑定值变化时触发的事件 `value`: 改变后的绑定值 | `data`:(value: number) => void | - |
31
33
  | `plus` | 点击增加按钮时触发(可拦截change事件) | `value`:改变后的绑定值<br/>`suspend`:等待<br/>`next`:继续<br/>`stop`:停止 | - |
32
34
  | `minus` | 点击减少按钮时触发(可拦截change事件) | `value`:改变后的绑定值<br/>`suspend`:等待<br/>`next`:继续<br/>`stop`:停止 | - |
33
- | `focus` | 输入框聚焦时触发 | - | - |
34
- | `blur` | 输入框失焦时触发 | - | - |
35
+ | `focus` | 输入框聚焦时触发 | `data`:() => void | - |
36
+ | `blur` | 输入框失焦时触发 | `data`:() => void | - |
37
+
38
+
@@ -4,9 +4,9 @@
4
4
 
5
5
  ---$
6
6
 
7
- ### 代码演示
7
+ ## 代码演示
8
8
 
9
- #### 基础用法
9
+ ## 基础用法
10
10
 
11
11
  通过`value`属性,双向绑定,设置输入值
12
12
 
@@ -20,7 +20,7 @@
20
20
  </template>
21
21
  ```
22
22
 
23
- #### 限制输入范围
23
+ ## 限制输入范围
24
24
 
25
25
  通过 `min` 和 `max` 属性限制输入值的范围,默认超出范围后会自动校正最大值(默认值:`Infinity`)或最小值(默认值:`0`)
26
26
 
@@ -34,7 +34,7 @@
34
34
  </template>
35
35
  ```
36
36
 
37
- #### 步长设置
37
+ ## 步长设置
38
38
 
39
39
  通过 `step` 属性设置每次点击增加或减少按钮时变化的值,默认为 1。
40
40
 
@@ -48,7 +48,7 @@
48
48
  </template>
49
49
  ```
50
50
 
51
- #### 数值精度
51
+ ## 数值精度
52
52
 
53
53
  通过 `precision` 属性设置输入值的小数位,默认为 1。
54
54
 
@@ -62,7 +62,7 @@
62
62
  </template>
63
63
  ```
64
64
 
65
- #### 自定义大小
65
+ ## 自定义大小
66
66
 
67
67
  通过 `inputWidth` 属性设置输入框宽度,通过 `buttonSize` 属性设置按钮大小和输入框高度。
68
68
 
@@ -76,7 +76,7 @@
76
76
  </template>
77
77
  ```
78
78
 
79
- #### 主色
79
+ ## 主色
80
80
 
81
81
  通过 `mainColor` 属性设置步进器的主色,对`theme`为`line`时无效。
82
82
 
@@ -90,7 +90,7 @@
90
90
  </template>
91
91
  ```
92
92
 
93
- #### 禁用
93
+ ## 禁用
94
94
 
95
95
  - 通过 `disabled` 属性设置禁用步进器,默认为 `false`。
96
96
  - 通过 `disablePlus` 属性设置禁用增加按钮,默认为 `false`。
@@ -113,7 +113,7 @@
113
113
  </template>
114
114
  ```
115
115
 
116
- #### 样式风格:线性风格
116
+ ## 样式风格:线性风格
117
117
 
118
118
  通过 `theme` 属性设置步进器的样式风格,设置为线性 `line`,默认为 `card`。
119
119
 
@@ -137,10 +137,6 @@
137
137
 
138
138
  ---$
139
139
 
140
- ### API
141
-
142
- #### 组件属性(Props)
143
-
144
140
  <!-- props -->
145
141
 
146
142
  ---$
@@ -172,12 +172,16 @@
172
172
  {
173
173
  "name": "[event]change",
174
174
  "description": "当绑定值变化时触发的事件 `value`: 改变后的绑定值",
175
- "type": "(value: number) => void"
175
+ "params": [
176
+ {
177
+ "name": "data",
178
+ "description": "(value: number) => void"
179
+ }
180
+ ]
176
181
  },
177
182
  {
178
183
  "name": "[event]plus",
179
184
  "description": "点击增加按钮时触发(可拦截change事件)",
180
- "type": "(value: number,suspend: ()=>void,next: ()=>void,stop: ()=>void) => void",
181
185
  "params": [
182
186
  {
183
187
  "name": "value",
@@ -200,7 +204,6 @@
200
204
  {
201
205
  "name": "[event]minus",
202
206
  "description": "点击减少按钮时触发(可拦截change事件)",
203
- "type": "(value:string | number,suspend: ()=>void,next: ()=>void,stop: ()=>void) => void",
204
207
  "params": [
205
208
  {
206
209
  "name": "value",
@@ -223,12 +226,22 @@
223
226
  {
224
227
  "name": "[event]focus",
225
228
  "description": "输入框聚焦时触发",
226
- "type": "() => void"
229
+ "params": [
230
+ {
231
+ "name": "data",
232
+ "description": "() => void"
233
+ }
234
+ ]
227
235
  },
228
236
  {
229
237
  "name": "[event]blur",
230
238
  "description": "输入框失焦时触发",
231
- "type": "() => void"
239
+ "params": [
240
+ {
241
+ "name": "data",
242
+ "description": "() => void"
243
+ }
244
+ ]
232
245
  }
233
246
  ]
234
- }
247
+ }
@@ -1,4 +1,6 @@
1
- #### Props
1
+ ## API
2
+
3
+ ### Props
2
4
  | 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
3
5
  | ----- | ----- | --- | ------- | ------ | -------- |
4
6
  | `active` | 步骤进度 | `number` | `0` | - | - |
@@ -8,7 +10,9 @@
8
10
  | `lineStyle` | 线条样式(支持border-style全部属性) | `string` | `solid` | - | `1.22.27` |
9
11
 
10
12
 
11
- #### Events
13
+ ### Events
12
14
  | 事件名 | 说明 | 事件参数 | 支持版本 |
13
15
  | ----- | ----- | ------- | -------- |
14
16
  | `clickStep` | 点击步骤的标题或图标时触发 | `index`:点击的步骤序号 | - |
17
+
18
+
@@ -4,11 +4,11 @@
4
4
 
5
5
  ---$
6
6
 
7
- ### 代码演示
7
+ ## 代码演示
8
8
 
9
9
  后面的演示代码中涉及到的变量和方法都使用该代码
10
10
 
11
- ### 基础用法
11
+ ## 基础用法
12
12
 
13
13
  `active` 为步骤进度,为 `Number` 类型,步骤的下标。
14
14
 
@@ -33,7 +33,7 @@
33
33
  </template>
34
34
  ```
35
35
 
36
- ### 设置标题和描述信息
36
+ ## 设置标题和描述信息
37
37
 
38
38
  可以通过 `title` 和 `description` 设置步骤的标题和描述信息。如果不设置标题,则会使用默认的文案。
39
39
 
@@ -52,7 +52,7 @@
52
52
  </template>
53
53
  ```
54
54
 
55
- ### 修改图标
55
+ ## 修改图标
56
56
 
57
57
  - 可以通过 `icon` 属性设置步骤的图标,传入图标的名称,也可以通过 `icon` 的 slot 插槽自定义图标
58
58
  - 优先级:插槽 > 点状 > icon属性 > 默认图标
@@ -76,7 +76,7 @@
76
76
  </template>
77
77
  ```
78
78
 
79
- ### 竖向步骤条
79
+ ## 竖向步骤条
80
80
 
81
81
  可以通过 `direction` 属性设置步骤条方向,`row`:横向,`column`:竖向,默认为`row`
82
82
 
@@ -97,7 +97,7 @@
97
97
  </template>
98
98
  ```
99
99
 
100
- ### 点状步骤和垂直方向
100
+ ## 点状步骤和垂直方向
101
101
 
102
102
  可以通过 `dot` 属性设置点状步骤条
103
103
 
@@ -118,7 +118,7 @@
118
118
  </template>
119
119
  ```
120
120
 
121
- ### 修改状态
121
+ ## 修改状态
122
122
 
123
123
  设置 `status`,支持 `finished`(完成)、`process`(进行中)、`error`(失败) 三种状态。
124
124
 
@@ -139,11 +139,9 @@
139
139
 
140
140
  ---$
141
141
 
142
- ### API
143
-
144
142
  <!-- props -->
145
143
 
146
- #### Step组件属性(Props)
144
+ ## Step组件属性(Props)
147
145
 
148
146
  | 参数 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
149
147
  | ------------- | ------------------------------------ | -------- | ------ | ------ | -------- |
@@ -152,7 +150,7 @@
152
150
  | `icon` | 图标 | `String` | - | - | - |
153
151
  | `status` | 步骤状态 | `String` | - | - | - |
154
152
 
155
- #### Step Slots
153
+ ## Step Slots
156
154
 
157
155
  | 插槽名 | 说明 | 插槽参数 | 支持版本 |
158
156
  | --------- | -------- | -------- | -------- |
@@ -48,7 +48,6 @@
48
48
  {
49
49
  "name": "[event]clickStep",
50
50
  "description": "点击步骤的标题或图标时触发",
51
- "type": "(index: number) => void",
52
51
  "params": [
53
52
  {
54
53
  "name": "index",
@@ -57,4 +56,4 @@
57
56
  ]
58
57
  }
59
58
  ]
60
- }
59
+ }