antd
Version:
An enterprise-class UI design language and React components implementation
260 lines (220 loc) • 9.39 kB
JavaScript
;
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var React = _interopRequireWildcard(require("react"));
var _rcNotification = _interopRequireDefault(require("rc-notification"));
var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
var _classnames = _interopRequireDefault(require("classnames"));
var _CheckCircleOutlined = _interopRequireDefault(require("@ant-design/icons/CheckCircleOutlined"));
var _CloseCircleOutlined = _interopRequireDefault(require("@ant-design/icons/CloseCircleOutlined"));
var _ExclamationCircleOutlined = _interopRequireDefault(require("@ant-design/icons/ExclamationCircleOutlined"));
var _InfoCircleOutlined = _interopRequireDefault(require("@ant-design/icons/InfoCircleOutlined"));
var _useNotification = _interopRequireDefault(require("./hooks/useNotification"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var notificationInstance = {};
var defaultDuration = 4.5;
var defaultTop = 24;
var defaultBottom = 24;
var defaultPrefixCls = 'ant-notification';
var defaultPlacement = 'topRight';
var defaultGetContainer;
var defaultCloseIcon;
var rtl = false;
function setNotificationConfig(options) {
var duration = options.duration,
placement = options.placement,
bottom = options.bottom,
top = options.top,
getContainer = options.getContainer,
closeIcon = options.closeIcon,
prefixCls = options.prefixCls;
if (prefixCls !== undefined) {
defaultPrefixCls = prefixCls;
}
if (duration !== undefined) {
defaultDuration = duration;
}
if (placement !== undefined) {
defaultPlacement = placement;
} else if (options.rtl) {
defaultPlacement = 'topLeft';
}
if (bottom !== undefined) {
defaultBottom = bottom;
}
if (top !== undefined) {
defaultTop = top;
}
if (getContainer !== undefined) {
defaultGetContainer = getContainer;
}
if (closeIcon !== undefined) {
defaultCloseIcon = closeIcon;
}
if (options.rtl !== undefined) {
rtl = options.rtl;
}
}
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(args, callback) {
var _args$placement = args.placement,
placement = _args$placement === void 0 ? defaultPlacement : _args$placement,
top = args.top,
bottom = args.bottom,
_args$getContainer = args.getContainer,
getContainer = _args$getContainer === void 0 ? defaultGetContainer : _args$getContainer,
_args$closeIcon = args.closeIcon,
closeIcon = _args$closeIcon === void 0 ? defaultCloseIcon : _args$closeIcon;
var outerPrefixCls = args.prefixCls || defaultPrefixCls;
var prefixCls = "".concat(outerPrefixCls, "-notice");
var cacheKey = "".concat(outerPrefixCls, "-").concat(placement);
var cacheInstance = notificationInstance[cacheKey];
if (cacheInstance) {
Promise.resolve(cacheInstance).then(function (instance) {
callback({
prefixCls: prefixCls,
instance: instance
});
});
return;
}
var closeIconToRender = /*#__PURE__*/React.createElement("span", {
className: "".concat(outerPrefixCls, "-close-x")
}, closeIcon || /*#__PURE__*/React.createElement(_CloseOutlined["default"], {
className: "".concat(outerPrefixCls, "-close-icon")
}));
var notificationClass = (0, _classnames["default"])("".concat(outerPrefixCls, "-").concat(placement), _defineProperty({}, "".concat(outerPrefixCls, "-rtl"), rtl === true));
notificationInstance[cacheKey] = new Promise(function (resolve) {
_rcNotification["default"].newInstance({
prefixCls: outerPrefixCls,
className: notificationClass,
style: getPlacementStyle(placement, top, bottom),
getContainer: getContainer,
closeIcon: closeIconToRender
}, function (notification) {
resolve(notification);
callback({
prefixCls: prefixCls,
instance: notification
});
});
});
}
var typeToIcon = {
success: _CheckCircleOutlined["default"],
info: _InfoCircleOutlined["default"],
error: _CloseCircleOutlined["default"],
warning: _ExclamationCircleOutlined["default"]
};
function getRCNoticeProps(args, prefixCls) {
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) {
iconNode = /*#__PURE__*/React.createElement(typeToIcon[args.type] || null, {
className: "".concat(prefixCls, "-icon ").concat(prefixCls, "-icon-").concat(args.type)
});
}
var autoMarginTag = !args.description && iconNode ? /*#__PURE__*/React.createElement("span", {
className: "".concat(prefixCls, "-message-single-line-auto-margin")
}) : null;
return {
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: function open(args) {
getNotificationInstance(args, function (_ref) {
var prefixCls = _ref.prefixCls,
instance = _ref.instance;
instance.notice(getRCNoticeProps(args, prefixCls));
});
},
close: function close(key) {
Object.keys(notificationInstance).forEach(function (cacheKey) {
return Promise.resolve(notificationInstance[cacheKey]).then(function (instance) {
instance.removeNotice(key);
});
});
},
config: setNotificationConfig,
destroy: function destroy() {
Object.keys(notificationInstance).forEach(function (cacheKey) {
Promise.resolve(notificationInstance[cacheKey]).then(function (instance) {
instance.destroy();
});
delete notificationInstance[cacheKey]; // lgtm[js/missing-await]
});
}
};
['success', 'info', 'warning', 'error'].forEach(function (type) {
api[type] = function (args) {
return api.open(_extends(_extends({}, args), {
type: type
}));
};
});
api.warn = api.warning;
api.useNotification = (0, _useNotification["default"])(getNotificationInstance, getRCNoticeProps);
var _default = api;
exports["default"] = _default;