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

package/dist/BasicLayout.js

@@ -0,0 +1,895 @@
+import FooterView from "./components/Footer/index.js";
+import { clearMenuItem } from "./utils/index.js";
+import { getSiderMenuWidth } from "./utils/siderWidth.js";
+import HeaderView from "./components/Header/index.js";
+import { gLocaleObject } from "./locales/index.js";
+import MultiTab from "./components/MultiTab/index.js";
+import PageLoading from "./components/PageLoading/index.js";
+import SiderMenuWrapper from "./components/SiderMenu/index.js";
+import { useRouteContext, useRouteContextProvider } from "./context/RouteContext.js";
+import { getPageTitleInfo } from "./getPageTitle.js";
+import style_default from "./style/index.js";
+import { getBreadcrumbProps } from "./utils/getBreadcrumbProps.js";
+import { getMenuData } from "./utils/getMenuData.js";
+import useCurrentMenuLayoutProps from "./utils/useCurrentMenuLayoutProps.js";
+import { useProLayoutLocation } from "./utils/useProLayoutLocation.js";
+import { useProLayoutRender } from "./utils/useProLayoutRender.js";
+import WrapContent from "./WrapContent.js";
+import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef, toRef } from "vue";
+import { useProConfig } from "@antdv-vue/pro-provider";
+import { useBreakpoint, useDocumentTitle, useMountMergeState, useState } from "@antdv-vue/pro-utils";
+import { getMatchMenu } from "@antdv-vue/route-utils";
+import { classNames, omit } from "@v-c/util";
+import { ConfigProvider, Layout } from "antdv-next";
+import { useConfig } from "antdv-next/config-provider/context";
+import warning from "antdv-next/dist/_util/warning";
+//#region src/BasicLayout.tsx
+function headerRender(props, matchMenuKeys) {
+	const { headerRender, pure, stylish } = props;
+	if (headerRender === false || pure) return null;
+	return createVNode(HeaderView, mergeProps(props, {
+		"matchMenuKeys": matchMenuKeys,
+		"stylish": stylish?.header
+	}), null);
+}
+function renderSiderMenu(props, matchMenuKeys) {
+	const { layout, isMobile, selectedKeys, openKeys, pure, splitMenus, suppressSiderWhenMenuEmpty, menuRender } = props;
+	if (menuRender === false || pure) return null;
+	let { menuData } = props;
+	/** 如果是分割菜单模式，需要专门实现一下 */
+	if (splitMenus && layout !== "left" && (openKeys !== false || layout === "mix") && !isMobile) {
+		const [key] = matchMenuKeys || selectedKeys;
+		if (key) menuData = menuData?.find((item) => item.key === key)?.children || [];
+		else menuData = [];
+	}
+	const clearMenuData = clearMenuItem(menuData || []);
+	if (clearMenuData && clearMenuData?.length < 1 && (splitMenus || suppressSiderWhenMenuEmpty)) return null;
+	if (layout === "top" && !isMobile) return createVNode(SiderMenuWrapper, mergeProps(props, {
+		"matchMenuKeys": matchMenuKeys,
+		"hide": true,
+		"stylish": props.stylish?.sider
+	}), null);
+	const defaultDom = createVNode(SiderMenuWrapper, mergeProps({ "matchMenuKeys": props.matchMenuKeys || matchMenuKeys }, props, {
+		"menuData": clearMenuData,
+		"stylish": props.stylish?.sider
+	}), null);
+	if (menuRender) return menuRender({
+		props,
+		dom: defaultDom
+	});
+	return defaultDom;
+}
+function footerRender(props) {
+	const { footerRender, pure } = props;
+	if (footerRender === false || pure) return null;
+	if (footerRender) return footerRender({
+		props,
+		dom: createVNode(FooterView, null, null)
+	});
+	return null;
+}
+function multiTabRender(props) {
+	const { multiTabRender: propsMultiTabRender, multiTab, multiTabProps, pure, prefixCls, siderWidth, isMobile, hasSiderMenu, collapsedWidth, firstMenuWidth, layout, collapsed, fixedMultiTab } = props;
+	if (propsMultiTabRender === false || multiTab === false || pure) return null;
+	const defaultDom = createVNode(MultiTab, mergeProps(multiTabProps, {
+		"prefixCls": prefixCls,
+		"siderWidth": siderWidth,
+		"collapsedWidth": collapsedWidth,
+		"firstMenuWidth": firstMenuWidth,
+		"layout": layout,
+		"hasSiderMenu": hasSiderMenu,
+		"fixedMultiTab": fixedMultiTab,
+		"collapsed": collapsed,
+		"isMobile": isMobile
+	}), null);
+	if (propsMultiTabRender) return propsMultiTabRender({
+		props: {
+			...multiTabProps,
+			prefixCls,
+			siderWidth,
+			collapsedWidth,
+			firstMenuWidth,
+			fixedMultiTab,
+			layout,
+			hasSiderMenu,
+			collapsed,
+			isMobile
+		},
+		dom: defaultDom
+	});
+	return defaultDom;
+}
+function defaultPageTitleRender(pageProps, props) {
+	const { pageTitleRender } = props;
+	const pageTitleInfo = getPageTitleInfo(pageProps);
+	if (pageTitleRender === false) return {
+		title: props.title || "",
+		id: "",
+		pageName: ""
+	};
+	if (pageTitleRender) {
+		const title = pageTitleRender({
+			props: pageProps,
+			defaultPageTitle: pageTitleInfo.title,
+			info: pageTitleInfo
+		});
+		if (typeof title === "string") return getPageTitleInfo({
+			...pageTitleInfo,
+			title
+		});
+		warning(title === void 0, "pro-layout: ", "renderPageTitle return value should be a string");
+	}
+	return pageTitleInfo;
+}
+function getPaddingInlineStart(hasLeftPadding, collapsed, siderWidth, collapsedWidth, firstMenuWidth, layout) {
+	if (hasLeftPadding) return getSiderMenuWidth({
+		layout,
+		collapsed,
+		siderWidth,
+		collapsedWidth,
+		firstMenuWidth
+	});
+	return 0;
+}
+/**
+* 🌃 Powerful and easy to use beautiful layout 🏄‍ Support multiple topics and layout types
+*
+* @param props
+*/
+const BasicLayout = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
+	const config = useConfig();
+	const proProvide = useProConfig();
+	const layoutRef = shallowRef(null);
+	const prefixCls = computed(() => props.prefixCls ?? config.value.getPrefixCls("pro"));
+	const proLayoutClassName = computed(() => `${prefixCls.value}-basicLayout`);
+	const [hashId, cssVarCls] = style_default(proLayoutClassName);
+	const routeContextProvide = useRouteContext();
+	const proLayoutRender = useProLayoutRender(slots, props);
+	const collapsedWidth = computed(() => props.collapsedWidth || 64);
+	/**
+	* 处理国际化相关 formatMessage
+	* 如果有用户配置的以用户为主
+	* 如果没有用自己实现的
+	*/
+	const formatMessage = ({ id, defaultMessage, ...restParams }) => {
+		if (props.formatMessage) return props.formatMessage({
+			id,
+			defaultMessage,
+			...restParams
+		});
+		const locales = gLocaleObject();
+		return locales[id] ? locales[id] : defaultMessage;
+	};
+	const isChildrenLayout = computed(() => props.isChildrenLayout !== void 0 ? props.isChildrenLayout : routeContextProvide.value.isChildrenLayout);
+	const currentLocation = useProLayoutLocation(() => props.location);
+	const menuInfoData = computed(() => {
+		const { route, menu, menuData, menuDataRender } = props;
+		return getMenuData(menuData || route?.children || [], menu, formatMessage, menuDataRender);
+	});
+	const matchMenus = computed(() => {
+		const { menuData } = menuInfoData.value;
+		return getMatchMenu(currentLocation.value?.path || "/", menuData || [], true);
+	});
+	const matchMenuKeys = computed(() => Array.from(new Set(matchMenus.value.map((item) => item.key || item.path || ""))));
+	const currentMenu = computed(() => matchMenus.value[matchMenus.value.length - 1] || {});
+	const siderWidth = computed(() => {
+		if (props.siderWidth) return props.siderWidth;
+		if (props.layout === "mix") return 215;
+		if (props.layout === "left") {
+			const [key] = matchMenuKeys.value || props.selectedKeys;
+			if (key) {
+				const { menuData } = menuInfoData.value;
+				if ((menuData.find((item) => item.key === key)?.children || []).length) return 320;
+			}
+			return 80;
+		}
+		return 256;
+	});
+	const currentMenuLayoutProps = useCurrentMenuLayoutProps(currentMenu);
+	const defaultProps = computed(() => {
+		const { menu, siderMenuType } = props;
+		return omit({
+			...omit(props, [
+				"headerRender",
+				"footerRender",
+				"menuRender",
+				"menuHeaderRender",
+				"menuItemRender",
+				"subMenuItemRender",
+				"menuExtraRender",
+				"menuContentRender",
+				"headerContentRender",
+				"headerTitleRender",
+				"appListRender",
+				"actionsRender",
+				"collapsedButtonRender",
+				"errorBoundaryRender",
+				"menuFooterRender",
+				"multiTabRender"
+			]),
+			...proLayoutRender.value,
+			location: currentLocation.value,
+			prefixCls: prefixCls.value,
+			siderWidth: siderWidth.value,
+			...currentMenuLayoutProps.value,
+			formatMessage,
+			breadcrumb: menuInfoData.value.breadcrumb,
+			menu: {
+				...menu,
+				type: siderMenuType || menu?.type
+			}
+		}, ["breadcrumbRender"]);
+	});
+	const [hasFooterToolbar, setHasFooterToolbar] = useState(false);
+	/**
+	* 使用number是因为多标签页的时候有多个 PageContainer，只有有任意一个就应该展示这个class
+	*/
+	const [hasPageContainer, setHasPageContainer] = useState(0);
+	const colSize = useBreakpoint();
+	const isMobile = computed(() => {
+		const { disableMobile } = props;
+		return (colSize.value === "sm" || colSize.value === "xs") && !disableMobile;
+	});
+	const pageTitleInfo = computed(() => defaultPageTitleRender({
+		...defaultProps.value,
+		path: currentLocation.value?.path || "/",
+		breadcrumbMap: menuInfoData.value.breadcrumbMap
+	}, props));
+	const breadcrumbProps = computed(() => getBreadcrumbProps({
+		...defaultProps.value,
+		breadcrumbRender: props.breadcrumbRender,
+		breadcrumbMap: menuInfoData.value.breadcrumbMap
+	}, props));
+	const hasLeftPadding = computed(() => props.layout !== "top" && !isMobile.value);
+	const [collapsed, onCollapse] = useMountMergeState(() => {
+		if (props.defaultCollapsed !== void 0) return props.defaultCollapsed;
+		if (isMobile.value) return true;
+		return colSize.value === "md";
+	}, {
+		value: toRef(() => props.collapsed),
+		onChange: props.onCollapse
+	});
+	/** 计算 slider 的宽度 */
+	const layoutSiderWidth = computed(() => getPaddingInlineStart(hasLeftPadding.value, collapsed.value, siderWidth.value, collapsedWidth.value, props.firstMenuWidth || 80, props.layout));
+	const bgImgStyleList = computed(() => {
+		const { bgLayoutImgList } = props;
+		if (bgLayoutImgList && bgLayoutImgList.length > 0) return bgLayoutImgList.map(({ src, ...rest }, index) => {
+			return createVNode("img", {
+				"key": index,
+				"src": src,
+				"alt": "",
+				"style": {
+					position: "absolute",
+					...Object.entries(rest).reduce((pre, [key, value]) => {
+						return {
+							...pre,
+							[key]: typeof value === "number" ? `${value}px` : value
+						};
+					}, {})
+				}
+			}, null);
+		});
+		return null;
+	});
+	const siderMenuDom = computed(() => {
+		const { menuData } = menuInfoData.value;
+		return renderSiderMenu({
+			...defaultProps.value,
+			menuData,
+			onCollapse,
+			isMobile: isMobile.value,
+			collapsed: collapsed.value,
+			siderWidth: siderWidth.value
+		}, matchMenuKeys.value);
+	});
+	const headerDom = computed(() => headerRender({
+		...defaultProps.value,
+		hasSiderMenu: !!siderMenuDom.value,
+		menuData: menuInfoData.value.menuData,
+		isMobile: isMobile.value,
+		collapsed: collapsed.value,
+		onCollapse
+	}, matchMenuKeys.value));
+	const footerDom = computed(() => footerRender({
+		...defaultProps.value,
+		isMobile: isMobile.value,
+		collapsed: collapsed.value
+	}));
+	const multiTabDom = computed(() => multiTabRender({
+		...defaultProps.value,
+		isMobile: isMobile.value,
+		collapsed: collapsed.value,
+		hasSiderMenu: !!siderMenuDom.value,
+		collapsedWidth: collapsedWidth.value
+	}));
+	useDocumentTitle(pageTitleInfo, computed(() => props.title || false));
+	useRouteContextProvider(computed(() => ({
+		...defaultProps.value,
+		breadcrumb: breadcrumbProps.value,
+		menuData: menuInfoData.value.menuData,
+		isMobile: isMobile.value,
+		collapsed: collapsed.value,
+		title: pageTitleInfo.value.pageName,
+		pageTitleInfo: pageTitleInfo.value,
+		hasSiderMenu: !!siderMenuDom.value,
+		hasHeader: !!headerDom.value,
+		isChildrenLayout: true,
+		siderWidth: layoutSiderWidth.value,
+		matchMenus: matchMenus.value,
+		matchMenuKeys: matchMenuKeys.value,
+		currentMenu: currentMenu.value,
+		hasFooter: !!footerDom.value,
+		hasFooterToolbar: hasFooterToolbar.value,
+		hasPageContainer: hasPageContainer.value,
+		setHasFooterToolbar,
+		setHasPageContainer
+	})));
+	expose({});
+	return () => {
+		const { fixedSiderbar, pure, contentStyle, navTheme, loading, ...rest } = {
+			...props,
+			...currentMenuLayoutProps.value
+		};
+		return createVNode(Fragment, null, [props.pure ? slots.default?.() : createVNode(ConfigProvider, { "getTargetContainer": config.value.getPopupContainer || (() => layoutRef.value?.$el) }, { default: () => [createVNode(Layout, {
+			"ref": layoutRef,
+			"class": classNames(proLayoutClassName.value, {
+				[`screen-${colSize.value}`]: colSize.value,
+				[`${proLayoutClassName.value}-is-children`]: isChildrenLayout.value,
+				[`${proLayoutClassName.value}-fix-siderbar`]: fixedSiderbar,
+				[`${proLayoutClassName.value}-${props.layout}`]: props.layout,
+				[`${proLayoutClassName.value}-${props.navTheme}`]: props.navTheme,
+				[`${proLayoutClassName.value}-colorWeak`]: props.colorWeak
+			}, attrs.class, hashId?.value, cssVarCls?.value),
+			"style": attrs.style
+		}, { default: () => [
+			bgImgStyleList.value && createVNode("div", { "class": classNames(`${proLayoutClassName.value}-bg-list`, hashId?.value, cssVarCls?.value) }, [bgImgStyleList.value]),
+			createVNode(ConfigProvider, null, { default: () => [siderMenuDom.value] }),
+			createVNode(Layout, null, { default: () => [
+				headerDom.value,
+				multiTabDom.value,
+				createVNode(WrapContent, mergeProps(rest, {
+					"hasPageContainer": hasPageContainer.value,
+					"isChildrenLayout": isChildrenLayout.value,
+					"hasHeader": !!headerDom.value,
+					"hashId": hashId?.value,
+					"cssVarCls": cssVarCls?.value,
+					"prefixCls": proLayoutClassName.value,
+					"style": contentStyle
+				}), {
+					default: () => [loading ? createVNode(PageLoading, null, null) : slots.default?.()],
+					errorBoundaryRender: slots.errorBoundaryRender
+				}),
+				footerDom.value,
+				hasFooterToolbar.value && createVNode("div", {
+					"class": classNames(`${proLayoutClassName.value}-has-footer`, hashId?.value, cssVarCls?.value),
+					"style": {
+						height: "44px",
+						marginBlockStart: `${proProvide.value.token.layout?.pageContainer?.paddingBlockPageContainerContent}px`
+					}
+				}, null)
+			] })
+		] })] })]);
+	};
+}, {
+	props: {
+		route: {
+			type: Object,
+			required: false
+		},
+		location: {
+			type: Object,
+			required: false
+		},
+		defaultCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		isMobile: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onOpenChange: {
+			type: Function,
+			required: false
+		},
+		menuData: {
+			type: Array,
+			required: false
+		},
+		onCollapse: {
+			type: Function,
+			required: false
+		},
+		openKeys: {
+			type: [Array, Boolean],
+			required: false,
+			default: void 0
+		},
+		mode: {
+			type: void 0,
+			required: false
+		},
+		menuProps: {
+			type: Object,
+			required: false
+		},
+		menuItemRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		subMenuItemRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		iconPrefixes: {
+			type: String,
+			required: false
+		},
+		formatMessage: {
+			type: Function,
+			required: false
+		},
+		postMenuData: {
+			type: Function,
+			required: false
+		},
+		onSelect: {
+			type: Function,
+			required: false
+		},
+		theme: {
+			type: String,
+			required: false
+		},
+		inlineIndent: {
+			type: Number,
+			required: false
+		},
+		tooltip: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		_internalDisableMenuItemTitleTooltip: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		items: {
+			type: Array,
+			required: false
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		labelRender: {
+			type: Function,
+			required: false
+		},
+		extraRender: {
+			type: Function,
+			required: false
+		},
+		iconRender: {
+			type: Function,
+			required: false
+		},
+		itemIcon: {
+			type: Function,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabledOverflow: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			required: false
+		},
+		inlineCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultOpenKeys: {
+			type: Array,
+			required: false
+		},
+		selectable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		multiple: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultSelectedKeys: {
+			type: Array,
+			required: false
+		},
+		selectedKeys: {
+			type: Array,
+			required: false
+		},
+		motion: {
+			type: Object,
+			required: false
+		},
+		defaultMotions: {
+			type: Object,
+			required: false
+		},
+		subMenuOpenDelay: {
+			type: Number,
+			required: false
+		},
+		subMenuCloseDelay: {
+			type: Number,
+			required: false
+		},
+		forceSubMenuRender: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		triggerSubMenuAction: { required: false },
+		builtinPlacements: { required: false },
+		expandIcon: { required: false },
+		overflowedIndicator: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		overflowedIndicatorPopupClassName: {
+			type: String,
+			required: false
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false
+		},
+		_internalRenderMenuItem: {
+			type: Function,
+			required: false
+		},
+		_internalRenderSubMenuItem: {
+			type: Function,
+			required: false
+		},
+		popupRender: { required: false },
+		id: {
+			type: String,
+			required: false
+		},
+		onClick: {
+			type: Function,
+			required: false
+		},
+		onDeselect: {
+			type: Function,
+			required: false
+		},
+		"onUpdate:openKeys": {
+			type: Function,
+			required: false
+		},
+		"onUpdate:selectedKeys": {
+			type: Function,
+			required: false
+		},
+		navTheme: {
+			type: String,
+			required: false
+		},
+		layout: {
+			type: String,
+			required: false
+		},
+		contentWidth: {
+			type: String,
+			required: false
+		},
+		compact: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		fixedHeader: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		fixedSiderbar: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		menu: {
+			type: Object,
+			required: false
+		},
+		title: {
+			type: [String, Boolean],
+			required: false,
+			default: void 0
+		},
+		iconfontUrl: {
+			type: String,
+			required: false
+		},
+		colorPrimary: {
+			type: String,
+			required: false
+		},
+		colorWeak: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		splitMenus: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		suppressSiderWhenMenuEmpty: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		siderMenuType: {
+			type: String,
+			required: false
+		},
+		fixedMultiTab: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		multiTab: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		collapsedWidth: {
+			type: Number,
+			required: false
+		},
+		firstMenuWidth: {
+			type: Number,
+			required: false
+		},
+		logo: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		appList: {
+			type: Array,
+			required: false
+		},
+		appListRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		itemClick: {
+			type: Function,
+			required: false
+		},
+		links: {
+			type: [Array, Boolean],
+			required: false,
+			default: void 0
+		},
+		siderWidth: {
+			type: Number,
+			required: false
+		},
+		menuHeaderRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuContentRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuFooterRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		collapsedButtonRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		siderProps: {
+			type: Object,
+			required: false
+		},
+		breakpoint: {
+			type: [String, Boolean],
+			required: false,
+			default: void 0
+		},
+		avatarProps: {
+			type: [Object, Boolean],
+			required: false,
+			default: void 0
+		},
+		actionsRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuExtraRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		onMenuHeaderClick: {
+			type: Function,
+			required: false
+		},
+		logoStyle: {
+			type: Object,
+			required: false
+		},
+		headerRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		headerTitleRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		token: {
+			type: Object,
+			required: false
+		},
+		headerContentRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		stylish: {
+			type: Object,
+			required: false
+		},
+		bgLayoutImgList: {
+			type: Array,
+			required: false
+		},
+		pure: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onPageChange: {
+			type: Function,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		collapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		multiTabProps: {
+			type: Object,
+			required: false
+		},
+		multiTabRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		footerRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		breadcrumbRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		pageTitleRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		menuDataRender: {
+			type: Function,
+			required: false
+		},
+		itemRender: {
+			type: Function,
+			required: false
+		},
+		disableMobile: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		contentStyle: {
+			type: Object,
+			required: false
+		},
+		breadcrumbProps: {
+			type: Object,
+			required: false
+		},
+		waterMarkProps: {
+			type: Object,
+			required: false
+		},
+		errorBoundaryRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		isChildrenLayout: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "BasicLayout",
+	inheritAttrs: false
+});
+//#endregion
+export { BasicLayout as default };