@daysnap/utils 0.0.53 → 0.0.54

package/es/index.d.ts

@@ -58,6 +58,7 @@ export * from './isUndefined';
 export * from './isWeixin';
 export * from './isWindow';
 export * from './kebabCase';
+export * from './mousewheel';
 export * from './normalizePath';
 export * from './omit';
 export * from './padding';

package/es/index.js

@@ -59,6 +59,7 @@ export * from './isUndefined';
 export * from './isWeixin';
 export * from './isWindow';
 export * from './kebabCase';
+export * from './mousewheel';
 export * from './normalizePath';
 export * from './omit';
 export * from './padding';

package/es/mousewheel.d.ts

@@ -0,0 +1,14 @@
+interface MousewheelScrolling {
+    (result: {
+        direction: 'down' | 'up';
+        delta: number;
+    }): void;
+}
+interface MousewheelOptions {
+    scrollingSpeed?: number;
+    scrollDelay?: number;
+}
+export declare function mousewheel(scrolling: MousewheelScrolling, options?: MousewheelOptions): {
+    listener: (e: any) => false | undefined;
+};
+export {};

package/es/mousewheel.js

@@ -0,0 +1,61 @@
+function getAverage(elements, number) {
+    let sum = 0;
+    //taking `number` elements from the end to make the average, if there are not enought, 1
+    const lastElements = elements.slice(Math.max(elements.length - number, 1));
+    for (let i = 0; i < lastElements.length; i++) {
+        sum = sum + lastElements[i];
+    }
+    return Math.ceil(sum / number);
+}
+export function mousewheel(scrolling, options) {
+    const { scrollingSpeed = 700, scrollDelay = 50 } = Object.assign({}, options);
+    let scrollings = [];
+    let prevTime = Date.now();
+    let lastAnimation = 0;
+    function isMoving() {
+        const timeNow = new Date().getTime();
+        // Cancel scroll if currently animating or within quiet period
+        if (timeNow - lastAnimation < scrollDelay + scrollingSpeed) {
+            return true;
+        }
+        return false;
+    }
+    const listener = (e) => {
+        const curTime = Date.now();
+        const delta = e.wheelDelta || -e.deltaY || -e.detail;
+        // const delta = Math.max(-1, Math.min(1, value))
+        const horizontalDetection = typeof e.wheelDeltaX !== 'undefined' || typeof e.deltaX !== 'undefined';
+        const isScrollingVertically = Math.abs(e.wheelDeltaX) < Math.abs(e.wheelDelta) ||
+            Math.abs(e.deltaX) < Math.abs(e.deltaY) ||
+            !horizontalDetection;
+        //Limiting the array to 150 (lets not waste memory!)
+        if (scrollings.length > 149) {
+            scrollings.shift();
+        }
+        //keeping record of the previous scrollings
+        scrollings.push(Math.abs(delta));
+        //time difference between the last scroll and the current one
+        const timeDiff = curTime - prevTime;
+        prevTime = curTime;
+        //haven't they scrolled in a while?
+        //(enough to be consider a different scrolling action to scroll another section)
+        if (timeDiff > 200) {
+            //emptying the array, we dont care about old scrollings for our averages
+            scrollings = [];
+        }
+        if (!isMoving()) {
+            const averageEnd = getAverage(scrollings, 10);
+            const averageMiddle = getAverage(scrollings, 70);
+            const isAccelerating = averageEnd >= averageMiddle;
+            if (isAccelerating && isScrollingVertically) {
+                scrolling({
+                    direction: delta < 0 ? 'up' : 'down',
+                    delta,
+                });
+                lastAnimation = Date.now();
+            }
+            return false;
+        }
+    };
+    return { listener };
+}

package/lib/index.d.ts

@@ -58,6 +58,7 @@ export * from './isUndefined';
 export * from './isWeixin';
 export * from './isWindow';
 export * from './kebabCase';
+export * from './mousewheel';
 export * from './normalizePath';
 export * from './omit';
 export * from './padding';

package/lib/index.js

@@ -75,6 +75,7 @@ __exportStar(require("./isUndefined"), exports);
 __exportStar(require("./isWeixin"), exports);
 __exportStar(require("./isWindow"), exports);
 __exportStar(require("./kebabCase"), exports);
+__exportStar(require("./mousewheel"), exports);
 __exportStar(require("./normalizePath"), exports);
 __exportStar(require("./omit"), exports);
 __exportStar(require("./padding"), exports);

package/lib/mousewheel.d.ts

@@ -0,0 +1,14 @@
+interface MousewheelScrolling {
+    (result: {
+        direction: 'down' | 'up';
+        delta: number;
+    }): void;
+}
+interface MousewheelOptions {
+    scrollingSpeed?: number;
+    scrollDelay?: number;
+}
+export declare function mousewheel(scrolling: MousewheelScrolling, options?: MousewheelOptions): {
+    listener: (e: any) => false | undefined;
+};
+export {};

package/lib/mousewheel.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mousewheel = void 0;
+function getAverage(elements, number) {
+    let sum = 0;
+    //taking `number` elements from the end to make the average, if there are not enought, 1
+    const lastElements = elements.slice(Math.max(elements.length - number, 1));
+    for (let i = 0; i < lastElements.length; i++) {
+        sum = sum + lastElements[i];
+    }
+    return Math.ceil(sum / number);
+}
+function mousewheel(scrolling, options) {
+    const { scrollingSpeed = 700, scrollDelay = 50 } = Object.assign({}, options);
+    let scrollings = [];
+    let prevTime = Date.now();
+    let lastAnimation = 0;
+    function isMoving() {
+        const timeNow = new Date().getTime();
+        // Cancel scroll if currently animating or within quiet period
+        if (timeNow - lastAnimation < scrollDelay + scrollingSpeed) {
+            return true;
+        }
+        return false;
+    }
+    const listener = (e) => {
+        const curTime = Date.now();
+        const delta = e.wheelDelta || -e.deltaY || -e.detail;
+        // const delta = Math.max(-1, Math.min(1, value))
+        const horizontalDetection = typeof e.wheelDeltaX !== 'undefined' || typeof e.deltaX !== 'undefined';
+        const isScrollingVertically = Math.abs(e.wheelDeltaX) < Math.abs(e.wheelDelta) ||
+            Math.abs(e.deltaX) < Math.abs(e.deltaY) ||
+            !horizontalDetection;
+        //Limiting the array to 150 (lets not waste memory!)
+        if (scrollings.length > 149) {
+            scrollings.shift();
+        }
+        //keeping record of the previous scrollings
+        scrollings.push(Math.abs(delta));
+        //time difference between the last scroll and the current one
+        const timeDiff = curTime - prevTime;
+        prevTime = curTime;
+        //haven't they scrolled in a while?
+        //(enough to be consider a different scrolling action to scroll another section)
+        if (timeDiff > 200) {
+            //emptying the array, we dont care about old scrollings for our averages
+            scrollings = [];
+        }
+        if (!isMoving()) {
+            const averageEnd = getAverage(scrollings, 10);
+            const averageMiddle = getAverage(scrollings, 70);
+            const isAccelerating = averageEnd >= averageMiddle;
+            if (isAccelerating && isScrollingVertically) {
+                scrolling({
+                    direction: delta < 0 ? 'up' : 'down',
+                    delta,
+                });
+                lastAnimation = Date.now();
+            }
+            return false;
+        }
+    };
+    return { listener };
+}
+exports.mousewheel = mousewheel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daysnap/utils",
-  "version": "0.0.53",
+  "version": "0.0.54",
   "description": "通用的工具库",
   "main": "lib/index.js",
   "module": "es/index.js",