@code-coaching/vuetiful 0.1.3 → 0.2.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/dist/style.css +2 -2
- package/dist/styles/all.css +205 -47
- package/dist/types/components/atoms/VButton.test.d.ts +1 -0
- package/dist/types/components/atoms/VButton.vue.d.ts +6 -72
- package/dist/types/components/index.d.ts +2 -1
- package/dist/types/components/index.test.d.ts +1 -0
- package/dist/types/components/molecules/VRail.vue.d.ts +51 -0
- package/dist/types/components/molecules/VRailTile.vue.d.ts +55 -0
- package/dist/types/components/molecules/VShell.vue.d.ts +78 -0
- package/dist/types/components/molecules/index.d.ts +4 -0
- package/dist/types/directives/clipboard.test.d.ts +1 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.test.d.ts +1 -0
- package/dist/types/services/index.d.ts +2 -0
- package/dist/types/services/rail.service.d.ts +4 -0
- package/dist/types/utils/code-block/code-block.vue.d.ts +2 -2
- package/dist/types/utils/code-block/highlight.service.test.d.ts +1 -0
- package/dist/types/utils/dark-mode/dark-mode.service.test.d.ts +1 -0
- package/dist/types/utils/dark-mode/dark-mode.vue.d.ts +3 -3
- package/dist/types/utils/index.d.ts +3 -3
- package/dist/types/utils/index.test.d.ts +1 -0
- package/dist/types/utils/platform/platform.service.test.d.ts +1 -0
- package/dist/types/utils/theme/callback.test.d.ts +1 -0
- package/dist/types/utils/theme/remove.test.d.ts +1 -0
- package/dist/types/utils/theme/theme-switcher.vue.d.ts +3 -3
- package/dist/types/utils/theme/{theme.d.ts → theme.service.d.ts} +2 -1
- package/dist/types/utils/theme/theme.service.test.d.ts +1 -0
- package/dist/vuetiful.es.mjs +659 -500
- package/dist/vuetiful.umd.js +13 -20
- package/package.json +8 -2
- package/src/components/atoms/VButton.test.ts +27 -0
- package/src/components/atoms/VButton.vue +19 -73
- package/src/components/index.test.ts +10 -0
- package/src/components/index.ts +2 -1
- package/src/components/molecules/VRail.vue +46 -0
- package/src/components/molecules/VRailTile.vue +75 -0
- package/src/components/molecules/VShell.vue +71 -0
- package/src/components/molecules/index.ts +5 -0
- package/src/directives/clipboard.test.ts +26 -0
- package/src/index.test.ts +26 -0
- package/src/index.ts +1 -1
- package/src/services/index.ts +3 -0
- package/src/services/rail.service.ts +11 -0
- package/src/utils/code-block/code-block.vue +2 -2
- package/src/utils/code-block/highlight.service.test.ts +24 -0
- package/src/utils/dark-mode/dark-mode.service.test.ts +234 -0
- package/src/utils/dark-mode/{dark-mode.ts → dark-mode.service.ts} +5 -4
- package/src/utils/dark-mode/dark-mode.vue +1 -1
- package/src/utils/index.test.ts +11 -0
- package/src/utils/index.ts +3 -4
- package/src/utils/platform/platform.service.test.ts +19 -0
- package/src/utils/theme/callback.test.ts +24 -0
- package/src/utils/theme/remove.test.ts +25 -0
- package/src/utils/theme/theme.service.test.ts +160 -0
- package/src/utils/theme/{theme.ts → theme.service.ts} +6 -7
- package/dist/types/constants/MyConstants.d.ts +0 -1
- package/dist/types/constants/index.d.ts +0 -2
- package/src/constants/MyConstants.ts +0 -1
- package/src/constants/index.ts +0 -5
- /package/dist/types/utils/code-block/{highlight.d.ts → highlight.service.d.ts} +0 -0
- /package/dist/types/utils/dark-mode/{dark-mode.d.ts → dark-mode.service.d.ts} +0 -0
- /package/dist/types/utils/platform/{platform.d.ts → platform.service.d.ts} +0 -0
- /package/src/utils/code-block/{highlight.ts → highlight.service.ts} +0 -0
- /package/src/utils/platform/{platform.ts → platform.service.ts} +0 -0
|
@@ -1,86 +1,20 @@
|
|
|
1
|
-
import { CssClasses } from "@/index";
|
|
2
1
|
declare const _default: import("vue").DefineComponent<{
|
|
3
|
-
|
|
4
|
-
type: () =>
|
|
5
|
-
default: string;
|
|
6
|
-
};
|
|
7
|
-
bgDark: {
|
|
8
|
-
type: () => CssClasses;
|
|
9
|
-
default: string;
|
|
10
|
-
};
|
|
11
|
-
textOnLight: {
|
|
12
|
-
type: () => CssClasses;
|
|
13
|
-
default: string;
|
|
14
|
-
};
|
|
15
|
-
textOnDark: {
|
|
16
|
-
type: () => CssClasses;
|
|
17
|
-
default: string;
|
|
18
|
-
};
|
|
19
|
-
width: {
|
|
20
|
-
type: () => CssClasses;
|
|
21
|
-
default: string;
|
|
22
|
-
};
|
|
23
|
-
height: {
|
|
24
|
-
type: () => CssClasses;
|
|
25
|
-
default: string;
|
|
26
|
-
};
|
|
27
|
-
ring: {
|
|
28
|
-
type: () => CssClasses;
|
|
29
|
-
default: string;
|
|
30
|
-
};
|
|
31
|
-
rounded: {
|
|
32
|
-
type: () => CssClasses;
|
|
2
|
+
tag: {
|
|
3
|
+
type: () => string;
|
|
33
4
|
default: string;
|
|
34
5
|
};
|
|
35
6
|
msg: {
|
|
36
7
|
type: StringConstructor;
|
|
37
8
|
};
|
|
38
|
-
}, {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
bgLight: {
|
|
42
|
-
type: () => CssClasses;
|
|
43
|
-
default: string;
|
|
44
|
-
};
|
|
45
|
-
bgDark: {
|
|
46
|
-
type: () => CssClasses;
|
|
47
|
-
default: string;
|
|
48
|
-
};
|
|
49
|
-
textOnLight: {
|
|
50
|
-
type: () => CssClasses;
|
|
51
|
-
default: string;
|
|
52
|
-
};
|
|
53
|
-
textOnDark: {
|
|
54
|
-
type: () => CssClasses;
|
|
55
|
-
default: string;
|
|
56
|
-
};
|
|
57
|
-
width: {
|
|
58
|
-
type: () => CssClasses;
|
|
59
|
-
default: string;
|
|
60
|
-
};
|
|
61
|
-
height: {
|
|
62
|
-
type: () => CssClasses;
|
|
63
|
-
default: string;
|
|
64
|
-
};
|
|
65
|
-
ring: {
|
|
66
|
-
type: () => CssClasses;
|
|
67
|
-
default: string;
|
|
68
|
-
};
|
|
69
|
-
rounded: {
|
|
70
|
-
type: () => CssClasses;
|
|
9
|
+
}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
10
|
+
tag: {
|
|
11
|
+
type: () => string;
|
|
71
12
|
default: string;
|
|
72
13
|
};
|
|
73
14
|
msg: {
|
|
74
15
|
type: StringConstructor;
|
|
75
16
|
};
|
|
76
17
|
}>>, {
|
|
77
|
-
|
|
78
|
-
bgDark: string;
|
|
79
|
-
textOnLight: string;
|
|
80
|
-
textOnDark: string;
|
|
81
|
-
width: string;
|
|
82
|
-
height: string;
|
|
83
|
-
ring: string;
|
|
84
|
-
rounded: string;
|
|
18
|
+
tag: string;
|
|
85
19
|
}>;
|
|
86
20
|
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import type { CssClasses } from "@/index";
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
active: {
|
|
4
|
+
type: () => CssClasses;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
hover: {
|
|
8
|
+
type: () => CssClasses;
|
|
9
|
+
default: string;
|
|
10
|
+
};
|
|
11
|
+
regionLead: {
|
|
12
|
+
type: () => CssClasses;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
regionDefault: {
|
|
16
|
+
type: () => CssClasses;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
regionTrail: {
|
|
20
|
+
type: () => CssClasses;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
active: {
|
|
25
|
+
type: () => CssClasses;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
28
|
+
hover: {
|
|
29
|
+
type: () => CssClasses;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
regionLead: {
|
|
33
|
+
type: () => CssClasses;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
regionDefault: {
|
|
37
|
+
type: () => CssClasses;
|
|
38
|
+
default: string;
|
|
39
|
+
};
|
|
40
|
+
regionTrail: {
|
|
41
|
+
type: () => CssClasses;
|
|
42
|
+
default: string;
|
|
43
|
+
};
|
|
44
|
+
}>>, {
|
|
45
|
+
active: string;
|
|
46
|
+
hover: string;
|
|
47
|
+
regionLead: string;
|
|
48
|
+
regionDefault: string;
|
|
49
|
+
regionTrail: string;
|
|
50
|
+
}>;
|
|
51
|
+
export default _default;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { CssClasses } from "@/index";
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
value: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
tag: {
|
|
8
|
+
type: () => string;
|
|
9
|
+
default: string;
|
|
10
|
+
};
|
|
11
|
+
label: {
|
|
12
|
+
type: () => string;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
regionIcon: {
|
|
16
|
+
type: () => CssClasses;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
regionLabel: {
|
|
20
|
+
type: () => CssClasses;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
24
|
+
click: () => void;
|
|
25
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
26
|
+
value: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
default: string;
|
|
29
|
+
};
|
|
30
|
+
tag: {
|
|
31
|
+
type: () => string;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
34
|
+
label: {
|
|
35
|
+
type: () => string;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
38
|
+
regionIcon: {
|
|
39
|
+
type: () => CssClasses;
|
|
40
|
+
default: string;
|
|
41
|
+
};
|
|
42
|
+
regionLabel: {
|
|
43
|
+
type: () => CssClasses;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
46
|
+
}>> & {
|
|
47
|
+
onClick?: (() => any) | undefined;
|
|
48
|
+
}, {
|
|
49
|
+
tag: string;
|
|
50
|
+
value: string;
|
|
51
|
+
label: string;
|
|
52
|
+
regionIcon: string;
|
|
53
|
+
regionLabel: string;
|
|
54
|
+
}>;
|
|
55
|
+
export default _default;
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
export declare type CssClasses = string;
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
regionPage: {
|
|
4
|
+
type: () => CssClasses;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
slotFixedHeader: {
|
|
8
|
+
type: () => CssClasses;
|
|
9
|
+
default: string;
|
|
10
|
+
};
|
|
11
|
+
slotSidebarLeft: {
|
|
12
|
+
type: () => CssClasses;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
slotSidebarRight: {
|
|
16
|
+
type: () => CssClasses;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
slotPageHeader: {
|
|
20
|
+
type: () => CssClasses;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
slotPageContent: {
|
|
24
|
+
type: () => CssClasses;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
slotPageFooter: {
|
|
28
|
+
type: () => CssClasses;
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
slotFixedFooter: {
|
|
32
|
+
type: () => CssClasses;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
36
|
+
regionPage: {
|
|
37
|
+
type: () => CssClasses;
|
|
38
|
+
default: string;
|
|
39
|
+
};
|
|
40
|
+
slotFixedHeader: {
|
|
41
|
+
type: () => CssClasses;
|
|
42
|
+
default: string;
|
|
43
|
+
};
|
|
44
|
+
slotSidebarLeft: {
|
|
45
|
+
type: () => CssClasses;
|
|
46
|
+
default: string;
|
|
47
|
+
};
|
|
48
|
+
slotSidebarRight: {
|
|
49
|
+
type: () => CssClasses;
|
|
50
|
+
default: string;
|
|
51
|
+
};
|
|
52
|
+
slotPageHeader: {
|
|
53
|
+
type: () => CssClasses;
|
|
54
|
+
default: string;
|
|
55
|
+
};
|
|
56
|
+
slotPageContent: {
|
|
57
|
+
type: () => CssClasses;
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
60
|
+
slotPageFooter: {
|
|
61
|
+
type: () => CssClasses;
|
|
62
|
+
default: string;
|
|
63
|
+
};
|
|
64
|
+
slotFixedFooter: {
|
|
65
|
+
type: () => CssClasses;
|
|
66
|
+
default: string;
|
|
67
|
+
};
|
|
68
|
+
}>>, {
|
|
69
|
+
regionPage: string;
|
|
70
|
+
slotFixedHeader: string;
|
|
71
|
+
slotSidebarLeft: string;
|
|
72
|
+
slotSidebarRight: string;
|
|
73
|
+
slotPageHeader: string;
|
|
74
|
+
slotPageContent: string;
|
|
75
|
+
slotPageFooter: string;
|
|
76
|
+
slotFixedFooter: string;
|
|
77
|
+
}>;
|
|
78
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -95,14 +95,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
95
95
|
}>> & {
|
|
96
96
|
onCopy?: (() => any) | undefined;
|
|
97
97
|
}, {
|
|
98
|
-
rounded: string;
|
|
99
98
|
button: string;
|
|
100
|
-
code: string;
|
|
101
99
|
language: string;
|
|
100
|
+
code: string;
|
|
102
101
|
background: string;
|
|
103
102
|
blur: string;
|
|
104
103
|
text: string;
|
|
105
104
|
color: string;
|
|
105
|
+
rounded: string;
|
|
106
106
|
shadow: string;
|
|
107
107
|
buttonLabel: string;
|
|
108
108
|
buttonCopied: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -79,13 +79,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
79
|
default: string;
|
|
80
80
|
};
|
|
81
81
|
}>>, {
|
|
82
|
+
rounded: string;
|
|
82
83
|
bgLight: string;
|
|
83
84
|
bgDark: string;
|
|
85
|
+
textLight: string;
|
|
86
|
+
textDark: string;
|
|
84
87
|
width: string;
|
|
85
88
|
height: string;
|
|
86
89
|
ring: string;
|
|
87
|
-
rounded: string;
|
|
88
|
-
textLight: string;
|
|
89
|
-
textDark: string;
|
|
90
90
|
}>;
|
|
91
91
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import CodeBlock from "./code-block/code-block.vue";
|
|
2
|
+
import { useDarkMode } from "./dark-mode/dark-mode.service";
|
|
2
3
|
import DarkModeSwitch from "./dark-mode/dark-mode.vue";
|
|
3
|
-
import { useTheme } from "./theme/theme";
|
|
4
4
|
import ThemeSwitcher from "./theme/theme-switcher.vue";
|
|
5
|
-
import
|
|
5
|
+
import { useTheme } from "./theme/theme.service";
|
|
6
6
|
export { DarkModeSwitch, ThemeSwitcher, useDarkMode, useTheme, CodeBlock };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -95,14 +95,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
95
95
|
default: string;
|
|
96
96
|
};
|
|
97
97
|
}>>, {
|
|
98
|
+
rounded: string;
|
|
98
99
|
bgLight: string;
|
|
99
100
|
bgDark: string;
|
|
100
|
-
textOnLight: string;
|
|
101
|
-
textOnDark: string;
|
|
102
101
|
width: string;
|
|
103
102
|
height: string;
|
|
104
103
|
ring: string;
|
|
105
|
-
|
|
104
|
+
textOnLight: string;
|
|
105
|
+
textOnDark: string;
|
|
106
106
|
roundedContainer: string;
|
|
107
107
|
buttonClasses: string;
|
|
108
108
|
}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Ref } from "vue";
|
|
2
|
-
interface Theme {
|
|
2
|
+
export interface Theme {
|
|
3
3
|
name: string;
|
|
4
4
|
url: string;
|
|
5
5
|
}
|
|
@@ -11,6 +11,7 @@ declare const useTheme: () => {
|
|
|
11
11
|
chosenTheme: Readonly<Ref<string>>;
|
|
12
12
|
initializeTheme: (callback?: Function | undefined) => void;
|
|
13
13
|
loadTheme: (themeName: string, callback?: Function | undefined) => void;
|
|
14
|
+
saveThemeToStorage: (name: string) => void;
|
|
14
15
|
THEMES: {
|
|
15
16
|
VUETIFUL: string;
|
|
16
17
|
ROCKET: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|