ngx-rs-ant 1.3.6 → 1.3.8

package/fesm2015/ngx-rs-ant.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Component, Input, HostBinding, EventEmitter, Output, HostListener, ViewContainerRef, ViewChild, Directive, ViewChildren, NgModule, Injectable, ContentChild } from '@angular/core';
 import { PluginFactory } from 'coast-plugin-register';
 import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, formatDate } from '@angular/common';
 import { Subject, ReplaySubject, Subscription, map, shareReplay, lastValueFrom, debounceTime, interval } from 'rxjs';
 import * as i2 from 'devextreme-angular/ui/number-box';
 import * as i2$1 from 'devextreme-angular/ui/draggable';
@@ -20,10 +20,10 @@ import CustomStore from 'devextreme/data/custom_store';
 import * as i3 from 'devextreme-angular/core';
 import * as i5$1 from 'devextreme-angular/ui/data-grid';
 import * as i5 from 'devextreme-angular/ui/tooltip';
-import * as i2$2 from '@angular/platform-browser';
-import * as i3$1 from 'devextreme-angular/ui/accordion';
 import { __awaiter } from 'tslib';
 import notify from 'devextreme/ui/notify';
+import * as i2$2 from '@angular/platform-browser';
+import * as i3$1 from 'devextreme-angular/ui/accordion';
 import * as i7 from 'devextreme-angular/ui/validation-group';
 import * as i4$1 from 'devextreme-angular/ui/text-box';
 import * as i4$2 from 'devextreme-angular/ui/popover';
@@ -2331,6 +2331,7 @@ class DataGridFactory {
                             cssClass: 'cell-vertical-middle',
                             allowHeaderFiltering: false,
                             allowFiltering: false,
+                            allowSorting: false,
                             visible: field.visible,
                             fixed: field.fixed
                         };
@@ -2356,7 +2357,7 @@ class DataGridFactory {
         });
         return result;
     }
-    makeDataGridDataSource(tenant, className, view, extraFilter) {
+    makeDataGridDataSource(tenant, className, view, extraFilter, dataGridName) {
         return new CustomStore({
             key: 'oid',
             byKey: (key) => {
@@ -2406,7 +2407,11 @@ class DataGridFactory {
                 if (filter) {
                     params += '&filter=' + encodeURIComponent(JSON.stringify(filter));
                 }
-                return lastValueFrom(this.service.getMany(tenant, className, params + '&view=' + (view || '')));
+                params += '&view=' + view || '';
+                if (dataGridName) {
+                    params += '&dataGridName=' + dataGridName;
+                }
+                return lastValueFrom(this.service.getMany(tenant, className, params));
             }
         });
     }
@@ -2420,6 +2425,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
 
+function notify_error(message) {
+    notify({
+        displayTime: 12000,
+        message,
+        type: 'error',
+        width: '300px'
+    }, {
+        direction: 'up-push',
+        position: 'bottom right'
+    });
+}
+function notify_warning(message) {
+    notify({
+        displayTime: 8000,
+        message,
+        type: 'warning',
+        width: '300px'
+    }, {
+        direction: 'up-push',
+        position: 'bottom right'
+    });
+}
+function notify_success(message) {
+    notify({
+        displayTime: 4000,
+        message,
+        type: 'success',
+        width: '300px'
+    }, {
+        direction: 'down-push',
+        position: 'top right'
+    });
+}
+function format_date(date, locale) {
+    return formatDate(date, 'yyyy/MM/dd', locale, 'GMT+8');
+}
+function format_datetime(date, locale) {
+    return formatDate(date, 'yyyy/MM/dd HH:mm:ss', locale, 'GMT+8');
+}
+function file_type_icon(name) {
+    const type = name.substring(name.lastIndexOf('.') + 1).toLocaleLowerCase();
+    switch (type) {
+        case 'xls':
+        case 'xlsx':
+            return 'excel';
+        case 'doc':
+        case 'docx':
+            return 'word';
+        case 'ppt':
+        case 'pptx':
+            return 'ppt';
+        case 'pdf':
+            return 'pdf';
+        case 'txt':
+        case 'csv':
+        case 'xml':
+        case 'json':
+        case 'js':
+            return 'text';
+        case 'jpg':
+        case 'jpeg':
+        case 'png':
+        case 'gif':
+            return 'image';
+        case 'zip':
+        case 'rar':
+        case '7z':
+        case 'jar':
+            return 'zip';
+        default:
+            return 'unknown';
+    }
+}
+function format_file_size(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];
+}
+function validate(validator) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return new Promise(resolve => {
+            var _a;
+            const validateResult = validator.instance.validate();
+            if (!validateResult.isValid) {
+                resolve(false);
+            }
+            if (validateResult.status === 'pending') {
+                (_a = validateResult.complete) === null || _a === void 0 ? void 0 : _a.then((result) => {
+                    if (result.isValid) {
+                        resolve(true);
+                    }
+                    else {
+                        resolve(false);
+                    }
+                });
+            }
+            else {
+                resolve(true);
+            }
+        });
+    });
+}
+function validate_group(validationGroup) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const top = validationGroup.element.nativeElement;
+        let sourceNode;
+        const targetClassName = 'dx-field';
+        const findTargetNode = (node) => {
+            sourceNode = node;
+            while (true) {
+                if (node.classList.contains(targetClassName)) {
+                    return node;
+                }
+                else {
+                    node = node.parentElement;
+                    if (node === top) {
+                        return sourceNode;
+                    }
+                }
+            }
+        };
+        return new Promise(resolve => {
+            var _a, _b;
+            const validateResult = validationGroup.instance.validate();
+            if (!validateResult.isValid) {
+                const brokenElement = ((_a = validateResult.brokenRules) === null || _a === void 0 ? void 0 : _a[0]).validator.element();
+                findTargetNode(brokenElement).scrollIntoView();
+                resolve(false);
+            }
+            if (validateResult.status === 'pending') {
+                (_b = validateResult.complete) === null || _b === void 0 ? void 0 : _b.then((result) => {
+                    var _a;
+                    if (result.isValid) {
+                        resolve(true);
+                    }
+                    else {
+                        const brokenElement = ((_a = result.brokenRules) === null || _a === void 0 ? void 0 : _a[0]).validator.element();
+                        findTargetNode(brokenElement).scrollIntoView();
+                        resolve(false);
+                    }
+                });
+            }
+            else {
+                resolve(true);
+            }
+        });
+    });
+}
+
 class FileCellTemplateComponent {
     constructor(service, domSanitizer) {
         this.service = service;
@@ -2434,11 +2593,11 @@ class FileCellTemplateComponent {
                 <table>
                     <tr>
                         <td style="text-align: right;">名称：</td>
-                        <td style="text-align: left;">${this.file.fileName}</td>
+                        <td style="text-align: left;">${this.filename}</td>
                     </tr>
                     <tr>
                         <td style="text-align: right;">大小：</td>
-                        <td style="text-align: left;">${this.getFileSize(this.file.fileSize)}</td>
+                        <td style="text-align: left;">${format_file_size(this.file.fileSize)}</td>
                     </tr>
                     <tr>
                         <td style="text-align: right;">时间：</td>
@@ -2446,46 +2605,7 @@ class FileCellTemplateComponent {
                     </tr>
                 </table>
       `);
-            const type = this.file.fileName.substring(this.file.fileName.lastIndexOf('.') + 1).toLocaleLowerCase();
-            switch (type) {
-                case 'xls':
-                case 'xlsx':
-                    this.icon = 'excel';
-                    break;
-                case 'doc':
-                case 'docx':
-                    this.icon = 'word';
-                    break;
-                case 'ppt':
-                case 'pptx':
-                    this.icon = 'ppt';
-                    break;
-                case 'pdf':
-                    this.icon = 'pdf';
-                    break;
-                case 'txt':
-                case 'csv':
-                case 'xml':
-                case 'json':
-                case 'js':
-                    this.icon = 'text';
-                    break;
-                case 'jpg':
-                case 'jpeg':
-                case 'png':
-                case 'gif':
-                    this.icon = 'image';
-                    break;
-                case 'zip':
-                case 'rar':
-                case '7z':
-                case 'jar':
-                    this.icon = 'zip';
-                    break;
-                default:
-                    this.icon = 'unknown';
-                    break;
-            }
+            this.icon = file_type_icon(this.filename);
             // 重绘表格宽高
             setTimeout(() => {
                 //this.table.resize();
@@ -2499,22 +2619,12 @@ class FileCellTemplateComponent {
             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: "<dx-button #fileBtn type=\"default\" stylingMode=\"text\">\n  <i class=\"coast-icon-file-{{icon}}\" style=\"padding-right: 4px;\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn.instance.element()\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'click'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div [innerHTML]=\"content\"></div>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-download\" text=\"\u4E0B\u8F7D\"\n                 (onClick)=\"download()\" [disabled]=\"loading\"></dx-button>\n    </div>\n  </dx-tooltip>\n</dx-button><br/>\n", styles: [":host{height:20px;padding-right:4px}:host button{color:var(--coast-default-color, #337ab7)}\n"], dependencies: [{ kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i4.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: i5.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"] }] });
+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: "<dx-button #fileBtn type=\"default\" stylingMode=\"text\">\n  <i class=\"coast-icon-file-{{icon}}\" style=\"padding-right: 4px;\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn.instance.element()\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'click'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div [innerHTML]=\"content\"></div>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-download\" text=\"\u4E0B\u8F7D\"\n                 (onClick)=\"download()\" [disabled]=\"loading\"></dx-button>\n    </div>\n  </dx-tooltip>\n</dx-button><br/>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i4.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: i5.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: "<dx-button #fileBtn type=\"default\" stylingMode=\"text\">\n  <i class=\"coast-icon-file-{{icon}}\" style=\"padding-right: 4px;\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn.instance.element()\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'click'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div [innerHTML]=\"content\"></div>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-download\" text=\"\u4E0B\u8F7D\"\n                 (onClick)=\"download()\" [disabled]=\"loading\"></dx-button>\n    </div>\n  </dx-tooltip>\n</dx-button><br/>\n", styles: [":host{height:20px;padding-right:4px}:host button{color:var(--coast-default-color, #337ab7)}\n"] }]
+            args: [{ selector: 'rs-file-cell-template', template: "<dx-button #fileBtn type=\"default\" stylingMode=\"text\">\n  <i class=\"coast-icon-file-{{icon}}\" style=\"padding-right: 4px;\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn.instance.element()\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'click'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div [innerHTML]=\"content\"></div>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-download\" text=\"\u4E0B\u8F7D\"\n                 (onClick)=\"download()\" [disabled]=\"loading\"></dx-button>\n    </div>\n  </dx-tooltip>\n</dx-button><br/>\n" }]
         }], ctorParameters: function () { return [{ type: DataGridService }, { type: i2$2.DomSanitizer }]; }, propDecorators: { table: [{
                 type: Input
             }], oid: [{
@@ -2626,7 +2736,7 @@ class DataGridComponent {
             }
             this.columns = columns;
         });
-        this.dataSource = this.factory.makeDataGridDataSource(this.tenant, this.className, this.view, this.filter);
+        this.dataSource = this.factory.makeDataGridDataSource(this.tenant, this.className, this.view, this.filter, this.dataGridName);
     }
     convertMultipleValueCellText(cellInfo) {
         if (!cellInfo.value) {
@@ -2686,7 +2796,7 @@ class DataGridComponent {
     }
 }
 DataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridComponent, deps: [{ token: DataGridFactory }, { 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", 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 }, { propertyName: "instanceLinkTemplate", first: true, predicate: InstanceLinkTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dxDataGrid", first: true, predicate: DxDataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<dx-data-grid [dataSource]=\"dataSource\"\r\n              [columns]=\"columns\"\r\n              [syncLookupFilterValues]=\"false\"\r\n              [showBorders]=\"true\"\r\n              [showRowLines]=\"true\"\r\n              [hoverStateEnabled]=\"true\"\r\n              [rowAlternationEnabled]=\"true\"\r\n              [columnAutoWidth]=\"true\"\r\n              [allowColumnResizing]=\"true\"\r\n              columnResizingMode=\"widget\"\r\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\r\n              (onCellPrepared)=\"onCellPrepared($event)\"\r\n              (onEditorPreparing)=\"onEditorPreparing($event)\"\r\n              (onContentReady)=\"onContentReady($event)\"\r\n              (onSelectionChanged)=\"onSelectionChanged($event)\"\r\n              (onRowExpanding)=\"$event.component.collapseAll(-1)\">\r\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\r\n  <dxo-selection [mode]=\"selectionMode\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\r\n  <dxo-header-filter [visible]=\"true\">\r\n    <dxo-search [enabled]=\"true\"></dxo-search>\r\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\r\n  </dxo-header-filter>\r\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\r\n  <dxo-remote-operations [filtering]=\"true\"\r\n                         [sorting]=\"true\"\r\n                         [paging]=\"true\">\r\n  </dxo-remote-operations>\r\n  <dxo-master-detail [enabled]=\"enableMasterDetail\" template=\"masterDetailTemplate\"></dxo-master-detail>\r\n  <dxo-paging [pageSize]=\"15\"></dxo-paging>\r\n  <dxo-pager [visible]=\"true\"\r\n             [showInfo]=\"true\"\r\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\r\n             [showPageSizeSelector]=\"true\"\r\n             [allowedPageSizes]=\"[15, 30, 50]\"\r\n  ></dxo-pager>\r\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\r\n  <div *dxTemplate=\"let cellInfo of 'masterDetailTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"masterDetailTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowButtonsTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'instanceLinkTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"instanceLinkTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\r\n    {{cellInfo.rowIndex + 1}}\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\r\n    <div [innerHTML]=\"convertMultipleValueCellText(cellInfo)\"></div>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\r\n    <div #textDiv style=\"text-overflow: ellipsis; overflow: hidden; cursor: pointer;\">{{cellInfo.value}}</div>\r\n    <dx-tooltip [target]=\"textDiv\"\r\n                [position]=\"'top'\"\r\n                [showEvent]=\"'click'\">\r\n      <div *dxTemplate=\"let data of 'content'\">\r\n        <p style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerText]=\"cellInfo.value\"></p>\r\n      </div>\r\n    </dx-tooltip>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'fileCellTemplate'\">\r\n    <ng-container *ngFor=\"let file of cellInfo.value\">\r\n      <rs-file-cell-template [table]=\"cellInfo.component\" [oid]=\"file\"></rs-file-cell-template>\r\n    </ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'userCellTemplate'\">\r\n    <ng-container *ngFor=\"let user of getOriginalValue(cellInfo, 'userInfo')\">\r\n      <rs-user-info-template [table]=\"cellInfo.component\" [uid]=\"user\"></rs-user-info-template>\r\n    </ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'unitCellTemplate'\">\r\n    <ng-container *ngFor=\"let unit of getOriginalValue(cellInfo, 'unitInfo')\">\r\n      <rs-unit-info-template [table]=\"cellInfo.component\" [uid]=\"unit\"></rs-unit-info-template>\r\n    </ng-container>\r\n  </div>\r\n</dx-data-grid>\r\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: i5$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: i6$1.DxoSearchComponent, selector: "dxo-search", inputs: ["editorOptions", "enabled", "timeout", "mode", "searchExpr"] }, { kind: "component", type: i6$1.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i6$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: i6$1.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { kind: "component", type: i6$1.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { kind: "component", type: i6$1.DxoMasterDetailComponent, selector: "dxo-master-detail", inputs: ["autoExpandAll", "enabled", "template"] }, { kind: "component", type: i6$1.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "label", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i6$1.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6$1.DxoRemoteOperationsComponent, selector: "dxo-remote-operations", inputs: ["filtering", "grouping", "groupPaging", "paging", "sorting", "summary"] }, { kind: "component", type: i6$1.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i6$1.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: i5.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"] }, { kind: "component", type: UserInfoTemplateComponent, selector: "rs-user-info-template", inputs: ["table", "uid"] }, { kind: "component", type: UnitInfoTemplateComponent, selector: "rs-unit-info-template", inputs: ["table", "uid"] }] });
+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", dataGridName: "dataGridName", 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 }, { propertyName: "instanceLinkTemplate", first: true, predicate: InstanceLinkTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dxDataGrid", first: true, predicate: DxDataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<dx-data-grid [dataSource]=\"dataSource\"\r\n              [columns]=\"columns\"\r\n              [syncLookupFilterValues]=\"false\"\r\n              [showBorders]=\"true\"\r\n              [showRowLines]=\"true\"\r\n              [hoverStateEnabled]=\"true\"\r\n              [rowAlternationEnabled]=\"true\"\r\n              [columnAutoWidth]=\"true\"\r\n              [allowColumnResizing]=\"true\"\r\n              columnResizingMode=\"widget\"\r\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\r\n              (onCellPrepared)=\"onCellPrepared($event)\"\r\n              (onEditorPreparing)=\"onEditorPreparing($event)\"\r\n              (onContentReady)=\"onContentReady($event)\"\r\n              (onSelectionChanged)=\"onSelectionChanged($event)\"\r\n              (onRowExpanding)=\"$event.component.collapseAll(-1)\">\r\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\r\n  <dxo-selection [mode]=\"selectionMode\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\r\n  <dxo-header-filter [visible]=\"true\">\r\n    <dxo-search [enabled]=\"true\"></dxo-search>\r\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\r\n  </dxo-header-filter>\r\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\r\n  <dxo-remote-operations [filtering]=\"true\"\r\n                         [sorting]=\"true\"\r\n                         [paging]=\"true\">\r\n  </dxo-remote-operations>\r\n  <dxo-master-detail [enabled]=\"enableMasterDetail\" template=\"masterDetailTemplate\"></dxo-master-detail>\r\n  <dxo-paging [pageSize]=\"15\"></dxo-paging>\r\n  <dxo-pager [visible]=\"true\"\r\n             [showInfo]=\"true\"\r\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\r\n             [showPageSizeSelector]=\"true\"\r\n             [allowedPageSizes]=\"[15, 30, 50]\"\r\n  ></dxo-pager>\r\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\r\n  <div *dxTemplate=\"let cellInfo of 'masterDetailTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"masterDetailTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowButtonsTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'instanceLinkTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"instanceLinkTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\r\n    {{cellInfo.rowIndex + 1}}\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\r\n    <div [innerHTML]=\"convertMultipleValueCellText(cellInfo)\"></div>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\r\n    <div #textDiv style=\"text-overflow: ellipsis; overflow: hidden; cursor: pointer;\">{{cellInfo.value}}</div>\r\n    <dx-tooltip [target]=\"textDiv\"\r\n                [position]=\"'top'\"\r\n                [showEvent]=\"'click'\">\r\n      <div *dxTemplate=\"let data of 'content'\">\r\n        <p style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerText]=\"cellInfo.value\"></p>\r\n      </div>\r\n    </dx-tooltip>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'fileCellTemplate'\">\r\n    <ng-container *ngFor=\"let file of cellInfo.value\">\r\n      <rs-file-cell-template [table]=\"cellInfo.component\" [oid]=\"file\"></rs-file-cell-template>\r\n    </ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'userCellTemplate'\">\r\n    <ng-container *ngFor=\"let user of getOriginalValue(cellInfo, 'userInfo')\">\r\n      <rs-user-info-template [table]=\"cellInfo.component\" [uid]=\"user\"></rs-user-info-template>\r\n    </ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'unitCellTemplate'\">\r\n    <ng-container *ngFor=\"let unit of getOriginalValue(cellInfo, 'unitInfo')\">\r\n      <rs-unit-info-template [table]=\"cellInfo.component\" [uid]=\"unit\"></rs-unit-info-template>\r\n    </ng-container>\r\n  </div>\r\n</dx-data-grid>\r\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: i5$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: i6$1.DxoSearchComponent, selector: "dxo-search", inputs: ["editorOptions", "enabled", "timeout", "mode", "searchExpr"] }, { kind: "component", type: i6$1.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i6$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: i6$1.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { kind: "component", type: i6$1.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { kind: "component", type: i6$1.DxoMasterDetailComponent, selector: "dxo-master-detail", inputs: ["autoExpandAll", "enabled", "template"] }, { kind: "component", type: i6$1.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "label", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i6$1.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6$1.DxoRemoteOperationsComponent, selector: "dxo-remote-operations", inputs: ["filtering", "grouping", "groupPaging", "paging", "sorting", "summary"] }, { kind: "component", type: i6$1.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i6$1.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: i5.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"] }, { kind: "component", type: UserInfoTemplateComponent, selector: "rs-user-info-template", inputs: ["table", "uid"] }, { kind: "component", type: UnitInfoTemplateComponent, selector: "rs-unit-info-template", inputs: ["table", "uid"] }] });
 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\"\r\n              [columns]=\"columns\"\r\n              [syncLookupFilterValues]=\"false\"\r\n              [showBorders]=\"true\"\r\n              [showRowLines]=\"true\"\r\n              [hoverStateEnabled]=\"true\"\r\n              [rowAlternationEnabled]=\"true\"\r\n              [columnAutoWidth]=\"true\"\r\n              [allowColumnResizing]=\"true\"\r\n              columnResizingMode=\"widget\"\r\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\r\n              (onCellPrepared)=\"onCellPrepared($event)\"\r\n              (onEditorPreparing)=\"onEditorPreparing($event)\"\r\n              (onContentReady)=\"onContentReady($event)\"\r\n              (onSelectionChanged)=\"onSelectionChanged($event)\"\r\n              (onRowExpanding)=\"$event.component.collapseAll(-1)\">\r\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\r\n  <dxo-selection [mode]=\"selectionMode\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\r\n  <dxo-header-filter [visible]=\"true\">\r\n    <dxo-search [enabled]=\"true\"></dxo-search>\r\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\r\n  </dxo-header-filter>\r\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\r\n  <dxo-remote-operations [filtering]=\"true\"\r\n                         [sorting]=\"true\"\r\n                         [paging]=\"true\">\r\n  </dxo-remote-operations>\r\n  <dxo-master-detail [enabled]=\"enableMasterDetail\" template=\"masterDetailTemplate\"></dxo-master-detail>\r\n  <dxo-paging [pageSize]=\"15\"></dxo-paging>\r\n  <dxo-pager [visible]=\"true\"\r\n             [showInfo]=\"true\"\r\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\r\n             [showPageSizeSelector]=\"true\"\r\n             [allowedPageSizes]=\"[15, 30, 50]\"\r\n  ></dxo-pager>\r\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\r\n  <div *dxTemplate=\"let cellInfo of 'masterDetailTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"masterDetailTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowButtonsTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'instanceLinkTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"instanceLinkTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\r\n    {{cellInfo.rowIndex + 1}}\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\r\n    <div [innerHTML]=\"convertMultipleValueCellText(cellInfo)\"></div>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\r\n    <div #textDiv style=\"text-overflow: ellipsis; overflow: hidden; cursor: pointer;\">{{cellInfo.value}}</div>\r\n    <dx-tooltip [target]=\"textDiv\"\r\n                [position]=\"'top'\"\r\n                [showEvent]=\"'click'\">\r\n      <div *dxTemplate=\"let data of 'content'\">\r\n        <p style=\"max-width: 320px; text-align: left; white-space: normal;\" [innerText]=\"cellInfo.value\"></p>\r\n      </div>\r\n    </dx-tooltip>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'fileCellTemplate'\">\r\n    <ng-container *ngFor=\"let file of cellInfo.value\">\r\n      <rs-file-cell-template [table]=\"cellInfo.component\" [oid]=\"file\"></rs-file-cell-template>\r\n    </ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'userCellTemplate'\">\r\n    <ng-container *ngFor=\"let user of getOriginalValue(cellInfo, 'userInfo')\">\r\n      <rs-user-info-template [table]=\"cellInfo.component\" [uid]=\"user\"></rs-user-info-template>\r\n    </ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'unitCellTemplate'\">\r\n    <ng-container *ngFor=\"let unit of getOriginalValue(cellInfo, 'unitInfo')\">\r\n      <rs-unit-info-template [table]=\"cellInfo.component\" [uid]=\"unit\"></rs-unit-info-template>\r\n    </ng-container>\r\n  </div>\r\n</dx-data-grid>\r\n", styles: [":host{display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"] }]
@@ -2700,6 +2810,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Input
             }], enableMasterDetail: [{
                 type: Input
+            }], dataGridName: [{
+                type: Input
             }], selectionMode: [{
                 type: Input
             }], customColumnFn: [{
@@ -2836,114 +2948,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
 
-function notify_error(message) {
-    notify({
-        displayTime: 12000,
-        message,
-        type: 'error',
-        width: '300px'
-    }, {
-        direction: 'up-push',
-        position: 'bottom right'
-    });
-}
-function notify_warning(message) {
-    notify({
-        displayTime: 8000,
-        message,
-        type: 'warning',
-        width: '300px'
-    }, {
-        direction: 'up-push',
-        position: 'bottom right'
-    });
-}
-function notify_success(message) {
-    notify({
-        displayTime: 4000,
-        message,
-        type: 'success',
-        width: '300px'
-    }, {
-        direction: 'down-push',
-        position: 'top right'
-    });
-}
-function validate(validator) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise(resolve => {
-            var _a;
-            const validateResult = validator.instance.validate();
-            if (!validateResult.isValid) {
-                resolve(false);
-            }
-            if (validateResult.status === 'pending') {
-                (_a = validateResult.complete) === null || _a === void 0 ? void 0 : _a.then((result) => {
-                    if (result.isValid) {
-                        resolve(true);
-                    }
-                    else {
-                        resolve(false);
-                    }
-                });
-            }
-            else {
-                resolve(true);
-            }
-        });
-    });
-}
-function validate_group(validationGroup) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const top = validationGroup.element.nativeElement;
-        let sourceNode;
-        const targetClassName = 'dx-field';
-        const findTargetNode = (node) => {
-            sourceNode = node;
-            while (true) {
-                if (node.classList.contains(targetClassName)) {
-                    return node;
-                }
-                else {
-                    node = node.parentElement;
-                    if (node === top) {
-                        return sourceNode;
-                    }
-                }
-            }
-        };
-        return new Promise(resolve => {
-            var _a, _b;
-            const validateResult = validationGroup.instance.validate();
-            if (!validateResult.isValid) {
-                const brokenElement = ((_a = validateResult.brokenRules) === null || _a === void 0 ? void 0 : _a[0]).validator.element();
-                findTargetNode(brokenElement).scrollIntoView();
-                resolve(false);
-            }
-            if (validateResult.status === 'pending') {
-                (_b = validateResult.complete) === null || _b === void 0 ? void 0 : _b.then((result) => {
-                    var _a;
-                    if (result.isValid) {
-                        resolve(true);
-                    }
-                    else {
-                        const brokenElement = ((_a = result.brokenRules) === null || _a === void 0 ? void 0 : _a[0]).validator.element();
-                        findTargetNode(brokenElement).scrollIntoView();
-                        resolve(false);
-                    }
-                });
-            }
-            else {
-                resolve(true);
-            }
-        });
-    });
-}
-
 class FormComponent {
-    constructor(viewContainerRef, service) {
+    constructor(viewContainerRef, service, elementRef) {
         this.viewContainerRef = viewContainerRef;
         this.service = service;
+        this.elementRef = elementRef;
         this.tenant = 'T';
         this.onlyFrontEnd = false; // 仅前端，不通过oid获取实例model
         this.readonly = false;
@@ -3011,6 +3020,12 @@ class FormComponent {
             }
         });
     }
+    scrollToAnchorPoint(anchorPointId) {
+        const points = this.elementRef.nativeElement.getElementsByClassName('__anchor_point_' + anchorPointId);
+        if (points.length > 0) {
+            points[0].scrollIntoView();
+        }
+    }
     validate() {
         return validate_group(this.validator);
     }
@@ -3018,12 +3033,12 @@ class FormComponent {
         this.formSubmitter.instance.element().click();
     }
 }
-FormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormComponent, deps: [{ token: i0.ViewContainerRef }, { token: FormService }], target: i0.ɵɵFactoryTarget.Component });
+FormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormComponent, deps: [{ token: i0.ViewContainerRef }, { token: FormService }, { token: i0.ElementRef }], 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", extraAttrMap: "extraAttrMap", params: "params", tabViewContainerRef: "tabViewContainerRef", onlyFrontEnd: "onlyFrontEnd", model: "model", readonly: "readonly" }, outputs: { submitCallback: "submitCallback" }, providers: [FormService], viewQueries: [{ propertyName: "validator", first: true, predicate: DxValidationGroupComponent, descendants: true }, { propertyName: "formSubmitter", first: true, predicate: ["formSubmitter"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\r\n               [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<dx-validation-group *ngIf=\"!loading\">\r\n  <rs-box-container [config]=\"config\"\r\n                    [model]=\"model\"\r\n                    [params]=\"params\"\r\n                    [tabViewContainerRef]=\"tabViewContainerRef\"\r\n                    [readonly]=\"readonly\"></rs-box-container>\r\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\r\n</dx-validation-group>\r\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:row nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BoxContainerComponent, selector: "rs-box-container", inputs: ["config", "model", "params", "readonly", "tabViewContainerRef"] }, { kind: "component", type: i6$1.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i4.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: i6.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "copyRootClassesToWrapper", "deferRendering", "delay", "elementAttr", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "delayChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i7.DxValidationGroupComponent, selector: "dx-validation-group", inputs: ["elementAttr", "height", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "widthChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-form', providers: [FormService], template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\r\n               [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<dx-validation-group *ngIf=\"!loading\">\r\n  <rs-box-container [config]=\"config\"\r\n                    [model]=\"model\"\r\n                    [params]=\"params\"\r\n                    [tabViewContainerRef]=\"tabViewContainerRef\"\r\n                    [readonly]=\"readonly\"></rs-box-container>\r\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\r\n</dx-validation-group>\r\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:row nowrap}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: FormService }]; }, propDecorators: { tenant: [{
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: FormService }, { type: i0.ElementRef }]; }, propDecorators: { tenant: [{
                 type: Input
             }], className: [{
                 type: Input
@@ -3716,5 +3731,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BoxContainerComponent, BoxContainerModule, CamundaBpmnEditorComponent, CamundaBpmnEditorModule, ChangeFilter, CodeEditorComponent, CodeEditorModule, DataDetailComponent, DataDetailModule, DataGridComponent, DataGridFactory, DataGridModule, DataGridService, DrawerComponent, DrawerModule, DrawerService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, IconSelectorComponent, IconSelectorModule, InstanceLinkTemplateDirective, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PluginManager, RowButtonsTemplateDirective, TooltipContentTemplateDirective, WebsocketModule, WebsocketService, notify_error, notify_success, notify_warning, validate, validate_group };
+export { BoxContainerComponent, BoxContainerModule, CamundaBpmnEditorComponent, CamundaBpmnEditorModule, ChangeFilter, CodeEditorComponent, CodeEditorModule, DataDetailComponent, DataDetailModule, DataGridComponent, DataGridFactory, DataGridModule, DataGridService, DrawerComponent, DrawerModule, DrawerService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, IconSelectorComponent, IconSelectorModule, InstanceLinkTemplateDirective, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PluginManager, RowButtonsTemplateDirective, TooltipContentTemplateDirective, WebsocketModule, WebsocketService, file_type_icon, format_date, format_datetime, format_file_size, notify_error, notify_success, notify_warning, validate, validate_group };
 //# sourceMappingURL=ngx-rs-ant.mjs.map