straw-ui-vue 0.1.20 → 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 -146
- 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-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 +107 -51
- package/package.json +16 -11
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 侧边栏项组件属性
|
|
5
|
-
* */
|
|
6
|
-
export interface StSidebarItemProps {
|
|
7
|
-
/** 项唯一标识 */
|
|
8
|
-
id: string;
|
|
9
|
-
/** 项标签文本 */
|
|
10
|
-
label?: string;
|
|
11
|
-
/** sidebar 项 class */
|
|
12
|
-
itemClass?: ClassValue;
|
|
13
|
-
/** sidebar 项 style */
|
|
14
|
-
itemStyle?: StyleValue;
|
|
15
|
-
/** 图标 class */
|
|
16
|
-
iconClass?: ClassValue;
|
|
17
|
-
/** 图标 style */
|
|
18
|
-
iconStyle?: StyleValue;
|
|
19
|
-
/** 标签 class */
|
|
20
|
-
labelClass?: ClassValue;
|
|
21
|
-
/** 标签 style */
|
|
22
|
-
labelStyle?: StyleValue;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* 侧边栏项组件事件接口
|
|
27
|
-
* */
|
|
28
|
-
export interface StSidebarItemEmits {
|
|
29
|
-
/** 点击事件 */
|
|
30
|
-
click: [id: string];
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* 侧边栏项组件插槽类型
|
|
35
|
-
* */
|
|
36
|
-
export interface StSidebarItemSlots {
|
|
37
|
-
/** 图标插槽 */
|
|
38
|
-
icon?: () => unknown;
|
|
39
|
-
/** 标签插槽 */
|
|
40
|
-
label?: () => unknown;
|
|
41
|
-
/** 默认插槽 */
|
|
42
|
-
default?: () => unknown;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export {};
|
|
1
|
+
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 侧边栏项组件属性
|
|
5
|
+
* */
|
|
6
|
+
export interface StSidebarItemProps {
|
|
7
|
+
/** 项唯一标识 */
|
|
8
|
+
id: string;
|
|
9
|
+
/** 项标签文本 */
|
|
10
|
+
label?: string;
|
|
11
|
+
/** sidebar 项 class */
|
|
12
|
+
itemClass?: ClassValue;
|
|
13
|
+
/** sidebar 项 style */
|
|
14
|
+
itemStyle?: StyleValue;
|
|
15
|
+
/** 图标 class */
|
|
16
|
+
iconClass?: ClassValue;
|
|
17
|
+
/** 图标 style */
|
|
18
|
+
iconStyle?: StyleValue;
|
|
19
|
+
/** 标签 class */
|
|
20
|
+
labelClass?: ClassValue;
|
|
21
|
+
/** 标签 style */
|
|
22
|
+
labelStyle?: StyleValue;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* 侧边栏项组件事件接口
|
|
27
|
+
* */
|
|
28
|
+
export interface StSidebarItemEmits {
|
|
29
|
+
/** 点击事件 */
|
|
30
|
+
click: [id: string];
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* 侧边栏项组件插槽类型
|
|
35
|
+
* */
|
|
36
|
+
export interface StSidebarItemSlots {
|
|
37
|
+
/** 图标插槽 */
|
|
38
|
+
icon?: () => unknown;
|
|
39
|
+
/** 标签插槽 */
|
|
40
|
+
label?: () => unknown;
|
|
41
|
+
/** 默认插槽 */
|
|
42
|
+
default?: () => unknown;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export {};
|
|
@@ -1,56 +1,56 @@
|
|
|
1
|
-
import type { ClassValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 骨架屏形状变体
|
|
5
|
-
* */
|
|
6
|
-
export type StSkeletonVariant = 'text' | 'circle' | 'image' | 'button' | 'avatar';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* 骨架屏子项组件属性
|
|
10
|
-
* */
|
|
11
|
-
export interface StSkeletonItemProps {
|
|
12
|
-
/** 骨架屏形状 */
|
|
13
|
-
variant?: StSkeletonVariant;
|
|
14
|
-
/** 宽度 */
|
|
15
|
-
width?: string | number;
|
|
16
|
-
/** 高度 */
|
|
17
|
-
height?: string | number;
|
|
18
|
-
/** 是否开启动画 */
|
|
19
|
-
animated?: boolean;
|
|
20
|
-
/** 自定义类名 */
|
|
21
|
-
class?: ClassValue;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* 骨架屏组件属性
|
|
26
|
-
* */
|
|
27
|
-
export interface StSkeletonProps {
|
|
28
|
-
/** 是否显示骨架屏,为 false 时显示实际内容 */
|
|
29
|
-
loading?: boolean;
|
|
30
|
-
/** 行数 */
|
|
31
|
-
rows?: number;
|
|
32
|
-
/** 是否开启动画 */
|
|
33
|
-
animated?: boolean;
|
|
34
|
-
/** 自定义类名 */
|
|
35
|
-
class?: ClassValue;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* 骨架屏组件插槽类型
|
|
40
|
-
* */
|
|
41
|
-
export interface StSkeletonSlots {
|
|
42
|
-
/** 默认插槽(实际内容) */
|
|
43
|
-
default?: () => unknown;
|
|
44
|
-
/** 模板插槽(自定义骨架屏布局) */
|
|
45
|
-
template?: () => unknown;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* 骨架屏子项组件插槽类型
|
|
50
|
-
* */
|
|
51
|
-
export interface StSkeletonItemSlots {
|
|
52
|
-
/** 默认插槽 */
|
|
53
|
-
default?: () => unknown;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
export {};
|
|
1
|
+
import type { ClassValue } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 骨架屏形状变体
|
|
5
|
+
* */
|
|
6
|
+
export type StSkeletonVariant = 'text' | 'circle' | 'image' | 'button' | 'avatar';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* 骨架屏子项组件属性
|
|
10
|
+
* */
|
|
11
|
+
export interface StSkeletonItemProps {
|
|
12
|
+
/** 骨架屏形状 */
|
|
13
|
+
variant?: StSkeletonVariant;
|
|
14
|
+
/** 宽度 */
|
|
15
|
+
width?: string | number;
|
|
16
|
+
/** 高度 */
|
|
17
|
+
height?: string | number;
|
|
18
|
+
/** 是否开启动画 */
|
|
19
|
+
animated?: boolean;
|
|
20
|
+
/** 自定义类名 */
|
|
21
|
+
class?: ClassValue;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* 骨架屏组件属性
|
|
26
|
+
* */
|
|
27
|
+
export interface StSkeletonProps {
|
|
28
|
+
/** 是否显示骨架屏,为 false 时显示实际内容 */
|
|
29
|
+
loading?: boolean;
|
|
30
|
+
/** 行数 */
|
|
31
|
+
rows?: number;
|
|
32
|
+
/** 是否开启动画 */
|
|
33
|
+
animated?: boolean;
|
|
34
|
+
/** 自定义类名 */
|
|
35
|
+
class?: ClassValue;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* 骨架屏组件插槽类型
|
|
40
|
+
* */
|
|
41
|
+
export interface StSkeletonSlots {
|
|
42
|
+
/** 默认插槽(实际内容) */
|
|
43
|
+
default?: () => unknown;
|
|
44
|
+
/** 模板插槽(自定义骨架屏布局) */
|
|
45
|
+
template?: () => unknown;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* 骨架屏子项组件插槽类型
|
|
50
|
+
* */
|
|
51
|
+
export interface StSkeletonItemSlots {
|
|
52
|
+
/** 默认插槽 */
|
|
53
|
+
default?: () => unknown;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export {};
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 滑块标记点配置
|
|
5
|
-
* */
|
|
6
|
-
export interface StSliderMark {
|
|
7
|
-
/** 标记点的值 */
|
|
8
|
-
value: number;
|
|
9
|
-
/** 标记点的标签 */
|
|
10
|
-
label?: string;
|
|
11
|
-
/** 标记点的样式 */
|
|
12
|
-
style?: StyleValue;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Slider 组件属性
|
|
17
|
-
* */
|
|
18
|
-
export interface StSliderProps {
|
|
19
|
-
/** 是否为范围滑块 */
|
|
20
|
-
range?: boolean;
|
|
21
|
-
/** 最小值 */
|
|
22
|
-
min?: number;
|
|
23
|
-
/** 最大值 */
|
|
24
|
-
max?: number;
|
|
25
|
-
/** 步长 */
|
|
26
|
-
step?: number;
|
|
27
|
-
/** 是否禁用 */
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
/** 标记点 */
|
|
30
|
-
marks?: StSliderMark[];
|
|
31
|
-
/** 是否显示数值提示 */
|
|
32
|
-
showTooltip?: boolean;
|
|
33
|
-
/** 是否显示刻度 */
|
|
34
|
-
showDots?: boolean;
|
|
35
|
-
/** 滑块类名 */
|
|
36
|
-
sliderClass?: ClassValue;
|
|
37
|
-
/** 轨道类名 */
|
|
38
|
-
trackClass?: ClassValue;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* Slider 组件事件类型
|
|
43
|
-
* */
|
|
44
|
-
export interface StSliderEmits {
|
|
45
|
-
/** 更新 modelValue 事件 */
|
|
46
|
-
'update:modelValue': [value: number | [number, number]];
|
|
47
|
-
/** 值改变事件 */
|
|
48
|
-
change: [value: number | [number, number]];
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* Slider 组件插槽类型
|
|
53
|
-
* */
|
|
54
|
-
export interface StSliderSlots {
|
|
55
|
-
/** 自定义提示内容 */
|
|
56
|
-
tooltip?: (props: { value: number }) => unknown;
|
|
57
|
-
/** 自定义标记点 */
|
|
58
|
-
mark?: (props: { mark: StSliderMark }) => unknown;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
export {};
|
|
1
|
+
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 滑块标记点配置
|
|
5
|
+
* */
|
|
6
|
+
export interface StSliderMark {
|
|
7
|
+
/** 标记点的值 */
|
|
8
|
+
value: number;
|
|
9
|
+
/** 标记点的标签 */
|
|
10
|
+
label?: string;
|
|
11
|
+
/** 标记点的样式 */
|
|
12
|
+
style?: StyleValue;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Slider 组件属性
|
|
17
|
+
* */
|
|
18
|
+
export interface StSliderProps {
|
|
19
|
+
/** 是否为范围滑块 */
|
|
20
|
+
range?: boolean;
|
|
21
|
+
/** 最小值 */
|
|
22
|
+
min?: number;
|
|
23
|
+
/** 最大值 */
|
|
24
|
+
max?: number;
|
|
25
|
+
/** 步长 */
|
|
26
|
+
step?: number;
|
|
27
|
+
/** 是否禁用 */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** 标记点 */
|
|
30
|
+
marks?: StSliderMark[];
|
|
31
|
+
/** 是否显示数值提示 */
|
|
32
|
+
showTooltip?: boolean;
|
|
33
|
+
/** 是否显示刻度 */
|
|
34
|
+
showDots?: boolean;
|
|
35
|
+
/** 滑块类名 */
|
|
36
|
+
sliderClass?: ClassValue;
|
|
37
|
+
/** 轨道类名 */
|
|
38
|
+
trackClass?: ClassValue;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Slider 组件事件类型
|
|
43
|
+
* */
|
|
44
|
+
export interface StSliderEmits {
|
|
45
|
+
/** 更新 modelValue 事件 */
|
|
46
|
+
'update:modelValue': [value: number | [number, number]];
|
|
47
|
+
/** 值改变事件 */
|
|
48
|
+
change: [value: number | [number, number]];
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* Slider 组件插槽类型
|
|
53
|
+
* */
|
|
54
|
+
export interface StSliderSlots {
|
|
55
|
+
/** 自定义提示内容 */
|
|
56
|
+
tooltip?: (props: { value: number }) => unknown;
|
|
57
|
+
/** 自定义标记点 */
|
|
58
|
+
mark?: (props: { mark: StSliderMark }) => unknown;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
export {};
|