@visactor/vstory 0.0.4-alpha.1 → 0.0.4

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/common/scale-processor.ts"],"names":[],"mappings":";;;AAEA,qCAA2E;AAC3E,8CAA2D;AAG3D,SAAgB,OAAO,CAAC,SAAqB,EAAE,SAAyB,EAAE,OAA2C;IACnH,MAAM,OAAO,GAAG,IAAA,kCAAyB,EAAC,SAAS,CAAC,CAAC;IACrD,IAAI,OAAO,EAAE;QACX,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACvC,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC;SAC/D;KACF;AACH,CAAC;AARD,0BAQC;AAED,SAAgB,OAAO,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IACrF,MAAM,QAAQ,GAAG,IAAA,6BAAoB,EAAC,SAAS,EAAE,MAAM,CAAe,CAAC;IACvE,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;AACvE,CAAC;AAHD,0BAGC;AACD,SAAgB,QAAQ,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IACtF,MAAM,QAAQ,GAAG,IAAA,6BAAoB,EAAC,SAAS,EAAE,MAAM,CAAe,CAAC;IACvE,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAgB,EAAE,KAAK,CAAC,CAAC,CAAC;AACxE,CAAC;AAHD,4BAGC;AAED,SAAS,MAAM,CAAC,OAAiB,EAAE,MAAsB,EAAE,MAAe;;IACxE,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,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;IAC5C,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;IAC5C,MAAM,UAAU,GAAG,MAAM;QACvB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,EAAE,GAAG,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,EAAE;QAC5E,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,EAAE,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;IAE/E,OAAO,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;IAC9E,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE3F,OAAO,IAAI,CAAC;AACd,CAAC","file":"scale-processor.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender-core';\nimport type { ICharacter } from '../../../story/character';\nimport { getCharacterByEffect, getCharacterParentGraphic } from './common';\nimport { canDoGraphicAnimation } from '../component/utils';\nimport type { IFadeInParams, IScaleInParams, IScaleToParams } from '../interface/appear-action';\n\nexport function scaleTo(character: ICharacter, animation: IScaleToParams, scaleTo: { scaleX: number; scaleY: number }) {\n  const graphic = getCharacterParentGraphic(character);\n  if (graphic) {\n    const { duration, easing } = animation;\n    if (scaleTo) {\n      graphic.animate().to(scaleTo, duration, easing as EasingType);\n    }\n  }\n}\n\nexport function scaleIn(character: ICharacter, animation: IFadeInParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect) as IGraphic[];\n  graphics.forEach(graphic => _scale(graphic, animation as any, true));\n}\nexport function scaleOut(character: ICharacter, animation: IFadeInParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect) as IGraphic[];\n  graphics.forEach(graphic => _scale(graphic, animation as any, false));\n}\n\nfunction _scale(graphic: IGraphic, params: IScaleInParams, appear: boolean): 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  const currScaleX = graphic.attribute.scaleX;\n  const currScaleY = graphic.attribute.scaleY;\n  const opacityMap = appear\n    ? { fromX: 0, fromY: 0, toX: currScaleX ?? ratio, toY: currScaleY ?? ratio }\n    : { fromX: currScaleX ?? ratio, fromY: currScaleY ?? ratio, toX: 0, toY: 0 };\n\n  graphic.setAttributes({ scaleX: opacityMap.fromX, scaleY: opacityMap.fromY });\n  graphic.animate().to({ scaleX: opacityMap.toX, scaleY: opacityMap.toY }, duration, easing);\n\n  return true;\n}\n"]}

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.wipeOut = exports.wipeIn = void 0;
+
+const common_1 = require("./common"), utils_1 = require("../component/utils"), Direction = {
+    right: 0,
+    left: 1,
+    top: 2,
+    bottom: 3
+};
+
+function wipeIn(character, animation, effect) {
+    _wipe((0, common_1.getCharacterParentGraphic)(character), animation, !0);
+}
+
+function wipeOut(character, animation, effect) {
+    _wipe((0, common_1.getCharacterParentGraphic)(character), animation, !1);
+}
+
+function _wipe(graphic, params, appear) {
+    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;
+    let fromRatio = 0, toRatio = 1;
+    return appear || ([fromRatio, toRatio] = [ toRatio, fromRatio ]), graphic.setAttributes({
+        wipeDirection: Direction[from],
+        wipeRatio: fromRatio
+    }), graphic.animate().to({
+        wipeRatio: toRatio
+    }, duration, easing).onEnd((() => {
+        graphic.setAttributes({
+            wipeRatio: toRatio
+        });
+    })), !0;
+}
+
+exports.wipeIn = wipeIn, exports.wipeOut = wipeOut;
+//# sourceMappingURL=wipe-processor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/common/wipe-processor.ts"],"names":[],"mappings":";;;AAEA,qCAAqD;AACrD,8CAA2D;AAI3D,MAAM,SAAS,GAAQ;IACrB,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,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;AACD,SAAS,KAAK,CAAC,OAAiB,EAAE,MAAqB,EAAE,MAAe;;IACtE,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,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,IAAI,CAAC,MAAM,EAAE;QACX,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;KAC7C;IAED,OAAO,CAAC,aAAa,CAAC;QACpB,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC;QAC9B,SAAS,EAAE,SAAS;KACd,CAAC,CAAC;IACV,OAAO;SACJ,OAAO,EAAE;SACT,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC;SAC5C,KAAK,CAAC,GAAG,EAAE;QACV,OAAO,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,EAAS,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IACL,OAAO,IAAI,CAAC;AACd,CAAC","file":"wipe-processor.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { ICharacter } from '../../../story/character';\nimport { getCharacterParentGraphic } from './common';\nimport { canDoGraphicAnimation } from '../component/utils';\nimport type { IFadeInParams, IWipeInParams } from '../interface/appear-action';\nimport { IScaleInParams } from '../interface/appear-action';\n\nconst Direction: any = {\n  right: 0,\n  left: 1,\n  top: 2,\n  bottom: 3\n};\n\nexport function wipeIn(character: ICharacter, animation: IFadeInParams, effect: string) {\n  const graphic = getCharacterParentGraphic(character);\n  _wipe(graphic, animation as any, true);\n}\nexport function wipeOut(character: ICharacter, animation: IFadeInParams, effect: string) {\n  const graphic = getCharacterParentGraphic(character);\n  _wipe(graphic, animation as any, false);\n}\nfunction _wipe(graphic: IGraphic, params: IWipeInParams, appear: boolean) {\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  let fromRatio = 0;\n  let toRatio = 1;\n  if (!appear) {\n    [fromRatio, toRatio] = [toRatio, fromRatio];\n  }\n\n  graphic.setAttributes({\n    wipeDirection: Direction[from],\n    wipeRatio: fromRatio\n  } as any);\n  graphic\n    .animate()\n    .to({ wipeRatio: toRatio }, duration, easing)\n    .onEnd(() => {\n      graphic.setAttributes({ wipeRatio: toRatio } as any);\n    });\n  return true;\n}\n"]}

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

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=common-processor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/common-processor.ts"],"names":[],"mappings":"","file":"common-processor.js","sourcesContent":[""]}

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

@@ -1,16 +1,52 @@
 import type { ICharacter } from '../../../story/character';
-import type { IAction } from '../../../story/interface';
+import type { IActionSpec } from '../../../story/interface';
 import { ActionProcessorItem } from '../processor-item';
-import type { IFadeInParams } from '../interface/appear-action';
-declare function scaleIn(character: ICharacter, animation: IFadeInParams, effect: string): void;
-export declare class CommonAppearActionProcessor extends ActionProcessorItem {
-    name: 'appear';
+import type { IComponentBounceAction, IComponentMoveToAction, IComponentScaleToAction, IComponentStyleAction } from '../interface/style-action';
+import { scaleIn } from '../common/scale-processor';
+import { moveIn } from '../common/move-processor';
+export declare class CommonVisibilityActionProcessor extends ActionProcessorItem {
+    name: string;
     constructor();
-    getStartTimeAndDuration(action: IAction): {
+    getStartTimeAndDuration(action: IActionSpec): {
         startTime: number;
         duration: number;
     };
-    run(character: ICharacter, actionSpec: IAction): void;
-    getEffectFunc(effect: string): typeof scaleIn;
+    run(character: ICharacter, actionSpec: IActionSpec): void;
+    getEffectFunc(effect: string, appear: boolean): typeof scaleIn | typeof moveIn;
+}
+export declare class CommonStyleActionProcessor extends ActionProcessorItem {
+    name: 'style';
+    constructor();
+    getStartTimeAndDuration(action: IActionSpec): {
+        startTime: number;
+        duration: number;
+    };
+    run(character: ICharacter, actionSpec: IComponentStyleAction): void;
+}
+export declare class CommonMoveToActionProcessor extends ActionProcessorItem {
+    name: 'moveTo';
+    constructor();
+    getStartTimeAndDuration(action: IActionSpec): {
+        startTime: number;
+        duration: number;
+    };
+    run(character: ICharacter, actionSpec: IComponentMoveToAction): void;
+}
+export declare class CommonScaleToActionProcessor extends ActionProcessorItem {
+    name: 'scaleTo';
+    constructor();
+    getStartTimeAndDuration(action: IActionSpec): {
+        startTime: number;
+        duration: number;
+    };
+    run(character: ICharacter, actionSpec: IComponentScaleToAction): void;
+}
+export declare class CommonBounceActionProcessor extends ActionProcessorItem {
+    name: 'bounce';
+    constructor();
+    getStartTimeAndDuration(action: IActionSpec): {
+        startTime: number;
+        duration: number;
+    };
+    run(character: ICharacter, actionSpec: IComponentBounceAction): void;
 }
-export {};

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

@@ -2,112 +2,133 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.CommonAppearActionProcessor = void 0;
+}), exports.CommonBounceActionProcessor = exports.CommonScaleToActionProcessor = exports.CommonMoveToActionProcessor = exports.CommonStyleActionProcessor = exports.CommonVisibilityActionProcessor = void 0;
 
-const processor_item_1 = require("../processor-item"), utils_1 = require("./utils");
+const processor_item_1 = require("../processor-item"), fade_processor_1 = require("../common/fade-processor"), scale_processor_1 = require("../common/scale-processor"), wipe_processor_1 = require("../common/wipe-processor"), move_processor_1 = require("../common/move-processor"), common_1 = require("../common/common"), vutils_1 = require("@visactor/vutils"), bounce_processor_1 = require("../common/bounce-processor");
 
-function fadeIn(character, animation, effect) {
-    _fadeIn(getCharacterParentGraphic(character), animation);
-}
+class CommonVisibilityActionProcessor extends processor_item_1.ActionProcessorItem {
+    constructor() {
+        super(), this.name = "appearOrDisAppear";
+    }
+    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) {
+        var _a;
+        const {animation: animation} = null !== (_a = actionSpec.payload) && void 0 !== _a ? _a : {}, {effect: effect = "fade"} = null != animation ? animation : {};
+        (0, vutils_1.array)(effect).forEach((_effect => {
+            const effectFunc = this.getEffectFunc(_effect, "appear" === actionSpec.action);
+            effectFunc && effectFunc(character, animation, _effect);
+        }));
+    }
+    getEffectFunc(effect, appear) {
+        switch (effect) {
+          case "scale":
+            return appear ? scale_processor_1.scaleIn : scale_processor_1.scaleOut;
 
-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;
-}
+          case "wipe":
+            return appear ? wipe_processor_1.wipeIn : wipe_processor_1.wipeOut;
 
-function scaleIn(character, animation, effect) {
-    getCharacterByEffect(character, effect).forEach((graphic => _scaleIn(graphic, animation)));
-}
+          case "fade":
+            return appear ? fade_processor_1.fadeIn : fade_processor_1.fadeOut;
 
-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;
+          case "move":
+            return appear ? move_processor_1.moveIn : move_processor_1.moveOut;
+        }
+        return fade_processor_1.fadeIn;
+    }
 }
 
-const Direction = {
-    right: 0,
-    left: 1,
-    top: 2,
-    bottom: 3
-};
+exports.CommonVisibilityActionProcessor = CommonVisibilityActionProcessor;
 
-function wipeIn(character, animation, effect) {
-    _wipeIn(getCharacterParentGraphic(character), animation);
+class CommonStyleActionProcessor 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) {
+        var _a;
+        const {animation: animation, graphic: graphicStyle, text: textStyle} = null !== (_a = actionSpec.payload) && void 0 !== _a ? _a : {}, {duration: duration, easing: easing} = animation, graphic = (0, 
+        common_1.getCharacterGraphic)(character)[0], text = (0, common_1.getCharacterGraphic)(character)[1];
+        graphic && graphicStyle && graphic.animate().to(graphicStyle, duration, easing), 
+        text && textStyle && graphic.animate().to(textStyle, duration, easing);
+    }
 }
 
-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;
-}
+exports.CommonStyleActionProcessor = CommonStyleActionProcessor;
 
-class CommonAppearActionProcessor extends processor_item_1.ActionProcessorItem {
+class CommonMoveToActionProcessor 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 : {};
+        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) {
         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);
+        const {animation: animation, destination: destination} = null !== (_a = actionSpec.payload) && void 0 !== _a ? _a : {};
+        (0, move_processor_1.moveTo)(character, animation, destination);
     }
-    getEffectFunc(effect) {
-        switch (effect) {
-          case "scaleIn":
-            return scaleIn;
+}
 
-          case "wipeIn":
-            return wipeIn;
+exports.CommonMoveToActionProcessor = CommonMoveToActionProcessor;
 
-          case "fadeIn":
-            return fadeIn;
-        }
-        return fadeIn;
+class CommonScaleToActionProcessor 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) {
+        var _a;
+        const {animation: animation, scale: scale} = null !== (_a = actionSpec.payload) && void 0 !== _a ? _a : {};
+        (0, scale_processor_1.scaleTo)(character, animation, scale);
     }
 }
 
-function getCharacterParentGraphic(character) {
-    return character.getGraphicParent();
-}
-
-function getCharacterGraphic(character) {
-    return character.getGraphicParent().getChildren();
-}
+exports.CommonScaleToActionProcessor = CommonScaleToActionProcessor;
 
-function getCharacterByEffect(character, effect) {
-    return "chart" === character._graphic.type || "move" === effect ? [ getCharacterParentGraphic(character) ] : getCharacterGraphic(character);
+class CommonBounceActionProcessor 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) {
+        var _a;
+        const {animation: animation} = null !== (_a = actionSpec.payload) && void 0 !== _a ? _a : {};
+        (0, bounce_processor_1.bounce)(character, animation, actionSpec.payload);
+    }
 }
 
-exports.CommonAppearActionProcessor = CommonAppearActionProcessor;
+exports.CommonBounceActionProcessor = CommonBounceActionProcessor;
 //# sourceMappingURL=common-component.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/component/common-component.ts"],"names":[],"mappings":"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","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"]}
+{"version":3,"sources":["../src/player/processor/component/common-component.ts"],"names":[],"mappings":"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","file":"common-component.js","sourcesContent":["import type { ICharacter } from '../../../story/character';\nimport type { IActionSpec } from '../../../story/interface';\nimport { ActionProcessorItem } from '../processor-item';\nimport type { EasingType } from '@visactor/vrender-core';\nimport type {\n  IComponentBounceAction,\n  IComponentMoveToAction,\n  IComponentScaleToAction,\n  IComponentStyleAction\n} from '../interface/style-action';\nimport { fadeIn, fadeOut } from '../common/fade-processor';\nimport { scaleIn, scaleOut, scaleTo } from '../common/scale-processor';\nimport { wipeIn, wipeOut } from '../common/wipe-processor';\nimport { moveIn, moveOut, moveTo } from '../common/move-processor';\nimport { getCharacterGraphic } from '../common/common';\nimport { array } from '@visactor/vutils';\nimport { bounce } from '../common/bounce-processor';\n\nexport class CommonVisibilityActionProcessor extends ActionProcessorItem {\n  name: string = '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: IActionSpec): void {\n    const { animation } = actionSpec.payload ?? {};\n    const { effect = 'fade' } = animation ?? ({} as any);\n    array(effect).forEach(_effect => {\n      const effectFunc = this.getEffectFunc(_effect, actionSpec.action === 'appear');\n      if (effectFunc) {\n        effectFunc(character, animation as any, _effect);\n      }\n    });\n  }\n\n  getEffectFunc(effect: string, appear: boolean) {\n    switch (effect) {\n      case 'scale':\n        return appear ? scaleIn : scaleOut;\n      case 'wipe':\n        return appear ? wipeIn : wipeOut;\n      case 'fade':\n        return appear ? fadeIn : fadeOut;\n      case 'move':\n        return appear ? moveIn : moveOut;\n    }\n    return fadeIn;\n  }\n}\n\nexport class CommonStyleActionProcessor extends ActionProcessorItem {\n  name: 'style';\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: IComponentStyleAction): void {\n    const { animation, graphic: graphicStyle, text: textStyle } = actionSpec.payload ?? {};\n\n    const { duration, easing } = animation;\n    const graphic = getCharacterGraphic(character)[0];\n    const text = getCharacterGraphic(character)[1];\n\n    if (graphic && graphicStyle) {\n      graphic.animate().to(graphicStyle, duration, easing as EasingType);\n    }\n    if (text && textStyle) {\n      graphic.animate().to(textStyle, duration, easing as EasingType);\n    }\n  }\n}\nexport class CommonMoveToActionProcessor extends ActionProcessorItem {\n  name: 'moveTo';\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: IComponentMoveToAction): void {\n    const { animation, destination } = actionSpec.payload ?? {};\n\n    moveTo(character, animation as any, destination);\n  }\n}\nexport class CommonScaleToActionProcessor extends ActionProcessorItem {\n  name: 'scaleTo';\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: IComponentScaleToAction): void {\n    const { animation, scale } = actionSpec.payload ?? {};\n\n    scaleTo(character, animation as any, scale);\n  }\n}\n\nexport class CommonBounceActionProcessor extends ActionProcessorItem {\n  name: 'bounce';\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: IComponentBounceAction): void {\n    const { animation } = actionSpec.payload ?? {};\n    bounce(character, animation as any, actionSpec.payload);\n  }\n}\n"]}

package/cjs/player/processor/component/image/image-visibility.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/image/image-visibility.ts"],"names":[],"mappings":";;;AAAA,0DAAsE;AAEtE,MAAa,8BAA+B,SAAQ,kDAA+B;IAEjF;QACE,KAAK,EAAE,CAAC;IACV,CAAC;CACF;AALD,wEAKC","file":"image-visibility.js","sourcesContent":["import { CommonVisibilityActionProcessor } from '../common-component';\n\nexport class ImageVisibilityActionProcessor extends CommonVisibilityActionProcessor {\n  name: 'appearOrDisAppear';\n  constructor() {\n    super();\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/line/line-visibility.ts"],"names":[],"mappings":";;;AAAA,0DAAsE;AAEtE,MAAa,6BAA8B,SAAQ,kDAA+B;IAEhF;QACE,KAAK,EAAE,CAAC;IACV,CAAC;CACF;AALD,sEAKC","file":"line-visibility.js","sourcesContent":["import { CommonVisibilityActionProcessor } from '../common-component';\n\nexport class LineVisibilityActionProcessor extends CommonVisibilityActionProcessor {\n  name: 'appearOrDisAppear';\n  constructor() {\n    super();\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/rect/rect-visibility.ts"],"names":[],"mappings":";;;AAAA,0DAAsE;AAEtE,MAAa,6BAA8B,SAAQ,kDAA+B;IAEhF;QACE,KAAK,EAAE,CAAC;IACV,CAAC;CACF;AALD,sEAKC","file":"rect-visibility.js","sourcesContent":["import { CommonVisibilityActionProcessor } from '../common-component';\n\nexport class RectVisibilityActionProcessor extends CommonVisibilityActionProcessor {\n  name: 'appearOrDisAppear';\n  constructor() {\n    super();\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/shape/shape-visibility.ts"],"names":[],"mappings":";;;AAAA,0DAAsE;AAEtE,MAAa,8BAA+B,SAAQ,kDAA+B;IAEjF;QACE,KAAK,EAAE,CAAC;IACV,CAAC;CACF;AALD,wEAKC","file":"shape-visibility.js","sourcesContent":["import { CommonVisibilityActionProcessor } from '../common-component';\n\nexport class ShapeVisibilityActionProcessor extends CommonVisibilityActionProcessor {\n  name: 'appearOrDisAppear';\n  constructor() {\n    super();\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import { CommonVisibilityActionProcessor } from '../common-component';
+export declare class TextVisibilityActionProcessor extends CommonVisibilityActionProcessor {
+    name: 'appearOrDisAppear';
+    constructor();
+    getEffectFunc(effect: string, appear: boolean): typeof import("../../common/scale-processor").scaleIn | typeof import("../../common/move-processor").moveIn;
+}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TextVisibilityActionProcessor = 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 typewriterIn(character, animation, effect) {
+    (0, util_1.getCharacterByEffect)(character, effect).forEach((graphic => _typewriter(graphic, animation, !0)));
+}
+
+function typewriterOut(character, animation, effect) {
+    (0, util_1.getCharacterByEffect)(character, effect).forEach((graphic => _typewriter(graphic, animation, !1)));
+}
+
+function _typewriter(graphic, params, appear) {
+    if (graphic && ("text" === graphic.type || "richtext" === graphic.type)) {
+        const {duration: duration, easing: easing} = params, {text: text} = graphic.attribute;
+        if ((0, vutils_1.isString)(text)) {
+            let from = "", to = text;
+            appear || ([from, to] = [ to, from ]), graphic.animate().play(new typewirter_1.TypeWriter({
+                text: from
+            }, {
+                text: to
+            }, duration, easing));
+        }
+    }
+}
+
+class TextVisibilityActionProcessor extends common_component_1.CommonVisibilityActionProcessor {
+    constructor() {
+        super();
+    }
+    getEffectFunc(effect, appear) {
+        return "typewriter" === effect ? appear ? typewriterIn : typewriterOut : super.getEffectFunc(effect, appear);
+    }
+}
+
+exports.TextVisibilityActionProcessor = TextVisibilityActionProcessor;
+//# sourceMappingURL=text-visibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/text/text-visibility.ts"],"names":[],"mappings":";;;AACA,0DAAsE;AACtE,6CAA4C;AAC5C,+DAA4D;AAG5D,uEAAoF;AAEpF,SAAS,YAAY,CAAC,SAAqB,EAAE,SAA4B,EAAE,MAAc;IACvF,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,EAAE,IAAI,CAAC,CAAC,CAAC;AACnF,CAAC;AACD,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,WAAW,CAAC,OAAO,EAAE,SAAgB,EAAE,KAAK,CAAC,CAAC,CAAC;AACpF,CAAC;AAED,SAAS,WAAW,CAAC,OAAc,EAAE,MAAW,EAAE,MAAe;IAC/D,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,EAAE;QACvE,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,IAAI,IAAI,GAAG,EAAE,CAAC;YACd,IAAI,EAAE,GAAG,IAAI,CAAC;YACd,IAAI,CAAC,MAAM,EAAE;gBACX,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;aACzB;YACD,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,uBAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC,CAAC;SACtG;KACF;AACH,CAAC;AAED,MAAa,6BAA8B,SAAQ,kDAA+B;IAEhF;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,aAAa,CAAC,MAAc,EAAE,MAAe;QAC3C,QAAQ,MAAM,EAAE;YACd,KAAK,YAAY;gBACf,OAAO,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;SAChD;QACD,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,CAAC;CACF;AAbD,sEAaC","file":"text-visibility.js","sourcesContent":["import type { EasingType, IGraphic, IText } from '@visactor/vrender-core';\nimport { CommonVisibilityActionProcessor } 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 typewriterIn(character: ICharacter, animation: ITypeWriterParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect) as IGraphic[];\n  graphics.forEach((graphic: any) => _typewriter(graphic, animation as any, true));\n}\nfunction typewriterOut(character: ICharacter, animation: ITypeWriterParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect) as IGraphic[];\n  graphics.forEach((graphic: any) => _typewriter(graphic, animation as any, false));\n}\n\nfunction _typewriter(graphic: IText, params: any, appear: boolean) {\n  if (graphic && (graphic.type === 'text' || graphic.type === 'richtext')) {\n    const { duration, easing } = params;\n    const { text } = graphic.attribute;\n    if (isString(text)) {\n      let from = '';\n      let to = text;\n      if (!appear) {\n        [from, to] = [to, from];\n      }\n      graphic.animate().play(new TypeWriter({ text: from }, { text: to }, duration, easing as EasingType));\n    }\n  }\n}\n\nexport class TextVisibilityActionProcessor extends CommonVisibilityActionProcessor {\n  name: 'appearOrDisAppear';\n  constructor() {\n    super();\n  }\n\n  getEffectFunc(effect: string, appear: boolean) {\n    switch (effect) {\n      case 'typewriter':\n        return appear ? typewriterIn : typewriterOut;\n    }\n    return super.getEffectFunc(effect, appear);\n  }\n}\n"]}

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

@@ -0,0 +1,15 @@
+import { CommonVisibilityActionProcessor } from '../common-component';
+import type { ICharacter } from '../../../../story/character';
+import type { ITypeWriterParams } from '../../interface/appear-action';
+export declare class TimelineVisibilityActionProcessor extends CommonVisibilityActionProcessor {
+    name: string;
+    constructor();
+    getEffectFunc(effect: string, appear: boolean): typeof import("../../common/scale-processor").scaleIn | typeof import("../../common/move-processor").moveIn;
+}
+declare function forward(character: ICharacter, animation: ITypeWriterParams, effect: string): void;
+export declare class TimelineStateActionProcessor extends CommonVisibilityActionProcessor {
+    name: string;
+    constructor();
+    getEffectFunc(effect: string, appear: boolean): typeof forward;
+}
+export {};