@robot-admin/naive-ui-components 0.4.2 → 0.4.4

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    // 分片模式\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    updateFile(item.uid, { status: \"hashing\" });\r\n    let hash: string;\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    // 2. 秒传检查\r\n    if (instantCheck.value) {\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  width: 100%;\r\n\r\n  &__total-progress {\r\n    margin-top: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: 8px;\r\n    background: var(--body-color);\r\n    border: 1px solid var(--border-color);\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: 12px;\r\n    color: var(--text-color-3);\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  width: 100%;\r\n\r\n  &__total-progress {\r\n    margin-top: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: 8px;\r\n    background: var(--body-color);\r\n    border: 1px solid var(--border-color);\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: 12px;\r\n    color: var(--text-color-3);\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  width: 100%;\r\n\r\n  &__total-progress {\r\n    margin-top: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: 8px;\r\n    background: var(--body-color);\r\n    border: 1px solid var(--border-color);\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: 12px;\r\n    color: var(--text-color-3);\r\n  }\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;;AAKA,MAAa,qBAAqB,IAAI,OAAO;;AAG7C,MAAa,sBAAsB;;AAMnC,MAAa,uBAAuB,KAAK,OAAO;;AAGhD,MAAa,cAAsC;CACjD,SAAS;CACT,SAAS;CACT,WAAW;CACX,SAAS;CACT,OAAO;CACP,QAAQ;CACR,SAAS;CACV;;AAGD,MAAa,cAAsC;CACjD,SAAS;CACT,SAAS;CACT,WAAW;CACX,SAAS;CACT,OAAO;CACP,QAAQ;CACR,SAAS;CACV;;AAGD,MAAa,gBAAwC;CACnD,UAAU;CACV,UAAU;CACV,UAAU;CACV,mBAAmB;CACnB,mBAAmB;CACnB,qBAAqB;CACrB,4BAA4B;CAC5B,+DACE;CACF,sBAAsB;CACtB,kEACE;CACF,SAAS;CACT,SAAS;CACV;;AAGD,SAAgB,YAAY,MAAsB;AAChD,MAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,cAAc,CACrD,KAAI,QAAQ,aAAa,KAAK,WAAW,IAAI,CAAE,QAAO;AAExD,QAAO,cAAc;;;AAIvB,SAAgB,eAAe,OAAuB;AACpD,KAAI,UAAU,EAAG,QAAO;CACxB,MAAM,QAAQ;EAAC;EAAK;EAAM;EAAM;EAAM;EAAK;CAC3C,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC;AACtD,QAAO,IAAI,QAAQ,QAAQ,GAAG,QAAQ,IAAI,IAAI,IAAI,EAAE,CAAC,GAAG,MAAM;;;;;;;;;;;;;;;;ACvDhE,SAAgB,YAAY,WAAwB;CAClD,MAAM,UAAU,IAAI,MAAM;CAC1B,MAAM,eAAe,IAAI,EAAE;;;;;;CAO3B,eAAe,cAAc,MAA6B;AACxD,UAAQ,QAAQ;AAChB,eAAa,QAAQ;AAErB,SAAO,IAAI,SAAS,SAAS,WAAW;GAEtC,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;GA0BnB,MAAM,OAAO,UAAU;GACvB,MAAM,SAAiB,EAAE;GACzB,IAAI,SAAS;AACb,UAAO,SAAS,KAAK,MAAM;AACzB,WAAO,KAAK,KAAK,MAAM,QAAQ,SAAS,KAAK,CAAC;AAC9C,cAAU;;AAIZ,OAAI,OAAO,WAAW,aAAa;AACjC,0BAAsB,MAAM,OAAO,CAChC,KAAK,QAAQ,CACb,MAAM,OAAO,CACb,cAAc;AACb,aAAQ,QAAQ;MAChB;AACJ;;AAGF,OAAI;IACF,MAAM,OAAO,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,MAAM,0BAA0B,CAAC;IACvE,MAAM,YAAY,IAAI,gBAAgB,KAAK;IAC3C,MAAM,SAAS,IAAI,OAAO,UAAU;AAEpC,WAAO,aAAa,MAAoB;KACtC,MAAM,EAAE,MAAM,MAAM,YAAY,EAAE;AAClC,SAAI,SAAS,WACX,cAAa,QAAQ;cACZ,SAAS,QAAQ;AAC1B,cAAQ,QAAQ;AAChB,aAAO,WAAW;AAClB,UAAI,gBAAgB,UAAU;AAC9B,cAAQ,KAAK;;;AAIjB,WAAO,gBAAgB;AACrB,aAAQ,QAAQ;AAChB,YAAO,WAAW;AAClB,SAAI,gBAAgB,UAAU;AAE9B,2BAAsB,MAAM,OAAO,CAAC,KAAK,QAAQ,CAAC,MAAM,OAAO;;AAGjE,WAAO,YAAY,EAAE,QAAQ,CAAC;WACxB;AAEN,0BAAsB,MAAM,OAAO,CAChC,KAAK,QAAQ,CACb,MAAM,OAAO,CACb,cAAc;AACb,aAAQ,QAAQ;MAChB;;IAEN;;;CAIJ,eAAe,sBACb,OACA,QACiB;EAEjB,MAAM,QAAQ,KADI,OAAM,OAAO,eAAwB,QAC5B,aAAa;AAExC,OAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;GACtC,MAAM,SAAS,MAAM,OAAO,GAAG,aAAa;AAC5C,SAAM,OAAO,OAAO;AACpB,gBAAa,QAAQ,KAAK,OAAQ,IAAI,KAAK,OAAO,SAAU,IAAI;;AAGlE,UAAQ,QAAQ;AAChB,SAAO,MAAM,KAAK;;AAGpB,QAAO;EAEL,SAAS,SAAS,QAAQ;EAE1B,cAAc,SAAS,aAAa;EAEpC;EACD;;;;;;;;;;ACnGH,SAAgB,eAAe,SAAgC;;CAE7D,MAAM,2BAAW,IAAI,KAA6B;;;;CAKlD,SAAS,aAAa,MAA2B;EAC/C,MAAM,OAAO,QAAQ,UAAU;EAC/B,MAAM,SAAwB,EAAE;EAChC,IAAI,QAAQ;EACZ,IAAI,SAAS;AAEb,SAAO,SAAS,KAAK,MAAM;GACzB,MAAM,MAAM,KAAK,IAAI,SAAS,MAAM,KAAK,KAAK;AAC9C,UAAO,KAAK;IACV;IACA,MAAM,KAAK,MAAM,QAAQ,IAAI;IAC7B,MAAM,MAAM;IACZ,UAAU;IACX,CAAC;AACF,YAAS;AACT;;AAGF,SAAO;;;;;CAMT,eAAe,oBAAoB,MAAc,QAAuB;AACtE,MAAI,CAAC,QAAQ,qBAAqB,MAAO;AAEzC,MAAI;GACF,MAAM,WAAW,MAAM,QAAQ,oBAAoB,MAAM,KAAK;AAC9D,QAAK,MAAM,OAAO,UAAU;IAC1B,MAAM,QAAQ,OAAO;AACrB,QAAI,MAAO,OAAM,WAAW;;UAExB;;;;;CAQV,SAAS,kBAAkB,KAWT;AAChB,SAAO,IAAI,SAAe,SAAS,WAAW;GAC5C,MAAM,iBAAuC;IAC3C,QAAQ,QAAQ,OAAO;IACvB,SAAS,QAAQ,QAAQ;IACzB,MAAM;KACJ,GAAG,QAAQ,KAAK;KAChB,MAAM,IAAI;KACV,YAAY,IAAI,MAAM;KACtB,aAAa,IAAI;KACjB,UAAU,IAAI,KAAK;KACpB;IACD,MAAM,IAAI,MAAM;IAChB,UAAU,IAAI,KAAK;IACnB,MAAM,IAAI;IACV,YAAY,IAAI,MAAM;IACtB,aAAa,IAAI;IACjB,kBAAkB;IAGlB,iBAAiB;AACf,SAAI,MAAM,WAAW;AACrB,SAAI,iBAAiB,IAAI,MAAM,KAAK;AACpC,SAAI,WAAW;MACb,gBAAgB,IAAI,OAAO,QAAQ,MAAM,EAAE,SAAS,CAAC;MACrD,aAAa,IAAI;MACjB,eAAe,IAAI,OAChB,QAAQ,MAAM,EAAE,SAAS,CACzB,QAAQ,KAAK,MAAM,MAAM,EAAE,MAAM,EAAE;MACtC,YAAY,IAAI;MACjB,CAAC;AACF,cAAS;;IAEX,UAAU,QAAQ;AAChB,SAAI,UAAU;AACd,YAAO,IAAI;;IAEd;GAED,MAAM,MAAM,QAAQ,eAAe,QAC/B,QAAQ,cAAc,MAAM,eAAe,GAC3C,qBAAqB,eAAe;AACxC,OAAI,iBAAiB,KAAK,IAAI,MAAM;IACpC;;;;;CAMJ,eAAe,aAAa,QAQzB;EACD,MAAM,EAAE,KAAK,MAAM,MAAM,YAAY,WAAW,SAAS,aACvD;EACF,MAAM,SAAS,aAAa,KAAK;EACjC,MAAM,cAAc,OAAO;EAC3B,MAAM,aAAa,KAAK;EACxB,IAAI,gBAAgB;AAGpB,QAAM,oBAAoB,MAAM,OAAO;AACvC,kBAAgB,OACb,QAAQ,MAAM,EAAE,SAAS,CACzB,QAAQ,KAAK,MAAM,MAAM,EAAE,MAAM,EAAE;AAGtC,aAAW;GACT,gBAAgB,OAAO,QAAQ,MAAM,EAAE,SAAS,CAAC;GACjD;GACA;GACA;GACD,CAAC;EAGF,MAAM,gBAAgB,OAAO,QAAQ,MAAM,CAAC,EAAE,SAAS;AAEvD,MAAI,cAAc,WAAW,GAAG;AAE9B,SAAM,eAAe,MAAM,KAAK,MAAM,aAAa,WAAW,QAAQ;AACtE;;EAIF,MAAM,mBAAmC,EAAE;AAC3C,WAAS,IAAI,KAAK,iBAAiB;EAEnC,MAAM,cAAc,QAAQ,YAAY;EACxC,IAAI,UAAU;EACd,IAAI,WAAW;;EAGf,eAAe,aAA4B;AACzC,UAAO,UAAU,cAAc,UAAU,CAAC,YAAY,CAAC,UAAU,EAAE;IACjE,MAAM,QAAQ,cAAc;AAE5B,UAAM,kBAAkB;KACtB;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA,mBAAmB,UAAkB;AACnC,uBAAiB;;KAEnB,gBAAgB;AACd,iBAAW;;KAEd,CAAC;;;EAKN,MAAM,OAAO,MAAM,KACjB,EAAE,QAAQ,KAAK,IAAI,aAAa,cAAc,OAAO,EAAE,QACjD,YAAY,CACnB;AAED,MAAI;AACF,SAAM,QAAQ,IAAI,KAAK;AAEvB,OAAI,CAAC,YAAY,CAAC,UAAU,CAE1B,OAAM,eAAe,MAAM,KAAK,MAAM,aAAa,WAAW,QAAQ;WAEjE,KAAK;AACZ,WAAQ,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;YACpD;AACR,YAAS,OAAO,IAAI;;;;CAKxB,eAAe,eACb,MACA,UACA,aACA,WACA,SACA;AACA,MAAI,QAAQ,aAAa,MACvB,KAAI;AAMF,aALe,MAAM,QAAQ,YAAY,MACvC,MACA,UACA,YACD,CACgB;WACV,KAAK;AACZ,WAAQ,eAAe,QAAQ,sBAAM,IAAI,MAAM,SAAS,CAAC;;MAG3D,WAAU,EAAE,SAAS,mBAAmB,CAAC;;;CAK7C,SAAS,YAAY,KAAa;AAEhC,EADoB,SAAS,IAAI,IAAI,EACxB,SAAS,UAAU,OAAO,CAAC;AACxC,WAAS,OAAO,IAAI;;;CAItB,SAAS,WAAW;AAClB,WAAS,SAAS,gBAAgB;AAChC,eAAY,SAAS,UAAU,OAAO,CAAC;IACvC;AACF,WAAS,OAAO;;AAGlB,QAAO;EACL;EACA;EACA;EACA;EACD;;;AAIH,SAAS,qBAAqB,SAA+B;CAC3D,MAAM,MAAM,IAAI,gBAAgB;AAEhC,KAAI,KAAK,QAAQ,QAAQ,OAAO;AAGhC,KAAI,QAAQ,QACV,QAAO,QAAQ,QAAQ,QAAQ,CAAC,SAAS,CAAC,KAAK,WAAW;AACxD,MAAI,iBAAiB,KAAK,MAAM;GAChC;AAIJ,KAAI,OAAO,iBAAiB,aAAa,MAAM;AAC7C,MAAI,EAAE,iBACJ,SAAQ,aAAa,KAAK,MAAO,EAAE,SAAS,EAAE,QAAS,IAAI,CAAC;GAE9D;AAEF,KAAI,iBAAiB,cAAc;AACjC,MAAI,IAAI,UAAU,OAAO,IAAI,SAAS,KAAK;GACzC,IAAI;AACJ,OAAI;AACF,eAAW,KAAK,MAAM,IAAI,aAAa;WACjC;AACN,eAAW,IAAI;;AAEjB,WAAQ,YAAY,SAAS;QAE7B,SAAQ,0BAAU,IAAI,MAAM,cAAc,IAAI,SAAS,CAAC;GAE1D;AAEF,KAAI,iBAAiB,eAAe;AAClC,UAAQ,0BAAU,IAAI,MAAM,OAAO,CAAC;GACpC;CAEF,MAAM,WAAW,IAAI,UAAU;AAC/B,UAAS,OAAO,QAAQ,QAAQ,MAAM,QAAQ,SAAS;AAEvD,KAAI,QAAQ,KACV,QAAO,QAAQ,QAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,WAAW;AACrD,WAAS,OAAO,KAAK,OAAO,MAAM,CAAC;GACnC;AAGJ,KAAI,KAAK,SAAS;AAElB,QAAO,EACL,aAAa,IAAI,OAAO,EACzB;;;;;;;;;;;;;;AChTH,SAAgB,eAAe,SAAgC;;CAE7D,MAAM,QAA0B,EAAE;;CAElC,MAAM,cAAc,IAAI,EAAE;;CAE1B,MAAM,2BAAW,IAAI,KAAyB;;;;CAK9C,SAAS,QACP,MACA,YACA,WACA,SACA;AACA,QAAM,KAAK,KAAK;AAChB,eAAa,YAAY,WAAW,QAAQ;;;;;CAM9C,SAAS,aACP,YACA,WACA,SACA;AACA,SAAO,YAAY,QAAQ,QAAQ,YAAY,SAAS,MAAM,SAAS,GAAG;GACxE,MAAM,OAAO,MAAM,OAAO;AAC1B,OAAI,CAAC,KAAK,IAAK;AAEf,eAAY;GAEZ,MAAM,iBAAuC;IAC3C,QAAQ,QAAQ,OAAO;IACvB,SAAS,QAAQ,QAAQ;IACzB,MAAM,QAAQ,KAAK;IACnB,MAAM,KAAK;IACX,UAAU,KAAK;IACf,aAAa,YAAY;AACvB,gBAAW,KAAK,KAAK,QAAQ;;IAE/B,YAAY,aAAa;AACvB,iBAAY;AACZ,cAAS,OAAO,KAAK,IAAI;AACzB,eAAU,KAAK,KAAK,SAAS;AAC7B,kBAAa,YAAY,WAAW,QAAQ;;IAE9C,UAAU,UAAU;AAClB,iBAAY;AACZ,cAAS,OAAO,KAAK,IAAI;AACzB,aAAQ,KAAK,KAAK,MAAM;AACxB,kBAAa,YAAY,WAAW,QAAQ;;IAE/C;AAED,OAAI,QAAQ,eAAe,OAAO;IAChC,MAAM,EAAE,UAAU,QAAQ,cAAc,MAAM,eAAe;AAC7D,aAAS,IAAI,KAAK,KAAK,MAAM;UACxB;IACL,MAAM,EAAE,UAAU,eAAe,eAAe;AAChD,aAAS,IAAI,KAAK,KAAK,MAAM;;;;;CAMnC,SAAS,MAAM,KAAa;AAC1B,WAAS,IAAI,IAAI,IAAI;AACrB,WAAS,OAAO,IAAI;EAEpB,MAAM,MAAM,MAAM,WAAW,MAAM,EAAE,QAAQ,IAAI;AACjD,MAAI,QAAQ,GAAI,OAAM,OAAO,KAAK,EAAE;;;CAItC,SAAS,WAAW;AAClB,WAAS,SAAS,OAAO,IAAI,CAAC;AAC9B,WAAS,OAAO;AAChB,QAAM,SAAS;AACf,cAAY,QAAQ;;AAGtB,QAAO;EAEL,aAAa,SAAS,YAAY;EAClC;EACA;EACA;EACD;;;AAIH,SAAS,eAAe,SAA+B;CACrD,MAAM,MAAM,IAAI,gBAAgB;AAChC,KAAI,KAAK,QAAQ,QAAQ,OAAO;AAEhC,KAAI,QAAQ,QACV,QAAO,QAAQ,QAAQ,QAAQ,CAAC,SAAS,CAAC,KAAK,WAAW;AACxD,MAAI,iBAAiB,KAAK,MAAM;GAChC;AAGJ,KAAI,OAAO,iBAAiB,aAAa,MAAM;AAC7C,MAAI,EAAE,iBACJ,SAAQ,aAAa,KAAK,MAAO,EAAE,SAAS,EAAE,QAAS,IAAI,CAAC;GAE9D;AAEF,KAAI,iBAAiB,cAAc;AACjC,MAAI,IAAI,UAAU,OAAO,IAAI,SAAS,KAAK;GACzC,IAAI;AACJ,OAAI;AACF,eAAW,KAAK,MAAM,IAAI,aAAa;WACjC;AACN,eAAW,IAAI;;AAEjB,WAAQ,YAAY,SAAS;QAE7B,SAAQ,0BAAU,IAAI,MAAM,cAAc,IAAI,SAAS,CAAC;GAE1D;AAEF,KAAI,iBAAiB,eAAe;AAClC,UAAQ,0BAAU,IAAI,MAAM,OAAO,CAAC;GACpC;CAEF,MAAM,WAAW,IAAI,UAAU;AAC/B,UAAS,OAAO,QAAQ,QAAQ,MAAc,QAAQ,SAAS;AAE/D,KAAI,QAAQ,KACV,QAAO,QAAQ,QAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,WAAW;AACrD,WAAS,OAAO,KAAK,OAAO,MAAM,CAAC;GACnC;AAGJ,KAAI,KAAK,SAAS;AAElB,QAAO,EAAE,aAAa,IAAI,OAAO,EAAE;;;;;;;;;;;;;;AC1JrC,SAAgB,cAAc,OAAoB;CAGhD,MAAM,SAAS,eAAe,MAAM,UAAU,GAAG;CACjD,MAAM,UAAU,eAAe,MAAM,WAAW,EAAE,CAAC;CACnD,MAAM,OAAO,eAAe,MAAM,QAAQ,EAAE,CAAC;CAC7C,MAAM,YAAY,eAAe,MAAM,aAAa,mBAAmB;CACvE,MAAM,cAAc,eAAe,MAAM,eAAe,oBAAoB;CAC5E,MAAM,gBAAgB,eAAe,MAAM,cAAc;CACzD,MAAM,eAAe,eAAe,MAAM,aAAa;CACvD,MAAM,sBAAsB,eAAe,MAAM,oBAAoB;CACrE,MAAM,cAAc,eAAe,MAAM,YAAY;CAIrD,MAAM,WAAW,IAAsB,CAAC,GAAI,MAAM,mBAAmB,EAAE,CAAE,CAAC;CAC1E,MAAM,YAAY,yBAAS,IAAI,KAAa,CAAC;CAI7C,MAAM,EAAE,SAAS,cAAc,kBAAkB,YAAY,UAAU;CAEvE,MAAM,gBAAgB,eAAe;EACnC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,cAAc,eAAe;EACjC;EACA;EACA;EACA;EACA;EACD,CAAC;CAIF,MAAM,eAAe,eAAe;EAClC,MAAM,OAAO,SAAS;AACtB,MAAI,KAAK,WAAW,EAAG,QAAO;EAC9B,MAAM,QAAQ,KAAK,QAAQ,KAAK,MAAM,MAAM,EAAE,SAAS,EAAE;AACzD,SAAO,KAAK,MAAM,QAAQ,KAAK,OAAO;GACtC;;CAKF,SAAS,cAAsB;AAC7B,SAAO,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE;;;CAIvE,SAAS,gBAAgB,MAAgC;AACvD,MAAI,KAAK,KAAK,WAAW,SAAS,CAChC,QAAO,IAAI,gBAAgB,KAAK;;;CAMpC,SAAS,SAAS,OAAiC;EACjD,MAAM,QAA0B,EAAE;AAElC,OAAK,MAAM,QAAQ,OAAO;AAExB,OACE,MAAM,YACN,SAAS,MAAM,SAAS,MAAM,UAAU,MAAM,SAE9C;GAGF,MAAM,OAAuB;IAC3B,KAAK,aAAa;IAClB,MAAM,KAAK;IACX,MAAM,KAAK;IACX,MAAM,KAAK;IACX,QAAQ;IACR,SAAS;IACT,KAAK;IACL,UAAU,gBAAgB,KAAK;IAChC;AAED,SAAM,KAAK,KAAK;;AAGlB,WAAS,MAAM,KAAK,GAAG,MAAM;AAC7B,SAAO;;;CAIT,SAAS,WAAW,KAAa,OAAgC;EAC/D,MAAM,OAAO,SAAS,MAAM,MAAM,MAAM,EAAE,QAAQ,IAAI;AACtD,MAAI,KAAM,QAAO,OAAO,MAAM,MAAM;;;CAItC,SAAS,WAAW,KAAa;AAC/B,gBAAc,YAAY,IAAI;AAC9B,cAAY,MAAM,IAAI;AACtB,YAAU,OAAO,IAAI;EAErB,MAAM,MAAM,SAAS,MAAM,WAAW,MAAM,EAAE,QAAQ,IAAI;AAC1D,MAAI,QAAQ,IAAI;GACd,MAAM,OAAO,SAAS,MAAM;AAC5B,OAAI,KAAK,SAAU,KAAI,gBAAgB,KAAK,SAAS;AACrD,YAAS,MAAM,OAAO,KAAK,EAAE;;;;CAKjC,SAAS,WAAW;AAClB,gBAAc,UAAU;AACxB,cAAY,UAAU;AACtB,YAAU,OAAO;AAEjB,WAAS,MAAM,SAAS,MAAM;AAC5B,OAAI,EAAE,SAAU,KAAI,gBAAgB,EAAE,SAAS;IAC/C;AACF,WAAS,QAAQ,EAAE;;;CAMrB,eAAe,aAAa,MAA8B;AAExD,MAAI,MAAM,WAAW,KAAK,OAAO,MAAM,QACrC,QAAO;AAIT,MAAI,MAAM,aAER,QADe,MAAM,MAAM,aAAa,KAAK,KAC3B;AAGpB,SAAO;;;CAIT,eAAe,YAAY,MAAsB;AAC/C,MAAI,CAAC,KAAK,IAAK;AAIf,MAAI,CADU,MAAM,aAAa,KAAK,IAAI,EAC9B;AACV,cAAW,KAAK,KAAK;IAAE,QAAQ;IAAS,OAAO;IAAW,CAAC;AAC3D;;AAIF,MAAI,MAAM,WAAW,KAAK,IAAI,OAAO,UAAU,MAC7C,OAAM,qBAAqB,KAAK;MAEhC,qBAAoB,KAAK;;;CAK7B,eAAe,qBAAqB,MAAsB;EACxD,MAAM,OAAO,KAAK;AAGlB,aAAW,KAAK,KAAK,EAAE,QAAQ,WAAW,CAAC;EAC3C,IAAI;AACJ,MAAI;AACF,UAAO,MAAM,cAAc,KAAK;AAChC,cAAW,KAAK,KAAK,EAAE,MAAM,CAAC;UACxB;AACN,cAAW,KAAK,KAAK;IAAE,QAAQ;IAAS,OAAO;IAAa,CAAC;AAC7D;;AAIF,MAAI,aAAa,MACf,KAAI;GACF,MAAM,SAAS,MAAM,aAAa,MAAM,MAAM,KAAK,KAAK;AACxD,OAAI,OAAO,QAAQ;AACjB,eAAW,KAAK,KAAK;KACnB,QAAQ;KACR,SAAS;KACT,KAAK,OAAO;KACb,CAAC;AACF;;UAEI;AAMV,aAAW,KAAK,KAAK,EAAE,QAAQ,aAAa,CAAC;AAE7C,QAAM,cAAc,aAAa;GAC/B,KAAK,KAAK;GACV;GACA;GACA,aAAa,aAA4B;IACvC,MAAM,UAAU,KAAK,MAClB,SAAS,gBAAgB,SAAS,aAAc,IAClD;AACD,eAAW,KAAK,KAAK;KAAE;KAAS,eAAe;KAAU,CAAC;;GAE5D,YAAY,aAAkB;AAC5B,eAAW,KAAK,KAAK;KAAE,QAAQ;KAAW,SAAS;KAAK;KAAU,CAAC;;GAErE,UAAU,UAAiB;AACzB,eAAW,KAAK,KAAK;KAAE,QAAQ;KAAS,OAAO,MAAM;KAAS,CAAC;;GAEjE,gBAAgB,UAAU,IAAI,KAAK,IAAI;GACxC,CAAC;;;CAIJ,SAAS,oBAAoB,MAAsB;AACjD,aAAW,KAAK,KAAK,EAAE,QAAQ,aAAa,CAAC;AAE7C,cAAY,QACV,OACC,KAAK,YAAY;AAChB,cAAW,KAAK,EAAE,SAAS,CAAC;MAE7B,KAAK,aAAa;AACjB,cAAW,KAAK;IAAE,QAAQ;IAAW,SAAS;IAAK;IAAU,CAAC;MAE/D,KAAK,UAAU;AACd,cAAW,KAAK;IAAE,QAAQ;IAAS,OAAO,MAAM;IAAS,CAAC;IAE7D;;;CAIH,SAAS,cAAc;AAErB,EADgB,SAAS,MAAM,QAAQ,MAAM,EAAE,WAAW,UAAU,CAC5D,QAAQ,YAAY;;;CAI9B,SAAS,WAAW;AAClB,WAAS,MAAM,SAAS,MAAM;AAC5B,OAAI,EAAE,WAAW,eAAe,EAAE,WAAW,WAAW;AACtD,cAAU,IAAI,EAAE,IAAI;AACpB,eAAW,EAAE,KAAK,EAAE,QAAQ,UAAU,CAAC;;IAEzC;;;CAIJ,SAAS,YAAY;AACnB,WAAS,MAAM,SAAS,MAAM;AAC5B,OAAI,EAAE,WAAW,UAAU;AACzB,cAAU,OAAO,EAAE,IAAI;AACvB,eAAW,EAAE,KAAK,EAAE,QAAQ,WAAW,CAAC;;IAE1C;AACF,eAAa;;;CAIf,SAAS,UAAU,KAAa;EAC9B,MAAM,OAAO,SAAS,MAAM,MAAM,MAAM,EAAE,QAAQ,IAAI;AACtD,MAAI,QAAQ,KAAK,WAAW,SAAS;AACnC,cAAW,KAAK;IAAE,QAAQ;IAAW,SAAS;IAAG,OAAO;IAAW,CAAC;AACpE,eAAY,KAAK;;;;CAKrB,SAAS,iBAAmC;AAC1C,SAAO,SAAS,MAAM,QACnB,MAAM,EAAE,WAAW,aAAa,EAAE,WAAW,UAC/C;;AAIH,uBAAsB;AACpB,WAAS,MAAM,SAAS,MAAM;AAC5B,OAAI,EAAE,SAAU,KAAI,gBAAgB,EAAE,SAAS;IAC/C;GACF;AAEF,QAAO;EAEL;EAEA;EAEA;EAEA;EAGA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EACD;;;;;;;;;;;;;;;;;;;;AC3TH,SAAgB,YACd,cACA,SACA,WACA,QACA,SACA;;CAEA,MAAM,aAAa,IAAI,MAAM;;CAK7B,SAAS,gBAAgB,GAAc;AACrC,MAAI,CAAC,QAAQ,MAAO;AACpB,IAAE,gBAAgB;AAClB,aAAW,QAAQ;;;CAIrB,SAAS,eAAe,GAAc;AACpC,MAAI,CAAC,QAAQ,MAAO;AACpB,IAAE,gBAAgB;AAClB,aAAW,QAAQ;;;CAIrB,SAAS,gBAAgB,GAAc;AACrC,MAAI,CAAC,QAAQ,MAAO;AACpB,IAAE,gBAAgB;EAClB,MAAM,YAAY,aAAa;AAC/B,MAAI,aAAa,CAAC,UAAU,SAAS,EAAE,cAAsB,CAC3D,YAAW,QAAQ;;;CAKvB,eAAe,WAAW,GAAc;AACtC,MAAI,CAAC,QAAQ,MAAO;AACpB,IAAE,gBAAgB;AAClB,aAAW,QAAQ;EAEnB,MAAM,QAAQ,EAAE,cAAc;AAC9B,MAAI,CAAC,MAAO;EAGZ,MAAM,WAAW,eADH,MAAM,iBAAiB,OAAO,EAAE,aAAa,EACpB,OAAO,MAAM;AACpD,MAAI,SAAS,SAAS,EAAG,SAAQ,SAAS;;;CAM5C,SAAS,YAAY,GAAmB;AACtC,MAAI,CAAC,UAAU,MAAO;EAEtB,MAAM,QAAQ,EAAE,eAAe;AAC/B,MAAI,CAAC,MAAO;EAEZ,MAAM,QAAgB,EAAE;AACxB,OAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;GACrC,MAAM,OAAO,MAAM;AACnB,OAAI,KAAK,SAAS,QAAQ;IACxB,MAAM,OAAO,KAAK,WAAW;AAC7B,QAAI,KAAM,OAAM,KAAK,KAAK;;;EAI9B,MAAM,WAAW,eAAe,OAAO,OAAO,MAAM;AACpD,MAAI,SAAS,SAAS,GAAG;AACvB,KAAE,gBAAgB;AAClB,WAAQ,SAAS;;;;CAOrB,SAAS,aAAa;EACpB,MAAM,KAAK,aAAa;AACxB,MAAI,CAAC,GAAI;AAET,KAAG,iBAAiB,aAAa,gBAAgB;AACjD,KAAG,iBAAiB,YAAY,eAAe;AAC/C,KAAG,iBAAiB,aAAa,gBAAgB;AACjD,KAAG,iBAAiB,QAAQ,WAAW;AAEvC,MAAI,UAAU,MACZ,UAAS,iBAAiB,SAAS,YAAY;;;CAKnD,SAAS,eAAe;EACtB,MAAM,KAAK,aAAa;AACxB,MAAI,IAAI;AACN,MAAG,oBAAoB,aAAa,gBAAgB;AACpD,MAAG,oBAAoB,YAAY,eAAe;AAClD,MAAG,oBAAoB,aAAa,gBAAgB;AACpD,MAAG,oBAAoB,QAAQ,WAAW;;AAE5C,WAAS,oBAAoB,SAAS,YAAY;;AAGpD,WAAU,WAAW;AACrB,iBAAgB,aAAa;AAE7B,OAAM;EAAC;EAAc;EAAS;EAAU,QAAQ;AAC9C,gBAAc;AACd,cAAY;GACZ;AAEF,QAAO,EAEL,YAAY,SAAS,WAAW,EACjC;;;AAMH,eAAe,iBACb,OACA,cACiB;CACjB,MAAM,UAA6B,EAAE;AACrC,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,MAAM,QAAQ,MAAM,GAAG,oBAAoB;AAC3C,MAAI,MAAO,SAAQ,KAAK,MAAM;;AAGhC,KAAI,QAAQ,SAAS,EAEnB,SADgB,MAAM,QAAQ,IAAI,QAAQ,IAAI,UAAU,CAAC,EAC1C,MAAM;CAGvB,MAAM,QAAgB,EAAE;CACxB,MAAM,UAAU,cAAc;AAC9B,KAAI,QACF,MAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,QAAQ,IAClC,OAAM,KAAK,QAAQ,GAAG;AAG1B,QAAO;;;AAIT,eAAe,UAAU,OAAyC;AAChE,KAAI,MAAM,OACR,QAAO,IAAI,SAAQ,YAAW;AAC3B,EAAC,MAA8B,MAC9B,SAAQ,QAAQ,CAAC,KAAK,CAAC,QACjB,QAAQ,EAAE,CAAC,CAClB;GACD;AAGJ,KAAI,MAAM,aAAa;EACrB,MAAM,SAAU,MAAmC,cAAc;EACjE,MAAM,UAAU,MAAM,IAAI,SAA2B,YAAW;AAC9D,UAAO,aACL,WAAU,QAAQ,OAAO,QACnB,QAAQ,EAAE,CAAC,CAClB;IACD;AAEF,UADgB,MAAM,QAAQ,IAAI,QAAQ,IAAI,UAAU,CAAC,EAC1C,MAAM;;AAGvB,QAAO,EAAE;;;AAIX,SAAS,eAAe,OAAe,QAAwB;AAC7D,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,cAAc,OAAO,MAAM,IAAI,CAAC,KAAI,MAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAEtE,QAAO,MAAM,QAAO,SAAQ;AAC1B,SAAO,YAAY,MAAK,SAAQ;AAC9B,OAAI,KAAK,WAAW,IAAI,CAEtB,QAAO,KAAK,KAAK,aAAa,CAAC,SAAS,KAAK;AAE/C,OAAI,KAAK,SAAS,KAAK,EAAE;IAEvB,MAAM,SAAS,KAAK,QAAQ,MAAM,GAAG;AACrC,WAAO,KAAK,KAAK,aAAa,CAAC,WAAW,OAAO;;AAGnD,UAAO,KAAK,KAAK,aAAa,KAAK;IACnC;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EE9JJ,MAAM,QAAQ;EA4Bd,MAAM,OAAO;EAIb,MAAM,UAAU,KAAkB;EAClC,MAAM,WAAW,KAAuB;EAGxC,MAAM,EAAE,eAAe,YACrB,SACA,eAAe,MAAM,aAAa,CAAC,MAAM,SAAS,EAClD,eAAe,MAAM,aAAa,CAAC,MAAM,SAAS,EAClD,eAAe,MAAM,OAAO,GAC3B,UAAU,KAAK,SAAS,MAAM,CAChC;;EAGD,SAAS,cAAc;AACrB,OAAI,MAAM,SAAU;AACpB,YAAS,OAAO,OAAO;;;EAIzB,SAAS,kBAAkB,GAAU;GACnC,MAAM,QAAQ,EAAE;GAChB,MAAM,QAAQ,MAAM,KAAK,MAAM,SAAS,EAAE,CAAC;AAC3C,OAAI,MAAM,SAAS,EACjB,MAAK,SAAS,MAAM;AAGtB,SAAM,QAAQ;;;AAIhB,WAAa,EACX,eAAe,aAChB,CAAC;;uBAnHA,mBA2CM,OAAA;aA1CA;IAAJ,KAAI;IACJ,OAAK,eAAA,CAAC,eAAa;+BACwB,MAAA,WAAU;8BAAkCA,KAAAA;;IAItF,SAAO;OAER,mBAQE,SAAA;aAPI;IAAJ,KAAI;IACJ,MAAK;IACL,OAAM;IACL,QAAQC,KAAAA;IACR,UAAUC,KAAAA;IACV,iBAAiBC,KAAAA,aAAa;IAC9B,UAAQ;+BAGX,WAuBO,KAAA,QAAA,WAAA,EAAA,QAAA,CAtBL,mBAqBM,OArBN,cAqBM;IApBJ,YAOE,gBAAA;KANC,MAAoB,MAAA,WAAU;KAK/B,OAAM;;IAER,mBAQM,OARN,cAQM,CAPQ,MAAA,WAAU,iBAAtB,mBAAsC,QAAA,cAAd,UAAO,kBAC/B,mBAKO,QAAA,cAAA,2CALM,mBAEX,GAAA,GAAgBC,KAAAA,0BAAhB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA;+CAFgB,SACrB,GAAA;+BAAA,mBAAiB,OAAA,MAAZ,UAAM,GAAA;+CAAM,QACvB,GAAA;;IAGOC,KAAAA,oBAAX,mBAEM,OAFN,cAEM,gBADDA,KAAAA,IAAG,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EGiFhB,MAAM,OAAO;;uBAxHX,YAiGkB,iBAAA;IAjGD,MAAK;IAAY,KAAI;IAAM,OAAM;;2BAEtB,mBAD1B,mBA+FM,UAAA,MAAA,WA9FWC,KAAAA,WAAR,SAAI;yBADb,mBA+FM,OAAA;MA7FH,KAAK,KAAK;MACX,OAAK,eAAA,CAAC,mBAAiB,oBACK,KAAK,SAAM,CAAA;;MAEvC,mBAAA,aAAiB;MACjB,mBAYM,OAZN,cAYM,CAVIC,KAAAA,iBAAiB,KAAK,yBAD9B,mBAKE,OAAA;;OAHC,KAAK,KAAK;OACV,KAAK,KAAK;OACX,OAAM;iDAER,YAIE,gBAAA;;OAFC,MAAM,MAAA,YAAW,CAAC,KAAK,KAAI;OAC5B,OAAM;;MAIV,mBAAA,SAAa;MACb,mBA+CM,OA/CN,cA+CM;OA9CJ,mBAIM,OAJN,cAIM,CAHJ,YAEY,MAAA,UAAA,EAAA,EAFA,cAAY,GAAC,EAAA;+BACR,iCAAZ,KAAK,KAAI,EAAA,EAAA;;;OAGhB,mBAYM,OAZN,cAYM;QAXJ,mBAAoE,QAApE,cAAoE,gBAAnC,MAAA,eAAc,CAAC,KAAK,KAAI,CAAA,EAAA,EAAA;QACzD,YAMO,MAAA,KAAA,EAAA;SALJ,MAAO,MAAA,YAAW,CAAC,KAAK,WAAM;SAC/B,MAAK;SACJ,UAAU;;gCAEkC,iCAA1C,MAAA,YAAW,CAAC,KAAK,WAAW,KAAK,OAAM,EAAA,EAAA;;;QAEhC,KAAK,WAAM,0BAAvB,mBAEO,QAFP,YAAkE,MAElE;;OAGF,mBAAA,QAAY;OAEJ,KAAK,WAAM,eAAoB,KAAK,WAAM,0BADlD,YAOE,MAAA,UAAA,EAAA;;QALC,YAAY,KAAK,WAAM,YAAiBC,KAAAA,eAAe,KAAK;QAC5D,QAAQ;QACR,iBAAe;QACf,kBAAgB;QAChB,QAAQ,KAAK,WAAM,YAAA,SAAA;;OAGtB,mBAAA,WAAe;OAEP,KAAK,iBAAiB,KAAK,WAAM,4BADzC,mBAOM,OAPN,YAGC,SACI,gBAAG,KAAK,cAAc,eAAc,GAAG,MAAC,gBACzC,KAAK,cAAc,YAAW,EAAA,EAAA;OAIlC,mBAAA,SAAa;OAEL,KAAK,WAAM,WAAgB,KAAK,sBADxC,mBAKM,OALN,YAKM,gBADD,KAAK,MAAK,EAAA,EAAA;;MAIjB,mBAAA,SAAa;MACb,mBAsBM,OAtBN,aAsBM,CApBI,KAAK,WAAM,wBADnB,YAUU,MAAA,QAAA,EAAA;;OARR,MAAA;OACA,MAAK;OACL,MAAK;OACJ,UAAK,WAAE,KAAI,SAAU,KAAK,IAAG;;OAEnB,MAAI,cACgB,CAA7B,YAA6B,gBAAA,EAArB,MAAK,eAAa,CAAA;;iEAG9B,YASU,MAAA,QAAA,EAAA;OARR,MAAA;OACA,MAAK;OACL,MAAK;OACJ,UAAK,WAAE,KAAI,UAAW,KAAK,IAAG;;OAEpB,MAAI,cACc,CAA3B,YAA2B,gBAAA,EAAnB,MAAK,aAAW,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EGTpC,MAAM,QAAQ;EAKd,MAAM,OAAO;;EAMb,MAAM,aAAa,eACjB,MAAM,SAAS,QAAQ,MAAM,EAAE,MAAM,WAAW,SAAS,CAAC,CAC3D;;UAhGY,WAAA,MAAW,SAAM,kBAA5B,mBA0EM,OA1EN,cA0EM,mBAzEJ,mBAwEM,UAAA,MAAA,WAvEW,WAAA,QAAR,SAAI;wBADb,mBAwEM,OAAA;KAtEH,KAAK,KAAK;KACX,OAAK,eAAA,CAAC,uBAAqB,wBACK,KAAK,SAAM,CAAA;;KAGnC,KAAK,yBADb,mBAKE,OAAA;;MAHC,KAAK,KAAK;MACV,KAAK,KAAK;MACX,OAAM;;KAGR,mBAAA,QAAY;KACZ,mBAkDM,OAlDN,cAkDM;MAjDJ,mBAAA,UAAc;MAEN,KAAK,WAAM,eAAoB,KAAK,WAAM,0BADlD,mBAUM,OAVN,YAUM,CANJ,YAKE,MAAA,UAAA,EAAA;OAJA,MAAK;OACJ,YAAY,KAAK;OACjB,gBAAc;OACf,OAAA,EAAA,SAAA,QAAA;uCAMS,KAAK,WAAM,aAAkB,KAAK,WAAM,0BADrD,mBAIE,UAAA,EAAA,KAAA,GAAA,EAAA,CALF,mBAAA,SAAa,EACb,YAIE,gBAAA;OAFA,MAAK;OACL,OAAM;oBAGK,KAAK,WAAM,wBADxB,YAIE,gBAAA;;OAFA,MAAK;OACL,OAAM;;MAGR,mBAAA,OAAW;MACX,mBAsBM,OAtBN,YAsBM,CApBI,KAAK,WAAM,wBADnB,YAUU,MAAA,QAAA,EAAA;;OARR,QAAA;OACA,MAAK;OACL,MAAK;OACJ,UAAK,WAAE,KAAI,SAAU,KAAK,IAAG;;OAEnB,MAAI,cACgB,CAA7B,YAA6B,gBAAA,EAArB,MAAK,eAAa,CAAA;;iEAG9B,YASU,MAAA,QAAA,EAAA;OARR,QAAA;OACA,MAAK;OACL,MAAK;OACJ,UAAK,WAAE,KAAI,UAAW,KAAK,IAAG;;OAEpB,MAAI,cACc,CAA3B,YAA2B,gBAAA,EAAnB,MAAK,aAAW,CAAA;;;;KAMhC,mBAAA,QAAY;KACZ,mBAIM,OAJN,YAIM,CAHJ,YAEY,MAAA,UAAA,EAAA,EAFA,cAAY,GAAC,EAAA;6BACR,iCAAZ,KAAK,KAAI,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EGFtB,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAUb,MAAM,gBAAgB,KAAsC;EAE5D,MAAM,EACJ,UACA,cACA,cACA,UACA,YACA,UACA,aACA,UACA,WACA,WACA,aACA,mBACE,cAAc,MAAM;EAIxB,MAAM,oBAAoB,eAAe;AACvC,UAAO,SAAS,MAAM,MACnB,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW,UACjD;IACD;;EAKF,SAAS,YAAY,OAAe;AAElC,OAAI,MAAM,YAAY,SAAS,MAAM,SAAS,MAAM,SAAS,MAAM,UAAU;AAC3E,SAAK,UAAU,OAAO,SAAS,MAAM;IACrC,MAAM,YAAY,MAAM,WAAW,SAAS,MAAM;AAClD,QAAI,aAAa,EAAG;AACpB,YAAQ,MAAM,MAAM,GAAG,UAAU;;AAInC,OAAI,MAAM,QACR,SAAQ,MAAM,QAAQ,MAAM,EAAE,QAAQ,MAAM,QAAS;GAGvD,MAAM,QAAQ,SAAS,MAAM;AAC7B,QAAK,UAAU,SAAS,MAAM;AAG9B,SAAM,QAAQ,YAAY;;;EAM5B,SAAS,aAAa,KAAa;GACjC,MAAM,OAAO,SAAS,MAAM,MAAM,MAAM,EAAE,QAAQ,IAAI;AACtD,OAAI,MAAM;AACR,SAAK,UAAU,KAAK;AACpB,eAAW,IAAI;AACf,SAAK,UAAU,SAAS,MAAM;;;;EAKlC,SAAS,YAAY,KAAa;AAChC,aAAU,IAAI;;AAKhB,QACE,WACC,SAAS;AAUR,OAPE,KAAK,SAAS,KACd,KAAK,OACF,MACC,EAAE,WAAW,aACb,EAAE,WAAW,aACb,EAAE,WAAW,QAChB,CAED,MAAK,UAAU,KAAK;KAGxB,EAAE,MAAM,MAAM,CACf;AAID,WAA2B;GACzB,mBAAmB,cAAc,OAAO,eAAe;GACvD;GACA;GACA;GACA,gBAAgB;AACd,cAAU;AACV,SAAK,UAAU,SAAS,MAAM;;GAEhC,aAAa,QAAgB;AAC3B,iBAAa,IAAI;;GAEnB;GACA,mBAAmB,SAAS;GAC5B;GAEA,IAAI,eAAe;AACjB,WAAO,aAAa;;GAEvB,CAAC;;uBAzMA,mBAgDM,OAhDN,YAgDM;IA/CJ,mBAAA,SAAa;IACb,YAYa,oBAAA;cAXP;KAAJ,KAAI;KACH,QAAQ,MAAM;KACd,UAAU,MAAM;KAChB,WAAW,MAAM;KACjB,UAAU,MAAM;KAChB,WAAW,MAAM;KACjB,WAAW,MAAM;KACjB,KAAK,MAAM;KACX,SAAO;;4BAEY,CAApB,WAAoB,KAAA,QAAA,QAAA,EAAA,EAAA,QAAA,KAAA;;;;;;;;;;;IAGtB,mBAAA,SAAa;IACF,kBAAA,sBAAX,mBAYM,OAZN,YAYM,CAXJ,mBAGM,OAHN,YAGM,2BAFJ,mBAAgB,QAAA,MAAV,OAAG,GAAA,GACT,mBAAgC,QAAA,MAAA,gBAAvB,MAAA,aAAY,CAAA,GAAG,KAAC,EAAA,IAE3B,YAME,MAAA,UAAA,EAAA;KALC,YAAY,MAAA,aAAY;KACxB,QAAQ;KACR,iBAAe;KACf,kBAAgB;KACjB,QAAO;;IAIX,mBAAA,WAAe;IAEP,MAAM,aAAQ,wBADtB,YAKE,sBAAA;;KAHC,aAAW,MAAA,SAAQ;KACnB,UAAQ;KACR,SAAO;kCAKG,MAAM,gBAAgB,MAAA,SAAQ,CAAC,SAAM,kBADlD,mBAOE,UAAA,EAAA,KAAA,GAAA,EAAA,CARF,mBAAA,WAAe,EACf,YAOE,kBAAA;KALC,aAAW,MAAA,SAAQ;KACnB,kBAAgB,MAAM;KACtB,iBAAe,MAAA,aAAY;KAC3B,UAAQ;KACR,SAAO"}
+{"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    // 分片模式\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    updateFile(item.uid, { status: \"hashing\" });\r\n    let hash: string;\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    // 2. 秒传检查\r\n    if (instantCheck.value) {\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  width: 100%;\r\n\r\n  &__total-progress {\r\n    margin-top: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: 8px;\r\n    background: var(--body-color);\r\n    border: 1px solid var(--border-color);\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: 12px;\r\n    color: var(--text-color-3);\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  width: 100%;\r\n\r\n  &__total-progress {\r\n    margin-top: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: 8px;\r\n    background: var(--body-color);\r\n    border: 1px solid var(--border-color);\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: 12px;\r\n    color: var(--text-color-3);\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  width: 100%;\r\n\r\n  &__total-progress {\r\n    margin-top: 12px;\r\n    padding: 8px 12px;\r\n    border-radius: 8px;\r\n    background: var(--body-color);\r\n    border: 1px solid var(--border-color);\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: 12px;\r\n    color: var(--text-color-3);\r\n  }\r\n}\r\n</style>\r\n"],"mappings":"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"}