@tmagic/stage 1.3.2 → 1.3.4

package/dist/tmagic-stage.umd.cjs

@@ -733,15 +733,15 @@
     /**
      * 设置有哪些元素要辅助对齐
      * @param selectedElList 选中的元素列表，需要排除在对齐元素之外
-     * @param allElList 全部元素列表
      */
-    setElementGuidelines(selectedElList, allElList) {
+    setElementGuidelines(selectedElList) {
       this.elementGuidelines.forEach((node) => {
         node.remove();
       });
       this.elementGuidelines = [];
+      const elementGuidelines = this.getCustomizeOptions()?.elementGuidelines || Array.from(selectedElList[0]?.parentElement?.children || []);
       if (this.mode === Mode.ABSOLUTE) {
-        this.container.append(this.createGuidelineElements(selectedElList, allElList));
+        this.container.append(this.createGuidelineElements(selectedElList, elementGuidelines));
       }
     }
     /**
@@ -858,10 +858,18 @@
      */
     createGuidelineElements(selectedElList, allElList) {
       const frame = globalThis.document.createDocumentFragment();
-      for (const node of allElList) {
-        const { width, height } = node.getBoundingClientRect();
+      for (const element of allElList) {
+        let node = element.element || element;
+        if (!node || typeof node === "string")
+          continue;
+        if (typeof node === "function") {
+          node = node();
+        }
         if (this.isInElementList(node, selectedElList))
           continue;
+        const { width, height } = node.getBoundingClientRect();
+        if (!width || !height)
+          continue;
         const { left, top } = getOffset(node);
         const elementGuideline = globalThis.document.createElement("div");
         elementGuideline.style.cssText = `position: absolute;width: ${width}px;height: ${height}px;top: ${top}px;left: ${left}px`;
@@ -970,8 +978,7 @@
       this.mode = getMode(el);
       this.dragResizeHelper.updateShadowEl(el);
       this.dragResizeHelper.setMode(this.mode);
-      const elementGuidelines = Array.from(this.target?.parentElement?.children || []);
-      this.setElementGuidelines([this.target], elementGuidelines);
+      this.setElementGuidelines([this.target]);
       return this.getOptions(false, {
         target: this.dragResizeHelper.getShadowEl()
       });
@@ -1239,8 +1246,7 @@
       this.mode = getMode(els[0]);
       this.targetList = els;
       this.dragResizeHelper.updateGroup(els);
-      const elementGuidelines = Array.from(this.targetList[0].parentElement?.children || []);
-      this.setElementGuidelines(this.targetList, elementGuidelines);
+      this.setElementGuidelines(this.targetList);
       this.moveableForMulti?.destroy();
       this.dragResizeHelper.clear();
       this.moveableForMulti = new Moveable(
@@ -1632,7 +1638,8 @@
               targetElId: this.selectedEl?.id,
               targetEls: this.selectedElList,
               targetElIds: this.selectedElList?.map((item) => item.id),
-              isMulti
+              isMulti,
+              document: this.getRenderDocument()
             };
             return options(cfg);
           }