From ceb29a9c557908733858f8b7f7e39086c7d3106e Mon Sep 17 00:00:00 2001
From: HyperLifelll9 <hyperlife1119@qq.com>
Date: Mon, 18 Sep 2023 10:13:38 +0800
Subject: [PATCH] refactor(module:graph): replace selection with transition
 (#8062)

---
 components/graph/graph-zoom.directive.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/graph/graph-zoom.directive.ts b/components/graph/graph-zoom.directive.ts
index cff8c742dee..37651a10c45 100644
--- a/components/graph/graph-zoom.directive.ts
+++ b/components/graph/graph-zoom.directive.ts
@@ -15,15 +15,14 @@ import {
 } from '@angular/core';
 import { Subject } from 'rxjs';
 
-import { select, Selection } from 'd3-selection';
-import { transition as d3Transition } from 'd3-transition';
+import { Selection } from 'd3-selection';
+import { transition } from 'd3-transition';
 import { zoom, ZoomBehavior, zoomIdentity, zoomTransform } from 'd3-zoom';
 
 import { NzSafeAny } from 'ng-zorro-antd/core/types';
 
 import { calculateTransform } from './core/utils';
 import { NzZoomTransform, RelativePositionInfo } from './interface';
-Selection.bind('transition', d3Transition);
 
 @Directive({
   selector: '[nz-graph-zoom]',
@@ -63,7 +62,9 @@ export class NzGraphZoomDirective implements OnDestroy, AfterViewInit {
     this.svgElement = this.element.nativeElement.querySelector('svg') as SVGSVGElement;
     this.gZoomElement = this.element.nativeElement.querySelector('svg > g') as SVGGElement;
     const { width, height } = this.element.nativeElement.getBoundingClientRect();
-    this.svgSelection = select(this.svgElement);
+    this.svgSelection = transition()
+      .selection()
+      .select(() => this.svgElement);
     this.zoomBehavior = zoom()
       .extent([
         [0, 0],