npm - @visactor/vchart-extension - Versions diffs - 2.0.7-alpha.5 → 2.0.7-alpha.7 - Mend

@visactor/vchart-extension 2.0.7-alpha.5 → 2.0.7-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (349) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/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"]}
1	+ {"version":3,"sources":["../src/charts/conversion-funnel/arrow-data-transform.ts"],"names":[],"mappings":"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","file":"arrow-data-transform.js","sourcesContent":["import type { IPointLike } from '@visactor/vchart';\nimport type { IConversionFunnelSpec, Arrow } from './interface';\nimport { isValid, isValidNumber, maxInArray } from '@visactor/vchart';\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 // eslint-disable-next-line no-loop-func\n if (arrowsIsLayout.some(arr => arr.layout.level === level && isArrowCross(arr, arrow))) {\n level += 1;\n break;\n }\n --level;\n }\n arrow.layout.level = Math.max(0, level);\n // 2. 获取当前箭头所在层级的出入度信息\n arrow.layout.fromTotal = nodeDegreeMap.get(arrow.from).degree;\n arrow.layout.toTotal = nodeDegreeMap.get(arrow.to).degree;\n // 3. 计算 from 和 to 的顺序\n const duplicateNode = arrow.layout.duplicateNode;\n if (duplicateNode) {\n arrow.layout.fromIndex = duplicateNode.layout.fromIndex;\n arrow.layout.toIndex = duplicateNode.layout.toIndex;\n } else {\n arrow.layout.fromIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.from).totalArrows);\n arrow.layout.toIndex = computeIndex(arrow, nodeDegreeMap.get(arrow.to).totalArrows);\n }\n arrow.layout.isLayout = true;\n });\n\n return arrows;\n}\n\nfunction computeIndex(arrow: ParsedArrow, totalArrows: ParsedArrow[]) {\n let index = 0;\n let duplicateCount = 0;\n for (let i = 0; i < totalArrows.length; i++) {\n const curArrow = totalArrows[i];\n if (curArrow === arrow) {\n index = i - duplicateCount;\n break;\n }\n if (curArrow.layout.duplicateNode) {\n duplicateCount++;\n }\n }\n return index;\n}\n"]}

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

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

package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js CHANGED Viewed

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.ConversionFunnelChartSpecTransformer = void 0;
-const vchart_1 = require("@visactor/vchart"), vutils_1 = require("@visactor/vutils"), constants_1 = require("./constants");
+const vchart_1 = require("@visactor/vchart"), vchart_2 = require("@visactor/vchart"), constants_1 = require("./constants");
 class ConversionFunnelChartSpecTransformer extends vchart_1.FunnelChartSpecTransformer {
     transformSpec(spec) {
@@ -114,7 +114,7 @@ function generateArrowTextSpec(text = {}, margin) {
                 var _a, _b, _c, _d, _e, _f, _g;
                 const {text: textContent} = arrow;
                 let displayTextContent = textContent;
-                if ((0, vutils_1.isFunction)(formatMethod)) {
+                if ((0, vchart_2.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,
@@ -193,5 +193,5 @@ function addFunnelBackgroundMark(funnelBackground) {
     });
 }
+exports.ConversionFunnelChartSpecTransformer = ConversionFunnelChartSpecTransformer;
 //# sourceMappingURL=conversion-funnel-transformer.js.map
-exports.ConversionFunnelChartSpecTransformer = ConversionFunnelChartSpecTransformer;

package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js.map CHANGED Viewed

	@@ -1 +1 @@
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"]}
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/vchart';\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/vchart';\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/cjs/charts/conversion-funnel/conversion-funnel.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { IConversionFunnelChartSpecBase, IConversionFunnelSeriesSpecBase } from './interface';
 import { VChart, FunnelChart, FunnelSeries } from '@visactor/vchart';
-import { DataView } from '@visactor/vdataset';
+import { DataView } from '@visactor/vchart';
 import { ConversionFunnelChartSpecTransformer } from './conversion-funnel-transformer';
 export declare class ConversionFunnelChart extends FunnelChart<IConversionFunnelChartSpecBase> {
     type: string;

package/cjs/charts/conversion-funnel/conversion-funnel.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerConversionFunnelChart = exports.ConversionFunnelSeries = exports.ConversionFunnelChart = void 0;
-const vchart_1 = require("@visactor/vchart"), vdataset_1 = require("@visactor/vdataset"), conversion_funnel_transformer_1 = require("./conversion-funnel-transformer"), arrow_data_transform_1 = require("./arrow-data-transform");
+const vchart_1 = require("@visactor/vchart"), vchart_2 = require("@visactor/vchart"), conversion_funnel_transformer_1 = require("./conversion-funnel-transformer"), arrow_data_transform_1 = require("./arrow-data-transform");
 class ConversionFunnelChart extends vchart_1.FunnelChart {
     constructor() {
@@ -20,7 +20,7 @@ class ConversionFunnelSeries extends vchart_1.FunnelSeries {
         var _a;
         super.initData();
         const {conversionArrow: conversionArrow} = this._spec;
-        conversionArrow && (null === (_a = conversionArrow.arrows) || void 0 === _a ? void 0 : _a.length) && (this._arrowData = new vdataset_1.DataView(this._dataSet, {
+        conversionArrow && (null === (_a = conversionArrow.arrows) || void 0 === _a ? void 0 : _a.length) && (this._arrowData = new vchart_2.DataView(this._dataSet, {
             name: `${vchart_1.PREFIX}_series_${this.id}_arrowData`
         }), this._dataSet.getTransform("conversionArrow") || this._dataSet.registerTransform("conversionArrow", arrow_data_transform_1.conversionArrowTransform),
         this._arrowData.parse(conversionArrow).transform({
@@ -59,4 +59,4 @@ const registerConversionFunnelChart = option => {
 };
 exports.registerConversionFunnelChart = registerConversionFunnelChart;
-//# sourceMappingURL=conversion-funnel.js.map
+//# sourceMappingURL=conversion-funnel.js.map

package/cjs/charts/conversion-funnel/conversion-funnel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/charts/conversion-funnel/conversion-funnel.ts"],"names":[],"mappings":";;;AAEA,6CAA0G;AAC1G,~~iDAA8C~~;~~AAC9C~~,mFAAuF;AACvF,iEAAkE;AAElE,MAAa,qBAAsB,SAAQ,oBAA2C;IAAtF;;QACE,SAAI,GAAG,kBAAkB,CAAC;QAMjB,2BAAsB,GAAG,oEAAoC,CAAC;IACzE,CAAC;;AARD,sDAQC;AANQ,0BAAI,GAAG,kBAAkB,CAAC;AAIjB,4CAAsB,GAAG,oEAAoC,CAAC;AAIhF,MAAa,sBAAuB,SAAQ,qBAA6C;IAGvF,QAAQ;;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,IAAI,eAAe,KAAI,MAAA,eAAe,CAAC,MAAM,0CAAE,MAAM,CAAA,EAAE;YACrD,IAAI,CAAC,UAAU,GAAG,IAAI,~~mBAAQ~~,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,GAAG,eAAM,WAAW,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;YACjG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE;gBAClD,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,+CAAwB,CAAC,CAAC;aAC9E;YACD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC;gBAC/C,IAAI,EAAE,iBAAiB;gBACvB,OAAO,EAAE;oBACP,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa;iBACxC;aACF,CAAC,CAAC;SACJ;IACH,CAAC;IAED,YAAY;;QAEV,MAAA,KAAK,CAAC,YAAY,oDAAI,CAAC;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAyB,CAAC;QAC5E,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAClC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACnB,IAAI,CAAC,YAAY,CAAC;oBAChB;wBACE,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,OAAO;qBACrD;iBACF,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAyB,CAAC;QAC1E,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBAClC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAClC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACnB,IAAI,CAAC,YAAY,CAAC;oBAChB;wBACE,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM;qBACpD;iBACF,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;CACF;AAlDD,wDAkDC;AAEM,MAAM,6BAA6B,GAAG,CAAC,MAAmC,EAAE,EAAE;IACnF,IAAA,oCAA2B,GAAE,CAAC;IAE9B,MAAM,iBAAiB,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,eAAM,CAAC;IACnD,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACpD,iBAAiB,CAAC,SAAS,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;KACvD;AACH,CAAC,CAAC;AARW,QAAA,6BAA6B,iCAQxC","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"]}
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/vchart';\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/cjs/charts/conversion-funnel/index.js CHANGED Viewed

@@ -18,4 +18,4 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./interface"), exports), __exportStar(require("./conversion-funnel"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/conversion-funnel/interface.js CHANGED Viewed

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

package/cjs/charts/conversion-funnel/util.js CHANGED Viewed

@@ -14,4 +14,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.isSameArrow = exports.isArrowCross = void 0, exports.isArrowCross = isArrowCross,
 exports.isSameArrow = isSameArrow;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/charts/funnel-3d/chart.js CHANGED Viewed

@@ -22,4 +22,4 @@ const registerFunnel3dChart = () => {
 };
 exports.registerFunnel3dChart = registerFunnel3dChart;
-//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

package/cjs/charts/funnel-3d/constant.js CHANGED Viewed

@@ -28,4 +28,4 @@ exports.funnel3dSeriesMark = Object.assign(Object.assign({}, vchart_1.baseSeries
         type: "rule"
     }
 });
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/charts/funnel-3d/index.js CHANGED Viewed

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./chart"), exports), __exportStar(require("./series"), exports),
 __exportStar(require("./series-spec-transformer"), exports), __exportStar(require("./interface"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/funnel-3d/interface.js CHANGED Viewed

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

package/cjs/charts/funnel-3d/series-spec-transformer.js CHANGED Viewed

@@ -13,4 +13,4 @@ class Funnel3dSeriesSpecTransformer extends vchart_1.FunnelSeriesSpecTransformer
 }
 exports.Funnel3dSeriesSpecTransformer = Funnel3dSeriesSpecTransformer;
-//# sourceMappingURL=series-spec-transformer.js.map
+//# sourceMappingURL=series-spec-transformer.js.map

package/cjs/charts/funnel-3d/series.js CHANGED Viewed

@@ -80,4 +80,4 @@ const registerFunnel3dSeries = () => {
 };
 exports.registerFunnel3dSeries = registerFunnel3dSeries;
-//# sourceMappingURL=series.js.map
+//# sourceMappingURL=series.js.map

package/cjs/charts/funnel-3d/theme.js CHANGED Viewed

@@ -7,4 +7,4 @@ Object.defineProperty(exports, "__esModule", {
 const vchart_1 = require("@visactor/vchart");
 exports.funnel3d = (0, vchart_1.getFunnelTheme)(!0);
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

package/cjs/charts/histogram-3d/chart.js CHANGED Viewed

@@ -28,4 +28,4 @@ const registerHistogram3dChart = () => {
 };
 exports.registerHistogram3dChart = registerHistogram3dChart;
-//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

package/cjs/charts/image-cloud/series/animation.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { EasingType } from '@visactor/vrender-core';
-import { ACustomAnimate } from '@visactor/vrender-animate';
+import type { EasingType } from '@visactor/vchart';
+import { ACustomAnimate } from '@visactor/vchart';
 import type { IAnimationConfig } from '@visactor/vchart';
 export declare class AxialRotateAnimation extends ACustomAnimate<{}> {
     valid: boolean;

package/cjs/charts/image-cloud/series/animation.js CHANGED Viewed

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerImageCloudAnimation = exports.imageCloudPresetAnimation = exports.AxialRotateAnimation = void 0;
-const vrender_animate_1 = require("@visactor/vrender-animate"), vutils_1 = require("@visactor/vutils"), vchart_1 = require("@visactor/vchart");
+const vchart_1 = require("@visactor/vchart"), vchart_2 = require("@visactor/vchart"), vchart_3 = require("@visactor/vchart");
-class AxialRotateAnimation extends vrender_animate_1.ACustomAnimate {
+class AxialRotateAnimation extends vchart_1.ACustomAnimate {
     constructor(from, to, duration, easing, params) {
         var _a;
         super(from, to, duration, easing, params), this._rotations = null !== (_a = null == params ? void 0 : params.rotation) && void 0 !== _a ? _a : 1;
     }
     onBind() {
-        this._scaleX = this.target.attribute.scaleX, (0, vutils_1.isValidNumber)(this._rotations) || (this.valid = !1);
+        this._scaleX = this.target.attribute.scaleX, (0, vchart_2.isValidNumber)(this._rotations) || (this.valid = !1);
     }
     onUpdate(end, ratio, out) {
         var _a;
@@ -31,7 +31,7 @@ function imageCloudPresetAnimation(params, preset) {
             customParameters: {
                 rotation: 1
             },
-            duration: vchart_1.DEFAULT_ANIMATION_CONFIG.appear.duration
+            duration: vchart_3.DEFAULT_ANIMATION_CONFIG.appear.duration
         }, {
             channel: {
                 y: {
@@ -63,20 +63,20 @@ function imageCloudPresetAnimation(params, preset) {
                     from: () => params.center().y
                 }
             },
-            duration: vchart_1.DEFAULT_ANIMATION_CONFIG.appear.duration
+            duration: vchart_3.DEFAULT_ANIMATION_CONFIG.appear.duration
         };
       case "scaleIn":
         return {
             type: "scaleIn",
-            duration: vchart_1.DEFAULT_ANIMATION_CONFIG.appear.duration
+            duration: vchart_3.DEFAULT_ANIMATION_CONFIG.appear.duration
         };
       default:
         return {
             type: "fadeIn",
             easing: "linear",
-            duration: vchart_1.DEFAULT_ANIMATION_CONFIG.appear.duration
+            duration: vchart_3.DEFAULT_ANIMATION_CONFIG.appear.duration
         };
     }
 }
@@ -84,7 +84,7 @@ function imageCloudPresetAnimation(params, preset) {
 exports.AxialRotateAnimation = AxialRotateAnimation, exports.imageCloudPresetAnimation = imageCloudPresetAnimation;
 const registerImageCloudAnimation = () => {
-    vchart_1.Factory.registerAnimation("imageCloud", ((params, preset) => ({
+    vchart_3.Factory.registerAnimation("imageCloud", ((params, preset) => ({
         appear: imageCloudPresetAnimation(params, preset),
         enter: imageCloudPresetAnimation(params, preset),
         exit: {

package/cjs/charts/image-cloud/series/animation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/charts/image-cloud/series/animation.ts"],"names":[],"mappings":";;;AACA~~,+DAA2D~~;~~AAC3D~~,6CAAiD;AAEjD,6CAAqE;AAErE,MAAa,oBAAqB,SAAQ,~~gCAAkB~~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","file":"animation.js","sourcesContent":["import type { EasingType } from '@visactor/~~vrender-core~~';\nimport { ACustomAnimate } from '@visactor/~~vrender-animate~~';\nimport { isValidNumber } from '@visactor/~~vutils~~';\nimport type { IAnimationConfig } from '@visactor/vchart';\nimport { DEFAULT_ANIMATION_CONFIG, Factory } from '@visactor/vchart';\n\nexport class AxialRotateAnimation extends ACustomAnimate<{}> {\n declare valid: boolean;\n\n private _rotations: number;\n private _scaleX: number;\n\n constructor(from: any, to: any, duration: number, easing: EasingType, params: { rotation?: number }) {\n super(from, to, duration, easing, params);\n this._rotations = params?.rotation ?? 1;\n }\n\n onBind(): void {\n this._scaleX = this.target.attribute.scaleX;\n if (!isValidNumber(this._rotations)) {\n this.valid = false;\n }\n }\n\n onUpdate(end: boolean, ratio: number, out: Record<string, any>) {\n if (this.valid === false) {\n return;\n }\n\n if (end) {\n out.scaleX = this._scaleX;\n return;\n }\n\n // 计算当前的旋转角度\n const currentAngle = this._rotations * 360 * ratio;\n const currentAngleInRadians = (currentAngle * Math.PI) / 180;\n const scaleX = Math.abs(Math.cos(currentAngleInRadians)) * (this._scaleX ?? 1);\n this.target.attribute.scaleX = scaleX;\n this.target.addUpdatePositionTag();\n this.target.addUpdateShapeAndBoundsTag();\n }\n}\n\nexport interface IImageCloudAnimationParams {\n height: () => number;\n center: () => { x: number; y: number };\n}\nexport type ImageCloudAppearPresetType = 'fadeIn' \| 'scaleIn' \| 'growIn' \| 'axialRotate';\n\nexport function imageCloudPresetAnimation(\n params: IImageCloudAnimationParams,\n preset: ImageCloudAppearPresetType\n): IAnimationConfig \| IAnimationConfig[] {\n switch (preset) {\n case 'axialRotate':\n return [\n {\n custom: AxialRotateAnimation,\n customParameters: {\n rotation: 1\n },\n duration: DEFAULT_ANIMATION_CONFIG.appear.duration\n },\n {\n channel: {\n y: {\n from: (datum: any, element: any) => {\n return params.height() + element.getFinalAttribute().y;\n }\n },\n fillOpacity: {\n from: 0,\n to: 1\n }\n },\n easing: 'sineInOut'\n }\n ];\n case 'growIn':\n return {\n channel: {\n scaleX: {\n from: 0,\n to: 1\n },\n scaleY: {\n from: 0,\n to: 1\n },\n x: { from: () => params.center().x },\n y: { from: () => params.center().y }\n },\n duration: DEFAULT_ANIMATION_CONFIG.appear.duration\n };\n case 'scaleIn':\n return { type: 'scaleIn', duration: DEFAULT_ANIMATION_CONFIG.appear.duration };\n case 'fadeIn':\n default:\n return { type: 'fadeIn', easing: 'linear', duration: DEFAULT_ANIMATION_CONFIG.appear.duration };\n }\n}\n\nexport const registerImageCloudAnimation = () => {\n Factory.registerAnimation('imageCloud', (params: IImageCloudAnimationParams, preset: ImageCloudAppearPresetType) => ({\n appear: imageCloudPresetAnimation(params, preset),\n enter: imageCloudPresetAnimation(params, preset),\n exit: { type: 'fadeOut' },\n disappear: { type: 'fadeOut' }\n }));\n};\n"]}
1	+ {"version":3,"sources":["../src/charts/image-cloud/series/animation.ts"],"names":[],"mappings":"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","file":"animation.js","sourcesContent":["import type { EasingType } from '@visactor/vchart';\nimport { ACustomAnimate } from '@visactor/vchart';\nimport { isValidNumber } from '@visactor/vchart';\nimport type { IAnimationConfig } from '@visactor/vchart';\nimport { DEFAULT_ANIMATION_CONFIG, Factory } from '@visactor/vchart';\n\nexport class AxialRotateAnimation extends ACustomAnimate<{}> {\n declare valid: boolean;\n\n private _rotations: number;\n private _scaleX: number;\n\n constructor(from: any, to: any, duration: number, easing: EasingType, params: { rotation?: number }) {\n super(from, to, duration, easing, params);\n this._rotations = params?.rotation ?? 1;\n }\n\n onBind(): void {\n this._scaleX = this.target.attribute.scaleX;\n if (!isValidNumber(this._rotations)) {\n this.valid = false;\n }\n }\n\n onUpdate(end: boolean, ratio: number, out: Record<string, any>) {\n if (this.valid === false) {\n return;\n }\n\n if (end) {\n out.scaleX = this._scaleX;\n return;\n }\n\n // 计算当前的旋转角度\n const currentAngle = this._rotations * 360 * ratio;\n const currentAngleInRadians = (currentAngle * Math.PI) / 180;\n const scaleX = Math.abs(Math.cos(currentAngleInRadians)) * (this._scaleX ?? 1);\n this.target.attribute.scaleX = scaleX;\n this.target.addUpdatePositionTag();\n this.target.addUpdateShapeAndBoundsTag();\n }\n}\n\nexport interface IImageCloudAnimationParams {\n height: () => number;\n center: () => { x: number; y: number };\n}\nexport type ImageCloudAppearPresetType = 'fadeIn' \| 'scaleIn' \| 'growIn' \| 'axialRotate';\n\nexport function imageCloudPresetAnimation(\n params: IImageCloudAnimationParams,\n preset: ImageCloudAppearPresetType\n): IAnimationConfig \| IAnimationConfig[] {\n switch (preset) {\n case 'axialRotate':\n return [\n {\n custom: AxialRotateAnimation,\n customParameters: {\n rotation: 1\n },\n duration: DEFAULT_ANIMATION_CONFIG.appear.duration\n },\n {\n channel: {\n y: {\n from: (datum: any, element: any) => {\n return params.height() + element.getFinalAttribute().y;\n }\n },\n fillOpacity: {\n from: 0,\n to: 1\n }\n },\n easing: 'sineInOut'\n }\n ];\n case 'growIn':\n return {\n channel: {\n scaleX: {\n from: 0,\n to: 1\n },\n scaleY: {\n from: 0,\n to: 1\n },\n x: { from: () => params.center().x },\n y: { from: () => params.center().y }\n },\n duration: DEFAULT_ANIMATION_CONFIG.appear.duration\n };\n case 'scaleIn':\n return { type: 'scaleIn', duration: DEFAULT_ANIMATION_CONFIG.appear.duration };\n case 'fadeIn':\n default:\n return { type: 'fadeIn', easing: 'linear', duration: DEFAULT_ANIMATION_CONFIG.appear.duration };\n }\n}\n\nexport const registerImageCloudAnimation = () => {\n Factory.registerAnimation('imageCloud', (params: IImageCloudAnimationParams, preset: ImageCloudAppearPresetType) => ({\n appear: imageCloudPresetAnimation(params, preset),\n enter: imageCloudPresetAnimation(params, preset),\n exit: { type: 'fadeOut' },\n disappear: { type: 'fadeOut' }\n }));\n};\n"]}

package/cjs/charts/image-cloud/series/image-cloud.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { IImageCloudSeriesSpec } from './interface';
 import { ImageCloudMarkNameEnum } from './constant';
-import type { IPoint } from '@visactor/vutils';
-import { createImage } from '@visactor/vrender-core';
+import type { IPoint } from '@visactor/vchart';
+import { createImage } from '@visactor/vchart';
 import type { Datum, IImageMark, IMark, IRectMark } from '@visactor/vchart';
 import { BaseSeries } from '@visactor/vchart';
 export declare class ImageCloudSeries<T extends IImageCloudSeriesSpec> extends BaseSeries<T> {
@@ -103,7 +103,7 @@ export declare class ImageCloudSeries<T extends IImageCloudSeriesSpec> extends B
             padding: number;
         };
         ratio: number;
-        mask: string | import("@visactor/vlayouts").TextShapeMask | import("@visactor/vlayouts").GeometricMaskShape;
+        mask: string | import("@visactor/vchart").TextShapeMask | import("@visactor/vchart").GeometricMaskShape;
         maskConfig: {
             visible?: boolean;
             threshold?: number;
@@ -111,7 +111,7 @@ export declare class ImageCloudSeries<T extends IImageCloudSeriesSpec> extends B
             removeWhiteBorder?: boolean;
             style?: Partial<import("@visactor/vchart").IImageMarkSpec>;
         };
-        layoutConfig: import("@visactor/vlayouts").LayoutConfigType;
+        layoutConfig: import("@visactor/vchart").LayoutConfigType;
         createCanvas: (params: import("@visactor/vrender-core").ICreateCanvasParams) => any;
         createImage: typeof createImage;
         onUpdateMaskCanvas: (inputImage?: HTMLCanvasElement, maskImage?: HTMLCanvasElement) => void;

package/cjs/charts/image-cloud/series/image-cloud.js CHANGED Viewed

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerImageCloudSeries = exports.ImageCloudSeries = void 0;
-const constant_1 = require("./constant"), vutils_1 = require("@visactor/vutils"), vlayouts_1 = require("@visactor/vlayouts"), animation_1 = require("./animation"), tooltip_helper_1 = require("./tooltip-helper"), vrender_core_1 = require("@visactor/vrender-core"), vchart_1 = require("@visactor/vchart");
+const constant_1 = require("./constant"), vchart_1 = require("@visactor/vchart"), vchart_2 = require("@visactor/vchart"), animation_1 = require("./animation"), tooltip_helper_1 = require("./tooltip-helper"), vchart_3 = require("@visactor/vchart"), vchart_4 = require("@visactor/vchart");
-class ImageCloudSeries extends vchart_1.BaseSeries {
+class ImageCloudSeries extends vchart_4.BaseSeries {
     constructor() {
         super(...arguments), this.type = constant_1.IMAGE_CLOUD_SERIES_TYPE;
     }
     setValueField(field) {
-        (0, vutils_1.isValid)(field) && (this._valueField = field);
+        (0, vchart_1.isValid)(field) && (this._valueField = field);
     }
     setAttrFromSpec() {
         super.setAttrFromSpec(), this._nameField = this._spec.nameField, this._valueField = this._spec.valueField,
@@ -23,7 +23,7 @@ class ImageCloudSeries extends vchart_1.BaseSeries {
             dataView: !1,
             skipBeforeLayouted: !0
         })), this._imageMark = this._createMark(constant_1.imageCloudSeriesMark.image, {
-            key: datum => `${datum[vchart_1.DEFAULT_DATA_KEY]}-${datum.frequency}`,
+            key: datum => `${datum[vchart_4.DEFAULT_DATA_KEY]}-${datum.frequency}`,
             isSeriesMark: !0,
             skipBeforeLayouted: !0
         });
@@ -46,21 +46,21 @@ class ImageCloudSeries extends vchart_1.BaseSeries {
             clipConfig: datum => datum.clipConfig,
             image: datum => datum[this._urlField],
             scaleCenter: [ "50%", "50%" ]
-        }, "normal", vchart_1.AttributeLevel.Series);
+        }, "normal", vchart_4.AttributeLevel.Series);
         "masked" === (null === (_a = this._spec.layoutConfig) || void 0 === _a ? void 0 : _a.placement) && (this.setMarkStyle(this._imageMark, {
             globalCompositeOperation: "source-atop"
-        }, "normal", vchart_1.AttributeLevel.Series), this.setMarkStyle(this._rootMark, {
+        }, "normal", vchart_4.AttributeLevel.Series), this.setMarkStyle(this._rootMark, {
             width: () => this._region.getLayoutRect().width,
             height: () => this._region.getLayoutRect().height,
             globalCompositeOperation: "destination-in",
             clip: !0,
             drawMode: 1
-        }, "normal", vchart_1.AttributeLevel.Series)), "stack" === (null === (_b = this._spec.layoutConfig) || void 0 === _b ? void 0 : _b.layoutMode) && this.setMarkStyle(this._imageMark, {
+        }, "normal", vchart_4.AttributeLevel.Series)), "stack" === (null === (_b = this._spec.layoutConfig) || void 0 === _b ? void 0 : _b.layoutMode) && this.setMarkStyle(this._imageMark, {
             stroke: "white",
             lineWidth: 2,
             shadowBlur: 6,
             shadowColor: "grey"
-        }, "normal", vchart_1.AttributeLevel.Series);
+        }, "normal", vchart_4.AttributeLevel.Series);
     }
     isFillingImage(datum) {
         return datum._frequency > 1;
@@ -71,7 +71,7 @@ class ImageCloudSeries extends vchart_1.BaseSeries {
         }), this.setMarkStyle(this._maskMark, {
             width: () => this._region.getLayoutRect().width,
             height: () => this._region.getLayoutRect().height
-        }, "normal", vchart_1.AttributeLevel.Series));
+        }, "normal", vchart_4.AttributeLevel.Series));
     }
     initTooltip() {
         this._tooltipHelper = new tooltip_helper_1.ImageCloudTooltipHelper(this), this._imageMark && this._tooltipHelper.activeTriggerSet.mark.add(this._imageMark);
@@ -98,8 +98,8 @@ class ImageCloudSeries extends vchart_1.BaseSeries {
             mask: this._spec.maskShape,
             maskConfig: this._spec.imageMask,
             layoutConfig: this._spec.layoutConfig,
-            createCanvas: vchart_1.vglobal.createCanvas.bind(vchart_1.vglobal),
-            createImage: vrender_core_1.createImage,
+            createCanvas: vchart_4.vglobal.createCanvas.bind(vchart_4.vglobal),
+            createImage: vchart_3.createImage,
             onUpdateMaskCanvas: ((inputImage, maskImage) => {
                 var _a;
                 inputImage && this._maskMark && this._maskMark.getProduct().getChildren().forEach((element => {
@@ -132,8 +132,8 @@ class ImageCloudSeries extends vchart_1.BaseSeries {
                         return height;
                     }
                 };
-                mark.setAnimationConfig((0, vchart_1.animationConfig)(vchart_1.Factory.getAnimationInKey("imageCloud")(params, appearPreset), (0,
-                vchart_1.userAnimationConfig)("image", this._spec, this._markAttributeContext)));
+                mark.setAnimationConfig((0, vchart_4.animationConfig)(vchart_4.Factory.getAnimationInKey("imageCloud")(params, appearPreset), (0,
+                vchart_4.userAnimationConfig)("image", this._spec, this._markAttributeContext)));
             }
         }));
     }
@@ -190,9 +190,9 @@ exports.ImageCloudSeries = ImageCloudSeries, ImageCloudSeries.type = constant_1.
 ImageCloudSeries.mark = constant_1.imageCloudSeriesMark;
 const registerImageCloudSeries = () => {
-    (0, vchart_1.registerImageMark)(), (0, animation_1.registerImageCloudAnimation)(),
-    vchart_1.Factory.registerSeries(ImageCloudSeries.type, ImageCloudSeries), vchart_1.Factory.registerGrammarTransform("imagecloud", {
-        transform: vlayouts_1.imagecloudTransform
+    (0, vchart_4.registerImageMark)(), (0, animation_1.registerImageCloudAnimation)(),
+    vchart_4.Factory.registerSeries(ImageCloudSeries.type, ImageCloudSeries), vchart_4.Factory.registerGrammarTransform("imagecloud", {
+        transform: vchart_2.imagecloudTransform
     });
 };