@para-ui/core 3.0.28 → 3.0.30

package/Modal/index.js

@@ -1,15 +1,15 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import Dialog from 'rc-dialog';
 import { Button } from '../Button/index.js';
 import CloseIcon from '@para-ui/icons/Close';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { d as defaultModalLocale } from '../_verture/index-e2881a53.js';
 import ReactDOM from 'react-dom';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import CompleteIcon from '@para-ui/icons/CheckCircleF';
 import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
@@ -18,74 +18,71 @@ import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import { UUID } from '@paraview/lib';
 import { getConfirmLocale } from '@para-ui/core/GlobalContext';
 import '../_verture/typeof-498dd2b1.js';
-import '../_verture/slicedToArray-d7722f4b.js';
+import '../_verture/slicedToArray-77980792.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Down';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 
 var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午7:00\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-confirm.paraui-v3-modal .paraui-v3-modal-body {\n  padding: 0;\n}\n.paraui-v3-confirm .confirm-wrapper {\n  width: 416px;\n  outline: none;\n}\n.paraui-v3-confirm .confirm-content {\n  position: relative;\n  padding: 32px 32px 24px;\n}\n.paraui-v3-confirm .confirm-content-close {\n  position: absolute;\n  right: 16px;\n  top: 16px;\n  border: none;\n}\n.paraui-v3-confirm .confirm-content-close svg {\n  font-size: 18px;\n}\n.paraui-v3-confirm .confirm-content-icon {\n  float: left;\n  margin-top: 2px;\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-confirm .confirm-content-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-confirm .confirm-content-icon--warn, .paraui-v3-confirm .confirm-content-icon-warning {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-confirm .confirm-content-icon--error {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-confirm .confirm-content-icon--success {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-confirm .confirm-content-icon--info {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-confirm .confirm-content-body {\n  margin: 0 16px 0 30px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-confirm .confirm-content-body .confirm-body-title {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 700;\n  font-size: 16px;\n}\n.paraui-v3-confirm .confirm-content-actions {\n  margin-top: 24px;\n  text-align: right;\n}\n.paraui-v3-confirm .confirm-content-actions > button + button {\n  margin-left: 16px;\n}";
 styleInject(css_248z$1);
 
+//图标
 var iconMap = {
   "success": jsx(CompleteIcon, {}),
   "warn": jsx(WarningCircleF, {}),
   "warning": jsx(WarningCircleF, {}),
   "error": jsx(CloseCircleFilled, {}),
   "info": jsx(InfoOutlined, {})
-}; //confirm modal
-
+};
+//confirm modal
 var ConfirmDialog = function ConfirmDialog(props) {
   var _props$type = props.type,
-      type = _props$type === void 0 ? 'warning' : _props$type,
-      title = props.title,
-      content = props.content,
-      icon = props.icon,
-      okText = props.okText,
-      cancelText = props.cancelText,
-      onOk = props.onOk,
-      onCancel = props.onCancel,
-      className = props.className,
-      _props$showCancel = props.showCancel,
-      showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
-      _props$closable = props.closable,
-      closable = _props$closable === void 0 ? false : _props$closable,
-      okButtonProps = props.okButtonProps,
-      cancelButtonProps = props.cancelButtonProps,
-      resolveFn = props.resolveFn,
-      callback = props.callback,
-      destroy = props.destroy,
-      actions = props.actions,
-      _props$showActions = props.showActions,
-      showActions = _props$showActions === void 0 ? true : _props$showActions,
-      restProps = __rest(props, ["type", "title", "content", "icon", "okText", "cancelText", "onOk", "onCancel", "className", "showCancel", "closable", "okButtonProps", "cancelButtonProps", "resolveFn", "callback", "destroy", "actions", "showActions"]);
-
-  var prefixCls = "".concat($prefixCls, "-confirm"); //取消
-
+    type = _props$type === void 0 ? 'warning' : _props$type,
+    title = props.title,
+    content = props.content,
+    icon = props.icon,
+    okText = props.okText,
+    cancelText = props.cancelText,
+    onOk = props.onOk,
+    onCancel = props.onCancel,
+    className = props.className,
+    _props$showCancel = props.showCancel,
+    showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? false : _props$closable,
+    okButtonProps = props.okButtonProps,
+    cancelButtonProps = props.cancelButtonProps,
+    resolveFn = props.resolveFn,
+    callback = props.callback,
+    destroy = props.destroy,
+    actions = props.actions,
+    _props$showActions = props.showActions,
+    showActions = _props$showActions === void 0 ? true : _props$showActions,
+    restProps = __rest(props, ["type", "title", "content", "icon", "okText", "cancelText", "onOk", "onCancel", "className", "showCancel", "closable", "okButtonProps", "cancelButtonProps", "resolveFn", "callback", "destroy", "actions", "showActions"]);
+  var prefixCls = "".concat($prefixCls, "-confirm");
+  //取消
   var handleCancel = function handleCancel() {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     resolveFn === null || resolveFn === void 0 ? void 0 : resolveFn(false);
     destroy === null || destroy === void 0 ? void 0 : destroy();
-  }; //确认
-
-
+  };
+  //确认
   var handleOk = function handleOk() {
     onOk === null || onOk === void 0 ? void 0 : onOk();
     resolveFn === null || resolveFn === void 0 ? void 0 : resolveFn(true);
     callback === null || callback === void 0 ? void 0 : callback();
     destroy === null || destroy === void 0 ? void 0 : destroy();
-  }; //render actions
-
-
+  };
+  //render actions
   var renderActions = function renderActions() {
     if (!showActions) return null;
-
     if (actions) {
       return jsx("div", Object.assign({
         className: 'confirm-content-actions'
@@ -93,7 +90,6 @@ var ConfirmDialog = function ConfirmDialog(props) {
         children: actions
       }));
     }
-
     return jsxs("div", Object.assign({
       className: 'confirm-content-actions'
     }, {
@@ -112,7 +108,6 @@ var ConfirmDialog = function ConfirmDialog(props) {
       }))]
     }));
   };
-
   return jsx(Modal, Object.assign({}, restProps, {
     onOk: handleOk,
     onCancel: handleCancel,
@@ -156,32 +151,27 @@ var ConfirmDialog = function ConfirmDialog(props) {
       }))
     }))
   }));
-}; //销毁方法map
-
-
-var $destroyFnsMap = new Map(); //confirm
-
+};
+//销毁方法map
+var $destroyFnsMap = new Map();
+//confirm
 var confirm = function confirm(props, resolveFn, callback) {
   var box = document.createElement('div');
   var uuid = props.uuid || UUID();
   if (props.uuid) box.setAttribute('data-confirm-cid', props.uuid);
-  document.body.appendChild(box); //销毁组件
-
+  document.body.appendChild(box);
+  //销毁组件
   var destroy = function destroy() {
     var unmountResult = ReactDOM.unmountComponentAtNode(box);
-
     if (unmountResult && box.parentNode) {
       box.parentNode.removeChild(box);
     }
-
     $destroyFnsMap.delete(uuid);
   };
-
-  $destroyFnsMap.set(uuid, destroy); //渲染组件
-
+  $destroyFnsMap.set(uuid, destroy);
+  //渲染组件
   setTimeout(function () {
     var _a, _b;
-
     var runtimeLocale = getConfirmLocale();
     ReactDOM.render(jsx(ConfirmDialog, Object.assign({}, props, {
       okText: (_a = props.okText) !== null && _a !== void 0 ? _a : runtimeLocale.ok,
@@ -192,9 +182,8 @@ var confirm = function confirm(props, resolveFn, callback) {
       destroy: destroy
     })), box);
   });
-}; //promise factory
-
-
+};
+//promise factory
 var promiseFactory = function promiseFactory(config, type, callback) {
   var opts = {
     type: type
@@ -205,9 +194,8 @@ var promiseFactory = function promiseFactory(config, type, callback) {
   return new Promise(function (resolve) {
     confirm(opts, resolve, callback);
   });
-}; //销毁弹框
-
-
+};
+//销毁弹框
 var destroyAllConfirm = function destroyAllConfirm(uuid) {
   if (uuid) {
     var close = $destroyFnsMap.get(uuid);
@@ -215,14 +203,12 @@ var destroyAllConfirm = function destroyAllConfirm(uuid) {
     $destroyFnsMap.delete(uuid);
     return;
   }
-
   $destroyFnsMap.forEach(function (close) {
     if (close) close();
   });
   $destroyFnsMap.clear();
-}; //confirm 方法对象
-
-
+};
+//confirm 方法对象
 var Confirm = {
   info: function info(config, callback) {
     return promiseFactory(config, 'info', callback);
@@ -242,8 +228,8 @@ var Confirm = {
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下午6:54\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-modal {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  pointer-events: none;\n  position: relative;\n  top: 100px;\n  width: auto;\n  max-width: calc(100vw - 32px);\n  margin: 0 auto;\n  padding-bottom: 24px;\n}\n.paraui-v3-modal.paraui-v3-modal-sm .paraui-v3-modal-content {\n  width: 430px;\n  max-height: 250px;\n}\n.paraui-v3-modal.paraui-v3-modal-md .paraui-v3-modal-content {\n  width: 486px;\n  max-height: 610px;\n}\n.paraui-v3-modal.paraui-v3-modal-lg .paraui-v3-modal-content {\n  width: 948px;\n  max-height: 610px;\n}\n.paraui-v3-modal.paraui-v3-modal-fullscreen {\n  max-width: 100%;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-modal.paraui-v3-modal-zoom-enter, .paraui-v3-modal.paraui-v3-modal-zoom-appear {\n  transform: none;\n  opacity: 0;\n  animation-duration: 0.3s;\n  user-select: none;\n}\n.paraui-v3-modal-mask {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n}\n.paraui-v3-modal-mask-hidden {\n  display: none;\n}\n.paraui-v3-modal-wrap {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: auto;\n  outline: 0;\n  z-index: 1500;\n  -webkit-overflow-scrolling: touch;\n}\n.paraui-v3-modal .paraui-v3-modal-content {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  position: relative;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  pointer-events: auto;\n  overflow-y: auto;\n}\n.paraui-v3-modal .paraui-v3-modal-title {\n  position: relative;\n  height: 44px;\n  padding: 12px 24px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  font-weight: 700;\n  line-height: 20px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n  overflow-wrap: break-word;\n}\n.paraui-v3-modal .paraui-v3-modal-title .paraui-v3-modal-close {\n  position: absolute;\n  top: 8px;\n  right: 14px;\n  z-index: 10;\n  border: 0;\n}\n.paraui-v3-modal .paraui-v3-modal-title .paraui-v3-modal-close .paraui-v3-modal-close-icon {\n  font-size: 20px;\n}\n.paraui-v3-modal .paraui-v3-modal-body {\n  flex: auto;\n  padding: 16px 24px;\n  overflow-y: auto;\n  overflow-wrap: break-word;\n}\n.paraui-v3-modal .paraui-v3-modal-footer {\n  padding: 8px 24px 24px;\n  text-align: right;\n}\n.paraui-v3-modal .paraui-v3-modal-footer > button + button {\n  margin-left: 16px;\n}\n.paraui-v3-modal-open {\n  overflow: hidden;\n}\n.paraui-v3-modal-centered {\n  text-align: center;\n}\n.paraui-v3-modal-centered::before {\n  display: inline-block;\n  width: 0;\n  height: 100%;\n  vertical-align: middle;\n  content: \"\";\n}\n.paraui-v3-modal-centered .paraui-v3-modal {\n  top: 0;\n  display: inline-block;\n  padding-bottom: 0;\n  text-align: left;\n  vertical-align: middle;\n}\n@media (max-width: 767px) {\n  .paraui-v3-modal .paraui-v3-modal {\n    max-width: calc(100vw - 16px);\n    margin: 8px auto;\n  }\n  .paraui-v3-modal .paraui-v3-modal-centered .paraui-v3-modal {\n    flex: 1;\n  }\n}\n\n.paraui-v3-modal-zoom-enter,\n.paraui-v3-modal-zoom-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.paraui-v3-modal-zoom-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v3-modal-zoom-enter.paraui-v3-modal-zoom-enter-active,\n.paraui-v3-modal-zoom-appear.paraui-v3-modal-zoom-appear-active {\n  animation-name: paraui-v3ModalZoomIn;\n  animation-play-state: running;\n}\n\n.paraui-v3-modal-zoom-leave.paraui-v3-modal-zoom-leave-active {\n  animation-name: paraui-v3ModalZoomOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-v3-modal-zoom-enter-prepare,\n.paraui-v3-modal-zoom-appear-prepare {\n  transform: none;\n}\n\n.paraui-v3-modal-zoom-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-v3-modal-fade-enter,\n.paraui-v3-modal-fade-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v3-modal-fade-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-v3-modal-fade-enter.paraui-v3-modal-fade-enter-active,\n.paraui-v3-modal-fade-appear.paraui-v3-modal-fade-appear-active {\n  animation-name: paraui-v3ModalFadeIn;\n  animation-play-state: running;\n}\n\n.paraui-v3-modal-fade-leave.paraui-v3-modal-fade-leave-active {\n  animation-name: paraui-v3ModalFadeOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-v3-modal-fade-enter,\n.paraui-v3-modal-fade-appear {\n  opacity: 0;\n  animation-timing-function: linear;\n}\n\n.paraui-v3-modal-fade-leave {\n  animation-timing-function: linear;\n}\n\n@keyframes paraui-v3ModalZoomIn {\n  0% {\n    transform: scale(0.2);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes paraui-v3ModalZoomOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.2);\n    opacity: 0;\n  }\n}\n@keyframes paraui-v3ModalFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes paraui-v3ModalFadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
+//鼠标位置内部使用
 var mousePosition;
-
 var getClickPosition = function getClickPosition(e) {
   mousePosition = {
     x: e.pageX,
@@ -252,74 +238,66 @@ var getClickPosition = function getClickPosition(e) {
   setTimeout(function () {
     mousePosition = null;
   }, 100);
-}; // 只有点击事件支持从鼠标位置动画展开
-
-
+};
+// 只有点击事件支持从鼠标位置动画展开
 if (window.document.documentElement) {
   document.documentElement.addEventListener('click', getClickPosition, true);
-} //Modal
-
-
+}
+//Modal
 var Modal = function Modal(props) {
   var open = props.open,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? false : _props$visible,
-      closeIcon = props.closeIcon,
-      _props$centered = props.centered,
-      centered = _props$centered === void 0 ? true : _props$centered,
-      _props$focusTriggerAf = props.focusTriggerAfterClose,
-      focusTriggerAfterClose = _props$focusTriggerAf === void 0 ? true : _props$focusTriggerAf,
-      title = props.title,
-      footer = props.footer,
-      _props$showActions = props.showActions,
-      showActions = _props$showActions === void 0 ? true : _props$showActions,
-      actions = props.actions,
-      header = props.header,
-      _props$hideHeader = props.hideHeader,
-      hideHeader = _props$hideHeader === void 0 ? false : _props$hideHeader,
-      _props$showCancel = props.showCancel,
-      showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
-      _props$maskClosable = props.maskClosable,
-      maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
-      _props$disableBackdro = props.disableBackdropClick,
-      disableBackdropClick = _props$disableBackdro === void 0 ? true : _props$disableBackdro,
-      _props$keyboard = props.keyboard,
-      keyboard = _props$keyboard === void 0 ? false : _props$keyboard,
-      _props$disableEscapeK = props.disableEscapeKeyDown,
-      disableEscapeKeyDown = _props$disableEscapeK === void 0 ? true : _props$disableEscapeK,
-      fullScreen = props.fullScreen,
-      customizeSize = props.customizeSize,
-      style = props.style,
-      bodyStyle = props.bodyStyle,
-      contentWidth = props.contentWidth,
-      contentHeight = props.contentHeight,
-      contentStyle = props.contentStyle,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'md' : _props$size,
-      children = props.children,
-      _props$closable = props.closable,
-      closable = _props$closable === void 0 ? true : _props$closable,
-      restProps = __rest(props, ["open", "visible", "closeIcon", "centered", "focusTriggerAfterClose", "title", "footer", "showActions", "actions", "header", "hideHeader", "showCancel", "maskClosable", "disableBackdropClick", "keyboard", "disableEscapeKeyDown", "fullScreen", "customizeSize", "style", "bodyStyle", "contentWidth", "contentHeight", "contentStyle", "size", "children", "closable"]);
-
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? false : _props$visible,
+    closeIcon = props.closeIcon,
+    _props$centered = props.centered,
+    centered = _props$centered === void 0 ? true : _props$centered,
+    _props$focusTriggerAf = props.focusTriggerAfterClose,
+    focusTriggerAfterClose = _props$focusTriggerAf === void 0 ? true : _props$focusTriggerAf,
+    title = props.title,
+    footer = props.footer,
+    _props$showActions = props.showActions,
+    showActions = _props$showActions === void 0 ? true : _props$showActions,
+    actions = props.actions,
+    header = props.header,
+    _props$hideHeader = props.hideHeader,
+    hideHeader = _props$hideHeader === void 0 ? false : _props$hideHeader,
+    _props$showCancel = props.showCancel,
+    showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
+    _props$maskClosable = props.maskClosable,
+    maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
+    _props$disableBackdro = props.disableBackdropClick,
+    disableBackdropClick = _props$disableBackdro === void 0 ? true : _props$disableBackdro,
+    _props$keyboard = props.keyboard,
+    keyboard = _props$keyboard === void 0 ? false : _props$keyboard,
+    _props$disableEscapeK = props.disableEscapeKeyDown,
+    disableEscapeKeyDown = _props$disableEscapeK === void 0 ? true : _props$disableEscapeK,
+    fullScreen = props.fullScreen,
+    customizeSize = props.customizeSize,
+    style = props.style,
+    bodyStyle = props.bodyStyle,
+    contentWidth = props.contentWidth,
+    contentHeight = props.contentHeight,
+    contentStyle = props.contentStyle,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    children = props.children,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? true : _props$closable,
+    restProps = __rest(props, ["open", "visible", "closeIcon", "centered", "focusTriggerAfterClose", "title", "footer", "showActions", "actions", "header", "hideHeader", "showCancel", "maskClosable", "disableBackdropClick", "keyboard", "disableEscapeKeyDown", "fullScreen", "customizeSize", "style", "bodyStyle", "contentWidth", "contentHeight", "contentStyle", "size", "children", "closable"]);
   var isFullScreen = fullScreen || size === 'fullScreen'; //是否全屏
-
   var intl = useFormatMessage('Modal', defaultModalLocale);
-  var prefixCls = "".concat($prefixCls, "-modal"); //关闭回调
-
+  var prefixCls = "".concat($prefixCls, "-modal");
+  //关闭回调
   var handleCancel = function handleCancel(e) {
     var _a;
-
     (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props, e);
-  }; //确定回调
-
-
+  };
+  //确定回调
   var handleOk = function handleOk(e) {
     var _a;
-
     (_a = props.onOk) === null || _a === void 0 ? void 0 : _a.call(props, e);
-  }; //modal size class
-
-
+  };
+  //modal size class
   var makeSizeCls = function makeSizeCls() {
     var sizeMap = {
       sm: "".concat(prefixCls, "-sm"),
@@ -331,26 +309,23 @@ var Modal = function Modal(props) {
     if (contentWidth || contentHeight || contentStyle) return;
     if (isFullScreen) return sizeMap['fullScreen'];
     return sizeMap[size];
-  }; //自定义样式
-
-
+  };
+  //自定义样式
   var getCStyle = function getCStyle() {
     return Object.assign(Object.assign({}, customizeSize), style);
-  }; //自定义内容样式
-
-
+  };
+  //自定义内容样式
   var getContentStyle = function getContentStyle() {
     return Object.assign(Object.assign(Object.assign({}, bodyStyle), {
       width: contentWidth,
       height: contentHeight
     }), contentStyle);
-  }; //header
-
-
+  };
+  //header
   var renderHeader = function renderHeader() {
     if (hideHeader) return null;
-    if (header) return header; //
-
+    if (header) return header;
+    //
     var closeNode = closable && jsx(Button.IconButton, Object.assign({
       onClick: handleCancel,
       className: "".concat(prefixCls, "-close"),
@@ -361,22 +336,19 @@ var Modal = function Modal(props) {
         className: "".concat(prefixCls, "-close-icon")
       })
     }));
-
     return jsxs(Fragment, {
       children: [title, closeNode]
     });
-  }; //footer
-
-
+  };
+  //footer
   var renderFooter = function renderFooter() {
     if (!showActions) return null;
     var okText = props.okText,
-        cancelText = props.cancelText,
-        okButtonProps = props.okButtonProps,
-        cancelButtonProps = props.cancelButtonProps,
-        _props$confirmLoading = props.confirmLoading,
-        confirmLoading = _props$confirmLoading === void 0 ? false : _props$confirmLoading;
-
+      cancelText = props.cancelText,
+      okButtonProps = props.okButtonProps,
+      cancelButtonProps = props.cancelButtonProps,
+      _props$confirmLoading = props.confirmLoading,
+      confirmLoading = _props$confirmLoading === void 0 ? false : _props$confirmLoading;
     var okBtn = jsx(Button, Object.assign({
       variant: "contained",
       size: "medium",
@@ -387,7 +359,6 @@ var Modal = function Modal(props) {
         id: 'ok'
       })
     }));
-
     var cancelBtn = showCancel && jsx(Button, Object.assign({
       variant: "outlined",
       size: "medium",
@@ -397,10 +368,8 @@ var Modal = function Modal(props) {
         id: 'cancel'
       })
     }));
-
     var buttons = [cancelBtn, okBtn];
     var tActions = actions !== null && actions !== void 0 ? actions : footer;
-
     if (typeof tActions === 'function') {
       var btns = tActions(buttons);
       return jsx(Fragment, {
@@ -413,7 +382,6 @@ var Modal = function Modal(props) {
     } else if (tActions) {
       return tActions;
     }
-
     return jsx(Fragment, {
       children: buttons.map(function (btn, idx) {
         return jsx(React__default.Fragment, {
@@ -421,11 +389,10 @@ var Modal = function Modal(props) {
         }, idx);
       })
     });
-  }; //wrap cls
-
-
-  var makeWrapClassName = clsx(props.wrapClassName, _defineProperty({}, "".concat(prefixCls, "-centered"), centered)); //modal cls
-
+  };
+  //wrap cls
+  var makeWrapClassName = clsx(props.wrapClassName, _defineProperty({}, "".concat(prefixCls, "-centered"), centered));
+  //modal cls
   var makeModalClassName = clsx(props.className, "".concat($prefixCls, "-scrollbar-small"), makeSizeCls());
   return jsx(Dialog, Object.assign({}, restProps, {
     visible: open !== null && open !== void 0 ? open : visible,