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

package/dist/tmagic-stage.es.js

@@ -79,11 +79,6 @@ const isSameDomain = (targetUrl = "", source = globalThis.location.host) => {
     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;
@@ -124,15 +119,15 @@ const getMode = (el) => {
 };
 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;
   }
@@ -215,7 +210,7 @@ class StageDragResize extends EventEmitter {
     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]) => {
@@ -290,7 +285,7 @@ class StageDragResize extends EventEmitter {
   }
   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
@@ -324,7 +319,7 @@ class StageDragResize extends EventEmitter {
   }
   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
@@ -366,7 +361,7 @@ class StageDragResize extends EventEmitter {
   }
   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);
@@ -390,7 +385,7 @@ class StageDragResize extends EventEmitter {
   }
   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);
@@ -1077,6 +1072,9 @@ class StageRender extends EventEmitter {
         }
       }
       this.emit("onload");
+      this.contentWindow.postMessage({
+        tmagicRuntimeReady: true
+      }, "*");
     };
     this.core = core;
     this.runtimeUrl = core.config.runtimeUrl || "";
@@ -1243,10 +1241,10 @@ class StageCore extends EventEmitter {
   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");
   }