@tmagic/stage 1.3.11 → 1.3.12

package/dist/tmagic-stage.js

@@ -82,6 +82,7 @@ const getTargetElStyle = (el, zIndex) => {
     width: ${el.clientWidth}px;
     height: ${el.clientHeight}px;
     border: ${border};
+    opacity: 0;
     ${typeof zIndex !== "undefined" ? `z-index: ${zIndex};` : ""}
   `;
 };
@@ -1620,7 +1621,7 @@ class ActionManager extends EventEmitter {
       return;
     const els = this.getElementsFromPoint(event);
     for (const el of els) {
-      if (!el.id.startsWith(GHOST_EL_ID_PREFIX) && await this.isContainer(el) && !excludeElList.includes(el)) {
+      if (!el.id.startsWith(GHOST_EL_ID_PREFIX) && await this.isContainer?.(el) && !excludeElList.includes(el)) {
         addClassName(el, doc, this.containerHighlightClassName);
         break;
       }
@@ -2616,6 +2617,9 @@ class StageCore extends EventEmitter$1 {
    * 监听页面大小变化
    */
   observePageResize(page) {
+    if (this.pageResizeObserver) {
+      this.pageResizeObserver.disconnect();
+    }
     if (typeof ResizeObserver !== "undefined") {
       this.pageResizeObserver = new ResizeObserver((entries) => {
         this.mask.pageResize(entries);

package/dist/tmagic-stage.umd.cjs

@@ -79,6 +79,7 @@
     width: ${el.clientWidth}px;
     height: ${el.clientHeight}px;
     border: ${border};
+    opacity: 0;
     ${typeof zIndex !== "undefined" ? `z-index: ${zIndex};` : ""}
   `;
   };
@@ -1617,7 +1618,7 @@
         return;
       const els = this.getElementsFromPoint(event);
       for (const el of els) {
-        if (!el.id.startsWith(GHOST_EL_ID_PREFIX) && await this.isContainer(el) && !excludeElList.includes(el)) {
+        if (!el.id.startsWith(GHOST_EL_ID_PREFIX) && await this.isContainer?.(el) && !excludeElList.includes(el)) {
           utils.addClassName(el, doc, this.containerHighlightClassName);
           break;
         }
@@ -2613,6 +2614,9 @@
      * 监听页面大小变化
      */
     observePageResize(page) {
+      if (this.pageResizeObserver) {
+        this.pageResizeObserver.disconnect();
+      }
       if (typeof ResizeObserver !== "undefined") {
         this.pageResizeObserver = new ResizeObserver((entries) => {
           this.mask.pageResize(entries);

package/package.json

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

package/src/ActionManager.ts

@@ -79,7 +79,7 @@ export default class ActionManager extends EventEmitter {
   private getTargetElement: GetTargetElement;
   private getElementsFromPoint: GetElementsFromPoint;
   private canSelect: CanSelect;
-  private isContainer: IsContainer;
+  private isContainer?: IsContainer;
   private getRenderDocument: GetRenderDocument;
   private disabledMultiSelect = false;
   private config: ActionManagerConfig;
@@ -328,7 +328,7 @@ export default class ActionManager extends EventEmitter {
     const els = this.getElementsFromPoint(event);
 
     for (const el of els) {
-      if (!el.id.startsWith(GHOST_EL_ID_PREFIX) && (await this.isContainer(el)) && !excludeElList.includes(el)) {
+      if (!el.id.startsWith(GHOST_EL_ID_PREFIX) && (await this.isContainer?.(el)) && !excludeElList.includes(el)) {
         addClassName(el, doc, this.containerHighlightClassName);
         break;
       }

package/src/StageCore.ts

@@ -252,6 +252,10 @@ export default class StageCore extends EventEmitter {
    * 监听页面大小变化
    */
   private observePageResize(page: HTMLElement): void {
+    if (this.pageResizeObserver) {
+      this.pageResizeObserver.disconnect();
+    }
+
     if (typeof ResizeObserver !== 'undefined') {
       this.pageResizeObserver = new ResizeObserver((entries) => {
         this.mask.pageResize(entries);

package/src/types.ts

@@ -66,7 +66,7 @@ export interface StageCoreConfig {
   /** 放大倍数，默认1倍 */
   zoom?: number;
   canSelect?: CanSelect;
-  isContainer: IsContainer;
+  isContainer?: IsContainer;
   containerHighlightClassName?: string;
   containerHighlightDuration?: number;
   containerHighlightType?: ContainerHighlightType;
@@ -91,7 +91,7 @@ export interface ActionManagerConfig {
   disabledDragStart?: boolean;
   disabledMultiSelect?: boolean;
   canSelect?: CanSelect;
-  isContainer: IsContainer;
+  isContainer?: IsContainer;
   getRootContainer: GetRootContainer;
   getRenderDocument: GetRenderDocument;
   updateDragEl?: UpdateDragEl;

package/src/util.ts

@@ -66,6 +66,7 @@ export const getTargetElStyle = (el: TargetElement, zIndex?: ZIndex) => {
     width: ${el.clientWidth}px;
     height: ${el.clientHeight}px;
     border: ${border};
+    opacity: 0;
     ${typeof zIndex !== 'undefined' ? `z-index: ${zIndex};` : ''}
   `;
 };

package/types/ActionManager.d.ts

@@ -33,7 +33,7 @@ export default class ActionManager extends EventEmitter {
     private getTargetElement;
     private getElementsFromPoint;
     private canSelect;
-    private isContainer;
+    private isContainer?;
     private getRenderDocument;
     private disabledMultiSelect;
     private config;

package/types/types.d.ts

@@ -38,7 +38,7 @@ export interface StageCoreConfig {
     /** 放大倍数，默认1倍 */
     zoom?: number;
     canSelect?: CanSelect;
-    isContainer: IsContainer;
+    isContainer?: IsContainer;
     containerHighlightClassName?: string;
     containerHighlightDuration?: number;
     containerHighlightType?: ContainerHighlightType;
@@ -62,7 +62,7 @@ export interface ActionManagerConfig {
     disabledDragStart?: boolean;
     disabledMultiSelect?: boolean;
     canSelect?: CanSelect;
-    isContainer: IsContainer;
+    isContainer?: IsContainer;
     getRootContainer: GetRootContainer;
     getRenderDocument: GetRenderDocument;
     updateDragEl?: UpdateDragEl;