@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/notification/useNotification.js

@@ -1,4 +1,4 @@
-var _excluded = ["message", "description", "icon", "type", "btn", "className", "style", "role", "closeIcon", "closable"];
+var _excluded = ["message", "description", "icon", "type", "btn", "actions", "className", "style", "role", "closeIcon", "closable"];
 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 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; }
@@ -23,7 +23,7 @@ import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import { useToken } from '../theme/internal';
 import { getCloseIcon, PureContent } from './PurePanel';
 import useStyle from './style';
-import { getMotion, getPlacementStyle } from './util';
+import { getMotion, getPlacementStyle, getCloseIconConfig } from './util';
 var DEFAULT_OFFSET = 24;
 var DEFAULT_DURATION = 4.5;
 var DEFAULT_PLACEMENT = 'topRight';
@@ -145,6 +145,7 @@ export function useInternalNotification(notificationConfig) {
         icon = config.icon,
         type = config.type,
         btn = config.btn,
+        actions = config.actions,
         className = config.className,
         style = config.style,
         _config$role = config.role,
@@ -152,7 +153,11 @@ export function useInternalNotification(notificationConfig) {
         closeIcon = config.closeIcon,
         closable = config.closable,
         restConfig = _objectWithoutProperties(config, _excluded);
-      var realCloseIcon = getCloseIcon(noticePrefixCls, typeof closeIcon !== 'undefined' ? closeIcon : notification === null || notification === void 0 ? void 0 : notification.closeIcon);
+      if (process.env.NODE_ENV !== 'production') {
+        warning.deprecated(!btn, 'btn', 'actions');
+      }
+      var mergedActions = actions !== null && actions !== void 0 ? actions : btn;
+      var realCloseIcon = getCloseIcon(noticePrefixCls, getCloseIconConfig(closeIcon, notificationConfig, notification));
       return originOpen(_objectSpread(_objectSpread({
         // use placement from props instead of hard-coding "topRight"
         placement: (_notificationConfig$p = notificationConfig === null || notificationConfig === void 0 ? void 0 : notificationConfig.placement) !== null && _notificationConfig$p !== void 0 ? _notificationConfig$p : DEFAULT_PLACEMENT
@@ -163,7 +168,7 @@ export function useInternalNotification(notificationConfig) {
           type: type,
           message: message,
           description: description,
-          btn: btn,
+          actions: mergedActions,
           role: role
         }),
         className: classNames(type && "".concat(noticePrefixCls, "-").concat(type), className, notification === null || notification === void 0 ? void 0 : notification.className),

package/lib/Antd5/notification/util.js

@@ -54,4 +54,13 @@ export function getMotion(prefixCls) {
   return {
     motionName: "".concat(prefixCls, "-fade")
   };
+}
+export function getCloseIconConfig(closeIcon, notificationConfig, notification) {
+  if (typeof closeIcon !== 'undefined') {
+    return closeIcon;
+  }
+  if (typeof (notificationConfig === null || notificationConfig === void 0 ? void 0 : notificationConfig.closeIcon) !== 'undefined') {
+    return notificationConfig.closeIcon;
+  }
+  return notification === null || notification === void 0 ? void 0 : notification.closeIcon;
 }

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 = ["align", "prefixCls", "selectPrefixCls", "className", "rootClassName", "style", "size", "locale", "selectComponentClass", "responsive", "showSizeChanger"];
+var _excluded = ["align", "prefixCls", "selectPrefixCls", "className", "rootClassName", "style", "size", "locale", "responsive", "showSizeChanger", "selectComponentClass", "pageSizeOptions"];
 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; }
@@ -22,14 +22,16 @@ import RightOutlined from '@ant-design/icons/RightOutlined';
 import classNames from 'classnames';
 import RcPagination from 'rc-pagination';
 import enUS from 'rc-pagination/lib/locale/en_US';
-import { ConfigContext } from '../config-provider';
+import { devUseWarning } from '../_util/warning';
+import { useComponentConfig } from '../config-provider/context';
 import useSize from '../config-provider/hooks/useSize';
 import useBreakpoint from '../grid/hooks/useBreakpoint';
 import { useLocale } from '../locale';
+import Select from '../select';
 import { useToken } from '../theme/internal';
-import { MiddleSelect, MiniSelect } from './Select';
 import useStyle from './style';
 import BorderedStyle from './style/bordered';
+import useShowSizeChanger from './useShowSizeChanger';
 var Pagination = function Pagination(props) {
   var align = props.align,
     customizePrefixCls = props.prefixCls,
@@ -39,20 +41,22 @@ var Pagination = function Pagination(props) {
     style = props.style,
     customizeSize = props.size,
     customLocale = props.locale,
-    selectComponentClass = props.selectComponentClass,
     responsive = props.responsive,
     showSizeChanger = props.showSizeChanger,
+    selectComponentClass = props.selectComponentClass,
+    pageSizeOptions = props.pageSizeOptions,
     restProps = _objectWithoutProperties(props, _excluded);
   var _useBreakpoint = useBreakpoint(responsive),
     xs = _useBreakpoint.xs;
   var _useToken = useToken(),
     _useToken2 = _slicedToArray(_useToken, 2),
     token = _useToken2[1];
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    _React$useContext$pag = _React$useContext.pagination,
-    pagination = _React$useContext$pag === void 0 ? {} : _React$useContext$pag;
+  var _useComponentConfig = useComponentConfig('pagination'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextShowSizeChangerConfig = _useComponentConfig.showSizeChanger,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style;
   var prefixCls = getPrefixCls('pagination', customizePrefixCls);
   // Style
   var _useStyle = useStyle(prefixCls),
@@ -60,7 +64,75 @@ var Pagination = function Pagination(props) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
-  var mergedShowSizeChanger = showSizeChanger !== null && showSizeChanger !== void 0 ? showSizeChanger : pagination.showSizeChanger;
+  // ============================== Size ==============================
+  var mergedSize = useSize(customizeSize);
+  var isSmall = mergedSize === 'small' || !!(xs && !mergedSize && responsive);
+  // ============================= Locale =============================
+  var _useLocale = useLocale('Pagination', enUS),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    contextLocale = _useLocale2[0];
+  var locale = _objectSpread(_objectSpread({}, contextLocale), customLocale);
+  // ========================== Size Changer ==========================
+  // Merge the props showSizeChanger
+  var _useShowSizeChanger = useShowSizeChanger(showSizeChanger),
+    _useShowSizeChanger2 = _slicedToArray(_useShowSizeChanger, 2),
+    propShowSizeChanger = _useShowSizeChanger2[0],
+    propSizeChangerSelectProps = _useShowSizeChanger2[1];
+  var _useShowSizeChanger3 = useShowSizeChanger(contextShowSizeChangerConfig),
+    _useShowSizeChanger4 = _slicedToArray(_useShowSizeChanger3, 2),
+    contextShowSizeChanger = _useShowSizeChanger4[0],
+    contextSizeChangerSelectProps = _useShowSizeChanger4[1];
+  var mergedShowSizeChanger = propShowSizeChanger !== null && propShowSizeChanger !== void 0 ? propShowSizeChanger : contextShowSizeChanger;
+  var mergedShowSizeChangerSelectProps = propSizeChangerSelectProps !== null && propSizeChangerSelectProps !== void 0 ? propSizeChangerSelectProps : contextSizeChangerSelectProps;
+  var SizeChanger = selectComponentClass || Select;
+  // Generate options
+  var mergedPageSizeOptions = React.useMemo(function () {
+    return pageSizeOptions ? pageSizeOptions.map(function (option) {
+      return Number(option);
+    }) : undefined;
+  }, [pageSizeOptions]);
+  // Render size changer
+  var sizeChangerRender = function sizeChangerRender(info) {
+    var _options$find;
+    var disabled = info.disabled,
+      pageSize = info.size,
+      onSizeChange = info.onSizeChange,
+      ariaLabel = info['aria-label'],
+      sizeChangerClassName = info.className,
+      options = info.options;
+    var _ref = mergedShowSizeChangerSelectProps || {},
+      propSizeChangerClassName = _ref.className,
+      propSizeChangerOnChange = _ref.onChange;
+    // Origin Select is using Select.Option,
+    // So it make the option value must be string
+    // Just for compatible
+    var selectedValue = (_options$find = options.find(function (option) {
+      return String(option.value) === String(pageSize);
+    })) === null || _options$find === void 0 ? void 0 : _options$find.value;
+    return _jsx(SizeChanger, _objectSpread(_objectSpread({
+      disabled: disabled,
+      showSearch: true,
+      popupMatchSelectWidth: false,
+      getPopupContainer: function getPopupContainer(triggerNode) {
+        return triggerNode.parentNode;
+      },
+      "aria-label": ariaLabel,
+      options: options
+    }, mergedShowSizeChangerSelectProps), {}, {
+      value: selectedValue,
+      onChange: function onChange(nextSize, option) {
+        onSizeChange === null || onSizeChange === void 0 || onSizeChange(nextSize);
+        propSizeChangerOnChange === null || propSizeChangerOnChange === void 0 || propSizeChangerOnChange(nextSize, option);
+      },
+      size: isSmall ? 'small' : 'middle',
+      className: classNames(sizeChangerClassName, propSizeChangerClassName)
+    }));
+  };
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Pagination');
+    warning(!selectComponentClass, 'usage', '`selectComponentClass` is not official api which will be removed.');
+  }
+  // ============================= Render =============================
   var iconsProps = React.useMemo(function () {
     var ellipsis = _jsx("span", {
       className: "".concat(prefixCls, "-item-ellipsis"),
@@ -111,15 +183,9 @@ var Pagination = function Pagination(props) {
       jumpNextIcon: jumpNextIcon
     };
   }, [direction, prefixCls]);
-  var _useLocale = useLocale('Pagination', enUS),
-    _useLocale2 = _slicedToArray(_useLocale, 1),
-    contextLocale = _useLocale2[0];
-  var locale = _objectSpread(_objectSpread({}, contextLocale), customLocale);
-  var mergedSize = useSize(customizeSize);
-  var isSmall = mergedSize === 'small' || !!(xs && !mergedSize && responsive);
   var selectPrefixCls = getPrefixCls('select', customizeSelectPrefixCls);
-  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);
+  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), contextClassName, className, rootClassName, hashId, cssVarCls);
+  var mergedStyle = _objectSpread(_objectSpread({}, contextStyle), style);
   return wrapCSSVar(_jsxs(_Fragment, {
     children: [token.wireframe && _jsx(BorderedStyle, {
       prefixCls: prefixCls
@@ -128,9 +194,10 @@ var Pagination = function Pagination(props) {
       prefixCls: prefixCls,
       selectPrefixCls: selectPrefixCls,
       className: extendedClassName,
-      selectComponentClass: selectComponentClass || (isSmall ? MiniSelect : MiddleSelect),
       locale: locale,
-      showSizeChanger: mergedShowSizeChanger
+      pageSizeOptions: mergedPageSizeOptions,
+      showSizeChanger: mergedShowSizeChanger,
+      sizeChangerRender: sizeChangerRender
     }))]
   }));
 };

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

@@ -28,6 +28,7 @@ var genPaginationDisabledStyle = function genPaginationDisabledStyle(token) {
     cursor: 'not-allowed'
   }, "".concat(componentCls, "-item"), {
     cursor: 'not-allowed',
+    backgroundColor: 'transparent',
     '&:hover, &:active': {
       backgroundColor: 'transparent'
     },
@@ -72,7 +73,7 @@ var genPaginationDisabledStyle = function genPaginationDisabledStyle(token) {
 };
 var genPaginationMiniStyle = function genPaginationMiniStyle(token) {
   var componentCls = token.componentCls;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-mini ").concat(componentCls, "-total-text, &").concat(componentCls, "-mini ").concat(componentCls, "-simple-pager"), {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-mini ").concat(componentCls, "-total-text, &").concat(componentCls, "-mini ").concat(componentCls, "-simple-pager"), {
     height: token.itemSizeSM,
     lineHeight: unit(token.itemSizeSM)
   }), "&".concat(componentCls, "-mini ").concat(componentCls, "-item"), {
@@ -80,15 +81,6 @@ var genPaginationMiniStyle = function genPaginationMiniStyle(token) {
     height: token.itemSizeSM,
     margin: 0,
     lineHeight: unit(token.calc(token.itemSizeSM).sub(2).equal())
-  }), "&".concat(componentCls, "-mini:not(").concat(componentCls, "-disabled) ").concat(componentCls, "-item:not(").concat(componentCls, "-item-active)"), {
-    backgroundColor: 'transparent',
-    borderColor: 'transparent',
-    '&:hover': {
-      backgroundColor: token.colorBgTextHover
-    },
-    '&:active': {
-      backgroundColor: token.colorBgTextActive
-    }
   }), "&".concat(componentCls, "-mini ").concat(componentCls, "-prev, &").concat(componentCls, "-mini ").concat(componentCls, "-next"), {
     minWidth: token.itemSizeSM,
     height: token.itemSizeSM,

package/lib/Antd5/pagination/useShowSizeChanger.js

@@ -0,0 +1,13 @@
+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); }
+import { useMemo } from 'react';
+export default function useShowSizeChanger(showSizeChanger) {
+  return useMemo(function () {
+    if (typeof showSizeChanger === 'boolean') {
+      return [showSizeChanger, {}];
+    }
+    if (showSizeChanger && _typeof(showSizeChanger) === 'object') {
+      return [true, showSizeChanger];
+    }
+    return [undefined, undefined];
+  }, [showSizeChanger]);
+}

package/lib/Antd5/popconfirm/index.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", "placement", "trigger", "okType", "icon", "children", "overlayClassName", "onOpenChange", "onVisibleChange"];
+var _excluded = ["prefixCls", "placement", "trigger", "okType", "icon", "children", "overlayClassName", "onOpenChange", "onVisibleChange", "overlayStyle", "styles", "classNames"];
 var _this = this;
 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; }
@@ -20,7 +20,7 @@ import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
 import classNames from 'classnames';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import omit from 'rc-util/lib/omit';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import Popover from '../popover';
 import PurePanel, { Overlay } from './PurePanel';
 import useStyle from './style';
@@ -39,9 +39,16 @@ var InternalPopconfirm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     overlayClassName = props.overlayClassName,
     onOpenChange = props.onOpenChange,
     onVisibleChange = props.onVisibleChange,
+    overlayStyle = props.overlayStyle,
+    styles = props.styles,
+    popconfirmClassNames = props.classNames,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls;
+  var _useComponentConfig = useComponentConfig('popconfirm'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style,
+    contextClassNames = _useComponentConfig.classNames,
+    contextStyles = _useComponentConfig.styles;
   var _useMergedState = useMergedState(false, {
       value: (_props$open = props.open) !== null && _props$open !== void 0 ? _props$open : props.visible,
       defaultValue: (_props$defaultOpen = props.defaultOpen) !== null && _props$defaultOpen !== void 0 ? _props$defaultOpen : props.defaultVisible
@@ -75,7 +82,8 @@ var InternalPopconfirm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     settingOpen(value, e);
   };
   var prefixCls = getPrefixCls('popconfirm', customizePrefixCls);
-  var overlayClassNames = classNames(prefixCls, overlayClassName);
+  var rootClassNames = classNames(prefixCls, contextClassName, overlayClassName, contextClassNames.root, popconfirmClassNames === null || popconfirmClassNames === void 0 ? void 0 : popconfirmClassNames.root);
+  var bodyClassNames = classNames(contextClassNames.body, popconfirmClassNames === null || popconfirmClassNames === void 0 ? void 0 : popconfirmClassNames.body);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 1),
     wrapCSSVar = _useStyle2[0];
@@ -85,7 +93,14 @@ var InternalPopconfirm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onOpenChange: onInternalOpenChange,
     open: open,
     ref: ref,
-    overlayClassName: overlayClassNames,
+    classNames: {
+      root: rootClassNames,
+      body: bodyClassNames
+    },
+    styles: {
+      root: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, contextStyles.root), contextStyle), overlayStyle), styles === null || styles === void 0 ? void 0 : styles.root),
+      body: _objectSpread(_objectSpread({}, contextStyles.body), styles === null || styles === void 0 ? void 0 : styles.body)
+    },
     content: _jsx(Overlay, _objectSpread(_objectSpread({
       okType: okType,
       icon: icon

package/lib/Antd5/popover/index.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", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle"];
+var _excluded = ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"];
 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; }
@@ -21,9 +21,9 @@ import KeyCode from 'rc-util/lib/KeyCode';
 import { getRenderPropValue } from '../_util/getRenderPropValue';
 import { getTransitionName } from '../_util/motion';
 import { cloneElement } from '../_util/reactNode';
-import { ConfigContext } from '../config-provider';
 import Tooltip from '../tooltip';
 import PurePanel, { Overlay } from './PurePanel';
+import { useComponentConfig } from '../config-provider/context';
 // CSSINJS
 import useStyle from './style';
 var InternalPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -44,9 +44,15 @@ var InternalPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onOpenChange = props.onOpenChange,
     _props$overlayStyle = props.overlayStyle,
     overlayStyle = _props$overlayStyle === void 0 ? {} : _props$overlayStyle,
+    styles = props.styles,
+    popoverClassNames = props.classNames,
     otherProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls;
+  var _useComponentConfig = useComponentConfig('popover'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style,
+    contextClassNames = _useComponentConfig.classNames,
+    contextStyles = _useComponentConfig.styles;
   var prefixCls = getPrefixCls('popover', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -54,7 +60,8 @@ var InternalPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
   var rootPrefixCls = getPrefixCls();
-  var overlayCls = classNames(overlayClassName, hashId, cssVarCls);
+  var rootClassNames = classNames(overlayClassName, hashId, cssVarCls, contextClassName, contextClassNames.root, popoverClassNames === null || popoverClassNames === void 0 ? void 0 : popoverClassNames.root);
+  var bodyClassNames = classNames(contextClassNames.body, popoverClassNames === null || popoverClassNames === void 0 ? void 0 : popoverClassNames.body);
   var _useMergedState = useMergedState(false, {
       value: (_props$open = props.open) !== null && _props$open !== void 0 ? _props$open : props.visible,
       defaultValue: (_props$defaultOpen = props.defaultOpen) !== null && _props$defaultOpen !== void 0 ? _props$defaultOpen : props.defaultVisible
@@ -80,11 +87,17 @@ var InternalPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placement: placement,
     trigger: trigger,
     mouseEnterDelay: mouseEnterDelay,
-    mouseLeaveDelay: mouseLeaveDelay,
-    overlayStyle: overlayStyle
+    mouseLeaveDelay: mouseLeaveDelay
   }, otherProps), {}, {
     prefixCls: prefixCls,
-    overlayClassName: overlayCls,
+    classNames: {
+      root: rootClassNames,
+      body: bodyClassNames
+    },
+    styles: {
+      root: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, contextStyles.root), contextStyle), overlayStyle), styles === null || styles === void 0 ? void 0 : styles.root),
+      body: _objectSpread(_objectSpread({}, contextStyles.body), styles === null || styles === void 0 ? void 0 : styles.body)
+    },
     ref: ref,
     open: open,
     onOpenChange: onInternalOpenChange,

package/lib/Antd5/progress/Steps.js

@@ -15,6 +15,8 @@ import { getSize } from './utils';
 var Steps = function Steps(props) {
   var size = props.size,
     steps = props.steps,
+    _props$rounding = props.rounding,
+    customRounding = _props$rounding === void 0 ? Math.round : _props$rounding,
     _props$percent = props.percent,
     percent = _props$percent === void 0 ? 0 : _props$percent,
     _props$strokeWidth = props.strokeWidth,
@@ -24,7 +26,7 @@ var Steps = function Steps(props) {
     trailColor = _props$trailColor === void 0 ? null : _props$trailColor,
     prefixCls = props.prefixCls,
     children = props.children;
-  var current = Math.round(steps * (percent / 100));
+  var current = customRounding(steps * (percent / 100));
   var stepWidth = size === 'small' ? 2 : 14;
   var mergedSize = size !== null && size !== void 0 ? size : [stepWidth, strokeWidth];
   var _getSize = getSize(mergedSize, 'step', {
@@ -35,7 +37,9 @@ var Steps = function Steps(props) {
     width = _getSize2[0],
     height = _getSize2[1];
   var unitWidth = width / steps;
-  var styledSteps = new Array(steps);
+  var styledSteps = Array.from({
+    length: steps
+  });
   for (var i = 0; i < steps; i++) {
     var color = Array.isArray(strokeColor) ? strokeColor[i] : strokeColor;
     styledSteps[i] = _jsx("div", {

package/lib/Antd5/progress/progress.js

@@ -15,11 +15,11 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, 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 { FastColor } from '@ant-design/fast-color';
 import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
 import CheckOutlined from '@ant-design/icons/CheckOutlined';
 import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
-import { TinyColor } from '@ctrl/tinycolor';
 import classNames from 'classnames';
 import omit from 'rc-util/lib/omit';
 import { devUseWarning } from '../_util/warning';
@@ -60,7 +60,7 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var strokeColorIsBright = React.useMemo(function () {
     if (strokeColorNotArray) {
       var color = typeof strokeColorNotArray === 'string' ? strokeColorNotArray : Object.values(strokeColorNotArray)[0];
-      return new TinyColor(color).isLight();
+      return new FastColor(color).isLight();
     }
     return false;
   }, [strokeColor]);

package/lib/Antd5/progress/utils.js

@@ -90,9 +90,9 @@ export var getSize = function getSize(size, type, extra) {
       width = size;
       height = size;
     } else if (Array.isArray(size)) {
-      var _ref10, _size$, _ref11, _size$2;
-      width = (_ref10 = (_size$ = size[0]) !== null && _size$ !== void 0 ? _size$ : size[1]) !== null && _ref10 !== void 0 ? _ref10 : 120;
-      height = (_ref11 = (_size$2 = size[0]) !== null && _size$2 !== void 0 ? _size$2 : size[1]) !== null && _ref11 !== void 0 ? _ref11 : 120;
+      var _ref0, _size$, _ref1, _size$2;
+      width = (_ref0 = (_size$ = size[0]) !== null && _size$ !== void 0 ? _size$ : size[1]) !== null && _ref0 !== void 0 ? _ref0 : 120;
+      height = (_ref1 = (_size$2 = size[0]) !== null && _size$2 !== void 0 ? _size$2 : size[1]) !== null && _ref1 !== void 0 ? _ref1 : 120;
     }
   }
   return [width, height];

package/lib/Antd5/qr-code/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 { resetComponent } from '../../style';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 var genQRCodeStyle = function genQRCodeStyle(token) {
@@ -55,7 +55,7 @@ var genQRCodeStyle = function genQRCodeStyle(token) {
 };
 export var prepareComponentToken = function prepareComponentToken(token) {
   return {
-    QRCodeMaskBackgroundColor: new TinyColor(token.colorBgContainer).setAlpha(0.96).toRgbString()
+    QRCodeMaskBackgroundColor: new FastColor(token.colorBgContainer).setA(0.96).toRgbString()
   };
 };
 export default genStyleHooks('QRCode', function (token) {

package/lib/Antd5/segmented/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical"],
+var _excluded = ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "shape", "name"],
   _excluded2 = ["icon", "label"];
 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; }
@@ -18,13 +18,15 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import * as React from 'react';
 import classNames from 'classnames';
 import RcSegmented from 'rc-segmented';
-import { ConfigContext } from '../config-provider';
+import useId from 'rc-util/lib/hooks/useId';
+import { useComponentConfig } from '../config-provider/context';
 import useSize from '../config-provider/hooks/useSize';
 import useStyle from './style';
 function isSegmentedLabeledOptionWithIcon(option) {
   return _typeof(option) === 'object' && !!(option !== null && option !== void 0 && option.icon);
 }
 var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var defaultName = useId();
   var customizePrefixCls = props.prefixCls,
     className = props.className,
     rootClassName = props.rootClassName,
@@ -35,11 +37,16 @@ var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
     customSize = _props$size === void 0 ? 'middle' : _props$size,
     style = props.style,
     vertical = props.vertical,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'default' : _props$shape,
+    _props$name = props.name,
+    name = _props$name === void 0 ? defaultName : _props$name,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    segmented = _React$useContext.segmented;
+  var _useComponentConfig = useComponentConfig('segmented'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style;
   var prefixCls = getPrefixCls('segmented', customizePrefixCls);
   // Style
   var _useStyle = useStyle(prefixCls),
@@ -70,9 +77,10 @@ var InternalSegmented = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return option;
     });
   }, [options, prefixCls]);
-  var cls = classNames(className, rootClassName, segmented === null || segmented === void 0 ? void 0 : segmented.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-block"), block), "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-lg"), mergedSize === 'large'), "".concat(prefixCls, "-vertical"), vertical), hashId, cssVarCls);
-  var mergedStyle = _objectSpread(_objectSpread({}, segmented === null || segmented === void 0 ? void 0 : segmented.style), style);
+  var cls = classNames(className, rootClassName, contextClassName, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-block"), block), "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-lg"), mergedSize === 'large'), "".concat(prefixCls, "-vertical"), vertical), "".concat(prefixCls, "-shape-").concat(shape), shape === 'round'), hashId, cssVarCls);
+  var mergedStyle = _objectSpread(_objectSpread({}, contextStyle), style);
   return wrapCSSVar(_jsx(RcSegmented, _objectSpread(_objectSpread({}, restProps), {}, {
+    name: name,
     className: cls,
     style: mergedStyle,
     options: extendedOptions,

package/lib/Antd5/segmented/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 { resetComponent, textEllipsis } from '../../style';
+import { genFocusOutline, genFocusStyle, resetComponent, textEllipsis } from '../../style';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 // ============================== Mixins ==============================
 function getItemDisabledStyle(cls, token) {
@@ -29,14 +29,14 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
   var labelHeight = token.calc(token.controlHeight).sub(token.calc(token.trackPadding).mul(2)).equal();
   var labelHeightLG = token.calc(token.controlHeightLG).sub(token.calc(token.trackPadding).mul(2)).equal();
   var labelHeightSM = token.calc(token.controlHeightSM).sub(token.calc(token.trackPadding).mul(2)).equal();
-  return _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), {}, {
     display: 'inline-block',
     padding: token.trackPadding,
     color: token.itemColor,
     background: token.trackBg,
     borderRadius: token.borderRadius,
     transition: "all ".concat(token.motionDurationMid, " ").concat(token.motionEaseInOut)
-  }, "".concat(componentCls, "-group"), {
+  }, genFocusStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-group"), {
     position: 'relative',
     display: 'flex',
     alignItems: 'stretch',
@@ -68,6 +68,7 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
     '&-selected': _objectSpread(_objectSpread({}, getItemSelectedStyle(token)), {}, {
       color: token.itemSelectedColor
     }),
+    '&-focused': _objectSpread({}, genFocusOutline(token)),
     '&::after': {
       content: '""',
       position: 'absolute',
@@ -77,7 +78,8 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
       top: 0,
       insetInlineStart: 0,
       borderRadius: 'inherit',
-      transition: "background-color ".concat(token.motionDurationMid),
+      opacity: 0,
+      transition: "opacity ".concat(token.motionDurationMid),
       // This is mandatory to make it not clickable or hoverable
       // Ref: https://github.com/ant-design/ant-design/issues/40888
       pointerEvents: 'none'
@@ -85,11 +87,13 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
   }, "&:hover:not(".concat(componentCls, "-item-selected):not(").concat(componentCls, "-item-disabled)"), {
     color: token.itemHoverColor,
     '&::after': {
+      opacity: 1,
       backgroundColor: token.itemHoverBg
     }
   }), "&:active:not(".concat(componentCls, "-item-selected):not(").concat(componentCls, "-item-disabled)"), {
     color: token.itemHoverColor,
     '&::after': {
+      opacity: 1,
       backgroundColor: token.itemActiveBg
     }
   }), '&-label', _objectSpread({
@@ -134,10 +138,14 @@ var genSegmentedStyle = function genSegmentedStyle(token) {
     padding: "0 ".concat(unit(token.segmentedPaddingHorizontalSM))
   }), "".concat(componentCls, "-item, ").concat(componentCls, "-thumb"), {
     borderRadius: token.borderRadiusXS
-  })), getItemDisabledStyle("&-disabled ".concat(componentCls, "-item"), token)), getItemDisabledStyle("".concat(componentCls, "-item-disabled"), token)), {}, _defineProperty({}, "".concat(componentCls, "-thumb-motion-appear-active"), {
+  })), getItemDisabledStyle("&-disabled ".concat(componentCls, "-item"), token)), getItemDisabledStyle("".concat(componentCls, "-item-disabled"), token)), {}, _defineProperty(_defineProperty({}, "".concat(componentCls, "-thumb-motion-appear-active"), {
     transition: "transform ".concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut, ", width ").concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut),
     willChange: 'transform, width'
-  })));
+  }), "&".concat(componentCls, "-shape-round"), _defineProperty({
+    borderRadius: 9999
+  }, "".concat(componentCls, "-item, ").concat(componentCls, "-thumb"), {
+    borderRadius: 9999
+  }))));
 };
 // ============================== Export ==============================
 export var prepareComponentToken = function prepareComponentToken(token) {