@codemonster-ru/vueforge 0.25.0 → 0.27.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 +83 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +1808 -1546
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/slider.test.d.ts +1 -0
- package/dist/package/components/avatar.vue.d.ts +35 -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/avatar.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,35 @@
|
|
|
1
|
+
type AvatarSize = 'small' | 'normal' | 'large';
|
|
2
|
+
type AvatarShape = 'circle' | 'rounded';
|
|
3
|
+
type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
|
|
4
|
+
interface Props {
|
|
5
|
+
src?: string;
|
|
6
|
+
alt?: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
size?: AvatarSize;
|
|
9
|
+
shape?: AvatarShape;
|
|
10
|
+
status?: AvatarStatus;
|
|
11
|
+
}
|
|
12
|
+
declare function __VLS_template(): {
|
|
13
|
+
attrs: Partial<{}>;
|
|
14
|
+
slots: {
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
};
|
|
17
|
+
refs: {};
|
|
18
|
+
rootEl: HTMLDivElement;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
22
|
+
name: string;
|
|
23
|
+
size: AvatarSize;
|
|
24
|
+
status: AvatarStatus;
|
|
25
|
+
src: string;
|
|
26
|
+
alt: string;
|
|
27
|
+
shape: AvatarShape;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -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;
|
|
@@ -503,6 +503,39 @@ export type ProgressTokens = {
|
|
|
503
503
|
circularThickness?: string;
|
|
504
504
|
};
|
|
505
505
|
};
|
|
506
|
+
export type SliderTokens = {
|
|
507
|
+
width?: string;
|
|
508
|
+
gap?: string;
|
|
509
|
+
textColor?: string;
|
|
510
|
+
trackHeight?: string;
|
|
511
|
+
trackBackgroundColor?: string;
|
|
512
|
+
trackRadius?: string;
|
|
513
|
+
fillBackgroundColor?: string;
|
|
514
|
+
thumbSize?: string;
|
|
515
|
+
thumbColor?: string;
|
|
516
|
+
thumbBorderColor?: string;
|
|
517
|
+
thumbBorderWidth?: string;
|
|
518
|
+
thumbShadow?: string;
|
|
519
|
+
focusRingShadow?: string;
|
|
520
|
+
disabledOpacity?: string;
|
|
521
|
+
markSize?: string;
|
|
522
|
+
markColor?: string;
|
|
523
|
+
markLabelFontSize?: string;
|
|
524
|
+
markLabelColor?: string;
|
|
525
|
+
marksHeight?: string;
|
|
526
|
+
valueFontSize?: string;
|
|
527
|
+
valueColor?: string;
|
|
528
|
+
small?: {
|
|
529
|
+
trackHeight?: string;
|
|
530
|
+
thumbSize?: string;
|
|
531
|
+
valueFontSize?: string;
|
|
532
|
+
};
|
|
533
|
+
large?: {
|
|
534
|
+
trackHeight?: string;
|
|
535
|
+
thumbSize?: string;
|
|
536
|
+
valueFontSize?: string;
|
|
537
|
+
};
|
|
538
|
+
};
|
|
506
539
|
export type DataTableTokens = {
|
|
507
540
|
borderColor?: string;
|
|
508
541
|
borderRadius?: string;
|
|
@@ -654,6 +687,33 @@ export type BadgeTokens = {
|
|
|
654
687
|
paddingY?: string;
|
|
655
688
|
};
|
|
656
689
|
};
|
|
690
|
+
export type AvatarTokens = {
|
|
691
|
+
size?: string;
|
|
692
|
+
fontSize?: string;
|
|
693
|
+
fontWeight?: string;
|
|
694
|
+
backgroundColor?: string;
|
|
695
|
+
textColor?: string;
|
|
696
|
+
borderColor?: string;
|
|
697
|
+
borderWidth?: string;
|
|
698
|
+
borderRadius?: string;
|
|
699
|
+
statusSize?: string;
|
|
700
|
+
statusBorderWidth?: string;
|
|
701
|
+
statusBorderColor?: string;
|
|
702
|
+
statusOnlineColor?: string;
|
|
703
|
+
statusOfflineColor?: string;
|
|
704
|
+
statusBusyColor?: string;
|
|
705
|
+
statusAwayColor?: string;
|
|
706
|
+
small?: {
|
|
707
|
+
size?: string;
|
|
708
|
+
fontSize?: string;
|
|
709
|
+
statusSize?: string;
|
|
710
|
+
};
|
|
711
|
+
large?: {
|
|
712
|
+
size?: string;
|
|
713
|
+
fontSize?: string;
|
|
714
|
+
statusSize?: string;
|
|
715
|
+
};
|
|
716
|
+
};
|
|
657
717
|
export type ThemeComponentTokens = {
|
|
658
718
|
button?: ButtonTokens;
|
|
659
719
|
card?: CardTokens;
|
|
@@ -677,10 +737,12 @@ export type ThemeComponentTokens = {
|
|
|
677
737
|
tooltip?: TooltipTokens;
|
|
678
738
|
skeleton?: SkeletonTokens;
|
|
679
739
|
progress?: ProgressTokens;
|
|
740
|
+
slider?: SliderTokens;
|
|
680
741
|
datatable?: DataTableTokens;
|
|
681
742
|
toast?: ToastTokens;
|
|
682
743
|
alert?: AlertTokens;
|
|
683
744
|
badge?: BadgeTokens;
|
|
745
|
+
avatar?: AvatarTokens;
|
|
684
746
|
[key: string]: unknown;
|
|
685
747
|
};
|
|
686
748
|
export type ThemeTokens = {
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
size: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
fontWeight: string;
|
|
5
|
+
backgroundColor: string;
|
|
6
|
+
textColor: string;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
borderWidth: string;
|
|
9
|
+
borderRadius: string;
|
|
10
|
+
statusSize: string;
|
|
11
|
+
statusBorderWidth: string;
|
|
12
|
+
statusBorderColor: string;
|
|
13
|
+
statusOnlineColor: string;
|
|
14
|
+
statusOfflineColor: string;
|
|
15
|
+
statusBusyColor: string;
|
|
16
|
+
statusAwayColor: string;
|
|
17
|
+
small: {
|
|
18
|
+
size: string;
|
|
19
|
+
fontSize: string;
|
|
20
|
+
statusSize: string;
|
|
21
|
+
};
|
|
22
|
+
large: {
|
|
23
|
+
size: string;
|
|
24
|
+
fontSize: string;
|
|
25
|
+
statusSize: string;
|
|
26
|
+
};
|
|
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;
|
|
@@ -862,6 +862,66 @@ declare const _default: {
|
|
|
862
862
|
paddingY: string;
|
|
863
863
|
};
|
|
864
864
|
};
|
|
865
|
+
avatar: {
|
|
866
|
+
size: string;
|
|
867
|
+
fontSize: string;
|
|
868
|
+
fontWeight: string;
|
|
869
|
+
backgroundColor: string;
|
|
870
|
+
textColor: string;
|
|
871
|
+
borderColor: string;
|
|
872
|
+
borderWidth: string;
|
|
873
|
+
borderRadius: string;
|
|
874
|
+
statusSize: string;
|
|
875
|
+
statusBorderWidth: string;
|
|
876
|
+
statusBorderColor: string;
|
|
877
|
+
statusOnlineColor: string;
|
|
878
|
+
statusOfflineColor: string;
|
|
879
|
+
statusBusyColor: string;
|
|
880
|
+
statusAwayColor: string;
|
|
881
|
+
small: {
|
|
882
|
+
size: string;
|
|
883
|
+
fontSize: string;
|
|
884
|
+
statusSize: string;
|
|
885
|
+
};
|
|
886
|
+
large: {
|
|
887
|
+
size: string;
|
|
888
|
+
fontSize: string;
|
|
889
|
+
statusSize: string;
|
|
890
|
+
};
|
|
891
|
+
};
|
|
892
|
+
slider: {
|
|
893
|
+
width: string;
|
|
894
|
+
gap: string;
|
|
895
|
+
textColor: string;
|
|
896
|
+
trackHeight: string;
|
|
897
|
+
trackBackgroundColor: string;
|
|
898
|
+
trackRadius: string;
|
|
899
|
+
fillBackgroundColor: string;
|
|
900
|
+
thumbSize: string;
|
|
901
|
+
thumbColor: string;
|
|
902
|
+
thumbBorderColor: string;
|
|
903
|
+
thumbBorderWidth: string;
|
|
904
|
+
thumbShadow: string;
|
|
905
|
+
focusRingShadow: string;
|
|
906
|
+
disabledOpacity: string;
|
|
907
|
+
markSize: string;
|
|
908
|
+
markColor: string;
|
|
909
|
+
markLabelFontSize: string;
|
|
910
|
+
markLabelColor: string;
|
|
911
|
+
marksHeight: string;
|
|
912
|
+
valueFontSize: string;
|
|
913
|
+
valueColor: string;
|
|
914
|
+
small: {
|
|
915
|
+
trackHeight: string;
|
|
916
|
+
thumbSize: string;
|
|
917
|
+
valueFontSize: string;
|
|
918
|
+
};
|
|
919
|
+
large: {
|
|
920
|
+
trackHeight: string;
|
|
921
|
+
thumbSize: string;
|
|
922
|
+
valueFontSize: string;
|
|
923
|
+
};
|
|
924
|
+
};
|
|
865
925
|
};
|
|
866
926
|
colors: {
|
|
867
927
|
white: string;
|