fix(ContextMenu): Fix context menu

Author: SpliiT

app/components/Viewer/ContextMenu.vue

@@ -1,5 +1,4 @@
 <script setup>
-  import { useDataStore } from "@ogw_front/stores/data"
   import { useEventListener } from "@vueuse/core"
   import { useMenuStore } from "@ogw_front/stores/menu"
 
@@ -16,7 +15,6 @@
   const CLOSE_DELAY = 100
 
   const menuStore = useMenuStore()
-  const dataStore = useDataStore()
 
   const { id, x, y, containerWidth, containerHeight } = defineProps({
     id: { type: String, required: true },
@@ -26,13 +24,7 @@
     containerHeight: { type: Number, required: true },
   })
 
-  const meta_data = computed(() => {
-    const itemId = id || menuStore.current_id
-    if (!itemId) {
-      return {}
-    }
-    return dataStore.getItem(itemId).value || {}
-  })
+  const meta_data = computed(() => menuStore.current_meta_data || {})
 
   const show_menu = ref(true)
   const isDragging = ref(false)

app/stores/menu.js

@@ -132,6 +132,7 @@ export const useMenuStore = defineStore("menu", () => {
   const containerTop = ref(0)
   const containerLeft = ref(0)
   const active_item_index = ref(undefined)
+  const current_meta_data = ref({})
 
   function getMenuItems(objectType, geodeObject) {
     if (!objectType || !geodeObject || !menus.value[objectType]) {
@@ -143,6 +144,7 @@ export const useMenuStore = defineStore("menu", () => {
   function closeMenu() {
     active_item_index.value = undefined
     current_id.value = undefined
+    current_meta_data.value = {}
     menuX.value = 0
     menuY.value = 0
     display_menu.value = false
@@ -162,6 +164,7 @@ export const useMenuStore = defineStore("menu", () => {
     }
 
     current_id.value = id
+    current_meta_data.value = meta_data || {}
 
     if (x !== undefined && y !== undefined) {
       menuX.value = x
@@ -202,6 +205,7 @@ export const useMenuStore = defineStore("menu", () => {
   return {
     display_menu,
     current_id,
+    current_meta_data,
     menuX,
     menuY,
     containerWidth,