@tekkare/auriga 0.2.105 → 0.2.107
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/module.json
CHANGED
|
@@ -27,6 +27,8 @@
|
|
|
27
27
|
:tabs="tabs"
|
|
28
28
|
:index_menu="index_menu"
|
|
29
29
|
@updateMenu="updateMenu"
|
|
30
|
+
:tooltips="headerTooltips"
|
|
31
|
+
:scroll-overflow="tabsOverflow"
|
|
30
32
|
/>
|
|
31
33
|
</div>
|
|
32
34
|
</template>
|
|
@@ -47,7 +49,15 @@ export default defineComponent({
|
|
|
47
49
|
tabs: { type: Array, required: false, default: null },
|
|
48
50
|
index_menu: { type: [String, Number], default: 1 },
|
|
49
51
|
sidebarOpen: { type: Boolean, default: false },
|
|
50
|
-
nbRoutes: { type: Number, default: 0 }
|
|
52
|
+
nbRoutes: { type: Number, default: 0 },
|
|
53
|
+
headerTooltips: {
|
|
54
|
+
type: Array,
|
|
55
|
+
default: () => []
|
|
56
|
+
},
|
|
57
|
+
tabsOverflow: {
|
|
58
|
+
type: Boolean,
|
|
59
|
+
default: true
|
|
60
|
+
}
|
|
51
61
|
},
|
|
52
62
|
emits: ["updateMenu", "update:Menu"],
|
|
53
63
|
setup(props, { emit }) {
|
|
@@ -29,6 +29,27 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
29
29
|
type: NumberConstructor;
|
|
30
30
|
default: number;
|
|
31
31
|
};
|
|
32
|
+
headerTooltips: {
|
|
33
|
+
type: {
|
|
34
|
+
(arrayLength: number): any[];
|
|
35
|
+
(...items: any[]): any[];
|
|
36
|
+
new (arrayLength: number): any[];
|
|
37
|
+
new (...items: any[]): any[];
|
|
38
|
+
isArray(arg: any): arg is any[];
|
|
39
|
+
readonly prototype: any[];
|
|
40
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
41
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
42
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
43
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
44
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
45
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
46
|
+
};
|
|
47
|
+
default: () => never[];
|
|
48
|
+
};
|
|
49
|
+
tabsOverflow: {
|
|
50
|
+
type: BooleanConstructor;
|
|
51
|
+
default: boolean;
|
|
52
|
+
};
|
|
32
53
|
}, {
|
|
33
54
|
goBack: () => void;
|
|
34
55
|
updateMenu: (value: number | string) => void;
|
|
@@ -63,6 +84,27 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
63
84
|
type: NumberConstructor;
|
|
64
85
|
default: number;
|
|
65
86
|
};
|
|
87
|
+
headerTooltips: {
|
|
88
|
+
type: {
|
|
89
|
+
(arrayLength: number): any[];
|
|
90
|
+
(...items: any[]): any[];
|
|
91
|
+
new (arrayLength: number): any[];
|
|
92
|
+
new (...items: any[]): any[];
|
|
93
|
+
isArray(arg: any): arg is any[];
|
|
94
|
+
readonly prototype: any[];
|
|
95
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
96
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
97
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
98
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
99
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
100
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
101
|
+
};
|
|
102
|
+
default: () => never[];
|
|
103
|
+
};
|
|
104
|
+
tabsOverflow: {
|
|
105
|
+
type: BooleanConstructor;
|
|
106
|
+
default: boolean;
|
|
107
|
+
};
|
|
66
108
|
}>> & {
|
|
67
109
|
onUpdateMenu?: ((...args: any[]) => any) | undefined;
|
|
68
110
|
"onUpdate:Menu"?: ((...args: any[]) => any) | undefined;
|
|
@@ -74,5 +116,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
74
116
|
haveReturn: boolean;
|
|
75
117
|
sidebarOpen: boolean;
|
|
76
118
|
nbRoutes: number;
|
|
119
|
+
headerTooltips: any[];
|
|
120
|
+
tabsOverflow: boolean;
|
|
77
121
|
}, {}>;
|
|
78
122
|
export default _default;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
2
|
+
<div
|
|
3
|
+
id="header_tabs_container"
|
|
4
|
+
class="header_tabs_section"
|
|
5
|
+
:class="!scrollOverflow ? '' : 'overflowx'"
|
|
6
|
+
>
|
|
3
7
|
<div class="header_tabs">
|
|
4
8
|
<div
|
|
5
9
|
v-show="isOverflow"
|
|
@@ -8,7 +12,11 @@
|
|
|
8
12
|
>
|
|
9
13
|
<arg-icon name="CaretLeft" size="12" color="var(--medium)" />
|
|
10
14
|
</div>
|
|
11
|
-
<div
|
|
15
|
+
<div
|
|
16
|
+
id="header_scroll_tabs"
|
|
17
|
+
class="header_tabs_overlay"
|
|
18
|
+
:class="!scrollOverflow ? '' : 'overflowx'"
|
|
19
|
+
>
|
|
12
20
|
<div class="header_one_tab_active-selector" id="header_nav_bar"></div>
|
|
13
21
|
<span
|
|
14
22
|
class="header_one_tab_container"
|
|
@@ -23,7 +31,26 @@
|
|
|
23
31
|
}"
|
|
24
32
|
@click="changeMenu(index + 1)"
|
|
25
33
|
>
|
|
26
|
-
<p class="header_one_tab_title
|
|
34
|
+
<p class="header_one_tab_title oip_row v-center gap-4">
|
|
35
|
+
{{ tab }}
|
|
36
|
+
<span
|
|
37
|
+
v-if="
|
|
38
|
+
tooltips.length > 0 && typeof tooltips[index] === 'string'
|
|
39
|
+
"
|
|
40
|
+
>
|
|
41
|
+
<arg-tooltip :tooltip-text="tooltips[index]" dir="top">
|
|
42
|
+
<arg-icon
|
|
43
|
+
name="Info"
|
|
44
|
+
size="14"
|
|
45
|
+
:color="
|
|
46
|
+
true_index_menu.toString() === (index + 1).toString()
|
|
47
|
+
? 'var(--dark)'
|
|
48
|
+
: 'var(--medium)'
|
|
49
|
+
"
|
|
50
|
+
/>
|
|
51
|
+
</arg-tooltip>
|
|
52
|
+
</span>
|
|
53
|
+
</p>
|
|
27
54
|
</button>
|
|
28
55
|
</span>
|
|
29
56
|
</div>
|
|
@@ -56,6 +83,14 @@ export default defineComponent({
|
|
|
56
83
|
index_menu: {
|
|
57
84
|
type: [String, Number],
|
|
58
85
|
default: 1
|
|
86
|
+
},
|
|
87
|
+
tooltips: {
|
|
88
|
+
type: Array,
|
|
89
|
+
default: () => []
|
|
90
|
+
},
|
|
91
|
+
scrollOverflow: {
|
|
92
|
+
type: Boolean,
|
|
93
|
+
default: false
|
|
59
94
|
}
|
|
60
95
|
},
|
|
61
96
|
emits: ["updateMenu", "update:Menu"],
|
|
@@ -221,5 +256,5 @@ export default defineComponent({
|
|
|
221
256
|
|
|
222
257
|
<!-- Custom navbar -->
|
|
223
258
|
<style scoped>
|
|
224
|
-
.header_tabs{background-color:transparent;border-radius:12px;display:flex;flex-direction:row;gap:16px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-x:hidden}.header_tabs_overlay{overflow-x:scroll}.header_tabs_overlay::-webkit-scrollbar{display:none!important}.header_one_tab_container{display:inline-block;margin-right:24px}.header_one_tab_container:last-of-type{margin-right:0!important}.header_one_tab{background-color:transparent;border:none;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow
|
|
259
|
+
.header_tabs{background-color:transparent;border-radius:12px;display:flex;flex-direction:row;gap:16px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-y:visible}.header_tabs_section.overflowx{overflow-x:hidden}.header_tabs_overlay{overflow-y:visible}.header_tabs_overlay.overflowx{overflow-x:scroll}.header_tabs_overlay::-webkit-scrollbar{display:none!important}.header_one_tab_container{display:inline-block;margin-right:24px}.header_one_tab_container:last-of-type{margin-right:0!important}.header_one_tab{background-color:transparent;border:none;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow-wrap:break-word;overflow-y:visible;padding:0 0 8px;text-align:center;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--darkest)}.header_one_tab_active-selector{border-bottom:3px solid var(--primary);bottom:0;height:2px;left:0;list-style:none;min-width:5px;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.header_one_tab_bis{align-items:center;display:flex;gap:8px;justify-content:center}.header_one_tab_icon.active{color:var(--primary)}.rcd_scroll_icon{cursor:pointer}
|
|
225
260
|
</style>
|
|
@@ -7,6 +7,27 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7
7
|
type: (StringConstructor | NumberConstructor)[];
|
|
8
8
|
default: number;
|
|
9
9
|
};
|
|
10
|
+
tooltips: {
|
|
11
|
+
type: {
|
|
12
|
+
(arrayLength: number): any[];
|
|
13
|
+
(...items: any[]): any[];
|
|
14
|
+
new (arrayLength: number): any[];
|
|
15
|
+
new (...items: any[]): any[];
|
|
16
|
+
isArray(arg: any): arg is any[];
|
|
17
|
+
readonly prototype: any[];
|
|
18
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
19
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
20
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
21
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
22
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
23
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
24
|
+
};
|
|
25
|
+
default: () => never[];
|
|
26
|
+
};
|
|
27
|
+
scrollOverflow: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
10
31
|
}, {
|
|
11
32
|
true_index_menu: import("vue").Ref<string | number>;
|
|
12
33
|
scrollValue: import("vue").Ref<number>;
|
|
@@ -25,10 +46,33 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
46
|
type: (StringConstructor | NumberConstructor)[];
|
|
26
47
|
default: number;
|
|
27
48
|
};
|
|
49
|
+
tooltips: {
|
|
50
|
+
type: {
|
|
51
|
+
(arrayLength: number): any[];
|
|
52
|
+
(...items: any[]): any[];
|
|
53
|
+
new (arrayLength: number): any[];
|
|
54
|
+
new (...items: any[]): any[];
|
|
55
|
+
isArray(arg: any): arg is any[];
|
|
56
|
+
readonly prototype: any[];
|
|
57
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
58
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
59
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
60
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
61
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
62
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
63
|
+
};
|
|
64
|
+
default: () => never[];
|
|
65
|
+
};
|
|
66
|
+
scrollOverflow: {
|
|
67
|
+
type: BooleanConstructor;
|
|
68
|
+
default: boolean;
|
|
69
|
+
};
|
|
28
70
|
}>> & {
|
|
29
71
|
onUpdateMenu?: ((...args: any[]) => any) | undefined;
|
|
30
72
|
"onUpdate:Menu"?: ((...args: any[]) => any) | undefined;
|
|
31
73
|
}, {
|
|
32
74
|
index_menu: string | number;
|
|
75
|
+
tooltips: any[];
|
|
76
|
+
scrollOverflow: boolean;
|
|
33
77
|
}, {}>;
|
|
34
78
|
export default _default;
|