@robot-admin/naive-ui-components 0.8.1 → 0.9.0

package/dist/C_Upload2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Upload2.js","names":["disabled","accept","multiple","directory","pasteable","tip","fileList","showThumbnail","hashProgress"],"sources":["../src/components/C_Upload/constants.ts","../src/components/C_Upload/composables/useFileHash.ts","../src/components/C_Upload/composables/useChunkUpload.ts","../src/components/C_Upload/composables/useUploadQueue.ts","../src/components/C_Upload/composables/useUploadCore.ts","../src/components/C_Upload/composables/useDragDrop.ts","../src/components/C_Upload/components/UploadArea.vue","../src/components/C_Upload/components/UploadArea.vue","../src/components/C_Upload/components/UploadArea.vue","../src/components/C_Upload/components/FileList.vue","../src/components/C_Upload/components/FileList.vue","../src/components/C_Upload/components/FileList.vue","../src/components/C_Upload/components/ImagePreview.vue","../src/components/C_Upload/components/ImagePreview.vue","../src/components/C_Upload/components/ImagePreview.vue","../src/components/C_Upload/index.vue","../src/components/C_Upload/index.vue","../src/components/C_Upload/index.vue"],"sourcesContent":["/**\r\n * C_Upload 组件常量\r\n */\r\n\r\n/** 默认分片大小 2MB */\r\nexport const DEFAULT_CHUNK_SIZE = 2 * 1024 * 1024;\r\n\r\n/** 默认最大并发数 */\r\nexport const DEFAULT_CONCURRENCY = 3;\r\n\r\n/** 默认最大文件数 */\r\nexport const DEFAULT_MAX_COUNT = 10;\r\n\r\n/** 大文件阈值（超过此大小自动启用分片） */\r\nexport const LARGE_FILE_THRESHOLD = 10 * 1024 * 1024;\r\n\r\n/** 状态文案映射 */\r\nexport const STATUS_TEXT: Record<string, string> = {\r\n  pending: \"等待上传\",\r\n  hashing: \"计算校验…\",\r\n  uploading: \"上传中…\",\r\n  success: \"上传成功\",\r\n  error: \"上传失败\",\r\n  paused: \"已暂停\",\r\n  instant: \"秒传成功\",\r\n};\r\n\r\n/** 状态颜色映射（Naive UI NTag type） */\r\nexport const STATUS_TYPE: Record<string, string> = {\r\n  pending: \"default\",\r\n  hashing: \"info\",\r\n  uploading: \"info\",\r\n  success: \"success\",\r\n  error: \"error\",\r\n  paused: \"warning\",\r\n  instant: \"success\",\r\n};\r\n\r\n/** 文件图标映射 */\r\nexport const FILE_ICON_MAP: Record<string, string> = {\r\n  \"image/\": \"mdi:file-image-outline\",\r\n  \"video/\": \"mdi:file-video-outline\",\r\n  \"audio/\": \"mdi:file-music-outline\",\r\n  \"application/pdf\": \"mdi:file-pdf-box\",\r\n  \"application/zip\": \"mdi:folder-zip-outline\",\r\n  \"application/x-rar\": \"mdi:folder-zip-outline\",\r\n  \"application/vnd.ms-excel\": \"mdi:file-excel-outline\",\r\n  \"application/vnd.openxmlformats-officedocument.spreadsheetml\":\r\n    \"mdi:file-excel-outline\",\r\n  \"application/msword\": \"mdi:file-word-outline\",\r\n  \"application/vnd.openxmlformats-officedocument.wordprocessingml\":\r\n    \"mdi:file-word-outline\",\r\n  \"text/\": \"mdi:file-document-outline\",\r\n  default: \"mdi:file-outline\",\r\n};\r\n\r\n/** 根据 MIME 类型获取图标 */\r\nexport function getFileIcon(type: string): string {\r\n  for (const [key, icon] of Object.entries(FILE_ICON_MAP)) {\r\n    if (key !== \"default\" && type.startsWith(key)) return icon;\r\n  }\r\n  return FILE_ICON_MAP.default;\r\n}\r\n\r\n/** 格式化文件大小 */\r\nexport function formatFileSize(bytes: number): string {\r\n  if (bytes === 0) return \"0 B\";\r\n  const units = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\r\n  const i = Math.floor(Math.log(bytes) / Math.log(1024));\r\n  return `${(bytes / 1024 ** i).toFixed(i > 0 ? 1 : 0)} ${units[i]}`;\r\n}\r\n","/**\r\n * 文件哈希计算（Web Worker + spark-md5）\r\n */\r\n\r\nimport { ref, readonly, type Ref } from \"vue\";\r\n\r\n/**\r\n * 文件哈希计算\r\n *\r\n * 使用 spark-md5 在 Web Worker 中对文件分片计算 MD5 hash，\r\n * 不阻塞主线程，支持进度回调。\r\n *\r\n * @param chunkSize  分片大小（bytes），也用于哈希分块读取\r\n */\r\nexport function useFileHash(chunkSize: Ref<number>) {\r\n  const hashing = ref(false);\r\n  const hashProgress = ref(0);\r\n\r\n  /**\r\n   * 计算文件 hash\r\n   * @param file  原生 File 对象\r\n   * @returns     MD5 hash 字符串\r\n   */\r\n  async function calculateHash(file: File): Promise<string> {\r\n    hashing.value = true;\r\n    hashProgress.value = 0;\r\n\r\n    return new Promise((resolve, reject) => {\r\n      // 使用 inline Web Worker（避免额外文件）\r\n      const workerCode = `\r\n        self.importScripts('https://cdn.jsdelivr.net/npm/spark-md5@3.0.2/spark-md5.min.js');\r\n\r\n        self.onmessage = function(e) {\r\n          const { chunks } = e.data;\r\n          const spark = new self.SparkMD5.ArrayBuffer();\r\n          let current = 0;\r\n\r\n          function processNext() {\r\n            if (current >= chunks.length) {\r\n              self.postMessage({ type: 'done', hash: spark.end() });\r\n              return;\r\n            }\r\n            const reader = new FileReaderSync();\r\n            const buffer = reader.readAsArrayBuffer(chunks[current]);\r\n            spark.append(buffer);\r\n            current++;\r\n            self.postMessage({ type: 'progress', percent: Math.round((current / chunks.length) * 100) });\r\n            processNext();\r\n          }\r\n\r\n          processNext();\r\n        };\r\n      `;\r\n\r\n      // 将文件分片\r\n      const size = chunkSize.value;\r\n      const chunks: Blob[] = [];\r\n      let offset = 0;\r\n      while (offset < file.size) {\r\n        chunks.push(file.slice(offset, offset + size));\r\n        offset += size;\r\n      }\r\n\r\n      // 如果浏览器不支持 Worker（SSR / 旧环境），走主线程降级\r\n      if (typeof Worker === \"undefined\") {\r\n        computeHashMainThread(file, chunks)\r\n          .then(resolve)\r\n          .catch(reject)\r\n          .finally(() => {\r\n            hashing.value = false;\r\n          });\r\n        return;\r\n      }\r\n\r\n      try {\r\n        const blob = new Blob([workerCode], { type: \"application/javascript\" });\r\n        const workerUrl = URL.createObjectURL(blob);\r\n        const worker = new Worker(workerUrl);\r\n\r\n        worker.onmessage = (e: MessageEvent) => {\r\n          const { type, hash, percent } = e.data;\r\n          if (type === \"progress\") {\r\n            hashProgress.value = percent;\r\n          } else if (type === \"done\") {\r\n            hashing.value = false;\r\n            worker.terminate();\r\n            URL.revokeObjectURL(workerUrl);\r\n            resolve(hash);\r\n          }\r\n        };\r\n\r\n        worker.onerror = () => {\r\n          hashing.value = false;\r\n          worker.terminate();\r\n          URL.revokeObjectURL(workerUrl);\r\n          // 降级到主线程\r\n          computeHashMainThread(file, chunks).then(resolve).catch(reject);\r\n        };\r\n\r\n        worker.postMessage({ chunks });\r\n      } catch {\r\n        // Worker 创建失败，降级\r\n        computeHashMainThread(file, chunks)\r\n          .then(resolve)\r\n          .catch(reject)\r\n          .finally(() => {\r\n            hashing.value = false;\r\n          });\r\n      }\r\n    });\r\n  }\r\n\r\n  /** 主线程降级计算 */\r\n  async function computeHashMainThread(\r\n    _file: File,\r\n    chunks: Blob[],\r\n  ): Promise<string> {\r\n    const SparkMD5 = (await import(\"spark-md5\" as string)).default;\r\n    const spark = new SparkMD5.ArrayBuffer();\r\n\r\n    for (let i = 0; i < chunks.length; i++) {\r\n      const buffer = await chunks[i].arrayBuffer();\r\n      spark.append(buffer);\r\n      hashProgress.value = Math.round(((i + 1) / chunks.length) * 100);\r\n    }\r\n\r\n    hashing.value = false;\r\n    return spark.end();\r\n  }\r\n\r\n  return {\r\n    /** 是否正在计算 hash */\r\n    hashing: readonly(hashing),\r\n    /** 哈希计算进度（0-100） */\r\n    hashProgress: readonly(hashProgress),\r\n    /** 计算文件 hash */\r\n    calculateHash,\r\n  };\r\n}\r\n","/**\r\n * 分片上传引擎\r\n */\r\n\r\nimport type { Ref } from \"vue\";\r\nimport type {\r\n  UploadChunk,\r\n  ChunkProgress,\r\n  UploadRequestOptions,\r\n  CustomUploadRequest,\r\n  UploadedChunksQueryFn,\r\n  MergeChunksFn,\r\n} from \"../types\";\r\n\r\ninterface UseChunkUploadOptions {\r\n  /** 分片大小 */\r\n  chunkSize: Ref<number>;\r\n  /** 最大并发数 */\r\n  concurrency: Ref<number>;\r\n  /** 上传地址 */\r\n  action: Ref<string>;\r\n  /** 请求头 */\r\n  headers: Ref<Record<string, string>>;\r\n  /** 附加字段 */\r\n  data: Ref<Record<string, any>>;\r\n  /** 自定义上传函数 */\r\n  customRequest?: Ref<CustomUploadRequest | undefined>;\r\n  /** 已上传分片查询 */\r\n  uploadedChunksQuery?: Ref<UploadedChunksQueryFn | undefined>;\r\n  /** 分片合并函数 */\r\n  mergeChunks?: Ref<MergeChunksFn | undefined>;\r\n}\r\n\r\n/**\r\n * 分片上传引擎\r\n *\r\n * 处理大文件分片切割、并发上传、断点续传、分片合并。\r\n */\r\nexport function useChunkUpload(options: UseChunkUploadOptions) {\r\n  /** 正在进行的上传中止控制器映射 uid → abort[] */\r\n  const abortMap = new Map<string, (() => void)[]>();\r\n\r\n  /**\r\n   * 将文件切割为分片\r\n   */\r\n  function createChunks(file: File): UploadChunk[] {\r\n    const size = options.chunkSize.value;\r\n    const chunks: UploadChunk[] = [];\r\n    let index = 0;\r\n    let offset = 0;\r\n\r\n    while (offset < file.size) {\r\n      const end = Math.min(offset + size, file.size);\r\n      chunks.push({\r\n        index,\r\n        blob: file.slice(offset, end),\r\n        size: end - offset,\r\n        uploaded: false,\r\n      });\r\n      offset = end;\r\n      index++;\r\n    }\r\n\r\n    return chunks;\r\n  }\r\n\r\n  /**\r\n   * 查询已上传的分片（断点续传）\r\n   */\r\n  async function queryExistingChunks(hash: string, chunks: UploadChunk[]) {\r\n    if (!options.uploadedChunksQuery?.value) return;\r\n\r\n    try {\r\n      const uploaded = await options.uploadedChunksQuery.value(hash);\r\n      for (const idx of uploaded) {\r\n        const chunk = chunks[idx];\r\n        if (chunk) chunk.uploaded = true;\r\n      }\r\n    } catch {\r\n      // 查询失败，全部重传\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 上传单个分片\r\n   */\r\n  function uploadSingleChunk(ctx: {\r\n    chunk: UploadChunk;\r\n    hash: string;\r\n    file: File;\r\n    totalChunks: number;\r\n    chunks: UploadChunk[];\r\n    totalBytes: number;\r\n    abortControllers: (() => void)[];\r\n    onProgress: (progress: ChunkProgress) => void;\r\n    setUploadedBytes: (bytes: number) => void;\r\n    setError: () => void;\r\n  }): Promise<void> {\r\n    return new Promise<void>((resolve, reject) => {\r\n      const requestOptions: UploadRequestOptions = {\r\n        action: options.action.value,\r\n        headers: options.headers.value,\r\n        data: {\r\n          ...options.data.value,\r\n          hash: ctx.hash,\r\n          chunkIndex: ctx.chunk.index,\r\n          totalChunks: ctx.totalChunks,\r\n          filename: ctx.file.name,\r\n        },\r\n        file: ctx.chunk.blob,\r\n        filename: ctx.file.name,\r\n        hash: ctx.hash,\r\n        chunkIndex: ctx.chunk.index,\r\n        totalChunks: ctx.totalChunks,\r\n        onProgress: () => {\r\n          /* 分片内部进度可选 */\r\n        },\r\n        onSuccess: () => {\r\n          ctx.chunk.uploaded = true;\r\n          ctx.setUploadedBytes(ctx.chunk.size);\r\n          ctx.onProgress({\r\n            uploadedChunks: ctx.chunks.filter((c) => c.uploaded).length,\r\n            totalChunks: ctx.totalChunks,\r\n            uploadedBytes: ctx.chunks\r\n              .filter((c) => c.uploaded)\r\n              .reduce((sum, c) => sum + c.size, 0),\r\n            totalBytes: ctx.totalBytes,\r\n          });\r\n          resolve();\r\n        },\r\n        onError: (err) => {\r\n          ctx.setError();\r\n          reject(err);\r\n        },\r\n      };\r\n\r\n      const req = options.customRequest?.value\r\n        ? options.customRequest.value(requestOptions)\r\n        : defaultUploadRequest(requestOptions);\r\n      ctx.abortControllers.push(req.abort);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * 执行分片上传\r\n   */\r\n  async function uploadChunks(params: {\r\n    uid: string;\r\n    file: File;\r\n    hash: string;\r\n    onProgress: (progress: ChunkProgress) => void;\r\n    onSuccess: (response: any) => void;\r\n    onError: (error: Error) => void;\r\n    isPaused: () => boolean;\r\n  }) {\r\n    const { uid, file, hash, onProgress, onSuccess, onError, isPaused } =\r\n      params;\r\n    const chunks = createChunks(file);\r\n    const totalChunks = chunks.length;\r\n    const totalBytes = file.size;\r\n    let uploadedBytes = 0;\r\n\r\n    // 查询已上传分片（断点续传）\r\n    await queryExistingChunks(hash, chunks);\r\n    uploadedBytes = chunks\r\n      .filter((c) => c.uploaded)\r\n      .reduce((sum, c) => sum + c.size, 0);\r\n\r\n    // 初始进度\r\n    onProgress({\r\n      uploadedChunks: chunks.filter((c) => c.uploaded).length,\r\n      totalChunks,\r\n      uploadedBytes,\r\n      totalBytes,\r\n    });\r\n\r\n    // 过滤待上传分片\r\n    const pendingChunks = chunks.filter((c) => !c.uploaded);\r\n\r\n    if (pendingChunks.length === 0) {\r\n      // 全部已上传，直接合并\r\n      await mergeAndFinish(hash, file.name, totalChunks, onSuccess, onError);\r\n      return;\r\n    }\r\n\r\n    // 并发控制上传\r\n    const abortControllers: (() => void)[] = [];\r\n    abortMap.set(uid, abortControllers);\r\n\r\n    const concurrency = options.concurrency.value;\r\n    let current = 0;\r\n    let hasError = false;\r\n\r\n    /** 上传下一个分片 */\r\n    async function uploadNext(): Promise<void> {\r\n      while (current < pendingChunks.length && !hasError && !isPaused()) {\r\n        const chunk = pendingChunks[current++];\r\n\r\n        await uploadSingleChunk({\r\n          chunk,\r\n          hash,\r\n          file,\r\n          totalChunks,\r\n          chunks,\r\n          totalBytes,\r\n          abortControllers,\r\n          onProgress,\r\n          setUploadedBytes: (bytes: number) => {\r\n            uploadedBytes += bytes;\r\n          },\r\n          setError: () => {\r\n            hasError = true;\r\n          },\r\n        });\r\n      }\r\n    }\r\n\r\n    // 启动并发池\r\n    const pool = Array.from(\r\n      { length: Math.min(concurrency, pendingChunks.length) },\r\n      () => uploadNext(),\r\n    );\r\n\r\n    try {\r\n      await Promise.all(pool);\r\n\r\n      if (!hasError && !isPaused()) {\r\n        // 全部分片完成 → 合并\r\n        await mergeAndFinish(hash, file.name, totalChunks, onSuccess, onError);\r\n      }\r\n    } catch (err) {\r\n      onError(err instanceof Error ? err : new Error(String(err)));\r\n    } finally {\r\n      abortMap.delete(uid);\r\n    }\r\n  }\r\n\r\n  /** 合并分片 */\r\n  async function mergeAndFinish(\r\n    hash: string,\r\n    filename: string,\r\n    totalChunks: number,\r\n    onSuccess: (response: any) => void,\r\n    onError: (error: Error) => void,\r\n  ) {\r\n    if (options.mergeChunks?.value) {\r\n      try {\r\n        const result = await options.mergeChunks.value(\r\n          hash,\r\n          filename,\r\n          totalChunks,\r\n        );\r\n        onSuccess(result);\r\n      } catch (err) {\r\n        onError(err instanceof Error ? err : new Error(\"分片合并失败\"));\r\n      }\r\n    } else {\r\n      onSuccess({ message: \"分片上传完成（未配置合并函数）\" });\r\n    }\r\n  }\r\n\r\n  /** 中止指定文件的分片上传 */\r\n  function abortUpload(uid: string) {\r\n    const controllers = abortMap.get(uid);\r\n    controllers?.forEach((abort) => abort());\r\n    abortMap.delete(uid);\r\n  }\r\n\r\n  /** 中止所有 */\r\n  function abortAll() {\r\n    abortMap.forEach((controllers) => {\r\n      controllers.forEach((abort) => abort());\r\n    });\r\n    abortMap.clear();\r\n  }\r\n\r\n  return {\r\n    createChunks,\r\n    uploadChunks,\r\n    abortUpload,\r\n    abortAll,\r\n  };\r\n}\r\n\r\n/** 默认 XMLHttpRequest 上传实现 */\r\nfunction defaultUploadRequest(options: UploadRequestOptions) {\r\n  const xhr = new XMLHttpRequest();\r\n\r\n  xhr.open(\"POST\", options.action);\r\n\r\n  // 设置请求头\r\n  if (options.headers) {\r\n    Object.entries(options.headers).forEach(([key, value]) => {\r\n      xhr.setRequestHeader(key, value);\r\n    });\r\n  }\r\n\r\n  // 上传进度\r\n  xhr.upload.addEventListener(\"progress\", (e) => {\r\n    if (e.lengthComputable) {\r\n      options.onProgress?.(Math.round((e.loaded / e.total) * 100));\r\n    }\r\n  });\r\n\r\n  xhr.addEventListener(\"load\", () => {\r\n    if (xhr.status >= 200 && xhr.status < 300) {\r\n      let response: any;\r\n      try {\r\n        response = JSON.parse(xhr.responseText);\r\n      } catch {\r\n        response = xhr.responseText;\r\n      }\r\n      options.onSuccess?.(response);\r\n    } else {\r\n      options.onError?.(new Error(`上传失败: HTTP ${xhr.status}`));\r\n    }\r\n  });\r\n\r\n  xhr.addEventListener(\"error\", () => {\r\n    options.onError?.(new Error(\"网络错误\"));\r\n  });\r\n\r\n  const formData = new FormData();\r\n  formData.append(\"file\", options.file, options.filename);\r\n\r\n  if (options.data) {\r\n    Object.entries(options.data).forEach(([key, value]) => {\r\n      formData.append(key, String(value));\r\n    });\r\n  }\r\n\r\n  xhr.send(formData);\r\n\r\n  return {\r\n    abort: () => xhr.abort(),\r\n  };\r\n}\r\n","/**\r\n * 并发队列管理\r\n */\r\n\r\nimport { ref, readonly } from \"vue\";\r\nimport type { Ref } from \"vue\";\r\nimport type {\r\n  UploadFileItem,\r\n  UploadRequestOptions,\r\n  CustomUploadRequest,\r\n} from \"../types\";\r\n\r\ninterface UseUploadQueueOptions {\r\n  /** 最大并发数 */\r\n  concurrency: Ref<number>;\r\n  /** 上传地址 */\r\n  action: Ref<string>;\r\n  /** 请求头 */\r\n  headers: Ref<Record<string, string>>;\r\n  /** 附加字段 */\r\n  data: Ref<Record<string, any>>;\r\n  /** 自定义上传函数 */\r\n  customRequest?: Ref<CustomUploadRequest | undefined>;\r\n}\r\n\r\n/**\r\n * 并发队列管理\r\n *\r\n * 控制普通文件（非分片）的并发上传数量，\r\n * 先进先出排队，自动从队列中取出执行。\r\n */\r\nexport function useUploadQueue(options: UseUploadQueueOptions) {\r\n  /** 等待队列 */\r\n  const queue: UploadFileItem[] = [];\r\n  /** 正在上传的数量 */\r\n  const activeCount = ref(0);\r\n  /** uid → abort */\r\n  const abortMap = new Map<string, () => void>();\r\n\r\n  /**\r\n   * 添加文件到队列\r\n   */\r\n  function enqueue(\r\n    file: UploadFileItem,\r\n    onProgress: (uid: string, percent: number) => void,\r\n    onSuccess: (uid: string, response: any) => void,\r\n    onError: (uid: string, error: Error) => void,\r\n  ) {\r\n    queue.push(file);\r\n    processQueue(onProgress, onSuccess, onError);\r\n  }\r\n\r\n  /**\r\n   * 处理队列\r\n   */\r\n  function processQueue(\r\n    onProgress: (uid: string, percent: number) => void,\r\n    onSuccess: (uid: string, response: any) => void,\r\n    onError: (uid: string, error: Error) => void,\r\n  ) {\r\n    while (activeCount.value < options.concurrency.value && queue.length > 0) {\r\n      const file = queue.shift()!;\r\n      if (!file.raw) continue;\r\n\r\n      activeCount.value++;\r\n\r\n      const requestOptions: UploadRequestOptions = {\r\n        action: options.action.value,\r\n        headers: options.headers.value,\r\n        data: options.data.value,\r\n        file: file.raw,\r\n        filename: file.name,\r\n        onProgress: (percent) => {\r\n          onProgress(file.uid, percent);\r\n        },\r\n        onSuccess: (response) => {\r\n          activeCount.value--;\r\n          abortMap.delete(file.uid);\r\n          onSuccess(file.uid, response);\r\n          processQueue(onProgress, onSuccess, onError);\r\n        },\r\n        onError: (error) => {\r\n          activeCount.value--;\r\n          abortMap.delete(file.uid);\r\n          onError(file.uid, error);\r\n          processQueue(onProgress, onSuccess, onError);\r\n        },\r\n      };\r\n\r\n      if (options.customRequest?.value) {\r\n        const { abort } = options.customRequest.value(requestOptions);\r\n        abortMap.set(file.uid, abort);\r\n      } else {\r\n        const { abort } = defaultRequest(requestOptions);\r\n        abortMap.set(file.uid, abort);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** 中止指定文件 */\r\n  function abort(uid: string) {\r\n    abortMap.get(uid)?.();\r\n    abortMap.delete(uid);\r\n    // 从队列移除\r\n    const idx = queue.findIndex((f) => f.uid === uid);\r\n    if (idx !== -1) queue.splice(idx, 1);\r\n  }\r\n\r\n  /** 中止所有 */\r\n  function abortAll() {\r\n    abortMap.forEach((fn) => fn());\r\n    abortMap.clear();\r\n    queue.length = 0;\r\n    activeCount.value = 0;\r\n  }\r\n\r\n  return {\r\n    /** 当前活跃上传数 */\r\n    activeCount: readonly(activeCount),\r\n    enqueue,\r\n    abort,\r\n    abortAll,\r\n  };\r\n}\r\n\r\n/** 默认 XHR 上传 */\r\nfunction defaultRequest(options: UploadRequestOptions) {\r\n  const xhr = new XMLHttpRequest();\r\n  xhr.open(\"POST\", options.action);\r\n\r\n  if (options.headers) {\r\n    Object.entries(options.headers).forEach(([key, value]) => {\r\n      xhr.setRequestHeader(key, value);\r\n    });\r\n  }\r\n\r\n  xhr.upload.addEventListener(\"progress\", (e) => {\r\n    if (e.lengthComputable) {\r\n      options.onProgress?.(Math.round((e.loaded / e.total) * 100));\r\n    }\r\n  });\r\n\r\n  xhr.addEventListener(\"load\", () => {\r\n    if (xhr.status >= 200 && xhr.status < 300) {\r\n      let response: any;\r\n      try {\r\n        response = JSON.parse(xhr.responseText);\r\n      } catch {\r\n        response = xhr.responseText;\r\n      }\r\n      options.onSuccess?.(response);\r\n    } else {\r\n      options.onError?.(new Error(`上传失败: HTTP ${xhr.status}`));\r\n    }\r\n  });\r\n\r\n  xhr.addEventListener(\"error\", () => {\r\n    options.onError?.(new Error(\"网络错误\"));\r\n  });\r\n\r\n  const formData = new FormData();\r\n  formData.append(\"file\", options.file as File, options.filename);\r\n\r\n  if (options.data) {\r\n    Object.entries(options.data).forEach(([key, value]) => {\r\n      formData.append(key, String(value));\r\n    });\r\n  }\r\n\r\n  xhr.send(formData);\r\n\r\n  return { abort: () => xhr.abort() };\r\n}\r\n","/**\r\n * 核心上传逻辑\r\n */\r\n\r\nimport { ref, computed, reactive, onBeforeUnmount } from \"vue\";\r\nimport type { UploadFileItem, UploadProps, ChunkProgress } from \"../types\";\r\nimport { DEFAULT_CHUNK_SIZE, DEFAULT_CONCURRENCY } from \"../constants\";\r\nimport { useFileHash } from \"./useFileHash\";\r\nimport { useChunkUpload } from \"./useChunkUpload\";\r\nimport { useUploadQueue } from \"./useUploadQueue\";\r\n\r\n/**\r\n * 核心上传逻辑\r\n *\r\n * 统一调度文件校验、hash 计算、秒传检查、分片/普通上传、\r\n * 进度汇总和状态管理。\r\n */\r\nexport function useUploadCore(props: UploadProps) {\r\n  // ─── 响应式 Props 引用 ────────────────────────\r\n\r\n  const action = computed(() => props.action ?? \"\");\r\n  const headers = computed(() => props.headers ?? {});\r\n  const data = computed(() => props.data ?? {});\r\n  const chunkSize = computed(() => props.chunkSize ?? DEFAULT_CHUNK_SIZE);\r\n  const concurrency = computed(() => props.concurrency ?? DEFAULT_CONCURRENCY);\r\n  const customRequest = computed(() => props.customRequest);\r\n  const instantCheck = computed(() => props.instantCheck);\r\n  const uploadedChunksQuery = computed(() => props.uploadedChunksQuery);\r\n  const mergeChunks = computed(() => props.mergeChunks);\r\n\r\n  // ─── 文件列表 ────────────────────────────────\r\n\r\n  const fileList = ref<UploadFileItem[]>([...(props.defaultFileList ?? [])]);\r\n  const pausedSet = reactive(new Set<string>());\r\n\r\n  // ─── 子 composable ───────────────────────────\r\n\r\n  const { hashing, hashProgress, calculateHash } = useFileHash(chunkSize);\r\n\r\n  const chunkUploader = useChunkUpload({\r\n    chunkSize,\r\n    concurrency,\r\n    action,\r\n    headers,\r\n    data,\r\n    customRequest,\r\n    uploadedChunksQuery,\r\n    mergeChunks,\r\n  });\r\n\r\n  const uploadQueue = useUploadQueue({\r\n    concurrency,\r\n    action,\r\n    headers,\r\n    data,\r\n    customRequest,\r\n  });\r\n\r\n  // ─── 总进度 ──────────────────────────────────\r\n\r\n  const totalPercent = computed(() => {\r\n    const list = fileList.value;\r\n    if (list.length === 0) return 0;\r\n    const total = list.reduce((sum, f) => sum + f.percent, 0);\r\n    return Math.round(total / list.length);\r\n  });\r\n\r\n  // ─── 文件操作 ────────────────────────────────\r\n\r\n  /** 生成唯一 ID */\r\n  function generateUid(): string {\r\n    return `upload-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\r\n  }\r\n\r\n  /** 创建缩略图 */\r\n  function createThumbnail(file: File): string | undefined {\r\n    if (file.type.startsWith(\"image/\")) {\r\n      return URL.createObjectURL(file);\r\n    }\r\n    return undefined;\r\n  }\r\n\r\n  /** 添加文件到列表 */\r\n  function addFiles(files: File[]): UploadFileItem[] {\r\n    const items: UploadFileItem[] = [];\r\n\r\n    for (const file of files) {\r\n      // 数量限制\r\n      if (\r\n        props.maxCount &&\r\n        fileList.value.length + items.length >= props.maxCount\r\n      ) {\r\n        break;\r\n      }\r\n\r\n      const item: UploadFileItem = {\r\n        uid: generateUid(),\r\n        name: file.name,\r\n        size: file.size,\r\n        type: file.type,\r\n        status: \"pending\",\r\n        percent: 0,\r\n        raw: file,\r\n        thumbUrl: createThumbnail(file),\r\n      };\r\n\r\n      items.push(item);\r\n    }\r\n\r\n    fileList.value.push(...items);\r\n    return items;\r\n  }\r\n\r\n  /** 更新文件状态 */\r\n  function updateFile(uid: string, patch: Partial<UploadFileItem>) {\r\n    const file = fileList.value.find((f) => f.uid === uid);\r\n    if (file) Object.assign(file, patch);\r\n  }\r\n\r\n  /** 移除文件 */\r\n  function removeFile(uid: string) {\r\n    chunkUploader.abortUpload(uid);\r\n    uploadQueue.abort(uid);\r\n    pausedSet.delete(uid);\r\n\r\n    const idx = fileList.value.findIndex((f) => f.uid === uid);\r\n    if (idx !== -1) {\r\n      const file = fileList.value[idx];\r\n      if (file.thumbUrl) URL.revokeObjectURL(file.thumbUrl);\r\n      fileList.value.splice(idx, 1);\r\n    }\r\n  }\r\n\r\n  /** 清空所有 */\r\n  function clearAll() {\r\n    chunkUploader.abortAll();\r\n    uploadQueue.abortAll();\r\n    pausedSet.clear();\r\n\r\n    fileList.value.forEach((f) => {\r\n      if (f.thumbUrl) URL.revokeObjectURL(f.thumbUrl);\r\n    });\r\n    fileList.value = [];\r\n  }\r\n\r\n  // ─── 上传流程 ────────────────────────────────\r\n\r\n  /** 校验单文件 */\r\n  async function validateFile(file: File): Promise<boolean> {\r\n    // 大小校验\r\n    if (props.maxSize && file.size > props.maxSize) {\r\n      return false;\r\n    }\r\n\r\n    // 自定义 beforeUpload\r\n    if (props.beforeUpload) {\r\n      const result = await props.beforeUpload(file);\r\n      return result !== false;\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  /** 上传单个文件 */\r\n  async function processFile(item: UploadFileItem) {\r\n    if (!item.raw) return\r\n\r\n    // 前置校验\r\n    const valid = await validateFile(item.raw)\r\n    if (!valid) {\r\n      updateFile(item.uid, { status: 'error', error: '文件校验未通过' })\r\n      return\r\n    }\r\n\r\n    // 秒传检查（所有模式均支持，只要提供了 instantCheck）\r\n    if (instantCheck.value && !item.hash) {\r\n      updateFile(item.uid, { status: 'hashing' })\r\n      try {\r\n        const hash = await calculateHash(item.raw)\r\n        updateFile(item.uid, { hash })\r\n        const result = await instantCheck.value(hash, item.raw.name)\r\n        if (result.exists) {\r\n          updateFile(item.uid, {\r\n            status: 'instant',\r\n            percent: 100,\r\n            url: result.url,\r\n          })\r\n          return\r\n        }\r\n      } catch {\r\n        // 秒传检查失败，继续正常上传\r\n      }\r\n    }\r\n\r\n    // 分片模式\r\n    if (props.chunked && item.raw.size > chunkSize.value) {\r\n      await processChunkedUpload(item)\r\n    } else {\r\n      processNormalUpload(item)\r\n    }\r\n  }\r\n\r\n  /** 分片上传流程 */\r\n  async function processChunkedUpload(item: UploadFileItem) {\r\n    const file = item.raw!\r\n\r\n    // 1. 计算 hash（如果秒传检查已计算则复用）\r\n    let hash = item.hash\r\n    if (!hash) {\r\n      updateFile(item.uid, { status: 'hashing' })\r\n      try {\r\n        hash = await calculateHash(file)\r\n        updateFile(item.uid, { hash })\r\n      } catch {\r\n        updateFile(item.uid, { status: 'error', error: 'Hash 计算失败' })\r\n        return\r\n      }\r\n    }\r\n\r\n    // 2. 秒传检查（如果 processFile 未提前检查）\r\n    if (instantCheck.value && item.status !== 'instant') {\r\n      try {\r\n        const result = await instantCheck.value(hash, file.name)\r\n        if (result.exists) {\r\n          updateFile(item.uid, {\r\n            status: 'instant',\r\n            percent: 100,\r\n            url: result.url,\r\n          })\r\n          return\r\n        }\r\n      } catch {\r\n        // 秒传检查失败，继续正常上传\r\n      }\r\n    }\r\n\r\n    // 3. 分片上传\r\n    updateFile(item.uid, { status: 'uploading' })\r\n\r\n    await chunkUploader.uploadChunks({\r\n      uid: item.uid,\r\n      file,\r\n      hash,\r\n      onProgress: (progress: ChunkProgress) => {\r\n        const percent = Math.round(\r\n          (progress.uploadedBytes / progress.totalBytes) * 100\r\n        )\r\n        updateFile(item.uid, { percent, chunkProgress: progress })\r\n      },\r\n      onSuccess: (response: any) => {\r\n        updateFile(item.uid, { status: 'success', percent: 100, response })\r\n      },\r\n      onError: (error: Error) => {\r\n        updateFile(item.uid, { status: 'error', error: error.message })\r\n      },\r\n      isPaused: () => pausedSet.has(item.uid),\r\n    })\r\n  }\r\n\r\n  /** 普通上传 */\r\n  function processNormalUpload(item: UploadFileItem) {\r\n    updateFile(item.uid, { status: \"uploading\" });\r\n\r\n    uploadQueue.enqueue(\r\n      item,\r\n      (uid, percent) => {\r\n        updateFile(uid, { percent });\r\n      },\r\n      (uid, response) => {\r\n        updateFile(uid, { status: \"success\", percent: 100, response });\r\n      },\r\n      (uid, error) => {\r\n        updateFile(uid, { status: \"error\", error: error.message });\r\n      },\r\n    );\r\n  }\r\n\r\n  /** 开始上传（上传所有 pending 文件） */\r\n  function startUpload() {\r\n    const pending = fileList.value.filter((f) => f.status === \"pending\");\r\n    pending.forEach(processFile);\r\n  }\r\n\r\n  /** 暂停所有 */\r\n  function pauseAll() {\r\n    fileList.value.forEach((f) => {\r\n      if (f.status === \"uploading\" || f.status === \"hashing\") {\r\n        pausedSet.add(f.uid);\r\n        updateFile(f.uid, { status: \"paused\" });\r\n      }\r\n    });\r\n  }\r\n\r\n  /** 恢复所有 */\r\n  function resumeAll() {\r\n    fileList.value.forEach((f) => {\r\n      if (f.status === \"paused\") {\r\n        pausedSet.delete(f.uid);\r\n        updateFile(f.uid, { status: \"pending\" });\r\n      }\r\n    });\r\n    startUpload();\r\n  }\r\n\r\n  /** 重试单个文件 */\r\n  function retryFile(uid: string) {\r\n    const file = fileList.value.find((f) => f.uid === uid);\r\n    if (file && file.status === \"error\") {\r\n      updateFile(uid, { status: \"pending\", percent: 0, error: undefined });\r\n      processFile(file);\r\n    }\r\n  }\r\n\r\n  /** 获取成功列表 */\r\n  function getSuccessList(): UploadFileItem[] {\r\n    return fileList.value.filter(\r\n      (f) => f.status === \"success\" || f.status === \"instant\",\r\n    );\r\n  }\r\n\r\n  // 清理 ObjectURL\r\n  onBeforeUnmount(() => {\r\n    fileList.value.forEach((f) => {\r\n      if (f.thumbUrl) URL.revokeObjectURL(f.thumbUrl);\r\n    });\r\n  });\r\n\r\n  return {\r\n    /** 文件列表 */\r\n    fileList,\r\n    /** 总进度 */\r\n    totalPercent,\r\n    /** 正在计算 hash */\r\n    hashing,\r\n    /** hash 进度 */\r\n    hashProgress,\r\n\r\n    /** 添加文件 */\r\n    addFiles,\r\n    /** 移除文件 */\r\n    removeFile,\r\n    /** 清空所有 */\r\n    clearAll,\r\n    /** 开始上传 */\r\n    startUpload,\r\n    /** 暂停所有 */\r\n    pauseAll,\r\n    /** 恢复所有 */\r\n    resumeAll,\r\n    /** 重试 */\r\n    retryFile,\r\n    /** 处理单文件 */\r\n    processFile,\r\n    /** 获取成功列表 */\r\n    getSuccessList,\r\n  };\r\n}\r\n","/**\r\n * 拖拽 & 粘贴上传\r\n */\r\n\r\nimport { ref, readonly, watch, onMounted, onBeforeUnmount, type Ref } from 'vue'\r\n\r\n/**\r\n * 拖拽 & 粘贴上传\r\n *\r\n * 监听容器的 dragover / drop / paste 事件，\r\n * 提取文件（含目录遍历）后回调给上层。\r\n *\r\n * @param containerRef  容器 DOM\r\n * @param enabled       是否启用拖拽\r\n * @param pasteable     是否启用粘贴\r\n * @param accept        文件类型限制\r\n * @param onFiles       文件回调\r\n */\r\nexport function useDragDrop(\r\n  containerRef: Ref<HTMLElement | undefined>,\r\n  enabled: Ref<boolean>,\r\n  pasteable: Ref<boolean>,\r\n  accept: Ref<string>,\r\n  onFiles: (files: File[]) => void\r\n) {\r\n  /** 是否正在拖拽悬停 */\r\n  const isDragOver = ref(false)\r\n\r\n  // ─── 拖拽事件 ─────────────────────────────────\r\n\r\n  /** 处理拖入事件 */\r\n  function handleDragEnter(e: DragEvent) {\r\n    if (!enabled.value) return\r\n    e.preventDefault()\r\n    isDragOver.value = true\r\n  }\r\n\r\n  /** 处理拖拽经过事件 */\r\n  function handleDragOver(e: DragEvent) {\r\n    if (!enabled.value) return\r\n    e.preventDefault()\r\n    isDragOver.value = true\r\n  }\r\n\r\n  /** 处理拖离事件 */\r\n  function handleDragLeave(e: DragEvent) {\r\n    if (!enabled.value) return\r\n    e.preventDefault()\r\n    const container = containerRef.value\r\n    if (container && !container.contains(e.relatedTarget as Node)) {\r\n      isDragOver.value = false\r\n    }\r\n  }\r\n\r\n  /** 处理放置事件 */\r\n  async function handleDrop(e: DragEvent) {\r\n    if (!enabled.value) return\r\n    e.preventDefault()\r\n    isDragOver.value = false\r\n\r\n    const items = e.dataTransfer?.items\r\n    if (!items) return\r\n\r\n    const files = await collectDropFiles(items, e.dataTransfer)\r\n    const filtered = filterByAccept(files, accept.value)\r\n    if (filtered.length > 0) onFiles(filtered)\r\n  }\r\n\r\n  // ─── 粘贴事件 ─────────────────────────────────\r\n\r\n  /** 粘贴事件 */\r\n  function handlePaste(e: ClipboardEvent) {\r\n    if (!pasteable.value) return\r\n\r\n    const items = e.clipboardData?.items\r\n    if (!items) return\r\n\r\n    const files: File[] = []\r\n    for (let i = 0; i < items.length; i++) {\r\n      const item = items[i]\r\n      if (item.kind === 'file') {\r\n        const file = item.getAsFile()\r\n        if (file) files.push(file)\r\n      }\r\n    }\r\n\r\n    const filtered = filterByAccept(files, accept.value)\r\n    if (filtered.length > 0) {\r\n      e.preventDefault()\r\n      onFiles(filtered)\r\n    }\r\n  }\r\n\r\n  // ─── 生命周期绑定 ─────────────────────────────\r\n\r\n  /** 绑定事件 */\r\n  function bindEvents() {\r\n    const el = containerRef.value\r\n    if (!el) return\r\n\r\n    el.addEventListener('dragenter', handleDragEnter)\r\n    el.addEventListener('dragover', handleDragOver)\r\n    el.addEventListener('dragleave', handleDragLeave)\r\n    el.addEventListener('drop', handleDrop)\r\n\r\n    if (pasteable.value) {\r\n      document.addEventListener('paste', handlePaste)\r\n    }\r\n  }\r\n\r\n  /** 解绑事件 */\r\n  function unbindEvents() {\r\n    const el = containerRef.value\r\n    if (el) {\r\n      el.removeEventListener('dragenter', handleDragEnter)\r\n      el.removeEventListener('dragover', handleDragOver)\r\n      el.removeEventListener('dragleave', handleDragLeave)\r\n      el.removeEventListener('drop', handleDrop)\r\n    }\r\n    document.removeEventListener('paste', handlePaste)\r\n  }\r\n\r\n  onMounted(bindEvents)\r\n  onBeforeUnmount(unbindEvents)\r\n\r\n  watch([containerRef, enabled, pasteable], () => {\r\n    unbindEvents()\r\n    bindEvents()\r\n  })\r\n\r\n  return {\r\n    /** 是否正在拖拽悬停 */\r\n    isDragOver: readonly(isDragOver),\r\n  }\r\n}\r\n\r\n// ─── 工具函数 ────────────────────────────────\r\n\r\n/** 从 drop 事件收集文件（含目录遍历） */\r\nasync function collectDropFiles(\r\n  items: DataTransferItemList,\r\n  dataTransfer: DataTransfer | null\r\n): Promise<File[]> {\r\n  const entries: FileSystemEntry[] = []\r\n  for (let i = 0; i < items.length; i++) {\r\n    const entry = items[i].webkitGetAsEntry?.()\r\n    if (entry) entries.push(entry)\r\n  }\r\n\r\n  if (entries.length > 0) {\r\n    const results = await Promise.all(entries.map(readEntry))\r\n    return results.flat()\r\n  }\r\n\r\n  const files: File[] = []\r\n  const dtFiles = dataTransfer?.files\r\n  if (dtFiles) {\r\n    for (let i = 0; i < dtFiles.length; i++) {\r\n      files.push(dtFiles[i])\r\n    }\r\n  }\r\n  return files\r\n}\r\n\r\n/** 递归读取 FileSystemEntry */\r\nasync function readEntry(entry: FileSystemEntry): Promise<File[]> {\r\n  if (entry.isFile) {\r\n    return new Promise(resolve => {\r\n      ;(entry as FileSystemFileEntry).file(\r\n        file => resolve([file]),\r\n        () => resolve([])\r\n      )\r\n    })\r\n  }\r\n\r\n  if (entry.isDirectory) {\r\n    const reader = (entry as FileSystemDirectoryEntry).createReader()\r\n    const entries = await new Promise<FileSystemEntry[]>(resolve => {\r\n      reader.readEntries(\r\n        result => resolve(result),\r\n        () => resolve([])\r\n      )\r\n    })\r\n    const results = await Promise.all(entries.map(readEntry))\r\n    return results.flat()\r\n  }\r\n\r\n  return []\r\n}\r\n\r\n/** 根据 accept 过滤文件 */\r\nfunction filterByAccept(files: File[], accept: string): File[] {\r\n  if (!accept) return files\r\n\r\n  const acceptTypes = accept.split(',').map(s => s.trim().toLowerCase())\r\n\r\n  return files.filter(file => {\r\n    return acceptTypes.some(type => {\r\n      if (type.startsWith('.')) {\r\n        // 扩展名匹配\r\n        return file.name.toLowerCase().endsWith(type)\r\n      }\r\n      if (type.endsWith('/*')) {\r\n        // MIME 前缀匹配 (image/*, video/*)\r\n        const prefix = type.replace('/*', '')\r\n        return file.type.toLowerCase().startsWith(prefix)\r\n      }\r\n      // 精确 MIME 匹配\r\n      return file.type.toLowerCase() === type\r\n    })\r\n  })\r\n}\r\n","/* unplugin-vue-components disabled */<template>\r\n  <div\r\n    ref=\"areaRef\"\r\n    class=\"upload-area\"\r\n    :class=\"{\r\n      'upload-area--drag-over': isDragOver,\r\n      'upload-area--disabled': disabled,\r\n    }\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <input\r\n      ref=\"inputRef\"\r\n      type=\"file\"\r\n      class=\"upload-area__input\"\r\n      :accept=\"accept\"\r\n      :multiple=\"multiple\"\r\n      :webkitdirectory=\"directory || undefined\"\r\n      @change=\"handleInputChange\"\r\n    />\r\n\r\n    <slot>\r\n      <div class=\"upload-area__default\">\r\n        <C_Icon\r\n          :name=\"\r\n            isDragOver\r\n              ? 'mdi:cloud-download-outline'\r\n              : 'mdi:cloud-upload-outline'\r\n          \"\r\n          class=\"upload-area__icon\"\r\n        />\r\n        <div class=\"upload-area__text\">\r\n          <span v-if=\"isDragOver\">释放文件到此处</span>\r\n          <span v-else>\r\n            点击或拖拽文件到此区域上传\r\n            <template v-if=\"pasteable\">\r\n              ，支持 <kbd>Ctrl+V</kbd> 粘贴\r\n            </template>\r\n          </span>\r\n        </div>\r\n        <div v-if=\"tip\" class=\"upload-area__tip\">\r\n          {{ tip }}\r\n        </div>\r\n      </div>\r\n    </slot>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed } from \"vue\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport { useDragDrop } from \"../composables/useDragDrop\";\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 接受的文件类型 */\r\n    accept?: string;\r\n    /** 是否多选 */\r\n    multiple?: boolean;\r\n    /** 是否目录 */\r\n    directory?: boolean;\r\n    /** 是否禁用 */\r\n    disabled?: boolean;\r\n    /** 是否启用拖拽 */\r\n    draggable?: boolean;\r\n    /** 是否启用粘贴 */\r\n    pasteable?: boolean;\r\n    /** 提示文本 */\r\n    tip?: string;\r\n  }>(),\r\n  {\r\n    accept: \"\",\r\n    multiple: false,\r\n    directory: false,\r\n    disabled: false,\r\n    draggable: true,\r\n    pasteable: false,\r\n    tip: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  files: [files: File[]];\r\n}>();\r\n\r\nconst areaRef = ref<HTMLElement>();\r\nconst inputRef = ref<HTMLInputElement>();\r\n\r\n// 拖拽 & 粘贴\r\nconst { isDragOver } = useDragDrop(\r\n  areaRef,\r\n  computed(() => props.draggable && !props.disabled),\r\n  computed(() => props.pasteable && !props.disabled),\r\n  computed(() => props.accept),\r\n  (files) => emit(\"files\", files),\r\n);\r\n\r\n/** 点击触发文件选择 */\r\nfunction handleClick() {\r\n  if (props.disabled) return;\r\n  inputRef.value?.click();\r\n}\r\n\r\n/** input change */\r\nfunction handleInputChange(e: Event) {\r\n  const input = e.target as HTMLInputElement;\r\n  const files = Array.from(input.files ?? []);\r\n  if (files.length > 0) {\r\n    emit(\"files\", files);\r\n  }\r\n  // 清空 input 以允许重复选择同一文件\r\n  input.value = \"\";\r\n}\r\n\r\n/** 暴露触发方法 */\r\ndefineExpose({\r\n  triggerSelect: handleClick,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.upload-area {\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  padding: 32px 24px;\r\n  border: 2px dashed var(--border-color);\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  background: var(--card-color);\r\n  transition: all 0.25s ease;\r\n  text-align: center;\r\n\r\n  &:hover:not(.upload-area--disabled) {\r\n    border-color: var(--primary-color);\r\n    background: color-mix(in srgb, var(--primary-color) 4%, var(--card-color));\r\n  }\r\n\r\n  &--drag-over {\r\n    border-color: var(--primary-color);\r\n    border-style: solid;\r\n    background: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\r\n\r\n    .upload-area__icon {\r\n      color: var(--primary-color);\r\n      transform: scale(1.1);\r\n    }\r\n  }\r\n\r\n  &--disabled {\r\n    cursor: not-allowed;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  &__input {\r\n    display: none;\r\n  }\r\n\r\n  &__default {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    align-items: center;\r\n  }\r\n\r\n  &__icon {\r\n    font-size: 48px;\r\n    color: var(--text-color-3);\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  &__text {\r\n    font-size: 14px;\r\n    color: var(--text-color-2);\r\n    line-height: 1.6;\r\n\r\n    kbd {\r\n      padding: 1px 5px;\r\n      font-size: 12px;\r\n      border: 1px solid var(--border-color);\r\n      border-radius: 3px;\r\n      background: var(--body-color);\r\n    }\r\n  }\r\n\r\n  &__tip {\r\n    font-size: 12px;\r\n    color: var(--text-color-4);\r\n  }\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<template>\r\n  <div\r\n    ref=\"areaRef\"\r\n    class=\"upload-area\"\r\n    :class=\"{\r\n      'upload-area--drag-over': isDragOver,\r\n      'upload-area--disabled': disabled,\r\n    }\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <input\r\n      ref=\"inputRef\"\r\n      type=\"file\"\r\n      class=\"upload-area__input\"\r\n      :accept=\"accept\"\r\n      :multiple=\"multiple\"\r\n      :webkitdirectory=\"directory || undefined\"\r\n      @change=\"handleInputChange\"\r\n    />\r\n\r\n    <slot>\r\n      <div class=\"upload-area__default\">\r\n        <C_Icon\r\n          :name=\"\r\n            isDragOver\r\n              ? 'mdi:cloud-download-outline'\r\n              : 'mdi:cloud-upload-outline'\r\n          \"\r\n          class=\"upload-area__icon\"\r\n        />\r\n        <div class=\"upload-area__text\">\r\n          <span v-if=\"isDragOver\">释放文件到此处</span>\r\n          <span v-else>\r\n            点击或拖拽文件到此区域上传\r\n            <template v-if=\"pasteable\">\r\n              ，支持 <kbd>Ctrl+V</kbd> 粘贴\r\n            </template>\r\n          </span>\r\n        </div>\r\n        <div v-if=\"tip\" class=\"upload-area__tip\">\r\n          {{ tip }}\r\n        </div>\r\n      </div>\r\n    </slot>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed } from \"vue\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport { useDragDrop } from \"../composables/useDragDrop\";\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 接受的文件类型 */\r\n    accept?: string;\r\n    /** 是否多选 */\r\n    multiple?: boolean;\r\n    /** 是否目录 */\r\n    directory?: boolean;\r\n    /** 是否禁用 */\r\n    disabled?: boolean;\r\n    /** 是否启用拖拽 */\r\n    draggable?: boolean;\r\n    /** 是否启用粘贴 */\r\n    pasteable?: boolean;\r\n    /** 提示文本 */\r\n    tip?: string;\r\n  }>(),\r\n  {\r\n    accept: \"\",\r\n    multiple: false,\r\n    directory: false,\r\n    disabled: false,\r\n    draggable: true,\r\n    pasteable: false,\r\n    tip: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  files: [files: File[]];\r\n}>();\r\n\r\nconst areaRef = ref<HTMLElement>();\r\nconst inputRef = ref<HTMLInputElement>();\r\n\r\n// 拖拽 & 粘贴\r\nconst { isDragOver } = useDragDrop(\r\n  areaRef,\r\n  computed(() => props.draggable && !props.disabled),\r\n  computed(() => props.pasteable && !props.disabled),\r\n  computed(() => props.accept),\r\n  (files) => emit(\"files\", files),\r\n);\r\n\r\n/** 点击触发文件选择 */\r\nfunction handleClick() {\r\n  if (props.disabled) return;\r\n  inputRef.value?.click();\r\n}\r\n\r\n/** input change */\r\nfunction handleInputChange(e: Event) {\r\n  const input = e.target as HTMLInputElement;\r\n  const files = Array.from(input.files ?? []);\r\n  if (files.length > 0) {\r\n    emit(\"files\", files);\r\n  }\r\n  // 清空 input 以允许重复选择同一文件\r\n  input.value = \"\";\r\n}\r\n\r\n/** 暴露触发方法 */\r\ndefineExpose({\r\n  triggerSelect: handleClick,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.upload-area {\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  padding: 32px 24px;\r\n  border: 2px dashed var(--border-color);\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  background: var(--card-color);\r\n  transition: all 0.25s ease;\r\n  text-align: center;\r\n\r\n  &:hover:not(.upload-area--disabled) {\r\n    border-color: var(--primary-color);\r\n    background: color-mix(in srgb, var(--primary-color) 4%, var(--card-color));\r\n  }\r\n\r\n  &--drag-over {\r\n    border-color: var(--primary-color);\r\n    border-style: solid;\r\n    background: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\r\n\r\n    .upload-area__icon {\r\n      color: var(--primary-color);\r\n      transform: scale(1.1);\r\n    }\r\n  }\r\n\r\n  &--disabled {\r\n    cursor: not-allowed;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  &__input {\r\n    display: none;\r\n  }\r\n\r\n  &__default {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    align-items: center;\r\n  }\r\n\r\n  &__icon {\r\n    font-size: 48px;\r\n    color: var(--text-color-3);\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  &__text {\r\n    font-size: 14px;\r\n    color: var(--text-color-2);\r\n    line-height: 1.6;\r\n\r\n    kbd {\r\n      padding: 1px 5px;\r\n      font-size: 12px;\r\n      border: 1px solid var(--border-color);\r\n      border-radius: 3px;\r\n      background: var(--body-color);\r\n    }\r\n  }\r\n\r\n  &__tip {\r\n    font-size: 12px;\r\n    color: var(--text-color-4);\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div\r\n    ref=\"areaRef\"\r\n    class=\"upload-area\"\r\n    :class=\"{\r\n      'upload-area--drag-over': isDragOver,\r\n      'upload-area--disabled': disabled,\r\n    }\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <input\r\n      ref=\"inputRef\"\r\n      type=\"file\"\r\n      class=\"upload-area__input\"\r\n      :accept=\"accept\"\r\n      :multiple=\"multiple\"\r\n      :webkitdirectory=\"directory || undefined\"\r\n      @change=\"handleInputChange\"\r\n    />\r\n\r\n    <slot>\r\n      <div class=\"upload-area__default\">\r\n        <C_Icon\r\n          :name=\"\r\n            isDragOver\r\n              ? 'mdi:cloud-download-outline'\r\n              : 'mdi:cloud-upload-outline'\r\n          \"\r\n          class=\"upload-area__icon\"\r\n        />\r\n        <div class=\"upload-area__text\">\r\n          <span v-if=\"isDragOver\">释放文件到此处</span>\r\n          <span v-else>\r\n            点击或拖拽文件到此区域上传\r\n            <template v-if=\"pasteable\">\r\n              ，支持 <kbd>Ctrl+V</kbd> 粘贴\r\n            </template>\r\n          </span>\r\n        </div>\r\n        <div v-if=\"tip\" class=\"upload-area__tip\">\r\n          {{ tip }}\r\n        </div>\r\n      </div>\r\n    </slot>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed } from \"vue\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport { useDragDrop } from \"../composables/useDragDrop\";\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 接受的文件类型 */\r\n    accept?: string;\r\n    /** 是否多选 */\r\n    multiple?: boolean;\r\n    /** 是否目录 */\r\n    directory?: boolean;\r\n    /** 是否禁用 */\r\n    disabled?: boolean;\r\n    /** 是否启用拖拽 */\r\n    draggable?: boolean;\r\n    /** 是否启用粘贴 */\r\n    pasteable?: boolean;\r\n    /** 提示文本 */\r\n    tip?: string;\r\n  }>(),\r\n  {\r\n    accept: \"\",\r\n    multiple: false,\r\n    directory: false,\r\n    disabled: false,\r\n    draggable: true,\r\n    pasteable: false,\r\n    tip: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  files: [files: File[]];\r\n}>();\r\n\r\nconst areaRef = ref<HTMLElement>();\r\nconst inputRef = ref<HTMLInputElement>();\r\n\r\n// 拖拽 & 粘贴\r\nconst { isDragOver } = useDragDrop(\r\n  areaRef,\r\n  computed(() => props.draggable && !props.disabled),\r\n  computed(() => props.pasteable && !props.disabled),\r\n  computed(() => props.accept),\r\n  (files) => emit(\"files\", files),\r\n);\r\n\r\n/** 点击触发文件选择 */\r\nfunction handleClick() {\r\n  if (props.disabled) return;\r\n  inputRef.value?.click();\r\n}\r\n\r\n/** input change */\r\nfunction handleInputChange(e: Event) {\r\n  const input = e.target as HTMLInputElement;\r\n  const files = Array.from(input.files ?? []);\r\n  if (files.length > 0) {\r\n    emit(\"files\", files);\r\n  }\r\n  // 清空 input 以允许重复选择同一文件\r\n  input.value = \"\";\r\n}\r\n\r\n/** 暴露触发方法 */\r\ndefineExpose({\r\n  triggerSelect: handleClick,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.upload-area {\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  padding: 32px 24px;\r\n  border: 2px dashed var(--border-color);\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  background: var(--card-color);\r\n  transition: all 0.25s ease;\r\n  text-align: center;\r\n\r\n  &:hover:not(.upload-area--disabled) {\r\n    border-color: var(--primary-color);\r\n    background: color-mix(in srgb, var(--primary-color) 4%, var(--card-color));\r\n  }\r\n\r\n  &--drag-over {\r\n    border-color: var(--primary-color);\r\n    border-style: solid;\r\n    background: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\r\n\r\n    .upload-area__icon {\r\n      color: var(--primary-color);\r\n      transform: scale(1.1);\r\n    }\r\n  }\r\n\r\n  &--disabled {\r\n    cursor: not-allowed;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  &__input {\r\n    display: none;\r\n  }\r\n\r\n  &__default {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    align-items: center;\r\n  }\r\n\r\n  &__icon {\r\n    font-size: 48px;\r\n    color: var(--text-color-3);\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  &__text {\r\n    font-size: 14px;\r\n    color: var(--text-color-2);\r\n    line-height: 1.6;\r\n\r\n    kbd {\r\n      padding: 1px 5px;\r\n      font-size: 12px;\r\n      border: 1px solid var(--border-color);\r\n      border-radius: 3px;\r\n      background: var(--body-color);\r\n    }\r\n  }\r\n\r\n  &__tip {\r\n    font-size: 12px;\r\n    color: var(--text-color-4);\r\n  }\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<template>\r\n  <TransitionGroup name=\"file-list\" tag=\"div\" class=\"file-list\">\r\n    <div\r\n      v-for=\"file in fileList\"\r\n      :key=\"file.uid\"\r\n      class=\"file-list__item\"\r\n      :class=\"`file-list__item--${file.status}`\"\r\n    >\r\n      <!-- 缩略图 / 图标 -->\r\n      <div class=\"file-list__thumb\">\r\n        <img\r\n          v-if=\"showThumbnail && file.thumbUrl\"\r\n          :src=\"file.thumbUrl\"\r\n          :alt=\"file.name\"\r\n          class=\"file-list__thumb-img\"\r\n        />\r\n        <C_Icon\r\n          v-else\r\n          :name=\"getFileIcon(file.type)\"\r\n          class=\"file-list__thumb-icon\"\r\n        />\r\n      </div>\r\n\r\n      <!-- 文件信息 -->\r\n      <div class=\"file-list__info\">\r\n        <div class=\"file-list__name\">\r\n          <NEllipsis :line-clamp=\"1\">\r\n            {{ file.name }}\r\n          </NEllipsis>\r\n        </div>\r\n        <div class=\"file-list__meta\">\r\n          <span class=\"file-list__size\">{{ formatFileSize(file.size) }}</span>\r\n          <NTag\r\n            :type=\"(STATUS_TYPE[file.status] as any) || 'default'\"\r\n            size=\"tiny\"\r\n            :bordered=\"false\"\r\n          >\r\n            {{ STATUS_TEXT[file.status] || file.status }}\r\n          </NTag>\r\n          <span v-if=\"file.status === 'instant'\" class=\"file-list__instant\">\r\n            ⚡\r\n          </span>\r\n        </div>\r\n\r\n        <!-- 进度条 -->\r\n        <NProgress\r\n          v-if=\"file.status === 'uploading' || file.status === 'hashing'\"\r\n          :percentage=\"file.status === 'hashing' ? hashProgress : file.percent\"\r\n          :height=\"4\"\r\n          :border-radius=\"2\"\r\n          :show-indicator=\"false\"\r\n          :status=\"file.status === 'hashing' ? 'info' : 'success'\"\r\n        />\r\n\r\n        <!-- 分片进度描述 -->\r\n        <div\r\n          v-if=\"file.chunkProgress && file.status === 'uploading'\"\r\n          class=\"file-list__chunk-info\"\r\n        >\r\n          分片 {{ file.chunkProgress.uploadedChunks }}/{{\r\n            file.chunkProgress.totalChunks\r\n          }}\r\n        </div>\r\n\r\n        <!-- 错误信息 -->\r\n        <div\r\n          v-if=\"file.status === 'error' && file.error\"\r\n          class=\"file-list__error\"\r\n        >\r\n          {{ file.error }}\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 操作按钮 -->\r\n      <div class=\"file-list__actions\">\r\n        <NButton\r\n          v-if=\"file.status === 'error'\"\r\n          text\r\n          type=\"warning\"\r\n          size=\"tiny\"\r\n          @click=\"emit('retry', file.uid)\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:refresh\" />\r\n          </template>\r\n        </NButton>\r\n        <NButton\r\n          text\r\n          type=\"error\"\r\n          size=\"tiny\"\r\n          @click=\"emit('remove', file.uid)\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:close\" />\r\n          </template>\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n  </TransitionGroup>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NProgress, NButton, NTag, NEllipsis } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { UploadFileItem } from \"../types\";\r\nimport {\r\n  STATUS_TEXT,\r\n  STATUS_TYPE,\r\n  getFileIcon,\r\n  formatFileSize,\r\n} from \"../constants\";\r\n\r\ndefineProps<{\r\n  /** 文件列表 */\r\n  fileList: UploadFileItem[];\r\n  /** 是否显示缩略图 */\r\n  showThumbnail?: boolean;\r\n  /** hash 进度（全局共享） */\r\n  hashProgress?: number;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  remove: [uid: string];\r\n  retry: [uid: string];\r\n}>();\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.file-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  margin-top: 12px;\r\n\r\n  &__item {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    padding: 10px 12px;\r\n    border-radius: 8px;\r\n    border: 1px solid var(--border-color);\r\n    background: var(--card-color);\r\n    transition: all 0.25s ease;\r\n\r\n    &:hover {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--primary-color) 40%,\r\n        var(--border-color)\r\n      );\r\n      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);\r\n    }\r\n\r\n    &--error {\r\n      border-color: var(--error-color);\r\n      background: color-mix(in srgb, var(--error-color) 4%, var(--card-color));\r\n    }\r\n\r\n    &--success,\r\n    &--instant {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--success-color) 30%,\r\n        var(--border-color)\r\n      );\r\n    }\r\n  }\r\n\r\n  &__thumb {\r\n    flex-shrink: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--body-color);\r\n  }\r\n\r\n  &__thumb-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  &__thumb-icon {\r\n    font-size: 22px;\r\n    color: var(--text-color-3);\r\n  }\r\n\r\n  &__info {\r\n    flex: 1;\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  &__name {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: var(--text-color-1);\r\n  }\r\n\r\n  &__meta {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n    font-size: 12px;\r\n  }\r\n\r\n  &__size {\r\n    color: var(--text-color-3);\r\n  }\r\n\r\n  &__instant {\r\n    font-size: 14px;\r\n  }\r\n\r\n  &__chunk-info {\r\n    font-size: 11px;\r\n    color: var(--text-color-4);\r\n  }\r\n\r\n  &__error {\r\n    font-size: 12px;\r\n    color: var(--error-color);\r\n  }\r\n\r\n  &__actions {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    gap: 4px;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n/* ─── 过渡动画 ─────────────────────────────── */\r\n\r\n.file-list-enter-active,\r\n.file-list-leave-active {\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.file-list-enter-from {\r\n  opacity: 0;\r\n  transform: translateX(-20px);\r\n}\r\n\r\n.file-list-leave-to {\r\n  opacity: 0;\r\n  transform: translateX(20px);\r\n}\r\n\r\n.file-list-move {\r\n  transition: transform 0.3s ease;\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<template>\r\n  <TransitionGroup name=\"file-list\" tag=\"div\" class=\"file-list\">\r\n    <div\r\n      v-for=\"file in fileList\"\r\n      :key=\"file.uid\"\r\n      class=\"file-list__item\"\r\n      :class=\"`file-list__item--${file.status}`\"\r\n    >\r\n      <!-- 缩略图 / 图标 -->\r\n      <div class=\"file-list__thumb\">\r\n        <img\r\n          v-if=\"showThumbnail && file.thumbUrl\"\r\n          :src=\"file.thumbUrl\"\r\n          :alt=\"file.name\"\r\n          class=\"file-list__thumb-img\"\r\n        />\r\n        <C_Icon\r\n          v-else\r\n          :name=\"getFileIcon(file.type)\"\r\n          class=\"file-list__thumb-icon\"\r\n        />\r\n      </div>\r\n\r\n      <!-- 文件信息 -->\r\n      <div class=\"file-list__info\">\r\n        <div class=\"file-list__name\">\r\n          <NEllipsis :line-clamp=\"1\">\r\n            {{ file.name }}\r\n          </NEllipsis>\r\n        </div>\r\n        <div class=\"file-list__meta\">\r\n          <span class=\"file-list__size\">{{ formatFileSize(file.size) }}</span>\r\n          <NTag\r\n            :type=\"(STATUS_TYPE[file.status] as any) || 'default'\"\r\n            size=\"tiny\"\r\n            :bordered=\"false\"\r\n          >\r\n            {{ STATUS_TEXT[file.status] || file.status }}\r\n          </NTag>\r\n          <span v-if=\"file.status === 'instant'\" class=\"file-list__instant\">\r\n            ⚡\r\n          </span>\r\n        </div>\r\n\r\n        <!-- 进度条 -->\r\n        <NProgress\r\n          v-if=\"file.status === 'uploading' || file.status === 'hashing'\"\r\n          :percentage=\"file.status === 'hashing' ? hashProgress : file.percent\"\r\n          :height=\"4\"\r\n          :border-radius=\"2\"\r\n          :show-indicator=\"false\"\r\n          :status=\"file.status === 'hashing' ? 'info' : 'success'\"\r\n        />\r\n\r\n        <!-- 分片进度描述 -->\r\n        <div\r\n          v-if=\"file.chunkProgress && file.status === 'uploading'\"\r\n          class=\"file-list__chunk-info\"\r\n        >\r\n          分片 {{ file.chunkProgress.uploadedChunks }}/{{\r\n            file.chunkProgress.totalChunks\r\n          }}\r\n        </div>\r\n\r\n        <!-- 错误信息 -->\r\n        <div\r\n          v-if=\"file.status === 'error' && file.error\"\r\n          class=\"file-list__error\"\r\n        >\r\n          {{ file.error }}\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 操作按钮 -->\r\n      <div class=\"file-list__actions\">\r\n        <NButton\r\n          v-if=\"file.status === 'error'\"\r\n          text\r\n          type=\"warning\"\r\n          size=\"tiny\"\r\n          @click=\"emit('retry', file.uid)\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:refresh\" />\r\n          </template>\r\n        </NButton>\r\n        <NButton\r\n          text\r\n          type=\"error\"\r\n          size=\"tiny\"\r\n          @click=\"emit('remove', file.uid)\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:close\" />\r\n          </template>\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n  </TransitionGroup>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NProgress, NButton, NTag, NEllipsis } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { UploadFileItem } from \"../types\";\r\nimport {\r\n  STATUS_TEXT,\r\n  STATUS_TYPE,\r\n  getFileIcon,\r\n  formatFileSize,\r\n} from \"../constants\";\r\n\r\ndefineProps<{\r\n  /** 文件列表 */\r\n  fileList: UploadFileItem[];\r\n  /** 是否显示缩略图 */\r\n  showThumbnail?: boolean;\r\n  /** hash 进度（全局共享） */\r\n  hashProgress?: number;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  remove: [uid: string];\r\n  retry: [uid: string];\r\n}>();\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.file-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  margin-top: 12px;\r\n\r\n  &__item {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    padding: 10px 12px;\r\n    border-radius: 8px;\r\n    border: 1px solid var(--border-color);\r\n    background: var(--card-color);\r\n    transition: all 0.25s ease;\r\n\r\n    &:hover {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--primary-color) 40%,\r\n        var(--border-color)\r\n      );\r\n      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);\r\n    }\r\n\r\n    &--error {\r\n      border-color: var(--error-color);\r\n      background: color-mix(in srgb, var(--error-color) 4%, var(--card-color));\r\n    }\r\n\r\n    &--success,\r\n    &--instant {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--success-color) 30%,\r\n        var(--border-color)\r\n      );\r\n    }\r\n  }\r\n\r\n  &__thumb {\r\n    flex-shrink: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--body-color);\r\n  }\r\n\r\n  &__thumb-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  &__thumb-icon {\r\n    font-size: 22px;\r\n    color: var(--text-color-3);\r\n  }\r\n\r\n  &__info {\r\n    flex: 1;\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  &__name {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: var(--text-color-1);\r\n  }\r\n\r\n  &__meta {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n    font-size: 12px;\r\n  }\r\n\r\n  &__size {\r\n    color: var(--text-color-3);\r\n  }\r\n\r\n  &__instant {\r\n    font-size: 14px;\r\n  }\r\n\r\n  &__chunk-info {\r\n    font-size: 11px;\r\n    color: var(--text-color-4);\r\n  }\r\n\r\n  &__error {\r\n    font-size: 12px;\r\n    color: var(--error-color);\r\n  }\r\n\r\n  &__actions {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    gap: 4px;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n/* ─── 过渡动画 ─────────────────────────────── */\r\n\r\n.file-list-enter-active,\r\n.file-list-leave-active {\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.file-list-enter-from {\r\n  opacity: 0;\r\n  transform: translateX(-20px);\r\n}\r\n\r\n.file-list-leave-to {\r\n  opacity: 0;\r\n  transform: translateX(20px);\r\n}\r\n\r\n.file-list-move {\r\n  transition: transform 0.3s ease;\r\n}\r\n</style>\r\n","<template>\r\n  <TransitionGroup name=\"file-list\" tag=\"div\" class=\"file-list\">\r\n    <div\r\n      v-for=\"file in fileList\"\r\n      :key=\"file.uid\"\r\n      class=\"file-list__item\"\r\n      :class=\"`file-list__item--${file.status}`\"\r\n    >\r\n      <!-- 缩略图 / 图标 -->\r\n      <div class=\"file-list__thumb\">\r\n        <img\r\n          v-if=\"showThumbnail && file.thumbUrl\"\r\n          :src=\"file.thumbUrl\"\r\n          :alt=\"file.name\"\r\n          class=\"file-list__thumb-img\"\r\n        />\r\n        <C_Icon\r\n          v-else\r\n          :name=\"getFileIcon(file.type)\"\r\n          class=\"file-list__thumb-icon\"\r\n        />\r\n      </div>\r\n\r\n      <!-- 文件信息 -->\r\n      <div class=\"file-list__info\">\r\n        <div class=\"file-list__name\">\r\n          <NEllipsis :line-clamp=\"1\">\r\n            {{ file.name }}\r\n          </NEllipsis>\r\n        </div>\r\n        <div class=\"file-list__meta\">\r\n          <span class=\"file-list__size\">{{ formatFileSize(file.size) }}</span>\r\n          <NTag\r\n            :type=\"(STATUS_TYPE[file.status] as any) || 'default'\"\r\n            size=\"tiny\"\r\n            :bordered=\"false\"\r\n          >\r\n            {{ STATUS_TEXT[file.status] || file.status }}\r\n          </NTag>\r\n          <span v-if=\"file.status === 'instant'\" class=\"file-list__instant\">\r\n            ⚡\r\n          </span>\r\n        </div>\r\n\r\n        <!-- 进度条 -->\r\n        <NProgress\r\n          v-if=\"file.status === 'uploading' || file.status === 'hashing'\"\r\n          :percentage=\"file.status === 'hashing' ? hashProgress : file.percent\"\r\n          :height=\"4\"\r\n          :border-radius=\"2\"\r\n          :show-indicator=\"false\"\r\n          :status=\"file.status === 'hashing' ? 'info' : 'success'\"\r\n        />\r\n\r\n        <!-- 分片进度描述 -->\r\n        <div\r\n          v-if=\"file.chunkProgress && file.status === 'uploading'\"\r\n          class=\"file-list__chunk-info\"\r\n        >\r\n          分片 {{ file.chunkProgress.uploadedChunks }}/{{\r\n            file.chunkProgress.totalChunks\r\n          }}\r\n        </div>\r\n\r\n        <!-- 错误信息 -->\r\n        <div\r\n          v-if=\"file.status === 'error' && file.error\"\r\n          class=\"file-list__error\"\r\n        >\r\n          {{ file.error }}\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 操作按钮 -->\r\n      <div class=\"file-list__actions\">\r\n        <NButton\r\n          v-if=\"file.status === 'error'\"\r\n          text\r\n          type=\"warning\"\r\n          size=\"tiny\"\r\n          @click=\"emit('retry', file.uid)\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:refresh\" />\r\n          </template>\r\n        </NButton>\r\n        <NButton\r\n          text\r\n          type=\"error\"\r\n          size=\"tiny\"\r\n          @click=\"emit('remove', file.uid)\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:close\" />\r\n          </template>\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n  </TransitionGroup>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NProgress, NButton, NTag, NEllipsis } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { UploadFileItem } from \"../types\";\r\nimport {\r\n  STATUS_TEXT,\r\n  STATUS_TYPE,\r\n  getFileIcon,\r\n  formatFileSize,\r\n} from \"../constants\";\r\n\r\ndefineProps<{\r\n  /** 文件列表 */\r\n  fileList: UploadFileItem[];\r\n  /** 是否显示缩略图 */\r\n  showThumbnail?: boolean;\r\n  /** hash 进度（全局共享） */\r\n  hashProgress?: number;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  remove: [uid: string];\r\n  retry: [uid: string];\r\n}>();\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.file-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  margin-top: 12px;\r\n\r\n  &__item {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    padding: 10px 12px;\r\n    border-radius: 8px;\r\n    border: 1px solid var(--border-color);\r\n    background: var(--card-color);\r\n    transition: all 0.25s ease;\r\n\r\n    &:hover {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--primary-color) 40%,\r\n        var(--border-color)\r\n      );\r\n      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);\r\n    }\r\n\r\n    &--error {\r\n      border-color: var(--error-color);\r\n      background: color-mix(in srgb, var(--error-color) 4%, var(--card-color));\r\n    }\r\n\r\n    &--success,\r\n    &--instant {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--success-color) 30%,\r\n        var(--border-color)\r\n      );\r\n    }\r\n  }\r\n\r\n  &__thumb {\r\n    flex-shrink: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--body-color);\r\n  }\r\n\r\n  &__thumb-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  &__thumb-icon {\r\n    font-size: 22px;\r\n    color: var(--text-color-3);\r\n  }\r\n\r\n  &__info {\r\n    flex: 1;\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  &__name {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: var(--text-color-1);\r\n  }\r\n\r\n  &__meta {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n    font-size: 12px;\r\n  }\r\n\r\n  &__size {\r\n    color: var(--text-color-3);\r\n  }\r\n\r\n  &__instant {\r\n    font-size: 14px;\r\n  }\r\n\r\n  &__chunk-info {\r\n    font-size: 11px;\r\n    color: var(--text-color-4);\r\n  }\r\n\r\n  &__error {\r\n    font-size: 12px;\r\n    color: var(--error-color);\r\n  }\r\n\r\n  &__actions {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    gap: 4px;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n/* ─── 过渡动画 ─────────────────────────────── */\r\n\r\n.file-list-enter-active,\r\n.file-list-leave-active {\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.file-list-enter-from {\r\n  opacity: 0;\r\n  transform: translateX(-20px);\r\n}\r\n\r\n.file-list-leave-to {\r\n  opacity: 0;\r\n  transform: translateX(20px);\r\n}\r\n\r\n.file-list-move {\r\n  transition: transform 0.3s ease;\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<template>\r\n  <div v-if=\"imageFiles.length > 0\" class=\"image-preview\">\r\n    <div\r\n      v-for=\"file in imageFiles\"\r\n      :key=\"file.uid\"\r\n      class=\"image-preview__item\"\r\n      :class=\"`image-preview__item--${file.status}`\"\r\n    >\r\n      <img\r\n        v-if=\"file.thumbUrl\"\r\n        :src=\"file.thumbUrl\"\r\n        :alt=\"file.name\"\r\n        class=\"image-preview__img\"\r\n      />\r\n\r\n      <!-- 遮罩层 -->\r\n      <div class=\"image-preview__overlay\">\r\n        <!-- 上传中进度 -->\r\n        <div\r\n          v-if=\"file.status === 'uploading' || file.status === 'hashing'\"\r\n          class=\"image-preview__progress\"\r\n        >\r\n          <NProgress\r\n            type=\"circle\"\r\n            :percentage=\"file.percent\"\r\n            :stroke-width=\"3\"\r\n            style=\"width: 40px\"\r\n          />\r\n        </div>\r\n\r\n        <!-- 状态图标 -->\r\n        <C_Icon\r\n          v-else-if=\"file.status === 'success' || file.status === 'instant'\"\r\n          name=\"mdi:check-circle\"\r\n          class=\"image-preview__status-icon image-preview__status-icon--success\"\r\n        />\r\n        <C_Icon\r\n          v-else-if=\"file.status === 'error'\"\r\n          name=\"mdi:alert-circle\"\r\n          class=\"image-preview__status-icon image-preview__status-icon--error\"\r\n        />\r\n\r\n        <!-- 操作 -->\r\n        <div class=\"image-preview__actions\">\r\n          <NButton\r\n            v-if=\"file.status === 'error'\"\r\n            circle\r\n            size=\"tiny\"\r\n            type=\"warning\"\r\n            @click=\"emit('retry', file.uid)\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" />\r\n            </template>\r\n          </NButton>\r\n          <NButton\r\n            circle\r\n            size=\"tiny\"\r\n            type=\"error\"\r\n            @click=\"emit('remove', file.uid)\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:close\" />\r\n            </template>\r\n          </NButton>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 文件名 -->\r\n      <div class=\"image-preview__name\">\r\n        <NEllipsis :line-clamp=\"1\">\r\n          {{ file.name }}\r\n        </NEllipsis>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { NProgress, NButton, NEllipsis } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { UploadFileItem } from \"../types\";\r\n\r\nconst props = defineProps<{\r\n  /** 文件列表 */\r\n  fileList: UploadFileItem[];\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  remove: [uid: string];\r\n  retry: [uid: string];\r\n}>();\r\n\r\n/** 过滤出图片文件 */\r\nconst imageFiles = computed(() =>\r\n  props.fileList.filter((f) => f.type?.startsWith(\"image/\")),\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.image-preview {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n  gap: 10px;\r\n  margin-top: 12px;\r\n\r\n  &__item {\r\n    position: relative;\r\n    aspect-ratio: 1;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--border-color);\r\n    background: var(--body-color);\r\n\r\n    &--error {\r\n      border-color: var(--error-color);\r\n    }\r\n\r\n    &--success,\r\n    &--instant {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--success-color) 30%,\r\n        var(--border-color)\r\n      );\r\n    }\r\n\r\n    &:hover .image-preview__overlay {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &__img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  &__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    background: rgba(0, 0, 0, 0.45);\r\n    opacity: 0;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  /* 上传中始终显示遮罩 */\r\n  &__item--uploading .image-preview__overlay,\r\n  &__item--hashing .image-preview__overlay,\r\n  &__item--error .image-preview__overlay {\r\n    opacity: 1;\r\n  }\r\n\r\n  &__progress {\r\n    :deep(.n-progress) {\r\n      --n-fill-color: #fff;\r\n    }\r\n  }\r\n\r\n  &__status-icon {\r\n    font-size: 28px;\r\n\r\n    &--success {\r\n      color: var(--success-color);\r\n    }\r\n\r\n    &--error {\r\n      color: var(--error-color);\r\n    }\r\n  }\r\n\r\n  &__actions {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n\r\n  &__name {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 2px 6px;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));\r\n    text-align: center;\r\n  }\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<template>\r\n  <div v-if=\"imageFiles.length > 0\" class=\"image-preview\">\r\n    <div\r\n      v-for=\"file in imageFiles\"\r\n      :key=\"file.uid\"\r\n      class=\"image-preview__item\"\r\n      :class=\"`image-preview__item--${file.status}`\"\r\n    >\r\n      <img\r\n        v-if=\"file.thumbUrl\"\r\n        :src=\"file.thumbUrl\"\r\n        :alt=\"file.name\"\r\n        class=\"image-preview__img\"\r\n      />\r\n\r\n      <!-- 遮罩层 -->\r\n      <div class=\"image-preview__overlay\">\r\n        <!-- 上传中进度 -->\r\n        <div\r\n          v-if=\"file.status === 'uploading' || file.status === 'hashing'\"\r\n          class=\"image-preview__progress\"\r\n        >\r\n          <NProgress\r\n            type=\"circle\"\r\n            :percentage=\"file.percent\"\r\n            :stroke-width=\"3\"\r\n            style=\"width: 40px\"\r\n          />\r\n        </div>\r\n\r\n        <!-- 状态图标 -->\r\n        <C_Icon\r\n          v-else-if=\"file.status === 'success' || file.status === 'instant'\"\r\n          name=\"mdi:check-circle\"\r\n          class=\"image-preview__status-icon image-preview__status-icon--success\"\r\n        />\r\n        <C_Icon\r\n          v-else-if=\"file.status === 'error'\"\r\n          name=\"mdi:alert-circle\"\r\n          class=\"image-preview__status-icon image-preview__status-icon--error\"\r\n        />\r\n\r\n        <!-- 操作 -->\r\n        <div class=\"image-preview__actions\">\r\n          <NButton\r\n            v-if=\"file.status === 'error'\"\r\n            circle\r\n            size=\"tiny\"\r\n            type=\"warning\"\r\n            @click=\"emit('retry', file.uid)\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" />\r\n            </template>\r\n          </NButton>\r\n          <NButton\r\n            circle\r\n            size=\"tiny\"\r\n            type=\"error\"\r\n            @click=\"emit('remove', file.uid)\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:close\" />\r\n            </template>\r\n          </NButton>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 文件名 -->\r\n      <div class=\"image-preview__name\">\r\n        <NEllipsis :line-clamp=\"1\">\r\n          {{ file.name }}\r\n        </NEllipsis>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { NProgress, NButton, NEllipsis } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { UploadFileItem } from \"../types\";\r\n\r\nconst props = defineProps<{\r\n  /** 文件列表 */\r\n  fileList: UploadFileItem[];\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  remove: [uid: string];\r\n  retry: [uid: string];\r\n}>();\r\n\r\n/** 过滤出图片文件 */\r\nconst imageFiles = computed(() =>\r\n  props.fileList.filter((f) => f.type?.startsWith(\"image/\")),\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.image-preview {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n  gap: 10px;\r\n  margin-top: 12px;\r\n\r\n  &__item {\r\n    position: relative;\r\n    aspect-ratio: 1;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--border-color);\r\n    background: var(--body-color);\r\n\r\n    &--error {\r\n      border-color: var(--error-color);\r\n    }\r\n\r\n    &--success,\r\n    &--instant {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--success-color) 30%,\r\n        var(--border-color)\r\n      );\r\n    }\r\n\r\n    &:hover .image-preview__overlay {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &__img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  &__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    background: rgba(0, 0, 0, 0.45);\r\n    opacity: 0;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  /* 上传中始终显示遮罩 */\r\n  &__item--uploading .image-preview__overlay,\r\n  &__item--hashing .image-preview__overlay,\r\n  &__item--error .image-preview__overlay {\r\n    opacity: 1;\r\n  }\r\n\r\n  &__progress {\r\n    :deep(.n-progress) {\r\n      --n-fill-color: #fff;\r\n    }\r\n  }\r\n\r\n  &__status-icon {\r\n    font-size: 28px;\r\n\r\n    &--success {\r\n      color: var(--success-color);\r\n    }\r\n\r\n    &--error {\r\n      color: var(--error-color);\r\n    }\r\n  }\r\n\r\n  &__actions {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n\r\n  &__name {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 2px 6px;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));\r\n    text-align: center;\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <div v-if=\"imageFiles.length > 0\" class=\"image-preview\">\r\n    <div\r\n      v-for=\"file in imageFiles\"\r\n      :key=\"file.uid\"\r\n      class=\"image-preview__item\"\r\n      :class=\"`image-preview__item--${file.status}`\"\r\n    >\r\n      <img\r\n        v-if=\"file.thumbUrl\"\r\n        :src=\"file.thumbUrl\"\r\n        :alt=\"file.name\"\r\n        class=\"image-preview__img\"\r\n      />\r\n\r\n      <!-- 遮罩层 -->\r\n      <div class=\"image-preview__overlay\">\r\n        <!-- 上传中进度 -->\r\n        <div\r\n          v-if=\"file.status === 'uploading' || file.status === 'hashing'\"\r\n          class=\"image-preview__progress\"\r\n        >\r\n          <NProgress\r\n            type=\"circle\"\r\n            :percentage=\"file.percent\"\r\n            :stroke-width=\"3\"\r\n            style=\"width: 40px\"\r\n          />\r\n        </div>\r\n\r\n        <!-- 状态图标 -->\r\n        <C_Icon\r\n          v-else-if=\"file.status === 'success' || file.status === 'instant'\"\r\n          name=\"mdi:check-circle\"\r\n          class=\"image-preview__status-icon image-preview__status-icon--success\"\r\n        />\r\n        <C_Icon\r\n          v-else-if=\"file.status === 'error'\"\r\n          name=\"mdi:alert-circle\"\r\n          class=\"image-preview__status-icon image-preview__status-icon--error\"\r\n        />\r\n\r\n        <!-- 操作 -->\r\n        <div class=\"image-preview__actions\">\r\n          <NButton\r\n            v-if=\"file.status === 'error'\"\r\n            circle\r\n            size=\"tiny\"\r\n            type=\"warning\"\r\n            @click=\"emit('retry', file.uid)\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" />\r\n            </template>\r\n          </NButton>\r\n          <NButton\r\n            circle\r\n            size=\"tiny\"\r\n            type=\"error\"\r\n            @click=\"emit('remove', file.uid)\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:close\" />\r\n            </template>\r\n          </NButton>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 文件名 -->\r\n      <div class=\"image-preview__name\">\r\n        <NEllipsis :line-clamp=\"1\">\r\n          {{ file.name }}\r\n        </NEllipsis>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { NProgress, NButton, NEllipsis } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { UploadFileItem } from \"../types\";\r\n\r\nconst props = defineProps<{\r\n  /** 文件列表 */\r\n  fileList: UploadFileItem[];\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  remove: [uid: string];\r\n  retry: [uid: string];\r\n}>();\r\n\r\n/** 过滤出图片文件 */\r\nconst imageFiles = computed(() =>\r\n  props.fileList.filter((f) => f.type?.startsWith(\"image/\")),\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.image-preview {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n  gap: 10px;\r\n  margin-top: 12px;\r\n\r\n  &__item {\r\n    position: relative;\r\n    aspect-ratio: 1;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--border-color);\r\n    background: var(--body-color);\r\n\r\n    &--error {\r\n      border-color: var(--error-color);\r\n    }\r\n\r\n    &--success,\r\n    &--instant {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--success-color) 30%,\r\n        var(--border-color)\r\n      );\r\n    }\r\n\r\n    &:hover .image-preview__overlay {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &__img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  &__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    background: rgba(0, 0, 0, 0.45);\r\n    opacity: 0;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  /* 上传中始终显示遮罩 */\r\n  &__item--uploading .image-preview__overlay,\r\n  &__item--hashing .image-preview__overlay,\r\n  &__item--error .image-preview__overlay {\r\n    opacity: 1;\r\n  }\r\n\r\n  &__progress {\r\n    :deep(.n-progress) {\r\n      --n-fill-color: #fff;\r\n    }\r\n  }\r\n\r\n  &__status-icon {\r\n    font-size: 28px;\r\n\r\n    &--success {\r\n      color: var(--success-color);\r\n    }\r\n\r\n    &--error {\r\n      color: var(--error-color);\r\n    }\r\n  }\r\n\r\n  &__actions {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n\r\n  &__name {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 2px 6px;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));\r\n    text-align: center;\r\n  }\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-27\r\n * @Description: 增强型上传组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-upload\">\r\n    <!-- 上传区域 -->\r\n    <UploadArea\r\n      ref=\"uploadAreaRef\"\r\n      :accept=\"props.accept\"\r\n      :multiple=\"props.multiple\"\r\n      :directory=\"props.directory\"\r\n      :disabled=\"props.disabled\"\r\n      :draggable=\"props.draggable\"\r\n      :pasteable=\"props.pasteable\"\r\n      :tip=\"props.tip\"\r\n      @files=\"handleFiles\"\r\n    >\r\n      <slot name=\"area\" />\r\n    </UploadArea>\r\n\r\n    <!-- 总进度条 -->\r\n    <div v-if=\"showTotalProgress\" class=\"c-upload__total-progress\">\r\n      <div class=\"c-upload__total-label\">\r\n        <span>总进度</span>\r\n        <span>{{ totalPercent }}%</span>\r\n      </div>\r\n      <NProgress\r\n        :percentage=\"totalPercent\"\r\n        :height=\"6\"\r\n        :border-radius=\"3\"\r\n        :show-indicator=\"false\"\r\n        status=\"success\"\r\n      />\r\n    </div>\r\n\r\n    <!-- 图片预览模式 -->\r\n    <ImagePreview\r\n      v-if=\"props.listType === 'image'\"\r\n      :file-list=\"fileList\"\r\n      @remove=\"handleRemove\"\r\n      @retry=\"handleRetry\"\r\n    />\r\n\r\n    <!-- 文件列表模式 -->\r\n    <FileList\r\n      v-else-if=\"props.showFileList && fileList.length > 0\"\r\n      :file-list=\"fileList\"\r\n      :show-thumbnail=\"props.showThumbnail\"\r\n      :hash-progress=\"hashProgress\"\r\n      @remove=\"handleRemove\"\r\n      @retry=\"handleRetry\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch } from \"vue\";\r\nimport { NProgress } from \"naive-ui\";\r\nimport type { UploadProps, UploadExpose, UploadFileItem } from \"./types\";\r\nimport { DEFAULT_CHUNK_SIZE, DEFAULT_CONCURRENCY } from \"./constants\";\r\nimport { useUploadCore } from \"./composables/useUploadCore\";\r\nimport UploadArea from \"./components/UploadArea.vue\";\r\nimport FileList from \"./components/FileList.vue\";\r\nimport ImagePreview from \"./components/ImagePreview.vue\";\r\n\r\nconst props = withDefaults(defineProps<UploadProps>(), {\r\n  action: \"\",\r\n  headers: () => ({}),\r\n  data: () => ({}),\r\n  multiple: false,\r\n  directory: false,\r\n  accept: \"\",\r\n  maxSize: 0,\r\n  maxCount: 0,\r\n  disabled: false,\r\n  draggable: true,\r\n  pasteable: false,\r\n  chunked: false,\r\n  chunkSize: DEFAULT_CHUNK_SIZE,\r\n  concurrency: DEFAULT_CONCURRENCY,\r\n  showFileList: true,\r\n  listType: \"text\",\r\n  showThumbnail: true,\r\n  tip: \"\",\r\n  defaultFileList: () => [],\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  change: [fileList: UploadFileItem[]];\r\n  success: [file: UploadFileItem, response: any];\r\n  error: [file: UploadFileItem, error: Error];\r\n  progress: [file: UploadFileItem, percent: number];\r\n  remove: [file: UploadFileItem];\r\n  finish: [fileList: UploadFileItem[]];\r\n  exceed: [files: File[], fileList: UploadFileItem[]];\r\n}>();\r\n\r\nconst uploadAreaRef = ref<InstanceType<typeof UploadArea>>();\r\n\r\nconst {\r\n  fileList,\r\n  totalPercent,\r\n  hashProgress,\r\n  addFiles,\r\n  removeFile,\r\n  clearAll,\r\n  startUpload,\r\n  pauseAll,\r\n  resumeAll,\r\n  retryFile,\r\n  processFile,\r\n  getSuccessList,\r\n} = useUploadCore(props);\r\n\r\n// ─── 是否显示总进度 ──────────────────────────\r\n\r\nconst showTotalProgress = computed(() => {\r\n  return fileList.value.some(\r\n    (f) => f.status === \"uploading\" || f.status === \"hashing\",\r\n  );\r\n});\r\n\r\n// ─── 文件接收处理 ─────────────────────────────\r\n\r\n/** 处理接收到的文件 */\r\nfunction handleFiles(files: File[]) {\r\n  // 数量超限\r\n  if (props.maxCount && fileList.value.length + files.length > props.maxCount) {\r\n    emit(\"exceed\", files, fileList.value);\r\n    const available = props.maxCount - fileList.value.length;\r\n    if (available <= 0) return;\r\n    files = files.slice(0, available);\r\n  }\r\n\r\n  // 大小校验过滤\r\n  if (props.maxSize) {\r\n    files = files.filter((f) => f.size <= props.maxSize!);\r\n  }\r\n\r\n  const items = addFiles(files);\r\n  emit(\"change\", fileList.value);\r\n\r\n  // 自动上传\r\n  items.forEach(processFile);\r\n}\r\n\r\n// ─── 移除 & 重试 ─────────────────────────────\r\n\r\n/** 移除文件 */\r\nfunction handleRemove(uid: string) {\r\n  const file = fileList.value.find((f) => f.uid === uid);\r\n  if (file) {\r\n    emit(\"remove\", file);\r\n    removeFile(uid);\r\n    emit(\"change\", fileList.value);\r\n  }\r\n}\r\n\r\n/** 重试上传 */\r\nfunction handleRetry(uid: string) {\r\n  retryFile(uid);\r\n}\r\n\r\n// ─── 监听文件状态变化触发事件 ─────────────────\r\n\r\nwatch(\r\n  fileList,\r\n  (list) => {\r\n    // 检查是否全部完成\r\n    const allDone =\r\n      list.length > 0 &&\r\n      list.every(\r\n        (f) =>\r\n          f.status === \"success\" ||\r\n          f.status === \"instant\" ||\r\n          f.status === \"error\",\r\n      );\r\n    if (allDone) {\r\n      emit(\"finish\", list);\r\n    }\r\n  },\r\n  { deep: true },\r\n);\r\n\r\n// ─── Expose ──────────────────────────────────\r\n\r\ndefineExpose<UploadExpose>({\r\n  selectFiles: () => uploadAreaRef.value?.triggerSelect(),\r\n  startUpload,\r\n  pauseAll,\r\n  resumeAll,\r\n  clearAll: () => {\r\n    clearAll();\r\n    emit(\"change\", fileList.value);\r\n  },\r\n  removeFile: (uid: string) => {\r\n    handleRemove(uid);\r\n  },\r\n  retryFile,\r\n  getFileList: () => fileList.value,\r\n  getSuccessList,\r\n  /** 总体进度 */\r\n  get totalPercent() {\r\n    return totalPercent.value;\r\n  },\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.c-upload {\r\n  --c-upload-progress-bg: var(--body-color, #fff);\r\n  --c-upload-progress-border: var(--border-color, #e5e7eb);\r\n  --c-upload-progress-radius: 8px;\r\n  --c-upload-label-color: var(--text-color-3, #999);\r\n  --c-upload-label-size: 12px;\r\n\r\n  width: 100%;\r\n\r\n  &__total-progress {\r\n    margin-top: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: var(--c-upload-progress-radius);\r\n    background: var(--c-upload-progress-bg);\r\n    border: 1px solid var(--c-upload-progress-border);\r\n  }\r\n\r\n  &__total-label {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 6px;\r\n    font-size: var(--c-upload-label-size);\r\n    color: var(--c-upload-label-color);\r\n  }\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-27\r\n * @Description: 增强型上传组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-upload\">\r\n    <!-- 上传区域 -->\r\n    <UploadArea\r\n      ref=\"uploadAreaRef\"\r\n      :accept=\"props.accept\"\r\n      :multiple=\"props.multiple\"\r\n      :directory=\"props.directory\"\r\n      :disabled=\"props.disabled\"\r\n      :draggable=\"props.draggable\"\r\n      :pasteable=\"props.pasteable\"\r\n      :tip=\"props.tip\"\r\n      @files=\"handleFiles\"\r\n    >\r\n      <slot name=\"area\" />\r\n    </UploadArea>\r\n\r\n    <!-- 总进度条 -->\r\n    <div v-if=\"showTotalProgress\" class=\"c-upload__total-progress\">\r\n      <div class=\"c-upload__total-label\">\r\n        <span>总进度</span>\r\n        <span>{{ totalPercent }}%</span>\r\n      </div>\r\n      <NProgress\r\n        :percentage=\"totalPercent\"\r\n        :height=\"6\"\r\n        :border-radius=\"3\"\r\n        :show-indicator=\"false\"\r\n        status=\"success\"\r\n      />\r\n    </div>\r\n\r\n    <!-- 图片预览模式 -->\r\n    <ImagePreview\r\n      v-if=\"props.listType === 'image'\"\r\n      :file-list=\"fileList\"\r\n      @remove=\"handleRemove\"\r\n      @retry=\"handleRetry\"\r\n    />\r\n\r\n    <!-- 文件列表模式 -->\r\n    <FileList\r\n      v-else-if=\"props.showFileList && fileList.length > 0\"\r\n      :file-list=\"fileList\"\r\n      :show-thumbnail=\"props.showThumbnail\"\r\n      :hash-progress=\"hashProgress\"\r\n      @remove=\"handleRemove\"\r\n      @retry=\"handleRetry\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch } from \"vue\";\r\nimport { NProgress } from \"naive-ui\";\r\nimport type { UploadProps, UploadExpose, UploadFileItem } from \"./types\";\r\nimport { DEFAULT_CHUNK_SIZE, DEFAULT_CONCURRENCY } from \"./constants\";\r\nimport { useUploadCore } from \"./composables/useUploadCore\";\r\nimport UploadArea from \"./components/UploadArea.vue\";\r\nimport FileList from \"./components/FileList.vue\";\r\nimport ImagePreview from \"./components/ImagePreview.vue\";\r\n\r\nconst props = withDefaults(defineProps<UploadProps>(), {\r\n  action: \"\",\r\n  headers: () => ({}),\r\n  data: () => ({}),\r\n  multiple: false,\r\n  directory: false,\r\n  accept: \"\",\r\n  maxSize: 0,\r\n  maxCount: 0,\r\n  disabled: false,\r\n  draggable: true,\r\n  pasteable: false,\r\n  chunked: false,\r\n  chunkSize: DEFAULT_CHUNK_SIZE,\r\n  concurrency: DEFAULT_CONCURRENCY,\r\n  showFileList: true,\r\n  listType: \"text\",\r\n  showThumbnail: true,\r\n  tip: \"\",\r\n  defaultFileList: () => [],\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  change: [fileList: UploadFileItem[]];\r\n  success: [file: UploadFileItem, response: any];\r\n  error: [file: UploadFileItem, error: Error];\r\n  progress: [file: UploadFileItem, percent: number];\r\n  remove: [file: UploadFileItem];\r\n  finish: [fileList: UploadFileItem[]];\r\n  exceed: [files: File[], fileList: UploadFileItem[]];\r\n}>();\r\n\r\nconst uploadAreaRef = ref<InstanceType<typeof UploadArea>>();\r\n\r\nconst {\r\n  fileList,\r\n  totalPercent,\r\n  hashProgress,\r\n  addFiles,\r\n  removeFile,\r\n  clearAll,\r\n  startUpload,\r\n  pauseAll,\r\n  resumeAll,\r\n  retryFile,\r\n  processFile,\r\n  getSuccessList,\r\n} = useUploadCore(props);\r\n\r\n// ─── 是否显示总进度 ──────────────────────────\r\n\r\nconst showTotalProgress = computed(() => {\r\n  return fileList.value.some(\r\n    (f) => f.status === \"uploading\" || f.status === \"hashing\",\r\n  );\r\n});\r\n\r\n// ─── 文件接收处理 ─────────────────────────────\r\n\r\n/** 处理接收到的文件 */\r\nfunction handleFiles(files: File[]) {\r\n  // 数量超限\r\n  if (props.maxCount && fileList.value.length + files.length > props.maxCount) {\r\n    emit(\"exceed\", files, fileList.value);\r\n    const available = props.maxCount - fileList.value.length;\r\n    if (available <= 0) return;\r\n    files = files.slice(0, available);\r\n  }\r\n\r\n  // 大小校验过滤\r\n  if (props.maxSize) {\r\n    files = files.filter((f) => f.size <= props.maxSize!);\r\n  }\r\n\r\n  const items = addFiles(files);\r\n  emit(\"change\", fileList.value);\r\n\r\n  // 自动上传\r\n  items.forEach(processFile);\r\n}\r\n\r\n// ─── 移除 & 重试 ─────────────────────────────\r\n\r\n/** 移除文件 */\r\nfunction handleRemove(uid: string) {\r\n  const file = fileList.value.find((f) => f.uid === uid);\r\n  if (file) {\r\n    emit(\"remove\", file);\r\n    removeFile(uid);\r\n    emit(\"change\", fileList.value);\r\n  }\r\n}\r\n\r\n/** 重试上传 */\r\nfunction handleRetry(uid: string) {\r\n  retryFile(uid);\r\n}\r\n\r\n// ─── 监听文件状态变化触发事件 ─────────────────\r\n\r\nwatch(\r\n  fileList,\r\n  (list) => {\r\n    // 检查是否全部完成\r\n    const allDone =\r\n      list.length > 0 &&\r\n      list.every(\r\n        (f) =>\r\n          f.status === \"success\" ||\r\n          f.status === \"instant\" ||\r\n          f.status === \"error\",\r\n      );\r\n    if (allDone) {\r\n      emit(\"finish\", list);\r\n    }\r\n  },\r\n  { deep: true },\r\n);\r\n\r\n// ─── Expose ──────────────────────────────────\r\n\r\ndefineExpose<UploadExpose>({\r\n  selectFiles: () => uploadAreaRef.value?.triggerSelect(),\r\n  startUpload,\r\n  pauseAll,\r\n  resumeAll,\r\n  clearAll: () => {\r\n    clearAll();\r\n    emit(\"change\", fileList.value);\r\n  },\r\n  removeFile: (uid: string) => {\r\n    handleRemove(uid);\r\n  },\r\n  retryFile,\r\n  getFileList: () => fileList.value,\r\n  getSuccessList,\r\n  /** 总体进度 */\r\n  get totalPercent() {\r\n    return totalPercent.value;\r\n  },\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.c-upload {\r\n  --c-upload-progress-bg: var(--body-color, #fff);\r\n  --c-upload-progress-border: var(--border-color, #e5e7eb);\r\n  --c-upload-progress-radius: 8px;\r\n  --c-upload-label-color: var(--text-color-3, #999);\r\n  --c-upload-label-size: 12px;\r\n\r\n  width: 100%;\r\n\r\n  &__total-progress {\r\n    margin-top: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: var(--c-upload-progress-radius);\r\n    background: var(--c-upload-progress-bg);\r\n    border: 1px solid var(--c-upload-progress-border);\r\n  }\r\n\r\n  &__total-label {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 6px;\r\n    font-size: var(--c-upload-label-size);\r\n    color: var(--c-upload-label-color);\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-27\r\n * @Description: 增强型上传组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-upload\">\r\n    <!-- 上传区域 -->\r\n    <UploadArea\r\n      ref=\"uploadAreaRef\"\r\n      :accept=\"props.accept\"\r\n      :multiple=\"props.multiple\"\r\n      :directory=\"props.directory\"\r\n      :disabled=\"props.disabled\"\r\n      :draggable=\"props.draggable\"\r\n      :pasteable=\"props.pasteable\"\r\n      :tip=\"props.tip\"\r\n      @files=\"handleFiles\"\r\n    >\r\n      <slot name=\"area\" />\r\n    </UploadArea>\r\n\r\n    <!-- 总进度条 -->\r\n    <div v-if=\"showTotalProgress\" class=\"c-upload__total-progress\">\r\n      <div class=\"c-upload__total-label\">\r\n        <span>总进度</span>\r\n        <span>{{ totalPercent }}%</span>\r\n      </div>\r\n      <NProgress\r\n        :percentage=\"totalPercent\"\r\n        :height=\"6\"\r\n        :border-radius=\"3\"\r\n        :show-indicator=\"false\"\r\n        status=\"success\"\r\n      />\r\n    </div>\r\n\r\n    <!-- 图片预览模式 -->\r\n    <ImagePreview\r\n      v-if=\"props.listType === 'image'\"\r\n      :file-list=\"fileList\"\r\n      @remove=\"handleRemove\"\r\n      @retry=\"handleRetry\"\r\n    />\r\n\r\n    <!-- 文件列表模式 -->\r\n    <FileList\r\n      v-else-if=\"props.showFileList && fileList.length > 0\"\r\n      :file-list=\"fileList\"\r\n      :show-thumbnail=\"props.showThumbnail\"\r\n      :hash-progress=\"hashProgress\"\r\n      @remove=\"handleRemove\"\r\n      @retry=\"handleRetry\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, watch } from \"vue\";\r\nimport { NProgress } from \"naive-ui\";\r\nimport type { UploadProps, UploadExpose, UploadFileItem } from \"./types\";\r\nimport { DEFAULT_CHUNK_SIZE, DEFAULT_CONCURRENCY } from \"./constants\";\r\nimport { useUploadCore } from \"./composables/useUploadCore\";\r\nimport UploadArea from \"./components/UploadArea.vue\";\r\nimport FileList from \"./components/FileList.vue\";\r\nimport ImagePreview from \"./components/ImagePreview.vue\";\r\n\r\nconst props = withDefaults(defineProps<UploadProps>(), {\r\n  action: \"\",\r\n  headers: () => ({}),\r\n  data: () => ({}),\r\n  multiple: false,\r\n  directory: false,\r\n  accept: \"\",\r\n  maxSize: 0,\r\n  maxCount: 0,\r\n  disabled: false,\r\n  draggable: true,\r\n  pasteable: false,\r\n  chunked: false,\r\n  chunkSize: DEFAULT_CHUNK_SIZE,\r\n  concurrency: DEFAULT_CONCURRENCY,\r\n  showFileList: true,\r\n  listType: \"text\",\r\n  showThumbnail: true,\r\n  tip: \"\",\r\n  defaultFileList: () => [],\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  change: [fileList: UploadFileItem[]];\r\n  success: [file: UploadFileItem, response: any];\r\n  error: [file: UploadFileItem, error: Error];\r\n  progress: [file: UploadFileItem, percent: number];\r\n  remove: [file: UploadFileItem];\r\n  finish: [fileList: UploadFileItem[]];\r\n  exceed: [files: File[], fileList: UploadFileItem[]];\r\n}>();\r\n\r\nconst uploadAreaRef = ref<InstanceType<typeof UploadArea>>();\r\n\r\nconst {\r\n  fileList,\r\n  totalPercent,\r\n  hashProgress,\r\n  addFiles,\r\n  removeFile,\r\n  clearAll,\r\n  startUpload,\r\n  pauseAll,\r\n  resumeAll,\r\n  retryFile,\r\n  processFile,\r\n  getSuccessList,\r\n} = useUploadCore(props);\r\n\r\n// ─── 是否显示总进度 ──────────────────────────\r\n\r\nconst showTotalProgress = computed(() => {\r\n  return fileList.value.some(\r\n    (f) => f.status === \"uploading\" || f.status === \"hashing\",\r\n  );\r\n});\r\n\r\n// ─── 文件接收处理 ─────────────────────────────\r\n\r\n/** 处理接收到的文件 */\r\nfunction handleFiles(files: File[]) {\r\n  // 数量超限\r\n  if (props.maxCount && fileList.value.length + files.length > props.maxCount) {\r\n    emit(\"exceed\", files, fileList.value);\r\n    const available = props.maxCount - fileList.value.length;\r\n    if (available <= 0) return;\r\n    files = files.slice(0, available);\r\n  }\r\n\r\n  // 大小校验过滤\r\n  if (props.maxSize) {\r\n    files = files.filter((f) => f.size <= props.maxSize!);\r\n  }\r\n\r\n  const items = addFiles(files);\r\n  emit(\"change\", fileList.value);\r\n\r\n  // 自动上传\r\n  items.forEach(processFile);\r\n}\r\n\r\n// ─── 移除 & 重试 ─────────────────────────────\r\n\r\n/** 移除文件 */\r\nfunction handleRemove(uid: string) {\r\n  const file = fileList.value.find((f) => f.uid === uid);\r\n  if (file) {\r\n    emit(\"remove\", file);\r\n    removeFile(uid);\r\n    emit(\"change\", fileList.value);\r\n  }\r\n}\r\n\r\n/** 重试上传 */\r\nfunction handleRetry(uid: string) {\r\n  retryFile(uid);\r\n}\r\n\r\n// ─── 监听文件状态变化触发事件 ─────────────────\r\n\r\nwatch(\r\n  fileList,\r\n  (list) => {\r\n    // 检查是否全部完成\r\n    const allDone =\r\n      list.length > 0 &&\r\n      list.every(\r\n        (f) =>\r\n          f.status === \"success\" ||\r\n          f.status === \"instant\" ||\r\n          f.status === \"error\",\r\n      );\r\n    if (allDone) {\r\n      emit(\"finish\", list);\r\n    }\r\n  },\r\n  { deep: true },\r\n);\r\n\r\n// ─── Expose ──────────────────────────────────\r\n\r\ndefineExpose<UploadExpose>({\r\n  selectFiles: () => uploadAreaRef.value?.triggerSelect(),\r\n  startUpload,\r\n  pauseAll,\r\n  resumeAll,\r\n  clearAll: () => {\r\n    clearAll();\r\n    emit(\"change\", fileList.value);\r\n  },\r\n  removeFile: (uid: string) => {\r\n    handleRemove(uid);\r\n  },\r\n  retryFile,\r\n  getFileList: () => fileList.value,\r\n  getSuccessList,\r\n  /** 总体进度 */\r\n  get totalPercent() {\r\n    return totalPercent.value;\r\n  },\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.c-upload {\r\n  --c-upload-progress-bg: var(--body-color, #fff);\r\n  --c-upload-progress-border: var(--border-color, #e5e7eb);\r\n  --c-upload-progress-radius: 8px;\r\n  --c-upload-label-color: var(--text-color-3, #999);\r\n  --c-upload-label-size: 12px;\r\n\r\n  width: 100%;\r\n\r\n  &__total-progress {\r\n    margin-top: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: var(--c-upload-progress-radius);\r\n    background: var(--c-upload-progress-bg);\r\n    border: 1px solid var(--c-upload-progress-border);\r\n  }\r\n\r\n  &__total-label {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 6px;\r\n    font-size: var(--c-upload-label-size);\r\n    color: var(--c-upload-label-color);\r\n  }\r\n}\r\n</style>\r\n"],"mappings":"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"}
+{"version":3,"file":"C_Upload2.js","names":[],"sources":["../src/components/C_Upload/constants.ts","../src/components/C_Upload/composables/useFileHash.ts","../src/components/C_Upload/composables/useChunkUpload.ts","../src/components/C_Upload/composables/useUploadQueue.ts","../src/components/C_Upload/composables/useUploadCore.ts","../src/components/C_Upload/composables/useDragDrop.ts","../src/components/C_Upload/components/UploadArea.vue","../src/components/C_Upload/components/FileList.vue","../src/components/C_Upload/components/ImagePreview.vue","../src/components/C_Upload/index.vue"],"sourcesContent":["/**\r\n * C_Upload 组件常量\r\n */\r\n\r\n/** 默认分片大小 2MB */\r\nexport const DEFAULT_CHUNK_SIZE = 2 * 1024 * 1024;\r\n\r\n/** 默认最大并发数 */\r\nexport const DEFAULT_CONCURRENCY = 3;\r\n\r\n/** 默认最大文件数 */\r\nexport const DEFAULT_MAX_COUNT = 10;\r\n\r\n/** 大文件阈值（超过此大小自动启用分片） */\r\nexport const LARGE_FILE_THRESHOLD = 10 * 1024 * 1024;\r\n\r\n/** 状态文案映射 */\r\nexport const STATUS_TEXT: Record<string, string> = {\r\n  pending: \"等待上传\",\r\n  hashing: \"计算校验…\",\r\n  uploading: \"上传中…\",\r\n  success: \"上传成功\",\r\n  error: \"上传失败\",\r\n  paused: \"已暂停\",\r\n  instant: \"秒传成功\",\r\n};\r\n\r\n/** 状态颜色映射（Naive UI NTag type） */\r\nexport const STATUS_TYPE: Record<string, string> = {\r\n  pending: \"default\",\r\n  hashing: \"info\",\r\n  uploading: \"info\",\r\n  success: \"success\",\r\n  error: \"error\",\r\n  paused: \"warning\",\r\n  instant: \"success\",\r\n};\r\n\r\n/** 文件图标映射 */\r\nexport const FILE_ICON_MAP: Record<string, string> = {\r\n  \"image/\": \"mdi:file-image-outline\",\r\n  \"video/\": \"mdi:file-video-outline\",\r\n  \"audio/\": \"mdi:file-music-outline\",\r\n  \"application/pdf\": \"mdi:file-pdf-box\",\r\n  \"application/zip\": \"mdi:folder-zip-outline\",\r\n  \"application/x-rar\": \"mdi:folder-zip-outline\",\r\n  \"application/vnd.ms-excel\": \"mdi:file-excel-outline\",\r\n  \"application/vnd.openxmlformats-officedocument.spreadsheetml\":\r\n    \"mdi:file-excel-outline\",\r\n  \"application/msword\": \"mdi:file-word-outline\",\r\n  \"application/vnd.openxmlformats-officedocument.wordprocessingml\":\r\n    \"mdi:file-word-outline\",\r\n  \"text/\": \"mdi:file-document-outline\",\r\n  default: \"mdi:file-outline\",\r\n};\r\n\r\n/** 根据 MIME 类型获取图标 */\r\nexport function getFileIcon(type: string): string {\r\n  for (const [key, icon] of Object.entries(FILE_ICON_MAP)) {\r\n    if (key !== \"default\" && type.startsWith(key)) return icon;\r\n  }\r\n  return FILE_ICON_MAP.default;\r\n}\r\n\r\n/** 格式化文件大小 */\r\nexport function formatFileSize(bytes: number): string {\r\n  if (bytes === 0) return \"0 B\";\r\n  const units = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\r\n  const i = Math.floor(Math.log(bytes) / Math.log(1024));\r\n  return `${(bytes / 1024 ** i).toFixed(i > 0 ? 1 : 0)} ${units[i]}`;\r\n}\r\n","/**\r\n * 文件哈希计算（Web Worker + spark-md5）\r\n */\r\n\r\nimport { ref, readonly, type Ref } from \"vue\";\r\n\r\n/**\r\n * 文件哈希计算\r\n *\r\n * 使用 spark-md5 在 Web Worker 中对文件分片计算 MD5 hash，\r\n * 不阻塞主线程，支持进度回调。\r\n *\r\n * @param chunkSize  分片大小（bytes），也用于哈希分块读取\r\n */\r\nexport function useFileHash(chunkSize: Ref<number>) {\r\n  const hashing = ref(false);\r\n  const hashProgress = ref(0);\r\n\r\n  /**\r\n   * 计算文件 hash\r\n   * @param file  原生 File 对象\r\n   * @returns     MD5 hash 字符串\r\n   */\r\n  async function calculateHash(file: File): Promise<string> {\r\n    hashing.value = true;\r\n    hashProgress.value = 0;\r\n\r\n    return new Promise((resolve, reject) => {\r\n      // 使用 inline Web Worker（避免额外文件）\r\n      const workerCode = `\r\n        self.importScripts('https://cdn.jsdelivr.net/npm/spark-md5@3.0.2/spark-md5.min.js');\r\n\r\n        self.onmessage = function(e) {\r\n          const { chunks } = e.data;\r\n          const spark = new self.SparkMD5.ArrayBuffer();\r\n          let current = 0;\r\n\r\n          function processNext() {\r\n            if (current >= chunks.length) {\r\n              self.postMessage({ type: 'done', hash: spark.end() });\r\n              return;\r\n            }\r\n            const reader = new FileReaderSync();\r\n            const buffer = reader.readAsArrayBuffer(chunks[current]);\r\n            spark.append(buffer);\r\n            current++;\r\n            self.postMessage({ type: 'progress', percent: Math.round((current / chunks.length) * 100) });\r\n            processNext();\r\n          }\r\n\r\n          processNext();\r\n        };\r\n      `;\r\n\r\n      // 将文件分片\r\n      const size = chunkSize.value;\r\n      const chunks: Blob[] = [];\r\n      let offset = 0;\r\n      while (offset < file.size) {\r\n        chunks.push(file.slice(offset, offset + size));\r\n        offset += size;\r\n      }\r\n\r\n      // 如果浏览器不支持 Worker（SSR / 旧环境），走主线程降级\r\n      if (typeof Worker === \"undefined\") {\r\n        computeHashMainThread(file, chunks)\r\n          .then(resolve)\r\n          .catch(reject)\r\n          .finally(() => {\r\n            hashing.value = false;\r\n          });\r\n        return;\r\n      }\r\n\r\n      try {\r\n        const blob = new Blob([workerCode], { type: \"application/javascript\" });\r\n        const workerUrl = URL.createObjectURL(blob);\r\n        const worker = new Worker(workerUrl);\r\n\r\n        worker.onmessage = (e: MessageEvent) => {\r\n          const { type, hash, percent } = e.data;\r\n          if (type === \"progress\") {\r\n            hashProgress.value = percent;\r\n          } else if (type === \"done\") {\r\n            hashing.value = false;\r\n            worker.terminate();\r\n            URL.revokeObjectURL(workerUrl);\r\n            resolve(hash);\r\n          }\r\n        };\r\n\r\n        worker.onerror = () => {\r\n          hashing.value = false;\r\n          worker.terminate();\r\n          URL.revokeObjectURL(workerUrl);\r\n          // 降级到主线程\r\n          computeHashMainThread(file, chunks).then(resolve).catch(reject);\r\n        };\r\n\r\n        worker.postMessage({ chunks });\r\n      } catch {\r\n        // Worker 创建失败，降级\r\n        computeHashMainThread(file, chunks)\r\n          .then(resolve)\r\n          .catch(reject)\r\n          .finally(() => {\r\n            hashing.value = false;\r\n          });\r\n      }\r\n    });\r\n  }\r\n\r\n  /** 主线程降级计算 */\r\n  async function computeHashMainThread(\r\n    _file: File,\r\n    chunks: Blob[],\r\n  ): Promise<string> {\r\n    const SparkMD5 = (await import(\"spark-md5\" as string)).default;\r\n    const spark = new SparkMD5.ArrayBuffer();\r\n\r\n    for (let i = 0; i < chunks.length; i++) {\r\n      const buffer = await chunks[i].arrayBuffer();\r\n      spark.append(buffer);\r\n      hashProgress.value = Math.round(((i + 1) / chunks.length) * 100);\r\n    }\r\n\r\n    hashing.value = false;\r\n    return spark.end();\r\n  }\r\n\r\n  return {\r\n    /** 是否正在计算 hash */\r\n    hashing: readonly(hashing),\r\n    /** 哈希计算进度（0-100） */\r\n    hashProgress: readonly(hashProgress),\r\n    /** 计算文件 hash */\r\n    calculateHash,\r\n  };\r\n}\r\n","/**\r\n * 分片上传引擎\r\n */\r\n\r\nimport type { Ref } from \"vue\";\r\nimport type {\r\n  UploadChunk,\r\n  ChunkProgress,\r\n  UploadRequestOptions,\r\n  CustomUploadRequest,\r\n  UploadedChunksQueryFn,\r\n  MergeChunksFn,\r\n} from \"../types\";\r\n\r\ninterface UseChunkUploadOptions {\r\n  /** 分片大小 */\r\n  chunkSize: Ref<number>;\r\n  /** 最大并发数 */\r\n  concurrency: Ref<number>;\r\n  /** 上传地址 */\r\n  action: Ref<string>;\r\n  /** 请求头 */\r\n  headers: Ref<Record<string, string>>;\r\n  /** 附加字段 */\r\n  data: Ref<Record<string, any>>;\r\n  /** 自定义上传函数 */\r\n  customRequest?: Ref<CustomUploadRequest | undefined>;\r\n  /** 已上传分片查询 */\r\n  uploadedChunksQuery?: Ref<UploadedChunksQueryFn | undefined>;\r\n  /** 分片合并函数 */\r\n  mergeChunks?: Ref<MergeChunksFn | undefined>;\r\n}\r\n\r\n/**\r\n * 分片上传引擎\r\n *\r\n * 处理大文件分片切割、并发上传、断点续传、分片合并。\r\n */\r\nexport function useChunkUpload(options: UseChunkUploadOptions) {\r\n  /** 正在进行的上传中止控制器映射 uid → abort[] */\r\n  const abortMap = new Map<string, (() => void)[]>();\r\n\r\n  /**\r\n   * 将文件切割为分片\r\n   */\r\n  function createChunks(file: File): UploadChunk[] {\r\n    const size = options.chunkSize.value;\r\n    const chunks: UploadChunk[] = [];\r\n    let index = 0;\r\n    let offset = 0;\r\n\r\n    while (offset < file.size) {\r\n      const end = Math.min(offset + size, file.size);\r\n      chunks.push({\r\n        index,\r\n        blob: file.slice(offset, end),\r\n        size: end - offset,\r\n        uploaded: false,\r\n      });\r\n      offset = end;\r\n      index++;\r\n    }\r\n\r\n    return chunks;\r\n  }\r\n\r\n  /**\r\n   * 查询已上传的分片（断点续传）\r\n   */\r\n  async function queryExistingChunks(hash: string, chunks: UploadChunk[]) {\r\n    if (!options.uploadedChunksQuery?.value) return;\r\n\r\n    try {\r\n      const uploaded = await options.uploadedChunksQuery.value(hash);\r\n      for (const idx of uploaded) {\r\n        const chunk = chunks[idx];\r\n        if (chunk) chunk.uploaded = true;\r\n      }\r\n    } catch {\r\n      // 查询失败，全部重传\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 上传单个分片\r\n   */\r\n  function uploadSingleChunk(ctx: {\r\n    chunk: UploadChunk;\r\n    hash: string;\r\n    file: File;\r\n    totalChunks: number;\r\n    chunks: UploadChunk[];\r\n    totalBytes: number;\r\n    abortControllers: (() => void)[];\r\n    onProgress: (progress: ChunkProgress) => void;\r\n    setUploadedBytes: (bytes: number) => void;\r\n    setError: () => void;\r\n  }): Promise<void> {\r\n    return new Promise<void>((resolve, reject) => {\r\n      const requestOptions: UploadRequestOptions = {\r\n        action: options.action.value,\r\n        headers: options.headers.value,\r\n        data: {\r\n          ...options.data.value,\r\n          hash: ctx.hash,\r\n          chunkIndex: ctx.chunk.index,\r\n          totalChunks: ctx.totalChunks,\r\n          filename: ctx.file.name,\r\n        },\r\n        file: ctx.chunk.blob,\r\n        filename: ctx.file.name,\r\n        hash: ctx.hash,\r\n        chunkIndex: ctx.chunk.index,\r\n        totalChunks: ctx.totalChunks,\r\n        onProgress: () => {\r\n          /* 分片内部进度可选 */\r\n        },\r\n        onSuccess: () => {\r\n          ctx.chunk.uploaded = true;\r\n          ctx.setUploadedBytes(ctx.chunk.size);\r\n          ctx.onProgress({\r\n            uploadedChunks: ctx.chunks.filter((c) => c.uploaded).length,\r\n            totalChunks: ctx.totalChunks,\r\n            uploadedBytes: ctx.chunks\r\n              .filter((c) => c.uploaded)\r\n              .reduce((sum, c) => sum + c.size, 0),\r\n            totalBytes: ctx.totalBytes,\r\n          });\r\n          resolve();\r\n        },\r\n        onError: (err) => {\r\n          ctx.setError();\r\n          reject(err);\r\n        },\r\n      };\r\n\r\n      const req = options.customRequest?.value\r\n        ? options.customRequest.value(requestOptions)\r\n        : defaultUploadRequest(requestOptions);\r\n      ctx.abortControllers.push(req.abort);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * 执行分片上传\r\n   */\r\n  async function uploadChunks(params: {\r\n    uid: string;\r\n    file: File;\r\n    hash: string;\r\n    onProgress: (progress: ChunkProgress) => void;\r\n    onSuccess: (response: any) => void;\r\n    onError: (error: Error) => void;\r\n    isPaused: () => boolean;\r\n  }) {\r\n    const { uid, file, hash, onProgress, onSuccess, onError, isPaused } =\r\n      params;\r\n    const chunks = createChunks(file);\r\n    const totalChunks = chunks.length;\r\n    const totalBytes = file.size;\r\n    let uploadedBytes = 0;\r\n\r\n    // 查询已上传分片（断点续传）\r\n    await queryExistingChunks(hash, chunks);\r\n    uploadedBytes = chunks\r\n      .filter((c) => c.uploaded)\r\n      .reduce((sum, c) => sum + c.size, 0);\r\n\r\n    // 初始进度\r\n    onProgress({\r\n      uploadedChunks: chunks.filter((c) => c.uploaded).length,\r\n      totalChunks,\r\n      uploadedBytes,\r\n      totalBytes,\r\n    });\r\n\r\n    // 过滤待上传分片\r\n    const pendingChunks = chunks.filter((c) => !c.uploaded);\r\n\r\n    if (pendingChunks.length === 0) {\r\n      // 全部已上传，直接合并\r\n      await mergeAndFinish(hash, file.name, totalChunks, onSuccess, onError);\r\n      return;\r\n    }\r\n\r\n    // 并发控制上传\r\n    const abortControllers: (() => void)[] = [];\r\n    abortMap.set(uid, abortControllers);\r\n\r\n    const concurrency = options.concurrency.value;\r\n    let current = 0;\r\n    let hasError = false;\r\n\r\n    /** 上传下一个分片 */\r\n    async function uploadNext(): Promise<void> {\r\n      while (current < pendingChunks.length && !hasError && !isPaused()) {\r\n        const chunk = pendingChunks[current++];\r\n\r\n        await uploadSingleChunk({\r\n          chunk,\r\n          hash,\r\n          file,\r\n          totalChunks,\r\n          chunks,\r\n          totalBytes,\r\n          abortControllers,\r\n          onProgress,\r\n          setUploadedBytes: (bytes: number) => {\r\n            uploadedBytes += bytes;\r\n          },\r\n          setError: () => {\r\n            hasError = true;\r\n          },\r\n        });\r\n      }\r\n    }\r\n\r\n    // 启动并发池\r\n    const pool = Array.from(\r\n      { length: Math.min(concurrency, pendingChunks.length) },\r\n      () => uploadNext(),\r\n    );\r\n\r\n    try {\r\n      await Promise.all(pool);\r\n\r\n      if (!hasError && !isPaused()) {\r\n        // 全部分片完成 → 合并\r\n        await mergeAndFinish(hash, file.name, totalChunks, onSuccess, onError);\r\n      }\r\n    } catch (err) {\r\n      onError(err instanceof Error ? err : new Error(String(err)));\r\n    } finally {\r\n      abortMap.delete(uid);\r\n    }\r\n  }\r\n\r\n  /** 合并分片 */\r\n  async function mergeAndFinish(\r\n    hash: string,\r\n    filename: string,\r\n    totalChunks: number,\r\n    onSuccess: (response: any) => void,\r\n    onError: (error: Error) => void,\r\n  ) {\r\n    if (options.mergeChunks?.value) {\r\n      try {\r\n        const result = await options.mergeChunks.value(\r\n          hash,\r\n          filename,\r\n          totalChunks,\r\n        );\r\n        onSuccess(result);\r\n      } catch (err) {\r\n        onError(err instanceof Error ? err : new Error(\"分片合并失败\"));\r\n      }\r\n    } else {\r\n      onSuccess({ message: \"分片上传完成（未配置合并函数）\" });\r\n    }\r\n  }\r\n\r\n  /** 中止指定文件的分片上传 */\r\n  function abortUpload(uid: string) {\r\n    const controllers = abortMap.get(uid);\r\n    controllers?.forEach((abort) => abort());\r\n    abortMap.delete(uid);\r\n  }\r\n\r\n  /** 中止所有 */\r\n  function abortAll() {\r\n    abortMap.forEach((controllers) => {\r\n      controllers.forEach((abort) => abort());\r\n    });\r\n    abortMap.clear();\r\n  }\r\n\r\n  return {\r\n    createChunks,\r\n    uploadChunks,\r\n    abortUpload,\r\n    abortAll,\r\n  };\r\n}\r\n\r\n/** 默认 XMLHttpRequest 上传实现 */\r\nfunction defaultUploadRequest(options: UploadRequestOptions) {\r\n  const xhr = new XMLHttpRequest();\r\n\r\n  xhr.open(\"POST\", options.action);\r\n\r\n  // 设置请求头\r\n  if (options.headers) {\r\n    Object.entries(options.headers).forEach(([key, value]) => {\r\n      xhr.setRequestHeader(key, value);\r\n    });\r\n  }\r\n\r\n  // 上传进度\r\n  xhr.upload.addEventListener(\"progress\", (e) => {\r\n    if (e.lengthComputable) {\r\n      options.onProgress?.(Math.round((e.loaded / e.total) * 100));\r\n    }\r\n  });\r\n\r\n  xhr.addEventListener(\"load\", () => {\r\n    if (xhr.status >= 200 && xhr.status < 300) {\r\n      let response: any;\r\n      try {\r\n        response = JSON.parse(xhr.responseText);\r\n      } catch {\r\n        response = xhr.responseText;\r\n      }\r\n      options.onSuccess?.(response);\r\n    } else {\r\n      options.onError?.(new Error(`上传失败: HTTP ${xhr.status}`));\r\n    }\r\n  });\r\n\r\n  xhr.addEventListener(\"error\", () => {\r\n    options.onError?.(new Error(\"网络错误\"));\r\n  });\r\n\r\n  const formData = new FormData();\r\n  formData.append(\"file\", options.file, options.filename);\r\n\r\n  if (options.data) {\r\n    Object.entries(options.data).forEach(([key, value]) => {\r\n      formData.append(key, String(value));\r\n    });\r\n  }\r\n\r\n  xhr.send(formData);\r\n\r\n  return {\r\n    abort: () => xhr.abort(),\r\n  };\r\n}\r\n","/**\r\n * 并发队列管理\r\n */\r\n\r\nimport { ref, readonly } from \"vue\";\r\nimport type { Ref } from \"vue\";\r\nimport type {\r\n  UploadFileItem,\r\n  UploadRequestOptions,\r\n  CustomUploadRequest,\r\n} from \"../types\";\r\n\r\ninterface UseUploadQueueOptions {\r\n  /** 最大并发数 */\r\n  concurrency: Ref<number>;\r\n  /** 上传地址 */\r\n  action: Ref<string>;\r\n  /** 请求头 */\r\n  headers: Ref<Record<string, string>>;\r\n  /** 附加字段 */\r\n  data: Ref<Record<string, any>>;\r\n  /** 自定义上传函数 */\r\n  customRequest?: Ref<CustomUploadRequest | undefined>;\r\n}\r\n\r\n/**\r\n * 并发队列管理\r\n *\r\n * 控制普通文件（非分片）的并发上传数量，\r\n * 先进先出排队，自动从队列中取出执行。\r\n */\r\nexport function useUploadQueue(options: UseUploadQueueOptions) {\r\n  /** 等待队列 */\r\n  const queue: UploadFileItem[] = [];\r\n  /** 正在上传的数量 */\r\n  const activeCount = ref(0);\r\n  /** uid → abort */\r\n  const abortMap = new Map<string, () => void>();\r\n\r\n  /**\r\n   * 添加文件到队列\r\n   */\r\n  function enqueue(\r\n    file: UploadFileItem,\r\n    onProgress: (uid: string, percent: number) => void,\r\n    onSuccess: (uid: string, response: any) => void,\r\n    onError: (uid: string, error: Error) => void,\r\n  ) {\r\n    queue.push(file);\r\n    processQueue(onProgress, onSuccess, onError);\r\n  }\r\n\r\n  /**\r\n   * 处理队列\r\n   */\r\n  function processQueue(\r\n    onProgress: (uid: string, percent: number) => void,\r\n    onSuccess: (uid: string, response: any) => void,\r\n    onError: (uid: string, error: Error) => void,\r\n  ) {\r\n    while (activeCount.value < options.concurrency.value && queue.length > 0) {\r\n      const file = queue.shift()!;\r\n      if (!file.raw) continue;\r\n\r\n      activeCount.value++;\r\n\r\n      const requestOptions: UploadRequestOptions = {\r\n        action: options.action.value,\r\n        headers: options.headers.value,\r\n        data: options.data.value,\r\n        file: file.raw,\r\n        filename: file.name,\r\n        onProgress: (percent) => {\r\n          onProgress(file.uid, percent);\r\n        },\r\n        onSuccess: (response) => {\r\n          activeCount.value--;\r\n          abortMap.delete(file.uid);\r\n          onSuccess(file.uid, response);\r\n          processQueue(onProgress, onSuccess, onError);\r\n        },\r\n        onError: (error) => {\r\n          activeCount.value--;\r\n          abortMap.delete(file.uid);\r\n          onError(file.uid, error);\r\n          processQueue(onProgress, onSuccess, onError);\r\n        },\r\n      };\r\n\r\n      if (options.customRequest?.value) {\r\n        const { abort } = options.customRequest.value(requestOptions);\r\n        abortMap.set(file.uid, abort);\r\n      } else {\r\n        const { abort } = defaultRequest(requestOptions);\r\n        abortMap.set(file.uid, abort);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** 中止指定文件 */\r\n  function abort(uid: string) {\r\n    abortMap.get(uid)?.();\r\n    abortMap.delete(uid);\r\n    // 从队列移除\r\n    const idx = queue.findIndex((f) => f.uid === uid);\r\n    if (idx !== -1) queue.splice(idx, 1);\r\n  }\r\n\r\n  /** 中止所有 */\r\n  function abortAll() {\r\n    abortMap.forEach((fn) => fn());\r\n    abortMap.clear();\r\n    queue.length = 0;\r\n    activeCount.value = 0;\r\n  }\r\n\r\n  return {\r\n    /** 当前活跃上传数 */\r\n    activeCount: readonly(activeCount),\r\n    enqueue,\r\n    abort,\r\n    abortAll,\r\n  };\r\n}\r\n\r\n/** 默认 XHR 上传 */\r\nfunction defaultRequest(options: UploadRequestOptions) {\r\n  const xhr = new XMLHttpRequest();\r\n  xhr.open(\"POST\", options.action);\r\n\r\n  if (options.headers) {\r\n    Object.entries(options.headers).forEach(([key, value]) => {\r\n      xhr.setRequestHeader(key, value);\r\n    });\r\n  }\r\n\r\n  xhr.upload.addEventListener(\"progress\", (e) => {\r\n    if (e.lengthComputable) {\r\n      options.onProgress?.(Math.round((e.loaded / e.total) * 100));\r\n    }\r\n  });\r\n\r\n  xhr.addEventListener(\"load\", () => {\r\n    if (xhr.status >= 200 && xhr.status < 300) {\r\n      let response: any;\r\n      try {\r\n        response = JSON.parse(xhr.responseText);\r\n      } catch {\r\n        response = xhr.responseText;\r\n      }\r\n      options.onSuccess?.(response);\r\n    } else {\r\n      options.onError?.(new Error(`上传失败: HTTP ${xhr.status}`));\r\n    }\r\n  });\r\n\r\n  xhr.addEventListener(\"error\", () => {\r\n    options.onError?.(new Error(\"网络错误\"));\r\n  });\r\n\r\n  const formData = new FormData();\r\n  formData.append(\"file\", options.file as File, options.filename);\r\n\r\n  if (options.data) {\r\n    Object.entries(options.data).forEach(([key, value]) => {\r\n      formData.append(key, String(value));\r\n    });\r\n  }\r\n\r\n  xhr.send(formData);\r\n\r\n  return { abort: () => xhr.abort() };\r\n}\r\n","/**\n * 核心上传逻辑\n */\n\nimport { ref, computed, reactive, onBeforeUnmount } from \"vue\";\nimport type { UploadFileItem, UploadProps, ChunkProgress } from \"../types\";\nimport { DEFAULT_CHUNK_SIZE, DEFAULT_CONCURRENCY } from \"../constants\";\nimport { useFileHash } from \"./useFileHash\";\nimport { useChunkUpload } from \"./useChunkUpload\";\nimport { useUploadQueue } from \"./useUploadQueue\";\n\n/**\n * 核心上传逻辑\n *\n * 统一调度文件校验、hash 计算、秒传检查、分片/普通上传、\n * 进度汇总和状态管理。\n */\nexport function useUploadCore(props: UploadProps) {\n  // ─── 响应式 Props 引用 ────────────────────────\n\n  const action = computed(() => props.action ?? \"\");\n  const headers = computed(() => props.headers ?? {});\n  const data = computed(() => props.data ?? {});\n  const chunkSize = computed(() => props.chunkSize ?? DEFAULT_CHUNK_SIZE);\n  const concurrency = computed(() => props.concurrency ?? DEFAULT_CONCURRENCY);\n  const customRequest = computed(() => props.customRequest);\n  const instantCheck = computed(() => props.instantCheck);\n  const uploadedChunksQuery = computed(() => props.uploadedChunksQuery);\n  const mergeChunks = computed(() => props.mergeChunks);\n\n  // ─── 文件列表 ────────────────────────────────\n\n  const fileList = ref<UploadFileItem[]>([...(props.defaultFileList ?? [])]);\n  const pausedSet = reactive(new Set<string>());\n\n  // ─── 子 composable ───────────────────────────\n\n  const { hashing, hashProgress, calculateHash } = useFileHash(chunkSize);\n\n  const chunkUploader = useChunkUpload({\n    chunkSize,\n    concurrency,\n    action,\n    headers,\n    data,\n    customRequest,\n    uploadedChunksQuery,\n    mergeChunks,\n  });\n\n  const uploadQueue = useUploadQueue({\n    concurrency,\n    action,\n    headers,\n    data,\n    customRequest,\n  });\n\n  // ─── 总进度 ──────────────────────────────────\n\n  const totalPercent = computed(() => {\n    const list = fileList.value;\n    if (list.length === 0) return 0;\n    const total = list.reduce((sum, f) => sum + f.percent, 0);\n    return Math.round(total / list.length);\n  });\n\n  // ─── 文件操作 ────────────────────────────────\n\n  /** 生成唯一 ID */\n  function generateUid(): string {\n    return `upload-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n  }\n\n  /** 创建缩略图 */\n  function createThumbnail(file: File): string | undefined {\n    if (file.type.startsWith(\"image/\")) {\n      return URL.createObjectURL(file);\n    }\n    return undefined;\n  }\n\n  /** 添加文件到列表 */\n  function addFiles(files: File[]): UploadFileItem[] {\n    const items: UploadFileItem[] = [];\n\n    for (const file of files) {\n      // 数量限制\n      if (\n        props.maxCount &&\n        fileList.value.length + items.length >= props.maxCount\n      ) {\n        break;\n      }\n\n      const item: UploadFileItem = {\n        uid: generateUid(),\n        name: file.name,\n        size: file.size,\n        type: file.type,\n        status: \"pending\",\n        percent: 0,\n        raw: file,\n        thumbUrl: createThumbnail(file),\n      };\n\n      items.push(item);\n    }\n\n    fileList.value.push(...items);\n    return items;\n  }\n\n  /** 更新文件状态 */\n  function updateFile(uid: string, patch: Partial<UploadFileItem>) {\n    const file = fileList.value.find((f) => f.uid === uid);\n    if (file) Object.assign(file, patch);\n  }\n\n  /** 移除文件 */\n  function removeFile(uid: string) {\n    chunkUploader.abortUpload(uid);\n    uploadQueue.abort(uid);\n    pausedSet.delete(uid);\n\n    const idx = fileList.value.findIndex((f) => f.uid === uid);\n    if (idx !== -1) {\n      const file = fileList.value[idx];\n      if (file.thumbUrl) URL.revokeObjectURL(file.thumbUrl);\n      fileList.value.splice(idx, 1);\n    }\n  }\n\n  /** 清空所有 */\n  function clearAll() {\n    chunkUploader.abortAll();\n    uploadQueue.abortAll();\n    pausedSet.clear();\n\n    fileList.value.forEach((f) => {\n      if (f.thumbUrl) URL.revokeObjectURL(f.thumbUrl);\n    });\n    fileList.value = [];\n  }\n\n  // ─── 上传流程 ────────────────────────────────\n\n  /** 校验单文件 */\n  async function validateFile(file: File): Promise<boolean> {\n    // 大小校验\n    if (props.maxSize && file.size > props.maxSize) {\n      return false;\n    }\n\n    // 自定义 beforeUpload\n    if (props.beforeUpload) {\n      const result = await props.beforeUpload(file);\n      return result !== false;\n    }\n\n    return true;\n  }\n\n  /** 上传单个文件 */\n  async function processFile(item: UploadFileItem) {\n    if (!item.raw) return\n\n    // 前置校验\n    const valid = await validateFile(item.raw)\n    if (!valid) {\n      updateFile(item.uid, { status: 'error', error: '文件校验未通过' })\n      return\n    }\n\n    // 秒传检查（所有模式均支持，只要提供了 instantCheck）\n    if (instantCheck.value && !item.hash) {\n      updateFile(item.uid, { status: 'hashing' })\n      try {\n        const hash = await calculateHash(item.raw)\n        updateFile(item.uid, { hash })\n        const result = await instantCheck.value(hash, item.raw.name)\n        if (result.exists) {\n          updateFile(item.uid, {\n            status: 'instant',\n            percent: 100,\n            url: result.url,\n          })\n          return\n        }\n      } catch {\n        // 秒传检查失败，继续正常上传\n      }\n    }\n\n    // 分片模式\n    if (props.chunked && item.raw.size > chunkSize.value) {\n      await processChunkedUpload(item)\n    } else {\n      processNormalUpload(item)\n    }\n  }\n\n  /** 分片上传流程 */\n  async function processChunkedUpload(item: UploadFileItem) {\n    const file = item.raw!\n\n    // 1. 计算 hash（如果秒传检查已计算则复用）\n    let hash = item.hash\n    if (!hash) {\n      updateFile(item.uid, { status: 'hashing' })\n      try {\n        hash = await calculateHash(file)\n        updateFile(item.uid, { hash })\n      } catch {\n        updateFile(item.uid, { status: 'error', error: 'Hash 计算失败' })\n        return\n      }\n    }\n\n    // 2. 秒传检查（如果 processFile 未提前检查）\n    if (instantCheck.value && item.status !== 'instant') {\n      try {\n        const result = await instantCheck.value(hash, file.name)\n        if (result.exists) {\n          updateFile(item.uid, {\n            status: 'instant',\n            percent: 100,\n            url: result.url,\n          })\n          return\n        }\n      } catch {\n        // 秒传检查失败，继续正常上传\n      }\n    }\n\n    // 3. 分片上传\n    updateFile(item.uid, { status: 'uploading' })\n\n    await chunkUploader.uploadChunks({\n      uid: item.uid,\n      file,\n      hash,\n      onProgress: (progress: ChunkProgress) => {\n        const percent = Math.round(\n          (progress.uploadedBytes / progress.totalBytes) * 100\n        )\n        updateFile(item.uid, { percent, chunkProgress: progress })\n      },\n      onSuccess: (response: any) => {\n        updateFile(item.uid, { status: 'success', percent: 100, response })\n      },\n      onError: (error: Error) => {\n        updateFile(item.uid, { status: 'error', error: error.message })\n      },\n      isPaused: () => pausedSet.has(item.uid),\n    })\n  }\n\n  /** 普通上传 */\n  function processNormalUpload(item: UploadFileItem) {\n    updateFile(item.uid, { status: \"uploading\" });\n\n    uploadQueue.enqueue(\n      item,\n      (uid, percent) => {\n        updateFile(uid, { percent });\n      },\n      (uid, response) => {\n        updateFile(uid, { status: \"success\", percent: 100, response });\n      },\n      (uid, error) => {\n        updateFile(uid, { status: \"error\", error: error.message });\n      },\n    );\n  }\n\n  /** 开始上传（上传所有 pending 文件） */\n  function startUpload() {\n    const pending = fileList.value.filter((f) => f.status === \"pending\");\n    pending.forEach(processFile);\n  }\n\n  /** 暂停所有 */\n  function pauseAll() {\n    fileList.value.forEach((f) => {\n      if (f.status === \"uploading\" || f.status === \"hashing\") {\n        pausedSet.add(f.uid);\n        updateFile(f.uid, { status: \"paused\" });\n      }\n    });\n  }\n\n  /** 恢复所有 */\n  function resumeAll() {\n    fileList.value.forEach((f) => {\n      if (f.status === \"paused\") {\n        pausedSet.delete(f.uid);\n        updateFile(f.uid, { status: \"pending\" });\n      }\n    });\n    startUpload();\n  }\n\n  /** 重试单个文件 */\n  function retryFile(uid: string) {\n    const file = fileList.value.find((f) => f.uid === uid);\n    if (file && file.status === \"error\") {\n      updateFile(uid, { status: \"pending\", percent: 0, error: undefined });\n      processFile(file);\n    }\n  }\n\n  /** 获取成功列表 */\n  function getSuccessList(): UploadFileItem[] {\n    return fileList.value.filter(\n      (f) => f.status === \"success\" || f.status === \"instant\",\n    );\n  }\n\n  // 清理 ObjectURL\n  onBeforeUnmount(() => {\n    fileList.value.forEach((f) => {\n      if (f.thumbUrl) URL.revokeObjectURL(f.thumbUrl);\n    });\n  });\n\n  return {\n    /** 文件列表 */\n    fileList,\n    /** 总进度 */\n    totalPercent,\n    /** 正在计算 hash */\n    hashing,\n    /** hash 进度 */\n    hashProgress,\n\n    /** 添加文件 */\n    addFiles,\n    /** 移除文件 */\n    removeFile,\n    /** 清空所有 */\n    clearAll,\n    /** 开始上传 */\n    startUpload,\n    /** 暂停所有 */\n    pauseAll,\n    /** 恢复所有 */\n    resumeAll,\n    /** 重试 */\n    retryFile,\n    /** 处理单文件 */\n    processFile,\n    /** 获取成功列表 */\n    getSuccessList,\n  };\n}\n","/**\r\n * 拖拽 & 粘贴上传\r\n */\r\n\r\nimport { ref, readonly, watch, onMounted, onBeforeUnmount, type Ref } from 'vue'\r\n\r\n/**\r\n * 拖拽 & 粘贴上传\r\n *\r\n * 监听容器的 dragover / drop / paste 事件，\r\n * 提取文件（含目录遍历）后回调给上层。\r\n *\r\n * @param containerRef  容器 DOM\r\n * @param enabled       是否启用拖拽\r\n * @param pasteable     是否启用粘贴\r\n * @param accept        文件类型限制\r\n * @param onFiles       文件回调\r\n */\r\nexport function useDragDrop(\r\n  containerRef: Ref<HTMLElement | undefined>,\r\n  enabled: Ref<boolean>,\r\n  pasteable: Ref<boolean>,\r\n  accept: Ref<string>,\r\n  onFiles: (files: File[]) => void\r\n) {\r\n  /** 是否正在拖拽悬停 */\r\n  const isDragOver = ref(false)\r\n\r\n  // ─── 拖拽事件 ─────────────────────────────────\r\n\r\n  /** 处理拖入事件 */\r\n  function handleDragEnter(e: DragEvent) {\r\n    if (!enabled.value) return\r\n    e.preventDefault()\r\n    isDragOver.value = true\r\n  }\r\n\r\n  /** 处理拖拽经过事件 */\r\n  function handleDragOver(e: DragEvent) {\r\n    if (!enabled.value) return\r\n    e.preventDefault()\r\n    isDragOver.value = true\r\n  }\r\n\r\n  /** 处理拖离事件 */\r\n  function handleDragLeave(e: DragEvent) {\r\n    if (!enabled.value) return\r\n    e.preventDefault()\r\n    const container = containerRef.value\r\n    if (container && !container.contains(e.relatedTarget as Node)) {\r\n      isDragOver.value = false\r\n    }\r\n  }\r\n\r\n  /** 处理放置事件 */\r\n  async function handleDrop(e: DragEvent) {\r\n    if (!enabled.value) return\r\n    e.preventDefault()\r\n    isDragOver.value = false\r\n\r\n    const items = e.dataTransfer?.items\r\n    if (!items) return\r\n\r\n    const files = await collectDropFiles(items, e.dataTransfer)\r\n    const filtered = filterByAccept(files, accept.value)\r\n    if (filtered.length > 0) onFiles(filtered)\r\n  }\r\n\r\n  // ─── 粘贴事件 ─────────────────────────────────\r\n\r\n  /** 粘贴事件 */\r\n  function handlePaste(e: ClipboardEvent) {\r\n    if (!pasteable.value) return\r\n\r\n    const items = e.clipboardData?.items\r\n    if (!items) return\r\n\r\n    const files: File[] = []\r\n    for (let i = 0; i < items.length; i++) {\r\n      const item = items[i]\r\n      if (item.kind === 'file') {\r\n        const file = item.getAsFile()\r\n        if (file) files.push(file)\r\n      }\r\n    }\r\n\r\n    const filtered = filterByAccept(files, accept.value)\r\n    if (filtered.length > 0) {\r\n      e.preventDefault()\r\n      onFiles(filtered)\r\n    }\r\n  }\r\n\r\n  // ─── 生命周期绑定 ─────────────────────────────\r\n\r\n  /** 绑定事件 */\r\n  function bindEvents() {\r\n    const el = containerRef.value\r\n    if (!el) return\r\n\r\n    el.addEventListener('dragenter', handleDragEnter)\r\n    el.addEventListener('dragover', handleDragOver)\r\n    el.addEventListener('dragleave', handleDragLeave)\r\n    el.addEventListener('drop', handleDrop)\r\n\r\n    if (pasteable.value) {\r\n      document.addEventListener('paste', handlePaste)\r\n    }\r\n  }\r\n\r\n  /** 解绑事件 */\r\n  function unbindEvents() {\r\n    const el = containerRef.value\r\n    if (el) {\r\n      el.removeEventListener('dragenter', handleDragEnter)\r\n      el.removeEventListener('dragover', handleDragOver)\r\n      el.removeEventListener('dragleave', handleDragLeave)\r\n      el.removeEventListener('drop', handleDrop)\r\n    }\r\n    document.removeEventListener('paste', handlePaste)\r\n  }\r\n\r\n  onMounted(bindEvents)\r\n  onBeforeUnmount(unbindEvents)\r\n\r\n  watch([containerRef, enabled, pasteable], () => {\r\n    unbindEvents()\r\n    bindEvents()\r\n  })\r\n\r\n  return {\r\n    /** 是否正在拖拽悬停 */\r\n    isDragOver: readonly(isDragOver),\r\n  }\r\n}\r\n\r\n// ─── 工具函数 ────────────────────────────────\r\n\r\n/** 从 drop 事件收集文件（含目录遍历） */\r\nasync function collectDropFiles(\r\n  items: DataTransferItemList,\r\n  dataTransfer: DataTransfer | null\r\n): Promise<File[]> {\r\n  const entries: FileSystemEntry[] = []\r\n  for (let i = 0; i < items.length; i++) {\r\n    const entry = items[i].webkitGetAsEntry?.()\r\n    if (entry) entries.push(entry)\r\n  }\r\n\r\n  if (entries.length > 0) {\r\n    const results = await Promise.all(entries.map(readEntry))\r\n    return results.flat()\r\n  }\r\n\r\n  const files: File[] = []\r\n  const dtFiles = dataTransfer?.files\r\n  if (dtFiles) {\r\n    for (let i = 0; i < dtFiles.length; i++) {\r\n      files.push(dtFiles[i])\r\n    }\r\n  }\r\n  return files\r\n}\r\n\r\n/** 递归读取 FileSystemEntry */\r\nasync function readEntry(entry: FileSystemEntry): Promise<File[]> {\r\n  if (entry.isFile) {\r\n    return new Promise(resolve => {\r\n      ;(entry as FileSystemFileEntry).file(\r\n        file => resolve([file]),\r\n        () => resolve([])\r\n      )\r\n    })\r\n  }\r\n\r\n  if (entry.isDirectory) {\r\n    const reader = (entry as FileSystemDirectoryEntry).createReader()\r\n    const entries = await new Promise<FileSystemEntry[]>(resolve => {\r\n      reader.readEntries(\r\n        result => resolve(result),\r\n        () => resolve([])\r\n      )\r\n    })\r\n    const results = await Promise.all(entries.map(readEntry))\r\n    return results.flat()\r\n  }\r\n\r\n  return []\r\n}\r\n\r\n/** 根据 accept 过滤文件 */\r\nfunction filterByAccept(files: File[], accept: string): File[] {\r\n  if (!accept) return files\r\n\r\n  const acceptTypes = accept.split(',').map(s => s.trim().toLowerCase())\r\n\r\n  return files.filter(file => {\r\n    return acceptTypes.some(type => {\r\n      if (type.startsWith('.')) {\r\n        // 扩展名匹配\r\n        return file.name.toLowerCase().endsWith(type)\r\n      }\r\n      if (type.endsWith('/*')) {\r\n        // MIME 前缀匹配 (image/*, video/*)\r\n        const prefix = type.replace('/*', '')\r\n        return file.type.toLowerCase().startsWith(prefix)\r\n      }\r\n      // 精确 MIME 匹配\r\n      return file.type.toLowerCase() === type\r\n    })\r\n  })\r\n}\r\n","<template>\r\n  <div\r\n    ref=\"areaRef\"\r\n    class=\"upload-area\"\r\n    :class=\"{\r\n      'upload-area--drag-over': isDragOver,\r\n      'upload-area--disabled': disabled,\r\n    }\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <input\r\n      ref=\"inputRef\"\r\n      type=\"file\"\r\n      class=\"upload-area__input\"\r\n      :accept=\"accept\"\r\n      :multiple=\"multiple\"\r\n      :webkitdirectory=\"directory || undefined\"\r\n      @change=\"handleInputChange\"\r\n    />\r\n\r\n    <slot>\r\n      <div class=\"upload-area__default\">\r\n        <C_Icon\r\n          :name=\"\r\n            isDragOver\r\n              ? 'mdi:cloud-download-outline'\r\n              : 'mdi:cloud-upload-outline'\r\n          \"\r\n          class=\"upload-area__icon\"\r\n        />\r\n        <div class=\"upload-area__text\">\r\n          <span v-if=\"isDragOver\">释放文件到此处</span>\r\n          <span v-else>\r\n            点击或拖拽文件到此区域上传\r\n            <template v-if=\"pasteable\">\r\n              ，支持 <kbd>Ctrl+V</kbd> 粘贴\r\n            </template>\r\n          </span>\r\n        </div>\r\n        <div v-if=\"tip\" class=\"upload-area__tip\">\r\n          {{ tip }}\r\n        </div>\r\n      </div>\r\n    </slot>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed } from \"vue\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport { useDragDrop } from \"../composables/useDragDrop\";\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** 接受的文件类型 */\r\n    accept?: string;\r\n    /** 是否多选 */\r\n    multiple?: boolean;\r\n    /** 是否目录 */\r\n    directory?: boolean;\r\n    /** 是否禁用 */\r\n    disabled?: boolean;\r\n    /** 是否启用拖拽 */\r\n    draggable?: boolean;\r\n    /** 是否启用粘贴 */\r\n    pasteable?: boolean;\r\n    /** 提示文本 */\r\n    tip?: string;\r\n  }>(),\r\n  {\r\n    accept: \"\",\r\n    multiple: false,\r\n    directory: false,\r\n    disabled: false,\r\n    draggable: true,\r\n    pasteable: false,\r\n    tip: \"\",\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  files: [files: File[]];\r\n}>();\r\n\r\nconst areaRef = ref<HTMLElement>();\r\nconst inputRef = ref<HTMLInputElement>();\r\n\r\n// 拖拽 & 粘贴\r\nconst { isDragOver } = useDragDrop(\r\n  areaRef,\r\n  computed(() => props.draggable && !props.disabled),\r\n  computed(() => props.pasteable && !props.disabled),\r\n  computed(() => props.accept),\r\n  (files) => emit(\"files\", files),\r\n);\r\n\r\n/** 点击触发文件选择 */\r\nfunction handleClick() {\r\n  if (props.disabled) return;\r\n  inputRef.value?.click();\r\n}\r\n\r\n/** input change */\r\nfunction handleInputChange(e: Event) {\r\n  const input = e.target as HTMLInputElement;\r\n  const files = Array.from(input.files ?? []);\r\n  if (files.length > 0) {\r\n    emit(\"files\", files);\r\n  }\r\n  // 清空 input 以允许重复选择同一文件\r\n  input.value = \"\";\r\n}\r\n\r\n/** 暴露触发方法 */\r\ndefineExpose({\r\n  triggerSelect: handleClick,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.upload-area {\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  padding: 32px 24px;\r\n  border: 2px dashed var(--border-color);\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  background: var(--card-color);\r\n  transition: all 0.25s ease;\r\n  text-align: center;\r\n\r\n  &:hover:not(.upload-area--disabled) {\r\n    border-color: var(--primary-color);\r\n    background: color-mix(in srgb, var(--primary-color) 4%, var(--card-color));\r\n  }\r\n\r\n  &--drag-over {\r\n    border-color: var(--primary-color);\r\n    border-style: solid;\r\n    background: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\r\n\r\n    .upload-area__icon {\r\n      color: var(--primary-color);\r\n      transform: scale(1.1);\r\n    }\r\n  }\r\n\r\n  &--disabled {\r\n    cursor: not-allowed;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  &__input {\r\n    display: none;\r\n  }\r\n\r\n  &__default {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    align-items: center;\r\n  }\r\n\r\n  &__icon {\r\n    font-size: 48px;\r\n    color: var(--text-color-3);\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  &__text {\r\n    font-size: 14px;\r\n    color: var(--text-color-2);\r\n    line-height: 1.6;\r\n\r\n    kbd {\r\n      padding: 1px 5px;\r\n      font-size: 12px;\r\n      border: 1px solid var(--border-color);\r\n      border-radius: 3px;\r\n      background: var(--body-color);\r\n    }\r\n  }\r\n\r\n  &__tip {\r\n    font-size: 12px;\r\n    color: var(--text-color-4);\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <TransitionGroup name=\"file-list\" tag=\"div\" class=\"file-list\">\r\n    <div\r\n      v-for=\"file in fileList\"\r\n      :key=\"file.uid\"\r\n      class=\"file-list__item\"\r\n      :class=\"`file-list__item--${file.status}`\"\r\n    >\r\n      <!-- 缩略图 / 图标 -->\r\n      <div class=\"file-list__thumb\">\r\n        <img\r\n          v-if=\"showThumbnail && file.thumbUrl\"\r\n          :src=\"file.thumbUrl\"\r\n          :alt=\"file.name\"\r\n          class=\"file-list__thumb-img\"\r\n        />\r\n        <C_Icon\r\n          v-else\r\n          :name=\"getFileIcon(file.type)\"\r\n          class=\"file-list__thumb-icon\"\r\n        />\r\n      </div>\r\n\r\n      <!-- 文件信息 -->\r\n      <div class=\"file-list__info\">\r\n        <div class=\"file-list__name\">\r\n          <NEllipsis :line-clamp=\"1\">\r\n            {{ file.name }}\r\n          </NEllipsis>\r\n        </div>\r\n        <div class=\"file-list__meta\">\r\n          <span class=\"file-list__size\">{{ formatFileSize(file.size) }}</span>\r\n          <NTag\r\n            :type=\"(STATUS_TYPE[file.status] as any) || 'default'\"\r\n            size=\"tiny\"\r\n            :bordered=\"false\"\r\n          >\r\n            {{ STATUS_TEXT[file.status] || file.status }}\r\n          </NTag>\r\n          <span v-if=\"file.status === 'instant'\" class=\"file-list__instant\">\r\n            ⚡\r\n          </span>\r\n        </div>\r\n\r\n        <!-- 进度条 -->\r\n        <NProgress\r\n          v-if=\"file.status === 'uploading' || file.status === 'hashing'\"\r\n          :percentage=\"file.status === 'hashing' ? hashProgress : file.percent\"\r\n          :height=\"4\"\r\n          :border-radius=\"2\"\r\n          :show-indicator=\"false\"\r\n          :status=\"file.status === 'hashing' ? 'info' : 'success'\"\r\n        />\r\n\r\n        <!-- 分片进度描述 -->\r\n        <div\r\n          v-if=\"file.chunkProgress && file.status === 'uploading'\"\r\n          class=\"file-list__chunk-info\"\r\n        >\r\n          分片 {{ file.chunkProgress.uploadedChunks }}/{{\r\n            file.chunkProgress.totalChunks\r\n          }}\r\n        </div>\r\n\r\n        <!-- 错误信息 -->\r\n        <div\r\n          v-if=\"file.status === 'error' && file.error\"\r\n          class=\"file-list__error\"\r\n        >\r\n          {{ file.error }}\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 操作按钮 -->\r\n      <div class=\"file-list__actions\">\r\n        <NButton\r\n          v-if=\"file.status === 'error'\"\r\n          text\r\n          type=\"warning\"\r\n          size=\"tiny\"\r\n          @click=\"emit('retry', file.uid)\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:refresh\" />\r\n          </template>\r\n        </NButton>\r\n        <NButton\r\n          text\r\n          type=\"error\"\r\n          size=\"tiny\"\r\n          @click=\"emit('remove', file.uid)\"\r\n        >\r\n          <template #icon>\r\n            <C_Icon name=\"mdi:close\" />\r\n          </template>\r\n        </NButton>\r\n      </div>\r\n    </div>\r\n  </TransitionGroup>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NProgress, NButton, NTag, NEllipsis } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { UploadFileItem } from \"../types\";\r\nimport {\r\n  STATUS_TEXT,\r\n  STATUS_TYPE,\r\n  getFileIcon,\r\n  formatFileSize,\r\n} from \"../constants\";\r\n\r\ndefineProps<{\r\n  /** 文件列表 */\r\n  fileList: UploadFileItem[];\r\n  /** 是否显示缩略图 */\r\n  showThumbnail?: boolean;\r\n  /** hash 进度（全局共享） */\r\n  hashProgress?: number;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  remove: [uid: string];\r\n  retry: [uid: string];\r\n}>();\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.file-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  margin-top: 12px;\r\n\r\n  &__item {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    padding: 10px 12px;\r\n    border-radius: 8px;\r\n    border: 1px solid var(--border-color);\r\n    background: var(--card-color);\r\n    transition: all 0.25s ease;\r\n\r\n    &:hover {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--primary-color) 40%,\r\n        var(--border-color)\r\n      );\r\n      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);\r\n    }\r\n\r\n    &--error {\r\n      border-color: var(--error-color);\r\n      background: color-mix(in srgb, var(--error-color) 4%, var(--card-color));\r\n    }\r\n\r\n    &--success,\r\n    &--instant {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--success-color) 30%,\r\n        var(--border-color)\r\n      );\r\n    }\r\n  }\r\n\r\n  &__thumb {\r\n    flex-shrink: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--body-color);\r\n  }\r\n\r\n  &__thumb-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  &__thumb-icon {\r\n    font-size: 22px;\r\n    color: var(--text-color-3);\r\n  }\r\n\r\n  &__info {\r\n    flex: 1;\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  &__name {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: var(--text-color-1);\r\n  }\r\n\r\n  &__meta {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n    font-size: 12px;\r\n  }\r\n\r\n  &__size {\r\n    color: var(--text-color-3);\r\n  }\r\n\r\n  &__instant {\r\n    font-size: 14px;\r\n  }\r\n\r\n  &__chunk-info {\r\n    font-size: 11px;\r\n    color: var(--text-color-4);\r\n  }\r\n\r\n  &__error {\r\n    font-size: 12px;\r\n    color: var(--error-color);\r\n  }\r\n\r\n  &__actions {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    gap: 4px;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n/* ─── 过渡动画 ─────────────────────────────── */\r\n\r\n.file-list-enter-active,\r\n.file-list-leave-active {\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.file-list-enter-from {\r\n  opacity: 0;\r\n  transform: translateX(-20px);\r\n}\r\n\r\n.file-list-leave-to {\r\n  opacity: 0;\r\n  transform: translateX(20px);\r\n}\r\n\r\n.file-list-move {\r\n  transition: transform 0.3s ease;\r\n}\r\n</style>\r\n","<template>\r\n  <div v-if=\"imageFiles.length > 0\" class=\"image-preview\">\r\n    <div\r\n      v-for=\"file in imageFiles\"\r\n      :key=\"file.uid\"\r\n      class=\"image-preview__item\"\r\n      :class=\"`image-preview__item--${file.status}`\"\r\n    >\r\n      <img\r\n        v-if=\"file.thumbUrl\"\r\n        :src=\"file.thumbUrl\"\r\n        :alt=\"file.name\"\r\n        class=\"image-preview__img\"\r\n      />\r\n\r\n      <!-- 遮罩层 -->\r\n      <div class=\"image-preview__overlay\">\r\n        <!-- 上传中进度 -->\r\n        <div\r\n          v-if=\"file.status === 'uploading' || file.status === 'hashing'\"\r\n          class=\"image-preview__progress\"\r\n        >\r\n          <NProgress\r\n            type=\"circle\"\r\n            :percentage=\"file.percent\"\r\n            :stroke-width=\"3\"\r\n            style=\"width: 40px\"\r\n          />\r\n        </div>\r\n\r\n        <!-- 状态图标 -->\r\n        <C_Icon\r\n          v-else-if=\"file.status === 'success' || file.status === 'instant'\"\r\n          name=\"mdi:check-circle\"\r\n          class=\"image-preview__status-icon image-preview__status-icon--success\"\r\n        />\r\n        <C_Icon\r\n          v-else-if=\"file.status === 'error'\"\r\n          name=\"mdi:alert-circle\"\r\n          class=\"image-preview__status-icon image-preview__status-icon--error\"\r\n        />\r\n\r\n        <!-- 操作 -->\r\n        <div class=\"image-preview__actions\">\r\n          <NButton\r\n            v-if=\"file.status === 'error'\"\r\n            circle\r\n            size=\"tiny\"\r\n            type=\"warning\"\r\n            @click=\"emit('retry', file.uid)\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" />\r\n            </template>\r\n          </NButton>\r\n          <NButton\r\n            circle\r\n            size=\"tiny\"\r\n            type=\"error\"\r\n            @click=\"emit('remove', file.uid)\"\r\n          >\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:close\" />\r\n            </template>\r\n          </NButton>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 文件名 -->\r\n      <div class=\"image-preview__name\">\r\n        <NEllipsis :line-clamp=\"1\">\r\n          {{ file.name }}\r\n        </NEllipsis>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { NProgress, NButton, NEllipsis } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { UploadFileItem } from \"../types\";\r\n\r\nconst props = defineProps<{\r\n  /** 文件列表 */\r\n  fileList: UploadFileItem[];\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n  remove: [uid: string];\r\n  retry: [uid: string];\r\n}>();\r\n\r\n/** 过滤出图片文件 */\r\nconst imageFiles = computed(() =>\r\n  props.fileList.filter((f) => f.type?.startsWith(\"image/\")),\r\n);\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.image-preview {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n  gap: 10px;\r\n  margin-top: 12px;\r\n\r\n  &__item {\r\n    position: relative;\r\n    aspect-ratio: 1;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--border-color);\r\n    background: var(--body-color);\r\n\r\n    &--error {\r\n      border-color: var(--error-color);\r\n    }\r\n\r\n    &--success,\r\n    &--instant {\r\n      border-color: color-mix(\r\n        in srgb,\r\n        var(--success-color) 30%,\r\n        var(--border-color)\r\n      );\r\n    }\r\n\r\n    &:hover .image-preview__overlay {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &__img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  &__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    background: rgba(0, 0, 0, 0.45);\r\n    opacity: 0;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  /* 上传中始终显示遮罩 */\r\n  &__item--uploading .image-preview__overlay,\r\n  &__item--hashing .image-preview__overlay,\r\n  &__item--error .image-preview__overlay {\r\n    opacity: 1;\r\n  }\r\n\r\n  &__progress {\r\n    :deep(.n-progress) {\r\n      --n-fill-color: #fff;\r\n    }\r\n  }\r\n\r\n  &__status-icon {\r\n    font-size: 28px;\r\n\r\n    &--success {\r\n      color: var(--success-color);\r\n    }\r\n\r\n    &--error {\r\n      color: var(--error-color);\r\n    }\r\n  }\r\n\r\n  &__actions {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n\r\n  &__name {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 2px 6px;\r\n    font-size: 11px;\r\n    color: #fff;\r\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));\r\n    text-align: center;\r\n  }\r\n}\r\n</style>\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-27\n * @Description: 增强型上传组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-upload\">\n    <!-- 上传区域 -->\n    <UploadArea\n      ref=\"uploadAreaRef\"\n      :accept=\"props.accept\"\n      :multiple=\"props.multiple\"\n      :directory=\"props.directory\"\n      :disabled=\"props.disabled\"\n      :draggable=\"props.draggable\"\n      :pasteable=\"props.pasteable\"\n      :tip=\"props.tip\"\n      @files=\"handleFiles\"\n    >\n      <slot name=\"area\" />\n    </UploadArea>\n\n    <!-- 总进度条 -->\n    <div v-if=\"showTotalProgress\" class=\"c-upload__total-progress\">\n      <div class=\"c-upload__total-label\">\n        <span>总进度</span>\n        <span>{{ totalPercent }}%</span>\n      </div>\n      <NProgress\n        :percentage=\"totalPercent\"\n        :height=\"6\"\n        :border-radius=\"3\"\n        :show-indicator=\"false\"\n        status=\"success\"\n      />\n    </div>\n\n    <!-- 图片预览模式 -->\n    <ImagePreview\n      v-if=\"props.listType === 'image'\"\n      :file-list=\"fileList\"\n      @remove=\"handleRemove\"\n      @retry=\"handleRetry\"\n    />\n\n    <!-- 文件列表模式 -->\n    <FileList\n      v-else-if=\"props.showFileList && fileList.length > 0\"\n      :file-list=\"fileList\"\n      :show-thumbnail=\"props.showThumbnail\"\n      :hash-progress=\"hashProgress\"\n      @remove=\"handleRemove\"\n      @retry=\"handleRetry\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch } from \"vue\";\nimport { NProgress } from \"naive-ui\";\nimport type { UploadProps, UploadExpose, UploadFileItem } from \"./types\";\nimport { DEFAULT_CHUNK_SIZE, DEFAULT_CONCURRENCY } from \"./constants\";\nimport { useUploadCore } from \"./composables/useUploadCore\";\nimport UploadArea from \"./components/UploadArea.vue\";\nimport FileList from \"./components/FileList.vue\";\nimport ImagePreview from \"./components/ImagePreview.vue\";\n\nconst props = withDefaults(defineProps<UploadProps>(), {\n  action: \"\",\n  headers: () => ({}),\n  data: () => ({}),\n  multiple: false,\n  directory: false,\n  accept: \"\",\n  maxSize: 0,\n  maxCount: 0,\n  disabled: false,\n  draggable: true,\n  pasteable: false,\n  chunked: false,\n  chunkSize: DEFAULT_CHUNK_SIZE,\n  concurrency: DEFAULT_CONCURRENCY,\n  showFileList: true,\n  listType: \"text\",\n  showThumbnail: true,\n  tip: \"\",\n  defaultFileList: () => [],\n});\n\nconst emit = defineEmits<{\n  change: [fileList: UploadFileItem[]];\n  success: [file: UploadFileItem, response: any];\n  error: [file: UploadFileItem, error: Error];\n  progress: [file: UploadFileItem, percent: number];\n  remove: [file: UploadFileItem];\n  finish: [fileList: UploadFileItem[]];\n  exceed: [files: File[], fileList: UploadFileItem[]];\n}>();\n\nconst uploadAreaRef = ref<InstanceType<typeof UploadArea>>();\n\nconst {\n  fileList,\n  totalPercent,\n  hashProgress,\n  addFiles,\n  removeFile,\n  clearAll,\n  startUpload,\n  pauseAll,\n  resumeAll,\n  retryFile,\n  processFile,\n  getSuccessList,\n} = useUploadCore(props);\n\n// ─── 是否显示总进度 ──────────────────────────\n\nconst showTotalProgress = computed(() => {\n  return fileList.value.some(\n    (f) => f.status === \"uploading\" || f.status === \"hashing\",\n  );\n});\n\n// ─── 文件接收处理 ─────────────────────────────\n\n/** 处理接收到的文件 */\nfunction handleFiles(files: File[]) {\n  // 数量超限\n  if (props.maxCount && fileList.value.length + files.length > props.maxCount) {\n    emit(\"exceed\", files, fileList.value);\n    const available = props.maxCount - fileList.value.length;\n    if (available <= 0) return;\n    files = files.slice(0, available);\n  }\n\n  // 大小校验过滤\n  if (props.maxSize) {\n    files = files.filter((f) => f.size <= props.maxSize!);\n  }\n\n  const items = addFiles(files);\n  emit(\"change\", fileList.value);\n\n  // 自动上传\n  items.forEach(processFile);\n}\n\n// ─── 移除 & 重试 ─────────────────────────────\n\n/** 移除文件 */\nfunction handleRemove(uid: string) {\n  const file = fileList.value.find((f) => f.uid === uid);\n  if (file) {\n    emit(\"remove\", file);\n    removeFile(uid);\n    emit(\"change\", fileList.value);\n  }\n}\n\n/** 重试上传 */\nfunction handleRetry(uid: string) {\n  retryFile(uid);\n}\n\n// ─── 监听文件状态变化触发事件 ─────────────────\n\nwatch(\n  fileList,\n  (list) => {\n    // 检查是否全部完成\n    const allDone =\n      list.length > 0 &&\n      list.every(\n        (f) =>\n          f.status === \"success\" ||\n          f.status === \"instant\" ||\n          f.status === \"error\",\n      );\n    if (allDone) {\n      emit(\"finish\", list);\n    }\n  },\n  { deep: true },\n);\n\n// ─── Expose ──────────────────────────────────\n\ndefineExpose<UploadExpose>({\n  selectFiles: () => uploadAreaRef.value?.triggerSelect(),\n  startUpload,\n  pauseAll,\n  resumeAll,\n  clearAll: () => {\n    clearAll();\n    emit(\"change\", fileList.value);\n  },\n  removeFile: (uid: string) => {\n    handleRemove(uid);\n  },\n  retryFile,\n  getFileList: () => fileList.value,\n  getSuccessList,\n  /** 总体进度 */\n  get totalPercent() {\n    return totalPercent.value;\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n.c-upload {\n  --c-upload-progress-bg: var(--body-color, #fff);\n  --c-upload-progress-border: var(--border-color, #e5e7eb);\n  --c-upload-progress-radius: 8px;\n  --c-upload-label-color: var(--text-color-3, #999);\n  --c-upload-label-size: 12px;\n\n  width: 100%;\n\n  &__total-progress {\n    margin-top: 12px;\n    padding: 8px 12px;\n    border-radius: var(--c-upload-progress-radius);\n    background: var(--c-upload-progress-bg);\n    border: 1px solid var(--c-upload-progress-border);\n  }\n\n  &__total-label {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 6px;\n    font-size: var(--c-upload-label-size);\n    color: var(--c-upload-label-color);\n  }\n}\n</style>\n"],"mappings":"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"}