import React, { useState, useEffect } from 'react'
import { Modal, Input, Row, Col } from 'antd';
import Upload from '../../../../components/Upload';
const UploadModal = props => {
    const { isVisible, onSubmit, onCancel, } = props;
    const [files, setFiles] = useState()


    useEffect(() => {
        if (!isVisible) {
        }
        return () => {
        }
    }, [isVisible])



    const onConfirm = () => {
        onSubmit(files);
    }

    const onFileUploaded = (fileList) => {
        console.log('fileList: ', fileList);
        setFiles(fileList);
    }

    return (
        <Modal title="文件上传" visible={isVisible} onOk={onConfirm} onCancel={onCancel} >
            <Row type="flex" style={{ alignContent: 'center' }}>
                <Upload
                    uploadType={'project'}
                    maxFilesNum={1}
                    maxFileSize={10}
                    onChange={onFileUploaded}
                    clearFileList={isVisible}
                // value
                // onStateChange
                />
            </Row>
        </Modal>
    )
}

UploadModal.propTypes = {}

export default UploadModal