devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
970 lines (968 loc) • 32 kB
JavaScript
/*!
* devextreme-vue
* Version: 25.1.5
* Build date: Wed Sep 03 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-vue
*/
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DxValidationRule = exports.DxTabPanelOptionsItem = exports.DxTabPanelOptions = exports.DxTabbedItem = exports.DxTab = exports.DxStringLengthRule = exports.DxSimpleItem = exports.DxRequiredRule = exports.DxRangeRule = exports.DxPatternRule = exports.DxNumericRule = exports.DxLabel = exports.DxItem = exports.DxGroupItem = exports.DxEmptyItem = exports.DxEmailRule = exports.DxCustomRule = exports.DxCompareRule = exports.DxColCountByScreen = exports.DxButtonOptions = exports.DxButtonItem = exports.DxAsyncRule = exports.DxForm = void 0;
const vue_1 = require("vue");
const index_1 = require("./core/index");
const form_1 = __importDefault(require("devextreme/ui/form"));
const index_2 = require("./core/index");
const componentConfig = {
props: {
accessKey: String,
activeStateEnabled: Boolean,
alignItemLabels: Boolean,
alignItemLabelsInAllGroups: Boolean,
colCount: [String, Number],
colCountByScreen: Object,
customizeItem: Function,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
formData: {},
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
isDirty: Boolean,
items: Array,
labelLocation: String,
labelMode: String,
minColWidth: Number,
onContentReady: Function,
onDisposing: Function,
onEditorEnterKey: Function,
onFieldDataChanged: Function,
onInitialized: Function,
onOptionChanged: Function,
optionalMark: String,
readOnly: Boolean,
requiredMark: String,
requiredMessage: String,
rtlEnabled: Boolean,
screenByWidth: Function,
scrollingEnabled: Boolean,
showColonAfterLabel: Boolean,
showOptionalMark: Boolean,
showRequiredMark: Boolean,
showValidationSummary: Boolean,
tabIndex: Number,
validationGroup: String,
visible: Boolean,
width: [Number, String]
},
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:alignItemLabels": null,
"update:alignItemLabelsInAllGroups": null,
"update:colCount": null,
"update:colCountByScreen": null,
"update:customizeItem": null,
"update:disabled": null,
"update:elementAttr": null,
"update:focusStateEnabled": null,
"update:formData": null,
"update:height": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:isDirty": null,
"update:items": null,
"update:labelLocation": null,
"update:labelMode": null,
"update:minColWidth": null,
"update:onContentReady": null,
"update:onDisposing": null,
"update:onEditorEnterKey": null,
"update:onFieldDataChanged": null,
"update:onInitialized": null,
"update:onOptionChanged": null,
"update:optionalMark": null,
"update:readOnly": null,
"update:requiredMark": null,
"update:requiredMessage": null,
"update:rtlEnabled": null,
"update:screenByWidth": null,
"update:scrollingEnabled": null,
"update:showColonAfterLabel": null,
"update:showOptionalMark": null,
"update:showRequiredMark": null,
"update:showValidationSummary": null,
"update:tabIndex": null,
"update:validationGroup": null,
"update:visible": null,
"update:width": null,
},
computed: {
instance() {
return this.$_instance;
}
},
beforeCreate() {
this.$_WidgetClass = form_1.default;
this.$_hasAsyncTemplate = true;
this.$_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" }
};
}
};
(0, index_1.prepareComponentConfig)(componentConfig);
const DxForm = (0, vue_1.defineComponent)(componentConfig);
exports.DxForm = DxForm;
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAsyncRuleConfig);
const DxAsyncRule = (0, vue_1.defineComponent)(DxAsyncRuleConfig);
exports.DxAsyncRule = DxAsyncRule;
DxAsyncRule.$_optionName = "validationRules";
DxAsyncRule.$_isCollectionItem = true;
DxAsyncRule.$_predefinedProps = {
type: "async"
};
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxButtonItemConfig);
const DxButtonItem = (0, vue_1.defineComponent)(DxButtonItemConfig);
exports.DxButtonItem = DxButtonItem;
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]
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxButtonOptionsConfig);
const DxButtonOptions = (0, vue_1.defineComponent)(DxButtonOptionsConfig);
exports.DxButtonOptions = DxButtonOptions;
DxButtonOptions.$_optionName = "buttonOptions";
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxColCountByScreenConfig);
const DxColCountByScreen = (0, vue_1.defineComponent)(DxColCountByScreenConfig);
exports.DxColCountByScreen = DxColCountByScreen;
DxColCountByScreen.$_optionName = "colCountByScreen";
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCompareRuleConfig);
const DxCompareRule = (0, vue_1.defineComponent)(DxCompareRuleConfig);
exports.DxCompareRule = DxCompareRule;
DxCompareRule.$_optionName = "validationRules";
DxCompareRule.$_isCollectionItem = true;
DxCompareRule.$_predefinedProps = {
type: "compare"
};
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCustomRuleConfig);
const DxCustomRule = (0, vue_1.defineComponent)(DxCustomRuleConfig);
exports.DxCustomRule = DxCustomRule;
DxCustomRule.$_optionName = "validationRules";
DxCustomRule.$_isCollectionItem = true;
DxCustomRule.$_predefinedProps = {
type: "custom"
};
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxEmailRuleConfig);
const DxEmailRule = (0, vue_1.defineComponent)(DxEmailRuleConfig);
exports.DxEmailRule = DxEmailRule;
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxEmptyItemConfig);
const DxEmptyItem = (0, vue_1.defineComponent)(DxEmptyItemConfig);
exports.DxEmptyItem = DxEmptyItem;
DxEmptyItem.$_optionName = "items";
DxEmptyItem.$_isCollectionItem = true;
DxEmptyItem.$_predefinedProps = {
itemType: "empty"
};
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxGroupItemConfig);
const DxGroupItem = (0, vue_1.defineComponent)(DxGroupItemConfig);
exports.DxGroupItem = DxGroupItem;
DxGroupItem.$_optionName = "items";
DxGroupItem.$_isCollectionItem = true;
DxGroupItem.$_predefinedProps = {
itemType: "group"
};
DxGroupItem.$_expectedChildren = {
colCountByScreen: { isCollectionItem: false, optionName: "colCountByScreen" }
};
const DxItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": 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:name": 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,
},
props: {
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,
name: String,
tabPanelOptions: Object,
tabs: Array,
tabTemplate: {},
template: {},
text: String,
title: String,
validationRules: Array,
verticalAlignment: String,
visible: Boolean,
visibleIndex: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxItemConfig);
const DxItem = (0, vue_1.defineComponent)(DxItemConfig);
exports.DxItem = DxItem;
DxItem.$_optionName = "items";
DxItem.$_isCollectionItem = true;
DxItem.$_expectedChildren = {
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 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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxLabelConfig);
const DxLabel = (0, vue_1.defineComponent)(DxLabelConfig);
exports.DxLabel = DxLabel;
DxLabel.$_optionName = "label";
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxNumericRuleConfig);
const DxNumericRule = (0, vue_1.defineComponent)(DxNumericRuleConfig);
exports.DxNumericRule = DxNumericRule;
DxNumericRule.$_optionName = "validationRules";
DxNumericRule.$_isCollectionItem = true;
DxNumericRule.$_predefinedProps = {
type: "numeric"
};
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxPatternRuleConfig);
const DxPatternRule = (0, vue_1.defineComponent)(DxPatternRuleConfig);
exports.DxPatternRule = DxPatternRule;
DxPatternRule.$_optionName = "validationRules";
DxPatternRule.$_isCollectionItem = true;
DxPatternRule.$_predefinedProps = {
type: "pattern"
};
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxRangeRuleConfig);
const DxRangeRule = (0, vue_1.defineComponent)(DxRangeRuleConfig);
exports.DxRangeRule = DxRangeRule;
DxRangeRule.$_optionName = "validationRules";
DxRangeRule.$_isCollectionItem = true;
DxRangeRule.$_predefinedProps = {
type: "range"
};
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxRequiredRuleConfig);
const DxRequiredRule = (0, vue_1.defineComponent)(DxRequiredRuleConfig);
exports.DxRequiredRule = DxRequiredRule;
DxRequiredRule.$_optionName = "validationRules";
DxRequiredRule.$_isCollectionItem = true;
DxRequiredRule.$_predefinedProps = {
type: "required"
};
const DxSimpleItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:colSpan": null,
"update:cssClass": null,
"update:dataField": null,
"update:editorOptions": null,
"update:editorType": null,
"update:helpText": null,
"update:isRequired": null,
"update:itemType": null,
"update:label": null,
"update:name": null,
"update:template": null,
"update:validationRules": null,
"update:visible": null,
"update:visibleIndex": null,
},
props: {
colSpan: Number,
cssClass: String,
dataField: String,
editorOptions: {},
editorType: String,
helpText: String,
isRequired: Boolean,
itemType: String,
label: Object,
name: String,
template: {},
validationRules: Array,
visible: Boolean,
visibleIndex: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxSimpleItemConfig);
const DxSimpleItem = (0, vue_1.defineComponent)(DxSimpleItemConfig);
exports.DxSimpleItem = DxSimpleItem;
DxSimpleItem.$_optionName = "items";
DxSimpleItem.$_isCollectionItem = true;
DxSimpleItem.$_predefinedProps = {
itemType: "simple"
};
DxSimpleItem.$_expectedChildren = {
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 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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxStringLengthRuleConfig);
const DxStringLengthRule = (0, vue_1.defineComponent)(DxStringLengthRuleConfig);
exports.DxStringLengthRule = DxStringLengthRule;
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxTabConfig);
const DxTab = (0, vue_1.defineComponent)(DxTabConfig);
exports.DxTab = DxTab;
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxTabbedItemConfig);
const DxTabbedItem = (0, vue_1.defineComponent)(DxTabbedItemConfig);
exports.DxTabbedItem = DxTabbedItem;
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]
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxTabPanelOptionsConfig);
const DxTabPanelOptions = (0, vue_1.defineComponent)(DxTabPanelOptionsConfig);
exports.DxTabPanelOptions = DxTabPanelOptions;
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxTabPanelOptionsItemConfig);
const DxTabPanelOptionsItem = (0, vue_1.defineComponent)(DxTabPanelOptionsItemConfig);
exports.DxTabPanelOptionsItem = DxTabPanelOptionsItem;
DxTabPanelOptionsItem.$_optionName = "items";
DxTabPanelOptionsItem.$_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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxValidationRuleConfig);
const DxValidationRule = (0, vue_1.defineComponent)(DxValidationRuleConfig);
exports.DxValidationRule = DxValidationRule;
DxValidationRule.$_optionName = "validationRules";
DxValidationRule.$_isCollectionItem = true;
DxValidationRule.$_predefinedProps = {
type: "required"
};
exports.default = DxForm;