@yuku123/z-frontend-common 1.1.2 → 1.1.3

package/dist/{ComponentDoc-C4XFElke.js → ComponentDoc-CJL2TB6b.js}

@@ -1,8 +1,8 @@
-import { jsxs as m, jsx as t, Fragment as Se } from "react/jsx-runtime";
-import { useState as A, useRef as M, useEffect as D, useCallback as ke, useMemo as G, useLayoutEffect as we, createElement as le, Fragment as O } from "react";
-import { Button as V, Skeleton as _, Input as Ce, Breadcrumb as Re, Space as ae, Tag as se, Card as Te, Table as Ee } from "antd";
-import { InboxOutlined as Ie, ExclamationCircleOutlined as ze, ReloadOutlined as re, SearchOutlined as Ae, ReadOutlined as Be } from "@ant-design/icons";
-import { useNavigate as he, useInRouterContext as De } from "react-router-dom";
+import { jsxs as m, jsx as t, Fragment as Ce } from "react/jsx-runtime";
+import { useState as z, useRef as H, useEffect as D, 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 Ae, ExclamationCircleOutlined as Ie, ReloadOutlined as re, SearchOutlined as ze, ReadOutlined as Be } from "@ant-design/icons";
+import { useNavigate as xe, useInRouterContext as De } from "react-router-dom";
 const T = {
   // 主色 (蓝紫) - 顶导/重点按钮/链接
   primary: "#7c3aed",
@@ -83,15 +83,15 @@ const T = {
   lg: 16,
   xl: 20,
   pill: 999
-}, z = {
+}, B = {
   sm: "0 1px 2px 0 rgba(15, 23, 42, 0.04), 0 1px 3px 0 rgba(15, 23, 42, 0.06)",
   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)"
-}, nt = {
-  rest: z.md,
+}, at = {
+  rest: B.md,
   hover: "0 8px 16px -4px rgba(15, 23, 42, 0.08), 0 20px 32px -8px rgba(15, 23, 42, 0.14)"
-}, H = {
+}, N = {
   1: 4,
   2: 8,
   3: 12,
@@ -102,7 +102,7 @@ const T = {
   10: 40,
   12: 48,
   16: 64
-}, ce = {
+}, de = {
   xs: 11,
   sm: 12,
   base: 14,
@@ -112,7 +112,7 @@ const T = {
   "2xl": 24,
   "3xl": 30,
   "4xl": 36
-}, L = {
+}, M = {
   token: {
     // 主色
     colorPrimary: T.primary,
@@ -141,11 +141,11 @@ const T = {
     borderRadiusLG: C.lg,
     borderRadiusSM: C.sm,
     // 字体
-    fontSize: ce.base,
+    fontSize: de.base,
     fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif",
     // 阴影
-    boxShadow: z.md,
-    boxShadowSecondary: z.lg
+    boxShadow: B.md,
+    boxShadowSecondary: B.lg
   },
   components: {
     // Layout: 顶导白底更现代
@@ -169,7 +169,7 @@ const T = {
     // Card: 更柔和
     Card: {
       borderRadiusLG: C.lg,
-      boxShadowTertiary: z.sm
+      boxShadowTertiary: B.sm
     },
     // Button: 主按钮圆角统一
     Button: {
@@ -181,7 +181,7 @@ const T = {
     Tabs: {
       itemSelectedColor: T.primary,
       inkBarColor: T.primary,
-      titleFontSize: ce.base
+      titleFontSize: de.base
     },
     // Tag: 更小巧
     Tag: {
@@ -189,39 +189,39 @@ const T = {
     }
   }
 };
-function it({
+function st({
   icon: e,
   label: n,
   value: s,
-  suffix: l,
+  suffix: o,
   color: c = "blue",
   trend: a,
   href: r,
-  loading: o = !1,
+  loading: l = !1,
   precision: i = 0
 }) {
-  const d = E[c] || E.blue, [f, g] = A(0), p = M(0);
+  const d = E[c] || E.blue, [f, g] = z(0), p = H(0);
   D(() => {
-    if (o || s == null) return;
+    if (l || s == null) return;
     const b = p.current, S = Number(s) || 0;
     if (b === S) {
       g(S);
       return;
     }
-    const k = 600, P = performance.now();
-    let N;
-    const q = (Y) => {
-      const j = Math.min(1, (Y - P) / k), J = 1 - Math.pow(1 - j, 3), u = b + (S - b) * J;
-      g(u), j < 1 ? N = requestAnimationFrame(q) : p.current = S;
+    const w = 600, L = performance.now();
+    let P;
+    const G = (U) => {
+      const j = Math.min(1, (U - L) / w), J = 1 - Math.pow(1 - j, 3), u = b + (S - b) * J;
+      g(u), j < 1 ? P = requestAnimationFrame(G) : p.current = S;
     };
-    return N = requestAnimationFrame(q), () => N && cancelAnimationFrame(N);
-  }, [s, o]);
+    return P = requestAnimationFrame(G), () => P && cancelAnimationFrame(P);
+  }, [s, l]);
   const h = () => {
     r && typeof window < "u" && (window.location.href = r);
-  }, w = o ? "--" : Number(f).toLocaleString("zh-CN", {
+  }, k = l ? "--" : Number(f).toLocaleString("zh-CN", {
     minimumFractionDigits: i,
     maximumFractionDigits: i
-  }), v = a != null ? Number(a) : null, B = v != null && v >= 0;
+  }), v = a != null ? Number(a) : null, A = v != null && v >= 0;
   return /* @__PURE__ */ m(
     "div",
     {
@@ -230,10 +230,10 @@ function it({
         position: "relative",
         background: d.gradient,
         borderRadius: C.lg,
-        padding: H[5],
+        padding: N[5],
         color: d.fg,
         cursor: r ? "pointer" : "default",
-        boxShadow: z.md,
+        boxShadow: B.md,
         overflow: "hidden",
         transition: "transform 200ms ease, box-shadow 200ms ease",
         minHeight: 110,
@@ -242,10 +242,10 @@ function it({
         justifyContent: "space-between"
       },
       onMouseEnter: (b) => {
-        b.currentTarget.style.transform = "translateY(-2px)", b.currentTarget.style.boxShadow = z.lg;
+        b.currentTarget.style.transform = "translateY(-2px)", b.currentTarget.style.boxShadow = B.lg;
       },
       onMouseLeave: (b) => {
-        b.currentTarget.style.transform = "translateY(0)", b.currentTarget.style.boxShadow = z.md;
+        b.currentTarget.style.transform = "translateY(0)", b.currentTarget.style.boxShadow = B.md;
       },
       children: [
         /* @__PURE__ */ t(
@@ -266,7 +266,7 @@ function it({
         /* @__PURE__ */ m("div", { style: {
           display: "flex",
           alignItems: "center",
-          gap: H[2],
+          gap: N[2],
           position: "relative"
         }, children: [
           /* @__PURE__ */ t("div", { style: {
@@ -289,9 +289,9 @@ function it({
         /* @__PURE__ */ m("div", { style: {
           display: "flex",
           alignItems: "baseline",
-          gap: H[2],
+          gap: N[2],
           position: "relative",
-          marginTop: H[3]
+          marginTop: N[3]
         }, children: [
           /* @__PURE__ */ t("div", { style: {
             fontSize: 30,
@@ -299,20 +299,20 @@ function it({
             lineHeight: 1.1,
             letterSpacing: "-0.02em",
             fontVariantNumeric: "tabular-nums"
-          }, children: w }),
-          l && /* @__PURE__ */ t("div", { style: { fontSize: 14, opacity: 0.85, fontWeight: 500 }, children: l }),
+          }, children: k }),
+          o && /* @__PURE__ */ t("div", { style: { fontSize: 14, opacity: 0.85, fontWeight: 500 }, children: o }),
           v != null && /* @__PURE__ */ m("div", { style: {
             marginLeft: "auto",
             fontSize: 12,
             fontWeight: 600,
             padding: "2px 8px",
             borderRadius: 999,
-            background: B ? "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: B ? "▲" : "▼" }),
+            /* @__PURE__ */ t("span", { style: { fontSize: 10 }, children: A ? "▲" : "▼" }),
             Math.abs(v).toFixed(1),
             "%"
           ] })
@@ -321,8 +321,8 @@ function it({
     }
   );
 }
-function $e({ color: e = "blue", label: n, size: s = 8 }) {
-  const l = E[e] || E.blue;
+function Le({ color: e = "blue", label: n, size: s = 8 }) {
+  const o = E[e] || E.blue;
   return /* @__PURE__ */ m("span", { style: {
     display: "inline-flex",
     alignItems: "center",
@@ -335,18 +335,18 @@ function $e({ color: e = "blue", label: n, size: s = 8 }) {
       width: s,
       height: s,
       borderRadius: "50%",
-      background: l.bg,
-      boxShadow: `0 0 0 3px ${l.soft}`,
+      background: o.bg,
+      boxShadow: `0 0 0 3px ${o.soft}`,
       flexShrink: 0
     } }),
     n && /* @__PURE__ */ t("span", { children: n })
   ] });
 }
-function ot({
+function ct({
   color: e = "blue",
   title: n,
   subtitle: s,
-  moreText: l = "全部",
+  moreText: o = "全部",
   moreHref: c,
   onMore: a
 }) {
@@ -357,7 +357,7 @@ function ot({
     marginBottom: 16
   }, children: [
     /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "baseline", gap: 12 }, children: [
-      /* @__PURE__ */ t($e, { color: e, label: n, size: 10 }),
+      /* @__PURE__ */ t(Le, { color: e, label: n, size: 10 }),
       s && /* @__PURE__ */ t("span", { style: {
         fontSize: 13,
         color: "#6b7280",
@@ -388,30 +388,30 @@ function ot({
           r.currentTarget.style.color = "#6b7280";
         },
         children: [
-          l,
+          o,
           /* @__PURE__ */ t("span", { style: { fontSize: 12 }, children: "›" })
         ]
       }
     )
   ] });
 }
-function lt({
+function dt({
   title: e,
   description: n,
   icon: s,
-  cover: l,
+  cover: o,
   color: c = "violet",
   tags: a = [],
   meta: r,
-  href: o,
+  href: l,
   extra: i
 }) {
-  const d = E[c] || E.violet, [f, g] = A(!1);
+  const d = E[c] || E.violet, [f, g] = z(!1);
   return /* @__PURE__ */ m(
     "div",
     {
       onClick: () => {
-        o && typeof window < "u" && (window.location.href = o);
+        l && typeof window < "u" && (window.location.href = l);
       },
       onMouseEnter: () => g(!0),
       onMouseLeave: () => g(!1),
@@ -419,8 +419,8 @@ function lt({
         background: "#ffffff",
         borderRadius: C.lg,
         overflow: "hidden",
-        cursor: o ? "pointer" : "default",
-        boxShadow: f ? z.lg : z.sm,
+        cursor: l ? "pointer" : "default",
+        boxShadow: f ? B.lg : B.sm,
         transform: f ? "translateY(-2px)" : "translateY(0)",
         transition: "transform 200ms ease, box-shadow 200ms ease",
         border: "1px solid #f1f5f9",
@@ -431,16 +431,16 @@ function lt({
         /* @__PURE__ */ m("div", { style: {
           position: "relative",
           aspectRatio: "16 / 9",
-          background: l ? "#f1f5f9" : d.gradient,
+          background: o ? "#f1f5f9" : d.gradient,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
           overflow: "hidden"
         }, children: [
-          l ? /* @__PURE__ */ t(
+          o ? /* @__PURE__ */ t(
             "img",
             {
-              src: l,
+              src: o,
               alt: e,
               style: {
                 width: "100%",
@@ -453,7 +453,7 @@ function lt({
             color: "rgba(255, 255, 255, 0.9)",
             display: "flex"
           }, children: s }),
-          !l && /* @__PURE__ */ t("div", { style: {
+          !o && /* @__PURE__ */ t("div", { style: {
             position: "absolute",
             top: -24,
             right: -24,
@@ -469,17 +469,17 @@ function lt({
           }, children: i })
         ] }),
         /* @__PURE__ */ m("div", { style: {
-          padding: H[4],
+          padding: N[4],
           display: "flex",
           flexDirection: "column",
-          gap: H[2],
+          gap: N[2],
           flex: 1
         }, children: [
           a.length > 0 && /* @__PURE__ */ t("div", { style: {
             display: "flex",
             flexWrap: "wrap",
             gap: 6
-          }, children: a.slice(0, 3).map((h, w) => {
+          }, children: a.slice(0, 3).map((h, k) => {
             const v = E[h.color] || E.blue;
             return /* @__PURE__ */ t(
               "span",
@@ -494,7 +494,7 @@ function lt({
                 },
                 children: h.label
               },
-              w
+              k
             );
           }) }),
           /* @__PURE__ */ t("div", { style: {
@@ -523,7 +523,7 @@ function lt({
             fontSize: 11,
             color: "#9ca3af",
             marginTop: "auto",
-            paddingTop: H[2],
+            paddingTop: N[2],
             borderTop: "1px dashed #f1f5f9"
           }, children: r })
         ] })
@@ -531,11 +531,11 @@ function lt({
     }
   );
 }
-function at({
+function ft({
   tag: e,
   title: n,
   description: s,
-  buttonText: l,
+  buttonText: o,
   buttonHref: c,
   onButtonClick: a
 }) {
@@ -546,7 +546,7 @@ function at({
     background: "linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #312e81 100%)",
     color: "#ffffff",
     overflow: "hidden",
-    boxShadow: z.lg
+    boxShadow: B.lg
   }, children: [
     /* @__PURE__ */ t("div", { style: {
       position: "absolute",
@@ -598,7 +598,7 @@ function at({
           maxWidth: 540
         }, children: s })
       ] }),
-      l && (c || a) && /* @__PURE__ */ m(
+      o && (c || a) && /* @__PURE__ */ m(
         "a",
         {
           href: c || "#",
@@ -627,7 +627,7 @@ function at({
             r.currentTarget.style.transform = "translateY(0)", r.currentTarget.style.boxShadow = "0 4px 12px rgba(16, 185, 129, 0.4)";
           },
           children: [
-            l,
+            o,
             /* @__PURE__ */ t("span", { children: "→" })
           ]
         }
@@ -635,23 +635,23 @@ function at({
     ] })
   ] });
 }
-function be({
+function ne({
   icon: e,
   title: n = "暂无数据",
   description: s,
-  actionText: l,
+  actionText: o,
   onAction: c,
   size: a = "md",
   style: r
 }) {
-  const o = { sm: 24, md: 40, lg: 64 }, i = { sm: 14, md: 16, lg: 20 };
+  const l = { sm: 24, md: 40, lg: 64 }, i = { sm: 14, md: 16, lg: 20 };
   return /* @__PURE__ */ m(
     "div",
     {
       role: "status",
       "aria-live": "polite",
       style: {
-        padding: o[a] || o.md,
+        padding: l[a] || l.md,
         textAlign: "center",
         background: "#ffffff",
         borderRadius: C.md,
@@ -670,7 +670,7 @@ function be({
           marginBottom: 16,
           fontSize: 28,
           color: "#9ca3af"
-        }, children: e || /* @__PURE__ */ t(Ie, {}) }),
+        }, children: e || /* @__PURE__ */ t(Ae, {}) }),
         /* @__PURE__ */ t("div", { style: {
           fontSize: i[a],
           fontWeight: 600,
@@ -684,7 +684,7 @@ function be({
           maxWidth: 360,
           margin: "0 auto 16px"
         }, children: s }),
-        l && c && /* @__PURE__ */ t(
+        o && c && /* @__PURE__ */ t(
           V,
           {
             type: "primary",
@@ -694,39 +694,39 @@ function be({
               border: "none",
               minHeight: 36
             },
-            children: l
+            children: o
           }
         )
       ]
     }
   );
 }
-function We({
+function $e({
   error: e,
   title: n = "加载失败",
   description: s,
-  onRetry: l,
+  onRetry: o,
   retryText: c = "重新加载",
   variant: a = "inline",
   style: r
 }) {
   var p;
-  const o = 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 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}。请检查网络或稍后重试。` : "请检查网络或稍后重试。");
   return /* @__PURE__ */ m(
     "div",
     {
       role: "alert",
       "aria-live": "assertive",
       style: {
-        padding: o ? "48px 24px" : "20px 24px",
-        background: o ? "#ffffff" : "#fef2f2",
-        border: o ? `1px dashed ${x.border}` : "1px solid #fecaca",
+        padding: l ? "48px 24px" : "20px 24px",
+        background: l ? "#ffffff" : "#fef2f2",
+        border: l ? `1px dashed ${x.border}` : "1px solid #fecaca",
         borderRadius: C.md,
-        textAlign: o ? "center" : "left",
+        textAlign: l ? "center" : "left",
         display: "flex",
-        flexDirection: o ? "column" : "row",
-        alignItems: o ? "center" : "flex-start",
-        gap: o ? 12 : 16,
+        flexDirection: l ? "column" : "row",
+        alignItems: l ? "center" : "flex-start",
+        gap: l ? 12 : 16,
         ...r
       },
       children: [
@@ -734,17 +734,17 @@ function We({
           display: "inline-flex",
           alignItems: "center",
           justifyContent: "center",
-          width: o ? 56 : 36,
-          height: o ? 56 : 36,
+          width: l ? 56 : 36,
+          height: l ? 56 : 36,
           borderRadius: "50%",
-          background: o ? "#fef2f2" : "#ffffff",
+          background: l ? "#fef2f2" : "#ffffff",
           color: "#dc2626",
-          fontSize: o ? 28 : 18,
+          fontSize: l ? 28 : 18,
           flexShrink: 0
-        }, children: /* @__PURE__ */ t(ze, {}) }),
+        }, children: /* @__PURE__ */ t(Ie, {}) }),
         /* @__PURE__ */ m("div", { style: { flex: 1, minWidth: 0 }, children: [
           /* @__PURE__ */ t("div", { style: {
-            fontSize: o ? 16 : 14,
+            fontSize: l ? 16 : 14,
             fontWeight: 600,
             color: "#991b1b",
             marginBottom: 4
@@ -755,14 +755,14 @@ function We({
             lineHeight: 1.6,
             wordBreak: "break-word"
           }, children: g }),
-          l && /* @__PURE__ */ t(
+          o && /* @__PURE__ */ t(
             V,
             {
               type: "primary",
               danger: !0,
               icon: /* @__PURE__ */ t(re, {}),
-              onClick: l,
-              size: o ? "middle" : "small",
+              onClick: o,
+              size: l ? "middle" : "small",
               style: { marginTop: 12 },
               children: c
             }
@@ -772,11 +772,11 @@ function We({
     }
   );
 }
-function st({
+function gt({
   variant: e = "cards",
   rows: n = 4,
   active: s = !0,
-  style: l
+  style: o
 }) {
   return e === "cards" ? /* @__PURE__ */ t(
     "div",
@@ -788,7 +788,7 @@ function st({
         display: "grid",
         gridTemplateColumns: "repeat(auto-fill, minmax(220px, 1fr))",
         gap: 16,
-        ...l
+        ...o
       },
       children: Array.from({ length: n }).map((c, a) => /* @__PURE__ */ m(
         "div",
@@ -823,11 +823,11 @@ function st({
         background: "#ffffff",
         padding: 24,
         borderRadius: C.md,
-        ...l
+        ...o
       },
       children: /* @__PURE__ */ t(_, { active: s, paragraph: { rows: n } })
     }
-  ) : e === "list" ? /* @__PURE__ */ t("div", { role: "status", "aria-busy": "true", "aria-label": "加载中", style: l, children: Array.from({ length: n }).map((c, a) => /* @__PURE__ */ m(
+  ) : e === "list" ? /* @__PURE__ */ t("div", { role: "status", "aria-busy": "true", "aria-label": "加载中", style: o, children: Array.from({ length: n }).map((c, a) => /* @__PURE__ */ m(
     "div",
     {
       style: {
@@ -853,26 +853,26 @@ function st({
         background: "#ffffff",
         padding: 32,
         borderRadius: C.md,
-        ...l
+        ...o
       },
       children: /* @__PURE__ */ t(_, { active: s, title: { width: "40%" }, paragraph: { rows: n } })
     }
   );
 }
-function ct({
+function We({
   value: e,
   onChange: n,
   onSearch: s,
-  placeholder: l = "搜索...",
+  placeholder: o = "搜索...",
   debounceMs: c = 300,
   width: a = 280,
   allowClear: r = !0,
   // antd v6: enterButton 已被废弃,SearchInput 已通过 onKeyDown 自行处理 Enter 键,
   // 所以从 rest 里过滤掉,避免透传到原生 <input> 报 React 警告。
-  enterButton: o,
+  enterButton: l,
   ...i
 }) {
-  const [d, f] = A(e || ""), g = M(null), p = M(e || "");
+  const [d, f] = z(e || ""), g = H(null), p = H(e || "");
   D(() => {
     e !== void 0 && e !== d && (f(e || ""), p.current = e || "");
   }, [e]), D(() => () => {
@@ -880,31 +880,31 @@ function ct({
   }, []);
   const h = (S) => {
     p.current = S, n && n(S);
-  }, w = (S) => {
-    const k = S.target.value;
-    if (f(k), g.current && clearTimeout(g.current), k === "") {
+  }, k = (S) => {
+    const w = S.target.value;
+    if (f(w), g.current && clearTimeout(g.current), w === "") {
       h("");
       return;
     }
-    g.current = setTimeout(() => h(k), c);
+    g.current = setTimeout(() => h(w), c);
   }, v = (S) => {
     g.current && clearTimeout(g.current), h(S), s && s(S);
   };
   return /* @__PURE__ */ t(
-    Ce,
+    Te,
     {
       ...i,
       value: d,
-      onChange: w,
+      onChange: k,
       onPressEnter: v,
       onKeyDown: (S) => {
         S.key === "Enter" ? (S.preventDefault(), v(d)) : S.key === "Escape" && (f(""), v(""));
       },
-      placeholder: l,
+      placeholder: o,
       allowClear: r ? { clearIcon: /* @__PURE__ */ t("span", { onClick: () => {
         f(""), v("");
       }, children: "×" }) } : !1,
-      prefix: /* @__PURE__ */ t(Ae, { style: { color: "#9ca3af" } }),
+      prefix: /* @__PURE__ */ t(ze, { style: { color: "#9ca3af" } }),
       style: {
         width: a,
         borderRadius: C.md,
@@ -913,15 +913,91 @@ function ct({
     }
   );
 }
-function me({
+function Me(e, n, s) {
+  const o = Array.isArray(e) ? e : [], c = String(s ?? "").trim().toLowerCase();
+  if (!c) return o;
+  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;
+}
+function He(e, n) {
+  const [s, o] = z(""), 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 };
+}
+const Ne = {
+  pageSize: 10,
+  showSizeChanger: !0,
+  pageSizeOptions: ["10", "20", "50", "100"],
+  showTotal: (e) => `共 ${e} 条`
+};
+function ut({
+  rows: e,
+  columns: n,
+  rowKey: s,
+  loading: o,
+  searchKeys: c,
+  searchPlaceholder: a = "过滤",
+  searchWidth: r = 220,
+  cardTitle: l,
+  cardExtra: i,
+  emptyTitle: d = "暂无数据",
+  emptyDescription: f,
+  emptyActionText: g,
+  emptyOnAction: p,
+  pagination: h = Ne,
+  cardProps: k = {},
+  tableProps: v = {},
+  ...A
+}) {
+  const { keyword: b, setKeyword: S, filtered: w } = He(e, c);
+  return /* @__PURE__ */ t(me, { title: l, extra: (c ? /* @__PURE__ */ t(
+    We,
+    {
+      allowClear: !0,
+      width: r,
+      placeholder: a,
+      value: b,
+      onChange: S
+    }
+  ) : null) || i, ...k, children: /* @__PURE__ */ t(
+    ye,
+    {
+      rowKey: s,
+      columns: n,
+      dataSource: w,
+      loading: o,
+      size: "small",
+      pagination: h,
+      locale: {
+        emptyText: /* @__PURE__ */ t(
+          ne,
+          {
+            title: d,
+            description: f,
+            actionText: g,
+            onAction: p
+          }
+        )
+      },
+      ...v,
+      ...A
+    }
+  ) });
+}
+function ve({
   title: e,
   subtitle: n,
   breadcrumb: s,
-  extra: l,
+  extra: o,
   back: c,
   onBack: a
 }) {
-  const r = he();
+  const r = xe();
   return /* @__PURE__ */ t("div", { style: {
     marginBottom: 12,
     paddingBottom: 10,
@@ -972,7 +1048,7 @@ function me({
         }
       ),
       s && s.length > 0 ? /* @__PURE__ */ t(
-        Re,
+        Ee,
         {
           items: s.map((i, d) => {
             const f = d === s.length - 1;
@@ -1002,14 +1078,14 @@ function me({
         maxWidth: 360
       }, children: n })
     ] }),
-    l && /* @__PURE__ */ t("div", { style: {
+    o && /* @__PURE__ */ t("div", { style: {
       display: "flex",
       gap: 8,
       flexShrink: 0
-    }, children: l })
+    }, children: o })
   ] }) });
 }
-function dt({ left: e, right: n, extra: s }) {
+function pt({ left: e, right: n, extra: s }) {
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1022,8 +1098,8 @@ function dt({ left: e, right: n, extra: s }) {
         flexWrap: "wrap"
       },
       children: [
-        /* @__PURE__ */ t(ae, { size: 8, wrap: !0, children: e }),
-        /* @__PURE__ */ m(ae, { size: 8, wrap: !0, children: [
+        /* @__PURE__ */ t(se, { size: 8, wrap: !0, children: e }),
+        /* @__PURE__ */ m(se, { size: 8, wrap: !0, children: [
           n,
           s
         ] })
@@ -1031,60 +1107,60 @@ function dt({ left: e, right: n, extra: s }) {
     }
   );
 }
-function ft({ onClick: e, loading: n, title: s = "刷新" }) {
+function ht({ onClick: e, loading: n, title: s = "刷新" }) {
   return /* @__PURE__ */ t(V, { icon: /* @__PURE__ */ t(re, {}), onClick: e, loading: n, title: s, children: s });
 }
-const Le = {
+const Pe = {
   0: { label: "待办", color: "default" },
   1: { label: "进行中", color: "blue" },
   2: { label: "已完成", color: "green" }
-}, Me = {
+}, _e = {
   ACTIVE: { label: "正常", color: "green" },
   INACTIVE: { label: "禁用", color: "red" },
   ENABLED: { label: "启用", color: "green" },
   DISABLED: { label: "禁用", color: "red" }
-}, He = {
+}, Oe = {
   low: { label: "低", color: "default" },
   medium: { label: "中", color: "orange" },
   high: { label: "高", color: "red" },
   1: { label: "低", color: "default" },
   2: { label: "中", color: "orange" },
   3: { label: "高", color: "red" }
-}, Pe = {
+}, Fe = {
   PENDING: { label: "待审批", color: "orange" },
   APPROVED: { label: "已通过", color: "green" },
   REJECTED: { label: "已拒绝", color: "red" },
   CANCELLED: { label: "已撤回", color: "default" }
-}, Ne = {
+}, je = {
   RUNNING: { label: "运行中", color: "green" },
   PAUSED: { label: "已暂停", color: "orange" },
   STOPPED: { label: "已停止", color: "default" },
   FAILED: { label: "失败", color: "red" },
   SUCCESS: { label: "成功", color: "green" }
-}, _e = {
-  task: Le,
-  model: Me,
-  priority: He,
-  approval: Pe,
-  schedule: Ne
+}, qe = {
+  task: Pe,
+  model: _e,
+  priority: Oe,
+  approval: Fe,
+  schedule: je
 };
-function gt({ status: e, type: n = "task", mapping: s, ...l }) {
-  const a = (s || _e[n] || {})[e];
-  return a ? /* @__PURE__ */ t(se, { color: a.color, ...l, children: a.label }) : /* @__PURE__ */ t(se, { ...l, children: String(e) });
+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 ut({ title: e, description: n, load: s, columns: l, rowKey: c = "id", extra: a, expandable: r }) {
-  const [o, i] = A([]), [d, f] = A({ current: 1, size: 10, total: null }), [g, p] = A(!1), [h, w] = A(null), v = ke(async (b = d.current, S = d.size) => {
-    p(!0), w(null);
+function mt({ title: e, description: n, load: s, columns: o, rowKey: c = "id", extra: a, expandable: r }) {
+  const [l, i] = z([]), [d, f] = z({ current: 1, size: 10, total: null }), [g, p] = z(!1), [h, k] = z(null), v = be(async (b = d.current, S = d.size) => {
+    p(!0), k(null);
     try {
-      const k = await s(b, S);
-      if (Array.isArray(k))
-        i(k || []), f({ current: b, size: S, total: k.length });
+      const w = await s(b, S);
+      if (Array.isArray(w))
+        i(w || []), f({ current: b, size: S, total: w.length });
       else {
-        const P = (k == null ? void 0 : k.records) || [];
-        i(P), f({ current: b, size: S, total: (k == null ? void 0 : k.total) == null ? null : Number(k.total) });
+        const L = (w == null ? void 0 : w.records) || [];
+        i(L), f({ current: b, size: S, total: (w == null ? void 0 : w.total) == null ? null : Number(w.total) });
       }
-    } catch (k) {
-      i([]), w(k);
+    } catch (w) {
+      i([]), k(w);
     } finally {
       p(!1);
     }
@@ -1092,11 +1168,11 @@ function ut({ title: e, description: n, load: s, columns: l, rowKey: c = "id", e
   D(() => {
     v(1);
   }, []);
-  const B = d.total != null && d.total > 0;
+  const A = d.total != null && d.total > 0;
   return /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ t(me, { title: e, subtitle: n }),
+    /* @__PURE__ */ t(ve, { title: e, subtitle: n }),
     /* @__PURE__ */ m(
-      Te,
+      me,
       {
         extra: /* @__PURE__ */ t(
           V,
@@ -1109,24 +1185,24 @@ function ut({ title: e, description: n, load: s, columns: l, rowKey: c = "id", e
         ),
         children: [
           a,
-          h ? /* @__PURE__ */ t(We, { error: h, onRetry: () => v(d.current, d.size), type: "inline" }) : /* @__PURE__ */ t(
-            Ee,
+          h ? /* @__PURE__ */ t($e, { error: h, onRetry: () => v(d.current, d.size), type: "inline" }) : /* @__PURE__ */ t(
+            ye,
             {
               size: "small",
-              columns: l,
-              dataSource: o,
+              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),
               pagination: {
                 current: d.current,
                 pageSize: d.size,
-                total: B ? d.total : o.length,
+                total: A ? d.total : l.length,
                 showSizeChanger: !0,
-                showTotal: () => B ? `共 ${d.total} 条` : `本页 ${o.length} 条（接口 total 未返回有效值）`
+                showTotal: () => A ? `共 ${d.total} 条` : `本页 ${l.length} 条（接口 total 未返回有效值）`
               },
               onChange: (b) => v(b.current, b.pageSize),
               expandable: r,
-              locale: { emptyText: /* @__PURE__ */ t(be, { title: "暂无数据", description: "接口返回空列表" }) }
+              locale: { emptyText: /* @__PURE__ */ t(ne, { title: "暂无数据", description: "接口返回空列表" }) }
             }
           )
         ]
@@ -1134,104 +1210,104 @@ function ut({ title: e, description: n, load: s, columns: l, rowKey: c = "id", e
     )
   ] });
 }
-const Oe = 240, de = 96, Fe = { behavior: "smooth", block: "start" }, je = `
+const Ge = 240, fe = 96, Ue = { behavior: "smooth", block: "start" }, Ye = `
 .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; } }
-`, qe = (e) => String(e || "").trim().toLowerCase().replace(/\s+/g, "-").replace(/[^\p{L}\p{N}\p{M}\p{Pc}-]/gu, "").replace(/-+/g, "-").replace(/^-|-$/g, ""), ne = (e) => String(e || "").replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/`([^`]*)`/g, "$1").replace(/\*\*([^*]+)\*\*/g, "$1").replace(/__([^_]+)__/g, "$1").replace(/\*([^*]+)\*/g, "$1").trim(), ye = () => {
+`, 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 = () => {
   const e = /* @__PURE__ */ new Map();
   let n = 0;
   return (s) => {
     n += 1;
-    const l = qe(s) || `section-${n}`, c = e.get(l) || 0;
-    return e.set(l, c + 1), c > 0 ? `${l}-${c}` : l;
+    const o = Ke(s) || `section-${n}`, c = e.get(o) || 0;
+    return e.set(o, c + 1), c > 0 ? `${o}-${c}` : o;
   };
-}, Ye = (e) => {
-  const n = [], s = ye();
-  let l = !1;
+}, Ve = (e) => {
+  const n = [], s = Se();
+  let o = !1;
   for (const c of String(e || "").split(`
 `)) {
     const a = c.replace(/\s+$/, "");
     if (/^\s*(```|~~~)/.test(a)) {
-      l = !l;
+      o = !o;
       continue;
     }
-    if (l) continue;
+    if (o) continue;
     const r = /^(#{1,6})[ \t]+(.+?)[ \t]*#*[ \t]*$/.exec(a);
     if (!r) continue;
-    const o = r[1].length;
-    if (o > 3) continue;
-    const i = ne(r[2]);
-    i && n.push({ level: o, text: i, id: s(i) });
+    const l = r[1].length;
+    if (l > 3) continue;
+    const i = ie(r[2]);
+    i && n.push({ level: l, text: i, id: s(i) });
   }
   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) : "", fe = (e) => String(e).replace(/["\\]/g, "\\$&"), ge = (e, n = Fe) => !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+)(.*)$/, U = /^\s*>\s?(.*)$/, Ge = /(!?\[([^\]]*)\]\(([^)\s]+)(?:\s+"[^"]*")?\)|`([^`]+)`|\*\*([^*]+)\*\*|__([^_]+)__|~~([^~]+)~~|\*([^*\n]+)\*|<((?:https?:\/\/|mailto:)[^>\s]+)>)/g, K = (e) => {
+}, 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) => {
   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());
-}, Ue = (e) => {
+}, Qe = (e) => {
   if (!String(e).includes("-")) return !1;
   const n = K(e);
   return n.length > 0 && n.every((s) => /^:?-+:?$/.test(s));
-}, Ke = (e) => {
+}, Xe = (e) => {
   const n = e.startsWith(":"), s = e.endsWith(":");
   return n && s ? "center" : s ? "right" : "left";
-}, Ve = (e, n) => {
-  const s = F.exec(e[n]), l = /\d/.test(s[2]), c = [];
+}, Ze = (e, n) => {
+  const s = F.exec(e[n]), o = /\d/.test(s[2]), c = [];
   let a = n;
   for (; a < e.length; ) {
     const r = F.exec(e[a]);
     if (!r) break;
-    const o = r[1].length, i = o + r[2].length + r[3].length, d = [r[4]];
+    const l = r[1].length, i = l + r[2].length + r[3].length, d = [r[4]];
     for (a += 1; a < e.length; ) {
       const f = e[a];
       if (!f.trim()) {
         let h = a;
         for (; h < e.length && !e[h].trim(); ) h += 1;
-        const w = h < e.length ? F.exec(e[h]) : null;
-        if (w && w[1].length >= o) {
+        const k = h < e.length ? F.exec(e[h]) : null;
+        if (k && k[1].length >= l) {
           a = h;
           continue;
         }
         break;
       }
       const g = /^[ \t]*/.exec(f)[0].length, p = F.exec(f);
-      if (p && p[1].length <= o) break;
+      if (p && p[1].length <= l) break;
       if (g >= i) {
         d.push(f.slice(i)), a += 1;
         continue;
       }
-      if (g > o) {
+      if (g > l) {
         d.push(f.slice(g)), a += 1;
         continue;
       }
-      if (!p && !Z.test(f) && !ee.test(f) && !te.test(f) && !U.test(f)) {
+      if (!p && !Z.test(f) && !ee.test(f) && !te.test(f) && !Y.test(f)) {
         d.push(f.trim()), a += 1;
         continue;
       }
       break;
     }
-    c.push({ blocks: xe(d, !0) });
+    c.push({ blocks: we(d, !0) });
   }
-  return { block: { type: "list", ordered: l, items: c }, next: a };
+  return { block: { type: "list", ordered: o, items: c }, next: a };
 };
-function xe(e, n = !1) {
+function we(e, n = !1) {
   const s = [];
-  let l = 0;
-  for (; l < e.length; ) {
-    const c = e[l];
+  let o = 0;
+  for (; o < e.length; ) {
+    const c = e[o];
     if (!c.trim()) {
-      l += 1;
+      o += 1;
       continue;
     }
     const a = Z.exec(c);
     if (a) {
       const i = a[1][0], d = a[1].length, f = [];
-      for (l += 1; l < e.length; ) {
-        const g = e[l];
+      for (o += 1; o < e.length; ) {
+        const g = e[o];
         if (new RegExp(`^\\s*\\${i}{${d},}\\s*$`).test(g)) {
-          l += 1;
+          o += 1;
           break;
         }
-        f.push(g), l += 1;
+        f.push(g), o += 1;
       }
       s.push({ type: "code", lang: a[2] || "", text: f.join(`
 `) });
@@ -1239,104 +1315,104 @@ function xe(e, n = !1) {
     }
     const r = ee.exec(c);
     if (r) {
-      if (l += 1, !ne(r[2]).trim()) continue;
+      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] });
       continue;
     }
     if (te.test(c)) {
-      s.push({ type: "hr" }), l += 1;
+      s.push({ type: "hr" }), o += 1;
       continue;
     }
-    if (c.includes("|") && l + 1 < e.length && Ue(e[l + 1])) {
-      const i = K(c), d = K(e[l + 1]).map(Ke);
-      l += 2;
+    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 (; l < e.length && e[l].trim() && e[l].includes("|"); )
-        f.push(K(e[l])), l += 1;
+      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 });
       continue;
     }
-    if (U.test(c)) {
+    if (Y.test(c)) {
       const i = [];
-      for (; l < e.length; ) {
-        const d = U.exec(e[l]);
+      for (; o < e.length; ) {
+        const d = Y.exec(e[o]);
         if (!d) break;
-        i.push(d[1]), l += 1;
+        i.push(d[1]), o += 1;
       }
       s.push({ type: "quote", lines: i });
       continue;
     }
     if (F.test(c)) {
-      const i = Ve(e, l);
-      s.push(i.block), l = i.next;
+      const i = Ze(e, o);
+      s.push(i.block), o = i.next;
       continue;
     }
-    const o = [];
-    for (; l < e.length; ) {
-      const i = e[l];
-      if (!i.trim() || o.length && (Z.test(i) || ee.test(i) || te.test(i) || F.test(i) || U.test(i))) break;
-      o.push(i.trim()), l += 1;
+    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;
     }
-    s.push({ type: "paragraph", text: o.join(" ") });
+    s.push({ type: "paragraph", text: l.join(" ") });
   }
   return s;
 }
 const I = (e, n) => {
   const s = [];
-  let l = 0, c = 0;
+  let o = 0, c = 0;
   const a = (r) => s.push(/* @__PURE__ */ t(O, { children: r }, `i${c++}`));
-  for (const r of e.matchAll(Ge)) {
-    if (r.index > l && a(e.slice(l, r.index)), r[1] !== void 0)
+  for (const r of e.matchAll(Je)) {
+    if (r.index > o && a(e.slice(o, 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 o = I(r[2], n);
-        a(n.a ? n.a({ href: r[3], children: o }) : /* @__PURE__ */ t("a", { href: r[3], children: o }));
+        const l = I(r[2], n);
+        a(n.a ? n.a({ href: r[3], children: l }) : /* @__PURE__ */ t("a", { href: r[3], children: l }));
       }
     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: I(r[5], n) })) : r[6] !== void 0 ? a(/* @__PURE__ */ t("strong", { children: I(r[6], n) })) : r[7] !== void 0 ? a(/* @__PURE__ */ t("del", { children: I(r[7], n) })) : r[8] !== void 0 ? a(/* @__PURE__ */ t("em", { children: I(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] }));
-    l = r.index + r[0].length;
+    o = r.index + r[0].length;
   }
-  return l < e.length && a(e.slice(l)), s;
-}, ve = (e, n, s) => {
-  const l = [];
+  return o < e.length && a(e.slice(o)), s;
+}, ke = (e, n, s) => {
+  const o = [];
   return e.forEach((c, a) => {
-    const r = `b${a}`, o = (i) => l.push(/* @__PURE__ */ t(O, { children: i }, r));
+    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 = I(c.text, n), p = i <= 3 ? s(ne(c.text)) : void 0;
-      o(f ? f({ children: g, id: p }) : le(d, { id: p }, g));
+      const i = Math.min(c.level, 6), d = `h${i}`, f = n[d], g = I(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 = I(c.text, n);
-      o(n.p ? n.p({ children: i }) : /* @__PURE__ */ t("p", { children: i }));
+      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 });
-      o(n.pre ? n.pre({ children: i }) : /* @__PURE__ */ t("pre", { children: i }));
+      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 = ve(g.blocks, n, s), w = n.li ? n.li({ children: h }) : /* @__PURE__ */ t("li", { children: h });
-        return /* @__PURE__ */ t(O, { children: w }, `li${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}`);
       });
-      o(d ? d({ children: f }) : le(i, null, f));
+      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: I(g, n), align: c.aligns[p] }) : /* @__PURE__ */ t("th", { children: g });
         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, w) => {
-        const v = n.td ? n.td({ children: I(h, n), align: c.aligns[w] }) : /* @__PURE__ */ t("td", { children: h });
-        return /* @__PURE__ */ t(O, { children: v }, `td${w}`);
+      }) }) }, "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: I(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] });
-      o(f);
+      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: I(d, n) }) : /* @__PURE__ */ t("p", { children: d });
         return /* @__PURE__ */ t(O, { children: g }, `q${f}`);
       });
-      o(n.blockquote ? n.blockquote({ children: i }) : /* @__PURE__ */ t("blockquote", { children: i }));
-    } else c.type === "hr" && o(n.hr ? n.hr({}) : /* @__PURE__ */ t("hr", {}));
-  }), l;
-}, Je = (e, n = {}) => ve(xe(String(e || "").split(`
-`)), n, ye());
-let ue = null;
-const pe = /* @__PURE__ */ new Set(), Qe = ({ navigate: e, Prism: n, oneDark: s, onAnchorClick: l }) => {
+      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 = {
     background: T.primarySoft,
     color: T.primary,
@@ -1346,7 +1422,7 @@ const pe = /* @__PURE__ */ new Set(), Qe = ({ navigate: e, Prism: n, oneDark: s,
     fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace"
   };
   return {
-    h1: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("h1", { ...o, style: {
+    h1: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("h1", { ...l, style: {
       fontSize: 22,
       fontWeight: 700,
       margin: "8px 0 16px",
@@ -1354,56 +1430,56 @@ const pe = /* @__PURE__ */ new Set(), Qe = ({ navigate: e, Prism: n, oneDark: s,
       paddingBottom: 8,
       scrollMarginTop: 16
     }, children: r }),
-    h2: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("h2", { ...o, style: {
+    h2: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("h2", { ...l, style: {
       fontSize: 18,
       fontWeight: 700,
       margin: "24px 0 12px",
       color: x.text,
       scrollMarginTop: 16
     }, children: r }),
-    h3: ({ node: a, children: r, ...o }) => /* @__PURE__ */ t("h3", { ...o, style: {
+    h3: ({ node: a, children: r, ...l }) => /* @__PURE__ */ t("h3", { ...l, style: {
       fontSize: 15,
       fontWeight: 600,
       margin: "16px 0 8px",
       color: "#334155",
       scrollMarginTop: 16
     }, children: r }),
-    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: {
+    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: {
       margin: "12px 0",
       padding: "8px 14px",
-      borderLeft: `3px solid ${L.token.colorPrimary}`,
+      borderLeft: `3px solid ${M.token.colorPrimary}`,
       background: T.primarySoft,
       color: "#475569",
       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: o, ...i }) => /* @__PURE__ */ t("img", { ...i, src: r, alt: o || "", style: { maxWidth: "100%", height: "auto", display: "block" } }),
-    table: ({ node: a, children: r, ...o }) => (
+    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 }) => (
       // §7：窄屏表格要能横向滚动，不能把列挤成一团
-      /* @__PURE__ */ t("div", { className: "zfc-doc-table-wrap", children: /* @__PURE__ */ t("table", { ...o, style: { width: "100%", borderCollapse: "collapse", fontSize: 13 }, children: r }) })
+      /* @__PURE__ */ t("div", { className: "zfc-doc-table-wrap", children: /* @__PURE__ */ t("table", { ...l, style: { width: "100%", borderCollapse: "collapse", fontSize: 13 }, children: r }) })
     ),
-    th: ({ node: a, children: r, align: o, ...i }) => /* @__PURE__ */ t("th", { ...i, style: {
+    th: ({ node: a, children: r, align: l, ...i }) => /* @__PURE__ */ t("th", { ...i, style: {
       padding: "8px 10px",
       background: x.surfaceAlt,
       border: `1px solid ${x.border}`,
-      textAlign: o || "left",
+      textAlign: l || "left",
       fontWeight: 600,
       color: "#334155"
     }, children: r }),
-    td: ({ node: a, children: r, align: o, ...i }) => /* @__PURE__ */ t("td", { ...i, style: {
+    td: ({ node: a, children: r, align: l, ...i }) => /* @__PURE__ */ t("td", { ...i, style: {
       padding: "8px 10px",
       border: `1px solid ${x.border}`,
-      textAlign: o || "left",
+      textAlign: l || "left",
       color: "#1f2937"
     }, children: r }),
     pre: ({ node: a, children: r }) => {
-      const o = Array.isArray(r) ? r[0] : r;
-      o && o.props && o.props.className;
-      const i = X(o).replace(/\n$/, "");
+      const l = Array.isArray(r) ? r[0] : r;
+      l && l.props && l.props.className;
+      const i = X(l).replace(/\n$/, "");
       return /* @__PURE__ */ t("pre", { style: {
         margin: "12px 0",
         padding: "12px 14px",
@@ -1414,8 +1490,8 @@ const pe = /* @__PURE__ */ new Set(), Qe = ({ navigate: e, Prism: n, oneDark: s,
         fontSize: 13
       }, children: /* @__PURE__ */ t("code", { style: { background: "transparent", color: "inherit", padding: 0, fontSize: "inherit" }, children: i }) });
     },
-    code: ({ node: a, className: r, children: o, ...i }) => /* @__PURE__ */ t("code", { ...i, className: r, style: c, children: o }),
-    a: ({ node: a, href: r, children: o, ...i }) => {
+    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(
         "a",
@@ -1424,60 +1500,60 @@ const pe = /* @__PURE__ */ new Set(), Qe = ({ navigate: e, Prism: n, oneDark: s,
           href: d,
           target: "_blank",
           rel: "noopener noreferrer",
-          style: { color: L.token.colorPrimary },
-          children: o
+          style: { color: M.token.colorPrimary },
+          children: l
         }
       ) : d.startsWith("#") ? /* @__PURE__ */ t(
         "a",
         {
           ...i,
           href: d,
-          style: { color: L.token.colorPrimary },
-          onClick: (g) => l(g, d.slice(1)),
-          children: o
+          style: { color: M.token.colorPrimary },
+          onClick: (g) => o(g, d.slice(1)),
+          children: l
         }
       ) : d.startsWith("/") ? /* @__PURE__ */ t(
         "a",
         {
           ...i,
           href: d,
-          style: { color: L.token.colorPrimary },
+          style: { color: M.token.colorPrimary },
           onClick: (g) => {
             g.preventDefault(), e ? e(d) : typeof window < "u" && (window.location.href = d);
           },
-          children: o
+          children: l
         }
-      ) : /* @__PURE__ */ t("a", { ...i, href: d, style: { color: L.token.colorPrimary }, children: o });
+      ) : /* @__PURE__ */ t("a", { ...i, href: d, style: { color: M.token.colorPrimary }, children: l });
     }
   };
 };
-function pt({
+function yt({
   markdown: e,
   title: n,
-  tocWidth: s = Oe,
-  tocLevels: l = [2],
+  tocWidth: s = Ge,
+  tocLevels: o = [2],
   height: c = "calc(100vh - 120px)",
   markdownComponents: a,
   renderMarkdown: r
 }) {
-  const i = De() ? he() : null, d = M(null), f = M(null), g = M(""), p = M(null), [h, w] = A(""), [v, B] = A(0), b = G(() => Ye(e), [e]), S = G(
-    () => b.filter((u) => l.includes(u.level)),
-    [b, l]
+  const i = De() ? xe() : null, d = H(null), f = H(null), g = H(""), p = H(null), [h, k] = z(""), [v, A] = z(0), b = q(() => Ve(e), [e]), S = q(
+    () => b.filter((u) => o.includes(u.level)),
+    [b, o]
   );
   D(() => {
-    const u = () => B((y) => y + 1);
-    return pe.add(u), () => {
-      pe.delete(u);
+    const u = () => A((y) => y + 1);
+    return he.add(u), () => {
+      he.delete(u);
     };
   }, []);
-  const k = (u) => {
+  const w = (u) => {
     g.current = u, p.current && clearTimeout(p.current), p.current = setTimeout(() => {
       g.current = "";
     }, 700);
   };
   D(() => () => {
     p.current && clearTimeout(p.current);
-  }, []), we(() => {
+  }, []), Re(() => {
     const u = d.current;
     if (!u) return;
     const y = Array.from(u.querySelectorAll("h1, h2, h3"));
@@ -1492,14 +1568,14 @@ function pt({
     if (!y.length) return;
     const R = () => {
       const Q = u.getBoundingClientRect().top;
-      let ie = y[0];
-      for (const oe of y)
-        if (oe.getBoundingClientRect().top - Q <= de) ie = oe;
+      let oe = y[0];
+      for (const le of y)
+        if (le.getBoundingClientRect().top - Q <= fe) oe = le;
         else break;
-      g.current || w(ie.id);
+      g.current || k(oe.id);
     }, $ = new IntersectionObserver(R, {
       root: u,
-      rootMargin: `-${de}px 0px 0px 0px`,
+      rootMargin: `-${fe}px 0px 0px 0px`,
       threshold: 0
     });
     y.forEach((Q) => $.observe(Q)), R();
@@ -1512,40 +1588,40 @@ function pt({
   }, [b, v, r]), D(() => {
     const u = f.current;
     if (!u || !h) return;
-    const y = u.querySelector(`[data-toc-id="${fe(h)}"]`);
+    const y = u.querySelector(`[data-toc-id="${ge(h)}"]`);
     if (!y) return;
     const R = u.getBoundingClientRect(), $ = y.getBoundingClientRect();
     ($.top < R.top + 24 || $.bottom > R.bottom - 24) && y.scrollIntoView({ block: "nearest", behavior: "smooth" });
   }, [h]);
-  const P = (u) => {
+  const L = (u) => {
     const y = d.current;
-    return y && y.querySelector(`[data-anchor="${fe(u)}"]`) || (typeof document < "u" ? document.getElementById(u) : null);
-  }, N = (u, y) => {
-    u.preventDefault(), k(y), ge(P(y)), w(y);
-  }, q = (u, y) => {
-    u.preventDefault(), k(y), ge(P(y)), w(y);
-  }, Y = G(
-    () => Qe({
+    return y && y.querySelector(`[data-anchor="${ge(u)}"]`) || (typeof document < "u" ? document.getElementById(u) : null);
+  }, P = (u, y) => {
+    u.preventDefault(), w(y), ue(L(y)), k(y);
+  }, G = (u, y) => {
+    u.preventDefault(), w(y), ue(L(y)), k(y);
+  }, U = q(
+    () => tt({
       navigate: i,
-      Prism: ue,
-      oneDark: ue,
-      onAnchorClick: q
+      Prism: pe,
+      oneDark: pe,
+      onAnchorClick: G
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [i, v]
-  ), j = G(
-    () => ({ ...Y, ...a || {} }),
-    [Y, a]
+  ), j = q(
+    () => ({ ...U, ...a || {} }),
+    [U, a]
   ), J = () => !e || !String(e).trim() ? /* @__PURE__ */ t(
-    be,
+    ne,
     {
       title: "暂无文档",
       description: "把组件说明写成 DOC.md，用编译期 import 的字符串传给 ComponentDoc 即可"
     }
-  ) : r ? r({ markdown: e, components: j }) : /* @__PURE__ */ t(Se, { children: Je(e, j) });
+  ) : r ? r({ markdown: e, components: j }) : /* @__PURE__ */ t(Ce, { children: et(e, j) });
   return /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", minHeight: 0, flex: 1 }, children: [
-    /* @__PURE__ */ t("style", { children: je }),
-    n ? /* @__PURE__ */ t(me, { title: n }) : null,
+    /* @__PURE__ */ t("style", { children: Ye }),
+    n ? /* @__PURE__ */ t(ve, { title: n }) : null,
     /* @__PURE__ */ m("div", { style: { display: "flex", gap: 16, alignItems: "flex-start", minHeight: 0 }, children: [
       /* @__PURE__ */ m(
         "aside",
@@ -1583,13 +1659,13 @@ function pt({
                 "a",
                 {
                   href: "#" + u.id,
-                  onClick: (R) => N(R, u.id),
+                  onClick: (R) => P(R, u.id),
                   style: {
                     display: "block",
                     padding: "6px 10px",
-                    borderLeft: `3px solid ${y ? L.token.colorPrimary : "transparent"}`,
+                    borderLeft: `3px solid ${y ? M.token.colorPrimary : "transparent"}`,
                     background: y ? T.primarySoft : "transparent",
-                    color: y ? L.token.colorPrimary : "#475569",
+                    color: y ? M.token.colorPrimary : "#475569",
                     fontWeight: y ? 600 : 400,
                     fontSize: 13,
                     lineHeight: 1.5,
@@ -1630,28 +1706,32 @@ function pt({
   ] });
 }
 export {
-  $e as C,
-  at as D,
-  be as E,
-  lt as F,
-  it as G,
-  st as L,
-  me as P,
-  ft as R,
-  ct as S,
-  dt as T,
-  pt as a,
-  We as b,
-  ut as c,
-  ot as d,
-  gt as e,
-  L as f,
-  T as g,
-  ce as h,
-  H as i,
-  nt as l,
+  Le as C,
+  Ne 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,
+  M as h,
+  T as i,
+  Me as j,
+  de as k,
+  at as l,
+  N as m,
   x as n,
   E as p,
   C as r,
-  z as s
+  B as s,
+  He as u
 };