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,120 +1,120 @@
|
|
|
1
|
-
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Checkbox 组件属性接口
|
|
5
|
-
* 用于定义复选框组件的属性
|
|
6
|
-
* */
|
|
7
|
-
export interface StCheckboxProps {
|
|
8
|
-
/** 自定义id,若不传递,则内置 */
|
|
9
|
-
id?: string;
|
|
10
|
-
/** 复选框禁用状态 */
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
/** 选中时的值 */
|
|
13
|
-
trueValue?: boolean | string | number;
|
|
14
|
-
/** 未选中时的值 */
|
|
15
|
-
falseValue?: boolean | string | number;
|
|
16
|
-
/** 标签类名 */
|
|
17
|
-
labelClass?: ClassValue;
|
|
18
|
-
/** 标签样式 */
|
|
19
|
-
labelStyle?: StyleValue;
|
|
20
|
-
/** 核心包裹层类名 */
|
|
21
|
-
boxClass?: ClassValue;
|
|
22
|
-
/** 核心包裹层眼视光 */
|
|
23
|
-
boxStyle?: StyleValue;
|
|
24
|
-
/** 核心区域类名 */
|
|
25
|
-
coreClass?: ClassValue;
|
|
26
|
-
/** 核心区域样式 */
|
|
27
|
-
coreStyle?: StyleValue;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Checkbox 组件事件接口
|
|
32
|
-
* */
|
|
33
|
-
export interface StCheckboxEmits {
|
|
34
|
-
/** 值改变事件 */
|
|
35
|
-
change: [event: MouseEvent];
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* Checkbox 组件插槽接口
|
|
40
|
-
* */
|
|
41
|
-
export interface StCheckboxSlots {
|
|
42
|
-
/** 默认插槽(标签内容) */
|
|
43
|
-
default?: () => unknown;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* CheckboxGroup 注入上下文接口
|
|
48
|
-
* */
|
|
49
|
-
export interface StCheckboxGroupContext {
|
|
50
|
-
disabled: import('vue').ComputedRef<boolean>;
|
|
51
|
-
modelValue: import('vue').Ref<(string | number | boolean)[]>;
|
|
52
|
-
updateValue: (value: string | number | boolean, checked: boolean) => void;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
// ============================================================
|
|
56
|
-
// StCheckboxGroup 组件类型
|
|
57
|
-
// ============================================================
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* CheckboxGroup 组件属性接口
|
|
61
|
-
* */
|
|
62
|
-
export interface StCheckboxGroupProps {
|
|
63
|
-
/** 复选框选项列表 */
|
|
64
|
-
list?: StCheckboxGroupItem[];
|
|
65
|
-
/** 用于显示的标签字段名 */
|
|
66
|
-
labelKey?: string;
|
|
67
|
-
/** 用于值的字段名 */
|
|
68
|
-
valueKey?: string;
|
|
69
|
-
/** 复选框禁用状态 */
|
|
70
|
-
disabled?: boolean;
|
|
71
|
-
/** 排列方向 */
|
|
72
|
-
direction?: StCheckboxGroupDirection;
|
|
73
|
-
/** 项类名 */
|
|
74
|
-
itemClass?: ClassValue;
|
|
75
|
-
/** 项样式 */
|
|
76
|
-
itemStyle?: StyleValue;
|
|
77
|
-
/** 标签类名 */
|
|
78
|
-
labelClass?: ClassValue;
|
|
79
|
-
/** 标签样式 */
|
|
80
|
-
labelStyle?: StyleValue;
|
|
81
|
-
/** checkbox类名 */
|
|
82
|
-
boxClass?: ClassValue;
|
|
83
|
-
/** checkbox样式 */
|
|
84
|
-
boxStyle?: StyleValue;
|
|
85
|
-
/** 图标类名 */
|
|
86
|
-
iconClass?: ClassValue;
|
|
87
|
-
/** 图标样式 */
|
|
88
|
-
iconStyle?: StyleValue;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* 复选框选项项接口
|
|
93
|
-
* */
|
|
94
|
-
export interface StCheckboxGroupItem {
|
|
95
|
-
/** 选项标签 */
|
|
96
|
-
[key: string]: unknown;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* 复选框组排列方向类型
|
|
101
|
-
* */
|
|
102
|
-
export type StCheckboxGroupDirection = 'horizontal' | 'vertical';
|
|
103
|
-
|
|
104
|
-
/**
|
|
105
|
-
* CheckboxGroup 组件事件接口
|
|
106
|
-
* */
|
|
107
|
-
export interface StCheckboxGroupEmits {
|
|
108
|
-
/** 值改变事件 */
|
|
109
|
-
change: [event: MouseEvent];
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* CheckboxGroup 组件插槽接口
|
|
114
|
-
* */
|
|
115
|
-
export interface StCheckboxGroupSlots {
|
|
116
|
-
/** 默认插槽 */
|
|
117
|
-
default?: () => unknown;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
export {};
|
|
1
|
+
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Checkbox 组件属性接口
|
|
5
|
+
* 用于定义复选框组件的属性
|
|
6
|
+
* */
|
|
7
|
+
export interface StCheckboxProps {
|
|
8
|
+
/** 自定义id,若不传递,则内置 */
|
|
9
|
+
id?: string;
|
|
10
|
+
/** 复选框禁用状态 */
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** 选中时的值 */
|
|
13
|
+
trueValue?: boolean | string | number;
|
|
14
|
+
/** 未选中时的值 */
|
|
15
|
+
falseValue?: boolean | string | number;
|
|
16
|
+
/** 标签类名 */
|
|
17
|
+
labelClass?: ClassValue;
|
|
18
|
+
/** 标签样式 */
|
|
19
|
+
labelStyle?: StyleValue;
|
|
20
|
+
/** 核心包裹层类名 */
|
|
21
|
+
boxClass?: ClassValue;
|
|
22
|
+
/** 核心包裹层眼视光 */
|
|
23
|
+
boxStyle?: StyleValue;
|
|
24
|
+
/** 核心区域类名 */
|
|
25
|
+
coreClass?: ClassValue;
|
|
26
|
+
/** 核心区域样式 */
|
|
27
|
+
coreStyle?: StyleValue;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Checkbox 组件事件接口
|
|
32
|
+
* */
|
|
33
|
+
export interface StCheckboxEmits {
|
|
34
|
+
/** 值改变事件 */
|
|
35
|
+
change: [event: MouseEvent];
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Checkbox 组件插槽接口
|
|
40
|
+
* */
|
|
41
|
+
export interface StCheckboxSlots {
|
|
42
|
+
/** 默认插槽(标签内容) */
|
|
43
|
+
default?: () => unknown;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* CheckboxGroup 注入上下文接口
|
|
48
|
+
* */
|
|
49
|
+
export interface StCheckboxGroupContext {
|
|
50
|
+
disabled: import('vue').ComputedRef<boolean>;
|
|
51
|
+
modelValue: import('vue').Ref<(string | number | boolean)[]>;
|
|
52
|
+
updateValue: (value: string | number | boolean, checked: boolean) => void;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// ============================================================
|
|
56
|
+
// StCheckboxGroup 组件类型
|
|
57
|
+
// ============================================================
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* CheckboxGroup 组件属性接口
|
|
61
|
+
* */
|
|
62
|
+
export interface StCheckboxGroupProps {
|
|
63
|
+
/** 复选框选项列表 */
|
|
64
|
+
list?: StCheckboxGroupItem[];
|
|
65
|
+
/** 用于显示的标签字段名 */
|
|
66
|
+
labelKey?: string;
|
|
67
|
+
/** 用于值的字段名 */
|
|
68
|
+
valueKey?: string;
|
|
69
|
+
/** 复选框禁用状态 */
|
|
70
|
+
disabled?: boolean;
|
|
71
|
+
/** 排列方向 */
|
|
72
|
+
direction?: StCheckboxGroupDirection;
|
|
73
|
+
/** 项类名 */
|
|
74
|
+
itemClass?: ClassValue;
|
|
75
|
+
/** 项样式 */
|
|
76
|
+
itemStyle?: StyleValue;
|
|
77
|
+
/** 标签类名 */
|
|
78
|
+
labelClass?: ClassValue;
|
|
79
|
+
/** 标签样式 */
|
|
80
|
+
labelStyle?: StyleValue;
|
|
81
|
+
/** checkbox类名 */
|
|
82
|
+
boxClass?: ClassValue;
|
|
83
|
+
/** checkbox样式 */
|
|
84
|
+
boxStyle?: StyleValue;
|
|
85
|
+
/** 图标类名 */
|
|
86
|
+
iconClass?: ClassValue;
|
|
87
|
+
/** 图标样式 */
|
|
88
|
+
iconStyle?: StyleValue;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* 复选框选项项接口
|
|
93
|
+
* */
|
|
94
|
+
export interface StCheckboxGroupItem {
|
|
95
|
+
/** 选项标签 */
|
|
96
|
+
[key: string]: unknown;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
/**
|
|
100
|
+
* 复选框组排列方向类型
|
|
101
|
+
* */
|
|
102
|
+
export type StCheckboxGroupDirection = 'horizontal' | 'vertical';
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* CheckboxGroup 组件事件接口
|
|
106
|
+
* */
|
|
107
|
+
export interface StCheckboxGroupEmits {
|
|
108
|
+
/** 值改变事件 */
|
|
109
|
+
change: [event: MouseEvent];
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* CheckboxGroup 组件插槽接口
|
|
114
|
+
* */
|
|
115
|
+
export interface StCheckboxGroupSlots {
|
|
116
|
+
/** 默认插槽 */
|
|
117
|
+
default?: () => unknown;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
export {};
|
|
@@ -1,160 +1,160 @@
|
|
|
1
|
-
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* 颜色格式类型
|
|
5
|
-
* */
|
|
6
|
-
export type StColorFormat = 'hex' | 'rgb' | 'hsl';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* StRGBA 颜色对象
|
|
10
|
-
* */
|
|
11
|
-
export interface StRGBA {
|
|
12
|
-
r: number;
|
|
13
|
-
g: number;
|
|
14
|
-
b: number;
|
|
15
|
-
a: number;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* StHSLA 颜色对象
|
|
20
|
-
* */
|
|
21
|
-
export interface StHSLA {
|
|
22
|
-
h: number;
|
|
23
|
-
s: number;
|
|
24
|
-
l: number;
|
|
25
|
-
a: number;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* StHSVA 颜色对象
|
|
30
|
-
* */
|
|
31
|
-
export interface StHSVA {
|
|
32
|
-
h: number;
|
|
33
|
-
s: number;
|
|
34
|
-
v: number;
|
|
35
|
-
a: number;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* 颜色对象
|
|
40
|
-
* */
|
|
41
|
-
export interface StColorObject {
|
|
42
|
-
hex: string;
|
|
43
|
-
rgb: string;
|
|
44
|
-
hsl: string;
|
|
45
|
-
rgba: StRGBA;
|
|
46
|
-
hsla: StHSLA;
|
|
47
|
-
hsva: StHSVA;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* 预设颜色项
|
|
52
|
-
* */
|
|
53
|
-
export interface StPresetColor {
|
|
54
|
-
/** 颜色值 */
|
|
55
|
-
value: string;
|
|
56
|
-
/** 颜色标签(可选) */
|
|
57
|
-
label?: string;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* StColorPicker 组件属性接口
|
|
62
|
-
* */
|
|
63
|
-
export interface StColorPickerProps {
|
|
64
|
-
/** 绑定值 */
|
|
65
|
-
modelValue?: string;
|
|
66
|
-
/** 颜色格式 */
|
|
67
|
-
format?: StColorFormat;
|
|
68
|
-
/** 预设颜色列表 */
|
|
69
|
-
presetColors?: StPresetColor[];
|
|
70
|
-
/** 是否禁用 */
|
|
71
|
-
disabled?: boolean;
|
|
72
|
-
/** 是否可清空 */
|
|
73
|
-
clearable?: boolean;
|
|
74
|
-
/** 是否显示透明度滑块 */
|
|
75
|
-
showAlpha?: boolean;
|
|
76
|
-
/** 占位符 */
|
|
77
|
-
placeholder?: string;
|
|
78
|
-
/** 触发器类名 */
|
|
79
|
-
triggerClass?: ClassValue;
|
|
80
|
-
/** 触发器样式 */
|
|
81
|
-
triggerStyle?: StyleValue;
|
|
82
|
-
/** 弹出层类名 */
|
|
83
|
-
popoverClass?: ClassValue;
|
|
84
|
-
/** 弹出层样式 */
|
|
85
|
-
popoverStyle?: StyleValue;
|
|
86
|
-
/** 面板类名 */
|
|
87
|
-
panelClass?: ClassValue;
|
|
88
|
-
/** 面板样式 */
|
|
89
|
-
panelStyle?: StyleValue;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
/**
|
|
93
|
-
* StColorPicker 组件事件接口
|
|
94
|
-
* */
|
|
95
|
-
export interface StColorPickerEmits {
|
|
96
|
-
/** 更新绑定值事件 */
|
|
97
|
-
'update:modelValue': [value: string];
|
|
98
|
-
/** 值改变事件 */
|
|
99
|
-
change: [value: string];
|
|
100
|
-
/** 清空事件 */
|
|
101
|
-
clear: [];
|
|
102
|
-
/** 弹出层显示状态改变事件 */
|
|
103
|
-
visibleChange: [visible: boolean];
|
|
104
|
-
/** 激活颜色改变事件(面板中选择时触发) */
|
|
105
|
-
activeChange: [value: StColorObject];
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* StColorPicker 组件暴露的方法接口
|
|
110
|
-
* */
|
|
111
|
-
export interface StColorPickerExpose {
|
|
112
|
-
/** 颜色对象 */
|
|
113
|
-
color: StColorObject;
|
|
114
|
-
/** 打开面板 */
|
|
115
|
-
show: () => void;
|
|
116
|
-
/** 关闭面板 */
|
|
117
|
-
hide: () => void;
|
|
118
|
-
/** 清空颜色 */
|
|
119
|
-
clear: () => void;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
/**
|
|
123
|
-
* StColorPickerPanel 组件属性接口
|
|
124
|
-
* */
|
|
125
|
-
export interface StColorPickerPanelProps {
|
|
126
|
-
/** 绑定值 */
|
|
127
|
-
modelValue?: string;
|
|
128
|
-
/** 颜色格式 */
|
|
129
|
-
format?: StColorFormat;
|
|
130
|
-
/** 预设颜色列表 */
|
|
131
|
-
presetColors?: (StPresetColor | string)[];
|
|
132
|
-
/** 是否显示透明度滑块 */
|
|
133
|
-
showAlpha?: boolean;
|
|
134
|
-
/** 面板类名 */
|
|
135
|
-
panelClass?: ClassValue;
|
|
136
|
-
/** 面板样式 */
|
|
137
|
-
panelStyle?: StyleValue;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
/**
|
|
141
|
-
* StColorPickerPanel 组件事件接口
|
|
142
|
-
* */
|
|
143
|
-
export interface StColorPickerPanelEmits {
|
|
144
|
-
/** 更新绑定值事件 */
|
|
145
|
-
'update:modelValue': [value: string];
|
|
146
|
-
/** 值改变事件 */
|
|
147
|
-
change: [value: string];
|
|
148
|
-
/** 激活颜色改变事件 */
|
|
149
|
-
activeChange: [value: StColorObject];
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
/**
|
|
153
|
-
* StColorPickerPanel 组件暴露的方法接口
|
|
154
|
-
* */
|
|
155
|
-
export interface StColorPickerPanelExpose {
|
|
156
|
-
/** 颜色对象 */
|
|
157
|
-
color: StColorObject;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
export {};
|
|
1
|
+
import type { ClassValue, StyleValue } from 'vue';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 颜色格式类型
|
|
5
|
+
* */
|
|
6
|
+
export type StColorFormat = 'hex' | 'rgb' | 'hsl';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* StRGBA 颜色对象
|
|
10
|
+
* */
|
|
11
|
+
export interface StRGBA {
|
|
12
|
+
r: number;
|
|
13
|
+
g: number;
|
|
14
|
+
b: number;
|
|
15
|
+
a: number;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* StHSLA 颜色对象
|
|
20
|
+
* */
|
|
21
|
+
export interface StHSLA {
|
|
22
|
+
h: number;
|
|
23
|
+
s: number;
|
|
24
|
+
l: number;
|
|
25
|
+
a: number;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* StHSVA 颜色对象
|
|
30
|
+
* */
|
|
31
|
+
export interface StHSVA {
|
|
32
|
+
h: number;
|
|
33
|
+
s: number;
|
|
34
|
+
v: number;
|
|
35
|
+
a: number;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* 颜色对象
|
|
40
|
+
* */
|
|
41
|
+
export interface StColorObject {
|
|
42
|
+
hex: string;
|
|
43
|
+
rgb: string;
|
|
44
|
+
hsl: string;
|
|
45
|
+
rgba: StRGBA;
|
|
46
|
+
hsla: StHSLA;
|
|
47
|
+
hsva: StHSVA;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* 预设颜色项
|
|
52
|
+
* */
|
|
53
|
+
export interface StPresetColor {
|
|
54
|
+
/** 颜色值 */
|
|
55
|
+
value: string;
|
|
56
|
+
/** 颜色标签(可选) */
|
|
57
|
+
label?: string;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* StColorPicker 组件属性接口
|
|
62
|
+
* */
|
|
63
|
+
export interface StColorPickerProps {
|
|
64
|
+
/** 绑定值 */
|
|
65
|
+
modelValue?: string;
|
|
66
|
+
/** 颜色格式 */
|
|
67
|
+
format?: StColorFormat;
|
|
68
|
+
/** 预设颜色列表 */
|
|
69
|
+
presetColors?: StPresetColor[];
|
|
70
|
+
/** 是否禁用 */
|
|
71
|
+
disabled?: boolean;
|
|
72
|
+
/** 是否可清空 */
|
|
73
|
+
clearable?: boolean;
|
|
74
|
+
/** 是否显示透明度滑块 */
|
|
75
|
+
showAlpha?: boolean;
|
|
76
|
+
/** 占位符 */
|
|
77
|
+
placeholder?: string;
|
|
78
|
+
/** 触发器类名 */
|
|
79
|
+
triggerClass?: ClassValue;
|
|
80
|
+
/** 触发器样式 */
|
|
81
|
+
triggerStyle?: StyleValue;
|
|
82
|
+
/** 弹出层类名 */
|
|
83
|
+
popoverClass?: ClassValue;
|
|
84
|
+
/** 弹出层样式 */
|
|
85
|
+
popoverStyle?: StyleValue;
|
|
86
|
+
/** 面板类名 */
|
|
87
|
+
panelClass?: ClassValue;
|
|
88
|
+
/** 面板样式 */
|
|
89
|
+
panelStyle?: StyleValue;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
/**
|
|
93
|
+
* StColorPicker 组件事件接口
|
|
94
|
+
* */
|
|
95
|
+
export interface StColorPickerEmits {
|
|
96
|
+
/** 更新绑定值事件 */
|
|
97
|
+
'update:modelValue': [value: string];
|
|
98
|
+
/** 值改变事件 */
|
|
99
|
+
change: [value: string];
|
|
100
|
+
/** 清空事件 */
|
|
101
|
+
clear: [];
|
|
102
|
+
/** 弹出层显示状态改变事件 */
|
|
103
|
+
visibleChange: [visible: boolean];
|
|
104
|
+
/** 激活颜色改变事件(面板中选择时触发) */
|
|
105
|
+
activeChange: [value: StColorObject];
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/**
|
|
109
|
+
* StColorPicker 组件暴露的方法接口
|
|
110
|
+
* */
|
|
111
|
+
export interface StColorPickerExpose {
|
|
112
|
+
/** 颜色对象 */
|
|
113
|
+
color: StColorObject;
|
|
114
|
+
/** 打开面板 */
|
|
115
|
+
show: () => void;
|
|
116
|
+
/** 关闭面板 */
|
|
117
|
+
hide: () => void;
|
|
118
|
+
/** 清空颜色 */
|
|
119
|
+
clear: () => void;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* StColorPickerPanel 组件属性接口
|
|
124
|
+
* */
|
|
125
|
+
export interface StColorPickerPanelProps {
|
|
126
|
+
/** 绑定值 */
|
|
127
|
+
modelValue?: string;
|
|
128
|
+
/** 颜色格式 */
|
|
129
|
+
format?: StColorFormat;
|
|
130
|
+
/** 预设颜色列表 */
|
|
131
|
+
presetColors?: (StPresetColor | string)[];
|
|
132
|
+
/** 是否显示透明度滑块 */
|
|
133
|
+
showAlpha?: boolean;
|
|
134
|
+
/** 面板类名 */
|
|
135
|
+
panelClass?: ClassValue;
|
|
136
|
+
/** 面板样式 */
|
|
137
|
+
panelStyle?: StyleValue;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
/**
|
|
141
|
+
* StColorPickerPanel 组件事件接口
|
|
142
|
+
* */
|
|
143
|
+
export interface StColorPickerPanelEmits {
|
|
144
|
+
/** 更新绑定值事件 */
|
|
145
|
+
'update:modelValue': [value: string];
|
|
146
|
+
/** 值改变事件 */
|
|
147
|
+
change: [value: string];
|
|
148
|
+
/** 激活颜色改变事件 */
|
|
149
|
+
activeChange: [value: StColorObject];
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
/**
|
|
153
|
+
* StColorPickerPanel 组件暴露的方法接口
|
|
154
|
+
* */
|
|
155
|
+
export interface StColorPickerPanelExpose {
|
|
156
|
+
/** 颜色对象 */
|
|
157
|
+
color: StColorObject;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
export {};
|