dishui 0.0.64 → 0.0.65

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

@@ -1,30 +1,30 @@
 import { bracketMatchingStyle as vt, jumpTargetHighlight as wt, jumpToDefinition as yt, lineHighlightStyle as kt, smartAutocompletion as jt } from "../extensions/index.js";
-import { createHighlightExtension as rt, createThemeExtension as nt } from "../themes.js";
-import { collectVariables as U, generateOutline as W } from "../utils.js";
+import { createHighlightExtension as nt, createThemeExtension as ct } from "../themes.js";
+import { collectVariables as W, generateOutline as X } from "../utils.js";
 import { defaultContextMenu as St } from "../extensions/contextMenu.js";
-import { forwardRef as Mt, useCallback as h, useEffect as a, useImperativeHandle as Et, useRef as c, useState as X } from "react";
-import { jsx as d, jsxs as Tt } from "react/jsx-runtime";
-import { EditorView as Y, drawSelection as It, highlightActiveLine as Nt, highlightActiveLineGutter as Lt, keymap as Ct, lineNumbers as Rt } from "@codemirror/view";
-import { Compartment as I, EditorState as q } from "@codemirror/state";
+import { forwardRef as Mt, useCallback as g, useEffect as f, useImperativeHandle as Et, useRef as c, useState as Y } from "react";
+import { jsx as p, jsxs as Tt } from "react/jsx-runtime";
+import { EditorView as q, drawSelection as It, highlightActiveLine as Nt, highlightActiveLineGutter as Lt, keymap as Ct, lineNumbers as Rt } from "@codemirror/view";
+import { Compartment as N, EditorState as J } from "@codemirror/state";
 import { defaultKeymap as Kt, history as At, historyKeymap as Ht, indentWithTab as Dt } from "@codemirror/commands";
 import { bracketMatching as $t, defaultHighlightStyle as zt, foldGutter as Bt, indentOnInput as Ft, syntaxHighlighting as Ut } from "@codemirror/language";
 import { closeBrackets as Wt, closeBracketsKeymap as Xt, completionKeymap as Yt } from "@codemirror/autocomplete";
 import { lintKeymap as qt } from "@codemirror/lint";
 import { searchKeymap as Jt } from "@codemirror/search";
-import { javascript as j } from "@codemirror/lang-javascript";
+import { javascript as S } from "@codemirror/lang-javascript";
 import { python as Pt } from "@codemirror/lang-python";
 import { html as Qt } from "@codemirror/lang-html";
 import { css as Vt } from "@codemirror/lang-css";
 import { json as Zt } from "@codemirror/lang-json";
 import { markdown as _t } from "@codemirror/lang-markdown";
-var ct = (s) => ({
-  javascript: () => j({ jsx: !1 }),
-  jsx: () => j({ jsx: !0 }),
-  typescript: () => j({
+var ot = (i) => ({
+  javascript: () => S({ jsx: !1 }),
+  jsx: () => S({ jsx: !0 }),
+  typescript: () => S({
     jsx: !1,
     typescript: !0
   }),
-  tsx: () => j({
+  tsx: () => S({
     jsx: !0,
     typescript: !0
   }),
@@ -33,16 +33,16 @@ var ct = (s) => ({
   css: Vt,
   json: Zt,
   markdown: _t
-})[s]?.() || j(), Ot = Mt(({ value: s = "", onChange: x, language: o = "javascript", theme: g = "light", readOnly: N = !1, lineNumbers: ot = !0, highlightActiveLine: it = !0, autocompletion: L = !0, jumpToDefinition: C = !0, contextMenu: st, onVariablesCollected: f, onOutlineGenerated: l, enableHistory: m = !1, historyLimit: J = 50, historySaveInterval: S = 3, onHistoryChange: u, className: ut = "", height: at = "400px", minHeight: ft, maxHeight: lt, placeholder: P, extensions: Q = [] }, dt) => {
-  const R = c(null), e = c(null), [b, V] = X({
+})[i]?.() || S(), Ot = Mt(({ value: i = "", onChange: b, language: o = "javascript", theme: v = "light", readOnly: L = !1, lineNumbers: it = !0, highlightActiveLine: st = !0, autocompletion: C = !0, jumpToDefinition: R = !0, contextMenu: ut, onVariablesCollected: l, onOutlineGenerated: d, enableHistory: h = !1, historyLimit: P = 50, historySaveInterval: M = 3, onHistoryChange: u, className: at = "", height: ft = "400px", minHeight: lt, maxHeight: dt, placeholder: Q, extensions: V = [] }, mt) => {
+  const K = c(null), e = c(null), [w, Z] = Y({
     visible: !1,
     x: 0,
     y: 0
-  }), [p, K] = X([]), [A, H] = X(-1), D = c(0), $ = c(!1), v = c(!1), M = c(""), w = c(!1), z = c(""), Z = c(new I()), _ = c(new I()), O = c(new I()), G = c(new I()), B = c(o);
-  a(() => {
-    B.current = o;
+  }), [x, A] = Y([]), [H, D] = Y(-1), $ = c(0), z = c(!1), y = c(!1), E = c(""), k = c(!1), B = c(""), _ = c(new N()), O = c(new N()), G = c(new N()), tt = c(new N()), F = c(o);
+  f(() => {
+    F.current = o;
   }, [o]);
-  const F = h((t) => {
+  const U = g((t) => {
     if (e.current) try {
       const r = e.current.state.doc.line(t);
       e.current.dispatch({
@@ -55,60 +55,60 @@ var ct = (s) => ({
     } catch (r) {
       console.error("Failed to jump to line:", r);
     }
-  }, []), E = h((t, r) => {
-    if (!m || $.current || v.current) return;
-    const i = Date.now(), n = S * 1e4;
-    if (!(i - D.current >= n)) {
-      w.current = !0, M.current = t;
+  }, []), T = g((t, r) => {
+    if (!h || z.current || y.current) return;
+    const s = Date.now(), m = M * 1e4;
+    if (!(s - $.current >= m)) {
+      k.current = !0, E.current = t;
       return;
     }
-    if (t === z.current && !r) {
-      w.current = !1;
+    if (t === B.current && !r) {
+      k.current = !1;
       return;
     }
-    D.current = i, w.current = !1, z.current = t, K((y) => {
-      const gt = A >= 0 ? y.slice(0, A + 1) : y, bt = {
-        id: `${i}-${Math.random()}`,
-        timestamp: new Date(i),
+    $.current = s, k.current = !1, B.current = t, A((n) => {
+      const a = H >= 0 ? n.slice(0, H + 1) : n, bt = {
+        id: `${s}-${Math.random()}`,
+        timestamp: new Date(s),
         content: t,
         description: r
-      }, k = [...gt, bt];
-      k.length > J && k.shift();
-      const et = k.length - 1;
-      return H(et), setTimeout(() => {
-        u && u(k, et);
-      }, 0), k;
+      }, j = [...a, bt];
+      j.length > P && j.shift();
+      const rt = j.length - 1;
+      return D(rt), setTimeout(() => {
+        u && u(j, rt);
+      }, 0), j;
     });
   }, [
-    m,
-    J,
-    S,
-    A,
+    h,
+    P,
+    M,
+    H,
     u
-  ]), tt = h((t) => {
-    if (t < 0 || t >= p.length) return;
-    $.current = !0;
-    const r = p[t];
+  ]), et = g((t) => {
+    if (t < 0 || t >= x.length) return;
+    z.current = !0;
+    const r = x[t];
     e.current && e.current.dispatch({ changes: {
       from: 0,
       to: e.current.state.doc.length,
       insert: r.content
     } });
-    const i = p.slice(0, t + 1);
-    K(i);
-    const n = i.length - 1;
-    H(n), setTimeout(() => {
-      u && u(i, n);
-    }, 0), x && x(r.content), setTimeout(() => {
-      $.current = !1;
+    const s = x.slice(0, t + 1);
+    A(s);
+    const m = s.length - 1;
+    D(m), setTimeout(() => {
+      u && u(s, m);
+    }, 0), b && b(r.content), setTimeout(() => {
+      z.current = !1;
     }, 100);
   }, [
-    p,
     x,
+    b,
     u
   ]);
-  Et(dt, () => ({
-    jumpToLine: F,
+  Et(mt, () => ({
+    jumpToLine: U,
     getView: () => e.current,
     getValue: () => e.current?.state.doc.toString() || "",
     setValue: (t) => {
@@ -119,36 +119,43 @@ var ct = (s) => ({
       } });
     },
     focus: () => e.current?.focus(),
-    getHistory: () => p,
-    restoreHistory: tt,
+    getHistory: () => x,
+    restoreHistory: et,
     clearHistory: () => {
-      K([]), H(-1), D.current = 0, w.current = !1, M.current = "", z.current = "", setTimeout(() => {
+      A([]), D(-1), $.current = 0, k.current = !1, E.current = "", B.current = "", setTimeout(() => {
         u && u([], -1);
       }, 0);
     }
   }), [
-    F,
-    p,
-    tt,
+    U,
+    x,
+    et,
     u
-  ]), a(() => {
-    if (!m) return;
-    const t = S * 1e4, r = setInterval(() => {
-      w.current && M.current && E(M.current);
+  ]), f(() => {
+    if (!h) return;
+    const t = M * 1e4, r = setInterval(() => {
+      k.current && E.current && T(E.current);
     }, t);
     return () => clearInterval(r);
   }, [
-    m,
-    S,
-    E
-  ]), a(() => {
-    if (!R.current) return;
-    const t = Y.updateListener.of((n) => {
-      if (n.docChanged && x) {
-        const y = n.state.doc.toString();
-        x(y), m && !v.current && E(y), v.current && (v.current = !1);
+    h,
+    M,
+    T
+  ]), f(() => {
+    if (!K.current) return;
+    const t = q.updateListener.of((n) => {
+      if (n.docChanged && b) {
+        const a = n.state.doc.toString();
+        b(a), h && !y.current && T(a), y.current && (y.current = !1);
+      }
+      if (n.docChanged && l) {
+        const a = n.state.doc.toString();
+        l(W(a, F.current));
+      }
+      if (n.docChanged && d) {
+        const a = n.state.doc.toString();
+        d(X(a, F.current));
       }
-      n.docChanged && f && f(U(n.state.doc.toString(), B.current)), n.docChanged && l && l(W(n.state.doc.toString(), B.current));
     }), r = [
       At(),
       It(),
@@ -156,10 +163,10 @@ var ct = (s) => ({
       Wt(),
       Ft(),
       Ut(zt, { fallback: !0 }),
-      Z.current.of(ct(o)),
-      _.current.of(nt(g)),
-      O.current.of(rt(g)),
-      G.current.of(q.readOnly.of(N)),
+      _.current.of(ot(o)),
+      O.current.of(ct(v)),
+      G.current.of(nt(v)),
+      tt.current.of(J.readOnly.of(L)),
       t,
       Ct.of([
         ...Xt,
@@ -174,104 +181,104 @@ var ct = (s) => ({
       kt,
       wt
     ];
-    if (ot && r.push(Rt(), Bt(), Lt()), it && r.push(Nt()), L) {
-      const n = typeof L == "object" ? L : {};
+    if (it && r.push(Rt(), Bt(), Lt()), st && r.push(Nt()), C) {
+      const n = typeof C == "object" ? C : {};
       r.push(jt(o, n));
     }
-    if (C) {
-      const n = typeof C == "object" ? C : {};
-      r.push(yt(F, n));
+    if (R) {
+      const n = typeof R == "object" ? R : {};
+      r.push(yt(U, n));
     }
-    P && r.push(Y.contentAttributes.of({ "data-placeholder": P })), Q.length > 0 && r.push(...Q);
-    const i = new Y({
-      state: q.create({
-        doc: s,
-        extensions: r
-      }),
-      parent: R.current
+    Q && r.push(q.contentAttributes.of({ "data-placeholder": Q })), V.length > 0 && r.push(...V);
+    const s = J.create({
+      doc: i,
+      extensions: r
+    }), m = new q({
+      state: s,
+      parent: K.current
     });
-    return e.current = i, setTimeout(() => {
-      f && f(U(s, o)), l && l(W(s, o));
-    }, 0), m && s && E(s, "Initial content"), () => {
-      i.destroy();
+    return e.current = m, setTimeout(() => {
+      l && l(W(i, o)), d && d(X(i, o));
+    }, 0), h && i && T(i, "Initial content"), () => {
+      m.destroy();
     };
-  }, []), a(() => {
-    e.current && s !== e.current.state.doc.toString() && (v.current = !0, e.current.dispatch({ changes: {
+  }, []), f(() => {
+    e.current && i !== e.current.state.doc.toString() && (y.current = !0, e.current.dispatch({ changes: {
       from: 0,
       to: e.current.state.doc.length,
-      insert: s
+      insert: i
     } }));
-  }, [s]), a(() => {
+  }, [i]), f(() => {
     if (e.current) {
-      e.current.dispatch({ effects: Z.current.reconfigure(ct(o)) });
+      e.current.dispatch({ effects: _.current.reconfigure(ot(o)) });
       const t = e.current.state.doc.toString();
       setTimeout(() => {
-        f && f(U(t, o)), l && l(W(t, o));
+        l && l(W(t, o)), d && d(X(t, o));
       }, 0);
     }
   }, [
     o,
-    f,
-    l
-  ]), a(() => {
-    e.current && e.current.dispatch({ effects: [_.current.reconfigure(nt(g)), O.current.reconfigure(rt(g))] });
-  }, [g]), a(() => {
-    e.current && e.current.dispatch({ effects: G.current.reconfigure(q.readOnly.of(N)) });
-  }, [N]);
-  const mt = h((t) => {
-    t.preventDefault(), V({
+    l,
+    d
+  ]), f(() => {
+    e.current && e.current.dispatch({ effects: [O.current.reconfigure(ct(v)), G.current.reconfigure(nt(v))] });
+  }, [v]), f(() => {
+    e.current && e.current.dispatch({ effects: tt.current.reconfigure(J.readOnly.of(L)) });
+  }, [L]);
+  const pt = g((t) => {
+    t.preventDefault(), Z({
       visible: !0,
       x: t.clientX,
       y: t.clientY
     });
-  }, []), T = h(() => {
-    V({
+  }, []), I = g(() => {
+    Z({
       visible: !1,
       x: 0,
       y: 0
     });
-  }, []), pt = h((t) => {
-    e.current && !t.disabled && t.action(e.current), T();
-  }, [T]);
-  a(() => {
-    if (b.visible) {
-      const t = () => T();
+  }, []), ht = g((t) => {
+    e.current && !t.disabled && t.action(e.current), I();
+  }, [I]);
+  f(() => {
+    if (w.visible) {
+      const t = () => I();
       return document.addEventListener("click", t), () => document.removeEventListener("click", t);
     }
-  }, [b.visible, T]);
-  const ht = {
-    height: at,
-    minHeight: ft,
-    maxHeight: lt,
+  }, [w.visible, I]);
+  const xt = {
+    height: ft,
+    minHeight: lt,
+    maxHeight: dt,
     overflow: "auto"
-  }, xt = st || St;
+  }, gt = ut || St;
   return /* @__PURE__ */ Tt("div", {
-    className: `code-editor-wrapper ${ut}`,
+    className: `code-editor-wrapper ${at}`,
     children: [
-      /* @__PURE__ */ d("div", {
-        ref: R,
-        onContextMenu: mt,
-        style: ht,
+      /* @__PURE__ */ p("div", {
+        ref: K,
+        onContextMenu: pt,
+        style: xt,
         className: "code-editor"
       }),
-      b.visible && /* @__PURE__ */ d("div", {
+      w.visible && /* @__PURE__ */ p("div", {
         className: "context-menu",
         style: {
           position: "fixed",
-          top: b.y,
-          left: b.x,
+          top: w.y,
+          left: w.x,
           zIndex: 1e3
         },
-        children: /* @__PURE__ */ d("ul", {
+        children: /* @__PURE__ */ p("ul", {
           className: "menu bg-base-200 rounded-box shadow-lg",
-          children: xt.map((t, r) => t.separator ? /* @__PURE__ */ d("li", { className: "menu-separator" }, r) : /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d("a", {
-            onClick: () => pt(t),
+          children: gt.map((t, r) => t.separator ? /* @__PURE__ */ p("li", { className: "menu-separator" }, r) : /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p("a", {
+            onClick: () => ht(t),
             className: t.disabled ? "disabled" : "",
             children: t.label
           }) }, r))
         })
       }),
-      /* @__PURE__ */ d("style", { children: `
+      /* @__PURE__ */ p("style", { children: `
         .code-editor-wrapper {
           position: relative;
           border: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2));

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, 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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"}