@yuku123/z-frontend-common 1.1.4 → 1.1.6

package/dist/{ComponentDoc-22ujWxLE.js → ComponentDoc-wSJwCada.js}

@@ -1,8 +1,8 @@
-import { jsxs as m, jsx as t, Fragment as Ce } from "react/jsx-runtime";
-import { useState as B, useRef as N, useEffect as L, useMemo as q, useCallback as be, useLayoutEffect as Re, createElement as ae, Fragment as O } from "react";
-import { Button as V, Skeleton as _, Input as Te, Card as me, Table as ye, Breadcrumb as Ee, Space as se, Tag as ce } from "antd";
-import { InboxOutlined as Ie, ExclamationCircleOutlined as Ae, ReloadOutlined as re, SearchOutlined as ze, ReadOutlined as Be } from "@ant-design/icons";
-import { useNavigate as xe, useInRouterContext as De } from "react-router-dom";
+import { jsxs as m, jsx as t, Fragment as Te } from "react/jsx-runtime";
+import { useState as B, useRef as P, useEffect as L, useMemo as q, useCallback as me, useLayoutEffect as Ee, createElement as ae, Fragment as O } from "react";
+import { Button as V, Skeleton as N, Input as Ae, Card as ye, Table as xe, Breadcrumb as Ie, Space as se, Tag as ce } from "antd";
+import { InboxOutlined as ze, ExclamationCircleOutlined as Be, ReloadOutlined as re, SearchOutlined as De, ReadOutlined as Le } from "@ant-design/icons";
+import { useInRouterContext as ve, useNavigate as Se } from "react-router-dom";
 const T = {
   // 主色 (蓝紫) - 顶导/重点按钮/链接
   primary: "#7c3aed",
@@ -88,10 +88,10 @@ const T = {
   md: "0 2px 4px -1px rgba(15, 23, 42, 0.04), 0 4px 8px -1px rgba(15, 23, 42, 0.08)",
   lg: "0 4px 6px -2px rgba(15, 23, 42, 0.05), 0 12px 16px -4px rgba(15, 23, 42, 0.10)",
   xl: "0 8px 24px -6px rgba(15, 23, 42, 0.10), 0 24px 48px -12px rgba(15, 23, 42, 0.18)"
-}, at = {
+}, st = {
   rest: D.md,
   hover: "0 8px 16px -4px rgba(15, 23, 42, 0.08), 0 20px 32px -8px rgba(15, 23, 42, 0.14)"
-}, P = {
+}, _ = {
   1: 4,
   2: 8,
   3: 12,
@@ -189,49 +189,49 @@ const T = {
     }
   }
 };
-function st({
+function ct({
   icon: e,
   label: n,
-  value: s,
-  suffix: o,
-  color: c = "blue",
+  value: c,
+  suffix: i,
+  color: d = "blue",
   trend: a,
   href: r,
-  loading: l = !1,
-  precision: i = 0
+  loading: o = !1,
+  precision: l = 0
 }) {
-  const d = E[c] || E.blue, [f, g] = B(0), p = N(0);
+  const s = E[d] || E.blue, [g, f] = B(0), p = P(0);
   L(() => {
-    if (l || s == null) return;
-    const b = p.current, S = Number(s) || 0;
-    if (b === S) {
-      g(S);
+    if (o || c == null) return;
+    const b = p.current, w = Number(c) || 0;
+    if (b === w) {
+      f(w);
       return;
     }
-    const w = 600, A = performance.now();
+    const k = 600, I = performance.now();
     let $;
     const G = (U) => {
-      const j = Math.min(1, (U - A) / w), J = 1 - Math.pow(1 - j, 3), u = b + (S - b) * J;
-      g(u), j < 1 ? $ = requestAnimationFrame(G) : p.current = S;
+      const j = Math.min(1, (U - I) / k), J = 1 - Math.pow(1 - j, 3), u = b + (w - b) * J;
+      f(u), j < 1 ? $ = requestAnimationFrame(G) : p.current = w;
     };
     return $ = requestAnimationFrame(G), () => $ && cancelAnimationFrame($);
-  }, [s, l]);
+  }, [c, o]);
   const h = () => {
     r && typeof window < "u" && (window.location.href = r);
-  }, k = l ? "--" : Number(f).toLocaleString("zh-CN", {
-    minimumFractionDigits: i,
-    maximumFractionDigits: i
-  }), v = a != null ? Number(a) : null, I = v != null && v >= 0;
+  }, v = o ? "--" : Number(g).toLocaleString("zh-CN", {
+    minimumFractionDigits: l,
+    maximumFractionDigits: l
+  }), S = a != null ? Number(a) : null, A = S != null && S >= 0;
   return /* @__PURE__ */ m(
     "div",
     {
       onClick: h,
       style: {
         position: "relative",
-        background: d.gradient,
+        background: s.gradient,
         borderRadius: C.lg,
-        padding: P[5],
-        color: d.fg,
+        padding: _[5],
+        color: s.fg,
         cursor: r ? "pointer" : "default",
         boxShadow: D.md,
         overflow: "hidden",
@@ -266,7 +266,7 @@ function st({
         /* @__PURE__ */ m("div", { style: {
           display: "flex",
           alignItems: "center",
-          gap: P[2],
+          gap: _[2],
           position: "relative"
         }, children: [
           /* @__PURE__ */ t("div", { style: {
@@ -289,9 +289,9 @@ function st({
         /* @__PURE__ */ m("div", { style: {
           display: "flex",
           alignItems: "baseline",
-          gap: P[2],
+          gap: _[2],
           position: "relative",
-          marginTop: P[3]
+          marginTop: _[3]
         }, children: [
           /* @__PURE__ */ t("div", { style: {
             fontSize: 30,
@@ -299,21 +299,21 @@ function st({
             lineHeight: 1.1,
             letterSpacing: "-0.02em",
             fontVariantNumeric: "tabular-nums"
-          }, children: k }),
-          o && /* @__PURE__ */ t("div", { style: { fontSize: 14, opacity: 0.85, fontWeight: 500 }, children: o }),
-          v != null && /* @__PURE__ */ m("div", { style: {
+          }, children: v }),
+          i && /* @__PURE__ */ t("div", { style: { fontSize: 14, opacity: 0.85, fontWeight: 500 }, children: i }),
+          S != null && /* @__PURE__ */ m("div", { style: {
             marginLeft: "auto",
             fontSize: 12,
             fontWeight: 600,
             padding: "2px 8px",
             borderRadius: 999,
-            background: I ? "rgba(255, 255, 255, 0.22)" : "rgba(0, 0, 0, 0.18)",
+            background: A ? "rgba(255, 255, 255, 0.22)" : "rgba(0, 0, 0, 0.18)",
             display: "flex",
             alignItems: "center",
             gap: 2
           }, children: [
-            /* @__PURE__ */ t("span", { style: { fontSize: 10 }, children: I ? "▲" : "▼" }),
-            Math.abs(v).toFixed(1),
+            /* @__PURE__ */ t("span", { style: { fontSize: 10 }, children: A ? "▲" : "▼" }),
+            Math.abs(S).toFixed(1),
             "%"
           ] })
         ] })
@@ -321,8 +321,8 @@ function st({
     }
   );
 }
-function Le({ color: e = "blue", label: n, size: s = 8 }) {
-  const o = E[e] || E.blue;
+function $e({ color: e = "blue", label: n, size: c = 8 }) {
+  const i = E[e] || E.blue;
   return /* @__PURE__ */ m("span", { style: {
     display: "inline-flex",
     alignItems: "center",
@@ -332,22 +332,22 @@ function Le({ color: e = "blue", label: n, size: s = 8 }) {
     color: "#111827"
   }, children: [
     /* @__PURE__ */ t("span", { style: {
-      width: s,
-      height: s,
+      width: c,
+      height: c,
       borderRadius: "50%",
-      background: o.bg,
-      boxShadow: `0 0 0 3px ${o.soft}`,
+      background: i.bg,
+      boxShadow: `0 0 0 3px ${i.soft}`,
       flexShrink: 0
     } }),
     n && /* @__PURE__ */ t("span", { children: n })
   ] });
 }
-function ct({
+function dt({
   color: e = "blue",
   title: n,
-  subtitle: s,
-  moreText: o = "全部",
-  moreHref: c,
+  subtitle: c,
+  moreText: i = "全部",
+  moreHref: d,
   onMore: a
 }) {
   return /* @__PURE__ */ m("div", { style: {
@@ -357,17 +357,17 @@ function ct({
     marginBottom: 16
   }, children: [
     /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "baseline", gap: 12 }, children: [
-      /* @__PURE__ */ t(Le, { color: e, label: n, size: 10 }),
-      s && /* @__PURE__ */ t("span", { style: {
+      /* @__PURE__ */ t($e, { color: e, label: n, size: 10 }),
+      c && /* @__PURE__ */ t("span", { style: {
         fontSize: 13,
         color: "#6b7280",
         fontWeight: 400
-      }, children: s })
+      }, children: c })
     ] }),
-    (c || a) && /* @__PURE__ */ m(
+    (d || a) && /* @__PURE__ */ m(
       "a",
       {
-        href: c,
+        href: d,
         onClick: (r) => {
           a && (r.preventDefault(), a());
         },
@@ -388,40 +388,40 @@ function ct({
           r.currentTarget.style.color = "#6b7280";
         },
         children: [
-          o,
+          i,
           /* @__PURE__ */ t("span", { style: { fontSize: 12 }, children: "›" })
         ]
       }
     )
   ] });
 }
-function dt({
+function ft({
   title: e,
   description: n,
-  icon: s,
-  cover: o,
-  color: c = "violet",
+  icon: c,
+  cover: i,
+  color: d = "violet",
   tags: a = [],
   meta: r,
-  href: l,
-  extra: i
+  href: o,
+  extra: l
 }) {
-  const d = E[c] || E.violet, [f, g] = B(!1);
+  const s = E[d] || E.violet, [g, f] = B(!1);
   return /* @__PURE__ */ m(
     "div",
     {
       onClick: () => {
-        l && typeof window < "u" && (window.location.href = l);
+        o && typeof window < "u" && (window.location.href = o);
       },
-      onMouseEnter: () => g(!0),
-      onMouseLeave: () => g(!1),
+      onMouseEnter: () => f(!0),
+      onMouseLeave: () => f(!1),
       style: {
         background: "#ffffff",
         borderRadius: C.lg,
         overflow: "hidden",
-        cursor: l ? "pointer" : "default",
-        boxShadow: f ? D.lg : D.sm,
-        transform: f ? "translateY(-2px)" : "translateY(0)",
+        cursor: o ? "pointer" : "default",
+        boxShadow: g ? D.lg : D.sm,
+        transform: g ? "translateY(-2px)" : "translateY(0)",
         transition: "transform 200ms ease, box-shadow 200ms ease",
         border: "1px solid #f1f5f9",
         display: "flex",
@@ -431,16 +431,16 @@ function dt({
         /* @__PURE__ */ m("div", { style: {
           position: "relative",
           aspectRatio: "16 / 9",
-          background: o ? "#f1f5f9" : d.gradient,
+          background: i ? "#f1f5f9" : s.gradient,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
           overflow: "hidden"
         }, children: [
-          o ? /* @__PURE__ */ t(
+          i ? /* @__PURE__ */ t(
             "img",
             {
-              src: o,
+              src: i,
               alt: e,
               style: {
                 width: "100%",
@@ -452,8 +452,8 @@ function dt({
             fontSize: 48,
             color: "rgba(255, 255, 255, 0.9)",
             display: "flex"
-          }, children: s }),
-          !o && /* @__PURE__ */ t("div", { style: {
+          }, children: c }),
+          !i && /* @__PURE__ */ t("div", { style: {
             position: "absolute",
             top: -24,
             right: -24,
@@ -462,25 +462,25 @@ function dt({
             borderRadius: "50%",
             background: "rgba(255, 255, 255, 0.15)"
           } }),
-          i && /* @__PURE__ */ t("div", { style: {
+          l && /* @__PURE__ */ t("div", { style: {
             position: "absolute",
             top: 8,
             right: 8
-          }, children: i })
+          }, children: l })
         ] }),
         /* @__PURE__ */ m("div", { style: {
-          padding: P[4],
+          padding: _[4],
           display: "flex",
           flexDirection: "column",
-          gap: P[2],
+          gap: _[2],
           flex: 1
         }, children: [
           a.length > 0 && /* @__PURE__ */ t("div", { style: {
             display: "flex",
             flexWrap: "wrap",
             gap: 6
-          }, children: a.slice(0, 3).map((h, k) => {
-            const v = E[h.color] || E.blue;
+          }, children: a.slice(0, 3).map((h, v) => {
+            const S = E[h.color] || E.blue;
             return /* @__PURE__ */ t(
               "span",
               {
@@ -489,12 +489,12 @@ function dt({
                   fontWeight: 500,
                   padding: "2px 8px",
                   borderRadius: 999,
-                  background: v.soft,
-                  color: v.bg
+                  background: S.soft,
+                  color: S.bg
                 },
                 children: h.label
               },
-              k
+              v
             );
           }) }),
           /* @__PURE__ */ t("div", { style: {
@@ -523,7 +523,7 @@ function dt({
             fontSize: 11,
             color: "#9ca3af",
             marginTop: "auto",
-            paddingTop: P[2],
+            paddingTop: _[2],
             borderTop: "1px dashed #f1f5f9"
           }, children: r })
         ] })
@@ -531,12 +531,12 @@ function dt({
     }
   );
 }
-function ft({
+function gt({
   tag: e,
   title: n,
-  description: s,
-  buttonText: o,
-  buttonHref: c,
+  description: c,
+  buttonText: i,
+  buttonHref: d,
   onButtonClick: a
 }) {
   return /* @__PURE__ */ m("div", { style: {
@@ -591,17 +591,17 @@ function ft({
           lineHeight: 1.3,
           marginBottom: 8
         }, children: n }),
-        s && /* @__PURE__ */ t("div", { style: {
+        c && /* @__PURE__ */ t("div", { style: {
           fontSize: 14,
           color: "rgba(255, 255, 255, 0.7)",
           lineHeight: 1.6,
           maxWidth: 540
-        }, children: s })
+        }, children: c })
       ] }),
-      o && (c || a) && /* @__PURE__ */ m(
+      i && (d || a) && /* @__PURE__ */ m(
         "a",
         {
-          href: c || "#",
+          href: d || "#",
           onClick: (r) => {
             a && (r.preventDefault(), a());
           },
@@ -627,7 +627,7 @@ function ft({
             r.currentTarget.style.transform = "translateY(0)", r.currentTarget.style.boxShadow = "0 4px 12px rgba(16, 185, 129, 0.4)";
           },
           children: [
-            o,
+            i,
             /* @__PURE__ */ t("span", { children: "→" })
           ]
         }
@@ -638,20 +638,20 @@ function ft({
 function ne({
   icon: e,
   title: n = "暂无数据",
-  description: s,
-  actionText: o,
-  onAction: c,
+  description: c,
+  actionText: i,
+  onAction: d,
   size: a = "md",
   style: r
 }) {
-  const l = { sm: 24, md: 40, lg: 64 }, i = { sm: 14, md: 16, lg: 20 };
+  const o = { sm: 24, md: 40, lg: 64 }, l = { sm: 14, md: 16, lg: 20 };
   return /* @__PURE__ */ m(
     "div",
     {
       role: "status",
       "aria-live": "polite",
       style: {
-        padding: l[a] || l.md,
+        padding: o[a] || o.md,
         textAlign: "center",
         background: "#ffffff",
         borderRadius: C.md,
@@ -670,63 +670,63 @@ function ne({
           marginBottom: 16,
           fontSize: 28,
           color: "#9ca3af"
-        }, children: e || /* @__PURE__ */ t(Ie, {}) }),
+        }, children: e || /* @__PURE__ */ t(ze, {}) }),
         /* @__PURE__ */ t("div", { style: {
-          fontSize: i[a],
+          fontSize: l[a],
           fontWeight: 600,
           color: x.text,
-          marginBottom: s ? 6 : 16
+          marginBottom: c ? 6 : 16
         }, children: n }),
-        s && /* @__PURE__ */ t("div", { style: {
+        c && /* @__PURE__ */ t("div", { style: {
           fontSize: 13,
           color: x.textMuted,
           lineHeight: 1.6,
           maxWidth: 360,
           margin: "0 auto 16px"
-        }, children: s }),
-        o && c && /* @__PURE__ */ t(
+        }, children: c }),
+        i && d && /* @__PURE__ */ t(
           V,
           {
             type: "primary",
-            onClick: c,
+            onClick: d,
             style: {
               background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)",
               border: "none",
               minHeight: 36
             },
-            children: o
+            children: i
           }
         )
       ]
     }
   );
 }
-function $e({
+function We({
   error: e,
   title: n = "加载失败",
-  description: s,
-  onRetry: o,
-  retryText: c = "重新加载",
+  description: c,
+  onRetry: i,
+  retryText: d = "重新加载",
   variant: a = "inline",
   style: r
 }) {
   var p;
-  const l = a === "full", i = (p = e == null ? void 0 : e.response) == null ? void 0 : p.data, d = i && typeof i == "object" && (typeof i.message == "string" && i.message || typeof i.msg == "string" && i.msg) || null, f = d || (typeof e == "string" ? e : (e == null ? void 0 : e.message) || (e == null ? void 0 : e.msg) || (e ? String(e) : null)), g = s || (d ? `原因: ${d}` : f ? `原因: ${f}。请检查网络或稍后重试。` : "请检查网络或稍后重试。");
+  const o = a === "full", l = (p = e == null ? void 0 : e.response) == null ? void 0 : p.data, s = l && typeof l == "object" && (typeof l.message == "string" && l.message || typeof l.msg == "string" && l.msg) || null, g = s || (typeof e == "string" ? e : (e == null ? void 0 : e.message) || (e == null ? void 0 : e.msg) || (e ? String(e) : null)), f = c || (s ? `原因: ${s}` : g ? `原因: ${g}。请检查网络或稍后重试。` : "请检查网络或稍后重试。");
   return /* @__PURE__ */ m(
     "div",
     {
       role: "alert",
       "aria-live": "assertive",
       style: {
-        padding: l ? "48px 24px" : "20px 24px",
-        background: l ? "#ffffff" : "#fef2f2",
-        border: l ? `1px dashed ${x.border}` : "1px solid #fecaca",
+        padding: o ? "48px 24px" : "20px 24px",
+        background: o ? "#ffffff" : "#fef2f2",
+        border: o ? `1px dashed ${x.border}` : "1px solid #fecaca",
         borderRadius: C.md,
-        textAlign: l ? "center" : "left",
+        textAlign: o ? "center" : "left",
         display: "flex",
-        flexDirection: l ? "column" : "row",
-        alignItems: l ? "center" : "flex-start",
-        gap: l ? 12 : 16,
+        flexDirection: o ? "column" : "row",
+        alignItems: o ? "center" : "flex-start",
+        gap: o ? 12 : 16,
         ...r
       },
       children: [
@@ -734,17 +734,17 @@ function $e({
           display: "inline-flex",
           alignItems: "center",
           justifyContent: "center",
-          width: l ? 56 : 36,
-          height: l ? 56 : 36,
+          width: o ? 56 : 36,
+          height: o ? 56 : 36,
           borderRadius: "50%",
-          background: l ? "#fef2f2" : "#ffffff",
+          background: o ? "#fef2f2" : "#ffffff",
           color: "#dc2626",
-          fontSize: l ? 28 : 18,
+          fontSize: o ? 28 : 18,
           flexShrink: 0
-        }, children: /* @__PURE__ */ t(Ae, {}) }),
+        }, children: /* @__PURE__ */ t(Be, {}) }),
         /* @__PURE__ */ m("div", { style: { flex: 1, minWidth: 0 }, children: [
           /* @__PURE__ */ t("div", { style: {
-            fontSize: l ? 16 : 14,
+            fontSize: o ? 16 : 14,
             fontWeight: 600,
             color: "#991b1b",
             marginBottom: 4
@@ -754,17 +754,17 @@ function $e({
             color: "#7f1d1d",
             lineHeight: 1.6,
             wordBreak: "break-word"
-          }, children: g }),
-          o && /* @__PURE__ */ t(
+          }, children: f }),
+          i && /* @__PURE__ */ t(
             V,
             {
               type: "primary",
               danger: !0,
               icon: /* @__PURE__ */ t(re, {}),
-              onClick: o,
-              size: l ? "middle" : "small",
+              onClick: i,
+              size: o ? "middle" : "small",
               style: { marginTop: 12 },
-              children: c
+              children: d
             }
           )
         ] })
@@ -772,11 +772,11 @@ function $e({
     }
   );
 }
-function gt({
+function ut({
   variant: e = "cards",
   rows: n = 4,
-  active: s = !0,
-  style: o
+  active: c = !0,
+  style: i
 }) {
   return e === "cards" ? /* @__PURE__ */ t(
     "div",
@@ -788,9 +788,9 @@ function gt({
         display: "grid",
         gridTemplateColumns: "repeat(auto-fill, minmax(220px, 1fr))",
         gap: 16,
-        ...o
+        ...i
       },
-      children: Array.from({ length: n }).map((c, a) => /* @__PURE__ */ m(
+      children: Array.from({ length: n }).map((d, a) => /* @__PURE__ */ m(
         "div",
         {
           style: {
@@ -801,13 +801,13 @@ function gt({
           },
           children: [
             /* @__PURE__ */ t(
-              _.Image,
+              N.Image,
               {
-                active: s,
+                active: c,
                 style: { width: "100%", height: 140, borderRadius: 0 }
               }
             ),
-            /* @__PURE__ */ t("div", { style: { padding: 16 }, children: /* @__PURE__ */ t(_, { active: s, paragraph: { rows: 2 }, title: { width: "60%" } }) })
+            /* @__PURE__ */ t("div", { style: { padding: 16 }, children: /* @__PURE__ */ t(N, { active: c, paragraph: { rows: 2 }, title: { width: "60%" } }) })
           ]
         },
         a
@@ -823,11 +823,11 @@ function gt({
         background: "#ffffff",
         padding: 24,
         borderRadius: C.md,
-        ...o
+        ...i
       },
-      children: /* @__PURE__ */ t(_, { active: s, paragraph: { rows: n } })
+      children: /* @__PURE__ */ t(N, { active: c, paragraph: { rows: n } })
     }
-  ) : e === "list" ? /* @__PURE__ */ t("div", { role: "status", "aria-busy": "true", "aria-label": "加载中", style: o, children: Array.from({ length: n }).map((c, a) => /* @__PURE__ */ m(
+  ) : e === "list" ? /* @__PURE__ */ t("div", { role: "status", "aria-busy": "true", "aria-label": "加载中", style: i, children: Array.from({ length: n }).map((d, a) => /* @__PURE__ */ m(
     "div",
     {
       style: {
@@ -838,8 +838,8 @@ function gt({
         borderBottom: a < n - 1 ? "1px solid #f1f5f9" : "none"
       },
       children: [
-        /* @__PURE__ */ t(_.Avatar, { active: s, size: "default" }),
-        /* @__PURE__ */ t(_, { active: s, paragraph: { rows: 1 }, title: { width: 120 }, style: { flex: 1 } })
+        /* @__PURE__ */ t(N.Avatar, { active: c, size: "default" }),
+        /* @__PURE__ */ t(N, { active: c, paragraph: { rows: 1 }, title: { width: 120 }, style: { flex: 1 } })
       ]
     },
     a
@@ -853,154 +853,154 @@ function gt({
         background: "#ffffff",
         padding: 32,
         borderRadius: C.md,
-        ...o
+        ...i
       },
-      children: /* @__PURE__ */ t(_, { active: s, title: { width: "40%" }, paragraph: { rows: n } })
+      children: /* @__PURE__ */ t(N, { active: c, title: { width: "40%" }, paragraph: { rows: n } })
     }
   );
 }
-function We({
+function Me({
   value: e,
   onChange: n,
-  onSearch: s,
-  placeholder: o = "搜索...",
-  debounceMs: c = 300,
+  onSearch: c,
+  placeholder: i = "搜索...",
+  debounceMs: d = 300,
   width: a = 280,
   allowClear: r = !0,
   // antd v6: enterButton 已被废弃,SearchInput 已通过 onKeyDown 自行处理 Enter 键,
   // 所以从 rest 里过滤掉,避免透传到原生 <input> 报 React 警告。
-  enterButton: l,
-  ...i
+  enterButton: o,
+  ...l
 }) {
-  const [d, f] = B(e || ""), g = N(null), p = N(e || "");
+  const [s, g] = B(e || ""), f = P(null), p = P(e || "");
   L(() => {
-    e !== void 0 && e !== d && (f(e || ""), p.current = e || "");
+    e !== void 0 && e !== s && (g(e || ""), p.current = e || "");
   }, [e]), L(() => () => {
-    g.current && clearTimeout(g.current);
+    f.current && clearTimeout(f.current);
   }, []);
-  const h = (S) => {
-    p.current = S, n && n(S);
-  }, k = (S) => {
-    const w = S.target.value;
-    if (f(w), g.current && clearTimeout(g.current), w === "") {
+  const h = (w) => {
+    p.current = w, n && n(w);
+  }, v = (w) => {
+    const k = w.target.value;
+    if (g(k), f.current && clearTimeout(f.current), k === "") {
       h("");
       return;
     }
-    g.current = setTimeout(() => h(w), c);
-  }, v = (S) => {
-    g.current && clearTimeout(g.current), h(S), s && s(S);
+    f.current = setTimeout(() => h(k), d);
+  }, S = (w) => {
+    f.current && clearTimeout(f.current), h(w), c && c(w);
   };
   return /* @__PURE__ */ t(
-    Te,
+    Ae,
     {
-      ...i,
-      value: d,
-      onChange: k,
-      onPressEnter: v,
-      onKeyDown: (S) => {
-        S.key === "Enter" ? (S.preventDefault(), v(d)) : S.key === "Escape" && (f(""), v(""));
+      ...l,
+      value: s,
+      onChange: v,
+      onPressEnter: S,
+      onKeyDown: (w) => {
+        w.key === "Enter" ? (w.preventDefault(), S(s)) : w.key === "Escape" && (g(""), S(""));
       },
-      placeholder: o,
+      placeholder: i,
       allowClear: r ? { clearIcon: /* @__PURE__ */ t("span", { onClick: () => {
-        f(""), v("");
+        g(""), S("");
       }, children: "×" }) } : !1,
-      prefix: /* @__PURE__ */ t(ze, { style: { color: "#9ca3af" } }),
+      prefix: /* @__PURE__ */ t(De, { style: { color: "#9ca3af" } }),
       style: {
         width: a,
         borderRadius: C.md,
-        ...i.style || {}
+        ...l.style || {}
       }
     }
   );
 }
-function Me(e, n, s) {
-  const o = Array.isArray(e) ? e : [], c = String(s ?? "").trim().toLowerCase();
-  if (!c) return o;
+function He(e, n, c) {
+  const i = Array.isArray(e) ? e : [], d = String(c ?? "").trim().toLowerCase();
+  if (!d) return i;
   const a = (Array.isArray(n) ? n : String(n || "").split(",")).map((r) => String(r || "").trim()).filter(Boolean);
-  return a.length ? o.filter((r) => !r || typeof r != "object" ? !1 : a.some((l) => {
-    const i = r[l];
-    return i == null ? !1 : String(i).toLowerCase().includes(c);
-  })) : o;
+  return a.length ? i.filter((r) => !r || typeof r != "object" ? !1 : a.some((o) => {
+    const l = r[o];
+    return l == null ? !1 : String(l).toLowerCase().includes(d);
+  })) : i;
 }
-function He(e, n) {
-  const [s, o] = B(""), c = (Array.isArray(n) ? n.join(",") : String(n || "")).trim(), a = q(
-    () => Me(e, c, s),
-    [e, c, s]
-  ), r = be(() => o(""), []);
-  return { keyword: s, setKeyword: o, filtered: a, reset: r };
+function Pe(e, n) {
+  const [c, i] = B(""), d = (Array.isArray(n) ? n.join(",") : String(n || "")).trim(), a = q(
+    () => He(e, d, c),
+    [e, d, c]
+  ), r = me(() => i(""), []);
+  return { keyword: c, setKeyword: i, filtered: a, reset: r };
 }
-const Ne = {
+const _e = {
   pageSize: 10,
   showSizeChanger: !0,
   pageSizeOptions: ["10", "20", "50", "100"],
   showTotal: (e) => `共 ${e} 条`
 };
-function ut({
+function pt({
   rows: e,
   columns: n,
-  rowKey: s,
-  loading: o,
-  searchKeys: c,
+  rowKey: c,
+  loading: i,
+  searchKeys: d,
   searchPlaceholder: a = "过滤",
   searchWidth: r = 220,
-  cardTitle: l,
-  cardExtra: i,
-  emptyTitle: d = "暂无数据",
-  emptyDescription: f,
-  emptyActionText: g,
+  cardTitle: o,
+  cardExtra: l,
+  emptyTitle: s = "暂无数据",
+  emptyDescription: g,
+  emptyActionText: f,
   emptyOnAction: p,
-  pagination: h = Ne,
-  cardProps: k = {},
-  tableProps: v = {},
-  ...I
+  pagination: h = _e,
+  cardProps: v = {},
+  tableProps: S = {},
+  ...A
 }) {
-  const { keyword: b, setKeyword: S, filtered: w } = He(e, c), A = c ? /* @__PURE__ */ t(
-    We,
+  const { keyword: b, setKeyword: w, filtered: k } = Pe(e, d), I = d ? /* @__PURE__ */ t(
+    Me,
     {
       allowClear: !0,
       width: r,
       placeholder: a,
       value: b,
-      onChange: S
+      onChange: w
     }
   ) : null;
-  return /* @__PURE__ */ t(me, { title: l, extra: A && i ? /* @__PURE__ */ m("span", { style: { display: "inline-flex", alignItems: "center", gap: 8 }, children: [
-    A,
-    i
-  ] }) : A || i, ...k, children: /* @__PURE__ */ t(
-    ye,
+  return /* @__PURE__ */ t(ye, { title: o, extra: I && l ? /* @__PURE__ */ m("span", { style: { display: "inline-flex", alignItems: "center", gap: 8 }, children: [
+    I,
+    l
+  ] }) : I || l, ...v, children: /* @__PURE__ */ t(
+    xe,
     {
-      rowKey: s,
+      rowKey: c,
       columns: n,
-      dataSource: w,
-      loading: o,
+      dataSource: k,
+      loading: i,
       size: "small",
       pagination: h,
       locale: {
         emptyText: /* @__PURE__ */ t(
           ne,
           {
-            title: d,
-            description: f,
-            actionText: g,
+            title: s,
+            description: g,
+            actionText: f,
             onAction: p
           }
         )
       },
-      ...v,
-      ...I
+      ...S,
+      ...A
     }
   ) });
 }
-function ve({
+function we({
   title: e,
   subtitle: n,
-  breadcrumb: s,
-  extra: o,
-  back: c,
+  breadcrumb: c,
+  extra: i,
+  back: d,
   onBack: a
 }) {
-  const r = xe();
+  const o = ve() ? Se() : null;
   return /* @__PURE__ */ t("div", { style: {
     marginBottom: 12,
     paddingBottom: 10,
@@ -1019,11 +1019,11 @@ function ve({
       minWidth: 0,
       flexWrap: "wrap"
     }, children: [
-      c && /* @__PURE__ */ t(
+      d && /* @__PURE__ */ t(
         "button",
         {
           onClick: () => {
-            a ? a() : r(-1);
+            a ? a() : o && o(-1);
           },
           "aria-label": "返回上一页",
           style: {
@@ -1041,28 +1041,30 @@ function ve({
             transition: "all 150ms ease",
             flexShrink: 0
           },
-          onMouseEnter: (i) => {
-            i.currentTarget.style.background = "#f8fafc", i.currentTarget.style.color = "#111827", i.currentTarget.style.borderColor = "#7c3aed";
+          onMouseEnter: (s) => {
+            s.currentTarget.style.background = "#f8fafc", s.currentTarget.style.color = "#111827", s.currentTarget.style.borderColor = "#7c3aed";
           },
-          onMouseLeave: (i) => {
-            i.currentTarget.style.background = "#ffffff", i.currentTarget.style.color = "#6b7280", i.currentTarget.style.borderColor = "#e5e7eb";
+          onMouseLeave: (s) => {
+            s.currentTarget.style.background = "#ffffff", s.currentTarget.style.color = "#6b7280", s.currentTarget.style.borderColor = "#e5e7eb";
           },
           children: "←"
         }
       ),
-      s && s.length > 0 ? /* @__PURE__ */ t(
-        Ee,
+      c && c.length > 0 ? /* @__PURE__ */ t(
+        Ie,
         {
-          items: s.map((i, d) => {
-            const f = d === s.length - 1;
-            return {
-              title: i.href && !f ? /* @__PURE__ */ t("a", { onClick: (g) => {
-                g.preventDefault(), r(i.href);
-              }, children: i.label }) : /* @__PURE__ */ t("span", { style: f ? {
-                fontWeight: 600,
-                color: "#111827"
-              } : void 0, children: i.label })
-            };
+          items: c.map((s, g) => {
+            const f = g === c.length - 1;
+            return { title: !f && (s.href || s.onClick) ? /* @__PURE__ */ t("a", { onClick: (v) => {
+              if (v.preventDefault(), s.onClick) {
+                s.onClick(v);
+                return;
+              }
+              o && o(s.href);
+            }, children: s.label }) : /* @__PURE__ */ t("span", { style: f ? {
+              fontWeight: 600,
+              color: "#111827"
+            } : void 0, children: s.label }) };
           })
         }
       ) : e && /* @__PURE__ */ t("span", { role: "heading", "aria-level": 1, style: {
@@ -1081,14 +1083,14 @@ function ve({
         maxWidth: 360
       }, children: n })
     ] }),
-    o && /* @__PURE__ */ t("div", { style: {
+    i && /* @__PURE__ */ t("div", { style: {
       display: "flex",
       gap: 8,
       flexShrink: 0
-    }, children: o })
+    }, children: i })
   ] }) });
 }
-function pt({ left: e, right: n, extra: s }) {
+function ht({ left: e, right: n, extra: c }) {
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1104,106 +1106,121 @@ function pt({ left: e, right: n, extra: s }) {
         /* @__PURE__ */ t(se, { size: 8, wrap: !0, children: e }),
         /* @__PURE__ */ m(se, { size: 8, wrap: !0, children: [
           n,
-          s
+          c
         ] })
       ]
     }
   );
 }
-function ht({ onClick: e, loading: n, title: s = "刷新" }) {
-  return /* @__PURE__ */ t(V, { icon: /* @__PURE__ */ t(re, {}), onClick: e, loading: n, title: s, children: s });
+function bt({ onClick: e, loading: n, title: c = "刷新" }) {
+  return /* @__PURE__ */ t(V, { icon: /* @__PURE__ */ t(re, {}), onClick: e, loading: n, title: c, children: c });
 }
-const Pe = {
+const Ne = {
   0: { label: "待办", color: "default" },
   1: { label: "进行中", color: "blue" },
   2: { label: "已完成", color: "green" }
-}, _e = {
+}, Oe = {
   ACTIVE: { label: "正常", color: "green" },
   INACTIVE: { label: "禁用", color: "red" },
   ENABLED: { label: "启用", color: "green" },
   DISABLED: { label: "禁用", color: "red" }
-}, Oe = {
+}, Fe = {
   low: { label: "低", color: "default" },
   medium: { label: "中", color: "orange" },
   high: { label: "高", color: "red" },
   1: { label: "低", color: "default" },
   2: { label: "中", color: "orange" },
   3: { label: "高", color: "red" }
-}, Fe = {
+}, je = {
   PENDING: { label: "待审批", color: "orange" },
   APPROVED: { label: "已通过", color: "green" },
   REJECTED: { label: "已拒绝", color: "red" },
   CANCELLED: { label: "已撤回", color: "default" }
-}, je = {
+}, qe = {
   RUNNING: { label: "运行中", color: "green" },
   PAUSED: { label: "已暂停", color: "orange" },
   STOPPED: { label: "已停止", color: "default" },
   FAILED: { label: "失败", color: "red" },
   SUCCESS: { label: "成功", color: "green" }
-}, qe = {
-  task: Pe,
-  model: _e,
-  priority: Oe,
-  approval: Fe,
-  schedule: je
+}, Ge = {
+  task: Ne,
+  model: Oe,
+  priority: Fe,
+  approval: je,
+  schedule: qe
 };
-function bt({ status: e, type: n = "task", mapping: s, ...o }) {
-  const a = (s || qe[n] || {})[e];
-  return a ? /* @__PURE__ */ t(ce, { color: a.color, ...o, children: a.label }) : /* @__PURE__ */ t(ce, { ...o, children: String(e) });
+function mt({ status: e, type: n = "task", mapping: c, ...i }) {
+  const a = (c || Ge[n] || {})[e];
+  return a ? /* @__PURE__ */ t(ce, { color: a.color, ...i, children: a.label }) : /* @__PURE__ */ t(ce, { ...i, children: String(e) });
 }
-function mt({ title: e, description: n, load: s, columns: o, rowKey: c = "id", extra: a, expandable: r }) {
-  const [l, i] = B([]), [d, f] = B({ current: 1, size: 10, total: null }), [g, p] = B(!1), [h, k] = B(null), v = be(async (b = d.current, S = d.size) => {
-    p(!0), k(null);
+const fe = {
+  // total 有效 ⇒ 标准口径
+  known: (e) => `共 ${e} 条`,
+  // total 缺失/为 0 —— 后端 z-meta 的分页 count 有缺陷（records 有值但 total 返回 "0"），
+  // 这时不能显示「共 0 条」（页面上会出现"有数据却说没有数据"的假象）
+  unknown: (e) => `本页 ${e} 条（接口 total 未返回有效值）`
+};
+function yt({ title: e, description: n, load: c, columns: i, rowKey: d = "id", extra: a, expandable: r }) {
+  const [o, l] = B([]), [s, g] = B({ current: 1, size: 10, total: null }), [f, p] = B(!1), [h, v] = B(null), S = me(async (b = s.current, w = s.size) => {
+    p(!0), v(null);
     try {
-      const w = await s(b, S);
-      if (Array.isArray(w))
-        i(w || []), f({ current: b, size: S, total: w.length });
+      const k = await c(b, w);
+      if (Array.isArray(k))
+        l(k || []), g({ current: b, size: w, total: k.length });
       else {
-        const A = (w == null ? void 0 : w.records) || [];
-        i(A), f({ current: b, size: S, total: (w == null ? void 0 : w.total) == null ? null : Number(w.total) });
+        const I = (k == null ? void 0 : k.records) || [];
+        l(I), g({ current: b, size: w, total: (k == null ? void 0 : k.total) == null ? null : Number(k.total) });
       }
-    } catch (w) {
-      i([]), k(w);
+    } catch (k) {
+      l([]), v(k);
     } finally {
       p(!1);
     }
-  }, [s, d.current, d.size]);
+  }, [c, s.current, s.size]);
   L(() => {
-    v(1);
+    S(1);
   }, []);
-  const I = d.total != null && d.total > 0;
+  const A = s.total != null && s.total > 0;
   return /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ t(ve, { title: e, subtitle: n }),
+    /* @__PURE__ */ t(we, { title: e, subtitle: n }),
     /* @__PURE__ */ m(
-      me,
+      ye,
       {
         extra: /* @__PURE__ */ t(
           V,
           {
             icon: /* @__PURE__ */ t(re, {}),
-            loading: g,
-            onClick: () => v(d.current, d.size),
+            loading: f,
+            onClick: () => S(s.current, s.size),
             children: "刷新"
           }
         ),
         children: [
           a,
-          h ? /* @__PURE__ */ t($e, { error: h, onRetry: () => v(d.current, d.size), type: "inline" }) : /* @__PURE__ */ t(
-            ye,
+          h ? /* @__PURE__ */ t(We, { error: h, onRetry: () => S(s.current, s.size), type: "inline" }) : /* @__PURE__ */ t(
+            xe,
             {
               size: "small",
-              columns: o,
-              dataSource: l,
-              loading: g,
-              rowKey: (b) => (b == null ? void 0 : b[c]) ?? (b == null ? void 0 : b.key) ?? JSON.stringify(b).slice(0, 32),
+              columns: i,
+              dataSource: o,
+              loading: f,
+              rowKey: (b) => (b == null ? void 0 : b[d]) ?? (b == null ? void 0 : b.key) ?? JSON.stringify(b).slice(0, 32),
               pagination: {
-                current: d.current,
-                pageSize: d.size,
-                total: I ? d.total : l.length,
+                current: s.current,
+                pageSize: s.size,
+                total: A ? s.total : o.length,
                 showSizeChanger: !0,
-                showTotal: () => I ? `共 ${d.total} 条` : `本页 ${l.length} 条（接口 total 未返回有效值）`
+                // §2 强制规则 2：分页必须凑齐 pageSize + showSizeChanger
+                // + pageSizeOptions + showTotal 四件套。只给 showSizeChanger
+                // 而不给 pageSizeOptions，antd 会用默认的 ['10','20','50','100']
+                // 之外的行为渲染（实际 antd 默认也是这组，但那是**默认值**不是
+                // **声明值**）—— 规范要的是声明，不是碰巧对。
+                // 少这一项时，全库尺子（lead 008 §2 元素级普查）会把本页判成
+                // 「分页参数不全」⇒ 8 个仓的 PagedTable 拷贝全部误红。
+                pageSizeOptions: ["10", "20", "50", "100"],
+                showTotal: () => A ? fe.known(s.total) : fe.unknown(o.length)
               },
-              onChange: (b) => v(b.current, b.pageSize),
+              onChange: (b) => S(b.current, b.pageSize),
               expandable: r,
               locale: { emptyText: /* @__PURE__ */ t(ne, { title: "暂无数据", description: "接口返回空列表" }) }
             }
@@ -1213,210 +1230,210 @@ function mt({ title: e, description: n, load: s, columns: o, rowKey: c = "id", e
     )
   ] });
 }
-const Ge = 240, fe = 96, Ue = { behavior: "smooth", block: "start" }, Ye = `
+const Ue = 240, ge = 96, Ye = { behavior: "smooth", block: "start" }, Ke = `
 .zfc-doc-table-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
 @media (max-width: 800px) { .zfc-doc-table-wrap > table { min-width: 520px; } }
-`, Ke = (e) => String(e || "").trim().toLowerCase().replace(/\s+/g, "-").replace(/[^\p{L}\p{N}\p{M}\p{Pc}-]/gu, "").replace(/-+/g, "-").replace(/^-|-$/g, ""), ie = (e) => String(e || "").replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/`([^`]*)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(/__([^_]+)__/g, "$1").replace(/\*([^*]+)\*/g, "$1").trim(), Se = () => {
+`, Ve = (e) => String(e || "").trim().toLowerCase().replace(/\s+/g, "-").replace(/[^\p{L}\p{N}\p{M}\p{Pc}-]/gu, "").replace(/-+/g, "-").replace(/^-|-$/g, ""), ie = (e) => String(e || "").replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/`([^`]*)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(/__([^_]+)__/g, "$1").replace(/\*([^*]+)\*/g, "$1").trim(), ke = () => {
   const e = /* @__PURE__ */ new Map();
   let n = 0;
-  return (s) => {
+  return (c) => {
     n += 1;
-    const o = Ke(s) || `section-${n}`, c = e.get(o) || 0;
-    return e.set(o, c + 1), c > 0 ? `${o}-${c}` : o;
+    const i = Ve(c) || `section-${n}`, d = e.get(i) || 0;
+    return e.set(i, d + 1), d > 0 ? `${i}-${d}` : i;
   };
-}, Ve = (e) => {
-  const n = [], s = Se();
-  let o = !1;
-  for (const c of String(e || "").split(`
+}, Je = (e) => {
+  const n = [], c = ke();
+  let i = !1;
+  for (const d of String(e || "").split(`
 `)) {
-    const a = c.replace(/\s+$/, "");
+    const a = d.replace(/\s+$/, "");
     if (/^\s*(```|~~~)/.test(a)) {
-      o = !o;
+      i = !i;
       continue;
     }
-    if (o) continue;
+    if (i) continue;
     const r = /^(#{1,6})[ \t]+(.+?)[ \t]*#*[ \t]*$/.exec(a);
     if (!r) continue;
-    const l = r[1].length;
-    if (l > 3) continue;
-    const i = ie(r[2]);
-    i && n.push({ level: l, text: i, id: s(i) });
+    const o = r[1].length;
+    if (o > 3) continue;
+    const l = ie(r[2]);
+    l && n.push({ level: o, text: l, id: c(l) });
   }
   return n;
-}, X = (e) => e == null || typeof e == "boolean" ? "" : typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(X).join("") : e.props ? X(e.props.children) : "", ge = (e) => String(e).replace(/["\\]/g, "\\$&"), ue = (e, n = Ue) => !e || typeof e.scrollIntoView != "function" ? !1 : (e.scrollIntoView(n), !0), Z = /^\s*(`{3,}|~{3,})\s*([\w+#-]*)\s*$/, ee = /^(#{1,6})\s+(.*?)\s*#*$/, te = /^\s*([-*_])\s*(\1\s*){2,}$/, F = /^(\s*)([-*+]|\d+[.)])(\s+)(.*)$/, Y = /^\s*>\s?(.*)$/, Je = /(!?\[([^\]]*)\]\(([^)\s]+)(?:\s+"[^"]*")?\)|`([^`]+)`|\*\*([^*]+)\*\*|__([^_]+)__|~~([^~]+)~~|\*([^*\n]+)\*|<((?:https?:\/\/|mailto:)[^>\s]+)>)/g, K = (e) => {
+}, Q = (e) => e == null || typeof e == "boolean" ? "" : typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(Q).join("") : e.props ? Q(e.props.children) : "", ue = (e) => String(e).replace(/["\\]/g, "\\$&"), pe = (e, n = Ye) => !e || typeof e.scrollIntoView != "function" ? !1 : (e.scrollIntoView(n), !0), Z = /^\s*(`{3,}|~{3,})\s*([\w+#-]*)\s*$/, ee = /^(#{1,6})\s+(.*?)\s*#*$/, te = /^\s*([-*_])\s*(\1\s*){2,}$/, F = /^(\s*)([-*+]|\d+[.)])(\s+)(.*)$/, Y = /^\s*>\s?(.*)$/, Xe = /(!?\[([^\]]*)\]\(([^)\s]+)(?:\s+"[^"]*")?\)|`([^`]+)`|\*\*([^*]+)\*\*|__([^_]+)__|~~([^~]+)~~|\*([^*\n]+)\*|<((?:https?:\/\/|mailto:)[^>\s]+)>)/g, K = (e) => {
   let n = String(e).trim();
-  return n.startsWith("|") && (n = n.slice(1)), n.endsWith("|") && (n = n.slice(0, -1)), n.split("|").map((s) => s.trim());
+  return n.startsWith("|") && (n = n.slice(1)), n.endsWith("|") && (n = n.slice(0, -1)), n.split("|").map((c) => c.trim());
 }, Qe = (e) => {
   if (!String(e).includes("-")) return !1;
   const n = K(e);
-  return n.length > 0 && n.every((s) => /^:?-+:?$/.test(s));
-}, Xe = (e) => {
-  const n = e.startsWith(":"), s = e.endsWith(":");
-  return n && s ? "center" : s ? "right" : "left";
-}, Ze = (e, n) => {
-  const s = F.exec(e[n]), o = /\d/.test(s[2]), c = [];
+  return n.length > 0 && n.every((c) => /^:?-+:?$/.test(c));
+}, Ze = (e) => {
+  const n = e.startsWith(":"), c = e.endsWith(":");
+  return n && c ? "center" : c ? "right" : "left";
+}, et = (e, n) => {
+  const c = F.exec(e[n]), i = /\d/.test(c[2]), d = [];
   let a = n;
   for (; a < e.length; ) {
     const r = F.exec(e[a]);
     if (!r) break;
-    const l = r[1].length, i = l + r[2].length + r[3].length, d = [r[4]];
+    const o = r[1].length, l = o + r[2].length + r[3].length, s = [r[4]];
     for (a += 1; a < e.length; ) {
-      const f = e[a];
-      if (!f.trim()) {
+      const g = e[a];
+      if (!g.trim()) {
         let h = a;
         for (; h < e.length && !e[h].trim(); ) h += 1;
-        const k = h < e.length ? F.exec(e[h]) : null;
-        if (k && k[1].length >= l) {
+        const v = h < e.length ? F.exec(e[h]) : null;
+        if (v && v[1].length >= o) {
           a = h;
           continue;
         }
         break;
       }
-      const g = /^[ \t]*/.exec(f)[0].length, p = F.exec(f);
-      if (p && p[1].length <= l) break;
-      if (g >= i) {
-        d.push(f.slice(i)), a += 1;
+      const f = /^[ \t]*/.exec(g)[0].length, p = F.exec(g);
+      if (p && p[1].length <= o) break;
+      if (f >= l) {
+        s.push(g.slice(l)), a += 1;
         continue;
       }
-      if (g > l) {
-        d.push(f.slice(g)), a += 1;
+      if (f > o) {
+        s.push(g.slice(f)), a += 1;
         continue;
       }
-      if (!p && !Z.test(f) && !ee.test(f) && !te.test(f) && !Y.test(f)) {
-        d.push(f.trim()), a += 1;
+      if (!p && !Z.test(g) && !ee.test(g) && !te.test(g) && !Y.test(g)) {
+        s.push(g.trim()), a += 1;
         continue;
       }
       break;
     }
-    c.push({ blocks: we(d, !0) });
+    d.push({ blocks: Ce(s, !0) });
   }
-  return { block: { type: "list", ordered: o, items: c }, next: a };
+  return { block: { type: "list", ordered: i, items: d }, next: a };
 };
-function we(e, n = !1) {
-  const s = [];
-  let o = 0;
-  for (; o < e.length; ) {
-    const c = e[o];
-    if (!c.trim()) {
-      o += 1;
+function Ce(e, n = !1) {
+  const c = [];
+  let i = 0;
+  for (; i < e.length; ) {
+    const d = e[i];
+    if (!d.trim()) {
+      i += 1;
       continue;
     }
-    const a = Z.exec(c);
+    const a = Z.exec(d);
     if (a) {
-      const i = a[1][0], d = a[1].length, f = [];
-      for (o += 1; o < e.length; ) {
-        const g = e[o];
-        if (new RegExp(`^\\s*\\${i}{${d},}\\s*$`).test(g)) {
-          o += 1;
+      const l = a[1][0], s = a[1].length, g = [];
+      for (i += 1; i < e.length; ) {
+        const f = e[i];
+        if (new RegExp(`^\\s*\\${l}{${s},}\\s*$`).test(f)) {
+          i += 1;
           break;
         }
-        f.push(g), o += 1;
+        g.push(f), i += 1;
       }
-      s.push({ type: "code", lang: a[2] || "", text: f.join(`
+      c.push({ type: "code", lang: a[2] || "", text: g.join(`
 `) });
       continue;
     }
-    const r = ee.exec(c);
+    const r = ee.exec(d);
     if (r) {
-      if (o += 1, !ie(r[2]).trim()) continue;
-      n ? s.push({ type: "paragraph", text: r[2] }) : s.push({ type: "heading", level: r[1].length, text: r[2] });
+      if (i += 1, !ie(r[2]).trim()) continue;
+      n ? c.push({ type: "paragraph", text: r[2] }) : c.push({ type: "heading", level: r[1].length, text: r[2] });
       continue;
     }
-    if (te.test(c)) {
-      s.push({ type: "hr" }), o += 1;
+    if (te.test(d)) {
+      c.push({ type: "hr" }), i += 1;
       continue;
     }
-    if (c.includes("|") && o + 1 < e.length && Qe(e[o + 1])) {
-      const i = K(c), d = K(e[o + 1]).map(Xe);
-      o += 2;
-      const f = [];
-      for (; o < e.length && e[o].trim() && e[o].includes("|"); )
-        f.push(K(e[o])), o += 1;
-      s.push({ type: "table", header: i, aligns: d, rows: f });
+    if (d.includes("|") && i + 1 < e.length && Qe(e[i + 1])) {
+      const l = K(d), s = K(e[i + 1]).map(Ze);
+      i += 2;
+      const g = [];
+      for (; i < e.length && e[i].trim() && e[i].includes("|"); )
+        g.push(K(e[i])), i += 1;
+      c.push({ type: "table", header: l, aligns: s, rows: g });
       continue;
     }
-    if (Y.test(c)) {
-      const i = [];
-      for (; o < e.length; ) {
-        const d = Y.exec(e[o]);
-        if (!d) break;
-        i.push(d[1]), o += 1;
+    if (Y.test(d)) {
+      const l = [];
+      for (; i < e.length; ) {
+        const s = Y.exec(e[i]);
+        if (!s) break;
+        l.push(s[1]), i += 1;
       }
-      s.push({ type: "quote", lines: i });
+      c.push({ type: "quote", lines: l });
       continue;
     }
-    if (F.test(c)) {
-      const i = Ze(e, o);
-      s.push(i.block), o = i.next;
+    if (F.test(d)) {
+      const l = et(e, i);
+      c.push(l.block), i = l.next;
       continue;
     }
-    const l = [];
-    for (; o < e.length; ) {
-      const i = e[o];
-      if (!i.trim() || l.length && (Z.test(i) || ee.test(i) || te.test(i) || F.test(i) || Y.test(i))) break;
-      l.push(i.trim()), o += 1;
+    const o = [];
+    for (; i < e.length; ) {
+      const l = e[i];
+      if (!l.trim() || o.length && (Z.test(l) || ee.test(l) || te.test(l) || F.test(l) || Y.test(l))) break;
+      o.push(l.trim()), i += 1;
     }
-    s.push({ type: "paragraph", text: l.join(" ") });
+    c.push({ type: "paragraph", text: o.join(" ") });
   }
-  return s;
+  return c;
 }
 const z = (e, n) => {
-  const s = [];
-  let o = 0, c = 0;
-  const a = (r) => s.push(/* @__PURE__ */ t(O, { children: r }, `i${c++}`));
-  for (const r of e.matchAll(Je)) {
-    if (r.index > o && a(e.slice(o, r.index)), r[1] !== void 0)
+  const c = [];
+  let i = 0, d = 0;
+  const a = (r) => c.push(/* @__PURE__ */ t(O, { children: r }, `i${d++}`));
+  for (const r of e.matchAll(Xe)) {
+    if (r.index > i && a(e.slice(i, r.index)), r[1] !== void 0)
       if (r[0].startsWith("!"))
         a(n.img ? n.img({ src: r[3], alt: r[2] }) : /* @__PURE__ */ t("img", { src: r[3], alt: r[2] || "" }));
       else {
-        const l = z(r[2], n);
-        a(n.a ? n.a({ href: r[3], children: l }) : /* @__PURE__ */ t("a", { href: r[3], children: l }));
+        const o = z(r[2], n);
+        a(n.a ? n.a({ href: r[3], children: o }) : /* @__PURE__ */ t("a", { href: r[3], children: o }));
       }
     else r[4] !== void 0 ? a(n.code ? n.code({ children: r[4] }) : /* @__PURE__ */ t("code", { children: r[4] })) : r[5] !== void 0 ? a(/* @__PURE__ */ t("strong", { children: z(r[5], n) })) : r[6] !== void 0 ? a(/* @__PURE__ */ t("strong", { children: z(r[6], n) })) : r[7] !== void 0 ? a(/* @__PURE__ */ t("del", { children: z(r[7], n) })) : r[8] !== void 0 ? a(/* @__PURE__ */ t("em", { children: z(r[8], n) })) : r[9] !== void 0 && a(n.a ? n.a({ href: r[9], children: r[9] }) : /* @__PURE__ */ t("a", { href: r[9], children: r[9] }));
-    o = r.index + r[0].length;
+    i = r.index + r[0].length;
   }
-  return o < e.length && a(e.slice(o)), s;
-}, ke = (e, n, s) => {
-  const o = [];
-  return e.forEach((c, a) => {
-    const r = `b${a}`, l = (i) => o.push(/* @__PURE__ */ t(O, { children: i }, r));
-    if (c.type === "heading") {
-      const i = Math.min(c.level, 6), d = `h${i}`, f = n[d], g = z(c.text, n), p = i <= 3 ? s(ie(c.text)) : void 0;
-      l(f ? f({ children: g, id: p }) : ae(d, { id: p }, g));
-    } else if (c.type === "paragraph") {
-      const i = z(c.text, n);
-      l(n.p ? n.p({ children: i }) : /* @__PURE__ */ t("p", { children: i }));
-    } else if (c.type === "code") {
-      const i = /* @__PURE__ */ t("code", { className: c.lang ? `language-${c.lang}` : void 0, children: c.text });
-      l(n.pre ? n.pre({ children: i }) : /* @__PURE__ */ t("pre", { children: i }));
-    } else if (c.type === "list") {
-      const i = c.ordered ? "ol" : "ul", d = n[i], f = c.items.map((g, p) => {
-        const h = ke(g.blocks, n, s), k = n.li ? n.li({ children: h }) : /* @__PURE__ */ t("li", { children: h });
-        return /* @__PURE__ */ t(O, { children: k }, `li${p}`);
+  return i < e.length && a(e.slice(i)), c;
+}, Re = (e, n, c) => {
+  const i = [];
+  return e.forEach((d, a) => {
+    const r = `b${a}`, o = (l) => i.push(/* @__PURE__ */ t(O, { children: l }, r));
+    if (d.type === "heading") {
+      const l = Math.min(d.level, 6), s = `h${l}`, g = n[s], f = z(d.text, n), p = l <= 3 ? c(ie(d.text)) : void 0;
+      o(g ? g({ children: f, id: p }) : ae(s, { id: p }, f));
+    } else if (d.type === "paragraph") {
+      const l = z(d.text, n);
+      o(n.p ? n.p({ children: l }) : /* @__PURE__ */ t("p", { children: l }));
+    } else if (d.type === "code") {
+      const l = /* @__PURE__ */ t("code", { className: d.lang ? `language-${d.lang}` : void 0, children: d.text });
+      o(n.pre ? n.pre({ children: l }) : /* @__PURE__ */ t("pre", { children: l }));
+    } else if (d.type === "list") {
+      const l = d.ordered ? "ol" : "ul", s = n[l], g = d.items.map((f, p) => {
+        const h = Re(f.blocks, n, c), v = n.li ? n.li({ children: h }) : /* @__PURE__ */ t("li", { children: h });
+        return /* @__PURE__ */ t(O, { children: v }, `li${p}`);
       });
-      l(d ? d({ children: f }) : ae(i, null, f));
-    } else if (c.type === "table") {
-      const i = /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: c.header.map((g, p) => {
-        const h = n.th ? n.th({ children: z(g, n), align: c.aligns[p] }) : /* @__PURE__ */ t("th", { children: g });
+      o(s ? s({ children: g }) : ae(l, null, g));
+    } else if (d.type === "table") {
+      const l = /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: d.header.map((f, p) => {
+        const h = n.th ? n.th({ children: z(f, n), align: d.aligns[p] }) : /* @__PURE__ */ t("th", { children: f });
         return /* @__PURE__ */ t(O, { children: h }, `th${p}`);
-      }) }) }, "thead"), d = /* @__PURE__ */ t("tbody", { children: c.rows.map((g, p) => /* @__PURE__ */ t("tr", { children: g.map((h, k) => {
-        const v = n.td ? n.td({ children: z(h, n), align: c.aligns[k] }) : /* @__PURE__ */ t("td", { children: h });
-        return /* @__PURE__ */ t(O, { children: v }, `td${k}`);
-      }) }, `tr${p}`)) }, "tbody"), f = n.table ? n.table({ children: [i, d] }) : /* @__PURE__ */ t("table", { children: [i, d] });
-      l(f);
-    } else if (c.type === "quote") {
-      const i = c.lines.filter((d) => d.trim()).map((d, f) => {
-        const g = n.p ? n.p({ children: z(d, n) }) : /* @__PURE__ */ t("p", { children: d });
-        return /* @__PURE__ */ t(O, { children: g }, `q${f}`);
+      }) }) }, "thead"), s = /* @__PURE__ */ t("tbody", { children: d.rows.map((f, p) => /* @__PURE__ */ t("tr", { children: f.map((h, v) => {
+        const S = n.td ? n.td({ children: z(h, n), align: d.aligns[v] }) : /* @__PURE__ */ t("td", { children: h });
+        return /* @__PURE__ */ t(O, { children: S }, `td${v}`);
+      }) }, `tr${p}`)) }, "tbody"), g = n.table ? n.table({ children: [l, s] }) : /* @__PURE__ */ t("table", { children: [l, s] });
+      o(g);
+    } else if (d.type === "quote") {
+      const l = d.lines.filter((s) => s.trim()).map((s, g) => {
+        const f = n.p ? n.p({ children: z(s, n) }) : /* @__PURE__ */ t("p", { children: s });
+        return /* @__PURE__ */ t(O, { children: f }, `q${g}`);
       });
-      l(n.blockquote ? n.blockquote({ children: i }) : /* @__PURE__ */ t("blockquote", { children: i }));
-    } else c.type === "hr" && l(n.hr ? n.hr({}) : /* @__PURE__ */ t("hr", {}));
-  }), o;
-}, et = (e, n = {}) => ke(we(String(e || "").split(`
-`)), n, Se());
-let pe = null;
-const he = /* @__PURE__ */ new Set(), tt = ({ navigate: e, Prism: n, oneDark: s, onAnchorClick: o }) => {
-  const c = {
+      o(n.blockquote ? n.blockquote({ children: l }) : /* @__PURE__ */ t("blockquote", { children: l }));
+    } else d.type === "hr" && o(n.hr ? n.hr({}) : /* @__PURE__ */ t("hr", {}));
+  }), i;
+}, tt = (e, n = {}) => Re(Ce(String(e || "").split(`
+`)), n, ke());
+let he = null;
+const be = /* @__PURE__ */ new Set(), rt = ({ navigate: e, Prism: n, oneDark: c, onAnchorClick: i }) => {
+  const d = {
     background: T.primarySoft,
     color: T.primary,
     padding: "1px 6px",
@@ -1425,7 +1442,7 @@ const he = /* @__PURE__ */ new Set(), tt = ({ navigate: e, Prism: n, oneDark: s,
     fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace"
   };
   return {
-    h1: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("h1", { ...l, style: {
+    h1: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("h1", { ...o, style: {
       fontSize: 22,
       fontWeight: 700,
       margin: "8px 0 16px",
@@ -1433,25 +1450,25 @@ const he = /* @__PURE__ */ new Set(), tt = ({ navigate: e, Prism: n, oneDark: s,
       paddingBottom: 8,
       scrollMarginTop: 16
     }, children: r }),
-    h2: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("h2", { ...l, style: {
+    h2: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("h2", { ...o, style: {
       fontSize: 18,
       fontWeight: 700,
       margin: "24px 0 12px",
       color: x.text,
       scrollMarginTop: 16
     }, children: r }),
-    h3: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("h3", { ...l, style: {
+    h3: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("h3", { ...o, style: {
       fontSize: 15,
       fontWeight: 600,
       margin: "16px 0 8px",
       color: "#334155",
       scrollMarginTop: 16
     }, children: r }),
-    p: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("p", { ...l, style: { margin: "8px 0", color: "#1f2937" }, children: r }),
-    ul: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("ul", { ...l, style: { margin: "8px 0", paddingLeft: 22 }, children: r }),
-    ol: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("ol", { ...l, style: { margin: "8px 0", paddingLeft: 22 }, children: r }),
-    li: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("li", { ...l, style: { margin: "4px 0" }, children: r }),
-    blockquote: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("blockquote", { ...l, style: {
+    p: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("p", { ...o, style: { margin: "8px 0", color: "#1f2937" }, children: r }),
+    ul: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("ul", { ...o, style: { margin: "8px 0", paddingLeft: 22 }, children: r }),
+    ol: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("ol", { ...o, style: { margin: "8px 0", paddingLeft: 22 }, children: r }),
+    li: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("li", { ...o, style: { margin: "4px 0" }, children: r }),
+    blockquote: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("blockquote", { ...o, style: {
       margin: "12px 0",
       padding: "8px 14px",
       borderLeft: `3px solid ${H.token.colorPrimary}`,
@@ -1460,29 +1477,29 @@ const he = /* @__PURE__ */ new Set(), tt = ({ navigate: e, Prism: n, oneDark: s,
       borderRadius: 4
     }, children: r }),
     hr: () => /* @__PURE__ */ t("hr", { style: { border: "none", borderTop: `1px solid ${x.border}`, margin: "20px 0" } }),
-    img: ({ node: a, src: r, alt: l, ...i }) => /* @__PURE__ */ t("img", { ...i, src: r, alt: l || "", style: { maxWidth: "100%", height: "auto", display: "block" } }),
-    table: ({ node: a, children: r, ...l }) => (
+    img: ({ node: a, src: r, alt: o, ...l }) => /* @__PURE__ */ t("img", { ...l, src: r, alt: o || "", style: { maxWidth: "100%", height: "auto", display: "block" } }),
+    table: ({ node: a, children: r, ...o }) => (
       // §7：窄屏表格要能横向滚动，不能把列挤成一团
-      /* @__PURE__ */ t("div", { className: "zfc-doc-table-wrap", children: /* @__PURE__ */ t("table", { ...l, style: { width: "100%", borderCollapse: "collapse", fontSize: 13 }, children: r }) })
+      /* @__PURE__ */ t("div", { className: "zfc-doc-table-wrap", children: /* @__PURE__ */ t("table", { ...o, style: { width: "100%", borderCollapse: "collapse", fontSize: 13 }, children: r }) })
     ),
-    th: ({ node: a, children: r, align: l, ...i }) => /* @__PURE__ */ t("th", { ...i, style: {
+    th: ({ node: a, children: r, align: o, ...l }) => /* @__PURE__ */ t("th", { ...l, style: {
       padding: "8px 10px",
       background: x.surfaceAlt,
       border: `1px solid ${x.border}`,
-      textAlign: l || "left",
+      textAlign: o || "left",
       fontWeight: 600,
       color: "#334155"
     }, children: r }),
-    td: ({ node: a, children: r, align: l, ...i }) => /* @__PURE__ */ t("td", { ...i, style: {
+    td: ({ node: a, children: r, align: o, ...l }) => /* @__PURE__ */ t("td", { ...l, style: {
       padding: "8px 10px",
       border: `1px solid ${x.border}`,
-      textAlign: l || "left",
+      textAlign: o || "left",
       color: "#1f2937"
     }, children: r }),
     pre: ({ node: a, children: r }) => {
-      const l = Array.isArray(r) ? r[0] : r;
-      l && l.props && l.props.className;
-      const i = X(l).replace(/\n$/, "");
+      const o = Array.isArray(r) ? r[0] : r;
+      o && o.props && o.props.className;
+      const l = Q(o).replace(/\n$/, "");
       return /* @__PURE__ */ t("pre", { style: {
         margin: "12px 0",
         padding: "12px 14px",
@@ -1491,127 +1508,127 @@ const he = /* @__PURE__ */ new Set(), tt = ({ navigate: e, Prism: n, oneDark: s,
         color: "#e2e8f0",
         overflowX: "auto",
         fontSize: 13
-      }, children: /* @__PURE__ */ t("code", { style: { background: "transparent", color: "inherit", padding: 0, fontSize: "inherit" }, children: i }) });
+      }, children: /* @__PURE__ */ t("code", { style: { background: "transparent", color: "inherit", padding: 0, fontSize: "inherit" }, children: l }) });
     },
-    code: ({ node: a, className: r, children: l, ...i }) => /* @__PURE__ */ t("code", { ...i, className: r, style: c, children: l }),
-    a: ({ node: a, href: r, children: l, ...i }) => {
-      const d = r || "";
-      return /^https?:\/\//i.test(d) || d.startsWith("//") ? /* @__PURE__ */ t(
+    code: ({ node: a, className: r, children: o, ...l }) => /* @__PURE__ */ t("code", { ...l, className: r, style: d, children: o }),
+    a: ({ node: a, href: r, children: o, ...l }) => {
+      const s = r || "";
+      return /^https?:\/\//i.test(s) || s.startsWith("//") ? /* @__PURE__ */ t(
         "a",
         {
-          ...i,
-          href: d,
+          ...l,
+          href: s,
           target: "_blank",
           rel: "noopener noreferrer",
           style: { color: H.token.colorPrimary },
-          children: l
+          children: o
         }
-      ) : d.startsWith("#") ? /* @__PURE__ */ t(
+      ) : s.startsWith("#") ? /* @__PURE__ */ t(
         "a",
         {
-          ...i,
-          href: d,
+          ...l,
+          href: s,
           style: { color: H.token.colorPrimary },
-          onClick: (g) => o(g, d.slice(1)),
-          children: l
+          onClick: (f) => i(f, s.slice(1)),
+          children: o
         }
-      ) : d.startsWith("/") ? /* @__PURE__ */ t(
+      ) : s.startsWith("/") ? /* @__PURE__ */ t(
         "a",
         {
-          ...i,
-          href: d,
+          ...l,
+          href: s,
           style: { color: H.token.colorPrimary },
-          onClick: (g) => {
-            g.preventDefault(), e ? e(d) : typeof window < "u" && (window.location.href = d);
+          onClick: (f) => {
+            f.preventDefault(), e ? e(s) : typeof window < "u" && (window.location.href = s);
           },
-          children: l
+          children: o
         }
-      ) : /* @__PURE__ */ t("a", { ...i, href: d, style: { color: H.token.colorPrimary }, children: l });
+      ) : /* @__PURE__ */ t("a", { ...l, href: s, style: { color: H.token.colorPrimary }, children: o });
     }
   };
 };
-function yt({
+function xt({
   markdown: e,
   title: n,
-  tocWidth: s = Ge,
-  tocLevels: o = [2],
-  height: c = "calc(100vh - 120px)",
+  tocWidth: c = Ue,
+  tocLevels: i = [2],
+  height: d = "calc(100vh - 120px)",
   markdownComponents: a,
   renderMarkdown: r
 }) {
-  const i = De() ? xe() : null, d = N(null), f = N(null), g = N(""), p = N(null), [h, k] = B(""), [v, I] = B(0), b = q(() => Ve(e), [e]), S = q(
-    () => b.filter((u) => o.includes(u.level)),
-    [b, o]
+  const l = ve() ? Se() : null, s = P(null), g = P(null), f = P(""), p = P(null), [h, v] = B(""), [S, A] = B(0), b = q(() => Je(e), [e]), w = q(
+    () => b.filter((u) => i.includes(u.level)),
+    [b, i]
   );
   L(() => {
-    const u = () => I((y) => y + 1);
-    return he.add(u), () => {
-      he.delete(u);
+    const u = () => A((y) => y + 1);
+    return be.add(u), () => {
+      be.delete(u);
     };
   }, []);
-  const w = (u) => {
-    g.current = u, p.current && clearTimeout(p.current), p.current = setTimeout(() => {
-      g.current = "";
+  const k = (u) => {
+    f.current = u, p.current && clearTimeout(p.current), p.current = setTimeout(() => {
+      f.current = "";
     }, 700);
   };
   L(() => () => {
     p.current && clearTimeout(p.current);
-  }, []), Re(() => {
-    const u = d.current;
+  }, []), Ee(() => {
+    const u = s.current;
     if (!u) return;
     const y = Array.from(u.querySelectorAll("h1, h2, h3"));
     b.forEach((R, W) => {
       const M = y[W];
       M && (M.id !== R.id && (M.id = R.id), M.setAttribute("data-anchor", R.id));
     });
-  }, [b, v, r]), L(() => {
-    const u = d.current;
+  }, [b, S, r]), L(() => {
+    const u = s.current;
     if (!u) return;
     const y = Array.from(u.querySelectorAll("h1, h2, h3"));
     if (!y.length) return;
     const R = () => {
-      const Q = u.getBoundingClientRect().top;
+      const X = u.getBoundingClientRect().top;
       let oe = y[0];
       for (const le of y)
-        if (le.getBoundingClientRect().top - Q <= fe) oe = le;
+        if (le.getBoundingClientRect().top - X <= ge) oe = le;
         else break;
-      g.current || k(oe.id);
+      f.current || v(oe.id);
     }, W = new IntersectionObserver(R, {
       root: u,
-      rootMargin: `-${fe}px 0px 0px 0px`,
+      rootMargin: `-${ge}px 0px 0px 0px`,
       threshold: 0
     });
-    y.forEach((Q) => W.observe(Q)), R();
+    y.forEach((X) => W.observe(X)), R();
     const M = () => {
-      g.current = "";
+      f.current = "";
     };
     return u.addEventListener("scrollend", M), () => {
       W.disconnect(), u.removeEventListener("scrollend", M);
     };
-  }, [b, v, r]), L(() => {
-    const u = f.current;
+  }, [b, S, r]), L(() => {
+    const u = g.current;
     if (!u || !h) return;
-    const y = u.querySelector(`[data-toc-id="${ge(h)}"]`);
+    const y = u.querySelector(`[data-toc-id="${ue(h)}"]`);
     if (!y) return;
     const R = u.getBoundingClientRect(), W = y.getBoundingClientRect();
     (W.top < R.top + 24 || W.bottom > R.bottom - 24) && y.scrollIntoView({ block: "nearest", behavior: "smooth" });
   }, [h]);
-  const A = (u) => {
-    const y = d.current;
-    return y && y.querySelector(`[data-anchor="${ge(u)}"]`) || (typeof document < "u" ? document.getElementById(u) : null);
+  const I = (u) => {
+    const y = s.current;
+    return y && y.querySelector(`[data-anchor="${ue(u)}"]`) || (typeof document < "u" ? document.getElementById(u) : null);
   }, $ = (u, y) => {
-    u.preventDefault(), w(y), ue(A(y)), k(y);
+    u.preventDefault(), k(y), pe(I(y)), v(y);
   }, G = (u, y) => {
-    u.preventDefault(), w(y), ue(A(y)), k(y);
+    u.preventDefault(), k(y), pe(I(y)), v(y);
   }, U = q(
-    () => tt({
-      navigate: i,
-      Prism: pe,
-      oneDark: pe,
+    () => rt({
+      navigate: l,
+      Prism: he,
+      oneDark: he,
       onAnchorClick: G
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [i, v]
+    [l, S]
   ), j = q(
     () => ({ ...U, ...a || {} }),
     [U, a]
@@ -1621,22 +1638,22 @@ function yt({
       title: "暂无文档",
       description: "把组件说明写成 DOC.md，用编译期 import 的字符串传给 ComponentDoc 即可"
     }
-  ) : r ? r({ markdown: e, components: j }) : /* @__PURE__ */ t(Ce, { children: et(e, j) });
+  ) : r ? r({ markdown: e, components: j }) : /* @__PURE__ */ t(Te, { children: tt(e, j) });
   return /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", minHeight: 0, flex: 1 }, children: [
-    /* @__PURE__ */ t("style", { children: Ye }),
-    n ? /* @__PURE__ */ t(ve, { title: n }) : null,
+    /* @__PURE__ */ t("style", { children: Ke }),
+    n ? /* @__PURE__ */ t(we, { title: n }) : null,
     /* @__PURE__ */ m("div", { style: { display: "flex", gap: 16, alignItems: "flex-start", minHeight: 0 }, children: [
       /* @__PURE__ */ m(
         "aside",
         {
-          ref: f,
+          ref: g,
           style: {
-            width: s,
+            width: c,
             flexShrink: 0,
             position: "sticky",
             top: 12,
             alignSelf: "flex-start",
-            maxHeight: c,
+            maxHeight: d,
             overflowY: "auto",
             padding: "8px 8px 12px",
             background: x.surface,
@@ -1653,10 +1670,10 @@ function yt({
               marginBottom: 8,
               padding: "0 4px"
             }, children: [
-              /* @__PURE__ */ t(Be, {}),
+              /* @__PURE__ */ t(Le, {}),
               /* @__PURE__ */ t("span", { style: { fontWeight: 600 }, children: "本文目录" })
             ] }),
-            /* @__PURE__ */ t("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: S.map((u) => {
+            /* @__PURE__ */ t("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: w.map((u) => {
               const y = h === u.id;
               return /* @__PURE__ */ t("li", { "data-toc-id": u.id, children: /* @__PURE__ */ t(
                 "a",
@@ -1689,7 +1706,7 @@ function yt({
       /* @__PURE__ */ t(
         "article",
         {
-          ref: d,
+          ref: s,
           style: {
             flex: 1,
             minWidth: 0,
@@ -1699,8 +1716,8 @@ function yt({
             padding: "24px 32px",
             lineHeight: 1.75,
             color: x.text,
-            overflowY: c === "auto" ? "visible" : "auto",
-            maxHeight: c === "auto" ? "none" : c
+            overflowY: d === "auto" ? "visible" : "auto",
+            maxHeight: d === "auto" ? "none" : d
           },
           children: J()
         }
@@ -1709,32 +1726,32 @@ function yt({
   ] });
 }
 export {
-  Le as C,
-  Ne as D,
+  $e as C,
+  _e as D,
   ne as E,
-  dt as F,
-  st as G,
-  ut as L,
-  ve as P,
-  ht as R,
-  We as S,
-  pt as T,
-  yt as a,
-  ft as b,
-  $e as c,
-  gt as d,
-  mt as e,
-  ct as f,
-  bt as g,
+  ft as F,
+  ct as G,
+  pt as L,
+  we as P,
+  bt as R,
+  Me as S,
+  ht as T,
+  xt as a,
+  gt as b,
+  We as c,
+  ut as d,
+  yt as e,
+  dt as f,
+  mt as g,
   H as h,
   T as i,
-  Me as j,
+  He as j,
   de as k,
-  at as l,
-  P as m,
+  st as l,
+  _ as m,
   x as n,
   E as p,
   C as r,
   D as s,
-  He as u
+  Pe as u
 };