@sl-material/sl-import 1.1.0-beta3 → 1.1.0-beta4

package/sl-import.es.js

@@ -16,14 +16,15 @@ var ExportTypeEnum = /* @__PURE__ */ ((ExportTypeEnum2) => {
   return ExportTypeEnum2;
 })(ExportTypeEnum || {});
 var I18nLocaleEnum = /* @__PURE__ */ ((I18nLocaleEnum2) => {
-  I18nLocaleEnum2["ZH_CN"] = "zh-CN";
-  I18nLocaleEnum2["ZH_TW"] = "zh-TW";
-  I18nLocaleEnum2["JA"] = "ja";
+  I18nLocaleEnum2["ZH_CN"] = "zh_CN";
+  I18nLocaleEnum2["EN_US"] = "en_US";
+  I18nLocaleEnum2["JA_JP"] = "ja_JP";
+  I18nLocaleEnum2["ZH_HK"] = "zh_HK";
+  I18nLocaleEnum2["ZH_TW"] = "zh_TW";
   I18nLocaleEnum2["ID"] = "id";
-  I18nLocaleEnum2["EN_US"] = "en-US";
   return I18nLocaleEnum2;
 })(I18nLocaleEnum || {});
-const DEFAULT_LOCALE = "zh-CN";
+const DEFAULT_LOCALE = "zh_CN";
 var __defProp$6 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
@@ -2195,12 +2196,24 @@ const zhCN = {
   startDate: "开始日期",
   endDate: "结束日期",
   to: "至",
-  // 错误信息
+  // 错误信息和提示
+  pleaseSelectFile: "请选择文件",
+  maxFilesLimit: "最多只能上传 {max} 个文件",
+  fileFormatNotSupported: "文件 {name} 格式不支持，仅支持 {types}",
+  fileSizeExceeded: "文件 {name} 超过最大限制 {size}{unit}",
   fileTypeError: "请上传文件",
   fileSizeError: "文件大小超出限制",
   uploadFailed: "上传失败",
+  uploadFailedRetry: "上传失败，请重试",
   uploadSuccess: "上传成功",
   uploading: "上传中...",
+  processingFailed: "处理失败",
+  fileUploadingCannotDelete: "文件正在上传中，无法删除",
+  filesUploadingCannotClear: "有文件正在上传中，无法清空",
+  filesUploading: "有文件正在上传中，请等待上传完成",
+  filesUploadFailed: "有 {count} 个文件上传失败，请重新上传",
+  waitForUploadComplete: "请等待所有文件上传完成",
+  chunkedUploadConfigRequired: "分片上传需要配置 chunkedUpload",
   // 模板配置 - 上传标题
   uploadTitleBase: "上传文件",
   uploadTitleTemplate1: "上传编辑好的文件",
@@ -2281,12 +2294,24 @@ const zhTW = {
   startDate: "開始日期",
   endDate: "結束日期",
   to: "至",
-  // 錯誤資訊
-  fileTypeError: "請上傳檔案",
-  fileSizeError: "檔案大小超出限制",
+  // 錯誤信息和提示
+  pleaseSelectFile: "請選擇文件",
+  maxFilesLimit: "最多只能上傳 {max} 個文件",
+  fileFormatNotSupported: "文件 {name} 格式不支持，僅支持 {types}",
+  fileSizeExceeded: "文件 {name} 超過最大限制 {size}{unit}",
+  fileTypeError: "請上傳文件",
+  fileSizeError: "文件大小超出限制",
   uploadFailed: "上傳失敗",
+  uploadFailedRetry: "上傳失敗，請重試",
   uploadSuccess: "上傳成功",
   uploading: "上傳中...",
+  processingFailed: "處理失敗",
+  fileUploadingCannotDelete: "文件正在上傳中，無法刪除",
+  filesUploadingCannotClear: "有文件正在上傳中，無法清空",
+  filesUploading: "有文件正在上傳中，請等待上傳完成",
+  filesUploadFailed: "有 {count} 個文件上傳失敗，請重新上傳",
+  waitForUploadComplete: "請等待所有文件上傳完成",
+  chunkedUploadConfigRequired: "分片上傳需要配置 chunkedUpload",
   // 模板配置 - 上傳標題
   uploadTitleBase: "上傳檔案",
   uploadTitleTemplate1: "上傳編輯好的檔案",
@@ -2367,12 +2392,24 @@ const ja = {
   startDate: "開始日",
   endDate: "終了日",
   to: "から",
-  // エラー情報
+  // エラー情報と提示
+  pleaseSelectFile: "ファイルを選択してください",
+  maxFilesLimit: "最大 {max} ファイルまでアップロード可能",
+  fileFormatNotSupported: "ファイル {name} の形式はサポートされていません。{types} のみ対応",
+  fileSizeExceeded: "ファイル {name} が最大サイズ {size}{unit} を超えています",
   fileTypeError: "ファイルをアップロードしてください",
   fileSizeError: "ファイルサイズが制限を超えています",
   uploadFailed: "アップロード失敗",
+  uploadFailedRetry: "アップロードに失敗しました。再試行してください",
   uploadSuccess: "アップロード成功",
   uploading: "アップロード中...",
+  processingFailed: "処理に失敗しました",
+  fileUploadingCannotDelete: "ファイルをアップロード中のため削除できません",
+  filesUploadingCannotClear: "ファイルをアップロード中のためクリアできません",
+  filesUploading: "ファイルをアップロード中です。完了までお待ちください",
+  filesUploadFailed: "{count} 個のファイルのアップロードに失敗しました。再アップロードしてください",
+  waitForUploadComplete: "すべてのファイルのアップロードが完了するまでお待ちください",
+  chunkedUploadConfigRequired: "チャンクアップロードには chunkedUpload の設定が必要です",
   // テンプレート設定 - アップロードタイトル
   uploadTitleBase: "ファイルをアップロード",
   uploadTitleTemplate1: "編集済みファイルをアップロード",
@@ -2453,12 +2490,24 @@ const id = {
   startDate: "Tanggal mulai",
   endDate: "Tanggal akhir",
   to: "hingga",
-  // Informasi error
+  // Informasi kesalahan dan petunjuk
+  pleaseSelectFile: "Silakan pilih file",
+  maxFilesLimit: "Maksimal {max} file yang diizinkan",
+  fileFormatNotSupported: "Format file {name} tidak didukung, hanya {types} yang diizinkan",
+  fileSizeExceeded: "File {name} melebihi ukuran maksimal {size}{unit}",
   fileTypeError: "Silakan unggah file",
   fileSizeError: "Ukuran file melebihi batas",
   uploadFailed: "Unggah gagal",
+  uploadFailedRetry: "Unggah gagal, silakan coba lagi",
   uploadSuccess: "Unggah berhasil",
   uploading: "Mengunggah...",
+  processingFailed: "Pemrosesan gagal",
+  fileUploadingCannotDelete: "File sedang diunggah, tidak dapat dihapus",
+  filesUploadingCannotClear: "File sedang diunggah, tidak dapat dikosongkan",
+  filesUploading: "File sedang diunggah, harap tunggu hingga selesai",
+  filesUploadFailed: "{count} file gagal diunggah, silakan unggah ulang",
+  waitForUploadComplete: "Harap tunggu semua file selesai diunggah",
+  chunkedUploadConfigRequired: "Unggah chunk memerlukan konfigurasi chunkedUpload",
   // Konfigurasi template - Judul unggah
   uploadTitleBase: "Unggah File",
   uploadTitleTemplate1: "Unggah File yang Diedit",
@@ -2539,12 +2588,24 @@ const enUS = {
   startDate: "Start date",
   endDate: "End date",
   to: "to",
-  // 错误信息
+  // 错误信息和提示
+  pleaseSelectFile: "Please select a file",
+  maxFilesLimit: "Maximum {max} files allowed",
+  fileFormatNotSupported: "File {name} format not supported, only {types} allowed",
+  fileSizeExceeded: "File {name} exceeds maximum size {size}{unit}",
   fileTypeError: "Please upload file",
   fileSizeError: "File size exceeds limit",
   uploadFailed: "Upload failed",
+  uploadFailedRetry: "Upload failed, please retry",
   uploadSuccess: "Upload successful",
   uploading: "Uploading...",
+  processingFailed: "Processing failed",
+  fileUploadingCannotDelete: "File is uploading, cannot delete",
+  filesUploadingCannotClear: "Files are uploading, cannot clear",
+  filesUploading: "Files are uploading, please wait for completion",
+  filesUploadFailed: "{count} file(s) failed to upload, please re-upload",
+  waitForUploadComplete: "Please wait for all files to complete uploading",
+  chunkedUploadConfigRequired: "Chunked upload requires chunkedUpload configuration",
   // 模板配置 - 上传标题
   uploadTitleBase: "Upload File",
   uploadTitleTemplate1: "Upload Edited File",
@@ -2596,11 +2657,13 @@ var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key,
 var __publicField$4 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
 const defaultLocale = DEFAULT_LOCALE;
 const locales = {
-  "zh-CN": zhCN,
-  "zh-TW": zhTW,
-  ja,
-  id,
-  "en-US": enUS
+  zh_CN: zhCN,
+  en_US: enUS,
+  ja_JP: ja,
+  zh_HK: zhTW,
+  // 暂时使用繁体中文（台湾）的翻译
+  zh_TW: zhTW,
+  id
 };
 class I18n {
   constructor() {
@@ -3042,20 +3105,22 @@ var __async$2 = (__this, __arguments, generator) => {
   });
 };
 class ChunkedUploader {
-  constructor(chunkedConfig, callbacks = {}, autoUpload = false) {
+  constructor(chunkedConfig, callbacks = {}) {
     __publicField$2(this, "resumable");
     __publicField$2(this, "currentFileItem", null);
     __publicField$2(this, "chunkedConfig");
     __publicField$2(this, "callbacks");
-    __publicField$2(this, "autoUpload");
     __publicField$2(this, "uploadCompleteResolve");
     __publicField$2(this, "uploadCompleteReject");
     this.chunkedConfig = chunkedConfig;
     this.callbacks = callbacks;
-    this.autoUpload = autoUpload;
   }
   /**
    * 上传单个文件（分片方式）
+   * 完整流程：初始化 → 分片上传 → 合并 → 返回结果
+   *
+   * @param fileItem 文件项
+   * @returns 合并后的结果
    */
   upload(fileItem) {
     return __async$2(this, null, function* () {
@@ -3068,14 +3133,7 @@ class ChunkedUploader {
         this.currentFileItem = fileItem;
         this.initResumable(initResult);
         this.resumable.addFile(fileItem.file);
-        if (this.autoUpload) {
-          return yield this.waitForUploadComplete();
-        } else {
-          return {
-            uploadSessionId: initResult.uploadSessionId,
-            initialized: true
-          };
-        }
+        return yield this.waitForUploadComplete();
       } catch (error) {
         const err = error instanceof Error ? error : new Error(String(error));
         throw err;
@@ -3084,6 +3142,7 @@ class ChunkedUploader {
   }
   /**
    * 等待上传完成
+   * 返回一个 Promise，在 fileSuccess 事件触发并完成合并后 resolve
    */
   waitForUploadComplete() {
     return new Promise((resolve, reject) => {
@@ -3092,7 +3151,7 @@ class ChunkedUploader {
     });
   }
   /**
-   * 初始化Resumable实例
+   * 初始化 Resumable 实例
    */
   initResumable(initResult) {
     if (this.resumable) {
@@ -3117,7 +3176,7 @@ class ChunkedUploader {
     this.bindResumableEvents();
   }
   /**
-   * 绑定Resumable事件监听器
+   * 绑定 Resumable 事件监听器
    */
   bindResumableEvents() {
     this.resumable.on("progress", () => {
@@ -3140,9 +3199,7 @@ class ChunkedUploader {
       this.handleResumableError(message);
     });
     this.resumable.on("fileAdded", () => {
-      if (this.autoUpload) {
-        this.resumable.upload();
-      }
+      this.resumable.upload();
     });
   }
   /**
@@ -3279,22 +3336,17 @@ class ImportDialogUploader {
   initUploaders() {
     const uploadConfig = this.config.uploadConfig;
     if ((uploadConfig == null ? void 0 : uploadConfig.chunkedUpload) && !this.config.multiple) {
-      this.chunkedUploader = new ChunkedUploader(
-        uploadConfig.chunkedUpload,
-        {
-          onProgress: (fileItem, progress) => {
-            var _a, _b, _c, _d;
-            (_b = (_a = this.callbacks).onUploadProgress) == null ? void 0 : _b.call(_a, fileItem, progress);
-            (_d = (_c = this.callbacks).onUpdate) == null ? void 0 : _d.call(_c);
-          },
-          onUpdate: () => {
-            var _a, _b;
-            (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
-          }
+      this.chunkedUploader = new ChunkedUploader(uploadConfig.chunkedUpload, {
+        onProgress: (fileItem, progress) => {
+          var _a, _b, _c, _d;
+          (_b = (_a = this.callbacks).onUploadProgress) == null ? void 0 : _b.call(_a, fileItem, progress);
+          (_d = (_c = this.callbacks).onUpdate) == null ? void 0 : _d.call(_c);
         },
-        uploadConfig.autoUpload === true
-        // 只有明确设置为 true 时才自动上传
-      );
+        onUpdate: () => {
+          var _a, _b;
+          (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
+        }
+      });
     }
   }
   /**
@@ -3321,14 +3373,63 @@ class ImportDialogUploader {
     this.uploadMessage = "";
     this.uploadMessageType = "info";
   }
+  /**
+   * 将文件大小转换为字节
+   * @param size 大小数值
+   * @param unit 单位
+   * @returns 字节数
+   */
+  convertToBytes(size, unit = "MB") {
+    const units = {
+      KB: 1024,
+      MB: 1024 * 1024,
+      GB: 1024 * 1024 * 1024
+    };
+    return size * units[unit];
+  }
+  /**
+   * 格式化文件大小显示
+   * @param bytes 字节数
+   * @param unit 目标单位
+   * @returns 格式化后的大小字符串
+   */
+  formatFileSize(bytes, unit = "MB") {
+    const size = bytes / this.convertToBytes(1, unit);
+    return `${size.toFixed(2)}${unit}`;
+  }
+  /**
+   * 检查文件格式是否符合要求
+   * @param file 文件
+   * @param acceptTypes 接受的文件类型，如 ".xls,.xlsx,.csv"
+   * @returns 是否符合要求
+   */
+  isValidFileType(file, acceptTypes) {
+    if (!acceptTypes) return true;
+    const fileName = file.name.toLowerCase();
+    const fileExt = fileName.substring(fileName.lastIndexOf("."));
+    const acceptList = acceptTypes.toLowerCase().split(",").map((ext) => ext.trim());
+    return acceptList.some((accept) => {
+      if (accept.startsWith(".")) {
+        return fileExt === accept;
+      }
+      if (accept.includes("/")) {
+        const [type, subtype] = accept.split("/");
+        if (subtype === "*") {
+          return file.type.startsWith(type + "/");
+        }
+        return file.type === accept;
+      }
+      return false;
+    });
+  }
   /**
    * 文件上传之前的校验 选择文件时调用
    */
   beforeUpload(files) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
     const fileArray = Array.isArray(files) ? files : [files];
     if (!fileArray.length) {
-      (_b = (_a = this.callbacks).onMessage) == null ? void 0 : _b.call(_a, "请选择文件", "warning");
+      (_b = (_a = this.callbacks).onMessage) == null ? void 0 : _b.call(_a, t("pleaseSelectFile"), "warning");
       return false;
     }
     if (this.config.multiple) {
@@ -3336,17 +3437,37 @@ class ImportDialogUploader {
       if (totalFiles > this.config.maxFiles) {
         (_d = (_c = this.callbacks).onMessage) == null ? void 0 : _d.call(
           _c,
-          `最多只能上传 ${this.config.maxFiles} 个文件`,
+          t("maxFilesLimit", { max: this.config.maxFiles }),
           "warning"
         );
         return false;
       }
     }
     for (const file of fileArray) {
-      if (file.size > this.config.maxFileSize) {
+      if (!this.isValidFileType(file, this.config.acceptTypes)) {
+        const acceptTypes = this.config.acceptTypes || "";
         (_f = (_e = this.callbacks).onMessage) == null ? void 0 : _f.call(
           _e,
-          `文件 ${file.name} 超过最大限制 ${Math.round(this.config.maxFileSize / 1024 / 1024)}MB`,
+          t("fileFormatNotSupported", { name: file.name, types: acceptTypes }),
+          "warning"
+        );
+        return false;
+      }
+    }
+    const maxFileSizeUnit = this.config.maxFileSizeUnit || "MB";
+    const maxFileSizeBytes = this.convertToBytes(
+      this.config.maxFileSize,
+      maxFileSizeUnit
+    );
+    for (const file of fileArray) {
+      if (file.size > maxFileSizeBytes) {
+        (_h = (_g = this.callbacks).onMessage) == null ? void 0 : _h.call(
+          _g,
+          t("fileSizeExceeded", {
+            name: file.name,
+            size: this.config.maxFileSize,
+            unit: maxFileSizeUnit
+          }),
           "warning"
         );
         return false;
@@ -3369,8 +3490,8 @@ class ImportDialogUploader {
         this.fileList = [file];
       }
     }
-    (_h = (_g = this.callbacks).onUpdate) == null ? void 0 : _h.call(_g);
-    (_j = (_i = this.callbacks).onFileChange) == null ? void 0 : _j.call(_i, this.uploadFileList);
+    (_j = (_i = this.callbacks).onUpdate) == null ? void 0 : _j.call(_i);
+    (_l = (_k = this.callbacks).onFileChange) == null ? void 0 : _l.call(_k, this.uploadFileList);
     if (this.shouldUseChunkedUpload()) {
       this.processChunkedUpload();
     } else {
@@ -3380,7 +3501,9 @@ class ImportDialogUploader {
   }
   /**
    * 处理分片上传
-   * 仅在配置了 chunkedUpload 时调用
+   * 根据 autoUpload 配置决定是否立即上传
+   * - autoUpload: true → 立即开始上传
+   * - autoUpload: false/undefined → 等待用户点击确认后上传
    */
   processChunkedUpload() {
     return __async$1(this, null, function* () {
@@ -3450,7 +3573,7 @@ class ImportDialogUploader {
         (_e = (_d = this.callbacks).onUploadSuccess) == null ? void 0 : _e.call(_d, fileItem, fileItem.response);
       } catch (error) {
         fileItem.status = "error";
-        fileItem.errorMessage = error instanceof Error ? error.message : "处理失败";
+        fileItem.errorMessage = error instanceof Error ? error.message : t("processingFailed");
         (_g = (_f = this.callbacks).onUploadError) == null ? void 0 : _g.call(_f, fileItem, error);
       }
       this.isUploading = this.uploadFileList.some(
@@ -3474,7 +3597,7 @@ class ImportDialogUploader {
     if (index !== void 0 && index >= 0 && index < this.uploadFileList.length) {
       const fileItem = this.uploadFileList[index];
       if (needCheckStatus && fileItem.status === "uploading") {
-        (_c = (_b = this.callbacks).onMessage) == null ? void 0 : _c.call(_b, "文件正在上传中，无法删除", "warning");
+        (_c = (_b = this.callbacks).onMessage) == null ? void 0 : _c.call(_b, t("fileUploadingCannotDelete"), "warning");
         return false;
       }
       this.uploadFileList.splice(index, 1);
@@ -3485,7 +3608,7 @@ class ImportDialogUploader {
           (f) => f.status === "uploading"
         );
         if (hasUploading) {
-          (_e = (_d = this.callbacks).onMessage) == null ? void 0 : _e.call(_d, "有文件正在上传中，无法清空", "warning");
+          (_e = (_d = this.callbacks).onMessage) == null ? void 0 : _e.call(_d, t("filesUploadingCannotClear"), "warning");
           return false;
         }
       }
@@ -3508,7 +3631,7 @@ class ImportDialogUploader {
    */
   uploadSingleFile(fileItem) {
     return __async$1(this, null, function* () {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       fileItem.status = "uploading";
       fileItem.progress = 0;
       this.isUploading = true;
@@ -3521,9 +3644,15 @@ class ImportDialogUploader {
         return fileItem.response;
       } catch (error) {
         fileItem.status = "error";
-        fileItem.errorMessage = error instanceof Error ? error.message : "上传失败";
+        fileItem.errorMessage = error instanceof Error ? error.message : t("uploadFailed");
         (_f = (_e = this.callbacks).onUploadError) == null ? void 0 : _f.call(_e, fileItem, error);
         throw error;
+      } finally {
+        this.isUploading = this.uploadFileList.some(
+          (f) => f.status === "uploading"
+        );
+        (_h = (_g = this.callbacks).onUpdate) == null ? void 0 : _h.call(_g);
+        this.updateOverallProgress();
       }
     });
   }
@@ -3533,7 +3662,7 @@ class ImportDialogUploader {
   uploadFileChunked(fileItem) {
     return __async$1(this, null, function* () {
       if (!this.chunkedUploader) {
-        throw new Error("分片上传需要配置 chunkedUpload");
+        throw new Error(t("chunkedUploadConfigRequired"));
       }
       return yield this.chunkedUploader.upload(fileItem);
     });
@@ -3771,7 +3900,8 @@ const _ImportDialog = class _ImportDialog2 {
       {
         multiple: false,
         maxFiles: 10,
-        maxFileSize: 100 * 1024 * 1024
+        maxFileSize: 100,
+        maxFileSizeUnit: "MB"
       },
       {
         onUpdate: () => this.updateModal(),
@@ -4173,7 +4303,7 @@ const _ImportDialog = class _ImportDialog2 {
         return;
       }
       if (this.uploader.hasUploadingFiles()) {
-        this.showMessage("有文件正在上传中，请等待上传完成", "warning");
+        this.showMessage(t("filesUploading"), "warning");
         return;
       }
       if (this.uploader.hasPendingFiles()) {
@@ -4185,7 +4315,7 @@ const _ImportDialog = class _ImportDialog2 {
         try {
           const chunkResult = yield this.uploader.startUpload();
         } catch (error) {
-          this.showMessage("上传失败，请重试", "error");
+          this.showMessage(t("uploadFailedRetry"), "error");
           if (confirmLoadingEnabled2) {
             this.confirmLoading = false;
             this.updateModal();
@@ -4196,7 +4326,7 @@ const _ImportDialog = class _ImportDialog2 {
       const failedFiles = this.uploader.getFailedFiles();
       if (failedFiles.length > 0) {
         this.showMessage(
-          `有 ${failedFiles.length} 个文件上传失败，请重新上传`,
+          t("filesUploadFailed", { count: failedFiles.length }),
           "warning"
         );
         const confirmLoadingEnabled2 = ((_b = this.modalOptions.uploadConfig) == null ? void 0 : _b.confirmLoading) != null ? this.modalOptions.uploadConfig.confirmLoading : true;
@@ -4265,7 +4395,9 @@ const _ImportDialog = class _ImportDialog2 {
     this.uploader.updateConfig({
       multiple: (uploadConfig == null ? void 0 : uploadConfig.multiple) != null ? uploadConfig.multiple : false,
       maxFiles: (uploadConfig == null ? void 0 : uploadConfig.maxFiles) != null ? uploadConfig.maxFiles : 10,
-      maxFileSize: (uploadConfig == null ? void 0 : uploadConfig.maxFileSize) != null ? uploadConfig.maxFileSize : 100 * 1024 * 1024,
+      maxFileSize: (uploadConfig == null ? void 0 : uploadConfig.maxFileSize) != null ? uploadConfig.maxFileSize : 100,
+      maxFileSizeUnit: (uploadConfig == null ? void 0 : uploadConfig.maxFileSizeUnit) != null ? uploadConfig.maxFileSizeUnit : "MB",
+      acceptTypes: this.currentConfig.acceptTypes,
       uploadConfig
     });
     this.activeTabIndex = (options == null ? void 0 : options.defaultActiveTab) || 0;