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

package/es/mob-app/components/router-shell/router-shell.mjs

@@ -0,0 +1,82 @@
+import { ref, toRaw, onUnmounted, resolveComponent, h, defineComponent } from 'vue';
+import { parseRouteViewData } from '@ibiz-template/vue3-util';
+import { useRoute, useRouter } from 'vue-router';
+import { IBizContext } from '@ibiz-template/core';
+import { mergeDeepLeft } from 'ramda';
+
+"use strict";
+const RouterShell = /* @__PURE__ */ defineComponent({
+  name: "RouterShell",
+  props: {
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const route = useRoute();
+    const router = useRouter();
+    const viewData = ref({});
+    const isLoaded = ref(false);
+    const destroyContext = () => {
+      if (viewData.value.context) {
+        const {
+          context
+        } = toRaw(viewData.value);
+        if (context)
+          context.destroy();
+      }
+    };
+    const routeDepth = props.modal.routeDepth || 1;
+    onUnmounted(() => {
+      destroyContext();
+    });
+    const calcViewData = async () => {
+      try {
+        const _viewData = await parseRouteViewData(route, routeDepth);
+        const _context = 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 = mergeDeepLeft({
+      ...this.$props,
+      ...this.$attrs,
+      context,
+      params,
+      modelData: viewModel,
+      key: viewModel.codeName
+    }, {
+      state: {
+        srfnav
+      }
+    });
+    return h(resolveComponent("IBizViewShell"), props, this.$slots);
+  }
+});
+
+export { RouterShell };

package/es/mob-app/create-vue-app.d.ts

@@ -0,0 +1,12 @@
+import { App, Component } from 'vue';
+/**
+ * 创建 vue3 实例，避免多实例情况下全局方法未成功挂载
+ *
+ * @author chitanda
+ * @date 2022-12-29 11:12:25
+ * @export
+ * @param {Component} rootComponent
+ * @param {IData} [rootProps]
+ * @return {*}  {Promise<App<Element>>}
+ */
+export declare function createVueApp(rootComponent: Component, rootProps?: IData): App<Element>;

package/es/mob-app/create-vue-app.mjs

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

package/es/mob-app/guard/auth-guard/auth-guard.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 应用权限守卫
+ *
+ * @author chitanda
+ * @date 2022-10-28 10:10:29
+ * @export
+ * @return {*}  {Promise<boolean>}
+ */
+export declare function AuthGuard(permission?: boolean): Promise<boolean>;

package/es/mob-app/guard/auth-guard/auth-guard.mjs

@@ -0,0 +1,141 @@
+import { CoreConst } from '@ibiz-template/core';
+import { getCookie, setCookie } from 'qx-util';
+import { ModelHelper } from '@ibiz-template/model-helper';
+import { mergeDeepRight } from 'ramda';
+import { AppHooks } from '@ibiz-template/vue3-util';
+import { i18n } from '../../../locale/index.mjs';
+
+"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 = getCookie(CoreConst.TOKEN);
+  const expirein = getCookie(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) {
+        setCookie(CoreConst.TOKEN, res.data.token, 0, true);
+        const expiredDate = (/* @__PURE__ */ new Date()).getTime() + (res.data.expirein || 7199) * 1e3;
+        setCookie(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(
+      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;
+      });
+      i18n.global.mergeLocaleMessage(lang, data);
+    }
+    if (!appModel.appUIThemes) {
+      const module = await import('@ibiz-template/mob-theme');
+      const theme = module.default || module;
+      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 = 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;
+}
+
+export { AuthGuard };

package/es/mob-app/guard/index.d.ts

@@ -0,0 +1 @@
+export { AuthGuard } from './auth-guard/auth-guard';

package/es/mob-app/guard/index.mjs

@@ -0,0 +1,3 @@
+export { AuthGuard } from './auth-guard/auth-guard.mjs';
+
+"use strict";

package/es/mob-app/index.d.ts

@@ -0,0 +1 @@
+export { runApp } from './main';

package/es/mob-app/index.mjs

@@ -0,0 +1,3 @@
+export { runApp } from './main.mjs';
+
+"use strict";

package/es/mob-app/main.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from 'vue';
+export declare function runApp(plugins?: Plugin[]): Promise<void>;

package/es/mob-app/main.mjs

@@ -0,0 +1,60 @@
+import { install } from '@ibiz-template/core';
+import { install as install$1, getPlatformProvider } from '@ibiz-template/runtime';
+import { AppHooks, PluginFactory, OverlayContainer } from '@ibiz-template/vue3-util';
+import App from './App.mjs';
+import { attachEnvironmentConfig } from './attach-environment-config.mjs';
+import { createVueApp } from './create-vue-app.mjs';
+import { AppRouter } from './router/index.mjs';
+import './util/index.mjs';
+import '../util/index.mjs';
+import { OpenViewUtil } from '../util/open-view-util/open-view-util.mjs';
+import { MessageUtil } from '../util/message-util/message-util.mjs';
+import { ModalUtil } from '../util/modal-util/modal-util.mjs';
+import { ConfirmUtil } from '../util/confirm-util/confirm-util.mjs';
+import { NotificationUtil } from '../util/notification-util/notification-util.mjs';
+import { LoadingUtil } from '../util/loading-util/loading-util.mjs';
+import { OverlayController } from '../util/overlay-controller/overlay-controller.mjs';
+import { UnauthorizedHandler } from './util/unauthorized-handler/unauthorized-handler.mjs';
+
+"use strict";
+async function runApp(plugins) {
+  AppHooks.createApp.tap((_, app2) => {
+    if (plugins) {
+      plugins.forEach((plugin) => {
+        app2.use(plugin);
+      });
+    }
+  });
+  install();
+  install$1();
+  ibiz.plugin = new PluginFactory();
+  const app = createVueApp(App);
+  OverlayContainer.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();
+  const router = AppRouter.getRouter();
+  app.use(router);
+  ibiz.openView = new OpenViewUtil(router);
+  ibiz.message = new MessageUtil();
+  ibiz.modal = new ModalUtil();
+  ibiz.confirm = new ConfirmUtil();
+  ibiz.notification = new NotificationUtil();
+  ibiz.loading = new LoadingUtil();
+  ibiz.overlay = new OverlayController();
+  ibiz.util.error.register(new UnauthorizedHandler());
+  ibiz.platform = getPlatformProvider();
+  await ibiz.i18n.init();
+  app.mount("#app");
+}
+
+export { runApp };

package/es/mob-app/router/index.d.ts

@@ -0,0 +1,21 @@
+import { Router } from 'vue-router';
+export declare class AppRouter {
+    private static router?;
+    /**
+     * 创建vue路由对象
+     * @author lxm
+     * @date 2023-06-29 07:56:11
+     * @protected
+     * @static
+     * @return {*}
+     */
+    protected static createRouter(): Router;
+    /**
+     * 获取路由对象
+     * @author lxm
+     * @date 2023-06-29 07:56:05
+     * @static
+     * @return {*}
+     */
+    static getRouter(): Router;
+}

package/es/mob-app/router/index.mjs

@@ -0,0 +1,174 @@
+import { createWebHashHistory, createRouter } from 'vue-router';
+import { ViewMode, Modal } from '@ibiz-template/runtime';
+import { isNilOrEmpty } from 'qx-util';
+import { AppRedirectView } from '@ibiz-template/vue3-util';
+import '../guard/index.mjs';
+import '../components/index.mjs';
+import '../../view/index.mjs';
+import '../../util/index.mjs';
+import { AuthGuard } from '../guard/auth-guard/auth-guard.mjs';
+import { View404 } from '../../view/404-view/404-view.mjs';
+import { RouterShell } from '../components/router-shell/router-shell.mjs';
+import { LoginView } from '../../view/login-view/login-view.mjs';
+import { HomeView } from '../components/home-view/home-view.mjs';
+import { useViewStack } from '../../util/store/view-stack/view-stack.mjs';
+
+"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 Modal({
+      mode: 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 (!isNilOrEmpty(ibiz.appData)) {
+        return true;
+      }
+      const authority = await AuthGuard();
+      return authority;
+    };
+    const placeholder = ibiz.env.routePlaceholder;
+    const paramReg = `[^/]+=[^/]+|${placeholder}`;
+    const viewReg = `[^=/]+`;
+    const children = [
+      {
+        path: "404",
+        name: "404View2",
+        meta: { preset: true },
+        component: View404
+      },
+      {
+        path: `:view2(${viewReg})/:params2(${paramReg})`,
+        component: RouterShell,
+        props: getPropsCallback(2),
+        children: [
+          {
+            path: "404",
+            name: "404View3",
+            meta: { preset: true },
+            component: View404
+          },
+          {
+            path: `:view3(${viewReg})/:params3(${paramReg})`,
+            component: RouterShell,
+            props: getPropsCallback(3),
+            children: [
+              {
+                path: "404",
+                name: "404View4",
+                meta: { preset: true },
+                component: View404
+              },
+              {
+                path: `:view4(${viewReg})/:params4(${paramReg})`,
+                component: RouterShell,
+                props: getPropsCallback(4)
+              },
+              {
+                path: ":pathMatch(.*)*",
+                redirect: { name: "404View4" }
+              }
+            ]
+          },
+          {
+            path: ":pathMatch(.*)*",
+            redirect: { name: "404View3" }
+          }
+        ]
+      },
+      {
+        path: ":pathMatch(.*)*",
+        redirect: { name: "404View2" }
+      }
+    ];
+    return createRouter({
+      // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
+      history: createWebHashHistory(),
+      routes: [
+        {
+          path: "/",
+          redirect: {
+            replace: true,
+            path: `/${placeholder}/index/${placeholder}`
+          }
+        },
+        {
+          path: "/login",
+          name: "loginView",
+          meta: { preset: true },
+          component: LoginView
+        },
+        {
+          path: "/404",
+          name: "404View1",
+          meta: { preset: true },
+          component: View404
+        },
+        {
+          path: "/appredirectview",
+          name: "appRedirectView",
+          meta: { preset: true },
+          beforeEnter,
+          component: AppRedirectView
+        },
+        {
+          path: `/:appContext(${paramReg})/home/:params1(${paramReg})`,
+          meta: { home: true },
+          beforeEnter,
+          component: HomeView,
+          children
+        },
+        {
+          path: `/:appContext(${paramReg})/:view1(${viewReg})/:params1(${paramReg})`,
+          beforeEnter,
+          component: 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 } = useViewStack();
+      init(this.router);
+    }
+    return this.router;
+  }
+}
+__publicField(AppRouter, "router");
+
+export { AppRouter };

package/es/mob-app/util/index.d.ts

@@ -0,0 +1 @@
+export { UnauthorizedHandler } from './unauthorized-handler/unauthorized-handler';

package/es/mob-app/util/index.mjs

@@ -0,0 +1,3 @@
+export { UnauthorizedHandler } from './unauthorized-handler/unauthorized-handler.mjs';
+
+"use strict";

package/es/mob-app/util/unauthorized-handler/unauthorized-handler.d.ts

@@ -0,0 +1,46 @@
+import { IErrorHandler } from '@ibiz-template/runtime';
+/**
+ * 没有权限的错误处理器
+ *
+ * @author lxm
+ * @date 2022-10-11 14:10:10
+ * @export
+ * @class UnauthorizedHandler
+ */
+export declare class UnauthorizedHandler implements IErrorHandler {
+    match(error: unknown): boolean;
+    /**
+     * cas登录处理
+     *
+     * @author lxm
+     * @date 2022-10-11 14:10:35
+     * @protected
+     * @returns {*}  {Promise<void>}
+     */
+    protected casLogin(): Promise<void>;
+    /**
+     * 普通登录处理
+     *
+     * @author lxm
+     * @date 2022-10-11 14:10:24
+     * @protected
+     * @returns {*}  {Promise<void>}
+     */
+    protected normalLogin(): Promise<void>;
+    /**
+     * 处理403
+     * @author lxm
+     * @date 2023-12-06 10:19:12
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected handle403(): Promise<void>;
+    /**
+     * 没有权限处理
+     *
+     * @author lxm
+     * @date 2022-10-11 14:10:50
+     * @returns {*}  {Promise<void>}
+     */
+    handle(error: unknown): boolean | undefined;
+}