stellar-ui-plus 1.25.0 → 1.25.2
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 +4 -4
- 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 +3 -5
- 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 +5 -7
- 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 +4 -6
- 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 +5 -7
- 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 +4 -6
- 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 +40 -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 +12 -21
- package/components/ste-slider/ste-slider.easycom.json +12 -4
- package/components/ste-slider/ste-slider.vue +5 -3
- 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
|
@@ -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}}
|
|
@@ -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
|
|
|
@@ -83,8 +83,6 @@
|
|
|
83
83
|
|
|
84
84
|
---$
|
|
85
85
|
|
|
86
|
-
### API
|
|
87
|
-
|
|
88
86
|
<!-- props -->
|
|
89
87
|
|
|
90
88
|
---$
|
|
@@ -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
|
+
|