From b06f6a316b6a8293bb8aba6bfff33336b66c032a Mon Sep 17 00:00:00 2001 From: ahaos <8406649+lhailgl@user.noreply.gitee.com> Date: 星期三, 13 十二月 2023 09:01:52 +0800 Subject: [PATCH] !64 版本升级 * Merge branch 'dev' of gitee.com:JavaLionLi/plus-ui into ts * 升级依赖 * !61 fix: 删除重复环境变量ElUploadInstance * fix: 删除重复环境变量ElUploadInstance --- src/layout/components/Sidebar/SidebarItem.vue | 122 +++++++++++++++++++--------------------- 1 files changed, 59 insertions(+), 63 deletions(-) diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue index 4459cdf..7829d18 100644 --- a/src/layout/components/Sidebar/SidebarItem.vue +++ b/src/layout/components/Sidebar/SidebarItem.vue @@ -13,7 +13,7 @@ <el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)" teleported> <template v-if="item.meta" #title> - <svg-icon :icon-class="item.meta ? item.meta.icon : '' " /> + <svg-icon :icon-class="item.meta ? item.meta.icon : ''" /> <span class="menu-title" :title="hasTitle(item.meta?.title)">{{ item.meta?.title }}</span> </template> @@ -30,79 +30,75 @@ </template> <script setup lang="ts"> -import { isExternal } from '@/utils/validate' -import AppLink from './Link.vue' -import { getNormalPath } from '@/utils/ruoyi' -import { RouteOption } from "vue-router"; +import { isExternal } from '@/utils/validate'; +import AppLink from './Link.vue'; +import { getNormalPath } from '@/utils/ruoyi'; +import { RouteRecordRaw } from 'vue-router'; const props = defineProps({ - // route object - item: { - type: Object as PropType<RouteOption>, - required: true - }, - isNest: { - type: Boolean, - default: false - }, - basePath: { - type: String, - default: '' - } -}) + // route object + item: { + type: Object as PropType<RouteRecordRaw>, + required: true + }, + isNest: { + type: Boolean, + default: false + }, + basePath: { + type: String, + default: '' + } +}); const onlyOneChild = ref<any>({}); -const hasOneShowingChild = (parent: RouteOption, children?:RouteOption[]) => { - if (!children) { - children = []; +const hasOneShowingChild = (parent: RouteRecordRaw, children?: RouteRecordRaw[]) => { + if (!children) { + children = []; + } + const showingChildren = children.filter((item) => { + if (item.hidden) { + return false; + } else { + // Temp set(will be used if only has one showing child) + onlyOneChild.value = item; + return true; } - const showingChildren = children.filter(item => { - if (item.hidden) { - return false - } else { - // Temp set(will be used if only has one showing child) - onlyOneChild.value = item - return true - } - }) + }); - // When there is only one child router, the child router is displayed by default - if (showingChildren.length === 1) { - return true - } + // When there is only one child router, the child router is displayed by default + if (showingChildren.length === 1) { + return true; + } - // Show parent if there are no child router to display - if (showingChildren.length === 0) { - onlyOneChild.value = { ...parent, path: '', noShowingChildren: true } - if (parent.name === '2222') { - console.log(onlyOneChild.value) - } - return true - } + // Show parent if there are no child router to display + if (showingChildren.length === 0) { + onlyOneChild.value = { ...parent, path: '', noShowingChildren: true }; + return true; + } - - return false + return false; }; -const resolvePath = (routePath:string, routeQuery?:string): any => { - if (isExternal(routePath)) { - return routePath - } - if (isExternal(props.basePath)) { - return props.basePath - } - if (routeQuery) { - let query = JSON.parse(routeQuery); - return { path: getNormalPath(props.basePath + '/' + routePath), query: query } - } - return getNormalPath(props.basePath + '/' + routePath) -} +const resolvePath = (routePath: string, routeQuery?: string): any => { + if (isExternal(routePath)) { + return routePath; + } + if (isExternal(props.basePath)) { + return props.basePath; + } + if (routeQuery) { + let query = JSON.parse(routeQuery); + return { path: getNormalPath(props.basePath + '/' + routePath), query: query }; + } + return getNormalPath(props.basePath + '/' + routePath); +}; const hasTitle = (title: string | undefined): string => { - if(!title || title.length <= 5) { - return ""; - } - return title; -} + if (!title || title.length <= 5) { + return ''; + } + return title; +}; </script> -- Gitblit v1.9.3