增加@消息字段

examples/App.vue

@@ -230,6 +230,13 @@
         <td>-</td>
         <td></td>
       </tr>
+      <tr>
+        <td>at</td>
+        <td>被@提及到的用户ID列表</td>
+        <td>Array</td>
+        <td>-</td>
+        <td>[2,4]</td>
+      </tr>
       <tr>
         <td>fileSize</td>
         <td>文件大小</td>
@@ -735,13 +742,6 @@
         <td>-</td>
         <td>[{id: "1",displayName: "测试",avatar: "url",name_py:'ceshi'}]，callEvery是否需要@所有人</td>
       </tr>
-      <tr>
-        <td>getAtUserList</td>
-        <td>获取@的人员列表</td>
-        <td>Function()=>[Object]</td>
-        <td>-</td>
-        <td>返回列表和设置人员的列表格式一致</td>
-      </tr>
       <tr>
         <td>setUserTag</td>
         <td>设置输入框内@的人</td>
@@ -1600,15 +1600,18 @@ export default {
       },
       {
         id: '2',
-        displayName: '李四'
+        displayName: '李四',
+        name_py: 'lisi'
       },
       {
         id: '3',
-        displayName: 'jianfv'
+        displayName: 'jianfv',
+        name_py: 'jianfv'
       },
       {
         id: '4',
-        displayName: '今晚打老虎'
+        displayName: '今晚打老虎',
+        name_py: 'jinwandalaohu'
       }
       ],true);
       instance.updateContact({
@@ -1618,7 +1621,6 @@ export default {
       instance.closeDrawer();
     },
     handleSend(message, next, file) {
-      console.log('获得@成员：',this.$refs.IMUI.getAtUserList());
       console.log(message, next, file);
       setTimeout(() => {
         next();

packages/components/index.vue

@@ -224,7 +224,10 @@ export default {
       );
     },
     _handleSend(text) {
-      const message = this._createMessage({ content: text });
+      const atUserList=this.$refs.editor.chatArea.getCallUserList();
+      // 将数组中的id提取出来
+      const atUserIds=atUserList.map(item=>item.id);
+      const message = this._createMessage({ content: text,at:atUserIds});
       this.appendMessage(message, true);
       this._emitSend(message, () => {
         this.updateContact({
@@ -1076,9 +1079,6 @@ export default {
         needCallEvery: callEvery
       });
     },
-    getAtUserList() {
-      return this.$refs.editor.chatArea.getCallUserList()
-    },
     setUserTag(data) {
       this.$refs.editor.chatArea.setUserTag(data);
       this.$refs.editor._checkSubmitDisabled();