@vc-shell/framework 1.0.235 → 1.0.237
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/CHANGELOG.md +25 -0
- package/core/composables/useSettings/index.ts +4 -2
- package/dist/core/composables/useSettings/index.d.ts +2 -0
- package/dist/core/composables/useSettings/index.d.ts.map +1 -1
- package/dist/framework.js +276 -279
- package/dist/index.css +1 -1
- package/dist/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-app/vc-app.stories.d.ts +12 -0
- package/dist/ui/components/organisms/vc-app/vc-app.stories.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-app/vc-app.vue.d.ts +1 -0
- package/dist/ui/components/organisms/vc-app/vc-app.vue.d.ts.map +1 -1
- package/package.json +4 -4
- package/shared/modules/assets-manager/components/assets-manager/assets-manager.vue +6 -6
- package/ui/components/molecules/vc-breadcrumbs/_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue +1 -1
- package/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue +4 -1
- package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue +12 -21
- package/ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue +11 -6
- package/ui/components/organisms/vc-app/vc-app.vue +2 -1
- package/ui/components/organisms/vc-table/vc-table.vue +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-app-menu-link.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAIjE,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC3C;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"vc-app-menu-link.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAIjE,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC3C;;;;;;;;;;;;AAyQD,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-app-menu.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5C,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;CAChC;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"vc-app-menu.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-menu/vc-app-menu.vue.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5C,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;CAChC;;;;;;;;;;;;;;;;;;;;;;AAoVD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -17,6 +17,9 @@ declare const _default: {
|
|
|
17
17
|
title: {
|
|
18
18
|
type: import("vue").PropType<string>;
|
|
19
19
|
};
|
|
20
|
+
avatar: {
|
|
21
|
+
type: import("vue").PropType<string>;
|
|
22
|
+
};
|
|
20
23
|
disableMenu: {
|
|
21
24
|
type: import("vue").PropType<boolean>;
|
|
22
25
|
};
|
|
@@ -34,6 +37,9 @@ declare const _default: {
|
|
|
34
37
|
title: {
|
|
35
38
|
type: import("vue").PropType<string>;
|
|
36
39
|
};
|
|
40
|
+
avatar: {
|
|
41
|
+
type: import("vue").PropType<string>;
|
|
42
|
+
};
|
|
37
43
|
disableMenu: {
|
|
38
44
|
type: import("vue").PropType<boolean>;
|
|
39
45
|
};
|
|
@@ -58,6 +64,9 @@ declare const _default: {
|
|
|
58
64
|
title: {
|
|
59
65
|
type: import("vue").PropType<string>;
|
|
60
66
|
};
|
|
67
|
+
avatar: {
|
|
68
|
+
type: import("vue").PropType<string>;
|
|
69
|
+
};
|
|
61
70
|
disableMenu: {
|
|
62
71
|
type: import("vue").PropType<boolean>;
|
|
63
72
|
};
|
|
@@ -79,6 +88,9 @@ declare const _default: {
|
|
|
79
88
|
title: {
|
|
80
89
|
type: import("vue").PropType<string>;
|
|
81
90
|
};
|
|
91
|
+
avatar: {
|
|
92
|
+
type: import("vue").PropType<string>;
|
|
93
|
+
};
|
|
82
94
|
disableMenu: {
|
|
83
95
|
type: import("vue").PropType<boolean>;
|
|
84
96
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-app.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-app/vc-app.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC
|
|
1
|
+
{"version":3,"file":"vc-app.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-app/vc-app.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK3B,wBAmB+B;AAE/B,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,OAAO,KAAK,CAgBxC,CAAC;AAEH,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,OAAO,KAAK,CAYtD,CAAC;AAUH,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,OAAO,KAAK,CAsBlD,CAAC;AAUH,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,OAAO,KAAK,CAYzD,CAAC;AAUH,eAAO,MAAM,iCAAiC,EAAE,OAAO,CAAC,OAAO,KAAK,CAqBlE,CAAC;AAUH,eAAO,MAAM,+BAA+B,EAAE,OAAO,CAAC,OAAO,KAAK,CAqBhE,CAAC;AAWH,eAAO,MAAM,4BAA4B,EAAE,OAAO,CAAC,OAAO,KAAK,CAqB7D,CAAC"}
|
|
@@ -3,6 +3,7 @@ export interface Props {
|
|
|
3
3
|
logo?: string;
|
|
4
4
|
version?: string;
|
|
5
5
|
title?: string;
|
|
6
|
+
avatar?: string;
|
|
6
7
|
disableMenu?: boolean;
|
|
7
8
|
}
|
|
8
9
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-app.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-app/vc-app.vue.ts"],"names":[],"mappings":"AAmBA,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAycD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"vc-app.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-app/vc-app.vue.ts"],"names":[],"mappings":"AAmBA,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAycD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vc-shell/framework",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.237",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/framework.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@types/dompurify": "^3.0.5",
|
|
62
62
|
"@types/quill": "^2.0.14",
|
|
63
|
-
"@vc-shell/api-client-generator": "^1.0.
|
|
64
|
-
"@vc-shell/config-generator": "^1.0.
|
|
65
|
-
"@vc-shell/ts-config": "^1.0.
|
|
63
|
+
"@vc-shell/api-client-generator": "^1.0.237",
|
|
64
|
+
"@vc-shell/config-generator": "^1.0.237",
|
|
65
|
+
"@vc-shell/ts-config": "^1.0.237",
|
|
66
66
|
"@vitejs/plugin-vue": "^5.0.3",
|
|
67
67
|
"sass": "^1.69.6",
|
|
68
68
|
"shx": "^0.3.4",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
>
|
|
12
12
|
<div
|
|
13
13
|
v-loading="options?.loading"
|
|
14
|
-
class="tw-relative tw-h-full"
|
|
14
|
+
class="tw-relative tw-h-full tw-flex-1"
|
|
15
15
|
@dragover.prevent.stop="dragOver"
|
|
16
16
|
@dragleave.prevent="dragLeave"
|
|
17
17
|
@drop.prevent.stop="onDrop"
|
|
@@ -232,31 +232,31 @@ const columns = ref<ITableColumns[]>([
|
|
|
232
232
|
{
|
|
233
233
|
id: "url",
|
|
234
234
|
title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.IMAGE")),
|
|
235
|
-
width: "
|
|
235
|
+
width: "10%",
|
|
236
236
|
alwaysVisible: true,
|
|
237
237
|
},
|
|
238
238
|
{
|
|
239
239
|
id: "name",
|
|
240
240
|
title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.NAME")),
|
|
241
|
-
width: "
|
|
241
|
+
width: "20%",
|
|
242
242
|
alwaysVisible: true,
|
|
243
243
|
},
|
|
244
244
|
{
|
|
245
245
|
id: "size",
|
|
246
246
|
title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.SIZE")),
|
|
247
|
-
width: "
|
|
247
|
+
width: "20%",
|
|
248
248
|
alwaysVisible: true,
|
|
249
249
|
},
|
|
250
250
|
{
|
|
251
251
|
id: "sortOrder",
|
|
252
252
|
title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.SORT_ORDER")),
|
|
253
|
-
width: "
|
|
253
|
+
width: "25%",
|
|
254
254
|
alwaysVisible: true,
|
|
255
255
|
},
|
|
256
256
|
{
|
|
257
257
|
id: "createdDate",
|
|
258
258
|
title: computed(() => t("ASSETS_MANAGER.TABLE.HEADER.CREATED_DATE")),
|
|
259
|
-
width: "
|
|
259
|
+
width: "25%",
|
|
260
260
|
alwaysVisible: true,
|
|
261
261
|
type: "date-ago",
|
|
262
262
|
},
|
|
@@ -32,7 +32,10 @@
|
|
|
32
32
|
v-for="(item, i) in visibleBreadcrumbs"
|
|
33
33
|
:key="item?.id ?? `breadcrumb-item-${i}`"
|
|
34
34
|
>
|
|
35
|
-
<div
|
|
35
|
+
<div
|
|
36
|
+
v-if="item && item.title && item.isVisible"
|
|
37
|
+
class="tw-flex tw-flex-row tw-items-center tw-justify-center"
|
|
38
|
+
>
|
|
36
39
|
<VcIcon
|
|
37
40
|
v-if="withArrow && i < items.length - 1"
|
|
38
41
|
:icon="arrowIcon"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
-
class="vc-app-menu-item"
|
|
3
|
+
class="vc-app-menu-item tw-flex"
|
|
4
4
|
:class="[
|
|
5
5
|
{
|
|
6
6
|
'vc-app-menu-item_active': isMenuItemActive,
|
|
@@ -10,21 +10,12 @@
|
|
|
10
10
|
]"
|
|
11
11
|
@click="onMenuItemClick"
|
|
12
12
|
>
|
|
13
|
-
<div
|
|
14
|
-
class="vc-app-menu-item__handler"
|
|
15
|
-
:class="{ 'vc-app-menu-item__handler_enabled': !sticky }"
|
|
16
|
-
>
|
|
17
|
-
<VcIcon
|
|
18
|
-
icon="fas fa-ellipsis-v"
|
|
19
|
-
size="m"
|
|
20
|
-
/>
|
|
21
|
-
</div>
|
|
22
13
|
<div
|
|
23
14
|
v-if="icon"
|
|
24
|
-
class="vc-app-menu-item__icon"
|
|
15
|
+
class="vc-app-menu-item__icon tw-w-[var(--app-menu-item-icon-width)]"
|
|
25
16
|
>
|
|
26
17
|
<VcIcon
|
|
27
|
-
class="tw-
|
|
18
|
+
class="tw-text-center"
|
|
28
19
|
:icon="icon"
|
|
29
20
|
size="m"
|
|
30
21
|
/>
|
|
@@ -64,7 +55,7 @@
|
|
|
64
55
|
:class="[
|
|
65
56
|
{
|
|
66
57
|
'vc-app-menu-item__child-item_active': isActive(nested.url ?? ''),
|
|
67
|
-
'tw-
|
|
58
|
+
'tw-pl-[21px]': expand,
|
|
68
59
|
},
|
|
69
60
|
'vc-app-menu-item__child-item tw-min-w-0 tw-flex tw-w-full tw-h-[var(--app-menu-item-height)] tw-items-center',
|
|
70
61
|
]"
|
|
@@ -72,20 +63,20 @@
|
|
|
72
63
|
>
|
|
73
64
|
<div
|
|
74
65
|
v-if="nested.icon"
|
|
75
|
-
class="vc-app-menu-item__icon"
|
|
66
|
+
class="vc-app-menu-item__icon tw-w-[var(--app-menu-item-icon-width)]"
|
|
76
67
|
:class="{
|
|
77
68
|
'tw-p-0': !expand,
|
|
78
69
|
}"
|
|
79
70
|
>
|
|
80
71
|
<VcIcon
|
|
81
|
-
class="tw-
|
|
72
|
+
class="tw-text-center"
|
|
82
73
|
:icon="nested.icon"
|
|
83
74
|
size="m"
|
|
84
75
|
/>
|
|
85
76
|
</div>
|
|
86
77
|
<p
|
|
87
78
|
v-if="expand"
|
|
88
|
-
class="tw-truncate"
|
|
79
|
+
class="tw-truncate tw-pl-[7px]"
|
|
89
80
|
>
|
|
90
81
|
{{ nested.title }}
|
|
91
82
|
</p>
|
|
@@ -184,7 +175,7 @@ const isActive = (url: string) => {
|
|
|
184
175
|
.vc-app-menu-item {
|
|
185
176
|
@apply tw-flex tw-items-center tw-w-full tw-h-[var(--app-menu-item-height)]
|
|
186
177
|
tw-border-none
|
|
187
|
-
tw-flex-nowrap tw-box-border tw-cursor-pointer tw-relative tw-uppercase tw-select-none;
|
|
178
|
+
tw-flex-nowrap tw-box-border tw-cursor-pointer tw-relative tw-uppercase tw-select-none tw-py-[4px] tw-px-[8px];
|
|
188
179
|
|
|
189
180
|
&_active {
|
|
190
181
|
@apply tw-bg-[color:var(--app-menu-item-background-color-active)]
|
|
@@ -215,7 +206,7 @@ const isActive = (url: string) => {
|
|
|
215
206
|
&__icon {
|
|
216
207
|
@apply tw-text-[color:var(--app-menu-item-icon-color)]
|
|
217
208
|
tw-overflow-hidden tw-flex
|
|
218
|
-
tw-justify-center tw-shrink-0 tw-transition-[color] tw-duration-200
|
|
209
|
+
tw-justify-center tw-shrink-0 tw-transition-[color] tw-duration-200;
|
|
219
210
|
}
|
|
220
211
|
|
|
221
212
|
&_active &__icon {
|
|
@@ -226,7 +217,7 @@ const isActive = (url: string) => {
|
|
|
226
217
|
@apply tw-truncate
|
|
227
218
|
tw-text-lg
|
|
228
219
|
tw-font-medium
|
|
229
|
-
tw-
|
|
220
|
+
tw-pl-[7px]
|
|
230
221
|
tw-text-[color:var(--app-menu-item-title-color)]
|
|
231
222
|
[transition:color_0.2s_ease]
|
|
232
223
|
tw-opacity-100 tw-w-full tw-flex tw-justify-between tw-items-center;
|
|
@@ -250,9 +241,9 @@ const isActive = (url: string) => {
|
|
|
250
241
|
}
|
|
251
242
|
|
|
252
243
|
&__child-item {
|
|
253
|
-
@apply tw-cursor-pointer tw-w-fit tw-py-[4px] tw-px-[
|
|
244
|
+
@apply tw-cursor-pointer tw-w-fit tw-py-[4px] tw-px-[8px] tw-rounded-[4px]
|
|
254
245
|
hover:tw-bg-[color:var(--app-menu-item-background-color-hover)]
|
|
255
|
-
hover:tw-text-[color:var(--app-menu-item-title-color-active)]
|
|
246
|
+
hover:tw-text-[color:var(--app-menu-item-title-color-active)];
|
|
256
247
|
|
|
257
248
|
&_active {
|
|
258
249
|
@apply tw-bg-[color:var(--app-menu-item-background-color-active)]
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
3
|
v-if="isMenuVisible"
|
|
4
|
-
class="tw-relative tw-w-[var(--app-menu-width)] [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s] tw-pt-[22px]"
|
|
4
|
+
class="vc-app-menu tw-relative tw-w-[var(--app-menu-width)] [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s] tw-pt-[22px]"
|
|
5
5
|
:class="{
|
|
6
6
|
'vc-app-menu_mobile tw-hidden !tw-fixed !tw-left-0 !tw-top-0 !tw-w-full !tw-bottom-0 !tw-z-[9999]':
|
|
7
7
|
$isMobile.value,
|
|
8
8
|
'!tw-block': isMobileVisible,
|
|
9
|
-
'!tw-w-[
|
|
9
|
+
'!tw-w-[var(--app-menu-width-collapse)]': $isDesktop.value && !isExpanded,
|
|
10
10
|
}"
|
|
11
11
|
@mouseenter="!isExpanded && expandOverHandler(true)"
|
|
12
12
|
@mouseover="!isExpanded && expandOverHandler(true)"
|
|
@@ -22,7 +22,8 @@
|
|
|
22
22
|
class="!tw-absolute vc-app-menu__inner tw-flex tw-flex-col tw-h-full [transition:width_300ms_cubic-bezier(0.2,0,0,1)_0s] tw-z-[9999] tw-top-0 tw-bottom-0 tw-bg-[color:var(--app-background)] tw-shadow-[inset_0px_2px_5px_0px_#3654751A]"
|
|
23
23
|
:class="{
|
|
24
24
|
'tw-left-0 tw-pt-[22px]': $isDesktop.value,
|
|
25
|
-
'!tw-w-[
|
|
25
|
+
'!tw-w-[var(--app-menu-width-collapse)] !tw-shadow-[inset_4px_2px_5px_0px_#3654751A]':
|
|
26
|
+
$isDesktop.value && !isExpanded && !isExpandedOver,
|
|
26
27
|
'tw-w-[var(--app-menu-width)]': $isDesktop.value && (isExpanded || isExpandedOver),
|
|
27
28
|
'tw-shadow-none': $isDesktop.value && isExpanded,
|
|
28
29
|
}"
|
|
@@ -42,7 +43,7 @@
|
|
|
42
43
|
|
|
43
44
|
<div
|
|
44
45
|
v-if="$isDesktop.value"
|
|
45
|
-
class="tw-pl-[
|
|
46
|
+
class="tw-pl-[19px] tw-pb-2"
|
|
46
47
|
>
|
|
47
48
|
<button
|
|
48
49
|
class="tw-p-[10px] tw-h-[var(--app-menu-item-height)] tw-rounded tw-text-[color:var(--app-menu-burger-color)] hover:tw-bg-[color:var(--app-menu-burger-background-color)]"
|
|
@@ -63,8 +64,8 @@
|
|
|
63
64
|
<div
|
|
64
65
|
class="tw-gap-[5px] tw-flex tw-flex-col tw-h-full"
|
|
65
66
|
:class="{
|
|
66
|
-
'tw-px-[
|
|
67
|
-
'tw-pl-[
|
|
67
|
+
'tw-px-[19px]': ($isDesktop.value && (isExpanded || isExpandedOver)) || $isMobile.value,
|
|
68
|
+
'tw-pl-[19px] tw-pr-[4px]': $isDesktop.value && !isExpanded && !isExpandedOver,
|
|
68
69
|
}"
|
|
69
70
|
>
|
|
70
71
|
<slot
|
|
@@ -154,6 +155,7 @@ defineExpose({
|
|
|
154
155
|
<style lang="scss">
|
|
155
156
|
:root {
|
|
156
157
|
--app-menu-width: 230px;
|
|
158
|
+
--app-menu-width-collapse: 63px;
|
|
157
159
|
--app-menu-background-color: #ffffff;
|
|
158
160
|
--app-menu-version-color: #838d9a;
|
|
159
161
|
|
|
@@ -162,6 +164,9 @@ defineExpose({
|
|
|
162
164
|
}
|
|
163
165
|
|
|
164
166
|
.vc-app-menu {
|
|
167
|
+
::-webkit-scrollbar {
|
|
168
|
+
display: none;
|
|
169
|
+
}
|
|
165
170
|
&_mobile &__inner {
|
|
166
171
|
@apply tw-absolute tw-z-[9999] tw-right-0 tw-top-0 tw-bottom-0 tw-w-[300px] tw-max-w-[60%] tw-bg-[color:var(--app-menu-background-color)];
|
|
167
172
|
}
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
name="toolbar:user-dropdown"
|
|
61
61
|
:user-dropdown="UserDropdownButton"
|
|
62
62
|
>
|
|
63
|
-
<UserDropdownButton />
|
|
63
|
+
<UserDropdownButton :avatar-url="avatar" />
|
|
64
64
|
</slot>
|
|
65
65
|
</template>
|
|
66
66
|
</slot>
|
|
@@ -120,6 +120,7 @@ export interface Props {
|
|
|
120
120
|
logo?: string;
|
|
121
121
|
version?: string;
|
|
122
122
|
title?: string;
|
|
123
|
+
avatar?: string;
|
|
123
124
|
disableMenu?: boolean;
|
|
124
125
|
}
|
|
125
126
|
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
>
|
|
223
223
|
<div
|
|
224
224
|
v-if="multiselect && index === 0"
|
|
225
|
-
class="tw-flex tw-pl-5 tw-items-center tw-justify-center tw-w-auto tw-bg-[#f9f9f9] tw-box-border tw-select-none tw-overflow-hidden tw-z-[1]"
|
|
225
|
+
class="tw-flex tw-pl-5 tw-items-center tw-justify-center tw-w-auto tw-bg-[#f9f9f9] tw-box-border tw-select-none tw-overflow-hidden tw-z-[1] tw-shrink-0"
|
|
226
226
|
>
|
|
227
227
|
<div class="tw-flex tw-justify-center tw-items-center">
|
|
228
228
|
<VcCheckbox
|