@mxmweb/zui-layouts 1.3.7 → 1.3.10

package/index.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as x, Fragment as Ie } from "react/jsx-runtime";
-import * as S from "react";
-import w, { forwardRef as ve, createElement as le } 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 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 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 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");
-const Re = /* @__PURE__ */ S.createContext(null);
-process.env.NODE_ENV !== "production" && (Re.displayName = "Location");
-const me = /* @__PURE__ */ S.createContext({
+const ze = /* @__PURE__ */ T.createContext(null);
+process.env.NODE_ENV !== "production" && (ze.displayName = "DataRouter");
+const Me = /* @__PURE__ */ T.createContext(null);
+process.env.NODE_ENV !== "production" && (Me.displayName = "DataRouterState");
+const Re = /* @__PURE__ */ T.createContext(null);
+process.env.NODE_ENV !== "production" && (Re.displayName = "Await");
+const We = /* @__PURE__ */ T.createContext(null);
+process.env.NODE_ENV !== "production" && (We.displayName = "Navigation");
+const Oe = /* @__PURE__ */ T.createContext(null);
+process.env.NODE_ENV !== "production" && (Oe.displayName = "Location");
+const $e = /* @__PURE__ */ T.createContext({
   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 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 je(e) {
-  return Le(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 He = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ye = (...e) => e.filter((o, n, h) => !!o && o.trim() !== "" && h.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 Ee = {
+var Ve = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -74,31 +74,31 @@ var Ee = {
  * 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 _e = Ce(
   ({
     color: e = "currentColor",
-    size: o = 24,
+    size: t = 24,
     strokeWidth: n = 2,
-    absoluteStrokeWidth: h,
-    className: a = "",
-    children: $,
-    iconNode: W,
-    ...M
-  }, _) => le(
+    absoluteStrokeWidth: d,
+    className: i = "",
+    children: p,
+    iconNode: D,
+    ...B
+  }, H) => se(
     "svg",
     {
-      ref: _,
-      ...Ee,
-      width: o,
-      height: o,
+      ref: H,
+      ...Ve,
+      width: t,
+      height: t,
       stroke: e,
-      strokeWidth: h ? Number(n) * 24 / Number(o) : n,
-      className: ye("lucide", a),
-      ...M
+      strokeWidth: d ? Number(n) * 24 / Number(t) : n,
+      className: Be("lucide", i),
+      ...B
     },
     [
-      ...W.map(([f, p]) => le(f, p)),
-      ...Array.isArray($) ? $ : [$]
+      ...D.map(([z, s]) => se(z, s)),
+      ...Array.isArray(p) ? p : [p]
     ]
   )
 );
@@ -108,13 +108,13 @@ 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: h, ...a }, $) => le(_e, {
-      ref: $,
-      iconNode: o,
-      className: ye(`lucide-${He(e)}`, h),
-      ...a
+const De = (e, t) => {
+  const n = Ce(
+    ({ className: d, ...i }, p) => se(_e, {
+      ref: p,
+      iconNode: t,
+      className: Be(`lucide-${Ee(e)}`, d),
+      ...i
     })
   );
   return n.displayName = `${e}`, n;
@@ -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,55 +135,55 @@ 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;
   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";
 }};
-`, Ge = l.div.attrs({
+`, 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;
   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;
@@ -195,12 +195,12 @@ const U = Ce("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 U = Ce("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";
 }};
   }
-`, Ye = l.div.attrs({
+`, 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 U = Ce("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";
 }};
   }
-`, qe = l.div.attrs({
+`, 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,15 +273,15 @@ const U = Ce("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";
 }};
-`, we = l.div.attrs({
+`, ke = l.div.attrs({
   className: "dashboard-container-breadcrumb"
 })`
   display: flex;
@@ -291,19 +291,19 @@ const U = Ce("ChevronRight", [
   max-width: 50%;
   min-width: 0;
   overflow: hidden;
-`, ee = 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, h, a;
-  return e ? ((n = o.colors) == null ? void 0 : n.text) || "#343a40" : ((h = o.colors) == null ? void 0 : h.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,9 +314,9 @@ const U = Ce("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";
 }};
   }
 `, oe = l.div.attrs({
@@ -325,43 +325,48 @@ const U = Ce("ChevronRight", [
   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;
-`, Ze = l.div.attrs({
+`, Je = l.div.attrs({
   className: "dashboard-container-content"
 })`
   display: flex;
   flex-direction: column;
   width: 100%;
-  height: calc(100% - 45px);
-  min-height: 650px;
+  height: ${({ theme: e }) => {
+  var D, B;
+  const t = ((D = e.space) == null ? void 0 : D.dashboardHeaderHeight) ?? "38px", d = (((B = e.space) == null ? void 0 : B.dashboardHeaderPadding) ?? "0 0 8px 0").trim().split(/\s+/);
+  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: 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, h;
-  return ((o = e.space) == null ? void 0 : o.dashboardContentRadius) ?? ((n = e.colors) == null ? void 0 : n.dashboardContentRadius) ?? ((h = e.space) == null ? void 0 : h.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";
 }};
-`, 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;
@@ -369,182 +374,182 @@ const U = Ce("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";
 }};
-`, Qe = 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";
 }};
-`, No = ({
+`, Ft = ({
   children: e,
-  goBack: o,
+  goBack: t,
   title: n,
-  description: h,
-  breadcrumbs: a,
-  dockItems: $,
+  description: d,
+  breadcrumbs: i,
+  dockItems: p,
   // 以下参数为兼容旧版本保留，当前未使用
-  dockActiveMode: W = "single",
-  defaultDockActiveId: M,
-  defaultDockActiveIds: _,
-  styles: f,
-  eventsEmit: p
+  dockActiveMode: D = "single",
+  defaultDockActiveId: B,
+  defaultDockActiveIds: H,
+  styles: z,
+  eventsEmit: s
 }) => {
-  const O = se(), I = K(
+  const K = de(), I = G(
     // 基础：默认主题 + useTheme的配置
-    K({ theme: F, mode: "light" }, O),
+    G({ theme: F, mode: "light" }, K),
     // 最高层：用户手动传入的styles
-    f
-  ), s = (I == null ? void 0 : I.theme) || F, N = w.useRef(null), A = () => {
-    p != null && p.onGoBack ? p.onGoBack() : o && o();
+    z
+  ), c = (I == null ? void 0 : I.theme) || F, N = k.useRef(null), S = () => {
+    s != null && s.onGoBack ? s.onGoBack() : t && t();
   }, L = () => {
-    p != null && p.onTitleClick && p.onTitleClick();
-  }, T = (m, r) => {
-    p != null && p.onBreadcrumbClick ? p.onBreadcrumbClick(m, r) : m.onClick && m.onClick();
-  }, D = (m, r) => {
-    p != null && p.onDockItemClick && p.onDockItemClick(m, r);
-  }, z = () => {
-    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) {
-        r({ start: 0, end: a.length, showEllipsis: !1 });
+    s != null && s.onTitleClick && s.onTitleClick();
+  }, A = (g, r) => {
+    s != null && s.onBreadcrumbClick ? s.onBreadcrumbClick(g, r) : g.onClick && g.onClick();
+  }, Y = (g, r) => {
+    s != null && s.onDockItemClick && s.onDockItemClick(g, r);
+  }, 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 k = N.current.offsetWidth * 0.5;
-      let P = Math.floor((k - 30) / (120 + 20));
-      if (P < 2 && (P = 2), P >= 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 Z = 0, E = Math.min(P - 1, a.length);
+      const J = 0, O = Math.min(V - 1, i.length);
       r({
-        start: Z,
-        end: E,
-        showEllipsis: E < a.length - 1
+        start: J,
+        end: O,
+        showEllipsis: O < i.length - 1
       });
-    }, [a.length]);
-    if (w.useEffect(() => {
-      j();
-      const b = new ResizeObserver(() => {
-        j();
+    }, [i.length]);
+    if (k.useEffect(() => {
+      R();
+      const w = new ResizeObserver(() => {
+        R();
       });
-      return N.current && b.observe(N.current), () => {
-        b.disconnect();
+      return N.current && w.observe(N.current), () => {
+        w.disconnect();
       };
-    }, [j]), a.length <= 3)
-      return /* @__PURE__ */ t(we, { theme: s, children: a.map((b, k) => /* @__PURE__ */ x(w.Fragment, { children: [
-        /* @__PURE__ */ t(
-          ee,
+    }, [R]), i.length <= 3)
+      return /* @__PURE__ */ o(ke, { theme: c, children: i.map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
+        /* @__PURE__ */ o(
+          te,
           {
-            $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 === i.length - 1,
+            $isClickable: !!(m < i.length - 1 || w.onClick),
+            onClick: () => A(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: H, showEllipsis: ne } = m;
-    return /* @__PURE__ */ x(we, { theme: s, children: [
-      a.slice(V, H).map((b, k) => /* @__PURE__ */ x(w.Fragment, { children: [
-        /* @__PURE__ */ t(
-          ee,
+        m < i.length - 1 && /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) })
+      ] }, w.id)) });
+    const { start: E, end: W, showEllipsis: re } = g;
+    return /* @__PURE__ */ b(ke, { theme: c, children: [
+      i.slice(E, W).map((w, m) => /* @__PURE__ */ b(k.Fragment, { children: [
+        /* @__PURE__ */ o(
+          te,
           {
-            $isLast: k === H - V - 1 && !ne,
-            $isClickable: !!(k < H - V - 1 || b.onClick),
-            onClick: () => T(b, V + k),
-            theme: s,
-            title: b.label,
-            children: b.label
+            $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
           }
         ),
-        k < H - 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 }) }),
-        /* @__PURE__ */ t(
-          ee,
+        m < W - E - 1 && /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) })
+      ] }, w.id)),
+      re && /* @__PURE__ */ b(ye, { children: [
+        /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) }),
+        /* @__PURE__ */ o(
+          te,
           {
             $isLast: !1,
             $isClickable: !1,
-            theme: s,
+            theme: c,
             style: {
               cursor: "default",
               maxWidth: "auto"
             },
-            title: `${a.slice(H, -1).map((b) => b.label).join(" > ")}`,
+            title: `${i.slice(W, -1).map((w) => w.label).join(" > ")}`,
             children: "..."
           }
         ),
-        /* @__PURE__ */ t(oe, { theme: s, children: /* @__PURE__ */ t(U, { size: 14 }) }),
-        /* @__PURE__ */ t(
-          ee,
+        /* @__PURE__ */ o(oe, { theme: c, children: /* @__PURE__ */ o(ee, { size: 14 }) }),
+        /* @__PURE__ */ o(
+          te,
           {
             $isLast: !0,
-            $isClickable: !!a[a.length - 1].onClick,
-            onClick: () => T(a[a.length - 1], a.length - 1),
-            theme: s,
-            title: a[a.length - 1].label,
-            children: a[a.length - 1].label
+            $isClickable: !!i[i.length - 1].onClick,
+            onClick: () => A(i[i.length - 1], i.length - 1),
+            theme: c,
+            title: i[i.length - 1].label,
+            children: i[i.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,
+  }, [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: $,
-        open: J,
-        onOpenChange: te,
-        onItemClick: (m) => D({ id: String(m.key), label: m.name }, 0),
+        items: p,
+        open: P,
+        onOpenChange: q,
+        onItemClick: (g) => Y({ id: String(g.key), label: g.name }, 0),
         defaultOpen: !0
       }
     ) }),
-    /* @__PURE__ */ x(Je, { theme: s, children: [
-      (n || h || o || a) && /* @__PURE__ */ x(Ge, { ref: N, theme: s, children: [
-        o && /* @__PURE__ */ t(
-          Ke,
+    /* @__PURE__ */ b(Ue, { theme: c, children: [
+      (n || d || t || i) && /* @__PURE__ */ b(Ye, { ref: N, theme: c, children: [
+        t && /* @__PURE__ */ o(
+          qe,
           {
-            onClick: A,
-            theme: s,
+            onClick: S,
+            theme: c,
             title: "\u8FD4\u56DE",
-            children: /* @__PURE__ */ t(Ve, { size: 18 })
+            children: /* @__PURE__ */ o(Ge, { size: 18 })
           }
         ),
-        z(),
-        n && /* @__PURE__ */ t(
-          Ye,
+        j(),
+        n && /* @__PURE__ */ o(
+          Ze,
           {
             onClick: L,
-            theme: s,
+            theme: c,
             title: n,
             children: n
           }
         ),
-        h && /* @__PURE__ */ t(
-          qe,
+        d && /* @__PURE__ */ o(
+          Xe,
           {
-            theme: s,
-            title: h,
-            children: h
+            theme: c,
+            title: d,
+            children: d
           }
         )
       ] }),
-      /* @__PURE__ */ t(Ze, { theme: s, children: e || /* @__PURE__ */ t(je, {}) })
+      /* @__PURE__ */ o(Je, { theme: c, children: e || /* @__PURE__ */ o(Pe, {}) })
     ] })
   ] }) });
-}, Ue = l.div.withConfig({
-  shouldForwardProp: (e) => !["backgroundImage", "backgroundColor"].includes(e)
+}, tt = l.div.withConfig({
+  shouldForwardProp: (e) => !["backgroundImage", "backgroundColor", "dockPosition"].includes(e)
 })`
   position: fixed;
   top: 0;
@@ -553,10 +558,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`
+`, ot = l.div.attrs({ className: "dock-container-main-area" })`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-width: 0;
+`, nt = l.div`
   height: 48px;
   width: 100%;
   display: flex;
@@ -565,7 +576,7 @@ const U = Ce("ChevronRight", [
   background: transparent;
   z-index: 10;
   flex-shrink: 0;
-`, oo = l.div`
+`, rt = l.div`
   flex: 1;
   width: 100%;
   overflow-y: auto;
@@ -592,78 +603,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, 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" ? `
+        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 = ({
+`, zt = ({
   children: e,
-  backgroundImage: o,
+  backgroundImage: t,
   backgroundColor: n,
-  header: h,
-  dockItems: a,
-  dockActiveMode: $ = "single",
-  defaultDockActiveId: W,
-  defaultDockActiveIds: M,
-  styles: _,
-  eventsEmit: f
+  header: d,
+  dockItems: i,
+  dockPosition: p = "bottom",
+  dockActiveMode: D = "single",
+  defaultDockActiveId: B,
+  defaultDockActiveIds: H,
+  styles: z,
+  eventsEmit: s
 }) => {
-  var L, T;
-  const p = se(), O = K(
+  var P, q;
+  const K = de(), I = G(
     // 基础：默认主题 + useTheme的配置
-    K({ theme: F, mode: "light" }, p),
+    G({ theme: F, mode: "light" }, K),
     // 最高层：用户手动传入的styles
-    _
-  ), I = (O == null ? void 0 : O.theme) || F, s = (D, z) => {
-    f != null && f.onDockItemClick ? f.onDockItemClick(D, z) : D.onClick && D.onClick();
-  }, N = (D, z) => {
-    f != null && f.onDockActiveChange && f.onDockActiveChange(D, z);
-  }, A = (D, z) => {
-    f != null && f.onDockActiveChangeMultiple && f.onDockActiveChangeMultiple(D, z);
-  };
-  return /* @__PURE__ */ x(
-    Ue,
+    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 = (P = c.fonts) == null ? void 0 : P.body) == null ? void 0 : q.family) || "PingFang SC, Microsoft YaHei, Arial, sans-serif"
+        },
+        children: e
+      }
+    )
+  ] }), j = i && i.length > 0 && /* @__PURE__ */ o(lt, { dockPosition: p, children: /* @__PURE__ */ o(
+    Fe,
     {
-      backgroundImage: o,
+      items: i,
+      itemWidth: 48,
+      itemHeight: 48,
+      magnification: 1.5,
+      itemGap: 8,
+      direction: A ? "vertical" : "horizontal",
+      dockPosition: p,
+      activeMode: D,
+      defaultActiveId: B,
+      defaultActiveIds: H,
+      onItemClick: N,
+      onActiveChange: S,
+      onActiveChangeMultiple: L
+    }
+  ) });
+  return /* @__PURE__ */ b(
+    tt,
+    {
+      backgroundImage: t,
       backgroundColor: n,
+      dockPosition: p,
       children: [
-        h && /* @__PURE__ */ t(eo, { children: h }),
-        /* @__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
-          }
-        ) })
+        p === "top" && j,
+        p === "left" && j,
+        A ? /* @__PURE__ */ o(ot, { children: Y }) : Y,
+        (p === "bottom" || p === "right") && j
       ]
     }
   );
-}, no = l.div`
+}, st = l.div`
   --header-height: 56px;
   --page-gutter: 16px;
   --sidebar-width: 264px;
@@ -676,7 +706,7 @@ const U = Ce("ChevronRight", [
   min-height: 100vh;
   height: 100vh; /* 以视口高度为基准，便于内部独立滚动布局 */
   position: relative;
-`, ro = l.div`
+`, dt = l.div`
   position: sticky;
   top: 0;
   z-index: 30;
@@ -688,16 +718,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`
+`, ct = l.div`
   display: flex;
   align-items: center;
   gap: 12px;
   min-width: 0;
-`, ao = l.div`
+`, ht = l.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`, ke = l.button`
+`, ve = l.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -711,7 +741,7 @@ const U = Ce("ChevronRight", [
 
   &:hover { background: rgba(0,0,0,0.04); }
   &:active { transform: translateY(1px); }
-`, lo = l.div`
+`, pt = l.div`
   display: grid;
   grid-template-columns: var(--sidebar-width) 1fr var(--toc-width);
   gap: 16px;
@@ -732,9 +762,9 @@ const U = Ce("ChevronRight", [
     gap: 12px;
     padding: 12px 12px 20px 12px;
   }
-`, so = l.aside`
+`, ut = l.aside`
   position: relative;
-`, co = l.div`
+`, gt = l.div`
   height: 100%;
   overflow: hidden;
   padding-right: 8px;
@@ -743,7 +773,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`
+`, ft = l.button`
   position: absolute;
   top: 6px;
   right: -10px;
@@ -758,16 +788,16 @@ const U = Ce("ChevronRight", [
   justify-content: center;
   transition: background .15s ease;
   &:hover { background: rgba(0,0,0,0.12); }
-`, po = l.div`
+`, xt = l.div`
   height: 100%;
   overflow: auto;
   padding-right: 8px;
-`, uo = l.main`
+`, bt = l.main`
   position: relative;
   min-width: 0;
   height: 100%;
   overflow: auto; /* 文档渲染区独立滚动 */
-`, go = l.div`
+`, wt = l.div`
   width: 100%;
   max-width: var(--content-max);
   margin: 0 auto;
@@ -775,16 +805,16 @@ const U = Ce("ChevronRight", [
   border-radius: 8px;
   padding: 0px 12px;
   padding-bottom: 120px; /* 底部留出足够的 margin，确保可以滚动到最底部 */
-`, fo = l.div`
+`, kt = l.div`
   height: 100%;
   transition: opacity .5s ease;
   opacity: ${(e) => e.$opacity};
-`, xo = l.aside`
+`, mt = l.aside`
   position: relative;
   z-index: 1;
   height: 100%;
   overflow: hidden;
-`, bo = l.div`
+`, vt = l.div`
   /* 右侧目录独立滚动 */
   position: relative;
   height: 100%;
@@ -796,7 +826,7 @@ const U = Ce("ChevronRight", [
   border-left: 1px solid rgba(0,0,0,0.06);
   background: transparent;
   z-index: 1;
-`, wo = 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"});
@@ -821,11 +851,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;
@@ -856,7 +886,7 @@ const ae = l.div`
   }
 
   ${(e) => e.$active ? "background: rgba(0,0,0,0.08); font-weight: 600;" : ""}
-`, ko = l.div`
+`, Ct = l.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -866,12 +896,12 @@ const ae = l.div`
   overflow-y: hidden;
   scrollbar-width: none;
   &::-webkit-scrollbar { display: none; }
-`, vo = l.div`
+`, $t = l.div`
   width: 1px;
   height: 16px;
   background: currentColor;
   opacity: .2;
-`, mo = {
+`, Bt = {
   theme: {
     ...F,
     colors: {
@@ -885,7 +915,7 @@ const ae = l.div`
       shadow: "0 1px 2px rgba(0,0,0,0.06)"
     }
   }
-}, yo = {
+}, Dt = {
   theme: {
     ...F,
     colors: {
@@ -900,237 +930,237 @@ const ae = l.div`
     }
   },
   mode: "dark"
-}, To = (e) => {
-  var ue, ge, fe, xe;
+}, Mt = (e) => {
+  var ge, fe, xe, be;
   const {
-    children: o,
+    children: t,
     headerLogo: n,
-    contentKey: h,
-    modules: a,
-    activeModuleKey: $,
-    onModuleChange: W,
-    languages: M,
-    activeLanguageKey: _,
-    onLanguageChange: f,
-    themes: p,
-    activeThemeKey: O,
+    contentKey: d,
+    modules: i,
+    activeModuleKey: p,
+    onModuleChange: D,
+    languages: B,
+    activeLanguageKey: H,
+    onLanguageChange: z,
+    themes: s,
+    activeThemeKey: K,
     onThemeChange: I,
-    sidebarItems: s,
+    sidebarItems: c,
     activeSidebarId: N,
-    onSidebarItemClick: A,
+    onSidebarItemClick: S,
     activeTocId: L,
-    onTocItemClick: T,
-    collapsibleSidebar: D = !0,
-    styles: z
-  } = e, J = se(), te = e.activeThemeKey === "dark" ? yo : mo, m = K(
-    K(
-      K({ theme: F, mode: "light" }, J),
-      te
+    onTocItemClick: A,
+    collapsibleSidebar: Y = !0,
+    styles: j
+  } = e, P = de(), q = e.activeThemeKey === "dark" ? Dt : Bt, g = G(
+    G(
+      G({ theme: F, mode: "light" }, P),
+      q
     ),
-    z
-  ), r = (m == null ? void 0 : m.theme) || F, [j, V] = w.useState(!1), [H, ne] = w.useState(!1), [b, k] = w.useState(!1), Q = typeof L == "string", [ce, re] = w.useState(L), P = w.useRef(null), [Z, E] = w.useState(void 0), [$e, de] = w.useState(o), [Be, he] = w.useState(1);
-  w.useEffect(() => {
-    if (h === void 0) {
-      de(o);
+    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 (d === void 0) {
+      he(t);
       return;
     }
-    he(0);
-    const i = setTimeout(() => {
-      de(o), requestAnimationFrame(() => he(1));
+    pe(0);
+    const a = setTimeout(() => {
+      he(t), requestAnimationFrame(() => pe(1));
     }, 120);
-    return () => clearTimeout(i);
-  }, [h, o]), w.useMemo(() => {
-    var i, u, d, y, B, c, v, g, G, C, R, Y, X;
+    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: (u = r == null ? void 0 : r.colors) == null ? void 0 : u.secondary,
-      backgroundColor: (d = r == null ? void 0 : r.colors) == null ? void 0 : d.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: (B = r == null ? void 0 : r.colors) == null ? void 0 : B.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: (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: (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: (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]), w.useEffect(() => {
+  }, [r]), k.useEffect(() => {
     if (e.tocItems)
-      E(void 0);
+      O(void 0);
     else {
-      h !== void 0 && E(void 0);
-      let i = 0;
-      const u = 10;
-      let d = null, y = null;
-      const B = () => {
-        const c = P.current;
-        if (!c) {
-          i < u ? (i++, d = setTimeout(B, 200)) : E([]);
+      d !== void 0 && O(void 0);
+      let a = 0;
+      const f = 10;
+      let u = null, y = null;
+      const $ = () => {
+        const h = V.current;
+        if (!h) {
+          a < f ? (a++, u = setTimeout($, 200)) : O([]);
           return;
         }
-        const v = Array.from(c.querySelectorAll("h1, h2, h3"));
+        const v = Array.from(h.querySelectorAll("h1, h2, h3"));
         if (v.length === 0) {
-          i < u ? (i++, d = setTimeout(B, 200)) : E([]);
+          a < f ? (a++, u = 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 De = C.tagName === "H1" ? 1 : C.tagName === "H2" ? 2 : 3;
-          return { id: X, label: C.textContent || "", level: De };
+        const x = /* @__PURE__ */ new Map(), _ = v.map((C) => {
+          var we;
+          const M = C.id || ((we = C.textContent) == null ? void 0 : we.trim().replace(/\s+/g, "-").toLowerCase()) || "", Z = x.get(M) || 0;
+          x.set(M, Z + 1);
+          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 };
         });
-        E(G);
+        O(_);
       };
       return y = requestAnimationFrame(() => {
-        d = setTimeout(B, 100);
+        u = setTimeout($, 100);
       }), () => {
-        y !== null && cancelAnimationFrame(y), d !== null && clearTimeout(d);
+        y !== null && cancelAnimationFrame(y), u !== null && clearTimeout(u);
       };
     }
-  }, [o, e.tocItems, h]), w.useEffect(() => {
-    if (Q) return;
-    const u = ((e.tocItems ?? Z) || []).map((c) => c.id).filter(Boolean);
-    if (u.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);
-    }, B = new IntersectionObserver(y, d);
-    return u.forEach((c) => {
-      const v = document.getElementById(c);
-      v && B.observe(v);
-    }), () => B.disconnect();
-  }, [Z, Q, e.tocItems, h]);
-  const pe = (i, u) => {
-    if (!i || i.length === 0) return;
-    const d = Math.max(0, i.findIndex((B) => B.key === u)), y = i[(d + 1) % i.length];
+  }, [t, e.tocItems, d]), k.useEffect(() => {
+    if (U) return;
+    const f = ((e.tocItems ?? J) || []).map((h) => h.id).filter(Boolean);
+    if (f.length === 0) return;
+    ie(void 0);
+    const u = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, y = (h) => {
+      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, 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;
-  }, ie = (i) => {
-    const u = document.getElementById(i);
-    u && u.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(Ne, { theme: r, mode: m.mode, children: /* @__PURE__ */ x(
-    no,
+  return /* @__PURE__ */ o(Ae, { theme: r, mode: g.mode, children: /* @__PURE__ */ b(
+    st,
     {
       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(
+          dt,
           {
             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(ct, { children: [
                 n,
-                a && a.length > 0 && /* @__PURE__ */ t(ko, { children: a.map((i) => /* @__PURE__ */ t(
-                  q,
+                i && i.length > 0 && /* @__PURE__ */ o(Ct, { children: i.map((a) => /* @__PURE__ */ o(
+                  X,
                   {
-                    $active: i.key === $,
-                    onClick: () => W == null ? void 0 : W(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__ */ x(ao, { children: [
-                /* @__PURE__ */ t("div", { className: "hide-on-desktop", style: { display: "none" } }),
-                M && M.length > 0 && /* @__PURE__ */ t(
-                  ke,
+              /* @__PURE__ */ b(ht, { children: [
+                /* @__PURE__ */ o("div", { className: "hide-on-desktop", style: { display: "none" } }),
+                B && B.length > 0 && /* @__PURE__ */ o(
+                  ve,
                   {
                     onClick: () => {
-                      const i = pe(M, _);
-                      i && (f == null || f(i));
+                      const a = ue(B, H);
+                      a && (z == null || z(a));
                     },
-                    title: ((fe = M.find((i) => i.key === _)) == null ? void 0 : fe.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__ */ x("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" })
+                    children: /* @__PURE__ */ b("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                      /* @__PURE__ */ o("path", { d: "M12 21c4.97 0 9-4.03 9-9s-4.03-9-9-9-9 4.03-9 9 4.03 9 9 9Z", stroke: "currentColor", strokeWidth: "1.6" }),
+                      /* @__PURE__ */ o("path", { d: "M3 12h18M12 3c-2.5 2.5-3.75 5.167-3.75 9S9.5 19.5 12 21c2.5-1.5 3.75-4.167 3.75-8S14.5 5.5 12 3Z", stroke: "currentColor", strokeWidth: "1.6" })
                     ] })
                   }
                 ),
-                /* @__PURE__ */ t(vo, {}),
-                p && p.length > 0 && /* @__PURE__ */ t(
-                  ke,
+                /* @__PURE__ */ o($t, {}),
+                s && s.length > 0 && /* @__PURE__ */ o(
+                  ve,
                   {
                     onClick: () => {
-                      const i = pe(p, O);
-                      i && (I == null || I(i));
+                      const a = ue(s, K);
+                      a && (I == null || I(a));
                     },
-                    title: ((xe = p.find((i) => i.key === O)) == null ? void 0 : xe.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(q, { onClick: () => k(!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 u = (Array.isArray(s) ? s.length : 0) > 1, d = u ? j ? "10px" : "var(--sidebar-width)" : "0px", y = H ? "10px" : "var(--toc-width)", B = u ? `${d} 1fr ${y}` : `1fr ${y}`;
-          return /* @__PURE__ */ x(lo, { style: { gridTemplateColumns: B }, children: [
-            u && /* @__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 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(([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(([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: g.id === N,
+                    $active: x.id === N,
                     onClick: () => {
-                      g.href && (g.href.startsWith("#") ? ie(g.href.slice(1)) : window.location.href = g.href), A == null || A(g), k(!1);
+                      x.href && (x.href.startsWith("#") ? ae(x.href.slice(1)) : window.location.href = x.href), S == null || S(x), m(!1);
                     },
-                    title: g.label,
-                    children: g.label
+                    title: x.label,
+                    children: x.label
                   },
-                  g.id
+                  x.id
                 )) })
-              ] }, c)) }) }) }),
-              D && u && /* @__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" }) }) })
+              ] }, 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(uo, { children: /* @__PURE__ */ t(
-              go,
+            /* @__PURE__ */ o(bt, { children: /* @__PURE__ */ o(
+              wt,
               {
-                ref: P,
-                children: /* @__PURE__ */ t(fo, { $opacity: Be, children: $e })
+                ref: V,
+                children: /* @__PURE__ */ o(kt, { $opacity: Ne, children: Ie })
               }
             ) }),
-            /* @__PURE__ */ t(xo, { children: /* @__PURE__ */ t(bo, { children: /* @__PURE__ */ x(wo, { $collapsed: H, 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__ */ 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: (Q ? L : ce) === c.id,
+                  $active: (U ? L : ce) === h.id,
                   onClick: () => {
-                    ie(c.id), T == null || T(c);
+                    ae(h.id), A == null || A(h);
                   },
-                  title: c.label,
-                  style: { paddingLeft: Math.max(0, (c.level || 1) - 1) * 12 + 10 },
-                  children: c.label
+                  title: h.label,
+                  style: { paddingLeft: Math.max(0, (h.level || 1) - 1) * 12 + 10 },
+                  children: h.label
                 },
-                c.id
+                h.id
               )) })
             ] }) }) })
           ] });
         })(),
-        b && /* @__PURE__ */ t(
+        w && /* @__PURE__ */ o(
           "div",
           {
             role: "dialog",
@@ -1142,8 +1172,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: {
@@ -1155,31 +1185,31 @@ const ae = l.div`
                   borderRight: `1px solid ${r.colors.border}`,
                   padding: 12
                 },
-                onClick: (i) => i.stopPropagation(),
+                onClick: (a) => a.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ x("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__ */ b("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: [
+                    /* @__PURE__ */ o("div", { style: { fontWeight: 600 }, children: "\u76EE\u5F55" }),
+                    /* @__PURE__ */ o(X, { onClick: () => m(!1), children: "\u5173\u95ED" })
                   ] }),
-                  s && s.length > 0 && /* @__PURE__ */ t("div", { style: { overflow: "auto", height: "calc(100% - 40px)" }, children: Object.entries(
-                    s.reduce((i, u) => {
-                      const d = u.group || "\u6587\u6863";
-                      return i[d] = i[d] || [], i[d].push(u), 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, u]) => /* @__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: u.map((d) => /* @__PURE__ */ t(
-                      q,
+                  ).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: d.id === N,
+                        $active: u.id === N,
                         onClick: () => {
-                          d.href && (d.href.startsWith("#") ? ie(d.href.slice(1)) : window.location.href = d.href), A == null || A(d), k(!1);
+                          u.href && (u.href.startsWith("#") ? ae(u.href.slice(1)) : window.location.href = u.href), S == null || S(u), m(!1);
                         },
-                        children: d.label
+                        children: u.label
                       },
-                      d.id
+                      u.id
                     )) })
-                  ] }, i)) })
+                  ] }, a)) })
                 ]
               }
             )
@@ -1190,7 +1220,7 @@ const ae = l.div`
   ) });
 };
 export {
-  No as DashboardContainer,
-  Ao as DockContainer,
-  To as DocumentContainer
+  Ft as DashboardContainer,
+  zt as DockContainer,
+  Mt as DocumentContainer
 };