graflow: rehresh event to fix movenodes

This commit is contained in:
STEINNI
2026-03-08 16:58:01 +00:00
parent e41869a9e7
commit 11d3247a8c

View File

@@ -84,23 +84,19 @@ class BZgraflow extends Buildoz{
this.mainContainer.append(this.wiresContainer)
this.mainContainer.append(this.nodesContainer)
this.append(this.hostContainer)
this.loadFlow(flowUrl).then(() => {
if(this.getBZAttribute('edit')){
const edit = this.getBZAttribute('edit').split(',')
if(edit.includes('nodesmove')){
this.nodesMover = new MovingNodes(this, '.bzgf-node')
}
if(edit.includes('wires')){
this.WiresEditor = new EditWires(this, '.bzgf-wire')
this.WiresEditor.enableEditWires()
//this.WiresEditor.enableMovingNodes('.bzgf-wire')
}
if(edit.includes('dropnodes')){
this.NodesReceiver = new DroppingNodes(this, '.bzgf-node')
//this.NodesReceiver.enableDroppingNodes('.bzgf-node')
}
if(this.getBZAttribute('edit')){
const edit = this.getBZAttribute('edit').split(',')
if(edit.includes('nodesmove')){
this.nodesMover = new MovingNodes(this, '.bzgf-node')
}
})
if(edit.includes('wires')){
this.WiresEditor = new EditWires(this, '.bzgf-wire')
}
if(edit.includes('dropnodes')){
this.NodesReceiver = new DroppingNodes(this, '.bzgf-node')
}
}
this.loadFlow(flowUrl)
}
error(msg, err){
@@ -771,8 +767,7 @@ class BZgraflow extends Buildoz{
const bb = this.stagedNodes[nid].getBoundingClientRect()
const nodeHeight = this.stagedNodes[nid].offsetHeight || bb.height
if((align == 'parent') && (nid in parents) && (parents[nid][0] in parentsY)) {
y = Math.max(parentsY[parents[nid][0]], y) //TODO handle multiple parents with avg
console.log('parent', nid, parents[nid], parentsY[parents[nid][0]])
y = Math.max(parentsY[parents[nid][0]], y) //TODO handle multiple parents with avg
}
placedY = y
this.moveNode(nid, x, y, orientation, tween, null, token)
@@ -1193,7 +1188,7 @@ class MovingNodes{
this.graflow.addEventListener('refreshed', this.enableMovingNodes.bind(this))
}
enableMovingNodes() {
enableMovingNodes() {
if(!this._handleCursorStyle){
const style = document.createElement('style')
style.textContent = `${this.handleSelector}{ cursor: move }`
@@ -1222,7 +1217,6 @@ class MovingNodes{
pointerDown(e){
this.graflow.clearFakeNodes()
console.log('=====> interactive element', e.target)
const node = e.target.closest(this.itemSelector)
if(!node) return
@@ -1283,6 +1277,7 @@ class EditWires{
this.graflow = graflow
this.nodesContainer = this.graflow.mainContainer.querySelector('.bzgf-nodes-container')
this.state = null
this.graflow.addEventListener('refreshed', this.enableEditWires.bind(this))
}
enableEditWires(){
for(const ref in this.graflow.stagedWires ){