stellar-ui-plus 1.25.1 → 1.25.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ste-animate/ATTRIBUTES.md +13 -5
- package/components/ste-animate/README.md +4 -28
- package/components/ste-animate/ste-animate.easycom.json +31 -9
- package/components/ste-app-update/ATTRIBUTES.md +11 -5
- package/components/ste-app-update/README.md +1 -3
- package/components/ste-app-update/method.ts +44 -1
- package/components/ste-app-update/props.ts +17 -2
- package/components/ste-app-update/ste-app-update.easycom.json +18 -8
- package/components/ste-app-update/ste-app-update.vue +93 -18
- package/components/ste-area-chart/ATTRIBUTES.md +3 -1
- package/components/ste-area-chart/README.md +21 -4
- package/components/ste-area-chart/ste-area-chart.vue +33 -1
- package/components/ste-badge/ATTRIBUTES.md +10 -1
- package/components/ste-badge/README.md +9 -18
- package/components/ste-badge/ste-badge.easycom.json +8 -0
- package/components/ste-bar-chart/ATTRIBUTES.md +3 -1
- package/components/ste-bar-chart/README.md +20 -5
- package/components/ste-bar-chart/ste-bar-chart.vue +34 -1
- package/components/ste-barcode/ATTRIBUTES.md +6 -2
- package/components/ste-barcode/README.md +3 -5
- package/components/ste-barcode/ste-barcode.easycom.json +1 -2
- package/components/ste-button/ATTRIBUTES.md +24 -14
- package/components/ste-button/README.md +11 -19
- package/components/ste-button/ste-button.easycom.json +76 -12
- package/components/ste-calendar/ATTRIBUTES.md +12 -2
- package/components/ste-calendar/README.md +16 -24
- package/components/ste-calendar/ste-calendar.easycom.json +4 -3
- package/components/ste-category/ATTRIBUTES.md +6 -2
- package/components/ste-category/README.md +2 -4
- package/components/ste-category/ste-category.easycom.json +1 -2
- package/components/ste-checkbox/ATTRIBUTES.md +6 -2
- package/components/ste-checkbox/README.md +18 -20
- package/components/ste-checkbox/ste-checkbox.easycom.json +1 -3
- package/components/ste-checkbox/ste-checkbox.vue +71 -80
- package/components/ste-code-input/ATTRIBUTES.md +8 -4
- package/components/ste-code-input/README.md +7 -9
- package/components/ste-code-input/ste-code-input.easycom.json +13 -4
- package/components/ste-column-chart/ATTRIBUTES.md +3 -1
- package/components/ste-column-chart/README.md +22 -7
- package/components/ste-column-chart/ste-column-chart.vue +34 -1
- package/components/ste-comment/ATTRIBUTES.md +3 -1
- package/components/ste-comment/README.md +2 -4
- package/components/ste-coupon-list/ATTRIBUTES.md +15 -5
- package/components/ste-coupon-list/README.md +6 -14
- package/components/ste-coupon-list/ste-coupon-list.easycom.json +22 -3
- package/components/ste-custom-keyboard/ATTRIBUTES.md +16 -7
- package/components/ste-custom-keyboard/README.md +10 -18
- package/components/ste-custom-keyboard/ste-custom-keyboard.easycom.json +28 -10
- package/components/ste-date-picker/ATTRIBUTES.md +9 -5
- package/components/ste-date-picker/README.md +9 -11
- package/components/ste-date-picker/ste-date-picker.easycom.json +19 -4
- package/components/ste-date-user/ATTRIBUTES.md +9 -1
- package/components/ste-date-user/README.md +3 -11
- package/components/ste-date-user/ste-date-user.easycom.json +4 -0
- package/components/ste-drag/ATTRIBUTES.md +13 -3
- package/components/ste-drag/README.md +5 -13
- package/components/ste-drag/ste-drag.easycom.json +10 -2
- package/components/ste-drag-sort/ATTRIBUTES.md +25 -0
- package/components/ste-drag-sort/README.md +116 -0
- package/components/ste-drag-sort/config.json +5 -0
- package/components/ste-drag-sort/props.ts +16 -0
- package/components/ste-drag-sort/ste-drag-sort.easycom.json +88 -0
- package/components/ste-drag-sort/ste-drag-sort.vue +589 -0
- package/components/ste-dropdown-menu/ATTRIBUTES.md +8 -4
- package/components/ste-dropdown-menu/README.md +14 -16
- package/components/ste-dropdown-menu/ste-dropdown-menu.easycom.json +13 -4
- package/components/ste-filter-tool/ATTRIBUTES.md +6 -2
- package/components/ste-filter-tool/README.md +4 -6
- package/components/ste-filter-tool/ste-filter-tool.easycom.json +1 -5
- package/components/ste-function-list/ATTRIBUTES.md +13 -2
- package/components/ste-function-list/README.md +3 -12
- package/components/ste-function-list/ste-function-list.easycom.json +8 -3
- package/components/ste-funnel-chart/ATTRIBUTES.md +3 -1
- package/components/ste-funnel-chart/README.md +21 -6
- package/components/ste-funnel-chart/ste-funnel-chart.vue +34 -1
- package/components/ste-goods-info/ATTRIBUTES.md +15 -4
- package/components/ste-goods-info/README.md +8 -17
- package/components/ste-goods-info/ste-goods-info.easycom.json +40 -13
- package/components/ste-goods-list/ATTRIBUTES.md +9 -1
- package/components/ste-goods-list/README.md +4 -12
- package/components/ste-goods-list/ste-goods-list.easycom.json +4 -0
- package/components/ste-guide-qa/ATTRIBUTES.md +15 -4
- package/components/ste-guide-qa/README.md +6 -15
- package/components/ste-guide-qa/ste-guide-qa.easycom.json +20 -2
- package/components/ste-icon/ATTRIBUTES.md +7 -3
- package/components/ste-icon/README.md +5 -7
- package/components/ste-icon/ste-icon.easycom.json +7 -2
- package/components/ste-image/ATTRIBUTES.md +13 -2
- package/components/ste-image/README.md +6 -15
- package/components/ste-image/ste-image.easycom.json +8 -3
- package/components/ste-index-list/ATTRIBUTES.md +8 -4
- package/components/ste-index-list/README.md +6 -8
- package/components/ste-index-list/ste-index-list.easycom.json +13 -3
- package/components/ste-input/ATTRIBUTES.md +14 -3
- package/components/ste-input/README.md +16 -25
- package/components/ste-input/ste-input.easycom.json +14 -5
- package/components/ste-line-chart/ATTRIBUTES.md +3 -1
- package/components/ste-line-chart/README.md +22 -7
- package/components/ste-line-chart/ste-line-chart.vue +34 -1
- package/components/ste-loading/ATTRIBUTES.md +3 -1
- package/components/ste-loading/README.md +6 -8
- package/components/ste-login/ATTRIBUTES.md +12 -2
- package/components/ste-login/README.md +7 -15
- package/components/ste-login/ste-login.easycom.json +4 -7
- package/components/ste-login-info/ATTRIBUTES.md +6 -2
- package/components/ste-login-info/README.md +2 -4
- package/components/ste-login-info/ste-login-info.easycom.json +1 -4
- package/components/ste-marquee/ATTRIBUTES.md +44 -0
- package/components/ste-marquee/README.md +123 -0
- package/components/ste-marquee/config.json +5 -0
- package/components/ste-marquee/props.ts +106 -0
- package/components/ste-marquee/ste-marquee.easycom.json +132 -0
- package/components/ste-marquee/ste-marquee.vue +249 -0
- package/components/ste-media-preview/ATTRIBUTES.md +14 -4
- package/components/ste-media-preview/README.md +23 -32
- package/components/ste-media-preview/ste-media-preview.easycom.json +16 -4
- package/components/ste-message-box/ATTRIBUTES.md +3 -1
- package/components/ste-message-box/README.md +11 -13
- package/components/ste-navbar/ATTRIBUTES.md +13 -3
- package/components/ste-navbar/README.md +5 -13
- package/components/ste-navbar/ste-navbar.easycom.json +10 -1
- package/components/ste-notice-bar/ATTRIBUTES.md +16 -5
- package/components/ste-notice-bar/README.md +11 -20
- package/components/ste-notice-bar/ste-notice-bar.easycom.json +26 -3
- package/components/ste-number-keyboard/ATTRIBUTES.md +17 -7
- package/components/ste-number-keyboard/README.md +9 -18
- package/components/ste-number-keyboard/ste-number-keyboard.easycom.json +32 -9
- package/components/ste-order-card/ATTRIBUTES.md +6 -2
- package/components/ste-order-card/README.md +4 -6
- package/components/ste-order-card/ste-order-card.easycom.json +1 -4
- package/components/ste-pie-chart/ATTRIBUTES.md +3 -1
- package/components/ste-pie-chart/README.md +21 -6
- package/components/ste-pie-chart/ste-pie-chart.vue +34 -1
- package/components/ste-popup/ATTRIBUTES.md +15 -5
- package/components/ste-popup/README.md +10 -18
- package/components/ste-popup/ste-popup.easycom.json +22 -4
- package/components/ste-price/ATTRIBUTES.md +7 -3
- package/components/ste-price/README.md +10 -12
- package/components/ste-price/ste-price.easycom.json +7 -2
- package/components/ste-progress/ATTRIBUTES.md +9 -1
- package/components/ste-progress/README.md +9 -17
- package/components/ste-progress/ste-progress.easycom.json +4 -0
- package/components/ste-qrcode/ATTRIBUTES.md +6 -2
- package/components/ste-qrcode/README.md +4 -6
- package/components/ste-qrcode/ste-qrcode.easycom.json +1 -2
- package/components/ste-radio/ATTRIBUTES.md +6 -2
- package/components/ste-radio/README.md +17 -19
- package/components/ste-radio/ste-radio.easycom.json +1 -3
- package/components/ste-radio/ste-radio.vue +109 -85
- package/components/ste-rate/ATTRIBUTES.md +7 -3
- package/components/ste-rate/README.md +8 -10
- package/components/ste-rate/ste-rate.easycom.json +7 -2
- package/components/ste-read-more/ATTRIBUTES.md +20 -4
- package/components/ste-read-more/README.md +5 -19
- package/components/ste-read-more/ste-read-more.easycom.json +20 -2
- package/components/ste-rich-text/ATTRIBUTES.md +3 -1
- package/components/ste-rich-text/README.md +2 -4
- package/components/ste-ring-chart/ATTRIBUTES.md +3 -1
- package/components/ste-ring-chart/README.md +22 -5
- package/components/ste-ring-chart/ste-ring-chart.vue +33 -1
- package/components/ste-scroll-to/ATTRIBUTES.md +7 -3
- package/components/ste-scroll-to/README.md +2 -4
- package/components/ste-scroll-to/ste-scroll-to.easycom.json +7 -2
- package/components/ste-search/ATTRIBUTES.md +14 -3
- package/components/ste-search/README.md +12 -21
- package/components/ste-search/ste-search.easycom.json +14 -7
- package/components/ste-search-box/ATTRIBUTES.md +6 -2
- package/components/ste-search-box/README.md +3 -5
- package/components/ste-search-box/ste-search-box.easycom.json +1 -3
- package/components/ste-select/ATTRIBUTES.md +9 -5
- package/components/ste-select/README.md +11 -11
- package/components/ste-select/ste-select.easycom.json +19 -6
- package/components/ste-select-seat/ATTRIBUTES.md +8 -4
- package/components/ste-select-seat/README.md +7 -21
- package/components/ste-select-seat/ste-select-seat.easycom.json +13 -3
- package/components/ste-signature/ATTRIBUTES.md +18 -5
- package/components/ste-signature/README.md +3 -14
- package/components/ste-signature/ste-signature.easycom.json +50 -3
- package/components/ste-simple-calendar/ATTRIBUTES.md +16 -4
- package/components/ste-simple-calendar/README.md +8 -18
- package/components/ste-simple-calendar/ste-simple-calendar.easycom.json +30 -2
- package/components/ste-skeleton/ATTRIBUTES.md +9 -1
- package/components/ste-skeleton/README.md +5 -13
- package/components/ste-skeleton/ste-skeleton.easycom.json +4 -0
- package/components/ste-slide-verify/ATTRIBUTES.md +16 -5
- package/components/ste-slide-verify/README.md +7 -16
- package/components/ste-slide-verify/ste-slide-verify.easycom.json +26 -3
- package/components/ste-slider/ATTRIBUTES.md +14 -2
- package/components/ste-slider/README.md +11 -21
- package/components/ste-slider/ste-slider.easycom.json +12 -4
- package/components/ste-stepper/ATTRIBUTES.md +9 -5
- package/components/ste-stepper/README.md +9 -13
- package/components/ste-stepper/ste-stepper.easycom.json +19 -6
- package/components/ste-steps/ATTRIBUTES.md +6 -2
- package/components/ste-steps/README.md +9 -11
- package/components/ste-steps/ste-steps.easycom.json +1 -2
- package/components/ste-sticky/ATTRIBUTES.md +8 -4
- package/components/ste-sticky/README.md +2 -4
- package/components/ste-sticky/ste-sticky.easycom.json +13 -3
- package/components/ste-swipe-action/ATTRIBUTES.md +14 -3
- package/components/ste-swipe-action/README.md +9 -18
- package/components/ste-swipe-action/ste-swipe-action.easycom.json +20 -2
- package/components/ste-swipe-action/useData.ts +15 -8
- package/components/ste-swipe-action-group/ATTRIBUTES.md +6 -2
- package/components/ste-swipe-action-group/ste-swipe-action-group.easycom.json +1 -3
- package/components/ste-swiper/ATTRIBUTES.md +6 -2
- package/components/ste-swiper/README.md +12 -14
- package/components/ste-swiper/ste-swiper.easycom.json +1 -3
- package/components/ste-switch/ATTRIBUTES.md +8 -4
- package/components/ste-switch/README.md +7 -9
- package/components/ste-switch/ste-switch.easycom.json +13 -3
- package/components/ste-tab/ATTRIBUTES.md +3 -1
- package/components/ste-table/ATTRIBUTES.md +12 -8
- package/components/ste-table/README.md +23 -23
- package/components/ste-table/ste-table.easycom.json +38 -9
- package/components/ste-tabs/ATTRIBUTES.md +9 -4
- package/components/ste-tabs/README.md +4 -6
- package/components/ste-tabs/props.ts +3 -0
- package/components/ste-tabs/ste-tabs.easycom.json +18 -2
- package/components/ste-tabs/useData.ts +1 -1
- package/components/ste-text/ATTRIBUTES.md +9 -1
- package/components/ste-text/README.md +4 -12
- package/components/ste-text/ste-text.easycom.json +4 -0
- package/components/ste-toast/ATTRIBUTES.md +10 -1
- package/components/ste-toast/README.md +9 -18
- package/components/ste-toast/ste-toast.easycom.json +14 -0
- package/components/ste-touch-swipe/ATTRIBUTES.md +6 -2
- package/components/ste-touch-swipe/README.md +4 -6
- package/components/ste-touch-swipe/ste-touch-swipe.easycom.json +1 -2
- package/components/ste-tour/ATTRIBUTES.md +7 -3
- package/components/ste-tour/README.md +5 -7
- package/components/ste-tour/ste-tour.easycom.json +11 -4
- package/components/ste-tree/ATTRIBUTES.md +15 -2
- package/components/ste-tree/README.md +6 -17
- package/components/ste-tree/ste-tree.easycom.json +16 -4
- package/components/ste-upload/ATTRIBUTES.md +17 -5
- package/components/ste-upload/README.md +9 -20
- package/components/ste-upload/ste-upload.easycom.json +36 -9
- package/components/ste-user-info/ATTRIBUTES.md +15 -5
- package/components/ste-user-info/README.md +5 -13
- package/components/ste-user-info/ste-user-info.easycom.json +22 -4
- package/components/ste-video/ATTRIBUTES.md +3 -1
- package/components/ste-video/README.md +4 -8
- package/components/ste-watermark/ATTRIBUTES.md +3 -1
- package/components/ste-watermark/README.md +5 -7
- package/config/font-size.ts +3 -0
- package/config/index.ts +5 -0
- package/index.ts +4 -0
- package/package.json +1 -1
- package/types/components.d.ts +4 -0
- package/types/refComponents.d.ts +4 -0
- package/utils/System.ts +50 -15
- package/utils/mixin.ts +4 -3
|
@@ -4,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
|
+
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `customClass` | 自定义class | `string` | - | - | - |
|
|
@@ -10,9 +12,20 @@
|
|
|
10
12
|
| `height` | 高度 | `string / number` | `100%` | - | - |
|
|
11
13
|
|
|
12
14
|
|
|
13
|
-
|
|
15
|
+
### Events
|
|
14
16
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
15
17
|
| ----- | ----- | ------- | -------- |
|
|
16
|
-
| `start` | 笔画开始时触发 |
|
|
17
|
-
| `signing` | 画图中触发 |
|
|
18
|
-
| `end` | 笔画结束时触发 |
|
|
18
|
+
| `start` | 笔画开始时触发 | `data`:() => void | - |
|
|
19
|
+
| `signing` | 画图中触发 | `data`:() => void | - |
|
|
20
|
+
| `end` | 笔画结束时触发 | `data`:() => void | - |
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### Methods
|
|
24
|
+
| 方法名 | 说明 | 参数 | 返回值 | 支持版本 |
|
|
25
|
+
| ----- | ----- | --- | ------ | -------- |
|
|
26
|
+
| `clear` | 清空画布 | - | - | - |
|
|
27
|
+
| `back` | 回退 | - | - | - |
|
|
28
|
+
| `save` | 保存为图片 | `成功回调函数`:(base64)=>void<br/>`失败回调函数`:(err)=>void | - | - |
|
|
29
|
+
| `output` | 自定义输出 | `Options`:{orientation:string;success:(base64)=>void;fail:(err)=>void} | - | - |
|
|
30
|
+
|
|
31
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础使用
|
|
10
10
|
|
|
11
11
|
- `type` 签名保存图片类型,支持 `jpg` 和 `png`(默认) 两种格式。
|
|
12
12
|
- 此处使用 `jpg` 格式。因为媒体预览背景是黑色,画笔颜色是黑色,`png`格式图片时预览看不见
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
</style>
|
|
71
71
|
```
|
|
72
72
|
|
|
73
|
-
|
|
73
|
+
## 画笔颜色和线宽
|
|
74
74
|
|
|
75
75
|
- 属性`strokeColor`可以自定义画笔颜色,默认`#000000`(黑色)
|
|
76
76
|
- 属性`lineWidth`可以自定义画笔线宽,默认`3`
|
|
@@ -83,18 +83,7 @@
|
|
|
83
83
|
|
|
84
84
|
---$
|
|
85
85
|
|
|
86
|
-
### API
|
|
87
|
-
|
|
88
86
|
<!-- props -->
|
|
89
87
|
|
|
90
|
-
#### 组件方法(Method)
|
|
91
|
-
|
|
92
|
-
| 方法名 | 说明 | 方法参数 | 支持版本 |
|
|
93
|
-
| -------- | ---------- | ------------------------------------------------------------ | -------- |
|
|
94
|
-
| `clear` | 清空画布 | - | - |
|
|
95
|
-
| `back` | 回退 | - | - |
|
|
96
|
-
| `save` | 保存为图片 | (base64)=>void,(err)=>void | - |
|
|
97
|
-
| `output` | 自定义输出 | {orientation:string;success:(base64)=>void;fail:(err)=>void} | `1.24.6` |
|
|
98
|
-
|
|
99
88
|
---$
|
|
100
89
|
{{xuyajun}}
|
|
@@ -58,17 +58,64 @@
|
|
|
58
58
|
{
|
|
59
59
|
"name": "[event]start",
|
|
60
60
|
"description": "笔画开始时触发",
|
|
61
|
-
"
|
|
61
|
+
"params": [
|
|
62
|
+
{
|
|
63
|
+
"name": "data",
|
|
64
|
+
"description": "() => void"
|
|
65
|
+
}
|
|
66
|
+
]
|
|
62
67
|
},
|
|
63
68
|
{
|
|
64
69
|
"name": "[event]signing",
|
|
65
70
|
"description": "画图中触发",
|
|
66
|
-
"
|
|
71
|
+
"params": [
|
|
72
|
+
{
|
|
73
|
+
"name": "data",
|
|
74
|
+
"description": "() => void"
|
|
75
|
+
}
|
|
76
|
+
]
|
|
67
77
|
},
|
|
68
78
|
{
|
|
69
79
|
"name": "[event]end",
|
|
70
80
|
"description": "笔画结束时触发",
|
|
71
|
-
"
|
|
81
|
+
"params": [
|
|
82
|
+
{
|
|
83
|
+
"name": "data",
|
|
84
|
+
"description": "() => void"
|
|
85
|
+
}
|
|
86
|
+
]
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"name": "[method]clear",
|
|
90
|
+
"description": "清空画布"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"name": "[method]back",
|
|
94
|
+
"description": "回退"
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"name": "[method]save",
|
|
98
|
+
"description": "保存为图片",
|
|
99
|
+
"params": [
|
|
100
|
+
{
|
|
101
|
+
"name": "成功回调函数",
|
|
102
|
+
"description": "(base64)=>void"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"name": "失败回调函数",
|
|
106
|
+
"description": "(err)=>void"
|
|
107
|
+
}
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"name": "[method]output",
|
|
112
|
+
"description": "自定义输出",
|
|
113
|
+
"params": [
|
|
114
|
+
{
|
|
115
|
+
"name": "Options",
|
|
116
|
+
"description": "{orientation:string;success:(base64)=>void;fail:(err)=>void}"
|
|
117
|
+
}
|
|
118
|
+
]
|
|
72
119
|
}
|
|
73
120
|
]
|
|
74
121
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `date` | 展示的日期 | `string / number / Date` | `Date.now()` | - | - |
|
|
@@ -10,8 +12,18 @@
|
|
|
10
12
|
| `customClass` | 自定义根节点 class | `string` | `` | - | - |
|
|
11
13
|
|
|
12
14
|
|
|
13
|
-
|
|
15
|
+
### Events
|
|
14
16
|
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
15
17
|
| ----- | ----- | ------- | -------- |
|
|
16
|
-
| `click` | 点击组件时触发 |
|
|
17
|
-
| `date-change` | 当 date 属性变化时触发 |
|
|
18
|
+
| `click` | 点击组件时触发 | `data`:(dateInfo: DateInfo) => void | - |
|
|
19
|
+
| `date-change` | 当 date 属性变化时触发 | `data`:(dateInfo: DateInfo) => void | - |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Methods
|
|
23
|
+
| 方法名 | 说明 | 参数 | 返回值 | 支持版本 |
|
|
24
|
+
| ----- | ----- | --- | ------ | -------- |
|
|
25
|
+
| `setDate` | 设置当前展示日期 | `data`:number / string / Date | - | - |
|
|
26
|
+
| `getDateInfo` | 获取当前日期信息 | - | - | - |
|
|
27
|
+
| `today` | 重置为今天 | - | - | - |
|
|
28
|
+
|
|
29
|
+
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
---$
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 代码演示
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## 基础使用
|
|
10
10
|
|
|
11
11
|
默认展示当前日期,点击组件后会弹出日历进行选择。
|
|
12
12
|
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
</template>
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
## 指定日期
|
|
20
20
|
|
|
21
21
|
通过`date`属性设置展示日期,支持时间戳、日期字符串和`Date`对象。
|
|
22
22
|
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
</template>
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
## 禁用日历弹窗
|
|
30
30
|
|
|
31
31
|
- 通过`showCalendar`属性可以关闭内置日历弹窗
|
|
32
32
|
- 关闭后可结合`click`事件自行处理点击逻辑
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
</template>
|
|
44
44
|
```
|
|
45
45
|
|
|
46
|
-
|
|
46
|
+
## 自定义年月格式
|
|
47
47
|
|
|
48
48
|
通过`formatter`属性设置年月展示格式,格式规则与`dayjs`一致。
|
|
49
49
|
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
</template>
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
## 自定义星期文案
|
|
57
57
|
|
|
58
58
|
通过`weekTexts`属性设置星期显示内容。
|
|
59
59
|
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
</template>
|
|
64
64
|
```
|
|
65
65
|
|
|
66
|
-
|
|
66
|
+
## 自定义颜色
|
|
67
67
|
|
|
68
68
|
通过`color`属性统一设置日期、星期和年月文字颜色。
|
|
69
69
|
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
</template>
|
|
74
74
|
```
|
|
75
75
|
|
|
76
|
-
|
|
76
|
+
## 调用实例方法
|
|
77
77
|
|
|
78
78
|
通过`ref`可以调用组件暴露的方法,例如重置为今天。
|
|
79
79
|
|
|
@@ -96,17 +96,7 @@
|
|
|
96
96
|
|
|
97
97
|
---$
|
|
98
98
|
|
|
99
|
-
### API
|
|
100
|
-
|
|
101
99
|
<!-- props -->
|
|
102
100
|
|
|
103
|
-
#### Methods
|
|
104
|
-
|
|
105
|
-
| 方法名 | 说明 | 方法参数 | 支持版本 |
|
|
106
|
-
| ------------- | ---------------- | -------------------------- | -------- |
|
|
107
|
-
| `setDate` | 设置当前展示日期 | `string \| number \| Date` | - |
|
|
108
|
-
| `getDateInfo` | 获取当前日期信息 | - | - |
|
|
109
|
-
| `today` | 重置为今天 | - | - |
|
|
110
|
-
|
|
111
101
|
---$
|
|
112
102
|
{{fuyuwei}}
|
|
@@ -49,12 +49,40 @@
|
|
|
49
49
|
{
|
|
50
50
|
"name": "[event]click",
|
|
51
51
|
"description": "点击组件时触发",
|
|
52
|
-
"
|
|
52
|
+
"params": [
|
|
53
|
+
{
|
|
54
|
+
"name": "data",
|
|
55
|
+
"description": "(dateInfo: DateInfo) => void"
|
|
56
|
+
}
|
|
57
|
+
]
|
|
53
58
|
},
|
|
54
59
|
{
|
|
55
60
|
"name": "[event]date-change",
|
|
56
61
|
"description": "当 date 属性变化时触发",
|
|
57
|
-
"
|
|
62
|
+
"params": [
|
|
63
|
+
{
|
|
64
|
+
"name": "data",
|
|
65
|
+
"description": "(dateInfo: DateInfo) => void"
|
|
66
|
+
}
|
|
67
|
+
]
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"name": "[method]setDate",
|
|
71
|
+
"description": "设置当前展示日期",
|
|
72
|
+
"params": [
|
|
73
|
+
{
|
|
74
|
+
"name": "data",
|
|
75
|
+
"description": "number / string / Date"
|
|
76
|
+
}
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"name": "[method]getDateInfo",
|
|
81
|
+
"description": "获取当前日期信息"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "[method]today",
|
|
85
|
+
"description": "重置为今天"
|
|
58
86
|
}
|
|
59
87
|
]
|
|
60
88
|
}
|
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
## API
|
|
2
|
+
|
|
3
|
+
### Props
|
|
2
4
|
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
5
|
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
6
|
| `loading` | 是否显示骨架图 | `boolean` | `true` | - | - |
|
|
5
7
|
| `type` | 骨架图类型 | `string` | `text` | `text`:文本<br/>`image`:图片<br/>`circle`:圆形<br/>`button`:按钮 | - |
|
|
6
8
|
|
|
7
9
|
|
|
10
|
+
### Slots
|
|
11
|
+
| 插槽名 | 说明 | 参数 | 支持版本 |
|
|
12
|
+
| ----- | ----- | --- | -------- |
|
|
13
|
+
| `default` | 默认插槽 | - | - |
|
|
14
|
+
|
|
15
|
+
|