ngx-rs-ant 0.10.2 → 0.10.6

package/fesm2020/ngx-rs-ant.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, HostBinding, EventEmitter, Output, HostListener, ViewContainerRef, ViewChild, Directive, ViewChildren, NgModule, Injectable, LOCALE_ID, Inject, ContentChild } 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';
@@ -911,8 +911,10 @@ class FileCellTemplateComponent {
                     this.icon = 'file';
                     break;
             }
-            // 重绘，自适应列宽
-            this.template.component.resize();
+            // 重绘表格宽高
+            setTimeout(() => {
+                this.table.resize();
+            });
         });
     }
     download() {
@@ -933,20 +935,19 @@ class FileCellTemplateComponent {
     }
 }
 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"] }] });
+FileCellTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FileCellTemplateComponent, selector: "rs-file-cell-template", inputs: { table: "table", oid: "oid" }, ngImport: i0, template: "<button (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: [{
+        }], ctorParameters: function () { return [{ type: DataGridService }, { type: i2$2.DomSanitizer }]; }, propDecorators: { table: [{
                 type: Input
             }], oid: [{
                 type: Input
             }] } });
 
 class DataGridComponent {
-    constructor(service, locale) {
+    constructor(service) {
         this.service = service;
-        this.locale = locale;
         this.enableMasterDetail = false;
         this.dataSource = {};
         this.columns = [];
@@ -988,7 +989,7 @@ class DataGridComponent {
     }
     reload() {
         this.columns.length = 0;
-        this.service.getMetadataByView(this.tenant, this.className, this.view || '').subscribe((response) => {
+        this.service.getMetadataByView(this.tenant, this.className, this.view || '').subscribe(response => {
             const columns = [];
             for (let field of response.data.columns) {
                 switch (field.type) {
@@ -1002,7 +1003,8 @@ class DataGridComponent {
                             allowFiltering: false,
                             allowSorting: false,
                             cellTemplate: 'fileCellTemplate',
-                            visible: field.visible
+                            visible: field.visible,
+                            fixed: field.fixed
                         });
                         break;
                     case 'NORMAL':
@@ -1017,7 +1019,8 @@ class DataGridComponent {
                             },
                             filterOperations: this.typeMap[field.dataType].filterOperations,
                             format: this.typeMap[field.dataType].format,
-                            visible: field.visible
+                            visible: field.visible,
+                            fixed: field.fixed
                         };
                         columns.push(column);
                         switch (field.dataType) {
@@ -1217,6 +1220,7 @@ class DataGridComponent {
                                 break;
                             case 'TEXT':
                                 column.allowHeaderFiltering = false;
+                                column.width = 240;
                                 column.cellTemplate = 'textCellTemplate';
                                 break;
                         }
@@ -1232,7 +1236,8 @@ class DataGridComponent {
                                     alignment: 'left',
                                     allowHeaderFiltering: false,
                                     allowFiltering: false,
-                                    visible: field.visible
+                                    visible: field.visible,
+                                    fixed: field.fixed
                                 });
                                 break;
                             case 'MANY_TO_ONE':
@@ -1244,7 +1249,8 @@ class DataGridComponent {
                                     alignment: 'left',
                                     allowHeaderFiltering: false,
                                     filterOperations: ['='],
-                                    visible: field.visible
+                                    visible: field.visible,
+                                    fixed: field.fixed
                                 });
                                 break;
                         }
@@ -1328,15 +1334,12 @@ class DataGridComponent {
         return this.dxDataGrid.instance.getSelectedRowKeys();
     }
 }
-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 }, { 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"] }] });
+DataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridComponent, deps: [{ token: DataGridService }], target: i0.ɵɵFactoryTarget.Component });
+DataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DataGridComponent, selector: "rs-data-grid", inputs: { tenant: "tenant", className: "className", view: "view", filter: "filter", enableMasterDetail: "enableMasterDetail", customColumnFn: "customColumnFn" }, providers: [DataGridService], queries: [{ propertyName: "masterDetailTemplate", first: true, predicate: MasterDetailTemplateDirective, descendants: true }, { propertyName: "rowButtonsTemplate", first: true, predicate: RowButtonsTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dxDataGrid", first: true, predicate: DxDataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<dx-data-grid [dataSource]=\"dataSource\"\n              [columns]=\"columns\"\n              [syncLookupFilterValues]=\"false\"\n              [showBorders]=\"true\"\n              [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\" showCheckBoxesMode=\"always\"></dxo-selection>\n  <dxo-header-filter [visible]=\"true\">\n    <dxo-search [enabled]=\"true\"></dxo-search>\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\n  </dxo-header-filter>\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n  <dxo-remote-operations [filtering]=\"true\"\n                         [sorting]=\"true\"\n                         [paging]=\"true\">\n  </dxo-remote-operations>\n  <dxo-master-detail [enabled]=\"enableMasterDetail\" template=\"masterDetailTemplate\"></dxo-master-detail>\n  <dxo-paging [pageSize]=\"15\"></dxo-paging>\n  <dxo-pager [visible]=\"true\"\n             [showInfo]=\"true\"\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\n             [showPageSizeSelector]=\"true\"\n             [allowedPageSizes]=\"[15, 30, 50]\"\n  ></dxo-pager>\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\n  <dxo-export [allowExportSelectedData]=\"true\"\n              [fileName]=\"className\"></dxo-export>\n  <div *dxTemplate=\"let rowInfo of 'masterDetailTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"masterDetailTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let rowInfo of 'rowButtonsTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\n    {{cellInfo.rowIndex + 1}}\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\n    <div [innerHTML]=\"convertMultipleValueCellText(cellInfo)\"></div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\n    <div dPopover #textDiv\n         [content]=\"cellInfo.value\"\n         [trigger]=\"'hover'\"\n         [controlled]=\"textDiv.clientWidth < textDiv.scrollWidth\"\n         [popMaxWidth]=\"300\"\n         style=\"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 [table]=\"cellInfo.component\" [oid]=\"file\"></rs-file-cell-template>\n    </ng-container>\n  </div>\n</dx-data-grid>\n", styles: [":host{display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 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: ["table", "oid"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-data-grid', providers: [DataGridService], template: "<dx-data-grid [dataSource]=\"dataSource\"\n              [columns]=\"columns\"\n              [syncLookupFilterValues]=\"false\"\n              [showBorders]=\"true\"\n              [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]
-                }] }]; }, propDecorators: { tenant: [{
+            args: [{ selector: 'rs-data-grid', providers: [DataGridService], template: "<dx-data-grid [dataSource]=\"dataSource\"\n              [columns]=\"columns\"\n              [syncLookupFilterValues]=\"false\"\n              [showBorders]=\"true\"\n              [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\" showCheckBoxesMode=\"always\"></dxo-selection>\n  <dxo-header-filter [visible]=\"true\">\n    <dxo-search [enabled]=\"true\"></dxo-search>\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\n  </dxo-header-filter>\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\n  <dxo-remote-operations [filtering]=\"true\"\n                         [sorting]=\"true\"\n                         [paging]=\"true\">\n  </dxo-remote-operations>\n  <dxo-master-detail [enabled]=\"enableMasterDetail\" template=\"masterDetailTemplate\"></dxo-master-detail>\n  <dxo-paging [pageSize]=\"15\"></dxo-paging>\n  <dxo-pager [visible]=\"true\"\n             [showInfo]=\"true\"\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\n             [showPageSizeSelector]=\"true\"\n             [allowedPageSizes]=\"[15, 30, 50]\"\n  ></dxo-pager>\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\n  <dxo-export [allowExportSelectedData]=\"true\"\n              [fileName]=\"className\"></dxo-export>\n  <div *dxTemplate=\"let rowInfo of 'masterDetailTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"masterDetailTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let rowInfo of 'rowButtonsTemplate'\">\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\n                  [ngTemplateOutletContext]=\"{$implicit: rowInfo}\"></ng-container>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\n    {{cellInfo.rowIndex + 1}}\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'multipleValueCellTemplate'\">\n    <div [innerHTML]=\"convertMultipleValueCellText(cellInfo)\"></div>\n  </div>\n  <div *dxTemplate=\"let cellInfo of 'textCellTemplate'\">\n    <div dPopover #textDiv\n         [content]=\"cellInfo.value\"\n         [trigger]=\"'hover'\"\n         [controlled]=\"textDiv.clientWidth < textDiv.scrollWidth\"\n         [popMaxWidth]=\"300\"\n         style=\"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 [table]=\"cellInfo.component\" [oid]=\"file\"></rs-file-cell-template>\n    </ng-container>\n  </div>\n</dx-data-grid>\n", styles: [":host{display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: DataGridService }]; }, propDecorators: { tenant: [{
                 type: Input
             }], className: [{
                 type: Input
@@ -1450,12 +1453,22 @@ class FormService {
             }
         });
     }
-    getOne(tenant, className, oid, attributes) {
+    getOne(tenant, className, oid, template) {
         let api = 'api/data/' + className + '/' + oid;
         return this.http.get(api, {
             params: {
                 tenant,
-                attributes: attributes || []
+                template: template || ''
+            }
+        });
+    }
+    getInitModelByTemplate(tenant, className, template) {
+        let api = 'api/data/' + className + '/new';
+        return this.http.get(api, {
+            params: {
+                tenant,
+                className,
+                template: template || ''
             }
         });
     }
@@ -1487,12 +1500,12 @@ class FormComponent {
         this.loading = false;
     }
     ngOnInit() {
-        this.service.getFormTemplateConfig(this.tenant, this.className, this.template).subscribe((response) => {
+        this.loading = true;
+        this.service.getFormTemplateConfig(this.tenant, this.className, this.template).subscribe(response => {
             this.config = response.data.template;
             if (this.copyOid || this.oid) {
-                this.loading = true;
-                const attributes = Object.keys(this.formGroup.controls);
-                this.service.getOne(this.tenant, this.className, this.copyOid || this.oid, attributes).subscribe((response) => {
+                this.service.getOne(this.tenant, this.className, this.copyOid || this.oid, this.template)
+                    .subscribe(response => {
                     if (this.copyOid) {
                         delete response.data.oid;
                     }
@@ -1502,8 +1515,11 @@ class FormComponent {
                 });
             }
             else {
-                this.model = {};
-                this.loaded = true;
+                this.service.getInitModelByTemplate(this.tenant, this.className, this.template).subscribe(response => {
+                    this.model = response.data;
+                    this.loaded = true;
+                    this.loading = false;
+                });
             }
         });
     }
@@ -1522,7 +1538,7 @@ class FormComponent {
         this.service.createOrUpdate(this.tenant, this.className, {
             oid: this.oid,
             ...this.model
-        }).subscribe((response) => {
+        }).subscribe(response => {
             this.submitCallback.emit(response);
         });
     }