@xiangfa/mindmap 0.3.0 → 0.4.0

package/dist/esm/MindMap2.js

@@ -12,16 +12,17 @@ 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 l, useCallback as u, useEffect as d, useImperativeHandle as ve, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as ye, jsx as h, jsxs as g } 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(() => {
+var _ = l(function({ data: l, markdown: _, defaultDirection: xe = "both", theme: Se = "auto", locale: Ce, messages: we, readonly: v = !1, toolbar: y = !0, ai: Te, onDataChange: Ee, onEvent: De, plugins: Oe }, ke) {
+	let Ae = p(null), b = p(null), x = Oe && Oe.length > 0 ? Oe : void 0, S = f(() => {
 		if (l || _ === void 0) return null;
 		if (x) {
 			let e = s(_, x), t = e.frontMatter.direction, n = e.frontMatter.theme;
@@ -36,307 +37,307 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 			direction: void 0,
 			theme: void 0
 		};
-	}, []), [S, C] = m(() => l ? oe(l) : ke ? ke.roots : [{
+	}, []), [C, w] = m(() => l ? oe(l) : S ? S.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);
+	}]), [T, je] = m(() => S?.direction ?? xe), [E, D] = m({}), [O, k] = m(null), [A, Me] = m(null), [j, Ne] = m({}), M = p(null), [Pe, Fe] = m("view"), [Ie, Le] = m(!1), [N, P] = m(""), [Re, ze] = m(null), [Be, Ve] = m({}), [He, Ue] = m(null), [We, Ge] = m(() => S?.theme);
 	d(() => {
-		l && C(oe(l));
+		l && w(oe(l));
 	}, [l]), d(() => {
 		if (_ !== void 0) if (x) {
 			let { roots: e, frontMatter: t } = s(_, x);
-			if (C(e), t.direction) {
+			if (w(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);
+				(e === "light" || e === "dark" || e === "auto") && Ge(e);
 			}
-		} else C(o(_));
+		} else w(o(_));
 	}, [_, x]);
-	let j = u((e) => {
-		C((t) => {
+	let F = u((e) => {
+		w((t) => {
 			let n = e(t);
-			return we?.(n), n;
+			return Ee?.(n), n;
 		});
-	}, [we]), Je = p(Te);
-	Je.current = Te;
-	let M = u((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,
-		w,
-		Me,
+	}, [Ee]), Ke = p(De);
+	Ke.current = De;
+	let I = u((e) => {
+		Ke.current?.(e);
+	}, []), L = le(We ?? Se), R = f(() => te(Ce ?? ee(), we), [Ce, we]), qe = f(() => y === !1 ? { zoom: !1 } : y === !0 || y === void 0 ? { zoom: !0 } : { zoom: y.zoom ?? !0 }, [y]), { nodes: z, edges: B } = f(() => n(C, T, j, E, x, v, Be), [
+		C,
 		T,
+		j,
+		E,
 		x,
 		v,
-		He
+		Be
 	]);
 	d(() => {
 		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 z) n.depth === 1 && !j[n.id] && (e[n.id] = n.color, t = !0);
 		t && Ne((t) => ({
 			...t,
 			...e
 		}));
-	}, [F, Me]);
-	let L = f(() => {
+	}, [z, j]);
+	let V = f(() => {
 		let e = {};
-		for (let t of F) e[t.id] = t;
+		for (let t of z) e[t.id] = t;
 		return e;
-	}, [F]), Xe = f(() => {
-		if (!We) return {};
+	}, [z]), Je = f(() => {
+		if (!He) return {};
 		let e = {}, t = [];
-		for (let e of F) e.parentId === We && t.push({
+		for (let e of z) e.parentId === He && 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 z) 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({
+	}, [He, z]), { pan: H, setPan: Ye, zoom: U, setZoom: Xe, animateTo: Ze, autoFit: Qe, zoomIn: $e, zoomOut: et, contentCenter: tt, panToNode: nt } = ue(b, z), { draggingCanvas: rt, floatingNodeId: W, floatingPos: G, floatingSubtreeIds: K, didDragRef: it, handleCanvasMouseDown: at, handleMouseMove: ot, handleMouseUp: st, handleNodeMouseDown: ct } = 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,
+		zoom: U,
+		pan: H,
+		setPan: Ye,
+		setZoom: Xe,
+		nodeMap: V,
+		nodes: z,
+		updateData: F,
+		direction: T,
+		splitIndices: E,
+		setSplitIndices: D,
+		mapData: C,
+		contentCenter: tt
+	}), { editingId: lt, editText: ut, setEditText: q, pendingEditId: J, setPendingEditId: Y, handleNodeDoubleClick: dt, commitEdit: ft, cancelEdit: pt } = fe({
+		nodeMap: V,
+		updateData: F,
 		onTextChange: (e, t, n) => {
-			M({
+			I({
 				type: "nodeTextChange",
 				nodeId: e,
 				oldText: t,
 				newText: n
 			});
 		}
-	}), ft = pe(F), [X, pt] = m(!1);
+	}), mt = pe(z), [X, ht] = m(!1);
 	d(() => {
-		if (U || J) return;
-		let e = Ze();
-		e ? X ? (V(e.zoom), z({
+		if (W || J) return;
+		let e = Qe();
+		e ? X ? (Xe(e.zoom), Ye({
 			x: e.panX,
 			y: e.panY
-		})) : (V(e.zoom * .92), z({
+		})) : (Xe(e.zoom * .92), Ye({
 			x: e.panX,
 			y: e.panY
 		}), requestAnimationFrame(() => {
-			pt(!0), H(e.zoom, e.panX, e.panY);
-		})) : X || requestAnimationFrame(() => pt(!0));
+			ht(!0), Ze(e.zoom, e.panX, e.panY);
+		})) : X || requestAnimationFrame(() => ht(!0));
 	}, [
-		F,
-		Ze,
-		U,
-		J,
-		V,
 		z,
+		Qe,
+		W,
+		J,
+		Xe,
+		Ye,
 		X,
-		H
+		Ze
 	]), d(() => {
-		J && L[J] && tt(J);
+		J && V[J] && nt(J);
 	}, [
 		J,
-		L,
-		tt
+		V,
+		nt
 	]);
-	let mt = u((e) => {
-		je(null), rt(e);
-	}, [rt]), ht = u((e, t) => {
-		e.stopPropagation(), K.current || (O(t), M({
+	let gt = u((e) => {
+		Me(null), at(e);
+	}, [at]), _t = u((e, t) => {
+		e.stopPropagation(), it.current || (k(t), I({
 			type: "nodeSelect",
 			nodeId: t
 		}));
-	}, [K, M]), gt = u(() => {
-		K.current || (O(null), M({
+	}, [it, I]), vt = u(() => {
+		it.current || (k(null), I({
 			type: "nodeSelect",
 			nodeId: null
 		}));
-	}, [K, M]), _t = u((e) => {
+	}, [it, I]), yt = u((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) => {
+		Me(null);
+	}, []), bt = u((e) => {
 		if (!e) {
-			Ve(null);
+			ze(null);
 			return;
 		}
-		let t = L[e];
+		let t = V[e];
 		if (!t || !t.remark) {
-			Ve(null);
+			ze(null);
 			return;
 		}
 		let n = b.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;
-		Ve({
+		let r = n.getBoundingClientRect(), i = (t.x + t.width / 2) * U + H.x, a = (t.y - t.height / 2) * U + H.y;
+		ze({
 			nodeId: e,
 			text: t.remark,
 			x: Math.min(i, r.width - 300),
 			y: a - 8
 		});
 	}, [
-		L,
-		B,
-		R
-	]), yt = u((e, t, n) => {
+		V,
+		U,
+		H
+	]), xt = u((e, t, n) => {
 		if (e.stopPropagation(), v) return;
 		let r = ae(), i = {
 			id: r,
-			text: P.newNode
+			text: R.newNode
 		};
-		S.some((e) => e.id === t) && n && w === "both" ? j((e) => e.map((e) => {
+		C.some((e) => e.id === t) && n && T === "both" ? F((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 = E[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) => ({
+			return D((e) => ({
 				...e,
 				[t]: ee.newSplitIndex
 			})), ee.data;
-		})) : j((e) => ne(e, t, i)), M({
+		})) : F((e) => ne(e, t, i)), I({
 			type: "nodeAdd",
 			node: i,
 			parentId: t
 		}), Y(r), q("");
 	}, [
-		j,
-		S,
-		w,
+		F,
+		C,
 		T,
+		E,
 		Y,
 		q,
-		P,
+		R,
 		v,
-		M
-	]), bt = u(() => {
+		I
+	]), St = u(() => {
 		if (v) return;
 		let e = ae(), t = {
 			id: e,
-			text: P.newNode
+			text: R.newNode
 		};
-		j((e) => [...e, t]), M({
+		F((e) => [...e, t]), I({
 			type: "nodeAdd",
 			node: t,
 			parentId: null
 		}), Y(e), q(""), Z();
 	}, [
-		j,
+		F,
 		Z,
 		Y,
 		q,
-		P,
+		R,
 		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();
+		I
+	]), Ct = u(() => {
+		let e = r(z, B, {}, L, x);
+		be(new Blob([e], { type: "image/svg+xml;charset=utf-8" }), "mindmap.svg"), Z();
 	}, [
-		F,
-		I,
-		N,
+		z,
+		B,
+		L,
 		Z,
 		x
-	]), St = u(async () => {
-		ye(await a(i(F, I, { pngSafe: !0 }, N, x)), "mindmap.png"), Z();
+	]), wt = u(async () => {
+		be(await a(i(z, B, { pngSafe: !0 }, L, x)), "mindmap.png"), Z();
 	}, [
-		F,
-		I,
-		N,
+		z,
+		B,
+		L,
 		Z,
 		x
-	]), Ct = u(() => {
-		let e = c(S, x);
-		ye(new Blob([e], { type: "text/markdown;charset=utf-8" }), "mindmap.md"), Z();
+	]), Tt = u(() => {
+		let e = c(C, x);
+		be(new Blob([e], { type: "text/markdown;charset=utf-8" }), "mindmap.md"), Z();
 	}, [
-		S,
+		C,
 		Z,
 		x
 	]), Q = u(() => {
-		let e = Ze();
-		e && H(e.zoom, e.panX, e.panY);
-	}, [Ze, H]), $ = u((e) => {
-		Ae(e), E({}), M({
+		let e = Qe();
+		e && Ze(e.zoom, e.panX, e.panY);
+	}, [Qe, Ze]), $ = u((e) => {
+		je(e), D({}), I({
 			type: "directionChange",
 			direction: e
 		});
-	}, [M]), wt = u(() => {
-		Ie((e) => {
-			if (e === "view") return A(c(S, x)), M({
+	}, [I]), Et = u(() => {
+		Fe((e) => {
+			if (e === "view") return P(c(C, x)), I({
 				type: "modeChange",
 				mode: "text"
 			}), "text";
 			{
-				let e = x ? s(ze, x).roots : o(ze);
-				return j(() => e), E({}), M({
+				let e = x ? s(N, x).roots : o(N);
+				return F(() => e), D({}), I({
 					type: "modeChange",
 					mode: "view"
 				}), "view";
 			}
 		});
 	}, [
-		S,
-		ze,
-		j,
+		C,
+		N,
+		F,
 		x,
-		M
-	]), Tt = u(() => {
-		let e = Oe.current;
+		I
+	]), Dt = u(() => {
+		let e = Ae.current;
 		e && (document.fullscreenElement ? document.exitFullscreen() : e.requestFullscreen());
 	}, []);
 	d(() => {
 		let e = () => {
 			let e = !!document.fullscreenElement;
-			Re(e), M({
+			Le(e), I({
 				type: "fullscreenChange",
 				fullscreen: e
 			});
 		};
 		return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
-	}, [M]);
-	let Et = p(B);
+	}, [I]);
+	let Ot = p(U);
 	d(() => {
-		B !== Et.current && (Et.current = B, M({
+		U !== Ot.current && (Ot.current = U, I({
 			type: "zoomChange",
-			zoom: B
+			zoom: U
 		}));
-	}, [B, M]);
-	let Dt = u((e) => {
-		if (e.key === "Escape" && k) {
+	}, [U, I]);
+	let kt = u((e) => {
+		if (e.key === "Escape" && A) {
 			e.preventDefault(), Z();
 			return;
 		}
-		if (st) return;
+		if (lt) return;
 		let t = e.metaKey || e.ctrlKey;
 		if (e.shiftKey && !t) {
 			if (e.code === "Equal") {
-				e.preventDefault(), Qe();
+				e.preventDefault(), $e();
 				return;
 			}
 			if (e.code === "Minus") {
-				e.preventDefault(), $e();
+				e.preventDefault(), et();
 				return;
 			}
 			if (e.code === "Digit0") {
@@ -356,93 +357,93 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 				return;
 			}
 		}
-		if (e.key === "Enter" && !t && D && !v) {
+		if (e.key === "Enter" && !t && O && !v) {
 			e.preventDefault();
 			let t = ae(), n = {
 				id: t,
-				text: P.newNode
+				text: R.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) => ({
+			C.some((e) => e.id === O) && T === "both" ? F((e) => e.map((e) => {
+				if (e.id !== O) return e;
+				let t = e.children || [], r = re(e, n, "right", E[O] ?? Math.ceil(t.length / 2));
+				return D((e) => ({
 					...e,
-					[D]: r.newSplitIndex
+					[O]: r.newSplitIndex
 				})), r.data;
-			})) : j((e) => ne(e, D, n)), Y(t), q(""), M({
+			})) : F((e) => ne(e, O, n)), Y(t), q(""), I({
 				type: "nodeAdd",
 				node: n,
-				parentId: D
+				parentId: O
 			});
 			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") && O && !v) {
+			if (e.preventDefault(), C.some((e) => e.id === O) && C.length <= 1) return;
+			I({
 				type: "nodeDelete",
-				nodeId: D
-			}), j((e) => ce(e, D)), O(null);
+				nodeId: O
+			}), F((e) => ce(e, O)), k(null);
 			return;
 		}
-		if (t && e.key === "c" && D) {
-			e.preventDefault(), Pe.current = ie(S, D);
+		if (t && e.key === "c" && O) {
+			e.preventDefault(), M.current = ie(C, O);
 			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" && O && !v) {
+			if (e.preventDefault(), M.current = ie(C, O), C.some((e) => e.id === O) && C.length <= 1) return;
+			I({
 				type: "nodeDelete",
-				nodeId: D
-			}), j((e) => ce(e, D)), O(null);
+				nodeId: O
+			}), F((e) => ce(e, O)), k(null);
 			return;
 		}
-		if (t && e.key === "v" && D && Pe.current && !v) {
+		if (t && e.key === "v" && O && M.current && !v) {
 			e.preventDefault();
-			let t = se(Pe.current);
-			j((e) => ne(e, D, t)), M({
+			let t = se(M.current);
+			F((e) => ne(e, O, t)), I({
 				type: "nodeAdd",
 				node: t,
-				parentId: D
+				parentId: O
 			});
 			return;
 		}
 	}, [
-		st,
-		D,
-		S,
-		w,
+		lt,
+		O,
+		C,
 		T,
-		j,
-		k,
+		E,
+		F,
+		A,
 		Z,
 		Y,
 		q,
-		P,
-		Qe,
+		R,
 		$e,
+		et,
 		Q,
 		$,
 		v,
-		M
+		I
 	]);
-	_e(De, () => ({
+	ve(ke, () => ({
 		exportToSVG() {
-			return r(F, I, {}, N, x);
+			return r(z, B, {}, L, x);
 		},
 		async exportToPNG() {
-			return a(i(F, I, {}, N, x));
+			return a(i(z, B, {}, L, x));
 		},
 		exportToOutline() {
-			return c(S, x);
+			return c(C, x);
 		},
 		getData() {
-			return S;
+			return C;
 		},
 		setData(e) {
-			C(oe(e)), E({});
+			w(oe(e)), D({});
 		},
 		setMarkdown(e) {
-			C(x ? s(e, x).roots : o(e)), E({});
+			w(x ? s(e, x).roots : o(e)), D({});
 		},
 		fitView() {
 			Q();
@@ -451,19 +452,23 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 			$(e);
 		}
 	}), [
-		F,
-		I,
-		S,
+		z,
+		B,
+		C,
 		x,
 		Q,
 		$,
-		N
+		L
 	]), d(() => {
-		if (!k) return;
+		if (!A) return;
 		let e = () => Z();
 		return window.addEventListener("click", e), () => window.removeEventListener("click", e);
-	}, [k, Z]);
-	let Ot = u((e) => {
+	}, [A, Z]);
+	let At = u((e) => {
+		w(x ? s(e, x).roots : o(e)), D({});
+	}, [x]), jt = u(() => {
+		setTimeout(() => Q(), 100);
+	}, [Q]), Mt = u(() => {}, []), Nt = u((e) => {
 		if (e.key !== "Tab") return;
 		e.preventDefault();
 		let t = e.currentTarget, { selectionStart: n, selectionEnd: r, value: i } = t;
@@ -473,7 +478,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(() => {
+				P(i.slice(0, e) + a.slice(s) + i.slice(r)), requestAnimationFrame(() => {
 					t.selectionStart = t.selectionEnd = Math.max(e, n - s);
 				});
 			} else {
@@ -481,60 +486,60 @@ 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(() => {
+				P(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) P(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(() => {
+			P(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,
+		ref: Ae,
 		className: "mindmap-container",
 		children: [
-			Fe === "text" && /* @__PURE__ */ h("textarea", {
+			Pe === "text" && /* @__PURE__ */ h("textarea", {
 				className: "mindmap-text-editor",
-				value: ze,
-				onChange: (e) => A(e.target.value),
-				onKeyDown: Ot,
+				value: N,
+				onChange: (e) => P(e.target.value),
+				onKeyDown: Nt,
 				readOnly: v,
 				style: {
-					background: N.canvas.bgColor,
-					color: N.node.textColor,
+					background: L.canvas.bgColor,
+					color: L.node.textColor,
 					opacity: v ? .7 : 1
 				}
 			}),
 			/* @__PURE__ */ h("svg", {
 				ref: b,
-				className: `mindmap-svg ${nt ? "dragging-canvas" : ""} ${U ? "dragging-node" : ""}`,
+				className: `mindmap-svg ${rt ? "dragging-canvas" : ""} ${W ? "dragging-node" : ""}`,
 				style: {
-					background: N.canvas.bgColor,
-					display: Fe === "text" ? "none" : "block"
+					background: L.canvas.bgColor,
+					display: Pe === "text" ? "none" : "block"
 				},
 				tabIndex: 0,
-				onMouseDown: mt,
-				onMouseMove: it,
-				onMouseUp: at,
-				onMouseLeave: at,
-				onClick: gt,
-				onKeyDown: Dt,
-				onContextMenu: _t,
+				onMouseDown: gt,
+				onMouseMove: ot,
+				onMouseUp: st,
+				onMouseLeave: st,
+				onClick: vt,
+				onKeyDown: kt,
+				onContextMenu: yt,
 				children: /* @__PURE__ */ g("g", {
 					className: "mindmap-canvas",
-					transform: `translate(${R.x}, ${R.y}) scale(${B})`,
+					transform: `translate(${H.x}, ${H.y}) scale(${U})`,
 					opacity: X ? 1 : 0,
 					style: { transition: X ? "opacity 0.4s ease-out" : "none" },
 					children: [
 						/* @__PURE__ */ g("g", {
 							className: "mindmap-edges",
-							children: [I.some((e) => e.isCrossLink) && /* @__PURE__ */ h("defs", { children: /* @__PURE__ */ h("marker", {
+							children: [B.some((e) => e.isCrossLink) && /* @__PURE__ */ h("defs", { children: /* @__PURE__ */ h("marker", {
 								id: "mindmap-arrowhead",
 								markerWidth: "8",
 								markerHeight: "6",
@@ -547,12 +552,12 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 									stroke: "currentColor",
 									strokeWidth: 1.5
 								})
-							}) }), I.map((e) => {
-								let t = Xe[e.toId], n = t !== void 0;
+							}) }), B.map((e) => {
+								let t = Je[e.toId], n = t !== void 0;
 								return /* @__PURE__ */ g("g", { children: [/* @__PURE__ */ h("path", {
 									d: e.path,
 									stroke: e.color,
-									strokeWidth: N.connection.strokeWidth,
+									strokeWidth: L.connection.strokeWidth,
 									strokeLinecap: "round",
 									strokeDasharray: n ? void 0 : e.strokeDasharray,
 									markerEnd: e.isCrossLink ? "url(#mindmap-arrowhead)" : void 0,
@@ -561,11 +566,11 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 									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" : rt || 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];
+									let t = V[e.fromId], n = V[e.toId];
 									return !t || !n ? null : /* @__PURE__ */ h("text", {
 										className: "mindmap-edge-label",
 										x: (t.x + n.x) / 2,
@@ -574,7 +579,7 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 										fontSize: 11,
 										fill: e.color,
 										opacity: .8,
-										fontFamily: N.node.fontFamily,
+										fontFamily: L.node.fontFamily,
 										style: { pointerEvents: "none" },
 										children: e.label
 									});
@@ -583,48 +588,48 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 						}),
 						/* @__PURE__ */ h("g", {
 							className: "mindmap-nodes",
-							children: F.map((e) => {
-								let t = G.has(e.id), n = t || nt ? "" : "mindmap-node-animated";
+							children: z.map((e) => {
+								let t = K.has(e.id), n = t || rt ? "" : "mindmap-node-animated";
 								return /* @__PURE__ */ h(me, {
 									node: e,
-									isEditing: st === e.id,
+									isEditing: lt === e.id,
 									isPendingEdit: J === e.id,
-									isSelected: D === e.id,
-									isNew: ft.has(e.id),
+									isSelected: O === e.id,
+									isNew: mt.has(e.id),
 									isGhost: t,
 									animClass: n,
-									editText: ct,
-									theme: N,
-									direction: w,
-									onMouseDown: ot,
-									onClick: ht,
-									onDoubleClick: v ? () => {} : lt,
+									editText: ut,
+									theme: L,
+									direction: T,
+									onMouseDown: ct,
+									onClick: _t,
+									onDoubleClick: v ? () => {} : dt,
 									onEditChange: q,
-									onEditCommit: ut,
-									onEditCancel: dt,
-									onAddChild: yt,
-									onRemarkHover: vt,
+									onEditCommit: ft,
+									onEditCancel: pt,
+									onAddChild: xt,
+									onRemarkHover: bt,
 									onFoldToggle: x ? (e) => {
-										He[e] || (Ge(e), setTimeout(() => Ge(null), 800)), Ue((t) => ({
+										Be[e] || (Ue(e), setTimeout(() => Ue(null), 800)), Ve((t) => ({
 											...t,
 											[e]: !t[e]
 										}));
 									} : void 0,
-									expandDelay: Xe[e.id],
+									expandDelay: Je[e.id],
 									readonly: v,
 									plugins: x
 								}, e.id);
 							})
 						}),
-						U && W && (() => {
-							let e = L[U];
+						W && G && (() => {
+							let e = V[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 n = G.x - e.x, r = G.y - e.y, i = e.parentId ? V[e.parentId] : null;
+							return /* @__PURE__ */ g(ye, { children: [i && /* @__PURE__ */ h("path", {
 								className: "mindmap-floating-edge",
-								d: t(i.x, i.y, i.width, W.x, W.y, e.width, e.side),
+								d: t(i.x, i.y, i.width, G.x, G.y, e.width, e.side),
 								stroke: e.color,
-								strokeWidth: N.connection.strokeWidth,
+								strokeWidth: L.connection.strokeWidth,
 								strokeLinecap: "round",
 								fill: "none",
 								style: { pointerEvents: "none" }
@@ -632,14 +637,14 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 								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", {
+								children: [B.filter((e) => K.has(e.fromId) && K.has(e.toId)).map((e) => /* @__PURE__ */ h("path", {
 									className: "mindmap-floating-edge",
 									d: e.path,
 									stroke: e.color,
-									strokeWidth: N.connection.strokeWidth,
+									strokeWidth: L.connection.strokeWidth,
 									strokeLinecap: "round",
 									fill: "none"
-								}, `fl-${e.key}`)), F.filter((e) => G.has(e.id)).map((e) => /* @__PURE__ */ h(me, {
+								}, `fl-${e.key}`)), z.filter((e) => K.has(e.id)).map((e) => /* @__PURE__ */ h(me, {
 									node: e,
 									isEditing: !1,
 									isPendingEdit: !1,
@@ -647,8 +652,8 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 									isNew: !1,
 									animClass: "",
 									editText: "",
-									theme: N,
-									direction: w,
+									theme: L,
+									direction: T,
 									onMouseDown: () => {},
 									onClick: () => {},
 									onDoubleClick: () => {},
@@ -660,7 +665,7 @@ 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", {
+						x && e(x, z, B, L).map((e, t) => /* @__PURE__ */ h("g", {
 							className: "mindmap-plugin-overlay",
 							children: e
 						}, `plugin-overlay-${t}`))
@@ -668,43 +673,52 @@ var _ = l(function({ data: l, markdown: _, defaultDirection: be = "both", theme:
 				})
 			}),
 			/* @__PURE__ */ h(he, {
-				zoom: B,
-				theme: N,
-				messages: P,
-				showZoom: Ye.zoom,
-				mode: Fe,
-				isFullscreen: Le,
-				onZoomIn: Qe,
-				onZoomOut: $e,
+				zoom: U,
+				theme: L,
+				messages: R,
+				showZoom: qe.zoom,
+				mode: Pe,
+				isFullscreen: Ie,
+				onZoomIn: $e,
+				onZoomOut: et,
 				onAutoFit: Q,
-				onModeToggle: wt,
-				onFullscreenToggle: Tt
+				onModeToggle: Et,
+				onFullscreenToggle: Dt
+			}),
+			Te && /* @__PURE__ */ h(_e, {
+				config: Te,
+				theme: L,
+				messages: R,
+				currentMarkdown: c(C, x),
+				onMarkdownStream: At,
+				onComplete: jt,
+				onError: Mt
 			}),
-			k && /* @__PURE__ */ h(ge, {
-				position: k,
-				theme: N,
-				messages: P,
-				direction: w,
+			A && /* @__PURE__ */ h(ge, {
+				position: A,
+				theme: L,
+				messages: R,
+				direction: T,
 				readonly: v,
-				onNewRootNode: bt,
-				onExportSVG: xt,
-				onExportPNG: St,
-				onExportMarkdown: Ct,
+				onNewRootNode: St,
+				onExportSVG: Ct,
+				onExportPNG: wt,
+				onExportMarkdown: Tt,
 				onDirectionChange: $,
 				onClose: Z
 			}),
-			Be && /* @__PURE__ */ h("div", {
+			Re && /* @__PURE__ */ h("div", {
 				className: "mindmap-remark-tooltip",
 				style: {
-					left: Be.x,
-					top: Be.y,
+					left: Re.x,
+					top: Re.y,
 					transform: "translateY(-100%)",
-					background: N.contextMenu.bgColor,
-					color: N.contextMenu.textColor,
-					borderColor: N.contextMenu.borderColor,
-					border: `1px solid ${N.contextMenu.borderColor}`
+					background: L.contextMenu.bgColor,
+					color: L.contextMenu.textColor,
+					borderColor: L.contextMenu.borderColor,
+					border: `1px solid ${L.contextMenu.borderColor}`
 				},
-				children: Be.text
+				children: Re.text
 			})
 		]
 	});