@visactor/vstory 0.0.4-alpha.2 → 0.0.5-alpha.0

package/es/scene/scene.js

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

package/es/story/canvas/canvas.d.ts

@@ -8,8 +8,10 @@ export declare class StoryCanvas implements IStoryCanvas {
     protected _stage: IStage;
     getStage(): IStage;
     getCanvas(): HTMLCanvasElement;
-    constructor(story: Story, canvas: HTMLCanvasElement, width: number, height: number);
-    protected _initCanvas(width: number, height: number): void;
+    protected _container: HTMLDivElement;
+    get container(): HTMLDivElement;
+    constructor(story: Story, container: HTMLDivElement);
+    protected _initCanvas(): void;
     getEventDetail(event: StoryEvent): {
         character: ICharacter;
         characterInfo: undefined;

package/es/story/canvas/canvas.js

@@ -1,4 +1,8 @@
-import { createStage, vglobal, ManualTicker } from "@visactor/vrender";
+import { createStage, vglobal, container, preLoadAllModule, ManualTicker } from "@visactor/vrender";
+
+import { loadBrowserEnv } from "@visactor/vrender";
+
+preLoadAllModule(), loadBrowserEnv(container), vglobal.setEnv("browser");
 
 export class StoryCanvas {
     getStage() {
@@ -7,30 +11,33 @@ export class StoryCanvas {
     getCanvas() {
         return this._canvas;
     }
-    constructor(story, canvas, width, height) {
-        this._story = story, this._canvas = canvas, this._initCanvas(width, height);
+    get container() {
+        return this._container;
+    }
+    constructor(story, container) {
+        this._story = story, this._container = container, this._initCanvas();
     }
-    _initCanvas(width, height) {
-        const canvas = this._canvas;
-        canvas.width = width * vglobal.devicePixelRatio, canvas.height = height * vglobal.devicePixelRatio, 
-        canvas.style && (canvas.style.width = width + "px", canvas.style.height = height + "px", 
-        canvas.style.position = "absolute");
+    _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 = createStage({
             canvas: this._canvas,
             width: this._canvas.clientWidth,
             height: this._canvas.clientHeight,
             canvasControled: !0,
-            autoRender: !1,
+            autoRender: !0,
             disableDirtyBounds: !0,
             ticker: new ManualTicker([]),
-            dpr: vglobal.devicePixelRatio,
+            pluginList: [ "RichTextEditPlugin" ],
+            dpr: window.devicePixelRatio,
             event: {
                 clickInterval: 300
             }
         });
-        this._stage = stage, stage.on("*", ((e, type) => {
-            "click" === type && console.log("canvas", e);
-        }));
+        this._stage = stage;
     }
     getEventDetail(event) {
         const characterMap = this._story.getCharacters();
@@ -47,4 +54,4 @@ export class StoryCanvas {
         this._stage.release();
     }
 }
-//# sourceMappingURL=canvas.js.map
+//# sourceMappingURL=canvas.js.map

package/es/story/canvas/canvas.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/canvas/canvas.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,OAAO,EAA+B,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQpG,MAAM,OAAO,WAAW;IAItB,QAAQ;QACN,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,KAAY,EAAE,MAAyB,EAAE,KAAa,EAAE,MAAc;QAChF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAClC,CAAC;IAES,WAAW,CAAC,KAAa,EAAE,MAAc;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,MAAM,CAAC,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC;QAChD,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC;QAClD,IAAI,MAAM,CAAC,KAAK,EAAE;YAChB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC;YAClC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;YACpC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;SACpC;QACD,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,MAAM,EAAE,IAAI,CAAC,OAAO;YACpB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW;YAC/B,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY;YACjC,eAAe,EAAE,IAAI;YACrB,UAAU,EAAE,KAAK;YACjB,kBAAkB,EAAE,IAAI;YACxB,MAAM,EAAE,IAAI,YAAY,CAAC,EAAE,CAAC;YAC5B,GAAG,EAAE,OAAO,CAAC,gBAAgB;YAC7B,KAAK,EAAE;gBACL,aAAa,EAAE,GAAG;aACnB;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;YAExB,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,KAAiB;QAE9B,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QACjD,IAAI,aAAa,CAAC;QAClB,IAAI,SAAqB,CAAC;QAC1B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;YACjD,MAAM,aAAa,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC;YACvC,MAAM,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,IAAI,EAAE;gBACR,aAAa,GAAG,IAAI,CAAC;gBACrB,SAAS,GAAG,aAAa,CAAC;gBAC1B,OAAO,IAAI,CAAC;aACb;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,SAAS;YACT,aAAa;SACd,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;CACF","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 { IStoryCanvas, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacter } from '../character/runtime-interface';\n\n// preLoadAllModule();\n// loadBrowserEnv(container);\n\nexport class StoryCanvas implements IStoryCanvas {\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  constructor(story: Story, canvas: HTMLCanvasElement, width: number, height: number) {\n    this._story = story;\n    this._canvas = canvas;\n    this._initCanvas(width, height);\n  }\n\n  protected _initCanvas(width: number, height: number) {\n    const canvas = this._canvas;\n    canvas.width = width * vglobal.devicePixelRatio;\n    canvas.height = height * vglobal.devicePixelRatio;\n    if (canvas.style) {\n      canvas.style.width = width + 'px';\n      canvas.style.height = height + 'px';\n      canvas.style.position = 'absolute';\n    }\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: vglobal.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"]}
+{"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 { IStoryCanvas, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacter } from '../character/runtime-interface';\n\npreLoadAllModule();\nloadBrowserEnv(container);\nvglobal.setEnv('browser');\n\nexport class StoryCanvas implements IStoryCanvas {\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      // 得开启自动渲染，否则编辑场景中无法触发视图更新\n      autoRender: true,\n      disableDirtyBounds: true,\n      ticker: new ManualTicker([]),\n      pluginList: ['RichTextEditPlugin'],\n      dpr: window.devicePixelRatio,\n      event: {\n        clickInterval: 300\n      }\n    });\n    // @ts-ignore\n    this._stage = stage;\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/es/story/character/base/base.d.ts

@@ -1,15 +1,16 @@
+import type { IBoundsLike } from '@visactor/vutils';
 import type { ICharacterInitOption, ICharacterPickInfo } from '../runtime-interface';
 import type { ICharacter, ICharacterSpec } from '..';
 import type { IGroup } from '@visactor/vrender';
 import type { StoryEvent } from '../../interface';
-import { Graphic } from '../component/graphic/graphic';
-import { IVisactorGraphic } from '../visactor/interface';
 export declare abstract class CharacterBase implements ICharacter {
     readonly id: string;
-    protected _graphic: Graphic | IVisactorGraphic;
-    get graphic(): IVisactorGraphic | Graphic;
+    readonly visActorType: string;
+    readonly type: string;
     protected _spec: ICharacterSpec;
     get spec(): ICharacterSpec;
+    protected _graphic: any;
+    get graphic(): any;
     protected _option: ICharacterInitOption;
     get option(): ICharacterInitOption;
     constructor(spec: ICharacterSpec, option: ICharacterInitOption);
@@ -25,6 +26,8 @@ export declare abstract class CharacterBase implements ICharacter {
     abstract hide(): void;
     getPositionData(): void;
     abstract getGraphicParent(): IGroup;
+    abstract getLayoutBounds(): IBoundsLike;
     abstract clearCharacter(): void;
     abstract checkEvent(event: StoryEvent): false | ICharacterPickInfo;
+    release(): void;
 }

package/es/story/character/base/base.js

@@ -1,17 +1,17 @@
 import { isValid, merge } from "@visactor/vutils";
 
 export class CharacterBase {
-    get graphic() {
-        return this._graphic;
-    }
     get spec() {
         return this._spec;
     }
+    get graphic() {
+        return this._graphic;
+    }
     get option() {
         return this._option;
     }
     constructor(spec, option) {
-        this.id = spec.id, this._spec = spec, this._option = option;
+        this.type = spec.type, this.id = spec.id, this._spec = spec, this._option = option;
     }
     updateSpec(spec) {
         var _a;
@@ -31,5 +31,8 @@ export class CharacterBase {
         this.clearCharacter(), this.init();
     }
     getPositionData() {}
+    release() {
+        this.graphic && this.graphic.release && this.graphic.release();
+    }
 }
 //# sourceMappingURL=base.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/base/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAQlD,MAAM,OAAgB,aAAa;IAGjC,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,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,OAAO,CAAC,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,KAAK,CAAC,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","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';\nimport { Graphic } from '../component/graphic/graphic';\nimport { IVisactorGraphic } from '../visactor/interface';\n\nexport abstract class CharacterBase implements ICharacter {\n  readonly id: string;\n  protected declare _graphic: Graphic | IVisactorGraphic;\n  get graphic() {\n    return this._graphic;\n  }\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"]}
+{"version":3,"sources":["../src/story/character/base/base.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAOlD,MAAM,OAAgB,aAAa;IAKjC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAGD,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,IAAoB,EAAE,MAA4B;QAC5D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACtB,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,OAAO,CAAC,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,KAAK,CAAC,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;IAQD,OAAO;QACL,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IACjE,CAAC;CACF","file":"base.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { 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';\nimport { IVisactorGraphic } from '../visactor/interface';\n\nexport abstract class CharacterBase implements ICharacter {\n  readonly id: string;\n  readonly visActorType: string;\n  readonly type: string;\n  protected _spec: ICharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n  protected declare _graphic: any;\n  get graphic() {\n    return this._graphic;\n  }\n\n  protected _option: ICharacterInitOption;\n  get option() {\n    return this._option;\n  }\n\n  constructor(spec: ICharacterSpec, option: ICharacterInitOption) {\n    this.type = spec.type;\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  abstract getLayoutBounds(): IBoundsLike;\n\n  abstract clearCharacter(): void;\n\n  abstract checkEvent(event: StoryEvent): false | ICharacterPickInfo;\n  release() {\n    this.graphic && this.graphic.release && this.graphic.release();\n  }\n}\n"]}

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

@@ -1,5 +1,6 @@
 import type { IChartCharacterRuntimeConstructor } from './runtime/interface';
 import type { IChartCharacterSpec } from '../dsl-interface';
+import { Chart } from './graphic/vchart-graphic';
 import { CharacterVisactor } from '../visactor/character';
 import { SpecProcess } from './spec-process/spec-process';
 import type { ITicker } from '@visactor/vrender';
@@ -8,17 +9,32 @@ import type { ICharacterPickInfo } from '../runtime-interface';
 export declare class CharacterChart extends CharacterVisactor {
     static type: string;
     static RunTime: IChartCharacterRuntimeConstructor[];
+    readonly visActorType = "chart";
     protected _specProcess: SpecProcess;
     protected _ticker: ITicker;
+    _graphic: Chart;
     protected _spec: IChartCharacterSpec;
     get spec(): IChartCharacterSpec;
     protected _initSpecProcess(): void;
     protected _initRuntime(): void;
     protected _parserSpec(): void;
     protected _initGraphics(): void;
+    setAttributes(attr: Record<string, any>): void;
+    getViewBoxFromSpec(): {
+        layout: Partial<import("../runtime-interface").ILayoutAttribute>;
+        viewBox: {
+            x1: number;
+            x2: number;
+            y1: number;
+            y2: number;
+        };
+    };
+    private _getChartOption;
     protected _afterRender(): void;
     protected _updateVisactorSpec(): void;
     clearCharacter(): void;
     tickTo(t: number): void;
     checkEvent(event: StoryEvent): false | ICharacterPickInfo;
+    release(): void;
+    private _reflow;
 }

package/es/story/character/chart/character.js

@@ -2,14 +2,12 @@ import { CommonSpecRuntime } from "./runtime/common-spec";
 
 import { ComponentSpecRuntime } from "./runtime/component-spec";
 
-import { cloneDeep } from "@visactor/vutils";
+import { cloneDeep, merge } from "@visactor/vutils";
 
-import { VChart, vglobal } from "@visactor/vchart";
+import { VChart } from "@visactor/vchart";
 
 import { Chart } from "./graphic/vchart-graphic";
 
-import { getLayoutFromWidget } from "../../utils/layout";
-
 import { CharacterVisactor } from "../visactor/character";
 
 import { SpecProcess } from "./spec-process/spec-process";
@@ -18,7 +16,14 @@ import { ChartDataTempTransform } from "./spec-process/data-temp-transform";
 
 import { SeriesSpecRuntime } from "./runtime/series-spec";
 
+import { getLayoutFromWidget } from "../../utils/layout";
+
+import { getChartModelWithEvent } from "../../utils/vchart-pick";
+
 export class CharacterChart extends CharacterVisactor {
+    constructor() {
+        super(...arguments), this.visActorType = "chart";
+    }
     get spec() {
         return this._spec;
     }
@@ -34,21 +39,16 @@ export class CharacterChart extends CharacterVisactor {
         this._specProcess.updateConfig(this._spec);
     }
     _initGraphics() {
-        var _a;
-        const layout = getLayoutFromWidget(this._spec.position), viewBox = {
-            x1: layout.x,
-            x2: layout.x + layout.width,
-            y1: layout.y,
-            y2: layout.y + layout.height
-        }, spec = cloneDeep(this._specProcess.getVisSpec());
-        spec.width = layout.width, spec.height = layout.height, this._graphic = new Chart(Object.assign(Object.assign({
+        var _a, _b;
+        const {spec: spec, viewBox: viewBox} = this._getChartOption();
+        this._graphic = new Chart(Object.assign(Object.assign({
             renderCanvas: this._option.canvas.getCanvas(),
             spec: spec,
             ClassType: VChart,
             vchart: null,
             zIndex: this._spec.zIndex,
-            mode: vglobal.env,
-            dpr: vglobal.devicePixelRatio,
+            mode: "desktop-browser",
+            dpr: window.devicePixelRatio,
             interactive: !1,
             autoRender: !1,
             disableDirtyBounds: !0,
@@ -56,7 +56,7 @@ export class CharacterChart extends CharacterVisactor {
             ticker: this._option.canvas.getStage().ticker,
             visibleAll: !1
         }, null !== (_a = this._spec.options.panel) && void 0 !== _a ? _a : {}), {
-            chartInitOptions: {
+            chartInitOptions: merge({
                 animation: !0,
                 disableTriggerEvent: !0,
                 performanceHook: {
@@ -76,9 +76,32 @@ export class CharacterChart extends CharacterVisactor {
                         }));
                     }
                 }
-            }
+            }, null !== (_b = this._spec.options.initOption) && void 0 !== _b ? _b : {})
         })), this.option.graphicParent.add(this._graphic);
     }
+    setAttributes(attr) {
+        attr.position && (this._spec.position = attr.position, this._graphic.updateViewBox(this.getViewBoxFromSpec().viewBox));
+    }
+    getViewBoxFromSpec() {
+        const layout = getLayoutFromWidget(this._spec.position);
+        return {
+            layout: layout,
+            viewBox: {
+                x1: layout.x,
+                x2: layout.x + layout.width,
+                y1: layout.y,
+                y2: layout.y + layout.height
+            }
+        };
+    }
+    _getChartOption() {
+        var _a;
+        const {layout: layout, viewBox: viewBox} = this.getViewBoxFromSpec(), spec = cloneDeep(null !== (_a = this._specProcess.getVisSpec()) && void 0 !== _a ? _a : this._spec.options.spec);
+        return spec.width = layout.width, spec.height = layout.height, {
+            viewBox: viewBox,
+            spec: spec
+        };
+    }
     _afterRender() {}
     _updateVisactorSpec() {
         var _a;
@@ -91,7 +114,30 @@ export class CharacterChart extends CharacterVisactor {
         this._ticker.tickAt(t);
     }
     checkEvent(event) {
-        return !1;
+        var _a;
+        if (!(null !== (_a = event.detailPath) && void 0 !== _a ? _a : event.path).some((g => g === this._graphic))) return !1;
+        const chartPath = event.detailPath[event.detailPath.length - 1], result = getChartModelWithEvent(this._graphic.vProduct, event);
+        if (!result) return !!this._graphic.pointInViewBox(event.canvasX, event.canvasY) && {
+            part: "null",
+            graphic: null,
+            modelInfo: null,
+            graphicType: "null"
+        };
+        const graphic = null == chartPath ? void 0 : chartPath[chartPath.length - 1];
+        return {
+            part: result.type,
+            modelInfo: result,
+            graphic: graphic,
+            graphicType: graphic.type
+        };
+    }
+    release() {
+        this.option.graphicParent.removeChild(this._graphic), this._graphic.release && this._graphic.release();
+    }
+    _reflow() {
+        if (!this._graphic) return void this._initGraphics();
+        const {spec: spec} = this._getChartOption();
+        this._graphic.updateSpec(spec);
     }
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/character.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAG5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,MAAM,OAAO,cAAe,SAAQ,iBAAiB;IAYnD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAES,gBAAgB;QACxB,IAAI,CAAC,YAAY,GAAG,IAAI,WAAW,CAAC,IAAW,EAAE,sBAAsB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7F,CAAC;IAES,YAAY;QACpB,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACjC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IACS,aAAa;;QAErB,MAAM,MAAM,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG;YACd,EAAE,EAAE,MAAM,CAAC,CAAC;YACZ,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK;YAC3B,EAAE,EAAE,MAAM,CAAC,CAAC;YACZ,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM;SAC7B,CAAC;QACF,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAE5B,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,+BACvB,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,EAC7C,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,IAAI,EAAE,OAAO,CAAC,GAAG,EACjB,GAAG,EAAE,OAAO,CAAC,gBAAgB,EAC7B,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,kBAAkB,EAAE,IAAI,EACxB,OAAO,EACP,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,EAC7C,UAAU,EAAE,KAAK,IACd,CAAC,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,mCAAI,EAAE,CAAC,KACnC,gBAAgB,EAAE;gBAChB,SAAS,EAAE,IAAI;gBACf,mBAAmB,EAAE,IAAI;gBACzB,eAAe,EAAE;oBACf,oBAAoB,EAAE,GAAG,EAAE;;wBACzB,MAAa,MAAA,IAAI,CAAC,WAAW,CAAC,iBAAiB,0CAAE,QAAS,0CAAE,oBAAoB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;wBACtG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,oBAAoB,iDAAI,CAAA,EAAA,CAAC,CAAC;oBACzD,CAAC;oBACD,gBAAgB,EAAE,GAAG,EAAE;wBACrB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,gBAAgB,iDAAI,CAAA,EAAA,CAAC,CAAC;oBACrD,CAAC;iBACF;aACF,IACD,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,QAAe,CAAC,CAAC;IACtD,CAAC;IAES,YAAY;QAEpB,OAAO;IACT,CAAC;IACS,mBAAmB;;QAE3B,MAAA,IAAI,CAAC,QAAQ,0CAAE,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACjC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,CAAC,CAAS;QACd,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED,UAAU,CAAC,KAAiB;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;;AA7FM,mBAAI,GAAG,gBAAgB,CAAC;AACxB,sBAAO,GAAwC;IACpD,oBAAoE;IACpE,iBAAiE;IACjE,iBAAiE;CAClE,CAAC","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, vglobal } 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\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());\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: vglobal.env,\n      dpr: vglobal.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"]}
+{"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, merge } from '@visactor/vutils';\nimport { VChart } from '@visactor/vchart';\nimport type { IChartCharacterSpec } from '../dsl-interface';\nimport { Chart } from './graphic/vchart-graphic';\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';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport { getChartModelWithEvent } from '../../utils/vchart-pick';\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  readonly visActorType = 'chart';\n\n  protected declare _specProcess: SpecProcess;\n  protected _ticker: ITicker;\n\n  declare _graphic: Chart;\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    const { spec, viewBox } = this._getChartOption();\n    // @ts-ignore\n    this._graphic = new Chart({\n      renderCanvas: this._option.canvas.getCanvas(),\n      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: merge(\n        {\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        this._spec.options.initOption ?? {}\n      )\n    });\n    this.option.graphicParent.add(this._graphic as any);\n  }\n\n  setAttributes(attr: Record<string, any>): void {\n    // character 的属性\n    if (attr.position) {\n      this._spec.position = attr.position;\n      // 位置属性\n      this._graphic.updateViewBox(this.getViewBoxFromSpec().viewBox);\n    }\n  }\n  getViewBoxFromSpec() {\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    return { layout, viewBox };\n  }\n\n  private _getChartOption() {\n    const { layout, viewBox } = this.getViewBoxFromSpec();\n    const spec = cloneDeep(this._specProcess.getVisSpec() ?? this._spec.options.spec);\n    spec.width = layout.width;\n    spec.height = layout.height;\n    return {\n      viewBox,\n      spec\n    };\n  }\n\n  protected _afterRender(): void {\n    // console.log('afterRender');\n    return;\n  }\n  protected _updateVisactorSpec(): void {\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    if (!(event.detailPath ?? event.path).some(g => g === this._graphic)) {\n      return false;\n    }\n    const chartPath = event.detailPath[event.detailPath.length - 1];\n    const result = getChartModelWithEvent(this._graphic.vProduct, event);\n    if (!result) {\n      // 点击到图表的空白区域\n      if (this._graphic.pointInViewBox((event as any).canvasX, (event as any).canvasY)) {\n        return {\n          part: 'null',\n          graphic: null,\n          modelInfo: null,\n          graphicType: 'null'\n        };\n      }\n      return false;\n    }\n    const graphic = chartPath?.[chartPath.length - 1];\n    return {\n      part: result.type,\n      modelInfo: result,\n      graphic,\n      graphicType: graphic.type\n    };\n  }\n\n  release(): void {\n    this.option.graphicParent.removeChild(this._graphic as any);\n    this._graphic.release && this._graphic.release();\n  }\n\n  private _reflow() {\n    if (!this._graphic) {\n      this._initGraphics();\n      return;\n    }\n    const { spec } = this._getChartOption();\n    this._graphic.updateSpec(spec);\n  }\n}\n"]}

package/es/story/character/chart/characters/rankingBar.d.ts

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

package/es/story/character/chart/characters/rankingBar.js

@@ -0,0 +1,14 @@
+import { registerRankingBarChart } from "@visactor/vchart-extension";
+
+import { StoryFactory } from "../../../factory/factory";
+
+import { CharacterChart } from "../character";
+
+import { RankingBarTemp } from "../temp/templates/ranking-bar-temp";
+
+StoryFactory.registerChartTemp(RankingBarTemp.type, RankingBarTemp), registerRankingBarChart();
+
+export class RankingBarCharacter extends CharacterChart {}
+
+RankingBarCharacter.type = "RankingBar";
+//# sourceMappingURL=rankingBar.js.map

package/es/story/character/chart/characters/rankingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/chart/characters/rankingBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,YAAY,CAAC,iBAAiB,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;AAEpE,uBAAuB,EAAE,CAAC;AAE1B,MAAM,OAAO,mBAAoB,SAAQ,cAAc;;AAC9C,wBAAI,GAAG,YAAY,CAAC","file":"rankingBar.js","sourcesContent":["import { registerRankingBarChart } from '@visactor/vchart-extension';\nimport { StoryFactory } from '../../../factory/factory';\nimport { CharacterChart } from '../character';\nimport { RankingBarTemp } from '../temp/templates/ranking-bar-temp';\nimport { VChartTemp } from '../temp/templates/vchart-temp';\n\n// StoryFactory.registerChartTemp(RankingBarTemp.type, VChartTemp);\nStoryFactory.registerChartTemp(RankingBarTemp.type, RankingBarTemp);\n\nregisterRankingBarChart();\n\nexport class RankingBarCharacter extends CharacterChart {\n  static type = 'RankingBar';\n}\n"]}

package/es/story/character/chart/graphic/vchart-graphic-picker.js

@@ -14,18 +14,16 @@ let VChartPicker = class {
     }
     contains(chart, point, params) {
         var _a;
-        const chartStage = chart.vchart.getStage();
-        chartStage._editor_needRender = !0;
-        const matrix = chart.globalTransMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform();
-        matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
-        chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
-        null === (_a = chartStage.dirtyBounds) || void 0 === _a || _a.clear();
+        const matrix = chart.transMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform();
+        matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);
         const nextP = {
             x: 0,
             y: 0
         };
-        matrix.transformPoint(point, nextP);
-        return chartStage.pick(nextP.x, nextP.y);
+        matrix.getInverse().transformPoint(point, nextP);
+        const vchartStage = chart.vchart.getStage();
+        null === (_a = vchartStage.dirtyBounds) || void 0 === _a || _a.clear();
+        return vchartStage.pick(nextP.x, nextP.y);
     }
 };
 

package/es/story/character/chart/graphic/vchart-graphic-picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-picker.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAU,UAAU,EAA+D,MAAM,mBAAmB,CAAC;AAYpH,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG9C,IAAM,YAAY,GAAlB,MAAM,YAAY;IAAlB;QACL,SAAI,GAAG,OAAO,CAAC;QACf,eAAU,GAAW,iBAAiB,CAAC;IAkBzC,CAAC;IAhBC,QAAQ,CAAC,KAAU,EAAE,KAAU,EAAE,MAAoB;;QACnD,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QAErC,UAAU,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACrC,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;QAC1G,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QAClG,MAAA,UAAU,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QAChC,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAC7B,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACpC,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QAElD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF,CAAA;AApBY,YAAY;IADxB,UAAU,EAAE;GACA,YAAY,CAoBxB;SApBY,YAAY","file":"vchart-graphic-picker.js","sourcesContent":["import type { IPoint } from '@visactor/vutils';\nimport { inject, injectable, getTheme, CircleRender, getScaledStroke, CIRCLE_NUMBER_TYPE } from '@visactor/vrender';\nimport type {\n  IGraphicAttribute,\n  ICircle,\n  IContext2d,\n  IMarkAttribute,\n  IThemeAttribute,\n  IGraphicPicker,\n  IGraphicRender,\n  IPickParams\n} from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\n@injectable()\nexport class VChartPicker implements IGraphicPicker {\n  type = 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  contains(chart: any, point: any, params?: IPickParams): boolean | any {\n    const vChart = (chart as Chart).vchart;\n    const chartStage = vChart.getStage();\n    // @ts-ignore\n    chartStage._editor_needRender = true;\n    const matrix = chart.globalTransMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform();\n    matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);\n    chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n    chartStage.dirtyBounds?.clear();\n    const nextP = { x: 0, y: 0 };\n    matrix.transformPoint(point, nextP);\n    const graphic = chartStage.pick(nextP.x, nextP.y);\n\n    return graphic;\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-picker.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAU,UAAU,EAA+D,MAAM,mBAAmB,CAAC;AAYpH,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG9C,IAAM,YAAY,GAAlB,MAAM,YAAY;IAAlB;QACL,SAAI,GAAG,OAAO,CAAC;QACf,eAAU,GAAW,iBAAiB,CAAC;IAkBzC,CAAC;IAhBC,QAAQ,CAAC,KAAU,EAAE,KAAU,EAAE,MAAoB;;QAEnD,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;QAC1G,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAC3C,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAC7B,cAAc,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAG5C,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAA,WAAW,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QACjC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QACnD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF,CAAA;AApBY,YAAY;IADxB,UAAU,EAAE;GACA,YAAY,CAoBxB;SApBY,YAAY","file":"vchart-graphic-picker.js","sourcesContent":["import type { IPoint } from '@visactor/vutils';\nimport { inject, injectable, getTheme, CircleRender, getScaledStroke, CIRCLE_NUMBER_TYPE } from '@visactor/vrender';\nimport type {\n  IGraphicAttribute,\n  ICircle,\n  IContext2d,\n  IMarkAttribute,\n  IThemeAttribute,\n  IGraphicPicker,\n  IGraphicRender,\n  IPickParams\n} from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\n@injectable()\nexport class VChartPicker implements IGraphicPicker {\n  type = 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  contains(chart: any, point: any, params?: IPickParams): boolean | any {\n    // 将当前的point转化到global\n    const matrix = chart.transMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform();\n    matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);\n    const toGlobalMatrix = matrix.getInverse();\n    const nextP = { x: 0, y: 0 };\n    toGlobalMatrix.transformPoint(point, nextP);\n\n    // 得到 vchart stage\n    const vChart = (chart as Chart).vchart;\n    const vchartStage = vChart.getStage();\n    vchartStage.dirtyBounds?.clear();\n    const graphic = vchartStage.pick(nextP.x, nextP.y);\n    return graphic;\n  }\n}\n"]}

package/es/story/character/chart/graphic/vchart-graphic-render.js

@@ -8,9 +8,9 @@ import { injectable, DefaultCanvasRectRender } from "@visactor/vrender";
 
 import { CHART_NUMBER_TYPE } from "./vchart-graphic";
 
-export const ChartRender = Symbol.for("ChartRender");
+export const ChartRender = Symbol.for("VStoryChartRender");
 
-export const ChartRenderContribution = Symbol.for("ChartRenderContribution");
+export const ChartRenderContribution = Symbol.for("VStoryChartRenderContribution");
 
 let VChartRender = class extends DefaultCanvasRectRender {
     constructor() {
@@ -22,13 +22,13 @@ let VChartRender = class extends DefaultCanvasRectRender {
         if (baseOpacity <= 0) return;
         context.baseGlobalAlpha *= baseOpacity, super.drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb), 
         context.baseGlobalAlpha /= baseOpacity;
-        const chartStage = chart.vchart.getStage(), chartCtx = chartStage.window.getContext();
-        chartCtx.baseGlobalAlpha *= baseOpacity, chartStage._editor_needRender = !0;
-        const matrix = chart.globalTransMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform();
-        matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
-        chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
-        null === (_a = chartStage.dirtyBounds) || void 0 === _a || _a.clear(), chartStage.render(), 
-        chartCtx.baseGlobalAlpha /= baseOpacity;
+        const vchartStage = chart.vchart.getStage(), vchartCtx = vchartStage.window.getContext();
+        vchartCtx.baseGlobalAlpha *= baseOpacity, vchartStage._editor_needRender = !0;
+        const matrix = chart.globalTransMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform().clone();
+        stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
+        vchartStage.window.setViewBoxTransform(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
+        null === (_a = vchartStage.dirtyBounds) || void 0 === _a || _a.clear(), vchartStage.render(), 
+        vchartCtx.baseGlobalAlpha /= baseOpacity;
     }
     draw(chart, renderService, drawContext, params) {
         this._draw(chart, {}, !1, drawContext, params);

package/es/story/character/chart/graphic/vchart-graphic-render.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-render.ts"],"names":[],"mappings":";;;;;;AAWA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AACrD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;AAGtE,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,uBAAuB;IAAlD;;QAEL,eAAU,GAAW,iBAAiB,CAAC;IAiDzC,CAAC;IA/CC,SAAS,CACP,KAAU,EACV,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC,EACjC,MAIY,EACZ,QAIY;;QAEZ,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;QAC5C,IAAI,WAAW,IAAI,CAAC,EAAE;YACpB,OAAO;SACR;QACD,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7E,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAChD,QAAQ,CAAC,eAAe,IAAI,WAAW,CAAC;QAExC,UAAU,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACrC,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;QAC1G,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QAClG,MAAA,UAAU,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QAChC,UAAU,CAAC,MAAM,EAAE,CAAC;QACpB,QAAQ,CAAC,eAAe,IAAI,WAAW,CAAC;IAI1C,CAAC;IAED,IAAI,CAAC,KAAU,EAAE,aAA6B,EAAE,WAAyB,EAAE,MAAiC;QAE1G,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC3D,CAAC;CACF,CAAA;AAnDY,YAAY;IADxB,UAAU,EAAE;GACA,YAAY,CAmDxB;SAnDY,YAAY","file":"vchart-graphic-render.js","sourcesContent":["import type {\n  IContext2d,\n  IDrawContext,\n  IGraphicAttribute,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IRenderService,\n  IThemeAttribute,\n  IGraphic\n} from '@visactor/vrender';\nimport { injectable, DefaultCanvasRectRender } from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\nexport const ChartRender = Symbol.for('ChartRender');\nexport const ChartRenderContribution = Symbol.for('ChartRenderContribution');\n\n@injectable()\nexport class VChartRender extends DefaultCanvasRectRender implements IGraphicRender {\n  type: 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  drawShape(\n    chart: any,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ) {\n    const { baseOpacity = 1 } = chart.attribute;\n    if (baseOpacity <= 0) {\n      return;\n    }\n    context.baseGlobalAlpha *= baseOpacity;\n    super.drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb);\n    context.baseGlobalAlpha /= baseOpacity;\n    const vChart = (chart as Chart).vchart;\n    const chartStage = vChart.getStage();\n    const chartCtx = chartStage.window.getContext();\n    chartCtx.baseGlobalAlpha *= baseOpacity;\n    // @ts-ignore\n    chartStage._editor_needRender = true;\n    const matrix = chart.globalTransMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform();\n    matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);\n    chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n    chartStage.dirtyBounds?.clear();\n    chartStage.render();\n    chartCtx.baseGlobalAlpha /= baseOpacity;\n    // const ctx = chartStage.window.getContext();\n    // ctx.fillStyle = 'green';\n    // ctx.fillRect(0, 0, 100, 100);\n  }\n\n  draw(chart: any, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    // const chartAttribute = getTheme(chart, params?.theme).circle;\n    this._draw(chart, {} as any, false, drawContext, params);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-render.ts"],"names":[],"mappings":";;;;;;AAUA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AAC3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;AAG5E,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,uBAAuB;IAAlD;;QAEL,eAAU,GAAW,iBAAiB,CAAC;IAqDzC,CAAC;IAnDC,SAAS,CACP,KAAU,EACV,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC,EACjC,MAIY,EACZ,QAIY;;QAEZ,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;QAC5C,IAAI,WAAW,IAAI,CAAC,EAAE;YACpB,OAAO;SACR;QACD,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7E,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAClD,SAAS,CAAC,eAAe,IAAI,WAAW,CAAC;QAEzC,WAAW,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,KAAK,EAAE,CAAC;QACrE,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QACjF,WAAW,CAAC,MAAM,CAAC,mBAAmB,CACpC,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,CACd,CAAC;QACF,MAAA,WAAW,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QACjC,WAAW,CAAC,MAAM,EAAE,CAAC;QACrB,SAAS,CAAC,eAAe,IAAI,WAAW,CAAC;IAC3C,CAAC;IAED,IAAI,CAAC,KAAU,EAAE,aAA6B,EAAE,WAAyB,EAAE,MAAiC;QAE1G,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC3D,CAAC;CACF,CAAA;AAvDY,YAAY;IADxB,UAAU,EAAE;GACA,YAAY,CAuDxB;SAvDY,YAAY","file":"vchart-graphic-render.js","sourcesContent":["import type {\n  IContext2d,\n  IDrawContext,\n  IGraphicAttribute,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IRenderService,\n  IThemeAttribute\n} from '@visactor/vrender';\nimport { injectable, DefaultCanvasRectRender } from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\nexport const ChartRender = Symbol.for('VStoryChartRender');\nexport const ChartRenderContribution = Symbol.for('VStoryChartRenderContribution');\n\n@injectable()\nexport class VChartRender extends DefaultCanvasRectRender implements IGraphicRender {\n  type: 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  drawShape(\n    chart: any,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ) {\n    const { baseOpacity = 1 } = chart.attribute;\n    if (baseOpacity <= 0) {\n      return;\n    }\n    context.baseGlobalAlpha *= baseOpacity;\n    super.drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb);\n    context.baseGlobalAlpha /= baseOpacity;\n    const vChart = (chart as Chart).vchart;\n    const vchartStage = vChart.getStage();\n    const vchartCtx = vchartStage.window.getContext();\n    vchartCtx.baseGlobalAlpha *= baseOpacity;\n    // @ts-ignore\n    vchartStage._editor_needRender = true;\n    const matrix = chart.globalTransMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform().clone();\n    stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n    vchartStage.window.setViewBoxTransform(\n      stageMatrix.a,\n      stageMatrix.b,\n      stageMatrix.c,\n      stageMatrix.d,\n      stageMatrix.e,\n      stageMatrix.f\n    );\n    vchartStage.dirtyBounds?.clear();\n    vchartStage.render();\n    vchartCtx.baseGlobalAlpha /= baseOpacity;\n  }\n\n  draw(chart: any, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    // const chartAttribute = getTheme(chart, params?.theme).circle;\n    this._draw(chart, {} as any, false, drawContext, params);\n  }\n}\n"]}

package/es/story/character/chart/graphic/vchart-graphic.d.ts

@@ -1,5 +1,5 @@
 import type { IVisactorGraphic } from '../../visactor/interface';
-import type { IBoundsLike } from '@visactor/vutils';
+import { type AABBBounds, type IAABBBounds, type IBoundsLike } from '@visactor/vutils';
 import type { ISpec, IVChart } from '@visactor/vchart';
 import type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';
 import { Group } from '@visactor/vrender';
@@ -25,11 +25,22 @@ export declare class Chart extends Group implements IVisactorGraphic {
     type: GraphicType;
     attribute: IChartGraphicAttribute;
     protected _vchart: IVChart;
+    protected _AABBBounds: AABBBounds;
+    valid: boolean;
     get vchart(): IVChart;
     get vProduct(): IVChart;
+    private _globalViewBox;
+    private _localViewBox;
+    private _BoundsViewBox;
     drawTag: boolean;
+    protected _boundsChangeTag: boolean;
+    private _getVChartRootMarkBounds;
+    doUpdateAABBBounds(full?: boolean): IAABBBounds;
     constructor(params: IChartGraphicAttribute);
-    updateSpec(spec: ISpec, forceMerge?: boolean, morphConfig?: boolean): void;
+    pointInVChart(canvasX: number, canvasY: number): boolean;
+    pointInViewBox(canvasX: number, canvasY: number): boolean;
+    updateSpec(spec: ISpec, viewBox?: IBoundsLike, forceMerge?: boolean, morphConfig?: boolean): void;
     updateViewBox(viewBox: IBoundsLike): void;
     private _updateViewBox;
+    release(): void;
 }