@visactor/vstory 0.0.4 → 0.0.5-alpha.0

package/es/story/character/component/character-group/component-group-graphic.js

@@ -1,16 +1,18 @@
 import { genNumberType, Group } from "@visactor/vrender";
 
-export const CHART_NUMBER_TYPE = genNumberType();
+export const COMPONENT_NUMBER_TYPE = genNumberType();
 
 export class ComponentGroup extends Group {
     constructor(attrs) {
-        super(Object.assign({
+        super(Object.assign(Object.assign({
             scaleX: 1,
             scaleY: 1,
             x: 0,
             y: 0,
             angle: 0
-        }, attrs)), this.type = "vstory-component-group", this.numberType = CHART_NUMBER_TYPE;
+        }, attrs), {
+            pickable: !1
+        })), this.type = "vstory-component-group", this.numberType = COMPONENT_NUMBER_TYPE;
     }
 }
 //# sourceMappingURL=component-group-graphic.js.map

package/es/story/character/component/character-group/component-group-graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/character-group/component-group-graphic.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAoBzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,EAAE,CAAC;AAGjD,MAAM,OAAO,cAAe,SAAQ,KAAK;IAIvC,YAAY,KAA6B;QAEvC,KAAK,iBAAG,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAK,KAAK,EAAG,CAAC;QALlE,SAAI,GAAgB,wBAA+B,CAAC;QACpD,eAAU,GAAW,iBAAiB,CAAC;IAKvC,CAAC;CACF","file":"component-group-graphic.js","sourcesContent":["import type { IVisactorGraphic } from '../../visactor/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\n\nexport interface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  renderCanvas: HTMLCanvasElement;\n  spec: any;\n  ClassType: any;\n  vchart: IVChart;\n  mode: string;\n  modeParams?: any;\n  dpr: number;\n  interactive: boolean;\n  animation: boolean;\n  disableTriggerEvent: boolean;\n  disableDirtyBounds: boolean;\n  viewBox: IBoundsLike;\n  ticker?: ITicker;\n  autoRender?: boolean;\n  chartInitOptions?: any;\n}\n\nexport const CHART_NUMBER_TYPE = genNumberType();\n\n// @ts-ignore\nexport class ComponentGroup extends Group implements IVisactorGraphic {\n  type: GraphicType = 'vstory-component-group' as any;\n  numberType: number = CHART_NUMBER_TYPE;\n\n  constructor(attrs: IGroupGraphicAttribute) {\n    // vstory-component-group没有主题，必须都初始化，否则动画会找不到属性\n    super({ scaleX: 1, scaleY: 1, x: 0, y: 0, angle: 0, ...attrs });\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/character-group/component-group-graphic.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAoBzD,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,EAAE,CAAC;AAGrD,MAAM,OAAO,cAAe,SAAQ,KAAK;IAIvC,YAAY,KAA6B;QAEvC,KAAK,+BAAG,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAK,KAAK,KAAE,QAAQ,EAAE,KAAK,IAAG,CAAC;QALnF,SAAI,GAAgB,wBAA+B,CAAC;QACpD,eAAU,GAAW,qBAAqB,CAAC;IAK3C,CAAC;CACF","file":"component-group-graphic.js","sourcesContent":["import type { IVisactorGraphic } from '../../visactor/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\n\nexport interface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  renderCanvas: HTMLCanvasElement;\n  spec: any;\n  ClassType: any;\n  vchart: IVChart;\n  mode: string;\n  modeParams?: any;\n  dpr: number;\n  interactive: boolean;\n  animation: boolean;\n  disableTriggerEvent: boolean;\n  disableDirtyBounds: boolean;\n  viewBox: IBoundsLike;\n  ticker?: ITicker;\n  autoRender?: boolean;\n  chartInitOptions?: any;\n}\n\nexport const COMPONENT_NUMBER_TYPE = genNumberType();\n\n// @ts-ignore\nexport class ComponentGroup extends Group implements IVisactorGraphic {\n  type: GraphicType = 'vstory-component-group' as any;\n  numberType: number = COMPONENT_NUMBER_TYPE;\n\n  constructor(attrs: IGroupGraphicAttribute) {\n    // vstory-component-group没有主题，必须都初始化，否则动画会找不到属性\n    super({ scaleX: 1, scaleY: 1, x: 0, y: 0, angle: 0, ...attrs, pickable: false });\n  }\n}\n"]}

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

@@ -1,3 +1,4 @@
+import type { IBoundsLike } from '@visactor/vutils';
 import type { IGroup } from '@visactor/vrender';
 import { GraphicBaseText } from './graphic/graphic-base-text';
 import type { IComponentCharacterSpec } from '../dsl-interface';
@@ -6,16 +7,18 @@ import type { Graphic } from './graphic/graphic';
 import type { StoryEvent } from '../../interface/runtime-interface';
 import type { ICharacterPickInfo } from '../runtime-interface';
 export declare abstract class CharacterComponent extends CharacterBase {
+    visActorType: 'component';
     protected _spec: IComponentCharacterSpec;
     get spec(): IComponentCharacterSpec;
     protected _text: GraphicBaseText;
     get text(): GraphicBaseText;
+    get textGraphic(): import("@visactor/vrender").IRichText;
     protected _group: IGroup;
     get group(): IGroup;
     readonly graphicType: string;
     protected _parserSpec(): void;
     protected _initGraphics(): void;
-    setAttributes(attr: Record<string, any>): void;
+    setAttributes(updateAttr: Record<string, any>): void;
     protected abstract _createGraphic(): Graphic;
     protected _initRuntime(): void;
     show(): void;
@@ -28,6 +31,7 @@ export declare abstract class CharacterComponent extends CharacterBase {
     };
     clearCharacter(): void;
     getGraphicParent(): IGroup;
+    getLayoutBounds(): IBoundsLike;
     checkEvent(event: StoryEvent): false | ICharacterPickInfo;
     release(): void;
 }

package/es/story/character/component/character.js

@@ -1,3 +1,13 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
 import { GraphicBaseText } from "./graphic/graphic-base-text";
 
 import { CharacterBase } from "../base/base";
@@ -16,6 +26,9 @@ export class CharacterComponent extends CharacterBase {
     get text() {
         return this._text;
     }
+    get textGraphic() {
+        return this._text.graphic;
+    }
     get group() {
         return this._group;
     }
@@ -30,7 +43,8 @@ export class CharacterComponent extends CharacterBase {
         this._graphic.applyLayoutData(this._spec.position), this._text.applyLayoutData(this._spec.position), 
         this.hide();
     }
-    setAttributes(attr) {
+    setAttributes(updateAttr) {
+        const {position: position} = updateAttr, rest = __rest(updateAttr, [ "position" ]), attr = Object.assign(Object.assign({}, null != position ? position : {}), rest);
         this.group.setAttributes(attr), this._graphic.setAttributes(Object.assign(Object.assign({}, attr), {
             x: 0,
             y: 0,
@@ -59,6 +73,9 @@ export class CharacterComponent extends CharacterBase {
     getGraphicParent() {
         return this._group;
     }
+    getLayoutBounds() {
+        return this._group.AABBBounds;
+    }
     checkEvent(event) {
         var _a;
         return !!(null !== (_a = event.detailPath) && void 0 !== _a ? _a : event.path).some((g => g === this._group)) && {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/character.ts"],"names":[],"mappings":"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","file":"character.js","sourcesContent":["import type { IGroup } from '@visactor/vrender';\nimport { createGroup } from '@visactor/vrender';\nimport { GraphicBaseText } from './graphic/graphic-base-text';\nimport type { IComponentCharacterSpec } from '../dsl-interface';\nimport { CharacterBase } from '../base/base';\nimport type { Graphic } from './graphic/graphic';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport type { StoryEvent } from '../../interface/runtime-interface';\nimport type { ICharacterPickInfo } from '../runtime-interface';\nimport { ComponentGroup } from './character-group/component-group-graphic';\n\nexport abstract class CharacterComponent extends CharacterBase {\n  protected declare _spec: IComponentCharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n  // protected declare _graphic: Graphic;\n  // get graphic() {\n  //   return this._graphic;\n  // }\n  protected declare _text: GraphicBaseText;\n  get text() {\n    return this._text;\n  }\n\n  protected declare _group: IGroup;\n  get group() {\n    return this._group;\n  }\n\n  readonly graphicType: string = 'rect';\n\n  protected _parserSpec(): void {\n    return;\n  }\n\n  protected _initGraphics(): void {\n    this._group = new ComponentGroup({\n      ...getLayoutFromWidget(this._spec.position),\n      angle: this._spec.options.angle,\n      zIndex: this._spec.zIndex\n    });\n    this.option.graphicParent.add(this._group);\n\n    this._graphic = this._createGraphic();\n    this._text = new GraphicBaseText(this);\n    this._graphic.init();\n    this._text.init();\n\n    this._graphic.applyGraphicAttribute(this._spec.options.graphic);\n    this._text.applyGraphicAttribute(this._spec.options.text);\n\n    this._graphic.applyLayoutData(this._spec.position);\n    this._text.applyLayoutData(this._spec.position);\n    this.hide();\n  }\n\n  setAttributes(attr: Record<string, any>): void {\n    this.group.setAttributes(attr);\n    this._graphic.setAttributes({ ...attr, x: 0, y: 0, angle: 0 });\n    this._text.updateAttribute({});\n  }\n\n  protected abstract _createGraphic(): Graphic;\n\n  protected _initRuntime(): void {\n    return;\n  }\n\n  show(): void {\n    this._group.setAttributes({ visible: true });\n    this._text.show();\n    this._graphic.show();\n  }\n  hide(): void {\n    this._group.setAttributes({ visible: false });\n    this._text.hide();\n    this._graphic.hide();\n  }\n\n  getTextLayoutRatio(): { left: number; right: number; top: number; bottom: number } {\n    return this._graphic.getTextLayoutRatio();\n  }\n\n  clearCharacter(): void {\n    this._group?.parent.removeChild(this._group);\n    this._group = null;\n  }\n\n  getGraphicParent() {\n    return this._group;\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    if (!(event.detailPath ?? event.path).some(g => g === this._group)) {\n      return false;\n    }\n    return {\n      part: event.path[event.path.length - 1] === this._graphic.graphic ? 'graphic' : 'text',\n      graphicType: this.graphicType\n    };\n  }\n\n  release() {\n    this.option.graphicParent.removeChild(this._group);\n  }\n}\n\n// export abstract class CharacterGraphicComponent extends CharacterBase {\n//   protected declare _spec: IComponentCharacterSpec;\n\n//   get spec() {\n//     return this._spec;\n//   }\n//   protected declare _graphic: Graphic;\n//   get graphic() {\n//     return this._graphic;\n//   }\n\n//   protected declare _group: IGroup;\n//   get group() {\n//     return this._group;\n//   }\n\n//   protected abstract _createGraphic(): Graphic;\n\n//   protected _initRuntime(): void {\n//     return;\n//   }\n\n//   protected _parserSpec(): void {\n//     return;\n//   }\n\n//   protected _initGraphics(): void {\n//     this._group = createGroup({\n//       ...getLayoutFromWidget(this._spec.position),\n//       angle: this._spec.options.angle,\n//       zIndex: this._spec.zIndex\n//     });\n//     this.option.graphicParent.add(this._group);\n\n//     this._graphic = this._createGraphic();\n//     this._graphic.init();\n\n//     this._graphic.applyGraphicAttribute(this._spec.options.graphic);\n\n//     this._graphic.applyLayoutData(this._spec.position);\n//     this.hide();\n//   }\n\n//   show(): void {\n//     this._graphic?.show();\n//   }\n//   hide(): void {\n//     this._graphic?.hide();\n//   }\n\n//   getGraphicParent() {\n//     return this._group;\n//   }\n\n//   clearCharacter(): void {\n//     if (this._group) {\n//       this._group.parent.removeChild(this._group);\n//       this._graphic = null;\n//     }\n//   }\n// }\n"]}
+{"version":3,"sources":["../src/story/character/component/character.ts"],"names":[],"mappings":"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","file":"character.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport type { IGroup } from '@visactor/vrender';\nimport { GraphicBaseText } from './graphic/graphic-base-text';\nimport type { IComponentCharacterSpec } from '../dsl-interface';\nimport { CharacterBase } from '../base/base';\nimport type { Graphic } from './graphic/graphic';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport type { StoryEvent } from '../../interface/runtime-interface';\nimport type { ICharacterPickInfo } from '../runtime-interface';\nimport { ComponentGroup } from './character-group/component-group-graphic';\n\nexport abstract class CharacterComponent extends CharacterBase {\n  visActorType: 'component';\n  protected declare _spec: IComponentCharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n  // protected declare _graphic: Graphic;\n  // get graphic() {\n  //   return this._graphic;\n  // }\n  protected declare _text: GraphicBaseText;\n  get text() {\n    return this._text;\n  }\n\n  get textGraphic() {\n    return this._text.graphic;\n  }\n\n  protected declare _group: IGroup;\n  get group() {\n    return this._group;\n  }\n\n  readonly graphicType: string = 'rect';\n\n  protected _parserSpec(): void {\n    return;\n  }\n\n  protected _initGraphics(): void {\n    this._group = new ComponentGroup({\n      ...getLayoutFromWidget(this._spec.position),\n      angle: this._spec.options.angle,\n      zIndex: this._spec.zIndex\n    });\n    this.option.graphicParent.add(this._group);\n\n    this._graphic = this._createGraphic();\n    this._text = new GraphicBaseText(this);\n    this._graphic.init();\n    this._text.init();\n\n    this._graphic.applyGraphicAttribute(this._spec.options.graphic);\n    this._text.applyGraphicAttribute(this._spec.options.text);\n\n    this._graphic.applyLayoutData(this._spec.position);\n    this._text.applyLayoutData(this._spec.position);\n    this.hide();\n  }\n\n  setAttributes(updateAttr: Record<string, any>): void {\n    const { position, ...rest } = updateAttr;\n    const attr = { ...(position ?? {}), ...rest };\n    this.group.setAttributes(attr);\n    this._graphic.setAttributes({ ...attr, x: 0, y: 0, angle: 0 });\n    this._text.updateAttribute({});\n  }\n\n  protected abstract _createGraphic(): Graphic;\n\n  protected _initRuntime(): void {\n    return;\n  }\n\n  show(): void {\n    this._group.setAttributes({ visible: true });\n    this._text.show();\n    this._graphic.show();\n  }\n  hide(): void {\n    this._group.setAttributes({ visible: false });\n    this._text.hide();\n    this._graphic.hide();\n  }\n\n  getTextLayoutRatio(): { left: number; right: number; top: number; bottom: number } {\n    return this._graphic.getTextLayoutRatio();\n  }\n\n  clearCharacter(): void {\n    this._group?.parent.removeChild(this._group);\n    this._group = null;\n  }\n\n  getGraphicParent() {\n    return this._group;\n  }\n\n  getLayoutBounds() {\n    return this._group.AABBBounds as IBoundsLike;\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    if (!(event.detailPath ?? event.path).some(g => g === this._group)) {\n      return false;\n    }\n    return {\n      part: event.path[event.path.length - 1] === this._graphic.graphic ? 'graphic' : 'text',\n      graphicType: this.graphicType\n    };\n  }\n\n  release() {\n    this.option.graphicParent.removeChild(this._group);\n  }\n}\n\n// export abstract class CharacterGraphicComponent extends CharacterBase {\n//   protected declare _spec: IComponentCharacterSpec;\n\n//   get spec() {\n//     return this._spec;\n//   }\n//   protected declare _graphic: Graphic;\n//   get graphic() {\n//     return this._graphic;\n//   }\n\n//   protected declare _group: IGroup;\n//   get group() {\n//     return this._group;\n//   }\n\n//   protected abstract _createGraphic(): Graphic;\n\n//   protected _initRuntime(): void {\n//     return;\n//   }\n\n//   protected _parserSpec(): void {\n//     return;\n//   }\n\n//   protected _initGraphics(): void {\n//     this._group = createGroup({\n//       ...getLayoutFromWidget(this._spec.position),\n//       angle: this._spec.options.angle,\n//       zIndex: this._spec.zIndex\n//     });\n//     this.option.graphicParent.add(this._group);\n\n//     this._graphic = this._createGraphic();\n//     this._graphic.init();\n\n//     this._graphic.applyGraphicAttribute(this._spec.options.graphic);\n\n//     this._graphic.applyLayoutData(this._spec.position);\n//     this.hide();\n//   }\n\n//   show(): void {\n//     this._graphic?.show();\n//   }\n//   hide(): void {\n//     this._graphic?.hide();\n//   }\n\n//   getGraphicParent() {\n//     return this._group;\n//   }\n\n//   clearCharacter(): void {\n//     if (this._group) {\n//       this._group.parent.removeChild(this._group);\n//       this._graphic = null;\n//     }\n//   }\n// }\n"]}

package/es/story/character/component/characters/character-image.d.ts

@@ -1,6 +1,9 @@
 import type { Graphic } from '../graphic/graphic';
 import { CharacterComponent } from '../character';
+import type { StoryEvent } from '../../../interface';
+import type { ICharacterPickInfo } from '../../runtime-interface';
 export declare class CharacterComponentImage extends CharacterComponent {
     readonly graphicType: string;
     protected _createGraphic(): Graphic;
+    checkEvent(event: StoryEvent): false | ICharacterPickInfo;
 }

package/es/story/character/component/characters/character-image.js

@@ -11,5 +11,9 @@ export class CharacterComponentImage extends CharacterComponent {
     _createGraphic() {
         return new GraphicImage(StoryComponentType.IMAGE, this);
     }
+    checkEvent(event) {
+        const info = super.checkEvent(event);
+        return (!info || event.path[event.path.length - 1] !== this._group) && info;
+    }
 }
 //# sourceMappingURL=character-image.js.map

package/es/story/character/component/characters/character-image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAA/D;;QACW,gBAAW,GAAW,OAAO,CAAC;IAIzC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,YAAY,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAW,CAAC,CAAC;IACjE,CAAC;CACF","file":"character-image.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\nimport { GraphicImage } from '../graphic/image';\n\nexport class CharacterComponentImage extends CharacterComponent {\n  readonly graphicType: string = 'image';\n  protected _createGraphic(): Graphic {\n    return new GraphicImage(StoryComponentType.IMAGE, this as any);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/characters/character-image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAA/D;;QACW,gBAAW,GAAW,OAAO,CAAC;IAYzC,CAAC;IAXW,cAAc;QACtB,OAAO,IAAI,YAAY,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAW,CAAC,CAAC;IACjE,CAAC;IAED,UAAU,CAAC,KAAiB;QAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE;YAC7D,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF","file":"character-image.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\nimport { GraphicImage } from '../graphic/image';\nimport type { StoryEvent } from '../../../interface';\nimport type { ICharacterPickInfo } from '../../runtime-interface';\n\nexport class CharacterComponentImage extends CharacterComponent {\n  readonly graphicType: string = 'image';\n  protected _createGraphic(): Graphic {\n    return new GraphicImage(StoryComponentType.IMAGE, this as any);\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    const info = super.checkEvent(event);\n    if (info && event.path[event.path.length - 1] === this._group) {\n      return false;\n    }\n    return info;\n  }\n}\n"]}

package/es/story/character/component/characters/character-rect.d.ts

@@ -1,6 +1,9 @@
 import type { Graphic } from '../graphic/graphic';
 import { CharacterComponent } from '../character';
+import type { StoryEvent } from '../../../interface';
+import type { ICharacterPickInfo } from '../../runtime-interface';
 export declare class CharacterComponentRect extends CharacterComponent {
     readonly graphicType: string;
     protected _createGraphic(): Graphic;
+    checkEvent(event: StoryEvent): false | ICharacterPickInfo;
 }

package/es/story/character/component/characters/character-rect.js

@@ -11,5 +11,9 @@ export class CharacterComponentRect extends CharacterComponent {
     _createGraphic() {
         return new GraphicRect(StoryComponentType.RECT, this);
     }
+    checkEvent(event) {
+        const info = super.checkEvent(event);
+        return (!info || event.path[event.path.length - 1] !== this._group) && info;
+    }
 }
 //# sourceMappingURL=character-rect.js.map

package/es/story/character/component/characters/character-rect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-rect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAIxC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,WAAW,CAAC,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC;CACF","file":"character-rect.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicRect } from '../graphic/rect';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\n\nexport class CharacterComponentRect extends CharacterComponent {\n  readonly graphicType: string = 'rect';\n  protected _createGraphic(): Graphic {\n    return new GraphicRect(StoryComponentType.RECT, this);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/characters/character-rect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAIrE,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAYxC,CAAC;IAXW,cAAc;QACtB,OAAO,IAAI,WAAW,CAAC,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC;IAED,UAAU,CAAC,KAAiB;QAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE;YAC7D,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF","file":"character-rect.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicRect } from '../graphic/rect';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\nimport type { StoryEvent } from '../../../interface';\nimport type { ICharacterPickInfo } from '../../runtime-interface';\n\nexport class CharacterComponentRect extends CharacterComponent {\n  readonly graphicType: string = 'rect';\n  protected _createGraphic(): Graphic {\n    return new GraphicRect(StoryComponentType.RECT, this);\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    const info = super.checkEvent(event);\n    if (info && event.path[event.path.length - 1] === this._group) {\n      return false;\n    }\n    return info;\n  }\n}\n"]}

package/es/story/character/component/characters/character-shape.d.ts

@@ -1,6 +1,10 @@
 import type { Graphic } from '../graphic/graphic';
 import { CharacterComponent } from '../character';
+import type { StoryEvent } from '../../../interface';
+import type { ICharacterPickInfo } from '../../runtime-interface';
 export declare class CharacterComponentShape extends CharacterComponent {
     readonly graphicType: string;
     protected _createGraphic(): Graphic;
+    setAttributes(attr: Record<string, any>): void;
+    checkEvent(event: StoryEvent): false | ICharacterPickInfo;
 }

package/es/story/character/component/characters/character-shape.js

@@ -11,5 +11,20 @@ export class CharacterComponentShape extends CharacterComponent {
     _createGraphic() {
         return new GraphicSymbol(StoryComponentType.SHAPE, this);
     }
+    setAttributes(attr) {
+        this.group.setAttributes(Object.assign(Object.assign({}, attr), {
+            x: attr.x - attr.width / 2,
+            y: attr.y - attr.height / 2
+        })), this._graphic.setAttributes(Object.assign(Object.assign({}, attr), {
+            x: attr.width / 2,
+            y: attr.height / 2,
+            angle: 0,
+            size: Math.min(attr.width, attr.height)
+        })), this._text.updateAttribute({});
+    }
+    checkEvent(event) {
+        const info = super.checkEvent(event);
+        return (!info || event.path[event.path.length - 1] !== this._group) && info;
+    }
 }
 //# sourceMappingURL=character-shape.js.map

package/es/story/character/component/characters/character-shape.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-shape.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAA/D;;QACW,gBAAW,GAAW,OAAO,CAAC;IAIzC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,aAAa,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC;CACF","file":"character-shape.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\nimport { GraphicSymbol } from '../graphic/symbol';\n\nexport class CharacterComponentShape extends CharacterComponent {\n  readonly graphicType: string = 'shape';\n  protected _createGraphic(): Graphic {\n    return new GraphicSymbol(StoryComponentType.SHAPE, this);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/characters/character-shape.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAA/D;;QACW,gBAAW,GAAW,OAAO,CAAC;IA4BzC,CAAC;IA3BW,cAAc;QACtB,OAAO,IAAI,aAAa,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC;IAED,aAAa,CAAC,IAAyB;QACrC,IAAI,CAAC,KAAK,CAAC,aAAa,iCACnB,IAAI,KACP,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAC1B,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAC3B,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,aAAa,iCACtB,IAAI,KACP,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EACjB,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,EAClB,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,IACvC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,UAAU,CAAC,KAAiB;QAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE;YAC7D,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF","file":"character-shape.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\nimport { GraphicSymbol } from '../graphic/symbol';\nimport type { StoryEvent } from '../../../interface';\nimport type { ICharacterPickInfo } from '../../runtime-interface';\n\nexport class CharacterComponentShape extends CharacterComponent {\n  readonly graphicType: string = 'shape';\n  protected _createGraphic(): Graphic {\n    return new GraphicSymbol(StoryComponentType.SHAPE, this);\n  }\n\n  setAttributes(attr: Record<string, any>): void {\n    this.group.setAttributes({\n      ...attr,\n      x: attr.x - attr.width / 2,\n      y: attr.y - attr.height / 2\n    });\n    this._graphic.setAttributes({\n      ...attr,\n      x: attr.width / 2,\n      y: attr.height / 2,\n      angle: 0,\n      size: Math.min(attr.width, attr.height)\n    });\n    this._text.updateAttribute({});\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    const info = super.checkEvent(event);\n    if (info && event.path[event.path.length - 1] === this._group) {\n      return false;\n    }\n    return info;\n  }\n}\n"]}

package/es/story/character/component/graphic/graphic-base-text.d.ts

@@ -1,10 +1,11 @@
 import type { IWidgetData } from '../../dsl-interface';
-import type { IRichTextGraphicAttribute } from '@visactor/vrender';
+import type { IRichText, IRichTextGraphicAttribute } from '@visactor/vrender';
 import type { CharacterComponent } from '../character';
 export declare const MAX_LAYOUT_SIZE = 999999;
 export declare class GraphicBaseText {
     private _character;
     private _graphic;
+    get graphic(): IRichText;
     constructor(graphicCharacter: CharacterComponent);
     getInitialAttributes(): IRichTextGraphicAttribute & {
         graphicAlign: string;

package/es/story/character/component/graphic/graphic-base-text.js

@@ -5,6 +5,9 @@ import { createRichText } from "@visactor/vrender";
 export const MAX_LAYOUT_SIZE = 999999;
 
 export class GraphicBaseText {
+    get graphic() {
+        return this._graphic;
+    }
     constructor(graphicCharacter) {
         this.updateAttribute = attribute => {
             attribute && (this._graphic.setAttributes(this._transformTextAttributes(attribute)), 
@@ -23,6 +26,8 @@ export class GraphicBaseText {
             graphicAlign: "center",
             graphicBaseline: "middle",
             ignoreBuf: !0,
+            height: 0,
+            width: 0,
             maxLineWidth: 999999,
             heightLimit: 999999
         };
@@ -93,8 +98,8 @@ export class GraphicBaseText {
         this._graphic.setAttributes(this._transformTextAttributes({
             x: x,
             y: y,
-            textAlign: align,
-            textBaseline: baseline,
+            textAlign: graphicAlign,
+            textBaseline: graphicBaseline,
             angle: layoutData.angle,
             anchor: [ layoutData.width / 2, layoutData.height / 2 ],
             scaleCenter: [ layoutData.width / 2, layoutData.height / 2 ],

package/es/story/character/component/graphic/graphic-base-text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/graphic/graphic-base-text.ts"],"names":[],"mappings":"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","file":"graphic-base-text.js","sourcesContent":["import { getLayoutFromWidget } from '../../../utils/layout';\nimport type { IWidgetData } from '../../dsl-interface';\nimport type { IRichText, IRichTextGraphicAttribute, TextAlignType, TextBaselineType } from '@visactor/vrender';\nimport { createRichText, createText } from '@visactor/vrender';\nimport type { CharacterComponent } from '../character';\n\nexport const MAX_LAYOUT_SIZE = 999999;\n\nexport class GraphicBaseText {\n  private _character: CharacterComponent;\n  private _graphic: IRichText;\n  constructor(graphicCharacter: CharacterComponent) {\n    this._character = graphicCharacter;\n  }\n\n  getInitialAttributes(): IRichTextGraphicAttribute & { graphicAlign: string; graphicBaseline: string } {\n    return {\n      visible: true,\n      x: 0,\n      y: 0,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      textConfig: [],\n      fontSize: 16,\n      // fill: '#000000',\n      // whiteSpace: 'normal',\n      graphicAlign: 'center',\n      graphicBaseline: 'middle',\n      // // compute real height without vrender buffer\n      ignoreBuf: true,\n      maxLineWidth: MAX_LAYOUT_SIZE,\n      heightLimit: MAX_LAYOUT_SIZE\n    };\n  }\n\n  show(): void {\n    this._graphic.setAttributes({\n      visible: true\n      // visibleAll: true,\n    });\n  }\n  hide(): void {\n    this._graphic.setAttributes({\n      visible: false\n      // visibleAll: false,\n    });\n  }\n\n  transformTextAttrsToRichTextConfig() {\n    const textAttr = (this._character.spec.options?.text ?? {}) as IRichTextGraphicAttribute;\n    let textConfig = textAttr.textConfig;\n\n    // 如果是纯文本定义方式\n    if (!(textConfig && textConfig.length) && textAttr.text) {\n      const textList = Array.isArray(textAttr.text) ? textAttr.text : [textAttr.text];\n      textConfig = textList.map((item, i) => {\n        return {\n          textAlign: 'center',\n          textBaseline: 'middle',\n          // ...((textAttr || {}) as any),\n          text: item + (i < textList.length - 1 ? '\\n' : '')\n        };\n      });\n    }\n\n    return textConfig;\n  }\n\n  init() {\n    this._graphic = createRichText(\n      this._transformTextAttributes({\n        ...this.getInitialAttributes(),\n        textConfig: this.transformTextAttrsToRichTextConfig()\n      } as any)\n    );\n    this._character.getGraphicParent().add(this._graphic);\n  }\n\n  applyGraphicAttribute(graphicAttribute: Partial<IRichTextGraphicAttribute>): void {\n    this._graphic.setAttributes({ ...graphicAttribute });\n  }\n\n  getGraphicAttribute(): IRichTextGraphicAttribute {\n    return this._graphic?.attribute;\n  }\n\n  updateAttribute = (attribute: Partial<IRichTextGraphicAttribute>): void => {\n    if (attribute) {\n      this._graphic.setAttributes(this._transformTextAttributes(attribute));\n      this._updateGraphicCharacterSize();\n    }\n  };\n\n  applyLayoutData(w: Partial<IWidgetData>): void {\n    const layoutData = getLayoutFromWidget(w);\n    const layoutRatio = this._character.getTextLayoutRatio();\n    const graphicAlign = (this._graphic.attribute as any).graphicAlign;\n    const graphicBaseline = (this._graphic.attribute as any).graphicBaseline;\n    const left = layoutData.width * layoutRatio.left;\n    const right = layoutData.width * layoutRatio.right;\n    const center = (left + right) / 2;\n    const top = layoutData.height * layoutRatio.top;\n    const bottom = layoutData.height * layoutRatio.bottom;\n    const middle = (top + bottom) / 2;\n    let x = center;\n    let align: TextAlignType = 'center';\n    let y = middle;\n    let baseline: TextBaselineType = 'middle';\n    switch (graphicAlign) {\n      case 'left':\n        x = left;\n        align = 'left';\n        break;\n      case 'center':\n        x = center;\n        align = 'center';\n        break;\n      case 'right':\n        x = right;\n        align = 'right';\n        break;\n    }\n    switch (graphicBaseline) {\n      case 'top':\n        y = top;\n        baseline = 'top';\n        break;\n      case 'middle':\n        y = middle;\n        baseline = 'middle';\n        break;\n      case 'bottom':\n        y = bottom;\n        baseline = 'bottom';\n        break;\n    }\n\n    this._graphic.setAttributes(\n      this._transformTextAttributes({\n        x,\n        y,\n        textAlign: align,\n        textBaseline: baseline,\n        angle: layoutData.angle,\n        anchor: [layoutData.width / 2, layoutData.height / 2],\n        scaleCenter: [layoutData.width / 2, layoutData.height / 2],\n        maxWidth: layoutData.width,\n        maxHeight: layoutData.height,\n        heightLimit: this._character.graphic.getGraphicAttribute().isResized ? bottom - top : MAX_LAYOUT_SIZE\n      })\n    );\n  }\n\n  private _updateGraphicCharacterSize() {\n    if (!this._character.graphic.getGraphicAttribute().isResized) {\n      // const layoutRatio = this._character.graphic.getTextLayoutRatio();\n      // const textHeight = this._graphic.AABBBounds.height();\n      // const minGraphicHeight = this._character.graphic.getInitialAttributes().height;\n      // const graphicHeight = Math.max(textHeight / (layoutRatio.bottom - layoutRatio.top), minGraphicHeight);\n      // this._character.graphic.applyLayoutData({\n      //   height: graphicHeight\n      // });\n      this.applyLayoutData(this._character.graphic.getPositionData());\n    }\n  }\n\n  private _transformTextAttributes(attributes: IRichTextGraphicAttribute): IRichTextGraphicAttribute {\n    return attributes;\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/graphic/graphic-base-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAG/D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC;AAEtC,MAAM,OAAO,eAAe;IAG1B,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IACD,YAAY,gBAAoC;QA6EhD,oBAAe,GAAG,CAAC,SAA6C,EAAQ,EAAE;YACxE,IAAI,SAAS,EAAE;gBACb,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC;gBACtE,IAAI,CAAC,2BAA2B,EAAE,CAAC;aACpC;QACH,CAAC,CAAC;QAjFA,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC;IACrC,CAAC;IAED,oBAAoB;QAClB,OAAO;YACL,OAAO,EAAE,IAAI;YACb,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,QAAQ;YACtB,UAAU,EAAE,EAAE;YACd,QAAQ,EAAE,EAAE;YAGZ,YAAY,EAAE,QAAQ;YACtB,eAAe,EAAE,QAAQ;YAEzB,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,YAAY,EAAE,eAAe;YAC7B,WAAW,EAAE,eAAe;SAC7B,CAAC;IACJ,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;YAC1B,OAAO,EAAE,IAAI;SAEd,CAAC,CAAC;IACL,CAAC;IACD,IAAI;QACF,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;YAC1B,OAAO,EAAE,KAAK;SAEf,CAAC,CAAC;IACL,CAAC;IAED,kCAAkC;;QAChC,MAAM,QAAQ,GAAG,CAAC,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,mCAAI,EAAE,CAA8B,CAAC;QACzF,IAAI,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;QAGrC,IAAI,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,EAAE;YACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAChF,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACpC,OAAO;oBACL,SAAS,EAAE,QAAQ;oBACnB,YAAY,EAAE,QAAQ;oBAEtB,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;iBACnD,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,GAAG,cAAc,CAC5B,IAAI,CAAC,wBAAwB,CAAC,gCACzB,IAAI,CAAC,oBAAoB,EAAE,KAC9B,UAAU,EAAE,IAAI,CAAC,kCAAkC,EAAE,GAC/C,CAAC,CACV,CAAC;QACF,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxD,CAAC;IAED,qBAAqB,CAAC,gBAAoD;QACxE,IAAI,CAAC,QAAQ,CAAC,aAAa,mBAAM,gBAAgB,EAAG,CAAC;IACvD,CAAC;IAED,mBAAmB;;QACjB,OAAO,MAAA,IAAI,CAAC,QAAQ,0CAAE,SAAS,CAAC;IAClC,CAAC;IASD,eAAe,CAAC,CAAuB;QACrC,MAAM,UAAU,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAAE,CAAC;QACzD,MAAM,YAAY,GAAI,IAAI,CAAC,QAAQ,CAAC,SAAiB,CAAC,YAAY,CAAC;QACnE,MAAM,eAAe,GAAI,IAAI,CAAC,QAAQ,CAAC,SAAiB,CAAC,eAAe,CAAC;QACzE,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC;QACjD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;QACnD,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC;QAChD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;QACtD,MAAM,MAAM,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,GAAG,MAAM,CAAC;QACf,IAAI,KAAK,GAAkB,QAAQ,CAAC;QACpC,IAAI,CAAC,GAAG,MAAM,CAAC;QACf,IAAI,QAAQ,GAAqB,QAAQ,CAAC;QAC1C,QAAQ,YAAY,EAAE;YACpB,KAAK,MAAM;gBACT,CAAC,GAAG,IAAI,CAAC;gBACT,KAAK,GAAG,MAAM,CAAC;gBACf,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,GAAG,MAAM,CAAC;gBACX,KAAK,GAAG,QAAQ,CAAC;gBACjB,MAAM;YACR,KAAK,OAAO;gBACV,CAAC,GAAG,KAAK,CAAC;gBACV,KAAK,GAAG,OAAO,CAAC;gBAChB,MAAM;SACT;QACD,QAAQ,eAAe,EAAE;YACvB,KAAK,KAAK;gBACR,CAAC,GAAG,GAAG,CAAC;gBACR,QAAQ,GAAG,KAAK,CAAC;gBACjB,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,GAAG,MAAM,CAAC;gBACX,QAAQ,GAAG,QAAQ,CAAC;gBACpB,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,GAAG,MAAM,CAAC;gBACX,QAAQ,GAAG,QAAQ,CAAC;gBACpB,MAAM;SACT;QAED,IAAI,CAAC,QAAQ,CAAC,aAAa,CACzB,IAAI,CAAC,wBAAwB,CAAC;YAC5B,CAAC;YACD,CAAC;YACD,SAAS,EAAE,YAAY;YACvB,YAAY,EAAE,eAAe;YAC7B,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YACrD,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YAC1D,QAAQ,EAAE,UAAU,CAAC,KAAK;YAC1B,SAAS,EAAE,UAAU,CAAC,MAAM;YAC5B,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,eAAe;SACtG,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,2BAA2B;QACjC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,SAAS,EAAE;YAQ5D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;SACjE;IACH,CAAC;IAEO,wBAAwB,CAAC,UAAqC;QACpE,OAAO,UAAU,CAAC;IACpB,CAAC;CACF","file":"graphic-base-text.js","sourcesContent":["import { getLayoutFromWidget } from '../../../utils/layout';\nimport type { IWidgetData } from '../../dsl-interface';\nimport type { IRichText, IRichTextGraphicAttribute, TextAlignType, TextBaselineType } from '@visactor/vrender';\nimport { createRichText, createText } from '@visactor/vrender';\nimport type { CharacterComponent } from '../character';\n\nexport const MAX_LAYOUT_SIZE = 999999;\n\nexport class GraphicBaseText {\n  private _character: CharacterComponent;\n  private _graphic: IRichText;\n  get graphic() {\n    return this._graphic;\n  }\n  constructor(graphicCharacter: CharacterComponent) {\n    this._character = graphicCharacter;\n  }\n\n  getInitialAttributes(): IRichTextGraphicAttribute & { graphicAlign: string; graphicBaseline: string } {\n    return {\n      visible: true,\n      x: 0,\n      y: 0,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      textConfig: [],\n      fontSize: 16,\n      // fill: '#000000',\n      // whiteSpace: 'normal',\n      graphicAlign: 'center',\n      graphicBaseline: 'middle',\n      // // compute real height without vrender buffer\n      ignoreBuf: true,\n      height: 0,\n      width: 0,\n      maxLineWidth: MAX_LAYOUT_SIZE,\n      heightLimit: MAX_LAYOUT_SIZE\n    };\n  }\n\n  show(): void {\n    this._graphic.setAttributes({\n      visible: true\n      // visibleAll: true,\n    });\n  }\n  hide(): void {\n    this._graphic.setAttributes({\n      visible: false\n      // visibleAll: false,\n    });\n  }\n\n  transformTextAttrsToRichTextConfig() {\n    const textAttr = (this._character.spec.options?.text ?? {}) as IRichTextGraphicAttribute;\n    let textConfig = textAttr.textConfig;\n\n    // 如果是纯文本定义方式\n    if (!(textConfig && textConfig.length) && textAttr.text) {\n      const textList = Array.isArray(textAttr.text) ? textAttr.text : [textAttr.text];\n      textConfig = textList.map((item, i) => {\n        return {\n          textAlign: 'center',\n          textBaseline: 'middle',\n          // ...((textAttr || {}) as any),\n          text: item + (i < textList.length - 1 ? '\\n' : '')\n        };\n      });\n    }\n\n    return textConfig;\n  }\n\n  init() {\n    this._graphic = createRichText(\n      this._transformTextAttributes({\n        ...this.getInitialAttributes(),\n        textConfig: this.transformTextAttrsToRichTextConfig()\n      } as any)\n    );\n    this._character.getGraphicParent().add(this._graphic);\n  }\n\n  applyGraphicAttribute(graphicAttribute: Partial<IRichTextGraphicAttribute>): void {\n    this._graphic.setAttributes({ ...graphicAttribute });\n  }\n\n  getGraphicAttribute(): IRichTextGraphicAttribute {\n    return this._graphic?.attribute;\n  }\n\n  updateAttribute = (attribute: Partial<IRichTextGraphicAttribute>): void => {\n    if (attribute) {\n      this._graphic.setAttributes(this._transformTextAttributes(attribute));\n      this._updateGraphicCharacterSize();\n    }\n  };\n\n  applyLayoutData(w: Partial<IWidgetData>): void {\n    const layoutData = getLayoutFromWidget(w);\n    const layoutRatio = this._character.getTextLayoutRatio();\n    const graphicAlign = (this._graphic.attribute as any).graphicAlign;\n    const graphicBaseline = (this._graphic.attribute as any).graphicBaseline;\n    const left = layoutData.width * layoutRatio.left;\n    const right = layoutData.width * layoutRatio.right;\n    const center = (left + right) / 2;\n    const top = layoutData.height * layoutRatio.top;\n    const bottom = layoutData.height * layoutRatio.bottom;\n    const middle = (top + bottom) / 2;\n    let x = center;\n    let align: TextAlignType = 'center';\n    let y = middle;\n    let baseline: TextBaselineType = 'middle';\n    switch (graphicAlign) {\n      case 'left':\n        x = left;\n        align = 'left';\n        break;\n      case 'center':\n        x = center;\n        align = 'center';\n        break;\n      case 'right':\n        x = right;\n        align = 'right';\n        break;\n    }\n    switch (graphicBaseline) {\n      case 'top':\n        y = top;\n        baseline = 'top';\n        break;\n      case 'middle':\n        y = middle;\n        baseline = 'middle';\n        break;\n      case 'bottom':\n        y = bottom;\n        baseline = 'bottom';\n        break;\n    }\n\n    this._graphic.setAttributes(\n      this._transformTextAttributes({\n        x,\n        y,\n        textAlign: graphicAlign,\n        textBaseline: graphicBaseline,\n        angle: layoutData.angle,\n        anchor: [layoutData.width / 2, layoutData.height / 2],\n        scaleCenter: [layoutData.width / 2, layoutData.height / 2],\n        maxWidth: layoutData.width,\n        maxHeight: layoutData.height,\n        heightLimit: this._character.graphic.getGraphicAttribute().isResized ? bottom - top : MAX_LAYOUT_SIZE\n      })\n    );\n  }\n\n  private _updateGraphicCharacterSize() {\n    if (!this._character.graphic.getGraphicAttribute().isResized) {\n      // const layoutRatio = this._character.graphic.getTextLayoutRatio();\n      // const textHeight = this._graphic.AABBBounds.height();\n      // const minGraphicHeight = this._character.graphic.getInitialAttributes().height;\n      // const graphicHeight = Math.max(textHeight / (layoutRatio.bottom - layoutRatio.top), minGraphicHeight);\n      // this._character.graphic.applyLayoutData({\n      //   height: graphicHeight\n      // });\n      this.applyLayoutData(this._character.graphic.getPositionData());\n    }\n  }\n\n  private _transformTextAttributes(attributes: IRichTextGraphicAttribute): IRichTextGraphicAttribute {\n    return attributes;\n  }\n}\n"]}

package/es/story/character/component/graphic/symbol.d.ts

@@ -1,6 +1,7 @@
 import type { ISymbol } from '@visactor/vrender';
 import type { IPointLike } from '@visactor/vutils';
 import { Graphic } from './graphic';
+import type { IWidgetData } from '../../dsl-interface';
 export declare class GraphicSymbol extends Graphic {
     protected _graphic: ISymbol;
     getInitialAttributes(): {
@@ -16,4 +17,6 @@ export declare class GraphicSymbol extends Graphic {
         symbolType: string;
     };
     init(): void;
+    applyLayoutData(layoutData: Partial<IWidgetData>): void;
+    protected _transformAttributes(attributes: any): any;
 }

package/es/story/character/component/graphic/symbol.js

@@ -2,6 +2,8 @@ import { createSymbol } from "@visactor/vrender";
 
 import { Graphic } from "./graphic";
 
+import { getLayoutFromWidget } from "../../../utils/layout";
+
 export class GraphicSymbol extends Graphic {
     getInitialAttributes() {
         return {
@@ -19,8 +21,21 @@ export class GraphicSymbol extends Graphic {
     }
     init() {
         var _a, _b;
-        this._graphic || (this._graphic = createSymbol(this._transformAttributes(Object.assign(Object.assign({}, this.getInitialAttributes()), null !== (_b = null === (_a = this._character.spec.options) || void 0 === _a ? void 0 : _a.graphic) && void 0 !== _b ? _b : {}))), 
-        this._graphic.name = `graphic-symbol-${this._character.id}`, this._character.getGraphicParent().add(this._graphic));
+        if (!this._graphic) {
+            const attributes = this._transformAttributes(Object.assign(Object.assign({}, this.getInitialAttributes()), null !== (_b = null === (_a = this._character.spec.options) || void 0 === _a ? void 0 : _a.graphic) && void 0 !== _b ? _b : {}));
+            this._graphic = createSymbol(attributes), this._graphic.name = `graphic-symbol-${this._character.id}`, 
+            this._character.getGraphicParent().add(this._graphic);
+        }
+    }
+    applyLayoutData(layoutData) {
+        const attributes = this._transformAttributes(Object.assign(Object.assign({}, getLayoutFromWidget(layoutData)), {
+            shapePoints: this._character.spec.options.shapePoints
+        }));
+        attributes.size = Math.min(attributes.width, attributes.height), this._graphic.setAttributes(attributes);
+    }
+    _transformAttributes(attributes) {
+        const data = super._transformAttributes(attributes), {width: width, height: height} = attributes;
+        return data.x = width / 2, data.y = height / 2, data;
     }
 }
 //# sourceMappingURL=symbol.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/graphic/symbol.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,aAAc,SAAQ,OAAO;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,YAAY,CAC1B,IAAI,CAAC,oBAAoB,iCACpB,IAAI,CAAC,oBAAoB,EAAE,GAC3B,CAAC,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,mCAAI,EAAE,CAAC,EAChD,CACH,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,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","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,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,OAAO,aAAc,SAAQ,OAAO;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,YAAY,CAAC,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,mBAAmB,CAAC,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","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/es/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/es/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/es/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/es/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/es/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/es/story/character/visactor/character.js

@@ -1,5 +1,7 @@
 import { CharacterBase } from "../base/base";
 
+import { getLayoutFromWidget } from "../../utils/layout";
+
 export class CharacterVisactor extends CharacterBase {
     get specProcess() {
         return this._specProcess;
@@ -37,6 +39,22 @@ export class CharacterVisactor extends CharacterBase {
     getGraphicParent() {
         return this._graphic;
     }
+    getViewBoxFromSpec() {
+        const layout = getLayoutFromWidget(this._spec.position);
+        return {
+            layout: layout,
+            viewBox: {
+                x1: layout.x,
+                x2: layout.x + layout.width,
+                y1: layout.y,
+                y2: layout.y + layout.height
+            }
+        };
+    }
+    getLayoutBounds() {
+        const {viewBox: viewBox} = this.getViewBoxFromSpec();
+        return viewBox;
+    }
     tickTo(t) {}
     release() {
         var _a, _b;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/visactor/character.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,MAAM,OAAgB,iBAAkB,SAAQ,aAAa;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","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,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,OAAgB,iBAAkB,SAAQ,aAAa;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,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG;YACd,EAAE,EAAE,MAAM,CAAC,CAAC;YACZ,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK;YAC3B,EAAE,EAAE,MAAM,CAAC,CAAC;YACZ,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM;SAC7B,CAAC;QACF,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","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/es/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"]}