@visactor/vseed 0.4.27 → 0.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/pie.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/animation/pie.ts"],"sourcesContent":["import { ChartTypeEnum } from 'src/pipeline/utils'\nimport {\n  VScreenAnimationType,\n  type PieLikeAppearConfig,\n  type PieLikeLoopConfig,\n  type PieLikeUpdateConfig,\n} from './types'\nimport { allowAnimation, getPrimaryEffect } from './utils'\nimport { radialPie, scalePie } from './utils/pie'\n\n/**\n * 饼图/环图/玫瑰图 入场动画\n * 动画类型:\n * 1. radial: 角度展开动画\n * 效果：pie/rose 按扇区角度展开。\n * 编排逻辑：pie/rose 同步使用 growAngleIn, rose 额外补 preset = growAngle。\n * 2. scale: 半径展开动画\n * 效果：pie/rose 按半径从内向外展开。\n * 编排逻辑：pie/rose 同步使用 growRadiusIn, 共用 appear 的 easing 和 duration。\n */\nexport const pieAppear = (config: PieLikeAppearConfig | undefined, chartType: string) => {\n  if (!config || !allowAnimation(config)) {\n    return false\n  }\n\n  const { effects, ease, duration } = config\n  const effect = effects?.[0]\n  const durationMs = (duration ?? 1) * 1000\n\n  let configByType = {}\n  if (effect === VScreenAnimationType.radial) {\n    configByType = radialPie()\n  } else if (effect === VScreenAnimationType.scale) {\n    configByType = scalePie()\n  }\n\n  const result = {\n    pie: {\n      ...configByType,\n      easing: ease,\n      duration: durationMs,\n    },\n    rose: {\n      ...configByType,\n      easing: ease,\n      duration: durationMs,\n    },\n  } as any\n\n  if (chartType === ChartTypeEnum.Rose && effect === VScreenAnimationType.radial) {\n    result.preset = 'growAngle'\n  }\n  return result\n}\n\n/**\n * 饼图/环图/玫瑰图 更新动画\n * 动画类型:\n * 1. default: 默认更新动画\n * 效果：pie/rose 使用 VChart 默认补间。\n * 编排逻辑：不指定角度或半径动画, 避免和 normal 阶段的通道动画冲突。\n */\nexport const pieUpdate = (config: PieLikeUpdateConfig | undefined) => {\n  if (!config || !allowAnimation(config)) {\n    return false\n  }\n\n  const { ease, duration } = config\n  const durationMs = (duration ?? 1) * 1000\n\n  // 用默认的补间效果即可\n  return {\n    pie: {\n      easing: ease,\n      duration: durationMs,\n    },\n    rose: {\n      easing: ease,\n      duration: durationMs,\n    },\n  }\n}\n\n/**\n * 饼图/环图/玫瑰图 新数据进入动画\n * 动画类型:\n * 1. default: 默认 enter 动画\n * 效果：新数据使用 VChart 默认 enter 补间。\n * 编排逻辑：pie/rose 共用 update 的 easing 和 duration。\n * 2. enlarge + rose: 淡入 enter 动画\n * 效果：rose 新数据使用 fadeIn。\n * 编排逻辑：当 normal 的 loop 效果为 enlarge 时启用, 避免 enter 和 enlarge 同时争用 outerRadius 通道。\n */\nexport const pieEnter = (config: PieLikeUpdateConfig | undefined, atmosphereConfig: PieLikeLoopConfig | undefined) => {\n  if (!config || !allowAnimation(config)) {\n    return false\n  }\n  const { ease, duration } = config\n  const durationMs = (duration ?? 1) * 1000\n  // 当normal动画存在且为radius时:\n  // 玫瑰图enter不能用默认, 这样会和normal动画的radius视觉通道冲突\n  let configByType = {}\n  if (atmosphereConfig?.enable && getPrimaryEffect(atmosphereConfig.loop) === VScreenAnimationType.enlarge) {\n    configByType = {\n      type: 'fadeIn', // 具体类型可以根据视觉效果自定\n    }\n  }\n  return {\n    pie: {\n      easing: ease,\n      duration: durationMs,\n    },\n    rose: {\n      ...configByType,\n      easing: ease,\n      duration: durationMs,\n    },\n  }\n}\n\n/**\n * 饼图/环图/玫瑰图 循环动画\n * 动画类型:\n * 1. enlarge: 半径放大动画\n * 效果：扇区 outerRadius 放大 10px 后恢复。\n * 编排逻辑：startTime = appear 存在 ? interval : 0, 前半段放大, 后半段恢复, oneByOne 错峰执行。\n * 2. relocate: 扇区偏移动画\n * 效果：扇区沿中心角方向向外偏移后恢复。\n * 编排逻辑：前半段计算 x/y 偏移, 后半段回到原始 x/y, 一轮结束后等待 interval。\n */\nexport const pieLoop = (config: PieLikeLoopConfig | undefined, ignoreFirstNormal: boolean) => {\n  if (!config?.enable) {\n    return false\n  }\n  const { loop, interval = 0 } = config\n  let loopResult = {}\n\n  // 轮播动画\n  // const startTime = 0\n  const startTime = ignoreFirstNormal ? interval * 1000 : 0\n  const { effects: loopEffects = [], ease: loopEase } = loop ?? {}\n  const loopDuration = 1\n  const loopEffect = loopEffects[0]\n  if (loopEffect === VScreenAnimationType.enlarge) {\n    loopResult = [\n      {\n        channel: {\n          outerRadius: {\n            from: (...p: any[]) => {\n              return p[1].attribute.outerRadius\n            },\n            to: (...p: any[]) => {\n              return p[1].attribute.outerRadius + 10\n            },\n          },\n        },\n        startTime,\n        oneByOne: loopDuration * 1000, // true -> loopDuration * 1000, 原理有待考究\n        duration: (loopDuration / 2) * 1000,\n        loop: true,\n        easing: loopEase,\n        delayAfter: (loopDuration / 2) * 1000 + interval * 1000,\n        controlOptions: {\n          immediatelyApply: false,\n        },\n      },\n      {\n        channel: {\n          outerRadius: {\n            from: (...p: any[]) => {\n              return p[1].attribute.outerRadius + 10\n            },\n            to: (...p: any[]) => {\n              return p[1].attribute.outerRadius\n            },\n          },\n        },\n        startTime,\n        oneByOne: loopDuration * 1000, // true -> loopDuration * 1000, 原理有待考究\n        duration: (loopDuration / 2) * 1000,\n        easing: loopEase,\n        delay: (loopDuration / 2) * 1000,\n        delayAfter: interval * 1000,\n        loop: true,\n        controlOptions: {\n          immediatelyApply: false,\n        },\n      },\n    ]\n  } else if (loopEffect === VScreenAnimationType.relocate) {\n    const offset = 10\n    loopResult = [\n      {\n        channel: {\n          x: {\n            from: (...p: any[]) => {\n              return p[1].attribute.x\n            },\n            to: (...p: any[]) => {\n              const angle = (p[1].attribute.startAngle + p[1].attribute.endAngle) / 2\n              return p[1].attribute.x + offset * Math.cos(angle)\n            },\n          },\n          y: {\n            from: (...p: any[]) => {\n              return p[1].attribute.y\n            },\n            to: (...p: any[]) => {\n              const angle = (p[1].attribute.startAngle + p[1].attribute.endAngle) / 2\n              return p[1].attribute.y + offset * Math.sin(angle)\n            },\n          },\n        },\n        startTime,\n        oneByOne: loopDuration * 1000, // true -> loopDuration * 1000, 原理有待考究\n        duration: (loopDuration / 2) * 1000,\n        loop: true,\n        easing: loopEase,\n        delayAfter: (loopDuration / 2) * 1000 + interval * 1000,\n        controlOptions: {\n          immediatelyApply: false,\n        },\n      },\n      {\n        channel: {\n          x: {\n            from: (...p: any[]) => {\n              const angle = (p[1].attribute.startAngle + p[1].attribute.endAngle) / 2\n              return p[1].attribute.x + offset * Math.cos(angle)\n            },\n            to: (...p: any[]) => {\n              return p[1].attribute.x\n            },\n          },\n          y: {\n            from: (...p: any[]) => {\n              const angle = (p[1].attribute.startAngle + p[1].attribute.endAngle) / 2\n              return p[1].attribute.y + offset * Math.sin(angle)\n            },\n            to: (...p: any[]) => {\n              return p[1].attribute.y\n            },\n          },\n        },\n        startTime,\n        oneByOne: loopDuration * 1000, // true -> loopDuration * 1000, 原理有待考究\n        duration: (loopDuration / 2) * 1000,\n        easing: loopEase,\n        delay: (loopDuration / 2) * 1000,\n        delayAfter: interval * 1000,\n        loop: true,\n        controlOptions: {\n          immediatelyApply: false,\n        },\n      },\n    ]\n  }\n\n  return {\n    pie: loopResult,\n    rose: loopResult,\n  }\n}\n\n/**\n * 饼图/环图/玫瑰图 离场动画\n * 动画类型:\n * 1. none: 无离场动画\n * 效果：不配置自定义 exit。\n * 编排逻辑：返回 false, 关闭该阶段动画配置。\n */\nexport const pieExit = () => {\n  return false\n}\n"],"names":["pieAppear","config","chartType","allowAnimation","effects","ease","duration","effect","durationMs","configByType","VScreenAnimationType","radialPie","scalePie","result","ChartTypeEnum","pieUpdate","pieEnter","atmosphereConfig","getPrimaryEffect","pieLoop","ignoreFirstNormal","loop","interval","loopResult","startTime","loopEffects","loopEase","loopDuration","loopEffect","p","offset","angle","Math","pieExit"],"mappings":"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"}

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

@@ -0,0 +1,131 @@
+import type { RadarAppearConfig, RadarLoopConfig, RadarUpdateConfig } from './types';
+/**
+ * 雷达图 入场动画
+ * 动画类型:
+ * 1. radial: 径向裁剪动画
+ * 效果：雷达区域按裁剪方式展开。
+ * 编排逻辑：使用 clipIn preset, duration 和 easing 由 appear 配置控制。
+ * 2. 其他: 生长动画
+ * 效果：雷达整体形状从中心增长。
+ * 编排逻辑：使用 grow preset, duration 和 easing 由 appear 配置控制。
+ */
+export declare const radarAppear: (config: RadarAppearConfig | undefined) => false | {
+    preset: string;
+    duration: number;
+    easing: string | undefined;
+};
+/**
+ * 雷达图 循环动画
+ * 动画类型:
+ * 1. atmosphere: 点氛围动画
+ * 效果：point 执行 breath/reveal/ripple 等氛围效果。
+ * 编排逻辑：startTime = appear 存在 ? interval : 0, 持续 1s, 一轮结束后等待 interval。
+ * 2. none: 无循环动画
+ * 效果：不配置 normal 动画。
+ * 编排逻辑：当 atmosphere.effect 为 none 时返回 false。
+ */
+export declare const radarLoop: (config: RadarLoopConfig | undefined, ignoreFirstNormal: boolean) => false | {
+    point: {
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        channel?: undefined;
+        loop: boolean;
+        startTime: number;
+        delayAfter: number;
+        duration: number;
+        easing: string | undefined;
+    } | {
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        channel: {
+            scaleX: {
+                from: number;
+                to: number;
+            };
+            scaleY: {
+                from: number;
+                to: number;
+            };
+            fillOpacity?: undefined;
+            strokeOpacity?: undefined;
+            outerBorder?: undefined;
+        };
+        loop: boolean;
+        startTime: number;
+        delayAfter: number;
+        duration: number;
+        easing: string | undefined;
+    } | {
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        channel: {
+            fillOpacity: {
+                from: number;
+                to: number;
+            };
+            strokeOpacity: {
+                from: number;
+                to: number;
+            };
+            scaleX?: undefined;
+            scaleY?: undefined;
+            outerBorder?: undefined;
+        };
+        loop: boolean;
+        startTime: number;
+        delayAfter: number;
+        duration: number;
+        easing: string | undefined;
+    } | {
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        channel: {
+            outerBorder: {
+                from: {
+                    distance: number;
+                    strokeOpacity: number;
+                };
+                to: (...args: any[]) => {
+                    distance: number;
+                    strokeOpacity: number;
+                    stroke: any;
+                };
+            };
+            scaleX?: undefined;
+            scaleY?: undefined;
+            fillOpacity?: undefined;
+            strokeOpacity?: undefined;
+        };
+        loop: boolean;
+        startTime: number;
+        delayAfter: number;
+        duration: number;
+        easing: string | undefined;
+    };
+};
+/**
+ * 雷达图 更新动画
+ * 动画类型:
+ * 1. default: 默认更新动画
+ * 效果：雷达图使用 VChart 默认补间。
+ * 编排逻辑：只保留 update 的 duration 和 easing。
+ */
+export declare const radarUpdate: (config: RadarUpdateConfig | undefined) => false | {
+    duration: number;
+    easing: string | undefined;
+};
+/**
+ * 雷达图 离场动画
+ * 动画类型:
+ * 1. default: 默认离场动画
+ * 效果：雷达图使用 VChart 默认补间完成离场。
+ * 编排逻辑：共用 exit 的 duration 和 easing, 保持离场节奏和 update 阶段一致。
+ */
+export declare const radarExit: (config: RadarUpdateConfig | undefined) => false | {
+    duration: number;
+    easing: string | undefined;
+};

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

@@ -0,0 +1,46 @@
+import { EFFECT_NONE, allowAnimation, atmospherePoint, getPrimaryEffect, toMs } from "./utils/index.js";
+const radarAppear = (config)=>{
+    if (!allowAnimation(config)) return false;
+    const effect = getPrimaryEffect(config);
+    return {
+        preset: 'radial' === effect ? 'clipIn' : 'grow',
+        duration: toMs(config?.duration),
+        easing: config?.ease
+    };
+};
+const radarLoop = (config, ignoreFirstNormal)=>{
+    if (!config?.enable) return false;
+    const interval = config.interval ?? 0;
+    const startTime = ignoreFirstNormal ? toMs(interval) : 0;
+    if ((config.atmosphere?.effect ?? EFFECT_NONE) === EFFECT_NONE) return false;
+    return {
+        point: {
+            loop: true,
+            startTime,
+            delayAfter: toMs(interval),
+            duration: 1000,
+            easing: config.atmosphere?.ease,
+            ...atmospherePoint(config.atmosphere?.effect),
+            controlOptions: {
+                immediatelyApply: false
+            }
+        }
+    };
+};
+const radarUpdate = (config)=>{
+    if (!allowAnimation(config)) return false;
+    return {
+        duration: toMs(config?.duration),
+        easing: config?.ease
+    };
+};
+const radarExit = (config)=>{
+    if (!allowAnimation(config)) return false;
+    return {
+        duration: toMs(config?.duration),
+        easing: config?.ease
+    };
+};
+export { radarAppear, radarExit, radarLoop, radarUpdate };
+
+//# sourceMappingURL=radar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/radar.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/animation/radar.ts"],"sourcesContent":["import type { RadarAppearConfig, RadarLoopConfig, RadarUpdateConfig } from './types'\nimport { allowAnimation, EFFECT_NONE, getPrimaryEffect, toMs, atmospherePoint } from './utils'\n\n/**\n * 雷达图 入场动画\n * 动画类型:\n * 1. radial: 径向裁剪动画\n * 效果：雷达区域按裁剪方式展开。\n * 编排逻辑：使用 clipIn preset, duration 和 easing 由 appear 配置控制。\n * 2. 其他: 生长动画\n * 效果：雷达整体形状从中心增长。\n * 编排逻辑：使用 grow preset, duration 和 easing 由 appear 配置控制。\n */\nexport const radarAppear = (config: RadarAppearConfig | undefined) => {\n  if (!allowAnimation(config)) {\n    return false\n  }\n  const effect = getPrimaryEffect(config)\n  return {\n    preset: effect === 'radial' ? 'clipIn' : 'grow',\n    duration: toMs(config?.duration),\n    easing: config?.ease,\n  }\n}\n\n/**\n * 雷达图 循环动画\n * 动画类型:\n * 1. atmosphere: 点氛围动画\n * 效果：point 执行 breath/reveal/ripple 等氛围效果。\n * 编排逻辑：startTime = appear 存在 ? interval : 0, 持续 1s, 一轮结束后等待 interval。\n * 2. none: 无循环动画\n * 效果：不配置 normal 动画。\n * 编排逻辑：当 atmosphere.effect 为 none 时返回 false。\n */\nexport const radarLoop = (config: RadarLoopConfig | undefined, ignoreFirstNormal: boolean) => {\n  if (!config?.enable) {\n    return false\n  }\n  const interval = config.interval ?? 0\n  const startTime = ignoreFirstNormal ? toMs(interval) : 0\n  if ((config.atmosphere?.effect ?? EFFECT_NONE) === EFFECT_NONE) {\n    return false\n  }\n\n  return {\n    point: {\n      loop: true,\n      startTime,\n      delayAfter: toMs(interval),\n      duration: 1000,\n      easing: config.atmosphere?.ease,\n      ...atmospherePoint(config.atmosphere?.effect),\n      controlOptions: { immediatelyApply: false },\n    },\n  }\n}\n\n/**\n * 雷达图 更新动画\n * 动画类型:\n * 1. default: 默认更新动画\n * 效果：雷达图使用 VChart 默认补间。\n * 编排逻辑：只保留 update 的 duration 和 easing。\n */\nexport const radarUpdate = (config: RadarUpdateConfig | undefined) => {\n  if (!allowAnimation(config)) {\n    return false\n  }\n  return { duration: toMs(config?.duration), easing: config?.ease }\n}\n\n/**\n * 雷达图 离场动画\n * 动画类型:\n * 1. default: 默认离场动画\n * 效果：雷达图使用 VChart 默认补间完成离场。\n * 编排逻辑：共用 exit 的 duration 和 easing, 保持离场节奏和 update 阶段一致。\n */\nexport const radarExit = (config: RadarUpdateConfig | undefined) => {\n  if (!allowAnimation(config)) {\n    return false\n  }\n  return { duration: toMs(config?.duration), easing: config?.ease }\n}\n"],"names":["radarAppear","config","allowAnimation","effect","getPrimaryEffect","toMs","radarLoop","ignoreFirstNormal","interval","startTime","EFFECT_NONE","atmospherePoint","radarUpdate","radarExit"],"mappings":";AAaO,MAAMA,cAAc,CAACC;IAC1B,IAAI,CAACC,eAAeD,SAClB,OAAO;IAET,MAAME,SAASC,iBAAiBH;IAChC,OAAO;QACL,QAAQE,AAAW,aAAXA,SAAsB,WAAW;QACzC,UAAUE,KAAKJ,QAAQ;QACvB,QAAQA,QAAQ;IAClB;AACF;AAYO,MAAMK,YAAY,CAACL,QAAqCM;IAC7D,IAAI,CAACN,QAAQ,QACX,OAAO;IAET,MAAMO,WAAWP,OAAO,QAAQ,IAAI;IACpC,MAAMQ,YAAYF,oBAAoBF,KAAKG,YAAY;IACvD,IAAKP,AAAAA,CAAAA,OAAO,UAAU,EAAE,UAAUS,WAAU,MAAOA,aACjD,OAAO;IAGT,OAAO;QACL,OAAO;YACL,MAAM;YACND;YACA,YAAYJ,KAAKG;YACjB,UAAU;YACV,QAAQP,OAAO,UAAU,EAAE;YAC3B,GAAGU,gBAAgBV,OAAO,UAAU,EAAE,OAAO;YAC7C,gBAAgB;gBAAE,kBAAkB;YAAM;QAC5C;IACF;AACF;AASO,MAAMW,cAAc,CAACX;IAC1B,IAAI,CAACC,eAAeD,SAClB,OAAO;IAET,OAAO;QAAE,UAAUI,KAAKJ,QAAQ;QAAW,QAAQA,QAAQ;IAAK;AAClE;AASO,MAAMY,YAAY,CAACZ;IACxB,IAAI,CAACC,eAAeD,SAClB,OAAO;IAET,OAAO;QAAE,UAAUI,KAAKJ,QAAQ;QAAW,QAAQA,QAAQ;IAAK;AAClE"}

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

@@ -0,0 +1,102 @@
+import type { ScatterAppearConfig, ScatterLoopConfig, ScatterUpdateConfig } from './types';
+/**
+ * 散点图 入场动画
+ * 动画类型:
+ * 1. growth: 飞入动画
+ * 效果：点从上方移入, 同时恢复透明度和尺寸。
+ * 编排逻辑：只作用于 point mark, 使用 appear 的 easing 和 duration。
+ * 2. scale: 缩放动画
+ * 效果：点中心保持不变, size 从 0 过渡到最终尺寸。
+ * 编排逻辑：只作用于 point mark, 使用 appear 的 easing 和 duration。
+ */
+export declare const scatterAppear: (config: ScatterAppearConfig | undefined) => false | {
+    point: ({
+        loop: boolean;
+        startTime: number;
+        duration: number;
+        easing: string | undefined;
+        type: string;
+        delayAfter: number;
+        options: {
+            direction: string;
+            orient: string;
+        };
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        channel?: undefined;
+    } | {
+        loop: boolean;
+        startTime: number;
+        duration: number;
+        easing: string | undefined;
+        delayAfter: number;
+        channel: {
+            fillOpacity: {
+                from: number;
+            };
+            size: {
+                from: (...args: any[]) => any;
+            };
+        };
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        type?: undefined;
+        options?: undefined;
+    })[] | {
+        loop: boolean;
+        startTime: number;
+        duration: number;
+        easing: string | undefined;
+        delayAfter: number;
+        channel: {
+            size: {
+                from: number;
+                to: (...args: any[]) => any;
+            };
+        };
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+    }[];
+};
+/**
+ * 散点图 循环动画
+ * 动画类型:
+ * 1. growth/scale: 点循环动画
+ * 效果：复用飞入或缩放动画形成循环。
+ * 编排逻辑：startTime = appear 存在 ? interval : 0, 有 loop 时 loopDuration = 1s, 执行后等待 interval + 1s。
+ * 2. atmosphere: 点氛围动画
+ * 效果：point 执行 breath/reveal/ripple 等氛围效果。
+ * 编排逻辑：有 loop 时持续 1s, 无 loop 时持续 2s, 一轮结束后等待 interval。
+ */
+export declare const scatterLoop: (config: ScatterLoopConfig | undefined, ignoreFirstNormal: boolean) => false | {
+    point: any[];
+};
+/**
+ * 散点图 更新动画
+ * 动画类型:
+ * 1. default: 默认更新动画
+ * 效果：point 使用 VChart 默认补间。
+ * 编排逻辑：只保留 update 的 easing 和 duration。
+ */
+export declare const scatterUpdate: (config: ScatterUpdateConfig | undefined) => false | {
+    point: {
+        duration: number;
+        easing: string | undefined;
+    };
+};
+/**
+ * 散点图 离场动画
+ * 动画类型:
+ * 1. default: 默认离场动画
+ * 效果：point 使用 VChart 默认补间完成离场。
+ * 编排逻辑：共用 exit 的 easing 和 duration, 保持离场节奏和 update 阶段一致。
+ */
+export declare const scatterExit: (config: ScatterUpdateConfig | undefined) => false | {
+    point: {
+        duration: number;
+        easing: string | undefined;
+    };
+};

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

@@ -0,0 +1,57 @@
+import { EFFECT_NONE, allowAnimation, atmospherePoint, getPrimaryEffect, toMs } from "./utils/index.js";
+import { flyInScatter, scaleInScatter } from "./utils/scatter.js";
+const scatterAppear = (config)=>{
+    if (!allowAnimation(config)) return false;
+    const effect = getPrimaryEffect(config);
+    const duration = toMs(config?.duration);
+    const result = 'growth' === effect ? flyInScatter(duration, config?.ease) : 'scale' === effect ? scaleInScatter(duration, config?.ease) : [];
+    return {
+        point: result
+    };
+};
+const scatterLoop = (config, ignoreFirstNormal)=>{
+    if (!config?.enable) return false;
+    const interval = config.interval ?? 0;
+    const startTime = ignoreFirstNormal ? toMs(interval) : 0;
+    const effect = getPrimaryEffect(config.loop);
+    const loopDuration = effect === EFFECT_NONE ? 0 : 1000;
+    const atmosphereDuration = effect === EFFECT_NONE ? 2000 : 1000;
+    const result = [];
+    if ('growth' === effect) result.push(...flyInScatter(loopDuration, config.loop?.ease, true, startTime, toMs(interval + 1)));
+    else if ('scale' === effect) result.push(...scaleInScatter(loopDuration, config.loop?.ease, true, startTime, toMs(interval + 1)));
+    if ((config.atmosphere?.effect ?? EFFECT_NONE) !== EFFECT_NONE) result.push({
+        loop: true,
+        startTime,
+        delayAfter: toMs(interval),
+        duration: atmosphereDuration,
+        easing: config.atmosphere?.ease,
+        ...atmospherePoint(config.atmosphere?.effect),
+        controlOptions: {
+            immediatelyApply: false
+        }
+    });
+    return {
+        point: result
+    };
+};
+const scatterUpdate = (config)=>{
+    if (!allowAnimation(config)) return false;
+    return {
+        point: {
+            duration: toMs(config?.duration),
+            easing: config?.ease
+        }
+    };
+};
+const scatterExit = (config)=>{
+    if (!allowAnimation(config)) return false;
+    return {
+        point: {
+            duration: toMs(config?.duration),
+            easing: config?.ease
+        }
+    };
+};
+export { scatterAppear, scatterExit, scatterLoop, scatterUpdate };
+
+//# sourceMappingURL=scatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/scatter.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/animation/scatter.ts"],"sourcesContent":["import type { ScatterAppearConfig, ScatterLoopConfig, ScatterUpdateConfig } from './types'\nimport { allowAnimation, EFFECT_NONE, getPrimaryEffect, toMs, atmospherePoint } from './utils'\nimport { flyInScatter, scaleInScatter } from './utils/scatter'\n\n/**\n * 散点图 入场动画\n * 动画类型:\n * 1. growth: 飞入动画\n * 效果：点从上方移入, 同时恢复透明度和尺寸。\n * 编排逻辑：只作用于 point mark, 使用 appear 的 easing 和 duration。\n * 2. scale: 缩放动画\n * 效果：点中心保持不变, size 从 0 过渡到最终尺寸。\n * 编排逻辑：只作用于 point mark, 使用 appear 的 easing 和 duration。\n */\nexport const scatterAppear = (config: ScatterAppearConfig | undefined) => {\n  if (!allowAnimation(config)) {\n    return false\n  }\n  const effect = getPrimaryEffect(config)\n  const duration = toMs(config?.duration)\n  const result =\n    effect === 'growth'\n      ? flyInScatter(duration, config?.ease)\n      : effect === 'scale'\n        ? scaleInScatter(duration, config?.ease)\n        : []\n  return { point: result }\n}\n\n/**\n * 散点图 循环动画\n * 动画类型:\n * 1. growth/scale: 点循环动画\n * 效果：复用飞入或缩放动画形成循环。\n * 编排逻辑：startTime = appear 存在 ? interval : 0, 有 loop 时 loopDuration = 1s, 执行后等待 interval + 1s。\n * 2. atmosphere: 点氛围动画\n * 效果：point 执行 breath/reveal/ripple 等氛围效果。\n * 编排逻辑：有 loop 时持续 1s, 无 loop 时持续 2s, 一轮结束后等待 interval。\n */\nexport const scatterLoop = (config: ScatterLoopConfig | undefined, ignoreFirstNormal: boolean) => {\n  if (!config?.enable) {\n    return false\n  }\n  const interval = config.interval ?? 0\n  const startTime = ignoreFirstNormal ? toMs(interval) : 0\n  const effect = getPrimaryEffect(config.loop)\n  const loopDuration = effect === EFFECT_NONE ? 0 : 1000\n  const atmosphereDuration = effect === EFFECT_NONE ? 2000 : 1000\n  const result: any[] = []\n\n  if (effect === 'growth') {\n    result.push(...flyInScatter(loopDuration, config.loop?.ease, true, startTime, toMs(interval + 1)))\n  } else if (effect === 'scale') {\n    result.push(...scaleInScatter(loopDuration, config.loop?.ease, true, startTime, toMs(interval + 1)))\n  }\n\n  if ((config.atmosphere?.effect ?? EFFECT_NONE) !== EFFECT_NONE) {\n    result.push({\n      loop: true,\n      startTime,\n      delayAfter: toMs(interval),\n      duration: atmosphereDuration,\n      easing: config.atmosphere?.ease,\n      ...atmospherePoint(config.atmosphere?.effect),\n      controlOptions: { immediatelyApply: false },\n    })\n  }\n\n  return { point: result }\n}\n\n/**\n * 散点图 更新动画\n * 动画类型:\n * 1. default: 默认更新动画\n * 效果：point 使用 VChart 默认补间。\n * 编排逻辑：只保留 update 的 easing 和 duration。\n */\nexport const scatterUpdate = (config: ScatterUpdateConfig | undefined) => {\n  if (!allowAnimation(config)) {\n    return false\n  }\n  return { point: { duration: toMs(config?.duration), easing: config?.ease } }\n}\n\n/**\n * 散点图 离场动画\n * 动画类型:\n * 1. default: 默认离场动画\n * 效果：point 使用 VChart 默认补间完成离场。\n * 编排逻辑：共用 exit 的 easing 和 duration, 保持离场节奏和 update 阶段一致。\n */\nexport const scatterExit = (config: ScatterUpdateConfig | undefined) => {\n  if (!allowAnimation(config)) {\n    return false\n  }\n  return { point: { duration: toMs(config?.duration), easing: config?.ease } }\n}\n"],"names":["scatterAppear","config","allowAnimation","effect","getPrimaryEffect","duration","toMs","result","flyInScatter","scaleInScatter","scatterLoop","ignoreFirstNormal","interval","startTime","loopDuration","EFFECT_NONE","atmosphereDuration","atmospherePoint","scatterUpdate","scatterExit"],"mappings":";;AAcO,MAAMA,gBAAgB,CAACC;IAC5B,IAAI,CAACC,eAAeD,SAClB,OAAO;IAET,MAAME,SAASC,iBAAiBH;IAChC,MAAMI,WAAWC,KAAKL,QAAQ;IAC9B,MAAMM,SACJJ,AAAW,aAAXA,SACIK,aAAaH,UAAUJ,QAAQ,QAC/BE,AAAW,YAAXA,SACEM,eAAeJ,UAAUJ,QAAQ,QACjC,EAAE;IACV,OAAO;QAAE,OAAOM;IAAO;AACzB;AAYO,MAAMG,cAAc,CAACT,QAAuCU;IACjE,IAAI,CAACV,QAAQ,QACX,OAAO;IAET,MAAMW,WAAWX,OAAO,QAAQ,IAAI;IACpC,MAAMY,YAAYF,oBAAoBL,KAAKM,YAAY;IACvD,MAAMT,SAASC,iBAAiBH,OAAO,IAAI;IAC3C,MAAMa,eAAeX,WAAWY,cAAc,IAAI;IAClD,MAAMC,qBAAqBb,WAAWY,cAAc,OAAO;IAC3D,MAAMR,SAAgB,EAAE;IAExB,IAAIJ,AAAW,aAAXA,QACFI,OAAO,IAAI,IAAIC,aAAaM,cAAcb,OAAO,IAAI,EAAE,MAAM,MAAMY,WAAWP,KAAKM,WAAW;SACzF,IAAIT,AAAW,YAAXA,QACTI,OAAO,IAAI,IAAIE,eAAeK,cAAcb,OAAO,IAAI,EAAE,MAAM,MAAMY,WAAWP,KAAKM,WAAW;IAGlG,IAAKX,AAAAA,CAAAA,OAAO,UAAU,EAAE,UAAUc,WAAU,MAAOA,aACjDR,OAAO,IAAI,CAAC;QACV,MAAM;QACNM;QACA,YAAYP,KAAKM;QACjB,UAAUI;QACV,QAAQf,OAAO,UAAU,EAAE;QAC3B,GAAGgB,gBAAgBhB,OAAO,UAAU,EAAE,OAAO;QAC7C,gBAAgB;YAAE,kBAAkB;QAAM;IAC5C;IAGF,OAAO;QAAE,OAAOM;IAAO;AACzB;AASO,MAAMW,gBAAgB,CAACjB;IAC5B,IAAI,CAACC,eAAeD,SAClB,OAAO;IAET,OAAO;QAAE,OAAO;YAAE,UAAUK,KAAKL,QAAQ;YAAW,QAAQA,QAAQ;QAAK;IAAE;AAC7E;AASO,MAAMkB,cAAc,CAAClB;IAC1B,IAAI,CAACC,eAAeD,SAClB,OAAO;IAET,OAAO;QAAE,OAAO;YAAE,UAAUK,KAAKL,QAAQ;YAAW,QAAQA,QAAQ;QAAK;IAAE;AAC7E"}

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