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
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
用于承载用户信息录入的文本框,常用于表单、对话框等场景,对不同内容的信息录入,可拓展形成多种信息录入形式
|
|
4
4
|
---$
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
## 代码演示
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
## 文本输入框
|
|
9
9
|
|
|
10
10
|
- 通过`value`给输入框初始值
|
|
11
11
|
- 支持通过`v-model`双向绑定
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
</template>
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
## 密码输入框
|
|
20
20
|
|
|
21
21
|
```html
|
|
22
22
|
<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
|
- 支持`placeholderStyle`给占位符指定样式
|
|
38
38
|
- 支持`placeholderClass`给占位符指定类名
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
</template>
|
|
47
47
|
```
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
## 禁用&只读
|
|
50
50
|
|
|
51
51
|
```html
|
|
52
52
|
<template>
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
</template>
|
|
58
58
|
```
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
## 字数统计
|
|
61
61
|
|
|
62
62
|
- `showWordLimit`值为`true`时在右下角显示字数统计
|
|
63
63
|
- 当`type`值为`textarea`并且`maxlength`大于0时才会显示
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
</template>
|
|
70
70
|
```
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
## 焦点
|
|
73
73
|
|
|
74
74
|
通过 `focus`值来控制输入框的焦点,支持双向绑定
|
|
75
75
|
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
</template>
|
|
80
80
|
```
|
|
81
81
|
|
|
82
|
-
|
|
82
|
+
## 文本对齐方式
|
|
83
83
|
|
|
84
84
|
```html
|
|
85
85
|
<template>
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
</template>
|
|
89
89
|
```
|
|
90
90
|
|
|
91
|
-
|
|
91
|
+
## 输入框字体
|
|
92
92
|
|
|
93
93
|
```html
|
|
94
94
|
<template>
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
</template>
|
|
98
98
|
```
|
|
99
99
|
|
|
100
|
-
|
|
100
|
+
## 输入框形状
|
|
101
101
|
|
|
102
102
|
```html
|
|
103
103
|
<template>
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
</template>
|
|
107
107
|
```
|
|
108
108
|
|
|
109
|
-
|
|
109
|
+
## 输入框边框
|
|
110
110
|
|
|
111
111
|
```html
|
|
112
112
|
<template>
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
</template>
|
|
116
116
|
```
|
|
117
117
|
|
|
118
|
-
|
|
118
|
+
## 背景色
|
|
119
119
|
|
|
120
120
|
```html
|
|
121
121
|
<template>
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
</template>
|
|
125
125
|
```
|
|
126
126
|
|
|
127
|
-
|
|
127
|
+
## 前后插槽
|
|
128
128
|
|
|
129
129
|
```html
|
|
130
130
|
<template>
|
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
</template>
|
|
145
145
|
```
|
|
146
146
|
|
|
147
|
-
|
|
147
|
+
## 前后插槽-验证码
|
|
148
148
|
|
|
149
149
|
```html
|
|
150
150
|
<template>
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
</script>
|
|
174
174
|
```
|
|
175
175
|
|
|
176
|
-
|
|
176
|
+
## 前置过滤
|
|
177
177
|
|
|
178
178
|
```html
|
|
179
179
|
<script lang="ts" setup>
|
|
@@ -202,16 +202,7 @@
|
|
|
202
202
|
|
|
203
203
|
---$
|
|
204
204
|
|
|
205
|
-
### API
|
|
206
|
-
|
|
207
205
|
<!-- props -->
|
|
208
206
|
|
|
209
|
-
#### 组件插槽(Slots)
|
|
210
|
-
|
|
211
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
212
|
-
| -------- | -------------- | -------- | -------- |
|
|
213
|
-
| `prefix` | 输入框前置内容 | - | - |
|
|
214
|
-
| `suffix` | 输入框后置内容 | - | - |
|
|
215
|
-
|
|
216
207
|
---$
|
|
217
208
|
{{fuyuwei}}
|
|
@@ -238,7 +238,6 @@
|
|
|
238
238
|
{
|
|
239
239
|
"name": "[event]blur",
|
|
240
240
|
"description": "输入框失去焦点事件",
|
|
241
|
-
"type": "(value: string | number) => void",
|
|
242
241
|
"params": [
|
|
243
242
|
{
|
|
244
243
|
"name": "value",
|
|
@@ -249,7 +248,6 @@
|
|
|
249
248
|
{
|
|
250
249
|
"name": "[event]focus",
|
|
251
250
|
"description": "聚焦事件",
|
|
252
|
-
"type": "(value: string | number) => void",
|
|
253
251
|
"params": [
|
|
254
252
|
{
|
|
255
253
|
"name": "value",
|
|
@@ -260,7 +258,6 @@
|
|
|
260
258
|
{
|
|
261
259
|
"name": "[event]confirm",
|
|
262
260
|
"description": "输入框输入键盘右下角点击事件",
|
|
263
|
-
"type": "(value: string | number) => void",
|
|
264
261
|
"params": [
|
|
265
262
|
{
|
|
266
263
|
"name": "value",
|
|
@@ -271,18 +268,30 @@
|
|
|
271
268
|
{
|
|
272
269
|
"name": "[event]clear",
|
|
273
270
|
"description": "清除输入框事件",
|
|
274
|
-
"
|
|
271
|
+
"params": [
|
|
272
|
+
{
|
|
273
|
+
"name": "data",
|
|
274
|
+
"description": "() => void"
|
|
275
|
+
}
|
|
276
|
+
]
|
|
275
277
|
},
|
|
276
278
|
{
|
|
277
279
|
"name": "[event]input",
|
|
278
280
|
"description": "输入事件",
|
|
279
|
-
"type": "(value: string | number) => void",
|
|
280
281
|
"params": [
|
|
281
282
|
{
|
|
282
283
|
"name": "value",
|
|
283
284
|
"description": "输入框的值"
|
|
284
285
|
}
|
|
285
286
|
]
|
|
287
|
+
},
|
|
288
|
+
{
|
|
289
|
+
"name": "[slot]prefix",
|
|
290
|
+
"description": "输入框前置内容"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"name": "[slot]suffix",
|
|
294
|
+
"description": "输入框后置内容"
|
|
286
295
|
}
|
|
287
296
|
]
|
|
288
297
|
}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
折线图主要用来展示数据项随着时间推移的趋势或变化
|
|
4
4
|
---$
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
## 代码演示
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
## 默认配置
|
|
9
9
|
|
|
10
10
|
```html
|
|
11
11
|
<template>
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
</script>
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
## 多图例
|
|
30
30
|
|
|
31
31
|
```html
|
|
32
32
|
<template>
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
</script>
|
|
52
52
|
```
|
|
53
53
|
|
|
54
|
-
|
|
54
|
+
## 曲线
|
|
55
55
|
|
|
56
56
|
```html
|
|
57
57
|
<template>
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
</script>
|
|
77
77
|
```
|
|
78
78
|
|
|
79
|
-
|
|
79
|
+
## 迷你图表
|
|
80
80
|
|
|
81
81
|
```html
|
|
82
82
|
<template>
|
|
@@ -113,9 +113,24 @@
|
|
|
113
113
|
</script>
|
|
114
114
|
```
|
|
115
115
|
|
|
116
|
-
|
|
116
|
+
## 事件
|
|
117
|
+
|
|
118
|
+
- 属性`getImage`: 通过ref来获取实例的base64格式的图片地址,异步方法,需在实例生成后调用。
|
|
119
|
+
|
|
120
|
+
```html
|
|
121
|
+
<template>
|
|
122
|
+
<ste-line-chart :series="series" :categories="categories" ref="lineChart"></ste-line-chart>
|
|
123
|
+
</template>
|
|
124
|
+
<script setup lang="ts">
|
|
125
|
+
import { ref,onMounted } from 'vue';
|
|
126
|
+
let lineChart: any = ref(null);
|
|
127
|
+
onMounted(async () => {
|
|
128
|
+
const base64 = await lineChart.value.getImage()
|
|
129
|
+
}),
|
|
130
|
+
</script>
|
|
131
|
+
```
|
|
117
132
|
|
|
118
|
-
|
|
133
|
+
---$
|
|
119
134
|
|
|
120
135
|
<!-- props -->
|
|
121
136
|
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<script setup lang="ts">
|
|
8
8
|
import uCharts from '../../Charts/Charts';
|
|
9
9
|
let uChartsInstance: { [key: string]: any } = {};
|
|
10
|
-
import { ref, onMounted, computed, type CSSProperties, watch, getCurrentInstance } from 'vue';
|
|
10
|
+
import { ref, onMounted, computed, type CSSProperties, watch, getCurrentInstance, type ComponentPublicInstance } from 'vue';
|
|
11
11
|
import utils from '../../utils/utils';
|
|
12
12
|
import { propsData, propsComponent } from './props';
|
|
13
13
|
import type { ChartsOptions } from '../../Charts/types/index';
|
|
@@ -98,6 +98,39 @@ function tap(e: any) {
|
|
|
98
98
|
charts.value?.touchLegend(e);
|
|
99
99
|
charts.value?.showToolTip(e);
|
|
100
100
|
}
|
|
101
|
+
|
|
102
|
+
const thas = ref<ComponentPublicInstance | null>();
|
|
103
|
+
async function getImage() {
|
|
104
|
+
if (props.canvas2d == false) {
|
|
105
|
+
return new Promise(resolve => {
|
|
106
|
+
uni.canvasToTempFilePath(
|
|
107
|
+
{
|
|
108
|
+
canvasId: canvasId.value,
|
|
109
|
+
success: res => {
|
|
110
|
+
resolve(res.tempFilePath);
|
|
111
|
+
},
|
|
112
|
+
},
|
|
113
|
+
thas.value
|
|
114
|
+
);
|
|
115
|
+
});
|
|
116
|
+
} else {
|
|
117
|
+
return new Promise(resolve => {
|
|
118
|
+
const query = uni.createSelectorQuery().in(thas.value);
|
|
119
|
+
query
|
|
120
|
+
.select('#' + canvasId.value)
|
|
121
|
+
.fields({ node: true, size: true })
|
|
122
|
+
.exec(res => {
|
|
123
|
+
if (res[0]) {
|
|
124
|
+
const canvas = res[0].node;
|
|
125
|
+
resolve(canvas.toDataURL('image/png'));
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
defineExpose({
|
|
132
|
+
getImage,
|
|
133
|
+
});
|
|
101
134
|
</script>
|
|
102
135
|
|
|
103
136
|
<style scoped></style>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 加载类型
|
|
10
10
|
|
|
11
11
|
通过 `type`设置加载动画类型,默认为类型`1`
|
|
12
12
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
</template>
|
|
21
21
|
```
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
## 自定义图标颜色
|
|
24
24
|
|
|
25
25
|
通过 `color` 属性来设置图标的颜色
|
|
26
26
|
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
</template>
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
-
|
|
34
|
+
## 自定义图标大小
|
|
35
35
|
|
|
36
36
|
通过 `size` 属性来设置图标的尺寸大小,单位为 rpx,默认`60`
|
|
37
37
|
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
</template>
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
## 加载文案
|
|
46
46
|
|
|
47
47
|
默认插槽`default`为加载文案
|
|
48
48
|
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
</template>
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
## 垂直排列
|
|
57
57
|
|
|
58
58
|
通过 `vertical` 是否垂直排列图标和文字内容,默认`false`
|
|
59
59
|
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
</template>
|
|
65
65
|
```
|
|
66
66
|
|
|
67
|
-
|
|
67
|
+
## 自定义文本样式
|
|
68
68
|
|
|
69
69
|
- 通过 `textSize`设置文本大小,单位rpx,默认为`28`
|
|
70
70
|
- 通过 `textColor`设置文本颜色,默认和图标颜色同步
|
|
@@ -78,8 +78,6 @@
|
|
|
78
78
|
|
|
79
79
|
---$
|
|
80
80
|
|
|
81
|
-
### API
|
|
82
|
-
|
|
83
81
|
<!-- props -->
|
|
84
82
|
|
|
85
83
|
---$
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `mode` | 登录模式 | `string` | `base` | `base`:基础登录<br/>`mode1`:复杂登录 | - |
|
|
@@ -15,7 +17,7 @@
|
|
|
15
17
|
| `bottomTip` | 底部提示 | `string` | `` | - | - |
|
|
16
18
|
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
### Events
|
|
19
21
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
20
22
|
| ----- | ----- | ------- | -------- |
|
|
21
23
|
| `protocolClick` | 协议点击时触发 | `item`:所点击的协议项 | - |
|
|
@@ -24,3 +26,11 @@
|
|
|
24
26
|
| `tabChange` | 复杂登录时tab切换时触发 | `item`:当前选项卡项 | - |
|
|
25
27
|
| `formDataChange` | 复杂登录时输入框或者下拉框改变时触发 | `data`:所有表单值 | - |
|
|
26
28
|
| `getCode` | 当配置输入类型为验证码时,点击获取验证码时触发 | `suspend`:等待<br/>`next`:继续<br/>`stop`:停止 | - |
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### Slots
|
|
32
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
33
|
+
| ----- | ----- | --- | -------- |
|
|
34
|
+
| `header` | 头部内容 | - | - |
|
|
35
|
+
|
|
36
|
+
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 简单登录
|
|
8
8
|
|
|
9
9
|
- 此组件数组类型的数据都需要传入`key`字段,用于在事件监听中判断
|
|
10
10
|
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
</script>
|
|
66
66
|
```
|
|
67
67
|
|
|
68
|
-
|
|
68
|
+
## 复杂登录 - 示例1
|
|
69
69
|
|
|
70
70
|
- `mode`值为`mode1`时为复杂登录
|
|
71
71
|
- 此时`primaryBtnData`样式不变,`secondaryBtnData`为文字按钮
|
|
@@ -210,7 +210,7 @@
|
|
|
210
210
|
</script>
|
|
211
211
|
```
|
|
212
212
|
|
|
213
|
-
|
|
213
|
+
## 复杂登录 - 示例2
|
|
214
214
|
|
|
215
215
|
- 当`loginGroup`配置为一个数据时,顶部tab栏会隐藏显示
|
|
216
216
|
- 可在单个表单中配置`iconColor`改变图标颜色
|
|
@@ -306,9 +306,9 @@
|
|
|
306
306
|
|
|
307
307
|
---$
|
|
308
308
|
|
|
309
|
-
|
|
309
|
+
<!-- props -->
|
|
310
310
|
|
|
311
|
-
|
|
311
|
+
### BaseConfigItem & ProtocolItem & BtnItem
|
|
312
312
|
|
|
313
313
|
| 属性名 | 说明 | 是否必填 | 类型 |
|
|
314
314
|
| ------- | ------------------------------ | -------- | -------- |
|
|
@@ -316,7 +316,7 @@
|
|
|
316
316
|
| `key` | 标识符 | 是 | `string` |
|
|
317
317
|
| `style` | 对应配置的样式(暂时只支持部分) | 否 | `object` |
|
|
318
318
|
|
|
319
|
-
|
|
319
|
+
### LoginGroupItem
|
|
320
320
|
|
|
321
321
|
| 属性名 | 说明 | 是否必填 | 类型 |
|
|
322
322
|
| ------- | ------------ | -------- | ------------- |
|
|
@@ -324,7 +324,7 @@
|
|
|
324
324
|
| `key` | 标识符 | 是 | `string` |
|
|
325
325
|
| `items` | 输入表单配置 | 是 | `LoginItem[]` |
|
|
326
326
|
|
|
327
|
-
|
|
327
|
+
### LoginItem
|
|
328
328
|
|
|
329
329
|
| 属性名 | 说明 | 是否必填 | 类型 |
|
|
330
330
|
| ------------- | ------------------------------------------------------------- | -------- | ------------------ |
|
|
@@ -338,13 +338,5 @@
|
|
|
338
338
|
| `icon` | 输入框模式下对应的前缀图标code | 否 | `string` |
|
|
339
339
|
| `placeholder` | 输入框模式下对应的placeholder | 否 | `string` |
|
|
340
340
|
|
|
341
|
-
<!-- props -->
|
|
342
|
-
|
|
343
|
-
#### Slots
|
|
344
|
-
|
|
345
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
346
|
-
| -------- | -------- | -------- | -------- |
|
|
347
|
-
| `header` | 头部内容 | - | - |
|
|
348
|
-
|
|
349
341
|
---$
|
|
350
342
|
{{fuyuwei}}
|
|
@@ -62,7 +62,6 @@
|
|
|
62
62
|
"type": "BtnItem[]",
|
|
63
63
|
"default": "[]"
|
|
64
64
|
},
|
|
65
|
-
|
|
66
65
|
{
|
|
67
66
|
"name": "loginGroup",
|
|
68
67
|
"description": "登录表单配置",
|
|
@@ -90,7 +89,6 @@
|
|
|
90
89
|
{
|
|
91
90
|
"name": "[event]protocolClick",
|
|
92
91
|
"description": "协议点击时触发",
|
|
93
|
-
"type": "(item: ProtocolItem) => void",
|
|
94
92
|
"params": [
|
|
95
93
|
{
|
|
96
94
|
"name": "item",
|
|
@@ -101,7 +99,6 @@
|
|
|
101
99
|
{
|
|
102
100
|
"name": "[event]primaryBtnClick",
|
|
103
101
|
"description": "主按钮点击时触发",
|
|
104
|
-
"type": "(item: BtnItem[]) => void",
|
|
105
102
|
"params": [
|
|
106
103
|
{
|
|
107
104
|
"name": "item",
|
|
@@ -112,7 +109,6 @@
|
|
|
112
109
|
{
|
|
113
110
|
"name": "[event]secondaryBtnClick",
|
|
114
111
|
"description": "次要按钮点击时触发",
|
|
115
|
-
"type": "(item: BtnItem[]) => void",
|
|
116
112
|
"params": [
|
|
117
113
|
{
|
|
118
114
|
"name": "item",
|
|
@@ -123,7 +119,6 @@
|
|
|
123
119
|
{
|
|
124
120
|
"name": "[event]tabChange",
|
|
125
121
|
"description": "复杂登录时tab切换时触发",
|
|
126
|
-
"type": "(item: BaseConfigItem[]) => void",
|
|
127
122
|
"params": [
|
|
128
123
|
{
|
|
129
124
|
"name": "item",
|
|
@@ -134,7 +129,6 @@
|
|
|
134
129
|
{
|
|
135
130
|
"name": "[event]formDataChange",
|
|
136
131
|
"description": "复杂登录时输入框或者下拉框改变时触发",
|
|
137
|
-
"type": "(data: {}) => void",
|
|
138
132
|
"params": [
|
|
139
133
|
{
|
|
140
134
|
"name": "data",
|
|
@@ -145,7 +139,6 @@
|
|
|
145
139
|
{
|
|
146
140
|
"name": "[event]getCode",
|
|
147
141
|
"description": "当配置输入类型为验证码时,点击获取验证码时触发",
|
|
148
|
-
"type": "(suspend: ()=>void,next: ()=>void,stop: ()=>void) => void",
|
|
149
142
|
"params": [
|
|
150
143
|
{
|
|
151
144
|
"name": "suspend",
|
|
@@ -160,6 +153,10 @@
|
|
|
160
153
|
"description": "停止"
|
|
161
154
|
}
|
|
162
155
|
]
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"name": "[slot]header",
|
|
159
|
+
"description": "头部内容"
|
|
163
160
|
}
|
|
164
161
|
]
|
|
165
162
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `avatar` | 头像url | `string` | `` | - | - |
|
|
@@ -13,9 +15,11 @@
|
|
|
13
15
|
| `loginTitle` | 未登录标题 | `string` | `` | - | - |
|
|
14
16
|
|
|
15
17
|
|
|
16
|
-
|
|
18
|
+
### Events
|
|
17
19
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
18
20
|
| ----- | ----- | ------- | -------- |
|
|
19
21
|
| `avatar-click` | 头像点击时触发 | - | - |
|
|
20
22
|
| `user-click` | 用户信息点击时触发 | - | - |
|
|
21
23
|
| `loginTitleClick` | 未登录文本点击时触发 | - | - |
|
|
24
|
+
|
|
25
|
+
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
---$
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
## 完整展示
|
|
6
6
|
|
|
7
7
|
```html
|
|
8
8
|
<template>
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
</script>
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
## 未登录
|
|
32
32
|
|
|
33
33
|
- 通过 `loginStatus`设置登录状态,`0`:未登录,`1`:登录,默认为`1`
|
|
34
34
|
- 通过 `loginSrc`设置未登录头像,默认为``
|
|
@@ -44,8 +44,6 @@
|
|
|
44
44
|
|
|
45
45
|
---$
|
|
46
46
|
|
|
47
|
-
### API
|
|
48
|
-
|
|
49
47
|
<!-- props -->
|
|
50
48
|
|
|
51
49
|
---$
|
|
@@ -77,20 +77,17 @@
|
|
|
77
77
|
{
|
|
78
78
|
"name": "[event]avatar-click",
|
|
79
79
|
"description": "头像点击时触发",
|
|
80
|
-
"type": "(]) => void",
|
|
81
80
|
"params": []
|
|
82
81
|
},
|
|
83
82
|
{
|
|
84
83
|
"name": "[event]user-click",
|
|
85
84
|
"description": "用户信息点击时触发",
|
|
86
|
-
"type": "(]) => void",
|
|
87
85
|
"params": []
|
|
88
86
|
},
|
|
89
87
|
{
|
|
90
88
|
"name": "[event]loginTitleClick",
|
|
91
89
|
"description": "未登录文本点击时触发",
|
|
92
|
-
"type": "(]) => void",
|
|
93
90
|
"params": []
|
|
94
91
|
}
|
|
95
92
|
]
|
|
96
|
-
}
|
|
93
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
4
|
+
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
5
|
+
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
6
|
+
| `list` | 数据列表 | `MarqueeItem[]` | `[]` | - | - |
|
|
7
|
+
| `speed` | 滚动速度(px/s) | `number` | `50` | - | - |
|
|
8
|
+
| `pauseOnHover` | 悬停时是否暂停 | `boolean` | `true` | - | - |
|
|
9
|
+
| `loop` | 是否循环播放 | `boolean` | `true` | - | - |
|
|
10
|
+
| `gap` | 消息之间的间距(rpx) | `number` | `20` | - | - |
|
|
11
|
+
| `height` | 容器高度 | `string` | `auto` | - | - |
|
|
12
|
+
| `fillScreen` | 是否填满屏幕宽度 | `boolean` | `false` | - | - |
|
|
13
|
+
| `clickable` | 是否可点击 | `boolean` | `true` | - | - |
|
|
14
|
+
| `containerBg` | 容器背景色 | `string` | `transparent` | - | - |
|
|
15
|
+
| `containerPadding` | 容器内边距 | `string` | `0rpx` | - | - |
|
|
16
|
+
| `containerRadius` | 容器圆角 | `string` | `0rpx` | - | - |
|
|
17
|
+
| `itemBg` | 消息项背景色 | `string` | `transparent` | - | - |
|
|
18
|
+
| `itemPadding` | 消息项内边距 | `string` | `0rpx 20rpx` | - | - |
|
|
19
|
+
| `itemRadius` | 消息项圆角 | `string` | `0rpx` | - | - |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Events
|
|
23
|
+
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
24
|
+
| ----- | ----- | ------- | -------- |
|
|
25
|
+
| `click` | 点击消息时触发 | `item`:点击的数据项<br/>`index`:数据项索引 | - |
|
|
26
|
+
| `complete` | 一轮播放完成时触发 | - | - |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### Methods
|
|
30
|
+
| 方法名 | 说明 | 参数 | 返回值 | 支持版本 |
|
|
31
|
+
| ----- | ----- | --- | ------ | -------- |
|
|
32
|
+
| `play` | 开始播放 | - | - | - |
|
|
33
|
+
| `pause` | 暂停播放 | - | - | - |
|
|
34
|
+
| `resume` | 恢复播放 | - | - | - |
|
|
35
|
+
| `stop` | 停止播放并回到初始位置 | - | - | - |
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
### Slots
|
|
39
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
40
|
+
| ----- | ----- | --- | -------- |
|
|
41
|
+
| `default` | 默认插槽,自定义整个内容区域 | - | - |
|
|
42
|
+
| `item` | 自定义单项内容 | `item`:数据项对象<br/>`index`:数据项索引 | - |
|
|
43
|
+
|
|
44
|
+
|