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

package/src/utils/keepAlive.js

@@ -166,11 +166,15 @@ export default {
       const key = name
 
       if (cache[key]) {
+        // 临时打点：菜单切换卡顿定位（定位后移除）
+        console.log("[nav-perf] keep-alive HIT: " + key)
         vnode.componentInstance = cache[key].componentInstance
         // make current key freshest
         remove(keys, key)
         keys.push(key)
       } else {
+        // 临时打点：菜单切换卡顿定位（定位后移除）
+        console.log("[nav-perf] keep-alive MISS: " + key)
         cache[key] = vnode
         keys.push(key)
         // prune oldest entry

package/src/utils/menuAdapter.js

@@ -0,0 +1,183 @@
+/**
+ * 微前端菜单适配层（零依赖纯函数）。
+ * 供引包应用与未引包主应用（deep-import 本文件）共用，
+ * 禁止在此引入 @base 的 store / router / request / 组件。
+ * 协议说明见 docs/qiankun微前端改造-实现方案.md 第三章。
+ */
+
+// 表单菜单（动态表单）类型值，菜单归属识别的唯一权威标识
+export const FORM_MENU_TYPE = 5;
+
+// url 命名空间保留首段：/base/xxx 表示组件在 npm 包内（@base/views/xxx）
+export const BASE_SEGMENT = "base";
+
+const BASE_VIEW_PREFIX = "@base/views";
+const APP_CODE_REG = /^[A-Za-z][A-Za-z0-9_-]*$/;
+
+export function isFormMenu(menu) {
+  return !!menu && menu.type === FORM_MENU_TYPE;
+}
+
+/**
+ * 访问路径 = route || url（与 createRoute3 现有取值逻辑一致）
+ */
+export function getAccessPath(menu) {
+  if (!menu) return "";
+  return String(menu.route || menu.url || "");
+}
+
+/**
+ * 取路径首段（不含查询串）；@ 开头的存量组件路径无首段语义，返回 ""
+ */
+export function getFirstSegment(path) {
+  if (!path || typeof path !== "string" || path.startsWith("@")) {
+    return "";
+  }
+  return path.split("?")[0].split("/").filter(Boolean)[0] || "";
+}
+
+/**
+ * 解析菜单归属：访问路径首段命中注册表 appCode 则归属该子应用，
+ * 否则（空 / base / 未命中）归主应用，返回 ""。
+ */
+export function resolveOwner(menu, registry) {
+  const seg = getFirstSegment(getAccessPath(menu));
+  if (!seg || seg === BASE_SEGMENT) return "";
+  const apps = normalizeRegistry(registry);
+  return apps.some((app) => app.appCode === seg) ? seg : "";
+}
+
+/**
+ * 解析组件路径（type 0 普通菜单）：
+ * - "@..." 存量旧写法：url 即组件路径，原样返回；
+ * - 首段 base：转 @base/views 命名空间；
+ * - 首段等于渲染方 appCode：剥掉首段（渲染方只渲染归属自己的菜单）；
+ * - 其余原样（无前缀走渲染方 @/views；别家前缀加载失败落兜底组件）。
+ */
+export function resolveComponentPath(menu, rendererAppCode) {
+  const url = menu && menu.url != null ? String(menu.url) : "";
+  if (!url) return "";
+  if (url.startsWith("@")) return url;
+  const seg = getFirstSegment(url);
+  if (!seg) return url;
+  if (seg === BASE_SEGMENT) {
+    const rest = stripFirstSegment(url);
+    return rest ? BASE_VIEW_PREFIX + rest : "";
+  }
+  if (rendererAppCode && seg === rendererAppCode) {
+    const rest = stripFirstSegment(url);
+    if (!rest) return "";
+    // 单字段写法 /appA/base/xx：剥掉归属前缀后可能仍带 base 命名空间，递归解析一次
+    // （appCode 传空，只剥一层归属前缀，不会把 /appA/appA/xx 连剥两层）
+    return resolveComponentPath({ url: rest }, "");
+  }
+  return url;
+}
+
+function stripFirstSegment(url) {
+  const clean = url.startsWith("/") ? url : "/" + url;
+  const idx = clean.indexOf("/", 1);
+  return idx > 0 ? clean.slice(idx) : "";
+}
+
+/**
+ * 全量菜单按归属切分：主应用保留完整树（侧边栏整树展示），
+ * 各子应用得到归属自己的菜单行的扁平列表（用于 props 下发生成子应用内部路由）。
+ */
+export function dispatchMenus(menus, registry) {
+  const apps = normalizeRegistry(registry);
+  const subAppMenus = {};
+  apps.forEach((app) => {
+    subAppMenus[app.appCode] = [];
+  });
+  const walk = (rows) => {
+    (rows || []).forEach((row) => {
+      const owner = resolveOwner(row, apps);
+      if (owner) {
+        subAppMenus[owner].push(row);
+      }
+      if (row && row.children && row.children.length) {
+        walk(row.children);
+      }
+    });
+  };
+  walk(menus || []);
+  return { mainMenus: menus || [], subAppMenus };
+}
+
+/**
+ * 校验应用注册表（逻辑参数 micro_app_registry 的 paramValue）。
+ * 非法条目跳过并记入 errors，绝不静默；enabled === false 的合法条目不收录也不报错。
+ * options.reservedSegments 传各应用 @/views 一级目录名，防 appCode 撞名。
+ */
+export function validateRegistry(raw, options = {}) {
+  const errors = [];
+  let list = raw;
+  if (typeof raw === "string") {
+    try {
+      list = JSON.parse(raw);
+    } catch (e) {
+      return { apps: [], errors: ["注册表 JSON 解析失败: " + e.message] };
+    }
+  }
+  if (!Array.isArray(list)) {
+    return { apps: [], errors: ["注册表必须是 JSON 数组"] };
+  }
+  const reserved = [BASE_SEGMENT].concat(options.reservedSegments || []);
+  const apps = [];
+  const seen = {};
+  list.forEach((item, index) => {
+    const tag = "注册表第" + (index + 1) + "项";
+    if (!item || typeof item !== "object" || Array.isArray(item)) {
+      errors.push(tag + "不是对象");
+      return;
+    }
+    const appCode = item.appCode;
+    if (!appCode || typeof appCode !== "string" || !APP_CODE_REG.test(appCode)) {
+      errors.push(tag + " appCode 缺失或格式非法: " + JSON.stringify(appCode));
+      return;
+    }
+    if (reserved.indexOf(appCode) >= 0) {
+      errors.push(tag + " appCode 与保留字/视图目录撞名: " + appCode);
+      return;
+    }
+    if (seen[appCode]) {
+      errors.push(tag + " appCode 重复: " + appCode);
+      return;
+    }
+    if (item.entry == null || (typeof item.entry !== "string" && typeof item.entry !== "object")) {
+      errors.push(tag + "（" + appCode + "）entry 缺失或格式非法");
+      return;
+    }
+    seen[appCode] = true;
+    if (item.enabled === false) return;
+    apps.push({
+      appCode: appCode,
+      appName: item.appName || appCode,
+      entry: item.entry,
+      hasCorejs: !!item.hasCorejs,
+      enabled: true,
+    });
+  });
+  return { apps, errors };
+}
+
+/**
+ * 取分环境 entry：entry 为字符串直接用；为对象按 env 取，缺省回落 production。
+ */
+export function resolveEntry(entry, env) {
+  if (!entry) return "";
+  if (typeof entry === "string") return entry;
+  return entry[env] || entry.production || "";
+}
+
+function normalizeRegistry(registry) {
+  if (!registry) return [];
+  const list = Array.isArray(registry) ? registry : registry.apps || [];
+  return list.filter((app) => {
+    return app
+      && typeof app.appCode === "string"
+      && app.appCode
+      && app.enabled !== false;
+  });
+}