@tekkare/auriga 0.1.58 → 0.1.60
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
|
@@ -60,6 +60,7 @@ import {
|
|
|
60
60
|
ref,
|
|
61
61
|
watch,
|
|
62
62
|
defineComponent,
|
|
63
|
+
onUnmounted,
|
|
63
64
|
onUpdated
|
|
64
65
|
} from "vue";
|
|
65
66
|
import argIcon from "./argIcon.vue";
|
|
@@ -83,14 +84,23 @@ export default defineComponent({
|
|
|
83
84
|
emits: ["clearFilters", "saveScope"],
|
|
84
85
|
setup(props, { emit }) {
|
|
85
86
|
const filtersOpen = ref(true);
|
|
87
|
+
function closeOnScroll() {
|
|
88
|
+
if (window.scrollY > 150) {
|
|
89
|
+
filtersOpen.value = false;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
86
92
|
onMounted(() => {
|
|
87
93
|
adjustFilterPosition();
|
|
88
94
|
listenToHeaderChange();
|
|
89
95
|
filtersOpen.value = props.isOpen;
|
|
96
|
+
window.addEventListener("scroll", closeOnScroll);
|
|
90
97
|
});
|
|
91
98
|
onUpdated(() => {
|
|
92
99
|
adjustFilterPosition();
|
|
93
100
|
});
|
|
101
|
+
onUnmounted(() => {
|
|
102
|
+
window.removeEventListener("scroll", closeOnScroll);
|
|
103
|
+
});
|
|
94
104
|
function listenToHeaderChange() {
|
|
95
105
|
const fixedHeader = document.getElementById("arg_header");
|
|
96
106
|
const config = { attributes: true, childList: true };
|
|
@@ -103,12 +113,14 @@ export default defineComponent({
|
|
|
103
113
|
}
|
|
104
114
|
}
|
|
105
115
|
function adjustFilterPosition() {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
116
|
+
setTimeout(() => {
|
|
117
|
+
const header = document.getElementById("arg_header");
|
|
118
|
+
const filterCard = document.getElementById("arg_filter_card");
|
|
119
|
+
if (header && filterCard) {
|
|
120
|
+
const headerHeight = header.offsetHeight;
|
|
121
|
+
filterCard.style.top = `${headerHeight + 8}px`;
|
|
122
|
+
}
|
|
123
|
+
});
|
|
112
124
|
}
|
|
113
125
|
watch(
|
|
114
126
|
() => props.isOpen,
|
|
@@ -46,13 +46,14 @@ export default defineComponent({
|
|
|
46
46
|
haveReturn: { type: Boolean, default: false },
|
|
47
47
|
tabs: { type: Array, required: false, default: null },
|
|
48
48
|
index_menu: { type: [String, Number], default: 1 },
|
|
49
|
-
sidebarOpen: { type: Boolean, default: false }
|
|
49
|
+
sidebarOpen: { type: Boolean, default: false },
|
|
50
|
+
nbRoutes: { type: Number, default: 0 }
|
|
50
51
|
},
|
|
51
52
|
emits: ["updateMenu", "update:Menu"],
|
|
52
53
|
setup(props, { emit }) {
|
|
53
54
|
const router = useRouter();
|
|
54
55
|
function goBack() {
|
|
55
|
-
router.
|
|
56
|
+
router.go(-(props.nbRoutes + 1));
|
|
56
57
|
}
|
|
57
58
|
function updateMenu(value) {
|
|
58
59
|
emit("updateMenu", value);
|
|
@@ -25,6 +25,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
25
|
type: BooleanConstructor;
|
|
26
26
|
default: boolean;
|
|
27
27
|
};
|
|
28
|
+
nbRoutes: {
|
|
29
|
+
type: NumberConstructor;
|
|
30
|
+
default: number;
|
|
31
|
+
};
|
|
28
32
|
}, {
|
|
29
33
|
goBack: () => void;
|
|
30
34
|
updateMenu: (value: number | string) => void;
|
|
@@ -55,6 +59,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
55
59
|
type: BooleanConstructor;
|
|
56
60
|
default: boolean;
|
|
57
61
|
};
|
|
62
|
+
nbRoutes: {
|
|
63
|
+
type: NumberConstructor;
|
|
64
|
+
default: number;
|
|
65
|
+
};
|
|
58
66
|
}>> & {
|
|
59
67
|
onUpdateMenu?: ((...args: any[]) => any) | undefined;
|
|
60
68
|
"onUpdate:Menu"?: ((...args: any[]) => any) | undefined;
|
|
@@ -65,5 +73,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
65
73
|
backTo: string;
|
|
66
74
|
haveReturn: boolean;
|
|
67
75
|
sidebarOpen: boolean;
|
|
76
|
+
nbRoutes: number;
|
|
68
77
|
}, {}>;
|
|
69
78
|
export default _default;
|
|
@@ -61,17 +61,19 @@ export default defineComponent({
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
function adjustMarginForBody() {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
64
|
+
setTimeout(() => {
|
|
65
|
+
const fixedHeader = document.getElementById("arg_header");
|
|
66
|
+
const bodyContent = document.getElementById("arg_main_layout_section");
|
|
67
|
+
const infoBar = document.getElementById("arg_info_section");
|
|
68
|
+
if (fixedHeader && bodyContent) {
|
|
69
|
+
const headerHeight = fixedHeader.offsetHeight;
|
|
70
|
+
bodyContent.style.marginTop = `${headerHeight}px`;
|
|
71
|
+
}
|
|
72
|
+
if (fixedHeader && infoBar) {
|
|
73
|
+
const headerHeight = fixedHeader.offsetHeight;
|
|
74
|
+
infoBar.style.top = `${headerHeight + 8}px`;
|
|
75
|
+
}
|
|
76
|
+
}, 500);
|
|
75
77
|
}
|
|
76
78
|
}
|
|
77
79
|
});
|