@visactor/vchart-extension 2.0.3-alpha.0 → 2.0.3-alpha.1

package/cjs/charts/axis-3d/axis-3d-mixin.js

@@ -11,7 +11,54 @@ class Axis3dMixin {
         this.layout3dBox = box3d;
     }
     _afterUpdateAttribute(attrs, ignoreGrid) {
-        return (0, vchart_1.isZAxis)(this._orient) ? (0, util_1.getUpdateAttributeOfZAxis)(this, ignoreGrid) : attrs;
+        const isZ = (0, vchart_1.isZAxis)(this._orient), isX = (0, vchart_1.isXAxis)(this._orient), isY = (0, 
+        vchart_1.isYAxis)(this._orient);
+        let regionHeight = 0, regionWidth = 0;
+        if (!ignoreGrid) {
+            const regions = this.getRegions();
+            let {x: minX, y: minY} = regions[0].getLayoutStartPoint(), maxX = minX + regions[0].getLayoutRect().width, maxY = minY + regions[0].getLayoutRect().height;
+            for (let index = 1; index < regions.length; index++) {
+                const region = regions[index], {x: x, y: y} = region.getLayoutStartPoint(), {width: width, height: height} = region.getLayoutRect();
+                minX = Math.min(minX, x), maxX = Math.max(maxX, width + x), minY = Math.min(minY, y), 
+                maxY = Math.max(maxY, height + y);
+            }
+            regionHeight = Math.abs(maxY - minY), regionWidth = Math.abs(maxX - minX);
+        }
+        let gridLength = 0, axisLength = 0;
+        const {width: width, height: height} = this.getLayoutRect();
+        let end = {
+            x: 0,
+            y: 0
+        };
+        isX ? (end = {
+            x: width,
+            y: 0
+        }, gridLength = regionHeight, axisLength = width) : isY && (end = {
+            x: 0,
+            y: height
+        }, gridLength = regionWidth, axisLength = height);
+        const depth = this.layout3dBox ? this.layout3dBox.length : 0;
+        if (!isZ) {
+            const items = this.getLabelItems(axisLength);
+            return attrs.grid = {
+                length: gridLength
+            }, attrs.start = {
+                x: 0,
+                y: 0
+            }, attrs.text = this._spec.title.text || this._dataFieldText, attrs.maxWidth = this._getTitleLimit(isX), 
+            attrs.items = items, attrs.grid = {
+                type: "line",
+                start: {
+                    x: 0,
+                    y: 0
+                },
+                end: end,
+                items: items[0],
+                depth: depth,
+                length: gridLength
+            }, attrs;
+        }
+        return (0, util_1.getUpdateAttributeOfZAxis)(this, ignoreGrid);
     }
 }
 

package/cjs/charts/axis-3d/axis-3d-mixin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/axis-3d/axis-3d-mixin.ts"],"names":[],"mappings":";;;AACA,6CAA2C;AAC3C,iCAAmD;AAEnD,MAAa,WAAW;IAGtB,cAAc,CAAC,KAAwD;QACrE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAES,qBAAqB,CAAC,KAAU,EAAE,UAAmB;QAC7D,MAAM,GAAG,GAAG,IAAA,gBAAO,EAAE,IAAY,CAAC,OAAO,CAAC,CAAC;QAE3C,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,KAAK,CAAC;SACd;QAED,OAAO,IAAA,gCAAyB,EAAC,IAAwB,EAAE,UAAU,CAAC,CAAC;IACzE,CAAC;CACF;AAhBD,kCAgBC","file":"axis-3d-mixin.js","sourcesContent":["import type { IAxis } from '@visactor/vchart';\nimport { isZAxis } from '@visactor/vchart';\nimport { getUpdateAttributeOfZAxis } from './util';\n\nexport class Axis3dMixin {\n  layout3dBox?: { width: number; height: number; length: number };\n\n  setLayout3dBox(box3d: { width: number; height: number; length: number }) {\n    this.layout3dBox = box3d;\n  }\n\n  protected _afterUpdateAttribute(attrs: any, ignoreGrid: boolean) {\n    const isZ = isZAxis((this as any)._orient);\n\n    if (!isZ) {\n      return attrs;\n    }\n\n    return getUpdateAttributeOfZAxis(this as unknown as IAxis, ignoreGrid);\n  }\n}\n"]}
+{"version":3,"sources":["../src/charts/axis-3d/axis-3d-mixin.ts"],"names":[],"mappings":"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","file":"axis-3d-mixin.js","sourcesContent":["import type { IAxis } from '@visactor/vchart';\nimport { isXAxis, isYAxis, isZAxis } from '@visactor/vchart';\nimport { getUpdateAttributeOfZAxis } from './util';\n\nexport class Axis3dMixin {\n  layout3dBox?: { width: number; height: number; length: number };\n\n  setLayout3dBox(box3d: { width: number; height: number; length: number }) {\n    this.layout3dBox = box3d;\n  }\n\n  protected _afterUpdateAttribute(attrs: any, ignoreGrid: boolean) {\n    const isZ = isZAxis((this as any)._orient);\n    const isX = isXAxis((this as any)._orient);\n    const isY = isYAxis((this as any)._orient);\n\n    // 获取更新的坐标轴属性\n    let regionHeight = 0;\n    let regionWidth = 0;\n\n    if (!ignoreGrid) {\n      const regions = (this as any).getRegions();\n      let { x: minX, y: minY } = regions[0].getLayoutStartPoint();\n      let maxX = minX + regions[0].getLayoutRect().width;\n      let maxY = minY + regions[0].getLayoutRect().height;\n      for (let index = 1; index < regions.length; index++) {\n        const region = regions[index];\n        const { x, y } = region.getLayoutStartPoint();\n        const { width, height } = region.getLayoutRect();\n        minX = Math.min(minX, x);\n        maxX = Math.max(maxX, width + x);\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, height + y);\n      }\n      regionHeight = Math.abs(maxY - minY);\n      regionWidth = Math.abs(maxX - minX);\n    }\n\n    let gridLength = 0;\n    let axisLength = 0;\n    const { width, height } = (this as any).getLayoutRect();\n    let end = { x: 0, y: 0 };\n\n    if (isX) {\n      end = { x: width, y: 0 };\n      gridLength = regionHeight;\n      axisLength = width;\n    } else if (isY) {\n      end = { x: 0, y: height };\n      gridLength = regionWidth;\n      axisLength = height;\n    }\n\n    const depth = (this as any).layout3dBox ? (this as any).layout3dBox.length : 0;\n\n    if (!isZ) {\n      const items = (this as any).getLabelItems(axisLength);\n      attrs.grid = {\n        length: gridLength\n      };\n      attrs.start = { x: 0, y: 0 };\n      attrs.text = (this as any)._spec.title.text || (this as any)._dataFieldText;\n      attrs.maxWidth = (this as any)._getTitleLimit(isX);\n      attrs.items = items;\n      attrs.grid = {\n        type: 'line',\n        start: { x: 0, y: 0 },\n        end,\n        items: items[0],\n        depth,\n        length: gridLength\n      };\n      return attrs;\n    }\n\n    return getUpdateAttributeOfZAxis(this as unknown as IAxis, ignoreGrid);\n  }\n}\n"]}

package/cjs/charts/axis-3d/util.js

@@ -21,7 +21,10 @@ const vchart_1 = require("@visactor/vchart"), getUpdateAttributeOfZAxis = (axis,
         },
         items: items,
         scale: axis._scale.clone()
-    };
+    }, directionStr = null !== (_a = axis.directionStr) && void 0 !== _a ? _a : "r2l";
+    let anchor3d = [ 0, 0 ], alpha = -Math.PI / 2, z = 0;
+    return "l2r" === directionStr && (z = axis.layout3dBox.length, anchor3d = [ 0, 0, 0 ], 
+    alpha = Math.PI / 2), attrs.z = z, attrs.alpha = alpha, attrs.anchor3d = anchor3d, 
     ignoreGrid || (attrs.grid = {
         type: "line",
         start: {
@@ -32,13 +35,11 @@ const vchart_1 = require("@visactor/vchart"), getUpdateAttributeOfZAxis = (axis,
         items: items[0],
         verticalFactor: axis._axisStyle.verticalFactor,
         depth: depthZ,
-        length: ignoreGrid ? 0 : regionSize.height
-    });
-    const directionStr = null !== (_a = axis.directionStr) && void 0 !== _a ? _a : "r2l";
-    let anchor3d = [ 0, 0 ], alpha = -Math.PI / 2, z = 0;
-    return "l2r" === directionStr && (z = axis.layout3dBox.length, anchor3d = [ 0, 0, 0 ], 
-    alpha = Math.PI / 2), attrs.z = z, attrs.alpha = alpha, attrs.anchor3d = anchor3d, 
-    attrs;
+        length: ignoreGrid ? 0 : regionSize.height,
+        alpha: alpha,
+        z: z,
+        anchor3d: anchor3d
+    }), attrs;
 };
 
 exports.getUpdateAttributeOfZAxis = getUpdateAttributeOfZAxis;

package/cjs/charts/axis-3d/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/axis-3d/util.ts"],"names":[],"mappings":";;;AAAA,6CAAwE;AAEjE,MAAM,yBAAyB,GAAG,CAAC,IAAW,EAAE,UAAmB,EAAE,EAAE;;IAC5E,MAAM,UAAU,GAAG,IAAA,iCAAwB,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACvC,MAAM,UAAU,GAAG,KAAK,CAAC;IACzB,MAAM,KAAK,GAAI,IAAY,CAAC,WAAW,CAAC,CAAC,CAAE,IAAY,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,MAAM,MAAM,GAAI,IAAY,CAAC,WAAW,CAAC,CAAC,CAAE,IAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAE/B,MAAM,KAAK,GAAI,IAAY,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACtD,MAAM,KAAK,GAAQ;QACjB,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACrB,GAAG;QACH,KAAK,EAAE;YACL,IAAI,EAAG,IAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAK,IAAY,CAAC,cAAc;YACpE,QAAQ,EAAG,IAAY,CAAC,cAAc,CAAC,KAAK,CAAC;SAC9C;QACD,KAAK;QACL,KAAK,EAAG,IAAY,CAAC,MAAM,CAAC,KAAK,EAAE;KACpC,CAAC;IACF,IAAI,CAAC,UAAU,EAAE;QACf,KAAK,CAAC,IAAI,GAAG;YACX,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YACrB,GAAG;YACH,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;YACf,cAAc,EAAG,IAAY,CAAC,UAAU,CAAC,cAAc;YACvD,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SAC5C,CAAC;KACH;IAED,MAAM,YAAY,GAAG,MAAC,IAAY,CAAC,YAAY,mCAAI,KAAK,CAAC;IACzD,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtB,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;IACzB,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,YAAY,KAAK,KAAK,EAAE;QAC1B,CAAC,GAAI,IAAY,CAAC,WAAW,CAAC,MAAM,CAAC;QACrC,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACrB,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KACrB;IACD,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;IACZ,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAE1B,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AA7CW,QAAA,yBAAyB,6BA6CpC","file":"util.js","sourcesContent":["import { getCombinedSizeOfRegions, type IAxis } from '@visactor/vchart';\n\nexport const getUpdateAttributeOfZAxis = (axis: IAxis, ignoreGrid: boolean) => {\n  const regionSize = getCombinedSizeOfRegions(axis.getRegions());\n  const { width } = axis.getLayoutRect();\n  const axisLength = width;\n  const depth = (axis as any).layout3dBox ? (axis as any).layout3dBox.length : 0;\n  const depthZ = (axis as any).layout3dBox ? (axis as any).layout3dBox.width : 0;\n  const end = { x: depth, y: 0 };\n\n  const items = (axis as any).getLabelItems(axisLength);\n  const attrs: any = {\n    start: { x: 0, y: 0 },\n    end,\n    title: {\n      text: (axis as any)._spec.title.text || (axis as any)._dataFieldText,\n      maxWidth: (axis as any)._getTitleLimit(false)\n    },\n    items,\n    scale: (axis as any)._scale.clone()\n  };\n  if (!ignoreGrid) {\n    attrs.grid = {\n      type: 'line',\n      start: { x: 0, y: 0 },\n      end,\n      items: items[0],\n      verticalFactor: (axis as any)._axisStyle.verticalFactor,\n      depth: depthZ,\n      length: !ignoreGrid ? regionSize.height : 0\n    };\n  }\n\n  const directionStr = (axis as any).directionStr ?? 'r2l';\n  let anchor3d = [0, 0];\n  let alpha = -Math.PI / 2;\n  let z = 0;\n  if (directionStr === 'l2r') {\n    z = (axis as any).layout3dBox.length;\n    anchor3d = [0, 0, 0];\n    alpha = Math.PI / 2;\n  }\n  attrs.z = z;\n  attrs.alpha = alpha;\n  attrs.anchor3d = anchor3d;\n\n  return attrs;\n};\n"]}
+{"version":3,"sources":["../src/charts/axis-3d/util.ts"],"names":[],"mappings":";;;AAAA,6CAAwE;AAEjE,MAAM,yBAAyB,GAAG,CAAC,IAAW,EAAE,UAAmB,EAAE,EAAE;;IAC5E,MAAM,UAAU,GAAG,IAAA,iCAAwB,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACvC,MAAM,UAAU,GAAG,KAAK,CAAC;IACzB,MAAM,KAAK,GAAI,IAAY,CAAC,WAAW,CAAC,CAAC,CAAE,IAAY,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,MAAM,MAAM,GAAI,IAAY,CAAC,WAAW,CAAC,CAAC,CAAE,IAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAE/B,MAAM,KAAK,GAAI,IAAY,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACtD,MAAM,KAAK,GAAQ;QACjB,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACrB,GAAG;QACH,KAAK,EAAE;YACL,IAAI,EAAG,IAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAK,IAAY,CAAC,cAAc;YACpE,QAAQ,EAAG,IAAY,CAAC,cAAc,CAAC,KAAK,CAAC;SAC9C;QACD,KAAK;QACL,KAAK,EAAG,IAAY,CAAC,MAAM,CAAC,KAAK,EAAE;KACpC,CAAC;IAEF,MAAM,YAAY,GAAG,MAAC,IAAY,CAAC,YAAY,mCAAI,KAAK,CAAC;IACzD,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtB,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;IACzB,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,YAAY,KAAK,KAAK,EAAE;QAC1B,CAAC,GAAI,IAAY,CAAC,WAAW,CAAC,MAAM,CAAC;QACrC,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACrB,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KACrB;IACD,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;IACZ,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAE1B,IAAI,CAAC,UAAU,EAAE;QACf,KAAK,CAAC,IAAI,GAAG;YACX,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YACrB,GAAG;YACH,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;YACf,cAAc,EAAG,IAAY,CAAC,UAAU,CAAC,cAAc;YACvD,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC3C,KAAK;YACL,CAAC;YACD,QAAQ;SACT,CAAC;KACH;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAhDW,QAAA,yBAAyB,6BAgDpC","file":"util.js","sourcesContent":["import { getCombinedSizeOfRegions, type IAxis } from '@visactor/vchart';\n\nexport const getUpdateAttributeOfZAxis = (axis: IAxis, ignoreGrid: boolean) => {\n  const regionSize = getCombinedSizeOfRegions(axis.getRegions());\n  const { width } = axis.getLayoutRect();\n  const axisLength = width;\n  const depth = (axis as any).layout3dBox ? (axis as any).layout3dBox.length : 0;\n  const depthZ = (axis as any).layout3dBox ? (axis as any).layout3dBox.width : 0;\n  const end = { x: depth, y: 0 };\n\n  const items = (axis as any).getLabelItems(axisLength);\n  const attrs: any = {\n    start: { x: 0, y: 0 },\n    end,\n    title: {\n      text: (axis as any)._spec.title.text || (axis as any)._dataFieldText,\n      maxWidth: (axis as any)._getTitleLimit(false)\n    },\n    items,\n    scale: (axis as any)._scale.clone()\n  };\n\n  const directionStr = (axis as any).directionStr ?? 'r2l';\n  let anchor3d = [0, 0];\n  let alpha = -Math.PI / 2;\n  let z = 0;\n  if (directionStr === 'l2r') {\n    z = (axis as any).layout3dBox.length;\n    anchor3d = [0, 0, 0];\n    alpha = Math.PI / 2;\n  }\n  attrs.z = z;\n  attrs.alpha = alpha;\n  attrs.anchor3d = anchor3d;\n\n  if (!ignoreGrid) {\n    attrs.grid = {\n      type: 'line',\n      start: { x: 0, y: 0 },\n      end,\n      items: items[0],\n      verticalFactor: (axis as any)._axisStyle.verticalFactor,\n      depth: depthZ,\n      length: !ignoreGrid ? regionSize.height : 0,\n      alpha,\n      z,\n      anchor3d\n    };\n  }\n  return attrs;\n};\n"]}

package/cjs/charts/compare-sankey/compare-sankey-sub-data.d.ts

@@ -0,0 +1,9 @@
+import type { DataView } from '@visactor/vdataset';
+export interface ICompareSankeyLayoutOpt {
+    rawData: () => DataView;
+    nodeKey: string;
+    subNodeGap: number;
+}
+export declare const compareSankeySubData: (data: Array<DataView>, opt: ICompareSankeyLayoutOpt) => {
+    [key: string]: any;
+};

package/cjs/charts/compare-sankey/compare-sankey-sub-data.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.compareSankeySubData = void 0;
+
+const vutils_1 = require("@visactor/vutils"), hierarchy_1 = require("@visactor/vlayouts/es/sankey/hierarchy"), compareSankeySubData = (data, opt) => {
+    var _a;
+    const viewData = data[0];
+    if (!(null === (_a = viewData.latestData) || void 0 === _a ? void 0 : _a.length)) return {};
+    const rawDataTree = opt.rawData().latestData[0], subNodeGap = opt.subNodeGap, keyFunc = (0, 
+    vutils_1.isFunction)(opt.nodeKey) ? opt.nodeKey : opt.nodeKey ? (0, vutils_1.field)(opt.nodeKey) : null, subNodeMap = {};
+    rawDataTree.subNode.forEach((sunGroup => {
+        subNodeMap[sunGroup.type] = (0, hierarchy_1.computeHierarchicNodeLinks)(sunGroup.nodes, keyFunc), 
+        (0, hierarchy_1.computeNodeValues)(subNodeMap[sunGroup.type].nodes);
+    }));
+    const subCount = Object.keys(subNodeMap).length, subNodes = [];
+    return viewData.latestData[0].nodes.forEach((n => {
+        let path = [];
+        if (n.targetLinks.length) {
+            path = [ ...n.targetLinks[0].parents ];
+        }
+        path.push(n.key);
+        let currentY = n.y0;
+        const totalSize = n.y1 - n.y0 - (subCount - 1) * subNodeGap, totalValue = n.value;
+        rawDataTree.subNode.forEach((sunGroup => {
+            const subNode = subNodeMap[sunGroup.type].nodes.find((subN => subN.key === n.key));
+            if (!subNode) return;
+            const percent = subNode.value / totalValue;
+            subNode.x0 = n.x0, subNode.x1 = n.x1, subNode.y0 = currentY, subNode.y1 = currentY + totalSize * percent, 
+            subNode.type = sunGroup.type, subNode.sourceNode = n, currentY += totalSize * percent + subNodeGap, 
+            subNodes.push(subNode);
+        }));
+    })), subNodeMap;
+};
+
+exports.compareSankeySubData = compareSankeySubData;
+//# sourceMappingURL=compare-sankey-sub-data.js.map

package/cjs/charts/compare-sankey/compare-sankey-sub-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/compare-sankey/compare-sankey-sub-data.ts"],"names":[],"mappings":"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","file":"compare-sankey-sub-data.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport { field, isFunction } from '@visactor/vutils';\nimport { computeNodeValues, computeHierarchicNodeLinks } from '@visactor/vlayouts/es/sankey/hierarchy';\nimport type { SankeyNodeElement } from '@visactor/vlayouts/es/sankey/interface';\n\nexport interface ICompareSankeyLayoutOpt {\n  rawData: () => DataView;\n  nodeKey: string;\n  subNodeGap: number;\n}\n\nexport const compareSankeySubData = (data: Array<DataView>, opt: ICompareSankeyLayoutOpt) => {\n  const viewData = data[0] as DataView;\n  if (!viewData.latestData?.length) {\n    return {};\n  }\n  // 读取参数\n  const rawDataTree = opt.rawData().latestData[0];\n  const subNodeGap = opt.subNodeGap;\n  const keyFunc = isFunction(opt.nodeKey) ? opt.nodeKey : opt.nodeKey ? field(opt.nodeKey as string) : null;\n\n  const subNodeMap: { [key: string]: any } = {};\n  rawDataTree.subNode.forEach((sunGroup: any) => {\n    subNodeMap[sunGroup.type] = computeHierarchicNodeLinks(sunGroup.nodes, keyFunc);\n    computeNodeValues(subNodeMap[sunGroup.type].nodes);\n  });\n  const subCount = Object.keys(subNodeMap).length;\n\n  const subNodes: any[] = [];\n  viewData.latestData[0].nodes.forEach((n: SankeyNodeElement) => {\n    let path: (string | number)[] = [];\n    if (n.targetLinks.length) {\n      const link = n.targetLinks[0];\n      path = [...link.parents];\n    }\n    path.push(n.key);\n    // 根据path获取sub的节点\n    // 当前已使用比例\n    let currentY = n.y0;\n    const totalSize = n.y1 - n.y0 - (subCount - 1) * subNodeGap;\n    const totalValue = n.value;\n    rawDataTree.subNode.forEach((sunGroup: any) => {\n      const subNode = (subNodeMap[sunGroup.type].nodes as SankeyNodeElement[]).find(subN => subN.key === n.key);\n      if (!subNode) {\n        return;\n      }\n      const percent = subNode.value / totalValue;\n      subNode.x0 = n.x0;\n      subNode.x1 = n.x1;\n      subNode.y0 = currentY;\n      subNode.y1 = currentY + totalSize * percent;\n      // @ts-ignore\n      subNode.type = sunGroup.type;\n      // @ts-ignore\n      subNode.sourceNode = n;\n      currentY += totalSize * percent + subNodeGap;\n      subNodes.push(subNode);\n    });\n  });\n  return subNodeMap;\n};\n"]}

package/cjs/charts/compare-sankey/compare-sankey-sub-nodes.d.ts

@@ -0,0 +1,2 @@
+import type { DataView } from '@visactor/vdataset';
+export declare const compareSankeySubNodes: (data: Array<DataView>) => {};

package/cjs/charts/compare-sankey/compare-sankey-sub-nodes.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.compareSankeySubNodes = void 0;
+
+const compareSankeySubNodes = data => {
+    const viewData = data[0];
+    if (!viewData.latestData) return [];
+    const subData = Object.keys(viewData.latestData);
+    if (!subData.length) return {};
+    const subNodes = [];
+    return subData.forEach((key => {
+        subNodes.push(...viewData.latestData[key].nodes);
+    })), [ {
+        nodes: subNodes
+    } ];
+};
+
+exports.compareSankeySubNodes = compareSankeySubNodes;

package/cjs/charts/compare-sankey/compare-sankey-sub-nodes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/compare-sankey/compare-sankey-sub-nodes.ts"],"names":[],"mappings":";;;AAEO,MAAM,qBAAqB,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC7D,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAa,CAAC;IACrC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;QACxB,OAAO,EAAE,CAAC;KACX;IACD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,OAAO,EAAE,CAAC;KACX;IACD,MAAM,QAAQ,GAAU,EAAE,CAAC;IAC3B,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC/B,CAAC,CAAC;AAdW,QAAA,qBAAqB,yBAchC","file":"compare-sankey-sub-nodes.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\n\nexport const compareSankeySubNodes = (data: Array<DataView>) => {\n  const viewData = data[0] as DataView;\n  if (!viewData.latestData) {\n    return [];\n  }\n  const subData = Object.keys(viewData.latestData);\n  if (!subData.length) {\n    return {};\n  }\n  const subNodes: any[] = [];\n  subData.forEach(key => {\n    subNodes.push(...viewData.latestData[key].nodes);\n  });\n  return [{ nodes: subNodes }];\n};\n"]}

package/cjs/charts/compare-sankey/compare-sankey-transformer.d.ts

@@ -0,0 +1,6 @@
+import type { ICompareSankeyChartSpecBase } from './interface';
+import { SankeyChartSpecTransformer } from '@visactor/vchart';
+export declare class CompareSankeyChartSpecTransformer extends SankeyChartSpecTransformer<ICompareSankeyChartSpecBase> {
+    transformSpec(spec: ICompareSankeyChartSpecBase): void;
+    _getDefaultSeriesSpec(spec: ICompareSankeyChartSpecBase): any;
+}

package/cjs/charts/compare-sankey/compare-sankey-transformer.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CompareSankeyChartSpecTransformer = void 0;
+
+const vchart_1 = require("@visactor/vchart");
+
+class CompareSankeyChartSpecTransformer extends vchart_1.SankeyChartSpecTransformer {
+    transformSpec(spec) {
+        super.transformSpec(spec);
+    }
+    _getDefaultSeriesSpec(spec) {
+        const seriesSpec = super._getDefaultSeriesSpec(spec);
+        return seriesSpec.subNodeGap = spec.subNodeGap, seriesSpec.compareNodeColor = spec.compareNodeColor, 
+        seriesSpec.compareLinkColor = spec.compareLinkColor, seriesSpec.activeLink = spec.activeLink, 
+        seriesSpec;
+    }
+}
+
+exports.CompareSankeyChartSpecTransformer = CompareSankeyChartSpecTransformer;
+//# sourceMappingURL=compare-sankey-transformer.js.map

package/cjs/charts/compare-sankey/compare-sankey-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/compare-sankey/compare-sankey-transformer.ts"],"names":[],"mappings":";;;AACA,6CAA8D;AAE9D,MAAa,iCAAkC,SAAQ,mCAAuD;IAC5G,aAAa,CAAC,IAAiC;QAC7C,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAED,qBAAqB,CAAC,IAAiC;QACrD,MAAM,UAAU,GAAG,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACpD,UAA0C,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACxE,UAA0C,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACpF,UAA0C,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACpF,UAA0C,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACzE,OAAO,UAAU,CAAC;IACpB,CAAC;CACF;AAbD,8EAaC","file":"compare-sankey-transformer.js","sourcesContent":["import type { ICompareSankeyChartSpecBase } from './interface';\nimport { SankeyChartSpecTransformer } from '@visactor/vchart';\n\nexport class CompareSankeyChartSpecTransformer extends SankeyChartSpecTransformer<ICompareSankeyChartSpecBase> {\n  transformSpec(spec: ICompareSankeyChartSpecBase): void {\n    super.transformSpec(spec);\n  }\n\n  _getDefaultSeriesSpec(spec: ICompareSankeyChartSpecBase) {\n    const seriesSpec = super._getDefaultSeriesSpec(spec);\n    (seriesSpec as ICompareSankeyChartSpecBase).subNodeGap = spec.subNodeGap;\n    (seriesSpec as ICompareSankeyChartSpecBase).compareNodeColor = spec.compareNodeColor;\n    (seriesSpec as ICompareSankeyChartSpecBase).compareLinkColor = spec.compareLinkColor;\n    (seriesSpec as ICompareSankeyChartSpecBase).activeLink = spec.activeLink;\n    return seriesSpec;\n  }\n}\n"]}

package/cjs/charts/compare-sankey/compare-sankey.d.ts

@@ -0,0 +1,35 @@
+import type { ICompareSankeyChartSpecBase, ICompareSankeySeriesSpecBase } from './interface';
+import type { Datum } from '@visactor/vchart';
+import { VChart, SankeyChart, SankeySeries } from '@visactor/vchart';
+import { DataView } from '@visactor/vdataset';
+import { CompareSankeyChartSpecTransformer } from './compare-sankey-transformer';
+import type { IMarkGraphic } from '@visactor/vchart/src/mark/interface';
+export declare class CompareSankeyChart extends SankeyChart<ICompareSankeyChartSpecBase> {
+    type: string;
+    static type: string;
+    _spec: ICompareSankeyChartSpecBase;
+    static readonly transformerConstructor: typeof CompareSankeyChartSpecTransformer;
+    readonly transformerConstructor: typeof CompareSankeyChartSpecTransformer;
+}
+export declare class CompareSankeySeries extends SankeySeries<ICompareSankeySeriesSpecBase> {
+    protected _arrowData?: DataView;
+    private _subData;
+    private _activeLinkData;
+    private _activeLinkMark;
+    initData(): void;
+    initEvent(): void;
+    initMark(): void;
+    compileData(): void;
+    _initLinkMarkStyle(): void;
+    _initNodeMarkStyle(): void;
+    private activeLinkDataUpdate;
+    protected _fillCompareNode: (datum: Datum) => any;
+    protected _fillActiveLink: (datum: Datum) => any;
+    protected _handleNodeRelatedClick(graphic: IMarkGraphic): void;
+    private _activeTargetLink;
+    private _activeSourceLink;
+    protected _handleClearEmpty(): void;
+}
+export declare const registerCompareSankeyChart: (option?: {
+    VChart?: typeof VChart;
+}) => void;

package/cjs/charts/compare-sankey/compare-sankey.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerCompareSankeyChart = exports.CompareSankeySeries = exports.CompareSankeyChart = void 0;
+
+const data_1 = require("./../../../../vchart/src/constant/data"), vchart_1 = require("@visactor/vchart"), vdataset_1 = require("@visactor/vdataset"), compare_sankey_transformer_1 = require("./compare-sankey-transformer"), compare_sankey_sub_nodes_1 = require("./compare-sankey-sub-nodes"), compare_sankey_sub_data_1 = require("./compare-sankey-sub-data");
+
+class CompareSankeyChart extends vchart_1.SankeyChart {
+    constructor() {
+        super(...arguments), this.type = "compareSankey", this.transformerConstructor = compare_sankey_transformer_1.CompareSankeyChartSpecTransformer;
+    }
+}
+
+exports.CompareSankeyChart = CompareSankeyChart, CompareSankeyChart.type = "compareSankey", 
+CompareSankeyChart.transformerConstructor = compare_sankey_transformer_1.CompareSankeyChartSpecTransformer;
+
+class CompareSankeySeries extends vchart_1.SankeySeries {
+    constructor() {
+        super(...arguments), this._fillCompareNode = datum => {
+            var _a, _b, _c;
+            return (null === (_a = this._spec.compareNodeColor) || void 0 === _a ? void 0 : _a[datum.type]) ? this._spec.compareNodeColor[datum.type] : null !== (_c = null === (_b = this._spec.node.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this._fillByNode(datum);
+        }, this._fillActiveLink = datum => {
+            var _a, _b, _c;
+            return (null === (_a = this._spec.compareLinkColor) || void 0 === _a ? void 0 : _a[datum.type]) ? this._spec.compareLinkColor[datum.type] : null !== (_c = null === (_b = this._spec.link.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this._fillByLink(datum);
+        };
+    }
+    initData() {
+        var _a;
+        super.initData();
+        const {dataSet: dataSet} = this._option, compareSubData = new vdataset_1.DataView(dataSet, {
+            name: `compare-sankey-sub-data-${this.id}-data`
+        });
+        compareSubData.parse([ this.getViewData() ], {
+            type: "dataview"
+        }), this._subData = compareSubData;
+        const compareNodeData = new vdataset_1.DataView(dataSet, {
+            name: `compare-sankey-node-${this.id}-data`
+        });
+        compareNodeData.parse([ compareSubData ], {
+            type: "dataview"
+        }), (0, vchart_1.registerDataSetInstanceTransform)(this._dataSet, "compareSankeySubData", compare_sankey_sub_data_1.compareSankeySubData), 
+        compareSubData.transform({
+            type: "compareSankeySubData",
+            options: {
+                rawData: () => this.getRawData(),
+                valueField: this._valueField,
+                nodeKey: this._spec.nodeKey,
+                subNodeGap: null !== (_a = this._spec.subNodeGap) && void 0 !== _a ? _a : 2
+            }
+        }), (0, vchart_1.registerDataSetInstanceTransform)(this._dataSet, "compareSankeySubNodes", compare_sankey_sub_nodes_1.compareSankeySubNodes), 
+        compareNodeData.transform({
+            type: "compareSankeySubNodes"
+        }), this._nodesSeriesData.parse([ compareNodeData ], {
+            type: "dataview"
+        }), this._activeLinkData = new vdataset_1.DataView(dataSet, {
+            name: `compare-sankey-link-${this.id}-data`
+        });
+    }
+    initEvent() {
+        var _a;
+        super.initEvent(), null === (_a = this._activeLinkData) || void 0 === _a || _a.target.addListener("change", this.activeLinkDataUpdate.bind(this));
+    }
+    initMark() {
+        super.initMark();
+        const linkMark = this._createMark(Object.assign(Object.assign({}, vchart_1.SankeySeries.mark.link), {
+            name: "activeLink"
+        }), {
+            dataView: this._activeLinkData
+        });
+        linkMark && (this._activeLinkMark = linkMark);
+    }
+    compileData() {
+        var _a;
+        super.compileData(), null === (_a = this._activeLinkMark) || void 0 === _a || _a.compileData();
+    }
+    _initLinkMarkStyle() {
+        super._initLinkMarkStyle(), this._activeLinkMark.setGlyphConfig({
+            direction: this.direction
+        }), this.setMarkStyle(this._activeLinkMark, {
+            x0: datum => datum.x0,
+            x1: datum => datum.x1,
+            y0: datum => datum.y0,
+            y1: datum => datum.y1,
+            thickness: datum => datum.thickness
+        }, vchart_1.STATE_VALUE_ENUM.STATE_NORMAL, vchart_1.AttributeLevel.Series), this.setMarkStyle(this._activeLinkMark, {
+            fill: this._fillActiveLink
+        }, vchart_1.STATE_VALUE_ENUM.STATE_NORMAL, vchart_1.AttributeLevel.User_Mark);
+    }
+    _initNodeMarkStyle() {
+        super._initNodeMarkStyle(), this._spec.compareNodeColor && this.setMarkStyle(this._nodeMark, {
+            fill: this._fillCompareNode
+        }, "normal", vchart_1.AttributeLevel.User_Mark);
+    }
+    activeLinkDataUpdate() {
+        this._activeLinkMark.getData().updateData();
+    }
+    _handleNodeRelatedClick(graphic) {
+        const nodeDatum = (0, vchart_1.getDatumOfGraphic)(graphic), allNodeElements = this._nodeMark.getGraphics();
+        if (!allNodeElements || !allNodeElements.length) return;
+        const allLinkElements = this._linkMark.getGraphics();
+        if (!allLinkElements || !allLinkElements.length) return;
+        allLinkElements.forEach((el => {
+            el.removeState([ vchart_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS ]);
+        })), this._highLightElements(allLinkElements, []);
+        const nodeDatums = allNodeElements.map((el => (0, vchart_1.getDatumOfGraphic)(el))), pickNodeDatums = nodeDatums.filter((d => d.key === nodeDatum.key)), highlightLinksData = [], highlightNodeKeys = [];
+        this._activeTargetLink(nodeDatum, pickNodeDatums, allNodeElements, allLinkElements, highlightNodeKeys, highlightLinksData), 
+        this._activeSourceLink(nodeDatum, pickNodeDatums, nodeDatums, allNodeElements, highlightNodeKeys, highlightLinksData), 
+        this._highLightElements(allNodeElements, highlightNodeKeys), this._activeLinkData.parseNewData(highlightLinksData), 
+        this._needClear = !0;
+    }
+    _activeTargetLink(nodeDatum, pickNodeDatums, allNodeElements, allLinkElements, highlightNodeKeys, highlightLinksData) {
+        this._handleClearEmpty();
+        const firstTarget = nodeDatum.sourceNode.targetLinks[0];
+        if (!firstTarget) return;
+        let percent = 0;
+        pickNodeDatums.forEach((n => {
+            const link = n.targetLinks.find((l => l.key === firstTarget.key));
+            if (link) {
+                const p = link.value / firstTarget.value, key = firstTarget.key + "_" + n.type, activeLink = Object.assign(Object.assign({}, firstTarget), {
+                    y0: firstTarget.y0 - firstTarget.thickness / 2 + (percent + p / 2) * firstTarget.thickness,
+                    y1: n.y0 + p * firstTarget.thickness / 2,
+                    thickness: p * firstTarget.thickness,
+                    key: key,
+                    type: n.type,
+                    [vchart_1.DEFAULT_DATA_INDEX]: highlightLinksData.length,
+                    [data_1.DEFAULT_DATA_KEY]: key
+                });
+                highlightLinksData.push(activeLink), percent += p;
+            }
+        })), highlightNodeKeys.push(...firstTarget.parents, nodeDatum.key);
+        const linkKeys = [];
+        for (let i = 0; i < firstTarget.parents.length - 1; i++) linkKeys.push(firstTarget.parents[i] + "-" + firstTarget.parents[i + 1]);
+        this._highLightElements(allLinkElements, linkKeys);
+    }
+    _activeSourceLink(nodeDatum, pickNodeDatums, allNodeDatums, allNodeElements, highlightNodeKeys, highlightLinksData) {
+        this._handleClearEmpty();
+        const sourceLinks = nodeDatum.sourceNode.sourceLinks;
+        if (!(null == sourceLinks ? void 0 : sourceLinks.length)) return;
+        const sourceValueTemp = {};
+        sourceLinks.forEach((sourceLink => {
+            highlightNodeKeys.push(sourceLink.target), pickNodeDatums.forEach(((n, index) => {
+                var _a;
+                sourceValueTemp[n.type] = null !== (_a = sourceValueTemp[n.type]) && void 0 !== _a ? _a : 0;
+                const link = n.sourceLinks.find((l => l.key === sourceLink.key));
+                if (link) {
+                    const p = link.value / n.value, totalSize = n.y1 - n.y0, size = totalSize * p, key = sourceLink.key + "_" + n.type, activeLink = Object.assign(Object.assign({}, sourceLink), {
+                        y0: n.y0 + sourceValueTemp[n.type] * totalSize + size / 2,
+                        thickness: size,
+                        key: key,
+                        type: n.type,
+                        [vchart_1.DEFAULT_DATA_INDEX]: highlightLinksData.length,
+                        [data_1.DEFAULT_DATA_KEY]: key
+                    });
+                    if (0 === index) activeLink.y1 = sourceLink.y1 - sourceLink.thickness / 2 + size / 2; else {
+                        const targetNode = allNodeDatums.find((_n => _n.key === link.target && _n.type === n.type));
+                        if (!targetNode) return;
+                        activeLink.y1 = targetNode.y0 + size / 2;
+                    }
+                    highlightLinksData.push(activeLink), sourceValueTemp[n.type] += p;
+                }
+            }));
+        }));
+    }
+    _handleClearEmpty() {
+        super._handleClearEmpty(), this._activeLinkData.parseNewData([]);
+        const allNodeElements = this._nodeMark.getGraphics();
+        !allNodeElements && allNodeElements.length || allNodeElements.forEach((el => {
+            el.removeState(vchart_1.STATE_VALUE_ENUM.STATE_HOVER);
+        }));
+        const allLinkElements = this._linkMark.getGraphics();
+        !allLinkElements && allLinkElements.length || allLinkElements.forEach((el => {
+            el.removeState(vchart_1.STATE_VALUE_ENUM.STATE_HOVER);
+        }));
+    }
+}
+
+exports.CompareSankeySeries = CompareSankeySeries;
+
+const registerCompareSankeyChart = option => {
+    (0, vchart_1.registerMarkFilterTransform)();
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || vchart_1.VChart;
+    vchartConstructor && (vchartConstructor.useChart([ CompareSankeyChart ]), vchartConstructor.useSeries([ CompareSankeySeries ]));
+};
+
+exports.registerCompareSankeyChart = registerCompareSankeyChart;
+//# sourceMappingURL=compare-sankey.js.map

package/cjs/charts/compare-sankey/compare-sankey.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/compare-sankey/compare-sankey.ts"],"names":[],"mappings":"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","file":"compare-sankey.js","sourcesContent":["import { DEFAULT_DATA_KEY } from './../../../../vchart/src/constant/data';\nimport type { SankeyLinkElement } from '@visactor/vlayouts/es/sankey';\nimport type { ICompareSankeyChartSpecBase, ICompareSankeySeriesSpecBase } from './interface';\nimport type { Datum, ILinkPathMarkSpec, IRectMarkSpec } from '@visactor/vchart';\nimport {\n  VChart,\n  SankeyChart,\n  SankeySeries,\n  registerMarkFilterTransform,\n  registerDataSetInstanceTransform,\n  STATE_VALUE_ENUM,\n  AttributeLevel,\n  getDatumOfGraphic,\n  DEFAULT_DATA_INDEX\n} from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { CompareSankeyChartSpecTransformer } from './compare-sankey-transformer';\nimport { compareSankeySubNodes } from './compare-sankey-sub-nodes';\nimport type { IGlyphMark, ILinkPathMark, IMarkGraphic } from '@visactor/vchart/src/mark/interface';\nimport { compareSankeySubData } from './compare-sankey-sub-data';\n\nexport class CompareSankeyChart extends SankeyChart<ICompareSankeyChartSpecBase> {\n  type = 'compareSankey';\n  static type = 'compareSankey';\n\n  declare _spec: ICompareSankeyChartSpecBase;\n\n  static readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n  readonly transformerConstructor = CompareSankeyChartSpecTransformer;\n}\n\nexport class CompareSankeySeries extends SankeySeries<ICompareSankeySeriesSpecBase> {\n  protected _arrowData?: DataView;\n\n  private _subData: DataView;\n\n  private _activeLinkData: DataView;\n  private _activeLinkMark: ILinkPathMark;\n\n  initData() {\n    super.initData();\n    // 此时 viewData 已经初始化完成\n    // 创建 第二层 viewDataActive\n    //\n    const { dataSet } = this._option;\n\n    const compareSubData = new DataView(dataSet, { name: `compare-sankey-sub-data-${this.id}-data` });\n    compareSubData.parse([this.getViewData()], {\n      type: 'dataview'\n    });\n    this._subData = compareSubData;\n\n    const compareNodeData = new DataView(dataSet, { name: `compare-sankey-node-${this.id}-data` });\n    compareNodeData.parse([compareSubData], {\n      type: 'dataview'\n    });\n\n    // 注册对比布局函数，计算拆解 nodes 的信息\n    registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubData', compareSankeySubData);\n    compareSubData.transform({\n      type: 'compareSankeySubData',\n      options: {\n        rawData: () => this.getRawData(),\n        valueField: this._valueField,\n        nodeKey: this._spec.nodeKey,\n        subNodeGap: this._spec.subNodeGap ?? 2\n      }\n    });\n    registerDataSetInstanceTransform(this._dataSet, 'compareSankeySubNodes', compareSankeySubNodes);\n    compareNodeData.transform({\n      type: 'compareSankeySubNodes'\n    });\n    this._nodesSeriesData.parse([compareNodeData], {\n      type: 'dataview'\n    });\n\n    // 激活时的linkData\n    this._activeLinkData = new DataView(dataSet, { name: `compare-sankey-link-${this.id}-data` });\n  }\n\n  initEvent() {\n    super.initEvent();\n    this._activeLinkData?.target.addListener('change', this.activeLinkDataUpdate.bind(this));\n  }\n\n  initMark() {\n    super.initMark();\n\n    const linkMark = this._createMark(\n      { ...SankeySeries.mark.link, name: 'activeLink' },\n      {\n        dataView: this._activeLinkData\n      }\n    ) as ILinkPathMark;\n    if (linkMark) {\n      this._activeLinkMark = linkMark;\n    }\n  }\n  compileData() {\n    super.compileData();\n    this._activeLinkMark?.compileData();\n  }\n\n  _initLinkMarkStyle() {\n    super._initLinkMarkStyle();\n    (this._activeLinkMark as IGlyphMark).setGlyphConfig({\n      direction: this.direction\n    });\n\n    this.setMarkStyle<ILinkPathMarkSpec>(\n      this._activeLinkMark,\n      {\n        x0: (datum: Datum) => datum.x0,\n        x1: (datum: Datum) => datum.x1,\n        y0: (datum: Datum) => datum.y0,\n        y1: (datum: Datum) => datum.y1,\n        thickness: (datum: Datum) => datum.thickness\n      },\n      STATE_VALUE_ENUM.STATE_NORMAL,\n      AttributeLevel.Series\n    );\n\n    this.setMarkStyle(\n      this._activeLinkMark,\n      {\n        fill: this._fillActiveLink\n      },\n      STATE_VALUE_ENUM.STATE_NORMAL,\n      AttributeLevel.User_Mark\n    );\n  }\n\n  _initNodeMarkStyle() {\n    super._initNodeMarkStyle();\n    if (this._spec.compareNodeColor) {\n      this.setMarkStyle<IRectMarkSpec>(\n        this._nodeMark,\n        {\n          fill: this._fillCompareNode\n        },\n        'normal',\n        AttributeLevel.User_Mark\n      );\n    }\n  }\n\n  private activeLinkDataUpdate() {\n    this._activeLinkMark.getData().updateData();\n  }\n\n  protected _fillCompareNode = (datum: Datum) => {\n    if (this._spec.compareNodeColor?.[datum.type]) {\n      return this._spec.compareNodeColor[datum.type];\n    }\n    return this._spec.node.style?.fill ?? this._fillByNode(datum);\n  };\n\n  protected _fillActiveLink = (datum: Datum) => {\n    if (this._spec.compareLinkColor?.[datum.type]) {\n      return this._spec.compareLinkColor[datum.type];\n    }\n    return this._spec.link.style?.fill ?? this._fillByLink(datum);\n  };\n\n  protected _handleNodeRelatedClick(graphic: IMarkGraphic) {\n    const nodeDatum = getDatumOfGraphic(graphic) as Datum;\n    // 节点\n    const allNodeElements = this._nodeMark.getGraphics();\n    if (!allNodeElements || !allNodeElements.length) {\n      return;\n    }\n    // 边\n    const allLinkElements = this._linkMark.getGraphics();\n    if (!allLinkElements || !allLinkElements.length) {\n      return;\n    }\n\n    // 原始 link 全部进入blur状态\n    allLinkElements.forEach(el => {\n      el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);\n    });\n    this._highLightElements(allLinkElements, []);\n\n    const nodeDatums = allNodeElements.map(el => getDatumOfGraphic(el) as Datum);\n    const pickNodeDatums = nodeDatums.filter(d => d.key === nodeDatum.key);\n    // 层级型数据\n    const highlightLinksData: any[] = [];\n    // 高亮节点key\n    const highlightNodeKeys: (string | number)[] = [];\n\n    // 上游路径始终只选取第一个\n    this._activeTargetLink(\n      nodeDatum,\n      pickNodeDatums,\n      allNodeElements,\n      allLinkElements,\n      highlightNodeKeys,\n      highlightLinksData\n    );\n    this._activeSourceLink(\n      nodeDatum,\n      pickNodeDatums,\n      nodeDatums,\n      allNodeElements,\n      highlightNodeKeys,\n      highlightLinksData\n    );\n    this._highLightElements(allNodeElements, highlightNodeKeys);\n    this._activeLinkData.parseNewData(highlightLinksData);\n\n    this._needClear = true;\n  }\n\n  private _activeTargetLink(\n    nodeDatum: Datum,\n    pickNodeDatums: Datum[],\n    allNodeElements: IMarkGraphic[],\n    allLinkElements: IMarkGraphic[],\n    highlightNodeKeys: (string | number)[],\n    highlightLinksData: any[]\n  ) {\n    this._handleClearEmpty();\n    const sourceNode = nodeDatum.sourceNode;\n    // 上游路径始终只选取第一个\n    const firstTarget = sourceNode.targetLinks[0];\n    if (!firstTarget) {\n      return;\n    }\n    let percent = 0;\n    pickNodeDatums.forEach(n => {\n      const link = n.targetLinks.find((l: any) => l.key === firstTarget.key);\n      if (link) {\n        const p = link.value / firstTarget.value;\n        const key = firstTarget.key + '_' + n.type;\n        const activeLink = {\n          ...firstTarget,\n          // 起点重新分配\n          y0: firstTarget.y0 - firstTarget.thickness / 2 + (percent + p / 2) * firstTarget.thickness,\n          y1: n.y0 + (p * firstTarget.thickness) / 2,\n          thickness: p * firstTarget.thickness,\n          key,\n          type: n.type,\n          [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n          [DEFAULT_DATA_KEY]: key\n        };\n        highlightLinksData.push(activeLink);\n        percent += p;\n      }\n    });\n\n    // 第一个 path 中上流路径上的 node 全部高亮\n    highlightNodeKeys.push(...firstTarget.parents, nodeDatum.key);\n    const linkKeys: string[] = [];\n    // 找到对应的原始 link 也都高亮\n    for (let i = 0; i < firstTarget.parents.length - 1; i++) {\n      linkKeys.push(firstTarget.parents[i] + '-' + firstTarget.parents[i + 1]);\n    }\n    this._highLightElements(allLinkElements, linkKeys);\n  }\n\n  private _activeSourceLink(\n    nodeDatum: Datum,\n    pickNodeDatums: Datum[],\n    allNodeDatums: Datum[],\n    allNodeElements: IMarkGraphic[],\n    highlightNodeKeys: (string | number)[],\n    highlightLinksData: any[]\n  ) {\n    this._handleClearEmpty();\n    const sourceNode = nodeDatum.sourceNode;\n    // 下游路径始需要全部处理\n    const sourceLinks = sourceNode.sourceLinks;\n    if (!sourceLinks?.length) {\n      return;\n    }\n\n    const highNodeKeys: any[] = [];\n    const sourceValueTemp: { [key: string]: number } = {};\n    sourceLinks.forEach((sourceLink: SankeyLinkElement) => {\n      highlightNodeKeys.push(sourceLink.target);\n      pickNodeDatums.forEach((n, index) => {\n        sourceValueTemp[n.type] = sourceValueTemp[n.type] ?? 0;\n        const link = n.sourceLinks.find((l: SankeyLinkElement) => l.key === sourceLink.key);\n        if (link) {\n          const p = link.value / n.value;\n          const totalSize = n.y1 - n.y0;\n          const size = totalSize * p;\n          const key = sourceLink.key + '_' + n.type;\n          const activeLink = {\n            ...sourceLink,\n            // 起点重新分配\n            y0: n.y0 + sourceValueTemp[n.type] * totalSize + size / 2,\n            thickness: size,\n            key,\n            type: n.type,\n            [DEFAULT_DATA_INDEX]: highlightLinksData.length,\n            [DEFAULT_DATA_KEY]: key\n          };\n          // y1 分为第一个和在其他\n          if (index === 0) {\n            // 与原始link的起点\n            activeLink.y1 = sourceLink.y1 - sourceLink.thickness / 2 + size / 2;\n          } else {\n            // 与目标子 node 的 y0 对齐\n            const targetNode = allNodeDatums.find(_n => _n.key === link.target && _n.type === n.type);\n            if (targetNode) {\n              activeLink.y1 = targetNode.y0 + size / 2;\n            } else {\n              // 错误的情况\n              return;\n            }\n          }\n          highlightLinksData.push(activeLink);\n          sourceValueTemp[n.type] += p;\n        }\n      });\n    });\n  }\n\n  protected _handleClearEmpty() {\n    super._handleClearEmpty();\n    this._activeLinkData.parseNewData([]);\n\n    // 同时需要清除 hover\n    const allNodeElements = this._nodeMark.getGraphics();\n    if (allNodeElements || !allNodeElements.length) {\n      allNodeElements.forEach(el => {\n        el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n      });\n    }\n\n    // 同时需要清除 hover\n    const allLinkElements = this._linkMark.getGraphics();\n    if (allLinkElements || !allLinkElements.length) {\n      allLinkElements.forEach(el => {\n        el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n      });\n    }\n  }\n}\n\nexport const registerCompareSankeyChart = (option?: { VChart?: typeof VChart }) => {\n  registerMarkFilterTransform();\n\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([CompareSankeyChart]);\n    vchartConstructor.useSeries([CompareSankeySeries]);\n  }\n};\n"]}

package/cjs/charts/compare-sankey/constants.d.ts

@@ -0,0 +1 @@
+

package/cjs/charts/compare-sankey/constants.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=constants.js.map

package/cjs/charts/compare-sankey/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/compare-sankey/constants.ts"],"names":[],"mappings":"","file":"constants.js","sourcesContent":[""]}

package/cjs/charts/compare-sankey/index.d.ts

@@ -0,0 +1,2 @@
+export * from './interface';
+export * from './compare-sankey';

package/cjs/charts/compare-sankey/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./interface"), exports), __exportStar(require("./compare-sankey"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/charts/compare-sankey/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/compare-sankey/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,mDAAiC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './compare-sankey';\n"]}

package/cjs/charts/compare-sankey/interface.d.ts

@@ -0,0 +1,23 @@
+import type { ISankeyChartSpec, ISankeySeriesSpec, ILinkPathMarkSpec } from '@visactor/vchart';
+export interface ICompareSankeySpec {
+    subNodeGap?: number;
+    compareNodeColor?: {
+        [key: string]: string;
+    };
+    compareLinkColor?: {
+        [key: string]: string;
+    };
+    activeLink?: {
+        style: ILinkPathMarkSpec;
+    };
+}
+export interface ICompareSankeySeriesSpecBase extends ISankeySeriesSpec, ICompareSankeySpec {
+}
+export interface ICompareSankeyChartSpecBase extends ISankeyChartSpec, ICompareSankeySpec {
+}
+export interface ICompareSankeySeriesSpec extends Omit<ICompareSankeySeriesSpecBase, 'type' | 'series'> {
+    type: 'compareSankey';
+}
+export interface ICompareSankeyChartSpec extends Omit<ICompareSankeyChartSpecBase, 'type' | 'series'> {
+    type: 'compareSankey';
+}

package/cjs/charts/{sequence-analysis → compare-sankey}/interface.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/cjs/charts/compare-sankey/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/compare-sankey/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISankeyChartSpec, ISankeySeriesSpec, ILinkPathMarkSpec } from '@visactor/vchart';\n\nexport interface ICompareSankeySpec {\n  /**\n   * 子节点间距\n   */\n  subNodeGap?: number;\n  /**\n   * 对比节点颜色\n   */\n  compareNodeColor?: { [key: string]: string };\n  /**\n   * 对比边点颜色\n   */\n  compareLinkColor?: { [key: string]: string };\n  /**\n   * 对比边样式\n   */\n  activeLink?: {\n    style: ILinkPathMarkSpec;\n  };\n}\n\nexport interface ICompareSankeySeriesSpecBase extends ISankeySeriesSpec, ICompareSankeySpec {}\n\nexport interface ICompareSankeyChartSpecBase extends ISankeyChartSpec, ICompareSankeySpec {}\n\nexport interface ICompareSankeySeriesSpec extends Omit<ICompareSankeySeriesSpecBase, 'type' | 'series'> {\n  type: 'compareSankey';\n}\n\nexport interface ICompareSankeyChartSpec extends Omit<ICompareSankeyChartSpecBase, 'type' | 'series'> {\n  type: 'compareSankey';\n}\n"]}

package/cjs/charts/compare-sankey/util.d.ts

@@ -0,0 +1 @@
+

package/cjs/charts/compare-sankey/util.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=util.js.map

package/cjs/charts/compare-sankey/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/compare-sankey/util.ts"],"names":[],"mappings":"","file":"util.js","sourcesContent":[""]}

package/cjs/charts/conversion-funnel/constants.js

@@ -20,4 +20,5 @@ exports.DEFAULT_ARROW_MARK_STYLE = {
     fontSize: 12
 }, exports.DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE = {
     fill: "#eff1f9"
-};
+};
+//# sourceMappingURL=constants.js.map