From e728f406d8476464f11fda0ed786eb95943cd2e2 Mon Sep 17 00:00:00 2001
From: yoyo837 <yoyo837@hotmail.com>
Date: Wed, 22 Jan 2020 16:07:06 +0800
Subject: [PATCH] change the prop className of the Header, Footer and Content
 to the last

---
 .../__tests__/__snapshots__/demo.test.js.snap  | 18 +++++++++---------
 components/layout/layout.tsx                   |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/layout/__tests__/__snapshots__/demo.test.js.snap b/components/layout/__tests__/__snapshots__/demo.test.js.snap
index b8a57b265104..330d7a4db939 100644
--- a/components/layout/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/layout/__tests__/__snapshots__/demo.test.js.snap
@@ -235,7 +235,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
     class="ant-layout site-layout"
   >
     <header
-      class="site-layout-background ant-layout-header"
+      class="ant-layout-header site-layout-background"
       style="padding:0"
     >
       <span
@@ -261,7 +261,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
       </span>
     </header>
     <main
-      class="site-layout-background ant-layout-content"
+      class="ant-layout-content site-layout-background"
       style="margin:24px 16px;padding:24px;min-height:280px"
     >
       Content
@@ -379,7 +379,7 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
     </ul>
   </header>
   <main
-    class="site-layout ant-layout-content"
+    class="ant-layout-content site-layout"
     style="padding:0 50px;margin-top:64px"
   >
     <div
@@ -713,7 +713,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
     style="margin-left:200px"
   >
     <header
-      class="site-layout-background ant-layout-header"
+      class="ant-layout-header site-layout-background"
       style="padding:0"
     />
     <main
@@ -980,7 +980,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
     class="ant-layout"
   >
     <header
-      class="site-layout-sub-header-background ant-layout-header"
+      class="ant-layout-header site-layout-sub-header-background"
       style="padding:0"
     />
     <main
@@ -1221,7 +1221,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
     class="ant-layout site-layout"
   >
     <header
-      class="site-layout-background ant-layout-header"
+      class="ant-layout-header site-layout-background"
       style="padding:0"
     />
     <main
@@ -1446,7 +1446,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
   class="ant-layout"
 >
   <header
-    class="header ant-layout-header"
+    class="ant-layout-header header"
   >
     <div
       class="logo"
@@ -1785,7 +1785,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
   class="ant-layout"
 >
   <header
-    class="header ant-layout-header"
+    class="ant-layout-header header"
   >
     <div
       class="logo"
@@ -2102,7 +2102,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
         </span>
       </div>
       <main
-        class="site-layout-background ant-layout-content"
+        class="ant-layout-content site-layout-background"
         style="padding:24px;margin:0;min-height:280px"
       >
         Content
diff --git a/components/layout/layout.tsx b/components/layout/layout.tsx
index ac568f048fbc..25342a3ed9bc 100644
--- a/components/layout/layout.tsx
+++ b/components/layout/layout.tsx
@@ -56,7 +56,7 @@ function generator({ suffixCls, tagName }: GeneratorProps) {
 
 const Basic = (props: BasicPropsWithTagName) => {
   const { prefixCls, className, children, tagName, ...others } = props;
-  const classString = classNames(className, prefixCls);
+  const classString = classNames(prefixCls, className);
   return React.createElement(tagName, { className: classString, ...others }, children);
 };