update utils

app/src/utils/terminal.ts

@@ -0,0 +1,57 @@
+import { Terminal } from 'xterm'
+import { FitAddon } from 'xterm-addon-fit'
+import 'xterm/css/xterm.css'
+
+class SocketTerminal {
+  private term: Terminal
+  private fitAddon: FitAddon
+
+  constructor(rows: number, cols: number) {
+    this.term = new Terminal({
+      rendererType: 'canvas', // 渲染类型
+      rows, // 行数
+      cols, // 不指定行数，自动回车后光标从下一行开始
+      convertEol: true, // 启用时，光标将设置为下一行的开头
+      // scrollback: 50, //终端中的回滚量
+      disableStdin: false, // 是否应禁用输入
+      // cursorStyle: "underline", //光标样式
+      cursorBlink: true, // 光标闪烁
+      foreground: '#ECECEC', // 字体
+      background: '#000000', // 背景色
+      cursor: 'help', // 设置光标
+      fontSize: 18,
+      fontWeight: 'normal',
+    })
+    this.fitAddon = new FitAddon()
+    this.term.loadAddon(this.fitAddon)
+    this.fitAddon.fit()
+  }
+
+  write(message: string): void {
+    this.term.write(message)
+  }
+
+  onData(callback: any): void {
+    this.term.onData(callback)
+  }
+
+  focus(): void {
+    this.term.focus()
+  }
+
+  resizeScreen(): void {
+    this.fitAddon.fit()
+  }
+
+  mount(reference: HTMLElement): void {
+    this.term.open(reference)
+    this.term.focus()
+    this.resizeScreen()
+  }
+
+  reset(): void {
+    this.term.reset()
+  }
+}
+
+export default SocketTerminal