@codemonster-ru/vueforge 0.26.0 → 0.28.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 +113 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +2160 -1806
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/drawer.test.d.ts +1 -0
- package/dist/package/components/__tests__/slider.test.d.ts +1 -0
- package/dist/package/components/drawer.vue.d.ts +59 -0
- package/dist/package/components/slider.vue.d.ts +48 -0
- package/dist/package/config/theme-core.d.ts +62 -0
- package/dist/package/themes/default/components/drawer.d.ts +28 -0
- package/dist/package/themes/default/components/slider.d.ts +34 -0
- package/dist/package/themes/default/index.d.ts +60 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
modelValue?: boolean;
|
|
3
|
+
title?: string;
|
|
4
|
+
position?: 'left' | 'right' | 'top' | 'bottom';
|
|
5
|
+
overlay?: boolean;
|
|
6
|
+
closeOnOverlay?: boolean;
|
|
7
|
+
closeOnEsc?: boolean;
|
|
8
|
+
showClose?: boolean;
|
|
9
|
+
lockScroll?: boolean;
|
|
10
|
+
size?: 'sm' | 'md' | 'lg';
|
|
11
|
+
}
|
|
12
|
+
declare function __VLS_template(): {
|
|
13
|
+
attrs: Partial<{}>;
|
|
14
|
+
slots: {
|
|
15
|
+
header?(_: {}): any;
|
|
16
|
+
close?(_: {
|
|
17
|
+
close: () => void;
|
|
18
|
+
}): any;
|
|
19
|
+
body?(_: {}): any;
|
|
20
|
+
default?(_: {}): any;
|
|
21
|
+
footer?(_: {}): any;
|
|
22
|
+
};
|
|
23
|
+
refs: {
|
|
24
|
+
panel: HTMLDivElement;
|
|
25
|
+
};
|
|
26
|
+
rootEl: any;
|
|
27
|
+
};
|
|
28
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
29
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
30
|
+
open: () => void;
|
|
31
|
+
close: () => void;
|
|
32
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
33
|
+
close: (...args: any[]) => void;
|
|
34
|
+
"update:modelValue": (...args: any[]) => void;
|
|
35
|
+
open: (...args: any[]) => void;
|
|
36
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
37
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
38
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
39
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
40
|
+
}>, {
|
|
41
|
+
title: string;
|
|
42
|
+
size: "sm" | "md" | "lg";
|
|
43
|
+
modelValue: boolean;
|
|
44
|
+
position: "left" | "right" | "top" | "bottom";
|
|
45
|
+
closeOnOverlay: boolean;
|
|
46
|
+
closeOnEsc: boolean;
|
|
47
|
+
showClose: boolean;
|
|
48
|
+
lockScroll: boolean;
|
|
49
|
+
overlay: boolean;
|
|
50
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
51
|
+
panel: HTMLDivElement;
|
|
52
|
+
}, any>;
|
|
53
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
54
|
+
export default _default;
|
|
55
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
56
|
+
new (): {
|
|
57
|
+
$slots: S;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
interface SliderMark {
|
|
4
|
+
value: number;
|
|
5
|
+
label?: string;
|
|
6
|
+
}
|
|
7
|
+
interface Props {
|
|
8
|
+
modelValue?: number | [number, number];
|
|
9
|
+
min?: number;
|
|
10
|
+
max?: number;
|
|
11
|
+
step?: number;
|
|
12
|
+
range?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
size?: Size;
|
|
15
|
+
variant?: Variant;
|
|
16
|
+
showValue?: boolean;
|
|
17
|
+
marks?: Array<SliderMark>;
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
ariaLabelStart?: string;
|
|
20
|
+
ariaLabelEnd?: string;
|
|
21
|
+
}
|
|
22
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
23
|
+
blur: (...args: any[]) => void;
|
|
24
|
+
change: (...args: any[]) => void;
|
|
25
|
+
focus: (...args: any[]) => void;
|
|
26
|
+
input: (...args: any[]) => void;
|
|
27
|
+
"update:modelValue": (...args: any[]) => void;
|
|
28
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
29
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
30
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
31
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
32
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
33
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
34
|
+
}>, {
|
|
35
|
+
disabled: boolean;
|
|
36
|
+
size: Size;
|
|
37
|
+
variant: Variant;
|
|
38
|
+
range: boolean;
|
|
39
|
+
min: number;
|
|
40
|
+
max: number;
|
|
41
|
+
step: number;
|
|
42
|
+
ariaLabel: string;
|
|
43
|
+
showValue: boolean;
|
|
44
|
+
marks: Array<SliderMark>;
|
|
45
|
+
ariaLabelStart: string;
|
|
46
|
+
ariaLabelEnd: string;
|
|
47
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
48
|
+
export default _default;
|
|
@@ -175,6 +175,33 @@ export type ModalTokens = {
|
|
|
175
175
|
closeFontSize?: string;
|
|
176
176
|
closeHoverBackgroundColor?: string;
|
|
177
177
|
};
|
|
178
|
+
export type DrawerTokens = {
|
|
179
|
+
width?: string;
|
|
180
|
+
widthSm?: string;
|
|
181
|
+
widthLg?: string;
|
|
182
|
+
height?: string;
|
|
183
|
+
heightSm?: string;
|
|
184
|
+
heightLg?: string;
|
|
185
|
+
padding?: string;
|
|
186
|
+
borderRadius?: string;
|
|
187
|
+
backgroundColor?: string;
|
|
188
|
+
textColor?: string;
|
|
189
|
+
overlayBackgroundColor?: string;
|
|
190
|
+
shadow?: string;
|
|
191
|
+
zIndex?: string;
|
|
192
|
+
headerGap?: string;
|
|
193
|
+
bodyGap?: string;
|
|
194
|
+
footerGap?: string;
|
|
195
|
+
titleFontSize?: string;
|
|
196
|
+
titleLineHeight?: string;
|
|
197
|
+
titleFontWeight?: string;
|
|
198
|
+
closeSize?: string;
|
|
199
|
+
closeRadius?: string;
|
|
200
|
+
closeOffset?: string;
|
|
201
|
+
closeColor?: string;
|
|
202
|
+
closeFontSize?: string;
|
|
203
|
+
closeHoverBackgroundColor?: string;
|
|
204
|
+
};
|
|
178
205
|
export type PopoverTokens = {
|
|
179
206
|
borderRadius?: string;
|
|
180
207
|
borderColor?: string;
|
|
@@ -503,6 +530,39 @@ export type ProgressTokens = {
|
|
|
503
530
|
circularThickness?: string;
|
|
504
531
|
};
|
|
505
532
|
};
|
|
533
|
+
export type SliderTokens = {
|
|
534
|
+
width?: string;
|
|
535
|
+
gap?: string;
|
|
536
|
+
textColor?: string;
|
|
537
|
+
trackHeight?: string;
|
|
538
|
+
trackBackgroundColor?: string;
|
|
539
|
+
trackRadius?: string;
|
|
540
|
+
fillBackgroundColor?: string;
|
|
541
|
+
thumbSize?: string;
|
|
542
|
+
thumbColor?: string;
|
|
543
|
+
thumbBorderColor?: string;
|
|
544
|
+
thumbBorderWidth?: string;
|
|
545
|
+
thumbShadow?: string;
|
|
546
|
+
focusRingShadow?: string;
|
|
547
|
+
disabledOpacity?: string;
|
|
548
|
+
markSize?: string;
|
|
549
|
+
markColor?: string;
|
|
550
|
+
markLabelFontSize?: string;
|
|
551
|
+
markLabelColor?: string;
|
|
552
|
+
marksHeight?: string;
|
|
553
|
+
valueFontSize?: string;
|
|
554
|
+
valueColor?: string;
|
|
555
|
+
small?: {
|
|
556
|
+
trackHeight?: string;
|
|
557
|
+
thumbSize?: string;
|
|
558
|
+
valueFontSize?: string;
|
|
559
|
+
};
|
|
560
|
+
large?: {
|
|
561
|
+
trackHeight?: string;
|
|
562
|
+
thumbSize?: string;
|
|
563
|
+
valueFontSize?: string;
|
|
564
|
+
};
|
|
565
|
+
};
|
|
506
566
|
export type DataTableTokens = {
|
|
507
567
|
borderColor?: string;
|
|
508
568
|
borderRadius?: string;
|
|
@@ -694,6 +754,7 @@ export type ThemeComponentTokens = {
|
|
|
694
754
|
link?: LinkTokens;
|
|
695
755
|
menu?: MenuTokens;
|
|
696
756
|
modal?: ModalTokens;
|
|
757
|
+
drawer?: DrawerTokens;
|
|
697
758
|
popover?: PopoverTokens;
|
|
698
759
|
select?: SelectTokens;
|
|
699
760
|
autocomplete?: AutocompleteTokens;
|
|
@@ -704,6 +765,7 @@ export type ThemeComponentTokens = {
|
|
|
704
765
|
tooltip?: TooltipTokens;
|
|
705
766
|
skeleton?: SkeletonTokens;
|
|
706
767
|
progress?: ProgressTokens;
|
|
768
|
+
slider?: SliderTokens;
|
|
707
769
|
datatable?: DataTableTokens;
|
|
708
770
|
toast?: ToastTokens;
|
|
709
771
|
alert?: AlertTokens;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
width: string;
|
|
3
|
+
widthSm: string;
|
|
4
|
+
widthLg: string;
|
|
5
|
+
height: string;
|
|
6
|
+
heightSm: string;
|
|
7
|
+
heightLg: string;
|
|
8
|
+
padding: string;
|
|
9
|
+
borderRadius: string;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
textColor: string;
|
|
12
|
+
overlayBackgroundColor: string;
|
|
13
|
+
shadow: string;
|
|
14
|
+
zIndex: string;
|
|
15
|
+
headerGap: string;
|
|
16
|
+
bodyGap: string;
|
|
17
|
+
footerGap: string;
|
|
18
|
+
titleFontSize: string;
|
|
19
|
+
titleLineHeight: string;
|
|
20
|
+
titleFontWeight: string;
|
|
21
|
+
closeSize: string;
|
|
22
|
+
closeRadius: string;
|
|
23
|
+
closeOffset: string;
|
|
24
|
+
closeColor: string;
|
|
25
|
+
closeFontSize: string;
|
|
26
|
+
closeHoverBackgroundColor: string;
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
width: string;
|
|
3
|
+
gap: string;
|
|
4
|
+
textColor: string;
|
|
5
|
+
trackHeight: string;
|
|
6
|
+
trackBackgroundColor: string;
|
|
7
|
+
trackRadius: string;
|
|
8
|
+
fillBackgroundColor: string;
|
|
9
|
+
thumbSize: string;
|
|
10
|
+
thumbColor: string;
|
|
11
|
+
thumbBorderColor: string;
|
|
12
|
+
thumbBorderWidth: string;
|
|
13
|
+
thumbShadow: string;
|
|
14
|
+
focusRingShadow: string;
|
|
15
|
+
disabledOpacity: string;
|
|
16
|
+
markSize: string;
|
|
17
|
+
markColor: string;
|
|
18
|
+
markLabelFontSize: string;
|
|
19
|
+
markLabelColor: string;
|
|
20
|
+
marksHeight: string;
|
|
21
|
+
valueFontSize: string;
|
|
22
|
+
valueColor: string;
|
|
23
|
+
small: {
|
|
24
|
+
trackHeight: string;
|
|
25
|
+
thumbSize: string;
|
|
26
|
+
valueFontSize: string;
|
|
27
|
+
};
|
|
28
|
+
large: {
|
|
29
|
+
trackHeight: string;
|
|
30
|
+
thumbSize: string;
|
|
31
|
+
valueFontSize: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default _default;
|
|
@@ -332,6 +332,33 @@ declare const _default: {
|
|
|
332
332
|
closeFontSize: string;
|
|
333
333
|
closeHoverBackgroundColor: string;
|
|
334
334
|
};
|
|
335
|
+
drawer: {
|
|
336
|
+
width: string;
|
|
337
|
+
widthSm: string;
|
|
338
|
+
widthLg: string;
|
|
339
|
+
height: string;
|
|
340
|
+
heightSm: string;
|
|
341
|
+
heightLg: string;
|
|
342
|
+
padding: string;
|
|
343
|
+
borderRadius: string;
|
|
344
|
+
backgroundColor: string;
|
|
345
|
+
textColor: string;
|
|
346
|
+
overlayBackgroundColor: string;
|
|
347
|
+
shadow: string;
|
|
348
|
+
zIndex: string;
|
|
349
|
+
headerGap: string;
|
|
350
|
+
bodyGap: string;
|
|
351
|
+
footerGap: string;
|
|
352
|
+
titleFontSize: string;
|
|
353
|
+
titleLineHeight: string;
|
|
354
|
+
titleFontWeight: string;
|
|
355
|
+
closeSize: string;
|
|
356
|
+
closeRadius: string;
|
|
357
|
+
closeOffset: string;
|
|
358
|
+
closeColor: string;
|
|
359
|
+
closeFontSize: string;
|
|
360
|
+
closeHoverBackgroundColor: string;
|
|
361
|
+
};
|
|
335
362
|
popover: {
|
|
336
363
|
backgroundColor: string;
|
|
337
364
|
};
|
|
@@ -889,6 +916,39 @@ declare const _default: {
|
|
|
889
916
|
statusSize: string;
|
|
890
917
|
};
|
|
891
918
|
};
|
|
919
|
+
slider: {
|
|
920
|
+
width: string;
|
|
921
|
+
gap: string;
|
|
922
|
+
textColor: string;
|
|
923
|
+
trackHeight: string;
|
|
924
|
+
trackBackgroundColor: string;
|
|
925
|
+
trackRadius: string;
|
|
926
|
+
fillBackgroundColor: string;
|
|
927
|
+
thumbSize: string;
|
|
928
|
+
thumbColor: string;
|
|
929
|
+
thumbBorderColor: string;
|
|
930
|
+
thumbBorderWidth: string;
|
|
931
|
+
thumbShadow: string;
|
|
932
|
+
focusRingShadow: string;
|
|
933
|
+
disabledOpacity: string;
|
|
934
|
+
markSize: string;
|
|
935
|
+
markColor: string;
|
|
936
|
+
markLabelFontSize: string;
|
|
937
|
+
markLabelColor: string;
|
|
938
|
+
marksHeight: string;
|
|
939
|
+
valueFontSize: string;
|
|
940
|
+
valueColor: string;
|
|
941
|
+
small: {
|
|
942
|
+
trackHeight: string;
|
|
943
|
+
thumbSize: string;
|
|
944
|
+
valueFontSize: string;
|
|
945
|
+
};
|
|
946
|
+
large: {
|
|
947
|
+
trackHeight: string;
|
|
948
|
+
thumbSize: string;
|
|
949
|
+
valueFontSize: string;
|
|
950
|
+
};
|
|
951
|
+
};
|
|
892
952
|
};
|
|
893
953
|
colors: {
|
|
894
954
|
white: string;
|