(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-68fa22fc","chunk-2d0c139b"],{"07dc":function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return f}));n("8ada");var a=n("2e36"),c=null,s=null,i=null,o="";function r(e){console.log(e),s(JSON.stringify(e.data))}function m(e){setTimeout((function(){c.readyState===c.OPEN&&(c.send(JSON.stringify(e)),console.log("连接成功")),c.readyState===c.CLOSED&&(console.log("websock.readyState=3"),a["Message"].error("ws连接异常，请稍候重试c"),i())}),500)}function l(e){console.log("ws连接成功")}function d(){if("undefined"===typeof WebSocket)return a["Message"].error("您的浏览器不支持WebSocket，无法获取数据"),!1;var e=o;c=new WebSocket(e),c.onmessage=function(e){console.log("websocketonMessage"),r(e)},c.onopen=function(){l()},c.onerror=function(){a["Message"].error("ws连接异常，请稍候重试a"),i()},c.onclose=function(e){}}function u(e,t,n,a){o=e,d(),s=n,i=a,m(t)}function f(){c&&(c.close(),c.onclose())}},"44af":function(e,t,n){"use strict";n.r(t),t["default"]=[{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"}]}]},"570b":function(e,t,n){},5825:function(e,t,n){"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t,n=1;n<arguments.length;n++)for(var a in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},a.apply(this,arguments)}var c=["attrs","props","domProps"],s=["class","style","directives"],i=["on","nativeOn"],o=function(e){return e.reduce((function(e,t){for(var n in t)if(e[n])if(-1!==c.indexOf(n))e[n]=a({},e[n],t[n]);else if(-1!==s.indexOf(n)){var o=e[n]instanceof Array?e[n]:[e[n]],m=t[n]instanceof Array?t[n]:[t[n]];e[n]=[].concat(o,m)}else if(-1!==i.indexOf(n))for(var l in t[n])if(e[n][l]){var d=e[n][l]instanceof Array?e[n][l]:[e[n][l]],u=t[n][l]instanceof Array?t[n][l]:[t[n][l]];e[n][l]=[].concat(d,u)}else e[n][l]=t[n][l];else if("hook"===n)for(var f in t[n])e[n][f]=e[n][f]?r(e[n][f],t[n][f]):t[n][f];else e[n]=t[n];else e[n]=t[n];return e}),{})},r=function(e,t){return function(){e&&e.apply(this,arguments),t&&t.apply(this,arguments)}};e.exports=o},"63a0":function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"app"}},[n("div",{staticClass:"scroll-top",on:{click:e.scrollToTop}},[e._v("🚀")]),n("div",{staticClass:"imui-center"},[n("lemon-imui",{ref:"IMUI",attrs:{user:e.user,contextmenu:e.contextmenu,"contact-contextmenu":e.contactContextmenu,theme:e.theme,"hide-menu":e.hideMenu,"hide-menu-avatar":e.hideMenuAvatar,"hide-message-name":e.hideMessageName,"hide-message-time":e.hideMessageTime},on:{"change-menu":e.handleChangeMenu,"change-contact":e.handleChangeContact,"pull-messages":e.handlePullMessages,"message-click":e.handleMessageClick,"menu-avatar-click":e.handleMenuAvatarClick,send:e.handleSend},scopedSlots:e._u([{key:"cover",fn:function(){return[n("div",{staticClass:"cover"},[n("i",{staticClass:"lemon-icon-message"}),n("p",[n("b",[e._v("自定义封面 Lemon")]),e._v(" IMUI")])])]},proxy:!0},{key:"message-title",fn:function(t){return[n("span",[e._v(e._s(t.displayName))]),n("small",{staticClass:"more",on:{click:function(n){return e.changeDrawer(t,e.$refs.IMUI)}}},[e._v(e._s(e.$refs.IMUI&&e.$refs.IMUI.drawerVisible?"关闭":"打开")+"抽屉")]),n("br")]}}])}),n("div",{staticClass:"action"},[n("lemon-button",{on:{click:e.appendMessage}},[e._v("发送消息")]),n("lemon-button",{on:{click:e.appendEventMessage}},[e._v("发送 event 消息")]),n("lemon-button",{on:{click:e.removeMessage}},[e._v("删除最近一条消息")]),n("lemon-button",{on:{click:e.updateMessage}},[e._v("修改消息")]),n("lemon-button",{on:{click:e.appendCustomMessage}},[e._v("发送消息")]),n("br"),n("lemon-button",{on:{click:e.updateContact}},[e._v("修改联系人信息")]),n("lemon-button",{on:{click:e.changeMenuVisible}},[e._v("切换导航显示")]),n("lemon-button",{on:{click:e.changeMenuAvatarVisible}},[e._v("切换头像显示")]),n("lemon-button",{on:{click:e.changeMessageNameVisible}},[e._v("切换聊天窗口内名字显示")]),n("lemon-button",{on:{click:e.changeMessageTimeVisible}},[e._v("切换聊天窗口内时间显示")]),n("lemon-button",{on:{click:e.changeTheme}},[e._v("切换主题，当前主题："+e._s(this.theme))])],1)],1)])},c=[],s=n("5825"),i=n.n(s),o=n("025b"),r=(n("cfee"),n("35f6"),n("44af")),m=n("b775");n("c38a");function l(e){return Object(m["a"])({url:"/system/file/admin/uploadFile",method:"post",data:e})}var d=n("07dc"),u=function(){return(new Date).getTime()},f=function(){return Math.random().toString(36).substr(-8)},p=function(){return Math.random().toString(36).substr(2)},g=function(){var e=arguments.length>0&&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:f(),status:"succeed",type:"text",sendTime:u(),content:p(),toContactId:e,fromUser:t}},h={name:"communication",provide:{IMUI:"IMUI value"},data:function(){var e=this,t=this.$createElement;return{theme:"blue",contactContextmenu:[{text:"删除该聊天",click:function(e,t,n){var a=t.IMUI,c=t.contact;a.updateContact({id:c.id,lastContent:null}),a.currentContactId==c.id&&a.changeContact(null),n()}},{text:"设置备注和标签"},{text:"投诉"},{icon:"lemon-icon-message",render:function(e,t,n){return e("div",{style:"display:flex;justify-content:space-between;align-items:center;width:130px"},[e("span",["加入黑名单"]),e("span",[e("input",{attrs:{type:"checkbox",id:"switch"}}),e("label",{attrs:{id:"switch-label",for:"switch"}},["Toggle"])])])}},{click:function(e,t,n){var a=t.IMUI,c=t.contact;a.removeContact(c.id),a.currentContactId==c.id&&a.changeContact(null),n()},color:"red",text:"删除好友"}],contextmenu:[{click:function(e,n,a){var c=n.IMUI,s=n.message,i={id:f(),type:"event",content:t("div",[t("span",["你撤回了一条消息"," ",t("span",{directives:[{name:"show",value:"text"==s.type}],style:"color:#333;cursor:pointer",attrs:{content:s.content},on:{click:function(e){c.setEditorValue(e.target.getAttribute("content"))}}},["重新编辑"])])]),toContactId:s.toContactId,sendTime:u()};c.removeMessage(s.id),c.appendMessage(i,!0),a()},visible:function(t){return t.message.fromUser.id==e.user.id},text:"撤回消息"},{visible:function(t){return t.message.fromUser.id!=e.user.id},text:"举报"},{text:"转发"},{visible:function(e){return"text"==e.message.type},text:"复制文字"},{visible:function(e){return"image"==e.message.type},text:"下载图片"},{visible:function(e){return"file"==e.message.type},text:"下载文件"},{click:function(e,t,n){var a=t.IMUI,c=t.message;a.removeMessage(c.id),n()},icon:"lemon-icon-folder",color:"red",text:"删除"}],packageData:"",hideMenuAvatar:!1,hideMenu:!1,hideMessageName:!1,hideMessageTime:!0,user:{id:"1",displayName:"June",avatar:""}}},created:function(){},mounted:function(){var e=this.$createElement,t={id:"contact-1",displayName:"工作协作群",avatar:"http://upload.qqbodys.com/img/weixin/20170804/ji5qxg1am5ztm.jpg",index:"[1]群组",unread:0,lastSendTime:1566047865417,lastContent:"2"},n={id:"contact-2",displayName:"自定义内容",avatar:"http://upload.qqbodys.com/img/weixin/20170807/jibfvfd00npin.jpg",click:function(e){e()},renderContainer:function(){return e("h1",{style:"text-indent:20px"},["自定义页面"])},lastSendTime:1345209465e3,lastContent:"12312",unread:2},a={id:"contact-3",displayName:"铁牛",avatar:"http://upload.qqbodys.com/img/weixin/20170803/jiq4nzrkrnd0e.jpg",index:"T",unread:32,lastSendTime:3,lastContent:"你好123"},c=this.$refs.IMUI;setTimeout((function(){c.changeContact("contact-1")}),500),c.setLastContentRender("event",(function(e){return"[自定义通知内容]"}));var s=[Object(o["a"])({},t),Object(o["a"])({},n),Object(o["a"])({},a)];c.initContacts(s),c.initMenus([{name:"messages"},{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",i()([{},{props:{contact:t}},{style:"margin:20px"}])),e("lemon-contact",i()([{},{props:{contact:a}},{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}]),c.initEditorTools([{name:"emoji"},{name:"uploadFile"},{name:"uploadImage"},{name:"test1",click:function(){c.$refs.editor.selectFile("application/vnd.ms-excel")},render:function(){return e("span",["Excel"])}},{name:"test1",click:function(){c.initEditorTools([{name:"uploadFile"},{name:"emoji"}])},render:function(){return e("span",["重制工具栏"])}},{name:"test2",isRight:!0,title:"上传 Excel",click:function(){alert("点击了 ··· ")},render:function(){return e("b",["···"])}}]),c.initEmoji(r["default"]),c.setLastContentRender("voice",(function(t){return e("span",["[语音]"])}));var m=this.$refs.SimpleIMUI;t.id="11",m.initContacts([t]),m.initEmoji(r["default"]),m.changeContact(t.id)},methods:{changeTheme:function(){this.theme="default"==this.theme?"blue":"default"},scrollToTop:function(){document.body.scrollIntoView()},handleMenuAvatarClick:function(){console.log("Event:menu-avatar-click")},handleMessageClick:function(e,t,n,a){console.log("点击了消息",e,t,n),console.log(t),"status"==t&&(a.updateMessage({id:n.id,status:"going",content:"正在重新发送消息..."}),setTimeout((function(){a.updateMessage({id:n.id,status:"succeed",content:"发送成功"})}),2e3))},changeMenuAvatarVisible:function(){this.hideMenuAvatar=!this.hideMenuAvatar},changeMenuVisible:function(){this.hideMenu=!this.hideMenu},changeMessageNameVisible:function(){this.hideMessageName=!this.hideMessageName},changeMessageTimeVisible:function(){this.hideMessageTime=!this.hideMessageTime},removeMessage:function(){var e=this.$refs.IMUI,t=e.getCurrentMessages(),n=t[t.length-1].id;t.length>0&&e.removeMessage(n)},updateMessage:function(){var e=this.$refs.IMUI,t=e.getCurrentMessages(),n=t[t.length-1];if(t.length>0){var a={id:n.id,status:"succeed",type:"file",fileName:"被修改成文件了.txt",fileSize:"4200000"};"event"==n.type&&(a.fromUser=this.user),e.updateMessage(a),e.messageViewToBottom()}},appendCustomMessage:function(){var e=this.$refs.IMUI,t={id:f(),status:"succeed",type:"voice",sendTime:u(),content:"语音消息",params1:"1",params2:"2",toContactId:"contact-1",fromUser:this.user};e.appendMessage(t,!0)},appendMessage:function(){var e=this.$refs.IMUI,t=(e.currentContact,g("contact-3"));t.fromUser=Object(o["a"])(Object(o["a"])({},t.fromUser),this.user),e.appendMessage(t,!0)},appendEventMessage:function(){var e=this.$createElement,t=this.$refs.IMUI,n={id:f(),type:"event",content:e("span",["邀请你加入群聊"," ",e("span",{style:"color:#333;cursor:pointer",on:{click:function(){return alert("OK")}}},["接受"])]),toContactId:"contact-3",sendTime:u()};t.appendMessage(n,!0)},updateContact:function(){this.$refs.IMUI.updateContact({id:"contact-3",unread:10,displayName:p(),lastSendTime:u(),lastContent:"修改昵称为随机字母"})},changeDrawer:function(e,t){var n=this.$createElement;t.changeDrawer({render:function(){return n("div",{class:"drawer-content"},[n("p",[n("b",["自定义抽屉"])]),n("p",[e.displayName])])}})},handleChangeContact:function(e,t){this.requstWs(),console.log("Event:change-contact"),console.log(e,t),t.updateContact({id:e.id,unread:0}),t.closeDrawer()},requstWs:function(e,t,n){console.log("连接"),Object(d["a"])();var a=new FormData;if(n)return a.append("files",n),console.log(a.get("files")),l(a).then((function(e){console.log(e)})),console.log(a);var c={type:"object",userId:"1",fileSize:"1212",image:"12"};Object(d["b"])("ws://localhost:8089/chat?userId=1",c,this.wsMessage,this.wsError)},wsMessage:function(e){var t=e;console.log(t)},wsError:function(e){console.log(e)},handleSend:function(e,t,n){console.log(e),console.log(n),console.log(t),this.requstWs(e,t,n),setTimeout((function(){t()}),1e3)},handlePullMessages:function(e,t,n){var a=this,c={id:e.id,displayName:e.displayName,avatar:e.avatar};setTimeout((function(){var e=[g(n.currentContactId,a.user),g(n.currentContactId,c),g(n.currentContactId,a.user),g(n.currentContactId,c),g(n.currentContactId,a.user),g(n.currentContactId,a.user),g(n.currentContactId,c),Object(o["a"])(Object(o["a"])({},g(n.currentContactId,a.user)),{status:"failed"})],s=!1;n.getMessages(n.currentContactId).length+e.length>11&&(s=!0),t(e,s)}),500)},handleChangeMenu:function(){console.log("Event:change-menu")},openCustomContainer:function(){}}},x=h,v=(n("9b53"),n("1805")),w=Object(v["a"])(x,a,c,!1,null,"101d90ff",null);t["default"]=w.exports},"9b53":function(e,t,n){"use strict";n("570b")}}]);
|
