fix: 更新.gitignore，移除不必要的历史记录，优化编辑器状态管理和选区处理逻辑

.gitignore

@@ -4,4 +4,5 @@ node_modules
 .dumi/tmp-test
 .dumi/tmp-production
 .DS_Store
-/docs-dist
+/docs-dist
+tsconfig.tsbuildinfo

src/MarkdownEditor/editor/Editor.tsx

@@ -86,7 +86,6 @@ export const MEditor = observer(
             editorProps.initSchemaValue?.length
               ? editorProps.initSchemaValue
               : undefined,
-            instance.history || true,
           );
           clearAllCodeCache(markdownEditorRef.current);
         } catch (e) {
@@ -115,9 +114,6 @@ export const MEditor = observer(
       }
       value.current = v;
       onChange(v, markdownEditorRef.current.operations);
-      if (instance) {
-        instance.history = markdownEditorRef.current.history;
-      }
 
       if (
         !markdownEditorRef.current.operations?.every(

src/MarkdownEditor/editor/plugins/useOnchange.ts

@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
+import { useDebounceFn } from '@ant-design/pro-components';
 import { runInAction } from 'mobx';
 import React, { useRef } from 'react';
 import { Subject } from 'rxjs';
@@ -36,35 +37,47 @@ export function useOnchange(
   onChange?: (value: string, schema: Elements[]) => void,
 ) {
   const rangeContent = useRef('');
+  const onChangeDebounce = useDebounceFn(async () => {
+    if (!onChange) return;
+    onChange?.(schemaToMarkdown(editor.children), editor.children);
+  }, 300);
+
+  const setSelDebounce = useDebounceFn(async () => {
+    runInAction(() => {
+      if (typeof window === 'undefined') return;
+      if (typeof window.matchMedia === 'undefined') return;
+      store.sel = editor.selection;
+    });
+  }, 300);
+  const selChange = useDebounceFn(
+    async (changeSel: { sel: BaseSelection; node: NodeEntry<any> }) => {
+      selChange$.next(changeSel);
+    },
+    160,
+  );
   return React.useMemo(() => {
     return (_value: any, _operations: BaseOperation[]) => {
-      if (onChange) {
-        onChange(schemaToMarkdown(_value), _value);
+      if (onChangeDebounce) {
+        onChangeDebounce.cancel();
+        onChangeDebounce?.run(schemaToMarkdown(_value), _value);
       }
       const sel = editor.selection;
       const [node] = Editor.nodes<Element>(editor, {
         match: (n) => Element.isElement(n),
         mode: 'lowest',
       });
-      setTimeout(() => {
-        selChange$.next({
-          sel,
-          node,
-        });
-      });
 
-      runInAction(() => {
-        if (typeof window === 'undefined') return;
-        if (typeof window.matchMedia === 'undefined') return;
-        store.sel = sel;
+      // 选区变化
+      selChange.cancel();
+      selChange.run({
+        sel,
+        node,
       });
+      setSelDebounce.cancel();
+      setSelDebounce.run();
+      // ------选区变化end----------
+
       if (!node) return;
-      setTimeout(() => {
-        selChange$.next({
-          sel,
-          node,
-        });
-      });
 
       if (
         sel &&
@@ -89,11 +102,6 @@ export function useOnchange(
         store.setState((state) => (state.domRect = null));
       }
 
-      if (node && node[0].type === 'media') {
-        store.mediaNode$.next(node);
-      } else {
-        store.mediaNode$.next(null);
-      }
       if (node && node[0].type === 'table-cell') {
         store.setState((state) => {
           state.tableCellNode = node;

src/MarkdownEditor/editor/store.ts

@@ -19,7 +19,7 @@ import { ReactEditor } from './slate-react';
 import { parse } from 'querystring';
 import { HistoryEditor } from 'slate-history';
 import { CommentDataType, MarkdownEditorProps } from '..';
-import { Elements, ListNode, MediaNode, TableCellNode } from '../el';
+import { Elements, ListNode, TableCellNode } from '../el';
 import { parserMdToSchema } from './parser/parserMdToSchema';
 import { KeyboardTask, Methods, schemaToMarkdown } from './utils';
 import { getOffsetLeft, getOffsetTop } from './utils/dom';
@@ -79,7 +79,6 @@ export class EditorStore {
   insertCompletionText$ = new Subject<string>();
   highlightCache = new Map<object, Range[]>();
   refreshFloatBar = false;
-  mediaNode$ = new Subject<NodeEntry<MediaNode> | null>();
   openInsertLink$ = new Subject<Selection>();
   openLinkPanel = false;
   tableCellNode: null | NodeEntry<TableCellNode> = null;
@@ -134,10 +133,14 @@ export class EditorStore {
     this._editor = _editor;
     makeAutoObservable(this, {
       _editor: false,
-      editor: false,
+      sel: false,
+      preSelection: false,
+      container: false,
+      domRect: false,
+      domRange: false,
       tableCellNode: false,
+      editor: false,
       inputComposition: false,
-      container: false,
       highlightCache: false,
       draggedElement: false,
       manual: false,

src/MarkdownEditor/index.tsx

@@ -92,7 +92,6 @@ export type CommentDataType = {
 export type IEditor = {
   children?: IEditor[];
   expand?: boolean;
-  history?: any;
 };
 
 /**
@@ -101,7 +100,6 @@ export type IEditor = {
 export interface MarkdownEditorInstance {
   range?: Range;
   store: EditorStore;
-  history?: any;
 }
 
 /**