FlowDetailPanel.tsx 824 Bytes
Newer Older
陈帅's avatar
陈帅 committed
1 2 3 4 5 6
import React from 'react';
import { Card } from 'antd';
import { NodePanel, EdgePanel, GroupPanel, MultiPanel, CanvasPanel, DetailPanel } from 'gg-editor';
import DetailForm from './DetailForm';
import styles from './index.less';

陈帅's avatar
陈帅 committed
7
const FlowDetailPanel = () => (
陈帅's avatar
陈帅 committed
8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
    <DetailPanel className={styles.detailPanel}>
      <NodePanel>
        <DetailForm type="node" />
      </NodePanel>
      <EdgePanel>
        <DetailForm type="edge" />
      </EdgePanel>
      <GroupPanel>
        <DetailForm type="group" />
      </GroupPanel>
      <MultiPanel>
        <Card type="inner" size="small" title="Multi Select" bordered={false} />
      </MultiPanel>
      <CanvasPanel>
        <Card type="inner" size="small" title="Canvas" bordered={false} />
      </CanvasPanel>
    </DetailPanel>
  );

export default FlowDetailPanel;