raise-common-lib 0.0.1 → 0.0.4

package/fesm5/raise-common-lib.js

@@ -0,0 +1,917 @@
+import { __assign } from 'tslib';
+import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, NgModule } 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 { CommonModule } from '@angular/common';
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/common-grid/index.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var CommonGridComponent = /** @class */ (function () {
+    function CommonGridComponent(ref) {
+        this.ref = ref;
+        this.showCheckBox = true;
+        this.loaded = true;
+        this.hiddenLoaded = false;
+        this.authorized = true; // Dataset是否授权，未授权则显示权限错误提示
+        // Dataset是否授权，未授权则显示权限错误提示
+        // only use for local data pagination
+        this.selectedDiffKey = '';
+        this.gridHeight = '';
+        // 这玩意必填，不然filter columnChooser都会报错
+        this.gridId = 'grid';
+        this.resizeSettings = { mode: 'Auto' };
+        this.filterSettings = { type: 'Menu' };
+        this.fields = [];
+        this.dataSource = [];
+        this.allowPaging = true;
+        this.clipMode = 'EllipsisWithTooltip';
+        this.checkBoxWidth = 32; // col 数量过少的时候，check宽度会拉伸，这时候设置null
+        /**
+         * Sample: [
+         * {
+         * text: "Preview",
+         * target: ".e-content",
+         * id: "preview-icon",
+         * iconCss: "preview",
+         * },
+         * {
+         * text: "Download",
+         * target: ".e-content",
+         * id: "download-icon",
+         * iconCss: "download",
+         * }
+         * ]
+         * 用于定义row中 点击事件
+         */
+        this.contextMenuItems = [];
+        // @Input() selectionSettings = { checkboxOnly: true, type: "Multiple" };
+        this.selectionSettings = {
+            type: 'Multiple',
+            // persistSelection: true,
+            checkboxOnly: true,
+        };
+        this.alwaysShowCheckbox = false;
+        this.disableSystemRow = false; // 禁用IsSytem = true的整行
+        // 禁用IsSytem = true的整行
+        this.recordDoubleClick = new EventEmitter();
+        this.actionComplete = new EventEmitter();
+        this.rowSelected = new EventEmitter();
+        this.rowDeselected = new EventEmitter();
+        this.onContextMenu = new EventEmitter();
+        this.actionHandler = new EventEmitter();
+        this.queryCellInfo = new EventEmitter();
+        this.recordClick = new EventEmitter();
+        this.actionBegin = new EventEmitter();
+        this.rowDataBound = new EventEmitter();
+        this.dataBound = new EventEmitter();
+        this.exportQueryCellInfo = new EventEmitter();
+        this.rowSelecting = new EventEmitter();
+        this.selectId = [];
+        this.startPaging = false;
+        this.indexList = [];
+        this.className = 'grid-loading';
+        this.translation = JSON.parse(localStorage.getItem('translation'));
+    }
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        if (this.hiddenLoaded)
+            this.className = '';
+        this.ref && this.ref.markForCheck();
+    };
+    /**
+     * @param {?} index
+     * @param {?} item
+     * @return {?}
+     */
+    CommonGridComponent.prototype.trackByFn = /**
+     * @param {?} index
+     * @param {?} item
+     * @return {?}
+     */
+    function (index, item) {
+        return index; // or a unique identifier in your object
+    };
+    /**
+     * @param {?} changes
+     * @return {?}
+     */
+    CommonGridComponent.prototype.ngOnChanges = /**
+     * @param {?} changes
+     * @return {?}
+     */
+    function (changes) {
+        if (changes.dataSource && changes.dataSource.currentValue) {
+            if (this.allowPaging &&
+                changes.dataSource.currentValue.length &&
+                !this.pageSettings) {
+                this.pageSettings =
+                    changes.dataSource.currentValue.length > 9
+                        ? {
+                            pageSizes: ['All', '25', '50', '100'],
+                            pageSize: 50,
+                        }
+                        : null;
+            }
+        }
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype._load = /**
+     * @return {?}
+     */
+    function () {
+        if (!this.authorized) {
+            ((/** @type {?} */ (this.grid.localeObj))).localeStrings.EmptyRecord =
+                this.translation.YOU_DO_NOT_HAVE_THE_DATASET_PERMISSION ||
+                    "You don't have the dataset permission to view the record.";
+        }
+    };
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    CommonGridComponent.prototype._dataBound = /**
+     * @param {?} args
+     * @return {?}
+     */
+    function (args) {
+        var _this = this;
+        // 整个组件加载完成时的回调函数
+        /** @type {?} */
+        var pagerContainer = document.querySelector('.e-pagercontainer');
+        if (pagerContainer) {
+            /** @type {?} */
+            var linkElements = pagerContainer.querySelectorAll('.e-link');
+            linkElements.forEach((/**
+             * @param {?} element
+             * @return {?}
+             */
+            function (element) {
+                element.removeAttribute('href'); // SMP2-10310 删除分页器的href属性
+            }));
+        }
+        if (this.selectedDiffKey) {
+            setTimeout((/**
+             * @return {?}
+             */
+            function () {
+                _this.chooseRecords();
+            }));
+        }
+        this.dataBound.emit(args);
+    };
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    CommonGridComponent.prototype._exportQueryCellInfo = /**
+     * @param {?} args
+     * @return {?}
+     */
+    function (args) {
+        this.exportQueryCellInfo.emit(args);
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    CommonGridComponent.prototype._recordDoubleClick = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        this.recordDoubleClick.emit($event);
+    };
+    /**
+       * [selectionSettings]="{ checkboxOnly: true }"
+         [showCheckBox]="true"
+         控件使用时，必须配置上面两个属性，否则，全选会失效
+       */
+    /**
+     * [selectionSettings]="{ checkboxOnly: true }"
+     * [showCheckBox]="true"
+     * 控件使用时，必须配置上面两个属性，否则，全选会失效
+     * @param {?} $event
+     * @return {?}
+     */
+    CommonGridComponent.prototype._rowSelected = /**
+     * [selectionSettings]="{ checkboxOnly: true }"
+     * [showCheckBox]="true"
+     * 控件使用时，必须配置上面两个属性，否则，全选会失效
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        var _this = this;
+        if (this.selectedDiffKey) {
+            if ($event.isHeaderCheckboxClicked && Array.isArray($event.data)) {
+                if ($event.data && $event.data.length) {
+                    $event.data.forEach((/**
+                     * @param {?} item
+                     * @return {?}
+                     */
+                    function (item) {
+                        item.isSelected = true;
+                        _this.selectId.push(item);
+                    }));
+                    this.dataSource.forEach((/**
+                     * @param {?} data
+                     * @return {?}
+                     */
+                    function (data) {
+                        $event.data.forEach((/**
+                         * @param {?} _data
+                         * @return {?}
+                         */
+                        function (_data) {
+                            if (_data[_this.selectedDiffKey] === data[_this.selectedDiffKey]) {
+                                data.isSelected = true;
+                            }
+                        }));
+                    }));
+                }
+            }
+            else {
+                $event.data.isSelected = true;
+                this.selectId.push($event.data);
+                this.dataSource.forEach((/**
+                 * @param {?} data
+                 * @return {?}
+                 */
+                function (data) {
+                    if (data[_this.selectedDiffKey] === $event.data[_this.selectedDiffKey]) {
+                        data.isSelected = true;
+                    }
+                }));
+            }
+            this.ref && this.ref.markForCheck();
+        }
+        this.rowSelected.emit($event);
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    CommonGridComponent.prototype._rowDeselected = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        var _this = this;
+        if (this.selectedDiffKey) {
+            if (this.startPaging) {
+                return;
+            }
+            if ($event.isHeaderCheckboxClicked && Array.isArray($event.data)) {
+                $event.data.forEach((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (item) {
+                    item.isSelected = false;
+                }));
+                this.selectId = [];
+                this.dataSource.forEach((/**
+                 * @param {?} data
+                 * @return {?}
+                 */
+                function (data) {
+                    $event.data.forEach((/**
+                     * @param {?} _data
+                     * @return {?}
+                     */
+                    function (_data) {
+                        if (_data[_this.selectedDiffKey] === data[_this.selectedDiffKey]) {
+                            data.isSelected = false;
+                        }
+                    }));
+                }));
+            }
+            else {
+                $event.data.isSelected = false;
+                this.selectId = this.selectId.filter((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (item) {
+                    return item[_this.selectedDiffKey] !== $event.data[_this.selectedDiffKey];
+                }));
+                this.dataSource.forEach((/**
+                 * @param {?} data
+                 * @return {?}
+                 */
+                function (data) {
+                    if (data[_this.selectedDiffKey] === $event.data[_this.selectedDiffKey]) {
+                        data.isSelected = false;
+                    }
+                }));
+            }
+            this.ref && this.ref.markForCheck();
+        }
+        this.rowDeselected.emit($event);
+    };
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    CommonGridComponent.prototype._onContextMenu = /**
+     * @param {?} args
+     * @return {?}
+     */
+    function (args) {
+        this.onContextMenu.emit(args);
+    };
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    CommonGridComponent.prototype._actionBegin = /**
+     * @param {?} args
+     * @return {?}
+     */
+    function (args) {
+        if (this.selectedDiffKey &&
+            (args.requestType === 'paging' ||
+                args.requestType === 'searching' ||
+                args.requestType === 'filtering' ||
+                args.requestType === 'sorting')) {
+            this.startPaging = true;
+        }
+        this.actionBegin.emit(args);
+    };
+    /**
+     * @param {?} keywords
+     * @return {?}
+     */
+    CommonGridComponent.prototype.search = /**
+     * @param {?} keywords
+     * @return {?}
+     */
+    function (keywords) {
+        this.grid.search(keywords);
+    };
+    /**
+     * @param {?} indexList
+     * @return {?}
+     */
+    CommonGridComponent.prototype.selectRows = /**
+     * @param {?} indexList
+     * @return {?}
+     */
+    function (indexList) {
+        this.grid.selectRows(indexList);
+    };
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    CommonGridComponent.prototype.selectRow = /**
+     * @param {?} index
+     * @return {?}
+     */
+    function (index) {
+        this.grid.selectRow(index);
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.getCurrentViewRecords = /**
+     * @return {?}
+     */
+    function () {
+        return this.grid.getCurrentViewRecords();
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    CommonGridComponent.prototype.customiseCell = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        this.queryCellInfo.emit($event);
+    };
+    /**
+     * @param {?=} args
+     * @return {?}
+     */
+    CommonGridComponent.prototype.contextMenuOpen = /**
+     * @param {?=} args
+     * @return {?}
+     */
+    function (args) {
+        /** @type {?} */
+        var data = ((/** @type {?} */ (args))).rowInfo.rowData;
+        if (!data) {
+            args.cancel = true;
+            return;
+        }
+        /** @type {?} */
+        var enableItems = [];
+        /** @type {?} */
+        var hideItems = [];
+        this.grid.contextMenuModule.contextMenu.refresh(); // 每次点击按钮弹窗前需再次初始化状态 否则不更新；
+        this.contextMenuItems.forEach((/**
+         * @param {?} item
+         * @return {?}
+         */
+        function (item) {
+            // 用于处理部分按钮disabled的情况
+            if (item.disabled ||
+                (data.disableItem && data.disableItem.includes(item.iconCss))) {
+                enableItems.push(item.text);
+                // this.grid.contextMenuModule.contextMenu.enableItems(
+                // 	[item.text],
+                // 	false
+                // );
+            }
+            // 用于处理部分按钮需要hide的情况
+            if (item.isHide ||
+                (data.hideItem && data.hideItem.includes(item.iconCss))) {
+                hideItems.push(item.text);
+                // this.grid.contextMenuModule.contextMenu.hideItems(
+                // 	[item.text],
+                // 	false
+                // );
+            }
+        }));
+        this.grid.contextMenuModule.contextMenu.enableItems(enableItems, false);
+        this.grid.contextMenuModule.contextMenu.hideItems(hideItems, false);
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    CommonGridComponent.prototype._actionHandler = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        var _this = this;
+        if (this.selectedDiffKey &&
+            ($event.requestType === 'paging' ||
+                $event.requestType === 'searching' ||
+                $event.requestType === 'filtering' ||
+                $event.requestType === 'sorting')) {
+            this.indexList = [];
+            setTimeout((/**
+             * @return {?}
+             */
+            function () {
+                _this.chooseRecords();
+                _this.startPaging = false;
+                _this.ref && _this.ref.detectChanges();
+                _this.ref && _this.ref.markForCheck();
+            }));
+        }
+        this.actionHandler.emit($event);
+        this.actionComplete.emit($event);
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    CommonGridComponent.prototype.chooseRecords = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.indexList = [];
+        this.dataSource.forEach((/**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            _this.grid.getCurrentViewRecords().forEach((/**
+             * @param {?} row
+             * @param {?} i
+             * @return {?}
+             */
+            function (row, i) {
+                if (row &&
+                    data[_this.selectedDiffKey] === row[_this.selectedDiffKey] &&
+                    data.isSelected) {
+                    _this.indexList.push(i);
+                }
+            }));
+        }));
+        this.grid.selectRows(this.indexList);
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    CommonGridComponent.prototype._recordClick = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        this.recordClick.emit($event);
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.refresh = /**
+     * @return {?}
+     */
+    function () {
+        this.grid.refresh();
+    };
+    /**
+     * @param {?} e
+     * @return {?}
+     */
+    CommonGridComponent.prototype._rowSelecting = /**
+     * @param {?} e
+     * @return {?}
+     */
+    function (e) {
+        this.rowSelecting.emit(e);
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.refreshColumns = /**
+     * @return {?}
+     */
+    function () {
+        this.grid.refreshColumns();
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.refreshHeader = /**
+     * @return {?}
+     */
+    function () {
+        this.grid.refreshHeader();
+    };
+    /**
+     * @param {?=} excelExportProperties
+     * @return {?}
+     */
+    CommonGridComponent.prototype.export = /**
+     * @param {?=} excelExportProperties
+     * @return {?}
+     */
+    function (excelExportProperties) {
+        this.grid.excelExport(excelExportProperties);
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.getSelectedRecords = /**
+     * @return {?}
+     */
+    function () {
+        return this.grid.getSelectedRecords();
+    };
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    CommonGridComponent.prototype._rowDataBound = /**
+     * @param {?} $event
+     * @return {?}
+     */
+    function ($event) {
+        if (this.disableSystemRow && $event.data && $event.data.IsSystem) {
+            $event.row.classList.add('e-disabled');
+        }
+        this.rowDataBound.emit($event);
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.clearSelection = /**
+     * @return {?}
+     */
+    function () {
+        this.grid.clearSelection();
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.excelExport = /**
+     * @return {?}
+     */
+    function () {
+        this.grid.excelExport();
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.addItem = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.grid.addRecord(__assign({}, this.defaultRecord, { isNew: true }), 0);
+        setTimeout((/**
+         * @return {?}
+         */
+        function () {
+            _this.grid.selectRow(0);
+            _this.grid.startEdit();
+        }), 30);
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.saveItem = /**
+     * @return {?}
+     */
+    function () {
+        this.grid.endEdit();
+    };
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    CommonGridComponent.prototype.editItem = /**
+     * @param {?} index
+     * @return {?}
+     */
+    function (index) {
+        var _this = this;
+        setTimeout((/**
+         * @return {?}
+         */
+        function () {
+            _this.grid.selectRow(Number(index));
+            _this.grid.startEdit();
+        }), 30);
+    };
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    CommonGridComponent.prototype.deleteItem = /**
+     * @param {?} index
+     * @return {?}
+     */
+    function (index) {
+        this.grid.selectRow(Number(index));
+        /** @type {?} */
+        var selectedRecord = (/** @type {?} */ (this.grid.getSelectedRecords()[0]));
+        this.grid.deleteRecord((/** @type {?} */ (selectedRecord)));
+    };
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    CommonGridComponent.prototype.cancelItem = /**
+     * @param {?} index
+     * @return {?}
+     */
+    function (index) {
+        this.grid.closeEdit();
+        this.deleteItem(index);
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.showLoading = /**
+     * @return {?}
+     */
+    function () {
+        this.className = 'grid-loading';
+        this.ref && this.ref.markForCheck();
+        this.ref && this.ref.detectChanges();
+    };
+    /**
+     * @return {?}
+     */
+    CommonGridComponent.prototype.hideLoading = /**
+     * @return {?}
+     */
+    function () {
+        this.className = '';
+        this.ref && this.ref.markForCheck();
+        this.ref && this.ref.detectChanges();
+    };
+    CommonGridComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'kt-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>\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: [".e-grid.e-gridhover tr[role=row]:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell){background:rgba(31,123,255,.04)!important}.e-summaryrow .e-summarycell:nth-child(2){padding-left:0!important}.e-footerpadding{padding-right:0!important}.e-footerpadding .e-summaryrow{margin-right:5px!important}.e-footerpadding .e-summaryrow .e-indentcell{background-color:unset!important}kt-common-grid{display:flex;flex:1;height:100%}kt-common-grid .e-grid{height:100%}kt-common-grid .e-grid .e-headercontent{margin-right:0!important}.e-grid td.e-active{background:#edf5ff!important}.grid-tools{height:32px;min-height:32px;display:flex;align-items:center;justify-content:space-between;padding-left:7px}.grid-tools .right-opt-group{display:flex;align-items:center;margin-right:6px}.grid-tools .tools-button{border:none;font-family:Arial;font-size:12px;color:#43566c;background:0 0;display:flex;align-items:center;padding:0;margin-right:16px}.grid-tools .tools-button.disabled-button{pointer-events:none;opacity:.5}.grid-tools .tools-button img{margin-right:4px;height:16px!important;width:16px!important}.grid-tools .tools-button .tools-font{transform:translateY(1px);display:inline-block}.grid-tools .select-num{font-size:12px;color:#43566c;margin-right:24px;white-space:nowrap}.e-rowcell{padding:0 8px 0 12px}.e-rowcell.e-gridchkbox{padding:0 0 0 8px!important}.e-headercell{padding:0}.e-headercell:first-child.e-defaultcursor+.e-headercell .e-headercelldiv{padding-left:0}.e-headercell .e-headercelldiv{margin:0;padding:0 20px 0 12px}.e-headercell .e-headerchkcelldiv{padding:0 0 0 8px!important}.e-headercell .e-columnmenu{position:absolute;right:0;float:unset;margin:0;padding:0;top:8px}.e-headercell .e-sortfilterdiv{padding-top:11px}.e-headercell.e-rightalign .e-sortfilterdiv{padding-left:5px}.e-detailheadercell{height:28px!important}.e-grid{font-family:Arial!important;display:flex;flex-direction:column;flex:1;border:none;overflow:hidden}.e-grid .e-gridcontent{flex:1}.e-grid .e-content{overflow:scroll!important}.e-grid .e-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.e-grid .e-content::-webkit-scrollbar-thumb{background:#eaedf0;border-radius:10px}.e-grid .e-gridheader{margin-right:5px!important;padding-right:0!important;height:30px!important}.e-grid .e-content,.e-grid .e-gridcontent{display:flex;flex-direction:column;flex:1}.e-grid .e-columnheader,.e-grid .e-headercell,.e-grid .e-rhandler{height:28px!important}.e-grid .e-headertext{font-size:10px!important}.e-grid .e-headercell .e-columnmenu{color:#929dab}.e-grid .e-row{height:26px!important;line-height:26px!important}.e-grid .e-rowcell{font-size:11px!important;color:#43566c!important;padding-top:0;padding-bottom:0;padding-right:7px}.e-grid .e-rowcell .mat-icon-button{height:26px;width:26px;line-height:26px}.e-grid .e-rowcell:empty{height:26px!important}.e-grid .e-rowcell.e-gridchkbox+.e-rowcell{padding-left:0!important}.e-grid .e-gridpager{border:none}.e-grid .e-gridpager .e-gridcontent{transform:unset}.e-grid .e-summaryrow{height:24px!important}.e-grid .e-summaryrow .e-indentcell,.e-grid .e-summaryrow .e-summarycell{background-color:#fff;border:none;font-family:Arial;font-size:11px!important;font-weight:700;color:#43566c;padding:0 12px}.e-grid .e-row:last-child .e-rowcell{border-bottom:1px solid #dee2e6}"]
+                }] }
+    ];
+    /** @nocollapse */
+    CommonGridComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
+    CommonGridComponent.propDecorators = {
+        grid: [{ type: ViewChild, args: ['grid', { static: false },] }],
+        showCheckBox: [{ type: Input }],
+        loaded: [{ type: Input }],
+        hiddenLoaded: [{ type: Input }],
+        authorized: [{ type: Input }],
+        selectedDiffKey: [{ type: Input }],
+        gridHeight: [{ type: Input }],
+        gridId: [{ type: Input }],
+        resizeSettings: [{ type: Input }],
+        filterSettings: [{ type: Input }],
+        template: [{ type: Input }],
+        fields: [{ type: Input }],
+        dataSource: [{ type: Input }],
+        editSettings: [{ type: Input }],
+        columnTemplate: [{ type: Input }],
+        pageSettings: [{ type: Input }],
+        allowPaging: [{ type: Input }],
+        clipMode: [{ type: Input }],
+        checkBoxWidth: [{ type: Input }],
+        childGrid: [{ type: Input }],
+        contextMenuItems: [{ type: Input }],
+        selectionSettings: [{ type: Input }],
+        alwaysShowCheckbox: [{ type: Input }],
+        defaultRecord: [{ type: Input }],
+        disableSystemRow: [{ type: Input }],
+        recordDoubleClick: [{ type: Output }],
+        actionComplete: [{ type: Output }],
+        rowSelected: [{ type: Output }],
+        rowDeselected: [{ type: Output }],
+        onContextMenu: [{ type: Output }],
+        actionHandler: [{ type: Output }],
+        queryCellInfo: [{ type: Output }],
+        recordClick: [{ type: Output }],
+        actionBegin: [{ type: Output }],
+        rowDataBound: [{ type: Output }],
+        dataBound: [{ type: Output }],
+        exportQueryCellInfo: [{ type: Output }],
+        rowSelecting: [{ type: Output }]
+    };
+    return CommonGridComponent;
+}());
+if (false) {
+    /** @type {?} */
+    CommonGridComponent.prototype.grid;
+    /** @type {?} */
+    CommonGridComponent.prototype.showCheckBox;
+    /** @type {?} */
+    CommonGridComponent.prototype.loaded;
+    /** @type {?} */
+    CommonGridComponent.prototype.hiddenLoaded;
+    /** @type {?} */
+    CommonGridComponent.prototype.authorized;
+    /** @type {?} */
+    CommonGridComponent.prototype.selectedDiffKey;
+    /** @type {?} */
+    CommonGridComponent.prototype.gridHeight;
+    /** @type {?} */
+    CommonGridComponent.prototype.gridId;
+    /** @type {?} */
+    CommonGridComponent.prototype.resizeSettings;
+    /** @type {?} */
+    CommonGridComponent.prototype.filterSettings;
+    /** @type {?} */
+    CommonGridComponent.prototype.template;
+    /** @type {?} */
+    CommonGridComponent.prototype.fields;
+    /** @type {?} */
+    CommonGridComponent.prototype.dataSource;
+    /** @type {?} */
+    CommonGridComponent.prototype.editSettings;
+    /** @type {?} */
+    CommonGridComponent.prototype.columnTemplate;
+    /** @type {?} */
+    CommonGridComponent.prototype.pageSettings;
+    /** @type {?} */
+    CommonGridComponent.prototype.allowPaging;
+    /** @type {?} */
+    CommonGridComponent.prototype.clipMode;
+    /** @type {?} */
+    CommonGridComponent.prototype.checkBoxWidth;
+    /** @type {?} */
+    CommonGridComponent.prototype.childGrid;
+    /**
+     * Sample: [
+     * {
+     * text: "Preview",
+     * target: ".e-content",
+     * id: "preview-icon",
+     * iconCss: "preview",
+     * },
+     * {
+     * text: "Download",
+     * target: ".e-content",
+     * id: "download-icon",
+     * iconCss: "download",
+     * }
+     * ]
+     * 用于定义row中 点击事件
+     * @type {?}
+     */
+    CommonGridComponent.prototype.contextMenuItems;
+    /** @type {?} */
+    CommonGridComponent.prototype.selectionSettings;
+    /** @type {?} */
+    CommonGridComponent.prototype.alwaysShowCheckbox;
+    /** @type {?} */
+    CommonGridComponent.prototype.defaultRecord;
+    /** @type {?} */
+    CommonGridComponent.prototype.disableSystemRow;
+    /** @type {?} */
+    CommonGridComponent.prototype.recordDoubleClick;
+    /** @type {?} */
+    CommonGridComponent.prototype.actionComplete;
+    /** @type {?} */
+    CommonGridComponent.prototype.rowSelected;
+    /** @type {?} */
+    CommonGridComponent.prototype.rowDeselected;
+    /** @type {?} */
+    CommonGridComponent.prototype.onContextMenu;
+    /** @type {?} */
+    CommonGridComponent.prototype.actionHandler;
+    /** @type {?} */
+    CommonGridComponent.prototype.queryCellInfo;
+    /** @type {?} */
+    CommonGridComponent.prototype.recordClick;
+    /** @type {?} */
+    CommonGridComponent.prototype.actionBegin;
+    /** @type {?} */
+    CommonGridComponent.prototype.rowDataBound;
+    /** @type {?} */
+    CommonGridComponent.prototype.dataBound;
+    /** @type {?} */
+    CommonGridComponent.prototype.exportQueryCellInfo;
+    /** @type {?} */
+    CommonGridComponent.prototype.rowSelecting;
+    /** @type {?} */
+    CommonGridComponent.prototype.selectId;
+    /** @type {?} */
+    CommonGridComponent.prototype.startPaging;
+    /** @type {?} */
+    CommonGridComponent.prototype.indexList;
+    /** @type {?} */
+    CommonGridComponent.prototype.className;
+    /** @type {?} */
+    CommonGridComponent.prototype.translation;
+    /**
+     * @type {?}
+     * @private
+     */
+    CommonGridComponent.prototype.ref;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/raise-common-lib.module.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var RaiseCommonLibModule = /** @class */ (function () {
+    function RaiseCommonLibModule() {
+    }
+    RaiseCommonLibModule.decorators = [
+        { type: NgModule, args: [{
+                    declarations: [
+                        CommonGridComponent,
+                    ],
+                    imports: [CommonModule, GridModule, PagerModule, GridAllModule],
+                    providers: [
+                        PageService,
+                        SortService,
+                        FilterService,
+                        ExcelExportService,
+                        EditService,
+                        ResizeService,
+                        ToolbarService,
+                        ColumnChooserService,
+                        AggregateService,
+                        ColumnMenuService,
+                        DetailRowService,
+                        SelectionService,
+                        GroupService,
+                    ],
+                    exports: [
+                        CommonGridComponent,
+                    ]
+                },] }
+    ];
+    return RaiseCommonLibModule;
+}());
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: public-api.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: raise-common-lib.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+export { CommonGridComponent, RaiseCommonLibModule };
+//# sourceMappingURL=raise-common-lib.js.map