import { Col, Row } from 'antd'; import GGEditor, { Koni } from 'gg-editor'; import { PageHeaderWrapper } from '@ant-design/pro-layout'; import React from 'react'; import { formatMessage } from 'umi-plugin-react/locale'; import EditorMinimap from './components/EditorMinimap'; import { KoniContextMenu } from './components/EditorContextMenu'; import { KoniDetailPanel } from './components/EditorDetailPanel'; import { KoniItemPanel } from './components/EditorItemPanel'; import { KoniToolbar } from './components/EditorToolbar'; import styles from './index.less'; GGEditor.setTrackable(false); export default () => ( <PageHeaderWrapper content={formatMessage({ id: 'BLOCK_NAME.description', defaultMessage: 'description', })} > <GGEditor className={styles.editor}> <Row type="flex" className={styles.editorHd}> <Col span={24}> <KoniToolbar /> </Col> </Row> <Row type="flex" className={styles.editorBd}> <Col span={2} className={styles.editorSidebar}> <KoniItemPanel /> </Col> <Col span={16} className={styles.editorContent}> <Koni className={styles.koni} /> </Col> <Col span={6} className={styles.editorSidebar}> <KoniDetailPanel /> <EditorMinimap /> </Col> </Row> <KoniContextMenu /> </GGEditor> </PageHeaderWrapper> );