zarm-web/es/alert/Alert.js

基于 React 的桌面端UI库

import React, { Component } from 'react';
import Modal from '../modal';
import Button from '../button';
import Icon from '../icon';

class Alert extends Component {
  render() {
    const {
      theme,
      message,
      closable,
      closeText,
      onClose,
      width,
      className,
      visible,
      prefixCls,
      hideIcon,
      locale
    } = this.props;
    let iconType = 'info-round';

    switch (theme) {
      case 'warning':
        iconType = 'warning-round';
        break;

      case 'success':
        iconType = 'right-round';
        break;

      case 'danger':
        iconType = 'wrong-round';
        break;

      default:
        break;
    }

    return React.createElement(Modal, {
      width: width,
      className: className,
      visible: visible
    }, React.createElement(Modal.Body, null, React.createElement("div", {
      className: prefixCls
    }, !hideIcon && React.createElement(Icon, {
      type: iconType,
      theme: theme
    }), React.createElement("span", null, message))), closable && React.createElement(Modal.Footer, null, React.createElement(Button, {
      onClick: onClose
    }, closeText || locale.close)));
  }

}

Alert.defaultProps = {
  prefixCls: 'ui-alert',
  theme: 'primary',
  message: '',
  width: 270,
  className: '',
  hideIcon: false,
  closable: true,
  // closeText: '关闭',
  onClose: () => {}
};
export default Alert;