@visactor/vseed 0.4.28 → 0.5.1

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

@@ -0,0 +1,176 @@
+import { ChartTypeEnum } from "../../../../utils/index.js";
+import { VScreenAnimationType } from "./types.js";
+import { allowAnimation, getPrimaryEffect } from "./utils/index.js";
+import { radialPie, scalePie } from "./utils/pie.js";
+const pieAppear = (config, chartType)=>{
+    if (!config || !allowAnimation(config)) return false;
+    const { effects, ease, duration } = config;
+    const effect = effects?.[0];
+    const durationMs = (duration ?? 1) * 1000;
+    let configByType = {};
+    if (effect === VScreenAnimationType.radial) configByType = radialPie();
+    else if (effect === VScreenAnimationType.scale) configByType = scalePie();
+    const result = {
+        pie: {
+            ...configByType,
+            easing: ease,
+            duration: durationMs
+        },
+        rose: {
+            ...configByType,
+            easing: ease,
+            duration: durationMs
+        }
+    };
+    if (chartType === ChartTypeEnum.Rose && effect === VScreenAnimationType.radial) result.preset = 'growAngle';
+    return result;
+};
+const pieUpdate = (config)=>{
+    if (!config || !allowAnimation(config)) return false;
+    const { ease, duration } = config;
+    const durationMs = (duration ?? 1) * 1000;
+    return {
+        pie: {
+            easing: ease,
+            duration: durationMs
+        },
+        rose: {
+            easing: ease,
+            duration: durationMs
+        }
+    };
+};
+const pieEnter = (config, atmosphereConfig)=>{
+    if (!config || !allowAnimation(config)) return false;
+    const { ease, duration } = config;
+    const durationMs = (duration ?? 1) * 1000;
+    let configByType = {};
+    if (atmosphereConfig?.enable && getPrimaryEffect(atmosphereConfig.loop) === VScreenAnimationType.enlarge) configByType = {
+        type: 'fadeIn'
+    };
+    return {
+        pie: {
+            easing: ease,
+            duration: durationMs
+        },
+        rose: {
+            ...configByType,
+            easing: ease,
+            duration: durationMs
+        }
+    };
+};
+const pieLoop = (config, ignoreFirstNormal)=>{
+    if (!config?.enable) return false;
+    const { loop, interval = 0 } = config;
+    let loopResult = {};
+    const startTime = ignoreFirstNormal ? 1000 * interval : 0;
+    const { effects: loopEffects = [], ease: loopEase } = loop ?? {};
+    const loopDuration = 1;
+    const loopEffect = loopEffects[0];
+    if (loopEffect === VScreenAnimationType.enlarge) loopResult = [
+        {
+            channel: {
+                outerRadius: {
+                    from: (...p)=>p[1].attribute.outerRadius,
+                    to: (...p)=>p[1].attribute.outerRadius + 10
+                }
+            },
+            startTime,
+            oneByOne: 1000 * loopDuration,
+            duration: loopDuration / 2 * 1000,
+            loop: true,
+            easing: loopEase,
+            delayAfter: loopDuration / 2 * 1000 + 1000 * interval,
+            controlOptions: {
+                immediatelyApply: false
+            }
+        },
+        {
+            channel: {
+                outerRadius: {
+                    from: (...p)=>p[1].attribute.outerRadius + 10,
+                    to: (...p)=>p[1].attribute.outerRadius
+                }
+            },
+            startTime,
+            oneByOne: 1000 * loopDuration,
+            duration: loopDuration / 2 * 1000,
+            easing: loopEase,
+            delay: loopDuration / 2 * 1000,
+            delayAfter: 1000 * interval,
+            loop: true,
+            controlOptions: {
+                immediatelyApply: false
+            }
+        }
+    ];
+    else if (loopEffect === VScreenAnimationType.relocate) {
+        const offset = 10;
+        loopResult = [
+            {
+                channel: {
+                    x: {
+                        from: (...p)=>p[1].attribute.x,
+                        to: (...p)=>{
+                            const angle = (p[1].attribute.startAngle + p[1].attribute.endAngle) / 2;
+                            return p[1].attribute.x + offset * Math.cos(angle);
+                        }
+                    },
+                    y: {
+                        from: (...p)=>p[1].attribute.y,
+                        to: (...p)=>{
+                            const angle = (p[1].attribute.startAngle + p[1].attribute.endAngle) / 2;
+                            return p[1].attribute.y + offset * Math.sin(angle);
+                        }
+                    }
+                },
+                startTime,
+                oneByOne: 1000 * loopDuration,
+                duration: loopDuration / 2 * 1000,
+                loop: true,
+                easing: loopEase,
+                delayAfter: loopDuration / 2 * 1000 + 1000 * interval,
+                controlOptions: {
+                    immediatelyApply: false
+                }
+            },
+            {
+                channel: {
+                    x: {
+                        from: (...p)=>{
+                            const angle = (p[1].attribute.startAngle + p[1].attribute.endAngle) / 2;
+                            return p[1].attribute.x + offset * Math.cos(angle);
+                        },
+                        to: (...p)=>p[1].attribute.x
+                    },
+                    y: {
+                        from: (...p)=>{
+                            const angle = (p[1].attribute.startAngle + p[1].attribute.endAngle) / 2;
+                            return p[1].attribute.y + offset * Math.sin(angle);
+                        },
+                        to: (...p)=>p[1].attribute.y
+                    }
+                },
+                startTime,
+                oneByOne: 1000 * loopDuration,
+                duration: loopDuration / 2 * 1000,
+                easing: loopEase,
+                delay: loopDuration / 2 * 1000,
+                delayAfter: 1000 * interval,
+                loop: true,
+                controlOptions: {
+                    immediatelyApply: false
+                }
+            }
+        ];
+    }
+    return {
+        pie: loopResult,
+        rose: loopResult
+    };
+};
+const pieExit = ()=>false;
+export { pieAppear, pieEnter, pieExit, pieLoop, pieUpdate };
+
+//# sourceMappingURL=pie.js.map

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"}