@visactor/vstory 0.0.4-alpha.2 → 0.0.5

package/es/story/interface/dsl-interface.d.ts

@@ -1,18 +1,15 @@
-import type { Action } from '../../dsl/types';
+import type { IChartAddAction, IChartUpdateAction } from '../../player/processor/chart/vchart';
+import type { IChartVisibilityAction, IComponentVisibilityAction } from '../../player/processor/interface/appear-action';
+import type { IComponentBounceAction, IComponentMoveToAction, IComponentScaleToAction, IComponentStyleAction } from '../../player/processor/interface/style-action';
 import type { ICharacterSpec } from '../character';
-export interface IAction {
-    startTime?: number;
-    action: string;
-    duration?: number;
-    payload?: Action['payload'];
-}
+export type IActionSpec = IComponentStyleAction | IComponentVisibilityAction | IComponentMoveToAction | IComponentScaleToAction | IComponentBounceAction | IChartVisibilityAction | IChartUpdateAction | IChartAddAction;
 export interface IStorySpec {
     acts: IActSpec[];
     characters: ICharacterSpec[];
 }
 export interface IActionsLink {
     characterId: string;
-    characterActions: IAction[];
+    characterActions: IActionSpec[];
 }
 export type ISceneSpec = {
     id: string;

package/es/story/interface/dsl-interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/interface/dsl-interface.ts"],"names":[],"mappings":"","file":"dsl-interface.js","sourcesContent":["import type { Action } from '../../dsl/types';\nimport type { ICharacterSpec } from '../character';\n\nexport interface IAction {\n  startTime?: number;\n  action: string;\n  duration?: number;\n  payload?: Action['payload'];\n}\n\nexport interface IStorySpec {\n  acts: IActSpec[]; // 作品的章节\n  characters: ICharacterSpec[]; // 作品中的元素\n}\n\nexport interface IActionsLink {\n  characterId: string;\n  characterActions: IAction[];\n}\n\nexport type ISceneSpec = {\n  id: string;\n  delay?: number; // 入场延迟，可以是正数或者负数\n  actions: IActionsLink[];\n};\n\nexport interface IActSpec {\n  id: string;\n  scenes: ISceneSpec[];\n}\n"]}
+{"version":3,"sources":["../src/story/interface/dsl-interface.ts"],"names":[],"mappings":"","file":"dsl-interface.js","sourcesContent":["import type { IChartAddAction, IChartUpdateAction } from '../../player/processor/chart/vchart';\nimport type {\n  IChartVisibilityAction,\n  IComponentVisibilityAction\n  // IChartAddAction\n} from '../../player/processor/interface/appear-action';\nimport type {\n  IComponentBounceAction,\n  IComponentMoveToAction,\n  IComponentScaleToAction,\n  IComponentStyleAction\n} from '../../player/processor/interface/style-action';\nimport type { ICharacterSpec } from '../character';\n\nexport type IActionSpec =\n  | IComponentStyleAction\n  | IComponentVisibilityAction\n  | IComponentMoveToAction\n  | IComponentScaleToAction\n  | IComponentBounceAction\n  | IChartVisibilityAction\n  | IChartUpdateAction\n  | IChartAddAction;\n\nexport interface IStorySpec {\n  acts: IActSpec[]; // 作品的章节\n  characters: ICharacterSpec[]; // 作品中的元素\n}\n\nexport interface IActionsLink {\n  characterId: string;\n  characterActions: IActionSpec[];\n}\n\nexport type ISceneSpec = {\n  id: string;\n  delay?: number; // 入场延迟，可以是正数或者负数\n  actions: IActionsLink[];\n};\n\nexport interface IActSpec {\n  id: string;\n  scenes: ISceneSpec[];\n}\n"]}

package/es/story/interface/player.d.ts

@@ -1,13 +1 @@
-import type { ICharacter } from '../character';
-import type { IActSpec } from './dsl-interface';
-export interface IPlayer {
-    tickTo: (t: number) => void;
-    play: () => void;
-    encodeToVideo: (millsecond: number, fps: number) => Promise<string>;
-    pause: () => void;
-    release: () => void;
-    addAct: (c: IActSpec, characters: {
-        [key: string]: ICharacter;
-    }) => void;
-    getCurrentAct: () => number | string;
-}
+

package/es/story/interface/player.js

@@ -1,2 +1,3 @@
-export { };
+
+
 //# sourceMappingURL=player.js.map

package/es/story/interface/player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/interface/player.ts"],"names":[],"mappings":"","file":"player.js","sourcesContent":["import type { ICharacter } from '../character';\nimport type { IActSpec } from './dsl-interface';\n\nexport interface IPlayer {\n  tickTo: (t: number) => void;\n  play: () => void;\n  encodeToVideo: (millsecond: number, fps: number) => Promise<string>;\n  pause: () => void;\n  release: () => void;\n  addAct: (\n    c: IActSpec,\n    characters: {\n      [key: string]: ICharacter;\n    }\n  ) => void;\n  getCurrentAct: () => number | string;\n}\n"]}
+{"version":3,"sources":["../src/story/interface/player.ts"],"names":[],"mappings":"","file":"player.js","sourcesContent":["// import type { ICharacter } from '../character';\n// import type { IActSpec } from './dsl-interface';\n\n// export interface IPlayer {\n//   tickTo: (t: number) => void;\n//   play: () => void;\n//   encodeToVideo: (millsecond: number, fps: number) => Promise<string>;\n//   pause: () => void;\n//   release: () => void;\n//   addAct: (\n//     c: IActSpec,\n//     characters: {\n//       [key: string]: ICharacter;\n//     }\n//   ) => void;\n//   getCurrentAct: () => number | string;\n// }\n"]}

package/es/story/interface/runtime-interface.d.ts

@@ -1,9 +1,8 @@
 import type { IGraphic, IStage } from '@visactor/vrender';
 import type { ICharacter, ICharacterSpec } from '../character';
+import type { IPlayer } from '../../player/interface/player';
 export interface IStoryInitOption {
-    canvas: string | HTMLCanvasElement;
-    width: number;
-    height: number;
+    dom: string | HTMLDivElement;
     playerOption?: {
         scaleX?: number;
         scaleY?: number;
@@ -20,6 +19,7 @@ export interface IStoryCanvas {
 }
 export interface IStory {
     readonly id: string;
+    readonly player: IPlayer;
     canvas: IStoryCanvas;
     getCharacters: () => {
         [key: string]: ICharacter;

package/es/story/interface/runtime-interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/interface/runtime-interface.ts"],"names":[],"mappings":"","file":"runtime-interface.js","sourcesContent":["import type { IGraphic, IStage } from '@visactor/vrender';\nimport type { ICharacter, ICharacterSpec } from '../character';\n\nexport interface IStoryInitOption {\n  canvas: string | HTMLCanvasElement; // dom id\n  width: number;\n  height: number;\n  playerOption?: {\n    scaleX?: number;\n    scaleY?: number;\n  };\n}\n\nexport interface IStoryCanvas {\n  getStage: () => IStage;\n  getCanvas: () => HTMLCanvasElement;\n  getEventDetail: (event: StoryEvent) => {\n    character: ICharacter;\n    characterInfo: undefined;\n  };\n  release: () => void;\n}\n\nexport interface IStory {\n  readonly id: string;\n  canvas: IStoryCanvas;\n  getCharacters: () => { [key: string]: ICharacter };\n  getCharactersById: (key: string) => ICharacter | null;\n}\nexport interface ICharacterTree {\n  getCharacters: () => { [key: string]: ICharacter };\n  getCharactersById: (key: string) => ICharacter | null;\n  addCharacter: (spec: ICharacterSpec) => ICharacter;\n  initCharacters: (spec: ICharacterSpec[]) => void;\n}\n\nexport type StoryEvent = Event & {\n  detailPath: IGraphic[];\n  path: IGraphic[];\n};\n"]}
+{"version":3,"sources":["../src/story/interface/runtime-interface.ts"],"names":[],"mappings":"","file":"runtime-interface.js","sourcesContent":["import type { IGraphic, IStage } from '@visactor/vrender';\nimport type { ICharacter, ICharacterSpec } from '../character';\nimport type { IPlayer } from '../../player/interface/player';\n\nexport interface IStoryInitOption {\n  dom: string | HTMLDivElement; // dom id\n  playerOption?: {\n    scaleX?: number;\n    scaleY?: number;\n  };\n}\n\nexport interface IStoryCanvas {\n  getStage: () => IStage;\n  getCanvas: () => HTMLCanvasElement;\n  getEventDetail: (event: StoryEvent) => {\n    character: ICharacter;\n    characterInfo: undefined;\n  };\n  release: () => void;\n}\n\nexport interface IStory {\n  readonly id: string;\n  readonly player: IPlayer;\n  canvas: IStoryCanvas;\n  getCharacters: () => { [key: string]: ICharacter };\n  getCharactersById: (key: string) => ICharacter | null;\n}\nexport interface ICharacterTree {\n  getCharacters: () => { [key: string]: ICharacter };\n  getCharactersById: (key: string) => ICharacter | null;\n  addCharacter: (spec: ICharacterSpec) => ICharacter;\n  initCharacters: (spec: ICharacterSpec[]) => void;\n}\n\nexport type StoryEvent = Event & {\n  detailPath: IGraphic[];\n  path: IGraphic[];\n};\n"]}

package/es/story/story.d.ts

@@ -8,7 +8,9 @@ export declare class Story implements IStory {
     readonly id: string;
     protected _canvas: IStoryCanvas;
     protected _characterTree: ICharacterTree;
+    protected _spec: IStorySpec;
     get canvas(): IStoryCanvas;
+    get player(): IPlayer;
     constructor(spec: IStorySpec, option: IStoryInitOption);
     load(spec: IStorySpec): void;
     getCharacters(): {
@@ -16,7 +18,6 @@ export declare class Story implements IStory {
     };
     getCharactersById(key: string): ICharacter;
     play(loop?: boolean): void;
-    tickTo(t: number): void;
     pause(): void;
     encodeToVideo(actIndexOrId: number, millsecond: number, fps: number): Promise<string>;
     getPlayer(): IPlayer;

package/es/story/story.js

@@ -40,10 +40,13 @@ export class Story {
     get canvas() {
         return this._canvas;
     }
+    get player() {
+        return this._player;
+    }
     constructor(spec, option) {
-        this.id = "test-mvp_" + Story._id_++, this._canvas = new StoryCanvas(this, isString(option.canvas) ? document.getElementById(option.canvas) : option.canvas, option.width, option.height), 
+        this.id = "test-mvp_" + Story._id_++, this._canvas = new StoryCanvas(this, isString(option.dom) ? document.getElementById(option.dom) : option.dom), 
         this._player = new Player(this, option.playerOption), this._characterTree = new CharacterTree(this), 
-        spec && this.load(spec);
+        this._spec = spec, this._spec && this.load(this._spec);
     }
     load(spec) {
         this._characterTree.initCharacters(spec.characters), this._player.initActs(spec.acts);
@@ -55,10 +58,9 @@ export class Story {
         return this._characterTree.getCharactersById(key);
     }
     play(loop = !0) {
-        this._player.play(loop);
-    }
-    tickTo(t) {
-        this._player.tickTo(t);
+        this._spec && this.load(this._spec), this._player.play(), loop && this._player.once("onstop", (() => {
+            this.play(loop);
+        }));
     }
     pause() {
         this._player.pause();

package/es/story/story.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/story.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,aAAa,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;AAE3C,MAAM,OAAO,KAAK;IAUhB,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,IAAgB,EAAE,MAAwB;QACpD,IAAI,CAAC,EAAE,GAAG,WAAW,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QACrC,IAAI,CAAC,OAAO,GAAG,IAAI,WAAW,CAC5B,IAAI,EACJ,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,CAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EACvG,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,MAAM,CACd,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;QAErD,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjB;IACH,CAAC;IAED,IAAI,CAAC,IAAgB;QACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACpD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IAC7C,CAAC;IAED,iBAAiB,CAAC,GAAW;QAC3B,OAAO,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACpD,CAAC;IAMD,IAAI,CAAC,OAAgB,IAAI;QAEvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM,CAAC,CAAS;QACd,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO;IACT,CAAC;IAEK,aAAa,CAAC,YAAoB,EAAE,UAAkB,EAAE,GAAW;;YACvE,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACrD,CAAC;KAAA;IAED,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC;;AAvEM,UAAI,GAAG,CAAC,CAAC","file":"story.js","sourcesContent":["import type { ICharacterSpec } from './character/dsl-interface';\nimport { isString } from '@visactor/vutils';\nimport type { ICharacterTree, IStory, IStoryCanvas, IStoryInitOption } from './interface/runtime-interface';\nimport type { ICharacter } from './character/runtime-interface';\nimport { StoryCanvas } from './canvas/canvas';\nimport type { IStorySpec, IActSpec } from './interface';\nimport { StoryFactory } from './factory/factory';\nimport { defaultTicker, defaultTimeline } from '@visactor/vrender';\nimport { CharacterTree } from './character-tree/character-tree';\nimport type { IPlayer } from '../player/interface/player';\nimport { Player } from '../player/player';\n\ndefaultTicker.remTimeline(defaultTimeline);\n\nexport class Story implements IStory {\n  static _id_ = 0;\n\n  protected _player: IPlayer;\n\n  readonly id: string;\n\n  protected _canvas: IStoryCanvas;\n\n  protected _characterTree: ICharacterTree;\n  get canvas() {\n    return this._canvas;\n  }\n\n  constructor(spec: IStorySpec, option: IStoryInitOption) {\n    this.id = 'test-mvp_' + Story._id_++;\n    this._canvas = new StoryCanvas(\n      this,\n      isString(option.canvas) ? (document.getElementById(option.canvas) as HTMLCanvasElement) : option.canvas,\n      option.width,\n      option.height\n    );\n    this._player = new Player(this, option.playerOption);\n\n    this._characterTree = new CharacterTree(this);\n    if (spec) {\n      this.load(spec);\n    }\n  }\n\n  load(spec: IStorySpec) {\n    this._characterTree.initCharacters(spec.characters);\n    this._player.initActs(spec.acts);\n  }\n\n  getCharacters(): { [key: string]: ICharacter } {\n    return this._characterTree.getCharacters();\n  }\n\n  getCharactersById(key: string) {\n    return this._characterTree.getCharactersById(key);\n  }\n\n  // private _createAct(spec: IActSpec) {\n  //   this._player.addAct(spec, this._characters);\n  // }\n\n  play(loop: boolean = true) {\n    // player 开始播放\n    this._player.play(loop);\n  }\n\n  tickTo(t: number) {\n    this._player.tickTo(t);\n  }\n\n  pause() {\n    this._player.pause();\n    return;\n  }\n\n  async encodeToVideo(actIndexOrId: number, millsecond: number, fps: number) {\n    return this._player.encodeToVideo(millsecond, fps);\n  }\n\n  getPlayer() {\n    return this._player;\n  }\n\n  release() {\n    this._player.release();\n    this._canvas.release();\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/story.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,aAAa,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;AAE3C,MAAM,OAAO,KAAK;IAahB,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,IAAgB,EAAE,MAAwB;QACpD,IAAI,CAAC,EAAE,GAAG,WAAW,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QACrC,IAAI,CAAC,OAAO,GAAG,IAAI,WAAW,CAC5B,IAAI,EACJ,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,CAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAC5F,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;QAErD,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,IAAI,CAAC,IAAgB;QACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACpD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IAC7C,CAAC;IAED,iBAAiB,CAAC,GAAW;QAC3B,OAAO,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACpD,CAAC;IAMD,IAAI,CAAC,OAAgB,IAAI;QAEvB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACpB,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC/B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,KAAK;QACH,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO;IACT,CAAC;IAEK,aAAa,CAAC,YAAoB,EAAE,UAAkB,EAAE,GAAW;;YACvE,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACrD,CAAC;KAAA;IAED,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IACzB,CAAC;;AA7EM,UAAI,GAAG,CAAC,CAAC","file":"story.js","sourcesContent":["import type { ICharacterSpec } from './character/dsl-interface';\nimport { isString } from '@visactor/vutils';\nimport type { ICharacterTree, IStory, IStoryCanvas, IStoryInitOption } from './interface/runtime-interface';\nimport type { ICharacter } from './character/runtime-interface';\nimport { StoryCanvas } from './canvas/canvas';\nimport type { IStorySpec, IActSpec } from './interface';\nimport { StoryFactory } from './factory/factory';\nimport { defaultTicker, defaultTimeline } from '@visactor/vrender';\nimport { CharacterTree } from './character-tree/character-tree';\nimport type { IPlayer } from '../player/interface/player';\nimport { Player } from '../player/player';\nimport { logger } from '../util/output';\n\ndefaultTicker.remTimeline(defaultTimeline);\n\nexport class Story implements IStory {\n  static _id_ = 0;\n\n  protected _player: IPlayer;\n\n  readonly id: string;\n\n  protected _canvas: IStoryCanvas;\n\n  protected _characterTree: ICharacterTree;\n\n  protected _spec: IStorySpec;\n\n  get canvas() {\n    return this._canvas;\n  }\n\n  get player(): IPlayer {\n    return this._player;\n  }\n\n  constructor(spec: IStorySpec, option: IStoryInitOption) {\n    this.id = 'test-mvp_' + Story._id_++;\n    this._canvas = new StoryCanvas(\n      this,\n      isString(option.dom) ? (document.getElementById(option.dom) as HTMLDivElement) : option.dom\n    );\n    this._player = new Player(this, option.playerOption);\n\n    this._characterTree = new CharacterTree(this);\n    this._spec = spec;\n    this._spec && this.load(this._spec);\n  }\n\n  load(spec: IStorySpec) {\n    this._characterTree.initCharacters(spec.characters);\n    this._player.initActs(spec.acts);\n  }\n\n  getCharacters(): { [key: string]: ICharacter } {\n    return this._characterTree.getCharacters();\n  }\n\n  getCharactersById(key: string) {\n    return this._characterTree.getCharactersById(key);\n  }\n\n  // private _createAct(spec: IActSpec) {\n  //   this._player.addAct(spec, this._characters);\n  // }\n\n  play(loop: boolean = true) {\n    // player 开始播放\n    this._spec && this.load(this._spec);\n    this._player.play();\n    if (loop) {\n      this._player.once('onstop', () => {\n        this.play(loop);\n      });\n    }\n  }\n\n  pause() {\n    this._player.pause();\n    return;\n  }\n\n  async encodeToVideo(actIndexOrId: number, millsecond: number, fps: number) {\n    return this._player.encodeToVideo(millsecond, fps);\n  }\n\n  getPlayer() {\n    return this._player;\n  }\n\n  release() {\n    this._player.release();\n    this._canvas.release();\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vstory",
-  "version": "0.0.4-alpha.2",
+  "version": "0.0.5",
   "description": "",
   "sideEffects": true,
   "main": "cjs/index.js",
@@ -17,18 +17,18 @@
     "build": "bundle --clean",
     "build-umd": "bundle --clean -f umd",
     "dev": "bundle --clean -f es -w",
-    "start": "vite ./demo --force --host --port=6789",
+    "start": "vite ./demo --host --port=6789",
     "test": "jest",
     "test-cov": "jest -w 16 --coverage",
     "test-live": "",
     "test-watch": "DEBUG_MODE=1 jest --watch"
   },
   "dependencies": {
-    "@visactor/vchart": "1.11.5",
-    "@visactor/vrender": "0.19.24-alpha.1",
-    "@visactor/vrender-core": "0.19.24-alpha.1",
-    "@visactor/vrender-kits": "0.19.24-alpha.1",
-    "@visactor/vrender-components": "0.19.24-alpha.1",
+    "@visactor/vchart": "1.11.11",
+    "@visactor/vrender": "0.19.24-alpha.9",
+    "@visactor/vrender-core": "0.19.24-alpha.9",
+    "@visactor/vrender-kits": "0.19.24-alpha.9",
+    "@visactor/vrender-components": "0.19.24-alpha.9",
     "@visactor/vutils": "~0.18.4"
   },
   "devDependencies": {

package/cjs/player/processor/chart/seriesmark/transformArcAppear.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformArcAppear.ts"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,GAAG,CAChC,QAAgB,EAChB,SAAqD,EACrD,MAGC,EACD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,IAAI,QAAQ,IAAI,CAAC,EAAE;QACjB,OAAO;KACR;IACD,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SACnD;QACD,KAAK,YAAY,CAAC,CAAC;YACjB,OAAO,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SACnD;QACD,KAAK,WAAW,CAAC,CAAC;YAChB,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAClD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAC7C;QACD,OAAO,CAAC,CAAC;YACP,OAAO,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAC7C;KACF;AACH,CAAC,CAAC;AA7BW,QAAA,kBAAkB,sBA6B7B;AAEF,MAAM,aAAa,GAAG,CACpB,QAAgB,EAChB,SAAqD,EACrD,MAGC,EACD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC;IAE1D,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,QAAgB,EAChB,SAAqD,EACrD,MAGC,EACD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IAExD,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;QACN,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;SACd;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CACd,QAAgB,EAChB,SAAqD,EACrD,MAGC,EACD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE9C,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC","file":"transformArcAppear.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartAppearAction } from '../../interface/appear-action';\n\n// 将payload转换为chart内置的动画type\nexport const transformArcAppear = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: {\n    disappear: boolean;\n    markIndex: number;\n  }\n) => {\n  const { duration } = animation;\n  if (duration <= 0) {\n    return;\n  }\n  switch (animation.effect) {\n    case 'grow': {\n      return arcGrowRadius(instance, animation, option);\n    }\n    case 'growRadius': {\n      return arcGrowRadius(instance, animation, option);\n    }\n    case 'growAngle': {\n      return arcGrowAngle(instance, animation, option);\n    }\n    case 'fade': {\n      return arcFade(instance, animation, option);\n    }\n    default: {\n      return arcFade(instance, animation, option);\n    }\n  }\n};\n\nconst arcGrowRadius = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: {\n    disappear: boolean;\n    markIndex: number;\n  }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n  const type = disappear ? 'growRadiusOut' : 'growRadiusIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing\n  };\n};\n\nconst arcGrowAngle = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: {\n    disappear: boolean;\n    markIndex: number;\n  }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n  const type = disappear ? 'growAngleOut' : 'growAngleIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing,\n    options: {\n      overall: true\n    }\n  };\n};\n\nconst arcFade = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: {\n    disappear: boolean;\n    markIndex: number;\n  }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n  const type = disappear ? 'fadeOut' : 'fadeIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing\n  };\n};\n"]}

package/cjs/player/processor/chart/seriesmark/transformLineAppear.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.transformLineAppear = void 0;
-
-const commonTransformMarkAppear_1 = require("./commonTransformMarkAppear"), transformLineAppear = (instance, animation, option) => {
-    const {duration: duration} = animation;
-    if (!(duration <= 0)) return "grow" === animation.effect ? (0, commonTransformMarkAppear_1.commonGrow)(instance, animation, [ "clipIn", "clipOut" ], option) : (0, 
-    commonTransformMarkAppear_1.commonFade)(instance, animation, option);
-};
-
-exports.transformLineAppear = transformLineAppear;
-//# sourceMappingURL=transformLineAppear.js.map

package/cjs/player/processor/chart/seriesmark/transformLineAppear.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformLineAppear.ts"],"names":[],"mappings":";;;AAEA,2EAAqE;AAE9D,MAAM,mBAAmB,GAAG,CACjC,QAAgB,EAChB,SAAqD,EACrD,MAAiD,EACjD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,IAAI,QAAQ,IAAI,CAAC,EAAE;QACjB,OAAO;KACR;IACD,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;SACvE;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AApBW,QAAA,mBAAmB,uBAoB9B","file":"transformLineAppear.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartAppearAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonTransformMarkAppear';\n\nexport const transformLineAppear = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { markIndex: number; disappear: boolean }\n) => {\n  const { duration } = animation;\n  if (duration <= 0) {\n    return;\n  }\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, ['clipIn', 'clipOut'], option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}

package/cjs/player/processor/chart/seriesmark/transformRectAppear.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformRectAppear.ts"],"names":[],"mappings":"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","file":"transformRectAppear.js","sourcesContent":["import type VChart from '@visactor/vchart';\n// import type { IChartAppearAction } from '../../../../types/chart/appear';\nimport type { IOrientType } from '@visactor/vrender-components';\nimport type { IChartAppearAction } from '../../interface/appear-action';\nimport { commonFade } from './commonTransformMarkAppear';\n\n// 将payload转换为chart内置的动画type\nexport const transformRectAppear = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { markIndex: number; disappear: boolean }\n) => {\n  const { duration } = animation;\n  if (duration <= 0) {\n    return;\n  }\n  switch (animation.effect) {\n    case 'grow': {\n      return rectGrow(instance, animation, {\n        ...option,\n        center: false\n      });\n    }\n    case 'centerGrow': {\n      return rectGrow(instance, animation, {\n        ...option,\n        center: true\n      });\n    }\n    case 'fade': {\n      return commonFade(instance, animation, {\n        ...option\n      });\n    }\n  }\n};\n\nconst rectGrow = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option = { center: false, disappear: false }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { center, disappear } = option;\n  const direction = instance.getChart().getSpec().direction ?? 'vertical';\n  const xField = instance.getChart().getSpec().xField;\n  const yField = instance.getChart().getSpec().yField;\n  const [xAxis, yAxis] = getXYAxis(instance);\n\n  const type = disappear ? (center ? 'growCenterOut' : 'growHeightOut') : center ? 'growCenterIn' : 'growHeightIn';\n\n  return {\n    type: type,\n    duration,\n    loop,\n    oneByOne,\n    easing,\n    options: (datum: any, element: any, params: any) => {\n      const field = direction === 'vertical' ? yField : xField;\n      const data = datum?.[field];\n\n      if (direction === 'vertical') {\n        return {\n          overall: yAxis?.getScale(0).scale(0),\n          orient: data > 0 ? 'negative' : 'positive'\n        };\n      }\n      return {\n        overall: xAxis?.getScale(0).scale(0),\n        orient: data > 0 ? 'negative' : 'positive'\n      };\n    }\n  };\n};\n\nfunction isXAxis(orient: IOrientType) {\n  return orient === 'bottom' || orient === 'top';\n}\n\nfunction isYAxis(orient: IOrientType) {\n  return orient === 'left' || orient === 'right';\n}\n\nconst getXYAxis = (instance: VChart) => {\n  const axes = instance.getChart().getComponentsByKey('axes');\n  const xAxis = axes.find(axis => {\n    const orient = (axis as any).getOrient();\n    if (isXAxis(orient)) {\n      return true;\n    }\n  }) as any;\n  const yAxis = axes.find(axis => {\n    const orient = (axis as any).getOrient();\n    if (isYAxis(orient)) {\n      return true;\n    }\n  }) as any;\n\n  return [xAxis, yAxis];\n};\n"]}

package/cjs/player/processor/chart/seriesmark/transformSymbolAppear.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.transformSymbolAppear = void 0;
-
-const commonTransformMarkAppear_1 = require("./commonTransformMarkAppear"), transformSymbolAppear = (instance, animation, option) => {
-    const {duration: duration} = animation;
-    if (!(duration <= 0)) return "grow" === animation.effect ? (0, commonTransformMarkAppear_1.commonGrow)(instance, animation, [ "scaleIn", "scaleOut" ], option) : (0, 
-    commonTransformMarkAppear_1.commonFade)(instance, animation, option);
-};
-
-exports.transformSymbolAppear = transformSymbolAppear;
-//# sourceMappingURL=transformSymbolAppear.js.map

package/cjs/player/processor/chart/seriesmark/transformSymbolAppear.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformSymbolAppear.ts"],"names":[],"mappings":";;;AAEA,2EAAqE;AAE9D,MAAM,qBAAqB,GAAG,CACnC,QAAgB,EAChB,SAAqD,EACrD,MAAiD,EACjD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,IAAI,QAAQ,IAAI,CAAC,EAAE;QACjB,OAAO;KACR;IACD,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;SACzE;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AApBW,QAAA,qBAAqB,yBAoBhC","file":"transformSymbolAppear.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartAppearAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonTransformMarkAppear';\n\nexport const transformSymbolAppear = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { markIndex: number; disappear: boolean }\n) => {\n  const { duration } = animation;\n  if (duration <= 0) {\n    return;\n  }\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, ['scaleIn', 'scaleOut'], option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}

package/cjs/player/processor/chart/seriesmark/transformTextAppear.d.ts

@@ -1,12 +0,0 @@
-import type VChart from '@visactor/vchart';
-import type { IChartAppearAction } from '../../interface/appear-action';
-export declare const transformTextAppear: (instance: VChart, animation: IChartAppearAction['payload']['animation'], option: {
-    disappear: boolean;
-    markIndex: number;
-}) => {
-    type: string;
-    duration: number;
-    loop: number | boolean;
-    oneByOne: boolean;
-    easing: import("@visactor/vrender-core").EasingType;
-};

package/cjs/player/processor/chart/seriesmark/transformTextAppear.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.transformTextAppear = void 0;
-
-const commonTransformMarkAppear_1 = require("./commonTransformMarkAppear"), transformTextAppear = (instance, animation, option) => {
-    const {duration: duration} = animation;
-    if (!(duration <= 0)) return "grow" === animation.effect ? (0, commonTransformMarkAppear_1.commonGrow)(instance, animation, [ "scaleIn", "scaleOut" ], option) : (0, 
-    commonTransformMarkAppear_1.commonFade)(instance, animation, option);
-};
-
-exports.transformTextAppear = transformTextAppear;
-//# sourceMappingURL=transformTextAppear.js.map

package/cjs/player/processor/chart/seriesmark/transformTextAppear.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/processor/chart/seriesmark/transformTextAppear.ts"],"names":[],"mappings":";;;AAEA,2EAAqE;AAG9D,MAAM,mBAAmB,GAAG,CACjC,QAAgB,EAChB,SAAqD,EACrD,MAGC,EACD,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,IAAI,QAAQ,IAAI,CAAC,EAAE;QACjB,OAAO;KACR;IACD,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;SACzE;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,sCAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAvBW,QAAA,mBAAmB,uBAuB9B","file":"transformTextAppear.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartAppearAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonTransformMarkAppear';\n\n// 将payload转换为chart内置的动画type\nexport const transformTextAppear = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: {\n    disappear: boolean;\n    markIndex: number;\n  }\n) => {\n  const { duration } = animation;\n  if (duration <= 0) {\n    return;\n  }\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, ['scaleIn', 'scaleOut'], option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/story/character/component/graphic/graphic-text.d.ts

@@ -1,18 +0,0 @@
-import type { IWidgetData } from '../../dsl-interface';
-import type { ITextGraphicAttribute } from '@visactor/vrender';
-import type { CharacterComponent } from '../character';
-export declare const MAX_LAYOUT_SIZE = 999999;
-export declare class GraphicText {
-    private _character;
-    private _graphic;
-    constructor(graphicCharacter: CharacterComponent);
-    show(): void;
-    hide(): void;
-    init(): void;
-    applyGraphicAttribute(graphicAttribute: Partial<ITextGraphicAttribute>): void;
-    getGraphicAttribute(): ITextGraphicAttribute;
-    updateAttribute: (attribute: Partial<ITextGraphicAttribute>) => void;
-    applyLayoutData(w: Partial<IWidgetData>): void;
-    private _updateGraphicCharacterSize;
-    private _transformTextAttributes;
-}

package/cjs/story/character/component/graphic/graphic-text.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/component/graphic/graphic-text.ts"],"names":[],"mappings":"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","file":"graphic-text.js","sourcesContent":["import { getLayoutFromWidget } from '../../../utils/layout';\nimport type { IWidgetData } from '../../dsl-interface';\nimport type { IText, ITextGraphicAttribute, TextAlignType, TextBaselineType } from '@visactor/vrender';\nimport { createText } from '@visactor/vrender';\nimport type { CharacterComponent } from '../character';\n\nexport const MAX_LAYOUT_SIZE = 999999;\n\nexport class GraphicText {\n  private _character: CharacterComponent;\n  private _graphic: IText;\n  constructor(graphicCharacter: CharacterComponent) {\n    this._character = graphicCharacter;\n  }\n\n  show(): void {\n    this._graphic.setAttributes({\n      visible: true\n      // visibleAll: true,\n    });\n  }\n  hide(): void {\n    this._graphic.setAttributes({\n      visible: false\n      // visibleAll: false,\n    });\n  }\n\n  init() {\n    this._graphic = createText(\n      this._transformTextAttributes({\n        visible: true,\n        x: 0,\n        y: 0,\n        textAlign: 'center',\n        textBaseline: 'middle',\n        text: null,\n        fontSize: 16,\n        whiteSpace: 'normal',\n        graphicAlign: 'center',\n        graphicBaseline: 'middle',\n        fill: '#000000',\n        // compute real height without vrender buffer\n        ignoreBuf: true,\n        ...(this._character.spec.options?.text ?? {}),\n        maxLineWidth: MAX_LAYOUT_SIZE,\n        heightLimit: MAX_LAYOUT_SIZE\n      })\n    );\n    this._character.getGraphicParent().add(this._graphic);\n  }\n\n  applyGraphicAttribute(graphicAttribute: Partial<ITextGraphicAttribute>): void {\n    this._graphic.setAttributes({ ...graphicAttribute });\n  }\n\n  getGraphicAttribute(): ITextGraphicAttribute {\n    return this._graphic?.attribute;\n  }\n\n  updateAttribute = (attribute: Partial<ITextGraphicAttribute>): void => {\n    if (attribute) {\n      this._graphic.setAttributes(this._transformTextAttributes(attribute));\n      this._updateGraphicCharacterSize();\n    }\n  };\n\n  applyLayoutData(w: Partial<IWidgetData>): void {\n    const layoutData = getLayoutFromWidget(w);\n    const layoutRatio = this._character.getTextLayoutRatio();\n    const graphicAlign = (this._graphic.attribute as any).graphicAlign;\n    const graphicBaseline = (this._graphic.attribute as any).graphicBaseline;\n    const left = layoutData.width * layoutRatio.left;\n    const right = layoutData.width * layoutRatio.right;\n    const center = (left + right) / 2;\n    const top = layoutData.height * layoutRatio.top;\n    const bottom = layoutData.height * layoutRatio.bottom;\n    const middle = (top + bottom) / 2;\n    let x = center;\n    let align: TextAlignType = 'center';\n    let y = middle;\n    let baseline: TextBaselineType = 'middle';\n    switch (graphicAlign) {\n      case 'left':\n        x = left;\n        align = 'left';\n        break;\n      case 'center':\n        x = center;\n        align = 'center';\n        break;\n      case 'right':\n        x = right;\n        align = 'right';\n        break;\n    }\n    switch (graphicBaseline) {\n      case 'top':\n        y = top;\n        baseline = 'top';\n        break;\n      case 'middle':\n        y = middle;\n        baseline = 'middle';\n        break;\n      case 'bottom':\n        y = bottom;\n        baseline = 'bottom';\n        break;\n    }\n    this._graphic.setAttributes(\n      this._transformTextAttributes({\n        x,\n        y,\n        textAlign: align,\n        textBaseline: baseline,\n        angle: layoutData.angle,\n        anchor: [layoutData.width / 2, layoutData.height / 2],\n        scaleCenter: [layoutData.width / 2, layoutData.height / 2],\n        maxLineWidth: right - left,\n        heightLimit: this._character.graphic.getGraphicAttribute().isResized ? bottom - top : MAX_LAYOUT_SIZE\n      })\n    );\n  }\n\n  private _updateGraphicCharacterSize() {\n    if (!this._character.graphic.getGraphicAttribute().isResized) {\n      // const layoutRatio = this._character.graphic.getTextLayoutRatio();\n      // const textHeight = this._graphic.AABBBounds.height();\n      // const minGraphicHeight = this._character.graphic.getInitialAttributes().height;\n      // const graphicHeight = Math.max(textHeight / (layoutRatio.bottom - layoutRatio.top), minGraphicHeight);\n      // this._character.graphic.applyLayoutData({\n      //   height: graphicHeight\n      // });\n      this.applyLayoutData(this._character.graphic.getPositionData());\n    }\n  }\n\n  private _transformTextAttributes(attributes: ITextGraphicAttribute): ITextGraphicAttribute {\n    return attributes;\n  }\n}\n"]}

package/cjs/story/player/encode.js

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

package/cjs/story/player/encode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/player/encode.ts"],"names":[],"mappings":"","file":"encode.js","sourcesContent":["// import { FFmpeg, createFFmpeg, fetchFile } from '@ffmpeg/ffmpeg';\n\n// export class Encoder {\n//   private _FFMPEG: FFmpeg | null = null;\n//   private _FFMPEG_Loaded = false;\n\n//   constructor() {\n//     this.initFFMPEG();\n//   }\n\n//   async initFFMPEG() {\n//     this._FFMPEG = createFFmpeg({ log: true });\n//     await this.loadFFmpeg();\n//   }\n//   async loadFFmpeg() {\n//     if (this._FFMPEG_Loaded) {\n//       return;\n//     }\n//     if (!this._FFMPEG) {\n//       this._FFMPEG = createFFmpeg({ log: true });\n//     }\n//     await this._FFMPEG.load();\n//     console.log('加载');\n//     this._FFMPEG_Loaded = true;\n//   }\n\n//   async exportVideo(frameNum: number, fps: number, cb: (i: number) => Promise<Blob | null>) {\n//     const outName = `out`;\n//     await this.loadFFmpeg();\n//     const ffmpeg = this._FFMPEG;\n//     if (!ffmpeg) {\n//       return;\n//     }\n//     console.log(ffmpeg.isLoaded());\n\n//     for (let i = 0; i < frameNum; i++) {\n//       const data = await cb(i);\n//       console.log(frameNum, i, data);\n//       const num = `0000${i}`.slice(-3);\n\n//       ffmpeg.FS('writeFile', `vstory.${num}.png`, await fetchFile(data));\n//     }\n\n//     await ffmpeg.run(\n//       '-framerate',\n//       fps.toString(),\n//       '-pattern_type',\n//       'glob',\n//       '-i',\n//       '*.png',\n//       '-c:v',\n//       'libx264',\n//       '-pix_fmt',\n//       'yuv420p',\n//       `${outName}.mp4`\n//     );\n//     for (let i = 0; i < frameNum; i++) {\n//       const num = `0000${i}`.slice(-3);\n//       ffmpeg.FS('unlink', `vstory.${num}.png`);\n//     }\n//     console.log('readFile');\n//     const data = (this._FFMPEG as FFmpeg).FS('readFile', `${outName}.mp4`);\n//     console.log('data', data);\n//     const objUrl = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));\n//     return objUrl;\n//   }\n// }\n"]}

package/cjs/story/player/index.js

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