chore: adjust

Author: aojunhao123

.gitignore

@@ -44,4 +44,5 @@ es/
 .dumi/tmp
 .dumi/tmp-production
 
-bun.lockb
+bun.lockb
+.vscode

assets/preview.less

@@ -5,6 +5,7 @@
   overflow: hidden;
   user-select: none;
   inset: 0;
+  z-index: 1055;
 
   &-mask {
     position: absolute;

docs/examples/nested.tsx

@@ -1,91 +1,74 @@
 import React, { useState } from 'react';
-import { Button, Divider, Modal } from 'antd';
+import { Button, Divider } from 'antd';
+import Dialog from '@rc-component/dialog';
 import Image from '@rc-component/image';
+import '@rc-component/dialog/assets/index.css';
+import '../../assets/index.less';
 
 const App: React.FC = () => {
-  const [show1, setShow1] = useState(false);
-  const [show2, setShow2] = useState(false);
-  const [show3, setShow3] = useState(false);
+  const [show, setShow] = useState(false);
   return (
     <>
       <Button
         onClick={() => {
-          setShow1(true);
+          setShow(true);
         }}
       >
         showModal
       </Button>
-      <Modal
-        open={show1}
-        afterOpenChange={(open) => {
-          setShow1(open);
+      <Dialog
+        visible={show}
+        afterOpenChange={open => {
+          setShow(open);
         }}
-        onCancel={() => {
-          setShow1(false);
+        onClose={() => {
+          setShow(false);
         }}
-        onOk={() => setShow1(false)}
+        footer={
+          <>
+            <Button
+              onClick={() => {
+                setShow(false);
+              }}
+            >
+              Cancel
+            </Button>
+            <Button
+              type="primary"
+              onClick={() => {
+                setShow(false);
+              }}
+            >
+              OK
+            </Button>
+          </>
+        }
       >
-        <Button
-          onClick={() => {
-            setShow2(true);
+        <Image
+          width={200}
+          alt="svg image"
+          src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
+        />
+        <Divider />
+        <Image.PreviewGroup
+          preview={{
+            onChange: (current, prev) =>
+              console.log(`current index: ${current}, prev index: ${prev}`),
           }}
         >
-          test2
-        </Button>
-        <Modal
-          open={show2}
-          afterOpenChange={(open) => {
-            setShow2(open);
-          }}
-          onCancel={() => {
-            setShow2(false);
-          }}
-          onOk={() => setShow2(false)}
-        >
-          <Button
-            onClick={() => {
-              setShow3(true);
-            }}
-          >
-            test3
-          </Button>
-          <Modal
-            open={show3}
-            afterOpenChange={(open) => {
-              setShow3(open);
-            }}
-            onCancel={() => {
-              setShow3(false);
-            }}
-            onOk={() => setShow3(false)}
-          >
-            <Image
-              width={200}
-              alt="svg image"
-              src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
-            />
-            <Divider />
-            <Image.PreviewGroup
-              preview={{
-                onChange: (current, prev) =>
-                  console.log(`current index: ${current}, prev index: ${prev}`),
-              }}
-            >
-              <Image
-                width={200}
-                alt="svg image"
-                src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
-              />
-              <Image
-                width={200}
-                src="https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg"
-              />
-            </Image.PreviewGroup>
-          </Modal>
-        </Modal>
-      </Modal>
+          <Image
+            width={200}
+            alt="svg image"
+            src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
+          />
+          <Image
+            width={200}
+            src="https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg"
+          />
+        </Image.PreviewGroup>
+      </Dialog>
     </>
   );
 };
 
-export default App;
+export default App;

package.json

@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "@rc-component/motion": "^1.0.0",
-    "@rc-component/portal": "^2.0.0",
+    "@rc-component/portal": "^2.1.2",
     "@rc-component/util": "^1.3.0",
     "clsx": "^2.1.1"
   },
@@ -50,6 +50,7 @@
     "antd": "^6.1.2",
     "@rc-component/father-plugin": "^2.0.2",
     "@rc-component/np": "^1.0.0",
+    "@rc-component/dialog": "^1.7.0",
     "@testing-library/jest-dom": "^6.4.0",
     "@testing-library/react": "^15.0.6",
     "@types/jest": "^30.0.0",