ngx-rs-ant 2.3.2 → 2.3.3

package/fesm2020/ngx-rs-ant.mjs

@@ -246,12 +246,18 @@ class PluginManager {
             instance.model = boxItem.boxContainer.context?.__model;
             instance.opener = boxItem.boxContainer.context?.__opener;
             instance.valueChange = boxItem.boxContainer.context?.__valueChange;
+            instance.modelValueChanged = boxItem.boxContainer.context?.__modelValueChanged;
             if (instance.valueChange) {
                 instance.valueChange.subscribe(instance.defaultValueChanged.bind(instance));
                 instance.ngOnDestroy = () => {
                     instance.valueChange.unsubscribe();
                 };
             }
+            if (instance.modelValueChanged) {
+                instance.ngOnDestroy = () => {
+                    instance.modelValueChanged.unsubscribe();
+                };
+            }
             if (boxItem.boxContainer.readonly) {
                 instance.readonly = true;
             }
@@ -2146,7 +2152,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 
 class DataGridFactory {
     constructor(http) {
-        this.http = http;
         this.typeMap = {
             STRING: {
                 dataType: 'string',
@@ -2254,9 +2259,29 @@ class DataGridFactory {
                                 break;
                             case 'DOUBLE':
                             case 'INTEGER':
+                                column.headerFilter.dataSource = (options) => {
+                                    options.dataSource.postProcess = (data) => {
+                                        data.push({
+                                            key: '__',
+                                            value: '__',
+                                            text: '__',
+                                            visible: false
+                                        });
+                                    };
+                                };
                                 column.alignment = 'right';
                                 break;
                             case 'STRING':
+                                column.headerFilter.dataSource = (options) => {
+                                    options.dataSource.postProcess = (data) => {
+                                        data.push({
+                                            key: '__',
+                                            value: '__',
+                                            text: '__',
+                                            visible: false
+                                        });
+                                    };
+                                };
                                 switch (field.config.constraint.type) {
                                     case 'USER':
                                         if (column.viewConfig) {
@@ -2664,6 +2689,7 @@ class FormComponent extends UniqueId {
         this.loading = false;
         this.changeFilter = new ChangeFilter();
         this.valueChange = new Subject();
+        this.modelValueChanged = new EventEmitter();
         this.extraValidate = this.extraValidate.bind(this);
     }
     ngOnInit() {
@@ -2678,6 +2704,7 @@ class FormComponent extends UniqueId {
     ngOnDestroy() {
         this.changeFilter.dispose();
         this.valueChange.unsubscribe();
+        this.modelValueChanged.unsubscribe();
     }
     load() {
         this.loading = true;
@@ -2692,7 +2719,8 @@ class FormComponent extends UniqueId {
             },
             __model: this.model || {},
             __opener: this,
-            __valueChange: this.valueChange
+            __valueChange: this.valueChange,
+            __modelValueChanged: this.modelValueChanged
         };
         this.service.getFormTemplateConfig(this.tenant, this.className, this.template).subscribe(response => {
             this.config = response.data.template;
@@ -2945,9 +2973,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class DataGridComponent {
-    constructor(factory, service, viewContainerRef) {
-        this.factory = factory;
+    constructor(service, factory, viewContainerRef) {
         this.service = service;
+        this.factory = factory;
         this.viewContainerRef = viewContainerRef;
         this.tenant = 'T';
         this.keyExpr = ''; // 用于实例属性选择器，加载组件值时以选中字段为主键获取选中行数据
@@ -3062,12 +3090,12 @@ class DataGridComponent {
         this.onEditorPreparing.emit($event);
     }
 }
-DataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataGridComponent, deps: [{ token: DataGridFactory }, { token: DataGridService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+DataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataGridComponent, deps: [{ token: DataGridService }, { token: DataGridFactory }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
 DataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DataGridComponent, selector: "rs-data-grid", inputs: { tenant: "tenant", className: "className", view: "view", filter: "filter", customColumnFn: "customColumnFn", keyExpr: "keyExpr", dataGridName: "dataGridName", height: "height", onlyFrontEnd: "onlyFrontEnd", pageSize: "pageSize", disablePage: "disablePage", dataSource: "dataSource", selectionMode: "selectionMode", selectedRowKeys: "selectedRowKeys", showRowNum: "showRowNum", instanceLinkType: "instanceLinkType", drawerInstanceLinkViewContainerRef: "drawerInstanceLinkViewContainerRef", drawerInstanceLinkSize: "drawerInstanceLinkSize", drawerInstanceLinkShowHeader: "drawerInstanceLinkShowHeader", drawerInstanceLinkFormTemplate: "drawerInstanceLinkFormTemplate" }, outputs: { selectedRowKeysChange: "selectedRowKeysChange", onCellPrepared: "onCellPrepared", onContentReady: "onContentReady", onEditorPreparing: "onEditorPreparing", onRowClick: "onRowClick", onRowDblClick: "onRowDblClick", onSelectionChanged: "onSelectionChanged" }, providers: [DataGridService], queries: [{ propertyName: "rowButtonsTemplate", first: true, predicate: RowButtonsTemplateDirective, descendants: true }, { propertyName: "customTemplate", first: true, predicate: CustomTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dxDataGrid", first: true, predicate: DxDataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<dx-data-grid [showBorders]=\"true\"\r\n              [showRowLines]=\"true\"\r\n              [showColumnLines]=\"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              [syncLookupFilterValues]=\"false\"\r\n              [dataSource]=\"dataSource\"\r\n              [columns]=\"columns\"\r\n              [height]=\"height\"\r\n              [keyExpr]=\"keyExpr\"\r\n              [selectedRowKeys]=\"selectedRowKeys\"\r\n              (selectedRowKeysChange)=\"selectedRowKeysChange.emit($event)\"\r\n              (onCellPrepared)=\"onCellPrepared.emit($event)\"\r\n              (onContentReady)=\"onContentReady.emit($event)\"\r\n              (onEditorPreparing)=\"onDxDataGridEditorPreparing($event)\"\r\n              (onRowClick)=\"onRowClick.emit($event)\"\r\n              (onRowDblClick)=\"onRowDblClick.emit($event)\"\r\n              (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\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]=\"!onlyFrontEnd\">\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]=\"!onlyFrontEnd\"\r\n                         [sorting]=\"!onlyFrontEnd\"\r\n                         [paging]=\"!onlyFrontEnd\">\r\n  </dxo-remote-operations>\r\n  <dxo-paging [enabled]=\"!disablePage\" [pageSize]=\"pageSize\"></dxo-paging>\r\n  <dxo-pager [visible]=\"!disablePage\"\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]=\"allowedPageSizes\"\r\n  ></dxo-pager>\r\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\r\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\r\n    {{ cellInfo.rowIndex + 1 }}\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'instanceLinkTemplate'\">\r\n    <rs-instance-link-template [tenant]=\"tenant\"\r\n                               [className]=\"className\"\r\n                               [oid]=\"cellInfo.data.oid\"\r\n                               [instanceLinkType]=\"instanceLinkType\"\r\n                               [drawerViewContainerRef]=\"drawerInstanceLinkViewContainerRef\"\r\n                               [drawerSize]=\"drawerInstanceLinkSize\"\r\n                               [drawerShowHeader]=\"drawerInstanceLinkShowHeader\"\r\n                               [drawerFormTemplate]=\"drawerInstanceLinkFormTemplate\">\r\n    </rs-instance-link-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'cellComponentTemplate'\">\r\n    <rs-cell-component-template [tenant]=\"tenant\" [className]=\"className\"\r\n                                [cellInfo]=\"cellInfo\"></rs-cell-component-template>\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 'customTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"customTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n</dx-data-grid>\r\n", styles: [":host{min-height:120px;display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i5.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxoSearchComponent, selector: "dxo-search", inputs: ["editorOptions", "enabled", "timeout", "mode", "searchExpr"] }, { kind: "component", type: i6.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i6.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.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { kind: "component", type: i6.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { kind: "component", type: i6.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "label", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoRemoteOperationsComponent, selector: "dxo-remote-operations", inputs: ["filtering", "grouping", "groupPaging", "paging", "sorting", "summary"] }, { kind: "component", type: i6.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i6.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: InstanceLinkTemplateComponent, selector: "rs-instance-link-template", inputs: ["tenant", "className", "oid", "instanceLinkType", "drawerViewContainerRef", "drawerSize", "drawerShowHeader", "drawerFormTemplate"] }, { kind: "component", type: CellComponentTemplateComponent, selector: "rs-cell-component-template", inputs: ["tenant", "className", "cellInfo"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-data-grid', providers: [DataGridService], template: "<dx-data-grid [showBorders]=\"true\"\r\n              [showRowLines]=\"true\"\r\n              [showColumnLines]=\"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              [syncLookupFilterValues]=\"false\"\r\n              [dataSource]=\"dataSource\"\r\n              [columns]=\"columns\"\r\n              [height]=\"height\"\r\n              [keyExpr]=\"keyExpr\"\r\n              [selectedRowKeys]=\"selectedRowKeys\"\r\n              (selectedRowKeysChange)=\"selectedRowKeysChange.emit($event)\"\r\n              (onCellPrepared)=\"onCellPrepared.emit($event)\"\r\n              (onContentReady)=\"onContentReady.emit($event)\"\r\n              (onEditorPreparing)=\"onDxDataGridEditorPreparing($event)\"\r\n              (onRowClick)=\"onRowClick.emit($event)\"\r\n              (onRowDblClick)=\"onRowDblClick.emit($event)\"\r\n              (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\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]=\"!onlyFrontEnd\">\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]=\"!onlyFrontEnd\"\r\n                         [sorting]=\"!onlyFrontEnd\"\r\n                         [paging]=\"!onlyFrontEnd\">\r\n  </dxo-remote-operations>\r\n  <dxo-paging [enabled]=\"!disablePage\" [pageSize]=\"pageSize\"></dxo-paging>\r\n  <dxo-pager [visible]=\"!disablePage\"\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]=\"allowedPageSizes\"\r\n  ></dxo-pager>\r\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\r\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\r\n    {{ cellInfo.rowIndex + 1 }}\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'instanceLinkTemplate'\">\r\n    <rs-instance-link-template [tenant]=\"tenant\"\r\n                               [className]=\"className\"\r\n                               [oid]=\"cellInfo.data.oid\"\r\n                               [instanceLinkType]=\"instanceLinkType\"\r\n                               [drawerViewContainerRef]=\"drawerInstanceLinkViewContainerRef\"\r\n                               [drawerSize]=\"drawerInstanceLinkSize\"\r\n                               [drawerShowHeader]=\"drawerInstanceLinkShowHeader\"\r\n                               [drawerFormTemplate]=\"drawerInstanceLinkFormTemplate\">\r\n    </rs-instance-link-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'cellComponentTemplate'\">\r\n    <rs-cell-component-template [tenant]=\"tenant\" [className]=\"className\"\r\n                                [cellInfo]=\"cellInfo\"></rs-cell-component-template>\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 'customTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"customTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n</dx-data-grid>\r\n", styles: [":host{min-height:120px;display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: DataGridFactory }, { type: DataGridService }, { type: i0.ViewContainerRef }]; }, propDecorators: { tenant: [{
+        }], ctorParameters: function () { return [{ type: DataGridService }, { type: DataGridFactory }, { type: i0.ViewContainerRef }]; }, propDecorators: { tenant: [{
                 type: Input
             }], className: [{
                 type: Input
@@ -3878,10 +3906,10 @@ class FormItemComponentBase extends ComponentBase {
         this.readonly = false;
     }
     defaultValueChanged(change) {
-        if (!this.field) {
+        const thisField = this.field;
+        if (!thisField) {
             return;
         }
-        const thisField = this.field;
         if (Array.isArray(thisField)) {
             if (!thisField.includes(change.field)) {
                 return;
@@ -3898,6 +3926,10 @@ class FormItemComponentBase extends ComponentBase {
             return;
         }
         this.model[change.field] = change.value;
+        this.modelValueChanged?.emit({
+            field: thisField,
+            value: change.field
+        });
     }
 }