rc-table - npm Package Compare versions

Comparing version 7.50.2 to 7.50.3

es/stickyScrollBar.js

@@ -82,2 +82,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
   var checkScrollBarVisible = function checkScrollBarVisible() {
+    raf.cancel(rafRef.current);
     rafRef.current = raf(function () {
@@ -127,8 +128,25 @@ if (!scrollBodyRef.current) {
   }, [scrollBarWidth, isActive]);
+
+  // Loop for scroll event check
   React.useEffect(function () {
-    var onScrollListener = addEventListener(container, 'scroll', checkScrollBarVisible, false);
-    var onResizeListener = addEventListener(window, 'resize', checkScrollBarVisible, false);
+    if (!scrollBodyRef.current) return;
+    var scrollParents = [];
+    var parent = scrollBodyRef.current;
+    while (parent) {
+      scrollParents.push(parent);
+      parent = parent.parentElement;
+    }
+    scrollParents.forEach(function (p) {
+      return p.addEventListener('scroll', checkScrollBarVisible, false);
+    });
+    window.addEventListener('resize', checkScrollBarVisible, false);
+    window.addEventListener('scroll', checkScrollBarVisible, false);
+    container.addEventListener('scroll', checkScrollBarVisible, false);
     return function () {
-      onScrollListener.remove();
-      onResizeListener.remove();
+      scrollParents.forEach(function (p) {
+        return p.removeEventListener('scroll', checkScrollBarVisible);
+      });
+      window.removeEventListener('resize', checkScrollBarVisible);
+      window.removeEventListener('scroll', checkScrollBarVisible);
+      container.removeEventListener('scroll', checkScrollBarVisible);
     };
@@ -135,0 +153,0 @@ }, [container]);

lib/stickyScrollBar.js

@@ -92,2 +92,3 @@ "use strict";
   var checkScrollBarVisible = function checkScrollBarVisible() {
+    _raf.default.cancel(rafRef.current);
     rafRef.current = (0, _raf.default)(function () {
@@ -137,8 +138,25 @@ if (!scrollBodyRef.current) {
   }, [scrollBarWidth, isActive]);
+
+  // Loop for scroll event check
   React.useEffect(function () {
-    var onScrollListener = (0, _addEventListener.default)(container, 'scroll', checkScrollBarVisible, false);
-    var onResizeListener = (0, _addEventListener.default)(window, 'resize', checkScrollBarVisible, false);
+    if (!scrollBodyRef.current) return;
+    var scrollParents = [];
+    var parent = scrollBodyRef.current;
+    while (parent) {
+      scrollParents.push(parent);
+      parent = parent.parentElement;
+    }
+    scrollParents.forEach(function (p) {
+      return p.addEventListener('scroll', checkScrollBarVisible, false);
+    });
+    window.addEventListener('resize', checkScrollBarVisible, false);
+    window.addEventListener('scroll', checkScrollBarVisible, false);
+    container.addEventListener('scroll', checkScrollBarVisible, false);
     return function () {
-      onScrollListener.remove();
-      onResizeListener.remove();
+      scrollParents.forEach(function (p) {
+        return p.removeEventListener('scroll', checkScrollBarVisible);
+      });
+      window.removeEventListener('resize', checkScrollBarVisible);
+      window.removeEventListener('scroll', checkScrollBarVisible);
+      container.removeEventListener('scroll', checkScrollBarVisible);
     };
@@ -145,0 +163,0 @@ }, [container]);

package.json

 {
   "name": "rc-table",
-  "version": "7.50.2",
+  "version": "7.50.3",
   "description": "table ui component for react",
@@ -45,3 +45,3 @@ "engines": {
     "coverage": "vitest run --coverage",
-    "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
+    "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish --any-branch",
     "lint": "eslint src/ --ext .tsx,.ts",
@@ -48,0 +48,0 @@ "tsc": "tsc -p tsconfig.json --noEmit",

No alert changes

Improved metrics

Total package byte prevSize

405487

0.33%

Lines of code

8978

0.38%

No dependency changes