@codemonster-ru/vueforge 0.62.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 +73 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +3753 -3504
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/tour.test.d.ts +1 -0
- package/dist/package/components/tour.vue.d.ts +98 -0
- package/dist/package/config/theme-core.d.ts +40 -0
- package/dist/package/themes/default/components/tour.d.ts +40 -0
- package/dist/package/themes/default/index.d.ts +39 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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
|
+
};
|
|
@@ -1413,6 +1413,45 @@ export type SplitterTokens = {
|
|
|
1413
1413
|
gutterActiveBackgroundColor?: string;
|
|
1414
1414
|
disabledOpacity?: string;
|
|
1415
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
|
+
};
|
|
1416
1455
|
export type StepperTokens = {
|
|
1417
1456
|
gap?: string;
|
|
1418
1457
|
itemGap?: string;
|
|
@@ -1858,6 +1897,7 @@ export type ThemeComponentTokens = {
|
|
|
1858
1897
|
switch?: SwitchTokens;
|
|
1859
1898
|
segmentedControl?: SegmentedControlTokens;
|
|
1860
1899
|
tooltip?: TooltipTokens;
|
|
1900
|
+
tour?: TourTokens;
|
|
1861
1901
|
skeleton?: SkeletonTokens;
|
|
1862
1902
|
progress?: ProgressTokens;
|
|
1863
1903
|
slider?: SliderTokens;
|
|
@@ -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;
|