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

package/lib/web-app/main.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var createVueApp = require('./create-vue-app.cjs');
+var attachEnvironmentConfig = require('./attach-environment-config.cjs');
+var App = require('./App.cjs');
+require('./util/index.cjs');
+var index = require('./router/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 noticeUtil = require('../util/notice-util/notice-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();
+  app.use(index.AppRouter.getRouter());
+  ibiz.openView = new openViewUtil.OpenViewUtil(index.AppRouter.getRouter());
+  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.notice = new noticeUtil.NoticeUtil();
+  ibiz.overlay = new overlayController.OverlayController();
+  ibiz.util.text.format = (value, code) => {
+    return app.config.globalProperties.$textFormat(value, code);
+  };
+  ibiz.util.error.register(new unauthorizedHandler.UnauthorizedHandler());
+  await ibiz.i18n.init();
+  app.mount("#app");
+}
+
+exports.runApp = runApp;

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

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

package/lib/web-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/web-app/util/unauthorized-handler/unauthorized-handler.cjs

@@ -0,0 +1,109 @@
+'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 = "".concat(origin).concat(ibiz.env.baseUrl);
+    const backUrl = "".concat(baseUrl, "/cas/v7/login").concat(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 = "".concat(core.UrlHelper.routeBase, "/login?ru=").concat(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.confirm.warning({
+      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.hub.controller.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) {
+        const search = qs.parse(window.location.search.replace("?", ""));
+        if (search.isAnonymous) {
+          ibiz.auth.anonymousLogin().then((bol) => {
+            if (bol) {
+              window.location.reload();
+            }
+          });
+        } else 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.5.7-alpha.6",
+  "version": "0.6.0-alpha.0",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -27,12 +27,14 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template-plugin/gantt": "0.1.1",
-    "@ibiz-template/core": "^0.5.7-alpha.6",
-    "@ibiz-template/model-helper": "^0.5.7-alpha.6",
-    "@ibiz-template/runtime": "^0.5.7-alpha.6",
+    "@ibiz-template/core": "^0.5.7-alpha.10",
+    "@ibiz-template/devtool": "0.0.1-dev.3",
+    "@ibiz-template/model-helper": "^0.6.0-alpha.0",
+    "@ibiz-template/runtime": "^0.6.0-alpha.1",
     "@ibiz-template/theme": "^0.5.0",
-    "@ibiz-template/vue3-util": "^0.5.7-alpha.6",
-    "@ibiz/model-core": "^0.1.9",
+    "@ibiz-template/vue3-util": "^0.6.0-alpha.0",
+    "@ibiz-template/web-theme": "^1.1.8",
+    "@ibiz/model-core": "^0.1.11",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -46,6 +48,7 @@
     "interactjs": "^1.10.20",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.45.0",
+    "nprogress": "^0.2.0",
     "pinia": "^2.1.7",
     "pluralize": "^8.0.0",
     "qs": "^6.11.2",
@@ -63,6 +66,7 @@
     "@ibiz-template/cli": "^0.3.10",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.11.5",
+    "@types/nprogress": "^0.2.3",
     "@types/qs": "^6.9.11",
     "@types/ramda": "^0.29.10",
     "husky": "^8.0.3",