import * as React from 'react';
import Notification from 'rc-notification';
import Icon from '../icon';
let defaultDuration = 1.5;
let defaultTop;
let messageInstance;
let key = 1;
let prefixCls = 'ant-message';
function getMessageInstance() {
messageInstance = messageInstance || Notification.newInstance({
prefixCls,
transitionName: 'move-up',
style: { top: defaultTop }, // 覆盖原来的样式
});
return messageInstance;
}
function notice(content, duration = defaultDuration, type, onClose) {
let iconType = ({
info: 'info-circle',
success: 'check-circle',
error: 'cross-circle',
warning: 'exclamation-circle',
loading: 'loading',
})[type];
let instance = getMessageInstance();
instance.notice({
key,
duration,
style: {},
content: (
{content}
),
onClose,
});
return (function () {
let target = key++;
return function () {
instance.removeNotice(target);
};
}());
}
export default {
info(content, duration, onClose) {
return notice(content, duration, 'info', onClose);
},
success(content, duration, onClose) {
return notice(content, duration, 'success', onClose);
},
error(content, duration, onClose) {
return notice(content, duration, 'error', onClose);
},
// Departed usage, please use warning()
warn(content, duration, onClose) {
return notice(content, duration, 'warning', onClose);
},
warning(content, duration, onClose) {
return notice(content, duration, 'warning', onClose);
},
loading(content, duration, onClose) {
return notice(content, duration, 'loading', onClose);
},
config(options) {
if ('top' in options) {
defaultTop = options.top;
}
if ('duration' in options) {
defaultDuration = options.duration;
}
if ('prefixCls' in options) {
prefixCls = options.prefixCls;
}
},
destroy() {
if (messageInstance) {
messageInstance.destroy();
messageInstance = null;
}
},
};