@sd-angular/core 0.0.935 → 0.0.939

package/bundles/sd-angular-core-grid-material.umd.js

@@ -1658,7 +1658,7 @@
         { type: utility.SdUtilityService }
     ]; };
 
-    var _paginator, _sort, _subscription$1, _optionChanges, _initCellDef, _initFilterDef, _initFooterDef, _filterExportInfo, _initConfiguration, _filterLocal, _getFilter, _load$1, _render, _exportedItems, _allColumns, _allExportedColumns, _onExport, _updateSelectedItems, _generateEditorHanlder;
+    var _paginator, _sort, _subscription$1, _optionChanges, _initCellDef, _initFilterDef, _initFooterDef, _filterExportInfo, _initConfiguration, _filterLocal, _getFilter, _load$1, _render, _exportedItems, _allColumns, _allExportedColumns, _onExport, _updateSelectedItems;
     var SdGridMaterial = /** @class */ (function () {
         function SdGridMaterial(ref, configuration, gridConfigurationService, exportService, notifyService, translateService, gridService) {
             var _this = this;
@@ -2365,10 +2365,6 @@
                 var _a;
                 (_a = _this.gridFilter) === null || _a === void 0 ? void 0 : _a.setFilter(args);
             };
-            _generateEditorHanlder.set(this, function (item) {
-                // item.editorHandler = item.editorHandler || {};
-                // this.editorVisiblePipe.transform(null, item, this.gridOption);
-            });
             this.onCreate = function () {
                 var _a;
                 var _t = _this.gridOption, type = _t.type, editor = _t.editor, columns = _t.columns;
@@ -2417,6 +2413,9 @@
                 return __generator(this, function (_t) {
                     switch (_t.label) {
                         case 0:
+                            if (item.editorHandlerRow.saving) {
+                                return [2 /*return*/];
+                            }
                             editor = this.gridOption.editor;
                             _t.label = 1;
                         case 1:
@@ -2513,6 +2512,7 @@
                     return;
                 }
             };
+            this.detectChanges = function () { return _this.ref.detectChanges(); };
         }
         Object.defineProperty(SdGridMaterial.prototype, "_gridFilter", {
             set: function (gridFilter) {
@@ -2586,9 +2586,37 @@
         SdGridMaterial.prototype.drop = function (event, columns) {
             dragDrop.moveItemInArray(columns, event.previousIndex, event.currentIndex);
         };
+        Object.defineProperty(SdGridMaterial.prototype, "editedItems", {
+            get: function () {
+                return this.items.filter(function (item) {
+                    if (!item.originItem) {
+                        return true;
+                    }
+                    if (Object.keys(item.originItem).some(function (key) { return item.originItem[key] !== item[key]; })) {
+                        return true;
+                    }
+                    return false;
+                }).map(function (item) {
+                    var editorStatus = item.editorStatus, editorHandlerRow = item.editorHandlerRow, editorHandlerColumn = item.editorHandlerColumn, expandDetail = item.expandDetail, isExpanded = item.isExpanded, isExpanding = item.isExpanding, isSelected = item.isSelected, originItem = item.originItem, result = __rest(item, ["editorStatus", "editorHandlerRow", "editorHandlerColumn", "expandDetail", "isExpanded", "isExpanding", "isSelected", "originItem"]);
+                    return Object.assign(Object.assign({}, result), { editorErrorMessage: editorHandlerRow === null || editorHandlerRow === void 0 ? void 0 : editorHandlerRow.errorMessage });
+                });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SdGridMaterial.prototype, "gridItems", {
+            get: function () {
+                return this.items.map(function (item) {
+                    var editorStatus = item.editorStatus, editorHandlerRow = item.editorHandlerRow, editorHandlerColumn = item.editorHandlerColumn, expandDetail = item.expandDetail, isExpanded = item.isExpanded, isExpanding = item.isExpanding, isSelected = item.isSelected, originItem = item.originItem, result = __rest(item, ["editorStatus", "editorHandlerRow", "editorHandlerColumn", "expandDetail", "isExpanded", "isExpanding", "isSelected", "originItem"]);
+                    return result;
+                });
+            },
+            enumerable: false,
+            configurable: true
+        });
         return SdGridMaterial;
     }());
-    _paginator = new WeakMap(), _sort = new WeakMap(), _subscription$1 = new WeakMap(), _optionChanges = new WeakMap(), _initCellDef = new WeakMap(), _initFilterDef = new WeakMap(), _initFooterDef = new WeakMap(), _filterExportInfo = new WeakMap(), _initConfiguration = new WeakMap(), _filterLocal = new WeakMap(), _getFilter = new WeakMap(), _load$1 = new WeakMap(), _render = new WeakMap(), _exportedItems = new WeakMap(), _allColumns = new WeakMap(), _allExportedColumns = new WeakMap(), _onExport = new WeakMap(), _updateSelectedItems = new WeakMap(), _generateEditorHanlder = new WeakMap();
+    _paginator = new WeakMap(), _sort = new WeakMap(), _subscription$1 = new WeakMap(), _optionChanges = new WeakMap(), _initCellDef = new WeakMap(), _initFilterDef = new WeakMap(), _initFooterDef = new WeakMap(), _filterExportInfo = new WeakMap(), _initConfiguration = new WeakMap(), _filterLocal = new WeakMap(), _getFilter = new WeakMap(), _load$1 = new WeakMap(), _render = new WeakMap(), _exportedItems = new WeakMap(), _allColumns = new WeakMap(), _allExportedColumns = new WeakMap(), _onExport = new WeakMap(), _updateSelectedItems = new WeakMap();
     SdGridMaterial.decorators = [
         { type: core.Component, args: [{
                     selector: 'sd-grid-material',
@@ -3620,7 +3648,7 @@
     SdDesktopCell.decorators = [
         { type: core.Component, args: [{
                     selector: 'sd-desktop-cell',
-                    template: "<ng-container *ngIf=\"column && item\">\r\n  <ng-container *ngIf=\"item.editorHandlerRow;else useView\">\r\n    <ng-container *sdLet=\"item[column.field] | sdEditorHandlerColumn:item:column:gridOption\">\r\n      <ng-container *ngIf=\"item.editorHandlerColumn[column.field]?.visible;else useDisabledView\">\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, editorStatus: 'edited' }\r\n            \">\r\n          </ng-container>\r\n        </ng-container>\r\n        <sd-desktop-cell-editor *ngIf=\"!cellDef[column.field]\" [column]=\"column\" [item]=\"item\"></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]\" [key]=\"key\" [column]=\"column\" [item]=\"item\"></sd-desktop-cell-view>\r\n  </ng-template>\r\n  <ng-template #useDisabledView>\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, editorStatus: 'disabled' }\r\n        \">\r\n      </ng-container>\r\n    </ng-container>\r\n    <sd-desktop-cell-view *ngIf=\"!cellDef[column.field]\" [key]=\"key\" [column]=\"column\" [item]=\"item\"></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;else useView\">\r\n    <ng-container *sdLet=\"item[column.field] | sdEditorHandlerColumn:item:column:gridOption\">\r\n      <ng-container *ngIf=\"item.editorHandlerColumn[column.field]?.visible;else useView\">\r\n        <ng-container *sdLet=\"item[column.field] | sdEditorValidate:item:column:gridOption\">\r\n        </ng-container>\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]\" [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]\" [key]=\"key\" [column]=\"column\" [item]=\"item\">\r\n    </sd-desktop-cell-view>\r\n  </ng-template>\r\n</ng-container>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     styles: [".c-color-success{color:#4caf50}.c-color-danger{color:#f82c13}.c-img{font-size:30px;opacity:.5}.c-img.pointer:hover{opacity:.9}.c-badge{border-radius:20px;display:inline-block;margin-bottom:4px;padding:2px 12px;text-align:center}.c-badge.c-warning{background:#fff3e0;color:#ff9600}.c-badge.c-info{background:#e7e9ff;color:#2962ff}.c-badge.c-success{background:#e8f5e9;color:#4caf50}.c-badge.c-danger{background:#fee8e7;color:#f82c13}.c-badge.c-normal{background:rgba(0,0,0,.12);color:#000}.wes-status .c-material-icon{font-size:12px;height:12px;width:12px}.wes-status.text-secondary .c-material-icon{color:rgba(0,0,0,.5)}.c-badge-circle .c-material-icon{font-size:12px;height:12px;width:12px}.c-badge-circle.c-unknown{color:#212121}.c-badge-circle.c-unknown .c-material-icon{color:rgba(0,0,0,.5)}.c-badge-circle.c-secondary{color:#212121}.c-badge-circle.c-info{color:#2962ff}.c-badge-circle.c-success{color:#4caf50}.c-badge-circle.c-danger{color:#f82c13}.c-badge-circle.c-warning{color:#ff9600}"]
                 },] }
@@ -3754,35 +3782,37 @@
         function SdEditorValidatePipe() {
             this.delay = 1000; // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện validate
         }
-        SdEditorValidatePipe.prototype.transform = function (value, item, validate) {
+        SdEditorValidatePipe.prototype.transform = function (value, item, column, gridOption) {
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var now, dif, result, _a;
+                var editor, now, dif, result, _b;
                 var _this = this;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
-                            if (!item.editorHandlerRow) {
+                            editor = gridOption.editor;
+                            if (!((_a = item.editorHandlerRow) === null || _a === void 0 ? void 0 : _a.visible)) {
+                                return [2 /*return*/, true];
+                            }
+                            if (!editor.validate) {
+                                item.editorHandlerRow.errorMessage = null;
                                 return [2 /*return*/, true];
                             }
                             this.previous = new Date();
                             return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, _this.delay); })];
                         case 1:
-                            _b.sent();
+                            _c.sent();
                             now = new Date();
                             dif = now.getTime() - this.previous.getTime();
                             if (dif < this.delay) {
                                 return [2 /*return*/, true];
                             }
-                            if (!validate) {
-                                item.editorHandlerRow.errorMessage = null;
-                                return [2 /*return*/, true];
-                            }
-                            result = validate(item);
+                            result = editor.validate(item);
                             if (!(result instanceof Promise)) return [3 /*break*/, 3];
-                            _a = item.editorHandlerRow;
+                            _b = item.editorHandlerRow;
                             return [4 /*yield*/, result];
                         case 2:
-                            _a.errorMessage = _b.sent();
+                            _b.errorMessage = _c.sent();
                             return [2 /*return*/, true];
                         case 3:
                             item.editorHandlerRow.errorMessage = result;