@gx-design-vue/pro-utils 0.1.4 → 0.2.0-alpha.1

package/dist/class/prefix.d.ts

@@ -0,0 +1,25 @@
+//#region src/class/prefix.d.ts
+interface PrefixCls {
+  /** 后缀类名 */
+  suffixCls?: string;
+  /** 自定义前缀 */
+  customizePrefixCls?: string;
+  /** 是否为 pro 组件 */
+  isPor?: boolean;
+  /** 类名 */
+  className?: string;
+}
+/**
+ * 获取前缀类名
+ *
+ * @param options - 配置选项
+ * @returns 完整类名
+ */
+declare function getPrefixCls({
+  suffixCls,
+  customizePrefixCls,
+  isPor,
+  className
+}: PrefixCls): string;
+//#endregion
+export { PrefixCls, getPrefixCls };

package/dist/class/prefix.js

@@ -0,0 +1,15 @@
+//#region src/class/prefix.ts
+/**
+* 获取前缀类名
+*
+* @param options - 配置选项
+* @returns 完整类名
+*/
+function getPrefixCls({ suffixCls, customizePrefixCls, isPor, className }) {
+	const prefixCls = className || (isPor ? "gx-pro" : "gx");
+	if (customizePrefixCls) return customizePrefixCls;
+	return suffixCls ? `${prefixCls}-${suffixCls}` : prefixCls;
+}
+
+//#endregion
+export { getPrefixCls };

package/dist/clone/cloneDeep.d.ts

@@ -0,0 +1,30 @@
+//#region src/clone/cloneDeep.d.ts
+/**
+ * 深度克隆对象
+ *
+ * @template T - 对象类型
+ * @param obj - 要克隆的对象
+ * @returns 克隆后的对象
+ *
+ * @example
+ * // 克隆原始值
+ * const num = 29;
+ * const clonedNum = cloneDeep(num);
+ * console.log(clonedNum); // 29
+ *
+ * @example
+ * // 克隆数组
+ * const arr = [1, 2, 3];
+ * const clonedArr = cloneDeep(arr);
+ * console.log(clonedArr); // [1, 2, 3]
+ *
+ * @example
+ * // 克隆嵌套对象
+ * const obj = { a: 1, b: { c: 1 } };
+ * const clonedObj = cloneDeep(obj);
+ * obj.b.c = 2;
+ * console.log(clonedObj.b.c); // 1
+ */
+declare function cloneDeep<T>(obj: T): T;
+//#endregion
+export { cloneDeep };

package/dist/clone/cloneDeep.js

@@ -0,0 +1,35 @@
+import { cloneDeepWithImpl } from "./cloneDeepWith.js";
+
+//#region src/clone/cloneDeep.ts
+/**
+* 深度克隆对象
+*
+* @template T - 对象类型
+* @param obj - 要克隆的对象
+* @returns 克隆后的对象
+*
+* @example
+* // 克隆原始值
+* const num = 29;
+* const clonedNum = cloneDeep(num);
+* console.log(clonedNum); // 29
+*
+* @example
+* // 克隆数组
+* const arr = [1, 2, 3];
+* const clonedArr = cloneDeep(arr);
+* console.log(clonedArr); // [1, 2, 3]
+*
+* @example
+* // 克隆嵌套对象
+* const obj = { a: 1, b: { c: 1 } };
+* const clonedObj = cloneDeep(obj);
+* obj.b.c = 2;
+* console.log(clonedObj.b.c); // 1
+*/
+function cloneDeep(obj) {
+	return cloneDeepWithImpl(obj, void 0, obj, /* @__PURE__ */ new Map(), void 0);
+}
+
+//#endregion
+export { cloneDeep };

package/dist/clone/cloneDeepWith.d.ts

@@ -0,0 +1,14 @@
+//#region src/clone/cloneDeepWith.d.ts
+/**
+ * 深度克隆对象（带自定义处理）
+ *
+ * @template T - 对象类型
+ * @param obj - 要克隆的对象
+ * @param cloneValue - 自定义克隆函数
+ * @returns 克隆后的对象
+ */
+declare function cloneDeepWith<T>(obj: T, cloneValue: (value: any, key: PropertyKey | undefined, obj: T, stack: Map<any, any>) => any): T;
+declare function cloneDeepWithImpl<T>(valueToClone: any, keyToClone: PropertyKey | undefined, objectToClone: T, stack?: Map<any, any>, cloneValue?: ((value: any, key: PropertyKey | undefined, obj: T, stack: Map<any, any>) => any) | undefined): T;
+declare function copyProperties<T>(target: any, source: any, objectToClone?: T, stack?: Map<any, any> | undefined, cloneValue?: ((value: any, key: PropertyKey | undefined, obj: T, stack: Map<any, any>) => any) | undefined): void;
+//#endregion
+export { cloneDeepWith, cloneDeepWithImpl, copyProperties };

package/dist/clone/cloneDeepWith.js

@@ -0,0 +1,150 @@
+import { isPrimitive } from "../is/primitive.js";
+import { isTypedArray } from "../is/typedArray.js";
+import "../is/index.js";
+import { getTag } from "./getTag.js";
+import { getSymbols } from "./symbols.js";
+import { argumentsTag, arrayBufferTag, arrayTag, booleanTag, dataViewTag, dateTag, float32ArrayTag, float64ArrayTag, int16ArrayTag, int32ArrayTag, int8ArrayTag, mapTag, numberTag, objectTag, regexpTag, setTag, stringTag, symbolTag, uint16ArrayTag, uint32ArrayTag, uint8ArrayTag, uint8ClampedArrayTag } from "./tags.js";
+
+//#region src/clone/cloneDeepWith.ts
+/**
+* 深度克隆对象（带自定义处理）
+*
+* @template T - 对象类型
+* @param obj - 要克隆的对象
+* @param cloneValue - 自定义克隆函数
+* @returns 克隆后的对象
+*/
+function cloneDeepWith(obj, cloneValue) {
+	return cloneDeepWithImpl(obj, void 0, obj, /* @__PURE__ */ new Map(), cloneValue);
+}
+function cloneDeepWithImpl(valueToClone, keyToClone, objectToClone, stack = /* @__PURE__ */ new Map(), cloneValue = void 0) {
+	const cloned = cloneValue?.(valueToClone, keyToClone, objectToClone, stack);
+	if (cloned !== void 0) return cloned;
+	if (isPrimitive(valueToClone)) return valueToClone;
+	if (stack.has(valueToClone)) return stack.get(valueToClone);
+	if (Array.isArray(valueToClone)) {
+		const result = Array.from({ length: valueToClone.length });
+		stack.set(valueToClone, result);
+		for (let i = 0; i < valueToClone.length; i++) result[i] = cloneDeepWithImpl(valueToClone[i], i, objectToClone, stack, cloneValue);
+		if (Object.prototype.hasOwnProperty.call(valueToClone, "index")) result.index = valueToClone.index;
+		if (Object.prototype.hasOwnProperty.call(valueToClone, "input")) result.input = valueToClone.input;
+		return result;
+	}
+	if (valueToClone instanceof Date) return new Date(valueToClone.getTime());
+	if (valueToClone instanceof RegExp) {
+		const result = new RegExp(valueToClone.source, valueToClone.flags);
+		result.lastIndex = valueToClone.lastIndex;
+		return result;
+	}
+	if (valueToClone instanceof Map) {
+		const result = /* @__PURE__ */ new Map();
+		stack.set(valueToClone, result);
+		for (const [key, value] of valueToClone) result.set(key, cloneDeepWithImpl(value, key, objectToClone, stack, cloneValue));
+		return result;
+	}
+	if (valueToClone instanceof Set) {
+		const result = /* @__PURE__ */ new Set();
+		stack.set(valueToClone, result);
+		for (const value of valueToClone) result.add(cloneDeepWithImpl(value, void 0, objectToClone, stack, cloneValue));
+		return result;
+	}
+	if (typeof Buffer !== "undefined" && Buffer.isBuffer(valueToClone)) return valueToClone.subarray();
+	if (isTypedArray(valueToClone)) {
+		const result = new (Object.getPrototypeOf(valueToClone)).constructor(valueToClone.length);
+		stack.set(valueToClone, result);
+		for (let i = 0; i < valueToClone.length; i++) result[i] = cloneDeepWithImpl(valueToClone[i], i, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (valueToClone instanceof ArrayBuffer || typeof SharedArrayBuffer !== "undefined" && valueToClone instanceof SharedArrayBuffer) return valueToClone.slice(0);
+	if (valueToClone instanceof DataView) {
+		const result = new DataView(valueToClone.buffer.slice(0), valueToClone.byteOffset, valueToClone.byteLength);
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof File !== "undefined" && valueToClone instanceof File) {
+		const result = new File([valueToClone], valueToClone.name, { type: valueToClone.type });
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof Blob !== "undefined" && valueToClone instanceof Blob) {
+		const result = new Blob([valueToClone], { type: valueToClone.type });
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (valueToClone instanceof Error) {
+		const result = new valueToClone.constructor();
+		stack.set(valueToClone, result);
+		result.message = valueToClone.message;
+		result.name = valueToClone.name;
+		result.stack = valueToClone.stack;
+		result.cause = valueToClone.cause;
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof valueToClone === "boolean") {
+		const result = Boolean(valueToClone.valueOf());
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof valueToClone === "number") {
+		const result = Number(valueToClone.valueOf());
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof valueToClone === "string") {
+		const result = String(valueToClone.valueOf());
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof valueToClone === "object" && isCloneableObject(valueToClone)) {
+		const result = Object.create(Object.getPrototypeOf(valueToClone));
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	return valueToClone;
+}
+function copyProperties(target, source, objectToClone = target, stack, cloneValue) {
+	const keys = [...Object.keys(source), ...getSymbols(source)];
+	for (let i = 0; i < keys.length; i++) {
+		const key = keys[i];
+		const descriptor = Object.getOwnPropertyDescriptor(target, key);
+		if (descriptor == null || descriptor.writable) target[key] = cloneDeepWithImpl(source[key], key, objectToClone, stack, cloneValue);
+	}
+}
+function isCloneableObject(object) {
+	switch (getTag(object)) {
+		case argumentsTag:
+		case arrayTag:
+		case arrayBufferTag:
+		case dataViewTag:
+		case booleanTag:
+		case dateTag:
+		case float32ArrayTag:
+		case float64ArrayTag:
+		case int8ArrayTag:
+		case int16ArrayTag:
+		case int32ArrayTag:
+		case mapTag:
+		case numberTag:
+		case objectTag:
+		case regexpTag:
+		case setTag:
+		case stringTag:
+		case symbolTag:
+		case uint8ArrayTag:
+		case uint8ClampedArrayTag:
+		case uint16ArrayTag:
+		case uint32ArrayTag: return true;
+		default: return false;
+	}
+}
+
+//#endregion
+export { cloneDeepWith, cloneDeepWithImpl, copyProperties };

package/dist/clone/getTag.d.ts

@@ -0,0 +1,10 @@
+//#region src/clone/getTag.d.ts
+/**
+ * 获取对象的类型标签
+ *
+ * @param value - 要检查的值
+ * @returns 类型标签
+ */
+declare function getTag(value: any): string;
+//#endregion
+export { getTag };

package/dist/clone/getTag.js

@@ -0,0 +1,13 @@
+//#region src/clone/getTag.ts
+/**
+* 获取对象的类型标签
+*
+* @param value - 要检查的值
+* @returns 类型标签
+*/
+function getTag(value) {
+	return Object.prototype.toString.call(value);
+}
+
+//#endregion
+export { getTag };

package/dist/clone/index.d.ts

@@ -0,0 +1,3 @@
+import { cloneDeep } from "./cloneDeep.js";
+import { cloneDeepWith, cloneDeepWithImpl, copyProperties } from "./cloneDeepWith.js";
+export { cloneDeep, cloneDeepWith, cloneDeepWithImpl, copyProperties };

package/dist/clone/index.js

@@ -0,0 +1,4 @@
+import { cloneDeepWith, cloneDeepWithImpl, copyProperties } from "./cloneDeepWith.js";
+import { cloneDeep } from "./cloneDeep.js";
+
+export { cloneDeep, cloneDeepWith, cloneDeepWithImpl, copyProperties };

package/dist/clone/symbols.d.ts

@@ -0,0 +1,10 @@
+//#region src/clone/symbols.d.ts
+/**
+ * 获取对象的 Symbol 属性
+ *
+ * @param object - 目标对象
+ * @returns Symbol 属性数组
+ */
+declare function getSymbols(object: any): symbol[];
+//#endregion
+export { getSymbols };

package/dist/clone/symbols.js

@@ -0,0 +1,13 @@
+//#region src/clone/symbols.ts
+/**
+* 获取对象的 Symbol 属性
+*
+* @param object - 目标对象
+* @returns Symbol 属性数组
+*/
+function getSymbols(object) {
+	return Object.getOwnPropertySymbols(object);
+}
+
+//#endregion
+export { getSymbols };

package/dist/clone/tags.d.ts

@@ -0,0 +1,47 @@
+//#region src/clone/tags.d.ts
+/** 参数标签 */
+declare const argumentsTag = "[object Arguments]";
+/** 数组标签 */
+declare const arrayTag = "[object Array]";
+/** 数组缓冲区标签 */
+declare const arrayBufferTag = "[object ArrayBuffer]";
+/** 布尔标签 */
+declare const booleanTag = "[object Boolean]";
+/** 数据视图标签 */
+declare const dataViewTag = "[object DataView]";
+/** 日期标签 */
+declare const dateTag = "[object Date]";
+/** Float32 数组标签 */
+declare const float32ArrayTag = "[object Float32Array]";
+/** Float64 数组标签 */
+declare const float64ArrayTag = "[object Float64Array]";
+/** Int8 数组标签 */
+declare const int8ArrayTag = "[object Int8Array]";
+/** Int16 数组标签 */
+declare const int16ArrayTag = "[object Int16Array]";
+/** Int32 数组标签 */
+declare const int32ArrayTag = "[object Int32Array]";
+/** Map 标签 */
+declare const mapTag = "[object Map]";
+/** 数字标签 */
+declare const numberTag = "[object Number]";
+/** 对象标签 */
+declare const objectTag = "[object Object]";
+/** 正则标签 */
+declare const regexpTag = "[object RegExp]";
+/** Set 标签 */
+declare const setTag = "[object Set]";
+/** 字符串标签 */
+declare const stringTag = "[object String]";
+/** Symbol 标签 */
+declare const symbolTag = "[object Symbol]";
+/** Uint8 数组标签 */
+declare const uint8ArrayTag = "[object Uint8Array]";
+/** Uint8Clamped 数组标签 */
+declare const uint8ClampedArrayTag = "[object Uint8ClampedArray]";
+/** Uint16 数组标签 */
+declare const uint16ArrayTag = "[object Uint16Array]";
+/** Uint32 数组标签 */
+declare const uint32ArrayTag = "[object Uint32Array]";
+//#endregion
+export { argumentsTag, arrayBufferTag, arrayTag, booleanTag, dataViewTag, dateTag, float32ArrayTag, float64ArrayTag, int16ArrayTag, int32ArrayTag, int8ArrayTag, mapTag, numberTag, objectTag, regexpTag, setTag, stringTag, symbolTag, uint16ArrayTag, uint32ArrayTag, uint8ArrayTag, uint8ClampedArrayTag };

package/dist/clone/tags.js

@@ -0,0 +1,48 @@
+//#region src/clone/tags.ts
+/** 参数标签 */
+const argumentsTag = "[object Arguments]";
+/** 数组标签 */
+const arrayTag = "[object Array]";
+/** 数组缓冲区标签 */
+const arrayBufferTag = "[object ArrayBuffer]";
+/** 布尔标签 */
+const booleanTag = "[object Boolean]";
+/** 数据视图标签 */
+const dataViewTag = "[object DataView]";
+/** 日期标签 */
+const dateTag = "[object Date]";
+/** Float32 数组标签 */
+const float32ArrayTag = "[object Float32Array]";
+/** Float64 数组标签 */
+const float64ArrayTag = "[object Float64Array]";
+/** Int8 数组标签 */
+const int8ArrayTag = "[object Int8Array]";
+/** Int16 数组标签 */
+const int16ArrayTag = "[object Int16Array]";
+/** Int32 数组标签 */
+const int32ArrayTag = "[object Int32Array]";
+/** Map 标签 */
+const mapTag = "[object Map]";
+/** 数字标签 */
+const numberTag = "[object Number]";
+/** 对象标签 */
+const objectTag = "[object Object]";
+/** 正则标签 */
+const regexpTag = "[object RegExp]";
+/** Set 标签 */
+const setTag = "[object Set]";
+/** 字符串标签 */
+const stringTag = "[object String]";
+/** Symbol 标签 */
+const symbolTag = "[object Symbol]";
+/** Uint8 数组标签 */
+const uint8ArrayTag = "[object Uint8Array]";
+/** Uint8Clamped 数组标签 */
+const uint8ClampedArrayTag = "[object Uint8ClampedArray]";
+/** Uint16 数组标签 */
+const uint16ArrayTag = "[object Uint16Array]";
+/** Uint32 数组标签 */
+const uint32ArrayTag = "[object Uint32Array]";
+
+//#endregion
+export { argumentsTag, arrayBufferTag, arrayTag, booleanTag, dataViewTag, dateTag, float32ArrayTag, float64ArrayTag, int16ArrayTag, int32ArrayTag, int8ArrayTag, mapTag, numberTag, objectTag, regexpTag, setTag, stringTag, symbolTag, uint16ArrayTag, uint32ArrayTag, uint8ArrayTag, uint8ClampedArrayTag };

package/dist/dom/event.d.ts

@@ -0,0 +1,21 @@
+//#region src/dom/event.d.ts
+/**
+ * 绑定事件
+ *
+ * @param element - DOM 元素
+ * @param event - 事件名
+ * @param handler - 事件处理函数
+ * @param useCapture - 是否捕获阶段
+ */
+declare function on(element: HTMLElement | Document | Window | null, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+/**
+ * 解绑事件
+ *
+ * @param element - DOM 元素
+ * @param event - 事件名
+ * @param handler - 事件处理函数
+ * @param useCapture - 是否捕获阶段
+ */
+declare function off(element: HTMLElement | Document | Window | null, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+//#endregion
+export { off, on };

package/dist/dom/event.js

@@ -0,0 +1,26 @@
+//#region src/dom/event.ts
+/**
+* 绑定事件
+*
+* @param element - DOM 元素
+* @param event - 事件名
+* @param handler - 事件处理函数
+* @param useCapture - 是否捕获阶段
+*/
+function on(element, event, handler, useCapture = false) {
+	if (element && event && handler) element.addEventListener(event, handler, useCapture);
+}
+/**
+* 解绑事件
+*
+* @param element - DOM 元素
+* @param event - 事件名
+* @param handler - 事件处理函数
+* @param useCapture - 是否捕获阶段
+*/
+function off(element, event, handler, useCapture = false) {
+	if (element && event && handler) element.removeEventListener(event, handler, useCapture);
+}
+
+//#endregion
+export { off, on };

package/dist/dom/index.d.ts

@@ -0,0 +1,5 @@
+import { off, on } from "./event.js";
+import { getTextWidth } from "./measure.js";
+import wrapperRaf from "./raf.js";
+import { ScrollToOptions, easeInOutCubic, getScroll, getScrollContainer, isInContainer, isScroll, isWindow, scrollTo } from "./scroll.js";
+export { ScrollToOptions, easeInOutCubic, getScroll, getScrollContainer, getTextWidth, isInContainer, isScroll, isWindow, off, on, wrapperRaf as raf, scrollTo };

package/dist/dom/index.js

@@ -0,0 +1,6 @@
+import { off, on } from "./event.js";
+import { getTextWidth } from "./measure.js";
+import wrapperRaf from "./raf.js";
+import { easeInOutCubic, getScroll, getScrollContainer, isInContainer, isScroll, isWindow, scrollTo } from "./scroll.js";
+
+export { easeInOutCubic, getScroll, getScrollContainer, getTextWidth, isInContainer, isScroll, isWindow, off, on, wrapperRaf as raf, scrollTo };

package/dist/dom/measure.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties } from "vue";
+
+//#region src/dom/measure.d.ts
+/**
+ * 获取文字宽度或高度
+ *
+ * @param str - 文字内容
+ * @param options - 配置选项
+ * @returns 宽度或高度
+ */
+declare function getTextWidth(str: string, options: {
+  id?: string;
+  type?: 'width' | 'height';
+  createName?: string;
+  removeAfter?: boolean;
+  cssObject?: CSSProperties;
+}): number;
+//#endregion
+export { getTextWidth };

package/dist/dom/measure.js

@@ -0,0 +1,42 @@
+import { isBoolean, isObject } from "../is/type.js";
+import "../is/index.js";
+
+//#region src/dom/measure.ts
+/**
+* 获取文字宽度或高度
+*
+* @param str - 文字内容
+* @param options - 配置选项
+* @returns 宽度或高度
+*/
+function getTextWidth(str, options) {
+	let number = 0;
+	const removeAfter = isBoolean(options.removeAfter) ? options.removeAfter : true;
+	const targetElId = options.id || "hiddenElement";
+	const targetElStyle = {
+		opacity: 0,
+		visibility: "hidden",
+		position: "fixed",
+		zIndex: -1,
+		top: 0,
+		left: 0
+	};
+	let targetEl = document.querySelector(`#${targetElId}`);
+	if (!targetEl) {
+		const el = document.createElement("div");
+		el.id = targetElId;
+		document.body.appendChild(el);
+		targetEl = document.querySelector(`#${targetElId}`);
+	}
+	Object.assign(targetEl.style, targetElStyle);
+	const sourceEl = document.createElement(options.createName || "span");
+	sourceEl.innerHTML = str;
+	if (options.cssObject || isObject(options.cssObject)) Object.assign(sourceEl.style, options.cssObject);
+	targetEl.append(sourceEl);
+	number = sourceEl.getBoundingClientRect()[options.type || "width"];
+	if (removeAfter) targetEl.removeChild(sourceEl);
+	return number;
+}
+
+//#endregion
+export { getTextWidth };

package/dist/dom/raf.d.ts

@@ -0,0 +1,14 @@
+//#region src/dom/raf.d.ts
+/**
+ * requestAnimationFrame 封装
+ *
+ * @param callback - 回调函数
+ * @param times - 执行次数
+ * @returns 任务 ID
+ */
+declare function wrapperRaf(callback: () => void, times?: number): number;
+declare namespace wrapperRaf {
+  var cancel: (id: number) => void;
+}
+//#endregion
+export { wrapperRaf as default };

package/dist/dom/raf.js

@@ -0,0 +1,44 @@
+//#region src/dom/raf.ts
+let raf = (callback) => setTimeout(callback, 16);
+let caf = (num) => clearTimeout(num);
+if (typeof window !== "undefined" && "requestAnimationFrame" in window) {
+	raf = (callback) => window.requestAnimationFrame(callback);
+	caf = (handle) => window.cancelAnimationFrame(handle);
+}
+let rafUUID = 0;
+const rafIds = /* @__PURE__ */ new Map();
+function cleanup(id) {
+	rafIds.delete(id);
+}
+/**
+* requestAnimationFrame 封装
+*
+* @param callback - 回调函数
+* @param times - 执行次数
+* @returns 任务 ID
+*/
+function wrapperRaf(callback, times = 1) {
+	rafUUID += 1;
+	const id = rafUUID;
+	function callRef(leftTimes) {
+		if (leftTimes === 0) {
+			cleanup(id);
+			callback();
+		} else {
+			const realId = raf(() => {
+				callRef(leftTimes - 1);
+			});
+			rafIds.set(id, realId);
+		}
+	}
+	callRef(times);
+	return id;
+}
+wrapperRaf.cancel = (id) => {
+	const realId = rafIds.get(id);
+	cleanup(realId);
+	return caf(realId);
+};
+
+//#endregion
+export { wrapperRaf as default };

package/dist/dom/scroll.d.ts

@@ -0,0 +1,20 @@
+import { Nullable } from "../typing.js";
+
+//#region src/dom/scroll.d.ts
+interface ScrollToOptions {
+  /** Scroll container, default as window */
+  getContainer?: () => HTMLElement | Window | Document;
+  /** Scroll end callback */
+  callback?: () => any;
+  /** Animation duration, default as 450 */
+  duration?: number;
+}
+declare function easeInOutCubic(t: number, b: number, c: number, d: number): number;
+declare function isScroll(el: HTMLElement, isVertical?: Nullable<boolean>): RegExpMatchArray;
+declare function getScrollContainer(el: HTMLElement, isVertical?: Nullable<boolean>): (Window & typeof globalThis) | HTMLElement;
+declare function isInContainer(el: HTMLElement, container: HTMLElement): boolean;
+declare function isWindow(obj: any): boolean;
+declare function getScroll(target: HTMLElement | Window | Document | null, top: boolean): number;
+declare function scrollTo(y: number, options?: ScrollToOptions): void;
+//#endregion
+export { ScrollToOptions, easeInOutCubic, getScroll, getScrollContainer, isInContainer, isScroll, isWindow, scrollTo };