ivue-material-plus
Version:
A high quality UI components Library with Vue.js
67 lines (64 loc) • 3.02 kB
JavaScript
import _sfc_main from './submenu.vue_vue_type_script_lang.mjs';
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, normalizeStyle, createCommentVNode, renderSlot, createVNode, withCtx, createTextVNode, createBlock, withDirectives, vShow } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
const _hoisted_1 = { class: "ivue-menu" };
const _hoisted_2 = { class: "ivue-menu-dropdown--list" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_ivue_icon = resolveComponent("ivue-icon");
const _component_collapse_transition = resolveComponent("collapse-transition");
const _component_drop_down = resolveComponent("drop-down");
return openBlock(), createElementBlock("li", {
class: normalizeClass($setup.wrapperClasses),
onMouseenter: _cache[1] || (_cache[1] = (...args) => $setup.handleMouseenter && $setup.handleMouseenter(...args)),
onMouseleave: _cache[2] || (_cache[2] = (...args) => $setup.handleMouseleave && $setup.handleMouseleave(...args))
}, [
createElementVNode("div", {
class: normalizeClass(`${$setup.prefixCls}--title`),
ref: "reference",
onClick: _cache[0] || (_cache[0] = withModifiers((...args) => $setup.handleTitleClick && $setup.handleTitleClick(...args), ["stop"])),
style: normalizeStyle($setup.titleStyle)
}, [
createCommentVNode(" title "),
renderSlot(_ctx.$slots, "title"),
createCommentVNode(" \u7BAD\u5934 "),
createVNode(_component_ivue_icon, {
class: normalizeClass($setup.iconClasses)
}, {
default: withCtx(() => [
createTextVNode("expand_more")
]),
_: 1
}, 8, ["class"])
], 6),
createCommentVNode(" \u5782\u76F4\u6253\u5F00 "),
$setup.Menu.mode === "vertical" ? (openBlock(), createBlock(_component_collapse_transition, { key: 0 }, {
default: withCtx(() => [
withDirectives(createElementVNode("ul", _hoisted_1, [
renderSlot(_ctx.$slots, "default")
], 512), [
[vShow, $setup.data.opened]
])
]),
_: 3
})) : createCommentVNode("v-if", true),
createCommentVNode(" \u6C34\u5E73\u6253\u5F00 "),
$setup.Menu.mode === "horizontal" ? (openBlock(), createBlock(_component_drop_down, {
key: 1,
visible: $setup.data.opened,
placement: "bottom",
"transition-name": "slide-up",
styles: $setup.dropDownStyle,
ref: "dropDown"
}, {
default: withCtx(() => [
createElementVNode("ul", _hoisted_2, [
renderSlot(_ctx.$slots, "default")
])
]),
_: 3
}, 8, ["visible", "styles"])) : createCommentVNode("v-if", true)
], 34);
}
var Submenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-menu\\submenu.vue"]]);
export { Submenu as default };
//# sourceMappingURL=submenu.mjs.map