DetailPanel

属性栏

使用说明

属性栏会自动根据不同页面状态显示对应面板,例如:选中节点时则只会显示 NodePanel

import GGEditor, {
  Flow,
  DetailPanel,
  NodePanel,
  EdgePanel,
  GroupPanel,
  MultiPanel,
  CanvasPanel,
} from 'gg-editor';

<GGEditor>
  <Flow />
  <DetailPanel>
    <NodePanel>     // 节点属性面板
      <NodeDetail />
    </NodePanel>
    <EdgePanel />   // 边线属性面板
    <GroupPanel />  // 群组属性面板
    <MultiPanel />  // 多选属性面板
    <CanvasPanel /> // 画布属性面板
  </DetailPanel>
</GGEditor>
class NodeDetail extends React.Component {
  render() {
    console.log('this.props', this.props);
  }
}