UNPKG

@syncfusion/ej2-vue-navigations

Version:

A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another for Vue

61 lines (60 loc) 1.8 kB
import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base'; import { isNullOrUndefined } from '@syncfusion/ej2-base'; export var AccordionItemsDirective = vueDefineComponent({ inject: { custom: { default: null } }, render: function (createElement) { if (!isExecute) { var h = !isExecute ? gh : createElement; var slots = null; if (!isNullOrUndefined(this.$slots.default)) { slots = !isExecute ? this.$slots.default() : this.$slots.default; } return h('div', { class: 'e-directive' }, slots); } return; }, updated: function () { if (!isExecute && this.custom) { this.custom(); } }, methods: { getTag: function () { return 'e-accordionitems'; } } }); export var AccordionItemsPlugin = { name: 'e-accordionitems', install: function (Vue) { Vue.component(AccordionItemsPlugin.name, AccordionItemsDirective); } }; /** * 'e-accordionitem' directive represent a item of Vue Accordion * It must be contained in a Accordion component(`ejs-accordion`). * ```html * <ejs-accordion> * <e-accordionitems> * <e-accordionitem header='Header1'></e-accordionitem> * <e-accordionitem header='Header2' content='Content2'></e-accordionitem> * </e-accordionitems> * </ejs-accordion> * ``` */ export var AccordionItemDirective = vueDefineComponent({ render: function () { return; }, methods: { getTag: function () { return 'e-accordionitem'; } } }); export var AccordionItemPlugin = { name: 'e-accordionitem', install: function (Vue) { Vue.component(AccordionItemPlugin.name, AccordionItemDirective); } };