rc-virtual-list - npm Package Compare versions

Comparing version 3.10.7 to 3.10.8

es/List.js

@@ -319,2 +319,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   }, [useVirtual]);
+  // Sync scroll left
+  useLayoutEffect(function () {
+    if (scrollWidth) {
+      setOffsetLeft(function (left) {
+        return keepInHorizontalRange(left);
+      });
+    }
+  }, [size.width, scrollWidth]);
   // ================================= Ref ==================================
@@ -321,0 +329,0 @@ var delayHideScrollBar = function delayHideScrollBar() {

lib/hooks/useHeights.js

@@ -10,3 +10,4 @@ "use strict";
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _findDOMNode = _interopRequireDefault(require("rc-util/lib/Dom/findDOMNode"));
@@ -20,5 +21,5 @@ var _raf = _interopRequireDefault(require("rc-util/lib/raf"));
     setUpdatedMark = _React$useState2[1];
-  var instanceRef = (0, React.useRef)(new Map());
-  var heightsRef = (0, React.useRef)(new _CacheMap.default());
-  var collectRafRef = (0, React.useRef)();
+  var instanceRef = (0, _react.useRef)(new Map());
+  var heightsRef = (0, _react.useRef)(new _CacheMap.default());
+  var collectRafRef = (0, _react.useRef)();
   function cancelRaf() {
@@ -63,3 +64,3 @@ _raf.default.cancel(collectRafRef.current);
   }
-  (0, React.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     return cancelRaf;
@@ -66,0 +67,0 @@ }, []);

lib/List.js

@@ -16,3 +16,4 @@ "use strict";
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _reactDom = require("react-dom");
@@ -69,14 +70,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
   var mergedData = data || EMPTY_DATA;
-  var componentRef = (0, React.useRef)();
-  var fillerInnerRef = (0, React.useRef)();
+  var componentRef = (0, _react.useRef)();
+  var fillerInnerRef = (0, _react.useRef)();
   // =============================== Item Key ===============================
-  var _useState = (0, React.useState)(0),
+  var _useState = (0, _react.useState)(0),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     offsetTop = _useState2[0],
     setOffsetTop = _useState2[1];
-  var _useState3 = (0, React.useState)(0),
+  var _useState3 = (0, _react.useState)(0),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     offsetLeft = _useState4[0],
     setOffsetLeft = _useState4[1];
-  var _useState5 = (0, React.useState)(false),
+  var _useState5 = (0, _react.useState)(false),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -117,7 +118,7 @@ scrollMoving = _useState6[0],
   // Put ref here since the range is generate by follow
-  var rangeRef = (0, React.useRef)({
+  var rangeRef = (0, _react.useRef)({
     start: 0,
     end: mergedData.length
   });
-  var diffItemRef = (0, React.useRef)();
+  var diffItemRef = (0, _react.useRef)();
   var _useDiffItem = (0, _useDiffItem3.default)(mergedData, getKey),
@@ -211,4 +212,4 @@ _useDiffItem2 = (0, _slicedToArray2.default)(_useDiffItem, 1),
   // Hack on scrollbar to enable flash call
-  var verticalScrollBarRef = (0, React.useRef)();
-  var horizontalScrollBarRef = (0, React.useRef)();
+  var verticalScrollBarRef = (0, _react.useRef)();
+  var horizontalScrollBarRef = (0, _react.useRef)();
   var horizontalScrollBarSpinSize = React.useMemo(function () {
@@ -222,3 +223,3 @@ return (0, _scrollbarUtil.getSpinSize)(size.width, scrollWidth);
   var maxScrollHeight = scrollHeight - height;
-  var maxScrollHeightRef = (0, React.useRef)(maxScrollHeight);
+  var maxScrollHeightRef = (0, _react.useRef)(maxScrollHeight);
   maxScrollHeightRef.current = maxScrollHeight;
@@ -243,3 +244,3 @@ function keepInRange(newScrollTop) {
   };
-  var lastVirtualScrollInfoRef = (0, React.useRef)(getVirtualScrollInfo());
+  var lastVirtualScrollInfoRef = (0, _react.useRef)(getVirtualScrollInfo());
   var triggerScroll = (0, _rcUtil.useEvent)(function () {
@@ -333,2 +334,10 @@ if (onVirtualScroll) {
   }, [useVirtual]);
+  // Sync scroll left
+  (0, _useLayoutEffect.default)(function () {
+    if (scrollWidth) {
+      setOffsetLeft(function (left) {
+        return keepInHorizontalRange(left);
+      });
+    }
+  }, [size.width, scrollWidth]);
   // ================================= Ref ==================================
@@ -335,0 +344,0 @@ var delayHideScrollBar = function delayHideScrollBar() {

package.json

 {
   "name": "rc-virtual-list",
-  "version": "3.10.7",
+  "version": "3.10.8",
   "description": "React Virtual List Component",
@@ -5,0 +5,0 @@ "engines": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

121184

increased by0.4%

Lines of code

3068

increased by0.59%

No dependency changes