快捷移位

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({

src/weigets.js

@@ -205,6 +205,9 @@ export function UploadMusic(options) {
     })
 }
 
+// 聊天窗口
+export function Chat(options) {}
+
 // 弹出窗口, 高斯模糊背景, 进入离开动画过渡
 export function Dialog(options) {
     const element = createElement({