@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/color-picker/ColorPicker.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 = ["mode", "value", "defaultValue", "format", "defaultFormat", "allowClear", "presets", "children", "trigger", "open", "disabled", "placement", "arrow", "panelRender", "showText", "style", "className", "size", "rootClassName", "prefixCls", "styles", "disabledAlpha", "onFormatChange", "onChange", "onClear", "onOpenChange", "onChangeComplete", "getPopupContainer", "autoAdjustOverflow", "destroyTooltipOnHide", "disabledFormat"];
+var _excluded = ["mode", "value", "defaultValue", "format", "defaultFormat", "allowClear", "presets", "children", "trigger", "open", "disabled", "placement", "arrow", "panelRender", "showText", "style", "className", "size", "rootClassName", "prefixCls", "styles", "disabledAlpha", "onFormatChange", "onChange", "onClear", "onOpenChange", "onChangeComplete", "getPopupContainer", "autoAdjustOverflow", "destroyTooltipOnHide", "destroyOnHidden", "disabledFormat"];
 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; }
@@ -71,6 +71,7 @@ var ColorPicker = function ColorPicker(props) {
     _props$autoAdjustOver = props.autoAdjustOverflow,
     autoAdjustOverflow = _props$autoAdjustOver === void 0 ? true : _props$autoAdjustOver,
     destroyTooltipOnHide = props.destroyTooltipOnHide,
+    destroyOnHidden = props.destroyOnHidden,
     disabledFormat = props.disabledFormat,
     rest = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(ConfigContext),
@@ -206,13 +207,15 @@ var ColorPicker = function ColorPicker(props) {
     rootClassName: rootClassName,
     getPopupContainer: getPopupContainer,
     autoAdjustOverflow: autoAdjustOverflow,
-    destroyTooltipOnHide: destroyTooltipOnHide
+    destroyOnHidden: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : !!destroyTooltipOnHide
   };
   var mergedStyle = _objectSpread(_objectSpread({}, colorPicker === null || colorPicker === void 0 ? void 0 : colorPicker.style), style);
   // ============================ zIndex ============================
   return wrapCSSVar(_jsx(Popover, _objectSpread(_objectSpread({
     style: styles === null || styles === void 0 ? void 0 : styles.popup,
-    overlayInnerStyle: styles === null || styles === void 0 ? void 0 : styles.popupOverlayInner,
+    styles: {
+      body: styles === null || styles === void 0 ? void 0 : styles.popupOverlayInner
+    },
     onOpenChange: function onOpenChange(visible) {
       if (!visible || !mergedDisabled) {
         setPopupOpen(visible);
@@ -243,7 +246,9 @@ var ColorPicker = function ColorPicker(props) {
         disabledFormat: disabledFormat
       })
     }),
-    overlayClassName: mergedPopupCls
+    classNames: {
+      root: mergedPopupCls
+    }
   }, popoverProps), {}, {
     children: children || _jsx(ColorTrigger, _objectSpread(_objectSpread({
       activeIndex: popupOpen ? activeIndex : -1,
@@ -262,14 +267,14 @@ var ColorPicker = function ColorPicker(props) {
 if (process.env.NODE_ENV !== 'production') {
   ColorPicker.displayName = 'ColorPicker';
 }
-var PurePanel = genPurePanel(ColorPicker, 'color-picker', /* istanbul ignore next */
-function (prefixCls) {
-  return prefixCls;
-}, function (props) {
+var PurePanel = genPurePanel(ColorPicker, undefined, function (props) {
   return _objectSpread(_objectSpread({}, props), {}, {
     placement: 'bottom',
     autoAdjustOverflow: false
   });
+}, 'color-picker', /* istanbul ignore next */
+function (prefixCls) {
+  return prefixCls;
 });
 ColorPicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
 export default ColorPicker;

package/lib/Antd5/color-picker/components/ColorAlphaInput.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { generateColor, getColorAlpha } from '../util';
 import ColorSteppers from './ColorSteppers';
 var ColorAlphaInput = function ColorAlphaInput(_ref) {
@@ -13,23 +13,18 @@ var ColorAlphaInput = function ColorAlphaInput(_ref) {
     value = _ref.value,
     onChange = _ref.onChange;
   var colorAlphaInputPrefixCls = "".concat(prefixCls, "-alpha-input");
-  var _useState = useState(generateColor(value || '#000')),
+  var _useState = useState(function () {
+      return generateColor(value || '#000');
+    }),
     _useState2 = _slicedToArray(_useState, 2),
-    alphaValue = _useState2[0],
-    setAlphaValue = _useState2[1];
-  // Update step value
-  useEffect(function () {
-    if (value) {
-      setAlphaValue(value);
-    }
-  }, [value]);
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var alphaValue = value || internalValue;
   var handleAlphaChange = function handleAlphaChange(step) {
     var hsba = alphaValue.toHsb();
     hsba.a = (step || 0) / 100;
     var genColor = generateColor(hsba);
-    if (!value) {
-      setAlphaValue(genColor);
-    }
+    setInternalValue(genColor);
     onChange === null || onChange === void 0 || onChange(genColor);
   };
   return _jsx(ColorSteppers, {

package/lib/Antd5/color-picker/components/ColorHexInput.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 } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
-import Input from '../../input';
+import Input from '../../input/Input';
 import { toHexFormat } from '../color';
 import { generateColor } from '../util';
 var hexReg = /(^#[\da-f]{6}$)|(^#[\da-f]{8}$)/i;

package/lib/Antd5/color-picker/components/ColorHsbInput.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { generateColor, getRoundNumber } from '../util';
 import ColorSteppers from './ColorSteppers';
 var ColorHsbInput = function ColorHsbInput(_ref) {
@@ -13,23 +13,18 @@ var ColorHsbInput = function ColorHsbInput(_ref) {
     value = _ref.value,
     onChange = _ref.onChange;
   var colorHsbInputPrefixCls = "".concat(prefixCls, "-hsb-input");
-  var _useState = useState(generateColor(value || '#000')),
+  var _useState = useState(function () {
+      return generateColor(value || '#000');
+    }),
     _useState2 = _slicedToArray(_useState, 2),
-    hsbValue = _useState2[0],
-    setHsbValue = _useState2[1];
-  // Update step value
-  useEffect(function () {
-    if (value) {
-      setHsbValue(value);
-    }
-  }, [value]);
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var hsbValue = value || internalValue;
   var handleHsbChange = function handleHsbChange(step, type) {
     var hsb = hsbValue.toHsb();
     hsb[type] = type === 'h' ? step : (step || 0) / 100;
     var genColor = generateColor(hsb);
-    if (!value) {
-      setHsbValue(genColor);
-    }
+    setInternalValue(genColor);
     onChange === null || onChange === void 0 || onChange(genColor);
   };
   return _jsxs("div", {

package/lib/Antd5/color-picker/components/ColorInput.js

@@ -14,15 +14,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import Select from '../../select';
-import { ColorFormat } from '../interface';
+import { FORMAT_HEX, FORMAT_HSB, FORMAT_RGB } from '../interface';
 import ColorAlphaInput from './ColorAlphaInput';
 import ColorHexInput from './ColorHexInput';
 import ColorHsbInput from './ColorHsbInput';
 import ColorRgbInput from './ColorRgbInput';
-var selectOptions = [ColorFormat.hex, ColorFormat.hsb, ColorFormat.rgb].map(function (format) {
+var selectOptions = [FORMAT_HEX, FORMAT_HSB, FORMAT_RGB].map(function (format) {
   return {
     value: format,
-    label: format.toLocaleUpperCase()
+    label: format.toUpperCase()
   };
 });
 var ColorInput = function ColorInput(props) {
@@ -33,7 +33,7 @@ var ColorInput = function ColorInput(props) {
     onFormatChange = props.onFormatChange,
     onChange = props.onChange,
     disabledFormat = props.disabledFormat;
-  var _useMergedState = useMergedState(ColorFormat.hex, {
+  var _useMergedState = useMergedState(FORMAT_HEX, {
       value: format,
       onChange: onFormatChange
     }),
@@ -51,11 +51,11 @@ var ColorInput = function ColorInput(props) {
       onChange: onChange
     };
     switch (colorFormat) {
-      case ColorFormat.hsb:
+      case FORMAT_HSB:
         return _jsx(ColorHsbInput, _objectSpread({}, inputProps));
-      case ColorFormat.rgb:
+      case FORMAT_RGB:
         return _jsx(ColorRgbInput, _objectSpread({}, inputProps));
-      // case ColorFormat.hex:
+      // case FORMAT_HEX:
       default:
         return _jsx(ColorHexInput, _objectSpread({}, inputProps));
     }

package/lib/Antd5/color-picker/components/ColorPresets.js

@@ -36,15 +36,16 @@ export var isBright = function isBright(value, bgColorToken) {
   }
   return r * 0.299 + g * 0.587 + b * 0.114 > 192;
 };
-var genCollapsePanelKey = function genCollapsePanelKey(_ref) {
-  var label = _ref.label;
-  return "panel-".concat(label);
+var genCollapsePanelKey = function genCollapsePanelKey(preset, index) {
+  var _preset$key;
+  var mergedKey = (_preset$key = preset.key) !== null && _preset$key !== void 0 ? _preset$key : index;
+  return "panel-".concat(mergedKey);
 };
-var ColorPresets = function ColorPresets(_ref2) {
-  var prefixCls = _ref2.prefixCls,
-    presets = _ref2.presets,
-    color = _ref2.value,
-    onChange = _ref2.onChange;
+var ColorPresets = function ColorPresets(_ref) {
+  var prefixCls = _ref.prefixCls,
+    presets = _ref.presets,
+    color = _ref.value,
+    onChange = _ref.onChange;
   var _useLocale = useLocale('ColorPicker'),
     _useLocale2 = _slicedToArray(_useLocale, 1),
     locale = _useLocale2[0];
@@ -59,20 +60,22 @@ var ColorPresets = function ColorPresets(_ref2) {
     presetsValue = _useMergedState2[0];
   var colorPresetsPrefixCls = "".concat(prefixCls, "-presets");
   var activeKeys = useMemo(function () {
-    return presetsValue.reduce(function (acc, preset) {
+    return presetsValue.reduce(function (acc, preset, index) {
       var _preset$defaultOpen = preset.defaultOpen,
         defaultOpen = _preset$defaultOpen === void 0 ? true : _preset$defaultOpen;
-      if (defaultOpen) acc.push(genCollapsePanelKey(preset));
+      if (defaultOpen) {
+        acc.push(genCollapsePanelKey(preset, index));
+      }
       return acc;
     }, []);
   }, [presetsValue]);
   var handleClick = function handleClick(colorValue) {
     onChange === null || onChange === void 0 || onChange(colorValue);
   };
-  var items = presetsValue.map(function (preset) {
+  var items = presetsValue.map(function (preset, index) {
     var _preset$colors;
     return {
-      key: genCollapsePanelKey(preset),
+      key: genCollapsePanelKey(preset, index),
       label: _jsx("div", {
         className: "".concat(colorPresetsPrefixCls, "-label"),
         children: preset === null || preset === void 0 ? void 0 : preset.label

package/lib/Antd5/color-picker/components/ColorRgbInput.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { generateColor } from '../util';
 import ColorSteppers from './ColorSteppers';
 var ColorRgbInput = function ColorRgbInput(_ref) {
@@ -13,23 +13,18 @@ var ColorRgbInput = function ColorRgbInput(_ref) {
     value = _ref.value,
     onChange = _ref.onChange;
   var colorRgbInputPrefixCls = "".concat(prefixCls, "-rgb-input");
-  var _useState = useState(generateColor(value || '#000')),
+  var _useState = useState(function () {
+      return generateColor(value || '#000');
+    }),
     _useState2 = _slicedToArray(_useState, 2),
-    rgbValue = _useState2[0],
-    setRgbValue = _useState2[1];
-  // Update step value
-  useEffect(function () {
-    if (value) {
-      setRgbValue(value);
-    }
-  }, [value]);
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var rgbValue = value || internalValue;
   var handleRgbChange = function handleRgbChange(step, type) {
     var rgb = rgbValue.toRgb();
     rgb[type] = step || 0;
     var genColor = generateColor(rgb);
-    if (!value) {
-      setRgbValue(genColor);
-    }
+    setInternalValue(genColor);
     onChange === null || onChange === void 0 || onChange(genColor);
   };
   return _jsxs("div", {

package/lib/Antd5/color-picker/components/ColorSteppers.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import classNames from 'classnames';
 import InputNumber from '../../input-number';
 var ColorSteppers = function ColorSteppers(_ref) {
@@ -19,16 +19,11 @@ var ColorSteppers = function ColorSteppers(_ref) {
     className = _ref.className,
     formatter = _ref.formatter;
   var colorSteppersPrefixCls = "".concat(prefixCls, "-steppers");
-  var _useState = useState(value),
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
-    stepValue = _useState2[0],
-    setStepValue = _useState2[1];
-  // Update step value
-  useEffect(function () {
-    if (!Number.isNaN(value)) {
-      setStepValue(value);
-    }
-  }, [value]);
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var stepValue = !Number.isNaN(value) ? value : internalValue;
   return _jsx(InputNumber, {
     className: classNames(colorSteppersPrefixCls, className),
     min: min,
@@ -37,9 +32,7 @@ var ColorSteppers = function ColorSteppers(_ref) {
     formatter: formatter,
     size: "small",
     onChange: function onChange(step) {
-      if (!value) {
-        setStepValue(step || 0);
-      }
+      setInternalValue(step || 0);
       _onChange === null || _onChange === void 0 || _onChange(step);
     }
   });

package/lib/Antd5/color-picker/interface.js

@@ -1,6 +1,3 @@
-export var ColorFormat;
-(function (ColorFormat) {
-  ColorFormat["hex"] = "hex";
-  ColorFormat["rgb"] = "rgb";
-  ColorFormat["hsb"] = "hsb";
-})(ColorFormat || (ColorFormat = {}));
+export var FORMAT_HEX = 'hex';
+export var FORMAT_RGB = 'rgb';
+export var FORMAT_HSB = 'hsb';

package/lib/Antd5/color-picker/style/color-block.js

@@ -7,10 +7,11 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { unit } from '@ant-design/cssinjs';
 /**
  * @private Internal usage only
+ * see: https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/conic-gradient#checkerboard
  */
 export var getTransBg = function getTransBg(size, colorFill) {
   return {
-    backgroundImage: "conic-gradient(".concat(colorFill, " 0 25%, transparent 0 50%, ").concat(colorFill, " 0 75%, transparent 0)"),
+    backgroundImage: "conic-gradient(".concat(colorFill, " 25%, transparent 25% 50%, ").concat(colorFill, " 50% 75%, transparent 75% 100%)"),
     backgroundSize: "".concat(size, " ").concat(size)
   };
 };

package/lib/Antd5/config-provider/MotionWrapper.js

@@ -8,18 +8,26 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Provider as MotionProvider } from 'rc-motion';
 import { useToken } from '../theme/internal';
+var MotionCacheContext = /*#__PURE__*/React.createContext(true);
+if (process.env.NODE_ENV !== 'production') {
+  MotionCacheContext.displayName = 'MotionCacheContext';
+}
 export default function MotionWrapper(props) {
+  var parentMotion = React.useContext(MotionCacheContext);
   var children = props.children;
   var _useToken = useToken(),
     _useToken2 = _slicedToArray(_useToken, 2),
     token = _useToken2[1];
   var motion = token.motion;
   var needWrapMotionProviderRef = React.useRef(false);
-  needWrapMotionProviderRef.current = needWrapMotionProviderRef.current || motion === false;
+  needWrapMotionProviderRef.current || (needWrapMotionProviderRef.current = parentMotion !== motion);
   if (needWrapMotionProviderRef.current) {
-    return _jsx(MotionProvider, {
-      motion: motion,
-      children: children
+    return _jsx(MotionCacheContext.Provider, {
+      value: motion,
+      children: _jsx(MotionProvider, {
+        motion: motion,
+        children: children
+      })
     });
   }
   return children;

package/lib/Antd5/config-provider/UnstableContext.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { render, unmount } from 'rc-util/lib/React/render';
+import warning from '../_util/warning';
+var defaultReactRender = function defaultReactRender(node, container) {
+  // TODO: Remove in v6
+  // Warning for React 19
+  if (process.env.NODE_ENV !== 'production') {
+    var majorVersion = parseInt(React.version.split('.')[0], 10);
+    var fullKeys = Object.keys(ReactDOM);
+    warning(majorVersion < 19 || fullKeys.includes('createRoot'), 'compatible', 'antd v5 support React is 16 ~ 18. see https://u.ant.design/v5-for-19 for compatible.');
+  }
+  render(node, container);
+  return function () {
+    return unmount(container);
+  };
+};
+var unstableRender = defaultReactRender;
+/**
+ * @deprecated Set React render function for compatible usage.
+ * This is internal usage only compatible with React 19.
+ * And will be removed in next major version.
+ */
+export function unstableSetRender(render) {
+  if (render) {
+    unstableRender = render;
+  }
+  return unstableRender;
+}

package/lib/Antd5/config-provider/context.js

@@ -1,7 +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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import * as React from 'react';
 export var defaultPrefixCls = 'ant';
 export var defaultIconPrefixCls = 'anticon';
-export var Variants = ['outlined', 'borderless', 'filled'];
+export var Variants = ['outlined', 'borderless', 'filled', 'underlined'];
 var defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
   if (customizePrefixCls) {
     return customizePrefixCls;
@@ -15,4 +21,28 @@ export var ConfigContext = /*#__PURE__*/React.createContext({
   iconPrefixCls: defaultIconPrefixCls
 });
 var ConfigConsumer = ConfigContext.Consumer;
-export { ConfigConsumer };
+export { ConfigConsumer };
+var EMPTY_OBJECT = {};
+/**
+ * Get ConfigProvider configured component props.
+ * This help to reduce bundle size for saving `?.` operator.
+ * Do not use as `useMemo` deps since we do not cache the object here.
+ *
+ * NOTE: not refactor this with `useMemo` since memo will cost another memory space,
+ * which will waste both compare calculation & memory.
+ */
+export function useComponentConfig(propName) {
+  var context = React.useContext(ConfigContext);
+  var getPrefixCls = context.getPrefixCls,
+    direction = context.direction,
+    getPopupContainer = context.getPopupContainer;
+  var propValue = context[propName];
+  return _objectSpread(_objectSpread({
+    classNames: EMPTY_OBJECT,
+    styles: EMPTY_OBJECT
+  }, propValue), {}, {
+    getPrefixCls: getPrefixCls,
+    direction: direction,
+    getPopupContainer: getPopupContainer
+  });
+}

package/lib/Antd5/config-provider/cssVariables.js

@@ -1,5 +1,5 @@
 import { generate } from '@ant-design/colors';
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 import canUseDom from 'rc-util/lib/Dom/canUseDom';
 import { updateCSS } from 'rc-util/lib/Dom/dynamicCSS';
 import warning from '../_util/warning';
@@ -12,20 +12,20 @@ export function getStyle(globalPrefixCls, theme) {
     return clone.toRgbString();
   };
   var fillColor = function fillColor(colorVal, type) {
-    var baseColor = new TinyColor(colorVal);
+    var baseColor = new FastColor(colorVal);
     var colorPalettes = generate(baseColor.toRgbString());
     variables["".concat(type, "-color")] = formatColor(baseColor);
     variables["".concat(type, "-color-disabled")] = colorPalettes[1];
     variables["".concat(type, "-color-hover")] = colorPalettes[4];
     variables["".concat(type, "-color-active")] = colorPalettes[6];
-    variables["".concat(type, "-color-outline")] = baseColor.clone().setAlpha(0.2).toRgbString();
+    variables["".concat(type, "-color-outline")] = baseColor.clone().setA(0.2).toRgbString();
     variables["".concat(type, "-color-deprecated-bg")] = colorPalettes[0];
     variables["".concat(type, "-color-deprecated-border")] = colorPalettes[2];
   };
   // ================ Primary Color ================
   if (theme.primaryColor) {
     fillColor(theme.primaryColor, 'primary');
-    var primaryColor = new TinyColor(theme.primaryColor);
+    var primaryColor = new FastColor(theme.primaryColor);
     var primaryColors = generate(primaryColor.toRgbString());
     // Legacy - We should use semantic naming standard
     primaryColors.forEach(function (color, index) {
@@ -45,11 +45,11 @@ export function getStyle(globalPrefixCls, theme) {
       return c.tint(50);
     });
     variables['primary-color-deprecated-f-12'] = formatColor(primaryColor, function (c) {
-      return c.setAlpha(c.getAlpha() * 0.12);
+      return c.setA(c.a * 0.12);
     });
-    var primaryActiveColor = new TinyColor(primaryColors[0]);
+    var primaryActiveColor = new FastColor(primaryColors[0]);
     variables['primary-color-active-deprecated-f-30'] = formatColor(primaryActiveColor, function (c) {
-      return c.setAlpha(c.getAlpha() * 0.3);
+      return c.setA(c.a * 0.3);
     });
     variables['primary-color-active-deprecated-d-02'] = formatColor(primaryActiveColor, function (c) {
       return c.darken(2);

package/lib/Antd5/config-provider/hooks/useSize.js

@@ -9,7 +9,7 @@ var useSize = function useSize(customSize) {
     if (typeof customSize === 'string') {
       return customSize !== null && customSize !== void 0 ? customSize : size;
     }
-    if (customSize instanceof Function) {
+    if (typeof customSize === 'function') {
       return customSize(size);
     }
     return size;

package/lib/Antd5/config-provider/index.js

@@ -15,7 +15,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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { createTheme } from '@ant-design/cssinjs';
+import { createTheme, StyleContext as CssInJsStyleContext } from '@ant-design/cssinjs';
 import IconContext from '@ant-design/icons/lib/components/Context';
 import useMemo from 'rc-util/lib/hooks/useMemo';
 import { merge } from 'rc-util/lib/utils/set';
@@ -183,6 +183,9 @@ var ProviderChildren = function ProviderChildren(props) {
     dropdown = props.dropdown,
     warningConfig = props.warning,
     tour = props.tour,
+    tooltip = props.tooltip,
+    popover = props.popover,
+    popconfirm = props.popconfirm,
     floatButtonGroup = props.floatButtonGroup,
     variant = props.variant,
     inputNumber = props.inputNumber,
@@ -272,6 +275,9 @@ var ProviderChildren = function ProviderChildren(props) {
     dropdown: dropdown,
     warning: warningConfig,
     tour: tour,
+    tooltip: tooltip,
+    popover: popover,
+    popconfirm: popconfirm,
     floatButtonGroup: floatButtonGroup,
     variant: variant,
     inputNumber: inputNumber,
@@ -311,12 +317,15 @@ var ProviderChildren = function ProviderChildren(props) {
       return prevConfig[key] !== currentConfig[key];
     });
   });
+  var _React$useContext = React.useContext(CssInJsStyleContext),
+    layer = _React$useContext.layer;
   var memoIconContextValue = React.useMemo(function () {
     return {
       prefixCls: iconPrefixCls,
-      csp: csp
+      csp: csp,
+      layer: layer ? 'antd' : undefined
     };
-  }, [iconPrefixCls, csp]);
+  }, [iconPrefixCls, csp, layer]);
   var childNode = _jsxs(_Fragment, {
     children: [_jsx(PropWarning, {
       dropdownMatchSelectWidth: dropdownMatchSelectWidth