ahri-cloud-projects/X6
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 🐛 auto extend scroller's graph with async mode

Browse Source 
should bind sync and async events, and handled delay

fix #636
This commit is contained in:
bubkoo
2021-02-02 15:45:07 +08:00
parent 219a8147ed
commit cadc87cda6
1 changed files with 31 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
packages/x6/src/addon/scroller/index.ts
View File

@ -150,17 +150,15 @@ export class Scroller extends View {
graph.on('after:export', this.restoreScrollPosition, this)
if (this.options.autoResize) {
if (graph.renderer.isAsync()) {
graph.on('render:done', this.onRenderDone, this)
} else {
graph.on('unfreeze', this.update, this)
model.on('reseted', this.update, this)
model.on('cell:added', this.update, this)
model.on('cell:removed', this.update, this)
model.on('cell:changed', this.update, this)
model.on('batch:stop', this.onBatchStop, this)
}
graph.on('render:done', this.onRenderDone, this)
graph.on('unfreeze', this.onUpdate, this)
model.on('reseted', this.onUpdate, this)
model.on('cell:added', this.onUpdate, this)
model.on('cell:removed', this.onUpdate, this)
model.on('cell:changed', this.onUpdate, this)
model.on('batch:stop', this.onBatchStop, this)
}
this.delegateBackgroundEvents()
}
@ -176,16 +174,33 @@ export class Scroller extends View {
graph.off('afterexport', this.restoreScrollPosition, this)
graph.off('render:done', this.onRenderDone, this)
graph.off('unfreeze', this.update, this)
model.off('reseted', this.update, this)
model.off('cell:added', this.update, this)
model.off('cell:removed', this.update, this)
model.off('cell:changed', this.update, this)
graph.off('unfreeze', this.onUpdate, this)
model.off('reseted', this.onUpdate, this)
model.off('cell:added', this.onUpdate, this)
model.off('cell:removed', this.onUpdate, this)
model.off('cell:changed', this.onUpdate, this)
model.off('batch:stop', this.onBatchStop, this)
this.undelegateBackgroundEvents()
}
protected onUpdate() {
if (this.graph.isAsync()) {
return
}
this.update()
}
onBatchStop(args: { name: Model.BatchName }) {
if (this.graph.isAsync()) {
return
}
if (Renderer.UPDATE_DELAYING_BATCHES.includes(args.name)) {
this.update()
}
}
protected delegateBackgroundEvents(events?: View.Events) {
const evts = events || GraphView.events
this.delegatedHandlers = Object.keys(evts).reduce<{
@ -347,12 +362,6 @@ export class Scroller extends View {
}
}
onBatchStop(args: { name: Model.BatchName }) {
if (Renderer.UPDATE_DELAYING_BATCHES.includes(args.name)) {
this.update()
}
}
update() {
const size = this.getClientSize()
this.cachedCenterPoint = this.clientToLocalPoint(