devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
1,481 lines (1,480 loc) • 87.2 kB
JavaScript
/*!
* devextreme-vue
* Version: 25.1.5
* Build date: Wed Sep 03 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
*/
import { defineComponent } from "vue";
import { prepareComponentConfig } from "./core/index";
import TreeList from "devextreme/ui/tree_list";
import { prepareConfigurationComponentConfig } from "./core/index";
const componentConfig = {
props: {
accessKey: String,
activeStateEnabled: Boolean,
allowColumnReordering: Boolean,
allowColumnResizing: Boolean,
autoExpandAll: Boolean,
autoNavigateToFocusedRow: Boolean,
cacheEnabled: Boolean,
cellHintEnabled: Boolean,
columnAutoWidth: Boolean,
columnChooser: Object,
columnFixing: Object,
columnHidingEnabled: Boolean,
columnMinWidth: Number,
columnResizingMode: String,
columns: Array,
columnWidth: [String, Number],
customizeColumns: Function,
dataSource: [Array, Object, String],
dataStructure: String,
dateSerializationFormat: String,
disabled: Boolean,
editing: Object,
elementAttr: Object,
errorRowEnabled: Boolean,
expandedRowKeys: Array,
expandNodesOnFiltering: Boolean,
filterBuilder: Object,
filterBuilderPopup: Object,
filterMode: String,
filterPanel: Object,
filterRow: Object,
filterSyncEnabled: [Boolean, String],
filterValue: [Array, Function, String],
focusedColumnIndex: Number,
focusedRowEnabled: Boolean,
focusedRowIndex: Number,
focusedRowKey: {},
hasItemsExpr: [Function, String],
headerFilter: Object,
height: [Number, String],
highlightChanges: Boolean,
hint: String,
hoverStateEnabled: Boolean,
itemsExpr: [Function, String],
keyboardNavigation: Object,
keyExpr: [Function, String],
loadPanel: Object,
noDataText: String,
onAdaptiveDetailRowPreparing: Function,
onCellClick: Function,
onCellDblClick: Function,
onCellHoverChanged: Function,
onCellPrepared: Function,
onContentReady: Function,
onContextMenuPreparing: Function,
onDataErrorOccurred: Function,
onDisposing: Function,
onEditCanceled: Function,
onEditCanceling: Function,
onEditingStart: Function,
onEditorPrepared: Function,
onEditorPreparing: Function,
onFocusedCellChanged: Function,
onFocusedCellChanging: Function,
onFocusedRowChanged: Function,
onFocusedRowChanging: Function,
onInitialized: Function,
onInitNewRow: Function,
onKeyDown: Function,
onNodesInitialized: Function,
onOptionChanged: Function,
onRowClick: Function,
onRowCollapsed: Function,
onRowCollapsing: Function,
onRowDblClick: Function,
onRowExpanded: Function,
onRowExpanding: Function,
onRowInserted: Function,
onRowInserting: Function,
onRowPrepared: Function,
onRowRemoved: Function,
onRowRemoving: Function,
onRowUpdated: Function,
onRowUpdating: Function,
onRowValidating: Function,
onSaved: Function,
onSaving: Function,
onSelectionChanged: Function,
onToolbarPreparing: Function,
pager: Object,
paging: Object,
parentIdExpr: [Function, String],
remoteOperations: [String, Object],
renderAsync: Boolean,
repaintChangesOnly: Boolean,
rootValue: {},
rowAlternationEnabled: Boolean,
rowDragging: Object,
rtlEnabled: Boolean,
scrolling: Object,
searchPanel: Object,
selectedRowKeys: Array,
selection: Object,
showBorders: Boolean,
showColumnHeaders: Boolean,
showColumnLines: Boolean,
showRowLines: Boolean,
sorting: Object,
stateStoring: Object,
syncLookupFilterValues: Boolean,
tabIndex: Number,
toolbar: Object,
twoWayBindingEnabled: Boolean,
visible: Boolean,
width: [Number, String],
wordWrapEnabled: Boolean
},
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:allowColumnReordering": null,
"update:allowColumnResizing": null,
"update:autoExpandAll": 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:dataSource": null,
"update:dataStructure": null,
"update:dateSerializationFormat": null,
"update:disabled": null,
"update:editing": null,
"update:elementAttr": null,
"update:errorRowEnabled": null,
"update:expandedRowKeys": null,
"update:expandNodesOnFiltering": null,
"update:filterBuilder": null,
"update:filterBuilderPopup": null,
"update:filterMode": 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:hasItemsExpr": null,
"update:headerFilter": null,
"update:height": null,
"update:highlightChanges": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:itemsExpr": null,
"update:keyboardNavigation": null,
"update:keyExpr": null,
"update:loadPanel": null,
"update:noDataText": null,
"update:onAdaptiveDetailRowPreparing": 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:onFocusedCellChanged": null,
"update:onFocusedCellChanging": null,
"update:onFocusedRowChanged": null,
"update:onFocusedRowChanging": null,
"update:onInitialized": null,
"update:onInitNewRow": null,
"update:onKeyDown": null,
"update:onNodesInitialized": 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:parentIdExpr": null,
"update:remoteOperations": null,
"update:renderAsync": null,
"update:repaintChangesOnly": null,
"update:rootValue": null,
"update:rowAlternationEnabled": null,
"update:rowDragging": null,
"update:rtlEnabled": null,
"update:scrolling": null,
"update:searchPanel": null,
"update:selectedRowKeys": null,
"update:selection": null,
"update:showBorders": null,
"update:showColumnHeaders": null,
"update:showColumnLines": null,
"update:showRowLines": null,
"update:sorting": null,
"update:stateStoring": null,
"update:syncLookupFilterValues": null,
"update:tabIndex": null,
"update:toolbar": null,
"update:twoWayBindingEnabled": null,
"update:visible": null,
"update:width": null,
"update:wordWrapEnabled": null,
},
computed: {
instance() {
return this.$_instance;
}
},
beforeCreate() {
this.$_WidgetClass = TreeList;
this.$_hasAsyncTemplate = false;
this.$_expectedChildren = {
column: { isCollectionItem: true, optionName: "columns" },
columnChooser: { isCollectionItem: false, optionName: "columnChooser" },
columnFixing: { isCollectionItem: false, optionName: "columnFixing" },
editing: { isCollectionItem: false, optionName: "editing" },
filterBuilder: { isCollectionItem: false, optionName: "filterBuilder" },
filterBuilderPopup: { isCollectionItem: false, optionName: "filterBuilderPopup" },
filterPanel: { isCollectionItem: false, optionName: "filterPanel" },
filterRow: { isCollectionItem: false, optionName: "filterRow" },
headerFilter: { isCollectionItem: false, optionName: "headerFilter" },
keyboardNavigation: { isCollectionItem: false, optionName: "keyboardNavigation" },
loadPanel: { isCollectionItem: false, optionName: "loadPanel" },
pager: { isCollectionItem: false, optionName: "pager" },
paging: { isCollectionItem: false, optionName: "paging" },
remoteOperations: { isCollectionItem: false, optionName: "remoteOperations" },
rowDragging: { isCollectionItem: false, optionName: "rowDragging" },
scrolling: { isCollectionItem: false, optionName: "scrolling" },
searchPanel: { isCollectionItem: false, optionName: "searchPanel" },
selection: { isCollectionItem: false, optionName: "selection" },
sorting: { isCollectionItem: false, optionName: "sorting" },
stateStoring: { isCollectionItem: false, optionName: "stateStoring" },
toolbar: { isCollectionItem: false, optionName: "toolbar" },
treeListHeaderFilter: { isCollectionItem: false, optionName: "headerFilter" },
treeListSelection: { isCollectionItem: false, optionName: "selection" }
};
}
};
prepareComponentConfig(componentConfig);
const DxTreeList = defineComponent(componentConfig);
const DxAnimationConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:hide": null,
"update:show": null,
},
props: {
hide: [Object, Number, String],
show: [Object, Number, String]
}
};
prepareConfigurationComponentConfig(DxAnimationConfig);
const DxAnimation = defineComponent(DxAnimationConfig);
DxAnimation.$_optionName = "animation";
DxAnimation.$_expectedChildren = {
hide: { isCollectionItem: false, optionName: "hide" },
show: { isCollectionItem: false, optionName: "show" }
};
const DxAsyncRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:ignoreEmptyValue": null,
"update:message": null,
"update:reevaluate": null,
"update:type": null,
"update:validationCallback": null,
},
props: {
ignoreEmptyValue: Boolean,
message: String,
reevaluate: Boolean,
type: String,
validationCallback: Function
}
};
prepareConfigurationComponentConfig(DxAsyncRuleConfig);
const DxAsyncRule = defineComponent(DxAsyncRuleConfig);
DxAsyncRule.$_optionName = "validationRules";
DxAsyncRule.$_isCollectionItem = true;
DxAsyncRule.$_predefinedProps = {
type: "async"
};
const DxAtConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:x": null,
"update:y": null,
},
props: {
x: String,
y: String
}
};
prepareConfigurationComponentConfig(DxAtConfig);
const DxAt = defineComponent(DxAtConfig);
DxAt.$_optionName = "at";
const DxBoundaryOffsetConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:x": null,
"update:y": null,
},
props: {
x: Number,
y: Number
}
};
prepareConfigurationComponentConfig(DxBoundaryOffsetConfig);
const DxBoundaryOffset = defineComponent(DxBoundaryOffsetConfig);
DxBoundaryOffset.$_optionName = "boundaryOffset";
const DxButtonConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:cssClass": null,
"update:disabled": null,
"update:hint": null,
"update:icon": null,
"update:name": null,
"update:onClick": null,
"update:template": null,
"update:text": null,
"update:visible": null,
},
props: {
cssClass: String,
disabled: [Boolean, Function],
hint: String,
icon: String,
name: String,
onClick: Function,
template: {},
text: String,
visible: [Boolean, Function]
}
};
prepareConfigurationComponentConfig(DxButtonConfig);
const DxButton = defineComponent(DxButtonConfig);
DxButton.$_optionName = "buttons";
DxButton.$_isCollectionItem = true;
const DxChangeConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:data": null,
"update:insertAfterKey": null,
"update:insertBeforeKey": null,
"update:type": null,
},
props: {
data: {},
insertAfterKey: {},
insertBeforeKey: {},
type: String
}
};
prepareConfigurationComponentConfig(DxChangeConfig);
const DxChange = defineComponent(DxChangeConfig);
DxChange.$_optionName = "changes";
DxChange.$_isCollectionItem = true;
const DxColCountByScreenConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:lg": null,
"update:md": null,
"update:sm": null,
"update:xs": null,
},
props: {
lg: Number,
md: Number,
sm: Number,
xs: Number
}
};
prepareConfigurationComponentConfig(DxColCountByScreenConfig);
const DxColCountByScreen = defineComponent(DxColCountByScreenConfig);
DxColCountByScreen.$_optionName = "colCountByScreen";
const DxCollisionConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:x": null,
"update:y": null,
},
props: {
x: String,
y: String
}
};
prepareConfigurationComponentConfig(DxCollisionConfig);
const DxCollision = defineComponent(DxCollisionConfig);
DxCollision.$_optionName = "collision";
const DxColumnConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:allowEditing": null,
"update:allowFiltering": null,
"update:allowFixing": null,
"update:allowHeaderFiltering": null,
"update:allowHiding": null,
"update:allowReordering": null,
"update:allowResizing": null,
"update:allowSearch": null,
"update:allowSorting": null,
"update:buttons": null,
"update:calculateCellValue": null,
"update:calculateDisplayValue": null,
"update:calculateFilterExpression": null,
"update:calculateSortValue": null,
"update:caption": null,
"update:cellTemplate": null,
"update:columns": null,
"update:cssClass": null,
"update:customizeText": null,
"update:dataField": null,
"update:dataType": null,
"update:editCellTemplate": null,
"update:editorOptions": null,
"update:encodeHtml": null,
"update:falseText": null,
"update:filterOperations": null,
"update:filterType": null,
"update:filterValue": null,
"update:filterValues": null,
"update:fixed": null,
"update:fixedPosition": null,
"update:format": null,
"update:formItem": null,
"update:headerCellTemplate": null,
"update:headerFilter": null,
"update:hidingPriority": null,
"update:isBand": null,
"update:lookup": null,
"update:minWidth": null,
"update:name": null,
"update:ownerBand": null,
"update:renderAsync": null,
"update:selectedFilterOperation": null,
"update:setCellValue": null,
"update:showEditorAlways": null,
"update:showInColumnChooser": null,
"update:sortIndex": null,
"update:sortingMethod": null,
"update:sortOrder": null,
"update:trueText": null,
"update:type": null,
"update:validationRules": null,
"update:visible": null,
"update:visibleIndex": null,
"update:width": null,
},
props: {
alignment: String,
allowEditing: Boolean,
allowFiltering: Boolean,
allowFixing: Boolean,
allowHeaderFiltering: Boolean,
allowHiding: Boolean,
allowReordering: Boolean,
allowResizing: Boolean,
allowSearch: Boolean,
allowSorting: Boolean,
buttons: Array,
calculateCellValue: Function,
calculateDisplayValue: [Function, String],
calculateFilterExpression: Function,
calculateSortValue: [Function, String],
caption: String,
cellTemplate: {},
columns: Array,
cssClass: String,
customizeText: Function,
dataField: String,
dataType: String,
editCellTemplate: {},
editorOptions: {},
encodeHtml: Boolean,
falseText: String,
filterOperations: Array,
filterType: String,
filterValue: {},
filterValues: Array,
fixed: Boolean,
fixedPosition: String,
format: [Object, String, Function],
formItem: Object,
headerCellTemplate: {},
headerFilter: Object,
hidingPriority: Number,
isBand: Boolean,
lookup: Object,
minWidth: Number,
name: String,
ownerBand: Number,
renderAsync: Boolean,
selectedFilterOperation: String,
setCellValue: Function,
showEditorAlways: Boolean,
showInColumnChooser: Boolean,
sortIndex: Number,
sortingMethod: Function,
sortOrder: String,
trueText: String,
type: String,
validationRules: Array,
visible: Boolean,
visibleIndex: Number,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxColumnConfig);
const DxColumn = defineComponent(DxColumnConfig);
DxColumn.$_optionName = "columns";
DxColumn.$_isCollectionItem = true;
DxColumn.$_expectedChildren = {
AsyncRule: { isCollectionItem: true, optionName: "validationRules" },
button: { isCollectionItem: true, optionName: "buttons" },
columnHeaderFilter: { isCollectionItem: false, optionName: "headerFilter" },
columnLookup: { isCollectionItem: false, optionName: "lookup" },
CompareRule: { isCollectionItem: true, optionName: "validationRules" },
CustomRule: { isCollectionItem: true, optionName: "validationRules" },
EmailRule: { isCollectionItem: true, optionName: "validationRules" },
format: { isCollectionItem: false, optionName: "format" },
formItem: { isCollectionItem: false, optionName: "formItem" },
headerFilter: { isCollectionItem: false, optionName: "headerFilter" },
lookup: { isCollectionItem: false, optionName: "lookup" },
NumericRule: { isCollectionItem: true, optionName: "validationRules" },
PatternRule: { isCollectionItem: true, optionName: "validationRules" },
RangeRule: { isCollectionItem: true, optionName: "validationRules" },
RequiredRule: { isCollectionItem: true, optionName: "validationRules" },
StringLengthRule: { isCollectionItem: true, optionName: "validationRules" },
validationRule: { isCollectionItem: true, optionName: "validationRules" }
};
const DxColumnChooserConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowSearch": null,
"update:container": null,
"update:emptyPanelText": null,
"update:enabled": null,
"update:height": null,
"update:mode": null,
"update:position": null,
"update:search": null,
"update:searchTimeout": null,
"update:selection": null,
"update:sortOrder": null,
"update:title": null,
"update:width": null,
},
props: {
allowSearch: Boolean,
container: {},
emptyPanelText: String,
enabled: Boolean,
height: [Number, String],
mode: String,
position: Object,
search: Object,
searchTimeout: Number,
selection: Object,
sortOrder: String,
title: String,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxColumnChooserConfig);
const DxColumnChooser = defineComponent(DxColumnChooserConfig);
DxColumnChooser.$_optionName = "columnChooser";
DxColumnChooser.$_expectedChildren = {
columnChooserSearch: { isCollectionItem: false, optionName: "search" },
columnChooserSelection: { isCollectionItem: false, optionName: "selection" },
position: { isCollectionItem: false, optionName: "position" },
search: { isCollectionItem: false, optionName: "search" },
selection: { isCollectionItem: false, optionName: "selection" }
};
const DxColumnChooserSearchConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:editorOptions": null,
"update:enabled": null,
"update:timeout": null,
},
props: {
editorOptions: {},
enabled: Boolean,
timeout: Number
}
};
prepareConfigurationComponentConfig(DxColumnChooserSearchConfig);
const DxColumnChooserSearch = defineComponent(DxColumnChooserSearchConfig);
DxColumnChooserSearch.$_optionName = "search";
const DxColumnChooserSelectionConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowSelectAll": null,
"update:recursive": null,
"update:selectByClick": null,
},
props: {
allowSelectAll: Boolean,
recursive: Boolean,
selectByClick: Boolean
}
};
prepareConfigurationComponentConfig(DxColumnChooserSelectionConfig);
const DxColumnChooserSelection = defineComponent(DxColumnChooserSelectionConfig);
DxColumnChooserSelection.$_optionName = "selection";
const DxColumnFixingConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:enabled": null,
"update:icons": null,
"update:texts": null,
},
props: {
enabled: Boolean,
icons: Object,
texts: Object
}
};
prepareConfigurationComponentConfig(DxColumnFixingConfig);
const DxColumnFixing = defineComponent(DxColumnFixingConfig);
DxColumnFixing.$_optionName = "columnFixing";
DxColumnFixing.$_expectedChildren = {
columnFixingTexts: { isCollectionItem: false, optionName: "texts" },
icons: { isCollectionItem: false, optionName: "icons" },
texts: { isCollectionItem: false, optionName: "texts" }
};
const DxColumnFixingTextsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:fix": null,
"update:leftPosition": null,
"update:rightPosition": null,
"update:stickyPosition": null,
"update:unfix": null,
},
props: {
fix: String,
leftPosition: String,
rightPosition: String,
stickyPosition: String,
unfix: String
}
};
prepareConfigurationComponentConfig(DxColumnFixingTextsConfig);
const DxColumnFixingTexts = defineComponent(DxColumnFixingTextsConfig);
DxColumnFixingTexts.$_optionName = "texts";
const DxColumnHeaderFilterConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowSearch": null,
"update:allowSelectAll": null,
"update:dataSource": null,
"update:groupInterval": null,
"update:height": null,
"update:search": null,
"update:searchMode": null,
"update:width": null,
},
props: {
allowSearch: Boolean,
allowSelectAll: Boolean,
dataSource: [Array, Object, Function],
groupInterval: [String, Number],
height: [Number, String],
search: Object,
searchMode: String,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxColumnHeaderFilterConfig);
const DxColumnHeaderFilter = defineComponent(DxColumnHeaderFilterConfig);
DxColumnHeaderFilter.$_optionName = "headerFilter";
DxColumnHeaderFilter.$_expectedChildren = {
columnHeaderFilterSearch: { isCollectionItem: false, optionName: "search" },
search: { isCollectionItem: false, optionName: "search" }
};
const DxColumnHeaderFilterSearchConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:editorOptions": null,
"update:enabled": null,
"update:mode": null,
"update:searchExpr": null,
"update:timeout": null,
},
props: {
editorOptions: {},
enabled: Boolean,
mode: String,
searchExpr: [Array, Function, String],
timeout: Number
}
};
prepareConfigurationComponentConfig(DxColumnHeaderFilterSearchConfig);
const DxColumnHeaderFilterSearch = defineComponent(DxColumnHeaderFilterSearchConfig);
DxColumnHeaderFilterSearch.$_optionName = "search";
const DxColumnLookupConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowClearing": null,
"update:calculateCellValue": null,
"update:dataSource": null,
"update:displayExpr": null,
"update:valueExpr": null,
},
props: {
allowClearing: Boolean,
calculateCellValue: Function,
dataSource: [Array, Object, Function],
displayExpr: [Function, String],
valueExpr: String
}
};
prepareConfigurationComponentConfig(DxColumnLookupConfig);
const DxColumnLookup = defineComponent(DxColumnLookupConfig);
DxColumnLookup.$_optionName = "lookup";
const DxCompareRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:comparisonTarget": null,
"update:comparisonType": null,
"update:ignoreEmptyValue": null,
"update:message": null,
"update:type": null,
},
props: {
comparisonTarget: Function,
comparisonType: String,
ignoreEmptyValue: Boolean,
message: String,
type: String
}
};
prepareConfigurationComponentConfig(DxCompareRuleConfig);
const DxCompareRule = defineComponent(DxCompareRuleConfig);
DxCompareRule.$_optionName = "validationRules";
DxCompareRule.$_isCollectionItem = true;
DxCompareRule.$_predefinedProps = {
type: "compare"
};
const DxCursorOffsetConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:x": null,
"update:y": null,
},
props: {
x: Number,
y: Number
}
};
prepareConfigurationComponentConfig(DxCursorOffsetConfig);
const DxCursorOffset = defineComponent(DxCursorOffsetConfig);
DxCursorOffset.$_optionName = "cursorOffset";
const DxCustomOperationConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:calculateFilterExpression": null,
"update:caption": null,
"update:customizeText": null,
"update:dataTypes": null,
"update:editorTemplate": null,
"update:hasValue": null,
"update:icon": null,
"update:name": null,
},
props: {
calculateFilterExpression: Function,
caption: String,
customizeText: Function,
dataTypes: Array,
editorTemplate: {},
hasValue: Boolean,
icon: String,
name: String
}
};
prepareConfigurationComponentConfig(DxCustomOperationConfig);
const DxCustomOperation = defineComponent(DxCustomOperationConfig);
DxCustomOperation.$_optionName = "customOperations";
DxCustomOperation.$_isCollectionItem = true;
const DxCustomRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:ignoreEmptyValue": null,
"update:message": null,
"update:reevaluate": null,
"update:type": null,
"update:validationCallback": null,
},
props: {
ignoreEmptyValue: Boolean,
message: String,
reevaluate: Boolean,
type: String,
validationCallback: Function
}
};
prepareConfigurationComponentConfig(DxCustomRuleConfig);
const DxCustomRule = defineComponent(DxCustomRuleConfig);
DxCustomRule.$_optionName = "validationRules";
DxCustomRule.$_isCollectionItem = true;
DxCustomRule.$_predefinedProps = {
type: "custom"
};
const DxEditingConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowAdding": null,
"update:allowDeleting": null,
"update:allowUpdating": null,
"update:changes": null,
"update:confirmDelete": null,
"update:editColumnName": null,
"update:editRowKey": null,
"update:form": null,
"update:mode": null,
"update:popup": null,
"update:refreshMode": null,
"update:selectTextOnEditStart": null,
"update:startEditAction": null,
"update:texts": null,
"update:useIcons": null,
},
props: {
allowAdding: [Boolean, Function],
allowDeleting: [Boolean, Function],
allowUpdating: [Boolean, Function],
changes: Array,
confirmDelete: Boolean,
editColumnName: String,
editRowKey: {},
form: Object,
mode: String,
popup: Object,
refreshMode: String,
selectTextOnEditStart: Boolean,
startEditAction: String,
texts: Object,
useIcons: Boolean
}
};
prepareConfigurationComponentConfig(DxEditingConfig);
const DxEditing = defineComponent(DxEditingConfig);
DxEditing.$_optionName = "editing";
DxEditing.$_expectedChildren = {
change: { isCollectionItem: true, optionName: "changes" },
editingTexts: { isCollectionItem: false, optionName: "texts" },
form: { isCollectionItem: false, optionName: "form" },
popup: { isCollectionItem: false, optionName: "popup" },
texts: { isCollectionItem: false, optionName: "texts" }
};
const DxEditingTextsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:addRow": null,
"update:addRowToNode": null,
"update:cancelAllChanges": null,
"update:cancelRowChanges": null,
"update:confirmDeleteMessage": null,
"update:confirmDeleteTitle": null,
"update:deleteRow": null,
"update:editRow": null,
"update:saveAllChanges": null,
"update:saveRowChanges": null,
"update:undeleteRow": null,
"update:validationCancelChanges": null,
},
props: {
addRow: String,
addRowToNode: String,
cancelAllChanges: String,
cancelRowChanges: String,
confirmDeleteMessage: String,
confirmDeleteTitle: String,
deleteRow: String,
editRow: String,
saveAllChanges: String,
saveRowChanges: String,
undeleteRow: String,
validationCancelChanges: String
}
};
prepareConfigurationComponentConfig(DxEditingTextsConfig);
const DxEditingTexts = defineComponent(DxEditingTextsConfig);
DxEditingTexts.$_optionName = "texts";
const DxEmailRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:ignoreEmptyValue": null,
"update:message": null,
"update:type": null,
},
props: {
ignoreEmptyValue: Boolean,
message: String,
type: String
}
};
prepareConfigurationComponentConfig(DxEmailRuleConfig);
const DxEmailRule = defineComponent(DxEmailRuleConfig);
DxEmailRule.$_optionName = "validationRules";
DxEmailRule.$_isCollectionItem = true;
DxEmailRule.$_predefinedProps = {
type: "email"
};
const DxFieldConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:calculateFilterExpression": null,
"update:caption": null,
"update:customizeText": null,
"update:dataField": null,
"update:dataType": null,
"update:editorOptions": null,
"update:editorTemplate": null,
"update:falseText": null,
"update:filterOperations": null,
"update:format": null,
"update:lookup": null,
"update:name": null,
"update:trueText": null,
},
props: {
calculateFilterExpression: Function,
caption: String,
customizeText: Function,
dataField: String,
dataType: String,
editorOptions: {},
editorTemplate: {},
falseText: String,
filterOperations: Array,
format: [Object, String, Function],
lookup: Object,
name: String,
trueText: String
}
};
prepareConfigurationComponentConfig(DxFieldConfig);
const DxField = defineComponent(DxFieldConfig);
DxField.$_optionName = "fields";
DxField.$_isCollectionItem = true;
DxField.$_expectedChildren = {
fieldLookup: { isCollectionItem: false, optionName: "lookup" },
format: { isCollectionItem: false, optionName: "format" },
lookup: { isCollectionItem: false, optionName: "lookup" }
};
const DxFieldLookupConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowClearing": null,
"update:dataSource": null,
"update:displayExpr": null,
"update:valueExpr": null,
},
props: {
allowClearing: Boolean,
dataSource: [Array, Object],
displayExpr: [Function, String],
valueExpr: [Function, String]
}
};
prepareConfigurationComponentConfig(DxFieldLookupConfig);
const DxFieldLookup = defineComponent(DxFieldLookupConfig);
DxFieldLookup.$_optionName = "lookup";
const DxFilterBuilderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:allowHierarchicalFields": null,
"update:customOperations": null,
"update:disabled": null,
"update:elementAttr": null,
"update:fields": null,
"update:filterOperationDescriptions": null,
"update:focusStateEnabled": null,
"update:groupOperationDescriptions": null,
"update:groupOperations": null,
"update:height": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:maxGroupLevel": null,
"update:onContentReady": null,
"update:onDisposing": null,
"update:onEditorPrepared": null,
"update:onEditorPreparing": null,
"update:onInitialized": null,
"update:onOptionChanged": null,
"update:onValueChanged": null,
"update:rtlEnabled": null,
"update:tabIndex": null,
"update:value": null,
"update:visible": null,
"update:width": null,
},
props: {
accessKey: String,
activeStateEnabled: Boolean,
allowHierarchicalFields: Boolean,
customOperations: Array,
disabled: Boolean,
elementAttr: Object,
fields: Array,
filterOperationDescriptions: Object,
focusStateEnabled: Boolean,
groupOperationDescriptions: Object,
groupOperations: Array,
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
maxGroupLevel: Number,
onContentReady: Function,
onDisposing: Function,
onEditorPrepared: Function,
onEditorPreparing: Function,
onInitialized: Function,
onOptionChanged: Function,
onValueChanged: Function,
rtlEnabled: Boolean,
tabIndex: Number,
value: [Array, Function, String],
visible: Boolean,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxFilterBuilderConfig);
const DxFilterBuilder = defineComponent(DxFilterBuilderConfig);
DxFilterBuilder.$_optionName = "filterBuilder";
DxFilterBuilder.$_expectedChildren = {
customOperation: { isCollectionItem: true, optionName: "customOperations" },
field: { isCollectionItem: true, optionName: "fields" },
filterOperationDescriptions: { isCollectionItem: false, optionName: "filterOperationDescriptions" },
groupOperationDescriptions: { isCollectionItem: false, optionName: "groupOperationDescriptions" }
};
const DxFilterBuilderPopupConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:animation": null,
"update:container": null,
"update:contentTemplate": null,
"update:deferRendering": null,
"update:disabled": null,
"update:dragAndResizeArea": null,
"update:dragEnabled": null,
"update:dragOutsideBoundary": null,
"update:enableBodyScroll": null,
"update:focusStateEnabled": null,
"update:fullScreen": null,
"update:height": null,
"update:hideOnOutsideClick": null,
"update:hideOnParentScroll": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:maxHeight": null,
"update:maxWidth": null,
"update:minHeight": null,
"update:minWidth": null,
"update:onContentReady": null,
"update:onDisposing": null,
"update:onHidden": null,
"update:onHiding": null,
"update:onInitialized": null,
"update:onOptionChanged": null,
"update:onResize": null,
"update:onResizeEnd": null,
"update:onResizeStart": null,
"update:onShowing": null,
"update:onShown": null,
"update:onTitleRendered": null,
"update:position": null,
"update:resizeEnabled": null,
"update:restorePosition": null,
"update:rtlEnabled": null,
"update:shading": null,
"update:shadingColor": null,
"update:showCloseButton": null,
"update:showTitle": null,
"update:tabIndex": null,
"update:title": null,
"update:titleTemplate": null,
"update:toolbarItems": null,
"update:visible": null,
"update:width": null,
"update:wrapperAttr": null,
},
props: {
accessKey: String,
animation: Object,
container: {},
contentTemplate: {},
deferRendering: Boolean,
disabled: Boolean,
dragAndResizeArea: {},
dragEnabled: Boolean,
dragOutsideBoundary: Boolean,
enableBodyScroll: Boolean,
focusStateEnabled: Boolean,
fullScreen: Boolean,
height: [Number, String],
hideOnOutsideClick: [Boolean, Function],
hideOnParentScroll: Boolean,
hint: String,
hoverStateEnabled: Boolean,
maxHeight: [Number, String],
maxWidth: [Number, String],
minHeight: [Number, String],
minWidth: [Number, String],
onContentReady: Function,
onDisposing: Function,
onHidden: Function,
onHiding: Function,
onInitialized: Function,
onOptionChanged: Function,
onResize: Function,
onResizeEnd: Function,
onResizeStart: Function,
onShowing: Function,
onShown: Function,
onTitleRendered: Function,
position: [Function, String, Object],
resizeEnabled: Boolean,
restorePosition: Boolean,
rtlEnabled: Boolean,
shading: Boolean,
shadingColor: String,
showCloseButton: Boolean,
showTitle: Boolean,
tabIndex: Number,
title: String,
titleTemplate: {},
toolbarItems: Array,
visible: Boolean,
width: [Number, String],
wrapperAttr: {}
}
};
prepareConfigurationComponentConfig(DxFilterBuilderPopupConfig);
const DxFilterBuilderPopup = defineComponent(DxFilterBuilderPopupConfig);
DxFilterBuilderPopup.$_optionName = "filterBuilderPopup";
DxFilterBuilderPopup.$_expectedChildren = {
animation: { isCollectionItem: false, optionName: "animation" },
position: { isCollectionItem: false, optionName: "position" },
toolbarItem: { isCollectionItem: true, optionName: "toolbarItems" }
};
const DxFilterOperationDescriptionsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:between": null,
"update:contains": null,
"update:endsWith": null,
"update:equal": null,
"update:greaterThan": null,
"update:greaterThanOrEqual": null,
"update:isBlank": null,
"update:isNotBlank": null,
"update:lessThan": null,
"update:lessThanOrEqual": null,
"update:notContains": null,
"update:notEqual": null,
"update:startsWith": null,
},
props: {
between: String,
contains: String,
endsWith: String,
equal: String,
greaterThan: String,
greaterThanOrEqual: String,
isBlank: String,
isNotBlank: String,
lessThan: String,
lessThanOrEqual: String,
notContains: String,
notEqual: String,
startsWith: String
}
};
prepareConfigurationComponentConfig(DxFilterOperationDescriptionsConfig);
const DxFilterOperationDescriptions = defineComponent(DxFilterOperationDescriptionsConfig);
DxFilterOperationDescriptions.$_optionName = "filterOperationDescriptions";
const DxFilterPanelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:customizeText": null,
"update:filterEnabled": null,
"update:texts": null,
"update:visible": null,
},
props: {
customizeText: Function,
filterEnabled: Boolean,
texts: Object,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxFilterPanelConfig);
const DxFilterPanel = defineComponent(DxFilterPanelConfig);
DxFilterPanel.$_optionName = "filterPanel";
DxFilterPanel.$_expectedChildren = {
filterPanelTexts: { isCollectionItem: false, optionName: "texts" },
texts: { isCollectionItem: false, optionName: "texts" }
};
const DxFilterPanelTextsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:clearFilter": null,
"update:createFilter": null,
"update:filterEnabledHint": null,
},
props: {
clearFilter: String,
createFilter: String,
filterEnabledHint: String
}
};
prepareConfigurationComponentConfig(DxFilterPanelTextsConfig);
const DxFilterPanelTexts = defineComponent(DxFilterPanelTextsConfig);
DxFilterPanelTexts.$_optionName = "texts";
const DxFilterRowConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:applyFilter": null,
"update:applyFilterText": null,
"update:betweenEndText": null,
"update:betweenStartText": null,
"update:operationDescriptions": null,
"update:resetOperationText": null,
"update:showAllText": null,
"update:showOperationChooser": null,
"update:visible": null,
},
props: {
applyFilter: String,
applyFilterText: String,
betweenEndText: String,
betweenStartText: String,
operationDescriptions: Object,
resetOperationText: String,
showAllText: String,
showOperationChooser: Boolean,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxFilterRowConfig);
const DxFilterRow = defineComponent(DxFilterRowConfig);
DxFilterRow.$_optionName = "filterRow";
DxFilterRow.$_expectedChildren = {
operationDescriptions: { isCollectionItem: false, optionName: "operationDescriptions" }
};
const DxFormConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:alignItemLabels": null,
"update:alignItemLabelsInAllGroups": null,
"update:colCount": null,
"update:colCountByScreen": null,
"update:customizeItem": null,
"update:disabled": null,
"update:elementAttr": null,
"update:focusStateEnabled": null,
"update:formData": null,
"update:height": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:isDirty": null,
"update:items": null,
"update:labelLocation": null,
"update:labelMode": null,
"update:minColWidth": null,
"update:onContentReady": null,
"update:onDisposing": null,
"update:onEditorEnterKey": null,
"update:onFieldDataChanged": null,
"update:onInitialized": null,
"update:onOptionChanged": null,
"update:optionalMark": null,
"update:readOnly": null,
"update:requiredMark": null,
"update:requiredMessage": null,
"update:rtlEnabled": null,
"update:screenByWidth": null,
"update:scrollingEnabled": null,
"update:showColonAfterLabel": null,
"update:showOptionalMark": null,
"update:showRequiredMark": null,
"update:showValidationSummary": null,
"update:tabIndex": null,
"update:validationGroup": null,
"update:visible": null,
"update:width": null,
},
props: {
accessKey: String,
activeStateEnabled: Boolean,
alignItemLabels: Boolean,
alignItemLabelsInAllGroups: Boolean,
colCount: [String, Number],
colCountByScreen: Object,
customizeItem: Function,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
formData: {},
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
isDirty: Boolean,
items: Array,
labelLocation: String,
labelMode: String,
minColWidth: Number,
onContentReady: Function,
onDisposing: Function,
onEditorEnterKey: Function,
onFieldDataChanged: Function,
onInitialized: Function,
onOptionChanged: Function,
optionalMark: String,
readOnly: Boolean,
requiredMark: String,
requiredMessage: String,
rtlEnabled: Boolean,
screenByWidth: Function,
scrollingEnabled: Boolean,
showColonAfterLabel: Boolean,
showOptionalMark: Boolean,
showRequiredMark: Boolean,
showValidationSummary: Boolean,
tabIndex: Number,
validationGroup: String,
visible: Boolean,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxFormConfig);
const DxForm = defineComponent(DxFormConfig);
DxForm.$_optionName = "form";
DxForm.$_expectedChildren = {
colCountByScreen: { isCollectionItem: false, optionName: "colCountByScreen" }
};
const DxFormatConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:currency": null,
"update:formatter": null,
"update:parser": null,
"update:precision": null,
"update:type": null,
"update:useCurrencyAccountingStyle": null,
},
props: {
currency: String,
formatter: Function,
parser: Function,
precision: Number,
type: String,
useCurrencyAccountingStyle: Boolean
}
};
prepareConfigurationComponentConfig(DxFormatConfig);
const DxFormat = defineComponent(DxFormatConfig);
DxFormat.$_optionName = "format";
const DxFormItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:colSpan": null,
"update:cssClass": null,
"update:dataField": null,
"update:editorOptions": null,
"update:editorType": null,
"update:helpText": null,
"update:isRequired": null,
"update:itemType": null,
"update:label": null,
"update:name": null,
"update:template": null,
"update:validationRules": null,
"update:visible": null,
"update:visibleIndex": null,
},
props: {
colSpan: Number,
cssClass: String,
dataField: String,
editorOptions: {},
editorType: