@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/space/index.js

@@ -18,20 +18,24 @@ import * as React from 'react';
 import classNames from 'classnames';
 import toArray from 'rc-util/lib/Children/toArray';
 import { isPresetSize, isValidGapNumber } from '../_util/gapSize';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import Compact from './Compact';
 import { SpaceContextProvider } from './context';
 import Item from './Item';
 import useStyle from './style';
 export { SpaceContext } from './context';
 var InternalSpace = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _space$size, _customClassNames$ite, _space$classNames;
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    space = _React$useContext.space,
-    directionConfig = _React$useContext.direction;
+  var _customClassNames$ite;
+  var _useComponentConfig = useComponentConfig('space'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    directionConfig = _useComponentConfig.direction,
+    contextSize = _useComponentConfig.size,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style,
+    contextClassNames = _useComponentConfig.classNames,
+    contextStyles = _useComponentConfig.styles;
   var _props$size = props.size,
-    size = _props$size === void 0 ? (_space$size = space === null || space === void 0 ? void 0 : space.size) !== null && _space$size !== void 0 ? _space$size : 'small' : _props$size,
+    size = _props$size === void 0 ? contextSize !== null && contextSize !== void 0 ? contextSize : 'small' : _props$size,
     align = props.align,
     className = props.className,
     rootClassName = props.rootClassName,
@@ -64,12 +68,12 @@ var InternalSpace = /*#__PURE__*/React.forwardRef(function (props, ref) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
-  var cls = classNames(prefixCls, space === null || space === void 0 ? void 0 : space.className, hashId, "".concat(prefixCls, "-").concat(direction), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), directionConfig === 'rtl'), "".concat(prefixCls, "-align-").concat(mergedAlign), mergedAlign), "".concat(prefixCls, "-gap-row-").concat(verticalSize), isPresetVerticalSize), "".concat(prefixCls, "-gap-col-").concat(horizontalSize), isPresetHorizontalSize), className, rootClassName, cssVarCls);
-  var itemClassName = classNames("".concat(prefixCls, "-item"), (_customClassNames$ite = customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.item) !== null && _customClassNames$ite !== void 0 ? _customClassNames$ite : space === null || space === void 0 || (_space$classNames = space.classNames) === null || _space$classNames === void 0 ? void 0 : _space$classNames.item);
+  var cls = classNames(prefixCls, contextClassName, hashId, "".concat(prefixCls, "-").concat(direction), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), directionConfig === 'rtl'), "".concat(prefixCls, "-align-").concat(mergedAlign), mergedAlign), "".concat(prefixCls, "-gap-row-").concat(verticalSize), isPresetVerticalSize), "".concat(prefixCls, "-gap-col-").concat(horizontalSize), isPresetHorizontalSize), className, rootClassName, cssVarCls);
+  var itemClassName = classNames("".concat(prefixCls, "-item"), (_customClassNames$ite = customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.item) !== null && _customClassNames$ite !== void 0 ? _customClassNames$ite : contextClassNames.item);
   // Calculate latest one
   var latestIndex = 0;
   var nodes = childNodes.map(function (child, i) {
-    var _styles$item, _space$styles;
+    var _styles$item;
     if (child !== null && child !== undefined) {
       latestIndex = i;
     }
@@ -78,7 +82,7 @@ var InternalSpace = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: itemClassName,
       index: i,
       split: split,
-      style: (_styles$item = styles === null || styles === void 0 ? void 0 : styles.item) !== null && _styles$item !== void 0 ? _styles$item : space === null || space === void 0 || (_space$styles = space.styles) === null || _space$styles === void 0 ? void 0 : _space$styles.item,
+      style: (_styles$item = styles === null || styles === void 0 ? void 0 : styles.item) !== null && _styles$item !== void 0 ? _styles$item : contextStyles.item,
       children: child
     }, key);
   });
@@ -104,7 +108,7 @@ var InternalSpace = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return wrapCSSVar(_jsx("div", _objectSpread(_objectSpread({
     ref: ref,
     className: cls,
-    style: _objectSpread(_objectSpread(_objectSpread({}, gapStyle), space === null || space === void 0 ? void 0 : space.style), style)
+    style: _objectSpread(_objectSpread(_objectSpread({}, gapStyle), contextStyle), style)
   }, otherProps), {}, {
     children: _jsx(SpaceContextProvider, {
       value: spaceContext,

package/lib/Antd5/spin/index.js

@@ -18,7 +18,7 @@ import * as React from 'react';
 import classNames from 'classnames';
 import { debounce } from 'throttle-debounce';
 import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import Indicator from './Indicator';
 import useStyle from './style/index';
 import usePercent from './usePercent';
@@ -26,7 +26,7 @@ var _SpinSizes = ['small', 'default', 'large'];
 // Render indicator
 var defaultIndicator;
 function shouldDelay(spinning, delay) {
-  return !!spinning && !!delay && !isNaN(Number(delay));
+  return !!spinning && !!delay && !Number.isNaN(Number(delay));
 }
 var Spin = function Spin(props) {
   var _ref;
@@ -48,10 +48,12 @@ var Spin = function Spin(props) {
     indicator = props.indicator,
     percent = props.percent,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    spin = _React$useContext.spin;
+  var _useComponentConfig = useComponentConfig('spin'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style,
+    contextIndicator = _useComponentConfig.indicator;
   var prefixCls = getPrefixCls('spin', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -85,10 +87,10 @@ var Spin = function Spin(props) {
     var warning = devUseWarning('Spin');
     warning(!tip || isNestedPattern || fullscreen, 'usage', '`tip` only work in nest or fullscreen pattern.');
   }
-  var spinClassName = classNames(prefixCls, spin === null || spin === void 0 ? void 0 : spin.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-sm"), size === 'small'), "".concat(prefixCls, "-lg"), size === 'large'), "".concat(prefixCls, "-spinning"), spinning), "".concat(prefixCls, "-show-text"), !!tip), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, !fullscreen && rootClassName, hashId, cssVarCls);
+  var spinClassName = classNames(prefixCls, contextClassName, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-sm"), size === 'small'), "".concat(prefixCls, "-lg"), size === 'large'), "".concat(prefixCls, "-spinning"), spinning), "".concat(prefixCls, "-show-text"), !!tip), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, !fullscreen && rootClassName, hashId, cssVarCls);
   var containerClassName = classNames("".concat(prefixCls, "-container"), _defineProperty({}, "".concat(prefixCls, "-blur"), spinning));
-  var mergedIndicator = (_ref = indicator !== null && indicator !== void 0 ? indicator : spin === null || spin === void 0 ? void 0 : spin.indicator) !== null && _ref !== void 0 ? _ref : defaultIndicator;
-  var mergedStyle = _objectSpread(_objectSpread({}, spin === null || spin === void 0 ? void 0 : spin.style), style);
+  var mergedIndicator = (_ref = indicator !== null && indicator !== void 0 ? indicator : contextIndicator) !== null && _ref !== void 0 ? _ref : defaultIndicator;
+  var mergedStyle = _objectSpread(_objectSpread({}, contextStyle), style);
   var spinElement = _jsxs("div", _objectSpread(_objectSpread({}, restProps), {}, {
     style: mergedStyle,
     className: spinClassName,

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

@@ -139,9 +139,7 @@ var genSpinStyle = function genSpinStyle(token) {
     }
   }), "".concat(componentCls, "-dot-progress"), {
     position: 'absolute',
-    top: '50%',
-    transform: 'translate(-50%, -50%)',
-    insetInlineStart: '50%'
+    inset: 0
   }), "".concat(componentCls, "-dot"), {
     position: 'relative',
     display: 'inline-block',

package/lib/Antd5/spin/usePercent.js

@@ -12,7 +12,7 @@ export default function usePercent(spinning, percent) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     mockPercent = _React$useState2[0],
     setMockPercent = _React$useState2[1];
-  var mockIntervalRef = React.useRef();
+  var mockIntervalRef = React.useRef(null);
   var isAuto = percent === 'auto';
   React.useEffect(function () {
     if (isAuto && spinning) {

package/lib/Antd5/splitter/SplitBar.js

@@ -15,6 +15,7 @@ import LeftOutlined from '@ant-design/icons/LeftOutlined';
 import RightOutlined from '@ant-design/icons/RightOutlined';
 import UpOutlined from '@ant-design/icons/UpOutlined';
 import classNames from 'classnames';
+import useEvent from 'rc-util/lib/hooks/useEvent';
 function getValidNumber(num) {
   return typeof num === 'number' && !Number.isNaN(num) ? Math.round(num) : 0;
 }
@@ -32,13 +33,21 @@ var SplitBar = function SplitBar(props) {
     onOffsetStart = props.onOffsetStart,
     onOffsetUpdate = props.onOffsetUpdate,
     onOffsetEnd = props.onOffsetEnd,
-    onCollapse = props.onCollapse;
+    onCollapse = props.onCollapse,
+    lazy = props.lazy,
+    containerSize = props.containerSize;
   var splitBarPrefixCls = "".concat(prefixCls, "-bar");
   // ======================== Resize ========================
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     startPos = _useState2[0],
     setStartPos = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    constrainedOffset = _useState4[0],
+    setConstrainedOffset = _useState4[1];
+  var constrainedOffsetX = vertical ? 0 : constrainedOffset;
+  var constrainedOffsetY = vertical ? constrainedOffset : 0;
   var onMouseDown = function onMouseDown(e) {
     if (resizable && e.currentTarget) {
       setStartPos([e.pageX, e.pageY]);
@@ -52,6 +61,26 @@ var SplitBar = function SplitBar(props) {
       onOffsetStart(index);
     }
   };
+  // Updated constraint calculation
+  var getConstrainedOffset = function getConstrainedOffset(rawOffset) {
+    var currentPos = containerSize * ariaNow / 100;
+    var newPos = currentPos + rawOffset;
+    // Calculate available space
+    var minAllowed = Math.max(0, containerSize * ariaMin / 100);
+    var maxAllowed = Math.min(containerSize, containerSize * ariaMax / 100);
+    // Constrain new position within bounds
+    var clampedPos = Math.max(minAllowed, Math.min(maxAllowed, newPos));
+    return clampedPos - currentPos;
+  };
+  var handleLazyMove = useEvent(function (offsetX, offsetY) {
+    var constrainedOffsetValue = getConstrainedOffset(vertical ? offsetY : offsetX);
+    setConstrainedOffset(constrainedOffsetValue);
+  });
+  var handleLazyEnd = useEvent(function () {
+    onOffsetUpdate(index, constrainedOffsetX, constrainedOffsetY, true);
+    setConstrainedOffset(0);
+    onOffsetEnd(true);
+  });
   React.useEffect(function () {
     if (startPos) {
       var onMouseMove = function onMouseMove(e) {
@@ -59,23 +88,39 @@ var SplitBar = function SplitBar(props) {
           pageY = e.pageY;
         var offsetX = pageX - startPos[0];
         var offsetY = pageY - startPos[1];
-        onOffsetUpdate(index, offsetX, offsetY);
+        if (lazy) {
+          handleLazyMove(offsetX, offsetY);
+        } else {
+          onOffsetUpdate(index, offsetX, offsetY);
+        }
       };
       var onMouseUp = function onMouseUp() {
+        if (lazy) {
+          handleLazyEnd();
+        } else {
+          onOffsetEnd();
+        }
         setStartPos(null);
-        onOffsetEnd();
       };
       var handleTouchMove = function handleTouchMove(e) {
         if (e.touches.length === 1) {
           var touch = e.touches[0];
           var offsetX = touch.pageX - startPos[0];
           var offsetY = touch.pageY - startPos[1];
-          onOffsetUpdate(index, offsetX, offsetY);
+          if (lazy) {
+            handleLazyMove(offsetX, offsetY);
+          } else {
+            onOffsetUpdate(index, offsetX, offsetY);
+          }
         }
       };
       var handleTouchEnd = function handleTouchEnd() {
+        if (lazy) {
+          handleLazyEnd();
+        } else {
+          onOffsetEnd();
+        }
         setStartPos(null);
-        onOffsetEnd();
       };
       window.addEventListener('touchmove', handleTouchMove);
       window.addEventListener('touchend', handleTouchEnd);
@@ -88,7 +133,8 @@ var SplitBar = function SplitBar(props) {
         window.removeEventListener('touchend', handleTouchEnd);
       };
     }
-  }, [startPos]);
+  }, [startPos, lazy, vertical, index, containerSize, ariaNow, ariaMin, ariaMax]);
+  var transformStyle = _defineProperty({}, "--".concat(splitBarPrefixCls, "-preview-offset"), "".concat(constrainedOffset, "px"));
   // ======================== Render ========================
   var StartIcon = vertical ? UpOutlined : LeftOutlined;
   var EndIcon = vertical ? DownOutlined : RightOutlined;
@@ -98,7 +144,10 @@ var SplitBar = function SplitBar(props) {
     "aria-valuenow": getValidNumber(ariaNow),
     "aria-valuemin": getValidNumber(ariaMin),
     "aria-valuemax": getValidNumber(ariaMax),
-    children: [_jsx("div", {
+    children: [lazy && _jsx("div", {
+      className: classNames("".concat(splitBarPrefixCls, "-preview"), _defineProperty({}, "".concat(splitBarPrefixCls, "-preview-active"), !!constrainedOffset)),
+      style: transformStyle
+    }), _jsx("div", {
       className: classNames("".concat(splitBarPrefixCls, "-dragger"), _defineProperty(_defineProperty({}, "".concat(splitBarPrefixCls, "-dragger-disabled"), !resizable), "".concat(splitBarPrefixCls, "-dragger-active"), active)),
       onMouseDown: onMouseDown,
       onTouchStart: onTouchStart

package/lib/Antd5/splitter/Splitter.js

@@ -17,7 +17,7 @@ import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
 import useEvent from 'rc-util/lib/hooks/useEvent';
 import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import useItems from './hooks/useItems';
 import useResizable from './hooks/useResizable';
@@ -36,11 +36,13 @@ var Splitter = function Splitter(props) {
     rootClassName = props.rootClassName,
     onResizeStart = props.onResizeStart,
     onResize = props.onResize,
-    onResizeEnd = props.onResizeEnd;
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    splitter = _React$useContext.splitter;
+    onResizeEnd = props.onResizeEnd,
+    lazy = props.lazy;
+  var _useComponentConfig = useComponentConfig('splitter'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style;
   var prefixCls = getPrefixCls('splitter', customizePrefixCls);
   var rootCls = useCSSVarCls(prefixCls);
   var _useStyle = useStyle(prefixCls, rootCls),
@@ -96,8 +98,8 @@ var Splitter = function Splitter(props) {
     itemPtgMaxSizes = _useSizes2[4],
     updateSizes = _useSizes2[5];
   // ====================== Resizable =======================
-  var resizableInfos = useResizable(items, itemPxSizes);
-  var _useResize = useResize(items, resizableInfos, itemPtgSizes, containerSize, updateSizes),
+  var resizableInfos = useResizable(items, itemPxSizes, isRTL);
+  var _useResize = useResize(items, resizableInfos, itemPtgSizes, containerSize, updateSizes, isRTL),
     _useResize2 = _slicedToArray(_useResize, 5),
     onOffsetStart = _useResize2[0],
     onOffsetUpdate = _useResize2[1],
@@ -109,13 +111,19 @@ var Splitter = function Splitter(props) {
     onOffsetStart(index);
     onResizeStart === null || onResizeStart === void 0 || onResizeStart(itemPxSizes);
   });
-  var onInternalResizeUpdate = useEvent(function (index, offset) {
+  var onInternalResizeUpdate = useEvent(function (index, offset, lazyEnd) {
     var nextSizes = onOffsetUpdate(index, offset);
-    onResize === null || onResize === void 0 || onResize(nextSizes);
+    if (lazyEnd) {
+      onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd(nextSizes);
+    } else {
+      onResize === null || onResize === void 0 || onResize(nextSizes);
+    }
   });
-  var onInternalResizeEnd = useEvent(function () {
+  var onInternalResizeEnd = useEvent(function (lazyEnd) {
     onOffsetEnd();
-    onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd(itemPxSizes);
+    if (!lazyEnd) {
+      onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd(itemPxSizes);
+    }
   });
   var onInternalCollapse = useEvent(function (index, type) {
     var nextSizes = onCollapse(index, type);
@@ -123,7 +131,7 @@ var Splitter = function Splitter(props) {
     onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd(nextSizes);
   });
   // ======================== Styles ========================
-  var containerClassName = classNames(prefixCls, className, "".concat(prefixCls, "-").concat(layout), _defineProperty({}, "".concat(prefixCls, "-rtl"), isRTL), rootClassName, splitter === null || splitter === void 0 ? void 0 : splitter.className, cssVarCls, rootCls, hashId);
+  var containerClassName = classNames(prefixCls, className, "".concat(prefixCls, "-").concat(layout), _defineProperty({}, "".concat(prefixCls, "-rtl"), isRTL), rootClassName, contextClassName, cssVarCls, rootCls, hashId);
   // ======================== Render ========================
   var maskCls = "".concat(prefixCls, "-mask");
   var stackSizes = React.useMemo(function () {
@@ -135,7 +143,7 @@ var Splitter = function Splitter(props) {
     }
     return mergedSizes;
   }, [itemPtgSizes]);
-  var mergedStyle = _objectSpread(_objectSpread({}, splitter === null || splitter === void 0 ? void 0 : splitter.style), style);
+  var mergedStyle = _objectSpread(_objectSpread({}, contextStyle), style);
   return wrapCSSVar(_jsx(ResizeObserver, {
     onResize: onContainerResize,
     children: _jsxs("div", {
@@ -156,6 +164,7 @@ var Splitter = function Splitter(props) {
           var ariaMaxStart = (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];
           var ariaMaxEnd = (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];
           splitBar = _jsx(SplitBar, {
+            lazy: lazy,
             index: idx,
             active: movingIndex === idx,
             prefixCls: prefixCls,
@@ -167,15 +176,16 @@ var Splitter = function Splitter(props) {
             startCollapsible: resizableInfo.startCollapsible,
             endCollapsible: resizableInfo.endCollapsible,
             onOffsetStart: onInternalResizeStart,
-            onOffsetUpdate: function onOffsetUpdate(index, offsetX, offsetY) {
+            onOffsetUpdate: function onOffsetUpdate(index, offsetX, offsetY, lazyEnd) {
               var offset = isVertical ? offsetY : offsetX;
               if (reverse) {
                 offset = -offset;
               }
-              onInternalResizeUpdate(index, offset);
+              onInternalResizeUpdate(index, offset, lazyEnd);
             },
             onOffsetEnd: onInternalResizeEnd,
-            onCollapse: onInternalCollapse
+            onCollapse: onInternalCollapse,
+            containerSize: containerSize || 0
           });
         }
         return _jsxs(React.Fragment, {

package/lib/Antd5/splitter/hooks/useResizable.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export default function useResizable(items, pxSizes) {
+export default function useResizable(items, pxSizes, isRTL) {
   return React.useMemo(function () {
     var resizeInfos = [];
     for (var i = 0; i < items.length - 1; i += 1) {
@@ -34,8 +34,8 @@ export default function useResizable(items, pxSizes) {
       prevCollapsible.end && prevSize === 0 && nextSize > 0;
       resizeInfos[i] = {
         resizable: mergedResizable,
-        startCollapsible: !!startCollapsible,
-        endCollapsible: !!endCollapsible
+        startCollapsible: !!(isRTL ? endCollapsible : startCollapsible),
+        endCollapsible: !!(isRTL ? startCollapsible : endCollapsible)
       };
     }
     return resizeInfos;

package/lib/Antd5/splitter/hooks/useResize.js

@@ -13,7 +13,7 @@ import { getPtg } from './useSizes';
 /**
  * Handle user drag resize logic.
  */
-export default function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes) {
+export default function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes, isRTL) {
   var limitSizes = items.map(function (item) {
     return [item.min, item.max];
   });
@@ -33,6 +33,7 @@ export default function useResize(items, resizableInfos, percentSizes, container
     _React$useState2 = _slicedToArray(_React$useState, 2),
     cacheSizes = _React$useState2[0],
     setCacheSizes = _React$useState2[1];
+  var cacheCollapsedSize = React.useRef([]);
   /**
    * When start drag, check the direct is `start` or `end`.
    * This will handle when 2 splitter bar are in the same position.
@@ -111,14 +112,16 @@ export default function useResize(items, resizableInfos, percentSizes, container
   // ======================= Collapse =======================
   var onCollapse = function onCollapse(index, type) {
     var currentSizes = getPxSizes();
-    var currentIndex = type === 'start' ? index : index + 1;
-    var targetIndex = type === 'start' ? index + 1 : index;
+    var adjustedType = isRTL ? type === 'start' ? 'end' : 'start' : type;
+    var currentIndex = adjustedType === 'start' ? index : index + 1;
+    var targetIndex = adjustedType === 'start' ? index + 1 : index;
     var currentSize = currentSizes[currentIndex];
     var targetSize = currentSizes[targetIndex];
     if (currentSize !== 0 && targetSize !== 0) {
       // Collapse directly
       currentSizes[currentIndex] = 0;
       currentSizes[targetIndex] += currentSize;
+      cacheCollapsedSize.current[index] = currentSize;
     } else {
       var totalSize = currentSize + targetSize;
       var currentSizeMin = getLimitSize(limitSizes[currentIndex][0], 0);
@@ -127,9 +130,17 @@ export default function useResize(items, resizableInfos, percentSizes, container
       var targetSizeMax = getLimitSize(limitSizes[targetIndex][1], mergedContainerSize);
       var limitStart = Math.max(currentSizeMin, totalSize - targetSizeMax);
       var limitEnd = Math.min(currentSizeMax, totalSize - targetSizeMin);
-      var halfOffset = (limitEnd - limitStart) / 2;
-      currentSizes[currentIndex] -= halfOffset;
-      currentSizes[targetIndex] += halfOffset;
+      var halfOffset = targetSizeMin || (limitEnd - limitStart) / 2;
+      var targetCacheCollapsedSize = cacheCollapsedSize.current[index];
+      var currentCacheCollapsedSize = totalSize - targetCacheCollapsedSize;
+      var shouldUseCache = targetCacheCollapsedSize && targetCacheCollapsedSize <= targetSizeMax && targetCacheCollapsedSize >= targetSizeMin && currentCacheCollapsedSize <= currentSizeMax && currentCacheCollapsedSize >= currentSizeMin;
+      if (shouldUseCache) {
+        currentSizes[targetIndex] = targetCacheCollapsedSize;
+        currentSizes[currentIndex] = currentCacheCollapsedSize;
+      } else {
+        currentSizes[currentIndex] -= halfOffset;
+        currentSizes[targetIndex] += halfOffset;
+      }
     }
     updateSizes(currentSizes);
     return currentSizes;

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

@@ -39,11 +39,22 @@ var genSplitterStyle = function genSplitterStyle(token) {
     splitTriggerSize = token.splitTriggerSize,
     controlItemBgHover = token.controlItemBgHover,
     controlItemBgActive = token.controlItemBgActive,
-    controlItemBgActiveHover = token.controlItemBgActiveHover;
+    controlItemBgActiveHover = token.controlItemBgActiveHover,
+    prefixCls = token.prefixCls;
   var splitBarCls = "".concat(componentCls, "-bar");
   var splitMaskCls = "".concat(componentCls, "-mask");
   var splitPanelCls = "".concat(componentCls, "-panel");
   var halfTriggerSize = token.calc(splitTriggerSize).div(2).equal();
+  var splitterBarPreviewOffsetVar = "".concat(prefixCls, "-bar-preview-offset");
+  var splitterBarPreviewStyle = {
+    position: 'absolute',
+    background: token.colorPrimary,
+    opacity: 0.2,
+    pointerEvents: 'none',
+    transition: 'none',
+    zIndex: 1,
+    display: 'none'
+  };
   return _defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     display: 'flex',
     width: '100%',
@@ -86,7 +97,7 @@ var genSplitterStyle = function genSplitterStyle(token) {
       display: 'none'
     }
   }))), "".concat(splitBarCls, "-collapse-bar"), _objectSpread(_objectSpread({}, centerStyle), {}, {
-    zIndex: 1,
+    zIndex: token.zIndexPopupBase,
     background: controlItemBgHover,
     fontSize: token.fontSizeSM,
     borderRadius: token.borderRadiusXS,
@@ -96,6 +107,9 @@ var genSplitterStyle = function genSplitterStyle(token) {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
+    '@media(hover:none)': {
+      opacity: 1
+    },
     // Hover
     '&:hover': {
       background: controlItemBgActive
@@ -118,9 +132,15 @@ var genSplitterStyle = function genSplitterStyle(token) {
     }
   }), '&-horizontal', _defineProperty({
     flexDirection: 'row'
-  }, "> ".concat(splitBarCls), _defineProperty(_defineProperty({
+  }, "> ".concat(splitBarCls), _defineProperty(_defineProperty(_defineProperty({
     width: 0
-  }, "".concat(splitBarCls, "-dragger"), {
+  }, "".concat(splitBarCls, "-preview"), _objectSpread(_objectSpread({
+    height: '100%',
+    width: splitBarSize
+  }, splitterBarPreviewStyle), {}, _defineProperty({}, "&".concat(splitBarCls, "-preview-active"), {
+    display: 'block',
+    transform: "translateX(var(--".concat(splitterBarPreviewOffsetVar, "))")
+  }))), "".concat(splitBarCls, "-dragger"), {
     cursor: 'col-resize',
     height: '100%',
     width: splitTriggerSize,
@@ -159,9 +179,15 @@ var genSplitterStyle = function genSplitterStyle(token) {
     }
   }))), '&-vertical', _defineProperty({
     flexDirection: 'column'
-  }, "> ".concat(splitBarCls), _defineProperty(_defineProperty({
+  }, "> ".concat(splitBarCls), _defineProperty(_defineProperty(_defineProperty({
     height: 0
-  }, "".concat(splitBarCls, "-dragger"), {
+  }, "".concat(splitBarCls, "-preview"), _objectSpread(_objectSpread({
+    height: splitBarSize,
+    width: '100%'
+  }, splitterBarPreviewStyle), {}, _defineProperty({}, "&".concat(splitBarCls, "-preview-active"), {
+    display: 'block',
+    transform: "translateY(var(--".concat(splitterBarPreviewOffsetVar, "))")
+  }))), "".concat(splitBarCls, "-dragger"), {
     cursor: 'row-resize',
     width: '100%',
     height: splitTriggerSize,

package/lib/Antd5/statistic/Countdown.js

@@ -1,73 +1,20 @@
 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 = ["value", "format", "onChange", "onFinish"];
 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 } from "react/jsx-runtime";
 import * as React from 'react';
-import useForceUpdate from '../_util/hooks/useForceUpdate';
-import { cloneElement } from '../_util/reactNode';
-import Statistic from './Statistic';
-import { formatCountdown } from './utils';
-var REFRESH_INTERVAL = 1000 / 30;
-function getTime(value) {
-  return new Date(value).getTime();
-}
+import { devUseWarning } from '../_util/warning';
+import StatisticTimer from './Timer';
 var Countdown = function Countdown(props) {
-  var value = props.value,
-    _props$format = props.format,
-    format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
-    onChange = props.onChange,
-    onFinish = props.onFinish,
-    rest = _objectWithoutProperties(props, _excluded);
-  var forceUpdate = useForceUpdate();
-  var countdown = React.useRef(null);
-  var stopTimer = function stopTimer() {
-    onFinish === null || onFinish === void 0 || onFinish();
-    if (countdown.current) {
-      clearInterval(countdown.current);
-      countdown.current = null;
-    }
-  };
-  var syncTimer = function syncTimer() {
-    var timestamp = getTime(value);
-    if (timestamp >= Date.now()) {
-      countdown.current = setInterval(function () {
-        forceUpdate();
-        onChange === null || onChange === void 0 || onChange(timestamp - Date.now());
-        if (timestamp < Date.now()) {
-          stopTimer();
-        }
-      }, REFRESH_INTERVAL);
-    }
-  };
-  React.useEffect(function () {
-    syncTimer();
-    return function () {
-      if (countdown.current) {
-        clearInterval(countdown.current);
-        countdown.current = null;
-      }
-    };
-  }, [value]);
-  var formatter = function formatter(formatValue, config) {
-    return formatCountdown(formatValue, _objectSpread(_objectSpread({}, config), {}, {
-      format: format
-    }));
-  };
-  var valueRender = function valueRender(node) {
-    return cloneElement(node, {
-      title: undefined
-    });
-  };
-  return _jsx(Statistic, _objectSpread(_objectSpread({}, rest), {}, {
-    value: value,
-    valueRender: valueRender,
-    formatter: formatter
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Countdown');
+    warning.deprecated(false, '<Statistic.Countdown />', '<Statistic.Timer type="countdown" />');
+  }
+  return _jsx(StatisticTimer, _objectSpread(_objectSpread({}, props), {}, {
+    type: "countdown"
   }));
 };
 export default /*#__PURE__*/React.memo(Countdown);