@beetag/antd 4.24.16

package/lib/tooltip/style/index-pure.less

@@ -0,0 +1,224 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';
+
+@tooltip-arrow-shadow-width: 3px;
+
+@tooltip-arrow-rotate-width: sqrt(@tooltip-arrow-width * @tooltip-arrow-width * 2) +
+  @tooltip-arrow-shadow-width * 2;
+
+@tooltip-arrow-offset-vertical: 5px; // 8 - 3px
+@tooltip-arrow-offset-horizontal: 13px; // 16 - 3px
+
+// Base class
+.@{tooltip-prefix-cls} {
+  .reset-component();
+
+  position: absolute;
+  z-index: @zindex-tooltip;
+  display: block;
+  width: max-content;
+  width: intrinsic;
+  max-width: @tooltip-max-width;
+  visibility: visible;
+
+  &-content {
+    position: relative;
+  }
+
+  &-hidden {
+    display: none;
+  }
+
+  &-placement-top,
+  &-placement-topLeft,
+  &-placement-topRight {
+    padding-bottom: @tooltip-distance;
+  }
+
+  &-placement-right,
+  &-placement-rightTop,
+  &-placement-rightBottom {
+    padding-left: @tooltip-distance;
+  }
+
+  &-placement-bottom,
+  &-placement-bottomLeft,
+  &-placement-bottomRight {
+    padding-top: @tooltip-distance;
+  }
+
+  &-placement-left,
+  &-placement-leftTop,
+  &-placement-leftBottom {
+    padding-right: @tooltip-distance;
+  }
+
+  // Wrapper for the tooltip content
+  &-inner {
+    min-width: 30px;
+    min-height: 32px;
+    padding: 6px 8px;
+    color: @tooltip-color;
+    text-align: left;
+    text-decoration: none;
+    word-wrap: break-word;
+    background-color: @tooltip-bg;
+    border-radius: @border-radius-base;
+    box-shadow: @box-shadow-base;
+  }
+
+  // Arrows
+  &-arrow {
+    position: absolute;
+    z-index: 2;
+    display: block;
+    width: @tooltip-arrow-rotate-width;
+    height: @tooltip-arrow-rotate-width;
+    overflow: hidden;
+    background: transparent;
+    pointer-events: none;
+
+    &-content {
+      // Use linear gradient to mix box shadow of tooltip inner
+      --antd-arrow-background-color: linear-gradient(
+        to right bottom,
+        fadeout(@tooltip-bg, 10%),
+        @tooltip-bg
+      );
+
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: block;
+      width: @tooltip-arrow-width;
+      height: @tooltip-arrow-width;
+      margin: auto;
+      content: '';
+      pointer-events: auto;
+      .roundedArrow(@tooltip-arrow-width, 5px);
+    }
+  }
+
+  &-placement-top &-arrow,
+  &-placement-topLeft &-arrow,
+  &-placement-topRight &-arrow {
+    bottom: 0;
+    transform: translateY(100%);
+
+    &-content {
+      box-shadow: @tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
+      transform: translateY((-@tooltip-arrow-rotate-width / 2)) rotate(45deg);
+    }
+  }
+
+  &-placement-top &-arrow {
+    left: 50%;
+    transform: translateY(100%) translateX(-50%);
+  }
+
+  &-placement-topLeft &-arrow {
+    left: @tooltip-arrow-offset-horizontal;
+  }
+
+  &-placement-topRight &-arrow {
+    right: @tooltip-arrow-offset-horizontal;
+  }
+
+  &-placement-right &-arrow,
+  &-placement-rightTop &-arrow,
+  &-placement-rightBottom &-arrow {
+    left: 0;
+    transform: translateX(-100%);
+
+    &-content {
+      box-shadow: -@tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
+      transform: translateX((@tooltip-arrow-rotate-width / 2)) rotate(135deg);
+    }
+  }
+
+  &-placement-right &-arrow {
+    top: 50%;
+    transform: translateX(-100%) translateY(-50%);
+  }
+
+  &-placement-rightTop &-arrow {
+    top: @tooltip-arrow-offset-vertical;
+  }
+
+  &-placement-rightBottom &-arrow {
+    bottom: @tooltip-arrow-offset-vertical;
+  }
+
+  &-placement-left &-arrow,
+  &-placement-leftTop &-arrow,
+  &-placement-leftBottom &-arrow {
+    right: 0;
+    transform: translateX(100%);
+
+    &-content {
+      box-shadow: @tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
+      transform: translateX((-@tooltip-arrow-rotate-width / 2)) rotate(315deg);
+    }
+  }
+
+  &-placement-left &-arrow {
+    top: 50%;
+    transform: translateX(100%) translateY(-50%);
+  }
+
+  &-placement-leftTop &-arrow {
+    top: @tooltip-arrow-offset-vertical;
+  }
+
+  &-placement-leftBottom &-arrow {
+    bottom: @tooltip-arrow-offset-vertical;
+  }
+
+  &-placement-bottom &-arrow,
+  &-placement-bottomLeft &-arrow,
+  &-placement-bottomRight &-arrow {
+    top: 0;
+    transform: translateY(-100%);
+
+    &-content {
+      box-shadow: -@tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
+      transform: translateY((@tooltip-arrow-rotate-width / 2)) rotate(225deg);
+    }
+  }
+
+  &-placement-bottom &-arrow {
+    left: 50%;
+    transform: translateY(-100%) translateX(-50%);
+  }
+
+  &-placement-bottomLeft &-arrow {
+    left: @tooltip-arrow-offset-horizontal;
+  }
+
+  &-placement-bottomRight &-arrow {
+    right: @tooltip-arrow-offset-horizontal;
+  }
+}
+
+.generator-tooltip-preset-color(@i: length(@preset-colors)) when (@i > 0) {
+  .generator-tooltip-preset-color(@i - 1);
+  @color: extract(@preset-colors, @i);
+  @lightColor: '@{color}-6';
+  .@{tooltip-prefix-cls}-@{color} {
+    .@{tooltip-prefix-cls}-inner {
+      background-color: @@lightColor;
+    }
+    .@{tooltip-prefix-cls}-arrow {
+      &-content::before {
+        background: @@lightColor;
+      }
+    }
+  }
+}
+.generator-tooltip-preset-color();
+
+@import './rtl';

package/lib/tooltip/style/index.css

@@ -0,0 +1,272 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.ant-tooltip {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #262626;
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  width: -moz-max-content;
+  width: max-content;
+  width: intrinsic;
+  max-width: 400px;
+  visibility: visible;
+}
+.ant-tooltip-content {
+  position: relative;
+}
+.ant-tooltip-hidden {
+  display: none;
+}
+.ant-tooltip-placement-top,
+.ant-tooltip-placement-topLeft,
+.ant-tooltip-placement-topRight {
+  padding-bottom: 14.3137085px;
+}
+.ant-tooltip-placement-right,
+.ant-tooltip-placement-rightTop,
+.ant-tooltip-placement-rightBottom {
+  padding-left: 14.3137085px;
+}
+.ant-tooltip-placement-bottom,
+.ant-tooltip-placement-bottomLeft,
+.ant-tooltip-placement-bottomRight {
+  padding-top: 14.3137085px;
+}
+.ant-tooltip-placement-left,
+.ant-tooltip-placement-leftTop,
+.ant-tooltip-placement-leftBottom {
+  padding-right: 14.3137085px;
+}
+.ant-tooltip-inner {
+  min-width: 30px;
+  min-height: 32px;
+  padding: 6px 8px;
+  color: #fff;
+  text-align: left;
+  text-decoration: none;
+  word-wrap: break-word;
+  background-color: rgba(0, 0, 0, 0.9);
+  border-radius: 4px;
+  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12);
+}
+.ant-tooltip-arrow {
+  position: absolute;
+  z-index: 2;
+  display: block;
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  background: transparent;
+  pointer-events: none;
+}
+.ant-tooltip-arrow-content {
+  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 11.3137085px;
+  height: 11.3137085px;
+  margin: auto;
+  content: '';
+  pointer-events: auto;
+  border-radius: 0 0 2px;
+  pointer-events: none;
+}
+.ant-tooltip-arrow-content::before {
+  position: absolute;
+  top: -11.3137085px;
+  left: -11.3137085px;
+  width: 33.9411255px;
+  height: 33.9411255px;
+  background: var(--antd-arrow-background-color);
+  background-repeat: no-repeat;
+  background-position: -10px -10px;
+  content: '';
+  clip-path: inset(33% 33%);
+  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+}
+.ant-tooltip-placement-top .ant-tooltip-arrow,
+.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
+.ant-tooltip-placement-topRight .ant-tooltip-arrow {
+  bottom: 0;
+  transform: translateY(100%);
+}
+.ant-tooltip-placement-top .ant-tooltip-arrow-content,
+.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
+.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(-11px) rotate(45deg);
+}
+.ant-tooltip-placement-top .ant-tooltip-arrow {
+  left: 50%;
+  transform: translateY(100%) translateX(-50%);
+}
+.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
+  left: 13px;
+}
+.ant-tooltip-placement-topRight .ant-tooltip-arrow {
+  right: 13px;
+}
+.ant-tooltip-placement-right .ant-tooltip-arrow,
+.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
+.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
+  left: 0;
+  transform: translateX(-100%);
+}
+.ant-tooltip-placement-right .ant-tooltip-arrow-content,
+.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
+.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
+  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(11px) rotate(135deg);
+}
+.ant-tooltip-placement-right .ant-tooltip-arrow {
+  top: 50%;
+  transform: translateX(-100%) translateY(-50%);
+}
+.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
+  top: 5px;
+}
+.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
+  bottom: 5px;
+}
+.ant-tooltip-placement-left .ant-tooltip-arrow,
+.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
+.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
+  right: 0;
+  transform: translateX(100%);
+}
+.ant-tooltip-placement-left .ant-tooltip-arrow-content,
+.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
+.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
+  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(-11px) rotate(315deg);
+}
+.ant-tooltip-placement-left .ant-tooltip-arrow {
+  top: 50%;
+  transform: translateX(100%) translateY(-50%);
+}
+.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
+  top: 5px;
+}
+.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
+  bottom: 5px;
+}
+.ant-tooltip-placement-bottom .ant-tooltip-arrow,
+.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
+.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
+  top: 0;
+  transform: translateY(-100%);
+}
+.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
+.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
+.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
+  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(11px) rotate(225deg);
+}
+.ant-tooltip-placement-bottom .ant-tooltip-arrow {
+  left: 50%;
+  transform: translateY(-100%) translateX(-50%);
+}
+.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
+  left: 13px;
+}
+.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
+  right: 13px;
+}
+.ant-tooltip-pink .ant-tooltip-inner {
+  background-color: #eb2f96;
+}
+.ant-tooltip-pink .ant-tooltip-arrow-content::before {
+  background: #eb2f96;
+}
+.ant-tooltip-magenta .ant-tooltip-inner {
+  background-color: #eb2f96;
+}
+.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
+  background: #eb2f96;
+}
+.ant-tooltip-red .ant-tooltip-inner {
+  background-color: #f5222d;
+}
+.ant-tooltip-red .ant-tooltip-arrow-content::before {
+  background: #f5222d;
+}
+.ant-tooltip-volcano .ant-tooltip-inner {
+  background-color: #fa541c;
+}
+.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
+  background: #fa541c;
+}
+.ant-tooltip-orange .ant-tooltip-inner {
+  background-color: #fa8c16;
+}
+.ant-tooltip-orange .ant-tooltip-arrow-content::before {
+  background: #fa8c16;
+}
+.ant-tooltip-yellow .ant-tooltip-inner {
+  background-color: #fadb14;
+}
+.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
+  background: #fadb14;
+}
+.ant-tooltip-gold .ant-tooltip-inner {
+  background-color: #faad14;
+}
+.ant-tooltip-gold .ant-tooltip-arrow-content::before {
+  background: #faad14;
+}
+.ant-tooltip-cyan .ant-tooltip-inner {
+  background-color: #13c2c2;
+}
+.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
+  background: #13c2c2;
+}
+.ant-tooltip-lime .ant-tooltip-inner {
+  background-color: #a0d911;
+}
+.ant-tooltip-lime .ant-tooltip-arrow-content::before {
+  background: #a0d911;
+}
+.ant-tooltip-green .ant-tooltip-inner {
+  background-color: #52c41a;
+}
+.ant-tooltip-green .ant-tooltip-arrow-content::before {
+  background: #52c41a;
+}
+.ant-tooltip-blue .ant-tooltip-inner {
+  background-color: #2469F2;
+}
+.ant-tooltip-blue .ant-tooltip-arrow-content::before {
+  background: #2469F2;
+}
+.ant-tooltip-geekblue .ant-tooltip-inner {
+  background-color: #2f54eb;
+}
+.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
+  background: #2f54eb;
+}
+.ant-tooltip-purple .ant-tooltip-inner {
+  background-color: #722ed1;
+}
+.ant-tooltip-purple .ant-tooltip-arrow-content::before {
+  background: #722ed1;
+}
+.ant-tooltip-rtl {
+  direction: rtl;
+}
+.ant-tooltip-rtl .ant-tooltip-inner {
+  text-align: right;
+}

package/lib/tooltip/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/default.less';
+import './index.less';

package/lib/tooltip/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/default.less");
+require("./index.less");

package/lib/tooltip/style/index.less

@@ -0,0 +1,3 @@
+@root-entry-name: default;
+
+@import './index-pure.less';

package/lib/tooltip/style/rtl.less

@@ -0,0 +1,14 @@
+@tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';
+
+// Base class
+.@{tooltip-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+  // Wrapper for the tooltip content
+  &-inner {
+    .@{tooltip-prefix-cls}-rtl & {
+      text-align: right;
+    }
+  }
+}

package/lib/transfer/ListBody.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { KeyWiseTransferItem } from '.';
+import type { ElementOf } from '../_util/type';
+import type { RenderedItem, TransferListProps } from './list';
+export declare const OmitProps: ["handleFilter", "handleClear", "checkedKeys"];
+export type OmitProp = ElementOf<typeof OmitProps>;
+type PartialTransferListProps<RecordType> = Omit<TransferListProps<RecordType>, OmitProp>;
+export interface TransferListBodyProps<RecordType> extends PartialTransferListProps<RecordType> {
+    filteredItems: RecordType[];
+    filteredRenderItems: RenderedItem<RecordType>[];
+    selectedKeys: string[];
+}
+interface TransferListBodyState {
+    current: number;
+}
+declare class ListBody<RecordType extends KeyWiseTransferItem> extends React.Component<TransferListBodyProps<RecordType>, TransferListBodyState> {
+    state: {
+        current: number;
+    };
+    static getDerivedStateFromProps<T>({ filteredRenderItems, pagination }: TransferListBodyProps<T>, { current }: TransferListBodyState): {
+        current: number;
+    } | null;
+    onItemSelect: (item: RecordType) => void;
+    onItemRemove: (item: RecordType) => void;
+    onPageChange: (current: number) => void;
+    getItems: () => RenderedItem<RecordType>[];
+    render(): React.JSX.Element;
+}
+export default ListBody;

package/lib/transfer/ListBody.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.OmitProps = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var React = _interopRequireWildcard(require("react"));
+var _pagination = _interopRequireDefault(require("../pagination"));
+var _type = require("../_util/type");
+var _ListItem = _interopRequireDefault(require("./ListItem"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+var OmitProps = exports.OmitProps = (0, _type.tuple)('handleFilter', 'handleClear', 'checkedKeys');
+function parsePagination(pagination) {
+  if (!pagination) {
+    return null;
+  }
+  var defaultPagination = {
+    pageSize: 10,
+    simple: true,
+    showSizeChanger: false,
+    showLessItems: false
+  };
+  if ((0, _typeof2["default"])(pagination) === 'object') {
+    return (0, _extends2["default"])((0, _extends2["default"])({}, defaultPagination), pagination);
+  }
+  return defaultPagination;
+}
+var ListBody = /*#__PURE__*/function (_React$Component) {
+  function ListBody() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ListBody);
+    _this = _callSuper(this, ListBody, arguments);
+    _this.state = {
+      current: 1
+    };
+    _this.onItemSelect = function (item) {
+      var _this$props = _this.props,
+        onItemSelect = _this$props.onItemSelect,
+        selectedKeys = _this$props.selectedKeys;
+      var checked = selectedKeys.includes(item.key);
+      onItemSelect(item.key, !checked);
+    };
+    _this.onItemRemove = function (item) {
+      var onItemRemove = _this.props.onItemRemove;
+      onItemRemove === null || onItemRemove === void 0 ? void 0 : onItemRemove([item.key]);
+    };
+    _this.onPageChange = function (current) {
+      _this.setState({
+        current: current
+      });
+    };
+    _this.getItems = function () {
+      var current = _this.state.current;
+      var _this$props2 = _this.props,
+        pagination = _this$props2.pagination,
+        filteredRenderItems = _this$props2.filteredRenderItems;
+      var mergedPagination = parsePagination(pagination);
+      var displayItems = filteredRenderItems;
+      if (mergedPagination) {
+        displayItems = filteredRenderItems.slice((current - 1) * mergedPagination.pageSize, current * mergedPagination.pageSize);
+      }
+      return displayItems;
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(ListBody, _React$Component);
+  return (0, _createClass2["default"])(ListBody, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var current = this.state.current;
+      var _this$props3 = this.props,
+        prefixCls = _this$props3.prefixCls,
+        onScroll = _this$props3.onScroll,
+        filteredRenderItems = _this$props3.filteredRenderItems,
+        selectedKeys = _this$props3.selectedKeys,
+        globalDisabled = _this$props3.disabled,
+        showRemove = _this$props3.showRemove,
+        pagination = _this$props3.pagination;
+      var mergedPagination = parsePagination(pagination);
+      var paginationNode = null;
+      if (mergedPagination) {
+        paginationNode = /*#__PURE__*/React.createElement(_pagination["default"], {
+          simple: mergedPagination.simple,
+          showSizeChanger: mergedPagination.showSizeChanger,
+          showLessItems: mergedPagination.showLessItems,
+          size: "small",
+          disabled: globalDisabled,
+          className: "".concat(prefixCls, "-pagination"),
+          total: filteredRenderItems.length,
+          pageSize: mergedPagination.pageSize,
+          current: current,
+          onChange: this.onPageChange
+        });
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
+        className: (0, _classnames["default"])("".concat(prefixCls, "-content"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-content-show-remove"), showRemove)),
+        onScroll: onScroll
+      }, this.getItems().map(function (_ref) {
+        var renderedEl = _ref.renderedEl,
+          renderedText = _ref.renderedText,
+          item = _ref.item;
+        var disabled = item.disabled;
+        var checked = selectedKeys.includes(item.key);
+        return /*#__PURE__*/React.createElement(_ListItem["default"], {
+          disabled: globalDisabled || disabled,
+          key: item.key,
+          item: item,
+          renderedText: renderedText,
+          renderedEl: renderedEl,
+          checked: checked,
+          prefixCls: prefixCls,
+          onClick: _this2.onItemSelect,
+          onRemove: _this2.onItemRemove,
+          showRemove: showRemove
+        });
+      })), paginationNode);
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(_ref2, _ref3) {
+      var filteredRenderItems = _ref2.filteredRenderItems,
+        pagination = _ref2.pagination;
+      var current = _ref3.current;
+      var mergedPagination = parsePagination(pagination);
+      if (mergedPagination) {
+        // Calculate the page number
+        var maxPageCount = Math.ceil(filteredRenderItems.length / mergedPagination.pageSize);
+        if (current > maxPageCount) {
+          return {
+            current: maxPageCount
+          };
+        }
+      }
+      return null;
+    }
+  }]);
+}(React.Component);
+var _default = exports["default"] = ListBody;