@lambo-design/shared 1.0.0-beta.241 → 1.0.0-beta.243

package/utils/menu/index.js

@@ -1,395 +1,395 @@
-import config from "../../config/config"
-import {deepCopy} from "../assist";
-import {getUrlParams} from "../platform"
-/**
- * 判断是否存在路由
- * @param $router
- * @param name
- * @returns {*|boolean}
- */
-export const hasRoute = ($router, name) => {
-    let routes = $router.getRoutes();
-    let res = routes.filter(item => item.name === name)
-    return res && res.length > 0
-}
-/**
- * 判断是否存在路由并且页面存在
- * @param $router
- * @param path
- * @returns {*|boolean}
- */
-export const hasRoutePath = ($router, path) => {
-    if ($router && path) {
-        let routes = $router.getRoutes();
-        if (path.trim().startsWith("dida/")) {
-            path = path.trim().replace("dida/","");
-            if (!path.startsWith("/")) {
-                path = "/" + path;
-            }
-        } else if (path.trim().startsWith("dareport/")) {
-            path = path.trim().replace("dareport/","");
-            if (!path.startsWith("/")) {
-                path = "/" + path;
-            }
-        } else if (path.trim().startsWith("/" + config.routerBase + "/")) {
-            path = "/" + path.replace("/" + config.routerBase + "/","")
-        }
-        let res = routes.filter(item => item.path === path)
-        return res && res.length > 0
-    }
-    return false
-}
-/**
- * 动态生成菜单
- * @param permissionList
- * @returns []
- */
-export const generatorMenuList = (permissionList,appId,generateType = 'router') => {
-    let menuRouter = generatorMenuRouter(permissionList,appId,generateType);
-    return menuRouter && menuRouter.menuData ? menuRouter.menuData : [];
-};
-/**
- * 动态生成菜单
- * @param generatorMenuRouter
- * @returns []
- */
-export const generatorMenuRouter = (permissionList,appId,generateType = 'router') => {
-    let menuData = [],
-        pageNode = {
-            path: "/page",
-            name: "page",
-            meta: {
-                hideInMenu: true,
-                notCache: true
-            },
-            component: "Main",
-            children: []
-        };
-    listToMenuTree(permissionList, menuData, pageNode, "0", [], true,appId,generateType);
-    return {menuData,pageNode};
-};
-
-
-/**
- * 数组转树形结构
- */
-const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId,generateType = 'router') => {
-    if (list == null) {
-        return;
-    }
-    list.forEach(item => {
-        let appIdCondition = !appId || item.appId == appId || appId.indexOf(item.appId) > -1;//过滤是否要求的应用
-        let hideInMenuCondition = !(item.hasOwnProperty("hideInMenu") && item.hideInMenu);//过滤是否隐藏的菜单
-        if ((generateType && generateType == 'router' && appIdCondition) ||
-            (generateType == 'menu' && appIdCondition && hideInMenuCondition)) {
-            // 判断是否为父级菜单
-            if (item.pid === parentId) {
-                if (item.type === 1 || item.type === 2) {
-                    let node = {
-                        meta: {
-                            data: deepCopy(item),
-                            appId: item.appId,
-                            title: item.label,
-                            icon: item.icon,
-                            crumbs: [...crumbs],
-                            activeName: item.name,
-                            notCache: item.notCache ? true : false,
-                            hideInMenu: item.hideInMenu ? true : false
-                        },
-                        permissionId: item.permissionId,
-                        type: item.type,
-                        pid: item.pid,
-                        component: item.name,
-                        name: item.name,
-                        uri: item.uri,
-                        children: []
-                    };
-                    node.meta.crumbs.push({
-                        icon: item.icon,
-                        name: item.name,
-                        title: item.label,
-                        type: item.type
-                    });
-
-                    if (item.type === 1) {
-                        if (root) {
-                            node.component = "Main";
-                        } else {
-                            node.component = "parentView";
-                        }
-                    }
-                    // 迭代 list， 找到当前菜单相符合的所有子菜单
-                    listToMenuTree(
-                        list,
-                        node.children,
-                        pageNode,
-                        item.permissionId,
-                        node.meta.crumbs,
-                        false,
-                        appId,
-                        generateType
-                    );
-                    // 删掉不存在 children 值的属性
-                    if (node.children.length <= 0) {
-                        delete node.children;
-                    }
-                    // 加入到树中
-                    menuTree.push(node);
-                }
-                if (item.type === 4) {
-                    let child = {
-                        meta: {
-                            data: deepCopy(item),
-                            appId: item.appId,
-                            title: item.label,
-                            hideInMenu: true,
-                            notCache: true,
-                            crumbs: [...crumbs],
-                            type: item.type
-                        },
-                        permissionId: item.permissionId,
-                        type: item.type,
-                        pid: item.pid,
-                        component: item.name,
-                        name: item.name,
-                        uri: item.uri
-                    };
-                    child.meta.crumbs.push({
-                        icon: item.icon,
-                        name: item.name,
-                        title: item.label,
-                        type: item.type
-                    });
-                    pageNode.children.push(child);
-                }
-            }
-        }
-    });
-};
-
-/**
- * 动态生成路由
- * @param generatorMenuRouter
- * @returns []
- */
-export const generatorDynamicRouter = (permissionList,constantRouterComponents,appIds = null,generateType = 'router') => {
-    let allMenu = generatorMenuRouter(permissionList, appIds,generateType);
-    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 (target.component) {
-                    if (typeof target.component == "string") {
-                        // 解决路由name与组件name不一致导致的keeplive不生效的问题
-                        try {
-                            //let componentPath = '@/view/' + target.component;
-                            item.component = resolve =>
-                                require(['@/view/'+ target.component], data => {
-                                    data.default.name = item.name;
-                                    resolve(data);
-                                });
-                        }catch (e) {
-                            delete item.component
-                        }
-                    } else {
-                        item.component = target.component;
-                    }
-                }
-                if (target.url) {
-                    let path = target.url;
-                    let query = {};
-                    if (path.indexOf("?") > -1) {
-                        query = getUrlParams(path.substr(path.indexOf("?")));
-                        item.query = query;
-                        path = path.substr(0,path.indexOf("?"));
-                    }
-                    item.path = path;
-                }
-                if (item.uri) {
-                    item.meta.uriParam = item.uri;
-                }
-                if (target.notCache) {
-                    item.meta.notCache = target.notCache;
-                }
-                if (target.hideInMenu) {
-                    item.meta.hideInMenu = target.hideInMenu;
-                }
-            }
-            if (item.uri) {
-                if (item.uri.startsWith("/")) {
-                    item.uri = item.uri.substr(1);
-                }
-                let uri = item.uri;
-                if (uri.startsWith(config.routerBase + "/")) {
-                    uri = uri.replace(config.routerBase + "/","")
-                }
-                if (uri.startsWith("dida/")) {
-                    item.meta.notCache = true;
-                    let path = uri;
-                    let query = {};
-                    if (path.indexOf("?") > -1) {
-                        query = getUrlParams(path.substr(path.indexOf("?")));
-                        item.query = query;
-                        path = path.substr(0,path.indexOf("?"));
-                    }
-                    try{
-                        //let path = '@/view/dida/dida-page';
-                        item.component = resolve => {
-                            require(['@/view/dida/dida-page'], data => {
-                                data.default.name = item.name;
-                                resolve(data);
-                            });
-                        };
-                    }catch (e){
-                        delete item.component
-                    }
-                    item.path = "/" + path;
-                } else if(uri.startsWith("dareport/")){
-                    item.meta.notCache = true;
-                    let path = uri;
-                    let query = {};
-                    if (path.indexOf("?") > -1) {
-                        query = getUrlParams(path.substr(path.indexOf("?")));
-                        item.query = query;
-                        path = path.substr(0,path.indexOf("?"));
-                    }
-                    try{
-                        item.component = resolve => {
-                            require(['@/view/dida/dida-page'], data => {
-                                data.default.name = item.name;
-                                resolve(data);
-                            });
-                        };
-                    }catch (e){
-                        delete item.component
-                    }
-                    item.path = "/" + path;
-                } else {
-                    try{
-                        let path = item.uri;
-                        if (item.uri.startsWith(config.routerBase + "/")) {
-                            path = path.replace(config.routerBase + "/","")
-                        }
-                        let query = {};
-                        if (path.indexOf("?") > -1) {
-                            query = getUrlParams(path.substr(path.indexOf("?")));
-                            path = path.substr(0,path.indexOf("?"));
-                        }
-                        if (target && target.component) {
-
-                        } else {
-                            let component = require('@/view/' + path);
-                            if (component) {
-                                item.component = resolve => {
-                                    require(['@/view/' + path], data => {
-                                        data.default.name = item.name;
-                                        resolve(data);
-                                    });
-                                };
-                            } else {
-                                //console.warn(`${item.name}(${item.uri})页面不存在`)
-                                delete item.component;
-                            }
-                        }
-                        if (target && target.url) {
-
-                        } else {
-                            item.path = "/" + path;
-                            item.query = query;
-                        }
-                    }catch (e){
-                        //console.warn(`${item.name}(${item.uri})页面不存在`)
-                        delete item.component;
-                    }
-                }
-            }
-            if (item.path == null) {
-                item.path = "";
-            }
-            if (item.component && typeof item.component == "string") {
-                delete item.component;
-            }
-            if (item.children && item.children.length > 0) {
-                generator(item.children,constantRouterComponents);
-            }
-        }
-    }
-    return menuData;
-};
-
-/**
- * 根据权限组织tab数据
- * @param originMenuList
- * @param name
- * @param appId
- * @returns {{}}
- */
-export const generateTabDataFromPermission = (originMenuList,name,appId) => {
-    let menuItem = {};
-    if (name && originMenuList) {
-        let originalMenu = originMenuList.find(item => item.name == name && item.type && item.type == '2' && (appId && item.appId == appId || !appId));
-        if (originalMenu && originalMenu.name) {
-            menuItem = {
-                meta: {
-                    data: originalMenu,
-                    appId: originalMenu.appId,
-                    title: originalMenu.label,
-                    icon: originalMenu.icon,
-                    crumbs: [],
-                    activeName: originalMenu.name
-                },
-                permissionId: originalMenu.permissionId,
-                pid: originalMenu.pid,
-                type: originalMenu.type,
-                name: originalMenu.name,
-                uri: originalMenu.uri
-            }
-        }
-    }
-    return menuItem;
-}
-
-export default generatorMenuList;
+import config from "../../config/config"
+import {deepCopy} from "../assist";
+import {getUrlParams} from "../platform"
+/**
+ * 判断是否存在路由
+ * @param $router
+ * @param name
+ * @returns {*|boolean}
+ */
+export const hasRoute = ($router, name) => {
+    let routes = $router.getRoutes();
+    let res = routes.filter(item => item.name === name)
+    return res && res.length > 0
+}
+/**
+ * 判断是否存在路由并且页面存在
+ * @param $router
+ * @param path
+ * @returns {*|boolean}
+ */
+export const hasRoutePath = ($router, path) => {
+    if ($router && path) {
+        let routes = $router.getRoutes();
+        if (path.trim().startsWith("dida/")) {
+            path = path.trim().replace("dida/","");
+            if (!path.startsWith("/")) {
+                path = "/" + path;
+            }
+        } else if (path.trim().startsWith("dareport/")) {
+            path = path.trim().replace("dareport/","");
+            if (!path.startsWith("/")) {
+                path = "/" + path;
+            }
+        } else if (path.trim().startsWith("/" + config.routerBase + "/")) {
+            path = "/" + path.replace("/" + config.routerBase + "/","")
+        }
+        let res = routes.filter(item => item.path === path)
+        return res && res.length > 0
+    }
+    return false
+}
+/**
+ * 动态生成菜单
+ * @param permissionList
+ * @returns []
+ */
+export const generatorMenuList = (permissionList,appId,generateType = 'router') => {
+    let menuRouter = generatorMenuRouter(permissionList,appId,generateType);
+    return menuRouter && menuRouter.menuData ? menuRouter.menuData : [];
+};
+/**
+ * 动态生成菜单
+ * @param generatorMenuRouter
+ * @returns []
+ */
+export const generatorMenuRouter = (permissionList,appId,generateType = 'router') => {
+    let menuData = [],
+        pageNode = {
+            path: "/page",
+            name: "page",
+            meta: {
+                hideInMenu: true,
+                notCache: true
+            },
+            component: "Main",
+            children: []
+        };
+    listToMenuTree(permissionList, menuData, pageNode, "0", [], true,appId,generateType);
+    return {menuData,pageNode};
+};
+
+
+/**
+ * 数组转树形结构
+ */
+const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId,generateType = 'router') => {
+    if (list == null) {
+        return;
+    }
+    list.forEach(item => {
+        let appIdCondition = !appId || item.appId == appId || appId.indexOf(item.appId) > -1;//过滤是否要求的应用
+        let hideInMenuCondition = !(item.hasOwnProperty("hideInMenu") && item.hideInMenu);//过滤是否隐藏的菜单
+        if ((generateType && generateType == 'router' && appIdCondition) ||
+            (generateType == 'menu' && appIdCondition && hideInMenuCondition)) {
+            // 判断是否为父级菜单
+            if (item.pid === parentId) {
+                if (item.type === 1 || item.type === 2) {
+                    let node = {
+                        meta: {
+                            data: deepCopy(item),
+                            appId: item.appId,
+                            title: item.label,
+                            icon: item.icon,
+                            crumbs: [...crumbs],
+                            activeName: item.name,
+                            notCache: item.notCache ? true : false,
+                            hideInMenu: item.hideInMenu ? true : false
+                        },
+                        permissionId: item.permissionId,
+                        type: item.type,
+                        pid: item.pid,
+                        component: item.name,
+                        name: item.name,
+                        uri: item.uri,
+                        children: []
+                    };
+                    node.meta.crumbs.push({
+                        icon: item.icon,
+                        name: item.name,
+                        title: item.label,
+                        type: item.type
+                    });
+
+                    if (item.type === 1) {
+                        if (root) {
+                            node.component = "Main";
+                        } else {
+                            node.component = "parentView";
+                        }
+                    }
+                    // 迭代 list， 找到当前菜单相符合的所有子菜单
+                    listToMenuTree(
+                        list,
+                        node.children,
+                        pageNode,
+                        item.permissionId,
+                        node.meta.crumbs,
+                        false,
+                        appId,
+                        generateType
+                    );
+                    // 删掉不存在 children 值的属性
+                    if (node.children.length <= 0) {
+                        delete node.children;
+                    }
+                    // 加入到树中
+                    menuTree.push(node);
+                }
+                if (item.type === 4) {
+                    let child = {
+                        meta: {
+                            data: deepCopy(item),
+                            appId: item.appId,
+                            title: item.label,
+                            hideInMenu: true,
+                            notCache: true,
+                            crumbs: [...crumbs],
+                            type: item.type
+                        },
+                        permissionId: item.permissionId,
+                        type: item.type,
+                        pid: item.pid,
+                        component: item.name,
+                        name: item.name,
+                        uri: item.uri
+                    };
+                    child.meta.crumbs.push({
+                        icon: item.icon,
+                        name: item.name,
+                        title: item.label,
+                        type: item.type
+                    });
+                    pageNode.children.push(child);
+                }
+            }
+        }
+    });
+};
+
+/**
+ * 动态生成路由
+ * @param generatorMenuRouter
+ * @returns []
+ */
+export const generatorDynamicRouter = (permissionList,constantRouterComponents,appIds = null,generateType = 'router') => {
+    let allMenu = generatorMenuRouter(permissionList, appIds,generateType);
+    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 (target.component) {
+                    if (typeof target.component == "string") {
+                        // 解决路由name与组件name不一致导致的keeplive不生效的问题
+                        try {
+                            //let componentPath = '@/view/' + target.component;
+                            item.component = resolve =>
+                                require(['@/view/'+ target.component], data => {
+                                    data.default.name = item.name;
+                                    resolve(data);
+                                });
+                        }catch (e) {
+                            delete item.component
+                        }
+                    } else {
+                        item.component = target.component;
+                    }
+                }
+                if (target.url) {
+                    let path = target.url;
+                    let query = {};
+                    if (path.indexOf("?") > -1) {
+                        query = getUrlParams(path.substr(path.indexOf("?")));
+                        item.query = query;
+                        path = path.substr(0,path.indexOf("?"));
+                    }
+                    item.path = path;
+                }
+                if (item.uri) {
+                    item.meta.uriParam = item.uri;
+                }
+                if (target.notCache) {
+                    item.meta.notCache = target.notCache;
+                }
+                if (target.hideInMenu) {
+                    item.meta.hideInMenu = target.hideInMenu;
+                }
+            }
+            if (item.uri) {
+                if (item.uri.startsWith("/")) {
+                    item.uri = item.uri.substr(1);
+                }
+                let uri = item.uri;
+                if (uri.startsWith(config.routerBase + "/")) {
+                    uri = uri.replace(config.routerBase + "/","")
+                }
+                if (uri.startsWith("dida/")) {
+                    item.meta.notCache = true;
+                    let path = uri;
+                    let query = {};
+                    if (path.indexOf("?") > -1) {
+                        query = getUrlParams(path.substr(path.indexOf("?")));
+                        item.query = query;
+                        path = path.substr(0,path.indexOf("?"));
+                    }
+                    try{
+                        //let path = '@/view/dida/dida-page';
+                        item.component = resolve => {
+                            require(['@/view/dida/dida-page'], data => {
+                                data.default.name = item.name;
+                                resolve(data);
+                            });
+                        };
+                    }catch (e){
+                        delete item.component
+                    }
+                    item.path = "/" + path;
+                } else if(uri.startsWith("dareport/")){
+                    item.meta.notCache = true;
+                    let path = uri;
+                    let query = {};
+                    if (path.indexOf("?") > -1) {
+                        query = getUrlParams(path.substr(path.indexOf("?")));
+                        item.query = query;
+                        path = path.substr(0,path.indexOf("?"));
+                    }
+                    try{
+                        item.component = resolve => {
+                            require(['@/view/dida/dida-page'], data => {
+                                data.default.name = item.name;
+                                resolve(data);
+                            });
+                        };
+                    }catch (e){
+                        delete item.component
+                    }
+                    item.path = "/" + path;
+                } else {
+                    try{
+                        let path = item.uri;
+                        if (item.uri.startsWith(config.routerBase + "/")) {
+                            path = path.replace(config.routerBase + "/","")
+                        }
+                        let query = {};
+                        if (path.indexOf("?") > -1) {
+                            query = getUrlParams(path.substr(path.indexOf("?")));
+                            path = path.substr(0,path.indexOf("?"));
+                        }
+                        if (target && target.component) {
+
+                        } else {
+                            let component = require('@/view/' + path);
+                            if (component) {
+                                item.component = resolve => {
+                                    require(['@/view/' + path], data => {
+                                        data.default.name = item.name;
+                                        resolve(data);
+                                    });
+                                };
+                            } else {
+                                //console.warn(`${item.name}(${item.uri})页面不存在`)
+                                delete item.component;
+                            }
+                        }
+                        if (target && target.url) {
+
+                        } else {
+                            item.path = "/" + path;
+                            item.query = query;
+                        }
+                    }catch (e){
+                        //console.warn(`${item.name}(${item.uri})页面不存在`)
+                        delete item.component;
+                    }
+                }
+            }
+            if (item.path == null) {
+                item.path = "";
+            }
+            if (item.component && typeof item.component == "string") {
+                delete item.component;
+            }
+            if (item.children && item.children.length > 0) {
+                generator(item.children,constantRouterComponents);
+            }
+        }
+    }
+    return menuData;
+};
+
+/**
+ * 根据权限组织tab数据
+ * @param originMenuList
+ * @param name
+ * @param appId
+ * @returns {{}}
+ */
+export const generateTabDataFromPermission = (originMenuList,name,appId) => {
+    let menuItem = {};
+    if (name && originMenuList) {
+        let originalMenu = originMenuList.find(item => item.name == name && item.type && item.type == '2' && (appId && item.appId == appId || !appId));
+        if (originalMenu && originalMenu.name) {
+            menuItem = {
+                meta: {
+                    data: originalMenu,
+                    appId: originalMenu.appId,
+                    title: originalMenu.label,
+                    icon: originalMenu.icon,
+                    crumbs: [],
+                    activeName: originalMenu.name
+                },
+                permissionId: originalMenu.permissionId,
+                pid: originalMenu.pid,
+                type: originalMenu.type,
+                name: originalMenu.name,
+                uri: originalMenu.uri
+            }
+        }
+    }
+    return menuItem;
+}
+
+export default generatorMenuList;