@yanglingfeng/md-web 0.1.0

package/dist/index.js

@@ -0,0 +1,1480 @@
+import './style.css';
+import { useCallback as e, useEffect as t, useId as n, useMemo as r, useRef as i, useState as a } from "react";
+import o from "@uiw/react-codemirror";
+import { defaultKeymap as s, historyKeymap as c, indentWithTab as l } from "@codemirror/commands";
+import { markdown as u, markdownKeymap as d } from "@codemirror/lang-markdown";
+import { HighlightStyle as f, syntaxHighlighting as p } from "@codemirror/language";
+import { EditorView as m, keymap as ee } from "@codemirror/view";
+import { tags as h } from "@lezer/highlight";
+import g from "github-slugger";
+import { Bold as _, Braces as v, CircleHelp as te, Clipboard as ne, Code2 as y, Columns2 as b, Download as re, Eye as ie, FileCode2 as ae, GripVertical as oe, Heading1 as se, Heading2 as x, Image as S, Italic as ce, Link as C, List as le, ListOrdered as ue, ListTree as de, Maximize2 as w, Minus as T, Quote as fe, Sigma as pe, SquareCheck as me, Table2 as E, X as D } from "lucide-react";
+import { Group as he, Panel as ge, Separator as _e } from "react-resizable-panels";
+import { createPortal as ve } from "react-dom";
+import ye, { defaultUrlTransform as O } from "react-markdown";
+import k from "rehype-highlight";
+import A from "rehype-katex";
+import be from "rehype-slug";
+import xe from "remark-breaks";
+import j from "remark-gfm";
+import Se from "remark-math";
+import "katex/dist/katex.min.css";
+import { toString as M } from "mdast-util-to-string";
+import { visit as N } from "unist-util-visit";
+import { Fragment as Ce, jsx as P, jsxs as F } from "react/jsx-runtime";
+//#region src/components/MarkdownEditor/editorCommands.ts
+var I = {
+	bold: {
+		before: "**",
+		after: "**",
+		placeholder: "加粗文字"
+	},
+	italic: {
+		before: "*",
+		after: "*",
+		placeholder: "斜体文字"
+	},
+	inlineCode: {
+		before: "`",
+		after: "`",
+		placeholder: "代码"
+	},
+	link: {
+		before: "[",
+		after: "](https://)",
+		placeholder: "链接文字"
+	},
+	image: {
+		before: "![",
+		after: "](https://)",
+		placeholder: "图片描述"
+	},
+	formula: {
+		before: "$",
+		after: "$",
+		placeholder: "E = mc^2"
+	}
+}, L = {
+	heading1: "# ",
+	heading2: "## ",
+	heading3: "### ",
+	heading4: "#### ",
+	heading5: "##### ",
+	quote: "> ",
+	bulletList: "- ",
+	orderedList: "1. ",
+	task: "- [ ] "
+};
+function R(e, t) {
+	let n = I[e];
+	if (n) {
+		if (t.startsWith(n.before) && t.endsWith(n.after)) {
+			let e = t.slice(n.before.length, t.length - n.after.length);
+			return {
+				text: e,
+				selectionFrom: 0,
+				selectionTo: e.length
+			};
+		}
+		let e = t || n.placeholder;
+		return {
+			text: `${n.before}${e}${n.after}`,
+			selectionFrom: n.before.length,
+			selectionTo: n.before.length + e.length
+		};
+	}
+	let r = L[e];
+	if (r) {
+		let n = (t || "文本").split("\n").map((t, n) => e === "orderedList" ? `${n + 1}. ${t}` : `${r}${t}`).join("\n");
+		return {
+			text: n,
+			selectionFrom: r.length,
+			selectionTo: n.length
+		};
+	}
+	if (e === "codeBlock") {
+		let e = t || "在这里输入代码";
+		return {
+			text: `\`\`\`\n${e}\n\`\`\``,
+			selectionFrom: 4,
+			selectionTo: 4 + e.length
+		};
+	}
+	return e === "divider" ? {
+		text: "\n---\n",
+		selectionFrom: 5,
+		selectionTo: 5
+	} : e === "table" ? {
+		text: "| 列 1 | 列 2 | 列 3 |\n| --- | --- | --- |\n| 内容 | 内容 | 内容 |",
+		selectionFrom: 2,
+		selectionTo: 5
+	} : {
+		text: t,
+		selectionFrom: 0,
+		selectionTo: t.length
+	};
+}
+function z(e, t) {
+	if (!e) return !1;
+	let { from: n, to: r } = e.state.selection.main, i = e.state.sliceDoc(n, r), a = I[t];
+	if (a && i) {
+		let t = n - a.before.length, i = r + a.after.length;
+		if (t >= 0 && e.state.sliceDoc(t, n) === a.before && e.state.sliceDoc(r, i) === a.after) return e.dispatch({
+			changes: [{
+				from: t,
+				to: n,
+				insert: ""
+			}, {
+				from: r,
+				to: i,
+				insert: ""
+			}],
+			selection: {
+				anchor: t,
+				head: r - a.before.length
+			}
+		}), e.focus(), !0;
+	}
+	let o = L[t];
+	if (o && n === r) {
+		let r = e.state.doc.lineAt(n), i = t.startsWith("heading") ? /^#{1,6}\s*/.exec(r.text)?.[0] : r.text.startsWith(o) ? o : void 0, a = i ? r.text.slice(i.length) : r.text, s = i === o ? a : `${o}${a}`, c = Math.max(0, n - r.from - (i?.length ?? 0)), l = r.from + (i === o ? 0 : o.length) + c;
+		return e.dispatch({
+			changes: {
+				from: r.from,
+				to: r.to,
+				insert: s
+			},
+			selection: { anchor: l }
+		}), e.focus(), !0;
+	}
+	let s = R(t, i);
+	return e.dispatch({
+		changes: {
+			from: n,
+			to: r,
+			insert: s.text
+		},
+		selection: {
+			anchor: n + s.selectionFrom,
+			head: n + s.selectionTo
+		},
+		scrollIntoView: !0
+	}), e.focus(), !0;
+}
+//#endregion
+//#region src/components/MarkdownEditor/legacyDiagrams.ts
+var B = {
+	start: ["([", "])"],
+	end: ["([", "])"],
+	operation: ["[", "]"],
+	parallel: ["[", "]"],
+	inputoutput: ["[/", "/]"],
+	subroutine: ["[[", "]]"],
+	condition: ["{", "}"]
+}, V = /* @__PURE__ */ new Set([
+	"top",
+	"right",
+	"bottom",
+	"left"
+]);
+function H(e) {
+	return `"${e.replace(/"/g, "#quot;").replace(/\\n/g, "<br/>")}"`;
+}
+function U(e, t) {
+	return /^[A-Za-z_][\w-]*$/.test(e) ? e : `n${t}`;
+}
+function W(e) {
+	let t = /^([^(\s]+)\s*(?:\(([^)]*)\))?$/.exec(e.trim());
+	if (!t) return null;
+	let n = (t[2] ?? "").split(",").map((e) => e.trim()).filter((e) => e && !V.has(e.toLowerCase())).join(" ");
+	return {
+		id: t[1],
+		label: n || void 0
+	};
+}
+function G(e) {
+	let t = /* @__PURE__ */ new Map(), n = [], r = [], i = (e) => {
+		let n = t.get(e);
+		if (n) return n;
+		let r = U(e, t.size + 1);
+		return t.set(e, r), r;
+	};
+	for (let t of e.split("\n")) {
+		let e = t.trim();
+		if (!e || e.startsWith("//")) continue;
+		let a = /^([^=\s]+)\s*=>\s*([a-z]+)\s*(?::([\s\S]*))?$/i.exec(e);
+		if (a) {
+			let e = a[2].toLowerCase(), t = B[e] ?? B.operation, r = (a[3] ?? a[2]).replace(/:>[^|]*$/, "").split("|")[0].trim();
+			n.push(`  ${i(a[1].trim())}${t[0]}${H(r || e)}${t[1]}`);
+			continue;
+		}
+		if (!e.includes("->")) continue;
+		let o = e.split("->");
+		for (let e = 0; e < o.length - 1; e += 1) {
+			let t = W(o[e]), n = W(o[e + 1]);
+			if (!t || !n) continue;
+			let a = t.label ? `-->|${H(t.label)}|` : "-->";
+			r.push(`  ${i(t.id)} ${a} ${i(n.id)}`);
+		}
+	}
+	return [
+		"flowchart TB",
+		...n,
+		...r
+	].join("\n");
+}
+var K = {
+	"->": "->>",
+	"-->": "-->>",
+	"->>": "->>",
+	"-->>": "-->>"
+};
+function we(e) {
+	let t = /* @__PURE__ */ new Map(), n = [], r = [], i = (e) => {
+		let r = e.trim(), i = t.get(r);
+		if (i) return i;
+		let a = /^[A-Za-z_][\w-]*$/.test(r) ? r : `P${t.size + 1}`;
+		return t.set(r, a), n.push(a === r ? `  participant ${a}` : `  participant ${a} as ${r}`), a;
+	}, a = (e) => e.trim().replace(/\\n/g, "<br/>");
+	for (let t of e.split("\n")) {
+		let e = t.trim();
+		if (!e || e.startsWith("#")) continue;
+		let n = /^title:?\s+(.+)$/i.exec(e);
+		if (n) {
+			r.push(`  title: ${a(n[1])}`);
+			continue;
+		}
+		let o = /^participant\s+(.+?)(?:\s+as\s+(.+))?$/i.exec(e);
+		if (o) {
+			i(o[2] ?? o[1]);
+			continue;
+		}
+		let s = /^note\s+(left of|right of|over)\s+([^:]+):\s*(.*)$/i.exec(e);
+		if (s) {
+			let e = s[2].split(",").map((e) => i(e)).join(",");
+			r.push(`  Note ${s[1].toLowerCase()} ${e}: ${a(s[3])}`);
+			continue;
+		}
+		let c = /^(.+?)\s*(-{1,2}>{1,2})\s*([^:]+):\s*(.*)$/.exec(e);
+		if (c) {
+			let e = K[c[2]] ?? "->>";
+			r.push(`  ${i(c[1])}${e}${i(c[3])}: ${a(c[4])}`);
+		}
+	}
+	return [
+		"sequenceDiagram",
+		...n,
+		...r
+	].join("\n");
+}
+//#endregion
+//#region src/components/MarkdownEditor/remarkPlugins.ts
+var q = /@\(([^()\n]{1,120})\)\[([^\][\n]{0,240})\]/g, J = /^\[toc\]$/i;
+function Y(e, t) {
+	return {
+		type: "emphasis",
+		data: {
+			hName: "span",
+			hProperties: { className: [e] }
+		},
+		children: [{
+			type: "text",
+			value: t
+		}]
+	};
+}
+function Te() {
+	return (e) => {
+		N(e, "text", (e, t, n) => {
+			if (!n || t == null || n.type === "link" || n.type === "linkReference" || (q.lastIndex = 0, !q.test(e.value))) return;
+			q.lastIndex = 0;
+			let r = [], i = 0, a;
+			for (; (a = q.exec(e.value)) !== null;) {
+				a.index > i && r.push({
+					type: "text",
+					value: e.value.slice(i, a.index)
+				});
+				let t = a[2].split("|").map((e) => e.trim()).filter(Boolean);
+				r.push({
+					type: "emphasis",
+					data: {
+						hName: "span",
+						hProperties: { className: ["md-note-meta"] }
+					},
+					children: [Y("md-note-meta__book", a[1].trim()), ...t.map((e) => Y("md-note-meta__tag", e))]
+				}), i = a.index + a[0].length;
+			}
+			return i < e.value.length && r.push({
+				type: "text",
+				value: e.value.slice(i)
+			}), n.children.splice(t, 1, ...r), t + r.length;
+		});
+	};
+}
+function Ee(e, t) {
+	let n = M(t);
+	return {
+		type: "listItem",
+		spread: !1,
+		data: { hProperties: { className: [`md-doc-toc__item--${t.depth}`] } },
+		children: [{
+			type: "paragraph",
+			children: [{
+				type: "link",
+				url: `#${e.slug(n)}`,
+				children: [{
+					type: "text",
+					value: n
+				}]
+			}]
+		}]
+	};
+}
+function De() {
+	return (e) => {
+		let t = [];
+		if (e.children.forEach((e, n) => {
+			e.type === "paragraph" && J.test(M(e).trim()) && t.push(n);
+		}), t.length === 0) return;
+		let n = new g(), r = [];
+		N(e, "heading", (e) => {
+			r.push(e);
+		});
+		let i = r.filter((e) => e.depth >= 2 && e.depth <= 4).map((e) => Ee(n, e)), a = {
+			type: "paragraph",
+			data: {
+				hName: "span",
+				hProperties: { className: ["md-doc-toc__title"] }
+			},
+			children: [{
+				type: "text",
+				value: "目录"
+			}]
+		}, o = {
+			type: "blockquote",
+			data: {
+				hName: "nav",
+				hProperties: {
+					className: ["md-doc-toc"],
+					"aria-label": "文档目录"
+				}
+			},
+			children: i.length > 0 ? [a, {
+				type: "list",
+				ordered: !1,
+				spread: !1,
+				children: i
+			}] : [a]
+		};
+		for (let n of t.reverse()) e.children.splice(n, 1, o);
+	};
+}
+//#endregion
+//#region src/components/MarkdownEditor/MarkdownPreview.tsx
+function X(e) {
+	return `<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; img-src data: https:">
+    <style>
+      html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: transparent; }
+      body { box-sizing: border-box; display: grid; padding: 10px; place-items: center; }
+      /* Mermaid 会写入内联 max-width，需要覆盖后图形才能填满容器 */
+      svg { display: block; width: 100% !important; height: 100% !important; max-width: none !important; }
+    </style>
+  </head>
+  <body>${e}</body>
+</html>`;
+}
+function Z(e) {
+	let t = {
+		aspectRatio: 2,
+		naturalWidth: 640
+	}, n = /\bviewBox=["']([^"']+)["']/i.exec(e)?.[1];
+	if (!n) return t;
+	let r = n.trim().split(/[\s,]+/).map(Number), i = r[2], a = r[3];
+	return !Number.isFinite(i) || !Number.isFinite(a) || a <= 0 ? t : {
+		aspectRatio: Math.min(Math.max(i / a, .2), 8),
+		naturalWidth: Math.min(Math.max(i * 1.25, 200), 1200)
+	};
+}
+function Oe({ chart: e, label: r = "Mermaid 图表", cache: i, onError: o }) {
+	let s = n(), [c, l] = a(() => i.get(e) ?? null), [u, d] = a(""), [f, p] = a(!1);
+	return t(() => {
+		if (!f) return;
+		let e = (e) => {
+			e.key === "Escape" && p(!1);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [f]), t(() => {
+		let t = !0;
+		return (async () => {
+			try {
+				let { default: n } = await import("mermaid");
+				n.initialize({
+					startOnLoad: !1,
+					securityLevel: "strict",
+					theme: "base",
+					fontFamily: "\"Helvetica Neue\", Helvetica, \"PingFang SC\", sans-serif",
+					themeVariables: {
+						fontSize: "16px",
+						primaryColor: "#ffffff",
+						primaryTextColor: "#2f3d4a",
+						primaryBorderColor: "#2f3d4a",
+						secondaryColor: "#ffffff",
+						tertiaryColor: "#ffffff",
+						lineColor: "#2f3d4a",
+						textColor: "#2f3d4a",
+						noteBkgColor: "#ffffff",
+						noteBorderColor: "#2f3d4a",
+						noteTextColor: "#2f3d4a",
+						actorBkg: "#ffffff",
+						actorBorder: "#2f3d4a",
+						actorTextColor: "#2f3d4a",
+						actorLineColor: "#2f3d4a",
+						signalColor: "#2f3d4a",
+						signalTextColor: "#2f3d4a"
+					},
+					flowchart: {
+						htmlLabels: !1,
+						useMaxWidth: !0,
+						curve: "linear",
+						padding: 14,
+						nodeSpacing: 46,
+						rankSpacing: 56
+					},
+					sequence: {
+						useMaxWidth: !0,
+						mirrorActors: !0,
+						actorMargin: 120,
+						boxMargin: 14,
+						noteMargin: 12,
+						messageMargin: 42
+					}
+				});
+				let r = `mermaid-${s.replace(/[^a-zA-Z0-9]/g, "")}-${Date.now()}`, a = i.get(e);
+				if (a) {
+					if (!t) return;
+					l(a), d("");
+					return;
+				}
+				let o = await n.render(r, e);
+				if (!t) return;
+				let c = {
+					source: X(o.svg),
+					...Z(o.svg)
+				};
+				if (i.set(e, c), i.size > 32) {
+					let e = i.keys().next().value;
+					e && i.delete(e);
+				}
+				l(c), d("");
+			} catch (e) {
+				if (!t) return;
+				let n = e instanceof Error ? e : /* @__PURE__ */ Error("Mermaid 图表渲染失败");
+				d(n.message), l(null), o?.(n);
+			}
+		})(), () => {
+			t = !1;
+		};
+	}, [
+		i,
+		e,
+		o,
+		s
+	]), u ? /* @__PURE__ */ F("div", {
+		className: "md-mermaid-error",
+		role: "alert",
+		children: [/* @__PURE__ */ P("strong", { children: "图表未能渲染" }), /* @__PURE__ */ P("span", { children: u })]
+	}) : c ? /* @__PURE__ */ F(Ce, { children: [/* @__PURE__ */ P("figure", {
+		className: "md-mermaid",
+		"aria-label": r,
+		children: /* @__PURE__ */ F("div", {
+			className: "md-mermaid__stage",
+			style: {
+				"--md-diagram-ratio": c.aspectRatio,
+				"--md-diagram-width": `${c.naturalWidth}px`
+			},
+			children: [/* @__PURE__ */ P("iframe", {
+				title: r,
+				sandbox: "",
+				srcDoc: c.source,
+				loading: "lazy"
+			}), /* @__PURE__ */ P("button", {
+				type: "button",
+				className: "md-mermaid__enlarge",
+				"aria-label": "放大查看图表",
+				onClick: () => p(!0),
+				children: /* @__PURE__ */ F("span", {
+					className: "md-mermaid__enlarge-chip",
+					children: [/* @__PURE__ */ P(w, {
+						size: 12,
+						strokeWidth: 2
+					}), "放大"]
+				})
+			})]
+		})
+	}), f && ve(/* @__PURE__ */ P("div", {
+		className: "md-diagram-viewer",
+		role: "presentation",
+		onMouseDown: () => p(!1),
+		children: /* @__PURE__ */ F("section", {
+			className: "md-diagram-viewer__card",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": `${r}放大视图`,
+			onMouseDown: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ F("header", { children: [/* @__PURE__ */ P("span", { children: r }), /* @__PURE__ */ P("button", {
+					type: "button",
+					"aria-label": "关闭放大视图",
+					onClick: () => p(!1),
+					children: /* @__PURE__ */ P(D, { size: 16 })
+				})] }),
+				/* @__PURE__ */ P("div", {
+					className: "md-diagram-viewer__stage",
+					style: { "--md-diagram-ratio": c.aspectRatio },
+					children: /* @__PURE__ */ P("iframe", {
+						title: `${r}放大视图`,
+						sandbox: "",
+						srcDoc: c.source
+					})
+				}),
+				/* @__PURE__ */ P("footer", { children: "点按空白处或按 Esc 关闭" })
+			]
+		})
+	}), document.body)] }) : /* @__PURE__ */ P("div", {
+		className: "md-mermaid-loading",
+		children: "正在绘制图表…"
+	});
+}
+var Q = (e) => e?.position?.start?.line, ke = {
+	h1: ({ node: e, ...t }) => /* @__PURE__ */ P("h1", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	h2: ({ node: e, ...t }) => /* @__PURE__ */ P("h2", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	h3: ({ node: e, ...t }) => /* @__PURE__ */ P("h3", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	h4: ({ node: e, ...t }) => /* @__PURE__ */ P("h4", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	h5: ({ node: e, ...t }) => /* @__PURE__ */ P("h5", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	h6: ({ node: e, ...t }) => /* @__PURE__ */ P("h6", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	p: ({ node: e, ...t }) => /* @__PURE__ */ P("p", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	blockquote: ({ node: e, ...t }) => /* @__PURE__ */ P("blockquote", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	ul: ({ node: e, ...t }) => /* @__PURE__ */ P("ul", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	ol: ({ node: e, ...t }) => /* @__PURE__ */ P("ol", {
+		"data-source-line": Q(e),
+		...t
+	}),
+	table: ({ node: e, ...t }) => /* @__PURE__ */ P("table", {
+		"data-source-line": Q(e),
+		...t
+	})
+};
+function Ae(e, t) {
+	if (t === "src" && /^data:image\/(?:png|jpeg|gif|webp);base64,/i.test(e) || !/^[a-z][a-z0-9+.-]*:/i.test(e)) return e;
+	try {
+		let t = new URL(e);
+		if ([
+			"http:",
+			"https:",
+			"mailto:"
+		].includes(t.protocol)) return e;
+	} catch {
+		return;
+	}
+	return O(e);
+}
+var $ = {
+	mermaid: {
+		label: "Mermaid 图表",
+		toMermaid: (e) => e
+	},
+	flow: {
+		label: "流程图",
+		toMermaid: G
+	},
+	flowchart: {
+		label: "流程图",
+		toMermaid: G
+	},
+	sequence: {
+		label: "时序图",
+		toMermaid: we
+	}
+};
+function je(e) {
+	let t = Array.isArray(e) ? e : [e];
+	for (let e of t) {
+		let t = /^language-(\w+)$/.exec(String(e ?? ""))?.[1];
+		if (t) return t;
+	}
+}
+function Me(e) {
+	let t = e?.children.find((e) => e.type === "element" && e.tagName === "code"), n = je(t?.properties.className);
+	return !!(n && $[n]);
+}
+function Ne({ source: e, onError: t }) {
+	let n = i(/* @__PURE__ */ new Map()), r = {
+		...ke,
+		code: ({ className: e, children: r, node: i, ...a }) => {
+			let o = /language-(\w+)/.exec(e ?? "")?.[1], s = o ? $[o] : void 0;
+			if (s) {
+				let e = String(r).replace(/\n$/, "");
+				return /* @__PURE__ */ P(Oe, {
+					chart: s.toMermaid(e),
+					label: s.label,
+					cache: n.current,
+					onError: t
+				});
+			}
+			return /* @__PURE__ */ P("code", {
+				className: e,
+				...a,
+				children: r
+			});
+		},
+		pre: ({ node: e, children: t, ...n }) => Me(e) ? /* @__PURE__ */ P("div", {
+			"data-source-line": Q(e),
+			className: "md-mermaid-block",
+			children: t
+		}) : /* @__PURE__ */ P("pre", {
+			"data-source-line": Q(e),
+			...n,
+			children: t
+		}),
+		a: ({ children: e, node: t, ...n }) => /* @__PURE__ */ P("a", {
+			...n,
+			rel: "noopener noreferrer",
+			children: e
+		})
+	};
+	return /* @__PURE__ */ P("article", {
+		className: "md-preview-document",
+		"aria-label": "Markdown 预览",
+		children: /* @__PURE__ */ P(ye, {
+			remarkPlugins: [
+				j,
+				Se,
+				xe,
+				Te,
+				De
+			],
+			rehypePlugins: [
+				[A, {
+					trust: !1,
+					maxExpand: 1e3,
+					maxSize: 20
+				}],
+				[k, { detect: !1 }],
+				be
+			],
+			remarkRehypeOptions: {
+				footnoteLabel: "脚注",
+				footnoteLabelProperties: { className: ["md-footnotes-title"] },
+				footnoteBackLabel: "返回正文"
+			},
+			components: r,
+			urlTransform: Ae,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/components/MarkdownEditor/Toolbar.tsx
+var Pe = [
+	{
+		command: "heading1",
+		label: "一级标题",
+		icon: se
+	},
+	{
+		command: "heading2",
+		label: "二级标题",
+		icon: x
+	},
+	{
+		command: "bold",
+		label: "加粗（Ctrl/Cmd+B）",
+		icon: _
+	},
+	{
+		command: "italic",
+		label: "斜体",
+		icon: ce
+	},
+	{
+		command: "link",
+		label: "链接（Ctrl/Cmd+L）",
+		icon: C
+	},
+	{
+		command: "quote",
+		label: "引用",
+		icon: fe
+	},
+	{
+		command: "inlineCode",
+		label: "行内代码",
+		icon: y
+	},
+	{
+		command: "codeBlock",
+		label: "代码块",
+		icon: v
+	},
+	{
+		command: "bulletList",
+		label: "无序列表",
+		icon: le
+	},
+	{
+		command: "orderedList",
+		label: "有序列表",
+		icon: ue
+	},
+	{
+		command: "task",
+		label: "任务列表",
+		icon: me
+	},
+	{
+		command: "table",
+		label: "表格",
+		icon: E
+	},
+	{
+		command: "formula",
+		label: "数学公式",
+		icon: pe
+	},
+	{
+		command: "divider",
+		label: "分隔线",
+		icon: T
+	},
+	{
+		command: "image",
+		label: "图片（Ctrl/Cmd+G）",
+		icon: S
+	}
+];
+function Fe({ mode: e, readOnly: t, onCommand: n, onModeChange: r, onDownload: i }) {
+	return /* @__PURE__ */ F("div", {
+		className: "md-toolbar",
+		role: "toolbar",
+		"aria-label": "Markdown 格式工具",
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "md-toolbar__brand",
+				"aria-label": "Markdown 编辑器",
+				children: [/* @__PURE__ */ P(ae, { size: 17 }), /* @__PURE__ */ P("span", { children: "Markdown" })]
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "md-toolbar__scroll",
+				children: /* @__PURE__ */ P("div", {
+					className: "md-toolbar__group",
+					children: Pe.map(({ command: e, label: r, icon: i }) => /* @__PURE__ */ P("button", {
+						type: "button",
+						className: "md-icon-button",
+						"aria-label": r,
+						title: r,
+						disabled: t,
+						onClick: () => n(e),
+						children: /* @__PURE__ */ P(i, {
+							size: 15,
+							strokeWidth: 1.8
+						})
+					}, e))
+				})
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "md-toolbar__group md-toolbar__modes",
+				"aria-label": "查看模式",
+				children: [
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						className: `md-icon-button ${e === "edit" ? "is-active" : ""}`,
+						"aria-label": "最大化编辑器",
+						title: "最大化编辑器（Ctrl/Cmd+Alt+Enter）",
+						onClick: () => r("edit"),
+						children: /* @__PURE__ */ P(w, { size: 15 })
+					}),
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						className: `md-icon-button ${e === "split" ? "is-active" : ""}`,
+						"aria-label": "分屏编辑",
+						title: "分屏编辑",
+						onClick: () => r("split"),
+						children: /* @__PURE__ */ P(b, { size: 15 })
+					}),
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						className: `md-icon-button ${e === "preview" ? "is-active" : ""}`,
+						"aria-label": "预览文档",
+						title: "预览文档（Ctrl/Cmd+Enter）",
+						onClick: () => r("preview"),
+						children: /* @__PURE__ */ P(ie, { size: 15 })
+					}),
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						className: "md-icon-button",
+						"aria-label": "下载 Markdown",
+						title: "下载 Markdown",
+						onClick: i,
+						children: /* @__PURE__ */ P(re, { size: 15 })
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/MarkdownEditor/useScrollSync.ts
+function Ie(e, t, n) {
+	if (e.length === 0) return 0;
+	let r = n === "line" ? "top" : "line";
+	if (t <= e[0][n]) return e[0][r];
+	for (let i = 1; i < e.length; i += 1) {
+		let a = e[i - 1], o = e[i];
+		if (t <= o[n]) {
+			let e = o[n] - a[n] || 1, i = (t - a[n]) / e;
+			return a[r] + i * (o[r] - a[r]);
+		}
+	}
+	return e.at(-1)?.[r] ?? 0;
+}
+function Le(n, r, a) {
+	let o = i(null), s = i(void 0), c = i(!1), l = i(void 0), u = e((e) => {
+		o.current = e, window.clearTimeout(s.current), s.current = window.setTimeout(() => {
+			o.current = null;
+		}, 180);
+	}, []), d = e(() => {
+		c.current = !0, window.clearTimeout(l.current), l.current = window.setTimeout(() => {
+			c.current = !1;
+		}, 180);
+	}, []), f = e(() => {
+		let e = r.current;
+		if (!e) return [];
+		let t = e.getBoundingClientRect();
+		return Array.from(e.querySelectorAll("[data-source-line]")).map((n) => ({
+			line: Number(n.dataset.sourceLine),
+			top: n.getBoundingClientRect().top - t.top + e.scrollTop
+		})).filter((e) => Number.isFinite(e.line)).sort((e, t) => e.line - t.line);
+	}, [r]);
+	return t(() => {
+		let e = r.current;
+		if (!n || !e || !a) return;
+		let t = 0, i = () => {
+			o.current !== "preview" && (cancelAnimationFrame(t), t = requestAnimationFrame(() => {
+				let t = f();
+				if (!t.length) return;
+				let r = n.lineBlockAtHeight(n.scrollDOM.scrollTop), i = n.state.doc.lineAt(r.from).number;
+				u("editor"), e.scrollTop = Ie(t, i, "line");
+			}));
+		}, p = () => {
+			o.current !== "editor" && c.current && (cancelAnimationFrame(t), t = requestAnimationFrame(() => {
+				let t = f();
+				if (!t.length) return;
+				let r = Math.round(Ie(t, e.scrollTop, "top")), i = Math.min(Math.max(r, 1), n.state.doc.lines);
+				u("preview");
+				let a = n.lineBlockAt(n.state.doc.line(i).from);
+				n.scrollDOM.scrollTop = a.top;
+			}));
+		}, m = { passive: !0 };
+		return n.scrollDOM.addEventListener("scroll", i, { passive: !0 }), e.addEventListener("scroll", p, { passive: !0 }), e.addEventListener("wheel", d, m), e.addEventListener("touchstart", d, m), e.addEventListener("pointerdown", d), () => {
+			cancelAnimationFrame(t), window.clearTimeout(s.current), window.clearTimeout(l.current), n.scrollDOM.removeEventListener("scroll", i), e.removeEventListener("scroll", p), e.removeEventListener("wheel", d), e.removeEventListener("touchstart", d), e.removeEventListener("pointerdown", d);
+		};
+	}, [
+		n,
+		a,
+		f,
+		d,
+		r,
+		u
+	]), e((e) => {
+		let t = r.current;
+		if (!t) return;
+		let i = n ? Math.min(Math.max(e, 1), n.state.doc.lines) : Math.max(e, 1), a = f().find((e) => e.line >= i);
+		n?.dom.isConnected && (n.dispatch({
+			selection: { anchor: n.state.doc.line(i).from },
+			effects: m.scrollIntoView(n.state.doc.line(i).from, { y: "center" })
+		}), n.focus()), a && t.scrollTo({
+			top: a.top,
+			behavior: "smooth"
+		});
+	}, [
+		n,
+		f,
+		r
+	]);
+}
+//#endregion
+//#region src/components/MarkdownEditor/MarkdownEditor.tsx
+var Re = m.theme({
+	"&": {
+		height: "100%",
+		backgroundColor: "#302c27",
+		color: "#e9ddcc",
+		fontSize: "15px"
+	},
+	".cm-scroller": {
+		fontFamily: "\"SFMono-Regular\", \"Cascadia Code\", \"Liberation Mono\", Menlo, monospace",
+		lineHeight: "1.72",
+		padding: "25px 20px 80px"
+	},
+	".cm-content": { caretColor: "#ffc94a" },
+	".cm-cursor, .cm-dropCursor": { borderLeftColor: "#ffc94a" },
+	".cm-activeLine": { backgroundColor: "rgba(15, 13, 11, .18)" },
+	".cm-selectionBackground, &.cm-focused .cm-selectionBackground": { backgroundColor: "rgba(14, 12, 10, .5)" },
+	".cm-gutters": {
+		backgroundColor: "#302c27",
+		color: "#66635e",
+		border: "none",
+		paddingRight: "7px"
+	},
+	".cm-activeLineGutter": {
+		backgroundColor: "transparent",
+		color: "#9b958b"
+	},
+	".cm-focused": { outline: "none" }
+}, { dark: !0 }), ze = m.theme({
+	"&": {
+		height: "100%",
+		backgroundColor: "#f9fafb",
+		color: "#27303b"
+	},
+	".cm-scroller": {
+		fontFamily: "\"SFMono-Regular\", \"Cascadia Code\", \"Liberation Mono\", Menlo, monospace",
+		lineHeight: "1.72",
+		padding: "25px 20px 80px"
+	},
+	".cm-gutters": {
+		backgroundColor: "#f9fafb",
+		color: "#a0a6ad",
+		border: "none"
+	},
+	".cm-activeLine": { backgroundColor: "rgba(29, 78, 216, .035)" },
+	".cm-focused": { outline: "none" }
+}), Be = f.define([
+	{
+		tag: h.heading,
+		color: "#ffc643",
+		fontWeight: "700"
+	},
+	{
+		tag: h.strong,
+		color: "#e38352",
+		fontWeight: "700"
+	},
+	{
+		tag: h.emphasis,
+		color: "#e8d9c5",
+		fontStyle: "italic"
+	},
+	{
+		tag: h.link,
+		color: "#d7bd58",
+		textDecoration: "underline"
+	},
+	{
+		tag: h.url,
+		color: "#718394"
+	},
+	{
+		tag: h.monospace,
+		color: "#98bd62"
+	},
+	{
+		tag: h.quote,
+		color: "#d47b53",
+		fontStyle: "normal"
+	},
+	{
+		tag: h.list,
+		color: "#7b8793"
+	},
+	{
+		tag: h.processingInstruction,
+		color: "#606a74"
+	},
+	{
+		tag: h.punctuation,
+		color: "#6c747c"
+	},
+	{
+		tag: h.contentSeparator,
+		color: "#77716a"
+	},
+	{
+		tag: h.comment,
+		color: "#78846f",
+		fontStyle: "italic"
+	}
+]), Ve = f.define([
+	{
+		tag: h.heading,
+		color: "#9a5b22",
+		fontWeight: "700"
+	},
+	{
+		tag: h.strong,
+		color: "#1f2937",
+		fontWeight: "700"
+	},
+	{
+		tag: h.emphasis,
+		color: "#8a4b77",
+		fontStyle: "italic"
+	},
+	{
+		tag: h.link,
+		color: "#2563a8",
+		textDecoration: "underline"
+	},
+	{
+		tag: h.url,
+		color: "#397d89"
+	},
+	{
+		tag: h.monospace,
+		color: "#8d3f64"
+	},
+	{
+		tag: h.quote,
+		color: "#6b7280",
+		fontStyle: "italic"
+	},
+	{
+		tag: h.list,
+		color: "#b45309"
+	}
+]), He = {
+	bold: "Mod-b",
+	link: "Mod-l",
+	image: "Mod-g",
+	preview: "Mod-Enter",
+	maximize: "Mod-Alt-Enter",
+	help: "Mod-/"
+}, Ue = {
+	lineNumbers: !0,
+	highlightActiveLine: !0,
+	highlightActiveLineGutter: !0,
+	foldGutter: !1,
+	autocompletion: !1
+};
+function We(e) {
+	let t = new g(), n = [], r = !1;
+	return e.split("\n").forEach((e, i) => {
+		if (/^\s*```/.test(e)) {
+			r = !r;
+			return;
+		}
+		if (r) return;
+		let a = /^(#{1,6})\s+(.+?)\s*#*$/.exec(e);
+		if (!a) return;
+		let o = a[2].replace(/[*_`[\]]/g, "").trim();
+		n.push({
+			depth: a[1].length,
+			text: o,
+			slug: t.slug(o),
+			line: i + 1
+		});
+	}), n;
+}
+function Ge(e) {
+	return (e.match(/[\u3400-\u9fff]/g)?.length ?? 0) + (e.replace(/[\u3400-\u9fff]/g, " ").match(/[A-Za-z0-9]+(?:['’-][A-Za-z0-9]+)*/g)?.length ?? 0);
+}
+function Ke({ value: n, defaultValue: f = "", onChange: h, mode: g, onModeChange: _, readOnly: v = !1, height: y = "100vh", theme: b = "earthsong", className: re = "", ariaLabel: ae = "Markdown 源码编辑器", shortcuts: se, onImageUpload: x, onError: S, renderStatus: ce }) {
+	let C = n !== void 0, [le, ue] = a(f), w = C ? n : le, [T, fe] = a(w), [pe, me] = a(g ?? "split"), E = g ?? pe, [ve, ye] = a(null), O = i(null), k = i(null), [A, be] = a({
+		line: 1,
+		column: 1
+	}), [xe, j] = a(!1), [Se, M] = a(!1), [N, I] = a(!1), [L, R] = a({
+		x: 0,
+		y: 0
+	}), B = i({
+		x: 0,
+		y: 0,
+		offsetX: 0,
+		offsetY: 0
+	}), V = i(h), H = i(_), U = i(x), W = i(S), G = i(E);
+	t(() => {
+		V.current = h, H.current = _, U.current = x, W.current = S, G.current = E;
+	}, [
+		E,
+		h,
+		S,
+		x,
+		_
+	]), t(() => {
+		let e = window.setTimeout(() => fe(w), 220);
+		return () => window.clearTimeout(e);
+	}, [w]);
+	let K = e((e) => {
+		g === void 0 && me(e), H.current?.(e);
+	}, [g]), we = e((e) => {
+		C || ue(e), V.current?.(e);
+	}, [C]), q = e(async (e, t) => {
+		if (!U.current) return;
+		let n = typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `${Date.now()}-${Math.random()}`, r = `![正在上传 ${e.name}…](uploading-${n})`, i = t.state.selection.main.from;
+		t.dispatch({ changes: {
+			from: i,
+			insert: r
+		} });
+		let a = new AbortController();
+		try {
+			let n = await U.current(e, a.signal), i = typeof n == "string" ? {
+				url: n,
+				alt: e.name
+			} : n, o = t.state.doc.toString().indexOf(r);
+			if (o < 0) return;
+			t.dispatch({ changes: {
+				from: o,
+				to: o + r.length,
+				insert: `![${i.alt ?? e.name}](${i.url})`
+			} });
+		} catch (n) {
+			let i = n instanceof Error ? n : /* @__PURE__ */ Error("图片上传失败");
+			W.current?.(i);
+			let a = t.state.doc.toString().indexOf(r);
+			a >= 0 && t.dispatch({ changes: {
+				from: a,
+				to: a + r.length,
+				insert: `<!-- ${e.name} 上传失败，请重试 -->`
+			} });
+		}
+	}, []), J = r(() => ({
+		...He,
+		...se
+	}), [se]), Y = r(() => {
+		let e = (e) => (t) => !v && z(t, e), t = [
+			{
+				key: J.bold,
+				run: e("bold")
+			},
+			{
+				key: J.link,
+				run: e("link")
+			},
+			{
+				key: J.image,
+				run: e("image")
+			},
+			{
+				key: J.preview,
+				run: () => (K(G.current === "preview" ? "split" : "preview"), !0)
+			},
+			{
+				key: J.maximize,
+				run: () => (K(G.current === "edit" ? "split" : "edit"), !0)
+			},
+			{
+				key: J.help,
+				run: () => (M((e) => !e), !0)
+			},
+			...[
+				1,
+				2,
+				3,
+				4,
+				5
+			].map((t) => ({
+				key: `Mod-${t}`,
+				run: e(`heading${t}`)
+			}))
+		];
+		return [
+			u(),
+			ee.of([
+				...t,
+				...d,
+				l,
+				...s,
+				...c
+			]),
+			p(b === "earthsong" ? Be : Ve),
+			m.lineWrapping,
+			m.domEventHandlers({
+				paste: (e, t) => {
+					if (!U.current) return !1;
+					let n = Array.from(e.clipboardData?.files ?? []).find((e) => e.type.startsWith("image/"));
+					return n ? (e.preventDefault(), q(n, t), !0) : !1;
+				},
+				drop: (e, t) => {
+					if (!U.current) return !1;
+					let n = Array.from(e.dataTransfer?.files ?? []).find((e) => e.type.startsWith("image/"));
+					if (!n) return !1;
+					e.preventDefault();
+					let r = t.posAtCoords({
+						x: e.clientX,
+						y: e.clientY
+					});
+					return r !== null && t.dispatch({ selection: { anchor: r } }), q(n, t), !0;
+				}
+			})
+		];
+	}, [
+		v,
+		J,
+		b,
+		K,
+		q
+	]), Te = e((e) => {
+		if (!e.selectionSet && !e.docChanged) return;
+		let t = e.state.selection.main.head, n = e.state.doc.lineAt(t);
+		be({
+			line: n.number,
+			column: t - n.from + 1
+		});
+	}, []), Ee = e((e) => {
+		O.current = e, ye(e);
+	}, [ye]), De = Le(ve, k, E === "split"), X = r(() => We(T), [T]), Z = r(() => ({
+		words: Ge(w),
+		characters: w.length,
+		line: A.line,
+		column: A.column
+	}), [A, w]), Oe = e(() => {
+		let e = X[0]?.text.replace(/[^\p{L}\p{N}\-_]+/gu, "-") || "document", t = new Blob([w], { type: "text/markdown;charset=utf-8" }), n = URL.createObjectURL(t), r = document.createElement("a");
+		r.href = n, r.download = `${e}.md`, r.click(), URL.revokeObjectURL(n);
+	}, [w, X]), Q = e(async () => {
+		let e = k.current?.querySelector(".md-preview-document")?.innerHTML ?? "";
+		try {
+			await navigator.clipboard.writeText(e), I(!0), window.setTimeout(() => I(!1), 1400);
+		} catch (e) {
+			S?.(e instanceof Error ? e : /* @__PURE__ */ Error("复制 HTML 失败"));
+		}
+	}, [S, I]), ke = /* @__PURE__ */ P("div", {
+		className: "md-editor-pane",
+		children: /* @__PURE__ */ P(o, {
+			value: w,
+			onChange: we,
+			onUpdate: Te,
+			onCreateEditor: Ee,
+			extensions: Y,
+			theme: b === "earthsong" ? Re : ze,
+			editable: !v,
+			basicSetup: Ue,
+			"aria-label": ae,
+			height: "100%"
+		})
+	}), Ae = /* @__PURE__ */ P("div", {
+		className: "md-preview-pane",
+		ref: k,
+		children: /* @__PURE__ */ P(Ne, {
+			source: T,
+			onError: S
+		})
+	}), $ = (e) => {
+		B.current = {
+			x: e.clientX,
+			y: e.clientY,
+			offsetX: L.x,
+			offsetY: L.y
+		}, e.currentTarget.setPointerCapture(e.pointerId);
+	}, je = (e) => {
+		e.currentTarget.hasPointerCapture(e.pointerId) && R({
+			x: B.current.offsetX + e.clientX - B.current.x,
+			y: B.current.offsetY + e.clientY - B.current.y
+		});
+	}, Me = { "--md-editor-height": typeof y == "number" ? `${y}px` : y };
+	return /* @__PURE__ */ F("section", {
+		className: `markdown-editor markdown-editor--${b} ${re}`,
+		style: Me,
+		"data-mode": E,
+		children: [
+			/* @__PURE__ */ P(Fe, {
+				mode: E,
+				readOnly: v,
+				onCommand: (e) => z(O.current, e),
+				onModeChange: K,
+				onDownload: Oe
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "md-workspace",
+				children: E === "split" ? /* @__PURE__ */ F(he, {
+					orientation: "horizontal",
+					className: "md-panel-group",
+					children: [
+						/* @__PURE__ */ P(ge, {
+							id: "editor",
+							className: "md-editor-panel",
+							defaultSize: "50%",
+							minSize: "28%",
+							children: ke
+						}),
+						/* @__PURE__ */ P(_e, { className: "md-resize-handle" }),
+						/* @__PURE__ */ P(ge, {
+							id: "preview",
+							className: "md-preview-panel",
+							defaultSize: "50%",
+							minSize: "28%",
+							children: Ae
+						})
+					]
+				}) : E === "edit" ? ke : Ae
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "md-mini-tools",
+				style: { transform: `translate(${L.x}px, ${L.y}px)` },
+				children: [
+					xe && /* @__PURE__ */ F("nav", {
+						className: "md-popover md-toc",
+						"aria-label": "文档目录",
+						children: [/* @__PURE__ */ F("div", {
+							className: "md-popover__title",
+							children: [/* @__PURE__ */ P("span", { children: "文档目录" }), /* @__PURE__ */ P("button", {
+								type: "button",
+								"aria-label": "关闭目录",
+								onClick: () => j(!1),
+								children: /* @__PURE__ */ P(D, { size: 14 })
+							})]
+						}), X.length ? X.map((e) => /* @__PURE__ */ P("button", {
+							type: "button",
+							style: { paddingLeft: `${12 + (e.depth - 1) * 12}px` },
+							onClick: () => {
+								De(e.line), j(!1);
+							},
+							children: e.text
+						}, `${e.slug}-${e.line}`)) : /* @__PURE__ */ P("p", { children: "添加标题后会在这里生成目录。" })]
+					}),
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						className: "md-mini-tools__drag",
+						"aria-label": "拖动迷你工具条",
+						title: "拖动工具条",
+						onPointerDown: $,
+						onPointerMove: je,
+						children: /* @__PURE__ */ P(oe, { size: 13 })
+					}),
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						"aria-label": "打开目录",
+						title: "文档目录",
+						onClick: () => j((e) => !e),
+						children: /* @__PURE__ */ P(de, { size: 14 })
+					}),
+					/* @__PURE__ */ F("span", {
+						className: "md-word-count",
+						title: `${Z.characters} 个字符`,
+						children: [Z.words, " 字"]
+					}),
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						"aria-label": "预览文档",
+						title: "切换预览",
+						onClick: () => K(E === "preview" ? "split" : "preview"),
+						children: /* @__PURE__ */ P(ie, { size: 14 })
+					}),
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						"aria-label": "复制 HTML",
+						title: N ? "已复制" : "复制 HTML",
+						onClick: () => void Q(),
+						children: /* @__PURE__ */ P(ne, { size: 14 })
+					}),
+					/* @__PURE__ */ P("button", {
+						type: "button",
+						"aria-label": "语法帮助",
+						title: "语法帮助（Ctrl/Cmd+/）",
+						onClick: () => M(!0),
+						children: /* @__PURE__ */ P(te, { size: 14 })
+					})
+				]
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "md-status",
+				"aria-live": "polite",
+				children: ce?.(Z) ?? /* @__PURE__ */ F(Ce, { children: [
+					/* @__PURE__ */ F("span", { children: [
+						"Ln ",
+						Z.line,
+						", Col ",
+						Z.column
+					] }),
+					/* @__PURE__ */ F("span", { children: [Z.characters, " 字符"] }),
+					N && /* @__PURE__ */ P("span", { children: "HTML 已复制" })
+				] })
+			}),
+			Se && /* @__PURE__ */ P("div", {
+				className: "md-dialog-backdrop",
+				role: "presentation",
+				onMouseDown: () => M(!1),
+				children: /* @__PURE__ */ F("section", {
+					className: "md-help-dialog",
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": "md-help-title",
+					onMouseDown: (e) => e.stopPropagation(),
+					children: [/* @__PURE__ */ F("header", { children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("span", {
+						className: "md-help-dialog__eyebrow",
+						children: "QUICK REFERENCE"
+					}), /* @__PURE__ */ P("h2", {
+						id: "md-help-title",
+						children: "Markdown 语法帮助"
+					})] }), /* @__PURE__ */ P("button", {
+						type: "button",
+						"aria-label": "关闭帮助",
+						onClick: () => M(!1),
+						children: /* @__PURE__ */ P(D, { size: 18 })
+					})] }), /* @__PURE__ */ F("div", {
+						className: "md-help-grid",
+						children: [/* @__PURE__ */ F("dl", { children: [
+							/* @__PURE__ */ P("dt", { children: "标题" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "# 一级标题" }) }),
+							/* @__PURE__ */ P("dt", { children: "强调" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "**加粗** · *斜体*" }) }),
+							/* @__PURE__ */ P("dt", { children: "链接" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "[文字](https://)" }) }),
+							/* @__PURE__ */ P("dt", { children: "图片" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "![说明](图片地址)" }) }),
+							/* @__PURE__ */ P("dt", { children: "引用" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "> 引用内容" }) }),
+							/* @__PURE__ */ P("dt", { children: "分隔线" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "---" }) })
+						] }), /* @__PURE__ */ F("dl", { children: [
+							/* @__PURE__ */ P("dt", { children: "任务" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "- [ ] 待办事项" }) }),
+							/* @__PURE__ */ P("dt", { children: "公式" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "$E = mc^2$" }) }),
+							/* @__PURE__ */ P("dt", { children: "图表" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "```mermaid ```flow ```sequence" }) }),
+							/* @__PURE__ */ P("dt", { children: "目录" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "[TOC]" }) }),
+							/* @__PURE__ */ P("dt", { children: "脚注" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "正文[^1] 与 [^1]: 注释" }) }),
+							/* @__PURE__ */ P("dt", { children: "笔记本" }),
+							/* @__PURE__ */ P("dd", { children: /* @__PURE__ */ P("code", { children: "@(笔记本)[标签A|标签B]" }) })
+						] })]
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { Ke as MarkdownEditor, Ne as MarkdownPreview, z as runEditorCommand, R as transformSelection };
+
+//# sourceMappingURL=index.js.map