center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix(数据大屏): 修复多选图层方向键失效问题 #9766

Browse Source
This commit is contained in:
wangjiahao 2024-05-23 09:50:09 +08:00
parent 39adf31696
commit d8c7aee2b6
1 changed files with 13 additions and 0 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

@ -174,17 +174,30 @@ function move(keyCode) {
if (curComponent.value) {
if (keyCode === leftKey) {
curComponent.value.style.left = --curComponent.value.style.left
groupAreaAdaptor(-1, 0)
} else if (keyCode === rightKey) {
curComponent.value.style.left = ++curComponent.value.style.left
groupAreaAdaptor(1, 0)
} else if (keyCode === upKey) {
curComponent.value.style.top = --curComponent.value.style.top
groupAreaAdaptor(0, -1)
} else if (keyCode === downKey) {
curComponent.value.style.top = ++curComponent.value.style.top
groupAreaAdaptor(0, 1)
}
snapshotStore.recordSnapshotCache('key-move')
}
}
function groupAreaAdaptor(leftOffset = 0, topOffset = 0) {
if (curComponent.value.component === 'GroupArea') {
composeStore.areaData.components.forEach(component => {
component.style.top = component.style.top + topOffset
component.style.left = component.style.left + leftOffset
})
}
}
function cut() {
copyStore.cut()
}