@gx-design-vue/pro-layout 0.1.0-alpha.24 → 0.1.0-alpha.26

package/dist/ProLayout.js

@@ -12,7 +12,7 @@ import style_default from "./style/index.js";
 import { normalizeSectionConfig } from "./utils/config.js";
 import { computed, createVNode, defineComponent, mergeDefaults, ref } from "vue";
 import { ThemeContext, useThemeContext } from "@gx-design-vue/context";
-import { GProConfigProvider, useProToken } from "@gx-design-vue/pro-provider";
+import { GProConfigProvider, unit, useProToken } from "@gx-design-vue/pro-provider";
 import { classNames, getSlotsProps } from "@gx-design-vue/pro-utils";
 import { useDark, useMediaQuery, useVModel } from "@vueuse/core";
 import { ConfigProvider, Layout } from "antdv-next";
@@ -32,14 +32,29 @@ const InnerLayout = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		cssVarCls,
 		rootCls
 	});
+	const isWide = computed(() => props.layout === "wide" && !!props.wideContentWidth);
+	const rootStyle = computed(() => ({
+		...props.proStyles?.root,
+		minWidth: isWide.value ? unit(props.wideContentWidth) : void 0
+	}));
+	const headerHeight = computed(() => parentCtx?.header?.value?.height);
+	const layoutStyle = computed(() => {
+		const base = {
+			minHeight: "100%",
+			flexDirection: props.showSider ? "row" : void 0
+		};
+		if (isWide.value) {
+			base.width = unit(props.wideContentWidth);
+			base.margin = "0 auto";
+			if (headerHeight.value) base.paddingBlockStart = `calc(${unit(headerHeight.value)} + 20px)`;
+		}
+		return base;
+	});
 	return () => createVNode("div", {
 		"class": classNames(prefixCls.value, `${prefixCls.value}-${props.layout}`, hashId.value, cssVarCls.value, rootCls.value, props.proClasses?.root),
-		"style": props.proStyles?.root,
+		"style": rootStyle.value,
 		"data-layout": props.layout
-	}, [proLayoutToken.value?.bgLayout && createVNode("div", { "class": `${prefixCls.value}-bg-list` }, null), createVNode(Layout, { "style": {
-		minHeight: "100%",
-		flexDirection: props.showSider ? "row" : void 0
-	} }, { default: () => [slots.default?.()] })]);
+	}, [proLayoutToken.value?.bgLayout && createVNode("div", { "class": `${prefixCls.value}-bg-list` }, null), createVNode(Layout, { "style": layoutStyle.value }, { default: () => [slots.default?.()] })]);
 }, {
 	props: {
 		layout: {
@@ -50,6 +65,10 @@ const InnerLayout = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Boolean,
 			required: true
 		},
+		wideContentWidth: {
+			type: [Number, String],
+			required: false
+		},
 		proClasses: {
 			type: Object,
 			required: false
@@ -73,7 +92,9 @@ const GProLayout = /* @__PURE__ */ defineComponent((props, { emit, expose, slots
 		};
 	});
 	const layout = computed(() => props.layout ?? "side");
-	const isMobile = useMediaQuery("(max-width: 768px)");
+	const isMobileRaw = useMediaQuery("(max-width: 768px)");
+	/** wide 模式禁用移动端行为 */
+	const isMobile = computed(() => layout.value !== "wide" && isMobileRaw.value);
 	const collapsed = useVModel(props, "collapsed", emit, {
 		passive: true,
 		defaultValue: false
@@ -120,6 +141,12 @@ const GProLayout = /* @__PURE__ */ defineComponent((props, { emit, expose, slots
 		...DEFAULT_LAYOUT_CONFIG.pageContainer,
 		...props.pageContainer || {}
 	}));
+	/** wide 模式整体内容宽度：取 contentWidth，无值/0 默认 1300 */
+	const wideContentWidth = computed(() => {
+		if (layout.value !== "wide") return void 0;
+		const contentWidth = pageContainerConfig.value.contentWidth;
+		return !contentWidth ? 1300 : contentWidth;
+	});
 	const tabsConf = computed(() => normalizeSectionConfig(props.tabsConfig, DEFAULT_LAYOUT_CONFIG.tabsConfig));
 	const tabsStateConfig = computed(() => tabsConf.value ?? {});
 	const collapsedWidth = computed(() => collapseConfig.value?.width ?? DEFAULT_LAYOUT_CONFIG.collapse.width);
@@ -229,7 +256,8 @@ const GProLayout = /* @__PURE__ */ defineComponent((props, { emit, expose, slots
 		tabsHeight,
 		setTabsHeight: (value) => {
 			tabsHeight.value = value;
-		}
+		},
+		wideContentWidth
 	});
 	expose({ tabs: tabsState.tabsController });
 	function resolveLayoutSlots() {
@@ -253,6 +281,7 @@ const GProLayout = /* @__PURE__ */ defineComponent((props, { emit, expose, slots
 		}, { default: () => [createVNode(InnerLayout, {
 			"layout": layout.value,
 			"showSider": showSider.value,
+			"wideContentWidth": wideContentWidth.value,
 			"proClasses": props.proClasses,
 			"proStyles": props.proStyles
 		}, { default: () => [showSider.value && siderWidth.value && createVNode(LayoutSider$1, {
@@ -281,7 +310,7 @@ const GProLayout = /* @__PURE__ */ defineComponent((props, { emit, expose, slots
 				breadcrumb: slots.breadcrumb,
 				collapseIcon: slots.collapseIcon
 			}),
-			tabsConf.value && createVNode(LayoutTabs, {
+			tabsConf.value && layout.value !== "wide" && createVNode(LayoutTabs, {
 				"config": tabsConf.value,
 				"onReloadPage": () => emit("reloadPage"),
 				"onContentFullscreenChange": (val) => {
@@ -293,14 +322,20 @@ const GProLayout = /* @__PURE__ */ defineComponent((props, { emit, expose, slots
 				default: () => [slots.default?.()],
 				...layoutSlots
 			}),
-			showFooter.value && createVNode(LayoutFooter$1, {
+			!wideContentWidth.value && showFooter.value && createVNode(LayoutFooter$1, {
 				"links": footerConfig.value.links,
 				"copyright": footerConfig.value.copyright
 			}, {
 				footer: layoutSlots.footer,
 				copyright: layoutSlots.copyright
 			})
-		])] })] })] })] });
+		])] }), wideContentWidth.value && showFooter.value && createVNode(LayoutFooter$1, {
+			"links": footerConfig.value.links,
+			"copyright": footerConfig.value.copyright
+		}, {
+			footer: layoutSlots.footer,
+			copyright: layoutSlots.copyright
+		})] })] })] });
 	};
 }, {
 	props: /*@__PURE__*/ mergeDefaults({

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

@@ -40,8 +40,8 @@ declare const ProAppPage: import("vue").DefineComponent<import("vue").ExtractPro
   message: PropType<ConfigOptions>;
   notification: PropType<NotificationConfig>;
 }>> & Readonly<{}>, {
-  indicator: CustomRender;
   spinning: AppPageSpinning;
+  indicator: CustomRender;
 }, SlotsType<{
   default: () => any;
   indicator: () => any;

package/dist/components/Header/index.js

@@ -10,20 +10,20 @@ 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 { header, siderWidth, wideContentWidth, 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 ?? "") || [
-		"side",
-		"mix",
-		"wide"
-	].includes(layout.value ?? "") && !siderWidth.value);
+	const showLogo = computed(() => ["top", "wide"].includes(layout.value ?? "") || ["side", "mix"].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)})`;
+		if (header.value?.fixed && siderWidth.value && !isMobile.value && layout.value !== "wide") style.width = `calc(100% - ${unit(siderWidth.value)})`;
 		return style;
 	});
+	/** wide 模式 header-main 宽度约束 */
+	const headerMainStyle = computed(() => {
+		if (wideContentWidth?.value) return { width: unit(wideContentWidth.value) };
+	});
 	const headerHidden = ref(false);
 	if (typeof window !== "undefined") {
 		const { y: scrollY } = useWindowScroll();
@@ -75,7 +75,7 @@ const Header = /* @__PURE__ */ defineComponent((props, { emit, slots }) => {
 		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": {
+		return createVNode(Fragment, null, [layout.value !== "wide" && header.value?.fixed && createVNode(LayoutHeader, { "style": {
 			background: "transparent",
 			lineHeight: unit(header.value?.height),
 			height: unit(header.value?.height)
@@ -85,7 +85,10 @@ const Header = /* @__PURE__ */ defineComponent((props, { emit, slots }) => {
 				...headerStyle.value,
 				...proStyles.value.header
 			}
-		}, { default: () => [createVNode("div", { "class": `${prefixCls.value}-header-main` }, [
+		}, { default: () => [createVNode("div", {
+			"class": `${prefixCls.value}-header-main`,
+			"style": headerMainStyle.value
+		}, [
 			createVNode("div", { "class": `${prefixCls.value}-header-main-left` }, [
 				showLogo.value && logoConfig.value && (typeof logoRender === "function" ? logoRender?.({
 					collapsed: collapsed.value,

package/dist/components/Sider/index.js

@@ -14,6 +14,18 @@ function _isSlot(s) {
 }
 const LayoutSider = /* @__PURE__ */ defineComponent((props, { emit, slots }) => {
 	const { sider, header, layout, menuState, prefixCls, cssVarCls, rootCls, collapseConfig, collapsed, isMobile, logoConfig, logoTitle, selectedKeys, openKeys, proClasses, proStyles, siderWidth, collapsedWidth } = useLayoutBase(props);
+	/** wide 模式 sider sticky 定位样式 */
+	const wideSiderStyle = computed(() => {
+		if (layout.value !== "wide") return void 0;
+		const headerHeight = unit(header.value?.height);
+		return {
+			top: `calc(${headerHeight} + 20px)`,
+			height: `calc(100vh - ${headerHeight} - 20px)`,
+			zIndex: 100
+		};
+	});
+	/** wide 模式下 sider 使用 sticky 而非 fixed */
+	const isWide = computed(() => layout.value === "wide");
 	/** GScrollbar 组件引用，用于获取滚动容器 DOM */
 	const scrollbarRef = shallowRef();
 	/** 滚动阴影状态：上下边缘是否可继续滚动 */
@@ -36,7 +48,7 @@ const LayoutSider = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 	useResizeObserver(scrollbarWrapEl, () => updateScrollShadow());
 	useResizeObserver(scrollbarViewEl, () => updateScrollShadow());
 	const siderMenus = computed(() => menuState?.siderMenus.value ?? []);
-	const siderClassNames = computed(() => classNames(`${prefixCls.value}-sider`, proClasses.value.sider, { [`${prefixCls.value}-sider-fixed`]: sider.value?.fixed }));
+	const siderClassNames = computed(() => classNames(`${prefixCls.value}-sider`, proClasses.value.sider, { [`${prefixCls.value}-sider-fixed`]: !isWide.value && sider.value?.fixed }));
 	const siderChildrenClassNames = computed(() => classNames(`${prefixCls.value}-sider-children`, proClasses.value.siderChildren));
 	const siderHeaderClassNames = computed(() => classNames(`${prefixCls.value}-sider-header`, proClasses.value.siderHeader));
 	const siderFooterClassNames = computed(() => classNames(`${prefixCls.value}-sider-footer`, proClasses.value.siderFooter));
@@ -63,11 +75,7 @@ const LayoutSider = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 		const collapseRender = slots.collapse || collapseConfig.value?.render;
 		const collapseIconRender = slots.collapseIcon || collapseConfig.value?.icon;
 		return createVNode(Fragment, null, [
-			[
-				"side",
-				"mix",
-				"wide"
-			].includes(layout.value ?? "") && logoConfig.value && createVNode("div", {
+			["side", "mix"].includes(layout.value ?? "") && logoConfig.value && createVNode("div", {
 				"class": siderHeaderClassNames.value,
 				"style": {
 					...proStyles.value.siderHeader,
@@ -108,7 +116,7 @@ const LayoutSider = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 				collapsed: collapsed.value,
 				isMobile: isMobile.value
 			})]),
-			collapseConfig.value && collapseConfig.value.placement === "sider" && (collapseRender?.({ collapsed: collapsed.value }) ?? createVNode(LayoutCollapseButton, {
+			layout.value !== "wide" && collapseConfig.value && collapseConfig.value.placement === "sider" && (collapseRender?.({ collapsed: collapsed.value }) ?? createVNode(LayoutCollapseButton, {
 				"collapsed": collapsed.value,
 				"onClick": handleToggleCollapsed
 			}, { icon: collapseIconRender }))
@@ -147,7 +155,7 @@ const LayoutSider = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 				"onClose": () => emit("update:collapsed", true)
 			}, _isSlot(_slot = renderSiderChildren()) ? _slot : { default: () => [_slot] });
 		}
-		return createVNode(Fragment, null, [sider.value?.fixed && createVNode("div", { "style": {
+		return createVNode(Fragment, null, [!isWide.value && sider.value?.fixed && createVNode("div", { "style": {
 			width: `${unit(siderWidth.value)}`,
 			overflow: "hidden",
 			flex: `0 0 ${unit(siderWidth.value)}`,
@@ -161,7 +169,10 @@ const LayoutSider = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
 			"collapsedWidth": collapsedWidth.value,
 			"breakpoint": breakpoint ?? void 0,
 			"class": siderClassNames.value,
-			"style": proStyles.value.sider,
+			"style": {
+				...proStyles.value.sider,
+				...wideSiderStyle.value
+			},
 			"onCollapse": handleSiderCollapse,
 			"onBreakpoint": handleBreakpoint
 		}, _isSlot(_slot2 = renderSiderChildren()) ? _slot2 : { default: () => [_slot2] })]);

package/dist/context/index.d.ts

@@ -47,6 +47,7 @@ interface LayoutContextProps {
   /** 导航到指定菜单名 */
   navigate: (name: string) => void;
   tabsState?: UseTabsStateReturn;
+  wideContentWidth: ComputedRef<number | string | undefined>;
 }
 declare const useProvideLayoutContext: (ctx: LayoutContextProps) => LayoutContextProps, useInjectLayoutContext: () => LayoutContextProps;
 //#endregion

package/dist/hooks/useLayoutBase.d.ts

@@ -38,38 +38,39 @@ declare function useLayoutBase(props?: {
   selectedKeys: import("vue").ComputedRef<string[]>;
   openKeys: import("vue").ComputedRef<string[]>;
   proClasses: import("vue").ComputedRef<{
+    root?: string;
     header?: string;
     sider?: string;
-    breadcrumb?: string;
-    logo?: string;
-    root?: string;
     siderChildren?: string;
     siderHeader?: string;
     siderFooter?: string;
+    logo?: string;
     logoImage?: string;
     content?: string;
     footer?: string;
     menu?: string;
     tabs?: string;
+    breadcrumb?: string;
   }>;
   proStyles: import("vue").ComputedRef<{
+    root?: import("vue").CSSProperties;
     header?: import("vue").CSSProperties;
     sider?: import("vue").CSSProperties;
-    breadcrumb?: import("vue").CSSProperties;
-    logo?: import("vue").CSSProperties;
-    root?: import("vue").CSSProperties;
     siderChildren?: import("vue").CSSProperties;
     siderHeader?: import("vue").CSSProperties;
     siderFooter?: import("vue").CSSProperties;
+    logo?: import("vue").CSSProperties;
     logoImage?: import("vue").CSSProperties;
     content?: import("vue").CSSProperties;
     footer?: import("vue").CSSProperties;
     menu?: import("vue").CSSProperties;
     tabs?: import("vue").CSSProperties;
+    breadcrumb?: import("vue").CSSProperties;
   }>;
   breadcrumbRender: import("vue").Ref<(props: LayoutBreadcrumbSlotProps) => any, (props: LayoutBreadcrumbSlotProps) => any>;
   breadcrumbConfig: import("vue").ComputedRef<LayoutBreadcrumbConfig>;
   pageContainerConfig: import("vue").ComputedRef<LayoutPageContainerConfig>;
+  wideContentWidth: import("vue").ComputedRef<string | number>;
   hasFooterToolbar: import("vue").ComputedRef<boolean>;
   navigate: (name: string) => void;
   setHasFooterToolbar: (value: boolean) => void;

package/dist/hooks/useLayoutBase.js

@@ -24,6 +24,7 @@ function useLayoutBase(props) {
 	const breadcrumbRender = layoutContext?.breadcrumbRender;
 	const breadcrumbConfig = layoutContext?.breadcrumbConfig;
 	const pageContainerConfig = layoutContext?.pageContainerConfig;
+	const wideContentWidth = layoutContext?.wideContentWidth;
 	const collapseConfig = layoutContext?.collapseConfig;
 	const contentFullscreen = layoutContext?.contentFullscreen;
 	const renderRouterView = layoutContext?.renderRouterView;
@@ -77,6 +78,7 @@ function useLayoutBase(props) {
 		breadcrumbRender,
 		breadcrumbConfig,
 		pageContainerConfig,
+		wideContentWidth,
 		hasFooterToolbar,
 		navigate,
 		setHasFooterToolbar

package/dist/hooks/useTabs.js

@@ -135,15 +135,18 @@ function useTabsState(options) {
 		if (route.params) extra.params = route.params;
 		return extra;
 	}
-	function changeTabsList(record, operation) {
-		const targetArray = checkIsFixed(record) ? "fixed" : "normal";
+	function changeTabsList(name, operation) {
 		const { type, addType, params } = operation;
+		let targetArray = "normal";
+		const existing = dataSource.value.find((item) => getTabName(item) === name);
+		if (type === "add") targetArray = checkIsFixed(params) ? "fixed" : "normal";
+		else if (existing) targetArray = checkIsFixed(existing) ? "fixed" : "normal";
 		if (type === "add" && addType) menuDataState[targetArray][addType](normalizeTabRoute(params));
 		else if (type === "merge") menuDataState[targetArray] = menuDataState[targetArray].map((item) => {
-			if (getTabName(item) === getTabName(record)) return mergeTabRoute(item, params);
+			if (getTabName(item) === name) return mergeTabRoute(item, params);
 			return item;
 		});
-		else if (type === "remove") menuDataState[targetArray] = menuDataState[targetArray].filter((item) => getTabName(item) !== getTabName(record));
+		else if (type === "remove") menuDataState[targetArray] = menuDataState[targetArray].filter((item) => getTabName(item) !== name);
 	}
 	function handleAddTabs(record) {
 		const { hidden } = record?.meta?.tabState ?? {};
@@ -157,12 +160,12 @@ function useTabsState(options) {
 			return;
 		}
 		if (checkIsFixed(existing) !== fixed) {
-			changeTabsList(existing, {
+			changeTabsList(getTabName(existing), {
 				type: "remove",
 				params: existing
 			});
 			menuDataState[fixed ? "fixed" : "normal"].push(mergeTabRoute(existing, tabData));
-		} else changeTabsList(record, {
+		} else changeTabsList(name, {
 			type: "merge",
 			params: tabData
 		});
@@ -179,7 +182,7 @@ function useTabsState(options) {
 	function handleTabRemove(name) {
 		const record = getCurrentRoute(name);
 		if (!record) return;
-		changeTabsList(record, {
+		changeTabsList(name, {
 			type: "remove",
 			params: record
 		});
@@ -347,11 +350,18 @@ function useTabsState(options) {
 				run();
 			},
 			toggleFullscreen: () => handleContextMenuAction("fullScreen", activeKey.value),
-			update: (record, op) => changeTabsList(record, {
-				type: op.type,
-				addType: op.addType,
-				params: op.params ?? record
-			})
+			dispatch: changeTabsList,
+			updateMeta: (name, meta) => {
+				const existing = getCurrentRoute(name);
+				if (!existing) return;
+				changeTabsList(name, {
+					type: "merge",
+					params: { meta: {
+						...existing.meta,
+						...meta
+					} }
+				});
+			}
 		}
 	};
 }
@@ -375,7 +385,8 @@ const fallbackController = {
 	toggleFixed: () => {},
 	reload: () => {},
 	toggleFullscreen: () => {},
-	update: () => {}
+	dispatch: () => {},
+	updateMeta: () => {}
 };
 /**
 * 命令式控制多标签（清空 / 关闭 / 增删改）。

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import { PRO_MENU_SLOT_KEYS, ProMenuEmits, ProMenuEmitsProps, ProMenuProps, ProM
 import { LayoutSiderEmits, LayoutSiderEmitsProps, LayoutSiderProps, LayoutSiderSlots } from "./components/Sider/interface.js";
 import { InnerTabItem, InnerTabsEmits, InnerTabsEmitsProps, InnerTabsProps, InnerTabsSlots, LayoutTabsEmits, LayoutTabsEmitsProps, LayoutTabsProps, LayoutTabsSlots, TabGroup } from "./components/Tabs/interface.js";
 import { LayoutContentEmits, LayoutContentEmitsProps, LayoutContentProps, LayoutContentSlots } from "./components/WrapContent/interface.js";
-import { APP_PAGE_SLOT_KEYS, AppPageSlotKey, AppPageSpinning, BreadcrumbItemType, CardProps, DeepPartial, EmptyEmits, FOOTER_TOOLBAR_SLOT_KEYS, FooterToolbarClassNamesType, FooterToolbarSemanticName, FooterToolbarSlotKey, FooterToolbarStylesType, GFooterToolbarProps, GFooterToolbarSlots, GPageContainerEmits, GPageContainerEmitsProps, GPageContainerProps, GPageContainerSlots, GPageTransitionProps, GPageTransitionSlots, GProAppPageProps, GProAppPageSlots, GProLayoutEmits, GProLayoutEmitsProps, GProLayoutProps, GProLayoutRef, GProLayoutSlots, LAYOUT_SLOT_KEYS, LayoutBreadcrumbConfig, LayoutBreadcrumbSlotProps, LayoutClassNamesType, LayoutCollapseConfig, LayoutFooterConfig, LayoutFooterLink, LayoutHeaderConfig, LayoutHeaderSlotProps, LayoutLogoConfig, LayoutMenuConfig, LayoutMenuItemSlotProps, LayoutMenuRoute, LayoutPageContainerConfig, LayoutSelectInfo, LayoutSemanticName, LayoutSiderConfig, LayoutSiderSlotProps, LayoutStylesType, LayoutTabsConfig, LayoutTabsController, LayoutTabsUpdateOp, MenuClassNamesType, MenuClickInfo, MenuProps, MenuRenderItem, MenuSelectInfo, MenuSemanticName, MenuStylesType, Meta, PAGE_CONTAINER_SLOT_KEYS, PageContainerClassNamesType, PageContainerLoading, PageContainerSemanticName, PageContainerSlotKey, PageContainerStylesType, SiderProps, SpinProps, Tab, TabsMeta, TabsProps, WatermarkProps } from "./interface.js";
+import { APP_PAGE_SLOT_KEYS, AppPageSlotKey, AppPageSpinning, BreadcrumbItemType, CardProps, DeepPartial, EmptyEmits, FOOTER_TOOLBAR_SLOT_KEYS, FooterToolbarClassNamesType, FooterToolbarSemanticName, FooterToolbarSlotKey, FooterToolbarStylesType, GFooterToolbarProps, GFooterToolbarSlots, GPageContainerEmits, GPageContainerEmitsProps, GPageContainerProps, GPageContainerSlots, GPageTransitionProps, GPageTransitionSlots, GProAppPageProps, GProAppPageSlots, GProLayoutEmits, GProLayoutEmitsProps, GProLayoutProps, GProLayoutRef, GProLayoutSlots, LAYOUT_SLOT_KEYS, LayoutBreadcrumbConfig, LayoutBreadcrumbSlotProps, LayoutClassNamesType, LayoutCollapseConfig, LayoutFooterConfig, LayoutFooterLink, LayoutHeaderConfig, LayoutHeaderSlotProps, LayoutLogoConfig, LayoutMenuConfig, LayoutMenuItemSlotProps, LayoutMenuRoute, LayoutPageContainerConfig, LayoutSelectInfo, LayoutSemanticName, LayoutSiderConfig, LayoutSiderSlotProps, LayoutStylesType, LayoutTabsConfig, LayoutTabsController, LayoutTabsOperation, MenuClassNamesType, MenuClickInfo, MenuProps, MenuRenderItem, MenuSelectInfo, MenuSemanticName, MenuStylesType, Meta, PAGE_CONTAINER_SLOT_KEYS, PageContainerClassNamesType, PageContainerLoading, PageContainerSemanticName, PageContainerSlotKey, PageContainerStylesType, SiderProps, SpinProps, Tab, TabsMeta, TabsProps, WatermarkProps } from "./interface.js";
 import GProLayout from "./ProLayout.js";
 import { ProAppPageContext, useAppPageContext } from "./components/AppPage/context.js";
 import ProAppPage from "./components/AppPage/index.js";
@@ -20,4 +20,4 @@ import { MenuLookupEntry, MenuMetaPatch, MenuModel, MenuRoutePatch, MenuTreeMuta
 import { LayoutMenuState, UseLayoutMenuOptions, UseLayoutMenuReturn, useMenu } from "./hooks/useMenu.js";
 import { useTabs } from "./hooks/useTabs.js";
 import { LayoutContextProps, useInjectLayoutContext } from "./context/index.js";
-export { APP_PAGE_SLOT_KEYS, AppPageSlotKey, AppPageSpinning, type BreadcrumbItemType, type CardProps, DeepPartial, EmptyEmits, FOOTER_TOOLBAR_SLOT_KEYS, FooterToolbarClassNamesType, FooterToolbarSemanticName, FooterToolbarSlotKey, FooterToolbarStylesType, GFooterToolbar, GFooterToolbarProps, GFooterToolbarSlots, InnerTabs as GInnerTabs, GPageContainerEmits, GPageContainerEmitsProps, GPageContainerProps, GPageContainerSlots, GPageTransition, GPageTransitionProps, GPageTransitionSlots, ProAppPage as GProAppPage, GProAppPageProps, GProAppPageSlots, GProLayout, GProLayoutEmits, GProLayoutEmitsProps, GProLayoutProps, GProLayoutRef, GProLayoutSlots, ProPageContainer as GProPageContainer, InnerTabItem, InnerTabsEmits, InnerTabsEmitsProps, InnerTabsProps, InnerTabsSlots, LAYOUT_SLOT_KEYS, LayoutBreadcrumbConfig, LayoutBreadcrumbProps, LayoutBreadcrumbSlotProps, LayoutBreadcrumbSlots, LayoutClassNamesType, LayoutCollapseButtonEmits, LayoutCollapseButtonEmitsProps, LayoutCollapseButtonProps, LayoutCollapseButtonSlots, LayoutCollapseConfig, LayoutContentEmits, LayoutContentEmitsProps, LayoutContentProps, LayoutContentSlots, type LayoutContextProps, LayoutFooterConfig, LayoutFooterLink, LayoutFooterProps, LayoutFooterSlots, LayoutHeaderConfig, LayoutHeaderEmits, LayoutHeaderEmitsProps, LayoutHeaderProps, LayoutHeaderSlotProps, LayoutHeaderSlots, LayoutLogoConfig, LayoutLogoEmits, LayoutLogoEmitsProps, LayoutLogoProps, LayoutLogoSlots, LayoutMenuConfig, LayoutMenuItemSlotProps, LayoutMenuRoute, type LayoutMenuState, LayoutPageContainerConfig, LayoutSelectInfo, LayoutSemanticName, LayoutSiderConfig, LayoutSiderEmits, LayoutSiderEmitsProps, LayoutSiderProps, LayoutSiderSlotProps, LayoutSiderSlots, LayoutStylesType, LayoutTabsConfig, LayoutTabsController, LayoutTabsEmits, LayoutTabsEmitsProps, LayoutTabsProps, LayoutTabsSlots, LayoutTabsUpdateOp, MenuClassNamesType, MenuClickInfo, MenuLookupEntry, MenuMetaPatch, MenuModel, type MenuProps, MenuRenderItem, MenuRoutePatch, MenuSelectInfo, MenuSemanticName, MenuStylesType, MenuTreeMutationOptions, Meta, PAGE_CONTAINER_SLOT_KEYS, PRO_MENU_SLOT_KEYS, PageContainerClassNamesType, PageContainerLoading, PageContainerSemanticName, PageContainerSlotKey, PageContainerStylesType, type ProAppPageContext, ProMenu, ProMenuEmits, ProMenuEmitsProps, ProMenuProps, ProMenuSlots, ResolveRouteResult, type SiderProps, type SpinProps, type Tab, TabGroup, TabsMeta, type TabsProps, type UseLayoutMenuOptions, type UseLayoutMenuReturn, type WatermarkProps, buildBreadcrumbRoutes, buildMenuLookup, cleanMenus, collectMenuNames, getLastPath, insertMenuAtPath, normalizeMenus, partitionFixedMenus, removeMenuAtPath, resolveMatchedChain, resolveRouteTarget, routesToMenus, selectMenuBranch, sortMenusByOrder, toBreadcrumbItems, updateMenuAtPath, updateMenuMetaAtPath, useAppPageContext, useInjectLayoutContext, useMenu, useTabs };
+export { APP_PAGE_SLOT_KEYS, AppPageSlotKey, AppPageSpinning, type BreadcrumbItemType, type CardProps, DeepPartial, EmptyEmits, FOOTER_TOOLBAR_SLOT_KEYS, FooterToolbarClassNamesType, FooterToolbarSemanticName, FooterToolbarSlotKey, FooterToolbarStylesType, GFooterToolbar, GFooterToolbarProps, GFooterToolbarSlots, InnerTabs as GInnerTabs, GPageContainerEmits, GPageContainerEmitsProps, GPageContainerProps, GPageContainerSlots, GPageTransition, GPageTransitionProps, GPageTransitionSlots, ProAppPage as GProAppPage, GProAppPageProps, GProAppPageSlots, GProLayout, GProLayoutEmits, GProLayoutEmitsProps, GProLayoutProps, GProLayoutRef, GProLayoutSlots, ProPageContainer as GProPageContainer, InnerTabItem, InnerTabsEmits, InnerTabsEmitsProps, InnerTabsProps, InnerTabsSlots, LAYOUT_SLOT_KEYS, LayoutBreadcrumbConfig, LayoutBreadcrumbProps, LayoutBreadcrumbSlotProps, LayoutBreadcrumbSlots, LayoutClassNamesType, LayoutCollapseButtonEmits, LayoutCollapseButtonEmitsProps, LayoutCollapseButtonProps, LayoutCollapseButtonSlots, LayoutCollapseConfig, LayoutContentEmits, LayoutContentEmitsProps, LayoutContentProps, LayoutContentSlots, type LayoutContextProps, LayoutFooterConfig, LayoutFooterLink, LayoutFooterProps, LayoutFooterSlots, LayoutHeaderConfig, LayoutHeaderEmits, LayoutHeaderEmitsProps, LayoutHeaderProps, LayoutHeaderSlotProps, LayoutHeaderSlots, LayoutLogoConfig, LayoutLogoEmits, LayoutLogoEmitsProps, LayoutLogoProps, LayoutLogoSlots, LayoutMenuConfig, LayoutMenuItemSlotProps, LayoutMenuRoute, type LayoutMenuState, LayoutPageContainerConfig, LayoutSelectInfo, LayoutSemanticName, LayoutSiderConfig, LayoutSiderEmits, LayoutSiderEmitsProps, LayoutSiderProps, LayoutSiderSlotProps, LayoutSiderSlots, LayoutStylesType, LayoutTabsConfig, LayoutTabsController, LayoutTabsEmits, LayoutTabsEmitsProps, LayoutTabsOperation, LayoutTabsProps, LayoutTabsSlots, MenuClassNamesType, MenuClickInfo, MenuLookupEntry, MenuMetaPatch, MenuModel, type MenuProps, MenuRenderItem, MenuRoutePatch, MenuSelectInfo, MenuSemanticName, MenuStylesType, MenuTreeMutationOptions, Meta, PAGE_CONTAINER_SLOT_KEYS, PRO_MENU_SLOT_KEYS, PageContainerClassNamesType, PageContainerLoading, PageContainerSemanticName, PageContainerSlotKey, PageContainerStylesType, type ProAppPageContext, ProMenu, ProMenuEmits, ProMenuEmitsProps, ProMenuProps, ProMenuSlots, ResolveRouteResult, type SiderProps, type SpinProps, type Tab, TabGroup, TabsMeta, type TabsProps, type UseLayoutMenuOptions, type UseLayoutMenuReturn, type WatermarkProps, buildBreadcrumbRoutes, buildMenuLookup, cleanMenus, collectMenuNames, getLastPath, insertMenuAtPath, normalizeMenus, partitionFixedMenus, removeMenuAtPath, resolveMatchedChain, resolveRouteTarget, routesToMenus, selectMenuBranch, sortMenusByOrder, toBreadcrumbItems, updateMenuAtPath, updateMenuMetaAtPath, useAppPageContext, useInjectLayoutContext, useMenu, useTabs };

package/dist/interface.d.ts

@@ -345,7 +345,7 @@ interface GProLayoutSlots {
   copyright?: () => any;
 }
 /** tabs 底层操作参数（add/merge/remove） */
-interface LayoutTabsUpdateOp {
+interface LayoutTabsOperation {
   type: 'add' | 'merge' | 'remove';
   addType?: 'push' | 'unshift';
   params?: Partial<LayoutMenuRoute>;
@@ -387,7 +387,9 @@ interface LayoutTabsController {
   /** 切换内容全屏 */
   toggleFullscreen: () => void;
   /** 底层增删改（add/merge/remove），语义化方法的兜底 */
-  update: (record: LayoutMenuRoute, op: LayoutTabsUpdateOp) => void;
+  dispatch: (name: string, operation: LayoutTabsOperation) => void;
+  /** 更新标签 meta（title/icon/tabState 等） */
+  updateMeta: (name: string, meta: Partial<Meta>) => void;
 }
 interface GProLayoutRef {
   tabs: LayoutTabsController;
@@ -513,4 +515,4 @@ interface GPageTransitionSlots {
   default?: () => any;
 }
 //#endregion
-export { APP_PAGE_SLOT_KEYS, AppPageSlotKey, AppPageSpinning, type BreadcrumbItemType, type CardProps, DeepPartial, EmptyEmits, FOOTER_TOOLBAR_SLOT_KEYS, FooterToolbarClassNamesType, FooterToolbarSemanticName, FooterToolbarSlotKey, FooterToolbarStylesType, GFooterToolbarProps, GFooterToolbarSlots, GPageContainerEmits, GPageContainerEmitsProps, GPageContainerProps, GPageContainerSlots, GPageTransitionProps, GPageTransitionSlots, GProAppPageProps, GProAppPageSlots, GProLayoutEmits, GProLayoutEmitsProps, GProLayoutProps, GProLayoutRef, GProLayoutSlots, InnerTabItem, InnerTabsEmits, InnerTabsEmitsProps, InnerTabsProps, InnerTabsSlots, LAYOUT_SLOT_KEYS, LayoutBreadcrumbConfig, LayoutBreadcrumbProps, LayoutBreadcrumbSlotProps, LayoutBreadcrumbSlots, LayoutClassNamesType, LayoutCollapseButtonEmits, LayoutCollapseButtonEmitsProps, LayoutCollapseButtonProps, LayoutCollapseButtonSlots, LayoutCollapseConfig, LayoutContentEmits, LayoutContentEmitsProps, LayoutContentProps, LayoutContentSlots, LayoutFooterConfig, LayoutFooterLink, LayoutFooterProps, LayoutFooterSlots, LayoutHeaderConfig, LayoutHeaderEmits, LayoutHeaderEmitsProps, LayoutHeaderProps, LayoutHeaderSlotProps, LayoutHeaderSlots, LayoutLogoConfig, LayoutLogoEmits, LayoutLogoEmitsProps, LayoutLogoProps, LayoutLogoSlots, LayoutMenuConfig, LayoutMenuItemSlotProps, LayoutMenuRoute, LayoutPageContainerConfig, LayoutSelectInfo, LayoutSemanticName, LayoutSiderConfig, LayoutSiderEmits, LayoutSiderEmitsProps, LayoutSiderProps, LayoutSiderSlotProps, LayoutSiderSlots, LayoutStylesType, LayoutTabsConfig, LayoutTabsController, LayoutTabsEmits, LayoutTabsEmitsProps, LayoutTabsProps, LayoutTabsSlots, LayoutTabsUpdateOp, MenuClassNamesType, MenuClickInfo, type MenuProps, MenuRenderItem, MenuSelectInfo, MenuSemanticName, MenuStylesType, Meta, PAGE_CONTAINER_SLOT_KEYS, PRO_MENU_SLOT_KEYS, PageContainerClassNamesType, PageContainerLoading, PageContainerSemanticName, PageContainerSlotKey, PageContainerStylesType, ProMenuEmits, ProMenuEmitsProps, ProMenuProps, ProMenuSlots, type SiderProps, type SpinProps, type Tab, TabGroup, TabsMeta, type TabsProps, type WatermarkProps };
+export { APP_PAGE_SLOT_KEYS, AppPageSlotKey, AppPageSpinning, type BreadcrumbItemType, type CardProps, DeepPartial, EmptyEmits, FOOTER_TOOLBAR_SLOT_KEYS, FooterToolbarClassNamesType, FooterToolbarSemanticName, FooterToolbarSlotKey, FooterToolbarStylesType, GFooterToolbarProps, GFooterToolbarSlots, GPageContainerEmits, GPageContainerEmitsProps, GPageContainerProps, GPageContainerSlots, GPageTransitionProps, GPageTransitionSlots, GProAppPageProps, GProAppPageSlots, GProLayoutEmits, GProLayoutEmitsProps, GProLayoutProps, GProLayoutRef, GProLayoutSlots, InnerTabItem, InnerTabsEmits, InnerTabsEmitsProps, InnerTabsProps, InnerTabsSlots, LAYOUT_SLOT_KEYS, LayoutBreadcrumbConfig, LayoutBreadcrumbProps, LayoutBreadcrumbSlotProps, LayoutBreadcrumbSlots, LayoutClassNamesType, LayoutCollapseButtonEmits, LayoutCollapseButtonEmitsProps, LayoutCollapseButtonProps, LayoutCollapseButtonSlots, LayoutCollapseConfig, LayoutContentEmits, LayoutContentEmitsProps, LayoutContentProps, LayoutContentSlots, LayoutFooterConfig, LayoutFooterLink, LayoutFooterProps, LayoutFooterSlots, LayoutHeaderConfig, LayoutHeaderEmits, LayoutHeaderEmitsProps, LayoutHeaderProps, LayoutHeaderSlotProps, LayoutHeaderSlots, LayoutLogoConfig, LayoutLogoEmits, LayoutLogoEmitsProps, LayoutLogoProps, LayoutLogoSlots, LayoutMenuConfig, LayoutMenuItemSlotProps, LayoutMenuRoute, LayoutPageContainerConfig, LayoutSelectInfo, LayoutSemanticName, LayoutSiderConfig, LayoutSiderEmits, LayoutSiderEmitsProps, LayoutSiderProps, LayoutSiderSlotProps, LayoutSiderSlots, LayoutStylesType, LayoutTabsConfig, LayoutTabsController, LayoutTabsEmits, LayoutTabsEmitsProps, LayoutTabsOperation, LayoutTabsProps, LayoutTabsSlots, MenuClassNamesType, MenuClickInfo, type MenuProps, MenuRenderItem, MenuSelectInfo, MenuSemanticName, MenuStylesType, Meta, PAGE_CONTAINER_SLOT_KEYS, PRO_MENU_SLOT_KEYS, PageContainerClassNamesType, PageContainerLoading, PageContainerSemanticName, PageContainerSlotKey, PageContainerStylesType, ProMenuEmits, ProMenuEmitsProps, ProMenuProps, ProMenuSlots, type SiderProps, type SpinProps, type Tab, TabGroup, TabsMeta, type TabsProps, type WatermarkProps };