@xiangfa/mindmap 0.3.0 → 0.4.0

package/dist/esm/components/MindMapAIInput.js

@@ -0,0 +1,209 @@
+import { IconClose as e, IconLightning as t, IconLoaderCircle as n, IconPaperclip as r, IconStop as i } from "./icons.js";
+import { useCallback as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/MindMap/components/MindMapAIInput.tsx
+var d = "#Role\nYou are a professional Mind Map Generator specializing in hierarchical information architecture. Your objective is to deconstruct complex topics into a robust, visual Markdown outline.\n\n#Logic and Structure\n- Primary Branches: Use the MECE (Mutually Exclusive, Collectively Exhaustive) principle to ensure no overlap and complete coverage of the topic.\n- Branching Density: Aim for 3-5 primary branches. For narrow topics that do not naturally yield five branches, provide at least 3 branches and prioritize hierarchical depth over breadth.\n- Hierarchical Depth: The structure must not exceed a maximum depth of the Root + 3 levels.\n- Logical Flow: Organize the sequence of branches and sub-nodes based on priority, moving from foundational concepts to advanced applications.\n- Task Status Logic:\n  - `- [x] ` : Assigned to foundational, prerequisite, or essential concepts.\n  - `- [-] ` : Assigned to intermediate, active, or transitional concepts.\n  - `- [ ] ` : Assigned to advanced, future-state, or specialized concepts.\n\n#Formatting Standards\n- Root Node: Place the root node on the first line of the response with no prefix (no hyphen, bullet, or number).\n- Indentation: Use exactly two spaces per level of hierarchy to define the structure.\n- Child Node Prefix: Every child node must start with a hyphen followed by a space (\"- \").\n- Text Constraints: Each node must contain between 2 and 6 visible words. Markdown formatting characters (e.g., **, ==, `) do not count toward this 2-6 word limit.\n- Remarks: Insert contextual notes or brief explanations immediately after relevant nodes using the \"> \" prefix.\n- Inline Styling: Use Obsidian-compatible Markdown for emphasis: **bold**, *italic*, `code`, ~~strikethrough~~, and ==highlighting==.\n\n#Extended Syntax (Optional)\nUse these features only when they naturally enhance the mind map's clarity or structure. Do not force them into every response.\n- Dotted Lines: Use \"-.\" instead of \"-\" for weak, optional, or tentative relationships. Example: \"-. Optional Step\"\n- Multi-line Content: Use \"|\" prefix lines to append additional display lines to a node. Example:\n  - Main Point\n    | Supporting detail line 1\n    | Supporting detail line 2\n- Tags: Add \"#tag\" at the end of node text for categorization. Example: \"- React #frontend #framework\"\n- Cross-links: Define anchors with \"{#id}\" and link with \"-> {#id}\" to connect nodes across branches. Example:\n  - Node A {#a}\n  - Node B\n    -> {#a} \"references\"\n- Folding: Use \"+\" instead of \"-\" to mark a node as initially collapsed (children hidden by default). Example: \"+ Collapsed Section\"\n- LaTeX: Use \"$...$\" for inline math and \"$$...$$\" for display math. Example: \"- Energy: $E = mc^2$\"\n- Frontmatter: Use a \"---\" block at the very top to set layout direction or theme:\n  ---\n  direction: right\n  theme: dark\n  ---\n\n#Example Output\nProject Management\n- [x] **Foundational Concepts** #core\n  - Project Life Cycle\n    > Initiation through closing phases\n    | Planning, executing, monitoring\n  - Stakeholder Identification\n- [-] *Execution Frameworks*\n  - ==Agile Methodologies==\n  -. Hybrid Approaches\n- [ ] Advanced Optimization\n  - Resource Load Balancing\n    > Optimizing team allocation\n  - Portfolio Risk Mitigation\n\n#Constraints\n- Provide the raw Markdown output only.\n- Do not include any introductory text, conversational fillers, or explanations.\n- Do not include any concluding remarks or summaries.\n- Use extended syntax features (dotted lines, tags, multi-line, cross-links, etc.) only when they genuinely improve the mind map's clarity or structure. Default to basic syntax.\n- FINAL NEGATIVE CONSTRAINT: Do not wrap the output in markdown code fences. Provide the response as raw, plain text.";
+function f(e) {
+	if (!e || e.length === 0) return "";
+	let t = [];
+	for (let n of e) n === "text" ? t.push("text/*,.json,.js,.ts,.xml,.yaml,.yml,.sql,.sh,.md") : n === "image" ? t.push("image/*") : n === "pdf" && t.push("application/pdf");
+	return t.join(",");
+}
+function p(e, t) {
+	if (t.length === 0) return e;
+	let n = [{
+		type: "text",
+		text: e
+	}];
+	for (let e of t) if (e.type.startsWith("image/")) n.push({
+		type: "image_url",
+		image_url: { url: e.base64 }
+	});
+	else {
+		let t = atob(e.base64.split(",")[1] || "");
+		n.push({
+			type: "text",
+			text: `[File: ${e.name}]\n${t}`
+		});
+	}
+	return n;
+}
+function m(e) {
+	let t = e.replace(/<think>[\s\S]*?<\/think>/g, "");
+	return t = t.replace(/<think>[\s\S]*$/, ""), t;
+}
+async function* h(e) {
+	let t = new TextDecoder(), n = "";
+	for (;;) {
+		let { done: r, value: i } = await e.read();
+		if (r) break;
+		n += t.decode(i, { stream: !0 });
+		let a = n.split("\n");
+		n = a.pop() || "";
+		for (let e of a) {
+			let t = e.trim();
+			if (t === "data: [DONE]") return;
+			if (t.startsWith("data: ")) try {
+				let e = JSON.parse(t.slice(6)).choices?.[0]?.delta?.content;
+				e && (yield e);
+			} catch {}
+		}
+	}
+}
+function g({ config: g, theme: _, messages: v, currentMarkdown: y, onMarkdownStream: b, onComplete: x, onError: S }) {
+	let [C, w] = s(""), [T, E] = s(!1), [D, O] = s([]), [k, A] = s(null), j = o(null), M = o(null), N = o(0), P = g.attachments && g.attachments.length > 0, F = a(async () => {
+		let e = C.trim();
+		if (!e && D.length === 0 || T) return;
+		E(!0), A(null);
+		let t = new AbortController();
+		j.current = t;
+		try {
+			let n = p(e, D), r = g.systemPrompt || d, i = y?.trim() ? `${r}\n\n#Current Mind Map\nThe user already has the following mind map. They may ask you to modify, expand, or optimize it. If the user's request is about the existing content, use it as the base and output the updated version. If the request is about a new topic, generate a fresh mind map.\n\n\`\`\`\n${y.trim()}\n\`\`\`` : r, a = JSON.stringify({
+				model: g.model,
+				messages: [{
+					role: "system",
+					content: i
+				}, {
+					role: "user",
+					content: n
+				}],
+				stream: !0
+			}), o = await fetch(g.apiUrl, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					Authorization: `Bearer ${g.apiKey}`
+				},
+				body: a,
+				signal: t.signal
+			});
+			if (!o.ok) throw Error(`API error: ${o.status}`);
+			let s = o.body?.getReader();
+			if (!s) throw Error("No response body");
+			let c = "", l = !1;
+			for await (let e of h(s)) if (c += e, !l) {
+				l = !0;
+				let e = m(c);
+				N.current = requestAnimationFrame(() => {
+					b(e), l = !1;
+				});
+			}
+			cancelAnimationFrame(N.current), c && b(m(c)), w(""), O([]), x();
+		} catch (e) {
+			if (e.name === "AbortError") x();
+			else {
+				let t = e.message || v.aiError;
+				A(t), S(t), setTimeout(() => A(null), 4e3);
+			}
+		} finally {
+			E(!1), j.current = null;
+		}
+	}, [
+		C,
+		D,
+		T,
+		g,
+		y,
+		v,
+		b,
+		x,
+		S
+	]), I = a(() => {
+		j.current?.abort();
+	}, []), L = a((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), F());
+	}, [F]), R = a((e) => {
+		let t = e.target.files;
+		t && (Array.from(t).forEach((e) => {
+			let t = new FileReader();
+			t.onload = () => {
+				O((n) => [...n, {
+					name: e.name,
+					type: e.type,
+					base64: t.result
+				}]);
+			}, t.readAsDataURL(e);
+		}), e.target.value = "");
+	}, []), z = a((e) => {
+		O((t) => t.filter((t, n) => n !== e));
+	}, []);
+	return /* @__PURE__ */ u("div", {
+		className: "mindmap-ai-input",
+		style: {
+			background: _.controls.bgColor,
+			color: _.controls.textColor,
+			borderColor: _.contextMenu.borderColor
+		},
+		children: [
+			D.length > 0 && /* @__PURE__ */ l("div", {
+				className: "mindmap-ai-file-previews",
+				children: D.map((t, n) => /* @__PURE__ */ u("span", {
+					className: "mindmap-ai-file-chip",
+					style: { background: _.controls.hoverBg },
+					children: [/* @__PURE__ */ l("span", {
+						className: "mindmap-ai-file-name",
+						children: t.name
+					}), /* @__PURE__ */ l("button", {
+						className: "mindmap-ai-file-remove",
+						onClick: () => z(n),
+						style: { color: _.controls.textColor },
+						children: /* @__PURE__ */ l(e, { size: 12 })
+					})]
+				}, n))
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "mindmap-ai-input-row",
+				children: [
+					P && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+						className: "mindmap-ai-attach-btn",
+						onClick: () => M.current?.click(),
+						disabled: T,
+						title: v.aiPlaceholder,
+						style: { color: _.controls.textColor },
+						children: /* @__PURE__ */ l(r, { size: 18 })
+					}), /* @__PURE__ */ l("input", {
+						ref: M,
+						type: "file",
+						accept: f(g.attachments),
+						multiple: !0,
+						style: { display: "none" },
+						onChange: R
+					})] }),
+					/* @__PURE__ */ l("input", {
+						className: "mindmap-ai-input-field",
+						type: "text",
+						value: T ? "" : C,
+						onChange: (e) => w(e.target.value),
+						onKeyDown: L,
+						placeholder: T ? v.aiGenerating : v.aiPlaceholder,
+						disabled: T,
+						style: { color: _.controls.textColor }
+					}),
+					/* @__PURE__ */ l("button", {
+						className: `mindmap-ai-send-btn${T ? " mindmap-ai-send-btn--loading" : ""}`,
+						onClick: T ? I : F,
+						disabled: !T && !C.trim() && D.length === 0,
+						style: {
+							background: T ? "transparent" : !C.trim() && D.length === 0 ? _.controls.hoverBg : _.root.bgColor,
+							color: T || !C.trim() && D.length === 0 ? _.controls.textColor : _.root.textColor
+						},
+						children: T ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
+							className: "mindmap-ai-spinner",
+							children: /* @__PURE__ */ l(n, { size: 20 })
+						}), /* @__PURE__ */ l("span", {
+							className: "mindmap-ai-stop-icon",
+							children: /* @__PURE__ */ l(i, { size: 16 })
+						})] }) : /* @__PURE__ */ l(t, { size: 16 })
+					})
+				]
+			}),
+			k && /* @__PURE__ */ l("div", {
+				className: "mindmap-ai-error",
+				style: { color: "#ef4444" },
+				children: k
+			})
+		]
+	});
+}
+//#endregion
+export { g as MindMapAIInput };

package/dist/esm/components/icons.js

@@ -41,5 +41,82 @@ function r({ size: t = 24, className: n }) {
 		})
 	});
 }
+function i({ size: n = 24, className: r }) {
+	return /* @__PURE__ */ t("svg", {
+		width: n,
+		height: n,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		className: r,
+		children: [/* @__PURE__ */ e("line", {
+			x1: "18",
+			y1: "6",
+			x2: "6",
+			y2: "18"
+		}), /* @__PURE__ */ e("line", {
+			x1: "6",
+			y1: "6",
+			x2: "18",
+			y2: "18"
+		})]
+	});
+}
+function a({ size: t = 24, className: n }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		className: n,
+		children: /* @__PURE__ */ e("path", { d: "M13 2L4.5 13.5H11L10 22L19.5 10.5H13L13 2Z" })
+	});
+}
+function o({ size: t = 24, className: n }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: n,
+		children: /* @__PURE__ */ e("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" })
+	});
+}
+function s({ size: t = 24, className: n }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		className: n,
+		children: /* @__PURE__ */ e("rect", {
+			x: "4",
+			y: "4",
+			width: "16",
+			height: "16",
+			rx: "2"
+		})
+	});
+}
+function c({ size: t = 24, className: n }) {
+	return /* @__PURE__ */ e("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: n,
+		children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+	});
+}
 //#endregion
-export { r as IconMinus, n as IconPlus };
+export { i as IconClose, a as IconLightning, c as IconLoaderCircle, r as IconMinus, o as IconPaperclip, n as IconPlus, s as IconStop };

package/dist/esm/hooks/useNodeEdit.js

@@ -2,7 +2,7 @@ import { updateNodeFieldsMulti as e } from "../utils/tree-ops.js";
 import { useCallback as t, useEffect as n, useState as r } from "react";
 //#region src/components/MindMap/hooks/useNodeEdit.ts
 function i(e) {
-	let t = e.match(/^\[([ x\-])\]\s+(.*)/);
+	let t = e.match(/^\[([ x-])\]\s+(.*)/);
 	if (!t) return { text: e };
 	let n = t[1], r = t[2];
 	return n === " " ? {

package/dist/esm/hooks/usePanZoom.js

@@ -5,7 +5,9 @@ function a(a, o) {
 		x: 0,
 		y: 0
 	}), [l, u] = i(1), d = r(0), f = r(l), p = r(s);
-	f.current = l, p.current = s;
+	t(() => {
+		f.current = l, p.current = s;
+	});
 	let m = n(() => {
 		if (o.length === 0) return {
 			x: 0,

package/dist/esm/plugins/tags.js

@@ -9,15 +9,15 @@ var t = /((?:\s+#[\w-]+)+)$/, n = [
 	"#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 ? {
+	transformNodeData(e) {
+		let n = e.text.match(t);
+		if (!n) return e;
+		let r = n[1], i = e.text.slice(0, e.text.length - r.length).trim(), a = [], o = /#([\w-]+)/g, s;
+		for (; (s = o.exec(r)) !== null;) a.push(s[1]);
+		return a.length > 0 ? {
 			...e,
-			text: a,
-			tags: o
+			text: i,
+			tags: a
 		} : e;
 	},
 	serializeNodeText(e, t) {

package/dist/esm/style.css

@@ -1,2 +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}
+.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}.mindmap-ai-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;border:1px solid;border-radius:26px;outline:none;width:calc(100% - 32px);max-width:600px;font-family:system-ui,-apple-system,sans-serif;animation:.15s ease-out mindmap-fade-in;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.mindmap-ai-input-row{align-items:center;gap:4px;padding:6px 6px 6px 16px;display:flex}.mindmap-ai-input-field{color:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px;line-height:1.5}.mindmap-ai-input-field:focus{box-shadow:none}.mindmap-ai-input-field::placeholder{opacity:.5}.mindmap-ai-input-field:disabled{opacity:.5;cursor:not-allowed}.mindmap-ai-send-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,opacity .15s,transform .1s;display:flex;position:relative}.mindmap-ai-send-btn:hover:not(:disabled){opacity:.85;transform:scale(1.05)}.mindmap-ai-send-btn:disabled{cursor:not-allowed;opacity:.4}.mindmap-ai-send-btn--loading{cursor:pointer}@keyframes mindmap-ai-spin{to{transform:rotate(360deg)}}.mindmap-ai-spinner{justify-content:center;align-items:center;transition:opacity .2s;animation:.8s linear infinite mindmap-ai-spin;display:flex}.mindmap-ai-stop-icon{opacity:0;color:#ef4444;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:scale(.5)}.mindmap-ai-send-btn--loading:hover .mindmap-ai-spinner{opacity:0}.mindmap-ai-send-btn--loading:hover .mindmap-ai-stop-icon{opacity:1;transform:scale(1)}.mindmap-ai-send-btn--loading:hover{background:#ef44441a!important}.mindmap-ai-attach-btn{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s,background .15s;display:flex}.mindmap-ai-attach-btn:hover:not(:disabled){opacity:1;background:#80808026}.mindmap-ai-attach-btn:disabled{cursor:not-allowed;opacity:.3}.mindmap-ai-file-previews{flex-wrap:wrap;gap:6px;padding:8px 12px 0;display:flex}.mindmap-ai-file-chip{border-radius:12px;align-items:center;gap:4px;max-width:160px;padding:3px 8px;font-size:12px;display:inline-flex}.mindmap-ai-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mindmap-ai-file-remove{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:opacity .15s;display:flex}.mindmap-ai-file-remove:hover{opacity:1}.mindmap-ai-error{padding:0 16px 8px;font-size:12px;animation:.15s ease-out mindmap-fade-in}@media (width<=768px){.mindmap-ai-input{border-radius:20px;max-width:calc(100% - 24px);bottom:48px}.mindmap-ai-input-row{padding:4px 4px 4px 12px}.mindmap-ai-send-btn{width:32px;height:32px}}
 /*$vite$:1*/

package/dist/esm/utils/i18n.js

@@ -17,6 +17,9 @@ var e = {
 	exportPNG: "导出为 PNG",
 	exportMarkdown: "导出为 Markdown",
 	layout: "布局",
+	aiPlaceholder: "让 AI 生成思维导图...",
+	aiGenerating: "生成中...",
+	aiError: "生成失败",
 	close: "关闭"
 }, t = {
 	newNode: "New Node",
@@ -36,6 +39,9 @@ var e = {
 	exportPNG: "Export as PNG",
 	exportMarkdown: "Export as Markdown",
 	layout: "Layout",
+	aiPlaceholder: "Ask AI to generate a mind map...",
+	aiGenerating: "Generating...",
+	aiError: "Generation failed",
 	close: "Close"
 }, n = {
 	"zh-CN": e,

package/dist/esm/utils/markdown.js

@@ -1,7 +1,7 @@
 import { runCollectFollowLines as e, runParseLine as t, runPostParseTree as n, runPreParseMarkdown as r, runSerializeFollowLines as i, runSerializeListMarker as a, runSerializeNodeText as o, runSerializePreamble as s, runTransformNodeData as c } from "../plugins/runner.js";
 //#region src/components/MindMap/utils/markdown.ts
 function l(e) {
-	let t = e.match(/^\[([ x\-])\]\s+(.*)/);
+	let t = e.match(/^\[([ x-])\]\s+(.*)/);
 	if (!t) return { text: e };
 	let n = t[1], r = t[2];
 	return n === " " ? {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { MindMap } from './MindMap';
-export type { MindMapData, MindMapProps, MindMapRef, MindMapEvent, LayoutDirection, ThemeMode, ToolbarConfig, TaskStatus, CrossLink } from './types';
+export type { MindMapData, MindMapProps, MindMapRef, MindMapEvent, LayoutDirection, ThemeMode, ToolbarConfig, TaskStatus, CrossLink, MindMapAIConfig, AIAttachmentType } from './types';
 export type { MindMapMessages } from './utils/i18n';
 export { resolveMessages, detectLocale } from './utils/i18n';
 export { buildExportSVG, buildExportSVGForPNG, exportToPNG } from './utils/export';