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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.54-dev.746",
+  "version": "1.0.54-dev.749",
   "scripts": {
     "dev": "vue-cli-service serve",
     "lint": "eslint --ext .js,.vue src",
@@ -183,6 +183,8 @@
     "src/router",
     "src/permission.js",
     "src/index.js",
+    "src/public-path.js",
+    "src/microRouter",
     "src/App.vue"
   ],
   "publishConfig": {

package/src/index.js

@@ -10,7 +10,7 @@ import "@/styles/index.scss"; // global css
 import App from "@base/App";
 import store from "@base/store";
 import router, { resetRouter } from "@base/router";
-import settings from "@base/settings";
+import settings from "@/settings";
 import { setToken as setAuthToken } from "@base/utils/auth";
 
 import "@/icons"; // icon
@@ -273,7 +273,10 @@ export async function mount(props = {}) {
         flag: store.state.user.userFlag,
       });
     } else {
-      await store.dispatch("permission/generateRoutesFromProps", props.menus || []);
+      await store.dispatch(
+        "permission/generateRoutesFromProps",
+        props.menus || []
+      );
     }
   }
   render(props);

package/src/microRouter/index.js

@@ -0,0 +1,389 @@
+/**
+ * qiankun 主应用侧：应用注册表驱动的子应用注册。
+ * 注册表载体为逻辑参数 micro_app_registry（JSON 数组），
+ * 协议见 docs/qiankun微前端改造-实现方案.md 3.2 / 3.4。
+ * 由 permission store 在登录后菜单生成流程中调用（settings.microMainEnabled 门控）。
+ */
+import { loadMicroApp } from "qiankun";
+import { getLogicParamValue } from "@base/api/user";
+import {
+  getAccessPath,
+  validateRegistry,
+  resolveEntry,
+} from "@base/utils/menuAdapter";
+import { getToken } from "@base/utils/auth";
+import router from "@base/router";
+import settings from "@/settings";
+
+export const REGISTRY_PARAM_CODE = "micro_app_registry";
+export const DEBUG_STORAGE_KEY = "micro_app_debug";
+
+const REGISTRY_TIMEOUT = 8000;
+const CONTAINER_WRAPPER_ID = "Appmicro";
+const DEBUG_APP_CODE_REG = /^[A-Za-z][A-Za-z0-9_-]*$/;
+
+// 保活管理：appCode → { instance, el }；离开子应用路由只隐藏容器不卸载，
+// 切回直接显示并经 update 生命周期同步路由，页面状态（页签/表格/表单）得以保留
+let microAppConfigs = {};
+let aliveApps = {};
+let routeHookInstalled = false;
+
+/**
+ * 读应用注册表（第一阶段载体：逻辑参数）。
+ * 非法条目由 validateRegistry 跳过并在控制台显式报错；
+ * 参数缺失 / 请求失败 / 超时一律回落空数组，不阻塞登录流程。
+ */
+export function getAppRegistry() {
+  const fetchPromise = new Promise((resolve) => {
+    getLogicParamValue({
+      data: { paramCode: REGISTRY_PARAM_CODE },
+      failMsg: false,
+      errorMsg: false,
+      modal: false,
+      success: (res) => {
+        const raw = res && res.objx;
+        if (!raw) {
+          resolve([]);
+          return;
+        }
+        const { apps, errors } = validateRegistry(raw);
+        if (errors.length) {
+          console.error(
+            "[microRouter] 应用注册表存在非法条目（已跳过）：",
+            errors
+          );
+        }
+        resolve(apps);
+      },
+    }).catch(() => resolve([]));
+  });
+  const timeoutPromise = new Promise((resolve) => {
+    setTimeout(() => {
+      resolve([]);
+    }, REGISTRY_TIMEOUT);
+  });
+  return Promise.race([fetchPromise, timeoutPromise]).then((apps) =>
+    applyDebugOverrides(apps)
+  );
+}
+
+/**
+ * 本机调试覆盖：localStorage.micro_app_debug 仅在当前浏览器生效，
+ * 用于"发布环境主应用 + 本机子应用"的联调，不影响其他用户。四档写法：
+ *   "1"                          → settings.microDebugAppCode + microDebugEntry
+ *   "appB"                       → appB + 默认调试入口
+ *   "appB=http://localhost:9530/" → 指定入口；多个用逗号分隔，可混写
+ *   '[{"appCode":"..","entry":".."}]' → 完整条目数组
+ * 与注册表按 appCode 合并：已存在的条目覆盖 entry 并强制 enabled，不存在的追加。
+ */
+function getDebugOverrides() {
+  let raw = null;
+  try {
+    raw = window.localStorage.getItem(DEBUG_STORAGE_KEY);
+  } catch (e) {
+    return [];
+  }
+  if (!raw || !(raw = raw.trim())) return [];
+  const defaults = {
+    appCode: settings.microDebugAppCode || "",
+    entry: settings.microDebugEntry || "",
+  };
+  let items = [];
+  if (raw.charAt(0) === "[") {
+    try {
+      const list = JSON.parse(raw);
+      items = (Array.isArray(list) ? list : []).map((item) => ({
+        appCode: (item && item.appCode) || "",
+        entry: (item && item.entry) || defaults.entry,
+      }));
+    } catch (e) {
+      console.error(
+        "[microRouter] micro_app_debug JSON 解析失败，已忽略：",
+        e.message
+      );
+      return [];
+    }
+  } else if (raw === "1" || raw === "true") {
+    items = [defaults];
+  } else {
+    items = raw.split(",").map((part) => {
+      const idx = part.indexOf("=");
+      const code = (idx > -1 ? part.slice(0, idx) : part).trim();
+      const entry = idx > -1 ? part.slice(idx + 1).trim() : defaults.entry;
+      return { appCode: code, entry };
+    });
+  }
+  return items.filter((item) => {
+    if (!DEBUG_APP_CODE_REG.test(item.appCode || "") || !item.entry) {
+      console.error(
+        "[microRouter] micro_app_debug 非法条目已跳过：",
+        JSON.stringify(item)
+      );
+      return false;
+    }
+    return true;
+  });
+}
+
+function applyDebugOverrides(apps) {
+  const overrides = getDebugOverrides();
+  if (!overrides.length) return apps || [];
+  const result = (apps || []).slice();
+  overrides.forEach((override) => {
+    const existing = result.find((app) => app.appCode === override.appCode);
+    if (existing) {
+      existing.entry = override.entry;
+      existing.enabled = true;
+    } else {
+      result.push({
+        appCode: override.appCode,
+        appName: override.appCode + "(本地调试)",
+        entry: override.entry,
+        hasCorejs: true,
+        enabled: true,
+      });
+    }
+    console.warn(
+      "[microRouter] ⚠ 本地调试覆盖生效：" +
+        override.appCode +
+        " → " +
+        override.entry +
+        "（删除 localStorage." +
+        DEBUG_STORAGE_KEY +
+        " 后刷新恢复）"
+    );
+  });
+  return result;
+}
+
+/**
+ * activeRule 由 appCode 推导：hash 首段即归属首段，与菜单访问路径天然一致。
+ */
+export function buildActiveRule(appCode) {
+  const prefix = "#/" + appCode;
+  return (location) => {
+    const hash = location.hash || "";
+    return (
+      hash === prefix ||
+      hash.indexOf(prefix + "/") === 0 ||
+      hash.indexOf(prefix + "?") === 0
+    );
+  };
+}
+
+/**
+ * 登记子应用（保活模式）：不再走 registerMicroApps/start 的 activeRule 自动装卸，
+ * 改为路由钩子驱动的 loadMicroApp 手动装载——首次进入装载，离开只隐藏，切回显示并同步路由。
+ * options.subAppMenus 为 menuAdapter.dispatchMenus 的切分结果。
+ */
+export function registerSubApps(apps, options = {}) {
+  const env = process.env.NODE_ENV || "development";
+  const subAppMenus = options.subAppMenus || {};
+  const mainAdapter = options.mainAdapter || createDefaultMainAdapter();
+  const userInfo = options.userInfo || null;
+  microAppConfigs = {};
+  (apps || []).forEach((app) => {
+    const entry = resolveEntry(app.entry, env);
+    if (!entry) {
+      console.error(
+        "[microRouter] 子应用缺少当前环境 entry，已跳过：" + app.appCode
+      );
+      return;
+    }
+    microAppConfigs[app.appCode] = {
+      name: app.appCode,
+      entry,
+      props: {
+        appCode: app.appCode,
+        menus: subAppMenus[app.appCode] || [],
+        token: getToken(),
+        lang: localStorage.getItem("i18n-lang") || "",
+        userInfo,
+        mainAdapter,
+      },
+    };
+  });
+  installRouteHook();
+  return Object.keys(microAppConfigs);
+}
+
+// 当前应处于激活态的子应用（等待容器期间用户可能又切走，异步续体据此丢弃过期操作）
+let currentActiveAppCode = null;
+
+function installRouteHook() {
+  if (routeHookInstalled) return;
+  routeHookInstalled = true;
+  router.afterEach((to) => {
+    const appCode =
+      to.meta && to.meta.isMicroApp && microAppConfigs[to.meta.appCode]
+        ? to.meta.appCode
+        : null;
+    currentActiveAppCode = appCode;
+    Object.keys(aliveApps).forEach((code) => {
+      if (code !== appCode) {
+        deactivateMicroApp(code);
+      }
+    });
+    if (appCode) {
+      activateMicroApp(appCode);
+    }
+  });
+}
+
+// 刷新直接落在子应用路由时，afterEach 早于布局渲染（AppMain 懒加载 + showAppMain 延迟），
+// 容器尚未进 DOM——轮询等待，超时显式报错
+const WRAPPER_WAIT_INTERVAL = 100;
+const WRAPPER_WAIT_MAX_TRIES = 100;
+
+function waitForWrapper(tryCount = 0) {
+  const wrapper = document.getElementById(CONTAINER_WRAPPER_ID);
+  if (wrapper) return Promise.resolve(wrapper);
+  if (tryCount >= WRAPPER_WAIT_MAX_TRIES) {
+    console.error(
+      "[microRouter] 等待子应用容器 #" + CONTAINER_WRAPPER_ID + " 超时"
+    );
+    return Promise.resolve(null);
+  }
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(waitForWrapper(tryCount + 1));
+    }, WRAPPER_WAIT_INTERVAL);
+  });
+}
+
+function getContainerEl(wrapper, appCode) {
+  const id = CONTAINER_WRAPPER_ID + "-" + appCode;
+  let el = document.getElementById(id);
+  if (!el) {
+    el = document.createElement("div");
+    el.id = id;
+    el.style.height = "100%";
+    wrapper.appendChild(el);
+  }
+  return el;
+}
+
+function activateMicroApp(appCode) {
+  const config = microAppConfigs[appCode];
+  if (!config) return;
+  waitForWrapper().then((wrapper) => {
+    if (!wrapper) return;
+    if (currentActiveAppCode !== appCode) return; // 等待期间已切走
+    const el = getContainerEl(wrapper, appCode);
+    el.style.display = "";
+    const alive = aliveApps[appCode];
+    if (!alive) {
+      aliveApps[appCode] = {
+        el,
+        instance: loadMicroApp({
+          name: config.name,
+          entry: config.entry,
+          container: el,
+          props: config.props,
+        }),
+      };
+      return;
+    }
+    // 已保活：显示容器并通知子应用恢复路由监听、同步当前 hash（含"切到本应用另一菜单"的深导航）
+    notifyMicroApp(alive.instance, { microActive: true });
+  });
+}
+
+function deactivateMicroApp(appCode) {
+  const alive = aliveApps[appCode];
+  if (!alive) return;
+  alive.el.style.display = "none";
+  // 暂停子应用路由监听，防止隐藏期间对主应用的 URL 变化做出反应（回写 URL 互相打架）
+  notifyMicroApp(alive.instance, { microActive: false });
+}
+
+function notifyMicroApp(instance, props) {
+  if (!instance || typeof instance.update !== "function") return;
+  const mountPromise = instance.mountPromise || Promise.resolve();
+  mountPromise
+    .then(() => instance.update(props))
+    .catch((e) => {
+      console.error("[microRouter] 子应用 update 通知失败：", e);
+    });
+}
+
+/** 真正卸载全部子应用（登出等场景按需调用；常规页签切换不卸载） */
+export function unmountAllMicroApps() {
+  Object.keys(aliveApps).forEach((code) => {
+    const alive = aliveApps[code];
+    if (alive && alive.instance) {
+      alive.instance.unmount().catch(() => {});
+    }
+    if (alive && alive.el && alive.el.parentNode) {
+      alive.el.parentNode.removeChild(alive.el);
+    }
+  });
+  aliveApps = {};
+}
+
+/**
+ * 每个子应用先按菜单生成精确路由以携带菜单标题等元数据，再追加通配兜底。
+ * 路由均不挂组件，内容由 qiankun 挂进 AppMain 的 #Appmicro 容器。
+ */
+export function buildSubAppRoutes(apps, subAppMenus = {}) {
+  const routes = [];
+  (apps || []).forEach((app) => {
+    const seenPaths = {};
+    (subAppMenus[app.appCode] || []).forEach((menu, index) => {
+      let path = getAccessPath(menu).split("?")[0];
+      if (!path) return;
+      if (!path.startsWith("/")) {
+        path = "/" + path;
+      }
+      if (seenPaths[path]) return;
+      seenPaths[path] = true;
+      routes.push({
+        path,
+        name: `micro-${app.appCode}-menu-${menu.id || menu.menuCode || index}`,
+        meta: {
+          title: menu.menuName || app.appName,
+          enTitle: menu.menuEnName || null,
+          treePathName: menu.treePathName,
+          repeatOpen: menu.repeatOpen,
+          isMicroApp: true,
+          appCode: app.appCode,
+        },
+      });
+    });
+    routes.push({
+      path: "/" + app.appCode + "/*",
+      name: "micro-" + app.appCode,
+      meta: {
+        title: app.appName,
+        isMicroApp: true,
+        appCode: app.appCode,
+      },
+    });
+  });
+  return routes;
+}
+
+// 子应用表单脚本跳主应用路由必须走该回调，不得直接摸主应用 router
+function createDefaultMainAdapter() {
+  return {
+    navigate(path) {
+      const vueRoot = window.$vueRoot;
+      if (vueRoot && vueRoot.$router) {
+        vueRoot.$router.push(path).catch(() => {});
+      }
+    },
+    openTab(path) {
+      this.navigate(path);
+    },
+    closeTab(view) {
+      const vueRoot = window.$vueRoot;
+      if (vueRoot && vueRoot.$store) {
+        return vueRoot.$store.dispatch(
+          "tagsView/delView",
+          view || vueRoot.$route
+        );
+      }
+      return Promise.resolve();
+    },
+  };
+}

package/src/public-path.js

@@ -0,0 +1,8 @@
+/* eslint-disable camelcase, no-undef */
+/**
+ * qiankun 子应用模式下修正 webpack 运行时 publicPath，
+ * 必须在入口文件的第一行 import，早于其余任何模块。
+ */
+if (window.__POWERED_BY_QIANKUN__) {
+  __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
+}

package/src/store/config/index.js

@@ -458,7 +458,7 @@ modules = {
         type: 0,
         children: [],
       },
-      /* {
+      {
         id: 6657,
         createDate: "2024-05-28 16:20:15",
         modifyDate: "2025-01-02 10:20:52",
@@ -480,7 +480,7 @@ modules = {
         grade: 2,
         type: 0,
         children: [],
-      }, */
+      },
       {
         id: 6949,
         createDate: "2024-06-13 14:29:01",
@@ -617,28 +617,28 @@ modules = {
         grade: 2,
         type: 0,
       },
-      {
-        id: 10002,
-        createDate: "2022-05-31 09:39:47",
-        modifyDate: "2024-08-19 10:50:08",
-        createBy: "admin",
-        modifyBy: "admin",
-        orders: 1,
-        parent: 60,
-        menuName: "数据源",
-        menuEnName: null,
-        menuCode: "extend_datasource:list",
-        sn: null,
-        menuImg: null,
-        url: "@base/views/user/extend_datasource/list",
-        route: "/user/extend_datasource/list",
-        enabled: true,
-        treePath: ",12,60,",
-        treePathName: ",",
-        hasChild: true,
-        grade: 2,
-        type: 0,
-      },
+      // {
+      //   id: 10002,
+      //   createDate: "2022-05-31 09:39:47",
+      //   modifyDate: "2024-08-19 10:50:08",
+      //   createBy: "admin",
+      //   modifyBy: "admin",
+      //   orders: 1,
+      //   parent: 60,
+      //   menuName: "数据源",
+      //   menuEnName: null,
+      //   menuCode: "extend_datasource:list",
+      //   sn: null,
+      //   menuImg: null,
+      //   url: "@base/views/user/extend_datasource/list",
+      //   route: "/user/extend_datasource/list",
+      //   enabled: true,
+      //   treePath: ",12,60,",
+      //   treePathName: ",",
+      //   hasChild: true,
+      //   grade: 2,
+      //   type: 0,
+      // },
       {
         id: 10003,
         createDate: "2022-05-31 09:39:47",

package/src/store/modules/permission.js

@@ -1,19 +1,20 @@
-import {
-  constantRoutes,
-} from '@base/router';
-import {
-  asyncRoutes,
-  sidebarRoutes
-} from '@base/router/modules/system';
-import Layout from '@/layout';
-import {
-  getRouters
-} from '../../api/menu'
+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 settings from "@/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 的主应用登录后填充）
@@ -62,25 +63,26 @@ let configUtl = {
       const fail = (e) => resolve(createFallbackComponent(view, e));
       try {
         if (view) {
-          let t = "@base/views"
+          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)) {
+            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)
+        return require(["@/views" + view], resolve, fail);
       } catch (e) {
         fail(e);
       }
-    }
-  }
+    };
+  },
 };
 
-export const loadView = (view) => { // 路由懒加载
+export const loadView = (view) => {
+  // 路由懒加载
   if (view) {
     let tIndex = view.lastIndexOf("?");
     let newView = view;
@@ -89,12 +91,10 @@ export const loadView = (view) => { // 路由懒加载
     }
     return configUtl.loadView(newView);
   } else {
-    return () => {
-    };
+    return () => {};
   }
 };
 
-
 /**
  * Use meta.role to determine if the current user has permission
  * @param roles
@@ -102,11 +102,11 @@ export const loadView = (view) => { // 路由懒加载
  */
 function hasPermission(roles, route) {
   if (route.meta && route.meta.roles) {
-    return roles.some(role => route.meta.roles.includes(role));
+    return roles.some((role) => route.meta.roles.includes(role));
   } else {
     return true;
   }
-};
+}
 
 /**
  * Filter asynchronous routing tables by recursion
@@ -116,9 +116,9 @@ function hasPermission(roles, route) {
 function filterAsyncRoutes(routes, roles) {
   const res = [];
 
-  routes.forEach(route => {
+  routes.forEach((route) => {
     const tmp = {
-      ...route
+      ...route,
     };
     if (hasPermission(roles, tmp)) {
       if (tmp.children) {
@@ -128,7 +128,7 @@ function filterAsyncRoutes(routes, roles) {
     }
   });
   return res;
-};
+}
 
 const state = {
   routes: [],
@@ -136,7 +136,7 @@ const state = {
   sidebarRouters: [],
   // 注册表里的别家 appCode 列表（宿主/独立运行时填充），
   // menuFallback 据此判定"归属别家应用"，避免把普通组件加载失败误判成别家菜单
-  registryAppCodes: []
+  registryAppCodes: [],
 };
 
 const mutations = {
@@ -149,20 +149,20 @@ const mutations = {
   },
   SET_REGISTRY_APP_CODES: (state, appCodes) => {
     state.registryAppCodes = appCodes || [];
-  }
+  },
 };
 
 const actions = {
   generateRoutes(opt, roles) {
     let commit = opt.commit;
-    return new Promise(resolve => {
+    return new Promise((resolve) => {
       let accessedRoutes;
-      if (roles.includes('admin')) {
+      if (roles.includes("admin")) {
         accessedRoutes = configUtl.asyncRoutes || [];
       } else {
         accessedRoutes = filterAsyncRoutes(configUtl.asyncRoutes, roles);
       }
-      commit('SET_SIDEBAR_ROUTERS', configUtl.sidebarRoutes || []);
+      commit("SET_SIDEBAR_ROUTERS", configUtl.sidebarRoutes || []);
       resolve(accessedRoutes);
     });
   },
@@ -170,39 +170,45 @@ const actions = {
     let commit = opt.commit;
     let dispatch = opt.dispatch;
     let isBdAdmin = opt.rootGetters.isBdAdmin;
-    return new Promise(resolve => {
+    return new Promise((resolve) => {
       if (!isBdAdmin) {
         configUtl.getRouters({
-          success: res => {
+          success: (res) => {
             var rows = res.objx || [];
-            dispatch('setupHostAndRoutes', rows).then((accessedRoutes) => {
+            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) => {
+        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__;
+  setupHostAndRoutes({ dispatch, commit, rootState }, rows = []) {
+    let isHost =
+      settings.microMainEnabled === true && !window.__POWERED_BY_QIANKUN__;
     if (!isHost) {
-      return dispatch('setSidebarRoute', rows);
+      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));
+      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) {
@@ -211,30 +217,29 @@ const actions = {
           userInfo: buildUserInfoSnapshot(rootState.user),
         });
       }
-      return dispatch('setSidebarRoute', rows);
+      return dispatch("setSidebarRoute", rows);
     });
   },
   // qiankun 子应用模式：主应用经 props 下发菜单，替代 getRouters 自拉
-  generateRoutesFromProps({dispatch}, menus = []) {
-    return dispatch('setSidebarRoute', menus);
+  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);
+  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)
+      resolve(accessedRoutes);
     });
-  }
+  },
 };
 
-
 function getUrlParams(url) {
-  let urlStr = url.split('?')[1];
+  let urlStr = url.split("?")[1];
   const urlSearchParams = new URLSearchParams(urlStr);
   const result = Object.fromEntries(urlSearchParams.entries());
   return result;
@@ -248,7 +253,7 @@ function isDelegatedToSubApp(route) {
 
 function handleMenuRoutes(routes) {
   var sidebarRoutes = {
-    path: '',
+    path: "",
     component: configUtl.Layout,
   };
   var children = [];
@@ -283,9 +288,9 @@ function handleMenuRoutes(routes) {
   sidebarRoutes.children = children;
   var result = [sidebarRoutes];
   result.push({
-    path: '*',
-    redirect: '/404',
-    hidden: true
+    path: "*",
+    redirect: "/404",
+    hidden: true,
   });
   return result;
 }
@@ -307,7 +312,7 @@ function createRoute3(route3, flag) {
         componentPath = "/report/vform/render";
         menuCode = "vform_render";
       } else {
-        let pIndex = path.indexOf('?');
+        let pIndex = path.indexOf("?");
         if (pIndex > 0) {
           param = getUrlParams(path);
           path = path.substring(0, pIndex);
@@ -317,13 +322,13 @@ function createRoute3(route3, flag) {
         menuCode = route3.menuCode;
       }
     } else {
-      componentPath = '';
+      componentPath = "";
       menuCode = route3.menuCode;
     }
     if (path && path.startsWith("@")) {
       // path = "/" + path;
-      path = null
-      componentPath = ""
+      path = null;
+      componentPath = "";
     }
     item = {
       id: route3.id,
@@ -343,9 +348,9 @@ function createRoute3(route3, flag) {
         enTitle: route3.menuEnName || null,
         treePathName: route3.treePathName,
         param: param,
-        repeatOpen: route3.repeatOpen
-      }
-    }
+        repeatOpen: route3.repeatOpen,
+      },
+    };
     if (flag !== 1) {
       item.component = loadView(componentPath);
     }
@@ -353,7 +358,7 @@ function createRoute3(route3, flag) {
     //外部菜单
     let menuCode = route3.menuCode;
     let componentPath = "@base/views/user/outLink/index";
-    let path = route3.route || ("/user/outLink/index" + "/" + menuCode);
+    let path = route3.route || "/user/outLink/index" + "/" + menuCode;
     item = {
       id: route3.id,
       menuName: route3.menuName,
@@ -364,15 +369,15 @@ function createRoute3(route3, flag) {
       type: route3.type,
       url: path,
       path: path,
-      outLink: route3.url || '',
+      outLink: route3.url || "",
       linkType: route3.type,
       route: route3.route,
       name: "outLink",
       meta: {
         title: route3.menuName,
         enTitle: route3.menuName || null,
-        treePathName: route3.treePathName
-      }
+        treePathName: route3.treePathName,
+      },
     };
     if (flag !== 1) {
       item.component = loadView(componentPath);
@@ -386,8 +391,8 @@ function createRoute3(route3, flag) {
       item.meta = {
         title: route3.menuName,
         enTitle: route3.menuEnName || null,
-        treePathName: route3.treePathName
-      }
+        treePathName: route3.treePathName,
+      };
     }
   } else if (route3.type == 5) {
     //动态表单
@@ -410,8 +415,8 @@ function createRoute3(route3, flag) {
         title: route3.menuName,
         enTitle: route3.menuEnName || null,
         treePathName: route3.treePathName,
-        repeatOpen: route3.repeatOpen
-      }
+        repeatOpen: route3.repeatOpen,
+      },
     };
     if (flag !== 1) {
       item.component = loadView(componentPath);
@@ -421,33 +426,35 @@ function createRoute3(route3, flag) {
 }
 
 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);
-                }
-              });
+  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);
             }
-            item2.children = children2;
-            children1.push(item2)
-          }
-        });
-      }
+          });
+        }
 
-      item1.children = children1;
-    }
-    return item1;
-  }).filter(route => route != null);
+        item1.children = children1;
+      }
+      return item1;
+    })
+    .filter((route) => route != null);
 }
 
 modules = {
@@ -455,7 +462,7 @@ modules = {
   state,
   mutations,
   actions,
-  filterAsyncRoutes
+  filterAsyncRoutes,
 };
 
-export default modules
+export default modules;

package/src/views/user/menuFallback/index.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import settings from "@base/settings";
+import settings from "@/settings";
 import { getFirstSegment, BASE_SEGMENT } from "@base/utils/menuAdapter";
 
 export default {
@@ -40,10 +40,10 @@ export default {
       let seg = this.ownerSegment;
       let own = settings.appCode || "";
       return (
-        !!seg
-        && seg !== BASE_SEGMENT
-        && seg !== own
-        && this.registryAppCodes.indexOf(seg) !== -1
+        !!seg &&
+        seg !== BASE_SEGMENT &&
+        seg !== own &&
+        this.registryAppCodes.indexOf(seg) !== -1
       );
     },
     message() {
@@ -51,19 +51,19 @@ export default {
         if (!(settings.appCode || "")) {
           // 主站视角：归属子应用的菜单本应委派 qiankun 渲染，走到本地加载即为注册/部署异常
           return (
-            this.$t1("该菜单归属子应用")
-            + "「"
-            + this.ownerSegment
-            + "」"
-            + this.$t1("，加载失败，请检查应用注册表与子应用部署")
+            this.$t1("该菜单归属子应用") +
+            "「" +
+            this.ownerSegment +
+            "」" +
+            this.$t1("，加载失败，请检查应用注册表与子应用部署")
           );
         }
         return (
-          this.$t1("该菜单归属应用")
-          + "「"
-          + this.ownerSegment
-          + "」"
-          + this.$t1("，当前应用未部署对应页面，请在主平台中访问")
+          this.$t1("该菜单归属应用") +
+          "「" +
+          this.ownerSegment +
+          "」" +
+          this.$t1("，当前应用未部署对应页面，请在主平台中访问")
         );
       }
       return this.$t1("页面组件加载失败，请检查菜单配置或应用注册表");