@visactor/vchart-extension 1.13.22 → 1.13.23-alpha.0

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getNodeDatumInSubTree = exports.getNodeDatumInTree = exports.getSubNodeDatum = exports.traverseTree = void 0;
+
+const traverseTree = (subTree, callback) => {
+    subTree.forEach((node => {
+        callback(node), node.children && node.children.length && (0, exports.traverseTree)(node.children, callback);
+    }));
+};
+
+function getSubNodeDatum(allNodeElements, filter) {
+    return allNodeElements.filter((n => filter(n.data[0])));
+}
+
+function getNodeDatumInTree(nodes, filter) {
+    const result = [];
+    return nodes.forEach((node => {
+        (0, exports.traverseTree)([ node ], (node => {
+            filter(node) && result.push(node);
+        }));
+    })), result;
+}
+
+function getNodeDatumInSubTree(subNodes, filter) {
+    const list = [];
+    return subNodes.forEach((subNode => {
+        const {nodes: nodes} = subNode, result = __rest(subNode, [ "nodes" ]);
+        result.datum = [], nodes.forEach((node => {
+            filter(node) && result.datum.push(node);
+        })), list.push(result);
+    })), list;
+}
+
+exports.traverseTree = traverseTree, exports.getSubNodeDatum = getSubNodeDatum, 
+exports.getNodeDatumInTree = getNodeDatumInTree, exports.getNodeDatumInSubTree = getNodeDatumInSubTree;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/compare-sankey/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAGO,MAAM,YAAY,GAAG,CAAC,OAAc,EAAE,QAA6B,EAAE,EAAE;IAC5E,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACrB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACzC,IAAA,oBAAY,EAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACvC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAPW,QAAA,YAAY,gBAOvB;AAuBF,SAAgB,eAAe,CAAC,eAA2B,EAAE,MAA2B;IACtF,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/D,CAAC;AAFD,0CAEC;AAKD,SAAgB,kBAAkB,CAAC,KAAY,EAAE,MAA2B;IAC1E,MAAM,MAAM,GAAU,EAAE,CAAC;IACzB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;QAC1B,IAAA,oBAAY,EAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAS,EAAE,EAAE;YACjC,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;gBAChB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACnB;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AAVD,gDAUC;AAED,SAAgB,qBAAqB,CAAC,QAAe,EAAE,MAA2B;IAChF,MAAM,IAAI,GAIJ,EAAE,CAAC;IACT,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAY,EAAE,EAAE;QAChC,MAAM,EAAE,KAAK,KAAgB,OAAO,EAAlB,MAAM,UAAK,OAAO,EAA9B,SAAoB,CAAU,CAAC;QACrC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;QAClB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;YAC1B,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;gBAChB,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACzB;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAjBD,sDAiBC","file":"utils.js","sourcesContent":["import { Datum, IElement } from '@visactor/vgrammar-core';\n\n// 遍历树，桑基图节点通过 callback  返回到调用方\nexport const traverseTree = (subTree: any[], callback: (node: any) => void) => {\n  subTree.forEach(node => {\n    callback(node);\n    if (node.children && node.children.length) {\n      traverseTree(node.children, callback);\n    }\n  });\n};\n\n/**\n * 通过节点获取链接节点\n * 规则如下\n * 1. 节点有 children 时，链接节点为 children 中第一个节点\n * 2. 节点无 children 时，链接节点为父节点\n */\n// export const getLinkNodeInFSAT = (\n//   node: any,\n//   allNodeElements: IElement[],\n//   allLinkElements: IElement[],\n//   viewData: DataView\n// ) => {\n//   return {\n//     nodeKey: [],\n//     linkKey: []\n//   } as { nodeKey: string[]; linkKey: string[] };\n// };\n\n/**\n * 获取符合条件的子节点元素\n */\nexport function getSubNodeDatum(allNodeElements: IElement[], filter: (n: any) => boolean) {\n  return allNodeElements.filter((n: any) => filter(n.data[0]));\n}\n\n/**\n * 在原始树结构中查找符合条件的节点\n */\nexport function getNodeDatumInTree(nodes: any[], filter: (n: any) => boolean) {\n  const result: any[] = [];\n  nodes.forEach((node: any) => {\n    traverseTree([node], (node: any) => {\n      if (filter(node)) {\n        result.push(node);\n      }\n    });\n  });\n  return result;\n}\n\nexport function getNodeDatumInSubTree(subNodes: any[], filter: (n: any) => boolean) {\n  const list: {\n    type: string;\n    datum: Datum[];\n    [key: string]: any;\n  }[] = [];\n  subNodes.forEach((subNode: any) => {\n    const { nodes, ...result } = subNode;\n    result.datum = [];\n    nodes.forEach((node: any) => {\n      if (filter(node)) {\n        result.datum.push(node);\n      }\n    });\n    list.push(result);\n  });\n  return list;\n}\n"]}

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

@@ -0,0 +1,8 @@
+import type { DataView } from '@visactor/vdataset';
+export interface ICompareSankeyLayoutOpt {
+    rawData: () => DataView;
+    nodeKey: string;
+    subNodeGap: number;
+    subNodeMinSize?: number;
+}
+export declare const compareSankeyDiffSubData: (data: Array<DataView>, opt: ICompareSankeyLayoutOpt) => {};

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

@@ -0,0 +1,85 @@
+"use strict";
+
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.compareSankeyDiffSubData = void 0;
+
+const compareSankeyDiffSubData = (data, opt) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const viewData = data[0];
+    if (!(null === (_a = viewData.latestData) || void 0 === _a ? void 0 : _a.length)) return {};
+    const subNodeMinSize = null !== (_b = opt.subNodeMinSize) && void 0 !== _b ? _b : 0, subNodeGap = opt.subNodeGap, subDataList = [], sankeyLayoutTransform = viewData.dataSet.getTransform("sankeyLayout"), sankeyTransformOption = Object.assign({}, viewData.transformsArr.find((t => "sankeyLayout" === t.type)).options);
+    delete sankeyTransformOption.customLayout;
+    const viewDataLatest = viewData.latestData[0];
+    null === (_g = null === (_f = null === (_e = null === (_d = null === (_c = viewData.rawData) || void 0 === _c ? void 0 : _c[0]) || void 0 === _d ? void 0 : _d.latestData) || void 0 === _e ? void 0 : _e[0]) || void 0 === _f ? void 0 : _f.subNode) || void 0 === _g || _g.forEach((subGroup => {
+        const {nodes: nodes} = subGroup, rest = __rest(subGroup, [ "nodes" ]), data = sankeyLayoutTransform([ Object.assign({
+            nodes: nodes
+        }, rest) ], sankeyTransformOption);
+        Object.keys(rest).forEach((key => {
+            data[0].nodes.forEach((n => {
+                n[key] = rest[key];
+            }));
+        })), subDataList.push({
+            data: data,
+            external: rest
+        });
+    }));
+    const subCount = subDataList.length;
+    viewData.latestData[0].nodes.forEach(((n, index) => {
+        let currentY = n.y0;
+        const totalSize = n.y1 - n.y0 - (subCount - 1) * subNodeGap, totalValue = n.value;
+        subDataList.forEach((subData => {
+            var _a;
+            let subN = subData.data[0].nodes[index];
+            if (subN.key !== n.key && (subN = subData.data[0].nodes.find((n => n.key == n.key))), 
+            !subN) return;
+            const percent = 0 === totalValue ? 0 : subN.value / totalValue, nodeSize = Math.max(subNodeMinSize, totalSize * percent), diffX = n.x0 - subN.x0, lastY0 = subN.y0, lastSize = subN.y1 - subN.y0, sizeMultiply = nodeSize / lastSize;
+            subN._compare_compute_temp = {
+                diffX: diffX,
+                lastY0: lastY0,
+                lastSize: lastSize,
+                sizeMultiply: sizeMultiply
+            }, subN.x0 = n.x0, subN.x1 = n.x1, subN.y0 = currentY, subN.y1 = currentY + nodeSize, 
+            currentY += nodeSize + subNodeGap, null === (_a = subN.sourceLinks) || void 0 === _a || _a.forEach((link => {
+                var _a;
+                link.type = subN.type, link.x0 = (null !== (_a = link.x0) && void 0 !== _a ? _a : 0) + diffX, 
+                link.thickness = link.thickness * sizeMultiply, link.y0 = (link.y0 - lastY0) * sizeMultiply + subN.y0, 
+                link.sourceRect && (link.sourceRect.x0 = subN.x0, link.sourceRect.x1 = subN.x1, 
+                link.sourceRect.y0 = subN.y0, link.sourceRect.y1 = subN.y1);
+            }));
+        }));
+    })), subDataList.forEach((subData => {
+        subData.data[0].nodes.forEach((n => {
+            var _a;
+            const {diffX: diffX, lastY0: lastY0, sizeMultiply: sizeMultiply} = n._compare_compute_temp;
+            null === (_a = n.targetLinks) || void 0 === _a || _a.forEach((link => {
+                var _a;
+                link.x1 = (null !== (_a = link.x1) && void 0 !== _a ? _a : 0) + diffX, link.y1 = (link.y1 - lastY0) * sizeMultiply + n.y0, 
+                link.targetRect && (link.targetRect.x0 = n.x0, link.targetRect.x1 = n.x1, link.targetRect.y0 = n.y0, 
+                link.targetRect.y1 = n.y1);
+            }));
+        }));
+    }));
+    const finalViewData = {
+        columns: [],
+        links: [],
+        nodes: []
+    };
+    return finalViewData.columns = viewDataLatest.columns.reduce(((prev, cur, curIndex) => (prev.push(subDataList.reduce(((prev, cur) => prev.concat(cur.data[0].columns[curIndex])), [])), 
+    prev)), []), finalViewData.links = subDataList.reduce(((prev, cur) => prev.concat(cur.data[0].links)), []), 
+    finalViewData.nodes = subDataList.reduce(((prev, cur) => prev.concat(cur.data[0].nodes)), []), 
+    [ finalViewData ];
+};
+
+exports.compareSankeyDiffSubData = compareSankeyDiffSubData;
+//# sourceMappingURL=compare-sankey-diff-data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/compare-sankey-diff/compare-sankey-diff-data.ts"],"names":[],"mappings":"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","file":"compare-sankey-diff-data.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport { SankeyNodeElement } from '@visactor/vgrammar-sankey';\n\nexport interface ICompareSankeyLayoutOpt {\n  rawData: () => DataView;\n  nodeKey: string;\n  subNodeGap: number;\n  subNodeMinSize?: number;\n}\n\nexport const compareSankeyDiffSubData = (data: Array<DataView>, opt: ICompareSankeyLayoutOpt) => {\n  const viewData = data[0] as DataView;\n  if (!viewData.latestData?.length) {\n    return {};\n  }\n\n  const subNodeMinSize = opt.subNodeMinSize ?? 0;\n  const subNodeGap = opt.subNodeGap;\n  const subDataList: { data: any[]; external: any }[] = [];\n  const sankeyLayoutTransform = viewData.dataSet.getTransform('sankeyLayout');\n  const sankeyTransformOption = { ...viewData.transformsArr.find(t => t.type === 'sankeyLayout').options };\n  // 自定义 layout 后处理不执行\n  delete sankeyTransformOption.customLayout;\n  const viewDataLatest = viewData.latestData[0];\n  // 使用每一个对比数据生成对比节点和对比边\n  viewData.rawData?.[0]?.latestData?.[0]?.subNode?.forEach((subGroup: any) => {\n    const { nodes, ...rest } = subGroup;\n    const data = sankeyLayoutTransform([{ nodes, ...rest }], sankeyTransformOption);\n    Object.keys(rest).forEach(key => {\n      data[0].nodes.forEach((n: { [x: string]: any }) => {\n        n[key] = rest[key];\n      });\n    });\n    subDataList.push({ data: data, external: rest });\n  });\n\n  const subCount = subDataList.length;\n  viewData.latestData[0].nodes.forEach((n: SankeyNodeElement, index: number) => {\n    let currentY = n.y0;\n    const totalSize = n.y1 - n.y0 - (subCount - 1) * subNodeGap;\n    const totalValue = n.value;\n    subDataList.forEach((subData: any) => {\n      let subN = subData.data[0].nodes[index] as SankeyNodeElement;\n      if (subN.key !== n.key) {\n        subN = subData.data[0].nodes.find((n: SankeyNodeElement) => n.key === n.key);\n      }\n      if (!subN) {\n        return;\n      }\n      const percent = totalValue === 0 ? 0 : subN.value / totalValue;\n      const nodeSize = Math.max(subNodeMinSize, totalSize * percent);\n\n      // x 方向偏移\n      const diffX = n.x0 - subN.x0;\n      const lastY0 = subN.y0;\n      const lastSize = subN.y1 - subN.y0;\n      const sizeMultiply = nodeSize / lastSize;\n\n      // @ts-expect-error\n      subN._compare_compute_temp = {\n        diffX,\n        lastY0,\n        lastSize,\n        sizeMultiply\n      };\n\n      subN.x0 = n.x0;\n      subN.x1 = n.x1;\n      subN.y0 = currentY;\n      subN.y1 = currentY + nodeSize;\n      currentY += nodeSize + subNodeGap;\n\n      // updateLink // 只更新 source Link\n      subN.sourceLinks?.forEach(link => {\n        // @ts-expect-error\n        link.type = subN.type;\n        link.x0 = (link.x0 ?? 0) + diffX;\n        link.thickness = link.thickness * sizeMultiply;\n        link.y0 = (link.y0 - lastY0) * sizeMultiply + subN.y0;\n\n        if (link.sourceRect) {\n          link.sourceRect.x0 = subN.x0;\n          link.sourceRect.x1 = subN.x1;\n          link.sourceRect.y0 = subN.y0;\n          link.sourceRect.y1 = subN.y1;\n        }\n      });\n    });\n  });\n\n  // 最后更新一次target Link\n  subDataList.forEach((subData: any) => {\n    subData.data[0].nodes.forEach((n: SankeyNodeElement) => {\n      // @ts-expect-error\n      const { diffX, lastY0, sizeMultiply } = n._compare_compute_temp;\n      // target Link\n      n.targetLinks?.forEach(link => {\n        link.x1 = (link.x1 ?? 0) + diffX;\n        link.y1 = (link.y1 - lastY0) * sizeMultiply + n.y0;\n\n        if (link.targetRect) {\n          link.targetRect.x0 = n.x0;\n          link.targetRect.x1 = n.x1;\n          link.targetRect.y0 = n.y0;\n          link.targetRect.y1 = n.y1;\n        }\n      });\n    });\n  });\n\n  const finalViewData: { columns: any[]; links: any[]; nodes: any[] } = {\n    columns: [],\n    links: [],\n    nodes: []\n  };\n  // 合并节点和边\n  finalViewData.columns = viewDataLatest.columns.reduce((prev: any[], cur: any, curIndex: number) => {\n    prev.push(subDataList.reduce((prev, cur) => prev.concat(cur.data[0].columns[curIndex]), []));\n    return prev;\n  }, []);\n  finalViewData.links = subDataList.reduce((prev, cur) => prev.concat(cur.data[0].links), []);\n  finalViewData.nodes = subDataList.reduce((prev, cur) => prev.concat(cur.data[0].nodes), []);\n  return [finalViewData];\n};\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/compare-sankey-diff/compare-sankey-diff-transformer.ts"],"names":[],"mappings":";;;AACA,6CAA8D;AAM9D,MAAa,qCAAsC,SAAQ,mCAA2D;IAAtH;;QACE,eAAU,GAAG,mBAAmB,CAAC;IAmBnC,CAAC;IAfC,aAAa,CAAC,IAAqC;QACjD,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAKD,qBAAqB,CAAC,IAAqC;QACzD,MAAM,UAAU,GAAG,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACpD,UAA2C,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACzE,UAA2C,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QACjF,UAA2C,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACrF,UAA2C,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACtF,OAAO,UAAU,CAAC;IACpB,CAAC;CACF;AApBD,sFAoBC","file":"compare-sankey-diff-transformer.js","sourcesContent":["import type { ICompareSankeyDiffChartSpecBase, ICompareSankeyDiffSeriesSpec } from './interface';\nimport { SankeyChartSpecTransformer } from '@visactor/vchart';\n\n/**\n * compare-sankey-diff 图表规格转换器\n */\n// @ts-expect-error\nexport class CompareSankeyDiffChartSpecTransformer extends SankeyChartSpecTransformer<ICompareSankeyDiffChartSpecBase> {\n  seriesType = 'compareSankeyDiff';\n  /**\n   * 转换外部传入的图表规格\n   */\n  transformSpec(spec: ICompareSankeyDiffChartSpecBase): void {\n    super.transformSpec(spec);\n  }\n\n  /**\n   * 生成默认的系列规格，并将图表级配置下发到系列\n   */\n  _getDefaultSeriesSpec(spec: ICompareSankeyDiffChartSpecBase) {\n    const seriesSpec = super._getDefaultSeriesSpec(spec);\n    (seriesSpec as ICompareSankeyDiffSeriesSpec).subNodeGap = spec.subNodeGap;\n    (seriesSpec as ICompareSankeyDiffSeriesSpec).subNodeMinSize = spec.subNodeMinSize;\n    (seriesSpec as ICompareSankeyDiffSeriesSpec).compareNodeColor = spec.compareNodeColor;\n    (seriesSpec as ICompareSankeyDiffSeriesSpec).compareLinkColor = spec.compareLinkColor;\n    return seriesSpec;\n  }\n}\n"]}

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

@@ -0,0 +1,34 @@
+import type { ICompareSankeyDiffChartSpecBase, ICompareSankeyDiffSeriesSpecBase } from './interface';
+import { VChart, SankeyChart, SankeySeries } from '@visactor/vchart';
+import { CompareSankeyDiffChartSpecTransformer } from './compare-sankey-diff-transformer';
+type Datum = any;
+export declare class CompareSankeyDiffChart extends SankeyChart<ICompareSankeyDiffChartSpecBase> {
+    type: string;
+    static type: string;
+    readonly seriesType: string;
+    _spec: ICompareSankeyDiffChartSpecBase;
+    static readonly transformerConstructor: typeof CompareSankeyDiffChartSpecTransformer;
+    readonly transformerConstructor: typeof CompareSankeyDiffChartSpecTransformer;
+}
+export declare class CompareSankeyDiffSeries extends SankeySeries<ICompareSankeyDiffSeriesSpecBase> {
+    type: string;
+    static type: string;
+    initData(): void;
+    compileData(): void;
+    _initLinkMarkStyle(): void;
+    _initNodeMarkStyle(): void;
+    protected _fillCompareNode: (datum: any) => any;
+    protected _fillCompareLink: (datum: any) => any;
+    protected _handleClearEmpty(highlightState: string, blurState: string): void;
+    getSubNodeDatum(filter: (n: Datum) => boolean): import("@visactor/vgrammar-core").IElement[];
+    getNodeDatumInTree(filter: (n: any) => boolean): any[];
+    getNodeDatumInSubTree(filter: (n: any) => boolean): {
+        [key: string]: any;
+        type: string;
+        datum: any[];
+    }[];
+}
+export declare const registerCompareSankeyDiffChart: (option?: {
+    VChart?: typeof VChart;
+}) => void;
+export {};

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

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerCompareSankeyDiffChart = exports.CompareSankeyDiffSeries = exports.CompareSankeyDiffChart = void 0;
+
+const vchart_1 = require("@visactor/vchart"), vdataset_1 = require("@visactor/vdataset"), compare_sankey_diff_transformer_1 = require("./compare-sankey-diff-transformer"), compare_sankey_diff_data_1 = require("./compare-sankey-diff-data"), utils_1 = require("../compare-sankey/utils");
+
+class CompareSankeyDiffChart extends vchart_1.SankeyChart {
+    constructor() {
+        super(...arguments), this.type = "compareSankeyDiff", this.seriesType = CompareSankeyDiffSeries.type, 
+        this.transformerConstructor = compare_sankey_diff_transformer_1.CompareSankeyDiffChartSpecTransformer;
+    }
+}
+
+exports.CompareSankeyDiffChart = CompareSankeyDiffChart, CompareSankeyDiffChart.type = "compareSankeyDiff", 
+CompareSankeyDiffChart.transformerConstructor = compare_sankey_diff_transformer_1.CompareSankeyDiffChartSpecTransformer;
+
+class CompareSankeyDiffSeries extends vchart_1.SankeySeries {
+    constructor() {
+        super(...arguments), this.type = "compareSankeyDiff", this._fillCompareNode = datum => {
+            var _a, _b, _c, _d;
+            const specAny = this._spec;
+            return (null === (_a = specAny.compareNodeColor) || void 0 === _a ? void 0 : _a[datum.type]) ? specAny.compareNodeColor[datum.type] : null !== (_d = null === (_c = null === (_b = this._spec.node) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : this._fillByNode(datum);
+        }, this._fillCompareLink = datum => {
+            var _a, _b, _c, _d;
+            const specAny = this._spec;
+            return (null === (_a = specAny.compareLinkColor) || void 0 === _a ? void 0 : _a[datum.type]) ? specAny.compareLinkColor[datum.type] : null !== (_d = null === (_c = null === (_b = this._spec.link) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : this._fillByLink(datum);
+        };
+    }
+    initData() {
+        var _a, _b;
+        super.initData();
+        const {dataSet: dataSet} = this._option, compareData = new vdataset_1.DataView(dataSet, {
+            name: `compare-sankey-diff-compare-data-${this.id}-data`
+        });
+        compareData.parse([ this.getViewData() ], {
+            type: "dataview"
+        }), (0, vchart_1.registerDataSetInstanceTransform)(this._dataSet, "compareSankeyDiffSubData", compare_sankey_diff_data_1.compareSankeyDiffSubData), 
+        compareData.transform({
+            type: "compareSankeyDiffSubData",
+            options: {
+                rawData: () => this.getRawData(),
+                valueField: this._valueField,
+                nodeKey: this._spec.nodeKey,
+                subNodeGap: null !== (_a = this._spec.subNodeGap) && void 0 !== _a ? _a : 2,
+                subNodeMinSize: null !== (_b = this._spec.subNodeMinSize) && void 0 !== _b ? _b : 0
+            }
+        }), this._nodesSeriesData.getDataView().parse([ compareData ], {
+            type: "dataview"
+        }), this._linksSeriesData.getDataView().parse([ compareData ], {
+            type: "dataview"
+        });
+    }
+    compileData() {
+        super.compileData();
+    }
+    _initLinkMarkStyle() {
+        super._initLinkMarkStyle(), this._spec.compareLinkColor && this.setMarkStyle(this._linkMark, {
+            fill: this._fillCompareLink
+        }, "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);
+    }
+    _handleClearEmpty(highlightState, blurState) {
+        super._handleClearEmpty(highlightState, blurState);
+        const allNodeElements = this._nodeMark.getProductElements();
+        !allNodeElements && allNodeElements.length || allNodeElements.forEach((el => {
+            el.removeState(vchart_1.STATE_VALUE_ENUM.STATE_HOVER);
+        }));
+        const allLinkElements = this._linkMark.getProductElements();
+        !allLinkElements && allLinkElements.length || allLinkElements.forEach((el => {
+            el.removeState(vchart_1.STATE_VALUE_ENUM.STATE_HOVER);
+        }));
+    }
+    getSubNodeDatum(filter) {
+        return (0, utils_1.getSubNodeDatum)(this._nodeMark.getProductElements(), filter);
+    }
+    getNodeDatumInTree(filter) {
+        return (0, utils_1.getNodeDatumInTree)(this._rawData.latestData[0].nodes, filter);
+    }
+    getNodeDatumInSubTree(filter) {
+        return (0, utils_1.getNodeDatumInSubTree)(this._rawData.latestData[0].subNode, filter);
+    }
+}
+
+exports.CompareSankeyDiffSeries = CompareSankeyDiffSeries, CompareSankeyDiffSeries.type = "compareSankeyDiff";
+
+const registerCompareSankeyDiffChart = option => {
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || vchart_1.VChart;
+    vchartConstructor && (vchartConstructor.useChart([ CompareSankeyDiffChart ]), vchartConstructor.useSeries([ CompareSankeyDiffSeries ]));
+};
+
+exports.registerCompareSankeyDiffChart = registerCompareSankeyDiffChart;
+//# sourceMappingURL=compare-sankey-diff.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/compare-sankey-diff/compare-sankey-diff.ts"],"names":[],"mappings":"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","file":"compare-sankey-diff.js","sourcesContent":["import type { ICompareSankeyDiffChartSpecBase, ICompareSankeyDiffSeriesSpecBase } from './interface';\nimport type { IRectMarkSpec } from '@visactor/vchart';\nimport {\n  VChart,\n  SankeyChart,\n  SankeySeries,\n  registerDataSetInstanceTransform,\n  STATE_VALUE_ENUM,\n  AttributeLevel\n} from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { CompareSankeyDiffChartSpecTransformer } from './compare-sankey-diff-transformer';\nimport { compareSankeyDiffSubData } from './compare-sankey-diff-data';\nimport { getNodeDatumInSubTree, getNodeDatumInTree, getSubNodeDatum } from '../compare-sankey/utils';\n\ntype Datum = any;\n/**\n * compare-sankey-diff 图表类\n */\n// @ts-expect-error\nexport class CompareSankeyDiffChart extends SankeyChart<ICompareSankeyDiffChartSpecBase> {\n  type = 'compareSankeyDiff';\n  static type = 'compareSankeyDiff';\n  readonly seriesType = CompareSankeyDiffSeries.type;\n\n  declare _spec: ICompareSankeyDiffChartSpecBase;\n\n  static readonly transformerConstructor = CompareSankeyDiffChartSpecTransformer;\n  readonly transformerConstructor = CompareSankeyDiffChartSpecTransformer;\n}\n\n/**\n * compare-sankey-diff 系列类\n */\n// @ts-expect-error\nexport class CompareSankeyDiffSeries extends SankeySeries<ICompareSankeyDiffSeriesSpecBase> {\n  // @ts-ignore\n  type = 'compareSankeyDiff';\n  static type = 'compareSankeyDiff';\n\n  /**\n   * 初始化数据视图，构建子节点数据与对比节点数据\n   */\n  initData() {\n    super.initData();\n    const { dataSet } = this._option;\n\n    // 数据逻辑变化\n    // 使用原始总计数据生成原始节点位置 这里可以不变\n    // 使用每一个对比数据生成对比节点和对比边\n    // 使用总计数据的节点位置更新对比数据的节点位置\n    // 使用对比数据的点更新对比数据的边\n    // 新数据以来原始数据，以来原始数据结果\n\n    const compareData = new DataView(dataSet, { name: `compare-sankey-diff-compare-data-${this.id}-data` });\n    compareData.parse([this.getViewData()], { type: 'dataview' });\n\n    // 注册并执行子节点拆解与聚合\n    registerDataSetInstanceTransform(this._dataSet, 'compareSankeyDiffSubData', compareSankeyDiffSubData);\n    compareData.transform({\n      type: 'compareSankeyDiffSubData',\n      options: {\n        rawData: () => this.getRawData(),\n        valueField: this._valueField,\n        nodeKey: this._spec.nodeKey,\n        subNodeGap: (this._spec as any).subNodeGap ?? 2,\n        subNodeMinSize: (this._spec as any).subNodeMinSize ?? 0\n      }\n    });\n\n    this._nodesSeriesData.getDataView().parse([compareData], {\n      type: 'dataview'\n    });\n    this._linksSeriesData.getDataView().parse([compareData], {\n      type: 'dataview'\n    });\n  }\n\n  /**\n   * 编译数据\n   */\n  compileData() {\n    super.compileData();\n  }\n\n  /**\n   * 初始化链接样式（激活态）\n   */\n  _initLinkMarkStyle() {\n    super._initLinkMarkStyle();\n    if ((this._spec as any).compareLinkColor) {\n      this.setMarkStyle<IRectMarkSpec>(\n        this._linkMark,\n        { fill: this._fillCompareLink },\n        'normal',\n        AttributeLevel.User_Mark\n      );\n    }\n  }\n\n  /**\n   * 初始化节点样式（支持对比颜色）\n   */\n  _initNodeMarkStyle() {\n    super._initNodeMarkStyle();\n    if ((this._spec as any).compareNodeColor) {\n      this.setMarkStyle<IRectMarkSpec>(\n        this._nodeMark,\n        { fill: this._fillCompareNode },\n        'normal',\n        AttributeLevel.User_Mark\n      );\n    }\n  }\n\n  /**\n   * 计算节点填充色（支持 compareNodeColor）\n   */\n  protected _fillCompareNode = (datum: any) => {\n    const specAny = this._spec as any;\n    if (specAny.compareNodeColor?.[datum.type]) {\n      return specAny.compareNodeColor[datum.type];\n    }\n    return this._spec.node?.style?.fill ?? this._fillByNode(datum);\n  };\n\n  /**\n   * 计算激活态链接填充色（支持 compareLinkColor）\n   */\n  protected _fillCompareLink = (datum: any) => {\n    const specAny = this._spec as any;\n    if (specAny.compareLinkColor?.[datum.type]) {\n      return specAny.compareLinkColor[datum.type];\n    }\n    return this._spec.link?.style?.fill ?? this._fillByLink(datum);\n  };\n\n  /**\n   * 清除状态时同时清空激活态链接与 hover\n   */\n  protected _handleClearEmpty(highlightState: string, blurState: string) {\n    super._handleClearEmpty(highlightState, blurState);\n\n    const allNodeElements = this._nodeMark.getProductElements();\n    if (allNodeElements || !allNodeElements.length) {\n      allNodeElements.forEach(el => {\n        el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n      });\n    }\n\n    const allLinkElements = this._linkMark.getProductElements();\n    if (allLinkElements || !allLinkElements.length) {\n      allLinkElements.forEach(el => {\n        el.removeState(STATE_VALUE_ENUM.STATE_HOVER);\n      });\n    }\n  }\n\n  public getSubNodeDatum(filter: (n: Datum) => boolean) {\n    return getSubNodeDatum(this._nodeMark.getProductElements(), filter);\n  }\n\n  public getNodeDatumInTree(filter: (n: any) => boolean) {\n    return getNodeDatumInTree(this._rawData.latestData[0].nodes, filter);\n  }\n\n  public getNodeDatumInSubTree(filter: (n: any) => boolean) {\n    return getNodeDatumInSubTree(this._rawData.latestData[0].subNode, filter);\n  }\n}\n\n/**\n * 注册 compare-sankey-diff 图表与系列\n */\nexport const registerCompareSankeyDiffChart = (option?: { VChart?: typeof VChart }) => {\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([CompareSankeyDiffChart]);\n    vchartConstructor.useSeries([CompareSankeyDiffSeries]);\n  }\n};\n"]}

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

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

package/cjs/charts/compare-sankey-diff/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-diff"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,24 @@
+import type { ISankeyChartSpec, ISankeySeriesSpec } from '@visactor/vchart';
+export interface ICompareSankeyDiffSpec {
+    subNodeGap?: number;
+    subNodeMinSize?: number;
+    compareNodeColor?: {
+        [key: string]: string;
+    };
+    compareLinkColor?: {
+        [key: string]: string;
+    };
+    emphasis?: Omit<ISankeySeriesSpec['emphasis'], 'effect'> & {
+        effect?: ISankeySeriesSpec['emphasis']['effect'] | 'related-node';
+    };
+}
+export interface ICompareSankeyDiffSeriesSpecBase extends Omit<ISankeySeriesSpec, 'emphasis'>, ICompareSankeyDiffSpec {
+}
+export interface ICompareSankeyDiffChartSpecBase extends Omit<ISankeyChartSpec, 'emphasis'>, ICompareSankeyDiffSpec {
+}
+export interface ICompareSankeyDiffSeriesSpec extends Omit<ICompareSankeyDiffSeriesSpecBase, 'type' | 'series'> {
+    type: 'compareSankeyDiff';
+}
+export interface ICompareSankeyDiffChartSpec extends Omit<ICompareSankeyDiffChartSpecBase, 'type' | 'series'> {
+    type: 'compareSankeyDiff';
+}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/compare-sankey-diff/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISankeyChartSpec, ISankeySeriesSpec } from '@visactor/vchart';\n\nexport interface ICompareSankeyDiffSpec {\n  /**\n   * 子节点间距\n   */\n  subNodeGap?: number;\n  /**\n   * 子节点最小高度\n   */\n  subNodeMinSize?: number;\n  /**\n   * 对比节点颜色\n   */\n  compareNodeColor?: { [key: string]: string };\n  /**\n   * 对比边点颜色\n   */\n  compareLinkColor?: { [key: string]: string };\n\n  /**\n   * 强调配置\n   */\n  emphasis?: Omit<ISankeySeriesSpec['emphasis'], 'effect'> & {\n    effect?: ISankeySeriesSpec['emphasis']['effect'] | 'related-node';\n  };\n}\n/**\n * compare-sankey-diff 图表的系列配置基类\n */\nexport interface ICompareSankeyDiffSeriesSpecBase extends Omit<ISankeySeriesSpec, 'emphasis'>, ICompareSankeyDiffSpec {}\n\n/**\n * compare-sankey-diff 图表的图表配置基类\n */\nexport interface ICompareSankeyDiffChartSpecBase extends Omit<ISankeyChartSpec, 'emphasis'>, ICompareSankeyDiffSpec {}\n\n/**\n * compare-sankey-diff 系列配置（设置系列类型）\n */\nexport interface ICompareSankeyDiffSeriesSpec extends Omit<ICompareSankeyDiffSeriesSpecBase, 'type' | 'series'> {\n  type: 'compareSankeyDiff';\n}\n\n/**\n * compare-sankey-diff 图表配置（设置图表类型）\n */\nexport interface ICompareSankeyDiffChartSpec extends Omit<ICompareSankeyDiffChartSpecBase, 'type' | 'series'> {\n  type: 'compareSankeyDiff';\n}\n"]}

package/cjs/charts/conversion-funnel/arrow-data-transform.d.ts

@@ -0,0 +1,24 @@
+import type { IPointLike } from '@visactor/vutils';
+import type { IConversionFunnelSpec, Arrow } from './interface';
+export interface ParsedArrow extends Arrow {
+    position: 'left' | 'right';
+    distance: number;
+    span: number;
+    layout: {
+        isLayout: boolean;
+        duplicateNode: ParsedArrow | null;
+        fromIndex: number;
+        toIndex: number;
+        fromTotal: number;
+        toTotal: number;
+        level: number;
+        points: IPointLike[];
+    };
+    context: {
+        field: string;
+    };
+    id: string;
+}
+export declare const conversionArrowTransform: (arrowSpec: IConversionFunnelSpec['conversionArrow'], options: {
+    categoryField: string;
+}) => ParsedArrow[];

package/cjs/charts/conversion-funnel/arrow-data-transform.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.conversionArrowTransform = void 0;
+
+const vutils_1 = require("@visactor/vutils"), util_1 = require("./util"), conversionArrowTransform = (arrowSpec, options) => {
+    var _a, _b, _c;
+    if (!arrowSpec || !(null === (_a = arrowSpec.arrows) || void 0 === _a ? void 0 : _a.length)) return [];
+    const {arrows: arrows} = arrowSpec, parsedArrows = parseArrow(arrows, options.categoryField), leftArrows = parsedArrows.filter((arrow => "left" === arrow.position)), rightArrows = parsedArrows.filter((arrow => "right" === arrow.position));
+    return [ ...null !== (_b = computeArrows(leftArrows)) && void 0 !== _b ? _b : [], ...null !== (_c = computeArrows(rightArrows)) && void 0 !== _c ? _c : [] ];
+};
+
+function parseArrow(arrows, categoryField) {
+    return arrows.filter((arrow => (0, vutils_1.isValidNumber)(arrow.from * arrow.to))).map(((arrow, index) => {
+        const {from: from, to: to, position: position = "right"} = arrow;
+        return Object.assign(Object.assign({}, arrow), {
+            position: position,
+            distance: arrow.distance || 40,
+            from: Math.min(from, to),
+            to: Math.max(from, to),
+            span: Math.abs(from - to),
+            isLayout: !1,
+            context: {
+                field: categoryField
+            },
+            layout: {
+                level: 0
+            },
+            id: `${from}-${to}-${position}-${index}`
+        });
+    }));
+}
+
+function computeArrows(arrows) {
+    if (0 === (null == arrows ? void 0 : arrows.length)) return null;
+    const nodeDegreeMap = new Map;
+    return arrows.forEach((arrow => {
+        const fromNodeDegree = nodeDegreeMap.get(arrow.from);
+        if ((0, vutils_1.isValid)(fromNodeDegree)) {
+            const firstNodeWidthSameFromTo = fromNodeDegree.fromArrows.find((node => (0, util_1.isSameArrow)(node, arrow)));
+            firstNodeWidthSameFromTo ? arrow.layout.duplicateNode = firstNodeWidthSameFromTo : fromNodeDegree.degree += 1, 
+            fromNodeDegree.fromArrows.push(arrow);
+        } else nodeDegreeMap.set(arrow.from, {
+            fromArrows: [ arrow ],
+            toArrows: [],
+            totalArrows: [],
+            degree: 1
+        });
+        const toNodeDegree = nodeDegreeMap.get(arrow.to);
+        if ((0, vutils_1.isValid)(toNodeDegree)) {
+            const firstNodeWidthSameFromTo = toNodeDegree.toArrows.find((node => (0, util_1.isSameArrow)(node, arrow)));
+            firstNodeWidthSameFromTo ? arrow.layout.duplicateNode = firstNodeWidthSameFromTo : toNodeDegree.degree += 1, 
+            toNodeDegree.toArrows.push(arrow);
+        } else nodeDegreeMap.set(arrow.to, {
+            toArrows: [ arrow ],
+            fromArrows: [],
+            totalArrows: [],
+            degree: 1
+        });
+    })), nodeDegreeMap.forEach((node => {
+        node.fromArrows.sort(((a, b) => b.span - a.span)), node.toArrows.sort(((a, b) => a.span - b.span)), 
+        node.totalArrows = [ ...node.toArrows, ...node.fromArrows ];
+    })), arrows.sort(((a, b) => a.span - b.span)).forEach((arrow => {
+        var _a;
+        const arrowsIsLayout = arrows.filter((arrow => arrow.layout.isLayout)), maxLevelArrow = (0, 
+        vutils_1.maxInArray)(arrowsIsLayout, ((cur, curMax) => cur.layout.level - curMax.layout.level));
+        let level = null !== (_a = null == maxLevelArrow ? void 0 : maxLevelArrow.layout.level) && void 0 !== _a ? _a : 0;
+        for (;level >= 0; ) {
+            if (arrowsIsLayout.some((arr => arr.layout.level === level && (0, util_1.isArrowCross)(arr, arrow)))) {
+                level += 1;
+                break;
+            }
+            --level;
+        }
+        arrow.layout.level = Math.max(0, level), arrow.layout.fromTotal = nodeDegreeMap.get(arrow.from).degree, 
+        arrow.layout.toTotal = nodeDegreeMap.get(arrow.to).degree;
+        const duplicateNode = arrow.layout.duplicateNode;
+        duplicateNode ? (arrow.layout.fromIndex = duplicateNode.layout.fromIndex, arrow.layout.toIndex = duplicateNode.layout.toIndex) : (arrow.layout.fromIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.from).totalArrows), 
+        arrow.layout.toIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.to).totalArrows)), 
+        arrow.layout.isLayout = !0;
+    })), arrows;
+}
+
+function computeIndex(arrow, totalArrows) {
+    let index = 0, duplicateCount = 0;
+    for (let i = 0; i < totalArrows.length; i++) {
+        const curArrow = totalArrows[i];
+        if (curArrow === arrow) {
+            index = i - duplicateCount;
+            break;
+        }
+        curArrow.layout.duplicateNode && duplicateCount++;
+    }
+    return index;
+}
+
+//# sourceMappingURL=arrow-data-transform.js.map
+exports.conversionArrowTransform = conversionArrowTransform;

package/cjs/charts/conversion-funnel/arrow-data-transform.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/conversion-funnel/arrow-data-transform.ts"],"names":[],"mappings":";;;AAEA,6CAAsE;AACtE,iCAAmD;AAuB5C,MAAM,wBAAwB,GAAG,CACtC,SAAmD,EACnD,OAEC,EACD,EAAE;;IACF,IAAI,CAAC,SAAS,IAAI,CAAC,CAAA,MAAA,SAAS,CAAC,MAAM,0CAAE,MAAM,CAAA,EAAE;QAC3C,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAE7B,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC;IAE7E,MAAM,IAAI,GAAG,MAAA,aAAa,CAAC,UAAU,CAAC,mCAAI,EAAE,CAAC;IAC7C,MAAM,KAAK,GAAG,MAAA,aAAa,CAAC,WAAW,CAAC,mCAAI,EAAE,CAAC;IAC/C,OAAO,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC,CAAC;AAC7B,CAAC,CAAC;AAlBW,QAAA,wBAAwB,4BAkBnC;AAEF,SAAS,UAAU,CAAC,MAAe,EAAE,aAAqB;IACxD,OAAO,MAAM;SACV,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,IAAA,sBAAa,EAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;SACrD,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACpB,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC;QAC/C,OAAO,gCACF,KAAK,KACR,QAAQ,EACR,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,EAC9B,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,EACxB,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,EACtB,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,EACzB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE;gBACP,KAAK,EAAE,aAAa;aACrB,EACD,MAAM,EAAE;gBACN,KAAK,EAAE,CAAC;aACT,EACD,EAAE,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI,QAAQ,IAAI,KAAK,EAAE,GACf,CAAC;IAC9B,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,aAAa,CAAC,MAAqB;IAC1C,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAK,CAAC,EAAE;QACxB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,IAAI,GAAG,EAQ1B,CAAC;IAEJ,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACrB,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,IAAA,gBAAO,EAAC,cAAc,CAAC,EAAE;YAC3B,MAAM,wBAAwB,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAA,kBAAW,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;YAClG,IAAI,CAAC,wBAAwB,EAAE;gBAC7B,cAAc,CAAC,MAAM,IAAI,CAAC,CAAC;aAC5B;iBAAM;gBACL,KAAK,CAAC,MAAM,CAAC,aAAa,GAAG,wBAAwB,CAAC;aACvD;YACD,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACvC;aAAM;YACL,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE;gBAC5B,UAAU,EAAE,CAAC,KAAK,CAAC;gBACnB,QAAQ,EAAE,EAAE;gBACZ,WAAW,EAAE,EAAE;gBACf,MAAM,EAAE,CAAC;aACV,CAAC,CAAC;SACJ;QAED,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACjD,IAAI,IAAA,gBAAO,EAAC,YAAY,CAAC,EAAE;YACzB,MAAM,wBAAwB,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAA,kBAAW,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;YAC9F,IAAI,CAAC,wBAAwB,EAAE;gBAC7B,YAAY,CAAC,MAAM,IAAI,CAAC,CAAC;aAC1B;iBAAM;gBACL,KAAK,CAAC,MAAM,CAAC,aAAa,GAAG,wBAAwB,CAAC;aACvD;YACD,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACnC;aAAM;YACL,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE;gBAC1B,QAAQ,EAAE,CAAC,KAAK,CAAC;gBACjB,UAAU,EAAE,EAAE;gBACd,WAAW,EAAE,EAAE;gBACf,MAAM,EAAE,CAAC;aACV,CAAC,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;IACH,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAE3B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;QAEhD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;QAE9C,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,MAAM;SACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;SAC/B,OAAO,CAAC,KAAK,CAAC,EAAE;;QACf,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAErE,MAAM,aAAa,GAAG,IAAA,mBAAU,EAAC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE1G,IAAI,KAAK,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAC,KAAK,mCAAI,CAAC,CAAC;QAC7C,OAAO,KAAK,IAAI,CAAC,EAAE;YACjB,IAAI,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,IAAI,IAAA,mBAAY,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC,EAAE;gBACtF,KAAK,IAAI,CAAC,CAAC;gBACX,MAAM;aACP;YACD,EAAE,KAAK,CAAC;SACT;QACD,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QAExC,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;QAC9D,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC;QAE1D,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC;QACjD,IAAI,aAAa,EAAE;YACjB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC;YACxD,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC;SACrD;aAAM;YACL,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;YACxF,KAAK,CAAC,MAAM,CAAC,OAAO,GAAG,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;SACrF;QACD,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEL,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,YAAY,CAAC,KAAkB,EAAE,WAA0B;IAClE,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,cAAc,GAAG,CAAC,CAAC;IACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC3C,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,QAAQ,KAAK,KAAK,EAAE;YACtB,KAAK,GAAG,CAAC,GAAG,cAAc,CAAC;YAC3B,MAAM;SACP;QACD,IAAI,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE;YACjC,cAAc,EAAE,CAAC;SAClB;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC","file":"arrow-data-transform.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport type { IConversionFunnelSpec, Arrow } from './interface';\nimport { isValid, isValidNumber, maxInArray } from '@visactor/vutils';\nimport { isArrowCross, isSameArrow } from './util';\n\nexport interface ParsedArrow extends Arrow {\n  position: 'left' | 'right';\n  distance: number;\n  /** 层级跨度 */\n  span: number;\n  layout: {\n    isLayout: boolean;\n    duplicateNode: ParsedArrow | null;\n    fromIndex: number;\n    toIndex: number;\n    fromTotal: number;\n    toTotal: number;\n    level: number;\n    points: IPointLike[];\n  };\n  context: {\n    field: string;\n  };\n  id: string;\n}\n\nexport const conversionArrowTransform = (\n  arrowSpec: IConversionFunnelSpec['conversionArrow'],\n  options: {\n    categoryField: string;\n  }\n) => {\n  if (!arrowSpec || !arrowSpec.arrows?.length) {\n    return [];\n  }\n  const { arrows } = arrowSpec;\n\n  const parsedArrows = parseArrow(arrows, options.categoryField);\n  const leftArrows = parsedArrows.filter(arrow => arrow.position === 'left');\n  const rightArrows = parsedArrows.filter(arrow => arrow.position === 'right');\n\n  const left = computeArrows(leftArrows) ?? [];\n  const right = computeArrows(rightArrows) ?? [];\n  return [...left, ...right];\n};\n\nfunction parseArrow(arrows: Arrow[], categoryField: string): ParsedArrow[] {\n  return arrows\n    .filter(arrow => isValidNumber(arrow.from * arrow.to))\n    .map((arrow, index) => {\n      const { from, to, position = 'right' } = arrow;\n      return {\n        ...arrow,\n        position,\n        distance: arrow.distance || 40,\n        from: Math.min(from, to),\n        to: Math.max(from, to),\n        span: Math.abs(from - to),\n        isLayout: false,\n        context: {\n          field: categoryField\n        },\n        layout: {\n          level: 0\n        },\n        id: `${from}-${to}-${position}-${index}`\n      } as unknown as ParsedArrow;\n    });\n}\n\nfunction computeArrows(arrows: ParsedArrow[]) {\n  if (arrows?.length === 0) {\n    return null;\n  }\n\n  const nodeDegreeMap = new Map<\n    number,\n    {\n      fromArrows: ParsedArrow[];\n      toArrows: ParsedArrow[];\n      totalArrows: ParsedArrow[];\n      degree: number;\n    }\n  >();\n\n  arrows.forEach(arrow => {\n    const fromNodeDegree = nodeDegreeMap.get(arrow.from);\n    if (isValid(fromNodeDegree)) {\n      const firstNodeWidthSameFromTo = fromNodeDegree.fromArrows.find(node => isSameArrow(node, arrow));\n      if (!firstNodeWidthSameFromTo) {\n        fromNodeDegree.degree += 1;\n      } else {\n        arrow.layout.duplicateNode = firstNodeWidthSameFromTo;\n      }\n      fromNodeDegree.fromArrows.push(arrow);\n    } else {\n      nodeDegreeMap.set(arrow.from, {\n        fromArrows: [arrow],\n        toArrows: [],\n        totalArrows: [],\n        degree: 1\n      });\n    }\n\n    const toNodeDegree = nodeDegreeMap.get(arrow.to);\n    if (isValid(toNodeDegree)) {\n      const firstNodeWidthSameFromTo = toNodeDegree.toArrows.find(node => isSameArrow(node, arrow));\n      if (!firstNodeWidthSameFromTo) {\n        toNodeDegree.degree += 1;\n      } else {\n        arrow.layout.duplicateNode = firstNodeWidthSameFromTo;\n      }\n      toNodeDegree.toArrows.push(arrow);\n    } else {\n      nodeDegreeMap.set(arrow.to, {\n        toArrows: [arrow],\n        fromArrows: [],\n        totalArrows: [],\n        degree: 1\n      });\n    }\n  });\n  nodeDegreeMap.forEach(node => {\n    // 入边，层级跨度越大的越靠下\n    node.fromArrows.sort((a, b) => b.span - a.span);\n    // 出边，层级跨度越大的越靠上\n    node.toArrows.sort((a, b) => a.span - b.span);\n    // 入边在上，出边在下\n    node.totalArrows = [...node.toArrows, ...node.fromArrows];\n  });\n\n  arrows\n    .sort((a, b) => a.span - b.span)\n    .forEach(arrow => {\n      const arrowsIsLayout = arrows.filter(arrow => arrow.layout.isLayout);\n      // 1. 计算当前箭头所在层级\n      const maxLevelArrow = maxInArray(arrowsIsLayout, (cur, curMax) => cur.layout.level - curMax.layout.level);\n\n      let level = maxLevelArrow?.layout.level ?? 0;\n      while (level >= 0) {\n        if (arrowsIsLayout.some(arr => arr.layout.level === level && isArrowCross(arr, arrow))) {\n          level += 1;\n          break;\n        }\n        --level;\n      }\n      arrow.layout.level = Math.max(0, level);\n      // 2. 获取当前箭头所在层级的出入度信息\n      arrow.layout.fromTotal = nodeDegreeMap.get(arrow.from).degree;\n      arrow.layout.toTotal = nodeDegreeMap.get(arrow.to).degree;\n      // 3. 计算 from 和 to 的顺序\n      const duplicateNode = arrow.layout.duplicateNode;\n      if (duplicateNode) {\n        arrow.layout.fromIndex = duplicateNode.layout.fromIndex;\n        arrow.layout.toIndex = duplicateNode.layout.toIndex;\n      } else {\n        arrow.layout.fromIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.from).totalArrows);\n        arrow.layout.toIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.to).totalArrows);\n      }\n      arrow.layout.isLayout = true;\n    });\n\n  return arrows;\n}\n\nfunction computeIndex(arrow: ParsedArrow, totalArrows: ParsedArrow[]) {\n  let index = 0;\n  let duplicateCount = 0;\n  for (let i = 0; i < totalArrows.length; i++) {\n    const curArrow = totalArrows[i];\n    if (curArrow === arrow) {\n      index = i - duplicateCount;\n      break;\n    }\n    if (curArrow.layout.duplicateNode) {\n      duplicateCount++;\n    }\n  }\n  return index;\n}\n"]}

package/cjs/charts/conversion-funnel/conversion-funnel-transformer.d.ts

@@ -0,0 +1,7 @@
+import type { IConversionFunnelChartSpecBase } from './interface';
+declare const ConversionFunnelChartSpecTransformer_base: typeof import("@visactor/vchart/esm/chart/funnel").FunnelChartSpecTransformer;
+export declare class ConversionFunnelChartSpecTransformer extends ConversionFunnelChartSpecTransformer_base<IConversionFunnelChartSpecBase> {
+    transformSpec(spec: IConversionFunnelChartSpecBase): void;
+    _getDefaultSeriesSpec(spec: IConversionFunnelChartSpecBase): import("@visactor/vchart").IFunnelSeriesSpec;
+}
+export {};