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

package/dist/components/TabsRoute/index.js

@@ -1,405 +0,0 @@
-import { useProLayoutContext } from "../../Context/index.js";
-import { useProLayoutMenuContext } from "../../hooks/menu/context.js";
-import { useProLayoutExposeContext } from "../../Context/expose.js";
-import props_default from "./props.js";
-import { useStyleFun } from "./style.js";
-import { handleTabsMenuName, tabsMenuList } from "./utils/config.js";
-import { Fragment, computed, createVNode, defineComponent, isVNode, onMounted, reactive, ref, toRaw, toRefs, unref, watch } from "vue";
-import { unit } from "@gx-design-vue/pro-provider";
-import { classNames, deepMerge, isBoolean, isNumber } from "@gx-design-vue/pro-utils";
-import { useLocalStorage, useThrottleFn } from "@vueuse/core";
-import { Dropdown, Menu, Tabs } from "ant-design-vue";
-import { cloneDeep as cloneDeep$1 } from "es-toolkit";
-import { CloseOutlined, DownOutlined, FullscreenExitOutlined, FullscreenOutlined, ReloadOutlined } from "@ant-design/icons-vue";
-import { useRouter } from "vue-router";
-import { GIcon } from "@gx-design-vue/icon";
-
-//#region src/components/TabsRoute/index.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const TabPane = Tabs.TabPane;
-const MenuItem$1 = Menu.Item;
-function getTabName(route) {
-	return route.name;
-}
-const TabsRoute = /* @__PURE__ */ defineComponent({
-	name: "TabsRoute",
-	props: props_default,
-	inheritAttrs: false,
-	setup(props) {
-		const { storage } = toRefs(props);
-		const reloadSpin = ref(false);
-		const state = reactive({
-			activeKey: "",
-			contextMenuActiveKey: ""
-		});
-		const router = useRouter();
-		const { tabsRouteRef } = useProLayoutExposeContext();
-		const { isMobile, zIndex, collapsedEffect, collapsedProps, layoutProps, contentFullScreen, settings, menu, renderRouterView, getPrefixCls } = useProLayoutContext();
-		const layoutMenuContext = useProLayoutMenuContext();
-		const baseClassName = getPrefixCls({
-			isPor: true,
-			suffixCls: "layout-tabs"
-		});
-		const { wrapSSR, hashId } = useStyleFun(baseClassName);
-		const storageTabs = useLocalStorage(baseClassName, {
-			fixed: [],
-			normal: []
-		});
-		function filterOutMenuData(record) {
-			return layoutMenuContext?.menuMap?.value?.get(record.name);
-		}
-		const menuDataState = reactive({
-			fixed: storage.value && storageTabs.value?.fixed ? storageTabs.value?.fixed : [],
-			normal: storage.value && storageTabs.value?.normal ? storageTabs.value?.normal : []
-		});
-		watch(() => menu.value.flatMenus, () => {
-			if (menuDataState.fixed.length) menuDataState.fixed = menuDataState.fixed.filter((item) => filterOutMenuData(item));
-			if (menuDataState.normal.length) menuDataState.normal = menuDataState.normal.filter((item) => filterOutMenuData(item));
-		}, {
-			immediate: true,
-			deep: true
-		});
-		watch(storage, (val) => {
-			storageTabs.value = val ? cloneDeep$1(toRaw(menuDataState)) : {
-				fixed: [],
-				normal: []
-			};
-		}, { immediate: true });
-		const dataSource = computed(() => menuDataState.fixed.concat(menuDataState.normal));
-		const hasSplitMenu = computed(() => settings.value.layout === "mix" && !isMobile.value && settings.value.splitMenus);
-		const currentRouteName = computed(() => getTabName(router?.currentRoute?.value));
-		const needSettingWidth = computed(() => settings.value.fixedTabsBar && !isMobile.value);
-		const tabsWidth = computed(() => {
-			const hasSideMenu = !(hasSplitMenu.value && menu.value.mixSiderMenus.length === 0 || menu.value.menuData.length === 0 || settings.value.layout === "top");
-			return needSettingWidth.value && hasSideMenu ? contentFullScreen.value ? "100%" : `calc(100% - ${collapsedEffect.value ? unit(collapsedProps.value?.width) : layoutProps.value.siderWidth})` : "100%";
-		});
-		const classNameRef = computed(() => {
-			return classNames(`${baseClassName}-wrap`, {
-				[`${hashId.value}`]: true,
-				[`${baseClassName}-wrap-${props.type}`]: props.type,
-				[`${baseClassName}-wrap-fixed`]: settings.value.fixedTabsBar,
-				[`${baseClassName}-wrap-loading`]: props.loading
-			});
-		});
-		const visible = computed(() => props.destroyOnHide === false && props.visible);
-		const styleRef = computed(() => {
-			const style = { display: visible.value ? void 0 : "none" };
-			return settings.value.fixedTabsBar ? {
-				margin: 0,
-				width: tabsWidth.value,
-				paddingTop: "6px",
-				zIndex: zIndex.value - 1,
-				top: contentFullScreen.value ? 0 : void 0,
-				...style
-			} : style;
-		});
-		watch(() => menuDataState, (val) => {
-			if (storage.value) storageTabs.value = cloneDeep$1(val);
-			props.onTabsChange?.([...menuDataState.fixed, ...menuDataState.normal]);
-		}, { deep: true });
-		const getCurrentRoute = (name) => {
-			return dataSource.value.find((item) => getTabName(item) === name);
-		};
-		const checkActiveRoute = (record) => getTabName(record) === currentRouteName.value;
-		/**
-		* @Author      gx12358
-		* @DateTime    2021/8/6
-		* @lastTime    2021/8/6
-		* @description 当前页是否固定
-		*/
-		const checkIsFixed = (tag) => {
-			const { fixed } = tag?.meta?.tabState || {};
-			return tag?.meta ? isBoolean(fixed) ? fixed : fixed === 0 : false;
-		};
-		const handleAddTabs = (record) => {
-			const { hidden } = record?.meta?.tabState || {};
-			if (record.name && record.meta && hidden !== true) {
-				const fixed = checkIsFixed(record);
-				const name = getTabName(record);
-				const options = {
-					name,
-					path: record.path,
-					fullPath: record.fullPath,
-					query: record.query,
-					params: record.params,
-					meta: deepMerge(record.meta, { tabState: record.meta?.tabState })
-				};
-				if (dataSource.value.some((item) => getTabName(item) === name)) changeTabsList(record, {
-					type: "merge",
-					params: options
-				});
-				else if (fixed) menuDataState.fixed.push(options);
-				else menuDataState.normal.push(options);
-				if (checkActiveRoute(record)) state.activeKey = name;
-			}
-		};
-		/**
-		* @Author      gx12358
-		* @DateTime    2021/8/6
-		* @lastTime    2021/8/6
-		* @description 初始化添加固定标签
-		*/
-		const initAffixTabs = (list) => {
-			list.forEach((item) => {
-				if (checkIsFixed(item)) handleAddTabs(unref(item));
-			});
-		};
-		watch(() => menu.value.flatMenus, (val) => {
-			initAffixTabs(val);
-		}, {
-			deep: true,
-			immediate: true
-		});
-		watch(() => router?.currentRoute?.value, (route) => {
-			if (route) handleAddTabs(route);
-		}, {
-			deep: true,
-			immediate: true
-		});
-		const toPath = (activeName) => {
-			const record = dataSource.value.find((item) => (activeName || state.activeKey) === getTabName(item));
-			return record?.redirect || record?.fullPath || record?.path || "";
-		};
-		function toExtraProps(record) {
-			const extraOptions = {};
-			if (record.query) extraOptions.query = record.query;
-			if (record.params) extraOptions.params = record.params;
-			return extraOptions;
-		}
-		function changeTabsList(record, { type, addType, params }) {
-			const listState = checkIsFixed(record) ? "fixed" : "normal";
-			if (type === "add" && addType) menuDataState[listState][addType](params);
-			else if (type === "merge") menuDataState[listState] = menuDataState[listState].map((item) => {
-				if (getTabName(item) === getTabName(record)) return deepMerge(item, params);
-				return item;
-			});
-			else if (type === "remove") menuDataState[listState] = menuDataState[listState].filter((item) => getTabName(item) !== getTabName(record));
-		}
-		/**
-		* @Author      gx12358
-		* @DateTime    2021/8/6
-		* @lastTime    2021/8/6
-		* @description 查询最后一个标签
-		*/
-		const toLastTag = () => {
-			const latestView = dataSource.value.slice(-1)[0];
-			if (latestView) router.push({
-				path: toPath(getTabName(latestView)),
-				...toExtraProps(latestView)
-			});
-			else router.push("/");
-		};
-		const closeRoute = (name, callback) => {
-			const record = dataSource.value.find((item) => name === getTabName(item));
-			if (record) {
-				changeTabsList(record, {
-					type: "remove",
-					params: record
-				});
-				callback?.(record);
-			}
-		};
-		const clean = () => {
-			menuDataState.fixed = [];
-			menuDataState.normal = [];
-		};
-		/**
-		* @Author      gx12358
-		* @DateTime    2021/8/6
-		* @lastTime    2021/8/6
-		* @description 标签删除
-		*/
-		const handleTabRemove = async (name) => {
-			closeRoute(name, (record) => {
-				if (checkActiveRoute(record)) toLastTag();
-			});
-		};
-		/**
-		* @Author      gx12358
-		* @DateTime    2021/8/6
-		* @lastTime    2021/8/6
-		* @description 标签点击
-		*/
-		const handleTabClick = (name) => {
-			const record = dataSource.value.find((item) => getTabName(item) === name);
-			if (record && state.activeKey !== getTabName(record)) router.push({
-				path: toPath(getTabName(record)),
-				...toExtraProps(record)
-			});
-		};
-		/**
-		* @Author      gx12358
-		* @DateTime    2024/9/23
-		* @lastTime    2024/9/23
-		* @description 刷新页面
-		*/
-		const reloadPage = useThrottleFn(() => {
-			renderRouterView.value = false;
-			reloadSpin.value = true;
-			props.onReloadPage && props.onReloadPage?.();
-			setTimeout(() => {
-				renderRouterView.value = true;
-			}, 200);
-			setTimeout(() => {
-				reloadSpin.value = false;
-			}, 500);
-		}, 500);
-		const getMenuPath = (stateType) => state[stateType];
-		const routerPush = (activeRoute) => {
-			router.push({
-				path: activeRoute.path,
-				...toExtraProps(activeRoute)
-			});
-		};
-		const handleMenuClick = (key, stateType) => {
-			let active = menuDataState.normal.findIndex((item) => getTabName(item) === getMenuPath(stateType));
-			const activeRoute = dataSource.value.find((item) => getTabName(item) === getMenuPath(stateType));
-			const fixed = checkIsFixed(activeRoute);
-			let isIncludeActive = false;
-			switch (key) {
-				case "fixed":
-					if (fixed) {
-						active = menuDataState.fixed.findIndex((item) => getTabName(item) === getMenuPath(stateType));
-						menuDataState.normal.unshift(deepMerge(activeRoute, { meta: { tabState: { fixed: !fixed } } }));
-						menuDataState.fixed = menuDataState.fixed.filter((_, index) => index !== active);
-					} else {
-						menuDataState.fixed.push(deepMerge(activeRoute, { meta: { tabState: { fixed: !fixed } } }));
-						menuDataState.normal = menuDataState.normal.filter((_, index) => index !== active);
-					}
-					break;
-				case "close":
-					handleTabRemove(getTabName(activeRoute) || "");
-					break;
-				case "closeOthersTabs":
-					menuDataState.normal = menuDataState.normal.filter((item) => getTabName(item) === getMenuPath(stateType) || checkIsFixed(item));
-					isIncludeActive = state[stateType] !== state.activeKey;
-					if (isIncludeActive) routerPush(activeRoute);
-					break;
-				case "closeLeftTabs":
-					if (isNumber(active)) {
-						menuDataState.normal = menuDataState.normal.filter((item, sort) => sort >= active || checkIsFixed(item));
-						isIncludeActive = !dataSource.value.some((item) => getTabName(item) === state.activeKey);
-						if (isIncludeActive) routerPush(activeRoute);
-					}
-					break;
-				case "closeRightTabs":
-					if (isNumber(active)) menuDataState.normal = menuDataState.normal.filter((item, sort) => sort <= active || checkIsFixed(item));
-					isIncludeActive = !dataSource.value.some((item) => getTabName(item) === state.activeKey);
-					if (isIncludeActive) routerPush(activeRoute);
-					break;
-				case "closeAllTabs":
-					menuDataState.normal = menuDataState.normal.filter((item) => checkIsFixed(item));
-					toLastTag();
-					break;
-				case "reloadPage":
-					if ((active === 0 || active) && state.activeKey === getMenuPath(stateType)) reloadPage();
-					break;
-				case "newBlank":
-					window.open(location.href);
-					break;
-				case "fullScreen":
-					contentFullScreen.value = !contentFullScreen.value;
-					break;
-				default: break;
-			}
-		};
-		const tabBarExtraState = (key, name) => {
-			const activeIndex = dataSource.value.findIndex((item) => getTabName(item) === name);
-			if (key === "closeOthersTabs") return dataSource.value.filter((item, sort) => sort !== activeIndex && !checkIsFixed(item)).length === 0;
-			else if (key === "closeLeftTabs") return dataSource.value.filter((item, sort) => sort < activeIndex && !checkIsFixed(item)).length === 0;
-			else if (key === "closeRightTabs") return dataSource.value.filter((item, sort) => sort > activeIndex && !checkIsFixed(item)).length === 0;
-		};
-		const TabMenu = (props) => {
-			let _slot;
-			const { name, stateType } = props;
-			return createVNode(Menu, {
-				"selectedKeys": [],
-				"onClick": (e) => handleMenuClick(e.key, stateType)
-			}, _isSlot(_slot = tabsMenuList.map((item) => {
-				if (item.key === "divider") return createVNode(Menu.Divider, { "key": item.key }, null);
-				const Icon = item.icon;
-				if (item.key === "close" && checkIsFixed(getCurrentRoute(name))) return null;
-				return createVNode(MenuItem$1, {
-					"key": item.key,
-					"disabled": tabBarExtraState(item.key, name)
-				}, { default: () => [item.icon && typeof item.icon === "function" ? item.key === "fullScreen" ? item.icon(contentFullScreen.value) : item.key === "fixed" ? item.icon(checkIsFixed(getCurrentRoute(name))) : null : createVNode(Icon, null, null), createVNode("span", { "style": { marginInlineStart: "8px" } }, [handleTabsMenuName(item, {
-					tabs: getCurrentRoute(name)?.meta?.tabState || {},
-					fullScreen: contentFullScreen.value
-				})])] });
-			})) ? _slot : { default: () => [_slot] });
-		};
-		const TabTitle = ({ router: record }) => {
-			const dataSourceItemRender = props.itemRender ? props.itemRender(record) : null;
-			const fixed = checkIsFixed(record);
-			return createVNode(Dropdown, {
-				"trigger": "contextmenu",
-				"overlay": createVNode(TabMenu, {
-					"name": getTabName(record) || "",
-					"stateType": "contextMenuActiveKey"
-				}, null),
-				"onOpenChange": (val) => {
-					state.contextMenuActiveKey = val ? getTabName(record) || "" : "";
-				}
-			}, { default: () => [dataSourceItemRender || createVNode("div", { "class": [`${baseClassName}-title`, hashId.value] }, [
-				record.meta?.title,
-				fixed && createVNode(GIcon, {
-					"type": "pin",
-					"class": [`${baseClassName}-icon`, hashId.value]
-				}, null),
-				dataSource.value.length > 1 && !checkIsFixed(record) && createVNode(CloseOutlined, {
-					"class": [`${baseClassName}-close-btn`, hashId.value],
-					"onClick": (e) => {
-						e.stopPropagation();
-						handleTabRemove(getTabName(record) || "");
-					}
-				}, null)
-			])] });
-		};
-		onMounted(() => {
-			tabsRouteRef.value = {
-				clean,
-				close: closeRoute,
-				update: changeTabsList
-			};
-		});
-		return () => {
-			const FullIcon = contentFullScreen.value ? FullscreenExitOutlined : FullscreenOutlined;
-			return wrapSSR(createVNode(Fragment, null, [settings.value.fixedTabsBar && createVNode("div", {
-				"style": { display: visible.value ? void 0 : "none" },
-				"class": [`${baseClassName}-fixed`, hashId.value]
-			}, null), createVNode(Tabs, {
-				"hideAdd": true,
-				"style": styleRef.value,
-				"class": classNameRef.value,
-				"activeKey": state.activeKey,
-				"onTabClick": handleTabClick
-			}, {
-				default: () => [dataSource.value.map((item) => createVNode(TabPane, {
-					"key": getTabName(item),
-					"closable": false,
-					"tab": createVNode(TabTitle, { "router": item }, null)
-				}, null))],
-				rightExtra: () => createVNode("div", { "class": classNames(`${baseClassName}-dropdown-menu`, hashId.value) }, [
-					createVNode(ReloadOutlined, {
-						"class": [`${baseClassName}-dropdown-menu-btn`, hashId.value],
-						"onClick": () => handleMenuClick("reloadPage", "activeKey")
-					}, null),
-					createVNode(Dropdown, { "overlay": createVNode(TabMenu, {
-						"name": state.activeKey,
-						"stateType": "activeKey"
-					}, null) }, { default: () => [createVNode(DownOutlined, { "class": [`${baseClassName}-dropdown-menu-btn`, hashId.value] }, null)] }),
-					createVNode(FullIcon, {
-						"class": [`${baseClassName}-dropdown-menu-btn`, hashId.value],
-						"onClick": () => handleMenuClick("fullScreen", "activeKey")
-					}, null)
-				])
-			})]));
-		};
-	}
-});
-var TabsRoute_default = TabsRoute;
-
-//#endregion
-export { TabsRoute_default as default };

package/dist/components/TabsRoute/props.d.ts

@@ -1,78 +0,0 @@
-import { AppRouteModule } from "../../types/RouteTypings.js";
-import { TabsRouteItemRender } from "../../types/SlotsTypings.js";
-import { PropType } from "vue";
-
-//#region src/components/TabsRoute/props.d.ts
-type TabsRouteType = 'card' | 'button' | 'google';
-declare const baseTabsRouter: {
-  visible: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  type: {
-    type: PropType<TabsRouteType>;
-    default: string;
-  };
-  destroyOnHide: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  storage: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  itemRender: {
-    type: PropType<TabsRouteItemRender>;
-    default: () => any;
-  };
-};
-declare const tabsRouteFunctionProps: {
-  onReloadPage: {
-    type: PropType<() => void>;
-  };
-  onTabsChange: {
-    type: PropType<(list: AppRouteModule[]) => void>;
-    default: any;
-  };
-  'onUpdate:tabs': {
-    type: PropType<(list: AppRouteModule[]) => void>;
-  };
-};
-declare const _default: {
-  onReloadPage: {
-    type: PropType<() => void>;
-  };
-  onTabsChange: {
-    type: PropType<(list: AppRouteModule[]) => void>;
-    default: any;
-  };
-  'onUpdate:tabs': {
-    type: PropType<(list: AppRouteModule[]) => void>;
-  };
-  loading: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  visible: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  type: {
-    type: PropType<TabsRouteType>;
-    default: string;
-  };
-  destroyOnHide: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  storage: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  itemRender: {
-    type: PropType<TabsRouteItemRender>;
-    default: () => any;
-  };
-};
-//#endregion
-export { TabsRouteType, baseTabsRouter, _default as default, tabsRouteFunctionProps };

package/dist/components/TabsRoute/props.js

@@ -1,47 +0,0 @@
-//#region src/components/TabsRoute/props.ts
-const baseTabsRouter = {
-	visible: {
-		type: Boolean,
-		default: void 0
-	},
-	type: {
-		type: String,
-		default: "button"
-	},
-	destroyOnHide: {
-		type: Boolean,
-		default: false
-	},
-	storage: {
-		type: Boolean,
-		default: true
-	},
-	itemRender: {
-		type: [
-			Function,
-			Boolean,
-			Object,
-			Array
-		],
-		default: () => void 0
-	}
-};
-const tabsRouteFunctionProps = {
-	onReloadPage: { type: Function },
-	onTabsChange: {
-		type: Function,
-		default: void 0
-	},
-	"onUpdate:tabs": { type: Function }
-};
-var props_default = {
-	...baseTabsRouter,
-	loading: {
-		type: Boolean,
-		default: void 0
-	},
-	...tabsRouteFunctionProps
-};
-
-//#endregion
-export { baseTabsRouter, props_default as default, tabsRouteFunctionProps };

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

@@ -1,15 +0,0 @@
-import * as vue203 from "vue";
-import { ProAliasToken } from "@gx-design-vue/pro-provider";
-import * as ant_design_vue_es__util_type16 from "ant-design-vue/es/_util/type";
-
-//#region src/components/TabsRoute/style.d.ts
-interface TabsRouteToken extends ProAliasToken {
-  componentWrapCls: string;
-  componentTitleCls: string;
-}
-declare function useStyleFun(componentCls: string): {
-  wrapSSR: (node: ant_design_vue_es__util_type16.VueNode) => ant_design_vue_es__util_type16.VueNode;
-  hashId: vue203.ComputedRef<string>;
-};
-//#endregion
-export { TabsRouteToken, useStyleFun };

package/dist/components/TabsRoute/style.js

@@ -1,133 +0,0 @@
-import { getCssVarOrUnit } from "../../utils/style/index.js";
-import "../../utils/index.js";
-import { defaultSettings, getTokenLayoutTheme } from "../../config/index.js";
-import { iconStyle } from "../../style/index.js";
-import { mergeToken, useStyle } from "@gx-design-vue/pro-provider";
-
-//#region src/components/TabsRoute/style.ts
-const tabsRouteHeight = 40;
-const genMultiTabStyle = (token) => {
-	const { theme } = getTokenLayoutTheme(token);
-	return {
-		[`${token.componentTitleCls}`]: {
-			display: "flex",
-			alignItems: "center",
-			gap: 8
-		},
-		[`${token.componentTitleCls}-icon`]: {
-			color: token.colorTextSecondary,
-			fontSize: 16,
-			transition: "all .3s cubic-bezier(.645,.045,.355,1)"
-		},
-		[`${token.componentCls}`]: { "&-fixed": {
-			width: "100%",
-			height: tabsRouteHeight,
-			background: "transparent"
-		} },
-		[`${token.componentWrapCls}`]: {
-			borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
-			[`&${token.antCls}-tabs`]: {
-				paddingBlock: 6,
-				backgroundColor: token.layout?.header?.colorBgHeader || "rgba(255, 255, 255, 0.4)",
-				WebkitBackdropFilter: "blur(8px)",
-				backdropFilter: "blur(8px)",
-				[`>${token.antCls}-tabs-nav`]: {
-					paddingLeft: 16,
-					marginBlockEnd: 0,
-					"&::before": { display: "none" },
-					[`${token.antCls}-tabs-ink-bar`]: { display: "none" },
-					[`${token.antCls}-tabs-tab`]: {
-						paddingInline: 8,
-						paddingBlock: 2,
-						lineHeight: "20px",
-						border: `1px solid ${token.colorBorder}`,
-						borderRadius: token.borderRadiusSM,
-						"&:hover": {
-							borderColor: theme === "dark" ? "transparent" : token.colorPrimary,
-							backgroundColor: theme === "dark" ? token.colorBgTextHover : token.colorBgElevated,
-							[`${token.antCls}-tabs-tab-btn`]: {
-								color: theme === "dark" ? token.colorText : token.colorPrimary,
-								[`${token.componentTitleCls}`]: {
-									[`${token.componentCls}-icon`]: { color: theme === "dark" ? token.colorText : token.colorPrimary },
-									".anticon": { color: theme === "dark" ? token.colorText : token.colorPrimary }
-								}
-							}
-						},
-						[`+${token.antCls}-tabs-tab`]: { marginInlineStart: 8 },
-						[`${token.antCls}-tabs-tab-btn`]: {
-							color: token.colorText,
-							[`${token.componentTitleCls}`]: {
-								fontSize: token.fontSizeSM,
-								[`${token.componentCls}-icon`]: {
-									color: token.colorText,
-									fontSize: token.fontSizeSM,
-									cursor: "pointer",
-									transition: "color .3s"
-								}
-							}
-						},
-						[`&${token.antCls}-tabs-tab-active`]: {
-							borderColor: "transparent",
-							backgroundColor: token.colorPrimary,
-							"&:hover": { [`${token.antCls}-tabs-tab-btn`]: {
-								color: token.colorWhite,
-								[`${token.componentTitleCls}`]: {
-									[`${token.componentCls}-icon`]: { color: token.colorWhite },
-									".anticon": { color: token.colorWhite }
-								}
-							} },
-							[`${token.antCls}-tabs-tab-btn`]: {
-								color: token.colorWhite,
-								[`${token.componentTitleCls}`]: {
-									[`${token.componentCls}-icon`]: { color: token.colorWhite },
-									".anticon": { color: token.colorWhite }
-								}
-							}
-						},
-						".anticon": {
-							margin: 0,
-							fontSize: token.fontSizeSM - 2
-						}
-					},
-					[`${token.antCls}-tabs-nav-list ${token.antCls}-tabs-tab`]: {
-						transition: "all .2s cubic-bezier(.645,.045,.355,1)",
-						"&:hover": { [`${token.componentTitleCls}-icon`]: { color: token.colorPrimaryHover } },
-						"&-active": { [`${token.componentTitleCls}-icon`]: { color: token.colorPrimary } }
-					},
-					[`${token.componentCls}-dropdown-menu`]: {
-						display: "flex",
-						alignItems: "center",
-						gap: token.marginXS,
-						paddingInlineEnd: token.margin
-					},
-					[`${token.componentCls}-dropdown-menu-btn`]: {
-						fontWeight: token.fontWeightStrong,
-						textDecoration: "none",
-						...iconStyle(token),
-						"&:active": { backgroundColor: token.wireframe ? "transparent" : token.colorFillContentHover }
-					}
-				},
-				[`${token.antCls}-tabs-content-holder`]: { display: "none" }
-			},
-			"&-fixed": {
-				position: "fixed",
-				height: tabsRouteHeight,
-				top: getCssVarOrUnit(token.layout?.header?.heightLayoutHeader || defaultSettings.headerHeight),
-				right: 0,
-				zIndex: 9,
-				transition: "width .2s"
-			}
-		}
-	};
-};
-function useStyleFun(componentCls) {
-	return useStyle("TabsRoute", (token) => {
-		return [genMultiTabStyle(mergeToken(token, {
-			componentWrapCls: `${token.componentCls}-wrap`,
-			componentTitleCls: `${token.componentCls}-title`
-		}))];
-	}, componentCls);
-}
-
-//#endregion
-export { useStyleFun };

package/dist/components/TabsRoute/utils/config.d.ts

@@ -1,18 +0,0 @@
-import { TabsMeta } from "../../../types/RouteTypings.js";
-import { CustomRender } from "@gx-design-vue/pro-utils";
-
-//#region src/components/TabsRoute/utils/config.d.ts
-type TabsMenuType = 'fixed' | 'closeOthersTabs' | 'closeLeftTabs' | 'closeRightTabs' | 'reloadPage' | 'close' | 'closeAllTabs' | 'divider' | 'newBlank' | 'fullScreen';
-interface TabsMenu {
-  key: TabsMenuType;
-  icon?: CustomRender;
-  label?: string;
-  disabled?: boolean;
-}
-declare const tabsMenuList: TabsMenu[];
-declare function handleTabsMenuName(record: TabsMenu, options: {
-  tabs: TabsMeta;
-  fullScreen: boolean;
-}): string;
-//#endregion
-export { TabsMenu, TabsMenuType, handleTabsMenuName, tabsMenuList };