@done-coding/admin-core 0.18.0 → 0.19.0

package/es/router/group-redirect.mjs

@@ -1,20 +1,26 @@
-const d = (t, r) => r.startsWith("/") ? r : `${t.replace(/\/$/, "")}/${r}`, a = (t, r) => t.map((p) => {
-  var h, i;
-  const e = { ...p };
-  (h = e.children) != null && h.length && (e.children = a(e.children, r));
-  const o = !!(e.component || e.components), c = !!((i = e.children) != null && i.length);
-  if (c && o) {
-    const n = `[admin-core] withGroupRedirect: 路由 "${e.path}" 同时含 children 与 component/components——当前范式不建议父路由承接视图（组壳会被 KeepAlive 误缓存、且需内层 router-view）。建议父路由不配 component（叶子经 vue-router 原生渲染到 AppBody 出口）；如需与子路由共享父视图，请改用 teleport 方案。`;
-    if (r === "error")
-      throw new Error(n);
-    console.warn(n);
+const joinPath = (parent, child) => child.startsWith("/") ? child : `${parent.replace(/\/$/, "")}/${child}`;
+const buildGroupRoutes = (routes, onParentComponent) => routes.map((route) => {
+  var _a, _b;
+  const node = { ...route };
+  if ((_a = node.children) == null ? void 0 : _a.length) {
+    node.children = buildGroupRoutes(node.children, onParentComponent);
   }
-  if (!o && c && !e.redirect) {
-    const n = e.children[0];
-    e.redirect = (s) => n.name ? { name: n.name } : { path: d(s.path, n.path) };
+  const hasComponent = !!(node.component || node.components);
+  const hasChildren = !!((_b = node.children) == null ? void 0 : _b.length);
+  if (hasChildren && hasComponent) {
+    const message = `[admin-core] withGroupRedirect: 路由 "${node.path}" 同时含 children 与 component/components——当前范式不建议父路由承接视图（组壳会被 KeepAlive 误缓存、且需内层 router-view）。建议父路由不配 component（叶子经 vue-router 原生渲染到 AppBody 出口）；如需与子路由共享父视图，请改用 teleport 方案。`;
+    if (onParentComponent === "error") {
+      throw new Error(message);
+    }
+    console.warn(message);
   }
-  return e;
-}), l = (t, r) => a(t, (r == null ? void 0 : r.onParentComponent) ?? "warn");
+  if (!hasComponent && hasChildren && !node.redirect) {
+    const first = node.children[0];
+    node.redirect = (to) => first.name ? { name: first.name } : { path: joinPath(to.path, first.path) };
+  }
+  return node;
+});
+const withGroupRedirect = (routes, options) => buildGroupRoutes(routes, (options == null ? void 0 : options.onParentComponent) ?? "warn");
 export {
-  l as withGroupRedirect
+  withGroupRedirect
 };

package/es/router/guard/index.mjs

@@ -1,31 +1,36 @@
-import { checkLogin as P } from "./login.mjs";
-import { checkPermission as c } from "./permission.mjs";
-const p = (s, r) => {
-  const { bridge: t, useRoutePermission: a } = r;
-  s.beforeEach(async (e, n, o) => {
-    const i = a();
-    if (!await P(e, i))
-      return o({
-        path: t.APP_ROUTER_PATHS_CONFIG.loginPath,
+import { checkLogin } from "./login.mjs";
+import { checkPermission } from "./permission.mjs";
+const createGuard = (router, options) => {
+  const { bridge, useRoutePermission } = options;
+  router.beforeEach(async (to, _from, next) => {
+    const store = useRoutePermission();
+    const loginPass = await checkLogin(to, store);
+    if (!loginPass) {
+      return next({
+        path: bridge.APP_ROUTER_PATHS_CONFIG.loginPath,
         query: {
-          from: encodeURIComponent(e.fullPath)
+          from: encodeURIComponent(to.fullPath)
         }
       });
-    if (!await c(e, i))
-      return o({
-        path: t.APP_ROUTER_PATHS_CONFIG.noPermissionPath,
+    }
+    const permissionPass = await checkPermission(to, store);
+    if (!permissionPass) {
+      return next({
+        path: bridge.APP_ROUTER_PATHS_CONFIG.noPermissionPath,
         query: {
-          target: encodeURIComponent(e.fullPath)
+          target: encodeURIComponent(to.fullPath)
         }
       });
-    o();
-  }), s.beforeResolve((e) => {
-    const n = e.meta;
-    document.title = n.title;
+    }
+    next();
+  });
+  router.beforeResolve((to) => {
+    const meta = to.meta;
+    document.title = meta.title;
   });
 };
 export {
-  P as checkLogin,
-  c as checkPermission,
-  p as createGuard
+  checkLogin,
+  checkPermission,
+  createGuard
 };

package/es/router/guard/login.mjs

@@ -1,4 +1,6 @@
-const o = async (e, c) => !c.checkNeedGoToLoginPage(e);
+const checkLogin = async (to, store) => {
+  return !store.checkNeedGoToLoginPage(to);
+};
 export {
-  o as checkLogin
+  checkLogin
 };

package/es/router/guard/permission.mjs

@@ -1,4 +1,6 @@
-const o = async (e, c) => !c.checkNeedGoToAuthPage(e);
+const checkPermission = async (to, store) => {
+  return !store.checkNeedGoToAuthPage(to);
+};
 export {
-  o as checkPermission
+  checkPermission
 };

package/es/store/app.mjs

@@ -1,166 +1,206 @@
-import { defineStore as Y } from "pinia";
-import { useRoute as k } from "vue-router";
-import { computed as o, ref as B } from "vue";
-function z(f) {
-  const { bridge: a } = f;
-  return Y("APP", () => {
-    const n = o(() => a.APP_LAYOUT_HEADER_CONFIG.height), i = o(() => a.APP_LAYOUT_FOOTER_CONFIG.height), E = o(() => a.APP_BASE_INFO.name), P = B(!1), $ = o(() => a.layout.sidebarCollapsed.value ? a.APP_LAYOUT_SIDEBAR_CONFIG.collapseWidth : a.APP_LAYOUT_SIDEBAR_CONFIG.width), F = k(), d = o(() => a.themeColors.value), O = o(() => F.meta), s = o(() => O.value.layout), S = o(() => O.value.keepAlive), v = o(
+import { defineStore } from "pinia";
+import { useRoute } from "vue-router";
+import { computed, ref } from "vue";
+function createAppStore(deps) {
+  const { bridge } = deps;
+  const storeSetup = () => {
+    const headerHeight = computed(() => bridge.APP_LAYOUT_HEADER_CONFIG.height);
+    const footerHeight = computed(() => bridge.APP_LAYOUT_FOOTER_CONFIG.height);
+    const name = computed(() => bridge.APP_BASE_INFO.name);
+    const sidebarHasMenus = ref(false);
+    const sidebarWidth = computed(() => {
+      return bridge.layout.sidebarCollapsed.value ? bridge.APP_LAYOUT_SIDEBAR_CONFIG.collapseWidth : bridge.APP_LAYOUT_SIDEBAR_CONFIG.width;
+    });
+    const route = useRoute();
+    const theme = computed(() => bridge.themeColors.value);
+    const routeMeta = computed(() => route.meta);
+    const pageLayout = computed(() => routeMeta.value.layout);
+    const keepAlive = computed(() => routeMeta.value.keepAlive);
+    const showHeader = computed(
       () => {
-        var e;
-        return ((e = s.value) == null ? void 0 : e.header) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showHeader;
+        var _a;
+        return ((_a = pageLayout.value) == null ? void 0 : _a.header) ?? bridge.APP_ROUTER_META_DEFAULT_CONFIG.showHeader;
       }
-    ), p = o(
+    );
+    const showFooter = computed(
       () => {
-        var e;
-        return ((e = s.value) == null ? void 0 : e.footer) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showFooter;
+        var _a;
+        return ((_a = pageLayout.value) == null ? void 0 : _a.footer) ?? bridge.APP_ROUTER_META_DEFAULT_CONFIG.showFooter;
       }
-    ), h = o(
-      () => v.value && n.value > 0
-    ), _ = o(
-      () => p.value && i.value > 0
-    ), r = o(
+    );
+    const hasHeader = computed(
+      () => showHeader.value && headerHeight.value > 0
+    );
+    const hasFooter = computed(
+      () => showFooter.value && footerHeight.value > 0
+    );
+    const showSidebar = computed(
       () => {
-        var e;
-        return (((e = s.value) == null ? void 0 : e.sidebar) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showSidebar) && P.value;
+        var _a;
+        return (((_a = pageLayout.value) == null ? void 0 : _a.sidebar) ?? bridge.APP_ROUTER_META_DEFAULT_CONFIG.showSidebar) && sidebarHasMenus.value;
       }
-    ), c = o(
+    );
+    const showAside = computed(
       () => {
-        var e;
-        return ((e = s.value) == null ? void 0 : e.aside) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showAside ?? !1;
+        var _a;
+        return ((_a = pageLayout.value) == null ? void 0 : _a.aside) ?? bridge.APP_ROUTER_META_DEFAULT_CONFIG.showAside ?? false;
       }
-    ), y = o(
+    );
+    const showBreadcrumb = computed(
       () => {
-        var e;
-        return ((e = s.value) == null ? void 0 : e.breadcrumb) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showBreadcrumb;
+        var _a;
+        return ((_a = pageLayout.value) == null ? void 0 : _a.breadcrumb) ?? bridge.APP_ROUTER_META_DEFAULT_CONFIG.showBreadcrumb;
       }
-    ), T = o(
+    );
+    const bodyShimPadding = computed(
       () => {
-        var e;
-        return ((e = s.value) == null ? void 0 : e.bodyShimPadding) ?? a.APP_LAYOUT_BODY_CONFIG.shimPadding;
+        var _a;
+        return ((_a = pageLayout.value) == null ? void 0 : _a.bodyShimPadding) ?? bridge.APP_LAYOUT_BODY_CONFIG.shimPadding;
       }
-    ), l = o(() => ({
-      top: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingTop}px`,
-      right: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingRight}px`,
-      bottom: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingBottom}px`,
-      left: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingLeft}px`
-    })), b = o(() => a.APP_LAYOUT_GAP_CONFIG.size), t = o(() => `${b.value}px`), g = o(() => {
-      const e = a.APP_LAYOUT_HEADER_CONFIG;
+    );
+    const viewportPadding = computed(() => ({
+      top: `${bridge.APP_LAYOUT_VIEWPORT_CONFIG.paddingTop}px`,
+      right: `${bridge.APP_LAYOUT_VIEWPORT_CONFIG.paddingRight}px`,
+      bottom: `${bridge.APP_LAYOUT_VIEWPORT_CONFIG.paddingBottom}px`,
+      left: `${bridge.APP_LAYOUT_VIEWPORT_CONFIG.paddingLeft}px`
+    }));
+    const gapV = computed(() => bridge.APP_LAYOUT_GAP_CONFIG.size);
+    const gpx = computed(() => `${gapV.value}px`);
+    const headerStyle = computed(() => {
+      const cfg = bridge.APP_LAYOUT_HEADER_CONFIG;
       return {
-        ...e.style,
+        ...cfg.style,
         position: "fixed",
         // 通栏悬浮：三外边各让外缝 gap（底边朝内容，由下方模块 top 让内缝）。
-        top: `calc(${l.value.top} + ${t.value})`,
-        left: `calc(${l.value.left} + ${t.value})`,
-        right: `calc(${l.value.right} + ${t.value})`,
-        height: `${v.value ? n.value : 0}px`,
-        background: e.background ?? d.value.bodyColor,
-        ...e.color ? { color: e.color } : {}
+        top: `calc(${viewportPadding.value.top} + ${gpx.value})`,
+        left: `calc(${viewportPadding.value.left} + ${gpx.value})`,
+        right: `calc(${viewportPadding.value.right} + ${gpx.value})`,
+        height: `${showHeader.value ? headerHeight.value : 0}px`,
+        background: cfg.background ?? theme.value.bodyColor,
+        ...cfg.color ? { color: cfg.color } : {}
       };
-    }), A = o(
-      () => h.value ? `calc(${l.value.top} + ${t.value} + ${g.value.height} + ${t.value})` : `calc(${l.value.top} + ${t.value})`
-    ), C = o(() => {
-      const e = a.APP_LAYOUT_FOOTER_CONFIG;
+    });
+    const contentRowTop = computed(
+      () => hasHeader.value ? `calc(${viewportPadding.value.top} + ${gpx.value} + ${headerStyle.value.height} + ${gpx.value})` : `calc(${viewportPadding.value.top} + ${gpx.value})`
+    );
+    const footerStyle = computed(() => {
+      const cfg = bridge.APP_LAYOUT_FOOTER_CONFIG;
       return {
-        ...e.style,
-        height: `${p.value ? i.value : 0}px`,
+        ...cfg.style,
+        height: `${showFooter.value ? footerHeight.value : 0}px`,
         // footer 在 body 流内：marginTop 与内容 shim 隔内缝；底边悬浮由 body paddingBottom 承担。
         // 用 hasFooter：footer 收起到 0 高时不留死内缝 gap（对称 hasHeader）。
-        marginTop: _.value ? t.value : "0px",
-        background: e.background ?? d.value.bodyColor,
-        ...e.color ? { color: e.color } : {}
+        marginTop: hasFooter.value ? gpx.value : "0px",
+        background: cfg.background ?? theme.value.bodyColor,
+        ...cfg.color ? { color: cfg.color } : {}
       };
-    }), m = o(() => {
-      const e = a.APP_LAYOUT_SIDEBAR_CONFIG;
+    });
+    const sidebarStyle = computed(() => {
+      const cfg = bridge.APP_LAYOUT_SIDEBAR_CONFIG;
       return {
-        ...e.style,
+        ...cfg.style,
         position: "fixed",
-        width: `${r.value ? $.value : 0}px`,
+        width: `${showSidebar.value ? sidebarWidth.value : 0}px`,
         // 悬浮：左/下各让外缝 gap；顶 = 内容行顶（外缝 + header 高 + 内缝）；paddingTop 归 0（让位已由 top 承担）。
-        top: A.value,
-        left: `calc(${l.value.left} + ${t.value})`,
-        bottom: `calc(${l.value.bottom} + ${t.value})`,
+        top: contentRowTop.value,
+        left: `calc(${viewportPadding.value.left} + ${gpx.value})`,
+        bottom: `calc(${viewportPadding.value.bottom} + ${gpx.value})`,
         paddingTop: "0px",
-        background: e.background ?? d.value.bodyColor,
-        ...e.color ? { color: e.color } : {}
+        background: cfg.background ?? theme.value.bodyColor,
+        ...cfg.color ? { color: cfg.color } : {}
       };
-    }), I = o(() => {
-      const e = a.APP_LAYOUT_ASIDE_CONFIG;
+    });
+    const asideStyle = computed(() => {
+      const cfg = bridge.APP_LAYOUT_ASIDE_CONFIG;
       return {
-        ...e.style,
+        ...cfg.style,
         position: "fixed",
         // 折叠双表达：外层宽收 0（收回空间）+ AppAside shim 绕 Y 轴翻转（视觉）。
         // showAside=false 整列收 0。
-        width: `${c.value && !a.layout.asideCollapsed.value ? e.width : 0}px`,
+        width: `${showAside.value && !bridge.layout.asideCollapsed.value ? cfg.width : 0}px`,
         // 对称 sidebar：右/下各让外缝 gap；顶 = 内容行顶。
-        top: A.value,
-        right: `calc(${l.value.right} + ${t.value})`,
-        bottom: `calc(${l.value.bottom} + ${t.value})`,
+        top: contentRowTop.value,
+        right: `calc(${viewportPadding.value.right} + ${gpx.value})`,
+        bottom: `calc(${viewportPadding.value.bottom} + ${gpx.value})`,
         paddingTop: "0px",
-        background: e.background ?? d.value.bodyColor,
-        ...e.color ? { color: e.color } : {}
+        background: cfg.background ?? theme.value.bodyColor,
+        ...cfg.color ? { color: cfg.color } : {}
       };
-    }), R = o(() => ({
-      // 内容左让位：外框左 + 外缝；有 sidebar 再加 sidebar 宽 + 内缝。
-      paddingLeft: r.value ? `calc(${l.value.left} + ${t.value} + ${m.value.width} + ${t.value})` : `calc(${l.value.left} + ${t.value})`,
-      // 顶让位 = 内容行顶（与 sidebar/aside 同行）。
-      paddingTop: A.value,
-      // 右让位（对称左）：外框右 + 外缝；有 aside 再加 aside 宽 + 内缝。
-      paddingRight: c.value ? `calc(${l.value.right} + ${t.value} + ${I.value.width} + ${t.value})` : `calc(${l.value.right} + ${t.value})`,
-      // 底让位：外框下 + 外缝（footer 在流内，其底悬浮由此承担）。
-      paddingBottom: `calc(${l.value.bottom} + ${t.value})`,
-      backgroundColor: d.value.bodyColor
-    })), L = o(() => {
-      const e = b.value, u = a.APP_LAYOUT_VIEWPORT_CONFIG, D = c.value && !a.layout.asideCollapsed.value ? a.APP_LAYOUT_ASIDE_CONFIG.width : 0;
+    });
+    const bodyStyle = computed(() => {
       return {
-        top: h.value ? u.paddingTop + e + n.value + e : u.paddingTop + e,
-        bottom: _.value ? u.paddingBottom + e + i.value + e : u.paddingBottom + e,
-        left: r.value ? u.paddingLeft + e + $.value + e : u.paddingLeft + e,
-        right: c.value ? u.paddingRight + e + D + e : u.paddingRight + e
+        // 内容左让位：外框左 + 外缝；有 sidebar 再加 sidebar 宽 + 内缝。
+        paddingLeft: showSidebar.value ? `calc(${viewportPadding.value.left} + ${gpx.value} + ${sidebarStyle.value.width} + ${gpx.value})` : `calc(${viewportPadding.value.left} + ${gpx.value})`,
+        // 顶让位 = 内容行顶（与 sidebar/aside 同行）。
+        paddingTop: contentRowTop.value,
+        // 右让位（对称左）：外框右 + 外缝；有 aside 再加 aside 宽 + 内缝。
+        paddingRight: showAside.value ? `calc(${viewportPadding.value.right} + ${gpx.value} + ${asideStyle.value.width} + ${gpx.value})` : `calc(${viewportPadding.value.right} + ${gpx.value})`,
+        // 底让位：外框下 + 外缝（footer 在流内，其底悬浮由此承担）。
+        paddingBottom: `calc(${viewportPadding.value.bottom} + ${gpx.value})`,
+        backgroundColor: theme.value.bodyColor
       };
-    }), U = o(() => {
-      const e = h.value ? ` - ${g.value.height} - ${t.value}` : "", u = _.value ? ` - ${C.value.height} - ${t.value}` : "";
+    });
+    const contentViewportInset = computed(() => {
+      const g = gapV.value;
+      const vpCfg = bridge.APP_LAYOUT_VIEWPORT_CONFIG;
+      const asideEffWidth = showAside.value && !bridge.layout.asideCollapsed.value ? bridge.APP_LAYOUT_ASIDE_CONFIG.width : 0;
       return {
-        minHeight: `calc(100vh - ${l.value.top} - ${l.value.bottom} - ${t.value} - ${t.value}${e}${u})`,
-        padding: `${T.value}px`
+        top: hasHeader.value ? vpCfg.paddingTop + g + headerHeight.value + g : vpCfg.paddingTop + g,
+        bottom: hasFooter.value ? vpCfg.paddingBottom + g + footerHeight.value + g : vpCfg.paddingBottom + g,
+        left: showSidebar.value ? vpCfg.paddingLeft + g + sidebarWidth.value + g : vpCfg.paddingLeft + g,
+        right: showAside.value ? vpCfg.paddingRight + g + asideEffWidth + g : vpCfg.paddingRight + g
       };
-    }), G = (e) => {
-      a.layout.setSidebarCollapse(e);
-    }, N = (e) => {
-      a.layout.setAsideCollapse(e);
-    }, w = (e) => {
-      P.value = e;
-    }, x = (e) => {
-      a.theme.setDark(e);
+    });
+    const bodyShimStyle = computed(() => {
+      const headerSub = hasHeader.value ? ` - ${headerStyle.value.height} - ${gpx.value}` : "";
+      const footerSub = hasFooter.value ? ` - ${footerStyle.value.height} - ${gpx.value}` : "";
+      return {
+        minHeight: `calc(100vh - ${viewportPadding.value.top} - ${viewportPadding.value.bottom} - ${gpx.value} - ${gpx.value}${headerSub}${footerSub})`,
+        padding: `${bodyShimPadding.value}px`
+      };
+    });
+    const changeSidebarCollapseStatus = (status) => {
+      bridge.layout.setSidebarCollapse(status);
+    };
+    const changeAsideCollapseStatus = (status) => {
+      bridge.layout.setAsideCollapse(status);
+    };
+    const changeSidebarHasMenusStatus = (status) => {
+      sidebarHasMenus.value = status;
+    };
+    const changeIsDarkTheme = (status) => {
+      bridge.theme.setDark(status);
     };
     return {
-      name: E,
-      isDarkTheme: o(() => a.themeIsDark.value),
-      theme: d,
-      showHeader: v,
-      showFooter: p,
-      showSidebar: r,
-      showAside: c,
-      showBreadcrumb: y,
-      keepAlive: S,
-      headerStyle: g,
-      footerStyle: C,
-      sidebarStyle: m,
-      asideStyle: I,
-      bodyStyle: R,
-      contentViewportInset: L,
-      bodyShimPadding: T,
-      bodyShimStyle: U,
-      viewportPadding: l,
+      name,
+      isDarkTheme: computed(() => bridge.themeIsDark.value),
+      theme,
+      showHeader,
+      showFooter,
+      showSidebar,
+      showAside,
+      showBreadcrumb,
+      keepAlive,
+      headerStyle,
+      footerStyle,
+      sidebarStyle,
+      asideStyle,
+      bodyStyle,
+      contentViewportInset,
+      bodyShimPadding,
+      bodyShimStyle,
+      viewportPadding,
       // 折叠态读 bridge 真相（架构反转，名字保留向后兼容）；aside 对称新增。
-      sidebarIsCollapse: o(() => a.layout.sidebarCollapsed.value),
-      asideIsCollapse: o(() => a.layout.asideCollapsed.value),
-      changeSidebarCollapseStatus: G,
-      changeAsideCollapseStatus: N,
-      changeSidebarHasMenusStatus: w,
-      changeIsDarkTheme: x
+      sidebarIsCollapse: computed(() => bridge.layout.sidebarCollapsed.value),
+      asideIsCollapse: computed(() => bridge.layout.asideCollapsed.value),
+      changeSidebarCollapseStatus,
+      changeAsideCollapseStatus,
+      changeSidebarHasMenusStatus,
+      changeIsDarkTheme
     };
-  });
+  };
+  return defineStore("APP", storeSetup);
 }
 export {
-  z as createAppStore
+  createAppStore
 };

package/es/store/router-permission.mjs

@@ -1,65 +1,94 @@
-import { defineStore as T } from "pinia";
-import { computed as a, watch as p } from "vue";
-import { useRoute as U, useRouter as C } from "vue-router";
-import { getRoutePermissionKey as N } from "../utils/router.mjs";
-function F(h) {
-  const { bridge: u, useUserStore: l, paths: o } = h;
-  return T("ROUTE_PERMISSION", () => {
-    const t = U(), i = C(), s = l(), c = a(() => s.isLogin), f = (e) => {
-      var r;
-      if (o.loginNoCheck.includes(e.path))
-        return !1;
-      const n = e.meta;
-      return !!N({
-        path: e.path,
-        permission: n.permission
-      }) || (((r = n.permission) == null ? void 0 : r.login) ?? u.APP_ROUTER_META_DEFAULT_CONFIG.needLogin);
-    }, m = (e) => f(e) && !c.value, P = a(() => m(t)), g = (e) => o.authNoCheck.includes(e.path) ? !1 : !s.havePermissionByPath(e.path), d = a(() => c.value && g(t)), R = (e = t, n = "replace") => {
-      s.noApiLogout();
-      const { fullPath: r, path: L } = e;
-      L !== o.login && t.path !== o.login && i[n]({
-        path: o.login,
+import { defineStore } from "pinia";
+import { computed, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { getRoutePermissionKey } from "../utils/router.mjs";
+function createRoutePermissionStore(deps) {
+  const { bridge, useUserStore, paths } = deps;
+  return defineStore("ROUTE_PERMISSION", () => {
+    const route = useRoute();
+    const router = useRouter();
+    const userStore = useUserStore();
+    const isLogin = computed(() => userStore.isLogin);
+    const checkRouteNeedLogin = (routeInfo) => {
+      var _a;
+      if (paths.loginNoCheck.includes(routeInfo.path)) {
+        return false;
+      }
+      const meta = routeInfo.meta;
+      return !!getRoutePermissionKey({
+        path: routeInfo.path,
+        permission: meta.permission
+      }) || (((_a = meta.permission) == null ? void 0 : _a.login) ?? bridge.APP_ROUTER_META_DEFAULT_CONFIG.needLogin);
+    };
+    const checkNeedGoToLoginPage = (routeInfo) => {
+      return checkRouteNeedLogin(routeInfo) && !isLogin.value;
+    };
+    const needGoToLoginPage = computed(() => {
+      return checkNeedGoToLoginPage(route);
+    });
+    const checkNeedGoToAuthPage = (routeInfo) => {
+      if (paths.authNoCheck.includes(routeInfo.path)) {
+        return false;
+      }
+      return !userStore.havePermissionByPath(routeInfo.path);
+    };
+    const needGoToAuthPage = computed(() => {
+      return isLogin.value && checkNeedGoToAuthPage(route);
+    });
+    const goToLoginPage = (fromRoute = route, type = "replace") => {
+      userStore.noApiLogout();
+      const { fullPath: fromFullPath, path: fromPath } = fromRoute;
+      const isFromLoginRoute = fromPath === paths.login;
+      if (isFromLoginRoute) return;
+      if (route.path === paths.login) return;
+      router[type]({
+        path: paths.login,
         query: {
-          from: encodeURIComponent(r)
+          from: encodeURIComponent(fromFullPath)
         }
       });
     };
-    return u.register({ goToLogin: R }), p(
-      P,
-      (e) => {
-        e && i.replace({
-          path: o.login,
-          query: {
-            from: encodeURIComponent(t.fullPath)
-          }
-        });
+    bridge.register({ goToLogin: goToLoginPage });
+    watch(
+      needGoToLoginPage,
+      (n) => {
+        if (n) {
+          router.replace({
+            path: paths.login,
+            query: {
+              from: encodeURIComponent(route.fullPath)
+            }
+          });
+        }
       },
       {
-        immediate: !0
+        immediate: true
       }
-    ), p(
-      d,
-      (e) => {
-        if (e) {
-          const n = t.meta;
-          i.replace({
-            path: o.noPermission,
+    );
+    watch(
+      needGoToAuthPage,
+      (n) => {
+        if (n) {
+          const meta = route.meta;
+          router.replace({
+            path: paths.noPermission,
             query: {
-              target: encodeURIComponent(t.fullPath),
-              title: encodeURIComponent(n.title || "")
+              target: encodeURIComponent(route.fullPath),
+              title: encodeURIComponent(meta.title || "")
             }
           });
         }
       },
       {
-        immediate: !0
+        immediate: true
       }
-    ), {
-      checkNeedGoToAuthPage: g,
-      checkNeedGoToLoginPage: m
+    );
+    return {
+      checkNeedGoToAuthPage,
+      checkNeedGoToLoginPage
     };
   });
 }
 export {
-  F as createRoutePermissionStore
+  createRoutePermissionStore
 };