@chaoswise/ui 2.5.8 → 3.0.0

package/lib/Antd5/modal/ConfirmDialog.js

@@ -0,0 +1,228 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"];
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
+import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
+import InfoCircleFilled from '@ant-design/icons/InfoCircleFilled';
+import classNames from 'classnames';
+import { CONTAINER_MAX_OFFSET } from '../_util/hooks/useZIndex';
+import { getTransitionName } from '../_util/motion';
+import { devUseWarning } from '../_util/warning';
+import ConfigProvider from '../config-provider';
+import { useLocale } from '../locale';
+import useToken from '../theme/useToken';
+import CancelBtn from './components/ConfirmCancelBtn';
+import OkBtn from './components/ConfirmOkBtn';
+import { ModalContextProvider } from './context';
+import Modal from './Modal';
+import Confirm from './style/confirm';
+export function ConfirmContent(props) {
+  var prefixCls = props.prefixCls,
+    icon = props.icon,
+    okText = props.okText,
+    cancelText = props.cancelText,
+    confirmPrefixCls = props.confirmPrefixCls,
+    type = props.type,
+    okCancel = props.okCancel,
+    footer = props.footer,
+    staticLocale = props.locale,
+    resetProps = _objectWithoutProperties(props, _excluded);
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Modal');
+    warning(!(typeof icon === 'string' && icon.length > 2), 'breaking', "`icon` is using ReactNode instead of string naming in v4. Please check `".concat(icon, "` at https://ant.design/components/icon"));
+  }
+  // Icon
+  var mergedIcon = icon;
+  // 支持传入{ icon: null }来隐藏`Modal.confirm`默认的Icon
+  if (!icon && icon !== null) {
+    switch (type) {
+      case 'info':
+        mergedIcon = _jsx(InfoCircleFilled, {});
+        break;
+      case 'success':
+        mergedIcon = _jsx(CheckCircleFilled, {});
+        break;
+      case 'error':
+        mergedIcon = _jsx(CloseCircleFilled, {});
+        break;
+      default:
+        mergedIcon = _jsx(ExclamationCircleFilled, {});
+    }
+  }
+  // 默认为 true，保持向下兼容
+  var mergedOkCancel = okCancel !== null && okCancel !== void 0 ? okCancel : type === 'confirm';
+  var autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok';
+  var _useLocale = useLocale('Modal'),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  var mergedLocale = staticLocale || locale;
+  // ================== Locale Text ==================
+  var okTextLocale = okText || (mergedOkCancel ? mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.okText : mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.justOkText);
+  var cancelTextLocale = cancelText || (mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.cancelText);
+  // ================= Context Value =================
+  var btnCtxValue = _objectSpread({
+    autoFocusButton: autoFocusButton,
+    cancelTextLocale: cancelTextLocale,
+    okTextLocale: okTextLocale,
+    mergedOkCancel: mergedOkCancel
+  }, resetProps);
+  var btnCtxValueMemo = React.useMemo(function () {
+    return btnCtxValue;
+  }, _toConsumableArray(Object.values(btnCtxValue)));
+  // ====================== Footer Origin Node ======================
+  var footerOriginNode = _jsxs(_Fragment, {
+    children: [_jsx(CancelBtn, {}), _jsx(OkBtn, {})]
+  });
+  var hasTitle = props.title !== undefined && props.title !== null;
+  var bodyCls = "".concat(confirmPrefixCls, "-body");
+  return _jsxs("div", {
+    className: "".concat(confirmPrefixCls, "-body-wrapper"),
+    children: [_jsxs("div", {
+      className: classNames(bodyCls, _defineProperty({}, "".concat(bodyCls, "-has-title"), hasTitle)),
+      children: [mergedIcon, _jsxs("div", {
+        className: "".concat(confirmPrefixCls, "-paragraph"),
+        children: [hasTitle && _jsx("span", {
+          className: "".concat(confirmPrefixCls, "-title"),
+          children: props.title
+        }), _jsx("div", {
+          className: "".concat(confirmPrefixCls, "-content"),
+          children: props.content
+        })]
+      })]
+    }), footer === undefined || typeof footer === 'function' ? _jsx(ModalContextProvider, {
+      value: btnCtxValueMemo,
+      children: _jsx("div", {
+        className: "".concat(confirmPrefixCls, "-btns"),
+        children: typeof footer === 'function' ? footer(footerOriginNode, {
+          OkBtn: OkBtn,
+          CancelBtn: CancelBtn
+        }) : footerOriginNode
+      })
+    }) : footer, _jsx(Confirm, {
+      prefixCls: prefixCls
+    })]
+  });
+}
+var ConfirmDialog = function ConfirmDialog(props) {
+  var close = props.close,
+    zIndex = props.zIndex,
+    afterClose = props.afterClose,
+    open = props.open,
+    keyboard = props.keyboard,
+    centered = props.centered,
+    getContainer = props.getContainer,
+    maskStyle = props.maskStyle,
+    direction = props.direction,
+    prefixCls = props.prefixCls,
+    wrapClassName = props.wrapClassName,
+    rootPrefixCls = props.rootPrefixCls,
+    bodyStyle = props.bodyStyle,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? false : _props$closable,
+    closeIcon = props.closeIcon,
+    modalRender = props.modalRender,
+    focusTriggerAfterClose = props.focusTriggerAfterClose,
+    onConfirm = props.onConfirm,
+    styles = props.styles;
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Modal');
+    [['visible', 'open'], ['bodyStyle', 'styles.body'], ['maskStyle', 'styles.mask']].forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        deprecatedName = _ref2[0],
+        newName = _ref2[1];
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+  }
+  var confirmPrefixCls = "".concat(prefixCls, "-confirm");
+  var width = props.width || 416;
+  var style = props.style || {};
+  var mask = props.mask === undefined ? true : props.mask;
+  // 默认为 false，保持旧版默认行为
+  var maskClosable = props.maskClosable === undefined ? false : props.maskClosable;
+  var classString = classNames(confirmPrefixCls, "".concat(confirmPrefixCls, "-").concat(props.type), _defineProperty({}, "".concat(confirmPrefixCls, "-rtl"), direction === 'rtl'), props.className);
+  // ========================= zIndex =========================
+  var _useToken = useToken(),
+    _useToken2 = _slicedToArray(_useToken, 2),
+    token = _useToken2[1];
+  var mergedZIndex = React.useMemo(function () {
+    if (zIndex !== undefined) {
+      return zIndex;
+    }
+    // Static always use max zIndex
+    return token.zIndexPopupBase + CONTAINER_MAX_OFFSET;
+  }, [zIndex, token]);
+  // ========================= Render =========================
+  return _jsx(Modal, {
+    prefixCls: prefixCls,
+    className: classString,
+    wrapClassName: classNames(_defineProperty({}, "".concat(confirmPrefixCls, "-centered"), !!props.centered), wrapClassName),
+    onCancel: function onCancel() {
+      close === null || close === void 0 || close({
+        triggerCancel: true
+      });
+      onConfirm === null || onConfirm === void 0 || onConfirm(false);
+    },
+    open: open,
+    title: "",
+    footer: null,
+    transitionName: getTransitionName(rootPrefixCls || '', 'zoom', props.transitionName),
+    maskTransitionName: getTransitionName(rootPrefixCls || '', 'fade', props.maskTransitionName),
+    mask: mask,
+    maskClosable: maskClosable,
+    style: style,
+    styles: _objectSpread({
+      body: bodyStyle,
+      mask: maskStyle
+    }, styles),
+    width: width,
+    zIndex: mergedZIndex,
+    afterClose: afterClose,
+    keyboard: keyboard,
+    centered: centered,
+    getContainer: getContainer,
+    closable: closable,
+    closeIcon: closeIcon,
+    modalRender: modalRender,
+    focusTriggerAfterClose: focusTriggerAfterClose,
+    children: _jsx(ConfirmContent, _objectSpread(_objectSpread({}, props), {}, {
+      confirmPrefixCls: confirmPrefixCls
+    }))
+  });
+};
+var ConfirmDialogWrapper = function ConfirmDialogWrapper(props) {
+  var rootPrefixCls = props.rootPrefixCls,
+    iconPrefixCls = props.iconPrefixCls,
+    direction = props.direction,
+    theme = props.theme;
+  return _jsx(ConfigProvider, {
+    prefixCls: rootPrefixCls,
+    iconPrefixCls: iconPrefixCls,
+    direction: direction,
+    theme: theme,
+    children: _jsx(ConfirmDialog, _objectSpread({}, props))
+  });
+};
+if (process.env.NODE_ENV !== 'production') {
+  ConfirmDialog.displayName = 'ConfirmDialog';
+  ConfirmDialogWrapper.displayName = 'ConfirmDialogWrapper';
+}
+export default ConfirmDialogWrapper;

package/lib/Antd5/modal/Modal.js

@@ -0,0 +1,162 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import classNames from 'classnames';
+import Dialog from 'rc-dialog';
+import useClosable, { pickClosable } from '../_util/hooks/useClosable';
+import { useZIndex } from '../_util/hooks/useZIndex';
+import { getTransitionName } from '../_util/motion';
+import { canUseDocElement } from '../_util/styleChecker';
+import { devUseWarning } from '../_util/warning';
+import zIndexContext from '../_util/zindexContext';
+import { ConfigContext } from '../config-provider';
+import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
+import { NoFormStyle } from '../form/context';
+import { NoCompactStyle } from '../space/Compact';
+import { usePanelRef } from '../watermark/context';
+import { Footer, renderCloseIcon } from './shared';
+import useStyle from './style';
+var mousePosition;
+// ref: https://github.com/ant-design/ant-design/issues/15795
+var getClickPosition = function getClickPosition(e) {
+  mousePosition = {
+    x: e.pageX,
+    y: e.pageY
+  };
+  // 100ms 内发生过点击事件，则从点击位置动画展示
+  // 否则直接 zoom 展示
+  // 这样可以兼容非点击方式展开
+  setTimeout(function () {
+    mousePosition = null;
+  }, 100);
+};
+// 只有点击事件支持从鼠标位置动画展开
+if (canUseDocElement()) {
+  document.documentElement.addEventListener('click', getClickPosition, true);
+}
+var Modal = function Modal(props) {
+  var _restProps$mousePosit;
+  var _React$useContext = React.useContext(ConfigContext),
+    getContextPopupContainer = _React$useContext.getPopupContainer,
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    modalContext = _React$useContext.modal;
+  var handleCancel = function handleCancel(e) {
+    var onCancel = props.onCancel;
+    onCancel === null || onCancel === void 0 || onCancel(e);
+  };
+  var handleOk = function handleOk(e) {
+    var onOk = props.onOk;
+    onOk === null || onOk === void 0 || onOk(e);
+  };
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Modal');
+    [['visible', 'open'], ['bodyStyle', 'styles.body'], ['maskStyle', 'styles.mask']].forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        deprecatedName = _ref2[0],
+        newName = _ref2[1];
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+  }
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    open = props.open,
+    wrapClassName = props.wrapClassName,
+    centered = props.centered,
+    getContainer = props.getContainer,
+    _props$focusTriggerAf = props.focusTriggerAfterClose,
+    focusTriggerAfterClose = _props$focusTriggerAf === void 0 ? true : _props$focusTriggerAf,
+    style = props.style,
+    visible = props.visible,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 520 : _props$width,
+    footer = props.footer,
+    modalClassNames = props.classNames,
+    modalStyles = props.styles,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var prefixCls = getPrefixCls('modal', customizePrefixCls);
+  var rootPrefixCls = getPrefixCls();
+  // Style
+  var rootCls = useCSSVarCls(prefixCls);
+  var _useStyle = useStyle(prefixCls, rootCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var wrapClassNameExtended = classNames(wrapClassName, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-centered"), !!centered), "".concat(prefixCls, "-wrap-rtl"), direction === 'rtl'));
+  var dialogFooter = footer !== null && _jsx(Footer, _objectSpread(_objectSpread({}, props), {}, {
+    onOk: handleOk,
+    onCancel: handleCancel
+  }));
+  var _useClosable = useClosable(pickClosable(props), pickClosable(modalContext), {
+      closable: true,
+      closeIcon: _jsx(CloseOutlined, {
+        className: "".concat(prefixCls, "-close-icon")
+      }),
+      closeIconRender: function closeIconRender(icon) {
+        return renderCloseIcon(prefixCls, icon);
+      }
+    }),
+    _useClosable2 = _slicedToArray(_useClosable, 2),
+    mergedClosable = _useClosable2[0],
+    mergedCloseIcon = _useClosable2[1];
+  // ============================ Refs ============================
+  // Select `ant-modal-content` by `panelRef`
+  var panelRef = usePanelRef(".".concat(prefixCls, "-content"));
+  // ============================ zIndex ============================
+  var _useZIndex = useZIndex('Modal', restProps.zIndex),
+    _useZIndex2 = _slicedToArray(_useZIndex, 2),
+    zIndex = _useZIndex2[0],
+    contextZIndex = _useZIndex2[1];
+  // =========================== Render ===========================
+  return wrapCSSVar(_jsx(NoCompactStyle, {
+    children: _jsx(NoFormStyle, {
+      status: true,
+      override: true,
+      children: _jsx(zIndexContext.Provider, {
+        value: contextZIndex,
+        children: _jsx(Dialog, _objectSpread(_objectSpread({
+          width: width
+        }, restProps), {}, {
+          zIndex: zIndex,
+          getContainer: getContainer === undefined ? getContextPopupContainer : getContainer,
+          prefixCls: prefixCls,
+          rootClassName: classNames(hashId, rootClassName, cssVarCls, rootCls),
+          footer: dialogFooter,
+          visible: open !== null && open !== void 0 ? open : visible,
+          mousePosition: (_restProps$mousePosit = restProps.mousePosition) !== null && _restProps$mousePosit !== void 0 ? _restProps$mousePosit : mousePosition,
+          onClose: handleCancel,
+          closable: mergedClosable,
+          closeIcon: mergedCloseIcon,
+          focusTriggerAfterClose: focusTriggerAfterClose,
+          transitionName: getTransitionName(rootPrefixCls, 'zoom', props.transitionName),
+          maskTransitionName: getTransitionName(rootPrefixCls, 'fade', props.maskTransitionName),
+          className: classNames(hashId, className, modalContext === null || modalContext === void 0 ? void 0 : modalContext.className),
+          style: _objectSpread(_objectSpread({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.style), style),
+          classNames: _objectSpread(_objectSpread(_objectSpread({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.classNames), modalClassNames), {}, {
+            wrapper: classNames(wrapClassNameExtended, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.wrapper)
+          }),
+          styles: _objectSpread(_objectSpread({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.styles), modalStyles),
+          panelRef: panelRef
+        }))
+      })
+    })
+  }));
+};
+export default Modal;

package/lib/Antd5/modal/PurePanel.js

@@ -0,0 +1,78 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react/jsx-no-useless-fragment */
+import * as React from 'react';
+import classNames from 'classnames';
+import { Panel } from 'rc-dialog';
+import { withPureRenderTheme } from '../_util/PurePanel';
+import { ConfigContext } from '../config-provider';
+import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
+import { ConfirmContent } from './ConfirmDialog';
+import { Footer, renderCloseIcon } from './shared';
+import useStyle from './style';
+var PurePanel = function PurePanel(props) {
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    closeIcon = props.closeIcon,
+    closable = props.closable,
+    type = props.type,
+    title = props.title,
+    children = props.children,
+    footer = props.footer,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var rootPrefixCls = getPrefixCls();
+  var prefixCls = customizePrefixCls || getPrefixCls('modal');
+  var rootCls = useCSSVarCls(rootPrefixCls);
+  var _useStyle = useStyle(prefixCls, rootCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var confirmPrefixCls = "".concat(prefixCls, "-confirm");
+  // Choose target props by confirm mark
+  var additionalProps = {};
+  if (type) {
+    additionalProps = {
+      closable: closable !== null && closable !== void 0 ? closable : false,
+      title: '',
+      footer: '',
+      children: _jsx(ConfirmContent, _objectSpread(_objectSpread({}, props), {}, {
+        prefixCls: prefixCls,
+        confirmPrefixCls: confirmPrefixCls,
+        rootPrefixCls: rootPrefixCls,
+        content: children
+      }))
+    };
+  } else {
+    additionalProps = {
+      closable: closable !== null && closable !== void 0 ? closable : true,
+      title: title,
+      footer: footer !== null && _jsx(Footer, _objectSpread({}, props)),
+      children: children
+    };
+  }
+  return wrapCSSVar(_jsx(Panel, _objectSpread(_objectSpread({
+    prefixCls: prefixCls,
+    className: classNames(hashId, "".concat(prefixCls, "-pure-panel"), type && confirmPrefixCls, type && "".concat(confirmPrefixCls, "-").concat(type), className, cssVarCls, rootCls)
+  }, restProps), {}, {
+    closeIcon: renderCloseIcon(prefixCls, closeIcon),
+    closable: closable
+  }, additionalProps)));
+};
+export default withPureRenderTheme(PurePanel);

package/lib/Antd5/modal/components/ConfirmCancelBtn.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import ActionButton from '../../_util/ActionButton';
+import { ModalContext } from '../context';
+var ConfirmCancelBtn = function ConfirmCancelBtn() {
+  var _useContext = useContext(ModalContext),
+    autoFocusButton = _useContext.autoFocusButton,
+    cancelButtonProps = _useContext.cancelButtonProps,
+    cancelTextLocale = _useContext.cancelTextLocale,
+    isSilent = _useContext.isSilent,
+    mergedOkCancel = _useContext.mergedOkCancel,
+    rootPrefixCls = _useContext.rootPrefixCls,
+    _close = _useContext.close,
+    onCancel = _useContext.onCancel,
+    onConfirm = _useContext.onConfirm;
+  return mergedOkCancel ? _jsx(ActionButton, {
+    isSilent: isSilent,
+    actionFn: onCancel,
+    close: function close() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _close === null || _close === void 0 || _close.apply(void 0, args);
+      onConfirm === null || onConfirm === void 0 || onConfirm(false);
+    },
+    autoFocus: autoFocusButton === 'cancel',
+    buttonProps: cancelButtonProps,
+    prefixCls: "".concat(rootPrefixCls, "-btn"),
+    children: cancelTextLocale
+  }) : null;
+};
+export default ConfirmCancelBtn;

package/lib/Antd5/modal/components/ConfirmOkBtn.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import ActionButton from '../../_util/ActionButton';
+import { ModalContext } from '../context';
+var ConfirmOkBtn = function ConfirmOkBtn() {
+  var _useContext = useContext(ModalContext),
+    autoFocusButton = _useContext.autoFocusButton,
+    _close = _useContext.close,
+    isSilent = _useContext.isSilent,
+    okButtonProps = _useContext.okButtonProps,
+    rootPrefixCls = _useContext.rootPrefixCls,
+    okTextLocale = _useContext.okTextLocale,
+    okType = _useContext.okType,
+    onConfirm = _useContext.onConfirm,
+    onOk = _useContext.onOk;
+  return _jsx(ActionButton, {
+    isSilent: isSilent,
+    type: okType || 'primary',
+    actionFn: onOk,
+    close: function close() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _close === null || _close === void 0 || _close.apply(void 0, args);
+      onConfirm === null || onConfirm === void 0 || onConfirm(true);
+    },
+    autoFocus: autoFocusButton === 'ok',
+    buttonProps: okButtonProps,
+    prefixCls: "".concat(rootPrefixCls, "-btn"),
+    children: okTextLocale
+  });
+};
+export default ConfirmOkBtn;

package/lib/Antd5/modal/components/NormalCancelBtn.js

@@ -0,0 +1,22 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import Button from '../../button';
+import { ModalContext } from '../context';
+var NormalCancelBtn = function NormalCancelBtn() {
+  var _useContext = useContext(ModalContext),
+    cancelButtonProps = _useContext.cancelButtonProps,
+    cancelTextLocale = _useContext.cancelTextLocale,
+    onCancel = _useContext.onCancel;
+  return _jsx(Button, _objectSpread(_objectSpread({
+    onClick: onCancel
+  }, cancelButtonProps), {}, {
+    children: cancelTextLocale
+  }));
+};
+export default NormalCancelBtn;

package/lib/Antd5/modal/components/NormalOkBtn.js

@@ -0,0 +1,26 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import Button from '../../button';
+import { convertLegacyProps } from '../../button/buttonHelpers';
+import { ModalContext } from '../context';
+var NormalOkBtn = function NormalOkBtn() {
+  var _useContext = useContext(ModalContext),
+    confirmLoading = _useContext.confirmLoading,
+    okButtonProps = _useContext.okButtonProps,
+    okType = _useContext.okType,
+    okTextLocale = _useContext.okTextLocale,
+    onOk = _useContext.onOk;
+  return _jsx(Button, _objectSpread(_objectSpread(_objectSpread({}, convertLegacyProps(okType)), {}, {
+    loading: confirmLoading,
+    onClick: onOk
+  }, okButtonProps), {}, {
+    children: okTextLocale
+  }));
+};
+export default NormalOkBtn;