import * as React from 'react'; import { Layout } from 'antd'; import { Graph, Shape, DomEvent } from '@antv/x6'; import { ReactShape } from '@antv/x6-react-shape'; import styled from '@emotion/styled'; import Sidebar from './components/sidebar'; import createGraph from './utils/create-graph'; import 'antd/lib/layout/style'; Shape.register('react', ReactShape, true); export interface CoreState { inited: boolean; } const { Header, Sider, Content } = Layout; const IMoveLayout = styled(Layout)` height: 100%; `; const IMoveHeader = styled(Header)` background: #fff; border-bottom: 1px solid #ddd; `; const IMoveSider = styled(Sider)` background: #fff; `; class Core extends React.Component<{}, CoreState> { private graph: Graph | null = null; private container = React.createRef(); constructor(props: {}) { super(props); this.state = { inited: false, }; } componentDidMount(): void { const container = this.container.current; if (container) { DomEvent.disableContextMenu(container); this.graph = createGraph(container); this.graph.center(); this.setState({ inited: true, }); } } render(): JSX.Element { const { inited } = this.state; return (

iMove

{this.graph && inited && }
Sider ); } } export default Core;