monaco-editor 调整

public/react/config-overrides.js

@@ -14,7 +14,7 @@ const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 
 module.exports = override(
   disableEsLint(),
-  // addBundleVisualizer(),
+  addBundleVisualizer(),
   addWebpackAlias({
     "educoder": path.resolve(__dirname, 'src/common/educoder.js')
   }),

public/react/package-lock.json

@@ -12581,15 +12581,6 @@
         "prop-types": "^15.5.0"
       }
     },
-    "react-monaco-editor": {
-      "version": "0.34.0",
-      "resolved": "https://registry.npm.taobao.org/react-monaco-editor/download/react-monaco-editor-0.34.0.tgz",
-      "integrity": "sha1-FOyLENRIvxH4X3EaudkRF7xGs7g=",
-      "requires": {
-        "@types/react": "^15.x || ^16.x",
-        "prop-types": "^15.7.2"
-      }
-    },
     "react-player": {
       "version": "1.15.2",
       "resolved": "https://registry.npm.taobao.org/react-player/download/react-player-1.15.2.tgz",

public/react/package.json

@@ -38,7 +38,6 @@
     "react-dom": "^16.13.0",
     "react-infinite-scroller": "^1.2.4",
     "react-loadable": "^5.3.1",
-    "react-monaco-editor": "^0.34.0",
     "react-player": "^1.11.1",
     "react-redux": "5.0.7",
     "react-router": "^5.1.2",

public/react/src/components/monaco-editor.css

@@ -429,4 +429,10 @@
 /* 选中行边框 */
 .monaco-editor .view-overlays .current-line {
   border-width: 1px !important;
+}
+
+#extend-challenge-file-edit {
+  width: '100%';
+  height: '100%';
+  border: '1px solid grey';
 }

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

@@ -1,8 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react'
 import * as monaco from 'monaco-editor'
 import './TPIMonacoConfig'
-import './TPIMonaco.css'
-import './monaco-editor.less'
+import './monaco-editor.css'
 
 function processSize(size) {
   return !/^\d+$/.test(size) ? size : `${size}px`

public/react/src/modules/courses/shixunHomework/Shixunworkdetails/ShixunCustomsPass.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import { Table, InputNumber } from "antd";
 import moment from 'moment';
-import MonacoDiffEditor from 'react-monaco-editor';
+import MonacoDiffEditor from '../../../../components/monaco-editor';
 import axios from 'axios';
 class ShixunCustomsPass extends Component {
 

public/react/src/modules/developer/components/errorResult/index.js

@@ -8,7 +8,7 @@
  */
 import './index.less';
 import React from 'react';
-import MonacoEditor from 'react-monaco-editor';
+import MonacoEditor from '../../../../components/monaco-editor';
 
 function ErrorResult(props) {
 

public/react/src/modules/developer/components/myMonacoEditor/index.js

@@ -11,7 +11,7 @@ import React, { useState, useRef, useEffect } from 'react';
 import { Drawer, Tooltip, Badge } from 'antd';
 import { fromStore, CNotificationHOC } from 'educoder';
 import { connect } from 'react-redux';
-import MonacoEditor from 'react-monaco-editor';
+import MonacoEditor from '../../../../components/monaco-editor';
 import SettingDrawer from '../../components/monacoSetting';
 import CONST from '../../../../constants';
 import MyIcon from '../../../../common/components/MyIcon';

public/react/src/modules/developer/recordDetail/index.js

@@ -11,7 +11,7 @@ import React, { useState, useEffect } from 'react';
 import { Button } from 'antd';
 import moment from 'moment';
 import ErrorResult from '../components/errorResult';
-import MonacoEditor from 'react-monaco-editor';
+import MonacoEditor from '../../../components/monaco-editor';
 import { connect } from 'react-redux';
 import { withRouter } from 'react-router'
 import actions from '../../../redux/actions';

public/react/src/modules/page/component/monaco/TPIMonaco.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import { Drawer } from 'antd'
-import MonacoEditor from './monaco-editor'
+import MonacoEditor from '../../../../components/monaco-editor'
 
 import TPICodeSetting from '../TPICodeSetting'
 import { fromStore, toStore } from 'educoder'

public/react/src/modules/page/component/monaco/monaco-editor.less

@@ -1,5 +0,0 @@
-#extend-challenge-file-edit {
-  width: '100%';
-  height: '100%';
-  border: '1px solid grey';
-}

public/react/src/modules/tpm/TPMsettings/Shixuninformation.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import MonacoEditor from 'react-monaco-editor';
+import MonacoEditor from '../../../components/monaco-editor';
 
 import {
   Input,