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

fix(nodes): trigger computedPosition watcher when selected changes

Browse Source 
* z-index will not change back if selected does not trigger a change
This commit is contained in:
Braks
2022-04-11 11:30:10 +02:00
parent 8e3fef504c
commit 3064e287e7
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package/src/components/Nodes/NodeWrapper.vue
+8 -2
View File
@@ -57,12 +57,18 @@ onMounted(() => {
}) })
watch( watch(
[() => node.value.position, () => store.getNode(node.value.parentNode!)], [
() => node.value.position,
() => store.getNode(node.value.parentNode!)?.computedPosition,
() => node.value.selected,
() => store.getNode(node.value.parentNode!)?.selected,
],
([pos, parent]) => { ([pos, parent]) => {
const xyzPos = { const xyzPos = {
...pos, ...pos,
z: node.value.dragging || node.value.selected ? 1000 : node.value.computedPosition.z, z: node.value.dragging || node.value.selected ? 1000 : 0,
} }
if (parent) { if (parent) {
node.value.computedPosition = getXYZPos(parent, xyzPos) node.value.computedPosition = getXYZPos(parent, xyzPos)
} else { } else {
package/src/utils/graph.ts
+4 -4
View File
@@ -339,11 +339,11 @@ export const getTransformForBounds = (
return [x, y, clampedZoom] return [x, y, clampedZoom]
} }
export const getXYZPos = (parentNode: GraphNode, computedPosition: XYZPosition): XYZPosition => { export const getXYZPos = (parentPos: XYZPosition, computedPosition: XYZPosition): XYZPosition => {
return { return {
x: computedPosition.x + parentNode.computedPosition.x, x: computedPosition.x + parentPos.x,
y: computedPosition.y + parentNode.computedPosition.y, y: computedPosition.y + parentPos.y,
z: parentNode.computedPosition.z > computedPosition.z ? parentNode.computedPosition.z : computedPosition.z, z: parentPos.z > computedPosition.z ? parentPos.z : computedPosition.z,
} }
} }