简化表格组件中的上下文菜单处理逻辑，移除不必要的回调函数

src/MarkdownEditor/editor/elements/column/index.tsx

@@ -1,16 +1,12 @@
 import { ConfigProvider } from 'antd';
 import classNames from 'classnames';
-import React, { useCallback, useContext, useMemo } from 'react';
+import React, { useContext, useMemo } from 'react';
 import { RenderElementProps } from 'slate-react/dist/components/editable';
 import { useEditorStore } from '../../store';
 import { DragHandle } from '../../tools/DragHandle';
 import { useStyle } from './style';
 
 export function ColumnCell(props: RenderElementProps) {
-  const { store } = useEditorStore();
-  const contextFn = useCallback((e: React.MouseEvent, head?: boolean) => {
-    store.openTableMenus(e, head);
-  }, []);
   const context = useContext(ConfigProvider.ConfigContext);
   const baseCls = context.getPrefixCls('md-editor-column-group-cell');
   return React.useMemo(() => {
@@ -19,9 +15,6 @@ export function ColumnCell(props: RenderElementProps) {
         {...props.attributes}
         data-be={'column-group-cell'}
         className={baseCls}
-        onContextMenu={(e) => {
-          contextFn(e);
-        }}
       >
         {props.children}
       </div>

src/MarkdownEditor/editor/elements/table.tsx

@@ -45,9 +45,6 @@ export function TableCell(props: RenderElementProps) {
   const { store, readonly } = useEditorStore();
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [_] = useSelStatus(props.element);
-  const context = useCallback((e: React.MouseEvent, head?: boolean) => {
-    store.openTableMenus(e, head);
-  }, []);
 
   return React.useMemo(() => {
     const domWidth = stringWidth(Node.string(props.element)) * 8 + 20;
@@ -58,7 +55,6 @@ export function TableCell(props: RenderElementProps) {
         {...props.attributes}
         style={{ textAlign: props.element.align }}
         data-be={'th'}
-        onContextMenu={(e) => context(e, true)}
       >
         <div
           style={{
@@ -76,9 +72,6 @@ export function TableCell(props: RenderElementProps) {
         style={{ textAlign: props.element.align }}
         data-be={'td'}
         className={classNames('group')}
-        onContextMenu={(e) => {
-          context(e);
-        }}
       >
         {readonly && domWidth > 200 ? (
           <Popover

src/MarkdownEditor/editor/tools/Leading.tsx

@@ -127,9 +127,9 @@ export const TocHeading = observer(({ note }: { note: IEditor }) => {
     cache.clear();
     getHeading();
     setState({ active: '' });
-  }, [note]);
+  }, [store?.container, note]);
 
-  useDebounce(getHeading, 100, [note, note?.refresh]);
+  useDebounce(getHeading, 100, [note]);
 
   useEffect(() => {
     const div = box.current;