From 4495077b43d78cc865150b70b20a4a25e48fb576 Mon Sep 17 00:00:00 2001
From: yoyo837 <yoyo837@hotmail.com>
Date: Wed, 1 Aug 2018 10:50:34 +0800
Subject: [PATCH] For #11537, Centered style should be applied to the wrap
 element.

---
 components/modal/Modal.tsx   | 4 ++--
 components/modal/confirm.tsx | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index 51f9143a602b..9d3c50541e52 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -181,7 +181,7 @@ export default class Modal extends React.Component<ModalProps, {}> {
   }
 
   render() {
-    const { footer, visible, className, centered, prefixCls, ...restProps } = this.props;
+    const { footer, visible, wrapClassName, centered, prefixCls, ...restProps } = this.props;
 
     const defaultFooter = (
       <LocaleReceiver
@@ -196,7 +196,7 @@ export default class Modal extends React.Component<ModalProps, {}> {
       <Dialog
         {...restProps}
         prefixCls={prefixCls}
-        className={classNames({ [`${prefixCls}-centered`]: !!centered }, className)}
+        wrapClassName={classNames({ [`${prefixCls}-centered`]: !!centered }, wrapClassName)}
         footer={footer === undefined ? defaultFooter : footer}
         visible={visible}
         mousePosition={mousePosition}
diff --git a/components/modal/confirm.tsx b/components/modal/confirm.tsx
index b3b50245a95f..ccd29ff0ca94 100644
--- a/components/modal/confirm.tsx
+++ b/components/modal/confirm.tsx
@@ -32,9 +32,6 @@ const ConfirmDialog = (props: ConfirmDialogProps) => {
   const classString = classNames(
     prefixCls,
     `${prefixCls}-${props.type}`,
-    {
-      [`${prefixCls}-centered`]: !!props.centered,
-    },
     props.className,
   );
 
@@ -47,6 +44,7 @@ const ConfirmDialog = (props: ConfirmDialogProps) => {
   return (
     <Dialog
       className={classString}
+      wrapClassName={classNames({ [`${prefixCls}-centered`]: !!props.centered })}
       onCancel={close.bind(this, { triggerCancel: true })}
       visible={visible}
       title=""