@sd-angular/core 19.0.43 → 19.0.44

package/components/table/src/services/table-selection/selection-action.util.d.ts

@@ -0,0 +1,20 @@
+import { SdTableItem } from '../../models/table-item.model';
+import { SdTableOptionSelector } from '../../models/table-option-selector.model';
+export interface SdSelectionActionKeys {
+    /** Key (hash) các action dòng được dùng: action con trước, rồi key action cha khi có ít nhất một con hiện. */
+    keys: string[];
+    /** Tập con của `keys` thuộc action `isGrouped` (hoặc action cha có con `isGrouped`). */
+    grouped: string[];
+}
+/** Tính các action của selector mà dòng được dùng (bỏ action có `hidden` trả về true). Không ghi gì vào dòng. */
+export declare const resolveSelectionActionKeys: <T>(row: SdTableItem<T>, selection?: SdTableOptionSelector<T>) => SdSelectionActionKeys;
+/**
+ * Ghi `meta.selector.actions` cho mọi dòng TRƯỚC khi bảng phát danh sách chọn mới (NSP-5934).
+ *
+ * why: pipe thuần `selectionDisabled` của một dòng so action của dòng đó với action của các dòng đã chọn. Trước đây
+ * action của một dòng chỉ được ghi khi ô checkbox của chính dòng đó render (pipe `selectionVisible`). Khi
+ * `preserveSelection` khôi phục dòng đã chọn thành object mới sau reload, object đó còn `actions = []` lúc các dòng
+ * đứng trên nó render, nên các dòng này bị khoá và pipe thuần không tính lại. Chuẩn bị trước cho mọi dòng thì kết quả
+ * không còn phụ thuộc thứ tự render.
+ */
+export declare const prepareSelectionActions: <T>(rows: SdTableItem<T>[], selection?: SdTableOptionSelector<T>) => void;

package/fesm2022/sd-angular-core-components-table.mjs

@@ -2571,74 +2571,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                 }]
         }] });
 
-class SdSelectionVisiblePipe {
-    transform = (rowData, selection) => {
-        const groupedActions = [];
-        rowData.meta.selector.actions = rowData.meta.selector.actions || [];
-        if (!selection?.actions?.length) {
-            rowData.meta.selector.selectable = true;
-            return rowData.meta.selector.selectable;
-        }
-        for (const action of selection?.actions) {
-            if ('children' in action) {
-                let flag = false;
-                let hasGroup = false;
-                for (const child of action.children) {
-                    const { hidden, isGrouped } = child;
-                    const key = Utilities.hash(child);
-                    if (isGrouped) {
-                        hasGroup = true;
-                    }
-                    if (typeof hidden === 'function') {
-                        if (!hidden(rowData.data)) {
-                            flag = true;
-                            rowData.meta.selector.actions.push(key);
-                            if (isGrouped) {
-                                groupedActions.push(key);
-                            }
-                        }
-                    }
-                    else if (!hidden) {
-                        flag = true;
-                        rowData.meta.selector.actions.push(key);
-                        if (isGrouped) {
-                            groupedActions.push(key);
-                        }
-                    }
-                }
-                if (flag) {
-                    rowData.meta.selector.actions.push(Utilities.hash(action));
-                    if (hasGroup) {
-                        groupedActions.push(Utilities.hash(action));
-                    }
-                }
+const isShown = (hidden, row) => typeof hidden === 'function' ? !hidden(row.data) : !hidden;
+/** Tính các action của selector mà dòng được dùng (bỏ action có `hidden` trả về true). Không ghi gì vào dòng. */
+const resolveSelectionActionKeys = (row, selection) => {
+    const keys = [];
+    const grouped = [];
+    for (const action of selection?.actions ?? []) {
+        if ('children' in action) {
+            let shown = false;
+            let hasGroup = false;
+            for (const child of action.children) {
+                if (child.isGrouped)
+                    hasGroup = true;
+                if (!isShown(child.hidden, row))
+                    continue;
+                const key = Utilities.hash(child);
+                shown = true;
+                keys.push(key);
+                if (child.isGrouped)
+                    grouped.push(key);
             }
-            else {
-                const { hidden, isGrouped } = action;
+            if (shown) {
                 const key = Utilities.hash(action);
-                if (typeof hidden === 'function') {
-                    if (!hidden(rowData.data)) {
-                        rowData.meta.selector.actions.push(key);
-                        if (isGrouped) {
-                            groupedActions.push(key);
-                        }
-                    }
-                }
-                else if (!hidden) {
-                    rowData.meta.selector.actions.push(key);
-                    if (isGrouped) {
-                        groupedActions.push(key);
-                    }
-                }
+                keys.push(key);
+                if (hasGroup)
+                    grouped.push(key);
             }
         }
-        rowData.meta.selector.selectable = !!rowData.meta.selector.actions?.length;
-        if (!rowData.meta.selector.selectable || !groupedActions.length || rowData?.meta.group?.items?.length) {
-            return rowData.meta.selector.selectable;
+        else if (isShown(action.hidden, row)) {
+            const key = Utilities.hash(action);
+            keys.push(key);
+            if (action.isGrouped)
+                grouped.push(key);
+        }
+    }
+    return { keys, grouped };
+};
+/**
+ * Ghi `meta.selector.actions` cho mọi dòng TRƯỚC khi bảng phát danh sách chọn mới (NSP-5934).
+ *
+ * why: pipe thuần `selectionDisabled` của một dòng so action của dòng đó với action của các dòng đã chọn. Trước đây
+ * action của một dòng chỉ được ghi khi ô checkbox của chính dòng đó render (pipe `selectionVisible`). Khi
+ * `preserveSelection` khôi phục dòng đã chọn thành object mới sau reload, object đó còn `actions = []` lúc các dòng
+ * đứng trên nó render, nên các dòng này bị khoá và pipe thuần không tính lại. Chuẩn bị trước cho mọi dòng thì kết quả
+ * không còn phụ thuộc thứ tự render.
+ */
+const prepareSelectionActions = (rows, selection) => {
+    if (!selection?.actions?.length)
+        return;
+    for (const row of new Set(rows)) {
+        if (!row.meta.selector)
+            continue;
+        row.meta.selector.actions = resolveSelectionActionKeys(row, selection).keys;
+    }
+};
+
+class SdSelectionVisiblePipe {
+    transform = (rowData, selection) => {
+        const selector = rowData.meta.selector;
+        if (!selection?.actions?.length) {
+            selector.actions = selector.actions || [];
+            selector.selectable = true;
+            return selector.selectable;
+        }
+        // why: gán lại thay vì push để key không bị nhân đôi khi bảng đã chuẩn bị trước (prepareSelectionActions).
+        const { keys, grouped } = resolveSelectionActionKeys(rowData, selection);
+        selector.actions = keys;
+        selector.selectable = !!keys.length;
+        if (!selector.selectable || !grouped.length || rowData?.meta.group?.items?.length) {
+            return selector.selectable;
         }
         // Đối với trường hợp grouped, tuy selectable là true nhưng vẫn ẩn đi checkbox
         // nếu các action đều thuộc groupedActions và rowData ko phải là dòng group
-        return rowData.meta.selector.actions.some(action => !groupedActions.includes(action));
+        return keys.some(action => !grouped.includes(action));
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSelectionVisiblePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
     static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: SdSelectionVisiblePipe, isStandalone: true, name: "selectionVisible" });
@@ -4777,14 +4782,15 @@ class SdTable {
     };
     #updateSelectedItems = () => {
         const rows = this.#getSelectionRows();
-        if (this.#preserveEnabled()) {
-            // Sync map theo state visible: add nếu selected, remove nếu deselected.
-            // Off-page items giữ nguyên trong map (không bị visit ở đây).
-            this.selectedTableItems.set(syncPreservedSelection(rows, this.#preservedSelectedMap));
-        }
-        else {
-            this.selectedTableItems.set(rows.filter(item => item.meta.selector.isSelected));
-        }
+        // Sync map theo state visible: add nếu selected, remove nếu deselected.
+        // Off-page items giữ nguyên trong map (không bị visit ở đây).
+        const selected = this.#preserveEnabled()
+            ? syncPreservedSelection(rows, this.#preservedSelectedMap)
+            : rows.filter(item => item.meta.selector.isSelected);
+        // why: dòng đã chọn khôi phục sau reload là object mới chưa có action; chuẩn bị action cho mọi dòng trước khi
+        // phát danh sách chọn để pipe selectionDisabled không khoá nhầm các dòng render trước nó (NSP-5934).
+        prepareSelectionActions([...rows, ...selected], this.tableOption()?.selector);
+        this.selectedTableItems.set(selected);
         this.#ref.detectChanges();
     };
     clearFilter = () => {