@tmagic/stage 1.3.10 → 1.3.11

package/dist/tmagic-stage.js

@@ -2,7 +2,7 @@ import EventEmitter, { EventEmitter as EventEmitter$1 } from 'events';
 import KeyController from 'keycon';
 import { merge, throttle } from 'lodash-es';
 import { Env } from '@tmagic/core';
-import { removeClassName, addClassName, removeClassNameByClassName, getDocument, createDiv, injectStyle, isSameDomain, getHost } from '@tmagic/utils';
+import { removeClassName, guid, addClassName, removeClassNameByClassName, getDocument, createDiv, injectStyle, isSameDomain, getHost } from '@tmagic/utils';
 import MoveableHelper from 'moveable-helper';
 import Moveable from 'moveable';
 import Guides from '@scena/guides';
@@ -252,7 +252,7 @@ const getBorderWidth = (el) => {
 class TargetShadow {
   el;
   els = [];
-  idPrefix = "target_calibrate_";
+  idPrefix = `target_calibrate_${guid()}`;
   container;
   scrollLeft = 0;
   scrollTop = 0;
@@ -267,7 +267,7 @@ class TargetShadow {
       this.zIndex = config.zIndex;
     }
     if (config.idPrefix) {
-      this.idPrefix = config.idPrefix;
+      this.idPrefix = `${config.idPrefix}_${guid()}`;
     }
     this.container.addEventListener("customScroll", this.scrollHandler);
   }
@@ -1649,6 +1649,7 @@ class ActionManager extends EventEmitter {
     this.container.removeEventListener("mousemove", this.mouseMoveHandler);
     this.container.removeEventListener("mouseleave", this.mouseLeaveHandler);
     this.container.removeEventListener("wheel", this.mouseWheelHandler);
+    this.container.removeEventListener("dblclick", this.dblclickHandler);
     this.dr.destroy();
     this.multiDr?.destroy();
     this.highlightLayer.destroy();
@@ -1772,6 +1773,7 @@ class ActionManager extends EventEmitter {
     this.container.addEventListener("mousemove", this.mouseMoveHandler);
     this.container.addEventListener("mouseleave", this.mouseLeaveHandler);
     this.container.addEventListener("wheel", this.mouseWheelHandler);
+    this.container.addEventListener("dblclick", this.dblclickHandler);
   }
   /**
    * 初始化键盘事件监听
@@ -1862,6 +1864,9 @@ class ActionManager extends EventEmitter {
   mouseWheelHandler = () => {
     this.clearHighlight();
   };
+  dblclickHandler = (event) => {
+    this.emit("dblclick", event);
+  };
 }
 
 class Rule extends EventEmitter {
@@ -2676,6 +2681,8 @@ class StageCore extends EventEmitter$1 {
       this.multiSelect(idOrElList);
     }).on("multi-select", (selectedElList, event) => {
       this.emit("multi-select", selectedElList, event);
+    }).on("dblclick", (event) => {
+      this.emit("dblclick", event);
     });
   }
   /**
@@ -2726,4 +2733,3 @@ class StageCore extends EventEmitter$1 {
 }
 
 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, RenderType, SELECTED_CLASS, SelectStatus, StageDragResize, StageDragStatus, StageMask, StageRender, ZIndex, addSelectedClassName, calcValueByFontsize, StageCore as default, down, getAbsolutePosition, getBorderWidth, getMarginValue, getMode, getOffset, getScrollParent, getTargetElStyle, isAbsolute, isFixed, isFixedParent, isMoveableButton, isRelative, isStatic, removeSelectedClassName, up };
-//# sourceMappingURL=tmagic-stage.js.map

package/dist/tmagic-stage.umd.cjs

@@ -249,7 +249,7 @@
   class TargetShadow {
     el;
     els = [];
-    idPrefix = "target_calibrate_";
+    idPrefix = `target_calibrate_${utils.guid()}`;
     container;
     scrollLeft = 0;
     scrollTop = 0;
@@ -264,7 +264,7 @@
         this.zIndex = config.zIndex;
       }
       if (config.idPrefix) {
-        this.idPrefix = config.idPrefix;
+        this.idPrefix = `${config.idPrefix}_${utils.guid()}`;
       }
       this.container.addEventListener("customScroll", this.scrollHandler);
     }
@@ -1646,6 +1646,7 @@
       this.container.removeEventListener("mousemove", this.mouseMoveHandler);
       this.container.removeEventListener("mouseleave", this.mouseLeaveHandler);
       this.container.removeEventListener("wheel", this.mouseWheelHandler);
+      this.container.removeEventListener("dblclick", this.dblclickHandler);
       this.dr.destroy();
       this.multiDr?.destroy();
       this.highlightLayer.destroy();
@@ -1769,6 +1770,7 @@
       this.container.addEventListener("mousemove", this.mouseMoveHandler);
       this.container.addEventListener("mouseleave", this.mouseLeaveHandler);
       this.container.addEventListener("wheel", this.mouseWheelHandler);
+      this.container.addEventListener("dblclick", this.dblclickHandler);
     }
     /**
      * 初始化键盘事件监听
@@ -1859,6 +1861,9 @@
     mouseWheelHandler = () => {
       this.clearHighlight();
     };
+    dblclickHandler = (event) => {
+      this.emit("dblclick", event);
+    };
   }
 
   class Rule extends EventEmitter {
@@ -2673,6 +2678,8 @@
         this.multiSelect(idOrElList);
       }).on("multi-select", (selectedElList, event) => {
         this.emit("multi-select", selectedElList, event);
+      }).on("dblclick", (event) => {
+        this.emit("dblclick", event);
       });
     }
     /**
@@ -2764,4 +2771,3 @@
   Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 }));
-//# sourceMappingURL=tmagic-stage.umd.cjs.map

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.10",
+  "version": "1.3.11",
   "name": "@tmagic/stage",
   "type": "module",
   "sideEffects": [
@@ -26,9 +26,9 @@
   },
   "dependencies": {
     "@scena/guides": "^0.29.2",
-    "@tmagic/core": "1.3.10",
-    "@tmagic/schema": "1.3.10",
-    "@tmagic/utils": "1.3.10",
+    "@tmagic/core": "1.3.11",
+    "@tmagic/schema": "1.3.11",
+    "@tmagic/utils": "1.3.11",
     "events": "^3.3.0",
     "keycon": "^1.4.0",
     "lodash-es": "^4.17.21",

package/src/ActionManager.ts

@@ -360,6 +360,7 @@ export default class ActionManager extends EventEmitter {
     this.container.removeEventListener('mousemove', this.mouseMoveHandler);
     this.container.removeEventListener('mouseleave', this.mouseLeaveHandler);
     this.container.removeEventListener('wheel', this.mouseWheelHandler);
+    this.container.removeEventListener('dblclick', this.dblclickHandler);
     this.dr.destroy();
     this.multiDr?.destroy();
     this.highlightLayer.destroy();
@@ -512,6 +513,7 @@ export default class ActionManager extends EventEmitter {
     this.container.addEventListener('mousemove', this.mouseMoveHandler);
     this.container.addEventListener('mouseleave', this.mouseLeaveHandler);
     this.container.addEventListener('wheel', this.mouseWheelHandler);
+    this.container.addEventListener('dblclick', this.dblclickHandler);
   }
 
   /**
@@ -619,4 +621,8 @@ export default class ActionManager extends EventEmitter {
   private mouseWheelHandler = () => {
     this.clearHighlight();
   };
+
+  private dblclickHandler = (event: MouseEvent) => {
+    this.emit('dblclick', event);
+  };
 }

package/src/StageCore.ts

@@ -46,8 +46,8 @@ export default class StageCore extends EventEmitter {
   public container?: HTMLDivElement;
   public renderer: StageRender;
   public mask: StageMask;
+  public actionManager: ActionManager;
 
-  private actionManager: ActionManager;
   private pageResizeObserver: ResizeObserver | null = null;
   private autoScrollIntoView: boolean | undefined;
   private customizedRender?: CustomizeRender;
@@ -329,6 +329,9 @@ export default class StageCore extends EventEmitter {
       })
       .on('multi-select', (selectedElList: HTMLElement[], event: MouseEvent) => {
         this.emit('multi-select', selectedElList, event);
+      })
+      .on('dblclick', (event: MouseEvent) => {
+        this.emit('dblclick', event);
       });
   }
 

package/src/TargetShadow.ts

@@ -15,6 +15,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { guid } from '@tmagic/utils';
+
 import { Mode, ZIndex } from './const';
 import type { TargetElement as ShadowElement, TargetShadowConfig, UpdateDragEl } from './types';
 import { getTargetElStyle, isFixedParent } from './util';
@@ -26,7 +28,7 @@ export default class TargetShadow {
   public el?: ShadowElement;
   public els: ShadowElement[] = [];
 
-  private idPrefix = 'target_calibrate_';
+  private idPrefix = `target_calibrate_${guid()}`;
   private container: HTMLElement;
   private scrollLeft = 0;
   private scrollTop = 0;
@@ -46,7 +48,7 @@ export default class TargetShadow {
     }
 
     if (config.idPrefix) {
-      this.idPrefix = config.idPrefix;
+      this.idPrefix = `${config.idPrefix}_${guid()}`;
     }
 
     this.container.addEventListener('customScroll', this.scrollHandler);

package/types/ActionManager.d.ts

@@ -143,4 +143,5 @@ export default class ActionManager extends EventEmitter {
     private mouseUpHandler;
     private mouseLeaveHandler;
     private mouseWheelHandler;
+    private dblclickHandler;
 }

package/types/StageCore.d.ts

@@ -3,6 +3,7 @@
 import { EventEmitter } from 'events';
 import type { MoveableOptions } from 'moveable';
 import type { Id } from '@tmagic/schema';
+import ActionManager from './ActionManager';
 import StageMask from './StageMask';
 import StageRender from './StageRender';
 import type { RemoveData, StageCoreConfig, UpdateData } from './types';
@@ -13,7 +14,7 @@ export default class StageCore extends EventEmitter {
     container?: HTMLDivElement;
     renderer: StageRender;
     mask: StageMask;
-    private actionManager;
+    actionManager: ActionManager;
     private pageResizeObserver;
     private autoScrollIntoView;
     private customizedRender?;