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

update(types): Correct __vf typing

Browse Source 
* fix all uses of __vf so the actual type works properly
* correct the class and style props

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-11-21 13:33:12 +01:00
parent 0e9f8c5fc2
commit e4ead738c9
4 changed files with 40 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/store/stateStore.ts
+15 -8
View File
@@ -91,11 +91,10 @@ export default function flowStore(
const node = this.nodes[i]
const dimensions = getDimensions(nodeElement)
if (!node.__vf) node.__vf = {}
const doUpdate =
dimensions.width &&
dimensions.height &&
(node.__vf.width !== dimensions.width || node.__vf.height !== dimensions.height || forceUpdate)
(node.__vf?.width !== dimensions.width || node.__vf?.height !== dimensions.height || forceUpdate)
if (doUpdate) {
const handleBounds = getHandleBounds(nodeElement, this.transform[2])
@@ -103,6 +102,7 @@ export default function flowStore(
this.nodes.splice(i, 1, {
...node,
__vf: {
position: { x: 0, y: 0 },
...node.__vf,
...dimensions,
handleBounds,
@@ -125,6 +125,8 @@ export default function flowStore(
this.nodes.splice(i, 1, {
...node,
__vf: {
width: 0,
height: 0,
...node.__vf,
position: pos,
},
@@ -132,18 +134,21 @@ export default function flowStore(
},
updateNodePosDiff({ id, diff, isDragging }) {
const update = (node: Node, i: number) => {
const updatedNode = {
const updatedNode: Node = {
...node,
__vf: {
width: 0,
height: 0,
position: { x: 0, y: 0 },
...node.__vf,
isDragging,
},
}
if (diff) {
updatedNode.__vf.position = {
x: (node.__vf?.position?.x as number) + diff.x,
y: (node.__vf?.position?.y as number) + diff.y,
if (diff && node.__vf) {
updatedNode.__vf!.position = {
x: node.__vf.position.x + diff.x,
y: node.__vf.position.y + diff.y,
}
}
@@ -238,8 +243,10 @@ export default function flowStore(
return {
...node,
__vf: {
height: 0,
width: 0,
...node.__vf,
position: node.__vf?.position && clampPosition(node.__vf.position, nodeExtent),
position: node.__vf?.position ? clampPosition(node.__vf.position, nodeExtent) : { x: 0, y: 0 },
},
}
})