@visactor/vseed 0.4.28 → 0.5.0

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/barColor.js

@@ -0,0 +1,51 @@
+import tinycolor2 from "tinycolor2";
+const isGradient = (color)=>color.includes('deg');
+const splitLinearColor = (str)=>str.split(', ');
+const transformColor2Gradient = (colorStr)=>{
+    const [degStr, startColor, endColor] = splitLinearColor(colorStr);
+    const deg = +degStr.slice(0, -3);
+    const endX = Math.cos(deg / 180 * Math.PI);
+    const endY = Math.sin(deg / 180 * Math.PI);
+    return {
+        gradient: 'linear',
+        x0: endX < 0 ? Math.abs(endX) : 0,
+        x1: endX > 0 ? endX : 0,
+        y1: endY < 0 ? Math.abs(endY) : 0,
+        y0: endY > 0 ? endY : 0,
+        stops: [
+            {
+                offset: 0,
+                color: startColor
+            },
+            {
+                offset: 1,
+                color: endColor
+            }
+        ]
+    };
+};
+const transform2VChartColor = (colorStr)=>{
+    if (!colorStr) return colorStr;
+    return isGradient(colorStr) ? transformColor2Gradient(colorStr) : colorStr;
+};
+const fillColorToStrokeColor = (color)=>tinycolor2(color).lighten(10).toRgbString();
+const atmosphereColorToFill = (color, isGradientChart, isHorizontal)=>{
+    if (isGradient(color)) return transformColor2Gradient(color);
+    if (!isGradientChart) return color;
+    const deg = isHorizontal ? 90 : 0;
+    const start = tinycolor2(color).setAlpha(0.2).toRgbString();
+    const end = tinycolor2(color).setAlpha(1).toRgbString();
+    return transformColor2Gradient(`${deg}deg, ${start}, ${end}`);
+};
+const atmosphereColorToStroke = (color, isGradientChart, isHorizontal)=>{
+    if (isGradient(color)) return transformColor2Gradient(color);
+    if (!isGradientChart) return color;
+    const deg = isHorizontal ? 90 : 0;
+    const base = fillColorToStrokeColor(color);
+    const start = tinycolor2(base).setAlpha(0.2).toRgbString();
+    const end = tinycolor2(base).setAlpha(1).toRgbString();
+    return transformColor2Gradient(`${deg}deg, ${start}, ${end}`);
+};
+export { atmosphereColorToFill, atmosphereColorToStroke, transform2VChartColor };
+
+//# sourceMappingURL=barColor.js.map

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/barColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/barColor.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/barColor.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\n\nconst isGradient = (color: string) => color.includes('deg')\nconst splitLinearColor = (str: string) => str.split(', ')\n\n/**\n * @description 将 DSL 中的线性渐变字符串转换为 VChart gradient 对象。\n * @param colorStr DSL 线性渐变字符串。\n * @returns VChart gradient 对象。\n */\nconst transformColor2Gradient = (colorStr: string) => {\n  const [degStr, startColor, endColor] = splitLinearColor(colorStr)\n  const deg = +degStr.slice(0, -3)\n  const endX = Math.cos((deg / 180) * Math.PI)\n  const endY = Math.sin((deg / 180) * Math.PI)\n\n  return {\n    gradient: 'linear',\n    x0: endX < 0 ? Math.abs(endX) : 0,\n    x1: endX > 0 ? endX : 0,\n    y1: endY < 0 ? Math.abs(endY) : 0,\n    y0: endY > 0 ? endY : 0,\n    stops: [\n      { offset: 0, color: startColor },\n      { offset: 1, color: endColor },\n    ],\n  }\n}\n\n/**\n * @description 将普通色值或 DSL 渐变色统一转换为 VChart 可消费的颜色配置。\n * @param colorStr 普通色值或 DSL 渐变色。\n * @returns VChart 可消费的颜色配置。\n */\nexport const transform2VChartColor = (colorStr?: string) => {\n  if (!colorStr) return colorStr\n  return isGradient(colorStr) ? transformColor2Gradient(colorStr) : colorStr\n}\n\n/**\n * @description 从填充色推导更亮的描边色，用于柱图氛围高亮。\n * @param color 填充色。\n * @returns 推导后的描边色。\n */\nconst fillColorToStrokeColor = (color: string) => {\n  return tinycolor(color).lighten(10).toRgbString()\n}\n\n/**\n * @description 生成柱图氛围高亮的填充色；渐变柱图会补齐透明度渐变。\n * @param color 高亮色。\n * @param isGradientChart 当前图表是否使用渐变填充。\n * @param isHorizontal 是否为横向柱图。\n * @returns 柱图氛围高亮填充色。\n */\nexport const atmosphereColorToFill = (color: string, isGradientChart: boolean, isHorizontal: boolean) => {\n  if (isGradient(color)) return transformColor2Gradient(color)\n  if (!isGradientChart) return color\n\n  const deg = isHorizontal ? 90 : 0\n  const start = tinycolor(color).setAlpha(0.2).toRgbString()\n  const end = tinycolor(color).setAlpha(1).toRgbString()\n  return transformColor2Gradient(`${deg}deg, ${start}, ${end}`)\n}\n\n/**\n * @description 生成柱图氛围高亮的描边色；渐变柱图会补齐透明度渐变。\n * @param color 高亮色。\n * @param isGradientChart 当前图表是否使用渐变填充。\n * @param isHorizontal 是否为横向柱图。\n * @returns 柱图氛围高亮描边色。\n */\nexport const atmosphereColorToStroke = (color: string, isGradientChart: boolean, isHorizontal: boolean) => {\n  if (isGradient(color)) return transformColor2Gradient(color)\n  if (!isGradientChart) return color\n\n  const deg = isHorizontal ? 90 : 0\n  const base = fillColorToStrokeColor(color)\n  const start = tinycolor(base).setAlpha(0.2).toRgbString()\n  const end = tinycolor(base).setAlpha(1).toRgbString()\n  return transformColor2Gradient(`${deg}deg, ${start}, ${end}`)\n}\n"],"names":["isGradient","color","splitLinearColor","str","transformColor2Gradient","colorStr","degStr","startColor","endColor","deg","endX","Math","endY","transform2VChartColor","fillColorToStrokeColor","tinycolor","atmosphereColorToFill","isGradientChart","isHorizontal","start","end","atmosphereColorToStroke","base"],"mappings":";AAEA,MAAMA,aAAa,CAACC,QAAkBA,MAAM,QAAQ,CAAC;AACrD,MAAMC,mBAAmB,CAACC,MAAgBA,IAAI,KAAK,CAAC;AAOpD,MAAMC,0BAA0B,CAACC;IAC/B,MAAM,CAACC,QAAQC,YAAYC,SAAS,GAAGN,iBAAiBG;IACxD,MAAMI,MAAM,CAACH,OAAO,KAAK,CAAC,GAAG;IAC7B,MAAMI,OAAOC,KAAK,GAAG,CAAEF,MAAM,MAAOE,KAAK,EAAE;IAC3C,MAAMC,OAAOD,KAAK,GAAG,CAAEF,MAAM,MAAOE,KAAK,EAAE;IAE3C,OAAO;QACL,UAAU;QACV,IAAID,OAAO,IAAIC,KAAK,GAAG,CAACD,QAAQ;QAChC,IAAIA,OAAO,IAAIA,OAAO;QACtB,IAAIE,OAAO,IAAID,KAAK,GAAG,CAACC,QAAQ;QAChC,IAAIA,OAAO,IAAIA,OAAO;QACtB,OAAO;YACL;gBAAE,QAAQ;gBAAG,OAAOL;YAAW;YAC/B;gBAAE,QAAQ;gBAAG,OAAOC;YAAS;SAC9B;IACH;AACF;AAOO,MAAMK,wBAAwB,CAACR;IACpC,IAAI,CAACA,UAAU,OAAOA;IACtB,OAAOL,WAAWK,YAAYD,wBAAwBC,YAAYA;AACpE;AAOA,MAAMS,yBAAyB,CAACb,QACvBc,WAAUd,OAAO,OAAO,CAAC,IAAI,WAAW;AAU1C,MAAMe,wBAAwB,CAACf,OAAegB,iBAA0BC;IAC7E,IAAIlB,WAAWC,QAAQ,OAAOG,wBAAwBH;IACtD,IAAI,CAACgB,iBAAiB,OAAOhB;IAE7B,MAAMQ,MAAMS,eAAe,KAAK;IAChC,MAAMC,QAAQJ,WAAUd,OAAO,QAAQ,CAAC,KAAK,WAAW;IACxD,MAAMmB,MAAML,WAAUd,OAAO,QAAQ,CAAC,GAAG,WAAW;IACpD,OAAOG,wBAAwB,GAAGK,IAAI,KAAK,EAAEU,MAAM,EAAE,EAAEC,KAAK;AAC9D;AASO,MAAMC,0BAA0B,CAACpB,OAAegB,iBAA0BC;IAC/E,IAAIlB,WAAWC,QAAQ,OAAOG,wBAAwBH;IACtD,IAAI,CAACgB,iBAAiB,OAAOhB;IAE7B,MAAMQ,MAAMS,eAAe,KAAK;IAChC,MAAMI,OAAOR,uBAAuBb;IACpC,MAAMkB,QAAQJ,WAAUO,MAAM,QAAQ,CAAC,KAAK,WAAW;IACvD,MAAMF,MAAML,WAAUO,MAAM,QAAQ,CAAC,GAAG,WAAW;IACnD,OAAOlB,wBAAwB,GAAGK,IAAI,KAAK,EAAEU,MAAM,EAAE,EAAEC,KAAK;AAC9D"}

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/barGroup.d.ts

@@ -0,0 +1,102 @@
+import type { EffectConfig } from '../types';
+/**
+ * @description 从 spec 数据中统计类目分组数量，用于计算分组高亮总时长。
+ * @param spec 当前 VChart spec。
+ * @returns 类目分组数量。
+ */
+export declare const getGroupCountFromSpec: (spec: any) => {
+    groupCount: number;
+};
+/**
+ * @description 生成柱图分组高亮循环动画配置。
+ * @param startTime 动画开始时间，单位毫秒。
+ * @param config 高亮动画配置，包含颜色和缓动。
+ * @param duration 分组高亮总时长，单位秒。
+ * @param interval 每轮循环间隔，单位秒。
+ * @param atmosphereDuration 氛围动画占用时长，单位秒。
+ * @param isHorizontal 是否为横向柱图。
+ * @param spec 当前 VChart spec。
+ * @returns 柱图分组高亮循环动画配置。
+ */
+export declare const groupHighLightBar: (startTime: number, config: EffectConfig<any>, duration: number, interval: number, atmosphereDuration: number, isHorizontal: boolean, spec: any) => {
+    loop: boolean;
+    startTime: number;
+    controlOptions: {
+        immediatelyApply: boolean;
+    };
+    timeSlices: ({
+        effects: {
+            channel: {
+                fill: {
+                    to: string | {
+                        gradient: string;
+                        x0: number;
+                        x1: number;
+                        y1: number;
+                        y0: number;
+                        stops: {
+                            offset: number;
+                            color: string;
+                        }[];
+                    };
+                    from?: undefined;
+                };
+                stroke: {
+                    to: string | {
+                        gradient: string;
+                        x0: number;
+                        x1: number;
+                        y1: number;
+                        y0: number;
+                        stops: {
+                            offset: number;
+                            color: string;
+                        }[];
+                    };
+                    from?: undefined;
+                };
+            };
+            easing: string | undefined;
+        };
+        delay: (datum: any, _element: any, _ctx: any, context: any) => number;
+        duration: (_datum: any, _element: any, _ctx: any, context: any) => number;
+        delayAfter?: undefined;
+    } | {
+        effects: {
+            channel: {
+                fill: {
+                    from: string | {
+                        gradient: string;
+                        x0: number;
+                        x1: number;
+                        y1: number;
+                        y0: number;
+                        stops: {
+                            offset: number;
+                            color: string;
+                        }[];
+                    };
+                    to: (...p: any[]) => any;
+                };
+                stroke: {
+                    from: string | {
+                        gradient: string;
+                        x0: number;
+                        x1: number;
+                        y1: number;
+                        y0: number;
+                        stops: {
+                            offset: number;
+                            color: string;
+                        }[];
+                    };
+                    to: (...p: any[]) => any;
+                };
+            };
+            easing: string | undefined;
+        };
+        delayAfter: (datum: any, _element: any, _ctx: any, context: any) => number;
+        duration: (_datum: any, _element: any, _ctx: any, context: any) => number;
+        delay?: undefined;
+    })[];
+}[];

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/barGroup.js

@@ -0,0 +1,84 @@
+import { array } from "@visactor/vutils";
+import { atmosphereColorToFill, atmosphereColorToStroke } from "./barColor.js";
+const getGroupCountFromSpec = (spec)=>{
+    const field = 'horizontal' === spec.direction ? array(spec.yField)[0] : array(spec.xField)[0];
+    const groupCount = new Set((spec.data?.[0]?.values ?? []).map((row)=>row[field])).size;
+    return {
+        groupCount
+    };
+};
+const getGroupInfo = (chartInstance, datum)=>{
+    const series = chartInstance.getChart().getAllSeries()[0];
+    const indexField = 'horizontal' === series.direction ? series.fieldY[0] : series.fieldX[0];
+    const indexValue = datum?.[indexField];
+    const scale = 'horizontal' === series.direction ? series.scaleY : series.scaleX;
+    const index = (scale?.domain?.() ?? []).indexOf(indexValue) || 0;
+    const count = (scale?.domain?.() ?? []).length ?? 1;
+    return {
+        index,
+        count
+    };
+};
+const getSliceDuration = (totalDuration)=>(_datum, _element, _ctx, context)=>{
+        const { count } = getGroupInfo(context.vchart, _datum);
+        return 0 === count ? 1000 : totalDuration / count / 2;
+    };
+const groupHighLightBar = (startTime, config, duration, interval, atmosphereDuration, isHorizontal, spec)=>{
+    const totalDuration = 1000 * duration;
+    const color = config.color ?? '#4A90E2';
+    const isGradientChart = spec?.bar?.style?.fill?.gradient === 'linear';
+    const fillColor = atmosphereColorToFill(color, isGradientChart, isHorizontal);
+    const strokeColor = atmosphereColorToStroke(color, isGradientChart, isHorizontal);
+    return [
+        {
+            loop: true,
+            startTime,
+            controlOptions: {
+                immediatelyApply: false
+            },
+            timeSlices: [
+                {
+                    effects: {
+                        channel: {
+                            fill: {
+                                to: fillColor
+                            },
+                            stroke: {
+                                to: strokeColor
+                            }
+                        },
+                        easing: config.ease
+                    },
+                    delay: (datum, _element, _ctx, context)=>{
+                        const { count, index } = getGroupInfo(context.vchart, datum);
+                        return 0 === count ? 0 : index * totalDuration / count;
+                    },
+                    duration: getSliceDuration(totalDuration)
+                },
+                {
+                    effects: {
+                        channel: {
+                            fill: {
+                                from: fillColor,
+                                to: (...p)=>p[1].attribute.fill
+                            },
+                            stroke: {
+                                from: strokeColor,
+                                to: (...p)=>p[1].attribute.fill
+                            }
+                        },
+                        easing: config.ease
+                    },
+                    delayAfter: (datum, _element, _ctx, context)=>{
+                        const { count, index } = getGroupInfo(context.vchart, datum);
+                        return 0 === count ? 0 : (interval + atmosphereDuration) * 1000 + (count - index - 1) * totalDuration / count;
+                    },
+                    duration: getSliceDuration(totalDuration)
+                }
+            ]
+        }
+    ];
+};
+export { getGroupCountFromSpec, groupHighLightBar };
+
+//# sourceMappingURL=barGroup.js.map

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/barGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/barGroup.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/barGroup.ts"],"sourcesContent":["import { array } from '@visactor/vutils'\nimport type { EffectConfig } from '../types'\nimport { atmosphereColorToFill, atmosphereColorToStroke } from './barColor'\n\n/**\n * @description 从 spec 数据中统计类目分组数量，用于计算分组高亮总时长。\n * @param spec 当前 VChart spec。\n * @returns 类目分组数量。\n */\nexport const getGroupCountFromSpec = (spec: any) => {\n  const field = spec.direction === 'horizontal' ? array(spec.yField)[0] : array(spec.xField)[0]\n  const groupCount = new Set((spec.data?.[0]?.values ?? []).map((row: any) => row[field])).size\n  return { groupCount }\n}\n\n/**\n * @description 获取当前 datum 在类目轴 domain 中的位置和总数。\n * @param chartInstance VChart 实例。\n * @param datum 当前数据项。\n * @returns 当前数据项索引和类目总数。\n */\nconst getGroupInfo = (chartInstance: any, datum: any) => {\n  const series = chartInstance.getChart().getAllSeries()[0]\n  const indexField = series.direction === 'horizontal' ? series.fieldY[0] : series.fieldX[0]\n  const indexValue = datum?.[indexField]\n  const scale = series.direction === 'horizontal' ? series.scaleY : series.scaleX\n  const index = (scale?.domain?.() ?? []).indexOf(indexValue) || 0\n  const count = (scale?.domain?.() ?? []).length ?? 1\n  return { index, count }\n}\n\n/**\n * @description 生成单个高亮片段的动态时长函数，使每个类目均分总时长。\n * @param totalDuration 分组高亮总时长，单位毫秒。\n * @returns timeSlice duration 回调函数。\n */\nconst getSliceDuration = (totalDuration: number) => (_datum: any, _element: any, _ctx: any, context: any) => {\n  const { count } = getGroupInfo(context.vchart, _datum)\n  return count === 0 ? 1000 : totalDuration / count / 2\n}\n\n/**\n * @description 生成柱图分组高亮循环动画配置。\n * @param startTime 动画开始时间，单位毫秒。\n * @param config 高亮动画配置，包含颜色和缓动。\n * @param duration 分组高亮总时长，单位秒。\n * @param interval 每轮循环间隔，单位秒。\n * @param atmosphereDuration 氛围动画占用时长，单位秒。\n * @param isHorizontal 是否为横向柱图。\n * @param spec 当前 VChart spec。\n * @returns 柱图分组高亮循环动画配置。\n */\nexport const groupHighLightBar = (\n  startTime: number,\n  config: EffectConfig<any>,\n  duration: number,\n  interval: number,\n  atmosphereDuration: number,\n  isHorizontal: boolean,\n  spec: any,\n) => {\n  const totalDuration = duration * 1000\n  const color = config.color ?? '#4A90E2'\n  const isGradientChart = spec?.bar?.style?.fill?.gradient === 'linear'\n  const fillColor = atmosphereColorToFill(color, isGradientChart, isHorizontal)\n  const strokeColor = atmosphereColorToStroke(color, isGradientChart, isHorizontal)\n\n  return [\n    {\n      loop: true,\n      startTime,\n      controlOptions: { immediatelyApply: false },\n      timeSlices: [\n        {\n          effects: { channel: { fill: { to: fillColor }, stroke: { to: strokeColor } }, easing: config.ease },\n          delay: (datum: any, _element: any, _ctx: any, context: any) => {\n            const { count, index } = getGroupInfo(context.vchart, datum)\n            return count === 0 ? 0 : (index * totalDuration) / count\n          },\n          duration: getSliceDuration(totalDuration),\n        },\n        {\n          effects: {\n            channel: {\n              fill: { from: fillColor, to: (...p: any[]) => p[1].attribute.fill },\n              stroke: { from: strokeColor, to: (...p: any[]) => p[1].attribute.fill },\n            },\n            easing: config.ease,\n          },\n          delayAfter: (datum: any, _element: any, _ctx: any, context: any) => {\n            const { count, index } = getGroupInfo(context.vchart, datum)\n            return count === 0\n              ? 0\n              : (interval + atmosphereDuration) * 1000 + ((count - index - 1) * totalDuration) / count\n          },\n          duration: getSliceDuration(totalDuration),\n        },\n      ],\n    },\n  ]\n}\n"],"names":["getGroupCountFromSpec","spec","field","array","groupCount","Set","row","getGroupInfo","chartInstance","datum","series","indexField","indexValue","scale","index","count","getSliceDuration","totalDuration","_datum","_element","_ctx","context","groupHighLightBar","startTime","config","duration","interval","atmosphereDuration","isHorizontal","color","isGradientChart","fillColor","atmosphereColorToFill","strokeColor","atmosphereColorToStroke","p"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/barMotion.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @description 判断当前柱图类型是否为横向柱图。
+ * @param chartType 图表类型。
+ * @returns 是否为横向柱图。
+ */
+export declare const isHorizontalBar: (chartType: string) => boolean;
+/**
+ * @description 生成柱图增长入场动画配置。
+ * @param chartType 图表类型。
+ * @returns 柱图增长入场动画配置。
+ */
+export declare const growBar: (chartType: string) => {
+    type: string;
+    oneByOne: boolean;
+    options: (_datum: any, _element: any, _opt: any, context: any) => {
+        overall: any;
+        orient?: undefined;
+    } | {
+        orient: string;
+        overall: any;
+    };
+    controlOptions: {
+        immediatelyApply: boolean;
+    };
+};
+/**
+ * @description 生成柱图逐个淡入的动画配置。
+ * @returns 柱图淡入动画配置。
+ */
+export declare const fadeInBar: () => {
+    type: string;
+    oneByOne: boolean;
+};
+/**
+ * @description 生成柱图从画布外移入的动画配置。
+ * @param chartType 图表类型。
+ * @param spec 当前 VChart spec。
+ * @param isUpdate 是否为 update 阶段动画。
+ * @returns 柱图移入动画配置。
+ */
+export declare const moveInBar: (chartType: string, spec?: any, isUpdate?: boolean) => {
+    type: string;
+    options: {
+        excludeChannels: string[];
+        direction: string;
+        orient: string;
+        point: (_datum: any, element: any, opt: any) => {
+            [x: string]: any;
+        };
+    };
+};
+/**
+ * @description 生成柱图移出画布的动画配置。
+ * @param chartType 图表类型。
+ * @returns 柱图移出动画配置。
+ */
+export declare const moveOutBar: (chartType: string) => {
+    type: string;
+    options: {
+        direction: string;
+        orient: string;
+        point: (_datum: any, element: any, opt: any) => {
+            [x: string]: any;
+        };
+    };
+};

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/barMotion.js

@@ -0,0 +1,72 @@
+import { ChartTypeEnum } from "../../../../../utils/index.js";
+const horizontalTypes = [
+    ChartTypeEnum.Bar,
+    ChartTypeEnum.BarParallel,
+    ChartTypeEnum.BarPercent
+];
+const isHorizontalBar = (chartType)=>horizontalTypes.includes(chartType);
+const getBarGrowOptions = (isHorizontal)=>(_datum, _element, _opt, context)=>{
+        const overall = context.vchart.getChart().getComponentsByType('cartesianAxis-linear')[0]._scale.range()[0];
+        return isHorizontal ? {
+            overall
+        } : {
+            orient: 'negative',
+            overall
+        };
+    };
+const growBar = (chartType)=>{
+    const isHorizontal = isHorizontalBar(chartType);
+    return {
+        type: isHorizontal ? 'growWidthIn' : 'growHeightIn',
+        oneByOne: false,
+        options: getBarGrowOptions(isHorizontal),
+        controlOptions: {
+            immediatelyApply: true
+        }
+    };
+};
+const fadeInBar = ()=>({
+        type: 'fadeIn',
+        oneByOne: true
+    });
+const setRandomDataKey = (spec)=>{
+    if (!spec?.data?.[0]?.values) return;
+    const dataKey = 'dataKey';
+    spec.data[0].values.forEach((datum)=>datum[dataKey] = Math.random());
+    spec.dataKey = dataKey;
+    if ('common' === spec.type && Array.isArray(spec.series)) spec.series.forEach((series)=>series.dataKey = dataKey);
+};
+const getBarMoveOptions = (chartType, orient)=>{
+    const direction = isHorizontalBar(chartType) ? 'y' : 'x';
+    const size = 'x' === direction ? 'width' : 'height';
+    const offsetSign = 'in' === orient ? 1 : -1;
+    return {
+        direction,
+        orient: 'negative',
+        point: (_datum, element, opt)=>({
+                [direction]: element.getGraphicAttribute(direction) + offsetSign * opt[size]
+            })
+    };
+};
+const moveInBar = (chartType, spec, isUpdate = false)=>{
+    if (!isUpdate && spec) setRandomDataKey(spec);
+    const excludeChannels = isHorizontalBar(chartType) ? [
+        'x'
+    ] : [
+        'y'
+    ];
+    return {
+        type: 'moveIn',
+        options: {
+            ...getBarMoveOptions(chartType, 'in'),
+            excludeChannels
+        }
+    };
+};
+const moveOutBar = (chartType)=>({
+        type: 'moveOut',
+        options: getBarMoveOptions(chartType, 'out')
+    });
+export { fadeInBar, growBar, isHorizontalBar, moveInBar, moveOutBar };
+
+//# sourceMappingURL=barMotion.js.map

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/barMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/barMotion.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/barMotion.ts"],"sourcesContent":["import { ChartTypeEnum } from 'src/pipeline/utils'\n\nconst horizontalTypes = [ChartTypeEnum.Bar, ChartTypeEnum.BarParallel, ChartTypeEnum.BarPercent]\n\n/**\n * @description 判断当前柱图类型是否为横向柱图。\n * @param chartType 图表类型。\n * @returns 是否为横向柱图。\n */\nexport const isHorizontalBar = (chartType: string): boolean => horizontalTypes.includes(chartType as any)\n\n/**\n * @description 生成柱图增长动画的 options，横向按宽度增长，纵向按高度反向增长。\n * @param isHorizontal 是否为横向柱图。\n * @returns 柱图增长动画 options 生成函数。\n */\nconst getBarGrowOptions = (isHorizontal: boolean) => (_datum: any, _element: any, _opt: any, context: any) => {\n  const overall = context.vchart.getChart().getComponentsByType('cartesianAxis-linear')[0]._scale.range()[0]\n  return isHorizontal ? { overall } : { orient: 'negative', overall }\n}\n\n/**\n * @description 生成柱图增长入场动画配置。\n * @param chartType 图表类型。\n * @returns 柱图增长入场动画配置。\n */\nexport const growBar = (chartType: string) => {\n  const isHorizontal = isHorizontalBar(chartType)\n  return {\n    type: isHorizontal ? 'growWidthIn' : 'growHeightIn',\n    oneByOne: false,\n    options: getBarGrowOptions(isHorizontal),\n    controlOptions: { immediatelyApply: true },\n  }\n}\n\n/**\n * @description 生成柱图逐个淡入的动画配置。\n * @returns 柱图淡入动画配置。\n */\nexport const fadeInBar = () => ({ type: 'fadeIn', oneByOne: true })\n\n/**\n * @description 为柱图数据补充随机 dataKey，确保每根柱子按独立图元执行动画。\n * @param spec 当前 VChart spec。\n * @returns 无返回值，直接修改 spec。\n */\nconst setRandomDataKey = (spec: any) => {\n  if (!spec?.data?.[0]?.values) return\n  const dataKey = 'dataKey'\n  spec.data[0].values.forEach((datum: any) => (datum[dataKey] = Math.random()))\n  spec.dataKey = dataKey\n  if (spec.type === 'common' && Array.isArray(spec.series)) {\n    spec.series.forEach((series: any) => (series.dataKey = dataKey))\n  }\n}\n\n/**\n * @description 生成柱图移入/移出的方向、位移点和通道配置。\n * @param chartType 图表类型。\n * @param orient 移动方向，in 表示移入，out 表示移出。\n * @returns 柱图移动动画 options。\n */\nconst getBarMoveOptions = (chartType: string, orient: 'in' | 'out') => {\n  const direction = isHorizontalBar(chartType) ? 'y' : 'x'\n  const size = direction === 'x' ? 'width' : 'height'\n  const offsetSign = orient === 'in' ? 1 : -1\n\n  return {\n    direction,\n    orient: 'negative',\n    point: (_datum: any, element: any, opt: any) => ({\n      [direction]: element.getGraphicAttribute(direction) + offsetSign * opt[size],\n    }),\n  }\n}\n\n/**\n * @description 生成柱图从画布外移入的动画配置。\n * @param chartType 图表类型。\n * @param spec 当前 VChart spec。\n * @param isUpdate 是否为 update 阶段动画。\n * @returns 柱图移入动画配置。\n */\nexport const moveInBar = (chartType: string, spec?: any, isUpdate = false) => {\n  if (!isUpdate && spec) setRandomDataKey(spec)\n  const excludeChannels = isHorizontalBar(chartType) ? ['x'] : ['y']\n  return { type: 'moveIn', options: { ...getBarMoveOptions(chartType, 'in'), excludeChannels } }\n}\n\n/**\n * @description 生成柱图移出画布的动画配置。\n * @param chartType 图表类型。\n * @returns 柱图移出动画配置。\n */\nexport const moveOutBar = (chartType: string) => ({ type: 'moveOut', options: getBarMoveOptions(chartType, 'out') })\n"],"names":["horizontalTypes","ChartTypeEnum","isHorizontalBar","chartType","getBarGrowOptions","isHorizontal","_datum","_element","_opt","context","overall","growBar","fadeInBar","setRandomDataKey","spec","dataKey","datum","Math","Array","series","getBarMoveOptions","orient","direction","size","offsetSign","element","opt","moveInBar","isUpdate","excludeChannels","moveOutBar"],"mappings":";AAEA,MAAMA,kBAAkB;IAACC,cAAc,GAAG;IAAEA,cAAc,WAAW;IAAEA,cAAc,UAAU;CAAC;AAOzF,MAAMC,kBAAkB,CAACC,YAA+BH,gBAAgB,QAAQ,CAACG;AAOxF,MAAMC,oBAAoB,CAACC,eAA0B,CAACC,QAAaC,UAAeC,MAAWC;QAC3F,MAAMC,UAAUD,QAAQ,MAAM,CAAC,QAAQ,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE;QAC1G,OAAOJ,eAAe;YAAEK;QAAQ,IAAI;YAAE,QAAQ;YAAYA;QAAQ;IACpE;AAOO,MAAMC,UAAU,CAACR;IACtB,MAAME,eAAeH,gBAAgBC;IACrC,OAAO;QACL,MAAME,eAAe,gBAAgB;QACrC,UAAU;QACV,SAASD,kBAAkBC;QAC3B,gBAAgB;YAAE,kBAAkB;QAAK;IAC3C;AACF;AAMO,MAAMO,YAAY,IAAO;QAAE,MAAM;QAAU,UAAU;IAAK;AAOjE,MAAMC,mBAAmB,CAACC;IACxB,IAAI,CAACA,MAAM,MAAM,CAAC,EAAE,EAAE,QAAQ;IAC9B,MAAMC,UAAU;IAChBD,KAAK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAACE,QAAgBA,KAAK,CAACD,QAAQ,GAAGE,KAAK,MAAM;IACzEH,KAAK,OAAO,GAAGC;IACf,IAAID,AAAc,aAAdA,KAAK,IAAI,IAAiBI,MAAM,OAAO,CAACJ,KAAK,MAAM,GACrDA,KAAK,MAAM,CAAC,OAAO,CAAC,CAACK,SAAiBA,OAAO,OAAO,GAAGJ;AAE3D;AAQA,MAAMK,oBAAoB,CAACjB,WAAmBkB;IAC5C,MAAMC,YAAYpB,gBAAgBC,aAAa,MAAM;IACrD,MAAMoB,OAAOD,AAAc,QAAdA,YAAoB,UAAU;IAC3C,MAAME,aAAaH,AAAW,SAAXA,SAAkB,IAAI;IAEzC,OAAO;QACLC;QACA,QAAQ;QACR,OAAO,CAAChB,QAAamB,SAAcC,MAAc;gBAC/C,CAACJ,UAAU,EAAEG,QAAQ,mBAAmB,CAACH,aAAaE,aAAaE,GAAG,CAACH,KAAK;YAC9E;IACF;AACF;AASO,MAAMI,YAAY,CAACxB,WAAmBW,MAAYc,WAAW,KAAK;IACvE,IAAI,CAACA,YAAYd,MAAMD,iBAAiBC;IACxC,MAAMe,kBAAkB3B,gBAAgBC,aAAa;QAAC;KAAI,GAAG;QAAC;KAAI;IAClE,OAAO;QAAE,MAAM;QAAU,SAAS;YAAE,GAAGiB,kBAAkBjB,WAAW,KAAK;YAAE0B;QAAgB;IAAE;AAC/F;AAOO,MAAMC,aAAa,CAAC3B,YAAuB;QAAE,MAAM;QAAW,SAASiB,kBAAkBjB,WAAW;IAAO"}

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/index.d.ts

@@ -0,0 +1,86 @@
+import { type AnimationEffect, type AnimationEffectConfig } from '../types';
+export declare const EFFECT_NONE: "none";
+/**
+ * @description 将秒转换为 VChart 动画使用的毫秒。
+ * @param seconds 秒数。
+ * @returns 毫秒数。
+ */
+export declare const toMs: (seconds?: number) => number;
+/**
+ * @description 获取配置中的首个动画效果；未配置时返回 none。
+ * @param config 动画效果配置。
+ * @returns 首个动画效果。
+ */
+export declare const getPrimaryEffect: (config?: AnimationEffectConfig) => AnimationEffect;
+/**
+ * @description 判断通用动画配置是否开启且首个效果不是 none。
+ * @param config 动画效果配置。
+ * @returns 是否允许执行动画。
+ */
+export declare const allowAnimation: (config?: AnimationEffectConfig) => boolean;
+/**
+ * @description 判断折线/面积动画是否开启；这类图表以最后一个效果作为有效性判断。
+ * @param config 动画效果配置。
+ * @returns 是否允许执行折线/面积动画。
+ */
+export declare const allowLineOrAreaAnimation: (config?: AnimationEffectConfig) => boolean;
+/**
+ * @description 获取图元最终属性，优先读取动画后的 finalAttribute。
+ * @param mark VChart 图元对象。
+ * @returns 图元最终属性。
+ */
+export declare const getFinalAttribute: (mark: any) => Record<string, any>;
+/**
+ * @description 生成点图元氛围动画配置，复用于折线、面积、散点和雷达图。
+ * @param effect 氛围动画效果。
+ * @returns 点图元氛围动画配置。
+ */
+export declare const atmospherePoint: (effect?: AnimationEffect) => {
+    channel?: undefined;
+} | {
+    channel: {
+        scaleX: {
+            from: number;
+            to: number;
+        };
+        scaleY: {
+            from: number;
+            to: number;
+        };
+        fillOpacity?: undefined;
+        strokeOpacity?: undefined;
+        outerBorder?: undefined;
+    };
+} | {
+    channel: {
+        fillOpacity: {
+            from: number;
+            to: number;
+        };
+        strokeOpacity: {
+            from: number;
+            to: number;
+        };
+        scaleX?: undefined;
+        scaleY?: undefined;
+        outerBorder?: undefined;
+    };
+} | {
+    channel: {
+        outerBorder: {
+            from: {
+                distance: number;
+                strokeOpacity: number;
+            };
+            to: (...args: any[]) => {
+                distance: number;
+                strokeOpacity: number;
+                stroke: any;
+            };
+        };
+        scaleX?: undefined;
+        scaleY?: undefined;
+        fillOpacity?: undefined;
+        strokeOpacity?: undefined;
+    };
+};

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/index.js

@@ -0,0 +1,60 @@
+import { VScreenAnimationType } from "../types.js";
+const EFFECT_NONE = VScreenAnimationType.none;
+const toMs = (seconds)=>(seconds ?? 0) * 1000;
+const getPrimaryEffect = (config)=>config?.effects?.[0] ?? EFFECT_NONE;
+const allowAnimation = (config)=>{
+    if (!config?.enable) return false;
+    return getPrimaryEffect(config) !== EFFECT_NONE;
+};
+const allowLineOrAreaAnimation = (config)=>{
+    if (!config?.enable) return false;
+    const effects = config.effects ?? [];
+    const effect = effects[effects.length - 1] ?? EFFECT_NONE;
+    return effect !== EFFECT_NONE;
+};
+const getFinalAttribute = (mark)=>mark?.finalAttribute ?? mark?.attribute ?? {};
+const atmospherePoint = (effect)=>{
+    if (effect === EFFECT_NONE) return {};
+    if ('breath' === effect) return {
+        channel: {
+            scaleX: {
+                from: 0.8,
+                to: 1.2
+            },
+            scaleY: {
+                from: 0.8,
+                to: 1.2
+            }
+        }
+    };
+    if ('reveal' === effect) return {
+        channel: {
+            fillOpacity: {
+                from: 0.6,
+                to: 1
+            },
+            strokeOpacity: {
+                from: 0.6,
+                to: 1
+            }
+        }
+    };
+    return {
+        channel: {
+            outerBorder: {
+                from: {
+                    distance: 0,
+                    strokeOpacity: 1
+                },
+                to: (...args)=>({
+                        distance: 16,
+                        strokeOpacity: 1e-8,
+                        stroke: args[1]?.attribute?.fill
+                    })
+            }
+        }
+    };
+};
+export { EFFECT_NONE, allowAnimation, allowLineOrAreaAnimation, atmospherePoint, getFinalAttribute, getPrimaryEffect, toMs };
+
+//# sourceMappingURL=index.js.map

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/index.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/index.ts"],"sourcesContent":["import { VScreenAnimationType, type AnimationEffect, type AnimationEffectConfig } from '../types'\n\nexport const EFFECT_NONE = VScreenAnimationType.none\n\n/**\n * @description 将秒转换为 VChart 动画使用的毫秒。\n * @param seconds 秒数。\n * @returns 毫秒数。\n */\nexport const toMs = (seconds?: number): number => (seconds ?? 0) * 1000\n\n/**\n * @description 获取配置中的首个动画效果；未配置时返回 none。\n * @param config 动画效果配置。\n * @returns 首个动画效果。\n */\nexport const getPrimaryEffect = (config?: AnimationEffectConfig): AnimationEffect => config?.effects?.[0] ?? EFFECT_NONE\n\n/**\n * @description 判断通用动画配置是否开启且首个效果不是 none。\n * @param config 动画效果配置。\n * @returns 是否允许执行动画。\n */\nexport const allowAnimation = (config?: AnimationEffectConfig): boolean => {\n  if (!config?.enable) {\n    return false\n  }\n  return getPrimaryEffect(config) !== EFFECT_NONE\n}\n\n/**\n * @description 判断折线/面积动画是否开启；这类图表以最后一个效果作为有效性判断。\n * @param config 动画效果配置。\n * @returns 是否允许执行折线/面积动画。\n */\nexport const allowLineOrAreaAnimation = (config?: AnimationEffectConfig): boolean => {\n  if (!config?.enable) {\n    return false\n  }\n  const effects = config.effects ?? []\n  const effect = effects[effects.length - 1] ?? EFFECT_NONE\n  return effect !== EFFECT_NONE\n}\n\n/**\n * @description 获取图元最终属性，优先读取动画后的 finalAttribute。\n * @param mark VChart 图元对象。\n * @returns 图元最终属性。\n */\nexport const getFinalAttribute = (mark: any): Record<string, any> => {\n  return mark?.finalAttribute ?? mark?.attribute ?? {}\n}\n\n/**\n * @description 生成点图元氛围动画配置，复用于折线、面积、散点和雷达图。\n * @param effect 氛围动画效果。\n * @returns 点图元氛围动画配置。\n */\nexport const atmospherePoint = (effect?: AnimationEffect) => {\n  if (effect === EFFECT_NONE) {\n    return {}\n  }\n  if (effect === 'breath') {\n    return {\n      channel: {\n        scaleX: { from: 0.8, to: 1.2 },\n        scaleY: { from: 0.8, to: 1.2 },\n      },\n    }\n  }\n  if (effect === 'reveal') {\n    return {\n      channel: {\n        fillOpacity: { from: 0.6, to: 1 },\n        strokeOpacity: { from: 0.6, to: 1 },\n      },\n    }\n  }\n  return {\n    channel: {\n      outerBorder: {\n        from: { distance: 0, strokeOpacity: 1 },\n        // 波纹描边沿用图元填充色，避免自定义配色下出现突兀色值。\n        to: (...args: any[]) => ({\n          distance: 16,\n          strokeOpacity: 1e-8,\n          stroke: args[1]?.attribute?.fill,\n        }),\n      },\n    },\n  }\n}\n"],"names":["EFFECT_NONE","VScreenAnimationType","toMs","seconds","getPrimaryEffect","config","allowAnimation","allowLineOrAreaAnimation","effects","effect","getFinalAttribute","mark","atmospherePoint","args"],"mappings":";AAEO,MAAMA,cAAcC,qBAAqB,IAAI;AAO7C,MAAMC,OAAO,CAACC,UAA8BA,AAAAA,CAAAA,WAAW,KAAK;AAO5D,MAAMC,mBAAmB,CAACC,SAAoDA,QAAQ,SAAS,CAAC,EAAE,IAAIL;AAOtG,MAAMM,iBAAiB,CAACD;IAC7B,IAAI,CAACA,QAAQ,QACX,OAAO;IAET,OAAOD,iBAAiBC,YAAYL;AACtC;AAOO,MAAMO,2BAA2B,CAACF;IACvC,IAAI,CAACA,QAAQ,QACX,OAAO;IAET,MAAMG,UAAUH,OAAO,OAAO,IAAI,EAAE;IACpC,MAAMI,SAASD,OAAO,CAACA,QAAQ,MAAM,GAAG,EAAE,IAAIR;IAC9C,OAAOS,WAAWT;AACpB;AAOO,MAAMU,oBAAoB,CAACC,OACzBA,MAAM,kBAAkBA,MAAM,aAAa,CAAC;AAQ9C,MAAMC,kBAAkB,CAACH;IAC9B,IAAIA,WAAWT,aACb,OAAO,CAAC;IAEV,IAAIS,AAAW,aAAXA,QACF,OAAO;QACL,SAAS;YACP,QAAQ;gBAAE,MAAM;gBAAK,IAAI;YAAI;YAC7B,QAAQ;gBAAE,MAAM;gBAAK,IAAI;YAAI;QAC/B;IACF;IAEF,IAAIA,AAAW,aAAXA,QACF,OAAO;QACL,SAAS;YACP,aAAa;gBAAE,MAAM;gBAAK,IAAI;YAAE;YAChC,eAAe;gBAAE,MAAM;gBAAK,IAAI;YAAE;QACpC;IACF;IAEF,OAAO;QACL,SAAS;YACP,aAAa;gBACX,MAAM;oBAAE,UAAU;oBAAG,eAAe;gBAAE;gBAEtC,IAAI,CAAC,GAAGI,OAAiB;wBACvB,UAAU;wBACV,eAAe;wBACf,QAAQA,IAAI,CAAC,EAAE,EAAE,WAAW;oBAC9B;YACF;QACF;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/lineOrArea.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @description 生成折线/面积路径从顶部增长进入的动画配置。
+ * @returns 折线/面积路径增长动画配置。
+ */
+export declare const growthTopLine: () => {
+    type: string;
+    options: {
+        orient: string;
+    };
+};
+/**
+ * @description 生成折线/面积点图元从顶部移入的动画配置。
+ * @returns 折线/面积点图元移入动画配置。
+ */
+export declare const growthTopPoint: () => {
+    type: string;
+    options: {
+        direction: string;
+        orient: string;
+    };
+};
+/**
+ * @description 生成曲线整体裁剪进入的动画配置，用于 load 效果。
+ * @returns 曲线整体裁剪进入的动画配置。
+ */
+export declare const clipInLine: () => {
+    type: string;
+    oneByOne: boolean;
+};

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/lineOrArea.js

@@ -0,0 +1,20 @@
+const growthTopLine = ()=>({
+        type: 'growPointsYIn',
+        options: {
+            orient: 'negative'
+        }
+    });
+const growthTopPoint = ()=>({
+        type: 'moveIn',
+        options: {
+            direction: 'y',
+            orient: 'negative'
+        }
+    });
+const clipInLine = ()=>({
+        type: 'clipIn',
+        oneByOne: false
+    });
+export { clipInLine, growthTopLine, growthTopPoint };
+
+//# sourceMappingURL=lineOrArea.js.map

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/lineOrArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/lineOrArea.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/lineOrArea.ts"],"sourcesContent":["/**\n * @description 生成折线/面积路径从顶部增长进入的动画配置。\n * @returns 折线/面积路径增长动画配置。\n */\nexport const growthTopLine = () => ({ type: 'growPointsYIn', options: { orient: 'negative' } })\n\n/**\n * @description 生成折线/面积点图元从顶部移入的动画配置。\n * @returns 折线/面积点图元移入动画配置。\n */\nexport const growthTopPoint = () => ({ type: 'moveIn', options: { direction: 'y', orient: 'negative' } })\n\n/**\n * @description 生成曲线整体裁剪进入的动画配置，用于 load 效果。\n * @returns 曲线整体裁剪进入的动画配置。\n */\nexport const clipInLine = () => ({ type: 'clipIn', oneByOne: false })\n"],"names":["growthTopLine","growthTopPoint","clipInLine"],"mappings":"AAIO,MAAMA,gBAAgB,IAAO;QAAE,MAAM;QAAiB,SAAS;YAAE,QAAQ;QAAW;IAAE;AAMtF,MAAMC,iBAAiB,IAAO;QAAE,MAAM;QAAU,SAAS;YAAE,WAAW;YAAK,QAAQ;QAAW;IAAE;AAMhG,MAAMC,aAAa,IAAO;QAAE,MAAM;QAAU,UAAU;IAAM"}

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/pie.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @description 生成饼图/玫瑰图按角度展开的入场动画配置。
+ * @returns 饼图/玫瑰图角度展开动画配置。
+ */
+export declare const radialPie: () => {
+    type: string;
+};
+/**
+ * @description 生成饼图/玫瑰图按半径展开的入场动画配置。
+ * @returns 饼图/玫瑰图半径展开动画配置。
+ */
+export declare const scalePie: () => {
+    type: string;
+};

package/dist/esm/pipeline/spec/chart/pipes/animation/utils/pie.js

@@ -0,0 +1,9 @@
+const radialPie = ()=>({
+        type: 'growAngleIn'
+    });
+const scalePie = ()=>({
+        type: 'growRadiusIn'
+    });
+export { radialPie, scalePie };
+
+//# sourceMappingURL=pie.js.map