From cb14d5b7997d3e93ef415b77d0aa3bb3e2d7d351 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A7=89?= <huan0016@gmail.com>
Date: Sat, 21 Oct 2023 07:37:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BF=AB=E6=8D=B7=E7=A7=BB=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/chat.js    | 17 +++++++++++++++++
 src/weigets.js |  3 +++
 2 files changed, 20 insertions(+)

diff --git a/src/chat.js b/src/chat.js
index 0e4aa25..68762c6 100644
--- a/src/chat.js
+++ b/src/chat.js
@@ -13,6 +13,7 @@ export default class Chat {
                 maxWidth: '64rem', width: '100%',
                 transform: 'translate(-50%, 0)',
                 display: 'none',
+                transition: 'all .15s',
             },
             children: [
                 this.ul,
@@ -35,11 +36,27 @@ export default class Chat {
                                 outline: 'none',
                             },
                             onkeydown: event => {
+                                event.stopPropagation()
                                 const text = event.target.value.trim()
                                 if (text && event.key === 'Enter') {
                                     this.发送消息(text)
                                     event.target.value = ''
                                 }
+                                if (!text && event.key === 'Enter') {
+                                    event.target.parentNode.parentNode.style.display = 'none'
+                                }
+                                if (event.ctrlKey && event.key === 'ArrowLeft') {
+                                    event.target.parentNode.parentNode.style.left = '0'
+                                    event.target.parentNode.parentNode.style.right = '50%'
+                                }
+                                if (event.ctrlKey && event.key === 'ArrowRight') {
+                                    event.target.parentNode.parentNode.style.left = '50%'
+                                    event.target.parentNode.parentNode.style.right = '0'
+                                }
+                                if (event.ctrlKey && event.key === 'ArrowDown') {
+                                    event.target.parentNode.parentNode.style.left = '50%'
+                                    event.target.parentNode.parentNode.style.right = '50%'
+                                }
                             }
                         }),
                         Button({
diff --git a/src/weigets.js b/src/weigets.js
index 2fb01fe..1aa355c 100644
--- a/src/weigets.js
+++ b/src/weigets.js
@@ -205,6 +205,9 @@ export function UploadMusic(options) {
     })
 }
 
+// 聊天窗口
+export function Chat(options) {}
+
 // 弹出窗口, 高斯模糊背景, 进入离开动画过渡
 export function Dialog(options) {
     const element = createElement({