dh-c/dist/message/index.js

The front-end development engineers jimberton gulp react component

'use strict';

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _rcNotification = require('rc-notification');

var _rcNotification2 = _interopRequireDefault(_rcNotification);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _icon = require('../icon');

var _icon2 = _interopRequireDefault(_icon);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var messageInstance = void 0;
var key = 1;
var defaultDuration = 2; //间隔时间(秒)
var defaultTop = '10%';
var prefixCls = 'dh-message';
var iconClass = 'duihao-circle1'; //to-do 需要icon type

function getMessageInstance() {
  messageInstance = messageInstance || _rcNotification2.default.newInstance({
    prefixCls: prefixCls,
    transitionName: 'move-up',
    style: { top: defaultTop, left: '50%', position: 'absolute' } });
  return messageInstance;
}

function notice(content, title, duration, type, onClose) {
  var infoClass = {
    info: 'info',
    success: 'warning',
    error: 'error',
    warning: 'warning'
  }[type];
  var instance = getMessageInstance();
  instance.notice({
    content: _react2.default.createElement(
      'div',
      {
        className: prefixCls + '-container'
      },
      _react2.default.createElement(
        'div',
        { className: prefixCls + '-left ' + prefixCls + '-' + type },
        _react2.default.createElement(_icon2.default, { type: iconClass }),
        title && _react2.default.createElement(
          'span',
          null,
          title
        )
      ),
      _react2.default.createElement(
        'div',
        { className: prefixCls + '-right' },
        content
      )
    ),
    duration: duration || defaultDuration,
    onClose: onClose
  });
  return function () {
    var target = key;
    key += 1;
    return function () {
      instance.removeNotice(target);
    };
  }();
}

exports.default = {
  info: function info(content, title, duration, onClose) {
    return notice(content, title, duration, 'info', onClose);
  },
  success: function success(content, title, duration, onClose) {
    return notice(content, title, duration, 'success', onClose);
  },
  error: function error(content, title, duration, onClose) {
    return notice(content, title, duration, 'error', onClose);
  },
  warning: function warning(content, title, duration, onClose) {
    return notice(content, title, duration, 'warning', onClose);
  },
  clear: function clear() {
    if (messageInstance) {
      messageInstance.destroy();
      messageInstance = null;
    }
  }
};