yylib-quick-mobile/dist/yylib/image-picker/YYFile.js

yylib-quick-mobile

import React  from  'react';
import './yyfile.less';
import returnImg  from '../../common/img/return.png';
import {ADDR} from '../../common/RestUrl';
class YYFile  extends React.Component{
	state={
		close:false
	}
	closeFile() {
		this.setState({close:true},()=>{
			setTimeout(()=>{
				this.props.closeFile&&this.props.closeFile();
			},300)
		})
	}
	render(){
		let {filePath} = this.props;
		let {close} = this.state;
		let shareUrl = ADDR + '/icop-file/onlinePreview?url=' + filePath;
		let className= close ? 'yyfile-image slide-down' : 'yyfile-image slide-up'
		return (
			<div ref={(o)=>this.YYFileDom=o} className={className}>
		    <div className='return' onClick={this.closeFile.bind(this)}>
		      <img src={returnImg}/>
		    </div>
			  <iframe className='sharefile' src={shareUrl}></iframe>
		  </div>
		)
	}
}
export default YYFile;