|
/g,"\r\n").replace(/<\/div>|<\/p>/g,""))},_checkSubmitDisabled:function(){this.submitDisabled=!this.$refs.textarea.innerHTML.trim()},_handleSend:function(e){var t=this.getFormatValue();this.$emit("send",t),this.clear(),this._checkSubmitDisabled()},_handleChangeFile:function(e){var t=this,n=this.$refs.fileInput;Array.from(n.files).forEach(function(e){t.$emit("upload",e)}),n.value=""},clear:function(){this.$refs.textarea.innerHTML=""},initEmoji:function(e){Se=e,this.$forceUpdate()}}},$e=Ie,De=(n("49c2"),Object(k["a"])($e,ge,ve,!1,null,null,null)),Ee=De.exports,Pe={name:"LemonMessages",components:{},props:{reverseUserId:String,timeRange:{type:Number,default:1},timeFormat:{type:Function,default:function(e){return oe(e)}},messages:{type:Array,default:function(){return[]}}},data:function(){return{_loading:!1,_loadend:!1}},render:function(){var e=this,t=arguments[0];return t("div",{class:"lemon-messages",ref:"wrap",on:{scroll:this._handleScroll}},[t("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=e.messages[i-1];return s&&e.msecRange&&n.sendTime-s.sendTime>e.msecRange&&a.push(t("lemon-message-event",o()([{},{attrs:{message:{id:"__time__",type:"event",content:e.timeFormat(n.sendTime)}}}]))),a.push(t(r,o()([{ref:"message",refInFor:!0},{attrs:{timeFormat:e.msecRange>0?function(){}:e.timeFormat,message:n,reverse:e.reverseUserId==n.fromUser.id,hiddenTitle:!1}}]))),a})])},computed:{msecRange:function(){return 1e3*this.timeRange*60}},watch:{},methods:{_renderLoading:function(){var e=this.$createElement;return e("i",{class:"lemon-icon-loading lemonani-spin"})},_renderLoadEnd:function(){var e=this.$createElement;return e("span",["暂无更多消息"])},loaded:function(){this._loadend=!0},resetLoadState:function(){this._loading=!1,this._loadend=!1},_handleScroll:function(){var e=Object(T["a"])(regeneratorRuntime.mark(function e(t){var n,i,a=this;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:if(n=t.target,0!=n.scrollTop||0!=this._loading||0!=this._loadend){e.next=7;break}return this._loading=!0,e.next=5,this.$nextTick();case 5:i=n.scrollHeight,this.$emit("reach-top",function(){var e=Object(T["a"])(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,a.$nextTick();case 2:n.scrollTop=n.scrollHeight-i,a._loading=!1,a._loadend=!!t;case 5:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 7:case"end":return e.stop()}},e,this)}));function t(t){return e.apply(this,arguments)}return t}(),scrollToBottom:function(){var e=Object(T["a"])(regeneratorRuntime.mark(function e(){var t;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,this.$nextTick();case 2:t=this.$refs.wrap,t&&(t.scrollTop=t.scrollHeight);case 4:case"end":return e.stop()}},e,this)}));function t(){return e.apply(this,arguments)}return t}()},created:function(){},mounted:function(){}},Te=Pe,Le=(n("436f"),Object(k["a"])(Te,be,xe,!1,null,null,null)),Fe=Le.exports,Re={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 e=this,t=arguments[0],n=this.message,i=n.fromUser,a=n.status,r=n.sendTime;return t("div",{class:["lemon-message",{"lemon-message--reverse":this.reverse,"lemon-message--hidden-title":this.hiddenTitle}]},[t("div",{class:"lemon-message__avatar"},[t("lemon-avatar",{attrs:{size:36,shape:"square",src:i.avatar},on:{click:function(t){e._emitClick(t,"avatar")}}})]),t("div",{class:"lemon-message__inner"},[t("div",{class:"lemon-message__title"},[t("span",{on:{click:function(t){e._emitClick(t,"displayName")}}},[i.displayName]),t("span",{class:"lemon-message__time"},[this.timeFormat(r)])]),t("div",{class:"lemon-message__content",on:{click:function(t){e._emitClick(t,"content")}}},[this.useScopedSlots("content",this.message)]),t("div",{class:"lemon-message__status",on:{click:function(t){e._emitClick(t,"status")}}},[this._renderStatue(a)])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_emitClick:function(e,t){this.IMUI.$emit("message-click",e,t,this.message)},_renderStatue:function(e){var t=this.$createElement;return"going"==e?t("i",{class:"lemon-icon-loading lemonani-spin"}):"failed"==e?t("i",{class:"lemon-icon-prompt",attrs:{title:"重发消息"},style:{color:"#ff2525",cursor:"pointer"}}):void 0},useScopedSlots:function(e,t){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[e]?i.$scopedSlots[e](t):n}}},Ue=Re,Be=(n("fbd1"),Object(k["a"])(Ue,_e,we,!1,null,null,null)),Ae=Be.exports;function Ne(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function Ve(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:this.currentContactId;this._addMessage(e,t,1),this.messageViewToBottom()},_emitSend:function(e,t,n){var i=this;this.$emit("send",e,function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{status:"succeed"};t(),e=Object.assign(e,n),i.forceUpdateMessage(e.id)},n)},_handleSend:function(e){var t=this,n=this._createMessage({content:e});this.appendMessage(n),this._emitSend(n,function(){t.updateContact(n.toContactId,{lastContent:t.lastContentRender(n),lastSendTime:n.sendTime})})},_handleUpload:function(e){var t,n=this,i=["image/gif","image/jpeg","image/png"];t=i.includes(e.type)?{type:"image",content:URL.createObjectURL(e)}:{type:"file",fileSize:e.size,fileName:e.name,content:""};var a=this._createMessage(t);this.appendMessage(a),this._emitSend(a,function(){n.updateContact(a.toContactId,{lastContent:n.lastContentRender(a),lastSendTime:a.sendTime})},e)},_emitPullMessages:function(e){var t=this;this.$emit("pull-messages",this.currentContact,function(n){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t._addMessage(n,t.currentContactId,0),Dt.set(t.currentContactId,i),1==i&&t.$refs.messages.loaded(),e(i)})},clearCacheContainer:function(e){It.remove(e),$t.remove(e)},_renderWrapper:function(e){var t=this.$createElement;return t("div",{class:["lemon-wrapper",this.drawerVisible&&"lemon-wrapper--drawer-show"]},[e])},_renderMenu:function(){var e=this,t=this.$createElement,n=this._renderMenuItem();return t("div",{class:"lemon-menu",directives:[{name:"show",value:!this.hideMenu}]},[t("lemon-avatar",{directives:[{name:"show",value:!this.hideMenuAvatar}],on:{click:function(t){e.$emit("menu-avatar-click",t)}},class:"lemon-menu__avatar",attrs:{src:this.user.avatar}}),n.top,this.$slots.menu,t("div",{class:"lemon-menu__bottom"},[this.$slots["menu-bottom"],n.bottom])])},_renderMenuAvatar:function(){},_renderMenuItem:function(){var e=this,t=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=t("div",{class:["lemon-menu__item",{"lemon-menu__item--active":e.activeSidebar==r}],on:{click:function(){le(l,function(){r&&e.changeMenu(r)})}},attrs:{title:s}},[t("lemon-badge",{attrs:{count:o}},[c(a)])]);!0===a.isBottom?i.push(u):n.push(u)}),{top:n,bottom:i}},_renderSidebarMessage:function(){var e=this;return this._renderSidebar([re(this.$scopedSlots["message-sidebar"]),this.lastMessages.map(function(t){return e._renderContact({contact:t,timeFormat:e.contactTimeFormat},function(){return e.changeContact(t.id)})})],bt)},_renderContact:function(e,t){var n=this,i=this.$createElement,a=e.contact,r=a.click,s=a.renderContainer,c=a.id,l=function(){le(r,function(){t(),n._customContainerReady(s,It,c)})};return i("lemon-contact",o()([{class:{"lemon-contact--active":this.currentContactId==e.contact.id}},{props:e},{on:{click:l}}]))},_renderSidebarContact:function(){var e,t=this,n=this.$createElement;return this._renderSidebar([re(this.$scopedSlots["contact-sidebar"]),this.contacts.map(function(i){if(i.index){i.index=i.index.replace(/\[[0-9]*\]/,"");var a=[i.index!==e&&n("p",{class:"lemon-sidebar__label"},[i.index]),t._renderContact({contact:i,simple:!0},function(){return t.changeContact(i.id)})];return e=i.index,a}})],xt)},_renderSidebar:function(e,t){var n=this.$createElement;return n("div",{class:"lemon-sidebar",directives:[{name:"show",value:this.activeSidebar==t}]},[e])},_renderDrawer:function(){var e=this.$createElement;return this._menuIsMessages()&&this.currentContactId?e("div",{class:"lemon-drawer"},[Tt(),re(this.$scopedSlots.drawer,"",this.currentContact)]):""},_isContactContainerCache:function(e){return e.startsWith("contact#")},_renderContainer:function(){var e=this,t=this.$createElement,n=[],i="lemon-container",a=this.currentContact,r=!0;for(var s in It.get()){var o=a.id==s&&this.currentIsDefSidebar;r=!o,n.push(t("div",{class:i,directives:[{name:"show",value:o}]},[It.get(s)]))}for(var c in $t.get())n.push(t("div",{class:i,directives:[{name:"show",value:this.activeSidebar==c&&!this.currentIsDefSidebar}]},[$t.get(c)]));return n.push(t("div",{class:i,directives:[{name:"show",value:this._menuIsMessages()&&r&&a.id}]},[t("div",{class:"lemon-container__title"},[t("div",{class:"lemon-container__displayname"},[re(this.$scopedSlots["contact-title"],a.displayName,a)])]),t("lemon-messages",{ref:"messages",attrs:{"time-format":this.messageTimeFormat,"reverse-user-id":this.user.id,messages:this.currentMessages},on:{"reach-top":this._emitPullMessages}}),t("lemon-editor",{ref:"editor",on:{send:this._handleSend,upload:this._handleUpload}})])),n.push(t("div",{class:i,directives:[{name:"show",value:!a.id&&this.currentIsDefSidebar}]},[this.$slots.cover])),n.push(t("div",{class:i,directives:[{name:"show",value:this._menuIsContacts()&&r&&a.id}]},[re(this.$scopedSlots["contact-info"],t("div",{class:"lemon-contact-info"},[t("lemon-avatar",{attrs:{src:a.avatar,size:90}}),t("h4",[a.displayName]),t("lemon-button",{on:{click:function(){e.changeContact(a.id,bt)}}},["发送消息"])]),a)])),n},_addContact:function(e,t){var n={0:"unshift",1:"push"}[t];this.contacts[n](e)},_addMessage:function(e,t,n){var i,a={0:"unshift",1:"push"}[n];Array.isArray(e)||(e=[e]),Et[t]=Et[t]||[],(i=Et[t])[a].apply(i,Object(vt["a"])(e)),this.forceUpdateMessage()},setLastContentRender:function(e,t){wt[e]=t},lastContentRender:function(e){return wt[e.type].call(this,e)},replaceEmojiName:function(e){return e.replace(/\[!(\w+)\]/gi,function(e,t){var n=t;return Pt[n]?'
'):"[!".concat(t,"]")})},messageViewToBottom:function(){this.$refs.messages.scrollToBottom()},changeContact:function(e,t){var n=this;this.currentContactId==e&&(this.currentContactId=void 0),t&&this.changeMenu(t),this.currentContactId=e,this.$emit("change-contact",this.currentContact),ae(this.currentContact.renderContainer)||this._menuIsMessages()&&(Dt.has(e)||this.$refs.messages.resetLoadState(),Et[e]?setTimeout(function(){n.messageViewToBottom()},0):this._emitPullMessages(function(e){return n.messageViewToBottom()}))},removeMessage:function(e,t){var n=this.findMessageIndexById(e,t);-1!==n&&(Et[t].splice(n,1),this.forceUpdateMessage())},updateMessage:function(e,t,n){var i=this.findMessageIndexById(e,t);-1!==i&&(Et[t][i]=Object.assign(Et[t][i],n),console.log("--------",Et[t][i]),this.forceUpdateMessage(e))},forceUpdateMessage:function(e){if(e){var t=this.$refs.messages.$refs.message;if(t){var n=t.find(function(t){return t.$attrs.message.id==e});n&&n.$forceUpdate()}}else this.$refs.messages.$forceUpdate()},_customContainerReady:function(e,t,n){ae(e)&&!t.has(n)&&t.set(n,e.call(this))},changeMenu:function(e){this.$emit("change-menu",e),this.activeSidebar=e},initEmoji:function(e){this.$refs.editor.initEmoji(e),e[0].label&&(e=e.flatMap(function(e){return e.children})),e.forEach(function(e){var t=e.name,n=e.src;return Pt[t]=n})},initMenus:function(e){var t=this,n=this.$createElement,i=[{name:bt,title:"聊天",unread:0,click:null,render:function(e){return n("i",{class:"lemon-icon-message"})},isBottom:!1},{name:xt,title:"通讯录",unread:0,click:null,render:function(e){return n("i",{class:"lemon-icon-addressbook"})},isBottom:!1}],a=[];if(Array.isArray(e)){var r={lastMessages:0,contacts:1},s=Object.keys(r);a=e.map(function(e){return s.includes(e.name)?Mt({},i[r[e.name]],{},e,{},{renderContainer:null}):(e.renderContainer&&t._customContainerReady(e.renderContainer,$t,e.name),e)})}else a=i;this.menus=a},initContacts:function(e){var t;(t=this.contacts).push.apply(t,Object(vt["a"])(e)),this.sortContacts()},sortContacts:function(){this.contacts.sort(function(e,t){if(e.index)return e.index.localeCompare(t.index)})},updateContact:function(e,t){delete t.id,delete t.toContactId;var n=this.findContactIndexById(e);if(-1!==n){var i=t.unread;te(i)&&(0!==i.indexOf("+")&&0!==i.indexOf("-")||(t.unread=parseInt(i)+parseInt(this.contacts[n].unread))),this.$set(this.contacts,n,Mt({},this.contacts[n],{},t))}},findContactIndexById:function(e){return this.contacts.findIndex(function(t){return t.id==e})},findMessageIndexById:function(e,t){var n=Et[t];return ie(n)?-1:n.findIndex(function(t){return t.id==e})},findMessageById:function(e,t){var n=this.findMessageIndexById(e,t);if(-1!==n)return Et[t][n]},getContacts:function(){return this.contacts},getMessages:function(e){return(e?Et[e]:Et)||[]},openrenderContainer:function(e){},changeDrawer:function(e){this.drawerVisible=!this.drawerVisible,1==this.drawerVisible&&this.openDrawer(e)},openDrawer:function(e){Tt=e||new Function,this.drawerVisible=!0},closeDrawer:function(){this.drawerVisible=!1}}},Ft=Lt,Rt=(n("9b01"),Object(k["a"])(Ft,kt,St,!1,null,null,null)),Ut=Rt.exports,Bt=(n("6a2b"),"0.1"),At=[Ut,Oe,Fe,Ee,X,G,q,N,P,Ae,Ye,nt,dt,gt],Nt=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];At.forEach(function(t){e.component(t.name,t)})};"undefined"!==typeof window&&window.Vue&&Nt(window.Vue);var Vt={version:Bt,install:Nt};i["a"].use(Vt),i["a"].config.productionTip=!1,new i["a"]({render:function(e){return e(I)}}).$mount("#app")},cfab:function(e,t,n){"use strict";var i=n("15cf"),a=n.n(i);a.a},dbdc:function(e,t,n){"use strict";var i=n("7802"),a=n.n(i);a.a},e86c:function(e,t,n){},ed4b:function(e,t,n){"use strict";var i=n("a215"),a=n.n(i);a.a},fbd1:function(e,t,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.f8f6fe72.js b/examples/dist/js/index.f8f6fe72.js
new file mode 100644
index 0000000..f551b10
--- /dev/null
+++ b/examples/dist/js/index.f8f6fe72.js
@@ -0,0 +1 @@
+(function(e){function t(t){for(var i,s,o=t[0],c=t[1],l=t[2],m=0,d=[];m0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0;return t||(t={id:"system",displayName:"系统测试",avatar:"http://upload.qqbodys.com/allimg/1710/1035512943-0.jpg"}),{id:y(),status:"succeed",type:"text",sendTime:w(),content:j(),toContactId:e,fromUser:t}},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 e=this.$createElement,t={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(e){e()},renderContainer:function(){return e("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({},t),u({},n),u({},i)];a.initContacts(r),a.initMenus([{name:"lastMessages"},{name:"contacts"},{name:"custom1",title:"自定义按钮1",unread:0,render:function(t){return e("i",{class:"lemon-icon-attah"})},renderContainer:function(){return e("div",{class:"article"},[e("ul",[e("li",{class:"article-item"},[e("h2",["人民日报谈网红带货：产品真的值得买吗？"])]),e("li",{class:"article-item"},["甘肃夏河县发生5.7级地震 暂未接到人员伤亡报告"]),e("li",{class:"article-item"},["北方多地风力仍强沙尘相伴,东北内蒙古等地迎雨雪"]),e("li",{class:"article-item"},["英货车案：越南警方采集疑死者家属DNA作比对"]),e("li",{class:"article-item"},["知名连锁咖啡店的蛋糕吃出活虫 曝光内幕太震惊"])]),e("lemon-contact",o()([{},{props:{contact:t}},{style:"margin:20px"}])),e("lemon-contact",o()([{},{props:{contact:i}},{style:"margin:20px"}]))])},isBottom:!0},{name:"custom2",title:"自定义按钮2",unread:0,click:function(){alert("拦截导航点击事件")},render:function(t){return e("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(e,t,n){var i=this.$refs.IMUI;"status"==t&&(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 e=this.$refs.IMUI,t=e.currentContact,n=C();n.fromUser=u({},n.fromUser,{},this.user),e.appendMessage(n),e.updateContact(t.id,{unread:"+1",lastSendTime:w(),lastContent:e.lastContentRender(n)})},updateContact:function(){this.$refs.IMUI.updateContact("contact-3",{unread:10,displayName:j(),lastSendTime:w(),lastContent:"修改昵称为随机字母"})},changeDrawer:function(e){var t=this.$createElement;this.$refs.IMUI.changeDrawer(function(){return t("div",{class:"drawer-content"},[t("p",[t("b",["自定义抽屉"])]),t("p",[e.displayName])])})},handleChangeContact:function(e){console.log("Event:change-contact"),this.$refs.IMUI.updateContact(e.id,{unread:0}),this.$refs.IMUI.closeDrawer()},handleSend:function(e,t,n){console.log(e,t,n),setTimeout(function(){t()},1e3)},handlePullMessages:function(e,t){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),t(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"),n("2ec9"),{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 e=this,t=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(t("div",{class:"lemon-tabs-content__pane",directives:[{name:"show",value:e.active==o}]},[a])),i.push(t("div",{class:["lemon-tabs-nav__item",e.active==o&&"lemon-tabs-nav__item--active"],on:{click:function(){return e._handleNavClick(o)}}},[s]))}),t("div",{class:"lemon-tabs"},[t("div",{class:"lemon-tabs-content"},[n]),t("div",{class:"lemon-tabs-nav"},[i])])},methods:{_handleNavClick:function(e){this.active=e}}}),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(e){return e()})},R={hover:function(e){},focus:function(e){var t=this;e.addEventListener("focus",function(e){t.changeVisible()}),e.addEventListener("blur",function(e){t.changeVisible()})},click:function(e){var t=this;e.addEventListener("click",function(e){e.stopPropagation(),t.changeVisible()})},contextmenu:function(e){var t=this;e.addEventListener("contextmenu",function(e){e.preventDefault(),t.changeVisible()})}},U={name:"LemonPopover",props:{trigger:{type:String,default:"click",validator:function(e){return Object.keys(R).includes(e)}}},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 e=arguments[0];return e("span",{style:"position:relative"},[e("transition",{attrs:{name:"slide-top"}},[this.visible&&e("div",{class:"lemon-popover",ref:"popover",style:this.popoverStyle,on:{click:function(e){return e.stopPropagation()}}},[e("div",{class:"lemon-popover__title"}),e("div",{class:"lemon-popover__content"},[this.$slots.content]),e("div",{class:"lemon-popover__arrow"})])]),this.$slots.default])},destroyed:function(){document.removeEventListener("click",this._documentClickEvent)},computed:{},watch:{visible:function(){var e=Object(E["a"])(regeneratorRuntime.mark(function e(t){var n,i;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:if(!t){e.next=6;break}return e.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 e.stop()}},e,this)}));function t(t){return e.apply(this,arguments)}return t}()},methods:{_documentClickEvent:function(e){e.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 e=arguments[0];return e("button",{class:"lemon-button",attrs:{disabled:this.disabled,type:"button"},on:{click:this._handleClick}},[this.$slots.default])},methods:{_handleClick:function(e){this.$emit("click",e)}}},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 e=arguments[0];return e("span",{class:"lemon-badge"},[this.$slots.default,0!==this.count&&void 0!==this.count&&e("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 e=this,t=arguments[0];return t("span",{style:this.style,class:"lemon-avatar",on:{click:function(t){return e.$emit("click",t)}}},[this.imageFinishLoad&&t("i",{class:this.icon}),t("img",{attrs:{src:this.src},on:{load:this._handleLoad}})])},computed:{style:function(){var e="".concat(this.size,"px");return{width:e,height:e,lineHeight:e,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 ee(e){return"[object Object]"===Object.prototype.toString.call(e)}function te(e){return"string"==typeof e}function ne(e){return(new Date).getTime()-e<864e5}function ie(e){return!e||(!(!Array.isArray(e)||0!=e.length)||!(!ee(e)||0!=Object.values(e).length))}function ae(e){return e&&"function"===typeof e}n("a481");function re(e,t,n){return e?e(n):t}function se(e){return e<10?"0".concat(e):e}function oe(e){var t,n=new Date(e),i=new Date,a=function(e){return e.getFullYear()},r=function(e){return"".concat(e.getMonth()+1,"-").concat(e.getDate())},s=a(n),o=a(i);return t=s!==o?"y年m月d日 h:i":"".concat(s,"-").concat(r(n))==="".concat(o,"-").concat(r(i))?"h:i":"m月d日 h:i",ce(e,t)}function ce(e,t){t||(t="y-m-d h:i:s"),e=e?new Date(e):new Date;for(var n=[e.getFullYear().toString(),se((e.getMonth()+1).toString()),se(e.getDate().toString()),se(e.getHours().toString()),se(e.getMinutes().toString()),se(e.getSeconds().toString())],i="ymdhis",a=0;a]*>/gi,"[!$1]")}function me(e){if(null==e||""==e)return"0 Bytes";var t=["B","K","M","G","T","P","E","Z","Y"],n=0,i=parseFloat(e);n=Math.floor(Math.log(i)/Math.log(1024));var a=i/Math.pow(1024,n);return a=parseFloat(a.toFixed(2)),a+t[n]}function de(){var e=(new Date).getTime();window.performance&&"function"===typeof window.performance.now&&(e+=performance.now());var t="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var n=(e+16*Math.random())%16|0;return e=Math.floor(e/16),("x"==t?n:3&n|8).toString(16)});return t}var fe,he,pe,ge,ve,be,xe,_e,we,ye={name:"LemonContact",components:{},data:function(){return{}},props:{contact:Object,simple:Boolean,timeFormat:{type:Function,default:function(e){return ce(e,ne(e)?"h:i":"y/m/d")}}},render:function(){var e=this,t=arguments[0],n=this.contact;return t("div",{class:["lemon-contact",{"lemon-contact--name-center":this.simple}],on:{click:function(t){return e._handleClick(t,n)}}},[t("lemon-badge",{attrs:{count:this.simple?0:n.unread,"native-on-click":function(t){return e._handleBubbleClick(t,n)}},class:"lemon-contact__avatar"},[t("lemon-avatar",{attrs:{size:40,"native-on-click":function(t){return e._handleAvatarClick(t,n)},src:n.avatar}})]),t("div",{class:"lemon-contact__inner"},[t("p",{class:"lemon-contact__label"},[t("span",{class:"lemon-contact__name"},[n.displayName]),!this.simple&&t("span",{class:"lemon-contact__time"},[this.timeFormat(n.lastSendTime)])]),!this.simple&&t("p",{class:"lemon-contact__content"},[te(n.lastContent)?t("span",o()([{},{domProps:{innerHTML:n.lastContent}}])):n.lastContent])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_handleClick:function(e,t){this.$emit("click",t)},_handleAvatarClick:function(e,t){e.stopPropagation(),this.$emit("avatar-click",t)},_handleBubbleClick:function(e,t){e.stopPropagation(),this.$emit("bubble-click",t)}}},je=ye,Ce=(n("909e"),Object(k["a"])(je,fe,he,!1,null,null,null)),Oe=Ce.exports,Me=(n("5df3"),n("1c4c"),function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"insertHTML";document.execCommand(t,!1,e)}),ke=window.getSelection(),Se=[],Ie={name:"LemonEditor",components:{},props:{},data:function(){return{submitDisabled:!0,accept:""}},created:function(){},mounted:function(){},computed:{},watch:{},render:function(){var e=this,t=arguments[0];return t("div",{class:"lemon-editor"},[t("input",{style:"display:none",attrs:{type:"file",multiple:"multiple",accept:this.accept},ref:"fileInput",on:{change:this._handleChangeFile}}),t("div",{class:"lemon-editor__tool"},[Se.length>0&&t("lemon-popover",{class:"lemon-editor__emoji"},[t("template",{slot:"content"},[this._renderEmojiTabs()]),t("div",{class:"lemon-editor__tool-item"},[t("i",{class:"lemon-icon-emoji"})])]),t("div",{class:"lemon-editor__tool-item",on:{click:function(){return e._handleSelectFile("*")}}},[t("i",{class:"lemon-icon-folder"})]),t("div",{class:"lemon-editor__tool-item",on:{click:function(){return e._handleSelectFile("image/*")}}},[t("i",{class:"lemon-icon-image"})])]),t("div",{class:"lemon-editor__inner"},[t("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}})]),t("div",{class:"lemon-editor__footer"},[t("div",{class:"lemon-editor__tip"},["使用 ctrl + enter 快捷发送消息"]),t("div",{class:"lemon-editor__submit"},[t("lemon-button",{attrs:{disabled:this.submitDisabled},on:{click:this._handleSend}},["发 送"])])])])},methods:{_saveLastRange:function(){pe=ke.getRangeAt(0)},_focusLastRange:function(){this.$refs.textarea.focus(),pe&&(ke.removeAllRanges(),ke.addRange(pe))},_handleClick:function(){this._saveLastRange()},_handleInput:function(){this._checkSubmitDisabled()},_renderEmojiTabs:function(){var e=this,t=this.$createElement,n=function(n){return n.map(function(n){return t("img",{attrs:{src:n.src,title:n.title},class:"lemon-editor__emoji-item",on:{click:function(){return e._handleSelectEmoji(n)}}})})};if(Se[0].label){var i=Se.map(function(e,i){return t("div",{slot:"tab-pane",attrs:{index:i,tab:e.label}},[n(e.children)])});return t("lemon-tabs",{style:"width: 412px"},[i])}return t("div",{class:"lemon-tabs-content",style:"width:406px"},[n(Se)])},_handleSelectEmoji:function(e){this._focusLastRange(),Me('.concat(e.src,')
')),this._saveLastRange()},_handleSelectFile:function(){var e=Object(E["a"])(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return this.accept=t,e.next=3,this.$nextTick();case 3:this.$refs.fileInput.click();case 4:case"end":return e.stop()}},e,this)}));function t(t){return e.apply(this,arguments)}return t}(),_handlePaste:function(e){e.preventDefault();var t=e.clipboardData,n=t.getData("text");Me(n,"insertText")},_handleKeyup:function(e){this._saveLastRange()},_handleKeydown:function(e){e.keyCode},getFormatValue:function(){return ue(this.$refs.textarea.innerHTML.replace(/
|<\/br>/,"").replace(/|
/g,"\r\n").replace(/<\/div>|<\/p>/g,""))},_checkSubmitDisabled:function(){this.submitDisabled=!this.$refs.textarea.innerHTML.trim()},_handleSend:function(e){var t=this.getFormatValue();this.$emit("send",t),this.clear(),this._checkSubmitDisabled()},_handleChangeFile:function(e){var t=this,n=this.$refs.fileInput;Array.from(n.files).forEach(function(e){t.$emit("upload",e)}),n.value=""},clear:function(){this.$refs.textarea.innerHTML=""},initEmoji:function(e){Se=e,this.$forceUpdate()}}},$e=Ie,De=(n("49c2"),Object(k["a"])($e,ge,ve,!1,null,null,null)),Pe=De.exports,Te={name:"LemonMessages",components:{},props:{reverseUserId:String,timeRange:{type:Number,default:1},timeFormat:{type:Function,default:function(e){return oe(e)}},messages:{type:Array,default:function(){return[]}}},data:function(){return{_loading:!1,_loadend:!1}},render:function(){var e=this,t=arguments[0];return t("div",{class:"lemon-messages",ref:"wrap",on:{scroll:this._handleScroll}},[t("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=e.messages[i-1];return s&&e.msecRange&&n.sendTime-s.sendTime>e.msecRange&&a.push(t("lemon-message-event",o()([{},{attrs:{message:{id:"__time__",type:"event",content:e.timeFormat(n.sendTime)}}}]))),a.push(t(r,o()([{ref:"message",refInFor:!0},{attrs:{timeFormat:e.msecRange>0?function(){}:e.timeFormat,message:n,reverse:e.reverseUserId==n.fromUser.id,hiddenTitle:!1}}]))),a})])},computed:{msecRange:function(){return 1e3*this.timeRange*60}},watch:{},methods:{_renderLoading:function(){var e=this.$createElement;return e("i",{class:"lemon-icon-loading lemonani-spin"})},_renderLoadEnd:function(){var e=this.$createElement;return e("span",["暂无更多消息"])},loaded:function(){this._loadend=!0},resetLoadState:function(){this._loading=!1,this._loadend=!1},_handleScroll:function(){var e=Object(E["a"])(regeneratorRuntime.mark(function e(t){var n,i,a=this;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:if(n=t.target,0!=n.scrollTop||0!=this._loading||0!=this._loadend){e.next=7;break}return this._loading=!0,e.next=5,this.$nextTick();case 5:i=n.scrollHeight,this.$emit("reach-top",function(){var e=Object(E["a"])(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,a.$nextTick();case 2:n.scrollTop=n.scrollHeight-i,a._loading=!1,a._loadend=!!t;case 5:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}());case 7:case"end":return e.stop()}},e,this)}));function t(t){return e.apply(this,arguments)}return t}(),scrollToBottom:function(){var e=Object(E["a"])(regeneratorRuntime.mark(function e(){var t;return regeneratorRuntime.wrap(function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,this.$nextTick();case 2:t=this.$refs.wrap,t&&(t.scrollTop=t.scrollHeight);case 4:case"end":return e.stop()}},e,this)}));function t(){return e.apply(this,arguments)}return t}()},created:function(){},mounted:function(){}},Ee=Te,Le=(n("436f"),Object(k["a"])(Ee,be,xe,!1,null,null,null)),Fe=Le.exports,Re={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 e=this,t=arguments[0],n=this.message,i=n.fromUser,a=n.status,r=n.sendTime;return t("div",{class:["lemon-message",{"lemon-message--reverse":this.reverse,"lemon-message--hidden-title":this.hiddenTitle}]},[t("div",{class:"lemon-message__avatar"},[t("lemon-avatar",{attrs:{size:36,shape:"square",src:i.avatar},on:{click:function(t){e._emitClick(t,"avatar")}}})]),t("div",{class:"lemon-message__inner"},[t("div",{class:"lemon-message__title"},[t("span",{on:{click:function(t){e._emitClick(t,"displayName")}}},[i.displayName]),t("span",{class:"lemon-message__time"},[this.timeFormat(r)])]),t("div",{class:"lemon-message__content",on:{click:function(t){e._emitClick(t,"content")}}},[this.useScopedSlots("content",this.message)]),t("div",{class:"lemon-message__status",on:{click:function(t){e._emitClick(t,"status")}}},[this._renderStatue(a)])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_emitClick:function(e,t){this.IMUI.$emit("message-click",e,t,this.message)},_renderStatue:function(e){var t=this.$createElement;return"going"==e?t("i",{class:"lemon-icon-loading lemonani-spin"}):"failed"==e?t("i",{class:"lemon-icon-prompt",attrs:{title:"重发消息"},style:{color:"#ff2525",cursor:"pointer"}}):void 0},useScopedSlots:function(e,t){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[e]?i.$scopedSlots[e](t):n}}},Ue=Re,Be=(n("fbd1"),Object(k["a"])(Ue,_e,we,!1,null,null,null)),Ae=Be.exports;function Ne(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function Ve(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:this.currentContactId;this._addMessage(e,t,1),this.messageViewToBottom()},_emitSend:function(e,t,n){var i=this;this.$emit("send",e,function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{status:"succeed"};t(),e=Object.assign(e,n),i.forceUpdateMessage(e.id)},n)},_handleSend:function(e){var t=this,n=this._createMessage({content:e});this.appendMessage(n),this._emitSend(n,function(){t.updateContact(n.toContactId,{lastContent:t.lastContentRender(n),lastSendTime:n.sendTime})})},_handleUpload:function(e){var t,n=this,i=["image/gif","image/jpeg","image/png"];t=i.includes(e.type)?{type:"image",content:URL.createObjectURL(e)}:{type:"file",fileSize:e.size,fileName:e.name,content:""};var a=this._createMessage(t);this.appendMessage(a),this._emitSend(a,function(){n.updateContact(a.toContactId,{lastContent:n.lastContentRender(a),lastSendTime:a.sendTime})},e)},_emitPullMessages:function(e){var t=this;this.$emit("pull-messages",this.currentContact,function(n){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t._addMessage(n,t.currentContactId,0),Dt.set(t.currentContactId,i),1==i&&t.$refs.messages.loaded(),e(i)})},clearCacheContainer:function(e){It.remove(e),$t.remove(e)},_renderWrapper:function(e){var t=this.$createElement;return t("div",{class:["lemon-wrapper",this.drawerVisible&&"lemon-wrapper--drawer-show"]},[e])},_renderMenu:function(){var e=this,t=this.$createElement,n=this._renderMenuItem();return t("div",{class:"lemon-menu",directives:[{name:"show",value:!this.hideMenu}]},[t("lemon-avatar",{directives:[{name:"show",value:!this.hideMenuAvatar}],on:{click:function(t){e.$emit("menu-avatar-click",t)}},class:"lemon-menu__avatar",attrs:{src:this.user.avatar}}),n.top,this.$slots.menu,t("div",{class:"lemon-menu__bottom"},[this.$slots["menu-bottom"],n.bottom])])},_renderMenuAvatar:function(){},_renderMenuItem:function(){var e=this,t=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=t("div",{class:["lemon-menu__item",{"lemon-menu__item--active":e.activeSidebar==r}],on:{click:function(){le(l,function(){r&&e.changeMenu(r)})}},attrs:{title:s}},[t("lemon-badge",{attrs:{count:o}},[c(a)])]);!0===a.isBottom?i.push(u):n.push(u)}),{top:n,bottom:i}},_renderSidebarMessage:function(){var e=this;return this._renderSidebar([re(this.$scopedSlots["message-sidebar"]),this.lastMessages.map(function(t){return e._renderContact({contact:t,timeFormat:e.contactTimeFormat},function(){return e.changeContact(t.id)})})],bt)},_renderContact:function(e,t){var n=this,i=this.$createElement,a=e.contact,r=a.click,s=a.renderContainer,c=a.id,l=function(){le(r,function(){t(),n._customContainerReady(s,It,c)})};return i("lemon-contact",o()([{class:{"lemon-contact--active":this.currentContactId==e.contact.id}},{props:e},{on:{click:l}}]))},_renderSidebarContact:function(){var e,t=this,n=this.$createElement;return this._renderSidebar([re(this.$scopedSlots["contact-sidebar"]),this.contacts.map(function(i){if(i.index){i.index=i.index.replace(/\[[0-9]*\]/,"");var a=[i.index!==e&&n("p",{class:"lemon-sidebar__label"},[i.index]),t._renderContact({contact:i,simple:!0},function(){return t.changeContact(i.id)})];return e=i.index,a}})],xt)},_renderSidebar:function(e,t){var n=this.$createElement;return n("div",{class:"lemon-sidebar",directives:[{name:"show",value:this.activeSidebar==t}]},[e])},_renderDrawer:function(){var e=this.$createElement;return this._menuIsMessages()&&this.currentContactId?e("div",{class:"lemon-drawer"},[Et(),re(this.$scopedSlots.drawer,"",this.currentContact)]):""},_isContactContainerCache:function(e){return e.startsWith("contact#")},_renderContainer:function(){var e=this,t=this.$createElement,n=[],i="lemon-container",a=this.currentContact,r=!0;for(var s in It.get()){var o=a.id==s&&this.currentIsDefSidebar;r=!o,n.push(t("div",{class:i,directives:[{name:"show",value:o}]},[It.get(s)]))}for(var c in $t.get())n.push(t("div",{class:i,directives:[{name:"show",value:this.activeSidebar==c&&!this.currentIsDefSidebar}]},[$t.get(c)]));return n.push(t("div",{class:i,directives:[{name:"show",value:this._menuIsMessages()&&r&&a.id}]},[t("div",{class:"lemon-container__title"},[t("div",{class:"lemon-container__displayname"},[re(this.$scopedSlots["contact-title"],a.displayName,a)])]),t("lemon-messages",{ref:"messages",attrs:{"time-format":this.messageTimeFormat,"reverse-user-id":this.user.id,messages:this.currentMessages},on:{"reach-top":this._emitPullMessages}}),t("lemon-editor",{ref:"editor",on:{send:this._handleSend,upload:this._handleUpload}})])),n.push(t("div",{class:i,directives:[{name:"show",value:!a.id&&this.currentIsDefSidebar}]},[this.$slots.cover])),n.push(t("div",{class:i,directives:[{name:"show",value:this._menuIsContacts()&&r&&a.id}]},[re(this.$scopedSlots["contact-info"],t("div",{class:"lemon-contact-info"},[t("lemon-avatar",{attrs:{src:a.avatar,size:90}}),t("h4",[a.displayName]),t("lemon-button",{on:{click:function(){e.changeContact(a.id,bt)}}},["发送消息"])]),a)])),n},_addContact:function(e,t){var n={0:"unshift",1:"push"}[t];this.contacts[n](e)},_addMessage:function(e,t,n){var i,a={0:"unshift",1:"push"}[n];Array.isArray(e)||(e=[e]),Pt[t]=Pt[t]||[],(i=Pt[t])[a].apply(i,Object(vt["a"])(e)),this.forceUpdateMessage()},setLastContentRender:function(e,t){wt[e]=t},lastContentRender:function(e){return wt[e.type].call(this,e)},replaceEmojiName:function(e){return e.replace(/\[!(\w+)\]/gi,function(e,t){var n=t;return Tt[n]?'
'):"[!".concat(t,"]")})},messageViewToBottom:function(){this.$refs.messages.scrollToBottom()},changeContact:function(e,t){var n=this;this.currentContactId==e&&(this.currentContactId=void 0),t&&this.changeMenu(t),this.currentContactId=e,this.$emit("change-contact",this.currentContact),ae(this.currentContact.renderContainer)||this._menuIsMessages()&&(Dt.has(e)||this.$refs.messages.resetLoadState(),Pt[e]?setTimeout(function(){n.messageViewToBottom()},0):this._emitPullMessages(function(e){return n.messageViewToBottom()}))},removeMessage:function(e,t){var n=this.findMessageIndexById(e,t);-1!==n&&(Pt[t].splice(n,1),this.forceUpdateMessage())},updateMessage:function(e,t,n){var i=this.findMessageIndexById(e,t);-1!==i&&(Pt[t][i]=Object.assign(Pt[t][i],n),console.log("--------",Pt[t][i]),this.forceUpdateMessage(e))},forceUpdateMessage:function(e){if(e){var t=this.$refs.messages.$refs.message;if(t){var n=t.find(function(t){return t.$attrs.message.id==e});n&&n.$forceUpdate()}}else this.$refs.messages.$forceUpdate()},_customContainerReady:function(e,t,n){ae(e)&&!t.has(n)&&t.set(n,e.call(this))},changeMenu:function(e){this.$emit("change-menu",e),this.activeSidebar=e},initEmoji:function(e){this.$refs.editor.initEmoji(e),e[0].label&&(e=e.flatMap(function(e){return e.children})),e.forEach(function(e){var t=e.name,n=e.src;return Tt[t]=n})},initMenus:function(e){var t=this,n=this.$createElement,i=[{name:bt,title:"聊天",unread:0,click:null,render:function(e){return n("i",{class:"lemon-icon-message"})},isBottom:!1},{name:xt,title:"通讯录",unread:0,click:null,render:function(e){return n("i",{class:"lemon-icon-addressbook"})},isBottom:!1}],a=[];if(Array.isArray(e)){var r={lastMessages:0,contacts:1},s=Object.keys(r);a=e.map(function(e){return s.includes(e.name)?Mt({},i[r[e.name]],{},e,{},{renderContainer:null}):(e.renderContainer&&t._customContainerReady(e.renderContainer,$t,e.name),e)})}else a=i;this.menus=a},initContacts:function(e){var t;(t=this.contacts).push.apply(t,Object(vt["a"])(e)),this.sortContacts()},sortContacts:function(){this.contacts.sort(function(e,t){if(e.index)return e.index.localeCompare(t.index)})},updateContact:function(e,t){delete t.id,delete t.toContactId;var n=this.findContactIndexById(e);if(-1!==n){var i=t.unread;te(i)&&(0!==i.indexOf("+")&&0!==i.indexOf("-")||(t.unread=parseInt(i)+parseInt(this.contacts[n].unread))),this.$set(this.contacts,n,Mt({},this.contacts[n],{},t))}},findContactIndexById:function(e){return this.contacts.findIndex(function(t){return t.id==e})},findMessageIndexById:function(e,t){var n=Pt[t];return ie(n)?-1:n.findIndex(function(t){return t.id==e})},findMessageById:function(e,t){var n=this.findMessageIndexById(e,t);if(-1!==n)return Pt[t][n]},getContacts:function(){return this.contacts},getMessages:function(e){return(e?Pt[e]:Pt)||[]},openrenderContainer:function(e){},changeDrawer:function(e){this.drawerVisible=!this.drawerVisible,1==this.drawerVisible&&this.openDrawer(e)},openDrawer:function(e){Et=e||new Function,this.drawerVisible=!0},closeDrawer:function(){this.drawerVisible=!1}}},Ft=Lt,Rt=(n("9b01"),Object(k["a"])(Ft,kt,St,!1,null,null,null)),Ut=Rt.exports,Bt=(n("6a2b"),"0.1"),At=[Ut,Oe,Fe,Pe,X,G,q,N,T,Ae,Ye,nt,dt,gt],Nt=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];At.forEach(function(t){e.component(t.name,t)})};"undefined"!==typeof window&&window.Vue&&Nt(window.Vue);var Vt={version:Bt,install:Nt};i["a"].use(Vt),i["a"].config.productionTip=!1,new i["a"]({render:function(e){return e(I)}}).$mount("#app")},cfab:function(e,t,n){"use strict";var i=n("15cf"),a=n.n(i);a.a},dbdc:function(e,t,n){"use strict";var i=n("7802"),a=n.n(i);a.a},e86c:function(e,t,n){},ed4b:function(e,t,n){"use strict";var i=n("a215"),a=n.n(i);a.a},fbd1:function(e,t,n){"use strict";var i=n("820e"),a=n.n(i);a.a}});
\ No newline at end of file
diff --git a/packages/components/editor.vue b/packages/components/editor.vue
index cb31f7d..a4898d3 100644
--- a/packages/components/editor.vue
+++ b/packages/components/editor.vue
@@ -116,7 +116,6 @@ export default {
return (
{renderImageGrid(item.children)}
- {renderImageGrid(item.children)}
);
});
@@ -191,28 +190,6 @@ export default {
initEmoji(data) {
emojiData = data;
this.$forceUpdate();
- // this.emoji = [
- // {
- // label: "表情",
- // name: "face",
- // data: [
- // {
- // name: "wx",
- // src: "微笑"
- // }
- // ]
- // },
- // {
- // label: "武器",
- // name: "wa",
- // data: [
- // {
- // name: "wx",
- // src: "微笑"
- // }
- // ]
- // }
- // ];
}
}
};
diff --git a/packages/components/index.vue b/packages/components/index.vue
index 049e3f5..f580228 100644
--- a/packages/components/index.vue
+++ b/packages/components/index.vue
@@ -123,22 +123,7 @@ export default {
},
...message
};
- // const message = {
- // id: "123",
- // status: "succeed",
- // type: "image",
- // sendTime: 12312312312,
- // content: "asdas",
- // fromContactId: "123",
- // fromUser: { id: "123", displayName: "123", avatar: "123",}
- // }
},
- // _setDefMessages(id) {
- // //this.messages[id] = this.messages[id] || [];
- // if (!messages[id]) {
- // this.$set(messages, id, []);
- // }
- // },
appendMessage(message, contactId = this.currentContactId) {
this._addMessage(message, contactId, 1);
this.messageViewToBottom();
@@ -584,8 +569,6 @@ export default {
changeMenu(name) {
this.$emit("change-menu", name);
this.activeSidebar = name;
- // const { renderContainer } = this.currentMenu;
- // this._customContainerReady(renderContainer, CacheMenuContainer, name);
},
/**
* 初始化编辑框的 Emoji 表情列表，是 Lemon-editor.initEmoji 的代理方法