linkmore-design 1.0.16 → 1.0.19

package/dist/index.umd.js

@@ -26301,7 +26301,7 @@
 
 	  var handleSure = function handleSure() {
 	    setFilterValue(checkedValues);
-	  }; // 清空
+	  }; // 取消
 
 
 	  var handleReset = function handleReset() {
@@ -26370,12 +26370,12 @@
 	    }, item.label));
 	  }), !options.length && /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "filter_empty"
-	  }, "\u6682\u65E0\u6570\u636E")), isSearch && /*#__PURE__*/React__default['default'].createElement("div", {
+	  }, "\u6682\u65E0\u6570\u636E")), /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "filter_footer"
 	  }, /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "footer_clear",
 	    onClick: handleReset
-	  }, "\u6E05\u7A7A"), /*#__PURE__*/React__default['default'].createElement(linkmoreDesign.Button, {
+	  }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(linkmoreDesign.Button, {
 	    type: "primary",
 	    disabled: !checkedValues.length,
 	    size: "small",
@@ -26602,29 +26602,34 @@
 	  var _useState15 = React.useState(getFilterValue || itemProps.multiple ? [] : ''),
 	      _useState16 = _slicedToArray(_useState15, 2),
 	      checkedValues = _useState16[0],
-	      setCheckedValues = _useState16[1];
+	      setCheckedValues = _useState16[1]; // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
 
-	  var isSearch = React.useMemo(function () {
-	    return filters.length > 8;
-	  }, [filters.length]);
 
 	  var handleFilter = function handleFilter(val) {
 	    setOptions(filters.filter(function (v) {
 	      return v.label.indexOf(val) > -1;
 	    }));
-	  };
+	  }; // 重置级联弹框
+
 
 	  var dropdownRender = function dropdownRender(menus) {
 	    var inputRef = React.useRef(null); // 确定
 
 	    var handleSure = function handleSure() {
-	      setFilterValue(checkedValues);
-	    }; // 清空
+	      setFilterValue(itemProps.multiple ? checkedValues.map(function (v) {
+	        return v[v.length - 1];
+	      }) : checkedValues);
+	      setVisible(false);
+	    }; // 取消
 
 
 	    var handleReset = function handleReset() {
-	      inputRef.current.input.value = '';
+	      if (inputRef.current) {
+	        inputRef.current.input.value = '';
+	      }
+
 	      setFilterValue(undefined);
+	      setCheckedValues(itemProps.multiple ? [] : '');
 	    };
 
 	    return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -26640,15 +26645,16 @@
 	      onChange: lodash.debounce(function (e) {
 	        return handleFilter(e.target.value);
 	      }, 500)
-	    })), menus, isSearch && /*#__PURE__*/React__default['default'].createElement("div", {
+	    })), menus, itemProps.multiple && /*#__PURE__*/React__default['default'].createElement("div", {
 	      className: "filter_footer"
 	    }, /*#__PURE__*/React__default['default'].createElement("div", {
 	      className: "footer_clear",
 	      onClick: handleReset
-	    }, "\u6E05\u7A7A"), /*#__PURE__*/React__default['default'].createElement(linkmoreDesign.Button, {
+	    }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(linkmoreDesign.Button, {
 	      type: "primary",
 	      size: "small",
-	      onClick: handleSure
+	      onClick: handleSure,
+	      disabled: !(checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.length)
 	    }, "\u786E\u5B9A")));
 	  };
 
@@ -26671,9 +26677,6 @@
 	      });
 	      var showLabel = arr.length < 3 ? arr.join('、') : "".concat(arr[0], "\u3001+").concat(arr.length);
 	      setText(showLabel);
-	      setFilterValue(item.map(function (v) {
-	        return v[v.length - 1];
-	      }));
 	      setCheckedValues(item);
 	    } else {
 	      setText(selectedOptions.map(function (v) {
@@ -26697,7 +26700,8 @@
 	    options: options,
 	    value: checkedValues,
 	    onChange: onChange,
-	    showCheckedStrategy: "Cascader.SHOW_CHILD",
+	    open: visible // showCheckedStrategy="Cascader.SHOW_CHILD"
+	    ,
 	    dropdownRender: dropdownRender,
 	    onDropdownVisibleChange: function onDropdownVisibleChange(v) {
 	      return setVisible(v);
@@ -26713,7 +26717,7 @@
 	    className: "filter_item_value"
 	  }, /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "checked"
-	  }, text), /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	  }, isFiltering ? text : '全部'), /*#__PURE__*/React__default['default'].createElement(IconFont, {
 	    type: isFiltering ? 'lmweb-close-circle-fill' : 'lmweb-down',
 	    className: "addonAfter",
 	    onClick: handleClear
@@ -27722,7 +27726,9 @@
 	    'cascader': /*#__PURE__*/React__default['default'].createElement(CascaderFilter$1, _extends({
 	      options: options
 	    }, resetProps)),
-	    'input': /*#__PURE__*/React__default['default'].createElement(_Input__default['default'], resetProps)
+	    'input': /*#__PURE__*/React__default['default'].createElement(_Input__default['default'], _extends({
+	      placeholder: "\u8BF7\u8F93\u5165"
+	    }, resetProps))
 	  };
 	  return obj[type] || null;
 	};
@@ -65214,159 +65220,105 @@
 
 	ProviderWarp.Summary = _Table__default['default'].Summary;
 
-	var classCallCheck = createCommonjsModule(function (module) {
-	function _classCallCheck(instance, Constructor) {
+	var classCallCheck = function (instance, Constructor) {
 	  if (!(instance instanceof Constructor)) {
 	    throw new TypeError("Cannot call a class as a function");
 	  }
-	}
-
-	module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
-
-	var _classCallCheck$7 = /*@__PURE__*/getDefaultExportFromCjs(classCallCheck);
+	};
 
-	var createClass = createCommonjsModule(function (module) {
-	function _defineProperties(target, props) {
-	  for (var i = 0; i < props.length; i++) {
-	    var descriptor = props[i];
-	    descriptor.enumerable = descriptor.enumerable || false;
-	    descriptor.configurable = true;
-	    if ("value" in descriptor) descriptor.writable = true;
-	    Object.defineProperty(target, descriptor.key, descriptor);
+	var createClass = function () {
+	  function defineProperties(target, props) {
+	    for (var i = 0; i < props.length; i++) {
+	      var descriptor = props[i];
+	      descriptor.enumerable = descriptor.enumerable || false;
+	      descriptor.configurable = true;
+	      if ("value" in descriptor) descriptor.writable = true;
+	      Object.defineProperty(target, descriptor.key, descriptor);
+	    }
 	  }
-	}
 
-	function _createClass(Constructor, protoProps, staticProps) {
-	  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-	  if (staticProps) _defineProperties(Constructor, staticProps);
-	  Object.defineProperty(Constructor, "prototype", {
-	    writable: false
-	  });
-	  return Constructor;
-	}
-
-	module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
+	  return function (Constructor, protoProps, staticProps) {
+	    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+	    if (staticProps) defineProperties(Constructor, staticProps);
+	    return Constructor;
+	  };
+	}();
 
-	var _createClass$7 = /*@__PURE__*/getDefaultExportFromCjs(createClass);
+	var _extends$7 = Object.assign || function (target) {
+	  for (var i = 1; i < arguments.length; i++) {
+	    var source = arguments[i];
 
-	var setPrototypeOf = createCommonjsModule(function (module) {
-	function _setPrototypeOf(o, p) {
-	  module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-	    o.__proto__ = p;
-	    return o;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	  return _setPrototypeOf(o, p);
-	}
+	    for (var key in source) {
+	      if (Object.prototype.hasOwnProperty.call(source, key)) {
+	        target[key] = source[key];
+	      }
+	    }
+	  }
 
-	module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
+	  return target;
+	};
 
-	var inherits = createCommonjsModule(function (module) {
-	function _inherits(subClass, superClass) {
+	var inherits = function (subClass, superClass) {
 	  if (typeof superClass !== "function" && superClass !== null) {
-	    throw new TypeError("Super expression must either be null or a function");
+	    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
 	  }
 
 	  subClass.prototype = Object.create(superClass && superClass.prototype, {
 	    constructor: {
 	      value: subClass,
+	      enumerable: false,
 	      writable: true,
 	      configurable: true
 	    }
 	  });
-	  Object.defineProperty(subClass, "prototype", {
-	    writable: false
-	  });
-	  if (superClass) setPrototypeOf(subClass, superClass);
-	}
-
-	module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
-
-	var _inherits$7 = /*@__PURE__*/getDefaultExportFromCjs(inherits);
-
-	var getPrototypeOf = createCommonjsModule(function (module) {
-	function _getPrototypeOf(o) {
-	  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-	    return o.__proto__ || Object.getPrototypeOf(o);
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	  return _getPrototypeOf(o);
-	}
-
-	module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
-
-	var isNativeReflectConstruct = createCommonjsModule(function (module) {
-	function _isNativeReflectConstruct() {
-	  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-	  if (Reflect.construct.sham) return false;
-	  if (typeof Proxy === "function") return true;
-
-	  try {
-	    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-	    return true;
-	  } catch (e) {
-	    return false;
-	  }
-	}
-
-	module.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
+	  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+	};
 
-	var assertThisInitialized = createCommonjsModule(function (module) {
-	function _assertThisInitialized(self) {
-	  if (self === void 0) {
+	var possibleConstructorReturn = function (self, call) {
+	  if (!self) {
 	    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
 	  }
 
-	  return self;
-	}
-
-	module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
+	  return call && (typeof call === "object" || typeof call === "function") ? call : self;
+	};
 
-	var possibleConstructorReturn = createCommonjsModule(function (module) {
-	var _typeof = _typeof_1["default"];
+	var slicedToArray$1 = function () {
+	  function sliceIterator(arr, i) {
+	    var _arr = [];
+	    var _n = true;
+	    var _d = false;
+	    var _e = undefined;
 
+	    try {
+	      for (var _i = arr[Symbol.iterator](), _s; !(_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"]) _i["return"]();
+	      } finally {
+	        if (_d) throw _e;
+	      }
+	    }
 
-	function _possibleConstructorReturn(self, call) {
-	  if (call && (_typeof(call) === "object" || typeof call === "function")) {
-	    return call;
-	  } else if (call !== void 0) {
-	    throw new TypeError("Derived constructors may only return object or undefined");
+	    return _arr;
 	  }
 
-	  return assertThisInitialized(self);
-	}
-
-	module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
-
-	var createSuper = createCommonjsModule(function (module) {
-	function _createSuper(Derived) {
-	  var hasNativeReflectConstruct = isNativeReflectConstruct();
-	  return function _createSuperInternal() {
-	    var Super = getPrototypeOf(Derived),
-	        result;
-
-	    if (hasNativeReflectConstruct) {
-	      var NewTarget = getPrototypeOf(this).constructor;
-	      result = Reflect.construct(Super, arguments, NewTarget);
+	  return function (arr, i) {
+	    if (Array.isArray(arr)) {
+	      return arr;
+	    } else if (Symbol.iterator in Object(arr)) {
+	      return sliceIterator(arr, i);
 	    } else {
-	      result = Super.apply(this, arguments);
+	      throw new TypeError("Invalid attempt to destructure non-iterable instance");
 	    }
-
-	    return possibleConstructorReturn(this, result);
 	  };
-	}
-
-	module.exports = _createSuper, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
-
-	var _createSuper$7 = /*@__PURE__*/getDefaultExportFromCjs(createSuper);
+	}();
 
 	/**
 	 * Detect Element Resize.
@@ -65374,47 +65326,83 @@
 	 * Sebastian Decima
 	 *
 	 * Forked from version 0.5.3; includes the following modifications:
-	 * 1) Guard against unsafe 'window' and 'document' references (to support SSR).
-	 * 2) Defer initialization code via a top-level function wrapper (to support SSR).
+	 * 1) Guard against unsafe 'window' and 'document' references (to support SSR).
+	 * 2) Defer initialization code via a top-level function wrapper (to support SSR).
 	 * 3) Avoid unnecessary reflows by not measuring size for scroll events bubbling from children.
 	 * 4) Add nonce for style element.
-	 * 5) Added support for injecting custom window object
 	 **/
-	function createDetectElementResize(nonce, hostWindow) {
-	  // Check `document` and `window` in case of server-side rendering
-	  var _window;
-
-	  if (typeof hostWindow !== 'undefined') {
-	    _window = hostWindow;
-	  } else if (typeof window !== 'undefined') {
-	    _window = window;
-	  } else if (typeof self !== 'undefined') {
-	    _window = self;
-	  } else {
-	    _window = global;
-	  }
 
-	  var attachEvent = typeof _window.document !== 'undefined' && _window.document.attachEvent;
+	// Check `document` and `window` in case of server-side rendering
+	var windowObject = void 0;
+	if (typeof window !== 'undefined') {
+	  windowObject = window;
 
-	  if (!attachEvent) {
-	    var requestFrame = function () {
-	      var raf = _window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || function (fn) {
-	        return _window.setTimeout(fn, 20);
-	      };
+	  // eslint-disable-next-line no-restricted-globals
+	} else if (typeof self !== 'undefined') {
+	  // eslint-disable-next-line no-restricted-globals
+	  windowObject = self;
+	} else {
+	  windowObject = global;
+	}
 
-	      return function (fn) {
-	        return raf(fn);
-	      };
-	    }();
+	var cancelFrame = null;
+	var requestFrame = null;
 
-	    var cancelFrame = function () {
-	      var cancel = _window.cancelAnimationFrame || _window.mozCancelAnimationFrame || _window.webkitCancelAnimationFrame || _window.clearTimeout;
-	      return function (id) {
-	        return cancel(id);
-	      };
-	    }();
+	var TIMEOUT_DURATION = 20;
 
-	    var resetTriggers = function resetTriggers(element) {
+	var clearTimeoutFn = windowObject.clearTimeout;
+	var setTimeoutFn = windowObject.setTimeout;
+
+	var cancelAnimationFrameFn = windowObject.cancelAnimationFrame || windowObject.mozCancelAnimationFrame || windowObject.webkitCancelAnimationFrame;
+
+	var requestAnimationFrameFn = windowObject.requestAnimationFrame || windowObject.mozRequestAnimationFrame || windowObject.webkitRequestAnimationFrame;
+
+	if (cancelAnimationFrameFn == null || requestAnimationFrameFn == null) {
+	  // For environments that don't support animation frame,
+	  // fallback to a setTimeout based approach.
+	  cancelFrame = clearTimeoutFn;
+	  requestFrame = function requestAnimationFrameViaSetTimeout(callback) {
+	    return setTimeoutFn(callback, TIMEOUT_DURATION);
+	  };
+	} else {
+	  // Counter intuitively, environments that support animation frames can be trickier.
+	  // Chrome's "Throttle non-visible cross-origin iframes" flag can prevent rAFs from being called.
+	  // In this case, we should fallback to a setTimeout() implementation.
+	  cancelFrame = function cancelFrame(_ref) {
+	    var _ref2 = slicedToArray$1(_ref, 2),
+	        animationFrameID = _ref2[0],
+	        timeoutID = _ref2[1];
+
+	    cancelAnimationFrameFn(animationFrameID);
+	    clearTimeoutFn(timeoutID);
+	  };
+	  requestFrame = function requestAnimationFrameWithSetTimeoutFallback(callback) {
+	    var animationFrameID = requestAnimationFrameFn(function animationFrameCallback() {
+	      clearTimeoutFn(timeoutID);
+	      callback();
+	    });
+
+	    var timeoutID = setTimeoutFn(function timeoutCallback() {
+	      cancelAnimationFrameFn(animationFrameID);
+	      callback();
+	    }, TIMEOUT_DURATION);
+
+	    return [animationFrameID, timeoutID];
+	  };
+	}
+
+	function createDetectElementResize(nonce) {
+	  var animationKeyframes = void 0;
+	  var animationName = void 0;
+	  var animationStartEvent = void 0;
+	  var animationStyle = void 0;
+	  var checkTriggers = void 0;
+	  var resetTriggers = void 0;
+	  var scrollListener = void 0;
+
+	  var attachEvent = typeof document !== 'undefined' && document.attachEvent;
+	  if (!attachEvent) {
+	    resetTriggers = function resetTriggers(element) {
 	      var triggers = element.__resizeTriggers__,
 	          expand = triggers.firstElementChild,
 	          contract = triggers.lastElementChild,
@@ -65427,11 +65415,11 @@
 	      expand.scrollTop = expand.scrollHeight;
 	    };
 
-	    var checkTriggers = function checkTriggers(element) {
-	      return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height;
+	    checkTriggers = function checkTriggers(element) {
+	      return element.offsetWidth !== element.__resizeLast__.width || element.offsetHeight !== element.__resizeLast__.height;
 	    };
 
-	    var scrollListener = function scrollListener(e) {
+	    scrollListener = function scrollListener(e) {
 	      // Don't measure (which forces) reflow for scrolls that happen inside of children!
 	      if (e.target.className && typeof e.target.className.indexOf === 'function' && e.target.className.indexOf('contract-trigger') < 0 && e.target.className.indexOf('expand-trigger') < 0) {
 	        return;
@@ -65439,34 +65427,29 @@
 
 	      var element = this;
 	      resetTriggers(this);
-
 	      if (this.__resizeRAF__) {
 	        cancelFrame(this.__resizeRAF__);
 	      }
-
-	      this.__resizeRAF__ = requestFrame(function () {
+	      this.__resizeRAF__ = requestFrame(function animationFrame() {
 	        if (checkTriggers(element)) {
 	          element.__resizeLast__.width = element.offsetWidth;
 	          element.__resizeLast__.height = element.offsetHeight;
-
-	          element.__resizeListeners__.forEach(function (fn) {
+	          element.__resizeListeners__.forEach(function forEachResizeListener(fn) {
 	            fn.call(element, e);
 	          });
 	        }
 	      });
 	    };
-	    /* Detect CSS Animations support to detect element display/re-attach */
 
-
-	    var animation = false,
-	        keyframeprefix = '',
-	        animationstartevent = 'animationstart',
-	        domPrefixes = 'Webkit Moz O ms'.split(' '),
-	        startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
-	        pfx = '';
+	    /* Detect CSS Animations support to detect element display/re-attach */
+	    var animation = false;
+	    var keyframeprefix = '';
+	    animationStartEvent = 'animationstart';
+	    var domPrefixes = 'Webkit Moz O ms'.split(' ');
+	    var startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' ');
+	    var pfx = '';
 	    {
-	      var elm = _window.document.createElement('fakeelement');
-
+	      var elm = document.createElement('fakeelement');
 	      if (elm.style.animationName !== undefined) {
 	        animation = true;
 	      }
@@ -65476,16 +65459,17 @@
 	          if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
 	            pfx = domPrefixes[i];
 	            keyframeprefix = '-' + pfx.toLowerCase() + '-';
-	            animationstartevent = startEvents[i];
+	            animationStartEvent = startEvents[i];
 	            animation = true;
 	            break;
 	          }
 	        }
 	      }
 	    }
-	    var animationName = 'resizeanim';
-	    var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
-	    var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
+
+	    animationName = 'resizeanim';
+	    animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
+	    animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
 	  }
 
 	  var createStyles = function createStyles(doc) {
@@ -65494,6 +65478,7 @@
 	      var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
 	          head = doc.head || doc.getElementsByTagName('head')[0],
 	          style = doc.createElement('style');
+
 	      style.id = 'detectElementResize';
 	      style.type = 'text/css';
 
@@ -65517,13 +65502,10 @@
 	    } else {
 	      if (!element.__resizeTriggers__) {
 	        var doc = element.ownerDocument;
-
-	        var elementStyle = _window.getComputedStyle(element);
-
-	        if (elementStyle && elementStyle.position == 'static') {
+	        var elementStyle = windowObject.getComputedStyle(element);
+	        if (elementStyle && elementStyle.position === 'static') {
 	          element.style.position = 'relative';
 	        }
-
 	        createStyles(doc);
 	        element.__resizeLast__ = {};
 	        element.__resizeListeners__ = [];
@@ -65533,27 +65515,22 @@
 	        expandTrigger.appendChild(doc.createElement('div'));
 	        var contractTrigger = doc.createElement('div');
 	        contractTrigger.className = 'contract-trigger';
-
 	        element.__resizeTriggers__.appendChild(expandTrigger);
-
 	        element.__resizeTriggers__.appendChild(contractTrigger);
-
 	        element.appendChild(element.__resizeTriggers__);
 	        resetTriggers(element);
 	        element.addEventListener('scroll', scrollListener, true);
-	        /* Listen for a css animation to detect element display/re-attach */
 
-	        if (animationstartevent) {
+	        /* Listen for a css animation to detect element display/re-attach */
+	        if (animationStartEvent) {
 	          element.__resizeTriggers__.__animationListener__ = function animationListener(e) {
-	            if (e.animationName == animationName) {
+	            if (e.animationName === animationName) {
 	              resetTriggers(element);
 	            }
 	          };
-
-	          element.__resizeTriggers__.addEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
+	          element.__resizeTriggers__.addEventListener(animationStartEvent, element.__resizeTriggers__.__animationListener__);
 	        }
 	      }
-
 	      element.__resizeListeners__.push(fn);
 	    }
 	  };
@@ -65563,19 +65540,16 @@
 	      element.detachEvent('onresize', fn);
 	    } else {
 	      element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-
 	      if (!element.__resizeListeners__.length) {
 	        element.removeEventListener('scroll', scrollListener, true);
-
 	        if (element.__resizeTriggers__.__animationListener__) {
-	          element.__resizeTriggers__.removeEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
-
+	          element.__resizeTriggers__.removeEventListener(animationStartEvent, element.__resizeTriggers__.__animationListener__);
 	          element.__resizeTriggers__.__animationListener__ = null;
 	        }
-
 	        try {
 	          element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
-	        } catch (e) {// Preact compat; see developit/preact-compat/issues/228
+	        } catch (e) {
+	          // Preact compat; see developit/preact-compat/issues/228
 	        }
 	      }
 	    }
@@ -65587,77 +65561,63 @@
 	  };
 	}
 
-	var AutoSizer = /*#__PURE__*/function (_React$Component) {
-	  _inherits$7(AutoSizer, _React$Component);
-
-	  var _super = _createSuper$7(AutoSizer);
+	var AutoSizer = function (_React$PureComponent) {
+	  inherits(AutoSizer, _React$PureComponent);
 
 	  function AutoSizer() {
-	    var _this;
+	    var _ref;
+
+	    var _temp, _this, _ret;
 
-	    _classCallCheck$7(this, AutoSizer);
+	    classCallCheck(this, AutoSizer);
 
-	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
 	      args[_key] = arguments[_key];
 	    }
 
-	    _this = _super.call.apply(_super, [this].concat(args));
-	    _this.state = {
+	    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = AutoSizer.__proto__ || Object.getPrototypeOf(AutoSizer)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
 	      height: _this.props.defaultHeight || 0,
 	      width: _this.props.defaultWidth || 0
-	    };
-	    _this._parentNode = void 0;
-	    _this._autoSizer = void 0;
-	    _this._window = void 0;
-	    _this._detectElementResize = void 0;
-
-	    _this._onResize = function () {
-	      console.log(11);
+	    }, _this._onResize = function () {
 	      var _this$props = _this.props,
 	          disableHeight = _this$props.disableHeight,
 	          disableWidth = _this$props.disableWidth,
 	          onResize = _this$props.onResize;
 
+
 	      if (_this._parentNode) {
 	        // Guard against AutoSizer component being removed from the DOM immediately after being added.
 	        // This can result in invalid style values which can result in NaN values if we don't handle them.
 	        // See issue #150 for more context.
-	        var height = _this._parentNode.offsetHeight || 0;
-	        var width = _this._parentNode.offsetWidth || 0;
-	        var win = _this._window || window;
-	        var style = win.getComputedStyle(_this._parentNode) || {};
-	        var paddingLeft = parseInt(style.paddingLeft, 10) || 0;
-	        var paddingRight = parseInt(style.paddingRight, 10) || 0;
-	        var paddingTop = parseInt(style.paddingTop, 10) || 0;
-	        var paddingBottom = parseInt(style.paddingBottom, 10) || 0;
-	        var newHeight = height - paddingTop - paddingBottom;
-	        var newWidth = width - paddingLeft - paddingRight;
+
+	        var _height = _this._parentNode.offsetHeight || 0;
+	        var _width = _this._parentNode.offsetWidth || 0;
+
+	        var _style = window.getComputedStyle(_this._parentNode) || {};
+	        var paddingLeft = parseInt(_style.paddingLeft, 10) || 0;
+	        var paddingRight = parseInt(_style.paddingRight, 10) || 0;
+	        var paddingTop = parseInt(_style.paddingTop, 10) || 0;
+	        var paddingBottom = parseInt(_style.paddingBottom, 10) || 0;
+
+	        var newHeight = _height - paddingTop - paddingBottom;
+	        var newWidth = _width - paddingLeft - paddingRight;
 
 	        if (!disableHeight && _this.state.height !== newHeight || !disableWidth && _this.state.width !== newWidth) {
 	          _this.setState({
-	            height: height - paddingTop - paddingBottom,
-	            width: width - paddingLeft - paddingRight
+	            height: _height - paddingTop - paddingBottom,
+	            width: _width - paddingLeft - paddingRight
 	          });
 
-	          onResize({
-	            height: height,
-	            width: width
-	          });
+	          onResize({ height: _height, width: _width });
 	        }
 	      }
-	    };
-
-	    _this.handleResize = lodash.debounce(_this._onResize, 800);
-
-	    _this._setRef = function (autoSizer) {
+	    }, _this._setRef = function (autoSizer) {
 	      _this._autoSizer = autoSizer;
-	    };
-
-	    return _this;
+	    }, _temp), possibleConstructorReturn(_this, _ret);
 	  }
 
-	  _createClass$7(AutoSizer, [{
-	    key: "componentDidMount",
+	  createClass(AutoSizer, [{
+	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      var nonce = this.props.nonce;
 
@@ -65666,65 +65626,75 @@
 	        // This handles edge-cases where the component has already been unmounted before its ref has been set,
 	        // As well as libraries like react-lite which have a slightly different lifecycle.
 	        this._parentNode = this._autoSizer.parentNode;
-	        this._window = this._autoSizer.parentNode.ownerDocument.defaultView; // Defer requiring resize handler in order to support server-side rendering.
-	        // See issue #41
-
-	        this._detectElementResize = createDetectElementResize(nonce, this._window);
 
-	        this._detectElementResize.addResizeListener(this._parentNode, this.handleResize);
-
-	        console.log(3);
+	        // Defer requiring resize handler in order to support server-side rendering.
+	        // See issue #41
+	        this._detectElementResize = createDetectElementResize(nonce);
+	        this._detectElementResize.addResizeListener(this._parentNode, this._onResize);
 
 	        this._onResize();
 	      }
 	    }
 	  }, {
-	    key: "componentWillUnmount",
+	    key: 'componentWillUnmount',
 	    value: function componentWillUnmount() {
 	      if (this._detectElementResize && this._parentNode) {
 	        this._detectElementResize.removeResizeListener(this._parentNode, this._onResize);
 	      }
 	    }
 	  }, {
-	    key: "render",
+	    key: 'render',
 	    value: function render() {
-	      var _this$props2 = this.props,
-	          children = _this$props2.children,
-	          className = _this$props2.className,
-	          disableHeight = _this$props2.disableHeight,
-	          disableWidth = _this$props2.disableWidth,
-	          style = _this$props2.style;
-	      var _this$state = this.state,
-	          height = _this$state.height,
-	          width = _this$state.width; // Outer div should not force width/height since that may prevent containers from shrinking.
+	      var _props = this.props,
+	          children = _props.children,
+	          className = _props.className,
+	          disableHeight = _props.disableHeight,
+	          disableWidth = _props.disableWidth,
+	          style = _props.style;
+	      var _state = this.state,
+	          height = _state.height,
+	          width = _state.width;
+
+	      // Outer div should not force width/height since that may prevent containers from shrinking.
 	      // Inner component should overflow and use calculated width/height.
 	      // See issue #68 for more information.
 
-	      var outerStyle = {
-	        overflow: 'visible'
-	      };
+	      var outerStyle = { overflow: 'visible' };
 	      var childParams = {};
 
+	      // Avoid rendering children before the initial measurements have been collected.
+	      // At best this would just be wasting cycles.
+	      var bailoutOnChildren = false;
+
 	      if (!disableHeight) {
+	        if (height === 0) {
+	          bailoutOnChildren = true;
+	        }
 	        outerStyle.height = 0;
 	        childParams.height = height;
 	      }
 
 	      if (!disableWidth) {
+	        if (width === 0) {
+	          bailoutOnChildren = true;
+	        }
 	        outerStyle.width = 0;
 	        childParams.width = width;
 	      }
 
-	      return /*#__PURE__*/React__default['default'].createElement("div", {
-	        className: className,
-	        ref: this._setRef,
-	        style: _objectSpread(_objectSpread({}, outerStyle), style)
-	      }, children(childParams));
+	      return React.createElement(
+	        'div',
+	        {
+	          className: className,
+	          ref: this._setRef,
+	          style: _extends$7({}, outerStyle, style)
+	        },
+	        !bailoutOnChildren && children(childParams)
+	      );
 	    }
 	  }]);
-
 	  return AutoSizer;
-	}(React__default['default'].Component);
+	}(React.PureComponent);
 
 	AutoSizer.defaultProps = {
 	  onResize: function onResize() {},
@@ -68705,7 +68675,7 @@
 	  editConfig: editConfig
 	};
 
-	var _excluded$14 = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "customCheck"];
+	var _excluded$14 = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck"];
 	var Summary = ProviderWarp.Summary;
 	var ResetTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 	  var dataSource = props.dataSource,
@@ -68718,6 +68688,8 @@
 	      pagination = props.pagination,
 	      hiddenPage = props.hiddenPage,
 	      loading = props.loading,
+	      _props$virtual = props.virtual,
+	      virtual = _props$virtual === void 0 ? true : _props$virtual,
 	      customCheck = props.customCheck,
 	      resetProps = _objectWithoutProperties(props, _excluded$14);
 
@@ -68951,7 +68923,7 @@
 	  }, /*#__PURE__*/React__default['default'].createElement(ProviderWarp, _extends({}, config, {
 	    loading: loading,
 	    dataSource: dataSource,
-	    components: vComponents,
+	    components: virtual ? vComponents : null,
 	    tableClassName: "lm_protable",
 	    summary: function summary(pageData) {
 	      return _summary && _summary(pageData, resultColumns);
@@ -68997,496 +68969,12 @@
 	    style: {
 	      width: '100%',
 	      height: '100%'
-	    },
-	    disableWidth: true
+	    }
 	  }, throttleSize));
 	});
 
 	var Context$4 = /*#__PURE__*/React.createContext();
 
-	var classCallCheck$1 = function (instance, Constructor) {
-	  if (!(instance instanceof Constructor)) {
-	    throw new TypeError("Cannot call a class as a function");
-	  }
-	};
-
-	var createClass$1 = function () {
-	  function defineProperties(target, props) {
-	    for (var i = 0; i < props.length; i++) {
-	      var descriptor = props[i];
-	      descriptor.enumerable = descriptor.enumerable || false;
-	      descriptor.configurable = true;
-	      if ("value" in descriptor) descriptor.writable = true;
-	      Object.defineProperty(target, descriptor.key, descriptor);
-	    }
-	  }
-
-	  return function (Constructor, protoProps, staticProps) {
-	    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-	    if (staticProps) defineProperties(Constructor, staticProps);
-	    return Constructor;
-	  };
-	}();
-
-	var _extends$7 = Object.assign || function (target) {
-	  for (var i = 1; i < arguments.length; i++) {
-	    var source = arguments[i];
-
-	    for (var key in source) {
-	      if (Object.prototype.hasOwnProperty.call(source, key)) {
-	        target[key] = source[key];
-	      }
-	    }
-	  }
-
-	  return target;
-	};
-
-	var inherits$1 = function (subClass, superClass) {
-	  if (typeof superClass !== "function" && superClass !== null) {
-	    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-	  }
-
-	  subClass.prototype = Object.create(superClass && superClass.prototype, {
-	    constructor: {
-	      value: subClass,
-	      enumerable: false,
-	      writable: true,
-	      configurable: true
-	    }
-	  });
-	  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-	};
-
-	var possibleConstructorReturn$1 = function (self, call) {
-	  if (!self) {
-	    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-	  }
-
-	  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-	};
-
-	var slicedToArray$1 = function () {
-	  function sliceIterator(arr, i) {
-	    var _arr = [];
-	    var _n = true;
-	    var _d = false;
-	    var _e = undefined;
-
-	    try {
-	      for (var _i = arr[Symbol.iterator](), _s; !(_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"]) _i["return"]();
-	      } finally {
-	        if (_d) throw _e;
-	      }
-	    }
-
-	    return _arr;
-	  }
-
-	  return function (arr, i) {
-	    if (Array.isArray(arr)) {
-	      return arr;
-	    } else if (Symbol.iterator in Object(arr)) {
-	      return sliceIterator(arr, i);
-	    } else {
-	      throw new TypeError("Invalid attempt to destructure non-iterable instance");
-	    }
-	  };
-	}();
-
-	/**
-	 * Detect Element Resize.
-	 * https://github.com/sdecima/javascript-detect-element-resize
-	 * Sebastian Decima
-	 *
-	 * Forked from version 0.5.3; includes the following modifications:
-	 * 1) Guard against unsafe 'window' and 'document' references (to support SSR).
-	 * 2) Defer initialization code via a top-level function wrapper (to support SSR).
-	 * 3) Avoid unnecessary reflows by not measuring size for scroll events bubbling from children.
-	 * 4) Add nonce for style element.
-	 **/
-
-	// Check `document` and `window` in case of server-side rendering
-	var windowObject = void 0;
-	if (typeof window !== 'undefined') {
-	  windowObject = window;
-
-	  // eslint-disable-next-line no-restricted-globals
-	} else if (typeof self !== 'undefined') {
-	  // eslint-disable-next-line no-restricted-globals
-	  windowObject = self;
-	} else {
-	  windowObject = global;
-	}
-
-	var cancelFrame = null;
-	var requestFrame = null;
-
-	var TIMEOUT_DURATION = 20;
-
-	var clearTimeoutFn = windowObject.clearTimeout;
-	var setTimeoutFn = windowObject.setTimeout;
-
-	var cancelAnimationFrameFn = windowObject.cancelAnimationFrame || windowObject.mozCancelAnimationFrame || windowObject.webkitCancelAnimationFrame;
-
-	var requestAnimationFrameFn = windowObject.requestAnimationFrame || windowObject.mozRequestAnimationFrame || windowObject.webkitRequestAnimationFrame;
-
-	if (cancelAnimationFrameFn == null || requestAnimationFrameFn == null) {
-	  // For environments that don't support animation frame,
-	  // fallback to a setTimeout based approach.
-	  cancelFrame = clearTimeoutFn;
-	  requestFrame = function requestAnimationFrameViaSetTimeout(callback) {
-	    return setTimeoutFn(callback, TIMEOUT_DURATION);
-	  };
-	} else {
-	  // Counter intuitively, environments that support animation frames can be trickier.
-	  // Chrome's "Throttle non-visible cross-origin iframes" flag can prevent rAFs from being called.
-	  // In this case, we should fallback to a setTimeout() implementation.
-	  cancelFrame = function cancelFrame(_ref) {
-	    var _ref2 = slicedToArray$1(_ref, 2),
-	        animationFrameID = _ref2[0],
-	        timeoutID = _ref2[1];
-
-	    cancelAnimationFrameFn(animationFrameID);
-	    clearTimeoutFn(timeoutID);
-	  };
-	  requestFrame = function requestAnimationFrameWithSetTimeoutFallback(callback) {
-	    var animationFrameID = requestAnimationFrameFn(function animationFrameCallback() {
-	      clearTimeoutFn(timeoutID);
-	      callback();
-	    });
-
-	    var timeoutID = setTimeoutFn(function timeoutCallback() {
-	      cancelAnimationFrameFn(animationFrameID);
-	      callback();
-	    }, TIMEOUT_DURATION);
-
-	    return [animationFrameID, timeoutID];
-	  };
-	}
-
-	function createDetectElementResize$1(nonce) {
-	  var animationKeyframes = void 0;
-	  var animationName = void 0;
-	  var animationStartEvent = void 0;
-	  var animationStyle = void 0;
-	  var checkTriggers = void 0;
-	  var resetTriggers = void 0;
-	  var scrollListener = void 0;
-
-	  var attachEvent = typeof document !== 'undefined' && document.attachEvent;
-	  if (!attachEvent) {
-	    resetTriggers = function resetTriggers(element) {
-	      var triggers = element.__resizeTriggers__,
-	          expand = triggers.firstElementChild,
-	          contract = triggers.lastElementChild,
-	          expandChild = expand.firstElementChild;
-	      contract.scrollLeft = contract.scrollWidth;
-	      contract.scrollTop = contract.scrollHeight;
-	      expandChild.style.width = expand.offsetWidth + 1 + 'px';
-	      expandChild.style.height = expand.offsetHeight + 1 + 'px';
-	      expand.scrollLeft = expand.scrollWidth;
-	      expand.scrollTop = expand.scrollHeight;
-	    };
-
-	    checkTriggers = function checkTriggers(element) {
-	      return element.offsetWidth !== element.__resizeLast__.width || element.offsetHeight !== element.__resizeLast__.height;
-	    };
-
-	    scrollListener = function scrollListener(e) {
-	      // Don't measure (which forces) reflow for scrolls that happen inside of children!
-	      if (e.target.className && typeof e.target.className.indexOf === 'function' && e.target.className.indexOf('contract-trigger') < 0 && e.target.className.indexOf('expand-trigger') < 0) {
-	        return;
-	      }
-
-	      var element = this;
-	      resetTriggers(this);
-	      if (this.__resizeRAF__) {
-	        cancelFrame(this.__resizeRAF__);
-	      }
-	      this.__resizeRAF__ = requestFrame(function animationFrame() {
-	        if (checkTriggers(element)) {
-	          element.__resizeLast__.width = element.offsetWidth;
-	          element.__resizeLast__.height = element.offsetHeight;
-	          element.__resizeListeners__.forEach(function forEachResizeListener(fn) {
-	            fn.call(element, e);
-	          });
-	        }
-	      });
-	    };
-
-	    /* Detect CSS Animations support to detect element display/re-attach */
-	    var animation = false;
-	    var keyframeprefix = '';
-	    animationStartEvent = 'animationstart';
-	    var domPrefixes = 'Webkit Moz O ms'.split(' ');
-	    var startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' ');
-	    var pfx = '';
-	    {
-	      var elm = document.createElement('fakeelement');
-	      if (elm.style.animationName !== undefined) {
-	        animation = true;
-	      }
-
-	      if (animation === false) {
-	        for (var i = 0; i < domPrefixes.length; i++) {
-	          if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
-	            pfx = domPrefixes[i];
-	            keyframeprefix = '-' + pfx.toLowerCase() + '-';
-	            animationStartEvent = startEvents[i];
-	            animation = true;
-	            break;
-	          }
-	        }
-	      }
-	    }
-
-	    animationName = 'resizeanim';
-	    animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
-	    animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
-	  }
-
-	  var createStyles = function createStyles(doc) {
-	    if (!doc.getElementById('detectElementResize')) {
-	      //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
-	      var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
-	          head = doc.head || doc.getElementsByTagName('head')[0],
-	          style = doc.createElement('style');
-
-	      style.id = 'detectElementResize';
-	      style.type = 'text/css';
-
-	      if (nonce != null) {
-	        style.setAttribute('nonce', nonce);
-	      }
-
-	      if (style.styleSheet) {
-	        style.styleSheet.cssText = css;
-	      } else {
-	        style.appendChild(doc.createTextNode(css));
-	      }
-
-	      head.appendChild(style);
-	    }
-	  };
-
-	  var addResizeListener = function addResizeListener(element, fn) {
-	    if (attachEvent) {
-	      element.attachEvent('onresize', fn);
-	    } else {
-	      if (!element.__resizeTriggers__) {
-	        var doc = element.ownerDocument;
-	        var elementStyle = windowObject.getComputedStyle(element);
-	        if (elementStyle && elementStyle.position === 'static') {
-	          element.style.position = 'relative';
-	        }
-	        createStyles(doc);
-	        element.__resizeLast__ = {};
-	        element.__resizeListeners__ = [];
-	        (element.__resizeTriggers__ = doc.createElement('div')).className = 'resize-triggers';
-	        var expandTrigger = doc.createElement('div');
-	        expandTrigger.className = 'expand-trigger';
-	        expandTrigger.appendChild(doc.createElement('div'));
-	        var contractTrigger = doc.createElement('div');
-	        contractTrigger.className = 'contract-trigger';
-	        element.__resizeTriggers__.appendChild(expandTrigger);
-	        element.__resizeTriggers__.appendChild(contractTrigger);
-	        element.appendChild(element.__resizeTriggers__);
-	        resetTriggers(element);
-	        element.addEventListener('scroll', scrollListener, true);
-
-	        /* Listen for a css animation to detect element display/re-attach */
-	        if (animationStartEvent) {
-	          element.__resizeTriggers__.__animationListener__ = function animationListener(e) {
-	            if (e.animationName === animationName) {
-	              resetTriggers(element);
-	            }
-	          };
-	          element.__resizeTriggers__.addEventListener(animationStartEvent, element.__resizeTriggers__.__animationListener__);
-	        }
-	      }
-	      element.__resizeListeners__.push(fn);
-	    }
-	  };
-
-	  var removeResizeListener = function removeResizeListener(element, fn) {
-	    if (attachEvent) {
-	      element.detachEvent('onresize', fn);
-	    } else {
-	      element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-	      if (!element.__resizeListeners__.length) {
-	        element.removeEventListener('scroll', scrollListener, true);
-	        if (element.__resizeTriggers__.__animationListener__) {
-	          element.__resizeTriggers__.removeEventListener(animationStartEvent, element.__resizeTriggers__.__animationListener__);
-	          element.__resizeTriggers__.__animationListener__ = null;
-	        }
-	        try {
-	          element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
-	        } catch (e) {
-	          // Preact compat; see developit/preact-compat/issues/228
-	        }
-	      }
-	    }
-	  };
-
-	  return {
-	    addResizeListener: addResizeListener,
-	    removeResizeListener: removeResizeListener
-	  };
-	}
-
-	var AutoSizer$1 = function (_React$PureComponent) {
-	  inherits$1(AutoSizer, _React$PureComponent);
-
-	  function AutoSizer() {
-	    var _ref;
-
-	    var _temp, _this, _ret;
-
-	    classCallCheck$1(this, AutoSizer);
-
-	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-	      args[_key] = arguments[_key];
-	    }
-
-	    return _ret = (_temp = (_this = possibleConstructorReturn$1(this, (_ref = AutoSizer.__proto__ || Object.getPrototypeOf(AutoSizer)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
-	      height: _this.props.defaultHeight || 0,
-	      width: _this.props.defaultWidth || 0
-	    }, _this._onResize = function () {
-	      var _this$props = _this.props,
-	          disableHeight = _this$props.disableHeight,
-	          disableWidth = _this$props.disableWidth,
-	          onResize = _this$props.onResize;
-
-
-	      if (_this._parentNode) {
-	        // Guard against AutoSizer component being removed from the DOM immediately after being added.
-	        // This can result in invalid style values which can result in NaN values if we don't handle them.
-	        // See issue #150 for more context.
-
-	        var _height = _this._parentNode.offsetHeight || 0;
-	        var _width = _this._parentNode.offsetWidth || 0;
-
-	        var _style = window.getComputedStyle(_this._parentNode) || {};
-	        var paddingLeft = parseInt(_style.paddingLeft, 10) || 0;
-	        var paddingRight = parseInt(_style.paddingRight, 10) || 0;
-	        var paddingTop = parseInt(_style.paddingTop, 10) || 0;
-	        var paddingBottom = parseInt(_style.paddingBottom, 10) || 0;
-
-	        var newHeight = _height - paddingTop - paddingBottom;
-	        var newWidth = _width - paddingLeft - paddingRight;
-
-	        if (!disableHeight && _this.state.height !== newHeight || !disableWidth && _this.state.width !== newWidth) {
-	          _this.setState({
-	            height: _height - paddingTop - paddingBottom,
-	            width: _width - paddingLeft - paddingRight
-	          });
-
-	          onResize({ height: _height, width: _width });
-	        }
-	      }
-	    }, _this._setRef = function (autoSizer) {
-	      _this._autoSizer = autoSizer;
-	    }, _temp), possibleConstructorReturn$1(_this, _ret);
-	  }
-
-	  createClass$1(AutoSizer, [{
-	    key: 'componentDidMount',
-	    value: function componentDidMount() {
-	      var nonce = this.props.nonce;
-
-	      if (this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement) {
-	        // Delay access of parentNode until mount.
-	        // This handles edge-cases where the component has already been unmounted before its ref has been set,
-	        // As well as libraries like react-lite which have a slightly different lifecycle.
-	        this._parentNode = this._autoSizer.parentNode;
-
-	        // Defer requiring resize handler in order to support server-side rendering.
-	        // See issue #41
-	        this._detectElementResize = createDetectElementResize$1(nonce);
-	        this._detectElementResize.addResizeListener(this._parentNode, this._onResize);
-
-	        this._onResize();
-	      }
-	    }
-	  }, {
-	    key: 'componentWillUnmount',
-	    value: function componentWillUnmount() {
-	      if (this._detectElementResize && this._parentNode) {
-	        this._detectElementResize.removeResizeListener(this._parentNode, this._onResize);
-	      }
-	    }
-	  }, {
-	    key: 'render',
-	    value: function render() {
-	      var _props = this.props,
-	          children = _props.children,
-	          className = _props.className,
-	          disableHeight = _props.disableHeight,
-	          disableWidth = _props.disableWidth,
-	          style = _props.style;
-	      var _state = this.state,
-	          height = _state.height,
-	          width = _state.width;
-
-	      // Outer div should not force width/height since that may prevent containers from shrinking.
-	      // Inner component should overflow and use calculated width/height.
-	      // See issue #68 for more information.
-
-	      var outerStyle = { overflow: 'visible' };
-	      var childParams = {};
-
-	      // Avoid rendering children before the initial measurements have been collected.
-	      // At best this would just be wasting cycles.
-	      var bailoutOnChildren = false;
-
-	      if (!disableHeight) {
-	        if (height === 0) {
-	          bailoutOnChildren = true;
-	        }
-	        outerStyle.height = 0;
-	        childParams.height = height;
-	      }
-
-	      if (!disableWidth) {
-	        if (width === 0) {
-	          bailoutOnChildren = true;
-	        }
-	        outerStyle.width = 0;
-	        childParams.width = width;
-	      }
-
-	      return React.createElement(
-	        'div',
-	        {
-	          className: className,
-	          ref: this._setRef,
-	          style: _extends$7({}, outerStyle, style)
-	        },
-	        !bailoutOnChildren && children(childParams)
-	      );
-	    }
-	  }]);
-	  return AutoSizer;
-	}(React.PureComponent);
-
-	AutoSizer$1.defaultProps = {
-	  onResize: function onResize() {},
-	  disableHeight: false,
-	  disableWidth: false,
-	  style: {}
-	};
-
 	function _inheritsLoose$1(subClass, superClass) {
 	  subClass.prototype = Object.create(superClass.prototype);
 	  subClass.prototype.constructor = subClass;
@@ -70952,7 +70440,7 @@
 
 
 	var ResizeSize$1 = function ResizeSize(props) {
-	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(AutoSizer$1, {
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(AutoSizer, {
 	    style: {
 	      width: '100%'
 	    }