fix: add Drawer Spin className (#48857)

* fix: add Spin className * fix: update snap
ant-design · May 10, 2024 · 32b89e6 · 32b89e6
1 parent 6da1ad1
commit 32b89e6
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/components/drawer/DrawerPanel.tsx b/components/drawer/DrawerPanel.tsx
@@ -157,7 +157,12 @@ const DrawerPanel: React.FC<DrawerPanelProps> = (props) => {
   }, [footer, footerStyle, prefixCls]);
 
   if (spinProps?.spinning) {
-    return <Spin {...spinProps} />;
+    return (
+      <Spin
+        {...spinProps}
+        className={classNames(spinProps.className, `${prefixCls}-content-spin`)}
+      />
+    );
   }
 
   return (

diff --git a/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap b/components/drawer/__tests__/__snapshots__/Drawer.test.tsx.snap
@@ -26,7 +26,7 @@ exports[`Drawer Drawer loading have a spinner 1`] = `
       <div
         aria-busy="true"
         aria-live="polite"
-        class="ant-spin ant-spin-spinning"
+        class="ant-spin ant-spin-spinning ant-drawer-content-spin"
       >
         <span
           class="ant-spin-dot ant-spin-dot-spin"

diff --git a/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap b/components/drawer/__tests__/__snapshots__/demo-extend.test.tsx.snap
@@ -2816,7 +2816,7 @@ Array [
         <div
           aria-busy="true"
           aria-live="polite"
-          class="ant-spin ant-spin-spinning"
+          class="ant-spin ant-spin-spinning ant-drawer-content-spin"
         >
           <span
             class="ant-spin-dot ant-spin-dot-spin"

diff --git a/components/drawer/style/index.ts b/components/drawer/style/index.ts
@@ -28,7 +28,6 @@ export interface DrawerToken extends FullToken<'Drawer'> {}
 // =============================== Base ===============================
 const genDrawerStyle: GenerateStyle<DrawerToken> = (token) => {
   const {
-    antCls,
     borderRadiusSM,
     componentCls,
     zIndexPopup,
@@ -148,7 +147,7 @@ const genDrawerStyle: GenerateStyle<DrawerToken> = (token) => {
         overflow: 'auto',
         background: colorBgElevated,
         pointerEvents: 'auto',
-        [`${antCls}-spin`]: {
+        [`${componentCls}-content-spin`]: {
           width: '100%',
           height: '100%',
           display: 'flex',