@tmagic/stage 1.0.0-rc.11 → 1.0.0-rc.12

package/dist/tmagic-stage.umd.js

@@ -86,11 +86,6 @@
       return true;
     return getHost(targetUrl) === source;
   };
-  const isAbsolute = (el) => {
-    if (!el)
-      return false;
-    return getComputedStyle(el).position === "absolute";
-  };
   const isRelative = (el) => {
     if (!el)
       return false;
@@ -131,15 +126,15 @@
   };
   const getScrollParent = (element, includeHidden = false) => {
     let style = getComputedStyle(element);
+    const excludeStaticParent = style.position === "absolute";
     const overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/;
-    if (isFixed(element))
+    if (style.position === "fixed")
       return null;
     for (let parent = element; parent.parentElement; ) {
       parent = parent.parentElement;
       style = getComputedStyle(parent);
-      if (isAbsolute(element) && isStatic(element)) {
+      if (excludeStaticParent && style.position === "static")
         continue;
-      }
       if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX))
         return parent;
     }
@@ -222,7 +217,7 @@
       if (!this.moveable)
         throw new Error("\u672A\u521D\u59CB\u5316moveable");
       if (!el)
-        throw new Error("\u4E3A\u9009\u4E2D\u4EFB\u4F55\u8282\u70B9");
+        throw new Error("\u672A\u9009\u4E2D\u4EFB\u4F55\u8282\u70B9");
       this.target = el;
       this.init(el);
       Object.entries(this.moveableOptions).forEach(([key, value]) => {
@@ -297,7 +292,7 @@
     }
     bindResizeEvent() {
       if (!this.moveable)
-        throw new Error("moveable \u4E3A\u521D\u59CB\u5316");
+        throw new Error("moveable \u672A\u521D\u59CB\u5316");
       const frame = {
         left: 0,
         top: 0
@@ -331,7 +326,7 @@
     }
     bindDragEvent() {
       if (!this.moveable)
-        throw new Error("moveable \u4E3A\u521D\u59CB\u5316");
+        throw new Error("moveable \u672A\u521D\u59CB\u5316");
       const frame = {
         left: 0,
         top: 0
@@ -373,7 +368,7 @@
     }
     bindRotateEvent() {
       if (!this.moveable)
-        throw new Error("moveable \u4E3A\u521D\u59CB\u5316");
+        throw new Error("moveable \u672A\u521D\u59CB\u5316");
       this.moveable.on("rotateStart", (e) => {
         this.dragStatus = "start" /* START */;
         this.moveableHelper?.onRotateStart(e);
@@ -397,7 +392,7 @@
     }
     bindScaleEvent() {
       if (!this.moveable)
-        throw new Error("moveable \u4E3A\u521D\u59CB\u5316");
+        throw new Error("moveable \u672A\u521D\u59CB\u5316");
       this.moveable.on("scaleStart", (e) => {
         this.dragStatus = "start" /* START */;
         this.moveableHelper?.onScaleStart(e);
@@ -1084,6 +1079,9 @@
           }
         }
         this.emit("onload");
+        this.contentWindow.postMessage({
+          tmagicRuntimeReady: true
+        }, "*");
       };
       this.core = core;
       this.runtimeUrl = core.config.runtimeUrl || "";
@@ -1250,10 +1248,10 @@
     setZoom(zoom = DEFAULT_ZOOM) {
       this.zoom = zoom;
     }
-    mount(el) {
+    async mount(el) {
       this.container = el;
       const { mask, renderer } = this;
-      renderer.mount(el);
+      await renderer.mount(el);
       mask.mount(el);
       this.emit("mounted");
     }