@soxa-ui/vue 0.0.0-stage → 0.3.0-beta.1

package/dist/components/menu/Menu.js

@@ -0,0 +1,149 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import Menu_vue_vue_type_script_lang_default from "./Menu.vue_vue_type_script_lang.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, mergeProps, openBlock, renderList, renderSlot, resolveComponent, resolveDynamicComponent, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/menu/Menu.vue
+var _hoisted_1 = { class: "so-menu__list" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_MenuSeparator = resolveComponent("MenuSeparator");
+	const _component_MenuSubmenu = resolveComponent("MenuSubmenu");
+	const _component_MenuItem = resolveComponent("MenuItem");
+	const _component_MenuGroup = resolveComponent("MenuGroup");
+	const _component_Frame = resolveComponent("Frame");
+	return _ctx.rendered ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+		key: 0,
+		ref: "rootElement",
+		class: _ctx.classes
+	}, {
+		..._ctx.attrs,
+		..._ctx.dataset
+	}), {
+		default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {
+			triggerAria: _ctx.triggerAria,
+			triggerDataset: _ctx.triggerDataset
+		}), createVNode(_component_Frame, mergeProps({
+			embedded: "menu.frame",
+			class: _ctx.panelClasses,
+			tabindex: "-1",
+			visible: _ctx.visible && _ctx.open,
+			strategy: "fixed",
+			anchor_anchor: _ctx.rootElement,
+			anchor_point: _ctx.point,
+			anchor_placement: _ctx.placement,
+			anchor_offset: 4
+		}, {
+			..._ctx.aria,
+			..._ctx.dismiss_ownerAttribute
+		}), {
+			default: withCtx(() => [createElementVNode("div", _hoisted_1, [_ctx.contentRendered ? renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sections, (section, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: section.key }, [_ctx.groupSeparators && index > 0 ? (openBlock(), createBlock(_component_MenuSeparator, { key: 0 })) : createCommentVNode("", true), section.group ? (openBlock(), createBlock(_component_MenuGroup, {
+					key: 1,
+					label: section.group.label
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
+						return openBlock(), createElementBlock(Fragment, { key: item.uid }, [!(_ctx.$slots.item || _ctx.$slots["item-leading"] || _ctx.$slots["item-trailing"] || _ctx.$slots["item-header"] || _ctx.$slots["item-arrow-icon"] || _ctx.$slots["item-content"]) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_ctx.submenus.has(item) ? (openBlock(), createBlock(_component_MenuSubmenu, mergeProps({
+							key: 0,
+							ref_for: true
+						}, _ctx.submenus.get(item)), null, 16)) : (openBlock(), createBlock(_component_MenuItem, {
+							key: 1,
+							ctrl: item
+						}, null, 8, ["ctrl"]))], 64)) : _ctx.submenus.has(item) ? (openBlock(), createBlock(_component_MenuSubmenu, mergeProps({
+							key: 1,
+							ref_for: true
+						}, _ctx.submenus.get(item)), {
+							leading: withCtx(() => [renderSlot(_ctx.$slots, "item-leading", { item })]),
+							header: withCtx(({ text, open }) => [renderSlot(_ctx.$slots, "item-header", {
+								item,
+								text,
+								open
+							})]),
+							"arrow-icon": withCtx(() => [renderSlot(_ctx.$slots, "item-arrow-icon", { item })]),
+							default: withCtx(() => [renderSlot(_ctx.$slots, "item-content", { item })]),
+							item: withCtx(({ item: child, text }) => [renderSlot(_ctx.$slots, "item", {
+								item: child,
+								text
+							})]),
+							"item-leading": withCtx(({ item: child }) => [renderSlot(_ctx.$slots, "item-leading", { item: child })]),
+							"item-trailing": withCtx(({ item: child }) => [renderSlot(_ctx.$slots, "item-trailing", { item: child })]),
+							"item-header": withCtx(({ item: child, text, open }) => [renderSlot(_ctx.$slots, "item-header", {
+								item: child,
+								text,
+								open
+							})]),
+							"item-arrow-icon": withCtx(({ item: child }) => [renderSlot(_ctx.$slots, "item-arrow-icon", { item: child })]),
+							"item-content": withCtx(({ item: child }) => [renderSlot(_ctx.$slots, "item-content", { item: child })]),
+							_: 2
+						}, 1040)) : (openBlock(), createBlock(_component_MenuItem, {
+							key: 2,
+							ctrl: item
+						}, {
+							leading: withCtx(() => [renderSlot(_ctx.$slots, "item-leading", { item })]),
+							default: withCtx(({ text }) => [renderSlot(_ctx.$slots, "item", {
+								item,
+								text
+							})]),
+							trailing: withCtx(() => [renderSlot(_ctx.$slots, "item-trailing", { item })]),
+							_: 2
+						}, 1032, ["ctrl"]))], 64);
+					}), 128))]),
+					_: 2
+				}, 1032, ["label"])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(section.items, (item) => {
+					return openBlock(), createElementBlock(Fragment, { key: item.uid }, [!(_ctx.$slots.item || _ctx.$slots["item-leading"] || _ctx.$slots["item-trailing"] || _ctx.$slots["item-header"] || _ctx.$slots["item-arrow-icon"] || _ctx.$slots["item-content"]) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_ctx.submenus.has(item) ? (openBlock(), createBlock(_component_MenuSubmenu, mergeProps({
+						key: 0,
+						ref_for: true
+					}, _ctx.submenus.get(item)), null, 16)) : (openBlock(), createBlock(_component_MenuItem, {
+						key: 1,
+						ctrl: item
+					}, null, 8, ["ctrl"]))], 64)) : _ctx.submenus.has(item) ? (openBlock(), createBlock(_component_MenuSubmenu, mergeProps({
+						key: 1,
+						ref_for: true
+					}, _ctx.submenus.get(item)), {
+						leading: withCtx(() => [renderSlot(_ctx.$slots, "item-leading", { item })]),
+						header: withCtx(({ text, open }) => [renderSlot(_ctx.$slots, "item-header", {
+							item,
+							text,
+							open
+						})]),
+						"arrow-icon": withCtx(() => [renderSlot(_ctx.$slots, "item-arrow-icon", { item })]),
+						default: withCtx(() => [renderSlot(_ctx.$slots, "item-content", { item })]),
+						item: withCtx(({ item: child, text }) => [renderSlot(_ctx.$slots, "item", {
+							item: child,
+							text
+						})]),
+						"item-leading": withCtx(({ item: child }) => [renderSlot(_ctx.$slots, "item-leading", { item: child })]),
+						"item-trailing": withCtx(({ item: child }) => [renderSlot(_ctx.$slots, "item-trailing", { item: child })]),
+						"item-header": withCtx(({ item: child, text, open }) => [renderSlot(_ctx.$slots, "item-header", {
+							item: child,
+							text,
+							open
+						})]),
+						"item-arrow-icon": withCtx(({ item: child }) => [renderSlot(_ctx.$slots, "item-arrow-icon", { item: child })]),
+						"item-content": withCtx(({ item: child }) => [renderSlot(_ctx.$slots, "item-content", { item: child })]),
+						_: 2
+					}, 1040)) : (openBlock(), createBlock(_component_MenuItem, {
+						key: 2,
+						ctrl: item
+					}, {
+						leading: withCtx(() => [renderSlot(_ctx.$slots, "item-leading", { item })]),
+						default: withCtx(({ text }) => [renderSlot(_ctx.$slots, "item", {
+							item,
+							text
+						})]),
+						trailing: withCtx(() => [renderSlot(_ctx.$slots, "item-trailing", { item })]),
+						_: 2
+					}, 1032, ["ctrl"]))], 64);
+				}), 128))], 64);
+			}), 128))], void 0, 0) : createCommentVNode("", true)])]),
+			_: 3
+		}, 16, [
+			"class",
+			"visible",
+			"anchor_anchor",
+			"anchor_point",
+			"anchor_placement"
+		])]),
+		_: 3
+	}, 16, ["class"])), [[vShow, _ctx.visible]]) : createCommentVNode("", true);
+}
+var Menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Menu_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Menu_default as default };