@litianxiang/portal-core 0.1.1

package/dist/index.cjs

@@ -0,0 +1,183 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  createAppRouter: () => createAppRouter
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/router.ts
+var import_vue_router = require("vue-router");
+var import_meta = {};
+function createAppRouter(options) {
+  const { staticRoutes, getUserStore, getTabStore, getFirstPage, authLoginUrl } = options;
+  const router = (0, import_vue_router.createRouter)({
+    history: (0, import_vue_router.createWebHashHistory)(),
+    routes: staticRoutes
+  });
+  const AUTH_LOGIN_URL = authLoginUrl || `${window.location.origin}/auth/#/login`;
+  const modules = import_meta.glob("@/views/**/*.vue");
+  const registeredPaths = /* @__PURE__ */ new Set();
+  const resolveRouteAndView = (item) => {
+    const [rawPath] = (item.path || "").split("?");
+    const normalizedPath = rawPath.startsWith("/") ? rawPath : `/${rawPath}`;
+    const routePath = normalizedPath.slice(1);
+    const candidates = [
+      `/main${normalizedPath}`,
+      // /views/main/system/user.vue
+      `${normalizedPath}`
+      // /views/system/user.vue 或 /views/kq/leave.vue
+    ];
+    let viewKey = "";
+    for (const viewPath of candidates) {
+      const key = `/src/views${viewPath}.vue`;
+      if (key in modules) {
+        viewKey = key;
+        break;
+      }
+    }
+    if (!viewKey) {
+      const fallbackPath = `/main${normalizedPath}`;
+      viewKey = `/src/views${fallbackPath}.vue`;
+    }
+    return { routePath, viewKey };
+  };
+  const transformRoutes = (menuItems) => {
+    const routes = [];
+    for (const item of menuItems) {
+      if (item.category === "button") continue;
+      const { routePath, viewKey } = resolveRouteAndView(item);
+      const isPage = item.category === "page" || item.category === "flow-page";
+      if (!registeredPaths.has(routePath)) {
+        registeredPaths.add(routePath);
+        routes.push({
+          path: routePath,
+          name: `menu_${item.id}`,
+          component: isPage ? modules[viewKey] : void 0,
+          meta: {
+            id: item.id,
+            parent_id: item.parent_id,
+            icon: item.icon,
+            category: item.category,
+            keepAlive: true,
+            title: item.name,
+            fullPath: item.path
+          },
+          children: item.children ? transformRoutes(item.children) : []
+        });
+      } else if (item.children?.length) {
+        routes.push(...transformRoutes(item.children));
+      }
+    }
+    return routes;
+  };
+  const addDynamicRoutes = (menuData) => {
+    const dynamicRoutes = transformRoutes(menuData);
+    dynamicRoutes.forEach((route) => {
+      router.addRoute("main", route);
+    });
+  };
+  const clearDynamicRoutes = () => {
+    const routes = router.getRoutes();
+    routes.forEach((route) => {
+      if (route.name?.toString().startsWith("menu_") && router.hasRoute(route.name)) {
+        router.removeRoute(route.name);
+      }
+    });
+    registeredPaths.clear();
+  };
+  let justLoadedMenu = false;
+  router.beforeEach(async (to, _from, next) => {
+    const userStore = getUserStore();
+    let access_token = userStore.getUserAccessToken;
+    if (!access_token && typeof window !== "undefined") {
+      const restored = userStore.syncFromAuthStore();
+      if (restored) {
+        access_token = userStore.getUserAccessToken;
+      }
+    }
+    if (!access_token) {
+      const currentUrl = encodeURIComponent(window.location.href);
+      window.location.href = `${AUTH_LOGIN_URL}?redirect=${currentUrl}`;
+      return;
+    }
+    if (justLoadedMenu) {
+      justLoadedMenu = false;
+      next();
+      return;
+    }
+    if (userStore.isMenuLoaded && (to.path === "/" || to.path === "")) {
+      const tabStore = getTabStore();
+      tabStore.clearAll();
+      const allMenu = userStore.getUserALLMenu;
+      if (allMenu && allMenu.length > 0) {
+        const firstPage = getFirstPage(allMenu);
+        if (firstPage) {
+          const [basePath, queryString] = firstPage.split("?");
+          const query = {};
+          if (queryString) {
+            queryString.split("&").forEach((param) => {
+              const [key, value] = param.split("=");
+              if (key) query[key] = value || "";
+            });
+          }
+          next({ path: basePath, query, replace: true });
+          return;
+        }
+      }
+    }
+    if (!userStore.isMenuLoaded) {
+      clearDynamicRoutes();
+      const tabStore = getTabStore();
+      tabStore.clearAll();
+      userStore.resetMenuLoaded();
+      const success = await userStore.fetchUserMenu();
+      if (!success) {
+        window.location.href = AUTH_LOGIN_URL;
+        return;
+      }
+      const allMenu = userStore.getUserALLMenu;
+      if (allMenu && allMenu.length > 0) {
+        addDynamicRoutes(allMenu);
+        const firstPage = getFirstPage(allMenu);
+        if (firstPage) {
+          const [basePath, queryString] = firstPage.split("?");
+          const query = {};
+          if (queryString) {
+            queryString.split("&").forEach((param) => {
+              const [key, value] = param.split("=");
+              if (key) query[key] = value || "";
+            });
+          }
+          justLoadedMenu = true;
+          next({ path: basePath, query, replace: true });
+          return;
+        }
+      }
+    }
+    next();
+  });
+  return router;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createAppRouter
+});

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import * as vue_router from 'vue-router';
+import { RouteRecordRaw } from 'vue-router';
+
+interface AppRouterOptions {
+    staticRoutes: RouteRecordRaw[];
+    getUserStore: () => any;
+    getTabStore: () => any;
+    getFirstPage: (allMenu: any[]) => string | null | undefined;
+    authLoginUrl?: string;
+}
+/**
+ * 创建带统一登录、动态菜单和 Tab 管理的 Router
+ * 各站点只需注入各自的 userStore / tabStore / getFirstPage 即可复用
+ */
+declare function createAppRouter(options: AppRouterOptions): vue_router.Router;
+
+export { type AppRouterOptions, createAppRouter };

package/dist/index.js

@@ -0,0 +1,155 @@
+// src/router.ts
+import { createRouter, createWebHashHistory } from "vue-router";
+function createAppRouter(options) {
+  const { staticRoutes, getUserStore, getTabStore, getFirstPage, authLoginUrl } = options;
+  const router = createRouter({
+    history: createWebHashHistory(),
+    routes: staticRoutes
+  });
+  const AUTH_LOGIN_URL = authLoginUrl || `${window.location.origin}/auth/#/login`;
+  const modules = import.meta.glob("@/views/**/*.vue");
+  const registeredPaths = /* @__PURE__ */ new Set();
+  const resolveRouteAndView = (item) => {
+    const [rawPath] = (item.path || "").split("?");
+    const normalizedPath = rawPath.startsWith("/") ? rawPath : `/${rawPath}`;
+    const routePath = normalizedPath.slice(1);
+    const candidates = [
+      `/main${normalizedPath}`,
+      // /views/main/system/user.vue
+      `${normalizedPath}`
+      // /views/system/user.vue 或 /views/kq/leave.vue
+    ];
+    let viewKey = "";
+    for (const viewPath of candidates) {
+      const key = `/src/views${viewPath}.vue`;
+      if (key in modules) {
+        viewKey = key;
+        break;
+      }
+    }
+    if (!viewKey) {
+      const fallbackPath = `/main${normalizedPath}`;
+      viewKey = `/src/views${fallbackPath}.vue`;
+    }
+    return { routePath, viewKey };
+  };
+  const transformRoutes = (menuItems) => {
+    const routes = [];
+    for (const item of menuItems) {
+      if (item.category === "button") continue;
+      const { routePath, viewKey } = resolveRouteAndView(item);
+      const isPage = item.category === "page" || item.category === "flow-page";
+      if (!registeredPaths.has(routePath)) {
+        registeredPaths.add(routePath);
+        routes.push({
+          path: routePath,
+          name: `menu_${item.id}`,
+          component: isPage ? modules[viewKey] : void 0,
+          meta: {
+            id: item.id,
+            parent_id: item.parent_id,
+            icon: item.icon,
+            category: item.category,
+            keepAlive: true,
+            title: item.name,
+            fullPath: item.path
+          },
+          children: item.children ? transformRoutes(item.children) : []
+        });
+      } else if (item.children?.length) {
+        routes.push(...transformRoutes(item.children));
+      }
+    }
+    return routes;
+  };
+  const addDynamicRoutes = (menuData) => {
+    const dynamicRoutes = transformRoutes(menuData);
+    dynamicRoutes.forEach((route) => {
+      router.addRoute("main", route);
+    });
+  };
+  const clearDynamicRoutes = () => {
+    const routes = router.getRoutes();
+    routes.forEach((route) => {
+      if (route.name?.toString().startsWith("menu_") && router.hasRoute(route.name)) {
+        router.removeRoute(route.name);
+      }
+    });
+    registeredPaths.clear();
+  };
+  let justLoadedMenu = false;
+  router.beforeEach(async (to, _from, next) => {
+    const userStore = getUserStore();
+    let access_token = userStore.getUserAccessToken;
+    if (!access_token && typeof window !== "undefined") {
+      const restored = userStore.syncFromAuthStore();
+      if (restored) {
+        access_token = userStore.getUserAccessToken;
+      }
+    }
+    if (!access_token) {
+      const currentUrl = encodeURIComponent(window.location.href);
+      window.location.href = `${AUTH_LOGIN_URL}?redirect=${currentUrl}`;
+      return;
+    }
+    if (justLoadedMenu) {
+      justLoadedMenu = false;
+      next();
+      return;
+    }
+    if (userStore.isMenuLoaded && (to.path === "/" || to.path === "")) {
+      const tabStore = getTabStore();
+      tabStore.clearAll();
+      const allMenu = userStore.getUserALLMenu;
+      if (allMenu && allMenu.length > 0) {
+        const firstPage = getFirstPage(allMenu);
+        if (firstPage) {
+          const [basePath, queryString] = firstPage.split("?");
+          const query = {};
+          if (queryString) {
+            queryString.split("&").forEach((param) => {
+              const [key, value] = param.split("=");
+              if (key) query[key] = value || "";
+            });
+          }
+          next({ path: basePath, query, replace: true });
+          return;
+        }
+      }
+    }
+    if (!userStore.isMenuLoaded) {
+      clearDynamicRoutes();
+      const tabStore = getTabStore();
+      tabStore.clearAll();
+      userStore.resetMenuLoaded();
+      const success = await userStore.fetchUserMenu();
+      if (!success) {
+        window.location.href = AUTH_LOGIN_URL;
+        return;
+      }
+      const allMenu = userStore.getUserALLMenu;
+      if (allMenu && allMenu.length > 0) {
+        addDynamicRoutes(allMenu);
+        const firstPage = getFirstPage(allMenu);
+        if (firstPage) {
+          const [basePath, queryString] = firstPage.split("?");
+          const query = {};
+          if (queryString) {
+            queryString.split("&").forEach((param) => {
+              const [key, value] = param.split("=");
+              if (key) query[key] = value || "";
+            });
+          }
+          justLoadedMenu = true;
+          next({ path: basePath, query, replace: true });
+          return;
+        }
+      }
+    }
+    next();
+  });
+  return router;
+}
+export {
+  createAppRouter
+};

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@litianxiang/portal-core",
+  "version": "0.1.1",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "vue-router": "^4.5.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.3"
+  },
+  "license": "UNLICENSED"
+}