@fly4react/image/dist/utils/preload.d.ts

Image optimization and lazy loading utilities for React

/**
 * 图片预加载工具
 * 支持 SSR 和客户端的图片预加载功能
 */
export interface PreloadOptions {
    /** 图片 URL */
    src: string;
    /** 图片类型，默认为 'image' */
    type?: "image" | "image/webp" | "image/avif" | "image/jpeg" | "image/png" | "image/gif" | "image/svg+xml";
    /** 是否在 SSR 时预加载 */
    ssr?: boolean;
    /** 预加载优先级 */
    priority?: "high" | "low" | "auto";
    /** 图片尺寸信息 */
    sizes?: string;
    /** 媒体查询 */
    media?: string;
}
/**
 * 检测是否在服务端环境
 */
export declare const isServer: boolean;
/**
 * 检测是否在浏览器环境
 */
export declare const isBrowser: boolean;
/**
 * 获取预加载队列
 */
export declare const getPreloadQueue: () => PreloadOptions[];
/**
 * 清空预加载队列
 */
export declare const clearPreloadQueue: () => void;
/**
 * 检查图片是否已经在预加载队列中
 */
export declare const isImageInPreloadQueue: (src: string) => boolean;
/**
 * 添加图片到预加载队列
 */
export declare const addToPreloadQueue: (options: PreloadOptions) => void;
/**
 * 生成 SSR 预加载 HTML
 */
export declare const generatePreloadHTML: () => string;
/**
 * 批量添加图片到预加载队列
 */
export declare const addImagesToPreloadQueue: (options: PreloadOptions[]) => void;
//# sourceMappingURL=preload.d.ts.map