UNPKG

element-plus

Version:

A Component Library for Vue3.0

68 lines (61 loc) 2.04 kB
import { defineComponent, reactive, getCurrentInstance, computed, inject, openBlock, createBlock, createVNode, Fragment, createTextVNode, toDisplayString, renderSlot } from 'vue'; var script = defineComponent({ name: 'ElMenuItemGroup', componentName: 'ElMenuItemGroup', props: { title: { type: String, }, }, setup(props, { slots }) { const data = reactive({ paddingLeft: 20, }); const instance = getCurrentInstance(); const levelPadding = computed(() => { let padding = 20; let parent = instance.parent; if (rootProps.collapse) return 20; while (parent && parent.type.name !== 'ElMenu') { if (parent.type.name === 'ElSubmenu') { padding += 20; } parent = parent.parent; } return padding; }); const { props: rootProps } = inject('rootMenu'); return { data, levelPadding, props, slots, }; }, }); const _hoisted_1 = { class: "el-menu-item-group" }; function render(_ctx, _cache, $props, $setup, $data, $options) { return (openBlock(), createBlock("li", _hoisted_1, [ createVNode("div", { class: "el-menu-item-group__title", style: { paddingLeft: _ctx.levelPadding + 'px' } }, [ (!_ctx.slots.title) ? (openBlock(), createBlock(Fragment, { key: 0 }, [ createTextVNode(toDisplayString(_ctx.title), 1 /* TEXT */) ], 64 /* STABLE_FRAGMENT */)) : renderSlot(_ctx.$slots, "title", { key: 1 }) ], 4 /* STYLE */), createVNode("ul", null, [ renderSlot(_ctx.$slots, "default") ]) ])) } script.render = render; script.__file = "packages/menu/src/menuItemGroup.vue"; script.install = (app) => { app.component(script.name, script); }; const _MenuItemGroup = script; export default _MenuItemGroup;