feat:增加撤销与重做按钮隐藏

Author: 昔梦

docs/xflow/api.md

@@ -68,6 +68,8 @@ group:
 | -------------- | ------------------------------------------ | --------- | ------ |
 | hideAddNode | 是否隐藏增加节点功能 | `boolean` | false  |
 | hideAnnotate | 是否隐藏注释节点功能 | `boolean` | false  |
+| hideUndoRedoBtns | 是否隐藏撤销和重做按钮 | `boolean` | false  |
+
 
 ## THandle
 

packages/x-flow/src/operator/index.tsx

@@ -1,28 +1,39 @@
-import React, { memo } from 'react';
+import React, { memo, useContext } from 'react';
 // import UndoRedo from '../header/undo-redo'
-import ZoomInOut from './ZoomInOut';
-import UndoRedo from './UndoRedo';
 import Control from './Control';
+import UndoRedo from './UndoRedo';
+import ZoomInOut from './ZoomInOut';
 
-import './index.less';
 import { useTemporalStore } from '../hooks/useTemporalStore';
+import { ConfigContext } from '../models/context';
+import './index.less';
 
 export type OperatorProps = {
   addNode: any;
   xflowRef: any;
-}
+};
 
 const Operator = ({ addNode, xflowRef }: OperatorProps) => {
   const { undo, redo, pastStates, futureStates } = useTemporalStore();
+  const { globalConfig } = useContext(ConfigContext);
+  const hideUndoRedoBtns = globalConfig?.controls?.hideUndoRedoBtns ?? false;
+
   return (
-    <div className='fai-reactflow-operator'>
-      <div className='operator-section'>
+    <div className="fai-reactflow-operator">
+      <div className="operator-section">
         <ZoomInOut />
-        <UndoRedo handleUndo={() => undo()} handleRedo={() => redo()} pastStates={pastStates} futureStates={futureStates} />
+        {!Boolean(hideUndoRedoBtns) && (
+          <UndoRedo
+            handleUndo={() => undo()}
+            handleRedo={() => redo()}
+            pastStates={pastStates}
+            futureStates={futureStates}
+          />
+        )}
         <Control addNode={addNode} xflowRef={xflowRef} />
       </div>
     </div>
   );
-}
+};
 
-export default memo(Operator)
+export default memo(Operator);

packages/x-flow/src/types.ts

@@ -100,7 +100,8 @@ export interface TEdge {
 
 export interface TControl{
   hideAddNode?:boolean
-  hideAnnotate?:boolean
+  hideAnnotate?: boolean
+  hideUndoRedoBtns?:boolean
 }
 
 export interface THandle{