@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/upload/upload.js

@@ -0,0 +1,496 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CloudUpload, RotateCw, Upload as external_lucide_react_Upload, X } from "lucide-react";
+import { forwardRef, useEffect, useId, useImperativeHandle, useRef, useState } from "react";
+import { Button } from "../button/index.js";
+import { FileList } from "../filelist/index.js";
+import { fileName } from "../filelist/model.js";
+import { FieldScope, useFormField } from "../form/form.js";
+import { classes } from "../shared/classes.js";
+import { FormValue } from "../shared/field.js";
+import { useText } from "../shared/use-text.js";
+import { acceptsFile, uploadRequest } from "./request.js";
+const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileList = [], onChange, accept, multiple = false, disabled: disabledProp, drag = false, maxCount, maxSize, beforeUpload, onReject, action, method = 'POST', headers, data, withCredentials = false, fieldName = 'file', customRequest, onRemove, showFileList = true, hint, children, name, form, required, autoUpload = true, concurrency = 3, directory, paste, listType = 'text', id: idProp, className, onDragEnter, onDragLeave, onDragOver, onDrop, ...props }, ref) {
+    const field = useFormField();
+    const disabled = disabledProp || field?.disabled;
+    const t = useText();
+    const id = useId();
+    const count = useRef(0);
+    const input = useRef(null);
+    const trigger = useRef(null);
+    const waiting = useRef(new Map());
+    const generation = useRef(0);
+    const [internal, setInternal] = useState(defaultFileList);
+    const [dragging, setDragging] = useState(false);
+    const [validating, setValidating] = useState(false);
+    const [errors, setErrors] = useState([]);
+    const current = fileList ?? internal;
+    useEffect(()=>{
+        const owner = input.current?.form;
+        const reset = (event)=>queueMicrotask(()=>{
+                if (event.defaultPrevented) return;
+                generation.current++;
+                for (const job of jobs.current.values())job.abort();
+                jobs.current.clear();
+                waiting.current.clear();
+                if (void 0 === fileList) {
+                    setInternal(defaultFileList);
+                    latest.current.current = defaultFileList;
+                }
+                setErrors([]);
+                setValidating(false);
+            });
+        const serialize = (event)=>{
+            if (!name || disabled) return;
+            for (const file of latest.current.current)if (file.originFile) event.formData.append(name, file.originFile, file.name);
+            else if (file.url) event.formData.append(name, file.url);
+        };
+        owner?.addEventListener('reset', reset);
+        owner?.addEventListener('formdata', serialize);
+        return ()=>{
+            owner?.removeEventListener('reset', reset);
+            owner?.removeEventListener('formdata', serialize);
+        };
+    }, [
+        fileList,
+        defaultFileList,
+        form,
+        name,
+        disabled
+    ]);
+    const latest = useRef({
+        current,
+        fileList,
+        onChange,
+        action,
+        customRequest,
+        method,
+        headers,
+        data,
+        withCredentials,
+        fieldName
+    });
+    latest.current = {
+        current,
+        fileList,
+        onChange,
+        action,
+        customRequest,
+        method,
+        headers,
+        data,
+        withCredentials,
+        fieldName
+    };
+    const jobs = useRef(new Map());
+    const urls = useRef(new Map());
+    const mounted = useRef(true);
+    const serial = useRef(Promise.resolve());
+    useEffect(()=>{
+        mounted.current = true;
+        return ()=>{
+            mounted.current = false;
+            for (const job of jobs.current.values())job.abort();
+            jobs.current.clear();
+            for (const url of urls.current.values())URL.revokeObjectURL(url);
+            urls.current.clear();
+        };
+    }, []);
+    useEffect(()=>{
+        const present = new Set(current.map((file)=>file.uid));
+        for (const [uid, job] of jobs.current)if (!present.has(uid)) {
+            job.abort();
+            jobs.current.delete(uid);
+        }
+        for (const [uid, url] of urls.current)if (!present.has(uid)) {
+            URL.revokeObjectURL(url);
+            urls.current.delete(uid);
+        }
+    }, [
+        current
+    ]);
+    const commit = (next, info)=>{
+        if (!mounted.current) return;
+        latest.current.current = next;
+        if (void 0 === latest.current.fileList) setInternal(next);
+        latest.current.onChange?.(next, info);
+    };
+    const update = (uid, values, reason)=>{
+        const file = latest.current.current.find((file)=>file.uid === uid);
+        if (!file) return;
+        const next = {
+            ...file,
+            ...values
+        };
+        commit(latest.current.current.map((file)=>file.uid === uid ? next : file), {
+            file: next,
+            reason
+        });
+    };
+    const start = async (file)=>{
+        if (disabled || !file.originFile || jobs.current.has(file.uid) || !mounted.current || !latest.current.current.some((item)=>item.uid === file.uid)) return;
+        if (jobs.current.size >= Math.max(1, Math.floor(concurrency))) return void waiting.current.set(file.uid, file);
+        waiting.current.delete(file.uid);
+        const config = latest.current;
+        if (!config.action && !config.customRequest) return;
+        const request = new AbortController();
+        jobs.current.set(file.uid, request);
+        update(file.uid, {
+            status: 'uploading',
+            percent: 0,
+            error: void 0
+        }, 'progress');
+        const progress = (percent)=>{
+            if (!request.signal.aborted && jobs.current.get(file.uid) === request && Number.isFinite(percent)) update(file.uid, {
+                percent: Math.max(0, Math.min(99, percent))
+            }, 'progress');
+        };
+        try {
+            let result;
+            if (config.customRequest) result = await config.customRequest({
+                file: file.originFile,
+                signal: request.signal,
+                onProgress: progress
+            }) || void 0;
+            else {
+                const address = 'function' == typeof config.action ? await config.action(file.originFile) : config.action;
+                if (request.signal.aborted) return;
+                if (!address) throw new Error(t('上传地址不能为空', 'Upload URL cannot be empty'));
+                result = await uploadRequest({
+                    file: file.originFile,
+                    signal: request.signal,
+                    onProgress: progress,
+                    action: address,
+                    method: config.method,
+                    headers: config.headers,
+                    data: config.data,
+                    withCredentials: config.withCredentials,
+                    fieldName: config.fieldName
+                });
+            }
+            if (!request.signal.aborted && jobs.current.get(file.uid) === request) update(file.uid, {
+                status: 'done',
+                percent: 100,
+                response: result?.response,
+                ...result?.url ? {
+                    url: result.url
+                } : {},
+                ...result?.name ? {
+                    name: result.name
+                } : {}
+            }, 'success');
+        } catch (reason) {
+            if (!request.signal.aborted && jobs.current.get(file.uid) === request) update(file.uid, {
+                status: 'error',
+                error: reason instanceof Error ? reason.message : t('上传失败', 'Upload failed')
+            }, 'error');
+        } finally{
+            if (jobs.current.get(file.uid) === request) jobs.current.delete(file.uid);
+            const next = waiting.current.values().next().value;
+            if (next) start(next);
+        }
+    };
+    useImperativeHandle(ref, ()=>({
+            upload: (uid)=>{
+                for (const file of latest.current.current)if ((!uid || file.uid === uid) && [
+                    'ready',
+                    'error',
+                    'cancelled'
+                ].includes(file.status ?? 'ready')) start(file);
+            },
+            abort: (uid)=>{
+                for (const [key, job] of jobs.current)if (!uid || key === uid) {
+                    job.abort();
+                    jobs.current.delete(key);
+                    update(key, {
+                        status: 'cancelled'
+                    }, 'cancel');
+                }
+                if (uid) waiting.current.delete(uid);
+                else waiting.current.clear();
+            },
+            focus: ()=>trigger.current?.focus()
+        }));
+    const addFiles = (files)=>{
+        if (disabled || !files.length) return;
+        const batchGeneration = generation.current;
+        serial.current = serial.current.then(async ()=>{
+            if (!mounted.current || batchGeneration !== generation.current) return;
+            setValidating(true);
+            setErrors([]);
+            const rejected = [];
+            const accepted = [];
+            for (const original of files){
+                let file = original;
+                const reject = (reason, message)=>rejected.push({
+                        file: original,
+                        reason,
+                        message
+                    });
+                if (!multiple && accepted.length > 0) {
+                    reject('count', t('每次只能选择一个文件', 'Choose one file at a time'));
+                    continue;
+                }
+                if (!acceptsFile(file, accept)) {
+                    reject('type', t('文件格式不支持', 'File type is not accepted'));
+                    continue;
+                }
+                if (void 0 !== maxSize && file.size > maxSize) {
+                    reject('size', t('文件超过大小限制', 'File exceeds the size limit'));
+                    continue;
+                }
+                if (void 0 !== maxCount && latest.current.current.length + accepted.length >= maxCount) {
+                    reject('count', t('文件数量达到上限', 'File count limit reached'));
+                    continue;
+                }
+                try {
+                    const result = await beforeUpload?.(file);
+                    if (!mounted.current || batchGeneration !== generation.current) return;
+                    if (false === result) {
+                        reject('validation', t('文件未通过校验', 'File validation failed'));
+                        continue;
+                    }
+                    if (result instanceof File) file = result;
+                } catch (reason) {
+                    reject('validation', reason instanceof Error ? reason.message : t('文件未通过校验', 'File validation failed'));
+                    continue;
+                }
+                if (!mounted.current || batchGeneration !== generation.current) return;
+                const uid = `${id}-${++count.current}`;
+                let url;
+                if (/^(image|video|audio)\//.test(file.type)) {
+                    url = URL.createObjectURL(file);
+                    urls.current.set(uid, url);
+                }
+                accepted.push({
+                    uid,
+                    name: file.name,
+                    size: file.size,
+                    type: file.type,
+                    originFile: file,
+                    status: 'ready',
+                    url
+                });
+            }
+            if (!mounted.current || batchGeneration !== generation.current) return;
+            if (accepted.length) {
+                commit([
+                    ...latest.current.current,
+                    ...accepted
+                ], {
+                    file: accepted.at(-1),
+                    reason: 'add'
+                });
+                if (autoUpload) for (const file of accepted)start(file);
+            }
+            setErrors(rejected);
+            setValidating(false);
+            if (rejected.length) onReject?.(rejected);
+        }).catch((reason)=>{
+            if (mounted.current) {
+                setValidating(false);
+                setErrors([
+                    {
+                        file: files[0],
+                        reason: 'validation',
+                        message: String(reason)
+                    }
+                ]);
+            }
+        });
+    };
+    const remove = async (file)=>{
+        if (disabled) return;
+        const entry = latest.current.current.find((item)=>item.uid === file.uid);
+        if (!entry || await onRemove?.(entry) === false || !mounted.current) return;
+        jobs.current.get(entry.uid)?.abort();
+        jobs.current.delete(entry.uid);
+        waiting.current.delete(entry.uid);
+        const url = urls.current.get(entry.uid);
+        if (url) {
+            URL.revokeObjectURL(url);
+            urls.current.delete(entry.uid);
+        }
+        commit(latest.current.current.filter((item)=>item.uid !== entry.uid), {
+            file: entry,
+            reason: 'remove'
+        });
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        className: classes('leaf-upload', drag && 'leaf-upload--drag', `leaf-upload--${listType}`, className),
+        "data-disabled": disabled || void 0,
+        "data-dragging": dragging || void 0,
+        onPaste: (event)=>{
+            props.onPaste?.(event);
+            if (paste && !event.defaultPrevented && !disabled && event.clipboardData.files.length) {
+                event.preventDefault();
+                addFiles([
+                    ...event.clipboardData.files
+                ]);
+            }
+        },
+        onDragEnter: (event)=>{
+            onDragEnter?.(event);
+            if (!event.defaultPrevented && !disabled) {
+                event.preventDefault();
+                setDragging(true);
+            }
+        },
+        onDragOver: (event)=>{
+            onDragOver?.(event);
+            if (!event.defaultPrevented && !disabled) {
+                event.preventDefault();
+                event.dataTransfer.dropEffect = 'copy';
+            }
+        },
+        onDragLeave: (event)=>{
+            onDragLeave?.(event);
+            if (!event.currentTarget.contains(event.relatedTarget)) setDragging(false);
+        },
+        onDrop: (event)=>{
+            onDrop?.(event);
+            setDragging(false);
+            if (event.defaultPrevented) return;
+            event.preventDefault();
+            if (!disabled) addFiles([
+                ...event.dataTransfer.files
+            ]);
+        },
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                ref: input,
+                form: form,
+                ...directory ? {
+                    webkitdirectory: '',
+                    directory: ''
+                } : {},
+                hidden: true,
+                type: "file",
+                className: "leaf-upload__input",
+                accept: accept,
+                multiple: multiple,
+                disabled: disabled,
+                tabIndex: -1,
+                "aria-label": t('选择文件', 'Choose files'),
+                onChange: (event)=>{
+                    addFiles([
+                        ...event.target.files ?? []
+                    ]);
+                    event.target.value = '';
+                }
+            }),
+            drag ? /*#__PURE__*/ jsxs("button", {
+                ref: trigger,
+                id: idProp ?? field?.id,
+                type: "button",
+                className: "leaf-upload__dropzone",
+                disabled: disabled || validating,
+                onClick: ()=>input.current?.click(),
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "leaf-upload__symbol",
+                        children: /*#__PURE__*/ jsx(CloudUpload, {
+                            size: 28,
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "leaf-upload__title",
+                        children: children ?? t('点击或拖拽文件到这里', 'Click or drop files here')
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "leaf-upload__hint",
+                        children: hint ?? t('支持选择和拖拽上传', 'Choose files or drag them into this area')
+                    })
+                ]
+            }) : /*#__PURE__*/ jsxs("div", {
+                className: "leaf-upload__trigger",
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        ref: trigger,
+                        id: idProp ?? field?.id,
+                        variant: "outline",
+                        disabled: disabled,
+                        loading: validating,
+                        startIcon: /*#__PURE__*/ jsx(external_lucide_react_Upload, {
+                            size: 16
+                        }),
+                        onClick: ()=>input.current?.click(),
+                        children: children ?? t('选择文件', 'Choose files')
+                    }),
+                    hint && /*#__PURE__*/ jsx("span", {
+                        className: "leaf-upload__hint",
+                        children: hint
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(FormValue, {
+                value: current.length ? 'selected' : '',
+                required: required ?? field?.required,
+                form: form,
+                disabled: disabled,
+                triggerRef: trigger
+            }),
+            errors.length > 0 && /*#__PURE__*/ jsx("ul", {
+                className: "leaf-upload__errors",
+                role: "alert",
+                children: errors.map((error)=>/*#__PURE__*/ jsxs("li", {
+                        children: [
+                            error.file.name,
+                            ": ",
+                            error.message
+                        ]
+                    }, `${error.file.name}-${error.file.lastModified}-${error.reason}`))
+            }),
+            showFileList && current.length > 0 && /*#__PURE__*/ jsx(FieldScope, {
+                children: /*#__PURE__*/ jsx(FileList, {
+                    items: current,
+                    listType: listType,
+                    disabled: disabled,
+                    removable: true,
+                    onRemove: remove,
+                    renderActions: (file, actions)=>/*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                'uploading' === file.status && /*#__PURE__*/ jsx(Button, {
+                                    variant: "ghost",
+                                    size: "sm",
+                                    disabled: disabled,
+                                    startIcon: /*#__PURE__*/ jsx(X, {
+                                        size: 15
+                                    }),
+                                    "aria-label": `${t('取消上传', 'Cancel upload')} ${fileName(file)}`,
+                                    onClick: ()=>{
+                                        if (!file.uid) return;
+                                        jobs.current.get(file.uid)?.abort();
+                                        jobs.current.delete(file.uid);
+                                        update(file.uid, {
+                                            status: 'cancelled'
+                                        }, 'cancel');
+                                    }
+                                }),
+                                [
+                                    'error',
+                                    'cancelled',
+                                    'ready'
+                                ].includes(file.status ?? '') && (action || customRequest) && file.originFile && /*#__PURE__*/ jsx(Button, {
+                                    variant: "ghost",
+                                    size: "sm",
+                                    disabled: disabled,
+                                    startIcon: /*#__PURE__*/ jsx(RotateCw, {
+                                        size: 15
+                                    }),
+                                    "aria-label": `${t('重新上传', 'Retry upload')} ${fileName(file)}`,
+                                    onClick: ()=>void start(file)
+                                }),
+                                actions
+                            ]
+                        })
+                })
+            })
+        ]
+    });
+});
+export { upload_Upload as Upload };
+
+//# sourceMappingURL=upload.js.map

package/dist/esm/upload/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload/upload.js","sources":["../../../src/upload/upload.tsx"],"sourcesContent":["import { CloudUpload, RotateCw, Upload as UploadIcon, X } from 'lucide-react';\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport { Button } from '../button';\nimport { type FileItem, FileList } from '../filelist';\nimport { fileName } from '../filelist/model';\nimport { FieldScope, useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue } from '../shared/field';\nimport { useText } from '../shared/use-text';\nimport { acceptsFile, type UploadRequest, type UploadResult, uploadRequest } from './request';\n\nexport interface UploadFile extends FileItem {\n  uid: string;\n  response?: unknown;\n}\nexport interface UploadChangeInfo {\n  file?: UploadFile;\n  reason: 'add' | 'progress' | 'success' | 'error' | 'remove' | 'cancel';\n}\nexport interface UploadRejection {\n  file: File;\n  reason: 'type' | 'size' | 'count' | 'validation';\n  message: string;\n}\nexport interface UploadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  fileList?: readonly UploadFile[];\n  defaultFileList?: readonly UploadFile[];\n  onChange?: (files: UploadFile[], info: UploadChangeInfo) => void;\n  accept?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  drag?: boolean;\n  maxCount?: number;\n  maxSize?: number;\n  beforeUpload?: (file: File) => boolean | File | Promise<boolean | File>;\n  onReject?: (rejections: readonly UploadRejection[]) => void;\n  action?: string | ((file: File) => string | Promise<string>);\n  method?: 'POST' | 'PUT';\n  headers?: Readonly<Record<string, string>>;\n  data?: Readonly<Record<string, string | Blob>>;\n  withCredentials?: boolean;\n  fieldName?: string;\n  // biome-ignore lint/suspicious/noConfusingVoidType: Custom transports may finish via callbacks without returning a result.\n  customRequest?: (request: UploadRequest) => Promise<UploadResult | void>;\n  onRemove?: (file: UploadFile) => boolean | void | Promise<boolean> | Promise<void>;\n  showFileList?: boolean;\n  hint?: ReactNode;\n  children?: ReactNode;\n  name?: string;\n  form?: string;\n  required?: boolean;\n  autoUpload?: boolean;\n  concurrency?: number;\n  directory?: boolean;\n  paste?: boolean;\n  listType?: 'text' | 'picture' | 'picture-card';\n}\nexport interface UploadHandle {\n  upload: (uid?: string) => void;\n  abort: (uid?: string) => void;\n  focus: () => void;\n}\nexport const Upload = forwardRef<UploadHandle, UploadProps>(function Upload(\n  {\n    fileList,\n    defaultFileList = [],\n    onChange,\n    accept,\n    multiple = false,\n    disabled: disabledProp,\n    drag = false,\n    maxCount,\n    maxSize,\n    beforeUpload,\n    onReject,\n    action,\n    method = 'POST',\n    headers,\n    data,\n    withCredentials = false,\n    fieldName = 'file',\n    customRequest,\n    onRemove,\n    showFileList = true,\n    hint,\n    children,\n    name,\n    form,\n    required,\n    autoUpload = true,\n    concurrency = 3,\n    directory,\n    paste,\n    listType = 'text',\n    id: idProp,\n    className,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    ...props\n  }: UploadProps,\n  ref,\n) {\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const t = useText();\n  const id = useId();\n  const count = useRef(0);\n  const input = useRef<HTMLInputElement>(null);\n  const trigger = useRef<HTMLButtonElement>(null);\n  const waiting = useRef(new Map<string, UploadFile>());\n  const generation = useRef(0);\n  const [internal, setInternal] = useState<readonly UploadFile[]>(defaultFileList);\n  const [dragging, setDragging] = useState(false);\n  const [validating, setValidating] = useState(false);\n  const [errors, setErrors] = useState<readonly UploadRejection[]>([]);\n  const current = fileList ?? internal;\n  // biome-ignore lint/correctness/useExhaustiveDependencies: The form prop can reassign the input to another native form.\n  useEffect(() => {\n    const owner = input.current?.form;\n    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (event.defaultPrevented) return;\n        generation.current++;\n        for (const job of jobs.current.values()) job.abort();\n        jobs.current.clear();\n        waiting.current.clear();\n        if (fileList === undefined) {\n          setInternal(defaultFileList);\n          latest.current.current = defaultFileList;\n        }\n        setErrors([]);\n        setValidating(false);\n      });\n    const serialize = (event: FormDataEvent) => {\n      if (!name || disabled) return;\n      for (const file of latest.current.current) {\n        if (file.originFile) event.formData.append(name, file.originFile, file.name);\n        else if (file.url) event.formData.append(name, file.url);\n      }\n    };\n    owner?.addEventListener('reset', reset);\n    owner?.addEventListener('formdata', serialize);\n    return () => {\n      owner?.removeEventListener('reset', reset);\n      owner?.removeEventListener('formdata', serialize);\n    };\n  }, [fileList, defaultFileList, form, name, disabled]);\n  const latest = useRef({\n    current,\n    fileList,\n    onChange,\n    action,\n    customRequest,\n    method,\n    headers,\n    data,\n    withCredentials,\n    fieldName,\n  });\n  latest.current = {\n    current,\n    fileList,\n    onChange,\n    action,\n    customRequest,\n    method,\n    headers,\n    data,\n    withCredentials,\n    fieldName,\n  };\n  const jobs = useRef(new Map<string, AbortController>());\n  const urls = useRef(new Map<string, string>());\n  const mounted = useRef(true);\n  const serial = useRef(Promise.resolve());\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n      for (const job of jobs.current.values()) job.abort();\n      jobs.current.clear();\n      for (const url of urls.current.values()) URL.revokeObjectURL(url);\n      urls.current.clear();\n    };\n  }, []);\n  useEffect(() => {\n    const present = new Set(current.map((file) => file.uid));\n    for (const [uid, job] of jobs.current)\n      if (!present.has(uid)) {\n        job.abort();\n        jobs.current.delete(uid);\n      }\n    for (const [uid, url] of urls.current)\n      if (!present.has(uid)) {\n        URL.revokeObjectURL(url);\n        urls.current.delete(uid);\n      }\n  }, [current]);\n  const commit = (next: UploadFile[], info: UploadChangeInfo) => {\n    if (!mounted.current) return;\n    latest.current.current = next;\n    if (latest.current.fileList === undefined) setInternal(next);\n    latest.current.onChange?.(next, info);\n  };\n  const update = (uid: string, values: Partial<UploadFile>, reason: UploadChangeInfo['reason']) => {\n    const file = latest.current.current.find((file) => file.uid === uid);\n    if (!file) return;\n    const next = { ...file, ...values };\n    commit(\n      latest.current.current.map((file) => (file.uid === uid ? next : file)),\n      { file: next, reason },\n    );\n  };\n  const start = async (file: UploadFile) => {\n    if (\n      disabled ||\n      !file.originFile ||\n      jobs.current.has(file.uid) ||\n      !mounted.current ||\n      !latest.current.current.some((item) => item.uid === file.uid)\n    )\n      return;\n    if (jobs.current.size >= Math.max(1, Math.floor(concurrency))) {\n      waiting.current.set(file.uid, file);\n      return;\n    }\n    waiting.current.delete(file.uid);\n    const config = latest.current;\n    if (!config.action && !config.customRequest) return;\n    const request = new AbortController();\n    jobs.current.set(file.uid, request);\n    update(file.uid, { status: 'uploading', percent: 0, error: undefined }, 'progress');\n    const progress = (percent: number) => {\n      if (\n        !request.signal.aborted &&\n        jobs.current.get(file.uid) === request &&\n        Number.isFinite(percent)\n      )\n        update(file.uid, { percent: Math.max(0, Math.min(99, percent)) }, 'progress');\n    };\n    try {\n      let result: UploadResult | undefined;\n      if (config.customRequest)\n        result =\n          (await config.customRequest({\n            file: file.originFile,\n            signal: request.signal,\n            onProgress: progress,\n          })) || undefined;\n      else {\n        const address =\n          typeof config.action === 'function'\n            ? await config.action(file.originFile)\n            : config.action;\n        if (request.signal.aborted) return;\n        if (!address) throw new Error(t('上传地址不能为空', 'Upload URL cannot be empty'));\n        result = await uploadRequest({\n          file: file.originFile,\n          signal: request.signal,\n          onProgress: progress,\n          action: address,\n          method: config.method,\n          headers: config.headers,\n          data: config.data,\n          withCredentials: config.withCredentials,\n          fieldName: config.fieldName,\n        });\n      }\n      if (!request.signal.aborted && jobs.current.get(file.uid) === request)\n        update(\n          file.uid,\n          {\n            status: 'done',\n            percent: 100,\n            response: result?.response,\n            ...(result?.url ? { url: result.url } : {}),\n            ...(result?.name ? { name: result.name } : {}),\n          },\n          'success',\n        );\n    } catch (reason) {\n      if (!request.signal.aborted && jobs.current.get(file.uid) === request)\n        update(\n          file.uid,\n          {\n            status: 'error',\n            error: reason instanceof Error ? reason.message : t('上传失败', 'Upload failed'),\n          },\n          'error',\n        );\n    } finally {\n      if (jobs.current.get(file.uid) === request) jobs.current.delete(file.uid);\n      const next = waiting.current.values().next().value;\n      if (next) void start(next);\n    }\n  };\n  useImperativeHandle(ref, () => ({\n    upload: (uid) => {\n      for (const file of latest.current.current)\n        if (\n          (!uid || file.uid === uid) &&\n          ['ready', 'error', 'cancelled'].includes(file.status ?? 'ready')\n        )\n          void start(file);\n    },\n    abort: (uid) => {\n      for (const [key, job] of jobs.current)\n        if (!uid || key === uid) {\n          job.abort();\n          jobs.current.delete(key);\n          update(key, { status: 'cancelled' }, 'cancel');\n        }\n      if (uid) waiting.current.delete(uid);\n      else waiting.current.clear();\n    },\n    focus: () => trigger.current?.focus(),\n  }));\n  const addFiles = (files: readonly File[]) => {\n    if (disabled || !files.length) return;\n    const batchGeneration = generation.current;\n    serial.current = serial.current\n      .then(async () => {\n        if (!mounted.current || batchGeneration !== generation.current) return;\n        setValidating(true);\n        setErrors([]);\n        const rejected: UploadRejection[] = [];\n        const accepted: UploadFile[] = [];\n        for (const original of files) {\n          let file = original;\n          const reject = (reason: UploadRejection['reason'], message: string) =>\n            rejected.push({ file: original, reason, message });\n          if (!multiple && accepted.length > 0) {\n            reject('count', t('每次只能选择一个文件', 'Choose one file at a time'));\n            continue;\n          }\n          if (!acceptsFile(file, accept)) {\n            reject('type', t('文件格式不支持', 'File type is not accepted'));\n            continue;\n          }\n          if (maxSize !== undefined && file.size > maxSize) {\n            reject('size', t('文件超过大小限制', 'File exceeds the size limit'));\n            continue;\n          }\n          if (\n            maxCount !== undefined &&\n            latest.current.current.length + accepted.length >= maxCount\n          ) {\n            reject('count', t('文件数量达到上限', 'File count limit reached'));\n            continue;\n          }\n          try {\n            const result = await beforeUpload?.(file);\n            if (!mounted.current || batchGeneration !== generation.current) return;\n            if (result === false) {\n              reject('validation', t('文件未通过校验', 'File validation failed'));\n              continue;\n            }\n            if (result instanceof File) file = result;\n          } catch (reason) {\n            reject(\n              'validation',\n              reason instanceof Error\n                ? reason.message\n                : t('文件未通过校验', 'File validation failed'),\n            );\n            continue;\n          }\n          if (!mounted.current || batchGeneration !== generation.current) return;\n          const uid = `${id}-${++count.current}`;\n          let url: string | undefined;\n          if (/^(image|video|audio)\\//.test(file.type)) {\n            url = URL.createObjectURL(file);\n            urls.current.set(uid, url);\n          }\n          accepted.push({\n            uid,\n            name: file.name,\n            size: file.size,\n            type: file.type,\n            originFile: file,\n            status: 'ready',\n            url,\n          });\n        }\n        if (!mounted.current || batchGeneration !== generation.current) return;\n        if (accepted.length) {\n          commit([...latest.current.current, ...accepted], {\n            file: accepted.at(-1),\n            reason: 'add',\n          });\n          if (autoUpload) for (const file of accepted) void start(file);\n        }\n        setErrors(rejected);\n        setValidating(false);\n        if (rejected.length) onReject?.(rejected);\n      })\n      .catch((reason) => {\n        if (mounted.current) {\n          setValidating(false);\n          setErrors([{ file: files[0] as File, reason: 'validation', message: String(reason) }]);\n        }\n      });\n  };\n  const remove = async (file: FileItem) => {\n    if (disabled) return;\n    const entry = latest.current.current.find((item) => item.uid === file.uid);\n    if (!entry || (await onRemove?.(entry)) === false || !mounted.current) return;\n    jobs.current.get(entry.uid)?.abort();\n    jobs.current.delete(entry.uid);\n    waiting.current.delete(entry.uid);\n    const url = urls.current.get(entry.uid);\n    if (url) {\n      URL.revokeObjectURL(url);\n      urls.current.delete(entry.uid);\n    }\n    commit(\n      latest.current.current.filter((item) => item.uid !== entry.uid),\n      { file: entry, reason: 'remove' },\n    );\n  };\n  return (\n    // biome-ignore lint/a11y/noStaticElementInteractions: Drop handling augments the keyboard-accessible choose-file button inside this surface.\n    <div\n      {...props}\n      className={classes(\n        'leaf-upload',\n        drag && 'leaf-upload--drag',\n        `leaf-upload--${listType}`,\n        className,\n      )}\n      data-disabled={disabled || undefined}\n      data-dragging={dragging || undefined}\n      onPaste={(event) => {\n        props.onPaste?.(event);\n        if (paste && !event.defaultPrevented && !disabled && event.clipboardData.files.length) {\n          event.preventDefault();\n          addFiles([...event.clipboardData.files]);\n        }\n      }}\n      onDragEnter={(event) => {\n        onDragEnter?.(event);\n        if (!event.defaultPrevented && !disabled) {\n          event.preventDefault();\n          setDragging(true);\n        }\n      }}\n      onDragOver={(event) => {\n        onDragOver?.(event);\n        if (!event.defaultPrevented && !disabled) {\n          event.preventDefault();\n          event.dataTransfer.dropEffect = 'copy';\n        }\n      }}\n      onDragLeave={(event) => {\n        onDragLeave?.(event);\n        if (!event.currentTarget.contains(event.relatedTarget as Node)) setDragging(false);\n      }}\n      onDrop={(event) => {\n        onDrop?.(event);\n        setDragging(false);\n        if (event.defaultPrevented) return;\n        event.preventDefault();\n        if (!disabled) addFiles([...event.dataTransfer.files]);\n      }}\n    >\n      <input\n        ref={input}\n        form={form}\n        {...(directory ? { webkitdirectory: '', directory: '' } : {})}\n        hidden\n        type=\"file\"\n        className=\"leaf-upload__input\"\n        accept={accept}\n        multiple={multiple}\n        disabled={disabled}\n        tabIndex={-1}\n        aria-label={t('选择文件', 'Choose files')}\n        onChange={(event) => {\n          addFiles([...(event.target.files ?? [])]);\n          event.target.value = '';\n        }}\n      />\n      {drag ? (\n        <button\n          ref={trigger}\n          id={idProp ?? field?.id}\n          type=\"button\"\n          className=\"leaf-upload__dropzone\"\n          disabled={disabled || validating}\n          onClick={() => input.current?.click()}\n        >\n          <span className=\"leaf-upload__symbol\">\n            <CloudUpload size={28} aria-hidden=\"true\" />\n          </span>\n          <span className=\"leaf-upload__title\">\n            {children ?? t('点击或拖拽文件到这里', 'Click or drop files here')}\n          </span>\n          <span className=\"leaf-upload__hint\">\n            {hint ?? t('支持选择和拖拽上传', 'Choose files or drag them into this area')}\n          </span>\n        </button>\n      ) : (\n        <div className=\"leaf-upload__trigger\">\n          <Button\n            ref={trigger}\n            id={idProp ?? field?.id}\n            variant=\"outline\"\n            disabled={disabled}\n            loading={validating}\n            startIcon={<UploadIcon size={16} />}\n            onClick={() => input.current?.click()}\n          >\n            {children ?? t('选择文件', 'Choose files')}\n          </Button>\n          {hint && <span className=\"leaf-upload__hint\">{hint}</span>}\n        </div>\n      )}\n      <FormValue\n        value={current.length ? 'selected' : ''}\n        required={required ?? field?.required}\n        form={form}\n        disabled={disabled}\n        triggerRef={trigger}\n      />\n      {errors.length > 0 && (\n        <ul className=\"leaf-upload__errors\" role=\"alert\">\n          {errors.map((error) => (\n            <li key={`${error.file.name}-${error.file.lastModified}-${error.reason}`}>\n              {error.file.name}: {error.message}\n            </li>\n          ))}\n        </ul>\n      )}\n      {showFileList && current.length > 0 && (\n        <FieldScope>\n          <FileList\n            items={current}\n            listType={listType}\n            disabled={disabled}\n            removable\n            onRemove={remove}\n            renderActions={(file, actions) => (\n              <>\n                {file.status === 'uploading' && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    disabled={disabled}\n                    startIcon={<X size={15} />}\n                    aria-label={`${t('取消上传', 'Cancel upload')} ${fileName(file)}`}\n                    onClick={() => {\n                      if (!file.uid) return;\n                      jobs.current.get(file.uid)?.abort();\n                      jobs.current.delete(file.uid);\n                      update(file.uid, { status: 'cancelled' }, 'cancel');\n                    }}\n                  />\n                )}\n                {['error', 'cancelled', 'ready'].includes(file.status ?? '') &&\n                  (action || customRequest) &&\n                  file.originFile && (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      disabled={disabled}\n                      startIcon={<RotateCw size={15} />}\n                      aria-label={`${t('重新上传', 'Retry upload')} ${fileName(file)}`}\n                      onClick={() => void start(file as UploadFile)}\n                    />\n                  )}\n                {actions}\n              </>\n            )}\n          />\n        </FieldScope>\n      )}\n    </div>\n  );\n});\n"],"names":["Upload","forwardRef","fileList","defaultFileList","onChange","accept","multiple","disabledProp","drag","maxCount","maxSize","beforeUpload","onReject","action","method","headers","data","withCredentials","fieldName","customRequest","onRemove","showFileList","hint","children","name","form","required","autoUpload","concurrency","directory","paste","listType","idProp","className","onDragEnter","onDragLeave","onDragOver","onDrop","props","ref","field","useFormField","disabled","t","useText","id","useId","count","useRef","input","trigger","waiting","Map","generation","internal","setInternal","useState","dragging","setDragging","validating","setValidating","errors","setErrors","current","useEffect","owner","reset","event","queueMicrotask","job","jobs","undefined","latest","serialize","file","urls","mounted","serial","Promise","url","URL","present","Set","uid","commit","next","info","update","values","reason","start","item","Math","config","request","AbortController","progress","percent","Number","result","address","Error","uploadRequest","useImperativeHandle","key","addFiles","files","batchGeneration","rejected","accepted","original","reject","message","acceptsFile","File","String","remove","entry","classes","CloudUpload","Button","UploadIcon","FormValue","error","FieldScope","FileList","actions","X","fileName","RotateCw"],"mappings":"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"}

package/dist/esm/virtuallist/index.d.ts

@@ -0,0 +1,3 @@
+export type { VirtualListHandle, VirtualListProps } from './virtuallist.js';
+export { VirtualList } from './virtuallist.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/virtuallist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/virtuallist/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/esm/virtuallist/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { VirtualList } from "./virtuallist.js";

package/dist/esm/virtuallist/virtuallist.d.ts

@@ -0,0 +1,18 @@
+import { type HTMLAttributes, type Key, type ReactElement, type ReactNode, type RefAttributes } from 'react';
+export interface VirtualListHandle {
+    element: HTMLDivElement | null;
+    scrollToIndex: (index: number, align?: 'auto' | 'start' | 'center' | 'end') => void;
+    scrollToOffset: (offset: number) => void;
+}
+export interface VirtualListProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    items: readonly T[];
+    itemKey: (item: T, index: number) => Key;
+    renderItem: (item: T, index: number) => ReactNode;
+    height?: number;
+    estimateSize?: number | ((item: T, index: number) => number);
+    overscan?: number;
+    emptyContent?: ReactNode;
+    horizontal?: boolean;
+}
+export declare const VirtualList: <T>(props: VirtualListProps<T> & RefAttributes<VirtualListHandle>) => ReactElement;
+//# sourceMappingURL=virtuallist.d.ts.map

package/dist/esm/virtuallist/virtuallist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtuallist.d.ts","sourceRoot":"","sources":["../../../src/virtuallist/virtuallist.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,GAAG,EACR,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,aAAa,EAGnB,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC;IACpF,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AACD,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAkFD,eAAO,MAAM,WAAW,EAAkC,CAAC,CAAC,EAC1D,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KAC1D,YAAY,CAAC"}