mirrors/poster-design
1
0
Fork 0
mirror of https://github.com/palxiao/poster-design synced 2024-11-21 23:30:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: right-click menu

Browse Source
This commit is contained in:
ShawnPhang 2024-04-10 21:32:29 +08:00
parent f6903eee7c
commit 22ecc9900d
1 changed files with 3 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/business/right-click-menu/RcMenu.vue
View File

@ -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()