@tmagic/stage 1.0.0-beta.6 → 1.0.0-beta.7

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.7",
   "name": "@tmagic/stage",
   "sideEffects": false,
   "main": "dist/tmagic-stage.umd.js",
@@ -27,7 +27,7 @@
     "@tmagic/utils": "^1.0.0-beta.6",
     "events": "^3.3.0",
     "lodash-es": "^4.17.21",
-    "moveable": "^0.28.0"
+    "moveable": "^0.25.3"
   },
   "devDependencies": {
     "@types/events": "^3.0.0",

package/src/StageDragResize.ts

@@ -246,10 +246,12 @@ export default class StageDragResize extends EventEmitter {
       (await renderer.getRuntime())?.getSnapElements ||
       (() => {
         const doc = renderer.contentWindow?.document;
-        return (doc ? Array.from(doc.querySelectorAll('[id]')) : []) as HTMLElement[];
+        const elementGuidelines = (doc ? Array.from(doc.querySelectorAll('[id]')) : [])
+          // 排除掉当前组件本身
+          .filter((element) => element !== this.target && !this.target?.contains(element));
+        return elementGuidelines as HTMLElement[];
       });
-    // 排除掉当前组件本身
-    return getSnapElements(el).filter((element) => element !== this.target && !this.target?.contains(element));
+    return getSnapElements(el);
   }
 
   private sort(): void {
@@ -339,8 +341,8 @@ export default class StageDragResize extends EventEmitter {
       resizable: true,
       snappable: !isSortable,
       snapGap: !isSortable,
-      snapDirections: { center: !isSortable, middle: !isSortable },
-      elementSnapDirections: { center: !isSortable, middle: !isSortable },
+      snapCenter: !isSortable,
+      container: renderer.contentWindow?.document.body,
 
       elementGuidelines: isSortable ? [] : await this.getSnapElements(this.target),
       horizontalGuidelines: this.horizontalGuidelines,