@lambo-design/pro-layout 1.0.0-beta.435 → 1.0.0-beta.437

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/pro-layout",
-  "version": "1.0.0-beta.435",
+  "version": "1.0.0-beta.437",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -11,7 +11,7 @@
   },
   "devDependencies": {
     "@lambo-design/core": "^4.7.1-beta.176",
-    "@lambo-design/shared": "^1.0.0-beta.352"
+    "@lambo-design/shared": "^1.0.0-beta.356"
   },
   "scripts": {
     "release-pro-layout": "pnpm release-beta && git push --follow-tags && pnpm re-publish",

package/src/components/pro-layout-header/index.vue

@@ -13,6 +13,7 @@
     <div class="nav-box" v-show="!systemInfo || !systemInfo.navType || systemInfo.navType == 'dropdown'">
       <slot name="pro-layout-nav">
         <LamboProNav
+            ref="nav"
             :available-width="availableWidth"
             :not-home-index="hideMenuLogo"
         ></LamboProNav>
@@ -38,6 +39,7 @@
     </div>
     <div class="nav-slide-container" v-show="systemInfo && systemInfo.navType && systemInfo.navType == 'slide'" ref="slideContainer">
       <LamboProNavSilde
+          ref="sildeNav"
           :available-width="availableWidth"
           :not-home-index="hideMenuLogo"
           @width-change="handleSlideWidthChange"

package/src/components/pro-layout-tabs/index.vue

@@ -46,7 +46,7 @@ import {
   getPreviousTagIndex,
   getDelTagIndex,
   setTagNavListInLocalstorage,
-  showTitle
+  showTitle, getRootPermission
 } from '@lambo-design/shared/utils/platform'
 import beforeClose from '@lambo-design/shared/utils/menu/before-close'
 import Bus from "@lambo-design/shared/utils/bus";
@@ -81,6 +81,12 @@ export default {
       tabsHeight: 46
     }
   },
+  props: {
+    notSingleApp: {
+      type: Boolean,
+      default: true
+    }
+  },
   methods: {
     initListener(){
       Bus.$on('system-info',(data)=>{
@@ -233,14 +239,29 @@ export default {
       this.emitTags(res, value);
     },
     handleClick(item) {
-      if (item.meta && item.meta.appId
-          && item.meta.appId != this.appId
-          && item.meta.appId != config.homeRouter.meta.appId) {
-        let appInfo = this.navList.filter(app => app.appId === item.meta.appId);
-        if (appInfo && appInfo.length > 0) {
-          Bus.$emit('change-app', {appId:appInfo[0].appId,appInfo:appInfo[0]})
-        } else {
-          Bus.$emit('change-app', {appId:item.meta.appId,appInfo:null})
+      if (item.meta && item.meta.appId && item.meta.appId != config.homeRouter.meta.appId) {
+        let appIdInner = item.meta.appId;
+        if (!this.notSingleApp) {
+          // 如果是单应用模式，根据permissionId找到最上层目录（即导航栏中的应用）的permissionId
+          const permissionList = this.$store.getters.getOriginalPermissionList;
+          if (permissionList && permissionList.length > 0) {
+            const permission = {
+              pid: item.pid,
+              appId: item.meta ? item.meta.appId : item.appId
+            }
+            const rootPermission = getRootPermission(permissionList, permission);
+            if (rootPermission && rootPermission.permissionId) {
+              appIdInner = rootPermission.permissionId
+            }
+          }
+        }
+        if (appIdInner != this.appId) {
+          let appInfo = this.navList.filter(app => app.appId === appIdInner);
+          if (appInfo && appInfo.length > 0) {
+            Bus.$emit('change-app', {appId: appInfo[0].appId, appInfo: appInfo[0]})
+          } else {
+            Bus.$emit('change-app', {appId: appIdInner, appInfo: null})
+          }
         }
       }
       this.value = item.name

package/src/index.vue

@@ -1,7 +1,7 @@
 <template>
   <i-layout class="pro-layout" :class="layoutClass">
     <i-header class="pro-layout-header" :style="systemInfo.headBackground ? headBackgroundStyle : ''">
-      <LamboProLayoutHeader :hide-menu-logo="isHideLeftMenu">
+      <LamboProLayoutHeader :hide-menu-logo="isHideLeftMenu" ref="header">
         <template slot = "pro-layout-trigger">
           <slot name="pro-layout-trigger"></slot>
         </template>
@@ -42,7 +42,7 @@
       <i-content class="pro-layout-content">
         <i-layout class="pro-layout-content-layout">
           <div class="pro-layout-tabs" v-show="isHideLeftMenu">
-            <LamboProLayoutTabs></LamboProLayoutTabs>
+            <LamboProLayoutTabs :not-single-app="notSingleApp"></LamboProLayoutTabs>
           </div>
           <i-content class="pro-layout-page">
             <slot>
@@ -76,6 +76,10 @@ import Locale from '@lambo-design/core/src/mixins/locale';
 export default {
   mixins: [Locale],
   props:{
+    notSingleApp: {
+      type: Boolean,
+      default: true
+    },
     showLeftMenu: {
       type: Boolean,
       default: null