@visactor/vstory 0.0.3 → 0.0.4-alpha.2

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

@@ -0,0 +1,35 @@
+import type { IComponent, ISeries, IVChart } from '@visactor/vchart';
+import type { ICharacter } from '../../../story/character';
+import type { IAction } from '../../../story/interface';
+import { ActionProcessorItem } from '../processor-item';
+import type { IChartAppearAction } from '../interface/appear-action';
+export declare class VChartVisibilityActionProcessor extends ActionProcessorItem {
+    name: 'appearOrDisAppear';
+    constructor();
+    getStartTimeAndDuration(action: IAction): {
+        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;
+    private runTransformFunc;
+    protected commonSeriesAppear(vchart: IVChart, series: ISeries, actionSpec: IAction): void;
+    static rectPayload: (seriesType: string) => {
+        animation: {
+            effect: string;
+            duration: number;
+            easing: string;
+            oneByOne: boolean;
+            loop: boolean;
+        };
+    };
+    static defaultPayload: IChartAppearAction['payload'];
+    static arcPayload: IChartAppearAction['payload'];
+    static linePayload: IChartAppearAction['payload'];
+    static symbolPayload: IChartAppearAction['payload'];
+    static textPayload: IChartAppearAction['payload'];
+}

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

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.VChartVisibilityActionProcessor = void 0;
+
+const vutils_1 = require("@visactor/vutils"), processor_item_1 = require("../processor-item"), transformMap_1 = require("./transformMap");
+
+class VChartVisibilityActionProcessor extends processor_item_1.ActionProcessorItem {
+    constructor() {
+        super();
+    }
+    getStartTimeAndDuration(action) {
+        var _a, _b;
+        const {startTime: globalStartTime = 0, duration: globalDuration} = action, {startTime: startTime = 0, duration: duration = 0} = null !== (_b = null === (_a = action.payload) || void 0 === _a ? void 0 : _a.animation) && void 0 !== _b ? _b : {};
+        return {
+            startTime: globalStartTime + startTime,
+            duration: null != globalDuration ? globalDuration : duration
+        };
+    }
+    run(character, actionSpec) {}
+    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);
+    }
+    labelComponentAppear(vchart, component, actionSpec) {
+        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap_1.transformMap.appear.label, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
+        vrenderComponents.forEach((group => {
+            this.runTransformFunc(group, appearTransformFunc, actionSpec, defaultPayload);
+        }));
+    }
+    legendsComponentAppear(vchart, component, actionSpec) {
+        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap_1.transformMap.appear.legends, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
+        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;
+        axis && this.runTransformFunc(axis, appearTransformFunc, actionSpec, defaultPayload, {
+            orient: orient,
+            direction: direction
+        }), axisGrid && this.runTransformFunc(axisGrid, appearTransformFunc, actionSpec, defaultPayload, {
+            orient: gridOrient,
+            direction: direction
+        });
+    }
+    titleComponentAppear(vchart, component, actionSpec) {
+        const vrenderComponents = component.getVRenderComponents(), appearTransformFunc = transformMap_1.transformMap.appear.title, defaultPayload = VChartVisibilityActionProcessor.defaultPayload;
+        vrenderComponents.forEach((group => {
+            this.runTransformFunc(group, appearTransformFunc, actionSpec, defaultPayload);
+        }));
+    }
+    runTransformFunc(instance, appearTransformFunc, actionSpec, defaultPayload = {}, actionOption = {}) {
+        if (appearTransformFunc) {
+            const {payload: payload} = actionSpec;
+            appearTransformFunc(instance, (0, vutils_1.merge)({}, defaultPayload, payload).animation, Object.assign({
+                disappear: "disappear" === actionSpec.action
+            }, actionOption));
+        }
+    }
+    commonSeriesAppear(vchart, series, actionSpec) {
+        const marks = series.getMarksWithoutRoot();
+        if (!marks.length) return;
+        const {payload: payload} = actionSpec;
+        marks.forEach(((mark, markIndex) => {
+            const defaultMarkPayload = VChartVisibilityActionProcessor[`${mark.type}Payload`], mergePayload = (0, 
+            vutils_1.merge)({}, (0, vutils_1.isFunction)(defaultMarkPayload) ? defaultMarkPayload(series.type) : defaultMarkPayload || {}, payload), product = mark.getProduct(), appearTransform = transformMap_1.transformMap.appear[mark.type], config = appearTransform && appearTransform(vchart, mergePayload.animation, {
+                index: markIndex,
+                disappear: "disappear" === actionSpec.action
+            });
+            product && config && product.animate.run(config || {});
+        }));
+    }
+}
+
+exports.VChartVisibilityActionProcessor = VChartVisibilityActionProcessor, VChartVisibilityActionProcessor.rectPayload = seriesType => ({
+    animation: {
+        effect: "treemap" === seriesType ? "centerGrow" : "grow",
+        duration: 2e3,
+        easing: "cubicOut",
+        oneByOne: !1,
+        loop: !1
+    }
+}), VChartVisibilityActionProcessor.defaultPayload = {
+    animation: {
+        effect: "grow",
+        duration: 2e3,
+        easing: "cubicOut",
+        oneByOne: !1,
+        loop: !1
+    }
+}, VChartVisibilityActionProcessor.arcPayload = {
+    animation: {
+        effect: "growAngle",
+        duration: 2e3,
+        easing: "cubicOut",
+        oneByOne: !1,
+        loop: !1
+    }
+}, VChartVisibilityActionProcessor.linePayload = VChartVisibilityActionProcessor.defaultPayload, 
+VChartVisibilityActionProcessor.symbolPayload = VChartVisibilityActionProcessor.defaultPayload, 
+VChartVisibilityActionProcessor.textPayload = VChartVisibilityActionProcessor.defaultPayload;
+//# sourceMappingURL=vchart.js.map

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

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

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

@@ -0,0 +1,16 @@
+import type { ICharacter } from '../../../story/character';
+import type { IAction } from '../../../story/interface';
+import { ActionProcessorItem } from '../processor-item';
+import type { IFadeInParams } from '../interface/appear-action';
+declare function scaleIn(character: ICharacter, animation: IFadeInParams, effect: string): void;
+export declare class CommonAppearActionProcessor extends ActionProcessorItem {
+    name: 'appear';
+    constructor();
+    getStartTimeAndDuration(action: IAction): {
+        startTime: number;
+        duration: number;
+    };
+    run(character: ICharacter, actionSpec: IAction): void;
+    getEffectFunc(effect: string): typeof scaleIn;
+}
+export {};

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

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CommonAppearActionProcessor = void 0;
+
+const processor_item_1 = require("../processor-item"), utils_1 = require("./utils");
+
+function fadeIn(character, animation, effect) {
+    _fadeIn(getCharacterParentGraphic(character), animation);
+}
+
+function _fadeIn(graphic, params) {
+    var _a, _b, _c, _d;
+    if (!(0, utils_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {fade: fade = {}} = params, opacity = null !== (_b = null !== (_a = fade.opacity) && void 0 !== _a ? _a : params.opacity) && void 0 !== _b ? _b : 1, duration = null !== (_c = fade.duration) && void 0 !== _c ? _c : params.duration, easing = null !== (_d = fade.easing) && void 0 !== _d ? _d : params.easing;
+    return graphic.setAttributes({
+        baseOpacity: .001
+    }), graphic.animate().to({
+        baseOpacity: opacity
+    }, duration, easing), !0;
+}
+
+function scaleIn(character, animation, effect) {
+    getCharacterByEffect(character, effect).forEach((graphic => _scaleIn(graphic, animation)));
+}
+
+function _scaleIn(graphic, params) {
+    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;
+    return graphic.setAttributes({
+        scaleX: 0,
+        scaleY: 0
+    }), graphic.animate().to({
+        scaleX: ratio,
+        scaleY: ratio
+    }, duration, easing), !0;
+}
+
+const Direction = {
+    right: 0,
+    left: 1,
+    top: 2,
+    bottom: 3
+};
+
+function wipeIn(character, animation, effect) {
+    _wipeIn(getCharacterParentGraphic(character), animation);
+}
+
+function _wipeIn(graphic, params) {
+    var _a, _b, _c, _d;
+    if (!(0, utils_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {wipe: wipe = {}} = params, from = null !== (_b = null !== (_a = wipe.from) && void 0 !== _a ? _a : params.from) && void 0 !== _b ? _b : "right", duration = null !== (_c = wipe.duration) && void 0 !== _c ? _c : params.duration, easing = null !== (_d = wipe.easing) && void 0 !== _d ? _d : params.easing;
+    return graphic.setAttributes({
+        wipeDirection: Direction[from],
+        wipeRatio: 0
+    }), graphic.animate().to({
+        wipeRatio: 1
+    }, duration, easing).onEnd((() => {
+        graphic.setAttributes({
+            wipeRatio: 1
+        });
+    })), !0;
+}
+
+class CommonAppearActionProcessor extends processor_item_1.ActionProcessorItem {
+    constructor() {
+        super();
+    }
+    getStartTimeAndDuration(action) {
+        var _a, _b;
+        const {startTime: globalStartTime = 0, duration: globalDuration} = action, {startTime: startTime = 0, duration: duration = 0} = null !== (_b = null === (_a = action.payload) || void 0 === _a ? void 0 : _a.animation) && void 0 !== _b ? _b : {};
+        return {
+            startTime: globalStartTime + startTime,
+            duration: null != globalDuration ? globalDuration : duration
+        };
+    }
+    run(character, actionSpec) {
+        var _a;
+        const {animation: animation} = null !== (_a = actionSpec.payload) && void 0 !== _a ? _a : {}, {effect: effect = "fadeIn"} = null != animation ? animation : {};
+        this.getEffectFunc(effect)(character, animation, effect);
+    }
+    getEffectFunc(effect) {
+        switch (effect) {
+          case "scaleIn":
+            return scaleIn;
+
+          case "wipeIn":
+            return wipeIn;
+
+          case "fadeIn":
+            return fadeIn;
+        }
+        return fadeIn;
+    }
+}
+
+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);
+}
+
+exports.CommonAppearActionProcessor = CommonAppearActionProcessor;
+//# sourceMappingURL=common-component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/common-component.ts"],"names":[],"mappings":";;;AAIA,sDAAwD;AAGxD,mCAAgD;AAUhD,SAAS,MAAM,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IAC7E,MAAM,OAAO,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAC;IACrD,OAAO,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC;AACrC,CAAC;AAED,SAAS,OAAO,CAAC,OAAiB,EAAE,MAAqB;;IACvD,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;IAE5C,OAAO,CAAC,aAAa,CAAC;QACpB,WAAW,EAAE,KAAK;KACZ,CAAC,CAAC;IAEV,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC;IAE/E,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,OAAO,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IAC9E,MAAM,QAAQ,GAAG,oBAAoB,CAAC,SAAS,EAAE,MAAM,CAAe,CAAC;IACvE,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,SAAS,QAAQ,CAAC,OAAiB,EAAE,MAAsB;;IACzD,IAAI,CAAC,IAAA,6BAAqB,EAAC,OAAO,EAAE,MAAM,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC;KACd;IACD,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAC9B,MAAM,KAAK,GAAG,MAAA,MAAA,KAAK,CAAC,KAAK,mCAAI,MAAM,CAAC,KAAK,mCAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,QAAQ,mCAAI,MAAM,CAAC,QAAQ,CAAC;IACnD,MAAM,MAAM,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,MAAM,CAAC,MAAM,CAAC;IAE7C,OAAO,CAAC,aAAa,CAAC;QACpB,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IACH,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC;IAEvF,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,SAAS,GAAQ;IACrB,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,SAAS,MAAM,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IAC7E,MAAM,OAAO,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAC;IACrD,OAAO,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC;AACrC,CAAC;AACD,SAAS,OAAO,CAAC,OAAiB,EAAE,MAAqB;;IACvD,IAAI,CAAC,IAAA,6BAAqB,EAAC,OAAO,EAAE,MAAM,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC;KACd;IAED,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,MAAM,CAAC,IAAI,mCAAI,OAAO,CAAC;IACjD,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;IAE5C,OAAO,CAAC,aAAa,CAAC;QACpB,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC;QAC9B,SAAS,EAAE,CAAC;KACN,CAAC,CAAC;IACV,OAAO;SACJ,OAAO,EAAE;SACT,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC;SACtC,KAAK,CAAC,GAAG,EAAE;QACV,OAAO,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EAAS,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IACL,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAa,2BAA4B,SAAQ,oCAAmB;IAGlE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,uBAAuB,CAAC,MAAe;;QACrC,MAAM,EAAE,SAAS,EAAE,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC;QAC5E,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,SAAS,mCAAK,EAAU,CAAC;QAEjF,MAAM,EAAE,GAAG,eAAe,GAAG,SAAS,CAAC;QACvC,MAAM,CAAC,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,QAAQ,CAAC;QACrC,OAAO;YACL,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,CAAC;SACZ,CAAC;IACJ,CAAC;IAED,GAAG,CAAC,SAAqB,EAAE,UAAmB;;QAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAA,UAAU,CAAC,OAAO,mCAAI,EAAE,CAAC;QAC/C,MAAM,EAAE,MAAM,GAAG,QAAQ,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAK,EAAU,CAAC;QAEvD,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAE9C,UAAU,CAAC,SAAS,EAAE,SAAgB,EAAE,MAAM,CAAC,CAAC;IAClD,CAAC;IAED,aAAa,CAAC,MAAc;QAC1B,QAAQ,MAAM,EAAE;YACd,KAAK,SAAS;gBACZ,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC;SACjB;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF;AAvCD,kEAuCC;AAED,SAAS,yBAAyB,CAAC,SAAqB;IACtD,OAAO,SAAS,CAAC,gBAAgB,EAAE,CAAC;AACtC,CAAC;AAED,SAAS,mBAAmB,CAAC,SAAqB;IAChD,OAAO,SAAS,CAAC,gBAAgB,EAAE,CAAC,WAAW,EAAgB,CAAC;AAClE,CAAC;AAED,SAAS,oBAAoB,CAAC,SAAqB,EAAE,MAAuB;IAG1E,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","file":"common-component.js","sourcesContent":["import type { IComponent, ISeries, IVChart } from '@visactor/vchart';\nimport { isObject, isString, merge } from '@visactor/vutils';\nimport type { ICharacter } from '../../../story/character';\nimport type { IAction } from '../../../story/interface';\nimport { ActionProcessorItem } from '../processor-item';\nimport type { EasingType, IGraphic } from '@visactor/vrender-core';\nimport type { IFadeInParams, IScaleInParams, IWipeInParams } from '../interface/appear-action';\nimport { canDoGraphicAnimation } from './utils';\n// import { Wipe } from '../../../animate/wipeIn';\n\n// export const appearEffectMap = {\n//   fade: fadeIn,\n//   scale: scaleIn,\n//   // move: moveIn,\n//   wipe: wipeIn\n// };\n\nfunction fadeIn(character: ICharacter, animation: IFadeInParams, effect: string) {\n  const graphic = getCharacterParentGraphic(character);\n  _fadeIn(graphic, animation as any);\n}\n\nfunction _fadeIn(graphic: IGraphic, params: IFadeInParams): 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  // TODO VRender处理opacity为0\n  graphic.setAttributes({\n    baseOpacity: 0.001\n  } as any);\n\n  graphic.animate().to({ baseOpacity: opacity }, duration, easing as EasingType);\n\n  return true;\n}\n\nfunction scaleIn(character: ICharacter, animation: IFadeInParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect) as IGraphic[];\n  graphics.forEach(graphic => _scaleIn(graphic, animation as any));\n}\n\nfunction _scaleIn(graphic: IGraphic, params: IScaleInParams): boolean {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n  const { scale = {} } = params;\n  const ratio = scale.ratio ?? params.ratio ?? 1;\n  const duration = scale.duration ?? params.duration;\n  const easing = scale.easing ?? params.easing;\n\n  graphic.setAttributes({\n    scaleX: 0,\n    scaleY: 0\n  });\n  graphic.animate().to({ scaleX: ratio, scaleY: ratio }, duration, easing as EasingType);\n\n  return true;\n}\n\nconst Direction: any = {\n  right: 0,\n  left: 1,\n  top: 2,\n  bottom: 3\n};\n\nfunction wipeIn(character: ICharacter, animation: IFadeInParams, effect: string) {\n  const graphic = getCharacterParentGraphic(character);\n  _wipeIn(graphic, animation as any);\n}\nfunction _wipeIn(graphic: IGraphic, params: IWipeInParams) {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n\n  const { wipe = {} } = params;\n  const from = wipe.from ?? params.from ?? 'right';\n  const duration = wipe.duration ?? params.duration;\n  const easing = wipe.easing ?? params.easing;\n\n  graphic.setAttributes({\n    wipeDirection: Direction[from],\n    wipeRatio: 0\n  } as any);\n  graphic\n    .animate()\n    .to({ wipeRatio: 1 }, duration, easing)\n    .onEnd(() => {\n      graphic.setAttributes({ wipeRatio: 1 } as any);\n    });\n  return true;\n}\n\nexport class CommonAppearActionProcessor extends ActionProcessorItem {\n  name: 'appear';\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    const { animation } = actionSpec.payload ?? {};\n    const { effect = 'fadeIn' } = animation ?? ({} as any);\n\n    const effectFunc = this.getEffectFunc(effect);\n\n    effectFunc(character, animation as any, effect);\n  }\n\n  getEffectFunc(effect: string) {\n    switch (effect) {\n      case 'scaleIn':\n        return scaleIn;\n      case 'wipeIn':\n        return wipeIn;\n      case 'fadeIn':\n        return fadeIn;\n    }\n    return fadeIn;\n  }\n}\n\nfunction getCharacterParentGraphic(character: ICharacter) {\n  return character.getGraphicParent();\n}\n\nfunction getCharacterGraphic(character: ICharacter) {\n  return character.getGraphicParent().getChildren() as IGraphic[];\n}\n\nfunction 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/component/image/image-appear.d.ts

@@ -0,0 +1,5 @@
+import { CommonAppearActionProcessor } from '../common-component';
+export declare class ImageAppearActionProcessor extends CommonAppearActionProcessor {
+    name: 'appear';
+    constructor();
+}

package/cjs/player/processor/component/image/image-appear.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ImageAppearActionProcessor = void 0;
+
+const common_component_1 = require("../common-component");
+
+class ImageAppearActionProcessor extends common_component_1.CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+}
+
+exports.ImageAppearActionProcessor = ImageAppearActionProcessor;
+//# sourceMappingURL=image-appear.js.map

package/cjs/player/processor/component/image/image-appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/image/image-appear.ts"],"names":[],"mappings":";;;AAAA,0DAAkE;AAElE,MAAa,0BAA2B,SAAQ,8CAA2B;IAEzE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;CACF;AALD,gEAKC","file":"image-appear.js","sourcesContent":["import { CommonAppearActionProcessor } from '../common-component';\n\nexport class ImageAppearActionProcessor extends CommonAppearActionProcessor {\n  name: 'appear';\n  constructor() {\n    super();\n  }\n}\n"]}

package/cjs/player/processor/component/line/line-appear.d.ts

@@ -0,0 +1,5 @@
+import { CommonAppearActionProcessor } from '../common-component';
+export declare class LineAppearActionProcessor extends CommonAppearActionProcessor {
+    name: 'appear';
+    constructor();
+}

package/cjs/player/processor/component/line/line-appear.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LineAppearActionProcessor = void 0;
+
+const common_component_1 = require("../common-component");
+
+class LineAppearActionProcessor extends common_component_1.CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+}
+
+exports.LineAppearActionProcessor = LineAppearActionProcessor;
+//# sourceMappingURL=line-appear.js.map

package/cjs/player/processor/component/line/line-appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/line/line-appear.ts"],"names":[],"mappings":";;;AAAA,0DAAkE;AAElE,MAAa,yBAA0B,SAAQ,8CAA2B;IAExE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;CACF;AALD,8DAKC","file":"line-appear.js","sourcesContent":["import { CommonAppearActionProcessor } from '../common-component';\n\nexport class LineAppearActionProcessor extends CommonAppearActionProcessor {\n  name: 'appear';\n  constructor() {\n    super();\n  }\n}\n"]}

package/cjs/player/processor/component/rect/rect-appear.d.ts

@@ -0,0 +1,5 @@
+import { CommonAppearActionProcessor } from '../common-component';
+export declare class RectAppearActionProcessor extends CommonAppearActionProcessor {
+    name: 'appear';
+    constructor();
+}

package/cjs/player/processor/component/rect/rect-appear.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RectAppearActionProcessor = void 0;
+
+const common_component_1 = require("../common-component");
+
+class RectAppearActionProcessor extends common_component_1.CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+}
+
+exports.RectAppearActionProcessor = RectAppearActionProcessor;
+//# sourceMappingURL=rect-appear.js.map

package/cjs/player/processor/component/rect/rect-appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/rect/rect-appear.ts"],"names":[],"mappings":";;;AAAA,0DAAkE;AAElE,MAAa,yBAA0B,SAAQ,8CAA2B;IAExE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;CACF;AALD,8DAKC","file":"rect-appear.js","sourcesContent":["import { CommonAppearActionProcessor } from '../common-component';\n\nexport class RectAppearActionProcessor extends CommonAppearActionProcessor {\n  name: 'appear';\n  constructor() {\n    super();\n  }\n}\n"]}

package/cjs/player/processor/component/shape/shape-appear.d.ts

@@ -0,0 +1,5 @@
+import { CommonAppearActionProcessor } from '../common-component';
+export declare class ShapeAppearActionProcessor extends CommonAppearActionProcessor {
+    name: 'appear';
+    constructor();
+}

package/cjs/player/processor/component/shape/shape-appear.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ShapeAppearActionProcessor = void 0;
+
+const common_component_1 = require("../common-component");
+
+class ShapeAppearActionProcessor extends common_component_1.CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+}
+
+exports.ShapeAppearActionProcessor = ShapeAppearActionProcessor;
+//# sourceMappingURL=shape-appear.js.map

package/cjs/player/processor/component/shape/shape-appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/shape/shape-appear.ts"],"names":[],"mappings":";;;AAAA,0DAAkE;AAElE,MAAa,0BAA2B,SAAQ,8CAA2B;IAEzE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;CACF;AALD,gEAKC","file":"shape-appear.js","sourcesContent":["import { CommonAppearActionProcessor } from '../common-component';\n\nexport class ShapeAppearActionProcessor extends CommonAppearActionProcessor {\n  name: 'appear';\n  constructor() {\n    super();\n  }\n}\n"]}

package/cjs/player/processor/component/text/text-appear.d.ts

@@ -0,0 +1,7 @@
+import { CommonAppearActionProcessor } from '../common-component';
+import type { ICharacter } from '../../../../story/character';
+export declare class TextAppearActionProcessor extends CommonAppearActionProcessor {
+    name: 'appear';
+    constructor();
+    getEffectFunc(effect: string): (character: ICharacter, animation: import("../../interface/appear-action").IFadeInParams, effect: string) => void;
+}

package/cjs/player/processor/component/text/text-appear.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TextAppearActionProcessor = void 0;
+
+const common_component_1 = require("../common-component"), vutils_1 = require("@visactor/vutils"), typewirter_1 = require("../../../../animate/typewirter"), util_1 = require("../../../../dsl/story-processor/graphic/util");
+
+function typewriter(character, animation, effect) {
+    (0, util_1.getCharacterByEffect)(character, effect).forEach((graphic => _typewriter(graphic, animation)));
+}
+
+function _typewriter(graphic, params) {
+    if (graphic && "text" === graphic.type) {
+        const {duration: duration, easing: easing} = params, {text: text} = graphic.attribute;
+        (0, vutils_1.isString)(text) && graphic.animate().play(new typewirter_1.TypeWriter({
+            text: ""
+        }, {
+            text: text
+        }, duration, easing));
+    }
+}
+
+class TextAppearActionProcessor extends common_component_1.CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+    getEffectFunc(effect) {
+        return "typewriter" === effect ? typewriter : super.getEffectFunc(effect);
+    }
+}
+
+exports.TextAppearActionProcessor = TextAppearActionProcessor;
+//# sourceMappingURL=text-appear.js.map

package/cjs/player/processor/component/text/text-appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/text/text-appear.ts"],"names":[],"mappings":";;;AACA,0DAAkE;AAClE,6CAA4C;AAC5C,+DAA4D;AAG5D,uEAAoF;AAEpF,SAAS,UAAU,CAAC,SAAqB,EAAE,SAA4B,EAAE,MAAc;IACrF,MAAM,QAAQ,GAAG,IAAA,2BAAoB,EAAC,SAAS,EAAE,MAAM,CAAe,CAAC;IACvE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAY,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC,CAAC;AAC7E,CAAC;AAED,SAAS,WAAW,CAAC,OAAc,EAAE,MAAW;IAC9C,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;QACtC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACpC,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,IAAA,iBAAQ,EAAC,IAAI,CAAC,EAAE;YAClB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,uBAAU,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC,CAAC;SAChG;KACF;AACH,CAAC;AAED,MAAa,yBAA0B,SAAQ,8CAA2B;IAExE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,aAAa,CAAC,MAAc;QAC1B,QAAQ,MAAM,EAAE;YACd,KAAK,YAAY;gBACf,OAAO,UAAU,CAAC;SACrB;QACD,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;CACF;AAbD,8DAaC","file":"text-appear.js","sourcesContent":["import type { EasingType, IGraphic, IText } from '@visactor/vrender-core';\nimport { CommonAppearActionProcessor } from '../common-component';\nimport { isString } from '@visactor/vutils';\nimport { TypeWriter } from '../../../../animate/typewirter';\nimport type { ICharacter } from '../../../../story/character';\nimport type { ITypeWriterParams } from '../../interface/appear-action';\nimport { getCharacterByEffect } from '../../../../dsl/story-processor/graphic/util';\n\nfunction typewriter(character: ICharacter, animation: ITypeWriterParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect) as IGraphic[];\n  graphics.forEach((graphic: any) => _typewriter(graphic, animation as any));\n}\n\nfunction _typewriter(graphic: IText, params: any) {\n  if (graphic && graphic.type === 'text') {\n    const { duration, easing } = params;\n    const { text } = graphic.attribute;\n    if (isString(text)) {\n      graphic.animate().play(new TypeWriter({ text: '' }, { text }, duration, easing as EasingType));\n    }\n  }\n}\n\nexport class TextAppearActionProcessor extends CommonAppearActionProcessor {\n  name: 'appear';\n  constructor() {\n    super();\n  }\n\n  getEffectFunc(effect: string) {\n    switch (effect) {\n      case 'typewriter':\n        return typewriter;\n    }\n    return super.getEffectFunc(effect);\n  }\n}\n"]}

package/cjs/player/processor/component/timeline/timeline-appear.d.ts

@@ -0,0 +1,7 @@
+import { CommonAppearActionProcessor } from '../common-component';
+import type { ICharacter } from '../../../../story/character';
+export declare class TimelineAppearActionProcessor extends CommonAppearActionProcessor {
+    name: 'appear';
+    constructor();
+    getEffectFunc(effect?: string): (character: ICharacter, animation: import("../../interface/appear-action").IFadeInParams, effect: string) => void;
+}

package/cjs/player/processor/component/timeline/timeline-appear.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TimelineAppearActionProcessor = void 0;
+
+const common_component_1 = require("../common-component"), util_1 = require("../../../../dsl/story-processor/graphic/util");
+
+function defaultAppear(character, animation, effect) {
+    (0, util_1.getCharacterByEffect)(character, effect).forEach((graphic => _defaultAppear(graphic, animation)));
+}
+
+function _defaultAppear(graphic, params) {
+    if (graphic && "text" !== graphic.type) {
+        const {duration: duration, easing: easing} = params;
+        graphic.appearAnimate({
+            duration: duration,
+            easing: easing
+        });
+    }
+}
+
+class TimelineAppearActionProcessor extends common_component_1.CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+    getEffectFunc(effect = "default") {
+        return "default" === effect ? defaultAppear : super.getEffectFunc(effect);
+    }
+}
+
+exports.TimelineAppearActionProcessor = TimelineAppearActionProcessor;
+//# sourceMappingURL=timeline-appear.js.map

package/cjs/player/processor/component/timeline/timeline-appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/timeline/timeline-appear.ts"],"names":[],"mappings":";;;AACA,0DAAkE;AAKlE,uEAAoF;AAGpF,SAAS,aAAa,CAAC,SAAqB,EAAE,SAA4B,EAAE,MAAc;IACxF,MAAM,QAAQ,GAAG,IAAA,2BAAoB,EAAC,SAAS,EAAE,MAAM,CAAe,CAAC;IACvE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAY,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC,CAAC;AAChF,CAAC;AAED,SAAS,cAAc,CAAC,OAAiB,EAAE,MAAW;IACpD,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;QACtC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACpC,OAAO,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;KACvD;AACH,CAAC;AAED,MAAa,6BAA8B,SAAQ,8CAA2B;IAE5E;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,aAAa,CAAC,SAAiB,SAAS;QACtC,QAAQ,MAAM,EAAE;YACd,KAAK,SAAS;gBACZ,OAAO,aAAa,CAAC;SACxB;QACD,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;CACF;AAbD,sEAaC","file":"timeline-appear.js","sourcesContent":["import type { EasingType, IGraphic, IText } from '@visactor/vrender-core';\nimport { CommonAppearActionProcessor } from '../common-component';\nimport { isString } from '@visactor/vutils';\nimport { TypeWriter } from '../../../../animate/typewirter';\nimport type { ICharacter } from '../../../../story/character';\nimport type { ITypeWriterParams } from '../../interface/appear-action';\nimport { getCharacterByEffect } from '../../../../dsl/story-processor/graphic/util';\nimport type { Timeline } from '@visactor/vrender-components';\n\nfunction defaultAppear(character: ICharacter, animation: ITypeWriterParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect) as IGraphic[];\n  graphics.forEach((graphic: any) => _defaultAppear(graphic, animation as any));\n}\n\nfunction _defaultAppear(graphic: Timeline, params: any) {\n  if (graphic && graphic.type !== 'text') {\n    const { duration, easing } = params;\n    graphic.appearAnimate({ duration: duration, easing });\n  }\n}\n\nexport class TimelineAppearActionProcessor extends CommonAppearActionProcessor {\n  name: 'appear';\n  constructor() {\n    super();\n  }\n\n  getEffectFunc(effect: string = 'default') {\n    switch (effect) {\n      case 'default':\n        return defaultAppear;\n    }\n    return super.getEffectFunc(effect);\n  }\n}\n"]}

package/cjs/player/processor/component/utils.d.ts

@@ -0,0 +1,3 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IAnimationParams } from '../interface/appear-action';
+export declare const canDoGraphicAnimation: (graphic: IGraphic, animationParams: IAnimationParams) => boolean;

package/cjs/player/processor/component/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.canDoGraphicAnimation = void 0;
+
+const canDoGraphicAnimation = (graphic, animationParams) => graphic && animationParams.duration && animationParams.duration > 0;
+
+exports.canDoGraphicAnimation = canDoGraphicAnimation;
+//# sourceMappingURL=utils.js.map

package/cjs/player/processor/component/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/utils.ts"],"names":[],"mappings":";;;AASO,MAAM,qBAAqB,GAAG,CAAC,OAAiB,EAAE,eAAiC,EAAE,EAAE;IAC5F,OAAO,OAAO,IAAI,eAAe,CAAC,QAAQ,IAAI,eAAe,CAAC,QAAQ,GAAG,CAAC,CAAC;AAC7E,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC","file":"utils.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationParams } from '../interface/appear-action';\n\n/**\n * 判断图元是否需要执行动画\n * @param graphic\n * @param animationParams\n * @returns\n */\nexport const canDoGraphicAnimation = (graphic: IGraphic, animationParams: IAnimationParams) => {\n  return graphic && animationParams.duration && animationParams.duration > 0;\n};\n"]}

package/cjs/player/processor/interface/action-processor.d.ts

@@ -0,0 +1,18 @@
+import type { ICharacter } from '../../../story/character';
+import type { IAction } from '../../../story/interface';
+export interface IActionProcessorItem {
+    getStartTime: (action: IAction) => number;
+    getDuration: (action: IAction) => number;
+    getStartTimeAndDuration: (action: IAction) => {
+        startTime: number;
+        duration: number;
+    };
+    run: (...actionParams: any) => any;
+}
+export interface IActionProcessor {
+    getActInfo: (characterId: string, action: IAction) => {
+        startTime: number;
+        duration: number;
+    } | null;
+    doAction: (name: string, actionName: string, character: ICharacter, actionSpec: IAction) => void;
+}

package/cjs/player/processor/interface/action-processor.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=action-processor.js.map

package/cjs/player/processor/interface/action-processor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/interface/action-processor.ts"],"names":[],"mappings":"","file":"action-processor.js","sourcesContent":["import type { ICharacter } from '../../../story/character';\nimport type { IAction } from '../../../story/interface';\n\nexport interface IActionProcessorItem {\n  getStartTime: (action: IAction) => number;\n  getDuration: (action: IAction) => number;\n  getStartTimeAndDuration: (action: IAction) => { startTime: number; duration: number };\n\n  run: (...actionParams: any) => any;\n}\n\nexport interface IActionProcessor {\n  getActInfo: (\n    characterId: string,\n    action: IAction\n  ) => {\n    startTime: number;\n    duration: number;\n  } | null;\n\n  doAction: (name: string, actionName: string, character: ICharacter, actionSpec: IAction) => void;\n}\n"]}