@codemonster-ru/vueforge 0.28.0 → 0.30.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 +71 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +1619 -1419
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/breadcrumbs.test.d.ts +1 -0
- package/dist/package/components/__tests__/number-input.test.d.ts +1 -0
- package/dist/package/components/accordion.vue.d.ts +2 -0
- package/dist/package/components/breadcrumbs.vue.d.ts +43 -0
- package/dist/package/components/data-table.vue.d.ts +1 -1
- package/dist/package/components/number-input.vue.d.ts +59 -0
- package/dist/package/components/progress.vue.d.ts +1 -0
- package/dist/package/components/radio-button.vue.d.ts +1 -0
- package/dist/package/components/radio-group.vue.d.ts +3 -0
- package/dist/package/components/skeleton.vue.d.ts +2 -0
- package/dist/package/components/slider.vue.d.ts +1 -0
- package/dist/package/components/tabs.vue.d.ts +2 -0
- package/dist/package/config/theme-core.d.ts +45 -0
- package/dist/package/themes/default/components/breadcrumbs.d.ts +10 -0
- package/dist/package/themes/default/components/number-input.d.ts +35 -0
- package/dist/package/themes/default/index.d.ts +43 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -28,6 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
28
28
|
size: AccordionSize;
|
|
29
29
|
variant: AccordionVariant;
|
|
30
30
|
modelValue: AccordionValue | AccordionValue[];
|
|
31
|
+
ariaLabel: string;
|
|
32
|
+
ariaLabelledby: string;
|
|
31
33
|
multiple: boolean;
|
|
32
34
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
33
35
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
|
|
2
|
+
interface BreadcrumbItem {
|
|
3
|
+
label?: string;
|
|
4
|
+
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
|
|
5
|
+
href?: string;
|
|
6
|
+
url?: string;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
interface Props {
|
|
11
|
+
items?: Array<BreadcrumbItem>;
|
|
12
|
+
separator?: string;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
}
|
|
15
|
+
declare function __VLS_template(): {
|
|
16
|
+
attrs: Partial<{}>;
|
|
17
|
+
slots: {
|
|
18
|
+
item?(_: {
|
|
19
|
+
item: BreadcrumbItem;
|
|
20
|
+
index: number;
|
|
21
|
+
isLast: boolean;
|
|
22
|
+
active: boolean;
|
|
23
|
+
}): any;
|
|
24
|
+
separator?(_: {
|
|
25
|
+
separator: string;
|
|
26
|
+
}): any;
|
|
27
|
+
};
|
|
28
|
+
refs: {};
|
|
29
|
+
rootEl: HTMLElement;
|
|
30
|
+
};
|
|
31
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
32
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
33
|
+
items: Array<BreadcrumbItem>;
|
|
34
|
+
separator: string;
|
|
35
|
+
ariaLabel: string;
|
|
36
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
37
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
38
|
+
export default _default;
|
|
39
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
40
|
+
new (): {
|
|
41
|
+
$slots: S;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
@@ -61,10 +61,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
61
61
|
size: Size;
|
|
62
62
|
loading: boolean;
|
|
63
63
|
variant: Variant;
|
|
64
|
+
ariaLabel: string;
|
|
64
65
|
rows: Array<Record<string, unknown>>;
|
|
65
66
|
loadingText: string;
|
|
66
67
|
emptyText: string;
|
|
67
|
-
ariaLabel: string;
|
|
68
68
|
columns: Array<DataTableColumn>;
|
|
69
69
|
rowKey: string | ((row: Record<string, unknown>, index: number) => string | number);
|
|
70
70
|
sortable: boolean;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
interface Props {
|
|
4
|
+
modelValue?: number | null;
|
|
5
|
+
min?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
precision?: number;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
readonly?: boolean;
|
|
12
|
+
size?: Size;
|
|
13
|
+
variant?: Variant;
|
|
14
|
+
controls?: boolean;
|
|
15
|
+
ariaLabel?: string;
|
|
16
|
+
}
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
attrs: Partial<{}>;
|
|
19
|
+
slots: {
|
|
20
|
+
prefix?(_: {}): any;
|
|
21
|
+
suffix?(_: {}): any;
|
|
22
|
+
};
|
|
23
|
+
refs: {};
|
|
24
|
+
rootEl: HTMLDivElement;
|
|
25
|
+
};
|
|
26
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
27
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
28
|
+
blur: (...args: any[]) => void;
|
|
29
|
+
change: (...args: any[]) => void;
|
|
30
|
+
focus: (...args: any[]) => void;
|
|
31
|
+
input: (...args: any[]) => void;
|
|
32
|
+
"update:modelValue": (...args: any[]) => void;
|
|
33
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
34
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
35
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
36
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
37
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
38
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
39
|
+
}>, {
|
|
40
|
+
disabled: boolean;
|
|
41
|
+
size: Size;
|
|
42
|
+
variant: Variant;
|
|
43
|
+
modelValue: number | null;
|
|
44
|
+
placeholder: string;
|
|
45
|
+
readonly: boolean;
|
|
46
|
+
min: number;
|
|
47
|
+
max: number;
|
|
48
|
+
step: number;
|
|
49
|
+
precision: number;
|
|
50
|
+
controls: boolean;
|
|
51
|
+
ariaLabel: string;
|
|
52
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
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
|
+
};
|
|
@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
24
24
|
size: ProgressSize;
|
|
25
25
|
variant: ProgressVariant;
|
|
26
26
|
severity: ProgressSeverity;
|
|
27
|
+
value: number | null;
|
|
27
28
|
ariaLabel: string;
|
|
28
29
|
showValue: boolean;
|
|
29
30
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -25,6 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
25
25
|
}>, {
|
|
26
26
|
label: string;
|
|
27
27
|
disabled: boolean;
|
|
28
|
+
name: string;
|
|
28
29
|
variant: RadioVariant;
|
|
29
30
|
modelValue: string | number | boolean | null;
|
|
30
31
|
value: string | number | boolean | null;
|
|
@@ -26,9 +26,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
26
26
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
27
27
|
}>, {
|
|
28
28
|
disabled: boolean;
|
|
29
|
+
name: string;
|
|
29
30
|
variant: RadioVariant;
|
|
30
31
|
modelValue: string | number | boolean | null;
|
|
32
|
+
ariaLabel: string;
|
|
31
33
|
direction: Direction;
|
|
34
|
+
ariaLabelledby: string;
|
|
32
35
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
33
36
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
37
|
export default _default;
|
|
@@ -7,6 +7,8 @@ interface Props {
|
|
|
7
7
|
}
|
|
8
8
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
9
9
|
variant: Variant;
|
|
10
|
+
width: string | number;
|
|
11
|
+
height: string | number;
|
|
10
12
|
animated: boolean;
|
|
11
13
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
12
14
|
export default _default;
|
|
@@ -28,6 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
28
28
|
disabled: boolean;
|
|
29
29
|
orientation: TabsOrientation;
|
|
30
30
|
modelValue: TabValue;
|
|
31
|
+
ariaLabel: string;
|
|
32
|
+
ariaLabelledby: string;
|
|
31
33
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
32
34
|
list: HTMLDivElement;
|
|
33
35
|
}, HTMLDivElement>;
|
|
@@ -77,6 +77,40 @@ export type InputTokens = {
|
|
|
77
77
|
fontSize?: string;
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
|
+
export type NumberInputTokens = {
|
|
81
|
+
gap?: string;
|
|
82
|
+
fontSize?: string;
|
|
83
|
+
padding?: string;
|
|
84
|
+
borderRadius?: string;
|
|
85
|
+
borderColor?: string;
|
|
86
|
+
backgroundColor?: string;
|
|
87
|
+
textColor?: string;
|
|
88
|
+
placeholderColor?: string;
|
|
89
|
+
focusBorderColor?: string;
|
|
90
|
+
focusRingShadow?: string;
|
|
91
|
+
hoverBorderColor?: string;
|
|
92
|
+
disabledOpacity?: string;
|
|
93
|
+
controlWidth?: string;
|
|
94
|
+
controlGap?: string;
|
|
95
|
+
controlFontSize?: string;
|
|
96
|
+
controlRadius?: string;
|
|
97
|
+
controlBackgroundColor?: string;
|
|
98
|
+
controlHoverBackgroundColor?: string;
|
|
99
|
+
controlTextColor?: string;
|
|
100
|
+
controlBorderColor?: string;
|
|
101
|
+
small?: {
|
|
102
|
+
padding?: string;
|
|
103
|
+
fontSize?: string;
|
|
104
|
+
controlWidth?: string;
|
|
105
|
+
controlFontSize?: string;
|
|
106
|
+
};
|
|
107
|
+
large?: {
|
|
108
|
+
padding?: string;
|
|
109
|
+
fontSize?: string;
|
|
110
|
+
controlWidth?: string;
|
|
111
|
+
controlFontSize?: string;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
80
114
|
export type FormFieldTokens = {
|
|
81
115
|
gap?: string;
|
|
82
116
|
textColor?: string;
|
|
@@ -126,6 +160,15 @@ export type LinkTokens = {
|
|
|
126
160
|
hoverColor?: string;
|
|
127
161
|
activeColor?: string;
|
|
128
162
|
};
|
|
163
|
+
export type BreadcrumbsTokens = {
|
|
164
|
+
gap?: string;
|
|
165
|
+
fontSize?: string;
|
|
166
|
+
textColor?: string;
|
|
167
|
+
hoverColor?: string;
|
|
168
|
+
activeColor?: string;
|
|
169
|
+
separatorColor?: string;
|
|
170
|
+
disabledOpacity?: string;
|
|
171
|
+
};
|
|
129
172
|
export type MenuTokens = {
|
|
130
173
|
iconGap?: string;
|
|
131
174
|
submenuOffset?: string;
|
|
@@ -749,9 +792,11 @@ export type ThemeComponentTokens = {
|
|
|
749
792
|
tabs?: TabsTokens;
|
|
750
793
|
accordion?: AccordionTokens;
|
|
751
794
|
input?: InputTokens;
|
|
795
|
+
numberInput?: NumberInputTokens;
|
|
752
796
|
formField?: FormFieldTokens;
|
|
753
797
|
textarea?: TextareaTokens;
|
|
754
798
|
link?: LinkTokens;
|
|
799
|
+
breadcrumbs?: BreadcrumbsTokens;
|
|
755
800
|
menu?: MenuTokens;
|
|
756
801
|
modal?: ModalTokens;
|
|
757
802
|
drawer?: DrawerTokens;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
gap: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
padding: string;
|
|
5
|
+
borderRadius: string;
|
|
6
|
+
borderColor: string;
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
textColor: string;
|
|
9
|
+
placeholderColor: string;
|
|
10
|
+
focusBorderColor: string;
|
|
11
|
+
focusRingShadow: string;
|
|
12
|
+
hoverBorderColor: string;
|
|
13
|
+
disabledOpacity: string;
|
|
14
|
+
controlWidth: string;
|
|
15
|
+
controlGap: string;
|
|
16
|
+
controlFontSize: string;
|
|
17
|
+
controlRadius: string;
|
|
18
|
+
controlBackgroundColor: string;
|
|
19
|
+
controlHoverBackgroundColor: string;
|
|
20
|
+
controlTextColor: string;
|
|
21
|
+
controlBorderColor: string;
|
|
22
|
+
small: {
|
|
23
|
+
padding: string;
|
|
24
|
+
fontSize: string;
|
|
25
|
+
controlWidth: string;
|
|
26
|
+
controlFontSize: string;
|
|
27
|
+
};
|
|
28
|
+
large: {
|
|
29
|
+
padding: string;
|
|
30
|
+
fontSize: string;
|
|
31
|
+
controlWidth: string;
|
|
32
|
+
controlFontSize: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export default _default;
|
|
@@ -234,6 +234,40 @@ declare const _default: {
|
|
|
234
234
|
fontSize: string;
|
|
235
235
|
};
|
|
236
236
|
};
|
|
237
|
+
numberInput: {
|
|
238
|
+
gap: string;
|
|
239
|
+
fontSize: string;
|
|
240
|
+
padding: string;
|
|
241
|
+
borderRadius: string;
|
|
242
|
+
borderColor: string;
|
|
243
|
+
backgroundColor: string;
|
|
244
|
+
textColor: string;
|
|
245
|
+
placeholderColor: string;
|
|
246
|
+
focusBorderColor: string;
|
|
247
|
+
focusRingShadow: string;
|
|
248
|
+
hoverBorderColor: string;
|
|
249
|
+
disabledOpacity: string;
|
|
250
|
+
controlWidth: string;
|
|
251
|
+
controlGap: string;
|
|
252
|
+
controlFontSize: string;
|
|
253
|
+
controlRadius: string;
|
|
254
|
+
controlBackgroundColor: string;
|
|
255
|
+
controlHoverBackgroundColor: string;
|
|
256
|
+
controlTextColor: string;
|
|
257
|
+
controlBorderColor: string;
|
|
258
|
+
small: {
|
|
259
|
+
padding: string;
|
|
260
|
+
fontSize: string;
|
|
261
|
+
controlWidth: string;
|
|
262
|
+
controlFontSize: string;
|
|
263
|
+
};
|
|
264
|
+
large: {
|
|
265
|
+
padding: string;
|
|
266
|
+
fontSize: string;
|
|
267
|
+
controlWidth: string;
|
|
268
|
+
controlFontSize: string;
|
|
269
|
+
};
|
|
270
|
+
};
|
|
237
271
|
formField: {
|
|
238
272
|
gap: string;
|
|
239
273
|
textColor: string;
|
|
@@ -283,6 +317,15 @@ declare const _default: {
|
|
|
283
317
|
hoverColor: string;
|
|
284
318
|
activeColor: string;
|
|
285
319
|
};
|
|
320
|
+
breadcrumbs: {
|
|
321
|
+
gap: string;
|
|
322
|
+
fontSize: string;
|
|
323
|
+
textColor: string;
|
|
324
|
+
hoverColor: string;
|
|
325
|
+
activeColor: string;
|
|
326
|
+
separatorColor: string;
|
|
327
|
+
disabledOpacity: string;
|
|
328
|
+
};
|
|
286
329
|
menu: {
|
|
287
330
|
iconGap: string;
|
|
288
331
|
submenuOffset: string;
|