import React from 'react'; import Notification from 'rc-notification'; import assign from 'object-assign'; import Icon from '../icon'; let top = 24; let notificationInstance; function getNotificationInstance() { if (notificationInstance) { return notificationInstance; } notificationInstance = Notification.newInstance({ prefixCls: 'ant-notification', style: { top: top, right: 0 } }); return notificationInstance; } function notice(args) { let duration; if (args.duration === undefined) { duration = 4.5; } else { duration = args.duration; } if (args.icon) { let prefixCls = ' ant-notification-notice-content-icon-'; let iconType = ''; switch (args.icon) { case 'success': iconType = 'check-circle-o'; break; case 'info': iconType = 'info-circle-o'; break; case 'error': iconType = 'exclamation-circle-o'; break; case 'warn': iconType = 'question-circle-o'; break; default: iconType = 'info-circle'; } getNotificationInstance().notice({ content:
{args.message}
{args.description}
, duration: duration, closable: true, onClose: args.onClose, key: args.key, style: {} }); } else { let prefixCls = 'ant-notification-notice-content-'; if (!args.btn) { getNotificationInstance().notice({ content:
{args.message}
{args.description}
, duration: duration, closable: true, onClose: args.onClose, key: args.key, style: {} }); } else { getNotificationInstance().notice({ content:
{args.message}
{args.description}
{args.btn}
, duration: duration, closable: true, onClose: args.onClose, key: args.key, style: {} }); } } } let api = { open(args){ notice(args); }, close(key){ if (notificationInstance) { notificationInstance.removeNotice(key); } }, config(options) { top = isNaN(options.top) ? 24 : options.top; } }; ['success', 'info', 'warn', 'error'].forEach((type) => { api[type] = (args) => { let newArgs = assign({}, args, { icon: type }); return api.open(newArgs); }; }); export default api;