@visactor/vstory 0.0.4-alpha.2 → 0.0.4

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

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

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

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

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

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

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

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

package/es/player/processor/common/common.js

@@ -0,0 +1,12 @@
+export function getCharacterParentGraphic(character) {
+    return character.getGraphicParent();
+}
+
+export function getCharacterGraphic(character) {
+    return character.getGraphicParent().getChildren();
+}
+
+export function getCharacterByEffect(character, effect) {
+    return "chart" === character._graphic.type || "move" === effect ? [ getCharacterParentGraphic(character) ] : getCharacterGraphic(character);
+}
+//# sourceMappingURL=common.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/common/scale-processor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,MAAM,UAAU,OAAO,CAAC,SAAqB,EAAE,SAAyB,EAAE,OAA2C;IACnH,MAAM,OAAO,GAAG,yBAAyB,CAAC,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;AAED,MAAM,UAAU,OAAO,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IACrF,MAAM,QAAQ,GAAG,oBAAoB,CAAC,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;AACD,MAAM,UAAU,QAAQ,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IACtF,MAAM,QAAQ,GAAG,oBAAoB,CAAC,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;AAED,SAAS,MAAM,CAAC,OAAiB,EAAE,MAAsB,EAAE,MAAe;;IACxE,IAAI,CAAC,qBAAqB,CAAC,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/es/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/es/player/processor/common/wipe-processor.js

@@ -0,0 +1,36 @@
+import { getCharacterParentGraphic } from "./common";
+
+import { canDoGraphicAnimation } from "../component/utils";
+
+const Direction = {
+    right: 0,
+    left: 1,
+    top: 2,
+    bottom: 3
+};
+
+export function wipeIn(character, animation, effect) {
+    _wipe(getCharacterParentGraphic(character), animation, !0);
+}
+
+export function wipeOut(character, animation, effect) {
+    _wipe(getCharacterParentGraphic(character), animation, !1);
+}
+
+function _wipe(graphic, params, appear) {
+    var _a, _b, _c, _d;
+    if (!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;
+}
+//# sourceMappingURL=wipe-processor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/common/wipe-processor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAI3D,MAAM,SAAS,GAAQ;IACrB,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IACpF,MAAM,OAAO,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAC;IACrD,KAAK,CAAC,OAAO,EAAE,SAAgB,EAAE,IAAI,CAAC,CAAC;AACzC,CAAC;AACD,MAAM,UAAU,OAAO,CAAC,SAAqB,EAAE,SAAwB,EAAE,MAAc;IACrF,MAAM,OAAO,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAC;IACrD,KAAK,CAAC,OAAO,EAAE,SAAgB,EAAE,KAAK,CAAC,CAAC;AAC1C,CAAC;AACD,SAAS,KAAK,CAAC,OAAiB,EAAE,MAAqB,EAAE,MAAe;;IACtE,IAAI,CAAC,qBAAqB,CAAC,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/es/player/processor/common-processor.js

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

package/es/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/es/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 {};