@aloudata/aloudata-design 3.0.0-beta.9 → 3.0.1

package/dist/Upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Upload/index.tsx"],"sourcesContent":["import './upload.css';\n\nimport RcUpload from 'rc-upload';\nimport type {\n  RcFile as RcUploadFile,\n  UploadProgressEvent,\n  UploadProps as RcUploadProps,\n} from 'rc-upload/es/interface';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  CheckCircleFill,\n  CloseCircleFill,\n  CloseLightLine,\n  EyeOnLine,\n  LoadingLine,\n  TrashLightLine,\n} from '../Icon';\nimport { cn } from '../lib/utils';\nimport Tooltip from '../Tooltip';\n\n// ---------------------------------------------------------------------------\n// Public types – preserved from the previous API surface\n// ---------------------------------------------------------------------------\n\nexport interface UploadFile<T = any> {\n  uid: string;\n  name: string;\n  status?: 'uploading' | 'done' | 'error' | 'removed';\n  url?: string;\n  thumbUrl?: string;\n  size?: number;\n  type?: string;\n  percent?: number;\n  originFileObj?: RcFile;\n  response?: T;\n  error?: any;\n  linkProps?: any;\n}\n\nexport type RcFile = RcUploadFile;\n\nexport interface UploadChangeParam<T = UploadFile> {\n  file: T;\n  fileList: T[];\n  event?: UploadProgressEvent;\n}\n\nexport interface ShowUploadListInterface {\n  showRemoveIcon?: boolean;\n  showPreviewIcon?: boolean;\n  showDownloadIcon?: boolean;\n}\n\nexport interface UploadProps<T = any> {\n  accept?: string;\n  action?: string | ((file: RcFile) => string | Promise<string>);\n  method?: 'POST' | 'PUT' | 'PATCH' | 'post' | 'put' | 'patch';\n  headers?: Record<string, string>;\n  data?:\n    | Record<string, unknown>\n    | ((file: RcFile | string | Blob) => Record<string, unknown>);\n  withCredentials?: boolean;\n  beforeUpload?: (\n    file: RcFile,\n    fileList: RcFile[],\n  ) => boolean | Promise<void | Blob | File>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customRequest?: RcUploadProps['customRequest'] | ((options: any) => any);\n  disabled?: boolean;\n  fileList?: UploadFile<T>[];\n  defaultFileList?: UploadFile<T>[];\n  maxCount?: number;\n  multiple?: boolean;\n  directory?: boolean;\n  name?: string;\n  listType?: 'text' | 'picture' | 'picture-card';\n  showUploadList?: boolean | ShowUploadListInterface;\n  onChange?: (info: UploadChangeParam<UploadFile<T>>) => void;\n  onRemove?: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;\n  onPreview?: (file: UploadFile<T>) => void;\n  onDownload?: (file: UploadFile<T>) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  openFileDialogOnClick?: boolean;\n  /** @deprecated Use `id` instead */\n  prefixCls?: string;\n  id?: string;\n}\n\nexport interface UploadListProps {\n  items?: UploadFile[];\n  listType?: 'text' | 'picture' | 'picture-card';\n  showUploadList?: boolean | ShowUploadListInterface;\n  onRemove?: (file: UploadFile) => void;\n  onPreview?: (file: UploadFile) => void;\n  onDownload?: (file: UploadFile) => void;\n  disabled?: boolean;\n}\n\nexport interface DraggerProps extends UploadProps {\n  height?: number;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nlet fileUid = 0;\n\nfunction getUid(): string {\n  fileUid += 1;\n  return `ald-upload-${Date.now()}-${fileUid}`;\n}\n\nfunction fileToUploadFile(\n  file: RcFile,\n  status: UploadFile['status'] = 'uploading',\n): UploadFile {\n  return {\n    uid: file.uid ?? getUid(),\n    name: file.name,\n    size: file.size,\n    type: file.type,\n    status,\n    percent: 0,\n    originFileObj: file,\n  };\n}\n\nfunction isImageUrl(file: UploadFile): boolean {\n  if (file.type) return file.type.startsWith('image/');\n  const ext = file.name?.split('.').pop()?.toLowerCase() ?? '';\n  return ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp', 'svg', 'ico'].includes(\n    ext,\n  );\n}\n\nfunction getThumbUrl(file: UploadFile): string | undefined {\n  if (file.thumbUrl) return file.thumbUrl;\n  if (file.url) return file.url;\n  if (file.originFileObj && isImageUrl(file)) {\n    try {\n      return URL.createObjectURL(file.originFileObj);\n    } catch {\n      return undefined;\n    }\n  }\n  return undefined;\n}\n\n// ---------------------------------------------------------------------------\n// UploadList\n// ---------------------------------------------------------------------------\n\nfunction UploadList({\n  items = [],\n  listType = 'text',\n  showUploadList = true,\n  onRemove,\n  onPreview,\n  disabled,\n}: UploadListProps) {\n  if (!showUploadList || items.length === 0) return null;\n\n  const showConfig: ShowUploadListInterface =\n    typeof showUploadList === 'object'\n      ? showUploadList\n      : {\n          showRemoveIcon: true,\n          showPreviewIcon: true,\n          showDownloadIcon: false,\n        };\n\n  const isPictureType = listType === 'picture' || listType === 'picture-card';\n\n  return (\n    <ul className={cn('ald-upload-list', `ald-upload-list-${listType}`)}>\n      {items.map((file) => {\n        const thumbUrl = isPictureType ? getThumbUrl(file) : undefined;\n\n        return (\n          <li\n            key={file.uid}\n            className={cn(\n              'ald-upload-list-item',\n              `ald-upload-list-item-${file.status || 'done'}`,\n            )}\n          >\n            {/* Thumbnail for picture types */}\n            {isPictureType && (\n              <div className=\"ald-upload-list-item-thumbnail\">\n                {thumbUrl ? (\n                  <img src={thumbUrl} alt={file.name} />\n                ) : (\n                  <div className=\"ald-upload-list-item-file-icon\">\n                    <FileIcon />\n                  </div>\n                )}\n              </div>\n            )}\n\n            {/* Status icon for text type */}\n            {!isPictureType && (\n              <span className=\"ald-upload-list-item-status-icon\">\n                {file.status === 'uploading' && (\n                  <span className=\"ald-upload-list-item-loading-icon\">\n                    <LoadingLine style={{ fontSize: 14 }} />\n                  </span>\n                )}\n                {file.status === 'done' && (\n                  <CheckCircleFill style={{ fontSize: 14 }} />\n                )}\n                {file.status === 'error' && (\n                  <CloseCircleFill style={{ fontSize: 14 }} />\n                )}\n              </span>\n            )}\n\n            {/* File name */}\n            <Tooltip title={file.name}>\n              <span\n                className=\"ald-upload-list-item-name\"\n                onClick={() => onPreview?.(file)}\n                style={onPreview ? { cursor: 'pointer' } : undefined}\n              >\n                {file.name}\n              </span>\n            </Tooltip>\n\n            {/* Actions */}\n            <span className=\"ald-upload-list-item-actions\">\n              {showConfig.showPreviewIcon &&\n                onPreview &&\n                file.status === 'done' && (\n                  <button\n                    type=\"button\"\n                    className=\"ald-upload-list-item-action\"\n                    title=\"Preview\"\n                    onClick={() => onPreview(file)}\n                  >\n                    <EyeOnLine style={{ fontSize: 14 }} />\n                  </button>\n                )}\n              {showConfig.showRemoveIcon !== false && !disabled && (\n                <button\n                  type=\"button\"\n                  className=\"ald-upload-list-item-action\"\n                  title=\"Remove\"\n                  onClick={() => onRemove?.(file)}\n                >\n                  {listType === 'picture-card' ? (\n                    <TrashLightLine style={{ fontSize: 14 }} />\n                  ) : (\n                    <CloseLightLine style={{ fontSize: 14 }} />\n                  )}\n                </button>\n              )}\n            </span>\n\n            {/* Progress bar */}\n            {file.status === 'uploading' && (\n              <div className=\"ald-upload-list-item-progress\">\n                <div\n                  className=\"ald-upload-list-item-progress-bar\"\n                  style={{ width: `${file.percent ?? 0}%` }}\n                />\n              </div>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Simple file icon SVG (inline to avoid extra dependency)\n// ---------------------------------------------------------------------------\n\nfunction FileIcon() {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n      <polyline points=\"14 2 14 8 20 8\" />\n    </svg>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Upload component\n// ---------------------------------------------------------------------------\n\nfunction Upload<T = any>(props: UploadProps<T>) {\n  const {\n    accept,\n    action,\n    method,\n    headers,\n    data,\n    withCredentials,\n    beforeUpload,\n    customRequest,\n    disabled = false,\n    fileList: controlledFileList,\n    defaultFileList,\n    maxCount,\n    multiple,\n    directory,\n    name = 'file',\n    listType = 'text',\n    showUploadList = true,\n    onChange,\n    onRemove,\n    onPreview,\n    onDownload,\n    className,\n    style,\n    children,\n    openFileDialogOnClick = true,\n    id,\n  } = props;\n\n  const isControlled = controlledFileList !== undefined;\n  const [internalFileList, setInternalFileList] = useState<UploadFile<T>[]>(\n    defaultFileList ?? [],\n  );\n\n  const mergedFileList = isControlled ? controlledFileList! : internalFileList;\n\n  // Keep a ref to latest list so callbacks always see fresh state\n  const fileListRef = useRef(mergedFileList);\n  fileListRef.current = mergedFileList;\n\n  const rcUploadRef = useRef<any>(null);\n\n  // ----- helpers to update state & fire onChange -----\n\n  const updateFileList = useCallback(\n    (newFile: UploadFile<T>, event?: UploadProgressEvent) => {\n      const nextList = fileListRef.current.map((f) =>\n        f.uid === newFile.uid ? newFile : f,\n      );\n      // If the file is new, append it\n      if (!nextList.some((f) => f.uid === newFile.uid)) {\n        nextList.push(newFile);\n      }\n      if (!isControlled) {\n        setInternalFileList(nextList);\n      }\n      onChange?.({\n        file: newFile,\n        fileList: nextList,\n        event,\n      });\n    },\n    [isControlled, onChange],\n  );\n\n  // ----- rc-upload callback props -----\n\n  const onBatchStart: RcUploadProps['onBatchStart'] = useCallback(\n    (batchFileInfoList: { file: RcFile; parsedFile: any }[]) => {\n      let nextList = [...fileListRef.current];\n\n      for (const { file } of batchFileInfoList) {\n        const uploadFile = fileToUploadFile(file, 'uploading') as UploadFile<T>;\n\n        if (maxCount && nextList.length >= maxCount) {\n          // replace if maxCount === 1, otherwise skip\n          if (maxCount === 1) {\n            nextList = [uploadFile];\n          }\n          continue;\n        }\n        nextList.push(uploadFile);\n      }\n\n      if (!isControlled) {\n        setInternalFileList(nextList);\n      }\n\n      // Fire onChange for the first new file\n      const firstNew = batchFileInfoList[0];\n      if (firstNew) {\n        const f = nextList.find((x) => x.uid === firstNew.file.uid);\n        if (f) {\n          onChange?.({ file: f, fileList: nextList });\n        }\n      }\n    },\n    [isControlled, maxCount, onChange],\n  );\n\n  const onRcProgress = useCallback(\n    (event: UploadProgressEvent, file: RcFile) => {\n      const target = fileListRef.current.find((f) => f.uid === file.uid);\n      if (!target) return;\n      const updated: UploadFile<T> = {\n        ...target,\n        status: 'uploading',\n        percent: event.percent ?? 0,\n      };\n      updateFileList(updated, event);\n    },\n    [updateFileList],\n  );\n\n  const onRcSuccess = useCallback(\n    (response: any, file: RcFile) => {\n      const target = fileListRef.current.find((f) => f.uid === file.uid);\n      if (!target) return;\n      const updated: UploadFile<T> = {\n        ...target,\n        status: 'done',\n        percent: 100,\n        response,\n      };\n      updateFileList(updated);\n    },\n    [updateFileList],\n  );\n\n  const onRcError = useCallback(\n    (error: Error, _ret: any, file: RcFile) => {\n      const target = fileListRef.current.find((f) => f.uid === file.uid);\n      if (!target) return;\n      const updated: UploadFile<T> = {\n        ...target,\n        status: 'error',\n        error,\n      };\n      updateFileList(updated);\n    },\n    [updateFileList],\n  );\n\n  // ----- remove handler -----\n\n  const handleRemove = useCallback(\n    async (file: UploadFile<T>) => {\n      const result = await onRemove?.(file as any);\n      if (result === false) return;\n      const nextList = fileListRef.current.filter((f) => f.uid !== file.uid);\n      if (!isControlled) {\n        setInternalFileList(nextList);\n      }\n      const removedFile: UploadFile<T> = { ...file, status: 'removed' };\n      onChange?.({ file: removedFile, fileList: nextList });\n    },\n    [isControlled, onChange, onRemove],\n  );\n\n  // ----- rc-upload props -----\n\n  const rcUploadProps: RcUploadProps = useMemo(\n    () => ({\n      accept,\n      action: action as RcUploadProps['action'],\n      method,\n      headers,\n      data: data as RcUploadProps['data'],\n      withCredentials,\n      beforeUpload: beforeUpload as RcUploadProps['beforeUpload'],\n      customRequest,\n      disabled,\n      multiple,\n      directory,\n      name,\n      openFileDialogOnClick,\n      id,\n      prefixCls: 'ald-upload',\n      onBatchStart,\n      onProgress: onRcProgress,\n      onSuccess: onRcSuccess,\n      onError: onRcError,\n    }),\n    [\n      accept,\n      action,\n      method,\n      headers,\n      data,\n      withCredentials,\n      beforeUpload,\n      customRequest,\n      disabled,\n      multiple,\n      directory,\n      name,\n      openFileDialogOnClick,\n      id,\n      onBatchStart,\n      onRcProgress,\n      onRcSuccess,\n      onRcError,\n    ],\n  );\n\n  const isPictureCard = listType === 'picture-card';\n\n  return (\n    <span\n      className={cn(\n        'ald-upload',\n        { 'ald-upload-disabled': disabled },\n        className,\n      )}\n      style={style}\n    >\n      {isPictureCard ? (\n        // picture-card: render list first, then the upload trigger\n        <>\n          <UploadList\n            items={mergedFileList as UploadFile[]}\n            listType={listType}\n            showUploadList={showUploadList}\n            onRemove={handleRemove as any}\n            onPreview={onPreview as any}\n            onDownload={onDownload as any}\n            disabled={disabled}\n          />\n          {(!maxCount || mergedFileList.length < maxCount) && (\n            <RcUpload {...rcUploadProps} ref={rcUploadRef}>\n              <div className=\"ald-upload-select\">{children}</div>\n            </RcUpload>\n          )}\n        </>\n      ) : (\n        // text / picture: render trigger then list\n        <>\n          <RcUpload {...rcUploadProps} ref={rcUploadRef}>\n            <div className=\"ald-upload-select\">{children}</div>\n          </RcUpload>\n          <UploadList\n            items={mergedFileList as UploadFile[]}\n            listType={listType}\n            showUploadList={showUploadList}\n            onRemove={handleRemove as any}\n            onPreview={onPreview as any}\n            onDownload={onDownload as any}\n            disabled={disabled}\n          />\n        </>\n      )}\n    </span>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Dragger sub-component\n// ---------------------------------------------------------------------------\n\nfunction Dragger(props: DraggerProps) {\n  const { height, style, disabled, className, children, ...restProps } = props;\n  const [dragOver, setDragOver] = useState(false);\n\n  const mergedStyle: React.CSSProperties = {\n    ...style,\n    ...(height !== null && height !== undefined ? { height } : {}),\n  };\n\n  return (\n    <Upload\n      {...restProps}\n      disabled={disabled}\n      className={cn('ald-upload-dragger-wrapper', className)}\n      style={mergedStyle}\n    >\n      <div\n        className={cn('ald-upload-dragger', {\n          'ald-upload-drag-hover': dragOver,\n          'ald-upload-disabled': disabled,\n        })}\n        onDragOver={(e) => {\n          e.preventDefault();\n          if (!disabled) setDragOver(true);\n        }}\n        onDragLeave={() => setDragOver(false)}\n        onDrop={() => setDragOver(false)}\n      >\n        {children}\n      </div>\n    </Upload>\n  );\n}\n\nUpload.Dragger = Dragger;\n\nexport default Upload as typeof Upload & { Dragger: typeof Dragger };\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Upload/index.tsx"],"sourcesContent":["import './upload.css';\n\nimport RcUpload from 'rc-upload';\nimport type {\n  RcFile as RcUploadFile,\n  UploadProgressEvent,\n  UploadProps as RcUploadProps,\n} from 'rc-upload/es/interface';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  CheckCircleFill,\n  CloseCircleFill,\n  CloseLightLine,\n  EyeOnLine,\n  LoadingLine,\n  TrashLightLine,\n} from '../Icon';\nimport { cn } from '../lib/utils';\nimport Tooltip from '../Tooltip';\n\n// ---------------------------------------------------------------------------\n// Public types – preserved from the previous API surface\n// ---------------------------------------------------------------------------\n\nexport interface UploadFile<T = any> {\n  uid: string;\n  name: string;\n  status?: 'uploading' | 'done' | 'error' | 'removed';\n  url?: string;\n  thumbUrl?: string;\n  size?: number;\n  type?: string;\n  percent?: number;\n  originFileObj?: RcFile;\n  response?: T;\n  error?: any;\n  linkProps?: any;\n}\n\nexport type RcFile = RcUploadFile;\n\nexport interface UploadChangeParam<T = UploadFile> {\n  file: T;\n  fileList: T[];\n  event?: UploadProgressEvent;\n}\n\nexport interface ShowUploadListInterface {\n  showRemoveIcon?: boolean;\n  showPreviewIcon?: boolean;\n  showDownloadIcon?: boolean;\n}\n\nexport interface UploadProps<T = any> {\n  accept?: string;\n  action?: string | ((file: RcFile) => string | Promise<string>);\n  method?: 'POST' | 'PUT' | 'PATCH' | 'post' | 'put' | 'patch';\n  headers?: Record<string, string>;\n  data?:\n    | Record<string, unknown>\n    | ((file: RcFile | string | Blob) => Record<string, unknown>);\n  withCredentials?: boolean;\n  beforeUpload?: (\n    file: RcFile,\n    fileList: RcFile[],\n  ) => boolean | Promise<void | Blob | File>;\n  customRequest?: (options: {\n    file: RcFile;\n    filename?: string;\n    data?: Record<string, unknown>;\n    headers?: Record<string, string>;\n    onProgress?: (event: { percent: number }) => void;\n    onSuccess?: (body: unknown, xhr?: XMLHttpRequest) => void;\n    onError?: (event: Error) => void;\n    withCredentials?: boolean;\n    action?: string;\n    method?: string;\n  }) => void;\n  disabled?: boolean;\n  fileList?: UploadFile<T>[];\n  defaultFileList?: UploadFile<T>[];\n  maxCount?: number;\n  multiple?: boolean;\n  directory?: boolean;\n  name?: string;\n  listType?: 'text' | 'picture' | 'picture-card';\n  showUploadList?: boolean | ShowUploadListInterface;\n  onChange?: (info: UploadChangeParam<UploadFile<T>>) => void;\n  onRemove?: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;\n  onPreview?: (file: UploadFile<T>) => void;\n  onDownload?: (file: UploadFile<T>) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  openFileDialogOnClick?: boolean;\n  /** @deprecated Use `id` instead */\n  prefixCls?: string;\n  id?: string;\n}\n\nexport interface UploadListProps {\n  items?: UploadFile[];\n  listType?: 'text' | 'picture' | 'picture-card';\n  showUploadList?: boolean | ShowUploadListInterface;\n  onRemove?: (file: UploadFile) => void;\n  onPreview?: (file: UploadFile) => void;\n  onDownload?: (file: UploadFile) => void;\n  disabled?: boolean;\n}\n\nexport interface DraggerProps extends UploadProps {\n  height?: number;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nlet fileUid = 0;\n\nfunction getUid(): string {\n  fileUid += 1;\n  return `ald-upload-${Date.now()}-${fileUid}`;\n}\n\nfunction fileToUploadFile(\n  file: RcFile,\n  status: UploadFile['status'] = 'uploading',\n): UploadFile {\n  return {\n    uid: file.uid ?? getUid(),\n    name: file.name,\n    size: file.size,\n    type: file.type,\n    status,\n    percent: 0,\n    originFileObj: file,\n  };\n}\n\nfunction isImageUrl(file: UploadFile): boolean {\n  if (file.type) return file.type.startsWith('image/');\n  const ext = file.name?.split('.').pop()?.toLowerCase() ?? '';\n  return ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp', 'svg', 'ico'].includes(\n    ext,\n  );\n}\n\nfunction getThumbUrl(file: UploadFile): string | undefined {\n  if (file.thumbUrl) return file.thumbUrl;\n  if (file.url) return file.url;\n  if (file.originFileObj && isImageUrl(file)) {\n    try {\n      return URL.createObjectURL(file.originFileObj);\n    } catch {\n      return undefined;\n    }\n  }\n  return undefined;\n}\n\n// ---------------------------------------------------------------------------\n// UploadList\n// ---------------------------------------------------------------------------\n\nfunction UploadList({\n  items = [],\n  listType = 'text',\n  showUploadList = true,\n  onRemove,\n  onPreview,\n  disabled,\n}: UploadListProps) {\n  if (!showUploadList || items.length === 0) return null;\n\n  const showConfig: ShowUploadListInterface =\n    typeof showUploadList === 'object'\n      ? showUploadList\n      : {\n          showRemoveIcon: true,\n          showPreviewIcon: true,\n          showDownloadIcon: false,\n        };\n\n  const isPictureType = listType === 'picture' || listType === 'picture-card';\n\n  return (\n    <ul className={cn('ald-upload-list', `ald-upload-list-${listType}`)}>\n      {items.map((file) => {\n        const thumbUrl = isPictureType ? getThumbUrl(file) : undefined;\n\n        return (\n          <li\n            key={file.uid}\n            className={cn(\n              'ald-upload-list-item',\n              `ald-upload-list-item-${file.status || 'done'}`,\n            )}\n          >\n            {/* Thumbnail for picture types */}\n            {isPictureType && (\n              <div className=\"ald-upload-list-item-thumbnail\">\n                {thumbUrl ? (\n                  <img src={thumbUrl} alt={file.name} />\n                ) : (\n                  <div className=\"ald-upload-list-item-file-icon\">\n                    <FileIcon />\n                  </div>\n                )}\n              </div>\n            )}\n\n            {/* Status icon for text type */}\n            {!isPictureType && (\n              <span className=\"ald-upload-list-item-status-icon\">\n                {file.status === 'uploading' && (\n                  <span className=\"ald-upload-list-item-loading-icon\">\n                    <LoadingLine style={{ fontSize: 14 }} />\n                  </span>\n                )}\n                {file.status === 'done' && (\n                  <CheckCircleFill style={{ fontSize: 14 }} />\n                )}\n                {file.status === 'error' && (\n                  <CloseCircleFill style={{ fontSize: 14 }} />\n                )}\n              </span>\n            )}\n\n            {/* File name */}\n            <Tooltip title={file.name}>\n              <span\n                className=\"ald-upload-list-item-name\"\n                onClick={() => onPreview?.(file)}\n                style={onPreview ? { cursor: 'pointer' } : undefined}\n              >\n                {file.name}\n              </span>\n            </Tooltip>\n\n            {/* Actions */}\n            <span className=\"ald-upload-list-item-actions\">\n              {showConfig.showPreviewIcon &&\n                onPreview &&\n                file.status === 'done' && (\n                  <button\n                    type=\"button\"\n                    className=\"ald-upload-list-item-action\"\n                    title=\"Preview\"\n                    onClick={() => onPreview(file)}\n                  >\n                    <EyeOnLine style={{ fontSize: 14 }} />\n                  </button>\n                )}\n              {showConfig.showRemoveIcon !== false && !disabled && (\n                <button\n                  type=\"button\"\n                  className=\"ald-upload-list-item-action\"\n                  title=\"Remove\"\n                  onClick={() => onRemove?.(file)}\n                >\n                  {listType === 'picture-card' ? (\n                    <TrashLightLine style={{ fontSize: 14 }} />\n                  ) : (\n                    <CloseLightLine style={{ fontSize: 14 }} />\n                  )}\n                </button>\n              )}\n            </span>\n\n            {/* Progress bar */}\n            {file.status === 'uploading' && (\n              <div className=\"ald-upload-list-item-progress\">\n                <div\n                  className=\"ald-upload-list-item-progress-bar\"\n                  style={{ width: `${file.percent ?? 0}%` }}\n                />\n              </div>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Simple file icon SVG (inline to avoid extra dependency)\n// ---------------------------------------------------------------------------\n\nfunction FileIcon() {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n      <polyline points=\"14 2 14 8 20 8\" />\n    </svg>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Upload component\n// ---------------------------------------------------------------------------\n\nfunction Upload<T = any>(props: UploadProps<T>) {\n  const {\n    accept,\n    action,\n    method,\n    headers,\n    data,\n    withCredentials,\n    beforeUpload,\n    customRequest,\n    disabled = false,\n    fileList: controlledFileList,\n    defaultFileList,\n    maxCount,\n    multiple,\n    directory,\n    name = 'file',\n    listType = 'text',\n    showUploadList = true,\n    onChange,\n    onRemove,\n    onPreview,\n    onDownload,\n    className,\n    style,\n    children,\n    openFileDialogOnClick = true,\n    id,\n  } = props;\n\n  const isControlled = controlledFileList !== undefined;\n  const [internalFileList, setInternalFileList] = useState<UploadFile<T>[]>(\n    defaultFileList ?? [],\n  );\n\n  const mergedFileList = isControlled ? controlledFileList! : internalFileList;\n\n  // Keep a ref to latest list so callbacks always see fresh state\n  const fileListRef = useRef(mergedFileList);\n  fileListRef.current = mergedFileList;\n\n  const rcUploadRef = useRef<any>(null);\n\n  // ----- helpers to update state & fire onChange -----\n\n  const updateFileList = useCallback(\n    (newFile: UploadFile<T>, event?: UploadProgressEvent) => {\n      const nextList = fileListRef.current.map((f) =>\n        f.uid === newFile.uid ? newFile : f,\n      );\n      // If the file is new, append it\n      if (!nextList.some((f) => f.uid === newFile.uid)) {\n        nextList.push(newFile);\n      }\n      if (!isControlled) {\n        setInternalFileList(nextList);\n      }\n      onChange?.({\n        file: newFile,\n        fileList: nextList,\n        event,\n      });\n    },\n    [isControlled, onChange],\n  );\n\n  // ----- rc-upload callback props -----\n\n  const onBatchStart: RcUploadProps['onBatchStart'] = useCallback(\n    (batchFileInfoList: { file: RcFile; parsedFile: any }[]) => {\n      let nextList = [...fileListRef.current];\n\n      for (const { file } of batchFileInfoList) {\n        const uploadFile = fileToUploadFile(file, 'uploading') as UploadFile<T>;\n\n        if (maxCount && nextList.length >= maxCount) {\n          // replace if maxCount === 1, otherwise skip\n          if (maxCount === 1) {\n            nextList = [uploadFile];\n          }\n          continue;\n        }\n        nextList.push(uploadFile);\n      }\n\n      if (!isControlled) {\n        setInternalFileList(nextList);\n      }\n\n      // Fire onChange for the first new file\n      const firstNew = batchFileInfoList[0];\n      if (firstNew) {\n        const f = nextList.find((x) => x.uid === firstNew.file.uid);\n        if (f) {\n          onChange?.({ file: f, fileList: nextList });\n        }\n      }\n    },\n    [isControlled, maxCount, onChange],\n  );\n\n  const onRcProgress = useCallback(\n    (event: UploadProgressEvent, file: RcFile) => {\n      const target = fileListRef.current.find((f) => f.uid === file.uid);\n      if (!target) return;\n      const updated: UploadFile<T> = {\n        ...target,\n        status: 'uploading',\n        percent: event.percent ?? 0,\n      };\n      updateFileList(updated, event);\n    },\n    [updateFileList],\n  );\n\n  const onRcSuccess = useCallback(\n    (response: any, file: RcFile) => {\n      const target = fileListRef.current.find((f) => f.uid === file.uid);\n      if (!target) return;\n      const updated: UploadFile<T> = {\n        ...target,\n        status: 'done',\n        percent: 100,\n        response,\n      };\n      updateFileList(updated);\n    },\n    [updateFileList],\n  );\n\n  const onRcError = useCallback(\n    (error: Error, _ret: any, file: RcFile) => {\n      const target = fileListRef.current.find((f) => f.uid === file.uid);\n      if (!target) return;\n      const updated: UploadFile<T> = {\n        ...target,\n        status: 'error',\n        error,\n      };\n      updateFileList(updated);\n    },\n    [updateFileList],\n  );\n\n  // ----- remove handler -----\n\n  const handleRemove = useCallback(\n    async (file: UploadFile<T>) => {\n      const result = await onRemove?.(file as any);\n      if (result === false) return;\n      const nextList = fileListRef.current.filter((f) => f.uid !== file.uid);\n      if (!isControlled) {\n        setInternalFileList(nextList);\n      }\n      const removedFile: UploadFile<T> = { ...file, status: 'removed' };\n      onChange?.({ file: removedFile, fileList: nextList });\n    },\n    [isControlled, onChange, onRemove],\n  );\n\n  // ----- rc-upload props -----\n\n  const rcUploadProps: RcUploadProps = useMemo(\n    () => ({\n      accept,\n      action: action as RcUploadProps['action'],\n      method,\n      headers,\n      data: data as RcUploadProps['data'],\n      withCredentials,\n      beforeUpload: beforeUpload as RcUploadProps['beforeUpload'],\n      customRequest: customRequest as RcUploadProps['customRequest'],\n      disabled,\n      multiple,\n      directory,\n      name,\n      openFileDialogOnClick,\n      id,\n      prefixCls: 'ald-upload',\n      onBatchStart,\n      onProgress: onRcProgress,\n      onSuccess: onRcSuccess,\n      onError: onRcError,\n    }),\n    [\n      accept,\n      action,\n      method,\n      headers,\n      data,\n      withCredentials,\n      beforeUpload,\n      customRequest,\n      disabled,\n      multiple,\n      directory,\n      name,\n      openFileDialogOnClick,\n      id,\n      onBatchStart,\n      onRcProgress,\n      onRcSuccess,\n      onRcError,\n    ],\n  );\n\n  const isPictureCard = listType === 'picture-card';\n\n  return (\n    <span\n      className={cn(\n        'ald-upload',\n        { 'ald-upload-disabled': disabled },\n        className,\n      )}\n      style={style}\n    >\n      {isPictureCard ? (\n        // picture-card: render list first, then the upload trigger\n        <>\n          <UploadList\n            items={mergedFileList as UploadFile[]}\n            listType={listType}\n            showUploadList={showUploadList}\n            onRemove={handleRemove as any}\n            onPreview={onPreview as any}\n            onDownload={onDownload as any}\n            disabled={disabled}\n          />\n          {(!maxCount || mergedFileList.length < maxCount) && (\n            <RcUpload {...rcUploadProps} ref={rcUploadRef}>\n              <div className=\"ald-upload-select\">{children}</div>\n            </RcUpload>\n          )}\n        </>\n      ) : (\n        // text / picture: render trigger then list\n        <>\n          <RcUpload {...rcUploadProps} ref={rcUploadRef}>\n            <div className=\"ald-upload-select\">{children}</div>\n          </RcUpload>\n          <UploadList\n            items={mergedFileList as UploadFile[]}\n            listType={listType}\n            showUploadList={showUploadList}\n            onRemove={handleRemove as any}\n            onPreview={onPreview as any}\n            onDownload={onDownload as any}\n            disabled={disabled}\n          />\n        </>\n      )}\n    </span>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Dragger sub-component\n// ---------------------------------------------------------------------------\n\nfunction Dragger(props: DraggerProps) {\n  const { height, style, disabled, className, children, ...restProps } = props;\n  const [dragOver, setDragOver] = useState(false);\n\n  const mergedStyle: React.CSSProperties = {\n    ...style,\n    ...(height !== null && height !== undefined ? { height } : {}),\n  };\n\n  return (\n    <Upload\n      {...restProps}\n      disabled={disabled}\n      className={cn('ald-upload-dragger-wrapper', className)}\n      style={mergedStyle}\n    >\n      <div\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        className={cn('ald-upload-dragger ant-upload-drag', {\n          'ald-upload-drag-hover': dragOver,\n          'ant-upload-drag-hover': dragOver,\n          'ald-upload-disabled': disabled,\n          'ant-upload-disabled': disabled,\n        })}\n        onDragOver={(e) => {\n          e.preventDefault();\n          if (!disabled) setDragOver(true);\n        }}\n        onDragLeave={() => setDragOver(false)}\n        onDrop={() => setDragOver(false)}\n      >\n        {children}\n      </div>\n    </Upload>\n  );\n}\n\nUpload.Dragger = Dragger;\n\nexport default Upload as typeof Upload & { Dragger: typeof Dragger };\n"],"mappings":"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"}

package/dist/_utils/floatingLayer.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export declare const FLOATING_LAYER_BASE_Z_INDEX = 1000;
+export declare const FLOATING_LAYER_STEP = 10;
+export declare function useFloatingLayer(baseZIndex?: number): {
+    level: number;
+    maskZIndex: number;
+    contentZIndex: number;
+    popupZIndex: number;
+    nextLevel: number;
+};
+export declare function useFloatingPopupZIndex(zIndex?: number): number;
+export declare function FloatingLayerProvider({ children, value, }: {
+    children: React.ReactNode;
+    value: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/_utils/floatingLayer.js

@@ -0,0 +1,30 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/_utils/floatingLayer.tsx
+var FLOATING_LAYER_BASE_Z_INDEX = 1e3;
+var FloatingLayerContext = createContext(0);
+function useFloatingLayer(baseZIndex = FLOATING_LAYER_BASE_Z_INDEX) {
+	const level = useContext(FloatingLayerContext);
+	const maskZIndex = baseZIndex + level * 10;
+	return {
+		level,
+		maskZIndex,
+		contentZIndex: maskZIndex + 1,
+		popupZIndex: maskZIndex + 2,
+		nextLevel: level + 1
+	};
+}
+function useFloatingPopupZIndex(zIndex) {
+	const { popupZIndex } = useFloatingLayer();
+	return zIndex ?? popupZIndex;
+}
+function FloatingLayerProvider({ children, value }) {
+	return /* @__PURE__ */ jsx(FloatingLayerContext.Provider, {
+		value,
+		children
+	});
+}
+//#endregion
+export { FloatingLayerProvider, useFloatingLayer, useFloatingPopupZIndex };
+
+//# sourceMappingURL=floatingLayer.js.map

package/dist/_utils/floatingLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingLayer.js","names":[],"sources":["../../src/_utils/floatingLayer.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\nexport const FLOATING_LAYER_BASE_Z_INDEX = 1000;\nexport const FLOATING_LAYER_STEP = 10;\n\nconst FloatingLayerContext = createContext(0);\n\nexport function useFloatingLayer(baseZIndex = FLOATING_LAYER_BASE_Z_INDEX) {\n  const level = useContext(FloatingLayerContext);\n  const maskZIndex = baseZIndex + level * FLOATING_LAYER_STEP;\n\n  return {\n    level,\n    maskZIndex,\n    contentZIndex: maskZIndex + 1,\n    popupZIndex: maskZIndex + 2,\n    nextLevel: level + 1,\n  };\n}\n\nexport function useFloatingPopupZIndex(zIndex?: number) {\n  const { popupZIndex } = useFloatingLayer();\n  return zIndex ?? popupZIndex;\n}\n\nexport function FloatingLayerProvider({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: number;\n}) {\n  return (\n    <FloatingLayerContext.Provider value={value}>\n      {children}\n    </FloatingLayerContext.Provider>\n  );\n}\n"],"mappings":";;;AAEA,IAAa,8BAA8B;AAG3C,IAAM,uBAAuB,cAAc,EAAE;AAE7C,SAAgB,iBAAiB,aAAa,6BAA6B;CACzE,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,aAAa,aAAa,QAAA;AAEhC,QAAO;EACL;EACA;EACA,eAAe,aAAa;EAC5B,aAAa,aAAa;EAC1B,WAAW,QAAQ;EACpB;;AAGH,SAAgB,uBAAuB,QAAiB;CACtD,MAAM,EAAE,gBAAgB,kBAAkB;AAC1C,QAAO,UAAU;;AAGnB,SAAgB,sBAAsB,EACpC,UACA,SAIC;AACD,QACE,oBAAC,qBAAqB,UAAtB;EAAsC;EACnC;EAC6B,CAAA"}

package/dist/_utils/storybookArgTypes.d.ts

@@ -0,0 +1,11 @@
+type ArgTypeConfig = {
+    description?: string;
+    table?: {
+        disable?: boolean;
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+};
+type ArgTypesConfig = Record<string, ArgTypeConfig>;
+export declare function withChineseDescriptions<const TArgTypes extends ArgTypesConfig>(argTypes: TArgTypes): TArgTypes;
+export {};

package/dist/_utils/storybookArgTypes.js

@@ -0,0 +1,2 @@
+// type-only module stub
+export {};