增加工具栏提示。

This commit is contained in:
dengqichen 2024-12-06 17:22:39 +08:00
parent e699218199
commit 88efe733fe

View File

@ -258,24 +258,24 @@ const Toolbar: React.FC<ToolbarProps> = ({ graph }) => {
<div className="workflow-toolbar"> <div className="workflow-toolbar">
<Space split={<Divider type="vertical" />}> <Space split={<Divider type="vertical" />}>
<Space> <Space>
<Tooltip title="放大"> <Tooltip title="放大 (Ctrl + 鼠标滚轮)">
<Button icon={<ZoomInOutlined />} onClick={() => zoom(0.1)} /> <Button icon={<ZoomInOutlined />} onClick={() => zoom(0.1)} />
</Tooltip> </Tooltip>
<Tooltip title="缩小"> <Tooltip title="缩小 (Ctrl + 鼠标滚轮)">
<Button icon={<ZoomOutOutlined />} onClick={() => zoom(-0.1)} /> <Button icon={<ZoomOutOutlined />} onClick={() => zoom(-0.1)} />
</Tooltip> </Tooltip>
<Tooltip title="适应画布"> <Tooltip title="适应画布 (双击空白处)">
<Button icon={<FullscreenOutlined />} onClick={fitContent} /> <Button icon={<FullscreenOutlined />} onClick={fitContent} />
</Tooltip> </Tooltip>
<Tooltip title="实际大小"> <Tooltip title="实际大小 (100%)">
<Button icon={<OneToOneOutlined />} onClick={resetZoom} /> <Button icon={<OneToOneOutlined />} onClick={resetZoom} />
</Tooltip> </Tooltip>
</Space> </Space>
<Space> <Space>
<Tooltip title="全选"> <Tooltip title="全选 (Ctrl + A)">
<Button icon={<SelectOutlined />} onClick={selectAll} /> <Button icon={<SelectOutlined />} onClick={selectAll} />
</Tooltip> </Tooltip>
<Tooltip title="删除"> <Tooltip title="删除 (Delete)">
<Button <Button
icon={<DeleteOutlined />} icon={<DeleteOutlined />}
onClick={deleteSelected} onClick={deleteSelected}
@ -284,22 +284,22 @@ const Toolbar: React.FC<ToolbarProps> = ({ graph }) => {
</Tooltip> </Tooltip>
</Space> </Space>
<Space> <Space>
<Tooltip title="撤销"> <Tooltip title="撤销 (Ctrl + Z)">
<Button icon={<UndoOutlined />} onClick={undo} /> <Button icon={<UndoOutlined />} onClick={undo} />
</Tooltip> </Tooltip>
<Tooltip title="重做"> <Tooltip title="重做 (Ctrl + Shift + Z)">
<Button icon={<RedoOutlined />} onClick={redo} /> <Button icon={<RedoOutlined />} onClick={redo} />
</Tooltip> </Tooltip>
</Space> </Space>
<Space> <Space>
<Tooltip title="复制"> <Tooltip title="复制 (Ctrl + C)">
<Button <Button
icon={<CopyOutlined />} icon={<CopyOutlined />}
onClick={copy} onClick={copy}
disabled={!hasSelection()} disabled={!hasSelection()}
/> />
</Tooltip> </Tooltip>
<Tooltip title="粘贴"> <Tooltip title="粘贴 (Ctrl + V)">
<Button <Button
icon={<SnippetsOutlined />} icon={<SnippetsOutlined />}
onClick={paste} onClick={paste}