@tmagic/stage 1.1.4 → 1.1.6

package/dist/tmagic-stage.mjs

@@ -172,7 +172,9 @@ const calcValueByFontsize = (doc, value) => {
 const down = (deltaTop, target) => {
   let swapIndex = 0;
   let addUpH = target.clientHeight;
-  const brothers = Array.from(target.parentNode?.children || []).filter((node) => !node.id.startsWith(GHOST_EL_ID_PREFIX));
+  const brothers = Array.from(target.parentNode?.children || []).filter(
+    (node) => !node.id.startsWith(GHOST_EL_ID_PREFIX)
+  );
   const index = brothers.indexOf(target);
   const downEls = brothers.slice(index + 1);
   for (let i = 0; i < downEls.length; i++) {
@@ -193,7 +195,9 @@ const down = (deltaTop, target) => {
   };
 };
 const up = (deltaTop, target) => {
-  const brothers = Array.from(target.parentNode?.children || []).filter((node) => !node.id.startsWith(GHOST_EL_ID_PREFIX));
+  const brothers = Array.from(target.parentNode?.children || []).filter(
+    (node) => !node.id.startsWith(GHOST_EL_ID_PREFIX)
+  );
   const index = brothers.indexOf(target);
   const upEls = brothers.slice(0, index);
   let addUpH = target.clientHeight;
@@ -981,19 +985,22 @@ class StageMask extends Rule {
     this.wrapperResizeObserver?.disconnect();
     this.intersectionObserver?.disconnect();
     if (typeof IntersectionObserver !== "undefined") {
-      this.intersectionObserver = new IntersectionObserver((entries) => {
-        entries.forEach((entry) => {
-          const { target, intersectionRatio } = entry;
-          if (intersectionRatio <= 0) {
-            this.scrollIntoView(target);
-          }
-          this.intersectionObserver?.unobserve(target);
-        });
-      }, {
-        root: this.pageScrollParent,
-        rootMargin: "0px",
-        threshold: 1
-      });
+      this.intersectionObserver = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            const { target, intersectionRatio } = entry;
+            if (intersectionRatio <= 0) {
+              this.scrollIntoView(target);
+            }
+            this.intersectionObserver?.unobserve(target);
+          });
+        },
+        {
+          root: this.pageScrollParent,
+          rootMargin: "0px",
+          threshold: 1
+        }
+      );
     }
     if (typeof ResizeObserver !== "undefined") {
       this.pageResizeObserver = new ResizeObserver((entries) => {
@@ -1169,9 +1176,12 @@ class StageMultiDragResize extends EventEmitter {
     });
     this.moveableForMulti?.destroy();
     this.multiMoveableHelper?.clear();
-    this.moveableForMulti = new Moveable(this.container, this.getOptions({
-      target: this.dragElList
-    }));
+    this.moveableForMulti = new Moveable(
+      this.container,
+      this.getOptions({
+        target: this.dragElList
+      })
+    );
     this.multiMoveableHelper = MoveableHelper.create({
       useBeforeRender: true,
       useRender: false,
@@ -1180,7 +1190,9 @@ class StageMultiDragResize extends EventEmitter {
     const frames = [];
     const setFrames = (events) => {
       events.forEach((ev) => {
-        const matchEventTarget = this.targetList.find((targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+        const matchEventTarget = this.targetList.find(
+          (targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+        );
         if (!matchEventTarget)
           return;
         frames.push({
@@ -1199,10 +1211,14 @@ class StageMultiDragResize extends EventEmitter {
       const { events } = params;
       events.forEach((ev) => {
         const { width, height, beforeTranslate } = ev.drag;
-        const frameSnapShot = frames.find((frameItem) => frameItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+        const frameSnapShot = frames.find(
+          (frameItem) => frameItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+        );
         if (!frameSnapShot)
           return;
-        const targeEl = this.targetList.find((targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+        const targeEl = this.targetList.find(
+          (targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+        );
         if (!targeEl)
           return;
         const isParentIncluded = this.targetList.find((targetItem) => targetItem.id === targeEl.parentElement?.id);
@@ -1226,10 +1242,14 @@ class StageMultiDragResize extends EventEmitter {
     }).on("dragGroup", (params) => {
       const { events } = params;
       events.forEach((ev) => {
-        const frameSnapShot = frames.find((frameItem) => frameItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+        const frameSnapShot = frames.find(
+          (frameItem) => frameItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+        );
         if (!frameSnapShot)
           return;
-        const targeEl = this.targetList.find((targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+        const targeEl = this.targetList.find(
+          (targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+        );
         if (!targeEl)
           return;
         const isParentIncluded = this.targetList.find((targetItem) => targetItem.id === targeEl.parentElement?.id);
@@ -1420,9 +1440,12 @@ class StageRender extends EventEmitter {
   postTmagicRuntimeReady() {
     this.contentWindow = this.iframe?.contentWindow;
     this.contentWindow.magic = this.getMagicApi();
-    this.contentWindow.postMessage({
-      tmagicRuntimeReady: true
-    }, "*");
+    this.contentWindow.postMessage(
+      {
+        tmagicRuntimeReady: true
+      },
+      "*"
+    );
   }
 }