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 notificationInstance = {}; var defaultDuration = 4.5; var defaultTop = 24; var defaultBottom = 24; var defaultPlacement = 'topRight'; var defaultGetContainer; var defaultCloseIcon; function setNotificationConfig(options) { var duration = options.duration, placement = options.placement, bottom = options.bottom, top = options.top, getContainer = options.getContainer, closeIcon = options.closeIcon; if (duration !== undefined) { defaultDuration = duration; } if (placement !== undefined) { defaultPlacement = placement; } if (bottom !== undefined) { defaultBottom = bottom; } if (top !== undefined) { defaultTop = top; } if (getContainer !== undefined) { defaultGetContainer = getContainer; } if (closeIcon !== undefined) { defaultCloseIcon = closeIcon; } } function getPlacementStyle(placement) { var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultTop; var bottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultBottom; var style; switch (placement) { case 'topLeft': style = { left: 0, top: top, bottom: 'auto' }; break; case 'topRight': style = { right: 0, top: top, bottom: 'auto' }; break; case 'bottomLeft': style = { left: 0, top: 'auto', bottom: bottom }; break; default: style = { right: 0, top: 'auto', bottom: bottom }; break; } return style; } function getNotificationInstance(_ref, callback) { var prefixCls = _ref.prefixCls, _ref$placement = _ref.placement, placement = _ref$placement === void 0 ? defaultPlacement : _ref$placement, _ref$getContainer = _ref.getContainer, getContainer = _ref$getContainer === void 0 ? defaultGetContainer : _ref$getContainer, top = _ref.top, bottom = _ref.bottom, _ref$closeIcon = _ref.closeIcon, closeIcon = _ref$closeIcon === void 0 ? defaultCloseIcon : _ref$closeIcon; var cacheKey = "".concat(prefixCls, "-").concat(placement); if (notificationInstance[cacheKey]) { callback(notificationInstance[cacheKey]); return; } var closeIconToRender = /*#__PURE__*/React.createElement("span", { className: "".concat(prefixCls, "-close-x") }, closeIcon || /*#__PURE__*/React.createElement(Icon, { className: "".concat(prefixCls, "-close-icon"), type: "close" })); Notification.newInstance({ prefixCls: prefixCls, className: "".concat(prefixCls, "-").concat(placement), style: getPlacementStyle(placement, top, bottom), getContainer: getContainer, closeIcon: closeIconToRender }, function (notification) { notificationInstance[cacheKey] = notification; callback(notification); }); } var typeToIcon = { success: 'check-circle-o', info: 'info-circle-o', error: 'close-circle-o', warning: 'exclamation-circle-o' }; function notice(args) { var outerPrefixCls = args.prefixCls || 'ant-notification'; var prefixCls = "".concat(outerPrefixCls, "-notice"); var duration = args.duration === undefined ? defaultDuration : args.duration; var iconNode = null; if (args.icon) { iconNode = /*#__PURE__*/React.createElement("span", { className: "".concat(prefixCls, "-icon") }, args.icon); } else if (args.type) { var iconType = typeToIcon[args.type]; iconNode = /*#__PURE__*/React.createElement(Icon, { className: "".concat(prefixCls, "-icon ").concat(prefixCls, "-icon-").concat(args.type), type: iconType }); } var autoMarginTag = !args.description && iconNode ? /*#__PURE__*/React.createElement("span", { className: "".concat(prefixCls, "-message-single-line-auto-margin") }) : null; var placement = args.placement, top = args.top, bottom = args.bottom, getContainer = args.getContainer, closeIcon = args.closeIcon; getNotificationInstance({ prefixCls: outerPrefixCls, placement: placement, top: top, bottom: bottom, getContainer: getContainer, closeIcon: closeIcon }, function (notification) { notification.notice({ content: /*#__PURE__*/React.createElement("div", { className: iconNode ? "".concat(prefixCls, "-with-icon") : '' }, iconNode, /*#__PURE__*/React.createElement("div", { className: "".concat(prefixCls, "-message") }, autoMarginTag, args.message), /*#__PURE__*/React.createElement("div", { className: "".concat(prefixCls, "-description") }, args.description), args.btn ? /*#__PURE__*/React.createElement("span", { className: "".concat(prefixCls, "-btn") }, args.btn) : null), duration: duration, closable: true, onClose: args.onClose, onClick: args.onClick, key: args.key, style: args.style || {}, className: args.className }); }); } var api = { open: notice, close: function close(key) { Object.keys(notificationInstance).forEach(function (cacheKey) { return notificationInstance[cacheKey].removeNotice(key); }); }, config: setNotificationConfig, destroy: function destroy() { Object.keys(notificationInstance).forEach(function (cacheKey) { notificationInstance[cacheKey].destroy(); delete notificationInstance[cacheKey]; }); } }; ['success', 'info', 'warning', 'error'].forEach(function (type) { api[type] = function (args) { return api.open(_extends(_extends({}, args), { type: type })); }; }); api.warn = api.warning; export default api;