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,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 徽标内容
|
|
10
10
|
|
|
11
11
|
通过`content`属性,设置子元素的右上角的徽标
|
|
12
12
|
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
</style>
|
|
33
33
|
```
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
## 背景
|
|
36
36
|
|
|
37
37
|
通过`background`属性,设置徽标内容的背景
|
|
38
38
|
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
</style>
|
|
61
61
|
```
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
## 小红点
|
|
64
64
|
|
|
65
65
|
通过`showDot`属性,设置是否显示小红点
|
|
66
66
|
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
</style>
|
|
84
84
|
```
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
## 徽标位置
|
|
87
87
|
|
|
88
88
|
通过`position`属性,设置徽标的位置
|
|
89
89
|
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
</style>
|
|
113
113
|
```
|
|
114
114
|
|
|
115
|
-
|
|
115
|
+
## 偏移
|
|
116
116
|
|
|
117
117
|
当设置了`offsetX`或`offsetY`值时,徽标会基于当前设置徽标位置(`position`)往中心点进行偏移
|
|
118
118
|
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
</style>
|
|
142
142
|
```
|
|
143
143
|
|
|
144
|
-
|
|
144
|
+
## 为0时是否显示徽标
|
|
145
145
|
|
|
146
146
|
当`content`为`Number`类型时并且值等于`0`时,默认不会显示,如果`showZero`为`true`,则会显示
|
|
147
147
|
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
</style>
|
|
162
162
|
```
|
|
163
163
|
|
|
164
|
-
|
|
164
|
+
## 最大值
|
|
165
165
|
|
|
166
166
|
当`content`为`Number`类型时并且值大于`max`时,会显示`{{max}}+`,`max`默认值为`99`
|
|
167
167
|
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
</style>
|
|
185
185
|
```
|
|
186
186
|
|
|
187
|
-
|
|
187
|
+
## 自定义内容
|
|
188
188
|
|
|
189
189
|
通过`content`插槽,自定义徽标的内容
|
|
190
190
|
|
|
@@ -215,17 +215,8 @@
|
|
|
215
215
|
|
|
216
216
|
---$
|
|
217
217
|
|
|
218
|
-
### API
|
|
219
|
-
|
|
220
218
|
<!-- props -->
|
|
221
219
|
|
|
222
|
-
#### 组件插槽(Slots)
|
|
223
|
-
|
|
224
|
-
| 名称 | 说明 | 支持版本 |
|
|
225
|
-
| ------- | -------------- | -------- |
|
|
226
|
-
| default | 默认插槽 | - |
|
|
227
|
-
| content | 自定义徽标内容 | - |
|
|
228
|
-
|
|
229
220
|
---$
|
|
230
221
|
|
|
231
222
|
{{fuyuwei}}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础用法
|
|
10
10
|
|
|
11
11
|
- 属性`series`: 接收图表数据
|
|
12
12
|
- 属性`categories`: 接收图表数据集
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
</script>
|
|
34
34
|
```
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
## 堆叠图
|
|
37
37
|
|
|
38
38
|
- 可以通过属性`extra` 额外配置进行设置
|
|
39
39
|
|
|
@@ -69,9 +69,24 @@
|
|
|
69
69
|
</script>
|
|
70
70
|
```
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
## 事件
|
|
73
|
+
|
|
74
|
+
- 属性`getImage`: 通过ref来获取实例的base64格式的图片地址,异步方法,需在实例生成后调用。
|
|
75
|
+
|
|
76
|
+
```html
|
|
77
|
+
<template>
|
|
78
|
+
<ste-bar-chart :series="series1" :categories="['2018', '2019', '2020']" width="660" height="400" ref="barChart"></ste-bar-chart>
|
|
79
|
+
</template>
|
|
80
|
+
<script setup lang="ts">
|
|
81
|
+
import { ref,onMounted } from 'vue';
|
|
82
|
+
let barChart: any = ref(null);
|
|
83
|
+
onMounted(async () => {
|
|
84
|
+
const base64 = await barChart.value.getImage()
|
|
85
|
+
}),
|
|
86
|
+
</script>
|
|
87
|
+
```
|
|
73
88
|
|
|
74
|
-
|
|
89
|
+
---$
|
|
75
90
|
|
|
76
91
|
<!-- props -->
|
|
77
92
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
<script setup lang="ts">
|
|
8
8
|
import uCharts from '../../Charts/Charts';
|
|
9
|
-
import { ref, onMounted, computed, type CSSProperties, watch, getCurrentInstance } from 'vue';
|
|
9
|
+
import { ref, onMounted, computed, type CSSProperties, watch, getCurrentInstance, type ComponentPublicInstance } from 'vue';
|
|
10
10
|
import utils from '../../utils/utils';
|
|
11
11
|
import { propsData, propsComponent } from './props';
|
|
12
12
|
import type { ChartsOptions, ChartsSerie } from '../../Charts/types/index';
|
|
@@ -95,4 +95,37 @@ function tap(e: any) {
|
|
|
95
95
|
charts.value?.touchLegend(e);
|
|
96
96
|
charts.value?.showToolTip(e);
|
|
97
97
|
}
|
|
98
|
+
|
|
99
|
+
const thas = ref<ComponentPublicInstance | null>();
|
|
100
|
+
async function getImage() {
|
|
101
|
+
if (props.canvas2d == false) {
|
|
102
|
+
return new Promise(resolve => {
|
|
103
|
+
uni.canvasToTempFilePath(
|
|
104
|
+
{
|
|
105
|
+
canvasId: canvasId.value,
|
|
106
|
+
success: res => {
|
|
107
|
+
resolve(res.tempFilePath);
|
|
108
|
+
},
|
|
109
|
+
},
|
|
110
|
+
thas.value
|
|
111
|
+
);
|
|
112
|
+
});
|
|
113
|
+
} else {
|
|
114
|
+
return new Promise(resolve => {
|
|
115
|
+
const query = uni.createSelectorQuery().in(thas.value);
|
|
116
|
+
query
|
|
117
|
+
.select('#' + canvasId.value)
|
|
118
|
+
.fields({ node: true, size: true })
|
|
119
|
+
.exec(res => {
|
|
120
|
+
if (res[0]) {
|
|
121
|
+
const canvas = res[0].node;
|
|
122
|
+
resolve(canvas.toDataURL('image/png'));
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
defineExpose({
|
|
129
|
+
getImage,
|
|
130
|
+
});
|
|
98
131
|
</script>
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `content` | 条形码内容(仅支持数字和字母) | `string` | - | - | - |
|
|
@@ -8,7 +10,9 @@
|
|
|
8
10
|
| `foreground` | 前景色(条形码画笔颜色) | `string` | - | - | - |
|
|
9
11
|
|
|
10
12
|
|
|
11
|
-
|
|
13
|
+
### Events
|
|
12
14
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
13
15
|
| ----- | ----- | ------- | -------- |
|
|
14
16
|
| `loadImage` | 加载完成后返回条形码对应的图片数据 | `src`:图片数据 | - |
|
|
17
|
+
|
|
18
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础使用
|
|
10
10
|
|
|
11
11
|
```html
|
|
12
12
|
<template>
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
</template>
|
|
15
15
|
```
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
## 自定义颜色
|
|
18
18
|
|
|
19
19
|
```html
|
|
20
20
|
<template>
|
|
@@ -24,8 +24,6 @@
|
|
|
24
24
|
|
|
25
25
|
---$
|
|
26
26
|
|
|
27
|
-
### API
|
|
28
|
-
|
|
29
27
|
<!-- props -->
|
|
30
28
|
|
|
31
29
|
---$
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `mode` | 尺寸 | `number` | `200` | `100`:小<br/>`200`:中<br/>`300`:大<br/>`400`:超大 | - |
|
|
@@ -15,18 +17,26 @@
|
|
|
15
17
|
| `rootStyle` | 按钮样式属性 | `object` | - | - | - |
|
|
16
18
|
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
### Events
|
|
19
21
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
20
22
|
| ----- | ----- | ------- | -------- |
|
|
21
|
-
| `click` | 非禁止并且非加载中,才能点击 |
|
|
22
|
-
| `getuserinfo` | 微信小程序:用户点击该按钮时,会返回获取到的用户信息,从返回参数的 detail 中获取到的值同 wx.getUserInfo。支付宝小程序:当 open-type 为 getAuthorize 且 scope 为 userInfo 时有效。当授权成功时触发。 |
|
|
23
|
-
| `contact` | 微信小程序:客服消息回调,open-type="contact"时有效。 |
|
|
24
|
-
| `getphonenumber` | 微信小程序:手机号快速验证回调,open-type=getPhoneNumber时有效。Tips:在触发 bindgetphonenumber 回调后应立即隐藏手机号按钮组件,或置为 disabled 状态,避免用户重复授权手机号产生额外费用。支付宝小程序:当 open-type 为 getAuthorize 且 scope 为 phoneNumber 时有效。当授权成功时触发。 |
|
|
25
|
-
| `getrealtimephonenumber` | 微信小程序:手机号实时验证回调,open-type=getRealtimePhoneNumber 时有效。Tips:在触发 bindgetrealtimephonenumber 回调后应立即隐藏手机号按钮组件,或置为 disabled 状态,避免用户重复授权手机号产生额外费用。 |
|
|
26
|
-
| `agreeprivacyauthorization` | 微信小程序:用户同意隐私协议事件回调,open-type=agreePrivacyAuthorization时有效 (Tips: 如果使用 onNeedPrivacyAuthorization 接口,需要在 bindagreeprivacyauthorization 触发后再调用 resolve({ event: "agree", buttonId })) |
|
|
27
|
-
| `error` | 微信小程序:当使用开放能力时,发生错误的回调,open-type=launchApp时有效 支付宝小程序:当 open-type 为 getAuthorize 时有效。当授权失败时触发。event.detail = {type, errorMessage},此时 type 的值为 getAuthorize。 |
|
|
28
|
-
| `launchapp` | 微信小程序:打开 APP 成功的回调,open-type=launchApp时有效 |
|
|
29
|
-
| `opensetting` | 微信小程序:在打开授权设置页后回调,open-type=openSetting时有效 |
|
|
30
|
-
| `chooseavatar` | 微信小程序:获取用户头像回调,open-type=chooseAvatar时有效。返回 e.detail.avatarUrl 为头像临时文件链接。 |
|
|
31
|
-
| `getAuthorize` | 支付宝小程序:当 open-type 为 getAuthorize 时有效。当授权成功时触发。 |
|
|
32
|
-
| `followLifestyle` | 支付宝小程序:当 open-type 为 lifestyle 时有效。当点击按钮时触发。event.detail = { followStatus },folllowStatus 合法值有 1、2、3,其中 1 表示已关注。2 表示用户不允许关注。3 表示发生未知错误;。 |
|
|
23
|
+
| `click` | 非禁止并且非加载中,才能点击 | `data`:() => void | - |
|
|
24
|
+
| `getuserinfo` | 微信小程序:用户点击该按钮时,会返回获取到的用户信息,从返回参数的 detail 中获取到的值同 wx.getUserInfo。支付宝小程序:当 open-type 为 getAuthorize 且 scope 为 userInfo 时有效。当授权成功时触发。 | `data`:() => void | - |
|
|
25
|
+
| `contact` | 微信小程序:客服消息回调,open-type="contact"时有效。 | `data`:() => void | - |
|
|
26
|
+
| `getphonenumber` | 微信小程序:手机号快速验证回调,open-type=getPhoneNumber时有效。Tips:在触发 bindgetphonenumber 回调后应立即隐藏手机号按钮组件,或置为 disabled 状态,避免用户重复授权手机号产生额外费用。支付宝小程序:当 open-type 为 getAuthorize 且 scope 为 phoneNumber 时有效。当授权成功时触发。 | `data`:() => void | - |
|
|
27
|
+
| `getrealtimephonenumber` | 微信小程序:手机号实时验证回调,open-type=getRealtimePhoneNumber 时有效。Tips:在触发 bindgetrealtimephonenumber 回调后应立即隐藏手机号按钮组件,或置为 disabled 状态,避免用户重复授权手机号产生额外费用。 | `data`:() => void | - |
|
|
28
|
+
| `agreeprivacyauthorization` | 微信小程序:用户同意隐私协议事件回调,open-type=agreePrivacyAuthorization时有效 (Tips: 如果使用 onNeedPrivacyAuthorization 接口,需要在 bindagreeprivacyauthorization 触发后再调用 resolve({ event: "agree", buttonId })) | `data`:() => void | - |
|
|
29
|
+
| `error` | 微信小程序:当使用开放能力时,发生错误的回调,open-type=launchApp时有效 支付宝小程序:当 open-type 为 getAuthorize 时有效。当授权失败时触发。event.detail = {type, errorMessage},此时 type 的值为 getAuthorize。 | `data`:() => void | - |
|
|
30
|
+
| `launchapp` | 微信小程序:打开 APP 成功的回调,open-type=launchApp时有效 | `data`:() => void | - |
|
|
31
|
+
| `opensetting` | 微信小程序:在打开授权设置页后回调,open-type=openSetting时有效 | `data`:() => void | - |
|
|
32
|
+
| `chooseavatar` | 微信小程序:获取用户头像回调,open-type=chooseAvatar时有效。返回 e.detail.avatarUrl 为头像临时文件链接。 | `data`:() => void | - |
|
|
33
|
+
| `getAuthorize` | 支付宝小程序:当 open-type 为 getAuthorize 时有效。当授权成功时触发。 | `data`:() => void | - |
|
|
34
|
+
| `followLifestyle` | 支付宝小程序:当 open-type 为 lifestyle 时有效。当点击按钮时触发。event.detail = { followStatus },folllowStatus 合法值有 1、2、3,其中 1 表示已关注。2 表示用户不允许关注。3 表示发生未知错误;。 | `data`:() => void | - |
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
### Slots
|
|
38
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
39
|
+
| ----- | ----- | --- | -------- |
|
|
40
|
+
| `default` | 默认插槽 | - | - |
|
|
41
|
+
|
|
42
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 按钮大小
|
|
10
10
|
|
|
11
11
|
通过`mode`设置按钮的大小,默认值是`200`
|
|
12
12
|
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
</template>
|
|
20
20
|
```
|
|
21
21
|
|
|
22
|
-
|
|
22
|
+
## 文本颜色
|
|
23
23
|
|
|
24
24
|
通过`color`设置字体颜色
|
|
25
25
|
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
</template>
|
|
30
30
|
```
|
|
31
31
|
|
|
32
|
-
|
|
32
|
+
## 背景
|
|
33
33
|
|
|
34
34
|
通过`background`设置背景,支持纯颜色、背景图、渐变色
|
|
35
35
|
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
</template>
|
|
42
42
|
```
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
## 边框颜色
|
|
45
45
|
|
|
46
46
|
通过`borderColor`设置边框颜色,默认值是`#ffffff`
|
|
47
47
|
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
</template>
|
|
52
52
|
```
|
|
53
53
|
|
|
54
|
-
|
|
54
|
+
## 宽度
|
|
55
55
|
|
|
56
56
|
通过`width`设置宽度,默认值是`auto`
|
|
57
57
|
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
</template>
|
|
67
67
|
```
|
|
68
68
|
|
|
69
|
-
|
|
69
|
+
## 圆角按钮
|
|
70
70
|
|
|
71
71
|
通过`round`设置按钮是否为圆角,默认值是`true`
|
|
72
72
|
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
</template>
|
|
78
78
|
```
|
|
79
79
|
|
|
80
|
-
|
|
80
|
+
## 禁止按钮
|
|
81
81
|
|
|
82
82
|
通过`disabled`设置按钮是否禁止,默认值是`false`
|
|
83
83
|
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
</template>
|
|
88
88
|
```
|
|
89
89
|
|
|
90
|
-
|
|
90
|
+
## 加载中
|
|
91
91
|
|
|
92
92
|
通过`loading`设置是否加载中,默认值是`false`
|
|
93
93
|
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
</template>
|
|
100
100
|
```
|
|
101
101
|
|
|
102
|
-
|
|
102
|
+
## 插槽
|
|
103
103
|
|
|
104
104
|
```html
|
|
105
105
|
<template>
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
</template>
|
|
114
114
|
```
|
|
115
115
|
|
|
116
|
-
|
|
116
|
+
## 超长文字
|
|
117
117
|
|
|
118
118
|
```html
|
|
119
119
|
<template>
|
|
@@ -123,16 +123,8 @@
|
|
|
123
123
|
|
|
124
124
|
---$
|
|
125
125
|
|
|
126
|
-
### API
|
|
127
|
-
|
|
128
126
|
<!-- props -->
|
|
129
127
|
|
|
130
|
-
#### Slots
|
|
131
|
-
|
|
132
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
133
|
-
| --------- | -------- | -------- | -------- |
|
|
134
|
-
| `default` | 按钮内容 | - | - |
|
|
135
|
-
|
|
136
128
|
---$
|
|
137
129
|
{{fuyuwei}}
|
|
138
130
|
|
|
@@ -107,62 +107,126 @@
|
|
|
107
107
|
{
|
|
108
108
|
"name": "[event]click",
|
|
109
109
|
"description": "非禁止并且非加载中,才能点击",
|
|
110
|
-
"
|
|
110
|
+
"params": [
|
|
111
|
+
{
|
|
112
|
+
"name": "data",
|
|
113
|
+
"description": "() => void"
|
|
114
|
+
}
|
|
115
|
+
]
|
|
111
116
|
},
|
|
112
117
|
{
|
|
113
118
|
"name": "[event]getuserinfo",
|
|
114
119
|
"description": "微信小程序:用户点击该按钮时,会返回获取到的用户信息,从返回参数的 detail 中获取到的值同 wx.getUserInfo。支付宝小程序:当 open-type 为 getAuthorize 且 scope 为 userInfo 时有效。当授权成功时触发。",
|
|
115
|
-
"
|
|
120
|
+
"params": [
|
|
121
|
+
{
|
|
122
|
+
"name": "data",
|
|
123
|
+
"description": "() => void"
|
|
124
|
+
}
|
|
125
|
+
]
|
|
116
126
|
},
|
|
117
127
|
{
|
|
118
128
|
"name": "[event]contact",
|
|
119
129
|
"description": "微信小程序:客服消息回调,open-type=\"contact\"时有效。",
|
|
120
|
-
"
|
|
130
|
+
"params": [
|
|
131
|
+
{
|
|
132
|
+
"name": "data",
|
|
133
|
+
"description": "() => void"
|
|
134
|
+
}
|
|
135
|
+
]
|
|
121
136
|
},
|
|
122
137
|
{
|
|
123
138
|
"name": "[event]getphonenumber",
|
|
124
139
|
"description": "微信小程序:手机号快速验证回调,open-type=getPhoneNumber时有效。Tips:在触发 bindgetphonenumber 回调后应立即隐藏手机号按钮组件,或置为 disabled 状态,避免用户重复授权手机号产生额外费用。支付宝小程序:当 open-type 为 getAuthorize 且 scope 为 phoneNumber 时有效。当授权成功时触发。",
|
|
125
|
-
"
|
|
140
|
+
"params": [
|
|
141
|
+
{
|
|
142
|
+
"name": "data",
|
|
143
|
+
"description": "() => void"
|
|
144
|
+
}
|
|
145
|
+
]
|
|
126
146
|
},
|
|
127
147
|
{
|
|
128
148
|
"name": "[event]getrealtimephonenumber",
|
|
129
149
|
"description": "微信小程序:手机号实时验证回调,open-type=getRealtimePhoneNumber 时有效。Tips:在触发 bindgetrealtimephonenumber 回调后应立即隐藏手机号按钮组件,或置为 disabled 状态,避免用户重复授权手机号产生额外费用。",
|
|
130
|
-
"
|
|
150
|
+
"params": [
|
|
151
|
+
{
|
|
152
|
+
"name": "data",
|
|
153
|
+
"description": "() => void"
|
|
154
|
+
}
|
|
155
|
+
]
|
|
131
156
|
},
|
|
132
157
|
{
|
|
133
158
|
"name": "[event]agreeprivacyauthorization",
|
|
134
159
|
"description": "微信小程序:用户同意隐私协议事件回调,open-type=agreePrivacyAuthorization时有效 (Tips: 如果使用 onNeedPrivacyAuthorization 接口,需要在 bindagreeprivacyauthorization 触发后再调用 resolve({ event: \"agree\", buttonId }))",
|
|
135
|
-
"
|
|
160
|
+
"params": [
|
|
161
|
+
{
|
|
162
|
+
"name": "data",
|
|
163
|
+
"description": "() => void"
|
|
164
|
+
}
|
|
165
|
+
]
|
|
136
166
|
},
|
|
137
167
|
{
|
|
138
168
|
"name": "[event]error",
|
|
139
169
|
"description": "微信小程序:当使用开放能力时,发生错误的回调,open-type=launchApp时有效 支付宝小程序:当 open-type 为 getAuthorize 时有效。当授权失败时触发。event.detail = {type, errorMessage},此时 type 的值为 getAuthorize。",
|
|
140
|
-
"
|
|
170
|
+
"params": [
|
|
171
|
+
{
|
|
172
|
+
"name": "data",
|
|
173
|
+
"description": "() => void"
|
|
174
|
+
}
|
|
175
|
+
]
|
|
141
176
|
},
|
|
142
177
|
{
|
|
143
178
|
"name": "[event]launchapp",
|
|
144
179
|
"description": "微信小程序:打开 APP 成功的回调,open-type=launchApp时有效",
|
|
145
|
-
"
|
|
180
|
+
"params": [
|
|
181
|
+
{
|
|
182
|
+
"name": "data",
|
|
183
|
+
"description": "() => void"
|
|
184
|
+
}
|
|
185
|
+
]
|
|
146
186
|
},
|
|
147
187
|
{
|
|
148
188
|
"name": "[event]opensetting",
|
|
149
189
|
"description": "微信小程序:在打开授权设置页后回调,open-type=openSetting时有效",
|
|
150
|
-
"
|
|
190
|
+
"params": [
|
|
191
|
+
{
|
|
192
|
+
"name": "data",
|
|
193
|
+
"description": "() => void"
|
|
194
|
+
}
|
|
195
|
+
]
|
|
151
196
|
},
|
|
152
197
|
{
|
|
153
198
|
"name": "[event]chooseavatar",
|
|
154
199
|
"description": "微信小程序:获取用户头像回调,open-type=chooseAvatar时有效。返回 e.detail.avatarUrl 为头像临时文件链接。",
|
|
155
|
-
"
|
|
200
|
+
"params": [
|
|
201
|
+
{
|
|
202
|
+
"name": "data",
|
|
203
|
+
"description": "() => void"
|
|
204
|
+
}
|
|
205
|
+
]
|
|
156
206
|
},
|
|
157
207
|
{
|
|
158
208
|
"name": "[event]getAuthorize",
|
|
159
209
|
"description": "支付宝小程序:当 open-type 为 getAuthorize 时有效。当授权成功时触发。",
|
|
160
|
-
"
|
|
210
|
+
"params": [
|
|
211
|
+
{
|
|
212
|
+
"name": "data",
|
|
213
|
+
"description": "() => void"
|
|
214
|
+
}
|
|
215
|
+
]
|
|
161
216
|
},
|
|
162
217
|
{
|
|
163
218
|
"name": "[event]followLifestyle",
|
|
164
219
|
"description": "支付宝小程序:当 open-type 为 lifestyle 时有效。当点击按钮时触发。event.detail = { followStatus },folllowStatus 合法值有 1、2、3,其中 1 表示已关注。2 表示用户不允许关注。3 表示发生未知错误;。",
|
|
165
|
-
"
|
|
220
|
+
"params": [
|
|
221
|
+
{
|
|
222
|
+
"name": "data",
|
|
223
|
+
"description": "() => void"
|
|
224
|
+
}
|
|
225
|
+
]
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"name": "[slot]default",
|
|
229
|
+
"description": "默认插槽"
|
|
166
230
|
}
|
|
167
231
|
]
|
|
168
232
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `title` | 尺寸 | `string` | `日期选择` | - | - |
|
|
@@ -30,9 +32,17 @@
|
|
|
30
32
|
| `showScrollbar` | 是否显示滚动条 | `boolean` | `true` | - | `1.22.27` |
|
|
31
33
|
|
|
32
34
|
|
|
33
|
-
|
|
35
|
+
### Events
|
|
34
36
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
35
37
|
| ----- | ----- | ------- | -------- |
|
|
36
38
|
| `select` | 选择日期时触发 | `days`:选中的日期列表<br/>`day`:当前选中的日期 | - |
|
|
37
39
|
| `confirm` | 点击确定按钮时触发 | `days`:当前选中的日期列表 | - |
|
|
38
40
|
| `view-month` | 页面展示月份发生变化时触发 | `month`:当前页面上显示的月份 | - |
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
### Methods
|
|
44
|
+
| 方法名 | 说明 | 参数 | 返回值 | 支持版本 |
|
|
45
|
+
| ----- | ----- | --- | ------ | -------- |
|
|
46
|
+
| `showMonth` | 设置默认展示的月份 | - | - | - |
|
|
47
|
+
|
|
48
|
+
|