From 58fdba17a02315fe7aa06dcd2f2b507ba101ecd6 Mon Sep 17 00:00:00 2001 From: fan <504498960@qq.com> Date: Fri, 25 Oct 2019 21:59:25 +0800 Subject: [PATCH] UPDATE --- examples/App.vue | 172 +++++++++++++++++++++------ examples/dist/css/index.2750e9e8.css | 1 + examples/dist/css/index.f11a88a4.css | 1 - examples/dist/index.html | 2 +- examples/dist/js/index.5f6fc069.js | 1 + examples/dist/js/index.8f19e614.js | 1 - package.json | 2 +- packages/components/index.vue | 16 +-- 8 files changed, 151 insertions(+), 45 deletions(-) create mode 100644 examples/dist/css/index.2750e9e8.css delete mode 100644 examples/dist/css/index.f11a88a4.css create mode 100644 examples/dist/js/index.5f6fc069.js delete mode 100644 examples/dist/js/index.8f19e614.js diff --git a/examples/App.vue b/examples/App.vue index c4d8ab2..891a993 100644 --- a/examples/App.vue +++ b/examples/App.vue @@ -1,35 +1,78 @@ \ No newline at end of file +Lemon-IMUI
\ No newline at end of file diff --git a/examples/dist/js/index.5f6fc069.js b/examples/dist/js/index.5f6fc069.js new file mode 100644 index 0000000..4c94bfc --- /dev/null +++ b/examples/dist/js/index.5f6fc069.js @@ -0,0 +1 @@ +(function(e){function t(t){for(var i,s,o=t[0],c=t[1],l=t[2],d=0,m=[];dthis.overflowCount?"".concat(this.overflowCount,"+"):this.count}},methods:{}},W=K,Y=(n("dbdc"),Object(C["a"])(W,h,g,!1,null,null,null)),z=Y.exports,G={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=G,q=(n("04f4"),Object(C["a"])(Q,v,b,!1,null,null,null)),J=q.exports,Z=n("2638"),X=n.n(Z);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 fe(){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 pe,he,ge,ve,be,xe,_e,ye,we,je={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",X()([{},{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)}}},Oe=je,Ce=(n("909e"),Object(C["a"])(Oe,pe,he,!1,null,null,null)),Se=Ce.exports,ke=(n("5df3"),n("1c4c"),function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"insertHTML";document.execCommand(t,!1,e)}),Me=window.getSelection(),Ie=[],$e={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"},[Ie.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(){ge=Me.getRangeAt(0)},_focusLastRange:function(){this.$refs.textarea.focus(),ge&&(Me.removeAllRanges(),Me.addRange(ge))},_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(Ie[0].label){var i=Ie.map(function(e,i){return t("div",{slot:"tab-pane",attrs:{index:i,tab:e.label}},[n(e.children),n(e.children)])});return t("lemon-tabs",{style:"width: 412px"},[i])}return t("div",{class:"lemon-tabs-content",style:"width:406px"},[n(Ie)])},_handleSelectEmoji:function(e){this._focusLastRange(),ke('')),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");ke(n,"insertText")},_handleKeyup:function(e){this._saveLastRange()},_handleKeydown:function(e){e.keyCode},getFormatValue:function(){return de(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){Ie=e,this.$forceUpdate()}}},Te=$e,Ee=(n("49c2"),Object(C["a"])(Te,ve,be,!1,null,null,null)),De=Ee.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",X()([{},{attrs:{message:{id:"__time__",type:"event",content:e.timeFormat(n.sendTime)}}}]))),a.push(t(r,X()([{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",["暂无消息"])},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(){}},Fe=Pe,Le=(n("436f"),Object(C["a"])(Fe,xe,_e,!1,null,null,null)),Ue=Le.exports,Re={name:"lemonMessageBasic",props:{message:{type:Object,default:function(){return{}}},timeFormat:{type:Function,default:function(){return""}},reverse:Boolean,hiddenTitle:Boolean},data:function(){return{}},render:function(){var e=arguments[0],t=this.message,n=t.fromUser,i=t.status,a=t.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:n.avatar},on:{click:function(){console.log("message avatar click")}}})]),e("div",{class:"lemon-message__inner"},[e("div",{class:"lemon-message__title"},[e("span",{on:{click:function(){console.log("message displayname click")}}},[n.displayName]),e("span",{class:"lemon-message__time"},[this.timeFormat(a)])]),e("div",{class:"lemon-message__content",on:{click:function(){console.log("message content click")}}},[this.useScopedSlots("content",this.message)]),e("div",{class:"lemon-message__status"},[this._renderStatue(i)])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_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}}},Ne=Re,Be=(n("fbd1"),Object(C["a"])(Ne,ye,we,!1,null,null,null)),Ae=Be.exports,He={inject:["IMUI"],methods:{}};function Ve(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 Ke(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)},_handleReachTop: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(Array(10).fill(n[1]),t.currentContactId,0),At.set(t.currentContactId,i),e(i)})},clearCacheContainer:function(e){Nt.remove(e),Bt.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.$createElement,t=this._renderMenuItem();return e("div",{class:"lemon-menu"},[0==this.hideMenuAvatar&&e("lemon-avatar",{on:{click:function(e){console.log("menu avatar click")}},class:"lemon-menu__avatar",attrs:{src:"https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=400062461,2874561526&fm=26&gp=0.jpg"}}),t.top,this.$slots.menu,e("div",{class:"lemon-menu__bottom"},[this.$slots["menu-bottom"],t.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(this.lastMessages.map(function(t){return e._renderContact({contact:t,timeFormat:e.contactTimeFormat},function(){return e.changeContact(t.id)})}),_t)},_renderContact:function(e,t){var n=this,i=this.$createElement,a=e.contact,r=a.click,s=a.renderContainer,o=a.id,c=function(){le(r,function(){t(),n._customContainerReady(s,Nt,o)})};return i("lemon-contact",X()([{class:{"lemon-contact--active":this.currentContactId==e.contact.id}},{props:e},{on:{click:c}}]))},_renderSidebarContact:function(){var e,t=this,n=this.$createElement;return this._renderSidebar(this.contacts.map(function(i){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}),yt)},_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"},[Kt(),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 Nt.get()){var o=a.id==s&&this.currentIsDefSidebar;r=!o,n.push(t("div",{class:i,directives:[{name:"show",value:o}]},[Nt.get(s)]))}for(var c in Bt.get())n.push(t("div",{class:i,directives:[{name:"show",value:this.activeSidebar==c&&!this.currentIsDefSidebar}]},[Bt.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._handleReachTop}}),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.$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,_t)}}},[" ","发送消息"," "])]),a)])),n},_addContact:function(e,t){var n={0:"unshift",1:"push"}[t];Dt(e),this.contacts[n](e)},_addMessage:function(e,t,n){var i,a={0:"unshift",1:"push"}[n];Array.isArray(e)||(e=[e]),Ht[t]=Ht[t]||[],(i=Ht[t])[a].apply(i,Object(xt["a"])(e)),this.forceUpdateMessage()},setLastContentRender:function(e,t){St[e]=t},lastContentRender:function(e){return St[e.type].call(this,e)},replaceEmojiName:function(e){return e.replace(/\[!(\w+)\]/gi,function(e,t){var n=t;return Vt[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()&&(At.has(e)||this.$refs.messages.resetLoadState(),Ht[e]?this.messageViewToBottom():this.$emit("pull-messages",this.currentContact,function(t,i){n._addMessage(t,e,0),n.messageViewToBottom()}))},removeMessage:function(e,t){var n=this.findMessageIndexById(e,t);-1!==n&&(Ht[t].splice(n,1),this.forceUpdateMessage())},updateMessage:function(e,t,n){var i=this.findMessageIndexById(e,t);-1!==i&&(Ht[t][i]=Lt({},Ht[t][i],{},n),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;var t=this.currentMenu.renderContainer;this._customContainerReady(t,Bt,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 Vt[t]=n})},initMenus:function(e){var t=this.$createElement,n=[{name:_t,title:"聊天",unread:0,click:null,render:function(e){return t("i",{class:"lemon-icon-message"})},isBottom:!1},{name:yt,title:"通讯录",unread:0,click:null,render:function(e){return t("i",{class:"lemon-icon-addressbook"})},isBottom:!1}],i=[];if(Array.isArray(e)){var a={lastMessages:0,contacts:1},r=Object.keys(a);i=e.map(function(e){return r.includes(e.name)?Lt({},n[a[e.name]],{},e,{},{renderContainer:null}):e})}else i=n;this.menus=i},initContacts:function(e){var t;(t=this.contacts).push.apply(t,Object(xt["a"])(e)),this.sortContacts()},sortContacts:function(){this.contacts.sort(function(e,t){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,Lt({},this.contacts[n],{},t))}},findContactIndexById:function(e){return this.contacts.findIndex(function(t){return t.id==e})},findMessageIndexById:function(e,t){var n=Ht[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 Ht[t][n]},getContacts:function(){return this.contacts},getMessages:function(){return Ht},openrenderContainer:function(e){},changeDrawer:function(e){this.drawerVisible=!this.drawerVisible,1==this.drawerVisible&&this.openDrawer(e)},openDrawer:function(e){Kt=e||new Function,this.drawerVisible=!0},closeDrawer:function(){this.drawerVisible=!1}}},Yt=Wt,zt=(n("9b01"),Object(C["a"])(Yt,Ut,Rt,!1,null,null,null)),Gt=zt.exports,Qt=(n("6a2b"),"0.1"),qt=[Gt,Se,Ue,De,J,z,V,N,T,Ae,qe,at,pt,bt],Jt=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];qt.forEach(function(t){e.component(t.name,t)})};"undefined"!==typeof window&&window.Vue&&Jt(window.Vue);var Zt={version:Qt,install:Jt};i["a"].use(Zt),i["a"].config.productionTip=!1,new i["a"]({render:function(e){return e(k)}}).$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.8f19e614.js b/examples/dist/js/index.8f19e614.js deleted file mode 100644 index eb3e818..0000000 --- a/examples/dist/js/index.8f19e614.js +++ /dev/null @@ -1 +0,0 @@ -(function(e){function t(t){for(var i,s,o=t[0],c=t[1],l=t[2],m=0,d=[];mthis.overflowCount?"".concat(this.overflowCount,"+"):this.count}},methods:{}}),A=B,H=(n("dbdc"),Object(y["a"])(A,h,g,!1,null,null,null)),V=H.exports,K={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}}},W=K,z=(n("04f4"),Object(y["a"])(W,v,b,!1,null,null,null)),Y=z.exports,G=n("2638"),Q=n.n(G);n("3b2b"),n("8615"),n("6b54");function q(e){return"[object Object]"===Object.prototype.toString.call(e)}function J(e){return"string"==typeof e}function Z(e){return(new Date).getTime()-e<864e5}function X(e){return!e||(!(!Array.isArray(e)||0!=e.length)||!(!q(e)||0!=Object.values(e).length))}function ee(e){return e&&"function"===typeof e}n("a481");function te(e,t,n){return e?e(n):t}function ne(e){return e<10?"0".concat(e):e}function ie(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",ae(e,t)}function ae(e,t){t||(t="y-m-d h:i:s"),e=e?new Date(e):new Date;for(var n=[e.getFullYear().toString(),ne((e.getMonth()+1).toString()),ne(e.getDate().toString()),ne(e.getHours().toString()),ne(e.getMinutes().toString()),ne(e.getSeconds().toString())],i="ymdhis",a=0;a]*>/gi,"[!$1]")}function ce(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 le(){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 ue,me,de,fe,pe,he,ge,ve,be,xe={name:"LemonContact",components:{},data:function(){return{}},props:{contact:Object,simple:Boolean,timeFormat:{type:Function,default:function(e){return ae(e,Z(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"},[J(n.lastContent)?t("span",Q()([{},{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)}}},_e=xe,ye=(n("909e"),Object(y["a"])(_e,ue,me,!1,null,null,null)),we=ye.exports,je=(n("5df3"),n("1c4c"),function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"insertHTML";document.execCommand(t,!1,e)}),Oe=window.getSelection(),Ce=[],Se={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"},[Ce.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(){de=Oe.getRangeAt(0)},_focusLastRange:function(){this.$refs.textarea.focus(),de&&(Oe.removeAllRanges(),Oe.addRange(de))},_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(Ce[0].label){var i=Ce.map(function(e,i){return t("div",{slot:"tab-pane",attrs:{index:i,tab:e.label}},[n(e.children),n(e.children)])});return t("lemon-tabs",{style:"width: 412px"},[i])}return t("div",{class:"lemon-tabs-content",style:"width:406px"},[n(Ce)])},_handleSelectEmoji:function(e){this._focusLastRange(),je('')),this._saveLastRange()},_handleSelectFile:function(){var e=Object(M["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");je(n,"insertText")},_handleKeyup:function(e){this._saveLastRange()},_handleKeydown:function(e){e.keyCode},getFormatValue:function(){return oe(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){Ce=e,this.$forceUpdate()}}},ke=Se,Me=(n("49c2"),Object(y["a"])(ke,fe,pe,!1,null,null,null)),Ie=Me.exports,$e={name:"LemonMessages",components:{},props:{reverseUserId:String,timeRange:{type:Number,default:1},timeFormat:{type:Function,default:function(e){return ie(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",Q()([{},{attrs:{message:{id:"__time__",type:"event",content:e.timeFormat(n.sendTime)}}}]))),a.push(t(r,Q()([{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",["暂无消息"])},resetLoadState:function(){this.loading=!1,this.loadend=!1},_handleScroll:function(){var e=Object(M["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(M["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(M["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=$e,Ee=(n("436f"),Object(y["a"])(Te,he,ge,!1,null,null,null)),Pe=Ee.exports,De={name:"lemonMessageBasic",props:{message:{type:Object,default:function(){return{}}},timeFormat:{type:Function,default:function(){return""}},reverse:Boolean,hiddenTitle:Boolean},data:function(){return{}},render:function(){var e=arguments[0],t=this.message,n=t.fromUser,i=t.status,a=t.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:n.avatar},on:{click:function(){console.log("message avatar click")}}})]),e("div",{class:"lemon-message__inner"},[e("div",{class:"lemon-message__title"},[e("span",{on:{click:function(){console.log("message displayname click")}}},[n.displayName]),e("span",{class:"lemon-message__time"},[this.timeFormat(a)])]),e("div",{class:"lemon-message__content",on:{click:function(){console.log("message content click")}}},[this.useScopedSlots("content",this.message)]),e("div",{class:"lemon-message__status"},[this._renderStatue(i)])])])},created:function(){},mounted:function(){},computed:{},watch:{},methods:{_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}}},Fe=De,Le=(n("fbd1"),Object(y["a"])(Fe,ve,be,!1,null,null,null)),Re=Le.exports,Ne={inject:["IMUI"],methods:{}};function Ue(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 Be(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:wt[n.type].call(t,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:wt[a.type].call(n,a),lastSendTime:a.sendTime})},e)},_handleReachTop: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(Array(10).fill(n[1]),t.currentContactId,0),Rt.set(t.currentContactId,i),e(i)})},clearCacheContainer:function(e){Ft.remove(e),Lt.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.$createElement,t=this._renderMenuItem();return e("div",{class:"lemon-menu"},[0==this.hideMenuAvatar&&e("lemon-avatar",{on:{click:function(e){console.log("menu avatar click")}},class:"lemon-menu__avatar",attrs:{src:"https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=400062461,2874561526&fm=26&gp=0.jpg"}}),t.top,this.$slots.menu,e("div",{class:"lemon-menu__bottom"},[this.$slots["menu-bottom"],t.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(){re(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(this.lastMessages.map(function(t){return e._renderContact({contact:t,timeFormat:e.contactTimeFormat},function(){return e.changeContact(t.id)})}),gt)},_renderContact:function(e,t){var n=this,i=this.$createElement,a=e.contact,r=a.click,s=a.renderContainer,o=a.id,c=function(){re(r,function(){t(),n._customContainerReady(s,Ft,o)})};return i("lemon-contact",Q()([{class:{"lemon-contact--active":this.currentContactId==e.contact.id}},{props:e},{on:{click:c}}]))},_renderSidebarContact:function(){var e,t=this,n=this.$createElement;return this._renderSidebar(this.contacts.map(function(i){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}),vt)},_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"},[Bt(),te(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 Ft.get()){var o=a.id==s&&this.currentIsDefSidebar;r=!o,n.push(t("div",{class:i,directives:[{name:"show",value:o}]},[Ft.get(s)]))}for(var c in Lt.get())n.push(t("div",{class:i,directives:[{name:"show",value:this.activeSidebar==c&&!this.currentIsDefSidebar}]},[Lt.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"},[te(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._handleReachTop}}),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.$slots.cover])),n.push(t("div",{class:i,directives:[{name:"show",value:this._menuIsContacts()&&r&&a.id}]},[te(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,gt)}}},[" ","发送消息"," "])]),a)])),n},_addContact:function(e,t){var n={0:"unshift",1:"push"}[t];It(e),this.contacts[n](e)},_addMessage:function(e,t,n){var i,a={0:"unshift",1:"push"}[n];Array.isArray(e)||(e=[e]),Nt[t]=Nt[t]||[],(i=Nt[t])[a].apply(i,Object(ht["a"])(e)),this.forceUpdateMessage()},setLastContentRender:function(e,t){wt[e]=t},replaceEmojiName:function(e){return e.replace(/\[!(\w+)\]/gi,function(e,t){var n=t;return Ut[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),ee(this.currentContact.renderContainer)||this._menuIsMessages()&&(Rt.has(e)||this.$refs.messages.resetLoadState(),Nt[e]?this.messageViewToBottom():this.$emit("pull-messages",this.currentContact,function(t,i){n._addMessage(t,e,0),n.messageViewToBottom()}))},removeMessage:function(e,t){var n=this.findMessageIndexById(e,t);-1!==n&&(Nt[t].splice(n,1),this.forceUpdateMessage())},updateMessage:function(e,t,n){var i=this.findMessageIndexById(e,t);-1!==i&&(Nt[t][i]=Et({},Nt[t][i],{},n),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){ee(e)&&!t.has(n)&&t.set(n,e.call(this))},changeMenu:function(e){this.$emit("change-menu",e),this.activeSidebar=e;var t=this.currentMenu.renderContainer;this._customContainerReady(t,Lt,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 Ut[t]=n})},initMenus:function(e){var t=this.$createElement,n=[{name:gt,title:"聊天",unread:0,click:null,render:function(e){return t("i",{class:"lemon-icon-message"})},isBottom:!1},{name:vt,title:"通讯录",unread:0,click:null,render:function(e){return t("i",{class:"lemon-icon-addressbook"})},isBottom:!1}],i=[];if(Array.isArray(e)){var a={lastMessages:0,contacts:1},r=Object.keys(a);i=e.map(function(e){return r.includes(e.name)?Et({},n[a[e.name]],{},e,{},{renderContainer:null}):e})}else i=n;this.menus=i},initContacts:function(e){var t;(t=this.contacts).push.apply(t,Object(ht["a"])(e)),this.sortContacts()},sortContacts:function(){this.contacts.sort(function(e,t){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;J(i)&&(0!==i.indexOf("+")&&0!==i.indexOf("-")||(t.unread=parseInt(i)+parseInt(this.contacts[n].unread))),this.$set(this.contacts,n,Et({},this.contacts[n],{},t))}},findContactIndexById:function(e){return this.contacts.findIndex(function(t){return t.id==e})},findMessageIndexById:function(e,t){var n=Nt[t];return X(n)?-1:n.findIndex(function(t){return t.id==e})},findMessageById:function(e,t){var n=this.findMessageIndexById(e,t);if(-1!==n)return Nt[t][n]},getContacts:function(){return this.contacts},getMessages:function(){return Nt},openrenderContainer:function(e){},changeDrawer:function(e){this.drawerVisible=!this.drawerVisible,1==this.drawerVisible&&this.openDrawer(e)},openDrawer:function(e){Bt=e||new Function,this.drawerVisible=!0},closeDrawer:function(){this.drawerVisible=!1}}},Ht=At,Vt=(n("9b01"),Object(y["a"])(Ht,Pt,Dt,!1,null,null,null)),Kt=Vt.exports,Wt=(n("6a2b"),"0.1"),zt=[Kt,we,Pe,Ie,Y,V,U,F,k,Re,ze,et,ut,pt],Yt=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];zt.forEach(function(t){e.component(t.name,t)})};"undefined"!==typeof window&&window.Vue&&Yt(window.Vue);var Gt={version:Wt,install:Yt};i["a"].use(Gt),i["a"].config.productionTip=!1,new i["a"]({render:function(e){return e(j)}}).$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/package.json b/package.json index eb243a0..3967796 100644 --- a/package.json +++ b/package.json @@ -3,9 +3,9 @@ "version": "1.0.2", "main": "dist/index.umd.min.js", "scripts": { - "build-examples": "vue-cli-service build --dest examples/dist examples/main.js", "serve": "vue-cli-service serve", "build": "vue-cli-service build --target lib --name index packages/index.js", + "build-examples": "vue-cli-service build --dest examples/dist examples/main.js", "lint": "vue-cli-service lint" }, "dependencies": { diff --git a/packages/components/index.vue b/packages/components/index.vue index f2ca8e1..d579d8e 100644 --- a/packages/components/index.vue +++ b/packages/components/index.vue @@ -164,7 +164,7 @@ export default { this.appendMessage(message); this._emitSend(message, () => { this.updateContact(message.toContactId, { - lastContent: lastContentRender[message.type].call(this, message), + lastContent: this.lastContentRender(message), lastSendTime: message.sendTime }); }); @@ -191,7 +191,7 @@ export default { message, () => { this.updateContact(message.toContactId, { - lastContent: lastContentRender[message.type].call(this, message), + lastContent: this.lastContentRender(message), lastSendTime: message.sendTime }); }, @@ -493,6 +493,9 @@ export default { setLastContentRender(messageType, render) { lastContentRender[messageType] = render; }, + lastContentRender(message) { + return lastContentRender[message.type].call(this, message); + }, /** * 将字符串内的 EmojiItem.name 替换为 img * @param {String} str 被替换的字符串 @@ -789,11 +792,10 @@ bezier = cubic-bezier(0.645, 0.045, 0.355, 1) height 580px display flex font-size 14px - border-radius 5px //mask-image radial-gradient(circle, white 100%, black 100%) background #efefef transition all .4s bezier - border-radius 4px + position relative p margin 0 img @@ -866,13 +868,13 @@ bezier = cubic-bezier(0.645, 0.045, 0.355, 1) top 0 right 0 overflow hidden - width drawer-width background #f4f4f4 transition width .4s bezier - height 100% z-index 1 - //border-left 1px solid #e9e9e9 + width drawer-width + height 100% box-sizing border-box + //border-left 1px solid #e9e9e9 +b(lemon-wrapper) +m(drawer-show) +b(lemon-drawer)