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

package/utils/n-generator-routers.js

@@ -1,208 +1,208 @@
-// 权限类型枚举
-const PERMISSION_TYPE = {
-  DIRECTORY: 1,
-  MENU: 2,
-  BUTTON: 3,
-  PAGE: 4,
-}
-
-// 是否是菜单要展示的类型
-function isMenuPermissionType(type) {
-  return [PERMISSION_TYPE.DIRECTORY, PERMISSION_TYPE.MENU].includes(type)
-}
-
-/**
- * 筛选此应用里的权限，非微应用返回空数组
- *
- * @param {string} microType 微应用类型
- * @param {Array} permissionList 全部的权限数据
- * @returns 此应用里的权限数据
- */
-export function filterMicroPermissionList(microType, permissionList = []) {
-  if (!microType) return permissionList
-  return permissionList.filter((item) => {
-    // ! user-manage-server permissionValue 才是编码
-    const itemName = (item && item.permissionValue) || ''
-    return (
-      itemName.startsWith(microType) || itemName.startsWith(`${config.routerBase}-${microType}`)
-    )
-  })
-}
-
-/**
- * 权限列表数据转树形结构
- *
- * @param {PermissionList2TreeOptions} params
- * @param {Array} params.list 权限数据
- * @param {Array} params.menuTree 菜单类权限树形结构
- * @param {Array} params.pageNode 页面类权限，children里添加页面节点
- * @param {string} params.parentId 父节点Id
- * @param {Array} params.crumbs 从根节点到本节点的路径
- * @param {boolean} params.root 是否是根节点
- */
-function listToMenuTree({ list, menuTree, pageNode, parentId, crumbs, root }) {
-  if (!list) return
-
-  list.forEach((item) => {
-    const { permissionId, label: title, appId, pid, icon, type, uri, permissionValue } = item
-    // ! user-manage-server permissionValue 才是编码
-    const name = permissionValue
-    // 判断是否为该父级节点的子节点
-    if (pid === parentId) {
-      if (isMenuPermissionType(type)) {
-        let node = {
-          type,
-          name,
-          pid,
-          path: dealRoutePath(uri),
-          uri,
-          component: name,
-          meta: { appId, permissionId, title, icon, crumbs: [...crumbs], activeName: name },
-          children: [],
-        }
-        node.meta.crumbs.push({ icon, name, title, type })
-
-        if (PERMISSION_TYPE.DIRECTORY === type) {
-          node.component = 'EmptyLayout'
-        }
-        // 迭代 list， 找到当前菜单相符合的所有子菜单
-        listToMenuTree({
-          list,
-          menuTree: node.children,
-          pageNode,
-          parentId: permissionId,
-          crumbs: node.meta.crumbs,
-          root: false,
-        })
-        // 删掉不存在 children 值的属性
-        if (!node.children.length) {
-          delete node.children
-        }
-        // 加入到树中
-        menuTree.push(node)
-      }
-      if (PERMISSION_TYPE.PAGE === type) {
-        let child = {
-          type,
-          name,
-          pid,
-          path: dealRoutePath(uri),
-          uri,
-          component: name,
-          meta: {
-            appId,
-            permissionId,
-            title,
-            hideInMenu: true,
-            notCache: true,
-            crumbs: [...crumbs],
-            type,
-          },
-        }
-        child.meta.crumbs.push({ icon, name, title, type })
-        pageNode.children.push(child)
-      }
-    }
-  })
-}
-
-// 处理路由的path
-function dealRoutePath(uri) {
-  if (!uri) return ''
-  if (!uri.startsWith('/')) {
-    uri = `/${uri}`
-  }
-  // 不要参数部分
-  if (uri.includes('?')) {
-    uri = uri.split('?')[0]
-  }
-  // 不要后缀部分
-  if (uri.includes('.')) {
-    uri = uri.split('.')[0]
-  }
-  return uri
-}
-
-/**
- * 根据所有的权限组织菜单
- *
- * @param {Array} permissionList 权限数据
- * @returns 菜单
- */
-export function generatorMenuTree(permissionList = []) {
-  permissionList = permissionList.filter((item) => isMenuPermissionType(item.type))
-  const menuTree = []
-
-  listToMenuTree({
-    list: permissionList,
-    menuTree,
-    pageNode: { children: [] },
-    parentId: '0',
-    crumbs: [],
-    root: true,
-  })
-
-  return menuTree
-}
-
-/**
- * 根据权限数据生成动态的树形路由表
- *
- * @param {Array} permissionList 权限数据
- * @returns 路由表
- */
-export function generatorDynamicRouter(permissionList = []) {
-  // 菜单的树形结构
-  const menuTree = []
-  // 所有的页面都包装在同一个组件里
-  const pageNode = {
-    path: '/page',
-    name: 'page',
-    meta: { hideInMenu: true, notCache: true },
-    component: 'EmptyLayoutNotCache',
-    children: [],
-  }
-  // 转树形结构
-  listToMenuTree({
-    list: permissionList,
-    menuTree,
-    pageNode,
-    parentId: '0', // 根节点Id固定为0
-    crumbs: [],
-    root: true,
-  })
-
-  if (pageNode.children.length) {
-    menuTree.push(pageNode)
-  }
-  return generator(menuTree)
-}
-
-/**
- * 生成 vue-router 层级路由表
- *
- * @param {Array} menuData 权限的树形结构数据
- * @returns 路由表
- */
-export function generator(menuData = []) {
-  for (let item of menuData) {
-    if (item.component) {
-      const target = constantRouterComponents[item.component]
-      if (target) {
-        item.component = target.component
-      } else if (item.path) {
-        if (window.loadComponentHandler) {
-          item.component = window.loadComponentHandler(item.path, item.name) || NotFound
-        }
-      } else {
-        console.error(`找不到组件定义:${item.component},请排查资源路径配置是否正确`)
-        item.component = NotFound
-      }
-
-      if (item.children && item.children.length > 0) {
-        generator(item.children)
-      }
-    }
-  }
-  return menuData
-}
+// 权限类型枚举
+const PERMISSION_TYPE = {
+  DIRECTORY: 1,
+  MENU: 2,
+  BUTTON: 3,
+  PAGE: 4,
+}
+
+// 是否是菜单要展示的类型
+function isMenuPermissionType(type) {
+  return [PERMISSION_TYPE.DIRECTORY, PERMISSION_TYPE.MENU].includes(type)
+}
+
+/**
+ * 筛选此应用里的权限，非微应用返回空数组
+ *
+ * @param {string} microType 微应用类型
+ * @param {Array} permissionList 全部的权限数据
+ * @returns 此应用里的权限数据
+ */
+export function filterMicroPermissionList(microType, permissionList = []) {
+  if (!microType) return permissionList
+  return permissionList.filter((item) => {
+    // ! user-manage-server permissionValue 才是编码
+    const itemName = (item && item.permissionValue) || ''
+    return (
+      itemName.startsWith(microType) || itemName.startsWith(`${config.routerBase}-${microType}`)
+    )
+  })
+}
+
+/**
+ * 权限列表数据转树形结构
+ *
+ * @param {PermissionList2TreeOptions} params
+ * @param {Array} params.list 权限数据
+ * @param {Array} params.menuTree 菜单类权限树形结构
+ * @param {Array} params.pageNode 页面类权限，children里添加页面节点
+ * @param {string} params.parentId 父节点Id
+ * @param {Array} params.crumbs 从根节点到本节点的路径
+ * @param {boolean} params.root 是否是根节点
+ */
+function listToMenuTree({ list, menuTree, pageNode, parentId, crumbs, root }) {
+  if (!list) return
+
+  list.forEach((item) => {
+    const { permissionId, label: title, appId, pid, icon, type, uri, permissionValue } = item
+    // ! user-manage-server permissionValue 才是编码
+    const name = permissionValue
+    // 判断是否为该父级节点的子节点
+    if (pid === parentId) {
+      if (isMenuPermissionType(type)) {
+        let node = {
+          type,
+          name,
+          pid,
+          path: dealRoutePath(uri),
+          uri,
+          component: name,
+          meta: { appId, permissionId, title, icon, crumbs: [...crumbs], activeName: name },
+          children: [],
+        }
+        node.meta.crumbs.push({ icon, name, title, type })
+
+        if (PERMISSION_TYPE.DIRECTORY === type) {
+          node.component = 'EmptyLayout'
+        }
+        // 迭代 list， 找到当前菜单相符合的所有子菜单
+        listToMenuTree({
+          list,
+          menuTree: node.children,
+          pageNode,
+          parentId: permissionId,
+          crumbs: node.meta.crumbs,
+          root: false,
+        })
+        // 删掉不存在 children 值的属性
+        if (!node.children.length) {
+          delete node.children
+        }
+        // 加入到树中
+        menuTree.push(node)
+      }
+      if (PERMISSION_TYPE.PAGE === type) {
+        let child = {
+          type,
+          name,
+          pid,
+          path: dealRoutePath(uri),
+          uri,
+          component: name,
+          meta: {
+            appId,
+            permissionId,
+            title,
+            hideInMenu: true,
+            notCache: true,
+            crumbs: [...crumbs],
+            type,
+          },
+        }
+        child.meta.crumbs.push({ icon, name, title, type })
+        pageNode.children.push(child)
+      }
+    }
+  })
+}
+
+// 处理路由的path
+function dealRoutePath(uri) {
+  if (!uri) return ''
+  if (!uri.startsWith('/')) {
+    uri = `/${uri}`
+  }
+  // 不要参数部分
+  if (uri.includes('?')) {
+    uri = uri.split('?')[0]
+  }
+  // 不要后缀部分
+  if (uri.includes('.')) {
+    uri = uri.split('.')[0]
+  }
+  return uri
+}
+
+/**
+ * 根据所有的权限组织菜单
+ *
+ * @param {Array} permissionList 权限数据
+ * @returns 菜单
+ */
+export function generatorMenuTree(permissionList = []) {
+  permissionList = permissionList.filter((item) => isMenuPermissionType(item.type))
+  const menuTree = []
+
+  listToMenuTree({
+    list: permissionList,
+    menuTree,
+    pageNode: { children: [] },
+    parentId: '0',
+    crumbs: [],
+    root: true,
+  })
+
+  return menuTree
+}
+
+/**
+ * 根据权限数据生成动态的树形路由表
+ *
+ * @param {Array} permissionList 权限数据
+ * @returns 路由表
+ */
+export function generatorDynamicRouter(permissionList = []) {
+  // 菜单的树形结构
+  const menuTree = []
+  // 所有的页面都包装在同一个组件里
+  const pageNode = {
+    path: '/page',
+    name: 'page',
+    meta: { hideInMenu: true, notCache: true },
+    component: 'EmptyLayoutNotCache',
+    children: [],
+  }
+  // 转树形结构
+  listToMenuTree({
+    list: permissionList,
+    menuTree,
+    pageNode,
+    parentId: '0', // 根节点Id固定为0
+    crumbs: [],
+    root: true,
+  })
+
+  if (pageNode.children.length) {
+    menuTree.push(pageNode)
+  }
+  return generator(menuTree)
+}
+
+/**
+ * 生成 vue-router 层级路由表
+ *
+ * @param {Array} menuData 权限的树形结构数据
+ * @returns 路由表
+ */
+export function generator(menuData = []) {
+  for (let item of menuData) {
+    if (item.component) {
+      const target = constantRouterComponents[item.component]
+      if (target) {
+        item.component = target.component
+      } else if (item.path) {
+        if (window.loadComponentHandler) {
+          item.component = window.loadComponentHandler(item.path, item.name) || NotFound
+        }
+      } else {
+        console.error(`找不到组件定义:${item.component},请排查资源路径配置是否正确`)
+        item.component = NotFound
+      }
+
+      if (item.children && item.children.length > 0) {
+        generator(item.children)
+      }
+    }
+  }
+  return menuData
+}