@1money/component-ui 0.0.1

package/lib/components/VirtualList/hooks/useScrollDrag.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useScrollDrag;
+exports.getPageXY = getPageXY;
+var _raf = _interopRequireDefault(require("../utils/raf"));
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function smoothScrollOffset(offset) {
+  return Math.floor(Math.pow(offset, 0.5));
+}
+function getPageXY(e, horizontal) {
+  var obj = 'touches' in e ? e.touches[0] : e;
+  return obj[horizontal ? 'pageX' : 'pageY'] - window[horizontal ? 'scrollX' : 'scrollY'];
+}
+function useScrollDrag(inVirtual, componentRef, onScrollOffset) {
+  React.useEffect(function () {
+    var ele = componentRef.current;
+    if (inVirtual && ele) {
+      var mouseDownLock = false;
+      var rafId;
+      var offset;
+      var stopScroll = function stopScroll() {
+        _raf["default"].cancel(rafId);
+      };
+      var _continueScroll = function continueScroll() {
+        stopScroll();
+        rafId = (0, _raf["default"])(function () {
+          onScrollOffset(offset);
+          _continueScroll();
+        });
+      };
+      var clearDragState = function clearDragState() {
+        mouseDownLock = false;
+        stopScroll();
+      };
+      var onMouseDown = function onMouseDown(e) {
+        // Skip if element set draggable
+        if (e.target.draggable || e.button !== 0) {
+          return;
+        }
+        // Skip if nest List has handled this event
+        var event = e;
+        if (!event._virtualHandled) {
+          event._virtualHandled = true;
+          mouseDownLock = true;
+        }
+      };
+      var onMouseMove = function onMouseMove(e) {
+        if (mouseDownLock) {
+          var mouseY = getPageXY(e, false);
+          var _ele$getBoundingClien = ele.getBoundingClientRect(),
+            top = _ele$getBoundingClien.top,
+            bottom = _ele$getBoundingClien.bottom;
+          if (mouseY <= top) {
+            var diff = top - mouseY;
+            offset = -smoothScrollOffset(diff);
+            _continueScroll();
+          } else if (mouseY >= bottom) {
+            var _diff = mouseY - bottom;
+            offset = smoothScrollOffset(_diff);
+            _continueScroll();
+          } else {
+            stopScroll();
+          }
+        }
+      };
+      ele.addEventListener('mousedown', onMouseDown);
+      ele.ownerDocument.addEventListener('mouseup', clearDragState);
+      ele.ownerDocument.addEventListener('mousemove', onMouseMove);
+      ele.ownerDocument.addEventListener('dragend', clearDragState);
+      return function () {
+        ele.removeEventListener('mousedown', onMouseDown);
+        ele.ownerDocument.removeEventListener('mouseup', clearDragState);
+        ele.ownerDocument.removeEventListener('mousemove', onMouseMove);
+        ele.ownerDocument.removeEventListener('dragend', clearDragState);
+        stopScroll();
+      };
+    }
+  }, [inVirtual]);
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlU2Nyb2xsRHJhZy50cyJdLCJuYW1lcyI6WyJfcmFmIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJSZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0Iiwic21vb3RoU2Nyb2xsT2Zmc2V0Iiwib2Zmc2V0IiwiTWF0aCIsImZsb29yIiwicG93IiwiZ2V0UGFnZVhZIiwiaG9yaXpvbnRhbCIsIm9iaiIsInRvdWNoZXMiLCJ3aW5kb3ciLCJ1c2VTY3JvbGxEcmFnIiwiaW5WaXJ0dWFsIiwiY29tcG9uZW50UmVmIiwib25TY3JvbGxPZmZzZXQiLCJ1c2VFZmZlY3QiLCJlbGUiLCJjdXJyZW50IiwibW91c2VEb3duTG9jayIsInJhZklkIiwic3RvcFNjcm9sbCIsInJhZiIsImNhbmNlbCIsImNvbnRpbnVlU2Nyb2xsIiwiY2xlYXJEcmFnU3RhdGUiLCJvbk1vdXNlRG93biIsInRhcmdldCIsImRyYWdnYWJsZSIsImJ1dHRvbiIsImV2ZW50IiwiX3ZpcnR1YWxIYW5kbGVkIiwib25Nb3VzZU1vdmUiLCJtb3VzZVkiLCJfZWxlJGdldEJvdW5kaW5nQ2xpZW4iLCJnZXRCb3VuZGluZ0NsaWVudFJlY3QiLCJ0b3AiLCJib3R0b20iLCJkaWZmIiwiYWRkRXZlbnRMaXN0ZW5lciIsIm93bmVyRG9jdW1lbnQiLCJyZW1vdmVFdmVudExpc3RlbmVyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxJQUFBQSxJQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxLQUFBLEdBQUFDLHVCQUFBLENBQUFGLE9BQUE7QUFBK0IsU0FBQUcseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFGLHdCQUFBRSxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcsQ0FBQSxHQUFBUCxDQUFBLEdBQUFDLE1BQUEsQ0FBQUUsd0JBQUEsQ0FBQWIsQ0FBQSxFQUFBYyxDQUFBLFVBQUFHLENBQUEsS0FBQUEsQ0FBQSxDQUFBVixHQUFBLElBQUFVLENBQUEsQ0FBQUMsR0FBQSxJQUFBUCxNQUFBLENBQUFDLGNBQUEsQ0FBQUosQ0FBQSxFQUFBTSxDQUFBLEVBQUFHLENBQUEsSUFBQVQsQ0FBQSxDQUFBTSxDQUFBLElBQUFkLENBQUEsQ0FBQWMsQ0FBQSxZQUFBTixDQUFBLGNBQUFSLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFlLEdBQUEsQ0FBQWxCLENBQUEsRUFBQVEsQ0FBQSxHQUFBQSxDQUFBO0FBRS9CLFNBQVNXLGtCQUFrQkEsQ0FBQ0MsTUFBYyxFQUFBO0VBQ3hDLE9BQU9DLElBQUksQ0FBQ0MsS0FBSyxDQUFDRCxJQUFBLENBQUFFLEdBQUEsQ0FBQUgsTUFBTSxFQUFJLEdBQUcsQ0FBQSxDQUFDO0FBQ2xDO0FBRU0sU0FBVUksU0FBU0EsQ0FDdkJ4QixDQUFnRSxFQUNoRXlCLFVBQW1CLEVBQUE7RUFFbkIsSUFBTUMsR0FBRyxHQUFHLFNBQVMsSUFBSTFCLENBQUMsR0FBR0EsQ0FBQyxDQUFDMkIsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHM0IsQ0FBQztFQUM3QyxPQUFPMEIsR0FBRyxDQUFDRCxVQUFVLEdBQUcsT0FBTyxHQUFHLE9BQU8sQ0FBQyxHQUFHRyxNQUFNLENBQUNILFVBQVUsR0FBRyxTQUFTLEdBQUcsU0FBUyxDQUFDO0FBQ3pGO0FBRWMsU0FBVUksYUFBYUEsQ0FDbkNDLFNBQWtCLEVBQ2xCQyxZQUFpRCxFQUNqREMsY0FBd0MsRUFBQTtFQUV4Q25DLEtBQUssQ0FBQ29DLFNBQVMsQ0FBQyxZQUFLO0lBQ25CLElBQU1DLEdBQUcsR0FBR0gsWUFBWSxDQUFDSSxPQUFPO0lBQ2hDLElBQUlMLFNBQVMsSUFBSUksR0FBRyxFQUFFO01BQ3BCLElBQUlFLGFBQWEsR0FBRyxLQUFLO01BQ3pCLElBQUlDLEtBQWE7TUFDakIsSUFBSWpCLE1BQWM7TUFFbEIsSUFBTWtCLFVBQVUsR0FBRyxTQUFiQSxVQUFVQSxDQUFBLEVBQVE7UUFDdEJDLGVBQUcsQ0FBQ0MsTUFBTSxDQUFDSCxLQUFLLENBQUM7TUFDbkIsQ0FBQztNQUVELElBQU1JLGVBQWMsR0FBRyxTQUFqQkEsY0FBY0EsQ0FBQSxFQUFRO1FBQzFCSCxVQUFVLENBQUEsQ0FBRTtRQUVaRCxLQUFLLEdBQUcsSUFBQUUsZUFBRyxFQUFDLFlBQUs7VUFDZlAsY0FBYyxDQUFDWixNQUFNLENBQUM7VUFDdEJxQixlQUFjLENBQUEsQ0FBRTtRQUNsQixDQUFDLENBQUM7TUFDSixDQUFDO01BRUQsSUFBTUMsY0FBYyxHQUFHLFNBQWpCQSxjQUFjQSxDQUFBLEVBQVE7UUFDMUJOLGFBQWEsR0FBRyxLQUFLO1FBQ3JCRSxVQUFVLENBQUEsQ0FBRTtNQUNkLENBQUM7TUFFRCxJQUFNSyxXQUFXLEdBQUcsU0FBZEEsV0FBV0EsQ0FBSTNDLENBQWEsRUFBSTtRQUNwQztRQUNBLElBQUtBLENBQUMsQ0FBQzRDLE1BQXNCLENBQUNDLFNBQVMsSUFBSTdDLENBQUMsQ0FBQzhDLE1BQU0sS0FBSyxDQUFDLEVBQUU7VUFDekQ7UUFDRjtRQUNBO1FBQ0EsSUFBTUMsS0FBSyxHQUFHL0MsQ0FFYjtRQUNELElBQUksQ0FBQytDLEtBQUssQ0FBQ0MsZUFBZSxFQUFFO1VBQzFCRCxLQUFLLENBQUNDLGVBQWUsR0FBRyxJQUFJO1VBQzVCWixhQUFhLEdBQUcsSUFBSTtRQUN0QjtNQUNGLENBQUM7TUFFRCxJQUFNYSxXQUFXLEdBQUcsU0FBZEEsV0FBV0EsQ0FBSWpELENBQWEsRUFBSTtRQUNwQyxJQUFJb0MsYUFBYSxFQUFFO1VBQ2pCLElBQU1jLE1BQU0sR0FBRzFCLFNBQVMsQ0FBQ3hCLENBQUMsRUFBRSxLQUFLLENBQUM7VUFDbEMsSUFBQW1ELHFCQUFBLEdBQXdCakIsR0FBRyxDQUFDa0IscUJBQXFCLENBQUEsQ0FBRTtZQUEzQ0MsR0FBRyxHQUFBRixxQkFBQSxDQUFIRSxHQUFHO1lBQUVDLE1BQU0sR0FBQUgscUJBQUEsQ0FBTkcsTUFBTTtVQUVuQixJQUFJSixNQUFNLElBQUlHLEdBQUcsRUFBRTtZQUNqQixJQUFNRSxJQUFJLEdBQUdGLEdBQUcsR0FBR0gsTUFBTTtZQUN6QjlCLE1BQU0sR0FBRyxDQUFDRCxrQkFBa0IsQ0FBQ29DLElBQUksQ0FBQztZQUNsQ2QsZUFBYyxDQUFBLENBQUU7VUFDbEIsQ0FBQyxNQUFNLElBQUlTLE1BQU0sSUFBSUksTUFBTSxFQUFFO1lBQzNCLElBQU1DLEtBQUksR0FBR0wsTUFBTSxHQUFHSSxNQUFNO1lBQzVCbEMsTUFBTSxHQUFHRCxrQkFBa0IsQ0FBQ29DLEtBQUksQ0FBQztZQUNqQ2QsZUFBYyxDQUFBLENBQUU7VUFDbEIsQ0FBQyxNQUFNO1lBQ0xILFVBQVUsQ0FBQSxDQUFFO1VBQ2Q7UUFDRjtNQUNGLENBQUM7TUFFREosR0FBRyxDQUFDc0IsZ0JBQWdCLENBQUMsV0FBVyxFQUFFYixXQUFXLENBQUM7TUFDOUNULEdBQUcsQ0FBQ3VCLGFBQWEsQ0FBQ0QsZ0JBQWdCLENBQUMsU0FBUyxFQUFFZCxjQUFjLENBQUM7TUFDN0RSLEdBQUcsQ0FBQ3VCLGFBQWEsQ0FBQ0QsZ0JBQWdCLENBQUMsV0FBVyxFQUFFUCxXQUFXLENBQUM7TUFFNURmLEdBQUcsQ0FBQ3VCLGFBQWEsQ0FBQ0QsZ0JBQWdCLENBQUMsU0FBUyxFQUFFZCxjQUFjLENBQUM7TUFFN0QsT0FBTyxZQUFLO1FBQ1ZSLEdBQUcsQ0FBQ3dCLG1CQUFtQixDQUFDLFdBQVcsRUFBRWYsV0FBVyxDQUFDO1FBQ2pEVCxHQUFHLENBQUN1QixhQUFhLENBQUNDLG1CQUFtQixDQUFDLFNBQVMsRUFBRWhCLGNBQWMsQ0FBQztRQUNoRVIsR0FBRyxDQUFDdUIsYUFBYSxDQUFDQyxtQkFBbUIsQ0FBQyxXQUFXLEVBQUVULFdBQVcsQ0FBQztRQUUvRGYsR0FBRyxDQUFDdUIsYUFBYSxDQUFDQyxtQkFBbUIsQ0FBQyxTQUFTLEVBQUVoQixjQUFjLENBQUM7UUFDaEVKLFVBQVUsQ0FBQSxDQUFFO01BQ2QsQ0FBQztJQUNIO0VBQ0YsQ0FBQyxFQUFFLENBQUNSLFNBQVMsQ0FBQyxDQUFDO0FBQ2pCIiwiZmlsZSI6ImNvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlU2Nyb2xsRHJhZy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/VirtualList/hooks/useScrollTo.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { GetKey } from '../interface';
+import type CacheMap from '../utils/CacheMap';
+export type ScrollAlign = 'top' | 'bottom' | 'auto';
+export type ScrollPos = {
+    left?: number;
+    top?: number;
+};
+export type ScrollTarget = {
+    index: number;
+    align?: ScrollAlign;
+    offset?: number;
+} | {
+    key: React.Key;
+    align?: ScrollAlign;
+    offset?: number;
+};
+export default function useScrollTo<T>(containerRef: React.RefObject<HTMLDivElement | null>, data: T[], heights: CacheMap, itemHeight: number, getKey: GetKey<T>, collectHeight: () => void, syncScrollTop: (newTop: number) => void, triggerFlash: () => void): (arg: number | ScrollTarget) => void;

package/lib/components/VirtualList/hooks/useScrollTo.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useScrollTo;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var React = _interopRequireWildcard(require("react"));
+var _raf = _interopRequireDefault(require("../utils/raf"));
+var _hooks = require("@1money/hooks");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var MAX_TIMES = 10;
+function useScrollTo(containerRef, data, heights, itemHeight, getKey, collectHeight, syncScrollTop, triggerFlash) {
+  var scrollRef = React.useRef(undefined);
+  var _React$useState = React.useState(null),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    syncState = _React$useState2[0],
+    setSyncState = _React$useState2[1];
+  // ========================== Sync Scroll ==========================
+  (0, _hooks.useLayoutEffect)(function () {
+    if (syncState && syncState.times < MAX_TIMES) {
+      // Never reach
+      if (!containerRef.current) {
+        setSyncState(function (ori) {
+          return Object.assign({}, ori);
+        });
+        return;
+      }
+      collectHeight();
+      var targetAlign = syncState.targetAlign,
+        originAlign = syncState.originAlign,
+        index = syncState.index,
+        offset = syncState.offset;
+      var height = containerRef.current.clientHeight;
+      var needCollectHeight = false;
+      var newTargetAlign = targetAlign !== null && targetAlign !== void 0 ? targetAlign : null;
+      var targetTop = null;
+      // Go to next frame if height not exist
+      if (height) {
+        var mergedAlign = targetAlign || originAlign;
+        // Get top & bottom
+        var stackTop = 0;
+        var itemTop = 0;
+        var itemBottom = 0;
+        var maxLen = Math.min(data.length - 1, index);
+        for (var i = 0; i <= maxLen; i += 1) {
+          var key = getKey(data[i]);
+          itemTop = stackTop;
+          var cacheHeight = heights.get(key);
+          itemBottom = itemTop + (cacheHeight === undefined ? itemHeight : cacheHeight);
+          stackTop = itemBottom;
+        }
+        // Check if need sync height (visible range has item not record height)
+        var leftHeight = mergedAlign === 'top' ? offset : height - offset;
+        for (var _i = maxLen; _i >= 0; _i -= 1) {
+          var _key = getKey(data[_i]);
+          var _cacheHeight = heights.get(_key);
+          if (_cacheHeight === undefined) {
+            needCollectHeight = true;
+            break;
+          }
+          leftHeight -= _cacheHeight;
+          if (leftHeight <= 0) {
+            break;
+          }
+        }
+        // Scroll to
+        switch (mergedAlign) {
+          case 'top':
+            targetTop = itemTop - offset;
+            break;
+          case 'bottom':
+            targetTop = itemBottom - height + offset;
+            break;
+          default:
+            {
+              var scrollTop = containerRef.current.scrollTop;
+              var scrollBottom = scrollTop + height;
+              if (itemTop < scrollTop) {
+                newTargetAlign = 'top';
+              } else if (itemBottom > scrollBottom) {
+                newTargetAlign = 'bottom';
+              }
+            }
+        }
+        if (targetTop !== null) {
+          syncScrollTop(targetTop);
+        }
+        // One more time for sync
+        if (targetTop !== syncState.lastTop) {
+          needCollectHeight = true;
+        }
+      }
+      // Trigger next effect
+      if (needCollectHeight) {
+        setSyncState(Object.assign(Object.assign({}, syncState), {
+          times: syncState.times + 1,
+          targetAlign: newTargetAlign,
+          lastTop: targetTop
+        }));
+      }
+    } else if ((syncState === null || syncState === void 0 ? void 0 : syncState.times) === MAX_TIMES) {
+      console.warn('[VirtualList] `scrollTo` reached the max iteration limit.');
+    }
+  }, [syncState, containerRef.current]);
+  // =========================== Scroll To ===========================
+  return function (arg) {
+    // When not argument provided, we think dev may want to show the scrollbar
+    if (arg === null || arg === undefined) {
+      triggerFlash();
+      return;
+    }
+    // Normal scroll logic
+    _raf["default"].cancel(scrollRef.current);
+    if (typeof arg === 'number') {
+      syncScrollTop(arg);
+    } else if (arg && (0, _typeof2["default"])(arg) === 'object') {
+      var index;
+      var align = arg.align;
+      if ('index' in arg) {
+        index = arg.index;
+      } else {
+        index = data.findIndex(function (item) {
+          return getKey(item) === arg.key;
+        });
+      }
+      var _arg$offset = arg.offset,
+        offset = _arg$offset === void 0 ? 0 : _arg$offset;
+      setSyncState({
+        times: 0,
+        index: index,
+        offset: offset,
+        originAlign: align
+      });
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlU2Nyb2xsVG8udHN4IiwiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9ob29rcy91c2VTY3JvbGxUby5qcyJdLCJuYW1lcyI6WyJSZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIl9yYWYiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2hvb2tzIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mMyIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIk1BWF9USU1FUyIsInVzZVNjcm9sbFRvIiwiY29udGFpbmVyUmVmIiwiZGF0YSIsImhlaWdodHMiLCJpdGVtSGVpZ2h0IiwiZ2V0S2V5IiwiY29sbGVjdEhlaWdodCIsInN5bmNTY3JvbGxUb3AiLCJ0cmlnZ2VyRmxhc2giLCJzY3JvbGxSZWYiLCJ1c2VSZWYiLCJ1bmRlZmluZWQiLCJfUmVhY3QkdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl9SZWFjdCR1c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJzeW5jU3RhdGUiLCJzZXRTeW5jU3RhdGUiLCJ1c2VMYXlvdXRFZmZlY3QiLCJ0aW1lcyIsImN1cnJlbnQiLCJvcmkiLCJhc3NpZ24iLCJ0YXJnZXRBbGlnbiIsIm9yaWdpbkFsaWduIiwiaW5kZXgiLCJvZmZzZXQiLCJoZWlnaHQiLCJjbGllbnRIZWlnaHQiLCJuZWVkQ29sbGVjdEhlaWdodCIsIm5ld1RhcmdldEFsaWduIiwidGFyZ2V0VG9wIiwibWVyZ2VkQWxpZ24iLCJzdGFja1RvcCIsIml0ZW1Ub3AiLCJpdGVtQm90dG9tIiwibWF4TGVuIiwiTWF0aCIsIm1pbiIsImxlbmd0aCIsImtleSIsImNhY2hlSGVpZ2h0IiwibGVmdEhlaWdodCIsInNjcm9sbFRvcCIsInNjcm9sbEJvdHRvbSIsImxhc3RUb3AiLCJjb25zb2xlIiwid2FybiIsImFyZyIsInJhZiIsImNhbmNlbCIsIl90eXBlb2YyIiwiYWxpZ24iLCJmaW5kSW5kZXgiLCJpdGVtIiwiX2FyZyRvZmZzZXQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxLQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxJQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFHQSxJQUFBRyxNQUFBLEdBQUFILE9BQUE7QUFBZ0QsU0FBQUkseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFOLHdCQUFBTSxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLFFBQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcs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SixHQUFHLENBQWJJLEtBQUs7TUFFYixJQUFJLE9BQU8sSUFBSUosR0FBRyxFQUFFO1FBQ2Z2QixLQUFLLEdBQUt1QixHQUFHLENBQWJ2QixLQUFLO01BQ1YsQ0FBQyxNQUFNO1FBQ0xBLEtBQUssR0FBR3ZCLElBQUksQ0FBQ21ELFNBQVMsQ0FBQyxVQUFDQyxJQUFJO1VBQUEsT0FBS2pELE1BQU0sQ0FBQ2lELElBQUksQ0FBQyxLQUFLTixHQUFHLENBQUNSLEdBQUc7UUFBQSxFQUFDO01BQzVEO01BRUEsSUFBQWUsV0FBQSxHQUF1QlAsR0FBRyxDQUFsQnRCLE1BQU07UUFBTkEsTUFBTSxHQUFBNkIsV0FBQSxjQUFHLENBQUMsR0FBQUEsV0FBQTtNQUVsQnRDLFlBQVksQ0FBQztRQUNYRSxLQUFLLEVBQUUsQ0FBQztRQUNSTSxLQUFLLEVBQUxBLEtBQUs7UUFDTEMsTUFBTSxFQUFOQSxNQUFNO1FBQ05GLFdBQVcsRUFBRTRCO01DakVULENEa0VMLENBQUM7SUFDSjtFQUNGLENBQUM7QUFDSCIsImZpbGUiOiJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L2hvb2tzL3VzZVNjcm9sbFRvLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgcmFmIGZyb20gJy4uL3V0aWxzL3JhZic7XG5pbXBvcnQgeyB1c2VMYXlvdXRFZmZlY3QgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmNvbnN0IE1BWF9USU1FUyA9IDEwO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlU2Nyb2xsVG8oY29udGFpbmVyUmVmLCBkYXRhLCBoZWlnaHRzLCBpdGVtSGVpZ2h0LCBnZXRLZXksIGNvbGxlY3RIZWlnaHQsIHN5bmNTY3JvbGxUb3AsIHRyaWdnZXJGbGFzaCkge1xuICAgIGNvbnN0IHNjcm9sbFJlZiA9IFJlYWN0LnVzZVJlZih1bmRlZmluZWQpO1xuICAgIGNvbnN0IFtzeW5jU3RhdGUsIHNldFN5bmNTdGF0ZV0gPSBSZWFjdC51c2VTdGF0ZShudWxsKTtcbiAgICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PSBTeW5jIFNjcm9sbCA9PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAgIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChzeW5jU3RhdGUgJiYgc3luY1N0YXRlLnRpbWVzIDwgTUFYX1RJTUVTKSB7XG4gICAgICAgICAgICAvLyBOZXZlciByZWFjaFxuICAgICAgICAgICAgaWYgKCFjb250YWluZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNldFN5bmNTdGF0ZSgob3JpKSA9PiAoT2JqZWN0LmFzc2lnbih7fSwgb3JpKSkpO1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbGxlY3RIZWlnaHQoKTtcbiAgICAgICAgICAgIGNvbnN0IHsgdGFyZ2V0QWxpZ24sIG9yaWdpbkFsaWduLCBpbmRleCwgb2Zmc2V0IH0gPSBzeW5jU3RhdGU7XG4gICAgICAgICAgICBjb25zdCBoZWlnaHQgPSBjb250YWluZXJSZWYuY3VycmVudC5jbGllbnRIZWlnaHQ7XG4gICAgICAgICAgICBsZXQgbmVlZENvbGxlY3RIZWlnaHQgPSBmYWxzZTtcbiAgICAgICAgICAgIGxldCBuZXdUYXJnZXRBbGlnbiA9IHRhcmdldEFsaWduICE9PSBudWxsICYmIHRhcmdldEFsaWduICE9PSB2b2lkIDAgPyB0YXJnZXRBbGlnbiA6IG51bGw7XG4gICAgICAgICAgICBsZXQgdGFyZ2V0VG9wID0gbnVsbDtcbiAgICAgICAgICAgIC8vIEdvIHRvIG5leHQgZnJhbWUgaWYgaGVpZ2h0IG5vdCBleGlzdFxuICAgICAgICAgICAgaWYgKGhlaWdodCkge1xuICAgICAgICAgICAgICAgIGNvbnN0IG1lcmdlZEFsaWduID0gdGFyZ2V0QWxpZ24gfHwgb3JpZ2luQWxpZ247XG4gICAgICAgICAgICAgICAgLy8gR2V0IHRvcCAmIGJvdHRvbVxuICAgICAgICAgICAgICAgIGxldCBzdGFja1RvcCA9IDA7XG4gICAgICAgICAgICAgICAgbGV0IGl0ZW1Ub3AgPSAwO1xuICAgICAgICAgICAgICAgIGxldCBpdGVtQm90dG9tID0gMDtcbiAgICAgICAgICAgICAgICBjb25zdCBtYXhMZW4gPSBNYXRoLm1pbihkYXRhLmxlbmd0aCAtIDEsIGluZGV4KTtcbiAgICAgICAgICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8PSBtYXhMZW47IGkgKz0gMSkge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBrZXkgPSBnZXRLZXkoZGF0YVtpXSk7XG4gICAgICAgICAgICAgICAgICAgIGl0ZW1Ub3AgPSBzdGFja1RvcDtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgY2FjaGVIZWlnaHQgPSBoZWlnaHRzLmdldChrZXkpO1xuICAgICAgICAgICAgICAgICAgICBpdGVtQm90dG9tID0gaXRlbVRvcCArIChjYWNoZUhlaWdodCA9PT0gdW5kZWZpbmVkID8gaXRlbUhlaWdodCA6IGNhY2hlSGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAgICAgc3RhY2tUb3AgPSBpdGVtQm90dG9tO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAvLyBDaGVjayBpZiBuZWVkIHN5bmMgaGVpZ2h0ICh2aXNpYmxlIHJhbmdlIGhhcyBpdGVtIG5vdCByZWNvcmQgaGVpZ2h0KVxuICAgICAgICAgICAgICAgIGxldCBsZWZ0SGVpZ2h0ID0gbWVyZ2VkQWxpZ24gPT09ICd0b3AnID8gb2Zmc2V0IDogaGVpZ2h0IC0gb2Zmc2V0O1xuICAgICAgICAgICAgICAgIGZvciAobGV0IGkgPSBtYXhMZW47IGkgPj0gMDsgaSAtPSAxKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGtleSA9IGdldEtleShkYXRhW2ldKTtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgY2FjaGVIZWlnaHQgPSBoZWlnaHRzLmdldChrZXkpO1xuICAgICAgICAgICAgICAgICAgICBpZiAoY2FjaGVIZWlnaHQgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgbmVlZENvbGxlY3RIZWlnaHQgPSB0cnVlO1xuICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgbGVmdEhlaWdodCAtPSBjYWNoZUhlaWdodDtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGxlZnRIZWlnaHQgPD0gMCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLy8gU2Nyb2xsIHRvXG4gICAgICAgICAgICAgICAgc3dpdGNoIChtZXJnZWRBbGlnbikge1xuICAgICAgICAgICAgICAgICAgICBjYXNlICd0b3AnOlxuICAgICAgICAgICAgICAgICAgICAgICAgdGFyZ2V0VG9wID0gaXRlbVRvcCAtIG9mZnNldDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgICAgICBjYXNlICdib3R0b20nOlxuICAgICAgICAgICAgICAgICAgICAgICAgdGFyZ2V0VG9wID0gaXRlbUJvdHRvbSAtIGhlaWdodCArIG9mZnNldDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgICAgICBkZWZhdWx0OiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCB7IHNjcm9sbFRvcCB9ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBzY3JvbGxCb3R0b20gPSBzY3JvbGxUb3AgKyBoZWlnaHQ7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoaXRlbVRvcCA8IHNjcm9sbFRvcCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5ld1RhcmdldEFsaWduID0gJ3RvcCc7XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICBlbHNlIGlmIChpdGVtQm90dG9tID4gc2Nyb2xsQm90dG9tKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbmV3VGFyZ2V0QWxpZ24gPSAnYm90dG9tJztcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAodGFyZ2V0VG9wICE9PSBudWxsKSB7XG4gICAgICAgICAgICAgICAgICAgIHN5bmNTY3JvbGxUb3AodGFyZ2V0VG9wKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLy8gT25lIG1vcmUgdGltZSBmb3Igc3luY1xuICAgICAgICAgICAgICAgIGlmICh0YXJnZXRUb3AgIT09IHN5bmNTdGF0ZS5sYXN0VG9wKSB7XG4gICAgICAgICAgICAgICAgICAgIG5lZWRDb2xsZWN0SGVpZ2h0ID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBUcmlnZ2VyIG5leHQgZWZmZWN0XG4gICAgICAgICAgICBpZiAobmVlZENvbGxlY3RIZWlnaHQpIHtcbiAgICAgICAgICAgICAgICBzZXRTeW5jU3RhdGUoT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBzeW5jU3RhdGUpLCB7IHRpbWVzOiBzeW5jU3RhdGUudGltZXMgKyAxLCB0YXJnZXRBbGlnbjogbmV3VGFyZ2V0QWxpZ24sIGxhc3RUb3A6IHRhcmdldFRvcCB9KSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoKHN5bmNTdGF0ZSA9PT0gbnVsbCB8fCBzeW5jU3RhdGUgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHN5bmNTdGF0ZS50aW1lcykgPT09IE1BWF9USU1FUykge1xuICAgICAgICAgICAgY29uc29sZS53YXJuKCdbVmlydHVhbExpc3RdIGBzY3JvbGxUb2AgcmVhY2hlZCB0aGUgbWF4IGl0ZXJhdGlvbiBsaW1pdC4nKTtcbiAgICAgICAgfVxuICAgIH0sIFtzeW5jU3RhdGUsIGNvbnRhaW5lclJlZi5jdXJyZW50XSk7XG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09IFNjcm9sbCBUbyA9PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICByZXR1cm4gKGFyZykgPT4ge1xuICAgICAgICAvLyBXaGVuIG5vdCBhcmd1bWVudCBwcm92aWRlZCwgd2UgdGhpbmsgZGV2IG1heSB3YW50IHRvIHNob3cgdGhlIHNjcm9sbGJhclxuICAgICAgICBpZiAoYXJnID09PSBudWxsIHx8IGFyZyA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0cmlnZ2VyRmxhc2goKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICAvLyBOb3JtYWwgc2Nyb2xsIGxvZ2ljXG4gICAgICAgIHJhZi5jYW5jZWwoc2Nyb2xsUmVmLmN1cnJlbnQpO1xuICAgICAgICBpZiAodHlwZW9mIGFyZyA9PT0gJ251bWJlcicpIHtcbiAgICAgICAgICAgIHN5bmNTY3JvbGxUb3AoYXJnKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmIChhcmcgJiYgdHlwZW9mIGFyZyA9PT0gJ29iamVjdCcpIHtcbiAgICAgICAgICAgIGxldCBpbmRleDtcbiAgICAgICAgICAgIGNvbnN0IHsgYWxpZ24gfSA9IGFyZztcbiAgICAgICAgICAgIGlmICgnaW5kZXgnIGluIGFyZykge1xuICAgICAgICAgICAgICAgICh7IGluZGV4IH0gPSBhcmcpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgaW5kZXggPSBkYXRhLmZpbmRJbmRleCgoaXRlbSkgPT4gZ2V0S2V5KGl0ZW0pID09PSBhcmcua2V5KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHsgb2Zmc2V0ID0gMCB9ID0gYXJnO1xuICAgICAgICAgICAgc2V0U3luY1N0YXRlKHtcbiAgICAgICAgICAgICAgICB0aW1lczogMCxcbiAgICAgICAgICAgICAgICBpbmRleCxcbiAgICAgICAgICAgICAgICBvZmZzZXQsXG4gICAgICAgICAgICAgICAgb3JpZ2luQWxpZ246IGFsaWduLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9O1xufSJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/VirtualList/index.d.ts

@@ -0,0 +1,9 @@
+import VirtualList from './VirtualList';
+export { default as VirtualList } from './VirtualList';
+export default VirtualList;
+export type { ListRef, ListProps, ScrollInfo, ScrollConfig, ScrollTo } from './VirtualList';
+export type { ScrollAlign, ScrollPos, ScrollTarget } from './hooks/useScrollTo';
+export type { ScrollBarDirectionType, ScrollBarRef } from './ScrollBar';
+export type { InnerProps } from './Filler';
+export type { RenderFunc, SharedConfig, GetKey, GetSize, ExtraRenderInfo, } from './interface';
+export * from './constants';

package/lib/components/VirtualList/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  VirtualList: true
+};
+Object.defineProperty(exports, "VirtualList", {
+  enumerable: true,
+  get: function get() {
+    return _VirtualList["default"];
+  }
+});
+exports["default"] = void 0;
+var _VirtualList = _interopRequireDefault(require("./VirtualList"));
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _constants[key];
+    }
+  });
+});
+var _default = exports["default"] = _VirtualList["default"];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaW5kZXgudHMiXSwibmFtZXMiOlsiX1ZpcnR1YWxMaXN0IiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfY29uc3RhbnRzIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2RlZmF1bHQiLCJWaXJ0dWFsTGlzdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLFlBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQWtCQSxJQUFBQyxVQUFBLEdBQUFELE9BQUE7QUFBQUUsTUFBQSxDQUFBQyxJQUFBLENBQUFGLFVBQUEsRUFBQUcsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBSixVQUFBLENBQUFJLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFaLFVBQUEsQ0FBQUksR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUE0QixJQUFBUyxRQUFBLEdBQUFKLE9BQUEsY0FkYkssdUJBQVciLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/VirtualList/interface.d.ts

@@ -0,0 +1,26 @@
+import type * as React from 'react';
+export type RenderFunc<T> = (item: T, index: number, props: {
+    style: React.CSSProperties;
+    offsetX: number;
+}) => React.ReactNode;
+export interface SharedConfig<T> {
+    getKey: (item: T) => React.Key;
+}
+export type GetKey<T> = (item: T) => React.Key;
+export type GetSize = (startKey: React.Key, endKey?: React.Key) => {
+    top: number;
+    bottom: number;
+};
+export interface ExtraRenderInfo {
+    /** Virtual list start line */
+    start: number;
+    /** Virtual list end line */
+    end: number;
+    /** Is current in virtual render */
+    virtual: boolean;
+    /** Used for `scrollWidth` tell the horizontal offset */
+    offsetX: number;
+    offsetY: number;
+    rtl: boolean;
+    getSize: GetSize;
+}

package/lib/components/VirtualList/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3QvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/components/VirtualList/style/VirtualList.css

@@ -0,0 +1 @@
+.om-react-ui-virtual-list{--om-react-ui-virtual-list-scrollbar-bg:rgb(0 0 0/50%)}

package/lib/components/VirtualList/style/VirtualList.scss

@@ -0,0 +1,5 @@
+@use '@/styles/api' as theme;
+
+.#{theme.$prefix}-virtual-list {
+  --#{theme.$prefix}-virtual-list-scrollbar-bg: rgb(0 0 0 / 50%);
+}

package/lib/components/VirtualList/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./VirtualList.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3Qvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/VirtualList/style/index.d.ts

@@ -0,0 +1 @@
+import './VirtualList.scss';

package/lib/components/VirtualList/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./VirtualList.scss");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3Qvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/VirtualList/utils/CacheMap.d.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+declare class CacheMap {
+    maps: Record<string, number>;
+    id: number;
+    diffRecords: Map<React.Key, number>;
+    constructor();
+    set(key: React.Key, value: number): void;
+    get(key: React.Key): number;
+    /**
+     * CacheMap will record the key changed.
+     * To help to know what's update in the next render.
+     */
+    resetRecord(): void;
+    getRecord(): Map<React.Key, number>;
+}
+export default CacheMap;

package/lib/components/VirtualList/utils/CacheMap.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+// Firefox has low performance of map.
+var CacheMap = /*#__PURE__*/function () {
+  function CacheMap() {
+    (0, _classCallCheck2["default"])(this, CacheMap);
+    // Used for cache key
+    // `useMemo` no need to update if `id` not change
+    this.id = 0;
+    this.diffRecords = new Map();
+    this.maps = Object.create(null);
+  }
+  return (0, _createClass2["default"])(CacheMap, [{
+    key: "set",
+    value: function set(key, value) {
+      // Record prev value
+      this.diffRecords.set(key, this.maps[key]);
+      this.maps[key] = value;
+      this.id += 1;
+    }
+  }, {
+    key: "get",
+    value: function get(key) {
+      return this.maps[key];
+    }
+    /**
+     * CacheMap will record the key changed.
+     * To help to know what's update in the next render.
+     */
+  }, {
+    key: "resetRecord",
+    value: function resetRecord() {
+      this.diffRecords.clear();
+    }
+  }, {
+    key: "getRecord",
+    value: function getRecord() {
+      return this.diffRecords;
+    }
+  }]);
+}();
+var _default = exports["default"] = CacheMap;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvQ2FjaGVNYXAudHMiLCJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L3V0aWxzL0NhY2hlTWFwLmpzIl0sIm5hbWVzIjpbIkNhY2hlTWFwIiwiX2NsYXNzQ2FsbENoZWNrMiIsImlkIiwiZGlmZlJlY29yZHMiLCJNYXAiLCJtYXBzIiwiT2JqZWN0IiwiY3JlYXRlIiwiX2NyZWF0ZUNsYXNzMiIsImtleSIsInZhbHVlIiwic2V0IiwiZ2V0IiwicmVzZXRSZWNvcmQiLCJjbGVhciIsImdldFJlY29yZCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBRUE7QUFBQSxJQUNNQSxRQUFRO0VBU1osU0FBQUEsU0FBQSxFQUFBO0lBQUEsSUFBQUMsZ0JBQUEsbUJBQUFELFFBQUE7SUFOQTtJQUNBO0lBQ0EsSUFBQSxDQUFBRSxFQUFFLEdBQVcsQ0FBQztJQUVkLElBQUEsQ0FBQUMsV0FBVyxHQUFHLElBQUlDLEdBQUcsQ0FBQSxDQUFxQjtJQUd4QyxJQUFJLENBQUNDLElBQUksR0FBR0MsTUFBTSxDQUFDQyxNQUFNLENBQUMsSUFBSSxDQUFDO0VBQ2pDO0VBQUMsV0FBQUMsYUFBQSxhQUFBUixRQUFBO0lBQUFTLEdBQUE7SUFBQUMsS0FBQSxFQUVELFNBQUFDLEdBQUdBLENBQUNGLEdBQWMsRUFBRUMsS0FBYSxFQUFBO01BQy9CO01BQ0EsSUFBSSxDQUFDUCxXQUFXLENBQUNRLEdBQUcsQ0FBQ0YsR0FBRyxFQUFFLElBQUksQ0FBQ0osSUFBSSxDQUFDSSxHQUFhLENBQUMsQ0FBQztNQUVuRCxJQUFJLENBQUNKLElBQUksQ0FBQ0ksR0FBYSxDQUFDLEdBQUdDLEtBQUs7TUFDaEMsSUFBSSxDQUFDUixFQUFFLElBQUksQ0FBQztJQUNkO0VBQUM7SUFBQU8sR0FBQTtJQUFBQyxLQUFBLEVBRUQsU0FBQUUsR0FBR0EsQ0FBQ0gsR0FBYyxFQUFBO01BQ2hCLE9BQU8sSUFBSSxDQUFDSixJQUFJLENBQUNJLEdBQWEsQ0FBQztJQUNqQztJQUVBO0FDVEY7QUFDQTtBQUNBO0VET0U7SUFBQUEsR0FBQTtJQUFBQyxLQUFBLEVBSUEsU0FBQUcsV0FBV0EsQ0FBQSxFQUFBO01BQ1QsSUFBSSxDQUFDVixXQUFXLENBQUNXLEtBQUssQ0FBQSxDQUFFO0lBQzFCO0VBQUM7SUFBQUwsR0FBQTtJQUFBQyxLQUFBLEVBRUQsU0FBQUssU0FBU0EsQ0FBQSxFQUFBO01BQ1AsT0FBTyxJQUFJLENBQUNaLFdBQVc7SUFDekI7RUFBQztBQUFBO0FBQUEsSUFBQWEsUUFBQSxHQUFBQyxPQUFBLGNBR1lqQixRQUFRIiwiZmlsZSI6ImNvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvQ2FjaGVNYXAuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsIi8vIEZpcmVmb3ggaGFzIGxvdyBwZXJmb3JtYW5jZSBvZiBtYXAuXG5jbGFzcyBDYWNoZU1hcCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIC8vIFVzZWQgZm9yIGNhY2hlIGtleVxuICAgICAgICAvLyBgdXNlTWVtb2Agbm8gbmVlZCB0byB1cGRhdGUgaWYgYGlkYCBub3QgY2hhbmdlXG4gICAgICAgIHRoaXMuaWQgPSAwO1xuICAgICAgICB0aGlzLmRpZmZSZWNvcmRzID0gbmV3IE1hcCgpO1xuICAgICAgICB0aGlzLm1hcHMgPSBPYmplY3QuY3JlYXRlKG51bGwpO1xuICAgIH1cbiAgICBzZXQoa2V5LCB2YWx1ZSkge1xuICAgICAgICAvLyBSZWNvcmQgcHJldiB2YWx1ZVxuICAgICAgICB0aGlzLmRpZmZSZWNvcmRzLnNldChrZXksIHRoaXMubWFwc1trZXldKTtcbiAgICAgICAgdGhpcy5tYXBzW2tleV0gPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5pZCArPSAxO1xuICAgIH1cbiAgICBnZXQoa2V5KSB7XG4gICAgICAgIHJldHVybiB0aGlzLm1hcHNba2V5XTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ2FjaGVNYXAgd2lsbCByZWNvcmQgdGhlIGtleSBjaGFuZ2VkLlxuICAgICAqIFRvIGhlbHAgdG8ga25vdyB3aGF0J3MgdXBkYXRlIGluIHRoZSBuZXh0IHJlbmRlci5cbiAgICAgKi9cbiAgICByZXNldFJlY29yZCgpIHtcbiAgICAgICAgdGhpcy5kaWZmUmVjb3Jkcy5jbGVhcigpO1xuICAgIH1cbiAgICBnZXRSZWNvcmQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpZmZSZWNvcmRzO1xuICAgIH1cbn1cbmV4cG9ydCBkZWZhdWx0IENhY2hlTWFwOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/VirtualList/utils/algorithmUtil.d.ts

@@ -0,0 +1,23 @@
+import type * as React from 'react';
+/**
+ * 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
+ */
+export declare function getIndexByStartLoc(min: number, max: number, start: number, index: number): number;
+/**
+ * We assume that 2 list has only 1 item diff and others keeping the order.
+ * So we can use dichotomy algorithm to find changed one.
+ */
+export declare function findListDiffIndex<T>(originList: T[], targetList: T[], getKey: (item: T) => React.Key): {
+    index: number;
+    multiple: boolean;
+} | null;

package/lib/components/VirtualList/utils/algorithmUtil.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findListDiffIndex = findListDiffIndex;
+exports.getIndexByStartLoc = getIndexByStartLoc;
+/**
+ * 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;
+  // Balance
+  if (index <= balanceCount) {
+    var stepIndex = Math.floor(index / 2);
+    if (index % 2) {
+      return start + stepIndex + 1;
+    }
+    return start - stepIndex;
+  }
+  // One is out of range
+  if (beforeCount > afterCount) {
+    return start - (index - afterCount);
+  }
+  return start + (index - beforeCount);
+}
+/**
+ * We assume that 2 list has only 1 item diff and others keeping the order.
+ * So we can use dichotomy algorithm to find changed one.
+ */
+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) {
+    if (item !== undefined) {
+      return getKey(item);
+    }
+    return notExistKey;
+  }
+  // Loop to find diff one
+  var diffIndex = null;
+  var multiple = Math.abs(originLen - targetLen) !== 1;
+  for (var i = 0; i < longList.length; i += 1) {
+    var shortKey = getItemKey(shortList[i]);
+    var longKey = getItemKey(longList[i]);
+    if (shortKey !== longKey) {
+      diffIndex = i;
+      multiple = multiple || shortKey !== getItemKey(longList[i + 1]);
+      break;
+    }
+  }
+  return diffIndex === null ? null : {
+    index: diffIndex,
+    multiple: multiple
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvYWxnb3JpdGhtVXRpbC50cyIsImNvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvYWxnb3JpdGhtVXRpbC5qcyJdLCJuYW1lcyI6WyJnZXRJbmRleEJ5U3RhcnRMb2MiLCJtaW4iLCJtYXgiLCJzdGFydCIsImluZGV4IiwiYmVmb3JlQ291bnQiLCJhZnRlckNvdW50IiwiYmFsYW5jZUNvdW50IiwiTWF0aCIsInN0ZXBJbmRleCIsImZsb29yIiwiZmluZExpc3REaWZmSW5kZXgiLCJvcmlnaW5MaXN0IiwidGFyZ2V0TGlzdCIsImdldEtleSIsIm9yaWdpbkxlbiIsImxlbmd0aCIsInRhcmdldExlbiIsInNob3J0TGlzdCIsImxvbmdMaXN0Iiwibm90RXhpc3RLZXkiLCJfX0VNUFRZX0lURU1fXyIsImdldEl0ZW1LZXkiLCJpdGVtIiwidW5kZWZpbmVkIiwiZGlmZkluZGV4IiwibXVsdGlwbGUiLCJhYnMiLCJpIiwic2hvcnRLZXkiLCJsb25nS2V5Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQ0E7QUNBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QURFTSxTQUFVQSxrQkFBa0JBLENBQUNDLEdBQVcsRUFBRUMsR0FBVyxFQUFFQyxLQUFhLEVBQUVDLEtBQWEsRUFBQTtFQUN2RixJQUFNQyxXQUFXLEdBQUdGLEtBQUssR0FBR0YsR0FBRztFQUMvQixJQUFNSyxVQUFVLEdBQUdKLEdBQUcsR0FBR0MsS0FBSztFQUM5QixJQUFNSSxZQUFZLEdBQUdDLElBQUksQ0FBQ1AsR0FBRyxDQUFDSSxXQUFXLEVBQUVDLFVBQVUsQ0FBQyxHQUFHLENBQUM7RUFFMUQ7RUFDQSxJQUFJRixLQUFLLElBQUlHLFlBQVksRUFBRTtJQUN6QixJQUFNRSxTQUFTLEdBQUdELElBQUksQ0FBQ0UsS0FBSyxDQUFDTixLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZDLElBQUlBLEtBQUssR0FBRyxDQUFDLEVBQUU7TUFDYixPQUFPRCxLQUFLLEdBQUdNLFNBQVMsR0FBRyxDQUFDO0lBQzlCO0lBQ0EsT0FBT04sS0FBSyxHQUFHTSxTQUFTO0VBQzFCO0VBRUE7RUFDQSxJQUFJSixXQUFXLEdBQUdDLFVBQVUsRUFBRTtJQUM1QixPQUFPSCxLQUFLLElBQUlDLEtBQUssR0FBR0UsVUFBVSxDQUFDO0VBQ3JDO0VBQ0EsT0FBT0gsS0FBSyxJQUFJQyxLQUFLLEdBQUdDLFdBQVcsQ0FBQztBQUN0QztBQUVBO0FDSEE7QUFDQTtBQUNBO0FES00sU0FBVU0saUJBQWlCQSxDQUMvQkMsVUFBZSxFQUNmQyxVQUFlLEVBQ2ZDLE1BQThCLEVBQUE7RUFFOUIsSUFBTUMsU0FBUyxHQUFHSCxVQUFVLENBQUNJLE1BQU07RUFDbkMsSUFBTUMsU0FBUyxHQUFHSixVQUFVLENBQUNHLE1BQU07RUFFbkMsSUFBSUUsU0FBYztFQUNsQixJQUFJQyxRQUFhO0VBRWpCLElBQUlKLFNBQVMsS0FBSyxDQUFDLElBQUlFLFNBQVMsS0FBSyxDQUFDLEVBQUU7SUFDdEMsT0FBTyxJQUFJO0VBQ2I7RUFFQSxJQUFJRixTQUFTLEdBQUdFLFNBQVMsRUFBRTtJQUN6QkMsU0FBUyxHQUFHTixVQUFVO0lBQ3RCTyxRQUFRLEdBQUdOLFVBQVU7RUFDdkIsQ0FBQyxNQUFNO0lBQ0xLLFNBQVMsR0FBR0wsVUFBVTtJQUN0Qk0sUUFBUSxHQUFHUCxVQUFVO0VBQ3ZCO0VBRUEsSUFBTVEsV0FBVyxHQUFHO0lBQUVDLGNBQWMsRUFBRTtFQUFJLENBQUU7RUFDNUMsU0FBU0MsVUFBVUEsQ0FBQ0MsSUFBTyxFQUFBO0lBQ3pCLElBQUlBLElBQUksS0FBS0MsU0FBUyxFQUFFO01BQ3RCLE9BQU9WLE1BQU0sQ0FBQ1MsSUFBSSxDQUFDO0lBQ3JCO0lBQ0EsT0FBT0gsV0FBVztFQUNwQjtFQUVBO0VBQ0EsSUFBSUssU0FBUyxHQUFrQixJQUFJO0VBQ25DLElBQUlDLFFBQVEsR0FBR2xCLElBQUksQ0FBQ21CLEdBQUcsQ0FBQ1osU0FBUyxHQUFHRSxTQUFTLENBQUMsS0FBSyxDQUFDO0VBQ3BELEtBQUssSUFBSVcsQ0FBQyxHQUFHLENBQUMsRUFBRUEsQ0FBQyxHQUFHVCxRQUFRLENBQUNILE1BQU0sRUFBRVksQ0FBQyxJQUFJLENBQUMsRUFBRTtJQUMzQyxJQUFNQyxRQUFRLEdBQUdQLFVBQVUsQ0FBQ0osU0FBUyxDQUFDVSxDQUFDLENBQUMsQ0FBQztJQUN6QyxJQUFNRSxPQUFPLEdBQUdSLFVBQVUsQ0FBQ0gsUUFBUSxDQUFDUyxDQUFDLENBQUMsQ0FBQztJQUV2QyxJQUFJQyxRQUFRLEtBQUtDLE9BQU8sRUFBRTtNQUN4QkwsU0FBUyxHQUFHRyxDQUFDO01BQ2JGLFFBQVEsR0FBR0EsUUFBUSxJQUFJRyxRQUFRLEtBQUtQLFVBQVUsQ0FBQ0gsUUFBUSxDQUFDUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7TUFDL0Q7SUFDRjtFQUNGO0VBRUEsT0FBT0gsU0FBUyxLQUFLLElBQUksR0FBRyxJQUFJLEdBQUc7SUFBRXJCLEtBQUssRUFBRXFCLFNBQVM7SUFBRUMsUUFBUSxFQUFSQTtFQUFRLENBQUU7QUFDbkUiLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC91dGlscy9hbGdvcml0aG1VdGlsLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCIvKipcbiAqIEdldCBpbmRleCB3aXRoIHNwZWNpZmljIHN0YXJ0IGluZGV4IG9uZSBieSBvbmUuIGUuZy5cbiAqIG1pbjogMywgbWF4OiA5LCBzdGFydDogNlxuICpcbiAqIFJldHVybiBpbmRleCBpczpcbiAqIFswXTogNlxuICogWzFdOiA3XG4gKiBbMl06IDVcbiAqIFszXTogOFxuICogWzRdOiA0XG4gKiBbNV06IDlcbiAqIFs2XTogM1xuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0SW5kZXhCeVN0YXJ0TG9jKG1pbiwgbWF4LCBzdGFydCwgaW5kZXgpIHtcbiAgICBjb25zdCBiZWZvcmVDb3VudCA9IHN0YXJ0IC0gbWluO1xuICAgIGNvbnN0IGFmdGVyQ291bnQgPSBtYXggLSBzdGFydDtcbiAgICBjb25zdCBiYWxhbmNlQ291bnQgPSBNYXRoLm1pbihiZWZvcmVDb3VudCwgYWZ0ZXJDb3VudCkgKiAyO1xuICAgIC8vIEJhbGFuY2VcbiAgICBpZiAoaW5kZXggPD0gYmFsYW5jZUNvdW50KSB7XG4gICAgICAgIGNvbnN0IHN0ZXBJbmRleCA9IE1hdGguZmxvb3IoaW5kZXggLyAyKTtcbiAgICAgICAgaWYgKGluZGV4ICUgMikge1xuICAgICAgICAgICAgcmV0dXJuIHN0YXJ0ICsgc3RlcEluZGV4ICsgMTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gc3RhcnQgLSBzdGVwSW5kZXg7XG4gICAgfVxuICAgIC8vIE9uZSBpcyBvdXQgb2YgcmFuZ2VcbiAgICBpZiAoYmVmb3JlQ291bnQgPiBhZnRlckNvdW50KSB7XG4gICAgICAgIHJldHVybiBzdGFydCAtIChpbmRleCAtIGFmdGVyQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gc3RhcnQgKyAoaW5kZXggLSBiZWZvcmVDb3VudCk7XG59XG4vKipcbiAqIFdlIGFzc3VtZSB0aGF0IDIgbGlzdCBoYXMgb25seSAxIGl0ZW0gZGlmZiBhbmQgb3RoZXJzIGtlZXBpbmcgdGhlIG9yZGVyLlxuICogU28gd2UgY2FuIHVzZSBkaWNob3RvbXkgYWxnb3JpdGhtIHRvIGZpbmQgY2hhbmdlZCBvbmUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBmaW5kTGlzdERpZmZJbmRleChvcmlnaW5MaXN0LCB0YXJnZXRMaXN0LCBnZXRLZXkpIHtcbiAgICBjb25zdCBvcmlnaW5MZW4gPSBvcmlnaW5MaXN0Lmxlbmd0aDtcbiAgICBjb25zdCB0YXJnZXRMZW4gPSB0YXJnZXRMaXN0Lmxlbmd0aDtcbiAgICBsZXQgc2hvcnRMaXN0O1xuICAgIGxldCBsb25nTGlzdDtcbiAgICBpZiAob3JpZ2luTGVuID09PSAwICYmIHRhcmdldExlbiA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKG9yaWdpbkxlbiA8IHRhcmdldExlbikge1xuICAgICAgICBzaG9ydExpc3QgPSBvcmlnaW5MaXN0O1xuICAgICAgICBsb25nTGlzdCA9IHRhcmdldExpc3Q7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgICBzaG9ydExpc3QgPSB0YXJnZXRMaXN0O1xuICAgICAgICBsb25nTGlzdCA9IG9yaWdpbkxpc3Q7XG4gICAgfVxuICAgIGNvbnN0IG5vdEV4aXN0S2V5ID0geyBfX0VNUFRZX0lURU1fXzogdHJ1ZSB9O1xuICAgIGZ1bmN0aW9uIGdldEl0ZW1LZXkoaXRlbSkge1xuICAgICAgICBpZiAoaXRlbSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICByZXR1cm4gZ2V0S2V5KGl0ZW0pO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBub3RFeGlzdEtleTtcbiAgICB9XG4gICAgLy8gTG9vcCB0byBmaW5kIGRpZmYgb25lXG4gICAgbGV0IGRpZmZJbmRleCA9IG51bGw7XG4gICAgbGV0IG11bHRpcGxlID0gTWF0aC5hYnMob3JpZ2luTGVuIC0gdGFyZ2V0TGVuKSAhPT0gMTtcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGxvbmdMaXN0Lmxlbmd0aDsgaSArPSAxKSB7XG4gICAgICAgIGNvbnN0IHNob3J0S2V5ID0gZ2V0SXRlbUtleShzaG9ydExpc3RbaV0pO1xuICAgICAgICBjb25zdCBsb25nS2V5ID0gZ2V0SXRlbUtleShsb25nTGlzdFtpXSk7XG4gICAgICAgIGlmIChzaG9ydEtleSAhPT0gbG9uZ0tleSkge1xuICAgICAgICAgICAgZGlmZkluZGV4ID0gaTtcbiAgICAgICAgICAgIG11bHRpcGxlID0gbXVsdGlwbGUgfHwgc2hvcnRLZXkgIT09IGdldEl0ZW1LZXkobG9uZ0xpc3RbaSArIDFdKTtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiBkaWZmSW5kZXggPT09IG51bGwgPyBudWxsIDogeyBpbmRleDogZGlmZkluZGV4LCBtdWx0aXBsZSB9O1xufSJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/VirtualList/utils/isFirefox.d.ts

@@ -0,0 +1,2 @@
+declare const isFF: boolean;
+export default isFF;

package/lib/components/VirtualList/utils/isFirefox.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var isFF = (typeof navigator === "undefined" ? "undefined" : (0, _typeof2["default"])(navigator)) === 'object' && /Firefox/i.test(navigator.userAgent);
+var _default = exports["default"] = isFF;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvaXNGaXJlZm94LnRzIl0sIm5hbWVzIjpbImlzRkYiLCJuYXZpZ2F0b3IiLCJfdHlwZW9mMiIsInRlc3QiLCJ1c2VyQWdlbnQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEsSUFBTUEsSUFBSSxHQUFHLFFBQU9DLFNBQVMscUNBQUFDLFFBQUEsYUFBVEQsU0FBUyxPQUFLLFFBQVEsSUFBSSxVQUFVLENBQUNFLElBQUksQ0FBQ0YsU0FBUyxDQUFDRyxTQUFTLENBQUM7QUFBQyxJQUFBQyxRQUFBLEdBQUFDLE9BQUEsY0FFcEVOLElBQUkiLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC91dGlscy9pc0ZpcmVmb3guanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/VirtualList/utils/raf.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Schedule a callback after `frames` animation frames (default 1).
+ * Returns a cancellable id.
+ */
+declare function raf(callback: () => void, frames?: number): number;
+declare namespace raf {
+    var cancel: (id: number) => void;
+}
+export default raf;