From cccedf032185191c26b3b04a20789e55bdd30d4b Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Tue, 4 Apr 2023 15:52:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dmarkd=E8=A7=A3=E6=9E=90?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E4=B8=AD=E6=9C=89=5F=E5=92=8C*=E6=97=B6?=
 =?UTF-8?q?=E4=B8=8D=E6=AD=A3=E5=B8=B8=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layer/index.js | 11 ++++-------
 src/markd/index.js |  5 ++++-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/layer/index.js b/src/layer/index.js
index c4014f7..6afb69a 100644
--- a/src/layer/index.js
+++ b/src/layer/index.js
@@ -111,7 +111,6 @@ class Layer extends Component {
 
           ::slotted(&__input) {
             flex: 1;
-            height: 36px;
           }
 
           ::slotted(&__toast) {
@@ -255,11 +254,11 @@ class Layer extends Component {
   #dragIns = null
 
   mounted() {
-    this.$refs.box.$anim.start()
+    this.$refs.box.$animate()
   }
 
   updated() {
-    this.$refs.box.$anim.start()
+    this.$refs.box.$animate()
   }
 
   /**
@@ -306,15 +305,13 @@ class Layer extends Component {
     if (ev.target.tagName === 'BUTTON') {
       let idx = +ev.target.dataset.idx
 
-      this.$refs.box.$anim.start(true)
-
-      this.close()
+      this.$refs.box.$animate(true).then(_ => this.close())
     }
   }
 
   render() {
     return html`
-      <div ref="box" #animation=${{ type: 'fade' }} class="layer">
+      <div ref="box" #animation=${{ type: 'micro-bounce' }} class="layer">
         <div
           class="layer__title noselect"
           style=${styleMap({ display: !!this.title ? '' : 'none' })}
diff --git a/src/markd/index.js b/src/markd/index.js
index 4244507..4f598c6 100644
--- a/src/markd/index.js
+++ b/src/markd/index.js
@@ -88,7 +88,10 @@ const Decoder = {
   // 内联样式
   inline(str) {
     return str
-      .replace(INLINE.code, '<code class="inline">$1</code>')
+      .replace(INLINE.code, (m, str) => {
+        str = str.replace(/([_*~])/g, '\\$1')
+        return `<code class="inline">${str}</code>`
+      })
       .replace(INLINE.strong[0], '<strong>$1</strong>')
       .replace(INLINE.strong[1], '<strong>$1</strong>')
       .replace(INLINE.em[0], '<em>$1</em>')