@ibiz-template/vue3-components 0.5.7-alpha.6 → 0.6.0-alpha.0

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

@@ -0,0 +1,106 @@
+import { ref, toRaw, onUnmounted, watch, onActivated, onDeactivated, Fragment, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { parseRouteViewData } from '@ibiz-template/vue3-util';
+import { useRoute, useRouter } from 'vue-router';
+import { ViewMode, Modal, RouteConst } from '@ibiz-template/runtime';
+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 isActivated = ref(true);
+    const destroyContext = () => {
+      if (viewData.value.context) {
+        const {
+          context
+        } = toRaw(viewData.value);
+        if (context)
+          context.destroy();
+      }
+    };
+    const routeDepth = props.modal.routeDepth;
+    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".concat(routeDepth)
+        });
+      }
+    };
+    calcViewData();
+    watch(() => route.params.view1, () => {
+      if (routeDepth === 1) {
+        destroyContext();
+        calcViewData();
+      }
+    });
+    const routeModal = new Modal({
+      mode: ViewMode.ROUTE,
+      routeDepth: routeDepth + 1
+    });
+    onActivated(() => {
+      isActivated.value = true;
+    });
+    onDeactivated(() => {
+      isActivated.value = false;
+    });
+    return {
+      routeModal,
+      route,
+      viewData,
+      isLoaded,
+      isActivated
+    };
+  },
+  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 createVNode(Fragment, null, [h(resolveComponent("IBizViewShell"), props, this.$slots), this.isActivated && createVNode(resolveComponent("router-view"), {
+      "key": viewModel.codeName,
+      "name": RouteConst.ROUTE_MODAL_TAG,
+      "modal": this.routeModal
+    }, null)]);
+  }
+});
+
+export { RouterShell };

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

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

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

@@ -0,0 +1,37 @@
+import { createApp, KeepAlive } from 'vue';
+import ElementPlus from 'element-plus';
+import zhCn from '../node_modules/.pnpm/element-plus@2.4.2_vue@3.3.8/node_modules/element-plus/dist/locale/zh-cn.mjs';
+import { AppHooks, piniaInstance } from '@ibiz-template/vue3-util';
+import IBizVue3 from '../ibiz-vue3.mjs';
+import { i18n } from '../locale/index.mjs';
+
+"use strict";
+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(ElementPlus, {
+    locale: zhCn
+  });
+  app.use(piniaInstance);
+  app.use(IBizVue3);
+  AppHooks.createApp.callSync(null, app);
+  ibiz.plugin.register(app);
+  return app;
+}
+
+export { createVueApp };

package/es/web-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(notLogin?: boolean): Promise<boolean>;

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

@@ -0,0 +1,169 @@
+import { HttpError, RuntimeError } from '@ibiz-template/core';
+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/".concat(ibiz.env.dcSystem));
+  if (res.ok) {
+    const orgDataItems = res.data;
+    if (orgDataItems) {
+      const [data] = orgDataItems;
+      ibiz.orgData = data;
+    }
+  }
+}
+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);
+  }
+}
+async function initEnvironment(helper) {
+  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);
+      }
+      ibiz.log.setLevel(ibiz.env.logLevel);
+    }
+  }
+}
+let hasModelInit = false;
+let noPermissionModel = false;
+async function initModel(permission = true) {
+  if (!hasModelInit || hasModelInit && noPermissionModel !== permission) {
+    ibiz.hub.reset();
+    const helper = new ModelHelper(
+      async (url, params) => {
+        const res = await ibiz.net.get(
+          "".concat(ibiz.env.remoteModelUrl).concat(url),
+          params,
+          permission ? {} : { srfdcsystem: ibiz.env.dcSystem }
+        );
+        return res.data;
+      },
+      ibiz.env.appId,
+      permission
+    );
+    await initEnvironment(helper);
+    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/web-theme');
+      const theme = module.default || module;
+      AppHooks.useComponent.callSync(null, theme);
+    } else {
+      await loadTheme();
+    }
+  }
+  noPermissionModel = permission;
+  hasModelInit = true;
+}
+async function appInit() {
+  if (ibiz.env.isSaaSMode === true) {
+    await loadOrgData();
+  }
+  await loadAppData();
+  await initModel();
+  await ibiz.auth.extendLogin();
+  await ibiz.hub.notice.init();
+}
+function throw401() {
+  throw new HttpError({
+    response: {
+      status: 401,
+      statusText: "\u65E0\u6743\u9650\u8BBF\u95EE\uFF01"
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  });
+}
+async function anonymousValidate() {
+  const authInfo = ibiz.auth.getAuthInfo();
+  if (authInfo && !authInfo.isAnonymous) {
+    return;
+  }
+  await initModel(false);
+  const urlPaths = window.location.hash.split("/");
+  const viewName = urlPaths[urlPaths.length - 2];
+  let viewModel;
+  if (viewName !== "#") {
+    try {
+      viewModel = await ibiz.hub.getAppView(viewName);
+    } catch (error) {
+      ibiz.log.error(error);
+    }
+  }
+  if (!viewModel) {
+    ibiz.log.error(
+      "\u627E\u4E0D\u5230\u89C6\u56FE\u6A21\u578B".concat(viewName, ",\u8BF7\u786E\u4FDD\u8BE5\u89C6\u56FE\u914D\u7F6E\u4E86\u533F\u540D\u8BBF\u95EE\u548C\u7528\u6237\u5F15\u7528")
+    );
+    throw401();
+    return;
+  }
+  if (viewModel.accUserMode !== 3) {
+    throw401();
+  }
+  if (!authInfo) {
+    const loginResult = await ibiz.auth.anonymousLogin();
+    if (!loginResult) {
+      throw new RuntimeError("\u533F\u540D\u7528\u6237\u767B\u5F55\u5931\u8D25");
+    }
+  }
+}
+async function AuthGuard(notLogin = true) {
+  if (notLogin) {
+    let result = true;
+    try {
+      if (ibiz.env.enableAnonymous) {
+        await anonymousValidate();
+      }
+      await appInit();
+    } catch (error) {
+      result = false;
+      ibiz.util.error.handle(error);
+    }
+    return result;
+  }
+  await initModel(false);
+  return true;
+}
+
+export { AuthGuard };

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

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

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

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

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

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

package/es/web-app/index.mjs

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

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

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

package/es/web-app/main.mjs

@@ -0,0 +1,63 @@
+import { install } from '@ibiz-template/core';
+import { install as install$1 } from '@ibiz-template/runtime';
+import { AppHooks, PluginFactory, OverlayContainer } from '@ibiz-template/vue3-util';
+import { createVueApp } from './create-vue-app.mjs';
+import { attachEnvironmentConfig } from './attach-environment-config.mjs';
+import App from './App.mjs';
+import './util/index.mjs';
+import { AppRouter } from './router/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 { NoticeUtil } from '../util/notice-util/notice-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();
+  app.use(AppRouter.getRouter());
+  ibiz.openView = new OpenViewUtil(AppRouter.getRouter());
+  ibiz.message = new MessageUtil();
+  ibiz.modal = new ModalUtil();
+  ibiz.confirm = new ConfirmUtil();
+  ibiz.notification = new NotificationUtil();
+  ibiz.loading = new LoadingUtil();
+  ibiz.notice = new NoticeUtil();
+  ibiz.overlay = new OverlayController();
+  ibiz.util.text.format = (value, code) => {
+    return app.config.globalProperties.$textFormat(value, code);
+  };
+  ibiz.util.error.register(new UnauthorizedHandler());
+  await ibiz.i18n.init();
+  app.mount("#app");
+}
+
+export { runApp };

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

@@ -0,0 +1,6 @@
+import { Router } from 'vue-router';
+import 'nprogress/nprogress.css';
+export declare class AppRouter {
+    private static router?;
+    static getRouter(): Router;
+}

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

@@ -0,0 +1,200 @@
+import { createWebHashHistory, createRouter } from 'vue-router';
+import { AppRedirectView } from '@ibiz-template/vue3-util';
+import { RouteConst } from '@ibiz-template/runtime';
+import NProgress from '../../node_modules/.pnpm/nprogress@0.2.0/node_modules/nprogress/nprogress.mjs';
+import '../guard/index.mjs';
+import '../../view/index.mjs';
+import '../components/index.mjs';
+import 'nprogress/nprogress.css';
+import { AuthGuard } from '../guard/auth-guard/auth-guard.mjs';
+import { LoginView } from '../../view/login-view/login-view.mjs';
+import { View404 } from '../../view/404-view/404-view.mjs';
+import { RouterShell } from '../components/router-shell/router-shell.mjs';
+import { ModalRouterShell } from '../components/modal-router-shell/modal-router-shell.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;
+};
+class AppRouter {
+  static getRouter() {
+    const placeholder = ibiz.env.routePlaceholder;
+    const paramReg = "[^/]+=[^/]+|".concat(placeholder);
+    const viewReg = "[^=/]+";
+    if (!this.router) {
+      this.router = createRouter({
+        // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
+        history: createWebHashHistory(),
+        routes: [
+          {
+            path: "/",
+            redirect: "/".concat(placeholder, "/index/").concat(placeholder)
+          },
+          {
+            path: "/login",
+            name: "loginView",
+            beforeEnter: async (_to, _from, next) => {
+              await AuthGuard(false);
+              next();
+            },
+            component: LoginView
+          },
+          {
+            path: "/404",
+            name: "404View1",
+            component: View404
+          },
+          {
+            path: "/appredirectview",
+            name: "appRedirectView",
+            beforeEnter: async (_to, _from, next) => {
+              const authority = await AuthGuard();
+              if (authority) {
+                next();
+              } else {
+                next(false);
+              }
+            },
+            component: AppRedirectView
+          },
+          {
+            path: "/:appContext(".concat(paramReg, ")/:view1(").concat(viewReg, ")/:params1(").concat(paramReg, ")"),
+            beforeEnter: async (_to, _from, next) => {
+              const authority = await AuthGuard();
+              if (authority) {
+                next();
+              } else {
+                next(false);
+              }
+            },
+            component: RouterShell,
+            children: [
+              {
+                path: "404",
+                name: "404View2",
+                component: View404
+              },
+              {
+                path: "".concat(RouteConst.ROUTE_MODAL_TAG, "/:modalView(").concat(viewReg, ")/:modalParams(").concat(paramReg, ")"),
+                components: {
+                  [RouteConst.ROUTE_MODAL_TAG]: ModalRouterShell
+                }
+              },
+              {
+                path: ":view2(".concat(viewReg, ")/:params2(").concat(paramReg, ")"),
+                component: RouterShell,
+                children: [
+                  {
+                    path: "404",
+                    name: "404View3",
+                    component: View404
+                  },
+                  {
+                    path: "".concat(RouteConst.ROUTE_MODAL_TAG, "/:modalView(").concat(viewReg, ")/:modalParams(").concat(paramReg, ")"),
+                    components: {
+                      [RouteConst.ROUTE_MODAL_TAG]: ModalRouterShell
+                    }
+                  },
+                  {
+                    path: ":view3(".concat(viewReg, ")/:params3(").concat(paramReg, ")"),
+                    component: RouterShell,
+                    children: [
+                      {
+                        path: "404",
+                        name: "404View4",
+                        component: View404
+                      },
+                      {
+                        path: "".concat(RouteConst.ROUTE_MODAL_TAG, "/:modalView(").concat(viewReg, ")/:modalParams(").concat(paramReg, ")"),
+                        components: {
+                          [RouteConst.ROUTE_MODAL_TAG]: ModalRouterShell
+                        }
+                      },
+                      {
+                        path: ":view4(".concat(viewReg, ")/:params4(").concat(paramReg, ")"),
+                        component: RouterShell,
+                        children: [
+                          {
+                            path: "404",
+                            name: "404View5",
+                            component: View404
+                          },
+                          {
+                            path: "".concat(RouteConst.ROUTE_MODAL_TAG, "/:modalView(").concat(viewReg, ")/:modalParams(").concat(paramReg, ")"),
+                            components: {
+                              [RouteConst.ROUTE_MODAL_TAG]: ModalRouterShell
+                            }
+                          },
+                          {
+                            path: ":view5(".concat(viewReg, ")/:params5(").concat(paramReg, ")"),
+                            component: RouterShell,
+                            children: [
+                              {
+                                path: "404",
+                                name: "404View6",
+                                component: View404
+                              },
+                              {
+                                path: "".concat(RouteConst.ROUTE_MODAL_TAG, "/:modalView(").concat(viewReg, ")/:modalParams(").concat(paramReg, ")"),
+                                components: {
+                                  [RouteConst.ROUTE_MODAL_TAG]: ModalRouterShell
+                                }
+                              },
+                              {
+                                path: ":view6(".concat(viewReg, ")/:params6(").concat(paramReg, ")"),
+                                component: RouterShell
+                              },
+                              {
+                                path: ":pathMatch(.*)*",
+                                redirect: { name: "404View6" }
+                              }
+                            ]
+                          },
+                          {
+                            path: ":pathMatch(.*)*",
+                            redirect: { name: "404View6" }
+                          }
+                        ]
+                      },
+                      {
+                        path: ":pathMatch(.*)*",
+                        redirect: { name: "404View4" }
+                      }
+                    ]
+                  },
+                  {
+                    path: ":pathMatch(.*)*",
+                    redirect: { name: "404View3" }
+                  }
+                ]
+              },
+              {
+                path: ":pathMatch(.*)*",
+                redirect: { name: "404View2" }
+              }
+            ]
+          },
+          {
+            path: "/:pathMatch(.*)*",
+            redirect: { name: "404View1" }
+          }
+        ]
+      });
+      this.router.beforeEach((_to, _from, next) => {
+        NProgress.configure({ showSpinner: false });
+        NProgress.start();
+        next();
+      });
+      this.router.afterEach(() => {
+        NProgress.done();
+      });
+    }
+    return this.router;
+  }
+}
+__publicField(AppRouter, "router");
+
+export { AppRouter };

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

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

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

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

package/es/web-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;
+}