@mxmweb/zui-layouts 1.3.14 → 1.3.16

package/index.js

@@ -1,9 +1,9 @@
-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";
-import { useTheme as de, deepMergeTheme as G, defaultTheme as F, ThemeProvider as Ae } from "@mxmweb/zui-theme";
-import { GoogleNavbar as Te, CustomDock as Fe } from "@mxmweb/zui-components";
+import { jsx as n, jsxs as b, Fragment as Ce } from "react/jsx-runtime";
+import * as F from "react";
+import k, { forwardRef as $e, createElement as de } from "react";
+import s from "styled-components";
+import { useTheme as ce, deepMergeTheme as G, defaultTheme as z, ThemeProvider as Te } from "@mxmweb/zui-theme";
+import { GoogleNavbar as Fe, CustomDock as ze } from "@mxmweb/zui-components";
 /**
  * React Router v6.30.1
  *
@@ -14,33 +14,33 @@ import { GoogleNavbar as Te, CustomDock as Fe } from "@mxmweb/zui-components";
  *
  * @license MIT
  */
-const ze = /* @__PURE__ */ T.createContext(null);
-process.env.NODE_ENV !== "production" && (ze.displayName = "DataRouter");
-const Me = /* @__PURE__ */ T.createContext(null);
-process.env.NODE_ENV !== "production" && (Me.displayName = "DataRouterState");
-const Re = /* @__PURE__ */ T.createContext(null);
-process.env.NODE_ENV !== "production" && (Re.displayName = "Await");
-const We = /* @__PURE__ */ T.createContext(null);
-process.env.NODE_ENV !== "production" && (We.displayName = "Navigation");
-const Oe = /* @__PURE__ */ T.createContext(null);
-process.env.NODE_ENV !== "production" && (Oe.displayName = "Location");
-const $e = /* @__PURE__ */ T.createContext({
+const Me = /* @__PURE__ */ F.createContext(null);
+process.env.NODE_ENV !== "production" && (Me.displayName = "DataRouter");
+const Re = /* @__PURE__ */ F.createContext(null);
+process.env.NODE_ENV !== "production" && (Re.displayName = "DataRouterState");
+const We = /* @__PURE__ */ F.createContext(null);
+process.env.NODE_ENV !== "production" && (We.displayName = "Await");
+const Oe = /* @__PURE__ */ F.createContext(null);
+process.env.NODE_ENV !== "production" && (Oe.displayName = "Navigation");
+const Le = /* @__PURE__ */ F.createContext(null);
+process.env.NODE_ENV !== "production" && (Le.displayName = "Location");
+const Be = /* @__PURE__ */ F.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
-process.env.NODE_ENV !== "production" && ($e.displayName = "Route");
-const He = /* @__PURE__ */ T.createContext(null);
+process.env.NODE_ENV !== "production" && (Be.displayName = "Route");
+const He = /* @__PURE__ */ F.createContext(null);
 process.env.NODE_ENV !== "production" && (He.displayName = "RouteError");
-const Le = /* @__PURE__ */ T.createContext(null);
-function je(e) {
-  let t = T.useContext($e).outlet;
-  return t && /* @__PURE__ */ T.createElement(Le.Provider, {
+const je = /* @__PURE__ */ F.createContext(null);
+function Pe(e) {
+  let t = F.useContext(Be).outlet;
+  return t && /* @__PURE__ */ F.createElement(je.Provider, {
     value: e
   }, t);
 }
-function Pe(e) {
-  return je(e.context);
+function _e(e) {
+  return Pe(e.context);
 }
 new Promise(() => {
 });
@@ -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, o, d) => !!t && t.trim() !== "" && d.indexOf(t) === o).join(" ").trim();
+const Ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), De = (...e) => e.filter((t, o, d) => !!t && t.trim() !== "" && d.indexOf(t) === o).join(" ").trim();
 /**
  * @license lucide-react v0.456.0 - ISC
  *
@@ -74,7 +74,7 @@ var Ve = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = Ce(
+const Ge = $e(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -82,22 +82,22 @@ const _e = Ce(
     absoluteStrokeWidth: d,
     className: i = "",
     children: p,
-    iconNode: D,
+    iconNode: N,
     ...B
-  }, H) => se(
+  }, R) => de(
     "svg",
     {
-      ref: H,
+      ref: R,
       ...Ve,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: d ? Number(o) * 24 / Number(t) : o,
-      className: Be("lucide", i),
+      className: De("lucide", i),
       ...B
     },
     [
-      ...D.map(([z, s]) => se(z, s)),
+      ...N.map(([D, l]) => de(D, l)),
       ...Array.isArray(p) ? p : [p]
     ]
   )
@@ -108,12 +108,12 @@ const _e = Ce(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const De = (e, t) => {
-  const o = Ce(
-    ({ className: d, ...i }, p) => se(_e, {
+const Ne = (e, t) => {
+  const o = $e(
+    ({ className: d, ...i }, p) => de(Ge, {
       ref: p,
       iconNode: t,
-      className: Be(`lucide-${Ee(e)}`, d),
+      className: De(`lucide-${Ee(e)}`, d),
       ...i
     })
   );
@@ -125,7 +125,7 @@ const De = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = De("ArrowLeft", [
+const Ke = Ne("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
@@ -135,9 +135,19 @@ const Ge = De("ArrowLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ee = De("ChevronRight", [
+const ee = Ne("ChevronRight", [
   ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
-]), Ke = l.div.attrs({
+]);
+function le(e, t) {
+  if (e === "auto") return "auto";
+  if (typeof e == "number" && Number.isFinite(e)) return `${e}px`;
+  if (typeof e == "string") {
+    const o = e.trim();
+    return o ? o === "auto" ? "auto" : /^-?\d+(\.\d+)?$/.test(o) ? `${o}px` : o : t;
+  }
+  return t;
+}
+const Ye = s.div.attrs({
   className: "dashboard-container-wrapper"
 })`
   display: flex;
@@ -145,8 +155,6 @@ const ee = De("ChevronRight", [
   align-items: flex-start;
   flex-direction: column;
   height: 100%;
-  min-height: 0;
-  flex: 1 1 0;
   width: 100%;
   max-width: 100%;
   position: relative;
@@ -162,7 +170,7 @@ const ee = De("ChevronRight", [
   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({
+`, qe = s.div.attrs({
   className: "dashboard-container-header"
 })`
   display: flex;
@@ -185,7 +193,7 @@ const ee = De("ChevronRight", [
   justify-content: flex-start;
   width: 100%;
   min-width: 0; /* 确保 flex 子元素可以收缩 */
-`, qe = l.button.attrs({
+`, Ze = s.button.attrs({
   className: "dashboard-container-back-button"
 })`
   display: flex;
@@ -229,7 +237,7 @@ const ee = De("ChevronRight", [
   return ((t = e.colors) == null ? void 0 : t.primaryActive) || ((o = e.colors) == null ? void 0 : o.primary) || "#2D4BE0";
 }};
   }
-`, Ze = l.div.attrs({
+`, Xe = s.div.attrs({
   className: "dashboard-container-title"
 })`
   line-height: ${({ theme: e }) => {
@@ -262,7 +270,7 @@ const ee = De("ChevronRight", [
   return ((t = e.colors) == null ? void 0 : t.primary) || "#4E6EF2";
 }};
   }
-`, Xe = l.div.attrs({
+`, Je = s.div.attrs({
   className: "dashboard-container-description"
 })`
   line-height: ${({ theme: e }) => {
@@ -283,7 +291,7 @@ const ee = De("ChevronRight", [
   var t, o;
   return ((o = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : o.size) || "12px";
 }};
-`, ke = l.div.attrs({
+`, me = s.div.attrs({
   className: "dashboard-container-breadcrumb"
 })`
   display: flex;
@@ -293,7 +301,7 @@ const ee = De("ChevronRight", [
   max-width: 50%;
   min-width: 0;
   overflow: hidden;
-`, te = l.div.attrs({
+`, te = s.div.attrs({
   className: "dashboard-container-breadcrumb-item"
 })`
   display: flex;
@@ -321,7 +329,7 @@ const ee = De("ChevronRight", [
   return e ? ((o = t.colors) == null ? void 0 : o.primary) || "#4E6EF2" : "inherit";
 }};
   }
-`, oe = l.div.attrs({
+`, oe = s.div.attrs({
   className: "dashboard-container-breadcrumb-separator"
 })`
   display: flex;
@@ -331,7 +339,7 @@ const ee = De("ChevronRight", [
   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({
+`, Qe = s.div.attrs({
   className: "dashboard-container-content"
 })`
   display: flex;
@@ -340,13 +348,15 @@ const ee = De("ChevronRight", [
   /* 使用 !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) ?? "16px";
-}} !important;
+  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+/);
+  var D, l;
+  const t = ((D = e.space) == null ? void 0 : D.dashboardHeaderHeight) ?? "38px", d = (((l = e.space) == null ? void 0 : l.dashboardHeaderPadding) ?? "0 0 8px 0").trim().split(/\s+/);
   let i = "0px", p = "0px";
-  return d.length === 1 ? i = p = d[0] : d.length === 2 ? ([i] = d, p = d[0]) : d.length === 3 ? [i, , p] = d : d.length >= 4 && ([i, , p] = d), t === "auto" ? `calc(100% - ${i} - ${p} - 10px)` : `calc(100% - ${t} - ${i} - ${p} - 10px)`;
+  d.length === 1 ? i = p = d[0] : d.length === 2 ? ([i] = d, p = d[0]) : d.length === 3 ? [i, , p] = d : d.length >= 4 && ([i, , p] = d);
+  const N = le(i, "0px"), B = le(p, "0px");
+  return t === "auto" ? `calc(100% - ${N} - ${B} - 10px)` : `calc(100% - ${le(t, "38px")} - ${N} - ${B} - 10px)`;
 }};
   min-height: 420px;
   overflow: auto;
@@ -368,12 +378,12 @@ const ee = De("ChevronRight", [
   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({
+`, Ue = s.div.attrs({
   className: "dashboard-container-nav"
 })`
   flex: 0 0 ${({ $isOpen: e }) => e ? "72px" : "28px"};
   transition: flex-basis 0.2s ease;
-`, Ue = l.div.attrs({
+`, et = s.div.attrs({
   className: "dashboard-container-main-wrapper"
 })`
   display: flex;
@@ -385,19 +395,17 @@ const ee = De("ChevronRight", [
   var t;
   return ((t = e.colors) == null ? void 0 : t.dashboardMainBackground) ?? "transparent";
 }};
-`, et = l.div.attrs({
+`, tt = s.div.attrs({
   className: "dashboard-container-main-layout"
 })`
   height: 100%;
-  min-height: 0;
-  flex: 1 1 0;
   display: flex;
   width: 100%;
   gap: ${({ theme: e }) => {
   var t;
   return ((t = e.space) == null ? void 0 : t.size) || "12px";
 }};
-`, Ft = ({
+`, zt = ({
   children: e,
   goBack: t,
   title: o,
@@ -405,85 +413,85 @@ const ee = De("ChevronRight", [
   breadcrumbs: i,
   dockItems: p,
   // 以下参数为兼容旧版本保留，当前未使用
-  dockActiveMode: D = "single",
+  dockActiveMode: N = "single",
   defaultDockActiveId: B,
-  defaultDockActiveIds: H,
-  styles: z,
-  eventsEmit: s
+  defaultDockActiveIds: R,
+  styles: D,
+  eventsEmit: l
 }) => {
-  const K = de(), I = G(
+  const K = ce(), I = G(
     // 基础：默认主题 + useTheme的配置
-    G({ theme: F, mode: "light" }, K),
+    G({ theme: z, mode: "light" }, K),
     // 最高层：用户手动传入的styles
-    z
-  ), c = (I == null ? void 0 : I.theme) || F, N = k.useRef(null), S = () => {
-    s != null && s.onGoBack ? s.onGoBack() : t && t();
-  }, L = () => {
-    s != null && s.onTitleClick && s.onTitleClick();
-  }, 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);
+    D
+  ), c = (I == null ? void 0 : I.theme) || z, S = k.useRef(null), A = () => {
+    l != null && l.onGoBack ? l.onGoBack() : t && t();
+  }, H = () => {
+    l != null && l.onTitleClick && l.onTitleClick();
+  }, T = (g, r) => {
+    l != null && l.onBreadcrumbClick ? l.onBreadcrumbClick(g, r) : g.onClick && g.onClick();
+  }, Y = (g, r) => {
+    l != null && l.onDockItemClick && l.onDockItemClick(g, r);
   }, j = () => {
     if (!i || i.length === 0) return null;
-    const [u, r] = k.useState({ start: 0, end: i.length, showEllipsis: !1 }), R = k.useCallback(() => {
-      if (!N.current || i.length <= 3) {
+    const [g, r] = k.useState({ start: 0, end: i.length, showEllipsis: !1 }), W = k.useCallback(() => {
+      if (!S.current || i.length <= 3) {
         r({ start: 0, end: i.length, showEllipsis: !1 });
         return;
       }
-      const v = N.current.offsetWidth * 0.5;
-      let V = Math.floor((v - 30) / (120 + 20));
-      if (V < 2 && (V = 2), V >= i.length) {
+      const m = S.current.offsetWidth * 0.5;
+      let E = Math.floor((m - 30) / (120 + 20));
+      if (E < 2 && (E = 2), E >= i.length) {
         r({ start: 0, end: i.length, showEllipsis: !1 });
         return;
       }
-      const J = 0, O = Math.min(V - 1, i.length);
+      const J = 0, L = Math.min(E - 1, i.length);
       r({
         start: J,
-        end: O,
-        showEllipsis: O < i.length - 1
+        end: L,
+        showEllipsis: L < i.length - 1
       });
     }, [i.length]);
     if (k.useEffect(() => {
-      R();
+      W();
       const w = new ResizeObserver(() => {
-        R();
+        W();
       });
-      return N.current && w.observe(N.current), () => {
+      return S.current && w.observe(S.current), () => {
         w.disconnect();
       };
-    }, [R]), i.length <= 3)
-      return /* @__PURE__ */ n(ke, { theme: c, children: i.map((w, v) => /* @__PURE__ */ b(k.Fragment, { children: [
+    }, [W]), i.length <= 3)
+      return /* @__PURE__ */ n(me, { theme: c, children: i.map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
         /* @__PURE__ */ n(
           te,
           {
-            $isLast: v === i.length - 1,
-            $isClickable: !!(v < i.length - 1 || w.onClick),
-            onClick: () => A(w, v),
+            $isLast: m === i.length - 1,
+            $isClickable: !!(m < i.length - 1 || w.onClick),
+            onClick: () => T(w, m),
             theme: c,
             title: w.label,
             children: w.label
           }
         ),
-        v < i.length - 1 && /* @__PURE__ */ n(oe, { theme: c, children: /* @__PURE__ */ n(ee, { size: 14 }) })
+        m < i.length - 1 && /* @__PURE__ */ n(oe, { theme: c, children: /* @__PURE__ */ n(ee, { size: 14 }) })
       ] }, w.id)) });
-    const { start: E, end: W, showEllipsis: re } = u;
-    return /* @__PURE__ */ b(ke, { theme: c, children: [
-      i.slice(E, W).map((w, v) => /* @__PURE__ */ b(k.Fragment, { children: [
+    const { start: _, end: O, showEllipsis: re } = g;
+    return /* @__PURE__ */ b(me, { theme: c, children: [
+      i.slice(_, O).map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
         /* @__PURE__ */ n(
           te,
           {
-            $isLast: v === W - E - 1 && !re,
-            $isClickable: !!(v < W - E - 1 || w.onClick),
-            onClick: () => A(w, E + v),
+            $isLast: m === O - _ - 1 && !re,
+            $isClickable: !!(m < O - _ - 1 || w.onClick),
+            onClick: () => T(w, _ + m),
             theme: c,
             title: w.label,
             children: w.label
           }
         ),
-        v < W - E - 1 && /* @__PURE__ */ n(oe, { theme: c, children: /* @__PURE__ */ n(ee, { size: 14 }) })
+        m < O - _ - 1 && /* @__PURE__ */ n(oe, { theme: c, children: /* @__PURE__ */ n(ee, { size: 14 }) })
       ] }, w.id)),
-      re && /* @__PURE__ */ b(ye, { children: [
+      re && /* @__PURE__ */ b(Ce, { children: [
         /* @__PURE__ */ n(oe, { theme: c, children: /* @__PURE__ */ n(ee, { size: 14 }) }),
         /* @__PURE__ */ n(
           te,
@@ -495,7 +503,7 @@ const ee = De("ChevronRight", [
               cursor: "default",
               maxWidth: "auto"
             },
-            title: `${i.slice(W, -1).map((w) => w.label).join(" > ")}`,
+            title: `${i.slice(O, -1).map((w) => w.label).join(" > ")}`,
             children: "..."
           }
         ),
@@ -505,7 +513,7 @@ const ee = De("ChevronRight", [
           {
             $isLast: !0,
             $isClickable: !!i[i.length - 1].onClick,
-            onClick: () => A(i[i.length - 1], i.length - 1),
+            onClick: () => T(i[i.length - 1], i.length - 1),
             theme: c,
             title: i[i.length - 1].label,
             children: i[i.length - 1].label
@@ -514,40 +522,40 @@ const ee = De("ChevronRight", [
       ] })
     ] });
   }, [P, q] = k.useState(!0);
-  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,
+  return /* @__PURE__ */ n(Ye, { theme: c, children: /* @__PURE__ */ b(tt, { theme: c, children: [
+    p && p.length > 0 && /* @__PURE__ */ n(Ue, { $isOpen: P, theme: c, children: /* @__PURE__ */ n(
+      Fe,
       {
         items: p,
         open: P,
         onOpenChange: q,
-        onItemClick: (u) => Y({ id: String(u.key), label: u.name }, 0),
+        onItemClick: (g) => Y({ id: String(g.key), label: g.name }, 0),
         defaultOpen: !0
       }
     ) }),
-    /* @__PURE__ */ b(Ue, { theme: c, children: [
-      (o || d || t || i) && /* @__PURE__ */ b(Ye, { ref: N, theme: c, children: [
+    /* @__PURE__ */ b(et, { theme: c, children: [
+      (o || d || t || i) && /* @__PURE__ */ b(qe, { ref: S, theme: c, children: [
         t && /* @__PURE__ */ n(
-          qe,
+          Ze,
           {
-            onClick: S,
+            onClick: A,
             theme: c,
             title: "\u8FD4\u56DE",
-            children: /* @__PURE__ */ n(Ge, { size: 18 })
+            children: /* @__PURE__ */ n(Ke, { size: 18 })
           }
         ),
         j(),
         o && /* @__PURE__ */ n(
-          Ze,
+          Xe,
           {
-            onClick: L,
+            onClick: H,
             theme: c,
             title: o,
             children: o
           }
         ),
         d && /* @__PURE__ */ n(
-          Xe,
+          Je,
           {
             theme: c,
             title: d,
@@ -555,10 +563,10 @@ const ee = De("ChevronRight", [
           }
         )
       ] }),
-      /* @__PURE__ */ n(Je, { theme: c, children: e || /* @__PURE__ */ n(Pe, {}) })
+      /* @__PURE__ */ n(Qe, { theme: c, children: e || /* @__PURE__ */ n(_e, {}) })
     ] })
   ] }) });
-}, tt = l.div.withConfig({
+}, ot = s.div.withConfig({
   shouldForwardProp: (e) => !["backgroundImage", "backgroundColor", "dockPosition"].includes(e)
 })`
   position: fixed;
@@ -571,13 +579,13 @@ const ee = De("ChevronRight", [
   flex-direction: ${(e) => e.dockPosition === "left" || e.dockPosition === "right" ? "row" : "column"};
   overflow: hidden;
   z-index: 1;
-`, ot = l.div.attrs({ className: "dock-container-main-area" })`
+`, nt = s.div.attrs({ className: "dock-container-main-area" })`
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   min-width: 0;
-`, nt = l.div`
+`, rt = s.div`
   height: 48px;
   width: 100%;
   display: flex;
@@ -586,7 +594,7 @@ const ee = De("ChevronRight", [
   background: transparent;
   z-index: 10;
   flex-shrink: 0;
-`, rt = l.div`
+`, it = s.div`
   flex: 1;
   width: 100%;
   overflow-y: auto;
@@ -613,7 +621,7 @@ const ee = De("ChevronRight", [
   &::-webkit-scrollbar-thumb:hover {
     background: rgba(255, 255, 255, 0.5);
   }
-`, ne = 16, it = 48, at = it + ne * 2, ve = at + ne * 2, lt = l.div.withConfig({
+`, ne = 16, at = 48, lt = at + ne * 2, ve = lt + ne * 2, st = s.div.withConfig({
   shouldForwardProp: (e) => !["dockPosition"].includes(e)
 })`
   ${(e) => e.dockPosition === "left" || e.dockPosition === "right" ? `
@@ -634,35 +642,35 @@ const ee = De("ChevronRight", [
   background: transparent;
   z-index: 10;
   flex-shrink: 0;
-`, zt = ({
+`, Mt = ({
   children: e,
   backgroundImage: t,
   backgroundColor: o,
   header: d,
   dockItems: i,
   dockPosition: p = "bottom",
-  dockActiveMode: D = "single",
+  dockActiveMode: N = "single",
   defaultDockActiveId: B,
-  defaultDockActiveIds: H,
-  styles: z,
-  eventsEmit: s
+  defaultDockActiveIds: R,
+  styles: D,
+  eventsEmit: l
 }) => {
   var P, q;
-  const K = de(), I = G(
+  const K = ce(), I = G(
     // 基础：默认主题 + useTheme的配置
-    G({ theme: F, mode: "light" }, K),
+    G({ theme: z, mode: "light" }, K),
     // 最高层：用户手动传入的styles
-    z
-  ), 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__ */ n(nt, { children: d }),
+    D
+  ), c = (I == null ? void 0 : I.theme) || z, S = (g, r) => {
+    l != null && l.onDockItemClick ? l.onDockItemClick(g, r) : g.onClick && g.onClick();
+  }, A = (g, r) => {
+    l != null && l.onDockActiveChange && l.onDockActiveChange(g, r);
+  }, H = (g, r) => {
+    l != null && l.onDockActiveChangeMultiple && l.onDockActiveChangeMultiple(g, r);
+  }, T = p === "left" || p === "right", Y = /* @__PURE__ */ b(Ce, { children: [
+    d && /* @__PURE__ */ n(rt, { children: d }),
     /* @__PURE__ */ n(
-      rt,
+      it,
       {
         style: {
           color: c.colors.text,
@@ -671,26 +679,26 @@ const ee = De("ChevronRight", [
         children: e
       }
     )
-  ] }), j = i && i.length > 0 && /* @__PURE__ */ n(lt, { dockPosition: p, children: /* @__PURE__ */ n(
-    Fe,
+  ] }), j = i && i.length > 0 && /* @__PURE__ */ n(st, { dockPosition: p, children: /* @__PURE__ */ n(
+    ze,
     {
       items: i,
       itemWidth: 48,
       itemHeight: 48,
       magnification: 1.5,
       itemGap: 8,
-      direction: A ? "vertical" : "horizontal",
+      direction: T ? "vertical" : "horizontal",
       dockPosition: p,
-      activeMode: D,
+      activeMode: N,
       defaultActiveId: B,
-      defaultActiveIds: H,
-      onItemClick: N,
-      onActiveChange: S,
-      onActiveChangeMultiple: L
+      defaultActiveIds: R,
+      onItemClick: S,
+      onActiveChange: A,
+      onActiveChangeMultiple: H
     }
   ) });
   return /* @__PURE__ */ b(
-    tt,
+    ot,
     {
       backgroundImage: t,
       backgroundColor: o,
@@ -698,12 +706,12 @@ const ee = De("ChevronRight", [
       children: [
         p === "top" && j,
         p === "left" && j,
-        A ? /* @__PURE__ */ n(ot, { children: Y }) : Y,
+        T ? /* @__PURE__ */ n(nt, { children: Y }) : Y,
         (p === "bottom" || p === "right") && j
       ]
     }
   );
-}, st = l.div`
+}, dt = s.div`
   --header-height: 56px;
   --page-gutter: 16px;
   --sidebar-width: 264px;
@@ -716,7 +724,7 @@ const ee = De("ChevronRight", [
   min-height: 100vh;
   height: 100vh; /* 以视口高度为基准，便于内部独立滚动布局 */
   position: relative;
-`, dt = l.div`
+`, ct = s.div`
   position: sticky;
   top: 0;
   z-index: 30;
@@ -728,16 +736,16 @@ const ee = De("ChevronRight", [
   padding: 0 16px;
   border-bottom: 1px solid rgba(0,0,0,0.06);
   backdrop-filter: blur(8px);
-`, ct = l.div`
+`, ht = s.div`
   display: flex;
   align-items: center;
   gap: 12px;
   min-width: 0;
-`, ht = l.div`
+`, pt = s.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`, me = l.button`
+`, ye = s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -751,7 +759,7 @@ const ee = De("ChevronRight", [
 
   &:hover { background: rgba(0,0,0,0.04); }
   &:active { transform: translateY(1px); }
-`, pt = l.div`
+`, ut = s.div`
   display: grid;
   grid-template-columns: var(--sidebar-width) 1fr var(--toc-width);
   gap: 16px;
@@ -772,9 +780,9 @@ const ee = De("ChevronRight", [
     gap: 12px;
     padding: 12px 12px 20px 12px;
   }
-`, gt = l.aside`
+`, gt = s.aside`
   position: relative;
-`, ut = l.div`
+`, ft = s.div`
   height: 100%;
   overflow: hidden;
   padding-right: 8px;
@@ -783,7 +791,7 @@ const ee = De("ChevronRight", [
   opacity: ${(e) => e.$collapsed ? 0 : 1};
   transform: translateX(${(e) => e.$collapsed ? "-6px" : "0px"});
   pointer-events: ${(e) => e.$collapsed ? "none" : "auto"};
-`, ft = l.button`
+`, xt = s.button`
   position: absolute;
   top: 6px;
   right: -10px;
@@ -798,16 +806,16 @@ const ee = De("ChevronRight", [
   justify-content: center;
   transition: background .15s ease;
   &:hover { background: rgba(0,0,0,0.12); }
-`, xt = l.div`
+`, bt = s.div`
   height: 100%;
   overflow: auto;
   padding-right: 8px;
-`, bt = l.main`
+`, wt = s.main`
   position: relative;
   min-width: 0;
   height: 100%;
   overflow: auto; /* 文档渲染区独立滚动 */
-`, wt = l.div`
+`, kt = s.div`
   width: 100%;
   max-width: var(--content-max);
   margin: 0 auto;
@@ -815,16 +823,16 @@ const ee = De("ChevronRight", [
   border-radius: 8px;
   padding: 0px 12px;
   padding-bottom: 120px; /* 底部留出足够的 margin，确保可以滚动到最底部 */
-`, kt = l.div`
+`, mt = s.div`
   height: 100%;
   transition: opacity .5s ease;
   opacity: ${(e) => e.$opacity};
-`, vt = l.aside`
+`, vt = s.aside`
   position: relative;
   z-index: 1;
   height: 100%;
   overflow: hidden;
-`, mt = l.div`
+`, yt = s.div`
   /* 右侧目录独立滚动 */
   position: relative;
   height: 100%;
@@ -836,7 +844,7 @@ const ee = De("ChevronRight", [
   border-left: 1px solid rgba(0,0,0,0.06);
   background: transparent;
   z-index: 1;
-`, yt = l.div`
+`, Ct = s.div`
   transition: opacity .2s ease, transform .2s ease;
   opacity: ${(e) => e.$collapsed ? 0 : 1};
   transform: translateX(${(e) => e.$collapsed ? "6px" : "0px"});
@@ -845,7 +853,7 @@ const ee = De("ChevronRight", [
   max-width: 100%;
   /* 不设置高度限制，让内容自然流动，由父容器 TocFloat 控制滚动 */
 `;
-l.button`
+s.button`
   position: absolute;
   top: 6px;
   left: -10px;
@@ -861,11 +869,11 @@ l.button`
   transition: background .15s ease;
   &:hover { background: rgba(0,0,0,0.12); }
 `;
-const le = l.div`
+const se = s.div`
   font-size: 12px;
   opacity: .7;
   padding: 8px 8px;
-`, X = l.button`
+`, X = s.button`
   width: 100%;
   padding: 8px 10px;
   background: transparent;
@@ -896,7 +904,7 @@ const le = l.div`
   }
 
   ${(e) => e.$active ? "background: rgba(0,0,0,0.08); font-weight: 600;" : ""}
-`, Ct = l.div`
+`, $t = s.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -906,16 +914,16 @@ const le = l.div`
   overflow-y: hidden;
   scrollbar-width: none;
   &::-webkit-scrollbar { display: none; }
-`, $t = l.div`
+`, Bt = s.div`
   width: 1px;
   height: 16px;
   background: currentColor;
   opacity: .2;
-`, Bt = {
+`, Dt = {
   theme: {
-    ...F,
+    ...z,
     colors: {
-      ...F.colors,
+      ...z.colors,
       appBackground: "#ffffff",
       panelBackground: "#ffffff",
       dashboardBackground: "#ffffff",
@@ -925,11 +933,11 @@ const le = l.div`
       shadow: "0 1px 2px rgba(0,0,0,0.06)"
     }
   }
-}, Dt = {
+}, Nt = {
   theme: {
-    ...F,
+    ...z,
     colors: {
-      ...F.colors,
+      ...z.colors,
       appBackground: "#0f172a",
       panelBackground: "#111827",
       dashboardBackground: "#0b1220",
@@ -940,93 +948,93 @@ const le = l.div`
     }
   },
   mode: "dark"
-}, Mt = (e) => {
-  var ue, fe, xe, be;
+}, Rt = (e) => {
+  var fe, xe, be, we;
   const {
     children: t,
     headerLogo: o,
     contentKey: d,
     modules: i,
     activeModuleKey: p,
-    onModuleChange: D,
+    onModuleChange: N,
     languages: B,
-    activeLanguageKey: H,
-    onLanguageChange: z,
-    themes: s,
+    activeLanguageKey: R,
+    onLanguageChange: D,
+    themes: l,
     activeThemeKey: K,
     onThemeChange: I,
     sidebarItems: c,
-    activeSidebarId: N,
-    onSidebarItemClick: S,
-    activeTocId: L,
-    onTocItemClick: A,
+    activeSidebarId: S,
+    onSidebarItemClick: A,
+    activeTocId: H,
+    onTocItemClick: T,
     collapsibleSidebar: Y = !0,
     styles: j
-  } = e, P = de(), q = e.activeThemeKey === "dark" ? Dt : Bt, u = G(
+  } = e, P = ce(), q = e.activeThemeKey === "dark" ? Nt : Dt, g = G(
     G(
-      G({ theme: F, mode: "light" }, P),
+      G({ theme: z, mode: "light" }, P),
       q
     ),
     j
-  ), 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);
+  ), r = (g == null ? void 0 : g.theme) || z, [W, _] = k.useState(!1), [O, re] = k.useState(!1), [w, m] = k.useState(!1), U = typeof H == "string", [he, ie] = k.useState(H), E = k.useRef(null), [J, L] = k.useState(void 0), [Ie, pe] = k.useState(t), [Se, ue] = k.useState(1);
   k.useEffect(() => {
     if (d === void 0) {
-      he(t);
+      pe(t);
       return;
     }
-    pe(0);
+    ue(0);
     const a = setTimeout(() => {
-      he(t), requestAnimationFrame(() => pe(1));
+      pe(t), requestAnimationFrame(() => ue(1));
     }, 120);
     return () => clearTimeout(a);
   }, [d, t]), k.useMemo(() => {
-    var a, f, g, y, $, h, m, x, _, C, M, Z, Q;
+    var a, f, u, y, $, h, v, x, V, 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: (g = r == null ? void 0 : r.colors) == null ? void 0 : g.appBackground,
+      backgroundColor: (u = r == null ? void 0 : r.colors) == null ? void 0 : u.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: (m = r == null ? void 0 : r.space) == null ? void 0 : m.radius,
+      borderRadius: (v = r == null ? void 0 : r.space) == null ? void 0 : v.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,
+      margin: (V = r == null ? void 0 : r.space) == null ? void 0 : V.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
     };
   }, [r]), k.useEffect(() => {
     if (e.tocItems)
-      O(void 0);
+      L(void 0);
     else {
-      d !== void 0 && O(void 0);
+      d !== void 0 && L(void 0);
       let a = 0;
       const f = 10;
-      let g = null, y = null;
+      let u = null, y = null;
       const $ = () => {
-        const h = V.current;
+        const h = E.current;
         if (!h) {
-          a < f ? (a++, g = setTimeout($, 200)) : O([]);
+          a < f ? (a++, u = setTimeout($, 200)) : L([]);
           return;
         }
-        const m = Array.from(h.querySelectorAll("h1, h2, h3"));
-        if (m.length === 0) {
-          a < f ? (a++, g = setTimeout($, 200)) : O([]);
+        const v = Array.from(h.querySelectorAll("h1, h2, h3"));
+        if (v.length === 0) {
+          a < f ? (a++, u = setTimeout($, 200)) : L([]);
           return;
         }
-        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;
+        const x = /* @__PURE__ */ new Map(), V = v.map((C) => {
+          var ke;
+          const M = C.id || ((ke = C.textContent) == null ? void 0 : ke.trim().replace(/\s+/g, "-").toLowerCase()) || "", Z = x.get(M) || 0;
           x.set(M, Z + 1);
           const Q = Z > 0 ? `${M}-${Z}` : M;
           C.id || (C.id = Q);
-          const Se = C.tagName === "H1" ? 1 : C.tagName === "H2" ? 2 : 3;
-          return { id: Q, label: C.textContent || "", level: Se };
+          const Ae = C.tagName === "H1" ? 1 : C.tagName === "H2" ? 2 : 3;
+          return { id: Q, label: C.textContent || "", level: Ae };
         });
-        O(_);
+        L(V);
       };
       return y = requestAnimationFrame(() => {
-        g = setTimeout($, 100);
+        u = setTimeout($, 100);
       }), () => {
-        y !== null && cancelAnimationFrame(y), g !== null && clearTimeout(g);
+        y !== null && cancelAnimationFrame(y), u !== null && clearTimeout(u);
       };
     }
   }, [t, e.tocItems, d]), k.useEffect(() => {
@@ -1034,64 +1042,64 @@ const le = l.div`
     const f = ((e.tocItems ?? J) || []).map((h) => h.id).filter(Boolean);
     if (f.length === 0) return;
     ie(void 0);
-    const g = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, y = (h) => {
-      var x, _;
-      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);
+    const u = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, y = (h) => {
+      var x, V;
+      const v = h.filter((C) => C.isIntersecting).sort((C, M) => C.boundingClientRect.top - M.boundingClientRect.top);
+      (V = (x = v[0]) == null ? void 0 : x.target) != null && V.id && ie(v[0].target.id);
+    }, $ = new IntersectionObserver(y, u);
     return f.forEach((h) => {
-      const m = document.getElementById(h);
-      m && $.observe(m);
+      const v = document.getElementById(h);
+      v && $.observe(v);
     }), () => $.disconnect();
   }, [J, U, e.tocItems, d]);
   const ge = (a, f) => {
     if (!a || a.length === 0) return;
-    const g = Math.max(0, a.findIndex(($) => $.key === f)), y = a[(g + 1) % a.length];
+    const u = Math.max(0, a.findIndex(($) => $.key === f)), y = a[(u + 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__ */ n(Ae, { theme: r, mode: u.mode, children: /* @__PURE__ */ b(
-    st,
+  return /* @__PURE__ */ n(Te, { theme: r, mode: g.mode, children: /* @__PURE__ */ b(
+    dt,
     {
       style: {
         background: r.colors.appBackground,
         color: r.colors.text,
-        fontFamily: ((fe = (ue = r.fonts) == null ? void 0 : ue.body) == null ? void 0 : fe.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
+        fontFamily: ((xe = (fe = r.fonts) == null ? void 0 : fe.body) == null ? void 0 : xe.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
       },
       children: [
         /* @__PURE__ */ b(
-          dt,
+          ct,
           {
             style: {
               background: r.colors.panelBackground || r.colors.dashboardBackground || "rgba(255,255,255,0.6)",
               color: r.colors.text
             },
             children: [
-              /* @__PURE__ */ b(ct, { children: [
+              /* @__PURE__ */ b(ht, { children: [
                 o,
-                i && i.length > 0 && /* @__PURE__ */ n(Ct, { children: i.map((a) => /* @__PURE__ */ n(
+                i && i.length > 0 && /* @__PURE__ */ n($t, { children: i.map((a) => /* @__PURE__ */ n(
                   X,
                   {
                     $active: a.key === p,
-                    onClick: () => D == null ? void 0 : D(a.key),
+                    onClick: () => N == null ? void 0 : N(a.key),
                     title: a.label,
                     children: a.label
                   },
                   a.key
                 )) })
               ] }),
-              /* @__PURE__ */ b(ht, { children: [
+              /* @__PURE__ */ b(pt, { children: [
                 /* @__PURE__ */ n("div", { className: "hide-on-desktop", style: { display: "none" } }),
                 B && B.length > 0 && /* @__PURE__ */ n(
-                  me,
+                  ye,
                   {
                     onClick: () => {
-                      const a = ge(B, H);
-                      a && (z == null || z(a));
+                      const a = ge(B, R);
+                      a && (D == null || D(a));
                     },
-                    title: ((xe = B.find((a) => a.key === H)) == null ? void 0 : xe.label) || "Language",
+                    title: ((be = B.find((a) => a.key === R)) == null ? void 0 : be.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: [
@@ -1100,42 +1108,42 @@ const le = l.div`
                     ] })
                   }
                 ),
-                /* @__PURE__ */ n($t, {}),
-                s && s.length > 0 && /* @__PURE__ */ n(
-                  me,
+                /* @__PURE__ */ n(Bt, {}),
+                l && l.length > 0 && /* @__PURE__ */ n(
+                  ye,
                   {
                     onClick: () => {
-                      const a = ge(s, K);
+                      const a = ge(l, K);
                       a && (I == null || I(a));
                     },
-                    title: ((be = s.find((a) => a.key === K)) == null ? void 0 : be.label) || "Theme",
+                    title: ((we = l.find((a) => a.key === K)) == null ? void 0 : we.label) || "Theme",
                     "aria-label": "theme",
                     style: { color: r.colors.text },
                     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__ */ n("div", { className: "mobile-only", style: { display: "none" }, children: /* @__PURE__ */ n(X, { onClick: () => v(!0), title: "\u6253\u5F00\u76EE\u5F55", children: "\u76EE\u5F55" }) })
+                /* @__PURE__ */ n("div", { className: "mobile-only", style: { display: "none" }, children: /* @__PURE__ */ n(X, { onClick: () => m(!0), title: "\u6253\u5F00\u76EE\u5F55", children: "\u76EE\u5F55" }) })
               ] })
             ]
           }
         ),
         (() => {
-          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: [
+          const f = (Array.isArray(c) ? c.length : 0) > 1, u = f ? W ? "10px" : "var(--sidebar-width)" : "0px", y = O ? "10px" : "var(--toc-width)", $ = f ? `${u} 1fr ${y}` : `1fr ${y}`;
+          return /* @__PURE__ */ b(ut, { style: { gridTemplateColumns: $ }, children: [
             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;
+              /* @__PURE__ */ n(ft, { $collapsed: W, children: /* @__PURE__ */ n(bt, { children: c && c.length > 0 && /* @__PURE__ */ n("div", { children: Object.entries(
+                c.reduce((h, v) => {
+                  const x = v.group || "\u6587\u6863";
+                  return h[x] = h[x] || [], h[x].push(v), h;
                 }, {})
-              ).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(
+              ).map(([h, v]) => /* @__PURE__ */ b("div", { children: [
+                /* @__PURE__ */ n(se, { children: h }),
+                /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: v.map((x) => /* @__PURE__ */ n(
                   X,
                   {
-                    $active: x.id === N,
+                    $active: x.id === S,
                     onClick: () => {
-                      x.href && (x.href.startsWith("#") ? ae(x.href.slice(1)) : window.location.href = x.href), S == null || S(x), v(!1);
+                      x.href && (x.href.startsWith("#") ? ae(x.href.slice(1)) : window.location.href = x.href), A == null || A(x), m(!1);
                     },
                     title: x.label,
                     children: x.label
@@ -1143,23 +1151,23 @@ const le = l.div`
                   x.id
                 )) })
               ] }, h)) }) }) }),
-              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" }) }) })
+              Y && f && /* @__PURE__ */ n(xt, { onClick: () => _((h) => !h), title: W ? "\u5C55\u5F00\u5DE6\u4FA7\u680F" : "\u6536\u8D77\u5DE6\u4FA7\u680F", "aria-label": "toggle-left", children: W ? /* @__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__ */ n(bt, { children: /* @__PURE__ */ n(
-              wt,
+            /* @__PURE__ */ n(wt, { children: /* @__PURE__ */ n(
+              kt,
               {
-                ref: V,
-                children: /* @__PURE__ */ n(kt, { $opacity: Ne, children: Ie })
+                ref: E,
+                children: /* @__PURE__ */ n(mt, { $opacity: Se, children: Ie })
               }
             ) }),
-            /* @__PURE__ */ n(vt, { children: /* @__PURE__ */ n(mt, { children: /* @__PURE__ */ b(yt, { $collapsed: W, children: [
-              /* @__PURE__ */ n(le, { children: "\u672C\u9875\u76EE\u5F55" }),
+            /* @__PURE__ */ n(vt, { children: /* @__PURE__ */ n(yt, { children: /* @__PURE__ */ b(Ct, { $collapsed: O, children: [
+              /* @__PURE__ */ n(se, { 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,
+                  $active: (U ? H : he) === h.id,
                   onClick: () => {
-                    ae(h.id), A == null || A(h);
+                    ae(h.id), T == null || T(h);
                   },
                   title: h.label,
                   style: { paddingLeft: Math.max(0, (h.level || 1) - 1) * 12 + 10 },
@@ -1182,7 +1190,7 @@ const le = l.div`
               background: "rgba(0,0,0,0.45)",
               display: "flex"
             },
-            onClick: () => v(!1),
+            onClick: () => m(!1),
             children: /* @__PURE__ */ b(
               "div",
               {
@@ -1199,25 +1207,25 @@ const le = l.div`
                 children: [
                   /* @__PURE__ */ b("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: [
                     /* @__PURE__ */ n("div", { style: { fontWeight: 600 }, children: "\u76EE\u5F55" }),
-                    /* @__PURE__ */ n(X, { onClick: () => v(!1), children: "\u5173\u95ED" })
+                    /* @__PURE__ */ n(X, { onClick: () => m(!1), children: "\u5173\u95ED" })
                   ] }),
                   c && c.length > 0 && /* @__PURE__ */ n("div", { style: { overflow: "auto", height: "calc(100% - 40px)" }, children: Object.entries(
                     c.reduce((a, f) => {
-                      const g = f.group || "\u6587\u6863";
-                      return a[g] = a[g] || [], a[g].push(f), a;
+                      const u = f.group || "\u6587\u6863";
+                      return a[u] = a[u] || [], a[u].push(f), a;
                     }, {})
                   ).map(([a, f]) => /* @__PURE__ */ b("div", { children: [
-                    /* @__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(
+                    /* @__PURE__ */ n(se, { children: a }),
+                    /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: f.map((u) => /* @__PURE__ */ n(
                       X,
                       {
-                        $active: g.id === N,
+                        $active: u.id === S,
                         onClick: () => {
-                          g.href && (g.href.startsWith("#") ? ae(g.href.slice(1)) : window.location.href = g.href), S == null || S(g), v(!1);
+                          u.href && (u.href.startsWith("#") ? ae(u.href.slice(1)) : window.location.href = u.href), A == null || A(u), m(!1);
                         },
-                        children: g.label
+                        children: u.label
                       },
-                      g.id
+                      u.id
                     )) })
                   ] }, a)) })
                 ]
@@ -1230,7 +1238,7 @@ const le = l.div`
   ) });
 };
 export {
-  Ft as DashboardContainer,
-  zt as DockContainer,
-  Mt as DocumentContainer
+  zt as DashboardContainer,
+  Mt as DockContainer,
+  Rt as DocumentContainer
 };

package/package.json

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