import React, { useState, useRef, useEffect } from 'react';
|
import { Drawer, Space, Button, Card } from 'antd';
|
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
|
import { createStyles } from 'antd-style';
|
import * as Utils from '../utils'
|
import ShowJson from '../drawer/showJson';
|
|
const useStyles = createStyles(({ token, css }) => {
|
return {
|
}
|
})
|
|
const BatchDrawer = (props) => {
|
const intl = useIntl();
|
const { styles } = useStyles();
|
const { batchSprites } = props;
|
|
useEffect(() => {
|
console.log(batchSprites);
|
}, []);
|
|
const handleCancel = () => {
|
props.onCancel();
|
};
|
|
return (
|
<>
|
<Drawer
|
open={props.open}
|
onClose={handleCancel}
|
getContainer={props.refCurr}
|
rootStyle={{ position: "absolute" }}
|
mask={false}
|
width={600}
|
style={{
|
opacity: .8
|
}}
|
extra={
|
<Space>
|
<Button onClick={handleCancel}>
|
<FormattedMessage id='common.cancel' defaultMessage='取消' />
|
</Button>
|
</Space>
|
}
|
>
|
<Card
|
className='drawer-card'
|
hoverable
|
bordered={false}
|
type='inner'
|
style={{
|
height: '100%'
|
}}
|
>
|
<ShowJson
|
data={batchSprites?.length}
|
height='30%'
|
/>
|
</Card>
|
|
</Drawer>
|
</>
|
)
|
}
|
|
export default BatchDrawer;
|
