@varlet/shared 2.15.0 → 2.15.2-alpha.1693502641730

package/lib/index.d.ts

@@ -8,6 +8,7 @@ export declare const isArray: (val: unknown) => val is any[];
 export declare const isURL: (val: string | undefined | null) => boolean;
 export declare const isEmpty: (val: unknown) => boolean;
 export declare const isWindow: (val: unknown) => val is Window;
+export declare const supportTouch: () => boolean;
 export declare const toNumber: (val: number | string | boolean | undefined | null) => number;
 export declare const removeItem: (arr: Array<unknown>, item: unknown) => unknown[] | undefined;
 export declare const toggleItem: (arr: Array<unknown>, item: unknown) => void;
@@ -21,3 +22,11 @@ export declare const find: <T>(arr: T[], callback: (item: T, index: number, arra
 export declare const normalizeToArray: <T>(value: T | T[]) => T[];
 export declare const clamp: (num: number, min: number, max: number) => number;
 export declare const clampArrayRange: (index: number, arr: Array<unknown>) => number;
+export declare const getGlobalThis: () => typeof globalThis;
+export declare const requestAnimationFrame: (fn: FrameRequestCallback) => number;
+export declare const cancelAnimationFrame: (handle: number) => void;
+export declare const raf: () => Promise<unknown>;
+export declare const doubleRaf: () => Promise<unknown>;
+export declare const getStyle: (element: Element) => CSSStyleDeclaration;
+export declare const getRect: (element: Element | Window) => DOMRect;
+export declare const inViewport: (element: HTMLElement) => boolean;

package/lib/index.js

@@ -14,6 +14,7 @@ export const isURL = (val) => {
 };
 export const isEmpty = (val) => val === undefined || val === null || val === '' || (Array.isArray(val) && !val.length);
 export const isWindow = (val) => val === window;
+export const supportTouch = () => inBrowser() && 'ontouchstart' in window;
 export const toNumber = (val) => {
     if (val == null)
         return 0;
@@ -82,3 +83,55 @@ export const find = (arr, callback, from = 'start') => {
 export const normalizeToArray = (value) => (isArray(value) ? value : [value]);
 export const clamp = (num, min, max) => Math.min(max, Math.max(min, num));
 export const clampArrayRange = (index, arr) => clamp(index, 0, arr.length - 1);
+export const getGlobalThis = () => {
+    if (typeof globalThis !== 'undefined') {
+        return globalThis;
+    }
+    if (inBrowser()) {
+        return window;
+    }
+    return typeof global !== 'undefined' ? global : self;
+};
+export const requestAnimationFrame = (fn) => {
+    const globalThis = getGlobalThis();
+    return globalThis.requestAnimationFrame ? globalThis.requestAnimationFrame(fn) : globalThis.setTimeout(fn);
+};
+export const cancelAnimationFrame = (handle) => {
+    const globalThis = getGlobalThis();
+    globalThis.cancelAnimationFrame ? globalThis.cancelAnimationFrame(handle) : globalThis.clearTimeout(handle);
+};
+export const raf = () => new Promise((resolve) => {
+    requestAnimationFrame(resolve);
+});
+export const doubleRaf = () => new Promise((resolve) => {
+    requestAnimationFrame(() => {
+        requestAnimationFrame(resolve);
+    });
+});
+// shorthand only
+export const getStyle = (element) => window.getComputedStyle(element);
+export const getRect = (element) => {
+    if (isWindow(element)) {
+        const width = element.innerWidth;
+        const height = element.innerHeight;
+        const rect = {
+            x: 0,
+            y: 0,
+            top: 0,
+            left: 0,
+            right: width,
+            bottom: height,
+            width,
+            height,
+        };
+        return Object.assign(Object.assign({}, rect), { toJSON: () => rect });
+    }
+    return element.getBoundingClientRect();
+};
+export const inViewport = (element) => {
+    const { top, bottom, left, right } = getRect(element);
+    const { width, height } = getRect(window);
+    const xInViewport = left <= width && right >= 0;
+    const yInViewport = top <= height && bottom >= 0;
+    return xInViewport && yInViewport;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/shared",
-  "version": "2.15.0",
+  "version": "2.15.2-alpha.1693502641730",
   "type": "module",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -24,6 +24,7 @@
     "url": "https://github.com/varletjs/varlet/issues"
   },
   "devDependencies": {
+    "@types/node": "^18.7.18",
     "typescript": "^5.1.5",
     "rimraf": "^5.0.1"
   },