feat(form):Create resizable drawer

[natashaamin]

Screen.Recording.2023-06-27.at.11.53.54.AM.online-video-cutter.com.mp4

By adding new api called isResizable, user will be able to change the width of the drawer by dragging it. It gives a flexible way for user to have a better view of internal content.

Do let me know if there i any changes need to improve. I really appreciate the afford to review it. Thank you!

[github-actions]

😭 Deploy PR Preview failed.

[chenshuai2144]

我对 api 有一些疑问，我觉得这样会好一些

resize={{
   onResize:(size)=>{}
}}

resize=false

resize={{}}

[natashaamin]

我对 api 有一些疑问，我觉得这样会好一些

resize={{
   onResize:(size)=>{}
}}

resize=false

resize={{}}

do u still have a lot of keys inside resize? or is it only onResize?

[codecov]

Codecov Report

Patch coverage: 63.15% and project coverage change: -0.18 ⚠️

Comparison is base (89e1fb4) 97.89% compared to head (466025a) 97.72%.

❗ Current head 466025a differs from pull request most recent head d8edc9b. Consider uploading reports for the commit d8edc9b to get more accurate results

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #7288      +/-   ##
==========================================
- Coverage   97.89%   97.72%   -0.18%     
==========================================
  Files         338      339       +1     
  Lines       11282    11335      +53     
  Branches     4108     4125      +17     
==========================================
+ Hits        11045    11077      +32     
- Misses        198      219      +21     
  Partials       39       39              

Impacted Files	Coverage Δ
packages/form/src/layouts/DrawerForm/index.tsx	84.55% <54.34%> (-15.45%)	⬇️
packages/field/src/components/Code/index.tsx	100.00% <100.00%> (ø)
packages/form/src/layouts/DrawerForm/style.ts	100.00% <100.00%> (ø)
packages/layout/src/ProLayout.tsx	97.81% <100.00%> (ø)

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[ONLY-yours]

Codecov Report

Patch coverage: 63.41% and project coverage change: -0.12 ⚠️

Comparison is base (da90c1a) 97.98% compared to head (ce5af9e) 97.86%.

❗ Current head ce5af9e differs from pull request most recent head e759a90. Consider uploading reports for the commit e759a90 to get more accurate results

Additional details and impacted files
☔ View full report in Codecov by Sentry. 📢 Do you have feedback about the report comment? Let us know in this issue.

@natashaamin can you add some unit test about it, coverage was a little updown

[chenshuai2144]

Currently, there is only 'onResize' available, but in the future, there might be additional features added, such as maximum width and minimum width.

@natashaamin

[natashaamin]

Currently, there is only 'onResize' available, but in the future, there might be additional features added, such as maximum width and minimum width.

@natashaamin

Tried to do as what you suggestion. Can you help me take a look into it please? Thank you.

[chenshuai2144]

👌