sard-uniapp 1.23.3 → 1.23.4
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/CHANGELOG.md +9 -0
- package/components/keyboard/README.md +5 -4
- package/components/keyboard/keyboard.vue +1 -0
- package/components/step/index.scss +4 -0
- package/components/step/step.vue +1 -0
- package/components/steps/README.md +22 -15
- package/components/steps/common.d.ts +2 -0
- package/components/steps/steps.vue +4 -1
- package/package.json +1 -1
- package/dev/mp-alipay/mini.project.json +0 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
## [1.23.4](https://github.com/sutras/sard-uniapp/compare/v1.23.3...v1.23.4) (2025-08-11)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **steps:** 新增 reverse 属性 ([0b98b59](https://github.com/sutras/sard-uniapp/commit/0b98b594a94ee5e1968e54d278fb11d683a0514e))
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
1
10
|
## [1.23.3](https://github.com/sutras/sard-uniapp/compare/v1.23.2...v1.23.3) (2025-08-09)
|
|
2
11
|
|
|
3
12
|
|
|
@@ -59,10 +59,11 @@ import Keyboard from 'sard-uniapp/components/keyboard/keyboard.vue'
|
|
|
59
59
|
|
|
60
60
|
### KeyboardEmits
|
|
61
61
|
|
|
62
|
-
| 事件
|
|
63
|
-
|
|
|
64
|
-
| input
|
|
65
|
-
| delete
|
|
62
|
+
| 事件 | 描述 | 类型 |
|
|
63
|
+
| ------------------------- | ------------------------ | -------------------------------------- |
|
|
64
|
+
| input | 可输入按键点击时触发 | (key: string) => void |
|
|
65
|
+
| delete | 点击删除按钮时触发 | () => void |
|
|
66
|
+
| toggle <sup>1.23.3+</sup> | 切换车牌号的中英文时触发 | (mode: 'chinese' \| 'english') => void |
|
|
66
67
|
|
|
67
68
|
### KeyBoardExpose
|
|
68
69
|
|
|
@@ -123,6 +123,7 @@ import SarIcon from "../icon/icon.vue";
|
|
|
123
123
|
* @property {'number' | 'digit' | 'idcard' | 'random' | 'plate'} type 键盘类型，默认值：'number'。
|
|
124
124
|
* @event {(key: string) => void} input 可输入按键点击时触发
|
|
125
125
|
* @event {() => void} delete 点击删除按钮时触发
|
|
126
|
+
* @event {(mode: 'chinese' | 'english') => void} toggle 切换车牌号的中英文时触发
|
|
126
127
|
*/
|
|
127
128
|
export default _defineComponent({
|
|
128
129
|
components: {
|
package/components/step/step.vue
CHANGED
|
@@ -29,6 +29,12 @@ import Steps from 'sard-uniapp/components/steps/steps.vue'
|
|
|
29
29
|
|
|
30
30
|
@code('${DEMO_PATH}/steps/demo/Center.vue')
|
|
31
31
|
|
|
32
|
+
### 文字在上 <sup>1.23.4+</sup>
|
|
33
|
+
|
|
34
|
+
可以使用 `reverse` 属性将水平排列时的文字和图标位置调换。
|
|
35
|
+
|
|
36
|
+
@code('${DEMO_PATH}/steps/demo/Reverse.vue')
|
|
37
|
+
|
|
32
38
|
### 垂直步骤条
|
|
33
39
|
|
|
34
40
|
设置 `direction="vertical"` 可以垂直排列。
|
|
@@ -81,21 +87,22 @@ import Steps from 'sard-uniapp/components/steps/steps.vue'
|
|
|
81
87
|
|
|
82
88
|
### StepsProps
|
|
83
89
|
|
|
84
|
-
| 属性 | 描述
|
|
85
|
-
| ------------ |
|
|
86
|
-
| root-class | 组件根元素类名
|
|
87
|
-
| root-style | 组件根元素样式
|
|
88
|
-
| current | 当前步骤对应的索引值
|
|
89
|
-
| item-list | 所有步骤的数据
|
|
90
|
-
| center | 是否居中
|
|
91
|
-
| direction | 排列方向
|
|
92
|
-
|
|
|
93
|
-
|
|
|
94
|
-
| icon-
|
|
95
|
-
|
|
|
96
|
-
|
|
|
97
|
-
|
|
|
98
|
-
|
|
|
90
|
+
| 属性 | 描述 | 类型 | 默认值 |
|
|
91
|
+
| ------------ | ---------------------------------- | -------------------------- | ------------ |
|
|
92
|
+
| root-class | 组件根元素类名 | string | - |
|
|
93
|
+
| root-style | 组件根元素样式 | StyleValue | - |
|
|
94
|
+
| current | 当前步骤对应的索引值 | number | 0 |
|
|
95
|
+
| item-list | 所有步骤的数据 | StepsItem[] | [] |
|
|
96
|
+
| center | 是否居中 | boolean | false |
|
|
97
|
+
| direction | 排列方向 | 'vertical' \| 'horizontal' | 'horizontal' |
|
|
98
|
+
| reverse | 水平排列时，文字和图标是否调换位置 | boolean | false |
|
|
99
|
+
| status | 指定当前步骤的状态 | StepsStatus | - |
|
|
100
|
+
| icon-family | 图标字体 | string | - |
|
|
101
|
+
| icon-size | 图标字号 | string | - |
|
|
102
|
+
| finish-icon | 已完成状态的图标名称 | string | - |
|
|
103
|
+
| process-icon | 处理中状态的图标名称 | string | - |
|
|
104
|
+
| wait-icon | 等待中状态的图标名称 | string | - |
|
|
105
|
+
| error-icon | 错误状态的图标名称 | string | - |
|
|
99
106
|
|
|
100
107
|
### StepsSlots
|
|
101
108
|
|
|
@@ -12,6 +12,7 @@ export interface StepsProps {
|
|
|
12
12
|
itemList?: StepsItem[];
|
|
13
13
|
center?: boolean;
|
|
14
14
|
direction?: 'vertical' | 'horizontal';
|
|
15
|
+
reverse?: boolean;
|
|
15
16
|
status?: StepsStatus;
|
|
16
17
|
iconFamily?: string;
|
|
17
18
|
iconSize?: string;
|
|
@@ -44,5 +45,6 @@ export interface StepsContext {
|
|
|
44
45
|
waitIcon?: string;
|
|
45
46
|
errorIcon?: string;
|
|
46
47
|
status?: StepsStatus;
|
|
48
|
+
reverse?: boolean;
|
|
47
49
|
}
|
|
48
50
|
export declare const stepsContextSymbol: InjectionKey<StepsContext>;
|
|
@@ -29,6 +29,7 @@ import {
|
|
|
29
29
|
* @property {StepsItem[]} itemList 所有步骤的数据，默认值：[]。
|
|
30
30
|
* @property {boolean} center 是否居中，默认值：false。
|
|
31
31
|
* @property {'vertical' | 'horizontal'} direction 排列方向，默认值：'horizontal'。
|
|
32
|
+
* @property {boolean} reverse 水平排列时，文字和图标是否调换位置，默认值：false。
|
|
32
33
|
* @property {StepsStatus} status 指定当前步骤的状态，默认值：-。
|
|
33
34
|
* @property {string} iconFamily 图标字体，默认值：-。
|
|
34
35
|
* @property {string} iconSize 图标字号，默认值：-。
|
|
@@ -55,6 +56,7 @@ export default _defineComponent({
|
|
|
55
56
|
itemList: { type: Array, required: false },
|
|
56
57
|
center: { type: Boolean, required: false },
|
|
57
58
|
direction: { type: String, required: false },
|
|
59
|
+
reverse: { type: Boolean, required: false },
|
|
58
60
|
status: { type: String, required: false },
|
|
59
61
|
iconFamily: { type: String, required: false },
|
|
60
62
|
iconSize: { type: String, required: false },
|
|
@@ -79,7 +81,8 @@ export default _defineComponent({
|
|
|
79
81
|
processIcon: toRef(() => props.processIcon),
|
|
80
82
|
waitIcon: toRef(() => props.waitIcon),
|
|
81
83
|
errorIcon: toRef(() => props.errorIcon),
|
|
82
|
-
status: toRef(() => props.status)
|
|
84
|
+
status: toRef(() => props.status),
|
|
85
|
+
reverse: toRef(() => props.reverse)
|
|
83
86
|
})
|
|
84
87
|
);
|
|
85
88
|
const stepsClass = computed(() => {
|
package/package.json
CHANGED