#### 基本使用

- 可以设置底部的按钮的文字

```js
const Button = require("../Button").default;
class BaseModal extends React.Component {
  constructor() {
    super();
    this.state = {
      showModal: false
    };
  }
  showModal() {
    this.setState({
      showModal: true
    });
  }
  closeModal() {
    this.setState({
      showModal: false
    });
  }
  render() {
    const { showModal } = this.state;
    return (
      <div className="row mgb20">
        <Button onClick={this.showModal.bind(this)} type="secondary">
          点我显示Modal
        </Button>
        <Modal
          appElement={document.querySelector("#app")}
          isOpen={showModal}
          title="测试Modal"
          handleEnsure={this.closeModal.bind(this)}
          handleCancel={this.closeModal.bind(this)}
          btnCancelTxt="关闭"
          btnEnsureTxt="上传"
          contentLabel="TestModal"
        >
          <div>这是Modal里面的内容</div>
        </Modal>
      </div>
    );
  }
}
<BaseModal />;
```

#### 自定义底部按钮

通过 footer 自定义底部内容和事件

```js
const Button = require("../Button").default;
class BaseModal extends React.Component {
  constructor() {
    super();
    this.state = {
      showModal: false
    };
  }
  showModal() {
    this.setState({
      showModal: true
    });
  }
  closeModal() {
    this.setState({
      showModal: false
    });
  }
  renderFooter() {
    return <Button onClick={this.closeModal.bind(this)}>确定</Button>;
  }
  render() {
    const { showModal } = this.state;
    return (
      <div className="row mgb20">
        <Button onClick={this.showModal.bind(this)} type="secondary">
          只有一个按钮的Modal
        </Button>
        <Modal
          appElement={document.querySelector("#app")}
          isOpen={showModal}
          title="测试Modal"
          footer={this.renderFooter()}
          handleCancel={this.closeModal.bind(this)}
          contentLabel="TestModal"
        >
          <div>这是Modal里面的内容</div>
        </Modal>
      </div>
    );
  }
}
<BaseModal />;
```

#### 全局提示
```js
const Modal = require('./index.js').default;
<div>
  <Button
    className="mgr20"
    onClick={
      () => Modal.alert('测试！！！！')
    }
  >
    alert
  </Button>

  <Button
    onClick={() => Modal.confirm(
      '测试！！！！',
      {
        title: '标题',
        ensureTxt: '哦了',
        cancelTxt: '不能'
      }
    ).then(() => {
      alert('哦了！！')
    }).catch(() => {
      alert('呸！')
    })}
  >
    confirm
  </Button>
</div>
```

#### changLog

1, 增加默认的 modal 样式，如果没有传入 className 则默认使用 modal-content 的样式
2, 修改 getResultStyle 当 isOpen 为 false 的时候，返回{}, 2018-7-16