@1money/component-ui 0.0.1

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

@@ -0,0 +1,132 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import raf from '../utils/raf';
+import { useLayoutEffect } from '@1money/hooks';
+var MAX_TIMES = 10;
+export default function useScrollTo(containerRef, data, heights, itemHeight, getKey, collectHeight, syncScrollTop, triggerFlash) {
+  var scrollRef = React.useRef(undefined);
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    syncState = _React$useState2[0],
+    setSyncState = _React$useState2[1];
+  // ========================== Sync Scroll ==========================
+  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.cancel(scrollRef.current);
+    if (typeof arg === 'number') {
+      syncScrollTop(arg);
+    } else if (arg && _typeof(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlU2Nyb2xsVG8udHN4IiwiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9ob29rcy91c2VTY3JvbGxUby5qcyJdLCJuYW1lcyI6WyJSZWFjdCIsInJhZiIsInVzZUxheW91dEVmZmVjdCIsIk1BWF9USU1FUyIsInVzZVNjcm9sbFRvIiwiY29udGFpbmVyUmVmIiwiZGF0YSIsImhlaWdodHMiLCJpdGVtSGVpZ2h0IiwiZ2V0S2V5IiwiY29sbGVjdEhlaWdodCIsInN5bmNTY3JvbGxUb3AiLCJ0cmlnZ2VyRmxhc2giLCJzY3JvbGxSZWYiLCJ1c2VSZWYiLCJ1bmRlZmluZWQiLCJfUmVhY3QkdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl9SZWFjdCR1c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheSIsInN5bmNTdGF0ZSIsInNldFN5bmNTdGF0ZSIsInRpbWVzIiwiY3VycmVudCIsIm9yaSIsIk9iamVjdCIsImFzc2lnbiIsInRhcmdldEFsaWduIiwib3JpZ2luQWxpZ24iLCJpbmRleCIsIm9mZnNldCIsImhlaWdodCIsImNsaWVudEhlaWdodCIsIm5lZWRDb2xsZWN0SGVpZ2h0IiwibmV3VGFyZ2V0QWxpZ24iLCJ0YXJnZXRUb3AiLCJtZXJnZWRBbGlnbiIsInN0YWNrVG9wIiwiaXRlbVRvcCIsIml0ZW1Cb3R0b20iLCJtYXhMZW4iLCJNYXRoIiwibWluIiwibGVuZ3RoIiwiaSIsImtleSIsImNhY2hlSGVpZ2h0IiwiZ2V0IiwibGVmdEhlaWdodCIsInNjcm9sbFRvcCIsInNjcm9sbEJvdHRvbSIsImxhc3RUb3AiLCJjb25zb2xlIiwid2FybiIsImFyZyIsImNhbmNlbCIsIl90eXBlb2YiLCJhbGlnbiIsImZpbmRJbmRleCIsIml0ZW0iLCJfYXJnJG9mZnNldCJdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLE9BQU9DLEdB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V0FBQSxjQUFHLENBQUMsR0FBQUEsV0FBQTtNQUVsQnZDLFlBQVksQ0FBQztRQUNYQyxLQUFLLEVBQUUsQ0FBQztRQUNSTyxLQUFLLEVBQUxBLEtBQUs7UUFDTEMsTUFBTSxFQUFOQSxNQUFNO1FBQ05GLFdBQVcsRUFBRTZCO01DakVULENEa0VMLENBQUM7SUFDSjtFQUNGLENBQUM7QUFDSCIsImZpbGUiOiJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L2hvb2tzL3VzZVNjcm9sbFRvLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgcmFmIGZyb20gJy4uL3V0aWxzL3JhZic7XG5pbXBvcnQgeyB1c2VMYXlvdXRFZmZlY3QgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmNvbnN0IE1BWF9USU1FUyA9IDEwO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlU2Nyb2xsVG8oY29udGFpbmVyUmVmLCBkYXRhLCBoZWlnaHRzLCBpdGVtSGVpZ2h0LCBnZXRLZXksIGNvbGxlY3RIZWlnaHQsIHN5bmNTY3JvbGxUb3AsIHRyaWdnZXJGbGFzaCkge1xuICAgIGNvbnN0IHNjcm9sbFJlZiA9IFJlYWN0LnVzZVJlZih1bmRlZmluZWQpO1xuICAgIGNvbnN0IFtzeW5jU3RhdGUsIHNldFN5bmNTdGF0ZV0gPSBSZWFjdC51c2VTdGF0ZShudWxsKTtcbiAgICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PSBTeW5jIFNjcm9sbCA9PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAgIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChzeW5jU3RhdGUgJiYgc3luY1N0YXRlLnRpbWVzIDwgTUFYX1RJTUVTKSB7XG4gICAgICAgICAgICAvLyBOZXZlciByZWFjaFxuICAgICAgICAgICAgaWYgKCFjb250YWluZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgICAgIHNldFN5bmNTdGF0ZSgob3JpKSA9PiAoT2JqZWN0LmFzc2lnbih7fSwgb3JpKSkpO1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbGxlY3RIZWlnaHQoKTtcbiAgICAgICAgICAgIGNvbnN0IHsgdGFyZ2V0QWxpZ24sIG9yaWdpbkFsaWduLCBpbmRleCwgb2Zmc2V0IH0gPSBzeW5jU3RhdGU7XG4gICAgICAgICAgICBjb25zdCBoZWlnaHQgPSBjb250YWluZXJSZWYuY3VycmVudC5jbGllbnRIZWlnaHQ7XG4gICAgICAgICAgICBsZXQgbmVlZENvbGxlY3RIZWlnaHQgPSBmYWxzZTtcbiAgICAgICAgICAgIGxldCBuZXdUYXJnZXRBbGlnbiA9IHRhcmdldEFsaWduICE9PSBudWxsICYmIHRhcmdldEFsaWduICE9PSB2b2lkIDAgPyB0YXJnZXRBbGlnbiA6IG51bGw7XG4gICAgICAgICAgICBsZXQgdGFyZ2V0VG9wID0gbnVsbDtcbiAgICAgICAgICAgIC8vIEdvIHRvIG5leHQgZnJhbWUgaWYgaGVpZ2h0IG5vdCBleGlzdFxuICAgICAgICAgICAgaWYgKGhlaWdodCkge1xuICAgICAgICAgICAgICAgIGNvbnN0IG1lcmdlZEFsaWduID0gdGFyZ2V0QWxpZ24gfHwgb3JpZ2luQWxpZ247XG4gICAgICAgICAgICAgICAgLy8gR2V0IHRvcCAmIGJvdHRvbVxuICAgICAgICAgICAgICAgIGxldCBzdGFja1RvcCA9IDA7XG4gICAgICAgICAgICAgICAgbGV0IGl0ZW1Ub3AgPSAwO1xuICAgICAgICAgICAgICAgIGxldCBpdGVtQm90dG9tID0gMDtcbiAgICAgICAgICAgICAgICBjb25zdCBtYXhMZW4gPSBNYXRoLm1pbihkYXRhLmxlbmd0aCAtIDEsIGluZGV4KTtcbiAgICAgICAgICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8PSBtYXhMZW47IGkgKz0gMSkge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBrZXkgPSBnZXRLZXkoZGF0YVtpXSk7XG4gICAgICAgICAgICAgICAgICAgIGl0ZW1Ub3AgPSBzdGFja1RvcDtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgY2FjaGVIZWlnaHQgPSBoZWlnaHRzLmdldChrZXkpO1xuICAgICAgICAgICAgICAgICAgICBpdGVtQm90dG9tID0gaXRlbVRvcCArIChjYWNoZUhlaWdodCA9PT0gdW5kZWZpbmVkID8gaXRlbUhlaWdodCA6IGNhY2hlSGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAgICAgc3RhY2tUb3AgPSBpdGVtQm90dG9tO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAvLyBDaGVjayBpZiBuZWVkIHN5bmMgaGVpZ2h0ICh2aXNpYmxlIHJhbmdlIGhhcyBpdGVtIG5vdCByZWNvcmQgaGVpZ2h0KVxuICAgICAgICAgICAgICAgIGxldCBsZWZ0SGVpZ2h0ID0gbWVyZ2VkQWxpZ24gPT09ICd0b3AnID8gb2Zmc2V0IDogaGVpZ2h0IC0gb2Zmc2V0O1xuICAgICAgICAgICAgICAgIGZvciAobGV0IGkgPSBtYXhMZW47IGkgPj0gMDsgaSAtPSAxKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGtleSA9IGdldEtleShkYXRhW2ldKTtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgY2FjaGVIZWlnaHQgPSBoZWlnaHRzLmdldChrZXkpO1xuICAgICAgICAgICAgICAgICAgICBpZiAoY2FjaGVIZWlnaHQgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgbmVlZENvbGxlY3RIZWlnaHQgPSB0cnVlO1xuICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgbGVmdEhlaWdodCAtPSBjYWNoZUhlaWdodDtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGxlZnRIZWlnaHQgPD0gMCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLy8gU2Nyb2xsIHRvXG4gICAgICAgICAgICAgICAgc3dpdGNoIChtZXJnZWRBbGlnbikge1xuICAgICAgICAgICAgICAgICAgICBjYXNlICd0b3AnOlxuICAgICAgICAgICAgICAgICAgICAgICAgdGFyZ2V0VG9wID0gaXRlbVRvcCAtIG9mZnNldDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgICAgICBjYXNlICdib3R0b20nOlxuICAgICAgICAgICAgICAgICAgICAgICAgdGFyZ2V0VG9wID0gaXRlbUJvdHRvbSAtIGhlaWdodCArIG9mZnNldDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgICAgICBkZWZhdWx0OiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCB7IHNjcm9sbFRvcCB9ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBzY3JvbGxCb3R0b20gPSBzY3JvbGxUb3AgKyBoZWlnaHQ7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoaXRlbVRvcCA8IHNjcm9sbFRvcCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5ld1RhcmdldEFsaWduID0gJ3RvcCc7XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICBlbHNlIGlmIChpdGVtQm90dG9tID4gc2Nyb2xsQm90dG9tKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbmV3VGFyZ2V0QWxpZ24gPSAnYm90dG9tJztcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAodGFyZ2V0VG9wICE9PSBudWxsKSB7XG4gICAgICAgICAgICAgICAgICAgIHN5bmNTY3JvbGxUb3AodGFyZ2V0VG9wKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLy8gT25lIG1vcmUgdGltZSBmb3Igc3luY1xuICAgICAgICAgICAgICAgIGlmICh0YXJnZXRUb3AgIT09IHN5bmNTdGF0ZS5sYXN0VG9wKSB7XG4gICAgICAgICAgICAgICAgICAgIG5lZWRDb2xsZWN0SGVpZ2h0ID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAvLyBUcmlnZ2VyIG5leHQgZWZmZWN0XG4gICAgICAgICAgICBpZiAobmVlZENvbGxlY3RIZWlnaHQpIHtcbiAgICAgICAgICAgICAgICBzZXRTeW5jU3RhdGUoT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBzeW5jU3RhdGUpLCB7IHRpbWVzOiBzeW5jU3RhdGUudGltZXMgKyAxLCB0YXJnZXRBbGlnbjogbmV3VGFyZ2V0QWxpZ24sIGxhc3RUb3A6IHRhcmdldFRvcCB9KSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoKHN5bmNTdGF0ZSA9PT0gbnVsbCB8fCBzeW5jU3RhdGUgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHN5bmNTdGF0ZS50aW1lcykgPT09IE1BWF9USU1FUykge1xuICAgICAgICAgICAgY29uc29sZS53YXJuKCdbVmlydHVhbExpc3RdIGBzY3JvbGxUb2AgcmVhY2hlZCB0aGUgbWF4IGl0ZXJhdGlvbiBsaW1pdC4nKTtcbiAgICAgICAgfVxuICAgIH0sIFtzeW5jU3RhdGUsIGNvbnRhaW5lclJlZi5jdXJyZW50XSk7XG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09IFNjcm9sbCBUbyA9PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICByZXR1cm4gKGFyZykgPT4ge1xuICAgICAgICAvLyBXaGVuIG5vdCBhcmd1bWVudCBwcm92aWRlZCwgd2UgdGhpbmsgZGV2IG1heSB3YW50IHRvIHNob3cgdGhlIHNjcm9sbGJhclxuICAgICAgICBpZiAoYXJnID09PSBudWxsIHx8IGFyZyA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0cmlnZ2VyRmxhc2goKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICAvLyBOb3JtYWwgc2Nyb2xsIGxvZ2ljXG4gICAgICAgIHJhZi5jYW5jZWwoc2Nyb2xsUmVmLmN1cnJlbnQpO1xuICAgICAgICBpZiAodHlwZW9mIGFyZyA9PT0gJ251bWJlcicpIHtcbiAgICAgICAgICAgIHN5bmNTY3JvbGxUb3AoYXJnKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmIChhcmcgJiYgdHlwZW9mIGFyZyA9PT0gJ29iamVjdCcpIHtcbiAgICAgICAgICAgIGxldCBpbmRleDtcbiAgICAgICAgICAgIGNvbnN0IHsgYWxpZ24gfSA9IGFyZztcbiAgICAgICAgICAgIGlmICgnaW5kZXgnIGluIGFyZykge1xuICAgICAgICAgICAgICAgICh7IGluZGV4IH0gPSBhcmcpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgaW5kZXggPSBkYXRhLmZpbmRJbmRleCgoaXRlbSkgPT4gZ2V0S2V5KGl0ZW0pID09PSBhcmcua2V5KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHsgb2Zmc2V0ID0gMCB9ID0gYXJnO1xuICAgICAgICAgICAgc2V0U3luY1N0YXRlKHtcbiAgICAgICAgICAgICAgICB0aW1lczogMCxcbiAgICAgICAgICAgICAgICBpbmRleCxcbiAgICAgICAgICAgICAgICBvZmZzZXQsXG4gICAgICAgICAgICAgICAgb3JpZ2luQWxpZ246IGFsaWduLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9O1xufSJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/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/es/components/VirtualList/index.js

@@ -0,0 +1,5 @@
+import VirtualList from './VirtualList';
+export { default as VirtualList } from './VirtualList';
+export default VirtualList;
+export * from './constants';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaW5kZXgudHMiXSwibmFtZXMiOlsiVmlydHVhbExpc3QiLCJkZWZhdWx0Il0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxXQUFXLE1BQU0sZUFBZTtBQUV2QyxTQUFTQyxPQUFPLElBQUlELFdBQVcsUUFBUSxlQUFlO0FBRXRELGVBQWVBLFdBQVc7QUFjMUIsY0FBYyxhQUFhIiwiZmlsZSI6ImNvbXBvbmVudHMvVmlydHVhbExpc3QvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/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/es/components/VirtualList/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3QvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiJBQUFBIiwiaWdub3JlTGlzdCI6W119

package/es/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/es/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/es/components/VirtualList/style/css.js

@@ -0,0 +1,2 @@
+import './VirtualList.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3Qvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxvQkFBb0IiLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

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

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

@@ -0,0 +1,2 @@
+import './VirtualList.scss';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3Qvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxvQkFBb0IiLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/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/es/components/VirtualList/utils/CacheMap.js

@@ -0,0 +1,43 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+// Firefox has low performance of map.
+var CacheMap = /*#__PURE__*/function () {
+  function CacheMap() {
+    _classCallCheck(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 _createClass(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;
+    }
+  }]);
+}();
+export default CacheMap;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvQ2FjaGVNYXAudHMiLCJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L3V0aWxzL0NhY2hlTWFwLmpzIl0sIm5hbWVzIjpbIkNhY2hlTWFwIiwiX2NsYXNzQ2FsbENoZWNrIiwiaWQiLCJkaWZmUmVjb3JkcyIsIk1hcCIsIm1hcHMiLCJPYmplY3QiLCJjcmVhdGUiLCJfY3JlYXRlQ2xhc3MiLCJrZXkiLCJ2YWx1ZSIsInNldCIsImdldCIsInJlc2V0UmVjb3JkIiwiY2xlYXIiLCJnZXRSZWNvcmQiXSwibWFwcGluZ3MiOiI7O0FBRUE7QUFBQSxJQUNNQSxRQUFRO0VBU1osU0FBQUEsU0FBQSxFQUFBO0lBQUFDLGVBQUEsT0FBQUQsUUFBQTtJQU5BO0lBQ0E7SUFDQSxJQUFBLENBQUFFLEVBQUUsR0FBVyxDQUFDO0lBRWQsSUFBQSxDQUFBQyxXQUFXLEdBQUcsSUFBSUMsR0FBRyxDQUFBLENBQXFCO0lBR3hDLElBQUksQ0FBQ0MsSUFBSSxHQUFHQyxNQUFNLENBQUNDLE1BQU0sQ0FBQyxJQUFJLENBQUM7RUFDakM7RUFBQyxPQUFBQyxZQUFBLENBQUFSLFFBQUE7SUFBQVMsR0FBQTtJQUFBQyxLQUFBLEVBRUQsU0FBQUMsR0FBR0EsQ0FBQ0YsR0FBYyxFQUFFQyxLQUFhLEVBQUE7TUFDL0I7TUFDQSxJQUFJLENBQUNQLFdBQVcsQ0FBQ1EsR0FBRyxDQUFDRixHQUFHLEVBQUUsSUFBSSxDQUFDSixJQUFJLENBQUNJLEdBQWEsQ0FBQyxDQUFDO01BRW5ELElBQUksQ0FBQ0osSUFBSSxDQUFDSSxHQUFhLENBQUMsR0FBR0MsS0FBSztNQUNoQyxJQUFJLENBQUNSLEVBQUUsSUFBSSxDQUFDO0lBQ2Q7RUFBQztJQUFBTyxHQUFBO0lBQUFDLEtBQUEsRUFFRCxTQUFBRSxHQUFHQSxDQUFDSCxHQUFjLEVBQUE7TUFDaEIsT0FBTyxJQUFJLENBQUNKLElBQUksQ0FBQ0ksR0FBYSxDQUFDO0lBQ2pDO0lBRUE7QUNURjtBQUNBO0FBQ0E7RURPRTtJQUFBQSxHQUFBO0lBQUFDLEtBQUEsRUFJQSxTQUFBRyxXQUFXQSxDQUFBLEVBQUE7TUFDVCxJQUFJLENBQUNWLFdBQVcsQ0FBQ1csS0FBSyxDQUFBLENBQUU7SUFDMUI7RUFBQztJQUFBTCxHQUFBO0lBQUFDLEtBQUEsRUFFRCxTQUFBSyxTQUFTQSxDQUFBLEVBQUE7TUFDUCxPQUFPLElBQUksQ0FBQ1osV0FBVztJQUN6QjtFQUFDO0FBQUE7QUFHSCxlQUFlSCxRQUFRIiwiZmlsZSI6ImNvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvQ2FjaGVNYXAuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsIi8vIEZpcmVmb3ggaGFzIGxvdyBwZXJmb3JtYW5jZSBvZiBtYXAuXG5jbGFzcyBDYWNoZU1hcCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIC8vIFVzZWQgZm9yIGNhY2hlIGtleVxuICAgICAgICAvLyBgdXNlTWVtb2Agbm8gbmVlZCB0byB1cGRhdGUgaWYgYGlkYCBub3QgY2hhbmdlXG4gICAgICAgIHRoaXMuaWQgPSAwO1xuICAgICAgICB0aGlzLmRpZmZSZWNvcmRzID0gbmV3IE1hcCgpO1xuICAgICAgICB0aGlzLm1hcHMgPSBPYmplY3QuY3JlYXRlKG51bGwpO1xuICAgIH1cbiAgICBzZXQoa2V5LCB2YWx1ZSkge1xuICAgICAgICAvLyBSZWNvcmQgcHJldiB2YWx1ZVxuICAgICAgICB0aGlzLmRpZmZSZWNvcmRzLnNldChrZXksIHRoaXMubWFwc1trZXldKTtcbiAgICAgICAgdGhpcy5tYXBzW2tleV0gPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5pZCArPSAxO1xuICAgIH1cbiAgICBnZXQoa2V5KSB7XG4gICAgICAgIHJldHVybiB0aGlzLm1hcHNba2V5XTtcbiAgICB9XG4gICAgLyoqXG4gICAgICogQ2FjaGVNYXAgd2lsbCByZWNvcmQgdGhlIGtleSBjaGFuZ2VkLlxuICAgICAqIFRvIGhlbHAgdG8ga25vdyB3aGF0J3MgdXBkYXRlIGluIHRoZSBuZXh0IHJlbmRlci5cbiAgICAgKi9cbiAgICByZXNldFJlY29yZCgpIHtcbiAgICAgICAgdGhpcy5kaWZmUmVjb3Jkcy5jbGVhcigpO1xuICAgIH1cbiAgICBnZXRSZWNvcmQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpZmZSZWNvcmRzO1xuICAgIH1cbn1cbmV4cG9ydCBkZWZhdWx0IENhY2hlTWFwOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/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/es/components/VirtualList/utils/algorithmUtil.js

@@ -0,0 +1,77 @@
+/**
+ * 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 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.
+ */
+export 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvYWxnb3JpdGhtVXRpbC50cyIsImNvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvYWxnb3JpdGhtVXRpbC5qcyJdLCJuYW1lcyI6WyJnZXRJbmRleEJ5U3RhcnRMb2MiLCJtaW4iLCJtYXgiLCJzdGFydCIsImluZGV4IiwiYmVmb3JlQ291bnQiLCJhZnRlckNvdW50IiwiYmFsYW5jZUNvdW50IiwiTWF0aCIsInN0ZXBJbmRleCIsImZsb29yIiwiZmluZExpc3REaWZmSW5kZXgiLCJvcmlnaW5MaXN0IiwidGFyZ2V0TGlzdCIsImdldEtleSIsIm9yaWdpbkxlbiIsImxlbmd0aCIsInRhcmdldExlbiIsInNob3J0TGlzdCIsImxvbmdMaXN0Iiwibm90RXhpc3RLZXkiLCJfX0VNUFRZX0lURU1fXyIsImdldEl0ZW1LZXkiLCJpdGVtIiwidW5kZWZpbmVkIiwiZGlmZkluZGV4IiwibXVsdGlwbGUiLCJhYnMiLCJpIiwic2hvcnRLZXkiLCJsb25nS2V5Il0sIm1hcHBpbmdzIjoiQUFDQTtBQ0FBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBREVBLE9BQU0sU0FBVUEsa0JBQWtCQSxDQUFDQyxHQUFXLEVBQUVDLEdBQVcsRUFBRUMsS0FBYSxFQUFFQyxLQUFhLEVBQUE7RUFDdkYsSUFBTUMsV0FBVyxHQUFHRixLQUFLLEdBQUdGLEdBQUc7RUFDL0IsSUFBTUssVUFBVSxHQUFHSixHQUFHLEdBQUdDLEtBQUs7RUFDOUIsSUFBTUksWUFBWSxHQUFHQyxJQUFJLENBQUNQLEdBQUcsQ0FBQ0ksV0FBVyxFQUFFQyxVQUFVLENBQUMsR0FBRyxDQUFDO0VBRTFEO0VBQ0EsSUFBSUYsS0FBSyxJQUFJRyxZQUFZLEVBQUU7SUFDekIsSUFBTUUsU0FBUyxHQUFHRCxJQUFJLENBQUNFLEtBQUssQ0FBQ04sS0FBSyxHQUFHLENBQUMsQ0FBQztJQUN2QyxJQUFJQSxLQUFLLEdBQUcsQ0FBQyxFQUFFO01BQ2IsT0FBT0QsS0FBSyxHQUFHTSxTQUFTLEdBQUcsQ0FBQztJQUM5QjtJQUNBLE9BQU9OLEtBQUssR0FBR00sU0FBUztFQUMxQjtFQUVBO0VBQ0EsSUFBSUosV0FBVyxHQUFHQyxVQUFVLEVBQUU7SUFDNUIsT0FBT0gsS0FBSyxJQUFJQyxLQUFLLEdBQUdFLFVBQVUsQ0FBQztFQUNyQztFQUNBLE9BQU9ILEtBQUssSUFBSUMsS0FBSyxHQUFHQyxXQUFXLENBQUM7QUFDdEM7QUFFQTtBQ0hBO0FBQ0E7QUFDQTtBREtBLE9BQU0sU0FBVU0saUJBQWlCQSxDQUMvQkMsVUFBZSxFQUNmQyxVQUFlLEVBQ2ZDLE1BQThCLEVBQUE7RUFFOUIsSUFBTUMsU0FBUyxHQUFHSCxVQUFVLENBQUNJLE1BQU07RUFDbkMsSUFBTUMsU0FBUyxHQUFHSixVQUFVLENBQUNHLE1BQU07RUFFbkMsSUFBSUUsU0FBYztFQUNsQixJQUFJQyxRQUFhO0VBRWpCLElBQUlKLFNBQVMsS0FBSyxDQUFDLElBQUlFLFNBQVMsS0FBSyxDQUFDLEVBQUU7SUFDdEMsT0FBTyxJQUFJO0VBQ2I7RUFFQSxJQUFJRixTQUFTLEdBQUdFLFNBQVMsRUFBRTtJQUN6QkMsU0FBUyxHQUFHTixVQUFVO0lBQ3RCTyxRQUFRLEdBQUdOLFVBQVU7RUFDdkIsQ0FBQyxNQUFNO0lBQ0xLLFNBQVMsR0FBR0wsVUFBVTtJQUN0Qk0sUUFBUSxHQUFHUCxVQUFVO0VBQ3ZCO0VBRUEsSUFBTVEsV0FBVyxHQUFHO0lBQUVDLGNBQWMsRUFBRTtFQUFJLENBQUU7RUFDNUMsU0FBU0MsVUFBVUEsQ0FBQ0MsSUFBTyxFQUFBO0lBQ3pCLElBQUlBLElBQUksS0FBS0MsU0FBUyxFQUFFO01BQ3RCLE9BQU9WLE1BQU0sQ0FBQ1MsSUFBSSxDQUFDO0lBQ3JCO0lBQ0EsT0FBT0gsV0FBVztFQUNwQjtFQUVBO0VBQ0EsSUFBSUssU0FBUyxHQUFrQixJQUFJO0VBQ25DLElBQUlDLFFBQVEsR0FBR2xCLElBQUksQ0FBQ21CLEdBQUcsQ0FBQ1osU0FBUyxHQUFHRSxTQUFTLENBQUMsS0FBSyxDQUFDO0VBQ3BELEtBQUssSUFBSVcsQ0FBQyxHQUFHLENBQUMsRUFBRUEsQ0FBQyxHQUFHVCxRQUFRLENBQUNILE1BQU0sRUFBRVksQ0FBQyxJQUFJLENBQUMsRUFBRTtJQUMzQyxJQUFNQyxRQUFRLEdBQUdQLFVBQVUsQ0FBQ0osU0FBUyxDQUFDVSxDQUFDLENBQUMsQ0FBQztJQUN6QyxJQUFNRSxPQUFPLEdBQUdSLFVBQVUsQ0FBQ0gsUUFBUSxDQUFDUyxDQUFDLENBQUMsQ0FBQztJQUV2QyxJQUFJQyxRQUFRLEtBQUtDLE9BQU8sRUFBRTtNQUN4QkwsU0FBUyxHQUFHRyxDQUFDO01BQ2JGLFFBQVEsR0FBR0EsUUFBUSxJQUFJRyxRQUFRLEtBQUtQLFVBQVUsQ0FBQ0gsUUFBUSxDQUFDUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7TUFDL0Q7SUFDRjtFQUNGO0VBRUEsT0FBT0gsU0FBUyxLQUFLLElBQUksR0FBRyxJQUFJLEdBQUc7SUFBRXJCLEtBQUssRUFBRXFCLFNBQVM7SUFBRUMsUUFBUSxFQUFSQTtFQUFRLENBQUU7QUFDbkUiLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC91dGlscy9hbGdvcml0aG1VdGlsLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCIvKipcbiAqIEdldCBpbmRleCB3aXRoIHNwZWNpZmljIHN0YXJ0IGluZGV4IG9uZSBieSBvbmUuIGUuZy5cbiAqIG1pbjogMywgbWF4OiA5LCBzdGFydDogNlxuICpcbiAqIFJldHVybiBpbmRleCBpczpcbiAqIFswXTogNlxuICogWzFdOiA3XG4gKiBbMl06IDVcbiAqIFszXTogOFxuICogWzRdOiA0XG4gKiBbNV06IDlcbiAqIFs2XTogM1xuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0SW5kZXhCeVN0YXJ0TG9jKG1pbiwgbWF4LCBzdGFydCwgaW5kZXgpIHtcbiAgICBjb25zdCBiZWZvcmVDb3VudCA9IHN0YXJ0IC0gbWluO1xuICAgIGNvbnN0IGFmdGVyQ291bnQgPSBtYXggLSBzdGFydDtcbiAgICBjb25zdCBiYWxhbmNlQ291bnQgPSBNYXRoLm1pbihiZWZvcmVDb3VudCwgYWZ0ZXJDb3VudCkgKiAyO1xuICAgIC8vIEJhbGFuY2VcbiAgICBpZiAoaW5kZXggPD0gYmFsYW5jZUNvdW50KSB7XG4gICAgICAgIGNvbnN0IHN0ZXBJbmRleCA9IE1hdGguZmxvb3IoaW5kZXggLyAyKTtcbiAgICAgICAgaWYgKGluZGV4ICUgMikge1xuICAgICAgICAgICAgcmV0dXJuIHN0YXJ0ICsgc3RlcEluZGV4ICsgMTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gc3RhcnQgLSBzdGVwSW5kZXg7XG4gICAgfVxuICAgIC8vIE9uZSBpcyBvdXQgb2YgcmFuZ2VcbiAgICBpZiAoYmVmb3JlQ291bnQgPiBhZnRlckNvdW50KSB7XG4gICAgICAgIHJldHVybiBzdGFydCAtIChpbmRleCAtIGFmdGVyQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gc3RhcnQgKyAoaW5kZXggLSBiZWZvcmVDb3VudCk7XG59XG4vKipcbiAqIFdlIGFzc3VtZSB0aGF0IDIgbGlzdCBoYXMgb25seSAxIGl0ZW0gZGlmZiBhbmQgb3RoZXJzIGtlZXBpbmcgdGhlIG9yZGVyLlxuICogU28gd2UgY2FuIHVzZSBkaWNob3RvbXkgYWxnb3JpdGhtIHRvIGZpbmQgY2hhbmdlZCBvbmUuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBmaW5kTGlzdERpZmZJbmRleChvcmlnaW5MaXN0LCB0YXJnZXRMaXN0LCBnZXRLZXkpIHtcbiAgICBjb25zdCBvcmlnaW5MZW4gPSBvcmlnaW5MaXN0Lmxlbmd0aDtcbiAgICBjb25zdCB0YXJnZXRMZW4gPSB0YXJnZXRMaXN0Lmxlbmd0aDtcbiAgICBsZXQgc2hvcnRMaXN0O1xuICAgIGxldCBsb25nTGlzdDtcbiAgICBpZiAob3JpZ2luTGVuID09PSAwICYmIHRhcmdldExlbiA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKG9yaWdpbkxlbiA8IHRhcmdldExlbikge1xuICAgICAgICBzaG9ydExpc3QgPSBvcmlnaW5MaXN0O1xuICAgICAgICBsb25nTGlzdCA9IHRhcmdldExpc3Q7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgICBzaG9ydExpc3QgPSB0YXJnZXRMaXN0O1xuICAgICAgICBsb25nTGlzdCA9IG9yaWdpbkxpc3Q7XG4gICAgfVxuICAgIGNvbnN0IG5vdEV4aXN0S2V5ID0geyBfX0VNUFRZX0lURU1fXzogdHJ1ZSB9O1xuICAgIGZ1bmN0aW9uIGdldEl0ZW1LZXkoaXRlbSkge1xuICAgICAgICBpZiAoaXRlbSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICByZXR1cm4gZ2V0S2V5KGl0ZW0pO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBub3RFeGlzdEtleTtcbiAgICB9XG4gICAgLy8gTG9vcCB0byBmaW5kIGRpZmYgb25lXG4gICAgbGV0IGRpZmZJbmRleCA9IG51bGw7XG4gICAgbGV0IG11bHRpcGxlID0gTWF0aC5hYnMob3JpZ2luTGVuIC0gdGFyZ2V0TGVuKSAhPT0gMTtcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGxvbmdMaXN0Lmxlbmd0aDsgaSArPSAxKSB7XG4gICAgICAgIGNvbnN0IHNob3J0S2V5ID0gZ2V0SXRlbUtleShzaG9ydExpc3RbaV0pO1xuICAgICAgICBjb25zdCBsb25nS2V5ID0gZ2V0SXRlbUtleShsb25nTGlzdFtpXSk7XG4gICAgICAgIGlmIChzaG9ydEtleSAhPT0gbG9uZ0tleSkge1xuICAgICAgICAgICAgZGlmZkluZGV4ID0gaTtcbiAgICAgICAgICAgIG11bHRpcGxlID0gbXVsdGlwbGUgfHwgc2hvcnRLZXkgIT09IGdldEl0ZW1LZXkobG9uZ0xpc3RbaSArIDFdKTtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiBkaWZmSW5kZXggPT09IG51bGwgPyBudWxsIDogeyBpbmRleDogZGlmZkluZGV4LCBtdWx0aXBsZSB9O1xufSJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

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

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

@@ -0,0 +1,4 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+var isFF = (typeof navigator === "undefined" ? "undefined" : _typeof(navigator)) === 'object' && /Firefox/i.test(navigator.userAgent);
+export default isFF;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvaXNGaXJlZm94LnRzIl0sIm5hbWVzIjpbImlzRkYiLCJuYXZpZ2F0b3IiLCJfdHlwZW9mIiwidGVzdCIsInVzZXJBZ2VudCJdLCJtYXBwaW5ncyI6IjtBQUFBLElBQU1BLElBQUksR0FBRyxRQUFPQyxTQUFTLGlDQUFBQyxPQUFBLENBQVRELFNBQVMsT0FBSyxRQUFRLElBQUksVUFBVSxDQUFDRSxJQUFJLENBQUNGLFNBQVMsQ0FBQ0csU0FBUyxDQUFDO0FBRWxGLGVBQWVKLElBQUkiLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC91dGlscy9pc0ZpcmVmb3guanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/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;

package/es/components/VirtualList/utils/raf.js

@@ -0,0 +1,47 @@
+// SSR-safe requestAnimationFrame / cancelAnimationFrame
+var _raf = function _raf(callback) {
+  return +setTimeout(callback, 16);
+};
+var _caf = function _caf(num) {
+  return clearTimeout(num);
+};
+if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
+  _raf = function _raf(callback) {
+    return window.requestAnimationFrame(callback);
+  };
+  _caf = function _caf(handle) {
+    return window.cancelAnimationFrame(handle);
+  };
+}
+var id = 0;
+var ids = new Map();
+/**
+ * Schedule a callback after `frames` animation frames (default 1).
+ * Returns a cancellable id.
+ */
+function raf(callback) {
+  var frames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var myId = ++id;
+  function runFrames(remaining) {
+    if (remaining <= 0) {
+      ids["delete"](myId);
+      callback();
+    } else {
+      var rafId = _raf(function () {
+        runFrames(remaining - 1);
+      });
+      ids.set(myId, rafId);
+    }
+  }
+  runFrames(frames);
+  return myId;
+}
+raf.cancel = function (id) {
+  var rafId = ids.get(id);
+  if (rafId !== undefined) {
+    _caf(rafId);
+    ids["delete"](id);
+  }
+};
+export default raf;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvcmFmLnRzIiwiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC91dGlscy9yYWYuanMiXSwibmFtZXMiOlsiX3JhZiIsImNhbGxiYWNrIiwic2V0VGltZW91dCIsIl9jYWYiLCJudW0iLCJjbGVhclRpbWVvdXQiLCJ3aW5kb3ciLCJyZXF1ZXN0QW5pbWF0aW9uRnJhbWUiLCJoYW5kbGUiLCJjYW5jZWxBbmltYXRpb25GcmFtZSIsImlkIiwiaWRzIiwiTWFwIiwicmFmIiwiZnJhbWVzIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwibXlJZCIsInJ1bkZyYW1lcyIsInJlbWFpbmluZyIsInJhZklkIiwic2V0IiwiY2FuY2VsIiwiZ2V0Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBLElBQUlBLElBQUksR0FBRyxTQUFQQSxJQUFJQSxDQUFJQyxRQUE4QjtFQUFBLE9BQUssQ0FBQ0MsVUFBVSxDQUFDRCxRQUFRLEVBQUUsRUFBRSxDQUFDO0FBQUE7QUFDeEUsSUFBSUUsSUFBSSxHQUFHLFNBQVBBLElBQUlBLENBQUlDLEdBQVc7RUFBQSxPQUFLQyxZQUFZLENBQUNELEdBQUcsQ0FBQztBQUFBO0FBRTdDLElBQUksT0FBT0UsTUFBTSxLQUFLLFdBQVcsSUFBSSx1QkFBdUIsSUFBSUEsTUFBTSxFQUFFO0VBQ3RFTixJQUFJLEdBQUcsU0FBUEEsSUFBSUEsQ0FBSUMsUUFBOEI7SUFBQSxPQUFLSyxNQUFNLENBQUNDLHFCQUFxQixDQUFDTixRQUFRLENBQUM7RUFBQTtFQUNqRkUsSUFBSSxHQUFHLFNBQVBBLElBQUlBLENBQUlLLE1BQWM7SUFBQSxPQUFLRixNQUFNLENBQUNHLG9CQUFvQixDQUFDRCxNQUFNLENBQUM7RUFBQTtBQUNoRTtBQUVBLElBQUlFLEVBQUUsR0FBRyxDQUFDO0FBQ1YsSUFBTUMsR0FBRyxHQUFHLElBQUlDLEdBQUcsQ0FBQSxDQUFrQjtBQUVyQztBQ0ZBO0FBQ0E7QUFDQTtBRElBLFNBQVNDLEdBQUdBLENBQUNaLFFBQW9CLEVBQVk7RUFBQSxJQUFWYSxNQUFNLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLENBQUM7RUFDM0MsSUFBTUcsSUFBSSxHQUFHLEVBQUVSLEVBQUU7RUFFakIsU0FBU1MsU0FBU0EsQ0FBQ0MsU0FBaUIsRUFBQTtJQUNsQyxJQUFJQSxTQUFTLElBQUksQ0FBQyxFQUFFO01BQ2xCVCxHQUFHLFVBQU8sQ0FBQ08sSUFBSSxDQUFDO01BQ2hCakIsUUFBUSxDQUFBLENBQUU7SUFDWixDQUFDLE1BQU07TUFDTCxJQUFNb0IsS0FBSyxHQUFHckIsSUFBSSxDQUFDLFlBQUs7UUFDdEJtQixTQUFTLENBQUNDLFNBQVMsR0FBRyxDQUFDLENBQUM7TUFDMUIsQ0FBQyxDQUFDO01BQ0ZULEdBQUcsQ0FBQ1csR0FBRyxDQUFDSixJQUFJLEVBQUVHLEtBQUssQ0FBQztJQUN0QjtFQUNGO0VBRUFGLFNBQVMsQ0FBQ0wsTUFBTSxDQUFDO0VBQ2pCLE9BQU9JLElBQUk7QUFDYjtBQUVBTCxHQUFHLENBQUNVLE1BQU0sR0FBRyxVQUFDYixFQUFVLEVBQUk7RUFDMUIsSUFBTVcsS0FBSyxHQUFHVixHQUFHLENBQUNhLEdBQUcsQ0FBQ2QsRUFBRSxDQUFDO0VBQ3pCLElBQUlXLEtBQUssS0FBS0osU0FBUyxFQUFFO0lBQ3ZCZCxJQUFJLENBQUNrQixLQUFLLENBQUM7SUFDWFYsR0FBRyxVQUFPLENBQUNELEVBQUUsQ0FBQztFQUNoQjtBQUNGLENBQUM7QUFFRCxlQUFlRyxHQUFHIiwiZmlsZSI6ImNvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvcmFmLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCIvLyBTU1Itc2FmZSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUgLyBjYW5jZWxBbmltYXRpb25GcmFtZVxubGV0IF9yYWYgPSAoY2FsbGJhY2spID0+ICtzZXRUaW1lb3V0KGNhbGxiYWNrLCAxNik7XG5sZXQgX2NhZiA9IChudW0pID0+IGNsZWFyVGltZW91dChudW0pO1xuaWYgKHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnICYmICdyZXF1ZXN0QW5pbWF0aW9uRnJhbWUnIGluIHdpbmRvdykge1xuICAgIF9yYWYgPSAoY2FsbGJhY2spID0+IHdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUoY2FsbGJhY2spO1xuICAgIF9jYWYgPSAoaGFuZGxlKSA9PiB3aW5kb3cuY2FuY2VsQW5pbWF0aW9uRnJhbWUoaGFuZGxlKTtcbn1cbmxldCBpZCA9IDA7XG5jb25zdCBpZHMgPSBuZXcgTWFwKCk7XG4vKipcbiAqIFNjaGVkdWxlIGEgY2FsbGJhY2sgYWZ0ZXIgYGZyYW1lc2AgYW5pbWF0aW9uIGZyYW1lcyAoZGVmYXVsdCAxKS5cbiAqIFJldHVybnMgYSBjYW5jZWxsYWJsZSBpZC5cbiAqL1xuZnVuY3Rpb24gcmFmKGNhbGxiYWNrLCBmcmFtZXMgPSAxKSB7XG4gICAgY29uc3QgbXlJZCA9ICsraWQ7XG4gICAgZnVuY3Rpb24gcnVuRnJhbWVzKHJlbWFpbmluZykge1xuICAgICAgICBpZiAocmVtYWluaW5nIDw9IDApIHtcbiAgICAgICAgICAgIGlkcy5kZWxldGUobXlJZCk7XG4gICAgICAgICAgICBjYWxsYmFjaygpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgY29uc3QgcmFmSWQgPSBfcmFmKCgpID0+IHtcbiAgICAgICAgICAgICAgICBydW5GcmFtZXMocmVtYWluaW5nIC0gMSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGlkcy5zZXQobXlJZCwgcmFmSWQpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJ1bkZyYW1lcyhmcmFtZXMpO1xuICAgIHJldHVybiBteUlkO1xufVxucmFmLmNhbmNlbCA9IChpZCkgPT4ge1xuICAgIGNvbnN0IHJhZklkID0gaWRzLmdldChpZCk7XG4gICAgaWYgKHJhZklkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgX2NhZihyYWZJZCk7XG4gICAgICAgIGlkcy5kZWxldGUoaWQpO1xuICAgIH1cbn07XG5leHBvcnQgZGVmYXVsdCByYWY7Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/VirtualList/utils/scrollbarUtil.d.ts

@@ -0,0 +1 @@
+export declare function getSpinSize(containerSize?: number, scrollRange?: number): number;

package/es/components/VirtualList/utils/scrollbarUtil.js

@@ -0,0 +1,12 @@
+var MIN_SIZE = 20;
+export function getSpinSize() {
+  var containerSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var scrollRange = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var baseSize = containerSize / scrollRange * containerSize;
+  if (isNaN(baseSize)) {
+    baseSize = 0;
+  }
+  baseSize = Math.max(baseSize, MIN_SIZE);
+  return Math.floor(baseSize);
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvdXRpbHMvc2Nyb2xsYmFyVXRpbC50cyJdLCJuYW1lcyI6WyJNSU5fU0laRSIsImdldFNwaW5TaXplIiwiY29udGFpbmVyU2l6ZSIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsInNjcm9sbFJhbmdlIiwiYmFzZVNpemUiLCJpc05hTiIsIk1hdGgiLCJtYXgiLCJmbG9vciJdLCJtYXBwaW5ncyI6IkFBQUEsSUFBTUEsUUFBUSxHQUFHLEVBQUU7QUFFbkIsT0FBTSxTQUFVQyxXQUFXQSxDQUFBLEVBQW1DO0VBQUEsSUFBbENDLGFBQWEsR0FBQUMsU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQUcsQ0FBQztFQUFBLElBQUVHLFdBQVcsR0FBQUgsU0FBQSxDQUFBQyxNQUFBLFFBQUFELFNBQUEsUUFBQUUsU0FBQSxHQUFBRixTQUFBLE1BQUcsQ0FBQztFQUM1RCxJQUFJSSxRQUFRLEdBQUlMLGFBQWEsR0FBR0ksV0FBVyxHQUFJSixhQUFhO0VBQzVELElBQUlNLEtBQUssQ0FBQ0QsUUFBUSxDQUFDLEVBQUU7SUFDbkJBLFFBQVEsR0FBRyxDQUFDO0VBQ2Q7RUFDQUEsUUFBUSxHQUFHRSxJQUFJLENBQUNDLEdBQUcsQ0FBQ0gsUUFBUSxFQUFFUCxRQUFRLENBQUM7RUFDdkMsT0FBT1MsSUFBSSxDQUFDRSxLQUFLLENBQUNKLFFBQVEsQ0FBQztBQUM3QiIsImZpbGUiOiJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L3V0aWxzL3Njcm9sbGJhclV0aWwuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=