@visactor/vstory 0.0.4 → 0.0.5-alpha.1

package/README.md

@@ -7,3 +7,16 @@
 ```typescript
 import { xxx } from '@visactor/vstory';
 ```
+
+## Debug
+
+### Add vite.config.local
+
+add new file `vite.config.local.ts` in `package/vstory/demo`
+
+### command
+
+```shell
+rush update
+rush start
+```

package/cjs/constants/character.d.ts

@@ -1,5 +1,6 @@
 export declare const enum StoryChartType {
-    VCHART = "VChart"
+    VCHART = "VChart",
+    RANKINGBAR = "RankingBar"
 }
 export declare enum StoryComponentType {
     RECT = "Rect",

package/cjs/constants/character.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.StoryChartComponentType = exports.StoryComponentType = exports.StoryChartType = void 0, 
 function(StoryChartType) {
-    StoryChartType.VCHART = "VChart";
+    StoryChartType.VCHART = "VChart", StoryChartType.RANKINGBAR = "RankingBar";
 }(StoryChartType = exports.StoryChartType || (exports.StoryChartType = {})), function(StoryComponentType) {
     StoryComponentType.RECT = "Rect", StoryComponentType.SHAPE = "Shape", StoryComponentType.LINE = "Line", 
     StoryComponentType.ARC = "Arc", StoryComponentType.PATH = "Path", StoryComponentType.TEXT = "Text", 

package/cjs/constants/character.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constants/character.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAEjB;AAFD,WAAkB,cAAc;IAC9B,mCAAiB,CAAA;AACnB,CAAC,EAFiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAE/B;AAED,IAAY,kBAYX;AAZD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IAEb,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,2CAAqB,CAAA;AACvB,CAAC,EAZW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAY7B;AAED,IAAkB,uBAGjB;AAHD,WAAkB,uBAAuB;IACvC,mDAAwB,CAAA;IACxB,0CAAe,CAAA;AACjB,CAAC,EAHiB,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGxC","file":"character.js","sourcesContent":["export const enum StoryChartType {\n  VCHART = 'VChart'\n}\n\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  // RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  TIMELINE = 'Timeline'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}
+{"version":3,"sources":["../src/constants/character.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAGjB;AAHD,WAAkB,cAAc;IAC9B,mCAAiB,CAAA;IACjB,2CAAyB,CAAA;AAC3B,CAAC,EAHiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAG/B;AAED,IAAY,kBAYX;AAZD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IAEb,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,2CAAqB,CAAA;AACvB,CAAC,EAZW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAY7B;AAED,IAAkB,uBAGjB;AAHD,WAAkB,uBAAuB;IACvC,mDAAwB,CAAA;IACxB,0CAAe,CAAA;AACjB,CAAC,EAHiB,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGxC","file":"character.js","sourcesContent":["export const enum StoryChartType {\n  VCHART = 'VChart',\n  RANKINGBAR = 'RankingBar'\n}\n\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  // RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  TIMELINE = 'Timeline'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}

package/cjs/dsl/story-chart/chart.js

@@ -58,4 +58,5 @@ class StoryChart extends element_1.StoryElement {
     }
 }
 
-exports.StoryChart = StoryChart;
+exports.StoryChart = StoryChart;
+//# sourceMappingURL=chart.js.map

package/cjs/dsl/story-processor/processor.js

@@ -67,4 +67,4 @@ class ActionProcessor {
 }
 
 exports.ActionProcessor = ActionProcessor, ActionProcessor._instance = null;
-//# sourceMappingURL=processor.js.map
+//# sourceMappingURL=processor.js.map

package/cjs/dsl/types/Datum.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=Datum.js.map
+//# sourceMappingURL=Datum.js.map

package/cjs/dsl/types/index.d.ts

@@ -8,6 +8,7 @@ export interface IActionContext {
 }
 export interface IActionPayload {
     animation?: IAnimationParams;
+    selector?: string;
 }
 export interface IAction {
     action: string;

package/cjs/dsl/types/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./common"), exports), __exportStar(require("./chart"), exports), 
 __exportStar(require("./graphic"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/dsl/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAuBA,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B","file":"index.js","sourcesContent":["import type { ChartAction, ChartActionNode } from './chart/index';\nimport type { IAnimationParams } from './common';\nimport type { GraphicAction, GraphicActonNode } from './graphic';\n\nexport interface IActionContext {\n  elementType?: string;\n  elementId?: number;\n  callback?: (...args: any[]) => void;\n}\n\nexport interface IActionPayload {\n  animation?: IAnimationParams;\n}\n\nexport interface IAction {\n  action: string;\n  payload: Record<string, any>;\n}\n\nexport type Action = ChartAction | GraphicAction;\n\nexport type ActionNode = ChartActionNode | GraphicActonNode;\n\nexport * from './common';\nexport * from './chart';\nexport * from './graphic';\n"]}
+{"version":3,"sources":["../src/dsl/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAwBA,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B","file":"index.js","sourcesContent":["import type { ChartAction, ChartActionNode } from './chart/index';\nimport type { IAnimationParams } from './common';\nimport type { GraphicAction, GraphicActonNode } from './graphic';\n\nexport interface IActionContext {\n  elementType?: string;\n  elementId?: number;\n  callback?: (...args: any[]) => void;\n}\n\nexport interface IActionPayload {\n  animation?: IAnimationParams;\n  selector?: string;\n}\n\nexport interface IAction {\n  action: string;\n  payload: Record<string, any>;\n}\n\nexport type Action = ChartAction | GraphicAction;\n\nexport type ActionNode = ChartActionNode | GraphicActonNode;\n\nexport * from './common';\nexport * from './chart';\nexport * from './graphic';\n"]}

package/cjs/dsl/utils/datum.js

@@ -12,5 +12,4 @@ const vutils_1 = require("@visactor/vutils"), isDatumEqual = (source, target) =>
     })(s, targetData)));
 };
 
-exports.isDatumEqual = isDatumEqual;
-//# sourceMappingURL=datum.js.map
+exports.isDatumEqual = isDatumEqual;

package/cjs/dsl/utils/flicker.js

@@ -15,4 +15,4 @@ const flickerEffect = group => {
 };
 
 exports.flickerEffect = flickerEffect;
-//# sourceMappingURL=flicker.js.map
+//# sourceMappingURL=flicker.js.map

package/cjs/edit/const.d.ts

@@ -1,5 +1,3 @@
 export declare const PickEventType: {
-    pointerup: boolean;
-    click: boolean;
-    dblclick: boolean;
+    [key: string]: boolean;
 };

package/cjs/edit/const.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 }), exports.PickEventType = void 0, exports.PickEventType = {
     pointerup: !0,
     click: !0,
+    pointerdown: !0,
     dblclick: !0
 };
 //# sourceMappingURL=const.js.map

package/cjs/edit/const.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/const.ts"],"names":[],"mappings":";;;AAAa,QAAA,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,QAAA,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/cjs/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/cjs/edit/edit-action.js

@@ -4,30 +4,86 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.EditAction = void 0;
 
-const vutils_1 = require("@visactor/vutils"), const_1 = require("./const"), interface_1 = require("./interface");
+const vutils_1 = require("@visactor/vutils"), const_1 = require("./const"), interface_1 = require("./interface"), IgnoreEvent = {
+    mousemove: !0,
+    mouseout: !0,
+    mouseover: !0
+}, PointerOverEvent = {
+    pointerover: !0,
+    pointerout: !0,
+    pointermove: !0
+}, IgnoreEnds = "capture";
 
 class EditAction {
     get actionInProgress() {
         return this._actionInProgress;
     }
     constructor(story) {
-        this.story = story, this.emitter = new vutils_1.EventEmitter, this._actionInProgress = null;
+        this.story = story, this.emitter = new vutils_1.EventEmitter, this._actionInProgress = null, 
+        this.lastOverGraphic = null, this.richTextPluginEvent();
+    }
+    richTextPluginEvent() {
+        this.story.canvas.getStage().pluginService.findPluginsByName("RichTextEditPlugin")[0].registerUpdateListener(((type, p) => {
+            this.emitter.emit(interface_1.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, 
         !const_1.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 ? interface_1.EditActionEnum.singleSelection : type,
+        "click" === type && character ? type = interface_1.EditActionEnum.singleSelection : "pointerdown" !== type || character || (type = interface_1.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];
+            (0, vutils_1.isArray)(detailTargetList) && (detailTarget = detailTargetList[detailTargetList.length - 1]);
+        }
+        let actionType = null;
+        if ("pointerover" === type) character && (actionType = interface_1.EditActionEnum.pointerOverCharacter); else if ("pointerout" === type) this.lastOverGraphic && character && character === this.lastOverGraphic.character && detailTarget && detailTarget === this.lastOverGraphic.detailTarget && (actionType = interface_1.EditActionEnum.pointerOutCharacter); else {
+            if (!this.lastOverGraphic) return;
+            if (character !== this.lastOverGraphic.character) actionType = interface_1.EditActionEnum.pointerOutCharacter; else {
+                if (detailTarget === this.lastOverGraphic.detailTarget) return;
+                this.dispatchAction({
+                    type: interface_1.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 = interface_1.EditActionEnum.pointerOverCharacter;
+            }
+        }
+        actionType && (this.dispatchAction({
+            type: actionType,
+            characterId: null == character ? void 0 : character.id,
+            character: character,
+            event: event,
+            detail: characterInfo
+        }), actionType === interface_1.EditActionEnum.pointerOverCharacter ? this.lastOverGraphic = {
+            characterInfo: characterInfo,
+            character: character,
+            detailTarget: detailTarget
+        } : actionType === interface_1.EditActionEnum.pointerOutCharacter && (this.lastOverGraphic = null));
+    }
     dispatchAction(action) {
         this.emitter.emit("dispatchAction", action);
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/edit/edit-action.ts"],"names":[],"mappings":";;;AACA,6CAAgD;AAChD,mCAAwC;AAGxC,2CAA6C;AAG7C,MAAa,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,qBAAY,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,qBAAa,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,0BAAc,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;AAzCD,gCAyCC","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/cjs/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/cjs/edit/edit-component/base-selection.js

@@ -4,14 +4,34 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseSelection = void 0;
 
-const transform_control_1 = require("./edit-control/transform-control"), common_1 = require("../../util/common");
+const interface_1 = require("../interface"), transform_control_1 = require("./edit-control/transform-control"), common_1 = require("../../util/common");
 
 class BaseSelection {
     constructor(edit) {
         this.edit = edit, this._isSelection = !1, this.isEditing = !1;
     }
     editEnd() {
-        this.isEditing = !1, this._actionInfo = null, this._activeCharacter = null, this.inActiveLayoutComponent();
+        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 === interface_1.EditActionEnum.unSelection) return !1;
+        if (actionInfo.type === interface_1.EditActionEnum.unSelection) return !1;
+        if (actionInfo.type === interface_1.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 !== interface_1.EditActionEnum.singleSelection || !this.enableEditCharacter(actionInfo.character)) && (this.startEdit(actionInfo), 
+        !0);
     }
     getActiveCharacter() {
         return this._activeCharacter;
@@ -38,7 +58,6 @@ class BaseSelection {
         });
         return component.onUpdate(this.handlerTransformChange.bind(this)), component;
     }
-    handlerTransformChange(data, event) {}
     _createLayoutComponent(attributes) {
         return new transform_control_1.TransformControl(this, attributes);
     }
@@ -52,7 +71,9 @@ 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();
@@ -62,6 +83,11 @@ class BaseSelection {
     detachComponent(layoutComponent) {
         this.edit.getEditGroup().removeChild(layoutComponent);
     }
+    handlerTransformChange(data, event) {
+        this._activeCharacter && this._activeCharacter.setAttributes({
+            position: data
+        });
+    }
 }
 
 exports.BaseSelection = BaseSelection;

package/cjs/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/cjs/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/cjs/edit/edit-component/chart-selection.js

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

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

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

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

@@ -1,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/cjs/edit/edit-component/common.js

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

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RichTextControl = void 0;
+
+const vutils_1 = require("@visactor/vutils"), interface_1 = require("../../interface");
+
+class RichTextControl {
+    constructor(edit, character, richText) {
+        this.emitter = new vutils_1.EventEmitter, this.onRichTextPluginEdit = ({type: type, p: p}) => {
+            p.currRt === this._richText || console.warn("current edit richtext not match in richtext-control.onRichTextPluginEdit");
+        }, this._character = character, this._richText = richText, this._edit = edit, this._initPlugin();
+    }
+    _initPlugin() {
+        this._edit.editAction.emitter.on(interface_1.EditActionEnum.richTextPluginEdit, this.onRichTextPluginEdit);
+    }
+    startEdit() {
+        this._richText.setAttributes({
+            editable: !0
+        });
+    }
+    endEdit() {
+        this._richText.setAttributes({
+            editable: !1
+        });
+    }
+    release() {
+        this._edit.editAction.emitter.off(interface_1.EditActionEnum.richTextPluginEdit, this.onRichTextPluginEdit);
+    }
+}
+
+exports.RichTextControl = RichTextControl;
+//# sourceMappingURL=richtext-control.js.map

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

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

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

@@ -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;
 }