raise-common-lib 0.0.1 → 0.0.4

package/fesm2015/raise-common-lib.js

@@ -0,0 +1,766 @@
+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
+ */
+class CommonGridComponent {
+    /**
+     * @param {?} ref
+     */
+    constructor(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 {?}
+     */
+    ngOnInit() {
+        if (this.hiddenLoaded)
+            this.className = '';
+        this.ref && this.ref.markForCheck();
+    }
+    /**
+     * @param {?} index
+     * @param {?} item
+     * @return {?}
+     */
+    trackByFn(index, item) {
+        return index; // or a unique identifier in your object
+    }
+    /**
+     * @param {?} changes
+     * @return {?}
+     */
+    ngOnChanges(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 {?}
+     */
+    _load() {
+        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 {?}
+     */
+    _dataBound(args) {
+        // 整个组件加载完成时的回调函数
+        /** @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 {?}
+             */
+            () => {
+                this.chooseRecords();
+            }));
+        }
+        this.dataBound.emit(args);
+    }
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    _exportQueryCellInfo(args) {
+        this.exportQueryCellInfo.emit(args);
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    _recordDoubleClick($event) {
+        this.recordDoubleClick.emit($event);
+    }
+    /**
+     * [selectionSettings]="{ checkboxOnly: true }"
+     * [showCheckBox]="true"
+     * 控件使用时，必须配置上面两个属性，否则，全选会失效
+     * @param {?} $event
+     * @return {?}
+     */
+    _rowSelected($event) {
+        if (this.selectedDiffKey) {
+            if ($event.isHeaderCheckboxClicked && Array.isArray($event.data)) {
+                if ($event.data && $event.data.length) {
+                    $event.data.forEach((/**
+                     * @param {?} item
+                     * @return {?}
+                     */
+                    (item) => {
+                        item.isSelected = true;
+                        this.selectId.push(item);
+                    }));
+                    this.dataSource.forEach((/**
+                     * @param {?} data
+                     * @return {?}
+                     */
+                    (data) => {
+                        $event.data.forEach((/**
+                         * @param {?} _data
+                         * @return {?}
+                         */
+                        (_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 {?}
+                 */
+                (data) => {
+                    if (data[this.selectedDiffKey] === $event.data[this.selectedDiffKey]) {
+                        data.isSelected = true;
+                    }
+                }));
+            }
+            this.ref && this.ref.markForCheck();
+        }
+        this.rowSelected.emit($event);
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    _rowDeselected($event) {
+        if (this.selectedDiffKey) {
+            if (this.startPaging) {
+                return;
+            }
+            if ($event.isHeaderCheckboxClicked && Array.isArray($event.data)) {
+                $event.data.forEach((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                (item) => {
+                    item.isSelected = false;
+                }));
+                this.selectId = [];
+                this.dataSource.forEach((/**
+                 * @param {?} data
+                 * @return {?}
+                 */
+                (data) => {
+                    $event.data.forEach((/**
+                     * @param {?} _data
+                     * @return {?}
+                     */
+                    (_data) => {
+                        if (_data[this.selectedDiffKey] === data[this.selectedDiffKey]) {
+                            data.isSelected = false;
+                        }
+                    }));
+                }));
+            }
+            else {
+                $event.data.isSelected = false;
+                this.selectId = this.selectId.filter((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                (item) => item[this.selectedDiffKey] !== $event.data[this.selectedDiffKey]));
+                this.dataSource.forEach((/**
+                 * @param {?} data
+                 * @return {?}
+                 */
+                (data) => {
+                    if (data[this.selectedDiffKey] === $event.data[this.selectedDiffKey]) {
+                        data.isSelected = false;
+                    }
+                }));
+            }
+            this.ref && this.ref.markForCheck();
+        }
+        this.rowDeselected.emit($event);
+    }
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    _onContextMenu(args) {
+        this.onContextMenu.emit(args);
+    }
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    _actionBegin(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 {?}
+     */
+    search(keywords) {
+        this.grid.search(keywords);
+    }
+    /**
+     * @param {?} indexList
+     * @return {?}
+     */
+    selectRows(indexList) {
+        this.grid.selectRows(indexList);
+    }
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    selectRow(index) {
+        this.grid.selectRow(index);
+    }
+    /**
+     * @return {?}
+     */
+    getCurrentViewRecords() {
+        return this.grid.getCurrentViewRecords();
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    customiseCell($event) {
+        this.queryCellInfo.emit($event);
+    }
+    /**
+     * @param {?=} args
+     * @return {?}
+     */
+    contextMenuOpen(args) {
+        /** @type {?} */
+        const data = ((/** @type {?} */ (args))).rowInfo.rowData;
+        if (!data) {
+            args.cancel = true;
+            return;
+        }
+        /** @type {?} */
+        let enableItems = [];
+        /** @type {?} */
+        let hideItems = [];
+        this.grid.contextMenuModule.contextMenu.refresh(); // 每次点击按钮弹窗前需再次初始化状态 否则不更新；
+        this.contextMenuItems.forEach((/**
+         * @param {?} item
+         * @return {?}
+         */
+        (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 {?}
+     */
+    _actionHandler($event) {
+        if (this.selectedDiffKey &&
+            ($event.requestType === 'paging' ||
+                $event.requestType === 'searching' ||
+                $event.requestType === 'filtering' ||
+                $event.requestType === 'sorting')) {
+            this.indexList = [];
+            setTimeout((/**
+             * @return {?}
+             */
+            () => {
+                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 {?}
+     */
+    chooseRecords() {
+        this.indexList = [];
+        this.dataSource.forEach((/**
+         * @param {?} data
+         * @return {?}
+         */
+        (data) => {
+            this.grid.getCurrentViewRecords().forEach((/**
+             * @param {?} row
+             * @param {?} i
+             * @return {?}
+             */
+            (row, i) => {
+                if (row &&
+                    data[this.selectedDiffKey] === row[this.selectedDiffKey] &&
+                    data.isSelected) {
+                    this.indexList.push(i);
+                }
+            }));
+        }));
+        this.grid.selectRows(this.indexList);
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    _recordClick($event) {
+        this.recordClick.emit($event);
+    }
+    /**
+     * @return {?}
+     */
+    refresh() {
+        this.grid.refresh();
+    }
+    /**
+     * @param {?} e
+     * @return {?}
+     */
+    _rowSelecting(e) {
+        this.rowSelecting.emit(e);
+    }
+    /**
+     * @return {?}
+     */
+    refreshColumns() {
+        this.grid.refreshColumns();
+    }
+    /**
+     * @return {?}
+     */
+    refreshHeader() {
+        this.grid.refreshHeader();
+    }
+    /**
+     * @param {?=} excelExportProperties
+     * @return {?}
+     */
+    export(excelExportProperties) {
+        this.grid.excelExport(excelExportProperties);
+    }
+    /**
+     * @return {?}
+     */
+    getSelectedRecords() {
+        return this.grid.getSelectedRecords();
+    }
+    /**
+     * @param {?} $event
+     * @return {?}
+     */
+    _rowDataBound($event) {
+        if (this.disableSystemRow && $event.data && $event.data.IsSystem) {
+            $event.row.classList.add('e-disabled');
+        }
+        this.rowDataBound.emit($event);
+    }
+    /**
+     * @return {?}
+     */
+    clearSelection() {
+        this.grid.clearSelection();
+    }
+    /**
+     * @return {?}
+     */
+    excelExport() {
+        this.grid.excelExport();
+    }
+    /**
+     * @return {?}
+     */
+    addItem() {
+        this.grid.addRecord(Object.assign({}, this.defaultRecord, { isNew: true }), 0);
+        setTimeout((/**
+         * @return {?}
+         */
+        () => {
+            this.grid.selectRow(0);
+            this.grid.startEdit();
+        }), 30);
+    }
+    /**
+     * @return {?}
+     */
+    saveItem() {
+        this.grid.endEdit();
+    }
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    editItem(index) {
+        setTimeout((/**
+         * @return {?}
+         */
+        () => {
+            this.grid.selectRow(Number(index));
+            this.grid.startEdit();
+        }), 30);
+    }
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    deleteItem(index) {
+        this.grid.selectRow(Number(index));
+        /** @type {?} */
+        var selectedRecord = (/** @type {?} */ (this.grid.getSelectedRecords()[0]));
+        this.grid.deleteRecord((/** @type {?} */ (selectedRecord)));
+    }
+    /**
+     * @param {?} index
+     * @return {?}
+     */
+    cancelItem(index) {
+        this.grid.closeEdit();
+        this.deleteItem(index);
+    }
+    /**
+     * @return {?}
+     */
+    showLoading() {
+        this.className = 'grid-loading';
+        this.ref && this.ref.markForCheck();
+        this.ref && this.ref.detectChanges();
+    }
+    /**
+     * @return {?}
+     */
+    hideLoading() {
+        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 = () => [
+    { 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 }]
+};
+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
+ */
+class 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,
+                ]
+            },] }
+];
+
+/**
+ * @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