@visactor/vstory 0.0.3 → 0.0.4-alpha.1

package/es/story/index.js

@@ -4,43 +4,19 @@ import { CharacterComponentRect } from "./character/component/characters/charact
 
 import { StoryFactory } from "./factory/factory";
 
-import { CharacterChart } from "./character/chart/character";
-
 import { ContainerModule, GraphicRender, container } from "@visactor/vrender";
 
 import { CanvasPickerContribution } from "@visactor/vrender";
 
 import { ChartRender, VChartRender } from "./character/chart/graphic/vchart-graphic-render";
 
-import { BarChartCharacter } from "./character/chart/characters/bar";
-
-import { LineChartCharacter } from "./character/chart/characters/line";
-
-import { AreaChartCharacter } from "./character/chart/characters/area";
-
-import { PieChartCharacter } from "./character/chart/characters/pie";
-
-import { RoseChartCharacter } from "./character/chart/characters/rose";
-
-import { RadarChartCharacter } from "./character/chart/characters/radar";
-
-import { WordCloudCharacter } from "./character/chart/characters/wordcloud";
-
-import { TreeMapChartCharacter } from "./character/chart/characters/treemap";
-
-import { SunburstChartCharacter } from "./character/chart/characters/sunburst";
-
-import { ScatterChartCharacter } from "./character/chart/characters/scatter";
-
-import { RangeColumnChartCharacter } from "./character/chart/characters/rangeColumn";
-
 import { CharacterComponentText } from "./character/component/characters/character-text";
 
 import { CharacterComponentRichText } from "./character/component/characters/character-richtext";
 
 import { VChartPicker } from "./character/chart/graphic/vchart-graphic-picker";
 
-import { StoryGraphicType } from "../dsl/constant";
+import { StoryComponentType } from "../constants/character";
 
 import { CharacterComponentLine } from "./character/component/characters/character-line";
 
@@ -48,28 +24,31 @@ import { CharacterComponentImage } from "./character/component/characters/charac
 
 import { CharacterComponentShape } from "./character/component/characters/character-shape";
 
+import { VChartCharacter } from "./character/chart/characters/vchart";
+
+import { ComponentGroupRender } from "./character/component/character-group/component-group-graphic-render";
+
+import { CharacterComponentTimeline } from "./character/component/characters/character-timeline";
+
 const splitModule = new ContainerModule((bind => {
     bind(VChartRender).toSelf().inSingletonScope(), bind(ChartRender).toService(VChartRender), 
     bind(GraphicRender).toService(ChartRender), bind(VChartPicker).to(VChartPicker).inSingletonScope(), 
-    bind(CanvasPickerContribution).toService(VChartPicker);
+    bind(CanvasPickerContribution).toService(VChartPicker), bind(ComponentGroupRender).toSelf().inSingletonScope(), 
+    bind(GraphicRender).toService(ComponentGroupRender);
 }));
 
 let _register = !1;
 
 export function registerCharacter() {
-    _register || (_register = !0, StoryFactory.registerCharacter(BarChartCharacter.type, BarChartCharacter), 
-    StoryFactory.registerCharacter(LineChartCharacter.type, CharacterChart), StoryFactory.registerCharacter(CharacterChart.type, CharacterChart), 
-    StoryFactory.registerCharacter(AreaChartCharacter.type, AreaChartCharacter), StoryFactory.registerCharacter(PieChartCharacter.type, PieChartCharacter), 
-    StoryFactory.registerCharacter(RoseChartCharacter.type, RoseChartCharacter), StoryFactory.registerCharacter(RadarChartCharacter.type, RadarChartCharacter), 
-    StoryFactory.registerCharacter(WordCloudCharacter.type, WordCloudCharacter), StoryFactory.registerCharacter(TreeMapChartCharacter.type, TreeMapChartCharacter), 
-    StoryFactory.registerCharacter(SunburstChartCharacter.type, SunburstChartCharacter), 
-    StoryFactory.registerCharacter(ScatterChartCharacter.type, ScatterChartCharacter), 
-    StoryFactory.registerCharacter(RangeColumnChartCharacter.type, RangeColumnChartCharacter), 
-    StoryFactory.registerCharacter(StoryGraphicType.RECT, CharacterComponentRect), StoryFactory.registerCharacter(StoryGraphicType.TEXT, CharacterComponentText), 
-    StoryFactory.registerCharacter(StoryGraphicType.RICH_TEXT, CharacterComponentRichText), 
-    StoryFactory.registerCharacter(StoryGraphicType.QIPAO, CharacterComponentQipao), 
-    StoryFactory.registerCharacter(StoryGraphicType.LINE, CharacterComponentLine), StoryFactory.registerCharacter(StoryGraphicType.IMAGE, CharacterComponentImage), 
-    StoryFactory.registerCharacter(StoryGraphicType.SHAPE, CharacterComponentShape), 
+    _register || (_register = !0, StoryFactory.registerCharacter(VChartCharacter.type, VChartCharacter), 
+    StoryFactory.registerCharacter(StoryComponentType.RECT, CharacterComponentRect), 
+    StoryFactory.registerCharacter(StoryComponentType.TEXT, CharacterComponentText), 
+    StoryFactory.registerCharacter(StoryComponentType.RICH_TEXT, CharacterComponentRichText), 
+    StoryFactory.registerCharacter(StoryComponentType.QIPAO, CharacterComponentQipao), 
+    StoryFactory.registerCharacter(StoryComponentType.LINE, CharacterComponentLine), 
+    StoryFactory.registerCharacter(StoryComponentType.IMAGE, CharacterComponentImage), 
+    StoryFactory.registerCharacter(StoryComponentType.SHAPE, CharacterComponentShape), 
+    StoryFactory.registerCharacter(StoryComponentType.TIMELINE, CharacterComponentTimeline), 
     container.load(splitModule));
 }
 

package/es/story/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { CharacterComponentQipao } from './character/component/characters/character-qipao';\nimport { CharacterComponentRect } from './character/component/characters/character-rect';\nimport { StoryFactory } from './factory/factory';\nimport { CharacterChart } from './character/chart/character';\nimport { ContainerModule, GraphicRender, container } from '@visactor/vrender';\nimport { CanvasPickerContribution } from '@visactor/vrender';\nimport { ChartRender, VChartRender } from './character/chart/graphic/vchart-graphic-render';\nimport { BarChartCharacter } from './character/chart/characters/bar';\nimport { LineChartCharacter } from './character/chart/characters/line';\nimport { AreaChartCharacter } from './character/chart/characters/area';\nimport { PieChartCharacter } from './character/chart/characters/pie';\nimport { RoseChartCharacter } from './character/chart/characters/rose';\nimport { RadarChartCharacter } from './character/chart/characters/radar';\nimport { WordCloudCharacter } from './character/chart/characters/wordcloud';\nimport { TreeMapChartCharacter } from './character/chart/characters/treemap';\nimport { SunburstChartCharacter } from './character/chart/characters/sunburst';\nimport { ScatterChartCharacter } from './character/chart/characters/scatter';\nimport { RangeColumnChartCharacter } from './character/chart/characters/rangeColumn';\nimport { CharacterComponentText } from './character/component/characters/character-text';\nimport { CharacterComponentRichText } from './character/component/characters/character-richtext';\nimport { VChartPicker } from './character/chart/graphic/vchart-graphic-picker';\nimport { StoryGraphicType } from '../dsl/constant';\nimport { CharacterComponentLine } from './character/component/characters/character-line';\nimport { CharacterComponentImage } from './character/component/characters/character-image';\nimport { CharacterComponentShape } from './character/component/characters/character-shape';\n\nconst splitModule = new ContainerModule((bind: any) => {\n  // chart渲染器注入\n  bind(VChartRender).toSelf().inSingletonScope();\n  bind(ChartRender).toService(VChartRender);\n  bind(GraphicRender).toService(ChartRender);\n  bind(VChartPicker).to(VChartPicker).inSingletonScope();\n  bind(CanvasPickerContribution).toService(VChartPicker);\n});\n\nlet _register = false;\nexport function registerCharacter() {\n  if (_register) {\n    return;\n  }\n  _register = true;\n  StoryFactory.registerCharacter(BarChartCharacter.type, BarChartCharacter);\n  StoryFactory.registerCharacter(LineChartCharacter.type, CharacterChart);\n  StoryFactory.registerCharacter(CharacterChart.type, CharacterChart);\n  StoryFactory.registerCharacter(AreaChartCharacter.type, AreaChartCharacter);\n  StoryFactory.registerCharacter(PieChartCharacter.type, PieChartCharacter);\n  StoryFactory.registerCharacter(RoseChartCharacter.type, RoseChartCharacter);\n  StoryFactory.registerCharacter(RadarChartCharacter.type, RadarChartCharacter);\n  StoryFactory.registerCharacter(WordCloudCharacter.type, WordCloudCharacter);\n  StoryFactory.registerCharacter(TreeMapChartCharacter.type, TreeMapChartCharacter);\n  StoryFactory.registerCharacter(SunburstChartCharacter.type, SunburstChartCharacter);\n  StoryFactory.registerCharacter(ScatterChartCharacter.type, ScatterChartCharacter);\n  StoryFactory.registerCharacter(RangeColumnChartCharacter.type, RangeColumnChartCharacter);\n\n  // StoryFactory.registerCharacter('BarChart', CharacterChart);\n  // StoryFactory.registerCharacter('CharacterChart', CharacterChart);\n  // StoryFactory.registerCharacter('LineChart', CharacterChart);\n  StoryFactory.registerCharacter(StoryGraphicType.RECT, CharacterComponentRect);\n  StoryFactory.registerCharacter(StoryGraphicType.TEXT, CharacterComponentText);\n  StoryFactory.registerCharacter(StoryGraphicType.RICH_TEXT, CharacterComponentRichText);\n  StoryFactory.registerCharacter(StoryGraphicType.QIPAO, CharacterComponentQipao);\n  StoryFactory.registerCharacter(StoryGraphicType.LINE, CharacterComponentLine);\n  StoryFactory.registerCharacter(StoryGraphicType.IMAGE, CharacterComponentImage);\n  StoryFactory.registerCharacter(StoryGraphicType.SHAPE, CharacterComponentShape);\n\n  container.load(splitModule);\n}\n\nregisterCharacter();\n\nexport * from './story';\n"]}
+{"version":3,"sources":["../src/story/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { CharacterComponentQipao } from './character/component/characters/character-qipao';\nimport { CharacterComponentRect } from './character/component/characters/character-rect';\nimport { StoryFactory } from './factory/factory';\nimport { ContainerModule, GraphicRender, container } from '@visactor/vrender';\nimport { CanvasPickerContribution } from '@visactor/vrender';\nimport { ChartRender, VChartRender } from './character/chart/graphic/vchart-graphic-render';\nimport { CharacterComponentText } from './character/component/characters/character-text';\nimport { CharacterComponentRichText } from './character/component/characters/character-richtext';\nimport { VChartPicker } from './character/chart/graphic/vchart-graphic-picker';\nimport { StoryComponentType } from '../constants/character';\nimport { CharacterComponentLine } from './character/component/characters/character-line';\nimport { CharacterComponentImage } from './character/component/characters/character-image';\nimport { CharacterComponentShape } from './character/component/characters/character-shape';\nimport { VChartCharacter } from './character/chart/characters/vchart';\nimport { ComponentGroupRender } from './character/component/character-group/component-group-graphic-render';\nimport { CharacterComponentTimeline } from './character/component/characters/character-timeline';\n\nconst splitModule = new ContainerModule(bind => {\n  // chart渲染器注入\n  bind(VChartRender).toSelf().inSingletonScope();\n  bind(ChartRender).toService(VChartRender);\n  bind(GraphicRender).toService(ChartRender);\n  bind(VChartPicker).to(VChartPicker).inSingletonScope();\n  bind(CanvasPickerContribution).toService(VChartPicker);\n\n  // component渲染器注入\n  bind(ComponentGroupRender).toSelf().inSingletonScope();\n  bind(GraphicRender).toService(ComponentGroupRender);\n});\n\nlet _register = false;\nexport function registerCharacter() {\n  if (_register) {\n    return;\n  }\n  _register = true;\n  StoryFactory.registerCharacter(VChartCharacter.type, VChartCharacter);\n\n  // StoryFactory.registerCharacter('BarChart', CharacterChart);\n  // StoryFactory.registerCharacter('CharacterChart', CharacterChart);\n  // StoryFactory.registerCharacter('LineChart', CharacterChart);\n  StoryFactory.registerCharacter(StoryComponentType.RECT, CharacterComponentRect);\n  StoryFactory.registerCharacter(StoryComponentType.TEXT, CharacterComponentText);\n  StoryFactory.registerCharacter(StoryComponentType.RICH_TEXT, CharacterComponentRichText);\n  StoryFactory.registerCharacter(StoryComponentType.QIPAO, CharacterComponentQipao);\n  StoryFactory.registerCharacter(StoryComponentType.LINE, CharacterComponentLine);\n  StoryFactory.registerCharacter(StoryComponentType.IMAGE, CharacterComponentImage);\n  StoryFactory.registerCharacter(StoryComponentType.SHAPE, CharacterComponentShape);\n  StoryFactory.registerCharacter(StoryComponentType.TIMELINE, CharacterComponentTimeline);\n\n  container.load(splitModule);\n}\n\nregisterCharacter();\n\nexport * from './story';\n"]}

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

@@ -1,9 +1,9 @@
 import type { Action } from '../../dsl/types';
 import type { ICharacterSpec } from '../character';
 export interface IAction {
-    startTime: number;
+    startTime?: number;
     action: string;
-    duration: number;
+    duration?: number;
     payload?: Action['payload'];
 }
 export interface IStorySpec {

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 { 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"]}

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

@@ -1,14 +1,13 @@
-import { ICharacter } from '../character';
-import { IActSpec } from './dsl-interface';
+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: {
+    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;
-    setCurrentAct(id: number | string): void;
-    getCurrentAct(): number | string;
+    }) => void;
+    getCurrentAct: () => number | string;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/interface/player.ts"],"names":[],"mappings":"","file":"player.js","sourcesContent":["import { ICharacter } from '../character';\nimport { 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  setCurrentAct(id: number | string): 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';\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"]}

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

@@ -1,4 +1,5 @@
-import type { IGraphic } from '@visactor/vrender';
+import type { IGraphic, IStage } from '@visactor/vrender';
+import type { ICharacter, ICharacterSpec } from '../character';
 export interface IStoryInitOption {
     dom: string | HTMLDivElement;
     playerOption?: {
@@ -6,8 +7,30 @@ export interface IStoryInitOption {
         scaleY?: number;
     };
 }
+export interface IStoryCanvas {
+    getStage: () => IStage;
+    getCanvas: () => HTMLCanvasElement;
+    getEventDetail: (event: StoryEvent) => {
+        character: ICharacter;
+        characterInfo: undefined;
+    };
+    release: () => void;
+}
 export interface IStory {
     readonly id: string;
+    canvas: IStoryCanvas;
+    getCharacters: () => {
+        [key: string]: ICharacter;
+    };
+    getCharactersById: (key: string) => ICharacter | null;
+}
+export interface ICharacterTree {
+    getCharacters: () => {
+        [key: string]: ICharacter;
+    };
+    getCharactersById: (key: string) => ICharacter | null;
+    addCharacter: (spec: ICharacterSpec) => ICharacter;
+    initCharacters: (spec: ICharacterSpec[]) => void;
 }
 export type StoryEvent = Event & {
     detailPath: IGraphic[];

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 } from '@visactor/vrender';\n\nexport interface IStoryInitOption {\n  dom: string | HTMLDivElement; // dom id\n  playerOption?: {\n    scaleX?: number;\n    scaleY?: number;\n  };\n}\n\nexport interface IStory {\n  readonly id: string;\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';\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  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/player/index.d.ts

@@ -1,48 +1 @@
-import type { StoryCanvas } from '../canvas/canvas';
-import type { IActSpec, IAction } from '../interface';
-import type { IPlayer } from '../interface/player';
-import { ActionProcessor } from '../../dsl/story-processor';
-import type { ICharacter } from '../character';
-export declare class Ticker {
-    cb?: (delta: number) => void;
-    rafIdx: number;
-    start(cb: (t: number) => void): void;
-    _tick: (lt: number) => void;
-    stop(): void;
-}
-type IChapterInstanceItem = {
-    id: string;
-    scenes: Array<{
-        scene: {
-            character: ICharacter;
-            action: IAction;
-        }[];
-        delay: number;
-    }>;
-    characters: ICharacter[];
-};
-export declare class Player implements IPlayer {
-    protected _canvas: StoryCanvas;
-    protected _acts: IChapterInstanceItem[];
-    protected _currAct: IChapterInstanceItem;
-    protected _ticker: Ticker;
-    protected _currTime: number;
-    protected _actionProcessor: ActionProcessor;
-    constructor(c: StoryCanvas, options?: {
-        scaleX?: number;
-        scaleY?: number;
-    });
-    addAct(c: IActSpec, characters: {
-        [key: string]: ICharacter;
-    }): void;
-    setCurrentAct(id: number | string): void;
-    getCurrentAct(): string;
-    reset(): void;
-    tickTo(t: number): void;
-    play(): void;
-    encodeToVideo(millsecond: number, fps: number): Promise<any>;
-    pause(): void;
-    resume(): void;
-    release(): void;
-}
-export {};
+

package/es/story/player/index.js

@@ -1,134 +1,3 @@
-var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
-    return new (P || (P = Promise))((function(resolve, reject) {
-        function fulfilled(value) {
-            try {
-                step(generator.next(value));
-            } catch (e) {
-                reject(e);
-            }
-        }
-        function rejected(value) {
-            try {
-                step(generator.throw(value));
-            } catch (e) {
-                reject(e);
-            }
-        }
-        function step(result) {
-            var value;
-            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
-                resolve(value);
-            }))).then(fulfilled, rejected);
-        }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    }));
-};
 
-import { isNumber } from "@visactor/vutils";
 
-import { processorMap, ActionProcessor } from "../../dsl/story-processor";
-
-export class Ticker {
-    constructor() {
-        this.rafIdx = 0, this._tick = lt => {
-            const ct = Date.now();
-            this.cb && this.cb(0 === lt ? 0 : ct - lt), this.rafIdx = requestAnimationFrame((() => this._tick(ct)));
-        };
-    }
-    start(cb) {
-        this.stop(), this.cb = cb, this._tick(0);
-    }
-    stop() {
-        this.rafIdx && cancelAnimationFrame(this.rafIdx), this.rafIdx = 0;
-    }
-}
-
-export class Player {
-    constructor(c, options) {
-        var _a, _b;
-        this._canvas = c, this._acts = [], this._ticker = new Ticker, this._currTime = 0, 
-        c.getStage().defaultLayer.setAttributes({
-            scaleX: null !== (_a = null == options ? void 0 : options.scaleX) && void 0 !== _a ? _a : 1,
-            scaleY: null !== (_b = null == options ? void 0 : options.scaleY) && void 0 !== _b ? _b : 1
-        }), this._actionProcessor = new ActionProcessor(processorMap);
-    }
-    addAct(c, characters) {
-        const scenes = [], characterSet = new Set;
-        c.scenes.forEach((item => {
-            var _a;
-            const scene = {
-                scene: [],
-                delay: null !== (_a = item.delay) && void 0 !== _a ? _a : 0
-            };
-            item.actions.forEach((({characterActions: characterActions, characterId: characterId}) => {
-                const _actions = characterActions.slice();
-                _actions.sort(((a, b) => a.startTime - b.startTime)), _actions.forEach((action => {
-                    const character = characters[characterId];
-                    scene.scene.push({
-                        character: character,
-                        action: action
-                    }), characterSet.add(character);
-                }));
-            })), scenes.push(scene);
-        })), this._acts.push({
-            id: c.id,
-            scenes: scenes,
-            characters: Array.from(characterSet.values())
-        });
-    }
-    setCurrentAct(id) {
-        isNumber(id) ? this._currAct = this._acts[id] : this._currAct = this._acts.filter((item => item.id === id))[0];
-    }
-    getCurrentAct() {
-        var _a;
-        return null === (_a = this._currAct) || void 0 === _a ? void 0 : _a.id;
-    }
-    reset() {
-        this._currAct.characters.forEach((item => {
-            item.reset();
-        }));
-    }
-    tickTo(t) {
-        const lastTime = this._currTime;
-        lastTime > t && (this.reset(), this._currTime = 0, this.tickTo(0));
-        const characterSet = new Set;
-        let baseStartTime = 0;
-        for (let i = 0; i < this._currAct.scenes.length; i++) {
-            const scene = this._currAct.scenes[i];
-            baseStartTime += scene.delay, baseStartTime <= t && scene.scene.forEach((({character: character, action: action}) => {
-                const {startTime: st} = action, startTime = st + baseStartTime;
-                if (!(startTime > t)) {
-                    if (characterSet.add(character), startTime > lastTime && startTime <= t) {
-                        const {type: type} = character.spec;
-                        this._actionProcessor.doAction(type, action.action, [ character, {}, action ]);
-                    }
-                    character.show();
-                }
-            }));
-            let sceneTime = 0;
-            scene.scene.forEach((({action: action}) => {
-                const {startTime: startTime, duration: duration} = action;
-                sceneTime = Math.max(startTime + duration, startTime);
-            })), baseStartTime += sceneTime;
-        }
-        this._currTime = t, this._canvas.getStage().ticker.tickAt(t), this._canvas.getStage().render();
-    }
-    play() {
-        this._currAct && (this._ticker.stop(), this._currTime = 0, this.reset(), this._ticker.start((t => {
-            this.tickTo(this._currTime + t);
-        })));
-    }
-    encodeToVideo(millsecond, fps) {
-        return __awaiter(this, void 0, void 0, (function*() {
-            return null;
-        }));
-    }
-    pause() {
-        this._ticker.stop();
-    }
-    resume() {
-        this._ticker._tick(this._currTime);
-    }
-    release() {}
-}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/player/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { isNumber } from '@visactor/vutils';\nimport type { StoryCanvas } from '../canvas/canvas';\nimport type { IActSpec, IAction } from '../interface';\nimport type { IPlayer } from '../interface/player';\nimport { processorMap, ActionProcessor } from '../../dsl/story-processor';\n// import { Encoder } from './encode';\nimport type { ICharacter } from '../character';\n\nexport class Ticker {\n  cb?: (delta: number) => void;\n  rafIdx = 0;\n  start(cb: (t: number) => void) {\n    this.stop();\n    this.cb = cb;\n    this._tick(0);\n  }\n\n  _tick = (lt: number) => {\n    const ct = Date.now();\n    this.cb && this.cb(lt === 0 ? 0 : ct - lt);\n    this.rafIdx = requestAnimationFrame(() => this._tick(ct));\n  };\n\n  stop() {\n    this.rafIdx && cancelAnimationFrame(this.rafIdx);\n    this.rafIdx = 0;\n  }\n}\n\ntype IChapterInstanceItem = {\n  id: string;\n  scenes: Array<{\n    scene: {\n      character: ICharacter;\n      action: IAction;\n    }[];\n    delay: number;\n  }>;\n  characters: ICharacter[];\n};\n\nexport class Player implements IPlayer {\n  protected _canvas: StoryCanvas;\n  protected _acts: IChapterInstanceItem[];\n  protected _currAct: IChapterInstanceItem;\n  protected _ticker: Ticker;\n  protected _currTime: number;\n  // protected _encoder: Encoder;\n  protected _actionProcessor: ActionProcessor;\n\n  constructor(c: StoryCanvas, options?: { scaleX?: number; scaleY?: number }) {\n    this._canvas = c;\n    this._acts = [];\n    this._ticker = new Ticker();\n    this._currTime = 0;\n    c.getStage().defaultLayer.setAttributes({\n      scaleX: options?.scaleX ?? 1,\n      scaleY: options?.scaleY ?? 1\n    });\n    // this._encoder = new Encoder();\n    this._actionProcessor = new ActionProcessor(processorMap);\n  }\n\n  addAct(\n    c: IActSpec,\n    characters: {\n      [key: string]: ICharacter;\n    }\n  ): void {\n    const scenes: IChapterInstanceItem['scenes'] = [];\n    const characterSet: Set<ICharacter> = new Set();\n    c.scenes.forEach(item => {\n      const scene: IChapterInstanceItem['scenes'][0] = { scene: [], delay: item.delay ?? 0 };\n      item.actions.forEach(({ characterActions, characterId }) => {\n        const _actions = characterActions.slice();\n        _actions.sort((a, b) => a.startTime - b.startTime);\n        _actions.forEach(action => {\n          const character = characters[characterId];\n          scene.scene.push({\n            character,\n            action: action\n          });\n          characterSet.add(character);\n        });\n      });\n      scenes.push(scene);\n    });\n    this._acts.push({\n      id: c.id,\n      scenes: scenes,\n      characters: Array.from(characterSet.values())\n    });\n  }\n\n  setCurrentAct(id: number | string) {\n    if (isNumber(id)) {\n      this._currAct = this._acts[id];\n    } else {\n      this._currAct = this._acts.filter(item => item.id === id)[0];\n    }\n  }\n\n  getCurrentAct() {\n    return this._currAct?.id;\n  }\n\n  // 清除当前状态，一般用于回放操作\n  reset() {\n    this._currAct.characters.forEach(item => {\n      item.reset();\n    });\n  }\n\n  tickTo(t: number) {\n    const lastTime = this._currTime;\n    if (lastTime > t) {\n      // 如果时间回退，那就重新走一遍\n      this.reset();\n      this._currTime = 0;\n      this.tickTo(0);\n    }\n    const characterSet = new Set<ICharacter>();\n\n    let baseStartTime = 0;\n    for (let i = 0; i < this._currAct.scenes.length; i++) {\n      const scene = this._currAct.scenes[i];\n      baseStartTime += scene.delay;\n      if (baseStartTime <= t) {\n        scene.scene.forEach(({ character, action }) => {\n          const { startTime: st } = action;\n          const startTime = st + baseStartTime;\n          if (startTime > t) {\n            return;\n          }\n          characterSet.add(character);\n          // 之前没走过，现在走\n          if (startTime > lastTime && startTime <= t) {\n            const { type } = character.spec;\n            this._actionProcessor.doAction(type, action.action, [character, {}, action]);\n          }\n          character.show();\n        });\n      }\n      let sceneTime = 0;\n      scene.scene.forEach(({ action }) => {\n        const { startTime, duration } = action;\n        sceneTime = Math.max(startTime + duration, startTime);\n      });\n      baseStartTime += sceneTime;\n      // if (baseStartTime > t) {\n      //   break;\n      // }\n    }\n\n    // roleSet.forEach(r => {\n    //   r.tickTo && r.tickTo(t);\n    // });\n\n    this._currTime = t;\n    this._canvas.getStage().ticker.tickAt(t);\n    this._canvas.getStage().render();\n  }\n\n  play(): void {\n    if (!this._currAct) {\n      return;\n    }\n    this._ticker.stop();\n    this._currTime = 0;\n    this.reset();\n    this._ticker.start(t => {\n      this.tickTo(this._currTime + t);\n    });\n  }\n\n  async encodeToVideo(millsecond: number, fps: number): Promise<any> {\n    // // if (!this._currChapter) {\n    // //   return;\n    // // }\n    // const frameNum = (millsecond / 1000) * fps;\n    // const deltaT = 1000 / fps;\n    // this.tickTo(0);\n    // const objUrl = await this._encoder.exportVideo(frameNum, fps, async i => {\n    //   const t = deltaT * i;\n    //   this.tickTo(t);\n    //   return new Promise((resolve, reject) => {\n    //     this._canvas\n    //       .getStage()\n    //       .window.getContext()\n    //       .canvas.nativeCanvas.toBlob((blob: any) => {\n    //         if (blob) {\n    //           resolve(blob);\n    //         } else {\n    //           // console.log('no blob');\n    //           reject('no blob');\n    //         }\n    //       }, `image/png`);\n    //   });\n    // });\n\n    // return objUrl;\n    return null;\n  }\n\n  pause(): void {\n    this._ticker.stop();\n  }\n\n  resume(): void {\n    this._ticker._tick(this._currTime);\n  }\n\n  release(): void {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/player/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["// import { isNumber } from '@visactor/vutils';\n// import type { StoryCanvas } from '../canvas/canvas';\n// import type { IActSpec, IAction, IStoryCanvas } from '../interface';\n// import type { IPlayer } from '../../player/interface/player';\n// import { processorMap, ActionProcessor } from '../../dsl/story-processor';\n// // import { Encoder } from './encode';\n// import type { ICharacter } from '../character';\n\n// export class Ticker {\n//   cb?: (delta: number) => void;\n//   rafIdx = 0;\n//   start(cb: (t: number) => void) {\n//     this.stop();\n//     this.cb = cb;\n//     this._tick(0);\n//   }\n\n//   _tick = (lt: number) => {\n//     const ct = Date.now();\n//     this.cb && this.cb(lt === 0 ? 0 : ct - lt);\n//     this.rafIdx = requestAnimationFrame(() => this._tick(ct));\n//   };\n\n//   stop() {\n//     this.rafIdx && cancelAnimationFrame(this.rafIdx);\n//     this.rafIdx = 0;\n//   }\n// }\n\n// type IChapterInstanceItem = {\n//   id: string;\n//   scenes: Array<{\n//     scene: {\n//       character: ICharacter;\n//       action: IAction;\n//     }[];\n//     delay: number;\n//   }>;\n//   characters: ICharacter[];\n// };\n\n// export class Player implements IPlayer {\n//   protected _canvas: IStoryCanvas;\n//   protected _acts: IChapterInstanceItem[];\n//   protected _currAct: IChapterInstanceItem;\n//   protected _ticker: Ticker;\n//   protected _currTime: number;\n//   // protected _encoder: Encoder;\n//   protected _actionProcessor: ActionProcessor;\n\n//   constructor(c: IStoryCanvas, options?: { scaleX?: number; scaleY?: number }) {\n//     this._canvas = c;\n//     this._acts = [];\n//     this._ticker = new Ticker();\n//     this._currTime = 0;\n//     c.getStage().defaultLayer.setAttributes({\n//       scaleX: options?.scaleX ?? 1,\n//       scaleY: options?.scaleY ?? 1\n//     });\n//     // this._encoder = new Encoder();\n//     this._actionProcessor = new ActionProcessor(processorMap);\n//   }\n\n//   addAct(\n//     c: IActSpec,\n//     characters: {\n//       [key: string]: ICharacter;\n//     }\n//   ): void {\n//     const scenes: IChapterInstanceItem['scenes'] = [];\n//     const characterSet: Set<ICharacter> = new Set();\n//     c.scenes.forEach(item => {\n//       const scene: IChapterInstanceItem['scenes'][0] = { scene: [], delay: item.delay ?? 0 };\n//       item.actions.forEach(({ characterActions, characterId }) => {\n//         const _actions = characterActions.slice();\n//         _actions.sort((a, b) => a.startTime - b.startTime);\n//         _actions.forEach(action => {\n//           const character = characters[characterId];\n//           scene.scene.push({\n//             character,\n//             action: action\n//           });\n//           characterSet.add(character);\n//         });\n//       });\n//       scenes.push(scene);\n//     });\n//     this._acts.push({\n//       id: c.id,\n//       scenes: scenes,\n//       characters: Array.from(characterSet.values())\n//     });\n//   }\n\n//   setCurrentAct(id: number | string) {\n//     if (isNumber(id)) {\n//       this._currAct = this._acts[id];\n//     } else {\n//       this._currAct = this._acts.filter(item => item.id === id)[0];\n//     }\n//   }\n\n//   getCurrentAct() {\n//     return this._currAct?.id;\n//   }\n\n//   // 清除当前状态，一般用于回放操作\n//   reset() {\n//     this._currAct.characters.forEach(item => {\n//       item.reset();\n//     });\n//   }\n\n//   tickTo(t: number) {\n//     const lastTime = this._currTime;\n//     if (lastTime > t) {\n//       // 如果时间回退，那就重新走一遍\n//       this.reset();\n//       this._currTime = 0;\n//       this.tickTo(0);\n//     }\n//     const characterSet = new Set<ICharacter>();\n\n//     let baseStartTime = 0;\n//     for (let i = 0; i < this._currAct.scenes.length; i++) {\n//       const scene = this._currAct.scenes[i];\n//       baseStartTime += scene.delay;\n//       if (baseStartTime <= t) {\n//         scene.scene.forEach(({ character, action }) => {\n//           const { startTime: st } = action;\n//           const startTime = st + baseStartTime;\n//           if (startTime > t) {\n//             return;\n//           }\n//           characterSet.add(character);\n//           // 之前没走过，现在走\n//           if (startTime > lastTime && startTime <= t) {\n//             const { type } = character.spec;\n//             this._actionProcessor.doAction(type, action.action, [character, {}, action]);\n//           }\n//           character.show();\n//         });\n//       }\n//       let sceneTime = 0;\n//       scene.scene.forEach(({ action }) => {\n//         const { startTime, duration } = action;\n//         sceneTime = Math.max(startTime + duration, startTime);\n//       });\n//       baseStartTime += sceneTime;\n//       // if (baseStartTime > t) {\n//       //   break;\n//       // }\n//     }\n\n//     // roleSet.forEach(r => {\n//     //   r.tickTo && r.tickTo(t);\n//     // });\n\n//     this._currTime = t;\n//     this._canvas.getStage().ticker.tickAt(t);\n//     this._canvas.getStage().render();\n//   }\n\n//   play(): void {\n//     if (!this._currAct) {\n//       return;\n//     }\n//     this._ticker.stop();\n//     this._currTime = 0;\n//     this.reset();\n//     this._ticker.start(t => {\n//       this.tickTo(this._currTime + t);\n//     });\n//   }\n\n//   async encodeToVideo(millsecond: number, fps: number): Promise<any> {\n//     // // if (!this._currChapter) {\n//     // //   return;\n//     // // }\n//     // const frameNum = (millsecond / 1000) * fps;\n//     // const deltaT = 1000 / fps;\n//     // this.tickTo(0);\n//     // const objUrl = await this._encoder.exportVideo(frameNum, fps, async i => {\n//     //   const t = deltaT * i;\n//     //   this.tickTo(t);\n//     //   return new Promise((resolve, reject) => {\n//     //     this._canvas\n//     //       .getStage()\n//     //       .window.getContext()\n//     //       .canvas.nativeCanvas.toBlob((blob: any) => {\n//     //         if (blob) {\n//     //           resolve(blob);\n//     //         } else {\n//     //           // console.log('no blob');\n//     //           reject('no blob');\n//     //         }\n//     //       }, `image/png`);\n//     //   });\n//     // });\n\n//     // return objUrl;\n//     return null;\n//   }\n\n//   pause(): void {\n//     this._ticker.stop();\n//   }\n\n//   resume(): void {\n//     this._ticker._tick(this._currTime);\n//   }\n\n//   release(): void {\n//     return;\n//   }\n// }\n"]}

package/es/story/story.d.ts

@@ -1,27 +1,24 @@
-import type { IStory, IStoryInitOption } from './interface/runtime-interface';
+import type { ICharacterTree, IStory, IStoryCanvas, IStoryInitOption } from './interface/runtime-interface';
 import type { ICharacter } from './character/runtime-interface';
-import { StoryCanvas } from './canvas/canvas';
 import type { IStorySpec } from './interface';
-import type { IPlayer } from './interface/player';
+import type { IPlayer } from '../player/interface/player';
 export declare class Story implements IStory {
     static _id_: number;
     protected _player: IPlayer;
     readonly id: string;
-    protected _canvas: StoryCanvas;
-    get canvas(): StoryCanvas;
-    protected _characters: {
-        [key: string]: ICharacter;
-    };
+    protected _canvas: IStoryCanvas;
+    protected _characterTree: ICharacterTree;
+    get canvas(): IStoryCanvas;
     constructor(spec: IStorySpec, option: IStoryInitOption);
     load(spec: IStorySpec): void;
     getCharacters(): {
         [key: string]: ICharacter;
     };
-    private _createCharacter;
-    private _createAct;
-    play(actIndex?: string | number): void;
-    pause(): string | number;
-    encodeToVideo(actIndex: number, millsecond: number, fps: number): Promise<string>;
+    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;
     release(): void;
 }

package/es/story/story.js

@@ -28,11 +28,11 @@ import { isString } from "@visactor/vutils";
 
 import { StoryCanvas } from "./canvas/canvas";
 
-import { StoryFactory } from "./factory/factory";
-
 import { defaultTicker, defaultTimeline } from "@visactor/vrender";
 
-import { Player } from "./player";
+import { CharacterTree } from "./character-tree/character-tree";
+
+import { Player } from "../player/player";
 
 defaultTicker.remTimeline(defaultTimeline);
 
@@ -41,40 +41,31 @@ export class Story {
         return this._canvas;
     }
     constructor(spec, option) {
-        this._characters = {}, 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._canvas, option.playerOption), spec && this.load(spec);
+        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);
     }
     load(spec) {
-        spec.characters.forEach((e => {
-            this._createCharacter(e);
-        })), spec.acts.forEach((e => {
-            this._createAct(e);
-        }));
+        this._characterTree.initCharacters(spec.characters), this._player.initActs(spec.acts);
     }
     getCharacters() {
-        return this._characters;
+        return this._characterTree.getCharacters();
     }
-    _createCharacter(spec) {
-        const option = {
-            story: this,
-            canvas: this._canvas,
-            graphicParent: this._canvas.getStage().defaultLayer
-        };
-        return spec.id ? (this._characters[spec.id] || (this._characters[spec.id] = StoryFactory.createCharacter(spec, option)), 
-        this._characters[spec.id]) : null;
+    getCharactersById(key) {
+        return this._characterTree.getCharactersById(key);
     }
-    _createAct(spec) {
-        this._player.addAct(spec, this._characters);
+    play(loop = !0) {
+        this._player.play(loop);
     }
-    play(actIndex = 0) {
-        this._player.setCurrentAct(actIndex), this._player.play();
+    tickTo(t) {
+        this._player.tickTo(t);
     }
     pause() {
-        return this._player.pause(), this._player.getCurrentAct();
+        this._player.pause();
     }
-    encodeToVideo(actIndex, millsecond, fps) {
+    encodeToVideo(actIndexOrId, millsecond, fps) {
         return __awaiter(this, void 0, void 0, (function*() {
-            return this._player.setCurrentAct(actIndex), this._player.encodeToVideo(millsecond, fps);
+            return this._player.encodeToVideo(millsecond, fps);
         }));
     }
     getPlayer() {

package/es/story/story.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/story.ts"],"names":[],"mappings":"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","file":"story.js","sourcesContent":["import type { ICharacterSpec } from './character/dsl-interface';\nimport { isString } from '@visactor/vutils';\nimport type { IStory, 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 type { IPlayer } from './interface/player';\nimport { Player } from './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: StoryCanvas;\n  get canvas() {\n    return this._canvas;\n  }\n\n  protected _characters: { [key: string]: ICharacter } = {};\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._canvas, option.playerOption);\n\n    if (spec) {\n      this.load(spec);\n    }\n  }\n\n  load(spec: IStorySpec) {\n    spec.characters.forEach(e => {\n      this._createCharacter(e);\n    });\n    // @ts-ignore\n    spec.acts.forEach(e => {\n      this._createAct(e);\n    });\n  }\n\n  getCharacters(): { [key: string]: ICharacter } {\n    return this._characters;\n  }\n\n  private _createCharacter(spec: ICharacterSpec) {\n    const option = { story: this, canvas: this._canvas, graphicParent: this._canvas.getStage().defaultLayer };\n    if ((<ICharacterSpec>spec).id) {\n      if (!this._characters[(<ICharacterSpec>spec).id]) {\n        this._characters[(<ICharacterSpec>spec).id] = StoryFactory.createCharacter(<ICharacterSpec>spec, option);\n      }\n      return this._characters[(<ICharacterSpec>spec).id];\n    }\n    //  else if ((<ICharacterLink>spec).characterId) {\n    //   return this._characters[(<ICharacterLink>spec).characterId];\n    // }\n    return null;\n  }\n\n  private _createAct(spec: IActSpec) {\n    this._player.addAct(spec, this._characters);\n  }\n\n  play(actIndex: string | number = 0) {\n    // player 开始播放\n    this._player.setCurrentAct(actIndex);\n    this._player.play();\n  }\n\n  pause() {\n    this._player.pause();\n    return this._player.getCurrentAct();\n  }\n\n  async encodeToVideo(actIndex: number, millsecond: number, fps: number) {\n    this._player.setCurrentAct(actIndex);\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;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,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,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;;AArEM,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.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    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"]}

package/es/task.d.ts

@@ -1,21 +1 @@
-import { IContext } from './interface/type';
-export type TaskCb = () => void;
-export interface ITask {
-    runCb: (cb: TaskCb) => void;
-    run: (context?: Partial<IContext>) => void;
-    next: ITask | null;
-    prev: ITask | null;
-}
-export declare abstract class AbstractTask implements ITask {
-    prev: ITask;
-    next: ITask;
-    abstract runCb(cb: TaskCb): void;
-    abstract run(context?: Partial<IContext>): void;
-}
-export declare class TaskManager {
-    protected _tail: ITask;
-    protected _head: ITask;
-    protected _context: Partial<IContext>;
-    setContext(context: Partial<IContext>): void;
-    next(task: ITask): void;
-}
+