@gx-design-vue/pro-layout 0.1.0-alpha.12 → 0.1.0-alpha.14

package/dist/ProLayout.d.ts

@@ -1,8 +1,7 @@
 import { GProLayoutEmits, GProLayoutProps, GProLayoutSlots } from "./interface.js";
-import * as _$vue from "vue";
 import { SlotsType } from "vue";
 
 //#region src/ProLayout.d.ts
-declare const GProLayout: _$vue.DefineSetupFnComponent<GProLayoutProps, GProLayoutEmits, SlotsType<GProLayoutSlots>, GProLayoutProps, _$vue.PublicProps>;
+declare const GProLayout: import("vue").DefineSetupFnComponent<GProLayoutProps, GProLayoutEmits, SlotsType<GProLayoutSlots>, GProLayoutProps, import("vue").PublicProps>;
 //#endregion
 export { GProLayout as default };

package/dist/ProLayout.js

@@ -156,6 +156,7 @@ const GProLayout = /* @__PURE__ */ defineComponent((props, { emit, expose, slots
 			emit("contentFullscreenChange", val);
 		}
 	});
+	const tabsHeight = ref(41);
 	function handleSelect(info) {
 		menuState.selectedKeys.value = info.keys;
 		selectedKeysModel.value = info.keys;
@@ -224,7 +225,11 @@ const GProLayout = /* @__PURE__ */ defineComponent((props, { emit, expose, slots
 			hasFooterToolbar.value = value;
 		},
 		navigate,
-		tabsState
+		tabsState,
+		tabsHeight,
+		setTabsHeight: (value) => {
+			tabsHeight.value = value;
+		}
 	});
 	expose({ tabs: tabsState.tabsController });
 	function resolveLayoutSlots() {
@@ -298,7 +303,7 @@ const GProLayout = /* @__PURE__ */ defineComponent((props, { emit, expose, slots
 		])] })] })] })] });
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		layout: {
 			type: String,
 			required: false

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

@@ -1,8 +1,6 @@
 import { AppPageSpinning } from "../../interface.js";
-import * as _$vue from "vue";
 import { CSSProperties, PropType, SlotsType } from "vue";
 import { CustomRender } from "@gx-design-vue/pro-utils";
-import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
 import { ConfigOptions } from "antdv-next/dist/message/interface";
 import { NotificationConfig } from "antdv-next/dist/notification/interface";
 
@@ -13,7 +11,7 @@ import { NotificationConfig } from "antdv-next/dist/notification/interface";
  * ① 全局滚动容器；② 全局 loading 遮罩；
  * ③ 经 GProApp context 向后代下发 emptyText / indicator（供 pro-table 等空态/加载态复用）。
  */
-declare const ProAppPage: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+declare const ProAppPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   class: PropType<string>;
   style: PropType<CSSProperties>;
   prefixCls: PropType<string>;
@@ -27,7 +25,7 @@ declare const ProAppPage: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   message: PropType<ConfigOptions>;
   notification: PropType<NotificationConfig>;
-}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   class: PropType<string>;
   style: PropType<CSSProperties>;
   prefixCls: PropType<string>;
@@ -42,11 +40,11 @@ declare const ProAppPage: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   message: PropType<ConfigOptions>;
   notification: PropType<NotificationConfig>;
 }>> & Readonly<{}>, {
-  spinning: AppPageSpinning;
   indicator: CustomRender;
+  spinning: AppPageSpinning;
 }, SlotsType<{
   default: () => any;
   indicator: () => any;
-}>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { ProAppPage as default };

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

@@ -1,4 +1,3 @@
-import * as _$vue from "vue";
 import { ProFullToken } from "@gx-design-vue/pro-provider";
 import { CSSObject } from "@antdv-next/cssinjs";
 import { GenerateStyle } from "antdv-next/dist/theme/internal";
@@ -7,6 +6,6 @@ import { GenerateStyle } from "antdv-next/dist/theme/internal";
 type ComponentToken = Record<string, any>;
 /** GProAppPage 样式：应用壳容器 + loading 遮罩。 */
 declare const genAppPageStyle: GenerateStyle<ProFullToken<'ProAppPage'>, CSSObject>;
-declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, genAppPageStyle };

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

@@ -1,5 +1,4 @@
 import { LayoutBreadcrumbProps, LayoutBreadcrumbSlots } from "./interface.js";
-import * as _$vue from "vue";
 import { SlotsType } from "vue";
 
 //#region src/components/Breadcrumb/index.d.ts
@@ -13,8 +12,8 @@ import { SlotsType } from "vue";
  * - 下拉子菜单（有子节点的层级鼠标悬停展示）
  * - 点击导航（非当前页层级可点击跳转）
  */
-declare const Breadcrumb: _$vue.DefineSetupFnComponent<LayoutBreadcrumbProps, Record<string, never>, SlotsType<LayoutBreadcrumbSlots>, LayoutBreadcrumbProps & {
+declare const Breadcrumb: import("vue").DefineSetupFnComponent<LayoutBreadcrumbProps, Record<string, never>, SlotsType<LayoutBreadcrumbSlots>, LayoutBreadcrumbProps & {
   [x: `on${Capitalize<string>}`]: (...args: unknown[]) => any;
-}, _$vue.PublicProps>;
+}, import("vue").PublicProps>;
 //#endregion
 export { Breadcrumb as default };

package/dist/components/Breadcrumb/index.js

@@ -3,6 +3,7 @@ import { renderMenuIcon } from "../Menu/iconRender.js";
 import { Fragment, computed, createTextVNode, createVNode, defineComponent } from "vue";
 import { classNames } from "@gx-design-vue/pro-utils";
 import { Dropdown } from "antdv-next";
+import { useRouter } from "vue-router";
 import { GIcon } from "@gx-design-vue/icon";
 //#region src/components/Breadcrumb/index.tsx
 /** 首页占位路由名 */
@@ -24,11 +25,16 @@ function renderBreadcrumbItemContent(prefixCls, route) {
 */
 const Breadcrumb = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const { navigate, prefixCls, menuState, breadcrumbConfig } = useLayoutBase();
+	const router = useRouter();
 	const breadcrumbRoutes = computed(() => props.routes ?? menuState?.breadcrumbRoutes.value ?? []);
 	const homeIconConfig = computed(() => {
 		if (props.homeIcon !== void 0) return props.homeIcon;
 		return breadcrumbConfig ? breadcrumbConfig.value?.showHome : void 0;
 	});
+	const homePath = computed(() => {
+		if (props.homePath !== void 0) return props.homePath;
+		return breadcrumbConfig?.value?.homePath ?? "/";
+	});
 	const lookup = computed(() => menuState?.lookup.value);
 	const selectedKeys = computed(() => menuState?.selectedKeys.value ?? []);
 	const displayRoutes = computed(() => {
@@ -48,13 +54,21 @@ const Breadcrumb = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	* 首页占位项本身没有子节点，不展示 dropdown。
 	*/
 	function getDropdownChildren(route) {
-		if (route.name === BREADCRUMB_HOME_KEY) return void 0;
+		if (route.name === BREADCRUMB_HOME_KEY) {
+			const visibleTopMenus = (menuState?.headerMenus.value ?? menuState?.menus.value ?? []).filter((menu) => !menu.meta?.hideInMenu);
+			return visibleTopMenus.length ? visibleTopMenus : void 0;
+		}
 		const visibleChildren = ((lookup.value?.get(route.name))?.route)?.children?.filter((child) => !child.meta?.hideInMenu);
 		return visibleChildren?.length ? visibleChildren : void 0;
 	}
 	/** 点击面包屑项导航 */
 	function handleItemClick(route, isLast) {
 		if (isLast) return;
+		if (route.name === BREADCRUMB_HOME_KEY) {
+			const targetPath = homePath.value;
+			if (router.currentRoute.value.fullPath !== targetPath) router.push(targetPath);
+			return;
+		}
 		navigate?.(route.name);
 	}
 	/** 点击 dropdown 子菜单项导航 */
@@ -82,7 +96,10 @@ const Breadcrumb = /* @__PURE__ */ defineComponent((props, { slots }) => {
 				})),
 				selectedKeys: dropdownSelectedKeys,
 				onClick: ({ key }) => handleDropdownMenuClick(String(key))
-			} }, { default: () => [createVNode("span", { "class": `${breadcrumbCls}-overlay-link` }, [itemContent, createVNode(GIcon, { "type": "DownOutlined" }, null)])] }) : createVNode("span", {
+			} }, { default: () => [createVNode("span", {
+				"class": `${breadcrumbCls}-overlay-link`,
+				"onClick": route.name === BREADCRUMB_HOME_KEY ? () => handleItemClick(route, isLast) : void 0
+			}, [itemContent, createVNode(GIcon, { "type": "DownOutlined" }, null)])] }) : createVNode("span", {
 				"class": classNames(`${breadcrumbCls}-link`, isLast && `${breadcrumbCls}-link-last`),
 				"onClick": () => handleItemClick(route, isLast)
 			}, [itemContent])]), !isLast && createVNode("li", { "class": `${breadcrumbCls}-separator` }, [createTextVNode("/")])]);
@@ -98,6 +115,10 @@ const Breadcrumb = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Boolean,
 			required: false,
 			default: void 0
+		},
+		homePath: {
+			type: String,
+			required: false
 		}
 	},
 	name: "LayoutBreadcrumb",

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

@@ -15,6 +15,11 @@ interface LayoutBreadcrumbProps {
    * - `false`：不显示首页项
    */
   homeIcon?: WithFalse<boolean>;
+  /**
+   * 覆盖 context 的首页点击跳转路径。
+   * 默认从 layoutContext.breadcrumbConfig.homePath 读取，缺省 '/'。
+   */
+  homePath?: string;
 }
 interface LayoutBreadcrumbSlots {
   /** 自定义每个面包屑项的渲染 */

package/dist/components/CollapseButton/Arrow.d.ts

@@ -1,6 +1,4 @@
-import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
-
 //#region src/components/CollapseButton/Arrow.d.ts
-declare function ArrowSvgIcon(): _$vue_jsx_runtime0.JSX.Element;
+declare function ArrowSvgIcon(): import("vue/jsx-runtime").JSX.Element;
 //#endregion
 export { ArrowSvgIcon };

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

@@ -1,8 +1,7 @@
 import { LayoutCollapseButtonEmits, LayoutCollapseButtonProps, LayoutCollapseButtonSlots } from "./interface.js";
-import * as _$vue from "vue";
 import { SlotsType } from "vue";
 
 //#region src/components/CollapseButton/index.d.ts
-declare const LayoutCollapseButton: _$vue.DefineSetupFnComponent<LayoutCollapseButtonProps, LayoutCollapseButtonEmits, SlotsType<LayoutCollapseButtonSlots>, LayoutCollapseButtonProps, _$vue.PublicProps>;
+declare const LayoutCollapseButton: import("vue").DefineSetupFnComponent<LayoutCollapseButtonProps, LayoutCollapseButtonEmits, SlotsType<LayoutCollapseButtonSlots>, LayoutCollapseButtonProps, import("vue").PublicProps>;
 //#endregion
 export { LayoutCollapseButton as default };

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

@@ -1,11 +1,10 @@
 import { LayoutFooterProps, LayoutFooterSlots } from "./interface.js";
 import { EmptyEmits } from "../../interface.js";
-import * as _$vue from "vue";
 import { SlotsType } from "vue";
 
 //#region src/components/Footer/index.d.ts
-declare const LayoutFooter: _$vue.DefineSetupFnComponent<LayoutFooterProps, EmptyEmits, SlotsType<LayoutFooterSlots>, LayoutFooterProps & {
+declare const LayoutFooter: import("vue").DefineSetupFnComponent<LayoutFooterProps, EmptyEmits, SlotsType<LayoutFooterSlots>, LayoutFooterProps & {
   [x: `on${Capitalize<string>}`]: (...args: unknown[]) => any;
-}, _$vue.PublicProps>;
+}, import("vue").PublicProps>;
 //#endregion
 export { LayoutFooter as default };

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

@@ -1,10 +1,9 @@
 import { GFooterToolbarProps, GFooterToolbarSlots } from "../../interface.js";
-import * as _$vue from "vue";
 import { SlotsType } from "vue";
 
 //#region src/components/FooterToolbar/index.d.ts
-declare const GFooterToolbar: _$vue.DefineSetupFnComponent<GFooterToolbarProps, Record<string, never>, SlotsType<GFooterToolbarSlots>, GFooterToolbarProps & {
+declare const GFooterToolbar: import("vue").DefineSetupFnComponent<GFooterToolbarProps, Record<string, never>, SlotsType<GFooterToolbarSlots>, GFooterToolbarProps & {
   [x: `on${Capitalize<string>}`]: (...args: unknown[]) => any;
-}, _$vue.PublicProps>;
+}, import("vue").PublicProps>;
 //#endregion
 export { GFooterToolbar as default };

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

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

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

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

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

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

package/dist/components/Menu/SiderMenu.d.ts

@@ -1,6 +1,5 @@
 import { LayoutMenuEmits, LayoutMenuSlots } from "./interface.js";
 import { LayoutClassNamesType, LayoutMenuItemSlotProps, LayoutMenuRoute, LayoutStylesType } from "../../interface.js";
-import * as _$vue from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { CustomRender } from "@gx-design-vue/pro-utils";
 
@@ -25,6 +24,6 @@ interface SiderMenuProps {
   'onUpdate:selectedKeys'?: LayoutMenuEmits['update:selectedKeys'];
   'onUpdate:openKeys'?: LayoutMenuEmits['update:openKeys'];
 }
-declare const SiderMenu: _$vue.DefineSetupFnComponent<SiderMenuProps, LayoutMenuEmits, SlotsType<LayoutMenuSlots>, SiderMenuProps, _$vue.PublicProps>;
+declare const SiderMenu: import("vue").DefineSetupFnComponent<SiderMenuProps, LayoutMenuEmits, SlotsType<LayoutMenuSlots>, SiderMenuProps, import("vue").PublicProps>;
 //#endregion
 export { SiderMenu as default };

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

@@ -1,5 +1,4 @@
 import { LayoutMenuEmits, LayoutMenuProps, LayoutMenuSlots } from "./interface.js";
-import * as _$vue from "vue";
 import { SlotsType } from "vue";
 
 //#region src/components/Menu/index.d.ts
@@ -10,6 +9,6 @@ import { SlotsType } from "vue";
  * 视觉定制通过 `menuItemIcon`/`menuItemLabel`/`menuItemExtra`（prop 或同名 slot，prop 优先）
  * 注入 antdv-next 的 `iconRender`/`labelRender`/`extraRender`。可脱离 GProLayout 独立使用。
  */
-declare const LayoutMenu: _$vue.DefineSetupFnComponent<LayoutMenuProps, LayoutMenuEmits, SlotsType<LayoutMenuSlots>, LayoutMenuProps, _$vue.PublicProps>;
+declare const LayoutMenu: import("vue").DefineSetupFnComponent<LayoutMenuProps, LayoutMenuEmits, SlotsType<LayoutMenuSlots>, LayoutMenuProps, import("vue").PublicProps>;
 //#endregion
 export { LayoutMenu as default };

package/dist/components/Menu/style/siderMenu.d.ts

@@ -1,4 +1,3 @@
-import * as _$vue from "vue";
 import { CSSProperties } from "vue";
 import { GetDefaultToken } from "antdv-next/dist/theme/internal";
 
@@ -293,6 +292,6 @@ interface ComponentToken {
   itemWidth: number | string;
 }
 declare const prepareComponentToken: GetDefaultToken<'ProSiderMenu'>;
-declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/components/PageContainer/PageHeader.d.ts

@@ -1,5 +1,4 @@
 import { BreadcrumbItemType, LayoutBreadcrumbConfig, LayoutBreadcrumbSlotProps, LayoutMenuRoute, PageContainerClassNamesType, PageContainerStylesType } from "../../interface.js";
-import * as _$vue from "vue";
 import { SlotsType } from "vue";
 
 //#region src/components/PageContainer/PageHeader.d.ts
@@ -27,8 +26,8 @@ interface PageHeaderSlots {
  * 负责渲染：面包屑行 + 标题行（标题 + headerContent + extra）+ 全屏关闭按钮。
  * 所有渲染所需数据通过 props 传入，不自行读取 layout context。
  */
-declare const PageHeader: _$vue.DefineSetupFnComponent<PageHeaderProps, Record<string, never>, SlotsType<PageHeaderSlots>, PageHeaderProps & {
+declare const PageHeader: import("vue").DefineSetupFnComponent<PageHeaderProps, Record<string, never>, SlotsType<PageHeaderSlots>, PageHeaderProps & {
   [x: `on${Capitalize<string>}`]: (...args: unknown[]) => any;
-}, _$vue.PublicProps>;
+}, import("vue").PublicProps>;
 //#endregion
 export { PageHeader as default };

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

@@ -1,5 +1,4 @@
 import { GPageContainerEmits, GPageContainerProps, GPageContainerSlots } from "../../interface.js";
-import * as _$vue from "vue";
 import { SlotsType } from "vue";
 
 //#region src/components/PageContainer/index.d.ts
@@ -7,6 +6,6 @@ import { SlotsType } from "vue";
  * GPageContainer —— 页面容器：页头（面包屑 + 标题 + 操作）+ 内容卡片 + loading 遮罩 + 水印。
  * 可独立使用；置于 `GProLayout` 内时通过 layout context 读取面包屑数据与全屏态。
  */
-declare const ProPageContainer: _$vue.DefineSetupFnComponent<GPageContainerProps, GPageContainerEmits, SlotsType<GPageContainerSlots>, GPageContainerProps, _$vue.PublicProps>;
+declare const ProPageContainer: import("vue").DefineSetupFnComponent<GPageContainerProps, GPageContainerEmits, SlotsType<GPageContainerSlots>, GPageContainerProps, import("vue").PublicProps>;
 //#endregion
 export { ProPageContainer as default };

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

@@ -1,7 +1,5 @@
-import * as _$vue from "vue";
-
 //#region src/components/PageContainer/style.d.ts
 type ComponentToken = Record<string, any>;
-declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default };

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

@@ -1,5 +1,4 @@
 import { GPageTransitionSlots } from "../../interface.js";
-import * as _$vue from "vue";
 import { PropType, SlotsType } from "vue";
 
 //#region src/components/PageTransition/index.d.ts
@@ -8,7 +7,7 @@ import { PropType, SlotsType } from "vue";
  * 通过 `name`/`direction` 选择 animate.css 预设动画；`reverse` 控制离场时方向倒放；
  * `disabled` 时直接渲染子节点、不套动画。
  */
-declare const GPageTransition: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+declare const GPageTransition: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   prefixCls: {
     type: PropType<string>;
   }; /** 禁用动画，直接渲染子节点 */
@@ -28,7 +27,7 @@ declare const GPageTransition: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: PropType<string>;
     default: string;
   };
-}>, () => any, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   prefixCls: {
     type: PropType<string>;
   }; /** 禁用动画，直接渲染子节点 */
@@ -49,10 +48,10 @@ declare const GPageTransition: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: string;
   };
 }>> & Readonly<{}>, {
-  name: string;
   reverse: boolean;
   disabled: boolean;
+  name: string;
   direction: string;
-}, SlotsType<GPageTransitionSlots>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+}, SlotsType<GPageTransitionSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { GPageTransition as default };

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

@@ -1,4 +1,3 @@
-import * as _$vue from "vue";
 import { ProFullToken } from "@gx-design-vue/pro-provider";
 import { CSSObject } from "@antdv-next/cssinjs";
 import { GenerateStyle } from "antdv-next/dist/theme/internal";
@@ -7,6 +6,6 @@ import { GenerateStyle } from "antdv-next/dist/theme/internal";
 type ComponentToken = Record<string, any>;
 /** GPageTransition 样式：进场/离场两段，合并所有预设关键帧。 */
 declare const genPageTransitionStyle: GenerateStyle<ProFullToken<'ProPageTransition'>, CSSObject>;
-declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, genPageTransitionStyle };

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

@@ -1,8 +1,7 @@
 import { LayoutSiderEmits, LayoutSiderProps, LayoutSiderSlots } from "./interface.js";
-import * as _$vue from "vue";
 import { SlotsType } from "vue";
 
 //#region src/components/Sider/index.d.ts
-declare const LayoutSider: _$vue.DefineSetupFnComponent<LayoutSiderProps, LayoutSiderEmits, SlotsType<LayoutSiderSlots>, LayoutSiderProps, _$vue.PublicProps>;
+declare const LayoutSider: import("vue").DefineSetupFnComponent<LayoutSiderProps, LayoutSiderEmits, SlotsType<LayoutSiderSlots>, LayoutSiderProps, import("vue").PublicProps>;
 //#endregion
 export { LayoutSider as default };

package/dist/components/Tabs/InnerTabs.d.ts

@@ -0,0 +1,7 @@
+import { InnerTabsEmits, InnerTabsProps, InnerTabsSlots } from "./interface.js";
+import { SlotsType } from "vue";
+
+//#region src/components/Tabs/InnerTabs.d.ts
+declare const InnerTabs: import("vue").DefineSetupFnComponent<InnerTabsProps, InnerTabsEmits, SlotsType<InnerTabsSlots>, InnerTabsProps, import("vue").PublicProps>;
+//#endregion
+export { InnerTabs as default };

package/dist/components/Tabs/InnerTabs.js

@@ -0,0 +1,117 @@
+import { useTabDrag } from "./hooks/useTabDrag.js";
+import style_default from "./style/index.js";
+import { Fragment, computed, createVNode, defineComponent, mergeProps, nextTick, ref, watch } from "vue";
+import { classNames } from "@gx-design-vue/pro-utils";
+import { useScroll } from "@vueuse/core";
+import { useBaseConfig } from "antdv-next/config-provider/context";
+import useCSSVarCls from "antdv-next/config-provider/hooks/useCSSVarCls";
+import { GIcon } from "@gx-design-vue/icon";
+//#region src/components/Tabs/InnerTabs.tsx
+/** 溢出时两端透明裁切宽度（px） */
+const MASK_GUTTER = 16;
+const MASK_COLOR = "#fff";
+const InnerTabs = /* @__PURE__ */ defineComponent((props, { slots, emit }) => {
+	const { prefixCls } = useBaseConfig("pro-inner-tabs", props);
+	const rootCls = useCSSVarCls(prefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const scrollRef = ref();
+	const items = computed(() => props.items ?? []);
+	const activeKey = computed(() => props.activeKey ?? "");
+	const { arrivedState } = useScroll(scrollRef);
+	const { draggingKey: tabDraggingKey, getItemProps } = useTabDrag({
+		items,
+		scrollEl: scrollRef,
+		onReorder: (fromKey, toKey) => emit("reorder", fromKey, toKey),
+		enabled: computed(() => props.draggable !== false)
+	});
+	const wrapStyle = computed(() => {
+		const atLeft = arrivedState.left;
+		const atRight = arrivedState.right;
+		if (atLeft && atRight) return {};
+		const maskImage = !atLeft && !atRight ? `linear-gradient(90deg, transparent, ${MASK_COLOR} ${MASK_GUTTER}px, ${MASK_COLOR} calc(100% - ${MASK_GUTTER}px), transparent)` : !atLeft ? `linear-gradient(90deg, transparent, ${MASK_COLOR} ${MASK_GUTTER}px)` : `linear-gradient(90deg, ${MASK_COLOR} calc(100% - ${MASK_GUTTER}px), transparent)`;
+		return {
+			WebkitMaskImage: maskImage,
+			maskImage
+		};
+	});
+	function handleTabClick(item) {
+		if (item.disabled || item.key === activeKey.value) return;
+		emit("update:activeKey", item.key);
+		emit("change", item.key);
+	}
+	function handleRemoveClick(event, item) {
+		event.stopPropagation();
+		event.preventDefault();
+		emit("close", item.key);
+	}
+	function renderItem(item) {
+		const active = item.key === activeKey.value;
+		const closable = item.closable !== false;
+		const customTab = slots.tab?.({
+			item,
+			active
+		});
+		const dragging = tabDraggingKey.value === item.key;
+		return createVNode("div", mergeProps({
+			"key": item.key,
+			"class": classNames(`${prefixCls.value}-tab`, {
+				[`${prefixCls.value}-tab-active`]: active,
+				[`${prefixCls.value}-tab-disabled`]: item.disabled,
+				[`${prefixCls.value}-tab-dragging`]: dragging
+			}),
+			"data-key": item.key,
+			"onClick": () => handleTabClick(item)
+		}, getItemProps(item.key)), [customTab ?? createVNode(Fragment, null, [createVNode("span", { "class": `${prefixCls.value}-tab-btn` }, [item.label]), closable && createVNode(GIcon, {
+			"type": "CloseOutlined",
+			"class": `${prefixCls.value}-tab-remove`,
+			"data-drag-ignore": "true",
+			"onClick": (event) => handleRemoveClick(event, item)
+		}, null)])]);
+	}
+	watch(() => [props.activeKey, items.value.length], () => {
+		nextTick(() => {
+			(scrollRef.value?.querySelector(`[data-key="${activeKey.value}"]`))?.scrollIntoView?.({
+				inline: "nearest",
+				block: "nearest"
+			});
+		});
+	}, { immediate: true });
+	return () => {
+		if (items.value.length === 0) return null;
+		return createVNode("div", { "class": classNames(prefixCls.value, hashId.value, cssVarCls.value, rootCls.value) }, [createVNode("div", { "class": `${prefixCls.value}-nav` }, [createVNode("div", {
+			"ref": scrollRef,
+			"class": `${prefixCls.value}-nav-wrap`,
+			"style": wrapStyle.value
+		}, [createVNode("div", { "class": `${prefixCls.value}-nav-list` }, [items.value.map((item) => renderItem(item))])]), slots.extra && createVNode("div", { "class": `${prefixCls.value}-extra` }, [slots.extra()])])]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		items: {
+			type: Array,
+			required: false
+		},
+		activeKey: {
+			type: String,
+			required: false
+		},
+		draggable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:activeKey",
+		"change",
+		"close",
+		"reorder"
+	],
+	name: "InnerTabs",
+	inheritAttrs: false
+});
+//#endregion
+export { InnerTabs as default };

package/dist/components/Tabs/hooks/flipAnimate.d.ts

@@ -0,0 +1,24 @@
+//#region src/components/Tabs/hooks/flipAnimate.d.ts
+interface FlipAnimateOptions {
+  /** 动画时长 ms，默认 200 */
+  duration?: number;
+  /** 缓动函数，默认 cubic-bezier(0.2,0,0,1)（对齐 dnd-kit motionEase） */
+  easing?: string;
+}
+interface FlipEntry {
+  key: string;
+  el: HTMLElement;
+}
+/**
+ * FLIP 动画 —— 精简复刻 `@dnd-kit/dom` 的 `sortable#animate`。
+ *
+ * 用 Web Animations API（`element.animate`）+ CSS `translate` 属性（非 transform）：
+ * 1. 取消元素上 transform/translate/scale 的 CSS transition（避免 getBoundingClientRect 取到中间帧）
+ * 2. 测新旧位置算 `delta = prev.left - next.left`
+ * 3. `el.animate({ translate: [delta, 0] }, { duration, easing })`
+ *
+ * 命中 `prefers-reduced-motion` 时 duration 置 0。
+ */
+declare function flipAnimate(entries: FlipEntry[], prevRects: Map<string, DOMRect>, options?: FlipAnimateOptions): void;
+//#endregion
+export { FlipAnimateOptions, FlipEntry, flipAnimate };

package/dist/components/Tabs/hooks/flipAnimate.js

@@ -0,0 +1,40 @@
+//#region src/components/Tabs/hooks/flipAnimate.ts
+/**
+* FLIP 动画 —— 精简复刻 `@dnd-kit/dom` 的 `sortable#animate`。
+*
+* 用 Web Animations API（`element.animate`）+ CSS `translate` 属性（非 transform）：
+* 1. 取消元素上 transform/translate/scale 的 CSS transition（避免 getBoundingClientRect 取到中间帧）
+* 2. 测新旧位置算 `delta = prev.left - next.left`
+* 3. `el.animate({ translate: [delta, 0] }, { duration, easing })`
+*
+* 命中 `prefers-reduced-motion` 时 duration 置 0。
+*/
+function flipAnimate(entries, prevRects, options = {}) {
+	const { duration = 200, easing = "cubic-bezier(0.2, 0, 0, 1)" } = options;
+	const finalDuration = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : duration;
+	for (const { key, el } of entries) {
+		const prev = prevRects.get(key);
+		if (!prev) continue;
+		for (const animation of el.getAnimations()) {
+			const transitionProperty = animation.transitionProperty;
+			if (transitionProperty === "transform" || transitionProperty === "translate" || transitionProperty === "scale") animation.cancel();
+		}
+		const next = el.getBoundingClientRect();
+		const deltaX = prev.left - next.left;
+		const deltaY = prev.top - next.top;
+		if (deltaX === 0 && deltaY === 0) continue;
+		const animation = el.animate({ translate: [`${deltaX}px ${deltaY}px`, "0px 0px"] }, {
+			duration: finalDuration,
+			easing
+		});
+		const clearTranslate = () => {
+			el.style.translate = "";
+		};
+		if ("addEventListener" in animation) {
+			animation.addEventListener("finish", clearTranslate, { once: true });
+			animation.addEventListener("cancel", clearTranslate, { once: true });
+		}
+	}
+}
+//#endregion
+export { flipAnimate };