@visactor/vstory 0.0.4-alpha.2 → 0.0.5

package/cjs/player/processor/chart/seriesmark/transformArcVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformArcVisibility.ts"],"names":[],"mappings":";;;AAIO,MAAM,sBAAsB,GAAG,CACpC,QAAgB,EAChB,SAAyD,EACzD,MAGC,EACD,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SACnD;QACD,KAAK,YAAY,CAAC,CAAC;YACjB,OAAO,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SACnD;QACD,KAAK,WAAW,CAAC,CAAC;YAChB,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAClD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAC7C;QACD,OAAO,CAAC,CAAC;YACP,OAAO,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAC7C;KACF;AACH,CAAC,CAAC;AAzBW,QAAA,sBAAsB,0BAyBjC;AAEF,MAAM,aAAa,GAAG,CACpB,QAAgB,EAChB,SAAyD,EACzD,MAGC,EACD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC;IAE1D,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,QAAgB,EAChB,SAAyD,EACzD,MAGC,EACD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IAExD,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;QACN,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;SACd;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CACd,QAAgB,EAChB,SAAyD,EACzD,MAGC,EACD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE9C,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC","file":"transformArcVisibility.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartVisibilityAction } from '../../interface/appear-action';\n\n// 将payload转换为chart内置的动画type\nexport const transformArcVisibility = (\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 arcGrowRadius(instance, animation, option);\n    }\n    case 'growRadius': {\n      return arcGrowRadius(instance, animation, option);\n    }\n    case 'growAngle': {\n      return arcGrowAngle(instance, animation, option);\n    }\n    case 'fade': {\n      return arcFade(instance, animation, option);\n    }\n    default: {\n      return arcFade(instance, animation, option);\n    }\n  }\n};\n\nconst arcGrowRadius = (\n  instance: VChart,\n  animation: IChartVisibilityAction['payload']['animation'],\n  option: {\n    disappear: boolean;\n    markIndex: number;\n  }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n  const type = disappear ? 'growRadiusOut' : 'growRadiusIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing\n  };\n};\n\nconst arcGrowAngle = (\n  instance: VChart,\n  animation: IChartVisibilityAction['payload']['animation'],\n  option: {\n    disappear: boolean;\n    markIndex: number;\n  }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n  const type = disappear ? 'growAngleOut' : 'growAngleIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing,\n    options: {\n      overall: true\n    }\n  };\n};\n\nconst arcFade = (\n  instance: VChart,\n  animation: IChartVisibilityAction['payload']['animation'],\n  option: {\n    disappear: boolean;\n    markIndex: number;\n  }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n  const type = disappear ? 'fadeOut' : 'fadeIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing\n  };\n};\n"]}

package/cjs/player/processor/chart/seriesmark/{transformRectAppear.d.ts → transformLineVisibility.d.ts}

@@ -1,6 +1,6 @@
 import type VChart from '@visactor/vchart';
-import type { IChartAppearAction } from '../../interface/appear-action';
-export declare const transformRectAppear: (instance: VChart, animation: IChartAppearAction['payload']['animation'], option: {
+import type { IChartVisibilityAction } from '../../interface/appear-action';
+export declare const transformLineVisibility: (instance: VChart, animation: IChartVisibilityAction['payload']['animation'], option: {
     markIndex: number;
     disappear: boolean;
 }) => {

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.transformLineVisibility = void 0;
+
+const commonTransformMarkAppear_1 = require("./commonTransformMarkAppear"), transformLineVisibility = (instance, animation, option) => "grow" === animation.effect ? (0, 
+commonTransformMarkAppear_1.commonGrow)(instance, animation, [ "clipIn", "clipOut" ], option) : (0, 
+commonTransformMarkAppear_1.commonFade)(instance, animation, option);
+
+exports.transformLineVisibility = transformLineVisibility;
+//# sourceMappingURL=transformLineVisibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformLineVisibility.ts"],"names":[],"mappings":";;;AAEA,2EAAqE;AAE9D,MAAM,uBAAuB,GAAG,CACrC,QAAgB,EAChB,SAAyD,EACzD,MAAiD,EACjD,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;SACvE;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC","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/cjs/player/processor/chart/seriesmark/{transformLineAppear.d.ts → transformRectVisibility.d.ts}

@@ -1,6 +1,6 @@
 import type VChart from '@visactor/vchart';
-import type { IChartAppearAction } from '../../interface/appear-action';
-export declare const transformLineAppear: (instance: VChart, animation: IChartAppearAction['payload']['animation'], option: {
+import type { IChartVisibilityAction } from '../../interface/appear-action';
+export declare const transformRectVisibility: (instance: VChart, animation: IChartVisibilityAction['payload']['animation'], option: {
     markIndex: number;
     disappear: boolean;
 }) => {

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

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.transformRectAppear = void 0;
+}), exports.transformRectVisibility = void 0;
 
-const commonTransformMarkAppear_1 = require("./commonTransformMarkAppear"), transformRectAppear = (instance, animation, option) => {
-    const {duration: duration} = animation;
-    if (!(duration <= 0)) switch (animation.effect) {
+const commonTransformMarkAppear_1 = require("./commonTransformMarkAppear"), transformRectVisibility = (instance, animation, option) => {
+    switch (animation.effect) {
       case "grow":
         return rectGrow(instance, animation, Object.assign(Object.assign({}, option), {
             center: !1
@@ -17,12 +16,12 @@ const commonTransformMarkAppear_1 = require("./commonTransformMarkAppear"), tran
             center: !0
         }));
 
-      case "fade":
+      default:
         return (0, commonTransformMarkAppear_1.commonFade)(instance, animation, Object.assign({}, option));
     }
 };
 
-exports.transformRectAppear = transformRectAppear;
+exports.transformRectVisibility = transformRectVisibility;
 
 const rectGrow = (instance, animation, option = {
     center: !1,
@@ -65,4 +64,4 @@ const getXYAxis = instance => {
         if (isYAxis(axis.getOrient())) return !0;
     })) ];
 };
-//# sourceMappingURL=transformRectAppear.js.map
+//# sourceMappingURL=transformRectVisibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformRectVisibility.ts"],"names":[],"mappings":"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","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/cjs/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/cjs/player/processor/chart/seriesmark/transformSymbolVisibility.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.transformSymbolVisibility = void 0;
+
+const commonTransformMarkAppear_1 = require("./commonTransformMarkAppear"), transformSymbolVisibility = (instance, animation, option) => "grow" === animation.effect ? (0, 
+commonTransformMarkAppear_1.commonGrow)(instance, animation, [ "scaleIn", "scaleOut" ], option) : (0, 
+commonTransformMarkAppear_1.commonFade)(instance, animation, option);
+
+exports.transformSymbolVisibility = transformSymbolVisibility;
+//# sourceMappingURL=transformSymbolVisibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformSymbolVisibility.ts"],"names":[],"mappings":";;;AAEA,2EAAqE;AAE9D,MAAM,yBAAyB,GAAG,CACvC,QAAgB,EAChB,SAAyD,EACzD,MAAiD,EACjD,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;SACzE;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAhBW,QAAA,yBAAyB,6BAgBpC","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/cjs/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/cjs/player/processor/chart/seriesmark/transformTextVisibility.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.transformTextVisibility = void 0;
+
+const commonTransformMarkAppear_1 = require("./commonTransformMarkAppear"), transformTextVisibility = (instance, animation, option) => "grow" === animation.effect ? (0, 
+commonTransformMarkAppear_1.commonGrow)(instance, animation, [ "scaleIn", "scaleOut" ], option) : (0, 
+commonTransformMarkAppear_1.commonFade)(instance, animation, option);
+
+exports.transformTextVisibility = transformTextVisibility;
+//# sourceMappingURL=transformTextVisibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformTextVisibility.ts"],"names":[],"mappings":";;;AAEA,2EAAqE;AAG9D,MAAM,uBAAuB,GAAG,CACrC,QAAgB,EAChB,SAAyD,EACzD,MAGC,EACD,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;SACzE;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAnBW,QAAA,uBAAuB,2BAmBlC","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/cjs/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/cjs/player/processor/chart/transformMap.js

@@ -4,19 +4,20 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.transformMap = void 0;
 
-const axisAppear_1 = require("./component/axisAppear"), labelAppear_1 = require("./component/labelAppear"), legendsAppear_1 = require("./component/legendsAppear"), titleAppear_1 = require("./component/titleAppear"), transformArcAppear_1 = require("./seriesmark/transformArcAppear"), transformLineAppear_1 = require("./seriesmark/transformLineAppear"), transformRectAppear_1 = require("./seriesmark/transformRectAppear"), transformSymbolAppear_1 = require("./seriesmark/transformSymbolAppear"), transformTextAppear_1 = require("./seriesmark/transformTextAppear");
+const chartAppear_1 = require("./common/chartAppear"), axisAppear_1 = require("./component/axisAppear"), labelAppear_1 = require("./component/labelAppear"), legendsAppear_1 = require("./component/legendsAppear"), titleAppear_1 = require("./component/titleAppear"), transformArcVisibility_1 = require("./seriesmark/transformArcVisibility"), transformLineVisibility_1 = require("./seriesmark/transformLineVisibility"), transformRectVisibility_1 = require("./seriesmark/transformRectVisibility"), transformSymbolVisibility_1 = require("./seriesmark/transformSymbolVisibility"), transformTextVisibility_1 = require("./seriesmark/transformTextVisibility");
 
 exports.transformMap = {
     appear: {
-        rect: transformRectAppear_1.transformRectAppear,
-        line: transformLineAppear_1.transformLineAppear,
-        symbol: transformSymbolAppear_1.transformSymbolAppear,
-        text: transformTextAppear_1.transformTextAppear,
-        arc: transformArcAppear_1.transformArcAppear,
+        rect: transformRectVisibility_1.transformRectVisibility,
+        line: transformLineVisibility_1.transformLineVisibility,
+        symbol: transformSymbolVisibility_1.transformSymbolVisibility,
+        text: transformTextVisibility_1.transformTextVisibility,
+        arc: transformArcVisibility_1.transformArcVisibility,
         legends: legendsAppear_1.runLegendsAppear,
         label: labelAppear_1.runLabelAppear,
         axis: axisAppear_1.runAxisAppear,
-        title: titleAppear_1.runTitleAppear
+        title: titleAppear_1.runTitleAppear,
+        chart: chartAppear_1.runChartAppear
     }
 };
 //# sourceMappingURL=transformMap.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/chart/transformMap.ts"],"names":[],"mappings":";;;AAAA,uDAAuD;AACvD,yDAAyD;AACzD,6DAA6D;AAC7D,yDAAyD;AACzD,wEAAqE;AACrE,0EAAuE;AACvE,0EAAuE;AACvE,8EAA2E;AAC3E,0EAAuE;AAE1D,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAE;QAEN,IAAI,EAAE,yCAAmB;QACzB,IAAI,EAAE,yCAAmB;QACzB,MAAM,EAAE,6CAAqB;QAC7B,IAAI,EAAE,yCAAmB;QACzB,GAAG,EAAE,uCAAkB;QAEvB,OAAO,EAAE,gCAAgB;QACzB,KAAK,EAAE,4BAAc;QACrB,IAAI,EAAE,0BAAa;QACnB,KAAK,EAAE,4BAAc;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,sDAAsD;AACtD,uDAAuD;AAEvD,yDAAyD;AACzD,6DAA6D;AAC7D,yDAAyD;AACzD,gFAA6E;AAC7E,kFAA+E;AAC/E,kFAA+E;AAC/E,sFAAmF;AACnF,kFAA+E;AAElE,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAE;QAEN,IAAI,EAAE,iDAAuB;QAC7B,IAAI,EAAE,iDAAuB;QAC7B,MAAM,EAAE,qDAAyB;QACjC,IAAI,EAAE,iDAAuB;QAC7B,GAAG,EAAE,+CAAsB;QAE3B,OAAO,EAAE,gCAAgB;QACzB,KAAK,EAAE,4BAAc;QACrB,IAAI,EAAE,0BAAa;QACnB,KAAK,EAAE,4BAAc;QAErB,KAAK,EAAE,4BAAc;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/cjs/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/cjs/player/processor/chart/vchart.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.VChartVisibilityActionProcessor = void 0;
+}), exports.VChartAddActionProcessor = exports.VChartUpdateActionProcessor = exports.VChartVisibilityActionProcessor = void 0;
 
-const vutils_1 = require("@visactor/vutils"), processor_item_1 = require("../processor-item"), transformMap_1 = require("./transformMap");
+const vutils_1 = require("@visactor/vutils"), processor_item_1 = require("../processor-item"), transformMap_1 = require("./transformMap"), utils_1 = require("../component/utils");
 
 class VChartVisibilityActionProcessor extends processor_item_1.ActionProcessorItem {
     constructor() {
@@ -12,13 +12,26 @@ class VChartVisibilityActionProcessor extends processor_item_1.ActionProcessorIt
     }
     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_1.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);
     }
@@ -29,15 +42,22 @@ class VChartVisibilityActionProcessor extends processor_item_1.ActionProcessorIt
         }));
     }
     legendsComponentAppear(vchart, component, actionSpec) {
-        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap_1.transformMap.appear.legends, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
+        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap_1.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 = (0, 
-        vutils_1.isNumberClose)(axisItems[0][0].value, 1) ? "positive" : "negative", appearTransformFunc = transformMap_1.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 = (0, 
+        utils_1.checkArrayOrder)(axisItems[0], "value") < 0 ? "positive" : "negative", appearTransformFunc = transformMap_1.transformMap.appear.axis, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
         axis && this.runTransformFunc(axis, appearTransformFunc, actionSpec, defaultPayload, {
             orient: orient,
             direction: direction
@@ -46,14 +66,21 @@ class VChartVisibilityActionProcessor extends processor_item_1.ActionProcessorIt
             direction: direction
         });
     }
+    polarAxisAppear(axis, axisGrid, actionSpec) {
+        var _a, _b;
+        _b = null === (_a = axis.attribute) || void 0 === _a ? void 0 : _a.items;
+        const appearTransformFunc = transformMap_1.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_1.transformMap.appear.title, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
+        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap_1.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, (0, vutils_1.merge)({}, defaultPayload, payload).animation, Object.assign({
                 disappear: "disappear" === actionSpec.action
@@ -70,7 +97,7 @@ class VChartVisibilityActionProcessor extends processor_item_1.ActionProcessorIt
                 index: markIndex,
                 disappear: "disappear" === actionSpec.action
             });
-            product && config && product.animate.run(config || {});
+            product && product.animate.run(config || {});
         }));
     }
 }
@@ -91,6 +118,14 @@ exports.VChartVisibilityActionProcessor = VChartVisibilityActionProcessor, VChar
         oneByOne: !1,
         loop: !1
     }
+}, VChartVisibilityActionProcessor.fadePayload = {
+    animation: {
+        effect: "fade",
+        duration: 2e3,
+        easing: "cubicOut",
+        oneByOne: !1,
+        loop: !1
+    }
 }, VChartVisibilityActionProcessor.arcPayload = {
     animation: {
         effect: "growAngle",
@@ -102,4 +137,56 @@ exports.VChartVisibilityActionProcessor = VChartVisibilityActionProcessor, VChar
 }, VChartVisibilityActionProcessor.linePayload = VChartVisibilityActionProcessor.defaultPayload, 
 VChartVisibilityActionProcessor.symbolPayload = VChartVisibilityActionProcessor.defaultPayload, 
 VChartVisibilityActionProcessor.textPayload = VChartVisibilityActionProcessor.defaultPayload;
+
+class VChartUpdateActionProcessor extends processor_item_1.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 = (0, vutils_1.cloneDeep)(instance._dataSet.getDataView(dataId).rawData);
+            ((0, vutils_1.isArray)(data) ? data : [ data ]).forEach((item => {
+                const {sourceValue: sourceValue, targetValue: targetValue} = item, dataIndex = rowData.findIndex((v => (0, 
+                utils_1.isMatch)(v, sourceValue)));
+                -1 !== dataIndex && rowData.splice(dataIndex, 1, targetValue);
+            })), instance.updateDataSync(dataId, rowData);
+        }
+    }
+}
+
+exports.VChartUpdateActionProcessor = VChartUpdateActionProcessor;
+
+class VChartAddActionProcessor extends processor_item_1.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 = (0, 
+        vutils_1.cloneDeep)(instance._dataSet.getDataView(dataId).rawData), data = (0, vutils_1.isArray)(values) ? values : [ values ];
+        rowData.push(...data), instance.updateDataSync(dataId, rowData);
+    }
+}
+
+exports.VChartAddActionProcessor = VChartAddActionProcessor;
 //# sourceMappingURL=vchart.js.map