@lemon-fe/components 0.1.119 → 0.1.123

package/es/Actions/index.js

@@ -1,47 +1,32 @@
 var _excluded = ["disabled", "dropDown", "text", "onClick", "icon", "action"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { Fragment, useState } from 'react';
 import { Space, Dropdown, Menu, Button, Popover } from 'antd';
 import classNames from 'classnames';
 import Icons from '../Icons';
 import { PREFIX_CLS } from '../constants';
-
 function Actions(props) {
   var actions = props.actions,
-      className = props.className,
-      style = props.style,
-      _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? PREFIX_CLS : _props$prefixCls,
-      _props$maxShowCount = props.maxShowCount,
-      maxShowCount = _props$maxShowCount === void 0 ? 3 : _props$maxShowCount;
-
+    className = props.className,
+    style = props.style,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? PREFIX_CLS : _props$prefixCls,
+    _props$maxShowCount = props.maxShowCount,
+    maxShowCount = _props$maxShowCount === void 0 ? 3 : _props$maxShowCount;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   var visibleBtns = actions.slice(0, maxShowCount);
   var collapsedBtns = actions.slice(maxShowCount);
   return /*#__PURE__*/React.createElement("div", {
@@ -54,29 +39,24 @@ function Actions(props) {
     if (item === null) {
       return item;
     }
-
     if ( /*#__PURE__*/React.isValidElement(item)) {
       return /*#__PURE__*/React.createElement(Fragment, {
         key: index
       }, item);
     }
-
     var disabled = item.disabled,
-        dropDown = item.dropDown,
-        text = item.text,
-        onClick = item.onClick,
-        icon = item.icon,
-        action = item.action,
-        rest = _objectWithoutProperties(item, _excluded);
-
+      dropDown = item.dropDown,
+      text = item.text,
+      onClick = item.onClick,
+      icon = item.icon,
+      action = item.action,
+      rest = _objectWithoutProperties(item, _excluded);
     if ( /*#__PURE__*/React.isValidElement(text)) {
       return /*#__PURE__*/React.createElement(Fragment, {
         key: index
       }, text);
     }
-
     var handleClick = onClick || action;
-
     if (Array.isArray(dropDown)) {
       var overlay = /*#__PURE__*/React.createElement(Menu, null, dropDown.map(function (subItem) {
         if (subItem) {
@@ -89,7 +69,6 @@ function Actions(props) {
           }, subItem.text);
         }
       }));
-
       if (handleClick !== undefined) {
         return /*#__PURE__*/React.createElement(Dropdown.Button, {
           key: text,
@@ -98,16 +77,14 @@ function Actions(props) {
           onClick: handleClick,
           buttonsRender: function buttonsRender(_ref) {
             var _ref2 = _slicedToArray(_ref, 2),
-                leftBtn = _ref2[0],
-                _ = _ref2[1];
-
+              leftBtn = _ref2[0],
+              _ = _ref2[1];
             return [leftBtn, /*#__PURE__*/React.createElement(Button, {
               icon: /*#__PURE__*/React.createElement(Icons.More, null)
             })];
           }
         }, text);
       }
-
       return /*#__PURE__*/React.createElement(Dropdown, {
         key: text,
         disabled: disabled,
@@ -123,7 +100,6 @@ function Actions(props) {
         }
       })));
     }
-
     return /*#__PURE__*/React.createElement(Button, _objectSpread({
       key: text,
       disabled: disabled,
@@ -140,13 +116,11 @@ function Actions(props) {
       if (item === null) {
         return item;
       }
-
       if ( /*#__PURE__*/React.isValidElement(item)) {
         return /*#__PURE__*/React.createElement(Fragment, {
           key: index
         }, item);
       }
-
       var disabled = item.disabled;
       return /*#__PURE__*/React.createElement("div", {
         className: classNames("".concat(prefixCls, "-actions-popover-item"), _defineProperty({}, "".concat(prefixCls, "-actions-popover-item-disabled"), disabled)),
@@ -155,7 +129,6 @@ function Actions(props) {
           if (!disabled) {
             var handleClick = item.onClick || item.action;
             setVisible(false);
-
             if (handleClick) {
               handleClick();
             }
@@ -167,5 +140,4 @@ function Actions(props) {
     icon: /*#__PURE__*/React.createElement(Icons.More, null)
   })) : null));
 }
-
 export default Actions;

package/es/Actions/index.less

@@ -1,21 +1,19 @@
-@import '../theme.less';
-
 .@{prefixCls}-actions {
   &-popover {
-    &.ant-popover {
+    &.@{ant-prefix}-popover {
       padding-top: 0;
     }
 
-    .ant-popover-inner {
+    .@{ant-prefix}-popover-inner {
       padding: 8px 0;
       border-radius: 8px;
     }
 
-    .ant-popover-inner-content {
+    .@{ant-prefix}-popover-inner-content {
       padding: 0;
     }
 
-    .ant-popover-arrow {
+    .@{ant-prefix}-popover-arrow {
       display: none;
     }
 
@@ -47,7 +45,7 @@
     }
   }
 
-  .ant-btn:not(.ant-btn-icon-only) {
+  .@{ant-prefix}-btn:not(.@{ant-prefix}-btn-icon-only) {
     min-width: 80px;
     padding: 4px 12px;
 
@@ -58,7 +56,7 @@
     }
   }
 
-  .ant-btn-default {
+  .@{ant-prefix}-btn-default {
     .@{prefixCls}-symbol-icon {
       opacity: 0.7;
     }

package/es/BaseTable/Actions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { RowAction } from './typings';
 interface Props<T> {
     actions: (RowAction<T> | null)[] | ((record: T, index: number) => (RowAction<T> | null)[]);

package/es/BaseTable/Actions.js

@@ -1,17 +1,10 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useRef, useState } from 'react';
 import classNames from 'classnames';
 import { createPortal } from 'react-dom';
@@ -19,55 +12,44 @@ import { PREFIX_CLS } from '../constants';
 import Icons from '../Icons';
 export default function Actions(props) {
   var actionsProp = props.actions,
-      row = props.row,
-      index = props.index;
-
+    row = props.row,
+    index = props.index;
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      pop = _useState2[0],
-      setPop = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    pop = _useState2[0],
+    setPop = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
   var prefixCls = "".concat(PREFIX_CLS, "-table-operator");
   var ref = useRef(null);
-
   var openPop = function openPop(data) {
     setPop(data);
     setTimeout(function () {
       setVisible(true);
     }, 16);
   };
-
   var closePop = function closePop() {
     if (visible === false) {
       setPop(null);
       return;
     }
-
     if (ref.current !== null) {
       var node = ref.current;
       setVisible(false);
-
       var handler = function handler() {
         node.removeEventListener('transitionend', handler);
         setPop(null);
       };
-
       node.addEventListener('transitionend', handler);
     }
   };
-
   var actions = typeof actionsProp === 'function' ? actionsProp(row, index) : actionsProp;
-
   var getKey = function getKey(item, idx) {
     var key = item.key || (typeof item.text === 'string' ? item.text : idx);
     return key;
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls,
     onMouseLeave: closePop
@@ -75,7 +57,6 @@ export default function Actions(props) {
     if (item === null) {
       return null;
     }
-
     var key = getKey(item, idx);
     var dropDown = item.dropDown ? item.dropDown.filter(function (item) {
       return item !== null;
@@ -92,7 +73,6 @@ export default function Actions(props) {
         if (item.disabled) {
           return;
         }
-
         if (dropDown.length > 0) {
           var rect = e.target.getBoundingClientRect();
           openPop({
@@ -103,7 +83,6 @@ export default function Actions(props) {
           });
         } else {
           var _item$onClick;
-
           (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, row, index);
         }
       }
@@ -126,7 +105,6 @@ export default function Actions(props) {
       onClick: function onClick() {
         if (!item.disabled) {
           var _item$onClick2;
-
           closePop();
           (_item$onClick2 = item.onClick) === null || _item$onClick2 === void 0 ? void 0 : _item$onClick2.call(item, row, index);
         }

package/es/BaseTable/ResizeHeaderCell.js

@@ -1,110 +1,83 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useState, useRef, useEffect } from 'react';
 import { Resizable } from 'react-resizable';
 export default function ResizeHeaderCell(props) {
   var children = props.children,
-      prefixCls = props.prefixCls,
-      fullTableRef = props.fullTableRef,
-      width = props.width,
-      onChange = props.onChange;
-
+    prefixCls = props.prefixCls,
+    fullTableRef = props.fullTableRef,
+    width = props.width,
+    onChange = props.onChange;
   var _useState = useState(width),
-      _useState2 = _slicedToArray(_useState, 2),
-      size = _useState2[0],
-      setSize = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    size = _useState2[0],
+    setSize = _useState2[1];
   var indicator = useRef();
   var handle = useRef(null);
-
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      offset = _useState4[0],
-      setOffset = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    offset = _useState4[0],
+    setOffset = _useState4[1];
   useEffect(function () {
     setSize(width);
   }, [width]);
-
   var getTable = function getTable() {
     if (fullTableRef.current === null) {
       return null;
     }
-
     return fullTableRef.current.querySelector('.ant-table');
   };
-
   var handleResizeStart = function handleResizeStart() {
     var table = getTable();
-
     if (table === null) {
       return;
     }
-
     var elm = document.createElement('div');
     elm.style.height = "".concat(table.offsetHeight || 0, "px");
     elm.classList.add("".concat(prefixCls, "-resizable-indicator"));
-
     if (table) {
       table.appendChild(elm);
       table.classList.add("".concat(prefixCls, "-resizing-col"));
       indicator.current = elm;
-
       if (handle.current !== null) {
         var _handle$current = handle.current,
-            parent = _handle$current.offsetParent,
-            left = _handle$current.offsetLeft;
+          parent = _handle$current.offsetParent,
+          left = _handle$current.offsetLeft;
         var node = handle.current.parentNode;
-
         while (node !== null && node !== table) {
           left -= node.scrollLeft;
-
           if (node === parent) {
             left += node.offsetLeft;
             parent = node.offsetParent;
           }
-
           node = node.parentNode;
         }
-
         setOffset(left - size);
         indicator.current.style.left = "".concat(left, "px");
       }
     }
   };
-
   var handleResizeStop = function handleResizeStop() {
     var table = getTable();
-
     if (table !== null && indicator.current !== undefined) {
       table.removeChild(indicator.current);
       table.classList.remove("".concat(prefixCls, "-resizing-col"));
-
       if (onChange) {
         onChange(size);
       }
     }
   };
-
   var handleResize = function handleResize(e, data) {
     e.preventDefault();
-
     if (indicator.current) {
       setSize(data.size.width);
       indicator.current.style.left = "".concat(offset + data.size.width, "px");
     }
   };
-
   return /*#__PURE__*/React.createElement(Resizable, {
     width: size,
     height: 0,

package/es/BaseTable/VirtualBody.js

@@ -1,27 +1,15 @@
 var _excluded = ["children"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { useThrottle } from '@lemon-fe/hooks';
 import { get } from 'lodash';
@@ -29,47 +17,35 @@ import BaseTableContext from './BaseTableContext';
 import { PREFIX_CLS } from '../constants';
 export default function VirtualList(props) {
   var children = props.children,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    restProps = _objectWithoutProperties(props, _excluded);
   var ref = useRef(null);
-
   var _useContext = useContext(BaseTableContext),
-      scrollY = _useContext.scrollY,
-      _useContext$rowHeight = _useContext.rowHeight,
-      rowHeight = _useContext$rowHeight === void 0 ? 37 : _useContext$rowHeight;
-
+    scrollY = _useContext.scrollY,
+    _useContext$rowHeight = _useContext.rowHeight,
+    rowHeight = _useContext$rowHeight === void 0 ? 37 : _useContext$rowHeight;
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      range = _useState2[0],
-      setRange = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    range = _useState2[0],
+    setRange = _useState2[1];
   var getRange = function getRange() {
     var height = Number(scrollY);
-
     if (isNaN(height)) {
       return null;
     }
-
     var body = ref.current;
-
     if (body === null) {
       return null;
     }
-
     var scroller = body.closest('.ant-table-body');
-
     if (scroller === null) {
       return null;
     }
-
     var pageSize = Math.ceil(height / rowHeight);
     var offset = Math.round(scroller.scrollTop / rowHeight);
     var start = offset - Math.floor(pageSize / 2);
-
     if (start < 0) {
       start = 0;
     }
-
     var end = offset + pageSize + Math.ceil(pageSize / 2) - 1;
     var bufferSpace = height * 0.3;
     return {
@@ -79,21 +55,16 @@ export default function VirtualList(props) {
       isBottom: body.offsetHeight + body.offsetTop - (scroller.scrollTop + height) <= bufferSpace
     };
   };
-
   var handleScroll = useThrottle(function () {
     var mRange = getRange();
-
     if (mRange === null) {
       return;
     }
-
     var isTop = mRange.isTop,
-        isBottom = mRange.isBottom;
-
+      isBottom = mRange.isBottom;
     if (!isTop && !isBottom) {
       return;
     }
-
     setRange(mRange);
   }, 300, {
     trailing: true
@@ -103,45 +74,35 @@ export default function VirtualList(props) {
   }, [get(children, ['1', 'length']), rowHeight, scrollY]);
   var render = useMemo(function () {
     var _children = _slicedToArray(children, 2),
-        measureRow = _children[0],
-        rows = _children[1];
-
+      measureRow = _children[0],
+      rows = _children[1];
     if (!Array.isArray(rows)) {
       return [children, 0, 0];
     }
-
     if (range === null) {
       return [measureRow, 0, 0];
     }
-
     var list = [];
     var max = rows.length - 1;
     var start = range.start,
-        end = range.end;
-
+      end = range.end;
     if (end > max) {
       end = max;
     }
-
     for (var i = start; i <= end; i += 1) {
       list.push(rows[i]);
     }
-
     return [[measureRow, list], start * rowHeight, (max - end) * rowHeight];
   }, [children, range]);
   useEffect(function () {
     var _ref$current;
-
     if (ref.current === null) {
       return;
     }
-
     var tableBody = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.closest('.ant-table-body');
-
     if (tableBody === null) {
       return;
     }
-
     tableBody.addEventListener('scroll', handleScroll);
     return function () {
       tableBody.removeEventListener('scroll', handleScroll);

package/es/BaseTable/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference path="../../typings.d.ts" />
+/// <reference types="react" />
 import { Table as AntdTable } from 'antd';
 import type { BaseTableProps } from './typings';
 interface BaseTableType {