rsuite 5.40.0 → 5.41.0

package/esm/Overlay/positionUtils.js

@@ -1,3 +1,4 @@
+'use client';
 import maxBy from 'lodash/maxBy';
 import minBy from 'lodash/minBy';
 import kebabCase from 'lodash/kebabCase';
@@ -14,7 +15,6 @@ export var AutoPlacement = {
   top: 'Start',
   bottom: 'End'
 };
-
 /**
  * Get the external dimensions of the container
  * @param containerNode
@@ -24,7 +24,6 @@ function getContainerDimensions(containerNode) {
   var height;
   var scrollX;
   var scrollY;
-
   if (containerNode.tagName === 'BODY') {
     width = window.innerWidth;
     height = window.innerHeight;
@@ -32,13 +31,11 @@ function getContainerDimensions(containerNode) {
     scrollX = scrollLeft(ownerDocument(containerNode).documentElement) || scrollLeft(containerNode);
   } else {
     var _ref = getOffset(containerNode);
-
     width = _ref.width;
     height = _ref.height;
     scrollY = scrollTop(containerNode);
     scrollX = scrollLeft(containerNode);
   }
-
   return {
     width: width,
     height: height,
@@ -46,87 +43,70 @@ function getContainerDimensions(containerNode) {
     scrollY: scrollY
   };
 }
-
 export default (function (props) {
   var placement = props.placement,
-      preventOverflow = props.preventOverflow,
-      padding = props.padding;
-
+    preventOverflow = props.preventOverflow,
+    padding = props.padding;
   function getTopDelta(top, overlayHeight, container) {
     if (!preventOverflow) {
       return 0;
     }
-
     var containerDimensions = getContainerDimensions(container);
     var containerHeight = containerDimensions.height,
-        scrollY = containerDimensions.scrollY;
+      scrollY = containerDimensions.scrollY;
     var topEdgeOffset = top - padding - scrollY;
     var bottomEdgeOffset = top + padding + overlayHeight - scrollY;
-
     if (topEdgeOffset < 0) {
       return -topEdgeOffset;
     } else if (bottomEdgeOffset > containerHeight) {
       return containerHeight - bottomEdgeOffset;
     }
-
     return 0;
   }
-
   function getLeftDelta(left, overlayWidth, container) {
     if (!preventOverflow) {
       return 0;
     }
-
     var containerDimensions = getContainerDimensions(container);
     var scrollX = containerDimensions.scrollX,
-        containerWidth = containerDimensions.width;
+      containerWidth = containerDimensions.width;
     var leftEdgeOffset = left - padding - scrollX;
     var rightEdgeOffset = left + padding + overlayWidth - scrollX;
-
     if (leftEdgeOffset < 0) {
       return -leftEdgeOffset;
     } else if (rightEdgeOffset > containerWidth) {
       return containerWidth - rightEdgeOffset;
     }
-
     return 0;
   }
-
   function getPositionTop(container, overlayHeight, top) {
     if (!preventOverflow) {
       return top;
     }
-
     var _getContainerDimensio = getContainerDimensions(container),
-        scrollY = _getContainerDimensio.scrollY,
-        containerHeight = _getContainerDimensio.height; // 判断 overlay 底部是否溢出，设置 top
-
-
+      scrollY = _getContainerDimensio.scrollY,
+      containerHeight = _getContainerDimensio.height; // 判断 overlay 底部是否溢出，设置 top
     if (overlayHeight + top > containerHeight + scrollY) {
       return containerHeight - overlayHeight + scrollY;
-    } // top 的最小值不能少于纵向滚动条 y 的值
-
+    }
 
+    // top 的最小值不能少于纵向滚动条 y 的值
     return Math.max(scrollY, top);
   }
-
   function getPositionLeft(container, overlayWidth, left) {
     if (!preventOverflow) {
       return left;
     }
-
     var _getContainerDimensio2 = getContainerDimensions(container),
-        scrollX = _getContainerDimensio2.scrollX,
-        containerWidth = _getContainerDimensio2.width;
-
+      scrollX = _getContainerDimensio2.scrollX,
+      containerWidth = _getContainerDimensio2.width;
     if (overlayWidth + left > containerWidth + scrollX) {
       return containerWidth - overlayWidth + scrollX;
-    } // left 的最小值不能少于横向滚动条 x 的值
-
+    }
 
+    // left 的最小值不能少于横向滚动条 x 的值
     return Math.max(scrollX, left);
   }
-
   return {
     getPosition: function getPosition(target, container) {
       var offset = container.tagName === 'BODY' ? getOffset(target) : _getPosition(target, container, false);
@@ -134,40 +114,34 @@ export default (function (props) {
     },
     getCursorOffsetPosition: function getCursorOffsetPosition(target, container, cursorPosition) {
       var left = cursorPosition.left,
-          top = cursorPosition.top,
-          clientLeft = cursorPosition.clientLeft,
-          clientTop = cursorPosition.clientTop;
+        top = cursorPosition.top,
+        clientLeft = cursorPosition.clientLeft,
+        clientTop = cursorPosition.clientTop;
       var offset = {
         left: left,
         top: top,
         width: 10,
         height: 10
       };
-
       if (getStyle(target, 'position') === 'fixed') {
         offset.left = clientLeft;
         offset.top = clientTop;
         return offset;
       }
-
       if (container.tagName === 'BODY') {
         return offset;
       }
-
       var containerOffset = {
         top: 0,
         left: 0
       };
-
       if (nodeName(container) !== 'html') {
         var nextParentOffset = getOffset(container);
-
         if (nextParentOffset) {
           containerOffset.top = nextParentOffset.top;
           containerOffset.left = nextParentOffset.left;
         }
       }
-
       containerOffset.top += parseInt(getStyle(container, 'borderTopWidth'), 10) - scrollTop(container) || 0;
       containerOffset.left += parseInt(getStyle(container, 'borderLeftWidth'), 10) - scrollLeft(container) || 0;
       offset.left = left - containerOffset.left;
@@ -176,11 +150,10 @@ export default (function (props) {
     },
     calcAutoPlacement: function calcAutoPlacement(targetOffset, container, overlay) {
       var _getContainerDimensio3 = getContainerDimensions(container),
-          width = _getContainerDimensio3.width,
-          height = _getContainerDimensio3.height,
-          scrollX = _getContainerDimensio3.scrollX,
-          scrollY = _getContainerDimensio3.scrollY;
-
+        width = _getContainerDimensio3.width,
+        height = _getContainerDimensio3.height,
+        scrollX = _getContainerDimensio3.scrollX,
+        scrollY = _getContainerDimensio3.scrollY;
       var left = targetOffset.left - scrollX - overlay.width;
       var top = targetOffset.top - scrollY - overlay.height;
       var right = width - targetOffset.left - targetOffset.width + scrollX - overlay.width;
@@ -203,7 +176,6 @@ export default (function (props) {
       var AH = 'autoHorizontal';
       var direction;
       var align;
-
       if (placement.indexOf(AV) !== -1) {
         direction = maxBy(vertical, function (o) {
           return o.value;
@@ -215,16 +187,14 @@ export default (function (props) {
         });
         return placement === AH ? direction.key : "" + direction.key + placement.replace(AH, '');
       }
+
       /**
        * Precedence Vertical
        * [...vertical, ...horizontal]
        */
-
-
       direction = maxBy([].concat(vertical, horizontal), function (o) {
         return o.value;
       });
-
       if (direction.key === 'left' || direction.key === 'right') {
         align = minBy(vertical, function (o) {
           return o.value;
@@ -234,33 +204,27 @@ export default (function (props) {
           return o.value;
         });
       }
-
       return "" + direction.key + AutoPlacement[align.key];
     },
     // Calculate the position of the overlay
     calcOverlayPosition: function calcOverlayPosition(overlayNode, target, container, cursorPosition) {
       var childOffset = cursorPosition ? this.getCursorOffsetPosition(target, container, cursorPosition) : this.getPosition(target, container);
-
       var _ref2 = getOffset(overlayNode),
-          overlayHeight = _ref2.height,
-          overlayWidth = _ref2.width;
-
+        overlayHeight = _ref2.height,
+        overlayWidth = _ref2.width;
       var top = childOffset.top,
-          left = childOffset.left;
+        left = childOffset.left;
       var nextPlacement = placement;
-
       if (placement && placement.indexOf('auto') >= 0) {
         nextPlacement = this.calcAutoPlacement(childOffset, container, {
           height: overlayHeight,
           width: overlayWidth
         });
       }
-
       var positionLeft;
       var positionTop;
       var arrowOffsetLeft;
       var arrowOffsetTop;
-
       if (nextPlacement === 'left' || nextPlacement === 'right') {
         positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;
         var topDelta = getTopDelta(positionTop, overlayHeight, container);
@@ -274,23 +238,18 @@ export default (function (props) {
         arrowOffsetLeft = 50 * (1 - 2 * leftDelta / overlayWidth) + "%";
         arrowOffsetTop = undefined;
       }
-
       if (nextPlacement === 'top' || nextPlacement === 'topStart' || nextPlacement === 'topEnd') {
         positionTop = getPositionTop(container, overlayHeight, childOffset.top - overlayHeight);
       }
-
       if (nextPlacement === 'bottom' || nextPlacement === 'bottomStart' || nextPlacement === 'bottomEnd') {
         positionTop = getPositionTop(container, overlayHeight, childOffset.top + childOffset.height);
       }
-
       if (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd') {
         positionLeft = getPositionLeft(container, overlayWidth, childOffset.left - overlayWidth);
       }
-
       if (nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd') {
         positionLeft = getPositionLeft(container, overlayWidth, childOffset.left + childOffset.width);
       }
-
       if (document.dir === 'rtl' && (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd' || nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd')) {
         /**
          * When laying out in rtl, if the width of the container
@@ -298,13 +257,11 @@ export default (function (props) {
          * you need to recalculate the left value.
          */
         var _getContainerDimensio4 = getContainerDimensions(container),
-            containerWidth = _getContainerDimensio4.width;
-
+          containerWidth = _getContainerDimensio4.width;
         if (container.scrollWidth > containerWidth) {
           positionLeft = containerWidth + positionLeft - container.scrollWidth;
         }
       }
-
       if (nextPlacement === 'topStart' || nextPlacement === 'bottomStart') {
         if (document.dir === 'rtl') {
           var nextLeft = left + (childOffset.width - overlayWidth);
@@ -313,26 +270,21 @@ export default (function (props) {
           positionLeft = left + getLeftDelta(left, overlayWidth, container);
         }
       }
-
       if (nextPlacement === 'topEnd' || nextPlacement === 'bottomEnd') {
         if (document.dir === 'rtl') {
           positionLeft = left + getLeftDelta(left, overlayWidth, container);
         } else {
           var _nextLeft = left + (childOffset.width - overlayWidth);
-
           positionLeft = _nextLeft + getLeftDelta(_nextLeft, overlayWidth, container);
         }
       }
-
       if (nextPlacement === 'leftStart' || nextPlacement === 'rightStart') {
         positionTop = top + getTopDelta(top, overlayHeight, container);
       }
-
       if (nextPlacement === 'leftEnd' || nextPlacement === 'rightEnd') {
         var nextTop = top + (childOffset.height - overlayHeight);
         positionTop = nextTop + getTopDelta(nextTop, overlayHeight, container);
       }
-
       return {
         positionLeft: positionLeft,
         positionTop: positionTop,

package/esm/Pagination/Pagination.js

@@ -1,9 +1,8 @@
+'use client';
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import More from '@rsuite/icons/legacy/More';
@@ -22,49 +21,43 @@ var PAGINATION_ICONS = {
 };
 var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'pagination' : _props$classPrefix,
-      disabledProp = props.disabled,
-      overrideLocale = props.locale,
-      _props$activePage = props.activePage,
-      activePage = _props$activePage === void 0 ? 1 : _props$activePage,
-      maxButtons = props.maxButtons,
-      _props$pages = props.pages,
-      pages = _props$pages === void 0 ? 1 : _props$pages,
-      ellipsis = props.ellipsis,
-      boundaryLinks = props.boundaryLinks,
-      first = props.first,
-      prev = props.prev,
-      next = props.next,
-      last = props.last,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'xs' : _props$size,
-      linkAs = props.linkAs,
-      linkProps = props.linkProps,
-      onSelect = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "disabled", "locale", "activePage", "maxButtons", "pages", "ellipsis", "boundaryLinks", "first", "prev", "next", "last", "size", "linkAs", "linkProps", "onSelect"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'pagination' : _props$classPrefix,
+    disabledProp = props.disabled,
+    overrideLocale = props.locale,
+    _props$activePage = props.activePage,
+    activePage = _props$activePage === void 0 ? 1 : _props$activePage,
+    maxButtons = props.maxButtons,
+    _props$pages = props.pages,
+    pages = _props$pages === void 0 ? 1 : _props$pages,
+    ellipsis = props.ellipsis,
+    boundaryLinks = props.boundaryLinks,
+    first = props.first,
+    prev = props.prev,
+    next = props.next,
+    last = props.last,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'xs' : _props$size,
+    linkAs = props.linkAs,
+    linkProps = props.linkProps,
+    onSelect = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "disabled", "locale", "activePage", "maxButtons", "pages", "ellipsis", "boundaryLinks", "first", "prev", "next", "last", "size", "linkAs", "linkProps", "onSelect"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var _useCustom = useCustom('Pagination', overrideLocale),
-      locale = _useCustom.locale;
-
+    locale = _useCustom.locale;
   var renderItem = useCallback(function (key, itemProps) {
     var eventKey = itemProps.eventKey,
-        disabled = itemProps.disabled,
-        itemRest = _objectWithoutPropertiesLoose(itemProps, ["eventKey", "disabled"]);
-
+      disabled = itemProps.disabled,
+      itemRest = _objectWithoutPropertiesLoose(itemProps, ["eventKey", "disabled"]);
     var disabledItem = disabled;
-
     if (typeof disabledProp !== 'undefined') {
       disabledItem = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;
     }
-
     var title = (locale === null || locale === void 0 ? void 0 : locale[key]) || eventKey;
     return /*#__PURE__*/React.createElement(PaginationButton, _extends({
       "aria-label": title,
@@ -77,12 +70,10 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onSelect: disabledItem ? undefined : onSelect
     }));
   }, [disabledProp, linkAs, linkProps, locale, onSelect]);
-
   var renderFirst = function renderFirst() {
     if (!first) {
       return null;
     }
-
     return renderItem('first', {
       eventKey: 1,
       disabled: activePage === 1,
@@ -91,12 +82,10 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, first === true ? PAGINATION_ICONS.first : first)
     });
   };
-
   var renderPrev = function renderPrev() {
     if (!prev) {
       return null;
     }
-
     return renderItem('prev', {
       eventKey: activePage - 1,
       disabled: activePage === 1,
@@ -105,22 +94,18 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, prev === true ? PAGINATION_ICONS.prev : prev)
     });
   };
-
   var renderPageButtons = function renderPageButtons() {
     var pageButtons = [];
     var startPage;
     var endPage;
     var hasHiddenPagesAfter;
-
     if (maxButtons) {
       var hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);
       startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;
       hasHiddenPagesAfter = startPage + maxButtons <= pages;
-
       if (!hasHiddenPagesAfter) {
         endPage = pages;
         startPage = pages - maxButtons + 1;
-
         if (startPage < 1) {
           startPage = 1;
         }
@@ -131,7 +116,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       startPage = 1;
       endPage = pages;
     }
-
     for (var pagenumber = startPage; pagenumber <= endPage; pagenumber += 1) {
       pageButtons.push(renderItem(pagenumber, {
         eventKey: pagenumber,
@@ -139,7 +123,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
         children: pagenumber
       }));
     }
-
     if (boundaryLinks && ellipsis && startPage !== 1) {
       pageButtons.unshift(renderItem('more', {
         eventKey: 'ellipsisFirst',
@@ -153,7 +136,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
         children: 1
       }));
     }
-
     if (maxButtons && hasHiddenPagesAfter && ellipsis) {
       pageButtons.push(renderItem('more', {
         eventKey: 'ellipsis',
@@ -162,7 +144,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
           className: prefix(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["symbol"])))
         }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)
       }));
-
       if (boundaryLinks && endPage !== pages) {
         pageButtons.push(renderItem(pages, {
           eventKey: pages,
@@ -171,15 +152,12 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }));
       }
     }
-
     return pageButtons;
   };
-
   var renderNext = function renderNext() {
     if (!next) {
       return null;
     }
-
     return renderItem('next', {
       eventKey: activePage + 1,
       disabled: activePage >= pages,
@@ -188,12 +166,10 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, next === true ? PAGINATION_ICONS.next : next)
     });
   };
-
   var renderLast = function renderLast() {
     if (!last) {
       return null;
     }
-
     return renderItem('last', {
       eventKey: pages,
       disabled: activePage >= pages,
@@ -202,7 +178,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, last === true ? PAGINATION_ICONS.last : last)
     });
   };
-
   var classes = merge(className, withClassPrefix(size));
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/Pagination/PaginationButton.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback } from 'react';
@@ -6,23 +7,21 @@ import Ripple from '../Ripple';
 import { useClassNames, createChainedFunction } from '../utils';
 var PaginationButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'button' : _props$as,
-      active = props.active,
-      disabled = props.disabled,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'pagination-btn' : _props$classPrefix,
-      children = props.children,
-      eventKey = props.eventKey,
-      style = props.style,
-      onSelect = props.onSelect,
-      onClick = props.onClick,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "className", "classPrefix", "children", "eventKey", "style", "onSelect", "onClick"]);
-
+    Component = _props$as === void 0 ? 'button' : _props$as,
+    active = props.active,
+    disabled = props.disabled,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'pagination-btn' : _props$classPrefix,
+    children = props.children,
+    eventKey = props.eventKey,
+    style = props.style,
+    onSelect = props.onSelect,
+    onClick = props.onClick,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "className", "classPrefix", "children", "eventKey", "style", "onSelect", "onClick"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix({
     active: active,
     disabled: disabled
@@ -31,16 +30,13 @@ var PaginationButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (disabled) {
       return;
     }
-
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
   }, [disabled, eventKey, onSelect]);
   var asProps = {};
-
   if (typeof Component !== 'string') {
     asProps.eventKey = eventKey;
     asProps.active = active;
   }
-
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, asProps, {
     disabled: disabled,
     onClick: createChainedFunction(onClick, handleClick),