增加sidebar-message、sidebar-content插槽,修改部分插槽名字，部分插槽新增参数，增加隐藏显示聊天记录的时间

examples/App.vue

@@ -14,6 +14,7 @@
         :hide-menu="hideMenu"
         :hide-menu-avatar="hideMenuAvatar"
         :hide-message-name="hideMessageName"
+        :hide-message-time="hideMessageTime"
         @change-menu="handleChangeMenu"
         @change-contact="handleChangeContact"
         @pull-messages="handlePullMessages"
@@ -21,28 +22,6 @@
         @menu-avatar-click="handleMenuAvatarClick"
         @send="handleSend"
       >
-        <template #cover>
-          <div class="cover">
-            <i class="lemon-icon-message"></i>
-            <p><b>自定义封面 Lemon</b> IMUI</p>
-          </div>
-        </template>
-        <!-- <template #contact-info="contact">
-        <span style="color:blue">contact-info {{ contact }}</span>
-      </template> -->
-        <template #contact-title="contact">
-          <span>{{ contact.displayName }}</span>
-          <small class="more" @click="changeDrawer(contact)">&#8230;</small>
-        </template>
-        <!-- <template #contact-info="contact">
-          自定义联系人信息 {{ contact.displayName }}
-        </template> -->
-        <template #message-sidebar>
-          <div class="bar">自定义消息顶部</div>
-        </template>
-        <template #contact-sidebar>
-          <div class="bar">自定义联系人顶部</div>
-        </template>
       </lemon-imui>
       <a target="_blank" style="font-size:14px" href="https://codesandbox.io/s/sweet-chaplygin-s24mb?fontsize=14&hidenavigation=1&theme=dark">在线编辑代码</a>
       <div class="action">
@@ -56,11 +35,74 @@
           >切换头像显示</lemon-button
         >
         <lemon-button @click="appendMessage">发送消息</lemon-button>
-        <lemon-button @click="changeMessageNameVisible">切换聊天窗口内联系人名字显示</lemon-button>
+        <lemon-button @click="changeMessageNameVisible">切换聊天窗口内名字显示</lemon-button>
+        <lemon-button @click="changeMessageTimeVisible">切换聊天窗口内时间显示</lemon-button>
         <lemon-button @click="changeTheme">切换主题，当前主题：{{this.theme}}</lemon-button>
-        <lemon-button @click="openSimple">精简模式</lemon-button>
       </div>
 
+    </div>
+
+    <div style="display:flex;">
+    <div>
+    <div class="title">精简模式</div>
+    <div class="imui-center">
+      <lemon-imui
+        :user="user"
+        ref="SimpleIMUI"
+        width="340px"
+        simple
+        @pull-messages="handlePullMessages"
+        @message-click="handleMessageClick"
+        @send="handleSend"
+      ></lemon-imui>
+      <a target="_blank" style="font-size:14px" href="https://codesandbox.io/s/lemon-imui-jingjianmoshi-forked-1lvoh?fontsize=14&hidenavigation=1&theme=dark">在线编辑代码</a>
+    </div>
+    </div>
+
+    <div style="margin:0 55px;">
+    <div class="title">插槽演示</div>
+    <div class="imui-center">
+      <lemon-imui
+        :user="user"
+        ref="SlotIMUI"
+        @pull-messages="handlePullMessages"
+        @message-click="handleMessageClick"
+        @change-contact="handleChangeContact"
+        @send="handleSend"
+      >
+        <template #cover>
+          <div class="cover">
+            <i class="lemon-icon-message"></i>
+            <p><b>自定义封面 Lemon</b> IMUI</p>
+          </div>
+        </template>
+        <template #message-title="contact">
+          <span>{{ contact.displayName }}</span>
+          <small class="more" @click="changeDrawer(contact)">{{($refs.SlotIMUI ? $refs.SlotIMUI.drawerVisible : false) ? '关闭' : '打开'}}抽屉</small>
+        </template>
+        <template #contact-info="contact">
+          自定义联系人信息 {{ contact.displayName }}
+        </template>
+        <template #sidebar-message="contact">
+          <lemon-badge :count="contact.unread" style="width:100%">
+          <div>
+            <p><span>{{ contact.displayName }}</span></p>
+            <p class="lemon-contact__content" style="height:18px;font-size:12px;color:#aaa;">最新消息：<span v-html="contact.lastContent"></span></p>
+          </div>
+          </lemon-badge>
+        </template>
+        <template #sidebar-contact="contact">
+          <span>{{ contact.displayName }}</span>
+        </template>
+        <template #sidebar-message-top>
+          <div class="bar">自定义消息顶部</div>
+        </template>
+        <template #sidebar-contact-top>
+          <div class="bar">自定义联系人顶部</div>
+        </template>
+      </lemon-imui>
+    </div>
+    </div>
     </div>
 
       <div class="title">联系人 Contact</div>
@@ -103,7 +145,7 @@
         </tr>
         <tr>
           <td>index</td>
-          <td>通讯录索引，传入字母或数字进行排序，索引可以显示自定义文字“[A]最近联系人”</td>
+          <td>通讯录索引，传入字母或数字进行排序，索引可以显示自定义文字“[1]群组”</td>
           <td>String</td>
           <td>-</td>
           <td></td>
@@ -117,7 +159,7 @@
         </tr>
         <tr>
           <td>lastSendTime</td>
-          <td>最近一条消息的时间戳</td>
+          <td>最近一条消息的时间戳，13位毫秒</td>
           <td>timestamp</td>
           <td>0</td>
           <td></td>
@@ -164,7 +206,7 @@
         </tr>
         <tr>
           <td>sendTime</td>
-          <td>消息发送时间</td>
+          <td>消息发送时间，13位毫秒</td>
           <td>timestamp</td>
           <td>-</td>
           <td></td>
@@ -293,6 +335,13 @@
           <td>false</td>
           <td></td>
         </tr>
+        <tr>
+          <td>hideMessageTime</td>
+          <td>是否隐藏聊天窗口内的消息发送时间</td>
+          <td>Boolean</td>
+          <td>false</td>
+          <td></td>
+        </tr>
       </table>
 
       <div class="title">组件方法</div>
@@ -309,7 +358,7 @@
           <td width="350">初始化导航</td>
           <td width="150">Function([Object])</td>
           <td width="100">[      {
-        name: "lastMessages"
+        name: "messages"
       },
       {
         name: "contacts"
@@ -454,7 +503,7 @@
         <tr>
           <td>changeContact</td>
           <td>切换聊天窗口</td>
-          <td>Function(Contact.id)</td>
+          <td>Function(Contact.id,instance)</td>
           <td>-</td>
           <td></td>
         </tr>
@@ -498,17 +547,27 @@
           <td width="150">-</td>
         </tr>
         <tr>
-          <td width="150">contact-title</td>
+          <td width="150">message-title</td>
-          <td width="350">联系人标题</td>
+          <td width="350">消息列表的标题</td>
           <td width="150">Contact</td>
         </tr>
         <tr>
-          <td width="150">message-sidebar</td>
+          <td width="150">sidebar-message</td>
-          <td width="350">左侧消息列表的顶部</td>
+          <td width="350">左侧最新消息列表插槽</td>
+          <td width="150">Contact</td>
+        </tr>
+        <tr>
+          <td width="150">sidebar-contact</td>
+          <td width="350">左侧联系人列表插槽</td>
+          <td width="150">Contact</td>
+        </tr>
+        <tr>
+          <td width="150">sidebar-message-top</td>
+          <td width="350">左侧最新消息列表的顶部</td>
           <td width="150">-</td>
         </tr>
         <tr>
-          <td width="150">contact-sidebar</td>
+          <td width="150">sidebar-contact-top</td>
           <td width="350">左侧联系人列表的顶部</td>
           <td width="150">-</td>
         </tr>
@@ -544,12 +603,12 @@
         <tr>
           <td width="150">pull-messages</td>
           <td width="350">当切换聊天对象或者聊天窗口滚动到顶部时会触发该事件，调用next方法结束loading状态，如果设置了isEnd=true，下次聊天窗口滚动到顶部将不会再触发该事件</td>
-          <td width="150">Contact,next([Message],isEnd)</td>
+          <td width="150">Contact,next([Message],isEnd),instance</td>
         </tr>
         <tr>
           <td width="150">message-click</td>
           <td width="350">点击聊天窗口中的消息时会触发该事件</td>
-          <td width="150">event,key,Message</td>
+          <td width="150">event,key,Message,instance</td>
         </tr>
         <tr>
           <td width="150">send</td>
@@ -688,6 +747,7 @@ export default {
       hideMenuAvatar: false,
       hideMenu: false,
       hideMessageName:false,
+      hideMessageTime:true,
       user: {
         id: "1",
         displayName: "June",
@@ -701,8 +761,7 @@ export default {
       id: "contact-1",
       displayName: "工作协作群",
       avatar: "http://upload.qqbodys.com/img/weixin/20170804/ji5qxg1am5ztm.jpg",
-      type: "single",
+      index: "[1]群组",
-      index: "A",
       unread: 0,
       lastSendTime: 1566047865417,
       lastContent: "2"
@@ -711,7 +770,6 @@ export default {
       id: "contact-2",
       displayName: "自定义内容",
       avatar: "http://upload.qqbodys.com/img/weixin/20170807/jibfvfd00npin.jpg",
-      type: "single",
       //index: "Z",
       click(next) {
         next();
@@ -727,26 +785,34 @@ export default {
       id: "contact-3",
       displayName: "铁牛",
       avatar: "http://upload.qqbodys.com/img/weixin/20170803/jiq4nzrkrnd0e.jpg",
-      type: "many",
+      index: "T",
-      index: "C",
       unread: 32,
       lastSendTime: 3,
       lastContent: "你好123"
     };
+    const contactData4 = {
+      id: "contact-4",
+      displayName: "如花",
+      avatar: "https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4275424924,2201401076&fm=111&gp=0.jpg",
+      index: "R",
+      unread: 1,
+      lastSendTime: 3,
+      lastContent: "吃饭了嘛"
+    };
 
     const { IMUI } = this.$refs;
     
-    let data = [
+    let contactList = [
       { ...contactData1 },
       { ...contactData2 },
       { ...contactData3 }
       //...Array(100).fill(contactData1)
     ];
 
-    IMUI.initContacts(data);
+    IMUI.initContacts(contactList);
     IMUI.initMenus([
       {
-        name: "lastMessages"
+        name: "messages"
       },
       {
         name: "contacts"
@@ -848,8 +914,7 @@ export default {
         }
       },
     ]);
-
+    let emojiData = [
-    IMUI.initEmoji([
       {
         label: "表情",
         children: [
@@ -1140,17 +1205,27 @@ export default {
           }
         ]
       }
-    ]);
+    ];
+    IMUI.initEmoji(emojiData);
 
     IMUI.setLastContentRender('voice', message => {
       return <span>[语音]</span>
     })
 
+
+
+    const { SimpleIMUI } = this.$refs;
+    contactData1.id = '11';
+    SimpleIMUI.initContacts([contactData1]);
+    SimpleIMUI.initEmoji(emojiData);
+    SimpleIMUI.changeContact(contactData1.id);
+
+    const {SlotIMUI} = this.$refs;
+    contactData3.id = '333';
+    SlotIMUI.initContacts([contactData4,contactData3]);
+    SlotIMUI.initEmoji(emojiData);
   },
   methods: {
-    openSimple(){
-      window.open('https://codesandbox.io/s/lemon-imui-jingjianmoshi-forked-1lvoh?fontsize=14&hidenavigation=1&theme=dark')
-    },
     changeTheme(){
       this.theme = this.theme == 'default' ? 'blue' : 'default';
     },
@@ -1160,17 +1235,16 @@ export default {
     handleMenuAvatarClick() {
       console.log("Event:menu-avatar-click");
     },
-    handleMessageClick(e, key, message) {
+    handleMessageClick(e, key, message,instance) {
       console.log('点击了消息',e, key, message);
-      const { IMUI } = this.$refs;
 
       if (key == "status") {
-        IMUI.updateMessage(message.id, message.toContactId, {
+        instance.updateMessage(message.id, message.toContactId, {
           status: "going",
           content: "正在重新发送消息..."
         });
         setTimeout(() => {
-          IMUI.updateMessage(message.id, message.toContactId, {
+          instance.updateMessage(message.id, message.toContactId, {
             status: "succeed",
             content: "发送成功"
           });
@@ -1184,7 +1258,10 @@ export default {
       this.hideMenu = !this.hideMenu;
     },
     changeMessageNameVisible(){
-      this.hideMessageName = !this.hideMessageName 
+      this.hideMessageName = !this.hideMessageName;
+    },
+    changeMessageTimeVisible(){
+      this.hideMessageTime = !this.hideMessageTime;
     },
     appendCustomMessage(){
       const { IMUI } = this.$refs;
@@ -1225,7 +1302,7 @@ export default {
       });
     },
     changeDrawer(contact) {
-      this.$refs.IMUI.changeDrawer(() => {
+      this.$refs.SlotIMUI.changeDrawer(() => {
         return (
           <div class="drawer-content">
             <p>
@@ -1236,13 +1313,13 @@ export default {
         );
       });
     },
-    handleChangeContact(contact) {
+    handleChangeContact(contact,instance) {
       console.log("Event:change-contact");
-      this.$refs.IMUI.updateContact(contact.id, {
+      instance.updateContact(contact.id, {
         //displayName: "123",
         unread: 0
       });
-      this.$refs.IMUI.closeDrawer();
+      instance.closeDrawer();
     },
     handleSend(message, next, file) {
       console.log(message,next,file)
@@ -1250,32 +1327,30 @@ export default {
         next();
       }, 1000);
     },
-    handlePullMessages(contact, next) {
+    handlePullMessages(contact, next,instance) {
-      const { IMUI } = this.$refs;
       const otheruser = {
         id: contact.id,
         displayName: contact.displayName,
         avatar:contact.avatar
       };
-      console.log("Event:pull-messages");
       setTimeout(()=>{
 
         const messages = [
-          generateMessage(IMUI.currentContactId, this.user),
+          generateMessage(instance.currentContactId, this.user),
-          generateMessage(IMUI.currentContactId, otheruser),
+          generateMessage(instance.currentContactId, otheruser),
-          generateMessage(IMUI.currentContactId, this.user),
+          generateMessage(instance.currentContactId, this.user),
-          generateMessage(IMUI.currentContactId, otheruser),
+          generateMessage(instance.currentContactId, otheruser),
-          generateMessage(IMUI.currentContactId, this.user),
+          generateMessage(instance.currentContactId, this.user),
-          generateMessage(IMUI.currentContactId, this.user),
+          generateMessage(instance.currentContactId, this.user),
-          generateMessage(IMUI.currentContactId, otheruser),
+          generateMessage(instance.currentContactId, otheruser),
           {
-            ...generateMessage(IMUI.currentContactId, this.user),
+            ...generateMessage(instance.currentContactId, this.user),
             ...{ status: "failed" }
           }
         ];
         let isEnd = false;
-        if (IMUI.getMessages(IMUI.currentContactId).length + messages.length > 11) isEnd = true;
+        if (instance.getMessages(instance.currentContactId).length + messages.length > 11) isEnd = true;
-        next(messages, isEnd); 
+        next(messages, isEnd);
       },500)
     },
     handleChangeMenu() {
@@ -1388,17 +1463,21 @@ a
 .drawer-content
   padding 15px
 .more
-  font-size 32px
+  font-size 12px
-  line-height 18px
+  line-height 24px
-  height 32px
+  height 24px
   position absolute
-  top 6px
+  top 14px
   right 14px
   cursor pointer
   user-select none
-  color #999
+  color #f1f1f1
+  display inline-block
+  border-radius 4px
+  background #111
+  padding 0 8px
   &:active
-    color #000
+    background #999
 .bar
   text-align center
   line-height 30px

examples/dist/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>Lemon IMUI</title><link href=css/index.4f9dd622.css rel=preload as=style><link href=js/chunk-vendors.e4810482.js rel=preload as=script><link href=js/index.8a2d95a1.js rel=preload as=script><link href=css/index.4f9dd622.css rel=stylesheet></head><body><noscript><strong>We're sorry but flat-im doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.e4810482.js></script><script src=js/index.8a2d95a1.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>Lemon IMUI</title><link href=css/index.81b5b60d.css rel=preload as=style><link href=js/chunk-vendors.e4810482.js rel=preload as=script><link href=js/index.d3cd14ac.js rel=preload as=script><link href=css/index.81b5b60d.css rel=stylesheet></head><body><noscript><strong>We're sorry but flat-im doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.e4810482.js></script><script src=js/index.d3cd14ac.js></script></body></html>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lemon-imui",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "main": "dist/index.umd.min.js",
   "description": "基于 VUE2.0 的 IM 聊天组件",
   "homepage": "https://github.com/fanjyy/lemon-imui",

packages/components/contact.vue

@@ -1,6 +1,6 @@
 <script>
 import { isString, isToday } from "utils/validate";
-import { timeFormat } from "utils";
+import { timeFormat,useScopedSlot } from "utils";
 export default {
   name: "LemonContact",
   components: {},
@@ -18,12 +18,24 @@ export default {
     }
   },
   render() {
-    const { contact } = this;
     return (
       <div
         class={["lemon-contact", { "lemon-contact--name-center": this.simple }]}
-        on-click={e => this._handleClick(e, contact)}
+        on-click={e => this._handleClick(e, this.contact)}
       >
+        {useScopedSlot(this.$scopedSlots.default,this._renderInner(),this.contact)}
+      </div>
+    );
+  },
+  created() {},
+  mounted() {
+  },
+  computed: {},
+  watch: {},
+  methods: {
+    _renderInner(){
+      const { contact } = this;
+      return [
         <lemon-badge
           count={!this.simple ? contact.unread : 0}
           class="lemon-contact__avatar"
@@ -34,7 +46,7 @@ export default {
             native-on-click={e => this._handleAvatarClick(e, contact)}
             src={contact.avatar}
           />
-        </lemon-badge>
+        </lemon-badge>,
         <div class="lemon-contact__inner">
           <p class="lemon-contact__label">
             <span class="lemon-contact__name">{contact.displayName}</span>
@@ -54,14 +66,8 @@ export default {
             </p>
           )}
         </div>
-      </div>
+      ];
-    );
+    },
-  },
-  created() {},
-  mounted() {},
-  computed: {},
-  watch: {},
-  methods: {
     _handleClick(e, data) {
       this.$emit("click", data);
     },

packages/components/index.vue

@@ -1,5 +1,5 @@
 <script>
-import { useScopedSlot, fastDone, generateUUID } from "utils";
+import { useScopedSlot, funCall, generateUUID,cloneDeep } from "utils";
 import { isFunction, isString, isEmpty } from "utils/validate";
 import {
   DEFAULT_MENUS,
@@ -10,10 +10,6 @@ import lastContentRender from "../lastContentRender";
 
 import MemoryCache from "utils/cache/memory";
 
-const CacheContactContainer = new MemoryCache();
-const CacheMenuContainer = new MemoryCache();
-const CacheMessageLoaded = new MemoryCache();
-
 const messages = {};
 const emojiMap = {};
 let renderDrawerContent = () => {};
@@ -58,14 +54,18 @@ export default {
       default: true
     },
     /**
-     * 初始化时是否隐藏导航按钮上的头像
+     * 是否隐藏导航按钮上的头像
      */
     hideMenuAvatar: Boolean,
     hideMenu: Boolean,
     /**
-     * 隐藏消息列表内的联系人名字
+     * 是否隐藏消息列表内的联系人名字
      */
     hideMessageName:Boolean,
+    /**
+     * 是否隐藏消息列表内的发送时间
+     */
+    hideMessageTime:Boolean,
     user: {
       type: Object,
       default: () => {
@@ -74,6 +74,9 @@ export default {
     }
   },
   data() {
+    this.CacheContactContainer = new MemoryCache();
+    this.CacheMenuContainer = new MemoryCache();
+    this.CacheMessageLoaded = new MemoryCache();
     return {
       drawerVisible: !this.hideDrawer,
       currentContactId:null,
@@ -219,17 +222,18 @@ export default {
         this.currentContact,
         (messages, isEnd = false) => {
           this._addMessage(messages, this.currentContactId, 0);
-          CacheMessageLoaded.set(this.currentContactId, isEnd);
+          this.CacheMessageLoaded.set(this.currentContactId, isEnd);
           if (isEnd == true) this.$refs.messages.loaded();
           this.updateCurrentMessages();
           this._changeContactLock = false;
           next(isEnd);
-        }
+        },
+        this,
       );
     },
     clearCacheContainer(name) {
-      CacheContactContainer.remove(name);
+      this.CacheContactContainer.remove(name);
-      CacheMenuContainer.remove(name);
+      this.CacheMenuContainer.remove(name);
     },
     _renderWrapper(children) {
       return (
@@ -286,7 +290,7 @@ export default {
               { "lemon-menu__item--active": this.activeSidebar == name }
             ]}
             on-click={() => {
-              fastDone(click, () => {
+              funCall(click, () => {
                 if (name) this.changeMenu(name);
               });
             }}
@@ -305,36 +309,38 @@ export default {
     _renderSidebarMessage() {
       return this._renderSidebar(
         [
-          useScopedSlot(this.$scopedSlots["message-sidebar"]),
+          useScopedSlot(this.$scopedSlots["sidebar-message-top"]),
           this.lastMessages.map(contact => {
             return this._renderContact(
               {
                 contact,
                 timeFormat: this.contactTimeFormat
               },
-              () => this.changeContact(contact.id)
+              () => this.changeContact(contact.id),
+              this.$scopedSlots["sidebar-message"],
             );
           })
         ],
         DEFAULT_MENU_LASTMESSAGES
       );
     },
-    _renderContact(props, onClick) {
+    _renderContact(props, onClick,slot) {
       const {
         click: customClick,
         renderContainer,
         id: contactId
       } = props.contact;
       const click = () => {
-        fastDone(customClick, () => {
+        funCall(customClick, () => {
           onClick();
           this._customContainerReady(
             renderContainer,
-            CacheContactContainer,
+            this.CacheContactContainer,
             contactId
           );
         });
       };
+
       return (
         <lemon-contact
           class={{
@@ -342,14 +348,15 @@ export default {
           }}
           props={props}
           on-click={click}
-        />
+          scopedSlots={{default:slot}}
+        ></lemon-contact>
       );
     },
     _renderSidebarContact() {
       let prevIndex;
       return this._renderSidebar(
         [
-          useScopedSlot(this.$scopedSlots["contact-sidebar"]),
+          useScopedSlot(this.$scopedSlots["sidebar-contact-top"]),
           this.contacts.map(contact => {
             if (!contact.index) return;
             contact.index = contact.index.replace(/\[[0-9]*\]/, "");
@@ -364,7 +371,8 @@ export default {
                 },
                 () => {
                   this.changeContact(contact.id)
-                }
+                },
+                this.$scopedSlots["sidebar-contact"],
               )
             ];
             prevIndex = contact.index;
@@ -399,22 +407,22 @@ export default {
       const cls = "lemon-container";
       const curact = this.currentContact;
       let defIsShow = true;
-      for (const name in CacheContactContainer.get()) {
+      for (const name in this.CacheContactContainer.get()) {
         const show = curact.id == name && this.currentIsDefSidebar;
         defIsShow = !show;
         nodes.push(
           <div class={cls} v-show={show}>
-            {CacheContactContainer.get(name)}
+            {this.CacheContactContainer.get(name)}
           </div>
         );
       }
-      for (const name in CacheMenuContainer.get()) {
+      for (const name in this.CacheMenuContainer.get()) {
         nodes.push(
           <div
             class={cls}
             v-show={this.activeSidebar == name && !this.currentIsDefSidebar}
           >
-            {CacheMenuContainer.get(name)}
+            {this.CacheMenuContainer.get(name)}
           </div>
         );
       }
@@ -427,7 +435,7 @@ export default {
           <div class="lemon-container__title">
             <div class="lemon-container__displayname">
               {useScopedSlot(
-                this.$scopedSlots["contact-title"],
+                this.$scopedSlots["message-title"],
                 curact.displayName,
                 curact
               )}
@@ -435,6 +443,7 @@ export default {
           </div>
           <lemon-messages
             ref="messages"
+            hide-time={this.hideMessageTime}
             hide-name={this.hideMessageName}
             time-format={this.messageTimeFormat}
             reverse-user-id={this.user.id}
@@ -542,11 +551,12 @@ export default {
       }
 
       this.currentContactId = contactId;
-      this.$emit("change-contact", this.currentContact);
+      this.$emit("change-contact", this.currentContact,this);
       if (isFunction(this.currentContact.renderContainer)) {
         return;
       }
-      if (CacheMessageLoaded.has(contactId)) {
+      
+      if (this.CacheMessageLoaded.has(contactId)) {
         this.$refs.messages.loaded();
       }else{
         this.$refs.messages.resetLoadState();
@@ -671,7 +681,7 @@ export default {
       let menus = [];
       if (Array.isArray(data)) {
         const indexMap = {
-          lastMessages: 0,
+          messages: 0,
           contacts: 1
         };
         const indexKeys = Object.keys(indexMap);
@@ -687,7 +697,7 @@ export default {
           if (item.renderContainer) {
             this._customContainerReady(
               item.renderContainer,
-              CacheMenuContainer,
+              this.CacheMenuContainer,
               item.name
             );
           }

packages/components/message/basic.vue

@@ -1,4 +1,5 @@
 <script>
+import { useScopedSlot} from "utils";
 export default {
   name: "lemonMessageBasic",
   inject: ["IMUI"],
@@ -14,7 +15,8 @@ export default {
       default: () => ""
     },
     reverse: Boolean,
-    hideName: Boolean
+    hideName: Boolean,
+    hideTime:Boolean,
   },
   data() {
     return {};
@@ -27,7 +29,7 @@ export default {
           "lemon-message",
           {
             "lemon-message--reverse": this.reverse,
-            "lemon-message--hide-name": this.hideName
+            "lemon-message--hide-name": this.hideName,
           }
         ]}
       >
@@ -50,7 +52,7 @@ export default {
             >
               {fromUser.displayName}
             </span>
-            <span class="lemon-message__time">{this.timeFormat(sendTime)}</span>
+            {this.hideTime == true && <span class="lemon-message__time">{this.timeFormat(sendTime)}</span>}
           </div>
           <div
             class="lemon-message__content"
@@ -58,7 +60,7 @@ export default {
               this._emitClick(e, "content");
             }}
           >
-            {this.useScopedSlots("content", this.message)}
+            {useScopedSlot(this.$scopedSlots['content'],null,this.message)}
           </div>
           <div
             class="lemon-message__status"
@@ -78,7 +80,7 @@ export default {
   watch: {},
   methods: {
     _emitClick(e, key) {
-      this.IMUI.$emit("message-click", e, key, this.message);
+      this.IMUI.$emit("message-click", e, key, this.message,this.IMUI);
     },
     _renderStatue(status) {
       if (status == "going") {
@@ -97,11 +99,6 @@ export default {
       }
       return;
     },
-    useScopedSlots(name, params, defVnode = "", context = this) {
-      return context.$scopedSlots[name]
-        ? context.$scopedSlots[name](params)
-        : defVnode;
-    }
   }
 };
 </script>
@@ -118,8 +115,8 @@ arrow()
   display flex
   padding 10px 0
   +e(time)
-    color #bbb
+    color #b9b9b9
-    padding 0 4px
+    padding 0 5px
   +e(inner)
     position relative
   +e(avatar)
@@ -133,7 +130,7 @@ arrow()
     line-height 14px
     padding-bottom 6px
     user-select none
-    color #999
+    color #666
   +e(content)
     font-size 14px
     line-height 20px

packages/components/messages.vue

@@ -4,7 +4,10 @@ export default {
   name: "LemonMessages",
   components: {},
   props: {
+    //是否隐藏消息发送人昵称
     hideName:Boolean,
+    //是否隐藏显示消息时间
+    hideTime:Boolean,
     reverseUserId: String,
     timeRange: {
       type: Number,
@@ -53,7 +56,7 @@ export default {
                   message: {
                     id: "__time__",
                     type: "event",
-                    content: this.timeFormat(message.sendTime)
+                    content: hoursTimeFormat(message.sendTime)
                   }
                 }}
               />
@@ -64,9 +67,10 @@ export default {
               ref="message"
               refInFor={true}
               attrs={{
-                timeFormat: this.msecRange > 0 ? () => {} : this.timeFormat,
+                timeFormat: this.timeFormat,
                 message: message,
                 reverse: this.reverseUserId == message.fromUser.id,
+                hideTime:this.hideTime,
                 hideName: this.hideName
               }}
             />

packages/utils/cache/memory.js

@@ -22,18 +22,3 @@ export default class MemoryCache {
     return !!this.table[key];
   }
 }
-// export default {
-//   data: {},
-//   get(name) {
-//     console.log(this.data);
-//   }
-// };
-// class MemoryCache {
-//   constructor() {
-//     super();
-//   }
-//   get($name) {
-//     console.log(1);
-//   }
-// }
-// export default MemoryCache;

packages/utils/constant.js

@@ -1,6 +1,6 @@
 export const EMIT_AVATAR_CLICK = "avatar-click";
 
-export const DEFAULT_MENU_LASTMESSAGES = "lastMessages";
+export const DEFAULT_MENU_LASTMESSAGES = "messages";
 export const DEFAULT_MENU_CONTACTS = "contacts";
 export const DEFAULT_MENUS = [DEFAULT_MENU_LASTMESSAGES, DEFAULT_MENU_CONTACTS];
 /**

packages/utils/index.js

@@ -53,7 +53,7 @@ export function timeFormat(t, format) {
   return format;
 }
 
-export function fastDone(event, callback) {
+export function funCall(event, callback) {
   if (isFunction(event)) {
     event(() => {
       callback();