@mxmweb/zui-layouts 1.3.5 → 1.3.9

package/index.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as x, Fragment as Ie } from "react/jsx-runtime";
+import { jsx as t, jsxs as b, Fragment as ye } from "react/jsx-runtime";
 import * as S from "react";
-import w, { forwardRef as ve, createElement as le } from "react";
+import k, { forwardRef as Ce, createElement as se } from "react";
 import l from "styled-components";
-import { useTheme as se, deepMergeTheme as K, defaultTheme as F, ThemeProvider as Ne } from "@mxmweb/zui-theme";
-import { GoogleNavbar as Ae, CustomDock as Te } from "@mxmweb/zui-components";
+import { useTheme as ce, deepMergeTheme as G, defaultTheme as A, ThemeProvider as Ae } from "@mxmweb/zui-theme";
+import { GoogleNavbar as Te, CustomDock as Fe } from "@mxmweb/zui-components";
 /**
  * React Router v6.30.1
  *
@@ -14,33 +14,33 @@ import { GoogleNavbar as Ae, CustomDock as Te } from "@mxmweb/zui-components";
  *
  * @license MIT
  */
-const Se = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (Se.displayName = "DataRouter");
-const Fe = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (Fe.displayName = "DataRouterState");
-const Me = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (Me.displayName = "Await");
 const ze = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (ze.displayName = "Navigation");
+process.env.NODE_ENV !== "production" && (ze.displayName = "DataRouter");
+const Me = /* @__PURE__ */ S.createContext(null);
+process.env.NODE_ENV !== "production" && (Me.displayName = "DataRouterState");
 const Re = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (Re.displayName = "Location");
-const me = /* @__PURE__ */ S.createContext({
+process.env.NODE_ENV !== "production" && (Re.displayName = "Await");
+const We = /* @__PURE__ */ S.createContext(null);
+process.env.NODE_ENV !== "production" && (We.displayName = "Navigation");
+const Oe = /* @__PURE__ */ S.createContext(null);
+process.env.NODE_ENV !== "production" && (Oe.displayName = "Location");
+const $e = /* @__PURE__ */ S.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
-process.env.NODE_ENV !== "production" && (me.displayName = "Route");
-const We = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (We.displayName = "RouteError");
-const Oe = /* @__PURE__ */ S.createContext(null);
-function Le(e) {
-  let o = S.useContext(me).outlet;
-  return o && /* @__PURE__ */ S.createElement(Oe.Provider, {
+process.env.NODE_ENV !== "production" && ($e.displayName = "Route");
+const Le = /* @__PURE__ */ S.createContext(null);
+process.env.NODE_ENV !== "production" && (Le.displayName = "RouteError");
+const je = /* @__PURE__ */ S.createContext(null);
+function He(e) {
+  let o = S.useContext($e).outlet;
+  return o && /* @__PURE__ */ S.createElement(je.Provider, {
     value: e
   }, o);
 }
-function je(e) {
-  return Le(e.context);
+function Ee(e) {
+  return He(e.context);
 }
 new Promise(() => {
 });
@@ -50,14 +50,14 @@ 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(), ye = (...e) => e.filter((o, n, u) => !!o && o.trim() !== "" && u.indexOf(o) === n).join(" ").trim();
+const Ve = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Be = (...e) => e.filter((o, n, p) => !!o && o.trim() !== "" && p.indexOf(o) === n).join(" ").trim();
 /**
  * @license lucide-react v0.456.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var He = {
+var _e = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -74,31 +74,31 @@ var He = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = ve(
+const Pe = Ce(
   ({
     color: e = "currentColor",
     size: o = 24,
     strokeWidth: n = 2,
-    absoluteStrokeWidth: u,
+    absoluteStrokeWidth: p,
     className: a = "",
-    children: $,
-    iconNode: W,
-    ...M
-  }, _) => le(
+    children: x,
+    iconNode: M,
+    ...T
+  }, L) => se(
     "svg",
     {
-      ref: _,
-      ...He,
+      ref: L,
+      ..._e,
       width: o,
       height: o,
       stroke: e,
-      strokeWidth: u ? Number(n) * 24 / Number(o) : n,
-      className: ye("lucide", a),
-      ...M
+      strokeWidth: p ? Number(n) * 24 / Number(o) : n,
+      className: Be("lucide", a),
+      ...T
     },
     [
-      ...W.map(([f, h]) => le(f, h)),
-      ...Array.isArray($) ? $ : [$]
+      ...M.map(([F, s]) => se(F, s)),
+      ...Array.isArray(x) ? x : [x]
     ]
   )
 );
@@ -108,12 +108,12 @@ const _e = ve(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ce = (e, o) => {
-  const n = ve(
-    ({ className: u, ...a }, $) => le(_e, {
-      ref: $,
+const De = (e, o) => {
+  const n = Ce(
+    ({ className: p, ...a }, x) => se(Pe, {
+      ref: x,
       iconNode: o,
-      className: ye(`lucide-${Ee(e)}`, u),
+      className: Be(`lucide-${Ve(e)}`, p),
       ...a
     })
   );
@@ -125,7 +125,7 @@ const Ce = (e, o) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ve = Ce("ArrowLeft", [
+const Ge = De("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
@@ -135,9 +135,9 @@ const Ve = Ce("ArrowLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const U = Ce("ChevronRight", [
+const ee = De("ChevronRight", [
   ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
-]), Pe = l.div.attrs({
+]), Ke = l.div.attrs({
   className: "dashboard-container-wrapper"
 })`
   display: flex;
@@ -153,8 +153,8 @@ const U = Ce("ChevronRight", [
   max-width: 98%;
   position: relative;
   background: ${({ theme: e }) => {
-  var o;
-  return ((o = e.colors) == null ? void 0 : o.appBackground) || "transparent";
+  var o, n;
+  return ((o = e.colors) == null ? void 0 : o.dashboardBackground) ?? ((n = e.colors) == null ? void 0 : n.appBackground) ?? "transparent";
 }};
   color: ${({ theme: e }) => {
   var o;
@@ -164,11 +164,14 @@ const U = Ce("ChevronRight", [
   var o, n;
   return ((n = (o = e.fonts) == null ? void 0 : o.body) == null ? void 0 : n.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif";
 }};
-`, Ge = l.div.attrs({
+`, Ye = l.div.attrs({
   className: "dashboard-container-header"
 })`
   display: flex;
-  height: 38px;
+  height: ${({ theme: e }) => {
+  var o;
+  return ((o = e.space) == null ? void 0 : o.dashboardHeaderHeight) ?? "38px";
+}};
   z-index: 10;
   background: transparent;
   gap: ${({ theme: e }) => {
@@ -180,7 +183,7 @@ const U = Ce("ChevronRight", [
   justify-content: flex-start;
   width: 100%;
   min-width: 0; /* 确保 flex 子元素可以收缩 */
-`, Ke = l.button.attrs({
+`, qe = l.button.attrs({
   className: "dashboard-container-back-button"
 })`
   display: flex;
@@ -224,7 +227,7 @@ const U = Ce("ChevronRight", [
   return ((o = e.colors) == null ? void 0 : o.primaryActive) || ((n = e.colors) == null ? void 0 : n.primary) || "#2D4BE0";
 }};
   }
-`, Ye = l.div.attrs({
+`, Ze = l.div.attrs({
   className: "dashboard-container-title"
 })`
   line-height: ${({ theme: e }) => {
@@ -257,7 +260,7 @@ const U = Ce("ChevronRight", [
   return ((o = e.colors) == null ? void 0 : o.primary) || "#4E6EF2";
 }};
   }
-`, qe = l.div.attrs({
+`, Xe = l.div.attrs({
   className: "dashboard-container-description"
 })`
   line-height: ${({ theme: e }) => {
@@ -278,7 +281,7 @@ const U = Ce("ChevronRight", [
   var o, n;
   return ((n = (o = e.fonts) == null ? void 0 : o.body) == null ? void 0 : n.size) || "12px";
 }};
-`, we = l.div.attrs({
+`, ke = l.div.attrs({
   className: "dashboard-container-breadcrumb"
 })`
   display: flex;
@@ -288,7 +291,7 @@ const U = Ce("ChevronRight", [
   max-width: 50%;
   min-width: 0;
   overflow: hidden;
-`, ee = l.div.attrs({
+`, oe = l.div.attrs({
   className: "dashboard-container-breadcrumb-item"
 })`
   display: flex;
@@ -299,8 +302,8 @@ const U = Ce("ChevronRight", [
   return ((n = (o = e.fonts) == null ? void 0 : o.body) == null ? void 0 : n.size) || "14px";
 }};
   color: ${({ $isLast: e, theme: o }) => {
-  var n, u, a;
-  return e ? ((n = o.colors) == null ? void 0 : n.text) || "#343a40" : ((u = o.colors) == null ? void 0 : u.textSecondary) || ((a = o.colors) == null ? void 0 : a.disabledText) || "#6c757d";
+  var n, p, a;
+  return e ? ((n = o.colors) == null ? void 0 : n.text) || "#343a40" : ((p = o.colors) == null ? void 0 : p.textSecondary) || ((a = o.colors) == null ? void 0 : a.disabledText) || "#6c757d";
 }};
   font-weight: ${({ $isLast: e }) => e ? "600" : "normal"};
   cursor: ${({ $isClickable: e }) => e ? "pointer" : "default"};
@@ -316,7 +319,7 @@ const U = Ce("ChevronRight", [
   return e ? ((n = o.colors) == null ? void 0 : n.primary) || "#4E6EF2" : "inherit";
 }};
   }
-`, oe = l.div.attrs({
+`, te = l.div.attrs({
   className: "dashboard-container-breadcrumb-separator"
 })`
   display: flex;
@@ -326,13 +329,16 @@ const U = Ce("ChevronRight", [
   return ((o = e.colors) == null ? void 0 : o.textSecondary) || ((n = e.colors) == null ? void 0 : n.disabledText) || "#6c757d";
 }};
   margin: 0 2px;
-`, Ze = l.div.attrs({
+`, Je = l.div.attrs({
   className: "dashboard-container-content"
 })`
   display: flex;
   flex-direction: column;
   width: 100%;
-  height: calc(100% - 45px);
+  height: ${({ theme: e }) => {
+  var o;
+  return `calc(100% - ${((o = e.space) == null ? void 0 : o.dashboardHeaderHeight) ?? "38px"} - 10px)`;
+}};
   min-height: 650px;
   overflow: auto;
   background: ${({ theme: e }) => {
@@ -345,27 +351,31 @@ const U = Ce("ChevronRight", [
   return ((o = e.colors) == null ? void 0 : o.dashboardBorder) !== void 0 ? e.colors.dashboardBorder : (n = e.colors) != null && n.border ? `1px solid ${e.colors.border}` : "none";
 }};
   border-radius: ${({ theme: e }) => {
-  var o;
-  return ((o = e.space) == null ? void 0 : o.radius) || "4px";
+  var o, n, p;
+  return ((o = e.space) == null ? void 0 : o.dashboardContentRadius) ?? ((n = e.colors) == null ? void 0 : n.dashboardContentRadius) ?? ((p = e.space) == null ? void 0 : p.radius) ?? "4px";
 }};
   /* 优先使用 dashboardShadow，如果没有则使用 shadow */
   box-shadow: ${({ theme: e }) => {
   var o, n;
   return ((o = e.colors) == null ? void 0 : o.dashboardShadow) || ((n = e.colors) == null ? void 0 : n.shadow) || "none";
 }};
-`, Xe = l.div.attrs({
+`, Qe = l.div.attrs({
   className: "dashboard-container-nav"
 })`
   flex: 0 0 ${({ $isOpen: e }) => e ? "72px" : "28px"};
   transition: flex-basis 0.2s ease;
-`, Je = l.div.attrs({
+`, Ue = l.div.attrs({
   className: "dashboard-container-main-wrapper"
 })`
   display: flex;
   flex-direction: column;
   flex: 1;
   min-width: 0;
-`, Qe = l.div.attrs({
+  background: ${({ theme: e }) => {
+  var o;
+  return ((o = e.colors) == null ? void 0 : o.dashboardMainBackground) ?? "transparent";
+}};
+`, eo = l.div.attrs({
   className: "dashboard-container-main-layout"
 })`
   height: 100%;
@@ -375,169 +385,169 @@ const U = Ce("ChevronRight", [
   var o;
   return ((o = e.space) == null ? void 0 : o.size) || "12px";
 }};
-`, No = ({
+`, zo = ({
   children: e,
   goBack: o,
   title: n,
-  description: u,
+  description: p,
   breadcrumbs: a,
-  dockItems: $,
+  dockItems: x,
   // 以下参数为兼容旧版本保留，当前未使用
-  dockActiveMode: W = "single",
-  defaultDockActiveId: M,
-  defaultDockActiveIds: _,
-  styles: f,
-  eventsEmit: h
+  dockActiveMode: M = "single",
+  defaultDockActiveId: T,
+  defaultDockActiveIds: L,
+  styles: F,
+  eventsEmit: s
 }) => {
-  const O = se(), I = K(
+  const K = ce(), B = G(
     // 基础：默认主题 + useTheme的配置
-    K({ theme: F, mode: "light" }, O),
+    G({ theme: A, mode: "light" }, K),
     // 最高层：用户手动传入的styles
-    f
-  ), s = (I == null ? void 0 : I.theme) || F, N = w.useRef(null), A = () => {
-    h != null && h.onGoBack ? h.onGoBack() : o && o();
-  }, L = () => {
-    h != null && h.onTitleClick && h.onTitleClick();
-  }, T = (m, r) => {
-    h != null && h.onBreadcrumbClick ? h.onBreadcrumbClick(m, r) : m.onClick && m.onClick();
-  }, B = (m, r) => {
-    h != null && h.onDockItemClick && h.onDockItemClick(m, r);
-  }, z = () => {
+    F
+  ), c = (B == null ? void 0 : B.theme) || A, D = k.useRef(null), I = () => {
+    s != null && s.onGoBack ? s.onGoBack() : o && o();
+  }, j = () => {
+    s != null && s.onTitleClick && s.onTitleClick();
+  }, N = (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);
+  }, H = () => {
     if (!a || a.length === 0) return null;
-    const [m, r] = w.useState({ start: 0, end: a.length, showEllipsis: !1 }), j = w.useCallback(() => {
-      if (!N.current || a.length <= 3) {
+    const [u, r] = k.useState({ start: 0, end: a.length, showEllipsis: !1 }), R = k.useCallback(() => {
+      if (!D.current || a.length <= 3) {
         r({ start: 0, end: a.length, showEllipsis: !1 });
         return;
       }
-      const k = N.current.offsetWidth * 0.5;
-      let P = Math.floor((k - 30) / (120 + 20));
-      if (P < 2 && (P = 2), P >= a.length) {
+      const m = D.current.offsetWidth * 0.5;
+      let _ = Math.floor((m - 30) / (120 + 20));
+      if (_ < 2 && (_ = 2), _ >= a.length) {
         r({ start: 0, end: a.length, showEllipsis: !1 });
         return;
       }
-      const Z = 0, H = Math.min(P - 1, a.length);
+      const J = 0, O = Math.min(_ - 1, a.length);
       r({
-        start: Z,
-        end: H,
-        showEllipsis: H < a.length - 1
+        start: J,
+        end: O,
+        showEllipsis: O < a.length - 1
       });
     }, [a.length]);
-    if (w.useEffect(() => {
-      j();
-      const b = new ResizeObserver(() => {
-        j();
+    if (k.useEffect(() => {
+      R();
+      const w = new ResizeObserver(() => {
+        R();
       });
-      return N.current && b.observe(N.current), () => {
-        b.disconnect();
+      return D.current && w.observe(D.current), () => {
+        w.disconnect();
       };
-    }, [j]), a.length <= 3)
-      return /* @__PURE__ */ t(we, { theme: s, children: a.map((b, k) => /* @__PURE__ */ x(w.Fragment, { children: [
+    }, [R]), a.length <= 3)
+      return /* @__PURE__ */ t(ke, { theme: c, children: a.map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
         /* @__PURE__ */ t(
-          ee,
+          oe,
           {
-            $isLast: k === a.length - 1,
-            $isClickable: !!(k < a.length - 1 || b.onClick),
-            onClick: () => T(b, k),
-            theme: s,
-            title: b.label,
-            children: b.label
+            $isLast: m === a.length - 1,
+            $isClickable: !!(m < a.length - 1 || w.onClick),
+            onClick: () => N(w, m),
+            theme: c,
+            title: w.label,
+            children: w.label
           }
         ),
-        k < a.length - 1 && /* @__PURE__ */ t(oe, { theme: s, children: /* @__PURE__ */ t(U, { size: 14 }) })
-      ] }, b.id)) });
-    const { start: V, end: E, showEllipsis: ne } = m;
-    return /* @__PURE__ */ x(we, { theme: s, children: [
-      a.slice(V, E).map((b, k) => /* @__PURE__ */ x(w.Fragment, { children: [
+        m < a.length - 1 && /* @__PURE__ */ t(te, { theme: c, children: /* @__PURE__ */ t(ee, { size: 14 }) })
+      ] }, w.id)) });
+    const { start: V, end: W, showEllipsis: re } = u;
+    return /* @__PURE__ */ b(ke, { theme: c, children: [
+      a.slice(V, W).map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
         /* @__PURE__ */ t(
-          ee,
+          oe,
           {
-            $isLast: k === E - V - 1 && !ne,
-            $isClickable: !!(k < E - V - 1 || b.onClick),
-            onClick: () => T(b, V + k),
-            theme: s,
-            title: b.label,
-            children: b.label
+            $isLast: m === W - V - 1 && !re,
+            $isClickable: !!(m < W - V - 1 || w.onClick),
+            onClick: () => N(w, V + m),
+            theme: c,
+            title: w.label,
+            children: w.label
           }
         ),
-        k < E - V - 1 && /* @__PURE__ */ t(oe, { theme: s, children: /* @__PURE__ */ t(U, { size: 14 }) })
-      ] }, b.id)),
-      ne && /* @__PURE__ */ x(Ie, { children: [
-        /* @__PURE__ */ t(oe, { theme: s, children: /* @__PURE__ */ t(U, { size: 14 }) }),
+        m < W - V - 1 && /* @__PURE__ */ t(te, { theme: c, children: /* @__PURE__ */ t(ee, { size: 14 }) })
+      ] }, w.id)),
+      re && /* @__PURE__ */ b(ye, { children: [
+        /* @__PURE__ */ t(te, { theme: c, children: /* @__PURE__ */ t(ee, { size: 14 }) }),
         /* @__PURE__ */ t(
-          ee,
+          oe,
           {
             $isLast: !1,
             $isClickable: !1,
-            theme: s,
+            theme: c,
             style: {
               cursor: "default",
               maxWidth: "auto"
             },
-            title: `${a.slice(E, -1).map((b) => b.label).join(" > ")}`,
+            title: `${a.slice(W, -1).map((w) => w.label).join(" > ")}`,
             children: "..."
           }
         ),
-        /* @__PURE__ */ t(oe, { theme: s, children: /* @__PURE__ */ t(U, { size: 14 }) }),
+        /* @__PURE__ */ t(te, { theme: c, children: /* @__PURE__ */ t(ee, { size: 14 }) }),
         /* @__PURE__ */ t(
-          ee,
+          oe,
           {
             $isLast: !0,
             $isClickable: !!a[a.length - 1].onClick,
-            onClick: () => T(a[a.length - 1], a.length - 1),
-            theme: s,
+            onClick: () => N(a[a.length - 1], a.length - 1),
+            theme: c,
             title: a[a.length - 1].label,
             children: a[a.length - 1].label
           }
         )
       ] })
     ] });
-  }, [J, te] = w.useState(!0);
-  return /* @__PURE__ */ t(Pe, { theme: s, children: /* @__PURE__ */ x(Qe, { theme: s, children: [
-    $ && $.length > 0 && /* @__PURE__ */ t(Xe, { $isOpen: J, theme: s, children: /* @__PURE__ */ t(
-      Ae,
+  }, [E, q] = k.useState(!0);
+  return /* @__PURE__ */ t(Ke, { theme: c, children: /* @__PURE__ */ b(eo, { theme: c, children: [
+    x && x.length > 0 && /* @__PURE__ */ t(Qe, { $isOpen: E, theme: c, children: /* @__PURE__ */ t(
+      Te,
       {
-        items: $,
-        open: J,
-        onOpenChange: te,
-        onItemClick: (m) => B({ id: String(m.key), label: m.name }, 0),
+        items: x,
+        open: E,
+        onOpenChange: q,
+        onItemClick: (u) => Y({ id: String(u.key), label: u.name }, 0),
         defaultOpen: !0
       }
     ) }),
-    /* @__PURE__ */ x(Je, { theme: s, children: [
-      (n || u || o || a) && /* @__PURE__ */ x(Ge, { ref: N, theme: s, children: [
+    /* @__PURE__ */ b(Ue, { theme: c, children: [
+      (n || p || o || a) && /* @__PURE__ */ b(Ye, { ref: D, theme: c, children: [
         o && /* @__PURE__ */ t(
-          Ke,
+          qe,
           {
-            onClick: A,
-            theme: s,
+            onClick: I,
+            theme: c,
             title: "\u8FD4\u56DE",
-            children: /* @__PURE__ */ t(Ve, { size: 18 })
+            children: /* @__PURE__ */ t(Ge, { size: 18 })
           }
         ),
-        z(),
+        H(),
         n && /* @__PURE__ */ t(
-          Ye,
+          Ze,
           {
-            onClick: L,
-            theme: s,
+            onClick: j,
+            theme: c,
             title: n,
             children: n
           }
         ),
-        u && /* @__PURE__ */ t(
-          qe,
+        p && /* @__PURE__ */ t(
+          Xe,
           {
-            theme: s,
-            title: u,
-            children: u
+            theme: c,
+            title: p,
+            children: p
           }
         )
       ] }),
-      /* @__PURE__ */ t(Ze, { theme: s, children: e || /* @__PURE__ */ t(je, {}) })
+      /* @__PURE__ */ t(Je, { theme: c, children: e || /* @__PURE__ */ t(Ee, {}) })
     ] })
   ] }) });
-}, Ue = l.div.withConfig({
-  shouldForwardProp: (e) => !["backgroundImage", "backgroundColor"].includes(e)
+}, oo = l.div.withConfig({
+  shouldForwardProp: (e) => !["backgroundImage", "backgroundColor", "dockPosition"].includes(e)
 })`
   position: fixed;
   top: 0;
@@ -546,10 +556,16 @@ const U = Ce("ChevronRight", [
   height: 100vh;
   background: ${(e) => e.backgroundImage ? `url(${e.backgroundImage}) center/cover no-repeat` : e.backgroundColor || "#1a1a1a"};
   display: flex;
-  flex-direction: column;
+  flex-direction: ${(e) => e.dockPosition === "left" || e.dockPosition === "right" ? "row" : "column"};
   overflow: hidden;
   z-index: 1;
-`, eo = l.div`
+`, to = l.div.attrs({ className: "dock-container-main-area" })`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-width: 0;
+`, no = l.div`
   height: 48px;
   width: 100%;
   display: flex;
@@ -558,7 +574,7 @@ const U = Ce("ChevronRight", [
   background: transparent;
   z-index: 10;
   flex-shrink: 0;
-`, oo = l.div`
+`, ro = l.div`
   flex: 1;
   width: 100%;
   overflow-y: auto;
@@ -585,78 +601,97 @@ const U = Ce("ChevronRight", [
   &::-webkit-scrollbar-thumb:hover {
     background: rgba(255, 255, 255, 0.5);
   }
-`, to = l.div`
-  height: 80px;
-  width: 100%;
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  padding: 12px 0;
+`, ne = 16, io = 48, ao = io + ne * 2, me = ao + ne * 2, lo = l.div.withConfig({
+  shouldForwardProp: (e) => !["dockPosition"].includes(e)
+})`
+  ${(e) => e.dockPosition === "left" || e.dockPosition === "right" ? `
+        width: ${me}px;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: ${ne}px;
+      ` : `
+        height: ${me}px;
+        width: 100%;
+        display: flex;
+        align-items: ${e.dockPosition === "top" ? "flex-start" : "flex-end"};
+        justify-content: center;
+        padding: ${ne}px;
+      `}
   background: transparent;
   z-index: 10;
   flex-shrink: 0;
-`, Ao = ({
+`, Mo = ({
   children: e,
   backgroundImage: o,
   backgroundColor: n,
-  header: u,
+  header: p,
   dockItems: a,
-  dockActiveMode: $ = "single",
-  defaultDockActiveId: W,
-  defaultDockActiveIds: M,
-  styles: _,
-  eventsEmit: f
+  dockPosition: x = "bottom",
+  dockActiveMode: M = "single",
+  defaultDockActiveId: T,
+  defaultDockActiveIds: L,
+  styles: F,
+  eventsEmit: s
 }) => {
-  var L, T;
-  const h = se(), O = K(
+  var E, q;
+  const K = ce(), B = G(
     // 基础：默认主题 + useTheme的配置
-    K({ theme: F, mode: "light" }, h),
+    G({ theme: A, mode: "light" }, K),
     // 最高层：用户手动传入的styles
-    _
-  ), I = (O == null ? void 0 : O.theme) || F, s = (B, z) => {
-    f != null && f.onDockItemClick ? f.onDockItemClick(B, z) : B.onClick && B.onClick();
-  }, N = (B, z) => {
-    f != null && f.onDockActiveChange && f.onDockActiveChange(B, z);
-  }, A = (B, z) => {
-    f != null && f.onDockActiveChangeMultiple && f.onDockActiveChangeMultiple(B, z);
-  };
-  return /* @__PURE__ */ x(
-    Ue,
+    F
+  ), c = (B == null ? void 0 : B.theme) || A, D = (u, r) => {
+    s != null && s.onDockItemClick ? s.onDockItemClick(u, r) : u.onClick && u.onClick();
+  }, I = (u, r) => {
+    s != null && s.onDockActiveChange && s.onDockActiveChange(u, r);
+  }, j = (u, r) => {
+    s != null && s.onDockActiveChangeMultiple && s.onDockActiveChangeMultiple(u, r);
+  }, N = x === "left" || x === "right", Y = /* @__PURE__ */ b(ye, { children: [
+    p && /* @__PURE__ */ t(no, { children: p }),
+    /* @__PURE__ */ t(
+      ro,
+      {
+        style: {
+          color: c.colors.text,
+          fontFamily: ((q = (E = c.fonts) == null ? void 0 : E.body) == null ? void 0 : q.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
+        },
+        children: e
+      }
+    )
+  ] }), H = a && a.length > 0 && /* @__PURE__ */ t(lo, { dockPosition: x, children: /* @__PURE__ */ t(
+    Fe,
+    {
+      items: a,
+      itemWidth: 48,
+      itemHeight: 48,
+      magnification: 1.5,
+      itemGap: 8,
+      direction: N ? "vertical" : "horizontal",
+      dockPosition: x,
+      activeMode: M,
+      defaultActiveId: T,
+      defaultActiveIds: L,
+      onItemClick: D,
+      onActiveChange: I,
+      onActiveChangeMultiple: j
+    }
+  ) });
+  return /* @__PURE__ */ b(
+    oo,
     {
       backgroundImage: o,
       backgroundColor: n,
+      dockPosition: x,
       children: [
-        u && /* @__PURE__ */ t(eo, { children: u }),
-        /* @__PURE__ */ t(
-          oo,
-          {
-            style: {
-              color: I.colors.text,
-              fontFamily: ((T = (L = I.fonts) == null ? void 0 : L.body) == null ? void 0 : T.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
-            },
-            children: e
-          }
-        ),
-        a && a.length > 0 && /* @__PURE__ */ t(to, { children: /* @__PURE__ */ t(
-          Te,
-          {
-            items: a,
-            itemWidth: 48,
-            itemHeight: 48,
-            magnification: 1.5,
-            itemGap: 8,
-            activeMode: $,
-            defaultActiveId: W,
-            defaultActiveIds: M,
-            onItemClick: s,
-            onActiveChange: N,
-            onActiveChangeMultiple: A
-          }
-        ) })
+        x === "top" && H,
+        x === "left" && H,
+        N ? /* @__PURE__ */ t(to, { children: Y }) : Y,
+        (x === "bottom" || x === "right") && H
       ]
     }
   );
-}, no = l.div`
+}, so = l.div`
   --header-height: 56px;
   --page-gutter: 16px;
   --sidebar-width: 264px;
@@ -669,7 +704,7 @@ const U = Ce("ChevronRight", [
   min-height: 100vh;
   height: 100vh; /* 以视口高度为基准，便于内部独立滚动布局 */
   position: relative;
-`, ro = l.div`
+`, co = l.div`
   position: sticky;
   top: 0;
   z-index: 30;
@@ -681,16 +716,16 @@ const U = Ce("ChevronRight", [
   padding: 0 16px;
   border-bottom: 1px solid rgba(0,0,0,0.06);
   backdrop-filter: blur(8px);
-`, io = l.div`
+`, ho = l.div`
   display: flex;
   align-items: center;
   gap: 12px;
   min-width: 0;
-`, ao = l.div`
+`, po = l.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`, ke = l.button`
+`, ve = l.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -704,7 +739,7 @@ const U = Ce("ChevronRight", [
 
   &:hover { background: rgba(0,0,0,0.04); }
   &:active { transform: translateY(1px); }
-`, lo = l.div`
+`, uo = l.div`
   display: grid;
   grid-template-columns: var(--sidebar-width) 1fr var(--toc-width);
   gap: 16px;
@@ -725,9 +760,9 @@ const U = Ce("ChevronRight", [
     gap: 12px;
     padding: 12px 12px 20px 12px;
   }
-`, so = l.aside`
+`, go = l.aside`
   position: relative;
-`, co = l.div`
+`, fo = l.div`
   height: 100%;
   overflow: hidden;
   padding-right: 8px;
@@ -736,7 +771,7 @@ const U = Ce("ChevronRight", [
   opacity: ${(e) => e.$collapsed ? 0 : 1};
   transform: translateX(${(e) => e.$collapsed ? "-6px" : "0px"});
   pointer-events: ${(e) => e.$collapsed ? "none" : "auto"};
-`, ho = l.button`
+`, xo = l.button`
   position: absolute;
   top: 6px;
   right: -10px;
@@ -751,16 +786,16 @@ const U = Ce("ChevronRight", [
   justify-content: center;
   transition: background .15s ease;
   &:hover { background: rgba(0,0,0,0.12); }
-`, po = l.div`
+`, bo = l.div`
   height: 100%;
   overflow: auto;
   padding-right: 8px;
-`, uo = l.main`
+`, wo = l.main`
   position: relative;
   min-width: 0;
   height: 100%;
   overflow: auto; /* 文档渲染区独立滚动 */
-`, go = l.div`
+`, ko = l.div`
   width: 100%;
   max-width: var(--content-max);
   margin: 0 auto;
@@ -768,16 +803,16 @@ const U = Ce("ChevronRight", [
   border-radius: 8px;
   padding: 0px 12px;
   padding-bottom: 120px; /* 底部留出足够的 margin，确保可以滚动到最底部 */
-`, fo = l.div`
+`, mo = l.div`
   height: 100%;
   transition: opacity .5s ease;
   opacity: ${(e) => e.$opacity};
-`, xo = l.aside`
+`, vo = l.aside`
   position: relative;
   z-index: 1;
   height: 100%;
   overflow: hidden;
-`, bo = l.div`
+`, yo = l.div`
   /* 右侧目录独立滚动 */
   position: relative;
   height: 100%;
@@ -789,7 +824,7 @@ const U = Ce("ChevronRight", [
   border-left: 1px solid rgba(0,0,0,0.06);
   background: transparent;
   z-index: 1;
-`, wo = l.div`
+`, Co = l.div`
   transition: opacity .2s ease, transform .2s ease;
   opacity: ${(e) => e.$collapsed ? 0 : 1};
   transform: translateX(${(e) => e.$collapsed ? "6px" : "0px"});
@@ -814,11 +849,11 @@ l.button`
   transition: background .15s ease;
   &:hover { background: rgba(0,0,0,0.12); }
 `;
-const ae = l.div`
+const le = l.div`
   font-size: 12px;
   opacity: .7;
   padding: 8px 8px;
-`, q = l.button`
+`, X = l.button`
   width: 100%;
   padding: 8px 10px;
   background: transparent;
@@ -849,7 +884,7 @@ const ae = l.div`
   }
 
   ${(e) => e.$active ? "background: rgba(0,0,0,0.08); font-weight: 600;" : ""}
-`, ko = l.div`
+`, $o = l.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -859,16 +894,16 @@ const ae = l.div`
   overflow-y: hidden;
   scrollbar-width: none;
   &::-webkit-scrollbar { display: none; }
-`, vo = l.div`
+`, Bo = l.div`
   width: 1px;
   height: 16px;
   background: currentColor;
   opacity: .2;
-`, mo = {
+`, Do = {
   theme: {
-    ...F,
+    ...A,
     colors: {
-      ...F.colors,
+      ...A.colors,
       appBackground: "#ffffff",
       panelBackground: "#ffffff",
       dashboardBackground: "#ffffff",
@@ -878,11 +913,11 @@ const ae = l.div`
       shadow: "0 1px 2px rgba(0,0,0,0.06)"
     }
   }
-}, yo = {
+}, Io = {
   theme: {
-    ...F,
+    ...A,
     colors: {
-      ...F.colors,
+      ...A.colors,
       appBackground: "#0f172a",
       panelBackground: "#111827",
       dashboardBackground: "#0b1220",
@@ -893,237 +928,237 @@ const ae = l.div`
     }
   },
   mode: "dark"
-}, To = (e) => {
-  var ue, ge, fe, xe;
+}, Ro = (e) => {
+  var ge, fe, xe, be;
   const {
     children: o,
     headerLogo: n,
-    contentKey: u,
+    contentKey: p,
     modules: a,
-    activeModuleKey: $,
-    onModuleChange: W,
-    languages: M,
-    activeLanguageKey: _,
-    onLanguageChange: f,
-    themes: h,
-    activeThemeKey: O,
-    onThemeChange: I,
-    sidebarItems: s,
-    activeSidebarId: N,
-    onSidebarItemClick: A,
-    activeTocId: L,
-    onTocItemClick: T,
-    collapsibleSidebar: B = !0,
-    styles: z
-  } = e, J = se(), te = e.activeThemeKey === "dark" ? yo : mo, m = K(
-    K(
-      K({ theme: F, mode: "light" }, J),
-      te
+    activeModuleKey: x,
+    onModuleChange: M,
+    languages: T,
+    activeLanguageKey: L,
+    onLanguageChange: F,
+    themes: s,
+    activeThemeKey: K,
+    onThemeChange: B,
+    sidebarItems: c,
+    activeSidebarId: D,
+    onSidebarItemClick: I,
+    activeTocId: j,
+    onTocItemClick: N,
+    collapsibleSidebar: Y = !0,
+    styles: H
+  } = e, E = ce(), q = e.activeThemeKey === "dark" ? Io : Do, u = G(
+    G(
+      G({ theme: A, mode: "light" }, E),
+      q
     ),
-    z
-  ), r = (m == null ? void 0 : m.theme) || F, [j, V] = w.useState(!1), [E, ne] = w.useState(!1), [b, k] = w.useState(!1), Q = typeof L == "string", [ce, re] = w.useState(L), P = w.useRef(null), [Z, H] = w.useState(void 0), [$e, de] = w.useState(o), [De, he] = w.useState(1);
-  w.useEffect(() => {
-    if (u === void 0) {
-      de(o);
+    H
+  ), r = (u == null ? void 0 : u.theme) || A, [R, V] = k.useState(!1), [W, re] = k.useState(!1), [w, m] = k.useState(!1), U = typeof j == "string", [de, ie] = k.useState(j), _ = k.useRef(null), [J, O] = k.useState(void 0), [Ie, he] = k.useState(o), [Ne, pe] = k.useState(1);
+  k.useEffect(() => {
+    if (p === void 0) {
+      he(o);
       return;
     }
-    he(0);
+    pe(0);
     const i = setTimeout(() => {
-      de(o), requestAnimationFrame(() => he(1));
+      he(o), requestAnimationFrame(() => pe(1));
     }, 120);
     return () => clearTimeout(i);
-  }, [u, o]), w.useMemo(() => {
-    var i, p, d, y, D, c, v, g, G, C, R, Y, X;
+  }, [p, o]), k.useMemo(() => {
+    var i, g, h, y, $, d, v, f, P, C, z, Z, Q;
     return {
       primaryColor: (i = r == null ? void 0 : r.colors) == null ? void 0 : i.primary,
-      secondaryColor: (p = r == null ? void 0 : r.colors) == null ? void 0 : p.secondary,
-      backgroundColor: (d = r == null ? void 0 : r.colors) == null ? void 0 : d.appBackground,
+      secondaryColor: (g = r == null ? void 0 : r.colors) == null ? void 0 : g.secondary,
+      backgroundColor: (h = r == null ? void 0 : r.colors) == null ? void 0 : h.appBackground,
       textColor: (y = r == null ? void 0 : r.colors) == null ? void 0 : y.text,
-      borderColor: (D = r == null ? void 0 : r.colors) == null ? void 0 : D.border,
-      disabledBackground: (c = r == null ? void 0 : r.colors) == null ? void 0 : c.disabledBackground,
+      borderColor: ($ = r == null ? void 0 : r.colors) == null ? void 0 : $.border,
+      disabledBackground: (d = r == null ? void 0 : r.colors) == null ? void 0 : d.disabledBackground,
       borderRadius: (v = r == null ? void 0 : r.space) == null ? void 0 : v.radius,
-      padding: (g = r == null ? void 0 : r.space) == null ? void 0 : g.padding,
-      margin: (G = r == null ? void 0 : r.space) == null ? void 0 : G.margin,
-      baseFontSize: (R = (C = r == null ? void 0 : r.fonts) == null ? void 0 : C.body) != null && R.size ? parseInt((X = (Y = r == null ? void 0 : r.fonts) == null ? void 0 : Y.body) == null ? void 0 : X.size, 10) : void 0
+      padding: (f = r == null ? void 0 : r.space) == null ? void 0 : f.padding,
+      margin: (P = r == null ? void 0 : r.space) == null ? void 0 : P.margin,
+      baseFontSize: (z = (C = r == null ? void 0 : r.fonts) == null ? void 0 : C.body) != null && z.size ? parseInt((Q = (Z = r == null ? void 0 : r.fonts) == null ? void 0 : Z.body) == null ? void 0 : Q.size, 10) : void 0
     };
-  }, [r]), w.useEffect(() => {
+  }, [r]), k.useEffect(() => {
     if (e.tocItems)
-      H(void 0);
+      O(void 0);
     else {
-      u !== void 0 && H(void 0);
+      p !== void 0 && O(void 0);
       let i = 0;
-      const p = 10;
-      let d = null, y = null;
-      const D = () => {
-        const c = P.current;
-        if (!c) {
-          i < p ? (i++, d = setTimeout(D, 200)) : H([]);
+      const g = 10;
+      let h = null, y = null;
+      const $ = () => {
+        const d = _.current;
+        if (!d) {
+          i < g ? (i++, h = setTimeout($, 200)) : O([]);
           return;
         }
-        const v = Array.from(c.querySelectorAll("h1, h2, h3"));
+        const v = Array.from(d.querySelectorAll("h1, h2, h3"));
         if (v.length === 0) {
-          i < p ? (i++, d = setTimeout(D, 200)) : H([]);
+          i < g ? (i++, h = setTimeout($, 200)) : O([]);
           return;
         }
-        const g = /* @__PURE__ */ new Map(), G = v.map((C) => {
-          var be;
-          const R = C.id || ((be = C.textContent) == null ? void 0 : be.trim().replace(/\s+/g, "-").toLowerCase()) || "", Y = g.get(R) || 0;
-          g.set(R, Y + 1);
-          const X = Y > 0 ? `${R}-${Y}` : R;
-          C.id || (C.id = X);
-          const Be = C.tagName === "H1" ? 1 : C.tagName === "H2" ? 2 : 3;
-          return { id: X, label: C.textContent || "", level: Be };
+        const f = /* @__PURE__ */ new Map(), P = v.map((C) => {
+          var we;
+          const z = C.id || ((we = C.textContent) == null ? void 0 : we.trim().replace(/\s+/g, "-").toLowerCase()) || "", Z = f.get(z) || 0;
+          f.set(z, Z + 1);
+          const Q = Z > 0 ? `${z}-${Z}` : z;
+          C.id || (C.id = Q);
+          const Se = C.tagName === "H1" ? 1 : C.tagName === "H2" ? 2 : 3;
+          return { id: Q, label: C.textContent || "", level: Se };
         });
-        H(G);
+        O(P);
       };
       return y = requestAnimationFrame(() => {
-        d = setTimeout(D, 100);
+        h = setTimeout($, 100);
       }), () => {
-        y !== null && cancelAnimationFrame(y), d !== null && clearTimeout(d);
+        y !== null && cancelAnimationFrame(y), h !== null && clearTimeout(h);
       };
     }
-  }, [o, e.tocItems, u]), w.useEffect(() => {
-    if (Q) return;
-    const p = ((e.tocItems ?? Z) || []).map((c) => c.id).filter(Boolean);
-    if (p.length === 0) return;
-    re(void 0);
-    const d = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, y = (c) => {
-      var g, G;
-      const v = c.filter((C) => C.isIntersecting).sort((C, R) => C.boundingClientRect.top - R.boundingClientRect.top);
-      (G = (g = v[0]) == null ? void 0 : g.target) != null && G.id && re(v[0].target.id);
-    }, D = new IntersectionObserver(y, d);
-    return p.forEach((c) => {
-      const v = document.getElementById(c);
-      v && D.observe(v);
-    }), () => D.disconnect();
-  }, [Z, Q, e.tocItems, u]);
-  const pe = (i, p) => {
+  }, [o, e.tocItems, p]), k.useEffect(() => {
+    if (U) return;
+    const g = ((e.tocItems ?? J) || []).map((d) => d.id).filter(Boolean);
+    if (g.length === 0) return;
+    ie(void 0);
+    const h = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, y = (d) => {
+      var f, P;
+      const v = d.filter((C) => C.isIntersecting).sort((C, z) => C.boundingClientRect.top - z.boundingClientRect.top);
+      (P = (f = v[0]) == null ? void 0 : f.target) != null && P.id && ie(v[0].target.id);
+    }, $ = new IntersectionObserver(y, h);
+    return g.forEach((d) => {
+      const v = document.getElementById(d);
+      v && $.observe(v);
+    }), () => $.disconnect();
+  }, [J, U, e.tocItems, p]);
+  const ue = (i, g) => {
     if (!i || i.length === 0) return;
-    const d = Math.max(0, i.findIndex((D) => D.key === p)), y = i[(d + 1) % i.length];
+    const h = Math.max(0, i.findIndex(($) => $.key === g)), y = i[(h + 1) % i.length];
     return y == null ? void 0 : y.key;
-  }, ie = (i) => {
-    const p = document.getElementById(i);
-    p && p.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
+  }, ae = (i) => {
+    const g = document.getElementById(i);
+    g && g.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
   };
-  return /* @__PURE__ */ t(Ne, { theme: r, mode: m.mode, children: /* @__PURE__ */ x(
-    no,
+  return /* @__PURE__ */ t(Ae, { theme: r, mode: u.mode, children: /* @__PURE__ */ b(
+    so,
     {
       style: {
         background: r.colors.appBackground,
         color: r.colors.text,
-        fontFamily: ((ge = (ue = r.fonts) == null ? void 0 : ue.body) == null ? void 0 : ge.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
+        fontFamily: ((fe = (ge = r.fonts) == null ? void 0 : ge.body) == null ? void 0 : fe.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
       },
       children: [
-        /* @__PURE__ */ x(
-          ro,
+        /* @__PURE__ */ b(
+          co,
           {
             style: {
               background: r.colors.panelBackground || r.colors.dashboardBackground || "rgba(255,255,255,0.6)",
               color: r.colors.text
             },
             children: [
-              /* @__PURE__ */ x(io, { children: [
+              /* @__PURE__ */ b(ho, { children: [
                 n,
-                a && a.length > 0 && /* @__PURE__ */ t(ko, { children: a.map((i) => /* @__PURE__ */ t(
-                  q,
+                a && a.length > 0 && /* @__PURE__ */ t($o, { children: a.map((i) => /* @__PURE__ */ t(
+                  X,
                   {
-                    $active: i.key === $,
-                    onClick: () => W == null ? void 0 : W(i.key),
+                    $active: i.key === x,
+                    onClick: () => M == null ? void 0 : M(i.key),
                     title: i.label,
                     children: i.label
                   },
                   i.key
                 )) })
               ] }),
-              /* @__PURE__ */ x(ao, { children: [
+              /* @__PURE__ */ b(po, { children: [
                 /* @__PURE__ */ t("div", { className: "hide-on-desktop", style: { display: "none" } }),
-                M && M.length > 0 && /* @__PURE__ */ t(
-                  ke,
+                T && T.length > 0 && /* @__PURE__ */ t(
+                  ve,
                   {
                     onClick: () => {
-                      const i = pe(M, _);
-                      i && (f == null || f(i));
+                      const i = ue(T, L);
+                      i && (F == null || F(i));
                     },
-                    title: ((fe = M.find((i) => i.key === _)) == null ? void 0 : fe.label) || "Language",
+                    title: ((xe = T.find((i) => i.key === L)) == null ? void 0 : xe.label) || "Language",
                     "aria-label": "language",
                     style: { color: r.colors.text },
-                    children: /* @__PURE__ */ x("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                    children: /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                       /* @__PURE__ */ t("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__ */ t("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__ */ t(vo, {}),
-                h && h.length > 0 && /* @__PURE__ */ t(
-                  ke,
+                /* @__PURE__ */ t(Bo, {}),
+                s && s.length > 0 && /* @__PURE__ */ t(
+                  ve,
                   {
                     onClick: () => {
-                      const i = pe(h, O);
-                      i && (I == null || I(i));
+                      const i = ue(s, K);
+                      i && (B == null || B(i));
                     },
-                    title: ((xe = h.find((i) => i.key === O)) == null ? void 0 : xe.label) || "Theme",
+                    title: ((be = s.find((i) => i.key === K)) == null ? void 0 : be.label) || "Theme",
                     "aria-label": "theme",
                     style: { color: r.colors.text },
                     children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("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__ */ t("div", { className: "mobile-only", style: { display: "none" }, children: /* @__PURE__ */ t(q, { onClick: () => k(!0), title: "\u6253\u5F00\u76EE\u5F55", children: "\u76EE\u5F55" }) })
+                /* @__PURE__ */ t("div", { className: "mobile-only", style: { display: "none" }, children: /* @__PURE__ */ t(X, { onClick: () => m(!0), title: "\u6253\u5F00\u76EE\u5F55", children: "\u76EE\u5F55" }) })
               ] })
             ]
           }
         ),
         (() => {
-          const p = (Array.isArray(s) ? s.length : 0) > 1, d = p ? j ? "10px" : "var(--sidebar-width)" : "0px", y = E ? "10px" : "var(--toc-width)", D = p ? `${d} 1fr ${y}` : `1fr ${y}`;
-          return /* @__PURE__ */ x(lo, { style: { gridTemplateColumns: D }, children: [
-            p && /* @__PURE__ */ x(so, { children: [
-              /* @__PURE__ */ t(co, { $collapsed: j, children: /* @__PURE__ */ t(po, { children: s && s.length > 0 && /* @__PURE__ */ t("div", { children: Object.entries(
-                s.reduce((c, v) => {
-                  const g = v.group || "\u6587\u6863";
-                  return c[g] = c[g] || [], c[g].push(v), c;
+          const g = (Array.isArray(c) ? c.length : 0) > 1, h = g ? R ? "10px" : "var(--sidebar-width)" : "0px", y = W ? "10px" : "var(--toc-width)", $ = g ? `${h} 1fr ${y}` : `1fr ${y}`;
+          return /* @__PURE__ */ b(uo, { style: { gridTemplateColumns: $ }, children: [
+            g && /* @__PURE__ */ b(go, { children: [
+              /* @__PURE__ */ t(fo, { $collapsed: R, children: /* @__PURE__ */ t(bo, { children: c && c.length > 0 && /* @__PURE__ */ t("div", { children: Object.entries(
+                c.reduce((d, v) => {
+                  const f = v.group || "\u6587\u6863";
+                  return d[f] = d[f] || [], d[f].push(v), d;
                 }, {})
-              ).map(([c, v]) => /* @__PURE__ */ x("div", { children: [
-                /* @__PURE__ */ t(ae, { children: c }),
-                /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: v.map((g) => /* @__PURE__ */ t(
-                  q,
+              ).map(([d, v]) => /* @__PURE__ */ b("div", { children: [
+                /* @__PURE__ */ t(le, { children: d }),
+                /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: v.map((f) => /* @__PURE__ */ t(
+                  X,
                   {
-                    $active: g.id === N,
+                    $active: f.id === D,
                     onClick: () => {
-                      g.href && (g.href.startsWith("#") ? ie(g.href.slice(1)) : window.location.href = g.href), A == null || A(g), k(!1);
+                      f.href && (f.href.startsWith("#") ? ae(f.href.slice(1)) : window.location.href = f.href), I == null || I(f), m(!1);
                     },
-                    title: g.label,
-                    children: g.label
+                    title: f.label,
+                    children: f.label
                   },
-                  g.id
+                  f.id
                 )) })
-              ] }, c)) }) }) }),
-              B && p && /* @__PURE__ */ t(ho, { onClick: () => V((c) => !c), title: j ? "\u5C55\u5F00\u5DE6\u4FA7\u680F" : "\u6536\u8D77\u5DE6\u4FA7\u680F", "aria-label": "toggle-left", children: j ? /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M9 6l6 6-6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) : /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M15 6l-6 6 6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) })
+              ] }, d)) }) }) }),
+              Y && g && /* @__PURE__ */ t(xo, { onClick: () => V((d) => !d), title: R ? "\u5C55\u5F00\u5DE6\u4FA7\u680F" : "\u6536\u8D77\u5DE6\u4FA7\u680F", "aria-label": "toggle-left", children: R ? /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M9 6l6 6-6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) : /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M15 6l-6 6 6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) })
             ] }),
-            /* @__PURE__ */ t(uo, { children: /* @__PURE__ */ t(
-              go,
+            /* @__PURE__ */ t(wo, { children: /* @__PURE__ */ t(
+              ko,
               {
-                ref: P,
-                children: /* @__PURE__ */ t(fo, { $opacity: De, children: $e })
+                ref: _,
+                children: /* @__PURE__ */ t(mo, { $opacity: Ne, children: Ie })
               }
             ) }),
-            /* @__PURE__ */ t(xo, { children: /* @__PURE__ */ t(bo, { children: /* @__PURE__ */ x(wo, { $collapsed: E, children: [
-              /* @__PURE__ */ t(ae, { children: "\u672C\u9875\u76EE\u5F55" }),
-              /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px", width: "100%", maxWidth: "100%", overflow: "hidden" }, children: ((e.tocItems ?? Z) || []).map((c) => /* @__PURE__ */ t(
-                q,
+            /* @__PURE__ */ t(vo, { children: /* @__PURE__ */ t(yo, { children: /* @__PURE__ */ b(Co, { $collapsed: W, children: [
+              /* @__PURE__ */ t(le, { children: "\u672C\u9875\u76EE\u5F55" }),
+              /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px", width: "100%", maxWidth: "100%", overflow: "hidden" }, children: ((e.tocItems ?? J) || []).map((d) => /* @__PURE__ */ t(
+                X,
                 {
-                  $active: (Q ? L : ce) === c.id,
+                  $active: (U ? j : de) === d.id,
                   onClick: () => {
-                    ie(c.id), T == null || T(c);
+                    ae(d.id), N == null || N(d);
                   },
-                  title: c.label,
-                  style: { paddingLeft: Math.max(0, (c.level || 1) - 1) * 12 + 10 },
-                  children: c.label
+                  title: d.label,
+                  style: { paddingLeft: Math.max(0, (d.level || 1) - 1) * 12 + 10 },
+                  children: d.label
                 },
-                c.id
+                d.id
               )) })
             ] }) }) })
           ] });
         })(),
-        b && /* @__PURE__ */ t(
+        w && /* @__PURE__ */ t(
           "div",
           {
             role: "dialog",
@@ -1135,8 +1170,8 @@ const ae = l.div`
               background: "rgba(0,0,0,0.45)",
               display: "flex"
             },
-            onClick: () => k(!1),
-            children: /* @__PURE__ */ x(
+            onClick: () => m(!1),
+            children: /* @__PURE__ */ b(
               "div",
               {
                 style: {
@@ -1150,27 +1185,27 @@ const ae = l.div`
                 },
                 onClick: (i) => i.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: [
+                  /* @__PURE__ */ b("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: [
                     /* @__PURE__ */ t("div", { style: { fontWeight: 600 }, children: "\u76EE\u5F55" }),
-                    /* @__PURE__ */ t(q, { onClick: () => k(!1), children: "\u5173\u95ED" })
+                    /* @__PURE__ */ t(X, { onClick: () => m(!1), children: "\u5173\u95ED" })
                   ] }),
-                  s && s.length > 0 && /* @__PURE__ */ t("div", { style: { overflow: "auto", height: "calc(100% - 40px)" }, children: Object.entries(
-                    s.reduce((i, p) => {
-                      const d = p.group || "\u6587\u6863";
-                      return i[d] = i[d] || [], i[d].push(p), i;
+                  c && c.length > 0 && /* @__PURE__ */ t("div", { style: { overflow: "auto", height: "calc(100% - 40px)" }, children: Object.entries(
+                    c.reduce((i, g) => {
+                      const h = g.group || "\u6587\u6863";
+                      return i[h] = i[h] || [], i[h].push(g), i;
                     }, {})
-                  ).map(([i, p]) => /* @__PURE__ */ x("div", { children: [
-                    /* @__PURE__ */ t(ae, { children: i }),
-                    /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: p.map((d) => /* @__PURE__ */ t(
-                      q,
+                  ).map(([i, g]) => /* @__PURE__ */ b("div", { children: [
+                    /* @__PURE__ */ t(le, { children: i }),
+                    /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: g.map((h) => /* @__PURE__ */ t(
+                      X,
                       {
-                        $active: d.id === N,
+                        $active: h.id === D,
                         onClick: () => {
-                          d.href && (d.href.startsWith("#") ? ie(d.href.slice(1)) : window.location.href = d.href), A == null || A(d), k(!1);
+                          h.href && (h.href.startsWith("#") ? ae(h.href.slice(1)) : window.location.href = h.href), I == null || I(h), m(!1);
                         },
-                        children: d.label
+                        children: h.label
                       },
-                      d.id
+                      h.id
                     )) })
                   ] }, i)) })
                 ]
@@ -1183,7 +1218,7 @@ const ae = l.div`
   ) });
 };
 export {
-  No as DashboardContainer,
-  Ao as DockContainer,
-  To as DocumentContainer
+  zo as DashboardContainer,
+  Mo as DockContainer,
+  Ro as DocumentContainer
 };