ranuts 0.1.0-alpha → 0.1.0-alpha-22

package/dist/src/utils/behavior.d.ts

@@ -0,0 +1,15 @@
+export declare const handleClick: (hooks?: (event: MouseEvent) => void) => void;
+/**
+ * @description: 获取地区经纬度（会弹出提示让用户授权）
+ * @return {*}
+ */
+export declare const getRegionalLatitudeAndLongitude: () => Promise<GeolocationPosition>;
+export declare const webglVendor: () => {
+    vendor: string;
+    renderer: string;
+} | null;
+export declare const canvasVendor: () => string | null;
+/**
+ * @description: 音频指纹，1.生成音频信息流 (三角波)，对其进行 FFT 变换，计算 SHA 值作为指纹。2.生成音频信息流（正弦波），进行动态压缩处理，计算 MD5 值。
+ */
+export declare const audioVendor: () => Promise<string>;

package/dist/src/utils/bom.d.ts

@@ -0,0 +1,230 @@
+/**
+ * @description: 覆盖浏览器的后退事件
+ * @param {*} callback
+ * @return {*}
+ */
+export declare const retain: (callback?: () => void) => void;
+/**
+ * @description: 获取指定的 cookie
+ * @param {string} objName
+ * @return {*}
+ */
+export declare const getCookie: (objName: string) => string;
+export interface RequestUrlToArraybufferOption {
+    responseType: XMLHttpRequestResponseType;
+    method: string;
+    withCredentials: boolean;
+    headers: Record<string, string>;
+    body: string;
+    onProgress?: Function;
+}
+export interface requestUrlToArraybufferReturn extends BaseReturn {
+    data: Blob;
+}
+export interface BaseReturn {
+    success: boolean;
+    message?: string;
+}
+/**
+ * @description: url 转 arrayBuffer
+ * @param {string} src
+ * @param {RequestUrlToArraybufferOption} options
+ * @return {*}
+ */
+export declare const requestUrlToBuffer: (src: string, options: Partial<RequestUrlToArraybufferOption>) => Promise<requestUrlToArraybufferReturn>;
+export interface Context {
+    backingStorePixelRatio: number;
+    webkitBackingStorePixelRatio: number;
+    mozBackingStorePixelRatio: number;
+    msBackingStorePixelRatio: number;
+    oBackingStorePixelRatio: number;
+}
+/**
+ * @description: 获取分辨率
+ * @param {CanvasRenderingContext2D} context
+ * @return {*}
+ */
+export declare const getPixelRatio: (context: CanvasRenderingContext2D & Partial<Context>) => number;
+export declare const createObjectURL: (src: Blob | ArrayBuffer | Response) => Promise<string>;
+/**
+ * @description: 计算每毫秒的帧率，每秒的帧率需要乘 1000
+ * @return {*}
+ */
+export declare const getFrame: (n?: number) => Promise<number>;
+/**
+ * @description: Gets the current environment configuration
+ * @return {string}
+ */
+export declare const getHost: (env?: string) => string | undefined;
+/**
+ * @description: 将 url 上的字符串转换成对象
+ * @param {string} url
+ * @param {*} string
+ * @return {*}
+ */
+export declare const getAllQueryString: (url?: string) => Record<string, string>;
+/**
+ * @description: 将 url 上的字符串转换成对象
+ * @param {string} url
+ * @param {*} string
+ * @return {*}
+ */
+export declare const getQuery: (url?: string) => Record<string, string>;
+/**
+ * @description: 将一个对象转换成 querystring，拼接到 url 后面
+ * @return {*}
+ */
+export declare function appendUrl(url: string, params?: Record<string, string>): string;
+/**
+ * @description: 移除拖拽事件的阴影
+ * @param {DragEvent} event
+ * @return {*}
+ */
+export declare const removeGhosting: (event: DragEvent) => void;
+export declare function getCookieByName(name: string): string;
+interface ClientRatio {
+    width: number;
+    height: number;
+}
+/**
+ * 跨浏览器获取可视窗口大小
+ */
+export declare const getWindow: () => ClientRatio;
+/**
+ * @description: 返回当前网络状态，当前吞吐量，是否切换网络
+ */
+export declare const connection: () => number | undefined;
+/**
+ * Encode a URL to a percent-encoded form, excluding already-encoded sequences.
+ *
+ * This function will take an already-encoded URL and encode all the non-URL
+ * code points. This function will not encode the "%" character unless it is
+ * not part of a valid sequence (`%20` will be left as-is, but `%foo` will
+ * be encoded as `%25foo`).
+ *
+ * This encode is meant to be "safe" and does not throw errors. It will try as
+ * hard as it can to properly encode the given URL, including replacing any raw,
+ * unpaired surrogate pairs with the Unicode replacement character prior to
+ * encoding.
+ *
+ * @param {string} url
+ * @return {string}
+ * @public
+ */
+export declare function encodeUrl(url: string): string;
+interface Options {
+    url?: string;
+    duration?: number;
+    count?: number;
+}
+interface ReturnType {
+    ping: number;
+    jitter: number;
+}
+/**
+ * @description: 图片请求
+ * @param {string} url
+ * @return {Promise<ImageLoadError | number>}
+ */
+export declare const imageRequest: (url?: string) => Promise<number>;
+/**
+ * @description: 间隔一定时间，执行指定的函数
+ * @param {HandlerFunction} handler
+ * @param {array} params
+ */
+export declare const durationHandler: <T, U>(handler: (...args: T[]) => U, ...params: T[]) => ((a: number) => Promise<U>);
+/**
+ * @description: 通过请求来测试当前网络的 ping 值
+ * @param {*} options
+ */
+export declare const networkSpeed: (options: Options) => Promise<ReturnType>;
+export declare const isSafari: () => boolean | undefined | string;
+export interface MessageHandler<T = unknown, R = unknown> {
+    (payload: T): Promise<R> | R;
+}
+export interface MessageData<T = unknown> {
+    type: string;
+    payload: T;
+    id?: string;
+    isResponse?: boolean;
+    isError?: boolean;
+}
+export interface PendingRequest<R = unknown> {
+    resolve: (value: R) => void;
+    reject: (error: unknown) => void;
+}
+/**
+ * Bridge 注册事件，供 client 消费
+ */
+export declare class PostMessageBridge {
+    private targetWindow;
+    private targetOrigin;
+    private messageHandlers;
+    private pendingRequests;
+    constructor(targetWindow?: Window, targetOrigin?: string);
+    private handleMessage;
+    on: <T = unknown, R = unknown>(type: string, handler: MessageHandler<T, R>) => void;
+    off: (type: string) => void;
+    send: <T = unknown, R = unknown>(type: string, payload: T) => Promise<R>;
+    broadcast: <T = unknown>(data: {
+        type: string;
+        payload: T;
+    }) => void;
+    destroy: () => void;
+}
+export interface BridgeManagerOptions {
+    id?: string;
+    targetOrigin?: string;
+    targetWindow?: Window;
+}
+export declare class BridgeManager {
+    private static instance;
+    private bridges;
+    private constructor();
+    static getInstance(): BridgeManager;
+    connectClient: ({ id, targetOrigin, targetWindow, }: BridgeManagerOptions) => {
+        bridge: PostMessageBridge;
+        id: string;
+    };
+    getClient: (id: string) => PostMessageBridge | undefined;
+    removeClient: (id: string) => void;
+    removeAllClient: () => void;
+    broadcast: <T = unknown>(payload: {
+        type: string;
+        payload: T;
+    }) => void;
+    sendTo: <T = unknown, R = unknown>(id: string, type: string, payload: T) => Promise<R>;
+}
+export declare const bridgeManager: BridgeManager;
+export interface BroadcastPayload {
+    type: string;
+    payload: unknown;
+}
+export interface CallToPayload<T = unknown> {
+    id: string;
+    type: string;
+    payload: T;
+}
+export declare const Client: {
+    connect: ({ id, targetWindow, targetOrigin }: BridgeManagerOptions) => {
+        bridge: PostMessageBridge;
+        id: string;
+    };
+    remove: (id: string) => void;
+    removeAll: () => void;
+    /** 广播消息到所有 Platform */
+    broadcast: (payload: BroadcastPayload) => void;
+    /** 发送消息到指定 Platform */
+    call: <T = unknown, R = unknown>({ id, type, payload }: CallToPayload<T>) => Promise<R>;
+    /** 广播消息到所有所有可以接收消息的窗口 (为了安全考虑，不建议使用) */
+    broadcastToAll: (payload: BroadcastPayload) => void;
+};
+export declare const initPlatform: <T = unknown, R = unknown>(events: Record<string, MessageHandler<T, R>>) => {
+    destroy: () => void;
+};
+export declare const Platform: {
+    init: <T = unknown, R = unknown>(events: Record<string, MessageHandler<T, R>>) => {
+        destroy: () => void;
+    };
+};
+export {};

package/dist/src/utils/color.d.ts

@@ -0,0 +1,71 @@
+export declare const FMT: Record<string, Array<string>>;
+type ColorVal = (string | number)[];
+export declare class Rgb {
+    r: string | number;
+    g: string | number;
+    b: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Rgba extends Rgb {
+    a: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Hsl {
+    h: string | number;
+    s: string | number;
+    l: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Hsla extends Hsl {
+    a: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Color {
+    r: string | number;
+    g: string | number;
+    b: string | number;
+    a: string | number;
+    rgb: Rgb;
+    rgba: Rgba;
+    hex: string;
+    hsl: Hsl;
+    hsla: Hsla;
+    h: string | number;
+    s: string | number;
+    l: string | number;
+    constructor(r: string | number | Array<string | number>, g?: string | number, b?: string | number, a?: string | number);
+    setHue(newHue: string | number): void;
+    setSat(newSat: string | number): void;
+    setLum(newLum: number): void;
+    setAlpha(newAlpha: string | number): void;
+    updateFromHsl(): void;
+}
+export declare const randomColor: () => Color;
+export declare const hexToRgb: (hex: string) => RegExpExecArray | null | Array<number>;
+export declare const componentToHex: (c: string | number) => string;
+export declare const rgbToHex: (r: string | number | Array<string | number>, g?: string | number, b?: string | number) => string;
+export declare const rgbToHsl: (r: number | number[], g?: number, b?: number) => Array<number>;
+export declare const hue2rgb: (p: number, q: number, t: number) => number;
+export declare const hslToRgb: (h: number | string | number[], s: number | string, l: number | string) => Array<number>;
+export declare const rgbToHsb: (r: number, g: number, b: number) => number[];
+export declare const hsbToRgb: (h: number, s: number, v: number) => number[];
+export declare const hsvToRgb: (h: number, s: number, v: number) => number[];
+export declare const hsbToHsl: (h: any, s: any, b: any) => number[];
+export declare const hsvToHsl: (h: any, s: any, b: any) => number[];
+export declare class ColorScheme {
+    palette: Color[];
+    constructor(colorVal: (string | number)[], angleArray: number[]);
+    createFromColors(colorVal: (string | number)[]): Color[];
+    createFromAngles(colorVal: string | number | (string | number)[], angleArray: number[]): Color[];
+    static Compl(colorVal: ColorVal): ColorScheme;
+    static Triad(colorVal: ColorVal): ColorScheme;
+    static Tetrad(colorVal: ColorVal): ColorScheme;
+    static Analog(colorVal: ColorVal): ColorScheme;
+    static Split(colorVal: ColorVal): ColorScheme;
+    static Accent(colorVal: ColorVal): ColorScheme;
+}
+export {};

package/dist/src/utils/compose.d.ts

@@ -0,0 +1,10 @@
+export type Next = () => Promise<never> | Promise<void>;
+type Middleware<T> = (context: T, next: Next) => any;
+type ComposedMiddleware<T> = (context: T, next?: Next) => Promise<void>;
+/**
+ * @description: 将异步函数转化为同步的方式进行执行
+ * @param {Array} middleware
+ * @return {*}
+ */
+export declare function compose<T>(middleware: Array<Middleware<T>>): ComposedMiddleware<T>;
+export {};

package/dist/src/utils/console.d.ts

@@ -0,0 +1 @@
+export declare const handleConsole: (hooks?: (...args: unknown[]) => void) => void;

package/dist/src/utils/debounce.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description: 防抖
+ * @param {any} fn
+ * @param {*} ms
+ * @return {*}
+ */
+export declare const debounce: (fn: any, ms?: number) => any;

package/dist/src/utils/device.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @description: 判断当前设备
+ * @param {*} function
+ * @return {*}
+ */
+export declare enum DEVICE {
+    IPAD = "ipad",
+    ANDROID = "android",
+    IPhONE = "iphone",
+    PC = "pc"
+}
+export type CurrentDevice = 'ipad' | 'android' | 'iphone' | 'pc';
+export declare const currentDevice: () => CurrentDevice;
+export declare const isClient: boolean;
+/**
+ * @description: 判断是否是微信浏览器的函数
+ * @param {*} boolean
+ * @return {*}
+ */
+export declare const isWeiXin: () => boolean;
+/**
+ * 是否是移动端
+ */
+export declare const isMobile: () => boolean;
+export declare const isBangDevice: () => boolean;

package/dist/src/utils/dom.d.ts

@@ -0,0 +1,105 @@
+/**
+ * @description: 给指定的元素添加指定的 class
+ * @param {Element} element
+ * @param {string} addClass
+ */
+export declare const addClassToElement: (element: Element, addClass: string) => void;
+/**
+ * @description: 给指定的元素移除指定的 class
+ * @param {Element} element
+ * @param {string} removeClass
+ */
+export declare const removeClassToElement: (element: Element, removeClass: string) => void;
+/**
+ * @description: 创建一个 Fragment
+ * @param {Element} list
+ * @return {*}
+ */
+export declare const createDocumentFragment: (list: Element[]) => DocumentFragment | undefined;
+export declare function escapeHtml(string?: string | number | null): string;
+/**
+ * @description: 根据 UI 稿宽度设置 rem
+ * @param {*} void
+ * @return {*}
+ */
+export declare const setFontSize2html: (designWidth?: number) => void;
+/**
+ * @description: 链式调用的 dom 操作
+ * (tag) (key value) (children)
+ * @return {HTMLElement}
+ */
+export declare class Chain {
+    listener: Map<string, Map<string, EventListener>>;
+    element: HTMLElement;
+    constructor(tagName: string, options?: ElementCreationOptions);
+    /**
+     * @description: 创建元素
+     * @param {string} tagName
+     * @param {ElementCreationOptions} options
+     * @return {Chain}
+     */
+    create: (tagName: string, options?: ElementCreationOptions) => HTMLElement;
+    /**
+     * @description: 设置当前元素的属性
+     * @param {string} name
+     * @param {string} value
+     * @return {Chain}
+     */
+    setAttribute: (name: string, value: string) => Chain;
+    /**
+     * @description: 移除当前元素的属性
+     * @param {string} name
+     * @return {Chain}
+     */
+    removeAttribute: (name: string) => Chain;
+    /**
+     * @description: 当前元素添加子元素
+     * @param {HTMLElement} child
+     * @return {ChainElement}
+     */
+    append: (child: HTMLElement) => Chain;
+    /**
+     * @description: 当前元素移除子元素
+     * @param {HTMLElement} child
+     * @return {Chain}
+     */
+    remove: (child: HTMLElement) => Chain;
+    /**
+     * @description: 给当前元素设置文本内容
+     * @param {string} text
+     * @return {Chain}
+     */
+    setTextContent: (text: string) => Chain;
+    /**
+     * @description: 给当前元素设置样式
+     * @param {string} name
+     * @param {string} value
+     * @return {Chain}
+     */
+    setStyle: (name: string, value: string) => Chain;
+    private addElementByType;
+    /**
+     * @description: 给当前元素添加子元素
+     * @return {Chain}
+     */
+    addChild: (child: Chain | Chain[] | HTMLElement | HTMLElement[]) => Chain;
+    /**
+     * @description: 给当前元素添加事件监听
+     * @param {string} type
+     * @param {EventListener} listener
+     * @return {Chain}
+     */
+    listen: <K extends keyof HTMLElementEventMap>(type: K, listener: EventListener, options?: boolean | AddEventListenerOptions) => Chain;
+    /**
+     * @description: 移除当前元素的事件监听
+     * @param {string} type
+     * @return {Chain}
+     */
+    clearListener: <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions) => Chain;
+    /**
+     * @description: 移除当前元素的所有事件监听
+     * @return {Chain}
+     */
+    clearAllListener: () => Chain;
+}
+export declare const create: (tagName: string, options?: ElementCreationOptions) => Chain;

package/dist/src/utils/error.d.ts

@@ -0,0 +1 @@
+export declare const handleError: (hooks?: (error: Error | PromiseRejectionEvent | ErrorEvent) => void) => void;

package/dist/src/utils/func.d.ts

@@ -0,0 +1 @@
+export declare const isFunction: (handler: unknown) => handler is Function;

package/dist/src/utils/img.d.ts

@@ -0,0 +1,16 @@
+import type { BaseReturn } from '@/utils/bom';
+/**
+ * @description: 校验图片尺寸
+ * @param {File} file
+ * @return {*}
+ */
+export declare const isImageSize: (file: File, width?: number, height?: number) => Promise<boolean>;
+export interface convertImageToBase64Return extends BaseReturn {
+    data: string | ArrayBuffer | null;
+}
+/**
+ * @description: 图片转 base64
+ * @param {File} file
+ * @return {*}
+ */
+export declare const convertImageToBase64: (file: File) => Promise<convertImageToBase64Return>;

package/dist/src/utils/index.d.ts

@@ -0,0 +1,35 @@
+import { SyncHook } from './subscribe';
+import { Mathjs, addNumSym, mathjs, perToNum, range, transformNumber } from './number';
+import { MessageCodec, changeHumpToLowerCase, checkEncoding, clearBr, clearStr, getMatchingSentences, getRandomString, isString, md5, randomString, str2Xml, strParse, toString, transformText } from './str';
+import type { TransformText } from './str';
+import { BridgeManager, Client, Platform, PostMessageBridge, appendUrl, bridgeManager, connection, createObjectURL, durationHandler, encodeUrl, getAllQueryString, getCookie, getCookieByName, getFrame, getHost, getPixelRatio, getQuery, getWindow, imageRequest, isSafari, networkSpeed, removeGhosting, requestUrlToBuffer, retain } from './bom';
+import type { BridgeManagerOptions, BroadcastPayload, CallToPayload, MessageData, MessageHandler, PendingRequest } from './bom';
+import { cloneDeep, filterObj, formatJson, isEqual, merge, mergeExports, querystring, replaceOld, setAttributeByGlobal } from './obj';
+import { MimeType, getExtensions, getMime, setMime } from './mimeType';
+import { AudioRecorder } from './audioRecorder';
+import { createSignal, subscribers } from './signal';
+import { audioVendor, canvasVendor, webglVendor } from './behavior';
+import { TOTP } from './totp/totp';
+import { localStorageGetItem, localStorageSetItem } from './storage';
+import { compose } from './compose';
+import { handleConsole } from './console';
+import { debounce } from './debounce';
+import { Chain, addClassToElement, create, createDocumentFragment, escapeHtml, removeClassToElement, setFontSize2html } from './dom';
+import { handleError } from './error';
+import { convertImageToBase64, isImageSize } from './img';
+import { memoize } from './memoize';
+import { Monitor } from './monitor';
+import { getStatus, status } from './network';
+import { noop } from './noop';
+import { getPerformance } from './performance';
+import { QuestQueue } from './queue';
+import { createData, report } from './report';
+import { handleFetchHook } from './request';
+import { scriptOnLoad } from './script';
+import { generateThrottle, throttle } from './throttle';
+import { performanceTime, timeFormat, timestampToTime } from './time';
+import type { CurrentDevice } from './device';
+import { currentDevice, isBangDevice, isClient, isMobile, isWeiXin } from './device';
+import { Color, ColorScheme, FMT, Hsl, Hsla, Rgb, Rgba, componentToHex, hexToRgb, hsbToRgb, hslToRgb, hsvToHsl, hsvToRgb, hue2rgb, randomColor, rgbToHex, rgbToHsb, rgbToHsl } from '@/utils/color';
+export { performanceTime, timeFormat, timestampToTime, generateThrottle, throttle, SyncHook, changeHumpToLowerCase, clearBr, clearStr, isString, randomString, str2Xml, strParse, scriptOnLoad, handleFetchHook, createData, report, QuestQueue, noop, getPerformance, querystring, formatJson, filterObj, merge, replaceOld, mergeExports, perToNum, range, Mathjs, mathjs, getStatus, status, Monitor, MimeType, getExtensions, setMime, getMime, memoize, isImageSize, convertImageToBase64, handleError, addClassToElement, removeClassToElement, createDocumentFragment, escapeHtml, isClient, isWeiXin, isMobile, debounce, currentDevice, handleConsole, compose, Color, FMT, Hsl, Hsla, Rgb, Rgba, randomColor, hexToRgb, componentToHex, rgbToHex, rgbToHsl, hue2rgb, hslToRgb, rgbToHsb, hsbToRgb, hsvToRgb, hsvToHsl, ColorScheme, AudioRecorder, webglVendor, canvasVendor, audioVendor, retain, getCookie, requestUrlToBuffer, getPixelRatio, createObjectURL, getFrame, getHost, getAllQueryString, appendUrl, removeGhosting, getCookieByName, getWindow, connection, encodeUrl, imageRequest, durationHandler, networkSpeed, TOTP, isBangDevice, localStorageGetItem, localStorageSetItem, setAttributeByGlobal, setFontSize2html, Chain, create, isEqual, cloneDeep, createSignal, subscribers, getMatchingSentences, transformNumber, toString, addNumSym, getQuery, checkEncoding, transformText, isSafari, md5, getRandomString, bridgeManager, Client, BridgeManager, PostMessageBridge, MessageCodec, Platform, };
+export type { CurrentDevice, TransformText, MessageHandler, MessageData, PendingRequest, BridgeManagerOptions, BroadcastPayload, CallToPayload, };