@mxmweb/zui-layouts 1.3.9 → 1.3.11

package/index.js

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as b, Fragment as ye } from "react/jsx-runtime";
-import * as S from "react";
+import { jsx as o, 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 ce, deepMergeTheme as G, defaultTheme as A, ThemeProvider as Ae } from "@mxmweb/zui-theme";
+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";
 /**
  * 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__ */ S.createContext(null);
+const ze = /* @__PURE__ */ T.createContext(null);
 process.env.NODE_ENV !== "production" && (ze.displayName = "DataRouter");
-const Me = /* @__PURE__ */ S.createContext(null);
+const Me = /* @__PURE__ */ T.createContext(null);
 process.env.NODE_ENV !== "production" && (Me.displayName = "DataRouterState");
-const Re = /* @__PURE__ */ S.createContext(null);
+const Re = /* @__PURE__ */ T.createContext(null);
 process.env.NODE_ENV !== "production" && (Re.displayName = "Await");
-const We = /* @__PURE__ */ S.createContext(null);
+const We = /* @__PURE__ */ T.createContext(null);
 process.env.NODE_ENV !== "production" && (We.displayName = "Navigation");
-const Oe = /* @__PURE__ */ S.createContext(null);
+const Oe = /* @__PURE__ */ T.createContext(null);
 process.env.NODE_ENV !== "production" && (Oe.displayName = "Location");
-const $e = /* @__PURE__ */ S.createContext({
+const $e = /* @__PURE__ */ T.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
 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, {
+const He = /* @__PURE__ */ T.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, {
     value: e
-  }, o);
+  }, t);
 }
-function Ee(e) {
-  return He(e.context);
+function Pe(e) {
+  return je(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 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();
+const Ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Be = (...e) => e.filter((t, n, d) => !!t && t.trim() !== "" && d.indexOf(t) === n).join(" ").trim();
 /**
  * @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 _e = {
+var Ve = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -74,31 +74,31 @@ var _e = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pe = Ce(
+const _e = Ce(
   ({
     color: e = "currentColor",
-    size: o = 24,
+    size: t = 24,
     strokeWidth: n = 2,
-    absoluteStrokeWidth: p,
-    className: a = "",
-    children: x,
-    iconNode: M,
-    ...T
-  }, L) => se(
+    absoluteStrokeWidth: d,
+    className: i = "",
+    children: p,
+    iconNode: D,
+    ...B
+  }, H) => se(
     "svg",
     {
-      ref: L,
-      ..._e,
-      width: o,
-      height: o,
+      ref: H,
+      ...Ve,
+      width: t,
+      height: t,
       stroke: e,
-      strokeWidth: p ? Number(n) * 24 / Number(o) : n,
-      className: Be("lucide", a),
-      ...T
+      strokeWidth: d ? Number(n) * 24 / Number(t) : n,
+      className: Be("lucide", i),
+      ...B
     },
     [
-      ...M.map(([F, s]) => se(F, s)),
-      ...Array.isArray(x) ? x : [x]
+      ...D.map(([z, s]) => se(z, s)),
+      ...Array.isArray(p) ? p : [p]
     ]
   )
 );
@@ -108,13 +108,13 @@ const Pe = 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, o) => {
+const De = (e, t) => {
   const n = Ce(
-    ({ className: p, ...a }, x) => se(Pe, {
-      ref: x,
-      iconNode: o,
-      className: Be(`lucide-${Ve(e)}`, p),
-      ...a
+    ({ className: d, ...i }, p) => se(_e, {
+      ref: p,
+      iconNode: t,
+      className: Be(`lucide-${Ee(e)}`, d),
+      ...i
     })
   );
   return n.displayName = `${e}`, n;
@@ -143,40 +143,40 @@ const ee = De("ChevronRight", [
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
-  margin-left: ${({ theme: e }) => {
-  var o;
-  return ((o = e.space) == null ? void 0 : o.margin) || "20px";
-}};
   flex-direction: column;
   height: 100%;
   width: 100%;
-  max-width: 98%;
+  max-width: 100%;
   position: relative;
   background: ${({ theme: e }) => {
-  var o, n;
-  return ((o = e.colors) == null ? void 0 : o.dashboardBackground) ?? ((n = e.colors) == null ? void 0 : n.appBackground) ?? "transparent";
+  var t, n;
+  return ((t = e.colors) == null ? void 0 : t.dashboardBackground) ?? ((n = e.colors) == null ? void 0 : n.appBackground) ?? "transparent";
 }};
   color: ${({ theme: e }) => {
-  var o;
-  return ((o = e.colors) == null ? void 0 : o.text) || "#1D2129";
+  var t;
+  return ((t = e.colors) == null ? void 0 : t.text) || "#1D2129";
 }};
   font-family: ${({ theme: e }) => {
-  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";
+  var t, n;
+  return ((n = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : n.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif";
 }};
 `, Ye = l.div.attrs({
   className: "dashboard-container-header"
 })`
   display: flex;
   height: ${({ theme: e }) => {
-  var o;
-  return ((o = e.space) == null ? void 0 : o.dashboardHeaderHeight) ?? "38px";
+  var t;
+  return ((t = e.space) == null ? void 0 : t.dashboardHeaderHeight) ?? "38px";
 }};
   z-index: 10;
   background: transparent;
   gap: ${({ theme: e }) => {
-  var o;
-  return ((o = e.space) == null ? void 0 : o.padding) || "8px";
+  var t;
+  return ((t = e.space) == null ? void 0 : t.padding) || "8px";
+}};
+  padding: ${({ theme: e }) => {
+  var t;
+  return ((t = e.space) == null ? void 0 : t.dashboardHeaderPadding) ?? "0 0 8px 0";
 }};
   flex-direction: row;
   align-items: center;
@@ -195,12 +195,12 @@ const ee = De("ChevronRight", [
   border: none;
   cursor: pointer;
   color: ${({ theme: e }) => {
-  var o;
-  return ((o = e.colors) == null ? void 0 : o.primary) || "#4E6EF2";
+  var t;
+  return ((t = e.colors) == null ? void 0 : t.primary) || "#4E6EF2";
 }};
   border-radius: ${({ theme: e }) => {
-  var o;
-  return ((o = e.space) == null ? void 0 : o.radius) || "6px";
+  var t;
+  return ((t = e.space) == null ? void 0 : t.radius) || "6px";
 }};
 
   /* 仅让图标在 hover 时上浮，按钮背景保持透明 */
@@ -215,24 +215,24 @@ const ee = De("ChevronRight", [
   &:hover svg {
     transform: translateY(-1px);
     color: ${({ theme: e }) => {
-  var o, n;
-  return ((o = e.colors) == null ? void 0 : o.primaryHover) || ((n = e.colors) == null ? void 0 : n.primary) || "#6D86F5";
+  var t, n;
+  return ((t = e.colors) == null ? void 0 : t.primaryHover) || ((n = e.colors) == null ? void 0 : n.primary) || "#6D86F5";
 }};
   }
 
   &:active svg {
     transform: translateY(0);
     color: ${({ theme: e }) => {
-  var o, n;
-  return ((o = e.colors) == null ? void 0 : o.primaryActive) || ((n = e.colors) == null ? void 0 : n.primary) || "#2D4BE0";
+  var t, n;
+  return ((t = e.colors) == null ? void 0 : t.primaryActive) || ((n = e.colors) == null ? void 0 : n.primary) || "#2D4BE0";
 }};
   }
 `, Ze = l.div.attrs({
   className: "dashboard-container-title"
 })`
   line-height: ${({ theme: e }) => {
-  var o;
-  return ((o = e.space) == null ? void 0 : o.lineHeight) || "1.4";
+  var t;
+  return ((t = e.space) == null ? void 0 : t.lineHeight) || "1.4";
 }};
   cursor: pointer;
   transition: color 0.2s ease;
@@ -242,30 +242,30 @@ const ee = De("ChevronRight", [
   max-width: 200px;
   min-width: 0;
   color: ${({ theme: e }) => {
-  var o;
-  return ((o = e.colors) == null ? void 0 : o.text) || "#1D2129";
+  var t;
+  return ((t = e.colors) == null ? void 0 : t.text) || "#1D2129";
 }};
   font-size: ${({ theme: e }) => {
-  var o, n;
-  return ((n = (o = e.fonts) == null ? void 0 : o.heading) == null ? void 0 : n.size) || "16px";
+  var t, n;
+  return ((n = (t = e.fonts) == null ? void 0 : t.heading) == null ? void 0 : n.size) || "16px";
 }};
   font-weight: ${({ theme: e }) => {
-  var o, n;
-  return ((n = (o = e.fonts) == null ? void 0 : o.heading) == null ? void 0 : n.weight) || "600";
+  var t, n;
+  return ((n = (t = e.fonts) == null ? void 0 : t.heading) == null ? void 0 : n.weight) || "600";
 }};
 
   &:hover {
     color: ${({ theme: e }) => {
-  var o;
-  return ((o = e.colors) == null ? void 0 : o.primary) || "#4E6EF2";
+  var t;
+  return ((t = e.colors) == null ? void 0 : t.primary) || "#4E6EF2";
 }};
   }
 `, Xe = l.div.attrs({
   className: "dashboard-container-description"
 })`
   line-height: ${({ theme: e }) => {
-  var o;
-  return ((o = e.space) == null ? void 0 : o.lineHeight) || "1.4";
+  var t;
+  return ((t = e.space) == null ? void 0 : t.lineHeight) || "1.4";
 }};
   white-space: nowrap;
   overflow: hidden;
@@ -273,13 +273,13 @@ const ee = De("ChevronRight", [
   flex: 1;
   min-width: 0;
   color: ${({ theme: e }) => {
-  var o, n;
-  return ((o = e.colors) == null ? void 0 : o.textSecondary) || ((n = e.colors) == null ? void 0 : n.disabledText) || "#4E5969";
+  var t, n;
+  return ((t = e.colors) == null ? void 0 : t.textSecondary) || ((n = e.colors) == null ? void 0 : n.disabledText) || "#4E5969";
 }};
   opacity: 0.7;
   font-size: ${({ theme: e }) => {
-  var o, n;
-  return ((n = (o = e.fonts) == null ? void 0 : o.body) == null ? void 0 : n.size) || "12px";
+  var t, n;
+  return ((n = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : n.size) || "12px";
 }};
 `, ke = l.div.attrs({
   className: "dashboard-container-breadcrumb"
@@ -291,19 +291,19 @@ const ee = De("ChevronRight", [
   max-width: 50%;
   min-width: 0;
   overflow: hidden;
-`, oe = l.div.attrs({
+`, te = l.div.attrs({
   className: "dashboard-container-breadcrumb-item"
 })`
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: ${({ theme: e }) => {
-  var o, n;
-  return ((n = (o = e.fonts) == null ? void 0 : o.body) == null ? void 0 : n.size) || "14px";
+  var t, n;
+  return ((n = (t = e.fonts) == null ? void 0 : t.body) == null ? void 0 : n.size) || "14px";
 }};
-  color: ${({ $isLast: e, theme: o }) => {
-  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";
+  color: ${({ $isLast: e, theme: t }) => {
+  var n, d, i;
+  return e ? ((n = t.colors) == null ? void 0 : n.text) || "#343a40" : ((d = t.colors) == null ? void 0 : d.textSecondary) || ((i = t.colors) == null ? void 0 : i.disabledText) || "#6c757d";
 }};
   font-weight: ${({ $isLast: e }) => e ? "600" : "normal"};
   cursor: ${({ $isClickable: e }) => e ? "pointer" : "default"};
@@ -314,19 +314,19 @@ const ee = De("ChevronRight", [
   max-width: 120px;
 
   &:hover {
-    color: ${({ $isLast: e, theme: o }) => {
+    color: ${({ $isLast: e, theme: t }) => {
   var n;
-  return e ? ((n = o.colors) == null ? void 0 : n.primary) || "#4E6EF2" : "inherit";
+  return e ? ((n = t.colors) == null ? void 0 : n.primary) || "#4E6EF2" : "inherit";
 }};
   }
-`, te = l.div.attrs({
+`, oe = l.div.attrs({
   className: "dashboard-container-breadcrumb-separator"
 })`
   display: flex;
   align-items: center;
   color: ${({ theme: e }) => {
-  var o, n;
-  return ((o = e.colors) == null ? void 0 : o.textSecondary) || ((n = e.colors) == null ? void 0 : n.disabledText) || "#6c757d";
+  var t, n;
+  return ((t = e.colors) == null ? void 0 : t.textSecondary) || ((n = e.colors) == null ? void 0 : n.disabledText) || "#6c757d";
 }};
   margin: 0 2px;
 `, Je = l.div.attrs({
@@ -336,28 +336,30 @@ const ee = De("ChevronRight", [
   flex-direction: column;
   width: 100%;
   height: ${({ theme: e }) => {
-  var o;
-  return `calc(100% - ${((o = e.space) == null ? void 0 : o.dashboardHeaderHeight) ?? "38px"} - 10px)`;
+  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+/);
+  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)`;
 }};
-  min-height: 650px;
+  min-height: 420px;
   overflow: auto;
   background: ${({ theme: e }) => {
-  var o, n;
-  return ((o = e.colors) == null ? void 0 : o.dashboardBackground) || ((n = e.colors) == null ? void 0 : n.background) || "#FFFFFF";
+  var t, n;
+  return ((t = e.colors) == null ? void 0 : t.dashboardBackground) || ((n = e.colors) == null ? void 0 : n.background) || "#FFFFFF";
 }};
   /* 优先使用 dashboardBorder，如果没有则使用 border 颜色构建默认 border */
   border: ${({ theme: e }) => {
-  var o, n;
-  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";
+  var t, n;
+  return ((t = e.colors) == null ? void 0 : t.dashboardBorder) !== void 0 ? e.colors.dashboardBorder : (n = e.colors) != null && n.border ? `1px solid ${e.colors.border}` : "none";
 }};
   border-radius: ${({ theme: e }) => {
-  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";
+  var t, n, d;
+  return ((t = e.space) == null ? void 0 : t.dashboardContentRadius) ?? ((n = e.colors) == null ? void 0 : n.dashboardContentRadius) ?? ((d = e.space) == null ? void 0 : d.radius) ?? "4px";
 }};
   /* 优先使用 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";
+  var t, n;
+  return ((t = e.colors) == null ? void 0 : t.dashboardShadow) || ((n = e.colors) == null ? void 0 : n.shadow) || "none";
 }};
 `, Qe = l.div.attrs({
   className: "dashboard-container-nav"
@@ -372,109 +374,109 @@ const ee = De("ChevronRight", [
   flex: 1;
   min-width: 0;
   background: ${({ theme: e }) => {
-  var o;
-  return ((o = e.colors) == null ? void 0 : o.dashboardMainBackground) ?? "transparent";
+  var t;
+  return ((t = e.colors) == null ? void 0 : t.dashboardMainBackground) ?? "transparent";
 }};
-`, eo = l.div.attrs({
+`, et = l.div.attrs({
   className: "dashboard-container-main-layout"
 })`
   height: 100%;
   display: flex;
   width: 100%;
   gap: ${({ theme: e }) => {
-  var o;
-  return ((o = e.space) == null ? void 0 : o.size) || "12px";
+  var t;
+  return ((t = e.space) == null ? void 0 : t.size) || "12px";
 }};
-`, zo = ({
+`, Ft = ({
   children: e,
-  goBack: o,
+  goBack: t,
   title: n,
-  description: p,
-  breadcrumbs: a,
-  dockItems: x,
+  description: d,
+  breadcrumbs: i,
+  dockItems: p,
   // 以下参数为兼容旧版本保留，当前未使用
-  dockActiveMode: M = "single",
-  defaultDockActiveId: T,
-  defaultDockActiveIds: L,
-  styles: F,
+  dockActiveMode: D = "single",
+  defaultDockActiveId: B,
+  defaultDockActiveIds: H,
+  styles: z,
   eventsEmit: s
 }) => {
-  const K = ce(), B = G(
+  const K = de(), I = G(
     // 基础：默认主题 + useTheme的配置
-    G({ theme: A, mode: "light" }, K),
+    G({ theme: F, mode: "light" }, K),
     // 最高层：用户手动传入的styles
-    F
-  ), c = (B == null ? void 0 : B.theme) || A, D = k.useRef(null), I = () => {
-    s != null && s.onGoBack ? s.onGoBack() : o && o();
-  }, j = () => {
+    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();
-  }, 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 [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 });
+  }, A = (g, r) => {
+    s != null && s.onBreadcrumbClick ? s.onBreadcrumbClick(g, r) : g.onClick && g.onClick();
+  }, Y = (g, r) => {
+    s != null && s.onDockItemClick && s.onDockItemClick(g, r);
+  }, j = () => {
+    if (!i || i.length === 0) return null;
+    const [g, r] = k.useState({ start: 0, end: i.length, showEllipsis: !1 }), R = k.useCallback(() => {
+      if (!N.current || i.length <= 3) {
+        r({ start: 0, end: i.length, showEllipsis: !1 });
         return;
       }
-      const m = 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 });
+      const m = N.current.offsetWidth * 0.5;
+      let V = Math.floor((m - 30) / (120 + 20));
+      if (V < 2 && (V = 2), V >= i.length) {
+        r({ start: 0, end: i.length, showEllipsis: !1 });
         return;
       }
-      const J = 0, O = Math.min(_ - 1, a.length);
+      const J = 0, O = Math.min(V - 1, i.length);
       r({
         start: J,
         end: O,
-        showEllipsis: O < a.length - 1
+        showEllipsis: O < i.length - 1
       });
-    }, [a.length]);
+    }, [i.length]);
     if (k.useEffect(() => {
       R();
       const w = new ResizeObserver(() => {
         R();
       });
-      return D.current && w.observe(D.current), () => {
+      return N.current && w.observe(N.current), () => {
         w.disconnect();
       };
-    }, [R]), a.length <= 3)
-      return /* @__PURE__ */ t(ke, { theme: c, children: a.map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
-        /* @__PURE__ */ t(
-          oe,
+    }, [R]), i.length <= 3)
+      return /* @__PURE__ */ o(ke, { theme: c, children: i.map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
+        /* @__PURE__ */ o(
+          te,
           {
-            $isLast: m === a.length - 1,
-            $isClickable: !!(m < a.length - 1 || w.onClick),
-            onClick: () => N(w, m),
+            $isLast: m === i.length - 1,
+            $isClickable: !!(m < i.length - 1 || w.onClick),
+            onClick: () => A(w, m),
             theme: c,
             title: w.label,
             children: w.label
           }
         ),
-        m < a.length - 1 && /* @__PURE__ */ t(te, { theme: c, children: /* @__PURE__ */ t(ee, { size: 14 }) })
+        m < i.length - 1 && /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) })
       ] }, w.id)) });
-    const { start: V, end: W, showEllipsis: re } = u;
+    const { start: E, end: W, showEllipsis: re } = g;
     return /* @__PURE__ */ b(ke, { theme: c, children: [
-      a.slice(V, W).map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
-        /* @__PURE__ */ t(
-          oe,
+      i.slice(E, W).map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
+        /* @__PURE__ */ o(
+          te,
           {
-            $isLast: m === W - V - 1 && !re,
-            $isClickable: !!(m < W - V - 1 || w.onClick),
-            onClick: () => N(w, V + m),
+            $isLast: m === W - E - 1 && !re,
+            $isClickable: !!(m < W - E - 1 || w.onClick),
+            onClick: () => A(w, E + m),
             theme: c,
             title: w.label,
             children: w.label
           }
         ),
-        m < W - V - 1 && /* @__PURE__ */ t(te, { theme: c, children: /* @__PURE__ */ t(ee, { size: 14 }) })
+        m < W - E - 1 && /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) })
       ] }, w.id)),
       re && /* @__PURE__ */ b(ye, { children: [
-        /* @__PURE__ */ t(te, { theme: c, children: /* @__PURE__ */ t(ee, { size: 14 }) }),
-        /* @__PURE__ */ t(
-          oe,
+        /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) }),
+        /* @__PURE__ */ o(
+          te,
           {
             $isLast: !1,
             $isClickable: !1,
@@ -483,70 +485,70 @@ const ee = De("ChevronRight", [
               cursor: "default",
               maxWidth: "auto"
             },
-            title: `${a.slice(W, -1).map((w) => w.label).join(" > ")}`,
+            title: `${i.slice(W, -1).map((w) => w.label).join(" > ")}`,
             children: "..."
           }
         ),
-        /* @__PURE__ */ t(te, { theme: c, children: /* @__PURE__ */ t(ee, { size: 14 }) }),
-        /* @__PURE__ */ t(
-          oe,
+        /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) }),
+        /* @__PURE__ */ o(
+          te,
           {
             $isLast: !0,
-            $isClickable: !!a[a.length - 1].onClick,
-            onClick: () => N(a[a.length - 1], a.length - 1),
+            $isClickable: !!i[i.length - 1].onClick,
+            onClick: () => A(i[i.length - 1], i.length - 1),
             theme: c,
-            title: a[a.length - 1].label,
-            children: a[a.length - 1].label
+            title: i[i.length - 1].label,
+            children: i[i.length - 1].label
           }
         )
       ] })
     ] });
-  }, [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(
+  }, [P, q] = k.useState(!0);
+  return /* @__PURE__ */ o(Ke, { theme: c, children: /* @__PURE__ */ b(et, { theme: c, children: [
+    p && p.length > 0 && /* @__PURE__ */ o(Qe, { $isOpen: P, theme: c, children: /* @__PURE__ */ o(
       Te,
       {
-        items: x,
-        open: E,
+        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: [
-      (n || p || o || a) && /* @__PURE__ */ b(Ye, { ref: D, theme: c, children: [
-        o && /* @__PURE__ */ t(
+      (n || d || t || i) && /* @__PURE__ */ b(Ye, { ref: N, theme: c, children: [
+        t && /* @__PURE__ */ o(
           qe,
           {
-            onClick: I,
+            onClick: S,
             theme: c,
             title: "\u8FD4\u56DE",
-            children: /* @__PURE__ */ t(Ge, { size: 18 })
+            children: /* @__PURE__ */ o(Ge, { size: 18 })
           }
         ),
-        H(),
-        n && /* @__PURE__ */ t(
+        j(),
+        n && /* @__PURE__ */ o(
           Ze,
           {
-            onClick: j,
+            onClick: L,
             theme: c,
             title: n,
             children: n
           }
         ),
-        p && /* @__PURE__ */ t(
+        d && /* @__PURE__ */ o(
           Xe,
           {
             theme: c,
-            title: p,
-            children: p
+            title: d,
+            children: d
           }
         )
       ] }),
-      /* @__PURE__ */ t(Je, { theme: c, children: e || /* @__PURE__ */ t(Ee, {}) })
+      /* @__PURE__ */ o(Je, { theme: c, children: e || /* @__PURE__ */ o(Pe, {}) })
     ] })
   ] }) });
-}, oo = l.div.withConfig({
+}, tt = l.div.withConfig({
   shouldForwardProp: (e) => !["backgroundImage", "backgroundColor", "dockPosition"].includes(e)
 })`
   position: fixed;
@@ -559,13 +561,13 @@ const ee = De("ChevronRight", [
   flex-direction: ${(e) => e.dockPosition === "left" || e.dockPosition === "right" ? "row" : "column"};
   overflow: hidden;
   z-index: 1;
-`, to = l.div.attrs({ className: "dock-container-main-area" })`
+`, ot = l.div.attrs({ className: "dock-container-main-area" })`
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   min-width: 0;
-`, no = l.div`
+`, nt = l.div`
   height: 48px;
   width: 100%;
   display: flex;
@@ -574,7 +576,7 @@ const ee = De("ChevronRight", [
   background: transparent;
   z-index: 10;
   flex-shrink: 0;
-`, ro = l.div`
+`, rt = l.div`
   flex: 1;
   width: 100%;
   overflow-y: auto;
@@ -601,7 +603,7 @@ const ee = De("ChevronRight", [
   &::-webkit-scrollbar-thumb:hover {
     background: rgba(255, 255, 255, 0.5);
   }
-`, ne = 16, io = 48, ao = io + ne * 2, me = ao + ne * 2, lo = l.div.withConfig({
+`, ne = 16, it = 48, at = it + ne * 2, me = at + ne * 2, lt = l.div.withConfig({
   shouldForwardProp: (e) => !["dockPosition"].includes(e)
 })`
   ${(e) => e.dockPosition === "left" || e.dockPosition === "right" ? `
@@ -622,76 +624,76 @@ const ee = De("ChevronRight", [
   background: transparent;
   z-index: 10;
   flex-shrink: 0;
-`, Mo = ({
+`, zt = ({
   children: e,
-  backgroundImage: o,
+  backgroundImage: t,
   backgroundColor: n,
-  header: p,
-  dockItems: a,
-  dockPosition: x = "bottom",
-  dockActiveMode: M = "single",
-  defaultDockActiveId: T,
-  defaultDockActiveIds: L,
-  styles: F,
+  header: d,
+  dockItems: i,
+  dockPosition: p = "bottom",
+  dockActiveMode: D = "single",
+  defaultDockActiveId: B,
+  defaultDockActiveIds: H,
+  styles: z,
   eventsEmit: s
 }) => {
-  var E, q;
-  const K = ce(), B = G(
+  var P, q;
+  const K = de(), I = G(
     // 基础：默认主题 + useTheme的配置
-    G({ theme: A, mode: "light" }, K),
+    G({ theme: F, mode: "light" }, K),
     // 最高层：用户手动传入的styles
-    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,
+    z
+  ), c = (I == null ? void 0 : I.theme) || F, N = (g, r) => {
+    s != null && s.onDockItemClick ? s.onDockItemClick(g, r) : g.onClick && g.onClick();
+  }, S = (g, r) => {
+    s != null && s.onDockActiveChange && s.onDockActiveChange(g, r);
+  }, L = (g, r) => {
+    s != null && s.onDockActiveChangeMultiple && s.onDockActiveChangeMultiple(g, r);
+  }, A = p === "left" || p === "right", Y = /* @__PURE__ */ b(ye, { children: [
+    d && /* @__PURE__ */ o(nt, { children: d }),
+    /* @__PURE__ */ o(
+      rt,
       {
         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"
+          fontFamily: ((q = (P = c.fonts) == null ? void 0 : P.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(
+  ] }), j = i && i.length > 0 && /* @__PURE__ */ o(lt, { dockPosition: p, children: /* @__PURE__ */ o(
     Fe,
     {
-      items: a,
+      items: i,
       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
+      direction: A ? "vertical" : "horizontal",
+      dockPosition: p,
+      activeMode: D,
+      defaultActiveId: B,
+      defaultActiveIds: H,
+      onItemClick: N,
+      onActiveChange: S,
+      onActiveChangeMultiple: L
     }
   ) });
   return /* @__PURE__ */ b(
-    oo,
+    tt,
     {
-      backgroundImage: o,
+      backgroundImage: t,
       backgroundColor: n,
-      dockPosition: x,
+      dockPosition: p,
       children: [
-        x === "top" && H,
-        x === "left" && H,
-        N ? /* @__PURE__ */ t(to, { children: Y }) : Y,
-        (x === "bottom" || x === "right") && H
+        p === "top" && j,
+        p === "left" && j,
+        A ? /* @__PURE__ */ o(ot, { children: Y }) : Y,
+        (p === "bottom" || p === "right") && j
       ]
     }
   );
-}, so = l.div`
+}, st = l.div`
   --header-height: 56px;
   --page-gutter: 16px;
   --sidebar-width: 264px;
@@ -704,7 +706,7 @@ const ee = De("ChevronRight", [
   min-height: 100vh;
   height: 100vh; /* 以视口高度为基准，便于内部独立滚动布局 */
   position: relative;
-`, co = l.div`
+`, dt = l.div`
   position: sticky;
   top: 0;
   z-index: 30;
@@ -716,12 +718,12 @@ const ee = De("ChevronRight", [
   padding: 0 16px;
   border-bottom: 1px solid rgba(0,0,0,0.06);
   backdrop-filter: blur(8px);
-`, ho = l.div`
+`, ct = l.div`
   display: flex;
   align-items: center;
   gap: 12px;
   min-width: 0;
-`, po = l.div`
+`, ht = l.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -739,7 +741,7 @@ const ee = De("ChevronRight", [
 
   &:hover { background: rgba(0,0,0,0.04); }
   &:active { transform: translateY(1px); }
-`, uo = l.div`
+`, pt = l.div`
   display: grid;
   grid-template-columns: var(--sidebar-width) 1fr var(--toc-width);
   gap: 16px;
@@ -760,9 +762,9 @@ const ee = De("ChevronRight", [
     gap: 12px;
     padding: 12px 12px 20px 12px;
   }
-`, go = l.aside`
+`, ut = l.aside`
   position: relative;
-`, fo = l.div`
+`, gt = l.div`
   height: 100%;
   overflow: hidden;
   padding-right: 8px;
@@ -771,7 +773,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"};
-`, xo = l.button`
+`, ft = l.button`
   position: absolute;
   top: 6px;
   right: -10px;
@@ -786,16 +788,16 @@ const ee = De("ChevronRight", [
   justify-content: center;
   transition: background .15s ease;
   &:hover { background: rgba(0,0,0,0.12); }
-`, bo = l.div`
+`, xt = l.div`
   height: 100%;
   overflow: auto;
   padding-right: 8px;
-`, wo = l.main`
+`, bt = l.main`
   position: relative;
   min-width: 0;
   height: 100%;
   overflow: auto; /* 文档渲染区独立滚动 */
-`, ko = l.div`
+`, wt = l.div`
   width: 100%;
   max-width: var(--content-max);
   margin: 0 auto;
@@ -803,16 +805,16 @@ const ee = De("ChevronRight", [
   border-radius: 8px;
   padding: 0px 12px;
   padding-bottom: 120px; /* 底部留出足够的 margin，确保可以滚动到最底部 */
-`, mo = l.div`
+`, kt = l.div`
   height: 100%;
   transition: opacity .5s ease;
   opacity: ${(e) => e.$opacity};
-`, vo = l.aside`
+`, mt = l.aside`
   position: relative;
   z-index: 1;
   height: 100%;
   overflow: hidden;
-`, yo = l.div`
+`, vt = l.div`
   /* 右侧目录独立滚动 */
   position: relative;
   height: 100%;
@@ -824,7 +826,7 @@ const ee = De("ChevronRight", [
   border-left: 1px solid rgba(0,0,0,0.06);
   background: transparent;
   z-index: 1;
-`, Co = l.div`
+`, yt = l.div`
   transition: opacity .2s ease, transform .2s ease;
   opacity: ${(e) => e.$collapsed ? 0 : 1};
   transform: translateX(${(e) => e.$collapsed ? "6px" : "0px"});
@@ -884,7 +886,7 @@ const le = l.div`
   }
 
   ${(e) => e.$active ? "background: rgba(0,0,0,0.08); font-weight: 600;" : ""}
-`, $o = l.div`
+`, Ct = l.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -894,16 +896,16 @@ const le = l.div`
   overflow-y: hidden;
   scrollbar-width: none;
   &::-webkit-scrollbar { display: none; }
-`, Bo = l.div`
+`, $t = l.div`
   width: 1px;
   height: 16px;
   background: currentColor;
   opacity: .2;
-`, Do = {
+`, Bt = {
   theme: {
-    ...A,
+    ...F,
     colors: {
-      ...A.colors,
+      ...F.colors,
       appBackground: "#ffffff",
       panelBackground: "#ffffff",
       dashboardBackground: "#ffffff",
@@ -913,11 +915,11 @@ const le = l.div`
       shadow: "0 1px 2px rgba(0,0,0,0.06)"
     }
   }
-}, Io = {
+}, Dt = {
   theme: {
-    ...A,
+    ...F,
     colors: {
-      ...A.colors,
+      ...F.colors,
       appBackground: "#0f172a",
       panelBackground: "#111827",
       dashboardBackground: "#0b1220",
@@ -928,120 +930,120 @@ const le = l.div`
     }
   },
   mode: "dark"
-}, Ro = (e) => {
+}, Mt = (e) => {
   var ge, fe, xe, be;
   const {
-    children: o,
+    children: t,
     headerLogo: n,
-    contentKey: p,
-    modules: a,
-    activeModuleKey: x,
-    onModuleChange: M,
-    languages: T,
-    activeLanguageKey: L,
-    onLanguageChange: F,
+    contentKey: d,
+    modules: i,
+    activeModuleKey: p,
+    onModuleChange: D,
+    languages: B,
+    activeLanguageKey: H,
+    onLanguageChange: z,
     themes: s,
     activeThemeKey: K,
-    onThemeChange: B,
+    onThemeChange: I,
     sidebarItems: c,
-    activeSidebarId: D,
-    onSidebarItemClick: I,
-    activeTocId: j,
-    onTocItemClick: N,
+    activeSidebarId: N,
+    onSidebarItemClick: S,
+    activeTocId: L,
+    onTocItemClick: A,
     collapsibleSidebar: Y = !0,
-    styles: H
-  } = e, E = ce(), q = e.activeThemeKey === "dark" ? Io : Do, u = G(
+    styles: j
+  } = e, P = de(), q = e.activeThemeKey === "dark" ? Dt : Bt, g = G(
     G(
-      G({ theme: A, mode: "light" }, E),
+      G({ theme: F, mode: "light" }, P),
       q
     ),
-    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);
+    j
+  ), r = (g == null ? void 0 : g.theme) || F, [R, E] = k.useState(!1), [W, re] = k.useState(!1), [w, m] = k.useState(!1), U = typeof L == "string", [ce, ie] = k.useState(L), V = k.useRef(null), [J, O] = k.useState(void 0), [Ie, he] = k.useState(t), [Ne, pe] = k.useState(1);
   k.useEffect(() => {
-    if (p === void 0) {
-      he(o);
+    if (d === void 0) {
+      he(t);
       return;
     }
     pe(0);
-    const i = setTimeout(() => {
-      he(o), requestAnimationFrame(() => pe(1));
+    const a = setTimeout(() => {
+      he(t), requestAnimationFrame(() => pe(1));
     }, 120);
-    return () => clearTimeout(i);
-  }, [p, o]), k.useMemo(() => {
-    var i, g, h, y, $, d, v, f, P, C, z, Z, Q;
+    return () => clearTimeout(a);
+  }, [d, t]), k.useMemo(() => {
+    var a, f, u, y, $, h, v, x, _, C, M, Z, Q;
     return {
-      primaryColor: (i = r == null ? void 0 : r.colors) == null ? void 0 : i.primary,
-      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,
+      primaryColor: (a = r == null ? void 0 : r.colors) == null ? void 0 : a.primary,
+      secondaryColor: (f = r == null ? void 0 : r.colors) == null ? void 0 : f.secondary,
+      backgroundColor: (u = r == null ? void 0 : r.colors) == null ? void 0 : u.appBackground,
       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: (d = r == null ? void 0 : r.colors) == null ? void 0 : d.disabledBackground,
+      disabledBackground: (h = r == null ? void 0 : r.colors) == null ? void 0 : h.disabledBackground,
       borderRadius: (v = r == null ? void 0 : r.space) == null ? void 0 : v.radius,
-      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
+      padding: (x = r == null ? void 0 : r.space) == null ? void 0 : x.padding,
+      margin: (_ = r == null ? void 0 : r.space) == null ? void 0 : _.margin,
+      baseFontSize: (M = (C = r == null ? void 0 : r.fonts) == null ? void 0 : C.body) != null && M.size ? parseInt((Q = (Z = r == null ? void 0 : r.fonts) == null ? void 0 : Z.body) == null ? void 0 : Q.size, 10) : void 0
     };
   }, [r]), k.useEffect(() => {
     if (e.tocItems)
       O(void 0);
     else {
-      p !== void 0 && O(void 0);
-      let i = 0;
-      const g = 10;
-      let h = null, y = null;
+      d !== void 0 && O(void 0);
+      let a = 0;
+      const f = 10;
+      let u = null, y = null;
       const $ = () => {
-        const d = _.current;
-        if (!d) {
-          i < g ? (i++, h = setTimeout($, 200)) : O([]);
+        const h = V.current;
+        if (!h) {
+          a < f ? (a++, u = setTimeout($, 200)) : O([]);
           return;
         }
-        const v = Array.from(d.querySelectorAll("h1, h2, h3"));
+        const v = Array.from(h.querySelectorAll("h1, h2, h3"));
         if (v.length === 0) {
-          i < g ? (i++, h = setTimeout($, 200)) : O([]);
+          a < f ? (a++, u = setTimeout($, 200)) : O([]);
           return;
         }
-        const f = /* @__PURE__ */ new Map(), P = v.map((C) => {
+        const x = /* @__PURE__ */ new Map(), _ = 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;
+          const M = C.id || ((we = C.textContent) == null ? void 0 : we.trim().replace(/\s+/g, "-").toLowerCase()) || "", Z = x.get(M) || 0;
+          x.set(M, Z + 1);
+          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 };
         });
-        O(P);
+        O(_);
       };
       return y = requestAnimationFrame(() => {
-        h = setTimeout($, 100);
+        u = setTimeout($, 100);
       }), () => {
-        y !== null && cancelAnimationFrame(y), h !== null && clearTimeout(h);
+        y !== null && cancelAnimationFrame(y), u !== null && clearTimeout(u);
       };
     }
-  }, [o, e.tocItems, p]), k.useEffect(() => {
+  }, [t, e.tocItems, d]), k.useEffect(() => {
     if (U) return;
-    const g = ((e.tocItems ?? J) || []).map((d) => d.id).filter(Boolean);
-    if (g.length === 0) return;
+    const f = ((e.tocItems ?? J) || []).map((h) => h.id).filter(Boolean);
+    if (f.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);
+    const u = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, y = (h) => {
+      var x, _;
+      const v = h.filter((C) => C.isIntersecting).sort((C, M) => C.boundingClientRect.top - M.boundingClientRect.top);
+      (_ = (x = v[0]) == null ? void 0 : x.target) != null && _.id && ie(v[0].target.id);
+    }, $ = new IntersectionObserver(y, u);
+    return f.forEach((h) => {
+      const v = document.getElementById(h);
       v && $.observe(v);
     }), () => $.disconnect();
-  }, [J, U, e.tocItems, p]);
-  const ue = (i, g) => {
-    if (!i || i.length === 0) return;
-    const h = Math.max(0, i.findIndex(($) => $.key === g)), y = i[(h + 1) % i.length];
+  }, [J, U, e.tocItems, d]);
+  const ue = (a, f) => {
+    if (!a || a.length === 0) return;
+    const u = Math.max(0, a.findIndex(($) => $.key === f)), y = a[(u + 1) % a.length];
     return y == null ? void 0 : y.key;
-  }, ae = (i) => {
-    const g = document.getElementById(i);
-    g && g.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
+  }, ae = (a) => {
+    const f = document.getElementById(a);
+    f && f.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
   };
-  return /* @__PURE__ */ t(Ae, { theme: r, mode: u.mode, children: /* @__PURE__ */ b(
-    so,
+  return /* @__PURE__ */ o(Ae, { theme: r, mode: g.mode, children: /* @__PURE__ */ b(
+    st,
     {
       style: {
         background: r.colors.appBackground,
@@ -1050,115 +1052,115 @@ const le = l.div`
       },
       children: [
         /* @__PURE__ */ b(
-          co,
+          dt,
           {
             style: {
               background: r.colors.panelBackground || r.colors.dashboardBackground || "rgba(255,255,255,0.6)",
               color: r.colors.text
             },
             children: [
-              /* @__PURE__ */ b(ho, { children: [
+              /* @__PURE__ */ b(ct, { children: [
                 n,
-                a && a.length > 0 && /* @__PURE__ */ t($o, { children: a.map((i) => /* @__PURE__ */ t(
+                i && i.length > 0 && /* @__PURE__ */ o(Ct, { children: i.map((a) => /* @__PURE__ */ o(
                   X,
                   {
-                    $active: i.key === x,
-                    onClick: () => M == null ? void 0 : M(i.key),
-                    title: i.label,
-                    children: i.label
+                    $active: a.key === p,
+                    onClick: () => D == null ? void 0 : D(a.key),
+                    title: a.label,
+                    children: a.label
                   },
-                  i.key
+                  a.key
                 )) })
               ] }),
-              /* @__PURE__ */ b(po, { children: [
-                /* @__PURE__ */ t("div", { className: "hide-on-desktop", style: { display: "none" } }),
-                T && T.length > 0 && /* @__PURE__ */ t(
+              /* @__PURE__ */ b(ht, { children: [
+                /* @__PURE__ */ o("div", { className: "hide-on-desktop", style: { display: "none" } }),
+                B && B.length > 0 && /* @__PURE__ */ o(
                   ve,
                   {
                     onClick: () => {
-                      const i = ue(T, L);
-                      i && (F == null || F(i));
+                      const a = ue(B, H);
+                      a && (z == null || z(a));
                     },
-                    title: ((xe = T.find((i) => i.key === L)) == null ? void 0 : xe.label) || "Language",
+                    title: ((xe = B.find((a) => a.key === H)) == null ? void 0 : xe.label) || "Language",
                     "aria-label": "language",
                     style: { color: r.colors.text },
                     children: /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                      /* @__PURE__ */ 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__ */ o("path", { d: "M12 21c4.97 0 9-4.03 9-9s-4.03-9-9-9-9 4.03-9 9 4.03 9 9 9Z", stroke: "currentColor", strokeWidth: "1.6" }),
+                      /* @__PURE__ */ o("path", { d: "M3 12h18M12 3c-2.5 2.5-3.75 5.167-3.75 9S9.5 19.5 12 21c2.5-1.5 3.75-4.167 3.75-8S14.5 5.5 12 3Z", stroke: "currentColor", strokeWidth: "1.6" })
                     ] })
                   }
                 ),
-                /* @__PURE__ */ t(Bo, {}),
-                s && s.length > 0 && /* @__PURE__ */ t(
+                /* @__PURE__ */ o($t, {}),
+                s && s.length > 0 && /* @__PURE__ */ o(
                   ve,
                   {
                     onClick: () => {
-                      const i = ue(s, K);
-                      i && (B == null || B(i));
+                      const a = ue(s, K);
+                      a && (I == null || I(a));
                     },
-                    title: ((be = s.find((i) => i.key === K)) == null ? void 0 : be.label) || "Theme",
+                    title: ((be = s.find((a) => a.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" }) })
+                    children: /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z", stroke: "currentColor", strokeWidth: "1.6" }) })
                   }
                 ),
-                /* @__PURE__ */ t("div", { className: "mobile-only", style: { display: "none" }, children: /* @__PURE__ */ t(X, { onClick: () => m(!0), title: "\u6253\u5F00\u76EE\u5F55", children: "\u76EE\u5F55" }) })
+                /* @__PURE__ */ o("div", { className: "mobile-only", style: { display: "none" }, children: /* @__PURE__ */ o(X, { onClick: () => m(!0), title: "\u6253\u5F00\u76EE\u5F55", children: "\u76EE\u5F55" }) })
               ] })
             ]
           }
         ),
         (() => {
-          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;
+          const f = (Array.isArray(c) ? c.length : 0) > 1, u = f ? R ? "10px" : "var(--sidebar-width)" : "0px", y = W ? "10px" : "var(--toc-width)", $ = f ? `${u} 1fr ${y}` : `1fr ${y}`;
+          return /* @__PURE__ */ b(pt, { style: { gridTemplateColumns: $ }, children: [
+            f && /* @__PURE__ */ b(ut, { children: [
+              /* @__PURE__ */ o(gt, { $collapsed: R, children: /* @__PURE__ */ o(xt, { children: c && c.length > 0 && /* @__PURE__ */ o("div", { children: Object.entries(
+                c.reduce((h, v) => {
+                  const x = v.group || "\u6587\u6863";
+                  return h[x] = h[x] || [], h[x].push(v), h;
                 }, {})
-              ).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(
+              ).map(([h, v]) => /* @__PURE__ */ b("div", { children: [
+                /* @__PURE__ */ o(le, { children: h }),
+                /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: v.map((x) => /* @__PURE__ */ o(
                   X,
                   {
-                    $active: f.id === D,
+                    $active: x.id === N,
                     onClick: () => {
-                      f.href && (f.href.startsWith("#") ? ae(f.href.slice(1)) : window.location.href = f.href), I == null || I(f), m(!1);
+                      x.href && (x.href.startsWith("#") ? ae(x.href.slice(1)) : window.location.href = x.href), S == null || S(x), m(!1);
                     },
-                    title: f.label,
-                    children: f.label
+                    title: x.label,
+                    children: x.label
                   },
-                  f.id
+                  x.id
                 )) })
-              ] }, 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" }) }) })
+              ] }, h)) }) }) }),
+              Y && f && /* @__PURE__ */ o(ft, { onClick: () => E((h) => !h), title: R ? "\u5C55\u5F00\u5DE6\u4FA7\u680F" : "\u6536\u8D77\u5DE6\u4FA7\u680F", "aria-label": "toggle-left", children: R ? /* @__PURE__ */ o("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M9 6l6 6-6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) : /* @__PURE__ */ o("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M15 6l-6 6 6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) })
             ] }),
-            /* @__PURE__ */ t(wo, { children: /* @__PURE__ */ t(
-              ko,
+            /* @__PURE__ */ o(bt, { children: /* @__PURE__ */ o(
+              wt,
               {
-                ref: _,
-                children: /* @__PURE__ */ t(mo, { $opacity: Ne, children: Ie })
+                ref: V,
+                children: /* @__PURE__ */ o(kt, { $opacity: Ne, children: Ie })
               }
             ) }),
-            /* @__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(
+            /* @__PURE__ */ o(mt, { children: /* @__PURE__ */ o(vt, { children: /* @__PURE__ */ b(yt, { $collapsed: W, children: [
+              /* @__PURE__ */ o(le, { children: "\u672C\u9875\u76EE\u5F55" }),
+              /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px", width: "100%", maxWidth: "100%", overflow: "hidden" }, children: ((e.tocItems ?? J) || []).map((h) => /* @__PURE__ */ o(
                 X,
                 {
-                  $active: (U ? j : de) === d.id,
+                  $active: (U ? L : ce) === h.id,
                   onClick: () => {
-                    ae(d.id), N == null || N(d);
+                    ae(h.id), A == null || A(h);
                   },
-                  title: d.label,
-                  style: { paddingLeft: Math.max(0, (d.level || 1) - 1) * 12 + 10 },
-                  children: d.label
+                  title: h.label,
+                  style: { paddingLeft: Math.max(0, (h.level || 1) - 1) * 12 + 10 },
+                  children: h.label
                 },
-                d.id
+                h.id
               )) })
             ] }) }) })
           ] });
         })(),
-        w && /* @__PURE__ */ t(
+        w && /* @__PURE__ */ o(
           "div",
           {
             role: "dialog",
@@ -1183,31 +1185,31 @@ const le = l.div`
                   borderRight: `1px solid ${r.colors.border}`,
                   padding: 12
                 },
-                onClick: (i) => i.stopPropagation(),
+                onClick: (a) => a.stopPropagation(),
                 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(X, { onClick: () => m(!1), children: "\u5173\u95ED" })
+                    /* @__PURE__ */ o("div", { style: { fontWeight: 600 }, children: "\u76EE\u5F55" }),
+                    /* @__PURE__ */ o(X, { onClick: () => m(!1), children: "\u5173\u95ED" })
                   ] }),
-                  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;
+                  c && c.length > 0 && /* @__PURE__ */ o("div", { style: { overflow: "auto", height: "calc(100% - 40px)" }, children: Object.entries(
+                    c.reduce((a, f) => {
+                      const u = f.group || "\u6587\u6863";
+                      return a[u] = a[u] || [], a[u].push(f), a;
                     }, {})
-                  ).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(
+                  ).map(([a, f]) => /* @__PURE__ */ b("div", { children: [
+                    /* @__PURE__ */ o(le, { children: a }),
+                    /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: f.map((u) => /* @__PURE__ */ o(
                       X,
                       {
-                        $active: h.id === D,
+                        $active: u.id === N,
                         onClick: () => {
-                          h.href && (h.href.startsWith("#") ? ae(h.href.slice(1)) : window.location.href = h.href), I == null || I(h), m(!1);
+                          u.href && (u.href.startsWith("#") ? ae(u.href.slice(1)) : window.location.href = u.href), S == null || S(u), m(!1);
                         },
-                        children: h.label
+                        children: u.label
                       },
-                      h.id
+                      u.id
                     )) })
-                  ] }, i)) })
+                  ] }, a)) })
                 ]
               }
             )
@@ -1218,7 +1220,7 @@ const le = l.div`
   ) });
 };
 export {
-  zo as DashboardContainer,
-  Mo as DockContainer,
-  Ro as DocumentContainer
+  Ft as DashboardContainer,
+  zt as DockContainer,
+  Mt as DocumentContainer
 };