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

package/dist/style/index.d.ts

@@ -0,0 +1,30 @@
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-vue/pro-provider";
+
+//#region src/style/index.d.ts
+/**
+ * 全局滚动条 CSS 变量。
+ * 业务可在任意祖先层覆盖这些变量来定制主内容区的滚动条外观。
+ * 侧边栏有独立的 `--pro-layout-sider-scrollbar-*` 系列。
+ */
+declare const proLayoutScrollbarVar: {
+  readonly thumb: "--pro-layout-scrollbar-thumb";
+  readonly thumbHover: "--pro-layout-scrollbar-thumb-hover";
+  readonly track: "--pro-layout-scrollbar-track";
+  readonly size: "--pro-layout-scrollbar-size";
+  readonly radius: "--pro-layout-scrollbar-radius";
+};
+declare function getLayoutScrollbar(): Record<string, unknown>;
+/**
+ * ProLayout 全局 CSS 变量。
+ * 业务可通过 CSS 覆盖对应变量自行调整。
+ */
+declare const proLayoutVar: {
+  /** 顶栏 `top` + `contentWidth=Fixed` 时的内容区最大宽度 */readonly contentFixedMaxWidth: "--pro-layout-content-fixed-max-width"; /** Header 高度 */
+  readonly headerHeight: "--pro-layout-header-height"; /** fixed header 左侧偏移（跨组件几何同步用） */
+  readonly fixedHeaderStart: "--pro-layout-fixed-header-start";
+};
+interface ProLayoutToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+//#endregion
+export { ProLayoutToken, _default as default, getLayoutScrollbar, proLayoutScrollbarVar, proLayoutVar };

package/dist/style/index.js

@@ -0,0 +1,120 @@
+import { useStyle } from "@antdv-vue/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
+//#region src/style/index.ts
+/**
+* 全局滚动条 CSS 变量。
+* 业务可在任意祖先层覆盖这些变量来定制主内容区的滚动条外观。
+* 侧边栏有独立的 `--pro-layout-sider-scrollbar-*` 系列。
+*/
+const proLayoutScrollbarVar = {
+	thumb: "--pro-layout-scrollbar-thumb",
+	thumbHover: "--pro-layout-scrollbar-thumb-hover",
+	track: "--pro-layout-scrollbar-track",
+	size: "--pro-layout-scrollbar-size",
+	radius: "--pro-layout-scrollbar-radius"
+};
+function sv(k) {
+	return `var(${proLayoutScrollbarVar[k]})`;
+}
+function getLayoutScrollbar() {
+	return {
+		scrollbarWidth: "thin",
+		scrollbarColor: "transparent transparent",
+		"&:hover": { scrollbarColor: `${sv("thumb")} transparent` },
+		"&::-webkit-scrollbar": {
+			width: sv("size"),
+			height: sv("size"),
+			backgroundColor: "transparent"
+		},
+		"&::-webkit-scrollbar-track": { backgroundColor: sv("track") },
+		"&::-webkit-scrollbar-thumb": {
+			backgroundColor: "transparent",
+			borderRadius: sv("radius"),
+			transition: "background-color 0.3s ease"
+		},
+		"&:hover::-webkit-scrollbar-thumb": { backgroundColor: sv("thumb") },
+		"&::-webkit-scrollbar-thumb:hover": { backgroundColor: sv("thumbHover") },
+		"@media (pointer: coarse)": {
+			scrollbarWidth: "none",
+			"&::-webkit-scrollbar": { display: "none" }
+		}
+	};
+}
+/**
+* ProLayout 全局 CSS 变量。
+* 业务可通过 CSS 覆盖对应变量自行调整。
+*/
+const proLayoutVar = {
+	/** 顶栏 `top` + `contentWidth=Fixed` 时的内容区最大宽度 */
+	contentFixedMaxWidth: "--pro-layout-content-fixed-max-width",
+	/** Header 高度 */
+	headerHeight: "--pro-layout-header-height",
+	/** fixed header 左侧偏移（跨组件几何同步用） */
+	fixedHeaderStart: "--pro-layout-fixed-header-start"
+};
+const genProLayoutStyle = (token) => {
+	const { componentCls } = token;
+	return { [componentCls]: {
+		[proLayoutVar.contentFixedMaxWidth]: 1152,
+		[proLayoutVar.headerHeight]: token.calc(token.proLayoutHeaderHeightLayoutHeader || 56).equal(),
+		[proLayoutScrollbarVar.thumb]: token.colorFill,
+		[proLayoutScrollbarVar.thumbHover]: token.colorFillSecondary,
+		[proLayoutScrollbarVar.track]: "transparent",
+		[proLayoutScrollbarVar.size]: 4,
+		[proLayoutScrollbarVar.radius]: token.borderRadiusSM,
+		"&-colorWeak": { filter: "invert(80%)" },
+		"&-realDark": { [`${token.antCls}-layout`]: { background: "#2a2c2c" } },
+		boxSizing: "border-box",
+		"*, *::before, *::after": { boxSizing: "border-box" },
+		[`&${token.antCls}-layout`]: {
+			display: "flex",
+			width: "100%",
+			height: "100%"
+		},
+		"&-bg-list": {
+			pointerEvents: "none",
+			position: "fixed",
+			overflow: "hidden",
+			insetBlockStart: 0,
+			insetInlineStart: 0,
+			zIndex: 0,
+			height: "100%",
+			width: "100%",
+			background: token?.proLayoutBgLayout
+		},
+		[`${token.componentCls}-content`]: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			backgroundColor: token.proLayoutPageContainerColorBgPageContainer || "transparent",
+			position: "relative",
+			paddingBlock: token.proLayoutPageContainerPaddingBlockPageContainerContent,
+			paddingInline: token.proLayoutPageContainerPaddingInlinePageContainerContent,
+			"&-has-page-container": { padding: 0 }
+		},
+		[`${token.componentCls}-container`]: {
+			width: "100%",
+			display: "flex",
+			flexDirection: "column",
+			minWidth: 0,
+			minHeight: 0,
+			backgroundColor: "transparent"
+		},
+		[`${token.componentCls}-wrap`]: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%"
+		},
+		"&&-fixed-header": { [`${token.componentCls}-container`]: {
+			height: "100vh",
+			overflowY: "auto",
+			overflowX: "hidden",
+			...getLayoutScrollbar()
+		} }
+	} };
+};
+var style_default = useStyle("ProLayout", (token) => {
+	return [genProLayoutStyle(mergeToken(token, {}))];
+});
+//#endregion
+export { style_default as default, getLayoutScrollbar, proLayoutScrollbarVar, proLayoutVar };

package/dist/typing.d.ts

@@ -0,0 +1,63 @@
+import { DefineSetupFnComponent } from "vue";
+import { VueNode } from "antdv-next/dist/_util/type";
+
+//#region src/typing.d.ts
+type TargetType = '_blank' | '_self' | unknown;
+interface MetaRecord {
+  /** @name hideChildrenInMenu 在菜单中隐藏子节点 */
+  hideChildrenInMenu?: boolean;
+  /** @name hideInMenu 在菜单中隐藏自己和子节点 */
+  hideInMenu?: boolean;
+  /** @name icon 菜单的icon */
+  icon?: VueNode | DefineSetupFnComponent<Record<string, any>>;
+  /** @name title 菜单的名字 */
+  title?: string;
+  /** @name locale 自定义菜单的国际化 key */
+  locale?: string | false;
+  /** @name flatMenu 隐藏自己，并且将子节点提升到与自己平级 */
+  flatMenu?: boolean;
+  /** @name target 指定外链打开形式，同a标签 */
+  target?: TargetType;
+  /**
+   * @name tooltip menuItem 的 tooltip 显示的路径
+   */
+  tooltip?: string;
+  /**
+   * @name disable 菜单选项
+   */
+  disabled?: boolean;
+  /**
+   * @name disable menu 的 tooltip 菜单选项
+   */
+  disabledTooltip?: boolean;
+  [key: string]: any;
+}
+interface MenuDataItem {
+  /** @name children  子菜单 */
+  children?: MenuDataItem[];
+  /** @name name 菜单的名字 */
+  name?: string | symbol;
+  /** @name meta 路由元信息 */
+  meta?: MetaRecord;
+  /** @name key 用于标定选中的值，默认是 path */
+  key?: string;
+  /** @name path 路径,可以设定为网页链接 */
+  path: string;
+  [key: string]: any;
+}
+interface RouterTypes {
+  route?: MenuDataItem;
+  /**
+   * Manually override current route location. ProLayout reads `$route` from the Vue app instance when a router plugin provides it.
+   */
+  location?: {
+    path?: string;
+  };
+}
+interface MessageDescriptor {
+  id: any;
+  description?: string;
+  defaultMessage?: string;
+}
+//#endregion
+export { MenuDataItem, MessageDescriptor, MetaRecord, RouterTypes, TargetType };

package/dist/typing.js

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

package/dist/utils/getBreadcrumbProps.d.ts

@@ -0,0 +1,34 @@
+import { ProSettings } from "../defaultSettings.js";
+import { MenuDataItem, MessageDescriptor } from "../typing.js";
+import { ProLayoutProps } from "../ProLayout.js";
+import { WithFalse } from "@antdv-vue/pro-utils";
+import { BreadcrumbProps } from "antdv-next";
+
+//#region src/utils/getBreadcrumbProps.d.ts
+declare function getVersion(): any;
+interface BreadcrumbProLayoutProps {
+  home?: string;
+  location?: {
+    path?: string;
+  };
+  menu?: ProSettings['menu'];
+  breadcrumbMap?: Map<string, MenuDataItem>;
+  formatMessage?: (message: MessageDescriptor) => string | undefined;
+  breadcrumbRender?: WithFalse<(routes: BreadcrumbProps['items']) => BreadcrumbProps['items']>;
+  itemRender?: BreadcrumbProps['itemRender'];
+}
+declare function urlToList(url?: string): string[];
+declare function getBreadcrumb(breadcrumbMap: Map<string, MenuDataItem>, url: string): MenuDataItem;
+declare function getBreadcrumbFromProps(props: BreadcrumbProLayoutProps): {
+  location: BreadcrumbProLayoutProps['location'];
+  breadcrumbMap: BreadcrumbProLayoutProps['breadcrumbMap'];
+};
+type BreadcrumbListReturn = Pick<BreadcrumbProps, Extract<keyof BreadcrumbProps, 'items' | 'itemRender'>>;
+/** 将参数转化为面包屑 Convert parameters into breadcrumbs */
+declare function genBreadcrumbProps(props: BreadcrumbProLayoutProps): BreadcrumbProps['items'];
+declare function getBreadcrumbProps(props: Omit<BreadcrumbProLayoutProps, 'breadcrumbRender'> & {
+  breadcrumbRender?: WithFalse<(routes: BreadcrumbProps['items']) => BreadcrumbProps['items']>;
+  breadcrumbProps?: BreadcrumbProps;
+}, layoutProps: ProLayoutProps): BreadcrumbListReturn;
+//#endregion
+export { BreadcrumbListReturn, BreadcrumbProLayoutProps, genBreadcrumbProps, getBreadcrumb, getBreadcrumbFromProps, getBreadcrumbProps, getVersion, urlToList };

package/dist/utils/getBreadcrumbProps.js

@@ -0,0 +1,91 @@
+import { createVNode, h, isVNode, resolveComponent } from "vue";
+import { match } from "@antdv-vue/route-utils";
+import { version } from "antdv-next";
+//#region src/utils/getBreadcrumbProps.tsx
+function getVersion() {
+	if (typeof process === "undefined" || typeof import.meta === "undefined") return version;
+	return process?.env?.ANTD_VERSION || import.meta.env?.ANTD_VERSION || version;
+}
+function urlToList(url) {
+	if (!url || url === "/") return ["/"];
+	const urlList = url.split("/").filter((i) => i);
+	return ["/"].concat(urlList.map((_, index) => `/${urlList.slice(0, index + 1).join("/")}`));
+}
+const defaultItemRender = (route, _, routes) => {
+	if (isVNode(route)) return route;
+	const { title, path, onClick } = route;
+	return routes.findIndex((i) => i.path === route.path) === routes.length - 1 ? createVNode("span", null, [title]) : onClick ? createVNode("span", {
+		"onClick": onClick,
+		"style": { cursor: "pointer" }
+	}, [title]) : h(resolveComponent("RouterLink"), { to: path }, () => title);
+};
+function renderItemLocal({ meta }, props) {
+	const { formatMessage, menu } = props;
+	if (meta?.locale && formatMessage && menu?.locale !== false) return formatMessage({
+		id: meta.locale,
+		defaultMessage: meta.title
+	});
+	return meta?.title;
+}
+function getBreadcrumb(breadcrumbMap, url) {
+	let breadcrumbItem = breadcrumbMap.get(url);
+	if (!breadcrumbItem) {
+		const targetPath = (Array.from(breadcrumbMap.keys()) || []).find((path) => {
+			try {
+				if (path?.startsWith("http")) return false;
+				return match(path.replace("?", ""))(url);
+			} catch (error) {
+				return false;
+			}
+		});
+		if (targetPath) breadcrumbItem = breadcrumbMap.get(targetPath);
+	}
+	return breadcrumbItem || { path: "" };
+}
+function getBreadcrumbFromProps(props) {
+	const { location, breadcrumbMap } = props;
+	return {
+		location,
+		breadcrumbMap
+	};
+}
+function conversionFromRoute(location, breadcrumbMap, props) {
+	return urlToList(location?.path).map((url) => {
+		const currentBreadcrumb = getBreadcrumb(breadcrumbMap, url);
+		const title = renderItemLocal(currentBreadcrumb, props);
+		const { meta } = currentBreadcrumb;
+		return title && !meta?.hideInBreadcrumb ? {
+			path: url,
+			title
+		} : {
+			path: "",
+			title
+		};
+	}).filter((item) => item && item.path);
+}
+/** 将参数转化为面包屑 Convert parameters into breadcrumbs */
+function genBreadcrumbProps(props) {
+	const { location, breadcrumbMap } = getBreadcrumbFromProps(props);
+	if (location && location.path && breadcrumbMap) return conversionFromRoute(location, breadcrumbMap, props);
+	return [];
+}
+function getBreadcrumbProps(props, layoutProps) {
+	const { breadcrumbRender, itemRender: propsItemRender } = props;
+	const { minLength = 2 } = layoutProps.breadcrumbProps || {};
+	const routesArray = genBreadcrumbProps(props);
+	const itemRender = (route, ...rest) => {
+		return (propsItemRender || defaultItemRender)?.({
+			...route,
+			onClick: props.breadcrumbProps?.onClickItem ? (e) => props.breadcrumbProps?.onClickItem?.(route, e) : void 0
+		}, ...rest);
+	};
+	let items = routesArray;
+	if (breadcrumbRender) items = breadcrumbRender(items || []) || void 0;
+	if (items && items.length < minLength || breadcrumbRender === false) items = void 0;
+	return {
+		items,
+		itemRender
+	};
+}
+//#endregion
+export { genBreadcrumbProps, getBreadcrumb, getBreadcrumbFromProps, getBreadcrumbProps, getVersion, urlToList };

package/dist/utils/getMenuData.d.ts

@@ -0,0 +1,13 @@
+import { MenuDataItem, MessageDescriptor } from "../typing.js";
+import * as _$_antdv_vue_route_utils0 from "@antdv-vue/route-utils";
+
+//#region src/utils/getMenuData.d.ts
+declare function getMenuData(routes: MenuDataItem[], menu?: {
+  locale?: boolean;
+}, formatMessage?: (message: MessageDescriptor) => string | undefined, menuDataRender?: (menuData: MenuDataItem[]) => MenuDataItem[]): {
+  breadcrumb: Record<string, _$_antdv_vue_route_utils0.MenuDataItem>;
+  breadcrumbMap: Map<string, _$_antdv_vue_route_utils0.MenuDataItem>;
+  menuData: _$_antdv_vue_route_utils0.MenuDataItem[];
+};
+//#endregion
+export { getMenuData };

package/dist/utils/getMenuData.js

@@ -0,0 +1,19 @@
+import { transformRoute } from "@antdv-vue/route-utils";
+//#region src/utils/getMenuData.ts
+function fromEntries(iterable) {
+	return [...iterable].reduce((obj, [key, val]) => {
+		obj[key] = val;
+		return obj;
+	}, {});
+}
+function getMenuData(routes, menu, formatMessage, menuDataRender) {
+	const { menuData, breadcrumb } = transformRoute(routes || [], menu?.locale || false, formatMessage);
+	if (!menuDataRender) return {
+		breadcrumb: fromEntries(breadcrumb),
+		breadcrumbMap: breadcrumb,
+		menuData
+	};
+	return getMenuData(menuDataRender(menuData), menu, formatMessage, void 0);
+}
+//#endregion
+export { getMenuData };

package/dist/utils/index.d.ts

@@ -0,0 +1,30 @@
+import { MenuDataItem } from "../typing.js";
+
+//#region src/utils/index.d.ts
+declare function getOpenKeysFromMenuData(menuData?: MenuDataItem[]): string[];
+declare const themeConfig: {
+  techBlue: string;
+  daybreak: string;
+  dust: string;
+  volcano: string;
+  sunset: string;
+  cyan: string;
+  green: string;
+  geekblue: string;
+  purple: string;
+};
+/**
+ * Daybreak-> #1890ff
+ *
+ * @param val
+ */
+declare function genStringToTheme(val?: keyof typeof themeConfig): string;
+declare function clearMenuItem(menusData: MenuDataItem[]): MenuDataItem[];
+/**
+ * Creates an object composed of the picked object properties.
+ * @param obj The source object
+ * @param paths The property paths to pick
+ */
+declare function pick<T, K extends keyof T>(obj: T, paths: K[]): Pick<T, K>;
+//#endregion
+export { clearMenuItem, genStringToTheme, getOpenKeysFromMenuData, pick, themeConfig };

package/dist/utils/index.js

@@ -0,0 +1,55 @@
+//#region src/utils/index.ts
+function getOpenKeysFromMenuData(menuData) {
+	return (menuData || []).reduce((pre, item) => {
+		if (item.key) pre.push(item.key);
+		if (item.children) return [...pre.concat(getOpenKeysFromMenuData(item.children) || [])];
+		return pre;
+	}, []);
+}
+const themeConfig = {
+	techBlue: "#1677FF",
+	daybreak: "#1890FF",
+	dust: "#F5222D",
+	volcano: "#FA541C",
+	sunset: "#FAAD14",
+	cyan: "#13C2C2",
+	green: "#52C41A",
+	geekblue: "#2F54EB",
+	purple: "#722ED1"
+};
+/**
+* Daybreak-> #1890ff
+*
+* @param val
+*/
+function genStringToTheme(val) {
+	return val && themeConfig[val] ? themeConfig[val] : val || "";
+}
+function clearMenuItem(menusData) {
+	return menusData.map((item) => {
+		const children = item.children || [];
+		const finalItem = { ...item };
+		if (!finalItem.meta?.title || finalItem.meta?.hideInMenu) return null;
+		if (finalItem && finalItem?.children) {
+			if (!finalItem.meta?.hideChildrenInMenu && children.some((child) => child.meta?.title && !child.meta?.hideInMenu)) return {
+				...item,
+				children: clearMenuItem(children)
+			};
+			Reflect.deleteProperty(finalItem, "children");
+		}
+		return finalItem;
+	}).filter((item) => item);
+}
+/**
+* Creates an object composed of the picked object properties.
+* @param obj The source object
+* @param paths The property paths to pick
+*/
+function pick(obj, paths) {
+	return { ...paths.reduce((mem, key) => ({
+		...mem,
+		[key]: obj[key]
+	}), {}) };
+}
+//#endregion
+export { clearMenuItem, genStringToTheme, getOpenKeysFromMenuData, pick, themeConfig };

package/dist/utils/siderWidth.d.ts

@@ -0,0 +1,29 @@
+//#region src/utils/siderWidth.d.ts
+type SiderLayout = 'side' | 'top' | 'mix' | 'left' | undefined;
+interface SiderWidthOptions {
+  layout: SiderLayout;
+  siderWidth: number;
+  collapsedWidth: number;
+  firstMenuWidth: number;
+}
+declare function getCollapsedSiderWidth({
+  layout,
+  siderWidth,
+  collapsedWidth,
+  firstMenuWidth
+}: SiderWidthOptions): number;
+declare function getSiderMenuWidth({
+  collapsed,
+  hasMenu,
+  ...options
+}: SiderWidthOptions & {
+  collapsed?: boolean;
+  hasMenu?: boolean;
+}): number;
+declare function getLeftSecondarySiderCollapsedWidth({
+  siderWidth,
+  collapsedWidth,
+  firstMenuWidth
+}: Omit<SiderWidthOptions, 'layout'>): number;
+//#endregion
+export { SiderLayout, SiderWidthOptions, getCollapsedSiderWidth, getLeftSecondarySiderCollapsedWidth, getSiderMenuWidth };

package/dist/utils/siderWidth.js

@@ -0,0 +1,20 @@
+//#region src/utils/siderWidth.ts
+function getCollapsedSiderWidth({ layout, siderWidth, collapsedWidth, firstMenuWidth }) {
+	if (layout === "left") return Math.min(siderWidth, collapsedWidth + firstMenuWidth);
+	return collapsedWidth;
+}
+function getSiderMenuWidth({ collapsed, hasMenu = true, ...options }) {
+	if (options.layout === "left" && !hasMenu) return options.firstMenuWidth;
+	if (collapsed) return getCollapsedSiderWidth(options);
+	return options.siderWidth;
+}
+function getLeftSecondarySiderCollapsedWidth({ siderWidth, collapsedWidth, firstMenuWidth }) {
+	return Math.max(0, getCollapsedSiderWidth({
+		layout: "left",
+		siderWidth,
+		collapsedWidth,
+		firstMenuWidth
+	}) - firstMenuWidth);
+}
+//#endregion
+export { getCollapsedSiderWidth, getLeftSecondarySiderCollapsedWidth, getSiderMenuWidth };

package/dist/utils/useCurrentMenuLayoutProps.d.ts

@@ -0,0 +1,10 @@
+import { ProSettings } from "../defaultSettings.js";
+import { MenuDataItem } from "../typing.js";
+import { Ref } from "vue";
+
+//#region src/utils/useCurrentMenuLayoutProps.d.ts
+declare function useCurrentMenuLayoutProps(currentMenu: Ref<MenuDataItem & {
+  meta: Pick<MenuDataItem, 'meta'> & ProSettings;
+}>): Ref<Pick<ProSettings, "navTheme" | "layout" | "fixedSiderbar" | "menuHeaderRender" | "headerRender" | "menuRender" | "footerRender">, Pick<ProSettings, "navTheme" | "layout" | "fixedSiderbar" | "menuHeaderRender" | "headerRender" | "menuRender" | "footerRender">>;
+//#endregion
+export { useCurrentMenuLayoutProps as default };

package/dist/utils/useCurrentMenuLayoutProps.js

@@ -0,0 +1,28 @@
+import { omitUndefined, useEffect, useState } from "@antdv-vue/pro-utils";
+//#region src/utils/useCurrentMenuLayoutProps.ts
+function useCurrentMenuLayoutProps(currentMenu) {
+	const [currentMenuLayoutProps, setCurrentMenuLayoutProps] = useState({});
+	useEffect(() => {
+		const menuLayoutProps = omitUndefined({
+			layout: typeof (currentMenu.value.meta || {}).layout !== "object" ? (currentMenu.value.meta || {}).layout : void 0,
+			navTheme: (currentMenu.value.meta || {}).navTheme,
+			menuRender: (currentMenu.value.meta || {}).menuRender,
+			footerRender: (currentMenu.value.meta || {}).footerRender,
+			menuHeaderRender: (currentMenu.value.meta || {}).menuHeaderRender,
+			headerRender: (currentMenu.value.meta || {}).headerRender,
+			fixedSiderbar: (currentMenu.value.meta || {}).fixedSiderbar
+		});
+		if (menuLayoutProps) setCurrentMenuLayoutProps(menuLayoutProps);
+	}, [
+		() => (currentMenu.value.meta || {})?.layout,
+		() => (currentMenu.value.meta || {})?.navTheme,
+		() => (currentMenu.value.meta || {})?.menuRender,
+		() => (currentMenu.value.meta || {})?.footerRender,
+		() => (currentMenu.value.meta || {})?.menuHeaderRender,
+		() => (currentMenu.value.meta || {})?.headerRender,
+		() => (currentMenu.value.meta || {})?.fixedSiderbar
+	]);
+	return currentMenuLayoutProps;
+}
+//#endregion
+export { useCurrentMenuLayoutProps as default };

package/dist/utils/useProLayoutLocation.d.ts

@@ -0,0 +1,8 @@
+import { RouterTypes } from "../typing.js";
+import { ComputedRef } from "vue";
+
+//#region src/utils/useProLayoutLocation.d.ts
+type ProLayoutLocation = NonNullable<RouterTypes['location']>;
+declare function useProLayoutLocation(getLocation: () => RouterTypes['location'] | undefined): ComputedRef<ProLayoutLocation>;
+//#endregion
+export { useProLayoutLocation };

package/dist/utils/useProLayoutLocation.js

@@ -0,0 +1,14 @@
+import { computed, getCurrentInstance } from "vue";
+//#region src/utils/useProLayoutLocation.ts
+function useProLayoutLocation(getLocation) {
+	const instance = getCurrentInstance();
+	return computed(() => {
+		const location = getLocation();
+		if (location?.path) return location;
+		const proxyRoute = (instance?.proxy)?.$route;
+		const globalRoute = (instance?.appContext.config.globalProperties).$route;
+		return { path: (proxyRoute || globalRoute)?.path || "/" };
+	});
+}
+//#endregion
+export { useProLayoutLocation };

package/dist/utils/useProLayoutRender.d.ts

@@ -0,0 +1,25 @@
+import { ProLayoutProps } from "../ProLayout.js";
+import { ActionsRender, AppListRender, CollapsedButtonRender, ErrorBoundaryRender, FooterRender, HeaderContentRender, HeaderRender, HeaderTitleRender, MenuContentRender, MenuExtraRender, MenuFooterRender, MenuHeaderRender, MenuItemRender, MenuRender, MultiTabRender, SlotsRenderType, SubMenuItemRender } from "../RenderTypings.js";
+import * as _$vue from "vue";
+
+//#region src/utils/useProLayoutRender.d.ts
+declare function useProLayoutRender(slots: SlotsRenderType, props: ProLayoutProps): _$vue.ComputedRef<{
+  headerRender: false | HeaderRender | undefined;
+  footerRender: false | FooterRender | undefined;
+  menuRender: false | MenuRender | undefined;
+  menuHeaderRender: false | MenuHeaderRender | undefined;
+  menuItemRender: false | MenuItemRender | undefined;
+  subMenuItemRender: false | SubMenuItemRender | undefined;
+  menuExtraRender: false | MenuExtraRender | undefined;
+  menuContentRender: false | MenuContentRender | undefined;
+  headerContentRender: false | HeaderContentRender | undefined;
+  headerTitleRender: false | HeaderTitleRender | undefined;
+  appListRender: false | AppListRender | undefined;
+  actionsRender: false | ActionsRender | undefined;
+  collapsedButtonRender: false | CollapsedButtonRender | undefined;
+  errorBoundaryRender: false | ErrorBoundaryRender | undefined;
+  menuFooterRender: false | MenuFooterRender | undefined;
+  multiTabRender: false | MultiTabRender | undefined;
+}>;
+//#endregion
+export { useProLayoutRender };

package/dist/utils/useProLayoutRender.js

@@ -0,0 +1,42 @@
+import { computed } from "vue";
+import { getSlot } from "@antdv-vue/pro-utils";
+//#region src/utils/useProLayoutRender.ts
+function useProLayoutRender(slots, props) {
+	return computed(() => {
+		const footerRender = getSlot(slots, props, "footerRender");
+		const actionsRender = getSlot(slots, props, "actionsRender");
+		const collapsedButtonRender = getSlot(slots, props, "collapsedButtonRender");
+		const appListRender = getSlot(slots, props, "appListRender");
+		const headerRender = getSlot(slots, props, "headerRender");
+		const headerTitleRender = getSlot(slots, props, "headerTitleRender");
+		const headerContentRender = getSlot(slots, props, "headerContentRender");
+		const menuRender = getSlot(slots, props, "menuRender");
+		const menuItemRender = getSlot(slots, props, "menuItemRender");
+		const subMenuItemRender = getSlot(slots, props, "subMenuItemRender");
+		const menuHeaderRender = getSlot(slots, props, "menuHeaderRender");
+		const menuContentRender = getSlot(slots, props, "menuContentRender");
+		const menuExtraRender = getSlot(slots, props, "menuExtraRender");
+		const menuFooterRender = getSlot(slots, props, "menuFooterRender");
+		const multiTabRender = getSlot(slots, props, "multiTabRender");
+		return {
+			headerRender,
+			footerRender,
+			menuRender,
+			menuHeaderRender,
+			menuItemRender,
+			subMenuItemRender,
+			menuExtraRender,
+			menuContentRender,
+			headerContentRender,
+			headerTitleRender,
+			appListRender,
+			actionsRender,
+			collapsedButtonRender,
+			errorBoundaryRender: getSlot(slots, props, "errorBoundaryRender"),
+			menuFooterRender,
+			multiTabRender
+		};
+	});
+}
+//#endregion
+export { useProLayoutRender };