|
|
@@ -2,7 +2,9 @@ import {
|
|
|
forwardRef, useMemo, useRef, useEffect,
|
|
|
} from 'react';
|
|
|
|
|
|
+import { defaultKeymap } from '@codemirror/commands';
|
|
|
import { indentUnit } from '@codemirror/language';
|
|
|
+import { keymap } from '@codemirror/view';
|
|
|
import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
|
|
|
|
|
|
import { GlobalCodeMirrorEditorKey } from '../../consts';
|
|
|
@@ -41,6 +43,16 @@ export const CodeMirrorEditor = (props: Props): JSX.Element => {
|
|
|
}, [onChange]);
|
|
|
const { data: codeMirrorEditor } = useCodeMirrorEditorIsolated(editorKey, containerRef.current, cmProps);
|
|
|
|
|
|
+ useEffect(() => {
|
|
|
+ const extension = keymap.of([
|
|
|
+ ...defaultKeymap,
|
|
|
+ ]);
|
|
|
+
|
|
|
+ const cleanupFunction = codeMirrorEditor?.appendExtensions?.(extension);
|
|
|
+ return cleanupFunction;
|
|
|
+
|
|
|
+ }, [codeMirrorEditor]);
|
|
|
+
|
|
|
useEffect(() => {
|
|
|
if (indentSize == null) {
|
|
|
return;
|