From 740d9f4111caeaabcea19a6d10f986c98fb88ae5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Wed, 27 Jul 2022 16:50:55 +0800
Subject: [PATCH] fix: Drawer width with ptg (#36729)

* fix: Drawer width with ptg

* test:Update snapshot
---
 .../__snapshots__/components.test.js.snap      | 14 +++++++-------
 .../__snapshots__/Drawer.test.js.snap          | 18 +++++++++---------
 .../__snapshots__/DrawerEvent.test.js.snap     |  2 +-
 .../__snapshots__/demo-extend.test.tsx.snap    |  4 ++--
 .../__tests__/__snapshots__/demo.test.js.snap  |  1 +
 package.json                                   |  2 +-
 6 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index 3925451002..4b55b7e76d 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -14431,12 +14431,12 @@ exports[`ConfigProvider components Drawer configProvider 1`] = `
   />
   <div
     class="config-drawer-content-wrapper"
+    style="width:378px"
   >
     <div
       aria-modal="true"
       class="config-drawer-content"
       role="dialog"
-      style="width:378px"
     >
       <div
         class="config-drawer-wrapper-body"
@@ -14505,12 +14505,12 @@ exports[`ConfigProvider components Drawer configProvider componentDisabled 1`] =
   />
   <div
     class="config-drawer-content-wrapper"
+    style="width:378px"
   >
     <div
       aria-modal="true"
       class="config-drawer-content"
       role="dialog"
-      style="width:378px"
     >
       <div
         class="config-drawer-wrapper-body"
@@ -14579,12 +14579,12 @@ exports[`ConfigProvider components Drawer configProvider componentSize large 1`]
   />
   <div
     class="config-drawer-content-wrapper"
+    style="width:378px"
   >
     <div
       aria-modal="true"
       class="config-drawer-content"
       role="dialog"
-      style="width:378px"
     >
       <div
         class="config-drawer-wrapper-body"
@@ -14653,12 +14653,12 @@ exports[`ConfigProvider components Drawer configProvider componentSize middle 1`
   />
   <div
     class="config-drawer-content-wrapper"
+    style="width:378px"
   >
     <div
       aria-modal="true"
       class="config-drawer-content"
       role="dialog"
-      style="width:378px"
     >
       <div
         class="config-drawer-wrapper-body"
@@ -14727,12 +14727,12 @@ exports[`ConfigProvider components Drawer configProvider virtual and dropdownMat
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width:378px"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="width:378px"
     >
       <div
         class="ant-drawer-wrapper-body"
@@ -14801,12 +14801,12 @@ exports[`ConfigProvider components Drawer normal 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width:378px"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="width:378px"
     >
       <div
         class="ant-drawer-wrapper-body"
@@ -14875,12 +14875,12 @@ exports[`ConfigProvider components Drawer prefixCls 1`] = `
   />
   <div
     class="prefix-Drawer-content-wrapper"
+    style="width:378px"
   >
     <div
       aria-modal="true"
       class="prefix-Drawer-content"
       role="dialog"
-      style="width:378px"
     >
       <div
         class="prefix-Drawer-wrapper-body"
diff --git a/components/drawer/__tests__/__snapshots__/Drawer.test.js.snap b/components/drawer/__tests__/__snapshots__/Drawer.test.js.snap
index cc456f5f85..8b734f11ad 100644
--- a/components/drawer/__tests__/__snapshots__/Drawer.test.js.snap
+++ b/components/drawer/__tests__/__snapshots__/Drawer.test.js.snap
@@ -16,12 +16,12 @@ exports[`Drawer className is test_drawer 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width: 378px;"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="width: 378px;"
     >
       <div
         class="ant-drawer-wrapper-body"
@@ -92,12 +92,12 @@ exports[`Drawer closable is false 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width: 378px;"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="width: 378px;"
     >
       <div
         class="ant-drawer-wrapper-body"
@@ -140,12 +140,12 @@ exports[`Drawer getContainer return undefined 2`] = `
     />
     <div
       class="ant-drawer-content-wrapper"
+      style="width: 400px;"
     >
       <div
         aria-modal="true"
         class="ant-drawer-content"
         role="dialog"
-        style="width: 400px;"
       >
         <div
           class="ant-drawer-wrapper-body"
@@ -217,12 +217,12 @@ exports[`Drawer have a footer 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width: 378px;"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="width: 378px;"
     >
       <div
         class="ant-drawer-wrapper-body"
@@ -298,12 +298,12 @@ exports[`Drawer have a title 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width: 378px;"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="width: 378px;"
     >
       <div
         class="ant-drawer-wrapper-body"
@@ -379,12 +379,12 @@ exports[`Drawer render correctly 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width: 400px;"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="width: 400px;"
     >
       <div
         class="ant-drawer-wrapper-body"
@@ -455,12 +455,12 @@ exports[`Drawer render top drawer 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="height: 400px;"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="height: 400px;"
     >
       <div
         class="ant-drawer-wrapper-body"
@@ -534,12 +534,12 @@ exports[`Drawer style/drawerStyle/headerStyle/bodyStyle should work 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width: 378px;"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="width: 378px;"
     >
       <div
         class="ant-drawer-wrapper-body"
@@ -613,12 +613,12 @@ exports[`Drawer support closeIcon 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width: 400px;"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content"
       role="dialog"
-      style="width: 400px;"
     >
       <div
         class="ant-drawer-wrapper-body"
diff --git a/components/drawer/__tests__/__snapshots__/DrawerEvent.test.js.snap b/components/drawer/__tests__/__snapshots__/DrawerEvent.test.js.snap
index 1001067ed1..8db72b622a 100644
--- a/components/drawer/__tests__/__snapshots__/DrawerEvent.test.js.snap
+++ b/components/drawer/__tests__/__snapshots__/DrawerEvent.test.js.snap
@@ -16,12 +16,12 @@ exports[`Drawer render correctly 1`] = `
   />
   <div
     class="ant-drawer-content-wrapper"
+    style="width: 378px;"
   >
     <div
       aria-modal="true"
       class="ant-drawer-content ant-drawer-panel-motion-right-leave ant-drawer-panel-motion-right-leave-start ant-drawer-panel-motion-right"
       role="dialog"
-      style="width: 378px;"
     >
       <div
         class="ant-drawer-wrapper-body"
diff --git a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
index 1441e2df09..26e6b58499 100644
--- a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
+++ b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
@@ -40,12 +40,12 @@ exports[`renders ./components/drawer/demo/config-provider.md extend context corr
       />
       <div
         class="ant-drawer-content-wrapper"
+        style="width: 378px;"
       >
         <div
           aria-modal="true"
           class="ant-drawer-content ant-drawer-panel-motion-right-appear ant-drawer-panel-motion-right-appear-active ant-drawer-panel-motion-right"
           role="dialog"
-          style="width: 378px;"
         >
           <div
             class="ant-drawer-wrapper-body"
@@ -416,12 +416,12 @@ exports[`renders ./components/drawer/demo/render-in-current.md extend context co
     />
     <div
       class="ant-drawer-content-wrapper"
+      style="width: 378px;"
     >
       <div
         aria-modal="true"
         class="ant-drawer-content ant-drawer-panel-motion-right-appear ant-drawer-panel-motion-right-appear-active ant-drawer-panel-motion-right"
         role="dialog"
-        style="width: 378px;"
       >
         <div
           class="ant-drawer-wrapper-body"
diff --git a/components/drawer/__tests__/__snapshots__/demo.test.js.snap b/components/drawer/__tests__/__snapshots__/demo.test.js.snap
index b2bf0b7af1..4f380779a7 100644
--- a/components/drawer/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/drawer/__tests__/__snapshots__/demo.test.js.snap
@@ -322,6 +322,7 @@ exports[`renders ./components/drawer/demo/render-in-current.md correctly 1`] = `
     />
     <div
       class="ant-drawer-content-wrapper"
+      style="width:378px"
     />
     <div
       aria-hidden="true"
diff --git a/package.json b/package.json
index 482dea7f27..e0036bc592 100644
--- a/package.json
+++ b/package.json
@@ -128,7 +128,7 @@
     "rc-checkbox": "~2.3.0",
     "rc-collapse": "~3.3.0",
     "rc-dialog": "~8.9.0",
-    "rc-drawer": "~5.0.0-alpha.7",
+    "rc-drawer": "~5.0.0-alpha.8",
     "rc-dropdown": "~4.0.0",
     "rc-field-form": "~1.27.0",
     "rc-image": "~5.7.0",