@reactuses/core 4.0.13 → 5.0.1

package/dist/index.d.ts

@@ -1,886 +1,2902 @@
 import * as react from 'react';
-import react__default, { MutableRefObject, useEffect, useLayoutEffect, Dispatch, SetStateAction, DependencyList, EffectCallback, RefObject, CSSProperties } from 'react';
-import * as lodash from 'lodash';
+import react__default, { DependencyList, RefObject, MutableRefObject, EffectCallback, useEffect, Dispatch, SetStateAction, useLayoutEffect } from 'react';
 import Cookies from 'js-cookie';
+import { DebounceSettings, ThrottleSettings, DebouncedFunc as DebouncedFunc$1 } from 'lodash-es';
+import * as lodash from 'lodash';
+import { DebounceSettings as DebounceSettings$1, DebouncedFunc, ThrottleSettings as ThrottleSettings$1 } from 'lodash';
 
-declare function usePrevious<T>(state: T): T | undefined;
+/**
+ * @title useActiveElement
+ * @returns_en Returns an instance of the type parameter `T` or `null`.
+ * @returns 返回类型参数 `T` 或 `null` 的实例
+ */
+type UseActiveElement = <T extends Element>() => T | null;
 
-declare function useLatest<T>(value: T): MutableRefObject<T>;
+declare const useActiveElement: UseActiveElement;
 
-declare function useFirstMountState(): boolean;
+/**
+ *
+ * @title useAsyncEffect
+ */
+type UseAsyncEffect = <T>(
+/**
+* @zh 支持promise的副作用函数
+* @en effect that support promise
+*/
+effect: () => Promise<T> | T, 
+/**
+* @zh 清理函数
+* @en cleanup function
+* @defaultValue () => {}
+*/
+cleanup?: typeof effect, 
+/**
+* @zh 依赖列表
+* @en dependency list
+*/
+deps?: DependencyList) => void;
 
-declare const _default$4: typeof useEffect | typeof react.useLayoutEffect;
+declare const useAsyncEffect: UseAsyncEffect;
 
-declare const _default$3: typeof react.useEffect | typeof useLayoutEffect;
+/**
+ * @title useClickOutside
+ */
+type UseClickOutside = (
+/**
+ * @zh dom对象
+ * @en dom element
+ */
+target: RefObject<Element>, 
+/**
+ * @zh 监听函数
+ * @en listener fucntion
+ */
+handler: (evt: EventType) => void) => void;
+type EventType = MouseEvent | TouchEvent;
 
-interface Serializer<T> {
-    read(raw: string): T;
-    write(value: T): string;
-}
-interface UseStorageOptions<T> {
-    /**
-     * Custom data serialization
-     */
-    serializer?: Serializer<T>;
-    /**
-     * On error callback
-     *
-     * Default log error to `console.error`
-     */
-    onError?: (error: unknown) => void;
+declare const useClickOutside: UseClickOutside;
+
+/**
+ * @title useCookie
+ * @returns 包含以下元素的元组：
+ * - cookie 的当前值。
+ * - 更新 cookie 值的函数。
+ * - 刷新 cookie 值的函数，以防其他事件更改它。
+ * @returns_en A tuple with the following elements:
+ * - The current value of the cookie.
+ * - A function to update the value of the cookie.
+ * - A function to refresh the value of the cookie, incase other events change it.
+ */
+type UseCookie = (
+/**
+ * @zh 键值
+ * @en key
+ */
+key: string, 
+/**
+ * @zh 透传给 `js-cookie` 的参数
+ * @en option pass to `js-cookie`
+ */
+options?: Cookies.CookieAttributes, 
+/**
+ * @zh 默认值，ssr必须传递
+ * @en defaultValue, must be required in ssr
+ */
+defaultValue?: string) => readonly [
+    UseCookieState,
+    (newValue: UseCookieState | ((prevState: UseCookieState) => UseCookieState)) => void,
+    () => void
+];
+/**
+ * @title useCookieState
+ */
+type UseCookieState = string | undefined;
+
+declare const useCookie: UseCookie;
+
+/**
+ * @title useCountdown
+ * @returns_en A tuple with the following elements:
+ * - hour
+ * - minute.
+ * - second.
+ * @returns 包含以下元素的元组：
+  * - 小时。
+  * - 分钟。
+  * - 秒数。
+ */
+type UseCountDown = (
+/**
+ * @zh 时间差
+ * @en time differ
+ */
+time: number, 
+/**
+ * @zh 时间格式化函数
+ * @en time format function
+ * @defaultValue HH MM SS
+ */
+format?: (num: number) => [string, string, string], 
+/**
+ * @zh 倒计时结束的回调函数
+ * @en callback function for end of countdown
+ */
+callback?: () => void) => readonly [string, string, string];
+
+declare const useCountDown: UseCountDown;
+
+/**
+ * @title useCounter
+ * @returns_en A tuple with the following elements:
+ * - The current value of the counter.
+ * - A function to set the state of the counter. It can accept a number or a function that returns a number.
+ * - A function to increment the counter. It optionally accepts a number to increment the counter by, defaulting to 1.
+ * - A function to decrement the counter. It optionally accepts a number to decrement the counter by, defaulting to 1.
+ * - A function to reset the counter to its initial value.
+ *  @returns 包含以下元素的元组：
+ * - 计数器的当前值。
+ * - 设置计数器状态的函数。 它可以接受数字或返回数字的函数。
+ * - 递增计数器的函数。 它可以选择接受一个数字来增加计数器，默认为 1。
+ * - 递减计数器的函数。 它可以选择接受一个数字来减少计数器，默认为 1。
+ * - 将计数器重置为其初始值的函数。
+ */
+type UseCounter = (
+/**
+ * @zh 初始值，可以为数字或者一个初始化的函数
+ * @en The initial value of the counter. It can be a number or a function that returns a number. If not provided, the counter will start from 0.
+ * @defaultValue 0
+ */
+initialValue?: number | (() => number), 
+/**
+ * @zh 最大值。不提供则无上限
+ * @en The maximum value that the counter can reach. If not provided or null, there is no upper limit.
+ */
+max?: number | null, 
+/**
+ * @zh 最小值。不提供则无下限
+ * @en The minimum value that the counter can reach. If not provided or null, there is no lower limit.
+ */
+min?: number | null) => readonly [
+    number,
+    (newState: number | ((prev: number) => number) | (() => number)) => void,
+    (delta?: number) => void,
+    (delta?: number) => void,
+    () => void
+];
+
+declare const useCounter: UseCounter;
+
+type TargetValue<T> = T | undefined | null;
+type TargetType = HTMLElement | Element | Window | Document | EventTarget;
+type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+
+declare const defaultOptions: UseCssVarOptions;
+/**
+ * @title useCssVar
+ * @returns_en A tuple with the following elements:
+ * - The current value of the css var.
+ * - A function to update the value of the css var.
+ *  @returns 包含以下元素的元组：
+ * - css 变量值
+ * - 更新 css 变量值的函数
+ */
+type UseCssVar = <T extends HTMLElement = HTMLElement>(
+/**
+ * @zh 属性值，比如 --color
+ * @en prop, eg: --color
+ */
+prop: string, 
+/**
+ * @zh dom元素
+ * @en dom element
+ */
+target: BasicTarget<T>, 
+/**
+ * @zh 默认值
+ * @en default value
+ */
+defaultValue?: string, 
+/**
+ * @zh 可选项
+ * @en options
+ */
+options?: UseCssVarOptions) => readonly [string, (v: string) => void];
+/**
+ * @title UseCssVarOptions
+ */
+interface UseCssVarOptions {
     /**
-     * set to storage when nodata in effect, fallback to defaults
+     * @en Use MutationObserver to monitor variable changes
+     * @zh 使用 MutationObserver 来监听变量变更
+     * @defaultValue false
      */
-    csrData?: T | (() => T);
+    observe?: boolean;
 }
 
-declare function useLocalStorage(key: string, defaults: string, options?: UseStorageOptions<string>): readonly [string | null, Dispatch<SetStateAction<string | null>>];
-declare function useLocalStorage(key: string, defaults: number, options?: UseStorageOptions<number>): readonly [number | null, Dispatch<SetStateAction<number | null>>];
-declare function useLocalStorage(key: string, defaults: boolean, options?: UseStorageOptions<boolean>): readonly [boolean | null, Dispatch<SetStateAction<boolean | null>>];
-declare function useLocalStorage<T>(key: string, defaults: T, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
-declare function useLocalStorage<T = unknown>(key: string, defaults: null, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
+declare const useCssVar: UseCssVar;
 
-declare function useSessionStorage(key: string, defaults: string, options?: UseStorageOptions<string>): readonly [string | null, Dispatch<SetStateAction<string | null>>];
-declare function useSessionStorage(key: string, defaults: number, options?: UseStorageOptions<number>): readonly [number | null, Dispatch<SetStateAction<number | null>>];
-declare function useSessionStorage(key: string, defaults: boolean, options?: UseStorageOptions<boolean>): readonly [boolean | null, Dispatch<SetStateAction<boolean | null>>];
-declare function useSessionStorage<T>(key: string, defaults: T, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
-declare function useSessionStorage<T = unknown>(key: string, defaults: null, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
+type DepsEqualFnType<TDeps extends DependencyList> = (prevDeps: TDeps, nextDeps: TDeps) => boolean;
+/**
+ * @title useCustomCompareEffect
+ */
+type UseCustomCompareEffect = <TDeps extends DependencyList>(
+/**
+ * @zh 副作用函数
+ * @en effect callback
+ */
+effect: EffectCallback, 
+/**
+ * @zh 依赖列表
+ * @en deps
+ */
+deps: TDeps, 
+/**
+ * @zh 依赖比较函数
+ * @en deps compare function
+ */
+depsEqual: DepsEqualFnType<TDeps>) => void;
 
-type Fn = (this: any, ...args: any[]) => any;
-type Stoppable = [boolean, Fn, Fn];
-type PointerType = "mouse" | "touch" | "pen";
-interface Position {
-    x: number;
-    y: number;
-}
+declare const useCustomCompareEffect: UseCustomCompareEffect;
 
 /**
- * keep function reference immutable
+ * @title useCycleList
+ * @returns_en A tuple with the following elements:
+ * - The current index value of the list.
+ * - A function to set index to prev.
+ * - A function to set index to next.
+ *  @returns 包含以下元素的元组：
+ * - 数组中当前的索引对象值
+ * - 设置索引为前一个的函数
+ * - 设置索引为后一个的函数
  */
-declare function useEvent<T extends Fn>(fn: T): T;
-
-declare function useToggle(initialValue: boolean): [boolean, (nextValue?: any) => void];
+type UseCycleList = <T>(
+/**
+ * @zh 循环数组
+ * @en cycle array
+ */
+list: T[], 
+/**
+ * @zh 数组索引
+ * @en array index
+ */
+i?: number) => readonly [T, (i?: number) => void, (i?: number) => void];
 
-declare function useInterval(callback: () => void, delay?: number | null, options?: {
-    immediate?: boolean;
-}): void;
+declare const useCycleList: UseCycleList;
 
+/**
+ * @title UseDarkOptions
+ */
 interface UseDarkOptions {
     /**
-     * CSS Selector for the target element applying to
-     *
-     * @default 'html'
+     * @en CSS Selector for the target element applying to
+     * @zh 适用于目标元素的 CSS 选择器
+     * @defaultValue 'html'
      */
     selector?: string;
     /**
-     * HTML attribute applying the target element
-     *
-     * @default 'class'
+     * @en HTML attribute applying the target element
+     * @zh 应用到目标元素的 html 属性
+     * @defaultValue 'class'
      */
     attribute?: string;
     /**
-     * isomorphic default value
-     * @default false
+     * @en default value
+     * @zh 默认值
+     * @defaultValue false
      */
     defaultValue?: boolean;
     /**
-     * Key to persist the data into localStorage/sessionStorage.
-     *
-     * @default 'reactuses-color-scheme'
+     * @en Key to persist the data into localStorage/sessionStorage.
+     * @zh 将数据持久保存到 localStorage/sessionStorage 的键值
+     * @defaultValue 'reactuses-color-scheme'
      */
     storageKey?: string;
     /**
-     * Storage object, can be localStorage or sessionStorage
-     *
-     * @default localStorage
+     * @en Storage object, can be localStorage or sessionStorage
+     * @zh 存储对象，可以是localStorage或sessionStorage
+     * @defaultValue `localStorage`
      */
     storage?: () => Storage;
     /**
-     * name dark  apply to element
+     * @en name dark apply to element
+     * @zh  应用到目标元素上黑色类名称
      */
     classNameDark: string;
     /**
-     * name light  apply to element
+     * @en name light apply to element
+     * @zh 应用到目标元素上的亮色类名称
      */
     classNameLight: string;
 }
-declare function useDarkMode(options: UseDarkOptions): readonly [boolean | null, () => void, react.Dispatch<react.SetStateAction<boolean | null>>];
-
-declare function useMediaQuery(query: string, defaultState?: boolean): boolean;
-
-declare function usePreferredDark(defaultState?: boolean): boolean;
-
-declare const useIsomorphicLayoutEffect: typeof useEffect;
-
-declare function useMount(fn: () => void): void;
-
-declare function useUnmount(fn: () => void): void;
-
-interface ThrottleSettings {
-    leading?: boolean | undefined;
-    trailing?: boolean | undefined;
-}
-interface DebounceSettings {
-    leading?: boolean;
-    trailing?: boolean;
-    maxWait?: number;
-}
+/**
+ * @title useDarkMode
+ * @returns_en A tuple with the following elements:
+ * - The current value of the dark state.
+ * - A function to toggle the dark state.
+ * -  A function to update the dark state.
+ * @returns 包含以下元素的元组：
+ * - 黑暗状态的当前值。
+ * - 切换黑暗状态的功能。
+ * - 更新黑暗状态的功能。
+ */
+type UseDarkMode = (options: UseDarkOptions) => readonly [
+    boolean | null,
+    () => void,
+    React.Dispatch<React.SetStateAction<boolean | null>>
+];
 
-declare function useThrottle<T>(value: T, wait?: number, options?: ThrottleSettings): T;
+declare const useDarkMode: UseDarkMode;
 
-declare function useThrottleFn<T extends (...args: any) => any>(fn: T, wait?: number, options?: ThrottleSettings): {
-    run: lodash.DebouncedFunc<(...args_0: Parameters<T>) => ReturnType<T>>;
-    cancel: () => void;
-    flush: () => ReturnType<T> | undefined;
-};
+/**
+ * @title useDebounce
+ */
+type UseDebounce = <T>(
+/**
+ * @zh 要防抖的值
+ * @en the value need to debounce
+ */
+value: T, 
+/**
+ * @zh 间隔时间
+ * @en wait time
+ */
+wait?: number, 
+/**
+ * @zh 传递给 `lodash.debounce` 的选项
+ * @en options passed to `lodash.debounce`
+ */
+options?: DebounceSettings) => T;
 
-declare function useDebounce<T>(value: T, wait?: number, options?: DebounceSettings): T;
+declare const useDebounce: UseDebounce;
 
-declare function useDebounceFn<T extends (...args: any) => any>(fn: T, wait?: number, options?: DebounceSettings): {
-    run: lodash.DebouncedFunc<(...args_0: Parameters<T>) => ReturnType<T>>;
+/**
+ * @title useDebounceFn
+ * @returns_en A object with the following elements:
+ * - run: exec function.
+ * - cancel: cancel exec function.
+ * - flush:  immediately exec function
+ * @returns 具有以下元素的对象:
+ * - run：执行函数。
+ * - cancel：取消执行函数。
+ * - flush: 立即执行函数
+ */
+type UseDebounceFn = <T extends (...args: any) => any>(
+/**
+ * @zh 要防抖的函数
+ * @en debounce function
+ */
+fn: T, 
+/**
+ * @zh 间隔时间
+ * @en wait time
+ */
+wait?: number, 
+/**
+ * @zh 传递给 `lodash.debounce` 的属性
+ * @en options passed to `lodash.debounce`
+ */
+options?: DebounceSettings$1) => {
+    run: DebouncedFunc<(...args_0: Parameters<T>) => ReturnType<T>>;
     cancel: () => void;
-    flush: () => ReturnType<T> | undefined;
+    flush: any;
 };
 
-declare function useRafState<S>(initialState: S | (() => S)): readonly [S, Dispatch<SetStateAction<S>>];
-
-declare function useUpdate(): () => void;
+declare const useDebounceFn: UseDebounceFn;
 
-interface UseTimeoutFnOptions {
-    /**
-     * Start the timer immediate after calling this function
-     *
-     * @default false
-     */
-    immediate?: boolean;
-}
 /**
- * Wrapper for `setTimeout` with controls.
- *
- * @param cb
- * @param interval
- * @param options
+ * @title useDeepCompareEffect
  */
-declare function useTimeoutFn(cb: (...args: unknown[]) => any, interval: number, options?: UseTimeoutFnOptions): Stoppable;
-
-declare function useTimeout(ms?: number, options?: UseTimeoutFnOptions): Stoppable;
-
-declare function useMountedState(): () => boolean;
-
-type TargetValue<T> = T | undefined | null;
-type TargetType = HTMLElement | Element | Window | Document | EventTarget;
-type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
-
-type Target = BasicTarget<HTMLElement | Element | Window | Document | EventTarget>;
-declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: Window, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: Document, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: T, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K extends keyof ElementEventMap>(eventName: K, handler: (event: ElementEventMap[K]) => void, element: Element, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener<K = Event>(eventName: string, handler: (event: K) => void, element: EventTarget | null | undefined, options?: boolean | AddEventListenerOptions): void;
-declare function useEventListener(eventName: string, handler: (...p: any) => void, element?: Target, options?: boolean | AddEventListenerOptions): void;
+type UseDeepCompareEffect = (
+/**
+ * @zh 副作用函数
+ * @en effect function
+ */
+effect: EffectCallback, 
+/**
+ * @zh 依赖列表
+ * @en dep list
+ */
+deps: DependencyList) => void;
 
-declare function useCounter(initialValue?: number | (() => number), max?: number | null, min?: number | null): readonly [number, (newState: number | ((prev: number) => number) | (() => number)) => void, (delta?: number) => void, (delta?: number) => void, () => void];
+declare const useDeepCompareEffect: UseDeepCompareEffect;
 
-type RafLoopReturns = readonly [() => void, () => void, () => boolean];
-declare function useRafFn(callback: FrameRequestCallback, initiallyActive?: boolean): RafLoopReturns;
+declare const useDocumentVisibility: (defaultValue?: DocumentVisibilityState) => DocumentVisibilityState;
 
-interface IListener<T, U = void> {
-    (arg1: T, arg2: U): void;
-}
-interface IDisposable {
-    dispose(): void;
-}
-interface IEvent<T, U = void> {
-    (listener: (arg1: T, arg2: U) => any): IDisposable;
-}
-interface IEventOnce<T, U = void> {
-    (listener: (arg1: T, arg2: U) => any): void;
-}
-interface UseEventEmitterReturn<T, U = void> {
+/**
+ * @title useDoubleClick
+ */
+type UseDoubleClick = (props: UseDoubleClickProps) => void;
+/**
+ * @title UseDoubleClickProps
+ */
+interface UseDoubleClickProps {
     /**
-     * Subscribe to an event. When calling emit, the listeners will execute.
-     * @param listener watch listener.
-     * @returns a stop function to remove the current callback.
+     * @zh dom对象
+     * @en dom element
      */
-    event: IEvent<T, U>;
+    target: RefObject<Element>;
     /**
-     * fire an event, the corresponding event listeners will execute.
-     * @param event data sent.
+     * @zh 延迟时间（毫秒）
+     * @en latency time (milliseconds)
      */
-    fire: (arg1: T, arg2: U) => void;
+    latency?: number | undefined;
     /**
-     * Remove all corresponding listener.
+     * @zh 单击事件处理函数
+     * @en single click event handler
      */
-    dispose: () => void;
+    onSingleClick?: ((e?: MouseEvent | TouchEvent) => void) | undefined;
+    /**
+     * @zh 双击事件处理函数
+     * @en double click event handler
+     */
+    onDoubleClick?: ((e?: MouseEvent | TouchEvent) => void) | undefined;
 }
-declare function useEventEmitter<T, U = void>(): readonly [IEvent<T, U>, (arg1: T, arg2: U) => void, () => void];
-
-declare function useFavicon(href: string, baseUrl?: string, rel?: string): void;
 
-declare function useMutationObserver(callback: MutationCallback, target: BasicTarget, options?: MutationObserverInit): () => void;
+declare const useDoubleClick: UseDoubleClick;
 
-type DepsEqualFnType<TDeps extends DependencyList> = (prevDeps: TDeps, nextDeps: TDeps) => boolean;
-declare function useCustomCompareEffect<TDeps extends DependencyList>(effect: EffectCallback, deps: TDeps, depsEqual: DepsEqualFnType<TDeps>): void;
-
-declare function useDeepCompareEffect(effect: EffectCallback, deps: DependencyList): void;
-
-declare function useTitle(title: string): void;
+type Fn = (this: any, ...args: any[]) => any;
+type Stoppable = [boolean, Fn, Fn];
+type PointerType = "mouse" | "touch" | "pen";
+interface Position {
+    x: number;
+    y: number;
+}
 
-interface UseScriptTagOptions {
+/**
+ * @title useDraggable
+ * @returns 包含以下元素的元组：
+ * - x
+ * - y
+ * - 元素是否在拖动中
+ * @returns_en A tuple with the following elements:
+ * - x
+ * - y
+ * - Whether the element is being dragged
+ */
+type UseDraggable = (
+/**
+ * @zh dom对象
+ * @en dom element
+ */
+target: RefObject<HTMLElement | SVGElement>, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseDraggableOptions) => readonly [number, number, boolean];
+/**
+ * @title  UseDraggableOptions
+ */
+interface UseDraggableOptions {
     /**
-     * Load the script immediately
-     *
-     * @default true
+     * @en Only start the dragging when click on the element directly
+     * @zh 仅当直接单击元素时才开始拖动
+     * @defaultValue false
      */
-    immediate?: boolean;
+    exact?: boolean;
     /**
-     * Add `async` attribute to the script tag
-     *
-     * @default true
+     * @en Prevent events defaults
+     * @zh 阻止默认事件
+     * @defaultValue false
      */
-    async?: boolean;
+    preventDefault?: boolean;
     /**
-     * Script type
-     *
-     * @default 'text/javascript'
+     * @en Prevent events propagation
+     * @zh 阻止事件冒泡
+     * @defaultValue false
      */
-    type?: string;
+    stopPropagation?: boolean;
     /**
-     * Manual controls the timing of loading and unloading
-     *
-     * @default false
+     * @en Element to attach `pointermove` and `pointerup` events to.
+     * @zh 将“pointermove”和“pointerup”事件附加到的dom元素
+     * @defaultValue window
      */
-    manual?: boolean;
-    crossOrigin?: "anonymous" | "use-credentials";
-    referrerPolicy?: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
-    noModule?: boolean;
-    defer?: boolean;
+    draggingElement?: RefObject<HTMLElement | SVGElement | Window | Document>;
     /**
-     * Add custom attribute to the script tag
-     *
+     * @en Handle that triggers the drag event
+     * @zh 触发拖动事件的dom元素
+     * @defaultValue target
      */
-    attrs?: Record<string, string>;
-}
-type Status = "idle" | "loading" | "ready" | "error";
-declare function useScriptTag(src: string, onLoaded?: (el: HTMLScriptElement) => void, options?: UseScriptTagOptions): readonly [HTMLScriptElement | null, Status, (waitForScriptLoad?: boolean) => Promise<HTMLScriptElement | boolean>, () => void];
-
-type IState = PermissionState | "";
-type DescriptorNamePolyfill = "accelerometer" | "accessibility-events" | "ambient-light-sensor" | "background-sync" | "camera" | "clipboard-read" | "clipboard-write" | "gyroscope" | "magnetometer" | "microphone" | "notifications" | "payment-handler" | "persistent-storage" | "push" | "speaker";
-type GeneralPermissionDescriptor = PermissionDescriptor | {
-    name: DescriptorNamePolyfill;
-};
-declare function usePermission(permissionDesc: GeneralPermissionDescriptor | GeneralPermissionDescriptor["name"]): IState;
-
-interface UseLongPressOptions {
-    isPreventDefault?: boolean;
-    delay?: number;
-}
-declare function useLongPress(callback: (e: TouchEvent | MouseEvent) => void, { isPreventDefault, delay }?: UseLongPressOptions): {
-    readonly onMouseDown: (e: any) => void;
-    readonly onTouchStart: (e: any) => void;
-    readonly onMouseUp: () => void;
-    readonly onMouseLeave: () => void;
-    readonly onTouchEnd: () => void;
-};
-
-declare function useObjectUrl(object: Blob | MediaSource | undefined): string | undefined;
-
-declare function useIdle(ms?: number, initialState?: boolean, events?: (keyof WindowEventMap)[]): boolean;
-
-interface UseMediaDeviceOptions {
+    handle?: RefObject<HTMLElement | SVGElement>;
     /**
-     * Request for permissions immediately if it's not granted,
-     * otherwise label and deviceIds could be empty
-     *
-     * @default false
+     * @en Pointer types that listen to.
+     * @zh 监听的事件类型
+     * @defaultValue ['mouse', 'touch', 'pen']
      */
-    requestPermissions?: boolean;
+    pointerTypes?: PointerType[];
     /**
-     * Request for types of media permissions
-     *
-     * @default { audio: true, video: true }
+     * @en Initial position of the element.
+     * @zh 初始的元素位置
+     * @defaultValue { x: 0, y: 0 }
      */
-    constraints?: MediaStreamConstraints;
-}
-declare function useMediaDevices(options?: UseMediaDeviceOptions): readonly [{
-    devices: {
-        deviceId: string;
-        groupId: string;
-        kind: MediaDeviceKind;
-        label: string;
-    }[];
-}, () => Promise<boolean>];
-
-type UseTextDirectionValue = "ltr" | "rtl" | "auto";
-interface UseTextDirectionOptions {
+    initialValue?: Position;
     /**
-     * CSS Selector for the target element applying to
-     *
-     * @default 'html'
+     * @en Callback when the dragging starts. Return `false` to prevent dragging.
+     * @zh 拖动开始时的回调。 返回“false”以防止拖动
      */
-    selector?: string;
+    onStart?: (position: Position, event: PointerEvent) => void | false;
     /**
-     * Initial value
-     *
-     * @default 'ltr'
+     * @en Callback during dragging.
+     * @zh 拖动时候的回调
      */
-    initialValue?: UseTextDirectionValue;
-}
-declare function useTextDirection(options?: UseTextDirectionOptions): readonly [UseTextDirectionValue, (value: UseTextDirectionValue) => void];
-
-interface CursorState {
-    screenX: number;
-    screenY: number;
-    clientX: number;
-    clientY: number;
-    pageX: number;
-    pageY: number;
-    elementX: number;
-    elementY: number;
-    elementH: number;
-    elementW: number;
-    elementPosX: number;
-    elementPosY: number;
-}
-declare function useMouse(target?: BasicTarget): CursorState;
-
-interface UseFpsOptions {
+    onMove?: (position: Position, event: PointerEvent) => void;
     /**
-     * Calculate the FPS on every x frames.
-     * @default 10
+     * @en Callback when dragging end.
+     * @zh 拖动结束的回调
      */
-    every?: number;
+    onEnd?: (position: Position, event: PointerEvent) => void;
 }
-declare const _default$2: (options?: UseFpsOptions | undefined) => number;
 
-declare function useGeolocation(options?: Partial<PositionOptions>): {
-    readonly coordinates: GeolocationCoordinates;
-    readonly locatedAt: number | null;
-    readonly error: GeolocationPositionError | null;
-};
+declare const useDraggable: UseDraggable;
 
-interface UseFullScreenOptions {
-    onExit?: () => void;
-    onEnter?: () => void;
-}
-declare function useFullscreen(target: BasicTarget, options?: UseFullScreenOptions): readonly [boolean, {
-    readonly enterFullscreen: () => void;
-    readonly exitFullscreen: () => void;
-    readonly toggleFullscreen: () => void;
-    readonly isEnabled: boolean;
-}];
+/**
+ * @title useDropZone
+ * @returns 文件是否在区域上
+ * @returns_en Whether the file is on the zone
+ */
+type UseDropZone = (
+/**
+ * @zh 目标元素
+ * @en target element
+ */
+target: RefObject<EventTarget>, 
+/**
+   * @zh 拖拽释放时候的回调
+   * @en drop callback
+   */
+onDrop?: ((files: File[] | null) => void) | undefined) => boolean;
 
-interface INetworkInformation extends EventTarget {
-    readonly downlink: number;
-    readonly downlinkMax: number;
-    readonly effectiveType: "slow-2g" | "2g" | "3g" | "4g";
-    readonly rtt: number;
-    readonly saveData: boolean;
-    readonly type: "bluetooth" | "cellular" | "ethernet" | "none" | "wifi" | "wimax" | "other" | "unknown";
-    onChange: (event: Event) => void;
+declare const useDropZone: UseDropZone;
+
+/**
+ * @title useElementBounding
+ */
+type UseElementBounding = (
+/**
+ * @zh 目标元素
+ * @en target element
+ */
+target: RefObject<Element>, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseElementBoundingOptions) => UseElementBoundingReturn;
+/**
+ * @title UseElementBoundingOptions
+ */
+interface UseElementBoundingOptions {
+    /**
+     * @en Reset values to 0 on component unmounted
+     * @zh 将数值重置为0
+     * @defaultValue true
+     */
+    reset?: boolean;
+    /**
+     * @en Listen to window resize event
+     * @zh 是否监听 resize 事件
+     * @defaultValue true
+     */
+    windowResize?: boolean;
+    /**
+     * @en Listen to window scroll event
+     * @zh 是否监听 scroll 事件
+     * @defaultValue true
+     */
+    windowScroll?: boolean;
+    /**
+     * @en Immediately call update on component mounted
+     * @zh 立即更新
+     * @default true
+     */
+    immediate?: boolean;
 }
-interface IUseNetworkState {
+/**
+ * @title UseElementBoundingReturn
+ */
+interface UseElementBoundingReturn {
     /**
-     * @desc Whether browser connected to the network or not.
+     * @en Height of the element
+     * @zh 元素的高度
      */
-    online: boolean | undefined;
+    readonly height: number;
     /**
-     * @desc Previous value of `online` property. Helps to identify if browser
-     * just connected or lost connection.
+     * @en Bottom position of the element
+     * @zh 元素的底部位置
      */
-    previous: boolean | undefined;
+    readonly bottom: number;
     /**
-     * @desc The {Date} object pointing to the moment when state change occurred.
+     * @en Left position of the element
+     * @zh 元素的左侧位置
      */
-    since: Date | undefined;
+    readonly left: number;
     /**
-     * @desc Effective bandwidth estimate in megabits per second, rounded to the
-     * nearest multiple of 25 kilobits per seconds.
+     * @en Right position of the element
+     * @zh 元素的右侧位置
      */
-    downlink: INetworkInformation["downlink"] | undefined;
+    readonly right: number;
     /**
-     * @desc Maximum downlink speed, in megabits per second (Mbps), for the
-     * underlying connection technology
+     * @en Top position of the element
+     * @zh 元素的顶部位置
      */
-    downlinkMax: INetworkInformation["downlinkMax"] | undefined;
+    readonly top: number;
     /**
-     * @desc Effective type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
-     * This value is determined using a combination of recently observed round-trip time
-     * and downlink values.
+     * @en Width of the element
+     * @zh 元素的宽度
      */
-    effectiveType: INetworkInformation["effectiveType"] | undefined;
+    readonly width: number;
     /**
-     * @desc Estimated effective round-trip time of the current connection, rounded
-     * to the nearest multiple of 25 milliseconds
+     * @en X position of the element
+     * @zh 元素的 X 位置
      */
-    rtt: INetworkInformation["rtt"] | undefined;
+    readonly x: number;
     /**
-     * @desc {true} if the user has set a reduced data usage option on the user agent.
+     * @en Y position of the element
+     * @zh 元素的 Y 位置
      */
-    saveData: INetworkInformation["saveData"] | undefined;
+    readonly y: number;
     /**
-     * @desc The type of connection a device is using to communicate with the network.
-     * It will be one of the following values:
-     *  - bluetooth
-     *  - cellular
-     *  - ethernet
-     *  - none
-     *  - wifi
-     *  - wimax
-     *  - other
-     *  - unknown
+     * @en Manual update
+     * @zh 手动更新
      */
-    type: INetworkInformation["type"] | undefined;
+    readonly update: () => void;
 }
-declare function useNetwork(): IUseNetworkState;
 
-declare function useOnline(): boolean | undefined;
+declare const useElementBounding: UseElementBounding;
 
-interface OrientationState {
-    angle: number;
-    type: string;
-}
-declare function useOrientation(initialState?: OrientationState): readonly [OrientationState, (type: OrientationLockType) => Promise<void> | undefined, () => void];
+/**
+ * @title useElementSize
+ * @returns_en A tuple with the following elements:
+ * - width
+ * - height
+ * @returns 包含以下元素的元组：
+ * - 元素宽度。
+ * - 元素高度。
+ */
+type UseElementSize = (
+/**
+ * @zh dom对象
+ * @en dom element
+ */
+target: RefObject<Element>, 
+/**
+ * @zh `resizeObserver` 参数
+ * @en options passed to `resizeObserver`
+ */
+options?: ResizeObserverOptions) => readonly [number, number];
 
-declare function useIntersectionObserver(target: BasicTarget, callback: IntersectionObserverCallback, options?: IntersectionObserverInit): () => void;
+declare const useElementSize: UseElementSize;
 
-declare function usePageLeave(): boolean;
+/**
+ * @title useElementVisibility
+ * @returns 包含以下元素的元组：
+ * - 当前元素是否可见。
+ * - 停止监听函数。
+ * @returns_en A tuple with the following elements:
+ * - is the current element visible.
+ * - stop observer listening function.
+ */
+type UseElementVisibility = (
+/**
+   * @zh dom对象
+   * @en dom element
+   */
+target: RefObject<HTMLElement | SVGElement>, 
+/**
+   * @zh 传递给 `intersectionObserver` 的选项
+   * @en options passed to `intersectionObserver`
+   */
+options?: IntersectionObserverInit) => readonly [boolean, () => void];
 
-declare function useDocumentVisibility(defaultValue?: DocumentVisibilityState): DocumentVisibilityState;
+declare const useElementVisibility: UseElementVisibility;
 
-declare function useResizeObserver(target: BasicTarget, callback: ResizeObserverCallback, options?: ResizeObserverOptions): () => void;
+/**
+ * @title useEvent
+ */
+type UseEvent = <T extends Fn>(
+/**
+ * @zh 函数
+ * @en function
+ */
+fn: T) => T;
 
-declare function useDropZone(target: BasicTarget<EventTarget>, onDrop?: (files: File[] | null) => void): boolean;
+/**
+ * keep function reference immutable
+ */
+declare const useEvent: UseEvent;
 
-interface UseFileDialogOptions {
-    /**
-     * @default true
-     */
-    multiple?: boolean;
-    /**
-     * @default '*'
-     */
-    accept?: string;
-    /**
-     * Select the input source for the capture file.
-     * @see [HTMLInputElement Capture](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture)
-     */
-    capture?: string;
-}
-declare function useFileDialog(options?: UseFileDialogOptions): readonly [
-    FileList | null,
-    (localOptions?: Partial<UseFileDialogOptions>) => void,
+/**
+ * @title useEventEmitter
+ * @returns 包含以下元素的元组：
+ * - 添加监听器的函数。
+ * - 触发函数。
+ * - 停止函数。
+ * @returns_en A tuple with the following elements:
+ * - a function to add lisenter.
+ * - fire functiion.
+ * stop functiion
+ */
+type UseEventEmitter = <T, U = void>() => readonly [
+    UseEventEmitterEvent<T, U>,
+    (arg1: T, arg2: U) => void,
     () => void
 ];
-
-interface UseScrollOptions {
-    /**
-     * Throttle time for scroll event, it’s disabled by default.
-     *
-     * @default 0
-     */
-    throttle?: number;
+interface UseEventEmitterListener<T, U = void> {
+    (arg1: T, arg2: U): void;
+}
+interface UseEventEmitterDisposable {
+    dispose(): void;
+}
+interface UseEventEmitterEvent<T, U = void> {
+    (listener: (arg1: T, arg2: U) => any): UseEventEmitterDisposable;
+}
+interface UseEventEmitterEventOnce<T, U = void> {
+    (listener: (arg1: T, arg2: U) => any): void;
+}
+interface UseEventEmitterReturn<T, U = void> {
     /**
-     * The check time when scrolling ends.
-     * This configuration will be setting to (throttle + idle) when the `throttle` is configured.
-     *
-     * @default 200
+     * Subscribe to an event. When calling emit, the listeners will execute.
+     * @param listener watch listener.
+     * @returns a stop function to remove the current callback.
      */
-    idle?: number;
+    event: UseEventEmitterEvent<T, U>;
     /**
-     * Offset arrived states by x pixels
-     *
+     * fire an event, the corresponding event listeners will execute.
+     * @param event data sent.
      */
-    offset?: {
-        left?: number;
-        right?: number;
-        top?: number;
-        bottom?: number;
-    };
+    fire: (arg1: T, arg2: U) => void;
     /**
-     * Trigger it when scrolling.
-     *
+     * Remove all corresponding listener.
      */
-    onScroll?: (e: Event) => void;
+    dispose: () => void;
+}
+
+declare const useEventEmitter: <T, U = void>() => readonly [UseEventEmitterEvent<T, U>, (arg1: T, arg2: U) => void, () => void];
+
+type Target = BasicTarget<HTMLElement | Element | Window | Document | EventTarget>;
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: Window, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: Document, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: T, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof ElementEventMap>(eventName: K, handler: (event: ElementEventMap[K]) => void, element: Element, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K = Event>(eventName: string, handler: (event: K) => void, element: EventTarget | null | undefined, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener(eventName: string, handler: (...p: any) => void, element?: Target, options?: boolean | AddEventListenerOptions): void;
+
+/**
+ * @title useEyeDropper
+ * @returns 包含以下元素的元组：
+ * - 浏览器是否支持该特性。
+ * - 打开颜色选择器的函数。
+ * @returns_en A tuple with the following elements:
+ * - Whether the browser supports this feature.
+ * - A function to open eye dropper.
+ */
+type UseEyeDropper = () => readonly [
+    boolean,
+    (options?: UseEyeDropperOpenOptions) => Promise<UseEyeDropperOpenReturnType>
+];
+/**
+ * @title UseEyeDropperOpenOptions
+ */
+interface UseEyeDropperOpenOptions {
     /**
-     * Trigger it when scrolling ends.
-     *
+     * @zh 终止信号
+     * @en abort signal
      */
-    onStop?: (e: Event) => void;
+    signal?: AbortSignal;
+}
+/**
+ * @title UseEyeDropperOpenReturnType
+ */
+interface UseEyeDropperOpenReturnType {
     /**
-     * Listener options for scroll event.
-     *
-     * @default {capture: false, passive: true}
+     * @zh rgb 颜色值
+     * @en rgb color value
      */
-    eventListenerOptions?: boolean | AddEventListenerOptions;
+    sRGBHex: string;
 }
-declare function useScroll(target: BasicTarget<HTMLElement | SVGElement | Window | Document>, options?: UseScrollOptions): readonly [
-    number,
-    number,
-    boolean,
-    {
-        left: boolean;
-        right: boolean;
-        top: boolean;
-        bottom: boolean;
-    },
-    {
-        left: boolean;
-        right: boolean;
-        top: boolean;
-        bottom: boolean;
-    }
-];
 
-interface UseInfiniteScrollOptions extends UseScrollOptions {
+declare const useEyeDropper: UseEyeDropper;
+
+declare const useFavicon: (href: string, baseUrl?: string, rel?: string) => void;
+
+/**
+ * @title useFileDialog
+ * @returns 包含以下元素的元组：
+ * - 文件数组。
+ * - 打开文件选择器函数。
+ * - 重置函数。
+ * @returns_en A tuple with the following elements:
+ * - file array.
+ * - A function to open file dialog.
+ * - A function to reset files
+ */
+type UseFileDialog = (options?: UseFileDialogOptions) => readonly [
+    FileList | null,
+    (localOptions?: Partial<UseFileDialogOptions>) => void,
+    () => void
+];
+/**
+ * @title UseFileDialogOptions
+ */
+interface UseFileDialogOptions {
     /**
-     * The minimum distance between the bottom of the element and the bottom of the viewport
-     *
-     * @default 0
+     * @zh 选择多个文件
+     * @en choose multiple file
+     * @defaultValue true
      */
-    distance?: number;
+    multiple?: boolean;
     /**
-     * The direction in which to listen the scroll.
-     *
-     * @default 'bottom'
+     * @zh 可以接受的文件类型
+     * @en accept file type
+     * @defaultValue '*'
      */
-    direction?: "top" | "bottom" | "left" | "right";
+    accept?: string;
     /**
-     * Whether to preserve the current scroll position when loading more items.
-     *
-     * @default false
+     * @zh [指定设备，可以从麦克风或者摄像头中获取文件](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture)
+     * @en [Specify the device to obtain files from the microphone or camera](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture)
+     * @see [HTMLInputElement Capture](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture)
      */
-    preserveScrollPosition?: boolean;
+    capture?: string;
 }
-declare function useInfiniteScroll(target: BasicTarget<HTMLElement | SVGElement>, onLoadMore: (state: ReturnType<typeof useScroll>) => void | Promise<void>, options?: UseInfiniteScrollOptions): void;
 
-type KeyModifier = "Alt" | "AltGraph" | "CapsLock" | "Control" | "Fn" | "FnLock" | "Meta" | "NumLock" | "ScrollLock" | "Shift" | "Symbol" | "SymbolLock";
-interface UseModifierOptions {
-    /**
-     * Event names that will prompt update to modifier states
-     *
-     * @default ['mousedown', 'mouseup', 'keydown', 'keyup']
-     */
-    events?: (keyof WindowEventMap)[];
+declare const useFileDialog: UseFileDialog;
+
+/**
+ * @title useFirstMountState
+ */
+type UseFirstMountState = () => boolean;
+
+declare const useFirstMountState: UseFirstMountState;
+
+/**
+ * @title useFocus
+ * @returns 包含以下元素的元组：
+ * - 元素是否聚焦。
+ * - 更新聚焦状态。
+ * @returns_en A tuple with the following elements:
+ * -  whether the element focus.
+ * - A function to update focus state.
+ */
+type UseFocus = (
+/**
+ * @zh dom对象
+ * @en dom element
+ */
+target: RefObject<HTMLElement | SVGElement>, 
+/**
+ * @zh 默认值
+ * @en defaultValue
+ * @defaultValue false
+ */
+initialValue?: boolean) => readonly [boolean, (value: boolean) => void];
+
+declare const useFocus: UseFocus;
+
+/**
+ * @title useFps
+ * @returns 每秒帧数
+ * @returns_en frames per second
+ */
+type UseFps = (options?: UseFpsOptions) => number;
+/**
+ * @title UseFpsOptions
+ */
+interface UseFpsOptions {
     /**
-     * Initial value of the returned ref
-     *
-     * @default false
+     * @en Calculate the FPS on every x frames.
+     * @zh 每过 x 帧计算一次
+     * @defaultValue 10
      */
-    initial?: boolean;
+    every?: number;
 }
-declare function useKeyModifier(modifier: KeyModifier, options?: UseModifierOptions): boolean;
 
-type IHookStateInitialSetter<S> = () => S;
-type IHookStateInitAction<S> = S | IHookStateInitialSetter<S>;
+declare const useFps: (options?: UseFpsOptions) => number;
 
-interface MousePressedOptions {
+/**
+ * @title useFullScreen
+ * @returns 包含以下元素的元组：
+ * - 当前是否处于全屏。
+ * - 一个操作对象:
+ * - enterFullscreen： 进入全屏。
+ * - exitFullscreen： 退出全屏。
+ * - toggleFullscreen： 切换全屏。
+ * - isEnabled： 当前浏览器是否支持全屏。
+ * @returns_en A tuple with the following elements:
+ * - whether the browser is in fullscreen.
+ * - a object：
+ * - enterFullscreen
+ * - exitFullscreen
+ * - toggleFullscreen
+ * - isEnabled: whether the browser support fullscreen
+ */
+type UseFullscreen = (
+/**
+ * @zh dom元素
+ * @en dom element
+ */
+target: RefObject<Element>, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseFullScreenOptions) => readonly [
     /**
-     * Listen to `touchstart` `touchend` events
-     *
-     * @default true
+     * @zh 当前是否处于全屏
+     * @en whether is in fullscreen
      */
-    touch?: boolean;
+    boolean,
+    {
+        /**
+         * @zh 进入全屏
+         * @en enter fullscreen
+         */
+        readonly enterFullscreen: () => void;
+        /**
+         * @zh 退出全屏
+         * @en exit fullscreen
+         */
+        readonly exitFullscreen: () => void;
+        /**
+         * @zh 切换全屏
+         * @en toggle fullscreen
+         */
+        readonly toggleFullscreen: () => void;
+        /**
+         * @zh 浏览器是否支持
+         * @en whether the browser support fullscreen
+         */
+        readonly isEnabled: boolean;
+    }
+];
+/**
+ * @title UseFullScreenOptions
+ */
+interface UseFullScreenOptions {
     /**
-     * Listen to `dragstart` `drop` and `dragend` events
-     *
-     * @default true
+     * @zh 退出时候的回调
+     * @en exit callback
      */
-    drag?: boolean;
+    onExit?: () => void;
     /**
-     * Initial values
-     *
-     * @default false
+     * @zh 进入时候的回调
+     * @en enter callback
      */
-    initialValue?: IHookStateInitAction<boolean>;
+    onEnter?: () => void;
 }
-type MouseSourceType = "mouse" | "touch" | null;
-declare function useMousePressed(target?: BasicTarget, options?: MousePressedOptions): readonly [boolean, MouseSourceType];
 
-declare function useScrollLock(target: BasicTarget<HTMLElement>, initialState?: boolean): readonly [boolean, (flag: boolean) => void];
+declare const useFullscreen: UseFullscreen;
 
-declare function useElementSize(target: BasicTarget, options?: ResizeObserverOptions): readonly [number, number];
+/**
+ * @title useGeoLocation
+ * @returns 包含以下元素的元组：
+ * - 坐标。
+ * - 获取坐标的时间戳。
+ * - 错误。
+ * @returns_en A tuple with the following elements:
+ * - coordinates.
+ * - timestamp when get coordinates.
+ * - errors.
+ */
+type UseGeolocation = (
+/**
+ * @zh 可选 `PositionOptions` 参数
+ * @en optional `PositionOptions` params
+ */
+options?: Partial<PositionOptions>) => {
+    readonly coordinates: GeolocationCoordinates;
+    readonly locatedAt: number | null;
+    readonly error: GeolocationPositionError | null;
+};
 
-interface UseVirtualListOptions {
-    /**
-     * container default height
-     *
-     * @default 300
-     */
-    containerHeight?: number;
-    /**
-     * item height, accept a pixel value or a function that returns the height
-     */
-    itemHeight: number | ((index: number) => number);
-    /**
-     * the extra buffer items outside of the view area
-     *
-     * @default 5
-     */
-    overscan?: number;
-}
-interface UseVirtualListItem<T> {
-    data: T;
-    index: number;
-}
-interface UseVirtualListReturn<T> {
-    list: UseVirtualListItem<T>[];
-    scrollTo: (index: number) => void;
-    containerProps: {
-        ref: RefObject<any>;
-        onScroll: () => void;
-        style: Partial<CSSProperties>;
-    };
-    wrapperProps: {
-        style: {
-            width: string;
-            height: string;
-            marginTop: string;
-        };
-    };
-}
-declare function useVirtualList<T = any>(list: T[] | undefined, options: UseVirtualListOptions): UseVirtualListReturn<T>;
+declare const useGeolocation: UseGeolocation;
 
-type ColorScheme = "dark" | "light" | "no-preference";
-declare function usePreferredColorScheme(defaultState?: ColorScheme): ColorScheme;
+declare const useHover: <T extends Element = HTMLDivElement>(target: RefObject<T>) => boolean;
 
-type Contrast = "more" | "less" | "custom" | "no-preference";
-declare function usePreferredContrast(defaultState?: Contrast): Contrast;
+/**
+ * @title UseIdle
+ * @returns 是否处于空闲
+ * @returns_en whether user is idle
+ */
+type UseIdle = (
+/**
+ * @zh 检测时间
+ * @en detection time
+ * @defaultValue 60e3
+ */
+ms?: number, 
+/**
+ * @zh 初始值
+ * @en initial value
+ * @defaultValue false
+ */
+initialState?: boolean, 
+/**
+ * @zh 监听的事件
+ * @en listener events
+ * @defaultValue ["mousemove","mousedown","resize","keydown","touchstart","wheel"]
+ */
+events?: (keyof WindowEventMap)[]) => boolean;
 
-declare function useActiveElement<T extends Element>(): T | null;
+declare const useIdle: UseIdle;
 
-interface UseDraggableOptions {
+/**
+ * @title useScroll
+ * @returns 包含以下元素的元组：
+ * - x 值。
+ * - y 值。
+ * - 是否在滚动。
+ * - 到达边界状态。
+ * - 滚动方向
+ * @returns_en A tuple with the following elements:
+ * - The x value.
+ * - The y value.
+ * - Whether it is scrolling.
+ * - Boundary arrival status.
+ * - Scroll direction.
+ */
+type UseScroll = (
+/**
+ * @zh dom元素
+ * @en dom elment
+ */
+target: RefObject<Element> | Window | Document, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseScrollOptions) => readonly [
+    number,
+    number,
+    boolean,
+    UseScrollArrivedState,
+    UseScrollDirection
+];
+/**
+ * @title UseScrollOptions
+ */
+interface UseScrollOptions {
     /**
-     * Only start the dragging when click on the element directly
-     *
-     * @default false
+     * @en Throttle time for scroll event, it’s disabled by default.
+     * @zh 滚动事件的节流时间，默认关闭。
+     * @defaultValue 0
      */
-    exact?: boolean;
+    throttle?: number;
     /**
-     * Prevent events defaults
-     *
-     * @default false
+     * @en The check time when scrolling ends.
+     * This configuration will be setting to (throttle + idle) when the `throttle` is configured.
+     * @zh 滚动结束时的检查时间。
+     * 当配置 `throttle` 时，此配置将设置为 (throttle +idle)。
+     * @default 200
      */
-    preventDefault?: boolean;
+    idle?: number;
     /**
-     * Prevent events propagation
-     *
-     * @default false
+     * @en Offset arrived states by x pixels
+     * @zh 将到达状态偏移 x 像素
      */
-    stopPropagation?: boolean;
+    offset?: UseScrollOffset;
     /**
-     * Element to attach `pointermove` and `pointerup` events to.
-     *
-     * @default window
+     * @en Trigger it when scrolling.
+     * @zh 滚动的回调
      */
-    draggingElement?: BasicTarget<HTMLElement | SVGElement | Window | Document>;
+    onScroll?: (e: Event) => void;
     /**
-     * Handle that triggers the drag event
-     *
-     * @default target
+     * @en Trigger it when scrolling ends.
+     * @zh 滚动结束的回调
      */
-    handle?: BasicTarget<HTMLElement | SVGElement>;
+    onStop?: (e: Event) => void;
     /**
-     * Pointer types that listen to.
-     *
-     * @default ['mouse', 'touch', 'pen']
+     * @en Listener options for scroll event.
+     * @zh 滚动事件参数
+     * @defaultValue {capture: false, passive: true}
      */
-    pointerTypes?: PointerType[];
+    eventListenerOptions?: boolean | AddEventListenerOptions;
+}
+interface UseScrollOffset {
+    left?: number;
+    right?: number;
+    top?: number;
+    bottom?: number;
+}
+/**
+ * @title UseScrollArrivedState
+ */
+interface UseScrollArrivedState {
     /**
-     * Initial position of the element.
-     *
-     * @default { x: 0, y: 0 }
+     * @en arrived left
+     * @zh 到达左边
      */
-    initialValue?: Position;
+    left: boolean;
     /**
-     * Callback when the dragging starts. Return `false` to prevent dragging.
+     * @en arrived right
+     * @zh 到达右边
      */
-    onStart?: (position: Position, event: PointerEvent) => void | false;
+    right: boolean;
     /**
-     * Callback during dragging.
+     * @en arrived top
+     * @zh 到达顶部
      */
-    onMove?: (position: Position, event: PointerEvent) => void;
+    top: boolean;
     /**
-     * Callback when dragging end.
+     * @en arrived bottom
+     * @zh 到达底部
      */
-    onEnd?: (position: Position, event: PointerEvent) => void;
+    bottom: boolean;
 }
-declare function useDraggable(target: BasicTarget<HTMLElement | SVGElement>, options?: UseDraggableOptions): readonly [number, number, boolean];
-
-interface UseElementBoundingOptions {
+/**
+ * @title UseScrollDirection
+ */
+interface UseScrollDirection {
     /**
-     * Reset values to 0 on component unmounted
-     *
-     * @default true
+     * @en scroll left
+     * @zh 向左滚动
      */
-    reset?: boolean;
+    left: boolean;
     /**
-     * Listen to window resize event
-     *
-     * @default true
+     * @en scroll right
+     * @zh 向右滚动
      */
-    windowResize?: boolean;
+    right: boolean;
     /**
-     * Listen to window scroll event
-     *
-     * @default true
+     * @en scroll top
+     * @zh 向上滚动
      */
-    windowScroll?: boolean;
+    top: boolean;
     /**
-     * Immediately call update on component mounted
-     *
-     * @default true
+     * @en scroll bottom
+     * @zh 向下滚动
      */
-    immediate?: boolean;
+    bottom: boolean;
 }
-declare function useElementBounding(target: BasicTarget, options?: UseElementBoundingOptions): {
-    readonly height: number;
-    readonly bottom: number;
-    readonly left: number;
-    readonly right: number;
-    readonly top: number;
-    readonly width: number;
-    readonly x: number;
-    readonly y: number;
-    readonly update: () => void;
-};
-
-declare function useElementVisibility(target: BasicTarget<HTMLElement | SVGElement>, options?: IntersectionObserverInit): readonly [boolean, () => void];
-
-declare function useWindowsFocus(defauleValue?: boolean): boolean;
 
-interface WindowSize {
-    width: number;
-    height: number;
+/**
+ * @title useInfiniteScroll
+ */
+type UseInfiniteScroll = (
+/**
+ * @zh dom元素
+ * @en dom element
+ */
+target: RefObject<Element>, 
+/**
+ * @zh 加载更多函数
+ * @en load more function
+ */
+onLoadMore: UseInfiniteScrollLoadMore, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseInfiniteScrollOptions) => void;
+/**
+ * @title UseInfiniteScrollLoadMore
+ */
+type UseInfiniteScrollLoadMore = (
+/**
+ * @zh `useScroll` 返回的状态
+ * @en the return state of `useScroll`
+ */
+state: readonly [
+    number,
+    number,
+    boolean,
+    UseInfiniteScrollArrivedState,
+    UseInfiniteScrollDirection
+]) => void | Promise<void>;
+/**
+ * @title UseInfiniteScrollOptions
+ */
+interface UseInfiniteScrollOptions extends UseScrollOptions {
+    /**
+     * @en The minimum distance between the bottom of the element and the bottom of the viewport
+     * @zh 元素底部与视口底部之间的最小距离
+     * @defaultValue 0
+     */
+    distance?: number;
+    /**
+     * @en The direction in which to listen the scroll.
+     * @zh 滚动方向
+     * @defaultValue 'bottom'
+     */
+    direction?: "top" | "bottom" | "left" | "right";
+    /**
+     * @en Whether to preserve the current scroll position when loading more items.
+     * @zh 加载更多项目时是否保留当前滚动位置
+     * @defaultValueValue false
+     */
+    preserveScrollPosition?: boolean;
 }
-declare function useWindowSize(): {
-    readonly width: number;
-    readonly height: number;
-};
-
-interface UseWindowScrollState {
-    x: number;
-    y: number;
+/**
+ * @title UseInfiniteScrollArrivedState
+ */
+interface UseInfiniteScrollArrivedState {
+    /**
+     * @en arrived left
+     * @zh 到达左边
+     */
+    left: boolean;
+    /**
+     * @en arrived right
+     * @zh 到达右边
+     */
+    right: boolean;
+    /**
+     * @en arrived top
+     * @zh 到达顶部
+     */
+    top: boolean;
+    /**
+     * @en arrived bottom
+     * @zh 到达底部
+     */
+    bottom: boolean;
+}
+/**
+ * @title UseInfiniteScrollDirection
+ */
+interface UseInfiniteScrollDirection {
+    /**
+     * @en scroll left
+     * @zh 向左滚动
+     */
+    left: boolean;
+    /**
+     * @en scroll right
+     * @zh 向右滚动
+     */
+    right: boolean;
+    /**
+     * @en scroll top
+     * @zh 向上滚动
+     */
+    top: boolean;
+    /**
+     * @en scroll bottom
+     * @zh 向下滚动
+     */
+    bottom: boolean;
 }
-declare function useWindowScroll(): UseWindowScrollState;
-
-declare function useClipBorad(): readonly [
-    string,
-    (txt: string) => Promise<void>
-];
-
-type EventType = MouseEvent | TouchEvent;
-declare function useClickOutside(target: BasicTarget, handler: (evt: EventType) => void): void;
 
-declare function useCycleList<T>(list: T[], i?: number): readonly [T, (i?: number) => void, (i?: number) => void];
+declare const useInfiniteScroll: UseInfiniteScroll;
 
-declare function useFocus(target: BasicTarget<HTMLElement | SVGElement>, initialValue?: boolean): readonly [boolean, (value: boolean) => void];
+declare const useIntersectionObserver: (target: RefObject<Element>, callback: IntersectionObserverCallback, options?: IntersectionObserverInit) => () => void;
 
-interface IProps<T> {
-    controlled?: T;
-    defaultValue?: T;
-    state?: T;
+/**
+ * @title useInterval
+ */
+type UseInterval = (
+/**
+ * @zh 回调
+ * @en callback
+ */
+callback: () => void, 
+/**
+ * @zh 时间，如果为 `null` 的话则停止计时器
+ * @en Time, if `null` then stop the timer
+ */
+delay?: number | null, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseIntervalOptions) => void;
+/**
+ * @title UseIntervalOptions
+ */
+interface UseIntervalOptions {
+    /**
+     * @zh 是否立即执行。
+     * @en Whether to execute immediately.
+     */
+    immediate?: boolean;
 }
-declare function useControlled<T = string>(props?: IProps<T>): readonly [T, (newValue: T) => void];
 
-declare const _default$1: typeof useEffect | typeof react.useLayoutEffect;
+declare const useInterval: UseInterval;
 
-declare const _default: typeof react.useEffect | typeof useLayoutEffect;
-
-declare function useReducedMotion(defaultState?: boolean): boolean;
-
-interface ScrollIntoViewAnimation {
-    /** target element alignment relatively to parent based on current axis */
-    alignment?: "start" | "end" | "center";
-}
-interface ScrollIntoViewParams {
-    /** callback fired after scroll */
-    onScrollFinish?: () => void;
-    /** duration of scroll in milliseconds */
-    duration?: number;
-    /** axis of scroll */
-    axis?: "x" | "y";
-    /** custom mathematical easing function */
-    easing?: (t: number) => number;
-    /** additional distance between nearest edge and element */
-    offset?: number;
-    /** indicator if animation may be interrupted by user scrolling */
-    cancelable?: boolean;
-    /** prevents content jumping in scrolling lists with multiple targets */
-    isList?: boolean;
-}
-declare function useScrollIntoView(targetElement: BasicTarget<HTMLElement>, { duration, axis, onScrollFinish, easing, offset, cancelable, isList, }?: ScrollIntoViewParams, scrollElement?: BasicTarget<HTMLElement>): {
-    scrollIntoView: ({ alignment, }?: ScrollIntoViewAnimation) => void;
-    cancel: () => void;
-};
+declare const useIsomorphicLayoutEffect: typeof useEffect;
 
-interface UseStickyParams {
-    /** axis of scroll */
-    axis?: "x" | "y";
-    /** cover height or width */
-    nav: number;
+/**
+ * @title useKeyModifier
+ * @returns 按键是否被按下
+ * @returns_en Whether the key is pressed
+ */
+type UseKeyModifier = (
+/**
+ * @zh 键位
+ * @en key modifier
+ */
+modifier: KeyModifier, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseModifierOptions) => boolean;
+type KeyModifier = "Alt" | "AltGraph" | "CapsLock" | "Control" | "Fn" | "FnLock" | "Meta" | "NumLock" | "ScrollLock" | "Shift" | "Symbol" | "SymbolLock";
+/**
+ * @title UseModifierOptions
+ */
+interface UseModifierOptions {
+    /**
+     * @en Event names that will prompt update to modifier states
+     * @zh 更新按键状态的事件
+     * @defaultValue ['mousedown', 'mouseup', 'keydown', 'keyup']
+     */
+    events?: (keyof WindowEventMap)[];
+    /**
+     * @en Initial value of the returned ref
+     * @zh 初始值
+     * @defaultValue false
+     */
+    initial?: boolean;
 }
-declare const useSticky: (targetElement: BasicTarget<HTMLElement>, { axis, nav }: UseStickyParams, scrollElement?: BasicTarget<HTMLElement>) => [boolean, react__default.Dispatch<react__default.SetStateAction<boolean>>];
-
-declare function useAsyncEffect<T extends void>(effect: () => Promise<T> | T, cleanup?: typeof effect, deps?: DependencyList): void;
 
-declare const getHMSTime: (timeDiff: number) => [string, string, string];
-declare const useCountDown: (time: number, format?: (num: number) => [string, string, string], callback?: () => void) => readonly [string, string, string];
+declare const useKeyModifier: UseKeyModifier;
 
-declare function useSupported(callback: () => unknown, sync?: boolean): boolean;
+/**
+ * @title useLatest
+ * @returns ref 对象
+ * @returns_en ref object
+ */
+type UseLatest = <T>(
+/**
+ * @zh 追踪值
+ * @en tracked value
+ */
+value: T) => MutableRefObject<T>;
 
-declare function useTextSelection(): Selection | null;
+declare const useLatest: UseLatest;
 
-interface EyeDropperOpenOptions {
-    signal?: AbortSignal;
+interface Serializer<T> {
+    read(raw: string): T;
+    write(value: T): string;
 }
-interface EyeDropperOpenReturnType {
-    sRGBHex: string;
+interface UseStorageOptions<T> {
+    /**
+     * Custom data serialization
+     */
+    serializer?: Serializer<T>;
+    /**
+     * On error callback
+     *
+     * Default log error to `console.error`
+     */
+    onError?: (error: unknown) => void;
+    /**
+     * set to storage when nodata in effect, fallback to defaults
+     */
+    effectStorageValue?: T | (() => T);
+}
+
+declare function useLocalStorage(key: string, defaults: string, options?: UseStorageOptions<string>): readonly [string | null, Dispatch<SetStateAction<string | null>>];
+declare function useLocalStorage(key: string, defaults: number, options?: UseStorageOptions<number>): readonly [number | null, Dispatch<SetStateAction<number | null>>];
+declare function useLocalStorage(key: string, defaults: boolean, options?: UseStorageOptions<boolean>): readonly [boolean | null, Dispatch<SetStateAction<boolean | null>>];
+declare function useLocalStorage<T>(key: string, defaults: T, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
+declare function useLocalStorage<T = unknown>(key: string, defaults: null, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
+
+/**
+ * @title useLocationSelector
+ */
+type UseLocationSelector = <R>(
+/**
+ * @zh 选择器
+ * @en selector function
+ */
+selector: (location: Location) => R, 
+/**
+ * @zh 默认值
+ * @en default value
+ */
+fallback?: R | undefined) => R | undefined;
+
+declare const useLocationSelector: UseLocationSelector;
+
+/**
+ * @title useLongPress
+ * @returns 包含以下元素的对象：
+ * - onMouseDown 鼠标按下事件。
+ * - onTouchStart 手指按下事件。
+ * - onMouseUp 鼠标松开事件。
+ * - onMouseLeave 鼠标离开事件
+ * - onTouchEnd 手指松开事件
+ * @returns_en A object with the following elements:
+ * - onMouseDown: Mouse down event.
+ * - onTouchStart: Finger touch start event.
+ * - onMouseUp: Mouse up event.
+ * - onMouseLeave: Mouse leave event.
+ * - onTouchEnd: Finger touch end event.
+ */
+type UseLongPress = (
+/**
+ * @zh 回调
+ * @en callback
+ */
+callback: (e: TouchEvent | MouseEvent) => void, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseLongPressOptions) => {
+    readonly onMouseDown: (e: any) => void;
+    readonly onTouchStart: (e: any) => void;
+    readonly onMouseUp: () => void;
+    readonly onMouseLeave: () => void;
+    readonly onTouchEnd: () => void;
+};
+/**
+ * @title UseLongPressOptions
+ */
+interface UseLongPressOptions {
+    /**
+     * @zh 阻止默认事件
+     * @en whether prevent default event
+     * @defaultValue true
+     */
+    isPreventDefault?: boolean;
+    /**
+     * @zh 延迟
+     * @en delay time
+     * @defaultValue 300
+     */
+    delay?: number;
+}
+
+declare const useLongPress: UseLongPress;
+
+/**
+ * @title useMeasure
+ * @returns [DOMRect值,停止监听函数]
+ * @returns_en [DOMRect, stop listening function]
+ */
+type UseMeasure = (
+/**
+ * @zh dom对象
+ * @en dom element
+ */
+target: RefObject<Element>, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: ResizeObserverOptions) => readonly [UseMeasureRect, () => void];
+/**
+ * @title UseMeasureRect
+ */
+type UseMeasureRect = Omit<DOMRectReadOnly, "toJSON">;
+
+declare const useMeasure: UseMeasure;
+
+/**
+ * @title useMediaDevices
+ * @returns 包含以下元素的元组：
+ * - 媒体设备信息。
+ * - 请求媒体设备权限。
+ * @returns_en A tuple with the following elements:
+ * - The media devices info.
+ * - A function to request media devices permission.
+ */
+type UseMediaDevices = (
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseMediaDeviceOptions) => readonly [
+    {
+        devices: {
+            deviceId: string;
+            groupId: string;
+            kind: MediaDeviceKind;
+            label: string;
+        }[];
+    },
+    () => Promise<boolean>
+];
+/**
+ * @title UseMediaDeviceOptions
+ */
+interface UseMediaDeviceOptions {
+    /**
+     * @en Request for permissions immediately if it's not granted,
+     * otherwise label and deviceIds could be empty
+     * @zh 自动请求权限
+     * @defaultValue false
+     */
+    requestPermissions?: boolean;
+    /**
+     * @en Request for types of media permissions
+     * @zh 请求媒体权限类型
+     * @defaultValue { audio: true, video: true }
+     */
+    constraints?: MediaStreamConstraints;
+}
+
+declare const useMediaDevices: UseMediaDevices;
+
+/**
+ * @title useMediaQuery
+ * @returns 是否符合媒体查询
+ * @returns_en whether comply with media inquiries
+ */
+type UseMediaQuery = (
+/**
+ * @zh 媒体查询字符串
+ * @en media query string
+ */
+query: string, 
+/**
+ * @zh 默认值
+ * @en default value
+ */
+defaultState?: boolean) => boolean;
+
+declare const useMediaQuery: UseMediaQuery;
+
+/**
+ * @title useMount
+ */
+type UseMount = (
+/**
+ * @zh 副作用函数
+ * @en effect function
+ */
+effect: () => void) => void;
+
+declare const useMount: UseMount;
+
+declare const useMountedState: () => () => boolean;
+
+/**
+ * @title useMouse
+ * @returns 鼠标位置
+ * @returns_en Mouse Position
+ */
+type UseMouse = (
+/**
+ * @zh dom元素
+ * @en dom element
+ */
+target?: BasicTarget) => UseMouseCursorState;
+/**
+ * @title UseMouseCursorState
+ */
+interface UseMouseCursorState {
+    screenX: number;
+    screenY: number;
+    clientX: number;
+    clientY: number;
+    pageX: number;
+    pageY: number;
+    elementX: number;
+    elementY: number;
+    elementH: number;
+    elementW: number;
+    elementPosX: number;
+    elementPosY: number;
+}
+
+declare const useMouse: UseMouse;
+
+/**
+ * @title useMousePressed
+ * @returns 包含以下元素的元组：
+ * - 鼠标是否按下。
+ * - 按下的事件来源。
+ * @returns_en A tuple with the following elements:
+ * - whether the mouse is pressed.
+ * - the pressed source type
+ */
+type UseMousePressed = (
+/**
+ * @zh dom对象
+ * @en dom element
+ */
+target?: RefObject<Element>, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseMousePressedOptions) => readonly [boolean, UseMousePressedSourceType];
+/**
+ * @title UseMousePressedOptions
+ */
+interface UseMousePressedOptions {
+    /**
+     * @en Listen to `touchstart` `touchend` events
+     * @zh 监听 `touchstart` 事件
+     * @defaultValue true
+     */
+    touch?: boolean;
+    /**
+     * @en Listen to `dragstart` `drop` and `dragend` events
+     * @zh 监听 `dragStart` 事件
+     * @defaultValue true
+     */
+    drag?: boolean;
+    /**
+     * @en Initial values
+     * @zh 初始值
+     * @defaultValue false
+     */
+    initialValue?: boolean | (() => boolean);
+}
+/**
+ * @title UseMousePressedSourceType
+ */
+type UseMousePressedSourceType = "mouse" | "touch" | null;
+
+declare const useMousePressed: (target?: RefObject<Element>, options?: UseMousePressedOptions) => readonly [boolean, UseMousePressedSourceType];
+
+/**
+ * @title UseMutationObserver
+ * @returns 停止函数
+ * @returns_en stop listenering function
+ */
+type UseMutationObserver = (
+/**
+ * @zh 回调
+ * @en callback
+ */
+callback: MutationCallback, 
+/**
+ * @zh dom元素
+ * @en dom对象
+ */
+target: BasicTarget, 
+/**
+ * @zh 传递给 `MutationObserver` 的参数
+ * @en options passed to `MutationObserver`
+ */
+options?: MutationObserverInit) => () => void;
+
+declare const useMutationObserver: UseMutationObserver;
+
+/**
+ * @title useNetwork
+ */
+type UseNetwork = () => IUseNetworkState;
+/**
+ * @title IUseNetworkState
+ */
+interface IUseNetworkState {
+    /**
+     * @en Whether browser connected to the network or not.
+     * @zh 浏览器是否连接网络
+     */
+    online: boolean | undefined;
+    /**
+     * @en Previous value of `online` property. Helps to identify if browser
+     * just connected or lost connection.
+     * @zh `online` 属性的先前值。 帮助识别浏览器是否
+     * 刚刚连接或失去连接。
+     */
+    previous: boolean | undefined;
+    /**
+     * @en The {Date} object pointing to the moment when state change occurred.
+     * @zh {Date} 对象指向状态更改发生的时刻。
+     */
+    since: Date | undefined;
+    /**
+     * @en Effective bandwidth estimate in megabits per second, rounded to the
+     * nearest multiple of 25 kilobits per seconds.
+     * @zh 有效带宽估计（以兆位每秒为单位），四舍五入到
+     * 25 kbps 的最接近倍数。
+     */
+    downlink: INetworkInformation["downlink"] | undefined;
+    /**
+     * @en Maximum downlink speed, in megabits per second (Mbps), for the
+     * underlying connection technology
+     * @zh 最大下行链路速度，以兆比特每秒 (Mbps) 为单位
+     */
+    downlinkMax: INetworkInformation["downlinkMax"] | undefined;
+    /**
+     * @en Effective type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
+     * This value is determined using a combination of recently observed round-trip time
+     * and downlink values.
+     * @zh 连接的有效类型，表示“slow-2g”、“2g”、“3g”或“4g”之一。
+     * 该值是根据最近观察到的往返时间和和下行链路值的组合确定的
+     */
+    effectiveType: INetworkInformation["effectiveType"] | undefined;
+    /**
+     * @en Estimated effective round-trip time of the current connection, rounded
+     * to the nearest multiple of 25 milliseconds
+     * @zh 当前连接的估计有效往返时间，四舍五入
+     * 精确到 25 毫秒的最接近倍数
+     */
+    rtt: INetworkInformation["rtt"] | undefined;
+    /**
+     * @en {true} if the user has set a reduced data usage option on the user agent.
+     * @zh 如果用户在用户代理上设置了减少数据使用选项，则为 {true}。
+     */
+    saveData: INetworkInformation["saveData"] | undefined;
+    /**
+     * @en The type of connection a device is using to communicate with the network.
+     * It will be one of the following values:
+     *  - bluetooth
+     *  - cellular
+     *  - ethernet
+     *  - none
+     *  - wifi
+     *  - wimax
+     *  - other
+     *  - unknown
+     * @zh 设备用于与网络通信的连接类型。
+     * 它将是以下值之一：
+     *  - 蓝牙
+     * - 蜂窝网络
+     * - 以太网
+     *  - 没有任何
+     *  - 无线上网
+     * - 无线麦克斯
+     *  - 其他
+     * - 未知
+     */
+    type: INetworkInformation["type"] | undefined;
+}
+interface INetworkInformation extends EventTarget {
+    readonly downlink: number;
+    readonly downlinkMax: number;
+    readonly effectiveType: "slow-2g" | "2g" | "3g" | "4g";
+    readonly rtt: number;
+    readonly saveData: boolean;
+    readonly type: "bluetooth" | "cellular" | "ethernet" | "none" | "wifi" | "wimax" | "other" | "unknown";
+    onChange: (event: Event) => void;
+}
+
+declare const useNetwork: UseNetwork;
+
+/**
+ * @title useObjectUrl
+ * @returns 返回一个由 Blob 或 MediaSource 对象生成的 URL（如果存在），否则返回 undefined
+ * @returns_en Returns a URL created from the Blob or MediaSource object, or undefined if none exists
+ */
+type UseObjectUrl = (
+/**
+ * @zh 文件或者媒体对象
+ * @en file or media source
+ */
+object: Blob | MediaSource) => string | undefined;
+
+declare const useObjectUrl: UseObjectUrl;
+
+declare const useOnceEffect: typeof useEffect | typeof react.useLayoutEffect;
+
+declare const useOnceLayoutEffect: typeof react.useEffect | typeof useLayoutEffect;
+
+/**
+ * @title useOnline
+ * @returns 网络是否在线
+ * @returns_en whether netwotk is online
+ */
+type UseOnline = () => boolean | undefined;
+
+declare const useOnline: UseOnline;
+
+/**
+ * @title useOrientation
+ * @returns 包含以下元素的元组：
+ * - 方向状态。
+ * - 锁定方向。
+ * - 解锁方向。
+ * @returns_en A tuple with the following elements:
+ * - orientation type.
+ * - lock orientation.
+ * - unlock orientation.
+ */
+type UseOrientation = (
+/**
+ * @zh 初始值
+ * @en initial value
+ */
+initialState?: UseOrientationState) => readonly [
+    UseOrientationState,
+    (type: UseOrientationLockType) => any,
+    () => void
+];
+/**
+ * @title UseOrientationState
+ */
+interface UseOrientationState {
+    /**
+     * @zh 角度
+     * @en document angle
+     */
+    angle: number;
+    /**
+     * @zh 方向类型
+     * @en orientation type
+     */
+    type: UseOrientationType | undefined;
+}
+/**
+ * @title UseOrientationType
+ */
+type UseOrientationType = "portrait-primary" | "portrait-secondary" | "landscape-primary" | "landscape-secondary";
+/**
+ * @title UseOrientationLockType
+ */
+type UseOrientationLockType = "any" | "natural" | "landscape" | "portrait" | "portrait-primary" | "portrait-secondary" | "landscape-primary" | "landscape-secondary";
+
+declare const useOrientation: UseOrientation;
+
+declare const usePageLeave: () => boolean;
+
+/**
+ * @title usePermission
+ * @returns 权限状态
+ * @returns_en permission state
+ */
+type UsePermission = (
+/**
+ * @zh 权限描述符
+ * @en permission desc
+ */
+permissionDesc: UsePermissionGeneralPermissionDescriptor | UsePermissionGeneralPermissionDescriptor["name"]) => UsePermissionState;
+/**
+ * @title UsePermissionState
+ */
+type UsePermissionState = PermissionState | "";
+/**
+ * @title UsePermissionGeneralPermissionDescriptor
+ */
+type UsePermissionGeneralPermissionDescriptor = PermissionDescriptor | {
+    name: UsePermissionDescriptorNamePolyfill;
+};
+/**
+ * @title UsePermissionDescriptorNamePolyfill
+ */
+type UsePermissionDescriptorNamePolyfill = "accelerometer" | "accessibility-events" | "ambient-light-sensor" | "background-sync" | "camera" | "clipboard-read" | "clipboard-write" | "gyroscope" | "magnetometer" | "microphone" | "notifications" | "payment-handler" | "persistent-storage" | "push" | "speaker";
+
+declare const usePermission: UsePermission;
+
+/**
+ * @title usePreferredColorScheme
+ * @returns prefers-color-scheme的媒体查询值
+ * @returns_en value of prefers-color-scheme media query
+ */
+type UsePreferredColorScheme = (
+/**
+ * @zh 默认值
+ * @en default value
+ * @defaultValue no-preference
+ */
+defaultState?: ColorScheme) => ColorScheme;
+/**
+ * @title ColorScheme
+ */
+type ColorScheme = "dark" | "light" | "no-preference";
+
+declare const usePreferredColorScheme: UsePreferredColorScheme;
+
+/**
+ * @title usePreferredContrast
+ */
+type UsePreferredContrast = (
+/**
+ * @zh 默认值
+ * @en default value
+ * @defaultValue no-preference
+ */
+defaultState?: Contrast) => Contrast;
+/**
+ * @title Contrast
+ */
+type Contrast = "more" | "less" | "custom" | "no-preference";
+
+declare const usePreferredContrast: UsePreferredContrast;
+
+declare const usePreferredDark: (defaultState?: boolean) => boolean;
+
+declare const usePrevious: <T>(state: T) => T | undefined;
+
+/**
+ * @title useRafFn
+ * @returns 包含以下元素的元组：
+ * - 停止函数。
+ * - 开始函数。
+ * - 函数是否在执行中。
+ * @returns_en A tuple with the following elements:
+ * - stop function
+ * - start function
+ * whether function is running
+ */
+type UseRafFn = (
+/**
+ * @zh 回调
+ * @en callback
+ */
+callback: FrameRequestCallback, 
+/**
+ * @zh 立即执行
+ * @en immediatly start
+ */
+initiallyActive?: boolean) => readonly [() => void, () => void, () => boolean];
+
+declare const useRafFn: UseRafFn;
+
+declare const useRafState: <S>(initialState: S | (() => S)) => readonly [S, Dispatch<SetStateAction<S>>];
+
+declare const useReducedMotion: (defaultState?: boolean) => boolean;
+
+declare const useResizeObserver: (target: RefObject<Element>, callback: ResizeObserverCallback, options?: ResizeObserverOptions) => () => void;
+
+declare const useScreenSafeArea: () => readonly [string, string, string, string, lodash.DebouncedFunc<() => void>];
+
+/**
+ * @title useScriptTag
+ * @returns 包含以下元素的元组：
+ * - 用来加载资源的 html 元素。
+ * - 资源加载状态。
+ * - 资源加载函数。
+ * - 资源卸载函数
+ * @returns_en A tuple with the following elements:
+ * - html element used to load resources.
+ * - Resource loading status.
+ * - Resource loading function.
+ * - Resource unloading function
+ */
+type UseScriptTag = (
+/**
+ * @zh 资源地址
+ * @en source
+ */
+src: string, 
+/**
+ * @zh 资源加载完成的回调
+ * @en source loaded callback
+ */
+onLoaded?: (el: HTMLScriptElement) => void, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseScriptTagOptions) => readonly [
+    HTMLScriptElement | null,
+    UseScriptTagStatus,
+    (waitForScriptLoad?: boolean) => Promise<HTMLScriptElement | boolean>,
+    () => void
+];
+/**
+ * @title UseScriptTagOptions
+ */
+interface UseScriptTagOptions {
+    /**
+     * @en Load the script immediately
+     * @zh 立即加载资源
+     * @defaultValue true
+     */
+    immediate?: boolean;
+    /**
+     * @en Add `async` attribute to the script tag
+     * @zh 在 `script` 标签上加上 `async`
+     * @defaultValue true
+     */
+    async?: boolean;
+    /**
+     * @en Script type
+     * @zh 脚本类型
+     * @defaultValue 'text/javascript'
+     */
+    type?: string;
+    /**
+     * @en Manual controls the timing of loading and unloading
+     * @zh 手动控制加载和卸载时机
+     * @defaultValue false
+     */
+    manual?: boolean;
+    /**
+     * @zh 跨域属性
+     * @en cross origin
+     */
+    crossOrigin?: "anonymous" | "use-credentials";
+    /**
+     * @en referrer policy
+     * @zh 来源属性
+     */
+    referrerPolicy?: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
+    /**
+     * @en Add `noModule` attribute to the script tag
+     * @zh 在 `script` 标签上加上 `noModule`
+     */
+    noModule?: boolean;
+    /**
+     * @en Add `defer` attribute to the script tag
+     * @zh 在 `script` 标签上加上 `defer`
+     */
+    defer?: boolean;
+    /**
+     * @en Add custom attribute to the script tag
+     * @zh 在 script 标签上添加自定义属性
+     */
+    attrs?: Record<string, string>;
+}
+/**
+ * @title UseScriptTagStatus
+ */
+type UseScriptTagStatus = "idle" | "loading" | "ready" | "error";
+
+declare const useScriptTag: UseScriptTag;
+
+declare const useScroll: UseScroll;
+
+/**
+ * @title useScrollIntoView
+ * @returns 包含以下元素的对象：
+ * - scrollIntoView：滚动进入视口函数。
+ * - cancel： 取消滚动函数。
+ * @returns_en A object with the following elements:
+ * - scrollIntoView: scroll target element into viewport
+ * - cancel: cancel scroll function
+ */
+type UseScrollIntoView = (
+/**
+ * @zh dom对象
+ * @en dom element
+ */
+targetElement: BasicTarget<HTMLElement>, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */ params?: UseScrollIntoViewParams, 
+/**
+ * @zh 滚动容器
+ * @en scroll container
+ */
+scrollElement?: BasicTarget<HTMLElement>) => {
+    scrollIntoView: (animation?: UseScrollIntoViewAnimation) => void;
+    cancel: () => void;
+};
+/**
+ * @title UseScrollIntoViewAnimation
+ */
+interface UseScrollIntoViewAnimation {
+    /**
+     * @en target element alignment relatively to parent based on current axis
+     * @zh 基于当前轴的目标元素相对于父元素的对齐方式
+     */
+    alignment?: "start" | "end" | "center";
+}
+/**
+ * @title  UseScrollIntoViewParams
+ */
+interface UseScrollIntoViewParams {
+    /**
+     * @en callback fired after scroll
+     * @zh 滚动完成回调
+     */
+    onScrollFinish?: () => void;
+    /**
+     * @en duration of scroll in milliseconds
+     * @zh 滚动时间
+     * @defaultValue 1250
+     */
+    duration?: number;
+    /**
+     * @en axis of scroll
+     * @zh 滚动方向
+     * @defaultValue y
+     */
+    axis?: "x" | "y";
+    /**
+     * @en custom mathematical easing function
+     * @zh 自定义缓和数学函数
+     * @defaultValue (t: number) => t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t
+     */
+    easing?: (t: number) => number;
+    /**
+     * @en additional distance between nearest edge and element
+     * @zh 最近的边缘和元素之间的附加距离
+     * @defaultValue 0
+     */
+    offset?: number;
+    /**
+     * @en indicator if animation may be interrupted by user scrolling
+     * @zh 指示动画是否可能因用户滚动而中断
+     * @defaultValue true
+     */
+    cancelable?: boolean;
+    /**
+     * @en prevents content jumping in scrolling lists with multiple targets
+     * @zh 防止内容在具有多个目标的滚动列表中跳跃
+    */
+    isList?: boolean;
+}
+
+declare const useScrollIntoView: UseScrollIntoView;
+
+/**
+ * @title useScrollLock
+ * @returns 包含以下元素的元组：
+ * - 是否锁定。
+ * - 更新锁定值的函数。
+ * @returns_en A tuple with the following elements:
+ * - whether scroll is locked.
+ * - A function to update the value of lock state.
+ */
+type UseScrollLock = (
+/**
+ * @zh dom元素
+ * @en dom element
+ */
+target: BasicTarget<HTMLElement>, 
+/**
+ * @zh 默认值
+ * @en default value
+ * @defaultValue false
+ */
+initialState?: boolean) => readonly [boolean, (flag: boolean) => void];
+
+declare const useScrollLock: UseScrollLock;
+
+declare function useSessionStorage(key: string, defaults: string, options?: UseStorageOptions<string>): readonly [string | null, Dispatch<SetStateAction<string | null>>];
+declare function useSessionStorage(key: string, defaults: number, options?: UseStorageOptions<number>): readonly [number | null, Dispatch<SetStateAction<number | null>>];
+declare function useSessionStorage(key: string, defaults: boolean, options?: UseStorageOptions<boolean>): readonly [boolean | null, Dispatch<SetStateAction<boolean | null>>];
+declare function useSessionStorage<T>(key: string, defaults: T, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
+declare function useSessionStorage<T = unknown>(key: string, defaults: null, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
+
+/**
+ * @title useSetState
+ * @returns 包含以下元素的元组：
+ * - state 的当前值。
+ * - 更新 state 值的函数。
+ * @returns_en A tuple with the following elements:
+ * - The current value of the state.
+ * - A function to update the value of the state.
+ */
+type UseSetState = <T extends Record<string, any>>(
+/**
+ * @zh 初始值
+ * @en initial value
+ */
+initialState: T) => readonly [
+    T,
+    (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) => void
+];
+
+declare const useSetState: UseSetState;
+
+/**
+ * @title useSticky
+ * @returns 包含以下元素的元组：
+ * - 当前是否粘滞。
+ * - 更新粘滞值的函数。
+ * @returns_en A tuple with the following elements:
+ * - The current state of sticky.
+ * - A function to update the value of sticky.
+ */
+type UseSticky = (
+/**
+ * @zh dom元素
+ * @en dom element
+ */
+targetElement: BasicTarget<HTMLElement>, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+params: UseStickyParams, 
+/**
+ * @zh 滚动容器
+ * @en scroll container
+ */
+scrollElement?: BasicTarget<HTMLElement>) => [boolean, React.Dispatch<React.SetStateAction<boolean>>];
+/**
+ * @title UseStickyParams
+ */
+interface UseStickyParams {
+    /**
+     * @en axis of scroll
+     * @zh 滚动方向
+     * @defaultValue y
+     */
+    axis?: "x" | "y";
+    /**
+     * @en cover height or width
+     * @zh 沉浸式高度/宽度
+     * @defaultValue 0
+     */
+    nav: number;
+}
+
+declare const useSticky: (targetElement: BasicTarget<HTMLElement>, { axis, nav }: UseStickyParams, scrollElement?: BasicTarget<HTMLElement>) => [boolean, react__default.Dispatch<react__default.SetStateAction<boolean>>];
+
+declare const useSupported: (callback: () => unknown, sync?: boolean) => boolean;
+
+/**
+ * @title useTextDirection
+ * @returns 包含以下元素的元组：
+ * - 文字方向。
+ * - 更新文字方向值的函数。
+ * @returns_en A tuple with the following elements:
+ * - The current value of the text direction.
+ * - A function to update the value of the text direction.
+ */
+type UseTextDirection = (
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseTextDirectionOptions) => readonly [UseTextDirectionValue, (value: UseTextDirectionValue) => void];
+/**
+ * @title UseTextDirectionOptions
+ */
+interface UseTextDirectionOptions {
+    /**
+     * @en CSS Selector for the target element applying to
+     * @zh 适用于目标元素的 CSS 选择器
+     * @defaultValue 'html'
+     */
+    selector?: string;
+    /**
+     * @en Initial value
+     * @zh 初始值
+     * @defaultValue 'ltr'
+     */
+    initialValue?: UseTextDirectionValue;
+}
+/**
+ * @title UseTextDirectionValue
+ */
+type UseTextDirectionValue = "ltr" | "rtl" | "auto";
+
+declare const useTextDirection: UseTextDirection;
+
+/**
+ * @title useTextSelection
+ * @returns 选择的文本对象
+ * @returns_en selected text object
+ */
+type UseTextSelection = () => Selection | null;
+
+declare const useTextSelection: UseTextSelection;
+
+/**
+ * @title useThrottle
+ */
+type UseThrottle = <T>(
+/**
+ * @zh 要节流的值
+ * @en the value need to throttle
+ */
+value: T, 
+/**
+ * @zh 间隔时间
+ * @en wait time
+ */
+wait?: number, 
+/**
+ * @zh 传递给 `lodash.throttle` 的选项
+ * @en options passed to `lodash.throttle`
+ */
+options?: ThrottleSettings) => T;
+
+declare const useThrottle: UseThrottle;
+
+declare const useThrottleFn: <T extends (...args: any) => any>(fn: T, wait?: number, options?: ThrottleSettings) => {
+    run: lodash.DebouncedFunc<(...args_0: Parameters<T>) => ReturnType<T>>;
+    cancel: () => void;
+    flush: () => ReturnType<T> | undefined;
+};
+
+/**
+ * @title useTimeout
+ * @returns 包含以下元素的元组：
+ * - 是否等待定时器执行。
+ * - 设置定时器。
+ * - 取消定时器。
+ * @returns_en A tuple with the following elements:
+ * - Whether to wait for the timer to execute.
+ * - Set timer.
+ * - Cancel timer.
+ */
+type UseTimeout = (
+/**
+ * @zh 间隔时间
+ * @en wait time
+ */
+ms?: number
+/**
+ * @zh 可选参数
+ * @en optional param
+ */ , options?: UseTimeoutOptions) => Stoppable;
+/**
+ * @title UseTimeoutOptions
+ */
+interface UseTimeoutOptions {
+    /**
+     * @en Start the timer immediate after calling this function
+     * @zh 立即设置定时器
+     * @defaultValue false
+     */
+    immediate?: boolean;
 }
-declare function useEyeDropper(): readonly [boolean, (options?: EyeDropperOpenOptions) => Promise<EyeDropperOpenReturnType>];
-type UseEyeDropperReturn = ReturnType<typeof useEyeDropper>;
 
-type UseCookieState = string | undefined;
-declare function useCookie(key: string, options?: Cookies.CookieAttributes, defaultValue?: string): readonly [UseCookieState, (newValue: UseCookieState | ((prevState: UseCookieState) => UseCookieState)) => void, () => void];
+declare const useTimeout: UseTimeout;
+
+/**
+ * @title useTimeoutFn
+ * @returns 包含以下元素的元组：
+ * - 是否等待定时器执行。
+ * - 设置定时器。
+ * - 取消定时器。
+ * @returns_en A tuple with the following elements:
+ * - Whether to wait for the timer to execute.
+ * - Set timer.
+ * - Cancel timer.
+ */
+type UseTimeoutFn = (
+/**
+ * @zh 回调
+ * @en callback
+ */
+cb: (...args: unknown[]) => any, 
+/**
+ * @zh 间隔时间
+ * @en wait time
+ */
+interval: number, 
+/**
+ * @zh 可选参数
+ * @en optional param
+ */
+options?: UseTimeoutFnOptions) => Stoppable;
+/**
+ * @title UseTimeoutFnOptions
+ */
+interface UseTimeoutFnOptions {
+    /**
+     * @en Start the timer immediate after calling this function
+     * @zh 立即设置定时器
+     * @defaultValue false
+     */
+    immediate?: boolean;
+}
+
+/**
+ * Wrapper for `setTimeout` with controls.
+ *
+ * @param cb
+ * @param interval
+ * @param options
+ */
+declare const useTimeoutFn: UseTimeoutFn;
+
+/**
+ * @title useTitle
+ */
+type UseTitle = (
+/**
+   * @zh 标题
+   * @en title
+   */
+title: string) => void;
 
-declare function useDoubleClick({ target, latency, onSingleClick, onDoubleClick, }: {
-    target: BasicTarget;
-    latency?: number;
-    onSingleClick?: (e?: MouseEvent | TouchEvent) => void;
-    onDoubleClick?: (e?: MouseEvent | TouchEvent) => void;
-}): void;
+declare const useTitle: UseTitle;
 
-declare function useSetState<T extends Record<string, any>>(initialState: T): readonly [T, (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) => void];
+/**
+ * @title useToggle
+ * @returns 包含以下元素的元组：
+ * - 布尔状态的当前值。
+ * - 切换布尔状态值的函数。
+ * @returns_en A tuple with the following elements:
+ * - The current value of the bool state.
+ * - A function to update the value of the bool state.
+ */
+type UseToggle = (
+/**
+ * @zh 初始值
+ * @en initialValue
+ */
+initialValue: boolean) => [boolean, (nextValue?: any) => void];
 
-type UseMeasureRect = Omit<DOMRectReadOnly, "toJSON">;
-declare function useMeasure(target: BasicTarget, options?: ResizeObserverOptions): readonly [UseMeasureRect, () => void];
+declare const useToggle: UseToggle;
 
-declare function useHover<T extends HTMLElement = HTMLDivElement>(target: BasicTarget<T>): boolean;
+declare const useUnmount: (fn: () => void) => void;
 
-declare function useScreenSafeArea(): readonly [string, string, string, string, lodash.DebouncedFunc<() => void>];
+declare const useUpdate: () => () => void;
 
-interface UseCssVarOptions {
+declare const useUpdateEffect: typeof useEffect | typeof react.useLayoutEffect;
+
+declare const useUpdateLayoutEffect: typeof react.useEffect | typeof useLayoutEffect;
+
+/**
+ * @title useWebNotification
+ */
+type UseWebNotification = (
+/**
+ * @zh 自动请求权限
+ * @en auto request permission
+ */
+requestPermissions?: boolean) => UseWebNotificationReturn;
+/**
+ * @title UseWebNotificationReturn
+ */
+interface UseWebNotificationReturn {
     /**
-     * Use MutationObserver to monitor variable changes
-     * @default false
+     * @zh 浏览器是否支持
+     * @en whether browser support
      */
-    observe?: boolean;
-}
-declare function useCssVar<T extends HTMLElement = HTMLElement>(prop: string, target: BasicTarget<T>, defaultValue?: string, options?: UseCssVarOptions): readonly [string, (v: string) => void];
-
-declare function useWebNotification(requestPermissions?: boolean): {
     readonly isSupported: boolean;
-    readonly show: (title: string, options?: NotificationOptions) => Notification | undefined;
+    /**
+     * @zh 展示函数
+     * @en show function
+     */
+    readonly show: UseWebNotificationShow;
+    /**
+     * @zh 关闭函数
+     * @en close function
+     */
     readonly close: () => void;
+    /**
+     * @zh 请求权限函数
+     * @en request permissions function
+     */
     readonly ensurePermissions: () => Promise<boolean | undefined>;
-    readonly permissionGranted: react.MutableRefObject<boolean>;
+    /**
+     * @zh 权限状态
+     * @en permission status
+     */
+    readonly permissionGranted: React.MutableRefObject<boolean>;
+}
+/**
+ * @title UseWebNotificationShow
+ */
+type UseWebNotificationShow = (
+/**
+ * @zh 通知标题
+ * @en notification title
+ */
+title: string, 
+/**
+ * @zh 通知选项
+ * @en options passed to `NotificationOptions`
+ */
+options?: NotificationOptions) => Notification | undefined;
+
+declare const useWebNotification: UseWebNotification;
+
+declare const useWindowsFocus: (defauleValue?: boolean) => boolean;
+
+/**
+ * @title useWindowScroll
+ * @returns {UseWindowScrollState}
+ */
+type UseWindowScroll = () => UseWindowScrollState;
+/**
+ * @title useWindowScrollState
+ */
+interface UseWindowScrollState {
+    /**
+     * @zh 水平滚动的像素值
+     * @en pixel value of horizontal scrolling
+     */
+    x: number;
+    /**
+     * @zh 垂直滚动的像素值
+     * @en pixel value of vertical scrolling
+     */
+    y: number;
+}
+
+declare const useWindowScroll: () => UseWindowScrollState;
+
+/**
+ * @title useWindowSize
+ * @returns_en A object with the following elements:
+ * - width: The current window width.
+ * - height: The current window height.
+ * @returns 包含以下元素的对象：
+  * - width：当前视窗宽度。
+  * - height： 当前视窗高度。
+ */
+type UseWindowSize = () => {
+    readonly width: number;
+    readonly height: number;
+};
+
+declare const useWindowSize: UseWindowSize;
+
+/**
+ * @title useClipBoard
+ * @returns_en Returns a readonly tuple.
+ * @returns 返回只读元组.
+ */
+type UseClipboard = () => readonly [string, (txt: string) => Promise<void>];
+
+declare const useClipboard: UseClipboard;
+
+/**
+ * @title useDocumentVisiblity
+ * @returns_en document visibility
+ * @returns 文档可见性
+ */
+type UseDocumentVisibility = (
+/**
+ * @zh 默认值
+ * @en default value
+ */
+defaultValue?: DocumentVisibilityState) => DocumentVisibilityState;
+
+/**
+ * @title useEventListener
+ */
+type UseEventListener = (
+/**
+ * @zh 事件名称
+ * @en event name
+ */
+eventName: string, 
+/**
+ * @zh 事件处理器
+ * @en event handler
+ */
+handler: (event: any) => void, 
+/**
+ * @zh dom元素
+ * @en dom element
+ * @defaultValue `window`
+ */
+element?: HTMLElement | Element | Window | Document | EventTarget | null | undefined, 
+/**
+ * @zh 监听选项
+ * @en listener options
+ */
+options?: boolean | AddEventListenerOptions | undefined) => void;
+
+/**
+ * @title useFavicon
+ */
+type UseFavicon = (
+/**
+ * @zh 图标路径
+ * @en icon href
+ */
+href: string, 
+/**
+ * @zh 基础 url
+ * @en base url
+ */
+baseUrl?: string, 
+/**
+ * @zh 设置 link 标签的 rel 属性
+ * @en set rel attribute to link element
+ * @defaultValue icon
+ */
+rel?: string) => void;
+
+/**
+ * @title useHover
+ */
+type UseHover = <T extends Element = HTMLDivElement>(
+/**
+ * @zh dom对象
+ * @en dom element
+ */
+target: RefObject<T>) => boolean;
+
+/**
+ * @title useIntersectionObserver
+ * @returns 停止监听函数
+ * @returns_en stop listening function
+ */
+type UseIntersectionObserver = (
+/**
+ * @zh dom元素
+ * @en dom element
+ */
+target: RefObject<Element>, 
+/**
+ * @zh 回调
+ * @en callback
+ */
+callback: IntersectionObserverCallback, 
+/**
+ * @zh 传递给 `IntersectionObserver` 的参数
+ * @en options passed to `IntersectionObserver`
+ */
+options?: IntersectionObserverInit) => () => void;
+
+/**
+ * @title useLocalStorage
+ * @returns 包含以下元素的元组：
+ * - localStorage 的当前值。
+ * - 更新 localStorage 值的函数。
+ * @returns_en A tuple with the following elements:
+ * - The current value of the localStorage.
+ * - A function to update the value of the localStorage.
+ */
+type UseLocalStorage = <T extends string | number | boolean | object | null>(
+/**
+ * @zh 键值
+ * @en key
+ */
+key: string, 
+/**
+ * @zh 默认值
+ * @en default value
+ */
+defaultValue?: T, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseLocalStorageOptions<T>) => readonly [T | null, Dispatch<SetStateAction<T | null>>];
+/**
+ * @title UseLocalStorageOptions
+ */
+interface UseLocalStorageOptions<T> {
+    /**
+     * @en Custom data serialization
+     * @zh 自定义数据序列化
+     */
+    serializer?: UseLocalStorageSerializer<T>;
+    /**
+     * @en On error callback
+     * @zh 错误回调
+     * @defaultValue `console.error`
+     */
+    onError?: (error: unknown) => void;
+    /**
+     * @en set to storage when storage doesn't has data in effect, fallback to `defaultValue`
+     * @zh 当副作用执行的时候没有在 storage 中获取到数据时设置，默认会设置 `defaultValue`
+     */
+    effectStorageValue?: T | (() => T);
+}
+/**
+ * @title UseLocalStorageSerializer
+ */
+interface UseLocalStorageSerializer<T> {
+    /**
+     * @en Custom data read
+     * @zh 自定义数据读取
+     */
+    read: (raw: string) => T;
+    /**
+     * @en Custom data write
+     * @zh 自定义数据写入
+     */
+    write: (value: T) => string;
+}
+
+/**
+ * @title useMountedState
+ * @returns 组件的挂载状态
+ * @returns_en component mounted state
+ */
+type UseMountedState = () => () => boolean;
+
+/**
+ * @title usePageLeave
+ * @returns 鼠标是否离开页面
+ * @returns_en whether the mouse leave page
+ */
+type UsePageLeave = () => boolean;
+
+/**
+ * @title usePreferredDark
+ * @returns 是否偏好黑色
+ * @returns_en whether prefer dark
+ */
+type UsePreferredDark = (
+/**
+ * @zh 默认值
+ * @en defaule value
+ */
+defaultState?: boolean) => boolean;
+
+/**
+ * @title usePrevious
+ * @returns 更新前的值
+ * @returns_en previous value
+ */
+type UsePrevious = <T>(
+/**
+ * @zh 状态值
+ * @en state value
+ */
+state: T) => T | undefined;
+
+/**
+ * @title useRafState
+ * @returns 包含以下元素的元组：
+ * - state 的当前值。
+ * - 在 `requestAnimationFrame` 中更新 state 值的函数。
+ * @returns_en A tuple with the following elements:
+ * - the state value
+ * - a function to update state in `requestAnimationFrame`
+ */
+type UseRafState = <S>(
+/**
+ * @zh 状态值
+ * @en state value
+ */
+initialState: S | (() => S)) => readonly [S, Dispatch<SetStateAction<S>>];
+
+/**
+ * @title useReducedMotion
+ * @returns 是否偏好减少动画
+ * @returns_en whether prefer reduced motion
+ */
+type UseReducedMotion = (
+/**
+ * @zh 默认值
+ * @en default value
+ */
+defaultState?: boolean) => boolean;
+
+/**
+ * @title useResizeObserver
+ */
+type UseResizeObserver = (
+/**
+ * @zh dom元素
+ * @en dom element
+ */
+target: RefObject<Element>, 
+/**
+ * @zh 回调
+ * @en callback
+ */
+callback: ResizeObserverCallback, 
+/**
+   * @zh `resizeObserver` 参数
+   * @en options passed to `resizeObserver`
+   */
+options?: ResizeObserverOptions) => () => void;
+
+/**
+ * @title useScreenSafeArea
+ * @returns 包含以下元素的元组：
+ * - 顶部安全距离。
+ * - 右边安全距离。
+ * - 底部安全距离。
+ * - 左边安全距离，
+ * - 手动更新函数
+ * @returns_en A tuple with the following elements:
+ * - top safe distance
+ * - right safe distance
+ * - bottom safe distance
+ * - left safe distance
+ * - munual update function
+ */
+type UseScreenSafeArea = () => readonly [string, string, string, string, DebouncedFunc$1<() => void>];
+
+/**
+ * @title useSessionStorage
+ * @returns 包含以下元素的元组：
+ * - sessionStorage 的当前值。
+ * - 更新 sessionStorage 值的函数。
+ * @returns_en A tuple with the following elements:
+ * - The current value of the sessionStorage.
+ * - A function to update the value of the sessionStorage.
+ */
+type UseSessionStorage = <T extends string | number | boolean | object | null>(
+/**
+ * @zh 键值
+ * @en key
+ */
+key: string, 
+/**
+ * @zh 默认值
+ * @en default value
+ */
+defaultValue?: T, 
+/**
+ * @zh 可选参数
+ * @en optional params
+ */
+options?: UseSessionStorageOptions<T>) => readonly [T | null, Dispatch<SetStateAction<T | null>>];
+/**
+ * @title UseSessionStorageOptions
+ */
+interface UseSessionStorageOptions<T> {
+    /**
+     * @en Custom data serialization
+     * @zh 自定义数据序列化
+     */
+    serializer?: UseSessionStorageSerializer<T>;
+    /**
+     * @en On error callback
+     * @zh 错误回调
+     * @defaultValue `console.error`
+     */
+    onError?: (error: unknown) => void;
+    /**
+     * @en set to storage when storage doesn't has data in effect, fallback to `defaultValue`
+     * @zh 当副作用执行的时候没有在 storage 中获取到数据时设置，默认会设置 `defaultValue`
+     */
+    effectStorageValue?: T | (() => T);
+}
+/**
+ * @title UseSessionStorageSerializer
+ */
+interface UseSessionStorageSerializer<T> {
+    /**
+     * @en Custom data read
+     * @zh 自定义数据读取
+     */
+    read: (raw: string) => T;
+    /**
+     * @en Custom data write
+     * @zh 自定义数据写入
+     */
+    write: (value: T) => string;
+}
+
+/**
+ * @title useSupported
+ * @returns 浏览器是否支持
+ * @returns_en whether the browser support
+ */
+type UseSupported = (
+/**
+ * @zh 测试回调
+ * @en test callback
+ */
+callback: () => unknown, 
+/**
+ * @zh 使用 useLayoutEffect来进行测试
+ * @en use useLayoutEffect to test
+ * @defaultValue false
+ */
+sync?: boolean) => boolean;
+
+/**
+ * @title useThrottleFn
+ * @returns_en A object with the following elements:
+ * - run: exec function.
+ * - cancel: cancel exec function.
+ * - flush:  immediately exec function
+ * @returns 具有以下元素的对象:
+ * - run：执行函数。
+ * - cancel：取消执行函数。
+ * - flush: 立即执行函数
+ */
+type UseThrottleFn = <T extends (...args: any) => any>(
+/**
+ * @zh 要节流的函数
+ * @en Throttle function
+ */
+fn: T, 
+/**
+ * @zh 间隔时间
+ * @en wait time
+ */
+wait?: number, 
+/**
+ * @zh 传递给 `lodash.throttle` 的属性
+ * @en options passed to `lodash.throttle`
+ */
+options?: ThrottleSettings$1) => {
+    run: DebouncedFunc<(...args_0: Parameters<T>) => ReturnType<T>>;
+    cancel: () => void;
+    flush: any;
 };
 
-declare function useLocationSelector<R>(selector: (location: Location) => R, 
 /**
- * @description server fallback
- * @default undefined
+ * @title useUnmount
+ */
+type UseUnmount = (
+/**
+ * @zh 清理函数
+ * @en clear function
+ */
+fn: () => void) => void;
+
+/**
+ * @title useUpdate
+ * @returns 强制更新函数
+ * @returns_en rerender trigger function
+ */
+type UseUpdate = () => () => void;
+
+/**
+ * @title useWindowsFocus
+ * @returns 窗口是否聚焦
+ * @returns_en whether window focus
+ */
+type UseWindowsFocus = (
+/**
+ * @zh 默认值
+ * @en defauleValue
  */
-fallback?: R): R | undefined;
+defauleValue?: boolean) => boolean;
 
-export { type ColorScheme, type Contrast, type CursorState, type EyeDropperOpenReturnType, type GeneralPermissionDescriptor, type IDisposable, type IEvent, type IEventOnce, type IListener, type INetworkInformation, type IState, type IUseNetworkState, type KeyModifier, type MousePressedOptions, type MouseSourceType, type OrientationState, type RafLoopReturns, type ScrollIntoViewAnimation, type ScrollIntoViewParams, type Status, type Target, type UseCookieState, type UseCssVarOptions, type UseDarkOptions, type UseDraggableOptions, type UseElementBoundingOptions, type UseEventEmitterReturn, type UseEyeDropperReturn, type UseFileDialogOptions, type UseFpsOptions, type UseFullScreenOptions, type UseInfiniteScrollOptions, type UseLongPressOptions, type UseMeasureRect, type UseMediaDeviceOptions, type UseModifierOptions, type UseScriptTagOptions, type UseScrollOptions, type UseStickyParams, type UseTextDirectionOptions, type UseTextDirectionValue, type UseTimeoutFnOptions, type UseVirtualListItem, type UseVirtualListOptions, type UseVirtualListReturn, type UseWindowScrollState, type WindowSize, getHMSTime, useActiveElement, useAsyncEffect, useClickOutside, useClipBorad as useClipboard, useControlled, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, _default$2 as useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLocationSelector, useLongPress, useMeasure, useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, _default$1 as useOnceEffect, _default as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, _default$4 as useUpdateEffect, _default$3 as useUpdateLayoutEffect, useVirtualList, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };
+export { type ColorScheme, type Contrast, type DepsEqualFnType, type EventType, type INetworkInformation, type IUseNetworkState, type KeyModifier, type UseActiveElement, type UseAsyncEffect, type UseClickOutside, type UseClipboard, type UseCookie, type UseCookieState, type UseCountDown, type UseCounter, type UseCssVar, type UseCssVarOptions, type UseCustomCompareEffect, type UseCycleList, type UseDarkMode, type UseDarkOptions, type UseDebounce, type UseDebounceFn, type UseDeepCompareEffect, type UseDocumentVisibility, type UseDoubleClick, type UseDoubleClickProps, type UseDraggable, type UseDraggableOptions, type UseDropZone, type UseElementBounding, type UseElementBoundingOptions, type UseElementBoundingReturn, type UseElementSize, type UseElementVisibility, type UseEvent, type UseEventEmitter, type UseEventEmitterDisposable, type UseEventEmitterEvent, type UseEventEmitterEventOnce, type UseEventEmitterListener, type UseEventEmitterReturn, type UseEventListener, type UseEyeDropper, type UseEyeDropperOpenOptions, type UseEyeDropperOpenReturnType, type UseFavicon, type UseFileDialog, type UseFileDialogOptions, type UseFirstMountState, type UseFocus, type UseFps, type UseFpsOptions, type UseFullScreenOptions, type UseFullscreen, type UseGeolocation, type UseHover, type UseIdle, type UseInfiniteScroll, type UseInfiniteScrollArrivedState, type UseInfiniteScrollDirection, type UseInfiniteScrollLoadMore, type UseInfiniteScrollOptions, type UseIntersectionObserver, type UseInterval, type UseIntervalOptions, type UseKeyModifier, type UseLatest, type UseLocalStorage, type UseLocalStorageOptions, type UseLocalStorageSerializer, type UseLocationSelector, type UseLongPress, type UseLongPressOptions, type UseMeasure, type UseMeasureRect, type UseMediaDeviceOptions, type UseMediaDevices, type UseMediaQuery, type UseModifierOptions, type UseMount, type UseMountedState, type UseMouse, type UseMouseCursorState, type UseMousePressed, type UseMousePressedOptions, type UseMousePressedSourceType, type UseMutationObserver, type UseNetwork, type UseObjectUrl, type UseOnline, type UseOrientation, type UseOrientationLockType, type UseOrientationState, type UseOrientationType, type UsePageLeave, type UsePermission, type UsePermissionDescriptorNamePolyfill, type UsePermissionGeneralPermissionDescriptor, type UsePermissionState, type UsePreferredColorScheme, type UsePreferredContrast, type UsePreferredDark, type UsePrevious, type UseRafFn, type UseRafState, type UseReducedMotion, type UseResizeObserver, type UseScreenSafeArea, type UseScriptTag, type UseScriptTagOptions, type UseScriptTagStatus, type UseScroll, type UseScrollArrivedState, type UseScrollDirection, type UseScrollIntoView, type UseScrollIntoViewAnimation, type UseScrollIntoViewParams, type UseScrollLock, type UseScrollOffset, type UseScrollOptions, type UseSessionStorage, type UseSessionStorageOptions, type UseSessionStorageSerializer, type UseSetState, type UseSticky, type UseStickyParams, type UseSupported, type UseTextDirection, type UseTextDirectionOptions, type UseTextDirectionValue, type UseTextSelection, type UseThrottle, type UseThrottleFn, type UseTimeout, type UseTimeoutFn, type UseTimeoutFnOptions, type UseTimeoutOptions, type UseTitle, type UseToggle, type UseUnmount, type UseUpdate, type UseWebNotification, type UseWebNotificationReturn, type UseWebNotificationShow, type UseWindowScroll, type UseWindowScrollState, type UseWindowSize, type UseWindowsFocus, defaultOptions, useActiveElement, useAsyncEffect, useClickOutside, useClipboard, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLocationSelector, useLongPress, useMeasure, useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, useOnceEffect, useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };