cloud-web-corejs 1.1.0-dev.6 → 1.1.0-dev.60

package/src/index.js

@@ -1,513 +1,5 @@
 /**version-1.0*/
 import "./public-path"; // qiankun publicPath 修正，必须保持第一行
-import Vue from "vue";
-import Cookies from "js-cookie";
 import "normalize.css/normalize.css"; // a modern alternative to CSS resets
-import Element from "element-ui";
-import "@/styles/element-variables.scss";
-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 "@/settings";
-import { setToken as setAuthToken } from "@base/utils/auth";
-import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
-
-import "@/icons"; // icon
-import "@base/permission"; // permission control
-
-import * as filters from "@base/filters"; // global filters
-
-// main.js 文件添加以下代码
-
-import BaseKeepAlive from "@base/utils/keepAlive.js";
-
-Vue.component("BaseKeepAlive", BaseKeepAlive);
-
-import VXETable from "vxe-table";
-import "vxe-table/lib/style.css";
-
-// 区域选取/复制粘贴：自研实现，通过 window.VXETableMixin 挂载，
-// 必须在下面的 Vue.use(VXETable) 之前求值（core 在 install 时读取一次并 delete）
-import "@base/components/table/plugins/cell-area/index.js";
-import "@base/components/table/plugins/cell-area/index.scss";
-
-// 引入扩展插件（官方付费插件，已由上面的自研 cell-area 替代，保留仅作回退参考）
-// import "@base/components/table/plugins/extend-cell-area/vxe-table-extend-cell-area.es6.min.js";
-// import "@base/components/table/plugins/extend-cell-area/vxe-table-extend-cell-area.min.css";
-
-/* // 设置授权信息
-VXETable.setup({
-  // showAuthLog: true, // 是否在控制台显示授权信息，专业版支持关闭
-  // authId: 'gbeumewkoyt2rhf9', // 获取授权后在官网登录后进入“用户中心”查看
-  authId: 'gbeumewkoyt2rhft', // 获取授权后在官网登录后进入“用户中心”查看
-  // onAuth (e) {
-  //   // 打印授权状态
-  //   console.log(e)
-  // }
-}) */
-
-import Vab from "@base/utils/vab";
-import createCodeEditorAsyncComponent from "@base/components/code-editor/async";
-
-Vue.use(Vab);
-
-// appCode 兜底派生：子应用（拥有自己的子命名空间，即 WEB_PREFIX !== MAIN_WEB_PREFIX）
-// 若未在自身 settings.js 里维护 appCode，则从 WEB_PREFIX 去前导斜杠派生（/mkweb → mkweb），
-// 免得每个子应用再手填一处、也不会写错。主应用/独立主站两前缀相同 → 保持空。
-// 优先级：mount 里的 props.appCode > settings 显式值 > 此派生。window.WEB_PREFIX /
-// MAIN_WEB_PREFIX 已由上面 vab 的 Object.assign(window, prefixConfig) 设好。
-if (!settings.appCode) {
-  const webPrefix = window.WEB_PREFIX || "";
-  const mainWebPrefix = window.MAIN_WEB_PREFIX || "";
-  if (webPrefix && webPrefix !== mainWebPrefix) {
-    settings.appCode = webPrefix.replace(/^\/+/, "");
-  }
-}
-
-Vue.use(VXETable);
-
-/* import tablePluns from "@/mixins/table/index.js"
-VXETable.use(tablePluns) */
-
-import "@base/components/table/index.js";
-
-import drag from "@base/directive/el-drag-dialog/index.js";
-
-Vue.use(drag.install);
-
-import elDialogCenter from "@base/directive/el-dialog-center/index.js";
-
-Vue.use(elDialogCenter.install);
-
-import ErroreBox from "@base/components/errorMsg/index.js";
-
-Vue.use(ErroreBox);
-
-import ExcelExport from "@base/components/excelExport/index.js";
-
-Vue.use(ExcelExport);
-
-// 首屏优化：excelImport 链上有 xlsx（~430KB min），改为首次调用时才加载（utils/lazyPlugin）
-import { lazyPrototypePlugin } from "@base/utils/lazyPlugin";
-
-Vue.use(
-  lazyPrototypePlugin(
-    () =>
-      import(
-        /* webpackChunkName: "excel-import" */ "@base/components/excelImport/index.js"
-      ),
-    [{ name: "$excelImport" }, { name: "$downloadImportTemplate" }]
-  )
-);
-
-import ConfirmDialog from "@base/components/confirmDialog/index.js";
-
-Vue.use(ConfirmDialog);
-
-import baseAlert from "@base/components/baseAlert/index.js";
-
-Vue.use(baseAlert);
-
-import FormDialog from "@base/components/formDialog/index.js";
-
-Vue.use(FormDialog);
-
-import FormDrawer from "@base/components/formDrawer/index.js";
-
-Vue.use(FormDrawer);
-
-import permission from "@base/directive/permission";
-
-Vue.use(permission);
-
-// 首屏优化：VabUpload 链上有 esdk-obs-browserjs（OBS SDK），改为首次调用时才加载
-Vue.use(
-  lazyPrototypePlugin(
-    () =>
-      import(
-        /* webpackChunkName: "vab-upload" */ "@base/components/VabUpload/index.js"
-      ),
-    [
-      { name: "$baseUpload", methods: ["open", "upload"] },
-      { name: "$openFileLibraryDialog" },
-    ]
-  )
-);
-
-Vue.component("baseUpload", () =>
-  import("@base/components/VabUpload/view.vue")
-);
-
-import baseAttachment from "@base/components/baseAttachment/install";
-
-Vue.use(baseAttachment);
-Vue.component("attachmentShowList", () =>
-  import("@base/components/baseAttachment/showList")
-);
-
-import "@base/resources/js/base/common.js";
-
-import vxeFilter from "@base/components/table/vxeFilter/index.js";
-
-Vue.use(vxeFilter);
-
-// 首屏优化：低频/非首屏组件转懒注册（名字与组件内 name 一致，写死字符串）
-Vue.component("base-table-export", () =>
-  import("@base/components/excelExport/button.vue")
-);
-
-/* Vue.component('extendedProperties', () => import('@base/components/extendedProperties/view.vue')); */
-
-import LimitNumber from "@base/directive/LimitNumber/index.js";
-
-Vue.use(LimitNumber);
-
-import baseInputNumber from "@base/components/baseInputNumber/index.vue";
-
-Vue.component(baseInputNumber.name, baseInputNumber);
-
-import elReadonly from "@base/directive/el-readonly/index.js";
-
-Vue.use(elReadonly);
-
-/*import cnPrint from "@base/components/cnPrint/index.js"
-
-Vue.use(cnPrint);*/
-
-Vue.component("oplogTable", () =>
-  import("@base/components/oplogTable/index.vue")
-);
-
-Vue.component("baseInputBatch", () =>
-  import("@base/components/baseInputBatch/index.vue")
-);
-
-Vue.component("baseArea", () => import("@base/components/baseArea/index.vue"));
-
-Vue.component("baseInputExport", () =>
-  import("@base/components/baseInputExport/index.vue")
-);
-
-Vue.component("advancedSearchDialog", () =>
-  import("@base/components/advancedSearchDialog/index.vue")
-);
-
-// baseTabs/baseTabPane 必须同步注册，不可懒注册：
-// xform 详情容器(detail-item)把所有 detail-pane 及其内部字段组件放在 <baseTabs> 的默认插槽里。
-// 异步组件未解析时 Vue 只渲染占位注释节点，插槽内的组件不会被实例化，
-// 于是 detail-item 的 mounted 早于内部字段组件的 created(registerToRefList)执行，
-// 模板脚本 onMounted 里的 getWidgetRef('xxx') 首次进入必然拿到 undefined（二次进入因异步工厂已缓存而正常）。
-import baseTabs from "@base/components/baseTabs/index.vue";
-import baseTabPane from "@base/components/baseTabs/baseTabPane.vue";
-
-Vue.component(baseTabs.name, baseTabs);
-Vue.component(baseTabPane.name, baseTabPane);
-
-import vb_tabs from "@base/components/vb-tabs/index.vue";
-import vb_tab_pane from "@base/components/vb-tabs/tab-pane.vue";
-import xTabs from "@base/components/vb-tabs/x-tabs.vue";
-
-Vue.component(vb_tabs.name, vb_tabs);
-Vue.component(vb_tab_pane.name, vb_tab_pane);
-Vue.component(xTabs.name, xTabs);
-
-Vue.component("status-tag", () =>
-  import("@base/components/statusTag/index.vue")
-);
-
-Vue.component("CodeEditor", createCodeEditorAsyncComponent);
-
-Vue.component("scriptDescriptionButton", () =>
-  import("@base/components/scriptDescription/button")
-);
-
-Vue.component("scriptTestButton", () =>
-  import("@base/components/scriptTest/button")
-);
-
-Vue.component("BaseTextarea", () =>
-  import("@base/components/base-textarea/index.vue")
-);
-
-// 首屏优化：jsonImport/langImport 链上同样有 xlsx，改为首次调用时才加载
-Vue.use(
-  lazyPrototypePlugin(
-    () =>
-      import(
-        /* webpackChunkName: "json-import" */ "@base/components/jsonImport/index.js"
-      ),
-    [{ name: "$jsonImport" }, { name: "$jsonExport" }]
-  )
-);
-
-Vue.use(
-  lazyPrototypePlugin(
-    () =>
-      import(
-        /* webpackChunkName: "lang-import" */ "@base/components/langImport/index.js"
-      ),
-    [{ name: "$langImport" }]
-  )
-);
-
-//vform
-// import '@base/components/xform/utils/directive'
-
-import i18n from "@base/lang/index.js";
-
-/**
- * If you don't want to use mock-server
- * you want to use MockJs for mock api
- * you can execute: mockXHR()
- *
- * Currently MockJs will be used in the production environment,
- * please remove it before going online ! ! !
- */
-if (process.env.NODE_ENV === "production") {
-  /* const { mockXHR } = require('../mock')
-  mockXHR() */
-}
-
-Vue.use(Element, {
-  size: Cookies.get("size") || "medium", // set element-ui default size
-  // locale: enLang // 如果使用中文，无需设置，请删除
-});
-
-// register global utility filters
-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;
-
-function render(props = {}) {
-  const { container } = props;
-  instance = new Vue({
-    router,
-    store,
-    i18n,
-    render: (h) => h(App),
-  }).$mount(container ? container.querySelector("#app") : "#app");
-  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 做最小改造。
- */
-async 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 = await loadViewComponentAsync(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();
-}
-
-/**
- * qiankun 子应用生命周期。
- * 引包子应用入口 re-export 即可：export * from "cloud-web-corejs/src/index";
- * 主子通信协议见 docs/qiankun微前端改造-实现方案.md 3.3。
- */
-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;
-  }
-  if (props.token) {
-    // token 存 sessionStorage，按 origin 隔离——跨域/跨端口主应用的登录态子应用天然拿不到，
-    // 主应用显式下发 token 即可免登（写入自身登录态后守卫按已登录走 getInfo2）
-    setAuthToken(props.token);
-    store.commit("user/SET_TOKEN", props.token);
-  }
-  store.commit("micro/SET_MICRO_CONTEXT", {
-    appCode: props.appCode || settings.appCode,
-    // 非数组（null/未传）= 自治嵌入模式：子应用自拉菜单、保留自身壳（micro store 据此置 selfManaged）
-    menus: Array.isArray(props.menus) ? props.menus : null,
-    mainAdapter: props.mainAdapter || null,
-    // 主应用经本地调试覆盖装载：允许 URL 直达未配菜单的页面
-    debug: !!props.microDebug,
-  });
-  // 再次挂载时 unmount 已重置路由，而 roles 仍在会使守卫跳过路由生成，这里主动补一次
-  if (store.getters.roles && store.getters.roles.length > 0) {
-    if (store.state.micro.selfManaged) {
-      await store.dispatch("permission/generateRoutes2", {
-        flag: store.state.user.userFlag,
-      });
-    } else {
-      await store.dispatch(
-        "permission/generateRoutesFromProps",
-        props.menus || []
-      );
-    }
-  }
-  render(props);
-}
-
-/**
- * 保活协议（主应用 loadMicroApp 模式）：
- * update({ microActive: false }) —— 容器被隐藏：暂停路由监听（守卫 next(false) +
- *   ensureURL 置空，防止对主应用的 URL 变化做出反应、回写 URL 互相打架）；
- * update({ microActive: true })  —— 容器重新显示：恢复监听并把当前 hash 同步进路由
- *   （含主应用在隐藏期间切到本应用另一菜单的深导航场景）。
- */
-let pausedEnsureURL = null;
-
-function pauseSubRouter() {
-  if (store.state.micro.routerPaused) return;
-  store.commit("micro/SET_ROUTER_PAUSED", true);
-  const history = router.history;
-  if (history && typeof history.ensureURL === "function") {
-    pausedEnsureURL = history.ensureURL;
-    history.ensureURL = function () {};
-  }
-}
-
-function resumeSubRouter() {
-  if (store.state.micro.routerPaused) {
-    store.commit("micro/SET_ROUTER_PAUSED", false);
-    if (pausedEnsureURL) {
-      router.history.ensureURL = pausedEnsureURL;
-      pausedEnsureURL = null;
-    }
-  }
-  syncSubRouter();
-}
-
-function syncSubRouter() {
-  const current = window.location.hash.replace(/^#/, "") || "/";
-  if (router.currentRoute.fullPath !== current) {
-    // 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(() => {});
-    }
-  }
-}
-
-/**
- * 主应用页签"刷新"转发过来时在子应用内部重建当前页组件。
- * 不能套用主应用那招（delCachedView + 跳 /redirect）：子应用与主应用共用同一个
- * 浏览器 hash，跳 /redirect 会被主应用 afterEach 判成"离开子应用路由"，
- * 容器随即隐藏并暂停子应用路由，重建被掐断——表现就是点刷新没反应。
- * 改为自增序号通知 AppMain 原地销毁重建，全程不碰 URL。
- */
-function refreshCurrentView() {
-  store.commit("micro/BUMP_RELOAD_SEQ");
-}
-
-export async function update(props = {}) {
-  if (props.microActive === false) {
-    pauseSubRouter();
-  } else if (props.microActive === true) {
-    resumeSubRouter();
-  }
-  if (props.microRefresh) {
-    refreshCurrentView();
-  }
-}
-
-export async function unmount() {
-  if (store.state.micro.routerPaused && pausedEnsureURL) {
-    router.history.ensureURL = pausedEnsureURL;
-    pausedEnsureURL = null;
-  }
-  if (instance) {
-    instance.$destroy();
-    if (instance.$el) {
-      instance.$el.innerHTML = "";
-    }
-    instance = null;
-  }
-  if (window.$vueRoot) {
-    window.$vueRoot = null;
-  }
-  store.commit("micro/CLEAR_MICRO_CONTEXT");
-  resetRouter();
-}
+import "./boot-assets.legacy.js";
+export * from "./app-bootstrap.js";

package/src/index.next.js

@@ -0,0 +1,5 @@
+/**version-1.0*/
+import "./public-path"; // qiankun publicPath 修正，必须保持第一行
+import "normalize.css/normalize.css"; // a modern alternative to CSS resets
+import "./boot-assets.next.js";
+export * from "./app-bootstrap.js";

package/src/index.sync.js

@@ -0,0 +1,5 @@
+/**version-1.0*/
+import "./public-path"; // qiankun publicPath 修正，必须保持第一行
+import "normalize.css/normalize.css"; // a modern alternative to CSS resets
+import "./boot-assets.legacy.js";
+export * from "./app-bootstrap.sync.js";