PurePanel.js 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. "use strict";
  2. "use client";
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  4. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
  5. Object.defineProperty(exports, "__esModule", {
  6. value: true
  7. });
  8. exports.default = exports.TypeIcon = exports.PureContent = void 0;
  9. var React = _interopRequireWildcard(require("react"));
  10. var _CheckCircleFilled = _interopRequireDefault(require("@ant-design/icons/CheckCircleFilled"));
  11. var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
  12. var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons/ExclamationCircleFilled"));
  13. var _InfoCircleFilled = _interopRequireDefault(require("@ant-design/icons/InfoCircleFilled"));
  14. var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
  15. var _classnames = _interopRequireDefault(require("classnames"));
  16. var _rcNotification = require("rc-notification");
  17. var _configProvider = require("../config-provider");
  18. var _useCSSVarCls = _interopRequireDefault(require("../config-provider/hooks/useCSSVarCls"));
  19. var _style = _interopRequireDefault(require("./style"));
  20. var __rest = void 0 && (void 0).__rest || function (s, e) {
  21. var t = {};
  22. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  23. if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
  24. if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  25. }
  26. return t;
  27. };
  28. const TypeIcon = exports.TypeIcon = {
  29. info: /*#__PURE__*/React.createElement(_InfoCircleFilled.default, null),
  30. success: /*#__PURE__*/React.createElement(_CheckCircleFilled.default, null),
  31. error: /*#__PURE__*/React.createElement(_CloseCircleFilled.default, null),
  32. warning: /*#__PURE__*/React.createElement(_ExclamationCircleFilled.default, null),
  33. loading: /*#__PURE__*/React.createElement(_LoadingOutlined.default, null)
  34. };
  35. const PureContent = ({
  36. prefixCls,
  37. type,
  38. icon,
  39. children
  40. }) => (/*#__PURE__*/React.createElement("div", {
  41. className: (0, _classnames.default)(`${prefixCls}-custom-content`, `${prefixCls}-${type}`)
  42. }, icon || TypeIcon[type], /*#__PURE__*/React.createElement("span", null, children)));
  43. /** @private Internal Component. Do not use in your production. */
  44. exports.PureContent = PureContent;
  45. const PurePanel = props => {
  46. const {
  47. prefixCls: staticPrefixCls,
  48. className,
  49. type,
  50. icon,
  51. content
  52. } = props,
  53. restProps = __rest(props, ["prefixCls", "className", "type", "icon", "content"]);
  54. const {
  55. getPrefixCls
  56. } = React.useContext(_configProvider.ConfigContext);
  57. const prefixCls = staticPrefixCls || getPrefixCls('message');
  58. const rootCls = (0, _useCSSVarCls.default)(prefixCls);
  59. const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls, rootCls);
  60. return wrapCSSVar(/*#__PURE__*/React.createElement(_rcNotification.Notice, Object.assign({}, restProps, {
  61. prefixCls: prefixCls,
  62. className: (0, _classnames.default)(className, hashId, `${prefixCls}-notice-pure-panel`, cssVarCls, rootCls),
  63. eventKey: "pure",
  64. duration: null,
  65. content: /*#__PURE__*/React.createElement(PureContent, {
  66. prefixCls: prefixCls,
  67. type: type,
  68. icon: icon
  69. }, content)
  70. })));
  71. };
  72. var _default = exports.default = PurePanel;