@xiangfa/mindmap 0.3.0

package/dist/esm/plugins/index.js

@@ -0,0 +1,19 @@
+import { latexPlugin as e } from "./latex.js";
+import { frontMatterPlugin as t } from "./front-matter.js";
+import { dottedLinePlugin as n } from "./dotted-line.js";
+import { foldingPlugin as r } from "./folding.js";
+import { multiLinePlugin as i } from "./multi-line.js";
+import { tagsPlugin as a } from "./tags.js";
+import { crossLinkPlugin as o } from "./cross-link.js";
+//#region src/components/MindMap/plugins/index.ts
+var s = [
+	t,
+	n,
+	r,
+	i,
+	a,
+	o,
+	e
+];
+//#endregion
+export { s as allPlugins };

package/dist/esm/plugins/latex.js

@@ -0,0 +1,132 @@
+import { computeTokenLayouts as e, parseInlineMarkdown as t } from "../utils/inline-markdown.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/MindMap/plugins/latex.tsx
+var r = "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace", i = null, a = !1, o = null, s = [];
+function c() {
+	return o || (o = import("katex").then((e) => {
+		i = e.default || e, a = !0, d();
+		for (let e of s) e();
+		s = [];
+	}).catch(() => {
+		a = !0;
+	}), o);
+}
+function l() {
+	return i;
+}
+function u(e) {
+	a ? e() : s.push(e);
+}
+c();
+function d() {
+	if (!(typeof document > "u") && !document.getElementById("katex-style")) {
+		let e = document.createElement("link");
+		e.id = "katex-style", e.rel = "stylesheet", e.href = "https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css", document.head.appendChild(e);
+	}
+}
+function f(e, t) {
+	let n = l();
+	if (!n) return null;
+	try {
+		return n.renderToString(e, {
+			throwOnError: !1,
+			displayMode: t
+		});
+	} catch {
+		return null;
+	}
+}
+function p(e, t) {
+	let n = l();
+	if (!n) return null;
+	try {
+		return n.renderToString(e, {
+			throwOnError: !1,
+			displayMode: t,
+			output: "mathml"
+		});
+	} catch {
+		return null;
+	}
+}
+var m = {
+	name: "latex",
+	inlineTokenPattern() {
+		return {
+			pattern: "\\$\\$(.+?)\\$\\$|\\$([^$]+?)\\$",
+			priority: 3
+		};
+	},
+	createInlineToken(e, t) {
+		let n = e[t + 1], r = e[t + 2];
+		return n === void 0 ? r === void 0 ? null : {
+			type: "latex-inline",
+			content: r
+		} : {
+			type: "latex-block",
+			content: n
+		};
+	},
+	renderInlineToken(e, t) {
+		let { token: i } = e;
+		return i.type !== "latex-inline" && i.type !== "latex-block" ? null : l() ? /* @__PURE__ */ n("tspan", {
+			opacity: 0,
+			children: i.content
+		}, t) : /* @__PURE__ */ n("tspan", {
+			fontFamily: r,
+			fontStyle: "italic",
+			fontSize: "0.9em",
+			children: i.content
+		}, t);
+	},
+	exportInlineToken(e, t) {
+		let { token: n } = e;
+		if (n.type !== "latex-inline" && n.type !== "latex-block") return "";
+		let i = n.content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+		return t ? `<tspan font-family="${r}" font-style="italic" font-size="0.9em">${i}</tspan>` : l() ? `<tspan opacity="0">${i}</tspan>` : `<tspan font-family="${r}" font-style="italic" font-size="0.9em">${i}</tspan>`;
+	},
+	exportNodeDecoration(n, r, i, a) {
+		if (a || !l()) return "";
+		let o = [], s = (r, a, s, c, l, u) => {
+			let d = e(t(r, i), a, s, c), f = d.length > 0 ? d[d.length - 1].x + d[d.length - 1].width : 0, m = a * .85, h = n.taskStatus ? 4 : 0, g = n.taskStatus ? m + h : 0, _ = a * .7, v = n.remark ? 4 : 0, y = n.remark ? _ + v : 0, b = -(g + f + y) / 2 + g;
+			for (let e of d) {
+				let { token: t } = e;
+				if (t.type !== "latex-inline" && t.type !== "latex-block") continue;
+				let n = p(t.content, t.type === "latex-block");
+				if (!n) continue;
+				let r = n.match(/<math[\s\S]*<\/math>/);
+				if (!r) continue;
+				let i = b + e.x + e.width / 2, s = Math.max(e.width * 2.5, 120), c = a * 2;
+				o.push(`<foreignObject x="${i - s / 2}" y="${u - c / 2}" width="${s}" height="${c}" style="overflow:visible"><div xmlns="http://www.w3.org/1999/xhtml" style="font-size:${a * .75}px;line-height:${c}px;color:${l};white-space:nowrap;text-align:center">` + r[0] + "</div></foreignObject>");
+			}
+		}, c = (n, r, a, s, c, l) => {
+			let u = e(t(n, i), r, a, s), d = -(u.length > 0 ? u[u.length - 1].x + u[u.length - 1].width : 0) / 2;
+			for (let e of u) {
+				let { token: t } = e;
+				if (t.type !== "latex-inline" && t.type !== "latex-block") continue;
+				let n = p(t.content, t.type === "latex-block");
+				if (!n) continue;
+				let i = n.match(/<math[\s\S]*<\/math>/);
+				if (!i) continue;
+				let a = d + e.x + e.width / 2, s = Math.max(e.width * 2.5, 120), u = r * 2;
+				o.push(`<foreignObject x="${a - s / 2}" y="${l - u / 2}" width="${s}" height="${u}" style="overflow:visible"><div xmlns="http://www.w3.org/1999/xhtml" style="font-size:${r * .75}px;line-height:${u}px;color:${c};white-space:nowrap;text-align:center;opacity:0.8">` + i[0] + "</div></foreignObject>");
+			}
+		}, u = n.depth === 0 ? r.root.fontSize : n.depth === 1 ? r.level1.fontSize : r.node.fontSize, d = n.depth === 0 ? r.root.fontWeight : n.depth === 1 ? r.level1.fontWeight : r.node.fontWeight, f = n.depth === 0 ? r.root.fontFamily : r.node.fontFamily, m = n.depth === 0 ? r.root.textColor : r.node.textColor;
+		if (s(n.text, u, d, f, m, 0), n.multiLineContent && n.multiLineContent.length > 0) {
+			let e = u * .85, t = u * 1.4, r = u / 2 + 8;
+			for (let i = 0; i < n.multiLineContent.length; i++) {
+				let a = r + i * t;
+				c(n.multiLineContent[i], e, 400, f, m, a);
+			}
+		}
+		return o.join("");
+	},
+	adjustNodeSize(e, t, n) {
+		return {
+			width: t,
+			height: n
+		};
+	}
+};
+//#endregion
+export { l as getKatexSync, m as latexPlugin, d as loadKatexStyle, u as onKatexReady, f as renderLatexToHtml };

package/dist/esm/plugins/multi-line.js

@@ -0,0 +1,39 @@
+import { buildSvgTextLineString as e } from "../utils/inline-markdown.js";
+//#region src/components/MindMap/plugins/multi-line.ts
+var t = {
+	name: "multi-line",
+	collectFollowLines(e, t, n) {
+		let r = 0, i = [], a = t;
+		for (; a < e.length;) {
+			let t = e[a].match(/^(\s*)\|\s?(.*)$/);
+			if (t) i.push(t[2]), r++, a++;
+			else break;
+		}
+		return i.length > 0 && (n.multiLineContent = i), r;
+	},
+	serializeFollowLines(e, t) {
+		return !e.multiLineContent || e.multiLineContent.length === 0 ? [] : e.multiLineContent.map((e) => `| ${e}`);
+	},
+	adjustNodeSize(e, t, n, r) {
+		if (!e.multiLineContent || e.multiLineContent.length === 0) return {
+			width: t,
+			height: n
+		};
+		let i = r * 1.4;
+		return {
+			width: t,
+			height: n + e.multiLineContent.length * i
+		};
+	},
+	exportNodeDecoration(t, n, r) {
+		if (!t.multiLineContent || t.multiLineContent.length === 0) return "";
+		let i = t.depth === 0 ? n.root.fontSize : t.depth === 1 ? n.level1.fontSize : n.node.fontSize, a = t.depth === 0 ? n.root.fontFamily : n.node.fontFamily, o = t.depth === 0 ? n.root.textColor : n.node.textColor, s = i * .85, c = i * 1.4, l = i / 2 + 8, u = [];
+		for (let i = 0; i < t.multiLineContent.length; i++) {
+			let d = l + i * c;
+			u.push(e(t.multiLineContent[i], s, 400, a, o, d, r, n.highlight.textColor, n.highlight.bgColor, .8));
+		}
+		return u.join("");
+	}
+};
+//#endregion
+export { t as multiLinePlugin };

package/dist/esm/plugins/runner.js

@@ -0,0 +1,128 @@
+//#region src/components/MindMap/plugins/runner.ts
+function e(e, t, n) {
+	for (let r of e) r.preParseMarkdown && (t = r.preParseMarkdown(t, n));
+	return t;
+}
+function t(e, t, n, r) {
+	for (let i of e) if (i.parseLine) {
+		let e = i.parseLine(t, n, r);
+		if (e) return e;
+	}
+	return null;
+}
+function n(e, t, n, r, i) {
+	let a = 0;
+	for (let o of e) if (o.collectFollowLines) {
+		let e = o.collectFollowLines(t, n + a, r, i);
+		a += e;
+	}
+	return a;
+}
+function r(e, t, n, r) {
+	for (let i of e) i.transformNodeData && (t = i.transformNodeData(t, n, r));
+	return t;
+}
+function i(e, t, n) {
+	for (let r of e) r.postParseTree && (t = r.postParseTree(t, n));
+	return t;
+}
+function a(e, t) {
+	let n = "";
+	for (let r of e) if (r.serializePreamble) {
+		let e = r.serializePreamble(t);
+		e && (n += e);
+	}
+	return n;
+}
+function o(e, t, n) {
+	let r = n;
+	for (let n of e) if (n.serializeListMarker) {
+		let e = n.serializeListMarker(t, r);
+		if (e !== r) {
+			r = e;
+			break;
+		}
+	}
+	return r;
+}
+function s(e, t, n) {
+	for (let r of e) r.serializeNodeText && (n = r.serializeNodeText(t, n));
+	return n;
+}
+function c(e, t, n) {
+	let r = [];
+	for (let i of e) if (i.serializeFollowLines) {
+		let e = i.serializeFollowLines(t, n);
+		e && r.push(...e);
+	}
+	return r;
+}
+function l(e, t, n, r, i) {
+	for (let a of e) if (a.adjustNodeSize) {
+		let e = a.adjustNodeSize(t, n, r, i);
+		n = e.width, r = e.height;
+	}
+	return {
+		width: n,
+		height: r
+	};
+}
+function u(e, t, n, r) {
+	for (let i of e) i.filterChildren && (n = i.filterChildren(t, n, r));
+	return n;
+}
+function d(e, t, n, r) {
+	for (let i of e) i.transformEdge && (t = i.transformEdge(t, n, r));
+	return t;
+}
+function f(e, t, n, r) {
+	let i = [];
+	for (let a of e) a.generateExtraEdges && i.push(...a.generateExtraEdges(t, n, r));
+	return i;
+}
+function p(e, t, n, r) {
+	let i = {};
+	for (let a of e) if (a.transformNodeColor) {
+		let e = a.transformNodeColor(t, n, r);
+		i = {
+			...i,
+			...e
+		};
+	}
+	return i;
+}
+function m(e, t, n) {
+	let r = [];
+	for (let i of e) if (i.renderNodeDecoration) {
+		let e = i.renderNodeDecoration(t, n);
+		e && r.push(e);
+	}
+	return r;
+}
+function h(e, t, n) {
+	for (let r of e) if (r.renderInlineToken) {
+		let e = r.renderInlineToken(t, n);
+		if (e) return e;
+	}
+	return null;
+}
+function g(e, t, n, r) {
+	let i = [];
+	for (let a of e) if (a.renderOverlay) {
+		let e = a.renderOverlay(t, n, r);
+		e && i.push(e);
+	}
+	return i;
+}
+function _(e, t, n, r, i) {
+	let a = "";
+	for (let o of e) o.exportNodeDecoration && (a += o.exportNodeDecoration(t, n, r, i));
+	return a;
+}
+function v(e, t, n, r) {
+	let i = "";
+	for (let a of e) a.exportOverlay && (i += a.exportOverlay(t, n, r));
+	return i;
+}
+//#endregion
+export { l as runAdjustNodeSize, n as runCollectFollowLines, _ as runExportNodeDecoration, v as runExportOverlay, u as runFilterChildren, f as runGenerateExtraEdges, t as runParseLine, i as runPostParseTree, e as runPreParseMarkdown, h as runRenderInlineToken, m as runRenderNodeDecoration, g as runRenderOverlay, c as runSerializeFollowLines, o as runSerializeListMarker, s as runSerializeNodeText, a as runSerializePreamble, d as runTransformEdge, p as runTransformNodeColor, r as runTransformNodeData };

package/dist/esm/plugins/tags.js

@@ -0,0 +1,55 @@
+import { escapeXml as e } from "../utils/inline-markdown.js";
+//#region src/components/MindMap/plugins/tags.ts
+var t = /((?:\s+#[\w-]+)+)$/, n = [
+	"#3B82F6",
+	"#8B5CF6",
+	"#EC4899",
+	"#F59E0B",
+	"#10B981",
+	"#6366F1"
+], r = {
+	name: "tags",
+	transformNodeData(e, n) {
+		let r = e.text.match(t);
+		if (!r) return e;
+		let i = r[1], a = e.text.slice(0, e.text.length - i.length).trim(), o = [], s = /#([\w-]+)/g, c;
+		for (; (c = s.exec(i)) !== null;) o.push(c[1]);
+		return o.length > 0 ? {
+			...e,
+			text: a,
+			tags: o
+		} : e;
+	},
+	serializeNodeText(e, t) {
+		return !e.tags || e.tags.length === 0 ? t : t + " " + e.tags.map((e) => "#" + e).join(" ");
+	},
+	adjustNodeSize(e, t, n, r) {
+		if (!e.tags || e.tags.length === 0) return {
+			width: t,
+			height: n
+		};
+		let i = r * .65, a = 0;
+		for (let t of e.tags) a += t.length * i * .65 + 10 + 4;
+		return {
+			width: Math.max(t, a + 16),
+			height: n + (i + 10)
+		};
+	},
+	exportNodeDecoration(t, r) {
+		if (!t.tags || t.tags.length === 0) return "";
+		let i = t.depth === 0 ? r.root.fontSize : t.depth === 1 ? r.level1.fontSize : r.node.fontSize, a = t.depth === 0 ? r.root.fontFamily : r.node.fontFamily, o = i * .65, s = i * 1.4, c = t.multiLineContent ? t.multiLineContent.length * s : 0, l = i / 2 + 6 + c, u = o + 6, d = 0, f = [];
+		for (let e of t.tags) {
+			let t = e.length * o * .65 + 10;
+			f.push(t), d += t;
+		}
+		d += (t.tags.length - 1) * 4;
+		let p = -d / 2, m = [];
+		for (let r = 0; r < t.tags.length; r++) {
+			let i = t.tags[r], s = f[r], c = n[r % n.length];
+			m.push(`<rect x="${p}" y="${l}" width="${s}" height="${u}" rx="3" fill="${c}" opacity="0.15"/>`), m.push(`<text x="${p + s / 2}" y="${l + u / 2}" text-anchor="middle" dominant-baseline="central" font-size="${o}" fill="${c}" font-family="${a}">${e(i)}</text>`), p += s + 4;
+		}
+		return m.join("");
+	}
+};
+//#endregion
+export { r as tagsPlugin };

package/dist/esm/style.css

@@ -0,0 +1,2 @@
+.mindmap-container{width:100%;height:100%;position:relative;overflow:hidden}.mindmap-svg{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;display:block}.mindmap-svg:focus{outline:none}.mindmap-svg.dragging-canvas,.mindmap-svg.dragging-node{cursor:grabbing}.mindmap-node-animated{transition:transform .3s ease-out}.mindmap-edge-animated{transition:d .3s ease-out}@keyframes mindmap-node-appear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.mindmap-node-new{animation:.3s ease-out mindmap-node-appear}@keyframes mindmap-expand-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.mindmap-node-expanding{animation:.3s ease-out both mindmap-expand-appear}@keyframes mindmap-edge-draw{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}.mindmap-edge-expanding{stroke-dasharray:300;animation:.3s ease-out both mindmap-edge-draw}.mindmap-edit-input{text-align:center;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0}.mindmap-edit-root{color:#fff;background:0 0}.mindmap-edit-child{color:inherit;background:0 0;border-radius:4px}.mindmap-zoom-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 2px 8px #0000001a}.mindmap-ctrl-btn{cursor:pointer;width:32px;height:32px;color:inherit;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mindmap-ctrl-btn:hover{background:#80808033}.mindmap-ctrl-pct{cursor:pointer;min-width:48px;height:32px;color:inherit;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:flex}.mindmap-ctrl-pct:hover{background:#80808033}.mindmap-extra-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 8px #0000001a}.mindmap-text-editor{resize:none;box-sizing:border-box;z-index:10;border:none;outline:none;width:100%;height:100%;padding:24px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:15px;line-height:1.7;position:absolute;inset:0}.mindmap-add-btn{opacity:0;cursor:pointer;transition:opacity .2s}.mindmap-node-g:hover .mindmap-add-btn{opacity:1}.mindmap-context-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;border:1px solid;border-radius:8px;min-width:150px;padding:4px 0;font-family:system-ui,-apple-system,sans-serif;position:absolute}.mindmap-ctx-item{cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;display:flex;position:relative}.mindmap-ctx-item:hover{filter:brightness(.92);background:#8080801a}.mindmap-ctx-arrow{opacity:.5;margin-left:12px;font-size:8px}.mindmap-ctx-divider{opacity:.3;border-top:1px solid;height:0;margin:4px 8px}.mindmap-ctx-submenu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid;border-radius:8px;min-width:140px;padding:4px 0;position:absolute;top:-4px;left:100%}.mindmap-ctx-has-sub{position:relative}.mindmap-dialog-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0003;justify-content:center;align-items:center;font-family:system-ui,-apple-system,sans-serif;animation:.15s ease-out mindmap-fade-in;display:flex;position:absolute;inset:0}@keyframes mindmap-fade-in{0%{opacity:0}to{opacity:1}}.mindmap-dialog-modal{border:1px solid;border-radius:12px;width:calc(100% - 32px);max-width:480px;max-height:80%;padding:24px;animation:.2s ease-out mindmap-dialog-enter;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}@keyframes mindmap-dialog-enter{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.mindmap-dialog-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mindmap-dialog-title{margin:0;font-size:16px;font-weight:600}.mindmap-dialog-close{cursor:pointer;width:28px;height:28px;color:inherit;opacity:.5;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:flex}.mindmap-dialog-close:hover{opacity:1;background:#80808033}@media (width<=500px){.mindmap-dialog-modal{max-height:90%;padding:16px}}@media (width<=768px){.mindmap-ctrl-btn{width:28px;height:28px}.mindmap-ctrl-btn svg{width:14px;height:14px}.mindmap-ctrl-pct{min-width:40px;height:28px;font-size:12px}.mindmap-zoom-controls,.mindmap-extra-controls{gap:1px;padding:3px;bottom:12px}.mindmap-zoom-controls{left:12px}.mindmap-extra-controls{right:12px}}.mindmap-node-content{white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:4px;line-height:1;display:flex;overflow:hidden}.mindmap-node-root-content{line-height:1}.mindmap-node-content strong{font-weight:700}.mindmap-node-content em{font-style:italic}.mindmap-node-content del{opacity:.6;text-decoration:line-through}.mindmap-node-content .mindmap-inline-code{background:#8080801f;border-radius:3px;padding:1px 4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em}.mindmap-node-content .mindmap-highlight{color:#fac800;background:#fcd34d33;border-radius:2px;padding:1px 2px}.mindmap-node-content .mindmap-link{color:#2563eb;cursor:pointer;text-decoration:none}.mindmap-node-content .mindmap-link:hover{text-decoration:underline}.mindmap-node-content .mindmap-inline-image{vertical-align:middle;border-radius:2px;max-width:80px;max-height:1.2em}.mindmap-node-root-content .mindmap-inline-code{background:#ffffff26}.mindmap-node-root-content .mindmap-highlight{color:#fcd34d;background:#fbbf2433}.mindmap-node-root-content .mindmap-link{color:#93c5fd}.mindmap-task-icon{vertical-align:middle;flex-shrink:0}.mindmap-remark-indicator{opacity:.5;cursor:help;flex-shrink:0;font-size:.7em;line-height:1;transition:opacity .15s}.mindmap-remark-indicator:hover{opacity:1}.mindmap-remark-tooltip{white-space:pre-wrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;pointer-events:none;border-radius:8px;max-width:280px;padding:8px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5;animation:.15s ease-out mindmap-fade-in;position:absolute;box-shadow:0 4px 16px #00000026}
+/*$vite$:1*/

package/dist/esm/utils/export.js

@@ -0,0 +1,50 @@
+import { THEME as e } from "./theme.js";
+import { buildSvgNodeTextString as t } from "./inline-markdown.js";
+import { runExportNodeDecoration as n, runExportOverlay as r } from "../plugins/runner.js";
+//#region src/components/MindMap/utils/export.ts
+function i(i, a, o = {}, s = e, c) {
+	let { padding: l = 40, background: u = s.canvas.bgColor, pngSafe: d = !1 } = o, f = Infinity, p = -Infinity, m = Infinity, h = -Infinity;
+	for (let e of i) f = Math.min(f, e.x - e.width / 2), p = Math.max(p, e.x + e.width / 2), m = Math.min(m, e.y - e.height / 2), h = Math.max(h, e.y + e.height / 2);
+	let g = p - f + l * 2, _ = h - m + l * 2, v = -f + l, y = -m + l, b = [];
+	b.push(`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="${g}" height="${_}" viewBox="0 0 ${g} ${_}">`), a.some((e) => e.isCrossLink) && (b.push("<defs>"), b.push("<marker id=\"arrowhead\" markerWidth=\"8\" markerHeight=\"6\" refX=\"8\" refY=\"3\" orient=\"auto\">"), b.push("<path d=\"M0,0 L8,3 L0,6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"/>"), b.push("</marker>"), b.push("</defs>")), b.push(`<rect width="100%" height="100%" fill="${u}"/>`), b.push(`<g transform="translate(${v}, ${y})">`);
+	for (let e of a) {
+		let t = `d="${e.path}" stroke="${e.color}" stroke-width="${s.connection.strokeWidth}" stroke-linecap="round" fill="none"`;
+		if (e.strokeDasharray && (t += ` stroke-dasharray="${e.strokeDasharray}"`), e.isCrossLink && (t += " marker-end=\"url(#arrowhead)\" opacity=\"0.7\""), b.push(`<path ${t}/>`), e.label) {
+			let t = i.find((t) => t.id === e.fromId), n = i.find((t) => t.id === e.toId);
+			if (t && n) {
+				let r = (t.x + n.x) / 2, i = (t.y + n.y) / 2;
+				b.push(`<text x="${r}" y="${i - 6}" text-anchor="middle" font-size="11" fill="${e.color}" opacity="0.8" font-family="${s.node.fontFamily}">${e.label}</text>`);
+			}
+		}
+	}
+	for (let e of i) {
+		let r = e.x, i = e.y;
+		if (e.depth === 0) {
+			let { fontSize: a, fontWeight: o, fontFamily: l, textColor: u } = s.root, f = s.root.bgColor;
+			b.push(`<g transform="translate(${r}, ${i})">`), b.push(`<rect x="${-e.width / 2}" y="${-e.height / 2}" width="${e.width}" height="${e.height}" rx="${e.height / 2}" ry="${e.height / 2}" fill="${f}"/>`), b.push(t(e.text, a, o, l, u, e.taskStatus, e.remark, c, s.highlight.textColor, s.highlight.bgColor, d)), c && c.length > 0 && b.push(n(c, e, s, c, d)), b.push("</g>");
+		} else {
+			let a = e.depth === 1 ? s.level1.fontSize : s.node.fontSize, o = e.depth === 1 ? s.level1.fontWeight : s.node.fontWeight, l = e.width - s.node.paddingH * 2, u = a / 2 + 4;
+			b.push(`<g transform="translate(${r}, ${i})">`), b.push(t(e.text, a, o, s.node.fontFamily, s.node.textColor, e.taskStatus, e.remark, c, s.highlight.textColor, s.highlight.bgColor, d)), b.push(`<line x1="${-l / 2}" y1="${u}" x2="${l / 2}" y2="${u}" stroke="${e.color}" stroke-width="2.5" stroke-linecap="round"/>`), c && c.length > 0 && b.push(n(c, e, s, c, d)), b.push("</g>");
+		}
+	}
+	return c && c.length > 0 && b.push(r(c, i, a, s)), b.push("</g>"), b.push("</svg>"), b.join("\n");
+}
+var a = i;
+function o(e, t = {}) {
+	let n = typeof window < "u" ? Math.max(window.devicePixelRatio ?? 1, 2) : 2, { scale: r = n } = t;
+	return new Promise((t, n) => {
+		let i = new DOMParser().parseFromString(e, "image/svg+xml").documentElement, a = parseFloat(i.getAttribute("width") || "800"), o = parseFloat(i.getAttribute("height") || "600"), s = new Blob([e], { type: "image/svg+xml;charset=utf-8" }), c = URL.createObjectURL(s), l = new Image();
+		l.onload = () => {
+			let e = document.createElement("canvas");
+			e.width = a * r, e.height = o * r;
+			let i = e.getContext("2d");
+			i.scale(r, r), i.drawImage(l, 0, 0, a, o), URL.revokeObjectURL(c), e.toBlob((e) => {
+				e ? t(e) : n(/* @__PURE__ */ Error("Failed to create PNG blob"));
+			}, "image/png");
+		}, l.onerror = () => {
+			URL.revokeObjectURL(c), n(/* @__PURE__ */ Error("Failed to load SVG image"));
+		}, l.src = c;
+	});
+}
+//#endregion
+export { i as buildExportSVG, a as buildExportSVGForPNG, o as exportToPNG };

package/dist/esm/utils/i18n.js

@@ -0,0 +1,61 @@
+//#region src/components/MindMap/utils/i18n.ts
+var e = {
+	newNode: "新节点",
+	zoomIn: "放大",
+	zoomOut: "缩小",
+	resetView: "重置视图",
+	layoutLeft: "向左排版",
+	layoutBoth: "左右排版",
+	layoutRight: "向右排版",
+	textMode: "文本模式",
+	viewMode: "视图模式",
+	fullscreen: "全屏",
+	exitFullscreen: "退出全屏",
+	newRootNode: "新建主节点",
+	export: "导出",
+	exportSVG: "导出为 SVG",
+	exportPNG: "导出为 PNG",
+	exportMarkdown: "导出为 Markdown",
+	layout: "布局",
+	close: "关闭"
+}, t = {
+	newNode: "New Node",
+	zoomIn: "Zoom In",
+	zoomOut: "Zoom Out",
+	resetView: "Reset View",
+	layoutLeft: "Left Layout",
+	layoutBoth: "Both Layout",
+	layoutRight: "Right Layout",
+	textMode: "Text Mode",
+	viewMode: "View Mode",
+	fullscreen: "Fullscreen",
+	exitFullscreen: "Exit Fullscreen",
+	newRootNode: "New Root Node",
+	export: "Export",
+	exportSVG: "Export as SVG",
+	exportPNG: "Export as PNG",
+	exportMarkdown: "Export as Markdown",
+	layout: "Layout",
+	close: "Close"
+}, n = {
+	"zh-CN": e,
+	"en-US": t
+};
+function r() {
+	if (typeof navigator > "u") return "en-US";
+	let e = navigator.language || "";
+	if (n[e]) return e;
+	if (e.startsWith("zh")) return "zh-CN";
+	let t = e.split("-")[0];
+	for (let e of Object.keys(n)) if (e.startsWith(t)) return e;
+	return "en-US";
+}
+function i(t = "zh-CN", r) {
+	let i = n[t] ?? e;
+	return r ? {
+		...i,
+		...r
+	} : i;
+}
+//#endregion
+export { r as detectLocale, i as resolveMessages };