feat: support compare sankey chart

Author: xuefei1313

common/config/rush/pnpm-lock.yaml

@@ -18,7 +18,7 @@
     "@visactor/vchart-extension": "workspace:2.0.1",
     "@visactor/vchart-theme": "~1.6.6",
     "@visactor/vmind": "1.2.4-alpha.5",
-    "@visactor/vutils": "~1.0.6",
+    "@visactor/vutils": "~1.0.9",
     "@visactor/vrender": "1.0.9",
     "@visactor/vrender-kits": "1.0.9",
     "@visactor/vtable": "1.19.0-alpha.0",

docs/package.json

@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@visactor/vchart": "workspace:2.0.1",
-    "@visactor/vutils": "~1.0.6",
+    "@visactor/vutils": "~1.0.9",
     "@visactor/vrender-core": "1.0.9",
     "@visactor/vrender-kits": "1.0.9",
     "react-is": "^18.2.0"

packages/openinula-vchart/package.json

@@ -30,7 +30,7 @@
   "dependencies": {
     "@visactor/vchart": "workspace:2.0.1",
     "@visactor/vchart-extension": "workspace:2.0.1",
-    "@visactor/vutils": "~1.0.6",
+    "@visactor/vutils": "~1.0.9",
     "@visactor/vrender-core": "1.0.9",
     "@visactor/vrender-kits": "1.0.9",
     "react-is": "^18.2.0"

packages/react-vchart/package.json

@@ -118,10 +118,10 @@
     "cross-env": "^7.0.3"
   },
   "dependencies": {
-    "@visactor/vutils": "~1.0.6",
-    "@visactor/vdataset": "~1.0.6",
-    "@visactor/vscale": "~1.0.6",
-    "@visactor/vlayouts": "~1.0.6",
+    "@visactor/vutils": "~1.0.9",
+    "@visactor/vdataset": "~1.0.9",
+    "@visactor/vscale": "~1.0.9",
+    "@visactor/vlayouts": "~1.0.9",
     "@visactor/vrender-core": "1.0.9",
     "@visactor/vrender-kits": "1.0.9",
     "@visactor/vrender-components": "1.0.9",

packages/vchart/package.json

@@ -39,7 +39,7 @@ import { RangeColumnChart, registerRangeColumnChart } from './range-column';
 import type { IRoseChartSpec } from './rose';
 import { RoseChart, registerRoseChart } from './rose';
 import type { ISankeyChartSpec } from './sankey';
-import { SankeyChart, registerSankeyChart } from './sankey';
+import { SankeyChart, registerSankeyChart, SankeyChartSpecTransformer } from './sankey';
 import type { IScatterChartSpec } from './scatter';
 import { ScatterChart, registerScatterChart } from './scatter';
 import type { ISequenceChartSpec } from './sequence';
@@ -94,6 +94,7 @@ export {
   RangeAreaChart,
   RoseChart,
   SankeyChart,
+  SankeyChartSpecTransformer,
   ScatterChart,
   SunburstChart,
   SequenceChart,

packages/vchart/src/chart/index.ts

@@ -51,8 +51,8 @@ export class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpec> exten
   static readonly mark: SeriesMarkMap = sankeySeriesMark;
   static readonly builtInTheme = { sankey };
 
-  private _nodeMark: IRectMark;
-  private _linkMark: ILinkPathMark;
+  protected _nodeMark: IRectMark;
+  protected _linkMark: ILinkPathMark;
 
   private _nodeLayoutZIndex = LayoutZIndex.Node;
   private _labelLayoutZIndex = LayoutZIndex.Label;
@@ -65,7 +65,7 @@ export class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpec> exten
   protected _categoryField!: string;
   private _colorScale: IBaseScale;
   private _nodeList: (string | number)[];
-  private _needClear: boolean;
+  protected _needClear: boolean;
 
   get direction() {
     return this._spec.direction ?? 'horizontal';
@@ -500,7 +500,7 @@ export class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpec> exten
     }
   };
 
-  protected _handleClearEmpty = () => {
+  protected _handleClearEmpty() {
     if (!this._needClear) {
       return;
     }
@@ -529,9 +529,9 @@ export class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpec> exten
     });
 
     this._needClear = false;
-  };
+  }
 
-  protected _handleNodeAdjacencyClick = (graphic: IMarkGraphic) => {
+  protected _handleNodeAdjacencyClick(graphic: IMarkGraphic) {
     const nodeDatum = getDatumOfGraphic(graphic) as Datum;
     const highlightNodes: string[] = [nodeDatum.key];
 
@@ -573,9 +573,9 @@ export class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpec> exten
     }
 
     this._needClear = true;
-  };
+  }
 
-  protected _handleLinkAdjacencyClick = (graphic: IMarkGraphic) => {
+  protected _handleLinkAdjacencyClick(graphic: IMarkGraphic) {
     const curLinkDatum = getDatumOfGraphic(graphic) as Datum;
     const highlightNodes: string[] = [curLinkDatum.source, curLinkDatum.target];
 
@@ -601,9 +601,9 @@ export class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpec> exten
     }
 
     this._needClear = true;
-  };
+  }
 
-  protected _handleNodeRelatedClick = (graphic: IMarkGraphic) => {
+  protected _handleNodeRelatedClick(graphic: IMarkGraphic) {
     const nodeDatum = getDatumOfGraphic(graphic) as Datum;
     const allNodeElements = this._nodeMark.getGraphics();
 
@@ -824,9 +824,9 @@ export class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpec> exten
     }
 
     this._needClear = true;
-  };
+  }
 
-  protected _handleLinkRelatedClick = (graphic: IMarkGraphic) => {
+  protected _handleLinkRelatedClick(graphic: IMarkGraphic) {
     const allNodeElements = this._nodeMark.getGraphics();
 
     if (!allNodeElements || !allNodeElements.length) {
@@ -966,9 +966,9 @@ export class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpec> exten
     }
 
     this._needClear = true;
-  };
+  }
 
-  protected _highLightElements(graphics: IMarkGraphic[], highlightNodes: string[]) {
+  protected _highLightElements(graphics: IMarkGraphic[], highlightNodes: (string | number)[]) {
     if (!graphics || !graphics.length) {
       return;
     }

packages/vchart/src/series/sankey/sankey.ts

@@ -24,7 +24,7 @@
     "@visactor/vrender-core": "1.0.9",
     "@visactor/vrender-kits": "1.0.9",
     "@visactor/vrender-components": "1.0.9",
-    "@visactor/vutils": "~1.0.6"
+    "@visactor/vutils": "~1.0.9"
   },
   "devDependencies": {
     "@internal/bundler": "workspace:*",

packages/vstory/package.json

@@ -25,8 +25,8 @@
     "test-watch": "DEBUG_MODE=1 jest --watch"
   },
   "dependencies": {
-    "@visactor/vutils": "~1.0.6",
-    "@visactor/vdataset": "~1.0.6"
+    "@visactor/vutils": "~1.0.9",
+    "@visactor/vdataset": "~1.0.9"
   },
   "devDependencies": {
     "@internal/bundler": "workspace:*",