@visactor/vstory 0.0.3 → 0.0.4-alpha.1

package/cjs/story/character/component/characters/character-timeline.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CharacterComponentTimeline = void 0;
+
+const timeline_1 = require("../graphic/timeline"), character_1 = require("../character"), character_2 = require("../../../../constants/character");
+
+class CharacterComponentTimeline extends character_1.CharacterComponent {
+    constructor() {
+        super(...arguments), this.graphicType = "timeline";
+    }
+    _createGraphic() {
+        return new timeline_1.GraphicTimeline(character_2.StoryComponentType.TIMELINE, this);
+    }
+}
+
+exports.CharacterComponentTimeline = CharacterComponentTimeline;
+//# sourceMappingURL=character-timeline.js.map

package/cjs/story/character/component/characters/character-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/component/characters/character-timeline.ts"],"names":[],"mappings":";;;AACA,kDAAsD;AACtD,4CAAkD;AAClD,+DAAqE;AAErE,MAAa,0BAA2B,SAAQ,8BAAkB;IAAlE;;QACW,gBAAW,GAAW,UAAU,CAAC;IAI5C,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,0BAAe,CAAC,8BAAkB,CAAC,QAAQ,EAAE,IAAW,CAAC,CAAC;IACvE,CAAC;CACF;AALD,gEAKC","file":"character-timeline.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicTimeline } from '../graphic/timeline';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\n\nexport class CharacterComponentTimeline extends CharacterComponent {\n  readonly graphicType: string = 'timeline';\n  protected _createGraphic(): Graphic {\n    return new GraphicTimeline(StoryComponentType.TIMELINE, this as any);\n  }\n}\n"]}

package/cjs/story/character/component/graphic/timeline.d.ts

@@ -0,0 +1,13 @@
+import { Timeline } from '@visactor/vrender-components';
+import { Graphic } from './graphic';
+import type { IWidgetData } from '../../dsl-interface';
+export declare class GraphicTimeline extends Graphic {
+    protected _graphic: Timeline;
+    getInitialAttributes(): {
+        x: number;
+        y: number;
+        clipRange: number;
+    };
+    init(): void;
+    applyLayoutData(w: Partial<IWidgetData>): void;
+}

package/cjs/story/character/component/graphic/timeline.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.GraphicTimeline = void 0;
+
+const vrender_components_1 = require("@visactor/vrender-components"), graphic_1 = require("./graphic"), layout_1 = require("../../../utils/layout");
+
+class GraphicTimeline extends graphic_1.Graphic {
+    getInitialAttributes() {
+        return {
+            x: 0,
+            y: 0,
+            clipRange: 0
+        };
+    }
+    init() {
+        var _a, _b;
+        this._graphic || (this._graphic = new vrender_components_1.Timeline(this._transformAttributes(Object.assign(Object.assign({}, this.getInitialAttributes()), null !== (_b = null === (_a = this._character.spec.options) || void 0 === _a ? void 0 : _a.graphic) && void 0 !== _b ? _b : {}))), 
+        this._graphic.name = `timeline-${this._character.id}`, this._character.getGraphicParent().add(this._graphic));
+    }
+    applyLayoutData(w) {
+        const {x: x, y: y, width: width, height: height, angle: angle} = (0, layout_1.getLayoutFromWidget)(w);
+        this._graphic.setAttributes(this._transformAttributes({
+            x: x,
+            y: y,
+            angle: angle,
+            width: width,
+            height: height
+        }));
+    }
+}
+
+exports.GraphicTimeline = GraphicTimeline;
+//# sourceMappingURL=timeline.js.map

package/cjs/story/character/component/graphic/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/component/graphic/timeline.ts"],"names":[],"mappings":";;;AAAA,qEAAwD;AAGxD,uCAAoC;AAEpC,kDAA4D;AAE5D,MAAa,eAAgB,SAAQ,iBAAO;IAG1C,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,SAAS,EAAE,CAAC;SACb,CAAC;IACJ,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,6BAAQ,CAC1B,IAAI,CAAC,oBAAoB,iCACpB,IAAI,CAAC,oBAAoB,EAAE,GAC3B,CAAC,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,mCAAI,EAAE,CAAC,EAChD,CACH,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,YAAY,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;YACtD,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACvD;IACH,CAAC;IAED,eAAe,CAAC,CAAuB;QACrC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,4BAAmB,EAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,aAAa,CACzB,IAAI,CAAC,oBAAoB,CAAC;YACxB,CAAC;YACD,CAAC;YACD,KAAK;YACL,KAAK;YACL,MAAM;SACP,CAAC,CACH,CAAC;IACJ,CAAC;CACF;AApCD,0CAoCC","file":"timeline.js","sourcesContent":["import { Timeline } from '@visactor/vrender-components';\nimport { createText } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport { Graphic } from './graphic';\nimport type { IWidgetData } from '../../dsl-interface';\nimport { getLayoutFromWidget } from '../../../utils/layout';\n\nexport class GraphicTimeline extends Graphic {\n  protected _graphic: Timeline;\n\n  getInitialAttributes() {\n    return {\n      x: 0,\n      y: 0,\n      clipRange: 0\n    };\n  }\n\n  init() {\n    if (!this._graphic) {\n      this._graphic = new Timeline(\n        this._transformAttributes({\n          ...this.getInitialAttributes(),\n          ...(this._character.spec.options?.graphic ?? {})\n        })\n      );\n      this._graphic.name = `timeline-${this._character.id}`;\n      this._character.getGraphicParent().add(this._graphic);\n    }\n  }\n\n  applyLayoutData(w: Partial<IWidgetData>) {\n    const { x, y, width, height, angle } = getLayoutFromWidget(w);\n    this._graphic.setAttributes(\n      this._transformAttributes({\n        x,\n        y,\n        angle,\n        width,\n        height\n      })\n    );\n  }\n}\n"]}

package/cjs/story/character/runtime-interface.d.ts

@@ -1,8 +1,8 @@
 import type { IGroup } from '@visactor/vrender';
 import type { IPointLike } from '@visactor/vutils';
-import type { StoryCanvas } from '../canvas/canvas';
-import type { IStory, StoryEvent } from '../interface/runtime-interface';
+import type { IStory, IStoryCanvas, StoryEvent } from '../interface/runtime-interface';
 import type { ICharacterSpec } from './dsl-interface';
+import type { Graphic } from './component/graphic/graphic';
 export interface ICharacterPickInfo {
     part: string;
     graphicType: string;
@@ -15,6 +15,7 @@ export interface ICharacter {
     show: () => void;
     hide: () => void;
     getGraphicParent: () => IGroup;
+    graphic: Graphic | IGroup;
     tickTo: (t: number) => void;
     checkEvent: (event: StoryEvent) => false | (ICharacterPickInfo & any);
     updateSpec: (spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>) => void;
@@ -22,7 +23,7 @@ export interface ICharacter {
 }
 export interface ICharacterInitOption {
     story: IStory;
-    canvas: StoryCanvas;
+    canvas: IStoryCanvas;
     graphicParent: IGroup;
 }
 export interface ICharacterConstructor {

package/cjs/story/character/runtime-interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/runtime-interface.ts"],"names":[],"mappings":"","file":"runtime-interface.js","sourcesContent":["import type { IGroup } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { StoryCanvas } from '../canvas/canvas';\nimport type { IStory, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacterSpec } from './dsl-interface';\n\nexport interface ICharacterPickInfo {\n  part: string;\n  graphicType: string;\n}\nexport interface ICharacter {\n  id: string;\n  spec: ICharacterSpec;\n\n  init: () => void;\n  reset: () => void;\n  show: () => void;\n  hide: () => void;\n  getGraphicParent: () => IGroup;\n  tickTo: (t: number) => void;\n\n  checkEvent: (event: StoryEvent) => false | (ICharacterPickInfo & any);\n\n  updateSpec: (spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>) => void;\n\n  setAttributes: (attr: Record<string, any>) => void;\n}\n\nexport interface ICharacterInitOption {\n  story: IStory;\n  canvas: StoryCanvas;\n  graphicParent: IGroup;\n}\n\nexport interface ICharacterConstructor {\n  new (spec: ICharacterSpec, option: ICharacterInitOption): ICharacter;\n}\n\nexport interface ILayoutAttribute {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  angle: number;\n  anchor?: [number | string, number | string];\n  dx?: number;\n  dy?: number;\n  shapePoints?: IPointLike[];\n}\n"]}
+{"version":3,"sources":["../src/story/character/runtime-interface.ts"],"names":[],"mappings":"","file":"runtime-interface.js","sourcesContent":["import type { IGroup } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { StoryCanvas } from '../canvas/canvas';\nimport type { IStory, IStoryCanvas, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacterSpec } from './dsl-interface';\nimport type { Graphic } from './component/graphic/graphic';\n\nexport interface ICharacterPickInfo {\n  part: string;\n  graphicType: string;\n}\nexport interface ICharacter {\n  id: string;\n  spec: ICharacterSpec;\n\n  init: () => void;\n  reset: () => void;\n  show: () => void;\n  hide: () => void;\n  getGraphicParent: () => IGroup;\n  graphic: Graphic | IGroup;\n  tickTo: (t: number) => void;\n\n  checkEvent: (event: StoryEvent) => false | (ICharacterPickInfo & any);\n\n  updateSpec: (spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>) => void;\n\n  setAttributes: (attr: Record<string, any>) => void;\n}\n\nexport interface ICharacterInitOption {\n  story: IStory;\n  canvas: IStoryCanvas;\n  graphicParent: IGroup;\n}\n\nexport interface ICharacterConstructor {\n  new (spec: ICharacterSpec, option: ICharacterInitOption): ICharacter;\n}\n\nexport interface ILayoutAttribute {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  angle: number;\n  anchor?: [number | string, number | string];\n  dx?: number;\n  dy?: number;\n  shapePoints?: IPointLike[];\n}\n"]}

package/cjs/story/character/visactor/character.d.ts

@@ -10,7 +10,6 @@ export declare abstract class CharacterVisactor extends CharacterBase implements
     get chartType(): string;
     get tempType(): string;
     protected _graphic: IVisactorGraphic;
-    get graphic(): IVisactorGraphic;
     protected _runtime: IChartCharacterRuntime[];
     constructor(spec: ICharacterSpec, option: ICharacterInitOption);
     protected _initRuntime(): void;

package/cjs/story/character/visactor/character.js

@@ -21,9 +21,6 @@ class CharacterVisactor extends base_1.CharacterBase {
         var _a;
         return null === (_a = this._specProcess.dataTempTransform.specTemp) || void 0 === _a ? void 0 : _a.type;
     }
-    get graphic() {
-        return this._graphic;
-    }
     constructor(spec, option) {
         super(spec, option), this._runtime = [], this.onSpecReady = () => {
             var _a;

package/cjs/story/character/visactor/character.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/visactor/character.ts"],"names":[],"mappings":";;;AAEA,uCAA6C;AAK7C,MAAsB,iBAAkB,SAAQ,oBAAa;IAE3D,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC;IAC7C,CAAC;IAED,IAAI,SAAS;;QACX,OAAO,MAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,0CAAE,YAAY,EAAE,CAAC;IACtE,CAAC;IAED,IAAI,QAAQ;;QACV,OAAO,MAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,0CAAE,IAAI,CAAC;IAC5D,CAAC;IAGD,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAID,YAAY,IAAoB,EAAE,MAA4B;QAC5D,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAHZ,aAAQ,GAA6B,EAAE,CAAC;QAelD,gBAAW,GAAG,GAAG,EAAE;;YACjB,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,WAAW,iDAAI,CAAA,EAAA,CAAC,CAAC;YAC9C,MAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,0CAAE,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACpH,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QAjBA,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAES,YAAY,KAAU,CAAC;IAEjC,WAAW,CAAC,GAAqD;IAEjE,CAAC;IAgBD,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC;IACD,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,CAAS;QACd,OAAO;IACT,CAAC;IAED,OAAO;;QACL,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;QAC5B,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,0CAAE,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC3C,CAAC;CACF;AArED,8CAqEC","file":"character.js","sourcesContent":["/* eslint-disable no-console */\nimport { ICharacterSpec } from 'src/story/character/dsl-interface';\nimport { CharacterBase } from '../base/base';\nimport type { ISpecProcess, ICharacterVisactor, IVisactorGraphic } from './interface';\nimport { ICharacterInitOption } from '../runtime-interface';\nimport { IChartCharacterRuntime } from '../chart/runtime/interface';\n\nexport abstract class CharacterVisactor extends CharacterBase implements ICharacterVisactor {\n  protected declare _specProcess: ISpecProcess;\n  get specProcess() {\n    return this._specProcess;\n  }\n  get dataTempTransform() {\n    return this._specProcess.dataTempTransform;\n  }\n\n  get chartType() {\n    return this._specProcess.dataTempTransform.specTemp?.getChartType();\n  }\n\n  get tempType() {\n    return this._specProcess.dataTempTransform.specTemp?.type;\n  }\n\n  protected declare _graphic: IVisactorGraphic;\n  get graphic() {\n    return this._graphic;\n  }\n\n  protected _runtime: IChartCharacterRuntime[] = [];\n\n  constructor(spec: ICharacterSpec, option: ICharacterInitOption) {\n    super(spec, option);\n    this._initSpecProcess();\n  }\n\n  protected _initRuntime(): void {}\n\n  clearConfig(opt: { clearCurrent: false | { [key: string]: any } }) {\n    // do nothing\n  }\n\n  protected abstract _initSpecProcess(): void;\n\n  onSpecReady = () => {\n    console.log('onSpecReady !');\n    this._runtime.forEach(r => r.onSpecReady?.());\n    this._specProcess.dataTempTransform.specTemp?.standardizedSpec(this._specProcess.getVisSpec(), { character: this });\n    this._updateVisactorSpec();\n    this._afterRender();\n  };\n\n  protected abstract _afterRender(): void;\n\n  protected abstract _updateVisactorSpec(): void;\n\n  show(): void {\n    this._graphic.setAttribute('visibleAll', true);\n  }\n  hide(): void {\n    this._graphic.setAttribute('visibleAll', false);\n  }\n\n  getGraphicParent() {\n    return this._graphic;\n  }\n\n  tickTo(t: number): void {\n    return;\n  }\n\n  release() {\n    this._specProcess.release();\n    this._graphic?.parent?.removeChild(this._graphic);\n    this._specProcess = this._graphic = null;\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/visactor/character.ts"],"names":[],"mappings":";;;AAEA,uCAA6C;AAK7C,MAAsB,iBAAkB,SAAQ,oBAAa;IAE3D,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC;IAC7C,CAAC;IAED,IAAI,SAAS;;QACX,OAAO,MAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,0CAAE,YAAY,EAAE,CAAC;IACtE,CAAC;IAED,IAAI,QAAQ;;QACV,OAAO,MAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,0CAAE,IAAI,CAAC;IAC5D,CAAC;IAMD,YAAY,IAAoB,EAAE,MAA4B;QAC5D,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAHZ,aAAQ,GAA6B,EAAE,CAAC;QAelD,gBAAW,GAAG,GAAG,EAAE;;YACjB,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,WAAW,iDAAI,CAAA,EAAA,CAAC,CAAC;YAC9C,MAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,0CAAE,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACpH,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QAjBA,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAES,YAAY,KAAU,CAAC;IAEjC,WAAW,CAAC,GAAqD;IAEjE,CAAC;IAgBD,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC;IACD,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,CAAS;QACd,OAAO;IACT,CAAC;IAED,OAAO;;QACL,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;QAC5B,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,0CAAE,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC3C,CAAC;CACF;AAlED,8CAkEC","file":"character.js","sourcesContent":["/* eslint-disable no-console */\nimport { ICharacterSpec } from 'src/story/character/dsl-interface';\nimport { CharacterBase } from '../base/base';\nimport type { ISpecProcess, ICharacterVisactor, IVisactorGraphic } from './interface';\nimport { ICharacterInitOption } from '../runtime-interface';\nimport { IChartCharacterRuntime } from '../chart/runtime/interface';\n\nexport abstract class CharacterVisactor extends CharacterBase implements ICharacterVisactor {\n  protected declare _specProcess: ISpecProcess;\n  get specProcess() {\n    return this._specProcess;\n  }\n  get dataTempTransform() {\n    return this._specProcess.dataTempTransform;\n  }\n\n  get chartType() {\n    return this._specProcess.dataTempTransform.specTemp?.getChartType();\n  }\n\n  get tempType() {\n    return this._specProcess.dataTempTransform.specTemp?.type;\n  }\n\n  protected declare _graphic: IVisactorGraphic;\n\n  protected _runtime: IChartCharacterRuntime[] = [];\n\n  constructor(spec: ICharacterSpec, option: ICharacterInitOption) {\n    super(spec, option);\n    this._initSpecProcess();\n  }\n\n  protected _initRuntime(): void {}\n\n  clearConfig(opt: { clearCurrent: false | { [key: string]: any } }) {\n    // do nothing\n  }\n\n  protected abstract _initSpecProcess(): void;\n\n  onSpecReady = () => {\n    console.log('onSpecReady !');\n    this._runtime.forEach(r => r.onSpecReady?.());\n    this._specProcess.dataTempTransform.specTemp?.standardizedSpec(this._specProcess.getVisSpec(), { character: this });\n    this._updateVisactorSpec();\n    this._afterRender();\n  };\n\n  protected abstract _afterRender(): void;\n\n  protected abstract _updateVisactorSpec(): void;\n\n  show(): void {\n    this._graphic.setAttribute('visibleAll', true);\n  }\n  hide(): void {\n    this._graphic.setAttribute('visibleAll', false);\n  }\n\n  getGraphicParent() {\n    return this._graphic;\n  }\n\n  tickTo(t: number): void {\n    return;\n  }\n\n  release() {\n    this._specProcess.release();\n    this._graphic?.parent?.removeChild(this._graphic);\n    this._specProcess = this._graphic = null;\n  }\n}\n"]}

package/cjs/story/character-tree/character-tree.d.ts

@@ -0,0 +1,15 @@
+import type { ICharacter, ICharacterSpec } from '../character';
+import type { ICharacterTree, IStory } from '../interface';
+export declare class CharacterTree implements ICharacterTree {
+    protected _characters: {
+        [key: string]: ICharacter;
+    };
+    protected _story: IStory;
+    constructor(story: IStory);
+    getCharacters(): {
+        [key: string]: ICharacter;
+    };
+    getCharactersById(key: string): ICharacter;
+    addCharacter(spec: ICharacterSpec): ICharacter;
+    initCharacters(specs: ICharacterSpec[]): void;
+}

package/cjs/story/character-tree/character-tree.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CharacterTree = void 0;
+
+const factory_1 = require("../factory/factory");
+
+class CharacterTree {
+    constructor(story) {
+        this._characters = {}, this._story = story;
+    }
+    getCharacters() {
+        return this._characters;
+    }
+    getCharactersById(key) {
+        return this._characters[key] || null;
+    }
+    addCharacter(spec) {
+        const option = {
+            story: this._story,
+            canvas: this._story.canvas,
+            graphicParent: this._story.canvas.getStage().defaultLayer
+        };
+        return spec.id ? (this._characters[spec.id] || (this._characters[spec.id] = factory_1.StoryFactory.createCharacter(spec, option)), 
+        this._characters[spec.id]) : null;
+    }
+    initCharacters(specs) {
+        const option = {
+            story: this._story,
+            canvas: this._story.canvas,
+            graphicParent: this._story.canvas.getStage().defaultLayer
+        };
+        specs.forEach((spec => {
+            spec.id && (this._characters[spec.id] || (this._characters[spec.id] = factory_1.StoryFactory.createCharacter(spec, option)));
+        }));
+    }
+}
+
+exports.CharacterTree = CharacterTree;
+//# sourceMappingURL=character-tree.js.map

package/cjs/story/character-tree/character-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character-tree/character-tree.ts"],"names":[],"mappings":";;;AACA,gDAAkD;AAGlD,MAAa,aAAa;IAIxB,YAAY,KAAa;QAHf,gBAAW,GAAkC,EAAE,CAAC;QAIxD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,iBAAiB,CAAC,GAAW;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,IAAoB;QAC/B,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAC1B,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,YAAY;SAC1D,CAAC;QACF,IAAqB,IAAK,CAAC,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,EAAE;gBAChD,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,GAAG,sBAAY,CAAC,eAAe,CAAiB,IAAI,EAAE,MAAM,CAAC,CAAC;aAC1G;YACD,OAAO,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,CAAC;SACpD;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,cAAc,CAAC,KAAuB;QACpC,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAC1B,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,YAAY;SAC1D,CAAC;QAEF,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAqB,IAAK,CAAC,EAAE,EAAE;gBAC7B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,EAAE;oBAChD,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,GAAG,sBAAY,CAAC,eAAe,CAAiB,IAAI,EAAE,MAAM,CAAC,CAAC;iBAC1G;aAEF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AA/CD,sCA+CC","file":"character-tree.js","sourcesContent":["import type { ICharacter, ICharacterSpec } from '../character';\nimport { StoryFactory } from '../factory/factory';\nimport type { ICharacterTree, IStory } from '../interface';\n\nexport class CharacterTree implements ICharacterTree {\n  protected _characters: { [key: string]: ICharacter } = {};\n  protected _story: IStory;\n\n  constructor(story: IStory) {\n    this._story = story;\n  }\n\n  getCharacters(): { [key: string]: ICharacter } {\n    return this._characters;\n  }\n\n  getCharactersById(key: string) {\n    return this._characters[key] || null;\n  }\n\n  addCharacter(spec: ICharacterSpec) {\n    const option = {\n      story: this._story,\n      canvas: this._story.canvas,\n      graphicParent: this._story.canvas.getStage().defaultLayer\n    };\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    return null;\n  }\n\n  initCharacters(specs: ICharacterSpec[]): void {\n    const option = {\n      story: this._story,\n      canvas: this._story.canvas,\n      graphicParent: this._story.canvas.getStage().defaultLayer\n    };\n\n    specs.forEach(spec => {\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    });\n  }\n}\n"]}

package/cjs/story/index.js

@@ -19,34 +19,26 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerCharacter = void 0;
 
-const character_qipao_1 = require("./character/component/characters/character-qipao"), character_rect_1 = require("./character/component/characters/character-rect"), factory_1 = require("./factory/factory"), character_1 = require("./character/chart/character"), vrender_1 = require("@visactor/vrender"), vrender_2 = require("@visactor/vrender"), vchart_graphic_render_1 = require("./character/chart/graphic/vchart-graphic-render"), bar_1 = require("./character/chart/characters/bar"), line_1 = require("./character/chart/characters/line"), area_1 = require("./character/chart/characters/area"), pie_1 = require("./character/chart/characters/pie"), rose_1 = require("./character/chart/characters/rose"), radar_1 = require("./character/chart/characters/radar"), wordcloud_1 = require("./character/chart/characters/wordcloud"), treemap_1 = require("./character/chart/characters/treemap"), sunburst_1 = require("./character/chart/characters/sunburst"), scatter_1 = require("./character/chart/characters/scatter"), rangeColumn_1 = require("./character/chart/characters/rangeColumn"), character_text_1 = require("./character/component/characters/character-text"), character_richtext_1 = require("./character/component/characters/character-richtext"), vchart_graphic_picker_1 = require("./character/chart/graphic/vchart-graphic-picker"), constant_1 = require("../dsl/constant"), character_line_1 = require("./character/component/characters/character-line"), character_image_1 = require("./character/component/characters/character-image"), character_shape_1 = require("./character/component/characters/character-shape"), splitModule = new vrender_1.ContainerModule((bind => {
+const character_qipao_1 = require("./character/component/characters/character-qipao"), character_rect_1 = require("./character/component/characters/character-rect"), factory_1 = require("./factory/factory"), vrender_1 = require("@visactor/vrender"), vrender_2 = require("@visactor/vrender"), vchart_graphic_render_1 = require("./character/chart/graphic/vchart-graphic-render"), character_text_1 = require("./character/component/characters/character-text"), character_richtext_1 = require("./character/component/characters/character-richtext"), vchart_graphic_picker_1 = require("./character/chart/graphic/vchart-graphic-picker"), character_1 = require("../constants/character"), character_line_1 = require("./character/component/characters/character-line"), character_image_1 = require("./character/component/characters/character-image"), character_shape_1 = require("./character/component/characters/character-shape"), vchart_1 = require("./character/chart/characters/vchart"), component_group_graphic_render_1 = require("./character/component/character-group/component-group-graphic-render"), character_timeline_1 = require("./character/component/characters/character-timeline"), splitModule = new vrender_1.ContainerModule((bind => {
     bind(vchart_graphic_render_1.VChartRender).toSelf().inSingletonScope(), bind(vchart_graphic_render_1.ChartRender).toService(vchart_graphic_render_1.VChartRender), 
     bind(vrender_1.GraphicRender).toService(vchart_graphic_render_1.ChartRender), bind(vchart_graphic_picker_1.VChartPicker).to(vchart_graphic_picker_1.VChartPicker).inSingletonScope(), 
-    bind(vrender_2.CanvasPickerContribution).toService(vchart_graphic_picker_1.VChartPicker);
+    bind(vrender_2.CanvasPickerContribution).toService(vchart_graphic_picker_1.VChartPicker), 
+    bind(component_group_graphic_render_1.ComponentGroupRender).toSelf().inSingletonScope(), 
+    bind(vrender_1.GraphicRender).toService(component_group_graphic_render_1.ComponentGroupRender);
 }));
 
 let _register = !1;
 
 function registerCharacter() {
-    _register || (_register = !0, factory_1.StoryFactory.registerCharacter(bar_1.BarChartCharacter.type, bar_1.BarChartCharacter), 
-    factory_1.StoryFactory.registerCharacter(line_1.LineChartCharacter.type, character_1.CharacterChart), 
-    factory_1.StoryFactory.registerCharacter(character_1.CharacterChart.type, character_1.CharacterChart), 
-    factory_1.StoryFactory.registerCharacter(area_1.AreaChartCharacter.type, area_1.AreaChartCharacter), 
-    factory_1.StoryFactory.registerCharacter(pie_1.PieChartCharacter.type, pie_1.PieChartCharacter), 
-    factory_1.StoryFactory.registerCharacter(rose_1.RoseChartCharacter.type, rose_1.RoseChartCharacter), 
-    factory_1.StoryFactory.registerCharacter(radar_1.RadarChartCharacter.type, radar_1.RadarChartCharacter), 
-    factory_1.StoryFactory.registerCharacter(wordcloud_1.WordCloudCharacter.type, wordcloud_1.WordCloudCharacter), 
-    factory_1.StoryFactory.registerCharacter(treemap_1.TreeMapChartCharacter.type, treemap_1.TreeMapChartCharacter), 
-    factory_1.StoryFactory.registerCharacter(sunburst_1.SunburstChartCharacter.type, sunburst_1.SunburstChartCharacter), 
-    factory_1.StoryFactory.registerCharacter(scatter_1.ScatterChartCharacter.type, scatter_1.ScatterChartCharacter), 
-    factory_1.StoryFactory.registerCharacter(rangeColumn_1.RangeColumnChartCharacter.type, rangeColumn_1.RangeColumnChartCharacter), 
-    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.RECT, character_rect_1.CharacterComponentRect), 
-    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.TEXT, character_text_1.CharacterComponentText), 
-    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.RICH_TEXT, character_richtext_1.CharacterComponentRichText), 
-    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.QIPAO, character_qipao_1.CharacterComponentQipao), 
-    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.LINE, character_line_1.CharacterComponentLine), 
-    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.IMAGE, character_image_1.CharacterComponentImage), 
-    factory_1.StoryFactory.registerCharacter(constant_1.StoryGraphicType.SHAPE, character_shape_1.CharacterComponentShape), 
+    _register || (_register = !0, factory_1.StoryFactory.registerCharacter(vchart_1.VChartCharacter.type, vchart_1.VChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.RECT, character_rect_1.CharacterComponentRect), 
+    factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.TEXT, character_text_1.CharacterComponentText), 
+    factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.RICH_TEXT, character_richtext_1.CharacterComponentRichText), 
+    factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.QIPAO, character_qipao_1.CharacterComponentQipao), 
+    factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.LINE, character_line_1.CharacterComponentLine), 
+    factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.IMAGE, character_image_1.CharacterComponentImage), 
+    factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.SHAPE, character_shape_1.CharacterComponentShape), 
+    factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.TIMELINE, character_timeline_1.CharacterComponentTimeline), 
     vrender_1.container.load(splitModule));
 }
 

package/cjs/story/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sFAA2F;AAC3F,oFAAyF;AACzF,+CAAiD;AACjD,2DAA6D;AAC7D,+CAA8E;AAC9E,+CAA6D;AAC7D,2FAA4F;AAC5F,0DAAqE;AACrE,4DAAuE;AACvE,4DAAuE;AACvE,0DAAqE;AACrE,4DAAuE;AACvE,8DAAyE;AACzE,sEAA4E;AAC5E,kEAA6E;AAC7E,oEAA+E;AAC/E,kEAA6E;AAC7E,0EAAqF;AACrF,oFAAyF;AACzF,4FAAiG;AACjG,2FAA+E;AAC/E,8CAAmD;AACnD,oFAAyF;AACzF,sFAA2F;AAC3F,sFAA2F;AAE3F,MAAM,WAAW,GAAG,IAAI,yBAAe,CAAC,CAAC,IAAS,EAAE,EAAE;IAEpD,IAAI,CAAC,oCAAY,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC/C,IAAI,CAAC,mCAAW,CAAC,CAAC,SAAS,CAAC,oCAAY,CAAC,CAAC;IAC1C,IAAI,CAAC,uBAAa,CAAC,CAAC,SAAS,CAAC,mCAAW,CAAC,CAAC;IAC3C,IAAI,CAAC,oCAAY,CAAC,CAAC,EAAE,CAAC,oCAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACvD,IAAI,CAAC,kCAAwB,CAAC,CAAC,SAAS,CAAC,oCAAY,CAAC,CAAC;AACzD,CAAC,CAAC,CAAC;AAEH,IAAI,SAAS,GAAG,KAAK,CAAC;AACtB,SAAgB,iBAAiB;IAC/B,IAAI,SAAS,EAAE;QACb,OAAO;KACR;IACD,SAAS,GAAG,IAAI,CAAC;IACjB,sBAAY,CAAC,iBAAiB,CAAC,uBAAiB,CAAC,IAAI,EAAE,uBAAiB,CAAC,CAAC;IAC1E,sBAAY,CAAC,iBAAiB,CAAC,yBAAkB,CAAC,IAAI,EAAE,0BAAc,CAAC,CAAC;IACxE,sBAAY,CAAC,iBAAiB,CAAC,0BAAc,CAAC,IAAI,EAAE,0BAAc,CAAC,CAAC;IACpE,sBAAY,CAAC,iBAAiB,CAAC,yBAAkB,CAAC,IAAI,EAAE,yBAAkB,CAAC,CAAC;IAC5E,sBAAY,CAAC,iBAAiB,CAAC,uBAAiB,CAAC,IAAI,EAAE,uBAAiB,CAAC,CAAC;IAC1E,sBAAY,CAAC,iBAAiB,CAAC,yBAAkB,CAAC,IAAI,EAAE,yBAAkB,CAAC,CAAC;IAC5E,sBAAY,CAAC,iBAAiB,CAAC,2BAAmB,CAAC,IAAI,EAAE,2BAAmB,CAAC,CAAC;IAC9E,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,8BAAkB,CAAC,CAAC;IAC5E,sBAAY,CAAC,iBAAiB,CAAC,+BAAqB,CAAC,IAAI,EAAE,+BAAqB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,iCAAsB,CAAC,IAAI,EAAE,iCAAsB,CAAC,CAAC;IACpF,sBAAY,CAAC,iBAAiB,CAAC,+BAAqB,CAAC,IAAI,EAAE,+BAAqB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,uCAAyB,CAAC,IAAI,EAAE,uCAAyB,CAAC,CAAC;IAK1F,sBAAY,CAAC,iBAAiB,CAAC,2BAAgB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAC9E,sBAAY,CAAC,iBAAiB,CAAC,2BAAgB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAC9E,sBAAY,CAAC,iBAAiB,CAAC,2BAAgB,CAAC,SAAS,EAAE,+CAA0B,CAAC,CAAC;IACvF,sBAAY,CAAC,iBAAiB,CAAC,2BAAgB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAChF,sBAAY,CAAC,iBAAiB,CAAC,2BAAgB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAC9E,sBAAY,CAAC,iBAAiB,CAAC,2BAAgB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAChF,sBAAY,CAAC,iBAAiB,CAAC,2BAAgB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAEhF,mBAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC9B,CAAC;AA9BD,8CA8BC;AAED,iBAAiB,EAAE,CAAC;AAEpB,0CAAwB","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":";;;;;;;;;;;;;;;;;AAAA,sFAA2F;AAC3F,oFAAyF;AACzF,+CAAiD;AACjD,+CAA8E;AAC9E,+CAA6D;AAC7D,2FAA4F;AAC5F,oFAAyF;AACzF,4FAAiG;AACjG,2FAA+E;AAC/E,sDAA4D;AAC5D,oFAAyF;AACzF,sFAA2F;AAC3F,sFAA2F;AAC3F,gEAAsE;AACtE,yHAA4G;AAC5G,4FAAiG;AAEjG,MAAM,WAAW,GAAG,IAAI,yBAAe,CAAC,IAAI,CAAC,EAAE;IAE7C,IAAI,CAAC,oCAAY,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC/C,IAAI,CAAC,mCAAW,CAAC,CAAC,SAAS,CAAC,oCAAY,CAAC,CAAC;IAC1C,IAAI,CAAC,uBAAa,CAAC,CAAC,SAAS,CAAC,mCAAW,CAAC,CAAC;IAC3C,IAAI,CAAC,oCAAY,CAAC,CAAC,EAAE,CAAC,oCAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACvD,IAAI,CAAC,kCAAwB,CAAC,CAAC,SAAS,CAAC,oCAAY,CAAC,CAAC;IAGvD,IAAI,CAAC,qDAAoB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACvD,IAAI,CAAC,uBAAa,CAAC,CAAC,SAAS,CAAC,qDAAoB,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;AAEH,IAAI,SAAS,GAAG,KAAK,CAAC;AACtB,SAAgB,iBAAiB;IAC/B,IAAI,SAAS,EAAE;QACb,OAAO;KACR;IACD,SAAS,GAAG,IAAI,CAAC;IACjB,sBAAY,CAAC,iBAAiB,CAAC,wBAAe,CAAC,IAAI,EAAE,wBAAe,CAAC,CAAC;IAKtE,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAChF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAChF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,SAAS,EAAE,+CAA0B,CAAC,CAAC;IACzF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAChF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,QAAQ,EAAE,+CAA0B,CAAC,CAAC;IAExF,mBAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC9B,CAAC;AApBD,8CAoBC;AAED,iBAAiB,EAAE,CAAC;AAEpB,0CAAwB","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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/story/player/index.js

@@ -1,142 +1,3 @@
-"use strict";
 
-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());
-    }));
-};
 
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.Player = exports.Ticker = void 0;
-
-const vutils_1 = require("@visactor/vutils"), story_processor_1 = require("../../dsl/story-processor");
-
-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;
-    }
-}
-
-exports.Ticker = Ticker;
-
-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 story_processor_1.ActionProcessor(story_processor_1.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) {
-        (0, vutils_1.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() {}
-}
-
-exports.Player = Player;
 //# sourceMappingURL=index.js.map