dishui 0.0.84 → 0.0.91

package/dist/components/pro/CodeEditor/editors/CodeEditor.js

@@ -1,290 +1,301 @@
 import { bracketMatchingStyle as e, jumpTargetHighlight as t, jumpToDefinition as n, lineHighlightStyle as r, smartAutocompletion as i } from "../extensions/index.js";
 import { createHighlightExtension as a, createThemeExtension as o } from "../themes.js";
 import { collectVariables as s, generateOutline as c } from "../utils.js";
-import { defaultContextMenu as l } from "../extensions/contextMenu.js";
-import { forwardRef as u, useCallback as d, useEffect as f, useImperativeHandle as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as ee } from "react/jsx-runtime";
-import { EditorView as _, drawSelection as te, highlightActiveLine as ne, highlightActiveLineGutter as re, keymap as ie, lineNumbers as ae } from "@codemirror/view";
-import { Compartment as v, EditorState as y } from "@codemirror/state";
-import { defaultKeymap as oe, history as se, historyKeymap as ce, indentWithTab as le } from "@codemirror/commands";
-import { bracketMatching as ue, defaultHighlightStyle as de, foldGutter as fe, indentOnInput as pe, syntaxHighlighting as me } from "@codemirror/language";
-import { closeBrackets as he, closeBracketsKeymap as ge, completionKeymap as _e } from "@codemirror/autocomplete";
-import { lintKeymap as ve } from "@codemirror/lint";
-import { searchKeymap as ye } from "@codemirror/search";
-import { javascript as b } from "@codemirror/lang-javascript";
-import { python as x } from "@codemirror/lang-python";
-import { html as S } from "@codemirror/lang-html";
-import { css as C } from "@codemirror/lang-css";
-import { json as w } from "@codemirror/lang-json";
-import { markdown as T } from "@codemirror/lang-markdown";
+import { defaultContextMenu as ee } from "../extensions/contextMenu.js";
+import { forwardRef as l, useCallback as u, useEffect as d, useImperativeHandle as te, useLayoutEffect as ne, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as re } from "react/jsx-runtime";
+import { EditorView as h, drawSelection as ie, highlightActiveLine as ae, highlightActiveLineGutter as oe, keymap as se, lineNumbers as ce } from "@codemirror/view";
+import { Compartment as g, EditorState as _ } from "@codemirror/state";
+import { defaultKeymap as le, history as ue, historyKeymap as de, indentWithTab as fe } from "@codemirror/commands";
+import { bracketMatching as pe, defaultHighlightStyle as me, foldGutter as he, indentOnInput as ge, syntaxHighlighting as _e } from "@codemirror/language";
+import { closeBrackets as ve, closeBracketsKeymap as ye, completionKeymap as be } from "@codemirror/autocomplete";
+import { lintKeymap as xe } from "@codemirror/lint";
+import { searchKeymap as Se } from "@codemirror/search";
+import { javascript as v } from "@codemirror/lang-javascript";
+import { python as y } from "@codemirror/lang-python";
+import { html as b } from "@codemirror/lang-html";
+import { css as x } from "@codemirror/lang-css";
+import { json as Ce } from "@codemirror/lang-json";
+import { markdown as we } from "@codemirror/lang-markdown";
 //#region src/components/pro/CodeEditor/editors/CodeEditor.tsx
-var E = (e) => ({
-	javascript: () => b({ jsx: !1 }),
-	jsx: () => b({ jsx: !0 }),
-	typescript: () => b({
+var Te = (e) => ({
+	javascript: () => v({ jsx: !1 }),
+	jsx: () => v({ jsx: !0 }),
+	typescript: () => v({
 		jsx: !1,
 		typescript: !0
 	}),
-	tsx: () => b({
+	tsx: () => v({
 		jsx: !0,
 		typescript: !0
 	}),
-	python: x,
-	html: S,
-	css: C,
-	json: w,
-	markdown: T
-})[e]?.() || b(), D = u(({ value: u = "", onChange: b, language: x = "javascript", theme: S = "light", readOnly: C = !1, lineNumbers: w = !0, highlightActiveLine: T = !0, autocompletion: D = !0, jumpToDefinition: O = !0, contextMenu: be, onVariablesCollected: k, onOutlineGenerated: A, enableHistory: j = !1, historyLimit: M = 50, historySaveInterval: N = 3, onHistoryChange: P, className: xe = "", height: Se = "400px", minHeight: Ce, maxHeight: we, placeholder: F, extensions: Te = [] }, Ee) => {
-	let I = m(null), L = m(null), [R, De] = h({
+	python: y,
+	html: b,
+	css: x,
+	json: Ce,
+	markdown: we
+})[e]?.() || v(), S = l(({ value: l = "", onChange: v, language: y = "javascript", theme: b = "light", readOnly: x = !1, lineNumbers: Ce = !0, highlightActiveLine: we = !0, autocompletion: S = !0, jumpToDefinition: C = !0, contextMenu: Ee, onVariablesCollected: w, onOutlineGenerated: T, enableHistory: E = !1, historyLimit: D = 50, historySaveInterval: O = 3, onHistoryChange: k, className: De = "", height: Oe = "400px", minHeight: ke, maxHeight: Ae, placeholder: je, extensions: Me = [] }, Ne) => {
+	let A = f(null), j = f(null), [M, N] = p({
 		visible: !1,
 		x: 0,
 		y: 0
-	}), [z, B] = h([]), [V, H] = h(-1), U = m(0), W = m(!1), G = m(!1), K = m(""), q = m(!1), J = m(""), Oe = m(new v()), ke = m(new v()), Ae = m(new v()), je = m(new v()), Y = m(x);
-	f(() => {
-		Y.current = x;
-	}, [x]);
-	let X = d((e) => {
-		if (L.current) try {
-			let t = L.current.state.doc.line(e);
-			L.current.dispatch({
+	}), [P, F] = p([]), [I, L] = p(-1), R = f(0), z = f(!1), B = f(!1), V = f(""), H = f(!1), U = f(""), Pe = f(new g()), Fe = f(new g()), Ie = f(new g()), Le = f(new g()), W = f(y), G = f(l), K = f(null), q = f(0), J = f({
+		onChange: v,
+		onVariablesCollected: w,
+		onOutlineGenerated: T
+	}), Re = !!w, ze = !!T, Y = u(() => {
+		q.current += 1, K.current !== null && (clearTimeout(K.current), K.current = null);
+	}, []), X = u((e, t = 150) => {
+		Y();
+		let n = j.current;
+		if (!n || !J.current.onVariablesCollected && !J.current.onOutlineGenerated) return;
+		let r = q.current, i = n.state.doc, a = W.current, o = () => r === q.current && j.current === n && n.state.doc === i && W.current === a;
+		K.current = setTimeout(() => {
+			if (K.current = null, !o()) return;
+			let t = J.current.onVariablesCollected ? s(e, a) : void 0, n = J.current.onOutlineGenerated ? c(e, a) : void 0;
+			t && o() && J.current.onVariablesCollected?.(t), n && o() && J.current.onOutlineGenerated?.(n);
+		}, t);
+	}, [Y]), Z = u((e) => {
+		if (j.current) try {
+			let t = j.current.state.doc.line(e);
+			j.current.dispatch({
 				selection: {
 					anchor: t.from,
 					head: t.to
 				},
 				scrollIntoView: !0
-			}), L.current.focus();
+			}), j.current.focus();
 		} catch (e) {
 			console.error("Failed to jump to line:", e);
 		}
-	}, []), Z = d((e, t) => {
-		if (!j || W.current || G.current) return;
-		let n = Date.now(), r = N * 1e4;
-		if (!(n - U.current >= r)) {
-			q.current = !0, K.current = e;
+	}, []), Q = u((e, t) => {
+		if (!E || z.current || B.current) return;
+		let n = Date.now(), r = O * 1e4;
+		if (!(n - R.current >= r)) {
+			H.current = !0, V.current = e;
 			return;
 		}
-		if (e === J.current && !t) {
-			q.current = !1;
+		if (e === U.current && !t) {
+			H.current = !1;
 			return;
 		}
-		U.current = n, q.current = !1, J.current = e, B((r) => {
-			let i = V >= 0 ? r.slice(0, V + 1) : r, a = {
+		R.current = n, H.current = !1, U.current = e, F((r) => {
+			let i = I >= 0 ? r.slice(0, I + 1) : r, a = {
 				id: `${n}-${Math.random()}`,
 				timestamp: new Date(n),
 				content: e,
 				description: t
 			}, o = [...i, a];
-			o.length > M && o.shift();
+			o.length > D && o.shift();
 			let s = o.length - 1;
-			return H(s), setTimeout(() => {
-				P && P(o, s);
+			return L(s), setTimeout(() => {
+				k && k(o, s);
 			}, 0), o;
 		});
 	}, [
-		j,
-		M,
-		N,
-		V,
-		P
-	]), Q = d((e) => {
-		if (e < 0 || e >= z.length) return;
-		W.current = !0;
-		let t = z[e];
-		L.current && L.current.dispatch({ changes: {
+		E,
+		D,
+		O,
+		I,
+		k
+	]), Be = f(Q);
+	ne(() => {
+		W.current = y, J.current = {
+			onChange: v,
+			onVariablesCollected: w,
+			onOutlineGenerated: T
+		}, Be.current = Q;
+	});
+	let Ve = u((e) => {
+		if (e < 0 || e >= P.length) return;
+		z.current = !0;
+		let t = P[e];
+		j.current && j.current.dispatch({ changes: {
 			from: 0,
-			to: L.current.state.doc.length,
+			to: j.current.state.doc.length,
 			insert: t.content
 		} });
-		let n = z.slice(0, e + 1);
-		B(n);
+		let n = P.slice(0, e + 1);
+		F(n);
 		let r = n.length - 1;
-		H(r), setTimeout(() => {
-			P && P(n, r);
-		}, 0), b && b(t.content), setTimeout(() => {
-			W.current = !1;
+		L(r), setTimeout(() => {
+			k && k(n, r);
+		}, 0), v && v(t.content), setTimeout(() => {
+			z.current = !1;
 		}, 100);
 	}, [
-		z,
-		b,
-		P
+		P,
+		v,
+		k
 	]);
-	p(Ee, () => ({
-		jumpToLine: X,
-		getView: () => L.current,
-		getValue: () => L.current?.state.doc.toString() || "",
+	te(Ne, () => ({
+		jumpToLine: Z,
+		getView: () => j.current,
+		getValue: () => j.current?.state.doc.toString() || "",
 		setValue: (e) => {
-			L.current && L.current.dispatch({ changes: {
+			j.current && j.current.dispatch({ changes: {
 				from: 0,
-				to: L.current.state.doc.length,
+				to: j.current.state.doc.length,
 				insert: e
 			} });
 		},
-		focus: () => L.current?.focus(),
-		getHistory: () => z,
-		restoreHistory: Q,
+		focus: () => j.current?.focus(),
+		getHistory: () => P,
+		restoreHistory: Ve,
 		clearHistory: () => {
-			B([]), H(-1), U.current = 0, q.current = !1, K.current = "", J.current = "", setTimeout(() => {
-				P && P([], -1);
+			F([]), L(-1), R.current = 0, H.current = !1, V.current = "", U.current = "", setTimeout(() => {
+				k && k([], -1);
 			}, 0);
 		}
 	}), [
-		X,
-		z,
-		Q,
-		P
-	]), f(() => {
-		if (!j) return;
-		let e = N * 1e4, t = setInterval(() => {
-			q.current && K.current && Z(K.current);
+		Z,
+		P,
+		Ve,
+		k
+	]), d(() => {
+		if (!E) return;
+		let e = O * 1e4, t = setInterval(() => {
+			H.current && V.current && Q(V.current);
 		}, e);
 		return () => clearInterval(t);
 	}, [
-		j,
-		N,
-		Z
-	]), f(() => {
-		if (!I.current) return;
-		let l = _.updateListener.of((e) => {
-			if (e.docChanged && b) {
-				let t = e.state.doc.toString();
-				b(t), j && !G.current && Z(t), G.current &&= !1;
-			}
-			if (e.docChanged && k) {
-				let t = e.state.doc.toString();
-				k(s(t, Y.current));
-			}
-			if (e.docChanged && A) {
-				let t = e.state.doc.toString();
-				A(c(t, Y.current));
+		E,
+		O,
+		Q
+	]), d(() => {
+		if (!A.current) return;
+		let s = h.updateListener.of((e) => {
+			if (!e.docChanged) return;
+			let t = e.state.doc.toString();
+			G.current = t, X(t);
+			try {
+				B.current || Be.current(t);
+			} finally {
+				B.current = !1;
 			}
-		}), d = [
-			se(),
-			te(),
+			J.current.onChange?.(t);
+		}), c = [
 			ue(),
-			he(),
+			ie(),
 			pe(),
-			me(de, { fallback: !0 }),
-			Oe.current.of(E(x)),
-			ke.current.of(o(S)),
-			Ae.current.of(a(S)),
-			je.current.of(y.readOnly.of(C)),
-			l,
-			ie.of([
-				...ge,
-				...oe,
+			ve(),
+			ge(),
+			_e(me, { fallback: !0 }),
+			Pe.current.of(Te(y)),
+			Fe.current.of(o(b)),
+			Ie.current.of(a(b)),
+			Le.current.of(_.readOnly.of(x)),
+			s,
+			se.of([
 				...ye,
-				...ce,
-				..._e,
-				...ve,
-				le
+				...le,
+				...Se,
+				...de,
+				...be,
+				...xe,
+				fe
 			]),
 			e,
 			r,
 			t
 		];
-		if (w && d.push(ae(), fe(), re()), T && d.push(ne()), D) {
-			let e = typeof D == "object" ? D : {};
-			d.push(i(x, e));
+		if (Ce && c.push(ce(), he(), oe()), we && c.push(ae()), S) {
+			let e = typeof S == "object" ? S : {};
+			c.push(i(y, e));
 		}
-		if (O) {
-			let e = typeof O == "object" ? O : {};
-			d.push(n(X, e));
+		if (C) {
+			let e = typeof C == "object" ? C : {};
+			c.push(n(Z, e));
 		}
-		F && d.push(_.contentAttributes.of({ "data-placeholder": F })), Te.length > 0 && d.push(...Te);
-		let f = y.create({
-			doc: u,
-			extensions: d
-		}), p = new _({
-			state: f,
-			parent: I.current
+		je && c.push(h.contentAttributes.of({ "data-placeholder": je })), Me.length > 0 && c.push(...Me);
+		let ee = _.create({
+			doc: l,
+			extensions: c
+		}), u = new h({
+			state: ee,
+			parent: A.current
 		});
-		return L.current = p, setTimeout(() => {
-			k && k(s(u, x)), A && A(c(u, x));
-		}, 0), j && u && Z(u, "Initial content"), () => {
-			p.destroy();
+		return j.current = u, G.current = u.state.doc.toString(), E && l && Q(l, "Initial content"), () => {
+			Y(), j.current = null, u.destroy();
 		};
-	}, []), f(() => {
-		L.current && u !== L.current.state.doc.toString() && (G.current = !0, L.current.dispatch({ changes: {
+	}, []), d(() => {
+		j.current && l !== G.current && (B.current = !0, j.current.dispatch({ changes: {
 			from: 0,
-			to: L.current.state.doc.length,
-			insert: u
+			to: j.current.state.doc.length,
+			insert: l
 		} }));
-	}, [u]), f(() => {
-		if (L.current) {
-			L.current.dispatch({ effects: Oe.current.reconfigure(E(x)) });
-			let e = L.current.state.doc.toString();
-			setTimeout(() => {
-				k && k(s(e, x)), A && A(c(e, x));
-			}, 0);
-		}
-	}, [
-		x,
-		k,
-		A
-	]), f(() => {
-		L.current && L.current.dispatch({ effects: [ke.current.reconfigure(o(S)), Ae.current.reconfigure(a(S))] });
-	}, [S]), f(() => {
-		L.current && L.current.dispatch({ effects: je.current.reconfigure(y.readOnly.of(C)) });
-	}, [C]);
-	let Me = d((e) => {
-		e.preventDefault(), De({
+	}, [l]), d(() => {
+		j.current && j.current.dispatch({ effects: Pe.current.reconfigure(Te(y)) });
+	}, [y]), d(() => (X(G.current, 0), Y), [
+		y,
+		Re,
+		ze,
+		X,
+		Y
+	]), d(() => {
+		j.current && j.current.dispatch({ effects: [Fe.current.reconfigure(o(b)), Ie.current.reconfigure(a(b))] });
+	}, [b]), d(() => {
+		j.current && j.current.dispatch({ effects: Le.current.reconfigure(_.readOnly.of(x)) });
+	}, [x]);
+	let He = u((e) => {
+		e.preventDefault(), N({
 			visible: !0,
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, []), $ = d(() => {
-		De({
+	}, []), $ = u(() => {
+		N({
 			visible: !1,
 			x: 0,
 			y: 0
 		});
-	}, []), Ne = d((e) => {
-		L.current && !e.disabled && e.action(L.current), $();
+	}, []), Ue = u((e) => {
+		j.current && !e.disabled && e.action(j.current), $();
 	}, [$]);
-	f(() => {
-		if (R.visible) {
+	d(() => {
+		if (M.visible) {
 			let e = () => $();
 			return document.addEventListener("click", e), () => document.removeEventListener("click", e);
 		}
-	}, [R.visible, $]);
-	let Pe = {
-		height: Se,
-		minHeight: Ce,
-		maxHeight: we,
+	}, [M.visible, $]);
+	let We = {
+		height: Oe,
+		minHeight: ke,
+		maxHeight: Ae,
 		overflow: "auto"
-	}, Fe = be || l;
-	return /* @__PURE__ */ ee("div", {
-		className: `code-editor-wrapper ${xe}`,
+	}, Ge = Ee || ee;
+	return /* @__PURE__ */ re("div", {
+		className: `code-editor-wrapper ${De}`,
 		children: [
-			/* @__PURE__ */ g("div", {
-				ref: I,
-				onContextMenu: Me,
-				style: Pe,
+			/* @__PURE__ */ m("div", {
+				ref: A,
+				onContextMenu: He,
+				style: We,
 				className: "code-editor"
 			}),
-			R.visible && /* @__PURE__ */ g("div", {
+			M.visible && /* @__PURE__ */ m("div", {
 				className: "context-menu",
 				style: {
 					position: "fixed",
-					top: R.y,
-					left: R.x,
+					top: M.y,
+					left: M.x,
 					zIndex: 1e3
 				},
-				children: /* @__PURE__ */ g("ul", {
+				children: /* @__PURE__ */ m("ul", {
 					className: "menu bg-base-200 rounded-box shadow-lg",
-					children: Fe.map((e, t) => e.separator ? /* @__PURE__ */ g("li", { className: "menu-separator" }, t) : /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g("a", {
-						onClick: () => Ne(e),
+					children: Ge.map((e, t) => e.separator ? /* @__PURE__ */ m("li", { className: "menu-separator" }, t) : /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m("a", {
+						onClick: () => Ue(e),
 						className: e.disabled ? "disabled" : "",
 						children: e.label
 					}) }, t))
 				})
 			}),
-			/* @__PURE__ */ g("style", { children: "\n        .code-editor-wrapper {\n          position: relative;\n          border: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2));\n          border-radius: 0.5rem;\n          overflow: hidden;\n        }\n\n        .code-editor .cm-editor {\n          height: 100%;\n        }\n\n        .code-editor .cm-scroller {\n          overflow: auto;\n          font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;\n          font-size: 14px;\n          line-height: 1.5;\n        }\n\n        .code-editor .cm-content[data-placeholder]::before {\n          content: attr(data-placeholder);\n          color: var(--fallback-bc, oklch(var(--bc) / 0.4));\n          position: absolute;\n          pointer-events: none;\n        }\n\n        .context-menu {\n          min-width: 150px;\n        }\n\n        .context-menu .menu-separator {\n          height: 1px;\n          background: var(--fallback-bc, oklch(var(--bc) / 0.2));\n          margin: 0.25rem 0;\n        }\n\n        .context-menu .disabled {\n          opacity: 0.5;\n          pointer-events: none;\n        }\n      " })
+			/* @__PURE__ */ m("style", { children: "\n        .code-editor-wrapper {\n          position: relative;\n          border: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2));\n          border-radius: 0.5rem;\n          overflow: hidden;\n        }\n\n        .code-editor .cm-editor {\n          height: 100%;\n        }\n\n        .code-editor .cm-scroller {\n          overflow: auto;\n          font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;\n          font-size: 14px;\n          line-height: 1.5;\n        }\n\n        .code-editor .cm-content[data-placeholder]::before {\n          content: attr(data-placeholder);\n          color: var(--fallback-bc, oklch(var(--bc) / 0.4));\n          position: absolute;\n          pointer-events: none;\n        }\n\n        .context-menu {\n          min-width: 150px;\n        }\n\n        .context-menu .menu-separator {\n          height: 1px;\n          background: var(--fallback-bc, oklch(var(--bc) / 0.2));\n          margin: 0.25rem 0;\n        }\n\n        .context-menu .disabled {\n          opacity: 0.5;\n          pointer-events: none;\n        }\n      " })
 		]
 	});
 });
-D.displayName = "CodeEditor";
+S.displayName = "CodeEditor";
 //#endregion
-export { D as default };
+export { S as default };
 
 //# sourceMappingURL=CodeEditor.js.map

package/dist/components/pro/CodeEditor/editors/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/editors/CodeEditor.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback, forwardRef, useImperativeHandle } from 'react';\nimport { EditorView, keymap, lineNumbers, highlightActiveLine, highlightActiveLineGutter, drawSelection } from '@codemirror/view';\nimport { EditorState, Extension, Compartment } from '@codemirror/state';\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';\nimport { syntaxHighlighting, defaultHighlightStyle, foldGutter, indentOnInput, bracketMatching } from '@codemirror/language';\nimport { completionKeymap, closeBrackets, closeBracketsKeymap } from '@codemirror/autocomplete';\nimport { lintKeymap } from '@codemirror/lint';\nimport { searchKeymap } from '@codemirror/search';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { python } from '@codemirror/lang-python';\nimport { html } from '@codemirror/lang-html';\nimport { css } from '@codemirror/lang-css';\nimport { json } from '@codemirror/lang-json';\nimport { markdown } from '@codemirror/lang-markdown';\nimport { jumpToDefinition, smartAutocompletion, bracketMatchingStyle, lineHighlightStyle, jumpTargetHighlight } from '../extensions';\nimport { createThemeExtension, createHighlightExtension } from '../themes';\nimport { collectVariables, generateOutline } from '../utils';\nimport { defaultContextMenu } from '../extensions/contextMenu';\n\n// 导出类型\nexport type {\n  CodeEditorProps,\n  CodeEditorHandle,\n  LanguageType,\n  EditorTheme,\n  ContextMenuItem,\n  VariableInfo,\n  OutlineItem,\n  AutocompletionConfig,\n  JumpToDefinitionConfig,\n  CodeSnippet,\n  HistoryEntry,\n} from '../types';\n\nimport type { CodeEditorProps, CodeEditorHandle, AutocompletionConfig, JumpToDefinitionConfig, HistoryEntry } from '../types';\n\n// ============= 语言扩展映射 =============\n\nconst getLanguageExtension = (language: string): Extension => {\n  const langMap: Record<string, () => Extension> = {\n    javascript: () => javascript({ jsx: false }),\n    jsx: () => javascript({ jsx: true }),\n    typescript: () => javascript({ jsx: false, typescript: true }),\n    tsx: () => javascript({ jsx: true, typescript: true }),\n    python,\n    html,\n    css,\n    json,\n    markdown,\n  };\n\n  return langMap[language]?.() || javascript();\n};\n\n// ============= CodeEditor 组件 =============\n\nconst CodeEditor = forwardRef<CodeEditorHandle, CodeEditorProps>(({\n  value = '',\n  onChange,\n  language = 'javascript',\n  theme = 'light',\n  readOnly = false,\n  lineNumbers: showLineNumbers = true,\n  highlightActiveLine: shouldHighlightActiveLine = true,\n  autocompletion = true,\n  jumpToDefinition: jumpToDefinitionConfig = true,\n  contextMenu,\n  onVariablesCollected,\n  onOutlineGenerated,\n  enableHistory = false,\n  historyLimit = 50,\n  historySaveInterval = 3, // 默认 3 * 10s = 30s\n  onHistoryChange,\n  className = '',\n  height = '400px',\n  minHeight,\n  maxHeight,\n  placeholder,\n  extensions: customExtensions = [],\n}, ref) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<EditorView | null>(null);\n  const [contextMenuState, setContextMenuState] = useState<{\n    visible: boolean;\n    x: number;\n    y: number;\n  }>({ visible: false, x: 0, y: 0 });\n\n  // 历史记录状态\n  const [codeHistory, setCodeHistory] = useState<HistoryEntry[]>([]);\n  const [currentHistoryIndex, setCurrentHistoryIndex] = useState<number>(-1);\n  const lastSaveTime = useRef<number>(0);\n  const isRestoringHistory = useRef<boolean>(false);\n  const isExternalUpdate = useRef<boolean>(false); // 标记是否是外部更新\n  const pendingContent = useRef<string>('');\n  const hasChanges = useRef<boolean>(false);\n  const lastSavedContent = useRef<string>(''); // 记录上次保存的内容\n\n  // 配置隔间，用于动态更新\n  const languageCompartment = useRef(new Compartment());\n  const themeCompartment = useRef(new Compartment());\n  const highlightCompartment = useRef(new Compartment());\n  const readOnlyCompartment = useRef(new Compartment());\n\n  // 使用 ref 存储 language，确保 updateListener 能访问到最新值\n  const languageRef = useRef(language);\n\n  // 更新 languageRef\n  useEffect(() => {\n    languageRef.current = language;\n  }, [language]);\n\n  // 跳转到指定行\n  const jumpToLine = useCallback((line: number) => {\n    if (viewRef.current) {\n      try {\n        const lineInfo = viewRef.current.state.doc.line(line);\n        viewRef.current.dispatch({\n          selection: { anchor: lineInfo.from, head: lineInfo.to },\n          scrollIntoView: true,\n        });\n        viewRef.current.focus();\n      } catch (error) {\n        console.error('Failed to jump to line:', error);\n      }\n    }\n  }, []);\n\n  // 添加历史记录\n  const addToHistory = useCallback((content: string, description?: string) => {\n    // 如果是外部更新或正在恢复历史，不添加记录\n    if (!enableHistory || isRestoringHistory.current || isExternalUpdate.current) {\n      return;\n    }\n\n    const now = Date.now();\n    const intervalMs = historySaveInterval * 10000; // 转换为毫秒\n    const timeSinceLastSave = now - lastSaveTime.current;\n    const timeCheckPassed = timeSinceLastSave >= intervalMs;\n\n    // 按配置的间隔记录\n    if (!timeCheckPassed) {\n      // 时间未到，标记有变更，但不立即保存\n      hasChanges.current = true;\n      pendingContent.current = content;\n      return;\n    }\n\n    // 时间检查已通过，现在检查内容是否真的发生变化\n    if (content === lastSavedContent.current && !description) {\n      // 内容没有变化，不保存\n      hasChanges.current = false;\n      return;\n    }\n\n    // 时间检查通过 + 内容有变化 → 保存！\n    lastSaveTime.current = now;\n    hasChanges.current = false;\n    lastSavedContent.current = content; // 记录本次保存的内容\n\n    setCodeHistory((prevHistory) => {\n      // 如果当前不在最新位置，删除后面的历史\n      const newHistory = currentHistoryIndex >= 0\n        ? prevHistory.slice(0, currentHistoryIndex + 1)\n        : prevHistory;\n\n      const newEntry: HistoryEntry = {\n        id: `${now}-${Math.random()}`,\n        timestamp: new Date(now),\n        content,\n        description,\n      };\n\n      const updatedHistory = [...newHistory, newEntry];\n\n      // 限制历史记录数量\n      if (updatedHistory.length > historyLimit) {\n        updatedHistory.shift();\n      }\n\n      const newIndex = updatedHistory.length - 1;\n      setCurrentHistoryIndex(newIndex);\n\n      // 延迟调用 onHistoryChange 避免在渲染期间更新父组件\n      setTimeout(() => {\n        if (onHistoryChange) {\n          onHistoryChange(updatedHistory, newIndex);\n        }\n      }, 0);\n\n      return updatedHistory;\n    });\n  }, [enableHistory, historyLimit, historySaveInterval, currentHistoryIndex, onHistoryChange]);\n\n  // 恢复历史记录\n  const restoreHistory = useCallback((index: number) => {\n    if (index < 0 || index >= codeHistory.length) return;\n\n    isRestoringHistory.current = true;\n    const entry = codeHistory[index];\n\n    if (viewRef.current) {\n      viewRef.current.dispatch({\n        changes: {\n          from: 0,\n          to: viewRef.current.state.doc.length,\n          insert: entry.content,\n        },\n      });\n    }\n\n    // 清除当前版本之后的所有版本\n    const newHistory = codeHistory.slice(0, index + 1);\n    setCodeHistory(newHistory);\n\n    // 回滚的版本成为最新版本\n    const newIndex = newHistory.length - 1;\n    setCurrentHistoryIndex(newIndex);\n\n    // 延迟调用 onHistoryChange 避免在渲染期间更新父组件\n    setTimeout(() => {\n      if (onHistoryChange) {\n        onHistoryChange(newHistory, newIndex);\n      }\n    }, 0);\n\n    // 触发 onChange\n    if (onChange) {\n      onChange(entry.content);\n    }\n\n    // 延迟重置标志，确保不会立即添加到历史\n    setTimeout(() => {\n      isRestoringHistory.current = false;\n    }, 100);\n  }, [codeHistory, onChange, onHistoryChange]);\n\n  // 暴露历史记录相关方法\n  useImperativeHandle(ref, () => ({\n    jumpToLine,\n    getView: () => viewRef.current,\n    getValue: () => viewRef.current?.state.doc.toString() || '',\n    setValue: (newValue: string) => {\n      if (viewRef.current) {\n        viewRef.current.dispatch({\n          changes: {\n            from: 0,\n            to: viewRef.current.state.doc.length,\n            insert: newValue,\n          },\n        });\n      }\n    },\n    focus: () => viewRef.current?.focus(),\n    getHistory: () => codeHistory,\n    restoreHistory,\n    clearHistory: () => {\n      setCodeHistory([]);\n      setCurrentHistoryIndex(-1);\n      // 重置所有历史记录相关的内部状态\n      lastSaveTime.current = 0;\n      hasChanges.current = false;\n      pendingContent.current = '';\n      lastSavedContent.current = '';\n      // 延迟调用 onHistoryChange 避免在渲染期间更新父组件\n      setTimeout(() => {\n        if (onHistoryChange) {\n          onHistoryChange([], -1);\n        }\n      }, 0);\n    },\n  } as any), [jumpToLine, codeHistory, restoreHistory, onHistoryChange]);\n\n  // 定时保存待处理的历史记录\n  useEffect(() => {\n    if (!enableHistory) return;\n\n    const intervalMs = historySaveInterval * 10000; // 转换为毫秒\n\n    const interval = setInterval(() => {\n      if (hasChanges.current && pendingContent.current) {\n        addToHistory(pendingContent.current);\n      }\n    }, intervalMs);\n\n    return () => clearInterval(interval);\n  }, [enableHistory, historySaveInterval, addToHistory]);\n\n  // 初始化编辑器\n  useEffect(() => {\n    if (!editorRef.current) return;\n\n    const updateListener = EditorView.updateListener.of((update) => {\n      if (update.docChanged && onChange) {\n        const newContent = update.state.doc.toString();\n        onChange(newContent);\n\n        // 添加到历史记录\n        // 注意：只有在用户实际输入时才添加，外部更新不添加\n        if (enableHistory && !isExternalUpdate.current) {\n          addToHistory(newContent);\n        }\n\n        // 如果是外部更新触发的变更，重置标志\n        if (isExternalUpdate.current) {\n          isExternalUpdate.current = false;\n        }\n      }\n\n      if (update.docChanged && onVariablesCollected) {\n        const code = update.state.doc.toString();\n        // 使用 languageRef.current 获取最新的 language 值\n        const variables = collectVariables(code, languageRef.current);\n        onVariablesCollected(variables);\n      }\n\n      if (update.docChanged && onOutlineGenerated) {\n        const code = update.state.doc.toString();\n        // 使用 languageRef.current 获取最新的 language 值\n        const outline = generateOutline(code, languageRef.current);\n        onOutlineGenerated(outline);\n      }\n    });\n\n    const baseExtensions: Extension[] = [\n      history(),\n      drawSelection(),\n      bracketMatching(),\n      closeBrackets(),\n      indentOnInput(),\n      syntaxHighlighting(defaultHighlightStyle, { fallback: true }),\n      languageCompartment.current.of(getLanguageExtension(language)),\n      themeCompartment.current.of(createThemeExtension(theme)),\n      highlightCompartment.current.of(createHighlightExtension(theme)),\n      readOnlyCompartment.current.of(EditorState.readOnly.of(readOnly)),\n      updateListener,\n      keymap.of([\n        ...closeBracketsKeymap,\n        ...defaultKeymap,\n        ...searchKeymap,\n        ...historyKeymap,\n        ...completionKeymap,\n        ...lintKeymap,\n        indentWithTab,\n      ]),\n      bracketMatchingStyle,\n      lineHighlightStyle,\n      jumpTargetHighlight,\n    ];\n\n    // 可选扩展\n    if (showLineNumbers) {\n      baseExtensions.push(lineNumbers(), foldGutter(), highlightActiveLineGutter());\n    }\n\n    if (shouldHighlightActiveLine) {\n      baseExtensions.push(highlightActiveLine());\n    }\n\n    // 自动补全\n    if (autocompletion) {\n      const config: AutocompletionConfig = typeof autocompletion === 'object' ? autocompletion : {};\n      baseExtensions.push(smartAutocompletion(language, config));\n    }\n\n    // 跳转到定义\n    if (jumpToDefinitionConfig) {\n      const config: JumpToDefinitionConfig = typeof jumpToDefinitionConfig === 'object'\n        ? jumpToDefinitionConfig\n        : {};\n      baseExtensions.push(jumpToDefinition(jumpToLine, config));\n    }\n\n    // 占位符\n    if (placeholder) {\n      baseExtensions.push(\n        EditorView.contentAttributes.of({ 'data-placeholder': placeholder })\n      );\n    }\n\n    // 自定义扩展\n    if (customExtensions.length > 0) {\n      baseExtensions.push(...customExtensions);\n    }\n\n    const startState = EditorState.create({\n      doc: value,\n      extensions: baseExtensions,\n    });\n\n    const view = new EditorView({\n      state: startState,\n      parent: editorRef.current,\n    });\n\n    viewRef.current = view;\n\n    // 延迟初始收集变量和大纲（避免在渲染期间更新父组件）\n    setTimeout(() => {\n      if (onVariablesCollected) {\n        const variables = collectVariables(value, language);\n        onVariablesCollected(variables);\n      }\n\n      if (onOutlineGenerated) {\n        const outline = generateOutline(value, language);\n        onOutlineGenerated(outline);\n      }\n    }, 0);\n\n    // 添加初始内容到历史记录\n    if (enableHistory && value) {\n      addToHistory(value, 'Initial content');\n    }\n\n    return () => {\n      view.destroy();\n    };\n  }, []); // 只在挂载时初始化\n\n  // 更新值\n  useEffect(() => {\n    if (viewRef.current && value !== viewRef.current.state.doc.toString()) {\n      isExternalUpdate.current = true; // 标记为外部更新\n      viewRef.current.dispatch({\n        changes: {\n          from: 0,\n          to: viewRef.current.state.doc.length,\n          insert: value,\n        },\n      });\n      // 注意：标志会在 updateListener 中被立即重置，不需要 setTimeout\n    }\n  }, [value]);\n\n  // 更新语言\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.dispatch({\n        effects: languageCompartment.current.reconfigure(getLanguageExtension(language)),\n      });\n\n      const code = viewRef.current.state.doc.toString();\n\n      // 延迟执行回调，避免在渲染期间更新父组件\n      setTimeout(() => {\n        if (onVariablesCollected) {\n          const variables = collectVariables(code, language);\n          onVariablesCollected(variables);\n        }\n        if (onOutlineGenerated) {\n          const outline = generateOutline(code, language);\n          onOutlineGenerated(outline);\n        }\n      }, 0);\n    }\n  }, [language, onVariablesCollected, onOutlineGenerated]);\n\n  // 更新主题\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.dispatch({\n        effects: [\n          themeCompartment.current.reconfigure(createThemeExtension(theme)),\n          highlightCompartment.current.reconfigure(createHighlightExtension(theme)),\n        ],\n      });\n    }\n  }, [theme]);\n\n  // 更新只读状态\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.dispatch({\n        effects: readOnlyCompartment.current.reconfigure(EditorState.readOnly.of(readOnly)),\n      });\n    }\n  }, [readOnly]);\n\n  // 处理右键菜单\n  const handleContextMenu = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    setContextMenuState({\n      visible: true,\n      x: e.clientX,\n      y: e.clientY,\n    });\n  }, []);\n\n  const closeContextMenu = useCallback(() => {\n    setContextMenuState({ visible: false, x: 0, y: 0 });\n  }, []);\n\n  const handleMenuItemClick = useCallback(\n    (item: any) => {\n      if (viewRef.current && !item.disabled) {\n        item.action(viewRef.current);\n      }\n      closeContextMenu();\n    },\n    [closeContextMenu]\n  );\n\n  // 点击其他地方关闭菜单\n  useEffect(() => {\n    if (contextMenuState.visible) {\n      const handleClick = () => closeContextMenu();\n      document.addEventListener('click', handleClick);\n      return () => document.removeEventListener('click', handleClick);\n    }\n  }, [contextMenuState.visible, closeContextMenu]);\n\n  const editorStyles: React.CSSProperties = {\n    height,\n    minHeight,\n    maxHeight,\n    overflow: 'auto',\n  };\n\n  const menuItems = contextMenu || defaultContextMenu;\n\n  return (\n    <div className={`code-editor-wrapper ${className}`}>\n      <div\n        ref={editorRef}\n        onContextMenu={handleContextMenu}\n        style={editorStyles}\n        className=\"code-editor\"\n      />\n\n      {/* 上下文菜单 */}\n      {contextMenuState.visible && (\n        <div\n          className=\"context-menu\"\n          style={{\n            position: 'fixed',\n            top: contextMenuState.y,\n            left: contextMenuState.x,\n            zIndex: 1000,\n          }}\n        >\n          <ul className=\"menu bg-base-200 rounded-box shadow-lg\">\n            {menuItems.map((item, index) => {\n              if (item.separator) {\n                return <li key={index} className=\"menu-separator\" />;\n              }\n              return (\n                <li key={index}>\n                  <a\n                    onClick={() => handleMenuItemClick(item)}\n                    className={item.disabled ? 'disabled' : ''}\n                  >\n                    {item.label}\n                  </a>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      )}\n\n      <style>{`\n        .code-editor-wrapper {\n          position: relative;\n          border: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2));\n          border-radius: 0.5rem;\n          overflow: hidden;\n        }\n\n        .code-editor .cm-editor {\n          height: 100%;\n        }\n\n        .code-editor .cm-scroller {\n          overflow: auto;\n          font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;\n          font-size: 14px;\n          line-height: 1.5;\n        }\n\n        .code-editor .cm-content[data-placeholder]::before {\n          content: attr(data-placeholder);\n          color: var(--fallback-bc, oklch(var(--bc) / 0.4));\n          position: absolute;\n          pointer-events: none;\n        }\n\n        .context-menu {\n          min-width: 150px;\n        }\n\n        .context-menu .menu-separator {\n          height: 1px;\n          background: var(--fallback-bc, oklch(var(--bc) / 0.2));\n          margin: 0.25rem 0;\n        }\n\n        .context-menu .disabled {\n          opacity: 0.5;\n          pointer-events: none;\n        }\n      `}</style>\n    </div>\n  );\n});\n\nCodeEditor.displayName = 'CodeEditor';\n\nexport default CodeEditor;\n\n"],"mappings":"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"}
+{"version":3,"file":"CodeEditor.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/editors/CodeEditor.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState, useCallback, forwardRef, useImperativeHandle } from 'react';\nimport { EditorView, keymap, lineNumbers, highlightActiveLine, highlightActiveLineGutter, drawSelection } from '@codemirror/view';\nimport { EditorState, Extension, Compartment } from '@codemirror/state';\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';\nimport { syntaxHighlighting, defaultHighlightStyle, foldGutter, indentOnInput, bracketMatching } from '@codemirror/language';\nimport { completionKeymap, closeBrackets, closeBracketsKeymap } from '@codemirror/autocomplete';\nimport { lintKeymap } from '@codemirror/lint';\nimport { searchKeymap } from '@codemirror/search';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { python } from '@codemirror/lang-python';\nimport { html } from '@codemirror/lang-html';\nimport { css } from '@codemirror/lang-css';\nimport { json } from '@codemirror/lang-json';\nimport { markdown } from '@codemirror/lang-markdown';\nimport { jumpToDefinition, smartAutocompletion, bracketMatchingStyle, lineHighlightStyle, jumpTargetHighlight } from '../extensions';\nimport { createThemeExtension, createHighlightExtension } from '../themes';\nimport { collectVariables, generateOutline } from '../utils';\nimport { defaultContextMenu } from '../extensions/contextMenu';\n\n// 导出类型\nexport type {\n  CodeEditorProps,\n  CodeEditorHandle,\n  LanguageType,\n  EditorTheme,\n  ContextMenuItem,\n  VariableInfo,\n  OutlineItem,\n  AutocompletionConfig,\n  JumpToDefinitionConfig,\n  CodeSnippet,\n  HistoryEntry,\n} from '../types';\n\nimport type { CodeEditorProps, CodeEditorHandle, AutocompletionConfig, JumpToDefinitionConfig, HistoryEntry } from '../types';\n\n// ============= 语言扩展映射 =============\n\nconst getLanguageExtension = (language: string): Extension => {\n  const langMap: Record<string, () => Extension> = {\n    javascript: () => javascript({ jsx: false }),\n    jsx: () => javascript({ jsx: true }),\n    typescript: () => javascript({ jsx: false, typescript: true }),\n    tsx: () => javascript({ jsx: true, typescript: true }),\n    python,\n    html,\n    css,\n    json,\n    markdown,\n  };\n\n  return langMap[language]?.() || javascript();\n};\n\n// ============= CodeEditor 组件 =============\n\nconst CodeEditor = forwardRef<CodeEditorHandle, CodeEditorProps>(({\n  value = '',\n  onChange,\n  language = 'javascript',\n  theme = 'light',\n  readOnly = false,\n  lineNumbers: showLineNumbers = true,\n  highlightActiveLine: shouldHighlightActiveLine = true,\n  autocompletion = true,\n  jumpToDefinition: jumpToDefinitionConfig = true,\n  contextMenu,\n  onVariablesCollected,\n  onOutlineGenerated,\n  enableHistory = false,\n  historyLimit = 50,\n  historySaveInterval = 3, // 默认 3 * 10s = 30s\n  onHistoryChange,\n  className = '',\n  height = '400px',\n  minHeight,\n  maxHeight,\n  placeholder,\n  extensions: customExtensions = [],\n}, ref) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<EditorView | null>(null);\n  const [contextMenuState, setContextMenuState] = useState<{\n    visible: boolean;\n    x: number;\n    y: number;\n  }>({ visible: false, x: 0, y: 0 });\n\n  // 历史记录状态\n  const [codeHistory, setCodeHistory] = useState<HistoryEntry[]>([]);\n  const [currentHistoryIndex, setCurrentHistoryIndex] = useState<number>(-1);\n  const lastSaveTime = useRef<number>(0);\n  const isRestoringHistory = useRef<boolean>(false);\n  const isExternalUpdate = useRef<boolean>(false); // 标记是否是外部更新\n  const pendingContent = useRef<string>('');\n  const hasChanges = useRef<boolean>(false);\n  const lastSavedContent = useRef<string>(''); // 记录上次保存的内容\n\n  // 配置隔间，用于动态更新\n  const languageCompartment = useRef(new Compartment());\n  const themeCompartment = useRef(new Compartment());\n  const highlightCompartment = useRef(new Compartment());\n  const readOnlyCompartment = useRef(new Compartment());\n\n  const languageRef = useRef(language);\n  const documentText = useRef(value);\n  const analysisTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const analysisRevision = useRef(0);\n  const callbacksRef = useRef({ onChange, onVariablesCollected, onOutlineGenerated });\n  const hasVariableListener = Boolean(onVariablesCollected);\n  const hasOutlineListener = Boolean(onOutlineGenerated);\n\n  const cancelAnalysis = useCallback(() => {\n    analysisRevision.current += 1;\n    if (analysisTimer.current !== null) {\n      clearTimeout(analysisTimer.current);\n      analysisTimer.current = null;\n    }\n  }, []);\n\n  const scheduleAnalysis = useCallback((code: string, delay = 150) => {\n    cancelAnalysis();\n    const view = viewRef.current;\n    if (!view || (!callbacksRef.current.onVariablesCollected && !callbacksRef.current.onOutlineGenerated)) return;\n\n    const revision = analysisRevision.current;\n    const doc = view.state.doc;\n    const analysisLanguage = languageRef.current;\n    const isCurrent = () => revision === analysisRevision.current\n      && viewRef.current === view && view.state.doc === doc\n      && languageRef.current === analysisLanguage;\n\n    analysisTimer.current = setTimeout(() => {\n      analysisTimer.current = null;\n      if (!isCurrent()) return;\n      const variables = callbacksRef.current.onVariablesCollected\n        ? collectVariables(code, analysisLanguage) : undefined;\n      const outline = callbacksRef.current.onOutlineGenerated\n        ? generateOutline(code, analysisLanguage) : undefined;\n\n      // A callback may synchronously change the document/language or unmount us.\n      if (variables && isCurrent()) callbacksRef.current.onVariablesCollected?.(variables);\n      if (outline && isCurrent()) callbacksRef.current.onOutlineGenerated?.(outline);\n    }, delay);\n  }, [cancelAnalysis]);\n\n  // 跳转到指定行\n  const jumpToLine = useCallback((line: number) => {\n    if (viewRef.current) {\n      try {\n        const lineInfo = viewRef.current.state.doc.line(line);\n        viewRef.current.dispatch({\n          selection: { anchor: lineInfo.from, head: lineInfo.to },\n          scrollIntoView: true,\n        });\n        viewRef.current.focus();\n      } catch (error) {\n        console.error('Failed to jump to line:', error);\n      }\n    }\n  }, []);\n\n  // 添加历史记录\n  const addToHistory = useCallback((content: string, description?: string) => {\n    // 如果是外部更新或正在恢复历史，不添加记录\n    if (!enableHistory || isRestoringHistory.current || isExternalUpdate.current) {\n      return;\n    }\n\n    const now = Date.now();\n    const intervalMs = historySaveInterval * 10000; // 转换为毫秒\n    const timeSinceLastSave = now - lastSaveTime.current;\n    const timeCheckPassed = timeSinceLastSave >= intervalMs;\n\n    // 按配置的间隔记录\n    if (!timeCheckPassed) {\n      // 时间未到，标记有变更，但不立即保存\n      hasChanges.current = true;\n      pendingContent.current = content;\n      return;\n    }\n\n    // 时间检查已通过，现在检查内容是否真的发生变化\n    if (content === lastSavedContent.current && !description) {\n      // 内容没有变化，不保存\n      hasChanges.current = false;\n      return;\n    }\n\n    // 时间检查通过 + 内容有变化 → 保存！\n    lastSaveTime.current = now;\n    hasChanges.current = false;\n    lastSavedContent.current = content; // 记录本次保存的内容\n\n    setCodeHistory((prevHistory) => {\n      // 如果当前不在最新位置，删除后面的历史\n      const newHistory = currentHistoryIndex >= 0\n        ? prevHistory.slice(0, currentHistoryIndex + 1)\n        : prevHistory;\n\n      const newEntry: HistoryEntry = {\n        id: `${now}-${Math.random()}`,\n        timestamp: new Date(now),\n        content,\n        description,\n      };\n\n      const updatedHistory = [...newHistory, newEntry];\n\n      // 限制历史记录数量\n      if (updatedHistory.length > historyLimit) {\n        updatedHistory.shift();\n      }\n\n      const newIndex = updatedHistory.length - 1;\n      setCurrentHistoryIndex(newIndex);\n\n      // 延迟调用 onHistoryChange 避免在渲染期间更新父组件\n      setTimeout(() => {\n        if (onHistoryChange) {\n          onHistoryChange(updatedHistory, newIndex);\n        }\n      }, 0);\n\n      return updatedHistory;\n    });\n  }, [enableHistory, historyLimit, historySaveInterval, currentHistoryIndex, onHistoryChange]);\n\n  const historyWriterRef = useRef(addToHistory);\n  useLayoutEffect(() => {\n    languageRef.current = language;\n    callbacksRef.current = { onChange, onVariablesCollected, onOutlineGenerated };\n    historyWriterRef.current = addToHistory;\n  });\n\n  // 恢复历史记录\n  const restoreHistory = useCallback((index: number) => {\n    if (index < 0 || index >= codeHistory.length) return;\n\n    isRestoringHistory.current = true;\n    const entry = codeHistory[index];\n\n    if (viewRef.current) {\n      viewRef.current.dispatch({\n        changes: {\n          from: 0,\n          to: viewRef.current.state.doc.length,\n          insert: entry.content,\n        },\n      });\n    }\n\n    // 清除当前版本之后的所有版本\n    const newHistory = codeHistory.slice(0, index + 1);\n    setCodeHistory(newHistory);\n\n    // 回滚的版本成为最新版本\n    const newIndex = newHistory.length - 1;\n    setCurrentHistoryIndex(newIndex);\n\n    // 延迟调用 onHistoryChange 避免在渲染期间更新父组件\n    setTimeout(() => {\n      if (onHistoryChange) {\n        onHistoryChange(newHistory, newIndex);\n      }\n    }, 0);\n\n    // 触发 onChange\n    if (onChange) {\n      onChange(entry.content);\n    }\n\n    // 延迟重置标志，确保不会立即添加到历史\n    setTimeout(() => {\n      isRestoringHistory.current = false;\n    }, 100);\n  }, [codeHistory, onChange, onHistoryChange]);\n\n  // 暴露历史记录相关方法\n  useImperativeHandle(ref, () => ({\n    jumpToLine,\n    getView: () => viewRef.current,\n    getValue: () => viewRef.current?.state.doc.toString() || '',\n    setValue: (newValue: string) => {\n      if (viewRef.current) {\n        viewRef.current.dispatch({\n          changes: {\n            from: 0,\n            to: viewRef.current.state.doc.length,\n            insert: newValue,\n          },\n        });\n      }\n    },\n    focus: () => viewRef.current?.focus(),\n    getHistory: () => codeHistory,\n    restoreHistory,\n    clearHistory: () => {\n      setCodeHistory([]);\n      setCurrentHistoryIndex(-1);\n      // 重置所有历史记录相关的内部状态\n      lastSaveTime.current = 0;\n      hasChanges.current = false;\n      pendingContent.current = '';\n      lastSavedContent.current = '';\n      // 延迟调用 onHistoryChange 避免在渲染期间更新父组件\n      setTimeout(() => {\n        if (onHistoryChange) {\n          onHistoryChange([], -1);\n        }\n      }, 0);\n    },\n  } as any), [jumpToLine, codeHistory, restoreHistory, onHistoryChange]);\n\n  // 定时保存待处理的历史记录\n  useEffect(() => {\n    if (!enableHistory) return;\n\n    const intervalMs = historySaveInterval * 10000; // 转换为毫秒\n\n    const interval = setInterval(() => {\n      if (hasChanges.current && pendingContent.current) {\n        addToHistory(pendingContent.current);\n      }\n    }, intervalMs);\n\n    return () => clearInterval(interval);\n  }, [enableHistory, historySaveInterval, addToHistory]);\n\n  // 初始化编辑器\n  useEffect(() => {\n    if (!editorRef.current) return;\n\n    const updateListener = EditorView.updateListener.of((update) => {\n      if (!update.docChanged) return;\n      const newContent = update.state.doc.toString();\n      documentText.current = newContent;\n      // Schedule before notifying consumers so reentrant updates always win.\n      scheduleAnalysis(newContent);\n      try {\n        if (!isExternalUpdate.current) historyWriterRef.current(newContent);\n      } finally {\n        isExternalUpdate.current = false;\n      }\n      callbacksRef.current.onChange?.(newContent);\n    });\n\n    const baseExtensions: Extension[] = [\n      history(),\n      drawSelection(),\n      bracketMatching(),\n      closeBrackets(),\n      indentOnInput(),\n      syntaxHighlighting(defaultHighlightStyle, { fallback: true }),\n      languageCompartment.current.of(getLanguageExtension(language)),\n      themeCompartment.current.of(createThemeExtension(theme)),\n      highlightCompartment.current.of(createHighlightExtension(theme)),\n      readOnlyCompartment.current.of(EditorState.readOnly.of(readOnly)),\n      updateListener,\n      keymap.of([\n        ...closeBracketsKeymap,\n        ...defaultKeymap,\n        ...searchKeymap,\n        ...historyKeymap,\n        ...completionKeymap,\n        ...lintKeymap,\n        indentWithTab,\n      ]),\n      bracketMatchingStyle,\n      lineHighlightStyle,\n      jumpTargetHighlight,\n    ];\n\n    // 可选扩展\n    if (showLineNumbers) {\n      baseExtensions.push(lineNumbers(), foldGutter(), highlightActiveLineGutter());\n    }\n\n    if (shouldHighlightActiveLine) {\n      baseExtensions.push(highlightActiveLine());\n    }\n\n    // 自动补全\n    if (autocompletion) {\n      const config: AutocompletionConfig = typeof autocompletion === 'object' ? autocompletion : {};\n      baseExtensions.push(smartAutocompletion(language, config));\n    }\n\n    // 跳转到定义\n    if (jumpToDefinitionConfig) {\n      const config: JumpToDefinitionConfig = typeof jumpToDefinitionConfig === 'object'\n        ? jumpToDefinitionConfig\n        : {};\n      baseExtensions.push(jumpToDefinition(jumpToLine, config));\n    }\n\n    // 占位符\n    if (placeholder) {\n      baseExtensions.push(\n        EditorView.contentAttributes.of({ 'data-placeholder': placeholder })\n      );\n    }\n\n    // 自定义扩展\n    if (customExtensions.length > 0) {\n      baseExtensions.push(...customExtensions);\n    }\n\n    const startState = EditorState.create({\n      doc: value,\n      extensions: baseExtensions,\n    });\n\n    const view = new EditorView({\n      state: startState,\n      parent: editorRef.current,\n    });\n\n    viewRef.current = view;\n    documentText.current = view.state.doc.toString();\n\n    // 添加初始内容到历史记录\n    if (enableHistory && value) {\n      addToHistory(value, 'Initial content');\n    }\n\n    return () => {\n      cancelAnalysis();\n      viewRef.current = null;\n      view.destroy();\n    };\n  }, []); // 只在挂载时初始化\n\n  // 更新值\n  useEffect(() => {\n    if (viewRef.current && value !== documentText.current) {\n      isExternalUpdate.current = true; // 标记为外部更新\n      viewRef.current.dispatch({\n        changes: {\n          from: 0,\n          to: viewRef.current.state.doc.length,\n          insert: value,\n        },\n      });\n      // 注意：标志会在 updateListener 中被立即重置，不需要 setTimeout\n    }\n  }, [value]);\n\n  // 更新语言\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.dispatch({\n        effects: languageCompartment.current.reconfigure(getLanguageExtension(language)),\n      });\n    }\n  }, [language]);\n\n  // Callback identity changes only update refs: inline callbacks must not restart\n  // pending input analysis or create a callback -> render -> analysis loop.\n  useEffect(() => {\n    scheduleAnalysis(documentText.current, 0);\n    return cancelAnalysis;\n  }, [language, hasVariableListener, hasOutlineListener, scheduleAnalysis, cancelAnalysis]);\n\n  // 更新主题\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.dispatch({\n        effects: [\n          themeCompartment.current.reconfigure(createThemeExtension(theme)),\n          highlightCompartment.current.reconfigure(createHighlightExtension(theme)),\n        ],\n      });\n    }\n  }, [theme]);\n\n  // 更新只读状态\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.dispatch({\n        effects: readOnlyCompartment.current.reconfigure(EditorState.readOnly.of(readOnly)),\n      });\n    }\n  }, [readOnly]);\n\n  // 处理右键菜单\n  const handleContextMenu = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    setContextMenuState({\n      visible: true,\n      x: e.clientX,\n      y: e.clientY,\n    });\n  }, []);\n\n  const closeContextMenu = useCallback(() => {\n    setContextMenuState({ visible: false, x: 0, y: 0 });\n  }, []);\n\n  const handleMenuItemClick = useCallback(\n    (item: any) => {\n      if (viewRef.current && !item.disabled) {\n        item.action(viewRef.current);\n      }\n      closeContextMenu();\n    },\n    [closeContextMenu]\n  );\n\n  // 点击其他地方关闭菜单\n  useEffect(() => {\n    if (contextMenuState.visible) {\n      const handleClick = () => closeContextMenu();\n      document.addEventListener('click', handleClick);\n      return () => document.removeEventListener('click', handleClick);\n    }\n  }, [contextMenuState.visible, closeContextMenu]);\n\n  const editorStyles: React.CSSProperties = {\n    height,\n    minHeight,\n    maxHeight,\n    overflow: 'auto',\n  };\n\n  const menuItems = contextMenu || defaultContextMenu;\n\n  return (\n    <div className={`code-editor-wrapper ${className}`}>\n      <div\n        ref={editorRef}\n        onContextMenu={handleContextMenu}\n        style={editorStyles}\n        className=\"code-editor\"\n      />\n\n      {/* 上下文菜单 */}\n      {contextMenuState.visible && (\n        <div\n          className=\"context-menu\"\n          style={{\n            position: 'fixed',\n            top: contextMenuState.y,\n            left: contextMenuState.x,\n            zIndex: 1000,\n          }}\n        >\n          <ul className=\"menu bg-base-200 rounded-box shadow-lg\">\n            {menuItems.map((item, index) => {\n              if (item.separator) {\n                return <li key={index} className=\"menu-separator\" />;\n              }\n              return (\n                <li key={index}>\n                  <a\n                    onClick={() => handleMenuItemClick(item)}\n                    className={item.disabled ? 'disabled' : ''}\n                  >\n                    {item.label}\n                  </a>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      )}\n\n      <style>{`\n        .code-editor-wrapper {\n          position: relative;\n          border: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2));\n          border-radius: 0.5rem;\n          overflow: hidden;\n        }\n\n        .code-editor .cm-editor {\n          height: 100%;\n        }\n\n        .code-editor .cm-scroller {\n          overflow: auto;\n          font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;\n          font-size: 14px;\n          line-height: 1.5;\n        }\n\n        .code-editor .cm-content[data-placeholder]::before {\n          content: attr(data-placeholder);\n          color: var(--fallback-bc, oklch(var(--bc) / 0.4));\n          position: absolute;\n          pointer-events: none;\n        }\n\n        .context-menu {\n          min-width: 150px;\n        }\n\n        .context-menu .menu-separator {\n          height: 1px;\n          background: var(--fallback-bc, oklch(var(--bc) / 0.2));\n          margin: 0.25rem 0;\n        }\n\n        .context-menu .disabled {\n          opacity: 0.5;\n          pointer-events: none;\n        }\n      `}</style>\n    </div>\n  );\n});\n\nCodeEditor.displayName = 'CodeEditor';\n\nexport default CodeEditor;\n\n"],"mappings":"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"}