tnx-shared 5.3.185 → 5.3.186

package/fesm2015/tnx-shared.js

@@ -674,6 +674,7 @@ class CrudListSetting {
         this.disableViewWorkflowAttach = false;
         this.hiddenWorkflowCoreStatus = true;
         this.requiredVanBanDiAfterTrinhKy = false;
+        this.disableLazyLoadCommonSearch = false;
         this.showExportAll = false;
         this.showExportSelectedItems = true;
         this.showExportWordSelectedItems = false;
@@ -966,6 +967,7 @@ class FormControlBase extends FormSchemaBase {
         this.enableCaching = false;
         this.hasOperatorCanBo = false;
         this.addToGridInfo = false;
+        this.isLazyLoad = false;
         for (const key in init) {
             this[key] = init[key];
         }
@@ -21576,6 +21578,7 @@ class CommonSearchFormComponent extends DataFormBase {
         this.lstBoolControl = [];
         this.lstControlNotIn = [];
         this.lstControlAddToGridInfo = [];
+        this.lstControlLazyLoad = [];
         this.defaultValues = {};
         this.isAddDefaultValues = false;
         this.mapControlBindingFilter = new Map();
@@ -21583,6 +21586,7 @@ class CommonSearchFormComponent extends DataFormBase {
         this.isOpenFull = false;
         this.isCustomGenerateSearch = false;
         this.isDisableOpenFull = false;
+        this._index = 1;
     }
     ngOnInit() {
         this.mdWidth = this.parentSetting.mdWidthCommonSearch;
@@ -21601,9 +21605,10 @@ class CommonSearchFormComponent extends DataFormBase {
             const lstTextSearchControl = columnFilters.filter(p => p.fullTextSearch);
             this.lstTextControl = lstTextSearchControl.map(p => p.field);
             this.searchBoxTooltip += `${(lstTextSearchControl.map(x => x.label)).join(', ')}`;
+            this._index = 2;
         }
+        const totalControlPerRow = 12 / this.mdWidth;
         if (this.isCustomGenerateSearch) {
-            this.lstControlAddToGridInfo = this.parentSetting.commonSchemas.filter(p => p.addToGridInfo).map(p => p.field);
             this.parentSetting.commonSchemas.forEach(column => {
                 column.showLabel = false;
                 column.mdWidth = this.mdWidth;
@@ -21616,25 +21621,33 @@ class CommonSearchFormComponent extends DataFormBase {
                 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((prev, next) => 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.ngOnInit();
-        const controlSetDefaultValue = this.setting.schema.filter(p => p.hasOwnProperty('defaultValue') && (p instanceof DropdownControlSchema || p instanceof DateTimeControlSchema));
-        if (controlSetDefaultValue.length) {
-            controlSetDefaultValue.forEach(item => {
-                this.defaultValues[item.field] = item.defaultValue;
-            });
+        if (Object.keys(this.defaultValues).length) {
             this.handleSearch();
         }
     }
     genFormSchema(columns) {
         const result = [];
+        const totalControlPerRow = 12 / this.mdWidth;
         columns.forEach(column => {
             var _a;
             if (!column.isInTable || !column.includeSelect) {
@@ -21654,7 +21667,12 @@ class CommonSearchFormComponent extends DataFormBase {
                     });
                 }
                 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ọn ${column.label}`, multiple: !column.single, dataSource: dataSource, mdWidth: this.mdWidth, showLabel: false, loadOnInit: true, showClear: true, onChanged: (evt) => {
+                    const 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ọn ${column.label}`, multiple: !column.single, dataSource: dataSource, mdWidth: this.mdWidth, isLazyLoad: isLazyLoad, showLabel: false, showClear: true, onChanged: (evt) => {
                             var _a;
                             if (column.dataType == DataType.boolean) {
                                 evt.parentModel[column.field] = column.single ? (_a = evt.value.id) !== null && _a !== void 0 ? _a : evt.value : evt.value.map(p => p.id);
@@ -21671,6 +21689,7 @@ class CommonSearchFormComponent extends DataFormBase {
                             }
                             this.handleSearch();
                         } })));
+                    this._index++;
                 }
             }
             else {
@@ -21686,6 +21705,7 @@ class CommonSearchFormComponent extends DataFormBase {
                         addColumn.showTime = column.dataType == DataType.datetime;
                         result.push(new DateTimeRangeControlSchema(addColumn));
                         this.lstDatetimeControl.push(column.field);
+                        this._index++;
                         break;
                     case DataType.int:
                     case DataType.intWithoutMask:
@@ -21698,6 +21718,7 @@ class CommonSearchFormComponent extends DataFormBase {
                         };
                         result.push(new NumberRangeControlSchema(addColumn));
                         this.lstNumberRangeControl.push(addColumn.field);
+                        this._index++;
                         break;
                     default:
                         break;
@@ -21715,7 +21736,7 @@ class CommonSearchFormComponent extends DataFormBase {
             label: 'Từ khóa',
             fullLabel: 'Từ khóa',
             showLabel: false,
-            mdWidth: this.mdWidth
+            mdWidth: this.mdWidth,
         });
         const index = Number(12 / this.mdWidth) - 1;
         if (this._commonService.isMobile()) {
@@ -21744,7 +21765,7 @@ class CommonSearchFormComponent extends DataFormBase {
                 data = Object.assign(data, this.defaultValues);
                 this.isAddDefaultValues = true;
             }
-            let lstFilters = this._crudService.getFilterFromTemplate(this.templateFilter, data);
+            const lstFilters = this._crudService.getFilterFromTemplate(this.templateFilter, data);
             const lstFilterAddCustom = lstFilters.filter(p => this.lstControlAddToGridInfo.includes(p.field));
             if (this.isCustomGenerateSearch) {
                 const rs = {
@@ -21814,8 +21835,19 @@ class CommonSearchFormComponent extends DataFormBase {
     }
     toggleMenuSearch() {
         this.isOpenFull = !this.isOpenFull;
+        if (this.lstControlLazyLoad.length) {
+            this.triggerLazyLoadDropdown();
+        }
         this.onAfterToggleMenuSearch.emit(true);
     }
+    triggerLazyLoadDropdown() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const promises = [];
+            this.lstControlLazyLoad.forEach(control => promises.push(this.formControls[control]._component._getDataSource()));
+            yield Promise.all(promises);
+            this.lstControlLazyLoad = [];
+        });
+    }
     onFormInitialized(formEvent) {
         return __awaiter(this, void 0, void 0, function* () {
             // tiền xử lý dữ liệu (ví dụ tổng hợp datasource), trước khi gọi api get detail
@@ -27609,7 +27641,7 @@ class DropdownComponent extends ComponentBase {
                 this.createFilterFunction();
                 this.createSearchSubscription();
             }
-            if (this.control.loadOnInit) {
+            if (this.control.loadOnInit && !this.control.isLazyLoad) {
                 this._getData();
             }
         }