@1money/component-ui 0.0.1

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

@@ -0,0 +1,4 @@
+export declare const VIRTUAL_LIST_COMPONENT_NAME = "VirtualList";
+export declare const VIRTUAL_LIST_PREFIXCLS = "om-react-ui-virtual-list";
+export declare const VIRTUAL_LIST_SCROLLBAR_CSS_VAR = "--om-react-ui-virtual-list-scrollbar-bg";
+export declare const VIRTUAL_LIST_SCROLLBAR_DEFAULT_BG = "rgba(0, 0, 0, 0.5)";

package/lib/components/VirtualList/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VIRTUAL_LIST_SCROLLBAR_DEFAULT_BG = exports.VIRTUAL_LIST_SCROLLBAR_CSS_VAR = exports.VIRTUAL_LIST_PREFIXCLS = exports.VIRTUAL_LIST_COMPONENT_NAME = void 0;
+var VIRTUAL_LIST_COMPONENT_NAME = exports.VIRTUAL_LIST_COMPONENT_NAME = 'VirtualList';
+var VIRTUAL_LIST_PREFIXCLS = exports.VIRTUAL_LIST_PREFIXCLS = 'om-react-ui-virtual-list';
+var VIRTUAL_LIST_SCROLLBAR_CSS_VAR = exports.VIRTUAL_LIST_SCROLLBAR_CSS_VAR = '--om-react-ui-virtual-list-scrollbar-bg';
+var VIRTUAL_LIST_SCROLLBAR_DEFAULT_BG = exports.VIRTUAL_LIST_SCROLLBAR_DEFAULT_BG = 'rgba(0, 0, 0, 0.5)';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbIlZJUlRVQUxfTElTVF9DT01QT05FTlRfTkFNRSIsImV4cG9ydHMiLCJWSVJUVUFMX0xJU1RfUFJFRklYQ0xTIiwiVklSVFVBTF9MSVNUX1NDUk9MTEJBUl9DU1NfVkFSIiwiVklSVFVBTF9MSVNUX1NDUk9MTEJBUl9ERUZBVUxUX0JHIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBTyxJQUFNQSwyQkFBMkIsR0FBQUMsT0FBQSxDQUFBRCwyQkFBQSxHQUFHLGFBQWE7QUFFakQsSUFBTUUsc0JBQXNCLEdBQUFELE9BQUEsQ0FBQUMsc0JBQUEsR0FBRywwQkFBMEI7QUFFekQsSUFBTUMsOEJBQThCLEdBQUFGLE9BQUEsQ0FBQUUsOEJBQUEsR0FBRyx5Q0FBeUM7QUFFaEYsSUFBTUMsaUNBQWlDLEdBQUFILE9BQUEsQ0FBQUcsaUNBQUEsR0FBRyxvQkFBb0IiLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9jb25zdGFudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

@@ -0,0 +1,2 @@
+import type { RenderFunc, SharedConfig } from '../interface';
+export default function useChildren<T>(list: T[], startIndex: number, endIndex: number, scrollWidth: number | undefined, offsetX: number, setNodeRef: (item: T, element: HTMLElement) => void, renderFunc: RenderFunc<T>, { getKey }: SharedConfig<T>): import("react/jsx-runtime").JSX.Element[];

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useChildren;
+var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
+var _Item = require("../Item");
+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 useChildren(list, startIndex, endIndex, scrollWidth, offsetX, setNodeRef, renderFunc, _ref) {
+  var getKey = _ref.getKey;
+  return React.useMemo(function () {
+    return list.slice(startIndex, endIndex + 1).map(function (item, index) {
+      var eleIndex = startIndex + index;
+      var node = renderFunc(item, eleIndex, {
+        style: {
+          width: scrollWidth
+        },
+        offsetX: offsetX
+      });
+      var key = getKey(item);
+      return (0, _jsxRuntime.jsx)(_Item.Item, {
+        setRef: function setRef(ele) {
+          return setNodeRef(item, ele);
+        },
+        children: node
+      }, key);
+    });
+  }, [list, startIndex, endIndex, scrollWidth, offsetX, setNodeRef, renderFunc, getKey]);
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlQ2hpbGRyZW4uanMiLCJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L3NyYy9jb21wb25lbnRzL1ZpcnR1YWxMaXN0L2hvb2tzL3VzZUNoaWxkcmVuLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJSZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX0l0ZW0iLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJ1c2VDaGlsZHJlbiIsImxpc3QiLCJzdGFydEluZGV4IiwiZW5kSW5kZXgiLCJzY3JvbGxXaWR0aCIsIm9mZnNldFgiLCJzZXROb2RlUmVmIiwicmVuZGVyRnVuYyIsIl9yZWYiLCJnZXRLZXkiLCJ1c2VNZW1vIiwic2xpY2UiLCJtYXAiLCJpdGVtIiwiaW5kZXgiLCJlbGVJbmRleCIsIm5vZGUiLCJzdHlsZSIsIndpZHRoIiwia2V5IiwiX2pzeCIsIkl0ZW0iLCJzZXRSZWYiLCJlbGUiLCJjaGlsZHJlbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLEtBQUEsR0FBQUMsdUJBQUEsQ0FBQUYsT0FBQTtBQUVBLElBQUFHLEtBQUEsR0FBQUgsT0FBQTtBQUErQixTQUFBSSx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQUgsd0JBQUFHLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUksR0FBQSxDQUFBUCxDQUFBLE9BQUFRLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUFDLE1BQUEsQ0FBQUMsY0FBQSxJQUFBRCxNQUFBLENBQUFFLHdCQUFBLFdBQUFDLENBQUEsSUFBQWQsQ0FBQSxvQkFBQWMsQ0FBQSxPQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQWhCLENBQUEsRUFBQWMsQ0FBQSxTQUFBRyxDQUFBLEdBQUFQLENBQUEsR0FBQUMsTUFBQSxDQUFBRSx3QkFBQSxDQUFBYixDQUFBLEVBQUFjLENBQUEsVUFBQUcsQ0FBQSxLQUFBQSxDQUFBLENBQUFWLEdBQUEsSUFBQVUsQ0FBQSxDQUFBQyxHQUFBLElBQUFQLE1BQUEsQ0FBQUMsY0FBQSxDQUFBSixDQUFBLEVBQUFNLENBQUEsRUFBQUcsQ0FBQSxJQUFBVCxDQUFBLENBQUFNLENBQUEsSUFBQWQsQ0FBQSxDQUFBYyxDQUFBLFlBQUFOLENBQUEsY0FBQVIsQ0FBQSxFQUFBRyxDQUFBLElBQUFBLENBQUEsQ0FBQWUsR0FBQSxDQUFBbEIsQ0FBQSxFQUFBUSxDQUFBLEdBQUFBLENBQUE7QUFFakIsU0FBVVcsV0FBV0EsQ0FDakNDLElBQVMsRUFDVEMsVUFBa0IsRUFDbEJDLFFBQWdCLEVBQ2hCQyxXQUErQixFQUMvQkMsT0FBZSxFQUNmQyxVQUFtRCxFQUNuREMsVUFBeUIsRUFBQUMsSUFBQSxFQUNFO0VBQUEsSUFBekJDLE1BQU0sR0FBQUQsSUFBQSxDQUFOQyxNQUFNO0VBRVIsT0FBT2hDLEtBQUssQ0FBQ2lDLE9BQU8sQ0FDbEI7SUFBQSxPQUNFVCxJQUFJLENBQUNVLEtBQUssQ0FBQ1QsVUFBVSxFQUFFQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUNTLEdBQUcsQ0FBQyxVQUFDQyxJQUFJLEVBQUVDLEtBQUssRUFBSTtNQUN2RCxJQUFNQyxRQUFRLEdBQUdiLFVBQVUsR0FBR1ksS0FBSztNQUNuQyxJQUFNRSxJQUFJLEdBQUdULFVBQVUsQ0FBQ00sSUFBSSxFQUFFRSxRQUFRLEVBQUU7UUFDdENFLEtBQUssRUFBRTtVQUNMQyxLQUFLLEVBQUVkO1FEWFAsQ0NZRDtRQUNEQyxPQUFPLEVBQVBBO01EWEYsQ0NZQyxDQUF1QjtNQUV4QixJQUFNYyxHQUFHLEdBQUdWLE1BQU0sQ0FBQ0ksSUFBSSxDQUFDO01BQ3hCLE9BQ0UsSUFBQU8sZUFBQSxFQUFDQyxVQUFJLEVBQUE7UUFBV0MsTUFBTSxFQUFFLFNBQVJBLE1BQU1BLENBQUdDLEdBQUc7VUFBQSxPQUFLakIsVUFBVSxDQUFDTyxJQUFJLEVBQUVVLEdBQUcsQ0FBQztRQUFBO1FBQUFDLFFBQUEsRUFDbkRSO01BQUksQ0FBQSxFQURJRyxHQUFHLENBRVA7SUFFWCxDQUFDLENBQUM7RUFBQSxHQUNKLENBQUNsQixJQUFJLEVBQUVDLFVBQVUsRUFBRUMsUUFBUSxFQUFFQyxXQUFXLEVBQUVDLE9BQU8sRUFBRUMsVUFBVSxFQUFFQyxVQUFVLEVBQUVFLE1BQU0sQ0FBQyxDQUNuRjtBQUNIIiwiZmlsZSI6ImNvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlQ2hpbGRyZW4uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJy4uL0l0ZW0nO1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlQ2hpbGRyZW4obGlzdCwgc3RhcnRJbmRleCwgZW5kSW5kZXgsIHNjcm9sbFdpZHRoLCBvZmZzZXRYLCBzZXROb2RlUmVmLCByZW5kZXJGdW5jLCB7IGdldEtleSB9KSB7XG4gICAgcmV0dXJuIFJlYWN0LnVzZU1lbW8oKCkgPT4gbGlzdC5zbGljZShzdGFydEluZGV4LCBlbmRJbmRleCArIDEpLm1hcCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgY29uc3QgZWxlSW5kZXggPSBzdGFydEluZGV4ICsgaW5kZXg7XG4gICAgICAgIGNvbnN0IG5vZGUgPSByZW5kZXJGdW5jKGl0ZW0sIGVsZUluZGV4LCB7XG4gICAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgICAgIHdpZHRoOiBzY3JvbGxXaWR0aCxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBvZmZzZXRYLFxuICAgICAgICB9KTtcbiAgICAgICAgY29uc3Qga2V5ID0gZ2V0S2V5KGl0ZW0pO1xuICAgICAgICByZXR1cm4gKF9qc3goSXRlbSwgeyBzZXRSZWY6IChlbGUpID0+IHNldE5vZGVSZWYoaXRlbSwgZWxlKSwgY2hpbGRyZW46IG5vZGUgfSwga2V5KSk7XG4gICAgfSksIFtsaXN0LCBzdGFydEluZGV4LCBlbmRJbmRleCwgc2Nyb2xsV2lkdGgsIG9mZnNldFgsIHNldE5vZGVSZWYsIHJlbmRlckZ1bmMsIGdldEtleV0pO1xufSIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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

@@ -0,0 +1,2 @@
+import type { GetKey } from '../interface';
+export default function useDiffItem<T>(data: T[], getKey: GetKey<T>, onDiff?: (diffIndex: number) => void): [T | null];

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useDiffItem;
+var React = _interopRequireWildcard(require("react"));
+var _algorithmUtil = require("../utils/algorithmUtil");
+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 useDiffItem(data, getKey, onDiff) {
+  var prevDataRef = React.useRef(data);
+  var diffItemRef = React.useRef(null);
+  if (prevDataRef.current !== data) {
+    var diff = (0, _algorithmUtil.findListDiffIndex)(prevDataRef.current || [], data || [], getKey);
+    if ((diff === null || diff === void 0 ? void 0 : diff.index) !== undefined) {
+      onDiff === null || onDiff === void 0 ? void 0 : onDiff(diff.index);
+      diffItemRef.current = data[diff.index];
+    }
+    prevDataRef.current = data;
+  }
+  return [diffItemRef.current];
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlRGlmZkl0ZW0udHMiXSwibmFtZXMiOlsiUmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfYWxnb3JpdGhtVXRpbCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsInVzZURpZmZJdGVtIiwiZGF0YSIsImdldEtleSIsIm9uRGlmZiIsInByZXZEYXRhUmVmIiwidXNlUmVmIiwiZGlmZkl0ZW1SZWYiLCJjdXJyZW50IiwiZGlmZiIsImZpbmRMaXN0RGlmZkluZGV4IiwiaW5kZXgiLCJ1bmRlZmluZWQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxLQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxjQUFBLEdBQUFELE9BQUE7QUFBMkQsU0FBQUUseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFKLHdCQUFBSSxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcsQ0FBQSxHQUFBUCxDQUFBLEdBQUFDLE1BQUEsQ0FBQUUsd0JBQUEsQ0FBQWIsQ0FBQSxFQUFBYyxDQUFBLFVBQUFHLENBQUEsS0FBQUEsQ0FBQSxDQUFBVixHQUFBLElBQUFVLENBQUEsQ0FBQUMsR0FBQSxJQUFBUCxNQUFBLENBQUFDLGNBQUEsQ0FBQUosQ0FBQSxFQUFBTSxDQUFBLEVBQUFHLENBQUEsSUFBQVQsQ0FBQSxDQUFBTSxDQUFBLElBQUFkLENBQUEsQ0FBQWMsQ0FBQSxZQUFBTixDQUFBLGNBQUFSLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFlLEdBQUEsQ0FBQWxCLENBQUEsRUFBQVEsQ0FBQSxHQUFBQSxDQUFBO0FBRzdDLFNBQVVXLFdBQVdBLENBQ2pDQyxJQUFTLEVBQ1RDLE1BQWlCLEVBQ2pCQyxNQUFvQyxFQUFBO0VBRXBDLElBQU1DLFdBQVcsR0FBRzVCLEtBQUssQ0FBQzZCLE1BQU0sQ0FBQ0osSUFBSSxDQUFDO0VBQ3RDLElBQU1LLFdBQVcsR0FBRzlCLEtBQUssQ0FBQzZCLE1BQU0sQ0FBVyxJQUFJLENBQUM7RUFFaEQsSUFBSUQsV0FBVyxDQUFDRyxPQUFPLEtBQUtOLElBQUksRUFBRTtJQUNoQyxJQUFNTyxJQUFJLEdBQUcsSUFBQUMsZ0NBQWlCLEVBQUNMLFdBQVcsQ0FBQ0csT0FBTyxJQUFJLEVBQUUsRUFBRU4sSUFBSSxJQUFJLEVBQUUsRUFBRUMsTUFBTSxDQUFDO0lBQzdFLElBQUksQ0FBQU0sSUFBSSxLQUFBLElBQUEsSUFBSkEsSUFBSSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFKQSxJQUFJLENBQUVFLEtBQUssTUFBS0MsU0FBUyxFQUFFO01BQzdCUixNQUFNLEtBQUEsSUFBQSxJQUFOQSxNQUFNLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQU5BLE1BQU0sQ0FBR0ssSUFBSSxDQUFDRSxLQUFLLENBQUM7TUFDcEJKLFdBQVcsQ0FBQ0MsT0FBTyxHQUFHTixJQUFJLENBQUNPLElBQUksQ0FBQ0UsS0FBSyxDQUFDO0lBQ3hDO0lBQ0FOLFdBQVcsQ0FBQ0csT0FBTyxHQUFHTixJQUFJO0VBQzVCO0VBRUEsT0FBTyxDQUFDSyxXQUFXLENBQUNDLE9BQU8sQ0FBQztBQUM5QiIsImZpbGUiOiJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L2hvb2tzL3VzZURpZmZJdGVtLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,10 @@
+interface FireFoxDOMMouseScrollEvent {
+    detail: number;
+    preventDefault: VoidFunction;
+}
+export default function useFrameWheel(inVirtual: boolean, isScrollAtTop: boolean, isScrollAtBottom: boolean, isScrollAtLeft: boolean, isScrollAtRight: boolean, horizontalScroll: boolean, 
+/***
+ * Return `true` when you need to prevent default event
+ */
+onWheelDelta: (offset: number, horizontal: boolean) => void): [(e: WheelEvent) => void, (e: FireFoxDOMMouseScrollEvent) => void];
+export {};

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

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useFrameWheel;
+var _raf = _interopRequireDefault(require("../utils/raf"));
+var _react = require("react");
+var _isFirefox = _interopRequireDefault(require("../utils/isFirefox"));
+var _useOriginScroll = _interopRequireDefault(require("./useOriginScroll"));
+function useFrameWheel(inVirtual, isScrollAtTop, isScrollAtBottom, isScrollAtLeft, isScrollAtRight, horizontalScroll,
+/***
+ * Return `true` when you need to prevent default event
+ */
+onWheelDelta) {
+  var offsetRef = (0, _react.useRef)(0);
+  var nextFrameRef = (0, _react.useRef)(null);
+  // Firefox patch
+  var wheelValueRef = (0, _react.useRef)(null);
+  var isMouseScrollRef = (0, _react.useRef)(false);
+  // Scroll status sync
+  var originScroll = (0, _useOriginScroll["default"])(isScrollAtTop, isScrollAtBottom, isScrollAtLeft, isScrollAtRight);
+  function onWheelY(e, deltaY) {
+    _raf["default"].cancel(nextFrameRef.current);
+    // Do nothing when scroll at the edge, Skip check when is in scroll
+    if (originScroll(false, deltaY)) return;
+    // Skip if nest List has handled this event
+    var event = e;
+    if (!event._virtualHandled) {
+      event._virtualHandled = true;
+    } else {
+      return;
+    }
+    offsetRef.current += deltaY;
+    wheelValueRef.current = deltaY;
+    // Proxy of scroll events
+    if (!_isFirefox["default"]) {
+      event.preventDefault();
+    }
+    nextFrameRef.current = (0, _raf["default"])(function () {
+      // Patch a multiple for Firefox to fix wheel number too small
+      var patchMultiple = isMouseScrollRef.current ? 10 : 1;
+      onWheelDelta(offsetRef.current * patchMultiple, false);
+      offsetRef.current = 0;
+    });
+  }
+  function onWheelX(event, deltaX) {
+    onWheelDelta(deltaX, true);
+    if (!_isFirefox["default"]) {
+      event.preventDefault();
+    }
+  }
+  // Check for which direction does wheel do. `sx` means `shift + wheel`
+  var wheelDirectionRef = (0, _react.useRef)(null);
+  var wheelDirectionCleanRef = (0, _react.useRef)(null);
+  function onWheel(event) {
+    if (!inVirtual) return;
+    // Wait for 2 frame to clean direction
+    _raf["default"].cancel(wheelDirectionCleanRef.current);
+    wheelDirectionCleanRef.current = (0, _raf["default"])(function () {
+      wheelDirectionRef.current = null;
+    }, 2);
+    var deltaX = event.deltaX,
+      deltaY = event.deltaY,
+      shiftKey = event.shiftKey;
+    var mergedDeltaX = deltaX;
+    var mergedDeltaY = deltaY;
+    if (wheelDirectionRef.current === 'sx' || !wheelDirectionRef.current && (shiftKey || false) && deltaY && !deltaX) {
+      mergedDeltaX = deltaY;
+      mergedDeltaY = 0;
+      wheelDirectionRef.current = 'sx';
+    }
+    var absX = Math.abs(mergedDeltaX);
+    var absY = Math.abs(mergedDeltaY);
+    if (wheelDirectionRef.current === null) {
+      wheelDirectionRef.current = horizontalScroll && absX > absY ? 'x' : 'y';
+    }
+    if (wheelDirectionRef.current === 'y') {
+      onWheelY(event, mergedDeltaY);
+    } else {
+      onWheelX(event, mergedDeltaX);
+    }
+  }
+  // A patch for firefox
+  function onFireFoxScroll(event) {
+    if (!inVirtual) return;
+    isMouseScrollRef.current = event.detail === wheelValueRef.current;
+  }
+  return [onWheel, onFireFoxScroll];
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlRnJhbWVXaGVlbC50cyIsImNvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlRnJhbWVXaGVlbC5qcyJdLCJuYW1lcyI6WyJfcmFmIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfcmVhY3QiLCJfaXNGaXJlZm94IiwiX3VzZU9yaWdpblNjcm9sbCIsInVzZUZyYW1lV2hlZWwiLCJpblZpcnR1YWwiLCJpc1Njcm9sbEF0VG9wIiwiaXNTY3JvbGxBdEJvdHRvbSIsImlzU2Nyb2xsQXRMZWZ0IiwiaXNTY3JvbGxBdFJpZ2h0IiwiaG9yaXpvbnRhbFNjcm9sbCIsIm9uV2hlZWxEZWx0YSIsIm9mZnNldFJlZiIsInVzZVJlZiIsIm5leHRGcmFtZVJlZiIsIndoZWVsVmFsdWVSZWYiLCJpc01vdXNlU2Nyb2xsUmVmIiwib3JpZ2luU2Nyb2xsIiwidXNlT3JpZ2luU2Nyb2xsIiwib25XaGVlbFkiLCJlIiwiZGVsdGFZIiwicmFmIiwiY2FuY2VsIiwiY3VycmVudCIsImV2ZW50IiwiX3ZpcnR1YWxIYW5kbGVkIiwiaXNGRiIsInByZXZlbnREZWZhdWx0IiwicGF0Y2hNdWx0aXBsZSIsIm9uV2hlZWxYIiwiZGVsdGFYIiwid2hlZWxEaXJlY3Rpb25SZWYiLCJ3aGVlbERpcmVjdGlvbkNsZWFuUmVmIiwib25XaGVlbCIsInNoaWZ0S2V5IiwibWVyZ2VkRGVsdGFYIiwibWVyZ2VkRGVsdGFZIiwiYWJzWCIsIk1hdGgiLCJhYnMiLCJhYnNZIiwib25GaXJlRm94U2Nyb2xsIiwiZGV0YWlsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsSUFBQUEsSUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsVUFBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsZ0JB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Q0FBQ1EsaUJBQWlCLENBQUNSLE9BQU8sS0FBS1csUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFJZCxNQUFNLElBQUksQ0FBQ1UsTUFBTyxFQUN4RTtNQUNBSyxZQUFZLEdBQUdmLE1BQU07TUFDckJnQixZQUFZLEdBQUcsQ0FBQztNQUVoQkwsaUJBQWlCLENBQUNSLE9BQU8sR0FBRyxJQUFJO0lBQ2xDO0lBRUEsSUFBTWMsSUFBSSxHQUFHQyxJQUFJLENBQUNDLEdBQUcsQ0FBQ0osWUFBWSxDQUFDO0lBQ25DLElBQU1LLElBQUksR0FBR0YsSUFBSSxDQUFDQyxHQUFHLENBQUNILFlBQVksQ0FBQztJQUVuQyxJQUFJTCxpQkFBaUIsQ0FBQ1IsT0FBTyxLQUFLLElBQUksRUFBRTtNQUN0Q1EsaUJBQWlCLENBQUNSLE9BQU8sR0FBR2QsZ0JBQWdCLElBQUk0QixJQUFJLEdBQUdHLElBQUksR0FBRyxHQUFHLEdBQUcsR0FBRztJQUN6RTtJQUVBLElBQUlULGlCQUFpQixDQUFDUixPQUFPLEtBQUssR0FBRyxFQUFFO01BQ3JDTCxRQUFRLENBQUNNLEtBQUssRUFBRVksWUFBWSxDQUFDO0lBQy9CLENBQUMsTUFBTTtNQUNMUCxRQUFRLENBQUNMLEtBQUssRUFBRVcsWUFBWSxDQUFDO0lBQy9CO0VBQ0Y7RUFFQTtFQUNBLFNBQVNNLGVBQWVBLENBQUNqQixLQUFpQyxFQUFBO0lBQ3hELElBQUksQ0FBQ3BCLFNBQVMsRUFBRTtJQUVoQlcsZ0JBQWdCLENBQUNRLE9BQU8sR0FBR0MsS0FBSyxDQUFDa0IsTUFBTSxLQUFLNUIsYUFBYSxDQUFDUyxPQUFPO0VBQ25FO0VBRUEsT0FBTyxDQUFDVSxPQUFPLEVBQUVRLGVBQWUsQ0FBQztBQUNuQyIsImZpbGUiOiJjb21wb25lbnRzL1ZpcnR1YWxMaXN0L2hvb2tzL3VzZUZyYW1lV2hlZWwuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCByYWYgZnJvbSAnLi4vdXRpbHMvcmFmJztcbmltcG9ydCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBpc0ZGIGZyb20gJy4uL3V0aWxzL2lzRmlyZWZveCc7XG5pbXBvcnQgdXNlT3JpZ2luU2Nyb2xsIGZyb20gJy4vdXNlT3JpZ2luU2Nyb2xsJztcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIHVzZUZyYW1lV2hlZWwoaW5WaXJ0dWFsLCBpc1Njcm9sbEF0VG9wLCBpc1Njcm9sbEF0Qm90dG9tLCBpc1Njcm9sbEF0TGVmdCwgaXNTY3JvbGxBdFJpZ2h0LCBob3Jpem9udGFsU2Nyb2xsLCBcbi8qKipcbiAqIFJldHVybiBgdHJ1ZWAgd2hlbiB5b3UgbmVlZCB0byBwcmV2ZW50IGRlZmF1bHQgZXZlbnRcbiAqL1xub25XaGVlbERlbHRhKSB7XG4gICAgY29uc3Qgb2Zmc2V0UmVmID0gdXNlUmVmKDApO1xuICAgIGNvbnN0IG5leHRGcmFtZVJlZiA9IHVzZVJlZihudWxsKTtcbiAgICAvLyBGaXJlZm94IHBhdGNoXG4gICAgY29uc3Qgd2hlZWxWYWx1ZVJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBpc01vdXNlU2Nyb2xsUmVmID0gdXNlUmVmKGZhbHNlKTtcbiAgICAvLyBTY3JvbGwgc3RhdHVzIHN5bmNcbiAgICBjb25zdCBvcmlnaW5TY3JvbGwgPSB1c2VPcmlnaW5TY3JvbGwoaXNTY3JvbGxBdFRvcCwgaXNTY3JvbGxBdEJvdHRvbSwgaXNTY3JvbGxBdExlZnQsIGlzU2Nyb2xsQXRSaWdodCk7XG4gICAgZnVuY3Rpb24gb25XaGVlbFkoZSwgZGVsdGFZKSB7XG4gICAgICAgIHJhZi5jYW5jZWwobmV4dEZyYW1lUmVmLmN1cnJlbnQpO1xuICAgICAgICAvLyBEbyBub3RoaW5nIHdoZW4gc2Nyb2xsIGF0IHRoZSBlZGdlLCBTa2lwIGNoZWNrIHdoZW4gaXMgaW4gc2Nyb2xsXG4gICAgICAgIGlmIChvcmlnaW5TY3JvbGwoZmFsc2UsIGRlbHRhWSkpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIC8vIFNraXAgaWYgbmVzdCBMaXN0IGhhcyBoYW5kbGVkIHRoaXMgZXZlbnRcbiAgICAgICAgY29uc3QgZXZlbnQgPSBlO1xuICAgICAgICBpZiAoIWV2ZW50Ll92aXJ0dWFsSGFuZGxlZCkge1xuICAgICAgICAgICAgZXZlbnQuX3ZpcnR1YWxIYW5kbGVkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBvZmZzZXRSZWYuY3VycmVudCArPSBkZWx0YVk7XG4gICAgICAgIHdoZWVsVmFsdWVSZWYuY3VycmVudCA9IGRlbHRhWTtcbiAgICAgICAgLy8gUHJveHkgb2Ygc2Nyb2xsIGV2ZW50c1xuICAgICAgICBpZiAoIWlzRkYpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgbmV4dEZyYW1lUmVmLmN1cnJlbnQgPSByYWYoKCkgPT4ge1xuICAgICAgICAgICAgLy8gUGF0Y2ggYSBtdWx0aXBsZSBmb3IgRmlyZWZveCB0byBmaXggd2hlZWwgbnVtYmVyIHRvbyBzbWFsbFxuICAgICAgICAgICAgY29uc3QgcGF0Y2hNdWx0aXBsZSA9IGlzTW91c2VTY3JvbGxSZWYuY3VycmVudCA/IDEwIDogMTtcbiAgICAgICAgICAgIG9uV2hlZWxEZWx0YShvZmZzZXRSZWYuY3VycmVudCAqIHBhdGNoTXVsdGlwbGUsIGZhbHNlKTtcbiAgICAgICAgICAgIG9mZnNldFJlZi5jdXJyZW50ID0gMDtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIGZ1bmN0aW9uIG9uV2hlZWxYKGV2ZW50LCBkZWx0YVgpIHtcbiAgICAgICAgb25XaGVlbERlbHRhKGRlbHRhWCwgdHJ1ZSk7XG4gICAgICAgIGlmICghaXNGRikge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICAvLyBDaGVjayBmb3Igd2hpY2ggZGlyZWN0aW9uIGRvZXMgd2hlZWwgZG8uIGBzeGAgbWVhbnMgYHNoaWZ0ICsgd2hlZWxgXG4gICAgY29uc3Qgd2hlZWxEaXJlY3Rpb25SZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3Qgd2hlZWxEaXJlY3Rpb25DbGVhblJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBmdW5jdGlvbiBvbldoZWVsKGV2ZW50KSB7XG4gICAgICAgIGlmICghaW5WaXJ0dWFsKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAvLyBXYWl0IGZvciAyIGZyYW1lIHRvIGNsZWFuIGRpcmVjdGlvblxuICAgICAgICByYWYuY2FuY2VsKHdoZWVsRGlyZWN0aW9uQ2xlYW5SZWYuY3VycmVudCk7XG4gICAgICAgIHdoZWVsRGlyZWN0aW9uQ2xlYW5SZWYuY3VycmVudCA9IHJhZigoKSA9PiB7XG4gICAgICAgICAgICB3aGVlbERpcmVjdGlvblJlZi5jdXJyZW50ID0gbnVsbDtcbiAgICAgICAgfSwgMik7XG4gICAgICAgIGNvbnN0IHsgZGVsdGFYLCBkZWx0YVksIHNoaWZ0S2V5IH0gPSBldmVudDtcbiAgICAgICAgbGV0IG1lcmdlZERlbHRhWCA9IGRlbHRhWDtcbiAgICAgICAgbGV0IG1lcmdlZERlbHRhWSA9IGRlbHRhWTtcbiAgICAgICAgaWYgKHdoZWVsRGlyZWN0aW9uUmVmLmN1cnJlbnQgPT09ICdzeCcgfHxcbiAgICAgICAgICAgICghd2hlZWxEaXJlY3Rpb25SZWYuY3VycmVudCAmJiAoc2hpZnRLZXkgfHwgZmFsc2UpICYmIGRlbHRhWSAmJiAhZGVsdGFYKSkge1xuICAgICAgICAgICAgbWVyZ2VkRGVsdGFYID0gZGVsdGFZO1xuICAgICAgICAgICAgbWVyZ2VkRGVsdGFZID0gMDtcbiAgICAgICAgICAgIHdoZWVsRGlyZWN0aW9uUmVmLmN1cnJlbnQgPSAnc3gnO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGFic1ggPSBNYXRoLmFicyhtZXJnZWREZWx0YVgpO1xuICAgICAgICBjb25zdCBhYnNZID0gTWF0aC5hYnMobWVyZ2VkRGVsdGFZKTtcbiAgICAgICAgaWYgKHdoZWVsRGlyZWN0aW9uUmVmLmN1cnJlbnQgPT09IG51bGwpIHtcbiAgICAgICAgICAgIHdoZWVsRGlyZWN0aW9uUmVmLmN1cnJlbnQgPSBob3Jpem9udGFsU2Nyb2xsICYmIGFic1ggPiBhYnNZID8gJ3gnIDogJ3knO1xuICAgICAgICB9XG4gICAgICAgIGlmICh3aGVlbERpcmVjdGlvblJlZi5jdXJyZW50ID09PSAneScpIHtcbiAgICAgICAgICAgIG9uV2hlZWxZKGV2ZW50LCBtZXJnZWREZWx0YVkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgb25XaGVlbFgoZXZlbnQsIG1lcmdlZERlbHRhWCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgLy8gQSBwYXRjaCBmb3IgZmlyZWZveFxuICAgIGZ1bmN0aW9uIG9uRmlyZUZveFNjcm9sbChldmVudCkge1xuICAgICAgICBpZiAoIWluVmlydHVhbClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgaXNNb3VzZVNjcm9sbFJlZi5jdXJyZW50ID0gZXZlbnQuZGV0YWlsID09PSB3aGVlbFZhbHVlUmVmLmN1cnJlbnQ7XG4gICAgfVxuICAgIHJldHVybiBbb25XaGVlbCwgb25GaXJlRm94U2Nyb2xsXTtcbn0iXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,7 @@
+import type CacheMap from '../utils/CacheMap';
+import type { GetKey, GetSize } from '../interface';
+/**
+ * Size info need loop query for the `heights` which will has the perf issue.
+ * Let cache result for each render phase.
+ */
+export declare function useGetSize<T>(mergedData: T[], getKey: GetKey<T>, heights: CacheMap, itemHeight: number): GetSize;

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

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGetSize = useGetSize;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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; }
+/**
+ * Size info need loop query for the `heights` which will has the perf issue.
+ * Let cache result for each render phase.
+ */
+function useGetSize(mergedData, getKey, heights, itemHeight) {
+  var _React$useMemo = React.useMemo(function () {
+      return [new Map(), []];
+    }, [mergedData, heights.id, itemHeight]),
+    _React$useMemo2 = (0, _slicedToArray2["default"])(_React$useMemo, 2),
+    key2Index = _React$useMemo2[0],
+    bottomList = _React$useMemo2[1];
+  var getSize = function getSize(startKey) {
+    var endKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : startKey;
+    var _a;
+    // Get from cache first
+    var startIndex = key2Index.get(startKey);
+    var endIndex = key2Index.get(endKey);
+    // Loop to fill the cache
+    if (startIndex === undefined || endIndex === undefined) {
+      var dataLen = mergedData.length;
+      for (var i = bottomList.length; i < dataLen; i += 1) {
+        var item = mergedData[i];
+        var key = getKey(item);
+        key2Index.set(key, i);
+        var cacheHeight = (_a = heights.get(key)) !== null && _a !== void 0 ? _a : itemHeight;
+        bottomList[i] = (bottomList[i - 1] || 0) + cacheHeight;
+        if (key === startKey) {
+          startIndex = i;
+        }
+        if (key === endKey) {
+          endIndex = i;
+        }
+        if (startIndex !== undefined && endIndex !== undefined) {
+          break;
+        }
+      }
+    }
+    return {
+      top: bottomList[startIndex - 1] || 0,
+      bottom: bottomList[endIndex]
+    };
+  };
+  return getSize;
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlR2V0U2l6ZS50cyIsImNvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlR2V0U2l6ZS5qcyJdLCJuYW1lcyI6WyJSZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsInVzZUdldFNpemUiLCJtZXJnZWREYXRhIiwiZ2V0S2V5IiwiaGVpZ2h0cyIsIml0ZW1IZWlnaHQiLCJfUmVhY3QkdXNlTWVtbyIsInVzZU1lbW8iLCJNYXAiLCJpZCIsIl9SZWFjdCR1c2VNZW1vMiIsIl9zbGljZWRUb0FycmF5MiIsImtleTJJbmRleCIsImJvdHRvbUxpc3QiLCJnZXRTaXplIiwic3RhcnRLZXkiLCJlbmRLZXkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJfYSIsInN0YXJ0SW5kZXgiLCJlbmRJbmRleCIsImRhdGFMZW4iLCJpdGVtIiwia2V5IiwiY2FjaGVIZWlnaHQiLCJ0b3AiLCJib3R0b20iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUVBLElBQUFBLEtBQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUErQixTQUFBQyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFB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QUFJZixVQUFVO1FBQ2xEUSxVQUFVLENBQUNkLENBQUMsQ0FBQyxHQUFHLENBQUNjLFVBQVUsQ0FBQ2QsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSTJCLFdBQVc7UUFDdEQsSUFBSUQsR0FBRyxLQUFLVixRQUFRLEVBQUU7VUFDcEJNLFVBQVUsR0FBR3RCLENBQUM7UUFDaEI7UUFDQSxJQUFJMEIsR0FBRyxLQUFLVCxNQUFNLEVBQUU7VUFDbEJNLFFBQVEsR0FBR3ZCLENBQUM7UUFDZDtRQUVBLElBQUlzQixVQUFVLEtBQUtGLFNBQVMsSUFBSUcsUUFBUSxLQUFLSCxTQUFTLEVBQUU7VUFDdEQ7UUFDRjtNQUNGO0lBQ0Y7SUFFQSxPQUFPO01BQ0xRLEdBQUcsRUFBRWQsVUFBVSxDQUFDUSxVQUFXLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQztNQUNyQ08sTUFBTSxFQUFFZixVQUFVLENBQUNTLFFBQVM7SUNaMUIsQ0RhSDtFQUNILENBQUM7RUFFRCxPQUFPUixPQUFPO0FBQ2hCIiwiZmlsZSI6ImNvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlR2V0U2l6ZS5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuLyoqXG4gKiBTaXplIGluZm8gbmVlZCBsb29wIHF1ZXJ5IGZvciB0aGUgYGhlaWdodHNgIHdoaWNoIHdpbGwgaGFzIHRoZSBwZXJmIGlzc3VlLlxuICogTGV0IGNhY2hlIHJlc3VsdCBmb3IgZWFjaCByZW5kZXIgcGhhc2UuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB1c2VHZXRTaXplKG1lcmdlZERhdGEsIGdldEtleSwgaGVpZ2h0cywgaXRlbUhlaWdodCkge1xuICAgIGNvbnN0IFtrZXkySW5kZXgsIGJvdHRvbUxpc3RdID0gUmVhY3QudXNlTWVtbygoKSA9PiBbbmV3IE1hcCgpLCBbXV0sIFttZXJnZWREYXRhLCBoZWlnaHRzLmlkLCBpdGVtSGVpZ2h0XSk7XG4gICAgY29uc3QgZ2V0U2l6ZSA9IChzdGFydEtleSwgZW5kS2V5ID0gc3RhcnRLZXkpID0+IHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICAvLyBHZXQgZnJvbSBjYWNoZSBmaXJzdFxuICAgICAgICBsZXQgc3RhcnRJbmRleCA9IGtleTJJbmRleC5nZXQoc3RhcnRLZXkpO1xuICAgICAgICBsZXQgZW5kSW5kZXggPSBrZXkySW5kZXguZ2V0KGVuZEtleSk7XG4gICAgICAgIC8vIExvb3AgdG8gZmlsbCB0aGUgY2FjaGVcbiAgICAgICAgaWYgKHN0YXJ0SW5kZXggPT09IHVuZGVmaW5lZCB8fCBlbmRJbmRleCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBjb25zdCBkYXRhTGVuID0gbWVyZ2VkRGF0YS5sZW5ndGg7XG4gICAgICAgICAgICBmb3IgKGxldCBpID0gYm90dG9tTGlzdC5sZW5ndGg7IGkgPCBkYXRhTGVuOyBpICs9IDEpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBpdGVtID0gbWVyZ2VkRGF0YVtpXTtcbiAgICAgICAgICAgICAgICBjb25zdCBrZXkgPSBnZXRLZXkoaXRlbSk7XG4gICAgICAgICAgICAgICAga2V5MkluZGV4LnNldChrZXksIGkpO1xuICAgICAgICAgICAgICAgIGNvbnN0IGNhY2hlSGVpZ2h0ID0gKF9hID0gaGVpZ2h0cy5nZXQoa2V5KSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogaXRlbUhlaWdodDtcbiAgICAgICAgICAgICAgICBib3R0b21MaXN0W2ldID0gKGJvdHRvbUxpc3RbaSAtIDFdIHx8IDApICsgY2FjaGVIZWlnaHQ7XG4gICAgICAgICAgICAgICAgaWYgKGtleSA9PT0gc3RhcnRLZXkpIHtcbiAgICAgICAgICAgICAgICAgICAgc3RhcnRJbmRleCA9IGk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmIChrZXkgPT09IGVuZEtleSkge1xuICAgICAgICAgICAgICAgICAgICBlbmRJbmRleCA9IGk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmIChzdGFydEluZGV4ICE9PSB1bmRlZmluZWQgJiYgZW5kSW5kZXggIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIHRvcDogYm90dG9tTGlzdFtzdGFydEluZGV4IC0gMV0gfHwgMCxcbiAgICAgICAgICAgIGJvdHRvbTogYm90dG9tTGlzdFtlbmRJbmRleF0sXG4gICAgICAgIH07XG4gICAgfTtcbiAgICByZXR1cm4gZ2V0U2l6ZTtcbn0iXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,8 @@
+import type { GetKey } from '../interface';
+import CacheMap from '../utils/CacheMap';
+export default function useHeights<T>(getKey: GetKey<T>, onItemAdd?: (item: T) => void, onItemRemove?: (item: T) => void): [
+    setInstanceRef: (item: T, instance: HTMLElement) => void,
+    collectHeight: (sync?: boolean) => void,
+    cacheMap: CacheMap,
+    updatedMark: number
+];

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

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useHeights;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _CacheMap = _interopRequireDefault(require("../utils/CacheMap"));
+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 parseNumber(value) {
+  var num = parseFloat(value);
+  return isNaN(num) ? 0 : num;
+}
+function useHeights(getKey, onItemAdd, onItemRemove) {
+  var _React$useState = React.useState(0),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    updatedMark = _React$useState2[0],
+    setUpdatedMark = _React$useState2[1];
+  var instanceRef = (0, _react.useRef)(new Map());
+  var heightsRef = (0, _react.useRef)(new _CacheMap["default"]());
+  var marginCacheRef = (0, _react.useRef)(new Map());
+  var promiseIdRef = (0, _react.useRef)(0);
+  function cancelRaf() {
+    promiseIdRef.current += 1;
+  }
+  function collectHeight() {
+    var sync = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    cancelRaf();
+    var doCollect = function doCollect() {
+      var changed = false;
+      instanceRef.current.forEach(function (element, key) {
+        if (element && element.offsetParent) {
+          var offsetHeight = element.offsetHeight;
+          // Only call getComputedStyle when offsetHeight changes or no margin cache exists
+          var marginTop;
+          var marginBottom;
+          var cachedMargin = marginCacheRef.current.get(key);
+          var prevHeight = heightsRef.current.get(key);
+          if (!cachedMargin || prevHeight !== undefined && Math.abs(prevHeight - offsetHeight - (cachedMargin.marginTop + cachedMargin.marginBottom)) > 1) {
+            var style = getComputedStyle(element);
+            marginTop = parseNumber(style.marginTop);
+            marginBottom = parseNumber(style.marginBottom);
+            marginCacheRef.current.set(key, {
+              marginTop: marginTop,
+              marginBottom: marginBottom
+            });
+          } else {
+            marginTop = cachedMargin.marginTop;
+            marginBottom = cachedMargin.marginBottom;
+          }
+          var totalHeight = offsetHeight + marginTop + marginBottom;
+          if (heightsRef.current.get(key) !== totalHeight) {
+            heightsRef.current.set(key, totalHeight);
+            changed = true;
+          }
+        }
+      });
+      // Always trigger update mark to tell parent that should re-calculate heights when resized
+      if (changed) {
+        setUpdatedMark(function (c) {
+          return c + 1;
+        });
+      }
+    };
+    if (sync) {
+      doCollect();
+    } else {
+      promiseIdRef.current += 1;
+      var id = promiseIdRef.current;
+      Promise.resolve().then(function () {
+        if (id === promiseIdRef.current) {
+          doCollect();
+        }
+      });
+    }
+  }
+  function setInstanceRef(item, instance) {
+    var key = getKey(item);
+    var origin = instanceRef.current.get(key);
+    if (instance) {
+      instanceRef.current.set(key, instance);
+      collectHeight();
+    } else {
+      instanceRef.current["delete"](key);
+      marginCacheRef.current["delete"](key);
+    }
+    // Instance changed
+    if (!origin !== !instance) {
+      if (instance) {
+        onItemAdd === null || onItemAdd === void 0 ? void 0 : onItemAdd(item);
+      } else {
+        onItemRemove === null || onItemRemove === void 0 ? void 0 : onItemRemove(item);
+      }
+    }
+  }
+  (0, _react.useEffect)(function () {
+    return cancelRaf;
+  }, []);
+  return [setInstanceRef, collectHeight, heightsRef.current, updatedMark];
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlSGVpZ2h0cy50c3giXSwibmFtZXMiOlsiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiUmVhY3QiLCJfQ2FjaGVNYXAiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwicGFyc2VOdW1iZXIiLCJ2YWx1ZSIsIm51bSIsInBhcnNlRmxvYXQiLCJpc05hTiIsInVzZUhlaWdodHMiLCJnZXRLZXkiLCJvbkl0ZW1BZGQiLCJvbkl0ZW1SZW1vdmUiLCJfUmVhY3QkdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl9SZWFjdCR1c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJ1cGRhdGVkTWFyayIsInNldFVwZGF0ZWRNYXJrIiwiaW5zdGFuY2VSZWYiLCJ1c2VSZWYiLCJNYXAiLCJoZWlnaHRzUmVmIiwiQ2FjaGVNYXAiLCJtYXJnaW5DYWNoZVJlZiIsInByb21pc2VJZFJlZiIsImNhbmNlbFJhZiIsImN1cnJlbnQiLCJjb2xsZWN0SGVpZ2h0Iiwic3luYyIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsImRvQ29sbGVjdCIsImNoYW5nZWQiLCJmb3JFYWNoIiwiZWxlbWVudCIsImtleSIsIm9mZnNldFBhcmVudCIsIm9mZnNldEhlaWdodCIsIm1hcmdpblRvcCIsIm1hcmdpbkJvdHRvbSIsImNhY2hlZE1hcmdpbiIsInByZXZIZWlnaHQiLCJNYXRoIiwiYWJzIiwic3R5bGUiLCJnZXRDb21wdXRlZFN0eWxlIiwidG90YWxIZWlnaHQiLCJjIiwiaWQiLCJQcm9taXNlIiwicmVzb2x2ZSIsInRoZW4iLCJzZXRJbnN0YW5jZVJlZiIsIml0ZW0iLCJpbnN0YW5jZSIsIm9yaWdpbiIsInVzZUVmZmVjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQStCLElBQUFDLEtBQUEsR0FBQUgsTUFBQTtBQUcvQixJQUFBSSxTQUFBLEdBQUFDLHNCQUFBLENBQUFILE9BQUE7QUFBeUMsU0FBQUkseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFOLHdCQUFBTSxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcsQ0FBQSxHQUFBUCxDQUFBLEdBQUFDLE1BQUEsQ0FBQUUsd0JBQUEsQ0FBQWIsQ0FBQSxFQUFBYyxDQUFBLFVBQUFH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LENBQUM7SUFFM0MsSUFBSW1CLFFBQVEsRUFBRTtNQUNackMsV0FBVyxDQUFDUSxPQUFPLENBQUN4QixHQUFHLENBQUNrQyxHQUFHLEVBQUVtQixRQUFRLENBQUM7TUFDdEM1QixhQUFhLENBQUEsQ0FBRTtJQUNqQixDQUFDLE1BQU07TUFDTFQsV0FBVyxDQUFDUSxPQUFPLFVBQU8sQ0FBQ1UsR0FBRyxDQUFDO01BQy9CYixjQUFjLENBQUNHLE9BQU8sVUFBTyxDQUFDVSxHQUFHLENBQUM7SUFDcEM7SUFFQTtJQUNBLElBQUksQ0FBQ29CLE1BQU0sS0FBSyxDQUFDRCxRQUFRLEVBQUU7TUFDekIsSUFBSUEsUUFBUSxFQUFFO1FBQ1o3QyxTQUFTLEtBQUEsSUFBQSxJQUFUQSxTQUFTLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQVRBLFNBQVMsQ0FBRzRDLElBQUksQ0FBQztNQUNuQixDQUFDLE1BQU07UUFDTDNDLFlBQVksS0FBQSxJQUFBLElBQVpBLFlBQVksS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBWkEsWUFBWSxDQUFHMkMsSUFBSSxDQUFDO01BQ3RCO0lBQ0Y7RUFDRjtFQUVBLElBQUFHLGdCQUFTLEVBQUMsWUFBSztJQUNiLE9BQU9oQyxTQUFTO0VBQ2xCLENBQUMsRUFBRSxFQUFFLENBQUM7RUFFTixPQUFPLENBQUM0QixjQUFjLEVBQUUxQixhQUFhLEVBQUVOLFVBQVUsQ0FBQ0ssT0FBTyxFQUFFVixXQUFXLENBQUM7QUFDekUiLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9ob29rcy91c2VIZWlnaHRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,2 @@
+import type * as React from 'react';
+export default function useMobileTouchMove(inVirtual: boolean, listRef: React.RefObject<HTMLDivElement | null>, callback: (isHorizontal: boolean, offset: number, smoothOffset: boolean, e?: TouchEvent) => boolean): void;

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

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useMobileTouchMove;
+var _hooks = require("@1money/hooks");
+var _react = require("react");
+var SMOOTH_PTG = 14 / 15;
+function useMobileTouchMove(inVirtual, listRef, callback) {
+  var touchedRef = (0, _react.useRef)(false);
+  var touchXRef = (0, _react.useRef)(0);
+  var touchYRef = (0, _react.useRef)(0);
+  var elementRef = (0, _react.useRef)(null);
+  // Smooth scroll
+  var intervalRef = (0, _react.useRef)(null);
+  var cleanUpEvents;
+  var onTouchMove = function onTouchMove(e) {
+    if (touchedRef.current) {
+      var currentX = Math.ceil(e.touches[0].pageX);
+      var currentY = Math.ceil(e.touches[0].pageY);
+      var offsetX = touchXRef.current - currentX;
+      var offsetY = touchYRef.current - currentY;
+      var isHorizontal = Math.abs(offsetX) > Math.abs(offsetY);
+      if (isHorizontal) {
+        touchXRef.current = currentX;
+      } else {
+        touchYRef.current = currentY;
+      }
+      var scrollHandled = callback(isHorizontal, isHorizontal ? offsetX : offsetY, false, e);
+      if (scrollHandled) {
+        e.preventDefault();
+      }
+      // Smooth interval
+      clearInterval(intervalRef.current);
+      if (scrollHandled) {
+        intervalRef.current = setInterval(function () {
+          if (isHorizontal) {
+            offsetX *= SMOOTH_PTG;
+          } else {
+            offsetY *= SMOOTH_PTG;
+          }
+          var offset = Math.floor(isHorizontal ? offsetX : offsetY);
+          if (!callback(isHorizontal, offset, true) || Math.abs(offset) <= 0.1) {
+            clearInterval(intervalRef.current);
+          }
+        }, 16);
+      }
+    }
+  };
+  var onTouchEnd = function onTouchEnd() {
+    touchedRef.current = false;
+    cleanUpEvents();
+  };
+  var onTouchStart = function onTouchStart(e) {
+    cleanUpEvents();
+    if (e.touches.length === 1 && !touchedRef.current) {
+      touchedRef.current = true;
+      touchXRef.current = Math.ceil(e.touches[0].pageX);
+      touchYRef.current = Math.ceil(e.touches[0].pageY);
+      elementRef.current = e.target;
+      elementRef.current.addEventListener('touchmove', onTouchMove, {
+        passive: false
+      });
+      elementRef.current.addEventListener('touchend', onTouchEnd, {
+        passive: true
+      });
+    }
+  };
+  cleanUpEvents = function cleanUpEvents() {
+    if (elementRef.current) {
+      elementRef.current.removeEventListener('touchmove', onTouchMove);
+      elementRef.current.removeEventListener('touchend', onTouchEnd);
+    }
+  };
+  (0, _hooks.useLayoutEffect)(function () {
+    var _a;
+    if (inVirtual) {
+      (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('touchstart', onTouchStart, {
+        passive: true
+      });
+    }
+    return function () {
+      var _a;
+      (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('touchstart', onTouchStart);
+      cleanUpEvents();
+      clearInterval(intervalRef.current);
+    };
+  }, [inVirtual]);
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlTW9iaWxlVG91Y2hNb3ZlLnRzIiwiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9ob29rcy91c2VNb2JpbGVUb3VjaE1vdmUuanMiXSwibmFtZXMiOlsiX2hvb2tzIiwicmVxdWlyZSIsIl9yZWFjdCIsIlNNT09USF9QVEciLCJ1c2VNb2JpbGVUb3VjaE1vdmUiLCJpblZpcnR1YWwiLCJsaXN0UmVmIiwiY2FsbGJhY2siLCJ0b3VjaGVkUmVmIiwidXNlUmVmIiwidG91Y2hYUmVmIiwidG91Y2hZUmVmIiwiZWxlbWVudFJlZiIsImludGVydmFsUmVmIiwiY2xlYW5VcEV2ZW50cyIsIm9uVG91Y2hNb3ZlIiwiZSIsImN1cnJlbnQiLCJjdXJyZW50WCIsIk1hdGgiLCJjZWlsIiwidG91Y2hlcyIsInBhZ2VYIiwiY3VycmVudFkiLCJwYWdlWSIsIm9mZnNldFgiLCJvZmZzZXRZIiwiaXNIb3Jpem9udGFsIiwiYWJzIiwic2Nyb2xsSGFuZGxlZCIsInByZXZlbnREZWZhdWx0IiwiY2xlYXJJbnRlcnZhbCIsInNldEludGVydmFsIiwib2Zmc2V0IiwiZmxvb3IiLCJvblRvdWNoRW5kIiwib25Ub3VjaFN0YXJ0IiwibGVuZ3RoIiwidGFyZ2V0IiwiYWRkRXZlbnRMaXN0ZW5lciIsInBhc3NpdmUiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwidXNlTGF5b3V0RWZmZWN0IiwiX2EiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUVBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUVBLElBQU1FLFVBQVUsR0FBRyxFQUFFLEdBQUcsRUFBRTtBQUVaLFNBQVVDLGtCQUFrQkEsQ0FDeENDLFNBQWtCLEVBQ2xCQyxPQUErQyxFQUMvQ0MsUUFLWSxFQUFBO0VBRVosSUFBTUMsVUFBVSxHQUFHLElBQUFDLGFBQU0sRUFBQyxLQUFLLENBQUM7RUFDaEMsSUFBTUMsU0FBUyxHQUFHLElBQUFELGFBQU0sRUFBQyxDQUFDLENBQUM7RUFDM0IsSUFBTUUsU0FBUyxHQUFHLElBQUFGLGFBQU0sRUFBQyxDQUFDLENBQUM7RUFFM0IsSUFBTUcsVUFBVSxHQUFHLElBQUFILGFBQU0sRUFBYyxJQUFJLENBQUM7RUFFNUM7RUFDQSxJQUFNSSxXQUFXLEdBQUcsSUFBQUosYUFBTSxFQUF3QyxJQUFJLENBQUM7RUFFdkUsSUFBSUssYUFBeUI7RUFFN0IsSUFBTUMsV0FBVyxHQUFHLFNBQWRBLFdBQVdBLENBQUlDLENBQWEsRUFBSTtJQUNwQyxJQUFJUixVQUFVLENBQUNTLE9BQU8sRUFBRTtNQUN0QixJQUFNQyxRQUFRLEdBQUdDLElBQUksQ0FBQ0MsSUFBSSxDQUFDSixDQUFDLENBQUNLLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQ0MsS0FBSyxDQUFDO01BQzlDLElBQU1DLFFBQVEsR0FBR0osSUFBSSxDQUFDQyxJQUFJLENBQUNKLENBQUMsQ0FBQ0ssT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDRyxLQUFLLENBQUM7TUFDOUMsSUFBSUMsT0FBTyxHQUFHZixTQUFTLENBQUNPLE9BQU8sR0FBR0MsUUFBUTtNQUMxQyxJQUFJUSxPQUFPLEdBQUdmLFNBQVMsQ0FBQ00sT0FBTyxHQUFHTSxRQUFRO01BQzFDLElBQU1JLFlBQVksR0FBR1IsSUFBSSxDQUFDUyxHQUFHLENBQUNILE9BQU8sQ0FBQyxHQUFHTixJQUFJLENBQUNTLEdBQUcsQ0FBQ0YsT0FBTyxDQUFDO01BQzFELElBQUlDLFlBQVksRUFBRTtRQUNoQmpCLFNBQVMsQ0FBQ08sT0FBTyxHQUFHQyxRQUFRO01BQzlCLENBQUMsTUFBTTtRQUNMUCxTQUFTLENBQUNNLE9BQU8sR0FBR00sUUFBUTtNQUM5QjtNQUVBLElBQU1NLGFBQWEsR0FBR3RCLFFBQVEsQ0FBQ29CLFlBQVksRUFBRUEsWUFBWSxHQUFHRixPQUFPLEdBQUdDLE9BQU8sRUFBRSxLQUFLLEVBQUVWLENBQUMsQ0FBQztNQUN4RixJQUFJYSxhQUFhLEVBQUU7UUFDakJiLENBQUMsQ0FBQ2MsY0FBYyxDQUFBLENBQUU7TUFDcEI7TUFFQTtNQUNBQyxhQUFhLENBQUNsQixXQUFXLENBQUNJLE9BQVEsQ0FBQztNQUVuQyxJQUFJWSxhQUFhLEVBQUU7UUFDakJoQixXQUFXLENBQUNJLE9BQU8sR0FBR2UsV0FBVyxDQUFDLFlBQUs7VUFDckMsSUFBSUwsWUFBWSxFQUFFO1lBQ2hCRixPQUFPLElBQUl0QixVQUFVO1VBQ3ZCLENBQUMsTUFBTTtZQUNMdUIsT0FBTyxJQUFJdkIsVUFBVTtVQUN2QjtVQUNBLElBQU04QixNQUFNLEdBQUdkLElBQUksQ0FBQ2UsS0FBSyxDQUFDUCxZQUFZLEdBQUdGLE9BQU8sR0FBR0MsT0FBTyxDQUFDO1VBQzNELElBQUksQ0FBQ25CLFFBQVEsQ0FBQ29CLFlBQVksRUFBRU0sTUFBTSxFQUFFLElBQUksQ0FBQyxJQUFJZCxJQUFJLENBQUNTLEdBQUcsQ0FBQ0ssTUFBTSxDQUFDLElBQUksR0FBRyxFQUFFO1lBQ3BFRixhQUFhLENBQUNsQixXQUFXLENBQUNJLE9BQVEsQ0FBQztVQUNyQztRQUNGLENBQUMsRUFBRSxFQUFFLENBQUM7TUFDUjtJQUNGO0VBQ0YsQ0FBQztFQUVELElBQU1rQixVQUFVLEdBQUcsU0FBYkEsVUFBVUEsQ0FBQSxFQUFRO0lBQ3RCM0IsVUFBVSxDQUFDUyxPQUFPLEdBQUcsS0FBSztJQUUxQkgsYUFBYSxDQUFBLENBQUU7RUFDakIsQ0FBQztFQUVELElBQU1zQixZQUFZLEdBQUcsU0FBZkEsWUFBWUEsQ0FBSXBCLENBQWEsRUFBSTtJQUNyQ0YsYUFBYSxDQUFBLENBQUU7SUFFZixJQUFJRSxDQUFDLENBQUNLLE9BQU8sQ0FBQ2dCLE1BQU0sS0FBSyxDQUFDLElBQUksQ0FBQzdCLFVBQVUsQ0FBQ1MsT0FBTyxFQUFFO01BQ2pEVCxVQUFVLENBQUNTLE9BQU8sR0FBRyxJQUFJO01BQ3pCUCxTQUFTLENBQUNPLE9BQU8sR0FBR0UsSUFBSSxDQUFDQyxJQUFJLENBQUNKLENBQUMsQ0FBQ0ssT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDQyxLQUFLLENBQUM7TUFDakRYLFNBQVMsQ0FBQ00sT0FBTyxHQUFHRSxJQUFJLENBQUNDLElBQUksQ0FBQ0osQ0FBQyxDQUFDSyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUNHLEtBQUssQ0FBQztNQUVqRFosVUFBVSxDQUFDSyxPQUFPLEdBQUdELENBQUMsQ0FBQ3NCLE1BQXFCO01BQzVDMUIsVUFBVSxDQUFDSyxPQUFPLENBQUNzQixnQkFBZ0IsQ0FBQyxXQUFXLEVBQUV4QixXQUFXLEVBQUU7UUFBRXlCLE9BQU8sRUFBRTtNQUFLLENBQUUsQ0FBQztNQUNqRjVCLFVBQVUsQ0FBQ0ssT0FBTyxDQUFDc0IsZ0JBQWdCLENBQUMsVUFBVSxFQUFFSixVQUFVLEVBQUU7UUFBRUssT0FBTyxFQUFFO01BQUksQ0FBRSxDQUFDO0lBQ2hGO0VBQ0YsQ0FBQztFQUVEMUIsYUFBYSxHQUFHLFNBQWhCQSxhQUFhQSxDQUFBLEVBQVE7SUFDbkIsSUFBSUYsVUFBVSxDQUFDSyxPQUFPLEVBQUU7TUFDdEJMLFVBQVUsQ0FBQ0ssT0FBTyxDQUFDd0IsbUJBQW1CLENBQUMsV0FBVyxFQUFFMUIsV0FBVyxDQUFDO01BQ2hFSCxVQUFVLENBQUNLLE9BQU8sQ0FBQ3dCLG1CQUFtQixDQUFDLFVBQVUsRUFBRU4sVUFBVSxDQUFDO0lBQ2hFO0VBQ0YsQ0FBQztFQUVELElBQUFPLHNCQUFlLEVBQUMsWUFBSztJQ3ZCZixJQUFJQyxFQUFFO0lEd0JWLElBQUl0QyxTQUFTLEVBQUU7TUFDYixDQUFBc0MsRUFBQSxHQUFBckMsT0FBTyxDQUFDVyxPQUFPLE1BQUEsSUFBQSxJQUFBMEIsRUFBQSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFBQSxFQUFBLENBQUVKLGdCQUFnQixDQUFDLFlBQVksRUFBRUgsWUFBWSxFQUFFO1FBQUVJLE9BQU8sRUFBRTtNQUFJLENBQUUsQ0FBQztJQUNsRjtJQUVBLE9BQU8sWUFBSztNQ3ZCSixJQUFJRyxFQUFFO01Ed0JaLENBQUFBLEVBQUEsR0FBQXJDLE9BQU8sQ0FBQ1csT0FBTyxNQUFBLElBQUEsSUFBQTBCLEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxDQUFFRixtQkFBbUIsQ0FBQyxZQUFZLEVBQUVMLFlBQVksQ0FBQztNQUNoRXRCLGFBQWEsQ0FBQSxDQUFFO01BQ2ZpQixhQUFhLENBQUNsQixXQUFXLENBQUNJLE9BQVEsQ0FBQztJQUNyQyxDQUFDO0VBQ0gsQ0FBQyxFQUFFLENBQUNaLFNBQVMsQ0FBQyxDQUFDO0FBQ2pCIiwiZmlsZSI6ImNvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlTW9iaWxlVG91Y2hNb3ZlLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJpbXBvcnQgeyB1c2VMYXlvdXRFZmZlY3QgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmltcG9ydCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmNvbnN0IFNNT09USF9QVEcgPSAxNCAvIDE1O1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlTW9iaWxlVG91Y2hNb3ZlKGluVmlydHVhbCwgbGlzdFJlZiwgY2FsbGJhY2spIHtcbiAgICBjb25zdCB0b3VjaGVkUmVmID0gdXNlUmVmKGZhbHNlKTtcbiAgICBjb25zdCB0b3VjaFhSZWYgPSB1c2VSZWYoMCk7XG4gICAgY29uc3QgdG91Y2hZUmVmID0gdXNlUmVmKDApO1xuICAgIGNvbnN0IGVsZW1lbnRSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgLy8gU21vb3RoIHNjcm9sbFxuICAgIGNvbnN0IGludGVydmFsUmVmID0gdXNlUmVmKG51bGwpO1xuICAgIGxldCBjbGVhblVwRXZlbnRzO1xuICAgIGNvbnN0IG9uVG91Y2hNb3ZlID0gKGUpID0+IHtcbiAgICAgICAgaWYgKHRvdWNoZWRSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY29uc3QgY3VycmVudFggPSBNYXRoLmNlaWwoZS50b3VjaGVzWzBdLnBhZ2VYKTtcbiAgICAgICAgICAgIGNvbnN0IGN1cnJlbnRZID0gTWF0aC5jZWlsKGUudG91Y2hlc1swXS5wYWdlWSk7XG4gICAgICAgICAgICBsZXQgb2Zmc2V0WCA9IHRvdWNoWFJlZi5jdXJyZW50IC0gY3VycmVudFg7XG4gICAgICAgICAgICBsZXQgb2Zmc2V0WSA9IHRvdWNoWVJlZi5jdXJyZW50IC0gY3VycmVudFk7XG4gICAgICAgICAgICBjb25zdCBpc0hvcml6b250YWwgPSBNYXRoLmFicyhvZmZzZXRYKSA+IE1hdGguYWJzKG9mZnNldFkpO1xuICAgICAgICAgICAgaWYgKGlzSG9yaXpvbnRhbCkge1xuICAgICAgICAgICAgICAgIHRvdWNoWFJlZi5jdXJyZW50ID0gY3VycmVudFg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICB0b3VjaFlSZWYuY3VycmVudCA9IGN1cnJlbnRZO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc3Qgc2Nyb2xsSGFuZGxlZCA9IGNhbGxiYWNrKGlzSG9yaXpvbnRhbCwgaXNIb3Jpem9udGFsID8gb2Zmc2V0WCA6IG9mZnNldFksIGZhbHNlLCBlKTtcbiAgICAgICAgICAgIGlmIChzY3JvbGxIYW5kbGVkKSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gU21vb3RoIGludGVydmFsXG4gICAgICAgICAgICBjbGVhckludGVydmFsKGludGVydmFsUmVmLmN1cnJlbnQpO1xuICAgICAgICAgICAgaWYgKHNjcm9sbEhhbmRsZWQpIHtcbiAgICAgICAgICAgICAgICBpbnRlcnZhbFJlZi5jdXJyZW50ID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAoaXNIb3Jpem9udGFsKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXRYICo9IFNNT09USF9QVEc7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXRZICo9IFNNT09USF9QVEc7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgY29uc3Qgb2Zmc2V0ID0gTWF0aC5mbG9vcihpc0hvcml6b250YWwgPyBvZmZzZXRYIDogb2Zmc2V0WSk7XG4gICAgICAgICAgICAgICAgICAgIGlmICghY2FsbGJhY2soaXNIb3Jpem9udGFsLCBvZmZzZXQsIHRydWUpIHx8IE1hdGguYWJzKG9mZnNldCkgPD0gMC4xKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGVhckludGVydmFsKGludGVydmFsUmVmLmN1cnJlbnQpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfSwgMTYpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfTtcbiAgICBjb25zdCBvblRvdWNoRW5kID0gKCkgPT4ge1xuICAgICAgICB0b3VjaGVkUmVmLmN1cnJlbnQgPSBmYWxzZTtcbiAgICAgICAgY2xlYW5VcEV2ZW50cygpO1xuICAgIH07XG4gICAgY29uc3Qgb25Ub3VjaFN0YXJ0ID0gKGUpID0+IHtcbiAgICAgICAgY2xlYW5VcEV2ZW50cygpO1xuICAgICAgICBpZiAoZS50b3VjaGVzLmxlbmd0aCA9PT0gMSAmJiAhdG91Y2hlZFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICB0b3VjaGVkUmVmLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgICAgICAgdG91Y2hYUmVmLmN1cnJlbnQgPSBNYXRoLmNlaWwoZS50b3VjaGVzWzBdLnBhZ2VYKTtcbiAgICAgICAgICAgIHRvdWNoWVJlZi5jdXJyZW50ID0gTWF0aC5jZWlsKGUudG91Y2hlc1swXS5wYWdlWSk7XG4gICAgICAgICAgICBlbGVtZW50UmVmLmN1cnJlbnQgPSBlLnRhcmdldDtcbiAgICAgICAgICAgIGVsZW1lbnRSZWYuY3VycmVudC5hZGRFdmVudExpc3RlbmVyKCd0b3VjaG1vdmUnLCBvblRvdWNoTW92ZSwgeyBwYXNzaXZlOiBmYWxzZSB9KTtcbiAgICAgICAgICAgIGVsZW1lbnRSZWYuY3VycmVudC5hZGRFdmVudExpc3RlbmVyKCd0b3VjaGVuZCcsIG9uVG91Y2hFbmQsIHsgcGFzc2l2ZTogdHJ1ZSB9KTtcbiAgICAgICAgfVxuICAgIH07XG4gICAgY2xlYW5VcEV2ZW50cyA9ICgpID0+IHtcbiAgICAgICAgaWYgKGVsZW1lbnRSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgZWxlbWVudFJlZi5jdXJyZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3RvdWNobW92ZScsIG9uVG91Y2hNb3ZlKTtcbiAgICAgICAgICAgIGVsZW1lbnRSZWYuY3VycmVudC5yZW1vdmVFdmVudExpc3RlbmVyKCd0b3VjaGVuZCcsIG9uVG91Y2hFbmQpO1xuICAgICAgICB9XG4gICAgfTtcbiAgICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIGlmIChpblZpcnR1YWwpIHtcbiAgICAgICAgICAgIChfYSA9IGxpc3RSZWYuY3VycmVudCkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLmFkZEV2ZW50TGlzdGVuZXIoJ3RvdWNoc3RhcnQnLCBvblRvdWNoU3RhcnQsIHsgcGFzc2l2ZTogdHJ1ZSB9KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICAgICAgdmFyIF9hO1xuICAgICAgICAgICAgKF9hID0gbGlzdFJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EucmVtb3ZlRXZlbnRMaXN0ZW5lcigndG91Y2hzdGFydCcsIG9uVG91Y2hTdGFydCk7XG4gICAgICAgICAgICBjbGVhblVwRXZlbnRzKCk7XG4gICAgICAgICAgICBjbGVhckludGVydmFsKGludGVydmFsUmVmLmN1cnJlbnQpO1xuICAgICAgICB9O1xuICAgIH0sIFtpblZpcnR1YWxdKTtcbn0iXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,2 @@
+declare const _default: (isScrollAtTop: boolean, isScrollAtBottom: boolean, isScrollAtLeft: boolean, isScrollAtRight: boolean) => (isHorizontal: boolean, delta: number, smoothOffset?: boolean) => boolean;
+export default _default;

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _default = exports["default"] = function _default(isScrollAtTop, isScrollAtBottom, isScrollAtLeft, isScrollAtRight) {
+  // Do lock for a wheel when scrolling
+  var lockRef = (0, _react.useRef)(false);
+  var lockTimeoutRef = (0, _react.useRef)(null);
+  function lockScroll() {
+    clearTimeout(lockTimeoutRef.current);
+    lockRef.current = true;
+    lockTimeoutRef.current = setTimeout(function () {
+      lockRef.current = false;
+    }, 50);
+  }
+  // Pass to ref since global add is in closure
+  var scrollPingRef = (0, _react.useRef)({
+    top: isScrollAtTop,
+    bottom: isScrollAtBottom,
+    left: isScrollAtLeft,
+    right: isScrollAtRight
+  });
+  scrollPingRef.current.top = isScrollAtTop;
+  scrollPingRef.current.bottom = isScrollAtBottom;
+  scrollPingRef.current.left = isScrollAtLeft;
+  scrollPingRef.current.right = isScrollAtRight;
+  return function (isHorizontal, delta) {
+    var smoothOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var originScroll = isHorizontal ?
+    // Pass origin wheel when on the left
+    delta < 0 && scrollPingRef.current.left ||
+    // Pass origin wheel when on the right
+    delta > 0 && scrollPingRef.current.right // Pass origin wheel when on the top
+    : delta < 0 && scrollPingRef.current.top ||
+    // Pass origin wheel when on the bottom
+    delta > 0 && scrollPingRef.current.bottom;
+    if (smoothOffset && originScroll) {
+      // No need lock anymore when it's smooth offset from touchMove interval
+      clearTimeout(lockTimeoutRef.current);
+      lockRef.current = false;
+    } else if (!originScroll || lockRef.current) {
+      lockScroll();
+    }
+    return !lockRef.current && originScroll;
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVmlydHVhbExpc3Qvc3JjL2NvbXBvbmVudHMvVmlydHVhbExpc3QvaG9va3MvdXNlT3JpZ2luU2Nyb2xsLnRzIiwiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9ob29rcy91c2VPcmlnaW5TY3JvbGwuanMiXSwibmFtZXMiOlsiX3JlYWN0IiwicmVxdWlyZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyIsImlzU2Nyb2xsQXRUb3AiLCJpc1Njcm9sbEF0Qm90dG9tIiwiaXNTY3JvbGxBdExlZnQiLCJpc1Njcm9sbEF0UmlnaHQiLCJsb2NrUmVmIiwidXNlUmVmIiwibG9ja1RpbWVvdXRSZWYiLCJsb2NrU2Nyb2xsIiwiY2xlYXJUaW1lb3V0IiwiY3VycmVudCIsInNldFRpbWVvdXQiLCJzY3JvbGxQaW5nUmVmIiwidG9wIiwiYm90dG9tIiwibGVmdCIsInJpZ2h0IiwiaXNIb3Jpem9udGFsIiwiZGVsdGEiLCJzbW9vdGhPZmZzZXQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJvcmlnaW5TY3JvbGwiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUErQixJQUFBQyxRQUFBLEdBQUFDLE9BQUEsY0FFaEIsU0FBQUQsU0FDYkUsYUFBc0IsRUFDdEJDLGdCQUF5QixFQUN6QkMsY0FBdUIsRUFDdkJDLGVBQXdCLEVBQ3RCO0VBQ0Y7RUFDQSxJQUFNQyxPQUFPLEdBQUcsSUFBQUMsYUFBTSxFQUFDLEtBQUssQ0FBQztFQUM3QixJQUFNQyxjQUFjLEdBQUcsSUFBQUQsYUFBTSxFQUF1QyxJQUFJLENBQUM7RUFDekUsU0FBU0UsVUFBVUEsQ0FBQSxFQUFBO0lBQ2pCQyxZQUFZLENBQUNGLGNBQWMsQ0FBQ0csT0FBUSxDQUFDO0lBRXJDTCxPQUFPLENBQUNLLE9BQU8sR0FBRyxJQUFJO0lBRXRCSCxjQUFjLENBQUNHLE9BQU8sR0FBR0MsVUFBVSxDQUFDLFlBQUs7TUFDdkNOLE9BQU8sQ0FBQ0ssT0FBTyxHQUFHLEtBQUs7SUFDekIsQ0FBQyxFQUFFLEVBQUUsQ0FBQztFQUNSO0VBRUE7RUFDQSxJQUFNRSxhQUFhLEdBQUcsSUFBQU4sYUFBTSxFQUFDO0lBQzNCTyxHQUFHLEVBQUVaLGFBQWE7SUFDbEJhLE1BQU0sRUFBRVosZ0JBQWdCO0lBQ3hCYSxJQUFJLEVBQUVaLGNBQWM7SUFDcEJhLEtBQUssRUFBRVo7RUNSUCxDRFNELENBQUM7RUFDRlEsYUFBYSxDQUFDRixPQUFPLENBQUNHLEdBQUcsR0FBR1osYUFBYTtFQUN6Q1csYUFBYSxDQUFDRixPQUFPLENBQUNJLE1BQU0sR0FBR1osZ0JBQWdCO0VBQy9DVSxhQUFhLENBQUNGLE9BQU8sQ0FBQ0ssSUFBSSxHQUFHWixjQUFjO0VBQzNDUyxhQUFhLENBQUNGLE9BQU8sQ0FBQ00sS0FBSyxHQUFHWixlQUFlO0VBRTdDLE9BQU8sVUFBQ2EsWUFBcUIsRUFBRUMsS0FBYSxFQUEwQjtJQUFBLElBQXhCQyxZQUFZLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLEtBQUs7SUFDaEUsSUFBTUcsWUFBWSxHQUFHTixZQUFZO0lBQzdCO0lBQ0NDLEtBQUssR0FBRyxDQUFDLElBQUlOLGFBQWEsQ0FBQ0YsT0FBTyxDQUFDSyxJQUFJO0lBQ3hDO0lBQ0NHLEtBQUssR0FBRyxDQUFDLElBQUlOLGFBQWEsQ0FBQ0YsT0FBTyxDQUFDTSxLQUFNLENBQUM7SUFBQSxFQUMxQ0UsS0FBSyxHQUFHLENBQUMsSUFBSU4sYUFBYSxDQUFDRixPQUFPLENBQUNHLEdBQUc7SUFDdkM7SUFDQ0ssS0FBSyxHQUFHLENBQUMsSUFBSU4sYUFBYSxDQUFDRixPQUFPLENBQUNJLE1BQU87SUFFL0MsSUFBSUssWUFBWSxJQUFJSSxZQUFZLEVBQUU7TUFDaEM7TUFDQWQsWUFBWSxDQUFDRixjQUFjLENBQUNHLE9BQVEsQ0FBQztNQUNyQ0wsT0FBTyxDQUFDSyxPQUFPLEdBQUcsS0FBSztJQUN6QixDQUFDLE1BQU0sSUFBSSxDQUFDYSxZQUFZLElBQUlsQixPQUFPLENBQUNLLE9BQU8sRUFBRTtNQUMzQ0YsVUFBVSxDQUFBLENBQUU7SUFDZDtJQUVBLE9BQU8sQ0FBQ0gsT0FBTyxDQUFDSyxPQUFPLElBQUlhLFlBQVk7RUFDekMsQ0FBQztBQUNILENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9WaXJ0dWFsTGlzdC9ob29rcy91c2VPcmlnaW5TY3JvbGwuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmV4cG9ydCBkZWZhdWx0IChpc1Njcm9sbEF0VG9wLCBpc1Njcm9sbEF0Qm90dG9tLCBpc1Njcm9sbEF0TGVmdCwgaXNTY3JvbGxBdFJpZ2h0KSA9PiB7XG4gICAgLy8gRG8gbG9jayBmb3IgYSB3aGVlbCB3aGVuIHNjcm9sbGluZ1xuICAgIGNvbnN0IGxvY2tSZWYgPSB1c2VSZWYoZmFsc2UpO1xuICAgIGNvbnN0IGxvY2tUaW1lb3V0UmVmID0gdXNlUmVmKG51bGwpO1xuICAgIGZ1bmN0aW9uIGxvY2tTY3JvbGwoKSB7XG4gICAgICAgIGNsZWFyVGltZW91dChsb2NrVGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgICAgbG9ja1JlZi5jdXJyZW50ID0gdHJ1ZTtcbiAgICAgICAgbG9ja1RpbWVvdXRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgbG9ja1JlZi5jdXJyZW50ID0gZmFsc2U7XG4gICAgICAgIH0sIDUwKTtcbiAgICB9XG4gICAgLy8gUGFzcyB0byByZWYgc2luY2UgZ2xvYmFsIGFkZCBpcyBpbiBjbG9zdXJlXG4gICAgY29uc3Qgc2Nyb2xsUGluZ1JlZiA9IHVzZVJlZih7XG4gICAgICAgIHRvcDogaXNTY3JvbGxBdFRvcCxcbiAgICAgICAgYm90dG9tOiBpc1Njcm9sbEF0Qm90dG9tLFxuICAgICAgICBsZWZ0OiBpc1Njcm9sbEF0TGVmdCxcbiAgICAgICAgcmlnaHQ6IGlzU2Nyb2xsQXRSaWdodCxcbiAgICB9KTtcbiAgICBzY3JvbGxQaW5nUmVmLmN1cnJlbnQudG9wID0gaXNTY3JvbGxBdFRvcDtcbiAgICBzY3JvbGxQaW5nUmVmLmN1cnJlbnQuYm90dG9tID0gaXNTY3JvbGxBdEJvdHRvbTtcbiAgICBzY3JvbGxQaW5nUmVmLmN1cnJlbnQubGVmdCA9IGlzU2Nyb2xsQXRMZWZ0O1xuICAgIHNjcm9sbFBpbmdSZWYuY3VycmVudC5yaWdodCA9IGlzU2Nyb2xsQXRSaWdodDtcbiAgICByZXR1cm4gKGlzSG9yaXpvbnRhbCwgZGVsdGEsIHNtb290aE9mZnNldCA9IGZhbHNlKSA9PiB7XG4gICAgICAgIGNvbnN0IG9yaWdpblNjcm9sbCA9IGlzSG9yaXpvbnRhbFxuICAgICAgICAgICAgPyAvLyBQYXNzIG9yaWdpbiB3aGVlbCB3aGVuIG9uIHRoZSBsZWZ0XG4gICAgICAgICAgICAgICAgKGRlbHRhIDwgMCAmJiBzY3JvbGxQaW5nUmVmLmN1cnJlbnQubGVmdCkgfHxcbiAgICAgICAgICAgICAgICAgICAgLy8gUGFzcyBvcmlnaW4gd2hlZWwgd2hlbiBvbiB0aGUgcmlnaHRcbiAgICAgICAgICAgICAgICAgICAgKGRlbHRhID4gMCAmJiBzY3JvbGxQaW5nUmVmLmN1cnJlbnQucmlnaHQpIC8vIFBhc3Mgb3JpZ2luIHdoZWVsIHdoZW4gb24gdGhlIHRvcFxuICAgICAgICAgICAgOiAoZGVsdGEgPCAwICYmIHNjcm9sbFBpbmdSZWYuY3VycmVudC50b3ApIHx8XG4gICAgICAgICAgICAgICAgLy8gUGFzcyBvcmlnaW4gd2hlZWwgd2hlbiBvbiB0aGUgYm90dG9tXG4gICAgICAgICAgICAgICAgKGRlbHRhID4gMCAmJiBzY3JvbGxQaW5nUmVmLmN1cnJlbnQuYm90dG9tKTtcbiAgICAgICAgaWYgKHNtb290aE9mZnNldCAmJiBvcmlnaW5TY3JvbGwpIHtcbiAgICAgICAgICAgIC8vIE5vIG5lZWQgbG9jayBhbnltb3JlIHdoZW4gaXQncyBzbW9vdGggb2Zmc2V0IGZyb20gdG91Y2hNb3ZlIGludGVydmFsXG4gICAgICAgICAgICBjbGVhclRpbWVvdXQobG9ja1RpbWVvdXRSZWYuY3VycmVudCk7XG4gICAgICAgICAgICBsb2NrUmVmLmN1cnJlbnQgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIGlmICghb3JpZ2luU2Nyb2xsIHx8IGxvY2tSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgbG9ja1Njcm9sbCgpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiAhbG9ja1JlZi5jdXJyZW50ICYmIG9yaWdpblNjcm9sbDtcbiAgICB9O1xufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare function getPageXY(e: React.MouseEvent | React.TouchEvent | MouseEvent | TouchEvent, horizontal: boolean): number;
+export default function useScrollDrag(inVirtual: boolean, componentRef: React.RefObject<HTMLElement | null>, onScrollOffset: (offset: number) => void): void;