@visactor/vseed 0.4.28 → 0.5.1

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

@@ -0,0 +1,72 @@
+import { ChartTypeEnum } from "../../../../../utils/index.js";
+const horizontalTypes = [
+    ChartTypeEnum.Bar,
+    ChartTypeEnum.BarParallel,
+    ChartTypeEnum.BarPercent
+];
+const isHorizontalBar = (chartType)=>horizontalTypes.includes(chartType);
+const getBarGrowOptions = (isHorizontal)=>(_datum, _element, _opt, context)=>{
+        const overall = context.vchart.getChart().getComponentsByType('cartesianAxis-linear')[0]._scale.range()[0];
+        return isHorizontal ? {
+            overall
+        } : {
+            orient: 'negative',
+            overall
+        };
+    };
+const growBar = (chartType)=>{
+    const isHorizontal = isHorizontalBar(chartType);
+    return {
+        type: isHorizontal ? 'growWidthIn' : 'growHeightIn',
+        oneByOne: false,
+        options: getBarGrowOptions(isHorizontal),
+        controlOptions: {
+            immediatelyApply: true
+        }
+    };
+};
+const fadeInBar = ()=>({
+        type: 'fadeIn',
+        oneByOne: true
+    });
+const setRandomDataKey = (spec)=>{
+    if (!spec?.data?.[0]?.values) return;
+    const dataKey = 'dataKey';
+    spec.data[0].values.forEach((datum)=>datum[dataKey] = Math.random());
+    spec.dataKey = dataKey;
+    if ('common' === spec.type && Array.isArray(spec.series)) spec.series.forEach((series)=>series.dataKey = dataKey);
+};
+const getBarMoveOptions = (chartType, orient)=>{
+    const direction = isHorizontalBar(chartType) ? 'y' : 'x';
+    const size = 'x' === direction ? 'width' : 'height';
+    const offsetSign = 'in' === orient ? 1 : -1;
+    return {
+        direction,
+        orient: 'negative',
+        point: (_datum, element, opt)=>({
+                [direction]: element.getGraphicAttribute(direction) + offsetSign * opt[size]
+            })
+    };
+};
+const moveInBar = (chartType, spec, isUpdate = false)=>{
+    if (!isUpdate && spec) setRandomDataKey(spec);
+    const excludeChannels = isHorizontalBar(chartType) ? [
+        'x'
+    ] : [
+        'y'
+    ];
+    return {
+        type: 'moveIn',
+        options: {
+            ...getBarMoveOptions(chartType, 'in'),
+            excludeChannels
+        }
+    };
+};
+const moveOutBar = (chartType)=>({
+        type: 'moveOut',
+        options: getBarMoveOptions(chartType, 'out')
+    });
+export { fadeInBar, growBar, isHorizontalBar, moveInBar, moveOutBar };
+
+//# sourceMappingURL=barMotion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/barMotion.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/barMotion.ts"],"sourcesContent":["import { ChartTypeEnum } from 'src/pipeline/utils'\n\nconst horizontalTypes = [ChartTypeEnum.Bar, ChartTypeEnum.BarParallel, ChartTypeEnum.BarPercent]\n\n/**\n * @description 判断当前柱图类型是否为横向柱图。\n * @param chartType 图表类型。\n * @returns 是否为横向柱图。\n */\nexport const isHorizontalBar = (chartType: string): boolean => horizontalTypes.includes(chartType as any)\n\n/**\n * @description 生成柱图增长动画的 options，横向按宽度增长，纵向按高度反向增长。\n * @param isHorizontal 是否为横向柱图。\n * @returns 柱图增长动画 options 生成函数。\n */\nconst getBarGrowOptions = (isHorizontal: boolean) => (_datum: any, _element: any, _opt: any, context: any) => {\n  const overall = context.vchart.getChart().getComponentsByType('cartesianAxis-linear')[0]._scale.range()[0]\n  return isHorizontal ? { overall } : { orient: 'negative', overall }\n}\n\n/**\n * @description 生成柱图增长入场动画配置。\n * @param chartType 图表类型。\n * @returns 柱图增长入场动画配置。\n */\nexport const growBar = (chartType: string) => {\n  const isHorizontal = isHorizontalBar(chartType)\n  return {\n    type: isHorizontal ? 'growWidthIn' : 'growHeightIn',\n    oneByOne: false,\n    options: getBarGrowOptions(isHorizontal),\n    controlOptions: { immediatelyApply: true },\n  }\n}\n\n/**\n * @description 生成柱图逐个淡入的动画配置。\n * @returns 柱图淡入动画配置。\n */\nexport const fadeInBar = () => ({ type: 'fadeIn', oneByOne: true })\n\n/**\n * @description 为柱图数据补充随机 dataKey，确保每根柱子按独立图元执行动画。\n * @param spec 当前 VChart spec。\n * @returns 无返回值，直接修改 spec。\n */\nconst setRandomDataKey = (spec: any) => {\n  if (!spec?.data?.[0]?.values) return\n  const dataKey = 'dataKey'\n  spec.data[0].values.forEach((datum: any) => (datum[dataKey] = Math.random()))\n  spec.dataKey = dataKey\n  if (spec.type === 'common' && Array.isArray(spec.series)) {\n    spec.series.forEach((series: any) => (series.dataKey = dataKey))\n  }\n}\n\n/**\n * @description 生成柱图移入/移出的方向、位移点和通道配置。\n * @param chartType 图表类型。\n * @param orient 移动方向，in 表示移入，out 表示移出。\n * @returns 柱图移动动画 options。\n */\nconst getBarMoveOptions = (chartType: string, orient: 'in' | 'out') => {\n  const direction = isHorizontalBar(chartType) ? 'y' : 'x'\n  const size = direction === 'x' ? 'width' : 'height'\n  const offsetSign = orient === 'in' ? 1 : -1\n\n  return {\n    direction,\n    orient: 'negative',\n    point: (_datum: any, element: any, opt: any) => ({\n      [direction]: element.getGraphicAttribute(direction) + offsetSign * opt[size],\n    }),\n  }\n}\n\n/**\n * @description 生成柱图从画布外移入的动画配置。\n * @param chartType 图表类型。\n * @param spec 当前 VChart spec。\n * @param isUpdate 是否为 update 阶段动画。\n * @returns 柱图移入动画配置。\n */\nexport const moveInBar = (chartType: string, spec?: any, isUpdate = false) => {\n  if (!isUpdate && spec) setRandomDataKey(spec)\n  const excludeChannels = isHorizontalBar(chartType) ? ['x'] : ['y']\n  return { type: 'moveIn', options: { ...getBarMoveOptions(chartType, 'in'), excludeChannels } }\n}\n\n/**\n * @description 生成柱图移出画布的动画配置。\n * @param chartType 图表类型。\n * @returns 柱图移出动画配置。\n */\nexport const moveOutBar = (chartType: string) => ({ type: 'moveOut', options: getBarMoveOptions(chartType, 'out') })\n"],"names":["horizontalTypes","ChartTypeEnum","isHorizontalBar","chartType","getBarGrowOptions","isHorizontal","_datum","_element","_opt","context","overall","growBar","fadeInBar","setRandomDataKey","spec","dataKey","datum","Math","Array","series","getBarMoveOptions","orient","direction","size","offsetSign","element","opt","moveInBar","isUpdate","excludeChannels","moveOutBar"],"mappings":";AAEA,MAAMA,kBAAkB;IAACC,cAAc,GAAG;IAAEA,cAAc,WAAW;IAAEA,cAAc,UAAU;CAAC;AAOzF,MAAMC,kBAAkB,CAACC,YAA+BH,gBAAgB,QAAQ,CAACG;AAOxF,MAAMC,oBAAoB,CAACC,eAA0B,CAACC,QAAaC,UAAeC,MAAWC;QAC3F,MAAMC,UAAUD,QAAQ,MAAM,CAAC,QAAQ,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE;QAC1G,OAAOJ,eAAe;YAAEK;QAAQ,IAAI;YAAE,QAAQ;YAAYA;QAAQ;IACpE;AAOO,MAAMC,UAAU,CAACR;IACtB,MAAME,eAAeH,gBAAgBC;IACrC,OAAO;QACL,MAAME,eAAe,gBAAgB;QACrC,UAAU;QACV,SAASD,kBAAkBC;QAC3B,gBAAgB;YAAE,kBAAkB;QAAK;IAC3C;AACF;AAMO,MAAMO,YAAY,IAAO;QAAE,MAAM;QAAU,UAAU;IAAK;AAOjE,MAAMC,mBAAmB,CAACC;IACxB,IAAI,CAACA,MAAM,MAAM,CAAC,EAAE,EAAE,QAAQ;IAC9B,MAAMC,UAAU;IAChBD,KAAK,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAACE,QAAgBA,KAAK,CAACD,QAAQ,GAAGE,KAAK,MAAM;IACzEH,KAAK,OAAO,GAAGC;IACf,IAAID,AAAc,aAAdA,KAAK,IAAI,IAAiBI,MAAM,OAAO,CAACJ,KAAK,MAAM,GACrDA,KAAK,MAAM,CAAC,OAAO,CAAC,CAACK,SAAiBA,OAAO,OAAO,GAAGJ;AAE3D;AAQA,MAAMK,oBAAoB,CAACjB,WAAmBkB;IAC5C,MAAMC,YAAYpB,gBAAgBC,aAAa,MAAM;IACrD,MAAMoB,OAAOD,AAAc,QAAdA,YAAoB,UAAU;IAC3C,MAAME,aAAaH,AAAW,SAAXA,SAAkB,IAAI;IAEzC,OAAO;QACLC;QACA,QAAQ;QACR,OAAO,CAAChB,QAAamB,SAAcC,MAAc;gBAC/C,CAACJ,UAAU,EAAEG,QAAQ,mBAAmB,CAACH,aAAaE,aAAaE,GAAG,CAACH,KAAK;YAC9E;IACF;AACF;AASO,MAAMI,YAAY,CAACxB,WAAmBW,MAAYc,WAAW,KAAK;IACvE,IAAI,CAACA,YAAYd,MAAMD,iBAAiBC;IACxC,MAAMe,kBAAkB3B,gBAAgBC,aAAa;QAAC;KAAI,GAAG;QAAC;KAAI;IAClE,OAAO;QAAE,MAAM;QAAU,SAAS;YAAE,GAAGiB,kBAAkBjB,WAAW,KAAK;YAAE0B;QAAgB;IAAE;AAC/F;AAOO,MAAMC,aAAa,CAAC3B,YAAuB;QAAE,MAAM;QAAW,SAASiB,kBAAkBjB,WAAW;IAAO"}

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

@@ -0,0 +1,86 @@
+import { type AnimationEffect, type AnimationEffectConfig } from '../types';
+export declare const EFFECT_NONE: "none";
+/**
+ * @description 将秒转换为 VChart 动画使用的毫秒。
+ * @param seconds 秒数。
+ * @returns 毫秒数。
+ */
+export declare const toMs: (seconds?: number) => number;
+/**
+ * @description 获取配置中的首个动画效果；未配置时返回 none。
+ * @param config 动画效果配置。
+ * @returns 首个动画效果。
+ */
+export declare const getPrimaryEffect: (config?: AnimationEffectConfig) => AnimationEffect;
+/**
+ * @description 判断通用动画配置是否开启且首个效果不是 none。
+ * @param config 动画效果配置。
+ * @returns 是否允许执行动画。
+ */
+export declare const allowAnimation: (config?: AnimationEffectConfig) => boolean;
+/**
+ * @description 判断折线/面积动画是否开启；这类图表以最后一个效果作为有效性判断。
+ * @param config 动画效果配置。
+ * @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

@@ -0,0 +1,60 @@
+import { VScreenAnimationType } from "../types.js";
+const EFFECT_NONE = VScreenAnimationType.none;
+const toMs = (seconds)=>(seconds ?? 0) * 1000;
+const getPrimaryEffect = (config)=>config?.effects?.[0] ?? EFFECT_NONE;
+const allowAnimation = (config)=>{
+    if (!config?.enable) return false;
+    return getPrimaryEffect(config) !== EFFECT_NONE;
+};
+const allowLineOrAreaAnimation = (config)=>{
+    if (!config?.enable) return false;
+    const effects = config.effects ?? [];
+    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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,29 @@
+/**
+ * @description 生成折线/面积路径从顶部增长进入的动画配置。
+ * @returns 折线/面积路径增长动画配置。
+ */
+export declare const growthTopLine: () => {
+    type: string;
+    options: {
+        orient: string;
+    };
+};
+/**
+ * @description 生成折线/面积点图元从顶部移入的动画配置。
+ * @returns 折线/面积点图元移入动画配置。
+ */
+export declare const growthTopPoint: () => {
+    type: string;
+    options: {
+        direction: string;
+        orient: string;
+    };
+};
+/**
+ * @description 生成曲线整体裁剪进入的动画配置，用于 load 效果。
+ * @returns 曲线整体裁剪进入的动画配置。
+ */
+export declare const clipInLine: () => {
+    type: string;
+    oneByOne: boolean;
+};

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

@@ -0,0 +1,20 @@
+const growthTopLine = ()=>({
+        type: 'growPointsYIn',
+        options: {
+            orient: 'negative'
+        }
+    });
+const growthTopPoint = ()=>({
+        type: 'moveIn',
+        options: {
+            direction: 'y',
+            orient: 'negative'
+        }
+    });
+const clipInLine = ()=>({
+        type: 'clipIn',
+        oneByOne: false
+    });
+export { clipInLine, growthTopLine, growthTopPoint };
+
+//# sourceMappingURL=lineOrArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/lineOrArea.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/lineOrArea.ts"],"sourcesContent":["/**\n * @description 生成折线/面积路径从顶部增长进入的动画配置。\n * @returns 折线/面积路径增长动画配置。\n */\nexport const growthTopLine = () => ({ type: 'growPointsYIn', options: { orient: 'negative' } })\n\n/**\n * @description 生成折线/面积点图元从顶部移入的动画配置。\n * @returns 折线/面积点图元移入动画配置。\n */\nexport const growthTopPoint = () => ({ type: 'moveIn', options: { direction: 'y', orient: 'negative' } })\n\n/**\n * @description 生成曲线整体裁剪进入的动画配置，用于 load 效果。\n * @returns 曲线整体裁剪进入的动画配置。\n */\nexport const clipInLine = () => ({ type: 'clipIn', oneByOne: false })\n"],"names":["growthTopLine","growthTopPoint","clipInLine"],"mappings":"AAIO,MAAMA,gBAAgB,IAAO;QAAE,MAAM;QAAiB,SAAS;YAAE,QAAQ;QAAW;IAAE;AAMtF,MAAMC,iBAAiB,IAAO;QAAE,MAAM;QAAU,SAAS;YAAE,WAAW;YAAK,QAAQ;QAAW;IAAE;AAMhG,MAAMC,aAAa,IAAO;QAAE,MAAM;QAAU,UAAU;IAAM"}

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

@@ -0,0 +1,14 @@
+/**
+ * @description 生成饼图/玫瑰图按角度展开的入场动画配置。
+ * @returns 饼图/玫瑰图角度展开动画配置。
+ */
+export declare const radialPie: () => {
+    type: string;
+};
+/**
+ * @description 生成饼图/玫瑰图按半径展开的入场动画配置。
+ * @returns 饼图/玫瑰图半径展开动画配置。
+ */
+export declare const scalePie: () => {
+    type: string;
+};

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

@@ -0,0 +1,9 @@
+const radialPie = ()=>({
+        type: 'growAngleIn'
+    });
+const scalePie = ()=>({
+        type: 'growRadiusIn'
+    });
+export { radialPie, scalePie };
+
+//# sourceMappingURL=pie.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/pie.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/pie.ts"],"sourcesContent":["/**\n * @description 生成饼图/玫瑰图按角度展开的入场动画配置。\n * @returns 饼图/玫瑰图角度展开动画配置。\n */\nexport const radialPie = () => ({ type: 'growAngleIn' })\n\n/**\n * @description 生成饼图/玫瑰图按半径展开的入场动画配置。\n * @returns 饼图/玫瑰图半径展开动画配置。\n */\nexport const scalePie = () => ({ type: 'growRadiusIn' })\n"],"names":["radialPie","scalePie"],"mappings":"AAIO,MAAMA,YAAY,IAAO;QAAE,MAAM;IAAc;AAM/C,MAAMC,WAAW,IAAO;QAAE,MAAM;IAAe"}

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

@@ -0,0 +1,69 @@
+/**
+ * @description 生成散点飞入动画，同时恢复透明度和尺寸。
+ * @param duration 动画总时长，单位毫秒。
+ * @param easing 缓动函数名称。
+ * @param loop 是否循环播放。
+ * @param startTime 循环时间线起始时间，单位毫秒。
+ * @param delayAfter 单次动画结束后的等待时间，单位毫秒。
+ * @returns 散点飞入动画配置。
+ */
+export declare const flyInScatter: (duration: number, easing?: string, loop?: boolean, startTime?: number, delayAfter?: number) => ({
+    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;
+})[];
+/**
+ * @description 生成散点缩放进入动画，保持点中心不变并从 0 过渡到最终尺寸。
+ * @param duration 动画时长，单位毫秒。
+ * @param easing 缓动函数名称。
+ * @param loop 是否循环播放。
+ * @param startTime 循环时间线起始时间，单位毫秒。
+ * @param delayAfter 单次动画结束后的等待时间，单位毫秒。
+ * @returns 散点缩放动画配置。
+ */
+export declare const scaleInScatter: (duration: number, easing?: string, loop?: boolean, startTime?: number, delayAfter?: number) => {
+    loop: boolean;
+    startTime: number;
+    duration: number;
+    easing: string | undefined;
+    delayAfter: number;
+    channel: {
+        size: {
+            from: number;
+            to: (...args: any[]) => any;
+        };
+    };
+    controlOptions: {
+        immediatelyApply: boolean;
+    };
+}[];

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

@@ -0,0 +1,59 @@
+const flyInScatter = (duration, easing, loop = false, startTime = 0, delayAfter = 0)=>{
+    const half = duration / 2;
+    return [
+        {
+            loop,
+            startTime,
+            duration: half,
+            easing,
+            type: 'moveIn',
+            delayAfter,
+            options: {
+                direction: 'y',
+                orient: 'negative'
+            },
+            controlOptions: {
+                immediatelyApply: false
+            }
+        },
+        {
+            loop,
+            startTime,
+            duration: half,
+            easing,
+            delayAfter,
+            channel: {
+                fillOpacity: {
+                    from: 0.5
+                },
+                size: {
+                    from: (...args)=>args[1]?.attribute?.size
+                }
+            },
+            controlOptions: {
+                immediatelyApply: false
+            }
+        }
+    ];
+};
+const scaleInScatter = (duration, easing, loop = false, startTime = 0, delayAfter = 0)=>[
+        {
+            loop,
+            startTime,
+            duration,
+            easing,
+            delayAfter,
+            channel: {
+                size: {
+                    from: 0,
+                    to: (...args)=>args[1]?.attribute?.size
+                }
+            },
+            controlOptions: {
+                immediatelyApply: false
+            }
+        }
+    ];
+export { flyInScatter, scaleInScatter };
+
+//# sourceMappingURL=scatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/animation/utils/scatter.js","sources":["../../../../../../../../src/pipeline/spec/chart/pipes/animation/utils/scatter.ts"],"sourcesContent":["/**\n * @description 生成散点飞入动画，同时恢复透明度和尺寸。\n * @param duration 动画总时长，单位毫秒。\n * @param easing 缓动函数名称。\n * @param loop 是否循环播放。\n * @param startTime 循环时间线起始时间，单位毫秒。\n * @param delayAfter 单次动画结束后的等待时间，单位毫秒。\n * @returns 散点飞入动画配置。\n */\nexport const flyInScatter = (duration: number, easing?: string, loop = false, startTime = 0, delayAfter = 0) => {\n  const half = duration / 2\n  return [\n    {\n      loop,\n      startTime,\n      duration: half,\n      easing,\n      type: 'moveIn',\n      delayAfter,\n      options: { direction: 'y', orient: 'negative' },\n      controlOptions: { immediatelyApply: false },\n    },\n    {\n      loop,\n      startTime,\n      duration: half,\n      easing,\n      delayAfter,\n      channel: { fillOpacity: { from: 0.5 }, size: { from: (...args: any[]) => args[1]?.attribute?.size } },\n      controlOptions: { immediatelyApply: false },\n    },\n  ]\n}\n\n/**\n * @description 生成散点缩放进入动画，保持点中心不变并从 0 过渡到最终尺寸。\n * @param duration 动画时长，单位毫秒。\n * @param easing 缓动函数名称。\n * @param loop 是否循环播放。\n * @param startTime 循环时间线起始时间，单位毫秒。\n * @param delayAfter 单次动画结束后的等待时间，单位毫秒。\n * @returns 散点缩放动画配置。\n */\nexport const scaleInScatter = (duration: number, easing?: string, loop = false, startTime = 0, delayAfter = 0) => [\n  {\n    loop,\n    startTime,\n    duration,\n    easing,\n    delayAfter,\n    channel: { size: { from: 0, to: (...args: any[]) => args[1]?.attribute?.size } },\n    controlOptions: { immediatelyApply: false },\n  },\n]\n"],"names":["flyInScatter","duration","easing","loop","startTime","delayAfter","half","args","scaleInScatter"],"mappings":"AASO,MAAMA,eAAe,CAACC,UAAkBC,QAAiBC,OAAO,KAAK,EAAEC,YAAY,CAAC,EAAEC,aAAa,CAAC;IACzG,MAAMC,OAAOL,WAAW;IACxB,OAAO;QACL;YACEE;YACAC;YACA,UAAUE;YACVJ;YACA,MAAM;YACNG;YACA,SAAS;gBAAE,WAAW;gBAAK,QAAQ;YAAW;YAC9C,gBAAgB;gBAAE,kBAAkB;YAAM;QAC5C;QACA;YACEF;YACAC;YACA,UAAUE;YACVJ;YACAG;YACA,SAAS;gBAAE,aAAa;oBAAE,MAAM;gBAAI;gBAAG,MAAM;oBAAE,MAAM,CAAC,GAAGE,OAAgBA,IAAI,CAAC,EAAE,EAAE,WAAW;gBAAK;YAAE;YACpG,gBAAgB;gBAAE,kBAAkB;YAAM;QAC5C;KACD;AACH;AAWO,MAAMC,iBAAiB,CAACP,UAAkBC,QAAiBC,OAAO,KAAK,EAAEC,YAAY,CAAC,EAAEC,aAAa,CAAC,GAAK;QAChH;YACEF;YACAC;YACAH;YACAC;YACAG;YACA,SAAS;gBAAE,MAAM;oBAAE,MAAM;oBAAG,IAAI,CAAC,GAAGE,OAAgBA,IAAI,CAAC,EAAE,EAAE,WAAW;gBAAK;YAAE;YAC/E,gBAAgB;gBAAE,kBAAkB;YAAM;QAC5C;KACD"}

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationArea.js

@@ -24,6 +24,7 @@ const annotationArea_annotationArea = (spec, context)=>{
     const defaultTextPosition = isBarLikeChart(advancedVSeed) ? 'right' : 'top';
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
         const { selector: selectorPoint, text = '', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#191d24', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24', textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundPadding = theme?.textBackgroundPadding ?? 4, areaColor = theme?.areaColor ?? '#888888', areaColorOpacity = theme?.areaColorOpacity ?? 0.15, areaBorderColor = theme?.areaBorderColor ?? '#888888', areaBorderRadius = theme?.areaBorderRadius ?? 4, areaBorderWidth = theme?.areaBorderWidth ?? 1, areaLineDash = theme?.areaLineDash, outerPadding = theme?.outerPadding ?? 4 } = annotationArea;
+        const textBackgroundOpacity = theme?.textBackgroundOpacity;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector(datum, selectorPoint)) : [];
         const textPosition = annotationArea.textPosition ?? defaultTextPosition;
@@ -94,7 +95,6 @@ const annotationArea_annotationArea = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
-                    opacity: 0.95,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     fill: textColor,
@@ -107,7 +107,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                     visible: textBackgroundVisible,
                     padding: textBackgroundPadding,
                     style: {
-                        opacity: 0.95,
+                        opacity: textBackgroundOpacity ?? 0.95,
                         cornerRadius: textBackgroundBorderRadius ?? 4,
                         fill: textBackgroundColor,
                         stroke: textBackgroundBorderColor,

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/annotation/annotationArea.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/annotation/annotationArea.ts"],"sourcesContent":["/**\n * @description 适用于线图、面积图等的区块标注，计算标注区块的时候，只考虑点的大小\n */\nimport type { ICartesianSeries, ILineChartSpec } from '@visactor/vchart'\nimport { selector } from '../../../../../dataSelector'\nimport type { Datum, VChartSpecPipe, VSeed } from 'src/types'\nimport { ANNOTATION_AREA_TEXT_STYLE_BY_POSITION, isSubset } from './utils'\nimport { ANNOTATION_Z_INDEX } from '../../../../utils/constant'\nimport { isBarLikeChart } from 'src/pipeline/utils/chatType'\n\nexport const annotationArea: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed, vseed } = context\n  const { annotation, config } = advancedVSeed\n\n  if (!annotation || !annotation.annotationArea) {\n    return spec\n  }\n\n  const theme = config?.[vseed.chartType as 'column']?.annotation?.annotationArea\n  const { annotationArea } = annotation\n  const annotationAreaList = Array.isArray(annotationArea) ? annotationArea : [annotationArea]\n\n  const positionMap = {\n    top: 'insideTop',\n    topRight: 'insideTopRight',\n    topLeft: 'insideTopLeft',\n    bottom: 'insideBottom',\n    bottomLeft: 'insideBottomLeft',\n    bottomRight: 'insideBottomRight',\n    left: 'insideLeft',\n    right: 'insideRight',\n  }\n  const defaultTextPosition = isBarLikeChart(advancedVSeed as VSeed) ? 'right' : 'top'\n\n  const markArea = annotationAreaList.flatMap((annotationArea) => {\n    const {\n      selector: selectorPoint,\n      text = '',\n      textColor = theme?.textColor ?? '#ffffff',\n      textFontSize = theme?.textFontSize ?? 12,\n      textFontWeight = theme?.textFontWeight ?? 400,\n\n      textBackgroundVisible = theme?.textBackgroundVisible ?? true,\n      textBackgroundColor = theme?.textBackgroundColor ?? '#191d24',\n      textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24',\n      textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1,\n      textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4,\n      textBackgroundPadding = theme?.textBackgroundPadding ?? 4,\n\n      areaColor = theme?.areaColor ?? '#888888',\n      areaColorOpacity = theme?.areaColorOpacity ?? 0.15,\n      areaBorderColor = theme?.areaBorderColor ?? '#888888',\n      areaBorderRadius = theme?.areaBorderRadius ?? 4,\n      areaBorderWidth = theme?.areaBorderWidth ?? 1,\n      areaLineDash = theme?.areaLineDash,\n\n      outerPadding = theme?.outerPadding ?? 4,\n    } = annotationArea\n\n    const dataset = advancedVSeed.dataset.flat()\n    const selectedData = selectorPoint ? dataset.filter((datum) => selector(datum, selectorPoint)) : []\n    const textPosition: string = annotationArea.textPosition ?? defaultTextPosition\n    const textAlign =\n      annotationArea.textAlign ??\n      ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition as keyof typeof ANNOTATION_AREA_TEXT_STYLE_BY_POSITION]\n        .textAlign\n    const textBaseline =\n      annotationArea.textBaseline ??\n      ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition as keyof typeof ANNOTATION_AREA_TEXT_STYLE_BY_POSITION]\n        .textBaseline\n\n    return {\n      zIndex: ANNOTATION_Z_INDEX,\n      regionRelative: true,\n      positions: (data: Datum[], context: ICartesianSeries) => {\n        const positionData = data.filter((item) => selectedData.some((datum) => isSubset(datum, item)))\n        const xyList = positionData.map((datum) => context.dataToPosition(datum) as { x: number; y: number })\n\n        const yAxisHelper = context.getYAxisHelper() as unknown as {\n          getBandwidth: (depth?: number) => number\n          getScale: () => {\n            range: () => number[]\n          }\n        }\n        const xAxisHelper = context.getXAxisHelper() as unknown as {\n          getBandwidth: (depth?: number) => number\n          getScale: () => {\n            range: () => number[]\n          }\n        }\n\n        if (typeof xAxisHelper?.getBandwidth === 'function') {\n          const regionRect = context.getRegion().getLayoutRect()\n\n          const minX = Math.min(...xyList.map((item) => item.x)) - (outerPadding || 4)\n          const maxX = Math.max(...xyList.map((item) => item.x)) + (outerPadding || 4)\n          const minY = 0\n          const maxY = regionRect.height\n          return [\n            // 左上\n            {\n              x: minX,\n              y: minY,\n            },\n            // 右上\n            {\n              x: maxX,\n              y: minY,\n            },\n            // 右下\n            {\n              x: maxX,\n              y: maxY,\n            },\n            // 左下\n            {\n              x: minX,\n              y: maxY,\n            },\n          ]\n        }\n\n        if (typeof yAxisHelper?.getBandwidth === 'function') {\n          const regionRect = context.getRegion().getLayoutRect()\n\n          const minY = Math.min(...xyList.map((item) => item.y)) - (outerPadding || 4)\n          const maxY = Math.max(...xyList.map((item) => item.y)) + (outerPadding || 4)\n          const minX = 0\n          const maxX = regionRect.width\n\n          return [\n            // 左上\n            {\n              x: minX,\n              y: minY,\n            },\n            // 右上\n            {\n              x: maxX,\n              y: minY,\n            },\n            // 右下\n            {\n              x: maxX,\n              y: maxY,\n            },\n            // 左下\n            {\n              x: minX,\n              y: maxY,\n            },\n          ]\n        }\n\n        return []\n      },\n      label: {\n        position: (positionMap as any)[textPosition],\n        visible: true,\n        text: text,\n        style: {\n          opacity: 0.95,\n          textAlign: textAlign,\n          textBaseline: textBaseline,\n          fill: textColor,\n          stroke: textBackgroundColor,\n          lineWidth: 1,\n          fontSize: textFontSize,\n          fontWeight: textFontWeight,\n        },\n\n        labelBackground: {\n          visible: textBackgroundVisible,\n          padding: textBackgroundPadding,\n          style: {\n            opacity: 0.95,\n            cornerRadius: textBackgroundBorderRadius ?? 4,\n            fill: textBackgroundColor,\n            stroke: textBackgroundBorderColor,\n            lineWidth: textBackgroundBorderWidth,\n            fillOpacity: 1,\n          },\n        },\n      },\n      area: {\n        style: {\n          visible: true,\n          fill: areaColor,\n          fillOpacity: areaColorOpacity,\n          stroke: areaBorderColor,\n          lineWidth: areaBorderWidth,\n          cornerRadius: areaBorderRadius,\n          lineDash: areaLineDash,\n        },\n      },\n    }\n  }) as ILineChartSpec['markArea']\n\n  return {\n    ...spec,\n    markArea: markArea,\n  }\n}\n"],"names":["annotationArea","spec","context","advancedVSeed","vseed","annotation","config","theme","annotationAreaList","Array","positionMap","defaultTextPosition","isBarLikeChart","markArea","selectorPoint","text","textColor","textFontSize","textFontWeight","textBackgroundVisible","textBackgroundColor","textBackgroundBorderColor","textBackgroundBorderWidth","textBackgroundBorderRadius","textBackgroundPadding","areaColor","areaColorOpacity","areaBorderColor","areaBorderRadius","areaBorderWidth","areaLineDash","outerPadding","dataset","selectedData","datum","selector","textPosition","textAlign","ANNOTATION_AREA_TEXT_STYLE_BY_POSITION","textBaseline","ANNOTATION_Z_INDEX","data","positionData","item","isSubset","xyList","yAxisHelper","xAxisHelper","regionRect","minX","Math","maxX","minY","maxY"],"mappings":"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"}
+{"version":3,"file":"pipeline/spec/chart/pipes/annotation/annotationArea.js","sources":["../../../../../../../src/pipeline/spec/chart/pipes/annotation/annotationArea.ts"],"sourcesContent":["/**\n * @description 适用于线图、面积图等的区块标注，计算标注区块的时候，只考虑点的大小\n */\nimport type { ICartesianSeries, ILineChartSpec } from '@visactor/vchart'\nimport { selector } from '../../../../../dataSelector'\nimport type { Datum, VChartSpecPipe, VSeed } from 'src/types'\nimport { ANNOTATION_AREA_TEXT_STYLE_BY_POSITION, isSubset } from './utils'\nimport { ANNOTATION_Z_INDEX } from '../../../../utils/constant'\nimport { isBarLikeChart } from 'src/pipeline/utils/chatType'\n\nexport const annotationArea: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed, vseed } = context\n  const { annotation, config } = advancedVSeed\n\n  if (!annotation || !annotation.annotationArea) {\n    return spec\n  }\n\n  const theme = config?.[vseed.chartType as 'column']?.annotation?.annotationArea\n  const { annotationArea } = annotation\n  const annotationAreaList = Array.isArray(annotationArea) ? annotationArea : [annotationArea]\n\n  const positionMap = {\n    top: 'insideTop',\n    topRight: 'insideTopRight',\n    topLeft: 'insideTopLeft',\n    bottom: 'insideBottom',\n    bottomLeft: 'insideBottomLeft',\n    bottomRight: 'insideBottomRight',\n    left: 'insideLeft',\n    right: 'insideRight',\n  }\n  const defaultTextPosition = isBarLikeChart(advancedVSeed as VSeed) ? 'right' : 'top'\n\n  const markArea = annotationAreaList.flatMap((annotationArea) => {\n    const {\n      selector: selectorPoint,\n      text = '',\n      textColor = theme?.textColor ?? '#ffffff',\n      textFontSize = theme?.textFontSize ?? 12,\n      textFontWeight = theme?.textFontWeight ?? 400,\n\n      textBackgroundVisible = theme?.textBackgroundVisible ?? true,\n      textBackgroundColor = theme?.textBackgroundColor ?? '#191d24',\n      textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24',\n      textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1,\n      textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4,\n      textBackgroundPadding = theme?.textBackgroundPadding ?? 4,\n\n      areaColor = theme?.areaColor ?? '#888888',\n      areaColorOpacity = theme?.areaColorOpacity ?? 0.15,\n      areaBorderColor = theme?.areaBorderColor ?? '#888888',\n      areaBorderRadius = theme?.areaBorderRadius ?? 4,\n      areaBorderWidth = theme?.areaBorderWidth ?? 1,\n      areaLineDash = theme?.areaLineDash,\n\n      outerPadding = theme?.outerPadding ?? 4,\n    } = annotationArea\n    const textBackgroundOpacity = theme?.textBackgroundOpacity\n\n    const dataset = advancedVSeed.dataset.flat()\n    const selectedData = selectorPoint ? dataset.filter((datum) => selector(datum, selectorPoint)) : []\n    const textPosition: string = annotationArea.textPosition ?? defaultTextPosition\n    const textAlign =\n      annotationArea.textAlign ??\n      ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition as keyof typeof ANNOTATION_AREA_TEXT_STYLE_BY_POSITION]\n        .textAlign\n    const textBaseline =\n      annotationArea.textBaseline ??\n      ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition as keyof typeof ANNOTATION_AREA_TEXT_STYLE_BY_POSITION]\n        .textBaseline\n\n    return {\n      zIndex: ANNOTATION_Z_INDEX,\n      regionRelative: true,\n      positions: (data: Datum[], context: ICartesianSeries) => {\n        const positionData = data.filter((item) => selectedData.some((datum) => isSubset(datum, item)))\n        const xyList = positionData.map((datum) => context.dataToPosition(datum) as { x: number; y: number })\n\n        const yAxisHelper = context.getYAxisHelper() as unknown as {\n          getBandwidth: (depth?: number) => number\n          getScale: () => {\n            range: () => number[]\n          }\n        }\n        const xAxisHelper = context.getXAxisHelper() as unknown as {\n          getBandwidth: (depth?: number) => number\n          getScale: () => {\n            range: () => number[]\n          }\n        }\n\n        if (typeof xAxisHelper?.getBandwidth === 'function') {\n          const regionRect = context.getRegion().getLayoutRect()\n\n          const minX = Math.min(...xyList.map((item) => item.x)) - (outerPadding || 4)\n          const maxX = Math.max(...xyList.map((item) => item.x)) + (outerPadding || 4)\n          const minY = 0\n          const maxY = regionRect.height\n          return [\n            // 左上\n            {\n              x: minX,\n              y: minY,\n            },\n            // 右上\n            {\n              x: maxX,\n              y: minY,\n            },\n            // 右下\n            {\n              x: maxX,\n              y: maxY,\n            },\n            // 左下\n            {\n              x: minX,\n              y: maxY,\n            },\n          ]\n        }\n\n        if (typeof yAxisHelper?.getBandwidth === 'function') {\n          const regionRect = context.getRegion().getLayoutRect()\n\n          const minY = Math.min(...xyList.map((item) => item.y)) - (outerPadding || 4)\n          const maxY = Math.max(...xyList.map((item) => item.y)) + (outerPadding || 4)\n          const minX = 0\n          const maxX = regionRect.width\n\n          return [\n            // 左上\n            {\n              x: minX,\n              y: minY,\n            },\n            // 右上\n            {\n              x: maxX,\n              y: minY,\n            },\n            // 右下\n            {\n              x: maxX,\n              y: maxY,\n            },\n            // 左下\n            {\n              x: minX,\n              y: maxY,\n            },\n          ]\n        }\n\n        return []\n      },\n      label: {\n        position: (positionMap as any)[textPosition],\n        visible: true,\n        text: text,\n        style: {\n          textAlign: textAlign,\n          textBaseline: textBaseline,\n          fill: textColor,\n          stroke: textBackgroundColor,\n          lineWidth: 1,\n          fontSize: textFontSize,\n          fontWeight: textFontWeight,\n        },\n\n        labelBackground: {\n          visible: textBackgroundVisible,\n          padding: textBackgroundPadding,\n          style: {\n            opacity: textBackgroundOpacity ?? 0.95,\n            cornerRadius: textBackgroundBorderRadius ?? 4,\n            fill: textBackgroundColor,\n            stroke: textBackgroundBorderColor,\n            lineWidth: textBackgroundBorderWidth,\n            fillOpacity: 1,\n          },\n        },\n      },\n      area: {\n        style: {\n          visible: true,\n          fill: areaColor,\n          fillOpacity: areaColorOpacity,\n          stroke: areaBorderColor,\n          lineWidth: areaBorderWidth,\n          cornerRadius: areaBorderRadius,\n          lineDash: areaLineDash,\n        },\n      },\n    }\n  }) as ILineChartSpec['markArea']\n\n  return {\n    ...spec,\n    markArea: markArea,\n  }\n}\n"],"names":["annotationArea","spec","context","advancedVSeed","vseed","annotation","config","theme","annotationAreaList","Array","positionMap","defaultTextPosition","isBarLikeChart","markArea","selectorPoint","text","textColor","textFontSize","textFontWeight","textBackgroundVisible","textBackgroundColor","textBackgroundBorderColor","textBackgroundBorderWidth","textBackgroundBorderRadius","textBackgroundPadding","areaColor","areaColorOpacity","areaBorderColor","areaBorderRadius","areaBorderWidth","areaLineDash","outerPadding","textBackgroundOpacity","dataset","selectedData","datum","selector","textPosition","textAlign","ANNOTATION_AREA_TEXT_STYLE_BY_POSITION","textBaseline","ANNOTATION_Z_INDEX","data","positionData","item","isSubset","xyList","yAxisHelper","xAxisHelper","regionRect","minX","Math","maxX","minY","maxY"],"mappings":";;;;AAUO,MAAMA,gCAAiC,CAACC,MAAMC;IACnD,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAE,GAAGF;IACjC,MAAM,EAAEG,UAAU,EAAEC,MAAM,EAAE,GAAGH;IAE/B,IAAI,CAACE,cAAc,CAACA,WAAW,cAAc,EAC3C,OAAOJ;IAGT,MAAMM,QAAQD,QAAQ,CAACF,MAAM,SAAS,CAAa,EAAE,YAAY;IACjE,MAAM,EAAEJ,cAAc,EAAE,GAAGK;IAC3B,MAAMG,qBAAqBC,MAAM,OAAO,CAACT,kBAAkBA,iBAAiB;QAACA;KAAe;IAE5F,MAAMU,cAAc;QAClB,KAAK;QACL,UAAU;QACV,SAAS;QACT,QAAQ;QACR,YAAY;QACZ,aAAa;QACb,MAAM;QACN,OAAO;IACT;IACA,MAAMC,sBAAsBC,eAAeT,iBAA0B,UAAU;IAE/E,MAAMU,WAAWL,mBAAmB,OAAO,CAAC,CAACR;QAC3C,MAAM,EACJ,UAAUc,aAAa,EACvBC,OAAO,EAAE,EACTC,YAAYT,OAAO,aAAa,SAAS,EACzCU,eAAeV,OAAO,gBAAgB,EAAE,EACxCW,iBAAiBX,OAAO,kBAAkB,GAAG,EAE7CY,wBAAwBZ,OAAO,yBAAyB,IAAI,EAC5Da,sBAAsBb,OAAO,uBAAuB,SAAS,EAC7Dc,4BAA4Bd,OAAO,6BAA6B,SAAS,EACzEe,4BAA4Bf,OAAO,6BAA6B,CAAC,EACjEgB,6BAA6BhB,OAAO,8BAA8B,CAAC,EACnEiB,wBAAwBjB,OAAO,yBAAyB,CAAC,EAEzDkB,YAAYlB,OAAO,aAAa,SAAS,EACzCmB,mBAAmBnB,OAAO,oBAAoB,IAAI,EAClDoB,kBAAkBpB,OAAO,mBAAmB,SAAS,EACrDqB,mBAAmBrB,OAAO,oBAAoB,CAAC,EAC/CsB,kBAAkBtB,OAAO,mBAAmB,CAAC,EAC7CuB,eAAevB,OAAO,YAAY,EAElCwB,eAAexB,OAAO,gBAAgB,CAAC,EACxC,GAAGP;QACJ,MAAMgC,wBAAwBzB,OAAO;QAErC,MAAM0B,UAAU9B,cAAc,OAAO,CAAC,IAAI;QAC1C,MAAM+B,eAAepB,gBAAgBmB,QAAQ,MAAM,CAAC,CAACE,QAAUC,SAASD,OAAOrB,kBAAkB,EAAE;QACnG,MAAMuB,eAAuBrC,eAAe,YAAY,IAAIW;QAC5D,MAAM2B,YACJtC,eAAe,SAAS,IACxBuC,sCAAsC,CAACF,aAAoE,CACxG,SAAS;QACd,MAAMG,eACJxC,eAAe,YAAY,IAC3BuC,sCAAsC,CAACF,aAAoE,CACxG,YAAY;QAEjB,OAAO;YACL,QAAQI;YACR,gBAAgB;YAChB,WAAW,CAACC,MAAexC;gBACzB,MAAMyC,eAAeD,KAAK,MAAM,CAAC,CAACE,OAASV,aAAa,IAAI,CAAC,CAACC,QAAUU,SAASV,OAAOS;gBACxF,MAAME,SAASH,aAAa,GAAG,CAAC,CAACR,QAAUjC,QAAQ,cAAc,CAACiC;gBAElE,MAAMY,cAAc7C,QAAQ,cAAc;gBAM1C,MAAM8C,cAAc9C,QAAQ,cAAc;gBAO1C,IAAI,AAAqC,cAArC,OAAO8C,aAAa,cAA6B;oBACnD,MAAMC,aAAa/C,QAAQ,SAAS,GAAG,aAAa;oBAEpD,MAAMgD,OAAOC,KAAK,GAAG,IAAIL,OAAO,GAAG,CAAC,CAACF,OAASA,KAAK,CAAC,KAAMb,CAAAA,gBAAgB;oBAC1E,MAAMqB,OAAOD,KAAK,GAAG,IAAIL,OAAO,GAAG,CAAC,CAACF,OAASA,KAAK,CAAC,KAAMb,CAAAA,gBAAgB;oBAC1E,MAAMsB,OAAO;oBACb,MAAMC,OAAOL,WAAW,MAAM;oBAC9B,OAAO;wBAEL;4BACE,GAAGC;4BACH,GAAGG;wBACL;wBAEA;4BACE,GAAGD;4BACH,GAAGC;wBACL;wBAEA;4BACE,GAAGD;4BACH,GAAGE;wBACL;wBAEA;4BACE,GAAGJ;4BACH,GAAGI;wBACL;qBACD;gBACH;gBAEA,IAAI,AAAqC,cAArC,OAAOP,aAAa,cAA6B;oBACnD,MAAME,aAAa/C,QAAQ,SAAS,GAAG,aAAa;oBAEpD,MAAMmD,OAAOF,KAAK,GAAG,IAAIL,OAAO,GAAG,CAAC,CAACF,OAASA,KAAK,CAAC,KAAMb,CAAAA,gBAAgB;oBAC1E,MAAMuB,OAAOH,KAAK,GAAG,IAAIL,OAAO,GAAG,CAAC,CAACF,OAASA,KAAK,CAAC,KAAMb,CAAAA,gBAAgB;oBAC1E,MAAMmB,OAAO;oBACb,MAAME,OAAOH,WAAW,KAAK;oBAE7B,OAAO;wBAEL;4BACE,GAAGC;4BACH,GAAGG;wBACL;wBAEA;4BACE,GAAGD;4BACH,GAAGC;wBACL;wBAEA;4BACE,GAAGD;4BACH,GAAGE;wBACL;wBAEA;4BACE,GAAGJ;4BACH,GAAGI;wBACL;qBACD;gBACH;gBAEA,OAAO,EAAE;YACX;YACA,OAAO;gBACL,UAAW5C,WAAmB,CAAC2B,aAAa;gBAC5C,SAAS;gBACT,MAAMtB;gBACN,OAAO;oBACL,WAAWuB;oBACX,cAAcE;oBACd,MAAMxB;oBACN,QAAQI;oBACR,WAAW;oBACX,UAAUH;oBACV,YAAYC;gBACd;gBAEA,iBAAiB;oBACf,SAASC;oBACT,SAASK;oBACT,OAAO;wBACL,SAASQ,yBAAyB;wBAClC,cAAcT,8BAA8B;wBAC5C,MAAMH;wBACN,QAAQC;wBACR,WAAWC;wBACX,aAAa;oBACf;gBACF;YACF;YACA,MAAM;gBACJ,OAAO;oBACL,SAAS;oBACT,MAAMG;oBACN,aAAaC;oBACb,QAAQC;oBACR,WAAWE;oBACX,cAAcD;oBACd,UAAUE;gBACZ;YACF;QACF;IACF;IAEA,OAAO;QACL,GAAG7B,IAAI;QACP,UAAUY;IACZ;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationAreaBand.js

@@ -24,6 +24,7 @@ const annotationAreaBand = (spec, context)=>{
     const defaultTextPosition = isBarLikeChart(advancedVSeed) ? 'right' : 'top';
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
         const { selector: selectorPoint, text = '', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#191d24', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24', textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundPadding = theme?.textBackgroundPadding ?? 4, areaColor = theme?.areaColor ?? '#888888', areaColorOpacity = theme?.areaColorOpacity ?? 0.15, areaBorderColor = theme?.areaBorderColor ?? '#888888', areaBorderRadius = theme?.areaBorderRadius ?? 4, areaBorderWidth = theme?.areaBorderWidth ?? 1, areaLineDash = theme?.areaLineDash, outerPadding = theme?.outerPadding ?? 4 } = annotationArea;
+        const textBackgroundOpacity = theme?.textBackgroundOpacity;
         const textPosition = annotationArea.textPosition ?? defaultTextPosition;
         const textAlign = annotationArea.textAlign ?? ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition].textAlign;
         const textBaseline = annotationArea.textBaseline ?? ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition].textBaseline;
@@ -107,7 +108,6 @@ const annotationAreaBand = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
-                    opacity: 0.95,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     stroke: textBackgroundColor,
@@ -120,7 +120,7 @@ const annotationAreaBand = (spec, context)=>{
                     visible: textBackgroundVisible,
                     padding: textBackgroundPadding,
                     style: {
-                        opacity: 0.95,
+                        opacity: textBackgroundOpacity ?? 0.95,
                         cornerRadius: textBackgroundBorderRadius ?? 4,
                         fill: textBackgroundColor,
                         stroke: textBackgroundBorderColor,