@visactor/vstory 0.0.4-alpha.2 → 0.0.5-alpha.0

package/es/edit/const.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,IAAI;CACf,CAAC","file":"const.js","sourcesContent":["export const PickEventType = {\n  pointerup: true,\n  click: true,\n  dblclick: true\n};\n"]}
+{"version":3,"sources":["../src/edit/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAA+B;IACvD,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,IAAI;IACX,WAAW,EAAE,IAAI;IACjB,QAAQ,EAAE,IAAI;CACf,CAAC","file":"const.js","sourcesContent":["export const PickEventType: { [key: string]: boolean } = {\n  pointerup: true,\n  click: true,\n  pointerdown: true,\n  dblclick: true\n};\n"]}

package/es/edit/edit-action.d.ts

@@ -1,3 +1,5 @@
+import type { IGraphic } from '@visactor/vrender';
+import type { ICharacter, ICharacterPickInfo } from './../story/character/runtime-interface';
 import type { BoxSelection } from './edit-component/box-selection';
 import { EventEmitter } from '@visactor/vutils';
 import type { Story } from '../story/story';
@@ -10,6 +12,13 @@ export declare class EditAction {
     get actionInProgress(): ContinuousActionType;
     protected _boxSelection: BoxSelection;
     constructor(story: Story);
+    lastOverGraphic: {
+        characterInfo: ICharacterPickInfo;
+        character: ICharacter;
+        detailTarget: IGraphic;
+    };
+    richTextPluginEvent(): void;
     onStoryEvent(event: StoryEvent, type: string): void;
+    processOverEvent(event: StoryEvent, type: string): void;
     dispatchAction(action: IEditActionInfo): void;
 }

package/es/edit/edit-action.js

@@ -1,31 +1,89 @@
-import { EventEmitter } from "@visactor/vutils";
+import { EventEmitter, isArray } from "@visactor/vutils";
 
 import { PickEventType } from "./const";
 
 import { EditActionEnum } from "./interface";
 
+const IgnoreEvent = {
+    mousemove: !0,
+    mouseout: !0,
+    mouseover: !0
+}, PointerOverEvent = {
+    pointerover: !0,
+    pointerout: !0,
+    pointermove: !0
+}, IgnoreEnds = "capture";
+
 export class EditAction {
     get actionInProgress() {
         return this._actionInProgress;
     }
     constructor(story) {
-        this.story = story, this.emitter = new EventEmitter, this._actionInProgress = null;
+        this.story = story, this.emitter = new EventEmitter, this._actionInProgress = null, 
+        this.lastOverGraphic = null, this.richTextPluginEvent();
+    }
+    richTextPluginEvent() {
+        this.story.canvas.getStage().pluginService.findPluginsByName("RichTextEditPlugin")[0].registerUpdateListener(((type, p) => {
+            this.emitter.emit(EditActionEnum.richTextPluginEdit, {
+                type: type,
+                p: p
+            });
+        }));
     }
     onStoryEvent(event, type) {
-        if (event.detailPath && event.path[event.path.length - 1] !== event.detailPath[event.path.length - 1] && delete event.detailPath, 
+        if (IgnoreEvent[type]) return;
+        if (type.endsWith("capture")) return;
+        if (this.processOverEvent(event, type), event.detailPath && event.path[event.path.length - 1] !== event.detailPath[event.path.length - 1] && delete event.detailPath, 
         !PickEventType[type]) return this.dispatchAction({
             type: type,
             event: event
         });
         const {characterInfo: characterInfo, character: character} = this.story.canvas.getEventDetail(event);
-        return this.dispatchAction({
-            type: "click" === type && character ? EditActionEnum.singleSelection : type,
+        "click" === type && character ? type = EditActionEnum.singleSelection : "pointerdown" !== type || character || (type = EditActionEnum.unSelection), 
+        this.dispatchAction({
+            type: type,
             characterId: null == character ? void 0 : character.id,
             character: character,
             event: event,
             detail: characterInfo
         });
     }
+    processOverEvent(event, type) {
+        var _a;
+        if (!PointerOverEvent[type]) return;
+        const {characterInfo: characterInfo, character: character} = this.story.canvas.getEventDetail(event);
+        let detailTarget = event.path[event.path.length - 1];
+        const detailPath = event.detailPath;
+        if (detailPath) {
+            const detailTargetList = detailPath[detailPath.length - 1];
+            isArray(detailTargetList) && (detailTarget = detailTargetList[detailTargetList.length - 1]);
+        }
+        let actionType = null;
+        if ("pointerover" === type) character && (actionType = EditActionEnum.pointerOverCharacter); else if ("pointerout" === type) this.lastOverGraphic && character && character === this.lastOverGraphic.character && detailTarget && detailTarget === this.lastOverGraphic.detailTarget && (actionType = EditActionEnum.pointerOutCharacter); else {
+            if (!this.lastOverGraphic) return;
+            if (character !== this.lastOverGraphic.character) actionType = EditActionEnum.pointerOutCharacter; else {
+                if (detailTarget === this.lastOverGraphic.detailTarget) return;
+                this.dispatchAction({
+                    type: EditActionEnum.pointerOutCharacter,
+                    characterId: null === (_a = this.lastOverGraphic.character) || void 0 === _a ? void 0 : _a.id,
+                    character: this.lastOverGraphic.character,
+                    event: event,
+                    detail: this.lastOverGraphic.characterInfo
+                }), actionType = EditActionEnum.pointerOverCharacter;
+            }
+        }
+        actionType && (this.dispatchAction({
+            type: actionType,
+            characterId: null == character ? void 0 : character.id,
+            character: character,
+            event: event,
+            detail: characterInfo
+        }), actionType === EditActionEnum.pointerOverCharacter ? this.lastOverGraphic = {
+            characterInfo: characterInfo,
+            character: character,
+            detailTarget: detailTarget
+        } : actionType === EditActionEnum.pointerOutCharacter && (this.lastOverGraphic = null));
+    }
     dispatchAction(action) {
         this.emitter.emit("dispatchAction", action);
     }

package/es/edit/edit-action.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/edit-action.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,MAAM,OAAO,UAAU;IAIrB,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAID,YAA4B,KAAY;QAAZ,UAAK,GAAL,KAAK,CAAO;QAT/B,YAAO,GAAiB,IAAI,YAAY,EAAE,CAAC;QAE1C,sBAAiB,GAAyB,IAAI,CAAC;IAOd,CAAC;IAE5C,YAAY,CAAC,KAAiB,EAAE,IAAY;QAE1C,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;gBACjF,OAAO,KAAK,CAAC,UAAU,CAAC;aACzB;SACF;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;YACxB,OAAO,IAAI,CAAC,cAAc,CAAC;gBACzB,IAAI,EAAE,IAAI;gBACV,KAAK;aACN,CAAC,CAAC;SACJ;QAGD,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC7E,OAAO,IAAI,CAAC,cAAc,CAAC;YACzB,IAAI,EAAE,IAAI,KAAK,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI;YAC3E,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,EAAE;YAC1B,SAAS,EAAE,SAAS;YACpB,KAAK;YACL,MAAM,EAAE,aAAa;SACtB,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,MAAuB;QACpC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC9C,CAAC;CACF","file":"edit-action.js","sourcesContent":["import type { BoxSelection } from './edit-component/box-selection';\nimport { EventEmitter } from '@visactor/vutils';\nimport { PickEventType } from './const';\nimport type { Story } from '../story/story';\nimport type { ContinuousActionType, IEditActionInfo } from './interface';\nimport { EditActionEnum } from './interface';\nimport type { StoryEvent } from '../story/interface/runtime-interface';\n\nexport class EditAction {\n  readonly emitter: EventEmitter = new EventEmitter();\n\n  protected _actionInProgress: ContinuousActionType = null;\n  get actionInProgress() {\n    return this._actionInProgress;\n  }\n\n  protected _boxSelection: BoxSelection;\n\n  constructor(public readonly story: Story) {}\n\n  onStoryEvent(event: StoryEvent, type: string) {\n    // TODO: hack detailPath会被正常删除后，删除这个hack代码\n    if (event.detailPath) {\n      if (event.path[event.path.length - 1] !== event.detailPath[event.path.length - 1]) {\n        delete event.detailPath;\n      }\n    }\n    // 非选中逻辑\n    if (!PickEventType[type]) {\n      return this.dispatchAction({\n        type: type,\n        event\n      });\n    }\n\n    // 选中逻辑才添加交互元素信息。得到交互元素\n    const { characterInfo, character } = this.story.canvas.getEventDetail(event);\n    return this.dispatchAction({\n      type: type === 'click' && character ? EditActionEnum.singleSelection : type,\n      characterId: character?.id,\n      character: character,\n      event,\n      detail: characterInfo\n    });\n  }\n\n  dispatchAction(action: IEditActionInfo) {\n    this.emitter.emit('dispatchAction', action);\n  }\n}\n"]}
+{"version":3,"sources":["../src/edit/edit-action.ts"],"names":[],"mappings":"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","file":"edit-action.js","sourcesContent":["import type { RichTextEditPlugin } from '@visactor/vrender';\nimport type { IGraphic } from '@visactor/vrender';\nimport type { ICharacter, ICharacterPickInfo } from './../story/character/runtime-interface';\nimport type { BoxSelection } from './edit-component/box-selection';\nimport { EventEmitter, isArray } from '@visactor/vutils';\nimport { PickEventType } from './const';\nimport type { Story } from '../story/story';\nimport type { ContinuousActionType, IEditActionInfo } from './interface';\nimport { EditActionEnum } from './interface';\nimport type { StoryEvent } from '../story/interface/runtime-interface';\n\nconst IgnoreEvent: { [key: string]: boolean } = {\n  mousemove: true,\n  mouseout: true,\n  mouseover: true\n};\n\nconst PointerOverEvent: { [key: string]: boolean } = {\n  pointerover: true,\n  pointerout: true,\n  pointermove: true\n};\n\nconst IgnoreEnds = 'capture';\n\nexport class EditAction {\n  readonly emitter: EventEmitter = new EventEmitter();\n\n  protected _actionInProgress: ContinuousActionType = null;\n  get actionInProgress() {\n    return this._actionInProgress;\n  }\n\n  protected _boxSelection: BoxSelection;\n\n  constructor(public readonly story: Story) {\n    this.richTextPluginEvent();\n  }\n\n  lastOverGraphic: {\n    characterInfo: ICharacterPickInfo;\n    character: ICharacter;\n    detailTarget: IGraphic;\n  } = null;\n\n  richTextPluginEvent() {\n    const plugin = this.story.canvas\n      .getStage()\n      .pluginService.findPluginsByName('RichTextEditPlugin')[0] as RichTextEditPlugin;\n    plugin.registerUpdateListener((type, p) => {\n      this.emitter.emit(EditActionEnum.richTextPluginEdit, { type, p });\n    });\n  }\n\n  onStoryEvent(event: StoryEvent, type: string) {\n    if ((IgnoreEvent as any)[type]) {\n      return;\n    }\n    if (type.endsWith(IgnoreEnds)) {\n      return;\n    }\n\n    this.processOverEvent(event, type);\n\n    // TODO: hack detailPath会被正常删除后，删除这个hack代码\n    if (event.detailPath) {\n      if (event.path[event.path.length - 1] !== event.detailPath[event.path.length - 1]) {\n        delete event.detailPath;\n      }\n    }\n\n    // 非选中逻辑\n    if (!(PickEventType as any)[type]) {\n      return this.dispatchAction({\n        type: type,\n        event\n      });\n    }\n\n    // 选中逻辑才添加交互元素信息。得到交互元素\n    const { characterInfo, character } = this.story.canvas.getEventDetail(event);\n    // 单选\n    if (type === 'click' && character) {\n      type = EditActionEnum.singleSelection;\n    } else if (type === 'pointerdown' && !character) {\n      // 取消选中\n      type = EditActionEnum.unSelection;\n    }\n    // if (type === EditActionEnum.singleSelection) {\n    //   debugger;\n    // }\n    this.dispatchAction({\n      type: type,\n      characterId: character?.id,\n      character: character,\n      event,\n      detail: characterInfo\n    });\n  }\n\n  // graphic over out\n  processOverEvent(event: StoryEvent, type: string) {\n    if (!PointerOverEvent[type]) {\n      return;\n    }\n    const { characterInfo, character } = this.story.canvas.getEventDetail(event);\n    let detailTarget = event.path[event.path.length - 1];\n    const detailPath = event.detailPath;\n    // 如果存在详细path\n    if (detailPath) {\n      const detailTargetList = detailPath[detailPath.length - 1];\n      if (isArray(detailTargetList)) {\n        detailTarget = detailTargetList[detailTargetList.length - 1];\n      }\n    }\n    let actionType = null;\n    // 外层 over 必然触发 over\n    if (type === 'pointerover') {\n      if (character) {\n        actionType = EditActionEnum.pointerOverCharacter;\n      }\n    }\n    // 外层 out 必然触发out\n    else if (type === 'pointerout') {\n      if (\n        this.lastOverGraphic &&\n        character &&\n        character === this.lastOverGraphic.character &&\n        detailTarget &&\n        detailTarget === this.lastOverGraphic.detailTarget\n      ) {\n        actionType = EditActionEnum.pointerOutCharacter;\n      }\n    } else {\n      // 外层move,同时没有lastOver，不需要继续判定\n      if (!this.lastOverGraphic) {\n        return;\n      }\n      // 如果不是同一个 character out\n      if (character !== this.lastOverGraphic.character) {\n        actionType = EditActionEnum.pointerOutCharacter;\n        // 如果是同一个元素，但是不是同一个target\n      } else if (detailTarget !== this.lastOverGraphic.detailTarget) {\n        // 先抛出离开\n        this.dispatchAction({\n          type: EditActionEnum.pointerOutCharacter,\n          characterId: this.lastOverGraphic.character?.id,\n          character: this.lastOverGraphic.character,\n          event,\n          detail: this.lastOverGraphic.characterInfo\n        });\n        actionType = EditActionEnum.pointerOverCharacter;\n      } else {\n        // 是同一个元素，并且是同一个target\n        return;\n      }\n    }\n    if (!actionType) {\n      return;\n    }\n    this.dispatchAction({\n      type: actionType,\n      characterId: character?.id,\n      character: character,\n      event,\n      detail: characterInfo\n    });\n    if (actionType === EditActionEnum.pointerOverCharacter) {\n      this.lastOverGraphic = { characterInfo, character, detailTarget };\n    } else if (actionType === EditActionEnum.pointerOutCharacter) {\n      this.lastOverGraphic = null;\n    }\n  }\n\n  dispatchAction(action: IEditActionInfo) {\n    this.emitter.emit('dispatchAction', action);\n  }\n}\n"]}

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

@@ -4,26 +4,31 @@ import type { Edit } from '../edit';
 import type { ITransformControl, IUpdateParams } from './edit-control/transform-control';
 import { type TransformAttributes } from './edit-control/transform-control';
 import type { VRenderPointerEvent } from '../../interface/type';
-import type { ICharacter } from '../../story/character';
+import type { ICharacter } from '../../story/character/runtime-interface';
 export declare abstract class BaseSelection implements IEditComponent {
     readonly edit: Edit;
     readonly level: number;
+    readonly editCharacterType: string;
     protected _actionInfo: IEditActionInfo;
     protected _isSelection: boolean;
     isEditing: boolean;
     protected _layoutComponent?: ITransformControl;
     protected _activeCharacter?: ICharacter | null;
     constructor(edit: Edit);
+    type: string;
     editEnd(): void;
-    abstract checkAction(actionInfo: IEditSelectionInfo): boolean;
+    checkAction(actionInfo: IEditActionInfo | IEditSelectionInfo): boolean;
+    enableEditCharacter(character: ICharacter): boolean;
+    checkActionWhileEditing(actionInfo: IEditActionInfo | IEditSelectionInfo): boolean;
+    checkActionWhileNoEditing(actionInfo: IEditActionInfo | IEditSelectionInfo): boolean;
     getActiveCharacter(): ICharacter;
     startEdit(actionInfo: IEditActionInfo): void;
     createLayoutComponent(): ITransformControl | undefined;
-    protected handlerTransformChange(data: IUpdateParams, event?: VRenderPointerEvent): void;
     protected _createLayoutComponent(attributes: Partial<TransformAttributes>): ITransformControl | undefined;
     activeLayoutComponent(): void;
     inActiveLayoutComponent(): void;
     updateComponent(): void;
     attachComponent(layoutComponent: ITransformControl): void;
     detachComponent(layoutComponent: ITransformControl): void;
+    protected handlerTransformChange(data: IUpdateParams, event?: VRenderPointerEvent): void;
 }

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

@@ -1,3 +1,5 @@
+import { EditActionEnum } from "../interface";
+
 import { TransformControl } from "./edit-control/transform-control";
 
 import { throwError } from "../../util/common";
@@ -7,7 +9,27 @@ export class BaseSelection {
         this.edit = edit, this._isSelection = !1, this.isEditing = !1;
     }
     editEnd() {
-        this.isEditing = !1, this._actionInfo = null, this._activeCharacter = null, this.inActiveLayoutComponent();
+        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;
@@ -34,7 +56,6 @@ export class BaseSelection {
         });
         return component.onUpdate(this.handlerTransformChange.bind(this)), component;
     }
-    handlerTransformChange(data, event) {}
     _createLayoutComponent(attributes) {
         return new TransformControl(this, attributes);
     }
@@ -48,7 +69,9 @@ export class BaseSelection {
     }
     updateComponent() {
         const actionInfo = this._actionInfo;
-        actionInfo && actionInfo.character && this._layoutComponent.updateSubBounds(actionInfo.character.getGraphicParent().AABBBounds);
+        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();
@@ -57,5 +80,10 @@ export class BaseSelection {
     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 +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"]}
+{"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/chart-selection.d.ts

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

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

@@ -0,0 +1 @@
+{"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,11 +1 @@
-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/es/edit/edit-component/common.js

@@ -1,26 +1 @@
-import { EditActionEnum } from "./../interface";
-
-import { BaseSelection } from "./base-selection";
-
-export class CommonEditComponent extends BaseSelection {
-    constructor(edit) {
-        super(edit), this.edit = edit, this.level = 2;
-    }
-    editEnd() {
-        super.editEnd();
-    }
-    checkAction(actionInfo) {
-        return actionInfo.type === 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);
-            }
-        });
-    }
-}
-//# sourceMappingURL=common.js.map
+//# sourceMappingURL=common.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/edit-component/common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,OAAO,mBAAoB,SAAQ,aAAa;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,cAAc,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","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"]}
+{"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/richtext-control.d.ts

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

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

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

@@ -3,10 +3,9 @@ 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;
+    startEditText(): void;
+    endEditText(): void;
     protected render(): void;
-    detachDomTextEditor(): void;
     release(): void;
 }

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

@@ -1,13 +1,9 @@
-import { getTheme } from "@visactor/vrender";
-
-import { BOUNDS_SELECT_COLOR } from "./constants";
-
 import { TransformControl } from "./transform-control";
 
 export class RichTextTransformControl extends TransformControl {
     constructor() {
         super(...arguments), this.handlerDblClick = e => {
-            this.attachDomTextEditor();
+            this.startEditText();
         };
     }
     initEvent() {
@@ -16,40 +12,39 @@ export class RichTextTransformControl extends TransformControl {
     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 = BOUNDS_SELECT_COLOR, 
-        bg.style.cursor = "text", container.appendChild(bg), stage.window.getContainer().appendChild(container), 
-        this.domTextEditor = container;
+    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;
-        if (text) {
-            const textArea = document.createElement("textArea"), bounds = text.AABBBounds, theme = 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);
-        }
+        text && text.setAttributes({
+            editable: !1
+        });
     }
     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);
+        super.render();
     }
     release() {
-        this.detachDomTextEditor(), super.release();
+        this.endEditText(), super.release();
     }
 }
 //# sourceMappingURL=richtext-transform-control.js.map

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

@@ -1 +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"]}
+{"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"]}