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,11 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `active` | 当前激活的节点 | `number` | `0` | - | - |
|
|
5
7
|
| `height` | 滚动区域高度 | `number / string` | `100%` | - | - |
|
|
6
8
|
|
|
7
9
|
|
|
8
|
-
|
|
10
|
+
### Events
|
|
9
11
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
10
12
|
| ----- | ----- | ------- | -------- |
|
|
11
|
-
| `change` | 激活节点改变时触发 |
|
|
13
|
+
| `change` | 激活节点改变时触发 | `data`:(index:number)=>void | - |
|
|
14
|
+
|
|
15
|
+
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 基础用法
|
|
8
8
|
|
|
9
9
|
```html
|
|
10
10
|
<script setup lang="ts">
|
|
@@ -35,11 +35,9 @@
|
|
|
35
35
|
|
|
36
36
|
---$
|
|
37
37
|
|
|
38
|
-
### API
|
|
39
|
-
|
|
40
38
|
<!-- props -->
|
|
41
39
|
|
|
42
|
-
|
|
40
|
+
## ScrollTo Method
|
|
43
41
|
|
|
44
42
|
| 方法名 | 说明 | 支持版本 |
|
|
45
43
|
| ------ | ---------------------------------- | -------- |
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `type` | 组件类型 | `string` | `default` | `default`:正常搜索<br/>`nav`:导航栏 | - |
|
|
@@ -28,13 +30,22 @@
|
|
|
28
30
|
| `suggestionsList` | 搜索建议对应的数据 | `array` | `[]` | - | - |
|
|
29
31
|
|
|
30
32
|
|
|
31
|
-
|
|
33
|
+
### Events
|
|
32
34
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
33
35
|
| ----- | ----- | ------- | -------- |
|
|
34
36
|
| `input` | 输入事件 | `value`:输入框的值 | - |
|
|
35
37
|
| `focus` | 聚焦焦点事件 | `value`:输入框的值 | - |
|
|
36
38
|
| `blur` | 失去焦点事件 | `value`:输入框的值 | - |
|
|
37
39
|
| `search` | 确定搜索时触发 | `value`:输入框的值 | - |
|
|
38
|
-
| `clear` | 点击清除按钮后触发 |
|
|
40
|
+
| `clear` | 点击清除按钮后触发 | `data`:() => void | - |
|
|
39
41
|
| `click` | 点击事件 | `value`:输入框的值 | - |
|
|
40
42
|
| `selectSuggestion` | 点击搜索建议触发 | `item`:热词列表对象 | - |
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
### Slots
|
|
46
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
47
|
+
| ----- | ----- | --- | -------- |
|
|
48
|
+
| `prefix` | 输入框前插槽 | - | - |
|
|
49
|
+
| `suffix` | 输入框后插槽 | - | - |
|
|
50
|
+
|
|
51
|
+
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
9
|
**JavaScript**
|
|
10
10
|
|
|
@@ -37,7 +37,7 @@ const onClick = (v: string) => {
|
|
|
37
37
|
</script>
|
|
38
38
|
```
|
|
39
39
|
|
|
40
|
-
|
|
40
|
+
## 基础用法
|
|
41
41
|
|
|
42
42
|
- 通过`input`事件可以捕获用户输入行为,参数为输入的value内容
|
|
43
43
|
- 通过`search`事件可以捕获用户点击`搜索按钮`或`软键盘上的回车`行为,参数为输入的value内容
|
|
@@ -71,7 +71,7 @@ const onClick = (v: string) => {
|
|
|
71
71
|
</template>
|
|
72
72
|
```
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
## 搜索建议
|
|
75
75
|
|
|
76
76
|
- 给`suggestionsList`属性赋值时,会在输入框下方显示,数据结构见下方示例
|
|
77
77
|
- 点击某条建议后会触发搜索的`selectSuggestion`事件,参数为搜索建议对象
|
|
@@ -114,7 +114,7 @@ const onClick = (v: string) => {
|
|
|
114
114
|
</script>
|
|
115
115
|
```
|
|
116
116
|
|
|
117
|
-
|
|
117
|
+
## 热词列表
|
|
118
118
|
|
|
119
119
|
- 可以通过`hotWords`属性传入热词列表
|
|
120
120
|
- 可以通过`interval`属性设置热词切换间隔,单位为毫秒
|
|
@@ -144,7 +144,7 @@ const onClick = (v: string) => {
|
|
|
144
144
|
</template>
|
|
145
145
|
```
|
|
146
146
|
|
|
147
|
-
|
|
147
|
+
## 自定义按钮文本内容
|
|
148
148
|
|
|
149
149
|
- 可以通过`btnText`属性自定义按钮文本内容
|
|
150
150
|
|
|
@@ -162,7 +162,7 @@ const onClick = (v: string) => {
|
|
|
162
162
|
</template>
|
|
163
163
|
```
|
|
164
164
|
|
|
165
|
-
|
|
165
|
+
## 隐藏分割线以及按钮
|
|
166
166
|
|
|
167
167
|
- 可以通过`hiddenLine`属性隐藏分割线
|
|
168
168
|
- 可以通过`hiddenBtn`属性隐藏按钮,隐藏按钮时也会隐藏分割线
|
|
@@ -182,7 +182,7 @@ const onClick = (v: string) => {
|
|
|
182
182
|
</template>
|
|
183
183
|
```
|
|
184
184
|
|
|
185
|
-
|
|
185
|
+
## 隐藏输入框以及按钮
|
|
186
186
|
|
|
187
187
|
- 可以通过设置`hiddenInput`属性隐藏输入框 和 `hiddenBtn`属性隐藏按钮只保留放大镜的功能
|
|
188
188
|
|
|
@@ -202,7 +202,7 @@ const onClick = (v: string) => {
|
|
|
202
202
|
</template>
|
|
203
203
|
```
|
|
204
204
|
|
|
205
|
-
|
|
205
|
+
## 不显示清除图标
|
|
206
206
|
|
|
207
207
|
- 可以通过`clearable`属性来切换清除图标是否显示
|
|
208
208
|
|
|
@@ -220,7 +220,7 @@ const onClick = (v: string) => {
|
|
|
220
220
|
</template>
|
|
221
221
|
```
|
|
222
222
|
|
|
223
|
-
|
|
223
|
+
## 颜色和背景
|
|
224
224
|
|
|
225
225
|
- 可以通过`borderColor`属性设置边框颜色
|
|
226
226
|
- 可以通过`background`属性设置背景颜色或者背景图片
|
|
@@ -284,7 +284,7 @@ const onClick = (v: string) => {
|
|
|
284
284
|
</template>
|
|
285
285
|
```
|
|
286
286
|
|
|
287
|
-
|
|
287
|
+
## 自定义高度以及圆角弧度
|
|
288
288
|
|
|
289
289
|
- 可以通过`height`属性设置搜索框高度,默认值`64`
|
|
290
290
|
- 可以通过`radius`属性设置圆角弧度,默认值`32`
|
|
@@ -303,7 +303,7 @@ const onClick = (v: string) => {
|
|
|
303
303
|
</template>
|
|
304
304
|
```
|
|
305
305
|
|
|
306
|
-
|
|
306
|
+
## 导航模式
|
|
307
307
|
|
|
308
308
|
- 可以通过`type`属性设置`nav`开启导航模式;开启后,点击搜索框任意区域都会触发`click`事件,其他功能失效。
|
|
309
309
|
|
|
@@ -324,7 +324,7 @@ const onClick = (v: string) => {
|
|
|
324
324
|
</template>
|
|
325
325
|
```
|
|
326
326
|
|
|
327
|
-
|
|
327
|
+
## 聚焦
|
|
328
328
|
|
|
329
329
|
- 可以通过`fous`属性控制搜索框聚焦,双向绑定
|
|
330
330
|
|
|
@@ -351,16 +351,7 @@ const onClick = (v: string) => {
|
|
|
351
351
|
|
|
352
352
|
---$
|
|
353
353
|
|
|
354
|
-
### API
|
|
355
|
-
|
|
356
354
|
<!-- props -->
|
|
357
355
|
|
|
358
|
-
#### 组件插槽(Slots)
|
|
359
|
-
|
|
360
|
-
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
361
|
-
| -------- | ------------ | -------- | -------- |
|
|
362
|
-
| `prefix` | 输入框前插槽 | - | - |
|
|
363
|
-
| `suffix` | 输入框后插槽 | - | - |
|
|
364
|
-
|
|
365
356
|
---$
|
|
366
357
|
{{xuyajun}}
|
|
@@ -167,7 +167,6 @@
|
|
|
167
167
|
{
|
|
168
168
|
"name": "[event]input",
|
|
169
169
|
"description": "输入事件",
|
|
170
|
-
"type": "(value: string) => void",
|
|
171
170
|
"params": [
|
|
172
171
|
{
|
|
173
172
|
"name": "value",
|
|
@@ -178,7 +177,6 @@
|
|
|
178
177
|
{
|
|
179
178
|
"name": "[event]focus",
|
|
180
179
|
"description": "聚焦焦点事件",
|
|
181
|
-
"type": "(value: string) => void",
|
|
182
180
|
"params": [
|
|
183
181
|
{
|
|
184
182
|
"name": "value",
|
|
@@ -189,7 +187,6 @@
|
|
|
189
187
|
{
|
|
190
188
|
"name": "[event]blur",
|
|
191
189
|
"description": "失去焦点事件",
|
|
192
|
-
"type": "(value: string) => void",
|
|
193
190
|
"params": [
|
|
194
191
|
{
|
|
195
192
|
"name": "value",
|
|
@@ -200,7 +197,6 @@
|
|
|
200
197
|
{
|
|
201
198
|
"name": "[event]search",
|
|
202
199
|
"description": "确定搜索时触发",
|
|
203
|
-
"type": "(value: string) => void",
|
|
204
200
|
"params": [
|
|
205
201
|
{
|
|
206
202
|
"name": "value",
|
|
@@ -211,12 +207,16 @@
|
|
|
211
207
|
{
|
|
212
208
|
"name": "[event]clear",
|
|
213
209
|
"description": "点击清除按钮后触发",
|
|
214
|
-
"
|
|
210
|
+
"params": [
|
|
211
|
+
{
|
|
212
|
+
"name": "data",
|
|
213
|
+
"description": "() => void"
|
|
214
|
+
}
|
|
215
|
+
]
|
|
215
216
|
},
|
|
216
217
|
{
|
|
217
218
|
"name": "[event]click",
|
|
218
219
|
"description": "点击事件",
|
|
219
|
-
"type": "(value: string) => void",
|
|
220
220
|
"params": [
|
|
221
221
|
{
|
|
222
222
|
"name": "value",
|
|
@@ -227,13 +227,20 @@
|
|
|
227
227
|
{
|
|
228
228
|
"name": "[event]selectSuggestion",
|
|
229
229
|
"description": "点击搜索建议触发",
|
|
230
|
-
"type": "(item: object) => void",
|
|
231
230
|
"params": [
|
|
232
231
|
{
|
|
233
232
|
"name": "item",
|
|
234
233
|
"description": "热词列表对象"
|
|
235
234
|
}
|
|
236
235
|
]
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"name": "[slot]prefix",
|
|
239
|
+
"description": "输入框前插槽"
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"name": "[slot]suffix",
|
|
243
|
+
"description": "输入框后插槽"
|
|
237
244
|
}
|
|
238
245
|
]
|
|
239
246
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `value` | 当前值(支持v-model双向绑定) | `string / number` | `` | - | - |
|
|
@@ -12,7 +14,9 @@
|
|
|
12
14
|
| `confirmType` | 确认按钮类型 | `string` | `done` | - | - |
|
|
13
15
|
|
|
14
16
|
|
|
15
|
-
|
|
17
|
+
### Events
|
|
16
18
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
17
19
|
| ----- | ----- | ------- | -------- |
|
|
18
20
|
| `search` | 确定搜索时触发 | `value`:输入框的值 | - |
|
|
21
|
+
|
|
22
|
+
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 基础用法
|
|
8
8
|
|
|
9
9
|
```html
|
|
10
10
|
<script setup lang="ts">
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
</template>
|
|
22
22
|
```
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
## 日期选择时间段
|
|
25
25
|
|
|
26
26
|
```html
|
|
27
27
|
<script setup lang="ts">
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
</template>
|
|
40
40
|
```
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
## 输入框字体
|
|
43
43
|
|
|
44
44
|
```html
|
|
45
45
|
<script setup lang="ts">
|
|
@@ -58,8 +58,6 @@
|
|
|
58
58
|
|
|
59
59
|
---$
|
|
60
60
|
|
|
61
|
-
### API
|
|
62
|
-
|
|
63
61
|
<!-- props -->
|
|
64
62
|
|
|
65
63
|
---$
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
"description": "搜索组件",
|
|
4
4
|
"example": "<ste-search-box></ste-search-box>",
|
|
5
5
|
"tutorial": "https://stellar-ui.intecloud.com.cn/?projectName=stellar-ui-plus&menu=%E7%BB%84%E4%BB%B6&active=ste-search-box",
|
|
6
|
-
|
|
7
6
|
"attributes": [
|
|
8
7
|
{
|
|
9
8
|
"name": "value",
|
|
@@ -71,7 +70,6 @@
|
|
|
71
70
|
{
|
|
72
71
|
"name": "[event]search",
|
|
73
72
|
"description": "确定搜索时触发",
|
|
74
|
-
"type": "(value: string) => void",
|
|
75
73
|
"params": [
|
|
76
74
|
{
|
|
77
75
|
"name": "value",
|
|
@@ -80,4 +78,4 @@
|
|
|
80
78
|
]
|
|
81
79
|
}
|
|
82
80
|
]
|
|
83
|
-
}
|
|
81
|
+
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `modelValue` | 绑定的值,支持v-model双向绑定 | `number / string / Array<number / string>` | - | - | - |
|
|
@@ -30,11 +32,13 @@
|
|
|
30
32
|
| `clearable` | 显示清楚按钮 | `boolean` | `false` | - | `1.16.17` |
|
|
31
33
|
|
|
32
34
|
|
|
33
|
-
|
|
35
|
+
### Events
|
|
34
36
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
35
37
|
| ----- | ----- | ------- | -------- |
|
|
36
38
|
| `change` | 选择时触发 | `value`:选中的值或选中值列表<br/>`option`:选中的选项或选中项列表 | - |
|
|
37
|
-
| `cancel` | 取消选择时触发 |
|
|
39
|
+
| `cancel` | 取消选择时触发 | `data`:()=>void | - |
|
|
38
40
|
| `confirm` | 确定选择时触发 | `value`:选中的值或选中值列表 | - |
|
|
39
|
-
| `inputFilterable` | 搜索框输入数据时触发 |
|
|
40
|
-
| `loadMore` | 上拉触底时触发 |
|
|
41
|
+
| `inputFilterable` | 搜索框输入数据时触发 | `data`:(str:string)=>void | `1.16.16` |
|
|
42
|
+
| `loadMore` | 上拉触底时触发 | `data`:()=>void | `1.16.16` |
|
|
43
|
+
|
|
44
|
+
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
## 使用示例
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础用法
|
|
10
10
|
|
|
11
11
|
- 属性`list`接收一个数组,数组中的每一项为一个对象,对象中包含`label`和`value`两个属性,分别表示节点的显示文本和节点的值
|
|
12
12
|
- 若`lable`和`value`属性字段名不同,可通过`labelKey`和`valueKey`属性进行设置
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
</script>
|
|
40
40
|
```
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
## 多选
|
|
43
43
|
|
|
44
44
|
- 属性`multiple`设置为`true`时,可进行多选
|
|
45
45
|
- 属性`value`接收一个数组,数组中的每一项表示一个选中的节点值
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
</script>
|
|
66
66
|
```
|
|
67
67
|
|
|
68
|
-
|
|
68
|
+
## 多列选择
|
|
69
69
|
|
|
70
70
|
- 属性`list`可接收一个二维数组,数组中的每一项为一个对象,对象结构同上
|
|
71
71
|
- 属性`value`接收一个数组,数组中的每一项表示一个选中的节点值
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
</script>
|
|
91
91
|
```
|
|
92
92
|
|
|
93
|
-
|
|
93
|
+
## 树形选择
|
|
94
94
|
|
|
95
95
|
- 属性`list`可接收一个树形结构数组,数组中的每一项为一个对象,对象结构同上,`children`属性表示子节点
|
|
96
96
|
- 若`children`属性字段名不同,可通过`childrenKey`属性进行设置
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
</script>
|
|
126
126
|
```
|
|
127
127
|
|
|
128
|
-
|
|
128
|
+
## 日期时间选择器
|
|
129
129
|
|
|
130
130
|
- 属性`mode`设置为`date`时,可进行日期选择
|
|
131
131
|
- 设置为`time`时,可进行时间选择
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
</template>
|
|
149
149
|
```
|
|
150
150
|
|
|
151
|
-
|
|
151
|
+
## 搜索
|
|
152
152
|
|
|
153
153
|
- 属性`mode`设置为`filterable`时,可进行搜索(仅`list`为一维数组时有效)
|
|
154
154
|
|
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
</script>
|
|
172
172
|
```
|
|
173
173
|
|
|
174
|
-
|
|
174
|
+
## 创建条目
|
|
175
175
|
|
|
176
176
|
- 属性`allowCreate`设置为`true`时,可进行创建条目(仅在`mode`属性为`filterable`时并且`list`为一维数组时生效)
|
|
177
177
|
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
</script>
|
|
196
196
|
```
|
|
197
197
|
|
|
198
|
-
|
|
198
|
+
## 远程搜索
|
|
199
199
|
|
|
200
200
|
- 当在`mode`属性为`filterable`时,属性`autoFilterable`设置为`false`时,则不会执行自动筛选,可通过`inputFilterable`监听输入执行远程搜索
|
|
201
201
|
|
|
@@ -273,7 +273,7 @@
|
|
|
273
273
|
</script>
|
|
274
274
|
```
|
|
275
275
|
|
|
276
|
-
|
|
276
|
+
## 分页
|
|
277
277
|
|
|
278
278
|
- 事件`loadMore`可监听上拉触底(多列渲染无效)
|
|
279
279
|
- 属性`total`控制每页显示条数
|
|
@@ -312,9 +312,9 @@
|
|
|
312
312
|
|
|
313
313
|
---$
|
|
314
314
|
|
|
315
|
-
|
|
315
|
+
## API
|
|
316
316
|
|
|
317
|
-
|
|
317
|
+
## Props
|
|
318
318
|
|
|
319
319
|
背景之外的颜色属性只支持`16进制`、`RGB`、`RGBA`格式
|
|
320
320
|
|
|
@@ -249,7 +249,6 @@
|
|
|
249
249
|
{
|
|
250
250
|
"name": "[event]change",
|
|
251
251
|
"description": "选择时触发",
|
|
252
|
-
"type": "(value: string | number,option: SelectOption | SelectOption[])=>void",
|
|
253
252
|
"params": [
|
|
254
253
|
{
|
|
255
254
|
"name": "value",
|
|
@@ -264,12 +263,16 @@
|
|
|
264
263
|
{
|
|
265
264
|
"name": "[event]cancel",
|
|
266
265
|
"description": "取消选择时触发",
|
|
267
|
-
"
|
|
266
|
+
"params": [
|
|
267
|
+
{
|
|
268
|
+
"name": "data",
|
|
269
|
+
"description": "()=>void"
|
|
270
|
+
}
|
|
271
|
+
]
|
|
268
272
|
},
|
|
269
273
|
{
|
|
270
274
|
"name": "[event]confirm",
|
|
271
275
|
"description": "确定选择时触发",
|
|
272
|
-
"type": "(value: string | number | (string | number)[])=>void",
|
|
273
276
|
"params": [
|
|
274
277
|
{
|
|
275
278
|
"name": "value",
|
|
@@ -281,13 +284,23 @@
|
|
|
281
284
|
"name": "[event]inputFilterable",
|
|
282
285
|
"description": "搜索框输入数据时触发",
|
|
283
286
|
"version": "1.16.16",
|
|
284
|
-
"
|
|
287
|
+
"params": [
|
|
288
|
+
{
|
|
289
|
+
"name": "data",
|
|
290
|
+
"description": "(str:string)=>void"
|
|
291
|
+
}
|
|
292
|
+
]
|
|
285
293
|
},
|
|
286
294
|
{
|
|
287
295
|
"name": "[event]loadMore",
|
|
288
296
|
"description": "上拉触底时触发",
|
|
289
297
|
"version": "1.16.16",
|
|
290
|
-
"
|
|
298
|
+
"params": [
|
|
299
|
+
{
|
|
300
|
+
"name": "data",
|
|
301
|
+
"description": "()=>void"
|
|
302
|
+
}
|
|
303
|
+
]
|
|
291
304
|
}
|
|
292
305
|
]
|
|
293
|
-
}
|
|
306
|
+
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `modelValue` | 已选座位坐标列表(仅包含 row/col) | `SteSelectSeatValue[]` | - | - | - |
|
|
@@ -11,8 +13,10 @@
|
|
|
11
13
|
| `seatGap` | 座位间距(rpx) | `number` | `8` | - | - |
|
|
12
14
|
|
|
13
15
|
|
|
14
|
-
|
|
16
|
+
### Events
|
|
15
17
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
16
18
|
| ----- | ----- | ------- | -------- |
|
|
17
|
-
| `seat-click` | 点击有效座位事件(empty/disabled 不触发) |
|
|
18
|
-
| `move` | 拖动/缩放事件 |
|
|
19
|
+
| `seat-click` | 点击有效座位事件(empty/disabled 不触发) | `data`:(seat: SteSelectSeatItem) => void | - |
|
|
20
|
+
| `move` | 拖动/缩放事件 | `data`:(data: { translateX, translateY, scale, screenTranslateX }) => void | - |
|
|
21
|
+
|
|
22
|
+
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础用法
|
|
10
10
|
|
|
11
11
|
最简单的用法只需要传入行列数和画布尺寸。
|
|
12
12
|
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
</script>
|
|
24
24
|
```
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
## 自定义座位
|
|
27
27
|
|
|
28
28
|
通过 `seats` 可以覆盖指定坐标的座位属性,常见场景包括:
|
|
29
29
|
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
</script>
|
|
56
56
|
```
|
|
57
57
|
|
|
58
|
-
|
|
58
|
+
## 预选座位
|
|
59
59
|
|
|
60
60
|
预选本质上就是给 `v-model` 初始值。这里的坐标只表示“已选状态”,不负责定义座位是否禁用、是否留空。
|
|
61
61
|
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
</script>
|
|
78
78
|
```
|
|
79
79
|
|
|
80
|
-
|
|
80
|
+
## 重置位置
|
|
81
81
|
|
|
82
82
|
组件实例暴露了 `reset()`,用于把当前缩放和拖拽视口恢复到初始状态,不会清空已选座位。
|
|
83
83
|
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
</script>
|
|
101
101
|
```
|
|
102
102
|
|
|
103
|
-
|
|
103
|
+
## 电影院座位图
|
|
104
104
|
|
|
105
105
|
复杂场景通常会同时用到以下能力:
|
|
106
106
|
|
|
@@ -221,31 +221,17 @@
|
|
|
221
221
|
|
|
222
222
|
---$
|
|
223
223
|
|
|
224
|
-
## API
|
|
225
|
-
|
|
226
224
|
<!-- props -->
|
|
227
225
|
|
|
228
|
-
### 组件方法(Methods)
|
|
229
|
-
|
|
230
|
-
通过组件实例 `ref` 可调用以下方法:
|
|
231
|
-
|
|
232
|
-
| 方法名 | 说明 | 参数 |
|
|
233
|
-
| ---------- | ------------------------------------------------ | -------------------------------------------------------------- |
|
|
234
|
-
| `setSeat` | 设置指定座位属性,不直接控制选中状态 | `(row: number, col: number, data: Partial<SteSelectSeatItem>)` |
|
|
235
|
-
| `getSeats` | 获取内部当前全量座位数据,包含自动补齐的普通座位 | - |
|
|
236
|
-
| `reset` | 重置当前缩放和拖拽位置,不清空 `modelValue` | - |
|
|
237
|
-
|
|
238
|
-
`setSeat()` 常用于接口返回后,动态更新某个座位的可售状态或颜色。
|
|
239
|
-
|
|
240
226
|
## 数据说明
|
|
241
227
|
|
|
242
|
-
|
|
228
|
+
## 坐标约定
|
|
243
229
|
|
|
244
230
|
- 所有 `row`、`col` 均从 `0` 开始计数
|
|
245
231
|
- `row: 0, col: 0` 表示第一行第一列
|
|
246
232
|
- 页面展示给用户时,通常会自行转成 `row + 1`、`col + 1`
|
|
247
233
|
|
|
248
|
-
|
|
234
|
+
## `modelValue` 与 `seats` 的区别
|
|
249
235
|
|
|
250
236
|
- `modelValue` 只表示当前选中了哪些座位
|
|
251
237
|
- `seats` 只表示这些座位是什么属性
|
|
@@ -51,12 +51,22 @@
|
|
|
51
51
|
{
|
|
52
52
|
"name": "[event]seat-click",
|
|
53
53
|
"description": "点击有效座位事件(empty/disabled 不触发)",
|
|
54
|
-
"
|
|
54
|
+
"params": [
|
|
55
|
+
{
|
|
56
|
+
"name": "data",
|
|
57
|
+
"description": "(seat: SteSelectSeatItem) => void"
|
|
58
|
+
}
|
|
59
|
+
]
|
|
55
60
|
},
|
|
56
61
|
{
|
|
57
62
|
"name": "[event]move",
|
|
58
63
|
"description": "拖动/缩放事件",
|
|
59
|
-
"
|
|
64
|
+
"params": [
|
|
65
|
+
{
|
|
66
|
+
"name": "data",
|
|
67
|
+
"description": "(data: { translateX, translateY, scale, screenTranslateX }) => void"
|
|
68
|
+
}
|
|
69
|
+
]
|
|
60
70
|
}
|
|
61
71
|
]
|
|
62
|
-
}
|
|
72
|
+
}
|