dongjunchuan/de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复多选组件无法使用快捷键移动问题

Browse Source
This commit is contained in:
wangjiahao 2024-11-28 15:57:23 +08:00
parent f4c9874af6
commit e7993d7a0a
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
core/core-frontend/src/utils/DeShortcutKey.ts
View File

@ -187,16 +187,16 @@ function move(keyCode) {
const scale = dvMainStore.canvasStyleData.scale / 100 const scale = dvMainStore.canvasStyleData.scale / 100
if (keyCode === leftKey) { if (keyCode === leftKey) {
curComponent.value.style.left = curComponent.value.style.left - scale curComponent.value.style.left = curComponent.value.style.left - scale
groupAreaAdaptor(-1, 0) groupAreaAdaptor(-scale, 0)
} else if (keyCode === rightKey) { } else if (keyCode === rightKey) {
curComponent.value.style.left = curComponent.value.style.left + scale curComponent.value.style.left = curComponent.value.style.left + scale
groupAreaAdaptor(1, 0) groupAreaAdaptor(scale, 0)
} else if (keyCode === upKey) { } else if (keyCode === upKey) {
curComponent.value.style.top = curComponent.value.style.top - scale curComponent.value.style.top = curComponent.value.style.top - scale
groupAreaAdaptor(0, -1) groupAreaAdaptor(0, -scale)
} else if (keyCode === downKey) { } else if (keyCode === downKey) {
curComponent.value.style.top = curComponent.value.style.top + scale curComponent.value.style.top = curComponent.value.style.top + scale
groupAreaAdaptor(0, 1) groupAreaAdaptor(0, scale)
} }
snapshotStore.recordSnapshotCache('key-move') snapshotStore.recordSnapshotCache('key-move')
} }
@ -212,6 +212,11 @@ function groupAreaAdaptor(leftOffset = 0, topOffset = 0) {
width: parentNode.offsetWidth, width: parentNode.offsetWidth,
height: parentNode.offsetHeight height: parentNode.offsetHeight
}) })
} else if (curComponent.value.component === 'GroupArea' && areaData.value.components.length > 0) {
areaData.value.components.forEach(component => {
component.style.top = component.style.top + topOffset
component.style.left = component.style.left + leftOffset
})
} }
} }