@tmagic/stage 1.3.3 → 1.3.5

package/dist/tmagic-stage.js

@@ -736,15 +736,15 @@ class MoveableOptionsManager extends EventEmitter {
   /**
    * 设置有哪些元素要辅助对齐
    * @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));
     }
   }
   /**
@@ -861,10 +861,18 @@ class MoveableOptionsManager extends EventEmitter {
    */
   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`;
@@ -973,8 +981,7 @@ class StageDragResize extends MoveableOptionsManager {
     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()
     });
@@ -1242,8 +1249,7 @@ class StageMultiDragResize extends MoveableOptionsManager {
     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(
@@ -1635,7 +1641,8 @@ class ActionManager extends EventEmitter {
             targetElId: this.selectedEl?.id,
             targetEls: this.selectedElList,
             targetElIds: this.selectedElList?.map((item) => item.id),
-            isMulti
+            isMulti,
+            document: this.getRenderDocument()
           };
           return options(cfg);
         }