@visactor/vstory 0.0.8-alpha.13 → 0.0.8-alpha.14

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

@@ -1,89 +0,0 @@
-import { EditActionEnum } from "../interface";
-
-import { TransformControl } from "./edit-control/transform-control";
-
-import { throwError } from "../../util/common";
-
-export class BaseSelection {
-    constructor(edit) {
-        this.edit = edit, this._isSelection = !1, this.isEditing = !1;
-    }
-    editEnd() {
-        this.isEditing = !1, this._actionInfo = null, this.inActiveLayoutComponent(), this._activeCharacter = null;
-    }
-    checkAction(actionInfo) {
-        return this.isEditing ? this.checkActionWhileEditing(actionInfo) : this.checkActionWhileNoEditing(actionInfo);
-    }
-    enableEditCharacter(character) {
-        return character.type === this.editCharacterType;
-    }
-    checkActionWhileEditing(actionInfo) {
-        if (actionInfo.type === EditActionEnum.unSelection) return !1;
-        if (actionInfo.type === EditActionEnum.unSelection) return !1;
-        if (actionInfo.type === EditActionEnum.singleSelection) {
-            if (!this.enableEditCharacter(actionInfo.character)) return !1;
-            if (actionInfo.character !== this._activeCharacter) return this.editEnd(), this.startEdit(actionInfo), 
-            !0;
-        }
-        return this.isEditing, !0;
-    }
-    checkActionWhileNoEditing(actionInfo) {
-        return !(actionInfo.type !== EditActionEnum.singleSelection || !this.enableEditCharacter(actionInfo.character)) && (this.startEdit(actionInfo), 
-        !0);
-    }
-    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;
-    }
-    _createLayoutComponent(attributes) {
-        return new 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;
-        if (!actionInfo || !actionInfo.character) return;
-        const bounds = actionInfo.character.graphic.graphic.AABBBounds.clone(), group = actionInfo.character.getGraphicParent(), {angle: angle, x: x, y: y} = group.attribute;
-        bounds.translate(x, y), this._layoutComponent.updateBoundsAndAngle(bounds, angle);
-    }
-    attachComponent(layoutComponent) {
-        const g = this.edit.getEditGroup();
-        layoutComponent.parent === g && throwError("【attachComponent】未知错误，不应该走到这里"), g.appendChild(layoutComponent);
-    }
-    detachComponent(layoutComponent) {
-        this.edit.getEditGroup().removeChild(layoutComponent);
-    }
-    handlerTransformChange(data, event) {
-        this._activeCharacter && this._activeCharacter.setAttributes({
-            position: data
-        });
-    }
-}
-//# sourceMappingURL=base-selection.js.map

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

@@ -1 +0,0 @@
-{"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 type { Edit } from '../edit';\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 type { ICharacter } from '../../story/character/runtime-interface';\n\nexport abstract class BaseSelection implements IEditComponent {\n  declare readonly level: number;\n  declare readonly editCharacterType: string;\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  declare type: string;\n\n  editEnd(): void {\n    this.isEditing = false;\n    this._actionInfo = null;\n    this.inActiveLayoutComponent();\n    this._activeCharacter = null;\n  }\n\n  checkAction(actionInfo: IEditActionInfo | IEditSelectionInfo): boolean {\n    if (this.isEditing) {\n      return this.checkActionWhileEditing(actionInfo);\n    }\n    return this.checkActionWhileNoEditing(actionInfo);\n  }\n\n  enableEditCharacter(character: ICharacter) {\n    return character.type === this.editCharacterType;\n  }\n\n  checkActionWhileEditing(actionInfo: IEditActionInfo | IEditSelectionInfo): boolean {\n    if (actionInfo.type === EditActionEnum.unSelection) {\n      return false;\n    }\n    if (actionInfo.type === EditActionEnum.unSelection) {\n      return false;\n    }\n    if (actionInfo.type === EditActionEnum.singleSelection) {\n      // 选中其他内容了，return false\n      if (!this.enableEditCharacter((actionInfo as IEditSelectionInfo).character)) {\n        return false;\n      } else if ((actionInfo as IEditSelectionInfo).character !== this._activeCharacter) {\n        // 选中同类型其他元素\n        // 先停止当前的\n        this.editEnd();\n        // 在开始新元素的编辑\n        this.startEdit(actionInfo);\n        return true;\n      }\n    }\n    if (this.isEditing) {\n      return true;\n    }\n\n    return true;\n  }\n\n  checkActionWhileNoEditing(actionInfo: IEditActionInfo | IEditSelectionInfo): boolean {\n    if (\n      actionInfo.type === EditActionEnum.singleSelection &&\n      this.enableEditCharacter((actionInfo as IEditSelectionInfo).character)\n    ) {\n      this.startEdit(actionInfo);\n      // graphic\n      return true;\n    }\n\n    return false;\n  }\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 _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    const rect = actionInfo.character.graphic.graphic;\n    const bounds = rect.AABBBounds.clone();\n    const group = actionInfo.character.getGraphicParent();\n    const { angle, x, y } = group.attribute;\n    bounds.translate(x, y);\n    this._layoutComponent.updateBoundsAndAngle(bounds, angle);\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  protected handlerTransformChange(data: IUpdateParams, event?: VRenderPointerEvent): void {\n    if (this._activeCharacter) {\n      this._activeCharacter.setAttributes({ position: data });\n    }\n  }\n}\n"]}

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

@@ -1,10 +0,0 @@
-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/es/edit/edit-component/box-selection.js

@@ -1,19 +0,0 @@
-import { BaseSelection } from "./base-selection";
-
-export class BoxSelection extends 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;
-    }
-}
-//# sourceMappingURL=box-selection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/edit-component/box-selection.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,OAAO,YAAa,SAAQ,aAAa;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","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/es/edit/edit-component/chart-selection.d.ts

@@ -1,15 +0,0 @@
-import { type IEditActionInfo, type IEditComponent } from '../interface';
-import type { Edit } from '../edit';
-import { BaseSelection } from './base-selection';
-import type { ICharacter } from '../../story/character';
-export declare class ChartSelection extends BaseSelection implements IEditComponent {
-    readonly edit: Edit;
-    readonly level = 3;
-    type: string;
-    constructor(edit: Edit);
-    updateComponent(): void;
-    enableEditCharacter(character: ICharacter): boolean;
-    startEdit(actionInfo: IEditActionInfo): void;
-    editEnd(): void;
-    handlerChartClick: (e: any) => void;
-}

package/es/edit/edit-component/chart-selection.js

@@ -1,31 +0,0 @@
-import { BaseSelection } from "./base-selection";
-
-export class ChartSelection extends BaseSelection {
-    constructor(edit) {
-        super(edit), this.edit = edit, this.level = 3, this.type = "chart", this.handlerChartClick = e => {
-            this._layoutComponent.handleDragMouseDown(e);
-        };
-    }
-    updateComponent() {
-        const actionInfo = this._actionInfo;
-        if (!actionInfo || !actionInfo.character) return;
-        const group = actionInfo.character.getGraphicParent(), {angle: angle} = group.attribute;
-        this._layoutComponent.updateBoundsAndAngle(actionInfo.character.getLayoutBounds(), angle);
-    }
-    enableEditCharacter(character) {
-        return character.visActorType === this.type;
-    }
-    startEdit(actionInfo) {
-        super.startEdit(actionInfo), this.edit.startEdit({
-            type: "chartSelection",
-            actionInfo: this._actionInfo,
-            updateCharacter: params => {}
-        });
-        this._actionInfo.character.graphic.addEventListener("pointerdown", this.handlerChartClick);
-    }
-    editEnd() {
-        this._actionInfo.character.graphic.removeEventListener("pointerdown", this.handlerChartClick), 
-        super.editEnd();
-    }
-}
-//# sourceMappingURL=chart-selection.js.map

package/es/edit/edit-component/chart-selection.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/edit-component/chart-selection.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,MAAM,OAAO,cAAe,SAAQ,aAAa;IAI/C,YAA4B,IAAU;QACpC,KAAK,CAAC,IAAI,CAAC,CAAC;QADc,SAAI,GAAJ,IAAI,CAAM;QAH7B,UAAK,GAAG,CAAC,CAAC;QACnB,SAAI,GAAG,OAAO,CAAC;QA2Cf,sBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;YAC7B,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC;IAzCF,CAAC;IAED,eAAe;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,WAAiC,CAAC;QAC1D,IAAI,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE;YACzC,OAAO;SACR;QAED,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;QACtD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;QAClC,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,UAAU,CAAC,SAAS,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,CAAC;IAE5F,CAAC;IAED,mBAAmB,CAAC,SAAqB;QACvC,OAAO,SAAS,CAAC,YAAY,KAAK,IAAI,CAAC,IAAI,CAAC;IAC9C,CAAC;IAED,SAAS,CAAC,UAA2B;QACnC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YAClB,IAAI,EAAE,gBAAgB;YACtB,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,eAAe,EAAE,CAAC,MAAW,EAAE,EAAE;YAEjC,CAAC;SACF,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;QAC7C,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC5E,CAAC;IAED,OAAO;QAEL,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;QAC7C,SAAS,CAAC,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC7E,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC;CAKF","file":"chart-selection.js","sourcesContent":["import type { IEditSelectionInfo } from '../interface';\nimport { type IEditActionInfo, type IEditComponent } from '../interface';\n\nimport type { Edit } from '../edit';\nimport { BaseSelection } from './base-selection';\nimport type { ICharacter } from '../../story/character';\nimport type { Chart } from '../../story/character/chart/graphic/vchart-graphic';\n\nexport class ChartSelection extends BaseSelection implements IEditComponent {\n  readonly level = 3;\n  type = 'chart';\n\n  constructor(public readonly edit: Edit) {\n    super(edit);\n  }\n\n  updateComponent() {\n    const actionInfo = this._actionInfo as IEditSelectionInfo;\n    if (!(actionInfo && actionInfo.character)) {\n      return;\n    }\n\n    const group = actionInfo.character.getGraphicParent();\n    const { angle } = group.attribute;\n    this._layoutComponent.updateBoundsAndAngle(actionInfo.character.getLayoutBounds(), angle);\n    // this._layoutComponent.updateBoundsAndAngle(actionInfo.character.getGraphicParent().AABBBounds, 0);\n  }\n\n  enableEditCharacter(character: ICharacter) {\n    return character.visActorType === this.type;\n  }\n\n  startEdit(actionInfo: IEditActionInfo) {\n    super.startEdit(actionInfo);\n    this.edit.startEdit({\n      type: 'chartSelection',\n      actionInfo: this._actionInfo,\n      updateCharacter: (params: any) => {\n        // nothing 不支持任何修改\n      }\n    });\n    // @ts-ignore;\n    const character = this._actionInfo.character;\n    character.graphic.addEventListener('pointerdown', this.handlerChartClick);\n  }\n\n  editEnd() {\n    // @ts-ignore;\n    const character = this._actionInfo.character;\n    character.graphic.removeEventListener('pointerdown', this.handlerChartClick);\n    super.editEnd();\n  }\n\n  handlerChartClick = (e: any) => {\n    this._layoutComponent.handleDragMouseDown(e);\n  };\n}\n"]}

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

@@ -1 +0,0 @@
-

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/edit-component/common.ts"],"names":[],"mappings":"","file":"common.js","sourcesContent":["// import type { IEditActionInfo, IEditComponent, IEditSelectionInfo } from './../interface';\n// import type { Edit } from '../edit';\n// import { BaseSelection } from './base-selection';\n\n// export class CommonEditComponent extends BaseSelection implements IEditComponent {\n//   readonly level = 2;\n\n//   constructor(public readonly edit: Edit) {\n//     super(edit);\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/es/edit/edit-component/edit-control/constants.d.ts

@@ -1,9 +0,0 @@
-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/es/edit/edit-component/edit-control/constants.js

@@ -1,18 +0,0 @@
-export const BOUNDS_HOVER_COLOR = "#B2B7C2";
-
-export const BOUNDS_SELECT_COLOR = "#3073F2";
-
-export const SHAPE_HOVER_COLOR = "#3073F2";
-
-export const SHAPE_SELECT_COLOR = "#3073F2";
-
-export const DRAG_ANCHOR_COLOR = "#fea53e";
-
-export const LINE_CONNECT_COLOR = "#3073F2";
-
-export const PREVIEW_LINE_CONNECT_COLOR = "#95b5ff";
-
-export const LINE_CONTROL_COLOR = "#3073F2";
-
-export const PREVIEW_LINE_CONTROL_COLOR = "#95b5ff";
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/edit-component/edit-control/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAC5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC;AAC7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC;AAC3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAC5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAC5C,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC;AACpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAC5C,MAAM,CAAC,MAAM,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/es/edit/edit-component/edit-control/enum.d.ts

@@ -1 +0,0 @@
-

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

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

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

@@ -1 +0,0 @@
-{"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/es/edit/edit-component/edit-control/richtext-control.d.ts

@@ -1,19 +0,0 @@
-import { EventEmitter } from '@visactor/vutils';
-import type { IRichText, RichTextEditPlugin } from '@visactor/vrender';
-import type { ICharacter } from './../../../story/character/runtime-interface';
-import type { Edit } from '../../edit';
-export declare class RichTextControl {
-    protected _character: ICharacter;
-    protected _richText: IRichText;
-    protected _edit: Edit;
-    emitter: EventEmitter;
-    constructor(edit: Edit, character: ICharacter, richText: IRichText);
-    protected _initPlugin(): void;
-    onRichTextPluginEdit: ({ type, p }: {
-        type: string;
-        p: RichTextEditPlugin;
-    }) => void;
-    startEdit(): void;
-    endEdit(): void;
-    release(): void;
-}

package/es/edit/edit-component/edit-control/richtext-control.js

@@ -1,28 +0,0 @@
-import { EventEmitter } from "@visactor/vutils";
-
-import { EditActionEnum } from "../../interface";
-
-export class RichTextControl {
-    constructor(edit, character, richText) {
-        this.emitter = new EventEmitter, this.onRichTextPluginEdit = ({type: type, p: p}) => {
-            p.currRt === this._richText || console.warn("current edit richtext not match in richtext-control.onRichTextPluginEdit");
-        }, this._character = character, this._richText = richText, this._edit = edit, this._initPlugin();
-    }
-    _initPlugin() {
-        this._edit.editAction.emitter.on(EditActionEnum.richTextPluginEdit, this.onRichTextPluginEdit);
-    }
-    startEdit() {
-        this._richText.setAttributes({
-            editable: !0
-        });
-    }
-    endEdit() {
-        this._richText.setAttributes({
-            editable: !1
-        });
-    }
-    release() {
-        this._edit.editAction.emitter.off(EditActionEnum.richTextPluginEdit, this.onRichTextPluginEdit);
-    }
-}
-//# sourceMappingURL=richtext-control.js.map

package/es/edit/edit-component/edit-control/richtext-control.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/edit-component/edit-control/richtext-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,MAAM,OAAO,eAAe;IAO1B,YAAY,IAAU,EAAE,SAAqB,EAAE,QAAmB;QAFlE,YAAO,GAAiB,IAAI,YAAY,EAAE,CAAC;QAa3C,yBAAoB,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAA2C,EAAE,EAAE;YAC9E,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,EAAE;gBAC/B,OAAO,CAAC,IAAI,CAAC,0EAA0E,CAAC,CAAC;gBACzF,OAAO;aACR;QAGH,CAAC,CAAC;QAjBA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,cAAc,CAAC,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACjG,CAAC;IAWD,SAAS;QACP,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC;IAED,OAAO;QACL,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAClG,CAAC;CACF","file":"richtext-control.js","sourcesContent":["import { EventEmitter } from '@visactor/vutils';\nimport type { IRichText, RichTextEditPlugin } from '@visactor/vrender';\nimport type { ICharacter } from './../../../story/character/runtime-interface';\nimport type { Edit } from '../../edit';\nimport { EditActionEnum } from '../../interface';\nexport class RichTextControl {\n  protected _character: ICharacter;\n  protected _richText: IRichText;\n  protected _edit: Edit;\n\n  emitter: EventEmitter = new EventEmitter();\n\n  constructor(edit: Edit, character: ICharacter, richText: IRichText) {\n    this._character = character;\n    this._richText = richText;\n    this._edit = edit;\n    this._initPlugin();\n  }\n\n  protected _initPlugin() {\n    this._edit.editAction.emitter.on(EditActionEnum.richTextPluginEdit, this.onRichTextPluginEdit);\n  }\n\n  onRichTextPluginEdit = ({ type, p }: { type: string; p: RichTextEditPlugin }) => {\n    if (p.currRt !== this._richText) {\n      console.warn('current edit richtext not match in richtext-control.onRichTextPluginEdit');\n      return;\n    }\n    // do noting 富文本编辑消息的处理\n    // console.log('onRichTextPluginEdit', type, p);\n  };\n\n  startEdit() {\n    this._richText.setAttributes({ editable: true });\n  }\n\n  endEdit() {\n    this._richText.setAttributes({ editable: false });\n  }\n\n  release() {\n    this._edit.editAction.emitter.off(EditActionEnum.richTextPluginEdit, this.onRichTextPluginEdit);\n  }\n}\n"]}

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

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

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

@@ -1,50 +0,0 @@
-import { TransformControl } from "./transform-control";
-
-export class RichTextTransformControl extends TransformControl {
-    constructor() {
-        super(...arguments), this.handlerDblClick = e => {
-            this.startEditText();
-        };
-    }
-    initEvent() {
-        super.initEvent(), this.rect.addEventListener("dblclick", this.handlerDblClick);
-    }
-    releaseEvent() {
-        super.releaseEvent(), this.rect.removeEventListener("dblclick", this.handlerDblClick);
-    }
-    startEditText() {
-        this.rect.setAttributes({
-            pickable: !1
-        }), this.editBorder.setAttributes({
-            pickable: !1
-        }), this.setAttributes({
-            pickable: !1
-        });
-        const character = this.editComponent.getActiveCharacter();
-        if (!character) return;
-        const text = character._text && character._text._graphic;
-        text && text.setAttributes({
-            editable: !0
-        });
-    }
-    endEditText() {
-        this.rect.setAttributes({
-            pickable: !0
-        }), this.editBorder.setAttributes({
-            pickable: !0
-        }), this.setAttributes({
-            pickable: !0
-        });
-        const character = this.editComponent.getActiveCharacter(), text = character._text && character._text._graphic;
-        text && text.setAttributes({
-            editable: !1
-        });
-    }
-    render() {
-        super.render();
-    }
-    release() {
-        this.endEditText(), super.release();
-    }
-}
-//# sourceMappingURL=richtext-transform-control.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/edit-component/edit-control/richtext-transform-control.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,OAAO,wBAAyB,SAAQ,gBAAgB;IAA9D;;QAaE,oBAAe,GAAG,CAAC,CAAM,EAAE,EAAE;YAE3B,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC;IAwGJ,CAAC;IAvHC,SAAS;QACP,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC/D,CAAC;IAED,YAAY;QACV,KAAK,CAAC,YAAY,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAClE,CAAC;IASD,aAAa;QAEX,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7C,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACnD,IAAI,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC;QAC1D,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QACD,MAAM,IAAI,GAAI,SAAiB,CAAC,KAAK,IAAK,SAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC3E,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACjD,CAAC;IAED,WAAW;QACT,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5C,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC;QAC1D,MAAM,IAAI,GAAI,SAAiB,CAAC,KAAK,IAAK,SAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC3E,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAClD,CAAC;IA2DS,MAAM;QACd,KAAK,CAAC,MAAM,EAAE,CAAC;IASjB,CAAC;IAQD,OAAO;QAEL,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC;CACF","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    this.startEditText();\n  };\n\n  startEditText() {\n    // 关掉上层的pick，开启richtext的editable\n    this.rect.setAttributes({ pickable: false });\n    this.editBorder.setAttributes({ pickable: false });\n    this.setAttributes({ pickable: false });\n    const character = this.editComponent.getActiveCharacter();\n    if (!character) {\n      return;\n    }\n    const text = (character as any)._text && (character as any)._text._graphic;\n    text && text.setAttributes({ editable: true });\n  }\n\n  endEditText() {\n    this.rect.setAttributes({ pickable: true });\n    this.editBorder.setAttributes({ pickable: true });\n    this.setAttributes({ pickable: true });\n    const character = this.editComponent.getActiveCharacter();\n    const text = (character as any)._text && (character as any)._text._graphic;\n    text && text.setAttributes({ editable: false });\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    this.endEditText();\n    super.release();\n  }\n}\n"]}

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

@@ -1,138 +0,0 @@
-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 {
-    updateBoundsAndAngle: (b: IAABBBoundsLike, angle: number) => 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;
-    updateBoundsAndAngle(bounds: IAABBBoundsLike, angle: number): 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;
-    releaseDragger(): void;
-    private _isRelease;
-    release(): void;
-}
-export {};