From ef3f17e7a0a7dead8ea0fbafe316e869674e91f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A7=89?= <huan0016@gmail.com>
Date: Fri, 20 Oct 2023 15:13:39 +0800
Subject: [PATCH] answer

---
 src/chat.js | 15 +++++++++++++--
 src/main.js |  7 ++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/chat.js b/src/chat.js
index 838b7d3..44f7e69 100644
--- a/src/chat.js
+++ b/src/chat.js
@@ -8,6 +8,9 @@ export default class Chat {
         this.EventListeners = EventListeners
         document.body.appendChild(this.ul)   // 元素加入页面
 
+        // 使用一个有序列表来存储消息
+        const messageBox = new Map()
+
         // 添加输入框
         const input = createElement({
             type: 'text',
@@ -55,15 +58,23 @@ export default class Chat {
         `
         document.head.appendChild(style)
     }
+    // 收到应答(对方确认消息已被接收)
+    answer(data) {
+        const { name, text, time, type } = data
+        const item = this.add({ name, text, time, type })
+        item.classList.add('disable')
+    }
     // 添加一条消息
     add({ name, text, time, type }) {
-        this.ul.appendChild(ListItem({
+        const item = ListItem({
             classList: [type],
             children: [
                 Span({ innerText: `${name} ${time} ${text}` })
             ]
-        }))
+        })
+        this.ul.appendChild(item)
         this.ul.scrollTop = this.ul.scrollHeight
+        return item
     }
     // 发送消息
     send(text) {
diff --git a/src/main.js b/src/main.js
index e6758e8..b196a5f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -146,8 +146,8 @@ const musicList = new MusicList({
 const chat = new Chat({
   onsend: async (text, list) => {
     console.log('发送消息', text)
-    clientList.send('chat', JSON.stringify({ type: 'message', text }))
     chat.add({ name, text, time: new Date().toLocaleTimeString() })
+    clientList.send('chat', JSON.stringify({ type: 'message', text }))
     console.log('发送结束')
   },
   onexit: async () => {
@@ -171,6 +171,11 @@ clientList.setChannel('chat', {
       console.log(client.name, '发来图片:', data)
       return
     }
+    if (data.type === 'answer') {
+      console.log(client.name, '发来应答:', data)
+      chat.answer(data)
+      return
+    }
     console.log('未知类型:', data.type)
   },
   onclose: event => {