@sl-material/sl-import 1.0.0-beta19 → 1.0.0

package/sl-import.es.js

@@ -2633,15 +2633,31 @@ class ImportDialogRenderer {
     `;
   }
   renderDownloadSection() {
-    return `
-      <div class="import-dialog-vanilla-section">
-        <div class="import-dialog-vanilla-section-title">${t("downloadTemplateTitle")}</div>
-        <a id="import-dialog-download-btn" class="import-dialog-vanilla-btn download-template-btn import-dialog-vanilla-btn-primary" href="${this.context.currentConfig.templateUrl}">
-          <i class="iconfont icon-xiazai"></i>
-          ${t("downloadTemplateText")}
-        </a>
-      </div>
-    `;
+    const hasTemplateUrl = !!this.context.currentConfig.templateUrl;
+    const hasDownloadCallback = !!this.context.modalOptions.onDownloadTemplate;
+    if (hasDownloadCallback) {
+      return `
+        <div class="import-dialog-vanilla-section">
+          <div class="import-dialog-vanilla-section-title">${t("downloadTemplateTitle")}</div>
+          <button id="import-dialog-download-btn" class="import-dialog-vanilla-btn download-template-btn import-dialog-vanilla-btn-primary">
+            <i class="iconfont icon-xiazai"></i>
+            ${t("downloadTemplateText")}
+          </button>
+        </div>
+      `;
+    } else if (hasTemplateUrl) {
+      return `
+        <div class="import-dialog-vanilla-section">
+          <div class="import-dialog-vanilla-section-title">${t("downloadTemplateTitle")}</div>
+          <a id="import-dialog-download-btn" class="import-dialog-vanilla-btn download-template-btn import-dialog-vanilla-btn-primary" href="${this.context.currentConfig.templateUrl}">
+            <i class="iconfont icon-xiazai"></i>
+            ${t("downloadTemplateText")}
+          </a>
+        </div>
+      `;
+    } else {
+      return "";
+    }
   }
   renderSettingSection() {
     const config = this.context.currentConfig;
@@ -3176,9 +3192,14 @@ class ImportDialogUploader {
   }
   /**
    * 使用 customUpload 预处理文件
-   * 在选择文件后立即调用，用于二次加工参数或自定义校验
+   * 仅在配置了 customUpload 时才调用
    */
   async processFilesWithCustomUpload() {
+    var _a;
+    const customUpload = (_a = this.config.uploadConfig) == null ? void 0 : _a.customUpload;
+    if (!customUpload) {
+      return;
+    }
     const pendingFiles = this.uploadFileList.filter(
       (f) => f.status === "pending"
     );
@@ -3187,22 +3208,18 @@ class ImportDialogUploader {
     }
   }
   /**
-   * 单个文件的预处理
+   * 单个文件的预处理（仅在有 customUpload 时调用）
    */
   async processFileWithCustomUpload(fileItem) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     const customUpload = (_a = this.config.uploadConfig) == null ? void 0 : _a.customUpload;
     if (!customUpload) {
-      fileItem.status = "success";
-      fileItem.progress = 100;
-      fileItem.response = fileItem.file;
-      (_c = (_b = this.callbacks).onUpdate) == null ? void 0 : _c.call(_b);
       return;
     }
     fileItem.status = "uploading";
     fileItem.progress = 0;
     this.isUploading = true;
-    (_e = (_d = this.callbacks).onUpdate) == null ? void 0 : _e.call(_d);
+    (_c = (_b = this.callbacks).onUpdate) == null ? void 0 : _c.call(_b);
     try {
       const context = {
         fileList: [...this.uploadFileList],
@@ -3222,16 +3239,16 @@ class ImportDialogUploader {
       );
       fileItem.status = "success";
       fileItem.progress = 100;
-      (_g = (_f = this.callbacks).onUploadSuccess) == null ? void 0 : _g.call(_f, fileItem, fileItem.response);
+      (_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 : "处理失败";
-      (_i = (_h = this.callbacks).onUploadError) == null ? void 0 : _i.call(_h, fileItem, error);
+      (_g = (_f = this.callbacks).onUploadError) == null ? void 0 : _g.call(_f, fileItem, error);
     }
     this.isUploading = this.uploadFileList.some(
       (f) => f.status === "uploading"
     );
-    (_k = (_j = this.callbacks).onUpdate) == null ? void 0 : _k.call(_j);
+    (_i = (_h = this.callbacks).onUpdate) == null ? void 0 : _i.call(_h);
     this.updateOverallProgress();
   }
   /**
@@ -3239,16 +3256,16 @@ class ImportDialogUploader {
    * @param index 文件索引，不传则清空所有文件
    *
    * 删除权限：
-   * - pending 状态：可删除（还没开始上传）
-   * - uploading 状态：不可删除（正在上传/处理中）
-   * - success/error 状态：可删除（已完成）
+   * - 实时分片上传场景：uploading 状态不可删除（真正的网络上传中）
+   * - 其他场景（延迟分片、customUpload、无配置）：任何状态都可删除
    */
   removeFile(index) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const needCheckStatus = this.shouldUseChunkedUpload() && ((_a = this.config.uploadConfig) == null ? void 0 : _a.autoUpload) !== false;
     if (index !== void 0 && index >= 0 && index < this.uploadFileList.length) {
       const fileItem = this.uploadFileList[index];
-      if (fileItem.status === "uploading") {
-        (_b = (_a = this.callbacks).onMessage) == null ? void 0 : _b.call(_a, "文件正在处理中，无法删除", "warning");
+      if (needCheckStatus && fileItem.status === "uploading") {
+        (_c = (_b = this.callbacks).onMessage) == null ? void 0 : _c.call(_b, "文件正在上传中，无法删除", "warning");
         return false;
       }
       const queueIndex = this.uploadQueue.findIndex(
@@ -3260,12 +3277,14 @@ class ImportDialogUploader {
       this.uploadFileList.splice(index, 1);
       this.fileList.splice(index, 1);
     } else {
-      const hasUploading = this.uploadFileList.some(
-        (f) => f.status === "uploading"
-      );
-      if (hasUploading) {
-        (_d = (_c = this.callbacks).onMessage) == null ? void 0 : _d.call(_c, "有文件正在处理中，无法清空", "warning");
-        return false;
+      if (needCheckStatus) {
+        const hasUploading = this.uploadFileList.some(
+          (f) => f.status === "uploading"
+        );
+        if (hasUploading) {
+          (_e = (_d = this.callbacks).onMessage) == null ? void 0 : _e.call(_d, "有文件正在上传中，无法清空", "warning");
+          return false;
+        }
       }
       this.uploadQueue = [];
       this.uploadFileList = [];
@@ -3277,8 +3296,8 @@ class ImportDialogUploader {
     this.isUploading = this.uploadFileList.some(
       (f) => f.status === "uploading"
     );
-    (_f = (_e = this.callbacks).onFileChange) == null ? void 0 : _f.call(_e, this.uploadFileList);
-    (_h = (_g = this.callbacks).onUpdate) == null ? void 0 : _h.call(_g);
+    (_g = (_f = this.callbacks).onFileChange) == null ? void 0 : _g.call(_f, this.uploadFileList);
+    (_i = (_h = this.callbacks).onUpdate) == null ? void 0 : _i.call(_h);
     return true;
   }
   /**
@@ -3596,6 +3615,7 @@ const _ImportDialog = class _ImportDialog {
     var _a, _b;
     return {
       currentConfig: this.currentConfig,
+      modalOptions: this.modalOptions,
       dialogTitle: this.dialogTitle,
       width: this.dialogWidth,
       activeTabIndex: this.activeTabIndex,
@@ -3779,6 +3799,13 @@ const _ImportDialog = class _ImportDialog {
       "#import-dialog-cancel-btn"
     );
     cancelBtn == null ? void 0 : cancelBtn.addEventListener("click", () => this.handleCancel());
+    const downloadBtn = this.modalElement.querySelector(
+      "#import-dialog-download-btn"
+    );
+    downloadBtn == null ? void 0 : downloadBtn.addEventListener("click", (e) => {
+      e.preventDefault();
+      this.handleDownloadTemplate();
+    });
   }
   bindFormEvents() {
     if (!this.modalElement) return;
@@ -4039,6 +4066,25 @@ const _ImportDialog = class _ImportDialog {
   closeModal() {
     this.handleCancel();
   }
+  /**
+   * 处理下载模板
+   */
+  handleDownloadTemplate() {
+    var _a;
+    if (this.modalOptions.onDownloadTemplate) {
+      this.modalOptions.onDownloadTemplate({
+        url: this.currentConfig.templateUrl || "",
+        activeTab: (_a = this.modalOptions.tabs) == null ? void 0 : _a[this.activeTabIndex]
+      });
+    } else if (this.currentConfig.templateUrl) {
+      const link = document.createElement("a");
+      link.href = this.currentConfig.templateUrl;
+      link.download = "";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    }
+  }
   setConfirmLoading(loading) {
     this.confirmLoading = loading;
     this.updateModal();