@leankylin-sheet/react 3.1.10 → 3.1.12

package/dist/index.esm.js

@@ -3920,11 +3920,54 @@ var Sheet = function Sheet(_ref) {
       tableCanvas.drawRowHeader(context.scrollTop);
     }
   }, [context, refs.canvas, refs.globalCache.freezen, setContext, sheet.id]);
+  function isMost(direction) {
+    var _containerRef$current;
+    var targetClassName = ["top", "bottom"].includes(direction) ? ".luckysheet-scrollbar-y" : ".luckysheet-scrollbar-x";
+    var target = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector(targetClassName);
+    var scrollTop = target.scrollTop,
+      clientHeight = target.clientHeight,
+      clientWidth = target.clientWidth,
+      scrollHeight = target.scrollHeight,
+      scrollLeft = target.scrollLeft,
+      scrollWidth = target.scrollWidth;
+    if (direction === "bottom") {
+      return scrollTop + clientHeight >= scrollHeight - 1;
+    }
+    if (direction === "top") {
+      return scrollTop <= 1;
+    }
+    if (direction === "left") {
+      return scrollLeft <= 1;
+    }
+    if (direction === "right") {
+      return scrollLeft + clientWidth >= scrollWidth - 1;
+    }
+    return false;
+  }
   var onWheel = useCallback(function (e) {
     setContext(function (draftCtx) {
       handleGlobalWheel(draftCtx, e, refs.globalCache, refs.scrollbarX.current, refs.scrollbarY.current);
     });
-    e.preventDefault();
+    if (e.deltaY === 0 && e.deltaX === 0) {
+      return;
+    }
+    var mainDirection = Math.abs(e.deltaY) > Math.abs(e.deltaX) ? "vertical" : "horizontal";
+    var upToBottom = e.deltaY > 0;
+    var leftToRight = e.deltaX > 0;
+    if (mainDirection === "vertical") {
+      if (upToBottom && !isMost("bottom")) {
+        e.preventDefault();
+      } else if (!upToBottom && !isMost("top")) {
+        e.preventDefault();
+      }
+    }
+    if (mainDirection === "horizontal") {
+      if (leftToRight && !isMost("right")) {
+        e.preventDefault();
+      } else if (!leftToRight && !isMost("left")) {
+        e.preventDefault();
+      }
+    }
   }, [refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
   useEffect(function () {
     var container = containerRef.current;

package/dist/index.js

@@ -3930,11 +3930,54 @@ var Sheet = function Sheet(_ref) {
       tableCanvas.drawRowHeader(context.scrollTop);
     }
   }, [context, refs.canvas, refs.globalCache.freezen, setContext, sheet.id]);
+  function isMost(direction) {
+    var _containerRef$current;
+    var targetClassName = ["top", "bottom"].includes(direction) ? ".luckysheet-scrollbar-y" : ".luckysheet-scrollbar-x";
+    var target = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector(targetClassName);
+    var scrollTop = target.scrollTop,
+      clientHeight = target.clientHeight,
+      clientWidth = target.clientWidth,
+      scrollHeight = target.scrollHeight,
+      scrollLeft = target.scrollLeft,
+      scrollWidth = target.scrollWidth;
+    if (direction === "bottom") {
+      return scrollTop + clientHeight >= scrollHeight - 1;
+    }
+    if (direction === "top") {
+      return scrollTop <= 1;
+    }
+    if (direction === "left") {
+      return scrollLeft <= 1;
+    }
+    if (direction === "right") {
+      return scrollLeft + clientWidth >= scrollWidth - 1;
+    }
+    return false;
+  }
   var onWheel = React.useCallback(function (e) {
     setContext(function (draftCtx) {
       core.handleGlobalWheel(draftCtx, e, refs.globalCache, refs.scrollbarX.current, refs.scrollbarY.current);
     });
-    e.preventDefault();
+    if (e.deltaY === 0 && e.deltaX === 0) {
+      return;
+    }
+    var mainDirection = Math.abs(e.deltaY) > Math.abs(e.deltaX) ? "vertical" : "horizontal";
+    var upToBottom = e.deltaY > 0;
+    var leftToRight = e.deltaX > 0;
+    if (mainDirection === "vertical") {
+      if (upToBottom && !isMost("bottom")) {
+        e.preventDefault();
+      } else if (!upToBottom && !isMost("top")) {
+        e.preventDefault();
+      }
+    }
+    if (mainDirection === "horizontal") {
+      if (leftToRight && !isMost("right")) {
+        e.preventDefault();
+      } else if (!leftToRight && !isMost("left")) {
+        e.preventDefault();
+      }
+    }
   }, [refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
   React.useEffect(function () {
     var container = containerRef.current;

package/dist/index.umd.js

@@ -107020,11 +107020,54 @@
         tableCanvas.drawRowHeader(context.scrollTop);
       }
     }, [context, refs.canvas, refs.globalCache.freezen, setContext, sheet.id]);
+    function isMost(direction) {
+      var _containerRef$current;
+      var targetClassName = ["top", "bottom"].includes(direction) ? ".luckysheet-scrollbar-y" : ".luckysheet-scrollbar-x";
+      var target = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector(targetClassName);
+      var scrollTop = target.scrollTop,
+        clientHeight = target.clientHeight,
+        clientWidth = target.clientWidth,
+        scrollHeight = target.scrollHeight,
+        scrollLeft = target.scrollLeft,
+        scrollWidth = target.scrollWidth;
+      if (direction === "bottom") {
+        return scrollTop + clientHeight >= scrollHeight - 1;
+      }
+      if (direction === "top") {
+        return scrollTop <= 1;
+      }
+      if (direction === "left") {
+        return scrollLeft <= 1;
+      }
+      if (direction === "right") {
+        return scrollLeft + clientWidth >= scrollWidth - 1;
+      }
+      return false;
+    }
     var onWheel = React.useCallback(function (e) {
       setContext(function (draftCtx) {
         handleGlobalWheel(draftCtx, e, refs.globalCache, refs.scrollbarX.current, refs.scrollbarY.current);
       });
-      e.preventDefault();
+      if (e.deltaY === 0 && e.deltaX === 0) {
+        return;
+      }
+      var mainDirection = Math.abs(e.deltaY) > Math.abs(e.deltaX) ? "vertical" : "horizontal";
+      var upToBottom = e.deltaY > 0;
+      var leftToRight = e.deltaX > 0;
+      if (mainDirection === "vertical") {
+        if (upToBottom && !isMost("bottom")) {
+          e.preventDefault();
+        } else if (!upToBottom && !isMost("top")) {
+          e.preventDefault();
+        }
+      }
+      if (mainDirection === "horizontal") {
+        if (leftToRight && !isMost("right")) {
+          e.preventDefault();
+        } else if (!leftToRight && !isMost("left")) {
+          e.preventDefault();
+        }
+      }
     }, [refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
     React.useEffect(function () {
       var container = containerRef.current;