@sdcorejs/angular 20.1.5 → 20.1.6

package/fesm2022/sdcorejs-angular-components-table.mjs

@@ -2553,11 +2553,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 
 class TableExportService {
     #excelService = inject(SdExcelService);
+    #i18n = inject(I18nService);
     // ==========================================
     // SIGNAL STATE (Component sẽ bind trực tiếp vào đây)
     // ==========================================
     exporting = signal(false, ...(ngDevMode ? [{ debugName: "exporting" }] : []));
-    exportTitle = signal('Export', ...(ngDevMode ? [{ debugName: "exportTitle" }] : []));
+    // Phần trăm tiến độ export; null = đang rảnh (nút hiện nhãn mặc định).
+    #exportPercent = signal(null, ...(ngDevMode ? [{ debugName: "#exportPercent" }] : []));
+    // WHY computed + i18n: trước đây đây là signal('Export') hard-code tiếng Anh nên
+    // app chạy tiếng Việt vẫn hiện "Export". Đọc qua I18nService.t() để nhãn nút bám
+    // theo catalog ngôn ngữ hiện tại.
+    exportTitle = computed(() => {
+        const percent = this.#exportPercent();
+        return percent === null
+            ? this.#i18n.t('core.component.table.export')
+            : this.#i18n.t('core.component.table.exporting', { percent });
+    }, ...(ngDevMode ? [{ debugName: "exportTitle" }] : []));
+    /** Đặt tiến độ export (0-100), hoặc null để trả nút về nhãn mặc định. */
+    setExportProgress = (percent) => {
+        this.#exportPercent.set(percent === null ? null : Math.min(Math.max(percent, 0), 100));
+    };
     // ==========================================
     // PUBLIC METHODS
     // ==========================================
@@ -2622,7 +2637,7 @@ class TableExportService {
                 const totalPage = Math.max(1, currentTotal / pageSize);
                 const percent = Math.round(((pageNumber - 1) * 100.0) / totalPage);
                 // Đảm bảo percent không vượt quá 100
-                this.exportTitle.set(`Exporting...${Math.min(percent, 100)}%`);
+                this.setExportProgress(percent);
                 const allColumns = this.#allColumns(option);
                 const allExportedColumns = this.#allExportedColumns(option);
                 for (const item of exportItems) {
@@ -2732,7 +2747,7 @@ class TableExportService {
         }
         finally {
             this.exporting.set(false);
-            this.exportTitle.set('Export');
+            this.setExportProgress(null);
         }
     }
     #getExportColumns(context, explicitColumns) {