hrp-ui-base 1.4.7 → 1.4.9

package/src/utils/router-utils.ts

@@ -1,321 +1,321 @@
-import { ElMessage } from "element-plus";
-
-type RouterLike = {
-  getRoutes?: () => Array<{ path: string }>;
-};
-
-type RouterUtilsContext = {
-  router?: RouterLike | null;
-  routeStoreList?: { listData?: routeItemBo[] } | routeItemBo[] | null;
-};
-
-let runtimeRouter: RouterLike | null = null;
-let StoreList: { listData?: routeItemBo[] } = { listData: [] };
-
-export const setRouterUtilsContext = (context: RouterUtilsContext) => {
-  runtimeRouter = context.router || null;
-  if (Array.isArray(context.routeStoreList)) {
-    StoreList = { listData: context.routeStoreList };
-  } else {
-    StoreList = context.routeStoreList || { listData: [] };
-  }
-};
-
-/**
- * @description : 寻找对应模块下的 第一个菜单数据
- *
- */
-export const getModuleFirstMenuPath = (
-  toPath: string,
-  dataList: routeItemBo[]
-) => {
-  // 根据header的header true/false 来判断是不是上边的模块
-  // 因为 上边的header组件是用menu组件,所以模块会被当成一个菜单进行渲染,所以会跳/system类似的页面,这时候要在beforeEach判断出来这些菜单,要进行自动跳转至第一个菜单
-
-  // console.log(toPath, JSON.stringify(dataList))
-  if (!toPath || !dataList || !Array.isArray(dataList) || dataList.length == 0)
-    return null;
-  let aimPath = "";
-  // 循环找第一项 菜单path
-  for (let i = 0; i < dataList.length; i++) {
-    // 模块名相同
-    if (toPath == dataList[i].path) {
-      let haveFindPath = false;
-      let forPath = "";
-      if (
-        dataList[i] &&
-        dataList[i].children &&
-        Array.isArray(dataList[i].children) &&
-        dataList[i].children.length > 0
-      ) {
-        for (let j = 0; j < dataList[i].children.length; j++) {
-          if (
-            dataList[i].children[j].type == "M" &&
-            dataList[i].children[j].path &&
-            !dataList[i].children[j].hidden
-          ) {
-            haveFindPath = true;
-            forPath = dataList[i].children[j].path;
-            break;
-          } else if (dataList[i].children[j].type == "C") {
-            if (
-              dataList[i].children[j].children &&
-              Array.isArray(dataList[i].children[j].children) &&
-              dataList[i].children[j].children.length > 0
-            ) {
-              for (
-                let m = 0;
-                m < dataList[i].children[j].children.length;
-                m++
-              ) {
-                if (
-                  dataList[i].children[j].children[m] &&
-                  dataList[i].children[j].children[m].type == "M" &&
-                  dataList[i].children[j].children[m].path &&
-                  !dataList[i].children[j].children[m].hidden
-                ) {
-                  haveFindPath = true;
-                  forPath = dataList[i].children[j].children[m].path;
-                  break;
-                }
-              }
-            }
-            if (haveFindPath) {
-              break;
-            }
-          }
-        }
-      }
-      if (haveFindPath && forPath) {
-        aimPath = forPath;
-        break;
-      }
-    }
-  }
-  if (aimPath) {
-    return aimPath;
-  } else {
-    return null;
-  }
-};
-/**
- * @description ： 递归依据菜单地址获取到模块的item(地址，以及index)
- *
- */
-export const getModuleNameByPathName = (path: string) => {
-  let aimObj: {
-    name?: string;
-    path?: string;
-    index?: number;
-    level?: number;
-    type?: string;
-  } = { name: "首页", path: "/home", index: 0, level: 0, type: "C" };
-  if (!path) return aimObj;
-  let index = 0;
-  let haveFind = false;
-  // @ts-ignore
-  let dataList: routeItemBo[] = StoreList.listData;
-  for (let i = 0; i < dataList.length; i++) {
-    let findResult = false;
-    // 模块名相同
-    if (path == dataList[i].path) {
-      findResult = true;
-      aimObj = {
-        name: dataList[i].name,
-        path: dataList[i].path,
-        index: i,
-        level: 1,
-        type: "C",
-      };
-      break;
-    } else {
-      if (
-        dataList[i] &&
-        dataList[i].children &&
-        Array.isArray(dataList[i].children) &&
-        // @ts-ignore
-        dataList[i].children.length > 0
-      ) {
-        // 有值去循环内部的菜单跟目录
-        for (let j = 0; j < dataList[i].children.length; j++) {
-          if (
-            dataList[i].children[j].type == "M" &&
-            dataList[i].children[j].path &&
-            path == dataList[i].children[j].path
-          ) {
-            findResult = true;
-            aimObj = {
-              name: dataList[i].children[j].name,
-              path: dataList[i].children[j].path,
-              index: i,
-              level: 2,
-              type: "M",
-            };
-            break;
-          } else if (dataList[i].children[j].type == "C") {
-            if (
-              dataList[i].children[j].path &&
-              path == dataList[i].children[j].path
-            ) {
-              findResult = true;
-              aimObj = {
-                name: dataList[i].children[j].name,
-                path: dataList[i].children[j].path,
-                index: i,
-                level: 2,
-                type: "C",
-              };
-              break;
-            } else {
-              if (
-                dataList[i].children[j].children &&
-                Array.isArray(dataList[i].children[j].children) &&
-                dataList[i].children[j].children.length > 0
-              ) {
-                for (
-                  let m = 0;
-                  m < dataList[i].children[j].children.length;
-                  m++
-                ) {
-                  if (
-                    dataList[i].children[j].children[m] &&
-                    path == dataList[i].children[j].children[m].path
-                  ) {
-                    findResult = true;
-                    aimObj = {
-                      name: dataList[i].children[j].children[m].name,
-                      path: dataList[i].children[j].children[m].path,
-                      index: i,
-                      level: 3,
-                      type: dataList[i].children[j].children[m].type,
-                    };
-                    break;
-                  }
-                }
-              }
-            }
-            if (findResult) {
-              break;
-            }
-          }
-        }
-      }
-      if (findResult) {
-        break;
-      }
-    }
-    if (findResult) {
-      break;
-    }
-  }
-  return {
-    name: aimObj.name ? aimObj.name : "首页",
-    path: aimObj.path ? aimObj.path : "/home",
-    index: aimObj.index !== undefined && aimObj.index >= 0 ? aimObj.index : 0,
-    level: aimObj.level !== undefined && aimObj.level >= 0 ? aimObj.level : 1,
-    type: aimObj.type ? aimObj.type : "/home",
-  };
-};
-/**
- * @description 判断一个路由是否存在于系统的路由集合中
- */
-export const getRouteExistIf = (aimPath: string) => {
-  let routeList = runtimeRouter?.getRoutes?.() || [];
-  let findIf: boolean = false;
-  for (let i = 0; i < routeList.length; i++) {
-    if (routeList[i].path === aimPath) {
-      findIf = true;
-      break;
-    }
-  }
-  return findIf;
-};
-
-/** 递归寻找给定数组中的第一个菜单item */
-export const getFirstMenuInList: (
-  routeList: routeItemBo[],
-  isFirst?: boolean
-) => routeItemBo | null = (routeList: routeItemBo[], isFirst?: boolean) => {
-  if (routeList && Array.isArray(routeList) && routeList.length > 0) {
-    let aimItem: routeItemBo | null = null;
-    for (let i = 0; i < routeList.length; i++) {
-      if (
-        routeList[i].type == "C" &&
-        routeList[i].children &&
-        Array.isArray(routeList[i].children) &&
-        routeList[i].children.length > 0
-      ) {
-        let forAimItem: routeItemBo | null = getFirstMenuInList(
-          routeList[i].children
-        );
-        if (forAimItem) {
-          aimItem = forAimItem;
-          if (isFirst) {
-            aimItem.index = i;
-          }
-          break;
-        } else {
-          return null;
-        }
-      } else if (routeList[i].type == "M") {
-        aimItem = routeList[i];
-        break;
-      }
-    }
-    if (aimItem && aimItem.path) {
-      return aimItem;
-    } else {
-      return null;
-    }
-  } else {
-    return null;
-  }
-};
-interface routeItemBo {
-  type: string;
-  children: routeItemBo[];
-  path: string;
-  id: string;
-  name: string;
-  hidden: boolean;
-  index?: number;
-  meta: {
-    title: null | string;
-    icon: null | string;
-    noCache: boolean | null;
-    link: null | boolean;
-    header: boolean | null;
-  };
-}
-
-/** 组装出微前端的子应用的完整路径 */
-export const makeAccessPath: (belong: string, path: string) => string | null = (
-  belong: string,
-  path: string
-) => {
-  let url = "";
-  let pathname = window.location.pathname;
-  let tenantId = "";
-  if (pathname.split("/") && pathname.split("/").length === 4) {
-    tenantId = pathname.split("/")[1];
-  } else {
-    /** 启用 pathname 格式为 /租户id/系统名 时启用 */
-    // ElMessage.error("当前路径非法，请联系管理员！");
-    // return null;
-  }
-  if (import.meta.env.VITE_NODE_ENV == "development") {
-    try {
-      let baseUrl =  window.location.origin+ window.location.pathname ;
-      return `${baseUrl}/${tenantId ? tenantId + '/' :''}${belong}/#${path}`;
-    } catch (error) {
-      ElMessage.error("配置文件错误，请检查.env文件");
-      return null;
-    }
-  } else if (import.meta.env.VITE_NODE_ENV == "production") {
-    let baseUrl = window.location.origin+ window.location.pathname;
-    return `${baseUrl}/${tenantId ? tenantId + '/' :''}${belong}/#${path}`;
-  } else {
-    ElMessage.error("当前环境非法，请联系管理员！");
-    return null;
-  }
-};
+import { ElMessage } from "element-plus";
+
+type RouterLike = {
+  getRoutes?: () => Array<{ path: string }>;
+};
+
+type RouterUtilsContext = {
+  router?: RouterLike | null;
+  routeStoreList?: { listData?: routeItemBo[] } | routeItemBo[] | null;
+};
+
+let runtimeRouter: RouterLike | null = null;
+let StoreList: { listData?: routeItemBo[] } = { listData: [] };
+
+export const setRouterUtilsContext = (context: RouterUtilsContext) => {
+  runtimeRouter = context.router || null;
+  if (Array.isArray(context.routeStoreList)) {
+    StoreList = { listData: context.routeStoreList };
+  } else {
+    StoreList = context.routeStoreList || { listData: [] };
+  }
+};
+
+/**
+ * @description : 寻找对应模块下的 第一个菜单数据
+ *
+ */
+export const getModuleFirstMenuPath = (
+  toPath: string,
+  dataList: routeItemBo[]
+) => {
+  // 根据header的header true/false 来判断是不是上边的模块
+  // 因为 上边的header组件是用menu组件,所以模块会被当成一个菜单进行渲染,所以会跳/system类似的页面,这时候要在beforeEach判断出来这些菜单,要进行自动跳转至第一个菜单
+
+  // console.log(toPath, JSON.stringify(dataList))
+  if (!toPath || !dataList || !Array.isArray(dataList) || dataList.length == 0)
+    return null;
+  let aimPath = "";
+  // 循环找第一项 菜单path
+  for (let i = 0; i < dataList.length; i++) {
+    // 模块名相同
+    if (toPath == dataList[i].path) {
+      let haveFindPath = false;
+      let forPath = "";
+      if (
+        dataList[i] &&
+        dataList[i].children &&
+        Array.isArray(dataList[i].children) &&
+        dataList[i].children.length > 0
+      ) {
+        for (let j = 0; j < dataList[i].children.length; j++) {
+          if (
+            dataList[i].children[j].type == "M" &&
+            dataList[i].children[j].path &&
+            !dataList[i].children[j].hidden
+          ) {
+            haveFindPath = true;
+            forPath = dataList[i].children[j].path;
+            break;
+          } else if (dataList[i].children[j].type == "C") {
+            if (
+              dataList[i].children[j].children &&
+              Array.isArray(dataList[i].children[j].children) &&
+              dataList[i].children[j].children.length > 0
+            ) {
+              for (
+                let m = 0;
+                m < dataList[i].children[j].children.length;
+                m++
+              ) {
+                if (
+                  dataList[i].children[j].children[m] &&
+                  dataList[i].children[j].children[m].type == "M" &&
+                  dataList[i].children[j].children[m].path &&
+                  !dataList[i].children[j].children[m].hidden
+                ) {
+                  haveFindPath = true;
+                  forPath = dataList[i].children[j].children[m].path;
+                  break;
+                }
+              }
+            }
+            if (haveFindPath) {
+              break;
+            }
+          }
+        }
+      }
+      if (haveFindPath && forPath) {
+        aimPath = forPath;
+        break;
+      }
+    }
+  }
+  if (aimPath) {
+    return aimPath;
+  } else {
+    return null;
+  }
+};
+/**
+ * @description ： 递归依据菜单地址获取到模块的item(地址，以及index)
+ *
+ */
+export const getModuleNameByPathName = (path: string) => {
+  let aimObj: {
+    name?: string;
+    path?: string;
+    index?: number;
+    level?: number;
+    type?: string;
+  } = { name: "首页", path: "/home", index: 0, level: 0, type: "C" };
+  if (!path) return aimObj;
+  let index = 0;
+  let haveFind = false;
+  // @ts-ignore
+  let dataList: routeItemBo[] = StoreList.listData;
+  for (let i = 0; i < dataList.length; i++) {
+    let findResult = false;
+    // 模块名相同
+    if (path == dataList[i].path) {
+      findResult = true;
+      aimObj = {
+        name: dataList[i].name,
+        path: dataList[i].path,
+        index: i,
+        level: 1,
+        type: "C",
+      };
+      break;
+    } else {
+      if (
+        dataList[i] &&
+        dataList[i].children &&
+        Array.isArray(dataList[i].children) &&
+        // @ts-ignore
+        dataList[i].children.length > 0
+      ) {
+        // 有值去循环内部的菜单跟目录
+        for (let j = 0; j < dataList[i].children.length; j++) {
+          if (
+            dataList[i].children[j].type == "M" &&
+            dataList[i].children[j].path &&
+            path == dataList[i].children[j].path
+          ) {
+            findResult = true;
+            aimObj = {
+              name: dataList[i].children[j].name,
+              path: dataList[i].children[j].path,
+              index: i,
+              level: 2,
+              type: "M",
+            };
+            break;
+          } else if (dataList[i].children[j].type == "C") {
+            if (
+              dataList[i].children[j].path &&
+              path == dataList[i].children[j].path
+            ) {
+              findResult = true;
+              aimObj = {
+                name: dataList[i].children[j].name,
+                path: dataList[i].children[j].path,
+                index: i,
+                level: 2,
+                type: "C",
+              };
+              break;
+            } else {
+              if (
+                dataList[i].children[j].children &&
+                Array.isArray(dataList[i].children[j].children) &&
+                dataList[i].children[j].children.length > 0
+              ) {
+                for (
+                  let m = 0;
+                  m < dataList[i].children[j].children.length;
+                  m++
+                ) {
+                  if (
+                    dataList[i].children[j].children[m] &&
+                    path == dataList[i].children[j].children[m].path
+                  ) {
+                    findResult = true;
+                    aimObj = {
+                      name: dataList[i].children[j].children[m].name,
+                      path: dataList[i].children[j].children[m].path,
+                      index: i,
+                      level: 3,
+                      type: dataList[i].children[j].children[m].type,
+                    };
+                    break;
+                  }
+                }
+              }
+            }
+            if (findResult) {
+              break;
+            }
+          }
+        }
+      }
+      if (findResult) {
+        break;
+      }
+    }
+    if (findResult) {
+      break;
+    }
+  }
+  return {
+    name: aimObj.name ? aimObj.name : "首页",
+    path: aimObj.path ? aimObj.path : "/home",
+    index: aimObj.index !== undefined && aimObj.index >= 0 ? aimObj.index : 0,
+    level: aimObj.level !== undefined && aimObj.level >= 0 ? aimObj.level : 1,
+    type: aimObj.type ? aimObj.type : "/home",
+  };
+};
+/**
+ * @description 判断一个路由是否存在于系统的路由集合中
+ */
+export const getRouteExistIf = (aimPath: string) => {
+  let routeList = runtimeRouter?.getRoutes?.() || [];
+  let findIf: boolean = false;
+  for (let i = 0; i < routeList.length; i++) {
+    if (routeList[i].path === aimPath) {
+      findIf = true;
+      break;
+    }
+  }
+  return findIf;
+};
+
+/** 递归寻找给定数组中的第一个菜单item */
+export const getFirstMenuInList: (
+  routeList: routeItemBo[],
+  isFirst?: boolean
+) => routeItemBo | null = (routeList: routeItemBo[], isFirst?: boolean) => {
+  if (routeList && Array.isArray(routeList) && routeList.length > 0) {
+    let aimItem: routeItemBo | null = null;
+    for (let i = 0; i < routeList.length; i++) {
+      if (
+        routeList[i].type == "C" &&
+        routeList[i].children &&
+        Array.isArray(routeList[i].children) &&
+        routeList[i].children.length > 0
+      ) {
+        let forAimItem: routeItemBo | null = getFirstMenuInList(
+          routeList[i].children
+        );
+        if (forAimItem) {
+          aimItem = forAimItem;
+          if (isFirst) {
+            aimItem.index = i;
+          }
+          break;
+        } else {
+          return null;
+        }
+      } else if (routeList[i].type == "M") {
+        aimItem = routeList[i];
+        break;
+      }
+    }
+    if (aimItem && aimItem.path) {
+      return aimItem;
+    } else {
+      return null;
+    }
+  } else {
+    return null;
+  }
+};
+interface routeItemBo {
+  type: string;
+  children: routeItemBo[];
+  path: string;
+  id: string;
+  name: string;
+  hidden: boolean;
+  index?: number;
+  meta: {
+    title: null | string;
+    icon: null | string;
+    noCache: boolean | null;
+    link: null | boolean;
+    header: boolean | null;
+  };
+}
+
+/** 组装出微前端的子应用的完整路径 */
+export const makeAccessPath: (belong: string, path: string) => string | null = (
+  belong: string,
+  path: string
+) => {
+  let url = "";
+  let pathname = window.location.pathname;
+  let tenantId = "";
+  if (pathname.split("/") && pathname.split("/").length === 4) {
+    tenantId = pathname.split("/")[1];
+  } else {
+    /** 启用 pathname 格式为 /租户id/系统名 时启用 */
+    // ElMessage.error("当前路径非法，请联系管理员！");
+    // return null;
+  }
+  if (import.meta.env.VITE_NODE_ENV == "development") {
+    try {
+      let baseUrl =  window.location.origin+ window.location.pathname ;
+      return `${baseUrl}/${tenantId ? tenantId + '/' :''}${belong}/#${path}`;
+    } catch (error) {
+      ElMessage.error("配置文件错误，请检查.env文件");
+      return null;
+    }
+  } else if (import.meta.env.VITE_NODE_ENV == "production") {
+    let baseUrl = window.location.origin+ window.location.pathname;
+    return `${baseUrl}/${tenantId ? tenantId + '/' :''}${belong}/#${path}`;
+  } else {
+    ElMessage.error("当前环境非法，请联系管理员！");
+    return null;
+  }
+};