@visactor/vstory 0.0.4 → 0.0.5-alpha.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/graphic/symbol.ts"],"names":[],"mappings":";;;AACA,+CAAiD;AAEjD,uCAAoC;AAEpC,MAAa,aAAc,SAAQ,iBAAO;IAGxC,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;YAChB,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,EAAkB;YAC/B,UAAU,EAAE,QAAQ;SACrB,CAAC;IACJ,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAA,sBAAY,EAC1B,IAAI,CAAC,oBAAoB,iCACpB,IAAI,CAAC,oBAAoB,EAAE,GAC3B,CAAC,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,mCAAI,EAAE,CAAC,EAChD,CACH,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,kBAAkB,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;YAC5D,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACvD;IACH,CAAC;CACF;AA9BD,sCA8BC","file":"symbol.js","sourcesContent":["import type { ISymbol } from '@visactor/vrender';\nimport { createSymbol } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport { Graphic } from './graphic';\n\nexport class GraphicSymbol extends Graphic {\n  protected _graphic: ISymbol;\n\n  getInitialAttributes() {\n    return {\n      x: 0,\n      y: 0,\n      width: 120,\n      height: 80,\n      angle: 0,\n      anchor: [60, 40],\n      lineWidth: 2,\n      stroke: '#000000',\n      shapePoints: [] as IPointLike[],\n      symbolType: 'circle'\n    };\n  }\n\n  init() {\n    if (!this._graphic) {\n      this._graphic = createSymbol(\n        this._transformAttributes({\n          ...this.getInitialAttributes(),\n          ...(this._character.spec.options?.graphic ?? {})\n        })\n      );\n      this._graphic.name = `graphic-symbol-${this._character.id}`;\n      this._character.getGraphicParent().add(this._graphic);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/graphic/symbol.ts"],"names":[],"mappings":";;;AACA,+CAAiD;AAEjD,uCAAoC;AAEpC,kDAA4D;AAE5D,MAAa,aAAc,SAAQ,iBAAO;IAGxC,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;YAChB,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,EAAkB;YAC/B,UAAU,EAAE,QAAQ;SACrB,CAAC;IACJ,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,MAAM,UAAU,GAAG,IAAI,CAAC,oBAAoB,iCACvC,IAAI,CAAC,oBAAoB,EAAE,GAC3B,CAAC,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,mCAAI,EAAE,CAAC,EAChD,CAAC;YACH,IAAI,CAAC,QAAQ,GAAG,IAAA,sBAAY,EAAC,UAAU,CAAC,CAAC;YACzC,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,kBAAkB,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;YAC5D,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACvD;IACH,CAAC;IAED,eAAe,CAAC,UAAgC;QAC9C,MAAM,UAAU,GAAG,IAAI,CAAC,oBAAoB,iCACvC,IAAA,4BAAmB,EAAC,UAAU,CAAC,KAClC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,IACrD,CAAC;QACH,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;QAEhE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC;IAES,oBAAoB,CAAC,UAAe;QAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QACnB,IAAI,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AA/CD,sCA+CC","file":"symbol.js","sourcesContent":["import type { ISymbol } from '@visactor/vrender';\nimport { createSymbol } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport { Graphic } from './graphic';\nimport type { IWidgetData } from '../../dsl-interface';\nimport { getLayoutFromWidget } from '../../../utils/layout';\n\nexport class GraphicSymbol extends Graphic {\n  protected _graphic: ISymbol;\n\n  getInitialAttributes() {\n    return {\n      x: 0,\n      y: 0,\n      width: 120,\n      height: 80,\n      angle: 0,\n      anchor: [60, 40],\n      lineWidth: 2,\n      stroke: '#000000',\n      shapePoints: [] as IPointLike[],\n      symbolType: 'circle'\n    };\n  }\n\n  init() {\n    if (!this._graphic) {\n      const attributes = this._transformAttributes({\n        ...this.getInitialAttributes(),\n        ...(this._character.spec.options?.graphic ?? {})\n      });\n      this._graphic = createSymbol(attributes);\n      this._graphic.name = `graphic-symbol-${this._character.id}`;\n      this._character.getGraphicParent().add(this._graphic);\n    }\n  }\n\n  applyLayoutData(layoutData: Partial<IWidgetData>): void {\n    const attributes = this._transformAttributes({\n      ...getLayoutFromWidget(layoutData),\n      shapePoints: this._character.spec.options.shapePoints\n    });\n    attributes.size = Math.min(attributes.width, attributes.height);\n\n    this._graphic.setAttributes(attributes);\n  }\n\n  protected _transformAttributes(attributes: any): any {\n    const data = super._transformAttributes(attributes);\n    const { width, height } = attributes;\n    data.x = width / 2;\n    data.y = height / 2;\n    return data;\n  }\n}\n"]}

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

@@ -1,3 +1,4 @@
+import type { IInitOption } from '@visactor/vchart';
 import type { IRichTextGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';
 import type { DirectionType } from './chart/const';
 export type IPercent = `${number}%`;
@@ -44,6 +45,7 @@ export interface IComponentSpec {
 export interface IChartCharacterSpec extends ICharacterSpecBase {
     options: {
         spec?: any;
+        initOption?: IInitOption;
         panel?: any;
         theme?: any;
         data?: any;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/dsl-interface.ts"],"names":[],"mappings":"","file":"dsl-interface.js","sourcesContent":["import type { IRichTextGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';\nimport type { DirectionType } from './chart/const';\n\nexport type IPercent = `${number}%`;\nexport type WidgetNumber = number; // | IPercent;\n\nexport type IWidgetData = {\n  left: WidgetNumber;\n  top: WidgetNumber;\n} & (\n  | {\n      bottom: WidgetNumber;\n      right: WidgetNumber;\n    }\n  | {\n      width: WidgetNumber;\n      height: WidgetNumber;\n    }\n);\n\nexport interface ICharacterSpecBase {\n  id: string;\n  type: string; // 类型\n  position: IWidgetData; // 定位描述\n  zIndex: number;\n}\n\nexport type IEditorTextGraphicAttribute = {\n  graphicAlign?: 'left' | 'center' | 'right';\n  graphicBaseline?: 'top' | 'middle' | 'bottom';\n} & Partial<ITextGraphicAttribute & IRichTextGraphicAttribute>;\n\nexport interface IComponentCharacterSpec extends ICharacterSpecBase {\n  options: {\n    graphic: any;\n    text?: IEditorTextGraphicAttribute;\n    isResized?: boolean;\n    angle?: number;\n    shapePoints?: any;\n  };\n}\n\nexport interface IComponentMatch {\n  usrId?: string;\n  specIndex?: number | 'all'; // all 表示所有\n  [key: string]: any;\n}\n\nexport interface IComponentSpec {\n  specKey: string;\n  matchInfo: IComponentMatch;\n  spec: any;\n}\n\nexport interface IChartCharacterSpec extends ICharacterSpecBase {\n  options: {\n    // 图表spec\n    spec?: any;\n    panel?: any;\n    // 各种图表配置属性\n    theme?: any;\n    // 数据源\n    data?: any;\n    // 内部模块布局信息\n    padding?: any;\n    // 标题\n    title?: any;\n    layout?: any;\n    // 色板\n    color?: string[];\n    // 标注\n    marker?: any;\n    // mark单元素样式配置\n    markStyle?: any[];\n    // 组样式\n    dataGroupSpec?: {\n      [key: string]: any;\n    };\n    // 方向\n    direction?: DirectionType;\n    // 系列配置\n    seriesSpec?: {\n      matchInfo: IComponentMatch;\n      spec: any;\n    }[];\n    // 模块 spec\n    componentSpec?: IComponentSpec[];\n  };\n}\n\nexport type ICharacterSpec = IChartCharacterSpec | IComponentCharacterSpec;\n"]}
+{"version":3,"sources":["../src/story/character/dsl-interface.ts"],"names":[],"mappings":"","file":"dsl-interface.js","sourcesContent":["import type { IInitOption } from '@visactor/vchart';\nimport type { IRichTextGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';\nimport type { DirectionType } from './chart/const';\n\nexport type IPercent = `${number}%`;\nexport type WidgetNumber = number; // | IPercent;\n\nexport type IWidgetData = {\n  left: WidgetNumber;\n  top: WidgetNumber;\n} & (\n  | {\n      bottom: WidgetNumber;\n      right: WidgetNumber;\n    }\n  | {\n      width: WidgetNumber;\n      height: WidgetNumber;\n    }\n);\n\nexport interface ICharacterSpecBase {\n  id: string;\n  type: string; // 类型\n  position: IWidgetData; // 定位描述\n  zIndex: number;\n}\n\nexport type IEditorTextGraphicAttribute = {\n  graphicAlign?: 'left' | 'center' | 'right';\n  graphicBaseline?: 'top' | 'middle' | 'bottom';\n} & Partial<ITextGraphicAttribute & IRichTextGraphicAttribute>;\n\nexport interface IComponentCharacterSpec extends ICharacterSpecBase {\n  options: {\n    graphic: any;\n    text?: IEditorTextGraphicAttribute;\n    isResized?: boolean;\n    angle?: number;\n    shapePoints?: any;\n  };\n}\n\nexport interface IComponentMatch {\n  usrId?: string;\n  specIndex?: number | 'all'; // all 表示所有\n  [key: string]: any;\n}\n\nexport interface IComponentSpec {\n  specKey: string;\n  matchInfo: IComponentMatch;\n  spec: any;\n}\n\nexport interface IChartCharacterSpec extends ICharacterSpecBase {\n  options: {\n    // 图表spec\n    spec?: any;\n    // 初始化参数\n    initOption?: IInitOption;\n    panel?: any;\n    // 各种图表配置属性\n    theme?: any;\n    // 数据源\n    data?: any;\n    // 内部模块布局信息\n    padding?: any;\n    // 标题\n    title?: any;\n    layout?: any;\n    // 色板\n    color?: string[];\n    // 标注\n    marker?: any;\n    // mark单元素样式配置\n    markStyle?: any[];\n    // 组样式\n    dataGroupSpec?: {\n      [key: string]: any;\n    };\n    // 方向\n    direction?: DirectionType;\n    // 系列配置\n    seriesSpec?: {\n      matchInfo: IComponentMatch;\n      spec: any;\n    }[];\n    // 模块 spec\n    componentSpec?: IComponentSpec[];\n  };\n}\n\nexport type ICharacterSpec = IChartCharacterSpec | IComponentCharacterSpec;\n"]}

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

@@ -1,21 +1,26 @@
-import type { IGroup } from '@visactor/vrender';
-import type { IPointLike } from '@visactor/vutils';
+import type { IGroup, IGraphic } from '@visactor/vrender';
+import type { IBoundsLike, IPointLike } from '@visactor/vutils';
 import type { IStory, IStoryCanvas, StoryEvent } from '../interface/runtime-interface';
 import type { ICharacterSpec } from './dsl-interface';
 import type { Graphic } from './component/graphic/graphic';
 export interface ICharacterPickInfo {
     part: string;
-    graphicType: string;
+    graphic?: IGraphic;
+    graphicType?: string;
+    modelInfo?: any;
 }
 export interface ICharacter {
     id: string;
+    type: string;
+    visActorType: string;
     spec: ICharacterSpec;
+    graphic: Graphic | IGroup;
     init: () => void;
     reset: () => void;
     show: () => void;
     hide: () => void;
     getGraphicParent: () => IGroup;
-    graphic: Graphic | IGroup;
+    getLayoutBounds: () => IBoundsLike;
     tickTo: (t: number) => void;
     checkEvent: (event: StoryEvent) => false | (ICharacterPickInfo & any);
     updateSpec: (spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>) => void;

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

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

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

@@ -1,8 +1,8 @@
-import { ICharacterSpec } from 'src/story/character/dsl-interface';
+import type { ICharacterSpec } from 'src/story/character/dsl-interface';
 import { CharacterBase } from '../base/base';
 import type { ISpecProcess, ICharacterVisactor } from './interface';
-import { ICharacterInitOption } from '../runtime-interface';
-import { IChartCharacterRuntime } from '../chart/runtime/interface';
+import type { ICharacterInitOption } from '../runtime-interface';
+import type { IChartCharacterRuntime } from '../chart/runtime/interface';
 export declare abstract class CharacterVisactor extends CharacterBase implements ICharacterVisactor {
     protected _specProcess: ISpecProcess;
     get specProcess(): ISpecProcess;
@@ -24,6 +24,21 @@ export declare abstract class CharacterVisactor extends CharacterBase implements
     show(): void;
     hide(): void;
     getGraphicParent(): any;
+    getViewBoxFromSpec(): {
+        layout: Partial<import("../runtime-interface").ILayoutAttribute>;
+        viewBox: {
+            x1: number;
+            x2: number;
+            y1: number;
+            y2: number;
+        };
+    };
+    getLayoutBounds(): {
+        x1: number;
+        x2: number;
+        y1: number;
+        y2: number;
+    };
     tickTo(t: number): void;
     release(): void;
 }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.CharacterVisactor = void 0;
 
-const base_1 = require("../base/base");
+const base_1 = require("../base/base"), layout_1 = require("../../utils/layout");
 
 class CharacterVisactor extends base_1.CharacterBase {
     get specProcess() {
@@ -43,6 +43,22 @@ class CharacterVisactor extends base_1.CharacterBase {
     getGraphicParent() {
         return this._graphic;
     }
+    getViewBoxFromSpec() {
+        const layout = (0, layout_1.getLayoutFromWidget)(this._spec.position);
+        return {
+            layout: layout,
+            viewBox: {
+                x1: layout.x,
+                x2: layout.x + layout.width,
+                y1: layout.y,
+                y2: layout.y + layout.height
+            }
+        };
+    }
+    getLayoutBounds() {
+        const {viewBox: viewBox} = this.getViewBoxFromSpec();
+        return viewBox;
+    }
     tickTo(t) {}
     release() {
         var _a, _b;

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/visactor/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IChartCharacterSpec } from '../dsl-interface';\nimport type { EventEmitter } from '@visactor/vutils';\nimport type { ICharacter } from '../runtime-interface';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { IGroup } from '@visactor/vrender';\n\nexport type StandardData = IDataValue | IDataValue[];\nexport type IParserValue = any;\nexport type DataUpdateCall = (data: StandardData) => void;\nexport type DataErrorCall = (msg: { type: string; info: string }, opt?: any) => void;\n\n// visactor 元素的内部结构\n// 数据部分 start\n// DataParser：数据处理。负责解析数据，得到模版可用数据，处理数据上的特性内容。\n// VisactorTemp：模版处理。负责结合数据，生成对应类型的基础 spec。不同类型图表的特殊逻辑，在 temp 中处理\n// DataTempTransform：数据与模版更新管理，当数据/模版更新时，通过这个模块判定更新是否成功，成功后抛出更新成功消息。包含 VisactorTemp 与 DataParser\n// SpecProcess：编辑配置管理器，编辑属性更新的处理，对外输出合并了编辑信息的 spec 。包含一个 dataTempTransform\n// 数据部分 end\n\n// graphic 部分 start\n// IVisactorGraphic：包含一个 vchart｜vtbale 。visactor 的自定义图元封装。处理图元是否重绘，viewBox的图元属性逻辑\n// IVisactorGraphic-render：实际的 draw 入口，处理绘图过程，主要是处理变换矩阵。\n// graphic 部分 end\n\n// Visactor-role：编辑元素，包含一个 specProcess、IVisactorGraphic\n\nexport interface IDataTempTransform {\n  readonly specTemp: IVisactorTemp;\n\n  readonly nextTemp: IVisactorTemp;\n  emitter: EventEmitter;\n\n  updateChartTemp: (temp?: string) => void;\n\n  // 得到没有经过编辑器配置加工过的基础spec\n  getBaseSpec: () => any;\n\n  // 释放\n  release: () => void;\n\n  dataParser?: IDataParser;\n}\n\nexport interface IDataTempTransformConstructor {\n  new ({ specProcess, character }: { character: ICharacterVisactor; specProcess: ISpecProcess }): IDataTempTransform;\n}\n\nexport interface ISpecProcess {\n  dataTempTransform: IDataTempTransform;\n  emitter: EventEmitter;\n\n  // 得到visactor元素的spec\n  getVisSpec: () => ISpec;\n  // 得到角色的spec\n  getCharacterSpec: () => IChartCharacterSpec;\n\n  // temp\n  getCharacterType: () => string;\n\n  release: () => void;\n}\n\nexport type IDataType = any;\n\nexport interface IDataValue {\n  id: string;\n  sourceKey: string;\n  values: IDataType[];\n}\n\nexport type DataInfo = {\n  [key: string]: {\n    type: 'ordinal' | 'linear';\n  };\n};\n\nexport type DataSave = {\n  type: string;\n  value: any;\n};\n\nexport interface IDataParser {\n  type: string;\n  getData: () => StandardData;\n  getDataValue: () => IParserValue;\n  getDataInfo?: () => DataInfo;\n  getSpecOption?: () => any;\n  getSave: () => DataSave;\n  updateValue: (value: IParserValue) => void;\n  setDataUpdateHandler: (call: DataUpdateCall) => void;\n  setDataErrorHandler: (call: DataErrorCall) => void;\n  clear: () => void;\n}\n\nexport interface IDataParserConstructor {\n  type: string;\n  new (\n    value: any,\n    option: {\n      updateCall: DataUpdateCall;\n      errorCall: DataErrorCall;\n      currentData?: IDataParser;\n      emitter: EventEmitter;\n    }\n  ): IDataParser;\n}\n\n// chart & table 都是用这个模版接口\nexport interface IVisactorTemp {\n  type: string;\n  getSpec: (data: StandardData, ctx: any, opt?: any) => ISpec | null;\n  standardizedSpec: (spec: any, ctx: any, opt?: any) => void;\n  getChartType: () => string;\n  checkDataEnable: (data: StandardData, opt?: any) => boolean;\n  getTempInfo?: () => any;\n  clear: () => void;\n}\n\nexport interface IVisactorTempConstructor {\n  new (): IVisactorTemp;\n}\n\n// 绘图元素\nexport interface IVisactorGraphic extends IGroup {\n  readonly vProduct: IVChart;\n\n  updateSpec: (spec: any) => void;\n  release: () => void;\n}\n\n// 编辑元素\nexport interface ICharacterVisactor extends ICharacter {\n  // 清除编辑数据\n  clearConfig: (opt: { clearCurrent: false | { [key: string]: any } }) => void;\n  getGraphicParent: () => IVisactorGraphic;\n}\n\nexport interface IUpdateAttributeOption {\n  triggerHistory?: boolean;\n  saveData?: boolean;\n  actionType?: 'data-add' | 'data-change' | 'data-replace' | string;\n}\n"]}
+{"version":3,"sources":["../src/story/character/visactor/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IChartCharacterSpec } from '../dsl-interface';\nimport type { EventEmitter, IBoundsLike } from '@visactor/vutils';\nimport type { ICharacter } from '../runtime-interface';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { IGroup } from '@visactor/vrender';\n\nexport type StandardData = IDataValue | IDataValue[];\nexport type IParserValue = any;\nexport type DataUpdateCall = (data: StandardData) => void;\nexport type DataErrorCall = (msg: { type: string; info: string }, opt?: any) => void;\n\n// visactor 元素的内部结构\n// 数据部分 start\n// DataParser：数据处理。负责解析数据，得到模版可用数据，处理数据上的特性内容。\n// VisactorTemp：模版处理。负责结合数据，生成对应类型的基础 spec。不同类型图表的特殊逻辑，在 temp 中处理\n// DataTempTransform：数据与模版更新管理，当数据/模版更新时，通过这个模块判定更新是否成功，成功后抛出更新成功消息。包含 VisactorTemp 与 DataParser\n// SpecProcess：编辑配置管理器，编辑属性更新的处理，对外输出合并了编辑信息的 spec 。包含一个 dataTempTransform\n// 数据部分 end\n\n// graphic 部分 start\n// IVisactorGraphic：包含一个 vchart｜vtbale 。visactor 的自定义图元封装。处理图元是否重绘，viewBox的图元属性逻辑\n// IVisactorGraphic-render：实际的 draw 入口，处理绘图过程，主要是处理变换矩阵。\n// graphic 部分 end\n\n// Visactor-role：编辑元素，包含一个 specProcess、IVisactorGraphic\n\nexport interface IDataTempTransform {\n  readonly specTemp: IVisactorTemp;\n\n  readonly nextTemp: IVisactorTemp;\n  emitter: EventEmitter;\n\n  updateChartTemp: (temp?: string) => void;\n\n  // 得到没有经过编辑器配置加工过的基础spec\n  getBaseSpec: () => any;\n\n  // 释放\n  release: () => void;\n\n  dataParser?: IDataParser;\n}\n\nexport interface IDataTempTransformConstructor {\n  new ({ specProcess, character }: { character: ICharacterVisactor; specProcess: ISpecProcess }): IDataTempTransform;\n}\n\nexport interface ISpecProcess {\n  dataTempTransform: IDataTempTransform;\n  emitter: EventEmitter;\n\n  // 得到visactor元素的spec\n  getVisSpec: () => ISpec;\n  // 得到角色的spec\n  getCharacterSpec: () => IChartCharacterSpec;\n\n  // temp\n  getCharacterType: () => string;\n\n  release: () => void;\n}\n\nexport type IDataType = any;\n\nexport interface IDataValue {\n  id: string;\n  sourceKey: string;\n  values: IDataType[];\n}\n\nexport type DataInfo = {\n  [key: string]: {\n    type: 'ordinal' | 'linear';\n  };\n};\n\nexport type DataSave = {\n  type: string;\n  value: any;\n};\n\nexport interface IDataParser {\n  type: string;\n  getData: () => StandardData;\n  getDataValue: () => IParserValue;\n  getDataInfo?: () => DataInfo;\n  getSpecOption?: () => any;\n  getSave: () => DataSave;\n  updateValue: (value: IParserValue) => void;\n  setDataUpdateHandler: (call: DataUpdateCall) => void;\n  setDataErrorHandler: (call: DataErrorCall) => void;\n  clear: () => void;\n}\n\nexport interface IDataParserConstructor {\n  type: string;\n  new (\n    value: any,\n    option: {\n      updateCall: DataUpdateCall;\n      errorCall: DataErrorCall;\n      currentData?: IDataParser;\n      emitter: EventEmitter;\n    }\n  ): IDataParser;\n}\n\n// chart & table 都是用这个模版接口\nexport interface IVisactorTemp {\n  type: string;\n  getSpec: (data: StandardData, ctx: any, opt?: any) => ISpec | null;\n  standardizedSpec: (spec: any, ctx: any, opt?: any) => void;\n  getChartType: () => string;\n  checkDataEnable: (data: StandardData, opt?: any) => boolean;\n  getTempInfo?: () => any;\n  clear: () => void;\n}\n\nexport interface IVisactorTempConstructor {\n  new (): IVisactorTemp;\n}\n\n// 绘图元素\nexport interface IVisactorGraphic extends IGroup {\n  readonly vProduct: IVChart;\n\n  updateSpec: (spec: any) => void;\n  release: () => void;\n}\n\n// 编辑元素\nexport interface ICharacterVisactor extends ICharacter {\n  // 清除编辑数据\n  clearConfig: (opt: { clearCurrent: false | { [key: string]: any } }) => void;\n  getGraphicParent: () => IVisactorGraphic;\n}\n\nexport interface IUpdateAttributeOption {\n  triggerHistory?: boolean;\n  saveData?: boolean;\n  actionType?: 'data-add' | 'data-change' | 'data-replace' | string;\n}\n"]}

package/cjs/story/index.js

@@ -19,18 +19,21 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerCharacter = void 0;
 
-const character_qipao_1 = require("./character/component/characters/character-qipao"), character_rect_1 = require("./character/component/characters/character-rect"), factory_1 = require("./factory/factory"), vrender_1 = require("@visactor/vrender"), vrender_2 = require("@visactor/vrender"), vchart_graphic_render_1 = require("./character/chart/graphic/vchart-graphic-render"), character_text_1 = require("./character/component/characters/character-text"), vchart_graphic_picker_1 = require("./character/chart/graphic/vchart-graphic-picker"), character_1 = require("../constants/character"), character_line_1 = require("./character/component/characters/character-line"), character_image_1 = require("./character/component/characters/character-image"), character_shape_1 = require("./character/component/characters/character-shape"), vchart_1 = require("./character/chart/characters/vchart"), component_group_graphic_render_1 = require("./character/component/character-group/component-group-graphic-render"), character_timeline_1 = require("./character/component/characters/character-timeline"), splitModule = new vrender_1.ContainerModule((bind => {
+const character_qipao_1 = require("./character/component/characters/character-qipao"), character_rect_1 = require("./character/component/characters/character-rect"), factory_1 = require("./factory/factory"), vrender_1 = require("@visactor/vrender"), vrender_2 = require("@visactor/vrender"), vchart_graphic_render_1 = require("./character/chart/graphic/vchart-graphic-render"), character_text_1 = require("./character/component/characters/character-text"), vchart_graphic_picker_1 = require("./character/chart/graphic/vchart-graphic-picker"), character_1 = require("../constants/character"), character_line_1 = require("./character/component/characters/character-line"), character_image_1 = require("./character/component/characters/character-image"), character_shape_1 = require("./character/component/characters/character-shape"), vchart_1 = require("./character/chart/characters/vchart"), component_group_graphic_render_1 = require("./character/component/character-group/component-group-graphic-render"), character_timeline_1 = require("./character/component/characters/character-timeline"), rankingBar_1 = require("./character/chart/characters/rankingBar"), splitModule = new vrender_1.ContainerModule((bind => {
     bind(vchart_graphic_render_1.VChartRender).toSelf().inSingletonScope(), bind(vchart_graphic_render_1.ChartRender).toService(vchart_graphic_render_1.VChartRender), 
     bind(vrender_1.GraphicRender).toService(vchart_graphic_render_1.ChartRender), bind(vchart_graphic_picker_1.VChartPicker).to(vchart_graphic_picker_1.VChartPicker).inSingletonScope(), 
     bind(vrender_2.CanvasPickerContribution).toService(vchart_graphic_picker_1.VChartPicker), 
     bind(component_group_graphic_render_1.ComponentGroupRender).toSelf().inSingletonScope(), 
     bind(vrender_1.GraphicRender).toService(component_group_graphic_render_1.ComponentGroupRender);
+})), editPlugin = new vrender_1.ContainerModule((bind => {
+    bind(vrender_1.RichTextEditPlugin).toSelf(), bind(vrender_1.AutoEnablePlugins).toService(vrender_1.RichTextEditPlugin);
 }));
 
 let _register = !1;
 
 function registerCharacter() {
     _register || (_register = !0, factory_1.StoryFactory.registerCharacter(vchart_1.VChartCharacter.type, vchart_1.VChartCharacter), 
+    factory_1.StoryFactory.registerCharacter(rankingBar_1.RankingBarCharacter.type, rankingBar_1.RankingBarCharacter), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.RECT, character_rect_1.CharacterComponentRect), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.TEXT, character_text_1.CharacterComponentText), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.QIPAO, character_qipao_1.CharacterComponentQipao), 
@@ -38,7 +41,7 @@ function registerCharacter() {
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.IMAGE, character_image_1.CharacterComponentImage), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.SHAPE, character_shape_1.CharacterComponentShape), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.TIMELINE, character_timeline_1.CharacterComponentTimeline), 
-    vrender_1.container.load(splitModule));
+    vrender_1.container.load(splitModule), vrender_1.container.load(editPlugin));
 }
 
 exports.registerCharacter = registerCharacter, registerCharacter(), __exportStar(require("./story"), exports);

package/cjs/story/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sFAA2F;AAC3F,oFAAyF;AACzF,+CAAiD;AACjD,+CAA8E;AAC9E,+CAA6D;AAC7D,2FAA4F;AAC5F,oFAAyF;AAEzF,2FAA+E;AAC/E,sDAA4D;AAC5D,oFAAyF;AACzF,sFAA2F;AAC3F,sFAA2F;AAC3F,gEAAsE;AACtE,yHAA4G;AAC5G,4FAAiG;AAEjG,MAAM,WAAW,GAAG,IAAI,yBAAe,CAAC,IAAI,CAAC,EAAE;IAE7C,IAAI,CAAC,oCAAY,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC/C,IAAI,CAAC,mCAAW,CAAC,CAAC,SAAS,CAAC,oCAAY,CAAC,CAAC;IAC1C,IAAI,CAAC,uBAAa,CAAC,CAAC,SAAS,CAAC,mCAAW,CAAC,CAAC;IAC3C,IAAI,CAAC,oCAAY,CAAC,CAAC,EAAE,CAAC,oCAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACvD,IAAI,CAAC,kCAAwB,CAAC,CAAC,SAAS,CAAC,oCAAY,CAAC,CAAC;IAGvD,IAAI,CAAC,qDAAoB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACvD,IAAI,CAAC,uBAAa,CAAC,CAAC,SAAS,CAAC,qDAAoB,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;AAEH,IAAI,SAAS,GAAG,KAAK,CAAC;AACtB,SAAgB,iBAAiB;IAC/B,IAAI,SAAS,EAAE;QACb,OAAO;KACR;IACD,SAAS,GAAG,IAAI,CAAC;IACjB,sBAAY,CAAC,iBAAiB,CAAC,wBAAe,CAAC,IAAI,EAAE,wBAAe,CAAC,CAAC;IAKtE,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAChF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAEhF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAChF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,QAAQ,EAAE,+CAA0B,CAAC,CAAC;IAExF,mBAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC9B,CAAC;AApBD,8CAoBC;AAED,iBAAiB,EAAE,CAAC;AAEpB,0CAAwB","file":"index.js","sourcesContent":["import { CharacterComponentQipao } from './character/component/characters/character-qipao';\nimport { CharacterComponentRect } from './character/component/characters/character-rect';\nimport { StoryFactory } from './factory/factory';\nimport { ContainerModule, GraphicRender, container } from '@visactor/vrender';\nimport { CanvasPickerContribution } from '@visactor/vrender';\nimport { ChartRender, VChartRender } from './character/chart/graphic/vchart-graphic-render';\nimport { CharacterComponentText } from './character/component/characters/character-text';\n// import { CharacterComponentRichText } from './character/component/characters/character-richtext';\nimport { VChartPicker } from './character/chart/graphic/vchart-graphic-picker';\nimport { StoryComponentType } from '../constants/character';\nimport { CharacterComponentLine } from './character/component/characters/character-line';\nimport { CharacterComponentImage } from './character/component/characters/character-image';\nimport { CharacterComponentShape } from './character/component/characters/character-shape';\nimport { VChartCharacter } from './character/chart/characters/vchart';\nimport { ComponentGroupRender } from './character/component/character-group/component-group-graphic-render';\nimport { CharacterComponentTimeline } from './character/component/characters/character-timeline';\n\nconst splitModule = new ContainerModule(bind => {\n  // chart渲染器注入\n  bind(VChartRender).toSelf().inSingletonScope();\n  bind(ChartRender).toService(VChartRender);\n  bind(GraphicRender).toService(ChartRender);\n  bind(VChartPicker).to(VChartPicker).inSingletonScope();\n  bind(CanvasPickerContribution).toService(VChartPicker);\n\n  // component渲染器注入\n  bind(ComponentGroupRender).toSelf().inSingletonScope();\n  bind(GraphicRender).toService(ComponentGroupRender);\n});\n\nlet _register = false;\nexport function registerCharacter() {\n  if (_register) {\n    return;\n  }\n  _register = true;\n  StoryFactory.registerCharacter(VChartCharacter.type, VChartCharacter);\n\n  // StoryFactory.registerCharacter('BarChart', CharacterChart);\n  // StoryFactory.registerCharacter('CharacterChart', CharacterChart);\n  // StoryFactory.registerCharacter('LineChart', CharacterChart);\n  StoryFactory.registerCharacter(StoryComponentType.RECT, CharacterComponentRect);\n  StoryFactory.registerCharacter(StoryComponentType.TEXT, CharacterComponentText);\n  // StoryFactory.registerCharacter(StoryComponentType.RICH_TEXT, CharacterComponentRichText);\n  StoryFactory.registerCharacter(StoryComponentType.QIPAO, CharacterComponentQipao);\n  StoryFactory.registerCharacter(StoryComponentType.LINE, CharacterComponentLine);\n  StoryFactory.registerCharacter(StoryComponentType.IMAGE, CharacterComponentImage);\n  StoryFactory.registerCharacter(StoryComponentType.SHAPE, CharacterComponentShape);\n  StoryFactory.registerCharacter(StoryComponentType.TIMELINE, CharacterComponentTimeline);\n\n  container.load(splitModule);\n}\n\nregisterCharacter();\n\nexport * from './story';\n"]}
+{"version":3,"sources":["../src/story/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sFAA2F;AAC3F,oFAAyF;AACzF,+CAAiD;AACjD,+CAAqH;AACrH,+CAA6D;AAC7D,2FAA4F;AAC5F,oFAAyF;AAEzF,2FAA+E;AAC/E,sDAA4D;AAC5D,oFAAyF;AACzF,sFAA2F;AAC3F,sFAA2F;AAC3F,gEAAsE;AACtE,yHAA4G;AAC5G,4FAAiG;AACjG,wEAA8E;AAE9E,MAAM,WAAW,GAAG,IAAI,yBAAe,CAAC,IAAI,CAAC,EAAE;IAE7C,IAAI,CAAC,oCAAY,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC/C,IAAI,CAAC,mCAAW,CAAC,CAAC,SAAS,CAAC,oCAAY,CAAC,CAAC;IAC1C,IAAI,CAAC,uBAAa,CAAC,CAAC,SAAS,CAAC,mCAAW,CAAC,CAAC;IAC3C,IAAI,CAAC,oCAAY,CAAC,CAAC,EAAE,CAAC,oCAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACvD,IAAI,CAAC,kCAAwB,CAAC,CAAC,SAAS,CAAC,oCAAY,CAAC,CAAC;IAGvD,IAAI,CAAC,qDAAoB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACvD,IAAI,CAAC,uBAAa,CAAC,CAAC,SAAS,CAAC,qDAAoB,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAI,yBAAe,CAAC,IAAI,CAAC,EAAE;IAC5C,IAAI,CAAC,4BAAkB,CAAC,CAAC,MAAM,EAAE,CAAC;IAClC,IAAI,CAAC,2BAAiB,CAAC,CAAC,SAAS,CAAC,4BAAkB,CAAC,CAAC;AACxD,CAAC,CAAC,CAAC;AAEH,IAAI,SAAS,GAAG,KAAK,CAAC;AACtB,SAAgB,iBAAiB;IAC/B,IAAI,SAAS,EAAE;QACb,OAAO;KACR;IACD,SAAS,GAAG,IAAI,CAAC;IACjB,sBAAY,CAAC,iBAAiB,CAAC,wBAAe,CAAC,IAAI,EAAE,wBAAe,CAAC,CAAC;IACtE,sBAAY,CAAC,iBAAiB,CAAC,gCAAmB,CAAC,IAAI,EAAE,gCAAmB,CAAC,CAAC;IAK9E,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAChF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAEhF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,IAAI,EAAE,uCAAsB,CAAC,CAAC;IAChF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,KAAK,EAAE,yCAAuB,CAAC,CAAC;IAClF,sBAAY,CAAC,iBAAiB,CAAC,8BAAkB,CAAC,QAAQ,EAAE,+CAA0B,CAAC,CAAC;IAExF,mBAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC5B,mBAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAC7B,CAAC;AAtBD,8CAsBC;AAED,iBAAiB,EAAE,CAAC;AAEpB,0CAAwB","file":"index.js","sourcesContent":["import { CharacterComponentQipao } from './character/component/characters/character-qipao';\nimport { CharacterComponentRect } from './character/component/characters/character-rect';\nimport { StoryFactory } from './factory/factory';\nimport { AutoEnablePlugins, ContainerModule, GraphicRender, RichTextEditPlugin, container } from '@visactor/vrender';\nimport { CanvasPickerContribution } from '@visactor/vrender';\nimport { ChartRender, VChartRender } from './character/chart/graphic/vchart-graphic-render';\nimport { CharacterComponentText } from './character/component/characters/character-text';\n// import { CharacterComponentRichText } from './character/component/characters/character-richtext';\nimport { VChartPicker } from './character/chart/graphic/vchart-graphic-picker';\nimport { StoryComponentType } from '../constants/character';\nimport { CharacterComponentLine } from './character/component/characters/character-line';\nimport { CharacterComponentImage } from './character/component/characters/character-image';\nimport { CharacterComponentShape } from './character/component/characters/character-shape';\nimport { VChartCharacter } from './character/chart/characters/vchart';\nimport { ComponentGroupRender } from './character/component/character-group/component-group-graphic-render';\nimport { CharacterComponentTimeline } from './character/component/characters/character-timeline';\nimport { RankingBarCharacter } from './character/chart/characters/rankingBar';\n\nconst splitModule = new ContainerModule(bind => {\n  // chart渲染器注入\n  bind(VChartRender).toSelf().inSingletonScope();\n  bind(ChartRender).toService(VChartRender);\n  bind(GraphicRender).toService(ChartRender);\n  bind(VChartPicker).to(VChartPicker).inSingletonScope();\n  bind(CanvasPickerContribution).toService(VChartPicker);\n\n  // component渲染器注入\n  bind(ComponentGroupRender).toSelf().inSingletonScope();\n  bind(GraphicRender).toService(ComponentGroupRender);\n});\n\nconst editPlugin = new ContainerModule(bind => {\n  bind(RichTextEditPlugin).toSelf();\n  bind(AutoEnablePlugins).toService(RichTextEditPlugin);\n});\n\nlet _register = false;\nexport function registerCharacter() {\n  if (_register) {\n    return;\n  }\n  _register = true;\n  StoryFactory.registerCharacter(VChartCharacter.type, VChartCharacter);\n  StoryFactory.registerCharacter(RankingBarCharacter.type, RankingBarCharacter);\n\n  // StoryFactory.registerCharacter('BarChart', CharacterChart);\n  // StoryFactory.registerCharacter('CharacterChart', CharacterChart);\n  // StoryFactory.registerCharacter('LineChart', CharacterChart);\n  StoryFactory.registerCharacter(StoryComponentType.RECT, CharacterComponentRect);\n  StoryFactory.registerCharacter(StoryComponentType.TEXT, CharacterComponentText);\n  // StoryFactory.registerCharacter(StoryComponentType.RICH_TEXT, CharacterComponentRichText);\n  StoryFactory.registerCharacter(StoryComponentType.QIPAO, CharacterComponentQipao);\n  StoryFactory.registerCharacter(StoryComponentType.LINE, CharacterComponentLine);\n  StoryFactory.registerCharacter(StoryComponentType.IMAGE, CharacterComponentImage);\n  StoryFactory.registerCharacter(StoryComponentType.SHAPE, CharacterComponentShape);\n  StoryFactory.registerCharacter(StoryComponentType.TIMELINE, CharacterComponentTimeline);\n\n  container.load(splitModule);\n  container.load(editPlugin);\n}\n\nregisterCharacter();\n\nexport * from './story';\n"]}

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

@@ -1,14 +1,15 @@
+import type { IRankingBarPlayAction } from './../../player/processor/chart/rankingBar/rankingBar';
 import type { IChartAddAction, IChartUpdateAction } from '../../player/processor/chart/vchart';
 import type { IChartVisibilityAction, IComponentVisibilityAction } from '../../player/processor/interface/appear-action';
 import type { IComponentBounceAction, IComponentMoveToAction, IComponentScaleToAction, IComponentStyleAction } from '../../player/processor/interface/style-action';
 import type { ICharacterSpec } from '../character';
-export type IActionSpec = IComponentStyleAction | IComponentVisibilityAction | IComponentMoveToAction | IComponentScaleToAction | IComponentBounceAction | IChartVisibilityAction | IChartUpdateAction | IChartAddAction;
+export type IActionSpec = IComponentStyleAction | IComponentVisibilityAction | IComponentMoveToAction | IComponentScaleToAction | IComponentBounceAction | IChartVisibilityAction | IChartUpdateAction | IChartAddAction | IRankingBarPlayAction;
 export interface IStorySpec {
     acts: IActSpec[];
     characters: ICharacterSpec[];
 }
 export interface IActionsLink {
-    characterId: string;
+    characterId: string | string[];
     characterActions: IActionSpec[];
 }
 export type ISceneSpec = {

package/cjs/story/interface/dsl-interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/interface/dsl-interface.ts"],"names":[],"mappings":"","file":"dsl-interface.js","sourcesContent":["import type { IChartAddAction, IChartUpdateAction } from '../../player/processor/chart/vchart';\nimport type {\n  IChartVisibilityAction,\n  IComponentVisibilityAction\n  // IChartAddAction\n} from '../../player/processor/interface/appear-action';\nimport type {\n  IComponentBounceAction,\n  IComponentMoveToAction,\n  IComponentScaleToAction,\n  IComponentStyleAction\n} from '../../player/processor/interface/style-action';\nimport type { ICharacterSpec } from '../character';\n\nexport type IActionSpec =\n  | IComponentStyleAction\n  | IComponentVisibilityAction\n  | IComponentMoveToAction\n  | IComponentScaleToAction\n  | IComponentBounceAction\n  | IChartVisibilityAction\n  | IChartUpdateAction\n  | IChartAddAction;\n\nexport interface IStorySpec {\n  acts: IActSpec[]; // 作品的章节\n  characters: ICharacterSpec[]; // 作品中的元素\n}\n\nexport interface IActionsLink {\n  characterId: string;\n  characterActions: IActionSpec[];\n}\n\nexport type ISceneSpec = {\n  id: string;\n  delay?: number; // 入场延迟，可以是正数或者负数\n  actions: IActionsLink[];\n};\n\nexport interface IActSpec {\n  id: string;\n  scenes: ISceneSpec[];\n}\n"]}
+{"version":3,"sources":["../src/story/interface/dsl-interface.ts"],"names":[],"mappings":"","file":"dsl-interface.js","sourcesContent":["import type { IRankingBarPlayAction } from './../../player/processor/chart/rankingBar/rankingBar';\nimport type { IChartAddAction, IChartUpdateAction } from '../../player/processor/chart/vchart';\nimport type {\n  IChartVisibilityAction,\n  IComponentVisibilityAction\n} from '../../player/processor/interface/appear-action';\nimport type {\n  IComponentBounceAction,\n  IComponentMoveToAction,\n  IComponentScaleToAction,\n  IComponentStyleAction\n} from '../../player/processor/interface/style-action';\nimport type { ICharacterSpec } from '../character';\n\nexport type IActionSpec =\n  | IComponentStyleAction\n  | IComponentVisibilityAction\n  | IComponentMoveToAction\n  | IComponentScaleToAction\n  | IComponentBounceAction\n  | IChartVisibilityAction\n  | IChartUpdateAction\n  | IChartAddAction\n  | IRankingBarPlayAction;\n\nexport interface IStorySpec {\n  acts: IActSpec[]; // 作品的章节\n  characters: ICharacterSpec[]; // 作品中的元素\n}\n\nexport interface IActionsLink {\n  characterId: string | string[];\n  characterActions: IActionSpec[];\n}\n\nexport type ISceneSpec = {\n  id: string;\n  delay?: number; // 入场延迟，可以是正数或者负数\n  actions: IActionsLink[];\n};\n\nexport interface IActSpec {\n  id: string;\n  scenes: ISceneSpec[];\n}\n"]}

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

@@ -37,4 +37,6 @@ export interface ICharacterTree {
 export type StoryEvent = Event & {
     detailPath: IGraphic[];
     path: IGraphic[];
+    canvasX?: number;
+    canvasY?: number;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/interface/runtime-interface.ts"],"names":[],"mappings":"","file":"runtime-interface.js","sourcesContent":["import type { IGraphic, IStage } from '@visactor/vrender';\nimport type { ICharacter, ICharacterSpec } from '../character';\nimport type { IPlayer } from '../../player/interface/player';\n\nexport interface IStoryInitOption {\n  dom: string | HTMLDivElement; // dom id\n  playerOption?: {\n    scaleX?: number;\n    scaleY?: number;\n  };\n}\n\nexport interface IStoryCanvas {\n  getStage: () => IStage;\n  getCanvas: () => HTMLCanvasElement;\n  getEventDetail: (event: StoryEvent) => {\n    character: ICharacter;\n    characterInfo: undefined;\n  };\n  release: () => void;\n}\n\nexport interface IStory {\n  readonly id: string;\n  readonly player: IPlayer;\n  canvas: IStoryCanvas;\n  getCharacters: () => { [key: string]: ICharacter };\n  getCharactersById: (key: string) => ICharacter | null;\n}\nexport interface ICharacterTree {\n  getCharacters: () => { [key: string]: ICharacter };\n  getCharactersById: (key: string) => ICharacter | null;\n  addCharacter: (spec: ICharacterSpec) => ICharacter;\n  initCharacters: (spec: ICharacterSpec[]) => void;\n}\n\nexport type StoryEvent = Event & {\n  detailPath: IGraphic[];\n  path: IGraphic[];\n};\n"]}
+{"version":3,"sources":["../src/story/interface/runtime-interface.ts"],"names":[],"mappings":"","file":"runtime-interface.js","sourcesContent":["import type { IGraphic, IStage } from '@visactor/vrender';\nimport type { ICharacter, ICharacterSpec } from '../character';\nimport type { IPlayer } from '../../player/interface/player';\n\nexport interface IStoryInitOption {\n  dom: string | HTMLDivElement; // dom id\n  playerOption?: {\n    scaleX?: number;\n    scaleY?: number;\n  };\n}\n\nexport interface IStoryCanvas {\n  getStage: () => IStage;\n  getCanvas: () => HTMLCanvasElement;\n  getEventDetail: (event: StoryEvent) => {\n    character: ICharacter;\n    characterInfo: undefined;\n  };\n  release: () => void;\n}\n\nexport interface IStory {\n  readonly id: string;\n  readonly player: IPlayer;\n  canvas: IStoryCanvas;\n  getCharacters: () => { [key: string]: ICharacter };\n  getCharactersById: (key: string) => ICharacter | null;\n}\nexport interface ICharacterTree {\n  getCharacters: () => { [key: string]: ICharacter };\n  getCharactersById: (key: string) => ICharacter | null;\n  addCharacter: (spec: ICharacterSpec) => ICharacter;\n  initCharacters: (spec: ICharacterSpec[]) => void;\n}\n\nexport type StoryEvent = Event & {\n  detailPath: IGraphic[];\n  path: IGraphic[];\n  canvasX?: number;\n  canvasY?: number;\n};\n"]}

package/cjs/story/story.js

@@ -45,10 +45,11 @@ class Story {
         this.id = "test-mvp_" + Story._id_++, this._canvas = new canvas_1.StoryCanvas(this, (0, 
         vutils_1.isString)(option.dom) ? document.getElementById(option.dom) : option.dom), 
         this._player = new player_1.Player(this, option.playerOption), this._characterTree = new character_tree_1.CharacterTree(this), 
-        this._spec = spec, this._spec && this.load(this._spec);
+        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();

package/cjs/story/story.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/story.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,6CAA4C;AAG5C,4CAA8C;AAG9C,+CAAmE;AACnE,oEAAgE;AAEhE,6CAA0C;AAG1C,uBAAa,CAAC,WAAW,CAAC,yBAAe,CAAC,CAAC;AAE3C,MAAa,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,oBAAW,CAC5B,IAAI,EACJ,IAAA,iBAAQ,EAAC,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,eAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;QAErD,IAAI,CAAC,cAAc,GAAG,IAAI,8BAAa,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,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,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;;AA9EH,sBA+EC;AA9EQ,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    this._spec = spec;\n    this._spec && this.load(this._spec);\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._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"]}
+{"version":3,"sources":["../src/story/story.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,6CAA4C;AAG5C,4CAA8C;AAG9C,+CAAmE;AACnE,oEAAgE;AAEhE,6CAA0C;AAG1C,uBAAa,CAAC,WAAW,CAAC,yBAAe,CAAC,CAAC;AAE3C,MAAa,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,oBAAW,CAC5B,IAAI,EACJ,IAAA,iBAAQ,EAAC,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,eAAM,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;QAErD,IAAI,CAAC,cAAc,GAAG,IAAI,8BAAa,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;;AAjFH,sBAkFC;AAjFQ,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/cjs/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/cjs/story/utils/layout.js

@@ -2,8 +2,8 @@
 
 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/cjs/story/utils/layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/utils/layout.ts"],"names":[],"mappings":";;;AAEA,SAAgB,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;AAPD,kDAOC","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,SAAgB,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;AAPD,kDAOC","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/cjs/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/cjs/story/utils/vchart-pick.js

@@ -0,0 +1,109 @@
+"use strict";
+
+function commonModelInfo(model) {
+    return {
+        type: model.type,
+        model: model,
+        specKey: model.specKey,
+        specIndex: model.getSpecIndex()
+    };
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getGraphicModelMark = exports.getChartModelWithEvent = exports.discretePlayerMarkPick = exports.continuousPlayerMarkPick = exports.titleBarMarkPick = exports.scrollBarMarkPick = exports.sizeLegendMarkPick = exports.colorLegendMarkPick = exports.discreteLegendMarkPick = exports.labelMarkPick = exports.markerMarkPick = exports.axisMarkPick = exports.seriesMarkPick = void 0, 
+exports.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
+        };
+    }
+}, exports.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
+};
+
+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)))
+    };
+}
+
+exports.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);
+    }
+}, exports.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
+        });
+    }
+}, exports.discreteLegendMarkPick = commonModePick("DiscreteLegend", "discreteLegend"), 
+exports.colorLegendMarkPick = commonModePick("ColorContinuousLegend", "colorLegend"), 
+exports.sizeLegendMarkPick = commonModePick("SizeContinuousLegend", "sizeLegend"), 
+exports.scrollBarMarkPick = commonModePick("ScrollBar", "scrollBar"), exports.titleBarMarkPick = commonModePick("Title", "title"), 
+exports.continuousPlayerMarkPick = commonModePick("ContinuousPlayer", "player"), 
+exports.discretePlayerMarkPick = commonModePick("DiscretePlayer", "player");
+
+const modelCheck = [ exports.seriesMarkPick, exports.axisMarkPick, exports.discreteLegendMarkPick, exports.colorLegendMarkPick, exports.sizeLegendMarkPick, exports.markerMarkPick, exports.scrollBarMarkPick, exports.labelMarkPick, exports.titleBarMarkPick, exports.continuousPlayerMarkPick, exports.discretePlayerMarkPick ];
+
+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;
+}
+
+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);
+}
+
+exports.getChartModelWithEvent = getChartModelWithEvent, exports.getGraphicModelMark = getGraphicModelMark;
+//# sourceMappingURL=vchart-pick.js.map