From e0b12a98e82f03a8532de8ebe2181565284ff68a Mon Sep 17 00:00:00 2001
From: chaos-zhu <ggchaos1022@gmail.com>
Date: Thu, 15 Aug 2024 09:37:41 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E4=BC=98=E5=8C=96=E7=BB=88?=
 =?UTF-8?q?=E7=AB=AFsocket=E6=96=AD=E5=BC=80=E5=90=8E=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/terminal/components/terminal-tab.vue | 8 ++++----
 web/src/views/terminal/components/terminal.vue     | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/src/views/terminal/components/terminal-tab.vue b/web/src/views/terminal/components/terminal-tab.vue
index 255e5f7..e53da51 100644
--- a/web/src/views/terminal/components/terminal-tab.vue
+++ b/web/src/views/terminal/components/terminal-tab.vue
@@ -59,10 +59,7 @@ const fitAddon = ref(null)
 const searchBar = ref(null)
 const hasRegisterEvent = ref(false)
 
-// const isConnectSuccess = ref(false)
-// const isConnectFail = ref(false)
-// const isConnecting = ref(true)
-// const isReConnect = ref(false)
+const socketConnected = ref(false)
 const curStatus = ref(CONNECTING)
 const terminal = ref(null)
 const terminalRef = ref(null)
@@ -121,6 +118,7 @@ const connectIO = () => {
   })
   socket.value.on('connect', () => {
     console.log('/terminal socket已连接：', host.value)
+    socketConnected.value = true
     socket.value.emit('create', { host: host.value, token: token.value })
     socket.value.on('connect_terminal_success', () => {
       if (hasRegisterEvent.value) return // 以下事件连接成功后仅可注册一次, 否则会多次触发. 除非socket重连
@@ -180,6 +178,7 @@ const connectIO = () => {
     socket.value.removeAllListeners() // 取消所有监听
     // socket.value.off('output') // 取消output监听,取消onData输入监听，重新注册
     curStatus.value = CONNECT_FAIL
+    socketConnected.value = false
     term.value.write('\r\nError: 与面板socket连接断开。请关闭此tab，并检查本地与面板连接是否稳定\r\n')
   })
 
@@ -313,6 +312,7 @@ function extractLastCdPath(text) {
 const onData = () => {
   // term.value.off('data', listenerInput)
   term.value.onData((key) => {
+    if (socketConnected.value === false) return
     let acsiiCode = key.codePointAt()
     if (acsiiCode === 22) return handlePaste()
     if (acsiiCode === 6) return searchBar.value.show()
diff --git a/web/src/views/terminal/components/terminal.vue b/web/src/views/terminal/components/terminal.vue
index dc5b8c1..f691045 100644
--- a/web/src/views/terminal/components/terminal.vue
+++ b/web/src/views/terminal/components/terminal.vue
@@ -481,6 +481,7 @@ const handleInputCommand = async (command) => {
         height: 8px;
         border-radius: 50%;
         margin-right: 5px;
+        transition: all 0.5s;
         // background-color: var(--el-color-primary);
       }
     }