@sl-material/sl-import 1.0.0-beta0 → 1.0.0-beta10

package/sl-import.es.js

@@ -2192,7 +2192,7 @@ const zhCN = {
   selectDate: "选择日期",
   // 上传部分
   uploadTitle: "3.上传文件",
-  dragFileHere: "将文件拖到此处，或",
+  dragFileHere: "将文件拖到此处，",
   or: "或",
   uploadLinkText: "点击上传",
   uploadHint: "文件仅支持扩展名：.xls,.xlsx",
@@ -2278,7 +2278,7 @@ const zhTW = {
   selectDate: "選擇日期",
   // 上傳部分
   uploadTitle: "3.上傳檔案",
-  dragFileHere: "將檔案拖到此處，或",
+  dragFileHere: "將檔案拖到此處，",
   or: "或",
   uploadLinkText: "點擊上傳",
   uploadHint: "檔案僅支援副檔名：.xls,.xlsx",
@@ -2364,7 +2364,7 @@ const ja = {
   selectDate: "日付を選択",
   // アップロード部分
   uploadTitle: "3.ファイルをアップロード",
-  dragFileHere: "ファイルをここにドラッグ、または",
+  dragFileHere: "ファイルをここにドラッグ、",
   or: "または",
   uploadLinkText: "クリックしてアップロード",
   uploadHint: "ファイルは拡張子のみサポート：.xls,.xlsx",
@@ -2450,7 +2450,7 @@ const id = {
   selectDate: "Pilih Tanggal",
   // Bagian unggah
   uploadTitle: "3. Unggah File",
-  dragFileHere: "Seret file di sini, atau",
+  dragFileHere: "Seret file di sini, ",
   or: "atau",
   uploadLinkText: "klik untuk mengunggah",
   uploadHint: "Hanya mendukung ekstensi file: .xls,.xlsx",
@@ -2536,7 +2536,7 @@ const enUS = {
   selectDate: "Select Date",
   // 上传部分
   uploadTitle: "3. Upload File",
-  dragFileHere: "Drag files here, or",
+  dragFileHere: "Drag files here, ",
   or: "or",
   uploadLinkText: "click to upload",
   uploadHint: "Supports batch import, file size not exceeding 10MB",
@@ -2956,6 +2956,214 @@ class ImportDialogRenderer {
     `;
   }
 }
+class ChunkedUploader {
+  constructor(chunkedConfig, callbacks = {}) {
+    __publicField(this, "resumable");
+    __publicField(this, "currentFileItem", null);
+    __publicField(this, "chunkedConfig");
+    __publicField(this, "callbacks");
+    // Promise resolve/reject 函数存储
+    __publicField(this, "uploadCompleteResolve");
+    __publicField(this, "uploadCompleteReject");
+    this.chunkedConfig = chunkedConfig;
+    this.callbacks = callbacks;
+  }
+  /**
+   * 上传单个文件（分片方式）
+   */
+  async upload(fileItem) {
+    try {
+      const initResult = await this.chunkedConfig.initUpload(
+        fileItem.file.name,
+        fileItem.file.size
+      );
+      fileItem.uploadSessionId = initResult.uploadSessionId;
+      this.currentFileItem = fileItem;
+      this.initResumable(initResult);
+      this.resumable.addFile(fileItem.file);
+      return await this.waitForUploadComplete();
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error(String(error));
+      throw err;
+    }
+  }
+  /**
+   * 等待上传完成
+   */
+  waitForUploadComplete() {
+    return new Promise((resolve, reject) => {
+      this.uploadCompleteResolve = resolve;
+      this.uploadCompleteReject = reject;
+    });
+  }
+  /**
+   * 初始化Resumable实例
+   */
+  initResumable(initResult) {
+    if (this.resumable) {
+      this.resumable.cancel();
+    }
+    const customConfig = this.chunkedConfig.getResumableConfig(initResult);
+    const defaultConfig = {
+      chunkSize: initResult.partSize,
+      simultaneousUploads: 3,
+      testChunks: false,
+      method: "multipart",
+      chunkNumberParameterName: "partNumber",
+      totalChunksParameterName: "totalParts",
+      fileParameterName: "file",
+      withCredentials: true,
+      maxChunkRetries: 3,
+      chunkRetryInterval: 1e3,
+      forceChunkSize: true
+    };
+    const finalConfig = { ...defaultConfig, ...customConfig };
+    this.resumable = new Resumable(finalConfig);
+    this.bindResumableEvents();
+  }
+  /**
+   * 绑定Resumable事件监听器
+   */
+  bindResumableEvents() {
+    this.resumable.on("progress", () => {
+      var _a, _b, _c, _d;
+      const progress = Math.floor(this.resumable.progress() * 100);
+      if (this.currentFileItem) {
+        this.currentFileItem.progress = Math.min(progress, 90);
+        (_b = (_a = this.callbacks).onProgress) == null ? void 0 : _b.call(
+          _a,
+          this.currentFileItem,
+          this.currentFileItem.progress
+        );
+      }
+      (_d = (_c = this.callbacks).onUpdate) == null ? void 0 : _d.call(_c);
+    });
+    this.resumable.on("fileSuccess", () => {
+      this.handleResumableComplete();
+    });
+    this.resumable.on("error", (message) => {
+      console.error("[ChunkedUploader] 上传错误:", message);
+      this.handleResumableError(message);
+    });
+    this.resumable.on("fileAdded", () => {
+      this.resumable.upload();
+    });
+  }
+  /**
+   * 处理Resumable上传完成
+   */
+  async handleResumableComplete() {
+    if (!this.currentFileItem || !this.uploadCompleteResolve || !this.uploadCompleteReject) {
+      return;
+    }
+    try {
+      const mergeResult = await this.chunkedConfig.mergeChunks(
+        this.currentFileItem.uploadSessionId
+      );
+      if (this.currentFileItem) {
+        this.currentFileItem.progress = 100;
+      }
+      this.uploadCompleteResolve(mergeResult);
+      this.cleanup();
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error(String(error));
+      this.handleResumableError(err.message);
+    }
+  }
+  /**
+   * 处理Resumable上传错误
+   */
+  handleResumableError(message) {
+    var _a, _b;
+    if (this.currentFileItem) {
+      this.currentFileItem.status = "error";
+      this.currentFileItem.errorMessage = message;
+    }
+    if (this.uploadCompleteReject) {
+      this.uploadCompleteReject(new Error(message));
+      this.cleanup();
+    }
+    (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
+  }
+  /**
+   * 清理状态
+   */
+  cleanup() {
+    this.uploadCompleteResolve = void 0;
+    this.uploadCompleteReject = void 0;
+  }
+  /**
+   * 暂停上传
+   */
+  pause() {
+    if (this.resumable) {
+      this.resumable.pause();
+    }
+  }
+  /**
+   * 恢复上传
+   */
+  resume() {
+    if (this.resumable) {
+      this.resumable.upload();
+    }
+  }
+  /**
+   * 取消上传
+   */
+  cancel() {
+    if (this.resumable) {
+      this.resumable.cancel();
+      this.resumable = null;
+    }
+    this.currentFileItem = null;
+    this.cleanup();
+  }
+}
+class SimpleUploader {
+  constructor(options, callbacks = {}) {
+    __publicField(this, "customUpload");
+    __publicField(this, "callbacks");
+    __publicField(this, "getFileList");
+    __publicField(this, "removeFile");
+    this.customUpload = options.customUpload;
+    this.getFileList = options.getFileList;
+    this.removeFile = options.removeFile;
+    this.callbacks = callbacks;
+  }
+  /**
+   * 更新自定义上传函数
+   */
+  updateCustomUpload(customUpload) {
+    this.customUpload = customUpload;
+  }
+  /**
+   * 上传单个文件
+   */
+  async upload(fileItem) {
+    if (this.customUpload) {
+      const context = {
+        fileList: [...this.getFileList()],
+        removeFile: (index) => {
+          this.removeFile(index);
+        }
+      };
+      const response = await this.customUpload(
+        fileItem.file,
+        context,
+        (progress) => {
+          var _a, _b, _c, _d;
+          fileItem.progress = progress;
+          (_b = (_a = this.callbacks).onProgress) == null ? void 0 : _b.call(_a, fileItem, progress);
+          (_d = (_c = this.callbacks).onUpdate) == null ? void 0 : _d.call(_c);
+        }
+      );
+      return response;
+    } else {
+      return fileItem.file;
+    }
+  }
+}
 const generateId = () => {
   return `file_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
 };
@@ -2963,13 +3171,12 @@ class ImportDialogUploader {
   constructor(config, callbacks = {}) {
     __publicField(this, "config");
     __publicField(this, "callbacks");
-    __publicField(this, "resumable");
-    // Resumable实例
-    __publicField(this, "currentFileItem", null);
-    // 当前上传的文件项
-    // Promise resolve/reject 函数存储
-    __publicField(this, "uploadCompleteResolve");
-    __publicField(this, "uploadCompleteReject");
+    // 上传器实例
+    __publicField(this, "chunkedUploader", null);
+    __publicField(this, "simpleUploader", null);
+    // 并发上传队列
+    __publicField(this, "uploadQueue", []);
+    __publicField(this, "activeUploads", 0);
     // 上传状态
     __publicField(this, "uploadFileList", []);
     //上传文件列表
@@ -2981,6 +3188,50 @@ class ImportDialogUploader {
     __publicField(this, "uploadMessageType", "info");
     this.config = config;
     this.callbacks = callbacks;
+    this.initUploaders();
+  }
+  /**
+   * 初始化上传器
+   */
+  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;
+          return (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
+        }
+      });
+    }
+    this.simpleUploader = new SimpleUploader(
+      {
+        customUpload: uploadConfig == null ? void 0 : uploadConfig.customUpload,
+        getFileList: () => this.uploadFileList,
+        removeFile: (index) => this.removeFile(index)
+      },
+      {
+        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;
+          return (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
+        }
+      }
+    );
+  }
+  /**
+   * 获取并发限制数
+   */
+  get concurrentLimit() {
+    return this.config.concurrentLimit ?? 3;
   }
   /**
    * 判断是否应该使用分片上传
@@ -2990,15 +3241,9 @@ class ImportDialogUploader {
     const uploadConfig = this.config.uploadConfig;
     return !!((uploadConfig == null ? void 0 : uploadConfig.chunkedUpload) && !this.config.multiple);
   }
-  /**
-   * 获取分片上传配置
-   */
-  getChunkedUploadConfig() {
-    var _a;
-    return ((_a = this.config.uploadConfig) == null ? void 0 : _a.chunkedUpload) || null;
-  }
   updateConfig(config) {
     this.config = { ...this.config, ...config };
+    this.initUploaders();
   }
   updateCallbacks(callbacks) {
     this.callbacks = { ...this.callbacks, ...callbacks };
@@ -3011,9 +3256,8 @@ class ImportDialogUploader {
     this.isUploading = false;
     this.uploadMessage = "";
     this.uploadMessageType = "info";
-    this.currentFileItem = null;
-    this.uploadCompleteResolve = void 0;
-    this.uploadCompleteReject = void 0;
+    this.uploadQueue = [];
+    this.activeUploads = 0;
   }
   /**
    * 文件上传之前的校验 选择文件时调用
@@ -3096,13 +3340,37 @@ class ImportDialogUploader {
     (_f = (_e = this.callbacks).onUpdate) == null ? void 0 : _f.call(_e);
     return true;
   }
+  /**
+   * 将文件加入上传队列并启动处理
+   */
+  enqueueUpload(fileItems) {
+    const newItems = fileItems.filter(
+      (item) => !this.uploadQueue.some((q) => q.id === item.id)
+    );
+    this.uploadQueue.push(...newItems);
+    this.processUploadQueue();
+  }
+  /**
+   * 处理上传队列（支持并发）
+   */
+  processUploadQueue() {
+    while (this.uploadQueue.length > 0 && this.activeUploads < this.concurrentLimit) {
+      const fileItem = this.uploadQueue.shift();
+      if (fileItem.status !== "pending") {
+        continue;
+      }
+      this.activeUploads++;
+      this.uploadSingleFile(fileItem).finally(() => {
+        this.activeUploads--;
+        this.processUploadQueue();
+      });
+    }
+  }
   async startUploadFiles() {
     const pendingFiles = this.uploadFileList.filter(
       (f) => f.status === "pending"
     );
-    for (const fileItem of pendingFiles) {
-      await this.uploadSingleFile(fileItem);
-    }
+    this.enqueueUpload(pendingFiles);
   }
   /**
    * 单个文件上传
@@ -3116,9 +3384,9 @@ class ImportDialogUploader {
     (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
     try {
       if (this.shouldUseChunkedUpload()) {
-        await this.uploadFileChunked(fileItem);
+        fileItem.response = await this.uploadFileChunked(fileItem);
       } else {
-        await this.uploadFileSimple(fileItem);
+        fileItem.response = await this.uploadFileSimple(fileItem);
       }
       fileItem.status = "success";
       fileItem.progress = 100;
@@ -3138,160 +3406,19 @@ class ImportDialogUploader {
    * 普通上传（非分片）
    */
   async uploadFileSimple(fileItem) {
-    var _a;
-    const customUpload = (_a = this.config.uploadConfig) == null ? void 0 : _a.customUpload;
-    if (customUpload) {
-      fileItem.response = await customUpload(fileItem.file, (progress) => {
-        var _a2, _b, _c, _d;
-        fileItem.progress = progress;
-        (_b = (_a2 = this.callbacks).onUploadProgress) == null ? void 0 : _b.call(_a2, fileItem, progress);
-        (_d = (_c = this.callbacks).onUpdate) == null ? void 0 : _d.call(_c);
-      });
-    } else {
-      fileItem.response = fileItem.file;
+    if (!this.simpleUploader) {
+      throw new Error("SimpleUploader 未初始化");
     }
+    return await this.simpleUploader.upload(fileItem);
   }
   /**
    * 分片上传
-   * 业务侧只需提供：initUpload, getResumableConfig, mergeChunks
    */
   async uploadFileChunked(fileItem) {
-    const chunkedConfig = this.getChunkedUploadConfig();
-    if (!chunkedConfig) {
+    if (!this.chunkedUploader) {
       throw new Error("分片上传需要配置 chunkedUpload");
     }
-    try {
-      const initResult = await chunkedConfig.initUpload(
-        fileItem.file.name,
-        fileItem.file.size
-      );
-      fileItem.uploadSessionId = initResult.uploadSessionId;
-      this.currentFileItem = fileItem;
-      this.initResumable(chunkedConfig, initResult);
-      this.resumable.addFile(fileItem.file);
-      fileItem.response = await this.waitForUploadComplete();
-    } catch (error) {
-      const err = error instanceof Error ? error : new Error(String(error));
-      throw err;
-    }
-  }
-  /**
-   * 等待上传完成
-   */
-  waitForUploadComplete() {
-    return new Promise((resolve, reject) => {
-      this.uploadCompleteResolve = resolve;
-      this.uploadCompleteReject = reject;
-    });
-  }
-  /**
-   * 初始化Resumable实例
-   */
-  initResumable(chunkedConfig, initResult) {
-    if (this.resumable) {
-      this.resumable.cancel();
-    }
-    const customConfig = chunkedConfig.getResumableConfig(initResult);
-    const defaultConfig = {
-      chunkSize: initResult.partSize,
-      simultaneousUploads: 3,
-      testChunks: false,
-      method: "multipart",
-      chunkNumberParameterName: "partNumber",
-      totalChunksParameterName: "totalParts",
-      fileParameterName: "file",
-      withCredentials: true,
-      maxChunkRetries: 3,
-      chunkRetryInterval: 1e3,
-      forceChunkSize: true
-    };
-    const finalConfig = { ...defaultConfig, ...customConfig };
-    this.resumable = new Resumable(finalConfig);
-    this.bindResumableEvents();
-  }
-  /**
-   * 绑定Resumable事件监听器
-   */
-  bindResumableEvents() {
-    this.resumable.on("progress", () => {
-      var _a, _b, _c, _d;
-      const progress = Math.floor(this.resumable.progress() * 100);
-      this.uploadProgress = progress;
-      this.uploadMessage = `正在上传 (${progress}%)...`;
-      if (this.currentFileItem) {
-        this.currentFileItem.progress = Math.min(progress, 90);
-        (_b = (_a = this.callbacks).onUploadProgress) == null ? void 0 : _b.call(
-          _a,
-          this.currentFileItem,
-          this.currentFileItem.progress
-        );
-      }
-      (_d = (_c = this.callbacks).onUpdate) == null ? void 0 : _d.call(_c);
-    });
-    this.resumable.on("fileSuccess", () => {
-      this.handleResumableComplete();
-    });
-    this.resumable.on("error", (message) => {
-      console.error("[Resumable分片上传] 上传错误:", message);
-      this.handleResumableError(message);
-    });
-    this.resumable.on("fileAdded", () => {
-      this.resumable.upload();
-    });
-    this.resumable.on("pause", () => {
-      this.uploadMessage = "上传已暂停";
-    });
-  }
-  /**
-   * 处理Resumable上传完成
-   */
-  async handleResumableComplete() {
-    var _a;
-    if (!this.currentFileItem || !this.uploadCompleteResolve || !this.uploadCompleteReject) {
-      return;
-    }
-    try {
-      const chunkedConfig = this.getChunkedUploadConfig();
-      if (!chunkedConfig) {
-        throw new Error("分片上传配置缺失");
-      }
-      const mergeResult = await chunkedConfig.mergeChunks(
-        this.currentFileItem.uploadSessionId
-      );
-      if (this.currentFileItem) {
-        this.currentFileItem.progress = 100;
-      }
-      this.uploadMessage = "上传完成";
-      this.uploadMessageType = "success";
-      this.uploadCompleteResolve(mergeResult);
-      this.uploadCompleteResolve = void 0;
-      this.uploadCompleteReject = void 0;
-    } catch (error) {
-      const err = error instanceof Error ? error : new Error(String(error));
-      this.handleResumableError(err.message);
-      (_a = this.uploadCompleteReject) == null ? void 0 : _a.call(this, error);
-      this.uploadCompleteResolve = void 0;
-      this.uploadCompleteReject = void 0;
-    }
-  }
-  /**
-   * 处理Resumable上传错误
-   */
-  handleResumableError(message) {
-    var _a, _b;
-    if (this.currentFileItem) {
-      this.currentFileItem.status = "error";
-      this.currentFileItem.errorMessage = message;
-    }
-    this.uploadMessage = message || "上传失败";
-    this.uploadMessageType = "error";
-    this.isUploading = false;
-    if (this.uploadCompleteReject) {
-      this.uploadCompleteReject(new Error(message));
-      this.uploadCompleteResolve = void 0;
-      this.uploadCompleteReject = void 0;
-    }
-    (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
+    return await this.chunkedUploader.upload(fileItem);
   }
   /**
    * 手动触发上传（用于autoUpload=false的场景）
@@ -3300,35 +3427,31 @@ class ImportDialogUploader {
     await this.startUploadFiles();
   }
   /**
-   * 暂停上传
+   * 暂停上传（仅分片上传支持）
    */
   pauseUpload() {
-    if (this.resumable) {
-      this.resumable.pause();
-    }
+    var _a;
+    (_a = this.chunkedUploader) == null ? void 0 : _a.pause();
   }
   /**
-   * 恢复上传
+   * 恢复上传（仅分片上传支持）
    */
   resumeUpload() {
-    if (this.resumable) {
-      this.resumable.upload();
-    }
+    var _a;
+    (_a = this.chunkedUploader) == null ? void 0 : _a.resume();
   }
   /**
    * 取消上传
    */
   cancelUpload() {
-    var _a, _b;
-    if (this.resumable) {
-      this.resumable.cancel();
-      this.resumable = null;
-    }
-    this.currentFileItem = null;
+    var _a, _b, _c;
+    (_a = this.chunkedUploader) == null ? void 0 : _a.cancel();
+    this.uploadQueue = [];
+    this.activeUploads = 0;
     this.isUploading = false;
     this.uploadMessage = "上传已取消";
     this.uploadMessageType = "info";
-    (_b = (_a = this.callbacks).onUpdate) == null ? void 0 : _b.call(_a);
+    (_c = (_b = this.callbacks).onUpdate) == null ? void 0 : _c.call(_b);
   }
   updateOverallProgress() {
     if (this.uploadFileList.length === 0) {
@@ -3870,6 +3993,7 @@ const _ImportDialog = class _ImportDialog {
    * @returns
    */
   async handleConfirm() {
+    var _a, _b, _c, _d;
     if (this.uploader.uploadFileList.length === 0) {
       this.showMessage(t("fileTypeError"), "warning");
       return;
@@ -3879,13 +4003,20 @@ const _ImportDialog = class _ImportDialog {
       return;
     }
     if (this.uploader.hasPendingFiles()) {
-      this.confirmLoading = true;
-      this.updateModal();
+      const confirmLoadingEnabled2 = ((_a = this.modalOptions.uploadConfig) == null ? void 0 : _a.confirmLoading) != null ? this.modalOptions.uploadConfig.confirmLoading : true;
+      if (confirmLoadingEnabled2) {
+        this.confirmLoading = true;
+        this.updateModal();
+      }
       try {
         await this.uploader.startUpload();
       } catch (error) {
         console.error("[ImportDialog] 上传失败:", error);
         this.showMessage("上传失败，请重试", "error");
+        if (confirmLoadingEnabled2) {
+          this.confirmLoading = false;
+          this.updateModal();
+        }
         return;
       }
     }
@@ -3896,14 +4027,20 @@ const _ImportDialog = class _ImportDialog {
         `有 ${failedFiles.length} 个文件上传失败，请重新上传`,
         "warning"
       );
-      this.confirmLoading = false;
-      this.updateModal();
+      const confirmLoadingEnabled2 = ((_b = this.modalOptions.uploadConfig) == null ? void 0 : _b.confirmLoading) != null ? this.modalOptions.uploadConfig.confirmLoading : true;
+      if (confirmLoadingEnabled2) {
+        this.confirmLoading = false;
+        this.updateModal();
+      }
       return;
     }
     if (!this.uploader.hasAllFilesUploaded()) {
       this.showMessage("请等待所有文件上传完成", "warning");
-      this.confirmLoading = false;
-      this.updateModal();
+      const confirmLoadingEnabled2 = ((_c = this.modalOptions.uploadConfig) == null ? void 0 : _c.confirmLoading) != null ? this.modalOptions.uploadConfig.confirmLoading : true;
+      if (confirmLoadingEnabled2) {
+        this.confirmLoading = false;
+        this.updateModal();
+      }
       return;
     }
     const uploadResponses = this.uploader.uploadFileList.map(
@@ -3915,6 +4052,11 @@ const _ImportDialog = class _ImportDialog {
       activeTab: this.currentConfig.tabs[this.activeTabIndex],
       activeTabIndex: this.activeTabIndex
     };
+    const confirmLoadingEnabled = ((_d = this.modalOptions.uploadConfig) == null ? void 0 : _d.confirmLoading) != null ? this.modalOptions.uploadConfig.confirmLoading : true;
+    if (confirmLoadingEnabled) {
+      this.confirmLoading = true;
+      this.updateModal();
+    }
     try {
       if (this.modalOptions.onBeforeConfirm) {
         await this.modalOptions.onBeforeConfirm(submitData);
@@ -3928,8 +4070,10 @@ const _ImportDialog = class _ImportDialog {
         }
       }
     } finally {
-      this.confirmLoading = false;
-      this.updateModal();
+      if (confirmLoadingEnabled) {
+        this.confirmLoading = false;
+        this.updateModal();
+      }
     }
   }
   showMessage(message, type) {