@visactor/vseed 0.4.28 → 0.5.1

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

@@ -0,0 +1,130 @@
+export declare const VScreenAnimationType: {
+    readonly growth: "growth";
+    readonly load: "load";
+    readonly moveIn: "moveIn";
+    readonly highLight: "highLight";
+    readonly none: "none";
+    readonly ripple: "ripple";
+    readonly breath: "breath";
+    readonly reveal: "reveal";
+    readonly scale: "scale";
+    readonly radial: "radial";
+    readonly enlarge: "enlarge";
+    readonly relocate: "relocate";
+    readonly wave: "wave";
+    readonly waveGrowth: "waveGrowth";
+};
+export type AnimationEffect = (typeof VScreenAnimationType)[keyof typeof VScreenAnimationType];
+export type EffectConfig<E extends AnimationEffect> = {
+    enable?: boolean;
+    effects?: E[];
+    ease?: string;
+    duration?: number;
+    color?: string;
+};
+export type AnimationEffectConfig = EffectConfig<AnimationEffect>;
+export type AtmosphereConfig<E extends AnimationEffect = never> = {
+    effect?: E;
+    ease?: string;
+    color?: string;
+};
+export type LoopConfig<LE extends AnimationEffect, AE extends AnimationEffect = never> = {
+    enable?: boolean;
+    interval?: number;
+    loop?: EffectConfig<LE>;
+    atmosphere?: AtmosphereConfig<AE>;
+};
+export type AnimationLoopConfig = LoopConfig<AnimationEffect, AnimationEffect>;
+type AnimationParams<A, U, L> = {
+    appear?: A;
+    update?: U;
+    loop?: L;
+};
+export type BarLikeAppearConfig = EffectConfig<'growth'>;
+export type BarLikeUpdateConfig = EffectConfig<'growth' | 'moveIn'>;
+export type BarLikeLoopConfig = LoopConfig<'highLight' | 'growth' | 'moveIn' | 'none', 'ripple' | 'reveal' | 'breath'>;
+export type LineAreaAppearConfig = EffectConfig<'load' | 'growth'>;
+export type LineAreaUpdateConfig = EffectConfig<'growth'>;
+export type LineAreaLoopConfig = LoopConfig<'load' | 'growth' | 'none', 'ripple' | 'reveal' | 'breath'>;
+export type ScatterAppearConfig = EffectConfig<'growth' | 'scale'>;
+export type ScatterUpdateConfig = EffectConfig<'growth'>;
+export type ScatterLoopConfig = LoopConfig<'growth' | 'scale' | 'none', 'ripple' | 'reveal' | 'breath'>;
+export type PieLikeAppearConfig = EffectConfig<'radial' | 'scale'>;
+export type PieLikeUpdateConfig = EffectConfig<'radial'>;
+export type PieLikeLoopConfig = LoopConfig<'enlarge' | 'relocate'>;
+export type RadarAppearConfig = EffectConfig<'radial' | 'scale'>;
+export type RadarUpdateConfig = EffectConfig<'growth'>;
+export type RadarLoopConfig = {
+    enable?: boolean;
+    interval?: number;
+    atmosphere?: AtmosphereConfig<'ripple' | 'reveal' | 'breath'>;
+};
+export type BarLikeAnimation = {
+    enable?: boolean;
+    params?: AnimationParams<BarLikeAppearConfig, BarLikeUpdateConfig, BarLikeLoopConfig>;
+};
+export type LineAreaAnimation = {
+    enable?: boolean;
+    params?: AnimationParams<LineAreaAppearConfig, LineAreaUpdateConfig, LineAreaLoopConfig>;
+};
+export type ScatterAnimation = {
+    enable?: boolean;
+    params?: AnimationParams<ScatterAppearConfig, ScatterUpdateConfig, ScatterLoopConfig>;
+};
+export type PieLikeAnimation = {
+    enable?: boolean;
+    params?: AnimationParams<PieLikeAppearConfig, PieLikeUpdateConfig, PieLikeLoopConfig>;
+};
+export type RadarAnimation = {
+    enable?: boolean;
+    params?: AnimationParams<RadarAppearConfig, RadarUpdateConfig, RadarLoopConfig>;
+};
+export type BarLikeChartType = 'bar' | 'barPercent' | 'barParallel' | 'column' | 'columnPercent' | 'columnParallel';
+export type LineAreaChartType = 'line' | 'area' | 'areaPercent';
+export type PieLikeChartType = 'pie' | 'donut' | 'rose' | 'roseParallel';
+export type SupportedAnimationChartType = BarLikeChartType | LineAreaChartType | PieLikeChartType | 'scatter' | 'radar';
+export type ChartAnimationByChartType<T extends SupportedAnimationChartType> = T extends BarLikeChartType ? BarLikeAnimation : T extends LineAreaChartType ? LineAreaAnimation : T extends PieLikeChartType ? PieLikeAnimation : T extends 'scatter' ? ScatterAnimation : RadarAnimation;
+export type ChartAnimation = BarLikeAnimation | LineAreaAnimation | ScatterAnimation | PieLikeAnimation | RadarAnimation;
+export type ChartAppearConfigByChartType<T extends SupportedAnimationChartType> = NonNullable<NonNullable<ChartAnimationByChartType<T>['params']>['appear']>;
+export type ChartUpdateConfigByChartType<T extends SupportedAnimationChartType> = NonNullable<NonNullable<ChartAnimationByChartType<T>['params']>['update']>;
+export type ChartLoopConfigByChartType<T extends SupportedAnimationChartType> = NonNullable<NonNullable<ChartAnimationByChartType<T>['params']>['loop']>;
+export type BarAppearConfig = ChartAppearConfigByChartType<'bar'>;
+export type BarUpdateConfig = ChartUpdateConfigByChartType<'bar'>;
+export type BarLoopConfig = ChartLoopConfigByChartType<'bar'>;
+export type BarPercentAppearConfig = ChartAppearConfigByChartType<'barPercent'>;
+export type BarPercentUpdateConfig = ChartUpdateConfigByChartType<'barPercent'>;
+export type BarPercentLoopConfig = ChartLoopConfigByChartType<'barPercent'>;
+export type BarParallelAppearConfig = ChartAppearConfigByChartType<'barParallel'>;
+export type BarParallelUpdateConfig = ChartUpdateConfigByChartType<'barParallel'>;
+export type BarParallelLoopConfig = ChartLoopConfigByChartType<'barParallel'>;
+export type ColumnAppearConfig = ChartAppearConfigByChartType<'column'>;
+export type ColumnUpdateConfig = ChartUpdateConfigByChartType<'column'>;
+export type ColumnLoopConfig = ChartLoopConfigByChartType<'column'>;
+export type ColumnPercentAppearConfig = ChartAppearConfigByChartType<'columnPercent'>;
+export type ColumnPercentUpdateConfig = ChartUpdateConfigByChartType<'columnPercent'>;
+export type ColumnPercentLoopConfig = ChartLoopConfigByChartType<'columnPercent'>;
+export type ColumnParallelAppearConfig = ChartAppearConfigByChartType<'columnParallel'>;
+export type ColumnParallelUpdateConfig = ChartUpdateConfigByChartType<'columnParallel'>;
+export type ColumnParallelLoopConfig = ChartLoopConfigByChartType<'columnParallel'>;
+export type LineAppearConfig = ChartAppearConfigByChartType<'line'>;
+export type LineUpdateConfig = ChartUpdateConfigByChartType<'line'>;
+export type LineLoopConfig = ChartLoopConfigByChartType<'line'>;
+export type AreaAppearConfig = ChartAppearConfigByChartType<'area'>;
+export type AreaUpdateConfig = ChartUpdateConfigByChartType<'area'>;
+export type AreaLoopConfig = ChartLoopConfigByChartType<'area'>;
+export type AreaPercentAppearConfig = ChartAppearConfigByChartType<'areaPercent'>;
+export type AreaPercentUpdateConfig = ChartUpdateConfigByChartType<'areaPercent'>;
+export type AreaPercentLoopConfig = ChartLoopConfigByChartType<'areaPercent'>;
+export type PieAppearConfig = ChartAppearConfigByChartType<'pie'>;
+export type PieUpdateConfig = ChartUpdateConfigByChartType<'pie'>;
+export type PieLoopConfig = ChartLoopConfigByChartType<'pie'>;
+export type DonutAppearConfig = ChartAppearConfigByChartType<'donut'>;
+export type DonutUpdateConfig = ChartUpdateConfigByChartType<'donut'>;
+export type DonutLoopConfig = ChartLoopConfigByChartType<'donut'>;
+export type RoseAppearConfig = ChartAppearConfigByChartType<'rose'>;
+export type RoseUpdateConfig = ChartUpdateConfigByChartType<'rose'>;
+export type RoseLoopConfig = ChartLoopConfigByChartType<'rose'>;
+export type RoseParallelAppearConfig = ChartAppearConfigByChartType<'roseParallel'>;
+export type RoseParallelUpdateConfig = ChartUpdateConfigByChartType<'roseParallel'>;
+export type RoseParallelLoopConfig = ChartLoopConfigByChartType<'roseParallel'>;
+export {};

package/dist/esm/pipeline/spec/chart/pipes/animation/types.js

@@ -0,0 +1,19 @@
+const VScreenAnimationType = {
+    growth: 'growth',
+    load: 'load',
+    moveIn: 'moveIn',
+    highLight: 'highLight',
+    none: 'none',
+    ripple: 'ripple',
+    breath: 'breath',
+    reveal: 'reveal',
+    scale: 'scale',
+    radial: 'radial',
+    enlarge: 'enlarge',
+    relocate: 'relocate',
+    wave: 'wave',
+    waveGrowth: 'waveGrowth'
+};
+export { VScreenAnimationType };
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/types.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/animation/types.ts"],"sourcesContent":["export const VScreenAnimationType = {\n  growth: 'growth', // 生长\n  load: 'load', // 加载\n  moveIn: 'moveIn', // 移入\n  highLight: 'highLight', // 分组高亮\n  none: 'none', // 无动画\n  ripple: 'ripple', // 涟漪\n  breath: 'breath', // 呼吸\n  reveal: 'reveal', // 显隐\n  scale: 'scale', // 缩放\n  radial: 'radial', // 径向\n  enlarge: 'enlarge', // 改变尺寸\n  relocate: 'relocate', // 改变中心\n  wave: 'wave', // 波浪\n  waveGrowth: 'waveGrowth', // 波浪生长\n} as const\n\nexport type AnimationEffect = (typeof VScreenAnimationType)[keyof typeof VScreenAnimationType]\n\nexport type EffectConfig<E extends AnimationEffect> = {\n  enable?: boolean\n  effects?: E[]\n  ease?: string\n  duration?: number\n  color?: string\n}\n\nexport type AnimationEffectConfig = EffectConfig<AnimationEffect>\nexport type AtmosphereConfig<E extends AnimationEffect = never> = { effect?: E; ease?: string; color?: string }\nexport type LoopConfig<LE extends AnimationEffect, AE extends AnimationEffect = never> = {\n  enable?: boolean\n  interval?: number\n  loop?: EffectConfig<LE>\n  atmosphere?: AtmosphereConfig<AE>\n}\nexport type AnimationLoopConfig = LoopConfig<AnimationEffect, AnimationEffect>\n\ntype AnimationParams<A, U, L> = {\n  appear?: A\n  update?: U\n  loop?: L\n}\n\nexport type BarLikeAppearConfig = EffectConfig<'growth'>\nexport type BarLikeUpdateConfig = EffectConfig<'growth' | 'moveIn'>\nexport type BarLikeLoopConfig = LoopConfig<'highLight' | 'growth' | 'moveIn' | 'none', 'ripple' | 'reveal' | 'breath'>\n\nexport type LineAreaAppearConfig = EffectConfig<'load' | 'growth'>\nexport type LineAreaUpdateConfig = EffectConfig<'growth'>\nexport type LineAreaLoopConfig = LoopConfig<'load' | 'growth' | 'none', 'ripple' | 'reveal' | 'breath'>\n\nexport type ScatterAppearConfig = EffectConfig<'growth' | 'scale'>\nexport type ScatterUpdateConfig = EffectConfig<'growth'>\nexport type ScatterLoopConfig = LoopConfig<'growth' | 'scale' | 'none', 'ripple' | 'reveal' | 'breath'>\n\nexport type PieLikeAppearConfig = EffectConfig<'radial' | 'scale'>\nexport type PieLikeUpdateConfig = EffectConfig<'radial'>\nexport type PieLikeLoopConfig = LoopConfig<'enlarge' | 'relocate'>\n\nexport type RadarAppearConfig = EffectConfig<'radial' | 'scale'>\nexport type RadarUpdateConfig = EffectConfig<'growth'>\nexport type RadarLoopConfig = {\n  enable?: boolean\n  interval?: number\n  atmosphere?: AtmosphereConfig<'ripple' | 'reveal' | 'breath'>\n}\n\n// 堆叠/百分比/并列条、柱图\nexport type BarLikeAnimation = {\n  enable?: boolean\n  params?: AnimationParams<BarLikeAppearConfig, BarLikeUpdateConfig, BarLikeLoopConfig>\n}\n\n// 折线、面积、百分比面积\nexport type LineAreaAnimation = {\n  enable?: boolean\n  params?: AnimationParams<LineAreaAppearConfig, LineAreaUpdateConfig, LineAreaLoopConfig>\n}\n\n// 散点\nexport type ScatterAnimation = {\n  enable?: boolean\n  params?: AnimationParams<ScatterAppearConfig, ScatterUpdateConfig, ScatterLoopConfig>\n}\n\n// 饼、环、玫瑰\nexport type PieLikeAnimation = {\n  enable?: boolean\n  params?: AnimationParams<PieLikeAppearConfig, PieLikeUpdateConfig, PieLikeLoopConfig>\n}\n\n// 雷达\nexport type RadarAnimation = {\n  enable?: boolean\n  params?: AnimationParams<RadarAppearConfig, RadarUpdateConfig, RadarLoopConfig>\n}\n\nexport type BarLikeChartType = 'bar' | 'barPercent' | 'barParallel' | 'column' | 'columnPercent' | 'columnParallel'\nexport type LineAreaChartType = 'line' | 'area' | 'areaPercent'\nexport type PieLikeChartType = 'pie' | 'donut' | 'rose' | 'roseParallel'\nexport type SupportedAnimationChartType = BarLikeChartType | LineAreaChartType | PieLikeChartType | 'scatter' | 'radar'\n\nexport type ChartAnimationByChartType<T extends SupportedAnimationChartType> = T extends BarLikeChartType\n  ? BarLikeAnimation\n  : T extends LineAreaChartType\n    ? LineAreaAnimation\n    : T extends PieLikeChartType\n      ? PieLikeAnimation\n      : T extends 'scatter'\n        ? ScatterAnimation\n        : RadarAnimation\n\nexport type ChartAnimation = BarLikeAnimation | LineAreaAnimation | ScatterAnimation | PieLikeAnimation | RadarAnimation\n\nexport type ChartAppearConfigByChartType<T extends SupportedAnimationChartType> = NonNullable<\n  NonNullable<ChartAnimationByChartType<T>['params']>['appear']\n>\nexport type ChartUpdateConfigByChartType<T extends SupportedAnimationChartType> = NonNullable<\n  NonNullable<ChartAnimationByChartType<T>['params']>['update']\n>\nexport type ChartLoopConfigByChartType<T extends SupportedAnimationChartType> = NonNullable<\n  NonNullable<ChartAnimationByChartType<T>['params']>['loop']\n>\n\nexport type BarAppearConfig = ChartAppearConfigByChartType<'bar'>\nexport type BarUpdateConfig = ChartUpdateConfigByChartType<'bar'>\nexport type BarLoopConfig = ChartLoopConfigByChartType<'bar'>\nexport type BarPercentAppearConfig = ChartAppearConfigByChartType<'barPercent'>\nexport type BarPercentUpdateConfig = ChartUpdateConfigByChartType<'barPercent'>\nexport type BarPercentLoopConfig = ChartLoopConfigByChartType<'barPercent'>\nexport type BarParallelAppearConfig = ChartAppearConfigByChartType<'barParallel'>\nexport type BarParallelUpdateConfig = ChartUpdateConfigByChartType<'barParallel'>\nexport type BarParallelLoopConfig = ChartLoopConfigByChartType<'barParallel'>\nexport type ColumnAppearConfig = ChartAppearConfigByChartType<'column'>\nexport type ColumnUpdateConfig = ChartUpdateConfigByChartType<'column'>\nexport type ColumnLoopConfig = ChartLoopConfigByChartType<'column'>\nexport type ColumnPercentAppearConfig = ChartAppearConfigByChartType<'columnPercent'>\nexport type ColumnPercentUpdateConfig = ChartUpdateConfigByChartType<'columnPercent'>\nexport type ColumnPercentLoopConfig = ChartLoopConfigByChartType<'columnPercent'>\nexport type ColumnParallelAppearConfig = ChartAppearConfigByChartType<'columnParallel'>\nexport type ColumnParallelUpdateConfig = ChartUpdateConfigByChartType<'columnParallel'>\nexport type ColumnParallelLoopConfig = ChartLoopConfigByChartType<'columnParallel'>\nexport type LineAppearConfig = ChartAppearConfigByChartType<'line'>\nexport type LineUpdateConfig = ChartUpdateConfigByChartType<'line'>\nexport type LineLoopConfig = ChartLoopConfigByChartType<'line'>\nexport type AreaAppearConfig = ChartAppearConfigByChartType<'area'>\nexport type AreaUpdateConfig = ChartUpdateConfigByChartType<'area'>\nexport type AreaLoopConfig = ChartLoopConfigByChartType<'area'>\nexport type AreaPercentAppearConfig = ChartAppearConfigByChartType<'areaPercent'>\nexport type AreaPercentUpdateConfig = ChartUpdateConfigByChartType<'areaPercent'>\nexport type AreaPercentLoopConfig = ChartLoopConfigByChartType<'areaPercent'>\nexport type PieAppearConfig = ChartAppearConfigByChartType<'pie'>\nexport type PieUpdateConfig = ChartUpdateConfigByChartType<'pie'>\nexport type PieLoopConfig = ChartLoopConfigByChartType<'pie'>\nexport type DonutAppearConfig = ChartAppearConfigByChartType<'donut'>\nexport type DonutUpdateConfig = ChartUpdateConfigByChartType<'donut'>\nexport type DonutLoopConfig = ChartLoopConfigByChartType<'donut'>\nexport type RoseAppearConfig = ChartAppearConfigByChartType<'rose'>\nexport type RoseUpdateConfig = ChartUpdateConfigByChartType<'rose'>\nexport type RoseLoopConfig = ChartLoopConfigByChartType<'rose'>\nexport type RoseParallelAppearConfig = ChartAppearConfigByChartType<'roseParallel'>\nexport type RoseParallelUpdateConfig = ChartUpdateConfigByChartType<'roseParallel'>\nexport type RoseParallelLoopConfig = ChartLoopConfigByChartType<'roseParallel'>\n"],"names":["VScreenAnimationType"],"mappings":"AAAO,MAAMA,uBAAuB;IAClC,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,WAAW;IACX,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,SAAS;IACT,UAAU;IACV,MAAM;IACN,YAAY;AACd"}

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

@@ -0,0 +1,11 @@
+export { atmosphereColorToFill, atmosphereColorToStroke, transform2VChartColor } from './barColor';
+export { getGroupCountFromSpec, groupHighLightBar } from './barGroup';
+export { fadeInBar, growBar, isHorizontalBar, moveInBar, moveOutBar } from './barMotion';
+/**
+ * @description 根据循环动画效果类型生成柱图 normal 阶段动画配置。
+ * @param effect 循环动画效果类型。
+ * @param chartType 图表类型。
+ * @param spec 当前 VChart spec。
+ * @returns 柱图 normal 阶段动画配置。
+ */
+export declare const getLoopResult: (effect: string, chartType: string, spec: any) => {};

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

@@ -0,0 +1,13 @@
+import { VScreenAnimationType } from "../types.js";
+import { fadeInBar, growBar, isHorizontalBar, moveInBar, moveOutBar } from "./barMotion.js";
+const getLoopResult = (effect, chartType, spec)=>{
+    if (effect === VScreenAnimationType.growth) return growBar(chartType);
+    if (effect === VScreenAnimationType.moveIn) return moveInBar(chartType, spec);
+    if (effect === VScreenAnimationType.load) return fadeInBar();
+    return {};
+};
+export { atmosphereColorToFill, atmosphereColorToStroke, transform2VChartColor } from "./barColor.js";
+export { getGroupCountFromSpec, groupHighLightBar } from "./barGroup.js";
+export { fadeInBar, getLoopResult, growBar, isHorizontalBar, moveInBar, moveOutBar };
+
+//# sourceMappingURL=bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/bar.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/bar.ts"],"sourcesContent":["import { VScreenAnimationType } from '../types'\nimport { fadeInBar, growBar, moveInBar } from './barMotion'\n\nexport { atmosphereColorToFill, atmosphereColorToStroke, transform2VChartColor } from './barColor'\nexport { getGroupCountFromSpec, groupHighLightBar } from './barGroup'\nexport { fadeInBar, growBar, isHorizontalBar, moveInBar, moveOutBar } from './barMotion'\n\n/**\n * @description 根据循环动画效果类型生成柱图 normal 阶段动画配置。\n * @param effect 循环动画效果类型。\n * @param chartType 图表类型。\n * @param spec 当前 VChart spec。\n * @returns 柱图 normal 阶段动画配置。\n */\nexport const getLoopResult = (effect: string, chartType: string, spec: any) => {\n  if (effect === VScreenAnimationType.growth) return growBar(chartType)\n  if (effect === VScreenAnimationType.moveIn) return moveInBar(chartType, spec)\n  if (effect === VScreenAnimationType.load) return fadeInBar()\n  return {}\n}\n"],"names":["getLoopResult","effect","chartType","spec","VScreenAnimationType","growBar","moveInBar","fadeInBar"],"mappings":";;AAcO,MAAMA,gBAAgB,CAACC,QAAgBC,WAAmBC;IAC/D,IAAIF,WAAWG,qBAAqB,MAAM,EAAE,OAAOC,QAAQH;IAC3D,IAAID,WAAWG,qBAAqB,MAAM,EAAE,OAAOE,UAAUJ,WAAWC;IACxE,IAAIF,WAAWG,qBAAqB,IAAI,EAAE,OAAOG;IACjD,OAAO,CAAC;AACV"}

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

@@ -0,0 +1,52 @@
+/**
+ * @description 将普通色值或 DSL 渐变色统一转换为 VChart 可消费的颜色配置。
+ * @param colorStr 普通色值或 DSL 渐变色。
+ * @returns VChart 可消费的颜色配置。
+ */
+export declare const transform2VChartColor: (colorStr?: string) => string | {
+    gradient: string;
+    x0: number;
+    x1: number;
+    y1: number;
+    y0: number;
+    stops: {
+        offset: number;
+        color: string;
+    }[];
+} | undefined;
+/**
+ * @description 生成柱图氛围高亮的填充色；渐变柱图会补齐透明度渐变。
+ * @param color 高亮色。
+ * @param isGradientChart 当前图表是否使用渐变填充。
+ * @param isHorizontal 是否为横向柱图。
+ * @returns 柱图氛围高亮填充色。
+ */
+export declare const atmosphereColorToFill: (color: string, isGradientChart: boolean, isHorizontal: boolean) => string | {
+    gradient: string;
+    x0: number;
+    x1: number;
+    y1: number;
+    y0: number;
+    stops: {
+        offset: number;
+        color: string;
+    }[];
+};
+/**
+ * @description 生成柱图氛围高亮的描边色；渐变柱图会补齐透明度渐变。
+ * @param color 高亮色。
+ * @param isGradientChart 当前图表是否使用渐变填充。
+ * @param isHorizontal 是否为横向柱图。
+ * @returns 柱图氛围高亮描边色。
+ */
+export declare const atmosphereColorToStroke: (color: string, isGradientChart: boolean, isHorizontal: boolean) => string | {
+    gradient: string;
+    x0: number;
+    x1: number;
+    y1: number;
+    y0: number;
+    stops: {
+        offset: number;
+        color: string;
+    }[];
+};

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;
+        };
+    };
+};