fix monaco editor layout with resizeObserve

public/react/src/components/monaco-editor/index.jsx

@@ -64,7 +64,7 @@ function getLanguageByMirrorName(mirror_name) {
 
 export default ({
   width = '100%',
-  height = '100%',
+  height = '445px',
   value,
   language = 'javascript',
   options = {},
@@ -78,20 +78,9 @@ export default ({
   const [init, setInit] = useState(false)
 
   function onLayout() {
-    if (window.ResizeObserver) {
-      const ro = new window.ResizeObserver(entries => {
-        for (let entry of entries) {
-          if (entry.target.offsetHeight > 0) {
-            editor.current.instance.layout()
-          }
-        }
-      })
-      ro.observe(editorEl.current.parentElement)
-    } else {
     setTimeout(() => {
       editor.current.instance.layout()
-      }, 100);
+    }, 100)
-    }
   }
 
   useEffect(() => {

public/react/src/modules/page/MainContent.js

@@ -155,7 +155,7 @@ class MainContent extends Component {
 																<div style={{ display: (codeLoading ? 'block' : 'none'), textAlign: 'center' }}>
 																	<span style={{ color: '#ddd', display: 'block' }}>正在加载中，请稍后...</span>
 																</div>
-																<div style={{ display: (codeLoading ? 'none' : 'block') }}>
+																<div style={{ display: (codeLoading ? 'none' : 'block'), height: '100%' }}>
 																	<CodeRepositoryViewContainer {...this.props} ></CodeRepositoryViewContainer>
 																</div>
 															</React.Fragment>

public/react/src/modules/page/main/CodeRepositoryViewContainer.js

@@ -296,32 +296,6 @@ class CodeRepositoryViewContainer extends Component {
 	render() {
 
 		return (
-				// <React.Fragment>
-				// 	{this.props.isOnlyContainer == true ? 
-				// 		React.Children.map(this.props.children, child => {
-				// 			if(!child) {
-				// 				return ''
-				// 			}
-				// 			return React.cloneElement(child, Object.assign({...this.state}, { 
-				// 				loadRepoFiles: this.loadRepoFiles,
-				// 				onTreeSelect: this.onTreeSelect,
-				// 				onLoadData: this.onLoadData,
-				// 			}))
-				// 		})
-
-				// 	: 
-				
-				// 	<CodeRepositoryView {...this.props} 
-				// 		{...this.state} 
-				// 		showFilesDrawer={this.showFilesDrawer}
-				// 		loadRepoFiles={this.loadRepoFiles}
-				// 		onLoadData={this.onLoadData}
-				// 		onTreeSelect={ this.onTreeSelect }
-				// 		onRepositoryViewExpand={this.onRepositoryViewExpand}
-				// 		tabIndexChange={this.tabIndexChange}
-				// 		showSettingDrawer={this.showSettingDrawer}
-				// 	></CodeRepositoryView> }
-				// </React.Fragment>
 			<React.Fragment>
 				{this.props.isOnlyContainer == true ?
 					React.Children.map(this.props.children, child => {