@visactor/vseed 0.4.28 → 0.5.0

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

@@ -0,0 +1,254 @@
+import type { LineAreaAppearConfig, LineAreaLoopConfig, LineAreaUpdateConfig } from './types';
+import { StreamLight } from '@visactor/vchart';
+/**
+ * 折线图/面积图/百分比面积图 入场动画
+ * 动画类型:
+ * 1. growth: 生长动画
+ * 效果：line/area 使用路径增长, point 使用顶部移入。
+ * 编排逻辑：line、area、point 共用 appear 的 easing 和 duration。
+ * 2. load: 加载动画
+ * 效果：line/area 使用整体裁剪进入, point 不额外配置进入方式。
+ * 编排逻辑：line、area、point 共用 appear 的 easing 和 duration。
+ */
+export declare const lineOrAreaAppear: (config: LineAreaAppearConfig | undefined) => false | {
+    line: {
+        easing: string | undefined;
+        duration: number;
+    };
+    area: {
+        easing: string | undefined;
+        duration: number;
+    };
+    point: {
+        easing: string | undefined;
+        duration: number;
+    };
+};
+/**
+ * 折线图/面积图/百分比面积图 循环动画
+ * 动画类型:
+ * 1. growth/load: 线面 loop 动画
+ * 效果：line/area 执行路径增长或整体裁剪。
+ * 编排逻辑：startTime = appear 存在 ? interval : 0, 有 loop 时 loopDuration = 1s, 执行后等待 interval + atmosphereDuration。
+ * 2. atmosphere: 线面流光氛围动画
+ * 效果：line/area 使用 StreamLight 形成流光。
+ * 编排逻辑：延迟 loopDuration 后启动, 持续 atmosphereDuration, 一轮结束后等待 interval。
+ * 3. atmospherePoint: 点氛围动画
+ * 效果：point 执行 breath/reveal/ripple 等氛围效果。
+ * 编排逻辑：和整轮时间线同步, 一轮结束后等待 interval + atmosphereDuration。
+ */
+export declare const lineOrAreaLoop: (config: LineAreaLoopConfig | undefined, ignoreFirstNormal: boolean) => false | {
+    line: ({
+        loop: boolean;
+        startTime: number;
+        delay: number;
+        delayAfter: number;
+        duration: number;
+        easing: string | undefined;
+        custom: typeof StreamLight;
+        customParameters: (...args: any[]) => {
+            streamLength: number;
+            attribute: {
+                stroke: string | {
+                    gradient: string;
+                    x0: number;
+                    x1: number;
+                    y1: number;
+                    y0: number;
+                    stops: {
+                        offset: number;
+                        color: string;
+                    }[];
+                } | undefined;
+                strokeOpacity: number;
+                lineWidth: any;
+            };
+        };
+    } | {
+        startTime: number;
+        easing: string;
+        duration: number;
+        delayAfter: number;
+        loop: boolean;
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        type: string;
+        options: {
+            orient: string;
+        };
+    } | {
+        startTime: number;
+        easing: string;
+        duration: number;
+        delayAfter: number;
+        loop: boolean;
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        type: string;
+        oneByOne: boolean;
+    })[];
+    area: ({
+        loop: boolean;
+        startTime: number;
+        delay: number;
+        delayAfter: number;
+        duration: number;
+        easing: string | undefined;
+        custom: typeof StreamLight;
+        customParameters: (...args: any[]) => {
+            streamLength: number;
+            attribute: {
+                stroke: string | {
+                    gradient: string;
+                    x0: number;
+                    x1: number;
+                    y1: number;
+                    y0: number;
+                    stops: {
+                        offset: number;
+                        color: string;
+                    }[];
+                } | undefined;
+                strokeOpacity: number;
+                lineWidth: any;
+            };
+        };
+    } | {
+        startTime: number;
+        easing: string;
+        duration: number;
+        delayAfter: number;
+        loop: boolean;
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        type: string;
+        options: {
+            orient: string;
+        };
+    } | {
+        startTime: number;
+        easing: string;
+        duration: number;
+        delayAfter: number;
+        loop: boolean;
+        controlOptions: {
+            immediatelyApply: boolean;
+        };
+        type: string;
+        oneByOne: boolean;
+    })[];
+    point: ({
+        channel?: undefined;
+        loop: boolean;
+        startTime: number;
+        delayAfter: number;
+        duration: number;
+        easing: string | undefined;
+    } | {
+        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;
+    } | {
+        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;
+    } | {
+        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 默认补间覆盖数据更新、点位变化和面积路径变化。
+ * 编排逻辑：line、area、point 共用 update 的 easing 和 duration。
+ */
+export declare const lineOrAreaUpdate: (config: LineAreaUpdateConfig | undefined) => false | {
+    line: {
+        easing: string | undefined;
+        duration: number;
+    };
+    area: {
+        easing: string | undefined;
+        duration: number;
+    };
+    point: {
+        easing: string | undefined;
+        duration: number;
+    };
+};
+/**
+ * 折线图/面积图/百分比面积图 离场动画
+ * 动画类型:
+ * 1. default: 默认离场动画
+ * 效果：使用 VChart 默认补间完成 line、area、point 离场。
+ * 编排逻辑：line、area、point 共用 exit 的 easing 和 duration, 保持节奏一致。
+ */
+export declare const lineOrAreaExit: (config: LineAreaUpdateConfig | undefined) => false | {
+    line: {
+        easing: string | undefined;
+        duration: number;
+    };
+    point: {
+        easing: string | undefined;
+        duration: number;
+    };
+    area: {
+        easing: string | undefined;
+        duration: number;
+    };
+};

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

@@ -0,0 +1,138 @@
+import { VScreenAnimationType } from "./types.js";
+import { allowLineOrAreaAnimation, atmospherePoint } from "./utils/index.js";
+import { transform2VChartColor } from "./utils/bar.js";
+import { clipInLine, growthTopLine, growthTopPoint } from "./utils/lineOrArea.js";
+import { StreamLight } from "@visactor/vchart";
+const lineOrAreaAppear = (config)=>{
+    if (!config || !allowLineOrAreaAnimation(config)) return false;
+    const { effects, ease, duration } = config;
+    const effect = effects?.[0];
+    const durationMs = (duration ?? 1) * 1000;
+    let lineOrAreaConfigByType = {};
+    let pointConfigByType = {};
+    if (effect === VScreenAnimationType.growth) {
+        lineOrAreaConfigByType = growthTopLine();
+        pointConfigByType = growthTopPoint();
+    } else if (effect === VScreenAnimationType.load) lineOrAreaConfigByType = clipInLine();
+    return {
+        line: {
+            ...lineOrAreaConfigByType,
+            easing: ease,
+            duration: durationMs
+        },
+        area: {
+            ...lineOrAreaConfigByType,
+            easing: ease,
+            duration: durationMs
+        },
+        point: {
+            ...pointConfigByType,
+            easing: ease,
+            duration: durationMs
+        }
+    };
+};
+const lineOrAreaLoop = (config, ignoreFirstNormal)=>{
+    if (!config?.enable) return false;
+    const { loop, atmosphere, interval = 5 } = config;
+    const totalDuration = 2;
+    const startTime = ignoreFirstNormal ? 1000 * interval : 0;
+    const lineOrAreaResult = [];
+    const pointResult = [];
+    const { effects: loopEffects = [], ease: loopEase = 'linear' } = loop ?? {};
+    const loopEffect = loopEffects[0] ?? VScreenAnimationType.none;
+    const loopDuration = loopEffect === VScreenAnimationType.none ? 0 : totalDuration / 2;
+    const atmosphereDuration = loopEffect === VScreenAnimationType.none ? totalDuration : totalDuration / 2;
+    const timeLineConfig = {
+        startTime,
+        easing: loopEase,
+        duration: 1000 * loopDuration,
+        delayAfter: (interval + atmosphereDuration) * 1000,
+        loop: true,
+        controlOptions: {
+            immediatelyApply: false
+        }
+    };
+    if (loopEffect === VScreenAnimationType.growth) lineOrAreaResult.push({
+        ...growthTopLine(),
+        ...timeLineConfig
+    });
+    else if (loopEffect === VScreenAnimationType.load) lineOrAreaResult.push({
+        ...clipInLine(),
+        ...timeLineConfig
+    });
+    const { ease: atmosphereEase, effect: atmosphereEffect, color: atmosphereColor } = atmosphere ?? {};
+    const atmosphereLineOrAreaResult = {
+        loop: true,
+        startTime,
+        delay: 1000 * loopDuration,
+        delayAfter: 1000 * interval,
+        duration: 1000 * atmosphereDuration,
+        easing: atmosphereEase,
+        custom: StreamLight,
+        customParameters: (...args)=>({
+                streamLength: 20,
+                attribute: {
+                    stroke: transform2VChartColor(atmosphereColor),
+                    strokeOpacity: 0.8,
+                    lineWidth: args[1].attribute?.lineWidth ?? 1
+                }
+            })
+    };
+    lineOrAreaResult.push(atmosphereLineOrAreaResult);
+    const atmospherePointResult = {
+        loop: true,
+        startTime,
+        delayAfter: (interval + atmosphereDuration) * 1000,
+        duration: 1000 * atmosphereDuration,
+        easing: atmosphereEase,
+        ...atmospherePoint(atmosphereEffect)
+    };
+    pointResult.push(atmospherePointResult);
+    return {
+        line: lineOrAreaResult,
+        area: lineOrAreaResult,
+        point: pointResult
+    };
+};
+const lineOrAreaUpdate = (config)=>{
+    if (!config || !allowLineOrAreaAnimation(config)) return false;
+    const { ease, duration } = config;
+    const durationMs = (duration ?? 1) * 1000;
+    return {
+        line: {
+            easing: ease,
+            duration: durationMs
+        },
+        area: {
+            easing: ease,
+            duration: durationMs
+        },
+        point: {
+            easing: ease,
+            duration: durationMs
+        }
+    };
+};
+const lineOrAreaExit = (config)=>{
+    if (!config || !allowLineOrAreaAnimation(config)) return false;
+    const { ease, duration } = config;
+    const durationMs = (duration ?? 1) * 1000;
+    return {
+        line: {
+            easing: ease,
+            duration: durationMs
+        },
+        point: {
+            easing: ease,
+            duration: durationMs
+        },
+        area: {
+            easing: ease,
+            duration: durationMs
+        }
+    };
+};
+export { lineOrAreaAppear, lineOrAreaExit, lineOrAreaLoop, lineOrAreaUpdate };
+
+//# sourceMappingURL=lineOrArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/lineOrArea.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/animation/lineOrArea.ts"],"sourcesContent":["import type { LineAreaAppearConfig, LineAreaLoopConfig, LineAreaUpdateConfig } from './types'\nimport { VScreenAnimationType } from './types'\nimport { allowLineOrAreaAnimation, atmospherePoint } from './utils'\nimport { transform2VChartColor } from './utils/bar'\nimport { clipInLine, growthTopLine, growthTopPoint } from './utils/lineOrArea'\nimport { StreamLight } from '@visactor/vchart'\n\n/**\n * 折线图/面积图/百分比面积图 入场动画\n * 动画类型:\n * 1. growth: 生长动画\n * 效果：line/area 使用路径增长, point 使用顶部移入。\n * 编排逻辑：line、area、point 共用 appear 的 easing 和 duration。\n * 2. load: 加载动画\n * 效果：line/area 使用整体裁剪进入, point 不额外配置进入方式。\n * 编排逻辑：line、area、point 共用 appear 的 easing 和 duration。\n */\nexport const lineOrAreaAppear = (config: LineAreaAppearConfig | undefined) => {\n  if (!config || !allowLineOrAreaAnimation(config)) {\n    return false\n  }\n  const { effects, ease, duration } = config\n  const effect = effects?.[0]\n  const durationMs = (duration ?? 1) * 1000\n\n  let lineOrAreaConfigByType = {}\n  let pointConfigByType = {}\n  if (effect === VScreenAnimationType.growth) {\n    lineOrAreaConfigByType = growthTopLine()\n    pointConfigByType = growthTopPoint()\n  } else if (effect === VScreenAnimationType.load) {\n    lineOrAreaConfigByType = clipInLine()\n  }\n  return {\n    line: {\n      ...lineOrAreaConfigByType,\n      easing: ease,\n      duration: durationMs,\n    },\n    area: {\n      ...lineOrAreaConfigByType,\n      easing: ease,\n      duration: durationMs,\n    },\n    point: {\n      ...pointConfigByType,\n      easing: ease,\n      duration: durationMs,\n    },\n  }\n}\n\n/**\n * 折线图/面积图/百分比面积图 循环动画\n * 动画类型:\n * 1. growth/load: 线面 loop 动画\n * 效果：line/area 执行路径增长或整体裁剪。\n * 编排逻辑：startTime = appear 存在 ? interval : 0, 有 loop 时 loopDuration = 1s, 执行后等待 interval + atmosphereDuration。\n * 2. atmosphere: 线面流光氛围动画\n * 效果：line/area 使用 StreamLight 形成流光。\n * 编排逻辑：延迟 loopDuration 后启动, 持续 atmosphereDuration, 一轮结束后等待 interval。\n * 3. atmospherePoint: 点氛围动画\n * 效果：point 执行 breath/reveal/ripple 等氛围效果。\n * 编排逻辑：和整轮时间线同步, 一轮结束后等待 interval + atmosphereDuration。\n */\nexport const lineOrAreaLoop = (config: LineAreaLoopConfig | undefined, ignoreFirstNormal: boolean) => {\n  if (!config?.enable) {\n    return false\n  }\n  const { loop, atmosphere, interval = 5 } = config\n  const totalDuration = 2\n  // const startTime = 0\n  const startTime = ignoreFirstNormal ? interval * 1000 : 0\n  const lineOrAreaResult = []\n  const pointResult = []\n\n  // 轮播动画\n  const { effects: loopEffects = [], ease: loopEase = 'linear' } = loop ?? {}\n  const loopEffect = loopEffects[0] ?? VScreenAnimationType.none\n\n  const loopDuration = loopEffect === VScreenAnimationType.none ? 0 : totalDuration / 2\n  const atmosphereDuration = loopEffect === VScreenAnimationType.none ? totalDuration : totalDuration / 2\n\n  const timeLineConfig = {\n    startTime,\n    easing: loopEase,\n    duration: loopDuration * 1000,\n    delayAfter: (interval + atmosphereDuration) * 1000,\n    loop: true,\n    controlOptions: {\n      immediatelyApply: false,\n    },\n  }\n  if (loopEffect === VScreenAnimationType.growth) {\n    lineOrAreaResult.push({\n      ...growthTopLine(),\n      ...timeLineConfig,\n    })\n  } else if (loopEffect === VScreenAnimationType.load) {\n    lineOrAreaResult.push({\n      ...clipInLine(),\n      ...timeLineConfig,\n    })\n  }\n  // point loop动画只能在appear中生效\n\n  // 氛围动画\n  const { ease: atmosphereEase, effect: atmosphereEffect, color: atmosphereColor } = atmosphere ?? {}\n\n  const atmosphereLineOrAreaResult = {\n    loop: true,\n    startTime,\n    delay: loopDuration * 1000,\n    delayAfter: interval * 1000,\n    duration: atmosphereDuration * 1000,\n    easing: atmosphereEase,\n    custom: StreamLight,\n    customParameters: (...args: any[]) => {\n      return {\n        streamLength: 20,\n        attribute: {\n          stroke: transform2VChartColor(atmosphereColor),\n          strokeOpacity: 0.8,\n          lineWidth: args[1].attribute?.lineWidth ?? 1,\n        },\n      }\n    },\n  }\n  lineOrAreaResult.push(atmosphereLineOrAreaResult)\n\n  // 虽然是氛围动画, 但时机跟随折线loop动画\n  const atmospherePointResult = {\n    loop: true,\n    startTime,\n    delayAfter: (interval + atmosphereDuration) * 1000,\n    duration: atmosphereDuration * 1000,\n    easing: atmosphereEase,\n    ...atmospherePoint(atmosphereEffect),\n  }\n\n  pointResult.push(atmospherePointResult)\n\n  return {\n    line: lineOrAreaResult,\n    area: lineOrAreaResult,\n    point: pointResult,\n  }\n}\n\n/**\n * 折线图/面积图/百分比面积图 更新动画\n * 动画类型:\n * 1. default: 默认更新动画\n * 效果：使用 VChart 默认补间覆盖数据更新、点位变化和面积路径变化。\n * 编排逻辑：line、area、point 共用 update 的 easing 和 duration。\n */\nexport const lineOrAreaUpdate = (config: LineAreaUpdateConfig | undefined) => {\n  if (!config || !allowLineOrAreaAnimation(config)) {\n    return false\n  }\n  const { ease, duration } = config\n  const durationMs = (duration ?? 1) * 1000\n\n  // 用图表库默认的补间效果\n  return {\n    line: {\n      easing: ease,\n      duration: durationMs,\n    },\n    area: {\n      easing: ease,\n      duration: durationMs,\n    },\n    point: {\n      easing: ease,\n      duration: durationMs,\n    },\n  }\n}\n\n/**\n * 折线图/面积图/百分比面积图 离场动画\n * 动画类型:\n * 1. default: 默认离场动画\n * 效果：使用 VChart 默认补间完成 line、area、point 离场。\n * 编排逻辑：line、area、point 共用 exit 的 easing 和 duration, 保持节奏一致。\n */\nexport const lineOrAreaExit = (config: LineAreaUpdateConfig | undefined) => {\n  if (!config || !allowLineOrAreaAnimation(config)) {\n    return false\n  }\n  const { ease, duration } = config\n  const durationMs = (duration ?? 1) * 1000\n  return {\n    line: {\n      easing: ease,\n      duration: durationMs,\n    },\n    point: {\n      easing: ease,\n      duration: durationMs,\n    },\n    area: {\n      easing: ease,\n      duration: durationMs,\n    },\n  }\n}\n"],"names":["lineOrAreaAppear","config","allowLineOrAreaAnimation","effects","ease","duration","effect","durationMs","lineOrAreaConfigByType","pointConfigByType","VScreenAnimationType","growthTopLine","growthTopPoint","clipInLine","lineOrAreaLoop","ignoreFirstNormal","loop","atmosphere","interval","totalDuration","startTime","lineOrAreaResult","pointResult","loopEffects","loopEase","loopEffect","loopDuration","atmosphereDuration","timeLineConfig","atmosphereEase","atmosphereEffect","atmosphereColor","atmosphereLineOrAreaResult","StreamLight","args","transform2VChartColor","atmospherePointResult","atmospherePoint","lineOrAreaUpdate","lineOrAreaExit"],"mappings":"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"}

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

@@ -0,0 +1,71 @@
+import { type PieLikeAppearConfig, type PieLikeLoopConfig, type PieLikeUpdateConfig } from './types';
+/**
+ * 饼图/环图/玫瑰图 入场动画
+ * 动画类型:
+ * 1. radial: 角度展开动画
+ * 效果：pie/rose 按扇区角度展开。
+ * 编排逻辑：pie/rose 同步使用 growAngleIn, rose 额外补 preset = growAngle。
+ * 2. scale: 半径展开动画
+ * 效果：pie/rose 按半径从内向外展开。
+ * 编排逻辑：pie/rose 同步使用 growRadiusIn, 共用 appear 的 easing 和 duration。
+ */
+export declare const pieAppear: (config: PieLikeAppearConfig | undefined, chartType: string) => any;
+/**
+ * 饼图/环图/玫瑰图 更新动画
+ * 动画类型:
+ * 1. default: 默认更新动画
+ * 效果：pie/rose 使用 VChart 默认补间。
+ * 编排逻辑：不指定角度或半径动画, 避免和 normal 阶段的通道动画冲突。
+ */
+export declare const pieUpdate: (config: PieLikeUpdateConfig | undefined) => false | {
+    pie: {
+        easing: string | undefined;
+        duration: number;
+    };
+    rose: {
+        easing: string | undefined;
+        duration: number;
+    };
+};
+/**
+ * 饼图/环图/玫瑰图 新数据进入动画
+ * 动画类型:
+ * 1. default: 默认 enter 动画
+ * 效果：新数据使用 VChart 默认 enter 补间。
+ * 编排逻辑：pie/rose 共用 update 的 easing 和 duration。
+ * 2. enlarge + rose: 淡入 enter 动画
+ * 效果：rose 新数据使用 fadeIn。
+ * 编排逻辑：当 normal 的 loop 效果为 enlarge 时启用, 避免 enter 和 enlarge 同时争用 outerRadius 通道。
+ */
+export declare const pieEnter: (config: PieLikeUpdateConfig | undefined, atmosphereConfig: PieLikeLoopConfig | undefined) => false | {
+    pie: {
+        easing: string | undefined;
+        duration: number;
+    };
+    rose: {
+        easing: string | undefined;
+        duration: number;
+    };
+};
+/**
+ * 饼图/环图/玫瑰图 循环动画
+ * 动画类型:
+ * 1. enlarge: 半径放大动画
+ * 效果：扇区 outerRadius 放大 10px 后恢复。
+ * 编排逻辑：startTime = appear 存在 ? interval : 0, 前半段放大, 后半段恢复, oneByOne 错峰执行。
+ * 2. relocate: 扇区偏移动画
+ * 效果：扇区沿中心角方向向外偏移后恢复。
+ * 编排逻辑：前半段计算 x/y 偏移, 后半段回到原始 x/y, 一轮结束后等待 interval。
+ */
+export declare const pieLoop: (config: PieLikeLoopConfig | undefined, ignoreFirstNormal: boolean) => false | {
+    pie: {};
+    rose: {};
+};
+/**
+ * 饼图/环图/玫瑰图 离场动画
+ * 动画类型:
+ * 1. none: 无离场动画
+ * 效果：不配置自定义 exit。
+ * 编排逻辑：返回 false, 关闭该阶段动画配置。
+ */
+export declare const pieExit: () => boolean;

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