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

package/dist/components/FooterToolbar/style/index.js

@@ -1,48 +0,0 @@
-import { setAlpha, useStyle as useStyle$1 } from "@gx-design-vue/pro-provider";
-
-//#region src/components/FooterToolbar/style/index.ts
-const genFooterToolBarStyle = (token) => {
-	return { [token.componentCls]: {
-		position: "fixed",
-		insetInlineEnd: 0,
-		bottom: 0,
-		display: "flex",
-		alignItems: "center",
-		width: "100%",
-		paddingInline: 24,
-		paddingBlock: 0,
-		boxSizing: "border-box",
-		lineHeight: "64px",
-		backgroundColor: setAlpha(token.colorBgElevated, .6),
-		borderBlockStart: `1px solid ${token.colorSplit}`,
-		"-webkit-backdrop-filter": "blur(8px)",
-		backdropFilter: "blur(8px)",
-		color: token.colorText,
-		transition: "all 0.2s ease 0s",
-		"&-left": {
-			flex: 1,
-			color: token.colorText
-		},
-		"&-right": {
-			color: token.colorText,
-			"> *": {
-				marginInlineEnd: 8,
-				"&:last-child": {
-					marginBlock: 0,
-					marginInline: 0
-				}
-			}
-		}
-	} };
-};
-function useStyle(prefixCls) {
-	return useStyle$1("FooterToolbar", (token) => {
-		return [genFooterToolBarStyle({
-			...token,
-			componentCls: `.${prefixCls}`
-		})];
-	});
-}
-
-//#endregion
-export { useStyle };

package/dist/components/FooterToolbar/style/stylish.d.ts

@@ -1,18 +0,0 @@
-import * as vue116 from "vue";
-import { GenerateStyle, ProAliasToken } from "@gx-design-vue/pro-provider";
-import * as ant_design_vue_es__util_type7 from "ant-design-vue/es/_util/type";
-
-//#region src/components/FooterToolbar/style/stylish.d.ts
-interface stylishToken extends ProAliasToken {
-  componentCls: string;
-}
-declare function useStylish(prefixCls: string, {
-  stylish
-}: {
-  stylish?: GenerateStyle<stylishToken>;
-}): {
-  wrapSSR: (node: ant_design_vue_es__util_type7.VueNode) => ant_design_vue_es__util_type7.VueNode;
-  hashId: vue116.ComputedRef<string>;
-};
-//#endregion
-export { stylishToken, useStylish };

package/dist/components/FooterToolbar/style/stylish.js

@@ -1,16 +0,0 @@
-import { useStyle } from "@gx-design-vue/pro-provider";
-
-//#region src/components/FooterToolbar/style/stylish.ts
-function useStylish(prefixCls, { stylish }) {
-	return useStyle("ProLayoutFooterToolbarStylish", (token) => {
-		const stylishToken = {
-			...token,
-			componentCls: `.${prefixCls}`
-		};
-		if (!stylish) return [];
-		return [{ [`${stylishToken.componentCls}`]: stylish?.(stylishToken) }];
-	});
-}
-
-//#endregion
-export { useStylish };

package/dist/components/GlobalFooter/index.d.ts

@@ -1,73 +0,0 @@
-import { DefaultRender } from "../../types/SlotsTypings.js";
-import * as vue39 from "vue";
-import { PropType, SlotsType } from "vue";
-import { CustomRender, WithFalse } from "@gx-design-vue/pro-utils";
-import * as vue_jsx_runtime0 from "vue/jsx-runtime";
-import * as ant_design_vue_es__util_type1 from "ant-design-vue/es/_util/type";
-
-//#region src/components/GlobalFooter/index.d.ts
-type Links = WithFalse<{
-  key?: string;
-  title: CustomRender;
-  href: string;
-  blankTarget?: boolean;
-}[]>;
-interface GlobalFooterProps {
-  links?: Links;
-  copyright?: DefaultRender;
-  prefixCls?: string;
-}
-declare const defaultLinks: ({
-  key: string;
-  title: string;
-  href: string;
-  blankTarget: boolean;
-} | {
-  key: string;
-  title: vue_jsx_runtime0.JSX.Element;
-  href: string;
-  blankTarget: boolean;
-})[];
-declare const _default: vue39.DefineComponent<vue39.ExtractPropTypes<{
-  links: {
-    type: PropType<Links>;
-    default: ({
-      key: string;
-      title: string;
-      href: string;
-      blankTarget: boolean;
-    } | {
-      key: string;
-      title: vue_jsx_runtime0.JSX.Element;
-      href: string;
-      blankTarget: boolean;
-    })[];
-  };
-  copyright: {
-    type: PropType<DefaultRender>;
-  };
-}>, () => ant_design_vue_es__util_type1.VueNode, {}, {}, {}, vue39.ComponentOptionsMixin, vue39.ComponentOptionsMixin, {}, string, vue39.PublicProps, Readonly<vue39.ExtractPropTypes<{
-  links: {
-    type: PropType<Links>;
-    default: ({
-      key: string;
-      title: string;
-      href: string;
-      blankTarget: boolean;
-    } | {
-      key: string;
-      title: vue_jsx_runtime0.JSX.Element;
-      href: string;
-      blankTarget: boolean;
-    })[];
-  };
-  copyright: {
-    type: PropType<DefaultRender>;
-  };
-}>> & Readonly<{}>, {
-  links: Links;
-}, SlotsType<{
-  copyright: () => void;
-}>, {}, {}, string, vue39.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { GlobalFooterProps, Links, _default as default, defaultLinks };

package/dist/components/GlobalFooter/index.js

@@ -1,77 +0,0 @@
-import { useProLayoutContext } from "../../Context/index.js";
-import { ProLayoutFooter } from "./style.js";
-import { createVNode, defineComponent } from "vue";
-import { useProStyle } from "@gx-design-vue/pro-provider";
-import { getPrefixCls, getSlotVNode } from "@gx-design-vue/pro-utils";
-import { LayoutFooter } from "ant-design-vue";
-import { GithubOutlined } from "@ant-design/icons-vue";
-
-//#region src/components/GlobalFooter/index.tsx
-const defaultLinks = [
-	{
-		key: "Ant Design Pro",
-		title: "Ant Design Pro",
-		href: "https://pro.ant.design",
-		blankTarget: true
-	},
-	{
-		key: "github",
-		title: createVNode(GithubOutlined, null, null),
-		href: "https://github.com/gx12358/vue3-antd-admin",
-		blankTarget: true
-	},
-	{
-		key: "Ant Design Vue",
-		title: "Ant Design Vue",
-		href: "https://next.antdv.com/components/overview-cn/",
-		blankTarget: true
-	}
-];
-var GlobalFooter_default = /* @__PURE__ */ defineComponent({
-	name: "GlobalFooter",
-	props: {
-		links: {
-			type: [Array, Boolean],
-			default: defaultLinks
-		},
-		copyright: { type: [
-			Object,
-			Function,
-			Boolean,
-			String
-		] }
-	},
-	slots: Object,
-	setup(props, { slots }) {
-		const layoutContext = useProLayoutContext();
-		const baseClassName = (layoutContext?.getPrefixCls || getPrefixCls)({
-			suffixCls: "global-footer",
-			isPor: true
-		});
-		const { wrapSSR, hashId } = useProStyle("ProLayoutFooter", [ProLayoutFooter], baseClassName);
-		return () => {
-			const copyright = getSlotVNode({
-				slots,
-				props,
-				key: "copyright"
-			});
-			return wrapSSR(createVNode(LayoutFooter, {
-				"style": {
-					padding: 0,
-					background: "none",
-					...layoutContext?.styles?.value?.footer || {}
-				},
-				"class": layoutContext?.classNames?.value?.footer
-			}, { default: () => [createVNode("div", { "class": [baseClassName, hashId.value] }, [props.links && createVNode("div", { "class": `${baseClassName}-list ${hashId.value}` }, [props.links.map((link) => createVNode("a", {
-				"class": `${baseClassName}-list-link ${hashId.value}`.trim(),
-				"key": link.key,
-				"title": link.key,
-				"target": link.blankTarget ? "_blank" : "_self",
-				"href": link.href
-			}, [link.title]))]), copyright !== false && createVNode("div", { "class": `${baseClassName}-copyright ${hashId.value}` }, [copyright])])] }));
-		};
-	}
-});
-
-//#endregion
-export { GlobalFooter_default as default, defaultLinks };

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

@@ -1,6 +0,0 @@
-import { GenerateStyle } from "@gx-design-vue/pro-provider";
-
-//#region src/components/GlobalFooter/style.d.ts
-declare const ProLayoutFooter: GenerateStyle;
-//#endregion
-export { ProLayoutFooter };

package/dist/components/GlobalFooter/style.js

@@ -1,29 +0,0 @@
-//#region src/components/GlobalFooter/style.ts
-const ProLayoutFooter = (token) => {
-	return { [token.componentCls]: {
-		marginBlock: 0,
-		marginBlockStart: 48,
-		marginBlockEnd: 24,
-		marginInline: 0,
-		paddingBlock: 0,
-		paddingInline: 16,
-		textAlign: "center",
-		"&-list": {
-			marginBlockEnd: 8,
-			color: token.colorTextSecondary,
-			"&-link": {
-				color: token.colorTextSecondary,
-				textDecoration: token.linkDecoration
-			},
-			"*:not(:last-child)": { marginInlineEnd: 8 },
-			"&:hover": { color: token.colorPrimary }
-		},
-		"&-copyright": {
-			fontSize: "14px",
-			color: token.colorText
-		}
-	} };
-};
-
-//#endregion
-export { ProLayoutFooter };

package/dist/components/GlobalHeader/DefaultHeader.d.ts

@@ -1,164 +0,0 @@
-import { BaseMenuProps, ProLayoutMenuFunProps } from "../../types/MenuTypings.js";
-import { CollapsedButtonRender, CollapsedIconRender, DefaultRender, HeaderContentRender, HeaderRender, LogoRender, MenuItemRender, MenuTextRender, RightContentRender, SubMenuItemRender } from "../../types/SlotsTypings.js";
-import { CommonLogoProps } from "../LogoContent/props.js";
-import { HeaderLayoutProps } from "../../types/typings.js";
-import { headerProps } from "./props.js";
-import * as vue264 from "vue";
-import { ExtractPropTypes } from "vue";
-import * as _gx_design_vue_pro_utils8 from "@gx-design-vue/pro-utils";
-import * as ant_design_vue_es__util_type19 from "ant-design-vue/es/_util/type";
-
-//#region src/components/GlobalHeader/DefaultHeader.d.ts
-type DefaultHeaderProps = Partial<ExtractPropTypes<typeof headerProps>>;
-declare const DefaultHeader: vue264.DefineComponent<ExtractPropTypes<{
-  collapsedButtonRender: {
-    type: vue264.PropType<CollapsedButtonRender>;
-    default: () => any;
-  };
-  collapsedIconRender: {
-    type: vue264.PropType<CollapsedIconRender>;
-    default: () => any;
-  };
-  autoHideHeader: vue264.PropType<HeaderLayoutProps["autoHideHeader"]>;
-  headerMainWidth: {
-    type: vue264.PropType<HeaderLayoutProps["headerMainWidth"]>;
-    default: any;
-  };
-  headerRender: {
-    type: vue264.PropType<HeaderRender>;
-    default: () => any;
-  };
-  headerContentRender: {
-    type: vue264.PropType<HeaderContentRender>;
-    default: () => any;
-  };
-  appsLogoComponents: {
-    type: vue264.PropType<DefaultRender>;
-    default: () => any;
-  };
-  extraRightDropdownRender: {
-    type: vue264.PropType<DefaultRender>;
-    default: () => any;
-  };
-  rightContentRender: {
-    type: vue264.PropType<RightContentRender>;
-    default: () => any;
-  };
-  onOpenKeys: {
-    type: vue264.PropType<ProLayoutMenuFunProps["onOpenKeys"]>;
-  };
-  onSelect: {
-    type: vue264.PropType<ProLayoutMenuFunProps["onSelect"]>;
-  };
-  menuItemRender: {
-    type: vue264.PropType<BaseMenuProps["menuItemRender"]>;
-    default: () => any;
-  };
-  menuTextRender: {
-    type: vue264.PropType<BaseMenuProps["menuTextRender"]>;
-    default: () => any;
-  };
-  subMenuItemRender: {
-    type: vue264.PropType<BaseMenuProps["subMenuItemRender"]>;
-    default: () => any;
-  };
-  class: vue264.PropType<string>;
-  style: vue264.PropType<vue264.CSSProperties>;
-  logo: {
-    type: vue264.PropType<CommonLogoProps["logo"]>;
-    default: () => any;
-  };
-  logoStyle: {
-    type: vue264.PropType<CommonLogoProps["logoStyle"]>;
-    default: () => any;
-  };
-  logoRender: {
-    type: vue264.PropType<CommonLogoProps["logoRender"]>;
-    default: () => any;
-  };
-  onLogoClick: vue264.PropType<CommonLogoProps["onLogoClick"]>;
-}>, () => ant_design_vue_es__util_type19.VueNode, {}, {}, {}, vue264.ComponentOptionsMixin, vue264.ComponentOptionsMixin, {}, string, vue264.PublicProps, Readonly<ExtractPropTypes<{
-  collapsedButtonRender: {
-    type: vue264.PropType<CollapsedButtonRender>;
-    default: () => any;
-  };
-  collapsedIconRender: {
-    type: vue264.PropType<CollapsedIconRender>;
-    default: () => any;
-  };
-  autoHideHeader: vue264.PropType<HeaderLayoutProps["autoHideHeader"]>;
-  headerMainWidth: {
-    type: vue264.PropType<HeaderLayoutProps["headerMainWidth"]>;
-    default: any;
-  };
-  headerRender: {
-    type: vue264.PropType<HeaderRender>;
-    default: () => any;
-  };
-  headerContentRender: {
-    type: vue264.PropType<HeaderContentRender>;
-    default: () => any;
-  };
-  appsLogoComponents: {
-    type: vue264.PropType<DefaultRender>;
-    default: () => any;
-  };
-  extraRightDropdownRender: {
-    type: vue264.PropType<DefaultRender>;
-    default: () => any;
-  };
-  rightContentRender: {
-    type: vue264.PropType<RightContentRender>;
-    default: () => any;
-  };
-  onOpenKeys: {
-    type: vue264.PropType<ProLayoutMenuFunProps["onOpenKeys"]>;
-  };
-  onSelect: {
-    type: vue264.PropType<ProLayoutMenuFunProps["onSelect"]>;
-  };
-  menuItemRender: {
-    type: vue264.PropType<BaseMenuProps["menuItemRender"]>;
-    default: () => any;
-  };
-  menuTextRender: {
-    type: vue264.PropType<BaseMenuProps["menuTextRender"]>;
-    default: () => any;
-  };
-  subMenuItemRender: {
-    type: vue264.PropType<BaseMenuProps["subMenuItemRender"]>;
-    default: () => any;
-  };
-  class: vue264.PropType<string>;
-  style: vue264.PropType<vue264.CSSProperties>;
-  logo: {
-    type: vue264.PropType<CommonLogoProps["logo"]>;
-    default: () => any;
-  };
-  logoStyle: {
-    type: vue264.PropType<CommonLogoProps["logoStyle"]>;
-    default: () => any;
-  };
-  logoRender: {
-    type: vue264.PropType<CommonLogoProps["logoRender"]>;
-    default: () => any;
-  };
-  onLogoClick: vue264.PropType<CommonLogoProps["onLogoClick"]>;
-}>> & Readonly<{}>, {
-  logo: _gx_design_vue_pro_utils8.CustomRender;
-  logoStyle: vue264.CSSProperties;
-  logoRender: LogoRender;
-  menuItemRender: MenuItemRender;
-  menuTextRender: MenuTextRender;
-  subMenuItemRender: SubMenuItemRender;
-  headerMainWidth: number;
-  collapsedIconRender: CollapsedIconRender;
-  collapsedButtonRender: CollapsedButtonRender;
-  appsLogoComponents: DefaultRender;
-  extraRightDropdownRender: DefaultRender;
-  headerContentRender: HeaderContentRender;
-  headerRender: HeaderRender;
-  rightContentRender: RightContentRender;
-}, {}, {}, {}, string, vue264.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { DefaultHeaderProps, DefaultHeader as default };

package/dist/components/GlobalHeader/DefaultHeader.js

@@ -1,149 +0,0 @@
-import { useProLayoutContext } from "../../Context/index.js";
-import { commonCollapsedProps } from "../../props/collapsedProps.js";
-import { useProLayoutMenuContext } from "../../hooks/menu/context.js";
-import { getMatchedList } from "../../utils/menu.js";
-import { getCssVarOrUnit } from "../../utils/style/index.js";
-import "../../utils/index.js";
-import BaseMenu_default from "../BaseMenu/index.js";
-import BreadCrumb_default from "../BreadCrumb/index.js";
-import { defaultRenderCollapsedButton, renderCollapsedButton } from "../CollapsedIcon/index.js";
-import LogoContent_default, { logoDom, renderLogo } from "../LogoContent/index.js";
-import { genLogoContentStyle } from "../LogoContent/style.js";
-import { headerProps } from "./props.js";
-import { genProDefaultHeaderStyle } from "./style/defaultHeader.js";
-import { Fragment, computed, createVNode, defineComponent, mergeProps } from "vue";
-import { unit, useProConfigContext, useProStyle } from "@gx-design-vue/pro-provider";
-import { classNames as classNames$1 } from "@gx-design-vue/pro-utils";
-import { ConfigProvider } from "ant-design-vue";
-import { useRouter } from "vue-router";
-
-//#region src/components/GlobalHeader/DefaultHeader.tsx
-const headerMainLayouts = [
-	"mix",
-	"top",
-	"wide"
-];
-const DefaultHeader = /* @__PURE__ */ defineComponent({
-	name: "DefaultHeader",
-	props: {
-		...headerProps,
-		...commonCollapsedProps
-	},
-	inheritAttrs: false,
-	setup(props) {
-		const router = useRouter();
-		const layoutMenuContext = useProLayoutMenuContext();
-		const { token } = useProConfigContext();
-		const { styles, classNames, getPrefixCls, collapsed, collapsedProps, settings, isMobile, openKeys, selectedKeys, menu, breadcrumb } = useProLayoutContext();
-		const baseClassName = getPrefixCls({
-			suffixCls: "global-header",
-			isPor: true
-		});
-		const { wrapSSR, hashId } = useProStyle("ProDefaultHeader", [genProDefaultHeaderStyle, genLogoContentStyle], baseClassName);
-		const className = computed(() => {
-			return {
-				[`${hashId.value}`]: true,
-				[`${baseClassName}`]: true,
-				[`${baseClassName}-${settings.value.layout}`]: true
-			};
-		});
-		const menuData = computed(() => {
-			return settings.value.splitMenus && settings.value.layout === "mix" ? menu.value.menuData.map((item) => ({
-				...item,
-				children: []
-			})) : settings.value.layout === "top" ? menu.value.menuData : [];
-		});
-		const handleChangeKeys = (type, keys, key) => {
-			const currentRoute = router?.currentRoute?.value;
-			const autoMatched = settings.value.layout === "mix";
-			const matchedMenu = layoutMenuContext?.matchedMenu?.value || getMatchedList({
-				menuMap: layoutMenuContext.menuMap.value,
-				flatMenus: menu.value.flatMenus
-			}, currentRoute?.name);
-			if (props.onSelect && type === "select") {
-				const name = menuData.value.find((r) => r.name === key)?.redirect;
-				props.onSelect(autoMatched && name ? matchedMenu.map((item) => item.name) : keys);
-			}
-			if (props.onOpenKeys && type === "openKeys") props.onOpenKeys(autoMatched ? matchedMenu.filter((item) => item.name !== currentRoute?.name).map((item) => item.name) : keys);
-		};
-		const onCollapse = () => collapsed.value = !collapsed.value;
-		const HeaderContent = () => {
-			return createVNode(Fragment, null, [props.headerContentRender !== false && typeof props.headerContentRender === "function" ? createVNode("div", { "style": { flex: 1 } }, [props.headerContentRender?.(props)]) : createVNode("div", {
-				"style": { flex: 1 },
-				"class": [`${baseClassName}-menu`, hashId.value]
-			}, [menuData.value?.length > 0 && createVNode(ConfigProvider, { "theme": {
-				components: {
-					Layout: {
-						colorBgHeader: "transparent",
-						colorBgBody: "transparent"
-					},
-					Menu: {
-						radiusItem: token.value.layout?.header?.borderRadius || token.value.borderRadius,
-						colorItemBg: token.value.layout?.header?.colorBgHeader || "transparent",
-						colorSubItemBg: token.value.layout?.header?.colorBgHeader || "transparent",
-						colorItemBgSelected: token.value.layout?.header?.colorBgMenuItemSelected || token.value?.colorBgTextHover,
-						colorItemText: token.value.layout?.header?.colorTextMenu || token.value?.colorTextSecondary,
-						colorItemTextHover: token.value.layout?.header?.colorTextMenuActive || "rgba(0, 0, 0, 0.85)",
-						colorItemTextSelected: token.value.layout?.header?.colorTextMenuSelected || "rgba(0, 0, 0, 1)"
-					}
-				},
-				token: { colorBgElevated: token.value.layout?.header?.colorBgHeader || "transparent" }
-			} }, { default: () => [createVNode(BaseMenu_default, {
-				"key": "header-base-menu",
-				"class": classNames$1(`${baseClassName}-menu ${hashId.value}`, classNames.value?.menu),
-				"styles": styles.value,
-				"classNames": classNames.value,
-				"type": menu.value?.type,
-				"mode": "horizontal",
-				"menuRenderType": "header",
-				"style": styles.value?.menu,
-				"menuProps": menu.value?.menuProps,
-				"menuData": menuData.value,
-				"iconfontUrl": settings.value?.iconfontUrl,
-				"openKeys": openKeys.value,
-				"selectedKeys": selectedKeys.value,
-				"menuTextRender": props.menuTextRender,
-				"menuItemRender": props.menuItemRender,
-				"subMenuItemRender": props.subMenuItemRender,
-				"onClick": menu.value?.menuProps?.onClick,
-				"onSelect": (info) => handleChangeKeys("select", info.selectedKeys, info.key),
-				"onOpenKeys": (keys) => handleChangeKeys("openKeys", keys)
-			}, null)] })]), settings.value.layout !== "simple" && (props.rightContentRender && typeof props.rightContentRender === "function" ? props.rightContentRender(props) : createVNode(Fragment, null, null))]);
-		};
-		return () => {
-			const collapsedButtonRender = renderCollapsedButton(props.collapsedButtonRender || collapsedProps.value?.collapsedButtonRender, collapsed.value, defaultRenderCollapsedButton({
-				collapsed: collapsed.value,
-				iconRender: props.collapsedIconRender || collapsedProps.value?.collapsedIconRender
-			}));
-			return wrapSSR(createVNode("div", { "class": className.value }, [isMobile.value ? createVNode(Fragment, null, [
-				renderLogo(props.logoRender, logoDom(classNames$1([
-					`${baseClassName}-logo`,
-					isMobile.value && `${baseClassName}-logo-mobile`,
-					hashId.value
-				]), props)),
-				collapsedProps.value?.collapsedButtonRender !== false && createVNode("span", {
-					"class": `${baseClassName}-collapsed-button ${hashId.value}`,
-					"onClick": onCollapse
-				}, [collapsedButtonRender]),
-				HeaderContent()
-			]) : createVNode("div", {
-				"class": `${baseClassName}-main ${hashId.value}`,
-				"style": { width: props.headerMainWidth || props.headerMainWidth === 0 ? unit(props.headerMainWidth) : settings.value.layout === "wide" ? getCssVarOrUnit(settings.value.wideWidth) : void 0 }
-			}, [createVNode("div", { "class": `${baseClassName}-main-left ${hashId.value}` }, [
-				headerMainLayouts.includes(settings.value.layout) && createVNode(Fragment, null, [settings.value.layout !== "wide" && props.appsLogoComponents && createVNode(Fragment, null, [typeof props.appsLogoComponents === "function" ? props.appsLogoComponents?.() : props.appsLogoComponents]), createVNode(LogoContent_default, mergeProps({
-					"hashId": hashId.value,
-					"baseClassName": baseClassName
-				}, props, { "title": settings.value.title }), null)]),
-				collapsedProps.value?.position === "header" && collapsedProps.value?.collapsedButtonRender !== false && (settings.value.layout !== "mix" ? menu.value.menuData : menu.value.mixSiderMenus).length > 0 && createVNode("div", {
-					"class": `${baseClassName}-collapsed-button ${hashId.value}`,
-					"onClick": onCollapse
-				}, [collapsedButtonRender]),
-				breadcrumb.value?.position === "header" && breadcrumb.value?.visible && createVNode(BreadCrumb_default, null, null)
-			]), HeaderContent()])]));
-		};
-	}
-});
-var DefaultHeader_default = DefaultHeader;
-
-//#endregion
-export { DefaultHeader_default as default };