@sl-material/sl-import 1.0.0-beta20 → 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;
@@ -3599,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,
@@ -3782,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;
@@ -4042,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();