@lambo-design/pro-layout 1.0.0-beta.430 → 1.0.0-beta.431

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/pro-layout",
-  "version": "1.0.0-beta.430",
+  "version": "1.0.0-beta.431",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/components/pro-layout-header/pro-layout-nav/components/pro-layout-nav-slide-menu.vue

@@ -19,6 +19,7 @@
 <script>
 import Bus from '@lambo-design/shared/utils/bus'
 import { deepCopy } from '@lambo-design/shared/utils/assist'
+import _ from "lodash";
 
 export default {
   props: {
@@ -89,13 +90,27 @@ export default {
       }
     },
     initNav(data) {
-      if (data.toString() === this.navList.toString() && this.topMenuNum === this.lastTopMenuNum) {
+      // 过滤掉首页项，获取真实的业务数据
+      const realData = data.filter(item => item.appId !== 'backHome');
+      if (realData.toString() === this.navList.toString() && this.topMenuNum === this.lastTopMenuNum) {
         return
       }
-      this.navList = data
+      this.navList = realData
       this.lastTopMenuNum = this.topMenuNum
 
-      this.topMenList = data
+      let dataClone = _.cloneDeep(realData);
+      // 如果配置了显示首页且显示样式是应用式，在列表最前面添加首页项
+      if (dataClone && dataClone.length > 0 && this.systemInfo.backToHome && this.systemInfo.backToHomeStyle === "app") {
+        const homeItem = {
+          appId: 'backHome',
+          name: this.systemInfo.backToHomeText || '首页',
+          icon: 'ios-home',
+          selected: false
+        };
+        dataClone.unshift(homeItem);
+      }
+
+      this.topMenList = dataClone
       this.$emit('topMen-list', this.topMenList);
 
       // 计算可以显示的菜单数量
@@ -103,6 +118,9 @@ export default {
 
       if (this.topMenList.length > 0) {
         let appId = this.topMenList[0].appId
+        if (this.systemInfo.backToHome && this.systemInfo.backToHomeStyle === "app") {
+          appId = this.topMenList[1].appId;
+        }
         for (let i = 0; i < this.topMenList.length; i++) {
           if (this.topMenList[i].selected == true) {
             appId = this.topMenList[i].appId
@@ -145,7 +163,7 @@ export default {
         let accumulatedWidth = 0;
         const reservedWidth = 40; // 预留一些边距
 
-        this.navList.forEach((item, index) => {
+        this.topMenList.forEach((item, index) => {
           const estimatedWidth = this.estimateMenuItemWidth(item);
           if (accumulatedWidth + estimatedWidth <= this.availableWidth - reservedWidth) {
             accumulatedWidth += estimatedWidth;
@@ -208,6 +226,13 @@ export default {
 
     selectApp(appId) {
       if (appId) {
+        if (appId === 'backHome') {
+          Bus.$emit("change-app", {
+            appId,
+            appInfo: {}
+          });
+          return;
+        }
         this.activeName = appId
         let res = this.navList.filter(app => app.appId == appId)
         Bus.$emit('change-app', { appId, appInfo: res[0] })