alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): avoid undraggable selected nodes being dragged

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2023-02-05 22:22:16 +01:00
committed by Braks
parent aaf46dc22c
commit c7e8bd7630
3 changed files with 28 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/composables/useUpdateNodePositions.ts
+19 -17
View File
@@ -1,7 +1,7 @@
import type { NodeDragItem, XYPosition } from '~/types'
function useUpdateNodePositions() {
const { getSelectedNodes, nodeExtent, updateNodePositions, findNode, snapGrid, snapToGrid } = useVueFlow()
const { getSelectedNodes, nodeExtent, updateNodePositions, findNode, snapGrid, snapToGrid, nodesDraggable } = useVueFlow()
return (positionDiff: XYPosition, isShiftPressed = false) => {
// by default a node moves 5px on each key press, or 20px if shift is pressed
@@ -13,24 +13,26 @@ function useUpdateNodePositions() {
const positionDiffX = positionDiff.x * xVelo * factor
const positionDiffY = positionDiff.y * yVelo * factor
const nodeUpdates = getSelectedNodes.value.map((n) => {
const nextPosition = { x: n.computedPosition.x + positionDiffX, y: n.computedPosition.y + positionDiffY }
const nodeUpdates = getSelectedNodes.value
.filter((n) => n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'))
.map((n) => {
const nextPosition = { x: n.computedPosition.x + positionDiffX, y: n.computedPosition.y + positionDiffY }
const { computedPosition } = calcNextPosition(
n,
nextPosition,
nodeExtent.value,
n.parentNode ? findNode(n.parentNode) : undefined,
)
const { computedPosition } = calcNextPosition(
n,
nextPosition,
nodeExtent.value,
n.parentNode ? findNode(n.parentNode) : undefined,
)
return {
id: n.id,
position: computedPosition,
from: n.position,
distance: { x: positionDiff.x, y: positionDiff.y },
dimensions: n.dimensions,
} as NodeDragItem
})
return {
id: n.id,
position: computedPosition,
from: n.position,
distance: { x: positionDiff.x, y: positionDiff.y },
dimensions: n.dimensions,
} as NodeDragItem
})
updateNodePositions(nodeUpdates, true, false)
}