@visactor/vstory 0.0.1-alpha.0

package/cjs/scene/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./scene"), exports);

package/cjs/scene/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scene/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB","file":"index.js","sourcesContent":["export * from './scene';\n"]}

package/cjs/scene/scene.d.ts

@@ -0,0 +1,21 @@
+import type { IContext } from 'src/interface/type';
+import { Template } from '../template/base-template';
+import type { IStage } from '@visactor/vrender';
+import { AbstractComponent } from '@visactor/vrender-components';
+import type { ITask } from '../task';
+export declare class Scene {
+    readonly id: number;
+    protected template: Template;
+    protected _stage: IStage;
+    protected _container: HTMLElement;
+    protected _canvas: HTMLCanvasElement;
+    protected _context: IContext;
+    private _taskManager;
+    constructor(options?: any);
+    protected _initStage(width: number, height: number): IStage;
+    add(entity: Template | AbstractComponent): this;
+    remove(entity: Template | AbstractComponent): this;
+    wait(duration: number): void;
+    play(animate: ITask): void;
+    release(): void;
+}

package/cjs/scene/scene.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Scene = void 0;
+
+const base_template_1 = require("../template/base-template"), vrender_1 = require("@visactor/vrender"), size_1 = require("../util/size"), common_1 = require("../util/common"), vrender_components_1 = require("@visactor/vrender-components"), task_1 = require("../task"), action_1 = require("./action");
+
+class Scene {
+    constructor(options = {}) {
+        this.id = (0, common_1.CreateUID)(), this._taskManager = new task_1.TaskManager;
+        const {dom: dom, width: width, height: height} = options;
+        if (document && (this._container = document.getElementById(dom)), !this._container) throw Error("Container Not Found");
+        const {width: _width, height: _height} = (0, size_1.calculateSize)(this._container, {
+            width: width,
+            height: height
+        }), canvas = document.createElement("canvas");
+        canvas.width = _width * window.devicePixelRatio, canvas.height = _height * window.devicePixelRatio, 
+        canvas.style.width = _width + "px", canvas.style.height = _height + "px", canvas.id = `_story_chart_${this.id}_canvas`, 
+        this._canvas = canvas, this._container.append(canvas);
+        const stage = this._initStage(_width, _height);
+        this._stage = stage, this._context = {
+            dom: this._container,
+            canvas: this._canvas,
+            width: _width,
+            height: _height,
+            stage: stage
+        }, this._taskManager.setContext(this._context);
+    }
+    _initStage(width, height) {
+        (0, vrender_1.preLoadAllModule)(), (0, vrender_1.loadBrowserEnv)(vrender_1.container);
+        const params = {
+            width: width,
+            height: height,
+            disableDirtyBounds: !0,
+            autoRender: !0,
+            canvas: this._canvas,
+            canvasControled: !0,
+            dpr: window.devicePixelRatio
+        };
+        return (0, vrender_1.createStage)(params);
+    }
+    add(entity) {
+        let task;
+        return entity instanceof base_template_1.Template ? (this.template = entity, task = new action_1.Action(entity, (entity => {
+            entity.render(this._context);
+        }))) : entity instanceof vrender_components_1.AbstractComponent && this._stage && (task = new action_1.Action(entity, (entity => {
+            this._stage.defaultLayer.add(entity);
+        }))), task && this._taskManager.next(task), this;
+    }
+    remove(entity) {
+        let task;
+        return entity instanceof base_template_1.Template ? (this.template = entity, task = new action_1.Action(entity, (entity => {
+            entity.release();
+        }))) : entity instanceof vrender_components_1.AbstractComponent && this._stage && (task = new action_1.Action(entity, (entity => {
+            this._stage.defaultLayer.removeChild(entity);
+        }))), task && this._taskManager.next(task), this;
+    }
+    wait(duration) {
+        if (duration > 0) {
+            const wait = new action_1.Wait(duration);
+            this._taskManager.next(wait);
+        }
+    }
+    play(animate) {
+        animate && this._taskManager.next(animate);
+    }
+    release() {}
+}
+
+exports.Scene = Scene;
+//# sourceMappingURL=scene.js.map

package/cjs/scene/scene.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scene/scene.ts"],"names":[],"mappings":"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","file":"scene.js","sourcesContent":["import type { IContext } from 'src/interface/type';\nimport { Template } from '../template/base-template';\nimport type { INode, IStage } from '@visactor/vrender';\nimport { container, createStage, preLoadAllModule, loadBrowserEnv } from '@visactor/vrender';\nimport { calculateSize } from '../util/size';\nimport { CreateUID } from '../util/common';\nimport { AbstractComponent } from '@visactor/vrender-components';\nimport type { ITask } from '../task';\nimport { TaskManager } from '../task';\nimport { Action, Wait } from './action';\n\nexport class Scene {\n  readonly id = CreateUID();\n\n  protected template: Template;\n\n  protected _stage: IStage;\n\n  protected _container: HTMLElement;\n\n  protected _canvas: HTMLCanvasElement;\n\n  protected _context: IContext;\n\n  private _taskManager = new TaskManager();\n\n  constructor(options: any = {}) {\n    const { dom, width, height } = options;\n    if (document) {\n      this._container = document.getElementById(dom) as HTMLCanvasElement;\n    }\n    if (!this._container) {\n      throw Error('Container Not Found');\n    }\n\n    const { width: _width, height: _height } = calculateSize(this._container, { width, height });\n\n    const canvas = document.createElement('canvas');\n    canvas.width = _width * window.devicePixelRatio;\n    canvas.height = _height * window.devicePixelRatio;\n    canvas.style.width = _width + 'px';\n    canvas.style.height = _height + 'px';\n\n    canvas.id = `_story_chart_${this.id}_canvas`;\n    this._canvas = canvas;\n    this._container.append(canvas);\n\n    const stage = this._initStage(_width, _height);\n    this._stage = stage;\n\n    this._context = {\n      dom: this._container,\n      canvas: this._canvas,\n      width: _width,\n      height: _height,\n      stage\n    };\n    this._taskManager.setContext(this._context);\n  }\n\n  protected _initStage(width: number, height: number) {\n    preLoadAllModule();\n    loadBrowserEnv(container);\n    const params = {\n      width: width,\n      height: height,\n      disableDirtyBounds: true,\n      autoRender: true,\n      canvas: this._canvas,\n      canvasControled: true,\n      dpr: window.devicePixelRatio\n    };\n    return createStage(params) as unknown as IStage;\n  }\n\n  add(entity: Template | AbstractComponent) {\n    let task: ITask;\n    if (entity instanceof Template) {\n      this.template = entity;\n      task = new Action(entity, (entity: any) => {\n        entity.render(this._context);\n      });\n    } else if (entity instanceof AbstractComponent && this._stage) {\n      task = new Action(entity, (entity: any) => {\n        this._stage.defaultLayer.add(entity as unknown as INode);\n      });\n    }\n\n    if (task) {\n      this._taskManager.next(task);\n    }\n\n    return this;\n  }\n\n  remove(entity: Template | AbstractComponent) {\n    let task: ITask;\n    if (entity instanceof Template) {\n      this.template = entity;\n      task = new Action(entity, (entity: any) => {\n        entity.release();\n      });\n    } else if (entity instanceof AbstractComponent && this._stage) {\n      task = new Action(entity, (entity: any) => {\n        this._stage.defaultLayer.removeChild(entity as unknown as INode);\n      });\n    }\n\n    if (task) {\n      this._taskManager.next(task);\n    }\n\n    return this;\n  }\n\n  wait(duration: number) {\n    if (duration > 0) {\n      const wait = new Wait(duration);\n      this._taskManager.next(wait);\n    }\n  }\n\n  play(animate: ITask) {\n    if (animate) {\n      this._taskManager.next(animate);\n    }\n  }\n\n  release() {\n    return;\n  }\n}\n"]}

package/cjs/story/act/act.d.ts

@@ -0,0 +1,2 @@
+export declare class Chapter {
+}

package/cjs/story/act/act.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Chapter = void 0;
+
+class Chapter {}
+
+exports.Chapter = Chapter;
+//# sourceMappingURL=act.js.map

package/cjs/story/act/act.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/act/act.ts"],"names":[],"mappings":";;;AAAA,MAAa,OAAO;CAEnB;AAFD,0BAEC","file":"act.js","sourcesContent":["export class Chapter {\n  // 也许并不需要\n}\n"]}

package/cjs/story/canvas/canvas.d.ts

@@ -0,0 +1,20 @@
+import type { Story } from '../story';
+import type { IStage } from '@visactor/vrender';
+import type { StoryEvent } from '../interface/runtime-interface';
+import type { ICharacter } from '../character/runtime-interface';
+export declare class StoryCanvas {
+    protected _story: Story;
+    protected _canvas: HTMLCanvasElement;
+    protected _stage: IStage;
+    getStage(): IStage;
+    getCanvas(): HTMLCanvasElement;
+    protected _container: HTMLDivElement;
+    get container(): HTMLDivElement;
+    constructor(story: Story, container: HTMLDivElement);
+    protected _initCanvas(): void;
+    getEventDetail(event: StoryEvent): {
+        character: ICharacter;
+        characterInfo: undefined;
+    };
+    release(): void;
+}

package/cjs/story/canvas/canvas.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryCanvas = void 0;
+
+const vrender_1 = require("@visactor/vrender"), vrender_2 = require("@visactor/vrender");
+
+(0, vrender_1.preLoadAllModule)(), (0, vrender_2.loadBrowserEnv)(vrender_1.container), 
+vrender_1.vglobal.setEnv("browser");
+
+class StoryCanvas {
+    getStage() {
+        return this._stage;
+    }
+    getCanvas() {
+        return this._canvas;
+    }
+    get container() {
+        return this._container;
+    }
+    constructor(story, container) {
+        this._story = story, this._container = container, this._initCanvas();
+    }
+    _initCanvas() {
+        const canvas = document.createElement("canvas");
+        canvas.width = this._container.clientWidth * window.devicePixelRatio, canvas.height = this._container.clientHeight * window.devicePixelRatio, 
+        canvas.style.width = this._container.clientWidth + "px", canvas.style.height = this._container.clientHeight + "px", 
+        canvas.style.position = "absolute", canvas.id = `_visactor_story_canvas_${this._story.id}`, 
+        this._container.appendChild(canvas), this._canvas = canvas;
+        const stage = (0, vrender_1.createStage)({
+            canvas: this._canvas,
+            width: this._canvas.clientWidth,
+            height: this._canvas.clientHeight,
+            canvasControled: !0,
+            autoRender: !1,
+            disableDirtyBounds: !0,
+            ticker: new vrender_1.ManualTicker([]),
+            dpr: window.devicePixelRatio,
+            event: {
+                clickInterval: 300
+            }
+        });
+        this._stage = stage, stage.on("*", ((e, type) => {
+            "click" === type && console.log("canvas", e);
+        }));
+    }
+    getEventDetail(event) {
+        const characterMap = this._story.getCharacters();
+        let characterInfo, character;
+        return Object.keys(this._story.getCharacters()).find((id => {
+            const characterTemp = characterMap[id], info = characterTemp.checkEvent(event);
+            return !!info && (characterInfo = info, character = characterTemp, !0);
+        })), {
+            character: character,
+            characterInfo: characterInfo
+        };
+    }
+    release() {
+        this._stage.release();
+    }
+}
+
+exports.StoryCanvas = StoryCanvas;
+//# sourceMappingURL=canvas.js.map

package/cjs/story/canvas/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/canvas/canvas.ts"],"names":[],"mappings":"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","file":"canvas.js","sourcesContent":["import type { Story } from '../story';\nimport type { IStage } from '@visactor/vrender';\nimport { createStage, vglobal, container, preLoadAllModule, ManualTicker } from '@visactor/vrender';\nimport { loadBrowserEnv } from '@visactor/vrender';\nimport type { StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacter } from '../character/runtime-interface';\n\npreLoadAllModule();\nloadBrowserEnv(container);\nvglobal.setEnv('browser');\n\nexport class StoryCanvas {\n  protected _story: Story;\n  protected _canvas: HTMLCanvasElement;\n  protected _stage: IStage;\n  getStage() {\n    return this._stage;\n  }\n\n  getCanvas() {\n    return this._canvas;\n  }\n\n  protected _container: HTMLDivElement;\n  get container() {\n    return this._container;\n  }\n\n  constructor(story: Story, container: HTMLDivElement) {\n    this._story = story;\n    this._container = container;\n    this._initCanvas();\n  }\n\n  protected _initCanvas() {\n    const canvas = document.createElement('canvas');\n    canvas.width = this._container.clientWidth * window.devicePixelRatio;\n    canvas.height = this._container.clientHeight * window.devicePixelRatio;\n    canvas.style.width = this._container.clientWidth + 'px';\n    canvas.style.height = this._container.clientHeight + 'px';\n    canvas.style.position = 'absolute';\n    canvas.id = `_visactor_story_canvas_${this._story.id}`;\n    this._container.appendChild(canvas);\n    this._canvas = canvas;\n    const stage = createStage({\n      canvas: this._canvas,\n      width: this._canvas.clientWidth,\n      height: this._canvas.clientHeight,\n      canvasControled: true,\n      autoRender: false,\n      disableDirtyBounds: true,\n      ticker: new ManualTicker([]),\n      dpr: window.devicePixelRatio,\n      event: {\n        clickInterval: 300\n      }\n    });\n    // @ts-ignore\n    this._stage = stage;\n    stage.on('*', (e, type) => {\n      // eslint-disable-next-line no-console\n      type === 'click' && console.log('canvas', e);\n    });\n  }\n\n  getEventDetail(event: StoryEvent) {\n    // 得到交互元素的详细信息\n    const characterMap = this._story.getCharacters();\n    let characterInfo;\n    let character: ICharacter;\n    Object.keys(this._story.getCharacters()).find(id => {\n      const characterTemp = characterMap[id];\n      const info = characterTemp.checkEvent(event);\n      if (info) {\n        characterInfo = info;\n        character = characterTemp;\n        return true;\n      }\n      return false;\n    });\n\n    return {\n      character,\n      characterInfo\n    };\n  }\n\n  release() {\n    this._stage.release();\n  }\n}\n"]}

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

@@ -0,0 +1,26 @@
+import type { ICharacterInitOption, ICharacterPickInfo } from '../runtime-interface';
+import type { ICharacter, ICharacterSpec } from '..';
+import type { IGroup } from '@visactor/vrender';
+import type { StoryEvent } from '../../interface';
+export declare abstract class CharacterBase implements ICharacter {
+    readonly id: string;
+    protected _spec: ICharacterSpec;
+    get spec(): ICharacterSpec;
+    protected _option: ICharacterInitOption;
+    get option(): ICharacterInitOption;
+    constructor(spec: ICharacterSpec, option: ICharacterInitOption);
+    updateSpec(spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>): void;
+    setAttributes(attr: Record<string, any>): void;
+    tickTo(t: number): void;
+    init(): void;
+    reset(): void;
+    protected abstract _initRuntime(): void;
+    protected abstract _parserSpec(): void;
+    protected abstract _initGraphics(): void;
+    abstract show(): void;
+    abstract hide(): void;
+    getPositionData(): void;
+    abstract getGraphicParent(): IGroup;
+    abstract clearCharacter(): void;
+    abstract checkEvent(event: StoryEvent): false | ICharacterPickInfo;
+}

package/cjs/story/character/base/base.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CharacterBase = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+class CharacterBase {
+    get spec() {
+        return this._spec;
+    }
+    get option() {
+        return this._option;
+    }
+    constructor(spec, option) {
+        this.id = spec.id, this._spec = spec, this._option = option;
+    }
+    updateSpec(spec) {
+        var _a;
+        spec.position && (this._spec.position = spec.position), (0, vutils_1.isValid)(spec.zIndex) && (this._spec.zIndex = spec.zIndex), 
+        spec.options && (this._spec.options = (0, vutils_1.merge)(null !== (_a = this._spec.options) && void 0 !== _a ? _a : {}, spec.options));
+    }
+    setAttributes(attr) {
+        throw new Error("请重载setAttributes函数");
+    }
+    tickTo(t) {
+        throw new Error("Method not implemented.");
+    }
+    init() {
+        this._initRuntime(), this._parserSpec(), this._initGraphics();
+    }
+    reset() {
+        this.clearCharacter(), this.init();
+    }
+    getPositionData() {}
+}
+
+exports.CharacterBase = CharacterBase;
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/base/base.ts"],"names":[],"mappings":";;;AAAA,6CAAkD;AAMlD,MAAsB,aAAa;IAGjC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAGD,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,IAAoB,EAAE,MAA4B;QAC5D,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IACD,UAAU,CAAC,IAAkD;;QAC3D,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;SACrC;QACD,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACxB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;SACjC;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAA,cAAK,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SACpE;IACH,CAAC;IAED,aAAa,CAAC,IAAyB;QACrC,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,CAAC,CAAS;QACd,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI;QACF,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IASD,eAAe;QACb,OAAO;IACT,CAAC;CAOF;AAhED,sCAgEC","file":"base.js","sourcesContent":["import { isValid, merge } from '@visactor/vutils';\nimport type { ICharacterInitOption, ICharacterPickInfo } from '../runtime-interface';\nimport type { ICharacter, ICharacterSpec } from '..';\nimport type { IGroup } from '@visactor/vrender';\nimport type { StoryEvent } from '../../interface';\n\nexport abstract class CharacterBase implements ICharacter {\n  readonly id: string;\n  protected _spec: ICharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n\n  protected _option: ICharacterInitOption;\n  get option() {\n    return this._option;\n  }\n\n  constructor(spec: ICharacterSpec, option: ICharacterInitOption) {\n    this.id = spec.id;\n    this._spec = spec;\n    this._option = option;\n  }\n  updateSpec(spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>): void {\n    if (spec.position) {\n      this._spec.position = spec.position;\n    }\n    if (isValid(spec.zIndex)) {\n      this._spec.zIndex = spec.zIndex;\n    }\n    if (spec.options) {\n      this._spec.options = merge(this._spec.options ?? {}, spec.options);\n    }\n  }\n\n  setAttributes(attr: Record<string, any>) {\n    throw new Error('请重载setAttributes函数');\n  }\n\n  tickTo(t: number): void {\n    throw new Error('Method not implemented.');\n  }\n\n  init() {\n    this._initRuntime();\n    this._parserSpec();\n    this._initGraphics();\n  }\n\n  reset() {\n    this.clearCharacter();\n    this.init();\n  }\n\n  protected abstract _initRuntime(): void;\n  protected abstract _parserSpec(): void;\n  protected abstract _initGraphics(): void;\n\n  abstract show(): void;\n  abstract hide(): void;\n\n  getPositionData() {\n    return;\n  }\n\n  abstract getGraphicParent(): IGroup;\n\n  abstract clearCharacter(): void;\n\n  abstract checkEvent(event: StoryEvent): false | ICharacterPickInfo;\n}\n"]}

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

@@ -0,0 +1,24 @@
+import type { IChartCharacterRuntimeConstructor } from './runtime/interface';
+import type { IChartCharacterSpec } from '../dsl-interface';
+import { CharacterVisactor } from '../visactor/character';
+import { SpecProcess } from './spec-process/spec-process';
+import type { ITicker } from '@visactor/vrender';
+import type { StoryEvent } from '../../interface/runtime-interface';
+import type { ICharacterPickInfo } from '../runtime-interface';
+export declare class CharacterChart extends CharacterVisactor {
+    static type: string;
+    static RunTime: IChartCharacterRuntimeConstructor[];
+    protected _specProcess: SpecProcess;
+    protected _ticker: ITicker;
+    protected _spec: IChartCharacterSpec;
+    get spec(): IChartCharacterSpec;
+    protected _initSpecProcess(): void;
+    protected _initRuntime(): void;
+    protected _parserSpec(): void;
+    protected _initGraphics(): void;
+    protected _afterRender(): void;
+    protected _updateVisactorSpec(): void;
+    clearCharacter(): void;
+    tickTo(t: number): void;
+    checkEvent(event: StoryEvent): false | ICharacterPickInfo;
+}

package/cjs/story/character/chart/character.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CharacterChart = void 0;
+
+const common_spec_1 = require("./runtime/common-spec"), component_spec_1 = require("./runtime/component-spec"), vutils_1 = require("@visactor/vutils"), vchart_1 = require("@visactor/vchart"), vchart_graphic_1 = require("./graphic/vchart-graphic"), layout_1 = require("../../utils/layout"), character_1 = require("../visactor/character"), spec_process_1 = require("./spec-process/spec-process"), data_temp_transform_1 = require("./spec-process/data-temp-transform"), series_spec_1 = require("./runtime/series-spec"), tempSpec = {
+    type: "bar",
+    data: [ {
+        id: "barData",
+        values: [ {
+            month: "Monday",
+            sales: 22
+        }, {
+            month: "Tuesday",
+            sales: 13
+        }, {
+            month: "Wednesday",
+            sales: 25
+        }, {
+            month: "Thursday",
+            sales: 29
+        }, {
+            month: "Friday",
+            sales: 38
+        } ]
+    } ],
+    xField: "month",
+    yField: "sales",
+    axes: [ {
+        orient: "bottom",
+        label: {
+            visible: !1
+        }
+    } ]
+};
+
+class CharacterChart extends character_1.CharacterVisactor {
+    get spec() {
+        return this._spec;
+    }
+    _initSpecProcess() {
+        this._specProcess = new spec_process_1.SpecProcess(this, data_temp_transform_1.ChartDataTempTransform, this.onSpecReady);
+    }
+    _initRuntime() {
+        CharacterChart.RunTime.forEach((R => {
+            this._runtime.push(new R(this));
+        }));
+    }
+    _parserSpec() {
+        this._specProcess.updateConfig(this._spec);
+    }
+    _initGraphics() {
+        var _a, _b;
+        const layout = (0, layout_1.getLayoutFromWidget)(this._spec.position), viewBox = {
+            x1: layout.x,
+            x2: layout.x + layout.width,
+            y1: layout.y,
+            y2: layout.y + layout.height
+        }, spec = (0, vutils_1.cloneDeep)(null !== (_a = this._specProcess.getVisSpec()) && void 0 !== _a ? _a : this._spec.options.spec);
+        spec.width = layout.width, spec.height = layout.height, this._graphic = new vchart_graphic_1.Chart(Object.assign(Object.assign({
+            renderCanvas: this._option.canvas.getCanvas(),
+            spec: spec,
+            ClassType: vchart_1.VChart,
+            vchart: null,
+            zIndex: this._spec.zIndex,
+            mode: "desktop-browser",
+            dpr: window.devicePixelRatio,
+            interactive: !1,
+            autoRender: !1,
+            disableDirtyBounds: !0,
+            viewBox: viewBox,
+            ticker: this._option.canvas.getStage().ticker,
+            visibleAll: !1
+        }, null !== (_b = this._spec.options.panel) && void 0 !== _b ? _b : {}), {
+            chartInitOptions: {
+                animation: !0,
+                disableTriggerEvent: !0,
+                performanceHook: {
+                    afterInitializeChart: () => {
+                        var _a, _b;
+                        null === (_b = null === (_a = this.specProcess.dataTempTransform) || void 0 === _a ? void 0 : _a.specTemp) || void 0 === _b || _b.afterInitializeChart({
+                            character: this
+                        }), this._runtime.forEach((r => {
+                            var _a;
+                            return null === (_a = r.afterInitializeChart) || void 0 === _a ? void 0 : _a.call(r);
+                        }));
+                    },
+                    afterVRenderDraw: () => {
+                        this._runtime.forEach((r => {
+                            var _a;
+                            return null === (_a = r.afterVRenderDraw) || void 0 === _a ? void 0 : _a.call(r);
+                        }));
+                    }
+                }
+            }
+        })), this.option.graphicParent.add(this._graphic);
+    }
+    _afterRender() {}
+    _updateVisactorSpec() {
+        var _a;
+        null === (_a = this._graphic) || void 0 === _a || _a.updateSpec(this._specProcess.getVisSpec());
+    }
+    clearCharacter() {
+        this._graphic.vProduct.release(), this._graphic.parent.removeChild(this._graphic);
+    }
+    tickTo(t) {
+        this._ticker.tickAt(t);
+    }
+    checkEvent(event) {
+        return !1;
+    }
+}
+
+exports.CharacterChart = CharacterChart, CharacterChart.type = "CharacterChart", 
+CharacterChart.RunTime = [ component_spec_1.ComponentSpecRuntime, common_spec_1.CommonSpecRuntime, series_spec_1.SeriesSpecRuntime ];
+//# sourceMappingURL=character.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/chart/character.ts"],"names":[],"mappings":"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","file":"character.js","sourcesContent":["import { CommonSpecRuntime } from './runtime/common-spec';\nimport { ComponentSpecRuntime } from './runtime/component-spec';\nimport type { IChartCharacterRuntimeConstructor } from './runtime/interface';\nimport { cloneDeep } from '@visactor/vutils';\nimport { VChart } from '@visactor/vchart';\nimport type { IChartCharacterSpec } from '../dsl-interface';\nimport { Chart } from './graphic/vchart-graphic';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport { CharacterVisactor } from '../visactor/character';\nimport { SpecProcess } from './spec-process/spec-process';\nimport { ChartDataTempTransform } from './spec-process/data-temp-transform';\nimport type { ITicker } from '@visactor/vrender';\nimport type { IChartTemp } from './temp/interface';\nimport { SeriesSpecRuntime } from './runtime/series-spec';\nimport type { StoryEvent } from '../../interface/runtime-interface';\nimport type { ICharacterPickInfo } from '../runtime-interface';\n\nconst tempSpec = {\n  type: 'bar',\n  data: [\n    {\n      id: 'barData',\n      values: [\n        { month: 'Monday', sales: 22 },\n        { month: 'Tuesday', sales: 13 },\n        { month: 'Wednesday', sales: 25 },\n        { month: 'Thursday', sales: 29 },\n        { month: 'Friday', sales: 38 }\n      ]\n    }\n  ],\n  xField: 'month',\n  yField: 'sales',\n  axes: [{ orient: 'bottom', label: { visible: false } }]\n};\n\nexport class CharacterChart extends CharacterVisactor {\n  static type = 'CharacterChart';\n  static RunTime: IChartCharacterRuntimeConstructor[] = [\n    ComponentSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    CommonSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    SeriesSpecRuntime as unknown as IChartCharacterRuntimeConstructor\n  ];\n\n  protected declare _specProcess: SpecProcess;\n  protected _ticker: ITicker;\n\n  protected declare _spec: IChartCharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n\n  protected _initSpecProcess(): void {\n    this._specProcess = new SpecProcess(this as any, ChartDataTempTransform, this.onSpecReady);\n  }\n\n  protected _initRuntime(): void {\n    CharacterChart.RunTime.forEach(R => {\n      this._runtime.push(new R(this));\n    });\n  }\n\n  protected _parserSpec(): void {\n    this._specProcess.updateConfig(this._spec);\n  }\n  protected _initGraphics(): void {\n    // this._ticker = new ManualTicker([]);\n    const layout = getLayoutFromWidget(this._spec.position);\n    const viewBox = {\n      x1: layout.x,\n      x2: layout.x + layout.width,\n      y1: layout.y,\n      y2: layout.y + layout.height\n    };\n    const spec = cloneDeep(this._specProcess.getVisSpec() ?? this._spec.options.spec);\n    spec.width = layout.width;\n    spec.height = layout.height;\n    // @ts-ignore\n    this._graphic = new Chart({\n      renderCanvas: this._option.canvas.getCanvas(),\n      spec: spec,\n      ClassType: VChart,\n      vchart: null,\n      zIndex: this._spec.zIndex,\n      mode: 'desktop-browser',\n      dpr: window.devicePixelRatio,\n      interactive: false,\n      autoRender: false,\n      disableDirtyBounds: true,\n      viewBox,\n      ticker: this._option.canvas.getStage().ticker,\n      visibleAll: false,\n      ...(this._spec.options.panel ?? {}),\n      chartInitOptions: {\n        animation: true,\n        disableTriggerEvent: true,\n        performanceHook: {\n          afterInitializeChart: () => {\n            (<IChartTemp>this.specProcess.dataTempTransform?.specTemp)?.afterInitializeChart({ character: this });\n            this._runtime.forEach(r => r.afterInitializeChart?.());\n          },\n          afterVRenderDraw: () => {\n            this._runtime.forEach(r => r.afterVRenderDraw?.());\n          }\n        }\n      }\n    });\n    this.option.graphicParent.add(this._graphic as any);\n  }\n\n  protected _afterRender(): void {\n    // console.log('afterRender');\n    return;\n  }\n  protected _updateVisactorSpec(): void {\n    // console.log('_updateVisactorSpec', this._specProcess.getVisSpec());\n    this._graphic?.updateSpec(this._specProcess.getVisSpec());\n  }\n\n  clearCharacter(): void {\n    this._graphic.vProduct.release();\n    this._graphic.parent.removeChild(this._graphic);\n  }\n\n  tickTo(t: number): void {\n    this._ticker.tickAt(t);\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    return false;\n  }\n}\n"]}

package/cjs/story/character/chart/characters/area.d.ts

@@ -0,0 +1,4 @@
+import { CharacterChart } from '../character';
+export declare class AreaChartCharacter extends CharacterChart {
+    static type: string;
+}

package/cjs/story/character/chart/characters/area.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AreaChartCharacter = void 0;
+
+const factory_1 = require("../../../factory/factory"), character_1 = require("../character"), area_1 = require("../temp/templates/area");
+
+factory_1.StoryFactory.registerChartTemp(area_1.AreaTemp.type, area_1.AreaTemp);
+
+class AreaChartCharacter extends character_1.CharacterChart {}
+
+exports.AreaChartCharacter = AreaChartCharacter, AreaChartCharacter.type = "AreaChart";
+//# sourceMappingURL=area.js.map

package/cjs/story/character/chart/characters/area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/chart/characters/area.ts"],"names":[],"mappings":";;;AAAA,sDAAwD;AACxD,4CAA8C;AAC9C,iDAAkD;AAElD,sBAAY,CAAC,iBAAiB,CAAC,eAAQ,CAAC,IAAI,EAAE,eAAQ,CAAC,CAAC;AAExD,MAAa,kBAAmB,SAAQ,0BAAc;;AAAtD,gDAEC;AADQ,uBAAI,GAAG,WAAW,CAAC","file":"area.js","sourcesContent":["import { StoryFactory } from '../../../factory/factory';\nimport { CharacterChart } from '../character';\nimport { AreaTemp } from '../temp/templates/area';\n\nStoryFactory.registerChartTemp(AreaTemp.type, AreaTemp);\n\nexport class AreaChartCharacter extends CharacterChart {\n  static type = 'AreaChart';\n}\n"]}

package/cjs/story/character/chart/characters/bar.d.ts

@@ -0,0 +1,4 @@
+import { CharacterChart } from '../character';
+export declare class BarChartCharacter extends CharacterChart {
+    static type: string;
+}

package/cjs/story/character/chart/characters/bar.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BarChartCharacter = void 0;
+
+const factory_1 = require("../../../factory/factory"), character_1 = require("../character"), bar_1 = require("../temp/templates/bar");
+
+factory_1.StoryFactory.registerChartTemp(bar_1.BarTemp.type, bar_1.BarTemp);
+
+class BarChartCharacter extends character_1.CharacterChart {}
+
+exports.BarChartCharacter = BarChartCharacter, BarChartCharacter.type = "BarChart";
+//# sourceMappingURL=bar.js.map

package/cjs/story/character/chart/characters/bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/chart/characters/bar.ts"],"names":[],"mappings":";;;AAAA,sDAAwD;AACxD,4CAA8C;AAC9C,+CAAgD;AAEhD,sBAAY,CAAC,iBAAiB,CAAC,aAAO,CAAC,IAAI,EAAE,aAAO,CAAC,CAAC;AAEtD,MAAa,iBAAkB,SAAQ,0BAAc;;AAArD,8CAEC;AADQ,sBAAI,GAAG,UAAU,CAAC","file":"bar.js","sourcesContent":["import { StoryFactory } from '../../../factory/factory';\nimport { CharacterChart } from '../character';\nimport { BarTemp } from '../temp/templates/bar';\n\nStoryFactory.registerChartTemp(BarTemp.type, BarTemp);\n\nexport class BarChartCharacter extends CharacterChart {\n  static type = 'BarChart';\n}\n"]}

package/cjs/story/character/chart/characters/line.d.ts

@@ -0,0 +1,4 @@
+import { CharacterChart } from '../character';
+export declare class LineChartCharacter extends CharacterChart {
+    static type: string;
+}

package/cjs/story/character/chart/characters/line.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LineChartCharacter = void 0;
+
+const factory_1 = require("../../../factory/factory"), character_1 = require("../character"), line_1 = require("../temp/templates/line");
+
+factory_1.StoryFactory.registerChartTemp(line_1.LineTemp.type, line_1.LineTemp);
+
+class LineChartCharacter extends character_1.CharacterChart {}
+
+exports.LineChartCharacter = LineChartCharacter, LineChartCharacter.type = "LineChart";
+//# sourceMappingURL=line.js.map

package/cjs/story/character/chart/characters/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/chart/characters/line.ts"],"names":[],"mappings":";;;AAAA,sDAAwD;AACxD,4CAA8C;AAC9C,iDAAkD;AAElD,sBAAY,CAAC,iBAAiB,CAAC,eAAQ,CAAC,IAAI,EAAE,eAAQ,CAAC,CAAC;AAExD,MAAa,kBAAmB,SAAQ,0BAAc;;AAAtD,gDAEC;AADQ,uBAAI,GAAG,WAAW,CAAC","file":"line.js","sourcesContent":["import { StoryFactory } from '../../../factory/factory';\nimport { CharacterChart } from '../character';\nimport { LineTemp } from '../temp/templates/line';\n\nStoryFactory.registerChartTemp(LineTemp.type, LineTemp);\n\nexport class LineChartCharacter extends CharacterChart {\n  static type = 'LineChart';\n}\n"]}

package/cjs/story/character/chart/characters/pie.d.ts

@@ -0,0 +1,4 @@
+import { CharacterChart } from '../character';
+export declare class PieChartCharacter extends CharacterChart {
+    static type: string;
+}

package/cjs/story/character/chart/characters/pie.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PieChartCharacter = void 0;
+
+const factory_1 = require("../../../factory/factory"), character_1 = require("../character"), pie_1 = require("../temp/templates/pie");
+
+factory_1.StoryFactory.registerChartTemp(pie_1.PieTemp.type, pie_1.PieTemp);
+
+class PieChartCharacter extends character_1.CharacterChart {}
+
+exports.PieChartCharacter = PieChartCharacter, PieChartCharacter.type = "PieChart";
+//# sourceMappingURL=pie.js.map

package/cjs/story/character/chart/characters/pie.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/chart/characters/pie.ts"],"names":[],"mappings":";;;AAAA,sDAAwD;AACxD,4CAA8C;AAC9C,+CAAgD;AAEhD,sBAAY,CAAC,iBAAiB,CAAC,aAAO,CAAC,IAAI,EAAE,aAAO,CAAC,CAAC;AAEtD,MAAa,iBAAkB,SAAQ,0BAAc;;AAArD,8CAEC;AADQ,sBAAI,GAAG,UAAU,CAAC","file":"pie.js","sourcesContent":["import { StoryFactory } from '../../../factory/factory';\nimport { CharacterChart } from '../character';\nimport { PieTemp } from '../temp/templates/pie';\n\nStoryFactory.registerChartTemp(PieTemp.type, PieTemp);\n\nexport class PieChartCharacter extends CharacterChart {\n  static type = 'PieChart';\n}\n"]}

package/cjs/story/character/chart/characters/radar.d.ts

@@ -0,0 +1,4 @@
+import { CharacterChart } from '../character';
+export declare class RadarChartCharacter extends CharacterChart {
+    static type: string;
+}

package/cjs/story/character/chart/characters/radar.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RadarChartCharacter = void 0;
+
+const factory_1 = require("../../../factory/factory"), character_1 = require("../character"), radar_1 = require("../temp/templates/radar");
+
+factory_1.StoryFactory.registerChartTemp(radar_1.RadarTemp.type, radar_1.RadarTemp);
+
+class RadarChartCharacter extends character_1.CharacterChart {}
+
+exports.RadarChartCharacter = RadarChartCharacter, RadarChartCharacter.type = "RadarChart";
+//# sourceMappingURL=radar.js.map

package/cjs/story/character/chart/characters/radar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/chart/characters/radar.ts"],"names":[],"mappings":";;;AAAA,sDAAwD;AACxD,4CAA8C;AAC9C,mDAAoD;AAEpD,sBAAY,CAAC,iBAAiB,CAAC,iBAAS,CAAC,IAAI,EAAE,iBAAS,CAAC,CAAC;AAE1D,MAAa,mBAAoB,SAAQ,0BAAc;;AAAvD,kDAEC;AADQ,wBAAI,GAAG,YAAY,CAAC","file":"radar.js","sourcesContent":["import { StoryFactory } from '../../../factory/factory';\nimport { CharacterChart } from '../character';\nimport { RadarTemp } from '../temp/templates/radar';\n\nStoryFactory.registerChartTemp(RadarTemp.type, RadarTemp);\n\nexport class RadarChartCharacter extends CharacterChart {\n  static type = 'RadarChart';\n}\n"]}

package/cjs/story/character/chart/characters/rangeColumn.d.ts

@@ -0,0 +1,4 @@
+import { CharacterChart } from '../character';
+export declare class RangeColumnChartCharacter extends CharacterChart {
+    static type: string;
+}