@prefabs.tech/vue3-layout 0.32.0 → 0.33.1
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 +31 -32
- package/dist/PrefabsTechVue3Layout.es.js +1595 -18
- package/dist/PrefabsTechVue3Layout.umd.js +1 -1
- package/dist/src/Layout.vue.d.ts +8 -5
- package/dist/src/Layout.vue.d.ts.map +1 -1
- package/dist/src/components/AppFooter.vue.d.ts +9 -6
- package/dist/src/components/AppFooter.vue.d.ts.map +1 -1
- package/dist/src/components/AppHeader.vue.d.ts +15 -9
- package/dist/src/components/AppHeader.vue.d.ts.map +1 -1
- package/dist/src/components/Copyright.vue.d.ts +3 -2
- package/dist/src/components/Copyright.vue.d.ts.map +1 -1
- package/dist/src/components/Logo.vue.d.ts +5 -4
- package/dist/src/components/Logo.vue.d.ts.map +1 -1
- package/dist/src/components/MainMenu.vue.d.ts +5 -4
- package/dist/src/components/MainMenu.vue.d.ts.map +1 -1
- package/dist/src/components/NavMenu.vue.d.ts +7 -4
- package/dist/src/components/NavMenu.vue.d.ts.map +1 -1
- package/dist/src/components/NavMenuItem.vue.d.ts +7 -6
- package/dist/src/components/NavMenuItem.vue.d.ts.map +1 -1
- package/dist/src/components/Sidebar.vue.d.ts +34 -12
- package/dist/src/components/Sidebar.vue.d.ts.map +1 -1
- package/dist/src/components/StickyCollapsibleFooter.vue.d.ts +5 -4
- package/dist/src/components/StickyCollapsibleFooter.vue.d.ts.map +1 -1
- package/dist/src/index.d.ts +3 -3
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/layouts/BasicLayout.vue.d.ts +25 -14
- package/dist/src/layouts/BasicLayout.vue.d.ts.map +1 -1
- package/dist/src/layouts/NullLayout.vue.d.ts +2 -1
- package/dist/src/layouts/NullLayout.vue.d.ts.map +1 -1
- package/dist/src/layouts/SidebarHeaderLayout.vue.d.ts +26 -21
- package/dist/src/layouts/SidebarHeaderLayout.vue.d.ts.map +1 -1
- package/dist/src/layouts/SidebarOnlyLayout.vue.d.ts +22 -12
- package/dist/src/layouts/SidebarOnlyLayout.vue.d.ts.map +1 -1
- package/dist/src/types/config.d.ts +1 -1
- package/dist/src/types/config.d.ts.map +1 -1
- package/dist/src/types/menu.d.ts +3 -3
- package/dist/src/types/menu.d.ts.map +1 -1
- package/dist/vue3-layout.css +2 -1
- package/package.json +36 -29
- package/dist/NavMenuItem-faWUzlfY.js +0 -4
- package/dist/index-DwdGhXMf.js +0 -1941
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
declare const _default:
|
|
1
|
+
declare const _default: typeof __VLS_export;
|
|
2
|
+
export default _default;
|
|
3
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
4
|
noFooter: BooleanConstructor;
|
|
3
5
|
noLocaleSwitcher: BooleanConstructor;
|
|
4
6
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -8,20 +10,29 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
8
10
|
noLocaleSwitcher: boolean;
|
|
9
11
|
noFooter: boolean;
|
|
10
12
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
11
|
-
header
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
header?: (props: {}) => any;
|
|
14
|
+
} & {
|
|
15
|
+
logo?: (props: {}) => any;
|
|
16
|
+
} & {
|
|
17
|
+
addon?: (props: {}) => any;
|
|
18
|
+
} & {
|
|
19
|
+
menu?: (props: {}) => any;
|
|
20
|
+
} & {
|
|
21
|
+
userMenu?: (props: {}) => any;
|
|
22
|
+
} & {
|
|
23
|
+
locales?: (props: {}) => any;
|
|
24
|
+
} & {
|
|
25
|
+
default?: (props: {}) => any;
|
|
26
|
+
} & {
|
|
27
|
+
footer?: (props: {}) => any;
|
|
28
|
+
} & {
|
|
29
|
+
copyright?: (props: {}) => any;
|
|
30
|
+
} & {
|
|
31
|
+
social?: (props: {}) => any;
|
|
32
|
+
} & {
|
|
33
|
+
version?: (props: {}) => any;
|
|
22
34
|
}>;
|
|
23
|
-
|
|
24
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
25
36
|
new (): {
|
|
26
37
|
$slots: S;
|
|
27
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/BasicLayout.vue
|
|
1
|
+
{"version":3,"file":"BasicLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/BasicLayout.vue"],"names":[],"mappings":"wBA4EqB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;;;;;;;;;;aA8HL,CAAC,KAAK,IAAgB,KAAK,GAAG;;WAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;;YAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;;WAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;;eAC3B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;;gBAC5B,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAClC,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAczC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
declare const _default:
|
|
1
|
+
declare const _default: typeof __VLS_export;
|
|
2
2
|
export default _default;
|
|
3
|
+
declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
3
4
|
//# sourceMappingURL=NullLayout.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NullLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/NullLayout.vue
|
|
1
|
+
{"version":3,"file":"NullLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/NullLayout.vue"],"names":[],"mappings":"wBAYqB,OAAO,YAAY;AAAxC,wBAAyC;AAczC,QAAA,MAAM,YAAY,+QAEhB,CAAC"}
|
|
@@ -1,6 +1,26 @@
|
|
|
1
|
-
import type { SidebarMenu } from "../types";
|
|
2
1
|
import type { PropType } from "vue";
|
|
3
|
-
|
|
2
|
+
import type { SidebarMenu } from "../types";
|
|
3
|
+
declare var __VLS_1: {}, __VLS_12: {}, __VLS_15: {}, __VLS_28: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {}, __VLS_43: {}, __VLS_50: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
header?: (props: typeof __VLS_1) => any;
|
|
6
|
+
} & {
|
|
7
|
+
userMenu?: (props: typeof __VLS_12) => any;
|
|
8
|
+
} & {
|
|
9
|
+
locales?: (props: typeof __VLS_15) => any;
|
|
10
|
+
} & {
|
|
11
|
+
afterNavLinks?: (props: typeof __VLS_28) => any;
|
|
12
|
+
} & {
|
|
13
|
+
afterSidebarMenu?: (props: typeof __VLS_31) => any;
|
|
14
|
+
} & {
|
|
15
|
+
userMenu?: (props: typeof __VLS_33) => any;
|
|
16
|
+
} & {
|
|
17
|
+
locales?: (props: typeof __VLS_35) => any;
|
|
18
|
+
} & {
|
|
19
|
+
footer?: (props: typeof __VLS_43) => any;
|
|
20
|
+
} & {
|
|
21
|
+
default?: (props: typeof __VLS_50) => any;
|
|
22
|
+
};
|
|
23
|
+
declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
24
|
collapsible: {
|
|
5
25
|
default: boolean;
|
|
6
26
|
type: BooleanConstructor;
|
|
@@ -11,10 +31,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
11
31
|
};
|
|
12
32
|
noFooter: BooleanConstructor;
|
|
13
33
|
noLocaleSwitcher: BooleanConstructor;
|
|
14
|
-
noSidebar: {
|
|
15
|
-
default: boolean;
|
|
16
|
-
type: BooleanConstructor;
|
|
17
|
-
};
|
|
18
34
|
userMenuLocation: {
|
|
19
35
|
default: string;
|
|
20
36
|
type: StringConstructor;
|
|
@@ -33,10 +49,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
33
49
|
};
|
|
34
50
|
noFooter: BooleanConstructor;
|
|
35
51
|
noLocaleSwitcher: BooleanConstructor;
|
|
36
|
-
noSidebar: {
|
|
37
|
-
default: boolean;
|
|
38
|
-
type: BooleanConstructor;
|
|
39
|
-
};
|
|
40
52
|
userMenuLocation: {
|
|
41
53
|
default: string;
|
|
42
54
|
type: StringConstructor;
|
|
@@ -46,19 +58,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
46
58
|
noLocaleSwitcher: boolean;
|
|
47
59
|
collapsible: boolean;
|
|
48
60
|
noFooter: boolean;
|
|
49
|
-
noSidebar: boolean;
|
|
50
61
|
userMenuLocation: string;
|
|
51
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
locales: (_: {}) => any;
|
|
55
|
-
afterNavLinks: (_: {}) => any;
|
|
56
|
-
afterSidebarMenu: (_: {}) => any;
|
|
57
|
-
footer: (_: {}) => any;
|
|
58
|
-
default: (_: {}) => any;
|
|
59
|
-
}>;
|
|
62
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
63
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
64
|
+
declare const _default: typeof __VLS_export;
|
|
60
65
|
export default _default;
|
|
61
|
-
type
|
|
66
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
62
67
|
new (): {
|
|
63
68
|
$slots: S;
|
|
64
69
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarHeaderLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/SidebarHeaderLayout.vue
|
|
1
|
+
{"version":3,"file":"SidebarHeaderLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/SidebarHeaderLayout.vue"],"names":[],"mappings":"AAyIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAOpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAyN5C,QAAA,IAAI,OAAO,IAAU,EAAqB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACxO,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQhD,QAAA,MAAM,UAAU;;;;;;;cASG,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;2BAOnB,MAAM;;;;;;;;;;;cAPV,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;2BAOnB,MAAM;;;;;;;4EAG3B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1,40 +1,50 @@
|
|
|
1
|
-
import type { SidebarMenu } from "../types";
|
|
2
1
|
import type { PropType } from "vue";
|
|
3
|
-
|
|
2
|
+
import type { SidebarMenu } from "../types";
|
|
3
|
+
declare var __VLS_10: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_25: {}, __VLS_32: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
afterNavLinks?: (props: typeof __VLS_10) => any;
|
|
6
|
+
} & {
|
|
7
|
+
afterSidebarMenu?: (props: typeof __VLS_13) => any;
|
|
8
|
+
} & {
|
|
9
|
+
userMenu?: (props: typeof __VLS_15) => any;
|
|
10
|
+
} & {
|
|
11
|
+
locales?: (props: typeof __VLS_17) => any;
|
|
12
|
+
} & {
|
|
13
|
+
footer?: (props: typeof __VLS_25) => any;
|
|
14
|
+
} & {
|
|
15
|
+
default?: (props: typeof __VLS_32) => any;
|
|
16
|
+
};
|
|
17
|
+
declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
18
|
menu: {
|
|
5
19
|
required: true;
|
|
6
20
|
type: PropType<SidebarMenu[]>;
|
|
7
21
|
};
|
|
8
22
|
noFooter: BooleanConstructor;
|
|
9
|
-
noLocaleSwitcher: BooleanConstructor;
|
|
10
23
|
noHeader: {
|
|
11
24
|
default: boolean;
|
|
12
25
|
type: BooleanConstructor;
|
|
13
26
|
};
|
|
27
|
+
noLocaleSwitcher: BooleanConstructor;
|
|
14
28
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
29
|
menu: {
|
|
16
30
|
required: true;
|
|
17
31
|
type: PropType<SidebarMenu[]>;
|
|
18
32
|
};
|
|
19
33
|
noFooter: BooleanConstructor;
|
|
20
|
-
noLocaleSwitcher: BooleanConstructor;
|
|
21
34
|
noHeader: {
|
|
22
35
|
default: boolean;
|
|
23
36
|
type: BooleanConstructor;
|
|
24
37
|
};
|
|
38
|
+
noLocaleSwitcher: BooleanConstructor;
|
|
25
39
|
}>> & Readonly<{}>, {
|
|
26
40
|
noLocaleSwitcher: boolean;
|
|
27
41
|
noHeader: boolean;
|
|
28
42
|
noFooter: boolean;
|
|
29
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
userMenu: (_: {}) => any;
|
|
33
|
-
locales: (_: {}) => any;
|
|
34
|
-
default: (_: {}) => any;
|
|
35
|
-
}>;
|
|
43
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
44
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
45
|
+
declare const _default: typeof __VLS_export;
|
|
36
46
|
export default _default;
|
|
37
|
-
type
|
|
47
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
38
48
|
new (): {
|
|
39
49
|
$slots: S;
|
|
40
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarOnlyLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/SidebarOnlyLayout.vue
|
|
1
|
+
{"version":3,"file":"SidebarOnlyLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/SidebarOnlyLayout.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAOpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAuI5C,QAAA,IAAuB,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACrJ,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;cAIG,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;;cAAvB,QAAQ,CAAC,WAAW,EAAE,CAAC;;;;;;;;;;;;4EASxC,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { MenuItem } from "./menu";
|
|
2
1
|
import type { AppConfig } from "@prefabs.tech/vue3-config";
|
|
3
2
|
import type { LocaleMessages, VueMessageType } from "@prefabs.tech/vue3-i18n";
|
|
3
|
+
import type { MenuItem } from "./menu";
|
|
4
4
|
interface PrefabsTechVue3LayoutConfig {
|
|
5
5
|
homeRoute?: "home" | string;
|
|
6
6
|
localeSwitcher: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,UAAU,2BAA2B;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,cAAc,EAAE;QACd,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,UAAU,kCAAkC;IAC1C,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC/C;AAED,YAAY,EAAE,2BAA2B,EAAE,kCAAkC,EAAE,CAAC"}
|
package/dist/src/types/menu.d.ts
CHANGED
|
@@ -8,11 +8,11 @@ interface MenuItem {
|
|
|
8
8
|
}
|
|
9
9
|
interface SidebarMenu {
|
|
10
10
|
children?: Array<SidebarMenu>;
|
|
11
|
-
|
|
11
|
+
hide?: boolean;
|
|
12
12
|
icon?: string;
|
|
13
|
-
|
|
13
|
+
name: string;
|
|
14
|
+
routeName?: string;
|
|
14
15
|
shortName?: string;
|
|
15
|
-
hide?: boolean;
|
|
16
16
|
}
|
|
17
17
|
export type { MenuItem, SidebarMenu };
|
|
18
18
|
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/types/menu.ts"],"names":[],"mappings":"AAAA,UAAU,QAAQ;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC9B,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/types/menu.ts"],"names":[],"mappings":"AAAA,UAAU,QAAQ;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/vue3-layout.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
.layout{--_default-padding-h: 1rem;--_default-padding-v: 1.5rem;--_layout-main-bg: var(--layout-main-bg, #ffffff);--_layout-main-padding-h: var( --layout-main-padding-h, var(--_default-padding-h) );--_layout-main-padding-v: var( --layout-main-padding-v, var(--_default-padding-v) );width:100%}.layout>main{background:var(--_layout-main-bg);padding:var(--_layout-main-padding-v) var(--_layout-main-padding-h)}@media screen and (min-width:576px){.layout{--_default-padding-h: 2rem;--_default-padding-v: 2.5rem}}.layout.basic{--layout-basic-padding-h: 1em;display:grid;grid-template-areas:"header" "main" "footer";gap:var(--layout-basic-gap);grid-template-rows:auto 1fr auto;height:100dvh;min-height:100dvh;overflow:hidden}.layout.basic[aria-expanded=true]{grid-template-areas:"header" "main" "footer"}.layout.basic>:is(footer,header,main){margin:0 auto;max-width:var(--layout-basic-max-width);width:100%}.layout.basic>footer{grid-area:footer}.layout.basic>header{grid-area:header}.layout.basic[aria-expanded=true]>header>nav nav.locale-switcher{--locale-switcher-width: 100%}.layout.basic[aria-expanded=true]>header .locale-switcher .truncated>svg{transform:rotate(-180deg)}.layout.basic[aria-expanded=true]>header .locale-switcher.expanded .truncated>svg{transform:rotate(0)}.layout.basic nav.user-menu-dropdown>ul.dropdown,.layout.basic nav.locale-switcher>ul.dropdown{width:100%}.layout.basic nav.locale-switcher>.locale-trigger{--locale-switcher-padding-h: var(--layout-nav-item-padding-h, 1rem);--locale-switcher-padding-v: var(--layout-nav-item-padding-v, .625rem)}.layout.basic>main{max-width:100%;min-width:100%;grid-area:main;overflow-y:auto}@media screen and (min-width:576px){.layout.basic nav.user-menu-dropdown>ul.dropdown,.layout.basic nav.locale-switcher>ul.dropdown{width:max-content}.layout.basic[aria-expanded=true]>header>nav nav.locale-switcher{--locale-switcher-width: 10rem}.layout.basic nav.locale-switcher>.locale-trigger{--locale-switcher-padding-h: 1rem;--locale-switcher-padding-v: var(--layout-nav-item-padding-v, .625rem)}}.layout>footer{--_layout-footer-bg-color: #ffffff;--_layout-footer-border: var( --layout-footer-border, 1px solid var(--border-color, #e5e7eb) );--_layout-footer-font-size: var(--layout-footer-font-size, 1rem);--_layout-footer-gap: .5rem;--_layout-footer-padding-h: var(--layout-header-padding-h, 1rem);--_layout-footer-padding-v: var(--layout-header-padding-v, 1rem);align-items:center;background-color:var(--_layout-footer-bg-color);border-top:var(--_layout-footer-border);display:flex;flex-direction:column;font-size:var(--_layout-footer-font-size);gap:var(--_layout-footer-gap);justify-content:center;padding:var(--_layout-footer-padding-v) var(--_layout-footer-padding-h)}@media screen and (min-width:576px){.layout>footer{flex-direction:row;justify-content:space-between}}.layout>header{--_layout-header-bg: var(--layout-header-bg, transparent);--_layout-header-sidebar-bg: var(--layout-header-sidebar-bg, #fff);--_layout-header-border: var( --layout-header-border, 1px solid var(--border-color, #e5e7eb) );--_layout-header-color: var(--dz-layout-header-color, #2c2c2c);--_layout-header-gap: var(--layout-header-gap, 1rem);--_layout-header-logo-max-width: var(--layout-header-logo-max-width, 8rem);--_layout-header-padding-h: var(--layout-header-padding-h, 1rem);--_layout-header-padding-v: var(--layout-header-padding-v, 1rem);align-items:center;background:var(--_layout-header-bg);border-bottom:var(--_layout-header-border);color:var(--_layout-header-color);display:flex;flex-direction:row-reverse;gap:.25rem;justify-content:space-between;padding:var(--_layout-header-padding-v) var(--_layout-header-padding-h);position:relative;width:100%;z-index:100}.layout>header>nav{--_padding-v: 1rem;background:var(--_layout-header-sidebar-bg);justify-content:flex-end;max-height:100dvh;left:0;padding-block:var(--_padding-v);position:absolute;top:calc(100% + 1px);transform:translate(-100%);transition:transform var(--transition-duration, .15s) ease-in-out;width:100%;z-index:999}.layout>header>nav[data-expanded=true]{transform:translate(0)}.layout>header:not(:has(.logo)):not(:has(.main-menu)){display:flex;justify-content:end}.layout header:not(:has(.logo)):not(:has(.main-menu)) .toggle{--_justify-self: left;--_padding-left: 1rem;padding-left:var(--_padding-left);width:100%}.layout>header .logo{grid-area:logo}.layout>header>.toggle{--_background-color: var(--dz-secondary-color);align-content:center;border-radius:50%;cursor:pointer;grid-area:toggle;height:2.875rem;justify-items:center;margin-left:-.875rem;width:3.875rem}.layout>header>.toggle:hover{background-color:color-mix(in srgb,var(--_background-color) 10%,white)}.layout>header .main-menu{flex:1}@media screen and (min-width:576px){.layout>header{flex-direction:row;gap:var(--_layout-header-gap);position:relative}.layout>header>nav{align-items:center;display:flex;background:var(--_layout-header-bg);gap:var(--_layout-header-gap);flex-direction:row;height:auto!important;position:unset;max-width:none;padding:0;transform:none;transition:none}.layout>header>nav[data-expanded=false]{display:flex;justify-content:flex-end}}:root{--layout-logo-max-width: 8rem;--layout-sidebar-bg: white;--layout-sidebar-border: 1px solid var(--border-color, #e5e7eb);--layout-sidebar-collapsed-width: 0;--layout-sidebar-color: var(--color, #374151);--layout-sidebar-logo-max-width: var(--layout-logo-max-width);--layout-sidebar-padding-h: 1.5rem;--layout-sidebar-padding-v: .75rem;--layout-sidebar-separator-color: var(--border-color, #e5e7eb);--layout-sidebar-width: 16rem;--layout-nav-item-padding-h: 2rem;--layout-nav-item-padding-v: .5rem;--layout-nav-menu-padding-h: 0;--layout-nav-menu-padding-v: 1rem;--layout-nav-menu-separator-color: var(--border-color, #e5e7eb);--layout-main-bg: #ffffff;--layout-main-padding-h: 1.5rem;--layout-main-padding-v: 1.5rem;--layout-header-bg: transparent;--layout-header-border: 1px solid var(--border-color, #e5e7eb);--layout-header-color: var(--color, #374151);--layout-header-gap: 1rem;--layout-header-logo-max-width: var(--layout-logo-max-width);--layout-header-max-width: 1920px;--layout-header-padding-h: var(--layout-main-padding-h, 1rem);--layout-header-padding-v: .5rem}@media screen and (min-width:576px){:root{--layout-main-padding-h: 2rem;--layout-main-padding-v: 1.25rem;--layout-sidebar-padding-v: .5rem}}.layout .logo{--_layout-logo-max-width: var(--layout-logo-max-width, 150px)}.layout .logo img{max-width:var(--_layout-logo-max-width)}.layout .logo>a{color:var(--color, #545454);text-decoration:none}.layout .logo .logo-default{align-items:center;display:flex;font-weight:500;gap:.5rem;text-transform:capitalize}.layout .logo .logo-default>span:first-child{align-items:center;background:#2d2d2d40;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.layout .logo .logo-default>span:not(:first-child){max-width:150px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}@media screen and (min-width:576px){.layout .logo .logo-default>span:not(:first-child){max-width:200px}}.nav-menu-item>.link.active{background:var(--_active-bg);color:var(--_active-color);text-decoration:none}.nav-menu-item>.link{--_active-bg: var(--nav-item-active-bg, #eff6ff);--_active-color: var(--nav-item-active-color, #2c2c2c);--_border-radius: var(--nav-item-border-radius, 0);--_color: var(--nav-item-color, #2c2c2c);--_disabled-color: var(--nav-item-disabled-color, #6d7b92);--_hover-color: var(--nav-item-hover-color, #2c2c2c);--_hover-bg: var(--nav-item-hover-bg, #f0f2f7ad);--_padding-h: var(--nav-item-padding-h, 1rem);--_padding-v: var(--nav-item-padding-v, .5rem);--_transition-duration: var(--transition-duration, .15s);align-items:baseline;border-radius:var(--_border-radius);color:var(--_color);cursor:pointer;display:flex;gap:.75rem;height:var(--_height);justify-content:space-between;padding:var(--_padding-v) var(--_padding-h);text-decoration:none;transition:background var(--_transition-duration) linear,font-weight var(--_transition-duration) linear,color var(--_transition-duration) linear;width:100%}.nav-menu-item>.link:not(.active):hover{background:var(--_hover-bg);color:var(--_hover-color);text-decoration:none}.nav-menu-item>.link:has(.icon-only){font-size:.9rem}.nav-menu-item>.link>span.item-name{flex:1}.nav-menu-item .toggle-menu>svg{transition:transform .3s ease}.nav-menu-item .toggle-menu>svg.up-chevron{transform:rotate(180deg)}.sub-menu-item{--_gap: var(--nav-menu-gap, .25rem);display:flex;flex-direction:column;gap:var(--_gap);margin-left:1rem;max-height:100dvh;overflow:hidden;transition:max-height .5s ease-in-out}.sub-menu-item.fade-enter-active,.sub-menu-item.fade-leave-active{transition:max-height .5s ease-in-out}.sub-menu-item.fade-enter-from,.sub-menu-item.fade-leave-to{max-height:0}.sub-menu-item .link{--_submenu-padding-left: var(--nav-menu-padding-left, 2rem);--_submenu-padding-right: var(--nav-menu-padding-right, 2rem);padding-left:var(--_submenu-padding-left);padding-right:var(--_submenu-padding-right)}.toggle-menu{--_width: 1rem;width:var(--_width)}.nav-menu>.menu{--_border-color: var(--border-color, #dee2e6);--_padding-h: var(--padding-h, 0);--_padding-v: var(--padding-v, 1rem);border-bottom:1px solid var(--_border-color);display:flex;flex-direction:column;gap:.375rem;padding-block:var(--_padding-v);padding-left:var(--_padding-h)}.no-sidebar{--_bg-color: var(--sidebar-bg-color, #007aff);--_border-radius: 2rem;--_width: 2rem;background-color:var(--_bg-color);border-radius:0 var(--_border-radius) var(--_border-radius) 0;cursor:pointer;margin-top:1rem;padding-block:.25rem;width:var(--_width)}.no-sidebar>img{--_width: var(--sidebar-toggle-icon-width, 1.5rem);width:var(--_width)}.sidebar{--_bg-color: var(--sidebar-bg-color, #fff);--_border: var( --layout-sidebar-border, 1px solid var(--border-color, #e5e7eb) );--_color: var(--sidebar-color, #2c2c2c);--_height: var(--sidebar-height, auto);--_position: var(--sidebar-position, fixed);--_transition-duration: var(--transition-duration, .15s);--_width: var(--sidebar-width, 16rem);background-color:var(--_bg-color);border-right:var(--_border);color:var(--_color);display:flex;flex-direction:column;height:var(--_height);overflow-y:auto;overflow-x:hidden;transition:width var(--_transition-duration) ease-in;width:var(--_width)}.sidebar .sidebar-menu-wrapper{display:flex;flex:1;flex-direction:column}.sidebar .sidebar-menu-wrapper>ul:has(.nav-menu-item){flex:1}.sidebar>.footer{--_bg-color: var(--sidebar-bg-color, #fff);--_border-color: var(--sidebar-border-color, #dee2e6);--_font-size: var(--sidebar-font-size, 1rem);--_gap: var(--footer-gap, 1rem);--_justify-content: var(--sidebar-justify-content, center);--_padding-h: var(--layout-footer-padding-h, 1rem);--_padding-v: var(--layout-footer-padding-v, 1rem);align-items:center;background-color:var(--_bg-color);border-top:1px solid var(--_border-color);box-shadow:0 0 0 100vmax var(--_bg-color);clip-path:inset(0 -100vmax);display:flex;flex-direction:column;font-size:var(--_font-size);gap:var(--_gap);justify-content:var(--_justify-content);padding:var(--_padding-v) var(--_padding-h);text-align:center;width:100%;z-index:2}.sidebar>.header{--_border-color: var(--sidebar-border-color, #e5e7eb);--_padding-h: var(--layout-header-padding-h, 1rem);--_padding-v: var(--layout-header-padding-v, 1rem);align-items:center;border-bottom:1px solid var(--_border-color);display:flex;justify-content:space-between;padding:var(--_padding-v) var(--_padding-h);z-index:100}.sidebar>.header>.logo{width:100%}.sidebar>.header>.toggle{cursor:pointer;width:var(--sidebar-toggle-icon-width, 2rem)}.sidebar-toggle-enter-active{transition:opacity .3s ease-in-out}.sidebar-toggle-enter-from{opacity:0}.sidebar:has(.extend){--_width: var(--sidebar-collapsed-width, 6rem);overflow:visible;width:var(--_width)}.sidebar:has(.extend)>.header>.logo{width:max-content}@media screen and (min-width:576px){.sidebar .sidebar-menu-wrapper{flex:1}}.sticky-collapsible .content{background-color:#fff;border-top:1px solid var(--border-color, #e5e7eb);width:100%}@media screen and (min-width:576px){.sticky-collapsible{background:transparent;bottom:0;left:0;overflow:hidden;position:absolute;right:0;width:100%;z-index:1}.sticky-collapsible.fixed{position:fixed}.sticky-collapsible .content{padding:var(--collapsible-footer-padding-v, 1rem) var(--collapsible-footer-padding-h, 1rem);transform:translateY(100%);transition:transform .3s ease-in-out}.sticky-collapsible:hover .content{transform:translateY(0)}}.layout.sidebar-header-layout{display:grid;grid-template-rows:auto 1fr;grid-template-areas:"header" "main";height:100dvh;transition:all .25s ease-in-out}.layout.sidebar-header-layout>.layout-sidebar{--_width: 100%;--_layout-sidebar-collapsed-width: var(--layout-sidebar-collapsed-width, 0);grid-area:header;transition:width .3s ease-in-out;z-index:101}.layout.sidebar-header-layout>.layout-sidebar>.sidebar-menu-wrapper,.layout.sidebar-header-layout>.layout-sidebar>.footer{transition:transform .3s ease,max-height .3s ease}.layout.sidebar-header-layout[aria-expanded=false]>.layout-sidebar>.sidebar-menu-wrapper,.layout.sidebar-header-layout[aria-expanded=false]>.layout-sidebar>.footer{max-height:0;transform:translate(-100%)}.layout.sidebar-header-layout[aria-expanded=false]>.layout-sidebar>.footer{display:none}.layout.sidebar-header-layout[aria-expanded=true]>.layout-sidebar>.sidebar-menu-wrapper,.layout.sidebar-header-layout[aria-expanded=true]>.layout-sidebar>.footer{transform:translate(0)}.layout.sidebar-header-layout[aria-expanded=true]>.layout-sidebar{--_width: 100%;height:100dvh;position:absolute}.layout.sidebar-header-layout>header{--header-padding-h: 1rem;display:none;grid-area:header;position:sticky;row-gap:0;top:0;z-index:101}.layout.sidebar-header-layout>header>nav{display:none}.layout.sidebar-header-layout>main{grid-area:main;overflow-y:auto;transition:all .3s ease-in-out;z-index:100}.layout.sidebar-header-layout>main:has(.modal .modal-wrapper){z-index:999}.layout.sidebar-header-layout footer{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;justify-content:space-between;width:100%}.sidebar-header-layout .copyright a:after{content:""}.sidebar-header-layout .sidebar-menu-wrapper .locales{border-top:1px solid var(--layout-border-color, #dee2e6a6);padding-block:.5rem;width:100%}.sidebar-header-layout .sidebar-menu-wrapper .locales>.locale-trigger{--locale-switcher-padding-h: var(--layout-nav-item-padding-h, 1rem);--locale-switcher-padding-v: var(--layout-nav-item-padding-v, .625rem)}.sidebar-header-layout .sidebar-menu-wrapper .locales.expanded,.sidebar-header-layout .sidebar-menu-wrapper .locales:hover{--locale-switcher-hover-color: var(--nav-item-hover-bg, #f0f2f7ad)}.sidebar-header-layout .sidebar-menu-wrapper .locales ul.dropdown{--locale-switcher-bg-color: var(--sidebar-bg-color, #fff);left:0;right:0}.sidebar-header-layout .sidebar-menu-wrapper:has(.nav-menu-item) .locales ul.dropdown{--locale-switcher-border: none;border-top:1px solid var(--border-color, #e5e7eb);top:unset;bottom:100%}.sidebar-header-layout .sidebar-menu-wrapper .locales ul.dropdown .badge{--locale-switcher-badge-bg-color: #60a7f3}.sidebar-header-layout>.no-locale-switcher-header nav.user-menu-dropdown>ul.dropdown{inset:0 0 auto auto}.sidebar-header-layout .sidebar-menu-wrapper .user-menu{padding-block:1rem}@media screen and (min-width:576px){.layout.sidebar-header-layout{grid-template-columns:auto 1fr;grid-template-areas:"header header" "sidebar main";overflow:hidden}.layout.sidebar-header-layout>header{display:flex}.layout.sidebar-header-layout>header>nav{display:flex}.layout.sidebar-header-layout[aria-expanded=true]>.layout-sidebar{--_width: var(--sidebar-width, 16rem);height:auto;position:relative}.layout.sidebar-header-layout[aria-expanded=false]>.layout-sidebar{--_width: var(--_layout-sidebar-collapsed-width)}.layout.sidebar-header-layout>.layout-sidebar{grid-area:sidebar;position:relative}}.layout.sidebar-only{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main";min-height:100dvh;transition:all .25s ease-in-out}.layout.sidebar-only footer{--_padding-h: var(--sidebar-padding-h, 1rem);--_padding-v: var(--sidebar-padding-v, 1.5rem);align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;justify-content:space-between;padding:0 var(--_padding-h);width:100%}.layout.sidebar-only .copyright a:after{content:""}.layout.sidebar-only:has(.extend) .locales .dropdown{right:-7rem}.layout.sidebar-only .locales{border-top:1px solid var(--layout-border-color, #dee2e6a6);width:100%}.layout.sidebar-only .sidebar-menu-wrapper .locales>.locale-trigger{--locale-switcher-padding-v: 1rem;height:var(--sidebar-menu-height, 3rem)}.layout.sidebar-only .locales.expanded,.layout.sidebar-only .locales:hover{--locale-switcher-hover-color: #0870e5}.layout.sidebar-only .locales .truncated>img{transition:transform .3s ease}.layout.sidebar-only .locales.expanded .truncated>img{transform:rotate(180deg)}.layout.sidebar-only .locales ul.dropdown{--locale-switcher-bg-color: #007aff;--locale-switcher-border: none;left:0;right:0;top:unset;bottom:100%;border-top:1px solid #0870e5}.layout.sidebar-only .locales ul.dropdown .badge{--locale-switcher-badge-bg-color: #60a7f3}.layout.sidebar-only:has(.extend){grid-template-areas:"sidebar main";grid-template-columns:var(--sidebar-collapsed-width, 6rem) 1fr}.layout.sidebar-only:has(.no-sidebar){grid-template-areas:"main";grid-template-columns:1fr}.layout.sidebar-only>.no-sidebar{position:fixed;top:0}.layout.sidebar-only>.layout-sidebar{grid-area:sidebar;transition:width .3s ease-in-out;z-index:100}.layout.sidebar-only>main{grid-area:main;transition:all .3s ease-in-out}.layout-sidebar{transition:width .3s ease-in-out}main{z-index:99}@media screen and (min-width:1024px){.layout.sidebar-only{grid-template-columns:var(--sidebar-width, 16rem) 1fr;grid-template-areas:"sidebar main"}}
|
|
1
|
+
.layout{--_default-padding-h:1rem;--_default-padding-v:1.5rem;--_layout-main-bg:var(--layout-main-bg,#fff);--_layout-main-padding-h:var(--layout-main-padding-h,var(--_default-padding-h));--_layout-main-padding-v:var(--layout-main-padding-v,var(--_default-padding-v));width:100%}.layout>main{background:var(--_layout-main-bg);padding:var(--_layout-main-padding-v) var(--_layout-main-padding-h)}@media screen and (width>=576px){.layout{--_default-padding-h:2rem;--_default-padding-v:2.5rem}}.layout.basic{--layout-basic-padding-h:1em;gap:var(--layout-basic-gap);grid-template-rows:auto 1fr auto;grid-template-areas:"header""main""footer";height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.layout.basic[aria-expanded=true]{grid-template-areas:"header""main""footer"}.layout.basic>:is(footer,header,main){max-width:var(--layout-basic-max-width);width:100%;margin:0 auto}.layout.basic>footer{grid-area:footer}.layout.basic>header{flex-direction:row-reverse;grid-area:header}.layout.basic[aria-expanded=true]>header>nav nav.locale-switcher{--locale-switcher-width:100%}.layout.basic[aria-expanded=true]>header .locale-switcher .truncated>svg{transform:rotate(-180deg)}.layout.basic[aria-expanded=true]>header .locale-switcher.expanded .truncated>svg{transform:rotate(0)}.layout.basic nav.user-menu-dropdown>ul.dropdown,.layout.basic nav.locale-switcher>ul.dropdown{width:100%}.layout.basic nav.locale-switcher>.locale-trigger{--locale-switcher-padding-h:var(--layout-nav-item-padding-h,1rem);--locale-switcher-padding-v:var(--layout-nav-item-padding-v,.625rem)}.layout.basic>main{grid-area:main;min-width:100%;max-width:100%;overflow-y:auto}@media screen and (width>=768px){.layout.basic>header{flex-direction:row}.layout.basic>header>nav{background:var(--_layout-header-bg);align-items:center;gap:var(--_layout-header-gap);max-width:none;position:unset;flex-direction:row;padding:0;transition:none;display:flex;transform:none;height:auto!important}.layout.basic nav.user-menu-dropdown>ul.dropdown,.layout.basic nav.locale-switcher>ul.dropdown{width:max-content}.layout.basic[aria-expanded=true]>header>nav nav.locale-switcher{--locale-switcher-width:8rem}.layout.basic nav.locale-switcher>.locale-trigger{--locale-switcher-padding-h:1rem;--locale-switcher-padding-v:var(--layout-nav-item-padding-v,.625rem)}}@media screen and (width>=1024px){.layout.basic[aria-expanded=true]>header>nav nav.locale-switcher{--locale-switcher-width:10rem}}.layout>footer{--_layout-footer-bg-color:#fff;--_layout-footer-border:var(--layout-footer-border,1px solid var(--border-color,#e5e7eb));--_layout-footer-font-size:var(--layout-footer-font-size,1rem);--_layout-footer-gap:.5rem;--_layout-footer-padding-h:var(--layout-header-padding-h,1rem);--_layout-footer-padding-v:var(--layout-header-padding-v,1rem);background-color:var(--_layout-footer-bg-color);border-top:var(--_layout-footer-border);font-size:var(--_layout-footer-font-size);align-items:center;gap:var(--_layout-footer-gap);padding:var(--_layout-footer-padding-v) var(--_layout-footer-padding-h);flex-direction:column;justify-content:center;display:flex}@media screen and (width>=576px){.layout>footer{flex-direction:row;justify-content:space-between}}.layout>header{--_layout-header-bg:var(--layout-header-bg,transparent);--_layout-header-sidebar-bg:var(--layout-header-sidebar-bg,#fff);--_layout-header-border:var(--layout-header-border,1px solid var(--border-color,#e5e7eb));--_layout-header-color:var(--dz-layout-header-color,#2c2c2c);--_layout-header-gap:var(--layout-header-gap,1rem);--_layout-header-logo-max-width:var(--layout-header-logo-max-width,8rem);--_layout-header-padding-h:var(--layout-header-padding-h,1rem);--_layout-header-padding-v:var(--layout-header-padding-v,1rem);background:var(--_layout-header-bg);border-bottom:var(--_layout-header-border);color:var(--_layout-header-color);padding:var(--_layout-header-padding-v) var(--_layout-header-padding-h);z-index:100;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:.25rem;width:100%;display:flex;position:relative}.layout>header>nav{--_padding-v:1rem;background:var(--_layout-header-sidebar-bg);max-height:100dvh;padding-block:var(--_padding-v);transition:transform var(--transition-duration,.15s) ease-in-out;z-index:999;justify-content:flex-end;width:100%;position:absolute;top:calc(100% + 1px);left:0;transform:translate(-100%)}.layout>header>nav[data-expanded=true]{transform:translate(0)}.layout>header:not(:has(.logo)):not(:has(.main-menu)){justify-content:end;display:flex}.layout header:not(:has(.logo)):not(:has(.main-menu)) .toggle{--_justify-self:left;--_padding-left:1rem;padding-left:var(--_padding-left);width:100%}.layout>header .logo{grid-area:logo}.layout>header>.toggle{--_background-color:var(--dz-secondary-color);cursor:pointer;border-radius:50%;grid-area:toggle;align-content:center;justify-items:center;width:3.875rem;height:2.875rem;margin-left:-.875rem}.layout>header>.toggle:hover{background-color:color-mix(in srgb, var(--_background-color) 10%, white)}.layout>header .main-menu{flex:1}@media screen and (width>=576px){.layout>header{gap:var(--_layout-header-gap);flex-direction:row;position:relative}.layout:not(.basic)>header>nav{background:var(--_layout-header-bg);align-items:center;gap:var(--_layout-header-gap);max-width:none;position:unset;flex-direction:row;padding:0;transition:none;display:flex;transform:none;height:auto!important}.layout>header>nav[data-expanded=false]{justify-content:flex-end;display:flex}}:root{--layout-logo-max-width:8rem;--layout-sidebar-bg:white;--layout-sidebar-border:1px solid var(--border-color,#e5e7eb);--layout-sidebar-collapsed-width:0;--layout-sidebar-color:var(--color,#374151);--layout-sidebar-logo-max-width:var(--layout-logo-max-width);--layout-sidebar-padding-h:1.5rem;--layout-sidebar-padding-v:.75rem;--layout-sidebar-separator-color:var(--border-color,#e5e7eb);--layout-sidebar-width:16rem;--layout-nav-item-padding-h:1.5rem;--layout-nav-item-padding-v:.5rem;--layout-nav-menu-padding-h:0;--layout-nav-menu-padding-v:1rem;--layout-nav-menu-separator-color:var(--border-color,#e5e7eb);--layout-main-bg:#fff;--layout-main-padding-h:1.5rem;--layout-main-padding-v:1.5rem;--layout-header-bg:transparent;--layout-header-border:1px solid var(--border-color,#e5e7eb);--layout-header-color:var(--color,#374151);--layout-header-gap:1rem;--layout-header-logo-max-width:var(--layout-logo-max-width);--layout-header-max-width:1920px;--layout-header-padding-h:var(--layout-main-padding-h,1rem);--layout-header-padding-v:.75rem}@media screen and (width>=768px){:root{--layout-header-gap:1.5rem;--layout-main-padding-h:2rem;--layout-main-padding-v:1.25rem;--layout-sidebar-padding-v:.5rem}}.layout .logo{--_layout-logo-max-width:var(--layout-logo-max-width,150px)}.layout .logo img{max-width:var(--_layout-logo-max-width)}.layout .logo>a{color:var(--color,#545454);text-decoration:none}.layout .logo .logo-default{text-transform:capitalize;align-items:center;gap:.5rem;font-weight:500;display:flex}.layout .logo .logo-default>span:first-child{background:#2d2d2d40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.layout .logo .logo-default>span:not(:first-child){text-overflow:ellipsis;text-wrap:nowrap;max-width:150px;overflow:hidden}@media screen and (width>=576px){.layout .logo .logo-default>span:not(:first-child){max-width:200px}}.nav-menu-item>.link.active{background:var(--_active-bg);color:var(--_active-color);text-decoration:none}.nav-menu-item>.link{--_active-bg:var(--nav-item-active-bg,#eff6ff);--_active-color:var(--nav-item-active-color,#2c2c2c);--_border-radius:var(--nav-item-border-radius,0);--_color:var(--nav-item-color,#2c2c2c);--_disabled-color:var(--nav-item-disabled-color,#6d7b92);--_hover-color:var(--nav-item-hover-color,#2c2c2c);--_hover-bg:var(--nav-item-hover-bg,#f0f2f7ad);--_padding-h:var(--nav-item-padding-h,1rem);--_padding-v:var(--nav-item-padding-v,.5rem);--_transition-duration:var(--transition-duration,.15s);border-radius:var(--_border-radius);color:var(--_color);cursor:pointer;height:var(--_height);padding:var(--_padding-v) var(--_padding-h);transition:background var(--_transition-duration) linear, font-weight var(--_transition-duration) linear, color var(--_transition-duration) linear;justify-content:space-between;align-items:baseline;gap:.75rem;width:100%;text-decoration:none;display:flex}.nav-menu-item>.link:not(.active):hover{background:var(--_hover-bg);color:var(--_hover-color);text-decoration:none}.nav-menu-item>.link:has(.icon-only){font-size:.9rem}.nav-menu-item>.link>span.item-name{flex:1}.nav-menu-item .toggle-menu>svg{transition:transform .3s}.nav-menu-item .toggle-menu>svg.up-chevron{transform:rotate(180deg)}.sub-menu-item{--_gap:var(--nav-menu-gap,.25rem);gap:var(--_gap);flex-direction:column;max-height:100dvh;margin-left:1rem;transition:max-height .5s ease-in-out;display:flex;overflow:hidden}.sub-menu-item.fade-enter-active,.sub-menu-item.fade-leave-active{transition:max-height .5s ease-in-out}.sub-menu-item.fade-enter-from,.sub-menu-item.fade-leave-to{max-height:0}.sub-menu-item .link{--_submenu-padding-left:var(--nav-menu-padding-left,2rem);--_submenu-padding-right:var(--nav-menu-padding-right,2rem);padding-left:var(--_submenu-padding-left);padding-right:var(--_submenu-padding-right)}.toggle-menu{--_width:1rem;width:var(--_width)}.nav-menu>.menu{--_border-color:var(--border-color,#dee2e6);--_padding-h:var(--padding-h,0);--_padding-v:var(--padding-v,1rem);border-bottom:1px solid var(--_border-color);padding-block:var(--_padding-v);padding-left:var(--_padding-h);flex-direction:column;gap:.375rem;display:flex}.collapsed-sidebar{--_bg-color:var(--sidebar-bg-color,#fff);--_border-radius:2rem;--_width:2rem;background-color:var(--_bg-color);border:1px solid var(--_border-color,#ccc);border-radius:0 var(--_border-radius) var(--_border-radius) 0;cursor:pointer;width:var(--_width);margin-top:1rem;padding-block:.25rem}.collapsed-sidebar>img{--_width:var(--sidebar-toggle-icon-width,1.5rem);width:var(--_width)}.sidebar{--_bg-color:var(--sidebar-bg-color,#fff);--_border:var(--layout-sidebar-border,1px solid var(--border-color,#e5e7eb));--_color:var(--sidebar-color,#2c2c2c);--_height:var(--sidebar-height,auto);--_position:var(--sidebar-position,fixed);--_transition-duration:var(--transition-duration,.15s);--_width:var(--sidebar-width,16rem);background-color:var(--_bg-color);border-right:var(--_border);color:var(--_color);height:var(--_height);transition:width var(--_transition-duration) ease-in;width:var(--_width);flex-direction:column;display:flex;overflow:hidden auto}.sidebar button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;display:flex}.sidebar .sidebar-menu-wrapper{flex-direction:column;flex:1;display:flex}.sidebar .sidebar-menu-wrapper>ul:has(.nav-menu-item){flex:1}.sidebar>.footer{--_bg-color:var(--sidebar-bg-color,#fff);--_border-color:var(--sidebar-border-color,#dee2e6);--_font-size:var(--sidebar-font-size,1rem);--_gap:var(--footer-gap,1rem);--_justify-content:var(--sidebar-justify-content,center);--_padding-h:var(--layout-footer-padding-h,1rem);--_padding-v:var(--layout-footer-padding-v,1rem);background-color:var(--_bg-color);border-top:1px solid var(--_border-color);box-shadow:0 0 0 100vmax var(--_bg-color);clip-path:inset(0 -100vmax);font-size:var(--_font-size);align-items:center;gap:var(--_gap);justify-content:var(--_justify-content);padding:var(--_padding-v) var(--_padding-h);text-align:center;z-index:2;flex-direction:column;width:100%;display:flex}.sidebar>.header{--_border-color:var(--sidebar-border-color,#e5e7eb);--_padding-h:var(--layout-header-padding-h,1rem);--_padding-v:var(--layout-header-padding-v,1rem);border-bottom:1px solid var(--_border-color);padding:var(--_padding-v) var(--_padding-h);z-index:100;justify-content:space-between;align-items:center;display:flex}.sidebar>.header>.logo{width:100%}.sidebar>.header>.toggle{cursor:pointer;width:var(--sidebar-toggle-icon-width,2rem)}.sidebar-toggle-enter-active{transition:opacity .3s ease-in-out}.sidebar-toggle-enter-from{opacity:0}.sidebar:has(.extend){--_width:var(--sidebar-collapsed-width,6rem);width:var(--_width);overflow:visible}.sidebar:has(.extend)>.header>.logo{width:max-content}@media screen and (width>=576px){.sidebar .sidebar-menu-wrapper{flex:1}}.sticky-collapsible .content{border-top:1px solid var(--border-color,#e5e7eb);background-color:#fff;width:100%}@media screen and (width>=576px){.sticky-collapsible{z-index:1;background:0 0;width:100%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.sticky-collapsible.fixed{position:fixed}.sticky-collapsible .content{padding:var(--collapsible-footer-padding-v,1rem) var(--collapsible-footer-padding-h,1rem);transition:transform .3s ease-in-out;transform:translateY(100%)}.sticky-collapsible:hover .content{transform:translateY(0)}}.layout.sidebar-header-layout{grid-template-rows:auto 1fr;grid-template-areas:"header""main";height:100dvh;transition:all .25s ease-in-out;display:grid}.layout.sidebar-header-layout>.layout-sidebar{--_width:100%;--_layout-sidebar-collapsed-width:var(--layout-sidebar-collapsed-width,0);z-index:101;grid-area:header;transition:width .3s ease-in-out}.layout.sidebar-header-layout>.layout-sidebar>.sidebar-menu-wrapper,.layout.sidebar-header-layout>.layout-sidebar>.footer{transition:transform .3s,max-height .3s}.layout.sidebar-header-layout[aria-expanded=false]>.layout-sidebar>.sidebar-menu-wrapper,.layout.sidebar-header-layout[aria-expanded=false]>.layout-sidebar>.footer{max-height:0;transform:translate(-100%)}.layout.sidebar-header-layout[aria-expanded=false]>.layout-sidebar>.footer{display:none}.layout.sidebar-header-layout[aria-expanded=true]>.layout-sidebar>.sidebar-menu-wrapper,.layout.sidebar-header-layout[aria-expanded=true]>.layout-sidebar>.footer{transform:translate(0)}.layout.sidebar-header-layout[aria-expanded=true]>.layout-sidebar{--_width:100%;height:100dvh;position:absolute}.layout.sidebar-header-layout>header{--header-padding-h:1rem;z-index:101;grid-area:header;row-gap:0;display:none;position:sticky;top:0}.layout.sidebar-header-layout>header>nav{display:none}.layout.sidebar-header-layout>main{z-index:100;grid-area:main;transition:all .3s ease-in-out;overflow-y:auto}.layout.sidebar-header-layout>main:has(.modal .modal-wrapper){z-index:999}.layout.sidebar-header-layout footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;font-size:.875rem;display:flex}.sidebar-header-layout .copyright a:after{content:""}.sidebar-header-layout .sidebar-menu-wrapper .locales{border-top:1px solid var(--layout-border-color,#dee2e6a6);width:100%;padding-block:.5rem}.sidebar-header-layout .sidebar-menu-wrapper .locales>.locale-trigger{--locale-switcher-padding-h:var(--layout-nav-item-padding-h,1rem);--locale-switcher-padding-v:var(--layout-nav-item-padding-v,.625rem)}.sidebar-header-layout .sidebar-menu-wrapper .locales.expanded,.sidebar-header-layout .sidebar-menu-wrapper .locales:hover{--locale-switcher-hover-color:var(--nav-item-hover-bg,#f0f2f7ad)}.sidebar-header-layout .sidebar-menu-wrapper .locales ul.dropdown{--locale-switcher-bg-color:var(--sidebar-bg-color,#fff);left:0;right:0}.sidebar-header-layout .sidebar-menu-wrapper:has(.nav-menu-item) .locales ul.dropdown{--locale-switcher-border:none;border-top:1px solid var(--border-color,#e5e7eb);bottom:100%;top:unset;transform:none}.sidebar-header-layout .sidebar-menu-wrapper .locales ul.dropdown .badge{--locale-switcher-badge-bg-color:#60a7f3}.sidebar-header-layout>.no-locale-switcher-header nav.user-menu-dropdown>ul.dropdown{inset:0 0 auto auto}.sidebar-header-layout .sidebar-menu-wrapper .user-menu{padding-block:1rem}@media screen and (width>=576px){.layout.sidebar-header-layout{grid-template-columns:auto 1fr;grid-template-areas:"header header""sidebar main";overflow:hidden}.layout.sidebar-header-layout>header,.layout.sidebar-header-layout>header>nav{display:flex}.layout.sidebar-header-layout[aria-expanded=true]>.layout-sidebar{--_width:var(--sidebar-width,16rem);height:auto;position:relative}.layout.sidebar-header-layout[aria-expanded=false]>.layout-sidebar{--_width:var(--_layout-sidebar-collapsed-width)}.layout.sidebar-header-layout>.layout-sidebar{grid-area:sidebar;position:relative}}.layout.sidebar-only{grid-template:"sidebar main"1fr/1fr;height:100dvh;transition:all .25s ease-in-out;display:grid}.layout.sidebar-only .footer{background-color:var(--sidebar-bg-color,#fff);z-index:1000}.layout.sidebar-only footer{--_padding-h:var(--sidebar-padding-h,1rem);--_padding-v:var(--sidebar-padding-v,1.5rem);padding:0 var(--_padding-h);flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;font-size:.875rem;display:flex}.layout.sidebar-only .copyright a:after{content:""}.layout.sidebar-only:has(.extend) .locales .dropdown{right:-7rem}.layout.sidebar-only .locales{border-top:1px solid var(--layout-border-color,#dee2e6a6);width:100%}.layout.sidebar-only .sidebar-menu-wrapper>nav{padding-block:.5rem}.layout.sidebar-only .sidebar-menu-wrapper .locales>.locale-trigger{--locale-switcher-padding-h:var(--layout-nav-item-padding-h,1rem);--locale-switcher-padding-v:var(--layout-nav-item-padding-v,.625rem)}.layout.sidebar-only .locales.expanded>.locale-trigger,.layout.sidebar-only .locales>.locale-trigger:hover{--locale-switcher-hover-color:var(--nav-item-hover-bg,#f0f2f7ad)}.layout.sidebar-only .locales ul.dropdown{--locale-switcher-bg-color:var(--sidebar-bg-color,#fff);--locale-switcher-border:none;border-top:1px solid var(--border-color,#e5e7eb);bottom:100%;left:0;right:0;top:unset;transform:none}.layout.sidebar-only .locales ul.dropdown .badge{--locale-switcher-badge-bg-color:#60a7f3}.layout.sidebar-only:has(.extend){grid-template-areas:"sidebar main";grid-template-columns:var(--sidebar-collapsed-width,6rem) 1fr}.layout.sidebar-only:has(.collapsed-sidebar){grid-template-columns:1fr;grid-template-areas:"main"}.layout.sidebar-only>.collapsed-sidebar{position:fixed;top:0}.layout.sidebar-only>.collapsed-sidebar+main{--_layout-main-padding-h:2.5rem}.layout.sidebar-only>.layout-sidebar{z-index:100;grid-area:sidebar;transition:width .3s ease-in-out}.layout.sidebar-only>main{grid-area:main;min-height:0;overflow-y:auto}.layout-sidebar{transition:width .3s ease-in-out}main{z-index:99}@media screen and (width>=1024px){.layout.sidebar-only{grid-template-columns:var(--sidebar-width,16rem) 1fr}}
|
|
2
|
+
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prefabs.tech/vue3-layout",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.33.1",
|
|
4
4
|
"description": "Vue3 Layout Plugin",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -18,34 +18,38 @@
|
|
|
18
18
|
"dist"
|
|
19
19
|
],
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"@prefabs.tech/eslint-config": "0.
|
|
22
|
-
"@prefabs.tech/
|
|
23
|
-
"@prefabs.tech/
|
|
24
|
-
"@prefabs.tech/vue3-
|
|
25
|
-
"@prefabs.tech/vue3-
|
|
26
|
-
"@
|
|
27
|
-
"@
|
|
28
|
-
"@
|
|
29
|
-
"@vitejs/plugin-vue
|
|
30
|
-
"@
|
|
31
|
-
"@
|
|
32
|
-
"@
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
21
|
+
"@prefabs.tech/eslint-config": "0.8.7",
|
|
22
|
+
"@prefabs.tech/stylelint-config": "0.8.7",
|
|
23
|
+
"@prefabs.tech/tsconfig": "0.8.7",
|
|
24
|
+
"@prefabs.tech/vue3-config": "0.33.1",
|
|
25
|
+
"@prefabs.tech/vue3-i18n": "0.33.1",
|
|
26
|
+
"@prefabs.tech/vue3-ui": "0.33.1",
|
|
27
|
+
"@iconify/vue": "5.0.1",
|
|
28
|
+
"@types/node": "26.1.1",
|
|
29
|
+
"@vitejs/plugin-vue": "6.0.8",
|
|
30
|
+
"@vitejs/plugin-vue-jsx": "5.1.6",
|
|
31
|
+
"@vitest/coverage-istanbul": "4.1.10",
|
|
32
|
+
"@vue/test-utils": "2.4.11",
|
|
33
|
+
"@vueuse/core": "14.3.0",
|
|
34
|
+
"eslint": "10.7.0",
|
|
35
|
+
"prettier": "3.9.5",
|
|
36
|
+
"stylelint": "17.14.1",
|
|
37
|
+
"stylelint-config-recommended-vue": "1.6.1",
|
|
38
|
+
"stylelint-order": "8.1.1",
|
|
39
|
+
"typescript": "6.0.3",
|
|
40
|
+
"vite": "8.1.5",
|
|
41
|
+
"vitest": "4.1.10",
|
|
42
|
+
"vue": "3.5.40",
|
|
43
|
+
"vue-router": "5.2.0",
|
|
44
|
+
"vue-tsc": "3.3.7"
|
|
41
45
|
},
|
|
42
46
|
"peerDependencies": {
|
|
43
|
-
"@prefabs.tech/vue3-config": "0.
|
|
44
|
-
"@prefabs.tech/vue3-i18n": "0.
|
|
45
|
-
"@prefabs.tech/vue3-ui": "0.
|
|
46
|
-
"@vueuse/core": ">=
|
|
47
|
-
"vue": ">=3.
|
|
48
|
-
"vue-router": ">=
|
|
47
|
+
"@prefabs.tech/vue3-config": "0.33.1",
|
|
48
|
+
"@prefabs.tech/vue3-i18n": "0.33.1",
|
|
49
|
+
"@prefabs.tech/vue3-ui": "0.33.1",
|
|
50
|
+
"@vueuse/core": ">=14.3.0",
|
|
51
|
+
"vue": ">=3.5",
|
|
52
|
+
"vue-router": ">=5.2"
|
|
49
53
|
},
|
|
50
54
|
"engines": {
|
|
51
55
|
"node": ">=18",
|
|
@@ -55,12 +59,15 @@
|
|
|
55
59
|
"build": "vite build && vue-tsc --emitDeclarationOnly",
|
|
56
60
|
"lint": "eslint .",
|
|
57
61
|
"lint:fix": "eslint . --fix",
|
|
58
|
-
"snapshot:update": "vitest --environment jsdom run --update",
|
|
62
|
+
"snapshot:update": "vitest --environment jsdom run --update --passWithNoTests",
|
|
59
63
|
"sort-package": "npx sort-package-json",
|
|
64
|
+
"stylelint": "stylelint \"src/**/*.{css,vue}\" --allow-empty-input",
|
|
65
|
+
"stylelint:fix": "stylelint \"src/**/*.{css,vue}\" --fix --allow-empty-input",
|
|
60
66
|
"test": "vitest --environment jsdom run --coverage --passWithNoTests",
|
|
61
67
|
"test:component": "vitest --environment jsdom run component/ --passWithNoTests",
|
|
62
68
|
"test:snapshot": "vitest --environment jsdom run snapshot/ --passWithNoTests",
|
|
63
69
|
"test:unit": "vitest --environment jsdom run unit/ --passWithNoTests",
|
|
64
|
-
"
|
|
70
|
+
"test:watch": "vitest --environment jsdom",
|
|
71
|
+
"typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false"
|
|
65
72
|
}
|
|
66
73
|
}
|