feat(flowEditor): 添加 useDefault 属性控制 actionBar 显示

src/pages/flowEditor/components/actionBar.tsx

@@ -7,6 +7,7 @@ import { useSelector, useDispatch } from 'react-redux';
 const ButtonGroup = Button.Group;
 
 interface ActionBarProps {
+  useDefault: boolean;
   onSave?: () => void;
   onUndo?: () => void;
   onRedo?: () => void;
@@ -17,6 +18,7 @@ interface ActionBarProps {
 }
 
 const ActionBar: React.FC<ActionBarProps> = ({
+                                               useDefault,
                                                onSave,
                                                onUndo,
                                                onRedo,
@@ -39,50 +41,54 @@ const ActionBar: React.FC<ActionBarProps> = ({
   return (
     <div className="action-bar">
       <Button onClick={onSave} type="primary" shape="round" icon={<IconSave />}>保存</Button>
-      <ButtonGroup style={{ marginLeft: 8 }}>
+      {useDefault && (
-        <Button
+        <>
-          type="outline"
+          <ButtonGroup style={{ marginLeft: 8 }}>
-          shape="round"
+            <Button
-          icon={<IconPlayArrow />}
+              type="outline"
-          onClick={() => handleRun()}
+              shape="round"
-          style={{ padding: '0 8px', backgroundColor: '#fff' }}
+              icon={<IconPlayArrow />}
-          status={isRunning ? 'danger' : undefined}
+              onClick={() => handleRun()}
-        >
+              style={{ padding: '0 8px', backgroundColor: '#fff' }}
-          {isRunning ? '停止' : '运行'}
+              status={isRunning ? 'danger' : undefined}
-        </Button>
+            >
-        <Button
+              {isRunning ? '停止' : '运行'}
-          type="outline"
+            </Button>
-          shape="round"
+            <Button
-          icon={<IconCodeSquare />}
+              type="outline"
-          style={{ padding: '0 8px', backgroundColor: '#fff' }}
+              shape="round"
-          onClick={() => changeLogBarStatus()}
+              icon={<IconCodeSquare />}
-        >
+              style={{ padding: '0 8px', backgroundColor: '#fff' }}
-          日志
+              onClick={() => changeLogBarStatus()}
-        </Button>
+            >
-      </ButtonGroup>
+              日志
-      <ButtonGroup style={{ marginLeft: 15 }}>
+            </Button>
-        <Button
+          </ButtonGroup>
-          type="outline"
+          <ButtonGroup style={{ marginLeft: 15 }}>
-          shape="round"
+            <Button
-          icon={<IconUndo />}
+              type="outline"
-          onClick={onUndo}
+              shape="round"
-          disabled={!canUndo}
+              icon={<IconUndo />}
-          status='danger'
+              onClick={onUndo}
-          style={{ padding: '0 8px', backgroundColor: '#fff' }}
+              disabled={!canUndo}
-        >
+              status="danger"
-          撤销
+              style={{ padding: '0 8px', backgroundColor: '#fff' }}
-        </Button>
+            >
-        <Button
+              撤销
-          type="outline"
+            </Button>
-          shape="round"
+            <Button
-          icon={<IconRedo />}
+              type="outline"
-          onClick={onRedo}
+              shape="round"
-          disabled={!canRedo}
+              icon={<IconRedo />}
-          style={{ padding: '0 8px', backgroundColor: '#fff' }}
+              onClick={onRedo}
-        >
+              disabled={!canRedo}
-          重做
+              style={{ padding: '0 8px', backgroundColor: '#fff' }}
-        </Button>
+            >
-      </ButtonGroup>
+              重做
+            </Button>
+          </ButtonGroup>
+        </>
+      )}
     </div>
   );
 };