|
@@ -1,6 +1,7 @@
|
|
|
import React, { Component } from "react";
|
|
|
import {getAllDataList,getAllDataStringList} from '@utils/tools';
|
|
|
import {dragBox} from '@utils/drag';
|
|
|
+import ReactDom from 'react-dom';
|
|
|
import PreviewBody from '../PreviewBody';
|
|
|
import store from '@store';
|
|
|
import style from "./index.less";
|
|
@@ -18,20 +19,23 @@ class Preview extends Component {
|
|
|
let baseList = store.getState();
|
|
|
const dataJson = getAllDataList(baseList);
|
|
|
const dataStr = getAllDataStringList(baseList);
|
|
|
- return <div className={style['container']}>
|
|
|
- <div className={style['shade']} onClick={onClose}></div>
|
|
|
- <div className={style['modal']} id="previewWrapper">
|
|
|
- <div id="previewStatic" className={`${style['close']} drag-title`}>预览</div>
|
|
|
- <img src={close} onClick={onClose} />
|
|
|
- <PreviewBody
|
|
|
- preInfo={preInfo}
|
|
|
- dataJson={dataJson}
|
|
|
- dataStr={dataStr}
|
|
|
- show={false}
|
|
|
- come={'preview'}
|
|
|
- ></PreviewBody>
|
|
|
+ const domNode = document.getElementById('root');
|
|
|
+ return ReactDom.createPortal(<React.Fragment>
|
|
|
+ <div className={style['container']}>
|
|
|
+ <div className={style['shade']} onClick={onClose}></div>
|
|
|
+ <div className={style['modal']} id="previewWrapper">
|
|
|
+ <div id="previewStatic" className={`${style['close']} drag-title`}>预览</div>
|
|
|
+ <img src={close} onClick={onClose} />
|
|
|
+ <PreviewBody
|
|
|
+ preInfo={preInfo}
|
|
|
+ dataJson={dataJson}
|
|
|
+ dataStr={dataStr}
|
|
|
+ show={false}
|
|
|
+ come={'preview'}
|
|
|
+ ></PreviewBody>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </React.Fragment>,domNode)
|
|
|
}
|
|
|
}
|
|
|
|