@visactor/vstory 0.0.4-alpha.2 → 0.0.5-alpha.0

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 {};

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TimelineStateActionProcessor = exports.TimelineVisibilityActionProcessor = 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 && "richtext" !== graphic.type) {
+        const {duration: duration, easing: easing} = params;
+        graphic.appearAnimate({
+            duration: duration,
+            easing: easing
+        });
+    }
+}
+
+class TimelineVisibilityActionProcessor extends common_component_1.CommonVisibilityActionProcessor {
+    constructor() {
+        super(), this.name = "appearOrDisAppear";
+    }
+    getEffectFunc(effect = "default", appear) {
+        return "default" === effect ? defaultAppear : super.getEffectFunc(effect, appear);
+    }
+}
+
+function forward(character, animation, effect) {
+    (0, util_1.getCharacterByEffect)(character, effect).forEach((graphic => _forward(graphic, animation)));
+}
+
+function _forward(graphic, params) {
+    if (graphic && "text" !== graphic.type && "richtext" !== graphic.type) {
+        const {duration: duration, easing: easing} = params;
+        graphic.forward({
+            duration: duration,
+            easing: easing
+        });
+    }
+}
+
+function backward(character, animation, effect) {
+    (0, util_1.getCharacterByEffect)(character, effect).forEach((graphic => _backward(graphic, animation)));
+}
+
+function _backward(graphic, params) {
+    if (graphic && "text" !== graphic.type && "richtext" !== graphic.type) {
+        const {duration: duration, easing: easing} = params;
+        graphic.backward({
+            duration: duration,
+            easing: easing
+        });
+    }
+}
+
+exports.TimelineVisibilityActionProcessor = TimelineVisibilityActionProcessor;
+
+class TimelineStateActionProcessor extends common_component_1.CommonVisibilityActionProcessor {
+    constructor() {
+        super(), this.name = "state";
+    }
+    getEffectFunc(effect = "forward", appear) {
+        switch (effect) {
+          case "forward":
+            return forward;
+
+          case "backward":
+            return backward;
+        }
+        return forward;
+    }
+}
+
+exports.TimelineStateActionProcessor = TimelineStateActionProcessor;
+//# sourceMappingURL=timeline-visibility.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/timeline/timeline-visibility.ts"],"names":[],"mappings":";;;AACA,0DAAsE;AAKtE,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,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE;QACrE,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,iCAAkC,SAAQ,kDAA+B;IAEpF;QACE,KAAK,EAAE,CAAC;QAFV,SAAI,GAAW,mBAAmB,CAAC;IAGnC,CAAC;IAED,aAAa,CAAC,SAAiB,SAAS,EAAE,MAAe;QACvD,QAAQ,MAAM,EAAE;YACd,KAAK,SAAS;gBACZ,OAAO,aAAa,CAAC;SACxB;QACD,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,CAAC;CACF;AAbD,8EAaC;AAED,SAAS,OAAO,CAAC,SAAqB,EAAE,SAA4B,EAAE,MAAc;IAClF,MAAM,QAAQ,GAAG,IAAA,2BAAoB,EAAC,SAAS,EAAE,MAAM,CAAe,CAAC;IACvE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC,CAAC;AAC1E,CAAC;AAED,SAAS,QAAQ,CAAC,OAAiB,EAAE,MAAW;IAC9C,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE;QACrE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACpC,OAAO,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;KACjD;AACH,CAAC;AACD,SAAS,QAAQ,CAAC,SAAqB,EAAE,SAA4B,EAAE,MAAc;IACnF,MAAM,QAAQ,GAAG,IAAA,2BAAoB,EAAC,SAAS,EAAE,MAAM,CAAe,CAAC;IACvE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAY,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC,CAAC;AAC3E,CAAC;AAED,SAAS,SAAS,CAAC,OAAiB,EAAE,MAAW;IAC/C,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE;QACrE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACpC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;KAClD;AACH,CAAC;AACD,MAAa,4BAA6B,SAAQ,kDAA+B;IAE/E;QACE,KAAK,EAAE,CAAC;QAFV,SAAI,GAAW,OAAO,CAAC;IAGvB,CAAC;IAED,aAAa,CAAC,SAAiB,SAAS,EAAE,MAAe;QACvD,QAAQ,MAAM,EAAE;YACd,KAAK,SAAS;gBACZ,OAAO,OAAO,CAAC;YACjB,KAAK,UAAU;gBACb,OAAO,QAAQ,CAAC;SACnB;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAfD,oEAeC","file":"timeline-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';\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' && graphic.type !== 'richtext') {\n    const { duration, easing } = params;\n    graphic.appearAnimate({ duration: duration, easing });\n  }\n}\n\nexport class TimelineVisibilityActionProcessor extends CommonVisibilityActionProcessor {\n  name: string = 'appearOrDisAppear';\n  constructor() {\n    super();\n  }\n\n  getEffectFunc(effect: string = 'default', appear: boolean) {\n    switch (effect) {\n      case 'default':\n        return defaultAppear;\n    }\n    return super.getEffectFunc(effect, appear);\n  }\n}\n\nfunction forward(character: ICharacter, animation: ITypeWriterParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect) as IGraphic[];\n  graphics.forEach((graphic: any) => _forward(graphic, animation as any));\n}\n\nfunction _forward(graphic: Timeline, params: any) {\n  if (graphic && graphic.type !== 'text' && graphic.type !== 'richtext') {\n    const { duration, easing } = params;\n    graphic.forward({ duration: duration, easing });\n  }\n}\nfunction backward(character: ICharacter, animation: ITypeWriterParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect) as IGraphic[];\n  graphics.forEach((graphic: any) => _backward(graphic, animation as any));\n}\n\nfunction _backward(graphic: Timeline, params: any) {\n  if (graphic && graphic.type !== 'text' && graphic.type !== 'richtext') {\n    const { duration, easing } = params;\n    graphic.backward({ duration: duration, easing });\n  }\n}\nexport class TimelineStateActionProcessor extends CommonVisibilityActionProcessor {\n  name: string = 'state';\n  constructor() {\n    super();\n  }\n\n  getEffectFunc(effect: string = 'forward', appear: boolean) {\n    switch (effect) {\n      case 'forward':\n        return forward;\n      case 'backward':\n        return backward;\n    }\n    return forward;\n  }\n}\n"]}

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

@@ -1,3 +1,5 @@
 import type { IGraphic } from '@visactor/vrender-core';
-import type { IAnimationParams } from '../interface/appear-action';
+import type { IAnimationParams } from '../interface/common-action';
 export declare const canDoGraphicAnimation: (graphic: IGraphic, animationParams: IAnimationParams) => boolean;
+export declare const isMatch: (obj: object, source: object) => boolean;
+export declare function checkArrayOrder(arr: any[], field: string): 1 | -1;

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

@@ -2,9 +2,24 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.canDoGraphicAnimation = void 0;
+}), exports.checkArrayOrder = exports.isMatch = exports.canDoGraphicAnimation = void 0;
 
 const canDoGraphicAnimation = (graphic, animationParams) => graphic && animationParams.duration && animationParams.duration > 0;
 
 exports.canDoGraphicAnimation = canDoGraphicAnimation;
+
+const isMatch = (obj, source) => {
+    for (const key in source) if (source.hasOwnProperty(key) && (!obj.hasOwnProperty(key) || obj[key] !== source[key])) return !1;
+    return !0;
+};
+
+function checkArrayOrder(arr, field) {
+    if (!arr) return 1;
+    let isAscending = !0, isDescending = !0;
+    for (let i = 0; i < arr.length - 1; i++) arr[i][field] > arr[i + 1][field] && (isAscending = !1), 
+    arr[i][field] < arr[i + 1][field] && (isDescending = !1);
+    return isAscending ? 1 : isDescending ? -1 : void 0;
+}
+
+exports.isMatch = isMatch, exports.checkArrayOrder = checkArrayOrder;
 //# sourceMappingURL=utils.js.map

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

@@ -1 +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"]}
+{"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;AAEK,MAAM,OAAO,GAAG,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE;IACrD,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;QACxB,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;YAC9B,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,EAAE;gBACxD,OAAO,KAAK,CAAC;aACd;SACF;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AATW,QAAA,OAAO,WASlB;AAEF,SAAgB,eAAe,CAAC,GAAU,EAAE,KAAa;IACvD,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,CAAC,CAAC;KACV;IACD,IAAI,WAAW,GAAG,IAAI,CAAC;IACvB,IAAI,YAAY,GAAG,IAAI,CAAC;IAExB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;QACvC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;YACrC,WAAW,GAAG,KAAK,CAAC;SACrB;QACD,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;YACrC,YAAY,GAAG,KAAK,CAAC;SACtB;KACF;IAED,IAAI,WAAW,EAAE;QACf,OAAO,CAAC,CAAC;KACV;IACD,IAAI,YAAY,EAAE;QAChB,OAAO,CAAC,CAAC,CAAC;KACX;AACH,CAAC;AAtBD,0CAsBC","file":"utils.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationParams } from '../interface/common-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\nexport const isMatch = (obj: object, source: object) => {\n  for (const key in source) {\n    if (source.hasOwnProperty(key)) {\n      if (!obj.hasOwnProperty(key) || obj[key] !== source[key]) {\n        return false;\n      }\n    }\n  }\n  return true;\n};\n\nexport function checkArrayOrder(arr: any[], field: string) {\n  if (!arr) {\n    return 1;\n  }\n  let isAscending = true;\n  let isDescending = true;\n\n  for (let i = 0; i < arr.length - 1; i++) {\n    if (arr[i][field] > arr[i + 1][field]) {\n      isAscending = false;\n    }\n    if (arr[i][field] < arr[i + 1][field]) {\n      isDescending = false;\n    }\n  }\n\n  if (isAscending) {\n    return 1;\n  }\n  if (isDescending) {\n    return -1;\n  }\n}\n"]}

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

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

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

@@ -1 +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"]}
+{"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 { IActionSpec } from '../../../story/interface';\n\nexport interface IActionProcessorItem {\n  getStartTime: (action: IActionSpec) => number;\n  getDuration: (action: IActionSpec) => number;\n  getStartTimeAndDuration: (action: IActionSpec, character?: ICharacter) => { startTime: number; duration: number };\n\n  run: (...actionParams: any) => any;\n}\n\nexport interface IActionProcessor {\n  getActInfo: (\n    characterId: string,\n    action: IActionSpec\n  ) => {\n    startTime: number;\n    duration: number;\n  } | null;\n\n  doAction: (name: string, actionName: string, character: ICharacter, actionSpec: IActionSpec) => void;\n}\n"]}

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

@@ -1,28 +1,16 @@
-import type { EasingType } from '@visactor/vrender';
-export interface IAction {
-    action: string;
-    payload: Record<string, any>;
-}
-export interface IAnimationParams {
-    duration: number;
-    easing?: EasingType;
-    loop?: number | boolean;
-}
-export interface IActionPayload {
-    animation?: IAnimationParams;
-}
-export interface IChartAppearPayLoad extends IActionPayload {
+import type { EasingType } from '@visactor/vrender-core';
+import type { IAction, IActionPayload, IAnimationParams } from './common-action';
+export interface IChartVisibilityPayload extends IActionPayload {
     animation: IAnimationParams & {
         oneByOne: boolean;
-        effect: string;
+        effect: string | string[];
     };
     fade?: {
         isBaseOpacity?: boolean;
     };
 }
-export interface IChartAppearAction extends IAction {
+export interface IChartVisibilityAction extends IAction<IChartVisibilityPayload> {
     action: 'appear';
-    payload: IChartAppearPayLoad;
 }
 export interface IFadeInParams extends IAnimationParams {
     opacity?: number;
@@ -33,6 +21,27 @@ export interface IFadeInParams extends IAnimationParams {
         isBaseOpacity?: string;
     };
 }
+export interface IMoveToParams extends IAnimationParams {
+    destination: {
+        x: number;
+        y: number;
+    };
+}
+export interface IMoveParams extends IAnimationParams {
+    pos?: 'left' | 'right' | 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';
+    move?: {
+        pos?: IMoveParams['pos'];
+        isVariableSpeed?: boolean;
+        duration?: number;
+        easing?: EasingType;
+    };
+}
+export interface IScaleToParams extends IAnimationParams {
+    scale: {
+        scaleX: number;
+        scaleY: number;
+    };
+}
 export interface IScaleInParams extends IAnimationParams {
     ratio?: number;
     scale?: {
@@ -53,4 +62,7 @@ export type ITypeWriterParams = IAnimationParams;
 export interface IComponentAppearPayLoad extends IActionPayload {
     animation: IFadeInParams | IScaleInParams | IWipeInParams;
 }
-export type AppearOption = Omit<IChartAppearAction, 'action' | 'data'>;
+export interface IComponentVisibilityAction extends IAction<IComponentAppearPayLoad> {
+    action: 'appear' | 'disappear';
+}
+export type AppearOption = Omit<IChartVisibilityAction, 'action' | 'data'>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/interface/appear-action.ts"],"names":[],"mappings":"","file":"appear-action.js","sourcesContent":["import type { EasingType } from '@visactor/vrender';\n\nexport interface IAction {\n  action: string;\n  payload: Record<string, any>;\n}\n\nexport interface IAnimationParams {\n  duration: number;\n  easing?: EasingType;\n  loop?: number | boolean;\n}\n\nexport interface IActionPayload {\n  animation?: IAnimationParams;\n}\n\nexport interface IChartAppearPayLoad extends IActionPayload {\n  animation: IAnimationParams & {\n    oneByOne: boolean;\n    /**\n     * 柱状图支持: 'grow' | 'fade' | 'bounce'\n     * 折线图支持: 'grow' | 'fade'\n     * 饼图支持: 'grow' | 'fade' | 'growAngle' | 'growRadius'\n     */\n    effect: string;\n  };\n  fade?: { isBaseOpacity?: boolean };\n}\n\nexport interface IChartAppearAction extends IAction {\n  action: 'appear';\n  payload: IChartAppearPayLoad;\n}\n\n// components\nexport interface IFadeInParams extends IAnimationParams {\n  opacity?: number;\n  fade?: {\n    /**\n     * @default 1\n     */\n    opacity?: number;\n    duration?: number;\n    easing?: EasingType;\n    /**\n     * 作用于全局的透明度\n     * @default false\n     */\n    isBaseOpacity?: string;\n  };\n}\n\nexport interface IScaleInParams extends IAnimationParams {\n  ratio?: number;\n  scale?: {\n    /**\n     * @default 1\n     */\n    ratio?: number;\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IWipeInParams extends IAnimationParams {\n  from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n  wipe?: {\n    /**\n     * @default left\n     */\n    from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport type ITypeWriterParams = IAnimationParams;\nexport interface IComponentAppearPayLoad extends IActionPayload {\n  animation: IFadeInParams | IScaleInParams | IWipeInParams;\n}\n\nexport type AppearOption = Omit<IChartAppearAction, 'action' | 'data'>;\n"]}
+{"version":3,"sources":["../src/player/processor/interface/appear-action.ts"],"names":[],"mappings":"","file":"appear-action.js","sourcesContent":["import type { EasingType } from '@visactor/vrender-core';\nimport type { IAction, IActionPayload, IAnimationParams } from './common-action';\n\nexport interface IChartVisibilityPayload extends IActionPayload {\n  animation: IAnimationParams & {\n    oneByOne: boolean;\n    /**\n     * 柱状图支持: 'grow' | 'fade' | 'bounce'\n     * 折线图支持: 'grow' | 'fade'\n     * 饼图支持: 'grow' | 'fade' | 'growAngle' | 'growRadius'\n     */\n    effect: string | string[];\n  };\n  fade?: { isBaseOpacity?: boolean };\n}\n\nexport interface IChartVisibilityAction extends IAction<IChartVisibilityPayload> {\n  action: 'appear';\n}\n\n// components\nexport interface IFadeInParams extends IAnimationParams {\n  opacity?: number;\n  fade?: {\n    /**\n     * @default 1\n     */\n    opacity?: number;\n    duration?: number;\n    easing?: EasingType;\n    /**\n     * 作用于全局的透明度\n     * @default false\n     */\n    isBaseOpacity?: string;\n  };\n}\n\nexport interface IMoveToParams extends IAnimationParams {\n  destination: { x: number; y: number };\n}\n\nexport interface IMoveParams extends IAnimationParams {\n  pos?: 'left' | 'right' | 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';\n  move?: {\n    /**\n     * @default left\n     */\n    pos?: IMoveParams['pos'];\n    /**\n     * @default true\n     * @description 若为true: 多个图形的move距离不同, duration相同, 使多个图形同时抵达目标位置;  若为false: 多个图形move的距离相同, duration相同, 即可使多个图形达到相同的速度, 以保持图形的相对位置不变.\n     */\n    isVariableSpeed?: boolean;\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IScaleToParams extends IAnimationParams {\n  scale: { scaleX: number; scaleY: number };\n}\n\nexport interface IScaleInParams extends IAnimationParams {\n  ratio?: number;\n  scale?: {\n    /**\n     * @default 1\n     */\n    ratio?: number;\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IWipeInParams extends IAnimationParams {\n  from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n  wipe?: {\n    /**\n     * @default left\n     */\n    from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport type ITypeWriterParams = IAnimationParams;\nexport interface IComponentAppearPayLoad extends IActionPayload {\n  animation: IFadeInParams | IScaleInParams | IWipeInParams;\n}\n\nexport interface IComponentVisibilityAction extends IAction<IComponentAppearPayLoad> {\n  action: 'appear' | 'disappear';\n}\n\nexport type AppearOption = Omit<IChartVisibilityAction, 'action' | 'data'>;\n"]}

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

@@ -0,0 +1,15 @@
+import type { EasingType } from '@visactor/vrender';
+export interface IAction<T extends IActionPayload> {
+    action: string;
+    startTime?: number;
+    payload?: T | T[];
+}
+export interface IAnimationParams {
+    duration: number;
+    easing?: EasingType;
+    loop?: number | boolean;
+}
+export interface IActionPayload {
+    animation?: IAnimationParams;
+    selector?: string;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/interface/common-action.ts"],"names":[],"mappings":"","file":"common-action.js","sourcesContent":["import type { EasingType } from '@visactor/vrender';\n\nexport interface IAction<T extends IActionPayload> {\n  action: string;\n  startTime?: number;\n  payload?: T | T[];\n}\n\nexport interface IAnimationParams {\n  duration: number;\n  easing?: EasingType;\n  loop?: number | boolean;\n}\n\nexport interface IActionPayload {\n  animation?: IAnimationParams;\n  selector?: string;\n}\n"]}

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

@@ -0,0 +1,33 @@
+import type { IAction, IActionPayload } from './common-action';
+export interface IComponentStylePayLoad extends IActionPayload {
+    graphic?: Record<string, any>;
+    text?: Record<string, any>;
+}
+export interface IComponentStyleAction extends IAction<IComponentStylePayLoad> {
+    action: 'style';
+}
+export interface IComponentMoveToPayLoad extends IActionPayload {
+    destination: {
+        x: number;
+        y: number;
+    };
+}
+export interface IComponentMoveToAction extends IAction<IComponentMoveToPayLoad> {
+    action: 'moveTo';
+}
+export interface IComponentScaleToPayLoad extends IActionPayload {
+    scale: {
+        scaleX: number;
+        scaleY: number;
+    };
+}
+export interface IComponentScaleToAction extends IAction<IComponentScaleToPayLoad> {
+    action: 'scaleTo';
+}
+export interface IComponentBouncePayLoad extends IActionPayload {
+    customEase?: string;
+    dy?: number;
+}
+export interface IComponentBounceAction extends IAction<IComponentBouncePayLoad> {
+    action: 'bounce';
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/interface/style-action.ts"],"names":[],"mappings":"","file":"style-action.js","sourcesContent":["import type { IAction, IActionPayload } from './common-action';\n\nexport interface IComponentStylePayLoad extends IActionPayload {\n  graphic?: Record<string, any>;\n  text?: Record<string, any>;\n}\n\nexport interface IComponentStyleAction extends IAction<IComponentStylePayLoad> {\n  action: 'style';\n}\n\nexport interface IComponentMoveToPayLoad extends IActionPayload {\n  destination: { x: number; y: number };\n}\nexport interface IComponentMoveToAction extends IAction<IComponentMoveToPayLoad> {\n  action: 'moveTo';\n}\nexport interface IComponentScaleToPayLoad extends IActionPayload {\n  scale: { scaleX: number; scaleY: number };\n}\nexport interface IComponentScaleToAction extends IAction<IComponentScaleToPayLoad> {\n  action: 'scaleTo';\n}\n\nexport interface IComponentBouncePayLoad extends IActionPayload {\n  /**\n   * 自定义弹跳 easing path string\n   */\n  customEase?: string;\n  /**\n   * 跳跃高度\n   */\n  dy?: number;\n}\n\nexport interface IComponentBounceAction extends IAction<IComponentBouncePayLoad> {\n  action: 'bounce';\n}\n"]}

package/cjs/player/processor/processor-item.d.ts

@@ -1,12 +1,12 @@
 import type { ICharacter } from '../../story/character';
-import type { IAction } from '../../story/interface';
+import type { IActionSpec } from '../../story/interface';
 import type { IActionProcessorItem } from './interface/action-processor';
 export declare class ActionProcessorItem implements IActionProcessorItem {
-    getStartTime(action: IAction): number;
-    getDuration(action: IAction): number;
-    getStartTimeAndDuration(action: IAction): {
+    getStartTime(action: IActionSpec): number;
+    getDuration(action: IActionSpec): number;
+    getStartTimeAndDuration(action: IActionSpec): {
         startTime: number;
         duration: number;
     };
-    run(character: ICharacter, actionSpec: IAction): void;
+    run(character: ICharacter, actionSpec: IActionSpec): void;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/processor-item.ts"],"names":[],"mappings":";;;AAIA,MAAa,mBAAmB;IAC9B,YAAY,CAAC,MAAe;QAC1B,OAAO,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC;IACxD,CAAC;IACD,WAAW,CAAC,MAAe;QACzB,OAAO,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC;IACvD,CAAC;IAED,uBAAuB,CAAC,MAAe;QACrC,OAAO;YACL,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;SACZ,CAAC;IACJ,CAAC;IAED,GAAG,CAAC,SAAqB,EAAE,UAAmB;QAC5C,OAAO;IACT,CAAC;CACF;AAlBD,kDAkBC","file":"processor-item.js","sourcesContent":["import type { ICharacter } from '../../story/character';\nimport type { IAction } from '../../story/interface';\nimport type { IActionProcessorItem } from './interface/action-processor';\n\nexport class ActionProcessorItem implements IActionProcessorItem {\n  getStartTime(action: IAction): number {\n    return this.getStartTimeAndDuration(action).startTime;\n  }\n  getDuration(action: IAction): number {\n    return this.getStartTimeAndDuration(action).duration;\n  }\n\n  getStartTimeAndDuration(action: IAction): { startTime: number; duration: number } {\n    return {\n      startTime: 0,\n      duration: 0\n    };\n  }\n\n  run(character: ICharacter, actionSpec: IAction): void {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/player/processor/processor-item.ts"],"names":[],"mappings":";;;AAIA,MAAa,mBAAmB;IAC9B,YAAY,CAAC,MAAmB;QAC9B,OAAO,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC;IACxD,CAAC;IACD,WAAW,CAAC,MAAmB;QAC7B,OAAO,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC;IACvD,CAAC;IAED,uBAAuB,CAAC,MAAmB;QACzC,OAAO;YACL,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;SACZ,CAAC;IACJ,CAAC;IAED,GAAG,CAAC,SAAqB,EAAE,UAAuB;QAChD,OAAO;IACT,CAAC;CACF;AAlBD,kDAkBC","file":"processor-item.js","sourcesContent":["import type { ICharacter } from '../../story/character';\nimport type { IActionSpec } from '../../story/interface';\nimport type { IActionProcessorItem } from './interface/action-processor';\n\nexport class ActionProcessorItem implements IActionProcessorItem {\n  getStartTime(action: IActionSpec): number {\n    return this.getStartTimeAndDuration(action).startTime;\n  }\n  getDuration(action: IActionSpec): number {\n    return this.getStartTimeAndDuration(action).duration;\n  }\n\n  getStartTimeAndDuration(action: IActionSpec): { startTime: number; duration: number } {\n    return {\n      startTime: 0,\n      duration: 0\n    };\n  }\n\n  run(character: ICharacter, actionSpec: IActionSpec): void {\n    return;\n  }\n}\n"]}

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

@@ -1,5 +1,5 @@
 import type { ICharacter } from '../../story/character';
-import type { IAction, IStory } from '../../story/interface';
+import type { IActionSpec, IStory } from '../../story/interface';
 import type { IActionProcessor, IActionProcessorItem } from './interface/action-processor';
 export type IProcessorMap = Record<string, Record<string, IActionProcessorItem>>;
 export interface IProcessorReturnType {
@@ -15,13 +15,13 @@ export declare class ActionProcessor implements IActionProcessor {
     protected _story: IStory;
     constructor(story: IStory, processorMap?: IProcessorMap);
     protected init(story: IStory, processorMap?: IProcessorMap): void;
-    getActInfo(characterId: string, action: IAction): {
+    getActInfo(characterId: string, action: IActionSpec): {
         startTime: number;
         duration: number;
     } | null;
     registerProcessor(name: string, processors: Record<string, IActionProcessorItem>): boolean;
     getProcessorList(name: string): Record<string, IActionProcessorItem>;
     getProcessor(name: string, actionName: string): IActionProcessorItem;
-    doAction(name: string, actionName: string, character: ICharacter, actionSpec: IAction): void;
+    doAction(name: string, actionName: string, character: ICharacter, actionSpec: IActionSpec): void;
     release(): void;
 }

package/cjs/player/processor/processor.js

@@ -21,8 +21,8 @@ class ActionProcessor {
         if (!character) return (0, output_1.logger)("error", `获取character失败，请检查 ${characterId} 是否绑定到一个合法的character`), 
         null;
         const processor = this.getProcessor(character.spec.type, action.action);
-        return processor || (0, output_1.logger)("error", `获取processor失败，请检查 ${character.spec.type} 是否支持 ${action.action}`), 
-        processor.getStartTimeAndDuration(action);
+        return processor ? processor.getStartTimeAndDuration(action, character) : ((0, output_1.logger)("error", `获取processor失败，请检查 ${character.spec.type} 是否支持 ${action.action}`), 
+        null);
     }
     registerProcessor(name, processors) {
         return !!this._processorMap && (this._processorMap.set(name, processors), !0);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/processor.ts"],"names":[],"mappings":"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","file":"processor.js","sourcesContent":["import type { ICharacter } from '../../story/character';\nimport type { IAction, IStory } from '../../story/interface';\nimport { IActionsLink } from '../../story/interface';\nimport { logger } from '../../util/output';\nimport type { IActionProcessor, IActionProcessorItem } from './interface/action-processor';\n\nexport type IProcessorMap = Record<string, Record<string, IActionProcessorItem>>;\n\nexport interface IProcessorReturnType {\n  totalTime: number;\n  revertActionParams?: {\n    action: string;\n    payload: Record<string, any>;\n  };\n}\n\nexport class ActionProcessor implements IActionProcessor {\n  protected _processorMap: Map<string, Record<string, IActionProcessorItem>>;\n\n  private static _instance: ActionProcessor = null;\n  protected _story: IStory;\n\n  constructor(story: IStory, processorMap?: IProcessorMap) {\n    if (!ActionProcessor._instance) {\n      this.init(story, processorMap);\n      ActionProcessor._instance = this;\n    }\n    return ActionProcessor._instance;\n  }\n\n  protected init(story: IStory, processorMap?: IProcessorMap) {\n    this._processorMap = new Map();\n    if (processorMap) {\n      for (const key in processorMap) {\n        logger('info', `register ${key} processor.`); // TODO: remove log\n        this.registerProcessor(key, processorMap[key]);\n      }\n    }\n    this._story = story;\n  }\n\n  /**\n   * 添加Action，根据Action中的characterId添加对应的characterActions实例\n   * @param action\n   */\n  getActInfo(\n    characterId: string,\n    action: IAction\n  ): {\n    startTime: number;\n    duration: number;\n  } | null {\n    const character = this._story.getCharactersById(characterId);\n    if (!character) {\n      logger('error', `获取character失败，请检查 ${characterId} 是否绑定到一个合法的character`);\n      return null;\n    }\n\n    const processor = this.getProcessor(character.spec.type, action.action);\n\n    if (!processor) {\n      logger('error', `获取processor失败，请检查 ${character.spec.type} 是否支持 ${action.action}`);\n    }\n    return processor.getStartTimeAndDuration(action);\n\n    // characterActions.forEach(action => {\n    //   const processor = this.getProcessor(character.spec.type, action.action);\n    // });\n  }\n\n  /**\n   *\n   * @param name 操作对象名称\n   * @param processors 操作对象支持的 processor\n   * @returns boolean 注册是否成功\n   */\n  registerProcessor(name: string, processors: Record<string, IActionProcessorItem>) {\n    if (!this._processorMap) {\n      return false;\n    }\n    // 重复注册，目前直接替代\n    this._processorMap.set(name, processors);\n    return true;\n  }\n\n  getProcessorList(name: string) {\n    return this._processorMap && this._processorMap.get(name);\n  }\n\n  getProcessor(name: string, actionName: string) {\n    return this._processorMap && this._processorMap.get(name)?.[actionName];\n  }\n\n  /**\n   * Execute action\n   * @param name\n   * @param actionName\n   * @param actionParams\n   * @returns IProcessorReturnType\n   */\n  doAction(name: string, actionName: string, character: ICharacter, actionSpec: IAction): void {\n    const processor = this.getProcessor(name, actionName);\n    if (processor) {\n      // eslint-disable-next-line no-console\n      logger('info', `Execute action => ${actionName}, character => ${name}`); // TODO: remove log\n      const actionResult = processor.run(character, actionSpec);\n      // eslint-disable-next-line no-console\n      logger('info', `Action Executed:`, actionResult); // TODO: remove log\n      return actionResult;\n    }\n    // eslint-disable-next-line no-console\n    logger('error', `Action not found: character => ${name}, action => ${actionName} `); // TODO: remove log\n    return undefined;\n  }\n\n  release() {\n    ActionProcessor._instance = null;\n\n    if (this._processorMap) {\n      this._processorMap.clear();\n      this._processorMap = null;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/player/processor/processor.ts"],"names":[],"mappings":"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","file":"processor.js","sourcesContent":["import type { ICharacter } from '../../story/character';\nimport type { IActionSpec, IStory } from '../../story/interface';\nimport { IActionsLink } from '../../story/interface';\nimport { logger } from '../../util/output';\nimport type { IActionProcessor, IActionProcessorItem } from './interface/action-processor';\n\nexport type IProcessorMap = Record<string, Record<string, IActionProcessorItem>>;\n\nexport interface IProcessorReturnType {\n  totalTime: number;\n  revertActionParams?: {\n    action: string;\n    payload: Record<string, any>;\n  };\n}\n\nexport class ActionProcessor implements IActionProcessor {\n  protected _processorMap: Map<string, Record<string, IActionProcessorItem>>;\n\n  private static _instance: ActionProcessor = null;\n  protected _story: IStory;\n\n  constructor(story: IStory, processorMap?: IProcessorMap) {\n    if (!ActionProcessor._instance) {\n      this.init(story, processorMap);\n      ActionProcessor._instance = this;\n    }\n    return ActionProcessor._instance;\n  }\n\n  protected init(story: IStory, processorMap?: IProcessorMap) {\n    this._processorMap = new Map();\n    if (processorMap) {\n      for (const key in processorMap) {\n        logger('info', `register ${key} processor.`); // TODO: remove log\n        this.registerProcessor(key, processorMap[key]);\n      }\n    }\n    this._story = story;\n  }\n\n  /**\n   * 添加Action，根据Action中的characterId添加对应的characterActions实例\n   * @param action\n   */\n  getActInfo(\n    characterId: string,\n    action: IActionSpec\n  ): {\n    startTime: number;\n    duration: number;\n  } | null {\n    const character = this._story.getCharactersById(characterId);\n    if (!character) {\n      logger('error', `获取character失败，请检查 ${characterId} 是否绑定到一个合法的character`);\n      return null;\n    }\n\n    const processor = this.getProcessor(character.spec.type, action.action);\n\n    if (!processor) {\n      logger('error', `获取processor失败，请检查 ${character.spec.type} 是否支持 ${action.action}`);\n      return null;\n    }\n    return processor.getStartTimeAndDuration(action, character);\n\n    // characterActions.forEach(action => {\n    //   const processor = this.getProcessor(character.spec.type, action.action);\n    // });\n  }\n\n  /**\n   *\n   * @param name 操作对象名称\n   * @param processors 操作对象支持的 processor\n   * @returns boolean 注册是否成功\n   */\n  registerProcessor(name: string, processors: Record<string, IActionProcessorItem>) {\n    if (!this._processorMap) {\n      return false;\n    }\n    // 重复注册，目前直接替代\n    this._processorMap.set(name, processors);\n    return true;\n  }\n\n  getProcessorList(name: string) {\n    return this._processorMap && this._processorMap.get(name);\n  }\n\n  getProcessor(name: string, actionName: string) {\n    return this._processorMap && this._processorMap.get(name)?.[actionName];\n  }\n\n  /**\n   * Execute action\n   * @param name\n   * @param actionName\n   * @param actionParams\n   * @returns IProcessorReturnType\n   */\n  doAction(name: string, actionName: string, character: ICharacter, actionSpec: IActionSpec): void {\n    const processor = this.getProcessor(name, actionName);\n    if (processor) {\n      // try {\n      // eslint-disable-next-line no-console\n      logger('info', `Execute action => ${actionName}, character => ${name}`); // TODO: remove log\n      const actionResult = processor.run(character, actionSpec);\n      // eslint-disable-next-line no-console\n      logger('info', `Action Executed:`, actionResult); // TODO: remove log\n      return actionResult;\n      // } catch (err) {\n      //   logger('error', `Action Executed Error: ${err}`);\n      //   return null;\n      // }\n    }\n    // eslint-disable-next-line no-console\n    logger('error', `Action not found: character => ${name}, action => ${actionName} `); // TODO: remove log\n    return undefined;\n  }\n\n  release() {\n    ActionProcessor._instance = null;\n\n    if (this._processorMap) {\n      this._processorMap.clear();\n      this._processorMap = null;\n    }\n  }\n}\n"]}

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

@@ -1,55 +1,65 @@
-import { ImageAppearActionProcessor } from './component/image/image-appear';
-import { VChartVisibilityActionProcessor } from './chart/vchart';
-import { LineAppearActionProcessor } from './component/line/line-appear';
-import { RectAppearActionProcessor } from './component/rect/rect-appear';
-import { ShapeAppearActionProcessor } from './component/shape/shape-appear';
-import { TextAppearActionProcessor } from './component/text/text-appear';
-import { TimelineAppearActionProcessor } from './component/timeline/timeline-appear';
+import { ImageVisibilityActionProcessor } from './component/image/image-visibility';
+import { VChartAddActionProcessor, VChartUpdateActionProcessor, VChartVisibilityActionProcessor } from './chart/vchart';
+import { LineVisibilityActionProcessor } from './component/line/line-visibility';
+import { RectVisibilityActionProcessor } from './component/rect/rect-visibility';
+import { ShapeVisibilityActionProcessor } from './component/shape/shape-visibility';
+import { TextVisibilityActionProcessor } from './component/text/text-visibility';
+import { TimelineStateActionProcessor, TimelineVisibilityActionProcessor } from './component/timeline/timeline-visibility';
+import { CommonBounceActionProcessor, CommonMoveToActionProcessor, CommonScaleToActionProcessor, CommonStyleActionProcessor } from './component/common-component';
+import { RankingBarPlayActionProcessor } from './chart/rankingBar/rankingBar';
 export declare const processorChartMap: {
     VChart: {
-        [x: string]: VChartVisibilityActionProcessor;
+        [x: string]: VChartVisibilityActionProcessor | VChartUpdateActionProcessor | VChartAddActionProcessor | CommonBounceActionProcessor;
+    };
+    RankingBar: {
+        [x: string]: RankingBarPlayActionProcessor | VChartVisibilityActionProcessor | CommonBounceActionProcessor;
+        play: RankingBarPlayActionProcessor;
     };
 };
 export declare const processorComponentMap: {
     Rect: {
-        [x: string]: RectAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | RectVisibilityActionProcessor;
     };
     Line: {
-        [x: string]: LineAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | LineVisibilityActionProcessor;
     };
     Shape: {
-        [x: string]: ShapeAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | ShapeVisibilityActionProcessor;
     };
     Image: {
-        [x: string]: ImageAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | ImageVisibilityActionProcessor;
     };
     Text: {
-        [x: string]: TextAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | TextVisibilityActionProcessor;
     };
     Timeline: {
-        [x: string]: TimelineAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | TimelineVisibilityActionProcessor | TimelineStateActionProcessor;
     };
 };
 export declare const processorMap: {
     Rect: {
-        [x: string]: RectAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | RectVisibilityActionProcessor;
     };
     Line: {
-        [x: string]: LineAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | LineVisibilityActionProcessor;
     };
     Shape: {
-        [x: string]: ShapeAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | ShapeVisibilityActionProcessor;
     };
     Image: {
-        [x: string]: ImageAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | ImageVisibilityActionProcessor;
     };
     Text: {
-        [x: string]: TextAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | TextVisibilityActionProcessor;
     };
     Timeline: {
-        [x: string]: TimelineAppearActionProcessor;
+        [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | TimelineVisibilityActionProcessor | TimelineStateActionProcessor;
     };
     VChart: {
-        [x: string]: VChartVisibilityActionProcessor;
+        [x: string]: VChartVisibilityActionProcessor | VChartUpdateActionProcessor | VChartAddActionProcessor | CommonBounceActionProcessor;
+    };
+    RankingBar: {
+        [x: string]: RankingBarPlayActionProcessor | VChartVisibilityActionProcessor | CommonBounceActionProcessor;
+        play: RankingBarPlayActionProcessor;
     };
 };