@antdv-vue/pro-layout 0.0.0-stage → 2.0.3

package/dist/components/SiderMenu/SiderMenu.js

@@ -0,0 +1,756 @@
+import { clearMenuItem } from "../../utils/index.js";
+import { getLeftSecondarySiderCollapsedWidth, getSiderMenuWidth } from "../../utils/siderWidth.js";
+import { defaultRenderLogo } from "../AppsLogoComponents/DefaultContent.js";
+import AppsLogoComponents from "../AppsLogoComponents/index.js";
+import CollapsedIcon from "../CollapsedIcon/index.js";
+import BaseMenu from "./BaseMenu.js";
+import { useStylish } from "./style/stylish.js";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { useProConfig } from "@antdv-vue/pro-provider";
+import { classNames } from "@v-c/util";
+import { Avatar, LayoutSider, Menu, Space } from "antdv-next";
+//#region src/components/SiderMenu/SiderMenu.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+/**
+* 渲染 title 和 logo
+*
+* @param props
+* @param renderKey
+*/
+function renderLogoAndTitle(props, renderKey = "menuHeaderRender") {
+	const { logo, title, layout } = props;
+	const renderFunction = props[renderKey];
+	if (renderFunction === false) return null;
+	const logoDom = defaultRenderLogo(logo);
+	const titleDom = createVNode("h1", null, [title ?? "Antdv Next Pro"]);
+	if (layout === "left") return createVNode("a", { "key": "title" }, [titleDom]);
+	if (renderFunction) return renderFunction({
+		logo: logoDom,
+		title: props.collapsed ? null : titleDom,
+		props
+	});
+	if (layout === "mix" && renderKey === "menuHeaderRender" && !props.isMobile) return false;
+	if (props.collapsed) return createVNode("a", { "key": "title" }, [logoDom]);
+	return createVNode("a", { "key": "title" }, [logoDom, titleDom]);
+}
+/**
+*  默认渲染菜单折叠切换按钮
+* @param collapsed
+* @param tabIndex
+* @returns
+*/
+const SiderMenu = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const proProvide = useProConfig();
+	const baseClassName = computed(() => `${props.prefixCls}-sider`);
+	const prefixCls = computed(() => `${baseClassName.value} ${baseClassName.value}-stylish`);
+	const hideMenuWhenCollapsedClassName = computed(() => {
+		const { menu, collapsed } = props;
+		if (menu?.hideMenuWhenCollapsed && collapsed) return `${baseClassName.value}-hide-menu-collapsed`;
+		return null;
+	});
+	const showSiderExtraDom = computed(() => {
+		const { isMobile, layout } = props;
+		if (isMobile) return false;
+		return layout !== "mix";
+	});
+	const collapsedWidth = computed(() => props.collapsedWidth || 64);
+	const firstMenuWidth = computed(() => props.firstMenuWidth || 80);
+	const appsDom = computed(() => createVNode(AppsLogoComponents, {
+		"onItemClick": props.itemClick,
+		"appListRender": props.appListRender,
+		"appList": props.appList,
+		"prefixCls": props.prefixCls
+	}, null));
+	const [hashId, cssVarCls] = useStylish(prefixCls, {
+		stylish: props.stylish,
+		proLayoutCollapsedWidth: collapsedWidth.value,
+		proLayoutFirstMenuWidth: firstMenuWidth.value
+	});
+	const avatarDom = computed(() => {
+		if (!props.avatarProps) return null;
+		const { title, render, ...rest } = props.avatarProps;
+		const dom = createVNode("div", { "class": `${baseClassName.value}-actions-avatar ${hashId?.value}` }, [rest?.src || rest?.srcSet || rest.icon ? createVNode(Avatar, mergeProps({ "size": 28 }, rest), null) : null, props.avatarProps.title && !props.collapsed && createVNode("span", null, [title])]);
+		if (render) return render(props.avatarProps, dom, props);
+		return dom;
+	});
+	const actionsDom = computed(() => {
+		let _slot;
+		if (!props.actionsRender) return null;
+		return createVNode(Space, {
+			"align": "center",
+			"size": 4,
+			"orientation": props.collapsed ? "vertical" : "horizontal",
+			"class": classNames([
+				`${baseClassName.value}-actions-list`,
+				props.collapsed && `${baseClassName.value}-actions-list-collapsed`,
+				cssVarCls?.value,
+				hashId?.value
+			])
+		}, _isSlot(_slot = [props.actionsRender?.({ props })].flat(1).map((item, index) => {
+			return createVNode("div", {
+				"key": index,
+				"class": classNames(`${baseClassName.value}-actions-list-item`, cssVarCls?.value, hashId?.value)
+			}, [item]);
+		})) ? _slot : { default: () => [_slot] });
+	});
+	/** 操作区域的dom */
+	const actionAreaDom = computed(() => {
+		if (!avatarDom.value && !actionsDom.value) return null;
+		return createVNode("div", { "class": classNames(`${baseClassName.value}-actions`, cssVarCls?.value, hashId?.value, props.collapsed && `${baseClassName.value}-actions-collapsed`) }, [avatarDom.value, actionsDom.value]);
+	});
+	const theme = computed(() => {
+		if (props.layout === "left" && !props.isMobile) return props.navTheme === "light" && !proProvide.value.dark ? "light" : "dark";
+		if (props.layout === "mix" && !props.isMobile) return "light";
+		if (props.navTheme === "realDark") return "dark";
+		return props.navTheme;
+	});
+	const collapsedDom = computed(() => {
+		if (props.collapsedButtonRender === false || props.layout !== "mix") return null;
+		const collapsedButton = {
+			class: `${baseClassName.value}-collapsed-button-menu-icon`,
+			key: "collapsed-button-icon",
+			title: "",
+			label: createVNode(Fragment, null, [createTextVNode("​")]),
+			icon: createVNode(CollapsedIcon, { "collapsed": props.collapsed }, null)
+		};
+		if (props.collapsedButtonRender) return props.collapsedButtonRender({
+			collapsed: props.collapsed,
+			dom: createVNode(CollapsedIcon, { "collapsed": props.collapsed }, null)
+		});
+		return createVNode(Menu, {
+			"inlineIndent": 16,
+			"class": classNames(`${baseClassName.value}-collapsed-button-menu`, cssVarCls?.value, hashId?.value),
+			"selectedKeys": [],
+			"openKeys": [],
+			"theme": theme.value,
+			"mode": "inline",
+			"onClick": () => props.onCollapse?.(!props.collapsed),
+			"items": [collapsedButton]
+		}, null);
+	});
+	const headerDom = computed(() => renderLogoAndTitle(props));
+	const extraDom = computed(() => props.menuExtraRender && props.menuExtraRender({ props }));
+	const menuFooterDom = computed(() => props.menuFooterRender && props.menuFooterRender?.({ props }));
+	const menuDom = computed(() => {
+		let { menuData } = props;
+		if (props.menuContentRender === false) return;
+		if (props.layout === "left" && props.splitMenus) {
+			const keys = props.matchMenuKeys || props.selectedKeys;
+			if (keys?.length) menuData = menuData?.find((item) => item.key === keys[0])?.children || [];
+			else menuData = [];
+			if (!menuData.length) return null;
+			return createVNode(BaseMenu, mergeProps(props, {
+				"menuData": menuData,
+				"mode": props.collapsed && !props.isMobile ? "vertical" : "inline",
+				"theme": "light",
+				"class": `${baseClassName.value}-menu`
+			}), null);
+		}
+		return createVNode(BaseMenu, mergeProps(props, {
+			"mode": props.collapsed && !props.isMobile ? "vertical" : "inline",
+			"theme": theme.value,
+			"class": `${baseClassName.value}-menu`
+		}), null);
+	});
+	const menuRenderDom = computed(() => props.menuContentRender ? props.menuContentRender({
+		props,
+		dom: menuDom.value
+	}) : menuDom.value);
+	const linksMenuItems = computed(() => (props.links || []).map((node, key) => {
+		const menuItem = {
+			class: `${baseClassName.value}-link`,
+			key
+		};
+		if (isVNode(node) && Array.isArray(node.children) && node.children.length > 0) if (node.children?.length >= 2) {
+			menuItem.title = node.children[1].children[0]?.children;
+			menuItem.label = node.children[1];
+			menuItem.icon = node.children[0];
+		} else {
+			const title = node.children[0]?.children;
+			const label = title.substring(1);
+			const icon = createVNode("span", { "class": classNames(`${proProvide.value.token?.antCls}-icon`, `${proProvide.value.token?.antCls}-menu-item-icon`) }, [title.trim().charAt(0).toUpperCase()]);
+			menuItem.title = title;
+			menuItem.icon = icon;
+			menuItem.label = label;
+		}
+		else {
+			const link = node;
+			menuItem.label = link.label;
+			menuItem.title = link.title;
+			menuItem.icon = link.icon;
+		}
+		return menuItem;
+	}));
+	const railMenuItem = computed(() => {
+		const { menuData = [], collapsed, defaultCollapsed, inlineCollapsed, originCollapsed, onCollapse, mode, ...rest } = props;
+		const clearMenuData = clearMenuItem(menuData.map((item) => ({
+			...item,
+			children: void 0
+		})));
+		return createVNode("div", null, [createVNode(BaseMenu, mergeProps(rest, {
+			"mode": "vertical",
+			"inlineCollapsed": false,
+			"theme": theme.value,
+			"menuData": clearMenuData
+		}), null)]);
+	});
+	const menuDomItems = computed(() => {
+		if (props.layout === "left") return menuRenderDom.value ? createVNode(Fragment, null, [props.title !== false && !props.collapsed && createVNode("div", { "class": classNames(`${baseClassName.value}-logo-title`, cssVarCls?.value, hashId?.value, {}) }, [createVNode("a", null, [createVNode("h1", null, [props.title ?? "Antdv Next Pro"])]), !props.isMobile && appsDom.value]), createVNode("div", { "style": {
+			flex: 1,
+			overflowY: "auto",
+			overflowX: "hidden"
+		} }, [menuRenderDom.value])]) : null;
+		return createVNode(Fragment, null, [
+			headerDom.value && createVNode("div", {
+				"class": classNames(`${baseClassName.value}-logo`, cssVarCls?.value, hashId?.value, { [`${baseClassName.value}-logo-collapsed`]: props.collapsed }),
+				"onClick": showSiderExtraDom.value ? props.onMenuHeaderClick : void 0,
+				"id": "logo",
+				"style": props.logoStyle
+			}, [headerDom.value, !props.isMobile && appsDom.value]),
+			extraDom.value && createVNode("div", { "class": classNames(`${baseClassName.value}-extra`, { [`${baseClassName.value}-extra-no-logo`]: !headerDom.value }, cssVarCls?.value, hashId?.value) }, [extraDom.value]),
+			createVNode("div", { "style": {
+				flex: 1,
+				overflowY: "auto",
+				overflowX: "hidden"
+			} }, [menuRenderDom.value]),
+			props.links ? createVNode("div", { "class": classNames(`${baseClassName.value}-links`, cssVarCls?.value, hashId?.value) }, [createVNode(Menu, {
+				"inlineIndent": 16,
+				"class": classNames(`${baseClassName.value}-link-menu`, cssVarCls?.value, hashId?.value),
+				"selectedKeys": [],
+				"openKeys": [],
+				"theme": props.theme,
+				"mode": "inline",
+				"items": linksMenuItems.value
+			}, null)]) : null,
+			showSiderExtraDom.value && props.headerRender === false && actionAreaDom.value,
+			menuFooterDom.value && createVNode("div", { "class": classNames([
+				`${baseClassName.value}-footer`,
+				cssVarCls?.value,
+				hashId?.value,
+				{ [`${baseClassName.value}-footer-collapsed`]: props.collapsed }
+			]) }, [menuFooterDom.value])
+		]);
+	});
+	return () => {
+		const { breakpoint = "lg", stylish, navTheme, layout, siderProps, collapsed, siderWidth = 256, fixedSiderbar, isMobile, onCollapse, logo } = props;
+		const siderClassName = classNames(attrs.class, cssVarCls?.value, hashId?.value, {
+			[`${baseClassName.value}-fixed`]: fixedSiderbar,
+			[`${baseClassName.value}-fixed-mix`]: layout === "mix" && !isMobile && fixedSiderbar,
+			[`${baseClassName.value}-collapsed`]: collapsed && layout !== "left",
+			[`${baseClassName.value}-${layout}`]: layout && !isMobile,
+			[`${baseClassName.value}-light`]: navTheme === "light" || layout === "mix" && navTheme !== "realDark",
+			[`${baseClassName.value}-dark`]: navTheme === "dark" && !["mix", "left"].includes(layout),
+			[`${baseClassName.value}-realDark`]: layout === "mix" && navTheme === "realDark",
+			[`${baseClassName.value}-mix`]: layout === "mix" && !isMobile,
+			[`${baseClassName.value}-stylish`]: !!stylish
+		});
+		const leftSecondaryCollapsedWidth = getLeftSecondarySiderCollapsedWidth({
+			siderWidth,
+			collapsedWidth: collapsedWidth.value,
+			firstMenuWidth: firstMenuWidth.value
+		});
+		const siderMenuWidth = getSiderMenuWidth({
+			layout,
+			collapsed,
+			hasMenu: !!menuDomItems.value,
+			siderWidth,
+			collapsedWidth: collapsedWidth.value,
+			firstMenuWidth: firstMenuWidth.value
+		});
+		return createVNode(Fragment, null, [fixedSiderbar && !isMobile && !hideMenuWhenCollapsedClassName.value && createVNode("div", { "style": {
+			width: `${siderMenuWidth}px`,
+			overflow: "hidden",
+			flex: `0 0 ${siderMenuWidth}px`,
+			maxWidth: `${siderMenuWidth}px`,
+			minWidth: `${siderMenuWidth}px`,
+			transition: "all 0.2s ease 0s"
+		} }, null), layout === "left" ? createVNode(LayoutSider, {
+			"class": classNames(siderClassName, hideMenuWhenCollapsedClassName.value),
+			"theme": theme.value,
+			"collapsed": false,
+			"collapsible": false,
+			"defaultCollapsed": false,
+			"trigger": null,
+			"width": siderMenuWidth
+		}, { default: () => [createVNode("div", { "class": `${baseClassName.value}-left-container` }, [createVNode("div", { "class": classNames(`${baseClassName.value}-left-rail`, cssVarCls?.value, hashId?.value) }, [logo && createVNode("div", {
+			"class": classNames(`${baseClassName.value}-left-logo`, cssVarCls?.value, hashId?.value),
+			"onClick": showSiderExtraDom.value ? props.onMenuHeaderClick : void 0,
+			"id": "logo",
+			"style": props.logoStyle
+		}, [defaultRenderLogo(logo)]), railMenuItem.value]), menuDomItems.value && createVNode("div", { "class": classNames(`${baseClassName.value}-left-menu`, { [`${baseClassName.value}-left-menu-realDark`]: navTheme === "realDark" }, cssVarCls?.value, hashId?.value) }, [createVNode(LayoutSider, {
+			"theme": "light",
+			"collapsed": collapsed,
+			"collapsible": true,
+			"trigger": null,
+			"breakpoint": breakpoint === false ? void 0 : breakpoint,
+			"onCollapse": (collapse) => {
+				if (isMobile) return;
+				onCollapse?.(collapse);
+			},
+			"width": menuDomItems.value ? siderWidth - firstMenuWidth.value : 0,
+			"collapsedWidth": menuDomItems.value ? leftSecondaryCollapsedWidth : 0
+		}, { default: () => [menuDomItems.value] })])])] }) : createVNode(LayoutSider, mergeProps({
+			"class": classNames(siderClassName, hideMenuWhenCollapsedClassName.value),
+			"style": attrs.style,
+			"collapsed": collapsed,
+			"collapsedWidth": collapsedWidth.value,
+			"collapsible": true,
+			"trigger": null,
+			"breakpoint": breakpoint === false ? void 0 : breakpoint,
+			"theme": theme.value,
+			"onCollapse": (collapse) => {
+				if (isMobile) return;
+				onCollapse?.(collapse);
+			},
+			"width": siderWidth
+		}, siderProps), { default: () => [hideMenuWhenCollapsedClassName.value ? createVNode("div", {
+			"class": classNames(`${baseClassName.value}-hide-when-collapsed`, cssVarCls?.value, hashId?.value),
+			"style": {
+				height: "100%",
+				width: "100%",
+				opacity: hideMenuWhenCollapsedClassName.value ? 0 : 1
+			}
+		}, [menuDomItems.value]) : menuDomItems.value, collapsedDom.value && createVNode("div", { "class": classNames(`${baseClassName.value}-collapsed-button`, cssVarCls?.value, hashId?.value) }, [collapsedDom.value])] })]);
+	};
+}, {
+	props: {
+		defaultCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		collapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		isMobile: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onOpenChange: {
+			type: Function,
+			required: false
+		},
+		menuData: {
+			type: Array,
+			required: false
+		},
+		onCollapse: {
+			type: Function,
+			required: false
+		},
+		openKeys: {
+			type: [Array, Boolean],
+			required: false,
+			default: void 0
+		},
+		mode: {
+			type: void 0,
+			required: false
+		},
+		menuProps: {
+			type: Object,
+			required: false
+		},
+		menuItemRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		subMenuItemRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		iconPrefixes: {
+			type: String,
+			required: false
+		},
+		formatMessage: {
+			type: Function,
+			required: false
+		},
+		postMenuData: {
+			type: Function,
+			required: false
+		},
+		onSelect: {
+			type: Function,
+			required: false
+		},
+		route: {
+			type: Object,
+			required: false
+		},
+		location: {
+			type: Object,
+			required: false
+		},
+		theme: {
+			type: String,
+			required: false
+		},
+		inlineIndent: {
+			type: Number,
+			required: false
+		},
+		tooltip: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		_internalDisableMenuItemTitleTooltip: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		items: {
+			type: Array,
+			required: false
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		labelRender: {
+			type: Function,
+			required: false
+		},
+		extraRender: {
+			type: Function,
+			required: false
+		},
+		iconRender: {
+			type: Function,
+			required: false
+		},
+		itemIcon: {
+			type: Function,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabledOverflow: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			required: false
+		},
+		inlineCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultOpenKeys: {
+			type: Array,
+			required: false
+		},
+		selectable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		multiple: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultSelectedKeys: {
+			type: Array,
+			required: false
+		},
+		selectedKeys: {
+			type: Array,
+			required: false
+		},
+		motion: {
+			type: Object,
+			required: false
+		},
+		defaultMotions: {
+			type: Object,
+			required: false
+		},
+		subMenuOpenDelay: {
+			type: Number,
+			required: false
+		},
+		subMenuCloseDelay: {
+			type: Number,
+			required: false
+		},
+		forceSubMenuRender: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		triggerSubMenuAction: { required: false },
+		builtinPlacements: { required: false },
+		expandIcon: { required: false },
+		overflowedIndicator: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		overflowedIndicatorPopupClassName: {
+			type: String,
+			required: false
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false
+		},
+		_internalRenderMenuItem: {
+			type: Function,
+			required: false
+		},
+		_internalRenderSubMenuItem: {
+			type: Function,
+			required: false
+		},
+		popupRender: { required: false },
+		id: {
+			type: String,
+			required: false
+		},
+		onClick: {
+			type: Function,
+			required: false
+		},
+		onDeselect: {
+			type: Function,
+			required: false
+		},
+		"onUpdate:openKeys": {
+			type: Function,
+			required: false
+		},
+		"onUpdate:selectedKeys": {
+			type: Function,
+			required: false
+		},
+		navTheme: {
+			type: String,
+			required: false
+		},
+		layout: {
+			type: String,
+			required: false
+		},
+		contentWidth: {
+			type: String,
+			required: false
+		},
+		compact: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		fixedHeader: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		fixedSiderbar: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		menu: {
+			type: Object,
+			required: false
+		},
+		title: {
+			type: [String, Boolean],
+			required: false,
+			default: void 0
+		},
+		iconfontUrl: {
+			type: String,
+			required: false
+		},
+		colorPrimary: {
+			type: String,
+			required: false
+		},
+		colorWeak: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		splitMenus: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		suppressSiderWhenMenuEmpty: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		siderMenuType: {
+			type: String,
+			required: false
+		},
+		fixedMultiTab: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		multiTab: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		collapsedWidth: {
+			type: Number,
+			required: false
+		},
+		firstMenuWidth: {
+			type: Number,
+			required: false
+		},
+		logo: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		appList: {
+			type: Array,
+			required: false
+		},
+		appListRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		itemClick: {
+			type: Function,
+			required: false
+		},
+		links: {
+			type: [Array, Boolean],
+			required: false,
+			default: void 0
+		},
+		siderWidth: {
+			type: Number,
+			required: false
+		},
+		menuHeaderRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuContentRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuFooterRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		collapsedButtonRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		siderProps: {
+			type: Object,
+			required: false
+		},
+		breakpoint: {
+			type: [String, Boolean],
+			required: false,
+			default: void 0
+		},
+		avatarProps: {
+			type: [Object, Boolean],
+			required: false,
+			default: void 0
+		},
+		actionsRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuExtraRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		onMenuHeaderClick: {
+			type: Function,
+			required: false
+		},
+		logoStyle: {
+			type: Object,
+			required: false
+		},
+		headerRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		matchMenuKeys: {
+			type: Array,
+			required: false
+		},
+		originCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		menuRenderType: {
+			type: String,
+			required: false
+		},
+		stylish: {
+			type: Function,
+			required: false
+		}
+	},
+	name: "SiderMenu",
+	inheritAttrs: false
+});
+//#endregion
+export { SiderMenu as default, renderLogoAndTitle };