@codemonster-ru/vueforge 0.52.0 → 0.53.0
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 +56 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.ts.mjs +2354 -2264
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/segmented-control.test.d.ts +1 -0
- package/dist/package/components/segmented-control.vue.d.ts +39 -0
- package/dist/package/config/theme-core.d.ts +28 -0
- package/dist/package/themes/default/components/segmented-control.d.ts +28 -0
- package/dist/package/themes/default/index.d.ts +27 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
type SegmentedValue = string | number;
|
|
2
|
+
type Size = 'small' | 'normal' | 'large';
|
|
3
|
+
type Variant = 'filled' | 'outlined';
|
|
4
|
+
interface SegmentedOption {
|
|
5
|
+
label: string;
|
|
6
|
+
value: SegmentedValue;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
interface Props {
|
|
10
|
+
modelValue?: SegmentedValue;
|
|
11
|
+
options?: Array<SegmentedOption>;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
fullWidth?: boolean;
|
|
14
|
+
size?: Size;
|
|
15
|
+
variant?: Variant;
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
ariaLabelledby?: string;
|
|
18
|
+
}
|
|
19
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
blur: (...args: any[]) => void;
|
|
21
|
+
change: (...args: any[]) => void;
|
|
22
|
+
focus: (...args: any[]) => void;
|
|
23
|
+
"update:modelValue": (...args: any[]) => void;
|
|
24
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
25
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
27
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
28
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
29
|
+
}>, {
|
|
30
|
+
disabled: boolean;
|
|
31
|
+
size: Size;
|
|
32
|
+
variant: Variant;
|
|
33
|
+
modelValue: SegmentedValue;
|
|
34
|
+
ariaLabel: string;
|
|
35
|
+
options: Array<SegmentedOption>;
|
|
36
|
+
ariaLabelledby: string;
|
|
37
|
+
fullWidth: boolean;
|
|
38
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
39
|
+
export default _default;
|
|
@@ -988,6 +988,33 @@ export type SwitchTokens = {
|
|
|
988
988
|
textColor?: string;
|
|
989
989
|
disabledOpacity?: string;
|
|
990
990
|
};
|
|
991
|
+
export type SegmentedControlTokens = {
|
|
992
|
+
fontSize?: string;
|
|
993
|
+
padding?: string;
|
|
994
|
+
gap?: string;
|
|
995
|
+
borderRadius?: string;
|
|
996
|
+
borderColor?: string;
|
|
997
|
+
backgroundColor?: string;
|
|
998
|
+
textColor?: string;
|
|
999
|
+
hoverBackgroundColor?: string;
|
|
1000
|
+
activeBackgroundColor?: string;
|
|
1001
|
+
activeTextColor?: string;
|
|
1002
|
+
focusRingShadow?: string;
|
|
1003
|
+
disabledOpacity?: string;
|
|
1004
|
+
segmentPadding?: string;
|
|
1005
|
+
segmentRadius?: string;
|
|
1006
|
+
segmentFontWeight?: string;
|
|
1007
|
+
small?: {
|
|
1008
|
+
fontSize?: string;
|
|
1009
|
+
padding?: string;
|
|
1010
|
+
segmentPadding?: string;
|
|
1011
|
+
};
|
|
1012
|
+
large?: {
|
|
1013
|
+
fontSize?: string;
|
|
1014
|
+
padding?: string;
|
|
1015
|
+
segmentPadding?: string;
|
|
1016
|
+
};
|
|
1017
|
+
};
|
|
991
1018
|
export type TabsTokens = {
|
|
992
1019
|
gap?: string;
|
|
993
1020
|
listGap?: string;
|
|
@@ -1544,6 +1571,7 @@ export type ThemeComponentTokens = {
|
|
|
1544
1571
|
datetimepicker?: DateTimePickerTokens;
|
|
1545
1572
|
pagination?: PaginationTokens;
|
|
1546
1573
|
switch?: SwitchTokens;
|
|
1574
|
+
segmentedControl?: SegmentedControlTokens;
|
|
1547
1575
|
tooltip?: TooltipTokens;
|
|
1548
1576
|
skeleton?: SkeletonTokens;
|
|
1549
1577
|
progress?: ProgressTokens;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
fontSize: string;
|
|
3
|
+
padding: string;
|
|
4
|
+
gap: string;
|
|
5
|
+
borderRadius: string;
|
|
6
|
+
borderColor: string;
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
textColor: string;
|
|
9
|
+
hoverBackgroundColor: string;
|
|
10
|
+
activeBackgroundColor: string;
|
|
11
|
+
activeTextColor: string;
|
|
12
|
+
focusRingShadow: string;
|
|
13
|
+
disabledOpacity: string;
|
|
14
|
+
segmentPadding: string;
|
|
15
|
+
segmentRadius: string;
|
|
16
|
+
segmentFontWeight: string;
|
|
17
|
+
small: {
|
|
18
|
+
fontSize: string;
|
|
19
|
+
padding: string;
|
|
20
|
+
segmentPadding: string;
|
|
21
|
+
};
|
|
22
|
+
large: {
|
|
23
|
+
fontSize: string;
|
|
24
|
+
padding: string;
|
|
25
|
+
segmentPadding: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
@@ -1170,6 +1170,33 @@ declare const _default: {
|
|
|
1170
1170
|
textColor: string;
|
|
1171
1171
|
disabledOpacity: string;
|
|
1172
1172
|
};
|
|
1173
|
+
segmentedControl: {
|
|
1174
|
+
fontSize: string;
|
|
1175
|
+
padding: string;
|
|
1176
|
+
gap: string;
|
|
1177
|
+
borderRadius: string;
|
|
1178
|
+
borderColor: string;
|
|
1179
|
+
backgroundColor: string;
|
|
1180
|
+
textColor: string;
|
|
1181
|
+
hoverBackgroundColor: string;
|
|
1182
|
+
activeBackgroundColor: string;
|
|
1183
|
+
activeTextColor: string;
|
|
1184
|
+
focusRingShadow: string;
|
|
1185
|
+
disabledOpacity: string;
|
|
1186
|
+
segmentPadding: string;
|
|
1187
|
+
segmentRadius: string;
|
|
1188
|
+
segmentFontWeight: string;
|
|
1189
|
+
small: {
|
|
1190
|
+
fontSize: string;
|
|
1191
|
+
padding: string;
|
|
1192
|
+
segmentPadding: string;
|
|
1193
|
+
};
|
|
1194
|
+
large: {
|
|
1195
|
+
fontSize: string;
|
|
1196
|
+
padding: string;
|
|
1197
|
+
segmentPadding: string;
|
|
1198
|
+
};
|
|
1199
|
+
};
|
|
1173
1200
|
tabs: {
|
|
1174
1201
|
gap: string;
|
|
1175
1202
|
listGap: string;
|