fix: typo

Author: Col0ring

docs/components/pro/monaco_editor/README-zh_CN.md

@@ -53,7 +53,7 @@
 | original          | `str\| None`          | None                   | 原始源的值（左侧）。                                                                                                                                  |
 | language          | `str\| None`          | None                   | 编辑器的语言（monaco-editor [支持](https://github.com/microsoft/monaco-editor/tree/main/src/basic-languages)的所有语言）。                            |
 | original_language | `str\| None`          | None                   | 单独指定原始源的语言。否则，它将获取 language 属性的值。                                                                                              |
-| modified_Language | `str\| None`          | None                   | 单独指定修改后的源的语言。否则，它将获取 language 属性的值。                                                                                          |
+| modified_language | `str\| None`          | None                   | 单独指定修改后的源的语言。否则，它将获取 language 属性的值。                                                                                          |
 | line              | `number\| None`       | None                   | 垂直滚动编辑器到指定行。                                                                                                                              |
 | read_only         | `bool\| None`         | None                   | 编辑器是否只读。                                                                                                                                      |
 | loading           | `str\| None`          | 'Editor is loading...' | 编辑器初始化加载时的加载文案。                                                                                                                        |

docs/components/pro/monaco_editor/README.md

@@ -53,7 +53,7 @@ If you need further customization of Monaco Editor, you can pass in JavaScript f
 | original          | `str\| None`          | None                   | The original source (left one) value.                                                                                                                 |
 | language          | `str\| None`          | None                   | The language of the editor (all languages [supported](https://github.com/microsoft/monaco-editor/tree/main/src/basic-languages) by monaco-editor).    |
 | original_language | `str\| None`          | None                   | Specifies the language of the original source separately. Otherwise, it will take the value of the language property.                                 |
-| modified_Language | `str\| None`          | None                   | Specifies the language of the modified source separately. Otherwise, it will take the value of the language property.                                 |
+| modified_language | `str\| None`          | None                   | Specifies the language of the modified source separately. Otherwise, it will take the value of the language property.                                 |
 | line              | `number\| None`       | None                   | Vertically scroll the editor to the specified line.                                                                                                   |
 | read_only         | `bool\| None`         | None                   | Whether the editor is read-only.                                                                                                                      |
 | loading           | `str\| None`          | 'Editor is loading...' | The loading text when the editor is initializing.                                                                                                     |

frontend/pro/monaco-editor/diff-editor/monaco-editor.diff-editor.tsx

@@ -7,6 +7,7 @@ import { ReactSlot } from '@svelte-preprocess-react/react-slot';
 import { sveltify } from '@svelte-preprocess-react/sveltify';
 import React, { useEffect, useMemo, useRef } from 'react';
 import { useFunction } from '@utils/hooks/useFunction';
+import { useMemoizedFn } from '@utils/hooks/useMemoizedFn';
 import { Spin } from 'antd';
 import { isNumber } from 'lodash-es';
 import type { editor, IDisposable } from 'monaco-editor';
@@ -61,6 +62,8 @@ export const MonacoDiffEditor = sveltify<MonacoDiffEditorProps, ['loading']>(
       onValueChange,
       value: valueProp,
     });
+    const onChangeMemoized = useMemoizedFn(onChange);
+    const onValidateMemoized = useMemoizedFn(onValidate);
     const handleEditorMount: MonacoDiffEditorProps['onMount'] = (
       editor,
       monaco
@@ -74,7 +77,7 @@ export const MonacoDiffEditor = sveltify<MonacoDiffEditorProps, ['loading']>(
       const mountDisposable = modifiedEditor.onDidChangeModelContent((e) => {
         const newValue = modifiedEditor.getValue();
         setValue(newValue);
-        onChange?.(newValue, e);
+        onChangeMemoized(newValue, e);
       });
 
       const validateDisposable = monaco.editor.onDidChangeMarkers((uris) => {
@@ -87,7 +90,7 @@ export const MonacoDiffEditor = sveltify<MonacoDiffEditorProps, ['loading']>(
             const markers = monaco.editor.getModelMarkers({
               resource: editorUri,
             });
-            onValidate?.(markers);
+            onValidateMemoized(markers);
           }
         }
       });