JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-06-19 12:09:25 +08:00
Code Issues Projects Releases Wiki Activity

fix(editor): 右键菜单粘贴的组件位置不对

Browse Source
This commit is contained in:
roymondchen 2022-05-30 21:13:15 +08:00 committed by jia000
parent c80dab835d
commit 26081ea5cc
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/editor/src/layouts/workspace/ViewerMenu.vue
View File

@ -69,8 +69,20 @@ export default defineComponent({
text: '粘贴', text: '粘贴',
display: () => canPaste.value, display: () => canPaste.value,
handler: () => { handler: () => {
const top = menu.value?.$el.offsetTop || 0; const stage = editorService?.get<StageCore>('stage');
const left = menu.value?.$el.offsetLeft || 0;
const rect = menu.value?.$el.getBoundingClientRect();
const parentRect = stage?.container?.getBoundingClientRect();
let left = (rect?.left || 0) - (parentRect?.left || 0);
let top = (rect?.top || 0) - (parentRect?.top || 0);
if (node.value?.items && stage) {
const parentEl = stage.renderer.contentWindow?.document.getElementById(`${node.value.id}`);
const parentElRect = parentEl?.getBoundingClientRect();
left = left - (parentElRect?.left || 0);
top = top - (parentElRect?.top || 0);
}
editorService?.paste({ left, top }); editorService?.paste({ left, top });
}, },
}, },