@oiij/naive-ui 0.0.75 → 0.0.77

package/dist/composables/use-auto-menu.js

@@ -1,129 +0,0 @@
-import { computed, toValue } from "vue";
-
-//#region src/composables/use-auto-menu.ts
-/**
-* 获取配置值，支持函数和字符串两种类型
-* @param route 路由配置
-* @param config 配置项，可以是函数或字符串
-* @param defaultValue 默认值
-* @returns 配置值
-*/
-function getConfigValue(route, config, defaultValue) {
-	if (!config) return defaultValue;
-	if (typeof config === "function") return config(route);
-	return route.meta?.[config] ?? defaultValue;
-}
-/**
-* 创建单个菜单选项
-* @param route 路由配置
-* @param options 配置选项
-* @returns 菜单选项
-*/
-function createMenuOption(route, options) {
-	const { label, key, icon } = options ?? {};
-	return {
-		label: getConfigValue(route, label) ?? route.meta?.title ?? route.name ?? route.path,
-		key: getConfigValue(route, key) ?? route.name?.toString() ?? route.path?.toString(),
-		icon: icon ? () => icon(route) : void 0,
-		meta: route.meta
-	};
-}
-/**
-* 判断路由是否应该隐藏
-* @param route 路由配置
-* @param hide 隐藏条件
-* @returns 是否隐藏
-*/
-function shouldHide(route, hide) {
-	if (!hide) return false;
-	const result = getConfigValue(route, hide);
-	return typeof result === "boolean" ? result : !!result;
-}
-/**
-* 判断路由是否为根路由
-* @param route 路由配置
-* @param root 根路由判断
-* @returns 是否为根路由
-*/
-function isRoot(route, root) {
-	if (!root) return !!route.meta?.root;
-	const result = getConfigValue(route, root);
-	return typeof result === "boolean" ? result : !!result;
-}
-/**
-* 将路由配置转换为菜单配置的递归函数
-* @param routes 路由配置数组
-* @param options 配置选项
-* @returns 菜单配置数组
-*/
-function routes2menu(routes, options) {
-	const { hide, root } = options ?? {};
-	const menuOptions = [];
-	for (const route of routes ?? []) {
-		if (shouldHide(route, hide)) continue;
-		const menu = createMenuOption(route, options);
-		if (route.children?.length) {
-			const rootChildren = route.children.filter((child) => isRoot(child, root));
-			const normalChildren = route.children.filter((child) => !isRoot(child, root));
-			if (normalChildren.length) menu.children = routes2menu(normalChildren, options);
-			if (rootChildren.length) {
-				const rootMenuOptions = rootChildren.filter((child) => !shouldHide(child, hide)).map((child) => createMenuOption(child, options));
-				menuOptions.push(...rootMenuOptions);
-			}
-		}
-		menuOptions.push(menu);
-	}
-	return menuOptions;
-}
-/**
-* 深度扁平化菜单选项
-* @param menuOptions 菜单选项数组
-* @returns 扁平化的菜单选项数组
-*/
-function flattenMenuOptions(menuOptions) {
-	const flattened = [];
-	function processMenu(menu) {
-		flattened.push(menu);
-		if (menu.children?.length) for (const child of menu.children) processMenu(child);
-	}
-	for (const menu of menuOptions) processMenu(menu);
-	return flattened;
-}
-/**
-* 自动菜单组合函数
-* @param routes 路由配置数组
-* @param options 配置选项
-* @returns 包含菜单选项和扁平化菜单选项的对象
-*
-* @example
-* // 基本使用
-* const { menuOptions, flattenedMenuOptions } = useAutoMenu(routes)
-*
-* // 带配置选项（使用函数）
-* const { menuOptions, flattenedMenuOptions } = useAutoMenu(routes, {
-*   hide: (route) => route.meta?.hidden,
-*   root: (route) => route.meta?.root,
-*   label: (route) => route.meta?.title ?? route.name,
-*   key: (route) => route.path,
-*   icon: (route) => route.meta?.icon
-* })
-*
-* // 带配置选项（使用字符串）
-* const { menuOptions, flattenedMenuOptions } = useAutoMenu(routes, {
-*   hide: 'hidden',
-*   root: 'root',
-*   label: 'title',
-*   key: 'path',
-*   icon: (route) => route.meta?.icon
-* })
-*/
-function useAutoMenu(routes, options) {
-	const menuOptions = computed(() => routes2menu(toValue(routes), options));
-	return {
-		menuOptions,
-		flattenedMenuOptions: computed(() => flattenMenuOptions(menuOptions.value))
-	};
-}
-
-//#endregion
-export { useAutoMenu };