/** * useElementSize Hook 配置 */ export interface UseElementSizeOptions { /** 元素选择器(类名、ID 或其他 CSS 选择器) */ selector: string; /** 是否启用监听(默认 true) */ enabled?: boolean; /** 默认宽度(元素不存在时使用) */ defaultWidth?: number; /** 默认高度(元素不存在时使用) */ defaultHeight?: number; /** 尺寸变化阈值(像素),只有变化超过此值才更新(默认 1px) */ threshold?: number; /** 防抖延迟时间(毫秒),默认 100ms */ debounceMs?: number; } /** * 元素尺寸信息 */ export interface ElementSize { width: number; height: number; } /** * 元素尺寸计算 Hook(宽度和高度) * * @description 计算指定元素的宽度和高度,并监听尺寸变化自动更新 * 使用 ResizeObserver 和防抖机制优化性能,减少不必要的更新 * * @example * const { width, height } = useElementSize({ * selector: '.modal-container', * defaultWidth: 0, * defaultHeight: 0 * }); */ export declare const useElementSize: ({ selector, enabled, defaultWidth, defaultHeight, debounceMs, }: UseElementSizeOptions) => ElementSize;