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

package/dist/components/Footer/index.js

@@ -0,0 +1,69 @@
+import { useLayoutBase } from "../../hooks/useLayoutBase.js";
+import { Fragment, createVNode, defineComponent } from "vue";
+import { classNames } from "@gx-design-vue/pro-utils";
+import { LayoutFooter as LayoutFooter$1 } from "antdv-next";
+//#region src/components/Footer/index.tsx
+function resolveRender(render) {
+	if (render === false) return false;
+	return typeof render === "function" ? render() : render;
+}
+const LayoutFooter = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const { prefixCls, proClasses, proStyles } = useLayoutBase();
+	return () => {
+		const footerRender = resolveRender(props.footer);
+		if (footerRender === false) return null;
+		const copyrightRender = resolveRender(props.copyrightRender);
+		const copyright = copyrightRender === false ? false : copyrightRender ?? slots.copyright?.() ?? props.copyright;
+		const links = props.links ?? [];
+		const footerContent = footerRender ?? slots.footer?.();
+		if (!(footerContent || links.length > 0 || copyright)) return null;
+		return createVNode(LayoutFooter$1, {
+			"class": classNames(`${prefixCls.value}-footer`, proClasses.value?.footer),
+			"style": proStyles.value?.footer
+		}, { default: () => [footerContent ?? createVNode(Fragment, null, [links.length > 0 && createVNode("div", { "class": `${prefixCls.value}-footer-links` }, [links.map((link) => createVNode("a", {
+			"key": link.key ?? link.href,
+			"class": `${prefixCls.value}-footer-link`,
+			"href": link.href,
+			"target": link.blank ? "_blank" : void 0,
+			"rel": link.blank ? "noreferrer" : void 0
+		}, [link.title]))]), copyright && createVNode("div", { "class": `${prefixCls.value}-footer-copyright` }, [copyright])])] });
+	};
+}, {
+	props: {
+		links: {
+			type: Array,
+			required: false
+		},
+		copyright: {
+			type: String,
+			required: false
+		},
+		footer: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		copyrightRender: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "LayoutFooter"
+});
+//#endregion
+export { LayoutFooter as default };

package/dist/components/Footer/interface.d.ts

@@ -0,0 +1,22 @@
+import { LayoutFooterLink } from "../../interface.js";
+import { CustomRender, WithFalse } from "@gx-design-vue/pro-utils";
+
+//#region src/components/Footer/interface.d.ts
+interface LayoutFooterProps {
+  /** 友情链接 */
+  links?: LayoutFooterLink[];
+  /** 版权文案（复杂内容用 copyright slot / prop） */
+  copyright?: string;
+  /** 页脚整块（等价 #footer slot） */
+  footer?: WithFalse<CustomRender>;
+  /** 版权区（等价 #copyright slot，覆盖 copyright 文案） */
+  copyrightRender?: WithFalse<CustomRender>;
+}
+interface LayoutFooterSlots {
+  /** 页脚整块替换 */
+  footer?: () => any;
+  /** 版权区自定义 */
+  copyright?: () => any;
+}
+//#endregion
+export { LayoutFooterProps, LayoutFooterSlots };

package/dist/components/Footer/interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,76 +1,9 @@
-import { ProLayoutContextProps } from "../../Context/index.js";
-import { FooterToolbarProps } from "./props.js";
-import * as vue17 from "vue";
+import { GFooterToolbarProps, GFooterToolbarSlots } from "../../interface.js";
 import { SlotsType } from "vue";
-import { CustomRender } from "@gx-design-vue/pro-utils";
-import * as ant_design_vue_es__util_type0 from "ant-design-vue/es/_util/type";
 
 //#region src/components/FooterToolbar/index.d.ts
-declare const FooterToolbar: vue17.DefineComponent<vue17.ExtractPropTypes<{
-  extra: {
-    type: vue17.PropType<FooterToolbarProps["extra"]>;
-    default: any;
-  };
-  style: {
-    type: vue17.PropType<vue17.CSSProperties>;
-    default: () => {};
-  };
-  class: {
-    type: vue17.PropType<string>;
-  };
-  renderContent: {
-    type: vue17.PropType<FooterToolbarProps["renderContent"]>;
-    default: any;
-  };
-  portalDom: {
-    type: vue17.PropType<boolean>;
-    default: boolean;
-  };
-  stylish: {
-    type: vue17.PropType<FooterToolbarProps["stylish"]>;
-  };
-}>, () => ant_design_vue_es__util_type0.VueNode, {}, {}, {}, vue17.ComponentOptionsMixin, vue17.ComponentOptionsMixin, {}, string, vue17.PublicProps, Readonly<vue17.ExtractPropTypes<{
-  extra: {
-    type: vue17.PropType<FooterToolbarProps["extra"]>;
-    default: any;
-  };
-  style: {
-    type: vue17.PropType<vue17.CSSProperties>;
-    default: () => {};
-  };
-  class: {
-    type: vue17.PropType<string>;
-  };
-  renderContent: {
-    type: vue17.PropType<FooterToolbarProps["renderContent"]>;
-    default: any;
-  };
-  portalDom: {
-    type: vue17.PropType<boolean>;
-    default: boolean;
-  };
-  stylish: {
-    type: vue17.PropType<FooterToolbarProps["stylish"]>;
-  };
-}>> & Readonly<{}>, {
-  style: vue17.CSSProperties;
-  extra: CustomRender;
-  renderContent: (props: {
-    props: FooterToolbarProps & ProLayoutContextProps & {
-      leftWidth?: string;
-    };
-    dom: CustomRender;
-  }) => CustomRender;
-  portalDom: boolean;
-}, SlotsType<{
-  extra: () => void;
-  default: () => void;
-  renderContent: (props: {
-    props: FooterToolbarProps & ProLayoutContextProps & {
-      leftWidth?: string;
-    };
-    dom: CustomRender;
-  }) => void;
-}>, {}, {}, string, vue17.ComponentProvideOptions, true, {}, any>;
+declare const GFooterToolbar: import("vue").DefineSetupFnComponent<GFooterToolbarProps, Record<string, never>, SlotsType<GFooterToolbarSlots>, GFooterToolbarProps & {
+  [x: `on${Capitalize<string>}`]: (...args: unknown[]) => any;
+}, import("vue").PublicProps>;
 //#endregion
-export { FooterToolbar as default };
+export { GFooterToolbar as default };

package/dist/components/FooterToolbar/index.js

@@ -1,96 +1,83 @@
-import { useProLayoutContext } from "../../Context/index.js";
-import { footerToolbarProps } from "./props.js";
-import { useStyle as useStyle$1 } from "./style/index.js";
-import { useStylish } from "./style/stylish.js";
-import { Fragment, Teleport, computed, createVNode, defineComponent, isVNode, onMounted, onUnmounted } from "vue";
-import { useMemo } from "@gx-design-vue/pro-hooks";
-import { unit } from "@gx-design-vue/pro-provider";
-import { classNames, getPrefixCls, getSlot, getSlotVNode, isBrowser, isFunction } from "@gx-design-vue/pro-utils";
-import { useConfigContextInject } from "ant-design-vue/es/config-provider/context";
-
+import { useLayoutBase } from "../../hooks/useLayoutBase.js";
+import { FOOTER_TOOLBAR_SLOT_KEYS } from "../../interface.js";
+import style_default from "./style.js";
+import { Teleport, computed, createVNode, defineComponent, isVNode, onMounted, onUnmounted } from "vue";
+import { classNames, getSlotsProps } from "@gx-design-vue/pro-utils";
+import { useBaseConfig } from "antdv-next/config-provider/context";
+import useCSSVarCls from "antdv-next/config-provider/hooks/useCSSVarCls";
 //#region src/components/FooterToolbar/index.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const FooterToolbar = /* @__PURE__ */ defineComponent({
-	name: "FooterToolbar",
-	props: footerToolbarProps(),
-	inheritAttrs: false,
-	slots: Object,
-	setup(props, { slots }) {
-		const value = useProLayoutContext();
-		const baseClassName = (value.getPrefixCls || getPrefixCls)({
-			suffixCls: "footer-toolbar",
-			isPor: true
-		});
-		const { getTargetContainer } = useConfigContextInject();
-		const { wrapSSR, hashId } = useStyle$1(baseClassName);
-		const collapsed = computed(() => value?.collapsed?.value);
-		const layoutProps = computed(() => value?.layoutProps?.value);
-		const collapsedProps = computed(() => value?.collapsedProps?.value);
-		const collapsedRef = computed(() => {
-			return value?.isMobile.value ? false : value?.collapsedEffect?.value;
-		});
-		const sideWidth = computed(() => {
-			if (collapsedProps?.value?.width) return collapsedRef.value ? collapsedProps.value?.width : layoutProps.value.siderWidth;
-			return collapsed.value ? 0 : layoutProps.value.siderWidth;
-		});
-		const width = useMemo(() => {
-			if (!layoutProps.value?.hasSilder) return;
-			if (!layoutProps.value?.siderWidth) return "100%";
-			return value?.isMobile?.value ? "100%" : `calc(100% - ${unit(sideWidth.value)})`;
-		}, [
-			() => value?.collapsed?.value,
-			() => value?.layoutProps?.value?.hasSilder,
-			() => value?.isMobile,
-			() => value?.layoutProps?.value?.siderWidth
-		]);
-		const containerDom = useMemo(() => {
-			if (typeof window === "undefined" || typeof document === "undefined") return null;
-			return getTargetContainer?.value?.() || document.body;
-		}, []);
-		const stylish = useStylish(`${baseClassName}.${baseClassName}-stylish`, { stylish: props.stylish });
-		/** 告诉 props 是否存在 footerBar */
-		onMounted(() => {
-			if (!value || !value?.setHasFooterToolbar) return;
-			value?.setHasFooterToolbar(true);
-		});
-		onUnmounted(() => {
-			value?.setHasFooterToolbar?.(false);
-		});
-		return () => {
-			const extra = getSlotVNode({
-				slots,
-				props,
-				key: "extra"
-			});
-			const renderContent = getSlot({
-				slots,
-				props,
-				key: "renderContent"
-			});
-			const dom = createVNode(Fragment, null, [createVNode("div", { "class": `${baseClassName}-left ${hashId.value}`.trim() }, [extra]), createVNode("div", { "class": `${baseClassName}-right ${hashId.value}`.trim() }, [slots.default?.()])]);
-			const renderDom = createVNode("div", {
-				"class": classNames(props.class, hashId.value, baseClassName, { [`${baseClassName}-stylish`]: !!props.stylish }),
-				"style": {
-					width: width.value,
-					zIndex: value ? value?.zIndex?.value - 1 : 99,
-					...props.style
-				}
-			}, [renderContent && isFunction(renderContent) ? renderContent({
-				props: {
-					...props,
-					...value,
-					leftWidth: width.value
-				},
-				dom
-			}) : dom]);
-			const ssrDom = !isBrowser() || !props.portalDom || !containerDom.value ? renderDom : createVNode(Teleport, { "to": containerDom.value }, _isSlot(renderDom) ? renderDom : { default: () => [renderDom] });
-			return stylish.wrapSSR(wrapSSR(createVNode(Fragment, null, [ssrDom])));
-		};
-	}
+const GFooterToolbar = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const { zIndex, setHasFooterToolbar } = useLayoutBase();
+	const { prefixCls } = useBaseConfig("pro-footer-toolbar");
+	const rootCls = useCSSVarCls(prefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const slotRenders = computed(() => getSlotsProps({
+		slots,
+		props,
+		keys: FOOTER_TOOLBAR_SLOT_KEYS,
+		render: true
+	}));
+	const rootClassNames = computed(() => classNames(prefixCls.value, hashId.value, cssVarCls.value, rootCls.value, props.proClasses?.root));
+	const rootStyle = computed(() => ({
+		zIndex: zIndex ? zIndex.value - 1 : void 0,
+		...props.proStyles?.root
+	}));
+	const teleportTarget = computed(() => {
+		if (props.teleport === true) return "body";
+		if (typeof props.teleport === "string") return props.teleport;
+	});
+	onMounted(() => {
+		setHasFooterToolbar(true);
+	});
+	onUnmounted(() => {
+		setHasFooterToolbar(false);
+	});
+	return () => {
+		const toolbar = createVNode("div", {
+			"class": rootClassNames.value,
+			"style": rootStyle.value
+		}, [createVNode("div", {
+			"class": classNames(`${prefixCls.value}-left`, props.proClasses?.left),
+			"style": props.proStyles?.left
+		}, [slotRenders.value.extra]), createVNode("div", {
+			"class": classNames(`${prefixCls.value}-right`, props.proClasses?.right),
+			"style": props.proStyles?.right
+		}, [slots.default?.()])]);
+		return teleportTarget.value ? createVNode(Teleport, { "to": teleportTarget.value }, _isSlot(toolbar) ? toolbar : { default: () => [toolbar] }) : toolbar;
+	};
+}, {
+	props: {
+		teleport: {
+			type: [Boolean, String],
+			required: false,
+			default: void 0
+		},
+		proStyles: {
+			type: Object,
+			required: false
+		},
+		proClasses: {
+			type: Object,
+			required: false
+		},
+		extra: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "GFooterToolbar",
+	inheritAttrs: false
 });
-var FooterToolbar_default = FooterToolbar;
-
 //#endregion
-export { FooterToolbar_default as default };
+export { GFooterToolbar as default };

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

@@ -0,0 +1,10 @@
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
+
+//#region src/components/FooterToolbar/style.d.ts
+type ComponentToken = Record<string, any>;
+declare const genFooterToolbarStyle: GenerateStyle<ProFullToken<'ProFooterToolbar'>, CSSObject>;
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+//#endregion
+export { ComponentToken, _default as default, genFooterToolbarStyle };

package/dist/components/FooterToolbar/style.js

@@ -0,0 +1,34 @@
+import { proGenStyleHooks } from "@gx-design-vue/pro-provider";
+//#region src/components/FooterToolbar/style.ts
+const genFooterToolbarStyle = (token) => {
+	const { componentCls } = token;
+	return { [componentCls]: {
+		position: "fixed",
+		insetBlockEnd: 0,
+		insetInlineEnd: 0,
+		display: "flex",
+		alignItems: "center",
+		width: "100%",
+		minHeight: token.controlHeightLG,
+		paddingBlock: token.paddingXS,
+		paddingInline: token.paddingLG,
+		boxSizing: "border-box",
+		color: token.colorText,
+		backgroundColor: token.colorBgElevated,
+		borderBlockStart: `1px solid ${token.colorSplit}`,
+		boxShadow: token.boxShadowSecondary,
+		"&-left": {
+			flex: 1,
+			minWidth: 0
+		},
+		"&-right": {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "flex-end",
+			gap: token.marginXS
+		}
+	} };
+};
+var style_default = proGenStyleHooks("ProFooterToolbar", genFooterToolbarStyle);
+//#endregion
+export { style_default as default, genFooterToolbarStyle };

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

@@ -0,0 +1,7 @@
+import { LayoutHeaderEmits, LayoutHeaderProps, LayoutHeaderSlots } from "./interface.js";
+import { SlotsType } from "vue";
+
+//#region src/components/Header/index.d.ts
+declare const Header: import("vue").DefineSetupFnComponent<LayoutHeaderProps, LayoutHeaderEmits, SlotsType<LayoutHeaderSlots>, LayoutHeaderProps, import("vue").PublicProps>;
+//#endregion
+export { Header as default };

package/dist/components/Header/index.js

@@ -0,0 +1,140 @@
+import { useLayoutBase } from "../../hooks/useLayoutBase.js";
+import Breadcrumb from "../Breadcrumb/index.js";
+import LayoutCollapseButton from "../CollapseButton/index.js";
+import LayoutLogo from "../Logo/index.js";
+import ProMenu from "../Menu/index.js";
+import { Fragment, computed, createVNode, defineComponent, ref, watch } from "vue";
+import { unit } from "@gx-design-vue/pro-provider";
+import { classNames } from "@gx-design-vue/pro-utils";
+import { useWindowScroll } from "@vueuse/core";
+import { LayoutHeader } from "antdv-next";
+//#region src/components/Header/index.tsx
+const Header = /* @__PURE__ */ defineComponent((props, { emit, slots }) => {
+	const { header, siderWidth, layout, menuState, prefixCls, collapseConfig, collapsed, isMobile, logoConfig, logoTitle, selectedKeys, openKeys, proClasses, proStyles, breadcrumbRender, breadcrumbConfig } = useLayoutBase(props);
+	const headerMenus = computed(() => menuState?.headerMenus.value ?? []);
+	const breadcrumbItems = computed(() => menuState?.breadcrumbItems.value ?? []);
+	const breadcrumbRoutes = computed(() => menuState?.breadcrumbRoutes.value ?? []);
+	const showLogo = computed(() => ["top"].includes(layout.value ?? "") || ["mix", "wide"].includes(layout.value ?? "") && !siderWidth.value);
+	const headerStyle = computed(() => {
+		const style = {};
+		if (header.value?.fixed && siderWidth.value && !isMobile.value) style.width = `calc(100% - ${unit(siderWidth.value)})`;
+		return style;
+	});
+	const headerHidden = ref(false);
+	if (typeof window !== "undefined") {
+		const { y: scrollY } = useWindowScroll();
+		const lastScrollY = ref(0);
+		watch(scrollY, (currentY) => {
+			if (header.value?.autoHide) headerHidden.value = currentY > 100 && currentY > lastScrollY.value;
+			else headerHidden.value = false;
+			lastScrollY.value = currentY;
+		});
+	}
+	const headerClassNames = computed(() => classNames(`${prefixCls.value}-header`, proClasses.value.header, {
+		[`${prefixCls.value}-header-fixed`]: header.value?.fixed,
+		[`${prefixCls.value}-header-hidden`]: headerHidden.value
+	}));
+	function handleToggleCollapsed() {
+		emit("update:collapsed", !collapsed.value);
+	}
+	function handleLogoClick() {
+		emit("logoClick");
+	}
+	function handleSelect(info) {
+		emit("select", info);
+	}
+	function handleOpenChange(keys) {
+		if (menuState?.openKeys) menuState.openKeys.value = keys;
+	}
+	function renderBreadcrumb() {
+		if (!breadcrumbConfig.value || breadcrumbConfig.value.placement !== "header") return null;
+		const items = breadcrumbItems.value;
+		const routes = breadcrumbRoutes.value;
+		const slotProps = {
+			items,
+			routes
+		};
+		const breadcrumb = slots.breadcrumb || breadcrumbConfig.value?.render;
+		const customBreadcrumb = breadcrumbRender.value?.(slotProps) ?? breadcrumb?.(slotProps);
+		if (customBreadcrumb) return createVNode("div", {
+			"class": classNames(`${prefixCls.value}-header-breadcrumb`, proClasses.value.breadcrumb),
+			"style": proStyles.value.breadcrumb
+		}, [customBreadcrumb]);
+		if (routes.length === 0) return null;
+		return createVNode("div", {
+			"class": classNames(`${prefixCls.value}-header-breadcrumb`, proClasses.value.breadcrumb),
+			"style": proStyles.value.breadcrumb
+		}, [createVNode(Breadcrumb, null, null)]);
+	}
+	return () => {
+		const showHeaderMenu = ["top", "mix"].includes(layout.value ?? "");
+		const logoRender = slots.logo || logoConfig.value?.render;
+		const collapseRender = slots.collapse || collapseConfig.value?.render;
+		const collapseIconRender = slots.collapseIcon || collapseConfig.value?.icon;
+		return createVNode(Fragment, null, [header.value?.fixed && createVNode(LayoutHeader, { "style": {
+			background: "transparent",
+			lineHeight: unit(header.value?.height),
+			height: unit(header.value?.height)
+		} }, null), createVNode(LayoutHeader, {
+			"class": headerClassNames.value,
+			"style": {
+				...headerStyle.value,
+				...proStyles.value.header
+			}
+		}, { default: () => [createVNode("div", { "class": `${prefixCls.value}-header-main` }, [
+			createVNode("div", { "class": `${prefixCls.value}-header-main-left` }, [
+				showLogo.value && logoConfig.value && (typeof logoRender === "function" ? logoRender?.({
+					collapsed: collapsed.value,
+					title: logoTitle.value
+				}) : createVNode(LayoutLogo, { "onClick": handleLogoClick }, slots)),
+				collapseConfig.value && collapseConfig.value.placement === "header" && (collapseRender?.({ collapsed: collapsed.value }) ?? createVNode(LayoutCollapseButton, {
+					"collapsed": collapsed.value,
+					"onClick": handleToggleCollapsed
+				}, { icon: collapseIconRender })),
+				renderBreadcrumb()
+			]),
+			slots.headerContent?.({
+				collapsed: collapsed.value,
+				isMobile: isMobile.value
+			}),
+			showHeaderMenu && createVNode("div", { "class": `${prefixCls.value}-header-menu` }, [createVNode(ProMenu, {
+				"style": { width: "100%" },
+				"placement": "header",
+				"collapsed": false,
+				"menus": headerMenus.value,
+				"selectedKeys": selectedKeys.value,
+				"openKeys": openKeys.value,
+				"onSelect": handleSelect,
+				"onOpenChange": handleOpenChange
+			}, {
+				menuItemIcon: slots.menuItemIcon,
+				menuItemLabel: slots.menuItemLabel,
+				menuItemExtra: slots.menuItemExtra
+			})]),
+			createVNode("div", { "class": `${prefixCls.value}-header-main-right` }, [slots.headerRight?.({
+				collapsed: collapsed.value,
+				isMobile: isMobile.value
+			}), slots.headerRightExtra?.()])
+		])] })]);
+	};
+}, {
+	props: {
+		proClasses: {
+			type: Object,
+			required: false
+		},
+		proStyles: {
+			type: Object,
+			required: false
+		}
+	},
+	emits: [
+		"update:collapsed",
+		"select",
+		"logoClick"
+	],
+	name: "LayoutHeader",
+	inheritAttrs: false
+});
+//#endregion
+export { Header as default };

package/dist/components/Header/interface.d.ts

@@ -0,0 +1,41 @@
+import { LayoutBreadcrumbSlotProps, LayoutClassNamesType, LayoutHeaderSlotProps, LayoutMenuItemSlotProps, LayoutSelectInfo, LayoutStylesType } from "../../interface.js";
+
+//#region src/components/Header/interface.d.ts
+interface LayoutHeaderEmits {
+  'update:collapsed': (collapsed: boolean) => void;
+  'select': (info: LayoutSelectInfo) => void;
+  'logoClick': () => void;
+}
+interface LayoutHeaderEmitsProps {
+  'onUpdate:collapsed'?: LayoutHeaderEmits['update:collapsed'];
+  onSelect?: LayoutHeaderEmits['select'];
+  onLogoClick?: LayoutHeaderEmits['logoClick'];
+}
+interface LayoutHeaderProps extends LayoutHeaderEmitsProps {
+  proClasses?: LayoutClassNamesType;
+  proStyles?: LayoutStylesType;
+}
+interface LayoutHeaderSlots {
+  logo?: (props: {
+    collapsed: boolean;
+    title?: string;
+  }) => any;
+  collapse?: (props: {
+    collapsed: boolean;
+  }) => any;
+  collapseIcon?: (props: {
+    collapsed: boolean;
+  }) => any;
+  breadcrumb?: (props: LayoutBreadcrumbSlotProps) => any;
+  headerContent?: (props: LayoutHeaderSlotProps) => any;
+  headerRight?: (props: LayoutHeaderSlotProps) => any;
+  headerRightExtra?: () => any;
+  collapseButton?: (props: {
+    collapsed: boolean;
+  }) => any;
+  menuItemIcon?: (props: LayoutMenuItemSlotProps) => any;
+  menuItemLabel?: (props: LayoutMenuItemSlotProps) => any;
+  menuItemExtra?: (props: LayoutMenuItemSlotProps) => any;
+}
+//#endregion
+export { LayoutHeaderEmits, LayoutHeaderEmitsProps, LayoutHeaderProps, LayoutHeaderSlots };

package/dist/components/Header/interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,9 @@
+import { LayoutLogoEmits, LayoutLogoEmitsProps, LayoutLogoSlots } from "./interface.js";
+import { SlotsType } from "vue";
+import { CustomRender } from "@gx-design-vue/pro-utils";
+
+//#region src/components/Logo/index.d.ts
+declare function defaultRenderLogo(logo?: CustomRender | false): any;
+declare const LayoutLogo: import("vue").DefineSetupFnComponent<LayoutLogoEmitsProps, LayoutLogoEmits, SlotsType<LayoutLogoSlots>, LayoutLogoEmitsProps, import("vue").PublicProps>;
+//#endregion
+export { LayoutLogo as default, defaultRenderLogo };