#

luxiaotao1123

2024-03-29 7c32ab19d3bf4c601212314a1617bbb51c5fdd2a

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
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';
import BatchModify from './modify';
 
const useStyles = createStyles(({ token, css }) => {
    return {
    }
})
 
const BatchDrawer = (props) => {
    const intl = useIntl();
    const { styles } = useStyles();
    const {
        batchSprites,
        model,
        ModelEnum,
    } = props;
 
    useEffect(() => {
    }, [props]);
 
    const handleCancel = () => {
        props.onCancel();
    };
 
    return (
        <>
            <Drawer
                open={props.open}
                onClose={handleCancel}
                getContainer={props.refCurr}
                rootStyle={{ position: "absolute" }}
                mask={false}
                width={600}
                placement={'left'}
                style={{
                    opacity: 1
                }}
                extra={
                    <Space>
                        <Button onClick={handleCancel}>
                            <FormattedMessage id='common.cancel' defaultMessage='取消' />
                        </Button>
                    </Space>
                }
            >
                <Card
                    className='drawer-card'
                    hoverable
                    bordered={false}
                    type='inner'
                    style={{
                        height: '100%'
                    }}
                >
                    {model === ModelEnum.OBSERVER_MODEL && (
                        <>
                            <ShowJson
                                data={
                                    batchSprites?.map(item => {
                                        return item.data?.no;
                                    })
                                }
                            />
                        </>
                    )}
 
                    {model === ModelEnum.SETTINGS_MODEL && (
                        <>
                            <BatchModify
                                batchSprites={batchSprites}
                                handleCancel={handleCancel}
                            />
                        </>
                    )}
 
                </Card >
            </Drawer >
        </>
    )
}
 
export default BatchDrawer;