UNPKG

antd

Version:

An enterprise-class UI design language and React components implementation

102 lines (101 loc) 4.32 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default; Object.defineProperty(exports, "__esModule", { value: true }); exports.Overlay = void 0; exports.default = PurePanel; var React = _interopRequireWildcard(require("react")); var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons/ExclamationCircleFilled")); var _classnames = _interopRequireDefault(require("classnames")); var _button = _interopRequireDefault(require("../button")); var _button2 = require("../button/button"); var _ActionButton = _interopRequireDefault(require("../_util/ActionButton")); var _LocaleReceiver = _interopRequireDefault(require("../locale/LocaleReceiver")); var _en_US = _interopRequireDefault(require("../locale/en_US")); var _getRenderPropValue = require("../_util/getRenderPropValue"); var _configProvider = require("../config-provider"); var _PurePanel = _interopRequireDefault(require("../popover/PurePanel")); var _style = _interopRequireDefault(require("./style")); 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 Overlay = props => { const { prefixCls, okButtonProps, cancelButtonProps, title, description, cancelText, okText, okType = 'primary', icon = /*#__PURE__*/React.createElement(_ExclamationCircleFilled.default, null), showCancel = true, close, onConfirm, onCancel } = props; const { getPrefixCls } = React.useContext(_configProvider.ConfigContext); return /*#__PURE__*/React.createElement(_LocaleReceiver.default, { componentName: "Popconfirm", defaultLocale: _en_US.default.Popconfirm }, contextLocale => /*#__PURE__*/React.createElement("div", { className: `${prefixCls}-inner-content` }, /*#__PURE__*/React.createElement("div", { className: `${prefixCls}-message` }, icon && /*#__PURE__*/React.createElement("span", { className: `${prefixCls}-message-icon` }, icon), /*#__PURE__*/React.createElement("div", { className: (0, _classnames.default)(`${prefixCls}-message-title`, { [`${prefixCls}-message-title-only`]: !!description }) }, (0, _getRenderPropValue.getRenderPropValue)(title))), description && /*#__PURE__*/React.createElement("div", { className: `${prefixCls}-description` }, (0, _getRenderPropValue.getRenderPropValue)(description)), /*#__PURE__*/React.createElement("div", { className: `${prefixCls}-buttons` }, showCancel && /*#__PURE__*/React.createElement(_button.default, Object.assign({ onClick: onCancel, size: "small" }, cancelButtonProps), cancelText !== null && cancelText !== void 0 ? cancelText : contextLocale.cancelText), /*#__PURE__*/React.createElement(_ActionButton.default, { buttonProps: Object.assign(Object.assign({ size: 'small' }, (0, _button2.convertLegacyProps)(okType)), okButtonProps), actionFn: onConfirm, close: close, prefixCls: getPrefixCls('btn'), quitOnNullishReturnValue: true, emitEvent: true }, okText !== null && okText !== void 0 ? okText : contextLocale.okText)))); }; exports.Overlay = Overlay; function PurePanel(props) { const { prefixCls: customizePrefixCls, placement, className, style } = props, restProps = __rest(props, ["prefixCls", "placement", "className", "style"]); const { getPrefixCls } = React.useContext(_configProvider.ConfigContext); const prefixCls = getPrefixCls('popconfirm', customizePrefixCls); const [wrapSSR] = (0, _style.default)(prefixCls); return wrapSSR( /*#__PURE__*/React.createElement(_PurePanel.default, { placement: placement, className: (0, _classnames.default)(prefixCls, className), style: style, content: /*#__PURE__*/React.createElement(Overlay, Object.assign({ prefixCls: prefixCls }, restProps)) })); }