tnx-shared 5.3.185 → 5.3.186

package/bundles/tnx-shared.umd.js

@@ -1116,6 +1116,7 @@
             this.disableViewWorkflowAttach = false;
             this.hiddenWorkflowCoreStatus = true;
             this.requiredVanBanDiAfterTrinhKy = false;
+            this.disableLazyLoadCommonSearch = false;
             this.showExportAll = false;
             this.showExportSelectedItems = true;
             this.showExportWordSelectedItems = false;
@@ -1453,6 +1454,7 @@
             _this.enableCaching = false;
             _this.hasOperatorCanBo = false;
             _this.addToGridInfo = false;
+            _this.isLazyLoad = false;
             for (var key in init) {
                 _this[key] = init[key];
             }
@@ -31645,6 +31647,7 @@
             _this.lstBoolControl = [];
             _this.lstControlNotIn = [];
             _this.lstControlAddToGridInfo = [];
+            _this.lstControlLazyLoad = [];
             _this.defaultValues = {};
             _this.isAddDefaultValues = false;
             _this.mapControlBindingFilter = new Map();
@@ -31652,6 +31655,7 @@
             _this.isOpenFull = false;
             _this.isCustomGenerateSearch = false;
             _this.isDisableOpenFull = false;
+            _this._index = 1;
             return _this;
         }
         CommonSearchFormComponent.prototype.ngOnInit = function () {
@@ -31672,9 +31676,10 @@
                 var lstTextSearchControl = columnFilters.filter(function (p) { return p.fullTextSearch; });
                 this.lstTextControl = lstTextSearchControl.map(function (p) { return p.field; });
                 this.searchBoxTooltip += "" + (lstTextSearchControl.map(function (x) { return x.label; })).join(', ');
+                this._index = 2;
             }
+            var totalControlPerRow = 12 / this.mdWidth;
             if (this.isCustomGenerateSearch) {
-                this.lstControlAddToGridInfo = this.parentSetting.commonSchemas.filter(function (p) { return p.addToGridInfo; }).map(function (p) { return p.field; });
                 this.parentSetting.commonSchemas.forEach(function (column) {
                     column.showLabel = false;
                     column.mdWidth = _this.mdWidth;
@@ -31687,26 +31692,34 @@
                     if (column instanceof NumberRangeControlSchema) {
                         _this.lstNumberRangeControl.push(column.field);
                     }
+                    if (column.hasOwnProperty('defaultValue') && (column instanceof DropdownControlSchema || column instanceof DateTimeControlSchema)) {
+                        _this.defaultValues[column.field] = column.defaultValue;
+                    }
+                    if (column.addToGridInfo) {
+                        _this.lstControlAddToGridInfo.push(column.field);
+                    }
+                    column.isLazyLoad = !_this.parentSetting.disableLazyLoadCommonSearch && _this._index > totalControlPerRow
+                        && column instanceof DropdownControlSchema && !!column.baseService && !(column.baseService instanceof MasterDataService);
+                    if (column.isLazyLoad) {
+                        _this.lstControlLazyLoad.push(column.field);
+                    }
+                    _this._index++;
                 });
                 this.setting.schema = this.addSearchBox(this.parentSetting.commonSchemas.sort(function (prev, next) { return prev.order - next.order; }));
-                this.genFormSchema(this.parentSetting.commonSchemas);
             }
             else {
                 this.setting.schema = this.genFormSchema(columnFilters);
             }
             this.isDisableOpenFull = this.setting.schema.length <= 4 && !this._commonService.isMobile();
             _super.prototype.ngOnInit.call(this);
-            var controlSetDefaultValue = this.setting.schema.filter(function (p) { return p.hasOwnProperty('defaultValue') && (p instanceof DropdownControlSchema || p instanceof DateTimeControlSchema); });
-            if (controlSetDefaultValue.length) {
-                controlSetDefaultValue.forEach(function (item) {
-                    _this.defaultValues[item.field] = item.defaultValue;
-                });
+            if (Object.keys(this.defaultValues).length) {
                 this.handleSearch();
             }
         };
         CommonSearchFormComponent.prototype.genFormSchema = function (columns) {
             var _this = this;
             var result = [];
+            var totalControlPerRow = 12 / this.mdWidth;
             columns.forEach(function (column) {
                 var _a;
                 if (!column.isInTable || !column.includeSelect) {
@@ -31726,7 +31739,12 @@
                         });
                     }
                     if (column.baseService || (dataSource && dataSource.length > 0)) {
-                        result.push(new DropdownControlSchema(Object.assign(Object.assign({}, column), { placeholder: (_a = column.placeholder) !== null && _a !== void 0 ? _a : "Ch\u1ECDn " + column.label, multiple: !column.single, dataSource: dataSource, mdWidth: _this.mdWidth, showLabel: false, loadOnInit: true, showClear: true, onChanged: function (evt) {
+                        var isLazyLoad = !_this.parentSetting.disableLazyLoadCommonSearch && _this._index > totalControlPerRow
+                            && !!column.baseService && !(column.baseService instanceof MasterDataService);
+                        if (isLazyLoad) {
+                            _this.lstControlLazyLoad.push(column.field);
+                        }
+                        result.push(new DropdownControlSchema(Object.assign(Object.assign({}, column), { placeholder: (_a = column.placeholder) !== null && _a !== void 0 ? _a : "Ch\u1ECDn " + column.label, multiple: !column.single, dataSource: dataSource, mdWidth: _this.mdWidth, isLazyLoad: isLazyLoad, showLabel: false, showClear: true, onChanged: function (evt) {
                                 var _a;
                                 if (column.dataType == exports.DataType.boolean) {
                                     evt.parentModel[column.field] = column.single ? (_a = evt.value.id) !== null && _a !== void 0 ? _a : evt.value : evt.value.map(function (p) { return p.id; });
@@ -31743,6 +31761,7 @@
                                 }
                                 _this.handleSearch();
                             } })));
+                        _this._index++;
                     }
                 }
                 else {
@@ -31758,6 +31777,7 @@
                             addColumn.showTime = column.dataType == exports.DataType.datetime;
                             result.push(new DateTimeRangeControlSchema(addColumn));
                             _this.lstDatetimeControl.push(column.field);
+                            _this._index++;
                             break;
                         case exports.DataType.int:
                         case exports.DataType.intWithoutMask:
@@ -31770,6 +31790,7 @@
                             };
                             result.push(new NumberRangeControlSchema(addColumn));
                             _this.lstNumberRangeControl.push(addColumn.field);
+                            _this._index++;
                             break;
                         default:
                             break;
@@ -31787,7 +31808,7 @@
                 label: 'Từ khóa',
                 fullLabel: 'Từ khóa',
                 showLabel: false,
-                mdWidth: this.mdWidth
+                mdWidth: this.mdWidth,
             });
             var index = Number(12 / this.mdWidth) - 1;
             if (this._commonService.isMobile()) {
@@ -31884,8 +31905,29 @@
         };
         CommonSearchFormComponent.prototype.toggleMenuSearch = function () {
             this.isOpenFull = !this.isOpenFull;
+            if (this.lstControlLazyLoad.length) {
+                this.triggerLazyLoadDropdown();
+            }
             this.onAfterToggleMenuSearch.emit(true);
         };
+        CommonSearchFormComponent.prototype.triggerLazyLoadDropdown = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var promises;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            promises = [];
+                            this.lstControlLazyLoad.forEach(function (control) { return promises.push(_this.formControls[control]._component._getDataSource()); });
+                            return [4 /*yield*/, Promise.all(promises)];
+                        case 1:
+                            _b.sent();
+                            this.lstControlLazyLoad = [];
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         CommonSearchFormComponent.prototype.onFormInitialized = function (formEvent) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
@@ -32139,7 +32181,7 @@
                     this.createFilterFunction();
                     this.createSearchSubscription();
                 }
-                if (this.control.loadOnInit) {
+                if (this.control.loadOnInit && !this.control.isLazyLoad) {
                     this._getData();
                 }
             }