ngx-rs-ant 0.9.8 → 0.10.2

package/fesm2020/ngx-rs-ant.mjs

@@ -8,16 +8,17 @@ import { Subject, map, lastValueFrom } from 'rxjs';
 import * as i2$1 from 'ng-devui/input-number';
 import * as i5 from '@angular/forms';
 import { FormsModule, UntypedFormGroup, ReactiveFormsModule } from '@angular/forms';
-import { DevUIModule, FormLayout } from 'ng-devui';
-import * as i3 from 'devextreme-angular';
+import { DevUIModule, HelperUtils, FormLayout } from 'ng-devui';
+import * as i3$1 from 'devextreme-angular';
 import { DxDataGridComponent, DxDataGridModule } from 'devextreme-angular';
 import * as i1$1 from '@angular/common/http';
 import CustomStore from 'devextreme/data/custom_store';
 import * as i4 from 'devextreme-angular/ui/nested';
 import * as i5$1 from 'devextreme-angular/core';
-import * as i6 from 'ng-devui/popover';
-import * as i2$2 from 'ng-devui/button';
-import * as i3$1 from 'ng-devui/form';
+import * as i3 from 'ng-devui/popover';
+import * as i2$2 from '@angular/platform-browser';
+import * as i2$3 from 'ng-devui/button';
+import * as i3$2 from 'ng-devui/form';
 import * as i4$1 from 'ng-devui/text-input';
 import * as i4$2 from 'ng-devui/loading';
 
@@ -754,10 +755,11 @@ class DataGridService {
             return response.data;
         }));
     }
-    getUserColumnDataSource(className, view, field) {
+    getUserColumnDataSource(tenant, className, view, field) {
         return this.http.get('api/data/custom', {
             params: {
                 executor: 'com.cs.system.data.grid.header.filter.GetUserColumnDataSource',
+                tenant,
                 className,
                 view: view || '',
                 field
@@ -775,10 +777,11 @@ class DataGridService {
             return response.data.list;
         }));
     }
-    getUnitColumnDataSource(className, view, field) {
+    getUnitColumnDataSource(tenant, className, view, field) {
         return this.http.get('api/data/custom', {
             params: {
                 executor: 'com.cs.system.data.grid.header.filter.GetUnitColumnDataSource',
+                tenant,
                 className,
                 view: view || '',
                 field
@@ -796,10 +799,11 @@ class DataGridService {
             return response.data.list;
         }));
     }
-    getConstraintColumnDataSource(className, view, field, constraintName) {
+    getConstraintColumnDataSource(tenant, className, view, field, constraintName) {
         return this.http.get('api/data/custom', {
             params: {
                 executor: 'com.cs.system.data.grid.header.filter.GetConstraintColumnDataSource',
+                tenant,
                 className,
                 view: view || '',
                 field,
@@ -830,6 +834,12 @@ class DataGridService {
             return response.data.list;
         }));
     }
+    downloadAttachment(id, filename, onSuccess) {
+        HelperUtils.downloadFileByHttpClient(this.http, 'api/file/download/' + id, {
+            method: 'GET',
+            filename
+        }, undefined, onSuccess);
+    }
 }
 DataGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 DataGridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridService });
@@ -851,6 +861,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
+class RowButtonsTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+RowButtonsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RowButtonsTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+RowButtonsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: RowButtonsTemplateDirective, selector: "[rsRowButtonsTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RowButtonsTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rsRowButtonsTemplate]'
+                }]
+        }], 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;
+            }
+            // 重绘，自适应列宽
+            this.template.component.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: { template: "template", oid: "oid" }, ngImport: i0, template: "<button (click)=\"download()\"\n        [disabled]=\"loading\"\n        dPopover\n        [content]=\"content\"\n        [trigger]=\"'hover'\"\n        [controlled]=\"true\"\n        [popMaxWidth]=\"300\">\n  <i class=\"dx-icon-{{icon}}\"></i>\n  {{filename}}\n</button><br/>\n", styles: [":host{height:20px;padding-right:4px}:host button{color:var(--devui-link, #526ecc)}\n"], dependencies: [{ kind: "directive", type: i3.PopoverDirective, selector: "[dPopover]", inputs: ["content", "controlled", "position", "showAnimation", "showAnimate", "scrollElement", "appendToBody", "zIndex", "popType", "popMaxWidth", "trigger", "hoverToContent", "hoverDelayTime", "popoverStyle", "mouseEnterDelay", "mouseLeaveDelay", "visible"], exportAs: ["dPopover"] }] });
+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 (click)=\"download()\"\n        [disabled]=\"loading\"\n        dPopover\n        [content]=\"content\"\n        [trigger]=\"'hover'\"\n        [controlled]=\"true\"\n        [popMaxWidth]=\"300\">\n  <i class=\"dx-icon-{{icon}}\"></i>\n  {{filename}}\n</button><br/>\n", styles: [":host{height:20px;padding-right:4px}:host button{color:var(--devui-link, #526ecc)}\n"] }]
+        }], ctorParameters: function () { return [{ type: DataGridService }, { type: i2$2.DomSanitizer }]; }, propDecorators: { template: [{
+                type: Input
+            }], oid: [{
+                type: Input
+            }] } });
+
 class DataGridComponent {
     constructor(service, locale) {
         this.service = service;
@@ -899,247 +991,263 @@ class DataGridComponent {
         this.service.getMetadataByView(this.tenant, this.className, this.view || '').subscribe((response) => {
             const columns = [];
             for (let field of response.data.columns) {
-                if (field.type === 'FILE') {
-                    columns.push({
-                        dataField: field.name,
-                        caption: field.caption,
-                        dataType: 'string',
-                        alignment: 'left',
-                        allowHeaderFiltering: false,
-                        filterOperations: [],
-                        visible: field.visible
-                    });
-                }
-                else if (field.type === 'NORMAL') {
-                    const column = {
-                        dataField: field.name,
-                        caption: field.caption,
-                        dataType: this.typeMap[field.dataType].dataType,
-                        alignment: 'left',
-                        allowHeaderFiltering: true,
-                        headerFilter: {
-                            allowSelectAll: false
-                        },
-                        filterOperations: this.typeMap[field.dataType].filterOperations,
-                        format: this.typeMap[field.dataType].format,
-                        visible: field.visible
-                    };
-                    columns.push(column);
-                    switch (field.dataType) {
-                        case 'BOOLEAN':
-                            column.allowHeaderFiltering = false;
-                            column.alignment = 'center';
-                            column.trueText = '是';
-                            column.falseText = '否';
-                            break;
-                        case 'DATE':
-                        case 'DATETIME':
-                            column.headerFilter.dataSource = (options) => {
-                                options.dataSource.group.length = 3;
-                                options.dataSource.postProcess = (data) => {
-                                    data.forEach((year) => {
-                                        year.text = year.key + '年';
-                                        year.items.forEach((month) => {
-                                            month.text = month.key + '月';
-                                            month.items.forEach((day) => {
-                                                day.text = day.key + '日';
-                                                day.items = [];
+                switch (field.type) {
+                    case 'FILE':
+                        columns.push({
+                            dataField: field.name,
+                            caption: field.caption,
+                            dataType: 'string',
+                            alignment: 'center',
+                            allowHeaderFiltering: false,
+                            allowFiltering: false,
+                            allowSorting: false,
+                            cellTemplate: 'fileCellTemplate',
+                            visible: field.visible
+                        });
+                        break;
+                    case 'NORMAL':
+                        const column = {
+                            dataField: field.name,
+                            caption: field.caption,
+                            dataType: this.typeMap[field.dataType].dataType,
+                            alignment: 'left',
+                            allowHeaderFiltering: true,
+                            headerFilter: {
+                                allowSelectAll: false
+                            },
+                            filterOperations: this.typeMap[field.dataType].filterOperations,
+                            format: this.typeMap[field.dataType].format,
+                            visible: field.visible
+                        };
+                        columns.push(column);
+                        switch (field.dataType) {
+                            case 'BOOLEAN':
+                                column.allowHeaderFiltering = false;
+                                column.alignment = 'center';
+                                column.trueText = '是';
+                                column.falseText = '否';
+                                break;
+                            case 'DATE':
+                            case 'DATETIME':
+                                column.headerFilter.dataSource = (options) => {
+                                    options.dataSource.group.length = 3;
+                                    options.dataSource.postProcess = (data) => {
+                                        data.forEach((year) => {
+                                            year.text = year.key + '年';
+                                            year.items.forEach((month) => {
+                                                month.text = month.key + '月';
+                                                month.items.forEach((day) => {
+                                                    day.text = day.key + '日';
+                                                    day.items = [];
+                                                });
                                             });
                                         });
-                                    });
-                                    data.unshift({
-                                        key: '',
-                                        value: null,
-                                        text: '(空白)'
-                                    });
-                                };
-                            };
-                            break;
-                        case 'DOUBLE':
-                        case 'INTEGER':
-                            column.headerFilter.dataSource = (options) => {
-                                options.dataSource.postProcess = (data) => {
-                                    data.unshift({
-                                        key: '',
-                                        value: null,
-                                        text: '(空白)'
-                                    });
-                                    data.push({
-                                        key: '__',
-                                        value: '__',
-                                        text: '__',
-                                        visible: false
-                                    });
+                                        data.unshift({
+                                            key: '',
+                                            value: null,
+                                            text: '(空白)'
+                                        });
+                                    };
                                 };
-                            };
-                            break;
-                        case 'STRING':
-                            column.headerFilter.dataSource = (options) => {
-                                options.dataSource.postProcess = (data) => {
-                                    data.unshift({
-                                        key: '',
-                                        value: null,
-                                        text: '(空白)'
-                                    });
-                                    data.push({
-                                        key: '__',
-                                        value: '__',
-                                        text: '__',
-                                        visible: false
-                                    });
+                                break;
+                            case 'DOUBLE':
+                            case 'INTEGER':
+                                column.headerFilter.dataSource = (options) => {
+                                    options.dataSource.postProcess = (data) => {
+                                        data.unshift({
+                                            key: '',
+                                            value: null,
+                                            text: '(空白)'
+                                        });
+                                        data.push({
+                                            key: '__',
+                                            value: '__',
+                                            text: '__',
+                                            visible: false
+                                        });
+                                    };
                                 };
-                            };
-                            if (field.config.constraint.multiple) {
-                                column.width = 120;
-                            }
-                            switch (field.config.constraint.type) {
-                                case 'USER':
-                                    column.headerFilter.dataSource = {
-                                        store: new CustomStore({
-                                            load: () => {
-                                                return lastValueFrom(this.service.getUserColumnDataSource(this.className, this.view, field.name));
-                                            }
-                                        }),
-                                        paginate: true
+                                break;
+                            case 'STRING':
+                                column.headerFilter.dataSource = (options) => {
+                                    options.dataSource.postProcess = (data) => {
+                                        data.unshift({
+                                            key: '',
+                                            value: null,
+                                            text: '(空白)'
+                                        });
+                                        data.push({
+                                            key: '__',
+                                            value: '__',
+                                            text: '__',
+                                            visible: false
+                                        });
                                     };
-                                    if (field.config.constraint.multiple) {
-                                        column.allowFiltering = false;
-                                        column.lookup = {
-                                            dataSource: {
-                                                store: new CustomStore({
-                                                    load: () => {
-                                                        return lastValueFrom(this.service.getUserColumnDataSource(this.className, this.view, field.name));
-                                                    }
-                                                }),
-                                                paginate: true
-                                            },
-                                            valueExpr: 'value',
-                                            displayExpr: 'text'
+                                };
+                                switch (field.config.constraint.type) {
+                                    case 'USER':
+                                        column.headerFilter.dataSource = {
+                                            store: new CustomStore({
+                                                load: () => {
+                                                    return lastValueFrom(this.service.getUserColumnDataSource(this.tenant, this.className, this.view, field.name));
+                                                }
+                                            }),
+                                            paginate: true
                                         };
-                                        column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
-                                            if (this.defaultCalculateFilterExpression) {
-                                                return this.defaultCalculateFilterExpression.apply(this, [filterValue, 'contains', target]);
-                                            }
-                                            return '';
+                                        if (field.config.constraint.multiple) {
+                                            column.allowFiltering = false;
+                                            column.lookup = {
+                                                dataSource: {
+                                                    store: new CustomStore({
+                                                        load: () => {
+                                                            return lastValueFrom(this.service.getUserColumnDataSource(this.tenant, this.className, this.view, field.name));
+                                                        }
+                                                    }),
+                                                    paginate: true
+                                                },
+                                                valueExpr: 'value',
+                                                displayExpr: 'text'
+                                            };
+                                            column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
+                                                if (this.defaultCalculateFilterExpression) {
+                                                    return this.defaultCalculateFilterExpression.apply(this, [filterValue, 'contains', target]);
+                                                }
+                                                return '';
+                                            };
+                                            column.cellTemplate = 'multipleValueCellTemplate';
+                                        }
+                                        else {
+                                            column.dataField = '__' + field.name + '\u0001User_displayName';
+                                            column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
+                                                if (target === 'headerFilter') {
+                                                    if (this.defaultCalculateFilterExpression) {
+                                                        this.dataField = '__' + field.name + '\u0001User_username';
+                                                        return this.defaultCalculateFilterExpression.apply(this, [filterValue, selectedFilterOperation, target]);
+                                                    }
+                                                }
+                                                return [
+                                                    [column.name, selectedFilterOperation, filterValue],
+                                                    'or',
+                                                    ['__' + field.name + '\u0001User_username', selectedFilterOperation, filterValue]
+                                                ];
+                                            };
+                                        }
+                                        break;
+                                    case 'UNIT':
+                                        column.headerFilter.dataSource = {
+                                            store: new CustomStore({
+                                                load: () => {
+                                                    return lastValueFrom(this.service.getUnitColumnDataSource(this.tenant, this.className, this.view, field.name));
+                                                }
+                                            }),
+                                            paginate: true
                                         };
-                                        column.cellTemplate = 'multipleValueCellTemplate';
-                                    }
-                                    else {
-                                        column.dataField = '__' + field.name + '\u0001User_displayName';
-                                        column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
-                                            if (target === 'headerFilter') {
+                                        if (field.config.constraint.multiple) {
+                                            column.allowFiltering = false;
+                                            column.lookup = {
+                                                dataSource: {
+                                                    store: new CustomStore({
+                                                        load: () => {
+                                                            return lastValueFrom(this.service.getUnitColumnDataSource(this.tenant, this.className, this.view, field.name));
+                                                        }
+                                                    }),
+                                                    paginate: true
+                                                },
+                                                valueExpr: 'value',
+                                                displayExpr: 'text'
+                                            };
+                                            column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
                                                 if (this.defaultCalculateFilterExpression) {
-                                                    this.dataField = '__' + field.name + '\u0001User_username';
-                                                    return this.defaultCalculateFilterExpression.apply(this, [filterValue, selectedFilterOperation, target]);
+                                                    return this.defaultCalculateFilterExpression.apply(this, [filterValue, 'contains', target]);
+                                                }
+                                                return '';
+                                            };
+                                            column.cellTemplate = 'multipleValueCellTemplate';
+                                        }
+                                        else {
+                                            column.dataField = '__' + field.name + '\u0001Role_displayName';
+                                            column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
+                                                if (target === 'headerFilter') {
+                                                    if (this.defaultCalculateFilterExpression) {
+                                                        this.dataField = '__' + field.name + '\u0001Role_name';
+                                                        return this.defaultCalculateFilterExpression.apply(this, [filterValue, selectedFilterOperation, target]);
+                                                    }
+                                                }
+                                                return [
+                                                    [column.name, selectedFilterOperation, filterValue],
+                                                    'or',
+                                                    ['__' + field.name + '\u0001Role_name', selectedFilterOperation, filterValue]
+                                                ];
+                                            };
+                                        }
+                                        break;
+                                    case 'CUSTOM':
+                                        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 [
-                                                [column.name, selectedFilterOperation, filterValue],
-                                                'or',
-                                                ['__' + field.name + '\u0001User_username', selectedFilterOperation, filterValue]
-                                            ];
+                                            }),
+                                            paginate: true
                                         };
-                                    }
-                                    break;
-                                case 'UNIT':
-                                    column.headerFilter.dataSource = {
-                                        store: new CustomStore({
-                                            load: () => {
-                                                return lastValueFrom(this.service.getUnitColumnDataSource(this.className, this.view, field.name));
-                                            }
-                                        }),
-                                        paginate: true
-                                    };
-                                    if (field.config.constraint.multiple) {
-                                        column.allowFiltering = false;
                                         column.lookup = {
                                             dataSource: {
                                                 store: new CustomStore({
                                                     load: () => {
-                                                        return lastValueFrom(this.service.getUnitColumnDataSource(this.className, this.view, field.name));
+                                                        return lastValueFrom(this.service.getConstraintEntries(field.config.constraint.name));
                                                     }
                                                 }),
                                                 paginate: true
                                             },
-                                            valueExpr: 'value',
-                                            displayExpr: 'text'
-                                        };
-                                        column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
-                                            if (this.defaultCalculateFilterExpression) {
-                                                return this.defaultCalculateFilterExpression.apply(this, [filterValue, 'contains', target]);
-                                            }
-                                            return '';
+                                            valueExpr: 'store',
+                                            displayExpr: 'display'
                                         };
-                                        column.cellTemplate = 'multipleValueCellTemplate';
-                                    }
-                                    else {
-                                        column.dataField = '__' + field.name + '\u0001Role_displayName';
-                                        column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
-                                            if (target === 'headerFilter') {
+                                        column.filterOperations = [];
+                                        if (field.config.constraint.multiple) {
+                                            column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
                                                 if (this.defaultCalculateFilterExpression) {
-                                                    this.dataField = '__' + field.name + '\u0001Role_name';
-                                                    return this.defaultCalculateFilterExpression.apply(this, [filterValue, selectedFilterOperation, target]);
-                                                }
-                                            }
-                                            return [
-                                                [column.name, selectedFilterOperation, filterValue],
-                                                'or',
-                                                ['__' + field.name + '\u0001Role_name', selectedFilterOperation, filterValue]
-                                            ];
-                                        };
-                                    }
-                                    break;
-                                case 'CUSTOM':
-                                    column.headerFilter.dataSource = {
-                                        store: new CustomStore({
-                                            load: () => {
-                                                return lastValueFrom(this.service.getConstraintColumnDataSource(this.className, this.view, field.name, field.config.constraint.name));
-                                            }
-                                        }),
-                                        paginate: true
-                                    };
-                                    column.lookup = {
-                                        dataSource: {
-                                            store: new CustomStore({
-                                                load: () => {
-                                                    return lastValueFrom(this.service.getConstraintEntries(field.config.constraint.name));
+                                                    return this.defaultCalculateFilterExpression.apply(this, [filterValue, 'contains', target]);
                                                 }
-                                            }),
-                                            paginate: true
-                                        },
-                                        valueExpr: 'store',
-                                        displayExpr: 'display'
-                                    };
-                                    column.filterOperations = [];
-                                    if (field.config.constraint.multiple) {
-                                        column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
-                                            if (this.defaultCalculateFilterExpression) {
-                                                return this.defaultCalculateFilterExpression.apply(this, [filterValue, 'contains', target]);
-                                            }
-                                            return '';
-                                        };
-                                    }
-                                    column.cellTemplate = 'multipleValueCellTemplate';
-                                    break;
-                            }
-                            break;
-                        case 'TEXT':
-                            column.allowHeaderFiltering = false;
-                            column.width = 240;
-                            column.cellTemplate = 'textCellTemplate';
-                            break;
-                    }
-                }
-                else if (field.type === 'RELATION') {
-                    columns.push({
-                        dataField: field.name,
-                        caption: field.caption,
-                        dataType: 'string',
-                        alignment: 'left',
-                        allowHeaderFiltering: false,
-                        filterOperations: ['='],
-                        visible: field.visible
-                    });
+                                                return '';
+                                            };
+                                        }
+                                        column.cellTemplate = 'multipleValueCellTemplate';
+                                        break;
+                                }
+                                break;
+                            case 'TEXT':
+                                column.allowHeaderFiltering = false;
+                                column.cellTemplate = 'textCellTemplate';
+                                break;
+                        }
+                        break;
+                    case 'RELATION':
+                        switch (field.relationType) {
+                            case 'MANY_TO_MANY':
+                            case 'ONE_TO_MANY':
+                                columns.push({
+                                    dataField: field.name,
+                                    caption: field.caption,
+                                    dataType: 'string',
+                                    alignment: 'left',
+                                    allowHeaderFiltering: false,
+                                    allowFiltering: false,
+                                    visible: field.visible
+                                });
+                                break;
+                            case 'MANY_TO_ONE':
+                            case 'ONE_TO_ONE':
+                                columns.push({
+                                    dataField: field.name,
+                                    caption: field.caption,
+                                    dataType: 'string',
+                                    alignment: 'left',
+                                    allowHeaderFiltering: false,
+                                    filterOperations: ['='],
+                                    visible: field.visible
+                                });
+                                break;
+                        }
                 }
             }
             if (this.customColumnFn) {
@@ -1200,15 +1308,12 @@ class DataGridComponent {
             }
         });
     }
-    convertMultipleValueCellText(cellInfo, wrap) {
+    convertMultipleValueCellText(cellInfo) {
         if (!cellInfo.value) {
             return;
         }
         if (Array.isArray(cellInfo.value)) {
-            if (wrap) {
-                return cellInfo.value.map((item) => cellInfo.column.lookup.calculateCellValue(item)).join('<br />');
-            }
-            return cellInfo.value.map((item) => cellInfo.column.lookup.calculateCellValue(item)).join('；');
+            return cellInfo.value.map((item) => cellInfo.column.lookup.calculateCellValue(item)).join('<br />');
         }
         return cellInfo.column.lookup.calculateCellValue(cellInfo.value);
     }
@@ -1224,10 +1329,10 @@ class DataGridComponent {
     }
 }
 DataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridComponent, deps: [{ token: DataGridService }, { token: LOCALE_ID }], 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 }], 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              [showColumnLines]=\"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>\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\n  <dxo-selection mode=\"multiple\" selectAllMode=\"page\"></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 cellInfo of 'rowIndexTemplate'\">\n    {{cellInfo.rowIndex + 1}}\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\n    <div dPopover #textDiv\n         [content]=\"convertMultipleValueCellText(cellInfo, true)\"\n         [controlled]=\"textDiv.clientWidth < textDiv.scrollWidth\"\n         [popoverStyle]=\"{ backgroundColor: '#fff', color: 'rgb(51, 51, 51)' }\"\n         style=\"text-overflow: ellipsis; overflow: hidden;\"\n         [ngStyle]=\"{ cursor: textDiv.clientWidth < textDiv.scrollWidth ? 'pointer': 'default'}\">\n      {{convertMultipleValueCellText(cellInfo)}}\n    </div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\n    <div dPopover #textDiv\n         [content]=\"cellInfo.value\"\n         [controlled]=\"textDiv.clientWidth < textDiv.scrollWidth\"\n         [popMaxWidth]=\"300\"\n         [popoverStyle]=\"{ backgroundColor: '#fff', color: 'rgb(51, 51, 51)' }\"\n         style=\"text-overflow: ellipsis; overflow: hidden;\"\n         [ngStyle]=\"{ cursor: textDiv.clientWidth < textDiv.scrollWidth ? 'pointer': 'default'}\">{{cellInfo.value}}</div>\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.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.DxoSearchComponent, selector: "dxo-search", inputs: ["editorOptions", "enabled", "timeout", "mode", "searchExpr"] }, { kind: "component", type: i4.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i4.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.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { kind: "component", type: i4.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "svgToCanvas", "allowExportSelectedData", "texts"] }, { kind: "component", type: i4.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { kind: "component", type: i4.DxoMasterDetailComponent, selector: "dxo-master-detail", inputs: ["autoExpandAll", "enabled", "template"] }, { kind: "component", type: i4.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "label", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i4.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i4.DxoRemoteOperationsComponent, selector: "dxo-remote-operations", inputs: ["filtering", "grouping", "groupPaging", "paging", "sorting", "summary"] }, { kind: "component", type: i4.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i4.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "directive", type: i5$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "directive", type: i6.PopoverDirective, selector: "[dPopover]", inputs: ["content", "controlled", "position", "showAnimation", "showAnimate", "scrollElement", "appendToBody", "zIndex", "popType", "popMaxWidth", "trigger", "hoverToContent", "hoverDelayTime", "popoverStyle", "mouseEnterDelay", "mouseLeaveDelay", "visible"], exportAs: ["dPopover"] }] });
+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              [showColumnLines]=\"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>\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\n  <dxo-selection mode=\"multiple\" selectAllMode=\"page\"></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 dPopover #textDiv\n         [content]=\"cellInfo.value\"\n         [trigger]=\"'hover'\"\n         [controlled]=\"textDiv.clientWidth < textDiv.scrollWidth\"\n         [popMaxWidth]=\"300\"\n         style=\"max-width: 240px; text-overflow: ellipsis; overflow: hidden;\"\n         [ngStyle]=\"{ cursor: textDiv.clientWidth < textDiv.scrollWidth ? 'pointer': 'default'}\">{{cellInfo.value}}</div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'fileCellTemplate'\">\n    <ng-container *ngFor=\"let file of cellInfo.value\">\n      <rs-file-cell-template [template]=\"cellInfo\" [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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$1.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.DxoSearchComponent, selector: "dxo-search", inputs: ["editorOptions", "enabled", "timeout", "mode", "searchExpr"] }, { kind: "component", type: i4.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i4.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.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { kind: "component", type: i4.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "svgToCanvas", "allowExportSelectedData", "texts"] }, { kind: "component", type: i4.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { kind: "component", type: i4.DxoMasterDetailComponent, selector: "dxo-master-detail", inputs: ["autoExpandAll", "enabled", "template"] }, { kind: "component", type: i4.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "label", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i4.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i4.DxoRemoteOperationsComponent, selector: "dxo-remote-operations", inputs: ["filtering", "grouping", "groupPaging", "paging", "sorting", "summary"] }, { kind: "component", type: i4.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i4.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "directive", type: i5$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "directive", type: i3.PopoverDirective, selector: "[dPopover]", inputs: ["content", "controlled", "position", "showAnimation", "showAnimate", "scrollElement", "appendToBody", "zIndex", "popType", "popMaxWidth", "trigger", "hoverToContent", "hoverDelayTime", "popoverStyle", "mouseEnterDelay", "mouseLeaveDelay", "visible"], exportAs: ["dPopover"] }, { kind: "component", type: FileCellTemplateComponent, selector: "rs-file-cell-template", inputs: ["template", "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              [showColumnLines]=\"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>\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\n  <dxo-selection mode=\"multiple\" selectAllMode=\"page\"></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 cellInfo of 'rowIndexTemplate'\">\n    {{cellInfo.rowIndex + 1}}\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\n    <div dPopover #textDiv\n         [content]=\"convertMultipleValueCellText(cellInfo, true)\"\n         [controlled]=\"textDiv.clientWidth < textDiv.scrollWidth\"\n         [popoverStyle]=\"{ backgroundColor: '#fff', color: 'rgb(51, 51, 51)' }\"\n         style=\"text-overflow: ellipsis; overflow: hidden;\"\n         [ngStyle]=\"{ cursor: textDiv.clientWidth < textDiv.scrollWidth ? 'pointer': 'default'}\">\n      {{convertMultipleValueCellText(cellInfo)}}\n    </div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\n    <div dPopover #textDiv\n         [content]=\"cellInfo.value\"\n         [controlled]=\"textDiv.clientWidth < textDiv.scrollWidth\"\n         [popMaxWidth]=\"300\"\n         [popoverStyle]=\"{ backgroundColor: '#fff', color: 'rgb(51, 51, 51)' }\"\n         style=\"text-overflow: ellipsis; overflow: hidden;\"\n         [ngStyle]=\"{ cursor: textDiv.clientWidth < textDiv.scrollWidth ? 'pointer': 'default'}\">{{cellInfo.value}}</div>\n  </div>\n</dx-data-grid>\n", styles: [":host{display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"] }]
+            args: [{ selector: 'rs-data-grid', providers: [DataGridService], template: "<dx-data-grid [dataSource]=\"dataSource\"\n              [columns]=\"columns\"\n              [syncLookupFilterValues]=\"false\"\n              [showBorders]=\"true\"\n              [showColumnLines]=\"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>\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\n  <dxo-selection mode=\"multiple\" selectAllMode=\"page\"></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 dPopover #textDiv\n         [content]=\"cellInfo.value\"\n         [trigger]=\"'hover'\"\n         [controlled]=\"textDiv.clientWidth < textDiv.scrollWidth\"\n         [popMaxWidth]=\"300\"\n         style=\"max-width: 240px; text-overflow: ellipsis; overflow: hidden;\"\n         [ngStyle]=\"{ cursor: textDiv.clientWidth < textDiv.scrollWidth ? 'pointer': 'default'}\">{{cellInfo.value}}</div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'fileCellTemplate'\">\n    <ng-container *ngFor=\"let file of cellInfo.value\">\n      <rs-file-cell-template [template]=\"cellInfo\" [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 }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
@@ -1249,16 +1354,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             }], masterDetailTemplate: [{
                 type: ContentChild,
                 args: [MasterDetailTemplateDirective]
+            }], rowButtonsTemplate: [{
+                type: ContentChild,
+                args: [RowButtonsTemplateDirective]
             }] } });
 
 class DataGridModule {
 }
 DataGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 DataGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: DataGridModule, declarations: [DataGridComponent,
-        MasterDetailTemplateDirective], imports: [CommonModule,
+        MasterDetailTemplateDirective,
+        FileCellTemplateComponent,
+        RowButtonsTemplateDirective], imports: [CommonModule,
         DxDataGridModule,
         DevUIModule], exports: [DataGridComponent,
-        MasterDetailTemplateDirective] });
+        MasterDetailTemplateDirective,
+        RowButtonsTemplateDirective] });
 DataGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridModule, imports: [CommonModule,
         DxDataGridModule,
         DevUIModule] });
@@ -1267,7 +1378,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             args: [{
                     declarations: [
                         DataGridComponent,
-                        MasterDetailTemplateDirective
+                        MasterDetailTemplateDirective,
+                        FileCellTemplateComponent,
+                        RowButtonsTemplateDirective
                     ],
                     imports: [
                         CommonModule,
@@ -1276,7 +1389,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                     ],
                     exports: [
                         DataGridComponent,
-                        MasterDetailTemplateDirective
+                        MasterDetailTemplateDirective,
+                        RowButtonsTemplateDirective
                     ]
                 }]
         }] });
@@ -1290,7 +1404,7 @@ 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: "<form dForm labelSize=\"sm\">\n  <d-form-item>\n    <d-form-label>\u52A8\u6001\u53C2\u6570</d-form-label>\n    <d-form-control>\n      <d-button icon=\"icon-add\" [bsSize]=\"'sm'\" (btnClick)=\"add()\"></d-button>\n    </d-form-control>\n  </d-form-item>\n  <d-form-item>\n    <d-form-label></d-form-label>\n    <d-form-control>\n      <div *ngFor=\"let param of params; let index = index\">\n        <input dTextInput [name]=\"'name' + index\" placeholder=\"\u53C2\u6570\u540D\" [(ngModel)]=\"param.name\"/>\n        <input dTextInput [name]=\"'value' + index\" placeholder=\"\u53C2\u6570\u503C\" [(ngModel)]=\"param.value\"/>\n        <d-button icon=\"icon-close\" [bsStyle]=\"'text'\" (btnClick)=\"delete(index)\"></d-button>\n      </div>\n    </d-form-control>\n  </d-form-item>\n</form>\n", styles: [":host form d-form-item{margin-bottom:8px}:host form d-form-item d-form-control{margin:0}:host form d-form-item d-form-control div{position:relative;display:flex;flex-flow:row nowrap}:host form d-form-item d-form-control div d-button{display:none;position:absolute;left:-30px}:host form d-form-item:hover d-form-control div d-button{display:inline-block!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$2.ButtonComponent, selector: "d-button", inputs: ["id", "type", "bsStyle", "shape", "bsSize", "bsPosition", "bordered", "icon", "disabled", "showLoading", "width", "autofocus", "loadingTemplateRef"], outputs: ["btnClick"] }, { kind: "component", type: i3$1.FormItemComponent, selector: "d-form-item", inputs: ["dFeedbackType", "dHasFeedback"] }, { kind: "component", type: i3$1.FormLabelComponent, selector: "d-form-label", inputs: ["required", "hasHelp", "helpTips"] }, { kind: "component", type: i3$1.FormControlComponent, selector: "d-form-control", inputs: ["extraInfo", "feedbackStatus", "suffixTemplate"] }, { kind: "directive", type: i3$1.FormDirective, selector: "[dForm]", inputs: ["layout", "labelSize", "labelAlign", "dFeedbackType", "dHasFeedback"], outputs: ["dSubmit"], exportAs: ["dForm"] }, { kind: "directive", type: i4$1.TextDirective, selector: "[dTextInput]", inputs: ["error", "size", "styleType"], exportAs: ["dTextInput"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+DynamicParamsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DynamicParamsComponent, selector: "rs-dynamic-params", inputs: { params: "params" }, ngImport: i0, template: "<form dForm labelSize=\"sm\">\n  <d-form-item>\n    <d-form-label>\u52A8\u6001\u53C2\u6570</d-form-label>\n    <d-form-control>\n      <d-button icon=\"icon-add\" [bsSize]=\"'sm'\" (btnClick)=\"add()\"></d-button>\n    </d-form-control>\n  </d-form-item>\n  <d-form-item>\n    <d-form-label></d-form-label>\n    <d-form-control>\n      <div *ngFor=\"let param of params; let index = index\">\n        <input dTextInput [name]=\"'name' + index\" placeholder=\"\u53C2\u6570\u540D\" [(ngModel)]=\"param.name\"/>\n        <input dTextInput [name]=\"'value' + index\" placeholder=\"\u53C2\u6570\u503C\" [(ngModel)]=\"param.value\"/>\n        <d-button icon=\"icon-close\" [bsStyle]=\"'text'\" (btnClick)=\"delete(index)\"></d-button>\n      </div>\n    </d-form-control>\n  </d-form-item>\n</form>\n", styles: [":host form d-form-item{margin-bottom:8px}:host form d-form-item d-form-control{margin:0}:host form d-form-item d-form-control div{position:relative;display:flex;flex-flow:row nowrap}:host form d-form-item d-form-control div d-button{display:none;position:absolute;left:-30px}:host form d-form-item:hover d-form-control div d-button{display:inline-block!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$3.ButtonComponent, selector: "d-button", inputs: ["id", "type", "bsStyle", "shape", "bsSize", "bsPosition", "bordered", "icon", "disabled", "showLoading", "width", "autofocus", "loadingTemplateRef"], outputs: ["btnClick"] }, { kind: "component", type: i3$2.FormItemComponent, selector: "d-form-item", inputs: ["dFeedbackType", "dHasFeedback"] }, { kind: "component", type: i3$2.FormLabelComponent, selector: "d-form-label", inputs: ["required", "hasHelp", "helpTips"] }, { kind: "component", type: i3$2.FormControlComponent, selector: "d-form-control", inputs: ["extraInfo", "feedbackStatus", "suffixTemplate"] }, { kind: "directive", type: i3$2.FormDirective, selector: "[dForm]", inputs: ["layout", "labelSize", "labelAlign", "dFeedbackType", "dHasFeedback"], outputs: ["dSubmit"], exportAs: ["dForm"] }, { kind: "directive", type: i4$1.TextDirective, selector: "[dTextInput]", inputs: ["error", "size", "styleType"], exportAs: ["dTextInput"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DynamicParamsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-dynamic-params', template: "<form dForm labelSize=\"sm\">\n  <d-form-item>\n    <d-form-label>\u52A8\u6001\u53C2\u6570</d-form-label>\n    <d-form-control>\n      <d-button icon=\"icon-add\" [bsSize]=\"'sm'\" (btnClick)=\"add()\"></d-button>\n    </d-form-control>\n  </d-form-item>\n  <d-form-item>\n    <d-form-label></d-form-label>\n    <d-form-control>\n      <div *ngFor=\"let param of params; let index = index\">\n        <input dTextInput [name]=\"'name' + index\" placeholder=\"\u53C2\u6570\u540D\" [(ngModel)]=\"param.name\"/>\n        <input dTextInput [name]=\"'value' + index\" placeholder=\"\u53C2\u6570\u503C\" [(ngModel)]=\"param.value\"/>\n        <d-button icon=\"icon-close\" [bsStyle]=\"'text'\" (btnClick)=\"delete(index)\"></d-button>\n      </div>\n    </d-form-control>\n  </d-form-item>\n</form>\n", styles: [":host form d-form-item{margin-bottom:8px}:host form d-form-item d-form-control{margin:0}:host form d-form-item d-form-control div{position:relative;display:flex;flex-flow:row nowrap}:host form d-form-item d-form-control div d-button{display:none;position:absolute;left:-30px}:host form d-form-item:hover d-form-control div d-button{display:inline-block!important}\n"] }]
@@ -1396,6 +1510,13 @@ class FormComponent {
     submitForm($event) {
         if (!$event.valid) {
             this.submitCallback.emit({ success: false });
+            for (let controlKey in this.formGroup.controls) {
+                const control = this.formGroup.controls[controlKey];
+                if (!control.valid && control.originElement) {
+                    control.originElement.scrollIntoView();
+                    break;
+                }
+            }
             return;
         }
         this.service.createOrUpdate(this.tenant, this.className, {
@@ -1410,7 +1531,7 @@ class FormComponent {
     }
 }
 FormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component });
-FormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FormComponent, selector: "rs-form", inputs: { tenant: "tenant", className: "className", oid: "oid", copyOid: "copyOid", template: "template" }, outputs: { submitCallback: "submitCallback" }, providers: [FormService], viewQueries: [{ propertyName: "formSubmitter", first: true, predicate: ["formSubmitter"], descendants: true }], ngImport: i0, template: "<form dForm [formGroup]=\"formGroup\" [layout]=\"layoutDirection\" (dSubmit)=\"submitForm($event)\"\n      dLoading [loading]=\"loading\">\n  <ng-container *ngIf=\"loaded\">\n    <rs-box-container [config]=\"config\" [formGroup]=\"formGroup\" [model]=\"model\"></rs-box-container>\n  </ng-container>\n  <button #formSubmitter dFormSubmit=\"click\"></button>\n</form>\n", styles: ["form{display:flex;flex-flow:row nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.FormDirective, selector: "[dForm]", inputs: ["layout", "labelSize", "labelAlign", "dFeedbackType", "dHasFeedback"], outputs: ["dSubmit"], exportAs: ["dForm"] }, { kind: "directive", type: i3$1.DFormSubmitDirective, selector: "[dFormSubmit]", inputs: ["dFormSubmit", "dFormSubmitData"] }, { kind: "directive", type: i4$2.LoadingDirective, selector: "[dLoading]", inputs: ["backdrop", "message", "positionType", "showLoading", "view", "zIndex", "loading", "loadingStyle", "loadingTemplateRef"], exportAs: ["dLoading"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BoxContainerComponent, selector: "rs-box-container", inputs: ["editMode", "config", "formGroup", "model", "tabViewContainerRef"] }] });
+FormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FormComponent, selector: "rs-form", inputs: { tenant: "tenant", className: "className", oid: "oid", copyOid: "copyOid", template: "template" }, outputs: { submitCallback: "submitCallback" }, providers: [FormService], viewQueries: [{ propertyName: "formSubmitter", first: true, predicate: ["formSubmitter"], descendants: true }], ngImport: i0, template: "<form dForm [formGroup]=\"formGroup\" [layout]=\"layoutDirection\" (dSubmit)=\"submitForm($event)\"\n      dLoading [loading]=\"loading\">\n  <ng-container *ngIf=\"loaded\">\n    <rs-box-container [config]=\"config\" [formGroup]=\"formGroup\" [model]=\"model\"></rs-box-container>\n  </ng-container>\n  <button #formSubmitter dFormSubmit=\"click\"></button>\n</form>\n", styles: ["form{display:flex;flex-flow:row nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.FormDirective, selector: "[dForm]", inputs: ["layout", "labelSize", "labelAlign", "dFeedbackType", "dHasFeedback"], outputs: ["dSubmit"], exportAs: ["dForm"] }, { kind: "directive", type: i3$2.DFormSubmitDirective, selector: "[dFormSubmit]", inputs: ["dFormSubmit", "dFormSubmitData"] }, { kind: "directive", type: i4$2.LoadingDirective, selector: "[dLoading]", inputs: ["backdrop", "message", "positionType", "showLoading", "view", "zIndex", "loading", "loadingStyle", "loadingTemplateRef"], exportAs: ["dLoading"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BoxContainerComponent, selector: "rs-box-container", inputs: ["editMode", "config", "formGroup", "model", "tabViewContainerRef"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-form', providers: [FormService], template: "<form dForm [formGroup]=\"formGroup\" [layout]=\"layoutDirection\" (dSubmit)=\"submitForm($event)\"\n      dLoading [loading]=\"loading\">\n  <ng-container *ngIf=\"loaded\">\n    <rs-box-container [config]=\"config\" [formGroup]=\"formGroup\" [model]=\"model\"></rs-box-container>\n  </ng-container>\n  <button #formSubmitter dFormSubmit=\"click\"></button>\n</form>\n", styles: ["form{display:flex;flex-flow:row nowrap}\n"] }]
@@ -1674,5 +1795,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BoxContainerComponent, BoxContainerModule, DataGridComponent, DataGridModule, DataGridService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PluginManager };
+export { BoxContainerComponent, BoxContainerModule, DataGridComponent, DataGridModule, DataGridService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PluginManager, RowButtonsTemplateDirective };
 //# sourceMappingURL=ngx-rs-ant.mjs.map