@visactor/vseed 0.5.1 → 0.5.3

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

@@ -39,7 +39,7 @@ const barLoop = (config, ignoreFirstNormal, chartType, spec)=>{
     if (loopEffect === VScreenAnimationType.highLight && loop) {
         const groupDuration = 0.7;
         const stopDuration = 0.85;
-        loopDuration = groupDuration * getGroupCountFromSpec(spec).groupCount + stopDuration;
+        loopDuration = loop.duration ?? groupDuration * getGroupCountFromSpec(spec).groupCount + stopDuration;
         result.push(...groupHighLightBar(startTime, loop, loopDuration, interval, atmosphereDuration, isHorizontalBar(chartType), spec));
     } else if (loop) result.push({
         ...getLoopResult(loopEffect, chartType, spec),

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

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/animation/bar.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/animation/bar.ts"],"sourcesContent":["import { StreamLight } from '@visactor/vchart'\nimport type { BarLikeAppearConfig, BarLikeLoopConfig, BarLikeUpdateConfig } from './types'\nimport { VScreenAnimationType } from './types'\nimport { allowAnimation, getPrimaryEffect, toMs } from './utils'\nimport {\n  fadeInBar,\n  getGroupCountFromSpec,\n  getLoopResult,\n  groupHighLightBar,\n  growBar,\n  isHorizontalBar,\n  moveInBar,\n  moveOutBar,\n  transform2VChartColor,\n} from './utils/bar'\n\n/**\n * 柱图/条形图 入场动画\n * 动画类型:\n * 1. growth: 生长动画\n * 效果：横向柱使用宽度增长, 纵向柱使用高度增长。\n * 编排逻辑：仅作用于 bar mark, 使用 appear 的 easing 和 duration。\n * 2. load: 加载动画\n * 效果：使用逐个淡入, 让柱子按图元顺序出现。\n * 编排逻辑：仅作用于 bar mark, 使用 appear 的 easing 和 duration。\n * 3. 其他: 默认入场动画\n * 效果：不指定额外动画 type, 交给 VChart 默认入场补间。\n * 编排逻辑：仅保留 easing 和 duration。\n */\nexport const barAppear = (config: BarLikeAppearConfig | undefined, chartType: string) => {\n  if (!allowAnimation(config)) return false\n  const effect = getPrimaryEffect(config)\n  const configByType =\n    effect === VScreenAnimationType.growth\n      ? growBar(chartType)\n      : effect === VScreenAnimationType.load\n        ? fadeInBar()\n        : {}\n  return { bar: { ...configByType, easing: config?.ease, duration: toMs(config?.duration ?? 1) } }\n}\n\n/**\n * 柱图/条形图 更新动画\n * 动画类型:\n * 1. moveIn: 移入动画\n * 效果：update 阶段沿柱图方向从画布外移入。\n * 编排逻辑：复用移入方向, 但不再补随机 dataKey, 只作用于 bar mark。\n * 2. 其他: 默认更新动画\n * 效果：使用 VChart 默认更新补间。\n * 编排逻辑：只保留 easing 和 duration, 不影响轴、标签等其他组件。\n */\nexport const barUpdate = (config: BarLikeUpdateConfig | undefined, chartType: string, spec?: any) => {\n  if (!allowAnimation(config)) return false\n  const effect = getPrimaryEffect(config)\n  const configByType = effect === VScreenAnimationType.moveIn ? moveInBar(chartType, spec, true) : {}\n  return { bar: { ...configByType, easing: config?.ease, duration: toMs(config?.duration ?? 1) } }\n}\n\n/**\n * 柱图/条形图 循环动画\n * 动画类型:\n * 1. highLight: 分组高亮动画\n * 效果：按类目分组依次切换高亮填充和描边。\n * 编排逻辑：startTime = appear 存在 ? interval : 0, loopDuration = groupDuration * groupCount + stopDuration, 一轮结束后等待 interval。\n * 2. growth/moveIn/load: mark 循环动画\n * 效果：复用对应的柱图 mark 动画。\n * 编排逻辑：先执行 loopDuration, 再等待 interval + atmosphereDuration 后重复。\n * 3. atmosphere: 流光氛围动画\n * 效果：使用 StreamLight 在柱子上形成流光。\n * 编排逻辑：延迟 loopDuration 后启动, 持续 atmosphereDuration, 一轮结束后等待 interval。\n */\nexport const barLoop = (\n  config: BarLikeLoopConfig | undefined,\n  ignoreFirstNormal: boolean,\n  chartType: string,\n  spec?: any,\n) => {\n  if (!config?.enable) return false\n  const interval = config.interval ?? 0\n  const startTime = ignoreFirstNormal ? toMs(interval) : 0\n  const loop = config.loop\n  const atmosphere = config.atmosphere\n  const loopEffect = getPrimaryEffect(loop)\n  const result: any[] = []\n  let loopDuration = loopEffect === VScreenAnimationType.none ? 0 : 1\n  const atmosphereDuration = loopEffect === VScreenAnimationType.none ? 2 : 1\n\n  if (loopEffect === VScreenAnimationType.highLight && loop) {\n    const groupDuration = 0.7\n    const stopDuration = 0.85\n    loopDuration = groupDuration * getGroupCountFromSpec(spec).groupCount + stopDuration\n    result.push(\n      ...groupHighLightBar(\n        startTime,\n        loop,\n        loopDuration,\n        interval,\n        atmosphereDuration,\n        isHorizontalBar(chartType),\n        spec,\n      ),\n    )\n  } else if (loop) {\n    result.push({\n      ...getLoopResult(loopEffect, chartType, spec),\n      startTime,\n      easing: loop.ease,\n      duration: toMs(loopDuration),\n      delayAfter: toMs(interval + atmosphereDuration),\n      loop: true,\n      controlOptions: { immediatelyApply: false },\n    })\n  }\n\n  if (atmosphere?.ease || atmosphere?.color) {\n    result.push({\n      loop: true,\n      startTime,\n      delay: toMs(loopDuration),\n      delayAfter: toMs(interval),\n      duration: toMs(atmosphereDuration),\n      easing: atmosphere.ease,\n      custom: StreamLight,\n      customParameters: {\n        isHorizontal: isHorizontalBar(chartType),\n        attribute: {\n          fill: transform2VChartColor(atmosphere.color),\n          blur: 0,\n          shadowColor: 'rgba(0,0,0,0)',\n        },\n      },\n    })\n  }\n\n  return result.length > 0 ? { bar: result } : false\n}\n\n/**\n * 柱图/条形图 离场动画\n * 动画类型:\n * 1. moveIn: 反向移出动画\n * 效果：沿柱图进入方向反向移出画布。\n * 编排逻辑：只有 update 效果为 moveIn 时才补充 moveOut。\n * 2. 其他: 默认离场动画\n * 效果：不配置自定义 exit。\n * 编排逻辑：返回空配置, 由 VChart 默认行为处理。\n */\nexport const barExit = (config: BarLikeUpdateConfig | undefined, chartType: string) => {\n  if (!allowAnimation(config)) return false\n  if (getPrimaryEffect(config) !== VScreenAnimationType.moveIn) return {}\n  return { bar: { ...moveOutBar(chartType), duration: 1000 } }\n}\n"],"names":["barAppear","config","chartType","allowAnimation","effect","getPrimaryEffect","configByType","VScreenAnimationType","growBar","fadeInBar","toMs","barUpdate","spec","moveInBar","barLoop","ignoreFirstNormal","interval","startTime","loop","atmosphere","loopEffect","result","loopDuration","atmosphereDuration","groupDuration","stopDuration","getGroupCountFromSpec","groupHighLightBar","isHorizontalBar","getLoopResult","StreamLight","transform2VChartColor","barExit","moveOutBar"],"mappings":";;;;AA6BO,MAAMA,YAAY,CAACC,QAAyCC;IACjE,IAAI,CAACC,eAAeF,SAAS,OAAO;IACpC,MAAMG,SAASC,iBAAiBJ;IAChC,MAAMK,eACJF,WAAWG,qBAAqB,MAAM,GAClCC,QAAQN,aACRE,WAAWG,qBAAqB,IAAI,GAClCE,cACA,CAAC;IACT,OAAO;QAAE,KAAK;YAAE,GAAGH,YAAY;YAAE,QAAQL,QAAQ;YAAM,UAAUS,KAAKT,QAAQ,YAAY;QAAG;IAAE;AACjG;AAYO,MAAMU,YAAY,CAACV,QAAyCC,WAAmBU;IACpF,IAAI,CAACT,eAAeF,SAAS,OAAO;IACpC,MAAMG,SAASC,iBAAiBJ;IAChC,MAAMK,eAAeF,WAAWG,qBAAqB,MAAM,GAAGM,UAAUX,WAAWU,MAAM,QAAQ,CAAC;IAClG,OAAO;QAAE,KAAK;YAAE,GAAGN,YAAY;YAAE,QAAQL,QAAQ;YAAM,UAAUS,KAAKT,QAAQ,YAAY;QAAG;IAAE;AACjG;AAeO,MAAMa,UAAU,CACrBb,QACAc,mBACAb,WACAU;IAEA,IAAI,CAACX,QAAQ,QAAQ,OAAO;IAC5B,MAAMe,WAAWf,OAAO,QAAQ,IAAI;IACpC,MAAMgB,YAAYF,oBAAoBL,KAAKM,YAAY;IACvD,MAAME,OAAOjB,OAAO,IAAI;IACxB,MAAMkB,aAAalB,OAAO,UAAU;IACpC,MAAMmB,aAAaf,iBAAiBa;IACpC,MAAMG,SAAgB,EAAE;IACxB,IAAIC,eAAeF,eAAeb,qBAAqB,IAAI,GAAG,IAAI;IAClE,MAAMgB,qBAAqBH,eAAeb,qBAAqB,IAAI,GAAG,IAAI;IAE1E,IAAIa,eAAeb,qBAAqB,SAAS,IAAIW,MAAM;QACzD,MAAMM,gBAAgB;QACtB,MAAMC,eAAe;QACrBH,eAAeE,gBAAgBE,sBAAsBd,MAAM,UAAU,GAAGa;QACxEJ,OAAO,IAAI,IACNM,kBACDV,WACAC,MACAI,cACAN,UACAO,oBACAK,gBAAgB1B,YAChBU;IAGN,OAAO,IAAIM,MACTG,OAAO,IAAI,CAAC;QACV,GAAGQ,cAAcT,YAAYlB,WAAWU,KAAK;QAC7CK;QACA,QAAQC,KAAK,IAAI;QACjB,UAAUR,KAAKY;QACf,YAAYZ,KAAKM,WAAWO;QAC5B,MAAM;QACN,gBAAgB;YAAE,kBAAkB;QAAM;IAC5C;IAGF,IAAIJ,YAAY,QAAQA,YAAY,OAClCE,OAAO,IAAI,CAAC;QACV,MAAM;QACNJ;QACA,OAAOP,KAAKY;QACZ,YAAYZ,KAAKM;QACjB,UAAUN,KAAKa;QACf,QAAQJ,WAAW,IAAI;QACvB,QAAQW;QACR,kBAAkB;YAChB,cAAcF,gBAAgB1B;YAC9B,WAAW;gBACT,MAAM6B,sBAAsBZ,WAAW,KAAK;gBAC5C,MAAM;gBACN,aAAa;YACf;QACF;IACF;IAGF,OAAOE,OAAO,MAAM,GAAG,IAAI;QAAE,KAAKA;IAAO,IAAI;AAC/C;AAYO,MAAMW,UAAU,CAAC/B,QAAyCC;IAC/D,IAAI,CAACC,eAAeF,SAAS,OAAO;IACpC,IAAII,iBAAiBJ,YAAYM,qBAAqB,MAAM,EAAE,OAAO,CAAC;IACtE,OAAO;QAAE,KAAK;YAAE,GAAG0B,WAAW/B,UAAU;YAAE,UAAU;QAAK;IAAE;AAC7D"}
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/bar.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/animation/bar.ts"],"sourcesContent":["import { StreamLight } from '@visactor/vchart'\nimport type { BarLikeAppearConfig, BarLikeLoopConfig, BarLikeUpdateConfig } from './types'\nimport { VScreenAnimationType } from './types'\nimport { allowAnimation, getPrimaryEffect, toMs } from './utils'\nimport {\n  fadeInBar,\n  getGroupCountFromSpec,\n  getLoopResult,\n  groupHighLightBar,\n  growBar,\n  isHorizontalBar,\n  moveInBar,\n  moveOutBar,\n  transform2VChartColor,\n} from './utils/bar'\n\n/**\n * 柱图/条形图 入场动画\n * 动画类型:\n * 1. growth: 生长动画\n * 效果：横向柱使用宽度增长, 纵向柱使用高度增长。\n * 编排逻辑：仅作用于 bar mark, 使用 appear 的 easing 和 duration。\n * 2. load: 加载动画\n * 效果：使用逐个淡入, 让柱子按图元顺序出现。\n * 编排逻辑：仅作用于 bar mark, 使用 appear 的 easing 和 duration。\n * 3. 其他: 默认入场动画\n * 效果：不指定额外动画 type, 交给 VChart 默认入场补间。\n * 编排逻辑：仅保留 easing 和 duration。\n */\nexport const barAppear = (config: BarLikeAppearConfig | undefined, chartType: string) => {\n  if (!allowAnimation(config)) return false\n  const effect = getPrimaryEffect(config)\n  const configByType =\n    effect === VScreenAnimationType.growth\n      ? growBar(chartType)\n      : effect === VScreenAnimationType.load\n        ? fadeInBar()\n        : {}\n  return { bar: { ...configByType, easing: config?.ease, duration: toMs(config?.duration ?? 1) } }\n}\n\n/**\n * 柱图/条形图 更新动画\n * 动画类型:\n * 1. moveIn: 移入动画\n * 效果：update 阶段沿柱图方向从画布外移入。\n * 编排逻辑：复用移入方向, 但不再补随机 dataKey, 只作用于 bar mark。\n * 2. 其他: 默认更新动画\n * 效果：使用 VChart 默认更新补间。\n * 编排逻辑：只保留 easing 和 duration, 不影响轴、标签等其他组件。\n */\nexport const barUpdate = (config: BarLikeUpdateConfig | undefined, chartType: string, spec?: any) => {\n  if (!allowAnimation(config)) return false\n  const effect = getPrimaryEffect(config)\n  const configByType = effect === VScreenAnimationType.moveIn ? moveInBar(chartType, spec, true) : {}\n  return { bar: { ...configByType, easing: config?.ease, duration: toMs(config?.duration ?? 1) } }\n}\n\n/**\n * 柱图/条形图 循环动画\n * 动画类型:\n * 1. highLight: 分组高亮动画\n * 效果：按类目分组依次切换高亮填充和描边。\n * 编排逻辑：startTime = appear 存在 ? interval : 0, loopDuration = groupDuration * groupCount + stopDuration, 一轮结束后等待 interval。\n * 2. growth/moveIn/load: mark 循环动画\n * 效果：复用对应的柱图 mark 动画。\n * 编排逻辑：先执行 loopDuration, 再等待 interval + atmosphereDuration 后重复。\n * 3. atmosphere: 流光氛围动画\n * 效果：使用 StreamLight 在柱子上形成流光。\n * 编排逻辑：延迟 loopDuration 后启动, 持续 atmosphereDuration, 一轮结束后等待 interval。\n */\nexport const barLoop = (\n  config: BarLikeLoopConfig | undefined,\n  ignoreFirstNormal: boolean,\n  chartType: string,\n  spec?: any,\n) => {\n  if (!config?.enable) return false\n  const interval = config.interval ?? 0\n  const startTime = ignoreFirstNormal ? toMs(interval) : 0\n  const loop = config.loop\n  const atmosphere = config.atmosphere\n  const loopEffect = getPrimaryEffect(loop)\n  const result: any[] = []\n  let loopDuration = loopEffect === VScreenAnimationType.none ? 0 : 1\n  const atmosphereDuration = loopEffect === VScreenAnimationType.none ? 2 : 1\n\n  if (loopEffect === VScreenAnimationType.highLight && loop) {\n    const groupDuration = 0.7\n    const stopDuration = 0.85\n    loopDuration = loop.duration ?? groupDuration * getGroupCountFromSpec(spec).groupCount + stopDuration\n    result.push(\n      ...groupHighLightBar(\n        startTime,\n        loop,\n        loopDuration,\n        interval,\n        atmosphereDuration,\n        isHorizontalBar(chartType),\n        spec,\n      ),\n    )\n  } else if (loop) {\n    result.push({\n      ...getLoopResult(loopEffect, chartType, spec),\n      startTime,\n      easing: loop.ease,\n      duration: toMs(loopDuration),\n      delayAfter: toMs(interval + atmosphereDuration),\n      loop: true,\n      controlOptions: { immediatelyApply: false },\n    })\n  }\n\n  if (atmosphere?.ease || atmosphere?.color) {\n    result.push({\n      loop: true,\n      startTime,\n      delay: toMs(loopDuration),\n      delayAfter: toMs(interval),\n      duration: toMs(atmosphereDuration),\n      easing: atmosphere.ease,\n      custom: StreamLight,\n      customParameters: {\n        isHorizontal: isHorizontalBar(chartType),\n        attribute: {\n          fill: transform2VChartColor(atmosphere.color),\n          blur: 0,\n          shadowColor: 'rgba(0,0,0,0)',\n        },\n      },\n    })\n  }\n\n  return result.length > 0 ? { bar: result } : false\n}\n\n/**\n * 柱图/条形图 离场动画\n * 动画类型:\n * 1. moveIn: 反向移出动画\n * 效果：沿柱图进入方向反向移出画布。\n * 编排逻辑：只有 update 效果为 moveIn 时才补充 moveOut。\n * 2. 其他: 默认离场动画\n * 效果：不配置自定义 exit。\n * 编排逻辑：返回空配置, 由 VChart 默认行为处理。\n */\nexport const barExit = (config: BarLikeUpdateConfig | undefined, chartType: string) => {\n  if (!allowAnimation(config)) return false\n  if (getPrimaryEffect(config) !== VScreenAnimationType.moveIn) return {}\n  return { bar: { ...moveOutBar(chartType), duration: 1000 } }\n}\n"],"names":["barAppear","config","chartType","allowAnimation","effect","getPrimaryEffect","configByType","VScreenAnimationType","growBar","fadeInBar","toMs","barUpdate","spec","moveInBar","barLoop","ignoreFirstNormal","interval","startTime","loop","atmosphere","loopEffect","result","loopDuration","atmosphereDuration","groupDuration","stopDuration","getGroupCountFromSpec","groupHighLightBar","isHorizontalBar","getLoopResult","StreamLight","transform2VChartColor","barExit","moveOutBar"],"mappings":";;;;AA6BO,MAAMA,YAAY,CAACC,QAAyCC;IACjE,IAAI,CAACC,eAAeF,SAAS,OAAO;IACpC,MAAMG,SAASC,iBAAiBJ;IAChC,MAAMK,eACJF,WAAWG,qBAAqB,MAAM,GAClCC,QAAQN,aACRE,WAAWG,qBAAqB,IAAI,GAClCE,cACA,CAAC;IACT,OAAO;QAAE,KAAK;YAAE,GAAGH,YAAY;YAAE,QAAQL,QAAQ;YAAM,UAAUS,KAAKT,QAAQ,YAAY;QAAG;IAAE;AACjG;AAYO,MAAMU,YAAY,CAACV,QAAyCC,WAAmBU;IACpF,IAAI,CAACT,eAAeF,SAAS,OAAO;IACpC,MAAMG,SAASC,iBAAiBJ;IAChC,MAAMK,eAAeF,WAAWG,qBAAqB,MAAM,GAAGM,UAAUX,WAAWU,MAAM,QAAQ,CAAC;IAClG,OAAO;QAAE,KAAK;YAAE,GAAGN,YAAY;YAAE,QAAQL,QAAQ;YAAM,UAAUS,KAAKT,QAAQ,YAAY;QAAG;IAAE;AACjG;AAeO,MAAMa,UAAU,CACrBb,QACAc,mBACAb,WACAU;IAEA,IAAI,CAACX,QAAQ,QAAQ,OAAO;IAC5B,MAAMe,WAAWf,OAAO,QAAQ,IAAI;IACpC,MAAMgB,YAAYF,oBAAoBL,KAAKM,YAAY;IACvD,MAAME,OAAOjB,OAAO,IAAI;IACxB,MAAMkB,aAAalB,OAAO,UAAU;IACpC,MAAMmB,aAAaf,iBAAiBa;IACpC,MAAMG,SAAgB,EAAE;IACxB,IAAIC,eAAeF,eAAeb,qBAAqB,IAAI,GAAG,IAAI;IAClE,MAAMgB,qBAAqBH,eAAeb,qBAAqB,IAAI,GAAG,IAAI;IAE1E,IAAIa,eAAeb,qBAAqB,SAAS,IAAIW,MAAM;QACzD,MAAMM,gBAAgB;QACtB,MAAMC,eAAe;QACrBH,eAAeJ,KAAK,QAAQ,IAAIM,gBAAgBE,sBAAsBd,MAAM,UAAU,GAAGa;QACzFJ,OAAO,IAAI,IACNM,kBACDV,WACAC,MACAI,cACAN,UACAO,oBACAK,gBAAgB1B,YAChBU;IAGN,OAAO,IAAIM,MACTG,OAAO,IAAI,CAAC;QACV,GAAGQ,cAAcT,YAAYlB,WAAWU,KAAK;QAC7CK;QACA,QAAQC,KAAK,IAAI;QACjB,UAAUR,KAAKY;QACf,YAAYZ,KAAKM,WAAWO;QAC5B,MAAM;QACN,gBAAgB;YAAE,kBAAkB;QAAM;IAC5C;IAGF,IAAIJ,YAAY,QAAQA,YAAY,OAClCE,OAAO,IAAI,CAAC;QACV,MAAM;QACNJ;QACA,OAAOP,KAAKY;QACZ,YAAYZ,KAAKM;QACjB,UAAUN,KAAKa;QACf,QAAQJ,WAAW,IAAI;QACvB,QAAQW;QACR,kBAAkB;YAChB,cAAcF,gBAAgB1B;YAC9B,WAAW;gBACT,MAAM6B,sBAAsBZ,WAAW,KAAK;gBAC5C,MAAM;gBACN,aAAa;YACf;QACF;IACF;IAGF,OAAOE,OAAO,MAAM,GAAG,IAAI;QAAE,KAAKA;IAAO,IAAI;AAC/C;AAYO,MAAMW,UAAU,CAAC/B,QAAyCC;IAC/D,IAAI,CAACC,eAAeF,SAAS,OAAO;IACpC,IAAII,iBAAiBJ,YAAYM,qBAAqB,MAAM,EAAE,OAAO,CAAC;IACtE,OAAO;QAAE,KAAK;YAAE,GAAG0B,WAAW/B,UAAU;YAAE,UAAU;QAAK;IAAE;AAC7D"}

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

@@ -142,6 +142,7 @@ export declare const lineOrAreaLoop: (config: LineAreaLoopConfig | undefined, ig
     })[];
     point: ({
         channel?: undefined;
+        custom?: undefined;
         loop: boolean;
         startTime: number;
         delayAfter: number;
@@ -161,6 +162,7 @@ export declare const lineOrAreaLoop: (config: LineAreaLoopConfig | undefined, ig
             strokeOpacity?: undefined;
             outerBorder?: undefined;
         };
+        custom?: undefined;
         loop: boolean;
         startTime: number;
         delayAfter: number;
@@ -180,6 +182,7 @@ export declare const lineOrAreaLoop: (config: LineAreaLoopConfig | undefined, ig
             scaleY?: undefined;
             outerBorder?: undefined;
         };
+        custom?: undefined;
         loop: boolean;
         startTime: number;
         delayAfter: number;
@@ -203,6 +206,7 @@ export declare const lineOrAreaLoop: (config: LineAreaLoopConfig | undefined, ig
             fillOpacity?: undefined;
             strokeOpacity?: undefined;
         };
+        custom: (ratio: number, from: any, to: any, out: any, graphic: any) => void;
         loop: boolean;
         startTime: number;
         delayAfter: number;

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

@@ -30,6 +30,7 @@ export declare const radarLoop: (config: RadarLoopConfig | undefined, ignoreFirs
             immediatelyApply: boolean;
         };
         channel?: undefined;
+        custom?: undefined;
         loop: boolean;
         startTime: number;
         delayAfter: number;
@@ -52,6 +53,7 @@ export declare const radarLoop: (config: RadarLoopConfig | undefined, ignoreFirs
             strokeOpacity?: undefined;
             outerBorder?: undefined;
         };
+        custom?: undefined;
         loop: boolean;
         startTime: number;
         delayAfter: number;
@@ -74,6 +76,7 @@ export declare const radarLoop: (config: RadarLoopConfig | undefined, ignoreFirs
             scaleY?: undefined;
             outerBorder?: undefined;
         };
+        custom?: undefined;
         loop: boolean;
         startTime: number;
         delayAfter: number;
@@ -100,6 +103,7 @@ export declare const radarLoop: (config: RadarLoopConfig | undefined, ignoreFirs
             fillOpacity?: undefined;
             strokeOpacity?: undefined;
         };
+        custom: (ratio: number, from: any, to: any, out: any, graphic: any) => void;
         loop: boolean;
         startTime: number;
         delayAfter: number;

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

@@ -1,4 +1,5 @@
 import { type AnimationEffect, type AnimationEffectConfig } from '../types';
+export { atmospherePoint, getFinalAttribute } from './pointAtmosphere';
 export declare const EFFECT_NONE: "none";
 /**
  * @description 将秒转换为 VChart 动画使用的毫秒。
@@ -24,63 +25,3 @@ export declare const allowAnimation: (config?: AnimationEffectConfig) => boolean
  * @returns 是否允许执行折线/面积动画。
  */
 export declare const allowLineOrAreaAnimation: (config?: AnimationEffectConfig) => boolean;
-/**
- * @description 获取图元最终属性，优先读取动画后的 finalAttribute。
- * @param mark VChart 图元对象。
- * @returns 图元最终属性。
- */
-export declare const getFinalAttribute: (mark: any) => Record<string, any>;
-/**
- * @description 生成点图元氛围动画配置，复用于折线、面积、散点和雷达图。
- * @param effect 氛围动画效果。
- * @returns 点图元氛围动画配置。
- */
-export declare const atmospherePoint: (effect?: AnimationEffect) => {
-    channel?: undefined;
-} | {
-    channel: {
-        scaleX: {
-            from: number;
-            to: number;
-        };
-        scaleY: {
-            from: number;
-            to: number;
-        };
-        fillOpacity?: undefined;
-        strokeOpacity?: undefined;
-        outerBorder?: undefined;
-    };
-} | {
-    channel: {
-        fillOpacity: {
-            from: number;
-            to: number;
-        };
-        strokeOpacity: {
-            from: number;
-            to: number;
-        };
-        scaleX?: undefined;
-        scaleY?: undefined;
-        outerBorder?: undefined;
-    };
-} | {
-    channel: {
-        outerBorder: {
-            from: {
-                distance: number;
-                strokeOpacity: number;
-            };
-            to: (...args: any[]) => {
-                distance: number;
-                strokeOpacity: number;
-                stroke: any;
-            };
-        };
-        scaleX?: undefined;
-        scaleY?: undefined;
-        fillOpacity?: undefined;
-        strokeOpacity?: undefined;
-    };
-};

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

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

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

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

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

@@ -0,0 +1,65 @@
+import { type AnimationEffect } from '../types';
+/**
+ * @description 获取图元最终属性，优先读取动画后的 finalAttribute。
+ * @param mark VChart 图元对象。
+ * @returns 图元最终属性。
+ */
+export declare const getFinalAttribute: (mark: any) => Record<string, any>;
+/**
+ * @description 生成点图元氛围动画配置，复用于折线、面积、散点和雷达图。
+ * @param effect 氛围动画效果。
+ * @returns 点图元氛围动画配置。
+ */
+export declare const atmospherePoint: (effect?: AnimationEffect) => {
+    channel?: undefined;
+    custom?: undefined;
+} | {
+    channel: {
+        scaleX: {
+            from: number;
+            to: number;
+        };
+        scaleY: {
+            from: number;
+            to: number;
+        };
+        fillOpacity?: undefined;
+        strokeOpacity?: undefined;
+        outerBorder?: undefined;
+    };
+    custom?: undefined;
+} | {
+    channel: {
+        fillOpacity: {
+            from: number;
+            to: number;
+        };
+        strokeOpacity: {
+            from: number;
+            to: number;
+        };
+        scaleX?: undefined;
+        scaleY?: undefined;
+        outerBorder?: undefined;
+    };
+    custom?: 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;
+    };
+    custom: (ratio: number, from: any, to: any, out: any, graphic: any) => void;
+};

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

@@ -0,0 +1,56 @@
+import { VScreenAnimationType } from "../types.js";
+const EFFECT_NONE = VScreenAnimationType.none;
+const getFinalAttribute = (mark)=>mark?.finalAttribute ?? mark?.attribute ?? {};
+const atmospherePoint = (effect)=>{
+    if (effect === EFFECT_NONE) return {};
+    if ('breath' === effect) return {
+        channel: {
+            scaleX: {
+                from: 0.8,
+                to: 2
+            },
+            scaleY: {
+                from: 0.8,
+                to: 2
+            }
+        }
+    };
+    if ('reveal' === effect) return {
+        channel: {
+            fillOpacity: {
+                from: 0.6,
+                to: 1
+            },
+            strokeOpacity: {
+                from: 0.6,
+                to: 1
+            }
+        }
+    };
+    return {
+        channel: {
+            outerBorder: {
+                from: {
+                    distance: 0,
+                    strokeOpacity: 1
+                },
+                to: (...args)=>({
+                        distance: 16,
+                        strokeOpacity: 1e-8,
+                        stroke: args[1]?.attribute?.fill
+                    })
+            }
+        },
+        custom: (ratio, from, to, out, graphic)=>{
+            graphic.attribute.strokeOpacity = ratio * (to.strokeOpacity - from.strokeOpacity) + from.strokeOpacity;
+            graphic.attribute.outerBorder = {
+                distance: ratio * (to.outerBorder.distance - from.outerBorder.distance) + from.outerBorder.distance,
+                strokeOpacity: ratio * (to.outerBorder.strokeOpacity - from.outerBorder.strokeOpacity) + from.outerBorder.strokeOpacity,
+                stroke: to.outerBorder.stroke
+            };
+        }
+    };
+};
+export { atmospherePoint, getFinalAttribute };
+
+//# sourceMappingURL=pointAtmosphere.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/pointAtmosphere.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/pointAtmosphere.ts"],"sourcesContent":["import { VScreenAnimationType, type AnimationEffect } from '../types'\n\nconst EFFECT_NONE = VScreenAnimationType.none\n\n/**\n * @description 获取图元最终属性，优先读取动画后的 finalAttribute。\n * @param mark VChart 图元对象。\n * @returns 图元最终属性。\n */\nexport const getFinalAttribute = (mark: any): Record<string, any> => {\n  return mark?.finalAttribute ?? mark?.attribute ?? {}\n}\n\n/**\n * @description 生成点图元氛围动画配置，复用于折线、面积、散点和雷达图。\n * @param effect 氛围动画效果。\n * @returns 点图元氛围动画配置。\n */\nexport const atmospherePoint = (effect?: AnimationEffect) => {\n  if (effect === EFFECT_NONE) {\n    return {}\n  }\n  if (effect === 'breath') {\n    return {\n      channel: {\n        scaleX: {\n          from: 0.8,\n          to: 2,\n        },\n        scaleY: {\n          from: 0.8,\n          to: 2,\n        },\n      },\n    }\n  }\n  if (effect === 'reveal') {\n    return {\n      channel: {\n        fillOpacity: { from: 0.6, to: 1 },\n        strokeOpacity: { from: 0.6, to: 1 },\n      },\n    }\n  }\n  return {\n    channel: {\n      outerBorder: {\n        from: { distance: 0, strokeOpacity: 1 },\n        // 波纹描边沿用图元填充色，避免自定义配色下出现突兀色值。\n        to: (...args: any[]) => ({\n          distance: 16,\n          strokeOpacity: 1e-8,\n          stroke: args[1]?.attribute?.fill,\n        }),\n      },\n    },\n    custom: (ratio: number, from: any, to: any, out: any, graphic: any) => {\n      graphic.attribute.strokeOpacity = ratio * (to.strokeOpacity - from.strokeOpacity) + from.strokeOpacity\n      graphic.attribute.outerBorder = {\n        distance: ratio * (to.outerBorder.distance - from.outerBorder.distance) + from.outerBorder.distance,\n        strokeOpacity:\n          ratio * (to.outerBorder.strokeOpacity - from.outerBorder.strokeOpacity) + from.outerBorder.strokeOpacity,\n        stroke: to.outerBorder.stroke,\n      }\n    },\n  }\n}\n"],"names":["EFFECT_NONE","VScreenAnimationType","getFinalAttribute","mark","atmospherePoint","effect","args","ratio","from","to","out","graphic"],"mappings":";AAEA,MAAMA,cAAcC,qBAAqB,IAAI;AAOtC,MAAMC,oBAAoB,CAACC,OACzBA,MAAM,kBAAkBA,MAAM,aAAa,CAAC;AAQ9C,MAAMC,kBAAkB,CAACC;IAC9B,IAAIA,WAAWL,aACb,OAAO,CAAC;IAEV,IAAIK,AAAW,aAAXA,QACF,OAAO;QACL,SAAS;YACP,QAAQ;gBACN,MAAM;gBACN,IAAI;YACN;YACA,QAAQ;gBACN,MAAM;gBACN,IAAI;YACN;QACF;IACF;IAEF,IAAIA,AAAW,aAAXA,QACF,OAAO;QACL,SAAS;YACP,aAAa;gBAAE,MAAM;gBAAK,IAAI;YAAE;YAChC,eAAe;gBAAE,MAAM;gBAAK,IAAI;YAAE;QACpC;IACF;IAEF,OAAO;QACL,SAAS;YACP,aAAa;gBACX,MAAM;oBAAE,UAAU;oBAAG,eAAe;gBAAE;gBAEtC,IAAI,CAAC,GAAGC,OAAiB;wBACvB,UAAU;wBACV,eAAe;wBACf,QAAQA,IAAI,CAAC,EAAE,EAAE,WAAW;oBAC9B;YACF;QACF;QACA,QAAQ,CAACC,OAAeC,MAAWC,IAASC,KAAUC;YACpDA,QAAQ,SAAS,CAAC,aAAa,GAAGJ,QAASE,CAAAA,GAAG,aAAa,GAAGD,KAAK,aAAY,IAAKA,KAAK,aAAa;YACtGG,QAAQ,SAAS,CAAC,WAAW,GAAG;gBAC9B,UAAUJ,QAASE,CAAAA,GAAG,WAAW,CAAC,QAAQ,GAAGD,KAAK,WAAW,CAAC,QAAO,IAAKA,KAAK,WAAW,CAAC,QAAQ;gBACnG,eACED,QAASE,CAAAA,GAAG,WAAW,CAAC,aAAa,GAAGD,KAAK,WAAW,CAAC,aAAY,IAAKA,KAAK,WAAW,CAAC,aAAa;gBAC1G,QAAQC,GAAG,WAAW,CAAC,MAAM;YAC/B;QACF;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/stack/stackCornerRadius.js

@@ -1,49 +1,28 @@
-import { FoldMeasureId } from "../../../../../dataReshape/constant.js";
-const reverseStackCornerRadius = (cornerRadius)=>{
-    if (!Array.isArray(cornerRadius)) return cornerRadius;
-    const [topLeft = 0, topRight = 0, bottomRight = 0, bottomLeft = 0] = cornerRadius;
-    return [
-        bottomRight,
-        bottomLeft,
-        topLeft,
-        topRight
-    ];
-};
-const mergeStackCornerRadius = (cornerRadius)=>{
-    if (!Array.isArray(cornerRadius)) return cornerRadius;
-    const [topLeft = 0, topRight = 0, bottomRight = 0, bottomLeft = 0] = cornerRadius;
-    return [
-        Math.max(topLeft, bottomRight),
-        Math.max(topRight, bottomLeft),
-        Math.max(bottomRight, topLeft),
-        Math.max(bottomLeft, topRight)
-    ];
-};
-const getStackRangeCornerRadius = (cornerRadius, datum)=>{
-    const stackStart = datum?.['__VCHART_STACK_START'];
-    const stackEnd = datum?.['__VCHART_STACK_END'];
-    if ('number' != typeof stackStart || 'number' != typeof stackEnd) return;
-    const hasPositivePart = stackStart > 0 || stackEnd > 0;
-    const hasNegativePart = stackStart < 0 || stackEnd < 0;
-    if (hasPositivePart && hasNegativePart) return mergeStackCornerRadius(cornerRadius);
-    if (hasPositivePart) return cornerRadius;
-    if (hasNegativePart) return reverseStackCornerRadius(cornerRadius);
-    return 0;
-};
+import { createStackCornerRadius, hasMoveInAnimation } from "./stackCornerRadiusUtils.js";
+const hasBarMoveInAnimation = (spec)=>[
+        spec.animationAppear,
+        spec.animationNormal,
+        spec.animationEnter,
+        spec.animationUpdate
+    ].some(hasMoveInAnimation);
 const stackCornerRadius_stackCornerRadius = (spec, context)=>{
     const { advancedVSeed, vseed } = context;
     const { chartType } = vseed;
     const stackCornerRadius = advancedVSeed.config?.[chartType]?.stackCornerRadius;
     if ('dualAxis' === chartType && 'bar' !== spec.type) return spec;
+    const stackCornerRadiusCallback = createStackCornerRadius(stackCornerRadius);
+    if (!hasBarMoveInAnimation(spec)) return {
+        ...spec,
+        stackCornerRadius: stackCornerRadiusCallback
+    };
     return {
         ...spec,
-        stackCornerRadius: (_, datum)=>{
-            const stackRangeCornerRadius = getStackRangeCornerRadius(stackCornerRadius, datum);
-            if (void 0 !== stackRangeCornerRadius) return stackRangeCornerRadius;
-            const value = datum?.[datum?.[FoldMeasureId]];
-            if (value > 0) return stackCornerRadius;
-            if (value < 0) return reverseStackCornerRadius(stackCornerRadius);
-            return 0;
+        bar: {
+            ...spec.bar,
+            style: {
+                ...spec.bar?.style,
+                cornerRadius: stackCornerRadiusCallback
+            }
         }
     };
 };

package/dist/esm/pipeline/spec/chart/pipes/stack/stackCornerRadius.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/stack/stackCornerRadius.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/stack/stackCornerRadius.ts"],"sourcesContent":["import type { IBarChartSpec } from '@visactor/vchart'\nimport { FoldMeasureId } from 'src/dataReshape/constant'\nimport type { Datum, VChartSpecPipe, StackCornerRadius } from 'src/types'\n\nconst reverseStackCornerRadius = (cornerRadius: StackCornerRadius): StackCornerRadius => {\n  if (!Array.isArray(cornerRadius)) {\n    return cornerRadius\n  }\n\n  const [topLeft = 0, topRight = 0, bottomRight = 0, bottomLeft = 0] = cornerRadius\n\n  return [bottomRight, bottomLeft, topLeft, topRight]\n}\n\nconst mergeStackCornerRadius = (cornerRadius: StackCornerRadius): StackCornerRadius => {\n  if (!Array.isArray(cornerRadius)) {\n    return cornerRadius\n  }\n\n  const [topLeft = 0, topRight = 0, bottomRight = 0, bottomLeft = 0] = cornerRadius\n\n  return [\n    Math.max(topLeft, bottomRight),\n    Math.max(topRight, bottomLeft),\n    Math.max(bottomRight, topLeft),\n    Math.max(bottomLeft, topRight),\n  ]\n}\n\nconst getStackRangeCornerRadius = (\n  cornerRadius: StackCornerRadius,\n  datum: Datum,\n): StackCornerRadius | 0 | undefined => {\n  const stackStart = datum?.['__VCHART_STACK_START']\n  const stackEnd = datum?.['__VCHART_STACK_END']\n\n  if (typeof stackStart !== 'number' || typeof stackEnd !== 'number') {\n    return undefined\n  }\n\n  const hasPositivePart = stackStart > 0 || stackEnd > 0\n  const hasNegativePart = stackStart < 0 || stackEnd < 0\n\n  if (hasPositivePart && hasNegativePart) {\n    // Mixed positive/negative stack range: merge normal/reverse corners for whole-bar style.\n    return mergeStackCornerRadius(cornerRadius)\n  }\n\n  if (hasPositivePart) {\n    return cornerRadius\n  }\n\n  if (hasNegativePart) {\n    return reverseStackCornerRadius(cornerRadius)\n  }\n\n  return 0\n}\n\nexport const stackCornerRadius: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed, vseed } = context\n  const { chartType } = vseed\n  const stackCornerRadius = advancedVSeed.config?.[chartType as 'column']?.stackCornerRadius as StackCornerRadius\n\n  if (chartType === 'dualAxis' && (spec as any).type !== 'bar') {\n    return spec\n  }\n\n  return {\n    ...spec,\n    stackCornerRadius: (_: unknown, datum: Datum) => {\n      const stackRangeCornerRadius = getStackRangeCornerRadius(stackCornerRadius, datum)\n\n      if (stackRangeCornerRadius !== undefined) {\n        return stackRangeCornerRadius\n      }\n\n      const value = datum?.[datum?.[FoldMeasureId]]\n\n      if (value > 0) {\n        return stackCornerRadius\n      }\n\n      if (value < 0) {\n        return reverseStackCornerRadius(stackCornerRadius)\n      }\n\n      return 0\n    },\n  } as IBarChartSpec\n}\n"],"names":["reverseStackCornerRadius","cornerRadius","Array","topLeft","topRight","bottomRight","bottomLeft","mergeStackCornerRadius","Math","getStackRangeCornerRadius","datum","stackStart","stackEnd","hasPositivePart","hasNegativePart","stackCornerRadius","spec","context","advancedVSeed","vseed","chartType","_","stackRangeCornerRadius","undefined","value","FoldMeasureId"],"mappings":";AAIA,MAAMA,2BAA2B,CAACC;IAChC,IAAI,CAACC,MAAM,OAAO,CAACD,eACjB,OAAOA;IAGT,MAAM,CAACE,UAAU,CAAC,EAAEC,WAAW,CAAC,EAAEC,cAAc,CAAC,EAAEC,aAAa,CAAC,CAAC,GAAGL;IAErE,OAAO;QAACI;QAAaC;QAAYH;QAASC;KAAS;AACrD;AAEA,MAAMG,yBAAyB,CAACN;IAC9B,IAAI,CAACC,MAAM,OAAO,CAACD,eACjB,OAAOA;IAGT,MAAM,CAACE,UAAU,CAAC,EAAEC,WAAW,CAAC,EAAEC,cAAc,CAAC,EAAEC,aAAa,CAAC,CAAC,GAAGL;IAErE,OAAO;QACLO,KAAK,GAAG,CAACL,SAASE;QAClBG,KAAK,GAAG,CAACJ,UAAUE;QACnBE,KAAK,GAAG,CAACH,aAAaF;QACtBK,KAAK,GAAG,CAACF,YAAYF;KACtB;AACH;AAEA,MAAMK,4BAA4B,CAChCR,cACAS;IAEA,MAAMC,aAAaD,OAAO,CAAC,uBAAuB;IAClD,MAAME,WAAWF,OAAO,CAAC,qBAAqB;IAE9C,IAAI,AAAsB,YAAtB,OAAOC,cAA2B,AAAoB,YAApB,OAAOC,UAC3C;IAGF,MAAMC,kBAAkBF,aAAa,KAAKC,WAAW;IACrD,MAAME,kBAAkBH,aAAa,KAAKC,WAAW;IAErD,IAAIC,mBAAmBC,iBAErB,OAAOP,uBAAuBN;IAGhC,IAAIY,iBACF,OAAOZ;IAGT,IAAIa,iBACF,OAAOd,yBAAyBC;IAGlC,OAAO;AACT;AAEO,MAAMc,sCAAoC,CAACC,MAAMC;IACtD,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAE,GAAGF;IACjC,MAAM,EAAEG,SAAS,EAAE,GAAGD;IACtB,MAAMJ,oBAAoBG,cAAc,MAAM,EAAE,CAACE,UAAsB,EAAE;IAEzE,IAAIA,AAAc,eAAdA,aAA6BJ,AAAsB,UAAtBA,KAAa,IAAI,EAChD,OAAOA;IAGT,OAAO;QACL,GAAGA,IAAI;QACP,mBAAmB,CAACK,GAAYX;YAC9B,MAAMY,yBAAyBb,0BAA0BM,mBAAmBL;YAE5E,IAAIY,AAA2BC,WAA3BD,wBACF,OAAOA;YAGT,MAAME,QAAQd,OAAO,CAACA,OAAO,CAACe,cAAc,CAAC;YAE7C,IAAID,QAAQ,GACV,OAAOT;YAGT,IAAIS,QAAQ,GACV,OAAOxB,yBAAyBe;YAGlC,OAAO;QACT;IACF;AACF"}
+{"version":3,"file":"pipeline/spec/chart/pipes/stack/stackCornerRadius.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/stack/stackCornerRadius.ts"],"sourcesContent":["import type { IBarChartSpec } from '@visactor/vchart'\nimport type { VChartSpecPipe, StackCornerRadius } from 'src/types'\nimport { createStackCornerRadius, hasMoveInAnimation } from './stackCornerRadiusUtils'\n\nconst hasBarMoveInAnimation = (spec: IBarChartSpec): boolean => {\n  return [spec.animationAppear, spec.animationNormal, spec.animationEnter, spec.animationUpdate].some(\n    hasMoveInAnimation,\n  )\n}\n\nexport const stackCornerRadius: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed, vseed } = context\n  const { chartType } = vseed\n  const stackCornerRadius = advancedVSeed.config?.[chartType as 'column']?.stackCornerRadius as StackCornerRadius\n\n  if (chartType === 'dualAxis' && (spec as any).type !== 'bar') {\n    return spec\n  }\n\n  const stackCornerRadiusCallback = createStackCornerRadius(stackCornerRadius)\n\n  if (!hasBarMoveInAnimation(spec as IBarChartSpec)) {\n    return { ...spec, stackCornerRadius: stackCornerRadiusCallback } as IBarChartSpec\n  }\n\n  // VChart implements stackCornerRadius with a final-position clipPath, which clips moveIn.\n  return {\n    ...spec,\n    bar: {\n      ...(spec as IBarChartSpec).bar,\n      style: {\n        ...(spec as IBarChartSpec).bar?.style,\n        cornerRadius: stackCornerRadiusCallback,\n      },\n    },\n  } as IBarChartSpec\n}\n"],"names":["hasBarMoveInAnimation","spec","hasMoveInAnimation","stackCornerRadius","context","advancedVSeed","vseed","chartType","stackCornerRadiusCallback","createStackCornerRadius"],"mappings":";AAIA,MAAMA,wBAAwB,CAACC,OACtB;QAACA,KAAK,eAAe;QAAEA,KAAK,eAAe;QAAEA,KAAK,cAAc;QAAEA,KAAK,eAAe;KAAC,CAAC,IAAI,CACjGC;AAIG,MAAMC,sCAAoC,CAACF,MAAMG;IACtD,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAE,GAAGF;IACjC,MAAM,EAAEG,SAAS,EAAE,GAAGD;IACtB,MAAMH,oBAAoBE,cAAc,MAAM,EAAE,CAACE,UAAsB,EAAE;IAEzE,IAAIA,AAAc,eAAdA,aAA6BN,AAAsB,UAAtBA,KAAa,IAAI,EAChD,OAAOA;IAGT,MAAMO,4BAA4BC,wBAAwBN;IAE1D,IAAI,CAACH,sBAAsBC,OACzB,OAAO;QAAE,GAAGA,IAAI;QAAE,mBAAmBO;IAA0B;IAIjE,OAAO;QACL,GAAGP,IAAI;QACP,KAAK;YACH,GAAIA,KAAuB,GAAG;YAC9B,OAAO;gBACL,GAAIA,KAAuB,GAAG,EAAE,KAAK;gBACrC,cAAcO;YAChB;QACF;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/stack/stackCornerRadiusUtils.d.ts

@@ -0,0 +1,4 @@
+import type { Datum, StackCornerRadius } from '../../../../../types';
+export type StackCornerRadiusCallback = (_: unknown, datum: Datum) => StackCornerRadius | 0;
+export declare const createStackCornerRadius: (cornerRadius: StackCornerRadius) => StackCornerRadiusCallback;
+export declare const hasMoveInAnimation: (animation: unknown) => boolean;

package/dist/esm/pipeline/spec/chart/pipes/stack/stackCornerRadiusUtils.js

@@ -0,0 +1,50 @@
+import { FoldMeasureId } from "../../../../../dataReshape/constant.js";
+const reverseStackCornerRadius = (cornerRadius)=>{
+    if (!Array.isArray(cornerRadius)) return cornerRadius;
+    const [topLeft = 0, topRight = 0, bottomRight = 0, bottomLeft = 0] = cornerRadius;
+    return [
+        bottomRight,
+        bottomLeft,
+        topLeft,
+        topRight
+    ];
+};
+const mergeStackCornerRadius = (cornerRadius)=>{
+    if (!Array.isArray(cornerRadius)) return cornerRadius;
+    const [topLeft = 0, topRight = 0, bottomRight = 0, bottomLeft = 0] = cornerRadius;
+    return [
+        Math.max(topLeft, bottomRight),
+        Math.max(topRight, bottomLeft),
+        Math.max(bottomRight, topLeft),
+        Math.max(bottomLeft, topRight)
+    ];
+};
+const getStackRangeCornerRadius = (cornerRadius, datum)=>{
+    const stackStart = datum?.['__VCHART_STACK_START'];
+    const stackEnd = datum?.['__VCHART_STACK_END'];
+    if ('number' != typeof stackStart || 'number' != typeof stackEnd) return;
+    const hasPositivePart = stackStart > 0 || stackEnd > 0;
+    const hasNegativePart = stackStart < 0 || stackEnd < 0;
+    if (hasPositivePart && hasNegativePart) return mergeStackCornerRadius(cornerRadius);
+    if (hasPositivePart) return cornerRadius;
+    if (hasNegativePart) return reverseStackCornerRadius(cornerRadius);
+    return 0;
+};
+const createStackCornerRadius = (cornerRadius)=>(_, datum)=>{
+        const stackRangeCornerRadius = getStackRangeCornerRadius(cornerRadius, datum);
+        if (void 0 !== stackRangeCornerRadius) return stackRangeCornerRadius;
+        const value = datum?.[datum?.[FoldMeasureId]];
+        if (value > 0) return cornerRadius;
+        if (value < 0) return reverseStackCornerRadius(cornerRadius);
+        return 0;
+    };
+const hasMoveInAnimation = (animation)=>{
+    if (!animation) return false;
+    if (Array.isArray(animation)) return animation.some(hasMoveInAnimation);
+    if ('object' != typeof animation) return false;
+    const animationRecord = animation;
+    return 'moveIn' === animationRecord.type || Object.values(animationRecord).some(hasMoveInAnimation);
+};
+export { createStackCornerRadius, hasMoveInAnimation };
+
+//# sourceMappingURL=stackCornerRadiusUtils.js.map

package/dist/esm/pipeline/spec/chart/pipes/stack/stackCornerRadiusUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/stack/stackCornerRadiusUtils.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/stack/stackCornerRadiusUtils.ts"],"sourcesContent":["import { FoldMeasureId } from 'src/dataReshape/constant'\nimport type { Datum, StackCornerRadius } from 'src/types'\n\nexport type StackCornerRadiusCallback = (_: unknown, datum: Datum) => StackCornerRadius | 0\n\nconst reverseStackCornerRadius = (cornerRadius: StackCornerRadius): StackCornerRadius => {\n  if (!Array.isArray(cornerRadius)) {\n    return cornerRadius\n  }\n\n  const [topLeft = 0, topRight = 0, bottomRight = 0, bottomLeft = 0] = cornerRadius\n\n  return [bottomRight, bottomLeft, topLeft, topRight]\n}\n\nconst mergeStackCornerRadius = (cornerRadius: StackCornerRadius): StackCornerRadius => {\n  if (!Array.isArray(cornerRadius)) {\n    return cornerRadius\n  }\n\n  const [topLeft = 0, topRight = 0, bottomRight = 0, bottomLeft = 0] = cornerRadius\n\n  return [\n    Math.max(topLeft, bottomRight),\n    Math.max(topRight, bottomLeft),\n    Math.max(bottomRight, topLeft),\n    Math.max(bottomLeft, topRight),\n  ]\n}\n\nconst getStackRangeCornerRadius = (\n  cornerRadius: StackCornerRadius,\n  datum: Datum,\n): StackCornerRadius | 0 | undefined => {\n  const stackStart = datum?.['__VCHART_STACK_START']\n  const stackEnd = datum?.['__VCHART_STACK_END']\n\n  if (typeof stackStart !== 'number' || typeof stackEnd !== 'number') {\n    return undefined\n  }\n\n  const hasPositivePart = stackStart > 0 || stackEnd > 0\n  const hasNegativePart = stackStart < 0 || stackEnd < 0\n\n  if (hasPositivePart && hasNegativePart) {\n    return mergeStackCornerRadius(cornerRadius)\n  }\n\n  if (hasPositivePart) {\n    return cornerRadius\n  }\n\n  if (hasNegativePart) {\n    return reverseStackCornerRadius(cornerRadius)\n  }\n\n  return 0\n}\n\nexport const createStackCornerRadius = (cornerRadius: StackCornerRadius): StackCornerRadiusCallback => {\n  return (_: unknown, datum: Datum) => {\n    const stackRangeCornerRadius = getStackRangeCornerRadius(cornerRadius, datum)\n\n    if (stackRangeCornerRadius !== undefined) {\n      return stackRangeCornerRadius\n    }\n\n    const value = datum?.[datum?.[FoldMeasureId]]\n\n    if (value > 0) {\n      return cornerRadius\n    }\n\n    if (value < 0) {\n      return reverseStackCornerRadius(cornerRadius)\n    }\n\n    return 0\n  }\n}\n\nexport const hasMoveInAnimation = (animation: unknown): boolean => {\n  if (!animation) {\n    return false\n  }\n\n  if (Array.isArray(animation)) {\n    return animation.some(hasMoveInAnimation)\n  }\n\n  if (typeof animation !== 'object') {\n    return false\n  }\n\n  const animationRecord = animation as Record<string, unknown>\n\n  return animationRecord.type === 'moveIn' || Object.values(animationRecord).some(hasMoveInAnimation)\n}\n"],"names":["reverseStackCornerRadius","cornerRadius","Array","topLeft","topRight","bottomRight","bottomLeft","mergeStackCornerRadius","Math","getStackRangeCornerRadius","datum","stackStart","stackEnd","hasPositivePart","hasNegativePart","createStackCornerRadius","_","stackRangeCornerRadius","undefined","value","FoldMeasureId","hasMoveInAnimation","animation","animationRecord","Object"],"mappings":";AAKA,MAAMA,2BAA2B,CAACC;IAChC,IAAI,CAACC,MAAM,OAAO,CAACD,eACjB,OAAOA;IAGT,MAAM,CAACE,UAAU,CAAC,EAAEC,WAAW,CAAC,EAAEC,cAAc,CAAC,EAAEC,aAAa,CAAC,CAAC,GAAGL;IAErE,OAAO;QAACI;QAAaC;QAAYH;QAASC;KAAS;AACrD;AAEA,MAAMG,yBAAyB,CAACN;IAC9B,IAAI,CAACC,MAAM,OAAO,CAACD,eACjB,OAAOA;IAGT,MAAM,CAACE,UAAU,CAAC,EAAEC,WAAW,CAAC,EAAEC,cAAc,CAAC,EAAEC,aAAa,CAAC,CAAC,GAAGL;IAErE,OAAO;QACLO,KAAK,GAAG,CAACL,SAASE;QAClBG,KAAK,GAAG,CAACJ,UAAUE;QACnBE,KAAK,GAAG,CAACH,aAAaF;QACtBK,KAAK,GAAG,CAACF,YAAYF;KACtB;AACH;AAEA,MAAMK,4BAA4B,CAChCR,cACAS;IAEA,MAAMC,aAAaD,OAAO,CAAC,uBAAuB;IAClD,MAAME,WAAWF,OAAO,CAAC,qBAAqB;IAE9C,IAAI,AAAsB,YAAtB,OAAOC,cAA2B,AAAoB,YAApB,OAAOC,UAC3C;IAGF,MAAMC,kBAAkBF,aAAa,KAAKC,WAAW;IACrD,MAAME,kBAAkBH,aAAa,KAAKC,WAAW;IAErD,IAAIC,mBAAmBC,iBACrB,OAAOP,uBAAuBN;IAGhC,IAAIY,iBACF,OAAOZ;IAGT,IAAIa,iBACF,OAAOd,yBAAyBC;IAGlC,OAAO;AACT;AAEO,MAAMc,0BAA0B,CAACd,eAC/B,CAACe,GAAYN;QAClB,MAAMO,yBAAyBR,0BAA0BR,cAAcS;QAEvE,IAAIO,AAA2BC,WAA3BD,wBACF,OAAOA;QAGT,MAAME,QAAQT,OAAO,CAACA,OAAO,CAACU,cAAc,CAAC;QAE7C,IAAID,QAAQ,GACV,OAAOlB;QAGT,IAAIkB,QAAQ,GACV,OAAOnB,yBAAyBC;QAGlC,OAAO;IACT;AAGK,MAAMoB,qBAAqB,CAACC;IACjC,IAAI,CAACA,WACH,OAAO;IAGT,IAAIpB,MAAM,OAAO,CAACoB,YAChB,OAAOA,UAAU,IAAI,CAACD;IAGxB,IAAI,AAAqB,YAArB,OAAOC,WACT,OAAO;IAGT,MAAMC,kBAAkBD;IAExB,OAAOC,AAAyB,aAAzBA,gBAAgB,IAAI,IAAiBC,OAAO,MAAM,CAACD,iBAAiB,IAAI,CAACF;AAClF"}

package/dist/esm/theme/tokenTheme.d.ts

@@ -50,6 +50,8 @@ export type TokenThemeDefinition = {
     annotationTextColor?: string;
     annotationTextBackgroundColor?: string;
     annotationTextBackgroundOpacity?: number;
+    annotationAreaColor?: string;
+    annotationAreaColorOpacity?: number;
 };
 export type TokenThemeRegistry = Record<string, TokenThemeDefinition>;
 export type RegisterTokenThemeOptions = {

package/dist/esm/theme/tokenTheme.js

@@ -191,6 +191,8 @@ const getAnnotationPatch = (tokens)=>{
         },
         annotationArea: {
             textFontSize: tokens.labelFontSize,
+            areaColor: tokens.annotationAreaColor,
+            areaColorOpacity: tokens.annotationAreaColorOpacity,
             ...annotationTextPatch
         }
     };