sa2kit 1.6.30 → 1.6.32

package/dist/universalFile/index.mjs

@@ -1,6 +1,7 @@
 export { CDNProviderError, FileProcessingError, FileServiceError, FileUploadError, StorageProviderError } from '../chunk-CIVO4R6N.mjs';
 import '../chunk-BJTO5JO5.mjs';
 import React2, { useState, useRef, useCallback, useEffect } from 'react';
+import { clsx } from 'clsx';
 import { Upload, AlertCircle, CheckCircle2, Loader2, X, Image, Film, Music, FileText } from 'lucide-react';
 
 // src/universalFile/constants.ts
@@ -59,19 +60,19 @@ var DOCUMENT_EXTENSIONS = [
 var API_BASE_PATH = "/api/universal-file";
 var API_ENDPOINTS = {
   /** 上传文件 */
-  UPLOAD: `${API_BASE_PATH}/upload`,
+  UPLOAD: API_BASE_PATH + "/upload",
   /** 获取文件URL */
-  GET_URL: (fileId) => `${API_BASE_PATH}/files/${fileId}/url`,
+  GET_URL: (fileId) => API_BASE_PATH + "/files/" + fileId + "/url",
   /** 获取文件元数据 */
-  GET_METADATA: (fileId) => `${API_BASE_PATH}/files/${fileId}`,
+  GET_METADATA: (fileId) => API_BASE_PATH + "/files/" + fileId,
   /** 删除文件 */
-  DELETE: (fileId) => `${API_BASE_PATH}/files/${fileId}`,
+  DELETE: (fileId) => API_BASE_PATH + "/files/" + fileId,
   /** 查询文件列表 */
-  QUERY: `${API_BASE_PATH}/files`,
+  QUERY: API_BASE_PATH + "/files",
   /** 批量删除 */
-  BATCH_DELETE: `${API_BASE_PATH}/files/batch-delete`,
+  BATCH_DELETE: API_BASE_PATH + "/files/batch-delete",
   /** 获取上传进度 */
-  GET_PROGRESS: (fileId) => `${API_BASE_PATH}/upload/${fileId}/progress`
+  GET_PROGRESS: (fileId) => API_BASE_PATH + "/upload/" + fileId + "/progress"
 };
 var ERROR_CODES = {
   /** 文件上传错误 */
@@ -110,7 +111,7 @@ function formatFileSize(bytes) {
   const units = ["B", "KB", "MB", "GB", "TB"];
   const k = 1024;
   const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${(bytes / Math.pow(k, i)).toFixed(2)} ${units[i]}`;
+  return (bytes / Math.pow(k, i)).toFixed(2) + " " + units[i];
 }
 function parseFileSize(sizeStr) {
   const match = sizeStr.match(/^(\d+(?:\.\d+)?)\s*([KMGT]?B)$/i);
@@ -198,7 +199,7 @@ function sanitizeFileName(fileName) {
 }
 function generateUniqueFileName(originalName, fileId) {
   const ext = getFileExtension(originalName);
-  return `${fileId}${ext}`;
+  return fileId + ext;
 }
 function generateStoragePath(moduleId, fileName, options) {
   const parts = [];
@@ -235,7 +236,7 @@ function validateFileSize(file, maxSize) {
   if (file.size > maxSize) {
     return {
       valid: false,
-      error: `\u6587\u4EF6\u5927\u5C0F\u8D85\u8FC7\u9650\u5236: ${formatFileSize(file.size)} > ${formatFileSize(maxSize)}`
+      error: "\u6587\u4EF6\u5927\u5C0F\u8D85\u8FC7\u9650\u5236: " + formatFileSize(file.size) + " > " + formatFileSize(maxSize)
     };
   }
   return { valid: true };
@@ -245,7 +246,7 @@ function validateFileType(file, allowedTypes) {
   if (!isMimeTypeSupported(mimeType, allowedTypes)) {
     return {
       valid: false,
-      error: `\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: ${mimeType}`
+      error: "\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: " + mimeType
     };
   }
   return { valid: true };
@@ -284,7 +285,7 @@ function buildQueryString(params) {
     }
   });
   const queryString = searchParams.toString();
-  return queryString ? `?${queryString}` : "";
+  return queryString ? "?" + queryString : "";
 }
 function parseQueryString(url) {
   const params = {};
@@ -381,7 +382,7 @@ var UniversalFileClient = class {
    * 上传文件
    */
   async uploadFile(fileInfo, onProgress) {
-    const url = `${this.config.baseUrl}${API_ENDPOINTS.UPLOAD}`;
+    const url = this.config.baseUrl + API_ENDPOINTS.UPLOAD;
     const startTime = Date.now();
     const formData = new FormData();
     formData.append("file", fileInfo.file);
@@ -464,7 +465,7 @@ var UniversalFileClient = class {
             }
           } else {
             console.error("\u274C [UniversalFileClient] \u4E0A\u4F20\u5931\u8D25:", xhr.status, xhr.statusText, xhr.responseText);
-            reject(new Error(`\u4E0A\u4F20\u5931\u8D25: ${xhr.statusText}`));
+            reject(new Error("\u4E0A\u4F20\u5931\u8D25: " + xhr.statusText));
           }
         });
         xhr.addEventListener("error", (event) => {
@@ -508,7 +509,7 @@ var UniversalFileClient = class {
     } catch (error) {
       throw createFileError(
         ERROR_CODES.FILE_UPLOAD_ERROR,
-        `\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25: ${formatErrorMessage(error)}`,
+        "\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25: " + formatErrorMessage(error),
         { fileInfo, originalError: error }
       );
     }
@@ -518,21 +519,21 @@ var UniversalFileClient = class {
    * 获取文件访问URL
    */
   async getFileUrl(fileId, expiresIn) {
-    const url = `${this.config.baseUrl}${API_ENDPOINTS.GET_URL(fileId)}${expiresIn ? `?expiresIn=${expiresIn}` : ""}`;
+    const url = this.config.baseUrl + API_ENDPOINTS.GET_URL(fileId) + (expiresIn ? `?expiresIn=${expiresIn}` : "");
     try {
       const response = await this.fetchWithTimeout(url, {
         method: "GET",
         headers: this.getHeaders()
       });
       if (!response.ok) {
-        throw new Error(`\u83B7\u53D6\u6587\u4EF6URL\u5931\u8D25: ${response.statusText}`);
+        throw new Error("\u83B7\u53D6\u6587\u4EF6URL\u5931\u8D25: " + response.statusText);
       }
       const data = await response.json();
       return data.url;
     } catch (error) {
       throw createFileError(
         ERROR_CODES.NETWORK_ERROR,
-        `\u83B7\u53D6\u6587\u4EF6URL\u5931\u8D25: ${formatErrorMessage(error)}`,
+        "\u83B7\u53D6\u6587\u4EF6URL\u5931\u8D25: " + formatErrorMessage(error),
         { fileId, expiresIn, originalError: error }
       );
     }
@@ -541,7 +542,7 @@ var UniversalFileClient = class {
    * 获取文件元数据
    */
   async getFileMetadata(fileId) {
-    const url = `${this.config.baseUrl}${API_ENDPOINTS.GET_METADATA(fileId)}`;
+    const url = this.config.baseUrl + API_ENDPOINTS.GET_METADATA(fileId);
     try {
       const response = await this.fetchWithTimeout(url, {
         method: "GET",
@@ -551,14 +552,14 @@ var UniversalFileClient = class {
         if (response.status === 404) {
           throw createFileError(ERROR_CODES.FILE_NOT_FOUND, "\u6587\u4EF6\u4E0D\u5B58\u5728", { fileId });
         }
-        throw new Error(`\u83B7\u53D6\u6587\u4EF6\u5143\u6570\u636E\u5931\u8D25: ${response.statusText}`);
+        throw new Error("\u83B7\u53D6\u6587\u4EF6\u5143\u6570\u636E\u5931\u8D25: " + response.statusText);
       }
       const data = await response.json();
       return this.transformFileMetadataFromAPI(data.file);
     } catch (error) {
       throw createFileError(
         ERROR_CODES.NETWORK_ERROR,
-        `\u83B7\u53D6\u6587\u4EF6\u5143\u6570\u636E\u5931\u8D25: ${formatErrorMessage(error)}`,
+        "\u83B7\u53D6\u6587\u4EF6\u5143\u6570\u636E\u5931\u8D25: " + formatErrorMessage(error),
         { fileId, originalError: error }
       );
     }
@@ -583,7 +584,7 @@ var UniversalFileClient = class {
       page: options.page,
       pageSize: options.pageSize
     });
-    const url = `${this.config.baseUrl}${API_ENDPOINTS.QUERY}${queryString}`;
+    const url = this.config.baseUrl + API_ENDPOINTS.QUERY + queryString;
     try {
       const response = await this.fetchWithTimeout(url, {
         method: "GET",
@@ -591,7 +592,7 @@ var UniversalFileClient = class {
       });
       if (!response.ok) {
         console.error("\u274C [UniversalFileClient] \u67E5\u8BE2\u6587\u4EF6\u5217\u8868\u5931\u8D25:", response.status, response.statusText);
-        throw new Error(`\u67E5\u8BE2\u6587\u4EF6\u5217\u8868\u5931\u8D25: ${response.statusText}`);
+        throw new Error("\u67E5\u8BE2\u6587\u4EF6\u5217\u8868\u5931\u8D25: " + response.statusText);
       }
       const data = await response.json();
       console.log("\u{1F4E5} [UniversalFileClient] \u67E5\u8BE2\u6587\u4EF6\u5217\u8868\u54CD\u5E94:", {
@@ -623,7 +624,7 @@ var UniversalFileClient = class {
     } catch (error) {
       throw createFileError(
         ERROR_CODES.NETWORK_ERROR,
-        `\u67E5\u8BE2\u6587\u4EF6\u5217\u8868\u5931\u8D25: ${formatErrorMessage(error)}`,
+        "\u67E5\u8BE2\u6587\u4EF6\u5217\u8868\u5931\u8D25: " + formatErrorMessage(error),
         { options, originalError: error }
       );
     }
@@ -633,7 +634,7 @@ var UniversalFileClient = class {
    * 删除文件
    */
   async deleteFile(fileId) {
-    const url = `${this.config.baseUrl}${API_ENDPOINTS.DELETE(fileId)}`;
+    const url = this.config.baseUrl + API_ENDPOINTS.DELETE(fileId);
     try {
       const response = await this.fetchWithTimeout(url, {
         method: "DELETE",
@@ -643,12 +644,12 @@ var UniversalFileClient = class {
         if (response.status === 404) {
           throw createFileError(ERROR_CODES.FILE_NOT_FOUND, "\u6587\u4EF6\u4E0D\u5B58\u5728", { fileId });
         }
-        throw new Error(`\u5220\u9664\u6587\u4EF6\u5931\u8D25: ${response.statusText}`);
+        throw new Error("\u5220\u9664\u6587\u4EF6\u5931\u8D25: " + response.statusText);
       }
     } catch (error) {
       throw createFileError(
         ERROR_CODES.NETWORK_ERROR,
-        `\u5220\u9664\u6587\u4EF6\u5931\u8D25: ${formatErrorMessage(error)}`,
+        "\u5220\u9664\u6587\u4EF6\u5931\u8D25: " + formatErrorMessage(error),
         { fileId, originalError: error }
       );
     }
@@ -657,7 +658,7 @@ var UniversalFileClient = class {
    * 批量删除文件
    */
   async batchDeleteFiles(fileIds) {
-    const url = `${this.config.baseUrl}${API_ENDPOINTS.BATCH_DELETE}`;
+    const url = this.config.baseUrl + API_ENDPOINTS.BATCH_DELETE;
     try {
       const response = await this.fetchWithTimeout(url, {
         method: "POST",
@@ -668,14 +669,14 @@ var UniversalFileClient = class {
         body: JSON.stringify({ fileIds })
       });
       if (!response.ok) {
-        throw new Error(`\u6279\u91CF\u5220\u9664\u6587\u4EF6\u5931\u8D25: ${response.statusText}`);
+        throw new Error("\u6279\u91CF\u5220\u9664\u6587\u4EF6\u5931\u8D25: " + response.statusText);
       }
       const data = await response.json();
       return data.result;
     } catch (error) {
       throw createFileError(
         ERROR_CODES.NETWORK_ERROR,
-        `\u6279\u91CF\u5220\u9664\u6587\u4EF6\u5931\u8D25: ${formatErrorMessage(error)}`,
+        "\u6279\u91CF\u5220\u9664\u6587\u4EF6\u5931\u8D25: " + formatErrorMessage(error),
         { fileIds, originalError: error }
       );
     }
@@ -685,21 +686,21 @@ var UniversalFileClient = class {
    * 获取上传进度
    */
   async getUploadProgress(fileId) {
-    const url = `${this.config.baseUrl}${API_ENDPOINTS.GET_PROGRESS(fileId)}`;
+    const url = this.config.baseUrl + API_ENDPOINTS.GET_PROGRESS(fileId);
     try {
       const response = await this.fetchWithTimeout(url, {
         method: "GET",
         headers: this.getHeaders()
       });
       if (!response.ok) {
-        throw new Error(`\u83B7\u53D6\u4E0A\u4F20\u8FDB\u5EA6\u5931\u8D25: ${response.statusText}`);
+        throw new Error("\u83B7\u53D6\u4E0A\u4F20\u8FDB\u5EA6\u5931\u8D25: " + response.statusText);
       }
       const data = await response.json();
       return data.progress;
     } catch (error) {
       throw createFileError(
         ERROR_CODES.NETWORK_ERROR,
-        `\u83B7\u53D6\u4E0A\u4F20\u8FDB\u5EA6\u5931\u8D25: ${formatErrorMessage(error)}`,
+        "\u83B7\u53D6\u4E0A\u4F20\u8FDB\u5EA6\u5931\u8D25: " + formatErrorMessage(error),
         { fileId, originalError: error }
       );
     }
@@ -800,16 +801,16 @@ var FileUploader = ({
   };
   const validateFile2 = (file) => {
     if (file.size > maxFileSize * 1024 * 1024) {
-      return `\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${maxFileSize}MB`;
+      return "\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 " + maxFileSize + "MB";
     }
     if (acceptedTypes.length > 0 && !acceptedTypes.includes(file.type)) {
-      return `\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: ${file.type}`;
+      return "\u4E0D\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: " + file.type;
     }
     return null;
   };
   const uploadFile = useCallback(
     async (file) => {
-      const fileId = `upload_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+      const fileId = "upload_" + Date.now() + "_" + Math.random().toString(36).substr(2, 9);
       const error = validateFile2(file);
       if (error) {
         onUploadError?.(error);
@@ -881,7 +882,7 @@ var FileUploader = ({
     (files) => {
       const fileArray = Array.from(files);
       if (completedFiles.length + uploadingFiles.length + fileArray.length > maxFiles) {
-        onUploadError?.(`\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 ${maxFiles} \u4E2A\u6587\u4EF6`);
+        onUploadError?.("\u6700\u591A\u53EA\u80FD\u4E0A\u4F20 " + maxFiles + " \u4E2A\u6587\u4EF6");
         return;
       }
       fileArray.forEach(uploadFile);
@@ -934,7 +935,7 @@ var FileUploader = ({
       case "pending":
         return "\u51C6\u5907\u4E2D...";
       case "uploading":
-        return `\u4E0A\u4F20\u4E2D ${progress.progress.toFixed(1)}%`;
+        return "\u4E0A\u4F20\u4E2D " + progress.progress.toFixed(1) + "%";
       case "processing":
         return "\u5904\u7406\u4E2D...";
       case "completed":
@@ -945,16 +946,16 @@ var FileUploader = ({
         return "\u672A\u77E5\u72B6\u6001";
     }
   };
-  const containerClasses = `
-    border-2 border-dashed rounded-lg transition-all duration-200
-    ${isDragOver ? "border-blue-400 bg-blue-50 dark:bg-blue-900/20" : "border-gray-300 dark:border-gray-600"}
-    ${disabled ? "opacity-50 cursor-not-allowed" : "hover:border-blue-400 cursor-pointer"}
-    ${className}
-  `;
-  const uploadAreaClasses = `
-    p-6 text-center
-    ${mode === "compact" ? "p-4" : mode === "detailed" ? "p-8" : "p-6"}
-  `;
+  const containerClasses = clsx(
+    "border-2 border-dashed rounded-lg transition-all duration-200",
+    isDragOver ? "border-blue-400 bg-blue-50 dark:bg-blue-900/20" : "border-gray-300 dark:border-gray-600",
+    disabled ? "opacity-50 cursor-not-allowed" : "hover:border-blue-400 cursor-pointer",
+    className
+  );
+  const uploadAreaClasses = clsx(
+    "p-6 text-center",
+    mode === "compact" ? "p-4" : mode === "detailed" ? "p-8" : "p-6"
+  );
   return /* @__PURE__ */ React2.createElement("div", { className: "w-full space-y-4" }, /* @__PURE__ */ React2.createElement(
     "div",
     {
@@ -967,7 +968,7 @@ var FileUploader = ({
     /* @__PURE__ */ React2.createElement("div", { className: uploadAreaClasses }, /* @__PURE__ */ React2.createElement(
       Upload,
       {
-        className: `mx-auto mb-4 text-gray-400 ${mode === "compact" ? "w-8 h-8 mb-2" : "w-12 h-12"}`
+        className: clsx("mx-auto mb-4 text-gray-400", mode === "compact" ? "w-8 h-8 mb-2" : "w-12 h-12")
       }
     ), mode === "compact" ? /* @__PURE__ */ React2.createElement("p", { className: "text-sm text-gray-600 dark:text-gray-400" }, "\u70B9\u51FB\u4E0A\u4F20\u6216\u62D6\u62FD\u6587\u4EF6\u5230\u8FD9\u91CC") : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("h3", { className: "text-lg font-semibold text-gray-700 dark:text-gray-300 mb-2" }, "\u4E0A\u4F20\u6587\u4EF6"), /* @__PURE__ */ React2.createElement("p", { className: "text-gray-600 dark:text-gray-400 mb-2" }, "\u70B9\u51FB\u9009\u62E9\u6587\u4EF6\u6216\u62D6\u62FD\u6587\u4EF6\u5230\u8FD9\u91CC"), mode === "detailed" && /* @__PURE__ */ React2.createElement("div", { className: "text-sm text-gray-500 space-y-1" }, acceptedTypes.length > 0 && /* @__PURE__ */ React2.createElement("p", null, "\u652F\u6301\u683C\u5F0F: ", acceptedTypes.join(", ")), /* @__PURE__ */ React2.createElement("p", null, "\u6700\u5927\u5927\u5C0F: ", maxFileSize, "MB | \u6700\u591A\u6587\u4EF6: ", maxFiles, "\u4E2A")))),
     /* @__PURE__ */ React2.createElement(
@@ -993,7 +994,7 @@ var FileUploader = ({
       "div",
       {
         className: "bg-blue-500 h-2 rounded-full transition-all duration-300",
-        style: { width: `${uploadingFile.progress.progress}%` }
+        style: { width: uploadingFile.progress.progress + "%" }
       }
     )), /* @__PURE__ */ React2.createElement("p", { className: "text-xs text-gray-500" }, formatProgress(uploadingFile.progress)))),
     /* @__PURE__ */ React2.createElement(
@@ -1165,7 +1166,7 @@ var UniversalFileManager = ({
     });
   }, [onFileSelect, state.files]);
   const handleDeleteFiles = useCallback(async (fileIds) => {
-    if (!window.confirm(`\u786E\u5B9A\u8981\u5220\u9664\u9009\u4E2D\u7684 ${fileIds.length} \u4E2A\u6587\u4EF6\u5417\uFF1F`)) {
+    if (!window.confirm("\u786E\u5B9A\u8981\u5220\u9664\u9009\u4E2D\u7684 " + fileIds.length + " \u4E2A\u6587\u4EF6\u5417\uFF1F")) {
       return;
     }
     setState((prev) => ({ ...prev, loading: true }));
@@ -1277,7 +1278,7 @@ var UniversalFileManager = ({
       "div",
       {
         key: file.id,
-        className: `relative border rounded-lg p-4 cursor-pointer transition-all duration-200 hover:shadow-md ${isSelected ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300"}`,
+        className: clsx("relative border rounded-lg p-4 cursor-pointer transition-all duration-200 hover:shadow-md", isSelected ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300"),
         onClick: () => handleFileSelect(file.id, !isSelected)
       },
       allowBatch && /* @__PURE__ */ React2.createElement("div", { className: "absolute top-2 left-2" }, /* @__PURE__ */ React2.createElement(
@@ -1438,7 +1439,7 @@ var UniversalFileManager = ({
           key: action.key,
           onClick: () => action.onClick(selectedFileList),
           disabled: isDisabled,
-          className: `px-3 py-1 text-sm border rounded ${isDisabled ? "text-gray-400 border-gray-200 cursor-not-allowed" : "text-blue-600 border-blue-300 hover:bg-blue-50"}`
+          className: clsx("px-3 py-1 text-sm border rounded", isDisabled ? "text-gray-400 border-gray-200 cursor-not-allowed" : "text-blue-600 border-blue-300 hover:bg-blue-50")
         },
         action.icon && /* @__PURE__ */ React2.createElement("span", { className: "mr-1" }, action.icon),
         action.label
@@ -1446,7 +1447,7 @@ var UniversalFileManager = ({
     }))), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ React2.createElement(
       "select",
       {
-        value: `${state.sortBy}-${state.sortOrder}`,
+        value: state.sortBy + "-" + state.sortOrder,
         onChange: (e) => {
           const [sortBy, sortOrder] = e.target.value.split("-");
           setState((prev) => ({ ...prev, sortBy, sortOrder }));
@@ -1490,7 +1491,7 @@ var UniversalFileManager = ({
       {
         key: pageNum,
         onClick: () => handlePageChange(pageNum),
-        className: `px-3 py-1 text-sm border rounded ${pageNum === page ? "bg-blue-600 text-white border-blue-600" : "hover:bg-gray-50"}`
+        className: clsx("px-3 py-1 text-sm border rounded", pageNum === page ? "bg-blue-600 text-white border-blue-600" : "hover:bg-gray-50")
       },
       pageNum
     )), /* @__PURE__ */ React2.createElement(
@@ -1517,7 +1518,7 @@ var UniversalFileManager = ({
       className: "mt-2 text-blue-600 hover:text-blue-800"
     },
     "\u70B9\u51FB\u4E0A\u4F20\u7B2C\u4E00\u4E2A\u6587\u4EF6"
-  ))) : /* @__PURE__ */ React2.createElement("div", { className: `grid gap-4 ${mode === "grid" ? "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6" : "grid-cols-1"}` }, state.files.map(renderFileItem))), renderPagination(), state.previewFile && showPreview && /* @__PURE__ */ React2.createElement(
+  ))) : /* @__PURE__ */ React2.createElement("div", { className: clsx("grid gap-4", mode === "grid" ? "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6" : "grid-cols-1") }, state.files.map(renderFileItem))), renderPagination(), state.previewFile && showPreview && /* @__PURE__ */ React2.createElement(
     FilePreviewModal,
     {
       file: state.previewFile,
@@ -1545,7 +1546,7 @@ var FilePreviewModal = ({ file, onClose }) => {
       return /* @__PURE__ */ React2.createElement(
         "img",
         {
-          src: file.cdnUrl || `/api/files/${file.id}/download`,
+          src: file.cdnUrl || "/api/files/" + file.id + "/download",
           alt: file.originalName,
           className: "max-w-full max-h-full object-contain"
         }
@@ -1555,7 +1556,7 @@ var FilePreviewModal = ({ file, onClose }) => {
       return /* @__PURE__ */ React2.createElement(
         "video",
         {
-          src: file.cdnUrl || `/api/files/${file.id}/download`,
+          src: file.cdnUrl || "/api/files/" + file.id + "/download",
           controls: true,
           className: "max-w-full max-h-full"
         },
@@ -1566,7 +1567,7 @@ var FilePreviewModal = ({ file, onClose }) => {
       return /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col items-center space-y-4" }, /* @__PURE__ */ React2.createElement("div", { className: "text-6xl" }, "\u{1F3B5}"), /* @__PURE__ */ React2.createElement(
         "audio",
         {
-          src: file.cdnUrl || `/api/files/${file.id}/download`,
+          src: file.cdnUrl || "/api/files/" + file.id + "/download",
           controls: true,
           className: "w-full max-w-md"
         },
@@ -1577,7 +1578,7 @@ var FilePreviewModal = ({ file, onClose }) => {
       return /* @__PURE__ */ React2.createElement(
         "iframe",
         {
-          src: `${file.cdnUrl || `/api/files/${file.id}/download`}#toolbar=0`,
+          src: (file.cdnUrl || "/api/files/" + file.id + "/download") + "#toolbar=0",
           className: "w-full h-full min-h-96",
           title: file.originalName
         }
@@ -1586,7 +1587,7 @@ var FilePreviewModal = ({ file, onClose }) => {
     return /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col items-center justify-center h-64 text-gray-500" }, /* @__PURE__ */ React2.createElement("div", { className: "text-4xl mb-4" }, "\u{1F4C4}"), /* @__PURE__ */ React2.createElement("p", null, "\u6B64\u6587\u4EF6\u7C7B\u578B\u6682\u4E0D\u652F\u6301\u9884\u89C8"), /* @__PURE__ */ React2.createElement(
       "a",
       {
-        href: file.cdnUrl || `/api/files/${file.id}/download`,
+        href: file.cdnUrl || "/api/files/" + file.id + "/download",
         download: file.originalName,
         className: "mt-4 px-4 py-2 text-blue-600 border border-blue-300 rounded hover:bg-blue-50"
       },
@@ -1725,7 +1726,7 @@ var FolderManager = ({
     }));
   }, []);
   const deleteFolder = useCallback(async (folderId, folderName) => {
-    if (!window.confirm(`\u786E\u5B9A\u8981\u5220\u9664\u6587\u4EF6\u5939"${folderName}"\u5417\uFF1F\u6B64\u64CD\u4F5C\u5C06\u5220\u9664\u6587\u4EF6\u5939\u5185\u7684\u6240\u6709\u6587\u4EF6\u3002`)) {
+    if (!window.confirm('\u786E\u5B9A\u8981\u5220\u9664\u6587\u4EF6\u5939"' + folderName + '"\u5417\uFF1F\u6B64\u64CD\u4F5C\u5C06\u5220\u9664\u6587\u4EF6\u5939\u5185\u7684\u6240\u6709\u6587\u4EF6\u3002')) {
       return;
     }
     if (!onFolderDelete) return;
@@ -1784,8 +1785,8 @@ var FolderManager = ({
     return /* @__PURE__ */ React2.createElement("div", { key: folder.id, className: "select-none" }, /* @__PURE__ */ React2.createElement(
       "div",
       {
-        className: `flex items-center py-1 px-2 rounded-md cursor-pointer transition-colors ${isSelected ? "bg-blue-100 text-blue-800" : isDragOver ? "bg-green-100" : "hover:bg-gray-100"}`,
-        style: { paddingLeft: `${level * 16 + 8}px` },
+        className: clsx("flex items-center py-1 px-2 rounded-md cursor-pointer transition-colors", isSelected ? "bg-blue-100 text-blue-800" : isDragOver ? "bg-green-100" : "hover:bg-gray-100"),
+        style: { paddingLeft: level * 16 + 8 + "px" },
         onClick: () => selectFolder(folder.id),
         onContextMenu: (e) => handleContextMenu(e, folder.id),
         onDragOver: allowDrag ? (e) => handleDragOver(e, folder.id) : void 0,
@@ -1801,7 +1802,7 @@ var FolderManager = ({
           },
           className: "mr-1 p-1 hover:bg-gray-200 rounded"
         },
-        /* @__PURE__ */ React2.createElement("span", { className: `text-xs transition-transform ${isExpanded ? "rotate-90" : ""}` }, "\u25B6")
+        /* @__PURE__ */ React2.createElement("span", { className: clsx("text-xs transition-transform", isExpanded ? "rotate-90" : "") }, "\u25B6")
       ),
       /* @__PURE__ */ React2.createElement("span", { className: "mr-2 text-yellow-600" }, isExpanded ? "\u{1F4C2}" : "\u{1F4C1}"),
       /* @__PURE__ */ React2.createElement("div", { className: "flex-1 flex items-center justify-between" }, isEditing ? /* @__PURE__ */ React2.createElement(
@@ -1827,7 +1828,7 @@ var FolderManager = ({
       "div",
       {
         className: "flex items-center py-1 px-2 ml-4",
-        style: { paddingLeft: `${(level + 1) * 16 + 8}px` }
+        style: { paddingLeft: (level + 1) * 16 + 8 + "px" }
       },
       /* @__PURE__ */ React2.createElement("span", { className: "mr-2 text-yellow-600" }, "\u{1F4C1}"),
       /* @__PURE__ */ React2.createElement(
@@ -2016,7 +2017,7 @@ var FileShareModal = ({
     try {
       const expiresAt = getExpiresAt();
       const mockShareInfo = {
-        shareUrl: `${window.location.origin}/share/${generateShareCode()}`,
+        shareUrl: window.location.origin + "/share/" + generateShareCode(),
         password: shareOptions.requirePassword ? shareOptions.password : void 0,
         expiresAt,
         permission: shareOptions.permission,
@@ -2055,7 +2056,7 @@ var FileShareModal = ({
     if (files.length === 1 && files[0]) {
       return files[0].originalName;
     }
-    return `${files.length} \u4E2A\u6587\u4EF6`;
+    return files.length + " \u4E2A\u6587\u4EF6";
   }, [files]);
   const renderShareSettings = () => {
     if (shareInfo) return null;
@@ -2209,10 +2210,10 @@ var FileShareModal = ({
       {
         onClick: () => {
           const shareText = [
-            `\u6587\u4EF6\u5206\u4EAB\uFF1A${formatFileList()}`,
-            `\u94FE\u63A5\uFF1A${shareInfo.shareUrl}`,
-            shareInfo.password ? `\u5BC6\u7801\uFF1A${shareInfo.password}` : "",
-            shareInfo.expiresAt ? `\u8FC7\u671F\u65F6\u95F4\uFF1A${shareInfo.expiresAt.toLocaleString()}` : "\u6C38\u4E0D\u8FC7\u671F"
+            "\u6587\u4EF6\u5206\u4EAB\uFF1A" + formatFileList(),
+            "\u94FE\u63A5\uFF1A" + shareInfo.shareUrl,
+            shareInfo.password ? "\u5BC6\u7801\uFF1A" + shareInfo.password : "",
+            shareInfo.expiresAt ? "\u8FC7\u671F\u65F6\u95F4\uFF1A" + shareInfo.expiresAt.toLocaleString() : "\u6C38\u4E0D\u8FC7\u671F"
           ].filter(Boolean).join("\n");
           copyToClipboard(shareText);
         },