@codemonster-ru/vueforge 0.19.0 → 0.21.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 +68 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +1500 -1347
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/pagination.test.d.ts +1 -0
- package/dist/package/components/__tests__/skeleton.test.d.ts +1 -0
- package/dist/package/components/pagination.vue.d.ts +37 -0
- package/dist/package/components/skeleton.vue.d.ts +12 -0
- package/dist/package/config/theme-core.d.ts +37 -0
- package/dist/package/themes/default/components/pagination.d.ts +27 -0
- package/dist/package/themes/default/components/skeleton.d.ts +10 -0
- package/dist/package/themes/default/index.d.ts +35 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
interface Props {
|
|
4
|
+
modelValue?: number;
|
|
5
|
+
totalItems?: number;
|
|
6
|
+
pageSize?: number;
|
|
7
|
+
totalPages?: number;
|
|
8
|
+
siblingCount?: number;
|
|
9
|
+
boundaryCount?: number;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
size?: Size;
|
|
12
|
+
variant?: Variant;
|
|
13
|
+
prevLabel?: string;
|
|
14
|
+
nextLabel?: string;
|
|
15
|
+
ellipsisLabel?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
change: (...args: any[]) => void;
|
|
19
|
+
"update:modelValue": (...args: any[]) => void;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
21
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
22
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
disabled: boolean;
|
|
25
|
+
size: Size;
|
|
26
|
+
variant: Variant;
|
|
27
|
+
modelValue: number;
|
|
28
|
+
totalItems: number;
|
|
29
|
+
pageSize: number;
|
|
30
|
+
totalPages: number;
|
|
31
|
+
siblingCount: number;
|
|
32
|
+
boundaryCount: number;
|
|
33
|
+
prevLabel: string;
|
|
34
|
+
nextLabel: string;
|
|
35
|
+
ellipsisLabel: string;
|
|
36
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
37
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type Variant = 'text' | 'rect' | 'circle';
|
|
2
|
+
interface Props {
|
|
3
|
+
width?: string | number;
|
|
4
|
+
height?: string | number;
|
|
5
|
+
variant?: Variant;
|
|
6
|
+
animated?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
9
|
+
variant: Variant;
|
|
10
|
+
animated: boolean;
|
|
11
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
12
|
+
export default _default;
|
|
@@ -352,6 +352,32 @@ export type DatePickerTokens = {
|
|
|
352
352
|
daySize?: string;
|
|
353
353
|
};
|
|
354
354
|
};
|
|
355
|
+
export type PaginationTokens = {
|
|
356
|
+
gap?: string;
|
|
357
|
+
itemMinWidth?: string;
|
|
358
|
+
fontSize?: string;
|
|
359
|
+
padding?: string;
|
|
360
|
+
borderRadius?: string;
|
|
361
|
+
borderColor?: string;
|
|
362
|
+
backgroundColor?: string;
|
|
363
|
+
textColor?: string;
|
|
364
|
+
hoverBackgroundColor?: string;
|
|
365
|
+
activeBorderColor?: string;
|
|
366
|
+
activeBackgroundColor?: string;
|
|
367
|
+
activeTextColor?: string;
|
|
368
|
+
focusBorderColor?: string;
|
|
369
|
+
focusRingShadow?: string;
|
|
370
|
+
disabledOpacity?: string;
|
|
371
|
+
ellipsisPadding?: string;
|
|
372
|
+
small?: {
|
|
373
|
+
padding?: string;
|
|
374
|
+
fontSize?: string;
|
|
375
|
+
};
|
|
376
|
+
large?: {
|
|
377
|
+
padding?: string;
|
|
378
|
+
fontSize?: string;
|
|
379
|
+
};
|
|
380
|
+
};
|
|
355
381
|
export type SwitchTokens = {
|
|
356
382
|
width?: string;
|
|
357
383
|
height?: string;
|
|
@@ -399,6 +425,15 @@ export type TooltipTokens = {
|
|
|
399
425
|
maxWidth?: string;
|
|
400
426
|
arrowSize?: string;
|
|
401
427
|
};
|
|
428
|
+
export type SkeletonTokens = {
|
|
429
|
+
width?: string;
|
|
430
|
+
height?: string;
|
|
431
|
+
lineHeight?: string;
|
|
432
|
+
borderRadius?: string;
|
|
433
|
+
backgroundColor?: string;
|
|
434
|
+
shimmerColor?: string;
|
|
435
|
+
animationDuration?: string;
|
|
436
|
+
};
|
|
402
437
|
export type ToastTokens = {
|
|
403
438
|
gap?: string;
|
|
404
439
|
padding?: string;
|
|
@@ -495,8 +530,10 @@ export type ThemeComponentTokens = {
|
|
|
495
530
|
autocomplete?: AutocompleteTokens;
|
|
496
531
|
multiselect?: MultiSelectTokens;
|
|
497
532
|
datepicker?: DatePickerTokens;
|
|
533
|
+
pagination?: PaginationTokens;
|
|
498
534
|
switch?: SwitchTokens;
|
|
499
535
|
tooltip?: TooltipTokens;
|
|
536
|
+
skeleton?: SkeletonTokens;
|
|
500
537
|
toast?: ToastTokens;
|
|
501
538
|
alert?: AlertTokens;
|
|
502
539
|
[key: string]: unknown;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
gap: string;
|
|
3
|
+
itemMinWidth: string;
|
|
4
|
+
fontSize: string;
|
|
5
|
+
padding: string;
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
textColor: string;
|
|
10
|
+
hoverBackgroundColor: string;
|
|
11
|
+
activeBorderColor: string;
|
|
12
|
+
activeBackgroundColor: string;
|
|
13
|
+
activeTextColor: string;
|
|
14
|
+
focusBorderColor: string;
|
|
15
|
+
focusRingShadow: string;
|
|
16
|
+
disabledOpacity: string;
|
|
17
|
+
ellipsisPadding: string;
|
|
18
|
+
small: {
|
|
19
|
+
fontSize: string;
|
|
20
|
+
padding: string;
|
|
21
|
+
};
|
|
22
|
+
large: {
|
|
23
|
+
fontSize: string;
|
|
24
|
+
padding: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export default _default;
|
|
@@ -506,6 +506,32 @@ declare const _default: {
|
|
|
506
506
|
daySize: string;
|
|
507
507
|
};
|
|
508
508
|
};
|
|
509
|
+
pagination: {
|
|
510
|
+
gap: string;
|
|
511
|
+
itemMinWidth: string;
|
|
512
|
+
fontSize: string;
|
|
513
|
+
padding: string;
|
|
514
|
+
borderRadius: string;
|
|
515
|
+
borderColor: string;
|
|
516
|
+
backgroundColor: string;
|
|
517
|
+
textColor: string;
|
|
518
|
+
hoverBackgroundColor: string;
|
|
519
|
+
activeBorderColor: string;
|
|
520
|
+
activeBackgroundColor: string;
|
|
521
|
+
activeTextColor: string;
|
|
522
|
+
focusBorderColor: string;
|
|
523
|
+
focusRingShadow: string;
|
|
524
|
+
disabledOpacity: string;
|
|
525
|
+
ellipsisPadding: string;
|
|
526
|
+
small: {
|
|
527
|
+
fontSize: string;
|
|
528
|
+
padding: string;
|
|
529
|
+
};
|
|
530
|
+
large: {
|
|
531
|
+
fontSize: string;
|
|
532
|
+
padding: string;
|
|
533
|
+
};
|
|
534
|
+
};
|
|
509
535
|
checkbox: {
|
|
510
536
|
size: string;
|
|
511
537
|
gap: string;
|
|
@@ -581,6 +607,15 @@ declare const _default: {
|
|
|
581
607
|
maxWidth: string;
|
|
582
608
|
arrowSize: string;
|
|
583
609
|
};
|
|
610
|
+
skeleton: {
|
|
611
|
+
width: string;
|
|
612
|
+
height: string;
|
|
613
|
+
lineHeight: string;
|
|
614
|
+
borderRadius: string;
|
|
615
|
+
backgroundColor: string;
|
|
616
|
+
shimmerColor: string;
|
|
617
|
+
animationDuration: string;
|
|
618
|
+
};
|
|
584
619
|
toast: {
|
|
585
620
|
gap: string;
|
|
586
621
|
padding: string;
|