@visactor/vstory 0.0.4-alpha.1 → 0.0.4

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/chart/vchart.ts"],"names":[],"mappings":"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","file":"vchart.js","sourcesContent":["import type { IComponent, ISeries, IVChart } from '@visactor/vchart';\nimport { isFunction, isNumberClose, merge } from '@visactor/vutils';\nimport type { ICharacter } from '../../../story/character';\nimport type { IAction } from '../../../story/interface';\nimport { ActionProcessorItem } from '../processor-item';\nimport { transformMap } from './transformMap';\nimport type { IChartAppearAction } from '../interface/appear-action';\nimport type { AxisBaseAttributes } from '@visactor/vrender-components';\nimport type { IGroup } from '@visactor/vrender-core';\n\nexport class VChartVisibilityActionProcessor extends ActionProcessorItem {\n  name: 'appearOrDisAppear';\n\n  constructor() {\n    super();\n  }\n\n  getStartTimeAndDuration(action: IAction): { startTime: number; duration: number } {\n    const { startTime: globalStartTime = 0, duration: globalDuration } = action;\n    const { startTime = 0, duration = 0 } = action.payload?.animation ?? ({} as any);\n\n    const st = globalStartTime + startTime;\n    const d = globalDuration ?? duration;\n    return {\n      startTime: st,\n      duration: d\n    };\n  }\n\n  run(character: ICharacter, actionSpec: IAction): void {\n    return;\n    // const vchart = character.graphic._vchart as IVChart;\n    // // series & mark\n    // const seriesList = vchart.getChart().getAllSeries();\n    // seriesList.forEach(series => {\n    //   this.commonSeriesAppear(vchart, series, actionSpec);\n    // });\n    // // component\n    // const components = vchart.getChart().getAllComponents();\n    // components.forEach(component => {\n    //   this.componentAppear(vchart, component, actionSpec);\n    // });\n  }\n\n  protected componentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction) {\n    if (component.specKey === 'label') {\n      this.labelComponentAppear(vchart, component, actionSpec);\n    } else if (component.specKey === 'legends') {\n      this.legendsComponentAppear(vchart, component, actionSpec);\n    } else if (component.specKey === 'axes') {\n      this.axisComponentAppear(vchart, component, actionSpec);\n    } else if (component.specKey === 'title') {\n      this.titleComponentAppear(vchart, component, actionSpec);\n    }\n  }\n\n  protected labelComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction) {\n    const vrenderComponents = component.getVRenderComponents();\n    const appearTransformFunc = (transformMap.appear as any).label;\n    const defaultPayload = VChartVisibilityActionProcessor.defaultPayload;\n    vrenderComponents.forEach(group => {\n      this.runTransformFunc(group as any, appearTransformFunc, actionSpec, defaultPayload);\n    });\n  }\n\n  protected legendsComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction) {\n    const vrenderComponents = component.getVRenderComponents();\n    const appearTransformFunc = (transformMap.appear as any).legends;\n    const defaultPayload = VChartVisibilityActionProcessor.defaultPayload;\n    vrenderComponents.forEach(group => {\n      this.runTransformFunc(group as any, appearTransformFunc, actionSpec, defaultPayload);\n    });\n  }\n\n  protected axisComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction) {\n    const vrenderComponents = component.getVRenderComponents();\n    const axis = vrenderComponents[0];\n    const axisGrid = vrenderComponents[1];\n    const axisOrient = (axis.attribute as AxisBaseAttributes).orient;\n    const axisItems = (axis.attribute as AxisBaseAttributes).items ?? [[]];\n    const orient = axisOrient === 'left' || axisOrient === 'right' ? 'height' : 'width';\n    const gridOrient = axisOrient === 'left' || axisOrient === 'right' ? 'width' : 'height';\n    const direction = isNumberClose(axisItems[0][0].value, 1) ? 'positive' : 'negative';\n    const appearTransformFunc = (transformMap.appear as any).axis;\n    const defaultPayload = (VChartVisibilityActionProcessor as any).defaultPayload;\n\n    if (axis) {\n      this.runTransformFunc(axis as any, appearTransformFunc, actionSpec, defaultPayload, { orient, direction });\n    }\n    if (axisGrid) {\n      this.runTransformFunc(axisGrid as any, appearTransformFunc, actionSpec, defaultPayload, {\n        orient: gridOrient,\n        direction\n      });\n    }\n  }\n\n  protected titleComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IAction) {\n    const vrenderComponents = component.getVRenderComponents();\n    const appearTransformFunc = (transformMap.appear as any).title;\n    const defaultPayload = VChartVisibilityActionProcessor.defaultPayload;\n    vrenderComponents.forEach(group => {\n      this.runTransformFunc(group as any, appearTransformFunc, actionSpec, defaultPayload);\n    });\n  }\n\n  private runTransformFunc(\n    instance: IGroup,\n    appearTransformFunc: any,\n    actionSpec: IAction,\n    defaultPayload: IAction['payload'] = {},\n    actionOption: Record<string, any> = {}\n  ) {\n    if (appearTransformFunc) {\n      const { payload } = actionSpec;\n      const mergePayload = merge({}, defaultPayload, payload) as IChartAppearAction['payload'];\n      appearTransformFunc(instance, mergePayload.animation, {\n        disappear: actionSpec.action === 'disappear',\n        ...actionOption\n      });\n    }\n  }\n\n  protected commonSeriesAppear(vchart: IVChart, series: ISeries, actionSpec: IAction) {\n    const marks = series.getMarksWithoutRoot();\n    if (!marks.length) {\n      return;\n    }\n    const { payload } = actionSpec;\n    marks.forEach((mark, markIndex) => {\n      const defaultMarkPayload = (VChartVisibilityActionProcessor as any)[`${mark.type}Payload`];\n      const mergePayload = merge(\n        {},\n        isFunction(defaultMarkPayload) ? defaultMarkPayload(series.type) : defaultMarkPayload || {},\n        payload\n      ) as IChartAppearAction['payload'];\n      const product = mark.getProduct();\n      const appearTransform = (transformMap.appear as any)[mark.type];\n      const config =\n        appearTransform &&\n        appearTransform(vchart as any, mergePayload.animation, {\n          index: markIndex,\n          disappear: actionSpec.action === 'disappear'\n        });\n      // @ts-ignore\n      product && config && product.animate.run(config || {});\n    });\n  }\n\n  static rectPayload = (seriesType: string) => {\n    return {\n      animation: {\n        effect: seriesType === 'treemap' ? 'centerGrow' : 'grow',\n        duration: 2000,\n        easing: 'cubicOut',\n        oneByOne: false,\n        loop: false\n      }\n    };\n  };\n\n  static defaultPayload: IChartAppearAction['payload'] = {\n    animation: {\n      effect: 'grow',\n      duration: 2000,\n      easing: 'cubicOut',\n      oneByOne: false,\n      loop: false\n    }\n  };\n\n  static arcPayload: IChartAppearAction['payload'] = {\n    animation: {\n      effect: 'growAngle',\n      duration: 2000,\n      easing: 'cubicOut',\n      oneByOne: false,\n      loop: false\n    }\n  };\n\n  static linePayload: IChartAppearAction['payload'] = VChartVisibilityActionProcessor.defaultPayload;\n  static symbolPayload: IChartAppearAction['payload'] = VChartVisibilityActionProcessor.defaultPayload;\n  static textPayload: IChartAppearAction['payload'] = VChartVisibilityActionProcessor.defaultPayload;\n}\n"]}
+{"version":3,"sources":["../src/player/processor/chart/vchart.ts"],"names":[],"mappings":"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","file":"vchart.js","sourcesContent":["import type { IComponent, ISeries, IVChart } from '@visactor/vchart';\nimport { cloneDeep, isArray, isFunction, isNumberClose, merge } from '@visactor/vutils';\nimport type { ICharacter } from '../../../story/character';\nimport type { IActionSpec } from '../../../story/interface';\nimport { ActionProcessorItem } from '../processor-item';\nimport { transformMap } from './transformMap';\nimport type { IChartVisibilityAction } from '../interface/appear-action';\nimport type { AxisBaseAttributes } from '@visactor/vrender-components';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type { IAction, IActionPayload } from '../interface/common-action';\nimport { checkArrayOrder, isMatch } from '../component/utils';\n\nexport type Datum = Record<string, any>;\n\nexport class VChartVisibilityActionProcessor extends ActionProcessorItem {\n  name: 'appearOrDisAppear';\n\n  constructor() {\n    super();\n  }\n\n  getStartTimeAndDuration(action: IActionSpec): { startTime: number; duration: number } {\n    const { startTime: globalStartTime = 0 } = action;\n    const { startTime = 0, duration = 0 } = action.payload?.animation ?? ({} as any);\n\n    const st = globalStartTime + startTime;\n    const d = duration;\n    return {\n      startTime: st,\n      duration: d\n    };\n  }\n\n  run(character: ICharacter, actionSpec: IChartVisibilityAction): void {\n    const vchart = (character.graphic as any)._vchart as IVChart;\n    // chart & panel\n    this.chartVisibility(character.graphic as any, actionSpec);\n    // series & mark\n    const seriesList = vchart.getChart().getAllSeries();\n    seriesList.forEach(series => {\n      this.commonSeriesAppear(vchart, series, actionSpec);\n    });\n    // component\n    const components = vchart.getChart().getAllComponents();\n    components.forEach(component => {\n      this.componentAppear(vchart, component, actionSpec);\n    });\n  }\n\n  protected chartVisibility(chartGraphic: IGraphic, actionSpec: IActionSpec) {\n    const appearTransformFunc = (transformMap.appear as any).chart;\n    const defaultPayload = VChartVisibilityActionProcessor.fadePayload;\n    this.runTransformFunc(chartGraphic as any, appearTransformFunc, actionSpec, defaultPayload);\n  }\n\n  protected componentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec) {\n    if (component.specKey === 'label') {\n      this.labelComponentAppear(vchart, component, actionSpec);\n    } else if (component.specKey === 'legends') {\n      this.legendsComponentAppear(vchart, component, actionSpec);\n    } else if (component.specKey === 'axes') {\n      this.axisComponentAppear(vchart, component, actionSpec);\n    } else if (component.specKey === 'title') {\n      this.titleComponentAppear(vchart, component, actionSpec);\n    }\n  }\n\n  protected labelComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec) {\n    const vrenderComponents = component.getVRenderComponents();\n    const appearTransformFunc = (transformMap.appear as any).label;\n    const defaultPayload = VChartVisibilityActionProcessor.defaultPayload;\n    vrenderComponents.forEach(group => {\n      this.runTransformFunc(group as any, appearTransformFunc, actionSpec, defaultPayload);\n    });\n  }\n\n  protected legendsComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec) {\n    const vrenderComponents = component.getVRenderComponents();\n    const appearTransformFunc = (transformMap.appear as any).legends;\n    const defaultPayload = VChartVisibilityActionProcessor.fadePayload;\n    vrenderComponents.forEach(group => {\n      this.runTransformFunc(group as any, appearTransformFunc, actionSpec, defaultPayload);\n    });\n  }\n\n  protected axisComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec) {\n    const vrenderComponents = component.getVRenderComponents();\n    const axis = vrenderComponents[0];\n    if (!axis) {\n      return;\n    }\n    const axisGrid = vrenderComponents[1];\n    const axisOrient = (axis.attribute as AxisBaseAttributes)?.orient;\n    if (axisOrient === 'angle' || axisOrient === 'radius') {\n      this.polarAxisAppear(axis, axisGrid, actionSpec);\n    } else {\n      this.cartesianAxisAppear(axis, axisGrid, actionSpec);\n    }\n  }\n\n  protected cartesianAxisAppear(axis: any, axisGrid: any, actionSpec: IActionSpec) {\n    const axisOrient = (axis.attribute as AxisBaseAttributes)?.orient;\n    const axisItems = (axis.attribute as AxisBaseAttributes)?.items ?? [[]];\n    const orient = axisOrient === 'left' || axisOrient === 'right' ? 'height' : 'width';\n    const gridOrient = axisOrient === 'left' || axisOrient === 'right' ? 'width' : 'height';\n    // 有点 hack。从 vrender component 拿不到轴 inverse 配置。\n    const direction = checkArrayOrder(axisItems[0], 'value') < 0 ? 'positive' : 'negative';\n    const appearTransformFunc = (transformMap.appear as any).axis;\n    const defaultPayload = VChartVisibilityActionProcessor.defaultPayload;\n    if (axis) {\n      this.runTransformFunc(axis as any, appearTransformFunc, actionSpec, defaultPayload, { orient, direction });\n    }\n    if (axisGrid) {\n      this.runTransformFunc(axisGrid as any, appearTransformFunc, actionSpec, defaultPayload, {\n        orient: gridOrient,\n        direction\n      });\n    }\n  }\n\n  protected polarAxisAppear(axis: any, axisGrid: any, actionSpec: IActionSpec) {\n    const axisItems = (axis.attribute as AxisBaseAttributes)?.items ?? [[]];\n    const appearTransformFunc = (transformMap.appear as any).axis;\n    const defaultPayload = VChartVisibilityActionProcessor.fadePayload;\n    if (axis) {\n      this.runTransformFunc(axis as any, appearTransformFunc, actionSpec, defaultPayload);\n    }\n    if (axisGrid) {\n      this.runTransformFunc(axisGrid as any, appearTransformFunc, actionSpec, defaultPayload, {});\n    }\n  }\n\n  protected titleComponentAppear(vchart: IVChart, component: IComponent, actionSpec: IActionSpec) {\n    const vrenderComponents = component.getVRenderComponents();\n    const appearTransformFunc = (transformMap.appear as any).title;\n    const defaultPayload = VChartVisibilityActionProcessor.fadePayload;\n    vrenderComponents.forEach(group => {\n      this.runTransformFunc(group as any, appearTransformFunc, actionSpec, defaultPayload);\n    });\n  }\n\n  private runTransformFunc(\n    instance: IGroup,\n    appearTransformFunc: any,\n    actionSpec: IActionSpec,\n    defaultPayload: IActionSpec['payload'] = {} as any,\n    actionOption: Record<string, any> = {}\n  ) {\n    if (instance && appearTransformFunc) {\n      const { payload } = actionSpec;\n      const mergePayload = merge({}, defaultPayload, payload) as IChartVisibilityAction['payload'];\n      appearTransformFunc(instance, mergePayload.animation, {\n        disappear: actionSpec.action === 'disappear',\n        ...actionOption\n      });\n    }\n  }\n\n  protected commonSeriesAppear(vchart: IVChart, series: ISeries, actionSpec: IActionSpec) {\n    const marks = series.getMarksWithoutRoot();\n    if (!marks.length) {\n      return;\n    }\n    const { payload } = actionSpec;\n    marks.forEach((mark, markIndex) => {\n      const defaultMarkPayload = (VChartVisibilityActionProcessor as any)[`${mark.type}Payload`];\n      const mergePayload = merge(\n        {},\n        isFunction(defaultMarkPayload) ? defaultMarkPayload(series.type) : defaultMarkPayload || {},\n        payload\n      ) as IChartVisibilityAction['payload'];\n      const product = mark.getProduct();\n      const appearTransform = (transformMap.appear as any)[mark.type];\n      const config =\n        appearTransform &&\n        appearTransform(vchart as any, mergePayload.animation, {\n          index: markIndex,\n          disappear: actionSpec.action === 'disappear'\n        });\n      // @ts-ignore\n      product && product.animate.run(config || {});\n    });\n  }\n\n  static rectPayload = (seriesType: string) => {\n    return {\n      animation: {\n        effect: seriesType === 'treemap' ? 'centerGrow' : 'grow',\n        duration: 2000,\n        easing: 'cubicOut',\n        oneByOne: false,\n        loop: false\n      }\n    };\n  };\n\n  static defaultPayload: IChartVisibilityAction['payload'] = {\n    animation: {\n      effect: 'grow',\n      duration: 2000,\n      easing: 'cubicOut',\n      oneByOne: false,\n      loop: false\n    }\n  };\n\n  static fadePayload: IChartVisibilityAction['payload'] = {\n    animation: {\n      effect: 'fade',\n      duration: 2000,\n      easing: 'cubicOut',\n      oneByOne: false,\n      loop: false\n    }\n  };\n\n  static arcPayload: IChartVisibilityAction['payload'] = {\n    animation: {\n      effect: 'growAngle',\n      duration: 2000,\n      easing: 'cubicOut',\n      oneByOne: false,\n      loop: false\n    }\n  };\n\n  static linePayload: IChartVisibilityAction['payload'] = VChartVisibilityActionProcessor.defaultPayload;\n  static symbolPayload: IChartVisibilityAction['payload'] = VChartVisibilityActionProcessor.defaultPayload;\n  static textPayload: IChartVisibilityAction['payload'] = VChartVisibilityActionProcessor.defaultPayload;\n}\n\nexport interface IChartUpdatePayload extends IActionPayload {\n  // 批量更新数据\n  values: Array<Datum>;\n\n  // 将sourceValue替换为targetValue\n  data: Array<{\n    sourceValue: Datum;\n    targetValue: Datum;\n  }>;\n\n  id: string | number;\n}\n\nexport interface IChartUpdateAction extends IAction<IChartUpdatePayload> {\n  action: 'update';\n}\n\nexport class VChartUpdateActionProcessor extends ActionProcessorItem {\n  name: 'update';\n\n  constructor() {\n    super();\n  }\n\n  getStartTimeAndDuration(action: IActionSpec): { startTime: number; duration: number } {\n    const { startTime: globalStartTime = 0 } = action;\n    const { startTime = 0, duration = 0 } = action.payload?.animation ?? ({} as any);\n\n    const st = globalStartTime + startTime;\n    const d = duration;\n    return {\n      startTime: st,\n      duration: d\n    };\n  }\n\n  run(character: ICharacter, actionSpec: IChartUpdateAction): void {\n    const instance = (character.graphic as any)._vchart as IVChart;\n    if (!instance) {\n      return;\n    }\n\n    const { payload } = actionSpec;\n    const { id: dataId, data, values } = payload;\n\n    if (values) {\n      instance.updateDataSync(dataId, values);\n    } else {\n      const rowData = cloneDeep((instance as any)._dataSet.getDataView(dataId).rawData);\n\n      const items = isArray(data) ? data : [data];\n\n      items.forEach(item => {\n        const { sourceValue, targetValue } = item;\n        const dataIndex = rowData.findIndex((v: any) => isMatch(v, sourceValue));\n        if (dataIndex !== -1) {\n          rowData.splice(dataIndex, 1, targetValue);\n        }\n      });\n\n      instance.updateDataSync(dataId, rowData);\n    }\n  }\n}\n\nexport interface IChartAddPayload extends IActionPayload {\n  id: string | number;\n  values: Datum | Datum[];\n  style?: {\n    [key: string]: number | string;\n  };\n}\n\nexport interface IChartAddAction extends IAction<IChartAddPayload> {\n  action: 'add';\n  payload: IChartAddPayload;\n}\n\nexport class VChartAddActionProcessor extends ActionProcessorItem {\n  name: 'add';\n\n  constructor() {\n    super();\n  }\n\n  getStartTimeAndDuration(action: IActionSpec): { startTime: number; duration: number } {\n    const { startTime: globalStartTime = 0 } = action;\n    const { startTime = 0, duration = 0 } = action.payload?.animation ?? ({} as any);\n\n    const st = globalStartTime + startTime;\n    const d = duration;\n    return {\n      startTime: st,\n      duration: d\n    };\n  }\n\n  run(character: ICharacter, actionSpec: IChartAddAction): void {\n    const instance = (character.graphic as any)._vchart as IVChart;\n    if (!instance) {\n      return;\n    }\n\n    const { payload } = actionSpec as IChartAddAction;\n    const { id: dataId, values } = payload;\n    const rowData = cloneDeep((instance as any)._dataSet.getDataView(dataId).rawData);\n\n    const data = isArray(values) ? values : [values];\n    rowData.push(...data);\n\n    instance.updateDataSync(dataId, rowData);\n  }\n}\n"]}

package/cjs/player/processor/common/bounce-processor.d.ts

@@ -0,0 +1,3 @@
+import type { ICharacter } from '../../../story/character';
+import type { IComponentBouncePayLoad } from '../interface/style-action';
+export declare function bounce(character: ICharacter, animation: IComponentBouncePayLoad['animation'], params: IComponentBouncePayLoad): void;

package/cjs/player/processor/common/bounce-processor.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.bounce = void 0;
+
+const common_1 = require("./common"), util_1 = require("../../../animate/util/util"), bounce_1 = require("../../../animate/bounce");
+
+function bounce(character, animation, params) {
+    const graphic = (0, common_1.getCharacterParentGraphic)(character);
+    if (graphic) {
+        const {duration: duration, easing: easing} = animation, {dy: dy} = params;
+        let {customEase: customEase} = params;
+        const {y1: y1, y2: y2} = graphic.AABBBounds, height = Math.abs(y1 - y2);
+        customEase || (customEase = util_1.CustomEase.create("bounce", "M0,0 C0,0 0.058,1 0.2,1 0.346,1 0.41,0 0.53,0 0.559,0 0.681,-0.002 0.702,0.011 0.788,0.065 0.774,0.212 0.853,0.212 0.928,0.212 1,0 1,0 ", {})), 
+        graphic.animate().play(new bounce_1.Bounce({}, {}, duration, easing, {
+            dy: null != dy ? dy : .2 * height,
+            customEase: customEase
+        }));
+    }
+}
+
+exports.bounce = bounce;
+//# sourceMappingURL=bounce-processor.js.map

package/cjs/player/processor/common/bounce-processor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/common/bounce-processor.ts"],"names":[],"mappings":";;;AACA,qCAAqD;AAErD,qDAAwD;AACxD,oDAAiD;AAEjD,SAAgB,MAAM,CACpB,SAAqB,EACrB,SAA+C,EAC/C,MAA+B;IAE/B,MAAM,OAAO,GAAG,IAAA,kCAAyB,EAAC,SAAS,CAAC,CAAC;IACrD,IAAI,OAAO,EAAE;QACX,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACvC,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC;QACtB,IAAI,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;QAC5B,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACjC,IAAI,CAAC,UAAU,EAAE;YACf,UAAU,GAAG,iBAAU,CAAC,MAAM,CAC5B,QAAQ,EACR,yIAAyI,EACzI,EAAE,CACH,CAAC;SACH;QACD,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,eAAM,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,MAAM,GAAG,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;KACtG;AACH,CAAC;AArBD,wBAqBC","file":"bounce-processor.js","sourcesContent":["import type { ICharacter } from '../../../story/character';\nimport { getCharacterParentGraphic } from './common';\nimport type { IComponentBouncePayLoad } from '../interface/style-action';\nimport { CustomEase } from '../../../animate/util/util';\nimport { Bounce } from '../../../animate/bounce';\n\nexport function bounce(\n  character: ICharacter,\n  animation: IComponentBouncePayLoad['animation'],\n  params: IComponentBouncePayLoad\n) {\n  const graphic = getCharacterParentGraphic(character);\n  if (graphic) {\n    const { duration, easing } = animation;\n    const { dy } = params;\n    let { customEase } = params;\n    const { y1, y2 } = graphic.AABBBounds;\n    const height = Math.abs(y1 - y2);\n    if (!customEase) {\n      customEase = CustomEase.create(\n        'bounce',\n        'M0,0 C0,0 0.058,1 0.2,1 0.346,1 0.41,0 0.53,0 0.559,0 0.681,-0.002 0.702,0.011 0.788,0.065 0.774,0.212 0.853,0.212 0.928,0.212 1,0 1,0 ',\n        {}\n      );\n    }\n    graphic.animate().play(new Bounce({}, {}, duration, easing, { dy: dy ?? height * 0.2, customEase }));\n  }\n}\n"]}

package/cjs/player/processor/common/common.d.ts

@@ -0,0 +1,5 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { ICharacter } from '../../../story/character';
+export declare function getCharacterParentGraphic(character: ICharacter): import("@visactor/vrender-core").IGroup;
+export declare function getCharacterGraphic(character: ICharacter): IGraphic<Partial<import("@visactor/vrender-core").IGraphicAttribute>>[];
+export declare function getCharacterByEffect(character: ICharacter, effect: 'move' | string): IGraphic<Partial<import("@visactor/vrender-core").IGraphicAttribute>>[];

package/cjs/player/processor/common/common.js

@@ -0,0 +1,20 @@
+"use strict";
+
+function getCharacterParentGraphic(character) {
+    return character.getGraphicParent();
+}
+
+function getCharacterGraphic(character) {
+    return character.getGraphicParent().getChildren();
+}
+
+function getCharacterByEffect(character, effect) {
+    return "chart" === character._graphic.type || "move" === effect ? [ getCharacterParentGraphic(character) ] : getCharacterGraphic(character);
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getCharacterByEffect = exports.getCharacterGraphic = exports.getCharacterParentGraphic = void 0, 
+exports.getCharacterParentGraphic = getCharacterParentGraphic, exports.getCharacterGraphic = getCharacterGraphic, 
+exports.getCharacterByEffect = getCharacterByEffect;
+//# sourceMappingURL=common.js.map

package/cjs/player/processor/common/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/common/common.ts"],"names":[],"mappings":";;;AAGA,SAAgB,yBAAyB,CAAC,SAAqB;IAC7D,OAAO,SAAS,CAAC,gBAAgB,EAAE,CAAC;AACtC,CAAC;AAFD,8DAEC;AAED,SAAgB,mBAAmB,CAAC,SAAqB;IACvD,OAAO,SAAS,CAAC,gBAAgB,EAAE,CAAC,WAAW,EAAgB,CAAC;AAClE,CAAC;AAFD,kDAEC;AAED,SAAgB,oBAAoB,CAAC,SAAqB,EAAE,MAAuB;IAGjF,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,KAAK,OAAO,EAAE;QACvC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,CAAC;KAC/C;IAED,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;AACrG,CAAC;AARD,oDAQC","file":"common.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { ICharacter } from '../../../story/character';\n\nexport function getCharacterParentGraphic(character: ICharacter) {\n  return character.getGraphicParent();\n}\n\nexport function getCharacterGraphic(character: ICharacter) {\n  return character.getGraphicParent().getChildren() as IGraphic[];\n}\n\nexport function getCharacterByEffect(character: ICharacter, effect: 'move' | string) {\n  // 图表仅操作父节点.\n  // @ts-ignore\n  if (character._graphic.type === 'chart') {\n    return [getCharacterParentGraphic(character)];\n  }\n  // move效果, 一定是对parent的操作\n  return effect === 'move' ? [getCharacterParentGraphic(character)] : getCharacterGraphic(character);\n}\n"]}

package/cjs/player/processor/common/fade-processor.d.ts

@@ -0,0 +1,4 @@
+import type { ICharacter } from '../../../story/character';
+import type { IFadeInParams } from '../interface/appear-action';
+export declare function fadeIn(character: ICharacter, animation: IFadeInParams, effect: string): void;
+export declare function fadeOut(character: ICharacter, animation: IFadeInParams, effect: string): void;

package/cjs/player/processor/common/fade-processor.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.fadeOut = exports.fadeIn = void 0;
+
+const common_1 = require("./common"), utils_1 = require("../component/utils");
+
+function fadeIn(character, animation, effect) {
+    _fade((0, common_1.getCharacterParentGraphic)(character), animation, !0);
+}
+
+function fadeOut(character, animation, effect) {
+    _fade((0, common_1.getCharacterParentGraphic)(character), animation, !1);
+}
+
+function _fade(graphic, params, appear) {
+    var _a, _b, _c, _d;
+    if (!(0, utils_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {fade: fade = {}} = params, duration = (_b = null !== (_a = fade.opacity) && void 0 !== _a ? _a : params.opacity, 
+    null !== (_c = fade.duration) && void 0 !== _c ? _c : params.duration), easing = null !== (_d = fade.easing) && void 0 !== _d ? _d : params.easing, currOpacity = graphic.attribute.baseOpacity, opacityMap = appear ? {
+        from: 0,
+        to: null != currOpacity ? currOpacity : 1
+    } : {
+        from: null != currOpacity ? currOpacity : 1,
+        to: 0
+    };
+    return graphic.setAttributes({
+        baseOpacity: opacityMap.from
+    }), graphic.animate().to({
+        baseOpacity: opacityMap.to
+    }, duration, easing), !0;
+}
+
+exports.fadeIn = fadeIn, exports.fadeOut = fadeOut;
+//# sourceMappingURL=fade-processor.js.map

package/cjs/player/processor/common/fade-processor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/common/fade-processor.ts"],"names":[],"mappings":";;;AAEA,qCAAqD;AACrD,8CAA2D;AAG3D,SAAgB,MAAM,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IACpF,MAAM,OAAO,GAAG,IAAA,kCAAyB,EAAC,SAAS,CAAC,CAAC;IACrD,KAAK,CAAC,OAAO,EAAE,SAAgB,EAAE,IAAI,CAAC,CAAC;AACzC,CAAC;AAHD,wBAGC;AACD,SAAgB,OAAO,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IACrF,MAAM,OAAO,GAAG,IAAA,kCAAyB,EAAC,SAAS,CAAC,CAAC;IACrD,KAAK,CAAC,OAAO,EAAE,SAAgB,EAAE,KAAK,CAAC,CAAC;AAC1C,CAAC;AAHD,0BAGC;AAED,SAAS,KAAK,CAAC,OAAiB,EAAE,MAAqB,EAAE,MAAe;;IACtE,IAAI,CAAC,IAAA,6BAAqB,EAAC,OAAO,EAAE,MAAM,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC;KACd;IACD,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,OAAO,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,mCAAI,MAAM,CAAC,OAAO,mCAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,QAAQ,mCAAI,MAAM,CAAC,QAAQ,CAAC;IAClD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,MAAM,CAAC,MAAM,CAAC;IAC5C,MAAM,WAAW,GAAI,OAAO,CAAC,SAAiB,CAAC,WAAW,CAAC;IAE3D,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IAElG,OAAO,CAAC,aAAa,CAAC;QACpB,WAAW,EAAE,UAAU,CAAC,IAAI;KACtB,CAAC,CAAC;IAEV,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC;IAErF,OAAO,IAAI,CAAC;AACd,CAAC","file":"fade-processor.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender-core';\nimport type { ICharacter } from '../../../story/character';\nimport { getCharacterParentGraphic } from './common';\nimport { canDoGraphicAnimation } from '../component/utils';\nimport type { IFadeInParams } from '../interface/appear-action';\n\nexport function fadeIn(character: ICharacter, animation: IFadeInParams, effect: string) {\n  const graphic = getCharacterParentGraphic(character);\n  _fade(graphic, animation as any, true);\n}\nexport function fadeOut(character: ICharacter, animation: IFadeInParams, effect: string) {\n  const graphic = getCharacterParentGraphic(character);\n  _fade(graphic, animation as any, false);\n}\n\nfunction _fade(graphic: IGraphic, params: IFadeInParams, appear: boolean): boolean {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n  const { fade = {} } = params;\n  const opacity = fade.opacity ?? params.opacity ?? 1;\n  const duration = fade.duration ?? params.duration;\n  const easing = fade.easing ?? params.easing;\n  const currOpacity = (graphic.attribute as any).baseOpacity;\n\n  const opacityMap = appear ? { from: 0, to: currOpacity ?? 1 } : { from: currOpacity ?? 1, to: 0 };\n\n  graphic.setAttributes({\n    baseOpacity: opacityMap.from\n  } as any);\n\n  graphic.animate().to({ baseOpacity: opacityMap.to }, duration, easing as EasingType);\n\n  return true;\n}\n"]}

package/cjs/player/processor/common/move-processor.d.ts

@@ -0,0 +1,8 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IPointLike } from '@visactor/vutils';
+import type { ICharacter } from '../../../story/character';
+import type { IMoveParams, IMoveToParams } from '../interface/appear-action';
+export declare function moveTo(character: ICharacter, animation: IMoveToParams, destination: IPointLike): void;
+export declare function moveOut(character: ICharacter, animation: IMoveParams, effect: string): void;
+export declare function _moveOut(graphic: IGraphic, params: IMoveParams): boolean;
+export declare function moveIn(character: ICharacter, animation: IMoveParams, effect: string): void;

package/cjs/player/processor/common/move-processor.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.moveIn = exports._moveOut = exports.moveOut = exports.moveTo = void 0;
+
+const common_1 = require("./common"), utils_1 = require("../component/utils");
+
+function moveTo(character, animation, destination) {
+    const graphic = (0, common_1.getCharacterParentGraphic)(character);
+    if (graphic) {
+        const {duration: duration, easing: easing} = animation;
+        destination && graphic.animate().to(destination, duration, easing);
+    }
+}
+
+function moveOut(character, animation, effect) {
+    _moveOut((0, common_1.getCharacterParentGraphic)(character), animation);
+}
+
+function _moveOut(graphic, params) {
+    var _a, _b, _c, _d;
+    if (!(0, utils_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {move: move = {}} = params, to = null !== (_a = move.pos) && void 0 !== _a ? _a : params.pos, duration = null !== (_b = move.duration) && void 0 !== _b ? _b : params.duration, easing = null !== (_c = move.easing) && void 0 !== _c ? _c : params.easing, isVariableSpeed = null === (_d = move.isVariableSpeed) || void 0 === _d || _d;
+    let toX = graphic.attribute.x, toY = graphic.attribute.y;
+    const width = Math.abs(graphic.AABBBounds.x2 - graphic.AABBBounds.x1), height = Math.abs(graphic.AABBBounds.y2 - graphic.AABBBounds.y1);
+    if (isVariableSpeed) switch (to) {
+      case "right":
+        toX = graphic.parent.width;
+        break;
+
+      case "left":
+        toX = -width;
+        break;
+
+      case "bottom":
+        toY = graphic.parent.height + height;
+        break;
+
+      case "top":
+        toY = -height;
+    } else {
+        const distance = Math.max(graphic.parent.width, graphic.parent.height);
+        switch (to) {
+          case "right":
+            toX += distance;
+            break;
+
+          case "left":
+            toX += -distance;
+            break;
+
+          case "bottom":
+            toY += distance;
+            break;
+
+          case "top":
+            toY += -distance;
+        }
+    }
+    return graphic.animate().to({
+        x: toX,
+        y: toY
+    }, duration, easing).onEnd((() => {
+        graphic.setAttributes({
+            visible: !1,
+            visibleAll: !1
+        });
+    })), !0;
+}
+
+function moveIn(character, animation, effect) {
+    _moveIn((0, common_1.getCharacterParentGraphic)(character), animation);
+}
+
+function _moveIn(graphic, params) {
+    var _a, _b, _c, _d, _e;
+    if (!(0, utils_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {move: move = {}} = params, from = null !== (_b = null !== (_a = move.pos) && void 0 !== _a ? _a : params.pos) && void 0 !== _b ? _b : 1, duration = null !== (_c = move.duration) && void 0 !== _c ? _c : params.duration, easing = null !== (_d = move.easing) && void 0 !== _d ? _d : params.easing, isVariableSpeed = null === (_e = move.isVariableSpeed) || void 0 === _e || _e, width = Math.abs(graphic.AABBBounds.x2 - graphic.AABBBounds.x1), height = Math.abs(graphic.AABBBounds.y2 - graphic.AABBBounds.y1);
+    let fromX = graphic.attribute.x, fromY = graphic.attribute.y;
+    if (isVariableSpeed) switch (from) {
+      case "right":
+        fromX = graphic.parent.width;
+        break;
+
+      case "left":
+        fromX = -width;
+        break;
+
+      case "bottom":
+        fromY = graphic.parent.height + height;
+        break;
+
+      case "top":
+        fromY = -height;
+        break;
+
+      case "top-right":
+        fromY = -height, fromX = graphic.parent.width;
+        break;
+
+      case "top-left":
+        fromY = -height, fromX = -width;
+        break;
+
+      case "bottom-left":
+        fromY = graphic.parent.height + height, fromX = -width;
+        break;
+
+      case "bottom-right":
+        fromY = graphic.parent.height + height, fromX = graphic.parent.width;
+    } else {
+        const distance = Math.max(graphic.parent.width, graphic.parent.height);
+        switch (from) {
+          case "right":
+            fromX += distance;
+            break;
+
+          case "left":
+            fromX += -distance;
+            break;
+
+          case "bottom":
+            fromY += distance;
+            break;
+
+          case "top":
+            fromY += -distance;
+            break;
+
+          case "top-right":
+            fromX += distance, fromY += -distance;
+            break;
+
+          case "top-left":
+            fromX += -distance, fromY += -distance;
+            break;
+
+          case "bottom-left":
+            fromY += distance, fromX += -distance;
+            break;
+
+          case "bottom-right":
+            fromX += distance, fromY += distance;
+        }
+    }
+    return graphic.animate().from({
+        x: fromX,
+        y: fromY
+    }, duration, easing), !0;
+}
+
+exports.moveTo = moveTo, exports.moveOut = moveOut, exports._moveOut = _moveOut, 
+exports.moveIn = moveIn;
+//# sourceMappingURL=move-processor.js.map

package/cjs/player/processor/common/move-processor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/common/move-processor.ts"],"names":[],"mappings":"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","file":"move-processor.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender-core';\nimport type { IPointLike } from '@visactor/vutils';\nimport { isObject } from '@visactor/vutils';\nimport type { ICharacter } from '../../../story/character';\nimport type { IMoveParams, IMoveToParams } from '../interface/appear-action';\nimport { getCharacterParentGraphic } from './common';\nimport { canDoGraphicAnimation } from '../component/utils';\n\nexport function moveTo(character: ICharacter, animation: IMoveToParams, destination: IPointLike) {\n  const graphic = getCharacterParentGraphic(character);\n  if (graphic) {\n    const { duration, easing } = animation;\n    if (destination) {\n      graphic.animate().to(destination, duration, easing as EasingType);\n    }\n  }\n}\n\nexport function moveOut(character: ICharacter, animation: IMoveParams, effect: string) {\n  const graphic = getCharacterParentGraphic(character);\n  _moveOut(graphic, animation as any);\n}\nexport function _moveOut(graphic: IGraphic, params: IMoveParams) {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n  const { move = {} } = params;\n  const to = move.pos ?? params.pos;\n  const duration = move.duration ?? params.duration;\n  const easing = move.easing ?? params.easing;\n  const isVariableSpeed = move.isVariableSpeed ?? true;\n\n  let toX = graphic.attribute.x;\n  let toY = graphic.attribute.y;\n\n  // 图形宽高\n  const width = Math.abs(graphic.AABBBounds.x2 - graphic.AABBBounds.x1);\n  const height = Math.abs(graphic.AABBBounds.y2 - graphic.AABBBounds.y1);\n\n  if (isVariableSpeed) {\n    // 同时抵达边缘, 速度不同.\n    switch (to) {\n      case 'right':\n        // 画布容器宽度\n        toX = graphic.parent.width;\n        break;\n      case 'left':\n        // 负的图形宽度\n        toX = -width;\n        break;\n      case 'bottom':\n        // 容器高度 + 图形高度\n        toY = graphic.parent.height + height;\n        break;\n      case 'top':\n        // 负的图形高度\n        toY = -height;\n        break;\n    }\n  } else {\n    // 速度相同, 相对位置不变.\n    const distance = Math.max(graphic.parent.width, graphic.parent.height);\n    switch (to) {\n      case 'right':\n        toX += distance;\n        break;\n      case 'left':\n        toX += -distance;\n        break;\n      case 'bottom':\n        toY += distance;\n        break;\n      case 'top':\n        toY += -distance;\n        break;\n    }\n  }\n  graphic\n    .animate()\n    .to({ x: toX, y: toY }, duration, easing as EasingType)\n    // 最终不显示\n    .onEnd(() => {\n      graphic.setAttributes({ visible: false, visibleAll: false } as any);\n    });\n  return true;\n}\n\nexport function moveIn(character: ICharacter, animation: IMoveParams, effect: string) {\n  const graphic = getCharacterParentGraphic(character);\n  _moveIn(graphic, animation as any);\n}\n\nfunction _moveIn(graphic: IGraphic, params: IMoveParams) {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n\n  const { move = {} } = params;\n  const from = move.pos ?? params.pos ?? 1;\n  const duration = move.duration ?? params.duration;\n  const easing = move.easing ?? params.easing;\n  const isVariableSpeed = move.isVariableSpeed ?? true;\n\n  // 图形宽高\n  const width = Math.abs(graphic.AABBBounds.x2 - graphic.AABBBounds.x1);\n  const height = Math.abs(graphic.AABBBounds.y2 - graphic.AABBBounds.y1);\n\n  let fromX = graphic.attribute.x;\n  let fromY = graphic.attribute.y;\n  if (isVariableSpeed) {\n    // 同时从边缘进入, 速度不同, 同时抵达目标.\n    switch (from) {\n      case 'right':\n        // 图形左边缘为起点\n        fromX = graphic.parent.width;\n        break;\n      case 'left':\n        // 图形右边缘为起点\n        fromX = -width;\n        break;\n      case 'bottom':\n        // 从下往上进入\n        fromY = graphic.parent.height + height;\n        break;\n      case 'top':\n        // 从上往下进入\n        fromY = -height;\n        break;\n      case 'top-right':\n        // 从右上进入 ↗️\n        fromY = -height;\n        fromX = graphic.parent.width;\n        break;\n      case 'top-left':\n        // 从左上进入 ↖️\n        fromY = -height;\n        fromX = -width;\n        break;\n      case 'bottom-left':\n        // 从左下进入 ↙️\n        fromY = graphic.parent.height + height;\n        fromX = -width;\n        break;\n      case 'bottom-right':\n        // 从右下进入 ↘️\n        fromY = graphic.parent.height + height;\n        fromX = graphic.parent.width;\n        break;\n    }\n  } else {\n    // 速度相同, 相对位置不变, 但不同时出现.\n    const distance = Math.max(graphic.parent.width, graphic.parent.height);\n    switch (from) {\n      case 'right':\n        // 从右往左进入\n        fromX += distance;\n        break;\n      case 'left':\n        // 从左往右进入\n        fromX += -distance;\n        break;\n      case 'bottom':\n        // 从下往上进入\n        fromY += distance;\n        break;\n      case 'top':\n        // 从上往下进入\n        fromY += -distance;\n        break;\n      case 'top-right':\n        // 从右上进入 ↗️\n        fromX += distance;\n        fromY += -distance;\n        break;\n      case 'top-left':\n        // 从左上进入 ↖️\n        fromX += -distance;\n        fromY += -distance;\n        break;\n      case 'bottom-left':\n        // 从左下进入 ↙️\n        fromY += distance;\n        fromX += -distance;\n        break;\n      case 'bottom-right':\n        // 从右下进入 ↘️\n        fromX += distance;\n        fromY += distance;\n        break;\n    }\n  }\n\n  graphic.animate().from({ x: fromX, y: fromY }, duration, easing as EasingType);\n  return true;\n}\n"]}

package/cjs/player/processor/common/scale-processor.d.ts

@@ -0,0 +1,8 @@
+import type { ICharacter } from '../../../story/character';
+import type { IFadeInParams, IScaleToParams } from '../interface/appear-action';
+export declare function scaleTo(character: ICharacter, animation: IScaleToParams, scaleTo: {
+    scaleX: number;
+    scaleY: number;
+}): void;
+export declare function scaleIn(character: ICharacter, animation: IFadeInParams, effect: string): void;
+export declare function scaleOut(character: ICharacter, animation: IFadeInParams, effect: string): void;

package/cjs/player/processor/common/scale-processor.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.scaleOut = exports.scaleIn = exports.scaleTo = void 0;
+
+const common_1 = require("./common"), utils_1 = require("../component/utils");
+
+function scaleTo(character, animation, scaleTo) {
+    const graphic = (0, common_1.getCharacterParentGraphic)(character);
+    if (graphic) {
+        const {duration: duration, easing: easing} = animation;
+        scaleTo && graphic.animate().to(scaleTo, duration, easing);
+    }
+}
+
+function scaleIn(character, animation, effect) {
+    (0, common_1.getCharacterByEffect)(character, effect).forEach((graphic => _scale(graphic, animation, !0)));
+}
+
+function scaleOut(character, animation, effect) {
+    (0, common_1.getCharacterByEffect)(character, effect).forEach((graphic => _scale(graphic, animation, !1)));
+}
+
+function _scale(graphic, params, appear) {
+    var _a, _b, _c, _d;
+    if (!(0, utils_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {scale: scale = {}} = params, ratio = null !== (_b = null !== (_a = scale.ratio) && void 0 !== _a ? _a : params.ratio) && void 0 !== _b ? _b : 1, duration = null !== (_c = scale.duration) && void 0 !== _c ? _c : params.duration, easing = null !== (_d = scale.easing) && void 0 !== _d ? _d : params.easing, currScaleX = graphic.attribute.scaleX, currScaleY = graphic.attribute.scaleY, opacityMap = appear ? {
+        fromX: 0,
+        fromY: 0,
+        toX: null != currScaleX ? currScaleX : ratio,
+        toY: null != currScaleY ? currScaleY : ratio
+    } : {
+        fromX: null != currScaleX ? currScaleX : ratio,
+        fromY: null != currScaleY ? currScaleY : ratio,
+        toX: 0,
+        toY: 0
+    };
+    return graphic.setAttributes({
+        scaleX: opacityMap.fromX,
+        scaleY: opacityMap.fromY
+    }), graphic.animate().to({
+        scaleX: opacityMap.toX,
+        scaleY: opacityMap.toY
+    }, duration, easing), !0;
+}
+
+exports.scaleTo = scaleTo, exports.scaleIn = scaleIn, exports.scaleOut = scaleOut;
+//# sourceMappingURL=scale-processor.js.map