@visactor/vstory 0.0.4-alpha.1 → 0.0.4

package/es/player/processor/chart/seriesmark/transformLineVisibility.d.ts

@@ -0,0 +1,12 @@
+import type VChart from '@visactor/vchart';
+import type { IChartVisibilityAction } from '../../interface/appear-action';
+export declare const transformLineVisibility: (instance: VChart, animation: IChartVisibilityAction['payload']['animation'], option: {
+    markIndex: number;
+    disappear: boolean;
+}) => {
+    type: string;
+    duration: number;
+    loop: number | boolean;
+    oneByOne: boolean;
+    easing: import("@visactor/vrender-core").EasingType;
+};

package/es/player/processor/chart/seriesmark/transformLineVisibility.js

@@ -0,0 +1,4 @@
+import { commonFade, commonGrow } from "./commonTransformMarkAppear";
+
+export const transformLineVisibility = (instance, animation, option) => "grow" === animation.effect ? commonGrow(instance, animation, [ "clipIn", "clipOut" ], option) : commonFade(instance, animation, option);
+//# sourceMappingURL=transformLineVisibility.js.map

package/es/player/processor/chart/seriesmark/transformLineVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformLineVisibility.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,QAAgB,EAChB,SAAyD,EACzD,MAAiD,EACjD,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;SACvE;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC","file":"transformLineVisibility.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartVisibilityAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonTransformMarkAppear';\n\nexport const transformLineVisibility = (\n  instance: VChart,\n  animation: IChartVisibilityAction['payload']['animation'],\n  option: { markIndex: number; disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, ['clipIn', 'clipOut'], option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}

package/es/player/processor/chart/seriesmark/transformRectVisibility.d.ts

@@ -0,0 +1,12 @@
+import type VChart from '@visactor/vchart';
+import type { IChartVisibilityAction } from '../../interface/appear-action';
+export declare const transformRectVisibility: (instance: VChart, animation: IChartVisibilityAction['payload']['animation'], option: {
+    markIndex: number;
+    disappear: boolean;
+}) => {
+    type: string;
+    duration: number;
+    loop: number | boolean;
+    oneByOne: boolean;
+    easing: import("@visactor/vrender-core").EasingType;
+};

package/es/player/processor/chart/seriesmark/{transformRectAppear.js → transformRectVisibility.js}

@@ -1,8 +1,7 @@
 import { commonFade } from "./commonTransformMarkAppear";
 
-export const transformRectAppear = (instance, animation, option) => {
-    const {duration: duration} = animation;
-    if (!(duration <= 0)) switch (animation.effect) {
+export const transformRectVisibility = (instance, animation, option) => {
+    switch (animation.effect) {
       case "grow":
         return rectGrow(instance, animation, Object.assign(Object.assign({}, option), {
             center: !1
@@ -13,7 +12,7 @@ export const transformRectAppear = (instance, animation, option) => {
             center: !0
         }));
 
-      case "fade":
+      default:
         return commonFade(instance, animation, Object.assign({}, option));
     }
 };
@@ -59,4 +58,4 @@ const getXYAxis = instance => {
         if (isYAxis(axis.getOrient())) return !0;
     })) ];
 };
-//# sourceMappingURL=transformRectAppear.js.map
+//# sourceMappingURL=transformRectVisibility.js.map

package/es/player/processor/chart/seriesmark/transformRectVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformRectVisibility.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGzD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,QAAgB,EAChB,SAAyD,EACzD,MAAiD,EACjD,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,QAAQ,CAAC,QAAQ,EAAE,SAAS,kCAC9B,MAAM,KACT,MAAM,EAAE,KAAK,IACb,CAAC;SACJ;QACD,KAAK,YAAY,CAAC,CAAC;YACjB,OAAO,QAAQ,CAAC,QAAQ,EAAE,SAAS,kCAC9B,MAAM,KACT,MAAM,EAAE,IAAI,IACZ,CAAC;SACJ;QACD,KAAK,MAAM,CAAC;QACZ,OAAO,CAAC,CAAC;YACP,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,oBAChC,MAAM,EACT,CAAC;SACJ;KACF;AACH,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CACf,QAAgB,EAChB,SAAyD,EACzD,MAAM,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAC5C,EAAE;;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IACrC,MAAM,SAAS,GAAG,MAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,SAAS,mCAAI,UAAU,CAAC;IACxE,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC;IACpD,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAE3C,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC;IAEjH,OAAO;QACL,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;QACN,OAAO,EAAE,CAAC,KAAU,EAAE,OAAY,EAAE,MAAW,EAAE,EAAE;YACjD,MAAM,KAAK,GAAG,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YACzD,MAAM,IAAI,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,KAAK,CAAC,CAAC;YAE5B,IAAI,SAAS,KAAK,UAAU,EAAE;gBAC5B,OAAO;oBACL,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;oBACpC,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;iBAC3C,CAAC;aACH;YACD,OAAO;gBACL,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;gBACpC,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;aAC3C,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,OAAO,CAAC,MAAmB;IAClC,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,KAAK,CAAC;AACjD,CAAC;AAED,SAAS,OAAO,CAAC,MAAmB;IAClC,OAAO,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,CAAC;AACjD,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,QAAgB,EAAE,EAAE;IACrC,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC7B,MAAM,MAAM,GAAI,IAAY,CAAC,SAAS,EAAE,CAAC;QACzC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;IACH,CAAC,CAAQ,CAAC;IACV,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC7B,MAAM,MAAM,GAAI,IAAY,CAAC,SAAS,EAAE,CAAC;QACzC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;IACH,CAAC,CAAQ,CAAC;IAEV,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACxB,CAAC,CAAC","file":"transformRectVisibility.js","sourcesContent":["import type VChart from '@visactor/vchart';\n// import type { IChartVisibilityAction } from '../../../../types/chart/appear';\nimport type { IOrientType } from '@visactor/vrender-components';\nimport type { IChartVisibilityAction } from '../../interface/appear-action';\nimport { commonFade } from './commonTransformMarkAppear';\n\n// 将payload转换为chart内置的动画type\nexport const transformRectVisibility = (\n  instance: VChart,\n  animation: IChartVisibilityAction['payload']['animation'],\n  option: { markIndex: number; disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return rectGrow(instance, animation, {\n        ...option,\n        center: false\n      });\n    }\n    case 'centerGrow': {\n      return rectGrow(instance, animation, {\n        ...option,\n        center: true\n      });\n    }\n    case 'fade':\n    default: {\n      return commonFade(instance, animation, {\n        ...option\n      });\n    }\n  }\n};\n\nconst rectGrow = (\n  instance: VChart,\n  animation: IChartVisibilityAction['payload']['animation'],\n  option = { center: false, disappear: false }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { center, disappear } = option;\n  const direction = instance.getChart().getSpec().direction ?? 'vertical';\n  const xField = instance.getChart().getSpec().xField;\n  const yField = instance.getChart().getSpec().yField;\n  const [xAxis, yAxis] = getXYAxis(instance);\n\n  const type = disappear ? (center ? 'growCenterOut' : 'growHeightOut') : center ? 'growCenterIn' : 'growHeightIn';\n\n  return {\n    type: type,\n    duration,\n    loop,\n    oneByOne,\n    easing,\n    options: (datum: any, element: any, params: any) => {\n      const field = direction === 'vertical' ? yField : xField;\n      const data = datum?.[field];\n\n      if (direction === 'vertical') {\n        return {\n          overall: yAxis?.getScale(0).scale(0),\n          orient: data > 0 ? 'negative' : 'positive'\n        };\n      }\n      return {\n        overall: xAxis?.getScale(0).scale(0),\n        orient: data > 0 ? 'negative' : 'positive'\n      };\n    }\n  };\n};\n\nfunction isXAxis(orient: IOrientType) {\n  return orient === 'bottom' || orient === 'top';\n}\n\nfunction isYAxis(orient: IOrientType) {\n  return orient === 'left' || orient === 'right';\n}\n\nconst getXYAxis = (instance: VChart) => {\n  const axes = instance.getChart().getComponentsByKey('axes');\n  const xAxis = axes.find(axis => {\n    const orient = (axis as any).getOrient();\n    if (isXAxis(orient)) {\n      return true;\n    }\n  }) as any;\n  const yAxis = axes.find(axis => {\n    const orient = (axis as any).getOrient();\n    if (isYAxis(orient)) {\n      return true;\n    }\n  }) as any;\n\n  return [xAxis, yAxis];\n};\n"]}

package/es/player/processor/chart/seriesmark/transformSymbolVisibility.d.ts

@@ -0,0 +1,12 @@
+import type VChart from '@visactor/vchart';
+import type { IChartVisibilityAction } from '../../interface/appear-action';
+export declare const transformSymbolVisibility: (instance: VChart, animation: IChartVisibilityAction['payload']['animation'], option: {
+    markIndex: number;
+    disappear: boolean;
+}) => {
+    type: string;
+    duration: number;
+    loop: number | boolean;
+    oneByOne: boolean;
+    easing: import("@visactor/vrender-core").EasingType;
+};

package/es/player/processor/chart/seriesmark/transformSymbolVisibility.js

@@ -0,0 +1,4 @@
+import { commonFade, commonGrow } from "./commonTransformMarkAppear";
+
+export const transformSymbolVisibility = (instance, animation, option) => "grow" === animation.effect ? commonGrow(instance, animation, [ "scaleIn", "scaleOut" ], option) : commonFade(instance, animation, option);
+//# sourceMappingURL=transformSymbolVisibility.js.map

package/es/player/processor/chart/seriesmark/transformSymbolVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformSymbolVisibility.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,QAAgB,EAChB,SAAyD,EACzD,MAAiD,EACjD,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;SACzE;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC","file":"transformSymbolVisibility.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartVisibilityAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonTransformMarkAppear';\n\nexport const transformSymbolVisibility = (\n  instance: VChart,\n  animation: IChartVisibilityAction['payload']['animation'],\n  option: { markIndex: number; disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, ['scaleIn', 'scaleOut'], option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}

package/es/player/processor/chart/seriesmark/transformTextVisibility.d.ts

@@ -0,0 +1,12 @@
+import type VChart from '@visactor/vchart';
+import type { IChartVisibilityAction } from '../../interface/appear-action';
+export declare const transformTextVisibility: (instance: VChart, animation: IChartVisibilityAction['payload']['animation'], option: {
+    disappear: boolean;
+    markIndex: number;
+}) => {
+    type: string;
+    duration: number;
+    loop: number | boolean;
+    oneByOne: boolean;
+    easing: import("@visactor/vrender-core").EasingType;
+};

package/es/player/processor/chart/seriesmark/transformTextVisibility.js

@@ -0,0 +1,4 @@
+import { commonFade, commonGrow } from "./commonTransformMarkAppear";
+
+export const transformTextVisibility = (instance, animation, option) => "grow" === animation.effect ? commonGrow(instance, animation, [ "scaleIn", "scaleOut" ], option) : commonFade(instance, animation, option);
+//# sourceMappingURL=transformTextVisibility.js.map

package/es/player/processor/chart/seriesmark/transformTextVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformTextVisibility.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGrE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,QAAgB,EAChB,SAAyD,EACzD,MAGC,EACD,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;SACzE;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC","file":"transformTextVisibility.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartVisibilityAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonTransformMarkAppear';\n\n// 将payload转换为chart内置的动画type\nexport const transformTextVisibility = (\n  instance: VChart,\n  animation: IChartVisibilityAction['payload']['animation'],\n  option: {\n    disappear: boolean;\n    markIndex: number;\n  }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, ['scaleIn', 'scaleOut'], option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}

package/es/player/processor/chart/transformMap.d.ts

@@ -1,8 +1,8 @@
 export declare const transformMap: {
     appear: {
-        rect: (instance: import("@visactor/vchart").default, animation: import("../interface/appear-action").IAnimationParams & {
+        rect: (instance: import("@visactor/vchart").default, animation: import("../interface/common-action").IAnimationParams & {
             oneByOne: boolean;
-            effect: string;
+            effect: string | string[];
         }, option: {
             markIndex: number;
             disappear: boolean;
@@ -13,9 +13,9 @@ export declare const transformMap: {
             oneByOne: boolean;
             easing: import("@visactor/vrender-core").EasingType;
         };
-        line: (instance: import("@visactor/vchart").default, animation: import("../interface/appear-action").IAnimationParams & {
+        line: (instance: import("@visactor/vchart").default, animation: import("../interface/common-action").IAnimationParams & {
             oneByOne: boolean;
-            effect: string;
+            effect: string | string[];
         }, option: {
             markIndex: number;
             disappear: boolean;
@@ -26,9 +26,9 @@ export declare const transformMap: {
             oneByOne: boolean;
             easing: import("@visactor/vrender-core").EasingType;
         };
-        symbol: (instance: import("@visactor/vchart").default, animation: import("../interface/appear-action").IAnimationParams & {
+        symbol: (instance: import("@visactor/vchart").default, animation: import("../interface/common-action").IAnimationParams & {
             oneByOne: boolean;
-            effect: string;
+            effect: string | string[];
         }, option: {
             markIndex: number;
             disappear: boolean;
@@ -39,9 +39,9 @@ export declare const transformMap: {
             oneByOne: boolean;
             easing: import("@visactor/vrender-core").EasingType;
         };
-        text: (instance: import("@visactor/vchart").default, animation: import("../interface/appear-action").IAnimationParams & {
+        text: (instance: import("@visactor/vchart").default, animation: import("../interface/common-action").IAnimationParams & {
             oneByOne: boolean;
-            effect: string;
+            effect: string | string[];
         }, option: {
             disappear: boolean;
             markIndex: number;
@@ -52,9 +52,9 @@ export declare const transformMap: {
             oneByOne: boolean;
             easing: import("@visactor/vrender-core").EasingType;
         };
-        arc: (instance: import("@visactor/vchart").default, animation: import("../interface/appear-action").IAnimationParams & {
+        arc: (instance: import("@visactor/vchart").default, animation: import("../interface/common-action").IAnimationParams & {
             oneByOne: boolean;
-            effect: string;
+            effect: string | string[];
         }, option: {
             disappear: boolean;
             markIndex: number;
@@ -65,27 +65,33 @@ export declare const transformMap: {
             oneByOne: boolean;
             easing: import("@visactor/vrender-core").EasingType;
         };
-        legends: (instance: import("@visactor/vrender-core").IGroup, animation: import("../interface/appear-action").IAnimationParams & {
+        legends: (instance: import("@visactor/vrender-core").IGroup, animation: import("../interface/common-action").IAnimationParams & {
             oneByOne: boolean;
-            effect: string;
+            effect: string | string[];
         }, option: {
             disappear: boolean;
         }) => void;
-        label: (instance: import("@visactor/vrender-core").IGroup, animation: import("../interface/appear-action").IAnimationParams & {
+        label: (instance: import("@visactor/vrender-core").IGroup, animation: import("../interface/common-action").IAnimationParams & {
             oneByOne: boolean;
-            effect: string;
+            effect: string | string[];
         }, option: {
             disappear: boolean;
         }) => void;
-        axis: (instance: import("@visactor/vrender-core").IGroup, animation: import("../interface/appear-action").IAnimationParams & {
+        axis: (instance: import("@visactor/vrender-core").IGroup, animation: import("../interface/common-action").IAnimationParams & {
             oneByOne: boolean;
-            effect: string;
+            effect: string | string[];
         }, option: {
             disappear: boolean;
         }) => void;
-        title: (instance: import("@visactor/vrender-core").IGroup, animation: import("../interface/appear-action").IAnimationParams & {
+        title: (instance: import("@visactor/vrender-core").IGroup, animation: import("../interface/common-action").IAnimationParams & {
             oneByOne: boolean;
-            effect: string;
+            effect: string | string[];
+        }, option: {
+            disappear: boolean;
+        }) => void;
+        chart: (instance: import("@visactor/vrender-core").IGroup, animation: import("../interface/common-action").IAnimationParams & {
+            oneByOne: boolean;
+            effect: string | string[];
         }, option: {
             disappear: boolean;
         }) => void;

package/es/player/processor/chart/transformMap.js

@@ -1,3 +1,5 @@
+import { runChartAppear } from "./common/chartAppear";
+
 import { runAxisAppear } from "./component/axisAppear";
 
 import { runLabelAppear } from "./component/labelAppear";
@@ -6,27 +8,28 @@ import { runLegendsAppear } from "./component/legendsAppear";
 
 import { runTitleAppear } from "./component/titleAppear";
 
-import { transformArcAppear } from "./seriesmark/transformArcAppear";
+import { transformArcVisibility } from "./seriesmark/transformArcVisibility";
 
-import { transformLineAppear } from "./seriesmark/transformLineAppear";
+import { transformLineVisibility } from "./seriesmark/transformLineVisibility";
 
-import { transformRectAppear } from "./seriesmark/transformRectAppear";
+import { transformRectVisibility } from "./seriesmark/transformRectVisibility";
 
-import { transformSymbolAppear } from "./seriesmark/transformSymbolAppear";
+import { transformSymbolVisibility } from "./seriesmark/transformSymbolVisibility";
 
-import { transformTextAppear } from "./seriesmark/transformTextAppear";
+import { transformTextVisibility } from "./seriesmark/transformTextVisibility";
 
 export const transformMap = {
     appear: {
-        rect: transformRectAppear,
-        line: transformLineAppear,
-        symbol: transformSymbolAppear,
-        text: transformTextAppear,
-        arc: transformArcAppear,
+        rect: transformRectVisibility,
+        line: transformLineVisibility,
+        symbol: transformSymbolVisibility,
+        text: transformTextVisibility,
+        arc: transformArcVisibility,
         legends: runLegendsAppear,
         label: runLabelAppear,
         axis: runAxisAppear,
-        title: runTitleAppear
+        title: runTitleAppear,
+        chart: runChartAppear
     }
 };
 //# sourceMappingURL=transformMap.js.map

package/es/player/processor/chart/transformMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/chart/transformMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE;QAEN,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,qBAAqB;QAC7B,IAAI,EAAE,mBAAmB;QACzB,GAAG,EAAE,kBAAkB;QAEvB,OAAO,EAAE,gBAAgB;QACzB,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,cAAc;KACtB;CACF,CAAC","file":"transformMap.js","sourcesContent":["import { runAxisAppear } from './component/axisAppear';\nimport { runLabelAppear } from './component/labelAppear';\nimport { runLegendsAppear } from './component/legendsAppear';\nimport { runTitleAppear } from './component/titleAppear';\nimport { transformArcAppear } from './seriesmark/transformArcAppear';\nimport { transformLineAppear } from './seriesmark/transformLineAppear';\nimport { transformRectAppear } from './seriesmark/transformRectAppear';\nimport { transformSymbolAppear } from './seriesmark/transformSymbolAppear';\nimport { transformTextAppear } from './seriesmark/transformTextAppear';\n\nexport const transformMap = {\n  appear: {\n    // series & mark\n    rect: transformRectAppear,\n    line: transformLineAppear,\n    symbol: transformSymbolAppear,\n    text: transformTextAppear,\n    arc: transformArcAppear,\n    // component\n    legends: runLegendsAppear,\n    label: runLabelAppear,\n    axis: runAxisAppear,\n    title: runTitleAppear\n  }\n};\n"]}
+{"version":3,"sources":["../src/player/processor/chart/transformMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE;QAEN,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,uBAAuB;QAC7B,MAAM,EAAE,yBAAyB;QACjC,IAAI,EAAE,uBAAuB;QAC7B,GAAG,EAAE,sBAAsB;QAE3B,OAAO,EAAE,gBAAgB;QACzB,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,cAAc;QAErB,KAAK,EAAE,cAAc;KACtB;CACF,CAAC","file":"transformMap.js","sourcesContent":["import { runChartAppear } from './common/chartAppear';\nimport { runAxisAppear } from './component/axisAppear';\nimport { runAppearOrDisAppear } from './component/commonAppear';\nimport { runLabelAppear } from './component/labelAppear';\nimport { runLegendsAppear } from './component/legendsAppear';\nimport { runTitleAppear } from './component/titleAppear';\nimport { transformArcVisibility } from './seriesmark/transformArcVisibility';\nimport { transformLineVisibility } from './seriesmark/transformLineVisibility';\nimport { transformRectVisibility } from './seriesmark/transformRectVisibility';\nimport { transformSymbolVisibility } from './seriesmark/transformSymbolVisibility';\nimport { transformTextVisibility } from './seriesmark/transformTextVisibility';\n\nexport const transformMap = {\n  appear: {\n    // series & mark\n    rect: transformRectVisibility,\n    line: transformLineVisibility,\n    symbol: transformSymbolVisibility,\n    text: transformTextVisibility,\n    arc: transformArcVisibility,\n    // component\n    legends: runLegendsAppear,\n    label: runLabelAppear,\n    axis: runAxisAppear,\n    title: runTitleAppear,\n    // chart:\n    chart: runChartAppear\n  }\n};\n"]}

package/es/player/processor/chart/vchart.d.ts

@@ -1,23 +1,29 @@
 import type { IComponent, ISeries, IVChart } from '@visactor/vchart';
 import type { ICharacter } from '../../../story/character';
-import type { IAction } from '../../../story/interface';
+import type { IActionSpec } from '../../../story/interface';
 import { ActionProcessorItem } from '../processor-item';
-import type { IChartAppearAction } from '../interface/appear-action';
+import type { IChartVisibilityAction } from '../interface/appear-action';
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IAction, IActionPayload } from '../interface/common-action';
+export type Datum = Record<string, any>;
 export declare class VChartVisibilityActionProcessor extends ActionProcessorItem {
     name: 'appearOrDisAppear';
     constructor();
-    getStartTimeAndDuration(action: IAction): {
+    getStartTimeAndDuration(action: IActionSpec): {
         startTime: number;
         duration: number;
     };
-    run(character: ICharacter, actionSpec: IAction): void;
-    protected componentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction): void;
-    protected labelComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction): void;
-    protected legendsComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction): void;
-    protected axisComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction): void;
-    protected titleComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction): void;
+    run(character: ICharacter, actionSpec: IChartVisibilityAction): void;
+    protected chartVisibility(chartGraphic: IGraphic, actionSpec: IActionSpec): void;
+    protected componentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec): void;
+    protected labelComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec): void;
+    protected legendsComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec): void;
+    protected axisComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec): void;
+    protected cartesianAxisAppear(axis: any, axisGrid: any, actionSpec: IActionSpec): void;
+    protected polarAxisAppear(axis: any, axisGrid: any, actionSpec: IActionSpec): void;
+    protected titleComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec): void;
     private runTransformFunc;
-    protected commonSeriesAppear(vchart: IVChart, series: ISeries, actionSpec: IAction): void;
+    protected commonSeriesAppear(vchart: IVChart, series: ISeries, actionSpec: IActionSpec): void;
     static rectPayload: (seriesType: string) => {
         animation: {
             effect: string;
@@ -27,9 +33,50 @@ export declare class VChartVisibilityActionProcessor extends ActionProcessorItem
             loop: boolean;
         };
     };
-    static defaultPayload: IChartAppearAction['payload'];
-    static arcPayload: IChartAppearAction['payload'];
-    static linePayload: IChartAppearAction['payload'];
-    static symbolPayload: IChartAppearAction['payload'];
-    static textPayload: IChartAppearAction['payload'];
+    static defaultPayload: IChartVisibilityAction['payload'];
+    static fadePayload: IChartVisibilityAction['payload'];
+    static arcPayload: IChartVisibilityAction['payload'];
+    static linePayload: IChartVisibilityAction['payload'];
+    static symbolPayload: IChartVisibilityAction['payload'];
+    static textPayload: IChartVisibilityAction['payload'];
+}
+export interface IChartUpdatePayload extends IActionPayload {
+    values: Array<Datum>;
+    data: Array<{
+        sourceValue: Datum;
+        targetValue: Datum;
+    }>;
+    id: string | number;
+}
+export interface IChartUpdateAction extends IAction<IChartUpdatePayload> {
+    action: 'update';
+}
+export declare class VChartUpdateActionProcessor extends ActionProcessorItem {
+    name: 'update';
+    constructor();
+    getStartTimeAndDuration(action: IActionSpec): {
+        startTime: number;
+        duration: number;
+    };
+    run(character: ICharacter, actionSpec: IChartUpdateAction): void;
+}
+export interface IChartAddPayload extends IActionPayload {
+    id: string | number;
+    values: Datum | Datum[];
+    style?: {
+        [key: string]: number | string;
+    };
+}
+export interface IChartAddAction extends IAction<IChartAddPayload> {
+    action: 'add';
+    payload: IChartAddPayload;
+}
+export declare class VChartAddActionProcessor extends ActionProcessorItem {
+    name: 'add';
+    constructor();
+    getStartTimeAndDuration(action: IActionSpec): {
+        startTime: number;
+        duration: number;
+    };
+    run(character: ICharacter, actionSpec: IChartAddAction): void;
 }

package/es/player/processor/chart/vchart.js

@@ -1,22 +1,37 @@
-import { isFunction, isNumberClose, merge } from "@visactor/vutils";
+import { cloneDeep, isArray, isFunction, merge } from "@visactor/vutils";
 
 import { ActionProcessorItem } from "../processor-item";
 
 import { transformMap } from "./transformMap";
 
+import { checkArrayOrder, isMatch } from "../component/utils";
+
 export class VChartVisibilityActionProcessor extends ActionProcessorItem {
     constructor() {
         super();
     }
     getStartTimeAndDuration(action) {
         var _a, _b;
-        const {startTime: globalStartTime = 0, duration: globalDuration} = action, {startTime: startTime = 0, duration: duration = 0} = null !== (_b = null === (_a = action.payload) || void 0 === _a ? void 0 : _a.animation) && void 0 !== _b ? _b : {};
+        const {startTime: globalStartTime = 0} = action, {startTime: startTime = 0, duration: duration = 0} = null !== (_b = null === (_a = action.payload) || void 0 === _a ? void 0 : _a.animation) && void 0 !== _b ? _b : {};
         return {
             startTime: globalStartTime + startTime,
-            duration: null != globalDuration ? globalDuration : duration
+            duration: duration
         };
     }
-    run(character, actionSpec) {}
+    run(character, actionSpec) {
+        const vchart = character.graphic._vchart;
+        this.chartVisibility(character.graphic, actionSpec);
+        vchart.getChart().getAllSeries().forEach((series => {
+            this.commonSeriesAppear(vchart, series, actionSpec);
+        }));
+        vchart.getChart().getAllComponents().forEach((component => {
+            this.componentAppear(vchart, component, actionSpec);
+        }));
+    }
+    chartVisibility(chartGraphic, actionSpec) {
+        const appearTransformFunc = transformMap.appear.chart, defaultPayload = VChartVisibilityActionProcessor.fadePayload;
+        this.runTransformFunc(chartGraphic, appearTransformFunc, actionSpec, defaultPayload);
+    }
     componentAppear(vchart, component, actionSpec) {
         "label" === component.specKey ? this.labelComponentAppear(vchart, component, actionSpec) : "legends" === component.specKey ? this.legendsComponentAppear(vchart, component, actionSpec) : "axes" === component.specKey ? this.axisComponentAppear(vchart, component, actionSpec) : "title" === component.specKey && this.titleComponentAppear(vchart, component, actionSpec);
     }
@@ -27,14 +42,21 @@ export class VChartVisibilityActionProcessor extends ActionProcessorItem {
         }));
     }
     legendsComponentAppear(vchart, component, actionSpec) {
-        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap.appear.legends, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
+        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap.appear.legends, defaultPayload = VChartVisibilityActionProcessor.fadePayload;
         vrenderComponents.forEach((group => {
             this.runTransformFunc(group, appearTransformFunc, actionSpec, defaultPayload);
         }));
     }
     axisComponentAppear(vchart, component, actionSpec) {
         var _a;
-        const vrenderComponents = component.getVRenderComponents(), axis = vrenderComponents[0], axisGrid = vrenderComponents[1], axisOrient = axis.attribute.orient, axisItems = null !== (_a = axis.attribute.items) && void 0 !== _a ? _a : [ [] ], orient = "left" === axisOrient || "right" === axisOrient ? "height" : "width", gridOrient = "left" === axisOrient || "right" === axisOrient ? "width" : "height", direction = isNumberClose(axisItems[0][0].value, 1) ? "positive" : "negative", appearTransformFunc = transformMap.appear.axis, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
+        const vrenderComponents = component.getVRenderComponents(), axis = vrenderComponents[0];
+        if (!axis) return;
+        const axisGrid = vrenderComponents[1], axisOrient = null === (_a = axis.attribute) || void 0 === _a ? void 0 : _a.orient;
+        "angle" === axisOrient || "radius" === axisOrient ? this.polarAxisAppear(axis, axisGrid, actionSpec) : this.cartesianAxisAppear(axis, axisGrid, actionSpec);
+    }
+    cartesianAxisAppear(axis, axisGrid, actionSpec) {
+        var _a, _b, _c;
+        const axisOrient = null === (_a = axis.attribute) || void 0 === _a ? void 0 : _a.orient, axisItems = null !== (_c = null === (_b = axis.attribute) || void 0 === _b ? void 0 : _b.items) && void 0 !== _c ? _c : [ [] ], orient = "left" === axisOrient || "right" === axisOrient ? "height" : "width", gridOrient = "left" === axisOrient || "right" === axisOrient ? "width" : "height", direction = checkArrayOrder(axisItems[0], "value") < 0 ? "positive" : "negative", appearTransformFunc = transformMap.appear.axis, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
         axis && this.runTransformFunc(axis, appearTransformFunc, actionSpec, defaultPayload, {
             orient: orient,
             direction: direction
@@ -43,14 +65,21 @@ export class VChartVisibilityActionProcessor extends ActionProcessorItem {
             direction: direction
         });
     }
+    polarAxisAppear(axis, axisGrid, actionSpec) {
+        var _a, _b;
+        _b = null === (_a = axis.attribute) || void 0 === _a ? void 0 : _a.items;
+        const appearTransformFunc = transformMap.appear.axis, defaultPayload = VChartVisibilityActionProcessor.fadePayload;
+        axis && this.runTransformFunc(axis, appearTransformFunc, actionSpec, defaultPayload), 
+        axisGrid && this.runTransformFunc(axisGrid, appearTransformFunc, actionSpec, defaultPayload, {});
+    }
     titleComponentAppear(vchart, component, actionSpec) {
-        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap.appear.title, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
+        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap.appear.title, defaultPayload = VChartVisibilityActionProcessor.fadePayload;
         vrenderComponents.forEach((group => {
             this.runTransformFunc(group, appearTransformFunc, actionSpec, defaultPayload);
         }));
     }
     runTransformFunc(instance, appearTransformFunc, actionSpec, defaultPayload = {}, actionOption = {}) {
-        if (appearTransformFunc) {
+        if (instance && appearTransformFunc) {
             const {payload: payload} = actionSpec;
             appearTransformFunc(instance, merge({}, defaultPayload, payload).animation, Object.assign({
                 disappear: "disappear" === actionSpec.action
@@ -66,7 +95,7 @@ export class VChartVisibilityActionProcessor extends ActionProcessorItem {
                 index: markIndex,
                 disappear: "disappear" === actionSpec.action
             });
-            product && config && product.animate.run(config || {});
+            product && product.animate.run(config || {});
         }));
     }
 }
@@ -87,6 +116,14 @@ VChartVisibilityActionProcessor.rectPayload = seriesType => ({
         oneByOne: !1,
         loop: !1
     }
+}, VChartVisibilityActionProcessor.fadePayload = {
+    animation: {
+        effect: "fade",
+        duration: 2e3,
+        easing: "cubicOut",
+        oneByOne: !1,
+        loop: !1
+    }
 }, VChartVisibilityActionProcessor.arcPayload = {
     animation: {
         effect: "growAngle",
@@ -98,4 +135,50 @@ VChartVisibilityActionProcessor.rectPayload = seriesType => ({
 }, VChartVisibilityActionProcessor.linePayload = VChartVisibilityActionProcessor.defaultPayload, 
 VChartVisibilityActionProcessor.symbolPayload = VChartVisibilityActionProcessor.defaultPayload, 
 VChartVisibilityActionProcessor.textPayload = VChartVisibilityActionProcessor.defaultPayload;
+
+export class VChartUpdateActionProcessor extends ActionProcessorItem {
+    constructor() {
+        super();
+    }
+    getStartTimeAndDuration(action) {
+        var _a, _b;
+        const {startTime: globalStartTime = 0} = action, {startTime: startTime = 0, duration: duration = 0} = null !== (_b = null === (_a = action.payload) || void 0 === _a ? void 0 : _a.animation) && void 0 !== _b ? _b : {};
+        return {
+            startTime: globalStartTime + startTime,
+            duration: duration
+        };
+    }
+    run(character, actionSpec) {
+        const instance = character.graphic._vchart;
+        if (!instance) return;
+        const {payload: payload} = actionSpec, {id: dataId, data: data, values: values} = payload;
+        if (values) instance.updateDataSync(dataId, values); else {
+            const rowData = cloneDeep(instance._dataSet.getDataView(dataId).rawData);
+            (isArray(data) ? data : [ data ]).forEach((item => {
+                const {sourceValue: sourceValue, targetValue: targetValue} = item, dataIndex = rowData.findIndex((v => isMatch(v, sourceValue)));
+                -1 !== dataIndex && rowData.splice(dataIndex, 1, targetValue);
+            })), instance.updateDataSync(dataId, rowData);
+        }
+    }
+}
+
+export class VChartAddActionProcessor extends ActionProcessorItem {
+    constructor() {
+        super();
+    }
+    getStartTimeAndDuration(action) {
+        var _a, _b;
+        const {startTime: globalStartTime = 0} = action, {startTime: startTime = 0, duration: duration = 0} = null !== (_b = null === (_a = action.payload) || void 0 === _a ? void 0 : _a.animation) && void 0 !== _b ? _b : {};
+        return {
+            startTime: globalStartTime + startTime,
+            duration: duration
+        };
+    }
+    run(character, actionSpec) {
+        const instance = character.graphic._vchart;
+        if (!instance) return;
+        const {payload: payload} = actionSpec, {id: dataId, values: values} = payload, rowData = cloneDeep(instance._dataSet.getDataView(dataId).rawData), data = isArray(values) ? values : [ values ];
+        rowData.push(...data), instance.updateDataSync(dataId, rowData);
+    }
+}
 //# sourceMappingURL=vchart.js.map