@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/dropdown/dropdown-button.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", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide", "dropdownRender"];
+var _excluded = ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyOnHidden", "destroyPopupOnHide", "dropdownRender", "popupRender"];
 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; }
@@ -59,11 +59,14 @@ var DropdownButton = function DropdownButton(props) {
     mouseLeaveDelay = props.mouseLeaveDelay,
     overlayClassName = props.overlayClassName,
     overlayStyle = props.overlayStyle,
+    destroyOnHidden = props.destroyOnHidden,
     destroyPopupOnHide = props.destroyPopupOnHide,
     dropdownRender = props.dropdownRender,
+    popupRender = props.popupRender,
     restProps = _objectWithoutProperties(props, _excluded);
   var prefixCls = getPrefixCls('dropdown', customizePrefixCls);
   var buttonPrefixCls = "".concat(prefixCls, "-button");
+  var mergedPopupRender = popupRender || dropdownRender;
   var dropdownProps = {
     menu: menu,
     arrow: arrow,
@@ -77,13 +80,16 @@ var DropdownButton = function DropdownButton(props) {
     mouseLeaveDelay: mouseLeaveDelay,
     overlayClassName: overlayClassName,
     overlayStyle: overlayStyle,
-    destroyPopupOnHide: destroyPopupOnHide,
-    dropdownRender: dropdownRender
+    destroyOnHidden: destroyOnHidden,
+    popupRender: mergedPopupRender
   };
   var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
     compactSize = _useCompactItemContex.compactSize,
     compactItemClassnames = _useCompactItemContex.compactItemClassnames;
   var classes = classNames(buttonPrefixCls, compactItemClassnames, className);
+  if ('destroyPopupOnHide' in props) {
+    dropdownProps.destroyPopupOnHide = destroyPopupOnHide;
+  }
   if ('overlay' in props) {
     dropdownProps.overlay = overlay;
   }

package/lib/Antd5/dropdown/dropdown.js

@@ -12,6 +12,7 @@ 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 * as React from 'react';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
 import RightOutlined from '@ant-design/icons/RightOutlined';
 import classNames from 'classnames';
 import RcDropdown from 'rc-dropdown';
@@ -19,6 +20,7 @@ import useEvent from 'rc-util/lib/hooks/useEvent';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import omit from 'rc-util/lib/omit';
 import { useZIndex } from '../_util/hooks/useZIndex';
+import isPrimitive from '../_util/isPrimitive';
 import getPlacements from '../_util/placements';
 import genPurePanel from '../_util/PurePanel';
 import { cloneElement } from '../_util/reactNode';
@@ -40,6 +42,7 @@ var Dropdown = function Dropdown(props) {
     trigger = props.trigger,
     disabled = props.disabled,
     dropdownRender = props.dropdownRender,
+    popupRender = props.popupRender,
     getPopupContainer = props.getPopupContainer,
     overlayClassName = props.overlayClassName,
     rootClassName = props.rootClassName,
@@ -57,22 +60,34 @@ var Dropdown = function Dropdown(props) {
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? '' : _props$placement,
     overlay = props.overlay,
-    transitionName = props.transitionName;
+    transitionName = props.transitionName,
+    destroyOnHidden = props.destroyOnHidden,
+    destroyPopupOnHide = props.destroyPopupOnHide;
   var _React$useContext = React.useContext(ConfigContext),
     getContextPopupContainer = _React$useContext.getPopupContainer,
     getPrefixCls = _React$useContext.getPrefixCls,
     direction = _React$useContext.direction,
     dropdown = _React$useContext.dropdown;
+  var mergedPopupRender = popupRender || dropdownRender;
   // Warning for deprecated usage
   var warning = devUseWarning('Dropdown');
   if (process.env.NODE_ENV !== 'production') {
-    [['visible', 'open'], ['onVisibleChange', 'onOpenChange']].forEach(function (_ref) {
+    var deprecatedProps = {
+      visible: 'open',
+      onVisibleChange: 'onOpenChange',
+      overlay: 'menu',
+      dropdownRender: 'popupRender',
+      destroyPopupOnHide: 'destroyOnHidden'
+    };
+    Object.entries(deprecatedProps).forEach(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 2),
         deprecatedName = _ref2[0],
         newName = _ref2[1];
       warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
     });
-    warning.deprecated(!('overlay' in props), 'overlay', 'menu');
+    if (placement.includes('Center')) {
+      warning.deprecated(!placement.includes('Center'), "placement: ".concat(placement), "placement: ".concat(placement.slice(0, placement.indexOf('Center'))));
+    }
   }
   var memoTransitionName = React.useMemo(function () {
     var rootPrefixCls = getPrefixCls();
@@ -93,18 +108,6 @@ var Dropdown = function Dropdown(props) {
     }
     return placement;
   }, [placement, direction]);
-  if (process.env.NODE_ENV !== 'production') {
-    if (placement.includes('Center')) {
-      var newPlacement = placement.slice(0, placement.indexOf('Center'));
-      warning(!placement.includes('Center'), 'deprecated', "You are using '".concat(placement, "' placement in Dropdown, which is deprecated. Try to use '").concat(newPlacement, "' instead."));
-    }
-    [['visible', 'open'], ['onVisibleChange', 'onOpenChange']].forEach(function (_ref3) {
-      var _ref4 = _slicedToArray(_ref3, 2),
-        deprecatedName = _ref4[0],
-        newName = _ref4[1];
-      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
-    });
-  }
   var prefixCls = getPrefixCls('dropdown', customizePrefixCls);
   var rootCls = useCSSVarCls(prefixCls);
   var _useStyle = useStyle(prefixCls, rootCls),
@@ -115,8 +118,10 @@ var Dropdown = function Dropdown(props) {
   var _useToken = useToken(),
     _useToken2 = _slicedToArray(_useToken, 2),
     token = _useToken2[1];
-  var child = React.Children.only(children);
-  var dropdownTrigger = cloneElement(child, {
+  var child = React.Children.only(isPrimitive(children) ? _jsx("span", {
+    children: children
+  }) : children);
+  var popupTrigger = cloneElement(child, {
     className: classNames("".concat(prefixCls, "-trigger"), _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), child.props.className),
     disabled: (_child$props$disabled = child.props.disabled) !== null && _child$props$disabled !== void 0 ? _child$props$disabled : disabled
   });
@@ -165,8 +170,8 @@ var Dropdown = function Dropdown(props) {
     } else {
       overlayNode = overlay;
     }
-    if (dropdownRender) {
-      overlayNode = dropdownRender(overlayNode);
+    if (mergedPopupRender) {
+      overlayNode = mergedPopupRender(overlayNode);
     }
     overlayNode = React.Children.only(typeof overlayNode === 'string' ? _jsx("span", {
       children: overlayNode
@@ -176,15 +181,17 @@ var Dropdown = function Dropdown(props) {
       rootClassName: classNames(cssVarCls, rootCls),
       expandIcon: _jsx("span", {
         className: "".concat(prefixCls, "-menu-submenu-arrow"),
-        children: _jsx(RightOutlined, {
+        children: direction === 'rtl' ? _jsx(LeftOutlined, {
+          className: "".concat(prefixCls, "-menu-submenu-arrow-icon")
+        }) : _jsx(RightOutlined, {
           className: "".concat(prefixCls, "-menu-submenu-arrow-icon")
         })
       }),
       mode: "vertical",
       selectable: false,
       onClick: onMenuClick,
-      validator: function validator(_ref5) {
-        var mode = _ref5.mode;
+      validator: function validator(_ref3) {
+        var mode = _ref3.mode;
         // Warning if use other mode
         warning(!mode || mode === 'vertical', 'usage', "mode=\"".concat(mode, "\" is not supported for Dropdown's Menu."));
       },
@@ -216,7 +223,8 @@ var Dropdown = function Dropdown(props) {
     overlayStyle: _objectSpread(_objectSpread(_objectSpread({}, dropdown === null || dropdown === void 0 ? void 0 : dropdown.style), overlayStyle), {}, {
       zIndex: zIndex
     }),
-    children: dropdownTrigger
+    autoDestroy: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyPopupOnHide,
+    children: popupTrigger
   }));
   if (zIndex) {
     renderNode = _jsx(zIndexContext.Provider, {
@@ -226,20 +234,10 @@ var Dropdown = function Dropdown(props) {
   }
   return wrapCSSVar(renderNode);
 };
-function postPureProps(props) {
-  return _objectSpread(_objectSpread({}, props), {}, {
-    align: {
-      overflow: {
-        adjustX: false,
-        adjustY: false
-      }
-    }
-  });
-}
 // We don't care debug panel
-var PurePanel = genPurePanel(Dropdown, 'dropdown', function (prefixCls) {
+var PurePanel = genPurePanel(Dropdown, 'align', undefined, 'dropdown', function (prefixCls) {
   return prefixCls;
-}, postPureProps);
+});
 /* istanbul ignore next */
 var WrapPurePanel = function WrapPurePanel(props) {
   return _jsx(PurePanel, _objectSpread(_objectSpread({}, props), {}, {

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

@@ -189,7 +189,7 @@ var genBaseStyle = function genBaseStyle(token) {
     insetInlineEnd: token.paddingXS
   }, "".concat(componentCls, "-menu-submenu-arrow-icon"), {
     marginInlineEnd: '0 !important',
-    color: token.colorTextDescription,
+    color: token.colorIcon,
     fontSize: fontSizeIcon,
     fontStyle: 'normal'
   })))), "".concat(menuCls, "-item-group-list"), {

package/lib/Antd5/empty/empty.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 import { useLocale } from '../locale';
 import { useToken } from '../theme/internal';
 var Empty = function Empty() {
@@ -16,7 +16,7 @@ var Empty = function Empty() {
   var _useLocale = useLocale('Empty'),
     _useLocale2 = _slicedToArray(_useLocale, 1),
     locale = _useLocale2[0];
-  var bgColor = new TinyColor(token.colorBgBase);
+  var bgColor = new FastColor(token.colorBgBase);
   // Dark Theme need more dark of this
   var themeStyle = bgColor.toHsl().l < 0.5 ? {
     opacity: 0.65

package/lib/Antd5/empty/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 = ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style"];
+var _excluded = ["className", "rootClassName", "prefixCls", "image", "description", "children", "imageStyle", "style", "classNames", "styles"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -16,28 +16,34 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
-import { ConfigContext } from '../config-provider';
+import { devUseWarning } from '../_util/warning';
 import { useLocale } from '../locale';
 import DefaultEmptyImg from './empty';
 import SimpleEmptyImg from './simple';
 import useStyle from './style';
+import { useComponentConfig } from '../config-provider/context';
 var defaultEmptyImg = _jsx(DefaultEmptyImg, {});
 var simpleEmptyImg = _jsx(SimpleEmptyImg, {});
-var Empty = function Empty(_ref) {
-  var className = _ref.className,
-    rootClassName = _ref.rootClassName,
-    customizePrefixCls = _ref.prefixCls,
-    _ref$image = _ref.image,
-    image = _ref$image === void 0 ? defaultEmptyImg : _ref$image,
-    description = _ref.description,
-    children = _ref.children,
-    imageStyle = _ref.imageStyle,
-    style = _ref.style,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    empty = _React$useContext.empty;
+var Empty = function Empty(props) {
+  var className = props.className,
+    rootClassName = props.rootClassName,
+    customizePrefixCls = props.prefixCls,
+    _props$image = props.image,
+    image = _props$image === void 0 ? defaultEmptyImg : _props$image,
+    description = props.description,
+    children = props.children,
+    imageStyle = props.imageStyle,
+    style = props.style,
+    emptyClassNames = props.classNames,
+    styles = props.styles,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useComponentConfig = useComponentConfig('empty'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style,
+    contextClassNames = _useComponentConfig.classNames,
+    contextStyles = _useComponentConfig.styles;
   var prefixCls = getPrefixCls('empty', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -58,19 +64,31 @@ var Empty = function Empty(_ref) {
   } else {
     imageNode = image;
   }
+  // ============================= Warning ==============================
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Empty');
+    [['imageStyle', 'styles: { image: {} }']].forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        deprecatedName = _ref2[0],
+        newName = _ref2[1];
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+  }
   return wrapCSSVar(_jsxs("div", _objectSpread(_objectSpread({
-    className: classNames(hashId, cssVarCls, prefixCls, empty === null || empty === void 0 ? void 0 : empty.className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-normal"), image === simpleEmptyImg), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, rootClassName),
-    style: _objectSpread(_objectSpread({}, empty === null || empty === void 0 ? void 0 : empty.style), style)
+    className: classNames(hashId, cssVarCls, prefixCls, contextClassName, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-normal"), image === simpleEmptyImg), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, rootClassName, contextClassNames.root, emptyClassNames === null || emptyClassNames === void 0 ? void 0 : emptyClassNames.root),
+    style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, contextStyles.root), contextStyle), styles === null || styles === void 0 ? void 0 : styles.root), style)
   }, restProps), {}, {
     children: [_jsx("div", {
-      className: "".concat(prefixCls, "-image"),
-      style: imageStyle,
+      className: classNames("".concat(prefixCls, "-image"), contextClassNames.image, emptyClassNames === null || emptyClassNames === void 0 ? void 0 : emptyClassNames.image),
+      style: _objectSpread(_objectSpread(_objectSpread({}, imageStyle), contextStyles.image), styles === null || styles === void 0 ? void 0 : styles.image),
       children: imageNode
     }), des && _jsx("div", {
-      className: "".concat(prefixCls, "-description"),
+      className: classNames("".concat(prefixCls, "-description"), contextClassNames.description, emptyClassNames === null || emptyClassNames === void 0 ? void 0 : emptyClassNames.description),
+      style: _objectSpread(_objectSpread({}, contextStyles.description), styles === null || styles === void 0 ? void 0 : styles.description),
       children: des
     }), children && _jsx("div", {
-      className: "".concat(prefixCls, "-footer"),
+      className: classNames("".concat(prefixCls, "-footer"), contextClassNames.footer, emptyClassNames === null || emptyClassNames === void 0 ? void 0 : emptyClassNames.footer),
+      style: _objectSpread(_objectSpread({}, contextStyles.footer), styles === null || styles === void 0 ? void 0 : styles.footer),
       children: children
     })]
   })));

package/lib/Antd5/empty/simple.js

@@ -7,7 +7,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useMemo } from 'react';
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 import { useToken } from '../theme/internal';
 import { useLocale } from '../locale';
 var Simple = function Simple() {
@@ -23,9 +23,9 @@ var Simple = function Simple() {
     colorBgContainer = token.colorBgContainer;
   var _useMemo = useMemo(function () {
       return {
-        borderColor: new TinyColor(colorFill).onBackground(colorBgContainer).toHexShortString(),
-        shadowColor: new TinyColor(colorFillTertiary).onBackground(colorBgContainer).toHexShortString(),
-        contentColor: new TinyColor(colorFillQuaternary).onBackground(colorBgContainer).toHexShortString()
+        borderColor: new FastColor(colorFill).onBackground(colorBgContainer).toHexString(),
+        shadowColor: new FastColor(colorFillTertiary).onBackground(colorBgContainer).toHexString(),
+        contentColor: new FastColor(colorFillQuaternary).onBackground(colorBgContainer).toHexString()
       };
     }, [colorFill, colorFillTertiary, colorFillQuaternary, colorBgContainer]),
     borderColor = _useMemo.borderColor,

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

@@ -8,6 +8,8 @@ var genFlexStyle = function genFlexStyle(token) {
   var componentCls = token.componentCls;
   return _defineProperty({}, componentCls, {
     display: 'flex',
+    margin: 0,
+    padding: 0,
     '&-vertical': {
       flexDirection: 'column'
     },

package/lib/Antd5/float-button/FloatButton.js

@@ -14,9 +14,10 @@ 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 React, { useContext, useMemo } from 'react';
+import React, { useContext } from 'react';
 import classNames from 'classnames';
 import omit from 'rc-util/lib/omit';
+import convertToTooltipProps from '../_util/convertToTooltipProps';
 import { useZIndex } from '../_util/hooks/useZIndex';
 import { devUseWarning } from '../_util/warning';
 import Badge from '../badge';
@@ -66,29 +67,25 @@ var InternalFloatButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   // 虽然在 ts 中已经 omit 过了，但是为了防止多余的属性被透传进来，这里再 omit 一遍，以防万一
   var badgeProps = omit(badge, ['title', 'children', 'status', 'text']);
-  var contentProps = useMemo(function () {
-    return {
-      prefixCls: prefixCls,
-      description: description,
-      icon: icon,
-      type: type
-    };
-  }, [prefixCls, description, icon, type]);
   var buttonNode = _jsx("div", {
     className: "".concat(prefixCls, "-body"),
-    children: _jsx(Content, _objectSpread({}, contentProps))
+    children: _jsx(Content, {
+      prefixCls: prefixCls,
+      description: description,
+      icon: icon
+    })
   });
   if ('badge' in props) {
     buttonNode = _jsx(Badge, _objectSpread(_objectSpread({}, badgeProps), {}, {
       children: buttonNode
     }));
   }
-  if ('tooltip' in props) {
-    buttonNode = _jsx(Tooltip, {
-      title: tooltip,
-      placement: direction === 'rtl' ? 'right' : 'left',
+  // ============================ Tooltip ============================
+  var tooltipProps = convertToTooltipProps(tooltip);
+  if (tooltipProps) {
+    buttonNode = _jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
       children: buttonNode
-    });
+    }));
   }
   if (process.env.NODE_ENV !== 'production') {
     var warning = devUseWarning('FloatButton');

package/lib/Antd5/float-button/FloatButtonContent.js

@@ -1,3 +1,12 @@
+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 = ["icon", "description", "prefixCls", "className"];
+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; }
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { memo } from 'react';
 import FileTextOutlined from '@ant-design/icons/FileTextOutlined';
@@ -6,16 +15,13 @@ var FloatButtonContent = function FloatButtonContent(props) {
   var icon = props.icon,
     description = props.description,
     prefixCls = props.prefixCls,
-    className = props.className;
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
   var defaultElement = _jsx("div", {
     className: "".concat(prefixCls, "-icon"),
     children: _jsx(FileTextOutlined, {})
   });
-  return _jsx("div", {
-    onClick: props.onClick,
-    onFocus: props.onFocus,
-    onMouseEnter: props.onMouseEnter,
-    onMouseLeave: props.onMouseLeave,
+  return _jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
     className: classNames(className, "".concat(prefixCls, "-content")),
     children: icon || description ? _jsxs(_Fragment, {
       children: [icon && _jsx("div", {
@@ -26,6 +32,6 @@ var FloatButtonContent = function FloatButtonContent(props) {
         children: description
       })]
     }) : defaultElement
-  });
+  }));
 };
 export default /*#__PURE__*/memo(FloatButtonContent);

package/lib/Antd5/float-button/FloatButtonGroup.js

@@ -23,7 +23,7 @@ import useEvent from 'rc-util/lib/hooks/useEvent';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import { useZIndex } from '../_util/hooks/useZIndex';
 import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import { FloatButtonGroupProvider } from './context';
 import FloatButton, { floatButtonPrefixCls } from './FloatButton';
@@ -49,11 +49,11 @@ var FloatButtonGroup = function FloatButtonGroup(props) {
     customOpen = props.open,
     onTriggerButtonClick = props.onClick,
     floatButtonProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    direction = _React$useContext.direction,
-    getPrefixCls = _React$useContext.getPrefixCls,
-    floatButtonGroup = _React$useContext.floatButtonGroup;
-  var mergedCloseIcon = (_ref = closeIcon !== null && closeIcon !== void 0 ? closeIcon : floatButtonGroup === null || floatButtonGroup === void 0 ? void 0 : floatButtonGroup.closeIcon) !== null && _ref !== void 0 ? _ref : _jsx(CloseOutlined, {});
+  var _useComponentConfig = useComponentConfig('floatButtonGroup'),
+    direction = _useComponentConfig.direction,
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    contextCloseIcon = _useComponentConfig.closeIcon;
+  var mergedCloseIcon = (_ref = closeIcon !== null && closeIcon !== void 0 ? closeIcon : contextCloseIcon) !== null && _ref !== void 0 ? _ref : _jsx(CloseOutlined, {});
   var prefixCls = getPrefixCls(floatButtonPrefixCls, customizePrefixCls);
   var rootCls = useCSSVarCls(prefixCls);
   var _useStyle = useStyle(prefixCls, rootCls),

package/lib/Antd5/float-button/style/keyframes.js

@@ -36,7 +36,7 @@ var floatButtonGroupMotion = function floatButtonGroupMotion(token) {
   });
   var moveRightIn = new Keyframes('antFloatButtonMoveRightIn', {
     '0%': {
-      transform: "translate3d(".concat(calc(floatButtonSize).mul(-1).equal(), ", 0, 0)"),
+      transform: "translate3d(".concat(unit(calc(floatButtonSize).mul(-1).equal()), ", 0, 0)"),
       transformOrigin: '0 0',
       opacity: 0
     },
@@ -53,14 +53,14 @@ var floatButtonGroupMotion = function floatButtonGroupMotion(token) {
       opacity: 1
     },
     '100%': {
-      transform: "translate3d(".concat(calc(floatButtonSize).mul(-1).equal(), ", 0, 0)"),
+      transform: "translate3d(".concat(unit(calc(floatButtonSize).mul(-1).equal()), ", 0, 0)"),
       transformOrigin: '0 0',
       opacity: 0
     }
   });
   var moveBottomIn = new Keyframes('antFloatButtonMoveBottomIn', {
     '0%': {
-      transform: "translate3d(0, ".concat(calc(floatButtonSize).mul(-1).equal(), ", 0)"),
+      transform: "translate3d(0, ".concat(unit(calc(floatButtonSize).mul(-1).equal()), ", 0)"),
       transformOrigin: '0 0',
       opacity: 0
     },
@@ -77,7 +77,7 @@ var floatButtonGroupMotion = function floatButtonGroupMotion(token) {
       opacity: 1
     },
     '100%': {
-      transform: "translate3d(0, ".concat(calc(floatButtonSize).mul(-1).equal(), ", 0)"),
+      transform: "translate3d(0, ".concat(unit(calc(floatButtonSize).mul(-1).equal()), ", 0)"),
       transformOrigin: '0 0',
       opacity: 0
     }

package/lib/Antd5/form/ErrorList.js

@@ -16,7 +16,6 @@ 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 * as React from 'react';
-import { useMemo } from 'react';
 import classNames from 'classnames';
 import CSSMotion, { CSSMotionList } from 'rc-motion';
 import initCollapseMotion from '../_util/motion';
@@ -52,7 +51,7 @@ var ErrorList = function ErrorList(_ref) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
-  var collapseMotion = useMemo(function () {
+  var collapseMotion = React.useMemo(function () {
     return initCollapseMotion(prefixCls);
   }, [prefixCls]);
   // We have to debounce here again since somewhere use ErrorList directly still need no shaking
@@ -96,7 +95,6 @@ var ErrorList = function ErrorList(_ref) {
       return _jsx("div", _objectSpread(_objectSpread({}, helpProps), {}, {
         className: classNames(baseClassName, holderClassName, cssVarCls, rootCls, rootClassName, hashId),
         style: holderStyle,
-        role: "alert",
         children: _jsx(CSSMotionList, _objectSpread(_objectSpread({
           keys: filledKeyFullKeyList
         }, initCollapseMotion(prefixCls)), {}, {