cloud-web-corejs 1.0.54-dev.771 → 1.0.54-dev.772

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.54-dev.771",
+  "version": "1.0.54-dev.772",
   "scripts": {
     "dev": "vue-cli-service serve",
     "lint": "eslint --ext .js,.vue src",

package/src/index.js

@@ -320,7 +320,13 @@ function resumeSubRouter() {
 function syncSubRouter() {
   const current = window.location.hash.replace(/^#/, "") || "/";
   if (router.currentRoute.fullPath !== current) {
-    router.push(current).catch(() => {});
+    // vue-router 3.0.2 的 push 不返回 Promise（3.1.0 才加），直接 .catch 会读到
+    // undefined 抛错，且此调用发生在 qiankun update 生命周期内——异常会让 parcel 直接
+    // died、后续所有 update（含页签刷新转发）失效。仅当 push 返回 Promise 时才吞异常。
+    const nav = router.push(current);
+    if (nav && typeof nav.catch === "function") {
+      nav.catch(() => {});
+    }
   }
 }
 

package/src/layout/components/TagsView/index.vue

@@ -37,7 +37,7 @@
           <el-dropdown-item @click.native="refreshSelectedTag($route)" :disabled="getIsLock()">
             <i class="el-icon-refresh"/><span>{{ $t1('刷新') }}</span>
           </el-dropdown-item>
-          <el-dropdown-item @click.native="closeAllTags(selectedTag)">
+          <el-dropdown-item @click.native="closeAllTags($route)">
             <i class="el-icon-close"/><span>{{ $t1('全部关闭') }}</span>
           </el-dropdown-item>
         </el-dropdown-menu>

package/src/microRouter/index.js

@@ -5,6 +5,7 @@
  * 由 permission store 在登录后菜单生成流程中调用（settings.microMainEnabled 门控）。
  */
 import { loadMicroApp } from "qiankun";
+import { Loading } from "element-ui";
 import { getLogicParamValue } from "@base/api/user";
 import {
   getAccessPath,
@@ -248,6 +249,19 @@ function activateMicroApp(key) {
             + "/ 即回到正式环境）"
         );
       }
+      // 子应用是另一套系统，首次装载要下载其全量资源、耗时明显，期间容器空白。
+      // loading 只盖内容区，不遮页签，也不挂子应用容器 el（el 会被 qiankun 写 innerHTML
+      // 清掉，且空 #Appmicro 高度为 0）：挂到有尺寸、qiankun 不碰的 .app-main，
+      // 再把遮罩顶边下移到 #Appmicro 的位置（offsetTop = 固定表头里页签的占位高度，
+      // 动态读取不写死），从而避开顶部的页签栏。挂载成功 / 失败都关闭。
+      const appMain = wrapper.closest(".app-main");
+      const loadingInstance = Loading.service({
+        target: appMain || wrapper,
+        text: "加载中…",
+      });
+      if (appMain && loadingInstance.$el && loadingInstance.$el.style) {
+        loadingInstance.$el.style.top = wrapper.offsetTop + "px";
+      }
       let instance;
       try {
         instance = loadMicroApp({
@@ -257,6 +271,7 @@ function activateMicroApp(key) {
           props: config.props,
         });
       } catch (error) {
+        loadingInstance.close();
         if (el.parentNode) {
           el.parentNode.removeChild(el);
         }
@@ -268,11 +283,17 @@ function activateMicroApp(key) {
       if (
         instance
         && instance.mountPromise
-        && typeof instance.mountPromise.catch === "function"
+        && typeof instance.mountPromise.then === "function"
       ) {
-        instance.mountPromise.catch((error) => {
-          cleanupFailedMicroApp(key, createdAlive, error);
-        });
+        instance.mountPromise
+          .then(() => loadingInstance.close())
+          .catch((error) => {
+            loadingInstance.close();
+            cleanupFailedMicroApp(key, createdAlive, error);
+          });
+      } else {
+        // 理论不会走到（loadMicroApp 恒返回带 mountPromise 的实例），兜底避免遮罩悬挂
+        loadingInstance.close();
       }
       return;
     }
@@ -398,7 +419,12 @@ function createDefaultMainAdapter() {
     navigate(path) {
       const vueRoot = window.$vueRoot;
       if (vueRoot && vueRoot.$router) {
-        vueRoot.$router.push(path).catch(() => {});
+        // vue-router 3.0.2 的 push 返回 undefined（3.1.0 才返回 Promise），
+        // 直接 .catch 会抛 "reading 'catch'"，仅在返回 Promise 时才吞异常
+        const nav = vueRoot.$router.push(path);
+        if (nav && typeof nav.catch === "function") {
+          nav.catch(() => {});
+        }
       }
     },
     openTab(path) {

package/src/public-path.js

@@ -6,3 +6,33 @@
 if (window.__POWERED_BY_QIANKUN__) {
   __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
 }
+
+/**
+ * API base 运行时解析：解决"被外部域名的主应用嵌入时，相对 baseURL 会误打主应用域名"。
+ * 消费应用的 vue.config.js 经 DefinePlugin 把每个 process.env.VUE_APP_BASE_API 编译成
+ * window.__resolveApiBase__("<原值>") 的调用，于是 request.js 及一切读该值的模块运行时按下述规则求值：
+ *   独立运行            → 原值（相对地址命中自身域名，行为不变）
+ *   子应用挂载：
+ *     原值是域名(绝对)  → 原值（含协议相对 //host）
+ *     原值不是域名      → 子应用自身 origin + 原值（"" → origin；"/gapi" → origin+"/gapi"）
+ * 前提：API 与子应用静态资源同源部署（origin 即后端所在域名，路径前缀由原值补齐）。
+ * 该 helper 只接受调用点传入的原值作参数、绝不引用 process.env.VUE_APP_BASE_API，
+ * 以免被 DefinePlugin 递归改写成自我调用。
+ */
+if (!window.__resolveApiBase__) {
+  window.__resolveApiBase__ = function (raw) {
+    raw = raw || "";
+    if (!window.__POWERED_BY_QIANKUN__) return raw;
+    // http:// https:// 以及协议相对 //host 都算"是域名"，原样返回
+    if (/^(https?:)?\/\//.test(raw)) return raw;
+    try {
+      var origin = new URL(
+        window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__,
+        window.location.href
+      ).origin;
+      return origin + raw;
+    } catch (e) {
+      return raw;
+    }
+  };
+}