@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/menu/style/index.js

@@ -5,7 +5,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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 { unit } from '@ant-design/cssinjs';
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 import { clearFix, resetComponent, resetIcon } from '../../style';
 import { genCollapseMotion, initSlideMotion, initZoomMotion } from '../../style/motion';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
@@ -47,7 +47,9 @@ var genMenuItemStyle = function genMenuItemStyle(token) {
       borderColor: 'transparent !important'
     },
     a: {
-      color: 'inherit !important'
+      color: 'inherit !important',
+      cursor: 'not-allowed',
+      pointerEvents: 'none'
     }
   }, "> ".concat(componentCls, "-submenu-title"), {
     color: 'inherit !important',
@@ -169,8 +171,7 @@ var getBaseStyle = function getBaseStyle(token) {
     verticalAlign: 'unset'
   }), "".concat(componentCls, "-item-extra"), {
     marginInlineStart: 'auto',
-    paddingInlineStart: token.padding,
-    fontSize: token.fontSizeSM
+    paddingInlineStart: token.padding
   })), "".concat(componentCls, "-item a"), {
     '&::before': {
       position: 'absolute',
@@ -285,7 +286,7 @@ export var prepareComponentToken = function prepareComponentToken(token) {
   var activeBarWidth = (_token$activeBarWidth = token.activeBarWidth) !== null && _token$activeBarWidth !== void 0 ? _token$activeBarWidth : 0;
   var activeBarBorderWidth = (_token$activeBarBorde = token.activeBarBorderWidth) !== null && _token$activeBarBorde !== void 0 ? _token$activeBarBorde : lineWidth;
   var itemMarginInline = (_token$itemMarginInli = token.itemMarginInline) !== null && _token$itemMarginInli !== void 0 ? _token$itemMarginInli : token.marginXXS;
-  var colorTextDark = new TinyColor(colorTextLightSolid).setAlpha(0.65).toRgbString();
+  var colorTextDark = new FastColor(colorTextLightSolid).setA(0.65).toRgbString();
   return {
     dropdownWidth: 160,
     zIndexPopup: token.zIndexPopupBase + 50,
@@ -303,6 +304,7 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     groupTitleColor: colorTextDescription,
     colorItemTextSelected: colorPrimary,
     itemSelectedColor: colorPrimary,
+    subMenuItemSelectedColor: colorPrimary,
     colorItemTextSelectedHorizontal: colorPrimary,
     horizontalItemSelectedColor: colorPrimary,
     colorItemBg: colorBgContainer,
@@ -352,7 +354,7 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     collapsedIconSize: fontSizeLG,
     groupTitleFontSize: fontSize,
     // Disabled
-    darkItemDisabledColor: new TinyColor(colorTextLightSolid).setAlpha(0.25).toRgbString(),
+    darkItemDisabledColor: new FastColor(colorTextLightSolid).setA(0.25).toRgbString(),
     // Dark
     darkItemColor: colorTextDark,
     darkDangerItemColor: colorError,
@@ -411,6 +413,7 @@ export default (function (prefixCls) {
       itemHoverColor: darkItemHoverColor,
       groupTitleColor: darkGroupTitleColor,
       itemSelectedColor: darkItemSelectedColor,
+      subMenuItemSelectedColor: darkItemSelectedColor,
       itemBg: darkItemBg,
       popupBg: darkPopupBg,
       subMenuItemBg: darkSubMenuItemBg,

package/lib/Antd5/menu/style/theme.js

@@ -14,6 +14,7 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
   var componentCls = token.componentCls,
     itemColor = token.itemColor,
     itemSelectedColor = token.itemSelectedColor,
+    subMenuItemSelectedColor = token.subMenuItemSelectedColor,
     groupTitleColor = token.groupTitleColor,
     itemBg = token.itemBg,
     subMenuItemBg = token.subMenuItemBg,
@@ -50,9 +51,9 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
     '&-group-title, &-extra': {
       color: groupTitleColor
     }
-  }), "".concat(componentCls, "-submenu-selected"), _defineProperty({}, "> ".concat(componentCls, "-submenu-title"), {
-    color: itemSelectedColor
-  })), "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), _defineProperty({
+  }), "".concat(componentCls, "-submenu-selected > ").concat(componentCls, "-submenu-title"), {
+    color: subMenuItemSelectedColor
+  }), "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), _defineProperty({
     color: itemColor
   }, "&:not(".concat(componentCls, "-item-disabled):focus-visible"), _objectSpread({}, accessibilityFocus(token)))), "".concat(componentCls, "-item-disabled, ").concat(componentCls, "-submenu-disabled"), {
     color: "".concat(itemDisabledColor, " !important")

package/lib/Antd5/menu/style/vertical.js

@@ -107,7 +107,7 @@ var getVerticalStyle = function getVerticalStyle(token) {
     textAlign: 'center'
   }))), "> ".concat(componentCls, "-item,\n          > ").concat(componentCls, "-item-group > ").concat(componentCls, "-item-group-list > ").concat(componentCls, "-item,\n          > ").concat(componentCls, "-item-group > ").concat(componentCls, "-item-group-list > ").concat(componentCls, "-submenu > ").concat(componentCls, "-submenu-title,\n          > ").concat(componentCls, "-submenu > ").concat(componentCls, "-submenu-title"), _defineProperty(_defineProperty({
     insetInlineStart: 0,
-    paddingInline: "calc(50% - ".concat(unit(token.calc(fontSizeLG).div(2).equal()), " - ").concat(unit(itemMarginInline), ")"),
+    paddingInline: "calc(50% - ".concat(unit(token.calc(collapsedIconSize).div(2).equal()), " - ").concat(unit(itemMarginInline), ")"),
     textOverflow: 'clip'
   }, "\n            ".concat(componentCls, "-submenu-arrow,\n            ").concat(componentCls, "-submenu-expand-icon\n          "), {
     opacity: 0

package/lib/Antd5/message/style/index.js

@@ -72,12 +72,13 @@ var genMessageStyle = function genMessageStyle(token) {
     width: "400px"
   }), "".concat(componentCls, "-custom-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     display: "flex",
-    lineHeight: "22px"
+    lineHeight: "22px",
+    alignItems: "center"
   }, "> ".concat(iconCls), {
     fontSize: "16px",
     width: "16px",
-    height: "16px",
-    transform: "translateY(3px)"
+    height: "16px"
+    // transform: "translateY(3px)",
   }), "".concat(componentCls, "-custom-header-content"), {
     display: "inline-block",
     fontSize: "14px",

package/lib/Antd5/modal/ConfirmDialog.js

@@ -125,11 +125,6 @@ export function ConfirmContent(props) {
 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,
@@ -138,9 +133,6 @@ var ConfirmDialog = function ConfirmDialog(props) {
     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') {
@@ -171,8 +163,7 @@ var ConfirmDialog = function ConfirmDialog(props) {
     return token.zIndexPopupBase + CONTAINER_MAX_OFFSET;
   }, [zIndex, token]);
   // ========================= Render =========================
-  return _jsx(Modal, {
-    prefixCls: prefixCls,
+  return _jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
     className: classString,
     wrapClassName: classNames(_defineProperty({}, "".concat(confirmPrefixCls, "-centered"), !!props.centered), wrapClassName),
     onCancel: function onCancel() {
@@ -181,7 +172,6 @@ var ConfirmDialog = function ConfirmDialog(props) {
       });
       onConfirm === null || onConfirm === void 0 || onConfirm(false);
     },
-    open: open,
     title: "",
     footer: null,
     transitionName: getTransitionName(rootPrefixCls || '', 'zoom', props.transitionName),
@@ -195,18 +185,11 @@ var ConfirmDialog = function ConfirmDialog(props) {
     }, 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,

package/lib/Antd5/modal/Modal.js

@@ -1,18 +1,18 @@
+var _excluded = ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading", "confirmLoading", "zIndex", "mousePosition", "onOk", "onCancel", "destroyOnHidden", "destroyOnClose"];
 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", "children", "loading"];
 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], -1 === t.indexOf(o) && {}.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 (-1 !== e.indexOf(n)) 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; }
+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], -1 === t.indexOf(o) && {}.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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
@@ -50,29 +50,6 @@ 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,
@@ -91,7 +68,37 @@ var Modal = function Modal(props) {
     modalStyles = props.styles,
     children = props.children,
     loading = props.loading,
+    confirmLoading = props.confirmLoading,
+    customizeZIndex = props.zIndex,
+    customizeMousePosition = props.mousePosition,
+    onOk = props.onOk,
+    onCancel = props.onCancel,
+    destroyOnHidden = props.destroyOnHidden,
+    destroyOnClose = props.destroyOnClose,
     restProps = _objectWithoutProperties(props, _excluded);
+  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) {
+    if (confirmLoading) {
+      return;
+    }
+    onCancel === null || onCancel === void 0 || onCancel(e);
+  };
+  var handleOk = function handleOk(e) {
+    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'], ['destroyOnClose', 'destroyOnHidden']].forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        deprecatedName = _ref2[0],
+        newName = _ref2[1];
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+  }
   var prefixCls = getPrefixCls('modal', customizePrefixCls);
   var rootPrefixCls = getPrefixCls();
   // Style
@@ -101,7 +108,7 @@ var Modal = function Modal(props) {
     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 wrapClassNameExtended = classNames(wrapClassName, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-centered"), centered !== null && centered !== void 0 ? centered : modalContext === null || modalContext === void 0 ? void 0 : modalContext.centered), "".concat(prefixCls, "-wrap-rtl"), direction === 'rtl'));
   var dialogFooter = footer !== null && !loading ? _jsx(Footer, _objectSpread(_objectSpread({}, props), {}, {
     onOk: handleOk,
     onCancel: handleCancel
@@ -115,18 +122,41 @@ var Modal = function Modal(props) {
         return renderCloseIcon(prefixCls, icon);
       }
     }),
-    _useClosable2 = _slicedToArray(_useClosable, 3),
+    _useClosable2 = _slicedToArray(_useClosable, 4),
     mergedClosable = _useClosable2[0],
     mergedCloseIcon = _useClosable2[1],
-    closeBtnIsDisabled = _useClosable2[2];
+    closeBtnIsDisabled = _useClosable2[2],
+    ariaProps = _useClosable2[3];
   // ============================ Refs ============================
   // Select `ant-modal-content` by `panelRef`
   var panelRef = usePanelRef(".".concat(prefixCls, "-content"));
   // ============================ zIndex ============================
-  var _useZIndex = useZIndex('Modal', restProps.zIndex),
+  var _useZIndex = useZIndex('Modal', customizeZIndex),
     _useZIndex2 = _slicedToArray(_useZIndex, 2),
     zIndex = _useZIndex2[0],
     contextZIndex = _useZIndex2[1];
+  // =========================== Width ============================
+  var _React$useMemo = React.useMemo(function () {
+      if (width && _typeof(width) === 'object') {
+        return [undefined, width];
+      }
+      return [width, undefined];
+    }, [width]),
+    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
+    numWidth = _React$useMemo2[0],
+    responsiveWidth = _React$useMemo2[1];
+  var responsiveWidthVars = React.useMemo(function () {
+    var vars = {};
+    if (responsiveWidth) {
+      Object.keys(responsiveWidth).forEach(function (breakpoint) {
+        var breakpointWidth = responsiveWidth[breakpoint];
+        if (breakpointWidth !== undefined) {
+          vars["--".concat(prefixCls, "-").concat(breakpoint, "-width")] = typeof breakpointWidth === 'number' ? "".concat(breakpointWidth, "px") : breakpointWidth;
+        }
+      });
+    }
+    return vars;
+  }, [responsiveWidth]);
   // =========================== Render ===========================
   return wrapCSSVar(_jsx(ContextIsolator, {
     form: true,
@@ -134,7 +164,7 @@ var Modal = function Modal(props) {
     children: _jsx(zIndexContext.Provider, {
       value: contextZIndex,
       children: _jsx(Dialog, _objectSpread(_objectSpread({
-        width: width
+        width: numWidth
       }, restProps), {}, {
         zIndex: zIndex,
         getContainer: getContainer === undefined ? getContextPopupContainer : getContainer,
@@ -142,23 +172,25 @@ var Modal = function Modal(props) {
         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,
+        mousePosition: customizeMousePosition !== null && customizeMousePosition !== void 0 ? customizeMousePosition : mousePosition,
         onClose: handleCancel,
-        closable: mergedClosable ? {
+        closable: mergedClosable ? _objectSpread({
           disabled: closeBtnIsDisabled,
           closeIcon: mergedCloseIcon
-        } : mergedClosable,
+        }, ariaProps) : 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),
+        style: _objectSpread(_objectSpread(_objectSpread({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.style), style), responsiveWidthVars),
         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,
+        // TODO: In the future, destroyOnClose in rc-dialog needs to be upgrade to destroyOnHidden
+        destroyOnClose: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyOnClose,
         children: loading ? _jsx(Skeleton, {
           active: true,
           title: false,

package/lib/Antd5/modal/confirm.js

@@ -12,9 +12,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { render as reactRender, unmount as reactUnmount } from 'rc-util/lib/React/render';
 import warning from '../_util/warning';
 import ConfigProvider, { ConfigContext, globalConfig, warnContext } from '../config-provider';
+import { unstableSetRender } from '../config-provider/UnstableContext';
 import ConfirmDialog from './ConfirmDialog';
 import destroyFns from './destroyFns';
 import { getConfirmLocale } from './locale';
@@ -60,6 +60,7 @@ export default function confirm(config) {
     open: true
   });
   var timeoutId;
+  var reactUnmount;
   function destroy() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -78,7 +79,7 @@ export default function confirm(config) {
         break;
       }
     }
-    reactUnmount(container);
+    reactUnmount();
   }
   function render(props) {
     clearTimeout(timeoutId);
@@ -92,7 +93,8 @@ export default function confirm(config) {
       var iconPrefixCls = global.getIconPrefixCls();
       var theme = global.getTheme();
       var dom = _jsx(ConfirmDialogWrapper, _objectSpread({}, props));
-      reactRender(_jsx(ConfigProvider, {
+      var reactRender = unstableSetRender();
+      reactUnmount = reactRender(_jsx(ConfigProvider, {
         prefixCls: rootPrefixCls,
         iconPrefixCls: iconPrefixCls,
         theme: theme,

package/lib/Antd5/modal/style/confirm.js

@@ -44,7 +44,9 @@ var genModalConfirmStyle = function genModalConfirmStyle(token) {
     display: 'flex',
     flexDirection: 'column',
     flex: 'auto',
-    rowGap: token.marginXS
+    rowGap: token.marginXS,
+    // https://github.com/ant-design/ant-design/issues/51912
+    maxWidth: "calc(100% - ".concat(unit(token.marginSM), ")")
   }), "".concat(token.iconCls, " + ").concat(confirmComponentCls, "-paragraph"), {
     maxWidth: "calc(100% - ".concat(unit(token.calc(token.modalConfirmIconSize).add(token.marginSM).equal()), ")")
   }), "".concat(confirmComponentCls, "-title"), {

package/lib/Antd5/modal/style/index.js

@@ -1,10 +1,17 @@
 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 _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 _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 _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 _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 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 { unit } from '@ant-design/cssinjs';
+import { getMediaSize } from '../../grid/style';
 import { genFocusStyle, resetComponent } from '../../style';
 import { initFadeMotion, initZoomMotion } from '../../style/motion';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
@@ -180,6 +187,19 @@ var genRTLStyle = function genRTLStyle(token) {
     direction: 'rtl'
   })));
 };
+var genResponsiveWidthStyle = function genResponsiveWidthStyle(token) {
+  var componentCls = token.componentCls;
+  var gridMediaSizesMap = getMediaSize(token);
+  delete gridMediaSizesMap.xs;
+  var responsiveStyles = Object.keys(gridMediaSizesMap).map(function (key) {
+    return _defineProperty({}, "@media (min-width: ".concat(unit(gridMediaSizesMap[key]), ")"), {
+      width: "var(--".concat(componentCls.replace('.', ''), "-").concat(key, "-width)")
+    });
+  });
+  return _defineProperty({}, "".concat(componentCls, "-root"), _defineProperty({}, componentCls, [{
+    width: "var(--".concat(componentCls.replace('.', ''), "-xs-width)")
+  }].concat(_toConsumableArray(responsiveStyles))));
+};
 // ============================== Export ==============================
 export var prepareToken = function prepareToken(token) {
   var headerPaddingVertical = token.padding;
@@ -223,7 +243,7 @@ export var prepareComponentToken = function prepareComponentToken(token) {
 };
 export default genStyleHooks('Modal', function (token) {
   var modalToken = prepareToken(token);
-  return [genModalStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), initZoomMotion(modalToken, 'zoom')];
+  return [genModalStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), initZoomMotion(modalToken, 'zoom'), genResponsiveWidthStyle(modalToken)];
 }, prepareComponentToken, {
   unitless: {
     titleLineHeight: true

package/lib/Antd5/modal/useModal/HookModal.js

@@ -64,7 +64,8 @@ var HookModal = function HookModal(_ref, ref) {
       destroy: close,
       update: function update(newConfig) {
         setInnerConfig(function (originConfig) {
-          return _objectSpread(_objectSpread({}, originConfig), newConfig);
+          var nextConfig = typeof newConfig === 'function' ? newConfig(originConfig) : newConfig;
+          return _objectSpread(_objectSpread({}, originConfig), nextConfig);
         });
       }
     };

package/lib/Antd5/notification/PurePanel.js

@@ -1,4 +1,4 @@
-var _excluded = ["prefixCls", "className", "icon", "type", "message", "description", "btn", "closable", "closeIcon", "className"];
+var _excluded = ["prefixCls", "className", "icon", "type", "message", "description", "btn", "actions", "closable", "closeIcon", "className"];
 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; }
@@ -23,6 +23,7 @@ import InfoCircleFilled from '@ant-design/icons/InfoCircleFilled';
 import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
 import classNames from 'classnames';
 import { Notice } from 'rc-notification';
+import { devUseWarning } from '../_util/warning';
 import { ConfigContext } from '../config-provider';
 import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import useStyle from './style';
@@ -54,7 +55,7 @@ export var PureContent = function PureContent(props) {
     type = props.type,
     message = props.message,
     description = props.description,
-    btn = props.btn,
+    actions = props.actions,
     _props$role = props.role,
     role = _props$role === void 0 ? 'alert' : _props$role;
   var iconNode = null;
@@ -77,9 +78,9 @@ export var PureContent = function PureContent(props) {
     }), _jsx("div", {
       className: "".concat(prefixCls, "-description"),
       children: description
-    }), btn && _jsx("div", {
-      className: "".concat(prefixCls, "-btn"),
-      children: btn
+    }), actions && _jsx("div", {
+      className: "".concat(prefixCls, "-actions"),
+      children: actions
     })]
   });
 };
@@ -92,6 +93,7 @@ var PurePanel = function PurePanel(props) {
     message = props.message,
     description = props.description,
     btn = props.btn,
+    actions = props.actions,
     _props$closable = props.closable,
     closable = _props$closable === void 0 ? true : _props$closable,
     closeIcon = props.closeIcon,
@@ -99,6 +101,11 @@ var PurePanel = function PurePanel(props) {
     restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
+  var mergedActions = actions !== null && actions !== void 0 ? actions : btn;
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Notification');
+    warning.deprecated(!btn, 'btn', 'actions');
+  }
   var prefixCls = staticPrefixCls || getPrefixCls('notification');
   var noticePrefixCls = "".concat(prefixCls, "-notice");
   var rootCls = useCSSVarCls(prefixCls);
@@ -126,7 +133,7 @@ var PurePanel = function PurePanel(props) {
         type: type,
         message: message,
         description: description,
-        btn: btn
+        actions: mergedActions
       })
     }))]
   }));

package/lib/Antd5/notification/index.js

@@ -12,9 +12,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useContext } from 'react';
-import { render } from 'rc-util/lib/React/render';
 import { AppConfigContext } from '../app/context';
 import ConfigProvider, { ConfigContext, globalConfig, warnContext } from '../config-provider';
+import { unstableSetRender } from '../config-provider/UnstableContext';
 import PurePanel from './PurePanel';
 import useNotification, { useInternalNotification } from './useNotification';
 var notification = null;
@@ -108,7 +108,8 @@ function flushNotice() {
     notification = newNotification;
     // Delay render to avoid sync issue
     act(function () {
-      render(_jsx(GlobalHolderWrapper, {
+      var reactRender = unstableSetRender();
+      reactRender(_jsx(GlobalHolderWrapper, {
         ref: function ref(node) {
           var _ref = node || {},
             instance = _ref.instance,
@@ -200,7 +201,6 @@ methods.forEach(function (type) {
 // ==============================================================================
 var noop = function noop() {};
 /** @internal Only Work in test env */
-// eslint-disable-next-line import/no-mutable-exports
 export var actWrapper = noop;
 if (process.env.NODE_ENV === 'test') {
   actWrapper = function actWrapper(wrapper) {
@@ -208,7 +208,6 @@ if (process.env.NODE_ENV === 'test') {
   };
 }
 /** @internal Only Work in test env */
-// eslint-disable-next-line import/no-mutable-exports
 export var actDestroy = noop;
 if (process.env.NODE_ENV === 'test') {
   actDestroy = function actDestroy() {

package/lib/Antd5/notification/style/index.js

@@ -89,6 +89,8 @@ export var genNoticeStyle = function genNoticeStyle(token) {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
+    background: 'none',
+    border: 'none',
     '&:hover': {
       color: token.colorIconHover,
       backgroundColor: token.colorBgTextHover
@@ -100,7 +102,6 @@ export var genNoticeStyle = function genNoticeStyle(token) {
     position: 'absolute',
     display: 'block',
     appearance: 'none',
-    WebkitAppearance: 'none',
     inlineSize: "calc(100% - ".concat(unit(borderRadiusLG), " * 2)"),
     left: {
       _skip_check_: true,
@@ -124,7 +125,7 @@ export var genNoticeStyle = function genNoticeStyle(token) {
       borderRadius: borderRadiusLG,
       background: notificationProgressBg
     }
-  }), "".concat(noticeCls, "-btn"), {
+  }), "".concat(noticeCls, "-actions"), {
     "float": 'right',
     marginTop: token.marginSM
   });
@@ -179,7 +180,7 @@ var genNotificationStyle = function genNotificationStyle(token) {
     animationPlayState: 'running'
   }), '&-rtl', _defineProperty({
     direction: 'rtl'
-  }, "".concat(noticeCls, "-btn"), {
+  }, "".concat(noticeCls, "-actions"), {
     "float": 'left'
   })))), // ============================ Notice ============================
   _defineProperty({}, componentCls, _defineProperty({}, "".concat(noticeCls, "-wrapper"), _objectSpread({}, genNoticeStyle(token))))];

package/lib/Antd5/notification/style/stack.js

@@ -51,7 +51,8 @@ var genStackedNoticeStyle = function genStackedNoticeStyle(token) {
 var genStackStyle = function genStackStyle(token) {
   var componentCls = token.componentCls;
   return _objectSpread(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-stack"), _defineProperty({}, "& > ".concat(componentCls, "-notice-wrapper"), _objectSpread({
-    transition: "all ".concat(token.motionDurationSlow, ", backdrop-filter 0s"),
+    transition: "transform ".concat(token.motionDurationSlow, ", backdrop-filter 0s"),
+    willChange: 'transform, opacity',
     position: 'absolute'
   }, genStackChildrenStyle(token)))), "".concat(componentCls, "-stack:not(").concat(componentCls, "-stack-expanded)"), _defineProperty({}, "& > ".concat(componentCls, "-notice-wrapper"), _objectSpread({}, genStackedNoticeStyle(token)))), "".concat(componentCls, "-stack").concat(componentCls, "-stack-expanded"), _defineProperty({}, "& > ".concat(componentCls, "-notice-wrapper"), {
     '&:not(:nth-last-child(-n + 1))': _defineProperty({