dishui 0.0.64 → 0.0.66

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

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

@@ -1,224 +1,170 @@
-import M from "./CodeEditor.js";
-import S from "../panels/TableOfContentsPanel.js";
-import T from "../panels/FootnotePanel.js";
-import { extractFootnotes as J, extractMarkdownSections as R, markdownExtensions as D } from "./markdownExtensions.js";
-import { useCallback as N, useEffect as W, useRef as v, useState as u } from "react";
-import { jsx as p, jsxs as w } from "react/jsx-runtime";
-var I = (o) => {
-  const b = o.split(`
-`).filter((r) => r.trim());
-  if (b.length < 2) return o;
-  const i = b.map((r) => r.split("|").map((n) => n.trim()).filter((n, a, c) => a > 0 && a < c.length - 1)), d = [];
-  return i.forEach((r) => {
-    r.forEach((n, a) => {
-      d[a] = Math.max(d[a] || 0, n.length);
-    });
-  }), i.map((r, n) => "| " + r.map((a, c) => {
-    if (n === 1 && a.match(/^:?-+:?$/)) {
-      const l = a.startsWith(":"), m = a.endsWith(":"), k = d[c];
-      return l && m ? ":" + "-".repeat(k - 2) + ":" : l ? ":" + "-".repeat(k - 1) : m ? "-".repeat(k - 1) + ":" : "-".repeat(k);
-    }
-    return a.padEnd(d[c], " ");
-  }).join(" | ") + " |").join(`
-`);
-}, q = (o, b) => {
-  const i = o.state.doc.lineAt(b);
-  if (!i.text.includes("|")) return null;
-  let d = i.number, r = i.number - 1;
-  for (; r >= 1 && o.state.doc.line(r).text.includes("|"); )
-    d = r, r--;
-  let n = i.number;
-  r = i.number + 1;
-  const a = o.state.doc.lines;
-  for (; r <= a && o.state.doc.line(r).text.includes("|"); )
-    n = r, r++;
-  const c = o.state.doc.line(d), l = o.state.doc.line(n);
-  return {
-    start: c.from,
-    end: l.to,
-    text: o.state.doc.sliceString(c.from, l.to)
-  };
-}, H = ({ value: o = "", onChange: b, showTableOfContents: i = !0, showFootnotes: d = !0, onSectionsChange: r, onFootnotesChange: n, tableOfContentsPosition: a = "right", customExtensions: c = [], customContextMenu: l = [], ...m }) => {
-  const [k, x] = u([]), [h, L] = u([]), [j, A] = u(1);
-  v(null), W(() => {
-    const t = R(o), e = J(o);
-    x(t), L(e), r && r(t), n && n(e);
-  }, [
-    o,
-    r,
-    n
-  ]);
-  const f = N((t) => {
-    const e = document.querySelector(`.cm-line:nth-child(${t})`);
-    e && e.scrollIntoView({
-      behavior: "smooth",
-      block: "center"
-    });
-  }, []), y = [
-    {
-      label: "格式化表格",
-      action: (t) => {
-        const e = t.state.selection.main, s = q(t, e.from);
-        if (s) {
-          const E = I(s.text);
-          t.dispatch({ changes: {
-            from: s.start,
-            to: s.end,
-            insert: E
-          } });
-        } else alert("请将光标放在表格中");
-      }
-    },
-    {
-      label: "",
-      action: () => {
-      },
-      separator: !0
-    },
-    {
-      label: "剪切",
-      action: (t) => {
-        const e = t.state.selection.main, s = t.state.sliceDoc(e.from, e.to);
-        navigator.clipboard.writeText(s), t.dispatch({ changes: {
-          from: e.from,
-          to: e.to,
-          insert: ""
-        } });
-      }
-    },
-    {
-      label: "复制",
-      action: (t) => {
-        const e = t.state.selection.main, s = t.state.sliceDoc(e.from, e.to);
-        navigator.clipboard.writeText(s);
-      }
-    },
-    {
-      label: "粘贴",
-      action: async (t) => {
-        const e = await navigator.clipboard.readText(), s = t.state.selection.main;
-        t.dispatch({ changes: {
-          from: s.from,
-          to: s.to,
-          insert: e
-        } });
-      }
-    },
-    {
-      label: "",
-      action: () => {
-      },
-      separator: !0
-    },
-    {
-      label: "全选",
-      action: (t) => {
-        t.dispatch({ selection: {
-          anchor: 0,
-          head: t.state.doc.length
-        } });
-      }
-    },
-    ...l
-  ], $ = [...D(), ...c], g = () => /* @__PURE__ */ w("div", {
-    className: `markdown-sidebar space-y-4 ${[
-      "dark",
-      "retro",
-      "cyberpunk",
-      "matrix"
-    ].includes(m.theme || "light") ? "markdown-sidebar-dark" : "markdown-sidebar-light"}`,
-    style: { width: "320px" },
-    children: [i && /* @__PURE__ */ p(S, {
-      sections: k,
-      onSectionClick: f,
-      currentLine: j,
-      theme: m.theme
-    }), d && h.length > 0 && /* @__PURE__ */ p(T, {
-      footnotes: h,
-      onFootnoteClick: f,
-      onJumpToDefinition: (t, e) => {
-        console.log(`Jumping to definition of footnote ${t} at line ${e}`), f(e);
-      },
-      onJumpToReference: (t, e) => {
-        console.log(`Jumping to reference of footnote ${t} at line ${e}`), f(e);
-      },
-      theme: m.theme
-    })]
-  });
-  return /* @__PURE__ */ w("div", {
-    className: "markdown-editor-wrapper flex gap-4",
-    children: [
-      a === "left" && (i || d) && g(),
-      /* @__PURE__ */ p("div", {
-        className: "markdown-editor-main flex-1",
-        children: /* @__PURE__ */ p(M, {
-          ...m,
-          value: o,
-          onChange: b,
-          language: "markdown",
-          autocompletion: !1,
-          extensions: $,
-          contextMenu: y
-        })
-      }),
-      a === "right" && (i || d) && g(),
-      /* @__PURE__ */ p("style", { children: `
-        .markdown-sidebar-light {
-          color: #000000;
-        }
-        .markdown-sidebar-dark {
-          color: #d4d4d4;
-        }
-        .markdown-sidebar-dark .card,
-        .markdown-sidebar-dark .toc-panel,
-        .markdown-sidebar-dark .footnote-panel,
-        .markdown-sidebar-dark .outline-panel,
-        .markdown-sidebar-dark .variable-panel {
-          background-color: #1e1e1e !important;
-          border-color: #3e3e42 !important;
-          color: #d4d4d4 !important;
-        }
-        .markdown-sidebar-dark .border-base-300 {
-          border-color: #3e3e42 !important;
-        }
-        .markdown-sidebar-dark input,
-        .markdown-sidebar-dark .input {
-          background-color: #2d2d2d !important;
-          border-color: #3e3e42 !important;
-          color: #d4d4d4 !important;
-        }
-        .markdown-sidebar-dark button,
-        .markdown-sidebar-dark .btn {
-          color: #d4d4d4 !important;
-        }
-        .markdown-sidebar-dark .hover\\:bg-base-200:hover,
-        .markdown-sidebar-dark .toc-item:hover,
-        .markdown-sidebar-dark .outline-item:hover,
-        .markdown-sidebar-dark .variable-item:hover,
-        .markdown-sidebar-dark .footnote-item:hover {
-          background-color: #2d2d2d !important;
-        }
-        .markdown-sidebar-dark .bg-primary\\/20 {
-          background-color: rgba(96, 165, 250, 0.2) !important;
-        }
-        .markdown-sidebar-dark .bg-base-200 {
-          background-color: #2d2d2d !important;
-        }
-        .markdown-sidebar-dark .bg-warning\\/10 {
-          background-color: rgba(251, 191, 36, 0.1) !important;
-        }
-        .markdown-sidebar-dark .border-warning\\/30 {
-          border-color: rgba(251, 191, 36, 0.3) !important;
-        }
-        .markdown-sidebar-dark .text-warning {
-          color: #fbbf24 !important;
-        }
-      ` })
-    ]
-  });
-};
-export {
-  H as default
+import e from "./CodeEditor.js";
+import t from "../panels/TableOfContentsPanel.js";
+import n from "../panels/FootnotePanel.js";
+import { extractFootnotes as r, extractMarkdownSections as i, markdownExtensions as a } from "./markdownExtensions.js";
+import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/pro/CodeEditor/editors/MarkdownEditor.tsx
+var f = (e) => {
+	let t = e.split("\n").filter((e) => e.trim());
+	if (t.length < 2) return e;
+	let n = t.map((e) => e.split("|").map((e) => e.trim()).filter((e, t, n) => t > 0 && t < n.length - 1)), r = [];
+	return n.forEach((e) => {
+		e.forEach((e, t) => {
+			r[t] = Math.max(r[t] || 0, e.length);
+		});
+	}), n.map((e, t) => "| " + e.map((e, n) => {
+		if (t === 1 && e.match(/^:?-+:?$/)) {
+			let t = e.startsWith(":"), i = e.endsWith(":"), a = r[n];
+			return t && i ? ":" + "-".repeat(a - 2) + ":" : t ? ":" + "-".repeat(a - 1) : i ? "-".repeat(a - 1) + ":" : "-".repeat(a);
+		}
+		return e.padEnd(r[n], " ");
+	}).join(" | ") + " |").join("\n");
+}, p = (e, t) => {
+	let n = e.state.doc.lineAt(t);
+	if (!n.text.includes("|")) return null;
+	let r = n.number, i = n.number - 1;
+	for (; i >= 1 && e.state.doc.line(i).text.includes("|");) r = i, i--;
+	let a = n.number;
+	i = n.number + 1;
+	let o = e.state.doc.lines;
+	for (; i <= o && e.state.doc.line(i).text.includes("|");) a = i, i++;
+	let s = e.state.doc.line(r), c = e.state.doc.line(a);
+	return {
+		start: s.from,
+		end: c.to,
+		text: e.state.doc.sliceString(s.from, c.to)
+	};
+}, m = ({ value: m = "", onChange: h, showTableOfContents: g = !0, showFootnotes: _ = !0, onSectionsChange: v, onFootnotesChange: y, tableOfContentsPosition: b = "right", customExtensions: x = [], customContextMenu: S = [], ...C }) => {
+	let [w, T] = l([]), [E, D] = l([]), [O, k] = l(1);
+	c(null), s(() => {
+		let e = i(m), t = r(m);
+		T(e), D(t), v && v(e), y && y(t);
+	}, [
+		m,
+		v,
+		y
+	]);
+	let A = o((e) => {
+		let t = document.querySelector(`.cm-line:nth-child(${e})`);
+		t && t.scrollIntoView({
+			behavior: "smooth",
+			block: "center"
+		});
+	}, []), j = [
+		{
+			label: "格式化表格",
+			action: (e) => {
+				let t = e.state.selection.main, n = p(e, t.from);
+				if (n) {
+					let t = f(n.text);
+					e.dispatch({ changes: {
+						from: n.start,
+						to: n.end,
+						insert: t
+					} });
+				} else alert("请将光标放在表格中");
+			}
+		},
+		{
+			label: "",
+			action: () => {},
+			separator: !0
+		},
+		{
+			label: "剪切",
+			action: (e) => {
+				let t = e.state.selection.main, n = e.state.sliceDoc(t.from, t.to);
+				navigator.clipboard.writeText(n), e.dispatch({ changes: {
+					from: t.from,
+					to: t.to,
+					insert: ""
+				} });
+			}
+		},
+		{
+			label: "复制",
+			action: (e) => {
+				let t = e.state.selection.main, n = e.state.sliceDoc(t.from, t.to);
+				navigator.clipboard.writeText(n);
+			}
+		},
+		{
+			label: "粘贴",
+			action: async (e) => {
+				let t = await navigator.clipboard.readText(), n = e.state.selection.main;
+				e.dispatch({ changes: {
+					from: n.from,
+					to: n.to,
+					insert: t
+				} });
+			}
+		},
+		{
+			label: "",
+			action: () => {},
+			separator: !0
+		},
+		{
+			label: "全选",
+			action: (e) => {
+				e.dispatch({ selection: {
+					anchor: 0,
+					head: e.state.doc.length
+				} });
+			}
+		},
+		...S
+	], M = [...a(), ...x], N = () => {
+		let e = [
+			"dark",
+			"retro",
+			"cyberpunk",
+			"matrix"
+		].includes(C.theme || "light") ? "markdown-sidebar-dark" : "markdown-sidebar-light";
+		return /* @__PURE__ */ d("div", {
+			className: `markdown-sidebar space-y-4 ${e}`,
+			style: { width: "320px" },
+			children: [g && /* @__PURE__ */ u(t, {
+				sections: w,
+				onSectionClick: A,
+				currentLine: O,
+				theme: C.theme
+			}), _ && E.length > 0 && /* @__PURE__ */ u(n, {
+				footnotes: E,
+				onFootnoteClick: A,
+				onJumpToDefinition: (e, t) => {
+					console.log(`Jumping to definition of footnote ${e} at line ${t}`), A(t);
+				},
+				onJumpToReference: (e, t) => {
+					console.log(`Jumping to reference of footnote ${e} at line ${t}`), A(t);
+				},
+				theme: C.theme
+			})]
+		});
+	};
+	return /* @__PURE__ */ d("div", {
+		className: "markdown-editor-wrapper flex gap-4",
+		children: [
+			b === "left" && (g || _) && N(),
+			/* @__PURE__ */ u("div", {
+				className: "markdown-editor-main flex-1",
+				children: /* @__PURE__ */ u(e, {
+					...C,
+					value: m,
+					onChange: h,
+					language: "markdown",
+					autocompletion: !1,
+					extensions: M,
+					contextMenu: j
+				})
+			}),
+			b === "right" && (g || _) && N(),
+			/* @__PURE__ */ u("style", { children: "\n        .markdown-sidebar-light {\n          color: #000000;\n        }\n        .markdown-sidebar-dark {\n          color: #d4d4d4;\n        }\n        .markdown-sidebar-dark .card,\n        .markdown-sidebar-dark .toc-panel,\n        .markdown-sidebar-dark .footnote-panel,\n        .markdown-sidebar-dark .outline-panel,\n        .markdown-sidebar-dark .variable-panel {\n          background-color: #1e1e1e !important;\n          border-color: #3e3e42 !important;\n          color: #d4d4d4 !important;\n        }\n        .markdown-sidebar-dark .border-base-300 {\n          border-color: #3e3e42 !important;\n        }\n        .markdown-sidebar-dark input,\n        .markdown-sidebar-dark .input {\n          background-color: #2d2d2d !important;\n          border-color: #3e3e42 !important;\n          color: #d4d4d4 !important;\n        }\n        .markdown-sidebar-dark button,\n        .markdown-sidebar-dark .btn {\n          color: #d4d4d4 !important;\n        }\n        .markdown-sidebar-dark .hover\\:bg-base-200:hover,\n        .markdown-sidebar-dark .toc-item:hover,\n        .markdown-sidebar-dark .outline-item:hover,\n        .markdown-sidebar-dark .variable-item:hover,\n        .markdown-sidebar-dark .footnote-item:hover {\n          background-color: #2d2d2d !important;\n        }\n        .markdown-sidebar-dark .bg-primary\\/20 {\n          background-color: rgba(96, 165, 250, 0.2) !important;\n        }\n        .markdown-sidebar-dark .bg-base-200 {\n          background-color: #2d2d2d !important;\n        }\n        .markdown-sidebar-dark .bg-warning\\/10 {\n          background-color: rgba(251, 191, 36, 0.1) !important;\n        }\n        .markdown-sidebar-dark .border-warning\\/30 {\n          border-color: rgba(251, 191, 36, 0.3) !important;\n        }\n        .markdown-sidebar-dark .text-warning {\n          color: #fbbf24 !important;\n        }\n      " })
+		]
+	});
 };
+//#endregion
+export { m as default };
 
 //# sourceMappingURL=MarkdownEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/editors/MarkdownEditor.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from 'react';\nimport CodeEditor, { CodeEditorProps, ContextMenuItem } from './CodeEditor';\nimport TableOfContentsPanel from '../panels/TableOfContentsPanel';\nimport FootnotePanel from '../panels/FootnotePanel';\nimport {\n  markdownExtensions,\n  extractMarkdownSections,\n  extractFootnotes,\n  MarkdownSection,\n  FootnoteInfo,\n} from './markdownExtensions';\nimport { EditorView } from '@codemirror/view';\n\nexport interface MarkdownEditorProps extends Omit<CodeEditorProps, 'language' | 'extensions' | 'autocompletion' | 'contextMenu'> {\n  showTableOfContents?: boolean;\n  showFootnotes?: boolean;\n  onSectionsChange?: (sections: MarkdownSection[]) => void;\n  onFootnotesChange?: (footnotes: FootnoteInfo[]) => void;\n  tableOfContentsPosition?: 'left' | 'right';\n  customExtensions?: CodeEditorProps['extensions'];\n  customContextMenu?: ContextMenuItem[];\n}\n\n// 表格格式化函数\nconst formatMarkdownTable = (tableText: string): string => {\n  const lines = tableText.split('\\n').filter(line => line.trim());\n  if (lines.length < 2) return tableText;\n\n  // 解析表格\n  const rows = lines.map(line => {\n    return line.split('|')\n      .map(cell => cell.trim())\n      .filter((_, i, arr) => i > 0 && i < arr.length - 1); // 移除首尾空元素\n  });\n\n  // 计算每列的最大宽度\n  const colWidths: number[] = [];\n  rows.forEach(row => {\n    row.forEach((cell, i) => {\n      colWidths[i] = Math.max(colWidths[i] || 0, cell.length);\n    });\n  });\n\n  // 格式化每一行\n  const formattedRows = rows.map((row, rowIndex) => {\n    const cells = row.map((cell, colIndex) => {\n      // 对于分隔行，保持对齐标记\n      if (rowIndex === 1 && cell.match(/^:?-+:?$/)) {\n        const hasLeft = cell.startsWith(':');\n        const hasRight = cell.endsWith(':');\n        const width = colWidths[colIndex];\n\n        if (hasLeft && hasRight) {\n          return ':' + '-'.repeat(width - 2) + ':';\n        } else if (hasLeft) {\n          return ':' + '-'.repeat(width - 1);\n        } else if (hasRight) {\n          return '-'.repeat(width - 1) + ':';\n        } else {\n          return '-'.repeat(width);\n        }\n      }\n\n      return cell.padEnd(colWidths[colIndex], ' ');\n    });\n\n    return '| ' + cells.join(' | ') + ' |';\n  });\n\n  return formattedRows.join('\\n');\n};\n\n// 检测是否在表格中\nconst isInTable = (view: EditorView, pos: number): { start: number; end: number; text: string } | null => {\n  const line = view.state.doc.lineAt(pos);\n  const lineText = line.text;\n\n  if (!lineText.includes('|')) return null;\n\n  // 向上查找表格开始\n  let startLine = line.number;\n  let currentLine = line.number - 1;\n  while (currentLine >= 1) {\n    const l = view.state.doc.line(currentLine);\n    if (!l.text.includes('|')) break;\n    startLine = currentLine;\n    currentLine--;\n  }\n\n  // 向下查找表格结束\n  let endLine = line.number;\n  currentLine = line.number + 1;\n  const totalLines = view.state.doc.lines;\n  while (currentLine <= totalLines) {\n    const l = view.state.doc.line(currentLine);\n    if (!l.text.includes('|')) break;\n    endLine = currentLine;\n    currentLine++;\n  }\n\n  const startLineObj = view.state.doc.line(startLine);\n  const endLineObj = view.state.doc.line(endLine);\n\n  return {\n    start: startLineObj.from,\n    end: endLineObj.to,\n    text: view.state.doc.sliceString(startLineObj.from, endLineObj.to),\n  };\n};\n\nconst MarkdownEditor: React.FC<MarkdownEditorProps> = ({\n  value = '',\n  onChange,\n  showTableOfContents = true,\n  showFootnotes = true,\n  onSectionsChange,\n  onFootnotesChange,\n  tableOfContentsPosition = 'right',\n  customExtensions = [],\n  customContextMenu = [],\n  ...codeEditorProps\n}) => {\n  const [sections, setSections] = useState<MarkdownSection[]>([]);\n  const [footnotes, setFootnotes] = useState<FootnoteInfo[]>([]);\n  const [currentLine, setCurrentLine] = useState(1);\n  const editorViewRef = useRef<EditorView | null>(null);\n\n  // 提取章节和脚注\n  useEffect(() => {\n    const newSections = extractMarkdownSections(value);\n    const newFootnotes = extractFootnotes(value);\n\n    setSections(newSections);\n    setFootnotes(newFootnotes);\n\n    if (onSectionsChange) {\n      onSectionsChange(newSections);\n    }\n\n    if (onFootnotesChange) {\n      onFootnotesChange(newFootnotes);\n    }\n  }, [value, onSectionsChange, onFootnotesChange]);\n\n  // 跳转到指定行\n  const jumpToLine = useCallback((line: number) => {\n    const lineElement = document.querySelector(`.cm-line:nth-child(${line})`);\n    if (lineElement) {\n      lineElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }, []);\n\n  // Markdown 专属上下文菜单\n  const markdownContextMenu: ContextMenuItem[] = [\n    {\n      label: '格式化表格',\n      action: (view) => {\n        const selection = view.state.selection.main;\n        const tableInfo = isInTable(view, selection.from);\n\n        if (tableInfo) {\n          const formatted = formatMarkdownTable(tableInfo.text);\n          view.dispatch({\n            changes: {\n              from: tableInfo.start,\n              to: tableInfo.end,\n              insert: formatted,\n            },\n          });\n        } else {\n          alert('请将光标放在表格中');\n        }\n      },\n    },\n    { label: '', action: () => { }, separator: true },\n    {\n      label: '剪切',\n      action: (view) => {\n        const selection = view.state.selection.main;\n        const text = view.state.sliceDoc(selection.from, selection.to);\n        navigator.clipboard.writeText(text);\n        view.dispatch({\n          changes: { from: selection.from, to: selection.to, insert: '' },\n        });\n      },\n    },\n    {\n      label: '复制',\n      action: (view) => {\n        const selection = view.state.selection.main;\n        const text = view.state.sliceDoc(selection.from, selection.to);\n        navigator.clipboard.writeText(text);\n      },\n    },\n    {\n      label: '粘贴',\n      action: async (view) => {\n        const text = await navigator.clipboard.readText();\n        const selection = view.state.selection.main;\n        view.dispatch({\n          changes: { from: selection.from, to: selection.to, insert: text },\n        });\n      },\n    },\n    { label: '', action: () => { }, separator: true },\n    {\n      label: '全选',\n      action: (view) => {\n        view.dispatch({\n          selection: { anchor: 0, head: view.state.doc.length },\n        });\n      },\n    },\n    ...customContextMenu,\n  ];\n\n  // 合并扩展\n  const allExtensions = [...markdownExtensions(), ...customExtensions];\n\n  // 侧边栏内容\n  const renderSidebar = () => {\n    // 根据主题决定侧边栏的样式类\n    const darkThemes = ['dark', 'retro', 'cyberpunk', 'matrix'];\n    const sidebarThemeClass =\n      darkThemes.includes(codeEditorProps.theme || 'light')\n        ? 'markdown-sidebar-dark'\n        : 'markdown-sidebar-light';\n\n    return (\n      <div className={`markdown-sidebar space-y-4 ${sidebarThemeClass}`} style={{ width: '320px' }}>\n        {showTableOfContents && (\n          <TableOfContentsPanel\n            sections={sections}\n            onSectionClick={jumpToLine}\n            currentLine={currentLine}\n            theme={codeEditorProps.theme}\n          />\n        )}\n        {showFootnotes && footnotes.length > 0 && (\n          <FootnotePanel\n            footnotes={footnotes}\n            onFootnoteClick={jumpToLine}\n            onJumpToDefinition={(id, line) => {\n              console.log(`Jumping to definition of footnote ${id} at line ${line}`);\n              jumpToLine(line);\n            }}\n            onJumpToReference={(id, line) => {\n              console.log(`Jumping to reference of footnote ${id} at line ${line}`);\n              jumpToLine(line);\n            }}\n            theme={codeEditorProps.theme}\n          />\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"markdown-editor-wrapper flex gap-4\">\n      {/* 左侧边栏 */}\n      {tableOfContentsPosition === 'left' && (showTableOfContents || showFootnotes) && renderSidebar()}\n\n      {/* 编辑器 */}\n      <div className=\"markdown-editor-main flex-1\">\n        <CodeEditor\n          {...codeEditorProps}\n          value={value}\n          onChange={onChange}\n          language=\"markdown\"\n          autocompletion={false}\n          extensions={allExtensions}\n          contextMenu={markdownContextMenu}\n        />\n      </div>\n\n      {/* 右侧边栏 */}\n      {tableOfContentsPosition === 'right' && (showTableOfContents || showFootnotes) && renderSidebar()}\n\n      {/* 侧边栏主题样式 */}\n      <style>{`\n        .markdown-sidebar-light {\n          color: #000000;\n        }\n        .markdown-sidebar-dark {\n          color: #d4d4d4;\n        }\n        .markdown-sidebar-dark .card,\n        .markdown-sidebar-dark .toc-panel,\n        .markdown-sidebar-dark .footnote-panel,\n        .markdown-sidebar-dark .outline-panel,\n        .markdown-sidebar-dark .variable-panel {\n          background-color: #1e1e1e !important;\n          border-color: #3e3e42 !important;\n          color: #d4d4d4 !important;\n        }\n        .markdown-sidebar-dark .border-base-300 {\n          border-color: #3e3e42 !important;\n        }\n        .markdown-sidebar-dark input,\n        .markdown-sidebar-dark .input {\n          background-color: #2d2d2d !important;\n          border-color: #3e3e42 !important;\n          color: #d4d4d4 !important;\n        }\n        .markdown-sidebar-dark button,\n        .markdown-sidebar-dark .btn {\n          color: #d4d4d4 !important;\n        }\n        .markdown-sidebar-dark .hover\\\\:bg-base-200:hover,\n        .markdown-sidebar-dark .toc-item:hover,\n        .markdown-sidebar-dark .outline-item:hover,\n        .markdown-sidebar-dark .variable-item:hover,\n        .markdown-sidebar-dark .footnote-item:hover {\n          background-color: #2d2d2d !important;\n        }\n        .markdown-sidebar-dark .bg-primary\\\\/20 {\n          background-color: rgba(96, 165, 250, 0.2) !important;\n        }\n        .markdown-sidebar-dark .bg-base-200 {\n          background-color: #2d2d2d !important;\n        }\n        .markdown-sidebar-dark .bg-warning\\\\/10 {\n          background-color: rgba(251, 191, 36, 0.1) !important;\n        }\n        .markdown-sidebar-dark .border-warning\\\\/30 {\n          border-color: rgba(251, 191, 36, 0.3) !important;\n        }\n        .markdown-sidebar-dark .text-warning {\n          color: #fbbf24 !important;\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default MarkdownEditor;\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/editors/MarkdownEditor.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from 'react';\nimport CodeEditor, { CodeEditorProps, ContextMenuItem } from './CodeEditor';\nimport TableOfContentsPanel from '../panels/TableOfContentsPanel';\nimport FootnotePanel from '../panels/FootnotePanel';\nimport {\n  markdownExtensions,\n  extractMarkdownSections,\n  extractFootnotes,\n  MarkdownSection,\n  FootnoteInfo,\n} from './markdownExtensions';\nimport { EditorView } from '@codemirror/view';\n\nexport interface MarkdownEditorProps extends Omit<CodeEditorProps, 'language' | 'extensions' | 'autocompletion' | 'contextMenu'> {\n  showTableOfContents?: boolean;\n  showFootnotes?: boolean;\n  onSectionsChange?: (sections: MarkdownSection[]) => void;\n  onFootnotesChange?: (footnotes: FootnoteInfo[]) => void;\n  tableOfContentsPosition?: 'left' | 'right';\n  customExtensions?: CodeEditorProps['extensions'];\n  customContextMenu?: ContextMenuItem[];\n}\n\n// 表格格式化函数\nconst formatMarkdownTable = (tableText: string): string => {\n  const lines = tableText.split('\\n').filter(line => line.trim());\n  if (lines.length < 2) return tableText;\n\n  // 解析表格\n  const rows = lines.map(line => {\n    return line.split('|')\n      .map(cell => cell.trim())\n      .filter((_, i, arr) => i > 0 && i < arr.length - 1); // 移除首尾空元素\n  });\n\n  // 计算每列的最大宽度\n  const colWidths: number[] = [];\n  rows.forEach(row => {\n    row.forEach((cell, i) => {\n      colWidths[i] = Math.max(colWidths[i] || 0, cell.length);\n    });\n  });\n\n  // 格式化每一行\n  const formattedRows = rows.map((row, rowIndex) => {\n    const cells = row.map((cell, colIndex) => {\n      // 对于分隔行，保持对齐标记\n      if (rowIndex === 1 && cell.match(/^:?-+:?$/)) {\n        const hasLeft = cell.startsWith(':');\n        const hasRight = cell.endsWith(':');\n        const width = colWidths[colIndex];\n\n        if (hasLeft && hasRight) {\n          return ':' + '-'.repeat(width - 2) + ':';\n        } else if (hasLeft) {\n          return ':' + '-'.repeat(width - 1);\n        } else if (hasRight) {\n          return '-'.repeat(width - 1) + ':';\n        } else {\n          return '-'.repeat(width);\n        }\n      }\n\n      return cell.padEnd(colWidths[colIndex], ' ');\n    });\n\n    return '| ' + cells.join(' | ') + ' |';\n  });\n\n  return formattedRows.join('\\n');\n};\n\n// 检测是否在表格中\nconst isInTable = (view: EditorView, pos: number): { start: number; end: number; text: string } | null => {\n  const line = view.state.doc.lineAt(pos);\n  const lineText = line.text;\n\n  if (!lineText.includes('|')) return null;\n\n  // 向上查找表格开始\n  let startLine = line.number;\n  let currentLine = line.number - 1;\n  while (currentLine >= 1) {\n    const l = view.state.doc.line(currentLine);\n    if (!l.text.includes('|')) break;\n    startLine = currentLine;\n    currentLine--;\n  }\n\n  // 向下查找表格结束\n  let endLine = line.number;\n  currentLine = line.number + 1;\n  const totalLines = view.state.doc.lines;\n  while (currentLine <= totalLines) {\n    const l = view.state.doc.line(currentLine);\n    if (!l.text.includes('|')) break;\n    endLine = currentLine;\n    currentLine++;\n  }\n\n  const startLineObj = view.state.doc.line(startLine);\n  const endLineObj = view.state.doc.line(endLine);\n\n  return {\n    start: startLineObj.from,\n    end: endLineObj.to,\n    text: view.state.doc.sliceString(startLineObj.from, endLineObj.to),\n  };\n};\n\nconst MarkdownEditor: React.FC<MarkdownEditorProps> = ({\n  value = '',\n  onChange,\n  showTableOfContents = true,\n  showFootnotes = true,\n  onSectionsChange,\n  onFootnotesChange,\n  tableOfContentsPosition = 'right',\n  customExtensions = [],\n  customContextMenu = [],\n  ...codeEditorProps\n}) => {\n  const [sections, setSections] = useState<MarkdownSection[]>([]);\n  const [footnotes, setFootnotes] = useState<FootnoteInfo[]>([]);\n  const [currentLine, setCurrentLine] = useState(1);\n  const editorViewRef = useRef<EditorView | null>(null);\n\n  // 提取章节和脚注\n  useEffect(() => {\n    const newSections = extractMarkdownSections(value);\n    const newFootnotes = extractFootnotes(value);\n\n    setSections(newSections);\n    setFootnotes(newFootnotes);\n\n    if (onSectionsChange) {\n      onSectionsChange(newSections);\n    }\n\n    if (onFootnotesChange) {\n      onFootnotesChange(newFootnotes);\n    }\n  }, [value, onSectionsChange, onFootnotesChange]);\n\n  // 跳转到指定行\n  const jumpToLine = useCallback((line: number) => {\n    const lineElement = document.querySelector(`.cm-line:nth-child(${line})`);\n    if (lineElement) {\n      lineElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }, []);\n\n  // Markdown 专属上下文菜单\n  const markdownContextMenu: ContextMenuItem[] = [\n    {\n      label: '格式化表格',\n      action: (view) => {\n        const selection = view.state.selection.main;\n        const tableInfo = isInTable(view, selection.from);\n\n        if (tableInfo) {\n          const formatted = formatMarkdownTable(tableInfo.text);\n          view.dispatch({\n            changes: {\n              from: tableInfo.start,\n              to: tableInfo.end,\n              insert: formatted,\n            },\n          });\n        } else {\n          alert('请将光标放在表格中');\n        }\n      },\n    },\n    { label: '', action: () => { }, separator: true },\n    {\n      label: '剪切',\n      action: (view) => {\n        const selection = view.state.selection.main;\n        const text = view.state.sliceDoc(selection.from, selection.to);\n        navigator.clipboard.writeText(text);\n        view.dispatch({\n          changes: { from: selection.from, to: selection.to, insert: '' },\n        });\n      },\n    },\n    {\n      label: '复制',\n      action: (view) => {\n        const selection = view.state.selection.main;\n        const text = view.state.sliceDoc(selection.from, selection.to);\n        navigator.clipboard.writeText(text);\n      },\n    },\n    {\n      label: '粘贴',\n      action: async (view) => {\n        const text = await navigator.clipboard.readText();\n        const selection = view.state.selection.main;\n        view.dispatch({\n          changes: { from: selection.from, to: selection.to, insert: text },\n        });\n      },\n    },\n    { label: '', action: () => { }, separator: true },\n    {\n      label: '全选',\n      action: (view) => {\n        view.dispatch({\n          selection: { anchor: 0, head: view.state.doc.length },\n        });\n      },\n    },\n    ...customContextMenu,\n  ];\n\n  // 合并扩展\n  const allExtensions = [...markdownExtensions(), ...customExtensions];\n\n  // 侧边栏内容\n  const renderSidebar = () => {\n    // 根据主题决定侧边栏的样式类\n    const darkThemes = ['dark', 'retro', 'cyberpunk', 'matrix'];\n    const sidebarThemeClass =\n      darkThemes.includes(codeEditorProps.theme || 'light')\n        ? 'markdown-sidebar-dark'\n        : 'markdown-sidebar-light';\n\n    return (\n      <div className={`markdown-sidebar space-y-4 ${sidebarThemeClass}`} style={{ width: '320px' }}>\n        {showTableOfContents && (\n          <TableOfContentsPanel\n            sections={sections}\n            onSectionClick={jumpToLine}\n            currentLine={currentLine}\n            theme={codeEditorProps.theme}\n          />\n        )}\n        {showFootnotes && footnotes.length > 0 && (\n          <FootnotePanel\n            footnotes={footnotes}\n            onFootnoteClick={jumpToLine}\n            onJumpToDefinition={(id, line) => {\n              console.log(`Jumping to definition of footnote ${id} at line ${line}`);\n              jumpToLine(line);\n            }}\n            onJumpToReference={(id, line) => {\n              console.log(`Jumping to reference of footnote ${id} at line ${line}`);\n              jumpToLine(line);\n            }}\n            theme={codeEditorProps.theme}\n          />\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"markdown-editor-wrapper flex gap-4\">\n      {/* 左侧边栏 */}\n      {tableOfContentsPosition === 'left' && (showTableOfContents || showFootnotes) && renderSidebar()}\n\n      {/* 编辑器 */}\n      <div className=\"markdown-editor-main flex-1\">\n        <CodeEditor\n          {...codeEditorProps}\n          value={value}\n          onChange={onChange}\n          language=\"markdown\"\n          autocompletion={false}\n          extensions={allExtensions}\n          contextMenu={markdownContextMenu}\n        />\n      </div>\n\n      {/* 右侧边栏 */}\n      {tableOfContentsPosition === 'right' && (showTableOfContents || showFootnotes) && renderSidebar()}\n\n      {/* 侧边栏主题样式 */}\n      <style>{`\n        .markdown-sidebar-light {\n          color: #000000;\n        }\n        .markdown-sidebar-dark {\n          color: #d4d4d4;\n        }\n        .markdown-sidebar-dark .card,\n        .markdown-sidebar-dark .toc-panel,\n        .markdown-sidebar-dark .footnote-panel,\n        .markdown-sidebar-dark .outline-panel,\n        .markdown-sidebar-dark .variable-panel {\n          background-color: #1e1e1e !important;\n          border-color: #3e3e42 !important;\n          color: #d4d4d4 !important;\n        }\n        .markdown-sidebar-dark .border-base-300 {\n          border-color: #3e3e42 !important;\n        }\n        .markdown-sidebar-dark input,\n        .markdown-sidebar-dark .input {\n          background-color: #2d2d2d !important;\n          border-color: #3e3e42 !important;\n          color: #d4d4d4 !important;\n        }\n        .markdown-sidebar-dark button,\n        .markdown-sidebar-dark .btn {\n          color: #d4d4d4 !important;\n        }\n        .markdown-sidebar-dark .hover\\\\:bg-base-200:hover,\n        .markdown-sidebar-dark .toc-item:hover,\n        .markdown-sidebar-dark .outline-item:hover,\n        .markdown-sidebar-dark .variable-item:hover,\n        .markdown-sidebar-dark .footnote-item:hover {\n          background-color: #2d2d2d !important;\n        }\n        .markdown-sidebar-dark .bg-primary\\\\/20 {\n          background-color: rgba(96, 165, 250, 0.2) !important;\n        }\n        .markdown-sidebar-dark .bg-base-200 {\n          background-color: #2d2d2d !important;\n        }\n        .markdown-sidebar-dark .bg-warning\\\\/10 {\n          background-color: rgba(251, 191, 36, 0.1) !important;\n        }\n        .markdown-sidebar-dark .border-warning\\\\/30 {\n          border-color: rgba(251, 191, 36, 0.3) !important;\n        }\n        .markdown-sidebar-dark .text-warning {\n          color: #fbbf24 !important;\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default MarkdownEditor;\n"],"mappings":"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"}