@geode/opengeodeweb-front 10.20.0-rc.2 → 10.20.0-rc.3
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.
|
@@ -50,6 +50,12 @@ const camera_options = computed(() => [
|
|
|
50
50
|
tooltip: "Highlight on hover",
|
|
51
51
|
icon: "mdi-cursor-default-click",
|
|
52
52
|
color: hybridViewerStore.is_hover_highlight ? "primary" : undefined,
|
|
53
|
+
action: hybridViewerStore.is_hover_highlight
|
|
54
|
+
? () => {
|
|
55
|
+
hybridViewerStore.is_hover_highlight = false;
|
|
56
|
+
hybridViewerStore.clearHoverHighlight();
|
|
57
|
+
}
|
|
58
|
+
: undefined,
|
|
53
59
|
menu: [
|
|
54
60
|
{
|
|
55
61
|
title: "Cells",
|
|
@@ -138,7 +144,11 @@ const camera_options = computed(() => [
|
|
|
138
144
|
<v-container :class="[$style.floatToolbar, 'pa-0', 'view-toolbar']" width="auto">
|
|
139
145
|
<v-row v-for="camera_option in camera_options" :key="camera_option.icon" dense>
|
|
140
146
|
<v-col>
|
|
141
|
-
<v-menu
|
|
147
|
+
<v-menu
|
|
148
|
+
v-if="camera_option.menu && !camera_option.action"
|
|
149
|
+
location="start"
|
|
150
|
+
:close-on-content-click="false"
|
|
151
|
+
>
|
|
142
152
|
<template #activator="{ props }">
|
|
143
153
|
<ActionButton
|
|
144
154
|
v-bind="props"
|
|
@@ -3,6 +3,7 @@ import OverlappingObjectsPicker from "@ogw_front/components/Viewer/OverlappingOb
|
|
|
3
3
|
import ViewerContextMenu from "@ogw_front/components/Viewer/ContextMenu/ContextMenu";
|
|
4
4
|
import ViewerObjectTreeLayout from "@ogw_front/components/Viewer/ObjectTree/Layout";
|
|
5
5
|
import { getCurrentInstance } from "vue";
|
|
6
|
+
import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
|
|
6
7
|
import { useMenuStore } from "@ogw_front/stores/menu";
|
|
7
8
|
import { useOverlappingPicker } from "@ogw_front/composables/use_overlapping_picker";
|
|
8
9
|
import { useViewerStore } from "@ogw_front/stores/viewer";
|
|
@@ -16,6 +17,18 @@ const { displayMenu, containerWidth, containerHeight } = defineProps({
|
|
|
16
17
|
const emit = defineEmits(["show-menu"]);
|
|
17
18
|
const menuStore = useMenuStore();
|
|
18
19
|
const viewerStore = useViewerStore();
|
|
20
|
+
const hybridViewerStore = useHybridViewerStore();
|
|
21
|
+
|
|
22
|
+
function stopHoverHighlight() {
|
|
23
|
+
hybridViewerStore.is_hover_highlight = false;
|
|
24
|
+
hybridViewerStore.clearHoverHighlight();
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
onKeyStroke("Escape", () => {
|
|
28
|
+
if (hybridViewerStore.is_hover_highlight) {
|
|
29
|
+
stopHoverHighlight();
|
|
30
|
+
}
|
|
31
|
+
});
|
|
19
32
|
|
|
20
33
|
const {
|
|
21
34
|
displayIntermediate,
|
|
@@ -91,6 +104,29 @@ defineExpose({ get_viewer_id });
|
|
|
91
104
|
</v-chip>
|
|
92
105
|
</div>
|
|
93
106
|
</v-fade-transition>
|
|
107
|
+
|
|
108
|
+
<v-fade-transition>
|
|
109
|
+
<div
|
|
110
|
+
v-if="hybridViewerStore.is_hover_highlight"
|
|
111
|
+
class="picking-message-container d-flex justify-center w-100 pa-4"
|
|
112
|
+
>
|
|
113
|
+
<v-chip
|
|
114
|
+
color="primary"
|
|
115
|
+
elevation="8"
|
|
116
|
+
size="large"
|
|
117
|
+
variant="flat"
|
|
118
|
+
class="pick-pulse"
|
|
119
|
+
style="pointer-events: auto"
|
|
120
|
+
@click="stopHoverHighlight"
|
|
121
|
+
>
|
|
122
|
+
Highlight active ({{
|
|
123
|
+
hybridViewerStore.hover_highlight_field_type === "CELL" ? "Cells" : "Points"
|
|
124
|
+
}}) · Esc to stop
|
|
125
|
+
<v-divider vertical class="mx-2 my-1" opacity="0.3" />
|
|
126
|
+
<v-icon icon="mdi-close" size="small" />
|
|
127
|
+
</v-chip>
|
|
128
|
+
</div>
|
|
129
|
+
</v-fade-transition>
|
|
94
130
|
</template>
|
|
95
131
|
|
|
96
132
|
<style scoped>
|
package/package.json
CHANGED