@mxmweb/zui-layouts 1.3.2 → 1.3.3

package/index.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as f, Fragment as Ie } from "react/jsx-runtime";
+import { jsx as e, jsxs as g, Fragment as Ie } from "react/jsx-runtime";
 import * as R from "react";
 import x, { forwardRef as me, createElement as xe } 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 Ve = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), $e = (...t) => t.filter((c, w, b) => !!c && c.trim() !== "" && b.indexOf(c) === w).join(" ").trim();
+const Ve = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), $e = (...t) => t.filter((c, k, b) => !!c && c.trim() !== "" && b.indexOf(c) === k).join(" ").trim();
 /**
  * @license lucide-react v0.456.0 - ISC
  *
@@ -78,7 +78,7 @@ const He = me(
   ({
     color: t = "currentColor",
     size: c = 24,
-    strokeWidth: w = 2,
+    strokeWidth: k = 2,
     absoluteStrokeWidth: b,
     className: i = "",
     children: $,
@@ -92,7 +92,7 @@ const He = me(
       width: c,
       height: c,
       stroke: t,
-      strokeWidth: b ? Number(w) * 24 / Number(c) : w,
+      strokeWidth: b ? Number(k) * 24 / Number(c) : k,
       className: $e("lucide", i),
       ...z
     },
@@ -109,7 +109,7 @@ const He = me(
  * See the LICENSE file in the root directory of this source tree.
  */
 const Be = (t, c) => {
-  const w = me(
+  const k = me(
     ({ className: b, ...i }, $) => xe(He, {
       ref: $,
       iconNode: c,
@@ -117,7 +117,7 @@ const Be = (t, c) => {
       ...i
     })
   );
-  return w.displayName = `${t}`, w;
+  return k.displayName = `${t}`, k;
 };
 /**
  * @license lucide-react v0.456.0 - ISC
@@ -204,7 +204,7 @@ const se = Be("ChevronRight", [
   text-overflow: ellipsis;
   flex: 1;
   min-width: 0;
-`, ye = l.div`
+`, ve = l.div`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -252,7 +252,7 @@ l.div`
 const $t = ({
   children: t,
   goBack: c,
-  title: w,
+  title: k,
   description: b,
   breadcrumbs: i,
   dockItems: $,
@@ -272,19 +272,19 @@ const $t = ({
     d != null && d.onGoBack ? d.onGoBack() : c && c();
   }, j = () => {
     d != null && d.onTitleClick && d.onTitleClick();
-  }, A = (k, G) => {
-    d != null && d.onBreadcrumbClick ? d.onBreadcrumbClick(k, G) : k.onClick && k.onClick();
-  }, I = (k, G) => {
-    d != null && d.onDockItemClick && d.onDockItemClick(k, G);
+  }, A = (w, G) => {
+    d != null && d.onBreadcrumbClick ? d.onBreadcrumbClick(w, G) : w.onClick && w.onClick();
+  }, I = (w, G) => {
+    d != null && d.onDockItemClick && d.onDockItemClick(w, G);
   }, F = () => {
     if (!i || i.length === 0) return null;
-    const k = x.useRef(null), [G, X] = x.useState({ start: 0, end: i.length, showEllipsis: !1 }), Z = x.useCallback(() => {
-      if (!k.current || i.length <= 3) {
+    const w = x.useRef(null), [G, X] = x.useState({ start: 0, end: i.length, showEllipsis: !1 }), Z = x.useCallback(() => {
+      if (!w.current || i.length <= 3) {
         X({ start: 0, end: i.length, showEllipsis: !1 });
         return;
       }
-      const v = k.current.offsetWidth * 0.5;
-      let K = Math.floor((v - 30) / (120 + 20));
+      const y = w.current.offsetWidth * 0.5;
+      let K = Math.floor((y - 30) / (120 + 20));
       if (K < 2 && (K = 2), K >= i.length) {
         X({ start: 0, end: i.length, showEllipsis: !1 });
         return;
@@ -298,48 +298,48 @@ const $t = ({
     }, [i.length]);
     if (x.useEffect(() => {
       Z();
-      const g = new ResizeObserver(() => {
+      const f = new ResizeObserver(() => {
         Z();
       });
-      return k.current && g.observe(k.current), () => {
-        g.disconnect();
+      return w.current && f.observe(w.current), () => {
+        f.disconnect();
       };
     }, [Z]), i.length <= 3)
-      return /* @__PURE__ */ e(ye, { children: i.map((g, v) => /* @__PURE__ */ f(x.Fragment, { children: [
+      return /* @__PURE__ */ e(ve, { children: i.map((f, y) => /* @__PURE__ */ g(x.Fragment, { children: [
         /* @__PURE__ */ e(
           ce,
           {
-            $isLast: v === i.length - 1,
-            $isClickable: !!(v < i.length - 1 || g.onClick),
-            onClick: () => A(g, v),
+            $isLast: y === i.length - 1,
+            $isClickable: !!(y < i.length - 1 || f.onClick),
+            onClick: () => A(f, y),
             style: {
-              color: v === i.length - 1 ? r.colors.text : r.colors.textSecondary || r.colors.disabledText
+              color: y === i.length - 1 ? r.colors.text : r.colors.textSecondary || r.colors.disabledText
             },
-            title: g.label,
-            children: g.label
+            title: f.label,
+            children: f.label
           }
         ),
-        v < i.length - 1 && /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(se, { size: 14 }) })
-      ] }, g.id)) });
+        y < i.length - 1 && /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(se, { size: 14 }) })
+      ] }, f.id)) });
     const { start: N, end: D, showEllipsis: ee } = G;
-    return /* @__PURE__ */ f(ye, { children: [
-      i.slice(N, D).map((g, v) => /* @__PURE__ */ f(x.Fragment, { children: [
+    return /* @__PURE__ */ g(ve, { children: [
+      i.slice(N, D).map((f, y) => /* @__PURE__ */ g(x.Fragment, { children: [
         /* @__PURE__ */ e(
           ce,
           {
-            $isLast: v === D - N - 1 && !ee,
-            $isClickable: !!(v < D - N - 1 || g.onClick),
-            onClick: () => A(g, N + v),
+            $isLast: y === D - N - 1 && !ee,
+            $isClickable: !!(y < D - N - 1 || f.onClick),
+            onClick: () => A(f, N + y),
             style: {
-              color: v === D - N - 1 && !ee ? r.colors.text : r.colors.textSecondary || r.colors.disabledText
+              color: y === D - N - 1 && !ee ? r.colors.text : r.colors.textSecondary || r.colors.disabledText
             },
-            title: g.label,
-            children: g.label
+            title: f.label,
+            children: f.label
           }
         ),
-        v < D - N - 1 && /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(se, { size: 14 }) })
-      ] }, g.id)),
-      ee && /* @__PURE__ */ f(Ie, { children: [
+        y < D - N - 1 && /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(se, { size: 14 }) })
+      ] }, f.id)),
+      ee && /* @__PURE__ */ g(Ie, { children: [
         /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(se, { size: 14 }) }),
         /* @__PURE__ */ e(
           ce,
@@ -351,7 +351,7 @@ const $t = ({
               cursor: "default",
               maxWidth: "auto"
             },
-            title: `${i.slice(D, -1).map((g) => g.label).join(" > ")}`,
+            title: `${i.slice(D, -1).map((f) => f.label).join(" > ")}`,
             children: "..."
           }
         ),
@@ -380,19 +380,19 @@ const $t = ({
         color: r.colors.text,
         fontFamily: ((o = (H = r.fonts) == null ? void 0 : H.body) == null ? void 0 : o.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
       },
-      children: /* @__PURE__ */ f("div", { style: { height: "100%", display: "flex", width: "100%", gap: 12 }, children: [
+      children: /* @__PURE__ */ g("div", { style: { height: "100%", display: "flex", width: "100%", gap: 12 }, children: [
         $ && $.length > 0 && /* @__PURE__ */ e("div", { style: { flex: `0 0 ${ne ? 72 : 28}px`, transition: "flex-basis .2s ease" }, children: /* @__PURE__ */ e(
           Te,
           {
             items: $,
             open: ne,
             onOpenChange: he,
-            onItemClick: (k) => I({ id: String(k.key), label: k.name }, 0),
+            onItemClick: (w) => I({ id: String(w.key), label: w.name }, 0),
             defaultOpen: !0
           }
         ) }),
-        /* @__PURE__ */ f("div", { style: { display: "flex", flexDirection: "column", flex: 1, minWidth: 0 }, children: [
-          (w || b || c || i) && /* @__PURE__ */ f(Ke, { ref: q, children: [
+        /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", flex: 1, minWidth: 0 }, children: [
+          (k || b || c || i) && /* @__PURE__ */ g(Ke, { ref: q, children: [
             c && /* @__PURE__ */ e(
               Ye,
               {
@@ -403,7 +403,7 @@ const $t = ({
               }
             ),
             F(),
-            w && /* @__PURE__ */ e(
+            k && /* @__PURE__ */ e(
               Ee,
               {
                 onClick: j,
@@ -412,8 +412,8 @@ const $t = ({
                   fontSize: ((ie = (_ = r.fonts) == null ? void 0 : _.heading) == null ? void 0 : ie.size) || "16px",
                   fontWeight: ((pe = (U = r.fonts) == null ? void 0 : U.heading) == null ? void 0 : pe.weight) || "600"
                 },
-                title: w,
-                children: w
+                title: k,
+                children: k
               }
             ),
             b && /* @__PURE__ */ e(
@@ -507,7 +507,7 @@ const $t = ({
 `, Bt = ({
   children: t,
   backgroundImage: c,
-  backgroundColor: w,
+  backgroundColor: k,
   header: b,
   dockItems: i,
   dockActiveMode: $ = "single",
@@ -529,11 +529,11 @@ const $t = ({
   }, T = (I, F) => {
     u != null && u.onDockActiveChangeMultiple && u.onDockActiveChangeMultiple(I, F);
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ g(
     Ze,
     {
       backgroundImage: c,
-      backgroundColor: w,
+      backgroundColor: k,
       children: [
         b && /* @__PURE__ */ e(Je, { children: b }),
         /* @__PURE__ */ e(
@@ -599,7 +599,7 @@ const $t = ({
   display: flex;
   align-items: center;
   gap: 8px;
-`, ve = l.button`
+`, ye = l.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -690,16 +690,21 @@ const $t = ({
   /* 右侧目录独立滚动 */
   position: relative;
   height: 100%;
-  overflow: auto;
+  width: 100%;
+  max-width: var(--toc-width);
+  overflow-x: hidden; /* 禁止横向滚动 */
+  overflow-y: auto; /* 只允许垂直滚动 */
   padding-left: 8px;
   border-left: 1px solid rgba(0,0,0,0.06);
   background: transparent;
   z-index: 1;
-`, gt = l.div`
+`, ft = l.div`
   transition: opacity .2s ease, transform .2s ease;
   opacity: ${(t) => t.$collapsed ? 0 : 1};
   transform: translateX(${(t) => t.$collapsed ? "6px" : "0px"});
   pointer-events: ${(t) => t.$collapsed ? "none" : "auto"};
+  width: 100%;
+  max-width: 100%;
   /* 不设置高度限制，让内容自然流动，由父容器 TocFloat 控制滚动 */
 `;
 l.button`
@@ -718,15 +723,12 @@ l.button`
   transition: background .15s ease;
   &:hover { background: rgba(0,0,0,0.12); }
 `;
-const fe = l.div`
+const ge = l.div`
   font-size: 12px;
   opacity: .7;
   padding: 8px 8px;
 `, Q = l.button`
   width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 8px;
   padding: 8px 10px;
   background: transparent;
   border: none;
@@ -736,14 +738,24 @@ const fe = l.div`
   color: inherit;
   transition: background .15s ease, color .15s ease;
   font-size: 13px;
-  white-space: nowrap;
+  line-height: 1.5;
+  word-wrap: break-word;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  /* 限制为最多两行，超出显示省略号 */
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0; /* 允许内容收缩 */
 
   &:hover {
     background: rgba(0,0,0,0.04);
   }
 
   ${(t) => t.$active ? "background: rgba(0,0,0,0.08); font-weight: 600;" : ""}
-`, ft = l.div`
+`, gt = l.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -772,7 +784,7 @@ const fe = l.div`
       shadow: "0 1px 2px rgba(0,0,0,0.06)"
     }
   }
-}, kt = {
+}, wt = {
   theme: {
     ...M,
     colors: {
@@ -788,10 +800,10 @@ const fe = l.div`
   },
   mode: "dark"
 }, Dt = (t) => {
-  var K, ae, te, ke;
+  var K, ae, te, we;
   const {
     children: c,
-    headerLogo: w,
+    headerLogo: k,
     contentKey: b,
     modules: i,
     activeModuleKey: $,
@@ -809,25 +821,25 @@ const fe = l.div`
     onTocItemClick: A,
     collapsibleSidebar: I = !0,
     styles: F
-  } = t, ne = be(), he = t.activeThemeKey === "dark" ? kt : bt, H = E(
+  } = t, ne = be(), he = t.activeThemeKey === "dark" ? wt : bt, H = E(
     E(
       E({ theme: M, mode: "light" }, ne),
       he
     ),
     F
-  ), o = (H == null ? void 0 : H.theme) || M, [_, ie] = x.useState(!1), [U, pe] = x.useState(!1), [re, V] = x.useState(!1), k = typeof j == "string", [G, X] = x.useState(j), Z = x.useRef(null), [N, D] = x.useState(void 0), [ee, g] = x.useState(c), [v, ue] = x.useState(1);
+  ), o = (H == null ? void 0 : H.theme) || M, [_, ie] = x.useState(!1), [U, pe] = x.useState(!1), [re, V] = x.useState(!1), w = typeof j == "string", [G, X] = x.useState(j), Z = x.useRef(null), [N, D] = x.useState(void 0), [ee, f] = x.useState(c), [y, ue] = x.useState(1);
   x.useEffect(() => {
     if (b === void 0) {
-      g(c);
+      f(c);
       return;
     }
     ue(0);
     const n = setTimeout(() => {
-      g(c), requestAnimationFrame(() => ue(1));
+      f(c), requestAnimationFrame(() => ue(1));
     }, 120);
     return () => clearTimeout(n);
   }, [b, c]), x.useMemo(() => {
-    var n, h, s, m, B, a, y, p, Y, C, W, J, oe;
+    var n, h, s, m, B, a, v, p, Y, C, W, J, oe;
     return {
       primaryColor: (n = o == null ? void 0 : o.colors) == null ? void 0 : n.primary,
       secondaryColor: (h = o == null ? void 0 : o.colors) == null ? void 0 : h.secondary,
@@ -835,7 +847,7 @@ const fe = l.div`
       textColor: (m = o == null ? void 0 : o.colors) == null ? void 0 : m.text,
       borderColor: (B = o == null ? void 0 : o.colors) == null ? void 0 : B.border,
       disabledBackground: (a = o == null ? void 0 : o.colors) == null ? void 0 : a.disabledBackground,
-      borderRadius: (y = o == null ? void 0 : o.space) == null ? void 0 : y.radius,
+      borderRadius: (v = o == null ? void 0 : o.space) == null ? void 0 : v.radius,
       padding: (p = o == null ? void 0 : o.space) == null ? void 0 : p.padding,
       margin: (Y = o == null ? void 0 : o.space) == null ? void 0 : Y.margin,
       baseFontSize: (W = (C = o == null ? void 0 : o.fonts) == null ? void 0 : C.body) != null && W.size ? parseInt((oe = (J = o == null ? void 0 : o.fonts) == null ? void 0 : J.body) == null ? void 0 : oe.size, 10) : void 0
@@ -854,14 +866,14 @@ const fe = l.div`
           n < h ? (n++, s = setTimeout(B, 200)) : D([]);
           return;
         }
-        const y = Array.from(a.querySelectorAll("h1, h2, h3"));
-        if (y.length === 0) {
+        const v = Array.from(a.querySelectorAll("h1, h2, h3"));
+        if (v.length === 0) {
           n < h ? (n++, s = setTimeout(B, 200)) : D([]);
           return;
         }
-        const p = /* @__PURE__ */ new Map(), Y = y.map((C) => {
-          var we;
-          const W = C.id || ((we = C.textContent) == null ? void 0 : we.trim().replace(/\s+/g, "-").toLowerCase()) || "", J = p.get(W) || 0;
+        const p = /* @__PURE__ */ new Map(), Y = v.map((C) => {
+          var ke;
+          const W = C.id || ((ke = C.textContent) == null ? void 0 : ke.trim().replace(/\s+/g, "-").toLowerCase()) || "", J = p.get(W) || 0;
           p.set(W, J + 1);
           const oe = J > 0 ? `${W}-${J}` : W;
           C.id || (C.id = oe);
@@ -877,21 +889,21 @@ const fe = l.div`
       };
     }
   }, [c, t.tocItems, b]), x.useEffect(() => {
-    if (k) return;
+    if (w) return;
     const h = ((t.tocItems ?? N) || []).map((a) => a.id).filter(Boolean);
     if (h.length === 0) return;
     X(void 0);
     const s = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, m = (a) => {
       var p, Y;
-      const y = a.filter((C) => C.isIntersecting).sort((C, W) => C.boundingClientRect.top - W.boundingClientRect.top);
-      (Y = (p = y[0]) == null ? void 0 : p.target) != null && Y.id && X(y[0].target.id);
+      const v = a.filter((C) => C.isIntersecting).sort((C, W) => C.boundingClientRect.top - W.boundingClientRect.top);
+      (Y = (p = v[0]) == null ? void 0 : p.target) != null && Y.id && X(v[0].target.id);
     }, B = new IntersectionObserver(m, s);
     return h.forEach((a) => {
-      const y = document.getElementById(a);
-      y && B.observe(y);
+      const v = document.getElementById(a);
+      v && B.observe(v);
     }), () => B.disconnect();
-  }, [N, k, t.tocItems, b]);
-  const ge = (n, h) => {
+  }, [N, w, t.tocItems, b]);
+  const fe = (n, h) => {
     if (!n || n.length === 0) return;
     const s = Math.max(0, n.findIndex((B) => B.key === h)), m = n[(s + 1) % n.length];
     return m == null ? void 0 : m.key;
@@ -899,7 +911,7 @@ const fe = l.div`
     const h = document.getElementById(n);
     h && h.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
   };
-  return /* @__PURE__ */ e(Se, { theme: o, mode: H.mode, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ e(Se, { theme: o, mode: H.mode, children: /* @__PURE__ */ g(
     et,
     {
       style: {
@@ -908,7 +920,7 @@ const fe = l.div`
         fontFamily: ((ae = (K = o.fonts) == null ? void 0 : K.body) == null ? void 0 : ae.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
       },
       children: [
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ g(
           tt,
           {
             style: {
@@ -916,9 +928,9 @@ const fe = l.div`
               color: o.colors.text
             },
             children: [
-              /* @__PURE__ */ f(ot, { children: [
-                w,
-                i && i.length > 0 && /* @__PURE__ */ e(ft, { children: i.map((n) => /* @__PURE__ */ e(
+              /* @__PURE__ */ g(ot, { children: [
+                k,
+                i && i.length > 0 && /* @__PURE__ */ e(gt, { children: i.map((n) => /* @__PURE__ */ e(
                   Q,
                   {
                     $active: n.key === $,
@@ -929,19 +941,19 @@ const fe = l.div`
                   n.key
                 )) })
               ] }),
-              /* @__PURE__ */ f(nt, { children: [
+              /* @__PURE__ */ g(nt, { children: [
                 /* @__PURE__ */ e("div", { className: "hide-on-desktop", style: { display: "none" } }),
                 z && z.length > 0 && /* @__PURE__ */ e(
-                  ve,
+                  ye,
                   {
                     onClick: () => {
-                      const n = ge(z, P);
+                      const n = fe(z, P);
                       n && (u == null || u(n));
                     },
                     title: ((te = z.find((n) => n.key === P)) == null ? void 0 : te.label) || "Language",
                     "aria-label": "language",
                     style: { color: o.colors.text },
-                    children: /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                    children: /* @__PURE__ */ g("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                       /* @__PURE__ */ e("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__ */ e("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" })
                     ] })
@@ -949,13 +961,13 @@ const fe = l.div`
                 ),
                 /* @__PURE__ */ e(xt, {}),
                 d && d.length > 0 && /* @__PURE__ */ e(
-                  ve,
+                  ye,
                   {
                     onClick: () => {
-                      const n = ge(d, L);
+                      const n = fe(d, L);
                       n && (S == null || S(n));
                     },
-                    title: ((ke = d.find((n) => n.key === L)) == null ? void 0 : ke.label) || "Theme",
+                    title: ((we = d.find((n) => n.key === L)) == null ? void 0 : we.label) || "Theme",
                     "aria-label": "theme",
                     style: { color: o.colors.text },
                     children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("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" }) })
@@ -968,16 +980,16 @@ const fe = l.div`
         ),
         (() => {
           const h = (Array.isArray(r) ? r.length : 0) > 1, s = h ? _ ? "10px" : "var(--sidebar-width)" : "0px", m = U ? "10px" : "var(--toc-width)", B = h ? `${s} 1fr ${m}` : `1fr ${m}`;
-          return /* @__PURE__ */ f(it, { style: { gridTemplateColumns: B }, children: [
-            h && /* @__PURE__ */ f(rt, { children: [
+          return /* @__PURE__ */ g(it, { style: { gridTemplateColumns: B }, children: [
+            h && /* @__PURE__ */ g(rt, { children: [
               /* @__PURE__ */ e(lt, { $collapsed: _, children: /* @__PURE__ */ e(st, { children: r && r.length > 0 && /* @__PURE__ */ e("div", { children: Object.entries(
-                r.reduce((a, y) => {
-                  const p = y.group || "\u6587\u6863";
-                  return a[p] = a[p] || [], a[p].push(y), a;
+                r.reduce((a, v) => {
+                  const p = v.group || "\u6587\u6863";
+                  return a[p] = a[p] || [], a[p].push(v), a;
                 }, {})
-              ).map(([a, y]) => /* @__PURE__ */ f("div", { children: [
-                /* @__PURE__ */ e(fe, { children: a }),
-                /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: y.map((p) => /* @__PURE__ */ e(
+              ).map(([a, v]) => /* @__PURE__ */ g("div", { children: [
+                /* @__PURE__ */ e(ge, { children: a }),
+                /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: v.map((p) => /* @__PURE__ */ e(
                   Q,
                   {
                     $active: p.id === q,
@@ -996,15 +1008,15 @@ const fe = l.div`
               dt,
               {
                 ref: Z,
-                children: /* @__PURE__ */ e(ht, { $opacity: v, children: ee })
+                children: /* @__PURE__ */ e(ht, { $opacity: y, children: ee })
               }
             ) }),
-            /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ f(gt, { $collapsed: U, children: [
-              /* @__PURE__ */ e(fe, { children: "\u672C\u9875\u76EE\u5F55" }),
+            /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ g(ft, { $collapsed: U, children: [
+              /* @__PURE__ */ e(ge, { children: "\u672C\u9875\u76EE\u5F55" }),
               /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: ((t.tocItems ?? N) || []).map((a) => /* @__PURE__ */ e(
                 Q,
                 {
-                  $active: (k ? j : G) === a.id,
+                  $active: (w ? j : G) === a.id,
                   onClick: () => {
                     le(a.id), A == null || A(a);
                   },
@@ -1030,7 +1042,7 @@ const fe = l.div`
               display: "flex"
             },
             onClick: () => V(!1),
-            children: /* @__PURE__ */ f(
+            children: /* @__PURE__ */ g(
               "div",
               {
                 style: {
@@ -1044,7 +1056,7 @@ const fe = l.div`
                 },
                 onClick: (n) => n.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ f("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: [
+                  /* @__PURE__ */ g("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: [
                     /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: "\u76EE\u5F55" }),
                     /* @__PURE__ */ e(Q, { onClick: () => V(!1), children: "\u5173\u95ED" })
                   ] }),
@@ -1053,8 +1065,8 @@ const fe = l.div`
                       const s = h.group || "\u6587\u6863";
                       return n[s] = n[s] || [], n[s].push(h), n;
                     }, {})
-                  ).map(([n, h]) => /* @__PURE__ */ f("div", { children: [
-                    /* @__PURE__ */ e(fe, { children: n }),
+                  ).map(([n, h]) => /* @__PURE__ */ g("div", { children: [
+                    /* @__PURE__ */ e(ge, { children: n }),
                     /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: h.map((s) => /* @__PURE__ */ e(
                       Q,
                       {

package/package.json

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