fix: 🐛 auto zoom minimap graph to fit content (antvis#2111)

meeki-ai · May 16, 2022 · 12e3e89 · 12e3e89
1 parent cde1337
commit 12e3e89
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/x6/src/addon/minimap/index.ts b/packages/x6/src/addon/minimap/index.ts
@@ -131,6 +131,9 @@ export class MiniMap extends View {
     } else {
       this.sourceGraph.on('translate', this.onSourceGraphTransform, this)
       this.sourceGraph.on('scale', this.onSourceGraphTransform, this)
+      this.sourceGraph.on('cell:added', this.zoomToFit, this)
+      this.sourceGraph.on('cell:removed', this.zoomToFit, this)
+      this.sourceGraph.on('reseted', this.zoomToFit, this)
     }
     this.sourceGraph.on('resize', this.updatePaper, this)
     this.delegateEvents({
@@ -147,6 +150,9 @@ export class MiniMap extends View {
     } else {
       this.sourceGraph.off('translate', this.onSourceGraphTransform, this)
       this.sourceGraph.off('scale', this.onSourceGraphTransform, this)
+      this.sourceGraph.off('cell:added', this.zoomToFit, this)
+      this.sourceGraph.off('cell:removed', this.zoomToFit, this)
+      this.sourceGraph.off('reseted', this.zoomToFit, this)
     }
     this.sourceGraph.off('resize', this.updatePaper, this)
     this.undelegateEvents()
@@ -169,6 +175,10 @@ export class MiniMap extends View {
     }
   }
 
+  protected zoomToFit() {
+    this.targetGraph.zoomToFit()
+  }
+
   protected updatePaper(width: number, height: number): this
   protected updatePaper({ width, height }: EventArgs['resize']): this
   protected updatePaper(w: number | EventArgs['resize'], h?: number) {