@visactor/vstory 0.0.2 → 0.0.4-alpha.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/component/character-group/component-group-graphic-picker.ts"],"names":[],"mappings":"","file":"component-group-graphic-picker.js","sourcesContent":["// import type { IPoint } from '@visactor/vutils';\n// import { inject, injectable, getTheme, CircleRender, getScaledStroke, CIRCLE_NUMBER_TYPE } from '@visactor/vrender';\n// import type {\n//   IGraphicAttribute,\n//   ICircle,\n//   IContext2d,\n//   IMarkAttribute,\n//   IThemeAttribute,\n//   IGraphicPicker,\n//   IGraphicRender,\n//   IPickParams\n// } from '@visactor/vrender';\n// import { CHART_NUMBER_TYPE } from './component-group-graphic';\n\n// @injectable()\n// export class VChartPicker extends DefaultCanvasGroupPicker implements IGraphicPicker {\n//   type = 'vstory-component-group';\n//   numberType: number = CHART_NUMBER_TYPE;\n\n//   contains(chart: any, point: any, params?: IPickParams): boolean | any {\n//     const vChart = (chart as Chart).vchart;\n//     const chartStage = vChart.getStage();\n//     // @ts-ignore\n//     chartStage._editor_needRender = true;\n//     const matrix = chart.globalTransMatrix.clone();\n//     const stageMatrix = chart.stage.window.getViewBoxTransform();\n//     matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);\n//     chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n//     chartStage.dirtyBounds?.clear();\n//     const nextP = { x: 0, y: 0 };\n//     matrix.transformPoint(point, nextP);\n//     const graphic = chartStage.pick(nextP.x, nextP.y);\n\n//     return graphic;\n//   }\n// }\n"]}

package/es/story/character/component/character-group/component-group-graphic-render.d.ts

@@ -0,0 +1,9 @@
+import type { IDrawContext, IGraphicRender, IGraphicRenderDrawParams, IRenderService, IGroup } from '@visactor/vrender';
+import { DefaultCanvasGroupRender } from '@visactor/vrender';
+export declare const ChartRender: unique symbol;
+export declare const ChartRenderContribution: unique symbol;
+export declare class ComponentGroupRender extends DefaultCanvasGroupRender implements IGraphicRender {
+    type: any;
+    numberType: number;
+    draw(group: IGroup, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams): void;
+}

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

@@ -0,0 +1,43 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+import { injectable, DefaultCanvasGroupRender } from "@visactor/vrender";
+
+import { CHART_NUMBER_TYPE } from "./component-group-graphic";
+
+import { Direction } from "../../../../constants/config";
+
+export const ChartRender = Symbol.for("ChartRender");
+
+export const ChartRenderContribution = Symbol.for("ChartRenderContribution");
+
+let ComponentGroupRender = class extends DefaultCanvasGroupRender {
+    constructor() {
+        super(...arguments), this.type = "vstory-component-group", this.numberType = CHART_NUMBER_TYPE;
+    }
+    draw(group, renderService, drawContext, params) {
+        const {context: context} = drawContext;
+        if (!context) return;
+        const {wipeDirection: wipeDirection, wipeRatio: wipeRatio, wipeColor: wipeColor, wipeBlur: wipeBlur} = group.attribute, drawWipe = isFinite(wipeRatio);
+        let x1, y1, x2, y2;
+        if (drawWipe) {
+            const b = group.AABBBounds;
+            wipeDirection === Direction.LEFT_TO_RIGHT ? (x1 = b.x1, y1 = b.y1, x2 = x1 + b.width() * wipeRatio, 
+            y2 = b.height() + y1) : wipeDirection === Direction.RIGHT_TO_LEFT ? (x2 = b.x1, 
+            y1 = b.y1, x1 = x2 - b.width() * wipeRatio, y2 = b.height() + y1) : wipeDirection === Direction.TOP_TO_BOTTOM ? (x1 = b.x1, 
+            y1 = b.y1, x2 = x1 + b.width(), y2 = b.height() * wipeRatio + y1) : wipeDirection === Direction.BOTTOM_TO_TOP && (x1 = b.x1, 
+            y2 = b.y1, x2 = x1 + b.width(), y1 = y2 - b.height() * wipeRatio), context.save(), 
+            context.setTransformForCurrent(), context.beginPath(), context.rect(x1, y1, x2 - x1, y2 - y1), 
+            context.clip();
+        }
+        super.draw(group, renderService, drawContext, params), drawWipe && context.restore();
+    }
+};
+
+ComponentGroupRender = __decorate([ injectable() ], ComponentGroupRender);
+
+export { ComponentGroupRender };
+//# sourceMappingURL=component-group-graphic-render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/component/character-group/component-group-graphic-render.ts"],"names":[],"mappings":"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","file":"component-group-graphic-render.js","sourcesContent":["import type {\n  IContext2d,\n  IDrawContext,\n  IGraphicAttribute,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IRenderService,\n  IThemeAttribute,\n  IGraphic,\n  IGroup\n} from '@visactor/vrender';\nimport { injectable, DefaultCanvasGroupRender } from '@visactor/vrender';\nimport { CHART_NUMBER_TYPE } from './component-group-graphic';\nimport { Direction } from '../../../../constants/config';\n\nexport const ChartRender = Symbol.for('ChartRender');\nexport const ChartRenderContribution = Symbol.for('ChartRenderContribution');\n\n@injectable()\nexport class ComponentGroupRender extends DefaultCanvasGroupRender implements IGraphicRender {\n  type: any = 'vstory-component-group';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  draw(group: IGroup, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    const { context } = drawContext;\n    if (!context) {\n      return;\n    }\n    const { wipeDirection, wipeRatio, wipeColor, wipeBlur } = group.attribute as any;\n    const drawWipe = isFinite(wipeRatio);\n    let x1;\n    let y1;\n    let x2;\n    let y2;\n    if (drawWipe) {\n      const b = group.AABBBounds;\n      if (wipeDirection === Direction.LEFT_TO_RIGHT) {\n        x1 = b.x1;\n        y1 = b.y1;\n        x2 = x1 + b.width() * wipeRatio;\n        y2 = b.height() + y1;\n      } else if (wipeDirection === Direction.RIGHT_TO_LEFT) {\n        x2 = b.x1;\n        y1 = b.y1;\n        x1 = x2 - b.width() * wipeRatio;\n        y2 = b.height() + y1;\n      } else if (wipeDirection === Direction.TOP_TO_BOTTOM) {\n        x1 = b.x1;\n        y1 = b.y1;\n        x2 = x1 + b.width();\n        y2 = b.height() * wipeRatio + y1;\n      } else if (wipeDirection === Direction.BOTTOM_TO_TOP) {\n        x1 = b.x1;\n        y2 = b.y1;\n        x2 = x1 + b.width();\n        y1 = y2 - b.height() * wipeRatio;\n      }\n      context.save();\n      context.setTransformForCurrent();\n      context.beginPath();\n      context.rect(x1, y1, x2 - x1, y2 - y1);\n      context.clip();\n    }\n    super.draw(group, renderService, drawContext, params);\n    if (drawWipe) {\n      context.restore();\n    }\n  }\n}\n"]}

package/es/story/character/component/character-group/component-group-graphic.d.ts

@@ -0,0 +1,27 @@
+import type { IVisactorGraphic } from '../../visactor/interface';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { IVChart } from '@visactor/vchart';
+import type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';
+import { Group } from '@visactor/vrender';
+export interface IChartGraphicAttribute extends IGroupGraphicAttribute {
+    renderCanvas: HTMLCanvasElement;
+    spec: any;
+    ClassType: any;
+    vchart: IVChart;
+    mode: string;
+    modeParams?: any;
+    dpr: number;
+    interactive: boolean;
+    animation: boolean;
+    disableTriggerEvent: boolean;
+    disableDirtyBounds: boolean;
+    viewBox: IBoundsLike;
+    ticker?: ITicker;
+    autoRender?: boolean;
+    chartInitOptions?: any;
+}
+export declare const CHART_NUMBER_TYPE: number;
+export declare class ComponentGroup extends Group implements IVisactorGraphic {
+    type: GraphicType;
+    numberType: number;
+}

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

@@ -0,0 +1,10 @@
+import { genNumberType, Group } from "@visactor/vrender";
+
+export const CHART_NUMBER_TYPE = genNumberType();
+
+export class ComponentGroup extends Group {
+    constructor() {
+        super(...arguments), this.type = "vstory-component-group", this.numberType = CHART_NUMBER_TYPE;
+    }
+}
+//# sourceMappingURL=component-group-graphic.js.map

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

@@ -0,0 +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;IAAzC;;QACE,SAAI,GAAgB,wBAA+B,CAAC;QACpD,eAAU,GAAW,iBAAiB,CAAC;IACzC,CAAC;CAAA","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"]}

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

@@ -8,8 +8,6 @@ import type { ICharacterPickInfo } from '../runtime-interface';
 export declare abstract class CharacterComponent extends CharacterBase {
     protected _spec: IComponentCharacterSpec;
     get spec(): IComponentCharacterSpec;
-    protected _graphic: Graphic;
-    get graphic(): Graphic;
     protected _text: GraphicText;
     get text(): GraphicText;
     protected _group: IGroup;

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

@@ -1,11 +1,11 @@
-import { createGroup } from "@visactor/vrender";
-
 import { GraphicText } from "./graphic/graphic-text";
 
 import { CharacterBase } from "../base/base";
 
 import { getLayoutFromWidget } from "../../utils/layout";
 
+import { ComponentGroup } from "./character-group/component-group-graphic";
+
 export class CharacterComponent extends CharacterBase {
     constructor() {
         super(...arguments), this.graphicType = "rect";
@@ -13,9 +13,6 @@ export class CharacterComponent extends CharacterBase {
     get spec() {
         return this._spec;
     }
-    get graphic() {
-        return this._graphic;
-    }
     get text() {
         return this._text;
     }
@@ -24,7 +21,7 @@ export class CharacterComponent extends CharacterBase {
     }
     _parserSpec() {}
     _initGraphics() {
-        this._group = createGroup(Object.assign(Object.assign({}, getLayoutFromWidget(this._spec.position)), {
+        this._group = new ComponentGroup(Object.assign(Object.assign({}, getLayoutFromWidget(this._spec.position)), {
             angle: this._spec.options.angle,
             zIndex: this._spec.zIndex
         })), this.option.graphicParent.add(this._group), this._graphic = this._createGraphic(), 

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 { GraphicText } from './graphic/graphic-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';\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: GraphicText;\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 = 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._text = new GraphicText(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\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":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAE3E,MAAM,OAAgB,kBAAmB,SAAQ,aAAa;IAA9D;;QAeW,gBAAW,GAAW,MAAM,CAAC;IAwExC,CAAC;IArFC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAGD,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAIS,WAAW;QACnB,OAAO;IACT,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,MAAM,GAAG,IAAI,cAAc,iCAC3B,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAC3C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAC/B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IACzB,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAE3C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACtC,IAAI,CAAC,KAAK,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAElB,IAAI,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAChE,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAE1D,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,aAAa,CAAC,IAAyB;QACrC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC/B,IAAI,CAAC,QAAQ,CAAC,aAAa,iCAAM,IAAI,KAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAG,CAAC;QAC/D,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAIS,YAAY;QACpB,OAAO;IACT,CAAC;IAED,IAAI;QACF,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IACD,IAAI;QACF,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9C,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC;IAC5C,CAAC;IAED,cAAc;;QACZ,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC7C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,UAAU,CAAC,KAAiB;;QAC1B,IAAI,CAAC,CAAC,MAAA,KAAK,CAAC,UAAU,mCAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE;YAClE,OAAO,KAAK,CAAC;SACd;QACD,OAAO;YACL,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YACtF,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B,CAAC;IACJ,CAAC;CACF","file":"character.js","sourcesContent":["import type { IGroup } from '@visactor/vrender';\nimport { createGroup } from '@visactor/vrender';\nimport { GraphicText } from './graphic/graphic-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 _text: GraphicText;\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 GraphicText(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\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.js

@@ -1,6 +1,6 @@
 import { CharacterComponent } from "../character";
 
-import { StoryGraphicType } from "../../../../dsl/constant";
+import { StoryComponentType } from "../../../../constants/character";
 
 import { GraphicImage } from "../graphic/image";
 
@@ -9,7 +9,7 @@ export class CharacterComponentImage extends CharacterComponent {
         super(...arguments), this.graphicType = "image";
     }
     _createGraphic() {
-        return new GraphicImage(StoryGraphicType.IMAGE, this);
+        return new GraphicImage(StoryComponentType.IMAGE, this);
     }
 }
 //# 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,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,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,gBAAgB,CAAC,KAAK,EAAE,IAAW,CAAC,CAAC;IAC/D,CAAC;CACF","file":"character-image.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { CharacterComponent } from '../character';\nimport { StoryGraphicType } from '../../../../dsl/constant';\nimport { GraphicImage } from '../graphic/image';\n\nexport class CharacterComponentImage extends CharacterComponent {\n  readonly graphicType: string = 'image';\n  protected _createGraphic(): Graphic {\n    return new GraphicImage(StoryGraphicType.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;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"]}

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

@@ -2,14 +2,14 @@ import { GraphicLine } from "../graphic/line";
 
 import { CharacterComponent } from "../character";
 
-import { StoryGraphicType } from "../../../../dsl/constant";
+import { StoryComponentType } from "../../../../constants/character";
 
 export class CharacterComponentLine extends CharacterComponent {
     constructor() {
         super(...arguments), this.graphicType = "line";
     }
     _createGraphic() {
-        return new GraphicLine(StoryGraphicType.RECT, this);
+        return new GraphicLine(StoryComponentType.RECT, this);
     }
 }
 //# sourceMappingURL=character-line.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-line.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAIxC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,WAAW,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACtD,CAAC;CACF","file":"character-line.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicLine } from '../graphic/line';\nimport { CharacterComponent } from '../character';\nimport { StoryGraphicType } from '../../../../dsl/constant';\n\nexport class CharacterComponentLine extends CharacterComponent {\n  readonly graphicType: string = 'line';\n  protected _createGraphic(): Graphic {\n    return new GraphicLine(StoryGraphicType.RECT, this);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/characters/character-line.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-line.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicLine } from '../graphic/line';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\n\nexport class CharacterComponentLine extends CharacterComponent {\n  readonly graphicType: string = 'line';\n  protected _createGraphic(): Graphic {\n    return new GraphicLine(StoryComponentType.RECT, this);\n  }\n}\n"]}

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

@@ -7,7 +7,7 @@ export class CharacterComponentQipao extends CharacterComponent {
         super(...arguments), this.graphicType = "qipao";
     }
     _createGraphic() {
-        return new GraphicQipao("QipaoComponent", this);
+        return new GraphicQipao("Qipao", this);
     }
 }
 //# sourceMappingURL=character-qipao.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-qipao.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAA/D;;QACW,gBAAW,GAAW,OAAO,CAAC;IAIzC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;CACF","file":"character-qipao.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicQipao } from '../graphic/qipao';\nimport { CharacterComponent } from '../character';\n\nexport class CharacterComponentQipao extends CharacterComponent {\n  readonly graphicType: string = 'qipao';\n  protected _createGraphic(): Graphic {\n    return new GraphicQipao('QipaoComponent', this);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/characters/character-qipao.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAA/D;;QACW,gBAAW,GAAW,OAAO,CAAC;IAIzC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC;CACF","file":"character-qipao.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicQipao } from '../graphic/qipao';\nimport { CharacterComponent } from '../character';\n\nexport class CharacterComponentQipao extends CharacterComponent {\n  readonly graphicType: string = 'qipao';\n  protected _createGraphic(): Graphic {\n    return new GraphicQipao('Qipao', this);\n  }\n}\n"]}

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

@@ -2,14 +2,14 @@ import { GraphicRect } from "../graphic/rect";
 
 import { CharacterComponent } from "../character";
 
-import { StoryGraphicType } from "../../../../dsl/constant";
+import { StoryComponentType } from "../../../../constants/character";
 
 export class CharacterComponentRect extends CharacterComponent {
     constructor() {
         super(...arguments), this.graphicType = "rect";
     }
     _createGraphic() {
-        return new GraphicRect(StoryGraphicType.RECT, this);
+        return new GraphicRect(StoryComponentType.RECT, this);
     }
 }
 //# 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,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAIxC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,WAAW,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACtD,CAAC;CACF","file":"character-rect.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicRect } from '../graphic/rect';\nimport { CharacterComponent } from '../character';\nimport { StoryGraphicType } from '../../../../dsl/constant';\n\nexport class CharacterComponentRect extends CharacterComponent {\n  readonly graphicType: string = 'rect';\n  protected _createGraphic(): Graphic {\n    return new GraphicRect(StoryGraphicType.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;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"]}

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

@@ -2,14 +2,14 @@ import { GraphicRichText } from "../graphic/richtext";
 
 import { CharacterComponent } from "../character";
 
-import { StoryGraphicType } from "../../../../dsl/constant";
+import { StoryComponentType } from "../../../../constants/character";
 
 export class CharacterComponentRichText extends CharacterComponent {
     constructor() {
         super(...arguments), this.graphicType = "richtext";
     }
     _createGraphic() {
-        return new GraphicRichText(StoryGraphicType.RICH_TEXT, this);
+        return new GraphicRichText(StoryComponentType.RICH_TEXT, this);
     }
 }
 //# sourceMappingURL=character-richtext.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-richtext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,OAAO,0BAA2B,SAAQ,kBAAkB;IAAlE;;QACW,gBAAW,GAAW,UAAU,CAAC;IAI5C,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAW,CAAC,CAAC;IACtE,CAAC;CACF","file":"character-richtext.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicRichText } from '../graphic/richtext';\nimport { CharacterComponent } from '../character';\nimport { StoryGraphicType } from '../../../../dsl/constant';\n\nexport class CharacterComponentRichText extends CharacterComponent {\n  readonly graphicType: string = 'richtext';\n  protected _createGraphic(): Graphic {\n    return new GraphicRichText(StoryGraphicType.RICH_TEXT, this as any);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/characters/character-richtext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,MAAM,OAAO,0BAA2B,SAAQ,kBAAkB;IAAlE;;QACW,gBAAW,GAAW,UAAU,CAAC;IAI5C,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,eAAe,CAAC,kBAAkB,CAAC,SAAS,EAAE,IAAW,CAAC,CAAC;IACxE,CAAC;CACF","file":"character-richtext.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicRichText } from '../graphic/richtext';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\n\nexport class CharacterComponentRichText extends CharacterComponent {\n  readonly graphicType: string = 'richtext';\n  protected _createGraphic(): Graphic {\n    return new GraphicRichText(StoryComponentType.RICH_TEXT, this as any);\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import type { Graphic } from '../graphic/graphic';
+import { CharacterComponent } from '../character';
+export declare class CharacterComponentShape extends CharacterComponent {
+    readonly graphicType: string;
+    protected _createGraphic(): Graphic;
+}

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

@@ -0,0 +1,15 @@
+import { CharacterComponent } from "../character";
+
+import { StoryComponentType } from "../../../../constants/character";
+
+import { GraphicSymbol } from "../graphic/symbol";
+
+export class CharacterComponentShape extends CharacterComponent {
+    constructor() {
+        super(...arguments), this.graphicType = "shape";
+    }
+    _createGraphic() {
+        return new GraphicSymbol(StoryComponentType.SHAPE, this);
+    }
+}
+//# sourceMappingURL=character-shape.js.map

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

@@ -0,0 +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"]}

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

@@ -2,14 +2,14 @@ import { GraphicPureText } from "../graphic/text";
 
 import { CharacterComponent } from "../character";
 
-import { StoryGraphicType } from "../../../../dsl/constant";
+import { StoryComponentType } from "../../../../constants/character";
 
 export class CharacterComponentText extends CharacterComponent {
     constructor() {
         super(...arguments), this.graphicType = "text";
     }
     _createGraphic() {
-        return new GraphicPureText(StoryGraphicType.TEXT, this);
+        return new GraphicPureText(StoryComponentType.TEXT, this);
     }
 }
 //# sourceMappingURL=character-text.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAK5D,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAIxC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,eAAe,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAW,CAAC,CAAC;IACjE,CAAC;CACF","file":"character-text.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicPureText } from '../graphic/text';\nimport { CharacterComponent } from '../character';\nimport { StoryGraphicType } from '../../../../dsl/constant';\n\n/**\n * text component 没有关联 graphic，逻辑与 GraphicText 有所不同\n */\nexport class CharacterComponentText extends CharacterComponent {\n  readonly graphicType: string = 'text';\n  protected _createGraphic(): Graphic {\n    return new GraphicPureText(StoryGraphicType.TEXT, this as any);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/characters/character-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAKrE,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAIxC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,eAAe,CAAC,kBAAkB,CAAC,IAAI,EAAE,IAAW,CAAC,CAAC;IACnE,CAAC;CACF","file":"character-text.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicPureText } from '../graphic/text';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\n\n/**\n * text component 没有关联 graphic，逻辑与 GraphicText 有所不同\n */\nexport class CharacterComponentText extends CharacterComponent {\n  readonly graphicType: string = 'text';\n  protected _createGraphic(): Graphic {\n    return new GraphicPureText(StoryComponentType.TEXT, this as any);\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import type { Graphic } from '../graphic/graphic';
+import { CharacterComponent } from '../character';
+export declare class CharacterComponentTimeline extends CharacterComponent {
+    readonly graphicType: string;
+    protected _createGraphic(): Graphic;
+}

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

@@ -0,0 +1,15 @@
+import { GraphicTimeline } from "../graphic/timeline";
+
+import { CharacterComponent } from "../character";
+
+import { StoryComponentType } from "../../../../constants/character";
+
+export class CharacterComponentTimeline extends CharacterComponent {
+    constructor() {
+        super(...arguments), this.graphicType = "timeline";
+    }
+    _createGraphic() {
+        return new GraphicTimeline(StoryComponentType.TIMELINE, this);
+    }
+}
+//# sourceMappingURL=character-timeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/component/characters/character-timeline.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,MAAM,OAAO,0BAA2B,SAAQ,kBAAkB;IAAlE;;QACW,gBAAW,GAAW,UAAU,CAAC;IAI5C,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,eAAe,CAAC,kBAAkB,CAAC,QAAQ,EAAE,IAAW,CAAC,CAAC;IACvE,CAAC;CACF","file":"character-timeline.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicTimeline } from '../graphic/timeline';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\n\nexport class CharacterComponentTimeline extends CharacterComponent {\n  readonly graphicType: string = 'timeline';\n  protected _createGraphic(): Graphic {\n    return new GraphicTimeline(StoryComponentType.TIMELINE, this as any);\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+import type { ISymbol } from '@visactor/vrender';
+import type { IPointLike } from '@visactor/vutils';
+import { Graphic } from './graphic';
+export declare class GraphicSymbol extends Graphic {
+    protected _graphic: ISymbol;
+    getInitialAttributes(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        angle: number;
+        anchor: number[];
+        lineWidth: number;
+        stroke: string;
+        shapePoints: IPointLike[];
+        symbolType: string;
+    };
+    init(): void;
+}

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

@@ -0,0 +1,26 @@
+import { createSymbol } from "@visactor/vrender";
+
+import { Graphic } from "./graphic";
+
+export class GraphicSymbol extends Graphic {
+    getInitialAttributes() {
+        return {
+            x: 0,
+            y: 0,
+            width: 120,
+            height: 80,
+            angle: 0,
+            anchor: [ 60, 40 ],
+            lineWidth: 2,
+            stroke: "#000000",
+            shapePoints: [],
+            symbolType: "circle"
+        };
+    }
+    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));
+    }
+}
+//# sourceMappingURL=symbol.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,13 @@
+import { Timeline } from '@visactor/vrender-components';
+import { Graphic } from './graphic';
+import type { IWidgetData } from '../../dsl-interface';
+export declare class GraphicTimeline extends Graphic {
+    protected _graphic: Timeline;
+    getInitialAttributes(): {
+        x: number;
+        y: number;
+        clipRange: number;
+    };
+    init(): void;
+    applyLayoutData(w: Partial<IWidgetData>): void;
+}

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

@@ -0,0 +1,31 @@
+import { Timeline } from "@visactor/vrender-components";
+
+import { Graphic } from "./graphic";
+
+import { getLayoutFromWidget } from "../../../utils/layout";
+
+export class GraphicTimeline extends Graphic {
+    getInitialAttributes() {
+        return {
+            x: 0,
+            y: 0,
+            clipRange: 0
+        };
+    }
+    init() {
+        var _a, _b;
+        this._graphic || (this._graphic = new Timeline(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 = `timeline-${this._character.id}`, this._character.getGraphicParent().add(this._graphic));
+    }
+    applyLayoutData(w) {
+        const {x: x, y: y, width: width, height: height, angle: angle} = getLayoutFromWidget(w);
+        this._graphic.setAttributes(this._transformAttributes({
+            x: x,
+            y: y,
+            angle: angle,
+            width: width,
+            height: height
+        }));
+    }
+}
+//# sourceMappingURL=timeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/component/graphic/timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,OAAO,eAAgB,SAAQ,OAAO;IAG1C,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,SAAS,EAAE,CAAC;SACb,CAAC;IACJ,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,QAAQ,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,YAAY,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;YACtD,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACvD;IACH,CAAC;IAED,eAAe,CAAC,CAAuB;QACrC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,aAAa,CACzB,IAAI,CAAC,oBAAoB,CAAC;YACxB,CAAC;YACD,CAAC;YACD,KAAK;YACL,KAAK;YACL,MAAM;SACP,CAAC,CACH,CAAC;IACJ,CAAC;CACF","file":"timeline.js","sourcesContent":["import { Timeline } from '@visactor/vrender-components';\nimport { createText } 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 GraphicTimeline extends Graphic {\n  protected _graphic: Timeline;\n\n  getInitialAttributes() {\n    return {\n      x: 0,\n      y: 0,\n      clipRange: 0\n    };\n  }\n\n  init() {\n    if (!this._graphic) {\n      this._graphic = new Timeline(\n        this._transformAttributes({\n          ...this.getInitialAttributes(),\n          ...(this._character.spec.options?.graphic ?? {})\n        })\n      );\n      this._graphic.name = `timeline-${this._character.id}`;\n      this._character.getGraphicParent().add(this._graphic);\n    }\n  }\n\n  applyLayoutData(w: Partial<IWidgetData>) {\n    const { x, y, width, height, angle } = getLayoutFromWidget(w);\n    this._graphic.setAttributes(\n      this._transformAttributes({\n        x,\n        y,\n        angle,\n        width,\n        height\n      })\n    );\n  }\n}\n"]}

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

@@ -1,8 +1,8 @@
 import type { IGroup } from '@visactor/vrender';
 import type { IPointLike } from '@visactor/vutils';
-import type { StoryCanvas } from '../canvas/canvas';
-import type { IStory, StoryEvent } from '../interface/runtime-interface';
+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;
@@ -15,6 +15,7 @@ export interface ICharacter {
     show: () => void;
     hide: () => void;
     getGraphicParent: () => IGroup;
+    graphic: Graphic | IGroup;
     tickTo: (t: number) => void;
     checkEvent: (event: StoryEvent) => false | (ICharacterPickInfo & any);
     updateSpec: (spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>) => void;
@@ -22,7 +23,7 @@ export interface ICharacter {
 }
 export interface ICharacterInitOption {
     story: IStory;
-    canvas: StoryCanvas;
+    canvas: IStoryCanvas;
     graphicParent: IGroup;
 }
 export interface ICharacterConstructor {

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, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacterSpec } from './dsl-interface';\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  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}\n\nexport interface ICharacterInitOption {\n  story: IStory;\n  canvas: StoryCanvas;\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 } 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}\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

@@ -10,7 +10,6 @@ export declare abstract class CharacterVisactor extends CharacterBase implements
     get chartType(): string;
     get tempType(): string;
     protected _graphic: IVisactorGraphic;
-    get graphic(): IVisactorGraphic;
     protected _runtime: IChartCharacterRuntime[];
     constructor(spec: ICharacterSpec, option: ICharacterInitOption);
     protected _initRuntime(): void;

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

@@ -15,9 +15,6 @@ export class CharacterVisactor extends CharacterBase {
         var _a;
         return null === (_a = this._specProcess.dataTempTransform.specTemp) || void 0 === _a ? void 0 : _a.type;
     }
-    get graphic() {
-        return this._graphic;
-    }
     constructor(spec, option) {
         super(spec, option), this._runtime = [], this.onSpecReady = () => {
             var _a;

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;IAGD,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,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 declare _graphic: IVisactorGraphic;\n  get graphic() {\n    return this._graphic;\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;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;IAMD,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 declare _graphic: IVisactorGraphic;\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"]}