devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
146 lines (144 loc) • 4.53 kB
JavaScript
/*!
* devextreme-vue
* Version: 25.1.5
* Build date: Wed Sep 03 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-vue
*/
import { defineComponent } from "vue";
import { prepareComponentConfig } from "./core/index";
import Accordion from "devextreme/ui/accordion";
import { prepareConfigurationComponentConfig } from "./core/index";
const componentConfig = {
props: {
accessKey: String,
activeStateEnabled: Boolean,
animationDuration: Number,
collapsible: Boolean,
dataSource: [Array, Object, String],
deferRendering: Boolean,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
itemHoldTimeout: Number,
items: Array,
itemTemplate: {},
itemTitleTemplate: {},
keyExpr: [Function, String],
multiple: Boolean,
noDataText: String,
onContentReady: Function,
onDisposing: Function,
onInitialized: Function,
onItemClick: Function,
onItemContextMenu: Function,
onItemHold: Function,
onItemRendered: Function,
onItemTitleClick: Function,
onOptionChanged: Function,
onSelectionChanged: Function,
repaintChangesOnly: Boolean,
rtlEnabled: Boolean,
selectedIndex: Number,
selectedItem: {},
selectedItemKeys: Array,
selectedItems: Array,
tabIndex: Number,
visible: Boolean,
width: [Number, String]
},
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:animationDuration": null,
"update:collapsible": 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:itemHoldTimeout": null,
"update:items": null,
"update:itemTemplate": null,
"update:itemTitleTemplate": null,
"update:keyExpr": null,
"update:multiple": 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:onItemTitleClick": null,
"update:onOptionChanged": null,
"update:onSelectionChanged": null,
"update:repaintChangesOnly": null,
"update:rtlEnabled": null,
"update:selectedIndex": null,
"update:selectedItem": null,
"update:selectedItemKeys": null,
"update:selectedItems": null,
"update:tabIndex": null,
"update:visible": null,
"update:width": null,
},
computed: {
instance() {
return this.$_instance;
}
},
beforeCreate() {
this.$_WidgetClass = Accordion;
this.$_hasAsyncTemplate = true;
this.$_expectedChildren = {
item: { isCollectionItem: true, optionName: "items" }
};
}
};
prepareComponentConfig(componentConfig);
const DxAccordion = defineComponent(componentConfig);
const DxItemConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:disabled": null,
"update:html": null,
"update:icon": null,
"update:template": null,
"update:text": null,
"update:title": null,
"update:titleTemplate": null,
"update:visible": null,
},
props: {
disabled: Boolean,
html: String,
icon: String,
template: {},
text: String,
title: String,
titleTemplate: {},
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxItemConfig);
const DxItem = defineComponent(DxItemConfig);
DxItem.$_optionName = "items";
DxItem.$_isCollectionItem = true;
export default DxAccordion;
export { DxAccordion, DxItem };