@lite-code/aui-react 0.0.1

package/dist/grid/index.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import "./grid.css";
+type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type ColSize = number | {
+    span?: number;
+    offset?: number;
+    order?: number;
+};
+export interface RowProps {
+    gutter?: number | [number, number] | Partial<Record<Breakpoint, number>>;
+    justify?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+    align?: "top" | "middle" | "bottom" | "stretch";
+    wrap?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface ColProps {
+    span?: number;
+    offset?: number;
+    order?: number;
+    flex?: string | number;
+    xs?: ColSize;
+    sm?: ColSize;
+    md?: ColSize;
+    lg?: ColSize;
+    xl?: ColSize;
+    xxl?: ColSize;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function Row({ gutter, justify, align, wrap, children, className, style, }: RowProps): import("react/jsx-runtime").JSX.Element;
+export declare function Col({ span, offset, order, flex, xs, sm, md, lg, xl, xxl, children, className, style, }: ColProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/icon/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type IconName = "x-circle" | "eye" | "eye-off" | "check" | "chevron-down" | "chevron-right" | "chevron-left" | "chevron-up" | "x" | "calendar" | "warn" | "spin" | "circle-check" | "circle-x" | "circle-warn" | "circle-info" | "circle-loading" | "empty-data" | "spinner" | "plus" | "refresh" | "upload" | "cloud-upload" | "file" | "file-image" | "trash" | "clock";
+export interface IconProps {
+    name: IconName;
+    size?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function Icon({ name, size, className, style }: IconProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/image-compressor/engine.d.ts

@@ -0,0 +1,55 @@
+/**
+ * 图片压缩核心引擎
+ * - 现代格式优先：AVIF → WebP → PNG/JPEG
+ * - 阶梯缩放：逐步 50% 消除锯齿
+ * - 二分质量搜索：精准命中目标体积
+ */
+export declare function resolveOutputFormat(hasAlpha: boolean, prefer: CompressFormat): string;
+export declare function detectAlpha(imageData: ImageData): boolean;
+export declare function calcScaledSize(srcW: number, srcH: number, maxW: number, maxH: number): {
+    width: number;
+    height: number;
+};
+export declare function drawToCanvas(source: HTMLImageElement | ImageBitmap, targetW: number, targetH: number): HTMLCanvasElement;
+export declare function canvasToBlob(canvas: HTMLCanvasElement, mimeType: string, quality: number): Promise<Blob>;
+export declare function binarySearchQuality(canvas: HTMLCanvasElement, mimeType: string, targetSize: number, minQ: number, maxQ: number, step: number, onIteration?: (q: number) => void): Promise<Blob>;
+export declare function loadImage(source: File | Blob | string): Promise<HTMLImageElement>;
+export declare function blobToDataURL(blob: Blob): Promise<string>;
+export type CompressFormat = "auto" | "webp" | "avif" | "jpeg" | "png";
+export interface CompressOptions {
+    /** 最大宽度(px)，0 = 不限 */
+    maxWidth?: number;
+    /** 最大高度(px)，0 = 不限 */
+    maxHeight?: number;
+    /** 初始质量 0~1 */
+    quality?: number;
+    /** 目标文件大小上限(bytes)，0 = 不限 */
+    targetSize?: number;
+    /** 二分法收敛精度 */
+    qualityStep?: number;
+    /** 最低质量兜底 */
+    minQuality?: number;
+    /** 格式偏好 */
+    format?: CompressFormat;
+    /** 是否保留透明通道 */
+    preserveAlpha?: boolean;
+}
+export interface CompressResult {
+    blob: Blob;
+    dataURL: string;
+    format: string;
+    quality: number;
+    originalSize: number;
+    compressedSize: number;
+    /** 体积比，越低越好 */
+    ratio: number;
+    originalDimensions: {
+        width: number;
+        height: number;
+    };
+    outputDimensions: {
+        width: number;
+        height: number;
+    };
+}
+export declare function compressImage(input: File | Blob | string, options?: CompressOptions): Promise<CompressResult>;

package/dist/image-compressor/index.d.ts

@@ -0,0 +1,5 @@
+import type { ImageCompressorProps } from "./types";
+import "./image-compressor.css";
+export { useImageCompressor } from "./use-image-compressor";
+export type { ImageCompressorProps, CompressFile, CompressResult, CompressOptions, CompressFormat, ImageCompressorStatus, } from "./types";
+export declare function ImageCompressor(props: ImageCompressorProps): import("react/jsx-runtime").JSX.Element;

package/dist/image-compressor/types.d.ts

@@ -0,0 +1,44 @@
+import type React from "react";
+import type { CompressFormat, CompressOptions, CompressResult } from "./engine";
+export type { CompressFormat, CompressOptions, CompressResult };
+export type ImageCompressorStatus = "idle" | "compressing" | "done" | "error";
+export interface CompressFile {
+    /** 唯一 ID */
+    uid: string;
+    /** 原始 File 对象 */
+    originFile: File;
+    /** 压缩状态 */
+    status: ImageCompressorStatus;
+    /** 压缩结果（done 时有值） */
+    result?: CompressResult;
+    /** 错误信息（error 时有值） */
+    error?: string;
+}
+export interface ImageCompressorProps {
+    /** 自动压缩（文件选中后立即开始，默认 false，需手动点击） */
+    autoCompress?: boolean;
+    /** 最大同时处理数（默认 3） */
+    concurrency?: number;
+    /** 最多选择文件数 */
+    maxCount?: number;
+    /** 是否允许多选（默认 true） */
+    multiple?: boolean;
+    /** 接受的文件类型，默认 image/* */
+    accept?: string;
+    /** 压缩选项 */
+    compressOptions?: CompressOptions;
+    /** 文件变更回调（含状态） */
+    onChange?: (files: CompressFile[]) => void;
+    /** 全部压缩完成回调 */
+    onComplete?: (files: CompressFile[]) => void;
+    /** 单文件压缩完成 */
+    onFileComplete?: (file: CompressFile) => void;
+    /** 是否显示操作栏（默认 true） */
+    showActions?: boolean;
+    /** 是否显示结果统计（默认 true） */
+    showStats?: boolean;
+    /** 自定义下载文件名生成 */
+    getOutputFilename?: (file: CompressFile) => string;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/dist/image-compressor/use-image-compressor.d.ts

@@ -0,0 +1,21 @@
+import type { CompressFile, ImageCompressorProps } from "./types";
+export declare function useImageCompressor(props: ImageCompressorProps): {
+    files: CompressFile[];
+    compressing: boolean;
+    stats: {
+        total: number;
+        idle: number;
+        doing: number;
+        done: number;
+        error: number;
+        savedBytes: number;
+        savedRatio: number;
+    };
+    handleFiles: (rawFiles: File[]) => void;
+    compress: () => void;
+    compressAll: () => void;
+    removeFile: (uid: string) => void;
+    clearAll: () => void;
+    downloadFile: (item: CompressFile) => void;
+    downloadAll: () => void;
+};