feat(modal): modal support draggable/resize (#544)

* feat(modal): modal support draggable

* feat(modal): modal support resizable

* test(modal): add unit tests

* chore: update deps

* feat(modal): make modal's maskClosable to false as default

* feat(modal): update modal

* docs(modal): update doc

Author: mortalYoung

package.json

@@ -83,6 +83,7 @@
         "@types/lodash-es": "^4.17.12",
         "@types/react": "^18.0.0",
         "@types/react-syntax-highlighter": "~15.5.13",
+        "@types/react-resizable": "^3.0.8",
         "@types/shortid": "^0.0.31",
         "@types/showdown": "^1.9.0",
         "@types/testing-library__jest-dom": "^5.14.5",
@@ -125,6 +126,7 @@
         "react-syntax-highlighter": "~15.5.0",
         "remark-gfm": "~3.0.1",
         "react-draggable": "~4.4.6",
+        "react-resizable": "^3.0.5",
         "shortid": "^2.2.16",
         "showdown": "^1.9.0"
     },

pnpm-lock.yaml

@@ -0,0 +1,10 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Handler Component should match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="dt-modal-resize-handle handle-x"
+    data-testid="handler"
+  />
+</DocumentFragment>
+`;