@codemonster-ru/vueforge 0.61.0 → 0.63.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 +121 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.ts.mjs +4806 -4316
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/splitter.test.d.ts +1 -0
- package/dist/package/components/__tests__/tour.test.d.ts +1 -0
- package/dist/package/components/splitter-context.d.ts +15 -0
- package/dist/package/components/splitter-panel.vue.d.ts +24 -0
- package/dist/package/components/splitter.vue.d.ts +41 -0
- package/dist/package/components/tour.vue.d.ts +98 -0
- package/dist/package/config/theme-core.d.ts +52 -0
- package/dist/package/themes/default/components/splitter.d.ts +12 -0
- package/dist/package/themes/default/components/tour.d.ts +40 -0
- package/dist/package/themes/default/index.d.ts +50 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComputedRef, InjectionKey, StyleValue } from 'vue';
|
|
2
|
+
export type SplitterDirection = 'horizontal' | 'vertical';
|
|
3
|
+
export type SplitterPanelConfig = {
|
|
4
|
+
id: string;
|
|
5
|
+
size?: number;
|
|
6
|
+
minSize?: number;
|
|
7
|
+
};
|
|
8
|
+
export type SplitterContext = {
|
|
9
|
+
direction: ComputedRef<SplitterDirection>;
|
|
10
|
+
disabled: ComputedRef<boolean>;
|
|
11
|
+
registerPanel: (config: Omit<SplitterPanelConfig, 'id'>) => string;
|
|
12
|
+
unregisterPanel: (id: string) => void;
|
|
13
|
+
getPanelStyle: (id: string) => StyleValue;
|
|
14
|
+
};
|
|
15
|
+
export declare const splitterKey: InjectionKey<SplitterContext>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
size?: number;
|
|
3
|
+
minSize?: number;
|
|
4
|
+
}
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: HTMLDivElement;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
15
|
+
size: number;
|
|
16
|
+
minSize: number;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { SplitterDirection } from './splitter-context';
|
|
2
|
+
interface Props {
|
|
3
|
+
modelValue?: Array<number>;
|
|
4
|
+
minSizes?: Array<number>;
|
|
5
|
+
direction?: SplitterDirection;
|
|
6
|
+
gutterSize?: number | string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {
|
|
15
|
+
root: HTMLDivElement;
|
|
16
|
+
};
|
|
17
|
+
rootEl: HTMLDivElement;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
change: (...args: any[]) => void;
|
|
22
|
+
"update:modelValue": (...args: any[]) => void;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
24
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
modelValue: Array<number>;
|
|
29
|
+
direction: SplitterDirection;
|
|
30
|
+
minSizes: Array<number>;
|
|
31
|
+
gutterSize: number | string;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
33
|
+
root: HTMLDivElement;
|
|
34
|
+
}, HTMLDivElement>;
|
|
35
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
38
|
+
new (): {
|
|
39
|
+
$slots: S;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
type Placement = 'top' | 'bottom' | 'left' | 'right';
|
|
2
|
+
export interface TourStep {
|
|
3
|
+
target?: string | HTMLElement;
|
|
4
|
+
title?: string;
|
|
5
|
+
content?: string;
|
|
6
|
+
placement?: Placement;
|
|
7
|
+
offset?: number;
|
|
8
|
+
}
|
|
9
|
+
interface Props {
|
|
10
|
+
modelValue?: boolean;
|
|
11
|
+
steps?: Array<TourStep>;
|
|
12
|
+
startIndex?: number;
|
|
13
|
+
placement?: Placement;
|
|
14
|
+
offset?: number;
|
|
15
|
+
mask?: boolean;
|
|
16
|
+
closeOnOverlay?: boolean;
|
|
17
|
+
closeOnEsc?: boolean;
|
|
18
|
+
showSkip?: boolean;
|
|
19
|
+
showProgress?: boolean;
|
|
20
|
+
spotlightPadding?: number;
|
|
21
|
+
nextLabel?: string;
|
|
22
|
+
prevLabel?: string;
|
|
23
|
+
finishLabel?: string;
|
|
24
|
+
skipLabel?: string;
|
|
25
|
+
ariaLabel?: string;
|
|
26
|
+
}
|
|
27
|
+
declare function __VLS_template(): {
|
|
28
|
+
attrs: Partial<{}>;
|
|
29
|
+
slots: {
|
|
30
|
+
title?(_: {
|
|
31
|
+
step: TourStep | undefined;
|
|
32
|
+
index: number;
|
|
33
|
+
}): any;
|
|
34
|
+
default?(_: {
|
|
35
|
+
step: TourStep | undefined;
|
|
36
|
+
index: number;
|
|
37
|
+
}): any;
|
|
38
|
+
actions?(_: {
|
|
39
|
+
step: TourStep | undefined;
|
|
40
|
+
index: number;
|
|
41
|
+
isFirst: boolean;
|
|
42
|
+
isLast: boolean;
|
|
43
|
+
prev: () => void;
|
|
44
|
+
next: () => void;
|
|
45
|
+
skip: () => void;
|
|
46
|
+
}): any;
|
|
47
|
+
};
|
|
48
|
+
refs: {
|
|
49
|
+
panel: HTMLDivElement;
|
|
50
|
+
};
|
|
51
|
+
rootEl: any;
|
|
52
|
+
};
|
|
53
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
54
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
55
|
+
close: (...args: any[]) => void;
|
|
56
|
+
"update:modelValue": (...args: any[]) => void;
|
|
57
|
+
open: (...args: any[]) => void;
|
|
58
|
+
complete: (...args: any[]) => void;
|
|
59
|
+
stepChange: (...args: any[]) => void;
|
|
60
|
+
next: (...args: any[]) => void;
|
|
61
|
+
prev: (...args: any[]) => void;
|
|
62
|
+
skip: (...args: any[]) => void;
|
|
63
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
64
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
65
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
66
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
67
|
+
onComplete?: ((...args: any[]) => any) | undefined;
|
|
68
|
+
onStepChange?: ((...args: any[]) => any) | undefined;
|
|
69
|
+
onNext?: ((...args: any[]) => any) | undefined;
|
|
70
|
+
onPrev?: ((...args: any[]) => any) | undefined;
|
|
71
|
+
onSkip?: ((...args: any[]) => any) | undefined;
|
|
72
|
+
}>, {
|
|
73
|
+
mask: boolean;
|
|
74
|
+
modelValue: boolean;
|
|
75
|
+
ariaLabel: string;
|
|
76
|
+
placement: Placement;
|
|
77
|
+
prevLabel: string;
|
|
78
|
+
nextLabel: string;
|
|
79
|
+
closeOnOverlay: boolean;
|
|
80
|
+
closeOnEsc: boolean;
|
|
81
|
+
offset: number;
|
|
82
|
+
steps: Array<TourStep>;
|
|
83
|
+
startIndex: number;
|
|
84
|
+
showSkip: boolean;
|
|
85
|
+
showProgress: boolean;
|
|
86
|
+
spotlightPadding: number;
|
|
87
|
+
finishLabel: string;
|
|
88
|
+
skipLabel: string;
|
|
89
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
90
|
+
panel: HTMLDivElement;
|
|
91
|
+
}, any>;
|
|
92
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
93
|
+
export default _default;
|
|
94
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
95
|
+
new (): {
|
|
96
|
+
$slots: S;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
@@ -1402,6 +1402,56 @@ export type VirtualScrollerTokens = {
|
|
|
1402
1402
|
emptyPadding?: string;
|
|
1403
1403
|
emptyColor?: string;
|
|
1404
1404
|
};
|
|
1405
|
+
export type SplitterTokens = {
|
|
1406
|
+
borderColor?: string;
|
|
1407
|
+
borderRadius?: string;
|
|
1408
|
+
panelBackgroundColor?: string;
|
|
1409
|
+
handleWidth?: string;
|
|
1410
|
+
handleHeight?: string;
|
|
1411
|
+
handleRadius?: string;
|
|
1412
|
+
handleColor?: string;
|
|
1413
|
+
gutterActiveBackgroundColor?: string;
|
|
1414
|
+
disabledOpacity?: string;
|
|
1415
|
+
};
|
|
1416
|
+
export type TourTokens = {
|
|
1417
|
+
zIndex?: string;
|
|
1418
|
+
overlayBackgroundColor?: string;
|
|
1419
|
+
width?: string;
|
|
1420
|
+
maxWidth?: string;
|
|
1421
|
+
padding?: string;
|
|
1422
|
+
borderRadius?: string;
|
|
1423
|
+
borderColor?: string;
|
|
1424
|
+
backgroundColor?: string;
|
|
1425
|
+
textColor?: string;
|
|
1426
|
+
shadow?: string;
|
|
1427
|
+
titleGap?: string;
|
|
1428
|
+
titleFontSize?: string;
|
|
1429
|
+
titleLineHeight?: string;
|
|
1430
|
+
titleFontWeight?: string;
|
|
1431
|
+
contentGap?: string;
|
|
1432
|
+
contentFontSize?: string;
|
|
1433
|
+
contentLineHeight?: string;
|
|
1434
|
+
contentColor?: string;
|
|
1435
|
+
progressGap?: string;
|
|
1436
|
+
progressFontSize?: string;
|
|
1437
|
+
progressColor?: string;
|
|
1438
|
+
actionsGap?: string;
|
|
1439
|
+
buttonMinWidth?: string;
|
|
1440
|
+
buttonPadding?: string;
|
|
1441
|
+
buttonRadius?: string;
|
|
1442
|
+
buttonBorderColor?: string;
|
|
1443
|
+
buttonBackgroundColor?: string;
|
|
1444
|
+
buttonTextColor?: string;
|
|
1445
|
+
buttonHoverBackgroundColor?: string;
|
|
1446
|
+
secondaryButtonBorderColor?: string;
|
|
1447
|
+
secondaryButtonBackgroundColor?: string;
|
|
1448
|
+
secondaryButtonTextColor?: string;
|
|
1449
|
+
secondaryButtonHoverBackgroundColor?: string;
|
|
1450
|
+
spotlightRadius?: string;
|
|
1451
|
+
spotlightBorderWidth?: string;
|
|
1452
|
+
spotlightBorderColor?: string;
|
|
1453
|
+
disabledOpacity?: string;
|
|
1454
|
+
};
|
|
1405
1455
|
export type StepperTokens = {
|
|
1406
1456
|
gap?: string;
|
|
1407
1457
|
itemGap?: string;
|
|
@@ -1847,9 +1897,11 @@ export type ThemeComponentTokens = {
|
|
|
1847
1897
|
switch?: SwitchTokens;
|
|
1848
1898
|
segmentedControl?: SegmentedControlTokens;
|
|
1849
1899
|
tooltip?: TooltipTokens;
|
|
1900
|
+
tour?: TourTokens;
|
|
1850
1901
|
skeleton?: SkeletonTokens;
|
|
1851
1902
|
progress?: ProgressTokens;
|
|
1852
1903
|
slider?: SliderTokens;
|
|
1904
|
+
splitter?: SplitterTokens;
|
|
1853
1905
|
stepper?: StepperTokens;
|
|
1854
1906
|
timeline?: TimelineTokens;
|
|
1855
1907
|
datatable?: DataTableTokens;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
borderColor: string;
|
|
3
|
+
borderRadius: string;
|
|
4
|
+
panelBackgroundColor: string;
|
|
5
|
+
handleWidth: string;
|
|
6
|
+
handleHeight: string;
|
|
7
|
+
handleRadius: string;
|
|
8
|
+
handleColor: string;
|
|
9
|
+
gutterActiveBackgroundColor: string;
|
|
10
|
+
disabledOpacity: string;
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
zIndex: string;
|
|
3
|
+
overlayBackgroundColor: string;
|
|
4
|
+
width: string;
|
|
5
|
+
maxWidth: string;
|
|
6
|
+
padding: string;
|
|
7
|
+
borderRadius: string;
|
|
8
|
+
borderColor: string;
|
|
9
|
+
backgroundColor: string;
|
|
10
|
+
textColor: string;
|
|
11
|
+
shadow: string;
|
|
12
|
+
titleGap: string;
|
|
13
|
+
titleFontSize: string;
|
|
14
|
+
titleLineHeight: string;
|
|
15
|
+
titleFontWeight: string;
|
|
16
|
+
contentGap: string;
|
|
17
|
+
contentFontSize: string;
|
|
18
|
+
contentLineHeight: string;
|
|
19
|
+
contentColor: string;
|
|
20
|
+
progressGap: string;
|
|
21
|
+
progressFontSize: string;
|
|
22
|
+
progressColor: string;
|
|
23
|
+
actionsGap: string;
|
|
24
|
+
buttonMinWidth: string;
|
|
25
|
+
buttonPadding: string;
|
|
26
|
+
buttonRadius: string;
|
|
27
|
+
buttonBorderColor: string;
|
|
28
|
+
buttonBackgroundColor: string;
|
|
29
|
+
buttonTextColor: string;
|
|
30
|
+
buttonHoverBackgroundColor: string;
|
|
31
|
+
secondaryButtonBorderColor: string;
|
|
32
|
+
secondaryButtonBackgroundColor: string;
|
|
33
|
+
secondaryButtonTextColor: string;
|
|
34
|
+
secondaryButtonHoverBackgroundColor: string;
|
|
35
|
+
spotlightRadius: string;
|
|
36
|
+
spotlightBorderWidth: string;
|
|
37
|
+
spotlightBorderColor: string;
|
|
38
|
+
disabledOpacity: string;
|
|
39
|
+
};
|
|
40
|
+
export default _default;
|
|
@@ -1402,6 +1402,45 @@ declare const _default: {
|
|
|
1402
1402
|
maxWidth: string;
|
|
1403
1403
|
arrowSize: string;
|
|
1404
1404
|
};
|
|
1405
|
+
tour: {
|
|
1406
|
+
zIndex: string;
|
|
1407
|
+
overlayBackgroundColor: string;
|
|
1408
|
+
width: string;
|
|
1409
|
+
maxWidth: string;
|
|
1410
|
+
padding: string;
|
|
1411
|
+
borderRadius: string;
|
|
1412
|
+
borderColor: string;
|
|
1413
|
+
backgroundColor: string;
|
|
1414
|
+
textColor: string;
|
|
1415
|
+
shadow: string;
|
|
1416
|
+
titleGap: string;
|
|
1417
|
+
titleFontSize: string;
|
|
1418
|
+
titleLineHeight: string;
|
|
1419
|
+
titleFontWeight: string;
|
|
1420
|
+
contentGap: string;
|
|
1421
|
+
contentFontSize: string;
|
|
1422
|
+
contentLineHeight: string;
|
|
1423
|
+
contentColor: string;
|
|
1424
|
+
progressGap: string;
|
|
1425
|
+
progressFontSize: string;
|
|
1426
|
+
progressColor: string;
|
|
1427
|
+
actionsGap: string;
|
|
1428
|
+
buttonMinWidth: string;
|
|
1429
|
+
buttonPadding: string;
|
|
1430
|
+
buttonRadius: string;
|
|
1431
|
+
buttonBorderColor: string;
|
|
1432
|
+
buttonBackgroundColor: string;
|
|
1433
|
+
buttonTextColor: string;
|
|
1434
|
+
buttonHoverBackgroundColor: string;
|
|
1435
|
+
secondaryButtonBorderColor: string;
|
|
1436
|
+
secondaryButtonBackgroundColor: string;
|
|
1437
|
+
secondaryButtonTextColor: string;
|
|
1438
|
+
secondaryButtonHoverBackgroundColor: string;
|
|
1439
|
+
spotlightRadius: string;
|
|
1440
|
+
spotlightBorderWidth: string;
|
|
1441
|
+
spotlightBorderColor: string;
|
|
1442
|
+
disabledOpacity: string;
|
|
1443
|
+
};
|
|
1405
1444
|
skeleton: {
|
|
1406
1445
|
width: string;
|
|
1407
1446
|
height: string;
|
|
@@ -1823,6 +1862,17 @@ declare const _default: {
|
|
|
1823
1862
|
valueFontSize: string;
|
|
1824
1863
|
};
|
|
1825
1864
|
};
|
|
1865
|
+
splitter: {
|
|
1866
|
+
borderColor: string;
|
|
1867
|
+
borderRadius: string;
|
|
1868
|
+
panelBackgroundColor: string;
|
|
1869
|
+
handleWidth: string;
|
|
1870
|
+
handleHeight: string;
|
|
1871
|
+
handleRadius: string;
|
|
1872
|
+
handleColor: string;
|
|
1873
|
+
gutterActiveBackgroundColor: string;
|
|
1874
|
+
disabledOpacity: string;
|
|
1875
|
+
};
|
|
1826
1876
|
stepper: {
|
|
1827
1877
|
gap: string;
|
|
1828
1878
|
itemGap: string;
|