@lambo-design/shared 1.0.0-beta.114 → 1.0.0-beta.116

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/shared",
-  "version": "1.0.0-beta.114",
+  "version": "1.0.0-beta.116",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/utils/menu/index.js

@@ -39,6 +39,15 @@ export const hasRoutePath = ($router, path) => {
  * @returns []
  */
 export const generatorMenuList = (permissionList,appId) => {
+    let menuRouter = generatorMenuRouter(permissionList,appId);
+    return menuRouter && menuRouter.menuData ? menuRouter.menuData : [];
+};
+/**
+ * 动态生成菜单
+ * @param generatorMenuRouter
+ * @returns []
+ */
+export const generatorMenuRouter = (permissionList,appId) => {
     let menuData = [],
         pageNode = {
             path: "/page",
@@ -51,15 +60,10 @@ export const generatorMenuList = (permissionList,appId) => {
             children: []
         };
     listToMenuTree(permissionList, menuData, pageNode, "0", [], true,appId);
-
-    /*if (pageNode.children.length > 0) {
-        menuData.push(pageNode);
-    }*/
-    return menuData;
+    return {menuData,pageNode};
 };
 
 
-
 /**
  * 数组转树形结构
  */
@@ -68,7 +72,7 @@ const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId)
         return;
     }
     list.forEach(item => {
-        if (item.appId == appId && (!item.hasOwnProperty("hideInMenu") || (item.hasOwnProperty("hideInMenu") && !item.hideInMenu))) {
+        if (!appId || item.appId == appId && (!item.hasOwnProperty("hideInMenu") || (item.hasOwnProperty("hideInMenu") && !item.hideInMenu))) {
             // 判断是否为父级菜单
             if (item.pid === parentId) {
                 if (item.type === 1 || item.type === 2) {
@@ -83,6 +87,7 @@ const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId)
                             notCache: item.notCache ? true : false,
                             hideInMenu: item.hideInMenu ? true : false
                         },
+                        permissionId: item.permissionId,
                         type: item.type,
                         pid: item.pid,
                         component: item.name,
@@ -132,6 +137,7 @@ const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId)
                             crumbs: [...crumbs],
                             type: item.type
                         },
+                        permissionId: item.permissionId,
                         type: item.type,
                         pid: item.pid,
                         component: item.name,
@@ -150,4 +156,133 @@ const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId)
         }
     });
 };
+
+/**
+ * 动态生成路由
+ * @param generatorMenuRouter
+ * @returns []
+ */
+export const generatorDynamicRouter = (permissionList,exampleMenuData,constantRouterComponents) => {
+    let allMenu = generatorMenuRouter(permissionList, null);
+    let menuData = allMenu.menuData;
+    let pageNode = allMenu.pageNode;
+    if (menuData && pageNode && pageNode.children.length > 0) {
+        menuData.push(pageNode);
+    }
+    //给路由添加面包屑属性，解决示例页面左侧菜单点击不选中的问题
+    routesAddCrumbs(exampleMenuData,[]);
+    menuData = menuData.concat(exampleMenuData)
+    let dynamicRouter = generator(menuData,constantRouterComponents);
+
+    return dynamicRouter;
+}
+/**
+ * 路由添加面包屑属性
+ */
+export const routesAddCrumbs = (routes ,crumbs) => {
+    routes.forEach(item => {
+        if (item.meta.hasOwnProperty('crumbs')){
+            item.meta.crumbs.push({
+                icon: item.meta.icon,
+                name: item.name,
+                title: item.meta.title,
+                type: item.type
+            });
+        }else{
+            item.meta['crumbs'] = [...crumbs];
+            item.meta.crumbs.push({
+                icon: item.meta.icon,
+                name: item.name,
+                title: item.meta.title,
+                type: item.type
+            });
+        }
+        if (item.hasOwnProperty("children")){
+            routesAddCrumbs(item.children,item.meta.crumbs)
+        }
+    });
+}
+
+/*
+生成 vue-router 层级路由表
+ */
+const generator = (menuData,constantRouterComponents) => {
+    for (let item of menuData) {
+        if (item.component && typeof item.component == "string") {
+            const target = constantRouterComponents[item.component];
+            if (target) {
+                if (typeof target.component == "string") {
+                    // 解决路由name与组件name不一致导致的keeplive不生效的问题
+                    item.component = resolve =>
+                        require([`@/view/${target.component}`], data => {
+                            data.default.name = item.name;
+                            resolve(data);
+                        });
+                } else {
+                    item.component = target.component;
+                }
+                if (target.url) {
+                    item.path = target.url;
+                }
+                if (item.uri) {
+                    item.meta.uriParam = item.uri;
+                }
+                if (target.notCache) {
+                    item.meta.notCache = target.notCache;
+                }
+                if (target.hideInMenu) {
+                    item.meta.hideInMenu = target.hideInMenu;
+                }
+            } else if (item.uri) {
+                if (item.uri.startsWith("/")) {
+                    item.uri = item.uri.substr(1);
+                }
+                if (item.uri.startsWith("dida/")) {
+                    item.meta.notCache = true;
+                    item.component = resolve => {
+                        require([`@/view/dida/dida-page`], data => {
+                            data.default.name = item.name;
+                            resolve(data);
+                        });
+                    };
+                    item.path = "/" + item.uri;
+                } else {
+                    try{
+                        let path = item.uri;
+                        if (item.uri.startsWith(config.routerBase + "/")) {
+                            path = path.replace(config.routerBase + "/","")
+                        }
+                        let component = require(`@/view/${path}`);
+                        if (component) {
+                            item.component = resolve => {
+                                require([`@/view/${path}`], data => {
+                                    data.default.name = item.name;
+                                    resolve(data);
+                                });
+                            };
+                            item.path = "/" + path;
+                        } else {
+                            //console.warn(`${item.name}(${item.uri})页面不存在`)
+                            delete item.component;
+                        }
+                    }catch (e){
+                        //console.warn(`${item.name}(${item.uri})页面不存在`)
+                        delete item.component;
+                    }
+                }
+            } else {
+                //console.warn(`${item.name}的资源路径未配置`);
+                delete item.component;
+            }
+            if (item.path == null) {
+                item.path = "";
+            }
+            if (item.children && item.children.length > 0) {
+                generator(item.children);
+            }
+        }
+    }
+    return menuData;
+};
+
 export default generatorMenuList;