@visactor/vstory 0.0.3 → 0.0.4-alpha.2

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

@@ -0,0 +1,8 @@
+import { CommonAppearActionProcessor } from "../common-component";
+
+export class ImageAppearActionProcessor extends CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+}
+//# sourceMappingURL=image-appear.js.map

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { CommonAppearActionProcessor } from "../common-component";
+
+export class LineAppearActionProcessor extends CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+}
+//# sourceMappingURL=line-appear.js.map

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { CommonAppearActionProcessor } from "../common-component";
+
+export class RectAppearActionProcessor extends CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+}
+//# sourceMappingURL=rect-appear.js.map

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { CommonAppearActionProcessor } from "../common-component";
+
+export class ShapeAppearActionProcessor extends CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+}
+//# sourceMappingURL=shape-appear.js.map

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { CommonAppearActionProcessor } from "../common-component";
+
+import { isString } from "@visactor/vutils";
+
+import { TypeWriter } from "../../../../animate/typewirter";
+
+import { getCharacterByEffect } from "../../../../dsl/story-processor/graphic/util";
+
+function typewriter(character, animation, effect) {
+    getCharacterByEffect(character, effect).forEach((graphic => _typewriter(graphic, animation)));
+}
+
+function _typewriter(graphic, params) {
+    if (graphic && "text" === graphic.type) {
+        const {duration: duration, easing: easing} = params, {text: text} = graphic.attribute;
+        isString(text) && graphic.animate().play(new TypeWriter({
+            text: ""
+        }, {
+            text: text
+        }, duration, easing));
+    }
+}
+
+export class TextAppearActionProcessor extends CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+    getEffectFunc(effect) {
+        return "typewriter" === effect ? typewriter : super.getEffectFunc(effect);
+    }
+}
+//# sourceMappingURL=text-appear.js.map

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { CommonAppearActionProcessor } from "../common-component";
+
+import { getCharacterByEffect } from "../../../../dsl/story-processor/graphic/util";
+
+function defaultAppear(character, animation, effect) {
+    getCharacterByEffect(character, effect).forEach((graphic => _defaultAppear(graphic, animation)));
+}
+
+function _defaultAppear(graphic, params) {
+    if (graphic && "text" !== graphic.type) {
+        const {duration: duration, easing: easing} = params;
+        graphic.appearAnimate({
+            duration: duration,
+            easing: easing
+        });
+    }
+}
+
+export class TimelineAppearActionProcessor extends CommonAppearActionProcessor {
+    constructor() {
+        super();
+    }
+    getEffectFunc(effect = "default") {
+        return "default" === effect ? defaultAppear : super.getEffectFunc(effect);
+    }
+}
+//# sourceMappingURL=timeline-appear.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+export const canDoGraphicAnimation = (graphic, animationParams) => graphic && animationParams.duration && animationParams.duration > 0;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/utils.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,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","file":"utils.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationParams } from '../interface/appear-action';\n\n/**\n * 判断图元是否需要执行动画\n * @param graphic\n * @param animationParams\n * @returns\n */\nexport const canDoGraphicAnimation = (graphic: IGraphic, animationParams: IAnimationParams) => {\n  return graphic && animationParams.duration && animationParams.duration > 0;\n};\n"]}

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

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

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

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=action-processor.js.map

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

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

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

@@ -0,0 +1,56 @@
+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 {
+    animation: IAnimationParams & {
+        oneByOne: boolean;
+        effect: string;
+    };
+    fade?: {
+        isBaseOpacity?: boolean;
+    };
+}
+export interface IChartAppearAction extends IAction {
+    action: 'appear';
+    payload: IChartAppearPayLoad;
+}
+export interface IFadeInParams extends IAnimationParams {
+    opacity?: number;
+    fade?: {
+        opacity?: number;
+        duration?: number;
+        easing?: EasingType;
+        isBaseOpacity?: string;
+    };
+}
+export interface IScaleInParams extends IAnimationParams {
+    ratio?: number;
+    scale?: {
+        ratio?: number;
+        duration?: number;
+        easing?: EasingType;
+    };
+}
+export interface IWipeInParams extends IAnimationParams {
+    from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';
+    wipe?: {
+        from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';
+        duration?: number;
+        easing?: EasingType;
+    };
+}
+export type ITypeWriterParams = IAnimationParams;
+export interface IComponentAppearPayLoad extends IActionPayload {
+    animation: IFadeInParams | IScaleInParams | IWipeInParams;
+}
+export type AppearOption = Omit<IChartAppearAction, 'action' | 'data'>;

package/es/player/processor/interface/appear-action.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=appear-action.js.map

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

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

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

@@ -0,0 +1,12 @@
+import type { ICharacter } from '../../story/character';
+import type { IAction } 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): {
+        startTime: number;
+        duration: number;
+    };
+    run(character: ICharacter, actionSpec: IAction): void;
+}

package/es/player/processor/processor-item.js

@@ -0,0 +1,16 @@
+export class ActionProcessorItem {
+    getStartTime(action) {
+        return this.getStartTimeAndDuration(action).startTime;
+    }
+    getDuration(action) {
+        return this.getStartTimeAndDuration(action).duration;
+    }
+    getStartTimeAndDuration(action) {
+        return {
+            startTime: 0,
+            duration: 0
+        };
+    }
+    run(character, actionSpec) {}
+}
+//# sourceMappingURL=processor-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/processor-item.ts"],"names":[],"mappings":"AAIA,MAAM,OAAO,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","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"]}

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

@@ -0,0 +1,27 @@
+import type { ICharacter } from '../../story/character';
+import type { IAction, IStory } from '../../story/interface';
+import type { IActionProcessor, IActionProcessorItem } from './interface/action-processor';
+export type IProcessorMap = Record<string, Record<string, IActionProcessorItem>>;
+export interface IProcessorReturnType {
+    totalTime: number;
+    revertActionParams?: {
+        action: string;
+        payload: Record<string, any>;
+    };
+}
+export declare class ActionProcessor implements IActionProcessor {
+    protected _processorMap: Map<string, Record<string, IActionProcessorItem>>;
+    private static _instance;
+    protected _story: IStory;
+    constructor(story: IStory, processorMap?: IProcessorMap);
+    protected init(story: IStory, processorMap?: IProcessorMap): void;
+    getActInfo(characterId: string, action: IAction): {
+        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;
+    release(): void;
+}

package/es/player/processor/processor.js

@@ -0,0 +1,47 @@
+import { logger } from "../../util/output";
+
+export class ActionProcessor {
+    constructor(story, processorMap) {
+        return ActionProcessor._instance || (this.init(story, processorMap), ActionProcessor._instance = this), 
+        ActionProcessor._instance;
+    }
+    init(story, processorMap) {
+        if (this._processorMap = new Map, processorMap) for (const key in processorMap) logger("info", `register ${key} processor.`), 
+        this.registerProcessor(key, processorMap[key]);
+        this._story = story;
+    }
+    getActInfo(characterId, action) {
+        const character = this._story.getCharactersById(characterId);
+        if (!character) return logger("error", `获取character失败，请检查 ${characterId} 是否绑定到一个合法的character`), 
+        null;
+        const processor = this.getProcessor(character.spec.type, action.action);
+        return processor || logger("error", `获取processor失败，请检查 ${character.spec.type} 是否支持 ${action.action}`), 
+        processor.getStartTimeAndDuration(action);
+    }
+    registerProcessor(name, processors) {
+        return !!this._processorMap && (this._processorMap.set(name, processors), !0);
+    }
+    getProcessorList(name) {
+        return this._processorMap && this._processorMap.get(name);
+    }
+    getProcessor(name, actionName) {
+        var _a;
+        return this._processorMap && (null === (_a = this._processorMap.get(name)) || void 0 === _a ? void 0 : _a[actionName]);
+    }
+    doAction(name, actionName, character, actionSpec) {
+        const processor = this.getProcessor(name, actionName);
+        if (processor) {
+            logger("info", `Execute action => ${actionName}, character => ${name}`);
+            const actionResult = processor.run(character, actionSpec);
+            return logger("info", "Action Executed:", actionResult), actionResult;
+        }
+        logger("error", `Action not found: character => ${name}, action => ${actionName} `);
+    }
+    release() {
+        ActionProcessor._instance = null, this._processorMap && (this._processorMap.clear(), 
+        this._processorMap = null);
+    }
+}
+
+ActionProcessor._instance = null;
+//# sourceMappingURL=processor.js.map

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

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

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

@@ -0,0 +1,55 @@
+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';
+export declare const processorChartMap: {
+    VChart: {
+        [x: string]: VChartVisibilityActionProcessor;
+    };
+};
+export declare const processorComponentMap: {
+    Rect: {
+        [x: string]: RectAppearActionProcessor;
+    };
+    Line: {
+        [x: string]: LineAppearActionProcessor;
+    };
+    Shape: {
+        [x: string]: ShapeAppearActionProcessor;
+    };
+    Image: {
+        [x: string]: ImageAppearActionProcessor;
+    };
+    Text: {
+        [x: string]: TextAppearActionProcessor;
+    };
+    Timeline: {
+        [x: string]: TimelineAppearActionProcessor;
+    };
+};
+export declare const processorMap: {
+    Rect: {
+        [x: string]: RectAppearActionProcessor;
+    };
+    Line: {
+        [x: string]: LineAppearActionProcessor;
+    };
+    Shape: {
+        [x: string]: ShapeAppearActionProcessor;
+    };
+    Image: {
+        [x: string]: ImageAppearActionProcessor;
+    };
+    Text: {
+        [x: string]: TextAppearActionProcessor;
+    };
+    Timeline: {
+        [x: string]: TimelineAppearActionProcessor;
+    };
+    VChart: {
+        [x: string]: VChartVisibilityActionProcessor;
+    };
+};

package/es/player/processor/processorMap.js

@@ -0,0 +1,48 @@
+import { ACTION_TYPE } from "../../constants/action";
+
+import { StoryComponentType } from "../../constants/character";
+
+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";
+
+export const processorChartMap = {
+    VChart: {
+        [ACTION_TYPE.APPEAR]: new VChartVisibilityActionProcessor,
+        [ACTION_TYPE.DISAPPEAR]: new VChartVisibilityActionProcessor
+    }
+};
+
+export const processorComponentMap = {
+    [StoryComponentType.RECT]: {
+        [ACTION_TYPE.APPEAR]: new RectAppearActionProcessor
+    },
+    [StoryComponentType.LINE]: {
+        [ACTION_TYPE.APPEAR]: new LineAppearActionProcessor
+    },
+    [StoryComponentType.SHAPE]: {
+        [ACTION_TYPE.APPEAR]: new ShapeAppearActionProcessor
+    },
+    [StoryComponentType.IMAGE]: {
+        [ACTION_TYPE.APPEAR]: new ImageAppearActionProcessor
+    },
+    [StoryComponentType.TEXT]: {
+        [ACTION_TYPE.APPEAR]: new TextAppearActionProcessor
+    },
+    [StoryComponentType.TIMELINE]: {
+        [ACTION_TYPE.APPEAR]: new TimelineAppearActionProcessor
+    }
+};
+
+export const processorMap = Object.assign(Object.assign({}, processorChartMap), processorComponentMap);
+//# sourceMappingURL=processorMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/processorMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAkB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,+BAA+B,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,sCAAsC,CAAC;AAErF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,UAAuB,EAAE;QACvB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,+BAA+B,EAAE;QAC3D,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI,+BAA+B,EAAE;KAC/D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;QACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,yBAAyB,EAAE;KACtD;IACD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;QACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,yBAAyB,EAAE;KACtD;IACD,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;QAC1B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,0BAA0B,EAAE;KACvD;IACD,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;QAC1B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,0BAA0B,EAAE;KACvD;IACD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE;QACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,yBAAyB,EAAE;KACtD;IACD,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE;QAC7B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,6BAA6B,EAAE;KAC1D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,mCACpB,iBAAiB,GACjB,qBAAqB,CACzB,CAAC","file":"processorMap.js","sourcesContent":["import { ACTION_TYPE } from '../../constants/action';\nimport { StoryChartType, StoryComponentType } from '../../constants/character';\nimport { ImageAppearActionProcessor } from './component/image/image-appear';\nimport { VChartVisibilityActionProcessor } from './chart/vchart';\nimport { LineAppearActionProcessor } from './component/line/line-appear';\nimport { RectAppearActionProcessor } from './component/rect/rect-appear';\nimport { ShapeAppearActionProcessor } from './component/shape/shape-appear';\nimport { TextAppearActionProcessor } from './component/text/text-appear';\nimport { TimelineAppearActionProcessor } from './component/timeline/timeline-appear';\n\nexport const processorChartMap = {\n  [StoryChartType.VCHART]: {\n    [ACTION_TYPE.APPEAR]: new VChartVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new VChartVisibilityActionProcessor()\n  }\n};\n\nexport const processorComponentMap = {\n  [StoryComponentType.RECT]: {\n    [ACTION_TYPE.APPEAR]: new RectAppearActionProcessor()\n  },\n  [StoryComponentType.LINE]: {\n    [ACTION_TYPE.APPEAR]: new LineAppearActionProcessor()\n  },\n  [StoryComponentType.SHAPE]: {\n    [ACTION_TYPE.APPEAR]: new ShapeAppearActionProcessor()\n  },\n  [StoryComponentType.IMAGE]: {\n    [ACTION_TYPE.APPEAR]: new ImageAppearActionProcessor()\n  },\n  [StoryComponentType.TEXT]: {\n    [ACTION_TYPE.APPEAR]: new TextAppearActionProcessor()\n  },\n  [StoryComponentType.TIMELINE]: {\n    [ACTION_TYPE.APPEAR]: new TimelineAppearActionProcessor()\n  }\n};\n\nexport const processorMap = {\n  ...processorChartMap,\n  ...processorComponentMap\n};\n"]}

package/es/player/scheduler.d.ts

@@ -0,0 +1,38 @@
+import type { IAction, IActSpec, ISceneSpec } from '../story/interface';
+import type { IActionProcessor } from './processor/interface/action-processor';
+import type { IScheduler } from './interface/scheduler';
+interface IActInfo {
+    startTime: number;
+    duration: number;
+    id: string;
+    sceneInfoList: ISceneInfo[];
+}
+interface ISceneInfo {
+    startTime: number;
+    duration: number;
+    id: string;
+    actionList: IActionItem[];
+}
+export interface IActionItem {
+    startTime: number;
+    duration: number;
+    actionSpec: IAction;
+    characterId: string;
+}
+export declare class Scheduler implements IScheduler {
+    protected _actionProcessor: IActionProcessor;
+    protected _actsInfo: IActInfo[];
+    protected _runnedAct: Set<IActionItem>;
+    constructor(actionProcessor: IActionProcessor);
+    clearState(): void;
+    getTotalTime(): number;
+    findActByTime(t: number): {
+        actInfo: IActInfo;
+        t: number;
+    };
+    getActionsInRange(fromTime: number, toTime: number): IActionItem[];
+    initActs(acts: IActSpec[]): void;
+    protected _getActInfo(act: IActSpec, actStartTime: number): IActInfo;
+    protected _getSceneInfo(scene: ISceneSpec, sceneStartTime: number): ISceneInfo;
+}
+export {};