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
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 基础用法
|
|
8
8
|
|
|
9
9
|
- 属性`data`用于基础数据展示
|
|
10
10
|
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
</template>
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
## 倒计时
|
|
30
30
|
|
|
31
31
|
- 属性`endTime`用于设置倒计时结束时间
|
|
32
32
|
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
</template>
|
|
50
50
|
```
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
## 按钮文字
|
|
53
53
|
|
|
54
54
|
- 属性`buttonText`用于设置按钮文字内容
|
|
55
55
|
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
</template>
|
|
72
72
|
```
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
## 禁用按钮
|
|
75
75
|
|
|
76
76
|
- 属性`buttonDisabled`禁用按钮
|
|
77
77
|
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
</template>
|
|
94
94
|
```
|
|
95
95
|
|
|
96
|
-
|
|
96
|
+
## 进度条
|
|
97
97
|
|
|
98
98
|
- 属性`progress`用于设置进度条值,0-100
|
|
99
99
|
- 属性`progressText`用于设置进度条文字内容
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
</template>
|
|
117
117
|
```
|
|
118
118
|
|
|
119
|
-
|
|
119
|
+
## Position插槽
|
|
120
120
|
|
|
121
121
|
- 插槽`position`可以在任意位置插入内容
|
|
122
122
|
|
|
@@ -153,15 +153,7 @@
|
|
|
153
153
|
|
|
154
154
|
---$
|
|
155
155
|
|
|
156
|
-
### API
|
|
157
|
-
|
|
158
156
|
<!-- props -->
|
|
159
157
|
|
|
160
|
-
#### Slot
|
|
161
|
-
|
|
162
|
-
| 插槽名称 | 说明 | 支持版本 |
|
|
163
|
-
| ---------- | ------------------ | -------- |
|
|
164
|
-
| `position` | 在任意位置插入内容 | - |
|
|
165
|
-
|
|
166
158
|
---$
|
|
167
159
|
{{xuyajun}}
|
|
@@ -49,17 +49,36 @@
|
|
|
49
49
|
{
|
|
50
50
|
"name": "[event]buttonClick",
|
|
51
51
|
"description": "点击按钮时触发",
|
|
52
|
-
"
|
|
52
|
+
"params": [
|
|
53
|
+
{
|
|
54
|
+
"name": "data",
|
|
55
|
+
"description": "() => void"
|
|
56
|
+
}
|
|
57
|
+
]
|
|
53
58
|
},
|
|
54
59
|
{
|
|
55
60
|
"name": "[event]footerClick",
|
|
56
61
|
"description": "点击页脚列表时触发",
|
|
57
|
-
"
|
|
62
|
+
"params": [
|
|
63
|
+
{
|
|
64
|
+
"name": "data",
|
|
65
|
+
"description": "(index:number) => void"
|
|
66
|
+
}
|
|
67
|
+
]
|
|
58
68
|
},
|
|
59
69
|
{
|
|
60
70
|
"name": "[event]countDown",
|
|
61
71
|
"description": "倒计时触发",
|
|
62
|
-
"
|
|
72
|
+
"params": [
|
|
73
|
+
{
|
|
74
|
+
"name": "data",
|
|
75
|
+
"description": "(data:any,time:number) => void"
|
|
76
|
+
}
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"name": "[slot]position",
|
|
81
|
+
"description": "在任意位置插入内容"
|
|
63
82
|
}
|
|
64
83
|
]
|
|
65
84
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `mode` | 键盘模式 | `string` | `popup` | `popup`:弹出式<br/>`page`:页面式 | - |
|
|
@@ -19,18 +21,25 @@
|
|
|
19
21
|
| `backspaceSize` | 回退按钮图标大小 | `number / string` | `48` | - | - |
|
|
20
22
|
| `confirmBg` | 确定按钮背景颜色 | `string` | `#0090FF` | - | - |
|
|
21
23
|
| `confirmColor` | 确定按钮文字颜色 | `string` | `#ffffff` | - | - |
|
|
22
|
-
| `undefined` | - | `undefined` | - | - | - |
|
|
23
24
|
|
|
24
25
|
|
|
25
|
-
|
|
26
|
+
### Events
|
|
26
27
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
27
28
|
| ----- | ----- | ------- | -------- |
|
|
28
29
|
| `change` | 输入值value改变时触发 | `value`:输入值 | - |
|
|
29
|
-
| `clear` | 清空按钮点击事件 |
|
|
30
|
-
| `backspace` | 删除按钮点击事件 |
|
|
30
|
+
| `clear` | 清空按钮点击事件 | `data`:() => void | - |
|
|
31
|
+
| `backspace` | 删除按钮点击事件 | `data`:() => void | - |
|
|
31
32
|
| `confirm` | 确认按钮点击事件 | `value`:输入值 | - |
|
|
32
33
|
| `click` | 点击功能键(确认/删除/清除)之外的键盘触发 | `key`:当前点击的按钮 | - |
|
|
33
34
|
| `click-discount` | 点击折扣键盘触发 | `key`:当前点击的按钮 | - |
|
|
34
35
|
| `beforeinput` | 输入之前触发,功能键之外的键盘点击时为输入 | `key`:当前点击的按钮<br/>`suspend`:开启等待的回调函数<br/>`next`:执行后续操作的回调函数<br/>`stop`:阻止后续执行的回调函数 | - |
|
|
35
|
-
| `open` | 打开弹窗键盘触发 |
|
|
36
|
-
| `close` | 关闭弹窗键盘触发 |
|
|
36
|
+
| `open` | 打开弹窗键盘触发 | `data`:() => void | - |
|
|
37
|
+
| `close` | 关闭弹窗键盘触发 | `data`:() => void | - |
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
### Slots
|
|
41
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
42
|
+
| ----- | ----- | --- | -------- |
|
|
43
|
+
| `default` | 弹窗标题插槽 | - | - |
|
|
44
|
+
|
|
45
|
+
|
|
@@ -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`双向绑定
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
</style>
|
|
40
40
|
```
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
## 基础用法(身份证键盘)
|
|
43
43
|
|
|
44
44
|
```html
|
|
45
45
|
<template>
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
</style>
|
|
69
69
|
```
|
|
70
70
|
|
|
71
|
-
|
|
71
|
+
## 基础用法(折扣键盘)
|
|
72
72
|
|
|
73
73
|
- 属性`discounts`接受折扣数据,类型数组,默认无折扣
|
|
74
74
|
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
</style>
|
|
106
106
|
```
|
|
107
107
|
|
|
108
|
-
|
|
108
|
+
## 隐藏右侧功能键
|
|
109
109
|
|
|
110
110
|
- 属性`rightKeys`: 是否显示右侧功能键,默认显示
|
|
111
111
|
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
</style>
|
|
137
137
|
```
|
|
138
138
|
|
|
139
|
-
|
|
139
|
+
## 隐藏清除按钮,value最大长度
|
|
140
140
|
|
|
141
141
|
- 属性`showClear`: 是否显示清除按钮,默认显示
|
|
142
142
|
- 属性`maxlength`: 最大`value`长度,默认不限制
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
</style>
|
|
170
170
|
```
|
|
171
171
|
|
|
172
|
-
|
|
172
|
+
## 自定义颜色/字体大小/确定文本
|
|
173
173
|
|
|
174
174
|
- 属性`textColor`: 按键文字颜色,默认#333333
|
|
175
175
|
- 属性`textSize`: 按键文字大小,默认48,单位rpx
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
</style>
|
|
206
206
|
```
|
|
207
207
|
|
|
208
|
-
|
|
208
|
+
## 输入前事件(自定义功能)
|
|
209
209
|
|
|
210
210
|
- 事件`beforeinput`: 输入前事件
|
|
211
211
|
- 参数1:即将输入的按钮文本
|
|
@@ -257,7 +257,7 @@
|
|
|
257
257
|
</style>
|
|
258
258
|
```
|
|
259
259
|
|
|
260
|
-
|
|
260
|
+
## 在文档流中展示
|
|
261
261
|
|
|
262
262
|
- 属性`mode`: 键盘模式,
|
|
263
263
|
- 可选值:`popup`在弹窗中展示(默认)
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
</style>
|
|
305
305
|
```
|
|
306
306
|
|
|
307
|
-
|
|
307
|
+
## 绑定多个输入框
|
|
308
308
|
|
|
309
309
|
- 当有一个键盘绑定多个输入框的需求时,可去掉键盘组件的`v-model`,使用如下数据格式
|
|
310
310
|
- 在输入框绑定点击事件来指定当前输入
|
|
@@ -348,15 +348,7 @@
|
|
|
348
348
|
|
|
349
349
|
---$
|
|
350
350
|
|
|
351
|
-
### API
|
|
352
|
-
|
|
353
351
|
<!-- props -->
|
|
354
352
|
|
|
355
|
-
#### 组件插槽(Slot)
|
|
356
|
-
|
|
357
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
358
|
-
| ------- | ------------ | -------- | -------- |
|
|
359
|
-
| default | 弹窗标题插槽 | - | - |
|
|
360
|
-
|
|
361
353
|
---$
|
|
362
354
|
{{xuyajun}}
|
|
@@ -137,7 +137,6 @@
|
|
|
137
137
|
{
|
|
138
138
|
"name": "[event]change",
|
|
139
139
|
"description": "输入值value改变时触发",
|
|
140
|
-
"type": "(value: string) => void",
|
|
141
140
|
"params": [
|
|
142
141
|
{
|
|
143
142
|
"name": "value",
|
|
@@ -148,17 +147,26 @@
|
|
|
148
147
|
{
|
|
149
148
|
"name": "[event]clear",
|
|
150
149
|
"description": "清空按钮点击事件",
|
|
151
|
-
"
|
|
150
|
+
"params": [
|
|
151
|
+
{
|
|
152
|
+
"name": "data",
|
|
153
|
+
"description": "() => void"
|
|
154
|
+
}
|
|
155
|
+
]
|
|
152
156
|
},
|
|
153
157
|
{
|
|
154
158
|
"name": "[event]backspace",
|
|
155
159
|
"description": "删除按钮点击事件",
|
|
156
|
-
"
|
|
160
|
+
"params": [
|
|
161
|
+
{
|
|
162
|
+
"name": "data",
|
|
163
|
+
"description": "() => void"
|
|
164
|
+
}
|
|
165
|
+
]
|
|
157
166
|
},
|
|
158
167
|
{
|
|
159
168
|
"name": "[event]confirm",
|
|
160
169
|
"description": "确认按钮点击事件",
|
|
161
|
-
"type": "(value:string) => void",
|
|
162
170
|
"params": [
|
|
163
171
|
{
|
|
164
172
|
"name": "value",
|
|
@@ -169,7 +177,6 @@
|
|
|
169
177
|
{
|
|
170
178
|
"name": "[event]click",
|
|
171
179
|
"description": "点击功能键(确认/删除/清除)之外的键盘触发",
|
|
172
|
-
"type": "(key:string) => void",
|
|
173
180
|
"params": [
|
|
174
181
|
{
|
|
175
182
|
"name": "key",
|
|
@@ -180,7 +187,6 @@
|
|
|
180
187
|
{
|
|
181
188
|
"name": "[event]click-discount",
|
|
182
189
|
"description": "点击折扣键盘触发",
|
|
183
|
-
"type": "(key:string) => void",
|
|
184
190
|
"params": [
|
|
185
191
|
{
|
|
186
192
|
"name": "key",
|
|
@@ -191,7 +197,6 @@
|
|
|
191
197
|
{
|
|
192
198
|
"name": "[event]beforeinput",
|
|
193
199
|
"description": "输入之前触发,功能键之外的键盘点击时为输入",
|
|
194
|
-
"type": "(key: string, suspend: () => void, next: () => void, stop: () => void) => void",
|
|
195
200
|
"params": [
|
|
196
201
|
{
|
|
197
202
|
"name": "key",
|
|
@@ -214,13 +219,26 @@
|
|
|
214
219
|
{
|
|
215
220
|
"name": "[event]open",
|
|
216
221
|
"description": "打开弹窗键盘触发",
|
|
217
|
-
"
|
|
222
|
+
"params": [
|
|
223
|
+
{
|
|
224
|
+
"name": "data",
|
|
225
|
+
"description": "() => void"
|
|
226
|
+
}
|
|
227
|
+
]
|
|
218
228
|
},
|
|
219
229
|
{
|
|
220
230
|
"name": "[event]close",
|
|
221
231
|
"description": "关闭弹窗键盘触发",
|
|
222
|
-
"
|
|
232
|
+
"params": [
|
|
233
|
+
{
|
|
234
|
+
"name": "data",
|
|
235
|
+
"description": "() => void"
|
|
236
|
+
}
|
|
237
|
+
]
|
|
223
238
|
},
|
|
224
|
-
{
|
|
239
|
+
{
|
|
240
|
+
"name": "[slot]default",
|
|
241
|
+
"description": "弹窗标题插槽"
|
|
242
|
+
}
|
|
225
243
|
]
|
|
226
244
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `value` | 绑定值 | `string / number` | - | - | - |
|
|
@@ -17,9 +19,11 @@
|
|
|
17
19
|
| `visibleItemCount` | 每列中可见选项的数量 | `string / number` | `5` | - | - |
|
|
18
20
|
|
|
19
21
|
|
|
20
|
-
|
|
22
|
+
### Events
|
|
21
23
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
22
24
|
| ----- | ----- | ------- | -------- |
|
|
23
|
-
| `confirm` | 点击确定按钮,返回当前选择的值 |
|
|
24
|
-
| `change` | 当选择值变化时触发 |
|
|
25
|
-
| `cancel` | 点击取消按钮 |
|
|
25
|
+
| `confirm` | 点击确定按钮,返回当前选择的值 | `data`:() => void | - |
|
|
26
|
+
| `change` | 当选择值变化时触发 | `data`:() => void | - |
|
|
27
|
+
| `cancel` | 点击取消按钮 | `data`:() => void | - |
|
|
28
|
+
|
|
29
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础使用
|
|
10
10
|
|
|
11
11
|
- 通过`value`属性可设置默认选中的时间(支持时间戳、字符串格式)
|
|
12
12
|
- 切换后的返回值为时间戳
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</template>
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
## 不显示操作栏
|
|
22
22
|
|
|
23
23
|
```html
|
|
24
24
|
<template>
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
</template>
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
## 时间类型
|
|
30
30
|
|
|
31
31
|
- 默认显示年、月、日、时、分、秒(`all`)
|
|
32
32
|
- 年月日时分(`datetime`),年月日(`date`),年月(`year-month`),月日(`month-day`),时分秒(`time`),时分(`hour-minute`),分秒(`minute-second`)
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
</template>
|
|
44
44
|
```
|
|
45
45
|
|
|
46
|
-
|
|
46
|
+
## 最大值 & 最小值
|
|
47
47
|
|
|
48
48
|
- 通过最大值最小值可设置选择的边界(支持时间戳、字符串格式)
|
|
49
49
|
- 可精确到秒
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
</template>
|
|
56
56
|
```
|
|
57
57
|
|
|
58
|
-
|
|
58
|
+
## 过滤
|
|
59
59
|
|
|
60
60
|
- 可通过`filter`属性传递一个函数来对数据进行过滤
|
|
61
61
|
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
</script>
|
|
83
83
|
```
|
|
84
84
|
|
|
85
|
-
|
|
85
|
+
## 格式化
|
|
86
86
|
|
|
87
87
|
```html
|
|
88
88
|
<template>
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
</script>
|
|
106
106
|
```
|
|
107
107
|
|
|
108
|
-
|
|
108
|
+
## 选项高度
|
|
109
109
|
|
|
110
110
|
```html
|
|
111
111
|
<template>
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
</template>
|
|
114
114
|
```
|
|
115
115
|
|
|
116
|
-
|
|
116
|
+
## 每列可见数量
|
|
117
117
|
|
|
118
118
|
```html
|
|
119
119
|
<template>
|
|
@@ -123,8 +123,6 @@
|
|
|
123
123
|
|
|
124
124
|
---$
|
|
125
125
|
|
|
126
|
-
### API
|
|
127
|
-
|
|
128
126
|
<!-- props -->
|
|
129
127
|
|
|
130
128
|
---$
|
|
@@ -121,17 +121,32 @@
|
|
|
121
121
|
{
|
|
122
122
|
"name": "[event]confirm",
|
|
123
123
|
"description": "点击确定按钮,返回当前选择的值",
|
|
124
|
-
"
|
|
124
|
+
"params": [
|
|
125
|
+
{
|
|
126
|
+
"name": "data",
|
|
127
|
+
"description": "() => void"
|
|
128
|
+
}
|
|
129
|
+
]
|
|
125
130
|
},
|
|
126
131
|
{
|
|
127
132
|
"name": "[event]change",
|
|
128
133
|
"description": "当选择值变化时触发",
|
|
129
|
-
"
|
|
134
|
+
"params": [
|
|
135
|
+
{
|
|
136
|
+
"name": "data",
|
|
137
|
+
"description": "() => void"
|
|
138
|
+
}
|
|
139
|
+
]
|
|
130
140
|
},
|
|
131
141
|
{
|
|
132
142
|
"name": "[event]cancel",
|
|
133
143
|
"description": "点击取消按钮",
|
|
134
|
-
"
|
|
144
|
+
"params": [
|
|
145
|
+
{
|
|
146
|
+
"name": "data",
|
|
147
|
+
"description": "() => void"
|
|
148
|
+
}
|
|
149
|
+
]
|
|
135
150
|
}
|
|
136
151
|
]
|
|
137
|
-
}
|
|
152
|
+
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `type` | 组件类型 | `String` | `date` | `date`:日期<br/>`user`:人员 | - |
|
|
@@ -6,3 +8,9 @@
|
|
|
6
8
|
| `nickname` | 昵称 | `String` | `` | - | - |
|
|
7
9
|
|
|
8
10
|
|
|
11
|
+
### Slots
|
|
12
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
13
|
+
| ----- | ----- | --- | -------- |
|
|
14
|
+
| `desc` | 用户描述 | - | - |
|
|
15
|
+
|
|
16
|
+
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 域名配置
|
|
8
8
|
|
|
9
9
|
如需使用日期时间类型,需在小程序后台配置域名`https://zboa.whzb.com`合法,才可使用
|
|
10
10
|
|
|
11
11
|
## 代码演示
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
## 日期类型
|
|
14
14
|
|
|
15
15
|
- 通过 `type`设置组件类型,默认为`date`,取服务器上当天时间
|
|
16
16
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
</template>
|
|
21
21
|
```
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
## 返回按钮配置
|
|
24
24
|
|
|
25
25
|
- 通过 `type`设置组件类型,值为`user`
|
|
26
26
|
- 通过 `avatar` 属性来设置头像,默认``
|
|
@@ -54,15 +54,7 @@
|
|
|
54
54
|
|
|
55
55
|
---$
|
|
56
56
|
|
|
57
|
-
### API
|
|
58
|
-
|
|
59
57
|
<!-- props -->
|
|
60
58
|
|
|
61
|
-
#### Slots
|
|
62
|
-
|
|
63
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
64
|
-
| ------ | -------- | -------- | -------- |
|
|
65
|
-
| `desc` | 用户描述 | - | - |
|
|
66
|
-
|
|
67
59
|
---$
|
|
68
60
|
{{qinpengfei}}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `attract` | 是否开启自动吸边(根据 screenWidth 进行吸边) | `boolean` | `false` | - | - |
|
|
@@ -6,8 +8,16 @@
|
|
|
6
8
|
| `boundary` | 拖拽元素的拖拽边界 | `object` | `屏幕为边界` | - | - |
|
|
7
9
|
|
|
8
10
|
|
|
9
|
-
|
|
11
|
+
### Events
|
|
10
12
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
11
13
|
| ----- | ----- | ------- | -------- |
|
|
12
|
-
| `start` | 拖拽开始 |
|
|
14
|
+
| `start` | 拖拽开始 | `data`:() => void | - |
|
|
13
15
|
| `end` | 拖拽结束 | `position`:当前拖拽是否处于边界(上、下、左、右) | - |
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Slots
|
|
19
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
20
|
+
| ----- | ----- | --- | -------- |
|
|
21
|
+
| `default` | 拖拽内容 | - | - |
|
|
22
|
+
|
|
23
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础使用
|
|
10
10
|
|
|
11
11
|
```html
|
|
12
12
|
<template>
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
</template>
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
## 固定方向
|
|
20
20
|
|
|
21
21
|
```html
|
|
22
22
|
<template>
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
</template>
|
|
31
31
|
```
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
## 贴边
|
|
34
34
|
|
|
35
35
|
会根据元素移动结束时到左右边界距离来进行贴边
|
|
36
36
|
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
</template>
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
## 边界
|
|
46
46
|
|
|
47
47
|
- 数据结构是 `{top: 0, right: 0, bottom: 0, left: 0}`,分别代表距离屏幕上、右、下、左的距离(单位px)
|
|
48
48
|
- 可按照样例中的做法,根据屏幕大小动态边界值
|
|
@@ -80,15 +80,7 @@
|
|
|
80
80
|
|
|
81
81
|
---$
|
|
82
82
|
|
|
83
|
-
### API
|
|
84
|
-
|
|
85
83
|
<!-- props -->
|
|
86
84
|
|
|
87
|
-
#### Slots
|
|
88
|
-
|
|
89
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
90
|
-
| --------- | -------- | -------- | -------- |
|
|
91
|
-
| `default` | 拖拽内容 | - | - |
|
|
92
|
-
|
|
93
85
|
---$
|
|
94
86
|
{{fuyuwei}}
|
|
@@ -39,18 +39,26 @@
|
|
|
39
39
|
{
|
|
40
40
|
"name": "[event]start",
|
|
41
41
|
"description": "拖拽开始",
|
|
42
|
-
"
|
|
42
|
+
"params": [
|
|
43
|
+
{
|
|
44
|
+
"name": "data",
|
|
45
|
+
"description": "() => void"
|
|
46
|
+
}
|
|
47
|
+
]
|
|
43
48
|
},
|
|
44
49
|
{
|
|
45
50
|
"name": "[event]end",
|
|
46
51
|
"description": "拖拽结束",
|
|
47
|
-
"type": "(position: any) => void",
|
|
48
52
|
"params": [
|
|
49
53
|
{
|
|
50
54
|
"name": "position",
|
|
51
55
|
"description": "当前拖拽是否处于边界(上、下、左、右)"
|
|
52
56
|
}
|
|
53
57
|
]
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "[slot]default",
|
|
61
|
+
"description": "拖拽内容"
|
|
54
62
|
}
|
|
55
63
|
]
|
|
56
64
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
4
|
+
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
5
|
+
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
6
|
+
| `modelValue` | 拖拽数据列表,支持 v-model 双向绑定 | `SteDragSortItem[]` | `[]` | - | - |
|
|
7
|
+
| `disabled` | 是否禁用拖拽功能 | `boolean` | `false` | - | - |
|
|
8
|
+
| `columns` | 列数,1 为纵向列表,大于 1 为网格排序 | `number` | `1` | - | - |
|
|
9
|
+
| `longPress` | 拖拽启动方式。true 为长按后开始拖拽,适合列表和可滚动页面;false 为按下立即拖拽,适合网格和纯排序面板 | `boolean` | `true` | - | - |
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
### Events
|
|
13
|
+
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
14
|
+
| ----- | ----- | ------- | -------- |
|
|
15
|
+
| `start` | 开始拖拽时触发 | `index`:当前拖拽项索引 | - |
|
|
16
|
+
| `change` | 排序结果发生变化时触发 | `list`:最新排序结果 | - |
|
|
17
|
+
| `end` | 拖拽结束时触发 | `index`:最终落点索引 | - |
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Slots
|
|
21
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
22
|
+
| ----- | ----- | --- | -------- |
|
|
23
|
+
| `item` | 单个拖拽项内容 | `item`:当前项数据<br/>`index`:当前项索引<br/>`dragging`:当前是否处于拖拽中<br/>`dragIndex`:当前拖拽项索引<br/>`insertIndex`:当前插入位置索引 | - |
|
|
24
|
+
|
|
25
|
+
|