cloud-web-corejs 1.0.54-dev.774 → 1.0.54-dev.777

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.54-dev.774",
+  "version": "1.0.54-dev.777",
   "scripts": {
     "dev": "vue-cli-service serve",
+    "dev:micro": "vue-cli-service serve --port 17527",
     "lint": "eslint --ext .js,.vue src",
     "build:prod": "vue-cli-service build",
     "build:stage": "vue-cli-service build --mode staging",
@@ -145,6 +146,7 @@
     "src/components/jdPrint",
     "src/components/jsonImport",
     "src/components/langImport",
+    "src/components/micro-view-host",
     "src/components/mobile",
     "src/components/onlineTalk",
     "src/components/oplogTable",

package/src/components/micro-view-host/contract.js

@@ -0,0 +1,66 @@
+/**
+ * 详情承载契约（纯常量 + props 构造，无副作用，可完整单测）。
+ * micro-view-host（主/渲染方）与子应用「详情承载入口」共同遵守。
+ * 完整设计见 docs/qiankun动态详情页承载方案.md 第 5 节。
+ *
+ * 关键前提：qiankun loadMicroApp 的 props 是同一 JS realm 内的普通对象，
+ * 函数可直接传入并被子应用调用——故上行回调用函数 props，不需事件总线；
+ * 真正跨不过去的是 Vue 实例（parentVue）与 $parent 链，由子应用侧用 shim 合成。
+ */
+
+// props 标志：子应用 mount 时据此进入「详情承载」分支（而非常规整站渲染）
+export const DETAIL_HOST_MODE = "microDetailHost";
+
+// 上行回调字段名（函数 props）。子应用承载入口据此把详情页的
+// $baseReload / _handleCallback / 关闭 / outParam.sync / 任意 listeners
+// 转调回渲染方（见方案 §5.2 / §5.3 的 parentVue shim）。
+export const DETAIL_HOST_CALLBACKS = [
+  "onReload",
+  "onHandleCallback",
+  "onClose",
+  "onUpdateOutParam",
+  "onEmit",
+];
+
+/**
+ * 构造下发给子应用的 props。
+ *
+ * @param {object} input
+ * @param {string} input.appCode        归属子应用 appCode
+ * @param {string} input.targetPath     剥掉 /micro/<appCode> 后的子应用内路径
+ * @param {object} input.bizParams      业务字段整包（objTypeCode/formCode/dataId/param/queryParam…）
+ * @param {object} input.viewMeta       承载元数据（visibleKey/defaultShowWfContent/viewType）
+ * @param {*}      input.initialOutParam outParam 初值（替代 .sync 入向）
+ * @param {object} input.baseProps      基础 props（token/lang/userInfo/mainAdapter…）
+ * @param {object} input.callbacks      上行回调；仅函数值会被收录
+ * @returns {object} 传给 loadMicroApp 的 props
+ */
+export function buildDetailHostProps(input = {}) {
+  const {
+    appCode,
+    targetPath,
+    bizParams,
+    viewMeta,
+    initialOutParam,
+    baseProps,
+    callbacks,
+  } = input;
+
+  const props = Object.assign({}, baseProps, {
+    [DETAIL_HOST_MODE]: true,
+    appCode: appCode || "",
+    targetPath: targetPath || "",
+    bizParams: bizParams || {},
+    viewMeta: viewMeta || {},
+    initialOutParam: initialOutParam,
+  });
+
+  const cb = callbacks || {};
+  DETAIL_HOST_CALLBACKS.forEach((name) => {
+    if (typeof cb[name] === "function") {
+      props[name] = cb[name];
+    }
+  });
+
+  return props;
+}

package/src/components/micro-view-host/index.vue

@@ -0,0 +1,148 @@
+<template>
+  <div :id="containerId" class="micro-view-host" style="height: 100%"></div>
+</template>
+
+<script>
+/**
+ * 详情承载宿主：在弹框/容器内用 qiankun loadMicroApp 装载归属子应用，
+ * 渲染其私有详情页（组件不在当前 bundle，本地 require 拿不到）。
+ * 契约见 ./contract.js 与 docs/qiankun动态详情页承载方案.md 第 5 节。
+ *
+ * ⚠ 依赖子应用侧实现「详情承载入口」（方案 §5.5）：mount 时识别 props.microDetailHost，
+ *   按 targetPath 解析自身组件、用 bizParams/viewMeta 绑 props、装 parentVue shim 渲染。
+ *   在子应用支持该入口前，本组件装载出的仍是子应用默认渲染，未必是目标详情页。
+ *   因此暂不接入各弹框站点——它们仍走 $message 短期提示兜底。
+ *
+ * 多实例：宿主实例名带唯一后缀，与路由保活实例（name=appCode）隔离；
+ *   同一 appCode 的保活实例与若干宿主实例可并存。要求子应用容忍多实例并发。
+ */
+import { loadMicroApp } from "qiankun";
+import { getToken } from "@base/utils/auth";
+import { getAppRegistry, DEBUG_ENTRY } from "@base/microRouter";
+import { buildDetailHostProps } from "./contract";
+
+// 注册表一次会话内不变，缓存首个成功结果，避免每次开弹框都打逻辑参数接口
+let registryCache = null;
+function loadRegistry() {
+  if (!registryCache) {
+    registryCache = getAppRegistry().catch((e) => {
+      registryCache = null; // 失败不缓存，允许下次重试
+      return Promise.reject(e);
+    });
+  }
+  return registryCache;
+}
+
+let hostSeq = 0;
+
+export default {
+  name: "MicroViewHost",
+  props: {
+    // 归属子应用 appCode（helper 的 remote 结果透出）
+    owner: { type: String, required: true },
+    // 剥掉 /micro/<appCode> 后的子应用内路径
+    targetPath: { type: String, default: "" },
+    // 业务字段整包
+    bizParams: { type: Object, default: () => ({}) },
+    // 承载元数据
+    viewMeta: { type: Object, default: () => ({}) },
+    // outParam 初值
+    initialOutParam: { default: undefined },
+  },
+  data() {
+    hostSeq += 1;
+    return {
+      containerId: "micro-viewhost-" + this.owner + "-" + hostSeq,
+      instance: null,
+      failed: false,
+    };
+  },
+  mounted() {
+    this.load();
+  },
+  beforeDestroy() {
+    this.unmount();
+  },
+  methods: {
+    load() {
+      loadRegistry()
+        .then((apps) => {
+          if (this._isDestroyed || this._isBeingDestroyed) return;
+          const app = (apps || []).find((a) => a.appCode === this.owner);
+          if (!app || !app.entry) {
+            this.fail("未在应用注册表找到子应用或缺 entry：" + this.owner);
+            return;
+          }
+          // 逻辑参数 micro_debug_enabled=true 时，与路由整站装载一致：改用本机约定端口，
+          // 不动注册表 entry。本机联调 detail-host 时子应用 devServer 起在 17527 即可。
+          const entry = app.debugEnabled ? DEBUG_ENTRY : app.entry;
+          if (app.debugEnabled) {
+            // eslint-disable-next-line no-console
+            console.warn(
+              "[MicroViewHost] ⚠ 调试装载：" + this.owner + " → " + entry
+            );
+          }
+          this.mountApp(entry);
+        })
+        .catch((e) => {
+          this.fail("读取应用注册表失败", e);
+        });
+    },
+    mountApp(entry) {
+      const props = buildDetailHostProps({
+        appCode: this.owner,
+        targetPath: this.targetPath,
+        bizParams: this.bizParams,
+        viewMeta: this.viewMeta,
+        initialOutParam: this.initialOutParam,
+        baseProps: {
+          token: getToken(),
+          lang: localStorage.getItem("i18n-lang") || "",
+        },
+        callbacks: {
+          onReload: () => this.$emit("reload"),
+          onHandleCallback: (flag) => this.$emit("handle-callback", flag),
+          onClose: () => this.$emit("close"),
+          onUpdateOutParam: (v) => this.$emit("update-out-param", v),
+          onEmit: (name, ...args) => this.$emit("bridge-emit", name, args),
+        },
+      });
+      try {
+        this.instance = loadMicroApp({
+          name: this.owner + "@detailhost-" + this.containerId,
+          entry,
+          container: this.$el,
+          props,
+        });
+        const p = this.instance.mountPromise;
+        if (p && typeof p.then === "function") {
+          p.then(() => this.$emit("mounted")).catch((e) => {
+            this.fail("子应用挂载失败：" + this.owner, e);
+          });
+        }
+      } catch (e) {
+        this.fail("loadMicroApp 失败：" + this.owner, e);
+      }
+    },
+    unmount() {
+      const inst = this.instance;
+      if (!inst) return;
+      this.instance = null;
+      const p = inst.mountPromise || Promise.resolve();
+      p.then(() => inst.unmount()).catch(() => {});
+    },
+    fail(msg, err) {
+      this.failed = true;
+      // eslint-disable-next-line no-console
+      console.error("[MicroViewHost] " + msg, err || "");
+      this.$emit("load-error", this.owner);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.micro-view-host {
+  width: 100%;
+}
+</style>

package/src/components/mobile/wf/mixins/wfModifyDialogMixin.js

@@ -1,47 +1,51 @@
-let mixin = {};
-let configUtil = {
-  baseUrl: process.env.VUE_APP_BASE_API,
-  requireView: (url) => {
-    return require("@/views" + url).default;
-  },
-};
-mixin = {
-  name: "wfModifyMixin",
-  props: {
-    dataId: [String, Number],
-    code: [String, Number],
-    visible: Boolean,
-    paramData: Object,
-    parentVue: Object,
-    wfInfo: Object,
-  },
-  data() {
-    return {
-      showModifyDialog: false,
-      showBillEdit: false,
-      content: "",
-    };
-  },
-  async mounted() {
-    this.openWfModifyDialog(this.code);
-  },
-  methods: {
-    openWfModifyDialog() {
-      let row = this.paramData;
-      let url = row.mobileurl + ".vue";
-      this.showModifyDialog = true;
-      this.content = configUtil.requireView(url);
-      this.$openEditView("showBillEdit");
-    },
-    close() {
-      this.$destroy();
-      this.$el.parentElement.removeChild(this.$el);
-    },
-    refreshEdit() {
-      this.showModifyDialog = false;
-      this.parentVue.$baseReload()
-    }
-  },
-};
-
-export default mixin;
+import {requireViewCompat} from "@base/utils/resolveViewComponent";
+
+let mixin = {};
+let configUtil = {
+  baseUrl: process.env.VUE_APP_BASE_API,
+  // 归属自己 / 包内组件本地渲染；归属别家子应用（remote）或缺文件时返回 null，
+  // 不再抛错崩溃。归属解析见 @base/utils/resolveViewComponent。
+  requireView: (url) => {
+    return requireViewCompat(url);
+  },
+};
+mixin = {
+  name: "wfModifyMixin",
+  props: {
+    dataId: [String, Number],
+    code: [String, Number],
+    visible: Boolean,
+    paramData: Object,
+    parentVue: Object,
+    wfInfo: Object,
+  },
+  data() {
+    return {
+      showModifyDialog: false,
+      showBillEdit: false,
+      content: "",
+    };
+  },
+  async mounted() {
+    this.openWfModifyDialog(this.code);
+  },
+  methods: {
+    openWfModifyDialog() {
+      let row = this.paramData;
+      let url = row.mobileurl + ".vue";
+      this.showModifyDialog = true;
+      this.content = configUtil.requireView(url);
+      this.$openEditView("showBillEdit");
+    },
+    close() {
+      this.$destroy();
+      this.$el.parentElement.removeChild(this.$el);
+    },
+    refreshEdit() {
+      this.showModifyDialog = false;
+      this.parentVue.$baseReload()
+    }
+  },
+};
+
+export default mixin;

package/src/components/wf/wf.js

@@ -2,12 +2,15 @@
 import {getToken} from "../../utils/auth";
 import settingConfig from "@/settings.js";
 import {selectDialogMixins} from "../../mixins/selectDialog";
+import {requireViewCompat} from "@base/utils/resolveViewComponent";
 
 let configUtil = {
   baseUrl: process.env.VUE_APP_BASE_API,
   getToken,
+  // 归属自己 / 包内组件本地渲染；归属别家子应用（remote）或缺文件时返回 null，
+  // 不再抛错崩溃。归属解析见 @base/utils/resolveViewComponent。
   requireView: (url) => {
-    return require("@/views" + url).default;
+    return requireViewCompat(url);
   },
 };
 

package/src/components/xform/form-designer/form-widget/dialog/fileReferenceDialog.vue

@@ -11,6 +11,18 @@
                  :_dataId.sync="dataId" :defaultShowWfContent="defaultShowWfContent" :_isOutLink="true"
                  :parent-target="_self"
                  @reload="$reloadHandle" v-bind="queryParam" v-on="listeners"></component>
+      <micro-view-host
+        v-else-if="showWfContent && remoteView"
+        :owner="remoteView.owner"
+        :target-path="remoteView.targetPath"
+        :biz-params="remoteView.bizParams"
+        :view-meta="remoteView.viewMeta"
+        :initial-out-param="outParam"
+        @reload="$reloadHandle"
+        @update-out-param="outParam = $event"
+        @bridge-emit="onBridgeEmit"
+        @close="showWfContent = false"
+      ></micro-view-host>
     </div>
     <span slot="footer" class="dialog-footer" v-if="option.showFooter!==false" v-bind="option.footerConfig">
 			<el-button type="primary" plain class="button-sty" @click="close">
@@ -26,6 +38,7 @@
 </template>
 
 <script>
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 
 export default {
   components: {},
@@ -62,6 +75,7 @@ export default {
 
       showWfContent: true,
       wfContent: null,
+      remoteView: null,
       outParam: null,
       // dataId: null,
       defaultShowWfContent: null,
@@ -174,23 +188,29 @@ export default {
 
       this.showWfContent = true;
 
-      let t = "@base/views";
-      let urlArr = [
-        '/user/bill_setting/h5_view.vue',
-        '/user/form/view/list.vue',
-        '/user/form/view/edit.vue'
-      ]
-
-      if (urlArr.includes(url)) {
-        this.wfContent = require('@base/views' + url).default;
-      } else if (url.startsWith(t)) {
-        let path = url.slice(t.length);
-        this.wfContent = require('@base/views' + path).default;
-      } else {
-        this.wfContent = require('@/views' + url).default;
-      }
+      let res = loadViewComponent(url);
+      this.remoteView =
+        res.kind === "remote"
+          ? {
+              owner: res.owner,
+              targetPath: res.targetPath,
+              bizParams: this.queryParam,
+              viewMeta: {
+                visibleKey: "showWfContent",
+                defaultShowWfContent: this.defaultShowWfContent,
+                _isOutLink: true,
+                _dataId: this.dataId,
+              },
+            }
+          : null;
+      this.wfContent = res.component;
     },
 
+    // remote 承载态下，把子应用桥接回来的任意事件按名字派回原 option.on 监听
+    onBridgeEmit(name, args) {
+      let fn = this.listeners && this.listeners[name];
+      if (typeof fn === "function") fn.apply(null, args || []);
+    },
 
     reload(e, option) {
       let updateParam = option?.updateParam || {};

package/src/index.js

@@ -12,6 +12,7 @@ import store from "@base/store";
 import router, { resetRouter } from "@base/router";
 import settings from "@/settings";
 import { setToken as setAuthToken } from "@base/utils/auth";
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 
 import "@/icons"; // icon
 import "@base/permission"; // permission control
@@ -238,6 +239,11 @@ Object.keys(filters).forEach((key) => {
   Vue.filter(key, filters[key]);
 });
 
+// 详情承载宿主：弹框 remote 分支用它 loadMicroApp 装载归属子应用渲染私有详情页
+Vue.component("micro-view-host", () =>
+  import("@base/components/micro-view-host/index.vue")
+);
+
 Vue.config.productionTip = false;
 
 let instance = null;
@@ -253,6 +259,82 @@ function render(props = {}) {
   window.$vueRoot = instance;
 }
 
+/**
+ * 详情承载入口（qiankun 详情承载协议 §5.5）。
+ * 主应用/渲染方的 micro-view-host 用 loadMicroApp 装载本应用并置 props.microDetailHost=true，
+ * 要求只渲染 targetPath 指向的详情页、把详情页的刷新/关闭/回调桥接回主应用，不出整站壳。
+ * 契约字段见 docs/qiankun详情承载子应用对接清单.md。
+ *
+ * ⚠ parentVue shim 的委托语义需真机联调打磨：详情页 getTarget(this) 命中 shim 后会用到
+ *   $http/$message/$baseConfirm/$attrs 等——这些经原型委托到宿主根实例（全局插件已装齐），
+ *   仅 $baseReload / _handleCallback 覆盖为回主应用的动作。个别详情页若有更深的 $parent 依赖，
+ *   按对接清单 §5.6 做最小改造。
+ */
+function mountDetailHost(props = {}) {
+  if (props.appCode) settings.appCode = props.appCode;
+  if (props.token) {
+    setAuthToken(props.token);
+    store.commit("user/SET_TOKEN", props.token);
+  }
+  if (props.lang) i18n.locale = props.lang;
+
+  const appCode = props.appCode || settings.appCode;
+  const resolved = loadViewComponent(props.targetPath, { appCode });
+  const target = resolved.component;
+  const bizParams = props.bizParams || {};
+  const viewMeta = props.viewMeta || {};
+
+  // shim 需先于 render 存在（作为 parentVue prop 传入），其 Vue 能力在挂载后经原型委托到根实例
+  const shim = {
+    $baseReload: () => props.onReload && props.onReload(),
+    _handleCallback: (flag) => props.onHandleCallback && props.onHandleCallback(flag),
+  };
+
+  const { container } = props;
+  const mountEl = container ? container.querySelector("#app") : "#app";
+  instance = new Vue({
+    store,
+    i18n,
+    render(h) {
+      if (!target) {
+        return h(
+          "div",
+          { staticClass: "micro-detail-host-missing" },
+          "详情页组件未找到：" + (props.targetPath || "")
+        );
+      }
+      return h(target, {
+        props: Object.assign({}, bizParams, viewMeta, {
+          parentVue: shim,
+          _handleCallback: (flag) =>
+            props.onHandleCallback && props.onHandleCallback(flag),
+          outParam: props.initialOutParam,
+        }),
+        on: {
+          reload: () => props.onReload && props.onReload(),
+          close: () => props.onClose && props.onClose(),
+          "update:outParam": (v) =>
+            props.onUpdateOutParam && props.onUpdateOutParam(v),
+        },
+      });
+    },
+  }).$mount(mountEl);
+  // #4 listeners 透传：详情页里父级 v-on="listeners" 那批是详情页直接 this.$emit 的，
+  // 拦截根子组件的 $emit，任意事件都转发给主应用的 onEmit（按名字派回原 option.on）。
+  const child = instance.$children && instance.$children[0];
+  if (child && typeof child.$emit === "function") {
+    const rawEmit = child.$emit.bind(child);
+    child.$emit = (name, ...args) => {
+      if (typeof props.onEmit === "function") props.onEmit(name, ...args);
+      return rawEmit(name, ...args);
+    };
+  }
+  // 挂载后把 shim 的原型指向根实例：$http/$message/$baseConfirm 等委托过去，
+  // 而 shim 自有的 $baseReload/_handleCallback 覆盖生效（详情页动作时才会调用）
+  Object.setPrototypeOf(shim, instance);
+  window.$vueRoot = instance;
+}
+
 if (!window.__POWERED_BY_QIANKUN__) {
   // 独立运行 / 主应用形态：行为与拆分前一致
   render();
@@ -266,6 +348,11 @@ if (!window.__POWERED_BY_QIANKUN__) {
 export async function bootstrap() {}
 
 export async function mount(props = {}) {
+  if (props.microDetailHost) {
+    // 详情承载模式（micro-view-host 装载）：不走整站壳/路由/菜单，
+    // 只在容器里渲染 props.targetPath 指向的本应用组件。见对接清单文档。
+    return mountDetailHost(props);
+  }
   if (props.appCode) {
     // 主应用可经 props 覆盖，子应用也可在自身 settings.js 里声明
     settings.appCode = props.appCode;

package/src/microRouter/index.js

@@ -31,7 +31,7 @@ const CONTAINER_WRAPPER_ID = "Appmicro";
  * 调试态不落任何存储、不读 URL 查询参数——路径本身就是开关，因此入口只能是约定值。
  * 各子应用把 devServer 端口固定为 17527 即可零配置被主应用装载。
  */
-const DEBUG_ENTRY = "http://localhost:17527/";
+export const DEBUG_ENTRY = "http://localhost:17527/";
 
 // 保活管理：appCode → { instance, el }；离开子应用路由只隐藏容器不卸载，
 // 切回直接显示并经 update 生命周期同步路由，页面状态（页签/表格/表单）得以保留

package/src/store/modules/permission.js

@@ -1,21 +1,21 @@
-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 "@/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";
+  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 = [];
@@ -230,34 +230,37 @@ const actions = {
   },
   // qiankun 宿主编排：拉注册表 → 按归属切分 → 注册子应用，再走常规路由生成。
   // 非宿主（未开 microMainEnabled / 自身被 qiankun 挂载）直接透传。
-  setupHostAndRoutes({ dispatch, commit, rootState }, rows = []) {
+  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);
-    });
-  },
+    if (!isHost) {
+      return dispatch("setSidebarRoute", rows);
+    }
+    return getAppRegistry().then((apps) => {
+      // 自排除：自身也在注册表时（子应用开宿主形态互访别家应用）不装载自己，
+      // 否则会自嵌套且自身菜单被误判为"派发给子应用"而跳过本地路由。
+      // 主应用 appCode 恒为空（WEB_PREFIX===MAIN_WEB_PREFIX 不派生），但它在注册表里的
+      // 身份是 WEB_PREFIX 去斜杠（/sys → sys）——故回落到 WEB_PREFIX 派生，
+      // 否则注册表误配了主应用自身条目时排不掉、导致主应用自嵌套。
+      let ownAppCode = settings.appCode || (window.WEB_PREFIX || "").replace(/^\/+/, "");
+      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, rootState }, menus = []) {
     // 调试覆盖装载时允许 URL 直达未配菜单的页面（handleMenuRoutes 追加兜底路由）

package/src/utils/resolveViewComponent.js

@@ -0,0 +1,191 @@
+/**
+ * 动态详情页组件解析（qiankun 微前端兼容）。
+ *
+ * 全库有一批「用运行时字符串 require 视图组件、就地渲染详情页」的站点
+ * （wf 单据详情、消息通知、外链单页、表单文件引用…），历史上各自散着
+ * 4 套前缀判断（白名单 / @base·@/ 前缀嗅探 / form 硬分叉 / 裸拼）。本文件
+ * 把解析逻辑收敛到一处，并让它在微前端下正确区分组件归属。
+ *
+ * 归属三类（对齐 docs/qiankun接入协议.md 的命名空间语义）：
+ *   ① base       —— 组件在 cloud-web-corejs 包内（@base/views），任何应用都有
+ *   ② localPrivate —— 渲染方自己的私有视图（@/views）
+ *   ③ remote     —— 归属别的子应用的私有视图；组件不在当前 bundle，
+ *                   不能本地 require，交调用方走 micro-view-host 装载或兜底
+ *                   （详见 docs/qiankun动态详情页承载方案.md 第 5 节）
+ *
+ * 核心归属/剥前缀/base 命名空间的判断复用 menuAdapter.resolveComponentPath，
+ * 本文件只在其上加：白名单、.vue 归一、remote 判定、require 落地、缺文件兜底。
+ * 因此无需注册表——归属靠访问路径结构 + 本应用 appCode 比较即可；独立运行 /
+ * 主应用态（appCode 为空、无 /micro/ 前缀）会自动退化为与历史一致的本地解析。
+ *
+ * webpack 硬约束：@base/views 与 @/views 两条动态 require 必须保留字面前缀，
+ * 不可把前缀变量化，否则 webpack 无法收集 context。包被消费时 @base 指向包内
+ * views、@/ 指向消费应用 views——这正是 base / localPrivate 的语义来源。
+ */
+import {
+  getOwnerSegment,
+  resolveComponentPath,
+  MICRO_SEGMENT,
+  MICRO_DEBUG_SEGMENT,
+} from "@base/utils/menuAdapter";
+
+const BASE_VIEW_PREFIX = "@base/views";
+const APP_VIEW_PREFIX = "@/views";
+
+/**
+ * 历史遗留的包内共享组件：以普通 /user/... 写法表达（未走 /base 命名空间），
+ * 必须落到 @base。微前端下的包内组件应改用 /base/... 或 @base/views 前缀，
+ * 由 resolveComponentPath 正确处理；本白名单只兜底存量写法。
+ */
+export const BASE_VIEW_WHITELIST = [
+  "/user/bill_setting/h5_view",
+  "/user/form/view/list",
+  "/user/form/view/edit",
+];
+
+function stripVue(p) {
+  return p.replace(/\.vue$/i, "");
+}
+
+function ensureVue(p) {
+  return /\.vue$/i.test(p) ? p : p + ".vue";
+}
+
+function ensureLeadingSlash(p) {
+  if (!p) return p;
+  return p.charAt(0) === "/" ? p : "/" + p;
+}
+
+function firstSegment(p) {
+  return String(p || "").replace(/^\//, "").split("?")[0].split("/")[0];
+}
+
+function isMicroPath(p) {
+  const seg = firstSegment(p);
+  return seg === MICRO_SEGMENT || seg === MICRO_DEBUG_SEGMENT;
+}
+
+/** 剥掉 /micro/<appCode> 或 /micro_debug/<appCode> 两段，得子应用内部路径 */
+function stripMicroPrefix(p) {
+  const clean = ensureLeadingSlash(String(p || ""));
+  const parts = clean.split("/"); // ["", "micro", "appA", "user", ...]
+  return "/" + parts.slice(3).join("/");
+}
+
+/**
+ * 解析组件来源（纯函数，无 require、无副作用，可完整单测）。
+ *
+ * @param {string} rawUrl 组件来源路径：menu url / option.url / row.url /
+ *                        row.billUrl / row.mobileurl / defaultHomePage 等，
+ *                        可带或不带 .vue 尾缀。
+ * @param {object} options
+ * @param {string} [options.route]   访问路径，用于归属判断（双字段写法下
+ *                                   url 是组件来源、route 才带 /micro/ 归属段）
+ * @param {string} [options.appCode] 本应用（渲染方）appCode；主应用为空字符串
+ * @returns {object} 三态描述：
+ *   { kind: 'empty' }
+ *   { kind: 'base',         base: true,  rel: '/user/xxx.vue' }
+ *   { kind: 'localPrivate', base: false, rel: '/user/xxx.vue' }
+ *   { kind: 'remote', owner: 'appB', targetPath: '/user/xxx' }
+ *   { kind: 'unknown', raw: '@other/xxx' }   // 罕见的其它 @ 别名，调用方自行决定
+ */
+export function resolveViewPath(rawUrl, options = {}) {
+  const raw = String(rawUrl == null ? "" : rawUrl);
+  if (!raw) return { kind: "empty" };
+
+  const route = options.route;
+  const appCode = options.appCode || "";
+
+  // 1. 白名单：存量普通写法的包内共享组件 → @base
+  if (BASE_VIEW_WHITELIST.indexOf(stripVue(raw)) >= 0) {
+    return { kind: "base", base: true, rel: ensureVue(raw) };
+  }
+
+  // 2. 委托 menuAdapter：处理 @ 前缀、/micro/ 剥离与归属、/base 命名空间
+  const path = resolveComponentPath({ url: raw }, appCode);
+  if (!path) return { kind: "empty" };
+
+  // 3. 单字段 remote：/micro/<别家>/... 时 resolveComponentPath 原样返回
+  if (isMicroPath(path)) {
+    return {
+      kind: "remote",
+      owner: getOwnerSegment(path),
+      targetPath: stripMicroPrefix(path),
+    };
+  }
+
+  // 4. 双字段 remote 防御：url 无 /micro/ 前缀，但 route 归属别家
+  const routeOwner = getOwnerSegment(String(route || ""));
+  if (routeOwner && routeOwner !== appCode) {
+    return { kind: "remote", owner: routeOwner, targetPath: ensureLeadingSlash(raw) };
+  }
+
+  // 5. 落位到 @base/views 或 @/views
+  if (path.indexOf(BASE_VIEW_PREFIX) === 0) {
+    return { kind: "base", base: true, rel: ensureVue(path.slice(BASE_VIEW_PREFIX.length)) };
+  }
+  if (path.indexOf(APP_VIEW_PREFIX) === 0) {
+    return { kind: "localPrivate", base: false, rel: ensureVue(path.slice(APP_VIEW_PREFIX.length)) };
+  }
+  if (path.charAt(0) === "@") {
+    // 其它 @ 别名（罕见）：不猜测归属，交回调用方
+    return { kind: "unknown", raw: path };
+  }
+
+  // 原始 /xxx → 渲染方私有 @/views
+  return { kind: "localPrivate", base: false, rel: ensureVue(ensureLeadingSlash(path)) };
+}
+
+// ——— 以下为 require 落地层（依赖 webpack context，不进纯函数单测） ———
+
+function requireBaseView(rel) {
+  return require("@base/views" + rel);
+}
+
+function requireAppView(rel) {
+  return require("@/views" + rel);
+}
+
+/** 惰性读取本应用 appCode，避免把整个 store 拉进 resolveViewPath 的单测 */
+function getRendererAppCode() {
+  try {
+    const store = require("@base/store").default;
+    return (store && store.state && store.state.micro && store.state.micro.appCode) || "";
+  } catch (e) {
+    return "";
+  }
+}
+
+/**
+ * 解析并加载详情页组件。resolveViewPath 的运行时外壳。
+ *
+ * @param {string} rawUrl 同 resolveViewPath
+ * @param {object} [options] 同 resolveViewPath；appCode 缺省时从 store 读取
+ * @returns {object} resolveViewPath 的结果，附加 component 字段：
+ *   - base / localPrivate：component 为组件对象（require 失败或缺文件时为 null，附 error）
+ *   - remote / empty / unknown：component 为 null，由调用方决定后续（装载子应用 / 兜底提示）
+ */
+export function loadViewComponent(rawUrl, options = {}) {
+  const opts = Object.assign({}, options);
+  if (opts.appCode == null) opts.appCode = getRendererAppCode();
+
+  const result = resolveViewPath(rawUrl, opts);
+  if (result.kind !== "base" && result.kind !== "localPrivate") {
+    return Object.assign({ component: null }, result);
+  }
+  try {
+    const mod = result.base ? requireBaseView(result.rel) : requireAppView(result.rel);
+    return Object.assign({ component: mod && mod.default }, result);
+  } catch (e) {
+    return Object.assign({ component: null, error: e }, result);
+  }
+}
+
+/**
+ * 兼容旧签名的便捷封装：直接返回组件对象（或 null）。
+ * 供 components/wf/wf.js、mobile wfModifyDialogMixin.js 的 requireView 平滑替换——
+ * 它们历史上返回 require(...).default。remote / 缺文件时返回 null（不再抛错崩溃）。
+ */
+export function requireViewCompat(rawUrl, options = {}) {
+  return loadViewComponent(rawUrl, options).component;
+}

package/src/views/user/file_view_ins/list.vue

@@ -219,6 +219,15 @@
             :_viewType="1"
             @reload="$reloadHandle"
           ></component>
+          <micro-view-host
+            v-else-if="showWfContent && remoteView"
+            :owner="remoteView.owner"
+            :target-path="remoteView.targetPath"
+            :biz-params="remoteView.bizParams"
+            :view-meta="remoteView.viewMeta"
+            @reload="$reloadHandle"
+            @close="showWfContent = false"
+          ></micro-view-host>
         </div>
       </el-dialog>
     </div>
@@ -230,6 +239,7 @@
 import ElImageViewer from "@base/components/VabUpload/image-viewer";
 import {treeScollx} from "@base/utils/global";
 import propertiesDialog from './propertiesDialog';
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 
 export default {
   name: 'file_view_ins:list',
@@ -340,6 +350,7 @@ export default {
       showWfDialog: false,
       showWfContent: true,
       wfContent: null,
+      remoteView: null,
       wfDataId: '',
     };
   },
@@ -860,7 +871,17 @@ export default {
       this.wfDataId = !id || typeof id == 'object' ? 0 : id;
       this.showWfDialog = true;
       this.showWfContent = true;
-      this.wfContent = require('@/views' + url).default;
+      let res = loadViewComponent(url);
+      this.remoteView =
+        res.kind === "remote"
+          ? {
+              owner: res.owner,
+              targetPath: res.targetPath,
+              bizParams: { _dataId: this.wfDataId },
+              viewMeta: { visibleKey: "showWfContent", defaultShowWfContent: true, viewType: 1 },
+            }
+          : null;
+      this.wfContent = res.component;
     },
   }
 };

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

@@ -13,6 +13,7 @@
 <script>
 import corejsConfig from "@/corejsConfig";
 import settingConfig from "@/settings";
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 
 export default {
   name: 'home',
@@ -79,9 +80,6 @@ export default {
           let userInfo = this.userInfo;
           let flag = userInfo.flag;
 
-          let str1 = "@base/views";
-          let str2 = "@/views";
-
           if (menuUrl && flag !== 1) {
             //超级管理员不使用角色首页
             url = menuUrl + '.vue';
@@ -89,13 +87,8 @@ export default {
             let defaultHomePage = this.userInfo.defaultHomePage;
             url =  defaultHomePage || settingConfig.defaultHomePage || '@base/views/user/home/default.vue'
           }
-          if (url.startsWith(str1)) {
-            this.homeContent = require('@base/views' + url.slice(str1.length)).default;
-          } else if (url.startsWith(str2)) {
-            this.homeContent = require('@/views' + url.slice(str2.length)).default;
-          } else {
-            this.homeContent = require('@/views' + url).default;
-          }
+          // 首页菜单不会归属别的子应用，无需 remote 兜底；归属解析见 @base/utils/resolveViewComponent
+          this.homeContent = loadViewComponent(url).component;
 
           this.showHomeContent = true;
           this.flag = 1;

package/src/views/user/notify_message/dialog.vue

@@ -25,11 +25,21 @@
         :parent-target="_self"
         @reload="$reloadHandle"
       ></component>
+      <micro-view-host
+        v-else-if="showWfContent && remoteView"
+        :owner="remoteView.owner"
+        :target-path="remoteView.targetPath"
+        :biz-params="remoteView.bizParams"
+        :view-meta="remoteView.viewMeta"
+        @reload="$reloadHandle"
+        @close="showWfContent = false"
+      ></micro-view-host>
     </div>
   </el-dialog>
 </template>
 
 <script>
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 export default {
   props: {},
   data() {
@@ -38,6 +48,7 @@ export default {
       wfUrl2: "",
       showWfContent: true,
       wfContent: null,
+      remoteView: null,
       wfDataId: "",
       param: {},
     };
@@ -102,7 +113,17 @@ export default {
           this.wfDataId = !id || typeof id == "object" ? 0 : id;
           // this.showWfDialog = true;
           this.showWfContent = true;
-          this.wfContent = require("@/views" + url).default;
+          let res = loadViewComponent(url);
+          this.remoteView =
+            res.kind === "remote"
+              ? {
+                  owner: res.owner,
+                  targetPath: res.targetPath,
+                  bizParams: this.param,
+                  viewMeta: { visibleKey: "showWfContent", _isNotifyMessage: true },
+                }
+              : null;
+          this.wfContent = res.component;
         }
         this.showWfDialog2 = true;
 

package/src/views/user/outLink/form_view.vue

@@ -9,6 +9,7 @@
 
 <script>
 import indexUtil from "@base/utils/index.js"
+import { loadViewComponent } from "@base/utils/resolveViewComponent"
 import {
   setReportGlobalParam
 } from "@base/components/xform/utils/util";
@@ -93,23 +94,13 @@ export default {
       let url = purl + '.vue';
       this.queryParam = queryParam;
       this.showWfContent = true;
-      // this.wfContent = require('@/views' + url).default;
-      let t = "@base/views";
-      let urlArr = [
-        '/user/bill_setting/h5_view.vue',
-        '/user/form/view/list.vue',
-        '/user/form/view/edit.vue'
-      ]
       this.initUserInfo(async () => {
         await this.initI18n();
-        if (urlArr.includes(url)) {
-          this.wfContent = require('@base/views' + url).default;
-        } else if (url.startsWith(t)) {
-          let path = url.slice(t.length);
-          this.wfContent = require('@base/views' + path).default;
-        } else {
-          this.wfContent = require('@/views' + url).default;
+        let res = loadViewComponent(url);
+        if (res.kind === "remote") {
+          this.$message({ message: "该单据归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
         }
+        this.wfContent = res.component;
       })
     },
     initUserInfo(callback) {

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

@@ -13,6 +13,7 @@
 
 <script>
 import { getToken } from "@base/utils/auth";
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 
 export default {
   name: "outLink",
@@ -27,7 +28,11 @@ export default {
     let url = this.$route.query.url;
     let route = this.$route.query.route;
     if (route) {
-      this.content = require("@/views" + route).default;
+      let res = loadViewComponent(route);
+      if (res.kind === "remote") {
+        this.$message({ message: "该页面归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
+      }
+      this.content = res.component;
       this.type = 2;
     } else {
       let params = this.getCustomReqUrlAndCleanUrl(url);

package/src/views/user/outLink/view.vue

@@ -9,6 +9,7 @@
 
 <script>
 import indexUtil from "@base/utils/index.js"
+import { loadViewComponent } from "@base/utils/resolveViewComponent"
 
 export default {
   data() {
@@ -85,22 +86,13 @@ export default {
       this.queryParam = queryParam;
       this.showWfContent = true;
 
-      let t = "@base/views";
-      let urlArr = [
-        '/user/bill_setting/h5_view.vue',
-        '/user/form/view/list.vue',
-        '/user/form/view/edit.vue'
-      ]
       this.initUserInfo(() => {
         this.initI18n();
-        if (urlArr.includes(url)) {
-          this.wfContent = require('@base/views' + url).default;
-        } else if (url.startsWith(t)) {
-          let path = url.slice(t.length);
-          this.wfContent = require('@base/views' + path).default;
-        } else {
-          this.wfContent = require('@/views' + url).default;
+        let res = loadViewComponent(url);
+        if (res.kind === "remote") {
+          this.$message({ message: "该单据归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
         }
+        this.wfContent = res.component;
       })
     },
     initUserInfo(callback) {

package/src/views/user/wf/iframe/index.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script>
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 export default {
   data() {
     return {
@@ -36,7 +37,11 @@ export default {
       this.wfDataId = !id || typeof id == 'object' ? 0 : id;
       // this.showWfDialog = true;
       this.showWfContent = true;
-      this.wfContent = require('@/views' + url).default;
+      let res = loadViewComponent(url);
+      if (res.kind === "remote") {
+        this.$message({ message: "该单据归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
+      }
+      this.wfContent = res.component;
 
     }
   }

package/src/views/user/wf/iframe/index2.vue

@@ -12,6 +12,7 @@
 </template>
 
 <script>
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 export default {
   data() {
     return {
@@ -34,7 +35,11 @@ export default {
       }
       let url = purl + '.vue';
       this.showWfContent = true;
-      this.wfContent = require('@/views' + url).default;
+      let res = loadViewComponent(url);
+      if (res.kind === "remote") {
+        this.$message({ message: "该单据归属子应用 " + res.owner + "，请从对应入口打开", type: "warning" });
+      }
+      this.wfContent = res.component;
 
     },
     login() {

package/src/views/user/wf/wf_manage/list.vue

@@ -12,6 +12,15 @@
           :_viewType="1"
           @reload="$reloadHandle"
         ></component>
+        <micro-view-host
+          v-else-if="showWfContent && remoteView"
+          :owner="remoteView.owner"
+          :target-path="remoteView.targetPath"
+          :biz-params="remoteView.bizParams"
+          :view-meta="remoteView.viewMeta"
+          @reload="$reloadHandle"
+          @close="showWfContent = false"
+        ></micro-view-host>
       </el-tab-pane>
       <el-tab-pane :label="$t1('我的流程')" name="second">
         <div class="tree-box fl">
@@ -415,6 +424,7 @@
 import { treeScollx } from "@base/utils/global.js";
 import wfObjConfigDialog from "../../../../views/user/wf/wf_obj_config/dialog.vue";
 import userDialog from "@base/views/user/user/dialog";
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 
 export default {
   name: "wf_manage:list",
@@ -448,6 +458,7 @@ export default {
 
       param: {},
       wfContent: null,
+      remoteView: null,
       showWfContent: false,
 
       showCurrentTaskUserDialog: false,
@@ -657,7 +668,17 @@ export default {
           _dataId: wfDataId,
         };
         let url = row.url + ".vue";
-        this.wfContent = require("@/views" + url).default;
+        let res = loadViewComponent(url);
+        this.remoteView =
+          res.kind === "remote"
+            ? {
+                owner: res.owner,
+                targetPath: res.targetPath,
+                bizParams: this.param,
+                viewMeta: { visibleKey: "showWfContent", defaultShowWfContent: true, viewType: 1 },
+              }
+            : null;
+        this.wfContent = res.component;
       }
       this.activeName = "first";
       this.$openEditView("showWfContent");

package/src/views/user/wf/wf_manage/list2.vue

@@ -12,6 +12,15 @@
           :_viewType="1"
           @reload="$reloadHandle"
         ></component>
+        <micro-view-host
+          v-else-if="showWfContent && remoteView"
+          :owner="remoteView.owner"
+          :target-path="remoteView.targetPath"
+          :biz-params="remoteView.bizParams"
+          :view-meta="remoteView.viewMeta"
+          @reload="$reloadHandle"
+          @close="showWfContent = false"
+        ></micro-view-host>
       </el-tab-pane>
       <el-tab-pane :label="$t1('我的流程2')" name="second">
         <div class="tree-box fl">
@@ -314,6 +323,7 @@
 <script>
 import { treeScollx } from "@base/utils/global.js";
 import wfObjConfigDialog from "../wf_obj_config/dialog.vue";
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 
 export default {
   name: "wf_manage:list2",
@@ -347,6 +357,7 @@ export default {
 
       param: {},
       wfContent: null,
+      remoteView: null,
       showWfContent: false,
     };
   },
@@ -543,7 +554,17 @@ export default {
           _dataId: wfDataId,
         };
         let url = row.url + ".vue";
-        this.wfContent = require("@/views" + url).default;
+        let res = loadViewComponent(url);
+        this.remoteView =
+          res.kind === "remote"
+            ? {
+                owner: res.owner,
+                targetPath: res.targetPath,
+                bizParams: this.param,
+                viewMeta: { visibleKey: "showWfContent", defaultShowWfContent: true, viewType: 1 },
+              }
+            : null;
+        this.wfContent = res.component;
       }
       this.activeName = "first";
       this.$openEditView("showWfContent");

package/src/views/user/wf/wf_manage/wfContentDialog.vue

@@ -26,11 +26,22 @@
         @reload="$reloadHandle"
         :_handleCallback="handleCallback"
       ></component>
+      <micro-view-host
+        v-else-if="showWfContent && remoteView"
+        :owner="remoteView.owner"
+        :target-path="remoteView.targetPath"
+        :biz-params="remoteView.bizParams"
+        :view-meta="remoteView.viewMeta"
+        @reload="$reloadHandle"
+        @handle-callback="handleCallback"
+        @close="showWfContent = false"
+      ></micro-view-host>
     </div>
   </el-dialog>
 </template>
 
 <script>
+import { loadViewComponent } from "@base/utils/resolveViewComponent";
 export default {
   name: "wfContentDialog",
   props: {
@@ -44,6 +55,7 @@ export default {
     return {
       param: {},
       wfContent: null,
+      remoteView: null,
       showWfContent: false,
       showWfDialog: true,
     };
@@ -98,7 +110,17 @@ export default {
           _dataId: wfDataId,
         });
         let url = this.option.url + ".vue";
-        this.wfContent = require("@/views" + url).default;
+        let res = loadViewComponent(url);
+        this.remoteView =
+          res.kind === "remote"
+            ? {
+                owner: res.owner,
+                targetPath: res.targetPath,
+                bizParams: this.param,
+                viewMeta: { visibleKey: "showWfContent", defaultShowWfContent: true, viewType: 1 },
+              }
+            : null;
+        this.wfContent = res.component;
       }
       this.showWfContent = true;
     },