@visactor/vstory 0.0.5 → 0.0.6

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/edit-component/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,UAAU,gBAAgB;IAC9B,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAC1D,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClD,IAAI,CAAC,qBAAqB,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;IAC1D,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClD,IAAI,CAAC,qBAAqB,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;IAC1D,IAAI,CAAC,qBAAqB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAChE,CAAC","file":"index.js","sourcesContent":["import { CommonEditComponent } from './common';\nimport { BoxSelection } from './box-selection';\nimport { ImageSelection } from './image-selection';\nimport { TextSelection } from './text-selection';\nimport { RichTextSelection } from './richtext-selection';\nimport { RectSelection } from './rect-selection';\nimport { Edit } from '../edit';\n\nexport function loadAllSelection() {\n  Edit.registerEditComponent('common', CommonEditComponent);\n  Edit.registerEditComponent('text', TextSelection);\n  Edit.registerEditComponent('richtext', RichTextSelection);\n  Edit.registerEditComponent('rect', RectSelection);\n  Edit.registerEditComponent('box-selection', BoxSelection);\n  Edit.registerEditComponent('image-selection', ImageSelection);\n}\n"]}
+{"version":3,"sources":["../src/edit/edit-component/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,UAAU,gBAAgB;IAI9B,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClD,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IACpD,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IACpD,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IACpD,IAAI,CAAC,qBAAqB,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAC5D,CAAC","file":"index.js","sourcesContent":["// import { CommonEditComponent } from './common';\nimport { BoxSelection } from './box-selection';\nimport { ImageSelection } from './image-selection';\nimport { RectSelection } from './rect-selection';\nimport { ChartSelection } from './chart-selection';\nimport { Edit } from '../edit';\nimport { ShapeSelection } from './shape-selection';\n\nexport function loadAllSelection() {\n  // Edit.registerEditComponent('common', CommonEditComponent);\n  // Edit.registerEditComponent('text', TextSelection);\n  // Edit.registerEditComponent('richtext', RichTextSelection);\n  Edit.registerEditComponent('rect', RectSelection);\n  Edit.registerEditComponent('image', ImageSelection);\n  Edit.registerEditComponent('shape', ShapeSelection);\n  Edit.registerEditComponent('chart', ChartSelection);\n  Edit.registerEditComponent('box-selection', BoxSelection);\n}\n"]}

package/es/edit/edit-component/mixin/richtext.d.ts

@@ -0,0 +1,21 @@
+import type { Edit } from './../../edit';
+import type { IRichText } from '@visactor/vrender-core';
+import type { ICharacter } from '../../../story/character';
+import type { IEditActionInfo, IEditComponent } from '../../interface';
+import { RichTextControl } from '../edit-control/richtext-control';
+import type { ITransformControl } from '../edit-control/transform-control';
+export interface RichTextMixin extends IEditComponent {
+    edit: Edit;
+    _actionInfo: IEditActionInfo;
+    _isSelection: boolean;
+    isEditing: boolean;
+    _layoutComponent?: ITransformControl;
+    _activeCharacter?: ICharacter | null;
+}
+export declare class RichTextMixin {
+    _richTextControl: RichTextControl;
+    _textClickHandlerTemp: any;
+    _createRichControl(character: ICharacter, text: IRichText): void;
+    _releaseRichControl(character: ICharacter, text: IRichText): void;
+    handlerTextClick(): void;
+}

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

@@ -0,0 +1,18 @@
+import { RichTextControl } from "../edit-control/richtext-control";
+
+export class RichTextMixin {
+    _createRichControl(character, text) {
+        this._richTextControl = new RichTextControl(this.edit, character, text), this._textClickHandlerTemp = this.handlerTextClick.bind(this), 
+        text.addEventListener("pointerdown", this._textClickHandlerTemp);
+    }
+    _releaseRichControl(character, text) {
+        var _a;
+        null === (_a = this._richTextControl) || void 0 === _a || _a.release(), text && text.removeEventListener("pointerdown", this._textClickHandlerTemp), 
+        this._richTextControl = null, this._textClickHandlerTemp = null;
+    }
+    handlerTextClick() {
+        var _a;
+        null === (_a = this._richTextControl) || void 0 === _a || _a.startEdit();
+    }
+}
+//# sourceMappingURL=richtext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/mixin/richtext.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAYnE,MAAM,OAAO,aAAa;IAIxB,kBAAkB,CAAC,SAAqB,EAAE,IAAe;QACvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;QACxE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACnE,CAAC;IAED,mBAAmB,CAAC,SAAqB,EAAE,IAAe;;QACxD,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO,EAAE,CAAC;QACjC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrE;QACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,gBAAgB;;QACd,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,EAAE,CAAC;IACrC,CAAC;CACF","file":"richtext.js","sourcesContent":["import type { Edit } from './../../edit';\nimport type { IRichText } from '@visactor/vrender-core';\nimport type { ICharacter } from '../../../story/character';\nimport type { IEditActionInfo, IEditComponent } from '../../interface';\nimport { RichTextControl } from '../edit-control/richtext-control';\nimport type { ITransformControl } from '../edit-control/transform-control';\n\nexport interface RichTextMixin extends IEditComponent {\n  edit: Edit;\n  _actionInfo: IEditActionInfo;\n  _isSelection: boolean;\n  isEditing: boolean;\n  _layoutComponent?: ITransformControl;\n  _activeCharacter?: ICharacter | null;\n}\n\nexport class RichTextMixin {\n  _richTextControl: RichTextControl;\n  _textClickHandlerTemp: any;\n\n  _createRichControl(character: ICharacter, text: IRichText) {\n    this._richTextControl = new RichTextControl(this.edit, character, text);\n    this._textClickHandlerTemp = this.handlerTextClick.bind(this);\n    text.addEventListener('pointerdown', this._textClickHandlerTemp);\n  }\n\n  _releaseRichControl(character: ICharacter, text: IRichText) {\n    this._richTextControl?.release();\n    if (text) {\n      text.removeEventListener('pointerdown', this._textClickHandlerTemp);\n    }\n    this._richTextControl = null;\n    this._textClickHandlerTemp = null;\n  }\n\n  handlerTextClick() {\n    this._richTextControl?.startEdit();\n  }\n}\n"]}

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

@@ -1,18 +1,14 @@
-import type { IEditSelectionInfo } from '../interface';
-import { type IEditComponent } from '../interface';
-import type { Edit } from '../edit';
-import { BaseSelection } from './base-selection';
-import type { TransformAttributes, ITransformControl, IUpdateParams } from './edit-control/transform-control';
 import type { VRenderPointerEvent } from '../../interface/type';
-export declare class RectSelection extends BaseSelection implements IEditComponent {
-    readonly edit: Edit;
+import type { IEditActionInfo } from '../interface';
+import { type IEditComponent } from '../interface';
+import type { IUpdateParams } from './edit-control/transform-control';
+import { RichTextSelectionCommon } from './richtext-selection-common';
+export declare class RectSelection extends RichTextSelectionCommon implements IEditComponent {
     readonly level = 3;
     readonly type: string;
-    constructor(edit: Edit);
-    protected _createLayoutComponent(attributes: Partial<TransformAttributes>): ITransformControl;
+    readonly editCharacterType: string;
+    startEdit(actionInfo: IEditActionInfo): void;
     editEnd(): void;
-    checkAction(actionInfo: IEditSelectionInfo): boolean;
-    checkActionWhileEditing(actionInfo: IEditSelectionInfo): boolean;
+    handlerContentClick: (e: any) => void;
     protected handlerTransformChange(data: IUpdateParams, event?: VRenderPointerEvent): void;
-    checkActionWhileNoEditing(actionInfo: IEditSelectionInfo): boolean;
 }

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

@@ -1,31 +1,24 @@
-import { EditActionEnum } from "../interface";
+import { StoryComponentType } from "../../constants/character";
 
-import { BaseSelection } from "./base-selection";
+import { RichTextSelectionCommon } from "./richtext-selection-common";
 
-import { RichTextTransformControl } from "./edit-control/richtext-transform-control";
-
-export class RectSelection extends BaseSelection {
-    constructor(edit) {
-        super(edit), this.edit = edit, this.level = 3, this.type = "rect";
+export class RectSelection extends RichTextSelectionCommon {
+    constructor() {
+        super(...arguments), this.level = 3, this.type = "rect", this.editCharacterType = StoryComponentType.RECT, 
+        this.handlerContentClick = e => {
+            this._layoutComponent.handleDragMouseDown(e), this.endRichTextEdit();
+        };
     }
-    _createLayoutComponent(attributes) {
-        return new RichTextTransformControl(this, attributes);
+    startEdit(actionInfo) {
+        super.startEdit(actionInfo);
+        this._actionInfo.character.graphic.graphic.addEventListener("pointerdown", this.handlerContentClick);
     }
     editEnd() {
+        this._actionInfo.character.graphic.graphic.removeEventListener("pointerdown", this.handlerContentClick), 
         super.editEnd();
     }
-    checkAction(actionInfo) {
-        return this.isEditing ? this.checkActionWhileEditing(actionInfo) : this.checkActionWhileNoEditing(actionInfo);
-    }
-    checkActionWhileEditing(actionInfo) {
-        return (actionInfo.type !== EditActionEnum.singleSelection || actionInfo.detail.graphicType === this.type) && !!("pointerdown" !== actionInfo.event.type || actionInfo.event.target && actionInfo.event.target.parent === this._layoutComponent);
-    }
     handlerTransformChange(data, event) {
-        this._activeCharacter && this._activeCharacter.setAttributes(data);
-    }
-    checkActionWhileNoEditing(actionInfo) {
-        return actionInfo.type === EditActionEnum.singleSelection && actionInfo.detail.graphicType === this.type && (this.startEdit(actionInfo), 
-        !0);
+        return super.handlerTransformChange(data, event);
     }
 }
 //# sourceMappingURL=rect-selection.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/edit-component/rect-selection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA6C,MAAM,cAAc,CAAC;AAEzF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,MAAM,OAAO,aAAc,SAAQ,aAAa;IAI9C,YAA4B,IAAU;QACpC,KAAK,CAAC,IAAI,CAAC,CAAC;QADc,SAAI,GAAJ,IAAI,CAAM;QAH7B,UAAK,GAAG,CAAC,CAAC;QACV,SAAI,GAAW,MAAM,CAAC;IAI/B,CAAC;IAES,sBAAsB,CAAC,UAAwC;QACvE,OAAO,IAAI,wBAAwB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,OAAO;IACT,CAAC;IACD,WAAW,CAAC,UAA8B;QACxC,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAC,uBAAuB,CAAC,UAAU,CAAC,CAAC;SACjD;QACD,OAAO,IAAI,CAAC,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC;IAED,uBAAuB,CAAC,UAA8B;QAEpD,IAAI,UAAU,CAAC,IAAI,KAAK,cAAc,CAAC,eAAe,IAAI,UAAU,CAAC,MAAM,CAAC,WAAW,KAAK,IAAI,CAAC,IAAI,EAAE;YACrG,OAAO,KAAK,CAAC;SACd;QAED,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;YAC3C,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,IAAK,UAAU,CAAC,KAAK,CAAC,MAAc,CAAC,MAAM,KAAK,IAAI,CAAC,gBAAgB,EAAE;gBACjG,OAAO,KAAK,CAAC;aACd;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAES,sBAAsB,CAAC,IAAmB,EAAE,KAA2B;QAC/E,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SAC3C;IACH,CAAC;IAED,yBAAyB,CAAC,UAA8B;QACtD,IAAI,UAAU,CAAC,IAAI,KAAK,cAAc,CAAC,eAAe,IAAI,UAAU,CAAC,MAAM,CAAC,WAAW,KAAK,IAAI,CAAC,IAAI,EAAE;YACrG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAE3B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,KAAK,CAAC;IACf,CAAC;CACF","file":"rect-selection.js","sourcesContent":["import type { IEditSelectionInfo } from '../interface';\nimport { EditActionEnum, type IEditActionInfo, type IEditComponent } from '../interface';\nimport type { Edit } from '../edit';\nimport { BaseSelection } from './base-selection';\nimport type { TransformAttributes, ITransformControl, IUpdateParams } from './edit-control/transform-control';\nimport { TransformControl } from './edit-control/transform-control';\nimport type { VRenderPointerEvent } from '../../interface/type';\nimport { RichTextTransformControl } from './edit-control/richtext-transform-control';\n\nexport class RectSelection extends BaseSelection implements IEditComponent {\n  readonly level = 3;\n  readonly type: string = 'rect';\n\n  constructor(public readonly edit: Edit) {\n    super(edit);\n  }\n\n  protected _createLayoutComponent(attributes: Partial<TransformAttributes>): ITransformControl {\n    return new RichTextTransformControl(this, attributes);\n  }\n\n  editEnd(): void {\n    super.editEnd();\n    return;\n  }\n  checkAction(actionInfo: IEditSelectionInfo): boolean {\n    if (this.isEditing) {\n      return this.checkActionWhileEditing(actionInfo);\n    }\n    return this.checkActionWhileNoEditing(actionInfo);\n  }\n\n  checkActionWhileEditing(actionInfo: IEditSelectionInfo): boolean {\n    // 点到其他内容了，return false\n    if (actionInfo.type === EditActionEnum.singleSelection && actionInfo.detail.graphicType !== this.type) {\n      return false;\n    }\n\n    if (actionInfo.event.type === 'pointerdown') {\n      if (!actionInfo.event.target || (actionInfo.event.target as any).parent !== this._layoutComponent) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  protected handlerTransformChange(data: IUpdateParams, event?: VRenderPointerEvent): void {\n    if (this._activeCharacter) {\n      this._activeCharacter.setAttributes(data);\n    }\n  }\n\n  checkActionWhileNoEditing(actionInfo: IEditSelectionInfo): boolean {\n    if (actionInfo.type === EditActionEnum.singleSelection && actionInfo.detail.graphicType === this.type) {\n      this.startEdit(actionInfo);\n      // graphic\n      return true;\n    }\n\n    return false;\n  }\n}\n"]}
+{"version":3,"sources":["../src/edit/edit-component/rect-selection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAK/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,MAAM,OAAO,aAAc,SAAQ,uBAAuB;IAA1D;;QACW,UAAK,GAAG,CAAC,CAAC;QACV,SAAI,GAAW,MAAM,CAAC;QACtB,sBAAiB,GAAW,kBAAkB,CAAC,IAAI,CAAC;QAe7D,wBAAmB,GAAG,CAAC,CAAM,EAAE,EAAE;YAC/B,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YAC7C,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IAKJ,CAAC;IArBC,SAAS,CAAC,UAA2B;QACnC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAE5B,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;QAC7C,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACtF,CAAC;IACD,OAAO;QAEL,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;QAC7C,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACvF,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC;IAOS,sBAAsB,CAAC,IAAmB,EAAE,KAA2B;QAC/E,OAAO,KAAK,CAAC,sBAAsB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnD,CAAC;CACF","file":"rect-selection.js","sourcesContent":["import { StoryComponentType } from '../../constants/character';\nimport type { VRenderPointerEvent } from '../../interface/type';\nimport type { IEditActionInfo } from '../interface';\nimport { type IEditComponent } from '../interface';\nimport type { IUpdateParams } from './edit-control/transform-control';\nimport { RichTextSelectionCommon } from './richtext-selection-common';\n\nexport class RectSelection extends RichTextSelectionCommon implements IEditComponent {\n  readonly level = 3;\n  readonly type: string = 'rect';\n  readonly editCharacterType: string = StoryComponentType.RECT;\n\n  startEdit(actionInfo: IEditActionInfo) {\n    super.startEdit(actionInfo);\n    // @ts-ignore;\n    const character = this._actionInfo.character;\n    character.graphic.graphic.addEventListener('pointerdown', this.handlerContentClick);\n  }\n  editEnd() {\n    // @ts-ignore;\n    const character = this._actionInfo.character;\n    character.graphic.graphic.removeEventListener('pointerdown', this.handlerContentClick);\n    super.editEnd();\n  }\n\n  handlerContentClick = (e: any) => {\n    this._layoutComponent.handleDragMouseDown(e);\n    this.endRichTextEdit();\n  };\n\n  protected handlerTransformChange(data: IUpdateParams, event?: VRenderPointerEvent): void {\n    return super.handlerTransformChange(data, event);\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+import type { IEditActionInfo } from '../interface';
+import { type IEditComponent } from '../interface';
+import { BaseSelection } from './base-selection';
+import type { IRichText } from '@visactor/vrender-core';
+import { RichTextMixin } from './mixin/richtext';
+export interface RichTextSelectionCommon extends Pick<RichTextMixin, '_richTextControl' | '_createRichControl' | '_releaseRichControl'>, IEditComponent {
+}
+export declare class RichTextSelectionCommon extends BaseSelection implements IEditComponent {
+    readonly level = 3;
+    readonly type: string;
+    readonly editCharacterType: string;
+    protected _getRichText(): {
+        character: any;
+        text: IRichText;
+    };
+    startEdit(actionInfo: IEditActionInfo): void;
+    editEnd(): void;
+    endRichTextEdit: () => void;
+}

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

@@ -0,0 +1,33 @@
+import { BaseSelection } from "./base-selection";
+
+import { mixin } from "@visactor/vutils";
+
+import { RichTextMixin } from "./mixin/richtext";
+
+export class RichTextSelectionCommon extends BaseSelection {
+    constructor() {
+        super(...arguments), this.level = 3, this.endRichTextEdit = () => {
+            var _a;
+            null === (_a = this._richTextControl) || void 0 === _a || _a.endEdit();
+        };
+    }
+    _getRichText() {
+        const character = this._actionInfo.character;
+        return {
+            character: character,
+            text: character.textGraphic
+        };
+    }
+    startEdit(actionInfo) {
+        super.startEdit(actionInfo);
+        const {character: character, text: text} = this._getRichText();
+        this._createRichControl(character, text);
+    }
+    editEnd() {
+        const {character: character, text: text} = this._getRichText();
+        this._releaseRichControl(character, text), super.editEnd();
+    }
+}
+
+mixin(RichTextSelectionCommon, RichTextMixin);
+//# sourceMappingURL=richtext-selection-common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/richtext-selection-common.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,MAAM,OAAO,uBAAwB,SAAQ,aAAa;IAA1D;;QACW,UAAK,GAAG,CAAC,CAAC;QAsBnB,oBAAe,GAAG,GAAG,EAAE;;YACrB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO,EAAE,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC;IArBW,YAAY;QAEpB,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;QAC7C,MAAM,IAAI,GAAG,SAAS,CAAC,WAAwB,CAAC;QAChD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC7B,CAAC;IAED,SAAS,CAAC,UAA2B;QACnC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5B,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAChD,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO;QACL,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAChD,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC1C,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC;CAKF;AAED,KAAK,CAAC,uBAAuB,EAAE,aAAa,CAAC,CAAC","file":"richtext-selection-common.js","sourcesContent":["import type { IEditActionInfo } from '../interface';\nimport { type IEditComponent } from '../interface';\nimport { BaseSelection } from './base-selection';\nimport type { IRichText } from '@visactor/vrender-core';\nimport { mixin } from '@visactor/vutils';\nimport { RichTextMixin } from './mixin/richtext';\n\nexport interface RichTextSelectionCommon\n  extends Pick<RichTextMixin, '_richTextControl' | '_createRichControl' | '_releaseRichControl'>,\n    IEditComponent {}\n\nexport class RichTextSelectionCommon extends BaseSelection implements IEditComponent {\n  readonly level = 3;\n  readonly type: string;\n  readonly editCharacterType: string;\n\n  protected _getRichText() {\n    // @ts-ignore\n    const character = this._actionInfo.character;\n    const text = character.textGraphic as IRichText;\n    return { character, text };\n  }\n\n  startEdit(actionInfo: IEditActionInfo) {\n    super.startEdit(actionInfo);\n    const { character, text } = this._getRichText();\n    this._createRichControl(character, text);\n  }\n  editEnd() {\n    const { character, text } = this._getRichText();\n    this._releaseRichControl(character, text);\n    super.editEnd();\n  }\n\n  endRichTextEdit = () => {\n    this._richTextControl?.endEdit();\n  };\n}\n\nmixin(RichTextSelectionCommon, RichTextMixin);\n"]}

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

@@ -9,8 +9,6 @@ export declare class RichTextSelection extends BaseSelection implements IEditCom
     readonly type: string;
     constructor(edit: Edit);
     protected _createLayoutComponent(attributes: Partial<TransformAttributes>): ITransformControl;
-    editEnd(): void;
-    checkAction(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean;
     checkActionWhileEditing(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean;
     checkActionWhileNoEditing(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean;
     startEdit(actionInfo: IEditActionInfo): void;

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

@@ -11,12 +11,6 @@ export class RichTextSelection extends BaseSelection {
     _createLayoutComponent(attributes) {
         return new RichTextTransformControl(this, attributes);
     }
-    editEnd() {
-        super.editEnd();
-    }
-    checkAction(actionInfo) {
-        return this.isEditing ? this.checkActionWhileEditing(actionInfo) : this.checkActionWhileNoEditing(actionInfo);
-    }
     checkActionWhileEditing(actionInfo) {
         return (actionInfo.type !== EditActionEnum.singleSelection || actionInfo.detail.graphicType === this.type) && !!("pointerdown" !== actionInfo.event.type || actionInfo.event.target && actionInfo.event.target.parent === this._layoutComponent);
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/edit-component/richtext-selection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA6C,MAAM,cAAc,CAAC;AAGzF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,MAAM,OAAO,iBAAkB,SAAQ,aAAa;IAIlD,YAA4B,IAAU;QACpC,KAAK,CAAC,IAAI,CAAC,CAAC;QADc,SAAI,GAAJ,IAAI,CAAM;QAH7B,UAAK,GAAG,CAAC,CAAC;QACV,SAAI,GAAW,UAAU,CAAC;IAInC,CAAC;IAES,sBAAsB,CAAC,UAAwC;QACvE,OAAO,IAAI,wBAAwB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,OAAO;IACT,CAAC;IACD,WAAW,CAAC,UAAgD;QAC1D,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAC,uBAAuB,CAAC,UAAU,CAAC,CAAC;SACjD;QACD,OAAO,IAAI,CAAC,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC;IAED,uBAAuB,CAAC,UAAgD;QAEtE,IACE,UAAU,CAAC,IAAI,KAAK,cAAc,CAAC,eAAe;YACjD,UAAiC,CAAC,MAAM,CAAC,WAAW,KAAK,IAAI,CAAC,IAAI,EACnE;YACA,OAAO,KAAK,CAAC;SACd;QAED,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;YAC3C,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,IAAK,UAAU,CAAC,KAAK,CAAC,MAAc,CAAC,MAAM,KAAK,IAAI,CAAC,gBAAgB,EAAE;gBACjG,OAAO,KAAK,CAAC;aACd;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yBAAyB,CAAC,UAAgD;QACxE,IACE,UAAU,CAAC,IAAI,KAAK,cAAc,CAAC,eAAe;YACjD,UAAiC,CAAC,MAAM,CAAC,WAAW,KAAK,IAAI,CAAC,IAAI,EACnE;YACA,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAE3B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,SAAS,CAAC,UAA2B;QACnC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YAClB,IAAI,EAAE,cAAc;YACpB,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,eAAe,EAAE,CAAC,MAAW,EAAE,EAAE;YAEjC,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF","file":"richtext-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 { BaseSelection } from './base-selection';\nimport type { TransformAttributes, ITransformControl } from './edit-control/transform-control';\nimport { RichTextTransformControl } from './edit-control/richtext-transform-control';\n\nexport class RichTextSelection extends BaseSelection implements IEditComponent {\n  readonly level = 3;\n  readonly type: string = 'richtext';\n\n  constructor(public readonly edit: Edit) {\n    super(edit);\n  }\n\n  protected _createLayoutComponent(attributes: Partial<TransformAttributes>): ITransformControl {\n    return new RichTextTransformControl(this, attributes);\n  }\n\n  editEnd(): void {\n    super.editEnd();\n    return;\n  }\n  checkAction(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean {\n    if (this.isEditing) {\n      return this.checkActionWhileEditing(actionInfo);\n    }\n    return this.checkActionWhileNoEditing(actionInfo);\n  }\n\n  checkActionWhileEditing(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean {\n    // 点到其他内容了，return false\n    if (\n      actionInfo.type === EditActionEnum.singleSelection &&\n      (actionInfo as IEditSelectionInfo).detail.graphicType !== this.type\n    ) {\n      return false;\n    }\n\n    if (actionInfo.event.type === 'pointerdown') {\n      if (!actionInfo.event.target || (actionInfo.event.target as any).parent !== this._layoutComponent) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  checkActionWhileNoEditing(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean {\n    if (\n      actionInfo.type === EditActionEnum.singleSelection &&\n      (actionInfo as IEditSelectionInfo).detail.graphicType === this.type\n    ) {\n      this.startEdit(actionInfo);\n      // graphic\n      return true;\n    }\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"]}
+{"version":3,"sources":["../src/edit/edit-component/richtext-selection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA6C,MAAM,cAAc,CAAC;AAEzF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,MAAM,OAAO,iBAAkB,SAAQ,aAAa;IAIlD,YAA4B,IAAU;QACpC,KAAK,CAAC,IAAI,CAAC,CAAC;QADc,SAAI,GAAJ,IAAI,CAAM;QAH7B,UAAK,GAAG,CAAC,CAAC;QACV,SAAI,GAAW,UAAU,CAAC;IAInC,CAAC;IAES,sBAAsB,CAAC,UAAwC;QACvE,OAAO,IAAI,wBAAwB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;IAED,uBAAuB,CAAC,UAAgD;QAEtE,IACE,UAAU,CAAC,IAAI,KAAK,cAAc,CAAC,eAAe;YACjD,UAAiC,CAAC,MAAM,CAAC,WAAW,KAAK,IAAI,CAAC,IAAI,EACnE;YACA,OAAO,KAAK,CAAC;SACd;QAED,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;YAC3C,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,IAAK,UAAU,CAAC,KAAK,CAAC,MAAc,CAAC,MAAM,KAAK,IAAI,CAAC,gBAAgB,EAAE;gBACjG,OAAO,KAAK,CAAC;aACd;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yBAAyB,CAAC,UAAgD;QACxE,IACE,UAAU,CAAC,IAAI,KAAK,cAAc,CAAC,eAAe;YACjD,UAAiC,CAAC,MAAM,CAAC,WAAW,KAAK,IAAI,CAAC,IAAI,EACnE;YACA,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAE3B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,SAAS,CAAC,UAA2B;QACnC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YAClB,IAAI,EAAE,cAAc;YACpB,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,eAAe,EAAE,CAAC,MAAW,EAAE,EAAE;YAEjC,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF","file":"richtext-selection.js","sourcesContent":["import type { IEditSelectionInfo } from '../interface';\nimport { EditActionEnum, type IEditActionInfo, type IEditComponent } from '../interface';\nimport type { Edit } from '../edit';\nimport { BaseSelection } from './base-selection';\nimport type { TransformAttributes, ITransformControl } from './edit-control/transform-control';\nimport { RichTextTransformControl } from './edit-control/richtext-transform-control';\n\nexport class RichTextSelection extends BaseSelection implements IEditComponent {\n  readonly level = 3;\n  readonly type: string = 'richtext';\n\n  constructor(public readonly edit: Edit) {\n    super(edit);\n  }\n\n  protected _createLayoutComponent(attributes: Partial<TransformAttributes>): ITransformControl {\n    return new RichTextTransformControl(this, attributes);\n  }\n\n  checkActionWhileEditing(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean {\n    // 点到其他内容了，return false\n    if (\n      actionInfo.type === EditActionEnum.singleSelection &&\n      (actionInfo as IEditSelectionInfo).detail.graphicType !== this.type\n    ) {\n      return false;\n    }\n\n    if (actionInfo.event.type === 'pointerdown') {\n      if (!actionInfo.event.target || (actionInfo.event.target as any).parent !== this._layoutComponent) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  checkActionWhileNoEditing(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean {\n    if (\n      actionInfo.type === EditActionEnum.singleSelection &&\n      (actionInfo as IEditSelectionInfo).detail.graphicType === this.type\n    ) {\n      this.startEdit(actionInfo);\n      // graphic\n      return true;\n    }\n\n    return false;\n  }\n\n  startEdit(actionInfo: IEditActionInfo) {\n    super.startEdit(actionInfo);\n    this.edit.startEdit({\n      type: 'boxSelection',\n      actionInfo: this._actionInfo,\n      updateCharacter: (params: any) => {\n        // nothing 不支持任何修改\n      }\n    });\n  }\n}\n"]}

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

@@ -0,0 +1,11 @@
+import type { VRenderPointerEvent } from '../../interface/type';
+import { type IEditComponent } from '../interface';
+import type { IUpdateParams } from './edit-control/transform-control';
+import { RectSelection } from './rect-selection';
+export declare class ShapeSelection extends RectSelection implements IEditComponent {
+    readonly level = 3;
+    readonly type: string;
+    readonly editCharacterType: string;
+    updateComponent(): void;
+    protected handlerTransformChange(data: IUpdateParams, event?: VRenderPointerEvent): void;
+}

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

@@ -0,0 +1,30 @@
+import { StoryComponentType } from "../../constants/character";
+
+import { RectSelection } from "./rect-selection";
+
+export class ShapeSelection extends RectSelection {
+    constructor() {
+        super(...arguments), this.level = 3, this.type = "shape", this.editCharacterType = StoryComponentType.SHAPE;
+    }
+    updateComponent() {
+        const actionInfo = this._actionInfo;
+        if (!actionInfo || !actionInfo.character) return;
+        const symbol = actionInfo.character.graphic.graphic, {width: width, height: height} = symbol.attribute, group = actionInfo.character.getGraphicParent(), {angle: angle, x: x, y: y} = group.attribute;
+        this._layoutComponent.updateBoundsAndAngle({
+            x1: x,
+            y1: y,
+            x2: x + width,
+            y2: y + height
+        }, angle);
+    }
+    handlerTransformChange(data, event) {
+        if (this._activeCharacter) {
+            const {x: x, y: y, width: width, height: height} = data;
+            this._activeCharacter.setAttributes(Object.assign(Object.assign({}, data), {
+                x: x + width / 2,
+                y: y + height / 2
+            }));
+        }
+    }
+}
+//# sourceMappingURL=shape-selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edit/edit-component/shape-selection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAO/D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,OAAO,cAAe,SAAQ,aAAa;IAAjD;;QACW,UAAK,GAAG,CAAC,CAAC;QACV,SAAI,GAAW,OAAO,CAAC;QACvB,sBAAiB,GAAW,kBAAkB,CAAC,KAAK,CAAC;IAoChE,CAAC;IA9BC,eAAe;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,WAAiC,CAAC;QAC1D,IAAI,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE;YACzC,OAAO;SACR;QACD,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;QACpD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;QAC3C,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;QACtD,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CACxC;YACE,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC,GAAG,KAAK;YACb,EAAE,EAAE,CAAC,GAAG,MAAM;SACf,EACD,KAAK,CACN,CAAC;IACJ,CAAC;IAES,sBAAsB,CAAC,IAAmB,EAAE,KAA2B;QAC/E,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;YACrC,IAAI,CAAC,gBAAgB,CAAC,aAAa,iCAC9B,IAAI,KACP,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAChB,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,IACjB,CAAC;SACJ;IACH,CAAC;CACF","file":"shape-selection.js","sourcesContent":["// import { StoryGraphicType } from '../../dsl/constant';\nimport { StoryComponentType } from '../../constants/character';\nimport type { VRenderPointerEvent } from '../../interface/type';\nimport type { IEditSelectionInfo } from '../interface';\nimport { type IEditComponent } from '../interface';\nimport { BaseSelection } from './base-selection';\nimport type { ITransformControl, IUpdateParams, TransformAttributes } from './edit-control/transform-control';\nimport { TransformControl } from './edit-control/transform-control';\nimport { RectSelection } from './rect-selection';\n\nexport class ShapeSelection extends RectSelection implements IEditComponent {\n  readonly level = 3;\n  readonly type: string = 'shape';\n  readonly editCharacterType: string = StoryComponentType.SHAPE;\n\n  // protected _createLayoutComponent(attributes: Partial<TransformAttributes>): ITransformControl {\n  //   return new TransformControl(this, attributes);\n  // }\n\n  updateComponent() {\n    const actionInfo = this._actionInfo as IEditSelectionInfo;\n    if (!(actionInfo && actionInfo.character)) {\n      return;\n    }\n    const symbol = actionInfo.character.graphic.graphic;\n    const { width, height } = symbol.attribute;\n    const group = actionInfo.character.getGraphicParent();\n    const { angle, x, y } = group.attribute;\n    this._layoutComponent.updateBoundsAndAngle(\n      {\n        x1: x,\n        y1: y,\n        x2: x + width,\n        y2: y + height\n      },\n      angle\n    );\n  }\n\n  protected handlerTransformChange(data: IUpdateParams, event?: VRenderPointerEvent): void {\n    if (this._activeCharacter) {\n      const { x, y, width, height } = data;\n      this._activeCharacter.setAttributes({\n        ...data,\n        x: x + width / 2,\n        y: y + height / 2\n      });\n    }\n  }\n}\n"]}

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

@@ -1,4 +1,3 @@
-import type { IEditSelectionInfo } from '../interface';
 import { type IEditActionInfo, type IEditComponent } from '../interface';
 import type { Edit } from '../edit';
 import { BaseSelection } from './base-selection';
@@ -6,7 +5,5 @@ export declare class TextSelection extends BaseSelection implements IEditCompone
     readonly edit: Edit;
     readonly level = 3;
     constructor(edit: Edit);
-    editEnd(): void;
-    checkAction(actionInfo: IEditSelectionInfo | IEditActionInfo): boolean;
     startEdit(actionInfo: IEditActionInfo): void;
 }

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

@@ -1,21 +1,12 @@
-import { EditActionEnum } from "../interface";
-
 import { BaseSelection } from "./base-selection";
 
 export class TextSelection extends BaseSelection {
     constructor(edit) {
         super(edit), this.edit = edit, this.level = 3;
     }
-    editEnd() {
-        super.editEnd();
-    }
-    checkAction(actionInfo) {
-        return actionInfo.type === EditActionEnum.singleSelection && (!!actionInfo.detail && ("text" === actionInfo.detail.graphicType && (this.startEdit(actionInfo), 
-        !0)));
-    }
     startEdit(actionInfo) {
         super.startEdit(actionInfo), this.edit.startEdit({
-            type: "boxSelection",
+            type: "textSelection",
             actionInfo: this._actionInfo,
             updateCharacter: params => {}
         });

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/edit-component/text-selection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAA6C,MAAM,cAAc,CAAC;AAGzF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,OAAO,aAAc,SAAQ,aAAa;IAG9C,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,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,IAAK,UAAiC,CAAC,MAAM,CAAC,WAAW,KAAK,MAAM,EAAE;YACpE,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,CAAC,UAA2B;QACnC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YAClB,IAAI,EAAE,cAAc;YACpB,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,eAAe,EAAE,CAAC,MAAW,EAAE,EAAE;YAEjC,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF","file":"text-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 { BaseSelection } from './base-selection';\n\nexport class TextSelection extends BaseSelection implements IEditComponent {\n  readonly level = 3;\n\n  constructor(public readonly edit: Edit) {\n    super(edit);\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    if ((actionInfo as IEditSelectionInfo).detail.graphicType !== 'text') {\n      return false;\n    }\n    this.startEdit(actionInfo);\n    return true;\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"]}
+{"version":3,"sources":["../src/edit/edit-component/text-selection.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,OAAO,aAAc,SAAQ,aAAa;IAG9C,YAA4B,IAAU;QACpC,KAAK,CAAC,IAAI,CAAC,CAAC;QADc,SAAI,GAAJ,IAAI,CAAM;QAF7B,UAAK,GAAG,CAAC,CAAC;IAInB,CAAC;IAED,SAAS,CAAC,UAA2B;QACnC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YAClB,IAAI,EAAE,eAAe;YACrB,UAAU,EAAE,IAAI,CAAC,WAAW;YAC5B,eAAe,EAAE,CAAC,MAAW,EAAE,EAAE;YAEjC,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF","file":"text-selection.js","sourcesContent":["import { type IEditActionInfo, type IEditComponent } from '../interface';\n\nimport type { Edit } from '../edit';\nimport { BaseSelection } from './base-selection';\n\nexport class TextSelection extends BaseSelection implements IEditComponent {\n  readonly level = 3;\n\n  constructor(public readonly edit: Edit) {\n    super(edit);\n  }\n\n  startEdit(actionInfo: IEditActionInfo) {\n    super.startEdit(actionInfo);\n    this.edit.startEdit({\n      type: 'textSelection',\n      actionInfo: this._actionInfo,\n      updateCharacter: (params: any) => {\n        // nothing 不支持任何修改\n      }\n    });\n  }\n}\n"]}

package/es/edit/edit.d.ts

@@ -2,8 +2,8 @@ import type { StoryEvent } from '../story/interface/runtime-interface';
 import type { Story } from './../story/story';
 import { EditAction } from './edit-action';
 import { EventEmitter } from '@visactor/vutils';
-import type { IEditActionInfo, IEditComponent, IEditComponentConstructor, IEditMessage } from './interface';
-import type { IGroup } from '@visactor/vrender';
+import { type IEditActionInfo, type IEditComponent, type IEditComponentConstructor, type IEditMessage } from './interface';
+import type { IGroup, IGraphic } from '@visactor/vrender';
 export declare class Edit {
     readonly story: Story;
     readonly editAction: EditAction;
@@ -17,6 +17,7 @@ export declare class Edit {
     };
     protected _componentList: IEditComponent[];
     protected _currentComponent: IEditComponent;
+    protected _overGraphicGroup: IGroup;
     protected _editGroup: IGroup;
     constructor(story: Story);
     _initEditGroup(): void;
@@ -25,8 +26,10 @@ export declare class Edit {
     onStoryEvent(event: StoryEvent, type: string): void;
     onAction(actionInfo: IEditActionInfo): void;
     startEdit(msg: IEditMessage): void;
+    dispatchEditAction(type: string, msg: IEditMessage): void;
     triggerEditWithEvent(event: StoryEvent): void;
     triggerEditWithComponent(type: string, actionInfo: IEditActionInfo): void;
     stopEdit(): void;
     release(): void;
+    showOverGraphic(graphic: IGraphic, clearOther?: boolean): void;
 }

package/es/edit/edit.js

@@ -2,6 +2,8 @@ import { EditAction } from "./edit-action";
 
 import { EventEmitter } from "@visactor/vutils";
 
+import { EditActionEnum } from "./interface";
+
 import { createGroup } from "@visactor/vrender";
 
 export class Edit {
@@ -14,8 +16,10 @@ export class Edit {
         this._initEditGroup(), this._initComponent();
     }
     _initEditGroup() {
-        this._editGroup = createGroup({});
-        this.story.canvas.getStage().createLayer().add(this._editGroup);
+        this._editGroup = createGroup({}), this._editGroup.name = "edit_group";
+        const editLayer = this.story.canvas.getStage().createLayer();
+        editLayer.add(this._editGroup), this._overGraphicGroup = createGroup({}), this._overGraphicGroup.name = "over_group", 
+        editLayer.add(this._overGraphicGroup);
     }
     getEditGroup() {
         return this._editGroup;
@@ -26,16 +30,26 @@ export class Edit {
         })), this._componentList = Object.values(this._componentMap).sort(((a, b) => a.level - b.level)).reverse();
     }
     onStoryEvent(event, type) {
+        if (event.path.find((g => g === this._editGroup || g === this._overGraphicGroup))) {
+            if (!event.path[event.path.length - 1].isContainer) return;
+        }
         this.editAction.onStoryEvent(event, type);
     }
     onAction(actionInfo) {
-        if (!this._currentComponent || !this._currentComponent.checkAction(actionInfo)) for (let i = 0; i < this._componentList.length; i++) {
+        if (this._currentComponent) {
+            if (this._currentComponent.checkAction(actionInfo)) return;
+            actionInfo.type === EditActionEnum.unSelection && this.stopEdit();
+        }
+        for (let i = 0; i < this._componentList.length; i++) {
             const cpt = this._componentList[i];
             if (cpt.checkAction(actionInfo)) return this.stopEdit(), void (this._currentComponent = cpt);
         }
     }
     startEdit(msg) {
-        this.emitter.emit("startEdit", msg);
+        this.dispatchEditAction("startEdit", msg);
+    }
+    dispatchEditAction(type, msg) {
+        this.emitter.emit(type, msg);
     }
     triggerEditWithEvent(event) {}
     triggerEditWithComponent(type, actionInfo) {}
@@ -47,6 +61,9 @@ export class Edit {
         var _a, _b;
         null === (_b = null === (_a = this.story.canvas) || void 0 === _a ? void 0 : _a.getStage) || void 0 === _b || _b.call(_a).removeEventListener("*", this.onStoryEvent);
     }
+    showOverGraphic(graphic, clearOther = !0) {
+        clearOther && this._overGraphicGroup.removeAllChild(!0), this._overGraphicGroup.add(graphic);
+    }
 }
 
 Edit.componentConstructorMap = {};

package/es/edit/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/edit.ts"],"names":[],"mappings":"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","file":"edit.js","sourcesContent":["import type { StoryEvent } from '../story/interface/runtime-interface';\nimport type { Story } from './../story/story';\nimport { EditAction } from './edit-action';\nimport { EventEmitter } from '@visactor/vutils';\nimport type { IEditActionInfo, IEditComponent, IEditComponentConstructor, IEditMessage } from './interface';\nimport type { IGroup } from '@visactor/vrender';\nimport { createGroup } from '@visactor/vrender';\n\nexport class Edit {\n  readonly editAction: EditAction;\n  readonly emitter: EventEmitter;\n\n  protected static componentConstructorMap: { [key: string]: IEditComponentConstructor } = {};\n\n  static registerEditComponent(key: string, cpt: IEditComponentConstructor) {\n    Edit.componentConstructorMap[key] = cpt;\n  }\n\n  protected _componentMap: { [key: string]: IEditComponent } = {};\n  protected _componentList: IEditComponent[];\n\n  protected _currentComponent: IEditComponent;\n\n  protected _editGroup: IGroup;\n\n  constructor(public readonly story: Story) {\n    this.emitter = new EventEmitter();\n    this.editAction = new EditAction(story);\n    this.editAction.emitter.on('dispatchAction', this.onAction.bind(this));\n    this.story.canvas.getStage().addEventListener('*', this.onStoryEvent.bind(this) as any);\n    this._initEditGroup();\n    this._initComponent();\n  }\n\n  _initEditGroup() {\n    this._editGroup = createGroup({});\n    const editLayer = this.story.canvas.getStage().createLayer();\n    editLayer.add(this._editGroup);\n  }\n\n  getEditGroup() {\n    return this._editGroup;\n  }\n\n  protected _initComponent() {\n    this._componentMap = {};\n    Object.keys(Edit.componentConstructorMap).forEach(key => {\n      this._componentMap[key] = new Edit.componentConstructorMap[key](this);\n    });\n    this._componentList = Object.values(this._componentMap)\n      .sort((a, b) => a.level - b.level)\n      .reverse();\n  }\n\n  onStoryEvent(event: StoryEvent, type: string) {\n    this.editAction.onStoryEvent(event, type);\n  }\n\n  onAction(actionInfo: IEditActionInfo) {\n    if (this._currentComponent) {\n      // 优先上一次的编辑组件\n      if (this._currentComponent.checkAction(actionInfo)) {\n        return;\n      }\n    }\n    for (let i = 0; i < this._componentList.length; i++) {\n      const cpt = this._componentList[i];\n      if (cpt.checkAction(actionInfo)) {\n        this.stopEdit();\n        this._currentComponent = cpt;\n        return;\n      }\n    }\n  }\n\n  startEdit(msg: IEditMessage) {\n    this.emitter.emit('startEdit', msg);\n  }\n\n  triggerEditWithEvent(event: StoryEvent) {\n    return;\n  }\n\n  triggerEditWithComponent(type: string, actionInfo: IEditActionInfo) {\n    return;\n  }\n\n  stopEdit() {\n    this._currentComponent?.editEnd();\n    this._currentComponent = null;\n  }\n\n  release() {\n    this.story.canvas?.getStage?.().removeEventListener('*', this.onStoryEvent as any);\n  }\n}\n"]}
+{"version":3,"sources":["../src/edit/edit.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,cAAc,EAKf,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,OAAO,IAAI;IAMf,MAAM,CAAC,qBAAqB,CAAC,GAAW,EAAE,GAA8B;QACtE,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IAC1C,CAAC;IAUD,YAA4B,KAAY;QAAZ,UAAK,GAAL,KAAK,CAAO;QAR9B,kBAAa,GAAsC,EAAE,CAAC;QAS9D,IAAI,CAAC,OAAO,GAAG,IAAI,YAAY,EAAE,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACvE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAQ,CAAC,CAAC;QACxF,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;QAClC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,YAAY,CAAC;QACpC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC;QAC7D,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAE/B,IAAI,CAAC,iBAAiB,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;QACzC,IAAI,CAAC,iBAAiB,CAAC,IAAI,GAAG,YAAY,CAAC;QAC3C,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACxC,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAES,cAAc;QACtB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACtD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;aACpD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;aACjC,OAAO,EAAE,CAAC;IACf,CAAC;IAED,YAAY,CAAC,KAAiB,EAAE,IAAY;QAE1C,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,UAAU,IAAI,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,EAAE;YAE/E,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACrD,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE;gBAC3B,OAAO;aACR;SACF;QACD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,QAAQ,CAAC,UAA2B;QAClC,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAE1B,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE;gBAClD,OAAO;aACR;iBAAM,IAAI,UAAU,CAAC,IAAI,KAAK,cAAc,CAAC,WAAW,EAAE;gBACzD,IAAI,CAAC,QAAQ,EAAE,CAAC;aACjB;SACF;QACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACnD,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACnC,IAAI,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE;gBAC/B,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChB,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC;gBAC7B,OAAO;aACR;SACF;IACH,CAAC;IAED,SAAS,CAAC,GAAiB;QACzB,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAC5C,CAAC;IAED,kBAAkB,CAAC,IAAY,EAAE,GAAiB;QAChD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC/B,CAAC;IAED,oBAAoB,CAAC,KAAiB;QACpC,OAAO;IACT,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,UAA2B;QAChE,OAAO;IACT,CAAC;IAED,QAAQ;;QACN,MAAA,IAAI,CAAC,iBAAiB,0CAAE,OAAO,EAAE,CAAC;QAClC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC;IAED,OAAO;;QACL,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,QAAQ,mDAAK,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC,YAAmB,CAAC,CAAC;IACrF,CAAC;IAED,eAAe,CAAC,OAAiB,EAAE,aAAsB,IAAI;QAC3D,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC7C;QACD,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;;AA7GgB,4BAAuB,GAAiD,EAAE,CAAC","file":"edit.js","sourcesContent":["import type { StoryEvent } from '../story/interface/runtime-interface';\nimport type { Story } from './../story/story';\nimport { EditAction } from './edit-action';\nimport { EventEmitter } from '@visactor/vutils';\nimport {\n  EditActionEnum,\n  type IEditActionInfo,\n  type IEditComponent,\n  type IEditComponentConstructor,\n  type IEditMessage\n} from './interface';\nimport type { IGroup, IGraphic } from '@visactor/vrender';\nimport { createGroup } from '@visactor/vrender';\n\nexport class Edit {\n  readonly editAction: EditAction;\n  readonly emitter: EventEmitter;\n\n  protected static componentConstructorMap: { [key: string]: IEditComponentConstructor } = {};\n\n  static registerEditComponent(key: string, cpt: IEditComponentConstructor) {\n    Edit.componentConstructorMap[key] = cpt;\n  }\n\n  protected _componentMap: { [key: string]: IEditComponent } = {};\n  protected _componentList: IEditComponent[];\n\n  protected _currentComponent: IEditComponent;\n  protected _overGraphicGroup: IGroup;\n\n  protected _editGroup: IGroup;\n\n  constructor(public readonly story: Story) {\n    this.emitter = new EventEmitter();\n    this.editAction = new EditAction(story);\n    this.editAction.emitter.on('dispatchAction', this.onAction.bind(this));\n    this.story.canvas.getStage().addEventListener('*', this.onStoryEvent.bind(this) as any);\n    this._initEditGroup();\n    this._initComponent();\n  }\n\n  _initEditGroup() {\n    this._editGroup = createGroup({});\n    this._editGroup.name = 'edit_group';\n    const editLayer = this.story.canvas.getStage().createLayer();\n    editLayer.add(this._editGroup);\n\n    this._overGraphicGroup = createGroup({});\n    this._overGraphicGroup.name = 'over_group';\n    editLayer.add(this._overGraphicGroup);\n  }\n\n  getEditGroup() {\n    return this._editGroup;\n  }\n\n  protected _initComponent() {\n    this._componentMap = {};\n    Object.keys(Edit.componentConstructorMap).forEach(key => {\n      this._componentMap[key] = new Edit.componentConstructorMap[key](this);\n    });\n    this._componentList = Object.values(this._componentMap)\n      .sort((a, b) => a.level - b.level)\n      .reverse();\n  }\n\n  onStoryEvent(event: StoryEvent, type: string) {\n    // 如果交互到编辑元素忽略\n    if (event.path.find(g => g === this._editGroup || g === this._overGraphicGroup)) {\n      // 具体判断是否编辑到交互元素，如果pick到group，就不算\n      const pathTarget = event.path[event.path.length - 1];\n      if (!pathTarget.isContainer) {\n        return;\n      }\n    }\n    this.editAction.onStoryEvent(event, type);\n  }\n\n  onAction(actionInfo: IEditActionInfo) {\n    if (this._currentComponent) {\n      // 优先上一次的编辑组件\n      if (this._currentComponent.checkAction(actionInfo)) {\n        return;\n      } else if (actionInfo.type === EditActionEnum.unSelection) {\n        this.stopEdit();\n      }\n    }\n    for (let i = 0; i < this._componentList.length; i++) {\n      const cpt = this._componentList[i];\n      if (cpt.checkAction(actionInfo)) {\n        this.stopEdit();\n        this._currentComponent = cpt;\n        return;\n      }\n    }\n  }\n\n  startEdit(msg: IEditMessage) {\n    this.dispatchEditAction('startEdit', msg);\n  }\n\n  dispatchEditAction(type: string, msg: IEditMessage) {\n    this.emitter.emit(type, msg);\n  }\n\n  triggerEditWithEvent(event: StoryEvent) {\n    return;\n  }\n\n  triggerEditWithComponent(type: string, actionInfo: IEditActionInfo) {\n    return;\n  }\n\n  stopEdit() {\n    this._currentComponent?.editEnd();\n    this._currentComponent = null;\n  }\n\n  release() {\n    this.story.canvas?.getStage?.().removeEventListener('*', this.onStoryEvent as any);\n  }\n\n  showOverGraphic(graphic: IGraphic, clearOther: boolean = true) {\n    if (clearOther) {\n      this._overGraphicGroup.removeAllChild(true);\n    }\n    this._overGraphicGroup.add(graphic);\n  }\n}\n"]}

package/es/edit/interface.d.ts

@@ -4,7 +4,11 @@ import type { IRect } from '../type/space';
 import type { IGraphic } from '@visactor/vrender';
 export declare enum EditActionEnum {
     singleSelection = "singleSelect",
-    multipleSelection = "multipleSelect"
+    multipleSelection = "multipleSelect",
+    unSelection = "unSelect",
+    pointerOverCharacter = "pointerOverCharacter",
+    pointerOutCharacter = "pointerOutCharacter",
+    richTextPluginEdit = "richTextPluginEdit"
 }
 export interface IEditSelectionDetailChart extends ICharacterPickInfo {
     model: string;
@@ -29,6 +33,7 @@ export interface IEditActionInfoBase {
 export type IEditActionInfo = IEditActionInfoBase | IEditSelectionInfo;
 export type ContinuousActionType = 'boxSelection' | 'layerZoom' | 'layerMove';
 export interface IEditComponent {
+    readonly type: string;
     readonly level: number;
     isEditing: boolean;
     checkAction: (actionInfo: IEditActionInfo | IEditSelectionInfo) => boolean;

package/es/edit/interface.js

@@ -1,6 +1,8 @@
 export var EditActionEnum;
 
 !function(EditActionEnum) {
-    EditActionEnum.singleSelection = "singleSelect", EditActionEnum.multipleSelection = "multipleSelect";
+    EditActionEnum.singleSelection = "singleSelect", EditActionEnum.multipleSelection = "multipleSelect", 
+    EditActionEnum.unSelection = "unSelect", EditActionEnum.pointerOverCharacter = "pointerOverCharacter", 
+    EditActionEnum.pointerOutCharacter = "pointerOutCharacter", EditActionEnum.richTextPluginEdit = "richTextPluginEdit";
 }(EditActionEnum || (EditActionEnum = {}));
 //# sourceMappingURL=interface.js.map

package/es/edit/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/interface.ts"],"names":[],"mappings":"AAKA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,kDAAgC,CAAA;IAChC,sDAAoC,CAAA;AACtC,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB","file":"interface.js","sourcesContent":["import type { Edit } from './edit';\nimport type { ICharacter, ICharacterPickInfo } from './../story/character/runtime-interface';\nimport type { IRect } from '../type/space';\nimport type { IGraphic } from '@visactor/vrender';\n\nexport enum EditActionEnum {\n  singleSelection = 'singleSelect', // 单选\n  multipleSelection = 'multipleSelect' // 多选\n}\n\nexport interface IEditSelectionDetailChart extends ICharacterPickInfo {\n  model: string;\n  mark: any;\n  datum: any;\n}\n\nexport type IEditSelectionDetailComponent = ICharacterPickInfo;\n\nexport interface IEditSelectionInfo extends IEditActionInfoBase {\n  characterId?: string | string[];\n  character?: ICharacter;\n  detail: IEditSelectionDetailChart | IEditSelectionDetailComponent;\n}\n\nexport interface VREvent extends Event {\n  pickParams?: {\n    shadowTarget?: IGraphic;\n  };\n}\n\nexport interface IEditActionInfoBase {\n  type: keyof typeof EditActionEnum | string;\n  event: VREvent;\n}\n\nexport type IEditActionInfo = IEditActionInfoBase | IEditSelectionInfo;\n\nexport type ContinuousActionType = 'boxSelection' | 'layerZoom' | 'layerMove';\n\nexport interface IEditComponent {\n  readonly level: number;\n  isEditing: boolean;\n\n  // 是否 开始/继续 编辑 返回false的话，会导致当前编辑结束\n  checkAction: (actionInfo: IEditActionInfo | IEditSelectionInfo) => boolean;\n\n  // 编辑结束\n  editEnd: () => void;\n\n  getActiveCharacter: () => ICharacter | null | undefined;\n}\n\nexport type IModelInfoSpecKey = {\n  specKey: string;\n  specIndex: number;\n};\nexport type IModelInfo = IModelInfoSpecKey & {\n  id?: string | number; // id in spec, model.userId\n};\n\nexport interface ILayoutLine extends Partial<IModelInfo> {\n  orient: 'x' | 'y';\n  type: 'start' | 'middle' | 'end';\n  value: number;\n  start: number;\n  end: number;\n  rect: IRect;\n}\n\nexport interface IEditComponentConstructor {\n  new (edit: Edit): IEditComponent;\n}\n\nexport interface IEditMessage {\n  type: string; // 编辑组件类型，\n  actionInfo: IEditActionInfo;\n  updateCharacter: (updateParams: any) => void;\n}\n"]}
+{"version":3,"sources":["../src/edit/interface.ts"],"names":[],"mappings":"AAKA,MAAM,CAAN,IAAY,cASX;AATD,WAAY,cAAc;IACxB,kDAAgC,CAAA;IAChC,sDAAoC,CAAA;IACpC,0CAAwB,CAAA;IAExB,+DAA6C,CAAA;IAC7C,6DAA2C,CAAA;IAE3C,2DAAyC,CAAA;AAC3C,CAAC,EATW,cAAc,KAAd,cAAc,QASzB","file":"interface.js","sourcesContent":["import type { Edit } from './edit';\nimport type { ICharacter, ICharacterPickInfo } from './../story/character/runtime-interface';\nimport type { IRect } from '../type/space';\nimport type { IGraphic } from '@visactor/vrender';\n\nexport enum EditActionEnum {\n  singleSelection = 'singleSelect', // 单选\n  multipleSelection = 'multipleSelect', // 多选\n  unSelection = 'unSelect', // 为选中\n\n  pointerOverCharacter = 'pointerOverCharacter', // 悬浮到角色上\n  pointerOutCharacter = 'pointerOutCharacter', // 从角色上悬浮出去，从角色的 a子模块到 b子模块也会触发\n\n  richTextPluginEdit = 'richTextPluginEdit' // 富文本插件的编辑消息\n}\n\nexport interface IEditSelectionDetailChart extends ICharacterPickInfo {\n  model: string;\n  mark: any;\n  datum: any;\n}\n\nexport type IEditSelectionDetailComponent = ICharacterPickInfo;\n\nexport interface IEditSelectionInfo extends IEditActionInfoBase {\n  characterId?: string | string[];\n  character?: ICharacter;\n  detail: IEditSelectionDetailChart | IEditSelectionDetailComponent;\n}\n\nexport interface VREvent extends Event {\n  pickParams?: {\n    shadowTarget?: IGraphic;\n  };\n}\n\nexport interface IEditActionInfoBase {\n  type: keyof typeof EditActionEnum | string;\n  event: VREvent;\n}\n\nexport type IEditActionInfo = IEditActionInfoBase | IEditSelectionInfo;\n\nexport type ContinuousActionType = 'boxSelection' | 'layerZoom' | 'layerMove';\n\nexport interface IEditComponent {\n  readonly type: string;\n  readonly level: number;\n  isEditing: boolean;\n\n  // 是否 开始/继续 编辑 返回false的话，会导致当前编辑结束\n  checkAction: (actionInfo: IEditActionInfo | IEditSelectionInfo) => boolean;\n\n  // 编辑结束\n  editEnd: () => void;\n\n  getActiveCharacter: () => ICharacter | null | undefined;\n}\n\nexport type IModelInfoSpecKey = {\n  specKey: string;\n  specIndex: number;\n};\nexport type IModelInfo = IModelInfoSpecKey & {\n  id?: string | number; // id in spec, model.userId\n};\n\nexport interface ILayoutLine extends Partial<IModelInfo> {\n  orient: 'x' | 'y';\n  type: 'start' | 'middle' | 'end';\n  value: number;\n  start: number;\n  end: number;\n  rect: IRect;\n}\n\nexport interface IEditComponentConstructor {\n  new (edit: Edit): IEditComponent;\n}\n\nexport interface IEditMessage {\n  type: string; // 编辑组件类型，\n  actionInfo: IEditActionInfo;\n  updateCharacter: (updateParams: any) => void;\n}\n"]}

package/es/index.d.ts

@@ -1,2 +1,5 @@
 export * from './story';
 export * from './edit';
+export * from './story/utils/vchart-pick';
+export * from './story/utils/chart';
+export * from './story/utils/layout';

package/es/index.js

@@ -4,4 +4,10 @@ registerCharacter();
 
 export * from "./story";
 
-export * from "./edit";
+export * from "./edit";
+
+export * from "./story/utils/vchart-pick";
+
+export * from "./story/utils/chart";
+
+export * from "./story/utils/layout";

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,iBAAiB,EAAE,CAAC;AAEpB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["import { registerCharacter } from './story';\n\nregisterCharacter();\n\nexport * from './story';\nexport * from './edit';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,iBAAiB,EAAE,CAAC;AAEpB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC","file":"index.js","sourcesContent":["import { registerCharacter } from './story';\n\nregisterCharacter();\n\nexport * from './story';\nexport * from './edit';\nexport * from './story/utils/vchart-pick';\nexport * from './story/utils/chart';\nexport * from './story/utils/layout';\n"]}

package/es/player/interface/player.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=player.js.map
+//# sourceMappingURL=player.js.map

package/es/player/interface/scheduler.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=scheduler.js.map
+//# sourceMappingURL=scheduler.js.map

package/es/player/player.js

@@ -78,10 +78,14 @@ export class Player extends EventEmitter {
             characterSet.add(character), this._actionProcessor.doAction(character.spec.type, action.actionSpec.action, character, action.actionSpec);
         })), characterSet.forEach((character => {
             character.show();
-        })), this._currTime = t, this._story.canvas.getStage().ticker.tickAt(t), this._story.canvas.getStage().render();
+        })), this._currTime = t;
+        const stage = this._story.canvas.getStage();
+        stage.ticker.tickAt(t), stage.render();
     }
     play() {
-        this._ticker.stop(), this._currTime = 0, this.reset(), this._ticker.start((t => {
+        this._ticker.stop(), this._currTime = 0, this.reset();
+        const stage = this._story.canvas.getStage();
+        stage.ticker.start(!0), stage.getTimeline().resume(), this._ticker.start((t => {
             let nextT = this._currTime + t;
             const totalTime = this._scheduler.getTotalTime();
             nextT >= totalTime ? (nextT = totalTime, this.tickTo(nextT), this._ticker.stop(),