fix: resizable-wrapper cover listen wrong event

orca-team · Nov 7, 2023 · f7387ae · f7387ae · vercel · Nov 7, 2023
1 parent 0fe217a
commit f7387ae
Show file tree

Hide file tree

Showing 9 changed files with 53 additions and 25 deletions.
diff --git a/packages/antd-plus/CHANGELOG.md b/packages/antd-plus/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @orca-fe/painter
 
+## 0.3.8
+
+### Patch Changes
+
+- Updated dependencies
+  - @orca-fe/pocket@3.2.9
+
 ## 0.3.7
 
 ### Patch Changes

diff --git a/packages/antd-plus/package.json b/packages/antd-plus/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@orca-fe/antd-plus",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "Transformer Container",
   "keywords": [
     "react",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@orca-fe/hooks": "^1.10.0",
     "@orca-fe/jss-plugin-auto-prefix": "^0.0.1",
-    "@orca-fe/pocket": "^3.2.8",
+    "@orca-fe/pocket": "^3.2.9",
     "@orca-fe/simple-jss": "^0.0.3",
     "@orca-fe/tools": "^0.10.0",
     "ahooks": "^3.7.8",

diff --git a/packages/painter/CHANGELOG.md b/packages/painter/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @orca-fe/painter
 
+## 1.4.43
+
+### Patch Changes
+
+- Updated dependencies
+  - @orca-fe/pocket@3.2.9
+
 ## 1.4.42
 
 ### Patch Changes

diff --git a/packages/painter/package.json b/packages/painter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@orca-fe/painter",
-  "version": "1.4.42",
+  "version": "1.4.43",
   "description": "Konva Painter",
   "keywords": [
     "react",
@@ -39,7 +39,7 @@
   "dependencies": {
     "@orca-fe/hooks": "^1.10.0",
     "@orca-fe/jss-plugin-auto-prefix": "^0.0.1",
-    "@orca-fe/pocket": "^3.2.8",
+    "@orca-fe/pocket": "^3.2.9",
     "@orca-fe/simple-jss": "^0.0.3",
     "@orca-fe/tools": "^0.10.0",
     "ahooks": "^3.7.8",

diff --git a/packages/pdf-viewer/CHANGELOG.md b/packages/pdf-viewer/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @orca-fe/pdf-viewer
 
+## 1.19.7
+
+### Patch Changes
+
+- Updated dependencies
+  - @orca-fe/pocket@3.2.9
+  - @orca-fe/painter@1.4.43
+
 ## 1.19.6
 
 ### Patch Changes

diff --git a/packages/pdf-viewer/package.json b/packages/pdf-viewer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@orca-fe/pdf-viewer",
-  "version": "1.19.6",
+  "version": "1.19.7",
   "description": "PDF Viewer",
   "keywords": [
     "react",
@@ -40,9 +40,9 @@
   "dependencies": {
     "@orca-fe/hooks": "^1.10.0",
     "@orca-fe/jss-plugin-auto-prefix": "^0.0.1",
-    "@orca-fe/painter": "^1.4.42",
+    "@orca-fe/painter": "^1.4.43",
     "@orca-fe/pdfjs-dist-browserify": "^3.8.24",
-    "@orca-fe/pocket": "^3.2.8",
+    "@orca-fe/pocket": "^3.2.9",
     "@orca-fe/simple-jss": "^0.0.3",
     "@orca-fe/tools": "^0.10.0",
     "ahooks": "^3.7.8",

diff --git a/packages/pocket/CHANGELOG.md b/packages/pocket/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @orca-fe/pocket
 
+## 3.2.9
+
+### Patch Changes
+
+- fix: resizable-wrapper cover listen wrong event
+
 ## 3.2.8
 
 ### Patch Changes

diff --git a/packages/pocket/package.json b/packages/pocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@orca-fe/pocket",
-  "version": "3.2.8",
+  "version": "3.2.9",
   "description": "UI components by orca-team",
   "keywords": [
     "react",

diff --git a/packages/pocket/src/resizable-wrapper/ResizableWrapper.tsx b/packages/pocket/src/resizable-wrapper/ResizableWrapper.tsx
@@ -122,23 +122,6 @@ const ResizableWrapper = (props: ResizableWrapperProps, pRef) => {
 
   useEventListener('pointerdown', () => {
     _this.size = undefined;
-
-    // create cover
-    if (!_this.cover && cover) {
-      _this.cover = document.createElement('div');
-      _this.cover.style.position = 'fixed';
-      _this.cover.style.top = '0';
-      _this.cover.style.left = '0';
-      _this.cover.style.right = '0';
-      _this.cover.style.bottom = '0';
-      _this.cover.style.zIndex = typeof cover === 'object' && cover.zIndex != null ? cover.zIndex.toString() : '99999';
-      if (horizontal) {
-        _this.cover.style.cursor = 'ew-resize';
-      } else if (vertical) {
-        _this.cover.style.cursor = 'ns-resize';
-      }
-      document.body.appendChild(_this.cover);
-    }
   });
 
   useSizeListener(() => {
@@ -181,6 +164,23 @@ const ResizableWrapper = (props: ResizableWrapperProps, pRef) => {
                 initialMouse: e.clientY,
               });
             }
+
+            // create cover
+            if (!_this.cover && cover) {
+              _this.cover = document.createElement('div');
+              _this.cover.style.position = 'fixed';
+              _this.cover.style.top = '0';
+              _this.cover.style.left = '0';
+              _this.cover.style.right = '0';
+              _this.cover.style.bottom = '0';
+              _this.cover.style.zIndex = typeof cover === 'object' && cover.zIndex != null ? cover.zIndex.toString() : '99999';
+              if (horizontal) {
+                _this.cover.style.cursor = 'ew-resize';
+              } else if (vertical) {
+                _this.cover.style.cursor = 'ns-resize';
+              }
+              document.body.appendChild(_this.cover);
+            }
           }}
         />
       )}