devextreme-vue
Version:
DevExtreme UI and Visualization Components for Vue
3,570 lines • 117 kB
JavaScript
/*!
* devextreme-vue
* Version: 26.1.4
* Build date: Fri Jul 24 2026
*
* Copyright (c) 2012 - 2026 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
*/
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,
aiAssistant: Object,
aiIntegration: Object,
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,
onAIAssistantRequestCreating: Function,
onAIColumnRequestCreating: 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:aiAssistant": null,
"update:aiIntegration": 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:onAIAssistantRequestCreating": 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: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 = {
aiAssistant: { isCollectionItem: false, optionName: "aiAssistant" },
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 DxAIConfig = {
emits: {
"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,
},
props: {
aiIntegration: Object,
editorOptions: Object,
emptyText: String,
mode: String,
noDataText: String,
popup: Object,
prompt: String,
showHeaderMenu: Boolean
}
};
prepareConfigurationComponentConfig(DxAIConfig);
const DxAI = defineComponent(DxAIConfig);
DxAI.$_optionName = "ai";
DxAI.$_expectedChildren = {
editorOptions: { isCollectionItem: false, optionName: "editorOptions" }
};
const DxAIAssistantConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aiIntegration": null,
"update:chat": null,
"update:customizeResponseText": null,
"update:customizeResponseTitle": null,
"update:enabled": null,
"update:popup": null,
"update:title": null,
},
props: {
aiIntegration: Object,
chat: Object,
customizeResponseText: Function,
customizeResponseTitle: Function,
enabled: Boolean,
popup: Object,
title: String
}
};
prepareConfigurationComponentConfig(DxAIAssistantConfig);
const DxAIAssistant = defineComponent(DxAIAssistantConfig);
DxAIAssistant.$_optionName = "aiAssistant";
DxAIAssistant.$_expectedChildren = {
popup: { isCollectionItem: false, optionName: "popup" }
};
const DxAIOptionsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:disabled": null,
"update:instruction": null,
},
props: {
disabled: Boolean,
instruction: String
}
};
prepareConfigurationComponentConfig(DxAIOptionsConfig);
const DxAIOptions = defineComponent(DxAIOptionsConfig);
DxAIOptions.$_optionName = "aiOptions";
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:location": null,
"update:name": null,
"update:onClick": null,
"update:options": null,
"update:template": null,
"update:text": null,
"update:visible": null,
},
props: {
cssClass: String,
disabled: [Boolean, Function],
hint: String,
icon: String,
location: String,
name: String,
onClick: Function,
options: Object,
template: {},
text: String,
visible: [Boolean, Function]
}
};
prepareConfigurationComponentConfig(DxButtonConfig);
const DxButton = defineComponent(DxButtonConfig);
DxButton.$_optionName = "buttons";
DxButton.$_isCollectionItem = true;
DxButton.$_expectedChildren = {
options: { isCollectionItem: false, optionName: "options" }
};
const DxButtonItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:buttonOptions": null,
"update:colSpan": null,
"update:cssClass": null,
"update:horizontalAlignment": null,
"update:itemType": null,
"update:name": null,
"update:verticalAlignment": null,
"update:visible": null,
"update:visibleIndex": null,
},
props: {
buttonOptions: Object,
colSpan: Number,
cssClass: String,
horizontalAlignment: String,
itemType: String,
name: String,
verticalAlignment: String,
visible: Boolean,
visibleIndex: Number
}
};
prepareConfigurationComponentConfig(DxButtonItemConfig);
const DxButtonItem = defineComponent(DxButtonItemConfig);
DxButtonItem.$_optionName = "items";
DxButtonItem.$_isCollectionItem = true;
DxButtonItem.$_predefinedProps = {
itemType: "button"
};
DxButtonItem.$_expectedChildren = {
buttonOptions: { isCollectionItem: false, optionName: "buttonOptions" }
};
const DxButtonOptionsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:disabled": null,
"update:elementAttr": null,
"update:focusStateEnabled": null,
"update:height": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:icon": null,
"update:onClick": null,
"update:onContentReady": null,
"update:onDisposing": null,
"update:onInitialized": null,
"update:onOptionChanged": null,
"update:rtlEnabled": null,
"update:stylingMode": null,
"update:tabIndex": null,
"update:template": null,
"update:text": null,
"update:type": null,
"update:useSubmitBehavior": null,
"update:validationGroup": null,
"update:visible": null,
"update:width": null,
},
props: {
accessKey: String,
activeStateEnabled: Boolean,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
icon: String,
onClick: Function,
onContentReady: Function,
onDisposing: Function,
onInitialized: Function,
onOptionChanged: Function,
rtlEnabled: Boolean,
stylingMode: String,
tabIndex: Number,
template: {},
text: String,
type: String,
useSubmitBehavior: Boolean,
validationGroup: String,
visible: Boolean,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxButtonOptionsConfig);
const DxButtonOptions = defineComponent(DxButtonOptionsConfig);
DxButtonOptions.$_optionName = "buttonOptions";
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:ai": 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: {
ai: Object,
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 = {
ai: { isCollectionItem: false, optionName: "ai" },
AsyncRule: { isCollectionItem: true, optionName: "validationRules" },
button: { isCollectionItem: true, optionName: "buttons" },
columnButton: { 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 DxColumnButtonConfig = {
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(DxColumnButtonConfig);
const DxColumnButton = defineComponent(DxColumnButtonConfig);
DxColumnButton.$_optionName = "buttons";
DxColumnButton.$_isCollectionItem = true;
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: [Array, 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 DxEditorOptionsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:buttons": null,
"update:disabled": null,
"update:elementAttr": null,
"update:focusStateEnabled": null,
"update:height": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:inputAttr": null,
"update:isDirty": null,
"update:isValid": null,
"update:label": null,
"update:labelMode": null,
"update:mask": null,
"update:maskChar": null,
"update:maskInvalidMessage": null,
"update:maskRules": null,
"update:maxLength": null,
"update:mode": null,
"update:name": null,
"update:onChange": null,
"update:onContentReady": null,
"update:onCopy": null,
"update:onCut": null,
"update:onDisposing": null,
"update:onEnterKey": null,
"update:onFocusIn": null,
"update:onFocusOut": null,
"update:onInitialized": null,
"update:onInput": null,
"update:onKeyDown": null,
"update:onKeyUp": null,
"update:onOptionChanged": null,
"update:onPaste": null,
"update:onValueChanged": null,
"update:placeholder": null,
"update:readOnly": null,
"update:rtlEnabled": null,
"update:showClearButton": null,
"update:showMaskMode": null,
"update:spellcheck": null,
"update:stylingMode": null,
"update:tabIndex": null,
"update:text": null,
"update:useMaskedValue": null,
"update:validationError": null,
"update:validationErrors": null,
"update:validationMessageMode": null,
"update:validationMessagePosition": null,
"update:validationStatus": null,
"update:value": null,
"update:valueChangeEvent": null,
"update:visible": null,
"update:width": null,
},
props: {
accessKey: String,
activeStateEnabled: Boolean,
buttons: Array,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
inputAttr: {},
isDirty: Boolean,
isValid: Boolean,
label: String,
labelMode: String,
mask: String,
maskChar: String,
maskInvalidMessage: String,
maskRules: {},
maxLength: [Number, String],
mode: String,
name: String,
onChange: Function,
onContentReady: Function,
onCopy: Function,
onCut: Function,
onDisposing: Function,
onEnterKey: Function,
onFocusIn: Function,
onFocusOut: Function,
onInitialized: Function,
onInput: Function,
onKeyDown: Function,
onKeyUp: Function,
onOptionChanged: Function,
onPaste: Function,
onValueChanged: Function,
placeholder: String,
readOnly: Boolean,
rtlEnabled: Boolean,
showClearButton: Boolean,
showMaskMode: String,
spellcheck: Boolean,
stylingMode: String,
tabIndex: Number,
text: String,
useMaskedValue: Boolean,
validationError: {},
validationErrors: Array,
validationMessageMode: String,
validationMessagePosition: String,
validationStatus: String,
value: String,
valueChangeEvent: String,
visible: Boolean,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxEditorOptionsConfig);
const DxEditorOptions = defineComponent(DxEditorOptionsConfig);
DxEditorOptions.$_optionName = "editorOptions";
DxEditorOptions.$_expectedChildren = {
button: { isCollectionItem: true, optionName: "buttons" },
editorOptionsButton: { isCollectionItem: true, optionName: "buttons" }
};
const DxEditorOptionsButtonConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:location": null,
"update:name": null,
"update:options": null,
},
props: {
location: String,
name: String,
options: Object
}
};
prepareConfigurationComponentConfig(DxEditorOptionsButtonConfig);
const DxEditorOptionsButton = defineComponent(DxEditorOptionsButtonConfig);
DxEditorOptionsButton.$_optionName = "buttons";
DxEditorOptionsButton.$_isCollectionItem = true;
DxEditorOptionsButton.$_expectedChildren = {
options: { isCollectionItem: false, optionName: "options" }
};
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 DxEmptyItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:colSpan": null,
"update:cssClass": null,
"update:itemType": null,
"update:name": null,
"update:visible": null,
"update:visibleIndex": null,
},
props: {
colSpan: Number,
cssClass: String,
itemType: String,
name: String,
visible: Boolean,
visibleIndex: Number
}
};
prepareConfigurationComponentConfig(DxEmptyItemConfig);
const DxEmptyItem = defineComponent(DxEmptyItemConfig);
DxEmptyItem.$_optionName = "items";
DxEmptyItem.$_isCollectionItem = true;
DxEmptyItem.$_predefinedProps = {
itemType: "empty"
};
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:tabFocusLoopEnabled": 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,
tabFocusLoopEnabled: 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:aiIntegration": 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:onSmartPasted": null,
"update:onSmartPasting": 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,
aiIntegration: Object,
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,
onSmartPasted: Function,
onSmartPasting: 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 = {
ButtonItem: { isCollectionItem: true, optionName: "items" },
colCountByScreen: { isCollectionItem: false, optionName: "colCountByScreen" },
EmptyItem: { isCollectionItem: true, optionName: "items" },
GroupItem: { isCollectionItem: true, optionName: "items" },
item: { isCollectionItem: true, optionName: "items" },
SimpleItem: { isCollectionItem: true, optionName: "items" },
TabbedItem: { isCollectionItem: true, optionName: "items" }
};
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:aiOptions": 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: {
aiOptions: Object,
colSpan: Number,
cssClass: String,
dataField: String,
editorOptions: {},
editorType: String,
helpText: String,
isRequired: Boolean,
itemType: String,
label: Object,
name: String,
template: {},
validationRules: Array,
visible: Boolean,
visibleIndex: Number
}
};
prepareConfigurationComponentConfig(DxFormItemConfig);
const DxFormItem = defineComponent(DxFormItemConfig);
DxFormItem.$_optionName = "formItem";
DxFormItem.$_expectedChildren = {
aiOptions: { isCollectionItem: false, optionName: "aiOptions" },
AsyncRule: { isCollectionItem: true, optionName: "validationRules" },
CompareRule: { isCollectionItem: true, optionName: "validationRules" },
CustomRule: { isCollectionItem: true, optionName: "validationRules" },
EmailRule: { isCollectionItem: true, optionName: "validationRules" },
label: { isCollectionItem: false, optionName: "label" },
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 DxFromConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:left": null,
"update:opacity": null,
"update:position": null,
"update:scale": null,
"update:top": null,
},
props: {
left: Number,
opacity: Number,
position: Object,
scale: Number,
top: Number
}
};
prepareConfigurationComponentConfig(DxFromConfig);
const DxFrom = defineComponent(DxFromConfig);
DxFrom.$_optionName = "from";
DxFrom.$_expectedChildren = {
position: { isCollectionItem: false, optionName: "position" }
};
const DxGroupItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignItemLabels": null,
"update:caption": null,
"update:captionTemplate": null,
"update:colCount": null,
"update:colCountByScreen": null,
"update:colSpan": null,
"update:cssClass": null,
"update:items": null,
"update:itemType": null,
"update:name": null,
"update:template": null,
"update:visible": null,
"update:visibleIndex": null,
},
props: {
alignItemLabels: Boolean,
caption: String,
captionTemplate: {},
colCount: Number,
colCountByScreen: Object,
colSpan: Number,
cssClass: String,
items: Array,
itemType: String,
name: String,
template: {},
visible: Boolean,
visibleIndex: Number
}
};
prepareConfigurationComponentConfig(DxGroupItemConfig);
const DxGroupItem = defineComponent(DxGroupItemConfig);
DxGroupItem.$_optionName = "items";
DxGroupItem.$_isCollectionItem = true;
DxGroupItem.$_predefinedProps = {
itemType: "group"
};
DxGroupItem.$_expectedChildren = {
colCountByScreen: { isCollectionItem: false, optionName: "colCountByScreen" }
};
const DxGroupOperationDescriptionsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:and": null,
"update:notAnd": null,
"update:notOr": null,
"update:or": null,
},
props: {
and: String,
notAnd: String,
notOr: String,
or: String
}
};
prepareConfigurationComponentConfig(DxGroupOperationDescriptionsConfig);
const DxGroupOperationDescriptions = defineComponent(DxGroupOperationDescriptionsConfig);
DxGroupOperationDescriptions.$_optionName = "groupOperationDescriptions";
const DxHeaderFilterConfig = {
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:searchTimeout": null,
"update:texts": null,
"update:visible": null,
"update:width": null,
},
props: {
allowSearch: Boolean,
allowSelectAll: Boolean,
dataSource: [Array, Object, Function],
groupInterval: [Array, String, Number],
height: [Number, String],
search: Object,
searchMode: String,
searchTimeout: Number,
texts: Object,
visible: Boolean,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxHeaderFilterConfig);
const DxHeaderFilter = defineComponent(DxHeaderFilterConfig);
DxHeaderFilter.$_optionName = "headerFilter";
DxHeaderFilter.$_expectedChildren = {
columnHeaderFilterSearch: { isCollectionItem: false, optionName: "search" },
treeListHeaderFilterSearch: { isCollectionItem: false, optionName: "search" },
treeListHeaderFilterTexts: { isCollectionItem: false, optionName: "texts" }
};
const DxHideConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:complete": null,
"update:delay": null,
"update:direction": null,
"update:duration": null,
"update:easing": null,
"update:from": null,
"update:staggerDelay": null,
"update:start": null,
"update:to": null,
"update:type": null,
},
props: {
complete: Function,
delay: Number,
direction: String,
duration: Number,
easing: String,
from: Object,
staggerDelay: Number,
start: Function,
to: Object,
type: String
}
};
prepareConfigurationComponentConfig(DxHideConfig);
const DxHide = defineComponent(DxHideConfig);
DxHide.$_optionName = "hide";
DxHide.$_expectedChildren = {
from: { isCollectionItem: false, optionName: "from" },
to: { isCollectionItem: false, optionName: "to" }
};
const DxIconsConfig = {
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(DxIconsConfig);
const DxIcons = defineComponent(DxIconsConfig);
DxIcons.$_optionName = "icons";
const DxIndicatorOptionsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:animationType": null,
"update:height": null,
"update:src": null,
"update:width": null,
},
props: {
animationType: String,
height: [Number, String],
src: String,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxIndicatorOptionsConfig);
const DxIndicatorOptions = defineComponent(DxIndicatorOptionsConfig);
DxIndicatorOptions.$_optionName = "indicatorOptions";
const DxItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aiOptions": null,
"update:alignItemLabels": null,
"update:badge": null,
"update:buttonOptions": null,
"update:caption": null,
"update:captionTemplate": null,
"update:colCount": null,
"update:colCountByScreen": null,
"update:colSpan": null,
"update:cssClass": null,
"update:dataField": null,
"update:disabled": null,
"update:editorOptions": null,
"update:editorType": null,
"update:helpText": null,
"update:horizontalAlignment": null,
"update:html": null,
"update:icon": null,
"update:isRequired": null,
"update:items": null,
"update:itemType": null,
"update:label": null,
"update:locateInMenu": null,
"update:location": null,
"update:menuItemTemplate": null,
"update:name": null,
"update:options": null,
"update:showText": null,
"update:tabPanelOptions": null,
"update:tabs": null,
"update:tabTemplate": null,
"update:template": null,
"update:text": null,
"update:title": null,
"update:validationRules": null,
"update:verticalAlignment": null,
"update:visible": null,
"update:visibleIndex": null,
"update:widget": null,
},
props: {
aiOptions: Object,
alignItemLabels: Boolean,
badge: String,
buttonOptions: Object,
caption: String,
captionTemplate: {},
colCount: Number,
colCountByScreen: Object,
colSpan: Number,
cssClass: String,
dataField: String,
disabled: Boolean,
editorOptions: {},
editorType: String,
helpText: String,
horizontalAlignment: String,
html: String,
icon: String,
isRequired: Boolean,
items: Array,
itemType: String,
label: Object,
locateInMenu: String,
location: String,
menuItemTemplate: {},
name: String,
options: {},
showText: String,
tabPanelOptions: Object,
tabs: Array,
tabTemplate: {},
template: {},
text: String,
title: String,
validationRules: Array,
verticalAlignment: String,
visible: Boolean,
visibleIndex: Number,
widget: String
}
};
prepareConfigurationComponentConfig(DxItemConfig);
const DxItem = defineComponent(DxItemConfig);
DxItem.$_optionName = "items";
DxItem.$_isCollectionItem = true;
DxItem.$_expectedChildren = {
aiOptions: { isCollectionItem: false, optionName: "aiOptions" },
AsyncRule: { isCollectionItem: true, optionName: "validationRules" },
buttonOptions: { isCollectionItem: false, optionName: "buttonOptions" },
colCountByScreen: { isCollectionItem: false, optionName: "colCountByScreen" },
CompareRule: { isCollectionItem: true, optionName: "validationRules" },
CustomRule: { isCollectionItem: true, optionName: "validationRules" },
EmailRule: { isCollectionItem: true, optionName: "validationRules" },
label: { isCollectionItem: false, optionName: "label" },
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" },
tab: { isCollectionItem: true, optionName: "tabs" },
tabPanelOptions: { isCollectionItem: false, optionName: "tabPanelOptions" },
validationRule: { isCollectionItem: true, optionName: "validationRules" }
};
const DxKeyboardNavigationConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:editOnKeyPress": null,
"update:enabled": null,
"update:enterKeyAction": null,
"update:enterKeyDirection": null,
},
props: {
editOnKeyPress: Boolean,
enabled: Boolean,
enterKeyAction: String,
enterKeyDirection: String
}
};
prepareConfigurationComponentConfig(DxKeyboardNavigationConfig);
const DxKeyboardNavigation = defineComponent(DxKeyboardNavigationConfig);
DxKeyboardNavigation.$_optionName = "keyboardNavigation";
const DxLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:location": null,
"update:showColon": null,
"update:template": null,
"update:text": null,
"update:visible": null,
},
props: {
alignment: String,
location: String,
showColon: Boolean,
template: {},
text: String,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxLabelConfig);
const DxLabel = defineComponent(DxLabelConfig);
DxLabel.$_optionName = "label";
const DxLoadPanelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:enabled": null,
"update:height": null,
"update:indicatorOptions": null,
"update:indicatorSrc": null,
"update:shading": null,
"update:shadingColor": null,
"update:showIndicator": null,
"update:showPane": null,
"update:text": null,
"update:width": null,
},
props: {
enabled: [Boolean, String],
height: [Number, String],
indicatorOptions: Object,
indicatorSrc: String,
shading: Boolean,
shadingColor: String,
showIndicator: Boolean,
showPane: Boolean,
text: String,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxLoadPanelConfig);
const DxLoadPanel = defineComponent(DxLoadPanelConfig);
DxLoadPanel.$_optionName = "loadPanel";
DxLoadPanel.$_expectedChildren = {
indicatorOptions: { isCollectionItem: false, optionName: "indicatorOptions" }
};
const DxLookupConfig = {
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, Function]
}
};
prepareConfigurationComponentConfig(DxLookupConfig);
const DxLookup = defineComponent(DxLookupConfig);
DxLookup.$_optionName = "lookup";
const DxMyConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:x": null,
"update:y": null,
},
props: {
x: String,
y: String
}
};
prepareConfigurationComponentConfig(DxMyConfig);
const DxMy = defineComponent(DxMyConfig);
DxMy.$_optionName = "my";
const DxNumericRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:ignoreEmptyValue": null,
"update:message": null,
"update:type": null,
},
props: {
ignoreEmptyValue: Boolean,
message: String,
type: String
}
};
prepareConfigurationComponentConfig(DxNumericRuleConfig);
const DxNumericRule = defineComponent(DxNumericRuleConfig);
DxNumericRule.$_optionName = "validationRules";
DxNumericRule.$_isCollectionItem = true;
DxNumericRule.$_predefinedProps = {
type: "numeric"
};
const DxOffsetConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:x": null,
"update:y": null,
},
props: {
x: Number,
y: Number
}
};
prepareConfigurationComponentConfig(DxOffsetConfig);
const DxOffset = defineComponent(DxOffsetConfig);
DxOffset.$_optionName = "offset";
const DxOperationDescriptionsConfig = {
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: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,
lessThan: String,
lessThanOrEqual: String,
notContains: String,
notEqual: String,
startsWith: String
}
};
prepareConfigurationComponentConfig(DxOperationDescriptionsConfig);
const DxOperationDescriptions = defineComponent(DxOperationDescriptionsConfig);
DxOperationDescriptions.$_optionName = "operationDescriptions";
const DxOptionsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:disabled": null,
"update:elementAttr": null,
"update:focusStateEnabled": null,
"update:height": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:icon": null,
"update:onClick": null,
"update:onContentReady": null,
"update:onDisposing": null,
"update:onInitialized": null,
"update:onOptionChanged": null,
"update:rtlEnabled": null,
"update:stylingMode": null,
"update:tabIndex": null,
"update:template": null,
"update:text": null,
"update:type": null,
"update:useSubmitBehavior": null,
"update:validationGroup": null,
"update:visible": null,
"update:width": null,
},
props: {
accessKey: String,
activeStateEnabled: Boolean,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
icon: String,
onClick: Function,
onContentReady: Function,
onDisposing: Function,
onInitialized: Function,
onOptionChanged: Function,
rtlEnabled: Boolean,
stylingMode: String,
tabIndex: Number,
template: {},
text: String,
type: String,
useSubmitBehavior: Boolean,
validationGroup: String,
visible: Boolean,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxOptionsConfig);
const DxOptions = defineComponent(DxOptionsConfig);
DxOptions.$_optionName = "options";
const DxPagerConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowedPageSizes": null,
"update:displayMode": null,
"update:infoText": null,
"update:label": null,
"update:showInfo": null,
"update:showNavigationButtons": null,
"update:showPageSizeSelector": null,
"update:visible": null,
},
props: {
allowedPageSizes: [Array, String],
displayMode: String,
infoText: String,
label: String,
showInfo: Boolean,
showNavigationButtons: Boolean,
showPageSizeSelector: [Boolean, String],
visible: [Boolean, String]
}
};
prepareConfigurationComponentConfig(DxPagerConfig);
const DxPager = defineComponent(DxPagerConfig);
DxPager.$_optionName = "pager";
const DxPagingConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:enabled": null,
"update:pageIndex": null,
"update:pageSize": null,
},
props: {
enabled: Boolean,
pageIndex: Number,
pageSize: Number
}
};
prepareConfigurationComponentConfig(DxPagingConfig);
const DxPaging = defineComponent(DxPagingConfig);
DxPaging.$_optionName = "paging";
const DxPatternRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:ignoreEmptyValue": null,
"update:message": null,
"update:pattern": null,
"update:type": null,
},
props: {
ignoreEmptyValue: Boolean,
message: String,
pattern: [RegExp, String],
type: String
}
};
prepareConfigurationComponentConfig(DxPatternRuleConfig);
const DxPatternRule = defineComponent(DxPatternRuleConfig);
DxPatternRule.$_optionName = "validationRules";
DxPatternRule.$_isCollectionItem = true;
DxPatternRule.$_predefinedProps = {
type: "pattern"
};
const DxPopupConfig = {
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:tabFocusLoopEnabled": 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,
tabFocusLoopEnabled: Boolean,
tabIndex: Number,
title: String,
titleTemplate: {},
toolbarItems: Array,
visible: Boolean,
width: [Number, String],
wrapperAttr: {}
}
};
prepareConfigurationComponentConfig(DxPopupConfig);
const DxPopup = defineComponent(DxPopupConfig);
DxPopup.$_optionName = "popup";
DxPopup.$_expectedChildren = {
animation: { isCollectionItem: false, optionName: "animation" },
position: { isCollectionItem: false, optionName: "position" },
toolbarItem: { isCollectionItem: true, optionName: "toolbarItems" }
};
const DxPositionConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:at": null,
"update:boundary": null,
"update:boundaryOffset": null,
"update:collision": null,
"update:my": null,
"update:of": null,
"update:offset": null,
},
props: {
at: [Object, String],
boundary: {},
boundaryOffset: [Object, String],
collision: [String, Object],
my: [Object, String],
of: {},
offset: [Object, String]
}
};
prepareConfigurationComponentConfig(DxPositionConfig);
const DxPosition = defineComponent(DxPositionConfig);
DxPosition.$_optionName = "position";
DxPosition.$_expectedChildren = {
at: { isCollectionItem: false, optionName: "at" },
boundaryOffset: { isCollectionItem: false, optionName: "boundaryOffset" },
collision: { isCollectionItem: false, optionName: "collision" },
my: { isCollectionItem: false, optionName: "my" },
offset: { isCollectionItem: false, optionName: "offset" }
};
const DxRangeRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:ignoreEmptyValue": null,
"update:max": null,
"update:message": null,
"update:min": null,
"update:reevaluate": null,
"update:type": null,
},
props: {
ignoreEmptyValue: Boolean,
max: [Date, Number, String],
message: String,
min: [Date, Number, String],
reevaluate: Boolean,
type: String
}
};
prepareConfigurationComponentConfig(DxRangeRuleConfig);
const DxRangeRule = defineComponent(DxRangeRuleConfig);
DxRangeRule.$_optionName = "validationRules";
DxRangeRule.$_isCollectionItem = true;
DxRangeRule.$_predefinedProps = {
type: "range"
};
const DxRemoteOperationsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:filtering": null,
"update:grouping": null,
"update:sorting": null,
},
props: {
filtering: Boolean,
grouping: Boolean,
sorting: Boolean
}
};
prepareConfigurationComponentConfig(DxRemoteOperationsConfig);
const DxRemoteOperations = defineComponent(DxRemoteOperationsConfig);
DxRemoteOperations.$_optionName = "remoteOperations";
const DxRequiredRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:message": null,
"update:trim": null,
"update:type": null,
},
props: {
message: String,
trim: Boolean,
type: String
}
};
prepareConfigurationComponentConfig(DxRequiredRuleConfig);
const DxRequiredRule = defineComponent(DxRequiredRuleConfig);
DxRequiredRule.$_optionName = "validationRules";
DxRequiredRule.$_isCollectionItem = true;
DxRequiredRule.$_predefinedProps = {
type: "required"
};
const DxRowDraggingConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowDropInsideItem": null,
"update:allowReordering": null,
"update:autoScroll": null,
"update:boundary": null,
"update:container": null,
"update:cursorOffset": null,
"update:data": null,
"update:dragDirection": null,
"update:dragTemplate": null,
"update:dropFeedbackMode": null,
"update:filter": null,
"update:group": null,
"update:handle": null,
"update:onAdd": null,
"update:onDragChange": null,
"update:onDragEnd": null,
"update:onDragMove": null,
"update:onDragStart": null,
"update:onRemove": null,
"update:onReorder": null,
"update:scrollSensitivity": null,
"update:scrollSpeed": null,
"update:showDragIcons": null,
},
props: {
allowDropInsideItem: Boolean,
allowReordering: Boolean,
autoScroll: Boolean,
boundary: {},
container: {},
cursorOffset: [Object, String],
data: {},
dragDirection: String,
dragTemplate: {},
dropFeedbackMode: String,
filter: String,
group: String,
handle: String,
onAdd: Function,
onDragChange: Function,
onDragEnd: Function,
onDragMove: Function,
onDragStart: Function,
onRemove: Function,
onReorder: Function,
scrollSensitivity: Number,
scrollSpeed: Number,
showDragIcons: Boolean
}
};
prepareConfigurationComponentConfig(DxRowDraggingConfig);
const DxRowDragging = defineComponent(DxRowDraggingConfig);
DxRowDragging.$_optionName = "rowDragging";
DxRowDragging.$_expectedChildren = {
cursorOffset: { isCollectionItem: false, optionName: "cursorOffset" }
};
const DxScrollingConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:columnRenderingMode": null,
"update:mode": null,
"update:preloadEnabled": null,
"update:renderAsync": null,
"update:rowRenderingMode": null,
"update:scrollByContent": null,
"update:scrollByThumb": null,
"update:showScrollbar": null,
"update:useNative": null,
},
props: {
columnRenderingMode: String,
mode: String,
preloadEnabled: Boolean,
renderAsync: Boolean,
rowRenderingMode: String,
scrollByContent: Boolean,
scrollByThumb: Boolean,
showScrollbar: String,
useNative: [Boolean, String]
}
};
prepareConfigurationComponentConfig(DxScrollingConfig);
const DxScrolling = defineComponent(DxScrollingConfig);
DxScrolling.$_optionName = "scrolling";
const DxSearchConfig = {
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(DxSearchConfig);
const DxSearch = defineComponent(DxSearchConfig);
DxSearch.$_optionName = "search";
const DxSearchPanelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:highlightCaseSensitive": null,
"update:highlightSearchText": null,
"update:placeholder": null,
"update:searchVisibleColumnsOnly": null,
"update:text": null,
"update:visible": null,
"update:width": null,
},
props: {
highlightCaseSensitive: Boolean,
highlightSearchText: Boolean,
placeholder: String,
searchVisibleColumnsOnly: Boolean,
text: String,
visible: Boolean,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxSearchPanelConfig);
const DxSearchPanel = defineComponent(DxSearchPanelConfig);
DxSearchPanel.$_optionName = "searchPanel";
const DxSelectionConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowSelectAll": null,
"update:mode": null,
"update:recursive": null,
"update:selectByClick": null,
},
props: {
allowSelectAll: Boolean,
mode: String,
recursive: Boolean,
selectByClick: Boolean
}
};
prepareConfigurationComponentConfig(DxSelectionConfig);
const DxSelection = defineComponent(DxSelectionConfig);
DxSelection.$_optionName = "selection";
const DxShowConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:complete": null,
"update:delay": null,
"update:direction": null,
"update:duration": null,
"update:easing": null,
"update:from": null,
"update:staggerDelay": null,
"update:start": null,
"update:to": null,
"update:type": null,
},
props: {
complete: Function,
delay: Number,
direction: String,
duration: Number,
easing: String,
from: Object,
staggerDelay: Number,
start: Function,
to: Object,
type: String
}
};
prepareConfigurationComponentConfig(DxShowConfig);
const DxShow = defineComponent(DxShowConfig);
DxShow.$_optionName = "show";
DxShow.$_expectedChildren = {
from: { isCollectionItem: false, optionName: "from" },
to: { isCollectionItem: false, optionName: "to" }
};
const DxSimpleItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aiOptions": 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: {
aiOptions: Object,
colSpan: Number,
cssClass: String,
dataField: String,
editorOptions: {},
editorType: String,
helpText: String,
isRequired: Boolean,
itemType: String,
label: Object,
name: String,
template: {},
validationRules: Array,
visible: Boolean,
visibleIndex: Number
}
};
prepareConfigurationComponentConfig(DxSimpleItemConfig);
const DxSimpleItem = defineComponent(DxSimpleItemConfig);
DxSimpleItem.$_optionName = "items";
DxSimpleItem.$_isCollectionItem = true;
DxSimpleItem.$_predefinedProps = {
itemType: "simple"
};
DxSimpleItem.$_expectedChildren = {
aiOptions: { isCollectionItem: false, optionName: "aiOptions" },
AsyncRule: { isCollectionItem: true, optionName: "validationRules" },
CompareRule: { isCollectionItem: true, optionName: "validationRules" },
CustomRule: { isCollectionItem: true, optionName: "validationRules" },
EmailRule: { isCollectionItem: true, optionName: "validationRules" },
label: { isCollectionItem: false, optionName: "label" },
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 DxSortingConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:ascendingText": null,
"update:clearText": null,
"update:descendingText": null,
"update:mode": null,
"update:showSortIndexes": null,
},
props: {
ascendingText: String,
clearText: String,
descendingText: String,
mode: String,
showSortIndexes: Boolean
}
};
prepareConfigurationComponentConfig(DxSortingConfig);
const DxSorting = defineComponent(DxSortingConfig);
DxSorting.$_optionName = "sorting";
const DxStateStoringConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:customLoad": null,
"update:customSave": null,
"update:enabled": null,
"update:savingTimeout": null,
"update:storageKey": null,
"update:type": null,
},
props: {
customLoad: Function,
customSave: Function,
enabled: Boolean,
savingTimeout: Number,
storageKey: String,
type: String
}
};
prepareConfigurationComponentConfig(DxStateStoringConfig);
const DxStateStoring = defineComponent(DxStateStoringConfig);
DxStateStoring.$_optionName = "stateStoring";
const DxStringLengthRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:ignoreEmptyValue": null,
"update:max": null,
"update:message": null,
"update:min": null,
"update:trim": null,
"update:type": null,
},
props: {
ignoreEmptyValue: Boolean,
max: Number,
message: String,
min: Number,
trim: Boolean,
type: String
}
};
prepareConfigurationComponentConfig(DxStringLengthRuleConfig);
const DxStringLengthRule = defineComponent(DxStringLengthRuleConfig);
DxStringLengthRule.$_optionName = "validationRules";
DxStringLengthRule.$_isCollectionItem = true;
DxStringLengthRule.$_predefinedProps = {
type: "stringLength"
};
const DxTabConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignItemLabels": null,
"update:badge": null,
"update:colCount": null,
"update:colCountByScreen": null,
"update:disabled": null,
"update:icon": null,
"update:items": null,
"update:tabTemplate": null,
"update:template": null,
"update:title": null,
},
props: {
alignItemLabels: Boolean,
badge: String,
colCount: Number,
colCountByScreen: Object,
disabled: Boolean,
icon: String,
items: Array,
tabTemplate: {},
template: {},
title: String
}
};
prepareConfigurationComponentConfig(DxTabConfig);
const DxTab = defineComponent(DxTabConfig);
DxTab.$_optionName = "tabs";
DxTab.$_isCollectionItem = true;
DxTab.$_expectedChildren = {
colCountByScreen: { isCollectionItem: false, optionName: "colCountByScreen" }
};
const DxTabbedItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:colSpan": null,
"update:cssClass": null,
"update:itemType": null,
"update:name": null,
"update:tabPanelOptions": null,
"update:tabs": null,
"update:visible": null,
"update:visibleIndex": null,
},
props: {
colSpan: Number,
cssClass: String,
itemType: String,
name: String,
tabPanelOptions: Object,
tabs: Array,
visible: Boolean,
visibleIndex: Number
}
};
prepareConfigurationComponentConfig(DxTabbedItemConfig);
const DxTabbedItem = defineComponent(DxTabbedItemConfig);
DxTabbedItem.$_optionName = "items";
DxTabbedItem.$_isCollectionItem = true;
DxTabbedItem.$_predefinedProps = {
itemType: "tabbed"
};
DxTabbedItem.$_expectedChildren = {
tab: { isCollectionItem: true, optionName: "tabs" },
tabPanelOptions: { isCollectionItem: false, optionName: "tabPanelOptions" }
};
const DxTabPanelOptionsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:animationEnabled": null,
"update:dataSource": null,
"update:deferRendering": null,
"update:disabled": null,
"update:elementAttr": null,
"update:focusStateEnabled": null,
"update:height": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:iconPosition": null,
"update:itemHoldTimeout": null,
"update:items": null,
"update:itemTemplate": null,
"update:itemTitleTemplate": null,
"update:keyExpr": null,
"update:loop": null,
"update:noDataText": null,
"update:onContentReady": null,
"update:onDisposing": null,
"update:onInitialized": null,
"update:onItemClick": null,
"update:onItemContextMenu": null,
"update:onItemHold": null,
"update:onItemRendered": null,
"update:onOptionChanged": null,
"update:onSelectionChanged": null,
"update:onSelectionChanging": null,
"update:onTitleClick": null,
"update:onTitleHold": null,
"update:onTitleRendered": null,
"update:repaintChangesOnly": null,
"update:rtlEnabled": null,
"update:scrollByContent": null,
"update:scrollingEnabled": null,
"update:selectedIndex": null,
"update:selectedItem": null,
"update:showNavButtons": null,
"update:stylingMode": null,
"update:swipeEnabled": null,
"update:tabIndex": null,
"update:tabsPosition": null,
"update:visible": null,
"update:width": null,
},
props: {
accessKey: String,
activeStateEnabled: Boolean,
animationEnabled: Boolean,
dataSource: [Array, Object, String],
deferRendering: Boolean,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
iconPosition: String,
itemHoldTimeout: Number,
items: Array,
itemTemplate: {},
itemTitleTemplate: {},
keyExpr: [Function, String],
loop: Boolean,
noDataText: String,
onContentReady: Function,
onDisposing: Function,
onInitialized: Function,
onItemClick: Function,
onItemContextMenu: Function,
onItemHold: Function,
onItemRendered: Function,
onOptionChanged: Function,
onSelectionChanged: Function,
onSelectionChanging: Function,
onTitleClick: Function,
onTitleHold: Function,
onTitleRendered: Function,
repaintChangesOnly: Boolean,
rtlEnabled: Boolean,
scrollByContent: Boolean,
scrollingEnabled: Boolean,
selectedIndex: Number,
selectedItem: {},
showNavButtons: Boolean,
stylingMode: String,
swipeEnabled: Boolean,
tabIndex: Number,
tabsPosition: String,
visible: Boolean,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxTabPanelOptionsConfig);
const DxTabPanelOptions = defineComponent(DxTabPanelOptionsConfig);
DxTabPanelOptions.$_optionName = "tabPanelOptions";
DxTabPanelOptions.$_expectedChildren = {
item: { isCollectionItem: true, optionName: "items" },
tabPanelOptionsItem: { isCollectionItem: true, optionName: "items" }
};
const DxTabPanelOptionsItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:badge": null,
"update:disabled": null,
"update:html": null,
"update:icon": null,
"update:tabTemplate": null,
"update:template": null,
"update:text": null,
"update:title": null,
"update:visible": null,
},
props: {
badge: String,
disabled: Boolean,
html: String,
icon: String,
tabTemplate: {},
template: {},
text: String,
title: String,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxTabPanelOptionsItemConfig);
const DxTabPanelOptionsItem = defineComponent(DxTabPanelOptionsItemConfig);
DxTabPanelOptionsItem.$_optionName = "items";
DxTabPanelOptionsItem.$_isCollectionItem = true;
const DxTextsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:addRow": null,
"update:addRowToNode": null,
"update:cancel": null,
"update:cancelAllChanges": null,
"update:cancelRowChanges": null,
"update:clearFilter": null,
"update:confirmDeleteMessage": null,
"update:confirmDeleteTitle": null,
"update:createFilter": null,
"update:deleteRow": null,
"update:editRow": null,
"update:emptyValue": null,
"update:filterEnabledHint": null,
"update:fix": null,
"update:leftPosition": null,
"update:ok": null,
"update:rightPosition": null,
"update:saveAllChanges": null,
"update:saveRowChanges": null,
"update:stickyPosition": null,
"update:undeleteRow": null,
"update:unfix": null,
"update:validationCancelChanges": null,
},
props: {
addRow: String,
addRowToNode: String,
cancel: String,
cancelAllChanges: String,
cancelRowChanges: String,
clearFilter: String,
confirmDeleteMessage: String,
confirmDeleteTitle: String,
createFilter: String,
deleteRow: String,
editRow: String,
emptyValue: String,
filterEnabledHint: String,
fix: String,
leftPosition: String,
ok: String,
rightPosition: String,
saveAllChanges: String,
saveRowChanges: String,
stickyPosition: String,
undeleteRow: String,
unfix: String,
validationCancelChanges: String
}
};
prepareConfigurationComponentConfig(DxTextsConfig);
const DxTexts = defineComponent(DxTextsConfig);
DxTexts.$_optionName = "texts";
const DxToConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:left": null,
"update:opacity": null,
"update:position": null,
"update:scale": null,
"update:top": null,
},
props: {
left: Number,
opacity: Number,
position: Object,
scale: Number,
top: Number
}
};
prepareConfigurationComponentConfig(DxToConfig);
const DxTo = defineComponent(DxToConfig);
DxTo.$_optionName = "to";
DxTo.$_expectedChildren = {
position: { isCollectionItem: false, optionName: "position" }
};
const DxToolbarConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:disabled": null,
"update:items": null,
"update:visible": null,
},
props: {
disabled: Boolean,
items: Array,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxToolbarConfig);
const DxToolbar = defineComponent(DxToolbarConfig);
DxToolbar.$_optionName = "toolbar";
DxToolbar.$_expectedChildren = {
item: { isCollectionItem: true, optionName: "items" },
treeListToolbarItem: { isCollectionItem: true, optionName: "items" }
};
const DxToolbarItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:cssClass": null,
"update:disabled": null,
"update:html": null,
"update:locateInMenu": null,
"update:location": null,
"update:menuItemTemplate": null,
"update:options": null,
"update:showText": null,
"update:template": null,
"update:text": null,
"update:toolbar": null,
"update:visible": null,
"update:widget": null,
},
props: {
cssClass: String,
disabled: Boolean,
html: String,
locateInMenu: String,
location: String,
menuItemTemplate: {},
options: {},
showText: String,
template: {},
text: String,
toolbar: String,
visible: Boolean,
widget: String
}
};
prepareConfigurationComponentConfig(DxToolbarItemConfig);
const DxToolbarItem = defineComponent(DxToolbarItemConfig);
DxToolbarItem.$_optionName = "toolbarItems";
DxToolbarItem.$_isCollectionItem = true;
const DxTreeListHeaderFilterConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowSearch": null,
"update:allowSelectAll": null,
"update:height": null,
"update:search": null,
"update:searchTimeout": null,
"update:texts": null,
"update:visible": null,
"update:width": null,
},
props: {
allowSearch: Boolean,
allowSelectAll: Boolean,
height: [Number, String],
search: Object,
searchTimeout: Number,
texts: Object,
visible: Boolean,
width: [Number, String]
}
};
prepareConfigurationComponentConfig(DxTreeListHeaderFilterConfig);
const DxTreeListHeaderFilter = defineComponent(DxTreeListHeaderFilterConfig);
DxTreeListHeaderFilter.$_optionName = "headerFilter";
DxTreeListHeaderFilter.$_expectedChildren = {
search: { isCollectionItem: false, optionName: "search" },
texts: { isCollectionItem: false, optionName: "texts" },
treeListHeaderFilterSearch: { isCollectionItem: false, optionName: "search" },
treeListHeaderFilterTexts: { isCollectionItem: false, optionName: "texts" }
};
const DxTreeListHeaderFilterSearchConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:editorOptions": null,
"update:enabled": null,
"update:mode": null,
"update:timeout": null,
},
props: {
editorOptions: {},
enabled: Boolean,
mode: String,
timeout: Number
}
};
prepareConfigurationComponentConfig(DxTreeListHeaderFilterSearchConfig);
const DxTreeListHeaderFilterSearch = defineComponent(DxTreeListHeaderFilterSearchConfig);
DxTreeListHeaderFilterSearch.$_optionName = "search";
const DxTreeListHeaderFilterTextsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:cancel": null,
"update:emptyValue": null,
"update:ok": null,
},
props: {
cancel: String,
emptyValue: String,
ok: String
}
};
prepareConfigurationComponentConfig(DxTreeListHeaderFilterTextsConfig);
const DxTreeListHeaderFilterTexts = defineComponent(DxTreeListHeaderFilterTextsConfig);
DxTreeListHeaderFilterTexts.$_optionName = "texts";
const DxTreeListSelectionConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowSelectAll": null,
"update:mode": null,
"update:recursive": null,
},
props: {
allowSelectAll: Boolean,
mode: String,
recursive: Boolean
}
};
prepareConfigurationComponentConfig(DxTreeListSelectionConfig);
const DxTreeListSelection = defineComponent(DxTreeListSelectionConfig);
DxTreeListSelection.$_optionName = "selection";
const DxTreeListToolbarItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:cssClass": null,
"update:disabled": null,
"update:html": null,
"update:locateInMenu": null,
"update:location": null,
"update:menuItemTemplate": null,
"update:name": null,
"update:options": null,
"update:showText": null,
"update:template": null,
"update:text": null,
"update:visible": null,
"update:widget": null,
},
props: {
cssClass: String,
disabled: Boolean,
html: String,
locateInMenu: String,
location: String,
menuItemTemplate: {},
name: String,
options: {},
showText: String,
template: {},
text: String,
visible: Boolean,
widget: String
}
};
prepareConfigurationComponentConfig(DxTreeListToolbarItemConfig);
const DxTreeListToolbarItem = defineComponent(DxTreeListToolbarItemConfig);
DxTreeListToolbarItem.$_optionName = "items";
DxTreeListToolbarItem.$_isCollectionItem = true;
const DxValidationRuleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:comparisonTarget": null,
"update:comparisonType": null,
"update:ignoreEmptyValue": null,
"update:max": null,
"update:message": null,
"update:min": null,
"update:pattern": null,
"update:reevaluate": null,
"update:trim": null,
"update:type": null,
"update:validationCallback": null,
},
props: {
comparisonTarget: Function,
comparisonType: String,
ignoreEmptyValue: Boolean,
max: [Date, Number, String],
message: String,
min: [Date, Number, String],
pattern: [RegExp, String],
reevaluate: Boolean,
trim: Boolean,
type: String,
validationCallback: Function
}
};
prepareConfigurationComponentConfig(DxValidationRuleConfig);
const DxValidationRule = defineComponent(DxValidationRuleConfig);
DxValidationRule.$_optionName = "validationRules";
DxValidationRule.$_isCollectionItem = true;
DxValidationRule.$_predefinedProps = {
type: "required"
};
export default DxTreeList;
export { DxTreeList, DxAI, DxAIAssistant, DxAIOptions, DxAnimation, DxAsyncRule, DxAt, DxBoundaryOffset, DxButton, DxButtonItem, DxButtonOptions, DxChange, DxColCountByScreen, DxCollision, DxColumn, DxColumnButton, DxColumnChooser, DxColumnChooserSearch, DxColumnChooserSelection, DxColumnFixing, DxColumnFixingTexts, DxColumnHeaderFilter, DxColumnHeaderFilterSearch, DxColumnLookup, DxCompareRule, DxCursorOffset, DxCustomOperation, DxCustomRule, DxEditing, DxEditingTexts, DxEditorOptions, DxEditorOptionsButton, DxEmailRule, DxEmptyItem, DxField, DxFieldLookup, DxFilterBuilder, DxFilterBuilderPopup, DxFilterOperationDescriptions, DxFilterPanel, DxFilterPanelTexts, DxFilterRow, DxForm, DxFormat, DxFormItem, DxFrom, DxGroupItem, DxGroupOperationDescriptions, DxHeaderFilter, DxHide, DxIcons, DxIndicatorOptions, DxItem, DxKeyboardNavigation, DxLabel, DxLoadPanel, DxLookup, DxMy, DxNumericRule, DxOffset, DxOperationDescriptions, DxOptions, DxPager, DxPaging, DxPatternRule, DxPopup, DxPosition, DxRangeRule, DxRemoteOperations, DxRequiredRule, DxRowDragging, DxScrolling, DxSearch, DxSearchPanel, DxSelection, DxShow, DxSimpleItem, DxSorting, DxStateStoring, DxStringLengthRule, DxTab, DxTabbedItem, DxTabPanelOptions, DxTabPanelOptionsItem, DxTexts, DxTo, DxToolbar, DxToolbarItem, DxTreeListHeaderFilter, DxTreeListHeaderFilterSearch, DxTreeListHeaderFilterTexts, DxTreeListSelection, DxTreeListToolbarItem, DxValidationRule };