From 356f1326106ccf20f74b28449f1b3789aa2c29a1 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Mon, 11 Sep 2023 17:54:40 +0800
Subject: [PATCH] =?UTF-8?q?style(Drawer):=20antdv4=E7=89=88=E6=9C=AC=20dra?=
 =?UTF-8?q?wer=E8=A6=81=E4=BD=BF=E7=94=A8rootClassName=E6=9D=A5=E6=9D=A5?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E6=9C=80=E5=A4=96=E5=B1=82=E5=85=83=E7=B4=A0?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20(#3012)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Drawer/src/BasicDrawer.vue | 4 ++--
 src/components/Drawer/src/typing.ts       | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Drawer/src/BasicDrawer.vue b/src/components/Drawer/src/BasicDrawer.vue
index 3124d0aa2e6..b3fd1222644 100644
--- a/src/components/Drawer/src/BasicDrawer.vue
+++ b/src/components/Drawer/src/BasicDrawer.vue
@@ -1,5 +1,5 @@
 <template>
-  <Drawer :class="prefixCls" @close="onClose" v-bind="getBindValues">
+  <Drawer :rootClassName="prefixCls" @close="onClose" v-bind="getBindValues">
     <template #title v-if="!$slots.title">
       <DrawerHeader
         :title="getMergeProps.title"
@@ -94,7 +94,7 @@
             opt.width = '100%';
           }
           const detailCls = `${prefixCls}__detail`;
-          opt.class = wrapClassName ? `${wrapClassName} ${detailCls}` : detailCls;
+          opt.rootClassName = wrapClassName ? `${wrapClassName} ${detailCls}` : detailCls;
 
           if (!getContainer) {
             // TODO type error?
diff --git a/src/components/Drawer/src/typing.ts b/src/components/Drawer/src/typing.ts
index 8480a773ba8..c8ac3929b95 100644
--- a/src/components/Drawer/src/typing.ts
+++ b/src/components/Drawer/src/typing.ts
@@ -134,6 +134,7 @@ export interface DrawerProps extends DrawerFooterProps {
    */
   wrapClassName?: string;
   class?: string;
+  rootClassName?: string;
   /**
    * Style of wrapper element which **contains mask** compare to `drawerStyle`
    * @type object