FlowToolbar.tsx 1.23 KB
Newer Older
陈帅's avatar
陈帅 committed
1
import { Divider } from 'antd';
陈帅's avatar
陈帅 committed
2
import React from 'react';
陈帅's avatar
陈帅 committed
3 4 5 6
import { Toolbar } from 'gg-editor';
import ToolbarButton from './ToolbarButton';
import styles from './index.less';

陈帅's avatar
陈帅 committed
7
const FlowToolbar = () => (
陈帅's avatar
陈帅 committed
8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  <Toolbar className={styles.toolbar}>
    <ToolbarButton command="undo" />
    <ToolbarButton command="redo" />
    <Divider type="vertical" />
    <ToolbarButton command="copy" />
    <ToolbarButton command="paste" />
    <ToolbarButton command="delete" />
    <Divider type="vertical" />
    <ToolbarButton command="zoomIn" icon="zoom-in" text="Zoom In" />
    <ToolbarButton command="zoomOut" icon="zoom-out" text="Zoom Out" />
    <ToolbarButton command="autoZoom" icon="fit-map" text="Fit Map" />
    <ToolbarButton command="resetZoom" icon="actual-size" text="Actual Size" />
    <Divider type="vertical" />
    <ToolbarButton command="toBack" icon="to-back" text="To Back" />
    <ToolbarButton command="toFront" icon="to-front" text="To Front" />
    <Divider type="vertical" />
    <ToolbarButton command="multiSelect" icon="multi-select" text="Multi Select" />
    <ToolbarButton command="addGroup" icon="group" text="Add Group" />
    <ToolbarButton command="unGroup" icon="ungroup" text="Ungroup" />
  </Toolbar>
);
陈帅's avatar
陈帅 committed
29 30

export default FlowToolbar;