[Modal]添加 infoText 参数

Author: liyuan-meng

src/components/modal/demos/info.md

@@ -25,6 +25,7 @@ class ModalDemo extends React.Component {
 		Modal.info({
 			title: '提醒类弹窗',
 			body: '正文文案',
+            infoText: '去配置',
 			onCancel: () => {}
 		});
 	};

src/components/modal/index.md

@@ -66,6 +66,7 @@ Modal.warning(config)
 | body       | 提示信息内容, 支持 jsx 语法直接传入 dom 节点  | any      | `--`   |
 | okText             | 确定按钮自定义文本                       | string              | `确定`  |
 | cancelText         | 取消按钮自定义文本                       | string              | `取消`  |
+| infoText         | 使用 `Modal.info` `Modal.success` `Modal.error` `Modal.warning` 时按钮自定义文本                       | string              | `知道了`  |
 | onOk       | 确定按钮回调函数，仅`Modal.confirm()`函数支持 | function | `--`   |
 | onClose    | 取消按钮回调函数                              | function | `--`   |
 | className          | 设置弹出框样式名称                       | string              | -       |

src/components/modal/modal.js

@@ -1,9 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import {
-  prefixCls, getCssText, noop, sandboxSelector,
-} from '@utils';
+import { prefixCls, getCssText, noop, sandboxSelector } from '@utils';
 import ContextProvider from '@contexts/context-provider';
 import { CSSTransition } from 'react-transition-group';
 
@@ -312,6 +310,7 @@ class Notification extends Component {
       onOk,
       onClose,
       onCancel,
+      infoText,
     } = this.props;
 
     if (!visible && !this.state.preVisible) {
@@ -401,6 +400,7 @@ class Notification extends Component {
                 cancelText={cancelText}
                 disabledOk={disabledOk}
                 showConfirmLoading={showConfirmLoading}
+                infoText={infoText}
               />
             </div>
           </CSSTransition>
@@ -480,6 +480,7 @@ function ModalFooter({
   footer,
   okText,
   cancelText,
+  infoText,
   okBtnOpts,
   cancelBtnOpts,
   hasFooter,
@@ -516,7 +517,7 @@ function ModalFooter({
     return (
       <footer style={style} className={footerClass}>
         <Button type="primary" size="large" onClick={cancel}>
-          知道了
+          {infoText || '知道了'}
         </Button>
       </footer>
     );

src/components/modal/prompt.js

@@ -153,6 +153,7 @@ class Prompt extends React.Component {
       okBtnOpts,
       cancelBtnOpts,
       title,
+      infoText,
     } = this.props;
     const promptStyle = {
       ...style,
@@ -188,6 +189,7 @@ class Prompt extends React.Component {
           showConfirmLoading={this.state.showConfirmLoading}
           hasFooter={this.props.hasFooter}
           className={this.props.className}
+          infoText={infoText}
         >
           <div>
             <header className="info-area">
@@ -241,6 +243,7 @@ function prompt({
   title,
   hasFooter,
   className,
+  infoText,
 }) {
   // 创建一个关联id
   const rootDocument = getRootWindow().document;
@@ -264,6 +267,7 @@ function prompt({
       className={className}
       okText={okText}
       cancelText={cancelText}
+      infoText={infoText}
       okBtnOpts={okBtnOpts}
       cancelBtnOpts={cancelBtnOpts}
       onOk={onOk}