@mxmweb/zui-layouts 1.3.13 → 1.3.15

package/index.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as b, Fragment as ye } from "react/jsx-runtime";
+import { jsx as n, jsxs as b, Fragment as ye } from "react/jsx-runtime";
 import * as T from "react";
 import k, { forwardRef as Ce, createElement as se } from "react";
 import l from "styled-components";
@@ -50,7 +50,7 @@ new Promise(() => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Be = (...e) => e.filter((t, n, d) => !!t && t.trim() !== "" && d.indexOf(t) === n).join(" ").trim();
+const Ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Be = (...e) => e.filter((t, o, d) => !!t && t.trim() !== "" && d.indexOf(t) === o).join(" ").trim();
 /**
  * @license lucide-react v0.456.0 - ISC
  *
@@ -78,7 +78,7 @@ const _e = Ce(
   ({
     color: e = "currentColor",
     size: t = 24,
-    strokeWidth: n = 2,
+    strokeWidth: o = 2,
     absoluteStrokeWidth: d,
     className: i = "",
     children: p,
@@ -92,7 +92,7 @@ const _e = Ce(
       width: t,
       height: t,
       stroke: e,
-      strokeWidth: d ? Number(n) * 24 / Number(t) : n,
+      strokeWidth: d ? Number(o) * 24 / Number(t) : o,
       className: Be("lucide", i),
       ...B
     },
@@ -109,7 +109,7 @@ const _e = Ce(
  * See the LICENSE file in the root directory of this source tree.
  */
 const De = (e, t) => {
-  const n = Ce(
+  const o = Ce(
     ({ className: d, ...i }, p) => se(_e, {
       ref: p,
       iconNode: t,
@@ -117,7 +117,7 @@ const De = (e, t) => {
       ...i
     })
   );
-  return n.displayName = `${e}`, n;
+  return o.displayName = `${e}`, o;
 };
 /**
  * @license lucide-react v0.456.0 - ISC
@@ -149,16 +149,16 @@ const ee = De("ChevronRight", [
   max-width: 100%;
   position: relative;
   background: ${({ theme: e }) => {
-  var t, n;
-  return ((t = e.colors) == null ? void 0 : t.dashboardBackground) ?? ((n = e.colors) == null ? void 0 : n.appBackground) ?? "transparent";
+  var t, o;
+  return ((t = e.colors) == null ? void 0 : t.dashboardBackground) ?? ((o = e.colors) == null ? void 0 : o.appBackground) ?? "transparent";
 }};
   color: ${({ theme: e }) => {
   var t;
   return ((t = e.colors) == null ? void 0 : t.text) || "#1D2129";
 }};
   font-family: ${({ theme: e }) => {
-  var t, n;
-  return ((n = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : n.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif";
+  var t, o;
+  return ((o = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : o.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif";
 }};
 `, Ye = l.div.attrs({
   className: "dashboard-container-header"
@@ -215,16 +215,16 @@ const ee = De("ChevronRight", [
   &:hover svg {
     transform: translateY(-1px);
     color: ${({ theme: e }) => {
-  var t, n;
-  return ((t = e.colors) == null ? void 0 : t.primaryHover) || ((n = e.colors) == null ? void 0 : n.primary) || "#6D86F5";
+  var t, o;
+  return ((t = e.colors) == null ? void 0 : t.primaryHover) || ((o = e.colors) == null ? void 0 : o.primary) || "#6D86F5";
 }};
   }
 
   &:active svg {
     transform: translateY(0);
     color: ${({ theme: e }) => {
-  var t, n;
-  return ((t = e.colors) == null ? void 0 : t.primaryActive) || ((n = e.colors) == null ? void 0 : n.primary) || "#2D4BE0";
+  var t, o;
+  return ((t = e.colors) == null ? void 0 : t.primaryActive) || ((o = e.colors) == null ? void 0 : o.primary) || "#2D4BE0";
 }};
   }
 `, Ze = l.div.attrs({
@@ -246,12 +246,12 @@ const ee = De("ChevronRight", [
   return ((t = e.colors) == null ? void 0 : t.text) || "#1D2129";
 }};
   font-size: ${({ theme: e }) => {
-  var t, n;
-  return ((n = (t = e.fonts) == null ? void 0 : t.heading) == null ? void 0 : n.size) || "16px";
+  var t, o;
+  return ((o = (t = e.fonts) == null ? void 0 : t.heading) == null ? void 0 : o.size) || "16px";
 }};
   font-weight: ${({ theme: e }) => {
-  var t, n;
-  return ((n = (t = e.fonts) == null ? void 0 : t.heading) == null ? void 0 : n.weight) || "600";
+  var t, o;
+  return ((o = (t = e.fonts) == null ? void 0 : t.heading) == null ? void 0 : o.weight) || "600";
 }};
 
   &:hover {
@@ -273,13 +273,13 @@ const ee = De("ChevronRight", [
   flex: 1;
   min-width: 0;
   color: ${({ theme: e }) => {
-  var t, n;
-  return ((t = e.colors) == null ? void 0 : t.textSecondary) || ((n = e.colors) == null ? void 0 : n.disabledText) || "#4E5969";
+  var t, o;
+  return ((t = e.colors) == null ? void 0 : t.textSecondary) || ((o = e.colors) == null ? void 0 : o.disabledText) || "#4E5969";
 }};
   opacity: 0.7;
   font-size: ${({ theme: e }) => {
-  var t, n;
-  return ((n = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : n.size) || "12px";
+  var t, o;
+  return ((o = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : o.size) || "12px";
 }};
 `, ke = l.div.attrs({
   className: "dashboard-container-breadcrumb"
@@ -298,12 +298,12 @@ const ee = De("ChevronRight", [
   align-items: center;
   gap: 4px;
   font-size: ${({ theme: e }) => {
-  var t, n;
-  return ((n = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : n.size) || "14px";
+  var t, o;
+  return ((o = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : o.size) || "14px";
 }};
   color: ${({ $isLast: e, theme: t }) => {
-  var n, d, i;
-  return e ? ((n = t.colors) == null ? void 0 : n.text) || "#343a40" : ((d = t.colors) == null ? void 0 : d.textSecondary) || ((i = t.colors) == null ? void 0 : i.disabledText) || "#6c757d";
+  var o, d, i;
+  return e ? ((o = t.colors) == null ? void 0 : o.text) || "#343a40" : ((d = t.colors) == null ? void 0 : d.textSecondary) || ((i = t.colors) == null ? void 0 : i.disabledText) || "#6c757d";
 }};
   font-weight: ${({ $isLast: e }) => e ? "600" : "normal"};
   cursor: ${({ $isClickable: e }) => e ? "pointer" : "default"};
@@ -315,8 +315,8 @@ const ee = De("ChevronRight", [
 
   &:hover {
     color: ${({ $isLast: e, theme: t }) => {
-  var n;
-  return e ? ((n = t.colors) == null ? void 0 : n.primary) || "#4E6EF2" : "inherit";
+  var o;
+  return e ? ((o = t.colors) == null ? void 0 : o.primary) || "#4E6EF2" : "inherit";
 }};
   }
 `, oe = l.div.attrs({
@@ -325,8 +325,8 @@ const ee = De("ChevronRight", [
   display: flex;
   align-items: center;
   color: ${({ theme: e }) => {
-  var t, n;
-  return ((t = e.colors) == null ? void 0 : t.textSecondary) || ((n = e.colors) == null ? void 0 : n.disabledText) || "#6c757d";
+  var t, o;
+  return ((t = e.colors) == null ? void 0 : t.textSecondary) || ((o = e.colors) == null ? void 0 : o.disabledText) || "#6c757d";
 }};
   margin: 0 2px;
 `, Je = l.div.attrs({
@@ -335,6 +335,11 @@ const ee = De("ChevronRight", [
   display: flex;
   flex-direction: column;
   width: 100%;
+  /* 使用 !important 覆盖全局 * { padding: 0 }，确保 theme.space.dashboardContentPadding 生效 */
+  padding: ${({ theme: e }) => {
+  var t, o;
+  return ((t = e == null ? void 0 : e.space) == null ? void 0 : t.dashboardContentPadding) ?? ((o = e == null ? void 0 : e.space) == null ? void 0 : o.padding) ?? "0";
+}};
   height: ${({ theme: e }) => {
   var D, B;
   const t = ((D = e.space) == null ? void 0 : D.dashboardHeaderHeight) ?? "38px", d = (((B = e.space) == null ? void 0 : B.dashboardHeaderPadding) ?? "0 0 8px 0").trim().split(/\s+/);
@@ -344,22 +349,22 @@ const ee = De("ChevronRight", [
   min-height: 420px;
   overflow: auto;
   background: ${({ theme: e }) => {
-  var t, n;
-  return ((t = e.colors) == null ? void 0 : t.dashboardBackground) || ((n = e.colors) == null ? void 0 : n.background) || "#FFFFFF";
+  var t, o;
+  return ((t = e.colors) == null ? void 0 : t.dashboardBackground) || ((o = e.colors) == null ? void 0 : o.background) || "#FFFFFF";
 }};
   /* 优先使用 dashboardBorder，如果没有则使用 border 颜色构建默认 border */
   border: ${({ theme: e }) => {
-  var t, n;
-  return ((t = e.colors) == null ? void 0 : t.dashboardBorder) !== void 0 ? e.colors.dashboardBorder : (n = e.colors) != null && n.border ? `1px solid ${e.colors.border}` : "none";
+  var t, o;
+  return ((t = e.colors) == null ? void 0 : t.dashboardBorder) !== void 0 ? e.colors.dashboardBorder : (o = e.colors) != null && o.border ? `1px solid ${e.colors.border}` : "none";
 }};
   border-radius: ${({ theme: e }) => {
-  var t, n, d;
-  return ((t = e.space) == null ? void 0 : t.dashboardContentRadius) ?? ((n = e.colors) == null ? void 0 : n.dashboardContentRadius) ?? ((d = e.space) == null ? void 0 : d.radius) ?? "4px";
+  var t, o, d;
+  return ((t = e.space) == null ? void 0 : t.dashboardContentRadius) ?? ((o = e.colors) == null ? void 0 : o.dashboardContentRadius) ?? ((d = e.space) == null ? void 0 : d.radius) ?? "4px";
 }};
   /* 优先使用 dashboardShadow，如果没有则使用 shadow */
   box-shadow: ${({ theme: e }) => {
-  var t, n;
-  return ((t = e.colors) == null ? void 0 : t.dashboardShadow) || ((n = e.colors) == null ? void 0 : n.shadow) || "none";
+  var t, o;
+  return ((t = e.colors) == null ? void 0 : t.dashboardShadow) || ((o = e.colors) == null ? void 0 : o.shadow) || "none";
 }};
 `, Qe = l.div.attrs({
   className: "dashboard-container-nav"
@@ -371,7 +376,8 @@ const ee = De("ChevronRight", [
 })`
   display: flex;
   flex-direction: column;
-  flex: 1;
+  flex: 1 1 0;
+  min-height: 0;
   min-width: 0;
   background: ${({ theme: e }) => {
   var t;
@@ -390,7 +396,7 @@ const ee = De("ChevronRight", [
 `, Ft = ({
   children: e,
   goBack: t,
-  title: n,
+  title: o,
   description: d,
   breadcrumbs: i,
   dockItems: p,
@@ -410,19 +416,19 @@ const ee = De("ChevronRight", [
     s != null && s.onGoBack ? s.onGoBack() : t && t();
   }, L = () => {
     s != null && s.onTitleClick && s.onTitleClick();
-  }, A = (g, r) => {
-    s != null && s.onBreadcrumbClick ? s.onBreadcrumbClick(g, r) : g.onClick && g.onClick();
-  }, Y = (g, r) => {
-    s != null && s.onDockItemClick && s.onDockItemClick(g, r);
+  }, A = (u, r) => {
+    s != null && s.onBreadcrumbClick ? s.onBreadcrumbClick(u, r) : u.onClick && u.onClick();
+  }, Y = (u, r) => {
+    s != null && s.onDockItemClick && s.onDockItemClick(u, r);
   }, j = () => {
     if (!i || i.length === 0) return null;
-    const [g, r] = k.useState({ start: 0, end: i.length, showEllipsis: !1 }), R = k.useCallback(() => {
+    const [u, r] = k.useState({ start: 0, end: i.length, showEllipsis: !1 }), R = k.useCallback(() => {
       if (!N.current || i.length <= 3) {
         r({ start: 0, end: i.length, showEllipsis: !1 });
         return;
       }
-      const m = N.current.offsetWidth * 0.5;
-      let V = Math.floor((m - 30) / (120 + 20));
+      const v = N.current.offsetWidth * 0.5;
+      let V = Math.floor((v - 30) / (120 + 20));
       if (V < 2 && (V = 2), V >= i.length) {
         r({ start: 0, end: i.length, showEllipsis: !1 });
         return;
@@ -443,39 +449,39 @@ const ee = De("ChevronRight", [
         w.disconnect();
       };
     }, [R]), i.length <= 3)
-      return /* @__PURE__ */ o(ke, { theme: c, children: i.map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
-        /* @__PURE__ */ o(
+      return /* @__PURE__ */ n(ke, { theme: c, children: i.map((w, v) => /* @__PURE__ */ b(k.Fragment, { children: [
+        /* @__PURE__ */ n(
           te,
           {
-            $isLast: m === i.length - 1,
-            $isClickable: !!(m < i.length - 1 || w.onClick),
-            onClick: () => A(w, m),
+            $isLast: v === i.length - 1,
+            $isClickable: !!(v < i.length - 1 || w.onClick),
+            onClick: () => A(w, v),
             theme: c,
             title: w.label,
             children: w.label
           }
         ),
-        m < i.length - 1 && /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) })
+        v < i.length - 1 && /* @__PURE__ */ n(oe, { theme: c, children: /* @__PURE__ */ n(ee, { size: 14 }) })
       ] }, w.id)) });
-    const { start: E, end: W, showEllipsis: re } = g;
+    const { start: E, end: W, showEllipsis: re } = u;
     return /* @__PURE__ */ b(ke, { theme: c, children: [
-      i.slice(E, W).map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
-        /* @__PURE__ */ o(
+      i.slice(E, W).map((w, v) => /* @__PURE__ */ b(k.Fragment, { children: [
+        /* @__PURE__ */ n(
           te,
           {
-            $isLast: m === W - E - 1 && !re,
-            $isClickable: !!(m < W - E - 1 || w.onClick),
-            onClick: () => A(w, E + m),
+            $isLast: v === W - E - 1 && !re,
+            $isClickable: !!(v < W - E - 1 || w.onClick),
+            onClick: () => A(w, E + v),
             theme: c,
             title: w.label,
             children: w.label
           }
         ),
-        m < W - E - 1 && /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) })
+        v < W - E - 1 && /* @__PURE__ */ n(oe, { theme: c, children: /* @__PURE__ */ n(ee, { size: 14 }) })
       ] }, w.id)),
       re && /* @__PURE__ */ b(ye, { children: [
-        /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ n(oe, { theme: c, children: /* @__PURE__ */ n(ee, { size: 14 }) }),
+        /* @__PURE__ */ n(
           te,
           {
             $isLast: !1,
@@ -489,8 +495,8 @@ const ee = De("ChevronRight", [
             children: "..."
           }
         ),
-        /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ n(oe, { theme: c, children: /* @__PURE__ */ n(ee, { size: 14 }) }),
+        /* @__PURE__ */ n(
           te,
           {
             $isLast: !0,
@@ -504,39 +510,39 @@ const ee = De("ChevronRight", [
       ] })
     ] });
   }, [P, q] = k.useState(!0);
-  return /* @__PURE__ */ o(Ke, { theme: c, children: /* @__PURE__ */ b(et, { theme: c, children: [
-    p && p.length > 0 && /* @__PURE__ */ o(Qe, { $isOpen: P, theme: c, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(Ke, { theme: c, children: /* @__PURE__ */ b(et, { theme: c, children: [
+    p && p.length > 0 && /* @__PURE__ */ n(Qe, { $isOpen: P, theme: c, children: /* @__PURE__ */ n(
       Te,
       {
         items: p,
         open: P,
         onOpenChange: q,
-        onItemClick: (g) => Y({ id: String(g.key), label: g.name }, 0),
+        onItemClick: (u) => Y({ id: String(u.key), label: u.name }, 0),
         defaultOpen: !0
       }
     ) }),
     /* @__PURE__ */ b(Ue, { theme: c, children: [
-      (n || d || t || i) && /* @__PURE__ */ b(Ye, { ref: N, theme: c, children: [
-        t && /* @__PURE__ */ o(
+      (o || d || t || i) && /* @__PURE__ */ b(Ye, { ref: N, theme: c, children: [
+        t && /* @__PURE__ */ n(
           qe,
           {
             onClick: S,
             theme: c,
             title: "\u8FD4\u56DE",
-            children: /* @__PURE__ */ o(Ge, { size: 18 })
+            children: /* @__PURE__ */ n(Ge, { size: 18 })
           }
         ),
         j(),
-        n && /* @__PURE__ */ o(
+        o && /* @__PURE__ */ n(
           Ze,
           {
             onClick: L,
             theme: c,
-            title: n,
-            children: n
+            title: o,
+            children: o
           }
         ),
-        d && /* @__PURE__ */ o(
+        d && /* @__PURE__ */ n(
           Xe,
           {
             theme: c,
@@ -545,7 +551,7 @@ const ee = De("ChevronRight", [
           }
         )
       ] }),
-      /* @__PURE__ */ o(Je, { theme: c, children: e || /* @__PURE__ */ o(Pe, {}) })
+      /* @__PURE__ */ n(Je, { theme: c, children: e || /* @__PURE__ */ n(Pe, {}) })
     ] })
   ] }) });
 }, tt = l.div.withConfig({
@@ -603,18 +609,18 @@ const ee = De("ChevronRight", [
   &::-webkit-scrollbar-thumb:hover {
     background: rgba(255, 255, 255, 0.5);
   }
-`, ne = 16, it = 48, at = it + ne * 2, me = at + ne * 2, lt = l.div.withConfig({
+`, ne = 16, it = 48, at = it + ne * 2, ve = at + ne * 2, lt = l.div.withConfig({
   shouldForwardProp: (e) => !["dockPosition"].includes(e)
 })`
   ${(e) => e.dockPosition === "left" || e.dockPosition === "right" ? `
-        width: ${me}px;
+        width: ${ve}px;
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: ${ne}px;
       ` : `
-        height: ${me}px;
+        height: ${ve}px;
         width: 100%;
         display: flex;
         align-items: ${e.dockPosition === "top" ? "flex-start" : "flex-end"};
@@ -627,7 +633,7 @@ const ee = De("ChevronRight", [
 `, zt = ({
   children: e,
   backgroundImage: t,
-  backgroundColor: n,
+  backgroundColor: o,
   header: d,
   dockItems: i,
   dockPosition: p = "bottom",
@@ -643,15 +649,15 @@ const ee = De("ChevronRight", [
     G({ theme: F, mode: "light" }, K),
     // 最高层：用户手动传入的styles
     z
-  ), c = (I == null ? void 0 : I.theme) || F, N = (g, r) => {
-    s != null && s.onDockItemClick ? s.onDockItemClick(g, r) : g.onClick && g.onClick();
-  }, S = (g, r) => {
-    s != null && s.onDockActiveChange && s.onDockActiveChange(g, r);
-  }, L = (g, r) => {
-    s != null && s.onDockActiveChangeMultiple && s.onDockActiveChangeMultiple(g, r);
+  ), c = (I == null ? void 0 : I.theme) || F, N = (u, r) => {
+    s != null && s.onDockItemClick ? s.onDockItemClick(u, r) : u.onClick && u.onClick();
+  }, S = (u, r) => {
+    s != null && s.onDockActiveChange && s.onDockActiveChange(u, r);
+  }, L = (u, r) => {
+    s != null && s.onDockActiveChangeMultiple && s.onDockActiveChangeMultiple(u, r);
   }, A = p === "left" || p === "right", Y = /* @__PURE__ */ b(ye, { children: [
-    d && /* @__PURE__ */ o(nt, { children: d }),
-    /* @__PURE__ */ o(
+    d && /* @__PURE__ */ n(nt, { children: d }),
+    /* @__PURE__ */ n(
       rt,
       {
         style: {
@@ -661,7 +667,7 @@ const ee = De("ChevronRight", [
         children: e
       }
     )
-  ] }), j = i && i.length > 0 && /* @__PURE__ */ o(lt, { dockPosition: p, children: /* @__PURE__ */ o(
+  ] }), j = i && i.length > 0 && /* @__PURE__ */ n(lt, { dockPosition: p, children: /* @__PURE__ */ n(
     Fe,
     {
       items: i,
@@ -683,12 +689,12 @@ const ee = De("ChevronRight", [
     tt,
     {
       backgroundImage: t,
-      backgroundColor: n,
+      backgroundColor: o,
       dockPosition: p,
       children: [
         p === "top" && j,
         p === "left" && j,
-        A ? /* @__PURE__ */ o(ot, { children: Y }) : Y,
+        A ? /* @__PURE__ */ n(ot, { children: Y }) : Y,
         (p === "bottom" || p === "right") && j
       ]
     }
@@ -727,7 +733,7 @@ const ee = De("ChevronRight", [
   display: flex;
   align-items: center;
   gap: 8px;
-`, ve = l.button`
+`, me = l.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -762,9 +768,9 @@ const ee = De("ChevronRight", [
     gap: 12px;
     padding: 12px 12px 20px 12px;
   }
-`, ut = l.aside`
+`, gt = l.aside`
   position: relative;
-`, gt = l.div`
+`, ut = l.div`
   height: 100%;
   overflow: hidden;
   padding-right: 8px;
@@ -809,12 +815,12 @@ const ee = De("ChevronRight", [
   height: 100%;
   transition: opacity .5s ease;
   opacity: ${(e) => e.$opacity};
-`, mt = l.aside`
+`, vt = l.aside`
   position: relative;
   z-index: 1;
   height: 100%;
   overflow: hidden;
-`, vt = l.div`
+`, mt = l.div`
   /* 右侧目录独立滚动 */
   position: relative;
   height: 100%;
@@ -931,10 +937,10 @@ const le = l.div`
   },
   mode: "dark"
 }, Mt = (e) => {
-  var ge, fe, xe, be;
+  var ue, fe, xe, be;
   const {
     children: t,
-    headerLogo: n,
+    headerLogo: o,
     contentKey: d,
     modules: i,
     activeModuleKey: p,
@@ -952,13 +958,13 @@ const le = l.div`
     onTocItemClick: A,
     collapsibleSidebar: Y = !0,
     styles: j
-  } = e, P = de(), q = e.activeThemeKey === "dark" ? Dt : Bt, g = G(
+  } = e, P = de(), q = e.activeThemeKey === "dark" ? Dt : Bt, u = G(
     G(
       G({ theme: F, mode: "light" }, P),
       q
     ),
     j
-  ), r = (g == null ? void 0 : g.theme) || F, [R, E] = k.useState(!1), [W, re] = k.useState(!1), [w, m] = k.useState(!1), U = typeof L == "string", [ce, ie] = k.useState(L), V = k.useRef(null), [J, O] = k.useState(void 0), [Ie, he] = k.useState(t), [Ne, pe] = k.useState(1);
+  ), r = (u == null ? void 0 : u.theme) || F, [R, E] = k.useState(!1), [W, re] = k.useState(!1), [w, v] = k.useState(!1), U = typeof L == "string", [ce, ie] = k.useState(L), V = k.useRef(null), [J, O] = k.useState(void 0), [Ie, he] = k.useState(t), [Ne, pe] = k.useState(1);
   k.useEffect(() => {
     if (d === void 0) {
       he(t);
@@ -970,15 +976,15 @@ const le = l.div`
     }, 120);
     return () => clearTimeout(a);
   }, [d, t]), k.useMemo(() => {
-    var a, f, u, y, $, h, v, x, _, C, M, Z, Q;
+    var a, f, g, y, $, h, m, x, _, C, M, Z, Q;
     return {
       primaryColor: (a = r == null ? void 0 : r.colors) == null ? void 0 : a.primary,
       secondaryColor: (f = r == null ? void 0 : r.colors) == null ? void 0 : f.secondary,
-      backgroundColor: (u = r == null ? void 0 : r.colors) == null ? void 0 : u.appBackground,
+      backgroundColor: (g = r == null ? void 0 : r.colors) == null ? void 0 : g.appBackground,
       textColor: (y = r == null ? void 0 : r.colors) == null ? void 0 : y.text,
       borderColor: ($ = r == null ? void 0 : r.colors) == null ? void 0 : $.border,
       disabledBackground: (h = r == null ? void 0 : r.colors) == null ? void 0 : h.disabledBackground,
-      borderRadius: (v = r == null ? void 0 : r.space) == null ? void 0 : v.radius,
+      borderRadius: (m = r == null ? void 0 : r.space) == null ? void 0 : m.radius,
       padding: (x = r == null ? void 0 : r.space) == null ? void 0 : x.padding,
       margin: (_ = r == null ? void 0 : r.space) == null ? void 0 : _.margin,
       baseFontSize: (M = (C = r == null ? void 0 : r.fonts) == null ? void 0 : C.body) != null && M.size ? parseInt((Q = (Z = r == null ? void 0 : r.fonts) == null ? void 0 : Z.body) == null ? void 0 : Q.size, 10) : void 0
@@ -990,19 +996,19 @@ const le = l.div`
       d !== void 0 && O(void 0);
       let a = 0;
       const f = 10;
-      let u = null, y = null;
+      let g = null, y = null;
       const $ = () => {
         const h = V.current;
         if (!h) {
-          a < f ? (a++, u = setTimeout($, 200)) : O([]);
+          a < f ? (a++, g = setTimeout($, 200)) : O([]);
           return;
         }
-        const v = Array.from(h.querySelectorAll("h1, h2, h3"));
-        if (v.length === 0) {
-          a < f ? (a++, u = setTimeout($, 200)) : O([]);
+        const m = Array.from(h.querySelectorAll("h1, h2, h3"));
+        if (m.length === 0) {
+          a < f ? (a++, g = setTimeout($, 200)) : O([]);
           return;
         }
-        const x = /* @__PURE__ */ new Map(), _ = v.map((C) => {
+        const x = /* @__PURE__ */ new Map(), _ = m.map((C) => {
           var we;
           const M = C.id || ((we = C.textContent) == null ? void 0 : we.trim().replace(/\s+/g, "-").toLowerCase()) || "", Z = x.get(M) || 0;
           x.set(M, Z + 1);
@@ -1014,9 +1020,9 @@ const le = l.div`
         O(_);
       };
       return y = requestAnimationFrame(() => {
-        u = setTimeout($, 100);
+        g = setTimeout($, 100);
       }), () => {
-        y !== null && cancelAnimationFrame(y), u !== null && clearTimeout(u);
+        y !== null && cancelAnimationFrame(y), g !== null && clearTimeout(g);
       };
     }
   }, [t, e.tocItems, d]), k.useEffect(() => {
@@ -1024,31 +1030,31 @@ const le = l.div`
     const f = ((e.tocItems ?? J) || []).map((h) => h.id).filter(Boolean);
     if (f.length === 0) return;
     ie(void 0);
-    const u = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, y = (h) => {
+    const g = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, y = (h) => {
       var x, _;
-      const v = h.filter((C) => C.isIntersecting).sort((C, M) => C.boundingClientRect.top - M.boundingClientRect.top);
-      (_ = (x = v[0]) == null ? void 0 : x.target) != null && _.id && ie(v[0].target.id);
-    }, $ = new IntersectionObserver(y, u);
+      const m = h.filter((C) => C.isIntersecting).sort((C, M) => C.boundingClientRect.top - M.boundingClientRect.top);
+      (_ = (x = m[0]) == null ? void 0 : x.target) != null && _.id && ie(m[0].target.id);
+    }, $ = new IntersectionObserver(y, g);
     return f.forEach((h) => {
-      const v = document.getElementById(h);
-      v && $.observe(v);
+      const m = document.getElementById(h);
+      m && $.observe(m);
     }), () => $.disconnect();
   }, [J, U, e.tocItems, d]);
-  const ue = (a, f) => {
+  const ge = (a, f) => {
     if (!a || a.length === 0) return;
-    const u = Math.max(0, a.findIndex(($) => $.key === f)), y = a[(u + 1) % a.length];
+    const g = Math.max(0, a.findIndex(($) => $.key === f)), y = a[(g + 1) % a.length];
     return y == null ? void 0 : y.key;
   }, ae = (a) => {
     const f = document.getElementById(a);
     f && f.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
   };
-  return /* @__PURE__ */ o(Ae, { theme: r, mode: g.mode, children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ n(Ae, { theme: r, mode: u.mode, children: /* @__PURE__ */ b(
     st,
     {
       style: {
         background: r.colors.appBackground,
         color: r.colors.text,
-        fontFamily: ((fe = (ge = r.fonts) == null ? void 0 : ge.body) == null ? void 0 : fe.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
+        fontFamily: ((fe = (ue = r.fonts) == null ? void 0 : ue.body) == null ? void 0 : fe.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
       },
       children: [
         /* @__PURE__ */ b(
@@ -1060,8 +1066,8 @@ const le = l.div`
             },
             children: [
               /* @__PURE__ */ b(ct, { children: [
-                n,
-                i && i.length > 0 && /* @__PURE__ */ o(Ct, { children: i.map((a) => /* @__PURE__ */ o(
+                o,
+                i && i.length > 0 && /* @__PURE__ */ n(Ct, { children: i.map((a) => /* @__PURE__ */ n(
                   X,
                   {
                     $active: a.key === p,
@@ -1073,59 +1079,59 @@ const le = l.div`
                 )) })
               ] }),
               /* @__PURE__ */ b(ht, { children: [
-                /* @__PURE__ */ o("div", { className: "hide-on-desktop", style: { display: "none" } }),
-                B && B.length > 0 && /* @__PURE__ */ o(
-                  ve,
+                /* @__PURE__ */ n("div", { className: "hide-on-desktop", style: { display: "none" } }),
+                B && B.length > 0 && /* @__PURE__ */ n(
+                  me,
                   {
                     onClick: () => {
-                      const a = ue(B, H);
+                      const a = ge(B, H);
                       a && (z == null || z(a));
                     },
                     title: ((xe = B.find((a) => a.key === H)) == null ? void 0 : xe.label) || "Language",
                     "aria-label": "language",
                     style: { color: r.colors.text },
                     children: /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                      /* @__PURE__ */ o("path", { d: "M12 21c4.97 0 9-4.03 9-9s-4.03-9-9-9-9 4.03-9 9 4.03 9 9 9Z", stroke: "currentColor", strokeWidth: "1.6" }),
-                      /* @__PURE__ */ o("path", { d: "M3 12h18M12 3c-2.5 2.5-3.75 5.167-3.75 9S9.5 19.5 12 21c2.5-1.5 3.75-4.167 3.75-8S14.5 5.5 12 3Z", stroke: "currentColor", strokeWidth: "1.6" })
+                      /* @__PURE__ */ n("path", { d: "M12 21c4.97 0 9-4.03 9-9s-4.03-9-9-9-9 4.03-9 9 4.03 9 9 9Z", stroke: "currentColor", strokeWidth: "1.6" }),
+                      /* @__PURE__ */ n("path", { d: "M3 12h18M12 3c-2.5 2.5-3.75 5.167-3.75 9S9.5 19.5 12 21c2.5-1.5 3.75-4.167 3.75-8S14.5 5.5 12 3Z", stroke: "currentColor", strokeWidth: "1.6" })
                     ] })
                   }
                 ),
-                /* @__PURE__ */ o($t, {}),
-                s && s.length > 0 && /* @__PURE__ */ o(
-                  ve,
+                /* @__PURE__ */ n($t, {}),
+                s && s.length > 0 && /* @__PURE__ */ n(
+                  me,
                   {
                     onClick: () => {
-                      const a = ue(s, K);
+                      const a = ge(s, K);
                       a && (I == null || I(a));
                     },
                     title: ((be = s.find((a) => a.key === K)) == null ? void 0 : be.label) || "Theme",
                     "aria-label": "theme",
                     style: { color: r.colors.text },
-                    children: /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z", stroke: "currentColor", strokeWidth: "1.6" }) })
+                    children: /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z", stroke: "currentColor", strokeWidth: "1.6" }) })
                   }
                 ),
-                /* @__PURE__ */ o("div", { className: "mobile-only", style: { display: "none" }, children: /* @__PURE__ */ o(X, { onClick: () => m(!0), title: "\u6253\u5F00\u76EE\u5F55", children: "\u76EE\u5F55" }) })
+                /* @__PURE__ */ n("div", { className: "mobile-only", style: { display: "none" }, children: /* @__PURE__ */ n(X, { onClick: () => v(!0), title: "\u6253\u5F00\u76EE\u5F55", children: "\u76EE\u5F55" }) })
               ] })
             ]
           }
         ),
         (() => {
-          const f = (Array.isArray(c) ? c.length : 0) > 1, u = f ? R ? "10px" : "var(--sidebar-width)" : "0px", y = W ? "10px" : "var(--toc-width)", $ = f ? `${u} 1fr ${y}` : `1fr ${y}`;
+          const f = (Array.isArray(c) ? c.length : 0) > 1, g = f ? R ? "10px" : "var(--sidebar-width)" : "0px", y = W ? "10px" : "var(--toc-width)", $ = f ? `${g} 1fr ${y}` : `1fr ${y}`;
           return /* @__PURE__ */ b(pt, { style: { gridTemplateColumns: $ }, children: [
-            f && /* @__PURE__ */ b(ut, { children: [
-              /* @__PURE__ */ o(gt, { $collapsed: R, children: /* @__PURE__ */ o(xt, { children: c && c.length > 0 && /* @__PURE__ */ o("div", { children: Object.entries(
-                c.reduce((h, v) => {
-                  const x = v.group || "\u6587\u6863";
-                  return h[x] = h[x] || [], h[x].push(v), h;
+            f && /* @__PURE__ */ b(gt, { children: [
+              /* @__PURE__ */ n(ut, { $collapsed: R, children: /* @__PURE__ */ n(xt, { children: c && c.length > 0 && /* @__PURE__ */ n("div", { children: Object.entries(
+                c.reduce((h, m) => {
+                  const x = m.group || "\u6587\u6863";
+                  return h[x] = h[x] || [], h[x].push(m), h;
                 }, {})
-              ).map(([h, v]) => /* @__PURE__ */ b("div", { children: [
-                /* @__PURE__ */ o(le, { children: h }),
-                /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: v.map((x) => /* @__PURE__ */ o(
+              ).map(([h, m]) => /* @__PURE__ */ b("div", { children: [
+                /* @__PURE__ */ n(le, { children: h }),
+                /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: m.map((x) => /* @__PURE__ */ n(
                   X,
                   {
                     $active: x.id === N,
                     onClick: () => {
-                      x.href && (x.href.startsWith("#") ? ae(x.href.slice(1)) : window.location.href = x.href), S == null || S(x), m(!1);
+                      x.href && (x.href.startsWith("#") ? ae(x.href.slice(1)) : window.location.href = x.href), S == null || S(x), v(!1);
                     },
                     title: x.label,
                     children: x.label
@@ -1133,18 +1139,18 @@ const le = l.div`
                   x.id
                 )) })
               ] }, h)) }) }) }),
-              Y && f && /* @__PURE__ */ o(ft, { onClick: () => E((h) => !h), title: R ? "\u5C55\u5F00\u5DE6\u4FA7\u680F" : "\u6536\u8D77\u5DE6\u4FA7\u680F", "aria-label": "toggle-left", children: R ? /* @__PURE__ */ o("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M9 6l6 6-6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) : /* @__PURE__ */ o("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M15 6l-6 6 6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) })
+              Y && f && /* @__PURE__ */ n(ft, { onClick: () => E((h) => !h), title: R ? "\u5C55\u5F00\u5DE6\u4FA7\u680F" : "\u6536\u8D77\u5DE6\u4FA7\u680F", "aria-label": "toggle-left", children: R ? /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n("path", { d: "M9 6l6 6-6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) : /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n("path", { d: "M15 6l-6 6 6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) })
             ] }),
-            /* @__PURE__ */ o(bt, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ n(bt, { children: /* @__PURE__ */ n(
               wt,
               {
                 ref: V,
-                children: /* @__PURE__ */ o(kt, { $opacity: Ne, children: Ie })
+                children: /* @__PURE__ */ n(kt, { $opacity: Ne, children: Ie })
               }
             ) }),
-            /* @__PURE__ */ o(mt, { children: /* @__PURE__ */ o(vt, { children: /* @__PURE__ */ b(yt, { $collapsed: W, children: [
-              /* @__PURE__ */ o(le, { children: "\u672C\u9875\u76EE\u5F55" }),
-              /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px", width: "100%", maxWidth: "100%", overflow: "hidden" }, children: ((e.tocItems ?? J) || []).map((h) => /* @__PURE__ */ o(
+            /* @__PURE__ */ n(vt, { children: /* @__PURE__ */ n(mt, { children: /* @__PURE__ */ b(yt, { $collapsed: W, children: [
+              /* @__PURE__ */ n(le, { children: "\u672C\u9875\u76EE\u5F55" }),
+              /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px", width: "100%", maxWidth: "100%", overflow: "hidden" }, children: ((e.tocItems ?? J) || []).map((h) => /* @__PURE__ */ n(
                 X,
                 {
                   $active: (U ? L : ce) === h.id,
@@ -1160,7 +1166,7 @@ const le = l.div`
             ] }) }) })
           ] });
         })(),
-        w && /* @__PURE__ */ o(
+        w && /* @__PURE__ */ n(
           "div",
           {
             role: "dialog",
@@ -1172,7 +1178,7 @@ const le = l.div`
               background: "rgba(0,0,0,0.45)",
               display: "flex"
             },
-            onClick: () => m(!1),
+            onClick: () => v(!1),
             children: /* @__PURE__ */ b(
               "div",
               {
@@ -1188,26 +1194,26 @@ const le = l.div`
                 onClick: (a) => a.stopPropagation(),
                 children: [
                   /* @__PURE__ */ b("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: [
-                    /* @__PURE__ */ o("div", { style: { fontWeight: 600 }, children: "\u76EE\u5F55" }),
-                    /* @__PURE__ */ o(X, { onClick: () => m(!1), children: "\u5173\u95ED" })
+                    /* @__PURE__ */ n("div", { style: { fontWeight: 600 }, children: "\u76EE\u5F55" }),
+                    /* @__PURE__ */ n(X, { onClick: () => v(!1), children: "\u5173\u95ED" })
                   ] }),
-                  c && c.length > 0 && /* @__PURE__ */ o("div", { style: { overflow: "auto", height: "calc(100% - 40px)" }, children: Object.entries(
+                  c && c.length > 0 && /* @__PURE__ */ n("div", { style: { overflow: "auto", height: "calc(100% - 40px)" }, children: Object.entries(
                     c.reduce((a, f) => {
-                      const u = f.group || "\u6587\u6863";
-                      return a[u] = a[u] || [], a[u].push(f), a;
+                      const g = f.group || "\u6587\u6863";
+                      return a[g] = a[g] || [], a[g].push(f), a;
                     }, {})
                   ).map(([a, f]) => /* @__PURE__ */ b("div", { children: [
-                    /* @__PURE__ */ o(le, { children: a }),
-                    /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: f.map((u) => /* @__PURE__ */ o(
+                    /* @__PURE__ */ n(le, { children: a }),
+                    /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: f.map((g) => /* @__PURE__ */ n(
                       X,
                       {
-                        $active: u.id === N,
+                        $active: g.id === N,
                         onClick: () => {
-                          u.href && (u.href.startsWith("#") ? ae(u.href.slice(1)) : window.location.href = u.href), S == null || S(u), m(!1);
+                          g.href && (g.href.startsWith("#") ? ae(g.href.slice(1)) : window.location.href = g.href), S == null || S(g), v(!1);
                         },
-                        children: u.label
+                        children: g.label
                       },
-                      u.id
+                      g.id
                     )) })
                   ] }, a)) })
                 ]

package/package.json

@@ -5,7 +5,7 @@
   "style": "assets/style.css",
   "types": "lib_enter.d.ts",
   "private": false,
-  "version": "1.3.13",
+  "version": "1.3.15",
   "author": "hanfeng_Zhang",
   "type": "module",
   "scripts": {