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

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

@@ -0,0 +1,97 @@
+import { VChart, SankeyChart, SankeySeries, registerDataSetInstanceTransform, STATE_VALUE_ENUM, AttributeLevel } from "@visactor/vchart";
+
+import { DataView } from "@visactor/vdataset";
+
+import { CompareSankeyDiffChartSpecTransformer } from "./compare-sankey-diff-transformer";
+
+import { compareSankeyDiffSubData } from "./compare-sankey-diff-data";
+
+import { getNodeDatumInSubTree, getNodeDatumInTree, getSubNodeDatum } from "../compare-sankey/utils";
+
+export class CompareSankeyDiffChart extends SankeyChart {
+    constructor() {
+        super(...arguments), this.type = "compareSankeyDiff", this.seriesType = CompareSankeyDiffSeries.type, 
+        this.transformerConstructor = CompareSankeyDiffChartSpecTransformer;
+    }
+}
+
+CompareSankeyDiffChart.type = "compareSankeyDiff", CompareSankeyDiffChart.transformerConstructor = CompareSankeyDiffChartSpecTransformer;
+
+export class CompareSankeyDiffSeries extends 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 DataView(dataSet, {
+            name: `compare-sankey-diff-compare-data-${this.id}-data`
+        });
+        compareData.parse([ this.getViewData() ], {
+            type: "dataview"
+        }), registerDataSetInstanceTransform(this._dataSet, "compareSankeyDiffSubData", 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", AttributeLevel.User_Mark);
+    }
+    _initNodeMarkStyle() {
+        super._initNodeMarkStyle(), this._spec.compareNodeColor && this.setMarkStyle(this._nodeMark, {
+            fill: this._fillCompareNode
+        }, "normal", AttributeLevel.User_Mark);
+    }
+    _handleClearEmpty(highlightState, blurState) {
+        super._handleClearEmpty(highlightState, blurState);
+        const allNodeElements = this._nodeMark.getProductElements();
+        !allNodeElements && allNodeElements.length || allNodeElements.forEach((el => {
+            el.removeState(STATE_VALUE_ENUM.STATE_HOVER);
+        }));
+        const allLinkElements = this._linkMark.getProductElements();
+        !allLinkElements && allLinkElements.length || allLinkElements.forEach((el => {
+            el.removeState(STATE_VALUE_ENUM.STATE_HOVER);
+        }));
+    }
+    getSubNodeDatum(filter) {
+        return getSubNodeDatum(this._nodeMark.getProductElements(), filter);
+    }
+    getNodeDatumInTree(filter) {
+        return getNodeDatumInTree(this._rawData.latestData[0].nodes, filter);
+    }
+    getNodeDatumInSubTree(filter) {
+        return getNodeDatumInSubTree(this._rawData.latestData[0].subNode, filter);
+    }
+}
+
+CompareSankeyDiffSeries.type = "compareSankeyDiff";
+
+export const registerCompareSankeyDiffChart = option => {
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
+    vchartConstructor && (vchartConstructor.useChart([ CompareSankeyDiffChart ]), vchartConstructor.useSeries([ CompareSankeyDiffSeries ]));
+};
+//# sourceMappingURL=compare-sankey-diff.js.map

package/esm/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/esm/charts/compare-sankey-diff/index.d.ts

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

package/esm/charts/compare-sankey-diff/index.js

@@ -0,0 +1,4 @@
+export * from "./interface";
+
+export * from "./compare-sankey-diff";
+//# sourceMappingURL=index.js.map

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

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

package/esm/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/esm/charts/compare-sankey-diff/interface.js

@@ -0,0 +1 @@
+export { };

package/esm/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/esm/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/esm/charts/conversion-funnel/arrow-data-transform.js

@@ -0,0 +1,94 @@
+import { isValid, isValidNumber, maxInArray } from "@visactor/vutils";
+
+import { isArrowCross, isSameArrow } from "./util";
+
+export const 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 => 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 (isValid(fromNodeDegree)) {
+            const firstNodeWidthSameFromTo = fromNodeDegree.fromArrows.find((node => 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 (isValid(toNodeDegree)) {
+            const firstNodeWidthSameFromTo = toNodeDegree.toArrows.find((node => 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 = 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 && 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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/conversion-funnel/arrow-data-transform.ts"],"names":[],"mappings":"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","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/esm/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 {};

package/esm/charts/conversion-funnel/conversion-funnel-transformer.js

@@ -0,0 +1,192 @@
+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;
+};
+
+import { FunnelChart } from "@visactor/vchart";
+
+import { isFunction } from "@visactor/vutils";
+
+import { DEFAULT_ARROW_MARK_STYLE, DEFAULT_ARROW_SYMBOL_MARK_STYLE, DEFAULT_ARROW_TEXT_MARK_STYLE, DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE } from "./conversion-funnel";
+
+export class ConversionFunnelChartSpecTransformer extends FunnelChart.transformerConstructor {
+    transformSpec(spec) {
+        const {conversionArrow: conversionArrow, extensionMark: extensionMark = [], funnelBackground: funnelBackground} = spec;
+        if (conversionArrow && conversionArrow.arrows && conversionArrow.arrows.length) {
+            const marks = addArrowMark(conversionArrow);
+            marks && marks.length && extensionMark.push(...marks);
+        }
+        if (funnelBackground && funnelBackground.visible) {
+            const mark = addFunnelBackgroundMark(funnelBackground);
+            mark && extensionMark.push(mark);
+        }
+        spec.extensionMark = extensionMark, super.transformSpec(spec);
+    }
+    _getDefaultSeriesSpec(spec) {
+        const seriesSpec = super._getDefaultSeriesSpec(spec);
+        return seriesSpec.conversionArrow = spec.conversionArrow, seriesSpec.funnelBackground = spec.funnelBackground, 
+        seriesSpec;
+    }
+}
+
+function addArrowMark(arrowSpec) {
+    const {arrows: arrows} = arrowSpec, style = __rest(arrowSpec, [ "arrows" ]), leftArrows = arrows.filter((arrow => "left" === arrow.position)), rightGroup = computeArrows(arrows.filter((arrow => "right" === arrow.position)), style), leftGroup = computeArrows(leftArrows, style), result = [];
+    return rightGroup && (rightGroup.name = "arrowRight", result.push(rightGroup)), 
+    leftGroup && (leftGroup.name = "arrowLeft", result.push(leftGroup)), result;
+}
+
+function computeArrows(arrows, style) {
+    if (0 === (null == arrows ? void 0 : arrows.length)) return null;
+    const {line: line, symbol: symbol, text: text, margin: margin} = style, result = [], rootGroup = {
+        type: "group",
+        children: []
+    }, lineMark = generateArrowLineSpec(line, margin);
+    lineMark && result.push(lineMark);
+    const arrowMark = generateArrowSymbolSpec(symbol, margin);
+    arrowMark && result.push(arrowMark);
+    const textMark = generateArrowTextSpec(text, margin);
+    return textMark && result.push(textMark), rootGroup.children = result, rootGroup;
+}
+
+function generateArrowLineSpec(line = {}, margin) {
+    const {style: style = {}} = line, rest = __rest(line, [ "style" ]), renderable = (arrow, ctx) => {
+        var _a, _b;
+        const {from: from, to: to} = arrow, {vchart: vchart} = ctx, data = null === (_b = null === (_a = null == vchart ? void 0 : vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesData()) || void 0 === _b ? void 0 : _b.latestData;
+        return !(to > data.length - 1 || from > data.length - 1);
+    };
+    return Object.assign(Object.assign({
+        type: "polygon",
+        interactive: !1
+    }, rest), {
+        dataKey: arrow => `${arrow.id}`,
+        style: Object.assign(Object.assign(Object.assign({}, DEFAULT_ARROW_MARK_STYLE), style), {
+            renderable: renderable,
+            points: (arrow, ctx) => {
+                if (!renderable(arrow, ctx)) return [];
+                let points = arrow.layout.points;
+                return points = prepareArrowPoints(arrow, ctx, margin), points;
+            }
+        })
+    });
+}
+
+function generateArrowSymbolSpec(symbol = {}, margin) {
+    const {style: style = {}} = symbol, rest = __rest(symbol, [ "style" ]);
+    return Object.assign(Object.assign({
+        type: "symbol",
+        interactive: !1,
+        dataKey: arrow => `${arrow.id}`
+    }, rest), {
+        style: Object.assign(Object.assign(Object.assign({}, DEFAULT_ARROW_SYMBOL_MARK_STYLE), style), {
+            x: (arrow, ctx) => {
+                var _a, _b;
+                let points = arrow.layout.points;
+                return points = prepareArrowPoints(arrow, ctx, margin), null !== (_b = null === (_a = points[(null == points ? void 0 : points.length) - 1]) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : NaN;
+            },
+            y: (arrow, ctx) => {
+                var _a, _b;
+                let points = arrow.layout.points;
+                return points = prepareArrowPoints(arrow, ctx, margin), null !== (_b = null === (_a = points[(null == points ? void 0 : points.length) - 1]) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : NaN;
+            },
+            angle: arrow => "left" === arrow.position ? 90 : -90
+        })
+    });
+}
+
+function generateArrowTextSpec(text = {}, margin) {
+    const {style: style = {}, formatMethod: formatMethod, textMargin: textMargin = 4} = text, rest = __rest(text, [ "style", "formatMethod", "textMargin" ]);
+    return Object.assign(Object.assign({
+        type: "text",
+        dataKey: arrow => `${arrow.id}`,
+        interactive: !1,
+        animation: !1
+    }, rest), {
+        style: Object.assign(Object.assign(Object.assign({}, DEFAULT_ARROW_TEXT_MARK_STYLE), {
+            text: (arrow, ctx) => {
+                var _a, _b, _c, _d, _e, _f, _g;
+                const {text: textContent} = arrow;
+                let displayTextContent = textContent;
+                if (isFunction(formatMethod)) {
+                    const {vchart: vchart} = ctx, {from: from, to: to} = arrow, {field: field} = arrow.context, rawData = null !== (_c = null === (_b = null === (_a = null == vchart ? void 0 : vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesData()) || void 0 === _b ? void 0 : _b.latestData) && void 0 !== _c ? _c : [], viewData = null !== (_g = null === (_f = null === (_e = null === (_d = null == vchart ? void 0 : vchart.getChart()) || void 0 === _d ? void 0 : _d.getAllSeries()[0]) || void 0 === _e ? void 0 : _e.getViewData()) || void 0 === _f ? void 0 : _f.latestData) && void 0 !== _g ? _g : [], fromData = viewData.find((datum => datum[field] === rawData[from][field])), toData = viewData.find((datum => datum[field] === rawData[to][field]));
+                    displayTextContent = formatMethod(textContent, {
+                        arrow: arrow,
+                        from: fromData,
+                        to: toData
+                    });
+                }
+                return displayTextContent;
+            },
+            x: (arrow, ctx) => {
+                var _a, _b;
+                let points = arrow.layout.points;
+                return points = prepareArrowPoints(arrow, ctx, margin), null !== (_b = (null === (_a = points[1]) || void 0 === _a ? void 0 : _a.x) + ("left" === arrow.position ? -textMargin : textMargin)) && void 0 !== _b ? _b : NaN;
+            },
+            y: (arrow, ctx) => {
+                var _a, _b, _c;
+                let points = arrow.layout.points;
+                return points = prepareArrowPoints(arrow, ctx, margin), null !== (_c = ((null === (_a = points[1]) || void 0 === _a ? void 0 : _a.y) + (null === (_b = points[2]) || void 0 === _b ? void 0 : _b.y)) / 2) && void 0 !== _c ? _c : NaN;
+            },
+            textAlign: arrow => "left" === arrow.position ? "right" : "left",
+            textBaseline: "middle"
+        }), style)
+    });
+}
+
+function prepareArrowPoints(arrow, ctx, margin) {
+    var _a, _b, _c, _d, _e;
+    const {vchart: vchart} = ctx, {from: from, to: to} = arrow, {field: field} = arrow.context, rawData = null === (_b = null === (_a = null == vchart ? void 0 : vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesData()) || void 0 === _b ? void 0 : _b.latestData, viewData = null === (_e = null === (_d = null === (_c = null == vchart ? void 0 : vchart.getChart()) || void 0 === _c ? void 0 : _c.getAllSeries()[0]) || void 0 === _d ? void 0 : _d.getViewData()) || void 0 === _e ? void 0 : _e.latestData;
+    let points = [];
+    if (rawData && rawData.length) {
+        const fromDatum = viewData.find((datum => datum[field] === rawData[from][field])), toDatum = viewData.find((datum => datum[field] === rawData[to][field])), firstDatum = viewData[0];
+        if (fromDatum && toDatum && firstDatum) {
+            points = computeArrowPoints(arrow, ctx.getPoints(fromDatum), ctx.getPoints(toDatum), ctx.getPoints(firstDatum), margin), 
+            arrow.layout.points = points;
+        }
+    }
+    return points;
+}
+
+function computeArrowPoints(arrow, fromPoints, toPoints, firstPoints, margin = 12) {
+    const {layout: layout, distance: distance, position: position} = arrow, {level: level, fromIndex: fromIndex, toIndex: toIndex, fromTotal: fromTotal, toTotal: toTotal} = layout, isRight = "right" === position, fromTop = isRight ? fromPoints[1] : fromPoints[0], fromBottom = isRight ? fromPoints[2] : fromPoints[3], fromHeight = Math.abs(fromTop.y - fromBottom.y), toTop = isRight ? toPoints[1] : toPoints[0], toBottom = isRight ? toPoints[2] : toPoints[3], toHeight = Math.abs(toTop.y - toBottom.y), firstTop = isRight ? firstPoints[1] : firstPoints[0], fromOffset = fromHeight / (fromTotal + 1), toOffset = toHeight / (toTotal + 1), fromY = fromTop.y + fromOffset * (fromIndex + 1), toY = toTop.y + toOffset * (toIndex + 1), sign = isRight ? -1 : 1;
+    return [ {
+        x: fromTop.x - margin * sign,
+        y: fromY
+    }, {
+        x: firstTop.x - (margin + (level + 1) * distance) * sign,
+        y: fromY
+    }, {
+        x: firstTop.x - (margin + (level + 1) * distance) * sign,
+        y: toY
+    }, {
+        x: toTop.x - margin * sign,
+        y: toY
+    } ];
+}
+
+function addFunnelBackgroundMark(funnelBackground) {
+    const {style: style = {}} = funnelBackground, rest = __rest(funnelBackground, [ "style" ]);
+    return Object.assign(Object.assign({
+        type: "rect"
+    }, rest), {
+        dataIndex: 0,
+        zIndex: 0,
+        style: Object.assign(Object.assign(Object.assign({}, DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE), style), {
+            x: 0,
+            y: (datum, ctx) => ctx.getPoints(datum)[0].y,
+            width: (datum, ctx) => {
+                const region = ctx.getRegion(), {width: width} = region.getLayoutRect();
+                return width;
+            },
+            height: (datum, ctx) => {
+                const points = ctx.getPoints(datum), tl = points[0];
+                return points[3].y - tl.y;
+            }
+        })
+    });
+}
+//# sourceMappingURL=conversion-funnel-transformer.js.map

package/esm/charts/conversion-funnel/conversion-funnel-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/conversion-funnel/conversion-funnel-transformer.ts"],"names":[],"mappings":"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","file":"conversion-funnel-transformer.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport type { IExtensionGroupMarkSpec, IExtensionMarkSpec } from '@visactor/vchart';\nimport type { IConversionFunnelSpec, IConversionFunnelChartSpecBase, Arrow } from './interface';\nimport type { ParsedArrow } from './arrow-data-transform';\nimport { FunnelChart } from '@visactor/vchart';\nimport { isFunction } from '@visactor/vutils';\nimport {\n  DEFAULT_ARROW_MARK_STYLE,\n  DEFAULT_ARROW_SYMBOL_MARK_STYLE,\n  DEFAULT_ARROW_TEXT_MARK_STYLE,\n  DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE\n} from './conversion-funnel';\n\nexport class ConversionFunnelChartSpecTransformer extends FunnelChart[\n  'transformerConstructor'\n]<IConversionFunnelChartSpecBase> {\n  transformSpec(spec: IConversionFunnelChartSpecBase): void {\n    const { conversionArrow, extensionMark = [], funnelBackground } = spec;\n    if (conversionArrow && conversionArrow.arrows && conversionArrow.arrows.length) {\n      const marks = addArrowMark(conversionArrow);\n      if (marks && marks.length) {\n        extensionMark.push(...marks);\n      }\n    }\n    if (funnelBackground && funnelBackground.visible) {\n      const mark = addFunnelBackgroundMark(funnelBackground);\n      if (mark) {\n        extensionMark.push(mark);\n      }\n    }\n    spec.extensionMark = extensionMark;\n    super.transformSpec(spec);\n  }\n\n  _getDefaultSeriesSpec(spec: IConversionFunnelChartSpecBase) {\n    const seriesSpec = super._getDefaultSeriesSpec(spec);\n    (seriesSpec as IConversionFunnelChartSpecBase).conversionArrow = spec.conversionArrow;\n    (seriesSpec as IConversionFunnelChartSpecBase).funnelBackground = spec.funnelBackground;\n    return seriesSpec;\n  }\n}\n\n/**  Arrow Related */\nfunction addArrowMark(arrowSpec: IConversionFunnelSpec['conversionArrow']) {\n  const { arrows, ...style } = arrowSpec;\n  const leftArrows = arrows.filter(arrow => arrow.position === 'left');\n  const rightArrows = arrows.filter(arrow => arrow.position === 'right');\n\n  const rightGroup = computeArrows(rightArrows, style);\n  const leftGroup = computeArrows(leftArrows, style);\n\n  const result = [];\n  if (rightGroup) {\n    rightGroup.name = 'arrowRight';\n    result.push(rightGroup);\n  }\n  if (leftGroup) {\n    leftGroup.name = 'arrowLeft';\n    result.push(leftGroup);\n  }\n\n  return result;\n}\n\nfunction computeArrows(arrows: Arrow[], style: Omit<IConversionFunnelSpec['conversionArrow'], 'arrows'>) {\n  if (arrows?.length === 0) {\n    return null;\n  }\n\n  const { line, symbol, text, margin } = style;\n\n  const result: IExtensionMarkSpec<'polygon' | 'symbol' | 'text'>[] = [];\n\n  const rootGroup: IExtensionGroupMarkSpec = {\n    type: 'group' as any,\n    children: []\n  };\n  const lineMark = generateArrowLineSpec(line, margin);\n  if (lineMark) {\n    result.push(lineMark);\n  }\n  const arrowMark = generateArrowSymbolSpec(symbol, margin);\n  if (arrowMark) {\n    result.push(arrowMark);\n  }\n  const textMark = generateArrowTextSpec(text, margin);\n  if (textMark) {\n    result.push(textMark);\n  }\n  rootGroup.children = result;\n  return rootGroup;\n}\n\nfunction generateArrowLineSpec(line: IConversionFunnelSpec['conversionArrow']['line'] = {}, margin?: number) {\n  const { style = {}, ...rest } = line;\n  const renderable = (arrow: any, ctx: any) => {\n    const { from, to } = arrow;\n    const { vchart } = ctx;\n    const data = vchart?.getChart()?.getSeriesData()?.latestData;\n    if (!data) {\n      false;\n    }\n    if (to > data.length - 1 || from > data.length - 1) {\n      return false;\n    }\n    return true;\n  };\n\n  return {\n    type: 'polygon',\n    interactive: false,\n    ...rest,\n    dataKey: arrow => `${arrow.id}`,\n    style: {\n      ...DEFAULT_ARROW_MARK_STYLE,\n      ...style,\n      renderable,\n      points: (arrow: any, ctx: any) => {\n        if (!renderable(arrow, ctx)) {\n          return [];\n        }\n        let points = arrow.layout.points;\n        points = prepareArrowPoints(arrow, ctx, margin);\n        return points;\n      }\n    }\n  } as IExtensionMarkSpec<'polygon'>;\n}\n\nfunction generateArrowSymbolSpec(symbol: IConversionFunnelSpec['conversionArrow']['symbol'] = {}, margin?: number) {\n  const { style = {}, ...rest } = symbol;\n  return {\n    type: 'symbol',\n    interactive: false,\n    dataKey: arrow => `${arrow.id}`,\n    ...rest,\n    style: {\n      ...DEFAULT_ARROW_SYMBOL_MARK_STYLE,\n      ...style,\n\n      x: (arrow: any, ctx: any) => {\n        let points = arrow.layout.points;\n        points = prepareArrowPoints(arrow, ctx, margin);\n        return points[points?.length - 1]?.x ?? NaN;\n      },\n      y: (arrow: any, ctx: any) => {\n        let points = arrow.layout.points;\n        points = prepareArrowPoints(arrow, ctx, margin);\n        return points[points?.length - 1]?.y ?? NaN;\n      },\n      angle: (arrow: any) => (arrow.position === 'left' ? 90 : -90)\n    }\n  } as IExtensionMarkSpec<'symbol'>;\n}\n\nfunction generateArrowTextSpec(text: IConversionFunnelSpec['conversionArrow']['text'] = {}, margin?: number) {\n  const { style = {}, formatMethod, textMargin = 4, ...rest } = text;\n\n  return {\n    type: 'text',\n    dataKey: arrow => `${arrow.id}`,\n    interactive: false,\n    animation: false,\n    ...rest,\n    style: {\n      ...DEFAULT_ARROW_TEXT_MARK_STYLE,\n      text: (arrow: any, ctx: any) => {\n        const { text: textContent } = arrow;\n        let displayTextContent: ReturnType<typeof formatMethod> = textContent;\n\n        if (isFunction(formatMethod)) {\n          const { vchart } = ctx;\n          const { from, to } = arrow;\n          const { field } = arrow.context;\n          const rawData = vchart?.getChart()?.getSeriesData()?.latestData ?? [];\n          const viewData = vchart?.getChart()?.getAllSeries()[0]?.getViewData()?.latestData ?? [];\n\n          const fromData = viewData.find((datum: any) => datum[field] === rawData[from][field]);\n          const toData = viewData.find((datum: any) => datum[field] === rawData[to][field]);\n\n          displayTextContent = formatMethod(textContent, { arrow, from: fromData, to: toData });\n        }\n        return displayTextContent;\n      },\n      x: (arrow: any, ctx: any) => {\n        let points = arrow.layout.points;\n        points = prepareArrowPoints(arrow, ctx, margin);\n        return points[1]?.x + (arrow.position === 'left' ? -textMargin : textMargin) ?? NaN;\n      },\n      y: (arrow: any, ctx: any) => {\n        let points = arrow.layout.points;\n        points = prepareArrowPoints(arrow, ctx, margin);\n        return (points[1]?.y + points[2]?.y) / 2 ?? NaN;\n      },\n      textAlign: (arrow: any) => (arrow.position === 'left' ? 'right' : 'left'),\n      textBaseline: 'middle',\n      ...style\n    }\n  } as IExtensionMarkSpec<'text'>;\n}\n\nfunction prepareArrowPoints(arrow: ParsedArrow, ctx: any, margin?: number) {\n  const { vchart } = ctx;\n  const { from, to } = arrow;\n  const { field } = arrow.context;\n  const rawData = vchart?.getChart()?.getSeriesData()?.latestData;\n  const viewData = vchart?.getChart()?.getAllSeries()[0]?.getViewData()?.latestData;\n\n  let points: IPointLike[] = [];\n\n  if (rawData && rawData.length) {\n    const fromDatum = viewData.find((datum: any) => datum[field] === rawData[from][field]);\n    const toDatum = viewData.find((datum: any) => datum[field] === rawData[to][field]);\n    const firstDatum = viewData[0];\n\n    if (fromDatum && toDatum && firstDatum) {\n      const fromPoints = ctx.getPoints(fromDatum);\n      const toPoints = ctx.getPoints(toDatum);\n      const firstPoints = ctx.getPoints(firstDatum);\n      points = computeArrowPoints(arrow, fromPoints, toPoints, firstPoints, margin);\n      arrow.layout.points = points;\n    }\n  }\n  return points;\n}\n\nfunction computeArrowPoints(\n  arrow: ParsedArrow,\n  fromPoints: IPointLike[],\n  toPoints: IPointLike[],\n  firstPoints: IPointLike[],\n  margin = 12\n) {\n  const { layout, distance, position } = arrow;\n  const { level, fromIndex, toIndex, fromTotal, toTotal } = layout;\n\n  const isRight = position === 'right';\n\n  const fromTop = isRight ? fromPoints[1] : fromPoints[0];\n  const fromBottom = isRight ? fromPoints[2] : fromPoints[3];\n\n  const fromHeight = Math.abs(fromTop.y - fromBottom.y);\n\n  const toTop = isRight ? toPoints[1] : toPoints[0];\n  const toBottom = isRight ? toPoints[2] : toPoints[3];\n  const toHeight = Math.abs(toTop.y - toBottom.y);\n\n  const firstTop = isRight ? firstPoints[1] : firstPoints[0];\n\n  const fromOffset = fromHeight / (fromTotal + 1);\n  const toOffset = toHeight / (toTotal + 1);\n\n  const fromY = fromTop.y + fromOffset * (fromIndex + 1);\n  const toY = toTop.y + toOffset * (toIndex + 1);\n\n  const sign = isRight ? -1 : 1;\n\n  const points = [\n    { x: fromTop.x - margin * sign, y: fromY },\n    { x: firstTop.x - (margin + (level + 1) * distance) * sign, y: fromY },\n    {\n      x: firstTop.x - (margin + (level + 1) * distance) * sign,\n      y: toY\n    },\n    {\n      x: toTop.x - margin * sign,\n      y: toY\n    }\n  ];\n  return points;\n}\n\n/**  Funnel Background Related */\nfunction addFunnelBackgroundMark(funnelBackground: IConversionFunnelSpec['funnelBackground']) {\n  const { style = {}, ...rest } = funnelBackground;\n  return {\n    type: 'rect',\n    ...rest,\n    dataIndex: 0,\n    zIndex: 0,\n    style: {\n      ...DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE,\n      ...style,\n      x: 0,\n      y: (datum, ctx: any) => {\n        const points = ctx.getPoints(datum);\n        const tl = points[0];\n        return tl.y;\n      },\n      width: (datum, ctx: any) => {\n        const region = ctx.getRegion();\n        const { width } = region.getLayoutRect();\n        return width;\n      },\n      height: (datum, ctx: any) => {\n        const points = ctx.getPoints(datum);\n        const tl = points[0];\n        const bl = points[3];\n        return bl.y - tl.y;\n      }\n    }\n  } as IExtensionMarkSpec<'rect'>;\n}\n"]}

package/esm/charts/conversion-funnel/conversion-funnel.d.ts

@@ -0,0 +1,40 @@
+import type { IConversionFunnelChartSpecBase, IConversionFunnelSeriesSpecBase } from './interface';
+import { VChart, FunnelChart, FunnelSeries } from '@visactor/vchart';
+import { DataView } from '@visactor/vdataset';
+import { ConversionFunnelChartSpecTransformer } from './conversion-funnel-transformer';
+export declare class ConversionFunnelChart extends FunnelChart<IConversionFunnelChartSpecBase> {
+    type: string;
+    static type: string;
+    _spec: IConversionFunnelChartSpecBase;
+    static readonly transformerConstructor: typeof ConversionFunnelChartSpecTransformer;
+    readonly transformerConstructor: typeof ConversionFunnelChartSpecTransformer;
+}
+export declare class ConversionFunnelSeries extends FunnelSeries<IConversionFunnelSeriesSpecBase> {
+    protected _arrowData?: DataView;
+    initData(): void;
+    afterCompile(): void;
+}
+export declare const registerConversionFunnelChart: (option?: {
+    VChart?: typeof VChart;
+}) => void;
+export declare const DEFAULT_ARROW_MARK_STYLE: {
+    cornerRadius: number;
+    stroke: string;
+    strokeOpacity: number;
+    lineWidth: number;
+    closePath: boolean;
+    pickable: boolean;
+};
+export declare const DEFAULT_ARROW_SYMBOL_MARK_STYLE: {
+    symbolType: string;
+    size: number;
+    scaleX: number;
+    fill: string;
+};
+export declare const DEFAULT_ARROW_TEXT_MARK_STYLE: {
+    fill: string;
+    fontSize: number;
+};
+export declare const DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE: {
+    fill: string;
+};