feat: add resizable drawer feature (#528)

* feat: add resizable drawer feature

* fix: reset tsconfig include paths for .dumi directory

* feat: refactor resizable drawer to use drag hook

* fix: vertical motion and overflow handling in DrawerPopup

* feat: improve Drawer resizable logic and add tests

* chore: reformat API props in README

* fix: resizable drawer logic and useDrag hook

* chore: remove redundant comments in DrawerPopup.tsx

* chore: update resizable drawer tests

* chore: remove redundant comments from drawer menu tests

* feat: refactor resizable drawer to support controlled and uncontrolled modes

* chore: reset README.md

* chore: reset README.md

* chore: reset README.md

* chore: modify README.md

* chore: modify README.md

* chore: make resizable onResize callback optional

* fix: update resizable prop to use optional callbacks

* fix: optional chaining on resizable callbacks

* fix: remove resizable prop from modal example

* fix: refactor Drawer width and DrawerPopup sizing logic

* feat: modify size logic and test units

* fix: modify isControlled logic and test units

* chore: adjust logic to merge code

* chore: clean up

* chore: fallback

* chore: adjust style

* chore: test coverage

---------

Co-authored-by: 二货机器人 <[email protected]>

Author: QdabuliuQ

README.md

@@ -49,6 +49,8 @@ ReactDom.render(
 | prefixCls          | string                                                                      | 'drawer'                               | prefix class                                                                  |
 | width              | string \| number                                                            | null                                   | drawer content wrapper width, drawer level transition width                   |
 | height             | string \| number                                                            | null                                   | drawer content wrapper height, drawer level transition height                 |
+| defaultWidth       | string \| number                                                            | null                                   | default width for uncontrolled resizable drawer                               |
+| defaultHeight      | string \| number                                                            | null                                   | default height for uncontrolled resizable drawer                              |
 | open               | boolean                                                                     | false                                  | open or close menu                                                            |
 | defaultOpen        | boolean                                                                     | false                                  | default open menu                                                             |
 | placement          | string                                                                      | `left`                                 | `left` `top` `right` `bottom`                                                 |
@@ -64,6 +66,7 @@ ReactDom.render(
 | onClose            | func                                                                        | null                                   | close click function                                                          |
 | keyboard           | boolean                                                                     | true                                   | Whether support press esc to close                                            |
 | autoFocus          | boolean                                                                     | true                                   | Whether focusing on the drawer after it opened                                |
+| resizable          | { onResize?: (size: number) => void; onResizeStart?: () => void; onResizeEnd?: () => void; } | -                                      | Resizable configuration with optional callbacks                                |
 | onMouseEnter       | React.MouseEventHandler\<HTMLDivElement\>                                   | -                                      | Trigger when mouse enter drawer panel                                         |
 | onMouseOver        | React.MouseEventHandler\<HTMLDivElement\>                                   | -                                      | Trigger when mouse over drawer panel                                          |
 | onMouseLeave       | React.MouseEventHandler\<HTMLDivElement\>                                   | -                                      | Trigger when mouse leave drawer panel                                         |