@visactor/vstory 0.0.4-alpha.2 → 0.0.4

package/cjs/story/character/component/graphic/{graphic-text.js → graphic-base-text.js}

@@ -2,19 +2,35 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.GraphicText = exports.MAX_LAYOUT_SIZE = void 0;
+}), exports.GraphicBaseText = exports.MAX_LAYOUT_SIZE = void 0;
 
 const layout_1 = require("../../../utils/layout"), vrender_1 = require("@visactor/vrender");
 
 exports.MAX_LAYOUT_SIZE = 999999;
 
-class GraphicText {
+class GraphicBaseText {
     constructor(graphicCharacter) {
         this.updateAttribute = attribute => {
             attribute && (this._graphic.setAttributes(this._transformTextAttributes(attribute)), 
             this._updateGraphicCharacterSize());
         }, this._character = graphicCharacter;
     }
+    getInitialAttributes() {
+        return {
+            visible: !0,
+            x: 0,
+            y: 0,
+            textAlign: "center",
+            textBaseline: "middle",
+            textConfig: [],
+            fontSize: 16,
+            graphicAlign: "center",
+            graphicBaseline: "middle",
+            ignoreBuf: !0,
+            maxLineWidth: exports.MAX_LAYOUT_SIZE,
+            heightLimit: exports.MAX_LAYOUT_SIZE
+        };
+    }
     show() {
         this._graphic.setAttributes({
             visible: !0
@@ -25,24 +41,23 @@ class GraphicText {
             visible: !1
         });
     }
-    init() {
+    transformTextAttrsToRichTextConfig() {
         var _a, _b;
-        this._graphic = (0, vrender_1.createText)(this._transformTextAttributes(Object.assign(Object.assign({
-            visible: !0,
-            x: 0,
-            y: 0,
-            textAlign: "center",
-            textBaseline: "middle",
-            text: null,
-            fontSize: 16,
-            whiteSpace: "normal",
-            graphicAlign: "center",
-            graphicBaseline: "middle",
-            fill: "#000000",
-            ignoreBuf: !0
-        }, null !== (_b = null === (_a = this._character.spec.options) || void 0 === _a ? void 0 : _a.text) && void 0 !== _b ? _b : {}), {
-            maxLineWidth: exports.MAX_LAYOUT_SIZE,
-            heightLimit: exports.MAX_LAYOUT_SIZE
+        const textAttr = null !== (_b = null === (_a = this._character.spec.options) || void 0 === _a ? void 0 : _a.text) && void 0 !== _b ? _b : {};
+        let textConfig = textAttr.textConfig;
+        if ((!textConfig || !textConfig.length) && textAttr.text) {
+            const textList = Array.isArray(textAttr.text) ? textAttr.text : [ textAttr.text ];
+            textConfig = textList.map(((item, i) => ({
+                textAlign: "center",
+                textBaseline: "middle",
+                text: item + (i < textList.length - 1 ? "\n" : "")
+            })));
+        }
+        return textConfig;
+    }
+    init() {
+        this._graphic = (0, vrender_1.createRichText)(this._transformTextAttributes(Object.assign(Object.assign({}, this.getInitialAttributes()), {
+            textConfig: this.transformTextAttrsToRichTextConfig()
         }))), this._character.getGraphicParent().add(this._graphic);
     }
     applyGraphicAttribute(graphicAttribute) {
@@ -87,7 +102,8 @@ class GraphicText {
             angle: layoutData.angle,
             anchor: [ layoutData.width / 2, layoutData.height / 2 ],
             scaleCenter: [ layoutData.width / 2, layoutData.height / 2 ],
-            maxLineWidth: right - left,
+            maxWidth: layoutData.width,
+            maxHeight: layoutData.height,
             heightLimit: this._character.graphic.getGraphicAttribute().isResized ? bottom - top : exports.MAX_LAYOUT_SIZE
         }));
     }
@@ -99,5 +115,5 @@ class GraphicText {
     }
 }
 
-exports.GraphicText = GraphicText;
-//# sourceMappingURL=graphic-text.js.map
+exports.GraphicBaseText = GraphicBaseText;
+//# sourceMappingURL=graphic-base-text.js.map

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

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

package/cjs/story/character/component/graphic/graphic.d.ts

@@ -8,7 +8,7 @@ export interface IGraphicConstructor {
 export declare abstract class Graphic {
     readonly containsShapePoints: boolean;
     type: string;
-    protected _character: CharacterComponent;
+    protected _character: any;
     protected _graphic: IGraphic<any>;
     get graphic(): IGraphic<any>;
     constructor(type: string, character: CharacterComponent);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/graphic/graphic.ts"],"names":[],"mappings":"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","file":"graphic.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender';\nimport type { IAABBBounds, IPointLike } from '@visactor/vutils';\nimport { isValid } from '@visactor/vutils';\nimport type { CharacterComponent } from '../character';\nimport type { IComponentCharacterSpec, IWidgetData } from '../..';\nimport { getLayoutFromWidget } from '../../../utils/layout';\n\nexport interface IGraphicConstructor {\n  new (type: string, character: CharacterComponent): Graphic;\n}\n\nexport abstract class Graphic {\n  readonly containsShapePoints: boolean = false;\n  type: string;\n\n  protected _character: CharacterComponent;\n  protected _graphic: IGraphic<any>;\n  get graphic() {\n    return this._graphic;\n  }\n  // protected _group: IGraphic<any>;\n\n  constructor(type: string, character: CharacterComponent) {\n    this.type = type;\n    this._character = character;\n  }\n\n  abstract init(): void;\n\n  getBounds(): IAABBBounds {\n    return this._graphic.AABBBounds;\n  }\n\n  release() {\n    if (this._graphic) {\n      this._graphic.parent.removeChild(this._graphic);\n      this._graphic = null;\n    }\n  }\n\n  getInitialAttributes(): any {\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    };\n  }\n\n  setAttributes(attr: Record<string, any>): void {\n    if (!this._graphic) {\n      return;\n    }\n    this._graphic.setAttributes(attr);\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  getGraphicAttribute(): IComponentCharacterSpec['options']['graphic'] {\n    return this._graphic?.attribute;\n  }\n\n  applyGraphicAttribute(graphicAttribute: IComponentCharacterSpec['options']['graphic']): void {\n    this._graphic.setAttributes(\n      this._transformAttributes({\n        ...graphicAttribute\n      })\n    );\n  }\n\n  getPositionData() {\n    return {\n      x: this._graphic.attribute.x,\n      y: this._graphic.attribute.y,\n      width: this._graphic.attribute.width,\n      height: this._graphic.attribute.height,\n      angle: this._graphic.attribute.angle,\n      shapePoints: this._graphic.attribute.shapePoints\n    };\n  }\n\n  applyLayoutData(layoutData: Partial<IWidgetData>): void {\n    this._graphic.setAttributes(\n      this._transformAttributes({\n        ...getLayoutFromWidget(layoutData),\n        shapePoints: this._character.spec.options.shapePoints\n      })\n    );\n  }\n\n  getTextLayoutRatio(): { left: number; right: number; top: number; bottom: number } {\n    return {\n      left: 0,\n      right: 1,\n      top: 0,\n      bottom: 1\n    };\n  }\n\n  protected _transformAttributes(attributes: any): any {\n    // const x = attributes.x ?? this._graphic?.attribute.x;\n    // const y = attributes.y ?? this._graphic?.attribute.y;\n    const width = attributes.width ?? this._graphic?.attribute.width;\n    const height = attributes.height ?? this._graphic?.attribute.height;\n\n    const transformedAttributes = Object.assign({}, attributes);\n    Object.keys(transformedAttributes).forEach(key => {\n      if (!isValid(attributes[key])) {\n        delete transformedAttributes[key];\n      }\n    });\n    transformedAttributes.anchor = [width / 2, height / 2];\n    transformedAttributes.scaleCenter = [width / 2, height / 2];\n    transformedAttributes.x = 0;\n    transformedAttributes.y = 0;\n    return transformedAttributes;\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/graphic/graphic.ts"],"names":[],"mappings":"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","file":"graphic.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender';\nimport type { IAABBBounds, IPointLike } from '@visactor/vutils';\nimport { isValid } from '@visactor/vutils';\nimport type { CharacterComponent } from '../character';\nimport type { IComponentCharacterSpec, IWidgetData } from '../..';\nimport { getLayoutFromWidget } from '../../../utils/layout';\n\nexport interface IGraphicConstructor {\n  new (type: string, character: CharacterComponent): Graphic;\n}\n\nexport abstract class Graphic {\n  readonly containsShapePoints: boolean = false;\n  type: string;\n\n  protected _character: any;\n  protected _graphic: IGraphic<any>;\n  get graphic() {\n    return this._graphic;\n  }\n  // protected _group: IGraphic<any>;\n\n  constructor(type: string, character: CharacterComponent) {\n    this.type = type;\n    this._character = character;\n  }\n\n  abstract init(): void;\n\n  getBounds(): IAABBBounds {\n    return this._graphic.AABBBounds;\n  }\n\n  release() {\n    if (this._graphic) {\n      this._graphic.parent.removeChild(this._graphic);\n      this._graphic = null;\n    }\n  }\n\n  getInitialAttributes(): any {\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    };\n  }\n\n  setAttributes(attr: Record<string, any>): void {\n    if (!this._graphic) {\n      return;\n    }\n    this._graphic.setAttributes(attr);\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  getGraphicAttribute(): IComponentCharacterSpec['options']['graphic'] {\n    return this._graphic?.attribute;\n  }\n\n  applyGraphicAttribute(graphicAttribute: IComponentCharacterSpec['options']['graphic']): void {\n    this._graphic.setAttributes(\n      this._transformAttributes({\n        ...graphicAttribute\n      })\n    );\n  }\n\n  getPositionData() {\n    return {\n      x: this._graphic.attribute.x,\n      y: this._graphic.attribute.y,\n      width: this._graphic.attribute.width,\n      height: this._graphic.attribute.height,\n      angle: this._graphic.attribute.angle,\n      shapePoints: this._graphic.attribute.shapePoints\n    };\n  }\n\n  applyLayoutData(layoutData: Partial<IWidgetData>): void {\n    this._graphic.setAttributes(\n      this._transformAttributes({\n        ...getLayoutFromWidget(layoutData),\n        shapePoints: this._character.spec.options.shapePoints\n      })\n    );\n  }\n\n  getTextLayoutRatio(): { left: number; right: number; top: number; bottom: number } {\n    return {\n      left: 0,\n      right: 1,\n      top: 0,\n      bottom: 1\n    };\n  }\n\n  protected _transformAttributes(attributes: any): any {\n    // const x = attributes.x ?? this._graphic?.attribute.x;\n    // const y = attributes.y ?? this._graphic?.attribute.y;\n    const width = attributes.width ?? this._graphic?.attribute.width;\n    const height = attributes.height ?? this._graphic?.attribute.height;\n\n    const transformedAttributes = Object.assign({}, attributes);\n    Object.keys(transformedAttributes).forEach(key => {\n      if (!isValid(attributes[key])) {\n        delete transformedAttributes[key];\n      }\n    });\n    transformedAttributes.anchor = [width / 2, height / 2];\n    transformedAttributes.scaleCenter = [width / 2, height / 2];\n    transformedAttributes.x = 0;\n    transformedAttributes.y = 0;\n    return transformedAttributes;\n  }\n}\n"]}

package/cjs/story/character/component/graphic/richtext.d.ts

@@ -1,9 +1 @@
-import type { IRichText, IRichTextAttribute } from '@visactor/vrender';
-import { Graphic } from './graphic';
-import type { IWidgetData } from '../../dsl-interface';
-export declare class GraphicRichText extends Graphic {
-    protected _graphic: IRichText;
-    getInitialAttributes(): Partial<IRichTextAttribute>;
-    init(): void;
-    applyLayoutData(w: Partial<IWidgetData>): void;
-}
+

package/cjs/story/character/component/graphic/richtext.js

@@ -1,48 +1,3 @@
-"use strict";
 
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.GraphicRichText = void 0;
 
-const vrender_1 = require("@visactor/vrender"), graphic_1 = require("./graphic"), layout_1 = require("../../../utils/layout");
-
-class GraphicRichText extends graphic_1.Graphic {
-    getInitialAttributes() {
-        return {
-            x: 0,
-            y: 0,
-            width: 120,
-            height: 80,
-            maxWidth: 120,
-            maxHeight: 80,
-            angle: 0,
-            fontSize: 16,
-            textAlign: "center",
-            textBaseline: "middle",
-            fill: "#000000",
-            lineWidth: 2,
-            ignoreBuf: !0,
-            stroke: !1,
-            ellipsis: !0,
-            textConfig: []
-        };
-    }
-    init() {
-        var _a, _b;
-        this._graphic || (this._graphic = (0, vrender_1.createRichText)(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-richtext-${this._character.id}`, this._character.getGraphicParent().add(this._graphic));
-    }
-    applyLayoutData(w) {
-        const {x: x, y: y, width: width, height: height, angle: angle} = (0, layout_1.getLayoutFromWidget)(w);
-        this._graphic.setAttributes(this._transformAttributes({
-            x: x,
-            y: y,
-            angle: angle,
-            maxWidth: width,
-            maxHeight: height
-        }));
-    }
-}
-
-exports.GraphicRichText = GraphicRichText;
 //# sourceMappingURL=richtext.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/graphic/richtext.ts"],"names":[],"mappings":";;;AACA,+CAAmD;AACnD,uCAAoC;AAEpC,kDAA4D;AAE5D,MAAa,eAAgB,SAAQ,iBAAO;IAG1C,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,QAAQ,EAAE,GAAG;YACb,SAAS,EAAE,EAAE;YACb,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,QAAQ;YACtB,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,EAAE;SACgB,CAAC;IACnC,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAA,wBAAc,EAC5B,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,oBAAoB,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;YAC9D,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,IAAA,4BAAmB,EAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,aAAa,CACzB,IAAI,CAAC,oBAAoB,CAAC;YACxB,CAAC;YACD,CAAC;YACD,KAAK;YACL,QAAQ,EAAE,KAAK;YACf,SAAS,EAAE,MAAM;SAClB,CAAC,CACH,CAAC;IACJ,CAAC;CACF;AAjDD,0CAiDC","file":"richtext.js","sourcesContent":["import type { IRichText, IRichTextAttribute } from '@visactor/vrender';\nimport { createRichText } from '@visactor/vrender';\nimport { Graphic } from './graphic';\nimport type { IWidgetData } from '../../dsl-interface';\nimport { getLayoutFromWidget } from '../../../utils/layout';\n\nexport class GraphicRichText extends Graphic {\n  protected _graphic: IRichText;\n\n  getInitialAttributes() {\n    return {\n      x: 0,\n      y: 0,\n      width: 120,\n      height: 80,\n      maxWidth: 120,\n      maxHeight: 80,\n      angle: 0,\n      fontSize: 16,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      fill: '#000000',\n      lineWidth: 2,\n      ignoreBuf: true,\n      stroke: false,\n      ellipsis: true,\n      textConfig: []\n    } as Partial<IRichTextAttribute>;\n  }\n\n  init() {\n    if (!this._graphic) {\n      this._graphic = createRichText(\n        this._transformAttributes({\n          ...this.getInitialAttributes(),\n          ...(this._character.spec.options?.graphic ?? {})\n        })\n      );\n      this._graphic.name = `graphic-richtext-${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        maxWidth: width,\n        maxHeight: height\n      })\n    );\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/graphic/richtext.ts"],"names":[],"mappings":"","file":"richtext.js","sourcesContent":["// import type { IRichText, IRichTextAttribute } from '@visactor/vrender';\n// import { createRichText } from '@visactor/vrender';\n// import { Graphic } from './graphic';\n// import type { IWidgetData } from '../../dsl-interface';\n// import { getLayoutFromWidget } from '../../../utils/layout';\n\n// export class GraphicRichText extends Graphic {\n//   protected _graphic: IRichText;\n\n//   getInitialAttributes() {\n//     return {\n//       x: 0,\n//       y: 0,\n//       width: 120,\n//       height: 80,\n//       maxWidth: 120,\n//       maxHeight: 80,\n//       angle: 0,\n//       fontSize: 16,\n//       textAlign: 'center',\n//       textBaseline: 'middle',\n//       fill: '#000000',\n//       lineWidth: 2,\n//       ignoreBuf: true,\n//       stroke: false,\n//       ellipsis: true,\n//       textConfig: []\n//     } as Partial<IRichTextAttribute>;\n//   }\n\n//   init() {\n//     if (!this._graphic) {\n//       this._graphic = createRichText(\n//         this._transformAttributes({\n//           ...this.getInitialAttributes(),\n//           ...(this._character.spec.options?.graphic ?? {})\n//         })\n//       );\n//       this._graphic.name = `graphic-richtext-${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//         maxWidth: width,\n//         maxHeight: height\n//       })\n//     );\n//   }\n// }\n"]}

package/cjs/story/character/component/graphic/text.d.ts

@@ -1,9 +1,9 @@
-import type { IText } from '@visactor/vrender';
+import type { IRichText } from '@visactor/vrender';
 import type { IPointLike } from '@visactor/vutils';
 import { Graphic } from './graphic';
 import type { IWidgetData } from '../../dsl-interface';
-export declare class GraphicPureText extends Graphic {
-    protected _graphic: IText;
+export declare class GraphicText extends Graphic {
+    protected _graphic: IRichText;
     getInitialAttributes(): {
         x: number;
         y: number;
@@ -19,6 +19,7 @@ export declare class GraphicPureText extends Graphic {
         stroke: boolean;
         shapePoints: IPointLike[];
     };
+    transformTextAttrsToRichTextConfig(): import("@visactor/vrender").IRichTextCharacter[];
     init(): void;
     applyLayoutData(w: Partial<IWidgetData>): void;
 }

package/cjs/story/character/component/graphic/text.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.GraphicPureText = void 0;
+}), exports.GraphicText = void 0;
 
-const vrender_1 = require("@visactor/vrender"), graphic_1 = require("./graphic"), layout_1 = require("../../../utils/layout");
+const vrender_1 = require("@visactor/vrender"), graphic_1 = require("./graphic"), layout_1 = require("../../../utils/layout"), richtextCombinedAttrs = [ "fill", "stroke", "fontSize", "fontFamily", "fontStyle", "fontWeight", "lineWidth", "opacity", "fillOpacity", "strokeOpacity" ];
 
-class GraphicPureText extends graphic_1.Graphic {
+class GraphicText extends graphic_1.Graphic {
     getInitialAttributes() {
         return {
             x: 0,
@@ -24,10 +24,25 @@ class GraphicPureText extends graphic_1.Graphic {
             shapePoints: []
         };
     }
+    transformTextAttrsToRichTextConfig() {
+        var _a, _b;
+        const textAttr = null !== (_b = null === (_a = this._character.spec.options) || void 0 === _a ? void 0 : _a.graphic) && void 0 !== _b ? _b : {};
+        let textConfig = textAttr.textConfig;
+        if ((!textConfig || !textConfig.length) && textAttr.text) {
+            const textList = Array.isArray(textAttr.text) ? textAttr.text : [ textAttr.text ];
+            textConfig = textList.map(((item, i) => ({
+                textAlign: textAttr.textAlign,
+                textBaseline: textAttr.textBaseline,
+                text: item + (i < textList.length - 1 ? "\n" : "")
+            })));
+        }
+        return textConfig;
+    }
     init() {
         var _a, _b;
-        this._graphic || (this._graphic = (0, vrender_1.createText)(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-text-${this._character.id}`, this._character.getGraphicParent().add(this._graphic));
+        this._graphic || (this._graphic = (0, vrender_1.createRichText)(this._transformAttributes(Object.assign(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 : {}), {
+            textConfig: this.transformTextAttrsToRichTextConfig()
+        }))), this._graphic.name = `graphic-text-${this._character.id}`, this._character.getGraphicParent().add(this._graphic));
     }
     applyLayoutData(w) {
         const {x: x, y: y, width: width, height: height, angle: angle} = (0, layout_1.getLayoutFromWidget)(w);
@@ -43,5 +58,5 @@ class GraphicPureText extends graphic_1.Graphic {
     }
 }
 
-exports.GraphicPureText = GraphicPureText;
+exports.GraphicText = GraphicText;
 //# sourceMappingURL=text.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/graphic/text.ts"],"names":[],"mappings":";;;AACA,+CAA+C;AAE/C,uCAAoC;AAEpC,kDAA4D;AAE5D,MAAa,eAAgB,SAAQ,iBAAO;IAG1C,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,QAAQ;YACtB,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,EAAkB;SAChC,CAAC;IACJ,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAA,oBAAU,EACxB,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,gBAAgB,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;YAC1D,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,IAAA,4BAAmB,EAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,aAAa,CACzB,IAAI,CAAC,oBAAoB,CAAC;YACxB,CAAC;YACD,CAAC;YACD,KAAK;YACL,KAAK;YACL,MAAM;YACN,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,MAAM;SACpB,CAAC,CACH,CAAC;IACJ,CAAC;CACF;AAhDD,0CAgDC","file":"text.js","sourcesContent":["import type { IText } from '@visactor/vrender';\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 GraphicPureText extends Graphic {\n  protected _graphic: IText;\n\n  getInitialAttributes() {\n    return {\n      x: 0,\n      y: 0,\n      width: 120,\n      height: 80,\n      angle: 0,\n      fontSize: 16,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      fill: '#000000',\n      lineWidth: 2,\n      ignoreBuf: true,\n      stroke: false,\n      shapePoints: [] as IPointLike[]\n    };\n  }\n\n  init() {\n    if (!this._graphic) {\n      this._graphic = createText(\n        this._transformAttributes({\n          ...this.getInitialAttributes(),\n          ...(this._character.spec.options?.graphic ?? {})\n        })\n      );\n      this._graphic.name = `graphic-text-${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        maxLineWidth: width,\n        heightLimit: height\n      })\n    );\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/graphic/text.ts"],"names":[],"mappings":";;;AACA,+CAA+D;AAE/D,uCAAoC;AAEpC,kDAA4D;AAE5D,MAAM,qBAAqB,GAAG;IAC5B,MAAM;IACN,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,WAAW;IACX,SAAS;IACT,aAAa;IACb,eAAe;CAChB,CAAC;AAEF,MAAa,WAAY,SAAQ,iBAAO;IAGtC,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,QAAQ;YACtB,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,EAAkB;SAChC,CAAC;IACJ,CAAC;IAED,kCAAkC;;QAChC,MAAM,QAAQ,GAAG,CAAC,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,mCAAI,EAAE,CAA8B,CAAC;QAC5F,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,CAAC,SAAS;oBAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY;oBAEnC,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,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAA,wBAAc,EAC5B,IAAI,CAAC,oBAAoB,+CACpB,IAAI,CAAC,oBAAoB,EAAE,GAC3B,CAAC,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,mCAAI,EAAE,CAAC,KAChD,UAAU,EAAE,IAAI,CAAC,kCAAkC,EAAE,IACrD,CACH,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,gBAAgB,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;YAC1D,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,IAAA,4BAAmB,EAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,aAAa,CACzB,IAAI,CAAC,oBAAoB,CAAC;YACxB,CAAC;YACD,CAAC;YACD,KAAK;YACL,KAAK;YACL,MAAM;YACN,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,MAAM;SACpB,CAAC,CACH,CAAC;IACJ,CAAC;CACF;AArED,kCAqEC","file":"text.js","sourcesContent":["import type { IRichText, IRichTextGraphicAttribute, IText } from '@visactor/vrender';\nimport { createRichText, 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\nconst richtextCombinedAttrs = [\n  'fill',\n  'stroke',\n  'fontSize',\n  'fontFamily',\n  'fontStyle',\n  'fontWeight',\n  'lineWidth',\n  'opacity',\n  'fillOpacity',\n  'strokeOpacity'\n];\n\nexport class GraphicText extends Graphic {\n  protected _graphic: IRichText;\n\n  getInitialAttributes() {\n    return {\n      x: 0,\n      y: 0,\n      width: 120,\n      height: 80,\n      angle: 0,\n      fontSize: 16,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      fill: '#000000',\n      lineWidth: 2,\n      ignoreBuf: true,\n      stroke: false,\n      shapePoints: [] as IPointLike[]\n    };\n  }\n\n  transformTextAttrsToRichTextConfig() {\n    const textAttr = (this._character.spec.options?.graphic ?? {}) 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: textAttr.textAlign,\n          textBaseline: textAttr.textBaseline,\n          // ...((textAttr || {}) as any),\n          text: item + (i < textList.length - 1 ? '\\n' : '')\n        };\n      });\n    }\n\n    return textConfig;\n  }\n\n  init() {\n    if (!this._graphic) {\n      this._graphic = createRichText(\n        this._transformAttributes({\n          ...this.getInitialAttributes(),\n          ...(this._character.spec.options?.graphic ?? {}),\n          textConfig: this.transformTextAttrsToRichTextConfig()\n        })\n      );\n      this._graphic.name = `graphic-text-${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        maxLineWidth: width,\n        heightLimit: height\n      })\n    );\n  }\n}\n"]}

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

@@ -7,6 +7,12 @@ export declare class GraphicTimeline extends Graphic {
         x: number;
         y: number;
         clipRange: number;
+        activeSymbolStyle: {
+            size: number;
+        };
+        activeLineStyle: {
+            lineWidth: number;
+        };
     };
     init(): void;
     applyLayoutData(w: Partial<IWidgetData>): void;

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

@@ -11,7 +11,13 @@ class GraphicTimeline extends graphic_1.Graphic {
         return {
             x: 0,
             y: 0,
-            clipRange: 0
+            clipRange: 0,
+            activeSymbolStyle: {
+                size: 26
+            },
+            activeLineStyle: {
+                lineWidth: 1.5
+            }
         };
     }
     init() {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/graphic/timeline.ts"],"names":[],"mappings":";;;AAAA,qEAAwD;AAGxD,uCAAoC;AAEpC,kDAA4D;AAE5D,MAAa,eAAgB,SAAQ,iBAAO;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,6BAAQ,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,IAAA,4BAAmB,EAAC,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;AApCD,0CAoCC","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"]}
+{"version":3,"sources":["../src/story/character/component/graphic/timeline.ts"],"names":[],"mappings":";;;AAAA,qEAAwD;AAGxD,uCAAoC;AAEpC,kDAA4D;AAE5D,MAAa,eAAgB,SAAQ,iBAAO;IAG1C,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,SAAS,EAAE,CAAC;YACZ,iBAAiB,EAAE;gBACjB,IAAI,EAAE,EAAE;aACT;YACD,eAAe,EAAE;gBACf,SAAS,EAAE,GAAG;aACf;SACF,CAAC;IACJ,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,6BAAQ,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,IAAA,4BAAmB,EAAC,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;AA1CD,0CA0CC","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      activeSymbolStyle: {\n        size: 26\n      },\n      activeLineStyle: {\n        lineWidth: 1.5\n      }\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/cjs/story/character/dsl-interface.d.ts

@@ -1,4 +1,4 @@
-import type { ITextGraphicAttribute } from '@visactor/vrender';
+import type { IRichTextGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';
 import type { DirectionType } from './chart/const';
 export type IPercent = `${number}%`;
 export type WidgetNumber = number;
@@ -21,7 +21,7 @@ export interface ICharacterSpecBase {
 export type IEditorTextGraphicAttribute = {
     graphicAlign?: 'left' | 'center' | 'right';
     graphicBaseline?: 'top' | 'middle' | 'bottom';
-} & ITextGraphicAttribute;
+} & Partial<ITextGraphicAttribute & IRichTextGraphicAttribute>;
 export interface IComponentCharacterSpec extends ICharacterSpecBase {
     options: {
         graphic: any;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/dsl-interface.ts"],"names":[],"mappings":"","file":"dsl-interface.js","sourcesContent":["import type { 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} & ITextGraphicAttribute;\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 { 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"]}

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

@@ -20,6 +20,7 @@ export interface ICharacter {
     checkEvent: (event: StoryEvent) => false | (ICharacterPickInfo & any);
     updateSpec: (spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>) => void;
     setAttributes: (attr: Record<string, any>) => void;
+    release: () => void;
 }
 export interface ICharacterInitOption {
     story: IStory;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/runtime-interface.ts"],"names":[],"mappings":"","file":"runtime-interface.js","sourcesContent":["import type { IGroup } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { StoryCanvas } from '../canvas/canvas';\nimport type { IStory, IStoryCanvas, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacterSpec } from './dsl-interface';\nimport type { Graphic } from './component/graphic/graphic';\n\nexport interface ICharacterPickInfo {\n  part: string;\n  graphicType: string;\n}\nexport interface ICharacter {\n  id: string;\n  spec: ICharacterSpec;\n\n  init: () => void;\n  reset: () => void;\n  show: () => void;\n  hide: () => void;\n  getGraphicParent: () => IGroup;\n  graphic: Graphic | IGroup;\n  tickTo: (t: number) => void;\n\n  checkEvent: (event: StoryEvent) => false | (ICharacterPickInfo & any);\n\n  updateSpec: (spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>) => void;\n\n  setAttributes: (attr: Record<string, any>) => void;\n}\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 } 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"]}

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

@@ -1,6 +1,6 @@
 import { ICharacterSpec } from 'src/story/character/dsl-interface';
 import { CharacterBase } from '../base/base';
-import type { ISpecProcess, ICharacterVisactor, IVisactorGraphic } from './interface';
+import type { ISpecProcess, ICharacterVisactor } from './interface';
 import { ICharacterInitOption } from '../runtime-interface';
 import { IChartCharacterRuntime } from '../chart/runtime/interface';
 export declare abstract class CharacterVisactor extends CharacterBase implements ICharacterVisactor {
@@ -9,7 +9,6 @@ export declare abstract class CharacterVisactor extends CharacterBase implements
     get dataTempTransform(): import("./interface").IDataTempTransform;
     get chartType(): string;
     get tempType(): string;
-    protected _graphic: IVisactorGraphic;
     protected _runtime: IChartCharacterRuntime[];
     constructor(spec: ICharacterSpec, option: ICharacterInitOption);
     protected _initRuntime(): void;
@@ -24,7 +23,7 @@ export declare abstract class CharacterVisactor extends CharacterBase implements
     protected abstract _updateVisactorSpec(): void;
     show(): void;
     hide(): void;
-    getGraphicParent(): IVisactorGraphic;
+    getGraphicParent(): any;
     tickTo(t: number): void;
     release(): void;
 }

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

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

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

@@ -84,6 +84,7 @@ export interface IVisactorTempConstructor {
 export interface IVisactorGraphic extends IGroup {
     readonly vProduct: IVChart;
     updateSpec: (spec: any) => void;
+    release: () => void;
 }
 export interface ICharacterVisactor extends ICharacter {
     clearConfig: (opt: {

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

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

package/cjs/story/character-tree/character-tree.d.ts

@@ -12,4 +12,5 @@ export declare class CharacterTree implements ICharacterTree {
     getCharactersById(key: string): ICharacter;
     addCharacter(spec: ICharacterSpec): ICharacter;
     initCharacters(specs: ICharacterSpec[]): void;
+    releaseOldCharacters(): void;
 }

package/cjs/story/character-tree/character-tree.js

@@ -26,6 +26,7 @@ class CharacterTree {
         this._characters[spec.id]) : null;
     }
     initCharacters(specs) {
+        this.releaseOldCharacters(), this._characters = {};
         const option = {
             story: this._story,
             canvas: this._story.canvas,
@@ -35,6 +36,11 @@ class CharacterTree {
             spec.id && (this._characters[spec.id] || (this._characters[spec.id] = factory_1.StoryFactory.createCharacter(spec, option)));
         }));
     }
+    releaseOldCharacters() {
+        Object.keys(this._characters).forEach((k => {
+            this._characters[k].release();
+        }));
+    }
 }
 
 exports.CharacterTree = CharacterTree;

package/cjs/story/character-tree/character-tree.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character-tree/character-tree.ts"],"names":[],"mappings":";;;AACA,gDAAkD;AAGlD,MAAa,aAAa;IAIxB,YAAY,KAAa;QAHf,gBAAW,GAAkC,EAAE,CAAC;QAIxD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,iBAAiB,CAAC,GAAW;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,IAAoB;QAC/B,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAC1B,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,YAAY;SAC1D,CAAC;QACF,IAAqB,IAAK,CAAC,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,EAAE;gBAChD,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,GAAG,sBAAY,CAAC,eAAe,CAAiB,IAAI,EAAE,MAAM,CAAC,CAAC;aAC1G;YACD,OAAO,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,CAAC;SACpD;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,cAAc,CAAC,KAAuB;QACpC,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAC1B,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,YAAY;SAC1D,CAAC;QAEF,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAqB,IAAK,CAAC,EAAE,EAAE;gBAC7B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,EAAE;oBAChD,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,GAAG,sBAAY,CAAC,eAAe,CAAiB,IAAI,EAAE,MAAM,CAAC,CAAC;iBAC1G;aAEF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AA/CD,sCA+CC","file":"character-tree.js","sourcesContent":["import type { ICharacter, ICharacterSpec } from '../character';\nimport { StoryFactory } from '../factory/factory';\nimport type { ICharacterTree, IStory } from '../interface';\n\nexport class CharacterTree implements ICharacterTree {\n  protected _characters: { [key: string]: ICharacter } = {};\n  protected _story: IStory;\n\n  constructor(story: IStory) {\n    this._story = story;\n  }\n\n  getCharacters(): { [key: string]: ICharacter } {\n    return this._characters;\n  }\n\n  getCharactersById(key: string) {\n    return this._characters[key] || null;\n  }\n\n  addCharacter(spec: ICharacterSpec) {\n    const option = {\n      story: this._story,\n      canvas: this._story.canvas,\n      graphicParent: this._story.canvas.getStage().defaultLayer\n    };\n    if ((<ICharacterSpec>spec).id) {\n      if (!this._characters[(<ICharacterSpec>spec).id]) {\n        this._characters[(<ICharacterSpec>spec).id] = StoryFactory.createCharacter(<ICharacterSpec>spec, option);\n      }\n      return this._characters[(<ICharacterSpec>spec).id];\n    }\n    return null;\n  }\n\n  initCharacters(specs: ICharacterSpec[]): void {\n    const option = {\n      story: this._story,\n      canvas: this._story.canvas,\n      graphicParent: this._story.canvas.getStage().defaultLayer\n    };\n\n    specs.forEach(spec => {\n      if ((<ICharacterSpec>spec).id) {\n        if (!this._characters[(<ICharacterSpec>spec).id]) {\n          this._characters[(<ICharacterSpec>spec).id] = StoryFactory.createCharacter(<ICharacterSpec>spec, option);\n        }\n        // return this._characters[(<ICharacterSpec>spec).id];\n      }\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character-tree/character-tree.ts"],"names":[],"mappings":";;;AACA,gDAAkD;AAGlD,MAAa,aAAa;IAIxB,YAAY,KAAa;QAHf,gBAAW,GAAkC,EAAE,CAAC;QAIxD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,iBAAiB,CAAC,GAAW;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,IAAoB;QAC/B,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAC1B,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,YAAY;SAC1D,CAAC;QACF,IAAqB,IAAK,CAAC,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,EAAE;gBAChD,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,GAAG,sBAAY,CAAC,eAAe,CAAiB,IAAI,EAAE,MAAM,CAAC,CAAC;aAC1G;YACD,OAAO,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,CAAC;SACpD;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,cAAc,CAAC,KAAuB;QACpC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAC1B,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,YAAY;SAC1D,CAAC;QAEF,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAqB,IAAK,CAAC,EAAE,EAAE;gBAC7B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,EAAE;oBAChD,IAAI,CAAC,WAAW,CAAkB,IAAK,CAAC,EAAE,CAAC,GAAG,sBAAY,CAAC,eAAe,CAAiB,IAAI,EAAE,MAAM,CAAC,CAAC;iBAC1G;aAEF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACxC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAC9B,CAAC,CAAC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAxDD,sCAwDC","file":"character-tree.js","sourcesContent":["import type { ICharacter, ICharacterSpec } from '../character';\nimport { StoryFactory } from '../factory/factory';\nimport type { ICharacterTree, IStory } from '../interface';\n\nexport class CharacterTree implements ICharacterTree {\n  protected _characters: { [key: string]: ICharacter } = {};\n  protected _story: IStory;\n\n  constructor(story: IStory) {\n    this._story = story;\n  }\n\n  getCharacters(): { [key: string]: ICharacter } {\n    return this._characters;\n  }\n\n  getCharactersById(key: string) {\n    return this._characters[key] || null;\n  }\n\n  addCharacter(spec: ICharacterSpec) {\n    const option = {\n      story: this._story,\n      canvas: this._story.canvas,\n      graphicParent: this._story.canvas.getStage().defaultLayer\n    };\n    if ((<ICharacterSpec>spec).id) {\n      if (!this._characters[(<ICharacterSpec>spec).id]) {\n        this._characters[(<ICharacterSpec>spec).id] = StoryFactory.createCharacter(<ICharacterSpec>spec, option);\n      }\n      return this._characters[(<ICharacterSpec>spec).id];\n    }\n    return null;\n  }\n\n  initCharacters(specs: ICharacterSpec[]): void {\n    this.releaseOldCharacters();\n    this._characters = {};\n    const option = {\n      story: this._story,\n      canvas: this._story.canvas,\n      graphicParent: this._story.canvas.getStage().defaultLayer\n    };\n\n    specs.forEach(spec => {\n      if ((<ICharacterSpec>spec).id) {\n        if (!this._characters[(<ICharacterSpec>spec).id]) {\n          this._characters[(<ICharacterSpec>spec).id] = StoryFactory.createCharacter(<ICharacterSpec>spec, option);\n        }\n        // return this._characters[(<ICharacterSpec>spec).id];\n      }\n    });\n  }\n\n  releaseOldCharacters() {\n    Object.keys(this._characters).forEach(k => {\n      const c = this._characters[k];\n      c.release();\n    });\n  }\n}\n"]}

package/cjs/story/index.js

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerCharacter = void 0;
 
-const character_qipao_1 = require("./character/component/characters/character-qipao"), character_rect_1 = require("./character/component/characters/character-rect"), factory_1 = require("./factory/factory"), vrender_1 = require("@visactor/vrender"), vrender_2 = require("@visactor/vrender"), vchart_graphic_render_1 = require("./character/chart/graphic/vchart-graphic-render"), character_text_1 = require("./character/component/characters/character-text"), character_richtext_1 = require("./character/component/characters/character-richtext"), vchart_graphic_picker_1 = require("./character/chart/graphic/vchart-graphic-picker"), character_1 = require("../constants/character"), character_line_1 = require("./character/component/characters/character-line"), character_image_1 = require("./character/component/characters/character-image"), character_shape_1 = require("./character/component/characters/character-shape"), vchart_1 = require("./character/chart/characters/vchart"), component_group_graphic_render_1 = require("./character/component/character-group/component-group-graphic-render"), character_timeline_1 = require("./character/component/characters/character-timeline"), splitModule = new vrender_1.ContainerModule((bind => {
+const character_qipao_1 = require("./character/component/characters/character-qipao"), character_rect_1 = require("./character/component/characters/character-rect"), factory_1 = require("./factory/factory"), vrender_1 = require("@visactor/vrender"), vrender_2 = require("@visactor/vrender"), vchart_graphic_render_1 = require("./character/chart/graphic/vchart-graphic-render"), character_text_1 = require("./character/component/characters/character-text"), vchart_graphic_picker_1 = require("./character/chart/graphic/vchart-graphic-picker"), character_1 = require("../constants/character"), character_line_1 = require("./character/component/characters/character-line"), character_image_1 = require("./character/component/characters/character-image"), character_shape_1 = require("./character/component/characters/character-shape"), vchart_1 = require("./character/chart/characters/vchart"), component_group_graphic_render_1 = require("./character/component/character-group/component-group-graphic-render"), character_timeline_1 = require("./character/component/characters/character-timeline"), splitModule = new vrender_1.ContainerModule((bind => {
     bind(vchart_graphic_render_1.VChartRender).toSelf().inSingletonScope(), bind(vchart_graphic_render_1.ChartRender).toService(vchart_graphic_render_1.VChartRender), 
     bind(vrender_1.GraphicRender).toService(vchart_graphic_render_1.ChartRender), bind(vchart_graphic_picker_1.VChartPicker).to(vchart_graphic_picker_1.VChartPicker).inSingletonScope(), 
     bind(vrender_2.CanvasPickerContribution).toService(vchart_graphic_picker_1.VChartPicker), 
@@ -33,7 +33,6 @@ function registerCharacter() {
     _register || (_register = !0, factory_1.StoryFactory.registerCharacter(vchart_1.VChartCharacter.type, vchart_1.VChartCharacter), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.RECT, character_rect_1.CharacterComponentRect), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.TEXT, character_text_1.CharacterComponentText), 
-    factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.RICH_TEXT, character_richtext_1.CharacterComponentRichText), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.QIPAO, character_qipao_1.CharacterComponentQipao), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.LINE, character_line_1.CharacterComponentLine), 
     factory_1.StoryFactory.registerCharacter(character_1.StoryComponentType.IMAGE, character_image_1.CharacterComponentImage),