refactor(lodash): simplify clamp and debounce utils

package.json

@@ -80,8 +80,6 @@
   },
   "dependencies": {
     "core-js": "^3.6.4",
-    "lodash.clamp": "^4.0.3",
-    "lodash.debounce": "^4.0.8",
     "tslib": "^1.10.0"
   }
 }

src/decorators/debounce.ts

@@ -1,4 +1,4 @@
-import $debounce from 'lodash.debounce';
+import { debounce as $debounce } from '../utils';
 
 export function debounce(...options) {
   return (_proto: any, key: string, descriptor: PropertyDescriptor) => {

src/decorators/range.ts

@@ -1,4 +1,4 @@
-import clamp from 'lodash.clamp';
+import { clamp } from '../utils';
 
 export function range(min = -Infinity, max = Infinity) {
   return (proto: any, key: string) => {

src/events/mouse.ts

@@ -1,4 +1,4 @@
-import clamp from 'lodash.clamp';
+import { clamp } from '../utils';
 import * as I from '../interfaces/';
 
 import {

src/events/resize.ts

@@ -1,5 +1,5 @@
 import * as I from '../interfaces/';
-import debounce from 'lodash.debounce';
+import { debounce } from '../utils';
 
 import {
   eventScope,

src/events/select.ts

@@ -1,4 +1,4 @@
-import clamp from 'lodash.clamp';
+import { clamp } from '../utils';
 import * as I from '../interfaces/';
 
 import {

src/plugins/overscroll/glow.ts

@@ -1,4 +1,4 @@
-import clamp from 'lodash.clamp';
+import { clamp } from '../../utils';
 import Scrollbar from 'smooth-scrollbar';
 
 import { setStyle } from '../../utils/set-style';

src/plugins/overscroll/index.ts

@@ -1,5 +1,4 @@
-import clamp from 'lodash.clamp';
-import debounce from 'lodash.debounce';
+import { clamp, debounce } from '../../utils';
 import { ScrollbarPlugin } from 'smooth-scrollbar';
 import { Bounce } from './bounce';
 import { Glow } from './glow';

src/scrollbar.ts

@@ -1,4 +1,4 @@
-import clamp from 'lodash.clamp';
+import { clamp } from './utils';
 
 import { Options } from './options';
 

src/scrolling/scroll-into-view.ts

@@ -1,4 +1,4 @@
-import clamp from 'lodash.clamp';
+import { clamp } from '../utils';
 
 import * as I from '../interfaces/';
 

src/scrolling/scroll-to.ts

@@ -1,4 +1,4 @@
-import clamp from 'lodash.clamp';
+import { clamp } from '../utils';
 
 import * as I from '../interfaces/';
 

src/scrolling/set-position.ts

@@ -1,4 +1,4 @@
-import clamp from 'lodash.clamp';
+import { clamp } from '../utils';
 import * as I from '../interfaces/';
 
 import {

src/utils/clamp.ts

@@ -0,0 +1,3 @@
+export function clamp(value: number, lower: number, upper: number): number {
+  return Math.max(lower, Math.min(upper, value));
+}

src/utils/debounce.ts

@@ -0,0 +1,142 @@
+interface DebounceOptions {
+  maxWait?: number;
+  leading?: boolean;
+  trailing?: boolean;
+}
+
+export interface IDebounceReturn {
+  cancel: () => void;
+  flush: () => void;
+  isPending: () => boolean;
+}
+
+export interface DebouncedReturn<T extends (...args: any[]) => ReturnType<T>> extends IDebounceReturn {
+  (...args: Parameters<T>): ReturnType<T> | undefined;
+}
+
+export function debounce<T extends (...args: any) => ReturnType<T>>(fn: T, wait?: number, options?: DebounceOptions): DebouncedReturn<T> {
+
+  let lastArgs;
+  let lastThis: unknown;
+  let timerId;
+  let lastCallTime;
+  let lastInvokeTime = 0;
+  let leading = false;
+  let maxing = false;
+  let trailing = true;
+  let result: ReturnType<T>;
+
+  const useRAF = !wait && wait !== 0 && typeof window !== 'undefined' && typeof window.requestAnimationFrame === 'function';
+
+  wait = +wait! || 0;
+  options = options || {};
+
+  leading = !!options.leading;
+  trailing = 'trailing' in options ? !!options.trailing : true;
+  maxing = 'maxWait' in options;
+  const maxWait = maxing ? Math.max(+options.maxWait! || 0, wait) : null;
+
+  function invokeFunc(time: number) {
+    const args = lastArgs;
+    const thisArg = lastThis;
+
+    lastArgs = lastThis = null;
+    lastInvokeTime = time;
+    result = fn.apply(thisArg, args);
+    return result;
+  }
+
+  function startTimer(pendingFunc: () => void, wait: number) {
+    if (useRAF) {
+      window.cancelAnimationFrame(timerId);
+      return window.requestAnimationFrame(pendingFunc);
+    }
+    return setTimeout(pendingFunc, wait);
+  }
+
+  function cancelTimer(id) {
+    useRAF ? window.cancelAnimationFrame(id) : clearTimeout(id);
+  }
+
+  function shouldInvoke(time: number) {
+    const timeSinceLastCall = time - lastCallTime;
+    const timeSinceLastInvoke = time - lastInvokeTime;
+
+    return (
+      lastCallTime === null ||
+      timeSinceLastCall >= wait! ||
+      timeSinceLastCall < 0 ||
+      (maxing && timeSinceLastInvoke >= maxWait!)
+    );
+  }
+
+  function timerExpired(): void | ReturnType<any> {
+    const time = Date.now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+
+    const timeSinceLastCall = time - lastCallTime;
+    const timeSinceLastInvoke = time - lastInvokeTime;
+    const timeWaiting = wait! - timeSinceLastCall;
+    const remainingWait = maxing ? Math.min(timeWaiting, maxWait! - timeSinceLastInvoke) : timeWaiting;
+
+    timerId = startTimer(timerExpired, remainingWait);
+  }
+
+  function trailingEdge(time: number) {
+    timerId = null;
+
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = null;
+    return result;
+  }
+
+  function cancel() {
+    if (timerId) {
+      cancelTimer(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = null;
+  }
+
+  function flush() {
+    return !timerId ? result : trailingEdge(Date.now());
+  }
+
+  function isPending() {
+    return !!timerId;
+  }
+
+  function debounced(this: unknown, ...args) {
+    const time = Date.now();
+    const isInvoking = shouldInvoke(time);
+
+    lastArgs = args;
+    lastThis = this;
+    lastCallTime = time;
+
+    if (isInvoking) {
+      if (!timerId) {
+        lastInvokeTime = time;
+        timerId = startTimer(timerExpired, wait!);
+        return leading ? invokeFunc(time) : result;
+      }
+      if (maxing) {
+        timerId = startTimer(timerExpired, wait!);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (!timerId) {
+      timerId = startTimer(timerExpired, wait!);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  debounced.isPending = isPending;
+
+  return debounced;
+}

src/utils/index.ts

@@ -4,3 +4,5 @@ export * from './get-position';
 export * from './is-one-of';
 export * from './set-style';
 export * from './touch-record';
+export { clamp } from './clamp';
+export { debounce } from './debounce';