ngx-rs-ant 0.12.4 → 0.12.8

package/fesm2015/ngx-rs-ant.mjs

@@ -912,82 +912,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
-class FileCellTemplateComponent {
-    constructor(service, domSanitizer) {
-        this.service = service;
-        this.domSanitizer = domSanitizer;
-        this.loading = false;
-    }
-    ngOnInit() {
-        this.service.getOne('S', 'Attachment', this.oid).subscribe(response => {
-            this.file = response.data;
-            this.filename = this.file.fileName;
-            this.content = this.domSanitizer.bypassSecurityTrustHtml(`名称：${this.file.fileName}<br />
-               大小：${this.getFileSize(this.file.fileSize)}<br />
-               时间：${this.file.modifyTime}`);
-            const type = this.file.fileName.substring(this.file.fileName.lastIndexOf('.') + 1).toLocaleLowerCase();
-            switch (type) {
-                case 'xls':
-                case 'xlsx':
-                case 'doc':
-                case 'docx':
-                case 'ppt':
-                case 'pptx':
-                case 'pdf':
-                case 'txt':
-                case 'rtf':
-                    this.icon = type + 'file';
-                    break;
-                case 'jpg':
-                case 'jpeg':
-                case 'png':
-                case 'gif':
-                    this.icon = 'image';
-                    break;
-                default:
-                    this.icon = 'file';
-                    break;
-            }
-            // 重绘表格宽高
-            setTimeout(() => {
-                this.table.resize();
-            });
-        });
-    }
-    download() {
-        this.loading = true;
-        this.service.downloadAttachment(this.oid, this.filename, () => {
-            this.loading = false;
-        });
-    }
-    getFileSize(size) {
-        const labels = ['b', 'Kb', 'Mb', 'Gb'];
-        const count = labels.length - 1;
-        let i = 0;
-        while (i < count && size >= 1024) {
-            size /= 1024;
-            i++;
-        }
-        return Math.round(size * 100) / 100 + " " + labels[i];
-    }
-}
-FileCellTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FileCellTemplateComponent, deps: [{ token: DataGridService }, { token: i2$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-FileCellTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FileCellTemplateComponent, selector: "rs-file-cell-template", inputs: { table: "table", oid: "oid" }, ngImport: i0, template: "<button #fileBtn (click)=\"download()\" [disabled]=\"loading\">\n  <i class=\"dx-icon-{{icon}}\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'mouseenter'\"\n              [hideEvent]=\"'mouseleave'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerHTML]=\"content\"></div>\n    </div>\n  </dx-tooltip>\n</button><br/>\n", styles: [":host{height:20px;padding-right:4px}:host button{color:#337ab7}\n"], dependencies: [{ kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i4.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FileCellTemplateComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rs-file-cell-template', template: "<button #fileBtn (click)=\"download()\" [disabled]=\"loading\">\n  <i class=\"dx-icon-{{icon}}\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'mouseenter'\"\n              [hideEvent]=\"'mouseleave'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerHTML]=\"content\"></div>\n    </div>\n  </dx-tooltip>\n</button><br/>\n", styles: [":host{height:20px;padding-right:4px}:host button{color:#337ab7}\n"] }]
-        }], ctorParameters: function () { return [{ type: DataGridService }, { type: i2$2.DomSanitizer }]; }, propDecorators: { table: [{
-                type: Input
-            }], oid: [{
-                type: Input
-            }] } });
-
-class DataGridComponent {
-    constructor(service) {
-        this.service = service;
-        this.enableMasterDetail = false;
-        this.dataSource = {};
-        this.columns = [];
+class DataGridFactory {
+    constructor(http) {
+        this.http = http;
         this.typeMap = {
             STRING: {
                 dataType: 'string',
@@ -1020,13 +947,11 @@ class DataGridComponent {
                 format: 'yyyy/MM/dd HH:mm:ss'
             }
         };
+        this.service = new DataGridService(http);
     }
-    ngOnInit() {
-        this.reload();
-    }
-    reload() {
-        this.columns.length = 0;
-        this.service.getMetadataByView(this.tenant, this.className, this.view || '').subscribe(response => {
+    makeDataGridColumns(tenant, className, view) {
+        const result = new Subject();
+        this.service.getMetadataByView(tenant, className, view || '').subscribe(response => {
             const columns = [];
             for (let field of response.data.columns) {
                 switch (field.type) {
@@ -1131,7 +1056,7 @@ class DataGridComponent {
                                         column.headerFilter.dataSource = {
                                             store: new CustomStore({
                                                 load: () => {
-                                                    return lastValueFrom(this.service.getUserColumnDataSource(this.tenant, this.className, this.view, field.name));
+                                                    return lastValueFrom(this.service.getUserColumnDataSource(tenant, className, view, field.name));
                                                 }
                                             }),
                                             paginate: true
@@ -1142,7 +1067,7 @@ class DataGridComponent {
                                                 dataSource: {
                                                     store: new CustomStore({
                                                         load: () => {
-                                                            return lastValueFrom(this.service.getUserColumnDataSource(this.tenant, this.className, this.view, field.name));
+                                                            return lastValueFrom(this.service.getUserColumnDataSource(tenant, className, view, field.name));
                                                         }
                                                     }),
                                                     paginate: true
@@ -1182,7 +1107,7 @@ class DataGridComponent {
                                         column.headerFilter.dataSource = {
                                             store: new CustomStore({
                                                 load: () => {
-                                                    return lastValueFrom(this.service.getUnitColumnDataSource(this.tenant, this.className, this.view, field.name));
+                                                    return lastValueFrom(this.service.getUnitColumnDataSource(tenant, className, view, field.name));
                                                 }
                                             }),
                                             paginate: true
@@ -1193,7 +1118,7 @@ class DataGridComponent {
                                                 dataSource: {
                                                     store: new CustomStore({
                                                         load: () => {
-                                                            return lastValueFrom(this.service.getUnitColumnDataSource(this.tenant, this.className, this.view, field.name));
+                                                            return lastValueFrom(this.service.getUnitColumnDataSource(tenant, className, view, field.name));
                                                         }
                                                     }),
                                                     paginate: true
@@ -1233,7 +1158,7 @@ class DataGridComponent {
                                         column.headerFilter.dataSource = {
                                             store: new CustomStore({
                                                 load: () => {
-                                                    return lastValueFrom(this.service.getConstraintColumnDataSource(this.tenant, this.className, this.view, field.name, field.config.constraint.name));
+                                                    return lastValueFrom(this.service.getConstraintColumnDataSource(tenant, className, view, field.name, field.config.constraint.name));
                                                 }
                                             }),
                                             paginate: true
@@ -1265,7 +1190,7 @@ class DataGridComponent {
                                         column.cellTemplate = 'multipleValueCellTemplate';
                                         break;
                                     default:
-                                        column.cellTemplate = 'textCellTemplate';
+                                        // column.cellTemplate = 'textCellTemplate';
                                         break;
                                 }
                                 break;
@@ -1309,21 +1234,21 @@ class DataGridComponent {
                         }
                 }
             }
-            if (this.customColumnFn) {
-                this.customColumnFn(columns);
-            }
-            this.columns = columns;
+            result.next(columns);
         });
-        this.dataSource = new CustomStore({
+        return result;
+    }
+    makeDataGridDataSource(tenant, className, view, extraFilter) {
+        return new CustomStore({
             key: 'oid',
             byKey: (key) => {
-                return lastValueFrom(this.service.getOne(this.tenant, this.className, key));
+                return lastValueFrom(this.service.getOne(tenant, className, key).pipe(map(response => response.data)));
             },
             load: (loadOptions) => {
                 if (loadOptions.dataField) {
                     // 未重写headerFilter的dataSource时，headerFilter会调用load方法加载筛选树，重写该方法查询该表所有数据
                     // 该方式存在风险，无法识别一定是通过headerFilter过滤才存在dataField参数
-                    return lastValueFrom(this.service.getColumnDataSource(this.tenant, this.className, this.view, loadOptions.dataField));
+                    return lastValueFrom(this.service.getColumnDataSource(tenant, className, view, loadOptions.dataField));
                 }
                 let params = '?';
                 if (loadOptions.skip || loadOptions.take) {
@@ -1352,21 +1277,125 @@ class DataGridComponent {
                 if (loadOptions.filter) {
                     filter = loadOptions.filter;
                 }
-                if (this.filter) {
+                if (extraFilter) {
                     if (filter) {
-                        filter = [filter, 'and', this.filter];
+                        filter = [filter, 'and', extraFilter];
                     }
                     else {
-                        filter = this.filter;
+                        filter = extraFilter;
                     }
                 }
                 if (filter) {
                     params += '&filter=' + encodeURIComponent(JSON.stringify(filter));
                 }
-                return lastValueFrom(this.service.getMany(this.tenant, this.className, params + '&view=' + (this.view || '')));
+                return lastValueFrom(this.service.getMany(tenant, className, params + '&view=' + (view || '')));
             }
         });
     }
+}
+DataGridFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridFactory, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+DataGridFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridFactory, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
+
+class FileCellTemplateComponent {
+    constructor(service, domSanitizer) {
+        this.service = service;
+        this.domSanitizer = domSanitizer;
+        this.loading = false;
+    }
+    ngOnInit() {
+        this.service.getOne('S', 'Attachment', this.oid).subscribe(response => {
+            this.file = response.data;
+            this.filename = this.file.fileName;
+            this.content = this.domSanitizer.bypassSecurityTrustHtml(`名称：${this.file.fileName}<br />
+               大小：${this.getFileSize(this.file.fileSize)}<br />
+               时间：${this.file.modifyTime}`);
+            const type = this.file.fileName.substring(this.file.fileName.lastIndexOf('.') + 1).toLocaleLowerCase();
+            switch (type) {
+                case 'xls':
+                case 'xlsx':
+                case 'doc':
+                case 'docx':
+                case 'ppt':
+                case 'pptx':
+                case 'pdf':
+                case 'txt':
+                case 'rtf':
+                    this.icon = type + 'file';
+                    break;
+                case 'jpg':
+                case 'jpeg':
+                case 'png':
+                case 'gif':
+                    this.icon = 'image';
+                    break;
+                default:
+                    this.icon = 'file';
+                    break;
+            }
+            // 重绘表格宽高
+            setTimeout(() => {
+                this.table.resize();
+            });
+        });
+    }
+    download() {
+        this.loading = true;
+        this.service.downloadAttachment(this.oid, this.filename, () => {
+            this.loading = false;
+        });
+    }
+    getFileSize(size) {
+        const labels = ['b', 'Kb', 'Mb', 'Gb'];
+        const count = labels.length - 1;
+        let i = 0;
+        while (i < count && size >= 1024) {
+            size /= 1024;
+            i++;
+        }
+        return Math.round(size * 100) / 100 + " " + labels[i];
+    }
+}
+FileCellTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FileCellTemplateComponent, deps: [{ token: DataGridService }, { token: i2$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+FileCellTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FileCellTemplateComponent, selector: "rs-file-cell-template", inputs: { table: "table", oid: "oid" }, ngImport: i0, template: "<button #fileBtn (click)=\"download()\" [disabled]=\"loading\">\n  <i class=\"dx-icon-{{icon}}\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'mouseenter'\"\n              [hideEvent]=\"'mouseleave'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerHTML]=\"content\"></div>\n    </div>\n  </dx-tooltip>\n</button><br/>\n", styles: [":host{height:20px;padding-right:4px}:host button{color:#337ab7}\n"], dependencies: [{ kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i4.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FileCellTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rs-file-cell-template', template: "<button #fileBtn (click)=\"download()\" [disabled]=\"loading\">\n  <i class=\"dx-icon-{{icon}}\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'mouseenter'\"\n              [hideEvent]=\"'mouseleave'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerHTML]=\"content\"></div>\n    </div>\n  </dx-tooltip>\n</button><br/>\n", styles: [":host{height:20px;padding-right:4px}:host button{color:#337ab7}\n"] }]
+        }], ctorParameters: function () { return [{ type: DataGridService }, { type: i2$2.DomSanitizer }]; }, propDecorators: { table: [{
+                type: Input
+            }], oid: [{
+                type: Input
+            }] } });
+
+class DataGridComponent {
+    constructor(factory) {
+        this.factory = factory;
+        this.enableMasterDetail = false;
+        this.selectionMode = 'none';
+        this.onDxDataGridCellPrepared = new EventEmitter();
+        this.onDxDataGridContentReady = new EventEmitter();
+        this.onDxDataGridSelectionChanged = new EventEmitter();
+        this.dataSource = {};
+        this.columns = [];
+    }
+    ngOnInit() {
+        this.reload();
+    }
+    reload() {
+        this.columns.length = 0;
+        this.factory.makeDataGridColumns(this.tenant, this.className, this.view).subscribe(columns => {
+            if (this.customColumnFn) {
+                this.customColumnFn(columns);
+            }
+            this.columns = columns;
+        });
+        this.dataSource = this.factory.makeDataGridDataSource(this.tenant, this.className, this.view, this.filter);
+    }
     convertMultipleValueCellText(cellInfo) {
         if (!cellInfo.value) {
             return;
@@ -1392,13 +1421,22 @@ class DataGridComponent {
     getSelectedRowKeys() {
         return this.dxDataGrid.instance.getSelectedRowKeys();
     }
+    onCellPrepared($event) {
+        this.onDxDataGridCellPrepared.emit($event);
+    }
+    onContentReady($event) {
+        this.onDxDataGridContentReady.emit($event);
+    }
+    onSelectionChanged($event) {
+        this.onDxDataGridSelectionChanged.emit($event);
+    }
 }
-DataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridComponent, deps: [{ token: DataGridService }], target: i0.ɵɵFactoryTarget.Component });
-DataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DataGridComponent, selector: "rs-data-grid", inputs: { tenant: "tenant", className: "className", view: "view", filter: "filter", enableMasterDetail: "enableMasterDetail", customColumnFn: "customColumnFn" }, providers: [DataGridService], queries: [{ propertyName: "masterDetailTemplate", first: true, predicate: MasterDetailTemplateDirective, descendants: true }, { propertyName: "rowButtonsTemplate", first: true, predicate: RowButtonsTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dxDataGrid", first: true, predicate: DxDataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<dx-data-grid [dataSource]=\"dataSource\"\n              [columns]=\"columns\"\n              [syncLookupFilterValues]=\"false\"\n              [showBorders]=\"true\"\n              [showRowLines]=\"true\"\n              [hoverStateEnabled]=\"true\"\n              [rowAlternationEnabled]=\"true\"\n              [columnAutoWidth]=\"true\"\n              [allowColumnResizing]=\"true\"\n              columnResizingMode=\"widget\"\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\n              (onRowExpanding)=\"$event.component.collapseAll(-1)\">\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\n  <dxo-selection mode=\"multiple\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\n  <dxo-header-filter [visible]=\"true\">\n    <dxo-search [enabled]=\"true\"></dxo-search>\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\n  </dxo-header-filter>\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n  <dxo-remote-operations [filtering]=\"true\"\n                         [sorting]=\"true\"\n                         [paging]=\"true\">\n  </dxo-remote-operations>\n  <dxo-master-detail [enabled]=\"enableMasterDetail\" template=\"masterDetailTemplate\"></dxo-master-detail>\n  <dxo-paging [pageSize]=\"15\"></dxo-paging>\n  <dxo-pager [visible]=\"true\"\n             [showInfo]=\"true\"\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\n             [showPageSizeSelector]=\"true\"\n             [allowedPageSizes]=\"[15, 30, 50]\"\n  ></dxo-pager>\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\n  <dxo-export [allowExportSelectedData]=\"true\"\n              [fileName]=\"className\"></dxo-export>\n  <div *dxTemplate=\"let rowInfo of 'masterDetailTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"masterDetailTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let rowInfo of 'rowButtonsTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\n    {{cellInfo.rowIndex + 1}}\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\n    <div [innerHTML]=\"convertMultipleValueCellText(cellInfo)\"></div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\n    <div #textDiv style=\"text-overflow: ellipsis; overflow: hidden;\"\n         [innerHTML]=\"convertTextValueCellText(cellInfo)\"></div>\n    <dx-tooltip [target]=\"textDiv\"\n                [position]=\"'top'\"\n                [showEvent]=\"'mouseenter'\"\n                [hideEvent]=\"'mouseleave'\">\n      <div *dxTemplate=\"let data of 'content'\">\n        <p style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerText]=\"cellInfo.value\"></p>\n      </div>\n    </dx-tooltip>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'fileCellTemplate'\">\n    <ng-container *ngFor=\"let file of cellInfo.value\">\n      <rs-file-cell-template [table]=\"cellInfo.component\" [oid]=\"file\"></rs-file-cell-template>\n    </ng-container>\n  </div>\n</dx-data-grid>\n", styles: [":host{display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i4$1.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "svgToCanvas", "allowExportSelectedData", "texts"] }, { kind: "component", type: i5.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i4$1.DxoSearchComponent, selector: "dxo-search", inputs: ["editorOptions", "enabled", "timeout", "mode", "searchExpr"] }, { kind: "component", type: i4$1.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i4$1.DxoTextsComponent, selector: "dxo-texts", inputs: ["fix", "leftPosition", "rightPosition", "unfix", "addRow", "cancelAllChanges", "cancelRowChanges", "confirmDeleteMessage", "confirmDeleteTitle", "deleteRow", "editRow", "saveAllChanges", "saveRowChanges", "undeleteRow", "validationCancelChanges", "exportAll", "exportSelectedRows", "exportTo", "clearFilter", "createFilter", "filterEnabledHint", "groupByThisColumn", "groupContinuedMessage", "groupContinuesMessage", "ungroup", "ungroupAll", "cancel", "emptyValue", "ok", "avg", "avgOtherColumn", "count", "max", "maxOtherColumn", "min", "minOtherColumn", "sum", "sumOtherColumn", "allFields", "columnFields", "dataFields", "filterFields", "rowFields", "columnFieldArea", "dataFieldArea", "filterFieldArea", "rowFieldArea", "collapseAll", "dataNotAvailable", "expandAll", "exportToExcel", "grandTotal", "noData", "removeAllSorting", "showFieldChooser", "sortColumnBySummary", "sortRowBySummary", "total", "addRowToNode"] }, { kind: "component", type: i4$1.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { kind: "component", type: i4$1.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { kind: "component", type: i4$1.DxoMasterDetailComponent, selector: "dxo-master-detail", inputs: ["autoExpandAll", "enabled", "template"] }, { kind: "component", type: i4$1.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "label", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i4$1.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i4$1.DxoRemoteOperationsComponent, selector: "dxo-remote-operations", inputs: ["filtering", "grouping", "groupPaging", "paging", "sorting", "summary"] }, { kind: "component", type: i4$1.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i4$1.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: i4.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: FileCellTemplateComponent, selector: "rs-file-cell-template", inputs: ["table", "oid"] }] });
+DataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridComponent, deps: [{ token: DataGridFactory }], target: i0.ɵɵFactoryTarget.Component });
+DataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DataGridComponent, selector: "rs-data-grid", inputs: { tenant: "tenant", className: "className", view: "view", filter: "filter", enableMasterDetail: "enableMasterDetail", selectionMode: "selectionMode", customColumnFn: "customColumnFn" }, outputs: { onDxDataGridCellPrepared: "onDxDataGridCellPrepared", onDxDataGridContentReady: "onDxDataGridContentReady", onDxDataGridSelectionChanged: "onDxDataGridSelectionChanged" }, providers: [DataGridService], queries: [{ propertyName: "masterDetailTemplate", first: true, predicate: MasterDetailTemplateDirective, descendants: true }, { propertyName: "rowButtonsTemplate", first: true, predicate: RowButtonsTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dxDataGrid", first: true, predicate: DxDataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<dx-data-grid [dataSource]=\"dataSource\"\n              [columns]=\"columns\"\n              [syncLookupFilterValues]=\"false\"\n              [showBorders]=\"true\"\n              [showRowLines]=\"true\"\n              [hoverStateEnabled]=\"true\"\n              [rowAlternationEnabled]=\"true\"\n              [columnAutoWidth]=\"true\"\n              [allowColumnResizing]=\"true\"\n              columnResizingMode=\"widget\"\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\n              (onCellPrepared)=\"onCellPrepared($event)\"\n              (onContentReady)=\"onContentReady($event)\"\n              (onSelectionChanged)=\"onSelectionChanged($event)\"\n              (onRowExpanding)=\"$event.component.collapseAll(-1)\">\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\n  <dxo-selection [mode]=\"selectionMode\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\n  <dxo-header-filter [visible]=\"true\">\n    <dxo-search [enabled]=\"true\"></dxo-search>\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\n  </dxo-header-filter>\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n  <dxo-remote-operations [filtering]=\"true\"\n                         [sorting]=\"true\"\n                         [paging]=\"true\">\n  </dxo-remote-operations>\n  <dxo-master-detail [enabled]=\"enableMasterDetail\" template=\"masterDetailTemplate\"></dxo-master-detail>\n  <dxo-paging [pageSize]=\"15\"></dxo-paging>\n  <dxo-pager [visible]=\"true\"\n             [showInfo]=\"true\"\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\n             [showPageSizeSelector]=\"true\"\n             [allowedPageSizes]=\"[15, 30, 50]\"\n  ></dxo-pager>\n  <dxo-scrolling mode=\"virtual\" [preloadEnabled]=\"true\" showScrollbar=\"always\"></dxo-scrolling>\n  <dxo-export [allowExportSelectedData]=\"true\"\n              [fileName]=\"className\"></dxo-export>\n  <div *dxTemplate=\"let rowInfo of 'masterDetailTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"masterDetailTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let rowInfo of 'rowButtonsTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\n    {{cellInfo.rowIndex + 1}}\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\n    <div [innerHTML]=\"convertMultipleValueCellText(cellInfo)\"></div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\n    <div #textDiv style=\"text-overflow: ellipsis; overflow: hidden;\"\n         [innerHTML]=\"convertTextValueCellText(cellInfo)\"></div>\n    <dx-tooltip [target]=\"textDiv\"\n                [position]=\"'top'\"\n                [showEvent]=\"'mouseenter'\"\n                [hideEvent]=\"'mouseleave'\">\n      <div *dxTemplate=\"let data of 'content'\">\n        <p style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerText]=\"cellInfo.value\"></p>\n      </div>\n    </dx-tooltip>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'fileCellTemplate'\">\n    <ng-container *ngFor=\"let file of cellInfo.value\">\n      <rs-file-cell-template [table]=\"cellInfo.component\" [oid]=\"file\"></rs-file-cell-template>\n    </ng-container>\n  </div>\n</dx-data-grid>\n", styles: [":host{display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i4$1.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "svgToCanvas", "allowExportSelectedData", "texts"] }, { kind: "component", type: i5.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i4$1.DxoSearchComponent, selector: "dxo-search", inputs: ["editorOptions", "enabled", "timeout", "mode", "searchExpr"] }, { kind: "component", type: i4$1.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i4$1.DxoTextsComponent, selector: "dxo-texts", inputs: ["fix", "leftPosition", "rightPosition", "unfix", "addRow", "cancelAllChanges", "cancelRowChanges", "confirmDeleteMessage", "confirmDeleteTitle", "deleteRow", "editRow", "saveAllChanges", "saveRowChanges", "undeleteRow", "validationCancelChanges", "exportAll", "exportSelectedRows", "exportTo", "clearFilter", "createFilter", "filterEnabledHint", "groupByThisColumn", "groupContinuedMessage", "groupContinuesMessage", "ungroup", "ungroupAll", "cancel", "emptyValue", "ok", "avg", "avgOtherColumn", "count", "max", "maxOtherColumn", "min", "minOtherColumn", "sum", "sumOtherColumn", "allFields", "columnFields", "dataFields", "filterFields", "rowFields", "columnFieldArea", "dataFieldArea", "filterFieldArea", "rowFieldArea", "collapseAll", "dataNotAvailable", "expandAll", "exportToExcel", "grandTotal", "noData", "removeAllSorting", "showFieldChooser", "sortColumnBySummary", "sortRowBySummary", "total", "addRowToNode"] }, { kind: "component", type: i4$1.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { kind: "component", type: i4$1.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { kind: "component", type: i4$1.DxoMasterDetailComponent, selector: "dxo-master-detail", inputs: ["autoExpandAll", "enabled", "template"] }, { kind: "component", type: i4$1.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "label", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i4$1.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i4$1.DxoRemoteOperationsComponent, selector: "dxo-remote-operations", inputs: ["filtering", "grouping", "groupPaging", "paging", "sorting", "summary"] }, { kind: "component", type: i4$1.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i4$1.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: i4.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: FileCellTemplateComponent, selector: "rs-file-cell-template", inputs: ["table", "oid"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-data-grid', providers: [DataGridService], template: "<dx-data-grid [dataSource]=\"dataSource\"\n              [columns]=\"columns\"\n              [syncLookupFilterValues]=\"false\"\n              [showBorders]=\"true\"\n              [showRowLines]=\"true\"\n              [hoverStateEnabled]=\"true\"\n              [rowAlternationEnabled]=\"true\"\n              [columnAutoWidth]=\"true\"\n              [allowColumnResizing]=\"true\"\n              columnResizingMode=\"widget\"\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\n              (onRowExpanding)=\"$event.component.collapseAll(-1)\">\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\n  <dxo-selection mode=\"multiple\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\n  <dxo-header-filter [visible]=\"true\">\n    <dxo-search [enabled]=\"true\"></dxo-search>\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\n  </dxo-header-filter>\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n  <dxo-remote-operations [filtering]=\"true\"\n                         [sorting]=\"true\"\n                         [paging]=\"true\">\n  </dxo-remote-operations>\n  <dxo-master-detail [enabled]=\"enableMasterDetail\" template=\"masterDetailTemplate\"></dxo-master-detail>\n  <dxo-paging [pageSize]=\"15\"></dxo-paging>\n  <dxo-pager [visible]=\"true\"\n             [showInfo]=\"true\"\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\n             [showPageSizeSelector]=\"true\"\n             [allowedPageSizes]=\"[15, 30, 50]\"\n  ></dxo-pager>\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\n  <dxo-export [allowExportSelectedData]=\"true\"\n              [fileName]=\"className\"></dxo-export>\n  <div *dxTemplate=\"let rowInfo of 'masterDetailTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"masterDetailTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let rowInfo of 'rowButtonsTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\n    {{cellInfo.rowIndex + 1}}\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\n    <div [innerHTML]=\"convertMultipleValueCellText(cellInfo)\"></div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\n    <div #textDiv style=\"text-overflow: ellipsis; overflow: hidden;\"\n         [innerHTML]=\"convertTextValueCellText(cellInfo)\"></div>\n    <dx-tooltip [target]=\"textDiv\"\n                [position]=\"'top'\"\n                [showEvent]=\"'mouseenter'\"\n                [hideEvent]=\"'mouseleave'\">\n      <div *dxTemplate=\"let data of 'content'\">\n        <p style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerText]=\"cellInfo.value\"></p>\n      </div>\n    </dx-tooltip>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'fileCellTemplate'\">\n    <ng-container *ngFor=\"let file of cellInfo.value\">\n      <rs-file-cell-template [table]=\"cellInfo.component\" [oid]=\"file\"></rs-file-cell-template>\n    </ng-container>\n  </div>\n</dx-data-grid>\n", styles: [":host{display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: DataGridService }]; }, propDecorators: { tenant: [{
+            args: [{ selector: 'rs-data-grid', providers: [DataGridService], template: "<dx-data-grid [dataSource]=\"dataSource\"\n              [columns]=\"columns\"\n              [syncLookupFilterValues]=\"false\"\n              [showBorders]=\"true\"\n              [showRowLines]=\"true\"\n              [hoverStateEnabled]=\"true\"\n              [rowAlternationEnabled]=\"true\"\n              [columnAutoWidth]=\"true\"\n              [allowColumnResizing]=\"true\"\n              columnResizingMode=\"widget\"\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\n              (onCellPrepared)=\"onCellPrepared($event)\"\n              (onContentReady)=\"onContentReady($event)\"\n              (onSelectionChanged)=\"onSelectionChanged($event)\"\n              (onRowExpanding)=\"$event.component.collapseAll(-1)\">\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\n  <dxo-selection [mode]=\"selectionMode\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\n  <dxo-header-filter [visible]=\"true\">\n    <dxo-search [enabled]=\"true\"></dxo-search>\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\n  </dxo-header-filter>\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n  <dxo-remote-operations [filtering]=\"true\"\n                         [sorting]=\"true\"\n                         [paging]=\"true\">\n  </dxo-remote-operations>\n  <dxo-master-detail [enabled]=\"enableMasterDetail\" template=\"masterDetailTemplate\"></dxo-master-detail>\n  <dxo-paging [pageSize]=\"15\"></dxo-paging>\n  <dxo-pager [visible]=\"true\"\n             [showInfo]=\"true\"\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\n             [showPageSizeSelector]=\"true\"\n             [allowedPageSizes]=\"[15, 30, 50]\"\n  ></dxo-pager>\n  <dxo-scrolling mode=\"virtual\" [preloadEnabled]=\"true\" showScrollbar=\"always\"></dxo-scrolling>\n  <dxo-export [allowExportSelectedData]=\"true\"\n              [fileName]=\"className\"></dxo-export>\n  <div *dxTemplate=\"let rowInfo of 'masterDetailTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"masterDetailTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let rowInfo of 'rowButtonsTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\n    {{cellInfo.rowIndex + 1}}\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\n    <div [innerHTML]=\"convertMultipleValueCellText(cellInfo)\"></div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\n    <div #textDiv style=\"text-overflow: ellipsis; overflow: hidden;\"\n         [innerHTML]=\"convertTextValueCellText(cellInfo)\"></div>\n    <dx-tooltip [target]=\"textDiv\"\n                [position]=\"'top'\"\n                [showEvent]=\"'mouseenter'\"\n                [hideEvent]=\"'mouseleave'\">\n      <div *dxTemplate=\"let data of 'content'\">\n        <p style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerText]=\"cellInfo.value\"></p>\n      </div>\n    </dx-tooltip>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'fileCellTemplate'\">\n    <ng-container *ngFor=\"let file of cellInfo.value\">\n      <rs-file-cell-template [table]=\"cellInfo.component\" [oid]=\"file\"></rs-file-cell-template>\n    </ng-container>\n  </div>\n</dx-data-grid>\n", styles: [":host{display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: DataGridFactory }]; }, propDecorators: { tenant: [{
                 type: Input
             }], className: [{
                 type: Input
@@ -1408,8 +1446,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Input
             }], enableMasterDetail: [{
                 type: Input
+            }], selectionMode: [{
+                type: Input
             }], customColumnFn: [{
                 type: Input
+            }], onDxDataGridCellPrepared: [{
+                type: Output
+            }], onDxDataGridContentReady: [{
+                type: Output
+            }], onDxDataGridSelectionChanged: [{
+                type: Output
             }], dxDataGrid: [{
                 type: ViewChild,
                 args: [DxDataGridComponent, { static: true }]
@@ -1463,11 +1509,13 @@ class DynamicParamsComponent {
     }
 }
 DynamicParamsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DynamicParamsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DynamicParamsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DynamicParamsComponent, selector: "rs-dynamic-params", inputs: { params: "params" }, ngImport: i0, template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>\u52A8\u6001\u53C2\u6570</span>\n    <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-add\" (onClick)=\"add()\"></dx-button>\n  </div>\n  <div class=\"dx-field-value\">\n    <div *ngFor=\"let param of params; let index = index\">\n      <dx-text-box placeholder=\"\u53C2\u6570\u540D\" [(value)]=\"param.name\"></dx-text-box>\n      <dx-text-box placeholder=\"\u53C2\u6570\u503C\" [(value)]=\"param.value\"></dx-text-box>\n      <dx-button type=\"danger\" stylingMode=\"text\" icon=\"coast-icon coast-icon-close\"\n                 (onClick)=\"delete(index)\"></dx-button>\n    </div>\n  </div>\n</div>\n", styles: [":host .dx-field .dx-field-label{display:flex;align-items:center}:host .dx-field .dx-field-value div{display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-value div dx-text-box{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$3.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i3$1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }] });
+DynamicParamsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DynamicParamsComponent, selector: "rs-dynamic-params", inputs: { label: "label", params: "params" }, ngImport: i0, template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>{{label || '\u52A8\u6001\u53C2\u6570'}}</span>\n    <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-add\" (onClick)=\"add()\"></dx-button>\n  </div>\n  <div class=\"dx-field-value\">\n    <div *ngFor=\"let param of params; let index = index\">\n      <dx-text-box placeholder=\"\u53C2\u6570\u540D\" [(value)]=\"param.name\"></dx-text-box>\n      <dx-text-box placeholder=\"\u53C2\u6570\u503C\" [(value)]=\"param.value\"></dx-text-box>\n      <dx-button type=\"danger\" stylingMode=\"text\" icon=\"coast-icon coast-icon-close\"\n                 (onClick)=\"delete(index)\"></dx-button>\n    </div>\n  </div>\n</div>\n", styles: [":host .dx-field .dx-field-label{display:flex;align-items:center}:host .dx-field .dx-field-value div{display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-value div dx-text-box{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$3.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i3$1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DynamicParamsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-dynamic-params', template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>\u52A8\u6001\u53C2\u6570</span>\n    <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-add\" (onClick)=\"add()\"></dx-button>\n  </div>\n  <div class=\"dx-field-value\">\n    <div *ngFor=\"let param of params; let index = index\">\n      <dx-text-box placeholder=\"\u53C2\u6570\u540D\" [(value)]=\"param.name\"></dx-text-box>\n      <dx-text-box placeholder=\"\u53C2\u6570\u503C\" [(value)]=\"param.value\"></dx-text-box>\n      <dx-button type=\"danger\" stylingMode=\"text\" icon=\"coast-icon coast-icon-close\"\n                 (onClick)=\"delete(index)\"></dx-button>\n    </div>\n  </div>\n</div>\n", styles: [":host .dx-field .dx-field-label{display:flex;align-items:center}:host .dx-field .dx-field-value div{display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-value div dx-text-box{flex:1}\n"] }]
-        }], propDecorators: { params: [{
+            args: [{ selector: 'rs-dynamic-params', template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>{{label || '\u52A8\u6001\u53C2\u6570'}}</span>\n    <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-add\" (onClick)=\"add()\"></dx-button>\n  </div>\n  <div class=\"dx-field-value\">\n    <div *ngFor=\"let param of params; let index = index\">\n      <dx-text-box placeholder=\"\u53C2\u6570\u540D\" [(value)]=\"param.name\"></dx-text-box>\n      <dx-text-box placeholder=\"\u53C2\u6570\u503C\" [(value)]=\"param.value\"></dx-text-box>\n      <dx-button type=\"danger\" stylingMode=\"text\" icon=\"coast-icon coast-icon-close\"\n                 (onClick)=\"delete(index)\"></dx-button>\n    </div>\n  </div>\n</div>\n", styles: [":host .dx-field .dx-field-label{display:flex;align-items:center}:host .dx-field .dx-field-value div{display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-value div dx-text-box{flex:1}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], params: [{
                 type: Input
             }] } });
 
@@ -1586,7 +1634,6 @@ class FormComponent {
             this.submitCallback.emit({ success: false });
             // @ts-ignore
             result.brokenRules[0].validator.element().scrollIntoView();
-            console.log(result);
             return false;
         }
         return true;
@@ -1956,13 +2003,9 @@ function notify_success(message) {
     });
 }
 
-/*
- * Public API Surface of ngx-rs-ant
- */
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BoxContainerComponent, BoxContainerModule, DataGridComponent, DataGridModule, DataGridService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, IconSelectorComponent, IconSelectorModule, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PluginManager, RowButtonsTemplateDirective, notify_error, notify_success, notify_warning };
+export { BoxContainerComponent, BoxContainerModule, DataGridComponent, DataGridFactory, DataGridModule, DataGridService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, IconSelectorComponent, IconSelectorModule, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PluginManager, RowButtonsTemplateDirective, notify_error, notify_success, notify_warning };
 //# sourceMappingURL=ngx-rs-ant.mjs.map