straw-ui-vue 0.1.19 → 0.1.21
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/README.md +146 -147
- package/dist/{cn-CiflBmGp.js → cn-CThBjlvA.js} +7 -7
- package/dist/components/st-button/types.d.ts +63 -63
- package/dist/components/st-card/types.d.ts +184 -184
- package/dist/components/st-cascade/types.d.ts +156 -156
- package/dist/components/st-checkbox/types.d.ts +120 -120
- package/dist/components/st-color-picker/types.d.ts +160 -160
- package/dist/components/st-date-picker/types.d.ts +157 -157
- package/dist/components/st-datetime-picker/types.d.ts +155 -155
- package/dist/components/st-dialog/types.d.ts +293 -293
- package/dist/components/st-divider/types.d.ts +92 -92
- package/dist/components/st-drawer/types.d.ts +232 -232
- package/dist/components/st-empty/types.d.ts +39 -39
- package/dist/components/st-form-control/types.d.ts +21 -21
- package/dist/components/st-form-description/types.d.ts +21 -21
- package/dist/components/st-form-field/types.d.ts +64 -64
- package/dist/components/st-form-item/types.d.ts +21 -21
- package/dist/components/st-form-label/types.d.ts +19 -19
- package/dist/components/st-form-message/types.d.ts +23 -23
- package/dist/components/st-image/types.d.ts +58 -58
- package/dist/components/st-input/types.d.ts +415 -415
- package/dist/components/st-label/types.d.ts +19 -19
- package/dist/components/st-menu/types.d.ts +262 -262
- package/dist/components/st-pagination/types.d.ts +91 -91
- package/dist/components/st-popover/types.d.ts +202 -202
- package/dist/components/st-progress/types.d.ts +37 -37
- package/dist/components/st-radio/types.d.ts +126 -126
- package/dist/components/st-scrollbar/types.d.ts +62 -62
- package/dist/components/st-segmented/types.d.ts +53 -53
- package/dist/components/st-select/types.d.ts +249 -249
- package/dist/components/st-sidebar/types.d.ts +85 -85
- package/dist/components/st-sidebar-item/types.d.ts +45 -45
- package/dist/components/st-skeleton/types.d.ts +56 -56
- package/dist/components/st-slider/types.d.ts +61 -61
- package/dist/components/st-splitter/types.d.ts +260 -260
- package/dist/components/st-splitter-panel/types.d.ts +63 -63
- package/dist/components/st-switch/types.d.ts +53 -53
- package/dist/components/st-tabs/types.d.ts +151 -151
- package/dist/components/st-tag/types.d.ts +51 -51
- package/dist/components/st-time-picker/types.d.ts +143 -143
- package/dist/components/st-toggle/types.d.ts +58 -58
- package/dist/components/st-tooltip/types.d.ts +172 -172
- package/dist/components/st-tree/types.d.ts +188 -188
- package/dist/straw-ui.js +344 -254
- package/package.json +16 -11
|
@@ -1,143 +1,143 @@
|
|
|
1
|
-
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 时间值结构
|
|
5
|
-
* */
|
|
6
|
-
export interface StTimeValue {
|
|
7
|
-
/** 小时 (0-23) */
|
|
8
|
-
hour: number;
|
|
9
|
-
/** 分钟 (0-59) */
|
|
10
|
-
minute: number;
|
|
11
|
-
/** 秒 (0-59) */
|
|
12
|
-
second: number;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* 时间步长配置
|
|
17
|
-
* */
|
|
18
|
-
export interface StTimeStep {
|
|
19
|
-
/** 小时步长 */
|
|
20
|
-
hour?: number;
|
|
21
|
-
/** 分钟步长 */
|
|
22
|
-
minute?: number;
|
|
23
|
-
/** 秒步长 */
|
|
24
|
-
second?: number;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* 时间选择器面板组件属性接口
|
|
29
|
-
* */
|
|
30
|
-
export interface StTimePickerPanelProps {
|
|
31
|
-
/** 绑定值 */
|
|
32
|
-
modelValue?: StTimeValue | null;
|
|
33
|
-
/** 最小时间限制 */
|
|
34
|
-
minTime?: StTimeValue;
|
|
35
|
-
/** 最大时间限制 */
|
|
36
|
-
maxTime?: StTimeValue;
|
|
37
|
-
/** 步长配置 */
|
|
38
|
-
step?: StTimeStep;
|
|
39
|
-
/** 是否显示秒 */
|
|
40
|
-
showSeconds?: boolean;
|
|
41
|
-
/** 是否禁用 */
|
|
42
|
-
disabled?: boolean;
|
|
43
|
-
/** 自定义类名 */
|
|
44
|
-
class?: ClassValue;
|
|
45
|
-
/** 自定义样式 */
|
|
46
|
-
style?: StyleValue;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* 时间选择器面板组件事件接口
|
|
51
|
-
* */
|
|
52
|
-
export interface StTimePickerPanelEmits {
|
|
53
|
-
/** 更新绑定值事件 */
|
|
54
|
-
'update:modelValue': [value: StTimeValue];
|
|
55
|
-
/** 值改变事件 */
|
|
56
|
-
change: [value: StTimeValue];
|
|
57
|
-
/** 确认事件 */
|
|
58
|
-
confirm: [value: StTimeValue];
|
|
59
|
-
/** 取消事件 */
|
|
60
|
-
cancel: [];
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* 时间选择器面板组件暴露的方法接口
|
|
65
|
-
* */
|
|
66
|
-
export interface StTimePickerPanelExpose {
|
|
67
|
-
/** 设置时间 */
|
|
68
|
-
setTime: (time: StTimeValue) => void;
|
|
69
|
-
/** 获取时间 */
|
|
70
|
-
getTime: () => StTimeValue | null;
|
|
71
|
-
/** 重置时间 */
|
|
72
|
-
reset: () => void;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* StTimePicker 主组件属性接口
|
|
77
|
-
* */
|
|
78
|
-
export interface StTimePickerProps {
|
|
79
|
-
/** 占位符文本 */
|
|
80
|
-
placeholder?: string;
|
|
81
|
-
/** 是否禁用 */
|
|
82
|
-
disabled?: boolean;
|
|
83
|
-
/** 是否可清空 */
|
|
84
|
-
clearable?: boolean;
|
|
85
|
-
/** 最小时间限制 */
|
|
86
|
-
minTime?: StTimeValue;
|
|
87
|
-
/** 最大时间限制 */
|
|
88
|
-
maxTime?: StTimeValue;
|
|
89
|
-
/** 步长配置 */
|
|
90
|
-
step?: StTimeStep;
|
|
91
|
-
/** 是否显示秒 */
|
|
92
|
-
showSeconds?: boolean;
|
|
93
|
-
/** 时间格式 */
|
|
94
|
-
format?: string;
|
|
95
|
-
/** popover 下拉菜单的类名 */
|
|
96
|
-
popoverClass?: ClassValue;
|
|
97
|
-
/** popover 下拉菜单的样式 */
|
|
98
|
-
popoverStyle?: StyleValue;
|
|
99
|
-
/** 触发元素的类名 */
|
|
100
|
-
triggerClass?: ClassValue;
|
|
101
|
-
/** 触发元素的样式 */
|
|
102
|
-
triggerStyle?: StyleValue;
|
|
103
|
-
/** 面板的类名 */
|
|
104
|
-
panelClass?: ClassValue;
|
|
105
|
-
/** 面板的样式 */
|
|
106
|
-
panelStyle?: StyleValue;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
/**
|
|
110
|
-
* StTimePicker 主组件事件接口
|
|
111
|
-
* */
|
|
112
|
-
export interface StTimePickerEmits {
|
|
113
|
-
/** 更新绑定值事件 */
|
|
114
|
-
'update:modelValue': [value: StTimeValue | null];
|
|
115
|
-
/** 值改变事件 */
|
|
116
|
-
change: [value: StTimeValue | null];
|
|
117
|
-
/** 清空事件 */
|
|
118
|
-
clear: [];
|
|
119
|
-
/** 下拉菜单显示状态改变事件 */
|
|
120
|
-
visibleChange: [visible: boolean];
|
|
121
|
-
/** 确认事件 */
|
|
122
|
-
confirm: [value: StTimeValue];
|
|
123
|
-
/** 取消事件 */
|
|
124
|
-
cancel: [];
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* StTimePicker 主组件暴露的方法接口
|
|
129
|
-
* */
|
|
130
|
-
export interface StTimePickerExpose {
|
|
131
|
-
/** 聚焦方法 */
|
|
132
|
-
focus: () => void;
|
|
133
|
-
/** 失焦方法 */
|
|
134
|
-
blur: () => void;
|
|
135
|
-
/** 清空方法 */
|
|
136
|
-
clear: () => void;
|
|
137
|
-
/** 显示面板 */
|
|
138
|
-
show: () => void;
|
|
139
|
-
/** 隐藏面板 */
|
|
140
|
-
hide: () => void;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
export {};
|
|
1
|
+
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 时间值结构
|
|
5
|
+
* */
|
|
6
|
+
export interface StTimeValue {
|
|
7
|
+
/** 小时 (0-23) */
|
|
8
|
+
hour: number;
|
|
9
|
+
/** 分钟 (0-59) */
|
|
10
|
+
minute: number;
|
|
11
|
+
/** 秒 (0-59) */
|
|
12
|
+
second: number;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* 时间步长配置
|
|
17
|
+
* */
|
|
18
|
+
export interface StTimeStep {
|
|
19
|
+
/** 小时步长 */
|
|
20
|
+
hour?: number;
|
|
21
|
+
/** 分钟步长 */
|
|
22
|
+
minute?: number;
|
|
23
|
+
/** 秒步长 */
|
|
24
|
+
second?: number;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* 时间选择器面板组件属性接口
|
|
29
|
+
* */
|
|
30
|
+
export interface StTimePickerPanelProps {
|
|
31
|
+
/** 绑定值 */
|
|
32
|
+
modelValue?: StTimeValue | null;
|
|
33
|
+
/** 最小时间限制 */
|
|
34
|
+
minTime?: StTimeValue;
|
|
35
|
+
/** 最大时间限制 */
|
|
36
|
+
maxTime?: StTimeValue;
|
|
37
|
+
/** 步长配置 */
|
|
38
|
+
step?: StTimeStep;
|
|
39
|
+
/** 是否显示秒 */
|
|
40
|
+
showSeconds?: boolean;
|
|
41
|
+
/** 是否禁用 */
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
/** 自定义类名 */
|
|
44
|
+
class?: ClassValue;
|
|
45
|
+
/** 自定义样式 */
|
|
46
|
+
style?: StyleValue;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* 时间选择器面板组件事件接口
|
|
51
|
+
* */
|
|
52
|
+
export interface StTimePickerPanelEmits {
|
|
53
|
+
/** 更新绑定值事件 */
|
|
54
|
+
'update:modelValue': [value: StTimeValue];
|
|
55
|
+
/** 值改变事件 */
|
|
56
|
+
change: [value: StTimeValue];
|
|
57
|
+
/** 确认事件 */
|
|
58
|
+
confirm: [value: StTimeValue];
|
|
59
|
+
/** 取消事件 */
|
|
60
|
+
cancel: [];
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* 时间选择器面板组件暴露的方法接口
|
|
65
|
+
* */
|
|
66
|
+
export interface StTimePickerPanelExpose {
|
|
67
|
+
/** 设置时间 */
|
|
68
|
+
setTime: (time: StTimeValue) => void;
|
|
69
|
+
/** 获取时间 */
|
|
70
|
+
getTime: () => StTimeValue | null;
|
|
71
|
+
/** 重置时间 */
|
|
72
|
+
reset: () => void;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* StTimePicker 主组件属性接口
|
|
77
|
+
* */
|
|
78
|
+
export interface StTimePickerProps {
|
|
79
|
+
/** 占位符文本 */
|
|
80
|
+
placeholder?: string;
|
|
81
|
+
/** 是否禁用 */
|
|
82
|
+
disabled?: boolean;
|
|
83
|
+
/** 是否可清空 */
|
|
84
|
+
clearable?: boolean;
|
|
85
|
+
/** 最小时间限制 */
|
|
86
|
+
minTime?: StTimeValue;
|
|
87
|
+
/** 最大时间限制 */
|
|
88
|
+
maxTime?: StTimeValue;
|
|
89
|
+
/** 步长配置 */
|
|
90
|
+
step?: StTimeStep;
|
|
91
|
+
/** 是否显示秒 */
|
|
92
|
+
showSeconds?: boolean;
|
|
93
|
+
/** 时间格式 */
|
|
94
|
+
format?: string;
|
|
95
|
+
/** popover 下拉菜单的类名 */
|
|
96
|
+
popoverClass?: ClassValue;
|
|
97
|
+
/** popover 下拉菜单的样式 */
|
|
98
|
+
popoverStyle?: StyleValue;
|
|
99
|
+
/** 触发元素的类名 */
|
|
100
|
+
triggerClass?: ClassValue;
|
|
101
|
+
/** 触发元素的样式 */
|
|
102
|
+
triggerStyle?: StyleValue;
|
|
103
|
+
/** 面板的类名 */
|
|
104
|
+
panelClass?: ClassValue;
|
|
105
|
+
/** 面板的样式 */
|
|
106
|
+
panelStyle?: StyleValue;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* StTimePicker 主组件事件接口
|
|
111
|
+
* */
|
|
112
|
+
export interface StTimePickerEmits {
|
|
113
|
+
/** 更新绑定值事件 */
|
|
114
|
+
'update:modelValue': [value: StTimeValue | null];
|
|
115
|
+
/** 值改变事件 */
|
|
116
|
+
change: [value: StTimeValue | null];
|
|
117
|
+
/** 清空事件 */
|
|
118
|
+
clear: [];
|
|
119
|
+
/** 下拉菜单显示状态改变事件 */
|
|
120
|
+
visibleChange: [visible: boolean];
|
|
121
|
+
/** 确认事件 */
|
|
122
|
+
confirm: [value: StTimeValue];
|
|
123
|
+
/** 取消事件 */
|
|
124
|
+
cancel: [];
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* StTimePicker 主组件暴露的方法接口
|
|
129
|
+
* */
|
|
130
|
+
export interface StTimePickerExpose {
|
|
131
|
+
/** 聚焦方法 */
|
|
132
|
+
focus: () => void;
|
|
133
|
+
/** 失焦方法 */
|
|
134
|
+
blur: () => void;
|
|
135
|
+
/** 清空方法 */
|
|
136
|
+
clear: () => void;
|
|
137
|
+
/** 显示面板 */
|
|
138
|
+
show: () => void;
|
|
139
|
+
/** 隐藏面板 */
|
|
140
|
+
hide: () => void;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
export {};
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Toggle 组件变体类型
|
|
5
|
-
* */
|
|
6
|
-
export type StToggleVariant = 'default' | 'outline';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Toggle 组件属性
|
|
10
|
-
* */
|
|
11
|
-
export interface StToggleProps {
|
|
12
|
-
/** 按钮变体类型 */
|
|
13
|
-
variant?: StToggleVariant;
|
|
14
|
-
/** 是否禁用 */
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
/** 是否按下(用于 v-model) */
|
|
17
|
-
modelValue?: boolean;
|
|
18
|
-
/** 默认按下状态 */
|
|
19
|
-
defaultPressed?: boolean;
|
|
20
|
-
/** 图标名称(Lucide 图标,不含 i-lucide- 前缀) */
|
|
21
|
-
icon?: string;
|
|
22
|
-
/** 图标类名 */
|
|
23
|
-
iconClass?: ClassValue;
|
|
24
|
-
/** 图标样式 */
|
|
25
|
-
iconStyle?: StyleValue;
|
|
26
|
-
/** toggle class */
|
|
27
|
-
toggleClass?: ClassValue;
|
|
28
|
-
/** toggle style */
|
|
29
|
-
toggleStyle?: StyleValue;
|
|
30
|
-
/** 标签 class */
|
|
31
|
-
labelClass?: ClassValue;
|
|
32
|
-
/** 标签 style */
|
|
33
|
-
labelStyle?: StyleValue;
|
|
34
|
-
/** 包装器 class */
|
|
35
|
-
wrapperClass?: ClassValue;
|
|
36
|
-
/** 包装器 style */
|
|
37
|
-
wrapperStyle?: StyleValue;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Toggle 组件插槽类型
|
|
42
|
-
* */
|
|
43
|
-
export interface StToggleSlots {
|
|
44
|
-
/** 默认插槽 */
|
|
45
|
-
default?: () => unknown;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* Toggle 组件事件类型
|
|
50
|
-
* */
|
|
51
|
-
export interface StToggleEmits {
|
|
52
|
-
/** 更新 modelValue 事件 */
|
|
53
|
-
'update:modelValue': [value: boolean];
|
|
54
|
-
/** 按下状态变化事件 */
|
|
55
|
-
'pressed-change': [pressed: boolean];
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export {};
|
|
1
|
+
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Toggle 组件变体类型
|
|
5
|
+
* */
|
|
6
|
+
export type StToggleVariant = 'default' | 'outline';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Toggle 组件属性
|
|
10
|
+
* */
|
|
11
|
+
export interface StToggleProps {
|
|
12
|
+
/** 按钮变体类型 */
|
|
13
|
+
variant?: StToggleVariant;
|
|
14
|
+
/** 是否禁用 */
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/** 是否按下(用于 v-model) */
|
|
17
|
+
modelValue?: boolean;
|
|
18
|
+
/** 默认按下状态 */
|
|
19
|
+
defaultPressed?: boolean;
|
|
20
|
+
/** 图标名称(Lucide 图标,不含 i-lucide- 前缀) */
|
|
21
|
+
icon?: string;
|
|
22
|
+
/** 图标类名 */
|
|
23
|
+
iconClass?: ClassValue;
|
|
24
|
+
/** 图标样式 */
|
|
25
|
+
iconStyle?: StyleValue;
|
|
26
|
+
/** toggle class */
|
|
27
|
+
toggleClass?: ClassValue;
|
|
28
|
+
/** toggle style */
|
|
29
|
+
toggleStyle?: StyleValue;
|
|
30
|
+
/** 标签 class */
|
|
31
|
+
labelClass?: ClassValue;
|
|
32
|
+
/** 标签 style */
|
|
33
|
+
labelStyle?: StyleValue;
|
|
34
|
+
/** 包装器 class */
|
|
35
|
+
wrapperClass?: ClassValue;
|
|
36
|
+
/** 包装器 style */
|
|
37
|
+
wrapperStyle?: StyleValue;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Toggle 组件插槽类型
|
|
42
|
+
* */
|
|
43
|
+
export interface StToggleSlots {
|
|
44
|
+
/** 默认插槽 */
|
|
45
|
+
default?: () => unknown;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Toggle 组件事件类型
|
|
50
|
+
* */
|
|
51
|
+
export interface StToggleEmits {
|
|
52
|
+
/** 更新 modelValue 事件 */
|
|
53
|
+
'update:modelValue': [value: boolean];
|
|
54
|
+
/** 按下状态变化事件 */
|
|
55
|
+
'pressed-change': [pressed: boolean];
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export {};
|