720eb1577a3a770b114b306eabb3f0a659416ebdab91b5a4ecb0a7a5bfcd72e1221d484fe14cd8812c125ba04d727da9b6777b07af977bc09c4c942d8b4cf3 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. 'use strict';
  2. Object.defineProperty(exports, '__esModule', { value: true });
  3. var raf = require('../../../../utils/raf.js');
  4. const useGridWheel = ({ atXEndEdge, atXStartEdge, atYEndEdge, atYStartEdge }, onWheelDelta) => {
  5. let frameHandle = null;
  6. let xOffset = 0;
  7. let yOffset = 0;
  8. const hasReachedEdge = (x, y) => {
  9. const xEdgeReached = x <= 0 && atXStartEdge.value || x >= 0 && atXEndEdge.value;
  10. const yEdgeReached = y <= 0 && atYStartEdge.value || y >= 0 && atYEndEdge.value;
  11. return xEdgeReached && yEdgeReached;
  12. };
  13. const onWheel = (e) => {
  14. raf.cAF(frameHandle);
  15. let x = e.deltaX;
  16. let y = e.deltaY;
  17. if (Math.abs(x) > Math.abs(y)) {
  18. y = 0;
  19. } else {
  20. x = 0;
  21. }
  22. if (e.shiftKey && y !== 0) {
  23. x = y;
  24. y = 0;
  25. }
  26. if (hasReachedEdge(xOffset, yOffset) && hasReachedEdge(xOffset + x, yOffset + y))
  27. return;
  28. xOffset += x;
  29. yOffset += y;
  30. e.preventDefault();
  31. frameHandle = raf.rAF(() => {
  32. onWheelDelta(xOffset, yOffset);
  33. xOffset = 0;
  34. yOffset = 0;
  35. });
  36. };
  37. return {
  38. hasReachedEdge,
  39. onWheel
  40. };
  41. };
  42. exports.useGridWheel = useGridWheel;
  43. //# sourceMappingURL=use-grid-wheel.js.map