@ryanhe919/lumen-ui 0.2.1 → 0.3.0

package/dist/LMUpload-BwXoxIfE.js

@@ -0,0 +1,380 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId, useRef, useState, useCallback } from "react";
+import { c as clampComponentSize, e as SIZE_PADDING_CLASSES, b as SIZE_TEXT_CLASSES, C as COMPONENT_SIZE_ORDER, f as SIZE_GAP_CLASSES } from "./componentSizes-CdWNL526.js";
+const UploadIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className: className || "w-8 h-8", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) });
+const FileIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className: className || "w-5 h-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" }) });
+const ImageIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className: className || "w-5 h-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" }) });
+const DeleteIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className: className || "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
+const CheckIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className: className || "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) });
+const ErrorIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className: className || "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm-1.72 6.97a.75.75 0 10-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 101.06 1.06L12 13.06l1.72 1.72a.75.75 0 101.06-1.06L13.06 12l1.72-1.72a.75.75 0 10-1.06-1.06L12 10.94l-1.72-1.72z", clipRule: "evenodd" }) });
+let fileIdCounter = 0;
+const generateFileId = () => `upload-${++fileIdCounter}-${Date.now()}`;
+const formatFileSize = (bytes) => {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+};
+const isImageFile = (file) => {
+  return file.type.startsWith("image/") || /\.(jpg|jpeg|png|gif|webp|svg|bmp)$/i.test(file.name);
+};
+const LMUpload = ({
+  fileList: controlledFileList,
+  defaultFileList = [],
+  accept,
+  multiple = false,
+  maxCount,
+  maxSize,
+  disabled = false,
+  showFileList = true,
+  listType = "text",
+  size = "md",
+  customRequest,
+  onChange,
+  beforeUpload,
+  onRemove,
+  error = false,
+  errorMessage,
+  placeholder = "点击或拖拽文件到此区域上传",
+  hint,
+  className = "",
+  children
+}) => {
+  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER);
+  const inputId = useId();
+  const inputRef = useRef(null);
+  const [internalFileList, setInternalFileList] = useState(defaultFileList);
+  const [isDragging, setIsDragging] = useState(false);
+  const fileList = controlledFileList ?? internalFileList;
+  const updateFileList = useCallback((newFileList) => {
+    if (controlledFileList === void 0) {
+      setInternalFileList(newFileList);
+    }
+    onChange == null ? void 0 : onChange(newFileList);
+  }, [controlledFileList, onChange]);
+  const uploadFile = useCallback(async (file) => {
+    const uid = generateFileId();
+    const newFile = {
+      uid,
+      name: file.name,
+      size: file.size,
+      type: file.type,
+      status: "uploading",
+      percent: 0,
+      originFile: file
+    };
+    if (file.type.startsWith("image/")) {
+      newFile.url = URL.createObjectURL(file);
+    }
+    const updatedList = [...fileList, newFile];
+    updateFileList(updatedList);
+    if (customRequest) {
+      try {
+        const url = await customRequest(file);
+        updateFileList([...updatedList.slice(0, -1), { ...newFile, status: "done", percent: 100, url }]);
+      } catch (err) {
+        const errorMsg = err instanceof Error ? err.message : "上传失败";
+        updateFileList([...updatedList.slice(0, -1), { ...newFile, status: "error", error: errorMsg }]);
+      }
+    } else {
+      let progress = 0;
+      const interval = setInterval(() => {
+        progress += Math.random() * 30;
+        if (progress >= 100) {
+          progress = 100;
+          clearInterval(interval);
+          setInternalFileList((prev) => prev.map(
+            (f) => f.uid === uid ? { ...f, status: "done", percent: 100 } : f
+          ));
+        } else {
+          setInternalFileList((prev) => prev.map(
+            (f) => f.uid === uid ? { ...f, percent: Math.round(progress) } : f
+          ));
+        }
+      }, 200);
+    }
+  }, [fileList, customRequest, updateFileList]);
+  const handleFiles = useCallback(async (files) => {
+    if (!files || files.length === 0 || disabled) return;
+    const fileArray = Array.from(files);
+    for (const file of fileArray) {
+      if (maxCount && fileList.length >= maxCount) {
+        console.warn(`Max file count (${maxCount}) reached`);
+        break;
+      }
+      if (maxSize && file.size > maxSize) {
+        console.warn(`File ${file.name} exceeds max size (${formatFileSize(maxSize)})`);
+        continue;
+      }
+      if (beforeUpload) {
+        const result = await beforeUpload(file);
+        if (!result) continue;
+      }
+      await uploadFile(file);
+    }
+  }, [disabled, maxCount, maxSize, fileList.length, beforeUpload, uploadFile]);
+  const handleInputChange = (e) => {
+    handleFiles(e.target.files);
+    if (inputRef.current) {
+      inputRef.current.value = "";
+    }
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!disabled) {
+      setIsDragging(true);
+    }
+  };
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(false);
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(false);
+    if (!disabled) {
+      handleFiles(e.dataTransfer.files);
+    }
+  };
+  const handleRemove = async (file) => {
+    var _a;
+    if (onRemove) {
+      const result = await onRemove(file);
+      if (result === false) return;
+    }
+    if ((_a = file.url) == null ? void 0 : _a.startsWith("blob:")) {
+      URL.revokeObjectURL(file.url);
+    }
+    const newFileList = fileList.filter((f) => f.uid !== file.uid);
+    updateFileList(newFileList);
+  };
+  const handleClick = () => {
+    var _a;
+    if (!disabled) {
+      (_a = inputRef.current) == null ? void 0 : _a.click();
+    }
+  };
+  const iconSizeClasses = {
+    xs: "w-6 h-6",
+    sm: "w-7 h-7",
+    md: "w-8 h-8",
+    lg: "w-10 h-10",
+    xl: "w-12 h-12",
+    "2xl": "w-14 h-14"
+  };
+  const thumbSizeClasses = {
+    xs: "w-10 h-10",
+    sm: "w-12 h-12",
+    md: "w-14 h-14",
+    lg: "w-16 h-16",
+    xl: "w-20 h-20",
+    "2xl": "w-24 h-24"
+  };
+  const getDropzoneStyles = () => {
+    const base = {
+      backgroundColor: "var(--lm-bg-elevated)",
+      borderColor: error ? "var(--lm-error-300)" : "var(--lm-border-default)"
+    };
+    if (disabled) {
+      return {
+        ...base,
+        backgroundColor: "var(--lm-bg-paper)",
+        cursor: "not-allowed",
+        opacity: 0.6
+      };
+    }
+    if (isDragging) {
+      return {
+        ...base,
+        backgroundColor: "var(--lm-primary-50)",
+        borderColor: "var(--lm-primary-400)"
+      };
+    }
+    return base;
+  };
+  const renderFileItem = (file) => {
+    const isImage = isImageFile(file);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `flex items-center ${SIZE_GAP_CLASSES[resolvedSize]} ${SIZE_PADDING_CLASSES[resolvedSize]} rounded-xl border transition-all duration-200`,
+        style: {
+          backgroundColor: file.status === "error" ? "var(--lm-error-50)" : "var(--lm-bg-paper)",
+          borderColor: file.status === "error" ? "var(--lm-error-200)" : "var(--lm-border-light)"
+        },
+        children: [
+          listType === "picture" && isImage && file.url ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${thumbSizeClasses[resolvedSize]} rounded-lg overflow-hidden shrink-0`,
+              style: { backgroundColor: "var(--lm-bg-elevated)" },
+              children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: file.url,
+                  alt: file.name,
+                  className: "w-full h-full object-cover"
+                }
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "p-2 rounded-lg shrink-0",
+              style: {
+                backgroundColor: file.status === "error" ? "var(--lm-error-100)" : "var(--lm-bg-elevated)",
+                color: file.status === "error" ? "var(--lm-error-500)" : "var(--lm-text-secondary)"
+              },
+              children: isImage ? /* @__PURE__ */ jsx(ImageIcon, { className: "w-5 h-5" }) : /* @__PURE__ */ jsx(FileIcon, { className: "w-5 h-5" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `${SIZE_TEXT_CLASSES[resolvedSize]} font-medium truncate`,
+                  style: { color: file.status === "error" ? "var(--lm-error-700)" : "var(--lm-text-primary)" },
+                  title: file.name,
+                  children: file.name
+                }
+              ),
+              file.status === "done" && /* @__PURE__ */ jsx("span", { style: { color: "var(--lm-success-500)" }, children: /* @__PURE__ */ jsx(CheckIcon, { className: "w-4 h-4" }) }),
+              file.status === "error" && /* @__PURE__ */ jsx("span", { style: { color: "var(--lm-error-500)" }, children: /* @__PURE__ */ jsx(ErrorIcon, { className: "w-4 h-4" }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: "var(--lm-text-tertiary)" }, children: formatFileSize(file.size) }),
+              file.status === "error" && file.error && /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: "var(--lm-error-500)" }, children: file.error })
+            ] }),
+            file.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-1.5 rounded-full overflow-hidden",
+                style: { backgroundColor: "var(--lm-bg-active)" },
+                children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "h-full rounded-full transition-all duration-300",
+                    style: {
+                      width: `${file.percent || 0}%`,
+                      backgroundColor: "var(--lm-primary-500)"
+                    }
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "p-1.5 rounded-lg transition-colors duration-200 hover:bg-(--lm-bg-hover) shrink-0",
+              style: { color: "var(--lm-text-tertiary)" },
+              onClick: () => handleRemove(file),
+              "aria-label": `删除 ${file.name}`,
+              children: /* @__PURE__ */ jsx(DeleteIcon, {})
+            }
+          )
+        ]
+      },
+      file.uid
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        id: inputId,
+        type: "file",
+        accept,
+        multiple,
+        disabled,
+        onChange: handleInputChange,
+        className: "hidden",
+        "aria-describedby": errorMessage ? `${inputId}-error` : void 0
+      }
+    ),
+    children ? /* @__PURE__ */ jsx("div", { onClick: handleClick, style: { cursor: disabled ? "not-allowed" : "pointer" }, children }) : /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `
+            ${SIZE_PADDING_CLASSES[resolvedSize]}
+            border-2 border-dashed rounded-2xl
+            flex flex-col items-center justify-center
+            transition-all duration-200
+            ${disabled ? "" : "cursor-pointer hover:border-(--lm-primary-400)"}
+          `,
+        style: getDropzoneStyles(),
+        onClick: handleClick,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-disabled": disabled,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            handleClick();
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "mb-3",
+              style: { color: isDragging ? "var(--lm-primary-500)" : "var(--lm-text-tertiary)" },
+              children: /* @__PURE__ */ jsx(UploadIcon, { className: iconSizeClasses[resolvedSize] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: `${SIZE_TEXT_CLASSES[resolvedSize]} font-medium text-center`,
+              style: { color: isDragging ? "var(--lm-primary-600)" : "var(--lm-text-secondary)" },
+              children: placeholder
+            }
+          ),
+          hint && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-xs mt-2 text-center",
+              style: { color: "var(--lm-text-tertiary)" },
+              children: hint
+            }
+          )
+        ]
+      }
+    ),
+    error && errorMessage && /* @__PURE__ */ jsxs(
+      "p",
+      {
+        id: `${inputId}-error`,
+        className: "text-xs flex items-center gap-1 mt-2",
+        style: { color: "var(--lm-error-500)" },
+        role: "alert",
+        children: [
+          /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
+              clipRule: "evenodd"
+            }
+          ) }),
+          errorMessage
+        ]
+      }
+    ),
+    showFileList && fileList.length > 0 && /* @__PURE__ */ jsx("div", { className: `mt-4 space-y-2`, children: fileList.map(renderFileItem) })
+  ] });
+};
+export {
+  LMUpload as L
+};
+//# sourceMappingURL=LMUpload-BwXoxIfE.js.map

package/dist/LMUpload-BwXoxIfE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMUpload-BwXoxIfE.js","sources":["../src/components/Form/LMUpload/LMUpload.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useId } from 'react'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_TEXT_CLASSES,\n  SIZE_GAP_CLASSES,\n  SIZE_PADDING_CLASSES,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMUploadFile {\n  /** Unique file ID */\n  uid: string\n  /** File name */\n  name: string\n  /** File size in bytes */\n  size: number\n  /** File type */\n  type: string\n  /** Upload status */\n  status: 'uploading' | 'done' | 'error'\n  /** Upload progress (0-100) */\n  percent?: number\n  /** Error message */\n  error?: string\n  /** Original file object */\n  originFile?: File\n  /** Preview URL (for images) */\n  url?: string\n}\n\nexport interface LMUploadProps {\n  /** File list (controlled) */\n  fileList?: LMUploadFile[]\n  /** Default file list */\n  defaultFileList?: LMUploadFile[]\n  /** Accept file types (e.g., \"image/*,.pdf\") */\n  accept?: string\n  /** Allow multiple files */\n  multiple?: boolean\n  /** Max file count */\n  maxCount?: number\n  /** Max file size in bytes */\n  maxSize?: number\n  /** Disabled state */\n  disabled?: boolean\n  /** Show file list */\n  showFileList?: boolean\n  /** Upload mode: drag area or button */\n  listType?: 'text' | 'picture'\n  /** Component size */\n  size?: ComponentSize\n  /** Custom upload handler */\n  customRequest?: (file: File) => Promise<string>\n  /** Change handler */\n  onChange?: (fileList: LMUploadFile[]) => void\n  /** Before upload hook, return false to prevent upload */\n  beforeUpload?: (file: File) => boolean | Promise<boolean>\n  /** Remove handler */\n  onRemove?: (file: LMUploadFile) => void | boolean | Promise<boolean>\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Placeholder text */\n  placeholder?: string\n  /** Hint text below the upload area */\n  hint?: string\n  /** Custom class name */\n  className?: string\n  /** Children for custom trigger */\n  children?: React.ReactNode\n}\n\nconst UploadIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg className={className || 'w-8 h-8'} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={1.5}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5\" />\n  </svg>\n)\n\nconst FileIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg className={className || 'w-5 h-5'} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={1.5}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z\" />\n  </svg>\n)\n\nconst ImageIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg className={className || 'w-5 h-5'} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={1.5}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z\" />\n  </svg>\n)\n\nconst DeleteIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg className={className || 'w-4 h-4'} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\nconst CheckIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg className={className || 'w-4 h-4'} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n  </svg>\n)\n\nconst ErrorIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg className={className || 'w-4 h-4'} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n    <path fillRule=\"evenodd\" d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm-1.72 6.97a.75.75 0 10-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 101.06 1.06L12 13.06l1.72 1.72a.75.75 0 101.06-1.06L13.06 12l1.72-1.72a.75.75 0 10-1.06-1.06L12 10.94l-1.72-1.72z\" clipRule=\"evenodd\" />\n  </svg>\n)\n\nlet fileIdCounter = 0\nconst generateFileId = () => `upload-${++fileIdCounter}-${Date.now()}`\n\nconst formatFileSize = (bytes: number): string => {\n  if (bytes === 0) return '0 B'\n  const k = 1024\n  const sizes = ['B', 'KB', 'MB', 'GB']\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`\n}\n\nconst isImageFile = (file: LMUploadFile): boolean => {\n  return file.type.startsWith('image/') || /\\.(jpg|jpeg|png|gif|webp|svg|bmp)$/i.test(file.name)\n}\n\nconst LMUpload: React.FC<LMUploadProps> = ({\n  fileList: controlledFileList,\n  defaultFileList = [],\n  accept,\n  multiple = false,\n  maxCount,\n  maxSize,\n  disabled = false,\n  showFileList = true,\n  listType = 'text',\n  size = 'md',\n  customRequest,\n  onChange,\n  beforeUpload,\n  onRemove,\n  error = false,\n  errorMessage,\n  placeholder = '点击或拖拽文件到此区域上传',\n  hint,\n  className = '',\n  children,\n}) => {\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n  const inputId = useId()\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [internalFileList, setInternalFileList] = useState<LMUploadFile[]>(defaultFileList)\n  const [isDragging, setIsDragging] = useState(false)\n\n  const fileList = controlledFileList ?? internalFileList\n\n  const updateFileList = useCallback((newFileList: LMUploadFile[]) => {\n    if (controlledFileList === undefined) {\n      setInternalFileList(newFileList)\n    }\n    onChange?.(newFileList)\n  }, [controlledFileList, onChange])\n\n  const uploadFile = useCallback(async (file: File) => {\n    const uid = generateFileId()\n    const newFile: LMUploadFile = {\n      uid,\n      name: file.name,\n      size: file.size,\n      type: file.type,\n      status: 'uploading',\n      percent: 0,\n      originFile: file,\n    }\n\n    // Create preview URL for images\n    if (file.type.startsWith('image/')) {\n      newFile.url = URL.createObjectURL(file)\n    }\n\n    // Add file to list\n    const updatedList = [...fileList, newFile]\n    updateFileList(updatedList)\n\n    if (customRequest) {\n      try {\n        const url = await customRequest(file)\n        updateFileList([...updatedList.slice(0, -1), { ...newFile, status: 'done', percent: 100, url }])\n      } catch (err) {\n        const errorMsg = err instanceof Error ? err.message : '上传失败'\n        updateFileList([...updatedList.slice(0, -1), { ...newFile, status: 'error', error: errorMsg }])\n      }\n    } else {\n      // Simulate upload progress\n      let progress = 0\n      const interval = setInterval(() => {\n        progress += Math.random() * 30\n        if (progress >= 100) {\n          progress = 100\n          clearInterval(interval)\n          setInternalFileList(prev => prev.map(f =>\n            f.uid === uid ? { ...f, status: 'done' as const, percent: 100 } : f\n          ))\n        } else {\n          setInternalFileList(prev => prev.map(f =>\n            f.uid === uid ? { ...f, percent: Math.round(progress) } : f\n          ))\n        }\n      }, 200)\n    }\n  }, [fileList, customRequest, updateFileList])\n\n  const handleFiles = useCallback(async (files: FileList | null) => {\n    if (!files || files.length === 0 || disabled) return\n\n    const fileArray = Array.from(files)\n\n    for (const file of fileArray) {\n      // Check max count\n      if (maxCount && fileList.length >= maxCount) {\n        console.warn(`Max file count (${maxCount}) reached`)\n        break\n      }\n\n      // Check max size\n      if (maxSize && file.size > maxSize) {\n        console.warn(`File ${file.name} exceeds max size (${formatFileSize(maxSize)})`)\n        continue\n      }\n\n      // Before upload hook\n      if (beforeUpload) {\n        const result = await beforeUpload(file)\n        if (!result) continue\n      }\n\n      await uploadFile(file)\n    }\n  }, [disabled, maxCount, maxSize, fileList.length, beforeUpload, uploadFile])\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    handleFiles(e.target.files)\n    // Reset input value to allow selecting the same file again\n    if (inputRef.current) {\n      inputRef.current.value = ''\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (!disabled) {\n      setIsDragging(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDragging(false)\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDragging(false)\n    if (!disabled) {\n      handleFiles(e.dataTransfer.files)\n    }\n  }\n\n  const handleRemove = async (file: LMUploadFile) => {\n    if (onRemove) {\n      const result = await onRemove(file)\n      if (result === false) return\n    }\n\n    // Revoke object URL to prevent memory leaks\n    if (file.url?.startsWith('blob:')) {\n      URL.revokeObjectURL(file.url)\n    }\n\n    const newFileList = fileList.filter(f => f.uid !== file.uid)\n    updateFileList(newFileList)\n  }\n\n  const handleClick = () => {\n    if (!disabled) {\n      inputRef.current?.click()\n    }\n  }\n\n  const iconSizeClasses: Record<ComponentSize, string> = {\n    xs: 'w-6 h-6',\n    sm: 'w-7 h-7',\n    md: 'w-8 h-8',\n    lg: 'w-10 h-10',\n    xl: 'w-12 h-12',\n    '2xl': 'w-14 h-14',\n  }\n\n  const thumbSizeClasses: Record<ComponentSize, string> = {\n    xs: 'w-10 h-10',\n    sm: 'w-12 h-12',\n    md: 'w-14 h-14',\n    lg: 'w-16 h-16',\n    xl: 'w-20 h-20',\n    '2xl': 'w-24 h-24',\n  }\n\n  const getDropzoneStyles = (): React.CSSProperties => {\n    const base: React.CSSProperties = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      borderColor: error ? 'var(--lm-error-300)' : 'var(--lm-border-default)',\n    }\n\n    if (disabled) {\n      return {\n        ...base,\n        backgroundColor: 'var(--lm-bg-paper)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      }\n    }\n\n    if (isDragging) {\n      return {\n        ...base,\n        backgroundColor: 'var(--lm-primary-50)',\n        borderColor: 'var(--lm-primary-400)',\n      }\n    }\n\n    return base\n  }\n\n  const renderFileItem = (file: LMUploadFile) => {\n    const isImage = isImageFile(file)\n\n    return (\n      <div\n        key={file.uid}\n        className={`flex items-center ${SIZE_GAP_CLASSES[resolvedSize]} ${SIZE_PADDING_CLASSES[resolvedSize]} rounded-xl border transition-all duration-200`}\n        style={{\n          backgroundColor: file.status === 'error' ? 'var(--lm-error-50)' : 'var(--lm-bg-paper)',\n          borderColor: file.status === 'error' ? 'var(--lm-error-200)' : 'var(--lm-border-light)',\n        }}\n      >\n        {/* Thumbnail / Icon */}\n        {listType === 'picture' && isImage && file.url ? (\n          <div\n            className={`${thumbSizeClasses[resolvedSize]} rounded-lg overflow-hidden shrink-0`}\n            style={{ backgroundColor: 'var(--lm-bg-elevated)' }}\n          >\n            <img\n              src={file.url}\n              alt={file.name}\n              className=\"w-full h-full object-cover\"\n            />\n          </div>\n        ) : (\n          <div\n            className=\"p-2 rounded-lg shrink-0\"\n            style={{\n              backgroundColor: file.status === 'error' ? 'var(--lm-error-100)' : 'var(--lm-bg-elevated)',\n              color: file.status === 'error' ? 'var(--lm-error-500)' : 'var(--lm-text-secondary)',\n            }}\n          >\n            {isImage ? <ImageIcon className=\"w-5 h-5\" /> : <FileIcon className=\"w-5 h-5\" />}\n          </div>\n        )}\n\n        {/* File info */}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center gap-2\">\n            <span\n              className={`${SIZE_TEXT_CLASSES[resolvedSize]} font-medium truncate`}\n              style={{ color: file.status === 'error' ? 'var(--lm-error-700)' : 'var(--lm-text-primary)' }}\n              title={file.name}\n            >\n              {file.name}\n            </span>\n            {file.status === 'done' && (\n              <span style={{ color: 'var(--lm-success-500)' }}>\n                <CheckIcon className=\"w-4 h-4\" />\n              </span>\n            )}\n            {file.status === 'error' && (\n              <span style={{ color: 'var(--lm-error-500)' }}>\n                <ErrorIcon className=\"w-4 h-4\" />\n              </span>\n            )}\n          </div>\n          <div className=\"flex items-center gap-2 mt-1\">\n            <span className=\"text-xs\" style={{ color: 'var(--lm-text-tertiary)' }}>\n              {formatFileSize(file.size)}\n            </span>\n            {file.status === 'error' && file.error && (\n              <span className=\"text-xs\" style={{ color: 'var(--lm-error-500)' }}>\n                {file.error}\n              </span>\n            )}\n          </div>\n\n          {/* Progress bar */}\n          {file.status === 'uploading' && (\n            <div className=\"mt-2\">\n              <div\n                className=\"h-1.5 rounded-full overflow-hidden\"\n                style={{ backgroundColor: 'var(--lm-bg-active)' }}\n              >\n                <div\n                  className=\"h-full rounded-full transition-all duration-300\"\n                  style={{\n                    width: `${file.percent || 0}%`,\n                    backgroundColor: 'var(--lm-primary-500)',\n                  }}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Remove button */}\n        <button\n          type=\"button\"\n          className=\"p-1.5 rounded-lg transition-colors duration-200 hover:bg-(--lm-bg-hover) shrink-0\"\n          style={{ color: 'var(--lm-text-tertiary)' }}\n          onClick={() => handleRemove(file)}\n          aria-label={`删除 ${file.name}`}\n        >\n          <DeleteIcon />\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <div className={className}>\n      {/* Hidden file input */}\n      <input\n        ref={inputRef}\n        id={inputId}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        disabled={disabled}\n        onChange={handleInputChange}\n        className=\"hidden\"\n        aria-describedby={errorMessage ? `${inputId}-error` : undefined}\n      />\n\n      {/* Upload area */}\n      {children ? (\n        <div onClick={handleClick} style={{ cursor: disabled ? 'not-allowed' : 'pointer' }}>\n          {children}\n        </div>\n      ) : (\n        <div\n          className={`\n            ${SIZE_PADDING_CLASSES[resolvedSize]}\n            border-2 border-dashed rounded-2xl\n            flex flex-col items-center justify-center\n            transition-all duration-200\n            ${disabled ? '' : 'cursor-pointer hover:border-(--lm-primary-400)'}\n          `}\n          style={getDropzoneStyles()}\n          onClick={handleClick}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          role=\"button\"\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              handleClick()\n            }\n          }}\n        >\n          <div\n            className=\"mb-3\"\n            style={{ color: isDragging ? 'var(--lm-primary-500)' : 'var(--lm-text-tertiary)' }}\n          >\n            <UploadIcon className={iconSizeClasses[resolvedSize]} />\n          </div>\n          <p\n            className={`${SIZE_TEXT_CLASSES[resolvedSize]} font-medium text-center`}\n            style={{ color: isDragging ? 'var(--lm-primary-600)' : 'var(--lm-text-secondary)' }}\n          >\n            {placeholder}\n          </p>\n          {hint && (\n            <p\n              className=\"text-xs mt-2 text-center\"\n              style={{ color: 'var(--lm-text-tertiary)' }}\n            >\n              {hint}\n            </p>\n          )}\n        </div>\n      )}\n\n      {/* Error message */}\n      {error && errorMessage && (\n        <p\n          id={`${inputId}-error`}\n          className=\"text-xs flex items-center gap-1 mt-2\"\n          style={{ color: 'var(--lm-error-500)' }}\n          role=\"alert\"\n        >\n          <svg className=\"w-3 h-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          {errorMessage}\n        </p>\n      )}\n\n      {/* File list */}\n      {showFileList && fileList.length > 0 && (\n        <div className={`mt-4 space-y-2`}>\n          {fileList.map(renderFileItem)}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default LMUpload\n"],"names":[],"mappings":"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"}