@visactor/vstory 0.0.1-alpha.0

package/cjs/edit/edit-component/base-selection.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseSelection = void 0;
+
+const transform_control_1 = require("./edit-control/transform-control"), common_1 = require("../../util/common");
+
+class BaseSelection {
+    constructor(edit) {
+        this.edit = edit, this._isSelection = !1, this.isEditing = !1;
+    }
+    editEnd() {
+        this.isEditing = !1, this._actionInfo = null, this._activeCharacter = null, this.inActiveLayoutComponent();
+    }
+    getActiveCharacter() {
+        return this._activeCharacter;
+    }
+    startEdit(actionInfo) {
+        this.isEditing = !0, this._actionInfo = actionInfo, actionInfo && actionInfo.character && (this._activeCharacter = actionInfo.character), 
+        this.activeLayoutComponent();
+    }
+    createLayoutComponent() {
+        const component = this._createLayoutComponent({
+            angle: 0,
+            enabledAnchors: [ "top", "bottom", "left", "right", "left-bottom", "left-top", "right-bottom", "right-top" ],
+            minHeight: 10,
+            minWidth: 10,
+            proportionalScaling: !1,
+            childrenPickable: !0,
+            pickable: !0,
+            move: !0,
+            rotate: !0,
+            resize: !0,
+            setCursor: c => {
+                this.edit.story.canvas.getStage().setCursor(c);
+            }
+        });
+        return component.onUpdate(this.handlerTransformChange.bind(this)), component;
+    }
+    handlerTransformChange(data, event) {}
+    _createLayoutComponent(attributes) {
+        return new transform_control_1.TransformControl(this, attributes);
+    }
+    activeLayoutComponent() {
+        this._layoutComponent || (this._layoutComponent = this.createLayoutComponent()), 
+        this._layoutComponent && (this.attachComponent(this._layoutComponent), this._layoutComponent.onActive(), 
+        this.updateComponent());
+    }
+    inActiveLayoutComponent() {
+        this._layoutComponent && (this._layoutComponent.release(), this._layoutComponent = null);
+    }
+    updateComponent() {
+        const actionInfo = this._actionInfo;
+        actionInfo && actionInfo.character && this._layoutComponent.updateSubBounds(actionInfo.character.getGraphicParent().AABBBounds);
+    }
+    attachComponent(layoutComponent) {
+        const g = this.edit.getEditGroup();
+        layoutComponent.parent === g && (0, common_1.throwError)("【attachComponent】未知错误，不应该走到这里"), 
+        g.appendChild(layoutComponent);
+    }
+    detachComponent(layoutComponent) {
+        this.edit.getEditGroup().removeChild(layoutComponent);
+    }
+}
+
+exports.BaseSelection = BaseSelection;
+//# sourceMappingURL=base-selection.js.map

package/cjs/edit/edit-component/base-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/base-selection.ts"],"names":[],"mappings":"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","file":"base-selection.js","sourcesContent":["import type { IEditSelectionInfo } from '../interface';\nimport { EditActionEnum, type IEditActionInfo, type IEditComponent } from '../interface';\nimport { StoryEvent } from '../../story/interface/runtime-interface';\nimport type { Edit } from '../edit';\nimport type { AbstractComponent } from '@visactor/vrender-components';\nimport type { ITransformControl, IUpdateParams } from './edit-control/transform-control';\nimport { TransformControl, type TransformAttributes } from './edit-control/transform-control';\nimport { throwError } from '../../util/common';\nimport type { VRenderPointerEvent } from '../../interface/type';\nimport { IGraphic } from '@visactor/vrender';\nimport type { ICharacter } from '../../story/character';\n\nexport abstract class BaseSelection implements IEditComponent {\n  declare readonly level: number;\n\n  protected _actionInfo: IEditActionInfo;\n  protected _isSelection = false;\n  isEditing: boolean = false;\n  protected _layoutComponent?: ITransformControl;\n  protected _activeCharacter?: ICharacter | null;\n\n  constructor(public readonly edit: Edit) {}\n  editEnd(): void {\n    this.isEditing = false;\n    this._actionInfo = null;\n    this._activeCharacter = null;\n    this.inActiveLayoutComponent();\n  }\n  abstract checkAction(actionInfo: IEditSelectionInfo): boolean;\n\n  getActiveCharacter() {\n    return this._activeCharacter;\n  }\n\n  startEdit(actionInfo: IEditActionInfo) {\n    this.isEditing = true;\n    this._actionInfo = actionInfo;\n    if (actionInfo && (actionInfo as IEditSelectionInfo).character) {\n      this._activeCharacter = (actionInfo as IEditSelectionInfo).character;\n    }\n    this.activeLayoutComponent();\n  }\n\n  createLayoutComponent(): ITransformControl | undefined {\n    const component = this._createLayoutComponent({\n      angle: 0,\n      enabledAnchors: ['top', 'bottom', 'left', 'right', 'left-bottom', 'left-top', 'right-bottom', 'right-top'],\n      minHeight: 10,\n      minWidth: 10,\n      proportionalScaling: false,\n      childrenPickable: true,\n      pickable: true,\n      move: true,\n      rotate: true,\n      resize: true,\n      setCursor: c => {\n        this.edit.story.canvas.getStage().setCursor(c);\n        return;\n      }\n    });\n\n    component.onUpdate(this.handlerTransformChange.bind(this));\n    return component;\n  }\n\n  protected handlerTransformChange(data: IUpdateParams, event?: VRenderPointerEvent) {\n    return;\n  }\n\n  protected _createLayoutComponent(attributes: Partial<TransformAttributes>): ITransformControl | undefined {\n    return new TransformControl(this, attributes);\n  }\n\n  activeLayoutComponent() {\n    if (!this._layoutComponent) {\n      this._layoutComponent = this.createLayoutComponent();\n    }\n    if (!this._layoutComponent) {\n      return;\n    }\n    this.attachComponent(this._layoutComponent);\n    this._layoutComponent.onActive();\n    this.updateComponent();\n  }\n\n  inActiveLayoutComponent() {\n    if (!this._layoutComponent) {\n      return;\n    }\n\n    // this._layoutComponent.onInActive();\n    // this.detachComponent(this._layoutComponent);\n    // TODO 直接release\n    this._layoutComponent.release();\n    this._layoutComponent = null;\n  }\n\n  updateComponent() {\n    const actionInfo = this._actionInfo as IEditSelectionInfo;\n    if (!(actionInfo && actionInfo.character)) {\n      return;\n    }\n    this._layoutComponent.updateSubBounds(actionInfo.character.getGraphicParent().AABBBounds);\n  }\n\n  attachComponent(layoutComponent: ITransformControl) {\n    const g = this.edit.getEditGroup();\n    if (layoutComponent.parent === g) {\n      throwError('【attachComponent】未知错误，不应该走到这里');\n    }\n    g.appendChild(layoutComponent);\n  }\n  detachComponent(layoutComponent: ITransformControl) {\n    const g = this.edit.getEditGroup();\n    g.removeChild(layoutComponent);\n  }\n}\n"]}

package/cjs/edit/edit-component/box-selection.d.ts

@@ -0,0 +1,10 @@
+import type { IEditActionInfo, IEditComponent } from './../interface';
+import type { Edit } from '../edit';
+import { BaseSelection } from './base-selection';
+export declare class BoxSelection extends BaseSelection implements IEditComponent {
+    readonly edit: Edit;
+    readonly level = 1;
+    constructor(edit: Edit);
+    editEnd(): void;
+    checkAction(actionInfo: IEditActionInfo): boolean;
+}

package/cjs/edit/edit-component/box-selection.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BoxSelection = void 0;
+
+const base_selection_1 = require("./base-selection");
+
+class BoxSelection extends base_selection_1.BaseSelection {
+    constructor(edit) {
+        super(edit), this.edit = edit, this.level = 1;
+    }
+    editEnd() {
+        super.editEnd();
+    }
+    checkAction(actionInfo) {
+        return this._isSelection ? ("pointerup" !== actionInfo.type || (this.edit.stopEdit(), 
+        this.edit.editAction.dispatchAction({
+            type: "multiSelection",
+            characterId: [],
+            event: actionInfo.event
+        })), !0) : "pointerdown" === actionInfo.type;
+    }
+}
+
+exports.BoxSelection = BoxSelection;
+//# sourceMappingURL=box-selection.js.map

package/cjs/edit/edit-component/box-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/box-selection.ts"],"names":[],"mappings":";;;AAGA,qDAAiD;AAEjD,MAAa,YAAa,SAAQ,8BAAa;IAG7C,YAA4B,IAAU;QACpC,KAAK,CAAC,IAAI,CAAC,CAAC;QADc,SAAI,GAAJ,IAAI,CAAM;QAF7B,UAAK,GAAG,CAAC,CAAC;IAInB,CAAC;IACD,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,OAAO;IACT,CAAC;IACD,WAAW,CAAC,UAA2B;QACrC,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,UAAU,CAAC,IAAI,KAAK,WAAW,EAAE;gBAEnC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAErB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC;oBAClC,IAAI,EAAE,gBAAgB;oBACtB,WAAW,EAAE,EAAE;oBACf,KAAK,EAAE,UAAU,CAAC,KAAK;iBACxB,CAAC,CAAC;aACJ;iBAAM;gBAEL,OAAO,IAAI,CAAC;aACb;YACD,OAAO,IAAI,CAAC;SACb;QACD,IAAI,UAAU,CAAC,IAAI,KAAK,aAAa,EAAE;YACrC,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;CAYF;AA3CD,oCA2CC","file":"box-selection.js","sourcesContent":["import type { IEditActionInfo, IEditComponent } from './../interface';\nimport { StoryEvent } from '../../story/interface/runtime-interface';\nimport type { Edit } from '../edit';\nimport { BaseSelection } from './base-selection';\n\nexport class BoxSelection extends BaseSelection implements IEditComponent {\n  readonly level = 1;\n\n  constructor(public readonly edit: Edit) {\n    super(edit);\n  }\n  editEnd(): void {\n    super.editEnd();\n    return;\n  }\n  checkAction(actionInfo: IEditActionInfo): boolean {\n    if (this._isSelection) {\n      if (actionInfo.type === 'pointerup') {\n        // 这一次框选逻辑已经结束了。它只产生框选结果\n        this.edit.stopEdit();\n        // 需要触发新一次的选中 action ，可以对框选结果进行操作\n        this.edit.editAction.dispatchAction({\n          type: 'multiSelection',\n          characterId: [], // TODO:框选逻辑等待补充\n          event: actionInfo.event\n        });\n      } else {\n        // 其他情况下认为继续框选\n        return true;\n      }\n      return true;\n    }\n    if (actionInfo.type === 'pointerdown') {\n      return true;\n    }\n    return false;\n  }\n\n  // startEdit(actionInfo: IEditActionInfo) {\n  //   super.startEdit(actionInfo);\n  //   // this.edit.startEdit({\n  //   //   type: 'boxSelection',\n  //   //   actionInfo: this._actionInfo,\n  //   //   updateCharacter: (params: any) => {\n  //   //     // nothing 不支持任何修改\n  //   //   }\n  //   // });\n  // }\n}\n"]}

package/cjs/edit/edit-component/common.d.ts

@@ -0,0 +1,11 @@
+import type { IEditActionInfo, IEditComponent, IEditSelectionInfo } from './../interface';
+import type { Edit } from '../edit';
+import { BaseSelection } from './base-selection';
+export declare class CommonEditComponent extends BaseSelection implements IEditComponent {
+    readonly edit: Edit;
+    readonly level = 2;
+    constructor(edit: Edit);
+    editEnd(): void;
+    checkAction(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean;
+    startEdit(actionInfo: IEditSelectionInfo | IEditActionInfo): void;
+}

package/cjs/edit/edit-component/common.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CommonEditComponent = void 0;
+
+const interface_1 = require("./../interface"), base_selection_1 = require("./base-selection");
+
+class CommonEditComponent extends base_selection_1.BaseSelection {
+    constructor(edit) {
+        super(edit), this.edit = edit, this.level = 2;
+    }
+    editEnd() {
+        super.editEnd();
+    }
+    checkAction(actionInfo) {
+        return actionInfo.type === interface_1.EditActionEnum.singleSelection && (!!actionInfo.detail && (this.startEdit(actionInfo), 
+        !0));
+    }
+    startEdit(actionInfo) {
+        super.startEdit(actionInfo), this.edit.startEdit({
+            type: "commonEdit",
+            actionInfo: this._actionInfo,
+            updateCharacter: params => {
+                this._actionInfo.character.updateSpec(params);
+            }
+        });
+    }
+}
+
+exports.CommonEditComponent = CommonEditComponent;

package/cjs/edit/edit-component/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/common.ts"],"names":[],"mappings":";;;AACA,8CAAgD;AAEhD,qDAAiD;AAEjD,MAAa,mBAAoB,SAAQ,8BAAa;IAGpD,YAA4B,IAAU;QACpC,KAAK,CAAC,IAAI,CAAC,CAAC;QADc,SAAI,GAAJ,IAAI,CAAM;QAF7B,UAAK,GAAG,CAAC,CAAC;IAInB,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,OAAO;IACT,CAAC;IACD,WAAW,CAAC,UAAgD;QAC1D,IAAI,UAAU,CAAC,IAAI,KAAK,0BAAc,CAAC,eAAe,EAAE;YACtD,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAE,UAAiC,CAAC,MAAM,EAAE;YAC9C,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,CAAC,UAAgD;QACxD,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YAClB,IAAI,EAAE,YAAY;YAClB,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,eAAe,EAAE,CAAC,MAAW,EAAE,EAAE;gBAC9B,IAAI,CAAC,WAAmB,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YACzD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF;AAhCD,kDAgCC","file":"common.js","sourcesContent":["import type { IEditActionInfo, IEditComponent, IEditSelectionInfo } from './../interface';\nimport { EditActionEnum } from './../interface';\nimport type { Edit } from '../edit';\nimport { BaseSelection } from './base-selection';\n\nexport class CommonEditComponent extends BaseSelection implements IEditComponent {\n  readonly level = 2;\n\n  constructor(public readonly edit: Edit) {\n    super(edit);\n  }\n\n  editEnd(): void {\n    super.editEnd();\n    return;\n  }\n  checkAction(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean {\n    if (actionInfo.type !== EditActionEnum.singleSelection) {\n      return false;\n    }\n    if (!(actionInfo as IEditSelectionInfo).detail) {\n      return false;\n    }\n    this.startEdit(actionInfo);\n    return true;\n  }\n\n  startEdit(actionInfo: IEditSelectionInfo | IEditActionInfo) {\n    super.startEdit(actionInfo);\n    this.edit.startEdit({\n      type: 'commonEdit',\n      actionInfo: this._actionInfo,\n      updateCharacter: (params: any) => {\n        (this._actionInfo as any).character.updateSpec(params);\n      }\n    });\n  }\n}\n"]}

package/cjs/edit/edit-component/edit-control/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const BOUNDS_HOVER_COLOR = "#B2B7C2";
+export declare const BOUNDS_SELECT_COLOR = "#3073F2";
+export declare const SHAPE_HOVER_COLOR = "#3073F2";
+export declare const SHAPE_SELECT_COLOR = "#3073F2";
+export declare const DRAG_ANCHOR_COLOR = "#fea53e";
+export declare const LINE_CONNECT_COLOR = "#3073F2";
+export declare const PREVIEW_LINE_CONNECT_COLOR = "#95b5ff";
+export declare const LINE_CONTROL_COLOR = "#3073F2";
+export declare const PREVIEW_LINE_CONTROL_COLOR = "#95b5ff";

package/cjs/edit/edit-component/edit-control/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PREVIEW_LINE_CONTROL_COLOR = exports.LINE_CONTROL_COLOR = exports.PREVIEW_LINE_CONNECT_COLOR = exports.LINE_CONNECT_COLOR = exports.DRAG_ANCHOR_COLOR = exports.SHAPE_SELECT_COLOR = exports.SHAPE_HOVER_COLOR = exports.BOUNDS_SELECT_COLOR = exports.BOUNDS_HOVER_COLOR = void 0, 
+exports.BOUNDS_HOVER_COLOR = "#B2B7C2", exports.BOUNDS_SELECT_COLOR = "#3073F2", 
+exports.SHAPE_HOVER_COLOR = "#3073F2", exports.SHAPE_SELECT_COLOR = "#3073F2", exports.DRAG_ANCHOR_COLOR = "#fea53e", 
+exports.LINE_CONNECT_COLOR = "#3073F2", exports.PREVIEW_LINE_CONNECT_COLOR = "#95b5ff", 
+exports.LINE_CONTROL_COLOR = "#3073F2", exports.PREVIEW_LINE_CONTROL_COLOR = "#95b5ff";
+//# sourceMappingURL=constants.js.map

package/cjs/edit/edit-component/edit-control/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/edit-control/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG,SAAS,CAAC;AAC/B,QAAA,mBAAmB,GAAG,SAAS,CAAC;AAChC,QAAA,iBAAiB,GAAG,SAAS,CAAC;AAC9B,QAAA,kBAAkB,GAAG,SAAS,CAAC;AAC/B,QAAA,iBAAiB,GAAG,SAAS,CAAC;AAE9B,QAAA,kBAAkB,GAAG,SAAS,CAAC;AAC/B,QAAA,0BAA0B,GAAG,SAAS,CAAC;AACvC,QAAA,kBAAkB,GAAG,SAAS,CAAC;AAC/B,QAAA,0BAA0B,GAAG,SAAS,CAAC","file":"constants.js","sourcesContent":["export const BOUNDS_HOVER_COLOR = '#B2B7C2'; // 包围盒式 hover 的颜色\nexport const BOUNDS_SELECT_COLOR = '#3073F2'; // 包围盒式选中的颜色\nexport const SHAPE_HOVER_COLOR = '#3073F2'; // 使用图元自己形状的 hover 颜色\nexport const SHAPE_SELECT_COLOR = '#3073F2'; // 使用图元自己形状选中的颜色\nexport const DRAG_ANCHOR_COLOR = '#fea53e'; // 锚点拖拽颜色\n\nexport const LINE_CONNECT_COLOR = '#3073F2'; // 连接点颜色\nexport const PREVIEW_LINE_CONNECT_COLOR = '#95b5ff'; // 预览连接点颜色\nexport const LINE_CONTROL_COLOR = '#3073F2'; // 控制点颜色\nexport const PREVIEW_LINE_CONTROL_COLOR = '#95b5ff'; // 预览控制点颜色\n"]}

package/cjs/edit/edit-component/edit-control/enum.d.ts

@@ -0,0 +1 @@
+

package/cjs/edit/edit-component/edit-control/enum.js

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

package/cjs/edit/edit-component/edit-control/enum.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/edit-control/enum.ts"],"names":[],"mappings":"","file":"enum.js","sourcesContent":["// export enum EditorActionMode {\n//   addTool = 'add-tool',\n//   editData = 'edit-data',\n//   changeChart = 'change-chart',\n//   boxSelectionSelecting = 'box-selection-selecting', // 框选进行中\n//   none = 'none',\n//   addMarkPoint = 'add-mark-point',\n//   hoverMarker = 'hover-marker'\n// }\n"]}

package/cjs/edit/edit-component/edit-control/richtext-transform-control.d.ts

@@ -0,0 +1,12 @@
+import type { ITransformControl } from './transform-control';
+import { TransformControl } from './transform-control';
+export declare class RichTextTransformControl extends TransformControl implements ITransformControl {
+    initEvent(): void;
+    releaseEvent(): void;
+    domTextEditor?: HTMLElement;
+    handlerDblClick: (e: any) => void;
+    protected attachDomTextEditor(): void;
+    protected render(): void;
+    detachDomTextEditor(): void;
+    release(): void;
+}

package/cjs/edit/edit-component/edit-control/richtext-transform-control.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RichTextTransformControl = void 0;
+
+const vrender_1 = require("@visactor/vrender"), constants_1 = require("./constants"), transform_control_1 = require("./transform-control");
+
+class RichTextTransformControl extends transform_control_1.TransformControl {
+    constructor() {
+        super(...arguments), this.handlerDblClick = e => {
+            this.attachDomTextEditor();
+        };
+    }
+    initEvent() {
+        super.initEvent(), this.rect.addEventListener("dblclick", this.handlerDblClick);
+    }
+    releaseEvent() {
+        super.releaseEvent(), this.rect.removeEventListener("dblclick", this.handlerDblClick);
+    }
+    attachDomTextEditor() {
+        const stage = this.stage;
+        if (!stage) return;
+        const {x: x, y: y, width: width, height: height} = this.rect.attribute, container = document.createElement("div");
+        container.style.position = "relative", container.style.display = "flex", container.style.justifyContent = "center", 
+        container.style.left = x + "px", container.style.top = y + "px", container.style.width = width + "px", 
+        container.style.height = height + "px", container.style.pointerEvents = "none";
+        const bg = document.createElement("div");
+        bg.style.position = "absolute", bg.style.zIndex = "-1", bg.style.width = "100%", 
+        bg.style.height = "100%", bg.style.opacity = "0.2", bg.style.background = constants_1.BOUNDS_SELECT_COLOR, 
+        bg.style.cursor = "text", container.appendChild(bg), stage.window.getContainer().appendChild(container), 
+        this.domTextEditor = container;
+        const character = this.editComponent.getActiveCharacter(), text = character._text && character._text._graphic;
+        if (text) {
+            const textArea = document.createElement("textArea"), bounds = text.AABBBounds, theme = (0, 
+            vrender_1.getTheme)(text).text, {fontFamily: fontFamily = theme.fontFamily, fontSize: fontSize = theme.fontSize, fontWeight: fontWeight = theme.fontWeight} = text.attribute;
+            textArea.style.alignSelf = "center", textArea.style.width = `${bounds.width()}px`, 
+            textArea.style.height = `${bounds.height()}px`, textArea.innerText = text.attribute.text, 
+            textArea.style.border = "none", textArea.style.fontFamily = fontFamily, textArea.style.fontSize = fontSize, 
+            textArea.style.fontWeight = fontWeight, textArea.style.overflow = "hidden", textArea.style.outline = "none", 
+            textArea.style.resize = "none", textArea.style.pointerEvents = "all", container.appendChild(textArea);
+        }
+    }
+    render() {
+        if (super.render(), this.domTextEditor) {
+            const container = this.domTextEditor, {x: x, y: y, width: width, height: height} = this.rect.attribute;
+            container.style.left = x + "px", container.style.top = y + "px", container.style.width = width + "px", 
+            container.style.height = height + "px";
+        }
+    }
+    detachDomTextEditor() {
+        this.domTextEditor && this.stage && this.stage.window.getContainer().removeChild(this.domTextEditor);
+    }
+    release() {
+        this.detachDomTextEditor(), super.release();
+    }
+}
+
+exports.RichTextTransformControl = RichTextTransformControl;
+//# sourceMappingURL=richtext-transform-control.js.map

package/cjs/edit/edit-component/edit-control/richtext-transform-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/edit-control/richtext-transform-control.ts"],"names":[],"mappings":"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","file":"richtext-transform-control.js","sourcesContent":["/**\n * @description PopTip组件\n */\nimport type {\n  ICircleGraphicAttribute,\n  IPathGraphicAttribute,\n  IGraphic,\n  IGroupGraphicAttribute,\n  IRect,\n  IRectGraphicAttribute,\n  ILineGraphicAttribute,\n  IGroup\n} from '@visactor/vrender';\nimport { createRect, getTheme } from '@visactor/vrender';\nimport type { IAABBBounds, IAABBBoundsLike, IPointLike } from '@visactor/vutils';\nimport { AABBBounds, merge, normalizePadding, pi } from '@visactor/vutils';\nimport { AbstractComponent } from '@visactor/vrender-components';\nimport { transformPointWithMatrix } from '../../../util/space';\nimport { MinSize } from '../../../constants/attribute';\nimport { normalizeAngle } from '../../../util/math';\nimport { BOUNDS_SELECT_COLOR, DRAG_ANCHOR_COLOR, SHAPE_SELECT_COLOR } from './constants';\nimport type { VRenderPointerEvent } from '../../../interface/type';\nimport type { IEditComponent } from '../../interface';\nimport type { ITransformControl } from './transform-control';\nimport { TransformControl } from './transform-control';\n\nexport class RichTextTransformControl extends TransformControl implements ITransformControl {\n  initEvent(): void {\n    super.initEvent();\n    this.rect.addEventListener('dblclick', this.handlerDblClick);\n  }\n\n  releaseEvent(): void {\n    super.releaseEvent();\n    this.rect.removeEventListener('dblclick', this.handlerDblClick);\n  }\n\n  domTextEditor?: HTMLElement;\n\n  handlerDblClick = (e: any) => {\n    this.attachDomTextEditor();\n  };\n\n  protected attachDomTextEditor() {\n    const stage = this.stage;\n    if (!stage) {\n      return;\n    }\n    const { x, y, width, height } = this.rect.attribute;\n    const container = document.createElement('div');\n    container.style.position = 'relative';\n    container.style.display = 'flex';\n    container.style.justifyContent = 'center';\n    container.style.left = x + 'px';\n    container.style.top = y + 'px';\n    container.style.width = width + 'px';\n    container.style.height = height + 'px';\n    container.style.pointerEvents = 'none';\n    const bg = document.createElement('div');\n    bg.style.position = 'absolute';\n    bg.style.zIndex = '-1';\n    bg.style.width = '100%';\n    bg.style.height = '100%';\n    bg.style.opacity = '0.2';\n    bg.style.background = BOUNDS_SELECT_COLOR;\n    bg.style.cursor = 'text';\n    container.appendChild(bg);\n    stage.window.getContainer().appendChild(container);\n    this.domTextEditor = container;\n\n    // 添加textArea\n    const character = this.editComponent.getActiveCharacter();\n    const text = (character as any)._text && (character as any)._text._graphic;\n    if (text) {\n      const textArea = document.createElement('textArea') as HTMLTextAreaElement;\n      const bounds = text.AABBBounds;\n      const theme = getTheme(text).text;\n      const {\n        fontFamily = theme.fontFamily,\n        fontSize = theme.fontSize,\n        fontWeight = theme.fontWeight\n      } = text.attribute;\n      textArea.style.alignSelf = `center`;\n      textArea.style.width = `${bounds.width()}px`;\n      textArea.style.height = `${bounds.height()}px`;\n      textArea.innerText = text.attribute.text;\n      textArea.style.border = 'none';\n      textArea.style.fontFamily = fontFamily;\n      textArea.style.fontSize = fontSize;\n      textArea.style.fontWeight = fontWeight;\n      textArea.style.overflow = 'hidden';\n      textArea.style.outline = 'none';\n      textArea.style.resize = 'none';\n      textArea.style.pointerEvents = 'all';\n      container.appendChild(textArea);\n    }\n\n    // textArea.value = this.activeGraphic;\n  }\n\n  protected render() {\n    super.render();\n    if (this.domTextEditor) {\n      const container = this.domTextEditor;\n      const { x, y, width, height } = this.rect.attribute;\n      container.style.left = x + 'px';\n      container.style.top = y + 'px';\n      container.style.width = width + 'px';\n      container.style.height = height + 'px';\n    }\n  }\n\n  detachDomTextEditor() {\n    if (this.domTextEditor && this.stage) {\n      this.stage.window.getContainer().removeChild(this.domTextEditor);\n    }\n  }\n\n  release(): void {\n    this.detachDomTextEditor();\n    super.release();\n  }\n}\n"]}

package/cjs/edit/edit-component/edit-control/transform-control.d.ts

@@ -0,0 +1,136 @@
+import type { ICircleGraphicAttribute, IPathGraphicAttribute, IGraphic, IGroupGraphicAttribute, IRect, IRectGraphicAttribute, ILineGraphicAttribute, IGroup } from '@visactor/vrender';
+import type { IAABBBounds, IAABBBoundsLike, IPointLike } from '@visactor/vutils';
+import { AbstractComponent } from '@visactor/vrender-components';
+import type { VRenderPointerEvent } from '../../../interface/type';
+import type { IEditComponent } from '../../interface';
+import { DragComponent } from './transform-drag';
+type AnchorDirection = 'top' | 'bottom' | 'left-top' | 'left-bottom' | 'right' | 'left' | 'right-top' | 'right-bottom';
+export type TransformAttributes = {
+    padding?: number | [number, number, number, number];
+    resizeBorder?: Partial<ILineGraphicAttribute>;
+    cornerRect?: Partial<IRectGraphicAttribute>;
+    rotateCircle?: Partial<ICircleGraphicAttribute>;
+    rotatePath?: Partial<IPathGraphicAttribute> & {
+        size: number;
+    };
+    handlerLine?: Partial<ILineGraphicAttribute> & {
+        size: number;
+    };
+    shapeCircle?: Partial<ICircleGraphicAttribute>;
+    move?: boolean;
+    rotate?: boolean;
+    resize?: boolean;
+    reshape?: boolean;
+    setCursor?: (c: string) => void;
+    shapePoints?: IPointLike[];
+    isShapePointAbsolute?: boolean;
+    enabledAnchors?: AnchorDirection[];
+    minWidth?: number;
+    minHeight?: number;
+    proportionalScaling?: boolean;
+} & IGroupGraphicAttribute;
+export type IUpdateParams = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    angle: number;
+    anchor: [number | string, number | string];
+    shapePoints: IPointLike[];
+    text?: string | string[];
+};
+export interface ITransformControl extends IGroup {
+    updateSubBounds: (b: IAABBBoundsLike) => void;
+    onActive: () => void;
+    onUpdate: (cb: (data: IUpdateParams, event?: VRenderPointerEvent) => Partial<IUpdateParams> | false) => void;
+    onEditorEnd: (cb: (event?: VRenderPointerEvent) => void) => void;
+    onEditorStart: (cb: (event?: VRenderPointerEvent) => void) => void;
+    onUnTransStart: (cb: (event: PointerEvent) => void) => void;
+}
+export declare class TransformControl extends AbstractComponent<Required<TransformAttributes>> implements ITransformControl {
+    name: string;
+    rectB: IAABBBounds;
+    isDragging: boolean;
+    dragOffsetX: number;
+    dragOffsetY: number;
+    dragStartAngle: number;
+    activeGraphic: IGraphic | null;
+    horizontalResizble: number;
+    verticalResizble: number;
+    rotatable: number;
+    reshapeState: number;
+    rect: IRect;
+    editBorder: IRect;
+    runningAddChildUpdateBoundTag: boolean;
+    updateCbs: Array<(data: IUpdateParams, event?: VRenderPointerEvent) => Partial<IUpdateParams> | false>;
+    editEndCbs: Array<(event?: VRenderPointerEvent) => void>;
+    editStartCbs: Array<(event?: VRenderPointerEvent) => void>;
+    unTransStartCbs: Array<(event: PointerEvent) => void>;
+    isEditor: boolean;
+    _editorConfig: {
+        move: boolean;
+        rotate: boolean;
+        resize: boolean;
+        reshape: boolean;
+    };
+    minSize: {
+        width: number;
+        height: number;
+    };
+    proportionalScaling: boolean;
+    _rectBeforeScale: IRectGraphicAttribute;
+    _eventPosBeforeScale: any;
+    _setCursor: (c: string) => void;
+    editComponent: IEditComponent;
+    _dragger: DragComponent;
+    private _lastBoxInDrag;
+    static defaultAttributes: Partial<TransformAttributes>;
+    constructor(editComponent: IEditComponent, attributes: Partial<TransformAttributes>);
+    addDrag(): void;
+    protected _dragElement: (moveX: number, moveY: number) => void;
+    private _dragEnd;
+    private _unDragEnd;
+    protected _editorEnd: () => void;
+    updateSubBounds(bounds: IAABBBoundsLike): void;
+    onActive(): void;
+    initEvent(): void;
+    protected handleMouseMove: (e: any) => void;
+    protected handleMouseOut: (e: any) => void;
+    protected handleDragMouseDown: (e: any) => void;
+    protected handleDragMouseMove: (e: any) => void;
+    protected handleDragMouseUp: (e: any) => void;
+    protected setCursor(c?: string): void;
+    protected setActiveGraphic(g: IGraphic | null): void;
+    protected handleScale(dx: number, dy: number): void;
+    private _handleScale;
+    private _handleScaleProportional;
+    private _handleReshape;
+    private _getRectWithOffset;
+    private _getRectP2;
+    protected handleRotate(currentPoint: {
+        x: number;
+        y: number;
+    }): void;
+    private fixAngle;
+    getAngle(): number;
+    protected render(): void;
+    moveBy(dx: number, dy: number): this;
+    dispatchUpdate(e?: any): void;
+    onUpdate(cb: (data: IUpdateParams, event?: VRenderPointerEvent) => Partial<IUpdateParams> | false): void;
+    onEditorEnd(cb: (event?: VRenderPointerEvent) => void): void;
+    onEditorStart(cb: (event?: VRenderPointerEvent) => void): void;
+    onUnTransStart(cb: (event: PointerEvent) => void): void;
+    addChildUpdateBoundTag(): void;
+    getTransformAttribute(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        angle: number;
+        anchor: [string | number, string | number];
+        shapePoints: IPointLike[];
+    };
+    releaseEvent(): void;
+    release(): void;
+}
+export {};