@kdcloudjs/kdesign 1.6.31 → 1.6.32

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.30
+ *   @kdcloudjs/kdesign v1.6.31
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1302,11 +1302,37 @@ function intFormatMask(intMask, intValue) {
 
 /***/ }),
 
+/***/ "./components/_utils/getStringLength.ts":
+/*!**********************************************!*\
+  !*** ./components/_utils/getStringLength.ts ***!
+  \**********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// 计算字符串长度，中文字符占两个长度
+/* harmony default export */ __webpack_exports__["default"] = (function (str) {
+  var len = 0;
+
+  for (var i = 0; i < str.length; i++) {
+    if (str.charCodeAt(i) > 127 || str.charCodeAt(i) === 94) {
+      len += 2;
+    } else {
+      len++;
+    }
+  }
+
+  return len;
+});
+
+/***/ }),
+
 /***/ "./components/_utils/hooks.tsx":
 /*!*************************************!*\
   !*** ./components/_utils/hooks.tsx ***!
   \*************************************/
-/*! exports provided: useOnClickOutside, useMergedState, usePrevious, useHideDocumentScrollBar, useOverflowHidden, useResizeObserver */
+/*! exports provided: useOnClickOutside, useMergedState, usePrevious, useHideDocumentScrollBar, useOverflowHidden, useResizeObserver, useIsFirstRender, useForceUpdate, useStateWithPromise */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1317,6 +1343,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHideDocumentScrollBar", function() { return useHideDocumentScrollBar; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useOverflowHidden", function() { return useOverflowHidden; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useResizeObserver", function() { return useResizeObserver; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useIsFirstRender", function() { return useIsFirstRender; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useForceUpdate", function() { return useForceUpdate; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useStateWithPromise", function() { return useStateWithPromise; });
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
 /* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
@@ -1351,10 +1380,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15__);
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
-/* harmony import */ var _devwarning__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
+/* harmony import */ var _devwarning__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./devwarning */ "./components/_utils/devwarning.ts");
+
 
 
 
@@ -1391,7 +1423,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  */
 
 function useOnClickOutside(refs, handler) {
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     var listener = function listener(event) {
       var _iterator = _createForOfIteratorHelper(refs),
           _step;
@@ -1445,7 +1477,7 @@ option) {
       onChange = _ref.onChange,
       postState = _ref.postState;
 
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(function () {
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(function () {
     if (value !== undefined) {
       return value;
     }
@@ -1474,8 +1506,8 @@ option) {
     }
   }
 
-  var firstRenderRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(true);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  var firstRenderRef = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(true);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (firstRenderRef.current) {
       firstRenderRef.current = false;
       return;
@@ -1495,14 +1527,14 @@ option) {
  */
 
 function usePrevious(value) {
-  var ref = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(value);
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  var ref = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(value);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     ref.current = value;
   }, [value]);
   return ref.current;
 }
 function useHideDocumentScrollBar(visible, isBody, mask) {
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     var isChange = false;
     var previousDocumentOverflow = document.documentElement.style.overflow;
 
@@ -1519,8 +1551,8 @@ function useHideDocumentScrollBar(visible, isBody, mask) {
   }, [visible, isBody, mask]);
 }
 function useOverflowHidden(container, hidden, allowDisable) {
-  var needResetContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(false);
-  var originContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])({});
+  var needResetContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(false);
+  var originContainerStyle = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])({});
 
   var getScrollBarWidth = function getScrollBarWidth(element) {
     return element.tagName === 'BODY' ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth) : element.offsetWidth - element.clientWidth;
@@ -1554,7 +1586,7 @@ function useOverflowHidden(container, hidden, allowDisable) {
     originContainerStyle.current = {};
   };
 
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (!allowDisable) return;
     hidden ? setContainerStyle() : resetContainerStyle();
     return function () {
@@ -1564,13 +1596,13 @@ function useOverflowHidden(container, hidden, allowDisable) {
   return [resetContainerStyle, setContainerStyle];
 }
 function useResizeObserver(element, handler) {
-  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     if (typeof element === 'function') {
       element = element();
     }
 
     if (!element) {
-      Object(_devwarning__WEBPACK_IMPORTED_MODULE_19__["default"])(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
+      Object(_devwarning__WEBPACK_IMPORTED_MODULE_20__["default"])(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
       return;
     }
 
@@ -1593,13 +1625,61 @@ function useResizeObserver(element, handler) {
       handler && handler(rect);
     };
 
-    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_18__["default"](measure);
+    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__["default"](measure);
     resizeObserver && resizeObserver.observe(element);
     return function () {
       resizeObserver && resizeObserver.disconnect();
     };
   }, [element, handler]);
 }
+function useIsFirstRender() {
+  var isFirst = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])(true);
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    isFirst.current = false;
+  }, []);
+  return isFirst.current;
+}
+function useForceUpdate() {
+  var _useReducer = Object(react__WEBPACK_IMPORTED_MODULE_18__["useReducer"])(function (v) {
+    return v + 1;
+  }, 0),
+      _useReducer2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12___default()(_useReducer, 2),
+      dispatch = _useReducer2[1];
+
+  return dispatch;
+}
+function useStateWithPromise(defaultVal) {
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])({
+    value: defaultVal,
+    resolve: function resolve(e) {
+      // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+      e;
+    }
+  }),
+      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_12___default()(_useState3, 2),
+      state = _useState4[0],
+      setState = _useState4[1];
+
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    state.resolve(state.value);
+  }, [state]);
+  return [state.value, function (updater) {
+    return new Promise(function (resolve) {
+      setState(function (prevState) {
+        var nextVal = updater;
+
+        if (typeof updater === 'function') {
+          nextVal = updater(prevState.value);
+        }
+
+        return {
+          value: nextVal,
+          resolve: resolve
+        };
+      });
+    });
+  }];
+}
 
 /***/ }),
 
@@ -1890,6 +1970,59 @@ function omit(obj, fields) {
 
 /***/ }),
 
+/***/ "./components/_utils/raf.ts":
+/*!**********************************!*\
+  !*** ./components/_utils/raf.ts ***!
+  \**********************************/
+/*! exports provided: raf, caf */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "raf", function() { return raf; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "caf", function() { return caf; });
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);
+
+var target = typeof window === 'undefined' ? global : window;
+var vendors = ['webkit', 'ms', 'moz', 'o'];
+var raf = target.requestAnimationFrame; // eslint-disable-line
+
+var caf = target.cancelAnimationFrame; // eslint-disable-line
+
+if (!raf || !caf) {
+  vendors.some(function (prefix) {
+    raf = target["".concat(prefix, "RequestAnimationFrame")];
+    caf = target["".concat(prefix, "CancelAnimationFrame")] || target["".concat(prefix, "CancelRequestAnimationFrame")];
+    return raf && caf;
+  });
+
+  if (!raf || !caf) {
+    var lastTime = 0;
+
+    raf = function raf(cb) {
+      var currentTime = Date.now();
+      var diff = Math.max(0, 16 - (currentTime - lastTime));
+      var timer = setTimeout(function () {
+        cb();
+        lastTime = currentTime + diff;
+      }, diff);
+      return timer;
+    };
+
+    caf = function caf(timer) {
+      clearTimeout(timer);
+    };
+  }
+}
+
+raf = raf.bind(target);
+caf = caf.bind(target);
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
 /***/ "./components/_utils/react-children.ts":
 /*!*********************************************!*\
   !*** ./components/_utils/react-children.ts ***!
@@ -1946,6 +2079,131 @@ function cloneElement(element, props) {
 
 /***/ }),
 
+/***/ "./components/_utils/resizeObserver.tsx":
+/*!**********************************************!*\
+  !*** ./components/_utils/resizeObserver.tsx ***!
+  \**********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.reflect.construct.js */ "./node_modules/core-js/modules/es.reflect.construct.js");
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js");
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_12__);
+
+
+
+
+
+
+
+
+
+
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default()(this, result); }; }
+
+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; } }
+
+
+
+
+
+var ResizeObserverComponent = /*#__PURE__*/function (_React$Component) {
+  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default()(ResizeObserverComponent, _React$Component);
+
+  var _super = _createSuper(ResizeObserverComponent);
+
+  function ResizeObserverComponent() {
+    var _this;
+
+    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default()(this, ResizeObserverComponent);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this), "resizeObserver", void 0);
+
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this), "componentWillUnmount", function () {
+      if (_this.resizeObserver) {
+        _this.destroyResizeObserver();
+      }
+    });
+
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this), "createResizeObserver", function () {
+      _this.resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_11__["default"](function (entry) {
+        var onResize = _this.props.onResize;
+        onResize && onResize(entry);
+      }); // eslint-disable-next-line react/no-find-dom-node
+
+      _this.resizeObserver.observe(Object(react_dom__WEBPACK_IMPORTED_MODULE_12__["findDOMNode"])(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this)));
+    });
+
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default()(_this), "destroyResizeObserver", function () {
+      _this.resizeObserver && _this.resizeObserver.disconnect();
+      _this.resizeObserver = null;
+    });
+
+    return _this;
+  }
+
+  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default()(ResizeObserverComponent, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (! /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.isValidElement(this.props.children)) {
+        console.warn('The children of ResizeObserver is invalid.');
+      } else {
+        this.createResizeObserver();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      // eslint-disable-next-line react/no-find-dom-node
+      if (!this.resizeObserver && Object(react_dom__WEBPACK_IMPORTED_MODULE_12__["findDOMNode"])(this)) {
+        this.createResizeObserver();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+
+  return ResizeObserverComponent;
+}(react__WEBPACK_IMPORTED_MODULE_10___default.a.Component);
+
+/* harmony default export */ __webpack_exports__["default"] = (ResizeObserverComponent);
+
+/***/ }),
+
 /***/ "./components/_utils/testBrowserType.ts":
 /*!**********************************************!*\
   !*** ./components/_utils/testBrowserType.ts ***!
@@ -2623,7 +2881,7 @@ function usePopper(locatorElement, popperElement, props) {
         } else {
           if (matchTrigger('hover')) {
             mouseleaveTimer && clearTimeout(mouseleaveTimer);
-            mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 3000);
+            mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 1000);
           } else {
             hidePopper();
           }
@@ -29522,6 +29780,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
 /* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./option */ "./components/select/option.tsx");
 /* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../virtual-list */ "./components/virtual-list/index.tsx");
 
 
 
@@ -29553,6 +29812,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 
 
 var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
@@ -29599,7 +29859,8 @@ var InternalSelect = function InternalSelect(props, ref) {
       optionLabelProp = selectProps.optionLabelProp,
       _selectProps$popperSt = selectProps.popperStyle,
       popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
-      tagRender = selectProps.tagRender;
+      tagRender = selectProps.tagRender,
+      virtualListProps = selectProps.virtualListProps;
   var isMultiple = mode === 'multiple'; // 是否多选
 
   var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_19__["useMergedState"])(undefined, {
@@ -30098,6 +30359,7 @@ var InternalSelect = function InternalSelect(props, ref) {
         listHeight = selectProps.listHeight;
     var selectedVal = multipleRef.current.selectedVal;
     var childrenToRender = filledOptions;
+    var eleOptionList = filledOptions;
 
     if (Array.isArray(childrenToRender) && childrenToRender.length > 0) {
       childrenToRender = childrenToRender.map(function (item, index) {
@@ -30105,6 +30367,23 @@ var InternalSelect = function InternalSelect(props, ref) {
         var temp = renderOption(item, index);
         return temp;
       });
+      eleOptionList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(_virtual_list__WEBPACK_IMPORTED_MODULE_28__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+        role: "listbox",
+        data: childrenToRender,
+        itemKey: function itemKey(child) {
+          var _child$props3;
+
+          return (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.value;
+        },
+        onMouseDown: function onMouseDown(e) {
+          return e === null || e === void 0 ? void 0 : e.preventDefault();
+        },
+        isStaticItemHeight: true,
+        height: listHeight || 300,
+        measureLongestItem: false
+      }, virtualListProps), function (child) {
+        return child;
+      });
     }
 
     var heightStyle = {
@@ -30125,7 +30404,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 && dropRender(childrenToRender, heightStyle), renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Checkbox"], {
       style: checkboxStyle,
@@ -30159,9 +30438,9 @@ var InternalSelect = function InternalSelect(props, ref) {
   var renderSingle = function renderSingle() {
     var obj = (realChildren === null || realChildren === void 0 ? void 0 : realChildren.find(function (child) {
       if (child && child.props) {
-        var _child$props3;
+        var _child$props4;
 
-        return ((_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.value) === initValue;
+        return ((_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.value) === initValue;
       } else {
         return (child === null || child === void 0 ? void 0 : child.value) === initValue;
       }
@@ -31997,6 +32276,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
 /* harmony import */ var _utils_omit__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils/omit */ "./components/_utils/omit.ts");
 /* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils_numberUtil__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/numberUtil */ "./components/_utils/numberUtil.ts");
+
 
 
 
@@ -32105,7 +32386,7 @@ var InternalStepper = function InternalStepper(props, ref) {
       return false;
     }
 
-    var startingNumber = parseFloat(stepperrref.current.value) || parseFloat(inputNumberProps.min) || 0;
+    var startingNumber = Object(_utils_numberUtil__WEBPACK_IMPORTED_MODULE_16__["isExp"])(stepperrref.current.value) ? big_js__WEBPACK_IMPORTED_MODULE_7___default()(stepperrref.current.value).valueOf() : stepperrref.current.value || parseFloat(inputNumberProps.min) || 0;
     var calculationResults = new big_js__WEBPACK_IMPORTED_MODULE_7___default.a(startingNumber)[type](stepNum).valueOf();
     var legalNumber = stepperrref.current.verifiValue(calculationResults);
 
@@ -39532,6 +39813,1055 @@ function endsWith(str, suffix) {
 
 /***/ }),
 
+/***/ "./components/virtual-list/Filler.tsx":
+/*!********************************************!*\
+  !*** ./components/virtual-list/Filler.tsx ***!
+  \********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
+
+
+
+
+
+
+
+
+
+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) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(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; }
+
+
+
+var Filler = function Filler(_ref) {
+  var height = _ref.height,
+      offset = _ref.offset,
+      children = _ref.children,
+      propsOuterStyle = _ref.outerStyle;
+  var outerStyle = {};
+  var innerStyle = {
+    display: 'flex',
+    flexDirection: 'column'
+  };
+
+  if (offset !== undefined) {
+    outerStyle = _objectSpread({
+      height: height,
+      position: 'relative',
+      overflow: 'hidden',
+      zIndex: 0
+    }, propsOuterStyle);
+    innerStyle = _objectSpread(_objectSpread({}, innerStyle), {}, {
+      transform: "translateY(".concat(offset, "px)"),
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      top: 0
+    });
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
+    style: outerStyle
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
+    style: innerStyle
+  }, children));
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (Filler);
+
+/***/ }),
+
+/***/ "./components/virtual-list/index.tsx":
+/*!*******************************************!*\
+  !*** ./components/virtual-list/index.tsx ***!
+  \*******************************************/
+/*! exports provided: isNumber, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./virtual-list */ "./components/virtual-list/virtual-list.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isNumber", function() { return _virtual_list__WEBPACK_IMPORTED_MODULE_0__["isNumber"]; });
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = (_virtual_list__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./components/virtual-list/utils/algorithmUtil.ts":
+/*!********************************************************!*\
+  !*** ./components/virtual-list/utils/algorithmUtil.ts ***!
+  \********************************************************/
+/*! exports provided: getIndexByStartLoc, findListDiffIndex */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getIndexByStartLoc", function() { return getIndexByStartLoc; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findListDiffIndex", function() { return findListDiffIndex; });
+/**
+ * Get index with specific start index one by one. e.g.
+ * min: 3, max: 9, start: 6
+ *
+ * Return index is:
+ * [0]: 6
+ * [1]: 7
+ * [2]: 5
+ * [3]: 8
+ * [4]: 4
+ * [5]: 9
+ * [6]: 3
+ */
+function getIndexByStartLoc(min, max, start, index) {
+  var beforeCount = start - min;
+  var afterCount = max - start;
+  var balanceCount = Math.min(beforeCount, afterCount) * 2;
+
+  if (index <= balanceCount) {
+    var stepIndex = Math.floor(index / 2);
+
+    if (index % 2) {
+      return start + stepIndex + 1;
+    }
+
+    return start - stepIndex;
+  }
+
+  if (beforeCount > afterCount) {
+    return start - (index - afterCount);
+  }
+
+  return start + (index - beforeCount);
+}
+function findListDiffIndex(originList, targetList, getKey) {
+  var originLen = originList.length;
+  var targetLen = targetList.length;
+  var shortList;
+  var longList;
+
+  if (originLen === 0 && targetLen === 0) {
+    return null;
+  }
+
+  if (originLen < targetLen) {
+    shortList = originList;
+    longList = targetList;
+  } else {
+    shortList = targetList;
+    longList = originList;
+  }
+
+  var notExistKey = {
+    __EMPTY_ITEM__: true
+  };
+
+  function getItemKey(item, index) {
+    return item !== undefined ? getKey(item, index) : notExistKey;
+  }
+
+  var diffIndex = null;
+  var multiple = Math.abs(originLen - targetLen) !== 1;
+
+  for (var i = 0; i < longList.length; i += 1) {
+    var shortKey = getItemKey(shortList[i], i);
+    var longKey = getItemKey(longList[i], i);
+
+    if (shortKey !== longKey) {
+      diffIndex = i;
+      multiple = multiple || shortKey !== getItemKey(longList[i + 1], i + 1);
+      break;
+    }
+  }
+
+  return diffIndex === null ? null : {
+    index: diffIndex,
+    multiple: multiple
+  };
+}
+
+/***/ }),
+
+/***/ "./components/virtual-list/utils/itemUtil.ts":
+/*!***************************************************!*\
+  !*** ./components/virtual-list/utils/itemUtil.ts ***!
+  \***************************************************/
+/*! exports provided: GHOST_ITEM_KEY, getLocationItem, getNodeHeight, getValidScrollTop, getScrollPercentage, getRangeIndex, getItemRelativeTop, getItemAbsoluteTop, getCompareItemRelativeTop, getLongestItemIndex */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GHOST_ITEM_KEY", function() { return GHOST_ITEM_KEY; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocationItem", function() { return getLocationItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNodeHeight", function() { return getNodeHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getValidScrollTop", function() { return getValidScrollTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getScrollPercentage", function() { return getScrollPercentage; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRangeIndex", function() { return getRangeIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getItemRelativeTop", function() { return getItemRelativeTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getItemAbsoluteTop", function() { return getItemAbsoluteTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCompareItemRelativeTop", function() { return getCompareItemRelativeTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLongestItemIndex", function() { return getLongestItemIndex; });
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.number.is-nan.js */ "./node_modules/core-js/modules/es.number.is-nan.js");
+/* harmony import */ var core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_is_nan_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _utils_getStringLength__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../_utils/getStringLength */ "./components/_utils/getStringLength.ts");
+
+var _excluded = ["scrollTop"];
+
+
+
+
+
+
+
+
+/**
+ * 为了计算方便，定位元素的下标可能返回数组长度，代表最后一个元素
+ */
+
+var GHOST_ITEM_KEY = '__rc_ghost_item__';
+
+/**
+ * 根据滚动条当前的滚动百分比，计算出基准元素
+ * 在基准元素的上方和下方渲染可见区域的其他元素
+ */
+function getLocationItem(scrollPtg, total) {
+  var itemIndex = Math.floor(scrollPtg * total);
+  var itemTopPtg = itemIndex / total;
+  var offsetPtg = (scrollPtg - itemTopPtg) / (1 / total);
+  return {
+    index: itemIndex,
+    offsetPtg: Number.isNaN(offsetPtg) ? 0 : offsetPtg
+  };
+}
+/**
+ * 获取HTML元素高度
+ */
+
+function getNodeHeight(node) {
+  var needMargin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  // eslint-disable-next-line react/no-find-dom-node
+  var element = Object(react_dom__WEBPACK_IMPORTED_MODULE_7__["findDOMNode"])(node);
+  var marginVertical = 0;
+
+  if (needMargin) {
+    var _window$getComputedSt = window.getComputedStyle(node),
+        marginTop = _window$getComputedSt.marginTop,
+        marginBottom = _window$getComputedSt.marginBottom;
+
+    marginVertical = Number(marginTop.replace(/\D/g, '')) + Number(marginBottom.replace(/\D/g, ''));
+    marginVertical = isNaN(marginVertical) ? 0 : marginVertical;
+  }
+
+  return element ? element.offsetHeight + marginVertical : 0;
+}
+/**
+ * 获取有效的scrollTop值
+ * Safari的缓动效果会获得负值的scrollTop
+ */
+
+function getValidScrollTop(scrollTop, scrollRange) {
+  return scrollTop < 0 ? 0 : scrollTop > scrollRange ? scrollRange : scrollTop;
+}
+/**
+ * 视口已滚动距离 / 总可滚动距离
+ */
+
+function getScrollPercentage(_ref) {
+  var scrollTop = _ref.scrollTop,
+      scrollHeight = _ref.scrollHeight,
+      clientHeight = _ref.clientHeight;
+  var scrollRange = scrollHeight - clientHeight;
+  return scrollRange <= 0 ? 0 : getValidScrollTop(scrollTop, scrollRange) / scrollRange;
+}
+/**
+ * 计算需要渲染的元素的开始下标、结束下标和用于定位的元素下标
+ */
+
+function getRangeIndex(scrollPtg, itemCount, visibleCount) {
+  var _getLocationItem = getLocationItem(scrollPtg, itemCount),
+      index = _getLocationItem.index,
+      offsetPtg = _getLocationItem.offsetPtg;
+
+  var beforeCount = Math.ceil(scrollPtg * visibleCount);
+  var afterCount = Math.ceil((1 - scrollPtg) * visibleCount);
+  return {
+    itemIndex: index,
+    itemOffsetPtg: offsetPtg,
+    startIndex: Math.max(0, index - beforeCount),
+    endIndex: Math.min(itemCount - 1, index + afterCount)
+  };
+}
+
+/**
+ * 计算元素相对于视口顶部的偏移量
+ */
+function getItemRelativeTop(_ref2) {
+  var itemHeight = _ref2.itemHeight,
+      itemOffsetPtg = _ref2.itemOffsetPtg,
+      scrollPtg = _ref2.scrollPtg,
+      clientHeight = _ref2.clientHeight;
+  return Math.floor(clientHeight * scrollPtg - itemHeight * itemOffsetPtg);
+}
+/**
+ * 计算元素相对于整个滚动区域顶部的偏移量
+ */
+
+function getItemAbsoluteTop(_ref3) {
+  var scrollTop = _ref3.scrollTop,
+      rest = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0___default()(_ref3, _excluded);
+
+  return scrollTop + getItemRelativeTop(rest);
+}
+
+/**
+ * 计算某一指定下标的元素相对于视口顶部的偏移量
+ */
+function getCompareItemRelativeTop(_ref4) {
+  var locatedItemRelativeTop = _ref4.locatedItemRelativeTop,
+      locatedItemIndex = _ref4.locatedItemIndex,
+      compareItemIndex = _ref4.compareItemIndex,
+      startIndex = _ref4.startIndex,
+      endIndex = _ref4.endIndex,
+      getItemKey = _ref4.getItemKey,
+      itemElementHeights = _ref4.itemElementHeights,
+      itemHeight = _ref4.itemHeight;
+  var compareItemTop = locatedItemRelativeTop;
+  var compareItemKey = getItemKey(compareItemIndex);
+
+  if (compareItemIndex <= locatedItemIndex) {
+    for (var _index = locatedItemIndex; _index >= startIndex; _index -= 1) {
+      var _key = getItemKey(_index);
+
+      if (_key === compareItemKey) {
+        break;
+      }
+
+      var prevItemKey = getItemKey(_index - 1);
+      compareItemTop -= itemElementHeights[prevItemKey] || itemHeight;
+    }
+  } else {
+    for (var _index2 = locatedItemIndex; _index2 <= endIndex; _index2 += 1) {
+      var _key2 = getItemKey(_index2);
+
+      if (_key2 === compareItemKey) {
+        break;
+      }
+
+      compareItemTop += itemElementHeights[_key2] || itemHeight;
+    }
+  }
+
+  return compareItemTop;
+}
+function getLongestItemIndex(data) {
+  var result = -1;
+  var length = 0;
+  data.forEach(function (item, index) {
+    var _item$props;
+
+    item = typeof item === 'string' ? item : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.children;
+
+    if (typeof item === 'string') {
+      var _length = Object(_utils_getStringLength__WEBPACK_IMPORTED_MODULE_8__["default"])(item);
+
+      if (_length > length) {
+        length = _length;
+        result = index;
+      }
+    }
+  });
+  return result;
+}
+
+/***/ }),
+
+/***/ "./components/virtual-list/virtual-list.tsx":
+/*!**************************************************!*\
+  !*** ./components/virtual-list/virtual-list.tsx ***!
+  \**************************************************/
+/*! exports provided: isNumber, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isNumber", function() { return isNumber; });
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.number.to-fixed.js */ "./node_modules/core-js/modules/es.number.to-fixed.js");
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.entries.js */ "./node_modules/core-js/modules/es.object.entries.js");
+/* harmony import */ var core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ "./node_modules/core-js/modules/es.array.find-index.js");
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var _utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils/itemUtil */ "./components/virtual-list/utils/itemUtil.ts");
+/* harmony import */ var _utils_raf__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils/raf */ "./components/_utils/raf.ts");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils_algorithmUtil__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./utils/algorithmUtil */ "./components/virtual-list/utils/algorithmUtil.ts");
+/* harmony import */ var _Filler__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Filler */ "./components/virtual-list/Filler.tsx");
+/* harmony import */ var _utils_resizeObserver__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_utils/resizeObserver */ "./components/_utils/resizeObserver.tsx");
+
+
+
+
+
+
+
+
+
+
+var _excluded = ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle"];
+
+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) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(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; }
+
+
+
+
+
+
+
+
+
+
+
+// Reference: https://github.com/arco-design/arco-design/blob/main/components/_class/VirtualList/index.tsx
+
+
+
+
+
+
+
+function isNumber(obj) {
+  return Object.prototype.toString.call(obj) === '[object Number]' && obj === obj; // eslint-disable-line
+}
+var DEFAULT_VIRTUAL_ITEM_HEIGHT = 32;
+var KEY_VIRTUAL_ITEM_HEIGHT = "__virtual_item_height_".concat(Math.random().toFixed(5).slice(2));
+
+var useComputeVirtualItemHeight = function useComputeVirtualItemHeight(refItemHeightMap) {
+  var forceUpdate = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_23__["useForceUpdate"])();
+  var heightMap = refItemHeightMap.current;
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    if (Object.keys(heightMap).length && !heightMap[KEY_VIRTUAL_ITEM_HEIGHT]) {
+      heightMap[KEY_VIRTUAL_ITEM_HEIGHT] = Object.entries(heightMap).reduce(function (sum, _ref, currentIndex, array) {
+        var _ref2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_ref, 2),
+            currentHeight = _ref2[1];
+
+        var nextSum = sum + currentHeight;
+        return currentIndex === array.length - 1 ? Math.round(nextSum / array.length) : nextSum;
+      }, 0);
+      forceUpdate();
+    }
+  }, [Object.keys(heightMap).length]);
+};
+
+var useCacheChildrenNodes = function useCacheChildrenNodes(children) {
+  var refCacheMap = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])({});
+  var refPrevChildren = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(children);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    refPrevChildren.current = children;
+  }, [children]);
+
+  if (children !== refPrevChildren.current) {
+    refCacheMap.current = {};
+  }
+
+  return function (item, index, props) {
+    // eslint-disable-next-line no-prototype-builtins
+    if (!refCacheMap.current.hasOwnProperty(index)) {
+      refCacheMap.current[index] = children(item, index, props);
+    }
+
+    return refCacheMap.current[index];
+  };
+};
+
+var VirtualList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.forwardRef(function (props, ref) {
+  var style = props.style,
+      className = props.className,
+      children = props.children,
+      _props$data = props.data,
+      data = _props$data === void 0 ? [] : _props$data,
+      itemKey = props.itemKey,
+      _props$threshold = props.threshold,
+      threshold = _props$threshold === void 0 ? 100 : _props$threshold,
+      _props$wrapper = props.wrapper,
+      WrapperTagName = _props$wrapper === void 0 ? 'div' : _props$wrapper,
+      _props$height = props.height,
+      propHeight = _props$height === void 0 ? 300 : _props$height,
+      _props$isStaticItemHe = props.isStaticItemHeight,
+      isStaticItemHeight = _props$isStaticItemHe === void 0 ? true : _props$isStaticItemHe,
+      propItemHeight = props.itemHeight,
+      measureLongestItem = props.measureLongestItem,
+      scrollOptions = props.scrollOptions,
+      onScroll = props.onScroll,
+      _props$needFiller = props.needFiller,
+      needFiller = _props$needFiller === void 0 ? true : _props$needFiller,
+      outerStyle = props.outerStyle,
+      restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_8___default()(props, _excluded);
+
+  var styleListMaxHeight = style && style.maxHeight || propHeight;
+  var refItemHeightMap = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])({});
+
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(200),
+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useState, 2),
+      stateHeight = _useState2[0],
+      setStateHeight = _useState2[1];
+
+  var renderChild = useCacheChildrenNodes(children);
+  useComputeVirtualItemHeight(refItemHeightMap);
+  var itemCount = data.length;
+  var itemHeight = propItemHeight || refItemHeightMap.current[KEY_VIRTUAL_ITEM_HEIGHT] || DEFAULT_VIRTUAL_ITEM_HEIGHT;
+  var viewportHeight = isNumber(styleListMaxHeight) ? styleListMaxHeight : stateHeight;
+  var itemCountVisible = Math.ceil(viewportHeight / itemHeight);
+  var itemTotalHeight = itemHeight * itemCount;
+  var isVirtual = threshold !== null && itemCount >= threshold && itemTotalHeight > viewportHeight;
+  var refList = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  var refRafId = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  var refLockScroll = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(false);
+  var refIsVirtual = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(isVirtual);
+  var scrollListPadding = Object(react__WEBPACK_IMPORTED_MODULE_20__["useMemo"])(function () {
+    if (refList.current) {
+      var getPadding = function getPadding(property) {
+        return +window.getComputedStyle(refList.current)[property].replace(/\D/g, '');
+      };
+
+      return {
+        top: getPadding('paddingTop'),
+        bottom: getPadding('paddingBottom')
+      };
+    }
+
+    return {
+      top: 0,
+      bottom: 0
+    };
+  }, [refList.current]);
+
+  var _useStateWithPromise = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_23__["useStateWithPromise"])({
+    status: 'NONE',
+    startIndex: 0,
+    endIndex: 0,
+    itemIndex: 0,
+    itemOffsetPtg: 0,
+    startItemTop: 0,
+    scrollTop: 0
+  }),
+      _useStateWithPromise2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9___default()(_useStateWithPromise, 2),
+      state = _useStateWithPromise2[0],
+      setState = _useStateWithPromise2[1];
+
+  var prevData = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_23__["usePrevious"])(data) || [];
+  var isFirstRender = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_23__["useIsFirstRender"])();
+
+  var getItemKey = function getItemKey(item, index) {
+    return typeof itemKey === 'function' ? itemKey(item, index) : typeof itemKey === 'string' ? item[itemKey] : item.key || index;
+  };
+
+  var getItemKeyByIndex = function getItemKeyByIndex(index) {
+    var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : data;
+
+    if (index === items.length) {
+      return _utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["GHOST_ITEM_KEY"];
+    }
+
+    var item = items[index];
+    return item !== undefined ? getItemKey(item, index) : null;
+  };
+
+  var getCachedItemHeight = function getCachedItemHeight(key) {
+    return refItemHeightMap.current[key] || itemHeight;
+  };
+
+  var internalScrollTo = function internalScrollTo(relativeScroll) {
+    var compareItemIndex = relativeScroll.itemIndex,
+        compareItemRelativeTop = relativeScroll.relativeTop;
+    if (!refList.current) return;
+    var _refList$current = refList.current,
+        scrollHeight = _refList$current.scrollHeight,
+        clientHeight = _refList$current.clientHeight;
+    var originScrollTop = state.scrollTop;
+    var maxScrollTop = scrollHeight - clientHeight;
+    var bestSimilarity = Number.MAX_VALUE;
+    var bestScrollTop = null;
+    var bestItemIndex = null;
+    var bestItemOffsetPtg = null;
+    var bestStartIndex = null;
+    var bestEndIndex = null;
+    var missSimilarity = 0;
+
+    for (var i = 0; i < maxScrollTop; i++) {
+      var scrollTop = Object(_utils_algorithmUtil__WEBPACK_IMPORTED_MODULE_24__["getIndexByStartLoc"])(0, maxScrollTop, originScrollTop, i);
+      var scrollPtg = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+        scrollTop: scrollTop,
+        scrollHeight: scrollHeight,
+        clientHeight: clientHeight
+      });
+
+      var _getRangeIndex = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getRangeIndex"])(scrollPtg, itemCount, itemCountVisible),
+          itemIndex = _getRangeIndex.itemIndex,
+          itemOffsetPtg = _getRangeIndex.itemOffsetPtg,
+          startIndex = _getRangeIndex.startIndex,
+          endIndex = _getRangeIndex.endIndex;
+
+      if (startIndex <= compareItemIndex && compareItemIndex <= endIndex) {
+        var locatedItemRelativeTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getItemRelativeTop"])({
+          itemHeight: getCachedItemHeight(getItemKeyByIndex(itemIndex)),
+          itemOffsetPtg: itemOffsetPtg,
+          clientHeight: clientHeight,
+          scrollPtg: scrollPtg
+        });
+        var compareItemTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getCompareItemRelativeTop"])({
+          locatedItemRelativeTop: locatedItemRelativeTop,
+          locatedItemIndex: itemIndex,
+          compareItemIndex: compareItemIndex,
+          startIndex: startIndex,
+          endIndex: endIndex,
+          itemHeight: itemHeight,
+          getItemKey: getItemKeyByIndex,
+          itemElementHeights: refItemHeightMap.current
+        });
+        var similarity = Math.abs(compareItemTop - compareItemRelativeTop);
+
+        if (similarity < bestSimilarity) {
+          bestSimilarity = similarity;
+          bestScrollTop = scrollTop;
+          bestItemIndex = itemIndex;
+          bestItemOffsetPtg = itemOffsetPtg;
+          bestStartIndex = startIndex;
+          bestEndIndex = endIndex;
+          missSimilarity = 0;
+        } else {
+          missSimilarity += 1;
+        }
+      }
+
+      if (missSimilarity > 10) {
+        break;
+      }
+    }
+
+    if (bestScrollTop !== null) {
+      refLockScroll.current = true;
+      refList.current.scrollTop = bestScrollTop;
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        status: 'MEASURE_START',
+        scrollTop: bestScrollTop,
+        itemIndex: bestItemIndex,
+        itemOffsetPtg: bestItemOffsetPtg,
+        startIndex: bestStartIndex,
+        endIndex: bestEndIndex
+      }));
+    }
+
+    refRafId.current = Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["raf"])(function () {
+      refLockScroll.current = false;
+    });
+  };
+
+  var rawListScrollHandler = function rawListScrollHandler(event) {
+    if (!refList.current) return;
+    var _refList$current2 = refList.current,
+        rawScrollTop = _refList$current2.scrollTop,
+        clientHeight = _refList$current2.clientHeight,
+        scrollHeight = _refList$current2.scrollHeight;
+    var scrollTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getValidScrollTop"])(rawScrollTop, scrollHeight - clientHeight);
+    var scrollPtg = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+      scrollTop: scrollTop,
+      clientHeight: clientHeight,
+      scrollHeight: scrollHeight
+    });
+
+    var _getLocationItem = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getLocationItem"])(scrollPtg, itemCount),
+        index = _getLocationItem.index,
+        offsetPtg = _getLocationItem.offsetPtg;
+
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      scrollTop: scrollTop,
+      itemIndex: index,
+      itemOffsetPtg: offsetPtg
+    }));
+    event && onScroll && onScroll(event);
+  };
+
+  var virtualListScrollHandler = function virtualListScrollHandler(event) {
+    var isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var scrollHeight = itemTotalHeight;
+    if (!refList.current) return;
+    var _refList$current3 = refList.current,
+        rawScrollTop = _refList$current3.scrollTop,
+        clientHeight = _refList$current3.clientHeight;
+    var scrollTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getValidScrollTop"])(rawScrollTop, scrollHeight - clientHeight);
+
+    if (!isInit && (scrollTop === state.scrollTop || refLockScroll.current)) {
+      return;
+    }
+
+    var scrollPtg = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+      scrollTop: scrollTop,
+      clientHeight: clientHeight,
+      scrollHeight: scrollHeight
+    });
+
+    var _getRangeIndex2 = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getRangeIndex"])(scrollPtg, itemCount, itemCountVisible),
+        itemIndex = _getRangeIndex2.itemIndex,
+        itemOffsetPtg = _getRangeIndex2.itemOffsetPtg,
+        startIndex = _getRangeIndex2.startIndex,
+        endIndex = _getRangeIndex2.endIndex;
+
+    setState(_objectSpread(_objectSpread({}, state), {}, {
+      scrollTop: scrollTop,
+      itemIndex: itemIndex,
+      itemOffsetPtg: itemOffsetPtg,
+      startIndex: startIndex,
+      endIndex: endIndex,
+      status: 'MEASURE_START'
+    }));
+    event && onScroll && onScroll(event);
+  };
+
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    return function () {
+      refRafId.current && Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["caf"])(refRafId.current);
+    };
+  }, []);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    if (refList.current) {
+      if (isFirstRender) {
+        refList.current.scrollTop = 0;
+      }
+
+      virtualListScrollHandler(null, true);
+    }
+  }, [itemCountVisible]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    var changedItemIndex = null;
+    var switchTo = refIsVirtual.current !== isVirtual ? isVirtual ? 'virtual' : 'raw' : '';
+    refIsVirtual.current = isVirtual;
+
+    if (viewportHeight && prevData.length !== data.length) {
+      var diff = Object(_utils_algorithmUtil__WEBPACK_IMPORTED_MODULE_24__["findListDiffIndex"])(prevData, data, getItemKey);
+      changedItemIndex = diff ? diff.index : null;
+    }
+
+    if ((switchTo || isVirtual && changedItemIndex) && refList.current) {
+      var clientHeight = refList.current.clientHeight;
+      var locatedItemRelativeTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getItemRelativeTop"])({
+        itemHeight: getCachedItemHeight(getItemKeyByIndex(state.itemIndex, prevData)),
+        itemOffsetPtg: state.itemOffsetPtg,
+        scrollPtg: Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+          scrollTop: state.scrollTop,
+          scrollHeight: prevData.length * itemHeight,
+          clientHeight: clientHeight
+        }),
+        clientHeight: clientHeight
+      });
+
+      if (switchTo === 'raw') {
+        var rawTop = locatedItemRelativeTop;
+
+        for (var _index = 0; _index < state.itemIndex; _index++) {
+          rawTop -= getCachedItemHeight(getItemKeyByIndex(_index));
+        }
+
+        refList.current.scrollTop = -rawTop;
+        refLockScroll.current = true;
+        refRafId.current = Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["raf"])(function () {
+          refLockScroll.current = false;
+        });
+      } else {
+        internalScrollTo({
+          itemIndex: state.itemIndex,
+          relativeTop: locatedItemRelativeTop
+        });
+      }
+    }
+  }, [data, isVirtual]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useLayoutEffect"])(function () {
+    if (state.status === 'MEASURE_START' && refList.current) {
+      var _refList$current4 = refList.current,
+          scrollTop = _refList$current4.scrollTop,
+          scrollHeight = _refList$current4.scrollHeight,
+          clientHeight = _refList$current4.clientHeight;
+      var scrollPtg = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])({
+        scrollTop: scrollTop,
+        scrollHeight: scrollHeight,
+        clientHeight: clientHeight
+      });
+      var startItemTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getItemAbsoluteTop"])({
+        scrollPtg: scrollPtg,
+        clientHeight: clientHeight,
+        scrollTop: scrollTop - (scrollListPadding.top + scrollListPadding.bottom) * scrollPtg,
+        itemHeight: getCachedItemHeight(getItemKeyByIndex(state.itemIndex)),
+        itemOffsetPtg: state.itemOffsetPtg
+      });
+
+      for (var _index2 = state.itemIndex - 1; _index2 >= state.startIndex; _index2--) {
+        startItemTop -= getCachedItemHeight(getItemKeyByIndex(_index2));
+      }
+
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        startItemTop: startItemTop,
+        status: 'MEASURE_DONE'
+      }));
+    }
+  }, [state]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useImperativeHandle"])(ref, function () {
+    return {
+      dom: refList.current,
+      scrollTo: function scrollTo(arg) {
+        refRafId.current && Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["caf"])(refRafId.current);
+        refRafId.current = Object(_utils_raf__WEBPACK_IMPORTED_MODULE_22__["raf"])(function () {
+          var _arg$options;
+
+          if (typeof arg === 'number') {
+            refList.current.scrollTop = arg;
+            return;
+          }
+
+          var index = 'index' in arg ? arg.index : 'key' in arg ? data.findIndex(function (item, index) {
+            return getItemKey(item, index) === arg.key;
+          }) : 0;
+          var item = data[index];
+
+          if (!item) {
+            return;
+          }
+
+          var align = _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_6___default()(arg) === 'object' && (_arg$options = arg.options) !== null && _arg$options !== void 0 && _arg$options.block ? arg.options.block : (scrollOptions === null || scrollOptions === void 0 ? void 0 : scrollOptions.block) || 'nearest';
+          var _refList$current5 = refList.current,
+              clientHeight = _refList$current5.clientHeight,
+              scrollTop = _refList$current5.scrollTop;
+
+          if (isVirtual && !isStaticItemHeight) {
+            if (align === 'nearest') {
+              var itemIndex = state.itemIndex,
+                  itemOffsetPtg = state.itemOffsetPtg;
+
+              if (Math.abs(itemIndex - index) < itemCountVisible) {
+                var itemTop = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getItemRelativeTop"])({
+                  itemHeight: getCachedItemHeight(getItemKeyByIndex(itemIndex)),
+                  itemOffsetPtg: itemOffsetPtg,
+                  clientHeight: clientHeight,
+                  scrollPtg: Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getScrollPercentage"])(refList.current)
+                });
+
+                if (index < itemIndex) {
+                  for (var i = index; i < itemIndex; i++) {
+                    itemTop -= getCachedItemHeight(getItemKeyByIndex(i));
+                  }
+                } else {
+                  for (var _i = itemIndex; _i < index; _i++) {
+                    itemTop += getCachedItemHeight(getItemKeyByIndex(_i));
+                  }
+                }
+
+                if (itemTop < 0 || itemTop > clientHeight) {
+                  align = itemTop < 0 ? 'start' : 'end';
+                } else {
+                  return;
+                }
+              } else {
+                align = index < itemIndex ? 'start' : 'end';
+              }
+            }
+
+            setState(_objectSpread(_objectSpread({}, state), {}, {
+              startIndex: Math.max(0, index - itemCountVisible),
+              endIndex: Math.min(itemCount - 1, index + itemCountVisible)
+            })).then(function () {
+              var itemHeight = getCachedItemHeight(getItemKey(item, index));
+              internalScrollTo({
+                itemIndex: index,
+                relativeTop: align === 'start' ? 0 : (clientHeight - itemHeight) / (align === 'center' ? 2 : 1)
+              });
+            });
+          } else {
+            var indexItemHeight = getCachedItemHeight(getItemKeyByIndex(index));
+            var _itemTop = 0;
+
+            for (var _i2 = 0; _i2 < index; _i2++) {
+              _itemTop += getCachedItemHeight(getItemKeyByIndex(_i2));
+            }
+
+            var itemBottom = _itemTop + indexItemHeight;
+            var itemMiddle = _itemTop + indexItemHeight / 2;
+
+            if (itemMiddle > scrollTop && itemMiddle < clientHeight + scrollTop) {
+              return;
+            }
+
+            if (align === 'nearest') {
+              if (_itemTop < scrollTop) {
+                align = 'start';
+              } else if (itemBottom > scrollTop + clientHeight) {
+                align = 'end';
+              }
+            }
+
+            var _viewportHeight = clientHeight - indexItemHeight;
+
+            refList.current.scrollTop = _itemTop - (align === 'start' ? 0 : _viewportHeight / (align === 'center' ? 2 : 1));
+          }
+        });
+      }
+    };
+  }, [data, itemHeight, state]);
+
+  var renderChildren = function renderChildren(list, startIndex) {
+    return list.map(function (item, index) {
+      var originIndex = startIndex + index;
+      var node = renderChild(item, originIndex, {
+        style: {}
+      });
+      var key = getItemKey(item, originIndex);
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.cloneElement(node, {
+        key: key,
+        ref: function ref(ele) {
+          var heightMap = refItemHeightMap.current;
+
+          if (ele && state.status === 'MEASURE_START' && (!isStaticItemHeight || heightMap[key] === undefined)) {
+            if (isStaticItemHeight) {
+              if (!heightMap[KEY_VIRTUAL_ITEM_HEIGHT]) {
+                heightMap[KEY_VIRTUAL_ITEM_HEIGHT] = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getNodeHeight"])(ele, true);
+              }
+
+              heightMap[key] = heightMap[KEY_VIRTUAL_ITEM_HEIGHT];
+            } else {
+              heightMap[key] = Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getNodeHeight"])(ele, true);
+            }
+          }
+        }
+      });
+    });
+  };
+
+  var refLongestItemIndex = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    refLongestItemIndex.current = null;
+  }, [data]);
+
+  var renderLongestItem = function renderLongestItem() {
+    if (measureLongestItem) {
+      var _index3 = refLongestItemIndex.current === null ? Object(_utils_itemUtil__WEBPACK_IMPORTED_MODULE_21__["getLongestItemIndex"])(data) : refLongestItemIndex.current;
+
+      var _item = data[_index3];
+      refLongestItemIndex.current = _index3;
+      return _item ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+        style: {
+          height: 1,
+          overflow: 'hidden',
+          opacity: 0
+        }
+      }, renderChild(_item, _index3, {
+        style: {}
+      })) : null;
+    }
+
+    return null;
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_utils_resizeObserver__WEBPACK_IMPORTED_MODULE_26__["default"], {
+    onResize: function onResize() {
+      if (refList.current && !isNumber(styleListMaxHeight)) {
+        var clientHeight = refList.current.clientHeight;
+        setStateHeight(clientHeight);
+      }
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(WrapperTagName, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5___default()({
+    ref: refList,
+    style: _objectSpread(_objectSpread({
+      overflowY: 'auto',
+      overflowAnchor: 'none'
+    }, style), {}, {
+      maxHeight: styleListMaxHeight
+    }),
+    className: className,
+    onScroll: isVirtual ? virtualListScrollHandler : rawListScrollHandler
+  }, restProps), isVirtual ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_Filler__WEBPACK_IMPORTED_MODULE_25__["default"], {
+    height: itemTotalHeight,
+    offset: state.status === 'MEASURE_DONE' ? state.startItemTop : 0,
+    outerStyle: outerStyle
+  }, renderChildren(data.slice(state.startIndex, state.endIndex + 1), state.startIndex)), renderLongestItem()) : needFiller ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_Filler__WEBPACK_IMPORTED_MODULE_25__["default"], {
+    height: viewportHeight
+  }, renderChildren(data, 0)) : renderChildren(data, 0)));
+});
+VirtualList.displayName = 'VirtualList';
+/* harmony default export */ __webpack_exports__["default"] = (VirtualList);
+
+/***/ }),
+
 /***/ "./index.js":
 /*!******************!*\
   !*** ./index.js ***!
@@ -39555,6 +40885,8 @@ __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./no
 
 __webpack_require__(/*! core-js/modules/es.string.match.js */ "./node_modules/core-js/modules/es.string.match.js");
 
+__webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+
 /* eslint no-console:0 */
 function camelCase(name) {
   return name.charAt(0).toUpperCase() + name.slice(1).replace(/-(\w)/g, function (m, n) {
@@ -39574,7 +40906,7 @@ req.keys().forEach(function (mod) {
   var match = mod.match(/^\.\/([^_][\w-]+)\/index\.tsx?$/);
 
   if (match && match[1]) {
-    if (match[1] === 'message' || match[1] === 'notification') {
+    if (['message', 'notification', 'virtual-list'].includes(match[1])) {
       // need nextUI modify
       // message & notification should not be capitalized
       exports[match[1]] = v;
@@ -40543,6 +41875,25 @@ module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.ex
 
 /***/ }),
 
+/***/ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/assertThisInitialized.js ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    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;
+
+/***/ }),
+
 /***/ "./node_modules/@babel/runtime/helpers/asyncToGenerator.js":
 /*!*****************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/asyncToGenerator.js ***!
@@ -40691,6 +42042,55 @@ module.exports = _extends, module.exports.__esModule = true, module.exports["def
 
 /***/ }),
 
+/***/ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/getPrototypeOf.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _getPrototypeOf(o) {
+  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : 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;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/inherits.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/inherits.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js");
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      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;
+
+/***/ }),
+
 /***/ "./node_modules/@babel/runtime/helpers/iterableToArray.js":
 /*!****************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/iterableToArray.js ***!
@@ -40835,6 +42235,50 @@ module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true
 
 /***/ }),
 
+/***/ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js ***!
+  \**************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var _typeof = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/typeof.js")["default"];
+
+var assertThisInitialized = __webpack_require__(/*! ./assertThisInitialized.js */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js");
+
+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 assertThisInitialized(self);
+}
+
+module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _setPrototypeOf(o, p) {
+  module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  return _setPrototypeOf(o, p);
+}
+
+module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "./node_modules/@babel/runtime/helpers/slicedToArray.js":
 /*!**************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/slicedToArray.js ***!
@@ -67267,6 +68711,52 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "./node_modules/core-js/internals/function-bind.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/core-js/internals/function-bind.js ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var global = __webpack_require__(/*! ../internals/global */ "./node_modules/core-js/internals/global.js");
+var uncurryThis = __webpack_require__(/*! ../internals/function-uncurry-this */ "./node_modules/core-js/internals/function-uncurry-this.js");
+var aCallable = __webpack_require__(/*! ../internals/a-callable */ "./node_modules/core-js/internals/a-callable.js");
+var isObject = __webpack_require__(/*! ../internals/is-object */ "./node_modules/core-js/internals/is-object.js");
+var hasOwn = __webpack_require__(/*! ../internals/has-own-property */ "./node_modules/core-js/internals/has-own-property.js");
+var arraySlice = __webpack_require__(/*! ../internals/array-slice */ "./node_modules/core-js/internals/array-slice.js");
+var NATIVE_BIND = __webpack_require__(/*! ../internals/function-bind-native */ "./node_modules/core-js/internals/function-bind-native.js");
+
+var Function = global.Function;
+var concat = uncurryThis([].concat);
+var join = uncurryThis([].join);
+var factories = {};
+
+var construct = function (C, argsLength, args) {
+  if (!hasOwn(factories, argsLength)) {
+    for (var list = [], i = 0; i < argsLength; i++) list[i] = 'a[' + i + ']';
+    factories[argsLength] = Function('C,a', 'return new C(' + join(list, ',') + ')');
+  } return factories[argsLength](C, args);
+};
+
+// `Function.prototype.bind` method implementation
+// https://tc39.es/ecma262/#sec-function.prototype.bind
+module.exports = NATIVE_BIND ? Function.bind : function bind(that /* , ...args */) {
+  var F = aCallable(this);
+  var Prototype = F.prototype;
+  var partArgs = arraySlice(arguments, 1);
+  var boundFunction = function bound(/* args... */) {
+    var args = concat(partArgs, arraySlice(arguments));
+    return this instanceof boundFunction ? construct(F, args.length, args) : F.apply(that, args);
+  };
+  if (isObject(Prototype)) boundFunction.prototype = Prototype;
+  return boundFunction;
+};
+
+
 /***/ }),
 
 /***/ "./node_modules/core-js/internals/function-call.js":
@@ -71777,6 +73267,27 @@ $({ target: 'Number', proto: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ "./node_modules/core-js/modules/es.object.entries.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/core-js/modules/es.object.entries.js ***!
+  \***********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
+var $entries = __webpack_require__(/*! ../internals/object-to-array */ "./node_modules/core-js/internals/object-to-array.js").entries;
+
+// `Object.entries` method
+// https://tc39.es/ecma262/#sec-object.entries
+$({ target: 'Object', stat: true }, {
+  entries: function entries(O) {
+    return $entries(O);
+  }
+});
+
+
 /***/ }),
 
 /***/ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js":
@@ -72319,6 +73830,73 @@ $({ target: PROMISE, stat: true, forced: INCORRECT_ITERATION }, {
 });
 
 
+/***/ }),
+
+/***/ "./node_modules/core-js/modules/es.reflect.construct.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/core-js/modules/es.reflect.construct.js ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
+var getBuiltIn = __webpack_require__(/*! ../internals/get-built-in */ "./node_modules/core-js/internals/get-built-in.js");
+var apply = __webpack_require__(/*! ../internals/function-apply */ "./node_modules/core-js/internals/function-apply.js");
+var bind = __webpack_require__(/*! ../internals/function-bind */ "./node_modules/core-js/internals/function-bind.js");
+var aConstructor = __webpack_require__(/*! ../internals/a-constructor */ "./node_modules/core-js/internals/a-constructor.js");
+var anObject = __webpack_require__(/*! ../internals/an-object */ "./node_modules/core-js/internals/an-object.js");
+var isObject = __webpack_require__(/*! ../internals/is-object */ "./node_modules/core-js/internals/is-object.js");
+var create = __webpack_require__(/*! ../internals/object-create */ "./node_modules/core-js/internals/object-create.js");
+var fails = __webpack_require__(/*! ../internals/fails */ "./node_modules/core-js/internals/fails.js");
+
+var nativeConstruct = getBuiltIn('Reflect', 'construct');
+var ObjectPrototype = Object.prototype;
+var push = [].push;
+
+// `Reflect.construct` method
+// https://tc39.es/ecma262/#sec-reflect.construct
+// MS Edge supports only 2 arguments and argumentsList argument is optional
+// FF Nightly sets third argument as `new.target`, but does not create `this` from it
+var NEW_TARGET_BUG = fails(function () {
+  function F() { /* empty */ }
+  return !(nativeConstruct(function () { /* empty */ }, [], F) instanceof F);
+});
+
+var ARGS_BUG = !fails(function () {
+  nativeConstruct(function () { /* empty */ });
+});
+
+var FORCED = NEW_TARGET_BUG || ARGS_BUG;
+
+$({ target: 'Reflect', stat: true, forced: FORCED, sham: FORCED }, {
+  construct: function construct(Target, args /* , newTarget */) {
+    aConstructor(Target);
+    anObject(args);
+    var newTarget = arguments.length < 3 ? Target : aConstructor(arguments[2]);
+    if (ARGS_BUG && !NEW_TARGET_BUG) return nativeConstruct(Target, args, newTarget);
+    if (Target == newTarget) {
+      // w/o altered newTarget, optimization for 0-4 arguments
+      switch (args.length) {
+        case 0: return new Target();
+        case 1: return new Target(args[0]);
+        case 2: return new Target(args[0], args[1]);
+        case 3: return new Target(args[0], args[1], args[2]);
+        case 4: return new Target(args[0], args[1], args[2], args[3]);
+      }
+      // w/o altered newTarget, lot of arguments case
+      var $args = [null];
+      apply(push, $args, args);
+      return new (apply(bind, Target, $args))();
+    }
+    // with altered newTarget, not support built-in constructors
+    var proto = newTarget.prototype;
+    var instance = create(isObject(proto) ? proto : ObjectPrototype);
+    var result = apply(Target, instance, args);
+    return isObject(result) ? result : instance;
+  }
+});
+
+
 /***/ }),
 
 /***/ "./node_modules/core-js/modules/es.regexp.constructor.js":