| | |
| | | import { createStyles } from 'antd-style'; |
| | | import * as Utils from '../../utils' |
| | | import Http from '@/utils/http'; |
| | | import JSON from './json'; |
| | | import ShowJson from '../showJson'; |
| | | |
| | | const useStyles = createStyles(({ token, css }) => { |
| | | |
| | |
| | | const intl = useIntl(); |
| | | const { styles } = useStyles(); |
| | | const [activeTabKey, setActiveTabKey] = useState('json'); |
| | | |
| | | const { curSprite } = props; |
| | | |
| | | const contentList = { |
| | | json: ( |
| | | <JSON |
| | | <ShowJson |
| | | curSprite={props.curSprite} |
| | | /> |
| | | ), |
| | |
| | | return ( |
| | | <> |
| | | <Card |
| | | className='drawer-card' |
| | | hoverable |
| | | bordered={false} |
| | | type='inner' |
| | |
| | | style: { |
| | | } |
| | | }} |
| | | style={{ |
| | | height: '100%' |
| | | }} |
| | | > |
| | | {contentList[activeTabKey]} |
| | | </Card> |