154 lines
4.1 KiB
JavaScript
154 lines
4.1 KiB
JavaScript
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
import * as React from 'react';
|
|
import Notification from 'rc-notification';
|
|
import Icon from '../icon';
|
|
var defaultDuration = 3;
|
|
var defaultTop;
|
|
var messageInstance;
|
|
var key = 1;
|
|
var prefixCls = 'ant-message';
|
|
var transitionName = 'move-up';
|
|
var getContainer;
|
|
var maxCount;
|
|
|
|
function getMessageInstance(callback) {
|
|
if (messageInstance) {
|
|
callback(messageInstance);
|
|
return;
|
|
}
|
|
|
|
Notification.newInstance({
|
|
prefixCls: prefixCls,
|
|
transitionName: transitionName,
|
|
style: {
|
|
top: defaultTop
|
|
},
|
|
getContainer: getContainer,
|
|
maxCount: maxCount
|
|
}, function (instance) {
|
|
if (messageInstance) {
|
|
callback(messageInstance);
|
|
return;
|
|
}
|
|
|
|
messageInstance = instance;
|
|
callback(instance);
|
|
});
|
|
}
|
|
|
|
function notice(args) {
|
|
var duration = args.duration !== undefined ? args.duration : defaultDuration;
|
|
var iconType = {
|
|
info: 'info-circle',
|
|
success: 'check-circle',
|
|
error: 'close-circle',
|
|
warning: 'exclamation-circle',
|
|
loading: 'loading'
|
|
}[args.type];
|
|
var target = args.key || key++;
|
|
var closePromise = new Promise(function (resolve) {
|
|
var callback = function callback() {
|
|
if (typeof args.onClose === 'function') {
|
|
args.onClose();
|
|
}
|
|
|
|
return resolve(true);
|
|
};
|
|
|
|
getMessageInstance(function (instance) {
|
|
var iconNode = /*#__PURE__*/React.createElement(Icon, {
|
|
type: iconType,
|
|
theme: iconType === 'loading' ? 'outlined' : 'filled'
|
|
});
|
|
var switchIconNode = iconType ? iconNode : '';
|
|
instance.notice({
|
|
key: target,
|
|
duration: duration,
|
|
style: {},
|
|
content: /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-custom-content").concat(args.type ? " ".concat(prefixCls, "-").concat(args.type) : '')
|
|
}, args.icon ? args.icon : switchIconNode, /*#__PURE__*/React.createElement("span", null, args.content)),
|
|
onClose: callback
|
|
});
|
|
});
|
|
});
|
|
|
|
var result = function result() {
|
|
if (messageInstance) {
|
|
messageInstance.removeNotice(target);
|
|
}
|
|
};
|
|
|
|
result.then = function (filled, rejected) {
|
|
return closePromise.then(filled, rejected);
|
|
};
|
|
|
|
result.promise = closePromise;
|
|
return result;
|
|
}
|
|
|
|
function isArgsProps(content) {
|
|
return Object.prototype.toString.call(content) === '[object Object]' && !!content.content;
|
|
}
|
|
|
|
var api = {
|
|
open: notice,
|
|
config: function config(options) {
|
|
if (options.top !== undefined) {
|
|
defaultTop = options.top;
|
|
messageInstance = null; // delete messageInstance for new defaultTop
|
|
}
|
|
|
|
if (options.duration !== undefined) {
|
|
defaultDuration = options.duration;
|
|
}
|
|
|
|
if (options.prefixCls !== undefined) {
|
|
prefixCls = options.prefixCls;
|
|
}
|
|
|
|
if (options.getContainer !== undefined) {
|
|
getContainer = options.getContainer;
|
|
}
|
|
|
|
if (options.transitionName !== undefined) {
|
|
transitionName = options.transitionName;
|
|
messageInstance = null; // delete messageInstance for new transitionName
|
|
}
|
|
|
|
if (options.maxCount !== undefined) {
|
|
maxCount = options.maxCount;
|
|
messageInstance = null;
|
|
}
|
|
},
|
|
destroy: function destroy() {
|
|
if (messageInstance) {
|
|
messageInstance.destroy();
|
|
messageInstance = null;
|
|
}
|
|
}
|
|
};
|
|
['success', 'info', 'warning', 'error', 'loading'].forEach(function (type) {
|
|
api[type] = function (content, duration, onClose) {
|
|
if (isArgsProps(content)) {
|
|
return api.open(_extends(_extends({}, content), {
|
|
type: type
|
|
}));
|
|
}
|
|
|
|
if (typeof duration === 'function') {
|
|
onClose = duration;
|
|
duration = undefined;
|
|
}
|
|
|
|
return api.open({
|
|
content: content,
|
|
duration: duration,
|
|
type: type,
|
|
onClose: onClose
|
|
});
|
|
};
|
|
});
|
|
api.warn = api.warning;
|
|
export default api; |