@codemonster-ru/vueforge 0.70.0 → 0.72.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 +96 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +4267 -4137
- package/dist/index.ts.umd.js +10 -10
- package/dist/package/components/__tests__/button-group.test.d.ts +1 -0
- package/dist/package/components/__tests__/page-header.test.d.ts +1 -0
- package/dist/package/components/button-group-context.d.ts +8 -0
- package/dist/package/components/button-group.vue.d.ts +36 -0
- package/dist/package/components/page-header.vue.d.ts +34 -0
- package/dist/package/config/theme-core.d.ts +35 -0
- package/dist/package/themes/default/components/button-group.d.ts +6 -0
- package/dist/package/themes/default/components/page-header.d.ts +29 -0
- package/dist/package/themes/default/index.d.ts +33 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComputedRef, InjectionKey } from 'vue';
|
|
2
|
+
export interface ButtonGroupContext {
|
|
3
|
+
size?: 'small' | 'normal' | 'large';
|
|
4
|
+
variant?: 'filled' | 'outlined' | 'text';
|
|
5
|
+
severity?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const buttonGroupContextKey: InjectionKey<ComputedRef<ButtonGroupContext>>;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined' | 'text';
|
|
3
|
+
type Severity = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
|
|
4
|
+
type Orientation = 'horizontal' | 'vertical';
|
|
5
|
+
interface Props {
|
|
6
|
+
size?: Size;
|
|
7
|
+
variant?: Variant;
|
|
8
|
+
severity?: Severity;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
orientation?: Orientation;
|
|
11
|
+
attached?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare function __VLS_template(): {
|
|
14
|
+
attrs: Partial<{}>;
|
|
15
|
+
slots: {
|
|
16
|
+
default?(_: {}): any;
|
|
17
|
+
};
|
|
18
|
+
refs: {};
|
|
19
|
+
rootEl: HTMLDivElement;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
orientation: Orientation;
|
|
25
|
+
size: Size;
|
|
26
|
+
variant: Variant;
|
|
27
|
+
severity: Severity;
|
|
28
|
+
attached: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
interface Props {
|
|
3
|
+
title?: string;
|
|
4
|
+
subtitle?: string;
|
|
5
|
+
size?: Size;
|
|
6
|
+
divider?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
breadcrumbs?(_: {}): any;
|
|
12
|
+
title?(_: {}): any;
|
|
13
|
+
subtitle?(_: {}): any;
|
|
14
|
+
meta?(_: {}): any;
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
actions?(_: {}): any;
|
|
17
|
+
};
|
|
18
|
+
refs: {};
|
|
19
|
+
rootEl: HTMLElement;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
23
|
+
title: string;
|
|
24
|
+
size: Size;
|
|
25
|
+
subtitle: string;
|
|
26
|
+
divider: boolean;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -22,6 +22,11 @@ export type ButtonTokens = {
|
|
|
22
22
|
};
|
|
23
23
|
colorScheme?: Record<string, Record<string, Record<string, string>>>;
|
|
24
24
|
};
|
|
25
|
+
export type ButtonGroupTokens = {
|
|
26
|
+
gap?: string;
|
|
27
|
+
borderRadius?: string;
|
|
28
|
+
disabledOpacity?: string;
|
|
29
|
+
};
|
|
25
30
|
export type CardTokens = {
|
|
26
31
|
padding?: string;
|
|
27
32
|
borderColor?: string;
|
|
@@ -513,6 +518,34 @@ export type DividerTokens = {
|
|
|
513
518
|
labelPadding?: string;
|
|
514
519
|
labelFontSize?: string;
|
|
515
520
|
};
|
|
521
|
+
export type PageHeaderTokens = {
|
|
522
|
+
gap?: string;
|
|
523
|
+
contentGap?: string;
|
|
524
|
+
breadcrumbGap?: string;
|
|
525
|
+
actionsGap?: string;
|
|
526
|
+
metaGap?: string;
|
|
527
|
+
padding?: string;
|
|
528
|
+
borderRadius?: string;
|
|
529
|
+
borderColor?: string;
|
|
530
|
+
backgroundColor?: string;
|
|
531
|
+
textColor?: string;
|
|
532
|
+
dividerColor?: string;
|
|
533
|
+
titleFontSize?: string;
|
|
534
|
+
titleLineHeight?: string;
|
|
535
|
+
titleFontWeight?: string;
|
|
536
|
+
subtitleFontSize?: string;
|
|
537
|
+
subtitleColor?: string;
|
|
538
|
+
small?: {
|
|
539
|
+
padding?: string;
|
|
540
|
+
titleFontSize?: string;
|
|
541
|
+
subtitleFontSize?: string;
|
|
542
|
+
};
|
|
543
|
+
large?: {
|
|
544
|
+
padding?: string;
|
|
545
|
+
titleFontSize?: string;
|
|
546
|
+
subtitleFontSize?: string;
|
|
547
|
+
};
|
|
548
|
+
};
|
|
516
549
|
export type MenuTokens = {
|
|
517
550
|
iconGap?: string;
|
|
518
551
|
submenuOffset?: string;
|
|
@@ -2085,6 +2118,7 @@ export type AvatarTokens = {
|
|
|
2085
2118
|
};
|
|
2086
2119
|
export type ThemeComponentTokens = {
|
|
2087
2120
|
button?: ButtonTokens;
|
|
2121
|
+
buttonGroup?: ButtonGroupTokens;
|
|
2088
2122
|
card?: CardTokens;
|
|
2089
2123
|
checkbox?: CheckboxTokens;
|
|
2090
2124
|
radio?: RadioTokens;
|
|
@@ -2108,6 +2142,7 @@ export type ThemeComponentTokens = {
|
|
|
2108
2142
|
link?: LinkTokens;
|
|
2109
2143
|
breadcrumbs?: BreadcrumbsTokens;
|
|
2110
2144
|
divider?: DividerTokens;
|
|
2145
|
+
pageHeader?: PageHeaderTokens;
|
|
2111
2146
|
menu?: MenuTokens;
|
|
2112
2147
|
modal?: ModalTokens;
|
|
2113
2148
|
confirmDialog?: ConfirmDialogTokens;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
gap: string;
|
|
3
|
+
contentGap: string;
|
|
4
|
+
breadcrumbGap: string;
|
|
5
|
+
actionsGap: string;
|
|
6
|
+
metaGap: string;
|
|
7
|
+
padding: string;
|
|
8
|
+
borderRadius: string;
|
|
9
|
+
borderColor: string;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
textColor: string;
|
|
12
|
+
dividerColor: string;
|
|
13
|
+
titleFontSize: string;
|
|
14
|
+
titleLineHeight: string;
|
|
15
|
+
titleFontWeight: string;
|
|
16
|
+
subtitleFontSize: string;
|
|
17
|
+
subtitleColor: string;
|
|
18
|
+
small: {
|
|
19
|
+
padding: string;
|
|
20
|
+
titleFontSize: string;
|
|
21
|
+
subtitleFontSize: string;
|
|
22
|
+
};
|
|
23
|
+
large: {
|
|
24
|
+
padding: string;
|
|
25
|
+
titleFontSize: string;
|
|
26
|
+
subtitleFontSize: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export default _default;
|
|
@@ -207,6 +207,11 @@ declare const _default: {
|
|
|
207
207
|
};
|
|
208
208
|
};
|
|
209
209
|
};
|
|
210
|
+
buttonGroup: {
|
|
211
|
+
gap: string;
|
|
212
|
+
borderRadius: string;
|
|
213
|
+
disabledOpacity: string;
|
|
214
|
+
};
|
|
210
215
|
card: {
|
|
211
216
|
padding: string;
|
|
212
217
|
borderColor: string;
|
|
@@ -670,6 +675,34 @@ declare const _default: {
|
|
|
670
675
|
labelPadding: string;
|
|
671
676
|
labelFontSize: string;
|
|
672
677
|
};
|
|
678
|
+
pageHeader: {
|
|
679
|
+
gap: string;
|
|
680
|
+
contentGap: string;
|
|
681
|
+
breadcrumbGap: string;
|
|
682
|
+
actionsGap: string;
|
|
683
|
+
metaGap: string;
|
|
684
|
+
padding: string;
|
|
685
|
+
borderRadius: string;
|
|
686
|
+
borderColor: string;
|
|
687
|
+
backgroundColor: string;
|
|
688
|
+
textColor: string;
|
|
689
|
+
dividerColor: string;
|
|
690
|
+
titleFontSize: string;
|
|
691
|
+
titleLineHeight: string;
|
|
692
|
+
titleFontWeight: string;
|
|
693
|
+
subtitleFontSize: string;
|
|
694
|
+
subtitleColor: string;
|
|
695
|
+
small: {
|
|
696
|
+
padding: string;
|
|
697
|
+
titleFontSize: string;
|
|
698
|
+
subtitleFontSize: string;
|
|
699
|
+
};
|
|
700
|
+
large: {
|
|
701
|
+
padding: string;
|
|
702
|
+
titleFontSize: string;
|
|
703
|
+
subtitleFontSize: string;
|
|
704
|
+
};
|
|
705
|
+
};
|
|
673
706
|
menu: {
|
|
674
707
|
iconGap: string;
|
|
675
708
|
submenuOffset: string;
|