123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 |
- "use strict";
- "use client";
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = exports.TypeIcon = exports.PureContent = void 0;
- exports.getCloseIcon = getCloseIcon;
- var React = _interopRequireWildcard(require("react"));
- var _CheckCircleFilled = _interopRequireDefault(require("@ant-design/icons/CheckCircleFilled"));
- var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
- var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
- var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons/ExclamationCircleFilled"));
- var _InfoCircleFilled = _interopRequireDefault(require("@ant-design/icons/InfoCircleFilled"));
- var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
- var _classnames = _interopRequireDefault(require("classnames"));
- var _rcNotification = require("rc-notification");
- var _warning = require("../_util/warning");
- var _configProvider = require("../config-provider");
- var _useCSSVarCls = _interopRequireDefault(require("../config-provider/hooks/useCSSVarCls"));
- var _style = _interopRequireDefault(require("./style"));
- var _purePanel = _interopRequireDefault(require("./style/pure-panel"));
- var __rest = void 0 && (void 0).__rest || function (s, e) {
- var t = {};
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
- }
- return t;
- };
- const TypeIcon = exports.TypeIcon = {
- info: /*#__PURE__*/React.createElement(_InfoCircleFilled.default, null),
- success: /*#__PURE__*/React.createElement(_CheckCircleFilled.default, null),
- error: /*#__PURE__*/React.createElement(_CloseCircleFilled.default, null),
- warning: /*#__PURE__*/React.createElement(_ExclamationCircleFilled.default, null),
- loading: /*#__PURE__*/React.createElement(_LoadingOutlined.default, null)
- };
- function getCloseIcon(prefixCls, closeIcon) {
- if (closeIcon === null || closeIcon === false) {
- return null;
- }
- return closeIcon || /*#__PURE__*/React.createElement(_CloseOutlined.default, {
- className: `${prefixCls}-close-icon`
- });
- }
- const typeToIcon = {
- success: _CheckCircleFilled.default,
- info: _InfoCircleFilled.default,
- error: _CloseCircleFilled.default,
- warning: _ExclamationCircleFilled.default
- };
- const PureContent = props => {
- const {
- prefixCls,
- icon,
- type,
- message,
- description,
- actions,
- role = 'alert'
- } = props;
- let iconNode = null;
- if (icon) {
- iconNode = /*#__PURE__*/React.createElement("span", {
- className: `${prefixCls}-icon`
- }, icon);
- } else if (type) {
- iconNode = /*#__PURE__*/React.createElement(typeToIcon[type] || null, {
- className: (0, _classnames.default)(`${prefixCls}-icon`, `${prefixCls}-icon-${type}`)
- });
- }
- return /*#__PURE__*/React.createElement("div", {
- className: (0, _classnames.default)({
- [`${prefixCls}-with-icon`]: iconNode
- }),
- role: role
- }, iconNode, /*#__PURE__*/React.createElement("div", {
- className: `${prefixCls}-message`
- }, message), description && /*#__PURE__*/React.createElement("div", {
- className: `${prefixCls}-description`
- }, description), actions && /*#__PURE__*/React.createElement("div", {
- className: `${prefixCls}-actions`
- }, actions));
- };
- /** @private Internal Component. Do not use in your production. */
- exports.PureContent = PureContent;
- const PurePanel = props => {
- const {
- prefixCls: staticPrefixCls,
- className,
- icon,
- type,
- message,
- description,
- btn,
- actions,
- closable = true,
- closeIcon,
- className: notificationClassName
- } = props,
- restProps = __rest(props, ["prefixCls", "className", "icon", "type", "message", "description", "btn", "actions", "closable", "closeIcon", "className"]);
- const {
- getPrefixCls
- } = React.useContext(_configProvider.ConfigContext);
- const mergedActions = actions !== null && actions !== void 0 ? actions : btn;
- if (process.env.NODE_ENV !== 'production') {
- const warning = (0, _warning.devUseWarning)('Notification');
- warning.deprecated(!btn, 'btn', 'actions');
- }
- const prefixCls = staticPrefixCls || getPrefixCls('notification');
- const noticePrefixCls = `${prefixCls}-notice`;
- const rootCls = (0, _useCSSVarCls.default)(prefixCls);
- const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls, rootCls);
- return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
- className: (0, _classnames.default)(`${noticePrefixCls}-pure-panel`, hashId, className, cssVarCls, rootCls)
- }, /*#__PURE__*/React.createElement(_purePanel.default, {
- prefixCls: prefixCls
- }), /*#__PURE__*/React.createElement(_rcNotification.Notice, Object.assign({}, restProps, {
- prefixCls: prefixCls,
- eventKey: "pure",
- duration: null,
- closable: closable,
- className: (0, _classnames.default)({
- notificationClassName
- }),
- closeIcon: getCloseIcon(prefixCls, closeIcon),
- content: /*#__PURE__*/React.createElement(PureContent, {
- prefixCls: noticePrefixCls,
- icon: icon,
- type: type,
- message: message,
- description: description,
- actions: mergedActions
- })
- }))));
- };
- var _default = exports.default = PurePanel;
|