@tmagic/stage 1.3.0-beta.0 → 1.3.0-beta.2

package/dist/tmagic-stage.js

@@ -932,6 +932,9 @@ class StageDragResize extends MoveableOptionsManager {
     this.moveable.target = null;
     this.moveable.updateRect();
   }
+  getDragStatus() {
+    return this.dragStatus;
+  }
   /**
    * 销毁实例
    */
@@ -994,6 +997,7 @@ class StageDragResize extends MoveableOptionsManager {
         throw new Error("未选中组件");
       this.dragStatus = StageDragStatus.START;
       this.dragResizeHelper.onDragStart(e);
+      this.emit("drag-start", e);
     }).on("drag", (e) => {
       if (!this.target || !this.dragResizeHelper.getShadowEl())
         return;
@@ -1363,6 +1367,7 @@ class ActionManager extends EventEmitter {
       this.clearHighlight();
       return;
     }
+    this.emit("mousemove", event);
     this.highlight(el);
   }, throttleTime);
   constructor(config) {
@@ -1462,6 +1467,7 @@ class ActionManager extends EventEmitter {
    */
   async getElementFromPoint(event) {
     const els = this.getElementsFromPoint(event);
+    this.emit("get-elements-from-point", els);
     let stopped = false;
     const stop = () => stopped = true;
     for (const el of els) {
@@ -1584,6 +1590,9 @@ class ActionManager extends EventEmitter {
     }
     return void 0;
   }
+  getDragStatus() {
+    return this.dr.getDragStatus();
+  }
   destroy() {
     this.container.removeEventListener("mousedown", this.mouseDownHandler);
     this.container.removeEventListener("mousemove", this.mouseMoveHandler);
@@ -1699,6 +1708,8 @@ class ActionManager extends EventEmitter {
         data: [{ el: drTarget }]
       };
       this.emit("remove", data);
+    }).on("drag-start", (e) => {
+      this.emit("drag-start", e);
     });
     this.multiDr.on("update", (data) => {
       this.emit("multi-update", data);
@@ -1758,8 +1769,9 @@ class ActionManager extends EventEmitter {
       this.emit("select", this.selectedEl);
     }
   };
-  mouseLeaveHandler = () => {
+  mouseLeaveHandler = (event) => {
     setTimeout(() => this.clearHighlight(), throttleTime);
+    this.emit("mouseleave", event);
   };
   mouseWheelHandler = () => {
     this.clearHighlight();
@@ -2451,6 +2463,9 @@ class StageCore extends EventEmitter$1 {
   getMoveableOption(key) {
     return this.actionManager.getMoveableOption(key);
   }
+  getDragStatus() {
+    return this.actionManager.getDragStatus();
+  }
   /**
    * 销毁实例
    */
@@ -2516,6 +2531,7 @@ class StageCore extends EventEmitter$1 {
     this.initDrEvent();
     this.initMulDrEvent();
     this.initHighlightEvent();
+    this.initMouseEvent();
   }
   /**
    * 初始化ActionManager类本身抛出来的事件监听
@@ -2564,6 +2580,18 @@ class StageCore extends EventEmitter$1 {
       this.emit("highlight", highlightEl);
     });
   }
+  /**
+   * 初始化Highlight类通过ActionManager抛出来的事件监听
+   */
+  initMouseEvent() {
+    this.actionManager.on("mousemove", (event) => {
+      this.emit("mousemove", event);
+    }).on("mouseleave", (event) => {
+      this.emit("mouseleave", event);
+    }).on("drag-start", (e) => {
+      this.emit("drag-start", e);
+    });
+  }
 }
 
 export { AbleActionEventType, CONTAINER_HIGHLIGHT_CLASS_NAME, ContainerHighlightType, DEFAULT_ZOOM, DRAG_EL_ID_PREFIX, GHOST_EL_ID_PREFIX, GuidesType, HIGHLIGHT_EL_ID_PREFIX, Mode, MouseButton, PAGE_CLASS, SELECTED_CLASS, SelectStatus, StageDragResize, StageDragStatus, StageMask, StageRender, ZIndex, addSelectedClassName, calcValueByFontsize, StageCore as default, down, getAbsolutePosition, getMode, getOffset, getScrollParent, getTargetElStyle, isAbsolute, isFixed, isFixedParent, isMoveableButton, isRelative, isStatic, removeSelectedClassName, up };