Method render

src/notification/Notification.jsx:61–110

()

  }

  render() {
    const { visible } = this.state
    const { onClose = () => false, willUnmount, duration, top, type, iconClass, title, message } = this.props
    return (
      <Transition
        unmountOnExit
        transitionClass={{
          exiting: 'el-notification-fade-leave-active',
          exited: 'el-notification-fade-enter'
        }}
        in={visible}
        onEnter={() => {
          this.offsetHeight = this.rootDOM.offsetHeight;
        }}
        onExit={() => willUnmount(this.offsetHeight, parseInt(this.rootDOM.style.top))}
        onExited={() => onClose()}
      >
        <View show={visible}>
          <div
            ref={(ele) => { this.rootDOM = ele; }}
            className="el-notification"
            style={{
              top,
              zIndex: 9999
            }}
            onMouseEnter={this.stopTimer.bind(this)}
            onMouseLeave={this.startTimer.bind(this)}
            onClick={this.onClick.bind(this)}
          >
            {
              type && (
                <i className={this.classNames('el-notification__icon', this.typeClass(), iconClass)} />
              )
            }
            <div
              className={
                this.classNames('el-notification__group', {
                  'is-with-icon': this.typeClass() || iconClass
                })
              }
            >
              <h2 className="el-notification__title">{title}</h2>
              <div className="el-notification__content">{message}</div>
              <div className="el-notification__closeBtn el-icon-close" onClick={this.onClose.bind(this)} />
            </div>
          </div>
        </View>
      </Transition>
    )
  }
}

Notification.propTypes = {