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.
@@ -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` | 是否支持双指缩放 | `boolean` | `false` | - | - |
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
- | `button` | 自定义左侧滑块按钮(范围选择下) | - | - |
165
- | `button` | 自定义右侧滑块按钮(范围选择下) | - | - |
161
+ | 插槽名 | 说明 | 插槽参数 | 支持版本 |
162
+ | ------------- | -------------------------------- | -------- | -------- |
163
+ | `button` | 自定义滑块按钮 | - | - |
164
+ | `leftButton` | 自定义左侧滑块按钮(范围选择下) | - | - |
165
+ | `rightButton` | 自定义右侧滑块按钮(范围选择下) | - | - |
166
166
 
167
- ---$
167
+ ---$
168
168
  {{fuyuwei}}
@@ -33,3 +33,4 @@
33
33
  | `delete` | 文件删除后触发 | `index`:删除的文件下标<br/>`fileList`:删除后的文件列表 | - |
34
34
  | `open-preview` | 打开预览时触发 | - | - |
35
35
  | `close-preview` | 关闭预览时触发 | - | - |
36
+ | `click-item` | 点击文件触发 | `index`:文件下标 | - |
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stellar-ui-plus",
3
- "version": "1.24.3",
3
+ "version": "1.24.5",
4
4
  "description": "",
5
5
  "author": "",
6
6
  "license": "MIT",
@@ -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;
@@ -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>