@chaoswise/ui 3.0.22 → 3.1.0

package/lib/Antd5/modal/Modal.js

@@ -1,5 +1,5 @@
 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"];
+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; }
@@ -18,6 +18,7 @@ import * as React from 'react';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import classNames from 'classnames';
 import Dialog from 'rc-dialog';
+import ContextIsolator from '../_util/ContextIsolator';
 import useClosable, { pickClosable } from '../_util/hooks/useClosable';
 import { useZIndex } from '../_util/hooks/useZIndex';
 import { getTransitionName } from '../_util/motion';
@@ -26,8 +27,7 @@ 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 Skeleton from '../skeleton';
 import { usePanelRef } from '../watermark/context';
 import { Footer, renderCloseIcon } from './shared';
 import useStyle from './style';
@@ -89,6 +89,8 @@ var Modal = function Modal(props) {
     footer = props.footer,
     modalClassNames = props.classNames,
     modalStyles = props.styles,
+    children = props.children,
+    loading = props.loading,
     restProps = _objectWithoutProperties(props, _excluded);
   var prefixCls = getPrefixCls('modal', customizePrefixCls);
   var rootPrefixCls = getPrefixCls();
@@ -100,10 +102,10 @@ var Modal = function Modal(props) {
     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), {}, {
+  var dialogFooter = footer !== null && !loading ? _jsx(Footer, _objectSpread(_objectSpread({}, props), {}, {
     onOk: handleOk,
     onCancel: handleCancel
-  }));
+  })) : null;
   var _useClosable = useClosable(pickClosable(props), pickClosable(modalContext), {
       closable: true,
       closeIcon: _jsx(CloseOutlined, {
@@ -113,9 +115,10 @@ var Modal = function Modal(props) {
         return renderCloseIcon(prefixCls, icon);
       }
     }),
-    _useClosable2 = _slicedToArray(_useClosable, 2),
+    _useClosable2 = _slicedToArray(_useClosable, 3),
     mergedClosable = _useClosable2[0],
-    mergedCloseIcon = _useClosable2[1];
+    mergedCloseIcon = _useClosable2[1],
+    closeBtnIsDisabled = _useClosable2[2];
   // ============================ Refs ============================
   // Select `ant-modal-content` by `panelRef`
   var panelRef = usePanelRef(".".concat(prefixCls, "-content"));
@@ -125,37 +128,46 @@ var Modal = function Modal(props) {
     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
-        }))
-      })
+  return wrapCSSVar(_jsx(ContextIsolator, {
+    form: true,
+    space: 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 ? {
+          disabled: closeBtnIsDisabled,
+          closeIcon: mergedCloseIcon
+        } : 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,
+        children: loading ? _jsx(Skeleton, {
+          active: true,
+          title: false,
+          paragraph: {
+            rows: 4
+          },
+          className: "".concat(prefixCls, "-body-skeleton")
+        }) : children
+      }))
     })
   }));
 };

package/lib/Antd5/modal/PurePanel.js

@@ -14,7 +14,6 @@ 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 s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) 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';

package/lib/Antd5/modal/confirm.js

@@ -55,7 +55,6 @@ export default function confirm(config) {
     warnContext('Modal');
   }
   var container = document.createDocumentFragment();
-  // eslint-disable-next-line @typescript-eslint/no-use-before-define
   var currentConfig = _objectSpread(_objectSpread({}, config), {}, {
     close: close,
     open: true
@@ -66,14 +65,14 @@ export default function confirm(config) {
       args[_key] = arguments[_key];
     }
     var triggerCancel = args.some(function (param) {
-      return param && param.triggerCancel;
+      return param === null || param === void 0 ? void 0 : param.triggerCancel;
     });
-    if (config.onCancel && triggerCancel) {
-      config.onCancel.apply(config, [function () {}].concat(_toConsumableArray(args.slice(1))));
+    if (triggerCancel) {
+      var _config$onCancel;
+      (_config$onCancel = config.onCancel) === null || _config$onCancel === void 0 || _config$onCancel.call.apply(_config$onCancel, [config, function () {}].concat(_toConsumableArray(args.slice(1))));
     }
     for (var i = 0; i < destroyFns.length; i++) {
       var fn = destroyFns[i];
-      // eslint-disable-next-line @typescript-eslint/no-use-before-define
       if (fn === close) {
         destroyFns.splice(i, 1);
         break;

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

@@ -9,7 +9,6 @@ import { unit } from '@ant-design/cssinjs';
 import { prepareComponentToken, prepareToken } from '.';
 import { clearFix } from '../../style';
 import { genSubStyleComponent } from '../../theme/internal';
-import customStyle from '../../../Modal/confirmGlobalStyle';
 // ============================= Confirm ==============================
 var genModalConfirmStyle = function genModalConfirmStyle(token) {
   var componentCls = token.componentCls,
@@ -76,7 +75,7 @@ var genModalConfirmStyle = function genModalConfirmStyle(token) {
 // ============================== Export ==============================
 export default genSubStyleComponent(['Modal', 'confirm'], function (token) {
   var modalToken = prepareToken(token);
-  return [genModalConfirmStyle(modalToken), customStyle(modalToken)];
+  return [genModalConfirmStyle(modalToken)];
 }, prepareComponentToken, {
   // confirm is weak than modal since no conflict here
   order: -1000

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

@@ -112,11 +112,14 @@ var genModalStyle = function genModalStyle(token) {
       display: 'flex',
       fontSize: token.fontSizeLG,
       fontStyle: 'normal',
-      lineHeight: "".concat(unit(token.modalCloseBtnSize)),
+      lineHeight: unit(token.modalCloseBtnSize),
       justifyContent: 'center',
       textTransform: 'none',
       textRendering: 'auto'
     },
+    '&:disabled': {
+      pointerEvents: 'none'
+    },
     '&:hover': {
       color: token.modalCloseIconHoverColor,
       backgroundColor: token.colorBgTextHover,
@@ -132,12 +135,19 @@ var genModalStyle = function genModalStyle(token) {
     marginBottom: token.headerMarginBottom,
     padding: token.headerPadding,
     borderBottom: token.headerBorderBottom
-  }), "".concat(componentCls, "-body"), {
+  }), "".concat(componentCls, "-body"), _defineProperty({
     fontSize: token.fontSize,
     lineHeight: token.lineHeight,
     wordWrap: 'break-word',
     padding: token.bodyPadding
-  }), "".concat(componentCls, "-footer"), _defineProperty({
+  }, "".concat(componentCls, "-body-skeleton"), {
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    margin: "".concat(unit(token.margin), " auto")
+  })), "".concat(componentCls, "-footer"), _defineProperty({
     textAlign: 'end',
     background: token.footerBg,
     marginTop: token.footerMarginTop,

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

@@ -52,10 +52,11 @@ var HookModal = function HookModal(_ref, ref) {
       args[_key] = arguments[_key];
     }
     var triggerCancel = args.some(function (param) {
-      return param && param.triggerCancel;
+      return param === null || param === void 0 ? void 0 : param.triggerCancel;
     });
-    if (innerConfig.onCancel && triggerCancel) {
-      innerConfig.onCancel.apply(innerConfig, [function () {}].concat(_toConsumableArray(args.slice(1))));
+    if (triggerCancel) {
+      var _innerConfig$onCancel;
+      (_innerConfig$onCancel = innerConfig.onCancel) === null || _innerConfig$onCancel === void 0 || _innerConfig$onCancel.call.apply(_innerConfig$onCancel, [innerConfig, function () {}].concat(_toConsumableArray(args.slice(1))));
     }
   };
   React.useImperativeHandle(ref, function () {

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

@@ -25,7 +25,6 @@ var ElementsHolder = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(funct
       patchElement: patchElement
     };
   }, []);
-  // eslint-disable-next-line react/jsx-no-useless-fragment
   return _jsx(_Fragment, {
     children: elements
   });

package/lib/Antd5/notification/index.js

@@ -29,7 +29,9 @@ function getGlobalContext() {
     rtl = _defaultGlobalConfig.rtl,
     maxCount = _defaultGlobalConfig.maxCount,
     top = _defaultGlobalConfig.top,
-    bottom = _defaultGlobalConfig.bottom;
+    bottom = _defaultGlobalConfig.bottom,
+    showProgress = _defaultGlobalConfig.showProgress,
+    pauseOnHover = _defaultGlobalConfig.pauseOnHover;
   var mergedContainer = (getContainer === null || getContainer === void 0 ? void 0 : getContainer()) || document.body;
   return {
     getContainer: function getContainer() {
@@ -38,7 +40,9 @@ function getGlobalContext() {
     rtl: rtl,
     maxCount: maxCount,
     top: top,
-    bottom: bottom
+    bottom: bottom,
+    showProgress: showProgress,
+    pauseOnHover: pauseOnHover
   };
 }
 var GlobalHolder = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -127,7 +131,6 @@ function flushNotice() {
   }
   // >>> Execute task
   taskQueue.forEach(function (task) {
-    // eslint-disable-next-line default-case
     switch (task.type) {
       case 'open':
         {

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

@@ -25,13 +25,15 @@ export var genNoticeStyle = function genNoticeStyle(token) {
     notificationBg = token.notificationBg,
     notificationPadding = token.notificationPadding,
     notificationMarginEdge = token.notificationMarginEdge,
+    notificationProgressBg = token.notificationProgressBg,
+    notificationProgressHeight = token.notificationProgressHeight,
     fontSize = token.fontSize,
     lineHeight = token.lineHeight,
     width = token.width,
     notificationIconSize = token.notificationIconSize,
     colorText = token.colorText;
   var noticeCls = "".concat(componentCls, "-notice");
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
     marginBottom: notificationMarginBottom,
     marginInlineStart: 'auto',
@@ -94,7 +96,35 @@ export var genNoticeStyle = function genNoticeStyle(token) {
     '&:active': {
       backgroundColor: token.colorBgTextActive
     }
-  }, genFocusStyle(token))), "".concat(noticeCls, "-btn"), {
+  }, genFocusStyle(token))), "".concat(noticeCls, "-progress"), {
+    position: 'absolute',
+    display: 'block',
+    appearance: 'none',
+    WebkitAppearance: 'none',
+    inlineSize: "calc(100% - ".concat(unit(borderRadiusLG), " * 2)"),
+    left: {
+      _skip_check_: true,
+      value: borderRadiusLG
+    },
+    right: {
+      _skip_check_: true,
+      value: borderRadiusLG
+    },
+    bottom: 0,
+    blockSize: notificationProgressHeight,
+    border: 0,
+    '&, &::-webkit-progress-bar': {
+      borderRadius: borderRadiusLG,
+      backgroundColor: "rgba(0, 0, 0, 0.04)"
+    },
+    '&::-moz-progress-bar': {
+      background: notificationProgressBg
+    },
+    '&::-webkit-progress-value': {
+      borderRadius: borderRadiusLG,
+      background: notificationProgressBg
+    }
+  }), "".concat(noticeCls, "-btn"), {
     "float": 'right',
     marginTop: token.marginSM
   });
@@ -174,7 +204,9 @@ export var prepareNotificationToken = function prepareNotificationToken(token) {
     notificationPadding: "".concat(unit(token.paddingMD), " ").concat(unit(token.paddingContentHorizontalLG)),
     notificationMarginEdge: token.marginLG,
     animationMaxHeight: 150,
-    notificationStackLayer: 3
+    notificationStackLayer: 3,
+    notificationProgressHeight: 2,
+    notificationProgressBg: "linear-gradient(90deg, ".concat(token.colorPrimaryBorderHover, ", ").concat(token.colorPrimary, ")")
   });
   return notificationToken;
 };

package/lib/Antd5/notification/useNotification.js

@@ -60,7 +60,10 @@ var Holder = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rtl = props.rtl,
     onAllRemoved = props.onAllRemoved,
     stack = props.stack,
-    duration = props.duration;
+    duration = props.duration,
+    _props$pauseOnHover = props.pauseOnHover,
+    pauseOnHover = _props$pauseOnHover === void 0 ? true : _props$pauseOnHover,
+    showProgress = props.showProgress;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     getPopupContainer = _useContext.getPopupContainer,
@@ -94,6 +97,8 @@ var Holder = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return (staticGetContainer === null || staticGetContainer === void 0 ? void 0 : staticGetContainer()) || (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer()) || document.body;
       },
       maxCount: maxCount,
+      pauseOnHover: pauseOnHover,
+      showProgress: showProgress,
       onAllRemoved: onAllRemoved,
       renderNotifications: renderNotifications,
       stack: stack === false ? false : {

package/lib/Antd5/pagination/Pagination.js

@@ -1,5 +1,5 @@
 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", "selectPrefixCls", "className", "rootClassName", "style", "size", "locale", "selectComponentClass", "responsive", "showSizeChanger"];
+var _excluded = ["align", "prefixCls", "selectPrefixCls", "className", "rootClassName", "style", "size", "locale", "selectComponentClass", "responsive", "showSizeChanger"];
 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; }
@@ -31,7 +31,8 @@ import { MiddleSelect, MiniSelect } from './Select';
 import useStyle from './style';
 import BorderedStyle from './style/bordered';
 var Pagination = function Pagination(props) {
-  var customizePrefixCls = props.prefixCls,
+  var align = props.align,
+    customizePrefixCls = props.prefixCls,
     customizeSelectPrefixCls = props.selectPrefixCls,
     className = props.className,
     rootClassName = props.rootClassName,
@@ -77,7 +78,9 @@ var Pagination = function Pagination(props) {
       tabIndex: -1,
       children: direction === 'rtl' ? _jsx(LeftOutlined, {}) : _jsx(RightOutlined, {})
     });
-    var jumpPrevIcon = _jsx("a", {
+    var jumpPrevIcon =
+    // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
+    _jsx("a", {
       className: "".concat(prefixCls, "-item-link"),
       children: _jsxs("div", {
         className: "".concat(prefixCls, "-item-container"),
@@ -88,7 +91,9 @@ var Pagination = function Pagination(props) {
         }), ellipsis]
       })
     });
-    var jumpNextIcon = _jsx("a", {
+    var jumpNextIcon =
+    // biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
+    _jsx("a", {
       className: "".concat(prefixCls, "-item-link"),
       children: _jsxs("div", {
         className: "".concat(prefixCls, "-item-container"),
@@ -113,7 +118,7 @@ var Pagination = function Pagination(props) {
   var mergedSize = useSize(customizeSize);
   var isSmall = mergedSize === 'small' || !!(xs && !mergedSize && responsive);
   var selectPrefixCls = getPrefixCls('select', customizeSelectPrefixCls);
-  var extendedClassName = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-mini"), isSmall), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-bordered"), token.wireframe), pagination === null || pagination === void 0 ? void 0 : pagination.className, className, rootClassName, hashId, cssVarCls);
+  var extendedClassName = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(align), !!align), "".concat(prefixCls, "-mini"), isSmall), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-bordered"), token.wireframe), pagination === null || pagination === void 0 ? void 0 : pagination.className, className, rootClassName, hashId, cssVarCls);
   var mergedStyle = _objectSpread(_objectSpread({}, pagination === null || pagination === void 0 ? void 0 : pagination.style), style);
   return wrapCSSVar(_jsxs(_Fragment, {
     children: [token.wireframe && _jsx(BorderedStyle, {

package/lib/Antd5/pagination/design/behavior-pattern.js

@@ -14,17 +14,17 @@ var BehaviorPattern = function BehaviorPattern() {
         id: '200000005',
         label: '调整单页展示条数',
         targetType: 'extension',
-        link: 'components-pagination-index-tab-design-demo-page-size'
+        link: 'pagination-index-tab-design-demo-page-size'
       }, {
         id: '200000006',
         label: '快速跳转',
         targetType: 'extension',
-        link: 'components-pagination-index-tab-design-demo-quick-jump'
+        link: 'pagination-index-tab-design-demo-quick-jump'
       }, {
         id: '200000007',
         label: '了解数据总量',
         targetType: 'extension',
-        link: 'components-pagination-index-tab-design-demo-total'
+        link: 'pagination-index-tab-design-demo-total'
       }]
     }
   });

package/lib/Antd5/pagination/style/bordered.js

@@ -4,7 +4,7 @@ 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 { unit } from '@ant-design/cssinjs';
 import { prepareComponentToken, prepareToken } from '.';
-import { genSubStyleComponent } from '../../theme/util/genComponentStyleHook';
+import { genSubStyleComponent } from '../../theme/internal';
 var genBorderedStyle = function genBorderedStyle(token) {
   var componentCls = token.componentCls;
   return _defineProperty(_defineProperty({}, "".concat(componentCls).concat(componentCls, "-bordered").concat(componentCls, "-disabled:not(").concat(componentCls, "-mini)"), _defineProperty(_defineProperty({

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

@@ -111,18 +111,20 @@ var genPaginationMiniStyle = function genPaginationMiniStyle(token) {
     height: token.itemSizeSM,
     marginInlineEnd: 0,
     lineHeight: unit(token.itemSizeSM)
-  }), "&".concat(componentCls, "-mini ").concat(componentCls, "-options"), _defineProperty(_defineProperty({
-    marginInlineStart: token.paginationMiniOptionsMarginInlineStart
-  }, "&-size-changer", {
-    top: token.miniOptionsSizeChangerTop
-  }), "&-quick-jumper", {
-    height: token.itemSizeSM,
-    lineHeight: unit(token.itemSizeSM),
-    input: _objectSpread(_objectSpread({}, genInputSmallStyle(token)), {}, {
-      width: token.paginationMiniQuickJumperInputWidth,
-      height: token.controlHeightSM
-    })
-  }));
+  }), "&".concat(componentCls, "-mini ").concat(componentCls, "-options"), {
+    marginInlineStart: token.paginationMiniOptionsMarginInlineStart,
+    '&-size-changer': {
+      top: token.miniOptionsSizeChangerTop
+    },
+    '&-quick-jumper': {
+      height: token.itemSizeSM,
+      lineHeight: unit(token.itemSizeSM),
+      input: _objectSpread(_objectSpread({}, genInputSmallStyle(token)), {}, {
+        width: token.paginationMiniQuickJumperInputWidth,
+        height: token.controlHeightSM
+      })
+    }
+  });
 };
 var genPaginationSimpleStyle = function genPaginationSimpleStyle(token) {
   var componentCls = token.componentCls;
@@ -151,7 +153,6 @@ var genPaginationSimpleStyle = function genPaginationSimpleStyle(token) {
     input: {
       boxSizing: 'border-box',
       height: '100%',
-      marginInlineEnd: token.marginXS,
       padding: "0 ".concat(unit(token.paginationItemPaddingInline)),
       textAlign: 'center',
       backgroundColor: token.itemInputBg,
@@ -203,7 +204,6 @@ var genPaginationJumpStyle = function genPaginationJumpStyle(token) {
     display: 'block',
     margin: 'auto',
     color: token.colorTextDisabled,
-    fontFamily: 'Arial, Helvetica, sans-serif',
     letterSpacing: token.paginationEllipsisLetterSpacing,
     textAlign: 'center',
     textIndent: token.paginationEllipsisTextIndent,
@@ -221,7 +221,7 @@ var genPaginationJumpStyle = function genPaginationJumpStyle(token) {
     height: token.itemSize,
     color: token.colorText,
     fontFamily: token.fontFamily,
-    lineHeight: "".concat(unit(token.itemSize)),
+    lineHeight: unit(token.itemSize),
     textAlign: 'center',
     verticalAlign: 'middle',
     listStyle: 'none',
@@ -229,7 +229,6 @@ var genPaginationJumpStyle = function genPaginationJumpStyle(token) {
     cursor: 'pointer',
     transition: "all ".concat(token.motionDurationMid)
   }), "".concat(componentCls, "-prev, ").concat(componentCls, "-next"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    fontFamily: 'Arial, Helvetica, sans-serif',
     outline: 0,
     button: {
       color: token.colorText,
@@ -300,7 +299,7 @@ var genPaginationItemStyle = function genPaginationItemStyle(token) {
     textAlign: 'center',
     verticalAlign: 'middle',
     listStyle: 'none',
-    backgroundColor: 'transparent',
+    backgroundColor: token.itemBg,
     border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " transparent"),
     borderRadius: token.borderRadius,
     outline: 0,
@@ -340,6 +339,16 @@ var genPaginationItemStyle = function genPaginationItemStyle(token) {
 var genPaginationStyle = function genPaginationStyle(token) {
   var componentCls = token.componentCls;
   return _defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty({
+    display: 'flex',
+    '&-start': {
+      justifyContent: 'start'
+    },
+    '&-center': {
+      justifyContent: 'center'
+    },
+    '&-end': {
+      justifyContent: 'end'
+    },
     'ul, ol': {
       margin: 0,
       padding: 0,
@@ -399,7 +408,7 @@ export var prepareToken = function prepareToken(token) {
     paginationMiniQuickJumperInputWidth: token.calc(token.controlHeightLG).mul(1.1).equal(),
     paginationItemPaddingInline: token.calc(token.marginXXS).mul(1.5).equal(),
     paginationEllipsisLetterSpacing: token.calc(token.marginXXS).div(2).equal(),
-    paginationSlashMarginInlineStart: token.marginXXS,
+    paginationSlashMarginInlineStart: token.marginSM,
     paginationSlashMarginInlineEnd: token.marginSM,
     paginationEllipsisTextIndent: '0.13em' // magic for ui experience
   }, initInputToken(token));

package/lib/Antd5/popconfirm/PurePanel.js

@@ -49,8 +49,8 @@ export var Overlay = function Overlay(props) {
   var _useLocale = useLocale('Popconfirm', defaultLocale.Popconfirm),
     _useLocale2 = _slicedToArray(_useLocale, 1),
     contextLocale = _useLocale2[0];
-  var theTitle = getRenderPropValue(title);
-  var theDescription = getRenderPropValue(description);
+  var titleNode = getRenderPropValue(title);
+  var descriptionNode = getRenderPropValue(description);
   return _jsxs("div", {
     className: "".concat(prefixCls, "-inner-content"),
     onClick: onPopupClick,
@@ -61,12 +61,12 @@ export var Overlay = function Overlay(props) {
         children: icon
       }), _jsxs("div", {
         className: "".concat(prefixCls, "-message-text"),
-        children: [theTitle && _jsx("div", {
-          className: classNames("".concat(prefixCls, "-title")),
-          children: theTitle
-        }), theDescription && _jsx("div", {
+        children: [titleNode && _jsx("div", {
+          className: "".concat(prefixCls, "-title"),
+          children: titleNode
+        }), descriptionNode && _jsx("div", {
           className: "".concat(prefixCls, "-description"),
-          children: theDescription
+          children: descriptionNode
         })]
       })]
     }), _jsxs("div", {

package/lib/Antd5/popover/PurePanel.js

@@ -20,17 +20,20 @@ import { Popup } from 'rc-tooltip';
 import { getRenderPropValue } from '../_util/getRenderPropValue';
 import { ConfigContext } from '../config-provider';
 import useStyle from './style';
-export var getOverlay = function getOverlay(prefixCls, title, content) {
+export var Overlay = function Overlay(_ref) {
+  var title = _ref.title,
+    content = _ref.content,
+    prefixCls = _ref.prefixCls;
   if (!title && !content) {
     return null;
   }
   return _jsxs(_Fragment, {
     children: [title && _jsx("div", {
       className: "".concat(prefixCls, "-title"),
-      children: getRenderPropValue(title)
-    }), _jsx("div", {
+      children: title
+    }), content && _jsx("div", {
       className: "".concat(prefixCls, "-inner-content"),
-      children: getRenderPropValue(content)
+      children: content
     })]
   });
 };
@@ -44,15 +47,22 @@ export var RawPurePanel = function RawPurePanel(props) {
     title = props.title,
     content = props.content,
     children = props.children;
+  var titleNode = getRenderPropValue(title);
+  var contentNode = getRenderPropValue(content);
+  var cls = classNames(hashId, prefixCls, "".concat(prefixCls, "-pure"), "".concat(prefixCls, "-placement-").concat(placement), className);
   return _jsxs("div", {
-    className: classNames(hashId, prefixCls, "".concat(prefixCls, "-pure"), "".concat(prefixCls, "-placement-").concat(placement), className),
+    className: cls,
     style: style,
     children: [_jsx("div", {
       className: "".concat(prefixCls, "-arrow")
     }), _jsx(Popup, _objectSpread(_objectSpread({}, props), {}, {
       className: hashId,
       prefixCls: prefixCls,
-      children: children || getOverlay(prefixCls, title, content)
+      children: children || _jsx(Overlay, {
+        prefixCls: prefixCls,
+        title: titleNode,
+        content: contentNode
+      })
     }))]
   });
 };