feat: beforechangedata and afterchagnedata for graph changeData; feat… (#3932)

* feat: beforechangedata and afterchagnedata for graph changeData; feat: Annotation supports icon events callbacks; feat: Annotation supports defaultBegin position configuration for new annotation cards; perf: Annotation updated automatically when graph data changed and graph item visiblity changed;

* fix: Destroy legend canvas when the plugin is destroyed, closes: #3931; fix: unexpected console, closes: #3926

Author: Yanyan-Wang

CHANGELOG.md

@@ -1,5 +1,13 @@
 # ChangeLog
 
+### 4.7.3
+
+- feat: beforechangedata and afterchagnedata for graph changeData;
+- feat: Annotation supports icon events callbacks;
+- feat: Annotation supports defaultBegin position configuration for new annotation cards;
+- perf: Annotation updated automatically when graph data changed and graph item visiblity changed;
+- fix: Destroy legend canvas when the plugin is destroyed, closes: #3931;
+
 ### 4.7.2
 
 - feat: Annotation plugin supports configuring behaviors for collapse and close icon;

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g6-core",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "A Graph Visualization Framework in JavaScript",
   "keywords": [
     "antv",

packages/core/src/global.ts

@@ -64,7 +64,7 @@ const colorSet = {
 };
 
 export default {
-  version: '0.7.2',
+  version: '0.7.3',
   rootContainerClassName: 'root-container',
   nodeContainerClassName: 'node-container',
   edgeContainerClassName: 'edge-container',

packages/core/src/graph/graph.ts

@@ -1611,6 +1611,7 @@ export default abstract class AbstractGraph extends EventEmitter implements IAbs
     if (!dataValidation(data)) {
       return this;
     }
+    this.emit('beforechangedata');
     if (stack && this.get('enabledStack')) {
       this.pushStack('changedata', {
         before: self.save(),
@@ -1729,6 +1730,7 @@ export default abstract class AbstractGraph extends EventEmitter implements IAbs
     setTimeout(() => {
       canvas.set('localRefresh', localRefresh);
     }, 16);
+    this.emit('afterchangedata');
     return this;
   }
 

packages/element/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g6-element",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "A Graph Visualization Framework in JavaScript",
   "keywords": [
     "antv",
@@ -61,7 +61,7 @@
   },
   "dependencies": {
     "@antv/g-base": "^0.5.1",
-    "@antv/g6-core": "0.7.2",
+    "@antv/g6-core": "0.7.3",
     "@antv/util": "~2.0.5"
   },
   "devDependencies": {

packages/g6/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g6",
-  "version": "4.7.2",
+  "version": "4.7.3",
   "description": "A Graph Visualization Framework in JavaScript",
   "keywords": [
     "antv",
@@ -66,7 +66,7 @@
     ]
   },
   "dependencies": {
-    "@antv/g6-pc": "0.7.2"
+    "@antv/g6-pc": "0.7.3"
   },
   "devDependencies": {
     "@babel/core": "^7.7.7",

packages/g6/src/index.ts

@@ -1,7 +1,7 @@
 import G6 from '@antv/g6-pc';
 
-G6.version = '4.7.2';
+G6.version = '4.7.3';
 
 export * from '@antv/g6-pc';
 export default G6;
-export const version = '4.7.2';
+export const version = '4.7.3';

packages/pc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g6-pc",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "A Graph Visualization Framework in JavaScript",
   "keywords": [
     "antv",
@@ -75,9 +75,9 @@
     "@antv/g-canvas": "^0.5.2",
     "@antv/g-math": "^0.1.1",
     "@antv/g-svg": "^0.5.1",
-    "@antv/g6-core": "0.7.2",
-    "@antv/g6-element": "0.7.2",
-    "@antv/g6-plugin": "0.7.2",
+    "@antv/g6-core": "0.7.3",
+    "@antv/g6-element": "0.7.3",
+    "@antv/g6-plugin": "0.7.3",
     "@antv/hierarchy": "^0.6.7",
     "@antv/layout": "^0.3.0",
     "@antv/matrix-util": "^3.1.0-beta.3",

packages/pc/src/global.ts

@@ -7,7 +7,7 @@ const textColor = 'rgb(0, 0, 0)';
 const colorSet = getColorsWithSubjectColor(subjectColor, backColor);
 
 export default {
-  version: '0.7.2',
+  version: '0.7.3',
   rootContainerClassName: 'root-container',
   nodeContainerClassName: 'node-container',
   edgeContainerClassName: 'edge-container',

packages/plugin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g6-plugin",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "G6 Plugin",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -22,8 +22,8 @@
     "@antv/g-base": "^0.5.1",
     "@antv/g-canvas": "^0.5.2",
     "@antv/g-svg": "^0.5.2",
-    "@antv/g6-core": "0.7.2",
-    "@antv/g6-element": "0.7.2",
+    "@antv/g6-core": "0.7.3",
+    "@antv/g6-element": "0.7.3",
     "@antv/matrix-util": "^3.1.0-beta.3",
     "@antv/scale": "^0.3.4",
     "@antv/util": "^2.0.9",