cloud-web-corejs 1.0.54-dev.744 → 1.0.54-dev.746

package/src/store/modules/permission.js

@@ -1,373 +1,461 @@
-import {
-  constantRoutes,
-} from '@base/router';
-import {
-  asyncRoutes,
-  sidebarRoutes
-} from '@base/router/modules/system';
-import Layout from '@/layout';
-import {
-  getRouters
-} from '../../api/menu'
-import router from "@base/router";
-import storeConfig from "../config/index";
-
-let modules = {};
-
-let configUtl = {
-  asyncRoutes,
-  constantRoutes,
-  sidebarRoutes,
-  Layout,
-  getRouters,
-  loadView: function (view) {
-    return (resolve) => {
-      if (view) {
-        let t = "@base/views"
-        // let t2 = "@/components"
-        if (view.startsWith(t)) {
-          let path = view.substr(t.length);
-          return require(['../../views' + path], resolve);
-        }/* else if (view.startsWith(t2)) {
-          let path = view.substr(t2.length);
-          return require(['@/components' + path], resolve);
-        } */
-      }
-      return require(['@/views' + view], resolve)
-    }
-  }
-};
-
-export const loadView = (view) => { // 路由懒加载
-  if (view) {
-    let tIndex = view.lastIndexOf("?");
-    let newView = view;
-    if (tIndex >= 0) {
-      newView = view.substring(0, tIndex);
-    }
-    return configUtl.loadView(newView);
-  } else {
-    return () => {
-    };
-  }
-};
-
-
-/**
- * Use meta.role to determine if the current user has permission
- * @param roles
- * @param route
- */
-function hasPermission(roles, route) {
-  if (route.meta && route.meta.roles) {
-    return roles.some(role => route.meta.roles.includes(role));
-  } else {
-    return true;
-  }
-};
-
-/**
- * Filter asynchronous routing tables by recursion
- * @param routes asyncRoutes
- * @param roles
- */
-function filterAsyncRoutes(routes, roles) {
-  const res = [];
-
-  routes.forEach(route => {
-    const tmp = {
-      ...route
-    };
-    if (hasPermission(roles, tmp)) {
-      if (tmp.children) {
-        tmp.children = filterAsyncRoutes(tmp.children, roles);
-      }
-      res.push(tmp);
-    }
-  });
-  return res;
-};
-
-const state = {
-  routes: [],
-  addRoutes: [],
-  sidebarRouters: []
-};
-
-const mutations = {
-  SET_ROUTES: (state, routes) => {
-    state.addRoutes = routes;
-    state.routes = configUtl.constantRoutes.concat(routes);
-  },
-  SET_SIDEBAR_ROUTERS: (state, routers) => {
-    state.sidebarRouters = routers;
-  }
-};
-
-const actions = {
-  generateRoutes(opt, roles) {
-    let commit = opt.commit;
-    return new Promise(resolve => {
-      let accessedRoutes;
-      if (roles.includes('admin')) {
-        accessedRoutes = configUtl.asyncRoutes || [];
-      } else {
-        accessedRoutes = filterAsyncRoutes(configUtl.asyncRoutes, roles);
-      }
-      commit('SET_SIDEBAR_ROUTERS', configUtl.sidebarRoutes || []);
-      resolve(accessedRoutes);
-    });
-  },
-  generateRoutes2(opt, user) {
-    let commit = opt.commit;
-    let dispatch = opt.dispatch;
-    let isBdAdmin = opt.rootGetters.isBdAdmin;
-    return new Promise(resolve => {
-      if (!isBdAdmin) {
-        configUtl.getRouters({
-          success: res => {
-            var rows = res.objx || [];
-            dispatch('setSidebarRoute', rows).then((accessedRoutes) => {
-              resolve(accessedRoutes);
-            })
-          }
-        });
-      } else {
-        let flag = user?.flag ?? null;
-        let userFlagMenuMap = storeConfig?.userFlagMenuMap || {};
-        let rows = userFlagMenuMap[flag] || []
-        dispatch('setSidebarRoute', rows).then((accessedRoutes) => {
-          resolve(accessedRoutes);
-        })
-      }
-    });
-  },
-  setSidebarRoute({commit, dispatch}, rows = []) {
-    return new Promise(resolve => {
-      let accessedRoutes = handleMenuRoutes(JSON.parse(JSON.stringify(
-        rows))) || [];
-      let nsidebarRoutes = handleSidebarRoutes(JSON.parse(JSON.stringify(
-        rows))) || [];
-      commit('SET_SIDEBAR_ROUTERS', nsidebarRoutes);
-      commit('SET_ROUTES', accessedRoutes);
-      router.addRoutes(accessedRoutes); // 动态添加可访问路由表
-      resolve(accessedRoutes)
-    });
-  }
-};
-
-
-function getUrlParams(url) {
-  let urlStr = url.split('?')[1];
-  const urlSearchParams = new URLSearchParams(urlStr);
-  const result = Object.fromEntries(urlSearchParams.entries());
-  return result;
-}
-
-function handleMenuRoutes(routes) {
-  var sidebarRoutes = {
-    path: '',
-    component: configUtl.Layout,
-  };
-  var children = [];
-  routes.forEach((route1, index1) => {
-    let item1 = createRoute3(route1);
-    if (item1 && item1.path) {
-      children.push(item1);
-    }
-    if (route1.children) {
-      route1.children.forEach((route2, index2) => {
-        let item2 = createRoute3(route2);
-        if (item2 && item2.path) {
-          children.push(item2);
-        }
-        if (route2.children) {
-          route2.children.forEach((route3, index3) => {
-            let item = createRoute3(route3);
-            if (item && item.path) {
-              children.push(item);
-            }
-          });
-        }
-      });
-    }
-  });
-
-  sidebarRoutes.children = children;
-  var result = [sidebarRoutes];
-  result.push({
-    path: '*',
-    redirect: '/404',
-    hidden: true
-  });
-  return result;
-}
-
-function createRoute3(route3, flag) {
-  let item = null;
-  if (route3.type == 0) {
-    //普通菜单
-    let componentPath;
-    let menuCode;
-    let param = null;
-    let url = "";
-    let path = "";
-    if (route3.url) {
-      url = route3.url;
-      path = route3.route || route3.url;
-      let str = "/report/vform/render/";
-      if (path.indexOf(str) == 0) {
-        componentPath = "/report/vform/render";
-        menuCode = "vform_render";
-      } else {
-        let pIndex = path.indexOf('?');
-        if (pIndex > 0) {
-          param = getUrlParams(path);
-          path = path.substring(0, pIndex);
-        }
-        componentPath = route3.url;
-        menuCode = route3.menuCode;
-      }
-    } else {
-      componentPath = '';
-      menuCode = route3.menuCode;
-    }
-    if (path && path.startsWith("@")) {
-      // path = "/" + path;
-      path = null
-      componentPath = ""
-    }
-    item = {
-      id: route3.id,
-      menuName: route3.menuName,
-      menuEnName: route3.menuEnName || null,
-      menuCode: route3.menuCode,
-      menuImg: route3.menuImg,
-      treePathName: route3.treePathName,
-      type: route3.type,
-      url: path,
-      path: path,
-      linkType: route3.type,
-      component: loadView(componentPath),
-      name: menuCode,
-      meta: {
-        title: route3.menuName,
-        enTitle: route3.menuEnName || null,
-        treePathName: route3.treePathName,
-        param: param,
-        repeatOpen: route3.repeatOpen
-      }
-    }
-    if (flag !== 1) {
-      item.component = loadView(componentPath);
-    }
-  } else if (route3.type == 3) {
-    //外部菜单
-    let menuCode = route3.menuCode;
-    let componentPath = "@base/views/user/outLink/index";
-    let path = route3.route || ("/user/outLink/index" + "/" + menuCode);
-    item = {
-      id: route3.id,
-      menuName: route3.menuName,
-      menuEnName: route3.menuEnName || null,
-      menuCode: route3.menuCode,
-      menuImg: route3.menuImg,
-      treePathName: route3.treePathName,
-      type: route3.type,
-      url: path,
-      path: path,
-      outLink: route3.url || '',
-      linkType: route3.type,
-      route: route3.route,
-      name: "outLink",
-      meta: {
-        title: route3.menuName,
-        enTitle: route3.menuName || null,
-        treePathName: route3.treePathName
-      }
-    };
-    if (flag !== 1) {
-      item.component = loadView(componentPath);
-    }
-  } else if (route3.type == 4) {
-    //第三方地址
-    if (flag == 1) {
-      item = route3;
-      item.path = route3.url;
-      item.linkType = route3.type;
-      item.meta = {
-        title: route3.menuName,
-        enTitle: route3.menuEnName || null,
-        treePathName: route3.treePathName
-      }
-    }
-  } else if (route3.type == 5) {
-    //动态表单
-    let menuCode = route3.menuCode;
-    let componentPath = "@base/views/user/form/view/list";
-    let url = route3.route || route3.url;
-    item = {
-      id: route3.id,
-      menuName: route3.menuName,
-      menuEnName: route3.menuEnName || null,
-      menuCode: route3.menuCode,
-      menuImg: route3.menuImg,
-      treePathName: route3.treePathName,
-      type: route3.type,
-      url: url,
-      path: url,
-      linkType: route3.type,
-      name: "form_view:list",
-      meta: {
-        title: route3.menuName,
-        enTitle: route3.menuEnName || null,
-        treePathName: route3.treePathName,
-        repeatOpen: route3.repeatOpen
-      }
-    };
-    if (flag !== 1) {
-      item.component = loadView(componentPath);
-    }
-  }
-  return item;
-}
-
-function handleSidebarRoutes(routes) {
-  return routes.map(route1 => {
-    let item1 = createRoute3(route1, 1);
-    if (item1) {
-      let children1 = [];
-      if (route1.children) {
-        route1.children.forEach((route2, index2) => {
-          let item2 = createRoute3(route2, 1);
-          if (item2) {
-            let children2 = [];
-            if (route2.children) {
-              route2.children.forEach((route3, index3) => {
-                let item3 = createRoute3(route3, 1);
-                if (item3) {
-                  children2.push(item3);
-                }
-              });
-            }
-            item2.children = children2;
-            children1.push(item2)
-          }
-        });
-      }
-
-      item1.children = children1;
-    }
-    return item1;
-  }).filter(route => route != null);
-}
-
-modules = {
-  namespaced: true,
-  state,
-  mutations,
-  actions,
-  filterAsyncRoutes
-};
-
-export default modules
+import {
+  constantRoutes,
+} from '@base/router';
+import {
+  asyncRoutes,
+  sidebarRoutes
+} from '@base/router/modules/system';
+import Layout from '@/layout';
+import {
+  getRouters
+} from '../../api/menu'
+import router from "@base/router";
+import storeConfig from "../config/index";
+import settings from "@base/settings";
+import { resolveComponentPath, resolveOwner, dispatchMenus } from "@base/utils/menuAdapter";
+import { getAppRegistry, registerSubApps, buildSubAppRoutes } from "@base/microRouter";
+import MenuFallback from "@base/views/user/menuFallback/index.vue";
+
+// qiankun 宿主态（仅 settings.microMainEnabled 的主应用登录后填充）
+let hostRegistryApps = [];
+let hostMicroRoutes = [];
+
+// 下发给子应用的登录信息快照（props.userInfo，协议第 5 节）；注册时快照，非实时
+function buildUserInfoSnapshot(userState = {}) {
+  return {
+    userId: userState.userId,
+    loginAccount: userState.loginAccount,
+    name: userState.name,
+    nickName: userState.nickName,
+    companyCode: userState.companyCode,
+    companyInfoId: userState.companyInfoId,
+    roles: userState.roles || [],
+    userFlag: userState.userFlag,
+  };
+}
+
+let modules = {};
+
+// loadView 失败兜底：独立运行点到别家应用的菜单 / 菜单配置错误时展示提示页
+function createFallbackComponent(view, error) {
+  return {
+    name: "menuLoadFallback",
+    render(h) {
+      return h(MenuFallback, {
+        props: {
+          componentPath: view || "",
+          loadError: (error && (error.message || String(error))) || "",
+        },
+      });
+    },
+  };
+}
+
+let configUtl = {
+  asyncRoutes,
+  constantRoutes,
+  sidebarRoutes,
+  Layout,
+  getRouters,
+  loadView: function (view) {
+    return (resolve) => {
+      const fail = (e) => resolve(createFallbackComponent(view, e));
+      try {
+        if (view) {
+          let t = "@base/views"
+          // let t2 = "@/components"
+          if (view.startsWith(t)) {
+            let path = view.substr(t.length);
+            return require(['../../views' + path], resolve, fail);
+          }/* else if (view.startsWith(t2)) {
+            let path = view.substr(t2.length);
+            return require(['@/components' + path], resolve, fail);
+          } */
+        }
+        return require(['@/views' + view], resolve, fail)
+      } catch (e) {
+        fail(e);
+      }
+    }
+  }
+};
+
+export const loadView = (view) => { // 路由懒加载
+  if (view) {
+    let tIndex = view.lastIndexOf("?");
+    let newView = view;
+    if (tIndex >= 0) {
+      newView = view.substring(0, tIndex);
+    }
+    return configUtl.loadView(newView);
+  } else {
+    return () => {
+    };
+  }
+};
+
+
+/**
+ * Use meta.role to determine if the current user has permission
+ * @param roles
+ * @param route
+ */
+function hasPermission(roles, route) {
+  if (route.meta && route.meta.roles) {
+    return roles.some(role => route.meta.roles.includes(role));
+  } else {
+    return true;
+  }
+};
+
+/**
+ * Filter asynchronous routing tables by recursion
+ * @param routes asyncRoutes
+ * @param roles
+ */
+function filterAsyncRoutes(routes, roles) {
+  const res = [];
+
+  routes.forEach(route => {
+    const tmp = {
+      ...route
+    };
+    if (hasPermission(roles, tmp)) {
+      if (tmp.children) {
+        tmp.children = filterAsyncRoutes(tmp.children, roles);
+      }
+      res.push(tmp);
+    }
+  });
+  return res;
+};
+
+const state = {
+  routes: [],
+  addRoutes: [],
+  sidebarRouters: [],
+  // 注册表里的别家 appCode 列表（宿主/独立运行时填充），
+  // menuFallback 据此判定"归属别家应用"，避免把普通组件加载失败误判成别家菜单
+  registryAppCodes: []
+};
+
+const mutations = {
+  SET_ROUTES: (state, routes) => {
+    state.addRoutes = routes;
+    state.routes = configUtl.constantRoutes.concat(routes);
+  },
+  SET_SIDEBAR_ROUTERS: (state, routers) => {
+    state.sidebarRouters = routers;
+  },
+  SET_REGISTRY_APP_CODES: (state, appCodes) => {
+    state.registryAppCodes = appCodes || [];
+  }
+};
+
+const actions = {
+  generateRoutes(opt, roles) {
+    let commit = opt.commit;
+    return new Promise(resolve => {
+      let accessedRoutes;
+      if (roles.includes('admin')) {
+        accessedRoutes = configUtl.asyncRoutes || [];
+      } else {
+        accessedRoutes = filterAsyncRoutes(configUtl.asyncRoutes, roles);
+      }
+      commit('SET_SIDEBAR_ROUTERS', configUtl.sidebarRoutes || []);
+      resolve(accessedRoutes);
+    });
+  },
+  generateRoutes2(opt, user) {
+    let commit = opt.commit;
+    let dispatch = opt.dispatch;
+    let isBdAdmin = opt.rootGetters.isBdAdmin;
+    return new Promise(resolve => {
+      if (!isBdAdmin) {
+        configUtl.getRouters({
+          success: res => {
+            var rows = res.objx || [];
+            dispatch('setupHostAndRoutes', rows).then((accessedRoutes) => {
+              resolve(accessedRoutes);
+            })
+          }
+        });
+      } else {
+        let flag = user?.flag ?? null;
+        let userFlagMenuMap = storeConfig?.userFlagMenuMap || {};
+        let rows = userFlagMenuMap[flag] || []
+        dispatch('setupHostAndRoutes', rows).then((accessedRoutes) => {
+          resolve(accessedRoutes);
+        })
+      }
+    });
+  },
+  // qiankun 宿主编排：拉注册表 → 按归属切分 → 注册子应用，再走常规路由生成。
+  // 非宿主（未开 microMainEnabled / 自身被 qiankun 挂载）直接透传。
+  setupHostAndRoutes({dispatch, commit, rootState}, rows = []) {
+    let isHost = settings.microMainEnabled === true && !window.__POWERED_BY_QIANKUN__;
+    if (!isHost) {
+      return dispatch('setSidebarRoute', rows);
+    }
+    return getAppRegistry().then((apps) => {
+      // 自排除：自身也在注册表时（子应用开宿主形态互访别家应用）不装载自己，
+      // 否则会自嵌套且自身菜单被误判为"派发给子应用"而跳过本地路由
+      let ownAppCode = settings.appCode || "";
+      hostRegistryApps = (apps || []).filter((app) => app.appCode !== ownAppCode);
+      commit('SET_REGISTRY_APP_CODES', hostRegistryApps.map((app) => app.appCode));
+      let { subAppMenus } = dispatchMenus(rows, hostRegistryApps);
+      hostMicroRoutes = buildSubAppRoutes(hostRegistryApps, subAppMenus);
+      if (hostRegistryApps.length) {
+        registerSubApps(hostRegistryApps, {
+          subAppMenus,
+          userInfo: buildUserInfoSnapshot(rootState.user),
+        });
+      }
+      return dispatch('setSidebarRoute', rows);
+    });
+  },
+  // qiankun 子应用模式：主应用经 props 下发菜单，替代 getRouters 自拉
+  generateRoutesFromProps({dispatch}, menus = []) {
+    return dispatch('setSidebarRoute', menus);
+  },
+  setSidebarRoute({commit, dispatch}, rows = []) {
+    return new Promise(resolve => {
+      let accessedRoutes = handleMenuRoutes(JSON.parse(JSON.stringify(
+        rows))) || [];
+      let nsidebarRoutes = handleSidebarRoutes(JSON.parse(JSON.stringify(
+        rows))) || [];
+      commit('SET_SIDEBAR_ROUTERS', nsidebarRoutes);
+      commit('SET_ROUTES', accessedRoutes);
+      router.addRoutes(accessedRoutes); // 动态添加可访问路由表
+      resolve(accessedRoutes)
+    });
+  }
+};
+
+
+function getUrlParams(url) {
+  let urlStr = url.split('?')[1];
+  const urlSearchParams = new URLSearchParams(urlStr);
+  const result = Object.fromEntries(urlSearchParams.entries());
+  return result;
+}
+
+// 宿主态下归属子应用的菜单不生成本地组件路由（否则会遮住 /appCode/* 通配路由），
+// 由子应用经 qiankun 渲染；侧边栏 handleSidebarRoutes 仍保留全量
+function isDelegatedToSubApp(route) {
+  return hostRegistryApps.length > 0 && !!resolveOwner(route, hostRegistryApps);
+}
+
+function handleMenuRoutes(routes) {
+  var sidebarRoutes = {
+    path: '',
+    component: configUtl.Layout,
+  };
+  var children = [];
+  routes.forEach((route1, index1) => {
+    let item1 = createRoute3(route1);
+    if (item1 && item1.path && !isDelegatedToSubApp(route1)) {
+      children.push(item1);
+    }
+    if (route1.children) {
+      route1.children.forEach((route2, index2) => {
+        let item2 = createRoute3(route2);
+        if (item2 && item2.path && !isDelegatedToSubApp(route2)) {
+          children.push(item2);
+        }
+        if (route2.children) {
+          route2.children.forEach((route3, index3) => {
+            let item = createRoute3(route3);
+            if (item && item.path && !isDelegatedToSubApp(route3)) {
+              children.push(item);
+            }
+          });
+        }
+      });
+    }
+  });
+
+  // 每个子应用一条通配路由，位于全局 * 兜底之前
+  hostMicroRoutes.forEach((microRoute) => {
+    children.push(microRoute);
+  });
+
+  sidebarRoutes.children = children;
+  var result = [sidebarRoutes];
+  result.push({
+    path: '*',
+    redirect: '/404',
+    hidden: true
+  });
+  return result;
+}
+
+function createRoute3(route3, flag) {
+  let item = null;
+  if (route3.type == 0) {
+    //普通菜单
+    let componentPath;
+    let menuCode;
+    let param = null;
+    let url = "";
+    let path = "";
+    if (route3.url) {
+      url = route3.url;
+      path = route3.route || route3.url;
+      let str = "/report/vform/render/";
+      if (path.indexOf(str) == 0) {
+        componentPath = "/report/vform/render";
+        menuCode = "vform_render";
+      } else {
+        let pIndex = path.indexOf('?');
+        if (pIndex > 0) {
+          param = getUrlParams(path);
+          path = path.substring(0, pIndex);
+        }
+        // 三步解析第 3 步：/base/ 命名空间转 @base/views；url 首段为本应用 appCode 时剥掉
+        componentPath = resolveComponentPath(route3, settings.appCode || "");
+        menuCode = route3.menuCode;
+      }
+    } else {
+      componentPath = '';
+      menuCode = route3.menuCode;
+    }
+    if (path && path.startsWith("@")) {
+      // path = "/" + path;
+      path = null
+      componentPath = ""
+    }
+    item = {
+      id: route3.id,
+      menuName: route3.menuName,
+      menuEnName: route3.menuEnName || null,
+      menuCode: route3.menuCode,
+      menuImg: route3.menuImg,
+      treePathName: route3.treePathName,
+      type: route3.type,
+      url: path,
+      path: path,
+      linkType: route3.type,
+      component: loadView(componentPath),
+      name: menuCode,
+      meta: {
+        title: route3.menuName,
+        enTitle: route3.menuEnName || null,
+        treePathName: route3.treePathName,
+        param: param,
+        repeatOpen: route3.repeatOpen
+      }
+    }
+    if (flag !== 1) {
+      item.component = loadView(componentPath);
+    }
+  } else if (route3.type == 3) {
+    //外部菜单
+    let menuCode = route3.menuCode;
+    let componentPath = "@base/views/user/outLink/index";
+    let path = route3.route || ("/user/outLink/index" + "/" + menuCode);
+    item = {
+      id: route3.id,
+      menuName: route3.menuName,
+      menuEnName: route3.menuEnName || null,
+      menuCode: route3.menuCode,
+      menuImg: route3.menuImg,
+      treePathName: route3.treePathName,
+      type: route3.type,
+      url: path,
+      path: path,
+      outLink: route3.url || '',
+      linkType: route3.type,
+      route: route3.route,
+      name: "outLink",
+      meta: {
+        title: route3.menuName,
+        enTitle: route3.menuName || null,
+        treePathName: route3.treePathName
+      }
+    };
+    if (flag !== 1) {
+      item.component = loadView(componentPath);
+    }
+  } else if (route3.type == 4) {
+    //第三方地址
+    if (flag == 1) {
+      item = route3;
+      item.path = route3.url;
+      item.linkType = route3.type;
+      item.meta = {
+        title: route3.menuName,
+        enTitle: route3.menuEnName || null,
+        treePathName: route3.treePathName
+      }
+    }
+  } else if (route3.type == 5) {
+    //动态表单
+    let menuCode = route3.menuCode;
+    let componentPath = "@base/views/user/form/view/list";
+    let url = route3.route || route3.url;
+    item = {
+      id: route3.id,
+      menuName: route3.menuName,
+      menuEnName: route3.menuEnName || null,
+      menuCode: route3.menuCode,
+      menuImg: route3.menuImg,
+      treePathName: route3.treePathName,
+      type: route3.type,
+      url: url,
+      path: url,
+      linkType: route3.type,
+      name: "form_view:list",
+      meta: {
+        title: route3.menuName,
+        enTitle: route3.menuEnName || null,
+        treePathName: route3.treePathName,
+        repeatOpen: route3.repeatOpen
+      }
+    };
+    if (flag !== 1) {
+      item.component = loadView(componentPath);
+    }
+  }
+  return item;
+}
+
+function handleSidebarRoutes(routes) {
+  return routes.map(route1 => {
+    let item1 = createRoute3(route1, 1);
+    if (item1) {
+      let children1 = [];
+      if (route1.children) {
+        route1.children.forEach((route2, index2) => {
+          let item2 = createRoute3(route2, 1);
+          if (item2) {
+            let children2 = [];
+            if (route2.children) {
+              route2.children.forEach((route3, index3) => {
+                let item3 = createRoute3(route3, 1);
+                if (item3) {
+                  children2.push(item3);
+                }
+              });
+            }
+            item2.children = children2;
+            children1.push(item2)
+          }
+        });
+      }
+
+      item1.children = children1;
+    }
+    return item1;
+  }).filter(route => route != null);
+}
+
+modules = {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+  filterAsyncRoutes
+};
+
+export default modules