UNPKG

@opensig/opendesign

Version:

139 lines (138 loc) 5.26 kB
/** * 创建一个防抖函数,延迟执行目标函数,直到停止调用一段时间后。 * * @template T - 被包装函数的类型 * @param {T} fn - 需要防抖处理的目标函数 * @param {number} [wait=0] - 延迟等待的时间(毫秒) * @param {boolean} [leading=true] - 是否在首次调用时立即执行一次函数 * @param {boolean} [trailing=false] - 当 `leading` 为 `true` 时,是否允许在**等待期间发生过后续调用**的情况下,于延迟结束后再次执行一次函数 * @returns {T} - 返回新的防抖函数 * * @example * // 默认行为:首次调用立即执行,后续调用重置计时器,停止调用后不再执行 * const debouncedFn = debounce(fn, 500); * * @example * // 仅延迟执行:等待 500ms 无新调用后才执行一次 * const debouncedFn = debounce(fn, 500, false); * * @example * // 立即执行 + 尾部执行:首次立即执行,若在 500ms 内又调用了,则停止调用 500ms 后再执行一次 * const debouncedFn = debounce(fn, 500, true, true); * * @remarks * - 当 `leading` 和 `trailing` 均为 `true` 时,函数在连续快速调用中最多执行两次:开始一次,结束一次。 * - 如果在等待期间只调用了一次(即没有后续调用重置计时器),则不会触发 `trailing` 执行。 */ export declare function debounce<T extends (...args: Array<any>) => any>(fn: T, wait?: number, leading?: false): T; export declare function debounce<T extends (...args: Array<any>) => any>(fn: T, wait: number, leading: true, trailing?: boolean): T; /** * @description 基于 requestAnimationFrame 的防抖,仅在客户端环境下有意义。 * 调用方应确保仅在客户端激活后使用此函数。 * * @template T - 被包装函数的类型 * @param {T} fn - 需要防抖处理的目标函数 * @returns {T & { cancel: () => void }} 返回防抖函数,附带 cancel 方法用于取消待执行帧 */ export declare function debounceRAF<T extends (...args: Array<any>) => any>(fn: T): { (...args: Array<any>): void; cancel(): void; }; /** * @description 基于 requestAnimationFrame 的节流,仅在客户端环境下有意义。 * 调用方应确保仅在客户端激活后使用此函数。 * * @template T - 被包装函数的类型 * @param {T} fn - 需要节流处理的目标函数 * @returns {T & { cancel: () => void }} 返回节流函数,附带 cancel 方法用于取消待执行帧 */ export declare function throttleRAF<T extends (...args: Array<any>) => any>(fn: T): { (...args: Array<any>): void; cancel(): void; }; /** * 颜色池 */ export declare class ColorPool { pool: Array<string>; tmpPool: Array<string>; constructor(pool: Array<string>); /** * 返回指定位置颜色,或者从颜色池随机返回一个颜色 * @param index * @returns */ pick(index?: number): string; } /** * 生成随机字符串 * @param prefix 前缀 * @param length 字符串长度 */ export declare function uniqueId(prefix?: string, length?: number): string; /** * 将数组拆分成多个指定长度的区块 * @param arr 被拆分数组 * @param size 区块长度 */ export declare function chunk(arr?: any[], size?: number): any[][]; /** * 异步some * @param array 遍历数组 * @param judgeFn 判断函数 */ export declare function asyncSome<T>(array: Array<T>, judgeFn: (arrayItem: T) => Promise<boolean | undefined>): Promise<boolean>; /** * 根据path从对象中获取值 */ export declare function getValueByPath(obj: object, path: string): any; /** * 根据path设置对象中的值 */ export declare function setValueByPath(obj: { [k: string]: any; }, path: string, value: any): void; /** * 将数组中的某一项移到第一项 * @param arr 被移动的数组 * @param item 需要移动的项 * @returns Array */ export declare function moveToFirst<T>(arr: T[], item: T): T[]; /** * 转换为字符串,对于undefined、null、NaN转换为'' * @param val * @returns string */ export declare function formateToString(val: unknown): string; /** * 使用图片url请求加载图片 * @param src s * @returns */ export declare function requestImage(src: string): Promise<unknown>; /** * 从对象中挑选属性 */ export declare function pick(source: object, keys: string[]): Record<string, any>; /** * 分批执行大量任务 * tasks: 任务列表 Array<() => void> * sheduler:调度器函数,用于分批执行任务 * runChunk:分批执行函数 (toContinue:(currentTaskIndex: number)=>boolean)=>void * toContinue:(currentTaskIndex: number)=>boolean 是否继续执行的条件 */ export declare function performTask(tasks: Array<() => void>, sheduler: (runChunk: (toContinue: (currentTaskIndex: number) => boolean) => void) => void): void; /** * 分时执行大量任务,使用requestIdleCallback * tasks: 任务列表 Array<() => void> */ export declare function idlePerformTask(tasks: Array<() => void>): void; /** * polyfill to Promise.withResolvers (ES2024) */ export declare function promiseWithResolvers<T = unknown>(): { promise: Promise<T>; resolve: (value: T | PromiseLike<T>) => void; reject: (reason?: any) => void; };