@visactor/vstory 0.0.8-alpha.9 → 0.0.8

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

@@ -1,3 +0,0 @@
-
-
-//# sourceMappingURL=character-richtext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-richtext.ts"],"names":[],"mappings":"","file":"character-richtext.js","sourcesContent":["// import type { Graphic } from '../graphic/graphic';\n// import { GraphicRichText } from '../graphic/richtext';\n// import { CharacterComponent } from '../character';\n// import { StoryComponentType } from '../../../../constants/character';\n\n// export 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

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

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

@@ -1,30 +0,0 @@
-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);
-    }
-    setAttributes(attr) {
-        attr.position && (this._spec.position = attr.position), this.group.setAttributes(Object.assign(Object.assign({}, attr), {
-            x: attr.x - attr.width / 2,
-            y: attr.y - attr.height / 2
-        })), this._graphic.setAttributes(Object.assign(Object.assign({}, attr), {
-            x: attr.width / 2,
-            y: attr.height / 2,
-            angle: 0,
-            size: Math.min(attr.width, attr.height)
-        })), this._text.updateAttribute({});
-    }
-    checkEvent(event) {
-        const info = super.checkEvent(event);
-        return (!info || event.path[event.path.length - 1] !== this._group) && info;
-    }
-}
-//# sourceMappingURL=character-shape.js.map

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-text.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;AAKrE,MAAM,OAAO,sBAAuB,SAAQ,kBAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAIxC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,WAAW,CAAC,kBAAkB,CAAC,IAAI,EAAE,IAAW,CAAC,CAAC;IAC/D,CAAC;CACF","file":"character-text.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicText } 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 GraphicText(StoryComponentType.TEXT, this as any);\n  }\n}\n"]}

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

@@ -1,6 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/characters/character-unit.d.ts

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-unit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,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-unit.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\nimport { GraphicUnit } from '../graphic/unit';\n\nexport class CharacterComponentUnit extends CharacterComponent {\n  readonly graphicType: string = 'unit';\n  protected _createGraphic(): Graphic {\n    return new GraphicUnit(StoryComponentType.UNIT, this);\n  }\n}\n"]}

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

@@ -1,24 +0,0 @@
-import type { IWidgetData } from '../../dsl-interface';
-import type { IRichText, IRichTextGraphicAttribute } from '@visactor/vrender';
-import type { CharacterComponent } from '../character';
-export declare const MAX_LAYOUT_SIZE = 999999;
-export declare class GraphicBaseText {
-    private _character;
-    private _graphic;
-    get graphic(): IRichText;
-    constructor(graphicCharacter: CharacterComponent);
-    getInitialAttributes(): IRichTextGraphicAttribute & {
-        graphicAlign: string;
-        graphicBaseline: string;
-    };
-    show(): void;
-    hide(): void;
-    transformTextAttrsToRichTextConfig(): import("@visactor/vrender").IRichTextCharacter[];
-    init(): void;
-    applyGraphicAttribute(graphicAttribute: Partial<IRichTextGraphicAttribute>): void;
-    getGraphicAttribute(): IRichTextGraphicAttribute;
-    updateAttribute: (attribute: Partial<IRichTextGraphicAttribute>) => void;
-    applyLayoutData(w: Partial<IWidgetData>): void;
-    private _updateGraphicCharacterSize;
-    private _transformTextAttributes;
-}

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

@@ -1,118 +0,0 @@
-import { getLayoutFromWidget } from "../../../utils/layout";
-
-import { createRichText } from "@visactor/vrender";
-
-export const MAX_LAYOUT_SIZE = 999999;
-
-export class GraphicBaseText {
-    get graphic() {
-        return this._graphic;
-    }
-    constructor(graphicCharacter) {
-        this.updateAttribute = attribute => {
-            attribute && (this._graphic.setAttributes(this._transformTextAttributes(attribute)), 
-            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,
-            height: 0,
-            width: 0,
-            maxLineWidth: 999999,
-            heightLimit: 999999
-        };
-    }
-    show() {
-        this._graphic.setAttributes({
-            visible: !0
-        });
-    }
-    hide() {
-        this._graphic.setAttributes({
-            visible: !1
-        });
-    }
-    transformTextAttrsToRichTextConfig() {
-        var _a, _b;
-        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 = createRichText(this._transformTextAttributes(Object.assign(Object.assign({}, this.getInitialAttributes()), {
-            textConfig: this.transformTextAttrsToRichTextConfig()
-        }))), this._character.getGraphicParent().add(this._graphic);
-    }
-    applyGraphicAttribute(graphicAttribute) {
-        this._graphic.setAttributes(Object.assign({}, graphicAttribute));
-    }
-    getGraphicAttribute() {
-        var _a;
-        return null === (_a = this._graphic) || void 0 === _a ? void 0 : _a.attribute;
-    }
-    applyLayoutData(w) {
-        const layoutData = getLayoutFromWidget(w), layoutRatio = this._character.getTextLayoutRatio(), graphicAlign = this._graphic.attribute.graphicAlign, graphicBaseline = this._graphic.attribute.graphicBaseline, left = layoutData.width * layoutRatio.left, right = layoutData.width * layoutRatio.right, center = (left + right) / 2, top = layoutData.height * layoutRatio.top, bottom = layoutData.height * layoutRatio.bottom, middle = (top + bottom) / 2;
-        let x = center, align = "center", y = middle, baseline = "middle";
-        switch (graphicAlign) {
-          case "left":
-            x = left, align = "left";
-            break;
-
-          case "center":
-            x = center, align = "center";
-            break;
-
-          case "right":
-            x = right, align = "right";
-        }
-        switch (graphicBaseline) {
-          case "top":
-            y = top, baseline = "top";
-            break;
-
-          case "middle":
-            y = middle, baseline = "middle";
-            break;
-
-          case "bottom":
-            y = bottom, baseline = "bottom";
-        }
-        this._graphic.setAttributes(this._transformTextAttributes({
-            x: x,
-            y: y,
-            textAlign: graphicAlign,
-            textBaseline: graphicBaseline,
-            angle: layoutData.angle,
-            anchor: [ layoutData.width / 2, layoutData.height / 2 ],
-            scaleCenter: [ layoutData.width / 2, layoutData.height / 2 ],
-            maxWidth: layoutData.width,
-            maxHeight: layoutData.height,
-            heightLimit: this._character.graphic.getGraphicAttribute().isResized ? bottom - top : 999999
-        }));
-    }
-    _updateGraphicCharacterSize() {
-        this._character.graphic.getGraphicAttribute().isResized || this.applyLayoutData(this._character.graphic.getPositionData());
-    }
-    _transformTextAttributes(attributes) {
-        return attributes;
-    }
-}
-//# sourceMappingURL=graphic-base-text.js.map

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

@@ -1 +0,0 @@
-{"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  get graphic() {\n    return this._graphic;\n  }\n  constructor(graphicCharacter: CharacterComponent) {\n    this._character = graphicCharacter;\n  }\n\n  getInitialAttributes(): IRichTextGraphicAttribute & { graphicAlign: string; graphicBaseline: string } {\n    return {\n      visible: true,\n      x: 0,\n      y: 0,\n      textAlign: 'center',\n      textBaseline: 'middle',\n      textConfig: [],\n      fontSize: 16,\n      // fill: '#000000',\n      // whiteSpace: 'normal',\n      graphicAlign: 'center',\n      graphicBaseline: 'middle',\n      // // compute real height without vrender buffer\n      ignoreBuf: true,\n      height: 0,\n      width: 0,\n      maxLineWidth: MAX_LAYOUT_SIZE,\n      heightLimit: MAX_LAYOUT_SIZE\n    };\n  }\n\n  show(): void {\n    this._graphic.setAttributes({\n      visible: true\n      // visibleAll: true,\n    });\n  }\n  hide(): void {\n    this._graphic.setAttributes({\n      visible: false\n      // visibleAll: false,\n    });\n  }\n\n  transformTextAttrsToRichTextConfig() {\n    const textAttr = (this._character.spec.options?.text ?? {}) as IRichTextGraphicAttribute;\n    let textConfig = textAttr.textConfig;\n\n    // 如果是纯文本定义方式\n    if (!(textConfig && textConfig.length) && textAttr.text) {\n      const textList = Array.isArray(textAttr.text) ? textAttr.text : [textAttr.text];\n      textConfig = textList.map((item, i) => {\n        return {\n          textAlign: 'center',\n          textBaseline: 'middle',\n          // ...((textAttr || {}) as any),\n          text: item + (i < textList.length - 1 ? '\\n' : '')\n        };\n      });\n    }\n\n    return textConfig;\n  }\n\n  init() {\n    this._graphic = createRichText(\n      this._transformTextAttributes({\n        ...this.getInitialAttributes(),\n        textConfig: this.transformTextAttrsToRichTextConfig()\n      } as any)\n    );\n    this._character.getGraphicParent().add(this._graphic);\n  }\n\n  applyGraphicAttribute(graphicAttribute: Partial<IRichTextGraphicAttribute>): void {\n    this._graphic.setAttributes({ ...graphicAttribute });\n  }\n\n  getGraphicAttribute(): IRichTextGraphicAttribute {\n    return this._graphic?.attribute;\n  }\n\n  updateAttribute = (attribute: Partial<IRichTextGraphicAttribute>): void => {\n    if (attribute) {\n      this._graphic.setAttributes(this._transformTextAttributes(attribute));\n      this._updateGraphicCharacterSize();\n    }\n  };\n\n  applyLayoutData(w: Partial<IWidgetData>): void {\n    const layoutData = getLayoutFromWidget(w);\n    const layoutRatio = this._character.getTextLayoutRatio();\n    const graphicAlign = (this._graphic.attribute as any).graphicAlign;\n    const graphicBaseline = (this._graphic.attribute as any).graphicBaseline;\n    const left = layoutData.width * layoutRatio.left;\n    const right = layoutData.width * layoutRatio.right;\n    const center = (left + right) / 2;\n    const top = layoutData.height * layoutRatio.top;\n    const bottom = layoutData.height * layoutRatio.bottom;\n    const middle = (top + bottom) / 2;\n    let x = center;\n    let align: TextAlignType = 'center';\n    let y = middle;\n    let baseline: TextBaselineType = 'middle';\n    switch (graphicAlign) {\n      case 'left':\n        x = left;\n        align = 'left';\n        break;\n      case 'center':\n        x = center;\n        align = 'center';\n        break;\n      case 'right':\n        x = right;\n        align = 'right';\n        break;\n    }\n    switch (graphicBaseline) {\n      case 'top':\n        y = top;\n        baseline = 'top';\n        break;\n      case 'middle':\n        y = middle;\n        baseline = 'middle';\n        break;\n      case 'bottom':\n        y = bottom;\n        baseline = 'bottom';\n        break;\n    }\n\n    this._graphic.setAttributes(\n      this._transformTextAttributes({\n        x,\n        y,\n        textAlign: graphicAlign,\n        textBaseline: graphicBaseline,\n        angle: layoutData.angle,\n        anchor: [layoutData.width / 2, layoutData.height / 2],\n        scaleCenter: [layoutData.width / 2, layoutData.height / 2],\n        maxWidth: layoutData.width,\n        maxHeight: layoutData.height,\n        heightLimit: this._character.graphic.getGraphicAttribute().isResized ? bottom - top : MAX_LAYOUT_SIZE\n      })\n    );\n  }\n\n  private _updateGraphicCharacterSize() {\n    if (!this._character.graphic.getGraphicAttribute().isResized) {\n      // const layoutRatio = this._character.graphic.getTextLayoutRatio();\n      // const textHeight = this._graphic.AABBBounds.height();\n      // const minGraphicHeight = this._character.graphic.getInitialAttributes().height;\n      // const graphicHeight = Math.max(textHeight / (layoutRatio.bottom - layoutRatio.top), minGraphicHeight);\n      // this._character.graphic.applyLayoutData({\n      //   height: graphicHeight\n      // });\n      this.applyLayoutData(this._character.graphic.getPositionData());\n    }\n  }\n\n  private _transformTextAttributes(attributes: IRichTextGraphicAttribute): IRichTextGraphicAttribute {\n    return attributes;\n  }\n}\n"]}

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

@@ -1,40 +0,0 @@
-import type { IGraphic } from '@visactor/vrender';
-import type { IAABBBounds } from '@visactor/vutils';
-import type { CharacterComponent } from '../character';
-import type { IComponentCharacterSpec, IWidgetData } from '../..';
-export interface IGraphicConstructor {
-    new (type: string, character: CharacterComponent): Graphic;
-}
-export declare abstract class Graphic {
-    readonly containsShapePoints: boolean;
-    type: string;
-    protected _character: any;
-    protected _graphic: IGraphic<any>;
-    get graphic(): IGraphic<any>;
-    constructor(type: string, character: CharacterComponent);
-    abstract init(): void;
-    getBounds(): IAABBBounds;
-    release(): void;
-    getInitialAttributes(): any;
-    setAttributes(attr: Record<string, any>): void;
-    show(): void;
-    hide(): void;
-    getGraphicAttribute(): IComponentCharacterSpec['options']['graphic'];
-    applyGraphicAttribute(graphicAttribute: IComponentCharacterSpec['options']['graphic']): void;
-    getPositionData(): {
-        x: any;
-        y: any;
-        width: any;
-        height: any;
-        angle: any;
-        shapePoints: any;
-    };
-    applyLayoutData(layoutData: Partial<IWidgetData>): void;
-    getTextLayoutRatio(): {
-        left: number;
-        right: number;
-        top: number;
-        bottom: number;
-    };
-    protected _transformAttributes(attributes: any): any;
-}

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

@@ -1,85 +0,0 @@
-import { isValid } from "@visactor/vutils";
-
-import { getLayoutFromWidget } from "../../../utils/layout";
-
-export class Graphic {
-    get graphic() {
-        return this._graphic;
-    }
-    constructor(type, character) {
-        this.containsShapePoints = !1, this.type = type, this._character = character;
-    }
-    getBounds() {
-        return this._graphic.AABBBounds;
-    }
-    release() {
-        this._graphic && (this._graphic.parent.removeChild(this._graphic), this._graphic = null);
-    }
-    getInitialAttributes() {
-        return {
-            x: 0,
-            y: 0,
-            width: 120,
-            height: 80,
-            angle: 0,
-            anchor: [ 60, 40 ],
-            lineWidth: 2,
-            stroke: "#000000",
-            shapePoints: []
-        };
-    }
-    setAttributes(attr) {
-        this._graphic && this._graphic.setAttributes(attr);
-    }
-    show() {
-        this._graphic.setAttributes({
-            visible: !0,
-            visibleAll: !0
-        });
-    }
-    hide() {
-        this._graphic.setAttributes({
-            visible: !1,
-            visibleAll: !1
-        });
-    }
-    getGraphicAttribute() {
-        var _a;
-        return null === (_a = this._graphic) || void 0 === _a ? void 0 : _a.attribute;
-    }
-    applyGraphicAttribute(graphicAttribute) {
-        this._graphic.setAttributes(this._transformAttributes(Object.assign({}, graphicAttribute)));
-    }
-    getPositionData() {
-        return {
-            x: this._graphic.attribute.x,
-            y: this._graphic.attribute.y,
-            width: this._graphic.attribute.width,
-            height: this._graphic.attribute.height,
-            angle: this._graphic.attribute.angle,
-            shapePoints: this._graphic.attribute.shapePoints
-        };
-    }
-    applyLayoutData(layoutData) {
-        this._graphic.setAttributes(this._transformAttributes(Object.assign(Object.assign({}, getLayoutFromWidget(layoutData)), {
-            shapePoints: this._character.spec.options.shapePoints
-        })));
-    }
-    getTextLayoutRatio() {
-        return {
-            left: 0,
-            right: 1,
-            top: 0,
-            bottom: 1
-        };
-    }
-    _transformAttributes(attributes) {
-        var _a, _b, _c, _d;
-        const width = null !== (_a = attributes.width) && void 0 !== _a ? _a : null === (_b = this._graphic) || void 0 === _b ? void 0 : _b.attribute.width, height = null !== (_c = attributes.height) && void 0 !== _c ? _c : null === (_d = this._graphic) || void 0 === _d ? void 0 : _d.attribute.height, transformedAttributes = Object.assign({}, attributes);
-        return Object.keys(transformedAttributes).forEach((key => {
-            isValid(attributes[key]) || delete transformedAttributes[key];
-        })), transformedAttributes.anchor = [ width / 2, height / 2 ], transformedAttributes.scaleCenter = [ width / 2, height / 2 ], 
-        transformedAttributes.x = 0, transformedAttributes.y = 0, transformedAttributes;
-    }
-}
-//# sourceMappingURL=graphic.js.map

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

@@ -1 +0,0 @@
-{"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/es/story/character/component/graphic/image.d.ts

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

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

@@ -1,24 +0,0 @@
-import { createImage } from "@visactor/vrender";
-
-import { Graphic } from "./graphic";
-
-export class GraphicImage extends Graphic {
-    getInitialAttributes() {
-        return {
-            x: 0,
-            y: 0,
-            width: 120,
-            height: 80,
-            image: "",
-            angle: 0,
-            anchor: [ 60, 40 ],
-            shapePoints: []
-        };
-    }
-    init() {
-        var _a, _b;
-        this._graphic || (this._graphic = createImage(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-image-${this._character.id}`, this._character.getGraphicParent().add(this._graphic));
-    }
-}
-//# sourceMappingURL=image.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/component/graphic/image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,YAAa,SAAQ,OAAO;IAGvC,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;YAChB,WAAW,EAAE,EAAkB;SAChC,CAAC;IACJ,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,WAAW,CACzB,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,iBAAiB,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;YAC3D,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACvD;IACH,CAAC;CACF","file":"image.js","sourcesContent":["import type { IImage } from '@visactor/vrender';\nimport { createImage } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport { Graphic } from './graphic';\n\nexport class GraphicImage extends Graphic {\n  protected _graphic: IImage;\n\n  getInitialAttributes() {\n    return {\n      x: 0,\n      y: 0,\n      width: 120,\n      height: 80,\n      image: '',\n      angle: 0,\n      anchor: [60, 40],\n      shapePoints: [] as IPointLike[]\n    };\n  }\n\n  init() {\n    if (!this._graphic) {\n      this._graphic = createImage(\n        this._transformAttributes({\n          ...this.getInitialAttributes(),\n          ...(this._character.spec.options?.graphic ?? {})\n        })\n      );\n      this._graphic.name = `graphic-image-${this._character.id}`;\n      this._character.getGraphicParent().add(this._graphic);\n    }\n  }\n}\n"]}

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

@@ -1,7 +0,0 @@
-import type { ILine } from '@visactor/vrender';
-import { Graphic } from './graphic';
-export declare class GraphicLine extends Graphic {
-    protected _graphic: ILine;
-    getInitialAttributes(): Record<string, any>;
-    init(): void;
-}

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

@@ -1,23 +0,0 @@
-import { createLine } from "@visactor/vrender";
-
-import { Graphic } from "./graphic";
-
-export class GraphicLine extends Graphic {
-    getInitialAttributes() {
-        return {
-            x: 0,
-            y: 0,
-            points: [],
-            angle: 0,
-            lineWidth: 2,
-            stroke: "#000000",
-            shapePoints: []
-        };
-    }
-    init() {
-        var _a, _b;
-        this._graphic || (this._graphic = createLine(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-line-${this._character.id}`, this._character.getGraphicParent().add(this._graphic));
-    }
-}
-//# sourceMappingURL=line.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/component/graphic/line.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,WAAY,SAAQ,OAAO;IAGtC,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,MAAM,EAAE,EAAqC;YAC7C,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,EAAkB;SAChC,CAAC;IACJ,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,UAAU,CACxB,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;CACF","file":"line.js","sourcesContent":["import type { ILine, ILineGraphicAttribute } from '@visactor/vrender';\nimport { createLine } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\nimport { Graphic } from './graphic';\n\nexport class GraphicLine extends Graphic {\n  protected _graphic: ILine;\n\n  getInitialAttributes(): Record<string, any> {\n    return {\n      x: 0,\n      y: 0,\n      points: [] as ILineGraphicAttribute['points'],\n      angle: 0,\n      lineWidth: 2,\n      stroke: '#000000',\n      shapePoints: [] as IPointLike[]\n    };\n  }\n\n  init() {\n    if (!this._graphic) {\n      this._graphic = createLine(\n        this._transformAttributes({\n          ...this.getInitialAttributes(),\n          ...(this._character.spec.options?.graphic ?? {})\n        })\n      );\n      this._graphic.name = `graphic-line-${this._character.id}`;\n      this._character.getGraphicParent().add(this._graphic);\n    }\n  }\n}\n"]}

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

@@ -1,15 +0,0 @@
-import type { ISymbol } from '@visactor/vrender';
-import { Graphic } from './graphic';
-export declare class GraphicQipao extends Graphic {
-    protected _graphic: ISymbol;
-    getInitialAttributes(): {
-        x: number;
-        y: number;
-        symbolType: string;
-        angle: number;
-        size: number;
-        lineWidth: number;
-        stroke: string;
-    };
-    init(): void;
-}

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

@@ -1,23 +0,0 @@
-import { createSymbol } from "@visactor/vrender";
-
-import { Graphic } from "./graphic";
-
-export class GraphicQipao extends Graphic {
-    getInitialAttributes() {
-        return {
-            x: 0,
-            y: 0,
-            symbolType: "M649.6 812.8l-114.976 114.944a32 32 0 0 1-45.248 0L374.4 812.8H128a64 64 0 0 1-64-64V160a64 64 0 0 1 64-64h768a64 64 0 0 1 64 64v588.8a64 64 0 0 1-64 64h-246.4z",
-            angle: 0,
-            size: 40,
-            lineWidth: 2,
-            stroke: "pink"
-        };
-    }
-    init() {
-        var _a, _b;
-        this._graphic || (this._graphic = createSymbol(Object.assign({}, 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-qipao-${this._character.id}`, this._character.getGraphicParent().add(this._graphic));
-    }
-}
-//# sourceMappingURL=qipao.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/story/character/component/graphic/qipao.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,OAAO,YAAa,SAAQ,OAAO;IAGvC,oBAAoB;QAClB,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,UAAU,EACR,kKAAkK;YACpK,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,MAAM;SACf,CAAC;IACJ,CAAC;IAED,IAAI;;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,YAAY,mBACvB,IAAI,CAAC,oBAAoB,iCACvB,IAAI,CAAC,oBAAoB,EAAE,GAC3B,CAAC,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,mCAAI,EAAE,CAAC,EAChD,EACF,CAAC;YACH,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,iBAAiB,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;YAC3D,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACvD;IACH,CAAC;CACF","file":"qipao.js","sourcesContent":["import type { ISymbol } from '@visactor/vrender';\nimport { createSymbol } from '@visactor/vrender';\nimport { Graphic } from './graphic';\n\nexport class GraphicQipao extends Graphic {\n  protected _graphic: ISymbol;\n\n  getInitialAttributes() {\n    return {\n      x: 0,\n      y: 0,\n      symbolType:\n        'M649.6 812.8l-114.976 114.944a32 32 0 0 1-45.248 0L374.4 812.8H128a64 64 0 0 1-64-64V160a64 64 0 0 1 64-64h768a64 64 0 0 1 64 64v588.8a64 64 0 0 1-64 64h-246.4z',\n      angle: 0,\n      size: 40,\n      lineWidth: 2,\n      stroke: 'pink'\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-qipao-${this._character.id}`;\n      this._character.getGraphicParent().add(this._graphic);\n    }\n  }\n}\n"]}

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

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