聊天内容，文本，图片，语音消息结构优化

pages/im/components/sentText.vue

@@ -1,7 +1,7 @@
 <template>
     <view class="sent--text">
-        <input class="input" type="text" :auto-blur="true" @focus="focus" @blur="blur" :focus="focusState" v-model="inputTxt" confirm-type="send"
-            @confirm="sent" cursor-spacing="10" />
+        <input class="input" type="text" :auto-blur="true" @focus="focus" @blur="blur" :focus="focusState"
+            v-model="inputTxt" confirm-type="send" @confirm="sent" cursor-spacing="10" />
         <!-- <button class="button" size="mini" :disabled="disabled" @click="demo">{{focusState ? '失焦': '聚焦'}}</button> -->
     </view>
 </template>
@@ -41,14 +41,13 @@
             })
         },
         beforeDestroy() {
-            RongIMLib.saveTextMessageDraft(this.conversationType, this.targetId, this.inputTxt, (res) => {
-                console.log('销毁组件之前，保存草稿信息，但是没有执行', res);
-            })
-        },
-        data() {
-            return {
-                focusState: false,
-            }
+            // 保存草稿
+            RongIMLib.saveTextMessageDraft(this.conversationType, this.targetId, this.inputTxt)
+        },
+        data() {
+            return {
+                focusState: false,
+            }
         },
         methods: {
             // 发送文本消息
@@ -60,16 +59,16 @@
                         this.inputTxt = ''
                     })
                 }
-            },
-            demo(){
-                console.log(this.focusState)
-                
-                this.focusState = !this.focusState
             },
-            focus() {
-                this.$emit('focus')
+            demo() {
+                console.log(this.focusState)
+
+                this.focusState = !this.focusState
             },
-            blur() {
+            focus() {
+                this.$emit('focus')
+            },
+            blur() {
                 uni.hideKeyboard()
                 this.$emit('blur')
             }