fix: 修复 Dialog 会遮挡背景内容的 bug

orca-team · Feb 18, 2024 · 809c391 · 809c391
1 parent c715bf6
commit 809c391
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/packages/antd-plus/CHANGELOG.md b/packages/antd-plus/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @orca-fe/painter
 
+## 0.3.19
+
+### Patch Changes
+
+- fix: 修复 Dialog 会遮挡背景内容的 bug
+
 ## 0.3.18
 
 ### 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.18",
+  "version": "0.3.19",
   "description": "Transformer Container",
   "keywords": [
     "react",

diff --git a/packages/antd-plus/src/dialog/Dialog.style.ts b/packages/antd-plus/src/dialog/Dialog.style.ts
@@ -5,6 +5,7 @@ const prefix = 'orca-dialog';
 export default createUseStyles(
   {
     wrapper: {
+      pointerEvents: 'none',
       position: 'fixed',
       top: '0',
       left: '0',
@@ -28,6 +29,7 @@ export default createUseStyles(
       flexDirection: 'column',
       opacity: '1',
       border: '1px solid transparent',
+      pointerEvents: 'initial',
 
       '&:focus': {
         outline: 'none',
@@ -65,9 +67,8 @@ export default createUseStyles(
     },
 
     hidden: {
-      pointerEvents: 'none',
-
       '& $root': {
+        pointerEvents: 'none',
         transform: 'scale(0.8)',
         opacity: 0,
       },