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

package/dist/utils/menu.js

@@ -1,134 +1,279 @@
-import { omit } from "es-toolkit";
-
+import { markRaw } from "vue";
+import { isUrl } from "@gx-design-vue/pro-utils";
 //#region src/utils/menu.ts
-function handleMenuData(routes, { breadcrumb, parentRoute, menuMap, flatMenus }) {
-	return routes.map((route, key) => {
-		route.meta = route.meta || {};
-		route.meta.order = route.meta.order ?? key + 1;
-		route.key = parentRoute?.key ? `${parentRoute?.key}-${key}` : `${key}`;
-		route.redirect = route.redirect ? route.redirect : route.children?.length ? getLastPath(route.children || []) : void 0;
-		if (parentRoute?.meta?.hidden) route.meta.hidden = true;
-		if (parentRoute?.meta?.hideChildren) route.meta.hidden = true;
-		if (parentRoute?.meta?.hideInMenu) route.meta.hideInMenu = true;
-		if (parentRoute?.meta?.hideChildrenInMenu) route.meta.hideInMenu = true;
-		route.path = route.path.replace("//", "/");
-		if (flatMenus.every((el) => el.name !== route.name)) flatMenus.push(route);
-		if (!menuMap.has(route.name)) menuMap.set(route.name, omit(route, ["children"]));
-		if (route.children && route.children.length > 0) route.children = handleMenuData(route.children, {
-			breadcrumb,
-			flatMenus,
-			parentRoute: route,
-			menuMap
-		});
-		breadcrumb[`${route.path}`] = route;
-		return omit(route, ["component"]);
-	}).sort((a, b) => {
-		return (a.meta?.order || 0) - (b.meta?.order || 0) > 0 ? 1 : -1;
-	});
+/**
+* 从 vue-router 的扁平路由表中提取菜单数据源：取根路由（`name==='root'` 或 `path==='/'`）的子级。
+* 替代旧 `getMenuData` 内的 `childrenRoute` 提取逻辑。
+*/
+function routesToMenus(routerRoutes) {
+	const rootRoute = routerRoutes.find((route) => (route.name === "root" || route.path === "/") && (route.children?.length ?? 0) > 0);
+	return rootRoute?.children ? [...rootRoute.children] : [];
+}
+/**
+* 清洗菜单树（不可变）。替代旧 `clearMenuItem` + `handleMenuData` 的隐藏继承块。
+* - 丢弃无 `name` 的项；
+* - 丢弃重复 `name`（保留首个，重复项汇总 `console.warn` 一次）；
+* - `meta.hideChildrenInMenu` 的节点剥掉 `children`；
+* - `hideInMenu` 继承：父 `hideInMenu` / `hideChildrenInMenu` → 子项 `meta.hideInMenu = true`。
+*/
+function cleanMenus(menus) {
+	const seenNames = /* @__PURE__ */ new Set();
+	const duplicateNames = [];
+	function walk(nodes, parentHidden) {
+		const result = [];
+		for (const node of nodes) {
+			if (!node.name) continue;
+			if (seenNames.has(node.name)) {
+				duplicateNames.push(node.name);
+				continue;
+			}
+			seenNames.add(node.name);
+			const inheritedHidden = parentHidden || !!node.meta?.hideInMenu;
+			const stripChildren = !!node.meta?.hideChildrenInMenu;
+			const childrenHidden = inheritedHidden || stripChildren;
+			const cleaned = {
+				...node,
+				meta: {
+					...node.meta,
+					hideInMenu: inheritedHidden
+				},
+				children: stripChildren || !node.children?.length ? void 0 : walk(node.children, childrenHidden)
+			};
+			result.push(cleaned);
+		}
+		return result;
+	}
+	const result = walk(menus, false);
+	if (duplicateNames.length > 0) console.warn("[pro-layout] 菜单存在重复或缺失的 name，已忽略：", duplicateNames);
+	return result;
+}
+/**
+* 按 `meta.order` 升序排序（不可变、稳定）。替代旧 `handleMenuData` 的 order 兜底 + `.sort`。
+* 缺省 order 使用原始索引，保证未配置 order 时维持原顺序。
+*/
+function sortMenusByOrder(menus) {
+	return menus.map((menu, index) => ({
+		menu,
+		order: menu.meta?.order ?? index,
+		index
+	})).sort((a, b) => a.order - b.order || a.index - b.index).map(({ menu }) => ({
+		...menu,
+		children: menu.children?.length ? sortMenusByOrder(menu.children) : menu.children
+	}));
 }
-function handlePathKey(record) {
-	const { menuSelectKey } = record?.meta || {};
-	return menuSelectKey || record?.fullPath || record?.path;
+function normalizeMenus(menus) {
+	return sortMenusByOrder(cleanMenus(menus));
 }
-function getMenuData(routes) {
-	const childrenRoute = routes.find((route) => (route.name === "root" || route.path === "/") && route.children?.length);
-	const breadcrumb = {};
+/**
+* 构建扁平列表 + name 查找表。替代旧 `getMenuData` 的 `flatMenus`/`menuMap`
+* （去掉 `key="0-1-2"`、`omit`、`path.replace` 等副作用）。
+* 每个 route 用 `markRaw` 标记，避免进入 Vue 响应式系统。
+*/
+function buildMenuLookup(menus) {
 	const flatMenus = [];
-	const menuMap = /* @__PURE__ */ new Map();
+	const lookup = /* @__PURE__ */ new Map();
+	function walk(nodes, parentNames, parentPath) {
+		for (let index = 0; index < nodes.length; index++) {
+			const node = nodes[index];
+			if (lookup.has(node.name)) continue;
+			const path = [...parentPath, index];
+			const rawRoute = markRaw(node);
+			flatMenus.push(rawRoute);
+			lookup.set(node.name, {
+				route: rawRoute,
+				parentNames,
+				path
+			});
+			if (node.children?.length) walk(node.children, [...parentNames, node.name], path);
+		}
+	}
+	walk(menus, [], []);
 	return {
-		menuMap,
-		menuData: handleMenuData(childrenRoute?.children || [], {
-			menuMap,
-			flatMenus,
-			breadcrumb
-		}),
-		breadcrumb,
-		flatMenus
+		flatMenus,
+		lookup
 	};
 }
-function clearMenuItem(menusData) {
-	const seenNames = /* @__PURE__ */ new Map();
-	const duplicateNamesArray = [];
-	function recursiveClear(data) {
-		return data.map((item) => {
-			const path = item.path;
-			const name = item.name;
-			const repeatName = seenNames.has(name) && seenNames.get(name) !== path;
-			if (item?.meta?.hidden || !name || repeatName) {
-				if (!name || repeatName) {
-					if (!duplicateNamesArray.some((r) => r.name === name && path === item.path)) duplicateNamesArray.push({ ...item });
-				}
-				return null;
-			}
-			seenNames.set(name, path);
-			if (item && item?.children) if (item?.meta?.hideChildren) item.children = [];
-			else return {
-				...item,
-				children: recursiveClear(item.children)
-			};
-			return item;
-		}).filter((r) => r);
-	}
-	const result = recursiveClear(menusData);
-	duplicateNamesArray.length > 0 && console.warn(`The menu contains duplicate names or name undefined: `, duplicateNamesArray);
-	return result;
+function mergeRoutePatch(route, patch) {
+	const next = {
+		...route,
+		...patch
+	};
+	if ("meta" in patch) next.meta = patch.meta ? {
+		...route.meta,
+		...patch.meta
+	} : patch.meta;
+	return next;
 }
-function flatMap(menusData) {
-	return menusData.map((item) => {
-		if (item?.meta?.hidden) return null;
-		item.redirect = item.redirect === void 0 ? getLastPath(item.children || []) || void 0 : item.redirect;
-		if (item.children) delete item.children;
-		return item;
-	}).filter((item) => item);
-}
-function getMenuFirstChildren(menus, key) {
-	const findMenuItem = menus.find((menuItem) => menuItem.name === key);
-	return key === void 0 ? [] : findMenuItem?.children || [];
-}
-function getLastPath(data) {
-	const newData = data?.filter((item) => !item?.meta?.hidden && !item.meta?.hideInMenu);
-	const firstChild = newData[0];
-	let newPath = "";
-	const getRoutePath = function(newData) {
-		let firstPath = "";
-		if (newData?.children && newData?.children.length > 0) firstPath = getRoutePath(newData?.children?.[0]);
-		else firstPath = newData?.redirect || newData?.path || "";
-		return firstPath;
+function mergeMetaPatch(meta, patch) {
+	return {
+		...meta,
+		...patch
 	};
-	if (newData.length > 0 && firstChild?.children && firstChild?.children?.length > 0) newPath = getRoutePath(firstChild?.children?.[0]);
-	else {
-		const menuItem = newData.length > 0 ? firstChild : void 0;
-		newPath = menuItem?.redirect || menuItem?.path || "";
+}
+function updateMenuAtPath(menus, path, updater) {
+	if (path.length === 0) return menus;
+	const nextMenus = [...menus];
+	let sourceNodes = menus;
+	let targetNodes = nextMenus;
+	for (let depth = 0; depth < path.length; depth++) {
+		const index = path[depth];
+		const sourceNode = sourceNodes[index];
+		if (!sourceNode) return menus;
+		if (depth === path.length - 1) {
+			targetNodes[index] = typeof updater === "function" ? updater(sourceNode) : mergeRoutePatch(sourceNode, updater);
+			return nextMenus;
+		}
+		const nextChildren = sourceNode.children ? [...sourceNode.children] : [];
+		targetNodes[index] = {
+			...sourceNode,
+			children: nextChildren
+		};
+		sourceNodes = sourceNode.children ?? [];
+		targetNodes = nextChildren;
 	}
-	return newPath;
+	return nextMenus;
 }
-function getParentKeys(key) {
-	const parts = key.split("-");
-	const result = [];
-	for (let i = 0; i < parts.length; i++) result.push(parts.slice(0, i + 1).join("-"));
-	return result;
+function updateMenuMetaAtPath(menus, path, updater) {
+	return updateMenuAtPath(menus, path, (route) => {
+		const currentMeta = route.meta ?? {};
+		const nextMeta = typeof updater === "function" ? updater(currentMeta) : mergeMetaPatch(currentMeta, updater);
+		return {
+			...route,
+			meta: nextMeta
+		};
+	});
 }
-function getMatchedList(menuProps, name) {
-	const current = menuProps.menuMap.get(name);
-	if (current) {
-		if (current.meta?.hidden) return [];
-		let key = current.key || "";
-		if (current.meta?.menuSelectKey) key = menuProps.menuMap.get(current.meta.menuSelectKey)?.key || "";
-		const matchedKeys = getParentKeys(key);
-		return menuProps.flatMenus.filter((menuItem) => matchedKeys.includes(menuItem.key || "")).filter((menuItem) => !menuItem.meta?.hideInMenu);
+function insertMenuAtPath(menus, parentPath, menu, index) {
+	if (!parentPath?.length) {
+		const nextMenus = [...menus];
+		nextMenus.splice(index ?? nextMenus.length, 0, menu);
+		return nextMenus;
 	}
-	return [];
-}
-function filterTree(tree, filterFn) {
-	return tree.map((node) => {
-		const filteredChildren = node.children ? filterTree(node.children, filterFn) : [];
-		if (filterFn(node) || filteredChildren.length > 0) return {
-			...node,
-			children: filteredChildren.length > 0 ? filteredChildren : void 0
+	return updateMenuAtPath(menus, parentPath, (route) => {
+		const children = [...route.children ?? []];
+		children.splice(index ?? children.length, 0, menu);
+		return {
+			...route,
+			children
 		};
-		return null;
-	}).filter((node) => node !== null);
+	});
+}
+function removeMenuAtPath(menus, path) {
+	if (path.length === 0) return menus;
+	if (path.length === 1) {
+		const nextMenus = [...menus];
+		nextMenus.splice(path[0], 1);
+		return nextMenus;
+	}
+	const parentPath = path.slice(0, -1);
+	const removeIndex = path[path.length - 1];
+	return updateMenuAtPath(menus, parentPath, (route) => {
+		const children = [...route.children ?? []];
+		children.splice(removeIndex, 1);
+		return {
+			...route,
+			children: children.length > 0 ? children : void 0
+		};
+	});
+}
+function collectMenuNames(route) {
+	if (!route) return [];
+	const names = [route.name];
+	function walk(nodes) {
+		if (!nodes?.length) return;
+		for (const node of nodes) {
+			names.push(node.name);
+			walk(node.children);
+		}
+	}
+	walk(route.children);
+	return names;
+}
+/**
+* 解析当前路由的匹配链（根→自身）。替代 `getMatchedList` + `getParentKeys` + `handlePathKey`，
+* 用 `parentNames` 直接取链，无字符串切割。
+* - `meta.menuSelectKey` 会把匹配目标重定向到指定菜单；
+* - 过滤 `hideInMenu` 的祖先；
+* - 未知 name 或目标自身 `hideInMenu` 返回 `[]`。
+*/
+function resolveMatchedChain(lookup, name) {
+	if (!name) return [];
+	const current = lookup.get(name);
+	if (!current) return [];
+	const selectKey = current.route.meta?.menuSelectKey;
+	if (!selectKey && current.route.meta?.hideInMenu) return [];
+	const target = selectKey ? lookup.get(selectKey) : current;
+	if (!target) return [];
+	return [...target.parentNames, target.route.name].map((chainName) => lookup.get(chainName)?.route).filter((route) => !!route && !route.meta?.hideInMenu);
+}
+/**
+* 取第一个可见叶子的跳转路径（不可变、仅依据 `hideInMenu`）。
+* 用于父级菜单 / 面包屑的默认跳转目标。
+*/
+function getLastPath(menus) {
+	const first = menus.filter((menu) => !menu.meta?.hideInMenu)[0];
+	if (!first) return "";
+	if (first.children?.length) return getLastPath(first.children);
+	return first.redirect || first.path || "";
+}
+/**
+* 基于匹配链构建面包屑路由数组（仅保留有标题的项）。
+* `menuSelectKey` 场景下把当前真实路由追加到链尾（对齐旧行为）。
+*/
+function buildBreadcrumbRoutes(chain, options) {
+	const routes = chain.filter((route) => route.meta?.title);
+	const current = options?.current;
+	if (current?.meta?.menuSelectKey && current.meta?.title) routes.push(current);
+	return routes;
+}
+/** 将面包屑路由数组转为 antdv-next 面包屑项（纯数据，`onClick` 由组件接）。 */
+function toBreadcrumbItems(routes) {
+	return routes.map((route) => ({
+		key: route.name,
+		title: route.meta?.title,
+		path: route.redirect || (route.children?.length ? getLastPath(route.children) : "") || route.path || ""
+	}));
+}
+/**
+* 解析点击菜单后的跳转目标。替代旧 `BaseMenu` 的 `onClick` 取数逻辑。
+* 外链（`linkStatus===1` 且 link 合法）走 `window.open`，否则内部 `router.push`。
+*/
+function resolveRouteTarget(lookup, name) {
+	const route = lookup.get(name)?.route;
+	if (!route) return {
+		type: "internal",
+		path: ""
+	};
+	const link = route.meta?.link;
+	if (route.meta?.linkStatus === 1 && link && isUrl(link)) return {
+		type: "external",
+		link,
+		route
+	};
+	return {
+		type: "internal",
+		path: typeof route.redirect === "string" ? route.redirect : route.children?.length ? getLastPath(route.children) || route.path || "" : route.path || "",
+		route
+	};
+}
+/**
+* 取顶层菜单中 `name` 命中项的子级（mix 布局的侧边分支）。
+* 替代旧 `menuData.find(name===selectedKeys[0])?.children` 与 `getMenuFirstChildren`。
+*/
+function selectMenuBranch(menus, name) {
+	if (!name) return [];
+	return menus.find((menu) => menu.name === name)?.children ?? [];
+}
+/** 按 `meta.fixed` 拆分菜单（fixed 项钉到侧边栏底部）。替代旧 ProMenu 的 `baseMenus`/`footerMenus`。 */
+function partitionFixedMenus(menus) {
+	const baseMenus = [];
+	const fixedMenus = [];
+	for (const menu of menus) if (menu.meta?.fixed) fixedMenus.push(menu);
+	else baseMenus.push(menu);
+	return {
+		baseMenus,
+		fixedMenus
+	};
 }
-
 //#endregion
-export { clearMenuItem, filterTree, flatMap, getLastPath, getMatchedList, getMenuData, getMenuFirstChildren, getParentKeys, handlePathKey };
+export { buildBreadcrumbRoutes, buildMenuLookup, cleanMenus, collectMenuNames, getLastPath, insertMenuAtPath, normalizeMenus, partitionFixedMenus, removeMenuAtPath, resolveMatchedChain, resolveRouteTarget, routesToMenus, selectMenuBranch, sortMenusByOrder, toBreadcrumbItems, updateMenuAtPath, updateMenuMetaAtPath };

package/dist/utils/style.d.ts

@@ -0,0 +1,4 @@
+//#region src/utils/style.d.ts
+declare const layout = "::view-transition-old(root),\n::view-transition-new(root) {\n  animation: none;\n  display: block;\n  mix-blend-mode: normal;\n}\n\n::view-transition-new(root) {\n  will-change: clip-path;\n}\n\n::view-transition-old(root) {\n  z-index: 1;\n}\n\n::view-transition-new(root) {\n  z-index: 2147483646;\n}";
+//#endregion
+export { layout };

package/dist/utils/style.js

@@ -0,0 +1,21 @@
+//#region src/utils/style.ts
+const layout = `::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  display: block;
+  mix-blend-mode: normal;
+}
+
+::view-transition-new(root) {
+  will-change: clip-path;
+}
+
+::view-transition-old(root) {
+  z-index: 1;
+}
+
+::view-transition-new(root) {
+  z-index: 2147483646;
+}`;
+//#endregion
+export { layout };

package/dist/utils/themeComponents.d.ts

@@ -0,0 +1,28 @@
+import { ComponentToken } from "../components/Menu/style/index.js";
+import { BaseLayoutDesignToken } from "@gx-design-vue/pro-provider";
+import { ThemeConfig } from "antdv-next";
+
+//#region src/utils/themeComponents.d.ts
+/** antdv-next ConfigProvider 的单组件 token 覆盖类型 */
+type MenuThemeTokens = NonNullable<NonNullable<ThemeConfig['components']>['Menu']>;
+/**
+ * 侧边栏菜单的 antdv-next `Menu` token —— 用布局设计 token 重上色 antdv 自己的菜单 CSS。
+ *
+ * 等价于旧菜单外层 `<ConfigProvider theme={{ components: { Menu } }}>`，
+ * 但把 ant-design-vue v4 的 legacy token 名（colorItemBg 等）映射到 antdv-next 新名。
+ */
+declare function buildSiderMenuTokens(token: BaseLayoutDesignToken): MenuThemeTokens;
+/**
+ * 侧边栏自写菜单的 token —— 外部仍只配置 `components.Menu`，这里转成内部 `ProMenu`。
+ */
+declare function buildSiderProMenuTokens(token: BaseLayoutDesignToken, menuToken?: Partial<MenuThemeTokens>): Partial<ComponentToken>;
+/**
+ * 顶部菜单的 antdv-next `Menu` token —— 水平态配色取布局 header token。
+ */
+declare function buildHeaderMenuTokens(token: BaseLayoutDesignToken): MenuThemeTokens;
+/**
+ * 顶部自写菜单的 token —— 外部仍只配置 `components.Menu`，这里转成内部 `ProMenu`。
+ */
+declare function buildHeaderProMenuTokens(token: BaseLayoutDesignToken, menuToken?: Partial<MenuThemeTokens>): Partial<ComponentToken>;
+//#endregion
+export { buildHeaderMenuTokens, buildHeaderProMenuTokens, buildSiderMenuTokens, buildSiderProMenuTokens };

package/dist/utils/themeComponents.js

@@ -0,0 +1,89 @@
+//#region src/utils/themeComponents.ts
+const SIDER_IGNORED_MENU_TOKEN_KEYS = /* @__PURE__ */ new Set([
+	"colorItemTextHoverHorizontal",
+	"colorItemTextSelectedHorizontal",
+	"colorItemBgSelectedHorizontal",
+	"horizontalItemHoverColor",
+	"horizontalItemSelectedColor",
+	"horizontalItemHoverBg",
+	"horizontalItemSelectedBg",
+	"horizontalItemBorderRadius",
+	"horizontalLineHeight"
+]);
+/** 丢弃空值，避免把空字符串/undefined 喂给 antd 导致无效颜色覆盖其默认值。 */
+function compact(source) {
+	const result = {};
+	for (const [key, value] of Object.entries(source)) if (value !== void 0 && value !== null && value !== "") result[key] = value;
+	return result;
+}
+function pickSiderMenuTokens(menuToken) {
+	if (!menuToken) return {};
+	const result = {};
+	for (const [key, value] of Object.entries(menuToken)) if (!SIDER_IGNORED_MENU_TOKEN_KEYS.has(key)) result[key] = value;
+	return result;
+}
+/**
+* 侧边栏菜单的 antdv-next `Menu` token —— 用布局设计 token 重上色 antdv 自己的菜单 CSS。
+*
+* 等价于旧菜单外层 `<ConfigProvider theme={{ components: { Menu } }}>`，
+* 但把 ant-design-vue v4 的 legacy token 名（colorItemBg 等）映射到 antdv-next 新名。
+*/
+function buildSiderMenuTokens(token) {
+	const { sider } = token;
+	return compact({
+		itemBg: sider.colorMenuBackground || "transparent",
+		subMenuItemBg: sider.colorMenuBackground || "transparent",
+		popupBg: sider.colorBgMenuItemCollapsedElevated,
+		itemColor: sider.colorTextMenu,
+		itemHoverColor: sider.colorTextMenuItemHover,
+		itemSelectedColor: sider.colorTextMenuSelected,
+		subMenuItemSelectedColor: sider.colorTextSubMenuSelected || sider.colorTextMenuSelected,
+		itemHoverBg: sider.colorBgMenuItemHover,
+		itemActiveBg: sider.colorBgMenuItemActive,
+		itemSelectedBg: sider.colorBgMenuItemSelected,
+		itemBorderRadius: sider.borderRadius,
+		itemMarginInline: sider.menuItemMarginInline,
+		itemHeight: sider.menuItemHeight,
+		iconSize: token.menuItemIconSize,
+		groupTitleColor: sider.colorTextMenuTitle
+	});
+}
+/**
+* 侧边栏自写菜单的 token —— 外部仍只配置 `components.Menu`，这里转成内部 `ProMenu`。
+*/
+function buildSiderProMenuTokens(token, menuToken) {
+	return compact({
+		...pickSiderMenuTokens(menuToken),
+		...buildSiderMenuTokens(token)
+	});
+}
+/**
+* 顶部菜单的 antdv-next `Menu` token —— 水平态配色取布局 header token。
+*/
+function buildHeaderMenuTokens(token) {
+	const { header } = token;
+	return compact({
+		itemBg: "transparent",
+		popupBg: header.colorBgMenuElevated,
+		itemColor: header.colorTextMenu,
+		subMenuItemSelectedColor: header.colorTextSubMenuSelected,
+		horizontalItemHoverColor: header.colorTextMenuActive,
+		horizontalItemSelectedColor: header.colorTextMenuSelected,
+		horizontalItemHoverBg: header.colorBgMenuItemHover,
+		horizontalItemSelectedBg: header.colorBgMenuItemSelected,
+		horizontalItemBorderRadius: header.itemBorderRadius,
+		itemBorderRadius: header.itemBorderRadius,
+		itemHeight: header.menuItemHeight
+	});
+}
+/**
+* 顶部自写菜单的 token —— 外部仍只配置 `components.Menu`，这里转成内部 `ProMenu`。
+*/
+function buildHeaderProMenuTokens(token, menuToken) {
+	return compact({
+		...menuToken,
+		...buildHeaderMenuTokens(token)
+	});
+}
+//#endregion
+export { buildHeaderMenuTokens, buildHeaderProMenuTokens, buildSiderMenuTokens, buildSiderProMenuTokens };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gx-design-vue/pro-layout",
   "type": "module",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.21",
   "description": "Gx Design Pro Layout",
   "author": {
     "name": "gx12358",
@@ -37,24 +37,33 @@
     "package.json"
   ],
   "peerDependencies": {
+    "@antdv-next/cssinjs": "^1.0.6",
+    "@gx-design-vue/context": "^0.0.5-alpha.8",
+    "@gx-design-vue/icon": "^0.0.1-alpha.13",
+    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.8",
+    "@gx-design-vue/pro-provider": "^0.1.0-alpha.17",
+    "@gx-design-vue/pro-utils": "^0.2.0-alpha.10",
+    "@gx-design-vue/scrollbar": "^0.2.0-alpha.7",
+    "antdv-next": "^1.4.1",
     "vue": ">=3.2.0"
   },
   "dependencies": {
-    "@ant-design/icons-vue": "^7.0.1",
     "@ctrl/tinycolor": "^3.5.0",
-    "@vueuse/core": "^14.2.0",
-    "ant-design-vue": "^4.2.6",
-    "dayjs": "^1.11.19",
-    "es-toolkit": "^1.43.0",
-    "vue-router": "^4.6.4",
-    "@gx-design-vue/context": "^0.0.5-alpha.2",
-    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.2",
-    "@gx-design-vue/pro-app": "^0.1.0-alpha.1",
-    "@gx-design-vue/icon": "^0.0.1-alpha.2",
-    "@gx-design-vue/pro-provider": "^0.1.0-alpha.1",
-    "@gx-design-vue/pro-utils": "^0.2.0-alpha.2",
-    "@gx-design-vue/pro-watermark": "^0.2.0-alpha.1",
-    "@gx-design-vue/scrollbar": "^0.2.0-alpha.1"
+    "@vueuse/core": "^14.3.0",
+    "dayjs": "^1.11.21",
+    "es-toolkit": "1.48.1",
+    "vue-router": "^5.1.0"
+  },
+  "devDependencies": {
+    "@antdv-next/cssinjs": "^1.0.6",
+    "antdv-next": "^1.4.1",
+    "vue": "^3.5.38",
+    "@gx-design-vue/context": "^0.0.5-alpha.8",
+    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.8",
+    "@gx-design-vue/pro-provider": "^0.1.0-alpha.17",
+    "@gx-design-vue/icon": "^0.0.1-alpha.13",
+    "@gx-design-vue/pro-utils": "^0.2.0-alpha.10",
+    "@gx-design-vue/scrollbar": "^0.2.0-alpha.7"
   },
   "browserslist": [
     "> 1%",

package/dist/Context/expose.d.ts

@@ -1,6 +0,0 @@
-import { ProLayoutInjextExpose } from "../types/typings.js";
-
-//#region src/Context/expose.d.ts
-declare const provideProLayoutExposeContext: (value: ProLayoutInjextExpose) => void, useProLayoutExposeContext: (injectDefaultValue?: ProLayoutInjextExpose) => ProLayoutInjextExpose;
-//#endregion
-export { provideProLayoutExposeContext, useProLayoutExposeContext };

package/dist/Context/expose.js

@@ -1,7 +0,0 @@
-import { useContext } from "@gx-design-vue/context";
-
-//#region src/Context/expose.ts
-const { provideContext: provideProLayoutExposeContext, useInjectContext: useProLayoutExposeContext } = useContext("pro-layout-expose");
-
-//#endregion
-export { provideProLayoutExposeContext, useProLayoutExposeContext };

package/dist/Context/index.d.ts

@@ -1,43 +0,0 @@
-import { Meta } from "../types/RouteTypings.js";
-import { BreadcrumbProps } from "../types/Breadcrumb.js";
-import { MenuPropsContext, ProLayoutMenuFunProps } from "../types/MenuTypings.js";
-import { LayoutPageContainer, PageContainerPropsType } from "../components/PageContainer/props.js";
-import { ShortcutKeyProps } from "../props/index.js";
-import { BasicLayoutProps, CollapsedProps, LayoutClassNamesType, LayoutContext, LayoutStylesType } from "../types/typings.js";
-import { ComputedRef, Ref } from "vue";
-import { CustomRender, PrefixCls, WithFalse } from "@gx-design-vue/pro-utils";
-
-//#region src/Context/index.d.ts
-declare const defaultContextKey: (keyof ProLayoutContextProps)[];
-interface ProLayoutContextProps {
-  getPrefixCls: (prefixCls: PrefixCls) => string;
-  setHasFooterToolbar: (value: boolean) => void;
-  zIndex: Ref<number>;
-  styles: Ref<LayoutStylesType>;
-  waterMarkProps: Ref<BasicLayoutProps['waterMarkProps']>;
-  classNames: Ref<LayoutClassNamesType>;
-  breadcrumb: ComputedRef<BreadcrumbProps>;
-  collapsed: Ref<boolean>;
-  hasFooterToolbar: Ref<boolean>;
-  collapsedEffect: ComputedRef<boolean>;
-  collapsedProps: ComputedRef<Partial<CollapsedProps>>;
-  openKeys: Ref<ProLayoutMenuFunProps['openKeys']>;
-  selectedKeys: Ref<ProLayoutMenuFunProps['openKeys']>;
-  renderRouterView: Ref<boolean>;
-  contentFullScreen: Ref<boolean>;
-  disableMobile?: Ref<boolean>;
-  fullScreenOnTabsHide: Ref<boolean>;
-  shortcutKey: Ref<ShortcutKeyProps>;
-  hasContentWide: ComputedRef<boolean>;
-  breadcrumbRender: Ref<WithFalse<(props: BreadcrumbProps) => CustomRender> | undefined>;
-  isMobile: ComputedRef<boolean>;
-  settings: ComputedRef<BasicLayoutProps['settings']>;
-  pageContainer: Ref<LayoutPageContainer>;
-  pageHeaderRender: ComputedRef<PageContainerPropsType['pageHeaderRender']>;
-  menu: ComputedRef<MenuPropsContext>;
-  currentMeta: Ref<Meta | undefined>;
-  layoutProps: ComputedRef<LayoutContext>;
-}
-declare const provideProLayoutContext: (value: ProLayoutContextProps) => void, useProLayoutContext: (injectDefaultValue?: ProLayoutContextProps) => ProLayoutContextProps;
-//#endregion
-export { ProLayoutContextProps, defaultContextKey, provideProLayoutContext, useProLayoutContext };