diff --git a/examples/App.vue b/examples/App.vue
index b897dab..fcf413c 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -45,6 +45,11 @@
           >切换头像显示</lemon-button
         >
       </div>
+
+      <div class="link">
+        <a target="_blank" href="https://github.com/fanjyy/lemon-imui">Github</a>
+        <a target="_blank" href="https://gitee.com/june000/lemon-im">Gitee</a>
+      </div>
     </div>
   </div>
 </template>
@@ -615,6 +620,17 @@ export default {
 <style lang="stylus">
 body
   background #3d495c !important
+.link
+  padding 15px 0
+  a
+    display inline-block
+    font-size 16px
+    color #ccd3dc
+    text-decoration none
+    border-radius 5px
+    margin-right 15px
+    &:hover
+      color #85acda
 .action
   margin-top 30px
   button
diff --git a/examples/dist/css/index.08b1f4f3.css b/examples/dist/css/index.08b1f4f3.css
new file mode 100644
index 0000000..5874782
--- /dev/null
+++ b/examples/dist/css/index.08b1f4f3.css
@@ -0,0 +1 @@
+body{background:#3d495c!important}.link{padding:15px 0}.link a{display:inline-block;font-size:16px;color:#ccd3dc;text-decoration:none;border-radius:5px;margin-right:15px}.link a:hover{color:#85acda}.action{margin-top:30px}.action button{margin-right:10px}.imui-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.drawer-content{padding:15px}.more{font-size:32px;line-height:18px;height:32px;position:absolute;top:6px;right:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.more:active{color:#000}.bar{line-height:30px;background:#fff;margin:15px;color:#666;font-size:12px}.bar,.cover{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cover{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cover i{font-size:84px;color:#e6e6e6}.cover p{font-size:18px;color:#ddd;line-height:50px}.article-item{line-height:34px;cursor:pointer}.article-item:hover{text-decoration:underline;color:#318efd}.lemon-tabs{background:#f6f6f6}.lemon-tabs-content{padding:15px}.lemon-tabs-content,.lemon-tabs-content__pane{width:100%;height:100%}.lemon-tabs-nav{display:-webkit-box;display:-ms-flexbox;display:flex;background:#eee}.lemon-tabs-nav__item{line-height:38px;padding:0 15px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.lemon-tabs-nav__item--active{background:#f6f6f6}.lemon-popover{border:1px solid #eee;font-size:14px;font-variant:tabular-nums;line-height:1.5;color:rgba(0,0,0,.65);z-index:10;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);position:absolute;-webkit-transform-origin:50% 150%;transform-origin:50% 150%}.lemon-popover__content{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.lemon-popover__arrow{left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);position:absolute;z-index:0;bottom:-4px;-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.07);box-shadow:3px 3px 7px rgba(0,0,0,.07);width:8px;height:8px;background:#fff}.slide-top-enter-active,.slide-top-leave-active{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.slide-top-enter,.slide-top-leave-to{-webkit-transform:translateY(-10px) scale(.8);transform:translateY(-10px) scale(.8);opacity:0}.lemon-button{outline:none;line-height:1.499;display:inline-block;font-weight:400;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;padding:0 15px;font-size:14px;border-radius:4px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);color:rgba(0,0,0,.65);background-color:#fff;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.015);box-shadow:0 2px 0 rgba(0,0,0,.015);text-shadow:0 -1px 0 rgba(0,0,0,.12)}.lemon-button:hover:not([disabled]){border-color:#666;color:#333}.lemon-button:active{background-color:#ddd}.lemon-button[disabled]{cursor:not-allowed;color:#aaa;background:#eee}.lemon-badge{position:relative;display:inline-block}.lemon-badge__label{border-radius:10px;background:#f5222d;color:#fff;text-align:center;font-size:12px;font-weight:400;white-space:nowrap;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;z-index:10;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transform-origin:100%;transform-origin:100%;display:inline-block;padding:0 4px;height:18px;line-height:17px;min-width:10px;top:-4px;right:6px}.lemon-badge__label--dot{width:10px;height:10px;min-width:auto;padding:0;top:-3px;right:2px}.lemon-avatar{font-variant:tabular-nums;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;display:inline-block;text-align:center;background:#ccc;color:hsla(0,0%,100%,.7);white-space:nowrap;position:relative;overflow:hidden;vertical-align:middle;border-radius:4px}.lemon-avatar img{width:100%;height:100%;display:block}.lemon-contact{padding:10px 14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background:#efefef}.lemon-contact p{margin:0}.lemon-contact--active{background:#bebdbd}.lemon-contact:hover:not(.lemon-contact--active){background:#e3e3e3}.lemon-contact:hover:not(.lemon-contact--active) .el-badge__content{border-color:#ddd}.lemon-contact__avatar{float:left;margin-right:10px}.lemon-contact__avatar img{display:block}.lemon-contact__avatar .ant-badge-count{display:inline-block;padding:0 4px;height:18px;line-height:18px;min-width:18px;top:-4px;right:7px}.lemon-contact__label{display:-webkit-box;display:-ms-flexbox;display:flex}.lemon-contact__time{font-size:12px;line-height:18px;padding-left:6px;color:#999;white-space:nowrap}.lemon-contact__name{display:block;width:100%}.lemon-contact__content,.lemon-contact__name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.lemon-contact__content{font-size:12px;color:#999}.lemon-contact__content img{height:14px;display:inline-block;vertical-align:middle;margin:0 1px}.lemon-contact--name-center .lemon-contact__label{padding-bottom:0;line-height:38px}.lemon-editor{height:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lemon-editor,.lemon-editor__tool{display:-webkit-box;display:-ms-flexbox;display:flex}.lemon-editor__tool{height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:5px}.lemon-editor__tool-item{cursor:pointer;padding:4px 10px;height:28px;color:#999;-webkit-transition:all .3s ease;transition:all .3s ease}.lemon-editor__tool-item [class^=lemon-icon-]{line-height:26px;font-size:22px}.lemon-editor__tool-item:hover{color:#333}.lemon-editor__inner{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto}.lemon-editor__inner::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__inner::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__inner::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__inner::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__input{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:none;padding:0 10px}.lemon-editor__input::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__input::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__input::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__input::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__input div,.lemon-editor__input p{margin:0}.lemon-editor__input img{height:20px;padding:0 2px;pointer-events:none;vertical-align:middle}.lemon-editor__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:52px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lemon-editor__tip{margin-right:10px;font-size:12px;color:#999}.lemon-editor__emoji,.lemon-editor__tip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-editor__emoji .lemon-popover{background:#f6f6f6}.lemon-editor__emoji .lemon-popover__content{padding:0}.lemon-editor__emoji .lemon-popover__arrow{background:#f6f6f6}.lemon-editor__emoji .lemon-tabs-content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;height:200px;overflow-x:hidden;overflow-y:auto;margin-bottom:8px}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__emoji-item{cursor:pointer;width:22px;padding:4px;border-radius:4px}.lemon-editor__emoji-item:hover{background:#e9e9e9}.lemon-messages{height:400px;overflow-x:hidden;overflow-y:auto;padding:10px 15px}.lemon-messages::-webkit-scrollbar{width:5px;height:5px}.lemon-messages::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-messages::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-messages::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-messages__load,.lemon-messages__time{text-align:center;font-size:12px}.lemon-messages__load{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999;line-height:30px}.lemon-messages__load--ing{font-size:22px}.lemon-message{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0}.lemon-message__time{color:#bbb;padding:0 4px}.lemon-message__inner{position:relative}.lemon-message__avatar{padding-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-message__avatar .lemon-avatar{cursor:pointer}.lemon-message__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:14px;padding-bottom:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.lemon-message__content{font-size:14px;line-height:20px;padding:8px 10px;background:#fff;border-radius:4px;position:relative;margin:0 46px 0 0}.lemon-message__content img,.lemon-message__content video{background:#e9e9e9;height:100px}.lemon-message__content:before{content:" ";position:absolute;top:6px;width:0;height:0;border:4px solid transparent;left:-4px;border-left:none;border-right-color:#fff}.lemon-message__status{position:absolute;top:23px;right:20px;color:#aaa;font-size:20px}.lemon-message--reverse,.lemon-message--reverse .lemon-message__title{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.lemon-message--reverse .lemon-message__status{left:20px;right:auto}.lemon-message--reverse .lemon-message__content{background:#35d863;margin:0 0 0 46px}.lemon-message--reverse .lemon-message__content:before{content:" ";position:absolute;top:6px;width:0;height:0;border:4px solid transparent;left:auto;right:-4px;border-right:none;border-left-color:#35d863}.lemon-message--reverse .lemon-message__title{text-align:right}.lemon-message--reverse .lemon-message__avatar{padding-right:0;padding-left:10px}.lemon-message--hidden-title .lemon-message__status{top:7px}.lemon-message--hidden-title .lemon-message__title{display:none}.lemon-message--hidden-title .lemon-message__content:before{top:14px}.lemon-message-text .lemon-message__content img{width:18px;height:18px;display:inline-block;background:transparent;padding:0 2px;vertical-align:middle}.lemon-message-image .lemon-message__content{padding:0;cursor:pointer;overflow:hidden}.lemon-message-image .lemon-message__content img{max-width:100%;min-width:100px;display:block}.lemon-message-file .lemon-message__content{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;width:200px;background:#fff;padding:12px 18px;overflow:hidden}.lemon-message-file .lemon-message__content p{margin:0}.lemon-message-file__tip{display:none}.lemon-message-file__inner{-webkit-box-flex:1;-ms-flex:1;flex:1}.lemon-message-file__name{font-size:14px}.lemon-message-file__byte{font-size:12px;color:#aaa}.lemon-message-file__sfx{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:34px;color:#ccc}.lemon-message-event__content,.lemon-message-file__sfx{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-message-event__content{display:inline-block;background:#e9e9e9;color:#aaa;font-size:12px;margin:0 auto;padding:5px 10px;border-radius:4px}.lemon-wrapper{width:850px;height:580px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;background:#efefef;-webkit-transition:all .4s cubic-bezier(.645,.045,.355,1);transition:all .4s cubic-bezier(.645,.045,.355,1);position:relative}.lemon-wrapper p{margin:0}.lemon-wrapper img{vertical-align:middle;border-style:none}.lemon-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;background:#1d232a;padding:15px 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-menu,.lemon-menu__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lemon-menu__bottom{position:absolute;bottom:0}.lemon-menu__avatar{margin-bottom:20px;cursor:pointer}.lemon-menu__item{color:#999;cursor:pointer;padding:14px 10px;max-width:100%;word-break:break-all;word-wrap:break-word;white-space:pre-wrap}.lemon-menu__item--active{color:#0fd547}.lemon-menu__item:hover:not(.lemon-menu__item--active){color:#eee}.lemon-menu__item>*{font-size:24px}.lemon-menu__item .ant-badge-count{display:inline-block;padding:0 4px;height:18px;line-height:16px;min-width:18px}.lemon-menu__item .ant-badge-count,.lemon-menu__item .ant-badge-dot{-webkit-box-shadow:0 0 0 1px #1d232a;box-shadow:0 0 0 1px #1d232a}.lemon-sidebar{width:250px;background:#efefef;overflow-y:auto}.lemon-sidebar::-webkit-scrollbar{width:5px;height:5px}.lemon-sidebar::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-sidebar::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-sidebar::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-sidebar__label{padding:6px 14px 6px 14px;color:#666;font-size:12px;margin:0}.lemon-sidebar .lemon-contact--active{background:#d9d9d9}.lemon-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f4f4f4;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;position:relative;z-index:2}.lemon-container__title{padding:15px 15px}.lemon-container__displayname{font-size:16px}.lemon-messages{-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto}.lemon-drawer{position:absolute;top:0;right:0;overflow:hidden;background:#f4f4f4;-webkit-transition:width .4s cubic-bezier(.645,.045,.355,1);transition:width .4s cubic-bezier(.645,.045,.355,1);z-index:1;width:200px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.lemon-wrapper--drawer-show .lemon-drawer{right:-200px}.lemon-contact-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.lemon-contact-info h4{font-size:16px;font-weight:400;margin:10px 0 20px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemonani-spin{display:inline-block;-webkit-animation:lemonani-spin 1s infinite;animation:lemonani-spin 1s infinite}@-webkit-keyframes lemonani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lemonani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:lemon-icons;src:url(//at.alicdn.com/t/font_1312162_neqltsj20an.eot);src:url(//at.alicdn.com/t/font_1312162_neqltsj20an.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.woff2) format("woff2"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.woff) format("woff"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.ttf) format("truetype"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.svg#iconfont) format("svg")}[class*=" lemon-icon-"],[class^=lemon-icon-]{font-family:lemon-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block}.lemon-icon-loading:before{content:"\E633"}.lemon-icon-prompt:before{content:"\E71B"}.lemon-icon-message:before{content:"\E84A"}.lemon-icon-emoji:before{content:"\E6F6"}.lemon-icon-attah:before{content:"\E7E1"}.lemon-icon-image:before{content:"\E7DE"}.lemon-icon-folder:before{content:"\E7D1"}.lemon-icon-people:before{content:"\E715"}.lemon-icon-group:before{content:"\E6FF"}.lemon-icon-addressbook:before{content:"\E6E2"}
\ No newline at end of file
diff --git a/examples/dist/css/index.12b9cfee.css b/examples/dist/css/index.12b9cfee.css
deleted file mode 100644
index 67c1040..0000000
--- a/examples/dist/css/index.12b9cfee.css
+++ /dev/null
@@ -1 +0,0 @@
-body{background:#3d495c!important}.action{margin-top:30px}.action button{margin-right:10px}.imui-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.drawer-content{padding:15px}.more{font-size:32px;line-height:18px;height:32px;position:absolute;top:6px;right:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.more:active{color:#000}.bar{line-height:30px;background:#fff;margin:15px;color:#666;font-size:12px}.bar,.cover{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cover{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cover i{font-size:84px;color:#e6e6e6}.cover p{font-size:18px;color:#ddd;line-height:50px}.article-item{line-height:34px;cursor:pointer}.article-item:hover{text-decoration:underline;color:#318efd}.lemon-tabs{background:#f6f6f6}.lemon-tabs-content{padding:15px}.lemon-tabs-content,.lemon-tabs-content__pane{width:100%;height:100%}.lemon-tabs-nav{display:-webkit-box;display:-ms-flexbox;display:flex;background:#eee}.lemon-tabs-nav__item{line-height:38px;padding:0 15px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.lemon-tabs-nav__item--active{background:#f6f6f6}.lemon-popover{border:1px solid #eee;font-size:14px;font-variant:tabular-nums;line-height:1.5;color:rgba(0,0,0,.65);z-index:10;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);position:absolute;-webkit-transform-origin:50% 150%;transform-origin:50% 150%}.lemon-popover__content{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.lemon-popover__arrow{left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);position:absolute;z-index:0;bottom:-4px;-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.07);box-shadow:3px 3px 7px rgba(0,0,0,.07);width:8px;height:8px;background:#fff}.slide-top-enter-active,.slide-top-leave-active{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.slide-top-enter,.slide-top-leave-to{-webkit-transform:translateY(-10px) scale(.8);transform:translateY(-10px) scale(.8);opacity:0}.lemon-button{outline:none;line-height:1.499;display:inline-block;font-weight:400;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;padding:0 15px;font-size:14px;border-radius:4px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);color:rgba(0,0,0,.65);background-color:#fff;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.015);box-shadow:0 2px 0 rgba(0,0,0,.015);text-shadow:0 -1px 0 rgba(0,0,0,.12)}.lemon-button:hover:not([disabled]){border-color:#666;color:#333}.lemon-button:active{background-color:#ddd}.lemon-button[disabled]{cursor:not-allowed;color:#aaa;background:#eee}.lemon-badge{position:relative;display:inline-block}.lemon-badge__label{border-radius:10px;background:#f5222d;color:#fff;text-align:center;font-size:12px;font-weight:400;white-space:nowrap;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;z-index:10;position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transform-origin:100%;transform-origin:100%;display:inline-block;padding:0 4px;height:18px;line-height:17px;min-width:10px;top:-4px;right:6px}.lemon-badge__label--dot{width:10px;height:10px;min-width:auto;padding:0;top:-3px;right:2px}.lemon-avatar{font-variant:tabular-nums;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;display:inline-block;text-align:center;background:#ccc;color:hsla(0,0%,100%,.7);white-space:nowrap;position:relative;overflow:hidden;vertical-align:middle;border-radius:4px}.lemon-avatar img{width:100%;height:100%;display:block}.lemon-contact{padding:10px 14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background:#efefef}.lemon-contact p{margin:0}.lemon-contact--active{background:#bebdbd}.lemon-contact:hover:not(.lemon-contact--active){background:#e3e3e3}.lemon-contact:hover:not(.lemon-contact--active) .el-badge__content{border-color:#ddd}.lemon-contact__avatar{float:left;margin-right:10px}.lemon-contact__avatar img{display:block}.lemon-contact__avatar .ant-badge-count{display:inline-block;padding:0 4px;height:18px;line-height:18px;min-width:18px;top:-4px;right:7px}.lemon-contact__label{display:-webkit-box;display:-ms-flexbox;display:flex}.lemon-contact__time{font-size:12px;line-height:18px;padding-left:6px;color:#999;white-space:nowrap}.lemon-contact__name{display:block;width:100%}.lemon-contact__content,.lemon-contact__name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.lemon-contact__content{font-size:12px;color:#999}.lemon-contact__content img{height:14px;display:inline-block;vertical-align:middle;margin:0 1px}.lemon-contact--name-center .lemon-contact__label{padding-bottom:0;line-height:38px}.lemon-editor{height:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lemon-editor,.lemon-editor__tool{display:-webkit-box;display:-ms-flexbox;display:flex}.lemon-editor__tool{height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:5px}.lemon-editor__tool-item{cursor:pointer;padding:4px 10px;height:28px;color:#999;-webkit-transition:all .3s ease;transition:all .3s ease}.lemon-editor__tool-item [class^=lemon-icon-]{line-height:26px;font-size:22px}.lemon-editor__tool-item:hover{color:#333}.lemon-editor__inner{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto}.lemon-editor__inner::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__inner::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__inner::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__inner::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__input{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:none;padding:0 10px}.lemon-editor__input::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__input::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__input::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__input::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__input div,.lemon-editor__input p{margin:0}.lemon-editor__input img{height:20px;padding:0 2px;pointer-events:none;vertical-align:middle}.lemon-editor__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:52px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lemon-editor__tip{margin-right:10px;font-size:12px;color:#999}.lemon-editor__emoji,.lemon-editor__tip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-editor__emoji .lemon-popover{background:#f6f6f6}.lemon-editor__emoji .lemon-popover__content{padding:0}.lemon-editor__emoji .lemon-popover__arrow{background:#f6f6f6}.lemon-editor__emoji .lemon-tabs-content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;height:200px;overflow-x:hidden;overflow-y:auto;margin-bottom:8px}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar{width:5px;height:5px}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-editor__emoji .lemon-tabs-content::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-editor__emoji-item{cursor:pointer;width:22px;padding:4px;border-radius:4px}.lemon-editor__emoji-item:hover{background:#e9e9e9}.lemon-messages{height:400px;overflow-x:hidden;overflow-y:auto;padding:10px 15px}.lemon-messages::-webkit-scrollbar{width:5px;height:5px}.lemon-messages::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-messages::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-messages::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-messages__load,.lemon-messages__time{text-align:center;font-size:12px}.lemon-messages__load{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999;line-height:30px}.lemon-messages__load--ing{font-size:22px}.lemon-message{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0}.lemon-message__time{color:#bbb;padding:0 4px}.lemon-message__inner{position:relative}.lemon-message__avatar{padding-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-message__avatar .lemon-avatar{cursor:pointer}.lemon-message__title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:14px;padding-bottom:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.lemon-message__content{font-size:14px;line-height:20px;padding:8px 10px;background:#fff;border-radius:4px;position:relative;margin:0 46px 0 0}.lemon-message__content img,.lemon-message__content video{background:#e9e9e9;height:100px}.lemon-message__content:before{content:" ";position:absolute;top:6px;width:0;height:0;border:4px solid transparent;left:-4px;border-left:none;border-right-color:#fff}.lemon-message__status{position:absolute;top:23px;right:20px;color:#aaa;font-size:20px}.lemon-message--reverse,.lemon-message--reverse .lemon-message__title{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.lemon-message--reverse .lemon-message__status{left:20px;right:auto}.lemon-message--reverse .lemon-message__content{background:#35d863;margin:0 0 0 46px}.lemon-message--reverse .lemon-message__content:before{content:" ";position:absolute;top:6px;width:0;height:0;border:4px solid transparent;left:auto;right:-4px;border-right:none;border-left-color:#35d863}.lemon-message--reverse .lemon-message__title{text-align:right}.lemon-message--reverse .lemon-message__avatar{padding-right:0;padding-left:10px}.lemon-message--hidden-title .lemon-message__status{top:7px}.lemon-message--hidden-title .lemon-message__title{display:none}.lemon-message--hidden-title .lemon-message__content:before{top:14px}.lemon-message-text .lemon-message__content img{width:18px;height:18px;display:inline-block;background:transparent;padding:0 2px;vertical-align:middle}.lemon-message-image .lemon-message__content{padding:0;cursor:pointer;overflow:hidden}.lemon-message-image .lemon-message__content img{max-width:100%;min-width:100px;display:block}.lemon-message-file .lemon-message__content{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;width:200px;background:#fff;padding:12px 18px;overflow:hidden}.lemon-message-file .lemon-message__content p{margin:0}.lemon-message-file__tip{display:none}.lemon-message-file__inner{-webkit-box-flex:1;-ms-flex:1;flex:1}.lemon-message-file__name{font-size:14px}.lemon-message-file__byte{font-size:12px;color:#aaa}.lemon-message-file__sfx{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:34px;color:#ccc}.lemon-message-event__content,.lemon-message-file__sfx{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-message-event__content{display:inline-block;background:#e9e9e9;color:#aaa;font-size:12px;margin:0 auto;padding:5px 10px;border-radius:4px}.lemon-wrapper{width:850px;height:580px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;background:#efefef;-webkit-transition:all .4s cubic-bezier(.645,.045,.355,1);transition:all .4s cubic-bezier(.645,.045,.355,1);position:relative}.lemon-wrapper p{margin:0}.lemon-wrapper img{vertical-align:middle;border-style:none}.lemon-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;background:#1d232a;padding:15px 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemon-menu,.lemon-menu__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lemon-menu__bottom{position:absolute;bottom:0}.lemon-menu__avatar{margin-bottom:20px;cursor:pointer}.lemon-menu__item{color:#999;cursor:pointer;padding:14px 10px;max-width:100%;word-break:break-all;word-wrap:break-word;white-space:pre-wrap}.lemon-menu__item--active{color:#0fd547}.lemon-menu__item:hover:not(.lemon-menu__item--active){color:#eee}.lemon-menu__item>*{font-size:24px}.lemon-menu__item .ant-badge-count{display:inline-block;padding:0 4px;height:18px;line-height:16px;min-width:18px}.lemon-menu__item .ant-badge-count,.lemon-menu__item .ant-badge-dot{-webkit-box-shadow:0 0 0 1px #1d232a;box-shadow:0 0 0 1px #1d232a}.lemon-sidebar{width:250px;background:#efefef;overflow-y:auto}.lemon-sidebar::-webkit-scrollbar{width:5px;height:5px}.lemon-sidebar::-webkit-scrollbar-track-piece{background-color:transparent}.lemon-sidebar::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#aaa}.lemon-sidebar::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:transparent}.lemon-sidebar__label{padding:6px 14px 6px 14px;color:#666;font-size:12px;margin:0}.lemon-sidebar .lemon-contact--active{background:#d9d9d9}.lemon-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f4f4f4;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;position:relative;z-index:2}.lemon-container__title{padding:15px 15px}.lemon-container__displayname{font-size:16px}.lemon-messages{-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto}.lemon-drawer{position:absolute;top:0;right:0;overflow:hidden;background:#f4f4f4;-webkit-transition:width .4s cubic-bezier(.645,.045,.355,1);transition:width .4s cubic-bezier(.645,.045,.355,1);z-index:1;width:200px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.lemon-wrapper--drawer-show .lemon-drawer{right:-200px}.lemon-contact-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.lemon-contact-info h4{font-size:16px;font-weight:400;margin:10px 0 20px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lemonani-spin{display:inline-block;-webkit-animation:lemonani-spin 1s infinite;animation:lemonani-spin 1s infinite}@-webkit-keyframes lemonani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lemonani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:lemon-icons;src:url(//at.alicdn.com/t/font_1312162_neqltsj20an.eot);src:url(//at.alicdn.com/t/font_1312162_neqltsj20an.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.woff2) format("woff2"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.woff) format("woff"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.ttf) format("truetype"),url(//at.alicdn.com/t/font_1312162_neqltsj20an.svg#iconfont) format("svg")}[class*=" lemon-icon-"],[class^=lemon-icon-]{font-family:lemon-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block}.lemon-icon-loading:before{content:"\E633"}.lemon-icon-prompt:before{content:"\E71B"}.lemon-icon-message:before{content:"\E84A"}.lemon-icon-emoji:before{content:"\E6F6"}.lemon-icon-attah:before{content:"\E7E1"}.lemon-icon-image:before{content:"\E7DE"}.lemon-icon-folder:before{content:"\E7D1"}.lemon-icon-people:before{content:"\E715"}.lemon-icon-group:before{content:"\E6FF"}.lemon-icon-addressbook:before{content:"\E6E2"}
\ No newline at end of file
diff --git a/examples/dist/index.html b/examples/dist/index.html
index bf7f227..77e94cb 100644
--- a/examples/dist/index.html
+++ b/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.12b9cfee.css rel=preload as=style><link href=js/chunk-vendors.e4810482.js rel=preload as=script><link href=js/index.6e3089e6.js rel=preload as=script><link href=css/index.12b9cfee.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.6e3089e6.js></script></body></html>
\ No newline at end of file
+<!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.08b1f4f3.css rel=preload as=style><link href=js/chunk-vendors.e4810482.js rel=preload as=script><link href=js/index.20b5dfe7.js rel=preload as=script><link href=css/index.08b1f4f3.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.20b5dfe7.js></script></body></html>
\ No newline at end of file
diff --git a/examples/dist/js/index.20b5dfe7.js b/examples/dist/js/index.20b5dfe7.js
new file mode 100644
index 0000000..8b5bc71
--- /dev/null
+++ b/examples/dist/js/index.20b5dfe7.js
@@ -0,0 +1 @@
+(function(t){function e(e){for(var i,s,o=e[0],c=e[1],l=e[2],m=0,d=[];m<o.length;m++)s=o[m],a[s]&&d.push(a[s][0]),a[s]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(t[i]=c[i]);u&&u(e);while(d.length)d.shift()();return r.push.apply(r,l||[]),n()}function n(){for(var t,e=0;e<r.length;e++){for(var n=r[e],i=!0,o=1;o<n.length;o++){var c=n[o];0!==a[c]&&(i=!1)}i&&(r.splice(e--,1),t=s(s.s=n[0]))}return t}var i={},a={index:0},r=[];function s(e){if(i[e])return i[e].exports;var n=i[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,s),n.l=!0,n.exports}s.m=t,s.c=i,s.d=function(t,e,n){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)s.d(n,i,function(e){return t[e]}.bind(null,i));return n},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="";var o=window["webpackJsonp"]=window["webpackJsonp"]||[],c=o.push.bind(o);o.push=e,o=o.slice();for(var l=0;l<o.length;l++)e(o[l]);var u=c;r.push([0,"chunk-vendors"]),n()})({0:function(t,e,n){t.exports=n("c31f")},"04f4":function(t,e,n){"use strict";var i=n("26f7"),a=n.n(i);a.a},"0af2":function(t,e,n){},"0e15":function(t,e,n){"use strict";var i=n("9768"),a=n.n(i);a.a},1021:function(t,e,n){},"107a":function(t,e,n){},"15cf":function(t,e,n){},1663:function(t,e,n){"use strict";var i=n("e86c"),a=n.n(i);a.a},"1e45":function(t,e,n){"use strict";var i=n("83d7"),a=n.n(i);a.a},"26f7":function(t,e,n){},3423:function(t,e,n){"use strict";var i=n("107a"),a=n.n(i);a.a},"436f":function(t,e,n){"use strict";var i=n("0af2"),a=n.n(i);a.a},"49c2":function(t,e,n){"use strict";var i=n("acce"),a=n.n(i);a.a},"4d21":function(t,e,n){"use strict";var i=n("917b"),a=n.n(i);a.a},"6a2b":function(t,e,n){},"6da9":function(t,e,n){},7802:function(t,e,n){},"820e":function(t,e,n){},"83d7":function(t,e,n){},"909e":function(t,e,n){"use strict";var i=n("1021"),a=n.n(i);a.a},"917b":function(t,e,n){},9768:function(t,e,n){},9800:function(t,e,n){},"9b01":function(t,e,n){"use strict";var i=n("6da9"),a=n.n(i);a.a},"9c9b":function(t,e,n){"use strict";var i=n("9800"),a=n.n(i);a.a},a215:function(t,e,n){},acce:function(t,e,n){},c31f:function(t,e,n){"use strict";n.r(e);n("cadf"),n("551c"),n("f751"),n("097d");var i=n("2b0e"),a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("div",{staticClass:"imui-center"},[n("lemon-imui",{ref:"IMUI",attrs:{user:t.user,"hide-menu":t.hideMenu,"hide-menu-avatar":t.hideMenuAvatar},on:{"change-menu":t.handleChangeMenu,"change-contact":t.handleChangeContact,"pull-messages":t.handlePullMessages,"message-click":t.handleMessageClick,"menu-avatar-click":t.handleMenuAvatarClick,send:t.handleSend},scopedSlots:t._u([{key:"cover",fn:function(){return[n("div",{staticClass:"cover"},[n("i",{staticClass:"lemon-icon-message"}),n("p",[n("b",[t._v("Lemon")]),t._v(" IMUI")])])]},proxy:!0},{key:"contact-title",fn:function(e){return[n("span",[t._v(t._s(e.displayName))]),n("small",{staticClass:"more",on:{click:function(n){return t.changeDrawer(e)}}},[t._v("…")])]}},{key:"message-sidebar",fn:function(){return[n("div",{staticClass:"bar"},[t._v("自定义消息顶部")])]},proxy:!0},{key:"contact-sidebar",fn:function(){return[n("div",{staticClass:"bar"},[t._v("自定义联系人顶部")])]},proxy:!0}])}),n("div",{staticClass:"action"},[n("lemon-button",{on:{click:t.appendMessage}},[t._v("发送消息")]),n("lemon-button",{on:{click:t.updateContact}},[t._v("修改联系人信息")]),n("lemon-button",{on:{click:t.changeMenuVisible}},[t._v("切换导航显示")]),n("lemon-button",{on:{click:t.changeMenuAvatarVisible}},[t._v("切换头像显示")])],1),t._m(0)],1)])},r=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"link"},[n("a",{attrs:{target:"_blank",href:"https://github.com/fanjyy/lemon-imui"}},[t._v("Github")]),n("a",{attrs:{target:"_blank",href:"https://gitee.com/june000/lemon-im"}},[t._v("Gitee")])])}],s=(n("8e6e"),n("ac6a"),n("456d"),n("2638")),o=n.n(s),c=n("bd86");n("6b54");function l(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?l(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):l(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var m,d,f,h,p,g,v,b,x,_,w=function(){return(new Date).getTime()},y=function(){return Math.random().toString(36).substr(-8)},j=function(){return Math.random().toString(36).substr(2)},C=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1?arguments[1]:void 0;return e||(e={id:"system",displayName:"系统测试",avatar:"http://upload.qqbodys.com/allimg/1710/1035512943-0.jpg"}),{id:y(),status:"succeed",type:"text",sendTime:w(),content:j(),toContactId:t,fromUser:e}},O={name:"app",data:function(){return{hideMenuAvatar:!1,hideMenu:!1,user:{id:"superadmin",displayName:"June",avatar:"https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=69e1a1a4b78f8c54e3d3c22902124ac8/060828381f30e9247e29fb7b4f086e061c95f7ef.jpg"}}},mounted:function(){var t=this.$createElement,e={id:"contact-1",displayName:"工作协作群",avatar:"http://upload.qqbodys.com/img/weixin/20170804/ji5qxg1am5ztm.jpg",type:"single",index:"A",unread:0,lastSendTime:1566047865417,lastContent:"2"},n={id:"contact-2",displayName:"自定义内容",avatar:"http://upload.qqbodys.com/img/weixin/20170807/jibfvfd00npin.jpg",type:"single",click:function(t){t()},renderContainer:function(){return t("h1",{style:"text-indent:20px"},["自定义页面"])},lastSendTime:1345209465e3,lastContent:"12312",unread:2},i={id:"contact-3",displayName:"铁牛",avatar:"http://upload.qqbodys.com/img/weixin/20170803/jiq4nzrkrnd0e.jpg",type:"many",index:"C",unread:32,lastSendTime:3,lastContent:"你好123"},a=this.$refs.IMUI,r=[u({},e),u({},n),u({},i)];a.initContacts(r),a.initMenus([{name:"lastMessages"},{name:"contacts"},{name:"custom1",title:"自定义按钮1",unread:0,render:function(e){return t("i",{class:"lemon-icon-attah"})},renderContainer:function(){return t("div",{class:"article"},[t("ul",[t("li",{class:"article-item"},[t("h2",["人民日报谈网红带货：产品真的值得买吗？"])]),t("li",{class:"article-item"},["甘肃夏河县发生5.7级地震 暂未接到人员伤亡报告"]),t("li",{class:"article-item"},["北方多地风力仍强沙尘相伴,东北内蒙古等地迎雨雪"]),t("li",{class:"article-item"},["英货车案：越南警方采集疑死者家属DNA作比对"]),t("li",{class:"article-item"},["知名连锁咖啡店的蛋糕吃出活虫 曝光内幕太震惊"])]),t("lemon-contact",o()([{},{props:{contact:e}},{style:"margin:20px"}])),t("lemon-contact",o()([{},{props:{contact:i}},{style:"margin:20px"}]))])},isBottom:!0},{name:"custom2",title:"自定义按钮2",unread:0,click:function(){alert("拦截导航点击事件")},render:function(e){return t("i",{class:"lemon-icon-group"})},isBottom:!0}]),a.initEmoji([{label:"表情",children:[{name:"1f600",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f600.png"},{name:"1f62c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f62c.png"},{name:"1f601",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f601.png"},{name:"1f602",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f602.png"},{name:"1f923",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f923.png"},{name:"1f973",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f973.png"},{name:"1f603",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f603.png"},{name:"1f604",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f604.png"},{name:"1f605",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f605.png"},{name:"1f606",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f606.png"},{name:"1f607",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f607.png"},{name:"1f609",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f609.png"},{name:"1f60a",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60a.png"},{name:"1f642",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f642.png"},{name:"1f643",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f643.png"},{name:"1263a",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/263a.png"},{name:"1f60b",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60b.png"},{name:"1f60c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60c.png"},{name:"1f60d",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60d.png"},{name:"1f970",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f970.png"},{name:"1f618",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f618.png"},{name:"1f617",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f617.png"},{name:"1f619",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f619.png"},{name:"1f61a",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61a.png"},{name:"1f61c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61c.png"},{name:"1f92a",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92a.png"},{name:"1f928",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f928.png"},{name:"1f9d0",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f9d0.png"},{name:"1f61d",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61d.png"},{name:"1f61b",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61b.png"},{name:"1f911",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f911.png"},{name:"1f913",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f913.png"},{name:"1f60e",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60e.png"},{name:"1f929",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f929.png"},{name:"1f921",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f921.png"},{name:"1f920",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f920.png"},{name:"1f917",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f917.png"},{name:"1f60f",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60f.png"},{name:"1f636",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f636.png"},{name:"1f610",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f610.png"},{name:"1f611",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f611.png"},{name:"1f612",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f612.png"},{name:"1f644",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f644.png"},{name:"1f914",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f914.png"},{name:"1f925",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f925.png"},{name:"1f92d",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92d.png"},{name:"1f92b",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92b.png"},{name:"1f92c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92c.png"},{name:"1f92f",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92f.png"},{name:"1f633",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f633.png"},{name:"1f61e",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61e.png"},{name:"1f61f",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61f.png"},{name:"1f620",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f620.png"},{name:"1f621",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f621.png"}]},{label:"收藏",children:[{name:"1f62c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f62c.png"},{name:"1f621",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f621.png"}]}])},methods:{handleMenuAvatarClick:function(){console.log("Event:menu-avatar-click")},handleMessageClick:function(t,e,n){var i=this.$refs.IMUI;"status"==e&&(i.updateMessage(n.id,n.toContactId,{status:"going",content:"正在重新发送消息..."}),setTimeout(function(){i.updateMessage(n.id,n.toContactId,{status:"succeed",content:"发送成功"})},2e3))},changeMenuAvatarVisible:function(){this.hideMenuAvatar=!this.hideMenuAvatar},changeMenuVisible:function(){this.hideMenu=!this.hideMenu},appendMessage:function(){var t=this.$refs.IMUI,e=t.currentContact,n=C();n.fromUser=u({},n.fromUser,{},this.user),t.appendMessage(n),t.updateContact(e.id,{unread:"+1",lastSendTime:w(),lastContent:t.lastContentRender(n)})},updateContact:function(){this.$refs.IMUI.updateContact("contact-3",{unread:10,displayName:j(),lastSendTime:w(),lastContent:"修改昵称为随机字母"})},changeDrawer:function(t){var e=this.$createElement;this.$refs.IMUI.changeDrawer(function(){return e("div",{class:"drawer-content"},[e("p",[e("b",["自定义抽屉"])]),e("p",[t.displayName])])})},handleChangeContact:function(t){console.log("Event:change-contact"),this.$refs.IMUI.updateContact(t.id,{unread:0}),this.$refs.IMUI.closeDrawer()},handleSend:function(t,e,n){console.log(t,e,n),setTimeout(function(){e()},1e3)},handlePullMessages:function(t,e){var n=this.$refs.IMUI,i={id:"hehe",displayName:"I KNOEW",avatar:"https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4085009425,1005454674&fm=26&gp=0.jpg"};console.log("Event:pull-messages");var a=[C(n.currentContactId,this.user),C(n.currentContactId,i),C(n.currentContactId,this.user),C(n.currentContactId,i),C(n.currentContactId,this.user),C(n.currentContactId,this.user),C(n.currentContactId,i),u({},C(n.currentContactId,this.user),{},{status:"failed"})];console.log(a);var r=!1;n.getMessages(n.currentContactId).length>20&&(r=!0),e(a,r)},handleChangeMenu:function(){console.log("Event:change-menu")},openCustomContainer:function(){}}},M=O,k=(n("9c9b"),n("2877")),S=Object(k["a"])(M,a,r,!1,null,null,null),I=S.exports,$=(n("7f7f"),{name:"LemonTabs",props:{activeIndex:String},data:function(){return{active:this.activeIndex}},mounted:function(){this.active||(this.active=this.$slots["tab-pane"][0].data.attrs.index)},render:function(){var t=this,e=arguments[0],n=[],i=[];return this.$slots["tab-pane"].map(function(a){var r=a.data.attrs,s=r.tab,o=r.index;n.push(e("div",{class:"lemon-tabs-content__pane",directives:[{name:"show",value:t.active==o}]},[a])),i.push(e("div",{class:["lemon-tabs-nav__item",t.active==o&&"lemon-tabs-nav__item--active"],on:{click:function(){return t._handleNavClick(o)}}},[s]))}),e("div",{class:"lemon-tabs"},[e("div",{class:"lemon-tabs-content"},[n]),e("div",{class:"lemon-tabs-nav"},[i])])},methods:{_handleNavClick:function(t){this.active=t}}}),D=$,E=(n("3423"),Object(k["a"])(D,m,d,!1,null,null,null)),P=E.exports,T=(n("96cf"),n("3b8d")),L=(n("6762"),n("2fdb"),[]),F=function(){return L.forEach(function(t){return t()})},R={hover:function(t){},focus:function(t){var e=this;t.addEventListener("focus",function(t){e.changeVisible()}),t.addEventListener("blur",function(t){e.changeVisible()})},click:function(t){var e=this;t.addEventListener("click",function(t){t.stopPropagation(),e.changeVisible()})},contextmenu:function(t){var e=this;t.addEventListener("contextmenu",function(t){t.preventDefault(),e.changeVisible()})}},U={name:"LemonPopover",props:{trigger:{type:String,default:"click",validator:function(t){return Object.keys(R).includes(t)}}},data:function(){return{popoverStyle:{},visible:!1}},created:function(){document.addEventListener("click",this._documentClickEvent),L.push(this.close)},mounted:function(){R[this.trigger].call(this,this.$slots.default[0].elm)},render:function(){var t=arguments[0];return t("span",{style:"position:relative"},[t("transition",{attrs:{name:"slide-top"}},[this.visible&&t("div",{class:"lemon-popover",ref:"popover",style:this.popoverStyle,on:{click:function(t){return t.stopPropagation()}}},[t("div",{class:"lemon-popover__title"}),t("div",{class:"lemon-popover__content"},[this.$slots.content]),t("div",{class:"lemon-popover__arrow"})])]),this.$slots.default])},destroyed:function(){document.removeEventListener("click",this._documentClickEvent)},computed:{},watch:{visible:function(){var t=Object(T["a"])(regeneratorRuntime.mark(function t(e){var n,i;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:if(!e){t.next=6;break}return t.next=3,this.$nextTick();case 3:n=this.$slots.default[0].elm,i=this.$refs.popover,this.popoverStyle={top:"-".concat(i.offsetHeight+10,"px"),left:"".concat(n.offsetWidth/2-i.offsetWidth/2,"px")};case 6:case"end":return t.stop()}},t,this)}));function e(e){return t.apply(this,arguments)}return e}()},methods:{_documentClickEvent:function(t){t.stopPropagation(),this.visible&&this.close()},changeVisible:function(){this.visible?this.close():this.open()},open:function(){F(),this.visible=!0},close:function(){this.visible=!1}}},B=U,A=(n("0e15"),Object(k["a"])(B,f,h,!1,null,null,null)),N=A.exports,V={name:"LemonButton",props:{disabled:Boolean},render:function(){var t=arguments[0];return t("button",{class:"lemon-button",attrs:{disabled:this.disabled,type:"button"},on:{click:this._handleClick}},[this.$slots.default])},methods:{_handleClick:function(t){this.$emit("click",t)}}},H=V,z=(n("1e45"),Object(k["a"])(H,p,g,!1,null,null,null)),q=z.exports,K=(n("c5f6"),{name:"LemonBadge",props:{count:[Number,Boolean],overflowCount:{type:Number,default:99}},render:function(){var t=arguments[0];return t("span",{class:"lemon-badge"},[this.$slots.default,0!==this.count&&void 0!==this.count&&t("span",{class:["lemon-badge__label",this.isDot&&"lemon-badge__label--dot"]},[this.label])])},computed:{isDot:function(){return!0===this.count},label:function(){return this.isDot?"":this.count>this.overflowCount?"".concat(this.overflowCount,"+"):this.count}},methods:{}}),W=K,G=(n("dbdc"),Object(k["a"])(W,v,b,!1,null,null,null)),Y=G.exports,J={name:"LemonAvatar",props:{src:String,icon:{type:String,default:"lemon-icon-people"},size:{type:Number,default:32}},data:function(){return{imageFinishLoad:!0}},render:function(){var t=this,e=arguments[0];return e("span",{style:this.style,class:"lemon-avatar",on:{click:function(e){return t.$emit("click",e)}}},[this.imageFinishLoad&&e("i",{class:this.icon}),e("img",{attrs:{src:this.src},on:{load:this._handleLoad}})])},computed:{style:function(){var t="".concat(this.size,"px");return{width:t,height:t,lineHeight:t,fontSize:"".concat(this.size/2,"px")}}},methods:{_handleLoad:function(){this.imageFinishLoad=!1}}},Q=J,Z=(n("04f4"),Object(k["a"])(Q,x,_,!1,null,null,null)),X=Z.exports;n("3b2b"),n("8615");function tt(t){return"[object Object]"===Object.prototype.toString.call(t)}function et(t){return"string"==typeof t}function nt(t){return(new Date).getTime()-t<864e5}function it(t){return!t||(!(!Array.isArray(t)||0!=t.length)||!(!tt(t)||0!=Object.values(t).length))}function at(t){return t&&"function"===typeof t}n("a481");function rt(t,e,n){return t?t(n):e}function st(t){return t<10?"0".concat(t):t}function ot(t){var e,n=new Date(t),i=new Date,a=function(t){return t.getFullYear()},r=function(t){return"".concat(t.getMonth()+1,"-").concat(t.getDate())},s=a(n),o=a(i);return e=s!==o?"y年m月d日 h:i":"".concat(s,"-").concat(r(n))==="".concat(o,"-").concat(r(i))?"h:i":"m月d日 h:i",ct(t,e)}function ct(t,e){e||(e="y-m-d h:i:s"),t=t?new Date(t):new Date;for(var n=[t.getFullYear().toString(),st((t.getMonth()+1).toString()),st(t.getDate().toString()),st(t.getHours().toString()),st(t.getMinutes().toString()),st(t.getSeconds().toString())],i="ymdhis",a=0;a<n.length;a++)e=e.replace(i.charAt(a),n[a]);return e}function lt(t,e){at(t)?t(function(){e()}):e()}function ut(t){return t.replace(/<img emoji-name=\"([^\"]*?)\" [^>]*>/gi,"[!$1]")}function mt(t){if(null==t||""==t)return"0 Bytes";var e=["B","K","M","G","T","P","E","Z","Y"],n=0,i=parseFloat(t);n=Math.floor(Math.log(i)/Math.log(1024));var a=i/Math.pow(1024,n);return a=parseFloat(a.toFixed(2)),a+e[n]}function dt(){var t=(new Date).getTime();window.performance&&"function"===typeof window.performance.now&&(t+=performance.now());var e="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var n=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"==e?n:3&n|8).toString(16)});return e}var ft,ht,pt,gt,vt,bt,xt,_t,wt,yt={name:"LemonContact",components:{},data:function(){return{}},props:{contact:Object,simple:Boolean,timeFormat:{type:Function,default:function(t){return ct(t,nt(t)?"h:i":"y/m/d")}}},render:function(){var t=this,e=arguments[0],n=this.contact;return e("div",{class:["lemon-contact",{"lemon-contact--name-center":this.simple}],on:{click:function(e){return t._handleClick(e,n)}}},[e("lemon-badge",{attrs:{count:this.simple?0:n.unread,"native-on-click":function(e){return t._handleBubbleClick(e,n)}},class:"lemon-contact__avatar"},[e("lemon-avatar",{attrs:{size:40,"native-on-click":function(e){return t._handleAvatarClick(e,n)},src:n.avatar}})]),e("div",{class:"lemon-contact__inner"},[e("p",{class:"lemon-contact__label"},[e("span",{class:"lemon-contact__name"},[n.displayName]),!this.simple&&e("span",{class:"lemon-contact__time"},[this.timeFormat(n.lastSendTime)])]),!this.simple&&e("p",{class:"lemon-contact__content"},[et(n.lastContent)?e("span",o()([{},{domProps:{innerHTML:n.lastContent}}])):n.lastContent])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_handleClick:function(t,e){this.$emit("click",e)},_handleAvatarClick:function(t,e){t.stopPropagation(),this.$emit("avatar-click",e)},_handleBubbleClick:function(t,e){t.stopPropagation(),this.$emit("bubble-click",e)}}},jt=yt,Ct=(n("909e"),Object(k["a"])(jt,ft,ht,!1,null,null,null)),Ot=Ct.exports,Mt=(n("5df3"),n("1c4c"),function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"insertHTML";document.execCommand(e,!1,t)}),kt=window.getSelection(),St=[],It={name:"LemonEditor",components:{},props:{},data:function(){return{submitDisabled:!0,accept:""}},created:function(){},mounted:function(){},computed:{},watch:{},render:function(){var t=this,e=arguments[0];return e("div",{class:"lemon-editor"},[e("input",{style:"display:none",attrs:{type:"file",multiple:"multiple",accept:this.accept},ref:"fileInput",on:{change:this._handleChangeFile}}),e("div",{class:"lemon-editor__tool"},[St.length>0&&e("lemon-popover",{class:"lemon-editor__emoji"},[e("template",{slot:"content"},[this._renderEmojiTabs()]),e("div",{class:"lemon-editor__tool-item"},[e("i",{class:"lemon-icon-emoji"})])]),e("div",{class:"lemon-editor__tool-item",on:{click:function(){return t._handleSelectFile("*")}}},[e("i",{class:"lemon-icon-folder"})]),e("div",{class:"lemon-editor__tool-item",on:{click:function(){return t._handleSelectFile("image/*")}}},[e("i",{class:"lemon-icon-image"})])]),e("div",{class:"lemon-editor__inner"},[e("div",{class:"lemon-editor__input",ref:"textarea",attrs:{contenteditable:"true",spellcheck:"false"},on:{keyup:this._handleKeyup,keydown:this._handleKeydown,paste:this._handlePaste,click:this._handleClick,input:this._handleInput}})]),e("div",{class:"lemon-editor__footer"},[e("div",{class:"lemon-editor__tip"},["使用 ctrl + enter 快捷发送消息"]),e("div",{class:"lemon-editor__submit"},[e("lemon-button",{attrs:{disabled:this.submitDisabled},on:{click:this._handleSend}},["发 送"])])])])},methods:{_saveLastRange:function(){pt=kt.getRangeAt(0)},_focusLastRange:function(){this.$refs.textarea.focus(),pt&&(kt.removeAllRanges(),kt.addRange(pt))},_handleClick:function(){this._saveLastRange()},_handleInput:function(){this._checkSubmitDisabled()},_renderEmojiTabs:function(){var t=this,e=this.$createElement,n=function(n){return n.map(function(n){return e("img",{attrs:{src:n.src,title:n.title},class:"lemon-editor__emoji-item",on:{click:function(){return t._handleSelectEmoji(n)}}})})};if(St[0].label){var i=St.map(function(t,i){return e("div",{slot:"tab-pane",attrs:{index:i,tab:t.label}},[n(t.children)])});return e("lemon-tabs",{style:"width: 412px"},[i])}return e("div",{class:"lemon-tabs-content",style:"width:406px"},[n(St)])},_handleSelectEmoji:function(t){this._focusLastRange(),Mt('<img emoji-name="'.concat(t.name,'" src="').concat(t.src,'"></img>')),this._saveLastRange()},_handleSelectFile:function(){var t=Object(T["a"])(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return this.accept=e,t.next=3,this.$nextTick();case 3:this.$refs.fileInput.click();case 4:case"end":return t.stop()}},t,this)}));function e(e){return t.apply(this,arguments)}return e}(),_handlePaste:function(t){t.preventDefault();var e=t.clipboardData,n=e.getData("text");Mt(n,"insertText")},_handleKeyup:function(t){this._saveLastRange()},_handleKeydown:function(t){t.keyCode},getFormatValue:function(){return ut(this.$refs.textarea.innerHTML.replace(/<br>|<\/br>/,"").replace(/<div>|<p>/g,"\r\n").replace(/<\/div>|<\/p>/g,""))},_checkSubmitDisabled:function(){this.submitDisabled=!this.$refs.textarea.innerHTML.trim()},_handleSend:function(t){var e=this.getFormatValue();this.$emit("send",e),this.clear(),this._checkSubmitDisabled()},_handleChangeFile:function(t){var e=this,n=this.$refs.fileInput;Array.from(n.files).forEach(function(t){e.$emit("upload",t)}),n.value=""},clear:function(){this.$refs.textarea.innerHTML=""},initEmoji:function(t){St=t,this.$forceUpdate()}}},$t=It,Dt=(n("49c2"),Object(k["a"])($t,gt,vt,!1,null,null,null)),Et=Dt.exports,Pt={name:"LemonMessages",components:{},props:{reverseUserId:String,timeRange:{type:Number,default:1},timeFormat:{type:Function,default:function(t){return ot(t)}},messages:{type:Array,default:function(){return[]}}},data:function(){return{_loading:!1,_loadend:!1}},render:function(){var t=this,e=arguments[0];return e("div",{class:"lemon-messages",ref:"wrap",on:{scroll:this._handleScroll}},[e("div",{class:["lemon-messages__load","lemon-messages__load--".concat(this._loadend?"end":"ing")]},[this._loadend?this._renderLoadEnd():this._renderLoading()]),this.messages.map(function(n,i){var a=[],r="lemon-message-".concat(n.type),s=t.messages[i-1];return s&&t.msecRange&&n.sendTime-s.sendTime>t.msecRange&&a.push(e("lemon-message-event",o()([{},{attrs:{message:{id:"__time__",type:"event",content:t.timeFormat(n.sendTime)}}}]))),a.push(e(r,o()([{ref:"message",refInFor:!0},{attrs:{timeFormat:t.msecRange>0?function(){}:t.timeFormat,message:n,reverse:t.reverseUserId==n.fromUser.id,hiddenTitle:!1}}]))),a})])},computed:{msecRange:function(){return 1e3*this.timeRange*60}},watch:{},methods:{_renderLoading:function(){var t=this.$createElement;return t("i",{class:"lemon-icon-loading lemonani-spin"})},_renderLoadEnd:function(){var t=this.$createElement;return t("span",["暂无更多消息"])},loaded:function(){this._loadend=!0},resetLoadState:function(){this._loading=!1,this._loadend=!1},_handleScroll:function(){var t=Object(T["a"])(regeneratorRuntime.mark(function t(e){var n,i,a=this;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:if(n=e.target,0!=n.scrollTop||0!=this._loading||0!=this._loadend){t.next=7;break}return this._loading=!0,t.next=5,this.$nextTick();case 5:i=n.scrollHeight,this.$emit("reach-top",function(){var t=Object(T["a"])(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,a.$nextTick();case 2:n.scrollTop=n.scrollHeight-i,a._loading=!1,a._loadend=!!e;case 5:case"end":return t.stop()}},t)}));return function(e){return t.apply(this,arguments)}}());case 7:case"end":return t.stop()}},t,this)}));function e(e){return t.apply(this,arguments)}return e}(),scrollToBottom:function(){var t=Object(T["a"])(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,this.$nextTick();case 2:e=this.$refs.wrap,e&&(e.scrollTop=e.scrollHeight);case 4:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}()},created:function(){},mounted:function(){}},Tt=Pt,Lt=(n("436f"),Object(k["a"])(Tt,bt,xt,!1,null,null,null)),Ft=Lt.exports,Rt={name:"lemonMessageBasic",inject:["IMUI"],props:{message:{type:Object,default:function(){return{}}},timeFormat:{type:Function,default:function(){return""}},reverse:Boolean,hiddenTitle:Boolean},data:function(){return{}},render:function(){var t=this,e=arguments[0],n=this.message,i=n.fromUser,a=n.status,r=n.sendTime;return e("div",{class:["lemon-message",{"lemon-message--reverse":this.reverse,"lemon-message--hidden-title":this.hiddenTitle}]},[e("div",{class:"lemon-message__avatar"},[e("lemon-avatar",{attrs:{size:36,shape:"square",src:i.avatar},on:{click:function(e){t._emitClick(e,"avatar")}}})]),e("div",{class:"lemon-message__inner"},[e("div",{class:"lemon-message__title"},[e("span",{on:{click:function(e){t._emitClick(e,"displayName")}}},[i.displayName]),e("span",{class:"lemon-message__time"},[this.timeFormat(r)])]),e("div",{class:"lemon-message__content",on:{click:function(e){t._emitClick(e,"content")}}},[this.useScopedSlots("content",this.message)]),e("div",{class:"lemon-message__status",on:{click:function(e){t._emitClick(e,"status")}}},[this._renderStatue(a)])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_emitClick:function(t,e){this.IMUI.$emit("message-click",t,e,this.message)},_renderStatue:function(t){var e=this.$createElement;return"going"==t?e("i",{class:"lemon-icon-loading lemonani-spin"}):"failed"==t?e("i",{class:"lemon-icon-prompt",attrs:{title:"重发消息"},style:{color:"#ff2525",cursor:"pointer"}}):void 0},useScopedSlots:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this;return i.$scopedSlots[t]?i.$scopedSlots[t](e):n}}},Ut=Rt,Bt=(n("fbd1"),Object(k["a"])(Ut,_t,wt,!1,null,null,null)),At=Bt.exports;function Nt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function Vt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nt(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Ht,zt,qt={name:"lemonMessageText",inheritAttrs:!1,inject:["IMUI"],render:function(){var t=this,e=arguments[0];return e("lemon-message-basic",o()([{class:"lemon-message-text"},{props:Vt({},this.$attrs)},{scopedSlots:{content:function(n){var i=t.IMUI.replaceEmojiName(n.content);return e("span",o()([{},{domProps:{innerHTML:i}}]))}}}]))}},Kt=qt,Wt=(n("1663"),Object(k["a"])(Kt,Ht,zt,!1,null,null,null)),Gt=Wt.exports;function Yt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function Jt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yt(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Qt,Zt,Xt={name:"lemonMessageImage",inheritAttrs:!1,render:function(){var t=arguments[0];return t("lemon-message-basic",o()([{class:"lemon-message-image"},{props:Jt({},this.$attrs)},{scopedSlots:{content:function(e){return t("img",{attrs:{src:e.content}})}}}]))}},te=Xt,ee=(n("4d21"),Object(k["a"])(te,Qt,Zt,!1,null,null,null)),ne=ee.exports;function ie(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function ae(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ie(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ie(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var re,se,oe,ce,le={name:"lemonMessageFile",inheritAttrs:!1,render:function(){var t=arguments[0];return t("lemon-message-basic",o()([{class:"lemon-message-file"},{props:ae({},this.$attrs)},{scopedSlots:{content:function(e){return[t("div",{class:"lemon-message-file__inner"},[t("p",{class:"lemon-message-file__name"},[e.fileName]),t("p",{class:"lemon-message-file__byte"},[mt(e.fileSize)])]),t("div",{class:"lemon-message-file__sfx"},[t("i",{class:"lemon-icon-attah"})])]}}}]))}},ue=le,me=(n("cfab"),Object(k["a"])(ue,re,se,!1,null,null,null)),de=me.exports,fe={name:"lemonMessageEvent",inheritAttrs:!1,render:function(){var t=arguments[0],e=this.$attrs.message.content;return t("div",{class:"lemon-message lemon-message-event"},[t("span",{class:"lemon-message-event__content"},[e])])}},he=fe,pe=(n("ed4b"),Object(k["a"])(he,oe,ce,!1,null,null,null)),ge=pe.exports,ve=(n("20d6"),n("75fc")),be=(n("f559"),n("55dd"),n("7514"),"lastMessages"),xe="contacts",_e=[be,xe],we={voice:function(t){return"[语音]"},file:function(t){return"[文件]"},video:function(t){return"[视频]"},image:function(t){return"[图片]"},text:function(t){return this.replaceEmojiName(t.content)}},ye=n("d225"),je=n("b0b4"),Ce=function(){function t(){Object(ye["a"])(this,t),this.table={}}return Object(je["a"])(t,[{key:"get",value:function(t){return t?this.table[t]:this.table}},{key:"set",value:function(t,e){this.table[t]=e}},{key:"remove",value:function(t){t?delete this.table[t]:this.table={}}},{key:"has",value:function(t){return!!this.table[t]}}]),t}();function Oe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function Me(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Oe(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Oe(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var ke,Se,Ie=new Ce,$e=new Ce,De=new Ce,Ee={},Pe={},Te=function(){},Le={name:"LemonImui",provide:function(){return{IMUI:this}},props:{messageTimeFormat:Function,contactTimeFormat:Function,hideDrawer:{type:Boolean,default:!0},hideMenuAvatar:Boolean,hideMenu:Boolean,user:{type:Object,default:function(){return{}}}},data:function(){return{drawerVisible:!this.hideDrawer,currentContactId:"",activeSidebar:be,contacts:[],menus:[]}},render:function(){return this._renderWrapper([this._renderMenu(),this._renderSidebarMessage(),this._renderSidebarContact(),this._renderContainer(),this._renderDrawer()])},created:function(){this.initMenus()},mounted:function(){var t=Object(T["a"])(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,this.$nextTick();case 2:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}(),computed:{currentMessages:function(){return Ee[this.currentContactId]||[]},currentContact:function(){var t=this;return this.contacts.find(function(e){return e.id==t.currentContactId})||{}},currentMenu:function(){var t=this;return this.menus.find(function(e){return e.name==t.activeSidebar})||{}},currentIsDefSidebar:function(){return _e.includes(this.activeSidebar)},lastMessages:function(){var t=this.contacts.filter(function(t){return!it(t.lastContent)});return t.sort(function(t,e){return e.lastSendTime-t.lastSendTime}),t}},watch:{activeSidebar:function(){}},methods:{_menuIsContacts:function(){return this.activeSidebar==xe},_menuIsMessages:function(){return this.activeSidebar==be},_createMessage:function(t){return Me({},{id:dt(),type:"text",status:"going",sendTime:(new Date).getTime(),toContactId:this.currentContactId,fromUser:Me({},this.user)},{},t)},appendMessage:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.currentContactId;this._addMessage(t,e,1),this.messageViewToBottom()},_emitSend:function(t,e,n){var i=this;this.$emit("send",t,function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{status:"succeed"};e(),t=Object.assign(t,n),i.forceUpdateMessage(t.id)},n)},_handleSend:function(t){var e=this,n=this._createMessage({content:t});this.appendMessage(n),this._emitSend(n,function(){e.updateContact(n.toContactId,{lastContent:e.lastContentRender(n),lastSendTime:n.sendTime})})},_handleUpload:function(t){var e,n=this,i=["image/gif","image/jpeg","image/png"];e=i.includes(t.type)?{type:"image",content:URL.createObjectURL(t)}:{type:"file",fileSize:t.size,fileName:t.name,content:""};var a=this._createMessage(e);this.appendMessage(a),this._emitSend(a,function(){n.updateContact(a.toContactId,{lastContent:n.lastContentRender(a),lastSendTime:a.sendTime})},t)},_emitPullMessages:function(t){var e=this;this.$emit("pull-messages",this.currentContact,function(n){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e._addMessage(n,e.currentContactId,0),De.set(e.currentContactId,i),1==i&&e.$refs.messages.loaded(),t(i)})},clearCacheContainer:function(t){Ie.remove(t),$e.remove(t)},_renderWrapper:function(t){var e=this.$createElement;return e("div",{class:["lemon-wrapper",this.drawerVisible&&"lemon-wrapper--drawer-show"]},[t])},_renderMenu:function(){var t=this,e=this.$createElement,n=this._renderMenuItem();return e("div",{class:"lemon-menu",directives:[{name:"show",value:!this.hideMenu}]},[e("lemon-avatar",{directives:[{name:"show",value:!this.hideMenuAvatar}],on:{click:function(e){t.$emit("menu-avatar-click",e)}},class:"lemon-menu__avatar",attrs:{src:this.user.avatar}}),n.top,this.$slots.menu,e("div",{class:"lemon-menu__bottom"},[this.$slots["menu-bottom"],n.bottom])])},_renderMenuAvatar:function(){},_renderMenuItem:function(){var t=this,e=this.$createElement,n=[],i=[];return this.menus.forEach(function(a){var r=a.name,s=a.title,o=a.unread,c=a.render,l=a.click,u=e("div",{class:["lemon-menu__item",{"lemon-menu__item--active":t.activeSidebar==r}],on:{click:function(){lt(l,function(){r&&t.changeMenu(r)})}},attrs:{title:s}},[e("lemon-badge",{attrs:{count:o}},[c(a)])]);!0===a.isBottom?i.push(u):n.push(u)}),{top:n,bottom:i}},_renderSidebarMessage:function(){var t=this;return this._renderSidebar([rt(this.$scopedSlots["message-sidebar"]),this.lastMessages.map(function(e){return t._renderContact({contact:e,timeFormat:t.contactTimeFormat},function(){return t.changeContact(e.id)})})],be)},_renderContact:function(t,e){var n=this,i=this.$createElement,a=t.contact,r=a.click,s=a.renderContainer,c=a.id,l=function(){lt(r,function(){e(),n._customContainerReady(s,Ie,c)})};return i("lemon-contact",o()([{class:{"lemon-contact--active":this.currentContactId==t.contact.id}},{props:t},{on:{click:l}}]))},_renderSidebarContact:function(){var t,e=this,n=this.$createElement;return this._renderSidebar([rt(this.$scopedSlots["contact-sidebar"]),this.contacts.map(function(i){if(i.index){i.index=i.index.replace(/\[[0-9]*\]/,"");var a=[i.index!==t&&n("p",{class:"lemon-sidebar__label"},[i.index]),e._renderContact({contact:i,simple:!0},function(){return e.changeContact(i.id)})];return t=i.index,a}})],xe)},_renderSidebar:function(t,e){var n=this.$createElement;return n("div",{class:"lemon-sidebar",directives:[{name:"show",value:this.activeSidebar==e}]},[t])},_renderDrawer:function(){var t=this.$createElement;return this._menuIsMessages()&&this.currentContactId?t("div",{class:"lemon-drawer"},[Te(),rt(this.$scopedSlots.drawer,"",this.currentContact)]):""},_isContactContainerCache:function(t){return t.startsWith("contact#")},_renderContainer:function(){var t=this,e=this.$createElement,n=[],i="lemon-container",a=this.currentContact,r=!0;for(var s in Ie.get()){var o=a.id==s&&this.currentIsDefSidebar;r=!o,n.push(e("div",{class:i,directives:[{name:"show",value:o}]},[Ie.get(s)]))}for(var c in $e.get())n.push(e("div",{class:i,directives:[{name:"show",value:this.activeSidebar==c&&!this.currentIsDefSidebar}]},[$e.get(c)]));return n.push(e("div",{class:i,directives:[{name:"show",value:this._menuIsMessages()&&r&&a.id}]},[e("div",{class:"lemon-container__title"},[e("div",{class:"lemon-container__displayname"},[rt(this.$scopedSlots["contact-title"],a.displayName,a)])]),e("lemon-messages",{ref:"messages",attrs:{"time-format":this.messageTimeFormat,"reverse-user-id":this.user.id,messages:this.currentMessages},on:{"reach-top":this._emitPullMessages}}),e("lemon-editor",{ref:"editor",on:{send:this._handleSend,upload:this._handleUpload}})])),n.push(e("div",{class:i,directives:[{name:"show",value:!a.id&&this.currentIsDefSidebar}]},[this.$slots.cover])),n.push(e("div",{class:i,directives:[{name:"show",value:this._menuIsContacts()&&r&&a.id}]},[rt(this.$scopedSlots["contact-info"],e("div",{class:"lemon-contact-info"},[e("lemon-avatar",{attrs:{src:a.avatar,size:90}}),e("h4",[a.displayName]),e("lemon-button",{on:{click:function(){t.changeContact(a.id,be)}}},["发送消息"])]),a)])),n},_addContact:function(t,e){var n={0:"unshift",1:"push"}[e];this.contacts[n](t)},_addMessage:function(t,e,n){var i,a={0:"unshift",1:"push"}[n];Array.isArray(t)||(t=[t]),Ee[e]=Ee[e]||[],(i=Ee[e])[a].apply(i,Object(ve["a"])(t)),this.forceUpdateMessage()},setLastContentRender:function(t,e){we[t]=e},lastContentRender:function(t){return we[t.type].call(this,t)},replaceEmojiName:function(t){return t.replace(/\[!(\w+)\]/gi,function(t,e){var n=e;return Pe[n]?'<img src="'.concat(Pe[n],'" />'):"[!".concat(e,"]")})},messageViewToBottom:function(){this.$refs.messages.scrollToBottom()},changeContact:function(t,e){var n=this;this.currentContactId==t&&(this.currentContactId=void 0),e&&this.changeMenu(e),this.currentContactId=t,this.$emit("change-contact",this.currentContact),at(this.currentContact.renderContainer)||this._menuIsMessages()&&(De.has(t)||this.$refs.messages.resetLoadState(),Ee[t]?setTimeout(function(){n.messageViewToBottom()},0):this._emitPullMessages(function(t){return n.messageViewToBottom()}))},removeMessage:function(t,e){var n=this.findMessageIndexById(t,e);-1!==n&&(Ee[e].splice(n,1),this.forceUpdateMessage())},updateMessage:function(t,e,n){var i=this.findMessageIndexById(t,e);-1!==i&&(Ee[e][i]=Object.assign(Ee[e][i],n),console.log("--------",Ee[e][i]),this.forceUpdateMessage(t))},forceUpdateMessage:function(t){if(t){var e=this.$refs.messages.$refs.message;if(e){var n=e.find(function(e){return e.$attrs.message.id==t});n&&n.$forceUpdate()}}else this.$refs.messages.$forceUpdate()},_customContainerReady:function(t,e,n){at(t)&&!e.has(n)&&e.set(n,t.call(this))},changeMenu:function(t){this.$emit("change-menu",t),this.activeSidebar=t},initEmoji:function(t){this.$refs.editor.initEmoji(t),t[0].label&&(t=t.flatMap(function(t){return t.children})),t.forEach(function(t){var e=t.name,n=t.src;return Pe[e]=n})},initMenus:function(t){var e=this,n=this.$createElement,i=[{name:be,title:"聊天",unread:0,click:null,render:function(t){return n("i",{class:"lemon-icon-message"})},isBottom:!1},{name:xe,title:"通讯录",unread:0,click:null,render:function(t){return n("i",{class:"lemon-icon-addressbook"})},isBottom:!1}],a=[];if(Array.isArray(t)){var r={lastMessages:0,contacts:1},s=Object.keys(r);a=t.map(function(t){return s.includes(t.name)?Me({},i[r[t.name]],{},t,{},{renderContainer:null}):(t.renderContainer&&e._customContainerReady(t.renderContainer,$e,t.name),t)})}else a=i;this.menus=a},initContacts:function(t){var e;(e=this.contacts).push.apply(e,Object(ve["a"])(t)),this.sortContacts()},sortContacts:function(){this.contacts.sort(function(t,e){if(t.index)return t.index.localeCompare(e.index)})},updateContact:function(t,e){delete e.id,delete e.toContactId;var n=this.findContactIndexById(t);if(-1!==n){var i=e.unread;et(i)&&(0!==i.indexOf("+")&&0!==i.indexOf("-")||(e.unread=parseInt(i)+parseInt(this.contacts[n].unread))),this.$set(this.contacts,n,Me({},this.contacts[n],{},e))}},findContactIndexById:function(t){return this.contacts.findIndex(function(e){return e.id==t})},findMessageIndexById:function(t,e){var n=Ee[e];return it(n)?-1:n.findIndex(function(e){return e.id==t})},findMessageById:function(t,e){var n=this.findMessageIndexById(t,e);if(-1!==n)return Ee[e][n]},getContacts:function(){return this.contacts},getMessages:function(t){return(t?Ee[t]:Ee)||[]},openrenderContainer:function(t){},changeDrawer:function(t){this.drawerVisible=!this.drawerVisible,1==this.drawerVisible&&this.openDrawer(t)},openDrawer:function(t){Te=t||new Function,this.drawerVisible=!0},closeDrawer:function(){this.drawerVisible=!1}}},Fe=Le,Re=(n("9b01"),Object(k["a"])(Fe,ke,Se,!1,null,null,null)),Ue=Re.exports,Be=(n("6a2b"),"0.1"),Ae=[Ue,Ot,Ft,Et,X,Y,q,N,P,At,Gt,ne,de,ge],Ne=function(t){arguments.length>1&&void 0!==arguments[1]&&arguments[1];Ae.forEach(function(e){t.component(e.name,e)})};"undefined"!==typeof window&&window.Vue&&Ne(window.Vue);var Ve={version:Be,install:Ne};i["a"].use(Ve),i["a"].config.productionTip=!1,new i["a"]({render:function(t){return t(I)}}).$mount("#app")},cfab:function(t,e,n){"use strict";var i=n("15cf"),a=n.n(i);a.a},dbdc:function(t,e,n){"use strict";var i=n("7802"),a=n.n(i);a.a},e86c:function(t,e,n){},ed4b:function(t,e,n){"use strict";var i=n("a215"),a=n.n(i);a.a},fbd1:function(t,e,n){"use strict";var i=n("820e"),a=n.n(i);a.a}});
\ No newline at end of file
diff --git a/examples/dist/js/index.6e3089e6.js b/examples/dist/js/index.6e3089e6.js
deleted file mode 100644
index 7198a92..0000000
--- a/examples/dist/js/index.6e3089e6.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(t){function e(e){for(var i,s,o=e[0],c=e[1],l=e[2],m=0,d=[];m<o.length;m++)s=o[m],a[s]&&d.push(a[s][0]),a[s]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(t[i]=c[i]);u&&u(e);while(d.length)d.shift()();return r.push.apply(r,l||[]),n()}function n(){for(var t,e=0;e<r.length;e++){for(var n=r[e],i=!0,o=1;o<n.length;o++){var c=n[o];0!==a[c]&&(i=!1)}i&&(r.splice(e--,1),t=s(s.s=n[0]))}return t}var i={},a={index:0},r=[];function s(e){if(i[e])return i[e].exports;var n=i[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,s),n.l=!0,n.exports}s.m=t,s.c=i,s.d=function(t,e,n){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)s.d(n,i,function(e){return t[e]}.bind(null,i));return n},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="";var o=window["webpackJsonp"]=window["webpackJsonp"]||[],c=o.push.bind(o);o.push=e,o=o.slice();for(var l=0;l<o.length;l++)e(o[l]);var u=c;r.push([0,"chunk-vendors"]),n()})({0:function(t,e,n){t.exports=n("c31f")},"04f4":function(t,e,n){"use strict";var i=n("26f7"),a=n.n(i);a.a},"0af2":function(t,e,n){},"0e15":function(t,e,n){"use strict";var i=n("9768"),a=n.n(i);a.a},1021:function(t,e,n){},"107a":function(t,e,n){},"15cf":function(t,e,n){},1663:function(t,e,n){"use strict";var i=n("e86c"),a=n.n(i);a.a},"1e45":function(t,e,n){"use strict";var i=n("83d7"),a=n.n(i);a.a},"26f7":function(t,e,n){},3423:function(t,e,n){"use strict";var i=n("107a"),a=n.n(i);a.a},"436f":function(t,e,n){"use strict";var i=n("0af2"),a=n.n(i);a.a},"49c2":function(t,e,n){"use strict";var i=n("acce"),a=n.n(i);a.a},"4d21":function(t,e,n){"use strict";var i=n("917b"),a=n.n(i);a.a},"6a2b":function(t,e,n){},"6da9":function(t,e,n){},7802:function(t,e,n){},"820e":function(t,e,n){},"83d7":function(t,e,n){},"909e":function(t,e,n){"use strict";var i=n("1021"),a=n.n(i);a.a},"917b":function(t,e,n){},9768:function(t,e,n){},9800:function(t,e,n){},"9b01":function(t,e,n){"use strict";var i=n("6da9"),a=n.n(i);a.a},"9c9b":function(t,e,n){"use strict";var i=n("9800"),a=n.n(i);a.a},a215:function(t,e,n){},acce:function(t,e,n){},c31f:function(t,e,n){"use strict";n.r(e);n("cadf"),n("551c"),n("f751"),n("097d");var i=n("2b0e"),a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("div",{staticClass:"imui-center"},[n("lemon-imui",{ref:"IMUI",attrs:{user:t.user,"hide-menu":t.hideMenu,"hide-menu-avatar":t.hideMenuAvatar},on:{"change-menu":t.handleChangeMenu,"change-contact":t.handleChangeContact,"pull-messages":t.handlePullMessages,"message-click":t.handleMessageClick,"menu-avatar-click":t.handleMenuAvatarClick,send:t.handleSend},scopedSlots:t._u([{key:"cover",fn:function(){return[n("div",{staticClass:"cover"},[n("i",{staticClass:"lemon-icon-message"}),n("p",[n("b",[t._v("Lemon")]),t._v(" IMUI")])])]},proxy:!0},{key:"contact-title",fn:function(e){return[n("span",[t._v(t._s(e.displayName))]),n("small",{staticClass:"more",on:{click:function(n){return t.changeDrawer(e)}}},[t._v("…")])]}},{key:"message-sidebar",fn:function(){return[n("div",{staticClass:"bar"},[t._v("自定义消息顶部")])]},proxy:!0},{key:"contact-sidebar",fn:function(){return[n("div",{staticClass:"bar"},[t._v("自定义联系人顶部")])]},proxy:!0}])}),n("div",{staticClass:"action"},[n("lemon-button",{on:{click:t.appendMessage}},[t._v("发送消息")]),n("lemon-button",{on:{click:t.updateContact}},[t._v("修改联系人信息")]),n("lemon-button",{on:{click:t.changeMenuVisible}},[t._v("切换导航显示")]),n("lemon-button",{on:{click:t.changeMenuAvatarVisible}},[t._v("切换头像显示")])],1)],1)])},r=[],s=(n("8e6e"),n("ac6a"),n("456d"),n("2638")),o=n.n(s),c=n("bd86");n("6b54");function l(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?l(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):l(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var m,d,f,h,p,g,v,b,x,_,w=function(){return(new Date).getTime()},y=function(){return Math.random().toString(36).substr(-8)},j=function(){return Math.random().toString(36).substr(2)},C=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1?arguments[1]:void 0;return e||(e={id:"system",displayName:"系统测试",avatar:"http://upload.qqbodys.com/allimg/1710/1035512943-0.jpg"}),{id:y(),status:"succeed",type:"text",sendTime:w(),content:j(),toContactId:t,fromUser:e}},O={name:"app",data:function(){return{hideMenuAvatar:!1,hideMenu:!1,user:{id:"superadmin",displayName:"June",avatar:"https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=69e1a1a4b78f8c54e3d3c22902124ac8/060828381f30e9247e29fb7b4f086e061c95f7ef.jpg"}}},mounted:function(){var t=this.$createElement,e={id:"contact-1",displayName:"工作协作群",avatar:"http://upload.qqbodys.com/img/weixin/20170804/ji5qxg1am5ztm.jpg",type:"single",index:"A",unread:0,lastSendTime:1566047865417,lastContent:"2"},n={id:"contact-2",displayName:"自定义内容",avatar:"http://upload.qqbodys.com/img/weixin/20170807/jibfvfd00npin.jpg",type:"single",click:function(t){t()},renderContainer:function(){return t("h1",{style:"text-indent:20px"},["自定义页面"])},lastSendTime:1345209465e3,lastContent:"12312",unread:2},i={id:"contact-3",displayName:"铁牛",avatar:"http://upload.qqbodys.com/img/weixin/20170803/jiq4nzrkrnd0e.jpg",type:"many",index:"C",unread:32,lastSendTime:3,lastContent:"你好123"},a=this.$refs.IMUI,r=[u({},e),u({},n),u({},i)];a.initContacts(r),a.initMenus([{name:"lastMessages"},{name:"contacts"},{name:"custom1",title:"自定义按钮1",unread:0,render:function(e){return t("i",{class:"lemon-icon-attah"})},renderContainer:function(){return t("div",{class:"article"},[t("ul",[t("li",{class:"article-item"},[t("h2",["人民日报谈网红带货：产品真的值得买吗？"])]),t("li",{class:"article-item"},["甘肃夏河县发生5.7级地震 暂未接到人员伤亡报告"]),t("li",{class:"article-item"},["北方多地风力仍强沙尘相伴,东北内蒙古等地迎雨雪"]),t("li",{class:"article-item"},["英货车案：越南警方采集疑死者家属DNA作比对"]),t("li",{class:"article-item"},["知名连锁咖啡店的蛋糕吃出活虫 曝光内幕太震惊"])]),t("lemon-contact",o()([{},{props:{contact:e}},{style:"margin:20px"}])),t("lemon-contact",o()([{},{props:{contact:i}},{style:"margin:20px"}]))])},isBottom:!0},{name:"custom2",title:"自定义按钮2",unread:0,click:function(){alert("拦截导航点击事件")},render:function(e){return t("i",{class:"lemon-icon-group"})},isBottom:!0}]),a.initEmoji([{label:"表情",children:[{name:"1f600",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f600.png"},{name:"1f62c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f62c.png"},{name:"1f601",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f601.png"},{name:"1f602",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f602.png"},{name:"1f923",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f923.png"},{name:"1f973",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f973.png"},{name:"1f603",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f603.png"},{name:"1f604",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f604.png"},{name:"1f605",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f605.png"},{name:"1f606",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f606.png"},{name:"1f607",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f607.png"},{name:"1f609",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f609.png"},{name:"1f60a",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60a.png"},{name:"1f642",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f642.png"},{name:"1f643",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f643.png"},{name:"1263a",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/263a.png"},{name:"1f60b",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60b.png"},{name:"1f60c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60c.png"},{name:"1f60d",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60d.png"},{name:"1f970",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f970.png"},{name:"1f618",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f618.png"},{name:"1f617",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f617.png"},{name:"1f619",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f619.png"},{name:"1f61a",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61a.png"},{name:"1f61c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61c.png"},{name:"1f92a",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92a.png"},{name:"1f928",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f928.png"},{name:"1f9d0",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f9d0.png"},{name:"1f61d",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61d.png"},{name:"1f61b",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61b.png"},{name:"1f911",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f911.png"},{name:"1f913",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f913.png"},{name:"1f60e",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60e.png"},{name:"1f929",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f929.png"},{name:"1f921",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f921.png"},{name:"1f920",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f920.png"},{name:"1f917",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f917.png"},{name:"1f60f",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f60f.png"},{name:"1f636",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f636.png"},{name:"1f610",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f610.png"},{name:"1f611",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f611.png"},{name:"1f612",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f612.png"},{name:"1f644",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f644.png"},{name:"1f914",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f914.png"},{name:"1f925",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f925.png"},{name:"1f92d",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92d.png"},{name:"1f92b",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92b.png"},{name:"1f92c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92c.png"},{name:"1f92f",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f92f.png"},{name:"1f633",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f633.png"},{name:"1f61e",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61e.png"},{name:"1f61f",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f61f.png"},{name:"1f620",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f620.png"},{name:"1f621",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f621.png"}]},{label:"收藏",children:[{name:"1f62c",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f62c.png"},{name:"1f621",title:"微笑",src:"https://twemoji.maxcdn.com/2/72x72/1f621.png"}]}])},methods:{handleMenuAvatarClick:function(){console.log("Event:menu-avatar-click")},handleMessageClick:function(t,e,n){var i=this.$refs.IMUI;"status"==e&&(i.updateMessage(n.id,n.toContactId,{status:"going",content:"正在重新发送消息..."}),setTimeout(function(){i.updateMessage(n.id,n.toContactId,{status:"succeed",content:"发送成功"})},2e3))},changeMenuAvatarVisible:function(){this.hideMenuAvatar=!this.hideMenuAvatar},changeMenuVisible:function(){this.hideMenu=!this.hideMenu},appendMessage:function(){var t=this.$refs.IMUI,e=t.currentContact,n=C();n.fromUser=u({},n.fromUser,{},this.user),t.appendMessage(n),t.updateContact(e.id,{unread:"+1",lastSendTime:w(),lastContent:t.lastContentRender(n)})},updateContact:function(){this.$refs.IMUI.updateContact("contact-3",{unread:10,displayName:j(),lastSendTime:w(),lastContent:"修改昵称为随机字母"})},changeDrawer:function(t){var e=this.$createElement;this.$refs.IMUI.changeDrawer(function(){return e("div",{class:"drawer-content"},[e("p",[e("b",["自定义抽屉"])]),e("p",[t.displayName])])})},handleChangeContact:function(t){console.log("Event:change-contact"),this.$refs.IMUI.updateContact(t.id,{unread:0}),this.$refs.IMUI.closeDrawer()},handleSend:function(t,e,n){console.log(t,e,n),setTimeout(function(){e()},1e3)},handlePullMessages:function(t,e){var n=this.$refs.IMUI,i={id:"hehe",displayName:"I KNOEW",avatar:"https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4085009425,1005454674&fm=26&gp=0.jpg"};console.log("Event:pull-messages");var a=[C(n.currentContactId,this.user),C(n.currentContactId,i),C(n.currentContactId,this.user),C(n.currentContactId,i),C(n.currentContactId,this.user),C(n.currentContactId,this.user),C(n.currentContactId,i),u({},C(n.currentContactId,this.user),{},{status:"failed"})];console.log(a);var r=!1;n.getMessages(n.currentContactId).length>20&&(r=!0),e(a,r)},handleChangeMenu:function(){console.log("Event:change-menu")},openCustomContainer:function(){}}},M=O,k=(n("9c9b"),n("2877")),S=Object(k["a"])(M,a,r,!1,null,null,null),I=S.exports,$=(n("7f7f"),{name:"LemonTabs",props:{activeIndex:String},data:function(){return{active:this.activeIndex}},mounted:function(){this.active||(this.active=this.$slots["tab-pane"][0].data.attrs.index)},render:function(){var t=this,e=arguments[0],n=[],i=[];return this.$slots["tab-pane"].map(function(a){var r=a.data.attrs,s=r.tab,o=r.index;n.push(e("div",{class:"lemon-tabs-content__pane",directives:[{name:"show",value:t.active==o}]},[a])),i.push(e("div",{class:["lemon-tabs-nav__item",t.active==o&&"lemon-tabs-nav__item--active"],on:{click:function(){return t._handleNavClick(o)}}},[s]))}),e("div",{class:"lemon-tabs"},[e("div",{class:"lemon-tabs-content"},[n]),e("div",{class:"lemon-tabs-nav"},[i])])},methods:{_handleNavClick:function(t){this.active=t}}}),D=$,P=(n("3423"),Object(k["a"])(D,m,d,!1,null,null,null)),T=P.exports,E=(n("96cf"),n("3b8d")),L=(n("6762"),n("2fdb"),[]),F=function(){return L.forEach(function(t){return t()})},R={hover:function(t){},focus:function(t){var e=this;t.addEventListener("focus",function(t){e.changeVisible()}),t.addEventListener("blur",function(t){e.changeVisible()})},click:function(t){var e=this;t.addEventListener("click",function(t){t.stopPropagation(),e.changeVisible()})},contextmenu:function(t){var e=this;t.addEventListener("contextmenu",function(t){t.preventDefault(),e.changeVisible()})}},U={name:"LemonPopover",props:{trigger:{type:String,default:"click",validator:function(t){return Object.keys(R).includes(t)}}},data:function(){return{popoverStyle:{},visible:!1}},created:function(){document.addEventListener("click",this._documentClickEvent),L.push(this.close)},mounted:function(){R[this.trigger].call(this,this.$slots.default[0].elm)},render:function(){var t=arguments[0];return t("span",{style:"position:relative"},[t("transition",{attrs:{name:"slide-top"}},[this.visible&&t("div",{class:"lemon-popover",ref:"popover",style:this.popoverStyle,on:{click:function(t){return t.stopPropagation()}}},[t("div",{class:"lemon-popover__title"}),t("div",{class:"lemon-popover__content"},[this.$slots.content]),t("div",{class:"lemon-popover__arrow"})])]),this.$slots.default])},destroyed:function(){document.removeEventListener("click",this._documentClickEvent)},computed:{},watch:{visible:function(){var t=Object(E["a"])(regeneratorRuntime.mark(function t(e){var n,i;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:if(!e){t.next=6;break}return t.next=3,this.$nextTick();case 3:n=this.$slots.default[0].elm,i=this.$refs.popover,this.popoverStyle={top:"-".concat(i.offsetHeight+10,"px"),left:"".concat(n.offsetWidth/2-i.offsetWidth/2,"px")};case 6:case"end":return t.stop()}},t,this)}));function e(e){return t.apply(this,arguments)}return e}()},methods:{_documentClickEvent:function(t){t.stopPropagation(),this.visible&&this.close()},changeVisible:function(){this.visible?this.close():this.open()},open:function(){F(),this.visible=!0},close:function(){this.visible=!1}}},B=U,A=(n("0e15"),Object(k["a"])(B,f,h,!1,null,null,null)),N=A.exports,V={name:"LemonButton",props:{disabled:Boolean},render:function(){var t=arguments[0];return t("button",{class:"lemon-button",attrs:{disabled:this.disabled,type:"button"},on:{click:this._handleClick}},[this.$slots.default])},methods:{_handleClick:function(t){this.$emit("click",t)}}},H=V,z=(n("1e45"),Object(k["a"])(H,p,g,!1,null,null,null)),q=z.exports,K=(n("c5f6"),{name:"LemonBadge",props:{count:[Number,Boolean],overflowCount:{type:Number,default:99}},render:function(){var t=arguments[0];return t("span",{class:"lemon-badge"},[this.$slots.default,0!==this.count&&void 0!==this.count&&t("span",{class:["lemon-badge__label",this.isDot&&"lemon-badge__label--dot"]},[this.label])])},computed:{isDot:function(){return!0===this.count},label:function(){return this.isDot?"":this.count>this.overflowCount?"".concat(this.overflowCount,"+"):this.count}},methods:{}}),W=K,Y=(n("dbdc"),Object(k["a"])(W,v,b,!1,null,null,null)),G=Y.exports,J={name:"LemonAvatar",props:{src:String,icon:{type:String,default:"lemon-icon-people"},size:{type:Number,default:32}},data:function(){return{imageFinishLoad:!0}},render:function(){var t=this,e=arguments[0];return e("span",{style:this.style,class:"lemon-avatar",on:{click:function(e){return t.$emit("click",e)}}},[this.imageFinishLoad&&e("i",{class:this.icon}),e("img",{attrs:{src:this.src},on:{load:this._handleLoad}})])},computed:{style:function(){var t="".concat(this.size,"px");return{width:t,height:t,lineHeight:t,fontSize:"".concat(this.size/2,"px")}}},methods:{_handleLoad:function(){this.imageFinishLoad=!1}}},Q=J,Z=(n("04f4"),Object(k["a"])(Q,x,_,!1,null,null,null)),X=Z.exports;n("3b2b"),n("8615");function tt(t){return"[object Object]"===Object.prototype.toString.call(t)}function et(t){return"string"==typeof t}function nt(t){return(new Date).getTime()-t<864e5}function it(t){return!t||(!(!Array.isArray(t)||0!=t.length)||!(!tt(t)||0!=Object.values(t).length))}function at(t){return t&&"function"===typeof t}n("a481");function rt(t,e,n){return t?t(n):e}function st(t){return t<10?"0".concat(t):t}function ot(t){var e,n=new Date(t),i=new Date,a=function(t){return t.getFullYear()},r=function(t){return"".concat(t.getMonth()+1,"-").concat(t.getDate())},s=a(n),o=a(i);return e=s!==o?"y年m月d日 h:i":"".concat(s,"-").concat(r(n))==="".concat(o,"-").concat(r(i))?"h:i":"m月d日 h:i",ct(t,e)}function ct(t,e){e||(e="y-m-d h:i:s"),t=t?new Date(t):new Date;for(var n=[t.getFullYear().toString(),st((t.getMonth()+1).toString()),st(t.getDate().toString()),st(t.getHours().toString()),st(t.getMinutes().toString()),st(t.getSeconds().toString())],i="ymdhis",a=0;a<n.length;a++)e=e.replace(i.charAt(a),n[a]);return e}function lt(t,e){at(t)?t(function(){e()}):e()}function ut(t){return t.replace(/<img emoji-name=\"([^\"]*?)\" [^>]*>/gi,"[!$1]")}function mt(t){if(null==t||""==t)return"0 Bytes";var e=["B","K","M","G","T","P","E","Z","Y"],n=0,i=parseFloat(t);n=Math.floor(Math.log(i)/Math.log(1024));var a=i/Math.pow(1024,n);return a=parseFloat(a.toFixed(2)),a+e[n]}function dt(){var t=(new Date).getTime();window.performance&&"function"===typeof window.performance.now&&(t+=performance.now());var e="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var n=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"==e?n:3&n|8).toString(16)});return e}var ft,ht,pt,gt,vt,bt,xt,_t,wt,yt={name:"LemonContact",components:{},data:function(){return{}},props:{contact:Object,simple:Boolean,timeFormat:{type:Function,default:function(t){return ct(t,nt(t)?"h:i":"y/m/d")}}},render:function(){var t=this,e=arguments[0],n=this.contact;return e("div",{class:["lemon-contact",{"lemon-contact--name-center":this.simple}],on:{click:function(e){return t._handleClick(e,n)}}},[e("lemon-badge",{attrs:{count:this.simple?0:n.unread,"native-on-click":function(e){return t._handleBubbleClick(e,n)}},class:"lemon-contact__avatar"},[e("lemon-avatar",{attrs:{size:40,"native-on-click":function(e){return t._handleAvatarClick(e,n)},src:n.avatar}})]),e("div",{class:"lemon-contact__inner"},[e("p",{class:"lemon-contact__label"},[e("span",{class:"lemon-contact__name"},[n.displayName]),!this.simple&&e("span",{class:"lemon-contact__time"},[this.timeFormat(n.lastSendTime)])]),!this.simple&&e("p",{class:"lemon-contact__content"},[et(n.lastContent)?e("span",o()([{},{domProps:{innerHTML:n.lastContent}}])):n.lastContent])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_handleClick:function(t,e){this.$emit("click",e)},_handleAvatarClick:function(t,e){t.stopPropagation(),this.$emit("avatar-click",e)},_handleBubbleClick:function(t,e){t.stopPropagation(),this.$emit("bubble-click",e)}}},jt=yt,Ct=(n("909e"),Object(k["a"])(jt,ft,ht,!1,null,null,null)),Ot=Ct.exports,Mt=(n("5df3"),n("1c4c"),function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"insertHTML";document.execCommand(e,!1,t)}),kt=window.getSelection(),St=[],It={name:"LemonEditor",components:{},props:{},data:function(){return{submitDisabled:!0,accept:""}},created:function(){},mounted:function(){},computed:{},watch:{},render:function(){var t=this,e=arguments[0];return e("div",{class:"lemon-editor"},[e("input",{style:"display:none",attrs:{type:"file",multiple:"multiple",accept:this.accept},ref:"fileInput",on:{change:this._handleChangeFile}}),e("div",{class:"lemon-editor__tool"},[St.length>0&&e("lemon-popover",{class:"lemon-editor__emoji"},[e("template",{slot:"content"},[this._renderEmojiTabs()]),e("div",{class:"lemon-editor__tool-item"},[e("i",{class:"lemon-icon-emoji"})])]),e("div",{class:"lemon-editor__tool-item",on:{click:function(){return t._handleSelectFile("*")}}},[e("i",{class:"lemon-icon-folder"})]),e("div",{class:"lemon-editor__tool-item",on:{click:function(){return t._handleSelectFile("image/*")}}},[e("i",{class:"lemon-icon-image"})])]),e("div",{class:"lemon-editor__inner"},[e("div",{class:"lemon-editor__input",ref:"textarea",attrs:{contenteditable:"true",spellcheck:"false"},on:{keyup:this._handleKeyup,keydown:this._handleKeydown,paste:this._handlePaste,click:this._handleClick,input:this._handleInput}})]),e("div",{class:"lemon-editor__footer"},[e("div",{class:"lemon-editor__tip"},["使用 ctrl + enter 快捷发送消息"]),e("div",{class:"lemon-editor__submit"},[e("lemon-button",{attrs:{disabled:this.submitDisabled},on:{click:this._handleSend}},["发 送"])])])])},methods:{_saveLastRange:function(){pt=kt.getRangeAt(0)},_focusLastRange:function(){this.$refs.textarea.focus(),pt&&(kt.removeAllRanges(),kt.addRange(pt))},_handleClick:function(){this._saveLastRange()},_handleInput:function(){this._checkSubmitDisabled()},_renderEmojiTabs:function(){var t=this,e=this.$createElement,n=function(n){return n.map(function(n){return e("img",{attrs:{src:n.src,title:n.title},class:"lemon-editor__emoji-item",on:{click:function(){return t._handleSelectEmoji(n)}}})})};if(St[0].label){var i=St.map(function(t,i){return e("div",{slot:"tab-pane",attrs:{index:i,tab:t.label}},[n(t.children)])});return e("lemon-tabs",{style:"width: 412px"},[i])}return e("div",{class:"lemon-tabs-content",style:"width:406px"},[n(St)])},_handleSelectEmoji:function(t){this._focusLastRange(),Mt('<img emoji-name="'.concat(t.name,'" src="').concat(t.src,'"></img>')),this._saveLastRange()},_handleSelectFile:function(){var t=Object(E["a"])(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return this.accept=e,t.next=3,this.$nextTick();case 3:this.$refs.fileInput.click();case 4:case"end":return t.stop()}},t,this)}));function e(e){return t.apply(this,arguments)}return e}(),_handlePaste:function(t){t.preventDefault();var e=t.clipboardData,n=e.getData("text");Mt(n,"insertText")},_handleKeyup:function(t){this._saveLastRange()},_handleKeydown:function(t){t.keyCode},getFormatValue:function(){return ut(this.$refs.textarea.innerHTML.replace(/<br>|<\/br>/,"").replace(/<div>|<p>/g,"\r\n").replace(/<\/div>|<\/p>/g,""))},_checkSubmitDisabled:function(){this.submitDisabled=!this.$refs.textarea.innerHTML.trim()},_handleSend:function(t){var e=this.getFormatValue();this.$emit("send",e),this.clear(),this._checkSubmitDisabled()},_handleChangeFile:function(t){var e=this,n=this.$refs.fileInput;Array.from(n.files).forEach(function(t){e.$emit("upload",t)}),n.value=""},clear:function(){this.$refs.textarea.innerHTML=""},initEmoji:function(t){St=t,this.$forceUpdate()}}},$t=It,Dt=(n("49c2"),Object(k["a"])($t,gt,vt,!1,null,null,null)),Pt=Dt.exports,Tt={name:"LemonMessages",components:{},props:{reverseUserId:String,timeRange:{type:Number,default:1},timeFormat:{type:Function,default:function(t){return ot(t)}},messages:{type:Array,default:function(){return[]}}},data:function(){return{_loading:!1,_loadend:!1}},render:function(){var t=this,e=arguments[0];return e("div",{class:"lemon-messages",ref:"wrap",on:{scroll:this._handleScroll}},[e("div",{class:["lemon-messages__load","lemon-messages__load--".concat(this._loadend?"end":"ing")]},[this._loadend?this._renderLoadEnd():this._renderLoading()]),this.messages.map(function(n,i){var a=[],r="lemon-message-".concat(n.type),s=t.messages[i-1];return s&&t.msecRange&&n.sendTime-s.sendTime>t.msecRange&&a.push(e("lemon-message-event",o()([{},{attrs:{message:{id:"__time__",type:"event",content:t.timeFormat(n.sendTime)}}}]))),a.push(e(r,o()([{ref:"message",refInFor:!0},{attrs:{timeFormat:t.msecRange>0?function(){}:t.timeFormat,message:n,reverse:t.reverseUserId==n.fromUser.id,hiddenTitle:!1}}]))),a})])},computed:{msecRange:function(){return 1e3*this.timeRange*60}},watch:{},methods:{_renderLoading:function(){var t=this.$createElement;return t("i",{class:"lemon-icon-loading lemonani-spin"})},_renderLoadEnd:function(){var t=this.$createElement;return t("span",["暂无更多消息"])},loaded:function(){this._loadend=!0},resetLoadState:function(){this._loading=!1,this._loadend=!1},_handleScroll:function(){var t=Object(E["a"])(regeneratorRuntime.mark(function t(e){var n,i,a=this;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:if(n=e.target,0!=n.scrollTop||0!=this._loading||0!=this._loadend){t.next=7;break}return this._loading=!0,t.next=5,this.$nextTick();case 5:i=n.scrollHeight,this.$emit("reach-top",function(){var t=Object(E["a"])(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,a.$nextTick();case 2:n.scrollTop=n.scrollHeight-i,a._loading=!1,a._loadend=!!e;case 5:case"end":return t.stop()}},t)}));return function(e){return t.apply(this,arguments)}}());case 7:case"end":return t.stop()}},t,this)}));function e(e){return t.apply(this,arguments)}return e}(),scrollToBottom:function(){var t=Object(E["a"])(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,this.$nextTick();case 2:e=this.$refs.wrap,e&&(e.scrollTop=e.scrollHeight);case 4:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}()},created:function(){},mounted:function(){}},Et=Tt,Lt=(n("436f"),Object(k["a"])(Et,bt,xt,!1,null,null,null)),Ft=Lt.exports,Rt={name:"lemonMessageBasic",inject:["IMUI"],props:{message:{type:Object,default:function(){return{}}},timeFormat:{type:Function,default:function(){return""}},reverse:Boolean,hiddenTitle:Boolean},data:function(){return{}},render:function(){var t=this,e=arguments[0],n=this.message,i=n.fromUser,a=n.status,r=n.sendTime;return e("div",{class:["lemon-message",{"lemon-message--reverse":this.reverse,"lemon-message--hidden-title":this.hiddenTitle}]},[e("div",{class:"lemon-message__avatar"},[e("lemon-avatar",{attrs:{size:36,shape:"square",src:i.avatar},on:{click:function(e){t._emitClick(e,"avatar")}}})]),e("div",{class:"lemon-message__inner"},[e("div",{class:"lemon-message__title"},[e("span",{on:{click:function(e){t._emitClick(e,"displayName")}}},[i.displayName]),e("span",{class:"lemon-message__time"},[this.timeFormat(r)])]),e("div",{class:"lemon-message__content",on:{click:function(e){t._emitClick(e,"content")}}},[this.useScopedSlots("content",this.message)]),e("div",{class:"lemon-message__status",on:{click:function(e){t._emitClick(e,"status")}}},[this._renderStatue(a)])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_emitClick:function(t,e){this.IMUI.$emit("message-click",t,e,this.message)},_renderStatue:function(t){var e=this.$createElement;return"going"==t?e("i",{class:"lemon-icon-loading lemonani-spin"}):"failed"==t?e("i",{class:"lemon-icon-prompt",attrs:{title:"重发消息"},style:{color:"#ff2525",cursor:"pointer"}}):void 0},useScopedSlots:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this;return i.$scopedSlots[t]?i.$scopedSlots[t](e):n}}},Ut=Rt,Bt=(n("fbd1"),Object(k["a"])(Ut,_t,wt,!1,null,null,null)),At=Bt.exports;function Nt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function Vt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nt(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Ht,zt,qt={name:"lemonMessageText",inheritAttrs:!1,inject:["IMUI"],render:function(){var t=this,e=arguments[0];return e("lemon-message-basic",o()([{class:"lemon-message-text"},{props:Vt({},this.$attrs)},{scopedSlots:{content:function(n){var i=t.IMUI.replaceEmojiName(n.content);return e("span",o()([{},{domProps:{innerHTML:i}}]))}}}]))}},Kt=qt,Wt=(n("1663"),Object(k["a"])(Kt,Ht,zt,!1,null,null,null)),Yt=Wt.exports;function Gt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function Jt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gt(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var Qt,Zt,Xt={name:"lemonMessageImage",inheritAttrs:!1,render:function(){var t=arguments[0];return t("lemon-message-basic",o()([{class:"lemon-message-image"},{props:Jt({},this.$attrs)},{scopedSlots:{content:function(e){return t("img",{attrs:{src:e.content}})}}}]))}},te=Xt,ee=(n("4d21"),Object(k["a"])(te,Qt,Zt,!1,null,null,null)),ne=ee.exports;function ie(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function ae(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ie(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ie(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var re,se,oe,ce,le={name:"lemonMessageFile",inheritAttrs:!1,render:function(){var t=arguments[0];return t("lemon-message-basic",o()([{class:"lemon-message-file"},{props:ae({},this.$attrs)},{scopedSlots:{content:function(e){return[t("div",{class:"lemon-message-file__inner"},[t("p",{class:"lemon-message-file__name"},[e.fileName]),t("p",{class:"lemon-message-file__byte"},[mt(e.fileSize)])]),t("div",{class:"lemon-message-file__sfx"},[t("i",{class:"lemon-icon-attah"})])]}}}]))}},ue=le,me=(n("cfab"),Object(k["a"])(ue,re,se,!1,null,null,null)),de=me.exports,fe={name:"lemonMessageEvent",inheritAttrs:!1,render:function(){var t=arguments[0],e=this.$attrs.message.content;return t("div",{class:"lemon-message lemon-message-event"},[t("span",{class:"lemon-message-event__content"},[e])])}},he=fe,pe=(n("ed4b"),Object(k["a"])(he,oe,ce,!1,null,null,null)),ge=pe.exports,ve=(n("20d6"),n("75fc")),be=(n("f559"),n("55dd"),n("7514"),"lastMessages"),xe="contacts",_e=[be,xe],we={voice:function(t){return"[语音]"},file:function(t){return"[文件]"},video:function(t){return"[视频]"},image:function(t){return"[图片]"},text:function(t){return this.replaceEmojiName(t.content)}},ye=n("d225"),je=n("b0b4"),Ce=function(){function t(){Object(ye["a"])(this,t),this.table={}}return Object(je["a"])(t,[{key:"get",value:function(t){return t?this.table[t]:this.table}},{key:"set",value:function(t,e){this.table[t]=e}},{key:"remove",value:function(t){t?delete this.table[t]:this.table={}}},{key:"has",value:function(t){return!!this.table[t]}}]),t}();function Oe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,i)}return n}function Me(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Oe(n,!0).forEach(function(e){Object(c["a"])(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Oe(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var ke,Se,Ie=new Ce,$e=new Ce,De=new Ce,Pe={},Te={},Ee=function(){},Le={name:"LemonImui",provide:function(){return{IMUI:this}},props:{messageTimeFormat:Function,contactTimeFormat:Function,hideDrawer:{type:Boolean,default:!0},hideMenuAvatar:Boolean,hideMenu:Boolean,user:{type:Object,default:function(){return{}}}},data:function(){return{drawerVisible:!this.hideDrawer,currentContactId:"",activeSidebar:be,contacts:[],menus:[]}},render:function(){return this._renderWrapper([this._renderMenu(),this._renderSidebarMessage(),this._renderSidebarContact(),this._renderContainer(),this._renderDrawer()])},created:function(){this.initMenus()},mounted:function(){var t=Object(E["a"])(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,this.$nextTick();case 2:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}(),computed:{currentMessages:function(){return Pe[this.currentContactId]||[]},currentContact:function(){var t=this;return this.contacts.find(function(e){return e.id==t.currentContactId})||{}},currentMenu:function(){var t=this;return this.menus.find(function(e){return e.name==t.activeSidebar})||{}},currentIsDefSidebar:function(){return _e.includes(this.activeSidebar)},lastMessages:function(){var t=this.contacts.filter(function(t){return!it(t.lastContent)});return t.sort(function(t,e){return e.lastSendTime-t.lastSendTime}),t}},watch:{activeSidebar:function(){}},methods:{_menuIsContacts:function(){return this.activeSidebar==xe},_menuIsMessages:function(){return this.activeSidebar==be},_createMessage:function(t){return Me({},{id:dt(),type:"text",status:"going",sendTime:(new Date).getTime(),toContactId:this.currentContactId,fromUser:Me({},this.user)},{},t)},appendMessage:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.currentContactId;this._addMessage(t,e,1),this.messageViewToBottom()},_emitSend:function(t,e,n){var i=this;this.$emit("send",t,function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{status:"succeed"};e(),t=Object.assign(t,n),i.forceUpdateMessage(t.id)},n)},_handleSend:function(t){var e=this,n=this._createMessage({content:t});this.appendMessage(n),this._emitSend(n,function(){e.updateContact(n.toContactId,{lastContent:e.lastContentRender(n),lastSendTime:n.sendTime})})},_handleUpload:function(t){var e,n=this,i=["image/gif","image/jpeg","image/png"];e=i.includes(t.type)?{type:"image",content:URL.createObjectURL(t)}:{type:"file",fileSize:t.size,fileName:t.name,content:""};var a=this._createMessage(e);this.appendMessage(a),this._emitSend(a,function(){n.updateContact(a.toContactId,{lastContent:n.lastContentRender(a),lastSendTime:a.sendTime})},t)},_emitPullMessages:function(t){var e=this;this.$emit("pull-messages",this.currentContact,function(n){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e._addMessage(n,e.currentContactId,0),De.set(e.currentContactId,i),1==i&&e.$refs.messages.loaded(),t(i)})},clearCacheContainer:function(t){Ie.remove(t),$e.remove(t)},_renderWrapper:function(t){var e=this.$createElement;return e("div",{class:["lemon-wrapper",this.drawerVisible&&"lemon-wrapper--drawer-show"]},[t])},_renderMenu:function(){var t=this,e=this.$createElement,n=this._renderMenuItem();return e("div",{class:"lemon-menu",directives:[{name:"show",value:!this.hideMenu}]},[e("lemon-avatar",{directives:[{name:"show",value:!this.hideMenuAvatar}],on:{click:function(e){t.$emit("menu-avatar-click",e)}},class:"lemon-menu__avatar",attrs:{src:this.user.avatar}}),n.top,this.$slots.menu,e("div",{class:"lemon-menu__bottom"},[this.$slots["menu-bottom"],n.bottom])])},_renderMenuAvatar:function(){},_renderMenuItem:function(){var t=this,e=this.$createElement,n=[],i=[];return this.menus.forEach(function(a){var r=a.name,s=a.title,o=a.unread,c=a.render,l=a.click,u=e("div",{class:["lemon-menu__item",{"lemon-menu__item--active":t.activeSidebar==r}],on:{click:function(){lt(l,function(){r&&t.changeMenu(r)})}},attrs:{title:s}},[e("lemon-badge",{attrs:{count:o}},[c(a)])]);!0===a.isBottom?i.push(u):n.push(u)}),{top:n,bottom:i}},_renderSidebarMessage:function(){var t=this;return this._renderSidebar([rt(this.$scopedSlots["message-sidebar"]),this.lastMessages.map(function(e){return t._renderContact({contact:e,timeFormat:t.contactTimeFormat},function(){return t.changeContact(e.id)})})],be)},_renderContact:function(t,e){var n=this,i=this.$createElement,a=t.contact,r=a.click,s=a.renderContainer,c=a.id,l=function(){lt(r,function(){e(),n._customContainerReady(s,Ie,c)})};return i("lemon-contact",o()([{class:{"lemon-contact--active":this.currentContactId==t.contact.id}},{props:t},{on:{click:l}}]))},_renderSidebarContact:function(){var t,e=this,n=this.$createElement;return this._renderSidebar([rt(this.$scopedSlots["contact-sidebar"]),this.contacts.map(function(i){if(i.index){i.index=i.index.replace(/\[[0-9]*\]/,"");var a=[i.index!==t&&n("p",{class:"lemon-sidebar__label"},[i.index]),e._renderContact({contact:i,simple:!0},function(){return e.changeContact(i.id)})];return t=i.index,a}})],xe)},_renderSidebar:function(t,e){var n=this.$createElement;return n("div",{class:"lemon-sidebar",directives:[{name:"show",value:this.activeSidebar==e}]},[t])},_renderDrawer:function(){var t=this.$createElement;return this._menuIsMessages()&&this.currentContactId?t("div",{class:"lemon-drawer"},[Ee(),rt(this.$scopedSlots.drawer,"",this.currentContact)]):""},_isContactContainerCache:function(t){return t.startsWith("contact#")},_renderContainer:function(){var t=this,e=this.$createElement,n=[],i="lemon-container",a=this.currentContact,r=!0;for(var s in Ie.get()){var o=a.id==s&&this.currentIsDefSidebar;r=!o,n.push(e("div",{class:i,directives:[{name:"show",value:o}]},[Ie.get(s)]))}for(var c in $e.get())n.push(e("div",{class:i,directives:[{name:"show",value:this.activeSidebar==c&&!this.currentIsDefSidebar}]},[$e.get(c)]));return n.push(e("div",{class:i,directives:[{name:"show",value:this._menuIsMessages()&&r&&a.id}]},[e("div",{class:"lemon-container__title"},[e("div",{class:"lemon-container__displayname"},[rt(this.$scopedSlots["contact-title"],a.displayName,a)])]),e("lemon-messages",{ref:"messages",attrs:{"time-format":this.messageTimeFormat,"reverse-user-id":this.user.id,messages:this.currentMessages},on:{"reach-top":this._emitPullMessages}}),e("lemon-editor",{ref:"editor",on:{send:this._handleSend,upload:this._handleUpload}})])),n.push(e("div",{class:i,directives:[{name:"show",value:!a.id&&this.currentIsDefSidebar}]},[this.$slots.cover])),n.push(e("div",{class:i,directives:[{name:"show",value:this._menuIsContacts()&&r&&a.id}]},[rt(this.$scopedSlots["contact-info"],e("div",{class:"lemon-contact-info"},[e("lemon-avatar",{attrs:{src:a.avatar,size:90}}),e("h4",[a.displayName]),e("lemon-button",{on:{click:function(){t.changeContact(a.id,be)}}},["发送消息"])]),a)])),n},_addContact:function(t,e){var n={0:"unshift",1:"push"}[e];this.contacts[n](t)},_addMessage:function(t,e,n){var i,a={0:"unshift",1:"push"}[n];Array.isArray(t)||(t=[t]),Pe[e]=Pe[e]||[],(i=Pe[e])[a].apply(i,Object(ve["a"])(t)),this.forceUpdateMessage()},setLastContentRender:function(t,e){we[t]=e},lastContentRender:function(t){return we[t.type].call(this,t)},replaceEmojiName:function(t){return t.replace(/\[!(\w+)\]/gi,function(t,e){var n=e;return Te[n]?'<img src="'.concat(Te[n],'" />'):"[!".concat(e,"]")})},messageViewToBottom:function(){this.$refs.messages.scrollToBottom()},changeContact:function(t,e){var n=this;this.currentContactId==t&&(this.currentContactId=void 0),e&&this.changeMenu(e),this.currentContactId=t,this.$emit("change-contact",this.currentContact),at(this.currentContact.renderContainer)||this._menuIsMessages()&&(De.has(t)||this.$refs.messages.resetLoadState(),Pe[t]?setTimeout(function(){n.messageViewToBottom()},0):this._emitPullMessages(function(t){return n.messageViewToBottom()}))},removeMessage:function(t,e){var n=this.findMessageIndexById(t,e);-1!==n&&(Pe[e].splice(n,1),this.forceUpdateMessage())},updateMessage:function(t,e,n){var i=this.findMessageIndexById(t,e);-1!==i&&(Pe[e][i]=Object.assign(Pe[e][i],n),console.log("--------",Pe[e][i]),this.forceUpdateMessage(t))},forceUpdateMessage:function(t){if(t){var e=this.$refs.messages.$refs.message;if(e){var n=e.find(function(e){return e.$attrs.message.id==t});n&&n.$forceUpdate()}}else this.$refs.messages.$forceUpdate()},_customContainerReady:function(t,e,n){at(t)&&!e.has(n)&&e.set(n,t.call(this))},changeMenu:function(t){this.$emit("change-menu",t),this.activeSidebar=t},initEmoji:function(t){this.$refs.editor.initEmoji(t),t[0].label&&(t=t.flatMap(function(t){return t.children})),t.forEach(function(t){var e=t.name,n=t.src;return Te[e]=n})},initMenus:function(t){var e=this,n=this.$createElement,i=[{name:be,title:"聊天",unread:0,click:null,render:function(t){return n("i",{class:"lemon-icon-message"})},isBottom:!1},{name:xe,title:"通讯录",unread:0,click:null,render:function(t){return n("i",{class:"lemon-icon-addressbook"})},isBottom:!1}],a=[];if(Array.isArray(t)){var r={lastMessages:0,contacts:1},s=Object.keys(r);a=t.map(function(t){return s.includes(t.name)?Me({},i[r[t.name]],{},t,{},{renderContainer:null}):(t.renderContainer&&e._customContainerReady(t.renderContainer,$e,t.name),t)})}else a=i;this.menus=a},initContacts:function(t){var e;(e=this.contacts).push.apply(e,Object(ve["a"])(t)),this.sortContacts()},sortContacts:function(){this.contacts.sort(function(t,e){if(t.index)return t.index.localeCompare(e.index)})},updateContact:function(t,e){delete e.id,delete e.toContactId;var n=this.findContactIndexById(t);if(-1!==n){var i=e.unread;et(i)&&(0!==i.indexOf("+")&&0!==i.indexOf("-")||(e.unread=parseInt(i)+parseInt(this.contacts[n].unread))),this.$set(this.contacts,n,Me({},this.contacts[n],{},e))}},findContactIndexById:function(t){return this.contacts.findIndex(function(e){return e.id==t})},findMessageIndexById:function(t,e){var n=Pe[e];return it(n)?-1:n.findIndex(function(e){return e.id==t})},findMessageById:function(t,e){var n=this.findMessageIndexById(t,e);if(-1!==n)return Pe[e][n]},getContacts:function(){return this.contacts},getMessages:function(t){return(t?Pe[t]:Pe)||[]},openrenderContainer:function(t){},changeDrawer:function(t){this.drawerVisible=!this.drawerVisible,1==this.drawerVisible&&this.openDrawer(t)},openDrawer:function(t){Ee=t||new Function,this.drawerVisible=!0},closeDrawer:function(){this.drawerVisible=!1}}},Fe=Le,Re=(n("9b01"),Object(k["a"])(Fe,ke,Se,!1,null,null,null)),Ue=Re.exports,Be=(n("6a2b"),"0.1"),Ae=[Ue,Ot,Ft,Pt,X,G,q,N,T,At,Yt,ne,de,ge],Ne=function(t){arguments.length>1&&void 0!==arguments[1]&&arguments[1];Ae.forEach(function(e){t.component(e.name,e)})};"undefined"!==typeof window&&window.Vue&&Ne(window.Vue);var Ve={version:Be,install:Ne};i["a"].use(Ve),i["a"].config.productionTip=!1,new i["a"]({render:function(t){return t(I)}}).$mount("#app")},cfab:function(t,e,n){"use strict";var i=n("15cf"),a=n.n(i);a.a},dbdc:function(t,e,n){"use strict";var i=n("7802"),a=n.n(i);a.a},e86c:function(t,e,n){},ed4b:function(t,e,n){"use strict";var i=n("a215"),a=n.n(i);a.a},fbd1:function(t,e,n){"use strict";var i=n("820e"),a=n.n(i);a.a}});
\ No newline at end of file