@spacego/fe-components 0.0.5 → 0.0.7

package/lib/config/constants.js

@@ -4,7 +4,6 @@ const _ = "SPACEGO_ADMIN", E = () => {
   THEME: `__${_}_THEME_STORE__`
 };
 export {
-  _ as APP_KEY,
   E as NOOP,
   O as STORE_KEY
 };

package/lib/fe-layouts/auth-layout/index.js

@@ -1,27 +1,30 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useSelector as p } from "@spacego/zustand";
-import { useState as u, Suspense as g } from "react";
-import { FaCheck as v } from "react-icons/fa6";
-import { IoMoon as N } from "react-icons/io5";
-import { LuPalette as b } from "react-icons/lu";
-import { MdWbSunny as y } from "react-icons/md";
-import { Outlet as w } from "react-router-dom";
-import k from "../../assets/svg/login-view.svg.js";
-import T from "../../fe-loading/index.js";
+import { jsxs as t, jsx as e, Fragment as v } from "react/jsx-runtime";
+import { useSelector as N } from "@spacego/zustand";
+import { useState as b } from "react";
+import { FaCheck as y } from "react-icons/fa6";
+import { IoMoon as w } from "react-icons/io5";
+import { LuPalette as k } from "react-icons/lu";
+import { MdWbSunny as T } from "react-icons/md";
+import { Outlet as E } from "react-router-dom";
+import C from "../../assets/svg/login-view.svg.js";
 import "@ant-design/icons";
-import { applyThemeWithTransition as E } from "../../utils/theme.js";
+import { applyThemeWithTransition as L } from "../../utils/theme.js";
 import "../../store/modules/layout-config.store.js";
-import { useThemeStore as L } from "../../store/modules/theme.store.js";
-import { THEME_COLORS as C } from "../../config/theme.js";
-import "antd";
-import { useGlobal as M } from "../context/context.js";
+import { useThemeStore as M } from "../../store/modules/theme.store.js";
+import { THEME_COLORS as j } from "../../config/theme.js";
+import { useGlobal as O } from "../context/context.js";
+import "nprogress";
+/* empty css                                                                            */
 /* empty css           */
 import "../basics-layout/index.js";
-function K() {
-  const { appName: s, logo: n } = M(), { theme: o, themeColor: c, TOGGLE_THEME: m, SET_THEME_COLOR: f } = L(p(["theme", "themeColor", "TOGGLE_THEME", "SET_THEME_COLOR"])), [a, i] = u(!1), d = (r) => {
-    const l = r.currentTarget.getBoundingClientRect(), h = l.left + l.width / 2, x = l.top + l.height / 2;
-    E(o === "light" ? "dark" : "light", h, x).then(() => {
-      m();
+import "antd";
+import "@spacego/turbo-utils";
+/* empty css                          */
+function ee() {
+  const { appName: n, logo: c, description: m, descriptionDetail: f, copyright: a } = O(), { theme: s, themeColor: d, TOGGLE_THEME: h, SET_THEME_COLOR: x } = M(N(["theme", "themeColor", "TOGGLE_THEME", "SET_THEME_COLOR"])), [o, i] = b(!1), p = (r) => {
+    const l = r.currentTarget.getBoundingClientRect(), u = l.left + l.width / 2, g = l.top + l.height / 2;
+    L(s === "light" ? "dark" : "light", u, g).then(() => {
+      h();
     });
   };
   return /* @__PURE__ */ t("div", { className: "flex min-h-full flex-1 select-none overflow-x-hidden", children: [
@@ -35,21 +38,21 @@ function K() {
             {
               className: "flex overflow-hidden items-center gap-3 whitespace-nowrap origin-right",
               style: {
-                width: a ? "224px" : "0",
+                width: o ? "224px" : "0",
                 // 7个颜色(20px) + 6个gap(12px) = 140 + 72 = 212px
-                transform: `scaleX(${a ? 1 : 0})`,
-                opacity: a ? 1 : 0,
+                transform: `scaleX(${o ? 1 : 0})`,
+                opacity: o ? 1 : 0,
                 transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
               },
               onMouseEnter: () => i(!0),
               onMouseLeave: () => i(!1),
-              children: C.map((r) => /* @__PURE__ */ e(
+              children: j.map((r) => /* @__PURE__ */ e(
                 "div",
                 {
                   className: "w-5 h-5 rounded-full flex items-center justify-center cursor-pointer hover-scale-animation shrink-0",
                   style: { backgroundColor: r },
-                  onClick: () => f(r),
-                  children: c === r && /* @__PURE__ */ e(v, { className: "size-[10px] text-white" })
+                  onClick: () => x(r),
+                  children: d === r && /* @__PURE__ */ e(y, { className: "size-[10px] text-white" })
                 },
                 r
               ))
@@ -62,35 +65,35 @@ function K() {
                 className: "w-8 h-8 flex items-center justify-center cursor-pointer hover-scale-animation",
                 onMouseEnter: () => i(!0),
                 onMouseLeave: () => i(!1),
-                children: /* @__PURE__ */ e(b, { className: "h-[16px] w-[16px] text-(--color-primary)" })
+                children: /* @__PURE__ */ e(k, { className: "h-[16px] w-[16px] text-(--color-primary)" })
               }
             ),
-            /* @__PURE__ */ e("div", { className: "w-8 h-8 flex items-center justify-center cursor-pointer hover-scale-animation", onClick: d, children: o === "dark" ? /* @__PURE__ */ e(y, { className: "h-[18px] w-[18px]" }) : /* @__PURE__ */ e(N, { className: "h-[18px] w-[18px]" }) })
+            /* @__PURE__ */ e("div", { className: "w-8 h-8 flex items-center justify-center cursor-pointer hover-scale-animation", onClick: p, children: s === "dark" ? /* @__PURE__ */ e(T, { className: "h-[18px] w-[18px]" }) : /* @__PURE__ */ e(w, { className: "h-[18px] w-[18px]" }) })
           ] })
         ]
       }
     ),
     /* @__PURE__ */ e("div", { className: "absolute left-0 top-0 z-10 flex flex-1", children: /* @__PURE__ */ e("div", { className: "text-foreground lg:text-foreground ml-4 mt-4 flex flex-1 items-center sm:left-6 sm:top-6", children: /* @__PURE__ */ t("div", { className: "m-0 text-xl font-medium flex items-center gap-2 text-[#333] dark:text-[#f2f2f2]", children: [
-      n,
-      s
+      c,
+      n
     ] }) }) }),
     /* @__PURE__ */ e("div", { className: "relative hidden w-0 flex-1 lg:block", children: /* @__PURE__ */ t("div", { className: "bg-background-deep absolute inset-0 h-full w-full dark:bg-[#070709]!", children: [
       /* @__PURE__ */ e("div", { className: "login-background absolute left-0 top-0 size-full" }),
       /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center mr-20 h-full -enter-x", children: [
-        /* @__PURE__ */ e(k, { className: "animate-float h-64 w-2/5" }),
-        /* @__PURE__ */ e("div", { className: "text-1xl mt-6 font-sans lg:text-2xl text-[#333] dark:text-[#f2f2f2]", children: "企业级的大型中后台管理系统" }),
-        /* @__PURE__ */ e("div", { className: "mt-2 text-[#323639] dark:text-[#a1a1aa]", children: "高效、安全、易用的管理系统" })
+        /* @__PURE__ */ e(C, { className: "animate-float h-64 w-2/5" }),
+        /* @__PURE__ */ e("div", { className: "text-1xl mt-6 font-sans lg:text-2xl text-[#333] dark:text-[#f2f2f2]", children: m }),
+        /* @__PURE__ */ e("div", { className: "mt-2 text-[#323639] dark:text-[#a1a1aa]", children: f })
       ] })
     ] }) }),
     /* @__PURE__ */ t("div", { className: "login-side flex flex-col items-center justify-center relative px-6 py-10 lg:flex-initial lg:px-8 min-h-full w-2/5 flex-1 dark:bg-[#14161a]", children: [
-      /* @__PURE__ */ e(g, { fallback: /* @__PURE__ */ e(T, {}), children: /* @__PURE__ */ e(w, {}) }),
-      /* @__PURE__ */ e("div", { className: "text-[#71717a] absolute bottom-3 flex text-center text-xs", children: /* @__PURE__ */ t("div", { className: "text-md flex justify-center mt-4", children: [
+      /* @__PURE__ */ e(E, {}),
+      /* @__PURE__ */ e("div", { className: "text-[#71717a] absolute bottom-3 flex text-center text-xs", children: /* @__PURE__ */ e("div", { className: "text-md flex justify-center mt-4", children: a || /* @__PURE__ */ t(v, { children: [
         "Copyright © 2024 ",
         /* @__PURE__ */ e("a", { href: "https://dshuais.netlify.app/", className: "text-(--color-primary)! hover:text-(--hover-primary-color)! mx-1", target: "_blank", children: "DuShuai" })
-      ] }) })
+      ] }) }) })
     ] })
   ] });
 }
 export {
-  K as default
+  ee as default
 };

package/lib/fe-layouts/basics-layout/components/basics-layout/header.js

@@ -78,7 +78,7 @@ function $(i) {
             children: a === "light" ? /* @__PURE__ */ e(A, { className: "text-lg" }) : /* @__PURE__ */ e(I, { className: "text-lg" })
           }
         ),
-        p && /* @__PURE__ */ e("div", { className: "cursor-pointer w-8 h-8 text-(--icon-text-color) hover:text-primary transition-colors p-2 rounded-full hover:bg-(--hover-background-color) hover-scale-animation", children: /* @__PURE__ */ e(
+        p && /* @__PURE__ */ e(
           B,
           {
             placement: "bottom",
@@ -88,9 +88,9 @@ function $(i) {
               container: "p-0!"
             },
             content: g,
-            children: /* @__PURE__ */ e(C, { dot: !0, color: "var(--color-primary)", children: /* @__PURE__ */ e(D, {}) })
+            children: /* @__PURE__ */ e("div", { className: "cursor-pointer w-8 h-8 text-(--icon-text-color) hover:text-primary transition-colors p-2 rounded-full hover:bg-(--hover-background-color) hover-scale-animation", children: /* @__PURE__ */ e(C, { dot: !0, color: "var(--color-primary)", children: /* @__PURE__ */ e(D, {}) }) })
           }
-        ) }),
+        ),
         /* @__PURE__ */ e(M, { menu: { items: N }, placement: "bottomRight", arrow: !0, children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2 cursor-pointer hover:bg-(--hover-background-color) px-2 py-1 rounded-full transition-all border border-transparent", children: [
           /* @__PURE__ */ e(
             j,

package/lib/fe-layouts/basics-layout/components/basics-layout/sidebar.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { Layout as y, Menu as x } from "antd";
 import { useState as g, useEffect as v, useMemo as k } from "react";
 import { MdOutlineKeyboardDoubleArrowRight as K, MdOutlineKeyboardDoubleArrowLeft as w } from "react-icons/md";
@@ -6,22 +6,22 @@ import { renderIcon as M } from "../../../../utils/icon.js";
 import "../../../../store/modules/layout-config.store.js";
 import "../../../../store/modules/theme.store.js";
 const { Sider: N } = y;
-function D(a) {
+function D(s) {
   const {
     collapsed: l,
     menus: n = [],
-    activeKey: s,
+    activeKey: d,
     openKeys: o = [],
-    onMenuClick: d,
-    onCollapse: c,
-    beforeRender: f,
-    afterRender: m
-  } = a, [u, i] = g(o);
+    onMenuClick: c,
+    onCollapse: f,
+    beforeRender: m,
+    afterRender: u
+  } = s, [b, i] = g(o);
   v(() => {
     o.length > 0 && i(o);
   }, [o]);
-  const b = k(() => {
-    const t = (h) => h.map((r) => ({
+  const h = k(() => {
+    const t = (p) => p.map((r) => ({
       key: r.key,
       label: r.label,
       icon: M(r.icon),
@@ -38,30 +38,32 @@ function D(a) {
       width: 224,
       className: "layout-sidebar border-r border-(--border-color) bg-(--global-background-color)! h-full relative",
       theme: "light",
-      children: /* @__PURE__ */ p("div", { className: "h-full flex flex-col", children: [
-        f,
+      children: /* @__PURE__ */ a("div", { className: "h-full flex flex-col", children: [
+        m,
         /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto overflow-x-hidden py-2 custom-scrollbar", children: /* @__PURE__ */ e(
           x,
           {
             mode: "inline",
-            selectedKeys: [s],
-            openKeys: u,
+            selectedKeys: [d],
+            openKeys: b,
             onOpenChange: i,
-            items: b,
-            onClick: ({ key: t }) => d(t),
+            items: h,
+            onClick: ({ key: t }) => c(t),
             className: "sidebar-menu border-none",
             inlineIndent: 16
           }
         ) }),
-        m,
-        /* @__PURE__ */ e("div", { className: "flex items-center justify-start pl-4 mb-2", children: /* @__PURE__ */ e(
-          "div",
-          {
-            onClick: () => c(!l),
-            className: "text-gray-500 dark:text-[#a1a1a2] text-xl hover:text-[#323639] dark:hover:text-[#f0f0f0] hover:bg-[#dfe3e4] dark:hover:bg-[#333538] transition-all duration-300 w-7 h-7 rounded-sm bg-[#f4f4f5] dark:bg-[#292a2d] cursor-pointer flex items-center justify-center",
-            children: l ? /* @__PURE__ */ e(K, {}) : /* @__PURE__ */ e(w, {})
-          }
-        ) })
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between pl-4 mb-2", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              onClick: () => f(!l),
+              className: "text-gray-500 dark:text-[#a1a1a2] text-xl hover:text-[#323639] dark:hover:text-[#f0f0f0] hover:bg-[#dfe3e4] dark:hover:bg-[#333538] transition-all duration-300 w-7 h-7 rounded-sm bg-[#f4f4f5] dark:bg-[#292a2d] cursor-pointer flex items-center justify-center",
+              children: l ? /* @__PURE__ */ e(K, {}) : /* @__PURE__ */ e(w, {})
+            }
+          ),
+          u
+        ] })
       ] })
     }
   );

package/lib/fe-layouts/basics-layout/index.js

@@ -1,63 +1,65 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
 import { useSelector as y } from "@spacego/zustand";
 import { Layout as g, Spin as Z } from "antd";
-import { useMemo as d, useEffect as $, Suspense as ee } from "react";
-import { useLocation as te, useNavigate as oe, Outlet as ne } from "react-router-dom";
-import re from "../../fe-loading/index.js";
-import { useAuth as ae } from "../../hooks/use-auth.hook.js";
-import { useLayoutConfigStore as se } from "../../store/modules/layout-config.store.js";
-import { useThemeStore as ie } from "../../store/modules/theme.store.js";
-import { useGlobal as le } from "../context/context.js";
-import ce from "./components/basics-layout/header.js";
-import fe from "./components/basics-layout/sidebar.js";
+import { useMemo as d, useEffect as $ } from "react";
+import { useLocation as ee, useNavigate as te, Outlet as oe } from "react-router-dom";
+import { useAuth as ne } from "../../hooks/use-auth.hook.js";
+import { useNProgress as re } from "../../hooks/use-nprogress.hook.js";
+import { useLayoutConfigStore as ae } from "../../store/modules/layout-config.store.js";
+import { useThemeStore as se } from "../../store/modules/theme.store.js";
+import { useGlobal as ie } from "../context/context.js";
+import le from "./components/basics-layout/header.js";
+import ce from "./components/basics-layout/sidebar.js";
 import ue from "./components/basics-layout/tabs.js";
-import { findRouteByPath as b, findMenuParentKeys as de, buildRouteMap as me, findParentRoutes as he, findMenuByKey as pe } from "./components/utils/index.js";
+import { findRouteByPath as b, findMenuParentKeys as fe, buildRouteMap as de, findParentRoutes as me, findMenuByKey as he } from "./components/utils/index.js";
 /* empty css                            */
 /* empty css           */
-const { Content: be } = g;
+const { Content: pe } = g;
 function Ne() {
-  const r = te(), m = oe(), { logout: R } = ae(), {
+  const r = ee(), m = te(), { logout: R } = ne();
+  re();
+  const {
     token: T,
-    menus: s = [],
+    menus: a = [],
     routes: o = [],
-    appName: L,
-    logo: _,
+    appName: _,
+    logo: L,
     headerActionsRender: v,
     breadcrumbBeforeRender: M,
-    searchRender: S,
-    noticeRender: x,
-    isNotice: B,
-    userInfo: k,
-    userMenuItems: K,
-    sidebarBefore: N,
+    searchRender: x,
+    noticeRender: B,
+    isNotice: S,
+    userInfo: K,
+    userMenuItems: N,
+    sidebarBefore: k,
     sidebarAfter: D,
     tabsBefore: I,
     tabsAfter: w
-  } = le(), { tabsAttribute: O, sidebarCollapsed: G, loadingConfig: P, ADD_TAB: V, REMOVE_TAB: j, SET_ACTIVE_TAB_KEY: E, SET_SIDEBAR_COLLAPSED: H } = se(y(["tabsAttribute", "sidebarCollapsed", "loadingConfig", "ADD_TAB", "REMOVE_TAB", "SET_ACTIVE_TAB_KEY", "SET_SIDEBAR_COLLAPSED"])), { tabsList: h, tabsActiveKey: i } = O, { theme: Y, TOGGLE_THEME: z } = ie(y(["theme", "TOGGLE_THEME"])), l = d(() => {
+  } = ie(), { tabsAttribute: O, sidebarCollapsed: G, loadingConfig: P, ADD_TAB: V, REMOVE_TAB: j, SET_ACTIVE_TAB_KEY: E, SET_SIDEBAR_COLLAPSED: H } = ae(y(["tabsAttribute", "sidebarCollapsed", "loadingConfig", "ADD_TAB", "REMOVE_TAB", "SET_ACTIVE_TAB_KEY", "SET_SIDEBAR_COLLAPSED"])), { tabsList: h, tabsActiveKey: i } = O, { theme: Y, TOGGLE_THEME: z } = se(y(["theme", "TOGGLE_THEME"])), l = d(() => {
     var t;
     if (!o || o.length === 0)
       return i;
     const e = b(r.pathname, o);
     return e && (((t = e.handle) == null ? void 0 : t.activeRouteMenuId) || e.id) || i;
-  }, [r.pathname, o, i]), F = d(() => {
+  }, [r.pathname, o, i]), q = d(() => {
     const e = [];
-    if (!s || s.length === 0 || !l)
+    if (!a || a.length === 0 || !l)
       return e;
-    const t = de(l, s);
+    const t = fe(l, a);
     return t && e.push(...t), e;
-  }, [l, s]), q = d(() => {
+  }, [l, a]), F = d(() => {
     const e = [];
     if (!o || o.length === 0)
       return r.pathname === "/" && e.push({ title: "首页" }), e;
-    const t = o, n = me(t), c = b(r.pathname, t);
-    return c ? he(c, n).forEach((f) => {
+    const t = o, n = de(t), c = b(r.pathname, t);
+    return c ? me(c, n).forEach((u) => {
       var C;
-      const A = ((C = f.handle) == null ? void 0 : C.title) || f.id || "";
+      const A = ((C = u.handle) == null ? void 0 : C.title) || u.id || "";
       A && e.push({ title: A });
     }) : r.pathname === "/" && e.push({ title: "首页" }), e;
   }, [r.pathname, o]), J = (e) => {
     var n;
-    const t = pe(e, s);
+    const t = he(e, a);
     m(((n = t == null ? void 0 : t.routeNode) == null ? void 0 : n.path) ?? "/");
   }, Q = (e) => {
     E(e);
@@ -71,7 +73,7 @@ function Ne() {
     const e = p == null ? void 0 : p(r.pathname);
     if (e && e.id && !["root", "blank", "auth"].includes(e.id)) {
       const n = e.id, c = ((t = e.handle) == null ? void 0 : t.title) || e.id;
-      h.find((f) => f.key === n) ? E(n) : V({
+      h.find((u) => u.key === n) ? E(n) : V({
         key: n,
         label: c,
         path: r.pathname
@@ -80,41 +82,41 @@ function Ne() {
   };
   return $(() => {
     T && W();
-  }, [r.pathname, T]), /* @__PURE__ */ u(g, { className: "basics-layout w-full h-screen overflow-hidden flex flex-col", children: [
-    /* @__PURE__ */ a(
-      ce,
+  }, [r.pathname, T]), /* @__PURE__ */ f(g, { className: "basics-layout w-full h-screen overflow-hidden flex flex-col", children: [
+    /* @__PURE__ */ s(
+      le,
       {
-        breadcrumbItems: q,
-        appName: L,
-        logo: _,
+        breadcrumbItems: F,
+        appName: _,
+        logo: L,
         headerActionsRender: v,
         breadcrumbBeforeRender: M,
-        searchRender: S,
-        noticeRender: x,
-        isNotice: B,
-        userInfo: k,
-        userMenuItems: K,
+        searchRender: x,
+        noticeRender: B,
+        isNotice: S,
+        userInfo: K,
+        userMenuItems: N,
         theme: Y,
         onToggleTheme: z,
         onLogout: R
       }
     ),
-    /* @__PURE__ */ u(g, { className: "flex-1 overflow-hidden", children: [
-      /* @__PURE__ */ a(
-        fe,
+    /* @__PURE__ */ f(g, { className: "flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ s(
+        ce,
         {
           collapsed: G,
           onCollapse: H,
-          menus: s,
+          menus: a,
           activeKey: l,
-          openKeys: F,
+          openKeys: q,
           onMenuClick: J,
-          beforeRender: N,
+          beforeRender: k,
           afterRender: D
         }
       ),
-      /* @__PURE__ */ u(be, { className: "flex flex-col flex-1 overflow-hidden bg-[#eff1f4] dark:bg-[#141619]", children: [
-        /* @__PURE__ */ a(
+      /* @__PURE__ */ f(pe, { className: "flex flex-col flex-1 overflow-hidden bg-[#eff1f4] dark:bg-[#141619]", children: [
+        /* @__PURE__ */ s(
           ue,
           {
             tabs: h,
@@ -125,9 +127,9 @@ function Ne() {
             afterRender: w
           }
         ),
-        /* @__PURE__ */ u("div", { className: "flex-1 overflow-auto p-3 custom-scrollbar relative", children: [
-          /* @__PURE__ */ a(ee, { fallback: /* @__PURE__ */ a(re, {}), children: /* @__PURE__ */ a(ne, {}) }),
-          P.show && /* @__PURE__ */ a("div", { className: "absolute inset-0 z-9999 flex items-center justify-center bg-white/80 dark:bg-[#1a1c1f]/80", children: /* @__PURE__ */ a(Z, { spinning: !0 }) })
+        /* @__PURE__ */ f("div", { className: "flex-1 overflow-auto p-3 custom-scrollbar relative", children: [
+          /* @__PURE__ */ s(oe, {}),
+          P.show && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-9999 flex items-center justify-center bg-white/80 dark:bg-[#1a1c1f]/80", children: /* @__PURE__ */ s(Z, { spinning: !0 }) })
         ] })
       ] })
     ] })

package/lib/fe-layouts/context/global-context.provider.js

@@ -1,55 +1,50 @@
-import { jsx as E } from "react/jsx-runtime";
+import { jsx as H } from "react/jsx-runtime";
 import { useState as t } from "react";
-import { GlobalContext as F } from "./context.js";
-function Q(e) {
-  const [n, s] = t(e.appName), [r, o] = t(e.logo), [c, i] = t(e.noticeRender), [a, d] = t(e.description), [f, u] = t(e.descriptionDetail), [b, m] = t(e.copyright), [l, R] = t(e.userMenuItems), [h, A] = t(e.userInfo), [B, I] = t(e.sidebarBefore), [N, g] = t(e.sidebarAfter), [D, x] = t(e.tabsBefore), [M, S] = t(e.tabsAfter), [k, v] = t(e.headerActionsRender), [y, C] = t(e.searchRender), [T, G] = t(e.breadcrumbBeforeRender), [P, U] = t(e.token), [j, H] = t(e.menus), [L, q] = t(e.routes), [w, z] = t(e.isNotice ?? !0);
-  return /* @__PURE__ */ E(
-    F.Provider,
+import { GlobalContext as L } from "./context.js";
+function z(e) {
+  const [r, n] = t(e.appName), [s, o] = t(e.logo), [i, c] = t(e.noticeRender), [a, d] = t(e.description), [f, b] = t(e.descriptionDetail), [u, m] = t(e.copyright), [l, R] = t(e.userMenuItems), [h, A] = t(e.userInfo), [B, I] = t(e.sidebarBefore), [N, g] = t(e.sidebarAfter), [D, x] = t(e.tabsBefore), [S, v] = t(e.tabsAfter), [y, C] = t(e.headerActionsRender), [M, G] = t(e.searchRender), [P, T] = t(e.breadcrumbBeforeRender), [U, j] = t(e.isNotice ?? !0);
+  return /* @__PURE__ */ H(
+    L.Provider,
     {
       value: {
-        appName: n,
-        logo: r,
-        noticeRender: c,
+        ...e,
+        appName: r,
+        logo: s,
+        noticeRender: i,
         description: a,
         descriptionDetail: f,
-        copyright: b,
+        copyright: u,
         userMenuItems: l,
         userInfo: h,
         sidebarBefore: B,
         sidebarAfter: N,
         tabsBefore: D,
-        tabsAfter: M,
-        headerActionsRender: k,
-        searchRender: y,
-        breadcrumbBeforeRender: T,
-        token: P,
-        menus: j,
-        routes: L,
-        isNotice: w,
-        setAppName: s,
+        tabsAfter: S,
+        headerActionsRender: y,
+        searchRender: M,
+        breadcrumbBeforeRender: P,
+        isNotice: U,
+        setAppName: n,
         setLogo: o,
-        setNoticeRender: i,
+        setNoticeRender: c,
         setDescription: d,
-        setDescriptionDetail: u,
+        setDescriptionDetail: b,
         setCopyright: m,
         setUserMenuItems: R,
         setUserInfo: A,
         setSidebarBefore: I,
         setSidebarAfter: g,
         setTabsBefore: x,
-        setTabsAfter: S,
-        setHeaderActionsRender: v,
-        setSearchRender: C,
-        setBreadcrumbBeforeRender: G,
-        setToken: U,
-        setMenus: H,
-        setRoutes: q,
-        setIsNotice: z
+        setTabsAfter: v,
+        setHeaderActionsRender: C,
+        setSearchRender: G,
+        setBreadcrumbBeforeRender: T,
+        setIsNotice: j
       },
       children: e.children
     }
   );
 }
 export {
-  Q as default
+  z as default
 };

package/lib/fe-layouts/layout.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useSelector as n } from "@spacego/zustand";
-import { theme as i, ConfigProvider as c, Spin as u } from "antd";
+import { useSelector as i } from "@spacego/zustand";
+import { theme as n, ConfigProvider as c, Spin as u } from "antd";
 import { useMemo as g } from "react";
 import "@ant-design/icons";
 import { getRealTheme as d } from "../utils/theme.js";
@@ -10,20 +10,22 @@ import p from "../config/theme.js";
 import "react-router-dom";
 import "./context/context.js";
 import k from "./context/global-context.provider.js";
+import "nprogress";
+/* empty css                                                                         */
 import L from "./auth-layout/index.js";
 import M from "./basics-layout/index.js";
 import T from "./blank-layout/index.js";
 import "@spacego/turbo-utils";
 /* empty css                       */
-function E(a) {
-  const { layoutType: e, ...s } = a, { loadingConfig: l } = C(n(["loadingConfig"])), { theme: t, themeColor: r } = y(n(["theme", "themeColor"])), f = g(() => {
-    const h = d(t);
+function I(a) {
+  const { layoutType: t, ...s } = a, { loadingConfig: l } = C(i(["loadingConfig"])), { theme: e, themeColor: r } = y(i(["theme", "themeColor"])), f = g(() => {
+    const h = d(e);
     return {
       cssVar: {
         prefix: "ant"
       },
       // 启用 CSS 变量模式，生成 --ant-color-primary 等变量
-      algorithm: h === "dark" ? i.darkAlgorithm : i.defaultAlgorithm,
+      algorithm: h === "dark" ? n.darkAlgorithm : n.defaultAlgorithm,
       token: {
         colorPrimary: r,
         ...p.token
@@ -32,20 +34,20 @@ function E(a) {
         ...p.components
       }
     };
-  }, [t, r]), m = (/* @__PURE__ */ new Map([
+  }, [e, r]), m = (/* @__PURE__ */ new Map([
     ["blank", T],
     ["basic", M],
     ["auth", L]
-  ])).get(e);
+  ])).get(t);
   return /* @__PURE__ */ o(c, { theme: f, children: /* @__PURE__ */ o(k, { ...s, children: /* @__PURE__ */ o(
     u,
     {
-      spinning: l.show && e !== "basic",
+      spinning: l.show && t !== "basic",
       wrapperClassName: "spin-wrapper-full",
-      children: m && /* @__PURE__ */ o(m, {}, e)
+      children: m && /* @__PURE__ */ o(m, {}, t)
     }
   ) }) });
 }
 export {
-  E as default
+  I as default
 };

package/lib/hooks/use-auth.hook.js

@@ -1,23 +1,23 @@
-import { useSubmit as i, useFetcher as n, useSearchParams as c } from "react-router-dom";
+import { useSubmit as i, useFetcher as c, useSearchParams as n } from "react-router-dom";
 import { useLayoutConfigStore as a } from "../store/modules/layout-config.store.js";
 import "../store/modules/theme.store.js";
 import { useGlobal as l } from "../fe-layouts/context/context.js";
 import "react/jsx-runtime";
 import "react";
-function P() {
-  const t = i(), o = n(), [e] = c(), { setToken: r } = l();
+function E() {
+  const o = i(), e = c(), [r] = n(), { setToken: t } = l();
   return {
     login: (s, u) => {
-      const m = u || e.get("from") || "/";
-      t({ token: s, redirectTo: m }, { method: "post", replace: !0 });
+      const m = u || r.get("from") || "/";
+      o({ token: s, redirectTo: m }, { method: "post", replace: !0 });
     },
     logout: () => {
-      r(void 0), o.submit(null, { action: "/logout", method: "post" }), setTimeout(() => {
+      t == null || t(void 0), e.submit(null, { action: "/logout", method: "post" }), setTimeout(() => {
         a.getState().RESET();
       }, 300);
     }
   };
 }
 export {
-  P as useAuth
+  E as useAuth
 };

package/lib/hooks/use-nprogress.hook.js

@@ -0,0 +1,15 @@
+import t from "nprogress";
+import { useEffect as e } from "react";
+import { useLocation as n, useNavigation as r } from "react-router-dom";
+/* empty css                                                                         */
+function u() {
+  const s = n(), o = r();
+  t.configure({ showSpinner: !1 }), e(() => (t.done(), () => {
+    t.start();
+  }), [s.pathname]), e(() => {
+    o.state === "loading" || o.state === "submitting" ? t.start() : t.done();
+  }, [o.state]);
+}
+export {
+  u as useNProgress
+};