shared.js 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. "use strict";
  2. "use client";
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.Footer = void 0;
  8. exports.renderCloseIcon = renderCloseIcon;
  9. var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
  10. var _react = _interopRequireDefault(require("react"));
  11. var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
  12. var _DisabledContext = require("../config-provider/DisabledContext");
  13. var _locale = require("../locale");
  14. var _NormalCancelBtn = _interopRequireDefault(require("./components/NormalCancelBtn"));
  15. var _NormalOkBtn = _interopRequireDefault(require("./components/NormalOkBtn"));
  16. var _context = require("./context");
  17. var _locale2 = require("./locale");
  18. function renderCloseIcon(prefixCls, closeIcon) {
  19. return /*#__PURE__*/_react.default.createElement("span", {
  20. className: `${prefixCls}-close-x`
  21. }, closeIcon || /*#__PURE__*/_react.default.createElement(_CloseOutlined.default, {
  22. className: `${prefixCls}-close-icon`
  23. }));
  24. }
  25. const Footer = props => {
  26. const {
  27. okText,
  28. okType = 'primary',
  29. cancelText,
  30. confirmLoading,
  31. onOk,
  32. onCancel,
  33. okButtonProps,
  34. cancelButtonProps,
  35. footer
  36. } = props;
  37. const [locale] = (0, _locale.useLocale)('Modal', (0, _locale2.getConfirmLocale)());
  38. // ================== Locale Text ==================
  39. const okTextLocale = okText || (locale === null || locale === void 0 ? void 0 : locale.okText);
  40. const cancelTextLocale = cancelText || (locale === null || locale === void 0 ? void 0 : locale.cancelText);
  41. // ================= Context Value =================
  42. const btnCtxValue = {
  43. confirmLoading,
  44. okButtonProps,
  45. cancelButtonProps,
  46. okTextLocale,
  47. cancelTextLocale,
  48. okType,
  49. onOk,
  50. onCancel
  51. };
  52. const btnCtxValueMemo = _react.default.useMemo(() => btnCtxValue, (0, _toConsumableArray2.default)(Object.values(btnCtxValue)));
  53. let footerNode;
  54. if (typeof footer === 'function' || typeof footer === 'undefined') {
  55. footerNode = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NormalCancelBtn.default, null), /*#__PURE__*/_react.default.createElement(_NormalOkBtn.default, null));
  56. if (typeof footer === 'function') {
  57. footerNode = footer(footerNode, {
  58. OkBtn: _NormalOkBtn.default,
  59. CancelBtn: _NormalCancelBtn.default
  60. });
  61. }
  62. footerNode = /*#__PURE__*/_react.default.createElement(_context.ModalContextProvider, {
  63. value: btnCtxValueMemo
  64. }, footerNode);
  65. } else {
  66. footerNode = footer;
  67. }
  68. return /*#__PURE__*/_react.default.createElement(_DisabledContext.DisabledContextProvider, {
  69. disabled: false
  70. }, footerNode);
  71. };
  72. exports.Footer = Footer;