fix: support iframe context #932

daybrush · Jun 4, 2023 · 3e87cc7 · 3e87cc7
1 parent 5846e50
commit 3e87cc7
Show file tree

Hide file tree

Showing 16 changed files with 254 additions and 126 deletions.
diff --git a/package.json b/package.json
@@ -95,7 +95,7 @@
         ]
     },
     "resolutions": {
-        "@daybrush/utils": "^1.12.1",
+        "@daybrush/utils": "^1.13.0",
         "@types/react": "^16.9.17",
         "typescript": "^4.5.0 <4.6.0",
         "@storybook/react": "^6.4.22",
@@ -114,12 +114,12 @@
         "framework-utils": "^1.1.0",
         "gesto": "^1.19.0",
         "overlap-area": "^1.1.0",
-        "croact-css-styled": "^1.1.8",
-        "react-css-styled": "^1.1.8",
+        "croact-css-styled": "^1.1.9",
+        "react-css-styled": "^1.1.9",
         "tslib": "^2.3.1"
     },
     "overrides": {
-        "@daybrush/utils": "^1.12.1",
+        "@daybrush/utils": "^1.13.0",
         "@types/react": "^16.9.17",
         "typescript": "^4.5.0 <4.6.0",
         "@storybook/react": "^6.4.22",
@@ -138,8 +138,8 @@
         "framework-utils": "^1.1.0",
         "gesto": "^1.19.0",
         "overlap-area": "^1.1.0",
-        "croact-css-styled": "^1.1.8",
-        "react-css-styled": "^1.1.8",
+        "croact-css-styled": "^1.1.9",
+        "react-css-styled": "^1.1.9",
         "tslib": "^2.3.1"
     }
 }
diff --git a/packages/croact-moveable/package.json b/packages/croact-moveable/package.json
@@ -58,7 +58,7 @@
     "devDependencies": {
         "@daybrush/builder": "^0.1.2",
         "@types/react": "^16.9.17",
-        "croact": "^1.0.3",
+        "croact": "^1.0.4",
         "keycon": "^0.3.0",
         "print-sizes": "^0.2.0",
         "pvu": "^0.6.1",
@@ -68,19 +68,19 @@
         "typescript": "^4.5.0 <4.6.0"
     },
     "dependencies": {
-        "@daybrush/utils": "^1.12.1",
+        "@daybrush/utils": "^1.13.0",
         "@egjs/agent": "^2.2.1",
         "@egjs/children-differ": "^1.0.1",
         "@egjs/list-differ": "^1.0.0",
         "@scena/dragscroll": "^1.4.0",
         "@scena/event-emitter": "^1.0.5",
         "@scena/matrix": "^1.1.1",
-        "croact-css-styled": "^1.1.8",
+        "croact-css-styled": "^1.1.9",
         "css-to-mat": "^1.0.3",
         "framework-utils": "^1.1.0",
         "gesto": "^1.19.0",
         "overlap-area": "^1.1.0",
-        "react-css-styled": "^1.1.8",
+        "react-css-styled": "^1.1.9",
         "react-moveable": "~0.50.7"
     }
 }
diff --git a/packages/helper/package.json b/packages/helper/package.json
@@ -84,7 +84,7 @@
         "typescript": "^4.5.0 <4.6.0"
     },
     "dependencies": {
-        "@daybrush/utils": "^1.11.0"
+        "@daybrush/utils": "^1.13.0"
     },
     "browserslist": {
         "production": [

diff --git a/packages/lit-moveable/package.json b/packages/lit-moveable/package.json
@@ -63,7 +63,7 @@
         "typescript": "^4.5.0 <4.6.0"
     },
     "dependencies": {
-        "@daybrush/utils": "^1.12.1",
+        "@daybrush/utils": "^1.13.0",
         "framework-utils": "^1.1.0",
         "moveable": "~0.47.9"
     }

diff --git a/packages/moveable/package.json b/packages/moveable/package.json
@@ -64,8 +64,9 @@
     "declaration/*"
   ],
   "dependencies": {
+    "@daybrush/utils": "^1.13.0",
     "@scena/event-emitter": "^1.0.5",
-    "croact": "^1.0.3",
+    "croact": "^1.0.4",
     "croact-moveable": "~0.3.8",
     "react-moveable": "~0.50.7"
   },

diff --git a/packages/moveable/src/MoveableManager.tsx b/packages/moveable/src/MoveableManager.tsx
@@ -6,7 +6,7 @@ import {
     MoveableInterface,
     MoveableOptions, MoveableProperties,
 } from "react-moveable/types";
-import { camelize, isArray } from "@daybrush/utils";
+import { camelize, getDocument, isArray } from "@daybrush/utils";
 import { MoveableEventsParameters } from "./types";
 import { PROPERTIES, EVENTS, METHODS } from "./consts";
 import EventEmitter from "@scena/event-emitter";
@@ -67,7 +67,7 @@ class MoveableManager extends EventEmitter<MoveableEventsParameters> {
             this._warp = true;
             selfElement = parentElement;
         } else {
-            selfElement = document.createElement("div");
+            selfElement = getDocument(parentElement).createElement("div");
             parentElement.appendChild(selfElement);
         }
         this.containerProvider = renderSelf(
@@ -78,6 +78,8 @@ class MoveableManager extends EventEmitter<MoveableEventsParameters> {
             /> as any,
             selfElement,
         );
+
+        this.selfElement = selfElement;
         const target = nextOptions.target!;
         if (isArray(target) && target.length > 1) {
             this.updateRect();