From 22ecc9900da15caad78587c53ab5300cc1c43836 Mon Sep 17 00:00:00 2001
From: ShawnPhang <palxiao@vip.qq.com>
Date: Wed, 10 Apr 2024 21:32:29 +0800
Subject: [PATCH] fix: right-click menu

---
 .../business/right-click-menu/RcMenu.vue      | 26 +++----------------
 1 file changed, 3 insertions(+), 23 deletions(-)

diff --git a/src/components/business/right-click-menu/RcMenu.vue b/src/components/business/right-click-menu/RcMenu.vue
index 0e56a07..1b67633 100644
--- a/src/components/business/right-click-menu/RcMenu.vue
+++ b/src/components/business/right-click-menu/RcMenu.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, toRaw } from 'vue'
 import { 
   widgetMenu as widget, 
   pageMenu as page,
@@ -22,22 +22,19 @@ import {
   TMenuItemData, TWidgetItemData, 
 } from './rcMenuData'
 import { getTarget } from '@/common/methods/target'
-// import { useSetupMapGetters } from '@/common/hooks/mapGetters';
 import { storeToRefs } from 'pinia';
 import { useControlStore, useWidgetStore } from '@/store';
 
 const menuListData = ref<TMenuItemData>({...menu})
 const showMenuBg = ref<boolean>(false)
-const widgetMenu = ref<TWidgetItemData[]>({...widget})
-const pageMenu = ref<TWidgetItemData[]>({...page})
+const widgetMenu = ref<TWidgetItemData[]>([...widget])
+const pageMenu = ref<TWidgetItemData[]>([...page])
 
 const widgetStore = useWidgetStore()
-// const {dActiveElement, dWidgets, dCopyElement} = useSetupMapGetters(['dActiveElement', 'dWidgets', 'dCopyElement'])
 
 const {dActiveElement, dWidgets, dCopyElement} = storeToRefs(widgetStore)
 const { dAltDown } = storeToRefs(useControlStore())
 
-
 const styleObj = computed(() => {
   return {
     left: menuListData.value.left + 'px',
@@ -75,9 +72,6 @@ async function mouseRightClick(e: MouseEvent) {
     widgetStore.selectWidget({
       uuid: uuid ?? '-1',
     })
-    // store.dispatch('selectWidget', {
-    //   uuid: uuid ?? '-1',
-    // })
     showMenu(e)
   }
 }
@@ -119,14 +113,12 @@ function selectMenu(type: TWidgetItemData['type']) {
   switch (type) {
     case 'copy':
       widgetStore.copyWidget()
-      // store.dispatch('copyWidget')
       break
     case 'paste':
       if (dCopyElement.value.length === 0) {
         return
       }
       widgetStore.pasteWidget()
-      // store.dispatch('pasteWidget')
       break
     case 'index-up':
       widgetStore.updateLayerIndex({
@@ -134,11 +126,6 @@ function selectMenu(type: TWidgetItemData['type']) {
         value: 1,
         isGroup: dActiveElement.value?.isContainer,
       })
-      // store.dispatch('updateLayerIndex', {
-      //   uuid: dActiveElement.value.uuid,
-      //   value: 1,
-      //   isGroup: dActiveElement.value.isContainer,
-      // })
       break
     case 'index-down':
       widgetStore.updateLayerIndex({
@@ -146,19 +133,12 @@ function selectMenu(type: TWidgetItemData['type']) {
         value: -1,
         isGroup: dActiveElement.value?.isContainer,
       })
-      // store.dispatch('updateLayerIndex', {
-      //   uuid: dActiveElement.value.uuid,
-      //   value: -1,
-      //   isGroup: dActiveElement.value.isContainer,
-      // })
       break
     case 'del':
       widgetStore.deleteWidget()
-      // store.dispatch('deleteWidget')
       break
     case 'ungroup':
       widgetStore.ungroup(dActiveElement.value?.uuid || "")
-      // store.dispatch('ungroup', dActiveElement.value.uuid)
       break
   }
   closeMenu()