@ibiz-template/mob-vue3-components 0.0.11 → 0.0.13

package/lib/mob-app/components/router-shell/router-shell.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var vueRouter = require('vue-router');
+var core = require('@ibiz-template/core');
+var ramda = require('ramda');
+
+"use strict";
+const RouterShell = /* @__PURE__ */ vue.defineComponent({
+  name: "RouterShell",
+  props: {
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const viewData = vue.ref({});
+    const isLoaded = vue.ref(false);
+    const destroyContext = () => {
+      if (viewData.value.context) {
+        const {
+          context
+        } = vue.toRaw(viewData.value);
+        if (context)
+          context.destroy();
+      }
+    };
+    const routeDepth = props.modal.routeDepth || 1;
+    vue.onUnmounted(() => {
+      destroyContext();
+    });
+    const calcViewData = async () => {
+      try {
+        const _viewData = await vue3Util.parseRouteViewData(route, routeDepth);
+        const _context = core.IBizContext.create(_viewData.context);
+        viewData.value = {
+          ..._viewData,
+          context: _context
+        };
+        isLoaded.value = true;
+      } catch (error) {
+        router.push({
+          name: `404View${routeDepth}`
+        });
+      }
+    };
+    calcViewData();
+    return {
+      route,
+      viewData,
+      isLoaded
+    };
+  },
+  render() {
+    if (!this.isLoaded) {
+      return null;
+    }
+    const {
+      context,
+      params,
+      srfnav,
+      viewModel
+    } = this.viewData;
+    const props = ramda.mergeDeepLeft({
+      ...this.$props,
+      ...this.$attrs,
+      context,
+      params,
+      modelData: viewModel,
+      key: viewModel.codeName
+    }, {
+      state: {
+        srfnav
+      }
+    });
+    return vue.h(vue.resolveComponent("IBizViewShell"), props, this.$slots);
+  }
+});
+
+exports.RouterShell = RouterShell;

package/lib/mob-app/create-vue-app.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var vue = require('vue');
+var Vant = require('vant');
+var vue3Util = require('@ibiz-template/vue3-util');
+var index = require('../locale/index.cjs');
+var ibizVue3 = require('../ibiz-vue3.cjs');
+require('../util/index.cjs');
+var loading = require('../util/directive/loading.cjs');
+
+"use strict";
+Vant.allowMultipleToast();
+function createVueApp(rootComponent, rootProps) {
+  const app = vue.createApp(rootComponent, rootProps);
+  app.component("KeepAlive", vue.KeepAlive);
+  app.config.errorHandler = function(err) {
+    ibiz.util.error.handle(err);
+  };
+  const installPlugin = (_, plugin) => {
+    app.use(plugin);
+  };
+  vue3Util.AppHooks.useComponent.tap(installPlugin);
+  if (rootProps) {
+    const oldUnMounted = rootProps.unmounted;
+    rootProps.unmounted = () => {
+      oldUnMounted();
+      vue3Util.AppHooks.useComponent.removeTap(installPlugin);
+    };
+  }
+  app.use(index.i18n);
+  app.use(Vant);
+  app.use(vue3Util.piniaInstance);
+  app.use(ibizVue3.default);
+  vue3Util.AppHooks.createApp.callSync(null, app);
+  app.directive("loading", loading.loadingDirective);
+  ibiz.plugin.register(app);
+  return app;
+}
+
+exports.createVueApp = createVueApp;

package/lib/mob-app/guard/auth-guard/auth-guard.cjs

@@ -0,0 +1,143 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var qxUtil = require('qx-util');
+var modelHelper = require('@ibiz-template/model-helper');
+var ramda = require('ramda');
+var vue3Util = require('@ibiz-template/vue3-util');
+var index = require('../../../locale/index.cjs');
+
+"use strict";
+async function loadAppData() {
+  const res = await ibiz.net.get("/appdata");
+  if (res.ok) {
+    ibiz.appData = res.data;
+  }
+}
+async function loadOrgData() {
+  const res = await ibiz.net.get(`/uaa/getbydcsystem/${ibiz.env.dcSystem}`);
+  if (res.ok) {
+    const orgDataItems = res.data;
+    if (orgDataItems) {
+      const [data] = orgDataItems;
+      ibiz.orgData = data;
+    }
+  }
+}
+function setRefreshToken() {
+  const token = qxUtil.getCookie(core.CoreConst.TOKEN);
+  const expirein = qxUtil.getCookie(core.CoreConst.TOKEN_EXPIRES);
+  if (token && expirein) {
+    let wait = Number(expirein) - (/* @__PURE__ */ new Date()).getTime();
+    const early = 5 * 60 * 1e3;
+    wait = wait > early ? wait - early : 0;
+    setTimeout(async () => {
+      const res = await ibiz.net.get(`/uaa/refreshtoken2`);
+      if (res.ok) {
+        qxUtil.setCookie(core.CoreConst.TOKEN, res.data.token, 0, true);
+        const expiredDate = (/* @__PURE__ */ new Date()).getTime() + (res.data.expirein || 7199) * 1e3;
+        qxUtil.setCookie(core.CoreConst.TOKEN_EXPIRES, `${expiredDate}`, 0, true);
+      }
+      setRefreshToken();
+    }, wait);
+  }
+}
+async function loadTheme() {
+  const app = ibiz.hub.getApp();
+  const uiThemes = app.model.appUIThemes || [];
+  if (uiThemes.length > 0) {
+    const theme = uiThemes[0];
+    await ibiz.util.theme.loadTheme(theme);
+  }
+}
+let helper;
+async function initModel(permission = true) {
+  if (!helper) {
+    helper = new modelHelper.ModelHelper(
+      async (url) => {
+        if (ibiz.env.isLocalModel) {
+          const res2 = await ibiz.net.getModel(`./model${url}`);
+          return res2.data;
+        }
+        const res = await ibiz.net.get(
+          `${ibiz.env.remoteModelUrl}${url}`,
+          void 0,
+          permission ? {} : { srfdcsystem: ibiz.env.dcSystem }
+        );
+        return res.data;
+      },
+      ibiz.env.appId,
+      permission
+    );
+    const app = await ibiz.hub.getAppAsync(ibiz.env.appId);
+    const appModel = app.model;
+    ibiz.env.isMob = appModel.mobileApp === true;
+    if (ibiz.env.isEnableMultiLan) {
+      const lang = ibiz.i18n.getLang();
+      const m = await helper.getPSAppLang(lang.replace("-", "_").toUpperCase());
+      const items = m.languageItems || [];
+      const data = {};
+      items.forEach((item) => {
+        data[item.lanResTag] = item.content;
+      });
+      index.i18n.global.mergeLocaleMessage(lang, data);
+    }
+    if (!appModel.appUIThemes) {
+      const module = await import('@ibiz-template/mob-theme');
+      const theme = module.default || module;
+      vue3Util.AppHooks.useComponent.callSync(null, theme);
+    } else {
+      await loadTheme();
+    }
+  }
+}
+async function initEnvironment() {
+  if (helper) {
+    const app = await helper.getAppModel();
+    const userParam = app.userParam;
+    if (userParam) {
+      Object.keys(userParam).forEach((key) => {
+        const value = ibiz.util.rawValue.format(userParam[key]);
+        const keys = key.split(".");
+        let currentObj = ibiz.env;
+        for (let i = 0; i < keys.length; i++) {
+          const k = keys[i];
+          if (i === keys.length - 1) {
+            currentObj[k] = value;
+          } else {
+            currentObj[k] = currentObj[k] || {};
+            currentObj = currentObj[k];
+          }
+        }
+      });
+      if (ibiz.env.globalConfig) {
+        ibiz.config = ramda.mergeDeepRight(ibiz.config, ibiz.env.globalConfig);
+      }
+    }
+  }
+}
+async function appInit() {
+  if (ibiz.env.isSaaSMode === true) {
+    await loadOrgData();
+  }
+  await loadAppData();
+  await initModel();
+  await initEnvironment();
+  setRefreshToken();
+}
+async function AuthGuard(permission = true) {
+  if (permission) {
+    let result = true;
+    try {
+      await appInit();
+    } catch (error) {
+      result = false;
+      ibiz.util.error.handle(error);
+    }
+    return result;
+  }
+  await initModel(false);
+  return true;
+}
+
+exports.AuthGuard = AuthGuard;

package/lib/mob-app/guard/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var authGuard = require('./auth-guard/auth-guard.cjs');
+
+"use strict";
+
+exports.AuthGuard = authGuard.AuthGuard;

package/lib/mob-app/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var main = require('./main.cjs');
+
+"use strict";
+
+exports.runApp = main.runApp;

package/lib/mob-app/main.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var App = require('./App.cjs');
+var attachEnvironmentConfig = require('./attach-environment-config.cjs');
+var createVueApp = require('./create-vue-app.cjs');
+var index = require('./router/index.cjs');
+require('./util/index.cjs');
+require('../util/index.cjs');
+var openViewUtil = require('../util/open-view-util/open-view-util.cjs');
+var messageUtil = require('../util/message-util/message-util.cjs');
+var modalUtil = require('../util/modal-util/modal-util.cjs');
+var confirmUtil = require('../util/confirm-util/confirm-util.cjs');
+var notificationUtil = require('../util/notification-util/notification-util.cjs');
+var loadingUtil = require('../util/loading-util/loading-util.cjs');
+var overlayController = require('../util/overlay-controller/overlay-controller.cjs');
+var unauthorizedHandler = require('./util/unauthorized-handler/unauthorized-handler.cjs');
+
+"use strict";
+async function runApp(plugins) {
+  vue3Util.AppHooks.createApp.tap((_, app2) => {
+    if (plugins) {
+      plugins.forEach((plugin) => {
+        app2.use(plugin);
+      });
+    }
+  });
+  core.install();
+  runtime.install();
+  ibiz.plugin = new vue3Util.PluginFactory();
+  const app = createVueApp.createVueApp(App.default);
+  vue3Util.OverlayContainer.createVueApp = createVueApp.createVueApp;
+  window.onerror = function(_event, _source, _lineno, _colno, error) {
+    if (error) {
+      ibiz.util.error.handle(error);
+    }
+  };
+  window.addEventListener("unhandledrejection", function(event) {
+    event.preventDefault();
+    event.promise.catch((err) => {
+      ibiz.util.error.handle(err);
+    });
+  });
+  await attachEnvironmentConfig.attachEnvironmentConfig();
+  const router = index.AppRouter.getRouter();
+  app.use(router);
+  ibiz.openView = new openViewUtil.OpenViewUtil(router);
+  ibiz.message = new messageUtil.MessageUtil();
+  ibiz.modal = new modalUtil.ModalUtil();
+  ibiz.confirm = new confirmUtil.ConfirmUtil();
+  ibiz.notification = new notificationUtil.NotificationUtil();
+  ibiz.loading = new loadingUtil.LoadingUtil();
+  ibiz.overlay = new overlayController.OverlayController();
+  ibiz.util.error.register(new unauthorizedHandler.UnauthorizedHandler());
+  ibiz.platform = runtime.getPlatformProvider();
+  await ibiz.i18n.init();
+  app.mount("#app");
+}
+
+exports.runApp = runApp;

package/lib/mob-app/router/index.cjs

@@ -0,0 +1,176 @@
+'use strict';
+
+var vueRouter = require('vue-router');
+var runtime = require('@ibiz-template/runtime');
+var qxUtil = require('qx-util');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('../guard/index.cjs');
+require('../components/index.cjs');
+require('../../view/index.cjs');
+require('../../util/index.cjs');
+var authGuard = require('../guard/auth-guard/auth-guard.cjs');
+var _404View = require('../../view/404-view/404-view.cjs');
+var routerShell = require('../components/router-shell/router-shell.cjs');
+var loginView = require('../../view/login-view/login-view.cjs');
+var homeView = require('../components/home-view/home-view.cjs');
+var viewStack = require('../../util/store/view-stack/view-stack.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const getPropsCallback = (depth) => {
+  if (depth === 1) {
+    return () => ({});
+  }
+  return () => ({
+    modal: new runtime.Modal({
+      mode: runtime.ViewMode.ROUTE,
+      viewUsage: 1,
+      routeDepth: depth
+    })
+  });
+};
+class AppRouter {
+  /**
+   * 创建vue路由对象
+   * @author lxm
+   * @date 2023-06-29 07:56:11
+   * @protected
+   * @static
+   * @return {*}
+   */
+  static createRouter() {
+    const beforeEnter = async () => {
+      if (!qxUtil.isNilOrEmpty(ibiz.appData)) {
+        return true;
+      }
+      const authority = await authGuard.AuthGuard();
+      return authority;
+    };
+    const placeholder = ibiz.env.routePlaceholder;
+    const paramReg = `[^/]+=[^/]+|${placeholder}`;
+    const viewReg = `[^=/]+`;
+    const children = [
+      {
+        path: "404",
+        name: "404View2",
+        meta: { preset: true },
+        component: _404View.View404
+      },
+      {
+        path: `:view2(${viewReg})/:params2(${paramReg})`,
+        component: routerShell.RouterShell,
+        props: getPropsCallback(2),
+        children: [
+          {
+            path: "404",
+            name: "404View3",
+            meta: { preset: true },
+            component: _404View.View404
+          },
+          {
+            path: `:view3(${viewReg})/:params3(${paramReg})`,
+            component: routerShell.RouterShell,
+            props: getPropsCallback(3),
+            children: [
+              {
+                path: "404",
+                name: "404View4",
+                meta: { preset: true },
+                component: _404View.View404
+              },
+              {
+                path: `:view4(${viewReg})/:params4(${paramReg})`,
+                component: routerShell.RouterShell,
+                props: getPropsCallback(4)
+              },
+              {
+                path: ":pathMatch(.*)*",
+                redirect: { name: "404View4" }
+              }
+            ]
+          },
+          {
+            path: ":pathMatch(.*)*",
+            redirect: { name: "404View3" }
+          }
+        ]
+      },
+      {
+        path: ":pathMatch(.*)*",
+        redirect: { name: "404View2" }
+      }
+    ];
+    return vueRouter.createRouter({
+      // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
+      history: vueRouter.createWebHashHistory(),
+      routes: [
+        {
+          path: "/",
+          redirect: {
+            replace: true,
+            path: `/${placeholder}/index/${placeholder}`
+          }
+        },
+        {
+          path: "/login",
+          name: "loginView",
+          meta: { preset: true },
+          component: loginView.LoginView
+        },
+        {
+          path: "/404",
+          name: "404View1",
+          meta: { preset: true },
+          component: _404View.View404
+        },
+        {
+          path: "/appredirectview",
+          name: "appRedirectView",
+          meta: { preset: true },
+          beforeEnter,
+          component: vue3Util.AppRedirectView
+        },
+        {
+          path: `/:appContext(${paramReg})/home/:params1(${paramReg})`,
+          meta: { home: true },
+          beforeEnter,
+          component: homeView.HomeView,
+          children
+        },
+        {
+          path: `/:appContext(${paramReg})/:view1(${viewReg})/:params1(${paramReg})`,
+          beforeEnter,
+          component: routerShell.RouterShell,
+          children
+        },
+        {
+          path: "/:pathMatch(.*)*",
+          redirect: { name: "404View1" }
+        }
+      ]
+    });
+  }
+  /**
+   * 获取路由对象
+   * @author lxm
+   * @date 2023-06-29 07:56:05
+   * @static
+   * @return {*}
+   */
+  static getRouter() {
+    if (!this.router) {
+      this.router = this.createRouter();
+      const { init } = viewStack.useViewStack();
+      init(this.router);
+    }
+    return this.router;
+  }
+}
+__publicField(AppRouter, "router");
+
+exports.AppRouter = AppRouter;

package/lib/mob-app/util/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var unauthorizedHandler = require('./unauthorized-handler/unauthorized-handler.cjs');
+
+"use strict";
+
+exports.UnauthorizedHandler = unauthorizedHandler.UnauthorizedHandler;

package/lib/mob-app/util/unauthorized-handler/unauthorized-handler.cjs

@@ -0,0 +1,102 @@
+'use strict';
+
+var qs = require('qs');
+var core = require('@ibiz-template/core');
+
+"use strict";
+class UnauthorizedHandler {
+  match(error) {
+    return error instanceof core.HttpError && (error.status === 401 || error.status === 403);
+  }
+  /**
+   * cas登录处理
+   *
+   * @author lxm
+   * @date 2022-10-11 14:10:35
+   * @protected
+   * @returns {*}  {Promise<void>}
+   */
+  async casLogin() {
+    if (!ibiz.env.casLoginUrl) {
+      throw new core.RuntimeError("\u627E\u4E0D\u5230\u73AF\u5883\u53C2\u6570casLoginUrl");
+    }
+    const { origin } = window.location;
+    const baseUrl = `${origin}${ibiz.env.baseUrl}`;
+    const backUrl = `${baseUrl}/cas/v7/login${qs.stringify(
+      {
+        RU: core.UrlHelper.fullPath,
+        base: baseUrl
+      },
+      { addQueryPrefix: true }
+    )}`;
+    const hasQueryPrefix = ibiz.env.casLoginUrl.indexOf("?") !== -1;
+    const targetUrl = ibiz.env.casLoginUrl + (hasQueryPrefix ? "&" : "?") + qs.stringify(
+      {
+        service: backUrl
+      },
+      { addQueryPrefix: false }
+    );
+    window.location.href = targetUrl;
+  }
+  /**
+   * 普通登录处理
+   *
+   * @author lxm
+   * @date 2022-10-11 14:10:24
+   * @protected
+   * @returns {*}  {Promise<void>}
+   */
+  async normalLogin() {
+    const ru = window.location.hash.replace("#", "");
+    const targetUrl = `${core.UrlHelper.routeBase}/login?ru=${encodeURIComponent(
+      ru
+    )}`;
+    document.body.style.display = "none";
+    window.location.href = targetUrl;
+    window.location.reload();
+  }
+  /**
+   * 处理403
+   * @author lxm
+   * @date 2023-12-06 10:19:12
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  async handle403() {
+    const result = await ibiz.modal.confirm({
+      title: "\u5F53\u524D\u8D26\u6237\u88AB\u7981\u6B62\u8BBF\u95EE",
+      desc: "\u662F\u5426\u8981\u9000\u51FA\u5F53\u524D\u8D26\u6237\uFF1F"
+    });
+    if (result) {
+      const bol = await ibiz.auth.logout();
+      if (bol) {
+        window.location.reload();
+      }
+    }
+  }
+  /**
+   * 没有权限处理
+   *
+   * @author lxm
+   * @date 2022-10-11 14:10:50
+   * @returns {*}  {Promise<void>}
+   */
+  handle(error) {
+    if (error instanceof core.HttpError) {
+      if (error.status === 401) {
+        if (ibiz.env.loginMode === core.LoginMode.CAS) {
+          this.casLogin();
+        } else {
+          this.normalLogin();
+        }
+        return true;
+      }
+      if (error.status === 403) {
+        this.handle403();
+        return true;
+      }
+    }
+  }
+}
+
+exports.UnauthorizedHandler = UnauthorizedHandler;

package/lib/panel-component/index.cjs

@@ -41,6 +41,7 @@ const IBizPanelComponents = {
     v.use(index$8.IBizPanelCarousel);
     v.use(index$9.IBizPanelVideoPlayer);
     v.use(index$a.IBizAuthUserinfo);
+    v.use(vue3Util.IBizPanelItemRender);
   }
 };
 

package/lib/util/confirm-util/confirm-util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var core = require('@ibiz-template/core');
-var vant = require('vant');
+var Vant = require('vant');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -17,7 +17,7 @@ class ConfirmUtil {
   async info(params) {
     const { title, desc, options } = params;
     return new Promise((resolve) => {
-      vant.showConfirmDialog({
+      Vant.showConfirmDialog({
         title,
         message: desc,
         className: `${this.ns.b()} ${this.ns.e("info")}`,
@@ -32,7 +32,7 @@ class ConfirmUtil {
   async success(params) {
     const { title, desc, options } = params;
     return new Promise((resolve) => {
-      vant.showConfirmDialog({
+      Vant.showConfirmDialog({
         title,
         message: desc,
         className: `${this.ns.b()} ${this.ns.e("success")}`,
@@ -47,7 +47,7 @@ class ConfirmUtil {
   async warning(params) {
     const { title, desc, options } = params;
     return new Promise((resolve) => {
-      vant.showConfirmDialog({
+      Vant.showConfirmDialog({
         title,
         message: desc,
         className: `${this.ns.b()} ${this.ns.e("warning")}`,
@@ -62,7 +62,7 @@ class ConfirmUtil {
   async error(params) {
     const { title, desc, options } = params;
     return new Promise((resolve) => {
-      vant.showConfirmDialog({
+      Vant.showConfirmDialog({
         title,
         message: desc,
         className: `${this.ns.b()} ${this.ns.e("error")}`,