@sd-angular/core 1.1.78 → 1.1.81

package/fesm2015/sd-angular-core-grid-material.js

@@ -1147,9 +1147,56 @@ SdColumnValuesPipe.decorators = [
             },] }
 ];
 
+var _visible;
+class SdEditorHandlerColumnPipe {
+    constructor() {
+        _visible.set(this, (col, item) => {
+            if (col.type === 'children' || col.type === 'children-col') {
+                return false;
+            }
+            // Kiểm tra xem có bị disabled hay không?
+            if (col.editor) {
+                const isDisabled = typeof (col.editor.disabled) === 'function' ? col.editor.disabled(item) : col.editor.disabled;
+                if (isDisabled) {
+                    return false;
+                }
+            }
+            return true;
+        });
+    }
+    transform(value, item, gridOption) {
+        const { sdId, editorHandlerColumn, expandDetail, isExpanded, isExpanding, isSelected, sdGroup, selectable, actions, groupedActions, originItem, editorErrorMessage, editorHandlerRow } = item, remain = __rest(item, ["sdId", "editorHandlerColumn", "expandDetail", "isExpanded", "isExpanding", "isSelected", "sdGroup", "selectable", "actions", "groupedActions", "originItem", "editorErrorMessage", "editorHandlerRow"]);
+        const key = hash__default(remain);
+        if (sdId === key && editorHandlerColumn) {
+            return true;
+        }
+        item.editorHandlerColumn = item.editorHandlerColumn || {};
+        const { columns } = gridOption;
+        for (const col of columns) {
+            if (col.type === 'children-col') {
+                for (const childCol of col.children) {
+                    item.editorHandlerColumn[childCol.field] = Object.assign(Object.assign({}, item.editorHandlerColumn[childCol.field]), { visible: __classPrivateFieldGet(this, _visible).call(this, childCol, item) });
+                }
+            }
+            else {
+                item.editorHandlerColumn[col.field] = Object.assign(Object.assign({}, item.editorHandlerColumn[col.field]), { visible: __classPrivateFieldGet(this, _visible).call(this, col, item) });
+            }
+        }
+        item.sdId = key;
+        return true;
+    }
+}
+_visible = new WeakMap();
+SdEditorHandlerColumnPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'sdEditorHandlerColumn'
+            },] },
+    { type: Injectable }
+];
+
 var _paginator, _sort, _subscription$1, _optionChanges, _initCellDef, _initFilterDef, _initFooterDef, _filterExportInfo, _initConfiguration, _filterLocal, _getFilter, _load$1, _render, _exportedItems, _allColumns, _allExportedColumns, _onExport, _updateSelectedItems;
 class SdGridMaterial {
-    constructor(ref, configuration, gridConfigurationService, exportService, notifyService, translateService, columnValuesPipe) {
+    constructor(ref, configuration, gridConfigurationService, exportService, notifyService, translateService, columnValuesPipe, editorHandlerColumnPipe) {
         this.ref = ref;
         this.configuration = configuration;
         this.gridConfigurationService = gridConfigurationService;
@@ -1157,6 +1204,7 @@ class SdGridMaterial {
         this.notifyService = notifyService;
         this.translateService = translateService;
         this.columnValuesPipe = columnValuesPipe;
+        this.editorHandlerColumnPipe = editorHandlerColumnPipe;
         this.key = v4();
         this.localItems = [];
         this.items = [];
@@ -1728,7 +1776,9 @@ class SdGridMaterial {
         _updateSelectedItems.set(this, () => {
             this.selectedItems = this.items.filter(item => item.isSelected)
                 .map(item => {
-                const { isSelected, isExpanded, isExpanding, expandDetail, editorErrorMessage, editorHandlerColumn, editorHandlerRow, editorStatus, originItem, sdId } = item, result = __rest(item, ["isSelected", "isExpanded", "isExpanding", "expandDetail", "editorErrorMessage", "editorHandlerColumn", "editorHandlerRow", "editorStatus", "originItem", "sdId"]);
+                const { isSelected, isExpanded, isExpanding, expandDetail, editorErrorMessage, editorHandlerColumn, editorHandlerRow, editorStatus, originItem, sdId, sdVersion } = item, 
+                // Giữ lại các trường thông tin cho selectable (action, groupedAction, sdGroup, selectable)
+                result = __rest(item, ["isSelected", "isExpanded", "isExpanding", "expandDetail", "editorErrorMessage", "editorHandlerColumn", "editorHandlerRow", "editorStatus", "originItem", "sdId", "sdVersion"]);
                 return result;
             });
             this.ref.detectChanges();
@@ -1917,6 +1967,10 @@ class SdGridMaterial {
                 this.items = [...this.items];
             }
         };
+        this.refreshItem = (idx) => {
+            const item = this.items[idx];
+            this.editorHandlerColumnPipe.transform(item.sdVersion, item, this.gridOption);
+        };
         this.detectChanges = () => this.ref.detectChanges();
     }
     set _gridFilter(gridFilter) {
@@ -1983,13 +2037,13 @@ class SdGridMaterial {
             }
             return false;
         }).map(item => {
-            const { editorStatus, editorHandlerRow, editorHandlerColumn, editorErrorMessage, expandDetail, isExpanded, isExpanding, isSelected, originItem, sdId, selectable, actions, groupedActions, sdGroup } = item, result = __rest(item, ["editorStatus", "editorHandlerRow", "editorHandlerColumn", "editorErrorMessage", "expandDetail", "isExpanded", "isExpanding", "isSelected", "originItem", "sdId", "selectable", "actions", "groupedActions", "sdGroup"]);
+            const { editorStatus, editorHandlerRow, editorHandlerColumn, editorErrorMessage, expandDetail, isExpanded, isExpanding, isSelected, originItem, sdId, sdVersion, selectable, actions, groupedActions, sdGroup } = item, result = __rest(item, ["editorStatus", "editorHandlerRow", "editorHandlerColumn", "editorErrorMessage", "expandDetail", "isExpanded", "isExpanding", "isSelected", "originItem", "sdId", "sdVersion", "selectable", "actions", "groupedActions", "sdGroup"]);
             return Object.assign(Object.assign({}, result), { editorErrorMessage });
         });
     }
     get gridItems() {
         return this.items.map(item => {
-            const { editorStatus, editorHandlerRow, editorHandlerColumn, expandDetail, isExpanded, isExpanding, isSelected, originItem, sdId, selectable, actions, groupedActions, sdGroup } = item, result = __rest(item, ["editorStatus", "editorHandlerRow", "editorHandlerColumn", "expandDetail", "isExpanded", "isExpanding", "isSelected", "originItem", "sdId", "selectable", "actions", "groupedActions", "sdGroup"]);
+            const { editorStatus, editorHandlerRow, editorHandlerColumn, expandDetail, isExpanded, isExpanding, isSelected, originItem, sdId, sdVersion, selectable, actions, groupedActions, sdGroup } = item, result = __rest(item, ["editorStatus", "editorHandlerRow", "editorHandlerColumn", "expandDetail", "isExpanded", "isExpanding", "isSelected", "originItem", "sdId", "sdVersion", "selectable", "actions", "groupedActions", "sdGroup"]);
             return result;
         });
     }
@@ -2019,7 +2073,8 @@ SdGridMaterial.ctorParameters = () => [
     { type: SdExportService },
     { type: SdNotifyService },
     { type: SdTranslateService },
-    { type: SdColumnValuesPipe }
+    { type: SdColumnValuesPipe },
+    { type: SdEditorHandlerColumnPipe }
 ];
 SdGridMaterial.propDecorators = {
     quickAction: [{ type: ViewChild, args: [SdQuickAction,] }],
@@ -2855,7 +2910,7 @@ class SdDesktopCell {
 SdDesktopCell.decorators = [
     { type: Component, args: [{
                 selector: 'sd-desktop-cell',
-                template: "<ng-container *ngIf=\"column && item\">\r\n  <ng-container *ngIf=\"item.editorHandlerRow?.visible;else useView\">\r\n    <ng-container *sdLet=\"item[column.field] | sdEditorHandlerColumn:item:column:gridOption\">\r\n      <ng-container *ngIf=\"item.editorHandlerColumn && item.editorHandlerColumn[column.field]?.visible;else useView\">\r\n        <ng-container *ngIf=\"cellDef[column.field]\">\r\n          <ng-container *ngTemplateOutlet=\"\r\n              cellDef[column.field].templateRef;\r\n              context: { item: item, column: column, idx: idx, isEdited: true }\r\n            \">\r\n          </ng-container>\r\n        </ng-container>\r\n        <sd-desktop-cell-editor *ngIf=\"!cellDef[column.field]\" [sdId]=\"item.sdId\" [column]=\"column\" [item]=\"item\">\r\n        </sd-desktop-cell-editor>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #useView>\r\n    <ng-container *ngIf=\"cellDef[column.field]\">\r\n      <ng-container *ngTemplateOutlet=\"\r\n          cellDef[column.field].templateRef;\r\n          context: { item: item, column: column, idx: idx }\r\n        \">\r\n      </ng-container>\r\n    </ng-container>\r\n    <sd-desktop-cell-view *ngIf=\"!cellDef[column.field]\" [sdId]=\"item.sdId\" [key]=\"key\" [column]=\"column\" [gridOption]=\"gridOption\" [item]=\"item\">\r\n    </sd-desktop-cell-view>\r\n  </ng-template>\r\n</ng-container>",
+                template: "<ng-container *ngIf=\"column && item\">\r\n  <ng-container *ngIf=\"item.editorHandlerRow?.visible;else useView\">\r\n    <ng-container *sdLet=\"item[column.field] | sdEditorHandlerColumn:item:gridOption\">\r\n      <ng-container *ngIf=\"item.editorHandlerColumn && item.editorHandlerColumn[column.field]?.visible;else useView\">\r\n        <ng-container *ngIf=\"cellDef[column.field]\">\r\n          <ng-container *ngTemplateOutlet=\"\r\n              cellDef[column.field].templateRef;\r\n              context: { item: item, column: column, idx: idx, isEdited: true }\r\n            \">\r\n          </ng-container>\r\n        </ng-container>\r\n        <sd-desktop-cell-editor *ngIf=\"!cellDef[column.field]\" [sdId]=\"item.sdId\" [column]=\"column\" [item]=\"item\">\r\n        </sd-desktop-cell-editor>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #useView>\r\n    <ng-container *ngIf=\"cellDef[column.field]\">\r\n      <ng-container *ngTemplateOutlet=\"\r\n          cellDef[column.field].templateRef;\r\n          context: { item: item, column: column, idx: idx }\r\n        \">\r\n      </ng-container>\r\n    </ng-container>\r\n    <sd-desktop-cell-view *ngIf=\"!cellDef[column.field]\" [sdId]=\"item.sdId\" [key]=\"key\" [column]=\"column\" [gridOption]=\"gridOption\" [item]=\"item\">\r\n    </sd-desktop-cell-view>\r\n  </ng-template>\r\n</ng-container>",
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
@@ -2896,10 +2951,10 @@ SdDesktopCellEditor.propDecorators = {
     item: [{ type: Input }]
 };
 
-var _visible;
+var _visible$1;
 class SdEditorHandlerRowPipe {
     constructor() {
-        _visible.set(this, (col, item) => {
+        _visible$1.set(this, (col, item) => {
             if (col.type === 'children' || col.type === 'children-col') {
                 return false;
             }
@@ -2946,54 +3001,6 @@ class SdEditorHandlerRowPipe {
         item.sdId = hash__default(remain);
         item.editorHandlerColumn = item.editorHandlerColumn || {};
         const { columns } = gridOption;
-        for (const col of columns) {
-            if (col.type === 'children-col') {
-                for (const childCol of col.children) {
-                    item.editorHandlerColumn[childCol.field] = Object.assign(Object.assign({}, item.editorHandlerColumn[childCol.field]), { visible: __classPrivateFieldGet(this, _visible).call(this, childCol, item) });
-                }
-            }
-            else {
-                item.editorHandlerColumn[col.field] = Object.assign(Object.assign({}, item.editorHandlerColumn[col.field]), { visible: __classPrivateFieldGet(this, _visible).call(this, col, item) });
-            }
-        }
-        return item.editorHandlerRow;
-    }
-}
-_visible = new WeakMap();
-SdEditorHandlerRowPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'sdEditorHandlerRow'
-            },] }
-];
-
-var _visible$1;
-class SdEditorHandlerColumnPipe {
-    constructor() {
-        _visible$1.set(this, (col, item) => {
-            if (col.type === 'children' || col.type === 'children-col') {
-                return false;
-            }
-            // Kiểm tra xem có bị disabled hay không?
-            if (col.editor) {
-                const isDisabled = typeof (col.editor.disabled) === 'function' ? col.editor.disabled(item) : col.editor.disabled;
-                if (isDisabled) {
-                    return false;
-                }
-            }
-            return true;
-        });
-    }
-    transform(value, item, column, gridOption) {
-        if (column.type === 'children' || column.type === 'children-col') {
-            return;
-        }
-        const { sdId, editorHandlerColumn, expandDetail, isExpanded, isExpanding, isSelected, sdGroup, selectable, actions, groupedActions, originItem, editorErrorMessage, editorHandlerRow } = item, remain = __rest(item, ["sdId", "editorHandlerColumn", "expandDetail", "isExpanded", "isExpanding", "isSelected", "sdGroup", "selectable", "actions", "groupedActions", "originItem", "editorErrorMessage", "editorHandlerRow"]);
-        const key = hash__default(remain);
-        if (sdId === key && editorHandlerColumn) {
-            return true;
-        }
-        item.editorHandlerColumn = item.editorHandlerColumn || {};
-        const { columns } = gridOption;
         for (const col of columns) {
             if (col.type === 'children-col') {
                 for (const childCol of col.children) {
@@ -3004,14 +3011,13 @@ class SdEditorHandlerColumnPipe {
                 item.editorHandlerColumn[col.field] = Object.assign(Object.assign({}, item.editorHandlerColumn[col.field]), { visible: __classPrivateFieldGet(this, _visible$1).call(this, col, item) });
             }
         }
-        item.sdId = key;
-        return true;
+        return item.editorHandlerRow;
     }
 }
 _visible$1 = new WeakMap();
-SdEditorHandlerColumnPipe.decorators = [
+SdEditorHandlerRowPipe.decorators = [
     { type: Pipe, args: [{
-                name: 'sdEditorHandlerColumn'
+                name: 'sdEditorHandlerRow'
             },] }
 ];
 
@@ -3559,6 +3565,7 @@ SdGridMaterialModule.decorators = [
                     SdGridConfigurationService,
                     SdGeneratedColumnService,
                     SdColumnValuesPipe,
+                    SdEditorHandlerColumnPipe,
                     {
                         provide: MatPaginatorIntl, useClass: MatPaginatorIntlCro
                     }
@@ -3570,5 +3577,5 @@ SdGridMaterialModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { SdGridMaterial, SdGridMaterialModule, SdMaterialCellDefDirective, SdMaterialEmptyDataDefDirective, SdMaterialFilterDefDirective, SdMaterialFooterDefDirective, SdMaterialSubInformationDefDirective, MatPaginatorIntlCro as ɵa, SdGridFilter as ɵb, SdCommandTitlePipe as ɵba, SdColumnHtmlTemplatePipe as ɵbb, SdColumnTransformPipe as ɵbc, SdColumnTooltipPipe as ɵbd, SdColumnBadgePipe as ɵbe, SdFilterColumnPipe as ɵbf, SdFilterExternalPipe as ɵbg, SdSelectionActionFilterPipe as ɵbh, SdSelectionVisiblePipe as ɵbi, SdSelectionDisablePipe as ɵbj, SdSelectionVisibleSelectAllPipe as ɵbk, SdEditorHandlerRowPipe as ɵbl, SdEditorHandlerColumnPipe as ɵbm, SdEditorValidatePipe as ɵbn, SdStyleRowCss as ɵbo, SdCellViewPipe as ɵbp, SdGroupPipe as ɵbq, SdPopupFilter as ɵc, SdGridFilterService as ɵd, SdPopupExport as ɵe, GRID_MATERIAL_CONFIG as ɵg, SdGridConfigurationService as ɵh, SdColumnValuesPipe as ɵi, SdGridQuickAction as ɵj, SdDesktopCell as ɵk, SdDesktopCellEditor as ɵl, SdDesktopEditorValidation as ɵm, SdDesktopCellView as ɵn, SdDesktopCellChildrenView as ɵo, SdDesktopCommand as ɵp, SdColumnInlineFilter as ɵq, SdPopupGridConfiguration as ɵr, SdDynamicColumn as ɵs, SdGeneratedColumnService as ɵt, SdGridConfigurationResultPipe as ɵu, SdColumnChildrenFilterPipe as ɵv, SdColumnTitlePipe as ɵw, SdCommandFilterPipe as ɵx, SdCommandDisablePipe as ɵy, SdCommandIconPipe as ɵz };
+export { SdGridMaterial, SdGridMaterialModule, SdMaterialCellDefDirective, SdMaterialEmptyDataDefDirective, SdMaterialFilterDefDirective, SdMaterialFooterDefDirective, SdMaterialSubInformationDefDirective, MatPaginatorIntlCro as ɵa, SdGridFilter as ɵb, SdCommandIconPipe as ɵba, SdCommandTitlePipe as ɵbb, SdColumnHtmlTemplatePipe as ɵbc, SdColumnTransformPipe as ɵbd, SdColumnTooltipPipe as ɵbe, SdColumnBadgePipe as ɵbf, SdFilterColumnPipe as ɵbg, SdFilterExternalPipe as ɵbh, SdSelectionActionFilterPipe as ɵbi, SdSelectionVisiblePipe as ɵbj, SdSelectionDisablePipe as ɵbk, SdSelectionVisibleSelectAllPipe as ɵbl, SdEditorHandlerRowPipe as ɵbm, SdEditorValidatePipe as ɵbn, SdStyleRowCss as ɵbo, SdCellViewPipe as ɵbp, SdGroupPipe as ɵbq, SdPopupFilter as ɵc, SdGridFilterService as ɵd, SdPopupExport as ɵe, GRID_MATERIAL_CONFIG as ɵg, SdGridConfigurationService as ɵh, SdColumnValuesPipe as ɵi, SdEditorHandlerColumnPipe as ɵj, SdGridQuickAction as ɵk, SdDesktopCell as ɵl, SdDesktopCellEditor as ɵm, SdDesktopEditorValidation as ɵn, SdDesktopCellView as ɵo, SdDesktopCellChildrenView as ɵp, SdDesktopCommand as ɵq, SdColumnInlineFilter as ɵr, SdPopupGridConfiguration as ɵs, SdDynamicColumn as ɵt, SdGeneratedColumnService as ɵu, SdGridConfigurationResultPipe as ɵv, SdColumnChildrenFilterPipe as ɵw, SdColumnTitlePipe as ɵx, SdCommandFilterPipe as ɵy, SdCommandDisablePipe as ɵz };
 //# sourceMappingURL=sd-angular-core-grid-material.js.map