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.
- package/components/ste-animate/ATTRIBUTES.md +13 -5
- package/components/ste-animate/README.md +4 -28
- package/components/ste-animate/ste-animate.easycom.json +31 -9
- package/components/ste-app-update/ATTRIBUTES.md +11 -5
- package/components/ste-app-update/README.md +1 -3
- package/components/ste-app-update/method.ts +44 -1
- package/components/ste-app-update/props.ts +17 -2
- package/components/ste-app-update/ste-app-update.easycom.json +18 -8
- package/components/ste-app-update/ste-app-update.vue +93 -18
- package/components/ste-area-chart/ATTRIBUTES.md +3 -1
- package/components/ste-area-chart/README.md +21 -4
- package/components/ste-area-chart/ste-area-chart.vue +33 -1
- package/components/ste-badge/ATTRIBUTES.md +10 -1
- package/components/ste-badge/README.md +9 -18
- package/components/ste-badge/ste-badge.easycom.json +8 -0
- package/components/ste-bar-chart/ATTRIBUTES.md +3 -1
- package/components/ste-bar-chart/README.md +20 -5
- package/components/ste-bar-chart/ste-bar-chart.vue +34 -1
- package/components/ste-barcode/ATTRIBUTES.md +6 -2
- package/components/ste-barcode/README.md +3 -5
- package/components/ste-barcode/ste-barcode.easycom.json +1 -2
- package/components/ste-button/ATTRIBUTES.md +24 -14
- package/components/ste-button/README.md +11 -19
- package/components/ste-button/ste-button.easycom.json +76 -12
- package/components/ste-calendar/ATTRIBUTES.md +12 -2
- package/components/ste-calendar/README.md +16 -24
- package/components/ste-calendar/ste-calendar.easycom.json +4 -3
- package/components/ste-category/ATTRIBUTES.md +6 -2
- package/components/ste-category/README.md +2 -4
- package/components/ste-category/ste-category.easycom.json +1 -2
- package/components/ste-checkbox/ATTRIBUTES.md +6 -2
- package/components/ste-checkbox/README.md +18 -20
- package/components/ste-checkbox/ste-checkbox.easycom.json +1 -3
- package/components/ste-checkbox/ste-checkbox.vue +71 -80
- package/components/ste-code-input/ATTRIBUTES.md +8 -4
- package/components/ste-code-input/README.md +7 -9
- package/components/ste-code-input/ste-code-input.easycom.json +13 -4
- package/components/ste-column-chart/ATTRIBUTES.md +3 -1
- package/components/ste-column-chart/README.md +22 -7
- package/components/ste-column-chart/ste-column-chart.vue +34 -1
- package/components/ste-comment/ATTRIBUTES.md +3 -1
- package/components/ste-comment/README.md +2 -4
- package/components/ste-coupon-list/ATTRIBUTES.md +15 -5
- package/components/ste-coupon-list/README.md +6 -14
- package/components/ste-coupon-list/ste-coupon-list.easycom.json +22 -3
- package/components/ste-custom-keyboard/ATTRIBUTES.md +16 -7
- package/components/ste-custom-keyboard/README.md +10 -18
- package/components/ste-custom-keyboard/ste-custom-keyboard.easycom.json +28 -10
- package/components/ste-date-picker/ATTRIBUTES.md +9 -5
- package/components/ste-date-picker/README.md +9 -11
- package/components/ste-date-picker/ste-date-picker.easycom.json +19 -4
- package/components/ste-date-user/ATTRIBUTES.md +9 -1
- package/components/ste-date-user/README.md +3 -11
- package/components/ste-date-user/ste-date-user.easycom.json +4 -0
- package/components/ste-drag/ATTRIBUTES.md +13 -3
- package/components/ste-drag/README.md +5 -13
- package/components/ste-drag/ste-drag.easycom.json +10 -2
- package/components/ste-drag-sort/ATTRIBUTES.md +25 -0
- package/components/ste-drag-sort/README.md +116 -0
- package/components/ste-drag-sort/config.json +5 -0
- package/components/ste-drag-sort/props.ts +16 -0
- package/components/ste-drag-sort/ste-drag-sort.easycom.json +88 -0
- package/components/ste-drag-sort/ste-drag-sort.vue +589 -0
- package/components/ste-dropdown-menu/ATTRIBUTES.md +8 -4
- package/components/ste-dropdown-menu/README.md +14 -16
- package/components/ste-dropdown-menu/ste-dropdown-menu.easycom.json +13 -4
- package/components/ste-filter-tool/ATTRIBUTES.md +6 -2
- package/components/ste-filter-tool/README.md +4 -6
- package/components/ste-filter-tool/ste-filter-tool.easycom.json +1 -5
- package/components/ste-function-list/ATTRIBUTES.md +13 -2
- package/components/ste-function-list/README.md +3 -12
- package/components/ste-function-list/ste-function-list.easycom.json +8 -3
- package/components/ste-funnel-chart/ATTRIBUTES.md +3 -1
- package/components/ste-funnel-chart/README.md +21 -6
- package/components/ste-funnel-chart/ste-funnel-chart.vue +34 -1
- package/components/ste-goods-info/ATTRIBUTES.md +15 -4
- package/components/ste-goods-info/README.md +8 -17
- package/components/ste-goods-info/ste-goods-info.easycom.json +40 -13
- package/components/ste-goods-list/ATTRIBUTES.md +9 -1
- package/components/ste-goods-list/README.md +4 -12
- package/components/ste-goods-list/ste-goods-list.easycom.json +4 -0
- package/components/ste-guide-qa/ATTRIBUTES.md +15 -4
- package/components/ste-guide-qa/README.md +6 -15
- package/components/ste-guide-qa/ste-guide-qa.easycom.json +20 -2
- package/components/ste-icon/ATTRIBUTES.md +7 -3
- package/components/ste-icon/README.md +5 -7
- package/components/ste-icon/ste-icon.easycom.json +7 -2
- package/components/ste-image/ATTRIBUTES.md +13 -2
- package/components/ste-image/README.md +6 -15
- package/components/ste-image/ste-image.easycom.json +8 -3
- package/components/ste-index-list/ATTRIBUTES.md +8 -4
- package/components/ste-index-list/README.md +6 -8
- package/components/ste-index-list/ste-index-list.easycom.json +13 -3
- package/components/ste-input/ATTRIBUTES.md +14 -3
- package/components/ste-input/README.md +16 -25
- package/components/ste-input/ste-input.easycom.json +14 -5
- package/components/ste-line-chart/ATTRIBUTES.md +3 -1
- package/components/ste-line-chart/README.md +22 -7
- package/components/ste-line-chart/ste-line-chart.vue +34 -1
- package/components/ste-loading/ATTRIBUTES.md +3 -1
- package/components/ste-loading/README.md +6 -8
- package/components/ste-login/ATTRIBUTES.md +12 -2
- package/components/ste-login/README.md +7 -15
- package/components/ste-login/ste-login.easycom.json +4 -7
- package/components/ste-login-info/ATTRIBUTES.md +6 -2
- package/components/ste-login-info/README.md +2 -4
- package/components/ste-login-info/ste-login-info.easycom.json +1 -4
- package/components/ste-marquee/ATTRIBUTES.md +44 -0
- package/components/ste-marquee/README.md +123 -0
- package/components/ste-marquee/config.json +5 -0
- package/components/ste-marquee/props.ts +106 -0
- package/components/ste-marquee/ste-marquee.easycom.json +132 -0
- package/components/ste-marquee/ste-marquee.vue +249 -0
- package/components/ste-media-preview/ATTRIBUTES.md +14 -4
- package/components/ste-media-preview/README.md +23 -32
- package/components/ste-media-preview/ste-media-preview.easycom.json +16 -4
- package/components/ste-message-box/ATTRIBUTES.md +3 -1
- package/components/ste-message-box/README.md +11 -13
- package/components/ste-navbar/ATTRIBUTES.md +13 -3
- package/components/ste-navbar/README.md +5 -13
- package/components/ste-navbar/ste-navbar.easycom.json +10 -1
- package/components/ste-notice-bar/ATTRIBUTES.md +16 -5
- package/components/ste-notice-bar/README.md +11 -20
- package/components/ste-notice-bar/ste-notice-bar.easycom.json +26 -3
- package/components/ste-number-keyboard/ATTRIBUTES.md +17 -7
- package/components/ste-number-keyboard/README.md +9 -18
- package/components/ste-number-keyboard/ste-number-keyboard.easycom.json +32 -9
- package/components/ste-order-card/ATTRIBUTES.md +6 -2
- package/components/ste-order-card/README.md +4 -6
- package/components/ste-order-card/ste-order-card.easycom.json +1 -4
- package/components/ste-pie-chart/ATTRIBUTES.md +3 -1
- package/components/ste-pie-chart/README.md +21 -6
- package/components/ste-pie-chart/ste-pie-chart.vue +34 -1
- package/components/ste-popup/ATTRIBUTES.md +15 -5
- package/components/ste-popup/README.md +10 -18
- package/components/ste-popup/ste-popup.easycom.json +22 -4
- package/components/ste-price/ATTRIBUTES.md +7 -3
- package/components/ste-price/README.md +10 -12
- package/components/ste-price/ste-price.easycom.json +7 -2
- package/components/ste-progress/ATTRIBUTES.md +9 -1
- package/components/ste-progress/README.md +9 -17
- package/components/ste-progress/ste-progress.easycom.json +4 -0
- package/components/ste-qrcode/ATTRIBUTES.md +6 -2
- package/components/ste-qrcode/README.md +4 -6
- package/components/ste-qrcode/ste-qrcode.easycom.json +1 -2
- package/components/ste-radio/ATTRIBUTES.md +6 -2
- package/components/ste-radio/README.md +17 -19
- package/components/ste-radio/ste-radio.easycom.json +1 -3
- package/components/ste-radio/ste-radio.vue +109 -85
- package/components/ste-rate/ATTRIBUTES.md +7 -3
- package/components/ste-rate/README.md +8 -10
- package/components/ste-rate/ste-rate.easycom.json +7 -2
- package/components/ste-read-more/ATTRIBUTES.md +20 -4
- package/components/ste-read-more/README.md +5 -19
- package/components/ste-read-more/ste-read-more.easycom.json +20 -2
- package/components/ste-rich-text/ATTRIBUTES.md +3 -1
- package/components/ste-rich-text/README.md +2 -4
- package/components/ste-ring-chart/ATTRIBUTES.md +3 -1
- package/components/ste-ring-chart/README.md +22 -5
- package/components/ste-ring-chart/ste-ring-chart.vue +33 -1
- package/components/ste-scroll-to/ATTRIBUTES.md +7 -3
- package/components/ste-scroll-to/README.md +2 -4
- package/components/ste-scroll-to/ste-scroll-to.easycom.json +7 -2
- package/components/ste-search/ATTRIBUTES.md +14 -3
- package/components/ste-search/README.md +12 -21
- package/components/ste-search/ste-search.easycom.json +14 -7
- package/components/ste-search-box/ATTRIBUTES.md +6 -2
- package/components/ste-search-box/README.md +3 -5
- package/components/ste-search-box/ste-search-box.easycom.json +1 -3
- package/components/ste-select/ATTRIBUTES.md +9 -5
- package/components/ste-select/README.md +11 -11
- package/components/ste-select/ste-select.easycom.json +19 -6
- package/components/ste-select-seat/ATTRIBUTES.md +8 -4
- package/components/ste-select-seat/README.md +7 -21
- package/components/ste-select-seat/ste-select-seat.easycom.json +13 -3
- package/components/ste-signature/ATTRIBUTES.md +18 -5
- package/components/ste-signature/README.md +3 -14
- package/components/ste-signature/ste-signature.easycom.json +50 -3
- package/components/ste-simple-calendar/ATTRIBUTES.md +16 -4
- package/components/ste-simple-calendar/README.md +8 -18
- package/components/ste-simple-calendar/ste-simple-calendar.easycom.json +30 -2
- package/components/ste-skeleton/ATTRIBUTES.md +9 -1
- package/components/ste-skeleton/README.md +5 -13
- package/components/ste-skeleton/ste-skeleton.easycom.json +4 -0
- package/components/ste-slide-verify/ATTRIBUTES.md +16 -5
- package/components/ste-slide-verify/README.md +7 -16
- package/components/ste-slide-verify/ste-slide-verify.easycom.json +26 -3
- package/components/ste-slider/ATTRIBUTES.md +14 -2
- package/components/ste-slider/README.md +11 -21
- package/components/ste-slider/ste-slider.easycom.json +12 -4
- package/components/ste-stepper/ATTRIBUTES.md +9 -5
- package/components/ste-stepper/README.md +9 -13
- package/components/ste-stepper/ste-stepper.easycom.json +19 -6
- package/components/ste-steps/ATTRIBUTES.md +6 -2
- package/components/ste-steps/README.md +9 -11
- package/components/ste-steps/ste-steps.easycom.json +1 -2
- package/components/ste-sticky/ATTRIBUTES.md +8 -4
- package/components/ste-sticky/README.md +2 -4
- package/components/ste-sticky/ste-sticky.easycom.json +13 -3
- package/components/ste-swipe-action/ATTRIBUTES.md +14 -3
- package/components/ste-swipe-action/README.md +9 -18
- package/components/ste-swipe-action/ste-swipe-action.easycom.json +20 -2
- package/components/ste-swipe-action/useData.ts +15 -8
- package/components/ste-swipe-action-group/ATTRIBUTES.md +6 -2
- package/components/ste-swipe-action-group/ste-swipe-action-group.easycom.json +1 -3
- package/components/ste-swiper/ATTRIBUTES.md +6 -2
- package/components/ste-swiper/README.md +12 -14
- package/components/ste-swiper/ste-swiper.easycom.json +1 -3
- package/components/ste-switch/ATTRIBUTES.md +8 -4
- package/components/ste-switch/README.md +7 -9
- package/components/ste-switch/ste-switch.easycom.json +13 -3
- package/components/ste-tab/ATTRIBUTES.md +3 -1
- package/components/ste-table/ATTRIBUTES.md +12 -8
- package/components/ste-table/README.md +23 -23
- package/components/ste-table/ste-table.easycom.json +38 -9
- package/components/ste-tabs/ATTRIBUTES.md +9 -4
- package/components/ste-tabs/README.md +4 -6
- package/components/ste-tabs/props.ts +3 -0
- package/components/ste-tabs/ste-tabs.easycom.json +18 -2
- package/components/ste-tabs/useData.ts +1 -1
- package/components/ste-text/ATTRIBUTES.md +9 -1
- package/components/ste-text/README.md +4 -12
- package/components/ste-text/ste-text.easycom.json +4 -0
- package/components/ste-toast/ATTRIBUTES.md +10 -1
- package/components/ste-toast/README.md +9 -18
- package/components/ste-toast/ste-toast.easycom.json +14 -0
- package/components/ste-touch-swipe/ATTRIBUTES.md +6 -2
- package/components/ste-touch-swipe/README.md +4 -6
- package/components/ste-touch-swipe/ste-touch-swipe.easycom.json +1 -2
- package/components/ste-tour/ATTRIBUTES.md +7 -3
- package/components/ste-tour/README.md +5 -7
- package/components/ste-tour/ste-tour.easycom.json +11 -4
- package/components/ste-tree/ATTRIBUTES.md +15 -2
- package/components/ste-tree/README.md +6 -17
- package/components/ste-tree/ste-tree.easycom.json +16 -4
- package/components/ste-upload/ATTRIBUTES.md +17 -5
- package/components/ste-upload/README.md +9 -20
- package/components/ste-upload/ste-upload.easycom.json +36 -9
- package/components/ste-user-info/ATTRIBUTES.md +15 -5
- package/components/ste-user-info/README.md +5 -13
- package/components/ste-user-info/ste-user-info.easycom.json +22 -4
- package/components/ste-video/ATTRIBUTES.md +3 -1
- package/components/ste-video/README.md +4 -8
- package/components/ste-watermark/ATTRIBUTES.md +3 -1
- package/components/ste-watermark/README.md +5 -7
- package/config/font-size.ts +3 -0
- package/config/index.ts +5 -0
- package/index.ts +4 -0
- package/package.json +1 -1
- package/types/components.d.ts +4 -0
- package/types/refComponents.d.ts +4 -0
- package/utils/System.ts +50 -15
- package/utils/mixin.ts +4 -3
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 基础用法
|
|
8
8
|
|
|
9
9
|
- 属性`height`用于设置日历的高度,单位为`rpx`,默认`100%`
|
|
10
10
|
- 属性`showTitle`用于设置是否显示日历的标题,默认`true`
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
</template>
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
## 结合弹窗使用
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
## 基础使用
|
|
32
32
|
|
|
33
33
|
```html
|
|
34
34
|
<script setup lang="ts">
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
</template>
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
## 多个日期
|
|
57
57
|
|
|
58
58
|
- 属性`mode`用于设置日历的模式,可选值`single`、`multiple`、`range`,默认`single`
|
|
59
59
|
- 设置为`multiple`可以选择多个日期
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
</template>
|
|
82
82
|
```
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
## 日期范围
|
|
85
85
|
|
|
86
86
|
- 属性`mode`用于设置日历的模式,可选值`single`、`multiple`、`range`,默认`single`
|
|
87
87
|
- 设置为`range`可以选择日期范围
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
</template>
|
|
110
110
|
```
|
|
111
111
|
|
|
112
|
-
|
|
112
|
+
## 自定义主题色
|
|
113
113
|
|
|
114
114
|
- 属性`color`可以设置日历的主题色,包括周末日期颜色、日期选中颜色、日期范围选中颜色、确定按钮颜色
|
|
115
115
|
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
</template>
|
|
137
137
|
```
|
|
138
138
|
|
|
139
|
-
|
|
139
|
+
## 自定义文案
|
|
140
140
|
|
|
141
141
|
- 属性`title`可以设置标题文案
|
|
142
142
|
- 属性`startText`可以设置开始日期的文案,`mode`值为`range`时生效
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
</template>
|
|
166
166
|
```
|
|
167
167
|
|
|
168
|
-
|
|
168
|
+
## 日期最大范围
|
|
169
169
|
|
|
170
170
|
- 属性`minDate`可以设置日期的最小可选范围
|
|
171
171
|
- 属性`maxDate`可以设置日期的最大可选范围
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
</template>
|
|
196
196
|
```
|
|
197
197
|
|
|
198
|
-
|
|
198
|
+
## 多选数量限制
|
|
199
199
|
|
|
200
200
|
- 属性`maxCount`用于设置多选模式下最多可选的日期数量
|
|
201
201
|
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
</template>
|
|
223
223
|
```
|
|
224
224
|
|
|
225
|
-
|
|
225
|
+
## 多选数量限制
|
|
226
226
|
|
|
227
227
|
- 属性`maxRange`用于设置范围模式下最多可选的日期数量
|
|
228
228
|
- 属性`showRangePrompt`用于设置范围模式下是否显示超出数量时的提示文案
|
|
@@ -251,7 +251,7 @@
|
|
|
251
251
|
</template>
|
|
252
252
|
```
|
|
253
253
|
|
|
254
|
-
|
|
254
|
+
## 默认选择日期
|
|
255
255
|
|
|
256
256
|
- 属性`list`用于设置默认选择的日期
|
|
257
257
|
|
|
@@ -278,7 +278,7 @@
|
|
|
278
278
|
</template>
|
|
279
279
|
```
|
|
280
280
|
|
|
281
|
-
|
|
281
|
+
## 默认展示月份
|
|
282
282
|
|
|
283
283
|
- 属性`defaultMonth`用于设置默认展示的月份,因为弹窗中的日历不在文档流,无法设置滚动距离,所以需要在弹窗动画结束之后手动设置默认展示的月份
|
|
284
284
|
|
|
@@ -312,7 +312,7 @@
|
|
|
312
312
|
</template>
|
|
313
313
|
```
|
|
314
314
|
|
|
315
|
-
|
|
315
|
+
## 隐藏确定按钮
|
|
316
316
|
|
|
317
317
|
- 属性`showConfirm`用于设置是否显示确定按钮
|
|
318
318
|
- 事件`select`用于监听选择日期的事件
|
|
@@ -340,7 +340,7 @@
|
|
|
340
340
|
</template>
|
|
341
341
|
```
|
|
342
342
|
|
|
343
|
-
|
|
343
|
+
## 只读
|
|
344
344
|
|
|
345
345
|
- 属性`readonly`用于设置是否只读
|
|
346
346
|
|
|
@@ -367,7 +367,7 @@
|
|
|
367
367
|
</template>
|
|
368
368
|
```
|
|
369
369
|
|
|
370
|
-
|
|
370
|
+
## 隐藏背景月份
|
|
371
371
|
|
|
372
372
|
- 属性`showMark`用于设置是否显示背景月份
|
|
373
373
|
|
|
@@ -394,7 +394,7 @@
|
|
|
394
394
|
</template>
|
|
395
395
|
```
|
|
396
396
|
|
|
397
|
-
|
|
397
|
+
## 自定义组件
|
|
398
398
|
|
|
399
399
|
- 属性`weekendColor`用于设置周末日期颜色
|
|
400
400
|
- 属性`monthCount`用于设置渲染的月数
|
|
@@ -433,15 +433,7 @@
|
|
|
433
433
|
|
|
434
434
|
---$
|
|
435
435
|
|
|
436
|
-
### API
|
|
437
|
-
|
|
438
436
|
<!-- props -->
|
|
439
437
|
|
|
440
|
-
#### Methods
|
|
441
|
-
|
|
442
|
-
| 方法名 | 说明 | 参数 | 支持版本 |
|
|
443
|
-
| --------- | ------------------ | --------------------------- | -------- |
|
|
444
|
-
| showMonth | 设置默认展示的月份 | 要展示的年月(YYYY-MM格式) | - |
|
|
445
|
-
|
|
446
438
|
---$
|
|
447
439
|
{{xuyajun}}
|
|
@@ -182,7 +182,6 @@
|
|
|
182
182
|
{
|
|
183
183
|
"name": "[event]select",
|
|
184
184
|
"description": "选择日期时触发",
|
|
185
|
-
"type": "(days:(number|string)[],day:number|string) => void",
|
|
186
185
|
"params": [
|
|
187
186
|
{
|
|
188
187
|
"name": "days",
|
|
@@ -197,7 +196,6 @@
|
|
|
197
196
|
{
|
|
198
197
|
"name": "[event]confirm",
|
|
199
198
|
"description": "点击确定按钮时触发",
|
|
200
|
-
"type": "(days:(number|string)[]) => void",
|
|
201
199
|
"params": [
|
|
202
200
|
{
|
|
203
201
|
"name": "days",
|
|
@@ -208,13 +206,16 @@
|
|
|
208
206
|
{
|
|
209
207
|
"name": "[event]view-month",
|
|
210
208
|
"description": "页面展示月份发生变化时触发",
|
|
211
|
-
"type": "(month:string) => void",
|
|
212
209
|
"params": [
|
|
213
210
|
{
|
|
214
211
|
"name": "month",
|
|
215
212
|
"description": "当前页面上显示的月份"
|
|
216
213
|
}
|
|
217
214
|
]
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"name": "[method]showMonth",
|
|
218
|
+
"description": "设置默认展示的月份"
|
|
218
219
|
}
|
|
219
220
|
]
|
|
220
221
|
}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `value` | 当前值,支持v-model:value双向绑定 | `string / number` | `` | - | - |
|
|
5
7
|
| `data` | 菜单数据列表 | `CagegoryItem[]` | `[]` | - | - |
|
|
6
8
|
|
|
7
9
|
|
|
8
|
-
|
|
10
|
+
### Events
|
|
9
11
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
10
12
|
| ----- | ----- | ------- | -------- |
|
|
11
13
|
| `change` | 分类变化时触发 | `item`:变化后的分类数据 | - |
|
|
14
|
+
|
|
15
|
+
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 基础用法
|
|
8
8
|
|
|
9
9
|
- 分类数据需按照下方`script`中的格式传入
|
|
10
10
|
- 分类需要传入`title`和`value`
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
</template>
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
## 插槽模式
|
|
32
32
|
|
|
33
33
|
```html
|
|
34
34
|
<script lang="ts" setup>
|
|
@@ -58,8 +58,6 @@
|
|
|
58
58
|
|
|
59
59
|
---$
|
|
60
60
|
|
|
61
|
-
### API
|
|
62
|
-
|
|
63
61
|
<!-- props -->
|
|
64
62
|
|
|
65
63
|
---$
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `v-model` | 当前值 | `boolean` | `false` | - | - |
|
|
@@ -18,8 +20,10 @@
|
|
|
18
20
|
| `columnGap` | 复选框和文本间距,单位rpx | `number / string` | `16` | - | - |
|
|
19
21
|
|
|
20
22
|
|
|
21
|
-
|
|
23
|
+
### Events
|
|
22
24
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
23
25
|
| ----- | ----- | ------- | -------- |
|
|
24
26
|
| `click` | 点击复选框时触发的事件 | `value`:当前复选框的绑定值<br/>`suspend`:等待<br/>`next`:继续<br/>`stop`:停止 | - |
|
|
25
27
|
| `change` | 当绑定值变化时触发的事件 | `value`:当前复选框的绑定值 | - |
|
|
28
|
+
|
|
29
|
+
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
- 由于性能不如原生组件,若数据量较多时推荐使用虚拟列表的形式渲染或者直接使用原生组件
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 代码演示
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
## 基础用法
|
|
12
12
|
|
|
13
13
|
单一的checkbox中,默认绑定变量的值会是Boolean,选中为true
|
|
14
14
|
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
</template>
|
|
23
23
|
```
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
## 禁用
|
|
26
26
|
|
|
27
27
|
通过设置 `disabled` 属性可以禁用复选框, 默认`false`。
|
|
28
28
|
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
</template>
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
## 只读
|
|
42
42
|
|
|
43
43
|
通过设置 `readonly` 属性可以禁用复选框,样式不置灰, 默认`false`。
|
|
44
44
|
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
</template>
|
|
55
55
|
```
|
|
56
56
|
|
|
57
|
-
|
|
57
|
+
## 自定义形状
|
|
58
58
|
|
|
59
59
|
通过设置`shape`为`square`或者`circle`,将复选框设置为方形或者圆形,默认`circle`。
|
|
60
60
|
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
</template>
|
|
71
71
|
```
|
|
72
72
|
|
|
73
|
-
|
|
73
|
+
## 自定义图标大小
|
|
74
74
|
|
|
75
75
|
通过设置 `iconSize` 属性可以自定义图标的大小,单位`rpx`,默认`36`。
|
|
76
76
|
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
</template>
|
|
85
85
|
```
|
|
86
86
|
|
|
87
|
-
|
|
87
|
+
## 自定义图标颜色
|
|
88
88
|
|
|
89
89
|
通过设置 `checkedColor` 属性可以自定义图标的颜色(填充色和边框色),默认`#0090FF`。
|
|
90
90
|
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
</template>
|
|
99
99
|
```
|
|
100
100
|
|
|
101
|
-
|
|
101
|
+
## 自定义图标
|
|
102
102
|
|
|
103
103
|
通过 `icon` 插槽自定义图标,可以通过 `slotProps`下`checked`判断是否为选中状态,`disabled`判断是否为禁止状态,`readonly`判断是否为只读状态。
|
|
104
104
|
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
</template>
|
|
138
138
|
```
|
|
139
139
|
|
|
140
|
-
|
|
140
|
+
## 左侧文本
|
|
141
141
|
|
|
142
142
|
将 `textPosition` 属性设置为 `left`,可以将文本位置调整到复选框左侧。
|
|
143
143
|
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
</template>
|
|
154
154
|
```
|
|
155
155
|
|
|
156
|
-
|
|
156
|
+
## 自定义文本
|
|
157
157
|
|
|
158
158
|
- 通过设置 `textSize` 属性可以自定义文本的大小,单位`rpx`,默认`28`。
|
|
159
159
|
- 通过设置 `textInactiveColor` 属性可以自定义文本未选中颜色,默认`#000000`。
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
</template>
|
|
170
170
|
```
|
|
171
171
|
|
|
172
|
-
|
|
172
|
+
## 回调事件
|
|
173
173
|
|
|
174
174
|
- `click` 点击复选框时触发的事件(可拦截change事件),`value`:改变后的分值,`allowStop`:允许阻止后续的事件触发,:`resolve`:后续的事件执行。
|
|
175
175
|
- `change` 当绑定值变化时触发的事件,`value`:改变后的分值。
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
</template>
|
|
212
212
|
```
|
|
213
213
|
|
|
214
|
-
|
|
214
|
+
## 复选框组
|
|
215
215
|
|
|
216
216
|
需要与`ste-checkbox-group`一起使用,选中值是一个数组,通过`value`绑定在`ste-checkbox-group`上,数组中的项即为选中的`ste-checkbox`的`name`属性设置的值。
|
|
217
217
|
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
</template>
|
|
230
230
|
```
|
|
231
231
|
|
|
232
|
-
|
|
232
|
+
## 复选框组属性和复选框属性
|
|
233
233
|
|
|
234
234
|
属性优先级:`ste-checkbox`组件上配置的属性 > `ste-checkbox-group`组件上配置的属性 > `ste-checkbox`组件默认属性
|
|
235
235
|
|
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
</template>
|
|
248
248
|
```
|
|
249
249
|
|
|
250
|
-
|
|
250
|
+
## 水平排列
|
|
251
251
|
|
|
252
252
|
将 `direction` 属性设置为 `row` 后,复选框组会变成水平排列。
|
|
253
253
|
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
</template>
|
|
266
266
|
```
|
|
267
267
|
|
|
268
|
-
|
|
268
|
+
## 限制最大可选数
|
|
269
269
|
|
|
270
270
|
通过 `max` 属性可以限制复选框组的最大可选数,为`0`则不限制,默认0。
|
|
271
271
|
|
|
@@ -285,11 +285,9 @@
|
|
|
285
285
|
|
|
286
286
|
---$
|
|
287
287
|
|
|
288
|
-
### API
|
|
289
|
-
|
|
290
288
|
<!-- props -->
|
|
291
289
|
|
|
292
|
-
|
|
290
|
+
## CheckboxGroup 组件属性(Props)
|
|
293
291
|
|
|
294
292
|
| 参数 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
295
293
|
| ------------------- | --------------------------------- | --------------- | --------- | --------------------------------- | --------- |
|
|
@@ -310,13 +308,13 @@
|
|
|
310
308
|
| `marginRight` | 右边距,单位rpx | `Number/String` | `0` | - | `v1.10.0` |
|
|
311
309
|
| `columnGap` | 复选框和文本间距,单位rpx | `Number/String` | `16` | - | `v1.10.0` |
|
|
312
310
|
|
|
313
|
-
|
|
311
|
+
## CheckboxGroup Events
|
|
314
312
|
|
|
315
313
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
316
314
|
| -------- | ------------------------ | ----------------------- | -------- |
|
|
317
315
|
| `change` | 当绑定值变化时触发的事件 | `value`:改变后的绑定值 | - |
|
|
318
316
|
|
|
319
|
-
|
|
317
|
+
## Checkbox Slots
|
|
320
318
|
|
|
321
319
|
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
322
320
|
| --------- | -------------- | ------------------------------------------------------------ | -------- |
|
|
@@ -116,7 +116,6 @@
|
|
|
116
116
|
{
|
|
117
117
|
"name": "[event]click",
|
|
118
118
|
"description": "点击复选框时触发的事件",
|
|
119
|
-
"type": "(value:string | number,suspend: ()=>void,next: ()=>void,stop: ()=>void) => void",
|
|
120
119
|
"params": [
|
|
121
120
|
{
|
|
122
121
|
"name": "value",
|
|
@@ -139,7 +138,6 @@
|
|
|
139
138
|
{
|
|
140
139
|
"name": "[event]change",
|
|
141
140
|
"description": "当绑定值变化时触发的事件",
|
|
142
|
-
"type": "(value: string | number) => void",
|
|
143
141
|
"params": [
|
|
144
142
|
{
|
|
145
143
|
"name": "value",
|
|
@@ -148,4 +146,4 @@
|
|
|
148
146
|
]
|
|
149
147
|
}
|
|
150
148
|
]
|
|
151
|
-
}
|
|
149
|
+
}
|