stellar-ui-plus 1.24.3 → 1.24.5
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-coupon-list/ATTRIBUTES.md +18 -0
- package/components/ste-media-preview/ATTRIBUTES.md +1 -1
- package/components/ste-search/README.md +7 -0
- package/components/ste-search/ste-search.vue +8 -1
- package/components/ste-slider/README.md +6 -6
- package/components/ste-upload/ATTRIBUTES.md +1 -0
- package/components/ste-upload/ste-upload.easycom.json +11 -0
- package/components/ste-upload/ste-upload.vue +2 -0
- package/index.ts +2 -0
- package/package.json +1 -1
- package/types/components.d.ts +2 -0
- package/types/refComponents.d.ts +2 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
#### Props
|
|
2
|
+
| 属性名 | 说明 | 类型 | 默认值 | 可选值 | 支持版本 |
|
|
3
|
+
| ----- | ----- | --- | ------- | ------ | -------- |
|
|
4
|
+
| `data` | 基础数据 | `{title: string;desc?: string;image: string;price: string / number;constraint?: string;footers?: string[]}` | `{}` | - | - |
|
|
5
|
+
| `endTime` | 结束时间 | `string / number / Date` | `` | - | - |
|
|
6
|
+
| `residue` | 剩余数量 | `number` | `-1` | - | - |
|
|
7
|
+
| `progress` | 进度条百分比 | `string` | `` | - | - |
|
|
8
|
+
| `buttonText` | 按钮文字 | `string` | `购买` | - | - |
|
|
9
|
+
| `buttonDisabled` | 禁用按钮 | `boolean` | `false` | - | - |
|
|
10
|
+
| `backgroundColor` | 背景颜色 | `string` | `#fff` | - | - |
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
#### Events
|
|
14
|
+
| 事件名 | 说明 | 事件参数 | 支持版本 |
|
|
15
|
+
| ----- | ----- | ------- | -------- |
|
|
16
|
+
| `buttonClick` | 点击按钮时触发 | - | - |
|
|
17
|
+
| `footerClick` | 点击页脚列表时触发 | - | - |
|
|
18
|
+
| `countDown` | 倒计时触发 | - | - |
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
| `loop` | 是否前后衔接播放 | `boolean` | `false` | - | - |
|
|
8
8
|
| `index` | 默认展示的资源下标 | `number` | `0` | - | - |
|
|
9
9
|
| `showIndex` | 是否显示左下角索引 | `boolean` | `false` | - | - |
|
|
10
|
-
| `scale` |
|
|
10
|
+
| `scale` | 是否支持双指缩放,双击恢复缩放状态 | `boolean` | `false` | - | - |
|
|
11
11
|
| `showmenu` | 是否开启图片长按菜单 | `boolean` | `true` | - | - |
|
|
12
12
|
|
|
13
13
|
|
|
@@ -355,5 +355,12 @@ const onClick = (v: string) => {
|
|
|
355
355
|
|
|
356
356
|
<!-- props -->
|
|
357
357
|
|
|
358
|
+
#### 组件插槽(Slots)
|
|
359
|
+
|
|
360
|
+
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
361
|
+
| -------- | ------------ | -------- | -------- |
|
|
362
|
+
| `prefix` | 输入框前插槽 | - | - |
|
|
363
|
+
| `suffix` | 输入框后插槽 | - | - |
|
|
364
|
+
|
|
358
365
|
---$
|
|
359
366
|
{{xuyajun}}
|
|
@@ -135,7 +135,14 @@ const handleSuggestionClick = (item: SearchSuggestion) => {
|
|
|
135
135
|
:fontColor="inputTextColor"
|
|
136
136
|
background="transparent"
|
|
137
137
|
:cursor="cursorNumber"
|
|
138
|
-
|
|
138
|
+
>
|
|
139
|
+
<template #prefix>
|
|
140
|
+
<slot name="prefix"></slot>
|
|
141
|
+
</template>
|
|
142
|
+
<template #suffix>
|
|
143
|
+
<slot name="suffix"></slot>
|
|
144
|
+
</template>
|
|
145
|
+
</ste-input>
|
|
139
146
|
<swiper v-if="cmpShowSwitch" class="placeholder-list" :current="switchIndex" :autoplay="autoplay" :interval="interval" circular vertical @change="onSwitchChange">
|
|
140
147
|
<swiper-item class="placeholder-item" v-for="(item, i) in hotWords" :key="i">
|
|
141
148
|
{{ item }}
|
|
@@ -158,11 +158,11 @@
|
|
|
158
158
|
|
|
159
159
|
#### 组件插槽(Slots)
|
|
160
160
|
|
|
161
|
-
| 插槽名
|
|
162
|
-
|
|
|
163
|
-
| `button`
|
|
164
|
-
| `
|
|
165
|
-
| `
|
|
161
|
+
| 插槽名 | 说明 | 插槽参数 | 支持版本 |
|
|
162
|
+
| ------------- | -------------------------------- | -------- | -------- |
|
|
163
|
+
| `button` | 自定义滑块按钮 | - | - |
|
|
164
|
+
| `leftButton` | 自定义左侧滑块按钮(范围选择下) | - | - |
|
|
165
|
+
| `rightButton` | 自定义右侧滑块按钮(范围选择下) | - | - |
|
|
166
166
|
|
|
167
|
-
---$
|
|
167
|
+
---$
|
|
168
168
|
{{fuyuwei}}
|
|
@@ -262,6 +262,17 @@
|
|
|
262
262
|
"name": "[event]close-preview",
|
|
263
263
|
"description": "关闭预览时触发",
|
|
264
264
|
"type": "()=>void"
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"name": "[event]click-item",
|
|
268
|
+
"description": "点击文件触发",
|
|
269
|
+
"type": "(index:number)=>void",
|
|
270
|
+
"params": [
|
|
271
|
+
{
|
|
272
|
+
"name": "index",
|
|
273
|
+
"description": "文件下标"
|
|
274
|
+
}
|
|
275
|
+
]
|
|
265
276
|
}
|
|
266
277
|
]
|
|
267
278
|
}
|
|
@@ -19,6 +19,7 @@ const emits = defineEmits<{
|
|
|
19
19
|
(e: 'delete', index: number, list: UploadFileType[]): void;
|
|
20
20
|
(e: 'open-preview'): void;
|
|
21
21
|
(e: 'close-preview'): void;
|
|
22
|
+
(e: 'click-item', i: number): void;
|
|
22
23
|
}>();
|
|
23
24
|
|
|
24
25
|
const props = defineProps(propsData);
|
|
@@ -207,6 +208,7 @@ const deleteItem = async (index: number) => {
|
|
|
207
208
|
};
|
|
208
209
|
|
|
209
210
|
const previewItem = (index: number, item: UploadFileType) => {
|
|
211
|
+
emits('click-item', index);
|
|
210
212
|
if (!cmpPreviewFullImage.value) return;
|
|
211
213
|
if (['video', 'image'].indexOf(item.type as string) === -1) return;
|
|
212
214
|
setPreviewIndex(index);
|
package/index.ts
CHANGED
|
@@ -26,6 +26,8 @@ import steColumnChart from "./components/ste-column-chart/ste-column-chart.vue"
|
|
|
26
26
|
export const SteColumnChart = steColumnChart
|
|
27
27
|
import steComment from "./components/ste-comment/ste-comment.vue"
|
|
28
28
|
export const SteComment = steComment
|
|
29
|
+
import steCouponList from "./components/ste-coupon-list/ste-coupon-list.vue"
|
|
30
|
+
export const SteCouponList = steCouponList
|
|
29
31
|
import steDatePicker from "./components/ste-date-picker/ste-date-picker.vue"
|
|
30
32
|
export const SteDatePicker = steDatePicker
|
|
31
33
|
import steDateUser from "./components/ste-date-user/ste-date-user.vue"
|
package/package.json
CHANGED
package/types/components.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ import steCheckboxGroup from "../components/ste-checkbox-group/ste-checkbox-grou
|
|
|
12
12
|
import steCodeInput from "../components/ste-code-input/ste-code-input.vue"
|
|
13
13
|
import steColumnChart from "../components/ste-column-chart/ste-column-chart.vue"
|
|
14
14
|
import steComment from "../components/ste-comment/ste-comment.vue"
|
|
15
|
+
import steCouponList from "../components/ste-coupon-list/ste-coupon-list.vue"
|
|
15
16
|
import steDatePicker from "../components/ste-date-picker/ste-date-picker.vue"
|
|
16
17
|
import steDateUser from "../components/ste-date-user/ste-date-user.vue"
|
|
17
18
|
import steDonutChart from "../components/ste-donut-chart/ste-donut-chart.vue"
|
|
@@ -101,6 +102,7 @@ import steWatermark from "../components/ste-watermark/ste-watermark.vue"
|
|
|
101
102
|
SteCodeInput: typeof steCodeInput;
|
|
102
103
|
SteColumnChart: typeof steColumnChart;
|
|
103
104
|
SteComment: typeof steComment;
|
|
105
|
+
SteCouponList: typeof steCouponList;
|
|
104
106
|
SteDatePicker: typeof steDatePicker;
|
|
105
107
|
SteDateUser: typeof steDateUser;
|
|
106
108
|
SteDonutChart: typeof steDonutChart;
|
package/types/refComponents.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ import steCheckboxGroup from "../components/ste-checkbox-group/ste-checkbox-grou
|
|
|
12
12
|
import steCodeInput from "../components/ste-code-input/ste-code-input.vue"
|
|
13
13
|
import steColumnChart from "../components/ste-column-chart/ste-column-chart.vue"
|
|
14
14
|
import steComment from "../components/ste-comment/ste-comment.vue"
|
|
15
|
+
import steCouponList from "../components/ste-coupon-list/ste-coupon-list.vue"
|
|
15
16
|
import steDatePicker from "../components/ste-date-picker/ste-date-picker.vue"
|
|
16
17
|
import steDateUser from "../components/ste-date-user/ste-date-user.vue"
|
|
17
18
|
import steDonutChart from "../components/ste-donut-chart/ste-donut-chart.vue"
|
|
@@ -96,6 +97,7 @@ export type RefCheckboxGroup = InstanceType<typeof steCheckboxGroup>
|
|
|
96
97
|
export type RefCodeInput = InstanceType<typeof steCodeInput>
|
|
97
98
|
export type RefColumnChart = InstanceType<typeof steColumnChart>
|
|
98
99
|
export type RefComment = InstanceType<typeof steComment>
|
|
100
|
+
export type RefCouponList = InstanceType<typeof steCouponList>
|
|
99
101
|
export type RefDatePicker = InstanceType<typeof steDatePicker>
|
|
100
102
|
export type RefDateUser = InstanceType<typeof steDateUser>
|
|
101
103
|
export type RefDonutChart = InstanceType<typeof steDonutChart>
|