@gx-design-vue/pro-layout 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/components/PageTranstion/index.js

@@ -1,71 +0,0 @@
-import { animateSetting } from "../../config/animate.js";
-import { useStyle } from "./style.js";
-import { Transition, computed, createVNode, defineComponent } from "vue";
-import { getPrefixCls } from "@gx-design-vue/pro-utils";
-
-//#region src/components/PageTranstion/index.tsx
-var PageTranstion_default = /* @__PURE__ */ defineComponent({
-	name: "PageTransition",
-	props: {
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		reverse: {
-			type: Boolean,
-			default: true
-		},
-		name: {
-			type: String,
-			default: "bounce"
-		},
-		direction: String
-	},
-	setup(props, { slots }) {
-		const baseClassName = getPrefixCls({
-			suffixCls: "page-transition",
-			isPor: true
-		});
-		const { wrapSSR, hashId } = useStyle(baseClassName);
-		const reversePosition = (direction, directions) => {
-			if (direction.length === 0 || direction === "x" || direction === "y") return direction;
-			let index = directions.indexOf(direction);
-			index = index % 2 === 1 ? index - 1 : index + 1;
-			return directions[index];
-		};
-		const activeClass = (isLeave) => {
-			const animate = animateSetting.preset.find((item) => props.name === item.name);
-			if (animate === void 0) return "";
-			let direction = "";
-			if (props.direction === void 0) direction = animate.directions[0];
-			else direction = animate.directions.find((item) => item === props.direction) || "";
-			direction = direction === void 0 || direction === "default" ? "" : direction;
-			if (direction !== "") {
-				direction = isLeave && props.reverse ? reversePosition(direction, animate.directions) : direction;
-				direction = direction[0].toUpperCase() + direction.substring(1);
-			}
-			const t = isLeave ? "Out" : "In";
-			return animate.name + t + direction;
-		};
-		const enterClass = computed(() => [
-			activeClass(false),
-			`${baseClassName}-enter`,
-			hashId.value
-		].join(" "));
-		const leaveClass = computed(() => [
-			activeClass(true),
-			`${baseClassName}-leave`,
-			hashId.value
-		].join(" "));
-		return () => {
-			if (props.disabled) return slots.default?.();
-			return wrapSSR(createVNode(Transition, {
-				"enterActiveClass": enterClass.value,
-				"leaveActiveClass": leaveClass.value
-			}, { default: () => [slots.default?.()] }));
-		};
-	}
-});
-
-//#endregion
-export { PageTranstion_default as default };

package/dist/components/PageTranstion/keyFrame/roll.d.ts

@@ -1,10 +0,0 @@
-import { Keyframe } from "@gx-design-vue/pro-provider";
-import { CSSObject as CSSObject$1 } from "ant-design-vue";
-
-//#region src/components/PageTranstion/keyFrame/roll.d.ts
-declare const rollIn: Keyframe;
-declare const rollOut: Keyframe;
-declare function PageRollIn(): CSSObject$1;
-declare function PageRollOut(): CSSObject$1;
-//#endregion
-export { PageRollIn, PageRollOut, rollIn, rollOut };

package/dist/components/PageTranstion/style.d.ts

@@ -1,10 +0,0 @@
-import * as vue179 from "vue";
-import * as ant_design_vue_es__util_type13 from "ant-design-vue/es/_util/type";
-
-//#region src/components/PageTranstion/style.d.ts
-declare function useStyle(componentCls: string): {
-  wrapSSR: (node: ant_design_vue_es__util_type13.VueNode) => ant_design_vue_es__util_type13.VueNode;
-  hashId: vue179.ComputedRef<string>;
-};
-//#endregion
-export { useStyle };

package/dist/components/SiderMenu/Arrow.d.ts

@@ -1,6 +0,0 @@
-import * as vue_jsx_runtime7 from "vue/jsx-runtime";
-
-//#region src/components/SiderMenu/Arrow.d.ts
-declare function ArrowSvgIcon(): vue_jsx_runtime7.JSX.Element;
-//#endregion
-export { ArrowSvgIcon };

package/dist/components/SiderMenu/SiderMenu.d.ts

@@ -1,180 +0,0 @@
-import { BaseMenuProps, ProLayoutMenuFunProps } from "../../types/MenuTypings.js";
-import { CollapsedButtonRender, CollapsedIconRender, DefaultRender, LogoRender, MenuContentRender, MenuFooterRender, MenuHeaderRender, MenuItemRender, MenuTextRender, SubMenuItemRender } from "../../types/SlotsTypings.js";
-import { siderMenuProps } from "./props.js";
-import { CommonLogoProps } from "../LogoContent/props.js";
-import { SiderLayoutProps } from "../../types/typings.js";
-import * as vue215 from "vue";
-import { CSSProperties, ExtractPropTypes } from "vue";
-import * as _gx_design_vue_pro_utils7 from "@gx-design-vue/pro-utils";
-import * as ant_design_vue_es__util_type18 from "ant-design-vue/es/_util/type";
-
-//#region src/components/SiderMenu/SiderMenu.d.ts
-type SiderMenuProps = Partial<ExtractPropTypes<typeof siderMenuProps>>;
-declare const SiderMenu: vue215.DefineComponent<ExtractPropTypes<{
-  collapsedButtonRender: {
-    type: vue215.PropType<CollapsedButtonRender>;
-    default: () => any;
-  };
-  collapsedIconRender: {
-    type: vue215.PropType<CollapsedIconRender>;
-    default: () => any;
-  };
-  suppressSiderWhenMenuEmpty: {
-    type: vue215.PropType<SiderLayoutProps["suppressSiderWhenMenuEmpty"]>;
-    default: boolean;
-  };
-  breakpoint: {
-    type: vue215.PropType<SiderLayoutProps["breakpoint"]>;
-    default: () => boolean;
-  };
-  appsLogoComponents: {
-    type: vue215.PropType<DefaultRender>;
-    default: () => any;
-  };
-  siderActionsRender: {
-    type: vue215.PropType<DefaultRender>;
-    default: () => any;
-  };
-  menuLinksRender: {
-    type: vue215.PropType<DefaultRender>;
-    default: () => any;
-  };
-  menuFooterRender: {
-    type: vue215.PropType<MenuFooterRender>;
-    default: () => any;
-  };
-  menuContentRender: {
-    type: vue215.PropType<MenuContentRender>;
-    default: () => any;
-  };
-  menuHeaderRender: {
-    type: vue215.PropType<MenuHeaderRender>;
-    default: () => any;
-  };
-  onOpenKeys: {
-    type: vue215.PropType<ProLayoutMenuFunProps["onOpenKeys"]>;
-  };
-  onSelect: {
-    type: vue215.PropType<ProLayoutMenuFunProps["onSelect"]>;
-  };
-  menuItemRender: {
-    type: vue215.PropType<BaseMenuProps["menuItemRender"]>;
-    default: () => any;
-  };
-  menuTextRender: {
-    type: vue215.PropType<BaseMenuProps["menuTextRender"]>;
-    default: () => any;
-  };
-  subMenuItemRender: {
-    type: vue215.PropType<BaseMenuProps["subMenuItemRender"]>;
-    default: () => any;
-  };
-  class: vue215.PropType<string>;
-  style: vue215.PropType<CSSProperties>;
-  logo: {
-    type: vue215.PropType<CommonLogoProps["logo"]>;
-    default: () => any;
-  };
-  logoStyle: {
-    type: vue215.PropType<CommonLogoProps["logoStyle"]>;
-    default: () => any;
-  };
-  logoRender: {
-    type: vue215.PropType<CommonLogoProps["logoRender"]>;
-    default: () => any;
-  };
-  onLogoClick: vue215.PropType<CommonLogoProps["onLogoClick"]>;
-}>, () => ant_design_vue_es__util_type18.VueNode, {}, {}, {}, vue215.ComponentOptionsMixin, vue215.ComponentOptionsMixin, {}, string, vue215.PublicProps, Readonly<ExtractPropTypes<{
-  collapsedButtonRender: {
-    type: vue215.PropType<CollapsedButtonRender>;
-    default: () => any;
-  };
-  collapsedIconRender: {
-    type: vue215.PropType<CollapsedIconRender>;
-    default: () => any;
-  };
-  suppressSiderWhenMenuEmpty: {
-    type: vue215.PropType<SiderLayoutProps["suppressSiderWhenMenuEmpty"]>;
-    default: boolean;
-  };
-  breakpoint: {
-    type: vue215.PropType<SiderLayoutProps["breakpoint"]>;
-    default: () => boolean;
-  };
-  appsLogoComponents: {
-    type: vue215.PropType<DefaultRender>;
-    default: () => any;
-  };
-  siderActionsRender: {
-    type: vue215.PropType<DefaultRender>;
-    default: () => any;
-  };
-  menuLinksRender: {
-    type: vue215.PropType<DefaultRender>;
-    default: () => any;
-  };
-  menuFooterRender: {
-    type: vue215.PropType<MenuFooterRender>;
-    default: () => any;
-  };
-  menuContentRender: {
-    type: vue215.PropType<MenuContentRender>;
-    default: () => any;
-  };
-  menuHeaderRender: {
-    type: vue215.PropType<MenuHeaderRender>;
-    default: () => any;
-  };
-  onOpenKeys: {
-    type: vue215.PropType<ProLayoutMenuFunProps["onOpenKeys"]>;
-  };
-  onSelect: {
-    type: vue215.PropType<ProLayoutMenuFunProps["onSelect"]>;
-  };
-  menuItemRender: {
-    type: vue215.PropType<BaseMenuProps["menuItemRender"]>;
-    default: () => any;
-  };
-  menuTextRender: {
-    type: vue215.PropType<BaseMenuProps["menuTextRender"]>;
-    default: () => any;
-  };
-  subMenuItemRender: {
-    type: vue215.PropType<BaseMenuProps["subMenuItemRender"]>;
-    default: () => any;
-  };
-  class: vue215.PropType<string>;
-  style: vue215.PropType<CSSProperties>;
-  logo: {
-    type: vue215.PropType<CommonLogoProps["logo"]>;
-    default: () => any;
-  };
-  logoStyle: {
-    type: vue215.PropType<CommonLogoProps["logoStyle"]>;
-    default: () => any;
-  };
-  logoRender: {
-    type: vue215.PropType<CommonLogoProps["logoRender"]>;
-    default: () => any;
-  };
-  onLogoClick: vue215.PropType<CommonLogoProps["onLogoClick"]>;
-}>> & Readonly<{}>, {
-  logo: _gx_design_vue_pro_utils7.CustomRender;
-  logoStyle: CSSProperties;
-  logoRender: LogoRender;
-  menuItemRender: MenuItemRender;
-  menuTextRender: MenuTextRender;
-  subMenuItemRender: SubMenuItemRender;
-  suppressSiderWhenMenuEmpty: boolean;
-  breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-  collapsedIconRender: CollapsedIconRender;
-  collapsedButtonRender: CollapsedButtonRender;
-  menuLinksRender: DefaultRender;
-  appsLogoComponents: DefaultRender;
-  siderActionsRender: DefaultRender;
-  menuFooterRender: MenuFooterRender;
-  menuContentRender: MenuContentRender;
-  menuHeaderRender: MenuHeaderRender;
-}, {}, {}, {}, string, vue215.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { SiderMenuProps, SiderMenu as default };

package/dist/components/SiderMenu/SiderMenu.js

@@ -1,265 +0,0 @@
-import { useProLayoutContext } from "../../Context/index.js";
-import { commonCollapsedProps } from "../../props/collapsedProps.js";
-import BaseMenu_default from "../BaseMenu/index.js";
-import CollapsedIcon_default, { defaultRenderCollapsedButton, renderCollapsedButton } from "../CollapsedIcon/index.js";
-import { commonLogoProps } from "../LogoContent/props.js";
-import LogoContent_default from "../LogoContent/index.js";
-import { genSiderMenuStyle } from "./style/index.js";
-import { genLogoContentStyle } from "../LogoContent/style.js";
-import { siderMenuProps } from "./props.js";
-import { useCollapsed } from "../../hooks/collapsed/index.js";
-import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, ref, toRefs } from "vue";
-import { useMemo } from "@gx-design-vue/pro-hooks";
-import { unit, useProConfigContext, useProStyle } from "@gx-design-vue/pro-provider";
-import { classNames as classNames$1, convertValueBoolean, isArray } from "@gx-design-vue/pro-utils";
-import { ConfigProvider, Layout, Menu, Spin } from "ant-design-vue";
-import { pick } from "es-toolkit";
-import { useProAppContext } from "@gx-design-vue/pro-app";
-
-//#region src/components/SiderMenu/SiderMenu.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const { Sider } = Layout;
-const SiderMenu = /* @__PURE__ */ defineComponent({
-	props: {
-		...siderMenuProps,
-		...commonCollapsedProps
-	},
-	inheritAttrs: false,
-	setup(props) {
-		const { getPrefixCls, isMobile, collapsed, collapsedEffect, collapsedProps, layoutProps, selectedKeys, zIndex, settings, openKeys, menu, styles, classNames, contentFullScreen } = useProLayoutContext();
-		const appContext = useProAppContext();
-		const { token } = useProConfigContext();
-		const { breakpoint } = toRefs(props);
-		const baseClassName = getPrefixCls({
-			suffixCls: "sider",
-			isPor: true
-		});
-		const logoRef = ref();
-		const footEl = ref();
-		const rectElRef = ref();
-		const collapsedRef = computed(() => {
-			return isMobile.value ? false : collapsedEffect.value;
-		});
-		const hasSplitMenu = computed(() => settings.value.layout === "mix" && !isMobile.value && settings.value.splitMenus);
-		const layoutSide = computed(() => settings.value.layout === "side" || settings.value.layout === "simple");
-		const needFixed = computed(() => isMobile.value || layoutProps.value.isWide ? false : settings.value.fixSiderbar);
-		const theme = computed(() => (settings.value.layout === "mix" || layoutProps.value.isWide) && "light" || menu.value.baseTheme);
-		const transformStyle = computed(() => {
-			return collapsedProps.value?.width ? {} : {
-				transform: `translateX(${collapsed.value ? "-100%" : "0"})`,
-				pointerEvents: collapsed.value ? "none" : void 0
-			};
-		});
-		const { wrapSSR, hashId } = useProStyle("ProLayoutSiderMenu", [(token) => genSiderMenuStyle(token, { siderChildren: styles.value?.siderChildren }), genLogoContentStyle], baseClassName);
-		const menus = computed(() => settings.value.layout === "top" ? [] : menu.value.menuData);
-		const sideMenus = computed(() => hasSplitMenu.value ? menu.value.mixSiderMenus : menus.value);
-		const baseMenus = computed(() => sideMenus.value.filter((item) => !item.meta?.fixed));
-		const footerMenus = computed(() => sideMenus.value.filter((item) => item.meta?.fixed));
-		const sSideWidth = computed(() => {
-			if (collapsedProps.value?.width) return collapsedRef.value ? collapsedProps.value?.width : layoutProps.value.siderWidth;
-			return collapsed.value ? 0 : layoutProps.value.siderWidth;
-		});
-		const { innerCollapsed } = useCollapsed(computed(() => collapsedProps.value?.width === 0 && collapsed.value), {
-			rectEl: rectElRef,
-			footEl: computed(() => props.menuFooterRender || footerMenus.value.length > 0 ? footEl.value : void 0),
-			disabled: collapsedProps.value?.disabledInnerCollapse ?? collapsedProps.value?.width !== 0
-		});
-		const siderClassNames = computed(() => classNames$1(collapsed.value && `${baseClassName}-collapsed`, innerCollapsed.value && `${baseClassName}-inner-collapsed`, (props.menuFooterRender || footerMenus.value.length > 0) && `${baseClassName}-has-footer`, [
-			hashId.value,
-			baseClassName,
-			classNames?.value?.sider,
-			isMobile.value ? "shadow" : null,
-			`${baseClassName}-${menu.value.baseTheme}`,
-			needFixed.value ? `${baseClassName}-fixed` : null
-		]));
-		const pageContainerBlock = computed(() => {
-			const pageContainerToken = token.value?.layout?.pageContainer;
-			return (pageContainerToken?.padding || pageContainerToken?.margin || "").split(" ")?.[0] || unit(20);
-		});
-		const appsDom = useMemo(() => {
-			if (settings.value.layout === "simple" || !props.appsLogoComponents) return null;
-			return typeof props.appsLogoComponents === "function" ? props.appsLogoComponents?.() : props.appsLogoComponents;
-		}, [() => props.appsLogoComponents]);
-		function handleCollapse() {
-			collapsed.value = !collapsed.value;
-		}
-		const collapsedFixDom = useMemo(() => {
-			if (collapsedProps.value?.collapsedButtonRender === false) return null;
-			const collapsedButtonRender = props.collapsedButtonRender || collapsedProps.value?.collapsedButtonRender;
-			const collapsedIconRender = props.collapsedIconRender || collapsedProps.value?.collapsedIconRender;
-			const dom = createVNode(CollapsedIcon_default, {
-				"iconRender": collapsedIconRender,
-				"isMobile": isMobile.value,
-				"collapsed": collapsedRef.value,
-				"onClick": () => handleCollapse()
-			}, null);
-			if (collapsedButtonRender) return collapsedButtonRender?.(!!collapsedRef.value, dom);
-			return dom;
-		}, [
-			() => collapsedProps.value?.collapsedButtonRender,
-			() => isMobile.value,
-			() => collapsedRef.value
-		]);
-		const handleSelect = (info) => {
-			if (props.onSelect) {
-				const keys = info.selectedKeys;
-				if (hasSplitMenu.value) {
-					props.onSelect([selectedKeys?.value?.[0], ...keys]);
-					return;
-				}
-				props.onSelect(keys);
-			}
-		};
-		const menuDom = (menuData, options) => {
-			return createVNode(BaseMenu_default, {
-				"key": "sider-base-menu",
-				"class": classNames$1(`${baseClassName}-menu ${hashId.value}`, options?.class),
-				"styles": styles.value,
-				"classNames": classNames.value,
-				"type": menu.value?.type,
-				"mode": collapsedRef.value && !isMobile.value ? "vertical" : "inline",
-				"menuRenderType": "sider",
-				"menuProps": menu.value?.menuProps,
-				"menuData": menuData,
-				"iconfontUrl": settings.value.iconfontUrl,
-				"openKeys": openKeys.value,
-				"selectedKeys": selectedKeys.value,
-				"menuTextRender": props.menuTextRender,
-				"menuItemRender": props.menuItemRender,
-				"subMenuItemRender": props.subMenuItemRender,
-				"style": {
-					width: "100%",
-					minHeight: innerCollapsed.value ? "unset" : "",
-					backgroundColor: innerCollapsed.value ? token.value.layout?.sider?.colorMenuBackground : "",
-					...options?.style || {}
-				},
-				"onClick": menu.value?.menuProps?.onClick,
-				"onOpenKeys": (keys) => props.onOpenKeys && props.onOpenKeys?.(keys),
-				"onSelect": handleSelect
-			}, null);
-		};
-		return () => {
-			let _slot;
-			const logoDom = layoutSide.value && settings.value.layout !== "simple" && createVNode(LogoContent_default, mergeProps({
-				"ref": logoRef,
-				"title": settings.value.title,
-				"hashId": hashId.value,
-				"layout": settings.value.layout,
-				"style": collapsed.value && collapsedProps.value.width === 0 ? { opacity: 0 } : void 0,
-				"baseClassName": baseClassName
-			}, pick(props, Object.keys(commonLogoProps))), { default: () => [appsDom.value] });
-			const menuHeaderRender = props.menuHeaderRender && props.menuHeaderRender?.(props);
-			const menuLinksRender = props.menuLinksRender;
-			const siderActionsRender = props.siderActionsRender;
-			if (hasSplitMenu.value && menu.value.mixSiderMenus.length === 0 && props.suppressSiderWhenMenuEmpty) return null;
-			if (menus.value.length === 0 && props.suppressSiderWhenMenuEmpty) return null;
-			return wrapSSR(createVNode(ConfigProvider, { "theme": { components: { Menu: {
-				itemMarginInline: token.value.layout?.sider?.menuItemMarginInline,
-				colorItemBg: token.value.layout?.sider?.colorMenuBackground || "transparent",
-				colorSubItemBg: token.value.layout?.sider?.colorMenuBackground || "transparent",
-				radiusItem: token.value.layout?.sider?.borderRadius || token.value.borderRadius,
-				colorItemBgSelected: token.value.layout?.sider?.colorBgMenuItemSelected || token.value?.colorBgTextHover,
-				colorItemBgHover: token.value.layout?.sider?.colorBgMenuItemHover || token.value?.colorBgTextHover,
-				colorItemBgActive: token.value.layout?.sider?.colorBgMenuItemActive || token.value?.colorBgTextActive,
-				colorItemText: token.value.layout?.sider?.colorTextMenu || token.value?.colorTextSecondary,
-				colorItemTextHover: token.value.layout?.sider?.colorTextMenuItemHover || "rgba(0, 0, 0, 0.85)",
-				colorItemTextSelected: token.value.layout?.sider?.colorTextMenuSelected || "rgba(0, 0, 0, 1)"
-			} } } }, { default: () => [needFixed.value && createVNode("div", { "style": {
-				width: `${unit(sSideWidth.value)}`,
-				overflow: "hidden",
-				flex: `0 0 ${unit(sSideWidth.value)}`,
-				maxWidth: `${unit(sSideWidth.value)}`,
-				minWidth: `${unit(sSideWidth.value)}`,
-				transition: "all 0.2s ease 0s",
-				...transformStyle.value
-			} }, null), createVNode(Sider, {
-				"collapsible": true,
-				"trigger": null,
-				"class": siderClassNames.value,
-				"style": {
-					zIndex: settings.value.layout === "wide" ? zIndex.value : needFixed.value ? zIndex.value + 1 : void 0,
-					paddingTop: needFixed.value && settings.value.fixedHeader && settings.value.layout === "mix" ? layoutProps.value.headerHeight : 0,
-					top: settings.value.layout === "wide" ? `calc(${layoutProps.value.headerHeight} + ${pageContainerBlock.value})` : void 0,
-					height: settings.value.layout === "wide" ? `calc(100vh - ${layoutProps.value.headerHeight} - (${pageContainerBlock.value}) * 2)` : void 0,
-					...styles.value?.sider || {},
-					...transformStyle.value
-				},
-				"theme": theme.value,
-				"breakpoint": breakpoint.value || void 0,
-				"collapsed": collapsedRef.value,
-				"width": sSideWidth.value,
-				"collapsedWidth": collapsedProps.value?.width
-			}, { default: () => [
-				menu.value.loading && createVNode("div", { "class": [`${baseClassName}-loading`, hashId.value] }, [createVNode(Spin, {
-					"spinning": menu.value.loading,
-					"indicator": appContext?.indicator?.value
-				}, null)]),
-				logoDom || null,
-				createVNode("div", {
-					"ref": rectElRef,
-					"class": `${baseClassName}-content`,
-					"style": {
-						flex: "1 1 0%",
-						overflow: "hidden",
-						maxHeight: collapsed.value && collapsedProps.value?.width === 0 ? `calc(100% - ${logoRef.value?.getHeight?.() * 2}px)` : ""
-					}
-				}, [convertValueBoolean(props.menuHeaderRender) && createVNode("div", {
-					"class": classNames$1(classNames.value?.siderHeader, [
-						hashId.value,
-						`${baseClassName}-header`,
-						!logoDom && `${baseClassName}-header-only`
-					]),
-					"style": styles.value?.siderHeader
-				}, [menuHeaderRender]), createVNode("div", {
-					"style": {
-						flex: "1 1 0%",
-						overflow: "hidden auto"
-					},
-					"class": classNames$1(`${baseClassName}-menu-container`)
-				}, [props.menuContentRender && props.menuContentRender?.({
-					props,
-					defaultDom: menuDom(baseMenus.value, {
-						style: styles.value?.menu,
-						class: classNames.value?.menu
-					})
-				}) || menuDom(baseMenus.value, {
-					style: styles.value?.menu,
-					class: classNames.value?.menu
-				})])]),
-				settings.value.layout !== "wide" && createVNode(Fragment, null, [
-					menuLinksRender && isArray(menuLinksRender) && menuLinksRender.length > 0 && createVNode("div", { "class": `${baseClassName}-links ${hashId.value}` }, [createVNode(Menu, {
-						"theme": theme.value,
-						"inlineIndent": 16,
-						"class": `${baseClassName}-link-menu ${hashId.value}`,
-						"selectedKeys": [],
-						"openKeys": [],
-						"mode": "inline"
-					}, _isSlot(_slot = (menuLinksRender || []).map((node, index) => createVNode(Menu.Item, {
-						"class": `${baseClassName}-link ${hashId.value}`,
-						"key": index
-					}, _isSlot(node) ? node : { default: () => [node] }))) ? _slot : { default: () => [_slot] })]),
-					isMobile.value ? null : siderActionsRender && createVNode("div", { "class": classNames$1(`${baseClassName}-actions`, hashId.value) }, [siderActionsRender]),
-					collapsedProps.value?.position === "sider" && !isMobile.value && collapsedProps.value.collapsedButtonRender !== false && createVNode(Fragment, null, [createVNode("div", { "class": classNames$1(`${baseClassName}-collapsed-button`, collapsedRef.value && "collapsed", hashId.value) }, [createVNode("span", { "onClick": () => handleCollapse() }, [renderCollapsedButton(props.collapsedButtonRender || collapsedProps.value?.collapsedButtonRender, collapsedRef.value, defaultRenderCollapsedButton({
-						collapsed: collapsedRef.value,
-						iconRender: props.collapsedIconRender || collapsedProps.value?.collapsedIconRender
-					}))])])])
-				]),
-				(props.menuFooterRender || footerMenus.value.length > 0) && createVNode("div", {
-					"ref": footEl,
-					"class": classNames$1(`${baseClassName}-footer ${hashId.value}`, classNames.value?.siderFooter),
-					"style": styles.value?.siderFooter
-				}, [menuDom(footerMenus.value, {
-					style: styles.value?.footerMenu,
-					class: classNames.value?.footerMenu
-				}), props.menuFooterRender && props.menuFooterRender?.(props)]),
-				contentFullScreen.value || settings.value.layout === "wide" || isMobile.value ? null : collapsedProps.value?.position === "fixed" && collapsedFixDom.value
-			] })] }));
-		};
-	}
-});
-var SiderMenu_default = SiderMenu;
-
-//#endregion
-export { SiderMenu_default as default };