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

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

@@ -0,0 +1,193 @@
+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 { LayoutZIndex, FunnelChartSpecTransformer } 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 "./constants";
+
+export class ConversionFunnelChartSpecTransformer extends FunnelChartSpecTransformer {
+    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",
+        zIndex: LayoutZIndex.Mark + 1,
+        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":["../src/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 { LayoutZIndex, FunnelChartSpecTransformer } 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 './constants';\n\nexport class ConversionFunnelChartSpecTransformer extends FunnelChartSpecTransformer<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    zIndex: LayoutZIndex.Mark + 1,\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,19 @@
+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;

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

@@ -0,0 +1,57 @@
+import { VChart, FunnelChart, PREFIX, FunnelSeries, registerMarkFilterTransform } from "@visactor/vchart";
+
+import { DataView } from "@visactor/vdataset";
+
+import { ConversionFunnelChartSpecTransformer } from "./conversion-funnel-transformer";
+
+import { conversionArrowTransform } from "./arrow-data-transform";
+
+export class ConversionFunnelChart extends FunnelChart {
+    constructor() {
+        super(...arguments), this.type = "conversionFunnel", this.transformerConstructor = ConversionFunnelChartSpecTransformer;
+    }
+}
+
+ConversionFunnelChart.type = "conversionFunnel", ConversionFunnelChart.transformerConstructor = ConversionFunnelChartSpecTransformer;
+
+export class ConversionFunnelSeries extends FunnelSeries {
+    initData() {
+        var _a;
+        super.initData();
+        const {conversionArrow: conversionArrow} = this._spec;
+        conversionArrow && (null === (_a = conversionArrow.arrows) || void 0 === _a ? void 0 : _a.length) && (this._arrowData = new DataView(this._dataSet, {
+            name: `${PREFIX}_series_${this.id}_arrowData`
+        }), this._dataSet.getTransform("conversionArrow") || this._dataSet.registerTransform("conversionArrow", conversionArrowTransform), 
+        this._arrowData.parse(conversionArrow).transform({
+            type: "conversionArrow",
+            options: {
+                categoryField: this._spec.categoryField
+            }
+        }));
+    }
+    afterCompile() {
+        var _a;
+        null === (_a = super.afterCompile) || void 0 === _a || _a.call(this);
+        const rightGroup = this.getMarkInName("arrowRight");
+        rightGroup && rightGroup.getMarks().forEach((mark => {
+            mark.setDataView(this._arrowData), mark.compileData(), mark.setTransform([ {
+                type: "filter",
+                callback: datum => "right" === datum.position
+            } ]);
+        }));
+        const leftGroup = this.getMarkInName("arrowLeft");
+        leftGroup && leftGroup.getMarks().forEach((mark => {
+            mark.setDataView(this._arrowData), mark.compileData(), mark.setTransform([ {
+                type: "filter",
+                callback: datum => "left" === datum.position
+            } ]);
+        }));
+    }
+}
+
+export const registerConversionFunnelChart = option => {
+    registerMarkFilterTransform();
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
+    vchartConstructor && (vchartConstructor.useChart([ ConversionFunnelChart ]), vchartConstructor.useSeries([ ConversionFunnelSeries ]));
+};
+//# sourceMappingURL=conversion-funnel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/conversion-funnel/conversion-funnel.ts"],"names":[],"mappings":"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","file":"conversion-funnel.js","sourcesContent":["import type { IConversionFunnelChartSpecBase, IConversionFunnelSeriesSpecBase } from './interface';\nimport type { GroupMark } from '@visactor/vchart';\nimport { VChart, FunnelChart, PREFIX, FunnelSeries, registerMarkFilterTransform } from '@visactor/vchart';\nimport { DataView } from '@visactor/vdataset';\nimport { ConversionFunnelChartSpecTransformer } from './conversion-funnel-transformer';\nimport { conversionArrowTransform } from './arrow-data-transform';\n\nexport class ConversionFunnelChart extends FunnelChart<IConversionFunnelChartSpecBase> {\n  type = 'conversionFunnel';\n  static type = 'conversionFunnel';\n\n  declare _spec: IConversionFunnelChartSpecBase;\n\n  static readonly transformerConstructor = ConversionFunnelChartSpecTransformer;\n  readonly transformerConstructor = ConversionFunnelChartSpecTransformer;\n}\n\nexport class ConversionFunnelSeries extends FunnelSeries<IConversionFunnelSeriesSpecBase> {\n  protected _arrowData?: DataView;\n\n  initData() {\n    super.initData();\n    const { conversionArrow } = this._spec;\n    if (conversionArrow && conversionArrow.arrows?.length) {\n      this._arrowData = new DataView(this._dataSet, { name: `${PREFIX}_series_${this.id}_arrowData` });\n      if (!this._dataSet.getTransform('conversionArrow')) {\n        this._dataSet.registerTransform('conversionArrow', conversionArrowTransform);\n      }\n      this._arrowData.parse(conversionArrow).transform({\n        type: 'conversionArrow',\n        options: {\n          categoryField: this._spec.categoryField\n        }\n      });\n    }\n  }\n\n  afterCompile() {\n    // @ts-ignore\n    super.afterCompile?.();\n    const rightGroup = this.getMarkInName('arrowRight') as unknown as GroupMark;\n    if (rightGroup) {\n      rightGroup.getMarks().forEach(mark => {\n        mark.setDataView(this._arrowData);\n        mark.compileData();\n        mark.setTransform([\n          {\n            type: 'filter',\n            callback: (datum: any) => datum.position === 'right'\n          }\n        ]);\n      });\n    }\n    const leftGroup = this.getMarkInName('arrowLeft') as unknown as GroupMark;\n    if (leftGroup) {\n      leftGroup.getMarks().forEach(mark => {\n        mark.setDataView(this._arrowData);\n        mark.compileData();\n        mark.setTransform([\n          {\n            type: 'filter',\n            callback: (datum: any) => datum.position === 'left'\n          }\n        ]);\n      });\n    }\n  }\n}\n\nexport const registerConversionFunnelChart = (option?: { VChart?: typeof VChart }) => {\n  registerMarkFilterTransform();\n\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([ConversionFunnelChart]);\n    vchartConstructor.useSeries([ConversionFunnelSeries]);\n  }\n};\n"]}

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

@@ -0,0 +1,2 @@
+export * from './interface';
+export * from './conversion-funnel';

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

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

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

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

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

@@ -0,0 +1,35 @@
+import type { IFormatMethod, IMarkSpec, IPathMarkSpec, IFunnelChartSpec, ISymbolMarkSpec, ITextMarkSpec, IFunnelSeriesSpec, IRectMarkSpec } from '@visactor/vchart';
+export interface Arrow {
+    from: number;
+    to: number;
+    position?: 'left' | 'right';
+    distance?: number;
+    text?: string;
+}
+export interface IConversionFunnelSpec {
+    conversionArrow?: {
+        arrows?: Arrow[];
+        margin?: number;
+        line?: IMarkSpec<Omit<IPathMarkSpec, 'points' | 'fill'>>;
+        symbol?: IMarkSpec<ISymbolMarkSpec>;
+        text?: IMarkSpec<ITextMarkSpec> & {
+            formatMethod?: IFormatMethod<[text: string, params?: {
+                from: any;
+                to: any;
+                arrow: Arrow;
+            }]>;
+            textMargin?: number;
+        };
+    };
+    funnelBackground?: IMarkSpec<IRectMarkSpec>;
+}
+export interface IConversionFunnelSeriesSpecBase extends IFunnelSeriesSpec, IConversionFunnelSpec {
+}
+export interface IConversionFunnelChartSpecBase extends IFunnelChartSpec, IConversionFunnelSpec {
+}
+export interface IConversionFunnelSeriesSpec extends Omit<IConversionFunnelSeriesSpecBase, 'type' | 'series'> {
+    type: 'conversionFunnel';
+}
+export interface IConversionFunnelChartSpec extends Omit<IConversionFunnelChartSpecBase, 'type' | 'series'> {
+    type: 'conversionFunnel';
+}

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

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/conversion-funnel/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  IFormatMethod,\n  IMarkSpec,\n  IPathMarkSpec,\n  IFunnelChartSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  IFunnelSeriesSpec,\n  IRectMarkSpec\n} from '@visactor/vchart';\n\nexport interface Arrow {\n  /**\n   * from 节点索引\n   */\n  from: number;\n  /**\n   * to 节点索引\n   */\n  to: number;\n  /**\n   * 箭头位置\n   */\n  position?: 'left' | 'right';\n  /**\n   * 箭头与柱子之间的距离\n   */\n  distance?: number;\n  /**\n   * 箭头文字\n   */\n  text?: string;\n}\n\nexport interface IConversionFunnelSpec {\n  /**\n   * 转化率箭头配置\n   */\n  conversionArrow?: {\n    /**\n     * 箭头配置\n     */\n    arrows?: Arrow[];\n    /**\n     * 箭头与柱子之间的距离\n     * @default 12\n     */\n    margin?: number;\n    /**\n     * 箭头线配置\n     */\n    line?: IMarkSpec<Omit<IPathMarkSpec, 'points' | 'fill'>>;\n    /**\n     * 箭头符号配置\n     */\n    symbol?: IMarkSpec<ISymbolMarkSpec>;\n    /**\n     * 标签配置\n     */\n    text?: IMarkSpec<ITextMarkSpec> & {\n      /**\n       * 箭头文字格式化方法\n       */\n      formatMethod?: IFormatMethod<[text: string, params?: { from: any; to: any; arrow: Arrow }]>;\n      /**\n       * 箭头文本与柱子之间的距离\n       * @default 4\n       */\n      textMargin?: number;\n    };\n  };\n  /**\n   * 漏斗层背景配置\n   */\n  funnelBackground?: IMarkSpec<IRectMarkSpec>;\n}\n\nexport interface IConversionFunnelSeriesSpecBase extends IFunnelSeriesSpec, IConversionFunnelSpec {}\n\nexport interface IConversionFunnelChartSpecBase extends IFunnelChartSpec, IConversionFunnelSpec {}\n\nexport interface IConversionFunnelSeriesSpec extends Omit<IConversionFunnelSeriesSpecBase, 'type' | 'series'> {\n  type: 'conversionFunnel';\n}\n\nexport interface IConversionFunnelChartSpec extends Omit<IConversionFunnelChartSpecBase, 'type' | 'series'> {\n  type: 'conversionFunnel';\n}\n"]}

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

@@ -0,0 +1,3 @@
+import type { ParsedArrow } from './arrow-data-transform';
+export declare function isArrowCross(arrow1: ParsedArrow, arrow2: ParsedArrow): boolean;
+export declare function isSameArrow(arrow1: ParsedArrow, arrow2: ParsedArrow): boolean;

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

@@ -0,0 +1,10 @@
+export function isArrowCross(arrow1, arrow2) {
+    const {from: from1, to: to1} = arrow1, {from: from2, to: to2} = arrow2;
+    return to1 > from2 && to2 > from1;
+}
+
+export function isSameArrow(arrow1, arrow2) {
+    const {from: from1, to: to1} = arrow1, {from: from2, to: to2} = arrow2;
+    return from1 === from2 && to1 === to2;
+}
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/conversion-funnel/util.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAAC,MAAmB,EAAE,MAAmB;IACnE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACxC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACxC,OAAO,GAAG,GAAG,KAAK,IAAI,GAAG,GAAG,KAAK,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,MAAmB,EAAE,MAAmB;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACxC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACxC,OAAO,KAAK,KAAK,KAAK,IAAI,GAAG,KAAK,GAAG,CAAC;AACxC,CAAC","file":"util.js","sourcesContent":["import type { ParsedArrow } from './arrow-data-transform';\n\nexport function isArrowCross(arrow1: ParsedArrow, arrow2: ParsedArrow) {\n  const { from: from1, to: to1 } = arrow1;\n  const { from: from2, to: to2 } = arrow2;\n  return to1 > from2 && to2 > from1;\n}\n\nexport function isSameArrow(arrow1: ParsedArrow, arrow2: ParsedArrow) {\n  const { from: from1, to: to1 } = arrow1;\n  const { from: from2, to: to2 } = arrow2;\n  return from1 === from2 && to1 === to2;\n}\n"]}

package/esm/charts/funnel-3d/chart.d.ts

@@ -0,0 +1,12 @@
+import type { AdaptiveSpec } from '@visactor/vchart';
+import { BaseChart, FunnelChartSpecTransformer } from '@visactor/vchart';
+import type { IFunnel3dChartSpec } from './interface';
+export declare class Funnel3dChart<T extends IFunnel3dChartSpec = IFunnel3dChartSpec> extends BaseChart<AdaptiveSpec<T, 'type'>> {
+    static readonly type: string;
+    static readonly seriesType: string;
+    static readonly transformerConstructor: typeof FunnelChartSpecTransformer;
+    readonly transformerConstructor: typeof FunnelChartSpecTransformer;
+    readonly type: string;
+    readonly seriesType: string;
+}
+export declare const registerFunnel3dChart: () => void;

package/esm/charts/funnel-3d/chart.js

@@ -0,0 +1,25 @@
+import { BaseChart, Factory, FunnelChartSpecTransformer, registerMarkTooltipProcessor } from "@visactor/vchart";
+
+import { SeriesType3dEnum } from "../3d/enum";
+
+import { register3DPlugin } from "../3d/plugin";
+
+import { registerFunnel3dSeries } from "./series";
+
+import { registerLayout3d } from "../3d/layout";
+
+export class Funnel3dChart extends BaseChart {
+    constructor() {
+        super(...arguments), this.transformerConstructor = FunnelChartSpecTransformer, this.type = "funnel3d", 
+        this.seriesType = SeriesType3dEnum.funnel3d;
+    }
+}
+
+Funnel3dChart.type = "funnel3d", Funnel3dChart.seriesType = SeriesType3dEnum.funnel3d, 
+Funnel3dChart.transformerConstructor = FunnelChartSpecTransformer;
+
+export const registerFunnel3dChart = () => {
+    registerMarkTooltipProcessor(), register3DPlugin(), registerLayout3d(), registerFunnel3dSeries(), 
+    Factory.registerChart(Funnel3dChart.type, Funnel3dChart);
+};
+//# sourceMappingURL=chart.js.map

package/esm/charts/funnel-3d/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/funnel-3d/chart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,0BAA0B,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAChH,OAAO,EAAmB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,OAAO,aAAiE,SAAQ,SAErF;IAFD;;QAMW,2BAAsB,GAAG,0BAA0B,CAAC;QACpD,SAAI,cAAoC;QACxC,eAAU,GAAW,gBAAgB,CAAC,QAAQ,CAAC;IAC1D,CAAC;;AANiB,kBAAI,cAAoC;AACxC,wBAAU,GAAW,gBAAgB,CAAC,QAAQ,CAAC;AAC/C,oCAAsB,GAAG,0BAA0B,CAAC;AAMtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,4BAA4B,EAAE,CAAC;IAC/B,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,sBAAsB,EAAE,CAAC;IACzB,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAC3D,CAAC,CAAC","file":"chart.js","sourcesContent":["import type { AdaptiveSpec } from '@visactor/vchart';\nimport { BaseChart, Factory, FunnelChartSpecTransformer, registerMarkTooltipProcessor } from '@visactor/vchart';\nimport { ChartType3dEnum, SeriesType3dEnum } from '../3d/enum';\nimport { register3DPlugin } from '../3d/plugin';\nimport type { IFunnel3dChartSpec } from './interface';\nimport { registerFunnel3dSeries } from './series';\nimport { registerLayout3d } from '../3d/layout';\n\nexport class Funnel3dChart<T extends IFunnel3dChartSpec = IFunnel3dChartSpec> extends BaseChart<\n  AdaptiveSpec<T, 'type'>\n> {\n  static readonly type: string = ChartType3dEnum.funnel3d;\n  static readonly seriesType: string = SeriesType3dEnum.funnel3d;\n  static readonly transformerConstructor = FunnelChartSpecTransformer;\n  readonly transformerConstructor = FunnelChartSpecTransformer;\n  readonly type: string = ChartType3dEnum.funnel3d;\n  readonly seriesType: string = SeriesType3dEnum.funnel3d;\n}\n\nexport const registerFunnel3dChart = () => {\n  registerMarkTooltipProcessor();\n  register3DPlugin();\n  registerLayout3d();\n  registerFunnel3dSeries();\n  Factory.registerChart(Funnel3dChart.type, Funnel3dChart);\n};\n"]}

package/esm/charts/funnel-3d/constant.d.ts

@@ -0,0 +1,80 @@
+import { MarkTypeEnum, SeriesMarkNameEnum } from '@visactor/vchart';
+import { MarkType3dEnum, SeriesMark3dNameEnum } from '../3d/enum';
+export declare const funnel3dSeriesMark: {
+    funnel3d: {
+        name: SeriesMark3dNameEnum;
+        type: MarkType3dEnum;
+    };
+    transform3d: {
+        name: SeriesMark3dNameEnum;
+        type: MarkType3dEnum;
+    };
+    transformLabel: {
+        name: SeriesMarkNameEnum;
+        type: MarkTypeEnum;
+    };
+    outerLabel: {
+        name: SeriesMarkNameEnum;
+        type: MarkTypeEnum;
+    };
+    outerLabelLine: {
+        name: SeriesMarkNameEnum;
+        type: MarkTypeEnum;
+    };
+    label?: import("@visactor/vchart").ISeriesMarkInfo;
+    point?: import("@visactor/vchart").ISeriesMarkInfo;
+    line?: import("@visactor/vchart").ISeriesMarkInfo;
+    area?: import("@visactor/vchart").ISeriesMarkInfo;
+    bar?: import("@visactor/vchart").ISeriesMarkInfo;
+    boxPlot?: import("@visactor/vchart").ISeriesMarkInfo;
+    outlier?: import("@visactor/vchart").ISeriesMarkInfo;
+    circlePacking?: import("@visactor/vchart").ISeriesMarkInfo;
+    group?: import("@visactor/vchart").ISeriesMarkInfo;
+    gridBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    grid?: import("@visactor/vchart").ISeriesMarkInfo;
+    dot?: import("@visactor/vchart").ISeriesMarkInfo;
+    title?: import("@visactor/vchart").ISeriesMarkInfo;
+    subTitle?: import("@visactor/vchart").ISeriesMarkInfo;
+    symbol?: import("@visactor/vchart").ISeriesMarkInfo;
+    funnel?: import("@visactor/vchart").ISeriesMarkInfo;
+    transform?: import("@visactor/vchart").ISeriesMarkInfo;
+    pin?: import("@visactor/vchart").ISeriesMarkInfo;
+    pinBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    pointer?: import("@visactor/vchart").ISeriesMarkInfo;
+    segment?: import("@visactor/vchart").ISeriesMarkInfo;
+    track?: import("@visactor/vchart").ISeriesMarkInfo;
+    cell?: import("@visactor/vchart").ISeriesMarkInfo;
+    cellBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    link?: import("@visactor/vchart").ISeriesMarkInfo;
+    arrow?: import("@visactor/vchart").ISeriesMarkInfo;
+    pie?: import("@visactor/vchart").ISeriesMarkInfo;
+    labelLine?: import("@visactor/vchart").ISeriesMarkInfo;
+    progress?: import("@visactor/vchart").ISeriesMarkInfo;
+    minLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    maxLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    rose?: import("@visactor/vchart").ISeriesMarkInfo;
+    node?: import("@visactor/vchart").ISeriesMarkInfo;
+    sunburst?: import("@visactor/vchart").ISeriesMarkInfo;
+    nonLeaf?: import("@visactor/vchart").ISeriesMarkInfo;
+    leaf?: import("@visactor/vchart").ISeriesMarkInfo;
+    nonLeafLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    leaderLine?: import("@visactor/vchart").ISeriesMarkInfo;
+    stackLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    word?: import("@visactor/vchart").ISeriesMarkInfo;
+    fillingWord?: import("@visactor/vchart").ISeriesMarkInfo;
+    wordMask?: import("@visactor/vchart").ISeriesMarkInfo;
+    nodePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+    ripplePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+    centerPoint?: import("@visactor/vchart").ISeriesMarkInfo;
+    centerLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    barBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    lineLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    areaLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    liquidGroup?: import("@visactor/vchart").ISeriesMarkInfo;
+    liquid?: import("@visactor/vchart").ISeriesMarkInfo;
+    liquidBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    liquidOutline?: import("@visactor/vchart").ISeriesMarkInfo;
+    circle?: import("@visactor/vchart").ISeriesMarkInfo;
+    overlap?: import("@visactor/vchart").ISeriesMarkInfo;
+    overlapLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+};

package/esm/charts/funnel-3d/constant.js

@@ -0,0 +1,25 @@
+import { baseSeriesMark } from "@visactor/vchart";
+
+export const funnel3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), {
+    funnel3d: {
+        name: "funnel3d",
+        type: "pyramid3d"
+    },
+    transform3d: {
+        name: "transform3d",
+        type: "pyramid3d"
+    },
+    transformLabel: {
+        name: "transformLabel",
+        type: "text"
+    },
+    outerLabel: {
+        name: "outerLabel",
+        type: "text"
+    },
+    outerLabelLine: {
+        name: "outerLabelLine",
+        type: "rule"
+    }
+});
+//# sourceMappingURL=constant.js.map

package/esm/charts/funnel-3d/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/funnel-3d/constant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAoC,MAAM,kBAAkB,CAAC;AAGpF,MAAM,CAAC,MAAM,kBAAkB,mCAC1B,cAAc,KACjB,YAA+B,EAAE,EAAE,IAAI,YAA+B,EAAE,IAAI,aAA0B,EAAE,EACxG,eAAkC,EAAE,EAAE,IAAI,eAAkC,EAAE,IAAI,aAA0B,EAAE,EAC9G,kBAAmC,EAAE,EAAE,IAAI,kBAAmC,EAAE,IAAI,QAAmB,EAAE,EACzG,cAA+B,EAAE,EAAE,IAAI,cAA+B,EAAE,IAAI,QAAmB,EAAE,EACjG,kBAAmC,EAAE,EAAE,IAAI,kBAAmC,EAAE,IAAI,QAAmB,EAAE,GAC1G,CAAC","file":"constant.js","sourcesContent":["import { baseSeriesMark, MarkTypeEnum, SeriesMarkNameEnum } from '@visactor/vchart';\nimport { MarkType3dEnum, SeriesMark3dNameEnum } from '../3d/enum';\n\nexport const funnel3dSeriesMark = {\n  ...baseSeriesMark,\n  [SeriesMark3dNameEnum.funnel3d]: { name: SeriesMark3dNameEnum.funnel3d, type: MarkType3dEnum.pyramid3d },\n  [SeriesMark3dNameEnum.transform3d]: { name: SeriesMark3dNameEnum.transform3d, type: MarkType3dEnum.pyramid3d },\n  [SeriesMarkNameEnum.transformLabel]: { name: SeriesMarkNameEnum.transformLabel, type: MarkTypeEnum.text },\n  [SeriesMarkNameEnum.outerLabel]: { name: SeriesMarkNameEnum.outerLabel, type: MarkTypeEnum.text },\n  [SeriesMarkNameEnum.outerLabelLine]: { name: SeriesMarkNameEnum.outerLabelLine, type: MarkTypeEnum.rule }\n};\n"]}

package/esm/charts/funnel-3d/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chart';
+export * from './series';
+export * from './series-spec-transformer';
+export * from './interface';

package/esm/charts/funnel-3d/index.js

@@ -0,0 +1,7 @@
+export * from "./chart";
+
+export * from "./series";
+
+export * from "./series-spec-transformer";
+
+export * from "./interface";

package/esm/charts/funnel-3d/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/funnel-3d/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './chart';\nexport * from './series';\nexport * from './series-spec-transformer';\nexport * from './interface';\n"]}

package/esm/charts/funnel-3d/interface.d.ts

@@ -0,0 +1,18 @@
+import type { IChartExtendsSeriesSpec, IChartSpec, IFunnelSeriesSpec, IMarkTheme, IRuleMarkSpec, ITextMarkSpec, SeriesMarkNameEnum } from '@visactor/vchart';
+import type { IPyramid3dMarkSpec } from '../3d/interface';
+import type { SeriesMark3dNameEnum } from '../3d/enum';
+export interface IFunnel3dChartSpec extends IChartSpec, IChartExtendsSeriesSpec<IFunnel3dSeriesSpec> {
+    type: 'funnel3d';
+}
+export type IFunnel3dSeriesSpec = {
+    type: 'funnel3d';
+} & Omit<IFunnelSeriesSpec, 'type'>;
+export interface IFunnel3dSeriesTheme {
+    [SeriesMark3dNameEnum.funnel3d]?: Partial<IMarkTheme<IPyramid3dMarkSpec>>;
+    [SeriesMark3dNameEnum.transform3d]?: Partial<IMarkTheme<IPyramid3dMarkSpec>>;
+    [SeriesMarkNameEnum.label]?: Partial<IMarkTheme<ITextMarkSpec>>;
+    [SeriesMarkNameEnum.outerLabel]?: Partial<IMarkTheme<ITextMarkSpec>> & {
+        line?: Partial<IMarkTheme<IRuleMarkSpec>>;
+    };
+    [SeriesMarkNameEnum.transformLabel]?: Partial<IMarkTheme<ITextMarkSpec>>;
+}

package/esm/charts/funnel-3d/interface.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

package/esm/charts/funnel-3d/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/funnel-3d/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  IChartExtendsSeriesSpec,\n  IChartSpec,\n  IFunnelSeriesSpec,\n  IMarkTheme,\n  IRuleMarkSpec,\n  ITextMarkSpec,\n  SeriesMarkNameEnum\n} from '@visactor/vchart';\nimport type { IPyramid3dMarkSpec } from '../3d/interface';\nimport type { SeriesMark3dNameEnum } from '../3d/enum';\n\nexport interface IFunnel3dChartSpec extends IChartSpec, IChartExtendsSeriesSpec<IFunnel3dSeriesSpec> {\n  type: 'funnel3d';\n}\n\nexport type IFunnel3dSeriesSpec = {\n  type: 'funnel3d';\n} & Omit<IFunnelSeriesSpec, 'type'>;\n\nexport interface IFunnel3dSeriesTheme {\n  [SeriesMark3dNameEnum.funnel3d]?: Partial<IMarkTheme<IPyramid3dMarkSpec>>;\n  [SeriesMark3dNameEnum.transform3d]?: Partial<IMarkTheme<IPyramid3dMarkSpec>>;\n  [SeriesMarkNameEnum.label]?: Partial<IMarkTheme<ITextMarkSpec>>;\n  [SeriesMarkNameEnum.outerLabel]?: Partial<IMarkTheme<ITextMarkSpec>> & {\n    line?: Partial<IMarkTheme<IRuleMarkSpec>>;\n  };\n  [SeriesMarkNameEnum.transformLabel]?: Partial<IMarkTheme<ITextMarkSpec>>;\n}\n"]}