@visactor/vstory 0.0.8-alpha.9 → 0.0.8

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

@@ -1 +0,0 @@
-{"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/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/cjs/edit/edit-component/chart-selection.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.ChartSelection = void 0;
-
-const base_selection_1 = require("./base-selection");
-
-class ChartSelection extends base_selection_1.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();
-    }
-}
-
-exports.ChartSelection = ChartSelection;
-//# sourceMappingURL=chart-selection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/edit-component/chart-selection.ts"],"names":[],"mappings":";;;AAIA,qDAAiD;AAIjD,MAAa,cAAe,SAAQ,8BAAa;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;AAhDD,wCAgDC","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/cjs/edit/edit-component/common.d.ts

@@ -1 +0,0 @@
-

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

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

package/cjs/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/cjs/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/cjs/edit/edit-component/edit-control/constants.js

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

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

@@ -1 +0,0 @@
-

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

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

package/cjs/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/cjs/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/cjs/edit/edit-component/edit-control/richtext-control.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.RichTextControl = void 0;
-
-const vutils_1 = require("@visactor/vutils"), interface_1 = require("../../interface");
-
-class RichTextControl {
-    constructor(edit, character, richText) {
-        this.emitter = new vutils_1.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(interface_1.EditActionEnum.richTextPluginEdit, this.onRichTextPluginEdit);
-    }
-    startEdit() {
-        this._richText.setAttributes({
-            editable: !0
-        });
-    }
-    endEdit() {
-        this._richText.setAttributes({
-            editable: !1
-        });
-    }
-    release() {
-        this._edit.editAction.emitter.off(interface_1.EditActionEnum.richTextPluginEdit, this.onRichTextPluginEdit);
-    }
-}
-
-exports.RichTextControl = RichTextControl;
-//# sourceMappingURL=richtext-control.js.map

package/cjs/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,6CAAgD;AAIhD,+CAAiD;AACjD,MAAa,eAAe;IAO1B,YAAY,IAAU,EAAE,SAAqB,EAAE,QAAmB;QAFlE,YAAO,GAAiB,IAAI,qBAAY,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,0BAAc,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,0BAAc,CAAC,kBAAkB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAClG,CAAC;CACF;AAtCD,0CAsCC","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/cjs/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/cjs/edit/edit-component/edit-control/richtext-transform-control.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.RichTextTransformControl = void 0;
-
-const transform_control_1 = require("./transform-control");
-
-class RichTextTransformControl extends transform_control_1.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();
-    }
-}
-
-exports.RichTextTransformControl = RichTextTransformControl;
-//# sourceMappingURL=richtext-transform-control.js.map

package/cjs/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,2DAAuD;AAEvD,MAAa,wBAAyB,SAAQ,oCAAgB;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;AAxHD,4DAwHC","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/cjs/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 {};