fan 5 years ago
parent
commit
c1cb5db73d

+ 4 - 0
examples/App.vue

@@ -10,6 +10,7 @@
         @change-contact="handleChangeContact"
         @pull-messages="handlePullMessages"
         @message-click="handleMessageClick"
+        @menu-avatar-click="handleMenuAvatarClick"
         @send="handleSend"
       >
         <template #cover>
@@ -499,6 +500,9 @@ export default {
     ]);
   },
   methods: {
+    handleMenuAvatarClick() {
+      console.log("Event:menu-avatar-click");
+    },
     handleMessageClick(e, key, message) {
       const { IMUI } = this.$refs;
 

+ 1 - 1
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.e7f71477.css rel=preload as=style><link href=js/chunk-vendors.e4810482.js rel=preload as=script><link href=js/index.f29ec4b1.js rel=preload as=script><link href=css/index.e7f71477.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.f29ec4b1.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.e7f71477.css rel=preload as=style><link href=js/chunk-vendors.e4810482.js rel=preload as=script><link href=js/index.5df9a85c.js rel=preload as=script><link href=css/index.e7f71477.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.5df9a85c.js></script></body></html>

File diff suppressed because it is too large
+ 0 - 0
examples/dist/js/index.5df9a85c.js


File diff suppressed because it is too large
+ 0 - 0
examples/dist/js/index.f29ec4b1.js


+ 14 - 4
packages/components/index.vue

@@ -235,7 +235,7 @@ export default {
             <lemon-avatar
               v-show={!this.hideMenuAvatar}
               on-click={e => {
-                console.log("menu avatar click");
+                this.$emit("menu-avatar-click", e);
               }}
               class="lemon-menu__avatar"
               src={this.user.avatar}
@@ -557,7 +557,7 @@ export default {
           messages[contactId][index],
           data
         );
-        console.log('--------',messages[contactId][index]);
+        console.log("--------", messages[contactId][index]);
         this.forceUpdateMessage(messageId);
       }
     },
@@ -590,8 +590,8 @@ export default {
     changeMenu(name) {
       this.$emit("change-menu", name);
       this.activeSidebar = name;
-      const { renderContainer } = this.currentMenu;
-      this._customContainerReady(renderContainer, CacheMenuContainer, name);
+      // const { renderContainer } = this.currentMenu;
+      // this._customContainerReady(renderContainer, CacheMenuContainer, name);
     },
     /**
      * 初始化编辑框的 Emoji 表情列表,是 Lemon-editor.initEmoji 的代理方法
@@ -648,11 +648,21 @@ export default {
               ...{ renderContainer: null }
             };
           }
+
+          if (item.renderContainer) {
+            this._customContainerReady(
+              item.renderContainer,
+              CacheMenuContainer,
+              item.name
+            );
+          }
+
           return item;
         });
       } else {
         menus = defaultMenus;
       }
+
       this.menus = menus;
     },
     /**

Some files were not shown because too many files changed in this diff