@codemonster-ru/vueforge 0.34.0 → 0.36.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 +95 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +2591 -2177
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/file-upload.test.d.ts +1 -0
- package/dist/package/components/__tests__/timepicker.test.d.ts +1 -0
- package/dist/package/components/accordion.vue.d.ts +1 -1
- package/dist/package/components/file-upload.vue.d.ts +44 -0
- package/dist/package/components/timepicker.vue.d.ts +42 -0
- package/dist/package/config/theme-core.d.ts +79 -0
- package/dist/package/themes/default/components/file-upload.d.ts +43 -0
- package/dist/package/themes/default/components/timepicker.d.ts +36 -0
- package/dist/package/themes/default/index.d.ts +77 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -29,8 +29,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
29
29
|
variant: AccordionVariant;
|
|
30
30
|
modelValue: AccordionValue | AccordionValue[];
|
|
31
31
|
ariaLabel: string;
|
|
32
|
-
ariaLabelledby: string;
|
|
33
32
|
multiple: boolean;
|
|
33
|
+
ariaLabelledby: string;
|
|
34
34
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
35
35
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
36
36
|
export default _default;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
interface Props {
|
|
4
|
+
modelValue?: File | Array<File> | null;
|
|
5
|
+
multiple?: boolean;
|
|
6
|
+
accept?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
readonly?: boolean;
|
|
9
|
+
maxSize?: number;
|
|
10
|
+
maxFiles?: number;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
buttonLabel?: string;
|
|
13
|
+
size?: Size;
|
|
14
|
+
variant?: Variant;
|
|
15
|
+
}
|
|
16
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
blur: (...args: any[]) => void;
|
|
18
|
+
change: (...args: any[]) => void;
|
|
19
|
+
focus: (...args: any[]) => void;
|
|
20
|
+
"update:modelValue": (...args: any[]) => void;
|
|
21
|
+
reject: (...args: any[]) => void;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
23
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
24
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
27
|
+
onReject?: ((...args: any[]) => any) | undefined;
|
|
28
|
+
}>, {
|
|
29
|
+
disabled: boolean;
|
|
30
|
+
size: Size;
|
|
31
|
+
variant: Variant;
|
|
32
|
+
modelValue: File | Array<File> | null;
|
|
33
|
+
placeholder: string;
|
|
34
|
+
readonly: boolean;
|
|
35
|
+
maxSize: number;
|
|
36
|
+
maxFiles: number;
|
|
37
|
+
multiple: boolean;
|
|
38
|
+
accept: string;
|
|
39
|
+
buttonLabel: string;
|
|
40
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
41
|
+
root: HTMLDivElement;
|
|
42
|
+
input: HTMLInputElement;
|
|
43
|
+
}, HTMLDivElement>;
|
|
44
|
+
export default _default;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
type TimeFormat = '24h' | '12h';
|
|
4
|
+
interface Props {
|
|
5
|
+
modelValue?: string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
readonly?: boolean;
|
|
9
|
+
min?: string;
|
|
10
|
+
max?: string;
|
|
11
|
+
step?: number;
|
|
12
|
+
format?: TimeFormat;
|
|
13
|
+
variant?: Variant;
|
|
14
|
+
size?: Size;
|
|
15
|
+
}
|
|
16
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
blur: (...args: any[]) => void;
|
|
18
|
+
change: (...args: any[]) => void;
|
|
19
|
+
focus: (...args: any[]) => void;
|
|
20
|
+
"update:modelValue": (...args: any[]) => void;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
22
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
23
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
24
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
size: Size;
|
|
29
|
+
variant: Variant;
|
|
30
|
+
modelValue: string;
|
|
31
|
+
placeholder: string;
|
|
32
|
+
readonly: boolean;
|
|
33
|
+
min: string;
|
|
34
|
+
max: string;
|
|
35
|
+
step: number;
|
|
36
|
+
format: TimeFormat;
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
38
|
+
root: HTMLDivElement;
|
|
39
|
+
control: HTMLButtonElement;
|
|
40
|
+
panel: HTMLDivElement;
|
|
41
|
+
}, HTMLDivElement>;
|
|
42
|
+
export default _default;
|
|
@@ -156,6 +156,48 @@ export type TextareaTokens = {
|
|
|
156
156
|
fontSize?: string;
|
|
157
157
|
};
|
|
158
158
|
};
|
|
159
|
+
export type FileUploadTokens = {
|
|
160
|
+
minHeight?: string;
|
|
161
|
+
fontSize?: string;
|
|
162
|
+
gap?: string;
|
|
163
|
+
padding?: string;
|
|
164
|
+
borderRadius?: string;
|
|
165
|
+
borderColor?: string;
|
|
166
|
+
backgroundColor?: string;
|
|
167
|
+
textColor?: string;
|
|
168
|
+
placeholderColor?: string;
|
|
169
|
+
focusBorderColor?: string;
|
|
170
|
+
focusRingShadow?: string;
|
|
171
|
+
hoverBorderColor?: string;
|
|
172
|
+
disabledOpacity?: string;
|
|
173
|
+
dragBackgroundColor?: string;
|
|
174
|
+
listGap?: string;
|
|
175
|
+
itemPadding?: string;
|
|
176
|
+
itemBorderColor?: string;
|
|
177
|
+
itemBackgroundColor?: string;
|
|
178
|
+
itemRadius?: string;
|
|
179
|
+
itemTextColor?: string;
|
|
180
|
+
sizeTextColor?: string;
|
|
181
|
+
buttonPadding?: string;
|
|
182
|
+
buttonRadius?: string;
|
|
183
|
+
buttonBorderColor?: string;
|
|
184
|
+
buttonBackgroundColor?: string;
|
|
185
|
+
buttonTextColor?: string;
|
|
186
|
+
buttonHoverBackgroundColor?: string;
|
|
187
|
+
removeSize?: string;
|
|
188
|
+
removeRadius?: string;
|
|
189
|
+
removeHoverBackgroundColor?: string;
|
|
190
|
+
small?: {
|
|
191
|
+
padding?: string;
|
|
192
|
+
fontSize?: string;
|
|
193
|
+
buttonPadding?: string;
|
|
194
|
+
};
|
|
195
|
+
large?: {
|
|
196
|
+
padding?: string;
|
|
197
|
+
fontSize?: string;
|
|
198
|
+
buttonPadding?: string;
|
|
199
|
+
};
|
|
200
|
+
};
|
|
159
201
|
export type LinkTokens = {
|
|
160
202
|
hoverColor?: string;
|
|
161
203
|
activeColor?: string;
|
|
@@ -485,6 +527,41 @@ export type DateRangePickerTokens = {
|
|
|
485
527
|
daySize?: string;
|
|
486
528
|
};
|
|
487
529
|
};
|
|
530
|
+
export type TimePickerTokens = {
|
|
531
|
+
minWidth?: string;
|
|
532
|
+
fontSize?: string;
|
|
533
|
+
controlGap?: string;
|
|
534
|
+
chevronSize?: string;
|
|
535
|
+
padding?: string;
|
|
536
|
+
borderRadius?: string;
|
|
537
|
+
borderColor?: string;
|
|
538
|
+
backgroundColor?: string;
|
|
539
|
+
textColor?: string;
|
|
540
|
+
placeholderColor?: string;
|
|
541
|
+
focusBorderColor?: string;
|
|
542
|
+
hoverBorderColor?: string;
|
|
543
|
+
disabledOpacity?: string;
|
|
544
|
+
panelBackgroundColor?: string;
|
|
545
|
+
panelBorderColor?: string;
|
|
546
|
+
panelPadding?: string;
|
|
547
|
+
panelMaxHeight?: string;
|
|
548
|
+
panelRadiusOffset?: string;
|
|
549
|
+
panelShadow?: string;
|
|
550
|
+
focusRingShadow?: string;
|
|
551
|
+
optionPadding?: string;
|
|
552
|
+
optionBorderRadius?: string;
|
|
553
|
+
optionHoverBackgroundColor?: string;
|
|
554
|
+
optionActiveBackgroundColor?: string;
|
|
555
|
+
optionActiveTextColor?: string;
|
|
556
|
+
small?: {
|
|
557
|
+
padding?: string;
|
|
558
|
+
fontSize?: string;
|
|
559
|
+
};
|
|
560
|
+
large?: {
|
|
561
|
+
padding?: string;
|
|
562
|
+
fontSize?: string;
|
|
563
|
+
};
|
|
564
|
+
};
|
|
488
565
|
export type PaginationTokens = {
|
|
489
566
|
gap?: string;
|
|
490
567
|
itemMinWidth?: string;
|
|
@@ -949,6 +1026,7 @@ export type ThemeComponentTokens = {
|
|
|
949
1026
|
numberInput?: NumberInputTokens;
|
|
950
1027
|
formField?: FormFieldTokens;
|
|
951
1028
|
textarea?: TextareaTokens;
|
|
1029
|
+
fileUpload?: FileUploadTokens;
|
|
952
1030
|
link?: LinkTokens;
|
|
953
1031
|
breadcrumbs?: BreadcrumbsTokens;
|
|
954
1032
|
menu?: MenuTokens;
|
|
@@ -961,6 +1039,7 @@ export type ThemeComponentTokens = {
|
|
|
961
1039
|
multiselect?: MultiSelectTokens;
|
|
962
1040
|
datepicker?: DatePickerTokens;
|
|
963
1041
|
daterangepicker?: DateRangePickerTokens;
|
|
1042
|
+
timepicker?: TimePickerTokens;
|
|
964
1043
|
pagination?: PaginationTokens;
|
|
965
1044
|
switch?: SwitchTokens;
|
|
966
1045
|
tooltip?: TooltipTokens;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
minHeight: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
gap: string;
|
|
5
|
+
padding: string;
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
textColor: string;
|
|
10
|
+
placeholderColor: string;
|
|
11
|
+
focusBorderColor: string;
|
|
12
|
+
hoverBorderColor: string;
|
|
13
|
+
focusRingShadow: string;
|
|
14
|
+
disabledOpacity: string;
|
|
15
|
+
dragBackgroundColor: string;
|
|
16
|
+
listGap: string;
|
|
17
|
+
itemPadding: string;
|
|
18
|
+
itemBorderColor: string;
|
|
19
|
+
itemBackgroundColor: string;
|
|
20
|
+
itemRadius: string;
|
|
21
|
+
itemTextColor: string;
|
|
22
|
+
sizeTextColor: string;
|
|
23
|
+
buttonPadding: string;
|
|
24
|
+
buttonRadius: string;
|
|
25
|
+
buttonBorderColor: string;
|
|
26
|
+
buttonBackgroundColor: string;
|
|
27
|
+
buttonTextColor: string;
|
|
28
|
+
buttonHoverBackgroundColor: string;
|
|
29
|
+
removeSize: string;
|
|
30
|
+
removeRadius: string;
|
|
31
|
+
removeHoverBackgroundColor: string;
|
|
32
|
+
small: {
|
|
33
|
+
padding: string;
|
|
34
|
+
fontSize: string;
|
|
35
|
+
buttonPadding: string;
|
|
36
|
+
};
|
|
37
|
+
large: {
|
|
38
|
+
padding: string;
|
|
39
|
+
fontSize: string;
|
|
40
|
+
buttonPadding: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
export default _default;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
minWidth: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
controlGap: string;
|
|
5
|
+
chevronSize: string;
|
|
6
|
+
padding: string;
|
|
7
|
+
borderRadius: string;
|
|
8
|
+
borderColor: string;
|
|
9
|
+
backgroundColor: string;
|
|
10
|
+
textColor: string;
|
|
11
|
+
placeholderColor: string;
|
|
12
|
+
focusBorderColor: string;
|
|
13
|
+
hoverBorderColor: string;
|
|
14
|
+
disabledOpacity: string;
|
|
15
|
+
panelBackgroundColor: string;
|
|
16
|
+
panelBorderColor: string;
|
|
17
|
+
panelPadding: string;
|
|
18
|
+
panelMaxHeight: string;
|
|
19
|
+
panelRadiusOffset: string;
|
|
20
|
+
panelShadow: string;
|
|
21
|
+
focusRingShadow: string;
|
|
22
|
+
optionPadding: string;
|
|
23
|
+
optionBorderRadius: string;
|
|
24
|
+
optionHoverBackgroundColor: string;
|
|
25
|
+
optionActiveBackgroundColor: string;
|
|
26
|
+
optionActiveTextColor: string;
|
|
27
|
+
small: {
|
|
28
|
+
padding: string;
|
|
29
|
+
fontSize: string;
|
|
30
|
+
};
|
|
31
|
+
large: {
|
|
32
|
+
padding: string;
|
|
33
|
+
fontSize: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export default _default;
|
|
@@ -313,6 +313,48 @@ declare const _default: {
|
|
|
313
313
|
fontSize: string;
|
|
314
314
|
};
|
|
315
315
|
};
|
|
316
|
+
fileUpload: {
|
|
317
|
+
minHeight: string;
|
|
318
|
+
fontSize: string;
|
|
319
|
+
gap: string;
|
|
320
|
+
padding: string;
|
|
321
|
+
borderRadius: string;
|
|
322
|
+
borderColor: string;
|
|
323
|
+
backgroundColor: string;
|
|
324
|
+
textColor: string;
|
|
325
|
+
placeholderColor: string;
|
|
326
|
+
focusBorderColor: string;
|
|
327
|
+
hoverBorderColor: string;
|
|
328
|
+
focusRingShadow: string;
|
|
329
|
+
disabledOpacity: string;
|
|
330
|
+
dragBackgroundColor: string;
|
|
331
|
+
listGap: string;
|
|
332
|
+
itemPadding: string;
|
|
333
|
+
itemBorderColor: string;
|
|
334
|
+
itemBackgroundColor: string;
|
|
335
|
+
itemRadius: string;
|
|
336
|
+
itemTextColor: string;
|
|
337
|
+
sizeTextColor: string;
|
|
338
|
+
buttonPadding: string;
|
|
339
|
+
buttonRadius: string;
|
|
340
|
+
buttonBorderColor: string;
|
|
341
|
+
buttonBackgroundColor: string;
|
|
342
|
+
buttonTextColor: string;
|
|
343
|
+
buttonHoverBackgroundColor: string;
|
|
344
|
+
removeSize: string;
|
|
345
|
+
removeRadius: string;
|
|
346
|
+
removeHoverBackgroundColor: string;
|
|
347
|
+
small: {
|
|
348
|
+
padding: string;
|
|
349
|
+
fontSize: string;
|
|
350
|
+
buttonPadding: string;
|
|
351
|
+
};
|
|
352
|
+
large: {
|
|
353
|
+
padding: string;
|
|
354
|
+
fontSize: string;
|
|
355
|
+
buttonPadding: string;
|
|
356
|
+
};
|
|
357
|
+
};
|
|
316
358
|
link: {
|
|
317
359
|
hoverColor: string;
|
|
318
360
|
activeColor: string;
|
|
@@ -639,6 +681,41 @@ declare const _default: {
|
|
|
639
681
|
daySize: string;
|
|
640
682
|
};
|
|
641
683
|
};
|
|
684
|
+
timepicker: {
|
|
685
|
+
minWidth: string;
|
|
686
|
+
fontSize: string;
|
|
687
|
+
controlGap: string;
|
|
688
|
+
chevronSize: string;
|
|
689
|
+
padding: string;
|
|
690
|
+
borderRadius: string;
|
|
691
|
+
borderColor: string;
|
|
692
|
+
backgroundColor: string;
|
|
693
|
+
textColor: string;
|
|
694
|
+
placeholderColor: string;
|
|
695
|
+
focusBorderColor: string;
|
|
696
|
+
hoverBorderColor: string;
|
|
697
|
+
disabledOpacity: string;
|
|
698
|
+
panelBackgroundColor: string;
|
|
699
|
+
panelBorderColor: string;
|
|
700
|
+
panelPadding: string;
|
|
701
|
+
panelMaxHeight: string;
|
|
702
|
+
panelRadiusOffset: string;
|
|
703
|
+
panelShadow: string;
|
|
704
|
+
focusRingShadow: string;
|
|
705
|
+
optionPadding: string;
|
|
706
|
+
optionBorderRadius: string;
|
|
707
|
+
optionHoverBackgroundColor: string;
|
|
708
|
+
optionActiveBackgroundColor: string;
|
|
709
|
+
optionActiveTextColor: string;
|
|
710
|
+
small: {
|
|
711
|
+
padding: string;
|
|
712
|
+
fontSize: string;
|
|
713
|
+
};
|
|
714
|
+
large: {
|
|
715
|
+
padding: string;
|
|
716
|
+
fontSize: string;
|
|
717
|
+
};
|
|
718
|
+
};
|
|
642
719
|
pagination: {
|
|
643
720
|
gap: string;
|
|
644
721
|
itemMinWidth: string;
|