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,17 +4,17 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
7
|
+
- APP兼容性问题
|
|
8
|
+
- APP对于视频预览只支持单个视频预览
|
|
9
|
+
- 不支持视频图片混合预览
|
|
10
|
+
- APP预览多个媒体时,统一当作图片处理
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
## 代码演示
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
## 基础用法
|
|
15
15
|
|
|
16
|
-
-
|
|
17
|
-
-
|
|
16
|
+
- `show`属性控制是否展示预览弹窗,支持`sync`双向绑定
|
|
17
|
+
- `urls`属性为要预览的媒体URL数组
|
|
18
18
|
|
|
19
19
|
```html
|
|
20
20
|
<template>
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
</script>
|
|
36
36
|
```
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
## 自动轮播
|
|
39
39
|
|
|
40
|
-
-
|
|
40
|
+
- `autoplay`属性控制自动轮播间隔时间,单位为毫秒,为`0`时不轮播
|
|
41
41
|
|
|
42
42
|
```html
|
|
43
43
|
<template>
|
|
@@ -59,9 +59,9 @@
|
|
|
59
59
|
</script>
|
|
60
60
|
```
|
|
61
61
|
|
|
62
|
-
|
|
62
|
+
## 前后衔接循环播放
|
|
63
63
|
|
|
64
|
-
-
|
|
64
|
+
- `loop`属性可开启前后衔接循环播放
|
|
65
65
|
|
|
66
66
|
```html
|
|
67
67
|
<template>
|
|
@@ -84,9 +84,9 @@
|
|
|
84
84
|
</script>
|
|
85
85
|
```
|
|
86
86
|
|
|
87
|
-
|
|
87
|
+
## 默认展示下标为2的媒体资源
|
|
88
88
|
|
|
89
|
-
-
|
|
89
|
+
- `index`属性可控制从第几页开始展示
|
|
90
90
|
|
|
91
91
|
```html
|
|
92
92
|
<template>
|
|
@@ -109,9 +109,9 @@
|
|
|
109
109
|
</script>
|
|
110
110
|
```
|
|
111
111
|
|
|
112
|
-
|
|
112
|
+
## 隐藏左下角索引标签
|
|
113
113
|
|
|
114
|
-
-
|
|
114
|
+
- `showIndex`属性可控制左下角页签显示
|
|
115
115
|
|
|
116
116
|
```html
|
|
117
117
|
<template>
|
|
@@ -134,9 +134,9 @@
|
|
|
134
134
|
</script>
|
|
135
135
|
```
|
|
136
136
|
|
|
137
|
-
|
|
137
|
+
## 双指缩放
|
|
138
138
|
|
|
139
|
-
-
|
|
139
|
+
- `scale`属性可开启双指缩放功能
|
|
140
140
|
|
|
141
141
|
```html
|
|
142
142
|
<template>
|
|
@@ -159,9 +159,9 @@
|
|
|
159
159
|
</script>
|
|
160
160
|
```
|
|
161
161
|
|
|
162
|
-
|
|
162
|
+
## 长按触发事件
|
|
163
163
|
|
|
164
|
-
-
|
|
164
|
+
- 事件`longpress`在用户长按时触发
|
|
165
165
|
|
|
166
166
|
```html
|
|
167
167
|
<template>
|
|
@@ -190,10 +190,10 @@
|
|
|
190
190
|
</script>
|
|
191
191
|
```
|
|
192
192
|
|
|
193
|
-
|
|
193
|
+
## 关闭前/后事件
|
|
194
194
|
|
|
195
|
-
-
|
|
196
|
-
-
|
|
195
|
+
- 事件`beforeClose`在关闭前被触发
|
|
196
|
+
- 事件`close`在关闭后被触发
|
|
197
197
|
|
|
198
198
|
```html
|
|
199
199
|
<template>
|
|
@@ -244,16 +244,7 @@
|
|
|
244
244
|
|
|
245
245
|
---$
|
|
246
246
|
|
|
247
|
-
### API
|
|
248
|
-
|
|
249
247
|
<!-- props -->
|
|
250
248
|
|
|
251
|
-
#### 组件插槽(Slots)
|
|
252
|
-
|
|
253
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
254
|
-
| ------- | ------------ | -------- | -------- |
|
|
255
|
-
| default | 默认插槽:图片底部居中展示 | - | - |
|
|
256
|
-
|
|
257
|
-
|
|
258
249
|
---$
|
|
259
250
|
{{xuyajun}}
|
|
@@ -61,17 +61,26 @@
|
|
|
61
61
|
{
|
|
62
62
|
"name": "[event]beforeClose",
|
|
63
63
|
"description": "关闭前触发",
|
|
64
|
-
"
|
|
64
|
+
"params": [
|
|
65
|
+
{
|
|
66
|
+
"name": "data",
|
|
67
|
+
"description": "() => void"
|
|
68
|
+
}
|
|
69
|
+
]
|
|
65
70
|
},
|
|
66
71
|
{
|
|
67
72
|
"name": "[event]close",
|
|
68
73
|
"description": "关闭后触发",
|
|
69
|
-
"
|
|
74
|
+
"params": [
|
|
75
|
+
{
|
|
76
|
+
"name": "data",
|
|
77
|
+
"description": "() => void"
|
|
78
|
+
}
|
|
79
|
+
]
|
|
70
80
|
},
|
|
71
81
|
{
|
|
72
82
|
"name": "[event]change",
|
|
73
83
|
"description": "切换时触发",
|
|
74
|
-
"type": "(index: number) => void",
|
|
75
84
|
"params": [
|
|
76
85
|
{
|
|
77
86
|
"name": "index",
|
|
@@ -82,13 +91,16 @@
|
|
|
82
91
|
{
|
|
83
92
|
"name": "[event]longpress",
|
|
84
93
|
"description": "长按时触发",
|
|
85
|
-
"type": "(index: number) => void",
|
|
86
94
|
"params": [
|
|
87
95
|
{
|
|
88
96
|
"name": "index",
|
|
89
97
|
"description": "当前下标"
|
|
90
98
|
}
|
|
91
99
|
]
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"name": "[slot]default",
|
|
103
|
+
"description": "默认插槽:图片底部居中展示"
|
|
92
104
|
}
|
|
93
105
|
]
|
|
94
106
|
}
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 使用方法
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 组合函数使用方法
|
|
10
10
|
|
|
11
11
|
ps:注意 目前 useMessageBox 只能在 setup 作用域下使用
|
|
12
12
|
父组件引入组件 组合函数调用showMsgBox方法,打开轻提示
|
|
@@ -25,7 +25,7 @@ ps:注意 目前 useMessageBox 只能在 setup 作用域下使用
|
|
|
25
25
|
</template>
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
## Ref用法
|
|
29
29
|
|
|
30
30
|
父组件引入组件 绑定ref 通过ref调用showMsgBox方法,打开轻提示
|
|
31
31
|
|
|
@@ -46,7 +46,7 @@ ps:注意 目前 useMessageBox 只能在 setup 作用域下使用
|
|
|
46
46
|
</template>
|
|
47
47
|
```
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
## 全局引入
|
|
50
50
|
|
|
51
51
|
配合 [https://github.com/smartXJ/vue3-inset-loader](https://github.com/smartXJ/vue3-inset-loader) 插件, 将 ste-message-box 节点置于每个页面中,可以更进一步简化使用
|
|
52
52
|
|
|
@@ -61,9 +61,9 @@ insetLoader: {
|
|
|
61
61
|
}
|
|
62
62
|
```
|
|
63
63
|
|
|
64
|
-
|
|
64
|
+
## 代码演示
|
|
65
65
|
|
|
66
|
-
|
|
66
|
+
## 基础使用
|
|
67
67
|
|
|
68
68
|
可在标题(`title`)和内容(`content`)中使用`\n`来实现换行
|
|
69
69
|
|
|
@@ -83,7 +83,7 @@ insetLoader: {
|
|
|
83
83
|
</script>
|
|
84
84
|
```
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
## 带图标
|
|
87
87
|
|
|
88
88
|
- 内置三种图标类型:`info`、`success`、`error`
|
|
89
89
|
- 当显示图标时,内容(`content`)会失效,只显示标题(`title`)
|
|
@@ -119,7 +119,7 @@ insetLoader: {
|
|
|
119
119
|
</script>
|
|
120
120
|
```
|
|
121
121
|
|
|
122
|
-
|
|
122
|
+
## 自定义按钮
|
|
123
123
|
|
|
124
124
|
```html
|
|
125
125
|
<template>
|
|
@@ -163,7 +163,7 @@ insetLoader: {
|
|
|
163
163
|
</script>
|
|
164
164
|
```
|
|
165
165
|
|
|
166
|
-
|
|
166
|
+
## 显示输入框
|
|
167
167
|
|
|
168
168
|
当显示输入框时,内容(`content`)将不显示
|
|
169
169
|
|
|
@@ -188,7 +188,7 @@ insetLoader: {
|
|
|
188
188
|
</script>
|
|
189
189
|
```
|
|
190
190
|
|
|
191
|
-
|
|
191
|
+
## 插槽
|
|
192
192
|
|
|
193
193
|
如果提供的弹框内容不满足需求,可以使用插槽自定义弹框内容。
|
|
194
194
|
可以通过指定唯一标识`selector`的方式,在一个页面中使用多个`ste-message-box`,`useSteMsgBox(selector)`会返回一个指定了selector的组件实例。
|
|
@@ -216,7 +216,7 @@ insetLoader: {
|
|
|
216
216
|
</script>
|
|
217
217
|
```
|
|
218
218
|
|
|
219
|
-
|
|
219
|
+
## 回调事件
|
|
220
220
|
|
|
221
221
|
```html
|
|
222
222
|
<template>
|
|
@@ -263,8 +263,6 @@ insetLoader: {
|
|
|
263
263
|
|
|
264
264
|
---$
|
|
265
265
|
|
|
266
|
-
### API
|
|
267
|
-
|
|
268
266
|
<!-- props -->
|
|
269
267
|
|
|
270
268
|
---$
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `autoBack` | 是否显示返回按钮 | `Boolean` | `true` | - | - |
|
|
@@ -19,7 +21,15 @@
|
|
|
19
21
|
| `colorType` | 标题对齐方式 | `Number/String` | `left` | `1`:黑色<br/>`2`:白色 | - |
|
|
20
22
|
|
|
21
23
|
|
|
22
|
-
|
|
24
|
+
### Events
|
|
23
25
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
24
26
|
| ----- | ----- | ------- | -------- |
|
|
25
|
-
| `backClick` | 返回按钮点击 |
|
|
27
|
+
| `backClick` | 返回按钮点击 | `data`:()=>void | - |
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
### Slots
|
|
31
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
32
|
+
| ----- | ----- | --- | -------- |
|
|
33
|
+
| `default` | 导航栏内容 | - | - |
|
|
34
|
+
|
|
35
|
+
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基本使用
|
|
10
10
|
|
|
11
11
|
通过 `title`设置导航栏标题,插槽`default`设置导航栏内容
|
|
12
12
|
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
</template>
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
## 返回按钮配置
|
|
20
20
|
|
|
21
21
|
- 通过 `autoBack` 属性来设置是否显示返回按钮,默认`true`
|
|
22
22
|
- 通过 `backColor` 属性来设置返回按钮颜色,默认`#000`
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
</template>
|
|
33
33
|
```
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
## 标题配置
|
|
36
36
|
|
|
37
37
|
- 通过 `title` 属性来设置标题文本,默认`''`
|
|
38
38
|
- 通过 `titleColor` 属性来设置标题颜色,默认`#181818`
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
</template>
|
|
45
45
|
```
|
|
46
46
|
|
|
47
|
-
|
|
47
|
+
## 导航栏配置
|
|
48
48
|
|
|
49
49
|
- 通过 `fixed` 属性来设置是否固定到顶部,默认`false`
|
|
50
50
|
- 通过 `safeAreaInsetTop` 属性来设置是否开启顶部安全区适配,默认`true`
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
</template>
|
|
59
59
|
```
|
|
60
60
|
|
|
61
|
-
|
|
61
|
+
## 回调事件
|
|
62
62
|
|
|
63
63
|
通过 `backClick` 获取返回按钮点击事件
|
|
64
64
|
|
|
@@ -82,15 +82,7 @@
|
|
|
82
82
|
|
|
83
83
|
---$
|
|
84
84
|
|
|
85
|
-
### API
|
|
86
|
-
|
|
87
85
|
<!-- props -->
|
|
88
86
|
|
|
89
|
-
#### Slots
|
|
90
|
-
|
|
91
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
92
|
-
| --------- | ---------- | -------- | -------- |
|
|
93
|
-
| `default` | 导航栏内容 | - | - |
|
|
94
|
-
|
|
95
87
|
---$
|
|
96
88
|
{{qinpengfei}}
|
|
@@ -123,7 +123,16 @@
|
|
|
123
123
|
{
|
|
124
124
|
"name": "[event]backClick",
|
|
125
125
|
"description": "返回按钮点击",
|
|
126
|
-
"
|
|
126
|
+
"params": [
|
|
127
|
+
{
|
|
128
|
+
"name": "data",
|
|
129
|
+
"description": "()=>void"
|
|
130
|
+
}
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "[slot]default",
|
|
135
|
+
"description": "导航栏内容"
|
|
127
136
|
}
|
|
128
137
|
]
|
|
129
138
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `list` | 滚动数据列表 | `Array` | `[]` | - | - |
|
|
@@ -14,9 +16,18 @@
|
|
|
14
16
|
| `scrollable` | 是否可以滚动 | `Boolean` | `true` | - | - |
|
|
15
17
|
|
|
16
18
|
|
|
17
|
-
|
|
19
|
+
### Events
|
|
18
20
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
19
21
|
| ----- | ----- | ------- | -------- |
|
|
20
|
-
| `click` | 外层点击事件回调 |
|
|
21
|
-
| `close` | 关闭通知栏时触发 |
|
|
22
|
-
| `end` | 滚动结束时触发 |
|
|
22
|
+
| `click` | 外层点击事件回调 | `data`:() => void | - |
|
|
23
|
+
| `close` | 关闭通知栏时触发 | `data`:() => void | - |
|
|
24
|
+
| `end` | 滚动结束时触发 | `data`:() => void | - |
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
### Slots
|
|
28
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
29
|
+
| ----- | ----- | --- | -------- |
|
|
30
|
+
| `leftIcon` | 左边图标的插槽 | - | - |
|
|
31
|
+
| `rightIcon` | 右边图标的插槽 | - | - |
|
|
32
|
+
|
|
33
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础用法
|
|
10
10
|
|
|
11
11
|
通过`list`数组参数设置需要滚动的内容,水平滚动。
|
|
12
12
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
</template>
|
|
21
21
|
```
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
## 自定义样式
|
|
24
24
|
|
|
25
25
|
- 通过 `color` 属性设置文字颜色,默认为 `#000000`。
|
|
26
26
|
- 通过 `background` 属性设置背景,默认为 `#ffffff`。
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
</template>
|
|
37
37
|
```
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
## 垂直滚动
|
|
40
40
|
|
|
41
41
|
通过`direction`设置滚动的方向,`across`:水平,`vertical`:垂直 水平滚动、默认`across`。
|
|
42
42
|
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
</template>
|
|
51
51
|
```
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
## 滚动速率
|
|
54
54
|
|
|
55
55
|
通过`acrossSpeed`设置水平方向的滚动速率 `(px/s)`。
|
|
56
56
|
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
</template>
|
|
65
65
|
```
|
|
66
66
|
|
|
67
|
-
|
|
67
|
+
## 滚动的速度
|
|
68
68
|
|
|
69
69
|
通过`verticalSpeed`设置垂直方向的滚动的速度`(ms)`。
|
|
70
70
|
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
</template>
|
|
79
79
|
```
|
|
80
80
|
|
|
81
|
-
|
|
81
|
+
## 延时滚动
|
|
82
82
|
|
|
83
83
|
通过`delay`设置延时`(ms)`。
|
|
84
84
|
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
</template>
|
|
95
95
|
```
|
|
96
96
|
|
|
97
|
-
|
|
97
|
+
## 停留时间
|
|
98
98
|
|
|
99
99
|
通过`standTime`设置每次滚动前停留多少毫秒(竖向滚动时有效)`(ms)`。
|
|
100
100
|
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
</template>
|
|
109
109
|
```
|
|
110
110
|
|
|
111
|
-
|
|
111
|
+
## 是否可以滚动
|
|
112
112
|
|
|
113
113
|
通过`scrollable`设置公共栏是否可以滚动,默认`true`。
|
|
114
114
|
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
</template>
|
|
125
125
|
```
|
|
126
126
|
|
|
127
|
-
|
|
127
|
+
## 取消按钮
|
|
128
128
|
|
|
129
129
|
通过`closeMode`设置是否启用关闭模式,默认`false`。
|
|
130
130
|
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
</template>
|
|
139
139
|
```
|
|
140
140
|
|
|
141
|
-
|
|
141
|
+
## 插槽
|
|
142
142
|
|
|
143
143
|
通过`leftIcon`设置左边图标的插槽。
|
|
144
144
|
通过`rightIcon`设置右边图标的插槽。
|
|
@@ -162,16 +162,7 @@
|
|
|
162
162
|
|
|
163
163
|
---$
|
|
164
164
|
|
|
165
|
-
### API
|
|
166
|
-
|
|
167
165
|
<!-- props -->
|
|
168
166
|
|
|
169
|
-
#### 组件插槽(Slots)
|
|
170
|
-
|
|
171
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
172
|
-
| ----------- | -------------- | -------- | -------- |
|
|
173
|
-
| `leftIcon` | 左边图标的插槽 | - | |
|
|
174
|
-
| `rightIcon` | 右边图标的插槽 | - | |
|
|
175
|
-
|
|
176
167
|
---$
|
|
177
168
|
{{qinpengfei}}
|
|
@@ -93,17 +93,40 @@
|
|
|
93
93
|
{
|
|
94
94
|
"name": "[event]click",
|
|
95
95
|
"description": "外层点击事件回调",
|
|
96
|
-
"
|
|
96
|
+
"params": [
|
|
97
|
+
{
|
|
98
|
+
"name": "data",
|
|
99
|
+
"description": "() => void"
|
|
100
|
+
}
|
|
101
|
+
]
|
|
97
102
|
},
|
|
98
103
|
{
|
|
99
104
|
"name": "[event]close",
|
|
100
105
|
"description": "关闭通知栏时触发",
|
|
101
|
-
"
|
|
106
|
+
"params": [
|
|
107
|
+
{
|
|
108
|
+
"name": "data",
|
|
109
|
+
"description": "() => void"
|
|
110
|
+
}
|
|
111
|
+
]
|
|
102
112
|
},
|
|
103
113
|
{
|
|
104
114
|
"name": "[event]end",
|
|
105
115
|
"description": "滚动结束时触发",
|
|
106
|
-
"
|
|
116
|
+
"params": [
|
|
117
|
+
{
|
|
118
|
+
"name": "data",
|
|
119
|
+
"description": "() => void"
|
|
120
|
+
}
|
|
121
|
+
]
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "[slot]leftIcon",
|
|
125
|
+
"description": "左边图标的插槽"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"name": "[slot]rightIcon",
|
|
129
|
+
"description": "右边图标的插槽"
|
|
107
130
|
}
|
|
108
131
|
]
|
|
109
132
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `mode` | 键盘模式 | `string` | `popup` | `popup`:弹出式<br/>`page`:页面式 | - |
|
|
@@ -18,17 +20,25 @@
|
|
|
18
20
|
| `backspaceSize` | 回退按钮图标大小 | `number / string` | `48` | - | - |
|
|
19
21
|
| `confirmBg` | 确定按钮背景颜色 | `string` | `#0090FF` | - | - |
|
|
20
22
|
| `confirmColor` | 确定按钮文字颜色 | `string` | `#ffffff` | - | - |
|
|
21
|
-
| `undefined` | - | `undefined` | - | - | - |
|
|
22
23
|
|
|
23
24
|
|
|
24
|
-
|
|
25
|
+
### Events
|
|
25
26
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
26
27
|
| ----- | ----- | ------- | -------- |
|
|
27
28
|
| `change` | 输入值value改变时触发 | `value`:输入值 | - |
|
|
28
|
-
| `clear` | 清空按钮点击事件 |
|
|
29
|
-
| `backspace` | 删除按钮点击事件 |
|
|
29
|
+
| `clear` | 清空按钮点击事件 | `data`:() => void | - |
|
|
30
|
+
| `backspace` | 删除按钮点击事件 | `data`:() => void | - |
|
|
30
31
|
| `confirm` | 确认按钮点击事件 | `value`:输入值 | - |
|
|
31
32
|
| `click` | 点击功能键(确认/删除/清除)之外的键盘触发 | `key`:当前点击的按钮 | - |
|
|
32
33
|
| `beforeinput` | 输入之前触发,功能键之外的键盘点击时为输入 | `key`:当前点击的按钮<br/>`suspend`:开启等待的回调函数<br/>`next`:执行后续操作的回调函数<br/>`stop`:阻止后续执行的回调函数 | - |
|
|
33
|
-
| `open` | 打开弹窗键盘触发 |
|
|
34
|
-
| `close` | 关闭弹窗键盘触发 |
|
|
34
|
+
| `open` | 打开弹窗键盘触发 | `data`:() => void | - |
|
|
35
|
+
| `close` | 关闭弹窗键盘触发 | `data`:() => void | - |
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
### Slots
|
|
39
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
40
|
+
| ----- | ----- | --- | -------- |
|
|
41
|
+
| `default` | 弹窗标题插槽 | - | - |
|
|
42
|
+
| `header` | 在键盘上方显示的内容 | - | - |
|
|
43
|
+
|
|
44
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础用法
|
|
10
10
|
|
|
11
11
|
- 属性`value`: 输入的值,支持`v-model`双向绑定
|
|
12
12
|
- 属性`show`: 是否显示键盘,支持`sync`双向绑定
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
</style>
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
## 隐藏右侧功能键
|
|
42
42
|
|
|
43
43
|
- 属性`rightKeys`: 是否显示右侧功能键,默认显示
|
|
44
44
|
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
</style>
|
|
70
70
|
```
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
## 隐藏清除按钮,value最大长度
|
|
73
73
|
|
|
74
74
|
- 属性`showClear`: 是否显示清除按钮,默认显示
|
|
75
75
|
- 属性`maxlength`: 最大`value`长度,默认不限制
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
</style>
|
|
103
103
|
```
|
|
104
104
|
|
|
105
|
-
|
|
105
|
+
## 自定义按键
|
|
106
106
|
|
|
107
107
|
- 属性`customKeys`: 自定义按键列表,建议不超过两个
|
|
108
108
|
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
</style>
|
|
135
135
|
```
|
|
136
136
|
|
|
137
|
-
|
|
137
|
+
## 自定义颜色/字体大小/确定文本
|
|
138
138
|
|
|
139
139
|
- 属性`textColor`: 按键文字颜色,默认#333333
|
|
140
140
|
- 属性`textSize`: 按键文字大小,默认48,单位rpx
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
</style>
|
|
171
171
|
```
|
|
172
172
|
|
|
173
|
-
|
|
173
|
+
## 输入前事件(自定义功能)
|
|
174
174
|
|
|
175
175
|
- 属性`customKeys`中自定义一些按钮,如"返回"
|
|
176
176
|
- 需要自定义该按钮功能,可使用`beforeinput`阻止该按钮的默认功能
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
</style>
|
|
225
225
|
```
|
|
226
226
|
|
|
227
|
-
|
|
227
|
+
## 在文档流中展示
|
|
228
228
|
|
|
229
229
|
- 属性`mode`: 键盘模式,
|
|
230
230
|
- 可选值:`popup`在弹窗中展示(默认)
|
|
@@ -271,7 +271,7 @@
|
|
|
271
271
|
</style>
|
|
272
272
|
```
|
|
273
273
|
|
|
274
|
-
|
|
274
|
+
## 绑定多个输入框
|
|
275
275
|
|
|
276
276
|
- 当有一个键盘绑定多个输入框的需求时,可去掉键盘组件的`v-model`,使用如下数据格式
|
|
277
277
|
- 在输入框绑定点击事件来指定当前输入
|
|
@@ -315,16 +315,7 @@
|
|
|
315
315
|
|
|
316
316
|
---$
|
|
317
317
|
|
|
318
|
-
### API
|
|
319
|
-
|
|
320
318
|
<!-- props -->
|
|
321
319
|
|
|
322
|
-
#### 组件插槽(Slot)
|
|
323
|
-
|
|
324
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
325
|
-
| ------- | -------------------- | -------- | -------- |
|
|
326
|
-
| default | 弹窗标题插槽 | - | - |
|
|
327
|
-
| header | 在键盘上方显示的内容 | - | - |
|
|
328
|
-
|
|
329
320
|
---$
|
|
330
321
|
{{xuyajun}}
|