@visactor/vstory 0.0.1-alpha.0

package/es/story/character/chart/temp/templates/wordcloud.js

@@ -0,0 +1,34 @@
+import { array } from "@visactor/vutils";
+
+import { BaseTemp } from "./base-temp";
+
+import { CommonStandardDataCheck, getCommonSpec } from "./common";
+
+import { TemplateChartType } from "../constant";
+
+import { ChartDimensionField, ChartValueField } from "../../const";
+
+export function spec() {
+    return {
+        type: "wordCloud"
+    };
+}
+
+export class WordCloudTemp extends BaseTemp {
+    constructor() {
+        super(...arguments), this.type = WordCloudTemp.type;
+    }
+    checkDataEnable(data, opt) {
+        return CommonStandardDataCheck(data);
+    }
+    getSpec(data, opt) {
+        const tempSpec = getCommonSpec();
+        return tempSpec.series = [ spec() ], tempSpec.data = array(data), tempSpec.series[0].valueField = ChartValueField, 
+        tempSpec.series[0].nameField = ChartDimensionField, tempSpec.series[0].dataId = tempSpec.data[0].id, 
+        tempSpec.series[0].seriesField = ChartDimensionField, tempSpec.series[0].id = `series-${tempSpec.data[0].id}`, 
+        tempSpec;
+    }
+}
+
+WordCloudTemp.type = TemplateChartType.wordcloud;
+//# sourceMappingURL=wordcloud.js.map

package/es/story/character/chart/temp/templates/wordcloud.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/chart/temp/templates/wordcloud.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnE,MAAM,UAAU,IAAI;IAClB,OAAO;QACL,IAAI,EAAE,WAAW;KAClB,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,aAAc,SAAQ,QAAQ;IAA3C;;QAEE,SAAI,GAAW,aAAa,CAAC,IAAI,CAAC;IAgBpC,CAAC;IAfC,eAAe,CAAC,IAAkB,EAAE,GAAS;QAC3C,MAAM,KAAK,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CAAC,IAAkB,EAAE,GAAS;QACnC,MAAM,QAAQ,GAAG,aAAa,EAAS,CAAC;QACxC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3B,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QAC5B,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,eAAe,CAAC;QAChD,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,mBAAmB,CAAC;QACnD,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChD,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,mBAAmB,CAAC;QACrD,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,UAAU,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACxD,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAhBM,kBAAI,GAAW,iBAAiB,CAAC,SAAS,CAAC","file":"wordcloud.js","sourcesContent":["import { array } from '@visactor/vutils';\nimport type { StandardData } from '../../data/interface';\nimport type { DataInfo } from '../../data/interface';\nimport { BaseTemp } from './base-temp';\nimport { CommonStandardDataCheck, getCommonSpec } from './common';\nimport { TemplateChartType } from '../constant';\nimport { ChartDimensionField, ChartValueField } from '../../const';\n\nexport function spec() {\n  return {\n    type: 'wordCloud'\n  };\n}\n\nexport class WordCloudTemp extends BaseTemp {\n  static type: string = TemplateChartType.wordcloud;\n  type: string = WordCloudTemp.type;\n  checkDataEnable(data: StandardData, opt?: any): boolean {\n    const check = CommonStandardDataCheck(data);\n    return check;\n  }\n  getSpec(data: StandardData, opt?: any) {\n    const tempSpec = getCommonSpec() as any;\n    tempSpec.series = [spec()];\n    tempSpec.data = array(data);\n    tempSpec.series[0].valueField = ChartValueField;\n    tempSpec.series[0].nameField = ChartDimensionField;\n    tempSpec.series[0].dataId = tempSpec.data[0].id;\n    tempSpec.series[0].seriesField = ChartDimensionField;\n    tempSpec.series[0].id = `series-${tempSpec.data[0].id}`;\n    return tempSpec;\n  }\n}\n"]}

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

@@ -0,0 +1,34 @@
+import type { IGroup } from '@visactor/vrender';
+import { GraphicText } from './graphic/graphic-text';
+import type { IComponentCharacterSpec } from '../dsl-interface';
+import { CharacterBase } from '../base/base';
+import type { Graphic } from './graphic/graphic';
+import type { StoryEvent } from '../../interface/runtime-interface';
+import type { ICharacterPickInfo } from '../runtime-interface';
+export declare abstract class CharacterComponent extends CharacterBase {
+    protected _spec: IComponentCharacterSpec;
+    get spec(): IComponentCharacterSpec;
+    protected _graphic: Graphic;
+    get graphic(): Graphic;
+    protected _text: GraphicText;
+    get text(): GraphicText;
+    protected _group: IGroup;
+    get group(): IGroup;
+    readonly graphicType: string;
+    protected _parserSpec(): void;
+    protected _initGraphics(): void;
+    setAttributes(attr: Record<string, any>): void;
+    protected abstract _createGraphic(): Graphic;
+    protected _initRuntime(): void;
+    show(): void;
+    hide(): void;
+    getTextLayoutRatio(): {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    clearCharacter(): void;
+    getGraphicParent(): IGroup;
+    checkEvent(event: StoryEvent): false | ICharacterPickInfo;
+}

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

@@ -0,0 +1,72 @@
+import { createGroup } from "@visactor/vrender";
+
+import { GraphicText } from "./graphic/graphic-text";
+
+import { CharacterBase } from "../base/base";
+
+import { getLayoutFromWidget } from "../../utils/layout";
+
+export class CharacterComponent extends CharacterBase {
+    constructor() {
+        super(...arguments), this.graphicType = "rect";
+    }
+    get spec() {
+        return this._spec;
+    }
+    get graphic() {
+        return this._graphic;
+    }
+    get text() {
+        return this._text;
+    }
+    get group() {
+        return this._group;
+    }
+    _parserSpec() {}
+    _initGraphics() {
+        this._group = createGroup(Object.assign(Object.assign({}, getLayoutFromWidget(this._spec.position)), {
+            angle: this._spec.options.angle,
+            zIndex: this._spec.zIndex
+        })), this.option.graphicParent.add(this._group), this._graphic = this._createGraphic(), 
+        this._text = new GraphicText(this), this._graphic.init(), this._text.init(), this._graphic.applyGraphicAttribute(this._spec.options.graphic), 
+        this._text.applyGraphicAttribute(this._spec.options.text), this._graphic.applyLayoutData(this._spec.position), 
+        this._text.applyLayoutData(this._spec.position), this.hide();
+    }
+    setAttributes(attr) {
+        this.group.setAttributes(attr), this._graphic.setAttributes(Object.assign(Object.assign({}, attr), {
+            x: 0,
+            y: 0,
+            angle: 0
+        })), this._text.updateAttribute({});
+    }
+    _initRuntime() {}
+    show() {
+        this._group.setAttributes({
+            visible: !0
+        }), this._text.show(), this._graphic.show();
+    }
+    hide() {
+        this._group.setAttributes({
+            visible: !1
+        }), this._text.hide(), this._graphic.hide();
+    }
+    getTextLayoutRatio() {
+        return this._graphic.getTextLayoutRatio();
+    }
+    clearCharacter() {
+        var _a;
+        null === (_a = this._group) || void 0 === _a || _a.parent.removeChild(this._group), 
+        this._group = null;
+    }
+    getGraphicParent() {
+        return this._group;
+    }
+    checkEvent(event) {
+        var _a;
+        return !!(null !== (_a = event.detailPath) && void 0 !== _a ? _a : event.path).some((g => g === this._group)) && {
+            part: event.path[event.path.length - 1] === this._graphic.graphic ? "graphic" : "text",
+            graphicType: this.graphicType
+        };
+    }
+}
+//# sourceMappingURL=character.js.map

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { CharacterComponent } from "../character";
+
+import { StoryGraphicType } from "../../../../dsl/constant";
+
+import { GraphicImage } from "../graphic/image";
+
+export class CharacterComponentImage extends CharacterComponent {
+    constructor() {
+        super(...arguments), this.graphicType = "image";
+    }
+    _createGraphic() {
+        return new GraphicImage(StoryGraphicType.IMAGE, this);
+    }
+}
+//# sourceMappingURL=character-image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/component/characters/character-image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;IAA/D;;QACW,gBAAW,GAAW,OAAO,CAAC;IAIzC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,YAAY,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAW,CAAC,CAAC;IAC/D,CAAC;CACF","file":"character-image.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { CharacterComponent } from '../character';\nimport { StoryGraphicType } from '../../../../dsl/constant';\nimport { GraphicImage } from '../graphic/image';\n\nexport class CharacterComponentImage extends CharacterComponent {\n  readonly graphicType: string = 'image';\n  protected _createGraphic(): Graphic {\n    return new GraphicImage(StoryGraphicType.IMAGE, this as any);\n  }\n}\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { GraphicQipao } from "../graphic/qipao";
+
+import { CharacterComponent } from "../character";
+
+export class CharacterComponentQipao extends CharacterComponent {
+    constructor() {
+        super(...arguments), this.graphicType = "qipao";
+    }
+    _createGraphic() {
+        return new GraphicQipao("QipaoComponent", this);
+    }
+}
+//# sourceMappingURL=character-qipao.js.map

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { GraphicRect } from "../graphic/rect";
+
+import { CharacterComponent } from "../character";
+
+import { StoryGraphicType } from "../../../../dsl/constant";
+
+export class CharacterComponentRect extends CharacterComponent {
+    constructor() {
+        super(...arguments), this.graphicType = "rect";
+    }
+    _createGraphic() {
+        return new GraphicRect(StoryGraphicType.RECT, this);
+    }
+}
+//# sourceMappingURL=character-rect.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+import type { IWidgetData } from '../../dsl-interface';
+import type { ITextGraphicAttribute } from '@visactor/vrender';
+import type { CharacterComponent } from '../character';
+export declare const MAX_LAYOUT_SIZE = 999999;
+export declare class GraphicText {
+    private _character;
+    private _graphic;
+    constructor(graphicCharacter: CharacterComponent);
+    show(): void;
+    hide(): void;
+    init(): void;
+    applyGraphicAttribute(graphicAttribute: Partial<ITextGraphicAttribute>): void;
+    getGraphicAttribute(): ITextGraphicAttribute;
+    updateAttribute: (attribute: Partial<ITextGraphicAttribute>) => void;
+    applyLayoutData(w: Partial<IWidgetData>): void;
+    private _updateGraphicCharacterSize;
+    private _transformTextAttributes;
+}

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

@@ -0,0 +1,97 @@
+import { getLayoutFromWidget } from "../../../utils/layout";
+
+import { createText } from "@visactor/vrender";
+
+export const MAX_LAYOUT_SIZE = 999999;
+
+export class GraphicText {
+    constructor(graphicCharacter) {
+        this.updateAttribute = attribute => {
+            attribute && (this._graphic.setAttributes(this._transformTextAttributes(attribute)), 
+            this._updateGraphicCharacterSize());
+        }, this._character = graphicCharacter;
+    }
+    show() {
+        this._graphic.setAttributes({
+            visible: !0
+        });
+    }
+    hide() {
+        this._graphic.setAttributes({
+            visible: !1
+        });
+    }
+    init() {
+        var _a, _b;
+        this._graphic = 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: 999999,
+            heightLimit: 999999
+        }))), 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: align,
+            textBaseline: baseline,
+            angle: layoutData.angle,
+            anchor: [ layoutData.width / 2, layoutData.height / 2 ],
+            scaleCenter: [ layoutData.width / 2, layoutData.height / 2 ],
+            maxLineWidth: right - left,
+            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-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/component/graphic/graphic-text.ts"],"names":[],"mappings":"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","file":"graphic-text.js","sourcesContent":["import { getLayoutFromWidget } from '../../../utils/layout';\nimport type { IWidgetData } from '../../dsl-interface';\nimport type { IText, ITextGraphicAttribute, TextAlignType, TextBaselineType } from '@visactor/vrender';\nimport { createText } from '@visactor/vrender';\nimport type { CharacterComponent } from '../character';\n\nexport const MAX_LAYOUT_SIZE = 999999;\n\nexport class GraphicText {\n  private _character: CharacterComponent;\n  private _graphic: IText;\n  constructor(graphicCharacter: CharacterComponent) {\n    this._character = graphicCharacter;\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  init() {\n    this._graphic = createText(\n      this._transformTextAttributes({\n        visible: true,\n        x: 0,\n        y: 0,\n        textAlign: 'center',\n        textBaseline: 'middle',\n        text: null,\n        fontSize: 16,\n        whiteSpace: 'normal',\n        graphicAlign: 'center',\n        graphicBaseline: 'middle',\n        fill: '#000000',\n        // compute real height without vrender buffer\n        ignoreBuf: true,\n        ...(this._character.spec.options?.text ?? {}),\n        maxLineWidth: MAX_LAYOUT_SIZE,\n        heightLimit: MAX_LAYOUT_SIZE\n      })\n    );\n    this._character.getGraphicParent().add(this._graphic);\n  }\n\n  applyGraphicAttribute(graphicAttribute: Partial<ITextGraphicAttribute>): void {\n    this._graphic.setAttributes({ ...graphicAttribute });\n  }\n\n  getGraphicAttribute(): ITextGraphicAttribute {\n    return this._graphic?.attribute;\n  }\n\n  updateAttribute = (attribute: Partial<ITextGraphicAttribute>): 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    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        maxLineWidth: right - left,\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: ITextGraphicAttribute): ITextGraphicAttribute {\n    return attributes;\n  }\n}\n"]}

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

@@ -0,0 +1,40 @@
+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: CharacterComponent;
+    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

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

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

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

@@ -0,0 +1,17 @@
+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;
+}