You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
347 lines
11 KiB
347 lines
11 KiB
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.getInstance = exports["default"] = void 0;
|
|
|
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
|
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
|
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
|
|
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"));
|
|
|
|
var _configProvider = _interopRequireWildcard(require("../config-provider"));
|
|
|
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
|
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
|
|
|
var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
|
|
function adopt(value) {
|
|
return value instanceof P ? value : new P(function (resolve) {
|
|
resolve(value);
|
|
});
|
|
}
|
|
|
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
function fulfilled(value) {
|
|
try {
|
|
step(generator.next(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
}
|
|
|
|
function rejected(value) {
|
|
try {
|
|
step(generator["throw"](value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
}
|
|
|
|
function step(result) {
|
|
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
}
|
|
|
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
});
|
|
};
|
|
|
|
var notificationInstance = {};
|
|
var defaultDuration = 4.5;
|
|
var defaultTop = 24;
|
|
var defaultBottom = 24;
|
|
var defaultPrefixCls = '';
|
|
var defaultPlacement = 'topRight';
|
|
var defaultGetContainer;
|
|
var defaultCloseIcon;
|
|
var rtl = false;
|
|
var maxCount;
|
|
|
|
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;
|
|
}
|
|
|
|
if (options.maxCount !== undefined) {
|
|
maxCount = options.maxCount;
|
|
}
|
|
}
|
|
|
|
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,
|
|
customizePrefixCls = args.prefixCls;
|
|
|
|
var _globalConfig = (0, _configProvider.globalConfig)(),
|
|
getPrefixCls = _globalConfig.getPrefixCls,
|
|
getIconPrefixCls = _globalConfig.getIconPrefixCls;
|
|
|
|
var prefixCls = getPrefixCls('notification', customizePrefixCls || defaultPrefixCls);
|
|
var iconPrefixCls = getIconPrefixCls();
|
|
var cacheKey = "".concat(prefixCls, "-").concat(placement);
|
|
var cacheInstance = notificationInstance[cacheKey];
|
|
|
|
if (cacheInstance) {
|
|
Promise.resolve(cacheInstance).then(function (instance) {
|
|
callback({
|
|
prefixCls: "".concat(prefixCls, "-notice"),
|
|
iconPrefixCls: iconPrefixCls,
|
|
instance: instance
|
|
});
|
|
});
|
|
return;
|
|
}
|
|
|
|
var notificationClass = (0, _classnames["default"])("".concat(prefixCls, "-").concat(placement), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-rtl"), rtl === true));
|
|
notificationInstance[cacheKey] = new Promise(function (resolve) {
|
|
_rcNotification["default"].newInstance({
|
|
prefixCls: prefixCls,
|
|
className: notificationClass,
|
|
style: getPlacementStyle(placement, top, bottom),
|
|
getContainer: getContainer,
|
|
maxCount: maxCount
|
|
}, function (notification) {
|
|
resolve(notification);
|
|
callback({
|
|
prefixCls: "".concat(prefixCls, "-notice"),
|
|
iconPrefixCls: iconPrefixCls,
|
|
instance: notification
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
var typeToIcon = {
|
|
success: _CheckCircleOutlined["default"],
|
|
info: _InfoCircleOutlined["default"],
|
|
error: _CloseCircleOutlined["default"],
|
|
warning: _ExclamationCircleOutlined["default"]
|
|
};
|
|
|
|
function getRCNoticeProps(args, prefixCls, iconPrefixCls) {
|
|
var durationArg = args.duration,
|
|
icon = args.icon,
|
|
type = args.type,
|
|
description = args.description,
|
|
message = args.message,
|
|
btn = args.btn,
|
|
onClose = args.onClose,
|
|
onClick = args.onClick,
|
|
key = args.key,
|
|
style = args.style,
|
|
className = args.className,
|
|
_args$closeIcon = args.closeIcon,
|
|
closeIcon = _args$closeIcon === void 0 ? defaultCloseIcon : _args$closeIcon;
|
|
var duration = durationArg === undefined ? defaultDuration : durationArg;
|
|
var iconNode = null;
|
|
|
|
if (icon) {
|
|
iconNode = /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-icon")
|
|
}, args.icon);
|
|
} else if (type) {
|
|
iconNode = /*#__PURE__*/React.createElement(typeToIcon[type] || null, {
|
|
className: "".concat(prefixCls, "-icon ").concat(prefixCls, "-icon-").concat(type)
|
|
});
|
|
}
|
|
|
|
var closeIconToRender = /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-close-x")
|
|
}, closeIcon || /*#__PURE__*/React.createElement(_CloseOutlined["default"], {
|
|
className: "".concat(prefixCls, "-close-icon")
|
|
}));
|
|
var autoMarginTag = !description && iconNode ? /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-message-single-line-auto-margin")
|
|
}) : null;
|
|
return {
|
|
content: /*#__PURE__*/React.createElement(_configProvider["default"], {
|
|
iconPrefixCls: iconPrefixCls
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: iconNode ? "".concat(prefixCls, "-with-icon") : '',
|
|
role: "alert"
|
|
}, iconNode, /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-message")
|
|
}, autoMarginTag, message), /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-description")
|
|
}, description), btn ? /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-btn")
|
|
}, btn) : null)),
|
|
duration: duration,
|
|
closable: true,
|
|
closeIcon: closeIconToRender,
|
|
onClose: onClose,
|
|
onClick: onClick,
|
|
key: key,
|
|
style: style || {},
|
|
className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-").concat(type), !!type))
|
|
};
|
|
}
|
|
|
|
function notice(args) {
|
|
getNotificationInstance(args, function (_ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
iconPrefixCls = _ref.iconPrefixCls,
|
|
instance = _ref.instance;
|
|
instance.notice(getRCNoticeProps(args, prefixCls, iconPrefixCls));
|
|
});
|
|
}
|
|
|
|
var api = {
|
|
open: notice,
|
|
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((0, _extends2["default"])((0, _extends2["default"])({}, args), {
|
|
type: type
|
|
}));
|
|
};
|
|
});
|
|
api.warn = api.warning;
|
|
api.useNotification = (0, _useNotification["default"])(getNotificationInstance, getRCNoticeProps);
|
|
/** @private test Only function. Not work on production */
|
|
|
|
var getInstance = function getInstance(cacheKey) {
|
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
while (1) {
|
|
switch (_context.prev = _context.next) {
|
|
case 0:
|
|
return _context.abrupt("return", process.env.NODE_ENV === 'test' ? notificationInstance[cacheKey] : null);
|
|
|
|
case 1:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}
|
|
}, _callee);
|
|
}));
|
|
};
|
|
|
|
exports.getInstance = getInstance;
|
|
var _default = api;
|
|
exports["default"] = _default; |