devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
877 lines (876 loc) • 277 kB
TypeScript
/*!
* devextreme-vue
* Version: 25.2.3
* Build date: Fri Dec 12 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-vue
*/
export { ExplicitTypes } from "devextreme/ui/data_grid";
import { PropType } from "vue";
import DataGrid, { Properties } from "devextreme/ui/data_grid";
import DataSource from "devextreme/data/data_source";
import dxDataGrid from "devextreme/ui/data_grid";
import dxOverlay from "devextreme/ui/overlay";
import DOMComponent from "devextreme/core/dom_component";
import dxPopup from "devextreme/ui/popup";
import dxSortable from "devextreme/ui/sortable";
import dxDraggable from "devextreme/ui/draggable";
import { AIIntegration } from "devextreme/common/ai-integration";
import { ColumnChooser, ColumnResizeMode, FilterPanel, HeaderFilter, Pager, SearchPanel, Sorting, AIColumnMode, DataChangeType, ColumnAIOptions, FilterType, FixedPosition, ColumnHeaderFilter, SelectedFilterOperation, ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts, SelectionColumnDisplayMode, DataChange, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction, FilterPanelTexts, ApplyFilterMode, GroupExpandMode, EnterKeyAction, EnterKeyDirection, PagerPageSize, GridBase, DataRenderMode, StateStoreType } from "devextreme/common/grids";
import { dxDataGridColumn, AdaptiveDetailRowPreparingEvent, AIColumnRequestCreatingEvent, CellClickEvent, CellDblClickEvent, CellHoverChangedEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangedEvent, FocusedCellChangingEvent, FocusedRowChangedEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, OptionChangedEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, SelectionChangedEvent, ToolbarPreparingEvent, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent, dxDataGridColumnButton, DataGridCommandColumnType, SelectionSensitivity, DataGridPredefinedToolbarItem, DataGridScrollMode } from "devextreme/ui/data_grid";
import { ValidationRuleType, HorizontalAlignment, VerticalAlignment, TextEditorButtonLocation, DataType, SortOrder, SearchMode, ComparisonOperator, SingleMultipleOrNone, SelectAllMode, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus, PositionAlignment, Direction, ToolbarItemLocation, ToolbarItemComponent, ButtonStyle, DisplayMode, DragDirection, DragHighlight, ScrollbarMode } from "devextreme/common";
import { DataSourceOptions } from "devextreme/common/data";
import { Store } from "devextreme/data/store";
import { dxFilterBuilderOptions, dxFilterBuilderField, FieldInfo, dxFilterBuilderCustomOperation, GroupOperation, ContentReadyEvent as FilterBuilderContentReadyEvent, DisposingEvent as FilterBuilderDisposingEvent, EditorPreparedEvent as FilterBuilderEditorPreparedEvent, EditorPreparingEvent as FilterBuilderEditorPreparingEvent, InitializedEvent as FilterBuilderInitializedEvent, OptionChangedEvent as FilterBuilderOptionChangedEvent, ValueChangedEvent as FilterBuilderValueChangedEvent } from "devextreme/ui/filter_builder";
import { dxPopupOptions, ToolbarLocation } from "devextreme/ui/popup";
import { PagerBase } from "devextreme/ui/pagination";
import { dxTextBoxOptions, TextBoxType, ChangeEvent, ContentReadyEvent as TextBoxContentReadyEvent, CopyEvent, CutEvent, DisposingEvent as TextBoxDisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent as TextBoxInitializedEvent, InputEvent, KeyDownEvent as TextBoxKeyDownEvent, KeyUpEvent, OptionChangedEvent as TextBoxOptionChangedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/text_box";
import { AnimationConfig, CollisionResolution, PositionConfig, AnimationState, AnimationType, CollisionResolutionCombination } from "devextreme/common/core/animation";
import { dxButtonOptions, ClickEvent, ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, OptionChangedEvent as ButtonOptionChangedEvent } from "devextreme/ui/button";
import { dxFormSimpleItem, dxFormOptions, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent as FormInitializedEvent, OptionChangedEvent as FormOptionChangedEvent, SmartPastedEvent, SmartPastingEvent, FormItemComponent, FormItemType } from "devextreme/ui/form";
import { event } from "devextreme/events/events.types";
import { EventInfo } from "devextreme/common/core/events";
import { Component } from "devextreme/core/component";
import { LoadingAnimationType } from "devextreme/ui/load_indicator";
import { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar";
import { LoadPanelIndicatorProperties } from "devextreme/ui/load_panel";
import * as CommonTypes from "devextreme/common";
type AccessibleOptions = Pick<Properties, "accessKey" | "activeStateEnabled" | "aiIntegration" | "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" | "onAdaptiveDetailRowPreparing" | "onAIColumnRequestCreating" | "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" | "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">;
interface DxDataGrid extends AccessibleOptions {
readonly instance?: DataGrid;
}
declare const DxDataGrid: import("vue").DefineComponent<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
aiIntegration: PropType<AIIntegration>;
allowColumnReordering: BooleanConstructor;
allowColumnResizing: BooleanConstructor;
autoNavigateToFocusedRow: BooleanConstructor;
cacheEnabled: BooleanConstructor;
cellHintEnabled: BooleanConstructor;
columnAutoWidth: BooleanConstructor;
columnChooser: PropType<Record<string, any> | ColumnChooser>;
columnFixing: PropType<Record<string, any>>;
columnHidingEnabled: BooleanConstructor;
columnMinWidth: NumberConstructor;
columnResizingMode: PropType<ColumnResizeMode>;
columns: PropType<(string | dxDataGridColumn<any, any>)[]>;
columnWidth: PropType<number | "auto">;
customizeColumns: PropType<(columns: Array<dxDataGridColumn>) => void>;
dataRowTemplate: {};
dataSource: PropType<string | any[] | Record<string, any> | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null>;
dateSerializationFormat: StringConstructor;
disabled: BooleanConstructor;
editing: PropType<Record<string, any>>;
elementAttr: PropType<Record<string, any>>;
errorRowEnabled: BooleanConstructor;
export: PropType<Record<string, any>>;
filterBuilder: PropType<Record<string, any> | dxFilterBuilderOptions>;
filterBuilderPopup: PropType<Record<string, any> | dxPopupOptions<any>>;
filterPanel: PropType<FilterPanel<any, any, any>>;
filterRow: PropType<Record<string, any>>;
filterSyncEnabled: PropType<boolean | "auto">;
filterValue: PropType<string | any[] | (() => any)>;
focusedColumnIndex: NumberConstructor;
focusedRowEnabled: BooleanConstructor;
focusedRowIndex: NumberConstructor;
focusedRowKey: {};
grouping: PropType<Record<string, any>>;
groupPanel: PropType<Record<string, any>>;
headerFilter: PropType<Record<string, any> | HeaderFilter>;
height: (NumberConstructor | StringConstructor)[];
highlightChanges: BooleanConstructor;
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
keyboardNavigation: PropType<Record<string, any>>;
keyExpr: PropType<string | string[]>;
loadPanel: PropType<Record<string, any>>;
masterDetail: PropType<Record<string, any>>;
noDataText: StringConstructor;
onAdaptiveDetailRowPreparing: PropType<(e: AdaptiveDetailRowPreparingEvent) => void>;
onAIColumnRequestCreating: PropType<(e: AIColumnRequestCreatingEvent) => void>;
onCellClick: PropType<(e: CellClickEvent) => void>;
onCellDblClick: PropType<(e: CellDblClickEvent) => void>;
onCellHoverChanged: PropType<(e: CellHoverChangedEvent) => void>;
onCellPrepared: PropType<(e: CellPreparedEvent) => void>;
onContentReady: PropType<(e: ContentReadyEvent) => void>;
onContextMenuPreparing: PropType<(e: ContextMenuPreparingEvent) => void>;
onDataErrorOccurred: PropType<(e: DataErrorOccurredEvent) => void>;
onDisposing: PropType<(e: DisposingEvent) => void>;
onEditCanceled: PropType<(e: EditCanceledEvent) => void>;
onEditCanceling: PropType<(e: EditCancelingEvent) => void>;
onEditingStart: PropType<(e: EditingStartEvent) => void>;
onEditorPrepared: PropType<(e: EditorPreparedEvent) => void>;
onEditorPreparing: PropType<(e: EditorPreparingEvent) => void>;
onExporting: PropType<(e: ExportingEvent) => void>;
onFocusedCellChanged: PropType<(e: FocusedCellChangedEvent) => void>;
onFocusedCellChanging: PropType<(e: FocusedCellChangingEvent) => void>;
onFocusedRowChanged: PropType<(e: FocusedRowChangedEvent) => void>;
onFocusedRowChanging: PropType<(e: FocusedRowChangingEvent) => void>;
onInitialized: PropType<(e: InitializedEvent) => void>;
onInitNewRow: PropType<(e: InitNewRowEvent) => void>;
onKeyDown: PropType<(e: KeyDownEvent) => void>;
onOptionChanged: PropType<(e: OptionChangedEvent) => void>;
onRowClick: PropType<(e: RowClickEvent) => void>;
onRowCollapsed: PropType<(e: RowCollapsedEvent) => void>;
onRowCollapsing: PropType<(e: RowCollapsingEvent) => void>;
onRowDblClick: PropType<(e: RowDblClickEvent) => void>;
onRowExpanded: PropType<(e: RowExpandedEvent) => void>;
onRowExpanding: PropType<(e: RowExpandingEvent) => void>;
onRowInserted: PropType<(e: RowInsertedEvent) => void>;
onRowInserting: PropType<(e: RowInsertingEvent) => void>;
onRowPrepared: PropType<(e: RowPreparedEvent) => void>;
onRowRemoved: PropType<(e: RowRemovedEvent) => void>;
onRowRemoving: PropType<(e: RowRemovingEvent) => void>;
onRowUpdated: PropType<(e: RowUpdatedEvent) => void>;
onRowUpdating: PropType<(e: RowUpdatingEvent) => void>;
onRowValidating: PropType<(e: RowValidatingEvent) => void>;
onSaved: PropType<(e: SavedEvent) => void>;
onSaving: PropType<(e: SavingEvent) => void>;
onSelectionChanged: PropType<(e: SelectionChangedEvent) => void>;
onToolbarPreparing: PropType<(e: ToolbarPreparingEvent) => void>;
pager: PropType<Record<string, any> | PagerBase | Pager>;
paging: PropType<Record<string, any>>;
remoteOperations: PropType<boolean | Record<string, any> | "auto">;
renderAsync: BooleanConstructor;
repaintChangesOnly: BooleanConstructor;
rowAlternationEnabled: BooleanConstructor;
rowDragging: PropType<Record<string, any>>;
rowTemplate: {};
rtlEnabled: BooleanConstructor;
scrolling: PropType<Record<string, any>>;
searchPanel: PropType<Record<string, any> | SearchPanel>;
selectedRowKeys: PropType<any[]>;
selection: PropType<Record<string, any>>;
selectionFilter: PropType<string | any[] | (() => any)>;
showBorders: BooleanConstructor;
showColumnHeaders: BooleanConstructor;
showColumnLines: BooleanConstructor;
showRowLines: BooleanConstructor;
sortByGroupSummaryInfo: PropType<Record<string, any>[]>;
sorting: PropType<Record<string, any> | Sorting>;
stateStoring: PropType<Record<string, any>>;
summary: PropType<Record<string, any>>;
syncLookupFilterValues: BooleanConstructor;
tabIndex: NumberConstructor;
toolbar: PropType<Record<string, any> | DxDataGridTypes.Toolbar>;
twoWayBindingEnabled: BooleanConstructor;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
wordWrapEnabled: BooleanConstructor;
}, unknown, unknown, {
instance(): DataGrid;
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:accessKey": null;
"update:activeStateEnabled": null;
"update:aiIntegration": null;
"update:allowColumnReordering": null;
"update:allowColumnResizing": null;
"update:autoNavigateToFocusedRow": null;
"update:cacheEnabled": null;
"update:cellHintEnabled": null;
"update:columnAutoWidth": null;
"update:columnChooser": null;
"update:columnFixing": null;
"update:columnHidingEnabled": null;
"update:columnMinWidth": null;
"update:columnResizingMode": null;
"update:columns": null;
"update:columnWidth": null;
"update:customizeColumns": null;
"update:dataRowTemplate": null;
"update:dataSource": null;
"update:dateSerializationFormat": null;
"update:disabled": null;
"update:editing": null;
"update:elementAttr": null;
"update:errorRowEnabled": null;
"update:export": null;
"update:filterBuilder": null;
"update:filterBuilderPopup": null;
"update:filterPanel": null;
"update:filterRow": null;
"update:filterSyncEnabled": null;
"update:filterValue": null;
"update:focusedColumnIndex": null;
"update:focusedRowEnabled": null;
"update:focusedRowIndex": null;
"update:focusedRowKey": null;
"update:grouping": null;
"update:groupPanel": null;
"update:headerFilter": null;
"update:height": null;
"update:highlightChanges": null;
"update:hint": null;
"update:hoverStateEnabled": null;
"update:keyboardNavigation": null;
"update:keyExpr": null;
"update:loadPanel": null;
"update:masterDetail": null;
"update:noDataText": null;
"update:onAdaptiveDetailRowPreparing": null;
"update:onAIColumnRequestCreating": null;
"update:onCellClick": null;
"update:onCellDblClick": null;
"update:onCellHoverChanged": null;
"update:onCellPrepared": null;
"update:onContentReady": null;
"update:onContextMenuPreparing": null;
"update:onDataErrorOccurred": null;
"update:onDisposing": null;
"update:onEditCanceled": null;
"update:onEditCanceling": null;
"update:onEditingStart": null;
"update:onEditorPrepared": null;
"update:onEditorPreparing": null;
"update:onExporting": null;
"update:onFocusedCellChanged": null;
"update:onFocusedCellChanging": null;
"update:onFocusedRowChanged": null;
"update:onFocusedRowChanging": null;
"update:onInitialized": null;
"update:onInitNewRow": null;
"update:onKeyDown": null;
"update:onOptionChanged": null;
"update:onRowClick": null;
"update:onRowCollapsed": null;
"update:onRowCollapsing": null;
"update:onRowDblClick": null;
"update:onRowExpanded": null;
"update:onRowExpanding": null;
"update:onRowInserted": null;
"update:onRowInserting": null;
"update:onRowPrepared": null;
"update:onRowRemoved": null;
"update:onRowRemoving": null;
"update:onRowUpdated": null;
"update:onRowUpdating": null;
"update:onRowValidating": null;
"update:onSaved": null;
"update:onSaving": null;
"update:onSelectionChanged": null;
"update:onToolbarPreparing": null;
"update:pager": null;
"update:paging": null;
"update:remoteOperations": null;
"update:renderAsync": null;
"update:repaintChangesOnly": null;
"update:rowAlternationEnabled": null;
"update:rowDragging": null;
"update:rowTemplate": null;
"update:rtlEnabled": null;
"update:scrolling": null;
"update:searchPanel": null;
"update:selectedRowKeys": null;
"update:selection": null;
"update:selectionFilter": null;
"update:showBorders": null;
"update:showColumnHeaders": null;
"update:showColumnLines": null;
"update:showRowLines": null;
"update:sortByGroupSummaryInfo": null;
"update:sorting": null;
"update:stateStoring": null;
"update:summary": null;
"update:syncLookupFilterValues": null;
"update:tabIndex": null;
"update:toolbar": null;
"update:twoWayBindingEnabled": null;
"update:visible": null;
"update:width": null;
"update:wordWrapEnabled": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
accessKey: StringConstructor;
activeStateEnabled: BooleanConstructor;
aiIntegration: PropType<AIIntegration>;
allowColumnReordering: BooleanConstructor;
allowColumnResizing: BooleanConstructor;
autoNavigateToFocusedRow: BooleanConstructor;
cacheEnabled: BooleanConstructor;
cellHintEnabled: BooleanConstructor;
columnAutoWidth: BooleanConstructor;
columnChooser: PropType<Record<string, any> | ColumnChooser>;
columnFixing: PropType<Record<string, any>>;
columnHidingEnabled: BooleanConstructor;
columnMinWidth: NumberConstructor;
columnResizingMode: PropType<ColumnResizeMode>;
columns: PropType<(string | dxDataGridColumn<any, any>)[]>;
columnWidth: PropType<number | "auto">;
customizeColumns: PropType<(columns: Array<dxDataGridColumn>) => void>;
dataRowTemplate: {};
dataSource: PropType<string | any[] | Record<string, any> | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null>;
dateSerializationFormat: StringConstructor;
disabled: BooleanConstructor;
editing: PropType<Record<string, any>>;
elementAttr: PropType<Record<string, any>>;
errorRowEnabled: BooleanConstructor;
export: PropType<Record<string, any>>;
filterBuilder: PropType<Record<string, any> | dxFilterBuilderOptions>;
filterBuilderPopup: PropType<Record<string, any> | dxPopupOptions<any>>;
filterPanel: PropType<FilterPanel<any, any, any>>;
filterRow: PropType<Record<string, any>>;
filterSyncEnabled: PropType<boolean | "auto">;
filterValue: PropType<string | any[] | (() => any)>;
focusedColumnIndex: NumberConstructor;
focusedRowEnabled: BooleanConstructor;
focusedRowIndex: NumberConstructor;
focusedRowKey: {};
grouping: PropType<Record<string, any>>;
groupPanel: PropType<Record<string, any>>;
headerFilter: PropType<Record<string, any> | HeaderFilter>;
height: (NumberConstructor | StringConstructor)[];
highlightChanges: BooleanConstructor;
hint: StringConstructor;
hoverStateEnabled: BooleanConstructor;
keyboardNavigation: PropType<Record<string, any>>;
keyExpr: PropType<string | string[]>;
loadPanel: PropType<Record<string, any>>;
masterDetail: PropType<Record<string, any>>;
noDataText: StringConstructor;
onAdaptiveDetailRowPreparing: PropType<(e: AdaptiveDetailRowPreparingEvent) => void>;
onAIColumnRequestCreating: PropType<(e: AIColumnRequestCreatingEvent) => void>;
onCellClick: PropType<(e: CellClickEvent) => void>;
onCellDblClick: PropType<(e: CellDblClickEvent) => void>;
onCellHoverChanged: PropType<(e: CellHoverChangedEvent) => void>;
onCellPrepared: PropType<(e: CellPreparedEvent) => void>;
onContentReady: PropType<(e: ContentReadyEvent) => void>;
onContextMenuPreparing: PropType<(e: ContextMenuPreparingEvent) => void>;
onDataErrorOccurred: PropType<(e: DataErrorOccurredEvent) => void>;
onDisposing: PropType<(e: DisposingEvent) => void>;
onEditCanceled: PropType<(e: EditCanceledEvent) => void>;
onEditCanceling: PropType<(e: EditCancelingEvent) => void>;
onEditingStart: PropType<(e: EditingStartEvent) => void>;
onEditorPrepared: PropType<(e: EditorPreparedEvent) => void>;
onEditorPreparing: PropType<(e: EditorPreparingEvent) => void>;
onExporting: PropType<(e: ExportingEvent) => void>;
onFocusedCellChanged: PropType<(e: FocusedCellChangedEvent) => void>;
onFocusedCellChanging: PropType<(e: FocusedCellChangingEvent) => void>;
onFocusedRowChanged: PropType<(e: FocusedRowChangedEvent) => void>;
onFocusedRowChanging: PropType<(e: FocusedRowChangingEvent) => void>;
onInitialized: PropType<(e: InitializedEvent) => void>;
onInitNewRow: PropType<(e: InitNewRowEvent) => void>;
onKeyDown: PropType<(e: KeyDownEvent) => void>;
onOptionChanged: PropType<(e: OptionChangedEvent) => void>;
onRowClick: PropType<(e: RowClickEvent) => void>;
onRowCollapsed: PropType<(e: RowCollapsedEvent) => void>;
onRowCollapsing: PropType<(e: RowCollapsingEvent) => void>;
onRowDblClick: PropType<(e: RowDblClickEvent) => void>;
onRowExpanded: PropType<(e: RowExpandedEvent) => void>;
onRowExpanding: PropType<(e: RowExpandingEvent) => void>;
onRowInserted: PropType<(e: RowInsertedEvent) => void>;
onRowInserting: PropType<(e: RowInsertingEvent) => void>;
onRowPrepared: PropType<(e: RowPreparedEvent) => void>;
onRowRemoved: PropType<(e: RowRemovedEvent) => void>;
onRowRemoving: PropType<(e: RowRemovingEvent) => void>;
onRowUpdated: PropType<(e: RowUpdatedEvent) => void>;
onRowUpdating: PropType<(e: RowUpdatingEvent) => void>;
onRowValidating: PropType<(e: RowValidatingEvent) => void>;
onSaved: PropType<(e: SavedEvent) => void>;
onSaving: PropType<(e: SavingEvent) => void>;
onSelectionChanged: PropType<(e: SelectionChangedEvent) => void>;
onToolbarPreparing: PropType<(e: ToolbarPreparingEvent) => void>;
pager: PropType<Record<string, any> | PagerBase | Pager>;
paging: PropType<Record<string, any>>;
remoteOperations: PropType<boolean | Record<string, any> | "auto">;
renderAsync: BooleanConstructor;
repaintChangesOnly: BooleanConstructor;
rowAlternationEnabled: BooleanConstructor;
rowDragging: PropType<Record<string, any>>;
rowTemplate: {};
rtlEnabled: BooleanConstructor;
scrolling: PropType<Record<string, any>>;
searchPanel: PropType<Record<string, any> | SearchPanel>;
selectedRowKeys: PropType<any[]>;
selection: PropType<Record<string, any>>;
selectionFilter: PropType<string | any[] | (() => any)>;
showBorders: BooleanConstructor;
showColumnHeaders: BooleanConstructor;
showColumnLines: BooleanConstructor;
showRowLines: BooleanConstructor;
sortByGroupSummaryInfo: PropType<Record<string, any>[]>;
sorting: PropType<Record<string, any> | Sorting>;
stateStoring: PropType<Record<string, any>>;
summary: PropType<Record<string, any>>;
syncLookupFilterValues: BooleanConstructor;
tabIndex: NumberConstructor;
toolbar: PropType<Record<string, any> | DxDataGridTypes.Toolbar>;
twoWayBindingEnabled: BooleanConstructor;
visible: BooleanConstructor;
width: (NumberConstructor | StringConstructor)[];
wordWrapEnabled: BooleanConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:elementAttr"?: ((...args: any[]) => any) | undefined;
"onUpdate:export"?: ((...args: any[]) => any) | undefined;
"onUpdate:onDisposing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onExporting"?: ((...args: any[]) => any) | undefined;
"onUpdate:onInitialized"?: ((...args: any[]) => any) | undefined;
"onUpdate:onOptionChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:onSelectionChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:rtlEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
"onUpdate:width"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:dataSource"?: ((...args: any[]) => any) | undefined;
"onUpdate:grouping"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoverStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:onContentReady"?: ((...args: any[]) => any) | undefined;
"onUpdate:accessKey"?: ((...args: any[]) => any) | undefined;
"onUpdate:activeStateEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:hint"?: ((...args: any[]) => any) | undefined;
"onUpdate:keyExpr"?: ((...args: any[]) => any) | undefined;
"onUpdate:noDataText"?: ((...args: any[]) => any) | undefined;
"onUpdate:tabIndex"?: ((...args: any[]) => any) | undefined;
"onUpdate:onKeyDown"?: ((...args: any[]) => any) | undefined;
"onUpdate:aiIntegration"?: ((...args: any[]) => any) | undefined;
"onUpdate:allowColumnReordering"?: ((...args: any[]) => any) | undefined;
"onUpdate:allowColumnResizing"?: ((...args: any[]) => any) | undefined;
"onUpdate:autoNavigateToFocusedRow"?: ((...args: any[]) => any) | undefined;
"onUpdate:cacheEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:cellHintEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:columnAutoWidth"?: ((...args: any[]) => any) | undefined;
"onUpdate:columnChooser"?: ((...args: any[]) => any) | undefined;
"onUpdate:columnFixing"?: ((...args: any[]) => any) | undefined;
"onUpdate:columnHidingEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:columnMinWidth"?: ((...args: any[]) => any) | undefined;
"onUpdate:columnResizingMode"?: ((...args: any[]) => any) | undefined;
"onUpdate:columns"?: ((...args: any[]) => any) | undefined;
"onUpdate:columnWidth"?: ((...args: any[]) => any) | undefined;
"onUpdate:customizeColumns"?: ((...args: any[]) => any) | undefined;
"onUpdate:dateSerializationFormat"?: ((...args: any[]) => any) | undefined;
"onUpdate:editing"?: ((...args: any[]) => any) | undefined;
"onUpdate:errorRowEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:filterBuilder"?: ((...args: any[]) => any) | undefined;
"onUpdate:filterBuilderPopup"?: ((...args: any[]) => any) | undefined;
"onUpdate:filterPanel"?: ((...args: any[]) => any) | undefined;
"onUpdate:filterRow"?: ((...args: any[]) => any) | undefined;
"onUpdate:filterSyncEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:filterValue"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusedColumnIndex"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusedRowEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusedRowIndex"?: ((...args: any[]) => any) | undefined;
"onUpdate:focusedRowKey"?: ((...args: any[]) => any) | undefined;
"onUpdate:headerFilter"?: ((...args: any[]) => any) | undefined;
"onUpdate:highlightChanges"?: ((...args: any[]) => any) | undefined;
"onUpdate:keyboardNavigation"?: ((...args: any[]) => any) | undefined;
"onUpdate:loadPanel"?: ((...args: any[]) => any) | undefined;
"onUpdate:onAdaptiveDetailRowPreparing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onAIColumnRequestCreating"?: ((...args: any[]) => any) | undefined;
"onUpdate:onCellClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:onCellDblClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:onCellHoverChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:onCellPrepared"?: ((...args: any[]) => any) | undefined;
"onUpdate:onContextMenuPreparing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onDataErrorOccurred"?: ((...args: any[]) => any) | undefined;
"onUpdate:onEditCanceled"?: ((...args: any[]) => any) | undefined;
"onUpdate:onEditCanceling"?: ((...args: any[]) => any) | undefined;
"onUpdate:onEditingStart"?: ((...args: any[]) => any) | undefined;
"onUpdate:onEditorPrepared"?: ((...args: any[]) => any) | undefined;
"onUpdate:onEditorPreparing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onFocusedCellChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:onFocusedCellChanging"?: ((...args: any[]) => any) | undefined;
"onUpdate:onFocusedRowChanged"?: ((...args: any[]) => any) | undefined;
"onUpdate:onFocusedRowChanging"?: ((...args: any[]) => any) | undefined;
"onUpdate:onInitNewRow"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowCollapsed"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowCollapsing"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowDblClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowExpanded"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowExpanding"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowInserted"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowInserting"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowPrepared"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowRemoved"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowRemoving"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowUpdated"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowUpdating"?: ((...args: any[]) => any) | undefined;
"onUpdate:onRowValidating"?: ((...args: any[]) => any) | undefined;
"onUpdate:onSaved"?: ((...args: any[]) => any) | undefined;
"onUpdate:onSaving"?: ((...args: any[]) => any) | undefined;
"onUpdate:onToolbarPreparing"?: ((...args: any[]) => any) | undefined;
"onUpdate:pager"?: ((...args: any[]) => any) | undefined;
"onUpdate:paging"?: ((...args: any[]) => any) | undefined;
"onUpdate:remoteOperations"?: ((...args: any[]) => any) | undefined;
"onUpdate:renderAsync"?: ((...args: any[]) => any) | undefined;
"onUpdate:repaintChangesOnly"?: ((...args: any[]) => any) | undefined;
"onUpdate:rowAlternationEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:rowDragging"?: ((...args: any[]) => any) | undefined;
"onUpdate:scrolling"?: ((...args: any[]) => any) | undefined;
"onUpdate:searchPanel"?: ((...args: any[]) => any) | undefined;
"onUpdate:selectedRowKeys"?: ((...args: any[]) => any) | undefined;
"onUpdate:selection"?: ((...args: any[]) => any) | undefined;
"onUpdate:showBorders"?: ((...args: any[]) => any) | undefined;
"onUpdate:showColumnHeaders"?: ((...args: any[]) => any) | undefined;
"onUpdate:showColumnLines"?: ((...args: any[]) => any) | undefined;
"onUpdate:showRowLines"?: ((...args: any[]) => any) | undefined;
"onUpdate:sorting"?: ((...args: any[]) => any) | undefined;
"onUpdate:stateStoring"?: ((...args: any[]) => any) | undefined;
"onUpdate:syncLookupFilterValues"?: ((...args: any[]) => any) | undefined;
"onUpdate:toolbar"?: ((...args: any[]) => any) | undefined;
"onUpdate:twoWayBindingEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:wordWrapEnabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:dataRowTemplate"?: ((...args: any[]) => any) | undefined;
"onUpdate:groupPanel"?: ((...args: any[]) => any) | undefined;
"onUpdate:masterDetail"?: ((...args: any[]) => any) | undefined;
"onUpdate:rowTemplate"?: ((...args: any[]) => any) | undefined;
"onUpdate:selectionFilter"?: ((...args: any[]) => any) | undefined;
"onUpdate:sortByGroupSummaryInfo"?: ((...args: any[]) => any) | undefined;
"onUpdate:summary"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
rtlEnabled: boolean;
visible: boolean;
hoverStateEnabled: boolean;
activeStateEnabled: boolean;
allowColumnReordering: boolean;
allowColumnResizing: boolean;
autoNavigateToFocusedRow: boolean;
cacheEnabled: boolean;
cellHintEnabled: boolean;
columnAutoWidth: boolean;
columnHidingEnabled: boolean;
errorRowEnabled: boolean;
focusedRowEnabled: boolean;
highlightChanges: boolean;
renderAsync: boolean;
repaintChangesOnly: boolean;
rowAlternationEnabled: boolean;
showBorders: boolean;
showColumnHeaders: boolean;
showColumnLines: boolean;
showRowLines: boolean;
twoWayBindingEnabled: boolean;
wordWrapEnabled: boolean;
syncLookupFilterValues: boolean;
}>;
declare const DxAI: import("vue").DefineComponent<{
aiIntegration: PropType<AIIntegration>;
editorOptions: PropType<Record<string, any> | dxTextBoxOptions<any>>;
emptyText: StringConstructor;
mode: PropType<AIColumnMode>;
noDataText: StringConstructor;
popup: PropType<Record<string, any>>;
prompt: StringConstructor;
showHeaderMenu: BooleanConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:aiIntegration": null;
"update:editorOptions": null;
"update:emptyText": null;
"update:mode": null;
"update:noDataText": null;
"update:popup": null;
"update:prompt": null;
"update:showHeaderMenu": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
aiIntegration: PropType<AIIntegration>;
editorOptions: PropType<Record<string, any> | dxTextBoxOptions<any>>;
emptyText: StringConstructor;
mode: PropType<AIColumnMode>;
noDataText: StringConstructor;
popup: PropType<Record<string, any>>;
prompt: StringConstructor;
showHeaderMenu: BooleanConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:noDataText"?: ((...args: any[]) => any) | undefined;
"onUpdate:mode"?: ((...args: any[]) => any) | undefined;
"onUpdate:aiIntegration"?: ((...args: any[]) => any) | undefined;
"onUpdate:editorOptions"?: ((...args: any[]) => any) | undefined;
"onUpdate:emptyText"?: ((...args: any[]) => any) | undefined;
"onUpdate:popup"?: ((...args: any[]) => any) | undefined;
"onUpdate:prompt"?: ((...args: any[]) => any) | undefined;
"onUpdate:showHeaderMenu"?: ((...args: any[]) => any) | undefined;
}, {
showHeaderMenu: boolean;
}>;
declare const DxAIOptions: import("vue").DefineComponent<{
disabled: BooleanConstructor;
instruction: StringConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:disabled": null;
"update:instruction": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
disabled: BooleanConstructor;
instruction: StringConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:instruction"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
}>;
declare const DxAnimation: import("vue").DefineComponent<{
hide: PropType<string | number | Record<string, any> | AnimationConfig>;
show: PropType<string | number | Record<string, any> | AnimationConfig>;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:hide": null;
"update:show": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
hide: PropType<string | number | Record<string, any> | AnimationConfig>;
show: PropType<string | number | Record<string, any> | AnimationConfig>;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
"onUpdate:hide"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxAsyncRule: import("vue").DefineComponent<{
ignoreEmptyValue: BooleanConstructor;
message: StringConstructor;
reevaluate: BooleanConstructor;
type: PropType<ValidationRuleType>;
validationCallback: PropType<(options: {
column: Record<string, any>;
data: Record<string, any>;
formItem: Record<string, any>;
rule: Record<string, any>;
validator: Record<string, any>;
value: string | number;
}) => any>;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:ignoreEmptyValue": null;
"update:message": null;
"update:reevaluate": null;
"update:type": null;
"update:validationCallback": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
ignoreEmptyValue: BooleanConstructor;
message: StringConstructor;
reevaluate: BooleanConstructor;
type: PropType<ValidationRuleType>;
validationCallback: PropType<(options: {
column: Record<string, any>;
data: Record<string, any>;
formItem: Record<string, any>;
rule: Record<string, any>;
validator: Record<string, any>;
value: string | number;
}) => any>;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:type"?: ((...args: any[]) => any) | undefined;
"onUpdate:ignoreEmptyValue"?: ((...args: any[]) => any) | undefined;
"onUpdate:message"?: ((...args: any[]) => any) | undefined;
"onUpdate:reevaluate"?: ((...args: any[]) => any) | undefined;
"onUpdate:validationCallback"?: ((...args: any[]) => any) | undefined;
}, {
ignoreEmptyValue: boolean;
reevaluate: boolean;
}>;
declare const DxAt: import("vue").DefineComponent<{
x: PropType<HorizontalAlignment>;
y: PropType<VerticalAlignment>;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:x": null;
"update:y": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
x: PropType<HorizontalAlignment>;
y: PropType<VerticalAlignment>;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:x"?: ((...args: any[]) => any) | undefined;
"onUpdate:y"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxBoundaryOffset: import("vue").DefineComponent<{
x: NumberConstructor;
y: NumberConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:x": null;
"update:y": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
x: NumberConstructor;
y: NumberConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:x"?: ((...args: any[]) => any) | undefined;
"onUpdate:y"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxButton: import("vue").DefineComponent<{
cssClass: StringConstructor;
disabled: PropType<boolean | ((options: {
column: dxDataGridColumn;
component: dxDataGrid;
row: dxDataGridRowObject;
}) => boolean)>;
hint: StringConstructor;
icon: StringConstructor;
location: PropType<TextEditorButtonLocation>;
name: PropType<string>;
onClick: PropType<(e: ColumnButtonClickEvent) => void>;
options: PropType<Record<string, any> | dxButtonOptions>;
template: {};
text: StringConstructor;
visible: PropType<boolean | ((options: {
column: dxDataGridColumn;
component: dxDataGrid;
row: dxDataGridRowObject;
}) => boolean)>;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:cssClass": null;
"update:disabled": null;
"update:hint": null;
"update:icon": null;
"update:location": null;
"update:name": null;
"update:onClick": null;
"update:options": null;
"update:template": null;
"update:text": null;
"update:visible": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
cssClass: StringConstructor;
disabled: PropType<boolean | ((options: {
column: dxDataGridColumn;
component: dxDataGrid;
row: dxDataGridRowObject;
}) => boolean)>;
hint: StringConstructor;
icon: StringConstructor;
location: PropType<TextEditorButtonLocation>;
name: PropType<string>;
onClick: PropType<(e: ColumnButtonClickEvent) => void>;
options: PropType<Record<string, any> | dxButtonOptions>;
template: {};
text: StringConstructor;
visible: PropType<boolean | ((options: {
column: dxDataGridColumn;
component: dxDataGrid;
row: dxDataGridRowObject;
}) => boolean)>;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:disabled"?: ((...args: any[]) => any) | undefined;
"onUpdate:onClick"?: ((...args: any[]) => any) | undefined;
"onUpdate:name"?: ((...args: any[]) => any) | undefined;
"onUpdate:template"?: ((...args: any[]) => any) | undefined;
"onUpdate:text"?: ((...args: any[]) => any) | undefined;
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
"onUpdate:hint"?: ((...args: any[]) => any) | undefined;
"onUpdate:location"?: ((...args: any[]) => any) | undefined;
"onUpdate:options"?: ((...args: any[]) => any) | undefined;
"onUpdate:icon"?: ((...args: any[]) => any) | undefined;
"onUpdate:cssClass"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxChange: import("vue").DefineComponent<{
data: {};
insertAfterKey: {};
insertBeforeKey: {};
type: PropType<DataChangeType>;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:data": null;
"update:insertAfterKey": null;
"update:insertBeforeKey": null;
"update:type": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
data: {};
insertAfterKey: {};
insertBeforeKey: {};
type: PropType<DataChangeType>;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:data"?: ((...args: any[]) => any) | undefined;
"onUpdate:type"?: ((...args: any[]) => any) | undefined;
"onUpdate:insertAfterKey"?: ((...args: any[]) => any) | undefined;
"onUpdate:insertBeforeKey"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxColCountByScreen: import("vue").DefineComponent<{
lg: NumberConstructor;
md: NumberConstructor;
sm: NumberConstructor;
xs: NumberConstructor;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:lg": null;
"update:md": null;
"update:sm": null;
"update:xs": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
lg: NumberConstructor;
md: NumberConstructor;
sm: NumberConstructor;
xs: NumberConstructor;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:lg"?: ((...args: any[]) => any) | undefined;
"onUpdate:md"?: ((...args: any[]) => any) | undefined;
"onUpdate:sm"?: ((...args: any[]) => any) | undefined;
"onUpdate:xs"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxCollision: import("vue").DefineComponent<{
x: PropType<CollisionResolution>;
y: PropType<CollisionResolution>;
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:isActive": null;
"update:hoveredElement": null;
"update:x": null;
"update:y": null;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
x: PropType<CollisionResolution>;
y: PropType<CollisionResolution>;
}>> & {
"onUpdate:isActive"?: ((...args: any[]) => any) | undefined;
"onUpdate:hoveredElement"?: ((...args: any[]) => any) | undefined;
"onUpdate:x"?: ((...args: any[]) => any) | undefined;
"onUpdate:y"?: ((...args: any[]) => any) | undefined;
}, {}>;
declare const DxColumn: import("vue").DefineComponent<{
ai: PropType<Record<string, any> | ColumnAIOptions>;
alignment: PropType<HorizontalAlignment>;
allowEditing: BooleanConstructor;
allowExporting: BooleanConstructor;
allowFiltering: BooleanConstructor;
allowFixing: BooleanConstructor;
allowGrouping: BooleanConstructor;
allowHeaderFiltering: BooleanConstructor;
allowHiding: BooleanConstructor;
allowReordering: BooleanConstructor;
allowResizing: BooleanConstructor;
allowSearch: BooleanConstructor;
allowSorting: BooleanConstructor;
autoExpandGroup: BooleanConstructor;
buttons: PropType<(DataGridPredefinedColumnButton | dxDataGridColumnButton<any, any>)[]>;
calculateCellValue: PropType<(rowData: any) => any>;
calculateDisplayValue: PropType<string | ((rowData: any) => any)>;
calculateFilterExpression: PropType<(filterValue: any, selectedFilterOperation: string | null, target: string) => string | (() => any) | Array<any>>;
calculateGroupValue: PropType<string | ((rowData: any) => any)>;
calculateSortValue: PropType<string | ((rowData: any) => any)>;
caption: StringConstructor;
cellTemplate: {};
columns: PropType<(string | dxDataGridColumn<any, any>)[]>;
cssClass: StringConstructor;
customizeText: