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
|
@@ -117,7 +117,6 @@
|
|
|
117
117
|
{
|
|
118
118
|
"name": "[event]change",
|
|
119
119
|
"description": "输入值value改变时触发",
|
|
120
|
-
"type": "(value: string) => void",
|
|
121
120
|
"params": [
|
|
122
121
|
{
|
|
123
122
|
"name": "value",
|
|
@@ -128,17 +127,26 @@
|
|
|
128
127
|
{
|
|
129
128
|
"name": "[event]clear",
|
|
130
129
|
"description": "清空按钮点击事件",
|
|
131
|
-
"
|
|
130
|
+
"params": [
|
|
131
|
+
{
|
|
132
|
+
"name": "data",
|
|
133
|
+
"description": "() => void"
|
|
134
|
+
}
|
|
135
|
+
]
|
|
132
136
|
},
|
|
133
137
|
{
|
|
134
138
|
"name": "[event]backspace",
|
|
135
139
|
"description": "删除按钮点击事件",
|
|
136
|
-
"
|
|
140
|
+
"params": [
|
|
141
|
+
{
|
|
142
|
+
"name": "data",
|
|
143
|
+
"description": "() => void"
|
|
144
|
+
}
|
|
145
|
+
]
|
|
137
146
|
},
|
|
138
147
|
{
|
|
139
148
|
"name": "[event]confirm",
|
|
140
149
|
"description": "确认按钮点击事件",
|
|
141
|
-
"type": "(value:string) => void",
|
|
142
150
|
"params": [
|
|
143
151
|
{
|
|
144
152
|
"name": "value",
|
|
@@ -149,7 +157,6 @@
|
|
|
149
157
|
{
|
|
150
158
|
"name": "[event]click",
|
|
151
159
|
"description": "点击功能键(确认/删除/清除)之外的键盘触发",
|
|
152
|
-
"type": "(key:string) => void",
|
|
153
160
|
"params": [
|
|
154
161
|
{
|
|
155
162
|
"name": "key",
|
|
@@ -160,7 +167,6 @@
|
|
|
160
167
|
{
|
|
161
168
|
"name": "[event]beforeinput",
|
|
162
169
|
"description": "输入之前触发,功能键之外的键盘点击时为输入",
|
|
163
|
-
"type": "(key: string, suspend: () => void, next: () => void, stop: () => void) => void",
|
|
164
170
|
"params": [
|
|
165
171
|
{
|
|
166
172
|
"name": "key",
|
|
@@ -183,13 +189,30 @@
|
|
|
183
189
|
{
|
|
184
190
|
"name": "[event]open",
|
|
185
191
|
"description": "打开弹窗键盘触发",
|
|
186
|
-
"
|
|
192
|
+
"params": [
|
|
193
|
+
{
|
|
194
|
+
"name": "data",
|
|
195
|
+
"description": "() => void"
|
|
196
|
+
}
|
|
197
|
+
]
|
|
187
198
|
},
|
|
188
199
|
{
|
|
189
200
|
"name": "[event]close",
|
|
190
201
|
"description": "关闭弹窗键盘触发",
|
|
191
|
-
"
|
|
202
|
+
"params": [
|
|
203
|
+
{
|
|
204
|
+
"name": "data",
|
|
205
|
+
"description": "() => void"
|
|
206
|
+
}
|
|
207
|
+
]
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "[slot]default",
|
|
211
|
+
"description": "弹窗标题插槽"
|
|
192
212
|
},
|
|
193
|
-
{
|
|
213
|
+
{
|
|
214
|
+
"name": "[slot]header",
|
|
215
|
+
"description": "在键盘上方显示的内容"
|
|
216
|
+
}
|
|
194
217
|
]
|
|
195
218
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `background` | 组件背景色 | `string` | `#fff` | - | - |
|
|
@@ -19,9 +21,11 @@
|
|
|
19
21
|
| `showMore` | 是否显示更多 | `boolean` | `false` | - | - |
|
|
20
22
|
|
|
21
23
|
|
|
22
|
-
|
|
24
|
+
### Events
|
|
23
25
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
24
26
|
| ----- | ----- | ------- | -------- |
|
|
25
27
|
| `click-header` | 点击头部触发 | `type`:点击的区域类型(可选值:`empty`,`image`, `title`, `status`, `tag`, `helper`) | - |
|
|
26
28
|
| `click-item` | 点击商品项触发 | `type`:点击的区域类型(可选值:`empty`,`image`, `title`, `sub-title`, `details`)<br/>`item`:当前点击的数据项 | - |
|
|
27
29
|
| `click-button` | 点击底部按钮触发 | `type`:点击的按钮类型(可选值:`primary`,`secondary`, `more`) | - |
|
|
30
|
+
|
|
31
|
+
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 基础用法(一条数据)
|
|
8
8
|
|
|
9
9
|
- 属性`title`用于设置组件标题
|
|
10
10
|
- 属性`image`用于设置标题图片
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
</template>
|
|
42
42
|
```
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
## 显示详情(一条数据)
|
|
45
45
|
|
|
46
46
|
- 属性`show-detail`用于设置商品信息下是否显示详情字样(多条数据无效)
|
|
47
47
|
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
</template>
|
|
73
73
|
```
|
|
74
74
|
|
|
75
|
-
|
|
75
|
+
## 基础用法(多条数据)
|
|
76
76
|
|
|
77
77
|
```html
|
|
78
78
|
<script setup lang="ts">
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
</template>
|
|
112
112
|
```
|
|
113
113
|
|
|
114
|
-
|
|
114
|
+
## 显示更多
|
|
115
115
|
|
|
116
116
|
- 属性`show-more`设置下方按钮左侧是否显示更多字样
|
|
117
117
|
|
|
@@ -154,8 +154,6 @@
|
|
|
154
154
|
|
|
155
155
|
---$
|
|
156
156
|
|
|
157
|
-
### API
|
|
158
|
-
|
|
159
157
|
<!-- props -->
|
|
160
158
|
|
|
161
159
|
---$
|
|
@@ -95,7 +95,6 @@
|
|
|
95
95
|
{
|
|
96
96
|
"name": "[event]click-header",
|
|
97
97
|
"description": "点击头部触发",
|
|
98
|
-
"type": "(type: 'empty' | 'title' | 'image' | 'status' | 'tag' | 'helper') => void",
|
|
99
98
|
"params": [
|
|
100
99
|
{
|
|
101
100
|
"name": "type",
|
|
@@ -106,7 +105,6 @@
|
|
|
106
105
|
{
|
|
107
106
|
"name": "[event]click-item",
|
|
108
107
|
"description": "点击商品项触发",
|
|
109
|
-
"type": "(type: 'empty' | 'image' | 'title' | 'sub-title' | 'details'; item: OrderGoods) => void",
|
|
110
108
|
"params": [
|
|
111
109
|
{
|
|
112
110
|
"name": "type",
|
|
@@ -121,7 +119,6 @@
|
|
|
121
119
|
{
|
|
122
120
|
"name": "[event]click-button",
|
|
123
121
|
"description": "点击底部按钮触发",
|
|
124
|
-
"type": "(type: 'primary' | 'secondary' | 'more') => void",
|
|
125
122
|
"params": [
|
|
126
123
|
{
|
|
127
124
|
"name": "type",
|
|
@@ -130,4 +127,4 @@
|
|
|
130
127
|
]
|
|
131
128
|
}
|
|
132
129
|
]
|
|
133
|
-
}
|
|
130
|
+
}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础用法
|
|
10
10
|
|
|
11
11
|
- 属性`series`: 接收图表数据
|
|
12
12
|
- 属性`width`:设置图表宽度
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
</script>
|
|
33
33
|
```
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
## 带分割线+渐变色
|
|
36
36
|
|
|
37
37
|
- 可以通过属性`extra` 额外配置进行设置
|
|
38
38
|
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
</script>
|
|
58
58
|
```
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
## 显示Label
|
|
61
61
|
|
|
62
62
|
- 属性`dataLabel`:是否显示Label
|
|
63
63
|
|
|
@@ -81,9 +81,24 @@
|
|
|
81
81
|
</script>
|
|
82
82
|
```
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
## 事件
|
|
85
|
+
|
|
86
|
+
- 属性`getImage`: 通过ref来获取实例的base64格式的图片地址,异步方法,需在实例生成后调用。
|
|
87
|
+
|
|
88
|
+
```html
|
|
89
|
+
<template>
|
|
90
|
+
<ste-pie-chart :series="series1" width="420" height="420" :enableScroll="false" ref="pieChart"></ste-pie-chart>
|
|
91
|
+
</template>
|
|
92
|
+
<script setup lang="ts">
|
|
93
|
+
import { ref,onMounted } from 'vue';
|
|
94
|
+
let pieChart: any = ref(null);
|
|
95
|
+
onMounted(async () => {
|
|
96
|
+
const base64 = await pieChart.value.getImage()
|
|
97
|
+
}),
|
|
98
|
+
</script>
|
|
99
|
+
```
|
|
85
100
|
|
|
86
|
-
|
|
101
|
+
---$
|
|
87
102
|
|
|
88
103
|
<!-- props -->
|
|
89
104
|
|
|
@@ -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';
|
|
@@ -97,6 +97,39 @@ function tap(e: any) {
|
|
|
97
97
|
charts.value?.touchLegend(e);
|
|
98
98
|
charts.value?.showToolTip(e);
|
|
99
99
|
}
|
|
100
|
+
|
|
101
|
+
const thas = ref<ComponentPublicInstance | null>();
|
|
102
|
+
async function getImage() {
|
|
103
|
+
if (props.canvas2d == false) {
|
|
104
|
+
return new Promise(resolve => {
|
|
105
|
+
uni.canvasToTempFilePath(
|
|
106
|
+
{
|
|
107
|
+
canvasId: canvasId.value,
|
|
108
|
+
success: res => {
|
|
109
|
+
resolve(res.tempFilePath);
|
|
110
|
+
},
|
|
111
|
+
},
|
|
112
|
+
thas.value
|
|
113
|
+
);
|
|
114
|
+
});
|
|
115
|
+
} else {
|
|
116
|
+
return new Promise(resolve => {
|
|
117
|
+
const query = uni.createSelectorQuery().in(thas.value);
|
|
118
|
+
query
|
|
119
|
+
.select('#' + canvasId.value)
|
|
120
|
+
.fields({ node: true, size: true })
|
|
121
|
+
.exec(res => {
|
|
122
|
+
if (res[0]) {
|
|
123
|
+
const canvas = res[0].node;
|
|
124
|
+
resolve(canvas.toDataURL('image/png'));
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
defineExpose({
|
|
131
|
+
getImage,
|
|
132
|
+
});
|
|
100
133
|
</script>
|
|
101
134
|
|
|
102
135
|
<style scoped></style>
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `show` | 是否显示弹出层,使用v-model修饰符来双向绑定 | `boolean` | `false` | - | - |
|
|
@@ -16,9 +18,17 @@
|
|
|
16
18
|
| `keepContent` | 隐藏后是否不销毁弹窗内容元素 | `boolean` | `true` | - | - |
|
|
17
19
|
|
|
18
20
|
|
|
19
|
-
|
|
21
|
+
### Events
|
|
20
22
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
21
23
|
| ----- | ----- | ------- | -------- |
|
|
22
|
-
| `close` | 弹窗关闭动画执行完毕事件 |
|
|
23
|
-
| `open` | 弹窗打开动画执行完毕事件 |
|
|
24
|
-
| `maskClick` | 点击遮罩时触发 |
|
|
24
|
+
| `close` | 弹窗关闭动画执行完毕事件 | `data`:() => void | - |
|
|
25
|
+
| `open` | 弹窗打开动画执行完毕事件 | `data`:() => void | - |
|
|
26
|
+
| `maskClick` | 点击遮罩时触发 | `data`:() => void | - |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### Slots
|
|
30
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
31
|
+
| ----- | ----- | --- | -------- |
|
|
32
|
+
| `default` | 内容部分插槽 | - | - |
|
|
33
|
+
|
|
34
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础使用
|
|
10
10
|
|
|
11
11
|
通过属性`show`来控制弹出层的显隐,使用`v-model`修饰符来双向绑定
|
|
12
12
|
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
</template>
|
|
24
24
|
```
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
## 背景色
|
|
27
27
|
|
|
28
28
|
```html
|
|
29
29
|
<script setup lang="ts">
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
</template>
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
## 是否遮罩关闭
|
|
42
42
|
|
|
43
43
|
默认可点击遮罩关闭弹窗
|
|
44
44
|
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
</template>
|
|
65
65
|
```
|
|
66
66
|
|
|
67
|
-
|
|
67
|
+
## 大小
|
|
68
68
|
|
|
69
69
|
- 默认弹出层的内容区域是没有高度的,如果不设置宽高则会由内容撑开
|
|
70
70
|
- 支持具体数值(单位为rpx)、百分比
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
</template>
|
|
92
92
|
```
|
|
93
93
|
|
|
94
|
-
|
|
94
|
+
## 位置
|
|
95
95
|
|
|
96
96
|
弹出位置支持上(`top`)、下(`bottom`)、左(`left`)、右(`right`)、中(`center`),默认弹出位置为中(`center`)
|
|
97
97
|
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
</template>
|
|
136
136
|
```
|
|
137
137
|
|
|
138
|
-
|
|
138
|
+
## 圆角
|
|
139
139
|
|
|
140
140
|
- 若组件圆角不满足需求,可以不设置圆角,在插槽内容中自己设置圆角
|
|
141
141
|
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
</template>
|
|
153
153
|
```
|
|
154
154
|
|
|
155
|
-
|
|
155
|
+
## 偏移
|
|
156
156
|
|
|
157
157
|
```html
|
|
158
158
|
<script setup lang="ts">
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
</template>
|
|
168
168
|
```
|
|
169
169
|
|
|
170
|
-
|
|
170
|
+
## 动画执行时间
|
|
171
171
|
|
|
172
172
|
```html
|
|
173
173
|
<script setup lang="ts">
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
</template>
|
|
183
183
|
```
|
|
184
184
|
|
|
185
|
-
|
|
185
|
+
## 异步关闭
|
|
186
186
|
|
|
187
187
|
监听关闭事件,通过执行事件抛出的`allowStop`方法阻止关闭,等待异步操作完成后,当可关闭时再执行`resolve`方法
|
|
188
188
|
|
|
@@ -209,15 +209,7 @@
|
|
|
209
209
|
|
|
210
210
|
---$
|
|
211
211
|
|
|
212
|
-
### API
|
|
213
|
-
|
|
214
212
|
<!-- props -->
|
|
215
213
|
|
|
216
|
-
#### 组件插槽(Slots)
|
|
217
|
-
|
|
218
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
219
|
-
| ------- | ------------ | -------- | -------- |
|
|
220
|
-
| default | 内容部分插槽 | - | - |
|
|
221
|
-
|
|
222
214
|
---$
|
|
223
215
|
{{fuyuwei}}
|
|
@@ -28,7 +28,6 @@
|
|
|
28
28
|
"type": "string | number",
|
|
29
29
|
"default": "auto"
|
|
30
30
|
},
|
|
31
|
-
|
|
32
31
|
{
|
|
33
32
|
"name": "height",
|
|
34
33
|
"description": "内容区高度",
|
|
@@ -106,17 +105,36 @@
|
|
|
106
105
|
{
|
|
107
106
|
"name": "[event]close",
|
|
108
107
|
"description": "弹窗关闭动画执行完毕事件",
|
|
109
|
-
"
|
|
108
|
+
"params": [
|
|
109
|
+
{
|
|
110
|
+
"name": "data",
|
|
111
|
+
"description": "() => void"
|
|
112
|
+
}
|
|
113
|
+
]
|
|
110
114
|
},
|
|
111
115
|
{
|
|
112
116
|
"name": "[event]open",
|
|
113
117
|
"description": "弹窗打开动画执行完毕事件",
|
|
114
|
-
"
|
|
118
|
+
"params": [
|
|
119
|
+
{
|
|
120
|
+
"name": "data",
|
|
121
|
+
"description": "() => void"
|
|
122
|
+
}
|
|
123
|
+
]
|
|
115
124
|
},
|
|
116
125
|
{
|
|
117
126
|
"name": "[event]maskClick",
|
|
118
127
|
"description": "点击遮罩时触发",
|
|
119
|
-
"
|
|
128
|
+
"params": [
|
|
129
|
+
{
|
|
130
|
+
"name": "data",
|
|
131
|
+
"description": "() => void"
|
|
132
|
+
}
|
|
133
|
+
]
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"name": "[slot]default",
|
|
137
|
+
"description": "内容部分插槽"
|
|
120
138
|
}
|
|
121
139
|
]
|
|
122
140
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `value` | 金额 默认值 0 | `string / number` | `0` | - | - |
|
|
@@ -20,7 +22,9 @@
|
|
|
20
22
|
| `formatter` | 格式化函数 | `function` | - | - | - |
|
|
21
23
|
|
|
22
24
|
|
|
23
|
-
|
|
25
|
+
### Events
|
|
24
26
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
25
27
|
| ----- | ----- | ------- | -------- |
|
|
26
|
-
| `click` | 点击事件 |
|
|
28
|
+
| `click` | 点击事件 | `data`:() => void | - |
|
|
29
|
+
|
|
30
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 金额单位
|
|
10
10
|
|
|
11
11
|
- 默认金额单位为分,会将`value`值除以`100`
|
|
12
12
|
- 金额单位为元时,`valueUnit`赋值`yuan`,此时将只显示元的部分
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</template>
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
## 隐藏金额符号
|
|
22
22
|
|
|
23
23
|
- 使用`showUnit`可以控制金额符号是否显示
|
|
24
24
|
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
</template>
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
## 自定义金额符号
|
|
32
32
|
|
|
33
33
|
- 使用`unitSymbol`可以自定义金额符号
|
|
34
34
|
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
</template>
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
## 自定义精度
|
|
42
42
|
|
|
43
43
|
- 使用`digits`可以自定义精度
|
|
44
44
|
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
</template>
|
|
49
49
|
```
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
## 金额文字尺寸
|
|
52
52
|
|
|
53
53
|
金额文字尺寸单位为`rpx`
|
|
54
54
|
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
</template>
|
|
59
59
|
```
|
|
60
60
|
|
|
61
|
-
|
|
61
|
+
## 金额文字颜色
|
|
62
62
|
|
|
63
63
|
```html
|
|
64
64
|
<template>
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
</template>
|
|
67
67
|
```
|
|
68
68
|
|
|
69
|
-
|
|
69
|
+
## 划线价 & 划线价颜色
|
|
70
70
|
|
|
71
71
|
- 划线价颜色属性只在开启了划线价模式时才生效
|
|
72
72
|
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
</template>
|
|
78
78
|
```
|
|
79
79
|
|
|
80
|
-
|
|
80
|
+
## 金额样式
|
|
81
81
|
|
|
82
82
|
- 当`styleType`值为`1`时,数字字号统一,
|
|
83
83
|
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
</template>
|
|
105
105
|
```
|
|
106
106
|
|
|
107
|
-
|
|
107
|
+
## 金额字重
|
|
108
108
|
|
|
109
109
|
- 当`bold`为`true`时,金额文本为粗体字
|
|
110
110
|
|
|
@@ -116,8 +116,6 @@
|
|
|
116
116
|
|
|
117
117
|
---$
|
|
118
118
|
|
|
119
|
-
### API
|
|
120
|
-
|
|
121
119
|
<!-- props -->
|
|
122
120
|
|
|
123
121
|
---$
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `activeBg` | 激活状态下的背景色 | `string` | `#0090ff` | - | - |
|
|
@@ -16,3 +18,9 @@
|
|
|
16
18
|
| `stageData` | 阶段配置信息,该值存在时percentage将不生效 | `object` | `{}` | - | - |
|
|
17
19
|
|
|
18
20
|
|
|
21
|
+
### Slots
|
|
22
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
23
|
+
| ----- | ----- | --- | -------- |
|
|
24
|
+
| `default` | 进度条内容 | - | - |
|
|
25
|
+
|
|
26
|
+
|