react-docs-ui 0.6.12 → 0.6.13

package/dist/MdxContent-B664V_Hk.js

@@ -0,0 +1,812 @@
+import { aE as R, j as t, d as de, h as me, aF as pe, aG as fe, a2 as he, B as H, a0 as be, a3 as ge, a1 as we, c as xe, aB as ye, aH as ke, aI as Ce, aJ as Ne, aK as je } from "./DocsApp-DTFpyBOl.js";
+import * as r from "react";
+import ve from "react-markdown";
+import Se from "rehype-autolink-headings";
+import Ee from "rehype-slug";
+import Le from "remark-gfm";
+import ze from "rehype-raw";
+import Me from "remark-math";
+import Te from "rehype-katex";
+import { useParams as De, Link as Ae } from "react-router-dom";
+import { visit as te, SKIP as Ie } from "unist-util-visit";
+import { ZoomIn as Re, ZoomOut as Pe, Minimize as $e, Search as K, RefreshCw as Fe, RotateCcw as Oe, RotateCw as _e, Maximize as We, Download as Ze, ExternalLink as Xe, X as Ue, Check as Ye, Copy as Je } from "lucide-react";
+import Ve from "katex-physics";
+function Be(l) {
+  const s = /* @__PURE__ */ new Map();
+  for (const [n] of Object.entries(l)) {
+    const o = n.toLowerCase(), i = o.replace(/\./g, "-");
+    s.set(o, n), s.set(i, n);
+  }
+  return () => (n) => {
+    te(n, "element", (o) => {
+      const i = o.tagName.toLowerCase(), m = s.get(i);
+      m && (o.tagName = m, o.properties = o.properties || {}, o.properties.isComponent = !0);
+    });
+  };
+}
+const He = {
+  "zh-cn": {
+    preview: "预览图片",
+    zoomIn: "放大",
+    zoomOut: "缩小",
+    fit: "适配窗口",
+    actualSize: "原始比例",
+    reset: "重置",
+    rotateLeft: "左旋",
+    rotateRight: "右旋",
+    fullscreen: "全屏",
+    download: "下载",
+    openInNewTab: "新标签打开",
+    close: "关闭图片查看器",
+    imageAltFallback: "文档图片",
+    downloadSuccess: "图片下载已开始",
+    downloadError: "当前图片无法直接下载，请尝试新标签打开。",
+    fullscreenError: "当前浏览器不支持全屏，已保留对话框预览。",
+    openInNewTabError: "无法在新标签页打开图片。",
+    imageLoadError: "图片加载失败"
+  },
+  en: {
+    preview: "Preview image",
+    zoomIn: "Zoom in",
+    zoomOut: "Zoom out",
+    fit: "Fit to viewport",
+    actualSize: "Actual size",
+    reset: "Reset",
+    rotateLeft: "Rotate left",
+    rotateRight: "Rotate right",
+    fullscreen: "Fullscreen",
+    download: "Download",
+    openInNewTab: "Open in new tab",
+    close: "Close image viewer",
+    imageAltFallback: "Documentation image",
+    downloadSuccess: "Image download started",
+    downloadError: "This image cannot be downloaded directly. Try opening it in a new tab.",
+    fullscreenError: "Fullscreen is not available in this browser. Dialog preview is still available.",
+    openInNewTabError: "Unable to open the image in a new tab.",
+    imageLoadError: "Failed to load image"
+  }
+};
+function re(l = "zh-cn", s) {
+  return {
+    ...He[l === "en" ? "en" : "zh-cn"],
+    ...s
+  };
+}
+const ne = 0.2, oe = 5, Q = 0.2;
+function Z(l) {
+  return Math.min(oe, Math.max(ne, Number(l.toFixed(2))));
+}
+function Ke(l, s, n) {
+  const o = (s || n || "image").trim().split("").map((b) => b.charCodeAt(0) < 32 || '<>:"/\\|?*'.includes(b) ? "-" : b).join("");
+  return (l.split("?")[0]?.split("#")[0] ?? l).split("/").pop()?.trim() || o || "image";
+}
+function q(l, s) {
+  const n = document.createElement("a");
+  n.href = l, n.download = s, n.rel = "noopener noreferrer", document.body.appendChild(n), n.click(), document.body.removeChild(n);
+}
+function Qe(l) {
+  if (l.startsWith("blob:") || l.startsWith("data:"))
+    return !0;
+  try {
+    return new URL(l, window.location.href).origin === window.location.origin;
+  } catch {
+    return !1;
+  }
+}
+function qe({
+  open: l,
+  onOpenChange: s,
+  src: n,
+  alt: o,
+  title: i,
+  lang: m = "zh-cn",
+  labels: b
+}) {
+  const a = r.useMemo(
+    () => re(m, b),
+    [m, b]
+  ), w = r.useRef(null), S = r.useRef(null), [g, j] = r.useState(1), [u, p] = r.useState(0), [y, f] = r.useState("fit"), [k, N] = r.useState(!1), [c, x] = r.useState(!1), [h, L] = r.useState({ x: 0, y: 0 }), [z, M] = r.useState(!1), v = r.useRef(
+    /* @__PURE__ */ new Map()
+  ), P = r.useRef(null), T = r.useRef(null), W = o?.trim() || i?.trim() || a.imageAltFallback, D = r.useCallback(() => {
+    j(1), p(0), f("fit"), x(!1), L({ x: 0, y: 0 }), M(!1), v.current.clear(), P.current = null, T.current = null;
+  }, []);
+  r.useEffect(() => {
+    if (l) {
+      D();
+      return;
+    }
+    N(!1);
+  }, [l, D]), r.useEffect(() => {
+    document.fullscreenElement || N(!1);
+  }, [l]), r.useEffect(() => {
+    const e = () => {
+      N(!!document.fullscreenElement);
+    };
+    return document.addEventListener("fullscreenchange", e), () => {
+      document.removeEventListener("fullscreenchange", e);
+    };
+  }, []);
+  const ae = r.useMemo(() => ({
+    transform: `translate(${h.x}px, ${h.y}px) scale(${g}) rotate(${u}deg)`,
+    transition: z ? "none" : "transform 160ms ease",
+    cursor: c ? "default" : z ? "grabbing" : "grab"
+  }), [z, c, u, g, h.x, h.y]), A = r.useCallback(() => {
+    f("actual"), j((e) => Z(e + Q));
+  }, []), I = r.useCallback(() => {
+    f("actual"), j((e) => Z(e - Q));
+  }, []), X = r.useCallback(() => {
+    f("fit"), j(1), L({ x: 0, y: 0 });
+  }, []), U = r.useCallback(() => {
+    f("actual"), j(1), L({ x: 0, y: 0 });
+  }, []), F = r.useCallback(() => {
+    p((e) => e - 90);
+  }, []), O = r.useCallback(() => {
+    p((e) => e + 90);
+  }, []), Y = r.useCallback(async () => {
+    const e = Ke(n, i, o);
+    let d = null;
+    try {
+      if (Qe(n)) {
+        q(n, e), R({ description: a.downloadSuccess });
+        return;
+      }
+    } catch {
+    }
+    try {
+      const C = await fetch(n, { mode: "cors" });
+      if (!C.ok)
+        throw new Error(`Failed to fetch image: ${C.status}`);
+      const E = await C.blob();
+      d = URL.createObjectURL(E), q(d, e), R({ description: a.downloadSuccess });
+    } catch {
+      R({
+        variant: "destructive",
+        description: a.downloadError
+      });
+    } finally {
+      d && URL.revokeObjectURL(d);
+    }
+  }, [o, a.downloadError, a.downloadSuccess, n, i]), J = r.useCallback(() => {
+    try {
+      window.open(n, "_blank", "noopener,noreferrer");
+    } catch {
+      R({
+        variant: "destructive",
+        description: a.openInNewTabError
+      });
+    }
+  }, [a.openInNewTabError, n]), _ = r.useCallback(async () => {
+    const e = w.current;
+    if (!e?.requestFullscreen) {
+      R({ description: a.fullscreenError });
+      return;
+    }
+    try {
+      document.fullscreenElement ? await document.exitFullscreen() : await e.requestFullscreen();
+    } catch {
+      R({ description: a.fullscreenError });
+    }
+  }, [a.fullscreenError]);
+  r.useEffect(() => {
+    if (!l) return;
+    const e = (d) => {
+      d.key === "+" ? (d.preventDefault(), A()) : d.key === "-" ? (d.preventDefault(), I()) : d.key === "0" ? (d.preventDefault(), D()) : d.key === "f" || d.key === "F" ? (d.preventDefault(), _()) : d.key === "[" ? (d.preventDefault(), F()) : d.key === "]" && (d.preventDefault(), O());
+    };
+    return window.addEventListener("keydown", e), () => {
+      window.removeEventListener("keydown", e);
+    };
+  }, [_, l, D, F, O, A, I]);
+  const $ = r.useCallback(
+    (e) => {
+      e.preventDefault(), e.stopPropagation(), e.deltaY < 0 ? A() : I();
+    },
+    [A, I]
+  );
+  r.useEffect(() => {
+    if (!l) return;
+    const e = w.current;
+    if (e)
+      return e.addEventListener("wheel", $, { passive: !1 }), () => {
+        e.removeEventListener("wheel", $);
+      };
+  }, [$, l]);
+  const se = r.useCallback((e) => {
+    v.current.set(e.pointerId, {
+      x: e.clientX,
+      y: e.clientY
+    });
+    const d = Array.from(v.current.values());
+    if (d.length === 2 && T.current) {
+      const [E, B] = d, ce = Math.hypot(B.x - E.x, B.y - E.y), ue = Z(
+        T.current.startScale * (ce / T.current.startDistance)
+      );
+      f("actual"), j(ue);
+      return;
+    }
+    const C = P.current;
+    !C || C.pointerId !== e.pointerId || L({
+      x: C.originX + (e.clientX - C.startX),
+      y: C.originY + (e.clientY - C.startY)
+    });
+  }, []), V = r.useCallback((e) => {
+    e && w.current?.hasPointerCapture(e.pointerId) && w.current.releasePointerCapture(e.pointerId), e && v.current.delete(e.pointerId), P.current = null, v.current.size < 2 && (T.current = null), M(!1);
+  }, []), le = r.useCallback(
+    (e) => {
+      if (e.button !== 0 || c)
+        return;
+      e.preventDefault(), e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId), v.current.set(e.pointerId, {
+        x: e.clientX,
+        y: e.clientY
+      });
+      const d = Array.from(v.current.values());
+      if (d.length === 2) {
+        const [C, E] = d;
+        T.current = {
+          startDistance: Math.max(
+            1,
+            Math.hypot(E.x - C.x, E.y - C.y)
+          ),
+          startScale: g
+        }, P.current = null, M(!1);
+        return;
+      }
+      P.current = {
+        pointerId: e.pointerId,
+        startX: e.clientX,
+        startY: e.clientY,
+        originX: h.x,
+        originY: h.y
+      }, M(!0);
+    },
+    [c, g, h.x, h.y]
+  );
+  r.useEffect(() => {
+    if (!l) return;
+    const e = (d) => {
+      const C = w.current, E = d.target;
+      !C || !(E instanceof Node) || !C.contains(E) || !d.ctrlKey || $(d);
+    };
+    return window.addEventListener("wheel", e, {
+      passive: !1,
+      capture: !0
+    }), () => {
+      window.removeEventListener("wheel", e, {
+        capture: !0
+      });
+    };
+  }, [$, l]);
+  const ie = r.useMemo(
+    () => [
+      { key: "zoom-in", label: a.zoomIn, icon: Re, onClick: A, disabled: c || g >= oe },
+      { key: "zoom-out", label: a.zoomOut, icon: Pe, onClick: I, disabled: c || g <= ne },
+      { key: "fit", label: a.fit, icon: $e, onClick: X, disabled: c },
+      { key: "actual-size", label: a.actualSize, icon: K, onClick: U, disabled: c },
+      { key: "reset", label: a.reset, icon: Fe, onClick: D, disabled: c },
+      { key: "rotate-left", label: a.rotateLeft, icon: Oe, onClick: F, disabled: c },
+      { key: "rotate-right", label: a.rotateRight, icon: _e, onClick: O, disabled: c },
+      { key: "fullscreen", label: a.fullscreen, icon: We, onClick: () => {
+        _();
+      }, disabled: !1 },
+      { key: "download", label: a.download, icon: Ze, onClick: Y, disabled: c },
+      { key: "new-tab", label: a.openInNewTab, icon: Xe, onClick: J, disabled: !1 }
+    ],
+    [
+      Y,
+      _,
+      J,
+      c,
+      a.actualSize,
+      a.download,
+      a.fit,
+      a.fullscreen,
+      a.openInNewTab,
+      a.reset,
+      a.rotateLeft,
+      a.rotateRight,
+      a.zoomIn,
+      a.zoomOut,
+      D,
+      F,
+      O,
+      g,
+      U,
+      X,
+      A,
+      I
+    ]
+  );
+  return /* @__PURE__ */ t.jsx(de, { open: l, onOpenChange: s, children: /* @__PURE__ */ t.jsxs(
+    me,
+    {
+      showCloseButton: !1,
+      className: "flex h-[min(94vh,980px)] w-[calc(100vw-0.75rem)] sm:w-[40rem] md:w-[52rem] lg:w-[64rem] xl:w-[74rem] 2xl:w-[86rem] max-w-[calc(100vw-0.75rem)] flex-col gap-3 border-zinc-800 bg-zinc-950 p-3 text-zinc-50 sm:max-w-[calc(100vw-2rem)] sm:p-4",
+      children: [
+        /* @__PURE__ */ t.jsx(pe, { children: W }),
+        /* @__PURE__ */ t.jsx(fe, { children: a.close }),
+        /* @__PURE__ */ t.jsxs(he, { delayDuration: 100, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-zinc-800 bg-zinc-900/80 px-3 py-2", children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ t.jsx("p", { className: "truncate text-sm font-medium", children: W }),
+              /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-zinc-400", children: [
+                y === "fit" ? a.fit : `${Math.round(g * 100)}%`,
+                u !== 0 ? ` · ${u}deg` : "",
+                k ? ` · ${a.fullscreen}` : ""
+              ] })
+            ] }),
+            /* @__PURE__ */ t.jsx(
+              H,
+              {
+                type: "button",
+                size: "icon",
+                variant: "ghost",
+                className: "h-9 w-9 shrink-0 text-zinc-100 hover:bg-zinc-800 hover:text-white",
+                onClick: () => s(!1),
+                "aria-label": a.close,
+                title: a.close,
+                children: /* @__PURE__ */ t.jsx(Ue, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t.jsx("div", { className: "overflow-x-auto rounded-lg border border-zinc-800 bg-zinc-900/80 px-2 py-2", children: /* @__PURE__ */ t.jsx("div", { className: "flex min-w-max items-center gap-2", children: ie.map((e) => {
+            const d = e.icon;
+            return /* @__PURE__ */ t.jsxs(be, { children: [
+              /* @__PURE__ */ t.jsx(ge, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+                H,
+                {
+                  type: "button",
+                  size: "icon",
+                  variant: "secondary",
+                  className: "h-9 w-9 bg-zinc-800 text-zinc-100 hover:bg-zinc-700",
+                  onClick: e.onClick,
+                  disabled: e.disabled,
+                  "aria-label": e.label,
+                  title: e.label,
+                  children: /* @__PURE__ */ t.jsx(d, { className: "h-4 w-4" })
+                }
+              ) }),
+              /* @__PURE__ */ t.jsx(we, { children: e.label })
+            ] }, e.key);
+          }) }) })
+        ] }),
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            ref: w,
+            className: "relative flex min-h-0 flex-1 items-center justify-center overflow-hidden rounded-xl border border-zinc-800 bg-[radial-gradient(circle_at_top,_rgba(255,255,255,0.08),_transparent_40%),linear-gradient(180deg,_rgba(24,24,27,0.9),_rgba(9,9,11,1))] p-4 touch-none",
+            onPointerDown: le,
+            onPointerMove: se,
+            onPointerUp: V,
+            onPointerCancel: V,
+            children: c ? /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+              /* @__PURE__ */ t.jsx("div", { className: "rounded-full border border-red-500/40 bg-red-500/10 p-3 text-red-300", children: /* @__PURE__ */ t.jsx(K, { className: "h-5 w-5" }) }),
+              /* @__PURE__ */ t.jsx("p", { className: "text-sm font-medium", children: a.imageLoadError }),
+              /* @__PURE__ */ t.jsx("p", { className: "max-w-md text-xs text-zinc-400", children: n })
+            ] }) : /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                ref: S,
+                src: n,
+                alt: W,
+                className: xe(
+                  "max-h-full max-w-full select-none rounded-lg object-contain shadow-2xl",
+                  y === "fit" ? "h-auto w-auto" : ""
+                ),
+                style: ae,
+                onError: () => x(!0),
+                draggable: !1
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+function Ge() {
+  return (l) => {
+    te(l, "element", (s, n, o) => {
+      if (s.tagName === "p" && o && typeof n == "number" && s.children.some(
+        (m) => m.type === "element" && (G(m) || m.tagName === "pre")
+      )) {
+        const m = [];
+        let b = [];
+        const a = () => {
+          b.length > 0 && (m.push({
+            type: "element",
+            tagName: "p",
+            properties: {},
+            children: b
+          }), b = []);
+        };
+        for (const w of s.children)
+          w.type === "element" && (G(w) || w.tagName === "pre") ? (a(), m.push(w)) : b.push(w);
+        return a(), o.children.splice(n, 1, ...m), [Ie, n];
+      }
+    });
+  };
+}
+function G(l) {
+  if ((l.properties || {}).isComponent) return !0;
+  const n = l.tagName;
+  return n.charAt(0) === n.charAt(0).toUpperCase() && n.charAt(0) !== n.charAt(0).toLowerCase();
+}
+function et(l) {
+  return l.replace(/<([A-Z][a-zA-Z0-9]*(?:\.[A-Z][a-zA-Z0-9]*)*)(\s+[^>]*)>([\s\S]*?)<\/\1>/g, (s, n, o, i) => {
+    const m = ee(o), b = n.toLowerCase().replace(/\./g, "-");
+    return `<${b}${m}>${i}</${b}>`;
+  }).replace(/<([A-Z][a-zA-Z0-9]*(?:\.[A-Z][a-zA-Z0-9]*)*)(\s+[^>]*?)\s*\/>/g, (s, n, o) => {
+    const i = ee(o), m = n.toLowerCase().replace(/\./g, "-");
+    return `<${m}${i}></${m}>`;
+  });
+}
+function ee(l) {
+  if (!l) return "";
+  const s = [], n = /(\w+)=(?:{([^}]+)}|"([^"]*)"|'([^']*)')/g;
+  let o;
+  for (; (o = n.exec(l)) !== null; ) {
+    const [, i, m, b, a] = o, w = m || b || a || "";
+    s.push(`data-${i}="${w}"`);
+  }
+  return s.length > 0 ? " " + s.join(" ") : "";
+}
+function tt(l) {
+  const s = {};
+  for (const [n, o] of Object.entries(l))
+    if (n.startsWith("data-")) {
+      const i = n.slice(5);
+      if (o === "true")
+        s[i] = !0;
+      else if (o === "false")
+        s[i] = !1;
+      else if (o === "null")
+        s[i] = null;
+      else if (o === "undefined")
+        s[i] = void 0;
+      else if (!isNaN(Number(o)) && o !== "")
+        s[i] = Number(o);
+      else if (o.startsWith("[") && o.endsWith("]"))
+        try {
+          s[i] = JSON.parse(o);
+        } catch {
+          s[i] = o;
+        }
+      else if (o.startsWith("{") && o.endsWith("}"))
+        try {
+          s[i] = JSON.parse(o);
+        } catch {
+          s[i] = o;
+        }
+      else
+        s[i] = o;
+    }
+  return s;
+}
+const rt = {
+  js: "JavaScript",
+  javascript: "JavaScript",
+  ts: "TypeScript",
+  typescript: "TypeScript",
+  jsx: "JSX",
+  tsx: "TSX",
+  bash: "Bash",
+  shell: "Shell",
+  sh: "Shell",
+  python: "Python",
+  py: "Python",
+  java: "Java",
+  c: "C",
+  cpp: "C++",
+  csharp: "C#",
+  go: "Go",
+  rust: "Rust",
+  ruby: "Ruby",
+  php: "PHP",
+  swift: "Swift",
+  kotlin: "Kotlin",
+  sql: "SQL",
+  json: "JSON",
+  yaml: "YAML",
+  yml: "YAML",
+  toml: "TOML",
+  markdown: "Markdown",
+  md: "Markdown",
+  html: "HTML",
+  css: "CSS",
+  scss: "SCSS",
+  less: "Less",
+  vue: "Vue",
+  svelte: "Svelte",
+  docker: "Docker",
+  dockerfile: "Dockerfile",
+  nginx: "Nginx",
+  xml: "XML",
+  diff: "Diff",
+  text: "Text"
+};
+function nt({
+  className: l,
+  children: s,
+  meta: n,
+  codeHighlight: o,
+  shikiBundle: i
+}) {
+  const [m, b] = r.useState(""), [a, w] = r.useState(!1), [S, g] = r.useState(!1), j = r.useMemo(() => n?.toLowerCase().includes("showlinenumbers") ?? !1, [n]), u = /language-(\w+)/.exec(l || ""), p = u ? u[1] : "text", y = Ce(p), f = rt[p.toLowerCase()] || p.toUpperCase(), k = r.useMemo(() => {
+    let c = "";
+    return typeof s == "string" ? c = s : r.Children.count(s) === 1 && typeof s == "string" ? c = String(s) : c = r.Children.toArray(s).map((x) => {
+      if (typeof x == "string") return x;
+      if (typeof x == "object" && x !== null && "props" in x) {
+        const h = x.props;
+        if (h?.node?.type === "element") {
+          const L = h.node.tagName || "span", z = h.children;
+          if (Array.isArray(z) && z.length === 0)
+            return `<${L} />`;
+          const M = z.map((v) => typeof v == "string" ? v : v?.type === "text" && v.value || "").join("");
+          return `<${L}>${M}</${L}>`;
+        }
+      }
+      return "";
+    }).join(""), c.replace(/^\n+/, "").replace(/\n+$/, "");
+  }, [s]);
+  r.useEffect(() => {
+    const c = () => {
+      w(document.documentElement.classList.contains("dark"));
+    };
+    c();
+    const x = new MutationObserver(() => c());
+    return x.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] }), () => x.disconnect();
+  }, []), r.useEffect(() => {
+    const c = Ne(a, o, i);
+    je(
+      k,
+      { lang: y, theme: c, showLineNumbers: j },
+      o,
+      i
+    ).then(b);
+  }, [k, y, a, j, o, i]);
+  const N = r.useCallback(async () => {
+    const c = async (x) => {
+      if (navigator.clipboard && window.isSecureContext)
+        await navigator.clipboard.writeText(x);
+      else {
+        const h = document.createElement("textarea");
+        h.value = x, h.style.position = "fixed", h.style.left = "-9999px", h.style.top = "-9999px", document.body.appendChild(h), h.focus(), h.select();
+        try {
+          document.execCommand("copy");
+        } finally {
+          document.body.removeChild(h);
+        }
+      }
+    };
+    try {
+      await c(k), g(!0), setTimeout(() => g(!1), 2e3);
+    } catch (x) {
+      console.error("Failed to copy:", x);
+    }
+  }, [k]);
+  return m ? /* @__PURE__ */ t.jsxs("div", { className: "code-block-wrapper", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "code-lang-label", children: f }),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        className: "code-copy-btn",
+        onClick: N,
+        title: S ? "已复制" : "复制代码",
+        "aria-label": "复制代码",
+        children: S ? /* @__PURE__ */ t.jsx(Ye, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ t.jsx(Je, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "pre",
+      {
+        className: `shiki-code-block${j ? " show-line-numbers" : ""}`,
+        dangerouslySetInnerHTML: { __html: m }
+      }
+    )
+  ] }) : /* @__PURE__ */ t.jsx("div", { className: "code-block-wrapper", children: /* @__PURE__ */ t.jsx("pre", { className: "shiki-code-block", children: /* @__PURE__ */ t.jsx("code", { children: k }) }) });
+}
+function ot({
+  lang: l,
+  viewerConfig: s,
+  src: n,
+  alt: o,
+  title: i,
+  className: m,
+  node: b,
+  ...a
+}) {
+  const [w, S] = r.useState(!1), g = r.useMemo(
+    () => re(l, s?.labels),
+    [l, s?.labels]
+  );
+  return n ? s?.enabled === !1 ? /* @__PURE__ */ t.jsx(
+    "img",
+    {
+      src: n,
+      alt: o || g.imageAltFallback,
+      title: i,
+      className: m,
+      ...a
+    }
+  ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs("span", { className: "not-prose group relative my-6 block", children: [
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          type: "button",
+          className: "block w-full cursor-zoom-in overflow-hidden rounded-2xl border border-border/60 bg-muted/20 shadow-sm transition duration-200 hover:-translate-y-0.5 hover:shadow-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          onClick: () => S(!0),
+          "aria-label": g.preview,
+          title: g.preview,
+          children: /* @__PURE__ */ t.jsx(
+            "img",
+            {
+              src: n,
+              alt: o || g.imageAltFallback,
+              title: i,
+              className: m ?? "h-auto w-full rounded-2xl object-contain",
+              ...a
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "absolute right-3 top-3 inline-flex items-center gap-2 rounded-full border border-white/20 bg-black/65 px-3 py-1.5 text-xs font-medium text-white opacity-0 shadow-lg transition group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/70",
+          onClick: () => S(!0),
+          "aria-label": g.preview,
+          children: [
+            /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: g.preview }),
+            /* @__PURE__ */ t.jsxs(
+              "svg",
+              {
+                "aria-hidden": "true",
+                viewBox: "0 0 24 24",
+                className: "h-3.5 w-3.5",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ t.jsx("path", { d: "M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6Z" }),
+                  /* @__PURE__ */ t.jsx("circle", { cx: "12", cy: "12", r: "3" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ t.jsx("span", { children: g.preview })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      qe,
+      {
+        open: w,
+        onOpenChange: S,
+        src: n,
+        alt: o,
+        title: i,
+        lang: l,
+        labels: s?.labels
+      }
+    )
+  ] }) : null;
+}
+function gt({
+  source: l,
+  skipFirstH1: s = !1,
+  imageViewer: n,
+  codeHighlight: o,
+  shikiBundle: i
+}) {
+  const b = De().lang || "zh-cn", a = ye();
+  r.useEffect(() => {
+    ke(o, i);
+  }, [o, i]);
+  const w = r.useMemo(() => {
+    if (!s) return l;
+    const u = l.split(`
+`);
+    let p = !1;
+    return u.filter((f) => !p && f.startsWith("# ") ? (p = !0, !1) : !0).join(`
+`);
+  }, [l, s]), S = r.useMemo(() => et(w), [w]), g = r.useMemo(() => {
+    const u = /* @__PURE__ */ new Map();
+    return a && Object.entries(a).forEach(([p, y]) => {
+      const f = r.memo(({ children: k, ...N }) => {
+        const c = tt(N);
+        return r.createElement(y, c, k);
+      });
+      if (u.set(p, f), p.includes(".")) {
+        const [k, N] = p.split("."), c = `${k.toLowerCase()}-${N.toLowerCase()}`;
+        u.set(c, f);
+      }
+    }), u;
+  }, [a]), j = r.useMemo(() => Object.fromEntries(g), [g]);
+  return /* @__PURE__ */ t.jsx("div", { className: "prose dark:prose-invert max-w-none", children: /* @__PURE__ */ t.jsx(
+    ve,
+    {
+      remarkPlugins: [Le, Me],
+      rehypePlugins: [
+        Ee,
+        ze,
+        Be(j),
+        Ge,
+        [Se, { behavior: "append" }],
+        [Te, {
+          strict: !1,
+          trust: !0,
+          macros: {
+            "\\R": "\\mathbb{R}",
+            "\\N": "\\mathbb{N}",
+            "\\Z": "\\mathbb{Z}",
+            "\\Q": "\\mathbb{Q}",
+            "\\C": "\\mathbb{C}",
+            ...Ve
+          }
+        }]
+      ],
+      components: {
+        ...j,
+        table({ children: u, ...p }) {
+          return /* @__PURE__ */ t.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t.jsx("table", { ...p, children: u }) });
+        },
+        // 使用 Shiki 渲染代码块 - 在 pre 组件中处理
+        pre({ children: u, ...p }) {
+          const y = r.Children.toArray(u).find(
+            (f) => f?.type === "code" || f?.props?.node?.tagName === "code"
+          );
+          if (y) {
+            const f = y.props, k = f?.className || "", N = f?.node;
+            let c = f?.children;
+            const x = f?.["data-raw-value"];
+            x && (c = x);
+            const h = N?.data?.meta || "";
+            return /* @__PURE__ */ t.jsx(
+              nt,
+              {
+                className: k,
+                meta: h,
+                codeHighlight: o,
+                shikiBundle: i,
+                children: c
+              }
+            );
+          }
+          return /* @__PURE__ */ t.jsx("pre", { ...p, children: u });
+        },
+        a({ href: u, children: p, ...y }) {
+          if (!u) return /* @__PURE__ */ t.jsx("a", { ...y, children: p });
+          if (u.startsWith("#"))
+            return /* @__PURE__ */ t.jsx("a", { href: u, ...y, children: p });
+          if (/^(https?:)?\/\//i.test(u) || u.startsWith("mailto:") || u.startsWith("tel:"))
+            return /* @__PURE__ */ t.jsx("a", { href: u, target: "_blank", rel: "noopener noreferrer", ...y, children: p });
+          const k = u.startsWith("/") ? u : `/${u}`, N = `/${b}${k}`;
+          return /* @__PURE__ */ t.jsx(Ae, { to: N, ...y, children: p });
+        },
+        img({ src: u, alt: p, title: y, className: f, node: k, ...N }) {
+          return /* @__PURE__ */ t.jsx(
+            ot,
+            {
+              lang: b,
+              viewerConfig: n,
+              src: u,
+              alt: p,
+              title: y,
+              className: f,
+              node: k,
+              ...N
+            }
+          );
+        }
+      },
+      children: S
+    }
+  ) });
+}
+export {
+  qe as I,
+  gt as M
+};