index.js
4.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = exports.ExceptionMap = exports.IconMap = 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"));
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;