@codemonster-ru/vueforge 0.51.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 +101 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +3515 -3244
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/calendar.test.d.ts +1 -0
- package/dist/package/components/__tests__/segmented-control.test.d.ts +1 -0
- package/dist/package/components/calendar.vue.d.ts +31 -0
- package/dist/package/components/segmented-control.vue.d.ts +39 -0
- package/dist/package/config/theme-core.d.ts +68 -0
- package/dist/package/themes/default/components/calendar.d.ts +40 -0
- package/dist/package/themes/default/components/segmented-control.d.ts +28 -0
- package/dist/package/themes/default/index.d.ts +66 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
interface Props {
|
|
4
|
+
modelValue?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
readonly?: boolean;
|
|
7
|
+
min?: string;
|
|
8
|
+
max?: string;
|
|
9
|
+
locale?: string;
|
|
10
|
+
firstDayOfWeek?: number;
|
|
11
|
+
variant?: Variant;
|
|
12
|
+
size?: Size;
|
|
13
|
+
}
|
|
14
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
change: (...args: any[]) => void;
|
|
16
|
+
"update:modelValue": (...args: any[]) => void;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
18
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
19
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
size: Size;
|
|
23
|
+
variant: Variant;
|
|
24
|
+
modelValue: string;
|
|
25
|
+
readonly: boolean;
|
|
26
|
+
min: string;
|
|
27
|
+
max: string;
|
|
28
|
+
locale: string;
|
|
29
|
+
firstDayOfWeek: number;
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
31
|
+
export default _default;
|
|
@@ -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;
|
|
@@ -760,6 +760,45 @@ export type DatePickerTokens = {
|
|
|
760
760
|
daySize?: string;
|
|
761
761
|
};
|
|
762
762
|
};
|
|
763
|
+
export type CalendarTokens = {
|
|
764
|
+
width?: string;
|
|
765
|
+
fontSize?: string;
|
|
766
|
+
padding?: string;
|
|
767
|
+
borderRadius?: string;
|
|
768
|
+
borderColor?: string;
|
|
769
|
+
backgroundColor?: string;
|
|
770
|
+
textColor?: string;
|
|
771
|
+
disabledOpacity?: string;
|
|
772
|
+
headerGap?: string;
|
|
773
|
+
headerPadding?: string;
|
|
774
|
+
monthLabelFontSize?: string;
|
|
775
|
+
monthLabelFontWeight?: string;
|
|
776
|
+
navButtonSize?: string;
|
|
777
|
+
navButtonRadius?: string;
|
|
778
|
+
navButtonFontSize?: string;
|
|
779
|
+
weekdayColor?: string;
|
|
780
|
+
weekdayFontSize?: string;
|
|
781
|
+
weekdaysMarginBottom?: string;
|
|
782
|
+
daysGap?: string;
|
|
783
|
+
daySize?: string;
|
|
784
|
+
dayFontSize?: string;
|
|
785
|
+
dayBorderRadius?: string;
|
|
786
|
+
dayHoverBackgroundColor?: string;
|
|
787
|
+
daySelectedBackgroundColor?: string;
|
|
788
|
+
daySelectedTextColor?: string;
|
|
789
|
+
dayMutedColor?: string;
|
|
790
|
+
dayTodayBorderColor?: string;
|
|
791
|
+
small?: {
|
|
792
|
+
padding?: string;
|
|
793
|
+
fontSize?: string;
|
|
794
|
+
daySize?: string;
|
|
795
|
+
};
|
|
796
|
+
large?: {
|
|
797
|
+
padding?: string;
|
|
798
|
+
fontSize?: string;
|
|
799
|
+
daySize?: string;
|
|
800
|
+
};
|
|
801
|
+
};
|
|
763
802
|
export type DateRangePickerTokens = {
|
|
764
803
|
minWidth?: string;
|
|
765
804
|
fontSize?: string;
|
|
@@ -949,6 +988,33 @@ export type SwitchTokens = {
|
|
|
949
988
|
textColor?: string;
|
|
950
989
|
disabledOpacity?: string;
|
|
951
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
|
+
};
|
|
952
1018
|
export type TabsTokens = {
|
|
953
1019
|
gap?: string;
|
|
954
1020
|
listGap?: string;
|
|
@@ -1499,11 +1565,13 @@ export type ThemeComponentTokens = {
|
|
|
1499
1565
|
multiselect?: MultiSelectTokens;
|
|
1500
1566
|
taginput?: TagInputTokens;
|
|
1501
1567
|
datepicker?: DatePickerTokens;
|
|
1568
|
+
calendar?: CalendarTokens;
|
|
1502
1569
|
daterangepicker?: DateRangePickerTokens;
|
|
1503
1570
|
timepicker?: TimePickerTokens;
|
|
1504
1571
|
datetimepicker?: DateTimePickerTokens;
|
|
1505
1572
|
pagination?: PaginationTokens;
|
|
1506
1573
|
switch?: SwitchTokens;
|
|
1574
|
+
segmentedControl?: SegmentedControlTokens;
|
|
1507
1575
|
tooltip?: TooltipTokens;
|
|
1508
1576
|
skeleton?: SkeletonTokens;
|
|
1509
1577
|
progress?: ProgressTokens;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
width: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
padding: string;
|
|
5
|
+
borderRadius: string;
|
|
6
|
+
borderColor: string;
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
textColor: string;
|
|
9
|
+
disabledOpacity: string;
|
|
10
|
+
headerGap: string;
|
|
11
|
+
headerPadding: string;
|
|
12
|
+
monthLabelFontSize: string;
|
|
13
|
+
monthLabelFontWeight: string;
|
|
14
|
+
navButtonSize: string;
|
|
15
|
+
navButtonRadius: string;
|
|
16
|
+
navButtonFontSize: string;
|
|
17
|
+
weekdayColor: string;
|
|
18
|
+
weekdayFontSize: string;
|
|
19
|
+
weekdaysMarginBottom: string;
|
|
20
|
+
daysGap: string;
|
|
21
|
+
daySize: string;
|
|
22
|
+
dayFontSize: string;
|
|
23
|
+
dayBorderRadius: string;
|
|
24
|
+
dayHoverBackgroundColor: string;
|
|
25
|
+
daySelectedBackgroundColor: string;
|
|
26
|
+
daySelectedTextColor: string;
|
|
27
|
+
dayMutedColor: string;
|
|
28
|
+
dayTodayBorderColor: string;
|
|
29
|
+
small: {
|
|
30
|
+
padding: string;
|
|
31
|
+
fontSize: string;
|
|
32
|
+
daySize: string;
|
|
33
|
+
};
|
|
34
|
+
large: {
|
|
35
|
+
padding: string;
|
|
36
|
+
fontSize: string;
|
|
37
|
+
daySize: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
export default _default;
|
|
@@ -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;
|
|
@@ -1064,6 +1064,45 @@ declare const _default: {
|
|
|
1064
1064
|
daySize: string;
|
|
1065
1065
|
};
|
|
1066
1066
|
};
|
|
1067
|
+
calendar: {
|
|
1068
|
+
width: string;
|
|
1069
|
+
fontSize: string;
|
|
1070
|
+
padding: string;
|
|
1071
|
+
borderRadius: string;
|
|
1072
|
+
borderColor: string;
|
|
1073
|
+
backgroundColor: string;
|
|
1074
|
+
textColor: string;
|
|
1075
|
+
disabledOpacity: string;
|
|
1076
|
+
headerGap: string;
|
|
1077
|
+
headerPadding: string;
|
|
1078
|
+
monthLabelFontSize: string;
|
|
1079
|
+
monthLabelFontWeight: string;
|
|
1080
|
+
navButtonSize: string;
|
|
1081
|
+
navButtonRadius: string;
|
|
1082
|
+
navButtonFontSize: string;
|
|
1083
|
+
weekdayColor: string;
|
|
1084
|
+
weekdayFontSize: string;
|
|
1085
|
+
weekdaysMarginBottom: string;
|
|
1086
|
+
daysGap: string;
|
|
1087
|
+
daySize: string;
|
|
1088
|
+
dayFontSize: string;
|
|
1089
|
+
dayBorderRadius: string;
|
|
1090
|
+
dayHoverBackgroundColor: string;
|
|
1091
|
+
daySelectedBackgroundColor: string;
|
|
1092
|
+
daySelectedTextColor: string;
|
|
1093
|
+
dayMutedColor: string;
|
|
1094
|
+
dayTodayBorderColor: string;
|
|
1095
|
+
small: {
|
|
1096
|
+
padding: string;
|
|
1097
|
+
fontSize: string;
|
|
1098
|
+
daySize: string;
|
|
1099
|
+
};
|
|
1100
|
+
large: {
|
|
1101
|
+
padding: string;
|
|
1102
|
+
fontSize: string;
|
|
1103
|
+
daySize: string;
|
|
1104
|
+
};
|
|
1105
|
+
};
|
|
1067
1106
|
pagination: {
|
|
1068
1107
|
gap: string;
|
|
1069
1108
|
itemMinWidth: string;
|
|
@@ -1131,6 +1170,33 @@ declare const _default: {
|
|
|
1131
1170
|
textColor: string;
|
|
1132
1171
|
disabledOpacity: string;
|
|
1133
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
|
+
};
|
|
1134
1200
|
tabs: {
|
|
1135
1201
|
gap: string;
|
|
1136
1202
|
listGap: string;
|