fix: console.clear command exec

Author: RogerZZZZZ

src/App.js

@@ -103,7 +103,14 @@ class App extends Component {
     }
     // 绑定监听事件
     on('network', data => addNetworkLog(data));
-    on('console', data => sessionLog.push(data));
+    on('console', data => {
+      const { type } = data;
+      if (type === 'clear') {
+        sessionLog.splice(0, sessionLog.length);
+        return;
+      }
+      sessionLog.push(data)
+    });
     on('addPlugin', plugin => this.updatePlugin(plugin));
     on('removePlugin', pluginId => this.removePlugin(pluginId));
     on('clearproxy', () => {

src/panels/console/index.jsx

@@ -6,7 +6,7 @@ import { noop } from '@/utils/shared';
 import MdebugPrinter from '@/components/printer';
 import { change } from '@/utils/console';
 
-const { off, on } = emitter;
+const { off, on, trigger: emit } = emitter;
 
 class Console extends PureComponent {
   constructor(props) {
@@ -21,7 +21,7 @@ class Console extends PureComponent {
       commandKeyWords: '',
     };
     this.updateLog = this.updateLog.bind(this);
-    this.updateUnShiftLog = this.updateUnShiftLog.bind(this);
+    this.updateCommandLog = this.updateCommandLog.bind(this);
     this.onSelectTab = this.onSelectTab.bind(this);
     this.onChange = this.onChange.bind(this);
     this.getSubSelected = this.getSubSelected.bind(this);
@@ -38,8 +38,8 @@ class Console extends PureComponent {
       tabName,
     });
   }
-  updateUnShiftLog() {
-    const { consolelog, commandKeyWords } = this.state;
+  updateCommandLog() {
+    const { commandKeyWords } = this.state;
     if (!commandKeyWords) {
       return;
     }
@@ -49,14 +49,10 @@ class Console extends PureComponent {
     } catch (err) {
       evalValue = commandKeyWords;
     }
-    const data = {
+    emit('console', {
       type: 'info',
       value: [evalValue],
       timestamp: new Date().getTime(),
-    };
-    sessionLog.unshift(data);
-    this.setState({
-      consolelog: [data, ...consolelog],
     });
   }
   updateLog() {
@@ -134,7 +130,7 @@ class Console extends PureComponent {
               </div>
               <div
                 className={styles.mdebugConsoleCommandTag}
-                onClick={this.updateUnShiftLog}
+                onClick={this.updateCommandLog}
                 style={{
                   color: command === 'command' ? '#000' : undefined,
                 }}>

src/polyfill.js

@@ -36,6 +36,15 @@ const proxyConsole = () => {
         fakeConsole[method].apply(window.console, rest);
       };
     });
+
+    // 处理清除函数
+    console.clear = () => {
+      emit('console', {
+        type: 'clear',
+        timestamp: new Date().getTime(),
+      });
+      fakeConsole.clear.apply(window.console);
+    }
 };
 const proxyAjax = () => {
   const fakeAjax = Object.create(null);
@@ -451,4 +460,4 @@ export const init = () => {
   proxyError();
   proxyResources();
   proxyWebSocket();
-};
+};