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

package/es/story/story.js

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

package/es/story/story.js.map

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

package/es/story/utils/layout.d.ts

@@ -1,2 +1,3 @@
+import type { IRect } from '../../type/space';
 import type { ILayoutAttribute, IWidgetData } from '../character';
-export declare function getLayoutFromWidget(w: Partial<IWidgetData>): Partial<ILayoutAttribute>;
+export declare function getLayoutFromWidget(w: Partial<IWidgetData> | IRect): Partial<ILayoutAttribute>;

package/es/story/utils/layout.js

@@ -1,7 +1,7 @@
 export function getLayoutFromWidget(w) {
     return {
-        x: w.left,
-        y: w.top,
+        x: "x" in w ? w.x : w.left,
+        y: "y" in w ? w.y : w.top,
         width: "width" in w ? w.width : w.right - w.left,
         height: "height" in w ? w.height : w.bottom - w.top
     };

package/es/story/utils/layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/utils/layout.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,CAAuB;IACzD,OAAO;QACL,CAAC,EAAE,CAAC,CAAC,IAAI;QACT,CAAC,EAAE,CAAC,CAAC,GAAG;QACR,KAAK,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAU,CAAS,CAAC,KAAK,GAAW,CAAC,CAAC,IAAI;QACzE,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAU,CAAS,CAAC,MAAM,GAAW,CAAC,CAAC,GAAG;KAC7E,CAAC;AACJ,CAAC","file":"layout.js","sourcesContent":["import type { ILayoutAttribute, IWidgetData } from '../character';\n\nexport function getLayoutFromWidget(w: Partial<IWidgetData>): Partial<ILayoutAttribute> {\n  return {\n    x: w.left,\n    y: w.top,\n    width: 'width' in w ? w.width : <number>(w as any).right - <number>w.left,\n    height: 'height' in w ? w.height : <number>(w as any).bottom - <number>w.top\n  };\n}\n"]}
+{"version":3,"sources":["../src/story/utils/layout.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,mBAAmB,CAAC,CAA+B;IACjE,OAAO;QACL,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;QAC1B,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACzB,KAAK,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAU,CAAS,CAAC,KAAK,GAAW,CAAC,CAAC,IAAI;QACzE,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAU,CAAS,CAAC,MAAM,GAAW,CAAC,CAAC,GAAG;KAC7E,CAAC;AACJ,CAAC","file":"layout.js","sourcesContent":["import type { IRect } from '../../type/space';\nimport type { ILayoutAttribute, IWidgetData } from '../character';\n\nexport function getLayoutFromWidget(w: Partial<IWidgetData> | IRect): Partial<ILayoutAttribute> {\n  return {\n    x: 'x' in w ? w.x : w.left,\n    y: 'y' in w ? w.y : w.top,\n    width: 'width' in w ? w.width : <number>(w as any).right - <number>w.left,\n    height: 'height' in w ? w.height : <number>(w as any).bottom - <number>w.top\n  };\n}\n"]}

package/es/story/utils/vchart-pick.d.ts

@@ -0,0 +1,115 @@
+import type { IGraphic } from '@visactor/vrender';
+import type { IVChart } from '@visactor/vchart';
+import type { StoryEvent } from '../interface/runtime-interface';
+export interface IPickModelInfo {
+    type: string;
+    model: any;
+    specKey: string;
+    specIndex: number;
+    datum?: any;
+    mark?: any;
+}
+export declare const seriesMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: string;
+        model: import("@visactor/vchart").ISeries;
+        mark: import("@visactor/vchart/esm/mark/interface").IMark;
+        specKey: string;
+        specIndex: number;
+        datum: any;
+    };
+};
+export declare const axisMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const markerMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[]) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const labelMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        datum: any;
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const discreteLegendMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const colorLegendMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const sizeLegendMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const scrollBarMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const titleBarMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const continuousPlayerMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const discretePlayerMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare function getChartModelWithEvent(chart: IVChart, event: StoryEvent): IPickModelInfo;
+export declare function getGraphicModelMark(chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number): IPickModelInfo;

package/es/story/utils/vchart-pick.js

@@ -0,0 +1,115 @@
+function commonModelInfo(model) {
+    return {
+        type: model.type,
+        model: model,
+        specKey: model.specKey,
+        specIndex: model.getSpecIndex()
+    };
+}
+
+export const seriesMarkPick = {
+    check: (graphic, graphicPath) => {
+        var _a;
+        return null === (_a = graphic.name) || void 0 === _a ? void 0 : _a.startsWith("seriesGroup_");
+    },
+    modelInfo: (chart, graphic, graphicPath, index) => {
+        const seriesId = +graphic.name.split("_")[2], markId = +graphicPath[index + 1].name.split("_")[1], series = chart.getChart().getSeriesInIds([ seriesId ])[0], datum = graphicPath[graphicPath.length - 1].__vgrammar_scene_item__.data;
+        return {
+            type: "seriesMark",
+            model: series,
+            mark: series.getMarkInId(markId),
+            specKey: series.specKey,
+            specIndex: series.getSpecIndex(),
+            datum: datum
+        };
+    }
+};
+
+export const axisMarkPick = {
+    check: (graphic, graphicPath) => "axis" === graphic.name || "axis-grid" === graphic.name,
+    modelInfo: (chart, graphic, graphicPath, index) => {
+        const axisModel = chart.getChart().getAllComponents().filter((c => "axes" === c.specKey));
+        let axisGraphic = graphicPath.find((g => "axis" === g.name));
+        if (axisGraphic) {
+            return commonModelInfo(axisModel.find((a => a._axisMark.getProduct().graphicItem === axisGraphic.parent)));
+        }
+        if (axisGraphic = graphicPath.find((g => "axis-grid" === g.name)), axisGraphic) {
+            return commonModelInfo(axisModel.find((a => a._gridMark.getProduct().graphicItem === axisGraphic.parent)));
+        }
+        return null;
+    }
+};
+
+const MarkerClassName = {
+    MarkLine: !0,
+    MarkArea: !0,
+    MarkPoint: !0,
+    MarkArcLine: !0,
+    MarkArcArea: !0
+}, MarkerIdPrefix = {
+    markPoint: !0,
+    markLine: !0,
+    markArea: !0
+};
+
+export const markerMarkPick = {
+    check: (graphic, graphicPath) => !!MarkerClassName[graphic.constructor.name],
+    modelInfo: (chart, graphic, graphicPath) => {
+        const idPrefix = graphic.id.split("-")[0];
+        let model;
+        if (MarkerIdPrefix[idPrefix]) {
+            const markerId = +graphic.id.split("-")[1];
+            model = chart.getChart().getAllComponents().find((c => c.id === markerId));
+        } else {
+            const markerUserId = graphic.id;
+            model = chart.getChart().getAllComponents().find((c => c.userId === markerUserId));
+        }
+        return commonModelInfo(model);
+    }
+};
+
+export const labelMarkPick = {
+    check: (graphic, graphicPath) => "data-label" === graphic.name,
+    modelInfo: (chart, graphic, graphicPath, index) => {
+        const id = +graphicPath[index - 1].name.split("_")[1], model = chart.getChart().getAllComponents().find((c => ("label" === c.type || "totalLabel" === c.type) && c.getMarks().some((m => m.id === id))));
+        return Object.assign(Object.assign({}, commonModelInfo(model)), {
+            datum: graphicPath[graphicPath.length - 1].attribute.data
+        });
+    }
+};
+
+function commonModePick(vrenderGraphicClassName, modelName) {
+    return {
+        check: (graphic, graphicPath) => graphic.constructor.name === vrenderGraphicClassName,
+        modelInfo: (chart, graphic, graphicPath, index) => commonModelInfo(chart.getChart().getAllComponents().find((c => c.type === modelName)))
+    };
+}
+
+export const discreteLegendMarkPick = commonModePick("DiscreteLegend", "discreteLegend");
+
+export const colorLegendMarkPick = commonModePick("ColorContinuousLegend", "colorLegend");
+
+export const sizeLegendMarkPick = commonModePick("SizeContinuousLegend", "sizeLegend");
+
+export const scrollBarMarkPick = commonModePick("ScrollBar", "scrollBar");
+
+export const titleBarMarkPick = commonModePick("Title", "title");
+
+export const continuousPlayerMarkPick = commonModePick("ContinuousPlayer", "player");
+
+export const discretePlayerMarkPick = commonModePick("DiscretePlayer", "player");
+
+const modelCheck = [ seriesMarkPick, axisMarkPick, discreteLegendMarkPick, colorLegendMarkPick, sizeLegendMarkPick, markerMarkPick, scrollBarMarkPick, labelMarkPick, titleBarMarkPick, continuousPlayerMarkPick, discretePlayerMarkPick ];
+
+export function getChartModelWithEvent(chart, event) {
+    const graphicPath = event.detailPath[event.detailPath.length - 1];
+    if (!graphicPath) return null;
+    const pickGraphic = null == graphicPath ? void 0 : graphicPath[graphicPath.length - 1];
+    return pickGraphic ? getGraphicModelMark(chart, pickGraphic, graphicPath, 0) : null;
+}
+
+export function getGraphicModelMark(chart, graphic, graphicPath, index) {
+    const modelPick = modelCheck.find((mc => mc.check(graphic, graphicPath)));
+    return modelPick ? modelPick.modelInfo(chart, graphic, graphicPath, index) : index >= graphicPath.length - 1 ? null : getGraphicModelMark(chart, graphicPath[index + 1], graphicPath, index + 1);
+}
+//# sourceMappingURL=vchart-pick.js.map

package/es/story/utils/vchart-pick.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/utils/vchart-pick.ts"],"names":[],"mappings":"AAaA,SAAS,eAAe,CAAC,KAAU;IACjC,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,KAAK;QACL,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE;KAChC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,CAAC,OAAiB,EAAE,WAAuB,EAAE,EAAE;;QACpD,OAAO,MAAA,OAAO,CAAC,IAAI,0CAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAClD,CAAC;IACD,SAAS,EAAE,CAAC,KAAc,EAAE,OAAiB,EAAE,WAAuB,EAAE,KAAa,EAAE,EAAE;QACvF,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC9B,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC3C,MAAM,MAAM,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,MAAM,KAAK,GAAG,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,uBAAuB,CAAC,IAAI,CAAC;QAC/E,OAAO;YACL,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;YAChC,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE;YAChC,KAAK;SACN,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,CAAC,OAAiB,EAAE,WAAuB,EAAE,EAAE;QACpD,OAAO,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC;IACjE,CAAC;IACD,SAAS,EAAE,CAAC,KAAc,EAAE,OAAiB,EAAE,WAAuB,EAAE,KAAa,EAAE,EAAE;QACvF,MAAM,SAAS,GAAG,KAAK;aACpB,QAAQ,EAAE;aACV,gBAAgB,EAAE;aAElB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;QACrC,IAAI,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;QAC3D,IAAI,WAAW,EAAE;YAEf,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,WAAW,KAAK,WAAW,CAAC,MAAM,CAAC,CAAC;YAC9F,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;SAC9B;QACD,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC;QAC5D,IAAI,WAAW,EAAE;YAEf,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,WAAW,KAAK,WAAW,CAAC,MAAM,CAAC,CAAC;YAC9F,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;SAC9B;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAC;AAEF,MAAM,eAAe,GAA+B;IAClD,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;CAClB,CAAC;AAEF,MAAM,cAAc,GAA+B;IACjD,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,CAAC,OAAiB,EAAE,WAAuB,EAAE,EAAE;QACpD,OAAO,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,SAAS,EAAE,CAAC,KAAc,EAAE,OAAiB,EAAE,WAAuB,EAAE,EAAE;QACxE,MAAM,KAAK,GAAY,OAAO,CAAC,EAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,KAAK,CAAC;QACV,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE;YAC5B,MAAM,QAAQ,GAAG,CAAU,OAAO,CAAC,EAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACrD,KAAK,GAAG,KAAK;iBACV,QAAQ,EAAE;iBACV,gBAAgB,EAAE;iBAElB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;SACjC;aAAM;YACL,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,CAAC;YAChC,KAAK,GAAG,KAAK;iBACV,QAAQ,EAAE;iBACV,gBAAgB,EAAE;iBAElB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,YAAY,CAAC,CAAC;SACzC;QACD,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,CAAC,OAAiB,EAAE,WAAuB,EAAE,EAAE;QACpD,OAAO,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC;IACvC,CAAC;IACD,SAAS,EAAE,CAAC,KAAc,EAAE,OAAiB,EAAE,WAAuB,EAAE,KAAa,EAAE,EAAE;QACvF,MAAM,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,MAAM,KAAK,GAAG,KAAK;aAChB,QAAQ,EAAE;aACV,gBAAgB,EAAE;aAElB,IAAI,CAAC,CAAC,CAAC,EAAE;YACR,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,EAAE;gBACjD,OAAO,KAAK,CAAC;aACd;YACD,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEL,uCAAY,eAAe,CAAC,KAAK,CAAC,KAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,IAAG;IAClG,CAAC;CACF,CAAC;AAEF,SAAS,cAAc,CAAC,uBAA+B,EAAE,SAAiB;IACxE,OAAO;QACL,KAAK,EAAE,CAAC,OAAiB,EAAE,WAAuB,EAAE,EAAE;YACpD,OAAO,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,uBAAuB,CAAC;QAC9D,CAAC;QACD,SAAS,EAAE,CAAC,KAAc,EAAE,OAAiB,EAAE,WAAuB,EAAE,KAAa,EAAE,EAAE;YACvF,OAAO,eAAe,CACpB,KAAK;iBACF,QAAQ,EAAE;iBACV,gBAAgB,EAAE;iBAElB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CACnC,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;AACzF,MAAM,CAAC,MAAM,mBAAmB,GAAG,cAAc,CAAC,uBAAuB,EAAE,aAAa,CAAC,CAAC;AAC1F,MAAM,CAAC,MAAM,kBAAkB,GAAG,cAAc,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC;AACvF,MAAM,CAAC,MAAM,iBAAiB,GAAG,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAC1E,MAAM,CAAC,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACjE,MAAM,CAAC,MAAM,wBAAwB,GAAG,cAAc,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;AACrF,MAAM,CAAC,MAAM,sBAAsB,GAAG,cAAc,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAEjF,MAAM,UAAU,GAGV;IACJ,cAAc;IACd,YAAY;IACZ,sBAAsB;IACtB,mBAAmB;IACnB,kBAAkB;IAClB,cAAc;IACd,iBAAiB;IACjB,aAAa;IACb,gBAAgB;IAChB,wBAAwB;IACxB,sBAAsB;CACvB,CAAC;AAMF,MAAM,UAAU,sBAAsB,CAAC,KAAc,EAAE,KAAiB;IACtE,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAE7D,CAAC;IACJ,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC1D,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,mBAAmB,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,KAAc,EACd,OAAiB,EACjB,WAAuB,EACvB,KAAa;IAEb,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IACxE,IAAI,SAAS,EAAE;QACb,OAAO,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;KAChE;IAED,IAAI,KAAK,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;QACnC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,mBAAmB,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AACpF,CAAC","file":"vchart-pick.js","sourcesContent":["import type { IGraphic, IGraphicAttribute } from '@visactor/vrender';\nimport type { IVChart } from '@visactor/vchart';\nimport type { StoryEvent } from '../interface/runtime-interface';\n\nexport interface IPickModelInfo {\n  type: string;\n  model: any;\n  specKey: string;\n  specIndex: number;\n  datum?: any;\n  mark?: any;\n}\n\nfunction commonModelInfo(model: any) {\n  return {\n    type: model.type,\n    model,\n    specKey: model.specKey,\n    specIndex: model.getSpecIndex()\n  };\n}\n\nexport const seriesMarkPick = {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n    return graphic.name?.startsWith('seriesGroup_');\n  },\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {\n    const nameInfo = graphic.name.split('_');\n    const seriesId = +nameInfo[2];\n    const markGraphic = graphicPath[index + 1];\n    const markId = +markGraphic.name.split('_')[1];\n    const series = chart.getChart().getSeriesInIds([seriesId])[0];\n    const datum = graphicPath[graphicPath.length - 1].__vgrammar_scene_item__.data;\n    return {\n      type: 'seriesMark',\n      model: series,\n      mark: series.getMarkInId(markId),\n      specKey: series.specKey,\n      specIndex: series.getSpecIndex(),\n      datum\n    };\n  }\n};\n\nexport const axisMarkPick = {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n    return graphic.name === 'axis' || graphic.name === 'axis-grid';\n  },\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {\n    const axisModel = chart\n      .getChart()\n      .getAllComponents()\n      // @ts-ignore\n      .filter(c => c.specKey === 'axes');\n    let axisGraphic = graphicPath.find(g => g.name === 'axis');\n    if (axisGraphic) {\n      // @ts-ignore\n      const axis = axisModel.find(a => a._axisMark.getProduct().graphicItem === axisGraphic.parent);\n      return commonModelInfo(axis);\n    }\n    axisGraphic = graphicPath.find(g => g.name === 'axis-grid');\n    if (axisGraphic) {\n      // @ts-ignore\n      const axis = axisModel.find(a => a._gridMark.getProduct().graphicItem === axisGraphic.parent);\n      return commonModelInfo(axis);\n    }\n    return null;\n  }\n};\n\nconst MarkerClassName: { [key: string]: boolean } = {\n  MarkLine: true,\n  MarkArea: true,\n  MarkPoint: true,\n  MarkArcLine: true,\n  MarkArcArea: true\n};\n\nconst MarkerIdPrefix: { [key: string]: boolean } = {\n  markPoint: true,\n  markLine: true,\n  markArea: true\n};\n\nexport const markerMarkPick = {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n    return !!MarkerClassName[graphic.constructor.name];\n  },\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[]) => {\n    const split = (<string>graphic.id).split('-');\n    const idPrefix = split[0];\n    let model;\n    if (MarkerIdPrefix[idPrefix]) {\n      const markerId = +(<string>graphic.id).split('-')[1];\n      model = chart\n        .getChart()\n        .getAllComponents()\n        // @ts-ignore\n        .find(c => c.id === markerId);\n    } else {\n      const markerUserId = graphic.id;\n      model = chart\n        .getChart()\n        .getAllComponents()\n        // @ts-ignore\n        .find(c => c.userId === markerUserId);\n    }\n    return commonModelInfo(model);\n  }\n};\n\nexport const labelMarkPick = {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n    return graphic.name === 'data-label';\n  },\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {\n    const id = +graphicPath[index - 1].name.split('_')[1];\n    const model = chart\n      .getChart()\n      .getAllComponents()\n      // @ts-ignore\n      .find(c => {\n        if (c.type !== 'label' && c.type !== 'totalLabel') {\n          return false;\n        }\n        return c.getMarks().some(m => m.id === id);\n      });\n    // @ts-ignore\n    return { ...commonModelInfo(model), datum: graphicPath[graphicPath.length - 1].attribute.data };\n  }\n};\n\nfunction commonModePick(vrenderGraphicClassName: string, modelName: string) {\n  return {\n    check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n      return graphic.constructor.name === vrenderGraphicClassName;\n    },\n    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {\n      return commonModelInfo(\n        chart\n          .getChart()\n          .getAllComponents()\n          // @ts-ignore\n          .find(c => c.type === modelName)\n      );\n    }\n  };\n}\n\nexport const discreteLegendMarkPick = commonModePick('DiscreteLegend', 'discreteLegend');\nexport const colorLegendMarkPick = commonModePick('ColorContinuousLegend', 'colorLegend');\nexport const sizeLegendMarkPick = commonModePick('SizeContinuousLegend', 'sizeLegend');\nexport const scrollBarMarkPick = commonModePick('ScrollBar', 'scrollBar');\nexport const titleBarMarkPick = commonModePick('Title', 'title');\nexport const continuousPlayerMarkPick = commonModePick('ContinuousPlayer', 'player');\nexport const discretePlayerMarkPick = commonModePick('DiscretePlayer', 'player');\n\nconst modelCheck: {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => any;\n}[] = [\n  seriesMarkPick,\n  axisMarkPick,\n  discreteLegendMarkPick,\n  colorLegendMarkPick,\n  sizeLegendMarkPick,\n  markerMarkPick,\n  scrollBarMarkPick,\n  labelMarkPick,\n  titleBarMarkPick,\n  continuousPlayerMarkPick,\n  discretePlayerMarkPick\n];\n\n/**\n * 从event属性上，读取当前pick到的图表模块内容\n * @param event\n */\nexport function getChartModelWithEvent(chart: IVChart, event: StoryEvent) {\n  const graphicPath = event.detailPath[event.detailPath.length - 1] as unknown as IGraphic<\n    Partial<IGraphicAttribute>\n  >[];\n  if (!graphicPath) {\n    return null;\n  }\n  const pickGraphic = graphicPath?.[graphicPath.length - 1];\n  if (!pickGraphic) {\n    return null;\n  }\n  return getGraphicModelMark(chart, pickGraphic, graphicPath, 0);\n}\n\nexport function getGraphicModelMark(\n  chart: IVChart,\n  graphic: IGraphic,\n  graphicPath: IGraphic[],\n  index: number\n): IPickModelInfo {\n  const modelPick = modelCheck.find(mc => mc.check(graphic, graphicPath));\n  if (modelPick) {\n    return modelPick.modelInfo(chart, graphic, graphicPath, index);\n  }\n  // @ts-ignore\n  if (index >= graphicPath.length - 1) {\n    return null;\n  }\n\n  return getGraphicModelMark(chart, graphicPath[index + 1], graphicPath, index + 1);\n}\n"]}

package/es/util/space.js

@@ -93,4 +93,5 @@ export function getItemBoundsRectWithSpace(item, transformPos, space = 0) {
         width: bounds.width() + 2 * space,
         height: bounds.height() + 2 * space
     };
-}
+}
+//# sourceMappingURL=space.js.map

package/package.json

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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