@lambo-design/shared 1.0.0-beta.24 → 1.0.0-beta.240

package/utils/menu/index.js

@@ -1,135 +1,395 @@
-/**
- * 判断是否存在路由
- * @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) => {
-    let routes = $router.getRoutes();
-    let res = routes.filter(item => item.path === path)
-    return res && res.length > 0
-}
-/**
- * 动态生成菜单
- * @param permissionList
- * @returns []
- */
-export const generatorMenuList = (permissionList,appId) => {
-    let menuData = [],
-        pageNode = {
-            path: "/page",
-            name: "page",
-            meta: {
-                hideInMenu: true,
-                notCache: true
-            },
-            component: "Main",
-            children: []
-        };
-    listToMenuTree(permissionList, menuData, pageNode, "0", [], true,appId);
-
-    /*if (pageNode.children.length > 0) {
-        menuData.push(pageNode);
-    }*/
-    return menuData;
-};
-
-
-
-/**
- * 数组转树形结构
- */
-const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId) => {
-    if (list == null) {
-        return;
-    }
-    list.forEach(item => {
-        if (item.appId == appId) {
-            // 判断是否为父级菜单
-            if (item.pid === parentId) {
-                if (item.type === 1 || item.type === 2) {
-                    let node = {
-                        meta: {
-                            appId: item.appId,
-                            title: item.label,
-                            icon: item.icon,
-                            crumbs: [...crumbs],
-                            activeName: item.name
-                        },
-                        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
-                    );
-                    // 删掉不存在 children 值的属性
-                    if (node.children.length <= 0) {
-                        delete node.children;
-                    }
-                    // 加入到树中
-                    menuTree.push(node);
-                }
-                if (item.type === 4) {
-                    let child = {
-                        meta: {
-                            title: item.label,
-                            hideInMenu: true,
-                            notCache: true,
-                            crumbs: [...crumbs],
-                            type: item.type
-                        },
-                        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);
-                }
-            }
-        }
-    });
-};
-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;

package/utils/mime_type.js

@@ -0,0 +1,67 @@
+export const MIME_TYPE = {
+    aac: 'audio/aac',
+    abw: 'application/x-abiword',
+    arc: 'application/x-freearc',
+    avi: 'video/x-msvideo',
+    azw: 'application/vnd.amazon.ebook',
+    bin: 'application/octet-stream',
+    bmp: 'image/bmp',
+    bz: 'application/x-bzip',
+    bz2: 'application/x-bzip2',
+    csh: 'application/x-csh',
+    css: 'text/css',
+    csv: 'text/csv',
+    doc: 'application/msword',
+    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    eot: 'application/vnd.ms-fontobject',
+    epub: 'application/epub+zip',
+    gif: 'image/gif',
+    html: 'text/html',
+    ico: 'image/vnd.microsoft.icon',
+    ics: 'text/calendar',
+    jar: 'application/java-archive',
+    jpg: 'image/jpeg',
+    jpeg: 'image/jpeg',
+    js: 'text/javascript',
+    json: 'application/json',
+    jsonld: 'application/ld+json',
+    mid: 'audio/midi',
+    midi: 'audio/x-midi',
+    mjs: 'text/javascript',
+    mp3: 'audio/mpeg',
+    mpeg: 'video/mpeg',
+    mpkg: 'application/vnd.apple.installer+xml',
+    odp: 'application/vnd.oasis.opendocument.presentation',
+    ods: 'application/vnd.oasis.opendocument.spreadsheet',
+    odt: 'application/vnd.oasis.opendocument.text',
+    oga: 'audio/ogg',
+    ogv: 'video/ogg',
+    ogx: 'application/ogg',
+    otf: 'font/otf',
+    png: 'image/png',
+    pdf: 'application/pdf',
+    ppt: 'application/vnd.ms-powerpoint',
+    pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+    rar: 'application/x-rar-compressed',
+    rtf: 'application/rtf',
+    sh: 'application/x-sh',
+    svg: 'image/svg+xml',
+    swf: 'application/x-shockwave-flash',
+    tar: 'application/x-tar',
+    tiff: 'image/tiff',
+    ttf: 'font/ttf',
+    txt: 'text/plain',
+    vsd: 'application/vnd.visio',
+    wav: 'audio/wav',
+    weba: 'audio/webm',
+    webm: 'video/webm',
+    webp: 'image/webp',
+    woff: 'font/woff',
+    woff2: 'font/woff2',
+    xhtml: 'application/xhtml+xml',
+    xls: 'application/vnd.ms-excel',
+    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    xul: 'application/vnd.mozilla.xul+xml',
+    zip: 'application/zip',
+    '7z': 'application/x-7z-compressed',
+}