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,91 +1,91 @@
|
|
|
1
|
-
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 页大小选项数据结构
|
|
5
|
-
* */
|
|
6
|
-
export interface StPageSizeOption {
|
|
7
|
-
/** 显示文本 */
|
|
8
|
-
label: string;
|
|
9
|
-
/** 页大小值 */
|
|
10
|
-
value: number;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* 分页组件属性
|
|
15
|
-
* */
|
|
16
|
-
export interface StPaginationProps {
|
|
17
|
-
/** 当前页码 */
|
|
18
|
-
currentPage?: number;
|
|
19
|
-
/** 每页显示条数 */
|
|
20
|
-
pageSize?: number;
|
|
21
|
-
/** 总条数 */
|
|
22
|
-
total?: number;
|
|
23
|
-
/** 页大小选项 */
|
|
24
|
-
pageSizeOptions?: StPageSizeOption[];
|
|
25
|
-
/** 是否禁用 */
|
|
26
|
-
disabled?: boolean;
|
|
27
|
-
/** 是否显示总数 */
|
|
28
|
-
showTotal?: boolean;
|
|
29
|
-
/** 是否显示页码跳转 */
|
|
30
|
-
showJumper?: boolean;
|
|
31
|
-
/** 是否显示页大小选择器 */
|
|
32
|
-
showPageSize?: boolean;
|
|
33
|
-
/** 最大显示页码按钮数 */
|
|
34
|
-
maxPagerCount?: number;
|
|
35
|
-
/** 页码按钮的类名 */
|
|
36
|
-
pagerItemClass?: ClassValue;
|
|
37
|
-
/** 页码按钮的样式 */
|
|
38
|
-
pagerItemStyle?: StyleValue;
|
|
39
|
-
/** 页大小选择器的类名 */
|
|
40
|
-
pageSizeSelectClass?: ClassValue;
|
|
41
|
-
/** 页大小选择器的样式 */
|
|
42
|
-
pageSizeSelectStyle?: StyleValue;
|
|
43
|
-
/** 跳转输入框的类名 */
|
|
44
|
-
jumperInputClass?: ClassValue;
|
|
45
|
-
/** 跳转输入框的样式 */
|
|
46
|
-
jumperInputStyle?: StyleValue;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* 分页组件事件类型
|
|
51
|
-
* */
|
|
52
|
-
export interface StPaginationEmits {
|
|
53
|
-
/** 更新当前页码事件 */
|
|
54
|
-
'update:currentPage': [page: number];
|
|
55
|
-
/** 更新页大小事件 */
|
|
56
|
-
'update:pageSize': [size: number];
|
|
57
|
-
/** 页码变化事件 */
|
|
58
|
-
change: [page: number];
|
|
59
|
-
/** 页大小变化事件 */
|
|
60
|
-
pageSizeChange: [size: number];
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* 分页组件插槽类型
|
|
65
|
-
* */
|
|
66
|
-
export interface StPaginationSlots {
|
|
67
|
-
/** 总数文本插槽 */
|
|
68
|
-
total?: () => unknown;
|
|
69
|
-
/** 前缀插槽 */
|
|
70
|
-
prefix?: () => unknown;
|
|
71
|
-
/** 后缀插槽 */
|
|
72
|
-
suffix?: () => unknown;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* 分页组件暴露的方法接口
|
|
77
|
-
* */
|
|
78
|
-
export interface StPaginationExpose {
|
|
79
|
-
/** 获取当前页码 */
|
|
80
|
-
getCurrentPage: () => number;
|
|
81
|
-
/** 设置当前页码 */
|
|
82
|
-
setCurrentPage: (page: number) => void;
|
|
83
|
-
/** 获取页大小 */
|
|
84
|
-
getPageSize: () => number;
|
|
85
|
-
/** 设置页大小 */
|
|
86
|
-
setPageSize: (size: number) => void;
|
|
87
|
-
/** 获取总页数 */
|
|
88
|
-
getTotalPages: () => number;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
export {};
|
|
1
|
+
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 页大小选项数据结构
|
|
5
|
+
* */
|
|
6
|
+
export interface StPageSizeOption {
|
|
7
|
+
/** 显示文本 */
|
|
8
|
+
label: string;
|
|
9
|
+
/** 页大小值 */
|
|
10
|
+
value: number;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* 分页组件属性
|
|
15
|
+
* */
|
|
16
|
+
export interface StPaginationProps {
|
|
17
|
+
/** 当前页码 */
|
|
18
|
+
currentPage?: number;
|
|
19
|
+
/** 每页显示条数 */
|
|
20
|
+
pageSize?: number;
|
|
21
|
+
/** 总条数 */
|
|
22
|
+
total?: number;
|
|
23
|
+
/** 页大小选项 */
|
|
24
|
+
pageSizeOptions?: StPageSizeOption[];
|
|
25
|
+
/** 是否禁用 */
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
/** 是否显示总数 */
|
|
28
|
+
showTotal?: boolean;
|
|
29
|
+
/** 是否显示页码跳转 */
|
|
30
|
+
showJumper?: boolean;
|
|
31
|
+
/** 是否显示页大小选择器 */
|
|
32
|
+
showPageSize?: boolean;
|
|
33
|
+
/** 最大显示页码按钮数 */
|
|
34
|
+
maxPagerCount?: number;
|
|
35
|
+
/** 页码按钮的类名 */
|
|
36
|
+
pagerItemClass?: ClassValue;
|
|
37
|
+
/** 页码按钮的样式 */
|
|
38
|
+
pagerItemStyle?: StyleValue;
|
|
39
|
+
/** 页大小选择器的类名 */
|
|
40
|
+
pageSizeSelectClass?: ClassValue;
|
|
41
|
+
/** 页大小选择器的样式 */
|
|
42
|
+
pageSizeSelectStyle?: StyleValue;
|
|
43
|
+
/** 跳转输入框的类名 */
|
|
44
|
+
jumperInputClass?: ClassValue;
|
|
45
|
+
/** 跳转输入框的样式 */
|
|
46
|
+
jumperInputStyle?: StyleValue;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* 分页组件事件类型
|
|
51
|
+
* */
|
|
52
|
+
export interface StPaginationEmits {
|
|
53
|
+
/** 更新当前页码事件 */
|
|
54
|
+
'update:currentPage': [page: number];
|
|
55
|
+
/** 更新页大小事件 */
|
|
56
|
+
'update:pageSize': [size: number];
|
|
57
|
+
/** 页码变化事件 */
|
|
58
|
+
change: [page: number];
|
|
59
|
+
/** 页大小变化事件 */
|
|
60
|
+
pageSizeChange: [size: number];
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* 分页组件插槽类型
|
|
65
|
+
* */
|
|
66
|
+
export interface StPaginationSlots {
|
|
67
|
+
/** 总数文本插槽 */
|
|
68
|
+
total?: () => unknown;
|
|
69
|
+
/** 前缀插槽 */
|
|
70
|
+
prefix?: () => unknown;
|
|
71
|
+
/** 后缀插槽 */
|
|
72
|
+
suffix?: () => unknown;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* 分页组件暴露的方法接口
|
|
77
|
+
* */
|
|
78
|
+
export interface StPaginationExpose {
|
|
79
|
+
/** 获取当前页码 */
|
|
80
|
+
getCurrentPage: () => number;
|
|
81
|
+
/** 设置当前页码 */
|
|
82
|
+
setCurrentPage: (page: number) => void;
|
|
83
|
+
/** 获取页大小 */
|
|
84
|
+
getPageSize: () => number;
|
|
85
|
+
/** 设置页大小 */
|
|
86
|
+
setPageSize: (size: number) => void;
|
|
87
|
+
/** 获取总页数 */
|
|
88
|
+
getTotalPages: () => number;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
export {};
|
|
@@ -1,202 +1,202 @@
|
|
|
1
|
-
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Popover 触发方式类型
|
|
5
|
-
* click: 点击触发
|
|
6
|
-
* focus: 聚焦触发
|
|
7
|
-
* hover: 悬停触发
|
|
8
|
-
* contextmenu: 右键菜单触发
|
|
9
|
-
* manual: 手动触发(不自动响应事件)
|
|
10
|
-
* */
|
|
11
|
-
export type StPopoverTrigger = 'click' | 'focus' | 'hover' | 'contextmenu' | 'manual';
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Popover 弹出方向类型
|
|
15
|
-
* top-left: 上方左侧对齐
|
|
16
|
-
* top-center: 上方居中对齐
|
|
17
|
-
* top-right: 上方右侧对齐
|
|
18
|
-
* bottom-left: 下方左侧对齐
|
|
19
|
-
* bottom-center: 下方居中对齐
|
|
20
|
-
* bottom-right: 下方右侧对齐
|
|
21
|
-
* left-top: 左侧顶部对齐
|
|
22
|
-
* left-center: 左侧居中对齐
|
|
23
|
-
* left-bottom: 左侧底部对齐
|
|
24
|
-
* right-top: 右侧顶部对齐
|
|
25
|
-
* right-center: 右侧居中对齐
|
|
26
|
-
* right-bottom: 右侧底部对齐
|
|
27
|
-
* */
|
|
28
|
-
export type StPopoverPlacement =
|
|
29
|
-
| 'top-left'
|
|
30
|
-
| 'top-center'
|
|
31
|
-
| 'top-right'
|
|
32
|
-
| 'bottom-left'
|
|
33
|
-
| 'bottom-center'
|
|
34
|
-
| 'bottom-right'
|
|
35
|
-
| 'left-top'
|
|
36
|
-
| 'left-center'
|
|
37
|
-
| 'left-bottom'
|
|
38
|
-
| 'right-top'
|
|
39
|
-
| 'right-center'
|
|
40
|
-
| 'right-bottom';
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* Popover 容器组件属性接口
|
|
44
|
-
* */
|
|
45
|
-
export interface StPopoverContainerProps {
|
|
46
|
-
/** 受控模式下的打开状态 */
|
|
47
|
-
open?: boolean;
|
|
48
|
-
/** 默认打开状态 */
|
|
49
|
-
defaultOpen?: boolean;
|
|
50
|
-
/** hover 触发时显示的延迟时间(毫秒) */
|
|
51
|
-
openDelay?: number;
|
|
52
|
-
/** hover 触发时隐藏的延迟时间(毫秒) */
|
|
53
|
-
closeDelay?: number;
|
|
54
|
-
/** 弹出方向 */
|
|
55
|
-
placement?: StPopoverPlacement;
|
|
56
|
-
/** 触发方式 */
|
|
57
|
-
trigger?: StPopoverTrigger;
|
|
58
|
-
/** 是否禁用 */
|
|
59
|
-
disabled?: boolean;
|
|
60
|
-
/** 弹出层与触发元素之间的间距 */
|
|
61
|
-
gap?: number;
|
|
62
|
-
/** 偏移距离(向后兼容) */
|
|
63
|
-
offset?: number;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* Popover 容器组件事件接口
|
|
68
|
-
* */
|
|
69
|
-
export interface StPopoverContainerEmits {
|
|
70
|
-
/** 更新打开状态事件 */
|
|
71
|
-
'update:open': [value: boolean];
|
|
72
|
-
/** 打开状态改变事件 */
|
|
73
|
-
openChange: [value: boolean];
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* Popover 容器组件暴露的方法接口
|
|
78
|
-
* */
|
|
79
|
-
export interface StPopoverContainerExpose {
|
|
80
|
-
/** 显示弹出层 */
|
|
81
|
-
show: (e?: MouseEvent, immediate?: boolean) => void;
|
|
82
|
-
/** 隐藏弹出层 */
|
|
83
|
-
hide: (immediate?: boolean) => void;
|
|
84
|
-
/** 切换显示状态 */
|
|
85
|
-
toggle: () => void;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* StPopoverTrigger 触发器组件属性接口
|
|
90
|
-
* */
|
|
91
|
-
export interface StPopoverTriggerProps {
|
|
92
|
-
/** 自定义类名 */
|
|
93
|
-
class?: ClassValue;
|
|
94
|
-
/** 自定义样式 */
|
|
95
|
-
style?: StyleValue;
|
|
96
|
-
/** 是否作为子元素渲染 */
|
|
97
|
-
asChild?: boolean;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* PopoverContent 内容组件属性接口
|
|
102
|
-
* */
|
|
103
|
-
export interface StPopoverContentProps {
|
|
104
|
-
/** 自定义类名 */
|
|
105
|
-
class?: ClassValue;
|
|
106
|
-
/** 自定义样式 */
|
|
107
|
-
style?: StyleValue;
|
|
108
|
-
/** 是否显示箭头 */
|
|
109
|
-
showArrow?: boolean;
|
|
110
|
-
/** 点击外部是否关闭 */
|
|
111
|
-
closeOnClickOutside?: boolean;
|
|
112
|
-
/** 按 ESC 键是否关闭 */
|
|
113
|
-
closeOnEsc?: boolean;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
/**
|
|
117
|
-
* PopoverArrow 箭头组件属性接口
|
|
118
|
-
* */
|
|
119
|
-
export interface StPopoverArrowProps {
|
|
120
|
-
/** 自定义类名 */
|
|
121
|
-
class?: ClassValue;
|
|
122
|
-
/** 自定义样式 */
|
|
123
|
-
style?: StyleValue;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
/**
|
|
127
|
-
* StPopover 封装组件属性接口(向后兼容)
|
|
128
|
-
* */
|
|
129
|
-
export interface StPopoverProps {
|
|
130
|
-
/** 触发方式 */
|
|
131
|
-
trigger?: StPopoverTrigger;
|
|
132
|
-
/** 弹出方向 */
|
|
133
|
-
placement?: StPopoverPlacement;
|
|
134
|
-
/** 是否禁用 */
|
|
135
|
-
disabled?: boolean;
|
|
136
|
-
/** 是否可见 */
|
|
137
|
-
visible?: boolean;
|
|
138
|
-
/** 默认打开状态 */
|
|
139
|
-
defaultOpen?: boolean;
|
|
140
|
-
/** 偏移距离 */
|
|
141
|
-
offset?: number;
|
|
142
|
-
/** 弹出层与触发元素之间的间距 */
|
|
143
|
-
gap?: number;
|
|
144
|
-
/** 是否显示箭头 */
|
|
145
|
-
showArrow?: boolean;
|
|
146
|
-
/** 点击外部是否关闭 */
|
|
147
|
-
closeOnClickOutside?: boolean;
|
|
148
|
-
/** 按ESC键是否关闭 */
|
|
149
|
-
closeOnEsc?: boolean;
|
|
150
|
-
/** hover 触发时显示的延迟时间(毫秒) */
|
|
151
|
-
openDelay?: number;
|
|
152
|
-
/** hover 触发时隐藏的延迟时间(毫秒) */
|
|
153
|
-
closeDelay?: number;
|
|
154
|
-
/** 触发元素的类名 */
|
|
155
|
-
triggerClass?: ClassValue;
|
|
156
|
-
/** 触发元素的内联样式 */
|
|
157
|
-
triggerStyle?: StyleValue;
|
|
158
|
-
/** 内容区域的类名 */
|
|
159
|
-
contentClass?: ClassValue;
|
|
160
|
-
/** 内容区域的内联样式 */
|
|
161
|
-
contentStyle?: StyleValue;
|
|
162
|
-
/** 箭头的类名 */
|
|
163
|
-
arrowClass?: ClassValue;
|
|
164
|
-
/** 箭头的内联样式 */
|
|
165
|
-
arrowStyle?: StyleValue;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
/**
|
|
169
|
-
* StPopover 封装组件事件接口
|
|
170
|
-
* */
|
|
171
|
-
export interface StPopoverEmits {
|
|
172
|
-
/** 更新可见状态事件 */
|
|
173
|
-
'update:visible': [value: boolean];
|
|
174
|
-
/** 可见状态改变事件 */
|
|
175
|
-
visibleChange: [value: boolean];
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
/**
|
|
179
|
-
* StPopover 封装组件插槽接口
|
|
180
|
-
* */
|
|
181
|
-
export interface StPopoverSlots {
|
|
182
|
-
/** 默认插槽 */
|
|
183
|
-
default?: () => any;
|
|
184
|
-
/** 弹出内容插槽 */
|
|
185
|
-
content?: () => any;
|
|
186
|
-
/** 触发元素插槽 */
|
|
187
|
-
trigger?: () => any;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
/**
|
|
191
|
-
* StPopover 封装组件暴露的方法接口
|
|
192
|
-
* */
|
|
193
|
-
export interface StPopoverExpose {
|
|
194
|
-
/** 显示弹出层 */
|
|
195
|
-
show: (e?: MouseEvent, immediate?: boolean) => void;
|
|
196
|
-
/** 隐藏弹出层 */
|
|
197
|
-
hide: (immediate?: boolean) => void;
|
|
198
|
-
/** 切换显示状态 */
|
|
199
|
-
toggle: () => void;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
export {};
|
|
1
|
+
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Popover 触发方式类型
|
|
5
|
+
* click: 点击触发
|
|
6
|
+
* focus: 聚焦触发
|
|
7
|
+
* hover: 悬停触发
|
|
8
|
+
* contextmenu: 右键菜单触发
|
|
9
|
+
* manual: 手动触发(不自动响应事件)
|
|
10
|
+
* */
|
|
11
|
+
export type StPopoverTrigger = 'click' | 'focus' | 'hover' | 'contextmenu' | 'manual';
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Popover 弹出方向类型
|
|
15
|
+
* top-left: 上方左侧对齐
|
|
16
|
+
* top-center: 上方居中对齐
|
|
17
|
+
* top-right: 上方右侧对齐
|
|
18
|
+
* bottom-left: 下方左侧对齐
|
|
19
|
+
* bottom-center: 下方居中对齐
|
|
20
|
+
* bottom-right: 下方右侧对齐
|
|
21
|
+
* left-top: 左侧顶部对齐
|
|
22
|
+
* left-center: 左侧居中对齐
|
|
23
|
+
* left-bottom: 左侧底部对齐
|
|
24
|
+
* right-top: 右侧顶部对齐
|
|
25
|
+
* right-center: 右侧居中对齐
|
|
26
|
+
* right-bottom: 右侧底部对齐
|
|
27
|
+
* */
|
|
28
|
+
export type StPopoverPlacement =
|
|
29
|
+
| 'top-left'
|
|
30
|
+
| 'top-center'
|
|
31
|
+
| 'top-right'
|
|
32
|
+
| 'bottom-left'
|
|
33
|
+
| 'bottom-center'
|
|
34
|
+
| 'bottom-right'
|
|
35
|
+
| 'left-top'
|
|
36
|
+
| 'left-center'
|
|
37
|
+
| 'left-bottom'
|
|
38
|
+
| 'right-top'
|
|
39
|
+
| 'right-center'
|
|
40
|
+
| 'right-bottom';
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Popover 容器组件属性接口
|
|
44
|
+
* */
|
|
45
|
+
export interface StPopoverContainerProps {
|
|
46
|
+
/** 受控模式下的打开状态 */
|
|
47
|
+
open?: boolean;
|
|
48
|
+
/** 默认打开状态 */
|
|
49
|
+
defaultOpen?: boolean;
|
|
50
|
+
/** hover 触发时显示的延迟时间(毫秒) */
|
|
51
|
+
openDelay?: number;
|
|
52
|
+
/** hover 触发时隐藏的延迟时间(毫秒) */
|
|
53
|
+
closeDelay?: number;
|
|
54
|
+
/** 弹出方向 */
|
|
55
|
+
placement?: StPopoverPlacement;
|
|
56
|
+
/** 触发方式 */
|
|
57
|
+
trigger?: StPopoverTrigger;
|
|
58
|
+
/** 是否禁用 */
|
|
59
|
+
disabled?: boolean;
|
|
60
|
+
/** 弹出层与触发元素之间的间距 */
|
|
61
|
+
gap?: number;
|
|
62
|
+
/** 偏移距离(向后兼容) */
|
|
63
|
+
offset?: number;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Popover 容器组件事件接口
|
|
68
|
+
* */
|
|
69
|
+
export interface StPopoverContainerEmits {
|
|
70
|
+
/** 更新打开状态事件 */
|
|
71
|
+
'update:open': [value: boolean];
|
|
72
|
+
/** 打开状态改变事件 */
|
|
73
|
+
openChange: [value: boolean];
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Popover 容器组件暴露的方法接口
|
|
78
|
+
* */
|
|
79
|
+
export interface StPopoverContainerExpose {
|
|
80
|
+
/** 显示弹出层 */
|
|
81
|
+
show: (e?: MouseEvent, immediate?: boolean) => void;
|
|
82
|
+
/** 隐藏弹出层 */
|
|
83
|
+
hide: (immediate?: boolean) => void;
|
|
84
|
+
/** 切换显示状态 */
|
|
85
|
+
toggle: () => void;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* StPopoverTrigger 触发器组件属性接口
|
|
90
|
+
* */
|
|
91
|
+
export interface StPopoverTriggerProps {
|
|
92
|
+
/** 自定义类名 */
|
|
93
|
+
class?: ClassValue;
|
|
94
|
+
/** 自定义样式 */
|
|
95
|
+
style?: StyleValue;
|
|
96
|
+
/** 是否作为子元素渲染 */
|
|
97
|
+
asChild?: boolean;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* PopoverContent 内容组件属性接口
|
|
102
|
+
* */
|
|
103
|
+
export interface StPopoverContentProps {
|
|
104
|
+
/** 自定义类名 */
|
|
105
|
+
class?: ClassValue;
|
|
106
|
+
/** 自定义样式 */
|
|
107
|
+
style?: StyleValue;
|
|
108
|
+
/** 是否显示箭头 */
|
|
109
|
+
showArrow?: boolean;
|
|
110
|
+
/** 点击外部是否关闭 */
|
|
111
|
+
closeOnClickOutside?: boolean;
|
|
112
|
+
/** 按 ESC 键是否关闭 */
|
|
113
|
+
closeOnEsc?: boolean;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
/**
|
|
117
|
+
* PopoverArrow 箭头组件属性接口
|
|
118
|
+
* */
|
|
119
|
+
export interface StPopoverArrowProps {
|
|
120
|
+
/** 自定义类名 */
|
|
121
|
+
class?: ClassValue;
|
|
122
|
+
/** 自定义样式 */
|
|
123
|
+
style?: StyleValue;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/**
|
|
127
|
+
* StPopover 封装组件属性接口(向后兼容)
|
|
128
|
+
* */
|
|
129
|
+
export interface StPopoverProps {
|
|
130
|
+
/** 触发方式 */
|
|
131
|
+
trigger?: StPopoverTrigger;
|
|
132
|
+
/** 弹出方向 */
|
|
133
|
+
placement?: StPopoverPlacement;
|
|
134
|
+
/** 是否禁用 */
|
|
135
|
+
disabled?: boolean;
|
|
136
|
+
/** 是否可见 */
|
|
137
|
+
visible?: boolean;
|
|
138
|
+
/** 默认打开状态 */
|
|
139
|
+
defaultOpen?: boolean;
|
|
140
|
+
/** 偏移距离 */
|
|
141
|
+
offset?: number;
|
|
142
|
+
/** 弹出层与触发元素之间的间距 */
|
|
143
|
+
gap?: number;
|
|
144
|
+
/** 是否显示箭头 */
|
|
145
|
+
showArrow?: boolean;
|
|
146
|
+
/** 点击外部是否关闭 */
|
|
147
|
+
closeOnClickOutside?: boolean;
|
|
148
|
+
/** 按ESC键是否关闭 */
|
|
149
|
+
closeOnEsc?: boolean;
|
|
150
|
+
/** hover 触发时显示的延迟时间(毫秒) */
|
|
151
|
+
openDelay?: number;
|
|
152
|
+
/** hover 触发时隐藏的延迟时间(毫秒) */
|
|
153
|
+
closeDelay?: number;
|
|
154
|
+
/** 触发元素的类名 */
|
|
155
|
+
triggerClass?: ClassValue;
|
|
156
|
+
/** 触发元素的内联样式 */
|
|
157
|
+
triggerStyle?: StyleValue;
|
|
158
|
+
/** 内容区域的类名 */
|
|
159
|
+
contentClass?: ClassValue;
|
|
160
|
+
/** 内容区域的内联样式 */
|
|
161
|
+
contentStyle?: StyleValue;
|
|
162
|
+
/** 箭头的类名 */
|
|
163
|
+
arrowClass?: ClassValue;
|
|
164
|
+
/** 箭头的内联样式 */
|
|
165
|
+
arrowStyle?: StyleValue;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
/**
|
|
169
|
+
* StPopover 封装组件事件接口
|
|
170
|
+
* */
|
|
171
|
+
export interface StPopoverEmits {
|
|
172
|
+
/** 更新可见状态事件 */
|
|
173
|
+
'update:visible': [value: boolean];
|
|
174
|
+
/** 可见状态改变事件 */
|
|
175
|
+
visibleChange: [value: boolean];
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
/**
|
|
179
|
+
* StPopover 封装组件插槽接口
|
|
180
|
+
* */
|
|
181
|
+
export interface StPopoverSlots {
|
|
182
|
+
/** 默认插槽 */
|
|
183
|
+
default?: () => any;
|
|
184
|
+
/** 弹出内容插槽 */
|
|
185
|
+
content?: () => any;
|
|
186
|
+
/** 触发元素插槽 */
|
|
187
|
+
trigger?: () => any;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
/**
|
|
191
|
+
* StPopover 封装组件暴露的方法接口
|
|
192
|
+
* */
|
|
193
|
+
export interface StPopoverExpose {
|
|
194
|
+
/** 显示弹出层 */
|
|
195
|
+
show: (e?: MouseEvent, immediate?: boolean) => void;
|
|
196
|
+
/** 隐藏弹出层 */
|
|
197
|
+
hide: (immediate?: boolean) => void;
|
|
198
|
+
/** 切换显示状态 */
|
|
199
|
+
toggle: () => void;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
export {};
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 进度条类型
|
|
3
|
-
* */
|
|
4
|
-
export type StProgressType = 'line' | 'circle';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* 进度条状态
|
|
8
|
-
* */
|
|
9
|
-
export type StProgressStatus = 'success' | 'error';
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* 进度条组件属性
|
|
13
|
-
* */
|
|
14
|
-
export interface StProgressProps {
|
|
15
|
-
/** 进度条类型 */
|
|
16
|
-
type?: StProgressType;
|
|
17
|
-
/** 进度百分比 (0-100) */
|
|
18
|
-
percent?: number;
|
|
19
|
-
/** 进度条状态 */
|
|
20
|
-
status?: StProgressStatus;
|
|
21
|
-
/** 是否显示进度文字 */
|
|
22
|
-
showText?: boolean;
|
|
23
|
-
/** 进度条颜色 */
|
|
24
|
-
color?: string;
|
|
25
|
-
/** 进度条宽度 */
|
|
26
|
-
strokeWidth?: number;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* 进度条组件插槽类型
|
|
31
|
-
* */
|
|
32
|
-
export interface StProgressSlots {
|
|
33
|
-
/** 默认插槽(自定义文字内容) */
|
|
34
|
-
default?: () => unknown;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* 进度条类型
|
|
3
|
+
* */
|
|
4
|
+
export type StProgressType = 'line' | 'circle';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* 进度条状态
|
|
8
|
+
* */
|
|
9
|
+
export type StProgressStatus = 'success' | 'error';
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* 进度条组件属性
|
|
13
|
+
* */
|
|
14
|
+
export interface StProgressProps {
|
|
15
|
+
/** 进度条类型 */
|
|
16
|
+
type?: StProgressType;
|
|
17
|
+
/** 进度百分比 (0-100) */
|
|
18
|
+
percent?: number;
|
|
19
|
+
/** 进度条状态 */
|
|
20
|
+
status?: StProgressStatus;
|
|
21
|
+
/** 是否显示进度文字 */
|
|
22
|
+
showText?: boolean;
|
|
23
|
+
/** 进度条颜色 */
|
|
24
|
+
color?: string;
|
|
25
|
+
/** 进度条宽度 */
|
|
26
|
+
strokeWidth?: number;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* 进度条组件插槽类型
|
|
31
|
+
* */
|
|
32
|
+
export interface StProgressSlots {
|
|
33
|
+
/** 默认插槽(自定义文字内容) */
|
|
34
|
+
default?: () => unknown;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export {};
|