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.
127 lines
5.5 KiB
127 lines
5.5 KiB
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = exports.IconMap = exports.ExceptionMap = void 0;
|
|
|
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
|
|
var React = _interopRequireWildcard(require("react"));
|
|
|
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
|
var _CheckCircleFilled = _interopRequireDefault(require("@ant-design/icons/CheckCircleFilled"));
|
|
|
|
var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
|
|
|
|
var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons/ExclamationCircleFilled"));
|
|
|
|
var _WarningFilled = _interopRequireDefault(require("@ant-design/icons/WarningFilled"));
|
|
|
|
var _configProvider = require("../config-provider");
|
|
|
|
var _devWarning = _interopRequireDefault(require("../_util/devWarning"));
|
|
|
|
var _noFound = _interopRequireDefault(require("./noFound"));
|
|
|
|
var _serverError = _interopRequireDefault(require("./serverError"));
|
|
|
|
var _unauthorized = _interopRequireDefault(require("./unauthorized"));
|
|
|
|
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 IconMap = {
|
|
success: _CheckCircleFilled["default"],
|
|
error: _CloseCircleFilled["default"],
|
|
info: _ExclamationCircleFilled["default"],
|
|
warning: _WarningFilled["default"]
|
|
};
|
|
exports.IconMap = IconMap;
|
|
var ExceptionMap = {
|
|
'404': _noFound["default"],
|
|
'500': _serverError["default"],
|
|
'403': _unauthorized["default"]
|
|
}; // ExceptionImageMap keys
|
|
|
|
exports.ExceptionMap = ExceptionMap;
|
|
var ExceptionStatus = Object.keys(ExceptionMap);
|
|
/**
|
|
* Render icon if ExceptionStatus includes ,render svg image else render iconNode
|
|
*
|
|
* @param prefixCls
|
|
* @param {status, icon}
|
|
*/
|
|
|
|
var renderIcon = function renderIcon(prefixCls, _ref) {
|
|
var status = _ref.status,
|
|
icon = _ref.icon;
|
|
var className = (0, _classnames["default"])("".concat(prefixCls, "-icon"));
|
|
(0, _devWarning["default"])(!(typeof icon === 'string' && icon.length > 2), 'Result', "`icon` is using ReactNode instead of string naming in v4. Please check `".concat(icon, "` at https://ant.design/components/icon"));
|
|
|
|
if (ExceptionStatus.includes("".concat(status))) {
|
|
var SVGComponent = ExceptionMap[status];
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(className, " ").concat(prefixCls, "-image")
|
|
}, /*#__PURE__*/React.createElement(SVGComponent, null));
|
|
}
|
|
|
|
var iconNode = /*#__PURE__*/React.createElement(IconMap[status]);
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: className
|
|
}, icon || iconNode);
|
|
};
|
|
|
|
var renderExtra = function renderExtra(prefixCls, _ref2) {
|
|
var extra = _ref2.extra;
|
|
return extra && /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-extra")
|
|
}, extra);
|
|
};
|
|
|
|
var Result = function Result(_ref3) {
|
|
var customizePrefixCls = _ref3.prefixCls,
|
|
customizeClassName = _ref3.className,
|
|
subTitle = _ref3.subTitle,
|
|
title = _ref3.title,
|
|
style = _ref3.style,
|
|
children = _ref3.children,
|
|
_ref3$status = _ref3.status,
|
|
status = _ref3$status === void 0 ? 'info' : _ref3$status,
|
|
icon = _ref3.icon,
|
|
extra = _ref3.extra;
|
|
|
|
var _React$useContext = React.useContext(_configProvider.ConfigContext),
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
direction = _React$useContext.direction;
|
|
|
|
var prefixCls = getPrefixCls('result', customizePrefixCls);
|
|
var className = (0, _classnames["default"])(prefixCls, "".concat(prefixCls, "-").concat(status), customizeClassName, (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: className,
|
|
style: style
|
|
}, renderIcon(prefixCls, {
|
|
status: status,
|
|
icon: icon
|
|
}), /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-title")
|
|
}, title), subTitle && /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-subtitle")
|
|
}, subTitle), renderExtra(prefixCls, {
|
|
extra: extra
|
|
}), children && /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-content")
|
|
}, children));
|
|
};
|
|
|
|
Result.PRESENTED_IMAGE_403 = ExceptionMap['403'];
|
|
Result.PRESENTED_IMAGE_404 = ExceptionMap['404'];
|
|
Result.PRESENTED_IMAGE_500 = ExceptionMap['500'];
|
|
var _default = Result;
|
|
exports["default"] = _default; |