@xiangfa/mindmap 0.3.0 → 0.5.0

package/dist/esm/MindMap2.js

@@ -1,7 +1,8 @@
-import { runRenderOverlay as e } from "./plugins/runner.js";
-import { computeEdgePath as t, layoutMultiRoot as n } from "./utils/layout.js";
-import { buildExportSVG as r, buildExportSVGForPNG as i, exportToPNG as a } from "./utils/export.js";
-import { parseMarkdownMultiRoot as o, parseMarkdownWithFrontMatter as s, toMarkdownMultiRoot as c } from "./utils/markdown.js";
+import { generateCSSVariables as e } from "./utils/theme.js";
+import { runRenderOverlay as t } from "./plugins/runner.js";
+import { computeEdgePath as n, layoutMultiRoot as r } from "./utils/layout.js";
+import { buildExportSVG as i, buildExportSVGForPNG as a, exportToPNG as o } from "./utils/export.js";
+import { parseMarkdownMultiRoot as s, parseMarkdownWithFrontMatter as c, toMarkdownMultiRoot as l } from "./utils/markdown.js";
 import { detectLocale as ee, resolveMessages as te } from "./utils/i18n.js";
 import { addChildMulti as ne, addChildToSide as re, findSubtreeMulti as ie, generateId as ae, normalizeData as oe, regenerateIds as se, removeNodeMulti as ce } from "./utils/tree-ops.js";
 import { useTheme as le } from "./hooks/useTheme.js";
@@ -12,19 +13,20 @@ import { useNewNodeAnimation as pe } from "./hooks/useNewNodeAnimation.js";
 import { MindMapNode as me } from "./components/MindMapNode.js";
 import { MindMapControls as he } from "./components/MindMapControls.js";
 import { MindMapContextMenu as ge } from "./components/MindMapContextMenu.js";
+import { MindMapAIInput as _e } from "./components/MindMapAIInput.js";
 /* empty css        */
-import { forwardRef as l, useCallback as u, useEffect as d, useImperativeHandle as _e, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as ve, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as u, useCallback as d, useEffect as f, useImperativeHandle as ve, useMemo as p, useRef as m, useState as h } from "react";
+import { Fragment as ye, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/MindMap/MindMap.tsx
-function ye(e, t) {
+function be(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n);
 }
-var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme: xe = "auto", locale: Se, messages: Ce, readonly: v = !1, toolbar: y = !0, onDataChange: we, onEvent: Te, plugins: Ee }, De) {
-	let Oe = p(null), b = p(null), x = Ee && Ee.length > 0 ? Ee : void 0, ke = f(() => {
-		if (l || _ === void 0) return null;
-		if (x) {
-			let e = s(_, x), t = e.frontMatter.direction, n = e.frontMatter.theme;
+var v = u(function({ data: u, markdown: v, defaultDirection: xe = "both", theme: Se = "auto", locale: Ce, messages: we, readonly: y = !1, toolbar: b = !0, ai: Te, onDataChange: Ee, onEvent: De, plugins: Oe }, ke) {
+	let Ae = m(null), x = m(null), S = Oe && Oe.length > 0 ? Oe : void 0, C = p(() => {
+		if (u || v === void 0) return null;
+		if (S) {
+			let e = c(v, S), t = e.frontMatter.direction, n = e.frontMatter.theme;
 			return {
 				roots: e.roots,
 				direction: t === "left" || t === "right" || t === "both" ? t : void 0,
@@ -32,165 +34,165 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 			};
 		}
 		return {
-			roots: o(_),
+			roots: s(v),
 			direction: void 0,
 			theme: void 0
 		};
-	}, []), [S, C] = m(() => l ? oe(l) : ke ? ke.roots : [{
+	}, []), [w, T] = h(() => u ? oe(u) : C ? C.roots : [{
 		id: "md-0",
 		text: "Root"
-	}]), [w, Ae] = m(() => ke?.direction ?? be), [T, E] = m({}), [D, O] = m(null), [k, je] = m(null), [Me, Ne] = m({}), Pe = p(null), [Fe, Ie] = m("view"), [Le, Re] = m(!1), [ze, A] = m(""), [Be, Ve] = m(null), [He, Ue] = m({}), [We, Ge] = m(null), [Ke, qe] = m(() => ke?.theme);
-	d(() => {
-		l && C(oe(l));
-	}, [l]), d(() => {
-		if (_ !== void 0) if (x) {
-			let { roots: e, frontMatter: t } = s(_, x);
-			if (C(e), t.direction) {
+	}]), [E, je] = h(() => C?.direction ?? xe), [D, O] = h({}), [k, A] = h(null), [j, Me] = h(null), [M, Ne] = h({}), Pe = m(null), [Fe, Ie] = h("view"), [Le, Re] = h(!1), [ze, N] = h(""), [Be, Ve] = h(null), [He, Ue] = h({}), [We, Ge] = h(null), [Ke, qe] = h(() => C?.theme);
+	f(() => {
+		u && T(oe(u));
+	}, [u]), f(() => {
+		if (v !== void 0) if (S) {
+			let { roots: e, frontMatter: t } = c(v, S);
+			if (T(e), t.direction) {
 				let e = t.direction;
-				(e === "left" || e === "right" || e === "both") && Ae(e);
+				(e === "left" || e === "right" || e === "both") && je(e);
 			}
 			if (t.theme) {
 				let e = t.theme;
 				(e === "light" || e === "dark" || e === "auto") && qe(e);
 			}
-		} else C(o(_));
-	}, [_, x]);
-	let j = u((e) => {
-		C((t) => {
+		} else T(s(v));
+	}, [v, S]);
+	let P = d((e) => {
+		T((t) => {
 			let n = e(t);
-			return we?.(n), n;
+			return Ee?.(n), n;
 		});
-	}, [we]), Je = p(Te);
-	Je.current = Te;
-	let M = u((e) => {
+	}, [Ee]), Je = m(De);
+	Je.current = De;
+	let F = d((e) => {
 		Je.current?.(e);
-	}, []), N = le(Ke ?? xe), P = f(() => te(Se ?? ee(), Ce), [Se, Ce]), Ye = f(() => y === !1 ? { zoom: !1 } : y === !0 || y === void 0 ? { zoom: !0 } : { zoom: y.zoom ?? !0 }, [y]), { nodes: F, edges: I } = f(() => n(S, w, Me, T, x, v, He), [
-		S,
+	}, []), I = le(Ke ?? Se), L = p(() => te(Ce ?? ee(), we), [Ce, we]), Ye = p(() => b === !1 ? { zoom: !1 } : b === !0 || b === void 0 ? { zoom: !0 } : { zoom: b.zoom ?? !0 }, [b]), { nodes: R, edges: z } = p(() => r(w, E, M, D, S, y, He), [
 		w,
-		Me,
-		T,
-		x,
-		v,
+		E,
+		M,
+		D,
+		S,
+		y,
 		He
 	]);
-	d(() => {
+	f(() => {
 		let e = {}, t = !1;
-		for (let n of F) n.depth === 1 && !Me[n.id] && (e[n.id] = n.color, t = !0);
+		for (let n of R) n.depth === 1 && !M[n.id] && (e[n.id] = n.color, t = !0);
 		t && Ne((t) => ({
 			...t,
 			...e
 		}));
-	}, [F, Me]);
-	let L = f(() => {
+	}, [R, M]);
+	let B = p(() => {
 		let e = {};
-		for (let t of F) e[t.id] = t;
+		for (let t of R) e[t.id] = t;
 		return e;
-	}, [F]), Xe = f(() => {
+	}, [R]), Xe = p(() => {
 		if (!We) return {};
 		let e = {}, t = [];
-		for (let e of F) e.parentId === We && t.push({
+		for (let e of R) e.parentId === We && t.push({
 			id: e.id,
 			depth: 1
 		});
 		for (; t.length > 0;) {
 			let { id: n, depth: r } = t.shift();
 			e[n] = r * 100;
-			for (let e of F) e.parentId === n && t.push({
+			for (let e of R) e.parentId === n && t.push({
 				id: e.id,
 				depth: r + 1
 			});
 		}
 		return e;
-	}, [We, F]), { pan: R, setPan: z, zoom: B, setZoom: V, animateTo: H, autoFit: Ze, zoomIn: Qe, zoomOut: $e, contentCenter: et, panToNode: tt } = ue(b, F), { draggingCanvas: nt, floatingNodeId: U, floatingPos: W, floatingSubtreeIds: G, didDragRef: K, handleCanvasMouseDown: rt, handleMouseMove: it, handleMouseUp: at, handleNodeMouseDown: ot } = de({
-		svgRef: b,
-		zoom: B,
-		pan: R,
-		setPan: z,
-		setZoom: V,
-		nodeMap: L,
-		nodes: F,
-		updateData: j,
-		direction: w,
-		splitIndices: T,
-		setSplitIndices: E,
-		mapData: S,
-		contentCenter: et
-	}), { editingId: st, editText: ct, setEditText: q, pendingEditId: J, setPendingEditId: Y, handleNodeDoubleClick: lt, commitEdit: ut, cancelEdit: dt } = fe({
-		nodeMap: L,
-		updateData: j,
+	}, [We, R]), { pan: V, setPan: H, zoom: U, setZoom: Ze, animateTo: Qe, autoFit: $e, zoomIn: et, zoomOut: tt, contentCenter: nt, panToNode: rt } = ue(x, R), { draggingCanvas: it, floatingNodeId: W, floatingPos: G, floatingSubtreeIds: K, didDragRef: at, handleCanvasMouseDown: ot, handleMouseMove: st, handleMouseUp: ct, handleNodeMouseDown: lt } = de({
+		svgRef: x,
+		zoom: U,
+		pan: V,
+		setPan: H,
+		setZoom: Ze,
+		nodeMap: B,
+		nodes: R,
+		updateData: P,
+		direction: E,
+		splitIndices: D,
+		setSplitIndices: O,
+		mapData: w,
+		contentCenter: nt
+	}), { editingId: ut, editText: dt, setEditText: q, pendingEditId: J, setPendingEditId: Y, handleNodeDoubleClick: ft, commitEdit: pt, cancelEdit: mt } = fe({
+		nodeMap: B,
+		updateData: P,
 		onTextChange: (e, t, n) => {
-			M({
+			F({
 				type: "nodeTextChange",
 				nodeId: e,
 				oldText: t,
 				newText: n
 			});
 		}
-	}), ft = pe(F), [X, pt] = m(!1);
-	d(() => {
-		if (U || J) return;
-		let e = Ze();
-		e ? X ? (V(e.zoom), z({
+	}), ht = pe(R), [X, gt] = h(!1);
+	f(() => {
+		if (W || J) return;
+		let e = $e();
+		e ? X ? (Ze(e.zoom), H({
 			x: e.panX,
 			y: e.panY
-		})) : (V(e.zoom * .92), z({
+		})) : (Ze(e.zoom * .92), H({
 			x: e.panX,
 			y: e.panY
 		}), requestAnimationFrame(() => {
-			pt(!0), H(e.zoom, e.panX, e.panY);
-		})) : X || requestAnimationFrame(() => pt(!0));
+			gt(!0), Qe(e.zoom, e.panX, e.panY);
+		})) : X || requestAnimationFrame(() => gt(!0));
 	}, [
-		F,
-		Ze,
-		U,
+		R,
+		$e,
+		W,
 		J,
-		V,
-		z,
+		Ze,
+		H,
 		X,
-		H
-	]), d(() => {
-		J && L[J] && tt(J);
+		Qe
+	]), f(() => {
+		J && B[J] && rt(J);
 	}, [
 		J,
-		L,
-		tt
+		B,
+		rt
 	]);
-	let mt = u((e) => {
-		je(null), rt(e);
-	}, [rt]), ht = u((e, t) => {
-		e.stopPropagation(), K.current || (O(t), M({
+	let _t = d((e) => {
+		Me(null), ot(e);
+	}, [ot]), vt = d((e, t) => {
+		e.stopPropagation(), at.current || (A(t), F({
 			type: "nodeSelect",
 			nodeId: t
 		}));
-	}, [K, M]), gt = u(() => {
-		K.current || (O(null), M({
+	}, [at, F]), yt = d(() => {
+		at.current || (A(null), F({
 			type: "nodeSelect",
 			nodeId: null
 		}));
-	}, [K, M]), _t = u((e) => {
+	}, [at, F]), bt = d((e) => {
 		e.preventDefault(), e.stopPropagation();
-		let t = Oe.current;
+		let t = Ae.current;
 		if (!t) return;
 		let n = t.getBoundingClientRect();
-		je({
+		Me({
 			x: e.clientX - n.left,
 			y: e.clientY - n.top
 		});
-	}, []), Z = u(() => {
-		je(null);
-	}, []), vt = u((e) => {
+	}, []), Z = d(() => {
+		Me(null);
+	}, []), xt = d((e) => {
 		if (!e) {
 			Ve(null);
 			return;
 		}
-		let t = L[e];
+		let t = B[e];
 		if (!t || !t.remark) {
 			Ve(null);
 			return;
 		}
-		let n = b.current;
+		let n = x.current;
 		if (!n) return;
-		let r = n.getBoundingClientRect(), i = (t.x + t.width / 2) * B + R.x, a = (t.y - t.height / 2) * B + R.y;
+		let r = n.getBoundingClientRect(), i = (t.x + t.width / 2) * U + V.x, a = (t.y - t.height / 2) * U + V.y;
 		Ve({
 			nodeId: e,
 			text: t.remark,
@@ -198,145 +200,145 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 			y: a - 8
 		});
 	}, [
-		L,
 		B,
-		R
-	]), yt = u((e, t, n) => {
-		if (e.stopPropagation(), v) return;
+		U,
+		V
+	]), St = d((e, t, n) => {
+		if (e.stopPropagation(), y) return;
 		let r = ae(), i = {
 			id: r,
-			text: P.newNode
+			text: L.newNode
 		};
-		S.some((e) => e.id === t) && n && w === "both" ? j((e) => e.map((e) => {
+		w.some((e) => e.id === t) && n && E === "both" ? P((e) => e.map((e) => {
 			if (e.id !== t) return e;
-			let r = e.children || [], a = T[t] ?? Math.ceil(r.length / 2), o = a, s = r.length - a, c = n;
+			let r = e.children || [], a = D[t] ?? Math.ceil(r.length / 2), o = a, s = r.length - a, c = n;
 			n === "right" && o >= 3 * Math.max(s, 1) ? c = "left" : n === "left" && s >= 3 * Math.max(o, 1) && (c = "right");
-			let ee = re(e, i, c, a);
-			return E((e) => ({
+			let l = re(e, i, c, a);
+			return O((e) => ({
 				...e,
-				[t]: ee.newSplitIndex
-			})), ee.data;
-		})) : j((e) => ne(e, t, i)), M({
+				[t]: l.newSplitIndex
+			})), l.data;
+		})) : P((e) => ne(e, t, i)), F({
 			type: "nodeAdd",
 			node: i,
 			parentId: t
 		}), Y(r), q("");
 	}, [
-		j,
-		S,
+		P,
 		w,
-		T,
+		E,
+		D,
 		Y,
 		q,
-		P,
-		v,
-		M
-	]), bt = u(() => {
-		if (v) return;
+		L,
+		y,
+		F
+	]), Ct = d(() => {
+		if (y) return;
 		let e = ae(), t = {
 			id: e,
-			text: P.newNode
+			text: L.newNode
 		};
-		j((e) => [...e, t]), M({
+		P((e) => [...e, t]), F({
 			type: "nodeAdd",
 			node: t,
 			parentId: null
 		}), Y(e), q(""), Z();
 	}, [
-		j,
+		P,
 		Z,
 		Y,
 		q,
-		P,
-		v,
-		M
-	]), xt = u(() => {
-		let e = r(F, I, {}, N, x);
-		ye(new Blob([e], { type: "image/svg+xml;charset=utf-8" }), "mindmap.svg"), Z();
+		L,
+		y,
+		F
+	]), wt = d(() => {
+		let e = i(R, z, {}, I, S);
+		be(new Blob([e], { type: "image/svg+xml;charset=utf-8" }), "mindmap.svg"), Z();
 	}, [
-		F,
+		R,
+		z,
 		I,
-		N,
 		Z,
-		x
-	]), St = u(async () => {
-		ye(await a(i(F, I, { pngSafe: !0 }, N, x)), "mindmap.png"), Z();
+		S
+	]), Tt = d(async () => {
+		be(await o(a(R, z, { pngSafe: !0 }, I, S)), "mindmap.png"), Z();
 	}, [
-		F,
+		R,
+		z,
 		I,
-		N,
 		Z,
-		x
-	]), Ct = u(() => {
-		let e = c(S, x);
-		ye(new Blob([e], { type: "text/markdown;charset=utf-8" }), "mindmap.md"), Z();
+		S
+	]), Et = d(() => {
+		let e = l(w, S);
+		be(new Blob([e], { type: "text/markdown;charset=utf-8" }), "mindmap.md"), Z();
 	}, [
-		S,
+		w,
 		Z,
-		x
-	]), Q = u(() => {
-		let e = Ze();
-		e && H(e.zoom, e.panX, e.panY);
-	}, [Ze, H]), $ = u((e) => {
-		Ae(e), E({}), M({
+		S
+	]), Q = d(() => {
+		let e = $e();
+		e && Qe(e.zoom, e.panX, e.panY);
+	}, [$e, Qe]), $ = d((e) => {
+		je(e), O({}), F({
 			type: "directionChange",
 			direction: e
 		});
-	}, [M]), wt = u(() => {
+	}, [F]), Dt = d(() => {
 		Ie((e) => {
-			if (e === "view") return A(c(S, x)), M({
+			if (e === "view") return N(l(w, S)), F({
 				type: "modeChange",
 				mode: "text"
 			}), "text";
 			{
-				let e = x ? s(ze, x).roots : o(ze);
-				return j(() => e), E({}), M({
+				let e = S ? c(ze, S).roots : s(ze);
+				return P(() => e), O({}), F({
 					type: "modeChange",
 					mode: "view"
 				}), "view";
 			}
 		});
 	}, [
-		S,
+		w,
 		ze,
-		j,
-		x,
-		M
-	]), Tt = u(() => {
-		let e = Oe.current;
+		P,
+		S,
+		F
+	]), Ot = d(() => {
+		let e = Ae.current;
 		e && (document.fullscreenElement ? document.exitFullscreen() : e.requestFullscreen());
 	}, []);
-	d(() => {
+	f(() => {
 		let e = () => {
 			let e = !!document.fullscreenElement;
-			Re(e), M({
+			Re(e), F({
 				type: "fullscreenChange",
 				fullscreen: e
 			});
 		};
 		return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
-	}, [M]);
-	let Et = p(B);
-	d(() => {
-		B !== Et.current && (Et.current = B, M({
+	}, [F]);
+	let kt = m(U);
+	f(() => {
+		U !== kt.current && (kt.current = U, F({
 			type: "zoomChange",
-			zoom: B
+			zoom: U
 		}));
-	}, [B, M]);
-	let Dt = u((e) => {
-		if (e.key === "Escape" && k) {
+	}, [U, F]);
+	let At = d((e) => {
+		if (e.key === "Escape" && j) {
 			e.preventDefault(), Z();
 			return;
 		}
-		if (st) return;
+		if (ut) return;
 		let t = e.metaKey || e.ctrlKey;
 		if (e.shiftKey && !t) {
 			if (e.code === "Equal") {
-				e.preventDefault(), Qe();
+				e.preventDefault(), et();
 				return;
 			}
 			if (e.code === "Minus") {
-				e.preventDefault(), $e();
+				e.preventDefault(), tt();
 				return;
 			}
 			if (e.code === "Digit0") {
@@ -356,93 +358,93 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 				return;
 			}
 		}
-		if (e.key === "Enter" && !t && D && !v) {
+		if (e.key === "Enter" && !t && k && !y) {
 			e.preventDefault();
 			let t = ae(), n = {
 				id: t,
-				text: P.newNode
+				text: L.newNode
 			};
-			S.some((e) => e.id === D) && w === "both" ? j((e) => e.map((e) => {
-				if (e.id !== D) return e;
-				let t = e.children || [], r = re(e, n, "right", T[D] ?? Math.ceil(t.length / 2));
-				return E((e) => ({
+			w.some((e) => e.id === k) && E === "both" ? P((e) => e.map((e) => {
+				if (e.id !== k) return e;
+				let t = e.children || [], r = re(e, n, "right", D[k] ?? Math.ceil(t.length / 2));
+				return O((e) => ({
 					...e,
-					[D]: r.newSplitIndex
+					[k]: r.newSplitIndex
 				})), r.data;
-			})) : j((e) => ne(e, D, n)), Y(t), q(""), M({
+			})) : P((e) => ne(e, k, n)), Y(t), q(""), F({
 				type: "nodeAdd",
 				node: n,
-				parentId: D
+				parentId: k
 			});
 			return;
 		}
-		if ((e.key === "Delete" || e.key === "Backspace") && D && !v) {
-			if (e.preventDefault(), S.some((e) => e.id === D) && S.length <= 1) return;
-			M({
+		if ((e.key === "Delete" || e.key === "Backspace") && k && !y) {
+			if (e.preventDefault(), w.some((e) => e.id === k) && w.length <= 1) return;
+			F({
 				type: "nodeDelete",
-				nodeId: D
-			}), j((e) => ce(e, D)), O(null);
+				nodeId: k
+			}), P((e) => ce(e, k)), A(null);
 			return;
 		}
-		if (t && e.key === "c" && D) {
-			e.preventDefault(), Pe.current = ie(S, D);
+		if (t && e.key === "c" && k) {
+			e.preventDefault(), Pe.current = ie(w, k);
 			return;
 		}
-		if (t && e.key === "x" && D && !v) {
-			if (e.preventDefault(), Pe.current = ie(S, D), S.some((e) => e.id === D) && S.length <= 1) return;
-			M({
+		if (t && e.key === "x" && k && !y) {
+			if (e.preventDefault(), Pe.current = ie(w, k), w.some((e) => e.id === k) && w.length <= 1) return;
+			F({
 				type: "nodeDelete",
-				nodeId: D
-			}), j((e) => ce(e, D)), O(null);
+				nodeId: k
+			}), P((e) => ce(e, k)), A(null);
 			return;
 		}
-		if (t && e.key === "v" && D && Pe.current && !v) {
+		if (t && e.key === "v" && k && Pe.current && !y) {
 			e.preventDefault();
 			let t = se(Pe.current);
-			j((e) => ne(e, D, t)), M({
+			P((e) => ne(e, k, t)), F({
 				type: "nodeAdd",
 				node: t,
-				parentId: D
+				parentId: k
 			});
 			return;
 		}
 	}, [
-		st,
-		D,
-		S,
+		ut,
+		k,
 		w,
-		T,
+		E,
+		D,
+		P,
 		j,
-		k,
 		Z,
 		Y,
 		q,
-		P,
-		Qe,
-		$e,
+		L,
+		et,
+		tt,
 		Q,
 		$,
-		v,
-		M
+		y,
+		F
 	]);
-	_e(De, () => ({
+	ve(ke, () => ({
 		exportToSVG() {
-			return r(F, I, {}, N, x);
+			return i(R, z, {}, I, S);
 		},
 		async exportToPNG() {
-			return a(i(F, I, {}, N, x));
+			return o(a(R, z, {}, I, S));
 		},
 		exportToOutline() {
-			return c(S, x);
+			return l(w, S);
 		},
 		getData() {
-			return S;
+			return w;
 		},
 		setData(e) {
-			C(oe(e)), E({});
+			T(oe(e)), O({});
 		},
 		setMarkdown(e) {
-			C(x ? s(e, x).roots : o(e)), E({});
+			T(S ? c(e, S).roots : s(e)), O({});
 		},
 		fitView() {
 			Q();
@@ -451,19 +453,23 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 			$(e);
 		}
 	}), [
-		F,
-		I,
+		R,
+		z,
+		w,
 		S,
-		x,
 		Q,
 		$,
-		N
-	]), d(() => {
-		if (!k) return;
+		I
+	]), f(() => {
+		if (!j) return;
 		let e = () => Z();
 		return window.addEventListener("click", e), () => window.removeEventListener("click", e);
-	}, [k, Z]);
-	let Ot = u((e) => {
+	}, [j, Z]);
+	let jt = d((e) => {
+		T(S ? c(e, S).roots : s(e)), O({});
+	}, [S]), Mt = d(() => {
+		setTimeout(() => Q(), 100);
+	}, [Q]), Nt = d(() => {}, []), Pt = d((e) => {
 		if (e.key !== "Tab") return;
 		e.preventDefault();
 		let t = e.currentTarget, { selectionStart: n, selectionEnd: r, value: i } = t;
@@ -473,7 +479,7 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 				let a = i.slice(e, r), o = a.match(/^ {1,2}/);
 				if (!o) return;
 				let s = o[0].length;
-				A(i.slice(0, e) + a.slice(s) + i.slice(r)), requestAnimationFrame(() => {
+				N(i.slice(0, e) + a.slice(s) + i.slice(r)), requestAnimationFrame(() => {
 					t.selectionStart = t.selectionEnd = Math.max(e, n - s);
 				});
 			} else {
@@ -481,92 +487,86 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 					let n = e.match(/^ {1,2}/), r = n ? n[0].length : 0;
 					return o += r, t === 0 && (s = r), e.slice(r);
 				}).join("\n");
-				A(i.slice(0, e) + c + i.slice(r)), requestAnimationFrame(() => {
+				N(i.slice(0, e) + c + i.slice(r)), requestAnimationFrame(() => {
 					t.selectionStart = n - s, t.selectionEnd = r - o;
 				});
 			}
-		} else if (n === r) A(i.slice(0, n) + "  " + i.slice(r)), requestAnimationFrame(() => {
+		} else if (n === r) N(i.slice(0, n) + "  " + i.slice(r)), requestAnimationFrame(() => {
 			t.selectionStart = t.selectionEnd = n + 2;
 		});
 		else {
 			let e = i.lastIndexOf("\n", n - 1) + 1, a = i.slice(e, r).split("\n"), o = a.map((e) => "  " + e).join("\n");
-			A(i.slice(0, e) + o + i.slice(r)), requestAnimationFrame(() => {
+			N(i.slice(0, e) + o + i.slice(r)), requestAnimationFrame(() => {
 				t.selectionStart = n + 2, t.selectionEnd = r + a.length * 2;
 			});
 		}
 	}, []);
-	return /* @__PURE__ */ g("div", {
-		ref: Oe,
+	return /* @__PURE__ */ _("div", {
+		ref: Ae,
 		className: "mindmap-container",
+		style: e(I),
 		children: [
-			Fe === "text" && /* @__PURE__ */ h("textarea", {
+			Fe === "text" && /* @__PURE__ */ g("textarea", {
 				className: "mindmap-text-editor",
 				value: ze,
-				onChange: (e) => A(e.target.value),
-				onKeyDown: Ot,
-				readOnly: v,
-				style: {
-					background: N.canvas.bgColor,
-					color: N.node.textColor,
-					opacity: v ? .7 : 1
-				}
+				onChange: (e) => N(e.target.value),
+				onKeyDown: Pt,
+				readOnly: y,
+				style: y ? { opacity: .7 } : void 0
 			}),
-			/* @__PURE__ */ h("svg", {
-				ref: b,
-				className: `mindmap-svg ${nt ? "dragging-canvas" : ""} ${U ? "dragging-node" : ""}`,
-				style: {
-					background: N.canvas.bgColor,
-					display: Fe === "text" ? "none" : "block"
-				},
+			/* @__PURE__ */ g("svg", {
+				ref: x,
+				className: `mindmap-svg ${it ? "dragging-canvas" : ""} ${W ? "dragging-node" : ""}`,
+				style: Fe === "text" ? { display: "none" } : void 0,
 				tabIndex: 0,
-				onMouseDown: mt,
-				onMouseMove: it,
-				onMouseUp: at,
-				onMouseLeave: at,
-				onClick: gt,
-				onKeyDown: Dt,
-				onContextMenu: _t,
-				children: /* @__PURE__ */ g("g", {
-					className: "mindmap-canvas",
-					transform: `translate(${R.x}, ${R.y}) scale(${B})`,
+				onMouseDown: _t,
+				onMouseMove: st,
+				onMouseUp: ct,
+				onMouseLeave: ct,
+				onClick: yt,
+				onKeyDown: At,
+				onContextMenu: bt,
+				children: /* @__PURE__ */ _("g", {
+					className: `mindmap-canvas${X ? " mindmap-canvas-ready" : ""}`,
+					transform: `translate(${V.x}, ${V.y}) scale(${U})`,
 					opacity: X ? 1 : 0,
-					style: { transition: X ? "opacity 0.4s ease-out" : "none" },
 					children: [
-						/* @__PURE__ */ g("g", {
+						/* @__PURE__ */ _("g", {
 							className: "mindmap-edges",
-							children: [I.some((e) => e.isCrossLink) && /* @__PURE__ */ h("defs", { children: /* @__PURE__ */ h("marker", {
+							children: [z.some((e) => e.isCrossLink) && /* @__PURE__ */ g("defs", { children: /* @__PURE__ */ g("marker", {
 								id: "mindmap-arrowhead",
 								markerWidth: "8",
 								markerHeight: "6",
 								refX: "8",
 								refY: "3",
 								orient: "auto",
-								children: /* @__PURE__ */ h("path", {
+								children: /* @__PURE__ */ g("path", {
 									d: "M0,0 L8,3 L0,6",
 									fill: "none",
 									stroke: "currentColor",
 									strokeWidth: 1.5
 								})
-							}) }), I.map((e) => {
+							}) }), z.map((e) => {
 								let t = Xe[e.toId], n = t !== void 0;
-								return /* @__PURE__ */ g("g", { children: [/* @__PURE__ */ h("path", {
+								return /* @__PURE__ */ _("g", { children: [/* @__PURE__ */ g("path", {
 									d: e.path,
 									stroke: e.color,
-									strokeWidth: N.connection.strokeWidth,
+									strokeWidth: I.connection.strokeWidth,
 									strokeLinecap: "round",
 									strokeDasharray: n ? void 0 : e.strokeDasharray,
 									markerEnd: e.isCrossLink ? "url(#mindmap-arrowhead)" : void 0,
 									opacity: e.isCrossLink ? .7 : 1,
 									fill: "none",
+									"data-branch-index": B[e.toId]?.branchIndex,
 									className: [
 										"mindmap-edge",
 										e.isCrossLink ? "mindmap-edge-cross-link" : "",
-										n ? "mindmap-edge-expanding" : nt || G.has(e.fromId) || G.has(e.toId) ? "" : "mindmap-edge-animated"
+										n ? "mindmap-edge-expanding" : it || K.has(e.fromId) || K.has(e.toId) ? "" : "mindmap-edge-animated"
 									].filter(Boolean).join(" "),
 									style: n ? { animationDelay: `${t}ms` } : void 0
 								}), e.label && (() => {
-									let t = L[e.fromId], n = L[e.toId];
-									return !t || !n ? null : /* @__PURE__ */ h("text", {
+									let t = B[e.fromId], n = B[e.toId];
+									return !t || !n ? null : /* @__PURE__ */ g("text", {
 										className: "mindmap-edge-label",
 										x: (t.x + n.x) / 2,
 										y: (t.y + n.y) / 2 - 6,
@@ -574,72 +574,69 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 										fontSize: 11,
 										fill: e.color,
 										opacity: .8,
-										fontFamily: N.node.fontFamily,
-										style: { pointerEvents: "none" },
+										fontFamily: I.node.fontFamily,
 										children: e.label
 									});
 								})()] }, e.key);
 							})]
 						}),
-						/* @__PURE__ */ h("g", {
+						/* @__PURE__ */ g("g", {
 							className: "mindmap-nodes",
-							children: F.map((e) => {
-								let t = G.has(e.id), n = t || nt ? "" : "mindmap-node-animated";
-								return /* @__PURE__ */ h(me, {
+							children: R.map((e) => {
+								let t = K.has(e.id), n = t || it ? "" : "mindmap-node-animated";
+								return /* @__PURE__ */ g(me, {
 									node: e,
-									isEditing: st === e.id,
+									isEditing: ut === e.id,
 									isPendingEdit: J === e.id,
-									isSelected: D === e.id,
-									isNew: ft.has(e.id),
+									isSelected: k === e.id,
+									isNew: ht.has(e.id),
 									isGhost: t,
 									animClass: n,
-									editText: ct,
-									theme: N,
-									direction: w,
-									onMouseDown: ot,
-									onClick: ht,
-									onDoubleClick: v ? () => {} : lt,
+									editText: dt,
+									theme: I,
+									direction: E,
+									onMouseDown: lt,
+									onClick: vt,
+									onDoubleClick: y ? () => {} : ft,
 									onEditChange: q,
-									onEditCommit: ut,
-									onEditCancel: dt,
-									onAddChild: yt,
-									onRemarkHover: vt,
-									onFoldToggle: x ? (e) => {
+									onEditCommit: pt,
+									onEditCancel: mt,
+									onAddChild: St,
+									onRemarkHover: xt,
+									onFoldToggle: S ? (e) => {
 										He[e] || (Ge(e), setTimeout(() => Ge(null), 800)), Ue((t) => ({
 											...t,
 											[e]: !t[e]
 										}));
 									} : void 0,
 									expandDelay: Xe[e.id],
-									readonly: v,
-									plugins: x
+									readonly: y,
+									plugins: S
 								}, e.id);
 							})
 						}),
-						U && W && (() => {
-							let e = L[U];
+						W && G && (() => {
+							let e = B[W];
 							if (!e) return null;
-							let n = W.x - e.x, r = W.y - e.y, i = e.parentId ? L[e.parentId] : null;
-							return /* @__PURE__ */ g(ve, { children: [i && /* @__PURE__ */ h("path", {
+							let t = G.x - e.x, r = G.y - e.y, i = e.parentId ? B[e.parentId] : null;
+							return /* @__PURE__ */ _(ye, { children: [i && /* @__PURE__ */ g("path", {
 								className: "mindmap-floating-edge",
-								d: t(i.x, i.y, i.width, W.x, W.y, e.width, e.side),
+								d: n(i.x, i.y, i.width, G.x, G.y, e.width, e.side),
 								stroke: e.color,
-								strokeWidth: N.connection.strokeWidth,
+								strokeWidth: I.connection.strokeWidth,
 								strokeLinecap: "round",
-								fill: "none",
-								style: { pointerEvents: "none" }
-							}), /* @__PURE__ */ g("g", {
+								fill: "none"
+							}), /* @__PURE__ */ _("g", {
 								className: "mindmap-floating",
-								transform: `translate(${n}, ${r})`,
-								style: { pointerEvents: "none" },
-								children: [I.filter((e) => G.has(e.fromId) && G.has(e.toId)).map((e) => /* @__PURE__ */ h("path", {
+								transform: `translate(${t}, ${r})`,
+								children: [z.filter((e) => K.has(e.fromId) && K.has(e.toId)).map((e) => /* @__PURE__ */ g("path", {
 									className: "mindmap-floating-edge",
 									d: e.path,
 									stroke: e.color,
-									strokeWidth: N.connection.strokeWidth,
+									strokeWidth: I.connection.strokeWidth,
 									strokeLinecap: "round",
 									fill: "none"
-								}, `fl-${e.key}`)), F.filter((e) => G.has(e.id)).map((e) => /* @__PURE__ */ h(me, {
+								}, `fl-${e.key}`)), R.filter((e) => K.has(e.id)).map((e) => /* @__PURE__ */ g(me, {
 									node: e,
 									isEditing: !1,
 									isPendingEdit: !1,
@@ -647,8 +644,8 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 									isNew: !1,
 									animClass: "",
 									editText: "",
-									theme: N,
-									direction: w,
+									theme: I,
+									direction: E,
 									onMouseDown: () => {},
 									onClick: () => {},
 									onDoubleClick: () => {},
@@ -660,49 +657,54 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 								}, `fl-${e.id}`))]
 							})] });
 						})(),
-						x && e(x, F, I, N).map((e, t) => /* @__PURE__ */ h("g", {
+						S && t(S, R, z, I).map((e, t) => /* @__PURE__ */ g("g", {
 							className: "mindmap-plugin-overlay",
 							children: e
 						}, `plugin-overlay-${t}`))
 					]
 				})
 			}),
-			/* @__PURE__ */ h(he, {
-				zoom: B,
-				theme: N,
-				messages: P,
+			/* @__PURE__ */ g(he, {
+				zoom: U,
+				theme: I,
+				messages: L,
 				showZoom: Ye.zoom,
 				mode: Fe,
 				isFullscreen: Le,
-				onZoomIn: Qe,
-				onZoomOut: $e,
+				onZoomIn: et,
+				onZoomOut: tt,
 				onAutoFit: Q,
-				onModeToggle: wt,
-				onFullscreenToggle: Tt
+				onModeToggle: Dt,
+				onFullscreenToggle: Ot
+			}),
+			Te && /* @__PURE__ */ g(_e, {
+				config: Te,
+				theme: I,
+				messages: L,
+				currentMarkdown: l(w, S),
+				onMarkdownStream: jt,
+				onComplete: Mt,
+				onError: Nt
 			}),
-			k && /* @__PURE__ */ h(ge, {
-				position: k,
-				theme: N,
-				messages: P,
-				direction: w,
-				readonly: v,
-				onNewRootNode: bt,
-				onExportSVG: xt,
-				onExportPNG: St,
-				onExportMarkdown: Ct,
+			j && /* @__PURE__ */ g(ge, {
+				position: j,
+				theme: I,
+				messages: L,
+				direction: E,
+				readonly: y,
+				onNewRootNode: Ct,
+				onExportSVG: wt,
+				onExportPNG: Tt,
+				onExportMarkdown: Et,
 				onDirectionChange: $,
 				onClose: Z
 			}),
-			Be && /* @__PURE__ */ h("div", {
+			Be && /* @__PURE__ */ g("div", {
 				className: "mindmap-remark-tooltip",
 				style: {
 					left: Be.x,
 					top: Be.y,
-					transform: "translateY(-100%)",
-					background: N.contextMenu.bgColor,
-					color: N.contextMenu.textColor,
-					borderColor: N.contextMenu.borderColor,
-					border: `1px solid ${N.contextMenu.borderColor}`
+					transform: "translateY(-100%)"
 				},
 				children: Be.text
 			})
@@ -710,4 +712,4 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 	});
 });
 //#endregion
-export { _ as MindMap };
+export { v as MindMap };