raise-common-lib 0.0.72 → 0.0.74

package/fesm5/raise-common-lib.js

@@ -1,7 +1,7 @@
 import { __assign, __read, __spread } from 'tslib';
 import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, HostBinding, ContentChild, Injectable, ɵɵdefineInjectable, ɵɵinject, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { GridModule, PagerModule, GridAllModule, PageService, SortService, FilterService, ExcelExportService, EditService, ResizeService, ToolbarService, ColumnChooserService, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
-import { debounce } from 'lodash';
+import { times, debounce } from 'lodash';
 import { NavigationEnd, Router, ActivatedRoute, RouteReuseStrategy } from '@angular/router';
 import { filter } from 'rxjs/operators';
 import { Subject, BehaviorSubject } from 'rxjs';
@@ -44,18 +44,17 @@ var CommonGridComponent = /** @class */ (function () {
         this.authorized = true; // Dataset是否授权，未授权则显示权限错误提示
         // Dataset是否授权，未授权则显示权限错误提示
         // only use for local data pagination
-        this.selectedDiffKey = '';
-        this.gridHeight = '';
+        this.selectedDiffKey = "";
+        this.gridHeight = "";
         // 这玩意必填，不然filter columnChooser都会报错
-        this.gridId = 'grid';
-        this.resizeSettings = { mode: 'Auto' };
-        this.filterSettings = { type: 'Menu' };
+        this.gridId = "grid";
+        this.resizeSettings = { mode: "Auto" };
+        this.filterSettings = { type: "Menu" };
         this.fields = [];
         this.dataSource = [];
         this.allowPaging = true;
-        this.clipMode = 'EllipsisWithTooltip';
+        this.clipMode = "EllipsisWithTooltip";
         this.checkBoxWidth = 32; // col 数量过少的时候，check宽度会拉伸，这时候设置null
-        // col 数量过少的时候，check宽度会拉伸，这时候设置null
         /**
          * Sample: [
          * {
@@ -76,7 +75,7 @@ var CommonGridComponent = /** @class */ (function () {
         this.contextMenuItems = [];
         // @Input() selectionSettings = { checkboxOnly: true, type: "Multiple" };
         this.selectionSettings = {
-            type: 'Multiple',
+            type: "Multiple",
             // persistSelection: true,
             checkboxOnly: true,
         };
@@ -99,8 +98,30 @@ var CommonGridComponent = /** @class */ (function () {
         this.selectId = [];
         this.startPaging = false;
         this.indexList = [];
-        this.className = 'grid-loading';
-        this.translation = JSON.parse(localStorage.getItem('translation'));
+        this.className = "grid-loading";
+        this.initList = (/**
+         * @param {?=} num
+         * @param {?=} key
+         * @return {?}
+         */
+        function (num, key) {
+            if (num === void 0) { num = 25; }
+            if (key === void 0) { key = "Id"; }
+            /** @type {?} */
+            var list = [];
+            times(num, (/**
+             * @param {?} i
+             * @return {?}
+             */
+            function (i) {
+                var _a;
+                list.push((_a = {},
+                    _a[key] = i,
+                    _a));
+            }));
+            return list;
+        });
+        this.translation = JSON.parse(localStorage.getItem("translation"));
     }
     /**
      * @return {?}
@@ -110,7 +131,7 @@ var CommonGridComponent = /** @class */ (function () {
      */
     function () {
         if (this.hiddenLoaded)
-            this.className = '';
+            this.className = "";
         this.ref && this.ref.markForCheck();
     };
     /**
@@ -142,7 +163,7 @@ var CommonGridComponent = /** @class */ (function () {
                 this.pageSettings =
                     changes.dataSource.currentValue.length > 9
                         ? {
-                            pageSizes: ['All', '25', '50', '100'],
+                            pageSizes: ["All", "25", "50", "100"],
                             pageSize: 50,
                         }
                         : null;
@@ -174,16 +195,16 @@ var CommonGridComponent = /** @class */ (function () {
         var _this = this;
         // 整个组件加载完成时的回调函数
         /** @type {?} */
-        var pagerContainer = document.querySelector('.e-pagercontainer');
+        var pagerContainer = document.querySelector(".e-pagercontainer");
         if (pagerContainer) {
             /** @type {?} */
-            var linkElements = pagerContainer.querySelectorAll('.e-link');
+            var linkElements = pagerContainer.querySelectorAll(".e-link");
             linkElements.forEach((/**
              * @param {?} element
              * @return {?}
              */
             function (element) {
-                element.removeAttribute('href'); // SMP2-10310 删除分页器的href属性
+                element.removeAttribute("href"); // SMP2-10310 删除分页器的href属性
             }));
         }
         if (this.selectedDiffKey) {
@@ -367,10 +388,10 @@ var CommonGridComponent = /** @class */ (function () {
      */
     function (args) {
         if (this.selectedDiffKey &&
-            (args.requestType === 'paging' ||
-                args.requestType === 'searching' ||
-                args.requestType === 'filtering' ||
-                args.requestType === 'sorting')) {
+            (args.requestType === "paging" ||
+                args.requestType === "searching" ||
+                args.requestType === "filtering" ||
+                args.requestType === "sorting")) {
             this.startPaging = true;
         }
         this.actionBegin.emit(args);
@@ -486,10 +507,10 @@ var CommonGridComponent = /** @class */ (function () {
     function ($event) {
         var _this = this;
         if (this.selectedDiffKey &&
-            ($event.requestType === 'paging' ||
-                $event.requestType === 'searching' ||
-                $event.requestType === 'filtering' ||
-                $event.requestType === 'sorting')) {
+            ($event.requestType === "paging" ||
+                $event.requestType === "searching" ||
+                $event.requestType === "filtering" ||
+                $event.requestType === "sorting")) {
             this.indexList = [];
             setTimeout((/**
              * @return {?}
@@ -614,7 +635,7 @@ var CommonGridComponent = /** @class */ (function () {
      */
     function ($event) {
         if (this.disableSystemRow && $event.data && $event.data.IsSystem) {
-            $event.row.classList.add('e-disabled');
+            $event.row.classList.add("e-disabled");
         }
         this.rowDataBound.emit($event);
     };
@@ -713,7 +734,7 @@ var CommonGridComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        this.className = 'grid-loading';
+        this.className = "grid-loading";
         this.ref && this.ref.markForCheck();
         this.ref && this.ref.detectChanges();
     };
@@ -724,14 +745,14 @@ var CommonGridComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        this.className = '';
+        this.className = "";
         this.ref && this.ref.markForCheck();
         this.ref && this.ref.detectChanges();
     };
     CommonGridComponent.decorators = [
         { type: Component, args: [{
-                    selector: 'rs-common-grid',
-                    template: "<ejs-grid\r\n\t#grid\r\n\t[id]=\"gridId\"\r\n\t[ngClass]=\"{\r\n\t\t'hide-Check-box': !alwaysShowCheckbox,\r\n\t\t'grid-loading': className === 'grid-loading'\r\n\t}\"\r\n\t[dataSource]=\"dataSource\"\r\n\t[allowPaging]=\"allowPaging && pageSettings\"\r\n\t[allowResizing]=\"true\"\r\n\t[pageSettings]=\"pageSettings\"\r\n\t[showColumnMenu]=\"true\"\r\n\t[allowSorting]=\"true\"\r\n\t[allowFiltering]=\"true\"\r\n\t[allowExcelExport]=\"true\"\r\n\t[filterSettings]=\"filterSettings\"\r\n\t[resizeSettings]=\"resizeSettings\"\r\n\t[allowSelection]=\"true\"\r\n\t[editSettings]=\"editSettings\"\r\n\t[childGrid]=\"childGrid\"\r\n\t[contextMenuItems]=\"\r\n\t\tdataSource && dataSource.length ? contextMenuItems : null\r\n\t\"\r\n\t[selectionSettings]=\"selectionSettings\"\r\n\t(recordClick)=\"_recordClick($event)\"\r\n\t(recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n\t(actionBegin)=\"_actionBegin($event)\"\r\n\t(actionComplete)=\"_actionHandler($event)\"\r\n\t(rowSelected)=\"_rowSelected($event)\"\r\n\t(rowDeselected)=\"_rowDeselected($event)\"\r\n\tstyle=\"border: none\"\r\n\t(contextMenuClick)=\"_onContextMenu($event)\"\r\n\t(contextMenuOpen)=\"contextMenuOpen($event)\"\r\n\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t(dataBound)=\"_dataBound($event)\"\r\n\t(rowDataBound)=\"_rowDataBound($event)\"\r\n\t(rowSelecting)=\"_rowSelecting($event)\"\r\n\t(excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n\t(load)=\"_load()\"\r\n\t[frozenColumns]=\"frozenColumns\"\r\n>\r\n\t<e-columns>\r\n\t\t<e-column\r\n\t\t\t*ngIf=\"showCheckBox\"\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t[width]=\"checkBoxWidth\"\r\n\t\t\t[showColumnMenu]=\"false\"\r\n\t\t></e-column>\r\n\t\t<e-column\r\n\t\t\t*ngFor=\"let item of fields; trackBy: trackByFn\"\r\n\t\t\t[field]=\"item.columnName\"\r\n\t\t\t[filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n\t\t\t[customAttributes]=\"\r\n\t\t\t\titem.colName === 'entityUserList' ||\r\n\t\t\t\titem.colName === 'kycProgress'\r\n\t\t\t\t\t? { class: 'hideColumnFilterClass' }\r\n\t\t\t\t\t: {}\r\n\t\t\t\"\r\n\t\t\t[headerText]=\"item.columnDisplayName\"\r\n\t\t\t[textAlign]=\"item.textAlign\"\r\n\t\t\t[showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n\t\t\t[allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n\t\t\t[allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n\t\t\t[editType]=\"item.editType\"\r\n\t\t\t[validationRules]=\"item.validationRules\"\r\n\t\t\t[type]=\"item.dataType\"\r\n\t\t\t[width]=\"item.width\"\r\n\t\t\t[minWidth]=\"item.minWidth\"\r\n\t\t\t[format]=\"item.format\"\r\n\t\t\t[visible]=\"item.visible\"\r\n\t\t\t[template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n\t\t\t[clipMode]=\"\r\n\t\t\t\titem.clipMode\r\n\t\t\t\t\t? item.clipMode\r\n\t\t\t\t\t: clipMode || 'EllipsisWithTooltip'\r\n\t\t\t\"\r\n\t\t\t[sortComparer]=\"item.dateComparer\"\r\n\t\t>\r\n\t\t</e-column>\r\n\t</e-columns>\r\n</ejs-grid>\r\n",
+                    selector: "rs-common-grid",
+                    template: "<ejs-grid\r\n\t#grid\r\n\t[id]=\"gridId\"\r\n\t[ngClass]=\"{\r\n\t\t'hide-Check-box': !alwaysShowCheckbox,\r\n\t\t'grid-loading': className === 'grid-loading'\r\n\t}\"\r\n\t[dataSource]=\"dataSource\"\r\n\t[allowPaging]=\"allowPaging && pageSettings\"\r\n\t[allowResizing]=\"true\"\r\n\t[pageSettings]=\"pageSettings\"\r\n\t[showColumnMenu]=\"true\"\r\n\t[allowSorting]=\"true\"\r\n\t[allowFiltering]=\"true\"\r\n\t[allowExcelExport]=\"true\"\r\n\t[filterSettings]=\"filterSettings\"\r\n\t[resizeSettings]=\"resizeSettings\"\r\n\t[allowSelection]=\"true\"\r\n\t[editSettings]=\"editSettings\"\r\n\t[childGrid]=\"childGrid\"\r\n\t[contextMenuItems]=\"\r\n\t\tdataSource && dataSource.length ? contextMenuItems : null\r\n\t\"\r\n\t[selectionSettings]=\"selectionSettings\"\r\n\t(recordClick)=\"_recordClick($event)\"\r\n\t(recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n\t(actionBegin)=\"_actionBegin($event)\"\r\n\t(actionComplete)=\"_actionHandler($event)\"\r\n\t(rowSelected)=\"_rowSelected($event)\"\r\n\t(rowDeselected)=\"_rowDeselected($event)\"\r\n\tstyle=\"border: none\"\r\n\t(contextMenuClick)=\"_onContextMenu($event)\"\r\n\t(contextMenuOpen)=\"contextMenuOpen($event)\"\r\n\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t(dataBound)=\"_dataBound($event)\"\r\n\t(rowDataBound)=\"_rowDataBound($event)\"\r\n\t(rowSelecting)=\"_rowSelecting($event)\"\r\n\t(excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n\t(load)=\"_load()\"\r\n\t[frozenColumns]=\"frozenColumns\"\r\n\t[columnChooserSettings]=\"columnChooserSettings\"\r\n\r\n>\r\n\t<e-columns>\r\n\t\t<e-column\r\n\t\t\t*ngIf=\"showCheckBox\"\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t[width]=\"checkBoxWidth\"\r\n\t\t\t[showColumnMenu]=\"false\"\r\n\t\t></e-column>\r\n\t\t<e-column\r\n\t\t\t*ngFor=\"let item of fields; trackBy: trackByFn\"\r\n\t\t\t[field]=\"item.columnName\"\r\n\t\t\t[filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n\t\t\t[customAttributes]=\"\r\n\t\t\t\titem.colName === 'entityUserList' ||\r\n\t\t\t\titem.colName === 'kycProgress'\r\n\t\t\t\t\t? { class: 'hideColumnFilterClass' }\r\n\t\t\t\t\t: {}\r\n\t\t\t\"\r\n\t\t\t[headerText]=\"item.columnDisplayName\"\r\n\t\t\t[textAlign]=\"item.textAlign\"\r\n\t\t\t[showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n\t\t\t[allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n\t\t\t[allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n\t\t\t[editType]=\"item.editType\"\r\n\t\t\t[validationRules]=\"item.validationRules\"\r\n\t\t\t[type]=\"item.dataType\"\r\n\t\t\t[width]=\"item.width\"\r\n\t\t\t[minWidth]=\"item.minWidth\"\r\n\t\t\t[format]=\"item.format\"\r\n\t\t\t[visible]=\"item.visible\"\r\n\t\t\t[template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n\t\t\t[clipMode]=\"\r\n\t\t\t\titem.clipMode\r\n\t\t\t\t\t? item.clipMode\r\n\t\t\t\t\t: clipMode || 'EllipsisWithTooltip'\r\n\t\t\t\"\r\n\t\t\t[sortComparer]=\"item.dateComparer\"\r\n\t\t>\r\n\t\t</e-column>\r\n\t</e-columns>\r\n</ejs-grid>\r\n",
                     styles: [""]
                 }] }
     ];
@@ -740,7 +761,7 @@ var CommonGridComponent = /** @class */ (function () {
         { type: ChangeDetectorRef }
     ]; };
     CommonGridComponent.propDecorators = {
-        grid: [{ type: ViewChild, args: ['grid', { static: false },] }],
+        grid: [{ type: ViewChild, args: ["grid", { static: false },] }],
         showCheckBox: [{ type: Input }],
         loaded: [{ type: Input }],
         hiddenLoaded: [{ type: Input }],
@@ -761,6 +782,7 @@ var CommonGridComponent = /** @class */ (function () {
         checkBoxWidth: [{ type: Input }],
         childGrid: [{ type: Input }],
         frozenColumns: [{ type: Input }],
+        columnChooserSettings: [{ type: Input }],
         contextMenuItems: [{ type: Input }],
         selectionSettings: [{ type: Input }],
         alwaysShowCheckbox: [{ type: Input }],
@@ -825,6 +847,8 @@ if (false) {
     CommonGridComponent.prototype.childGrid;
     /** @type {?} */
     CommonGridComponent.prototype.frozenColumns;
+    /** @type {?} */
+    CommonGridComponent.prototype.columnChooserSettings;
     /**
      * Sample: [
      * {
@@ -888,6 +912,8 @@ if (false) {
     CommonGridComponent.prototype.className;
     /** @type {?} */
     CommonGridComponent.prototype.translation;
+    /** @type {?} */
+    CommonGridComponent.prototype.initList;
     /**
      * @type {?}
      * @private