/** @Name：layim v3.7.6 Pro 商用版 @Author：贤心 @Site：http://layim.layui.com @License：LGPL */ layui.define(['layer', 'laytpl', 'upload'], function(exports) { var v = '3.7.6' var $ = layui.$ var layer = layui.layer var laytpl = layui.laytpl var device = layui.device() var SHOW = 'layui-show', THIS = 'layim-this', MAX_ITEM = 20 //回调 var call = {} //对外API var LAYIM = function() { this.v = v $('body').on('click', '*[layim-event]', function(e) { var othis = $(this), methid = othis.attr('layim-event') events[methid] ? events[methid].call(this, othis, e) : '' }) } //基础配置 LAYIM.prototype.config = function(options) { var skin = [] layui.each(Array(5), function(index) { skin.push(layui.cache.dir + 'css/modules/layim/skin/' + (index + 1) + '.jpg') }) options = options || {} options.skin = options.skin || [] layui.each(options.skin, function(index, item) { skin.unshift(item) }) options.skin = skin options = $.extend({ isfriend: !0 , isgroup: !0 , voice: 'default.mp3' }, options) if (!window.JSON || !window.JSON.parse) return init(options) return this } //监听事件 LAYIM.prototype.on = function(events, callback) { if (typeof callback === 'function') { call[events] ? call[events].push(callback) : call[events] = [callback] } return this } //获取所有缓存数据 LAYIM.prototype.cache = function() { return cache } //打开一个自定义的会话界面 LAYIM.prototype.chat = function(data) { if (!window.JSON || !window.JSON.parse) return return popchat(data), this } //设置聊天界面最小化 LAYIM.prototype.setChatMin = function() { return setChatMin(), this } //设置当前会话状态 LAYIM.prototype.setChatStatus = function(str) { var thatChat = thisChat() if (!thatChat) return var status = thatChat.elem.find('.layim-chat-status') return status.html(str), this } //接受消息 LAYIM.prototype.getMessage = function(data) { return getMessage(data), this } //桌面消息通知 LAYIM.prototype.notice = function(data) { return notice(data), this } //打开添加好友/群组面板 LAYIM.prototype.add = function(data) { return popAdd(data), this } //好友分组面板 LAYIM.prototype.setFriendGroup = function(data) { return popAdd(data, 'setGroup'), this } //消息盒子的提醒 LAYIM.prototype.msgbox = function(nums) { return msgbox(nums), this } //添加好友/群 LAYIM.prototype.addList = function(data) { return addList(data), this } //删除好友/群 LAYIM.prototype.removeList = function(data) { return removeList(data), this } //设置好友在线/离线状态 LAYIM.prototype.setFriendStatus = function(id, type) { var list = $('.layim-friend' + id) list[type === 'online' ? 'removeClass' : 'addClass']('layim-list-gray') } //解析聊天内容 LAYIM.prototype.content = function(content) { return layui.data.content(content) } //主模板 var listTpl = function(options) { var nodata = { friend: '该分组下暂无好友' , group: '暂无群组' , history: '暂无历史会话' } options = options || {} options.item = options.item || ('d.' + options.type) return ['{{# var length = 0; layui.each(' + options.item + ', function(i, data){ length++; }}' , '
  • {{ data.username||data.groupname||data.name||"佚名" }}

    {{ data.remark||data.sign||"" }}

    new
    • ' , '{{# }); if(length === 0){ }}' , '
  • ' + (nodata[options.type] || '暂无数据') + '
    • ' , '{{# } }}'].join('') } var elemTpl = ['
    ' , '
    ' , '
    {{ d.mine.username }}
    ' , '
    ' , '{{# if(d.mine.status === "online"){ }}' , '' , '{{# } else if(d.mine.status === "hide") { }}' , '' , '{{# } }}' , '
      ' , '
    • 在线
      • ' , '
    • 隐身
      • ' , '
    ' , '
    ' , '' , '
    ' , '' , '' , '' , '' , '' , '' , '
    ' , '
    '].join('') //换肤模版 var elemSkinTpl = [''].join('') //聊天主模板 var elemChatTpl = ['
    ' , '
    ' , '
    ' , '{{ d.data.name||"佚名" }} {{d.data.temporary ? "临时会话" : ""}} {{# if(d.data.type==="group"){ }} {{# } }}' , '

    ' , '
    ' , '
    ' , '
    ' , '' , '
    ' , '
    ' , '
    ' , '' , '{{# if(d.base && d.base.uploadImage){ }}' , '' , '{{# }; }}' , '{{# if(d.base && d.base.uploadFile){ }}' , '' , '{{# }; }}' , '{{# if(d.base && d.base.isAudio){ }}' , '' , '{{# }; }}' , '{{# if(d.base && d.base.isVideo){ }}' , '' , '{{# }; }}' , '{{# layui.each(d.base.tool, function(index, item){ }}' , '{{item.icon}}' , '{{# }); }}' , '{{# if(d.base && d.base.chatLog){ }}' , '聊天记录' , '{{# }; }}' , '
    ' , '
    ' , '
    ' , '
    ' , '{{# if(!d.base.brief){ }}' , '关闭' , '{{# } }}' , '发送' , '' , '
      ' , '
    • 按Enter键发送消息
      • ' , '
    • 按Ctrl+Enter键发送消息
      • ' , '
    ' , '
    ' , '
    ' , '
    ' , '
    '].join('') //添加好友群组模版 var elemAddTpl = ['
    ' , '

    {{ d.data.name||"" }}

    ' , '
    ' , '{{# if(d.data.type === "friend" && d.type === "setGroup"){ }}' , '

    选择分组

    ' , '{{# } if(d.data.type === "friend"){ }}' , '' , '{{# } }}' , '{{# if(d.data.type === "group"){ }}' , '

    请输入验证信息

    ' , '{{# } if(d.type !== "setGroup"){ }}' , '' , '{{# } }}' , '
    ' , '
    '].join('') //聊天内容列表模版 var elemChatMain = ['
  • ' , '
    ' , '{{# if(d.mine){ }}' , '{{ layui.data.date(d.timestamp) }}{{ d.username||"佚名" }}' , '{{# } else { }}' , '{{ d.username||"佚名" }}{{ layui.data.date(d.timestamp) }}' , '{{# } }}' , '
    ' , '
    {{ layui.data.content(d.content||" ") }}
    ' , '
    • '].join('') var elemChatList = '
  • {{ d.data.name||"佚名" }}{{# if(!d.base.brief){ }}ဇ{{# } }}
    • ' //补齐数位 var digit = function(num) { return num < 10 ? '0' + (num | 0) : num } //转换时间 layui.data.date = function(timestamp) { var d = new Date(timestamp || new Date()) return d.getFullYear() + '-' + digit(d.getMonth() + 1) + '-' + digit(d.getDate()) + ' ' + digit(d.getHours()) + ':' + digit(d.getMinutes()) + ':' + digit(d.getSeconds()) } //转换内容 layui.data.content = function(content) { //支持的html标签 var html = function(end) { return new RegExp('\\n*\\[' + (end || '') + '(code|pre|div|span|p|table|thead|th|tbody|tr|td|ul|li|ol|li|dl|dt|dd|h2|h3|h4|h5)([\\s\\S]*?)\\]\\n*', 'g') } content = (content || '').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&') .replace(//g, '>').replace(/'/g, ''').replace(/"/g, '"') //XSS .replace(/@(\S+)(\s+?|$)/g, '@$1$2') //转义@ .replace(/face\[([^\s\[\]]+?)\]/g, function(face) { //转义表情 var alt = face.replace(/^face/g, '') return '' + alt + '' }) .replace(/img\[([^\s]+?)\]/g, function(img) { //转义图片 return '' }) .replace(/file\([\s\S]+?\)\[[\s\S]*?\]/g, function(str) { //转义文件 var href = (str.match(/file\(([\s\S]+?)\)\[/) || [])[1] var text = (str.match(/\)\[([\s\S]*?)\]/) || [])[1] if (!href) return str return '' + (text || href) + '' }) .replace(/audio\[([^\s]+?)\]/g, function(audio) { //转义音频 return '

    音频消息

    ' }) .replace(/video\[([^\s]+?)\]/g, function(video) { //转义音频 return '
    ' }) .replace(/a\([\s\S]+?\)\[[\s\S]*?\]/g, function(str) { //转义链接 var href = (str.match(/a\(([\s\S]+?)\)\[/) || [])[1] var text = (str.match(/\)\[([\s\S]*?)\]/) || [])[1] if (!href) return str return '' + (text || href) + '' }).replace(html(), '\<$1 $2\>').replace(html('/'), '\') //转移HTML代码 .replace(/\n/g, '
    ') //转义换行 return content } //Ajax var post = function(options, callback, tips) { options = options || {} return $.ajax({ url: options.url , type: options.type || 'get' , data: options.data , dataType: options.dataType || 'json' , cache: false , success: function(res) { res.code == 0 ? callback && callback(res.data || {}) : layer.msg(res.msg || ((tips || 'Error') + ': LAYIM_NOT_GET_DATA'), { time: 5000 }) }, error: function(err, msg) { window.console && console.log && console.error('LAYIM_DATE_ERROR：' + msg) } }) } //处理初始化信息 var cache = { message: {}, chat: [] }, init = function(options) { var init = options.init || {} mine = init.mine || {} , local = layui.data('layim')[mine.id] || {} , obj = { base: options , local: local , mine: mine , history: local.history || {} }, create = function(data) { var mine = data.mine || {} var local = layui.data('layim')[mine.id] || {}, obj = { base: options //基础配置信息 , local: local //本地数据 , mine: mine //我的用户信息 , friend: data.friend || [] //联系人信息 , group: data.group || [] //群组信息 , history: local.history || {} //历史会话信息 } cache = $.extend(cache, obj) popim(laytpl(elemTpl).render(obj)) if (local.close || options.min) { popmin() } layui.each(call.ready, function(index, item) { item && item(obj) }) } cache = $.extend(cache, obj) if (options.brief) { return layui.each(call.ready, function(index, item) { item && item(obj) }) } init.url ? post(init, create, 'INIT') : create(init) } //显示主面板 var layimMain, popim = function(content) { return layer.open({ type: 1 , area: ['260px', '520px'] , skin: 'layui-box layui-layim' , title: '​' , offset: 'rb' , id: 'layui-layim' , shade: false , anim: 2 , resize: false , content: content , success: function(layero) { layimMain = layero setSkin(layero) if (cache.base.right) { layero.css('margin-left', '-' + cache.base.right) } if (layimClose) { layer.close(layimClose.attr('times')) } //按最新会话重新排列 var arr = [], historyElem = layero.find('.layim-list-history') historyElem.find('li').each(function() { arr.push($(this).prop('outerHTML')) }) if (arr.length > 0) { arr.reverse() historyElem.html(arr.join('')) } banRightMenu() events.sign() } , cancel: function(index) { popmin() var local = layui.data('layim')[cache.mine.id] || {} local.close = true layui.data('layim', { key: cache.mine.id , value: local }) return false } }) } //屏蔽主面板右键菜单 var banRightMenu = function() { layimMain.on('contextmenu', function(event) { event.cancelBubble = true event.returnValue = false return false }) var hide = function() { layer.closeAll('tips') } //自定义历史会话右键菜单 layimMain.find('.layim-list-history').on('contextmenu', 'li', function(e) { var othis = $(this) var html = '' if (othis.hasClass('layim-null')) return layer.tips(html, this, { tips: 1 , time: 0 , anim: 5 , fixed: true , skin: 'layui-box layui-layim-contextmenu' , success: function(layero) { var stopmp = function(e) { stope(e) } layero.off('mousedown', stopmp).on('mousedown', stopmp) } }) $(document).off('mousedown', hide).on('mousedown', hide) $(window).off('resize', hide).on('resize', hide) }) } //主面板最小化状态 var layimClose, popmin = function(content) { if (layimClose) { layer.close(layimClose.attr('times')) } if (layimMain) { layimMain.hide() } cache.mine = cache.mine || {} return layer.open({ type: 1 , title: false , id: 'layui-layim-close' , skin: 'layui-box layui-layim-min layui-layim-close' , shade: false , closeBtn: false , anim: 2 , offset: 'rb' , resize: false , content: '' + (content || cache.base.title || '我的LayIM') + '' , move: '#layui-layim-close img' , success: function(layero, index) { layimClose = layero if (cache.base.right) { layero.css('margin-left', '-' + cache.base.right) } layero.on('click', function() { layer.close(index) layimMain.show() var local = layui.data('layim')[cache.mine.id] || {} delete local.close layui.data('layim', { key: cache.mine.id , value: local }) }) } }) } //显示聊天面板 var layimChat, layimMin, chatIndex, To = {}, popchat = function(data) { data = data || {} var chat = $('#layui-layim-chat'), render = { data: data , base: cache.base , local: cache.local } if (!data.id) { return layer.msg('非法用户') } if (chat[0]) { var list = layimChat.find('.layim-chat-list') var listThat = list.find('.layim-chatlist-' + data.type + data.id) var hasFull = layimChat.find('.layui-layer-max').hasClass('layui-layer-maxmin') var chatBox = chat.children('.layim-chat-box') //如果是最小化，则还原窗口 if (layimChat.css('display') === 'none') { layimChat.show() } if (layimMin) { layer.close(layimMin.attr('times')) } //如果出现多个聊天面板 if (list.find('li').length === 1 && !listThat[0]) { hasFull || layimChat.css('width', 800) list.css({ height: layimChat.height() }).show() chatBox.css('margin-left', '200px') } //打开的是非当前聊天面板，则新增面板 if (!listThat[0]) { list.append(laytpl(elemChatList).render(render)) chatBox.append(laytpl(elemChatTpl).render(render)) syncGray(data) resizeChat() } changeChat(list.find('.layim-chatlist-' + data.type + data.id)) listThat[0] || viewChatlog() setHistory(data) hotkeySend() return chatIndex } render.first = !0 var index = chatIndex = layer.open({ type: 1 , area: '600px' , skin: 'layui-box layui-layim-chat' , id: 'layui-layim-chat' , title: '​' , shade: false , maxmin: true , offset: data.offset || 'auto' , anim: data.anim || 0 , closeBtn: cache.base.brief ? false : 1 , content: laytpl('
    ' + elemChatTpl + '
    ').render(render) , success: function(layero) { layimChat = layero layero.css({ 'min-width': '500px' , 'min-height': '420px' }) syncGray(data) typeof data.success === 'function' && data.success(layero) hotkeySend() setSkin(layero) setHistory(data) viewChatlog() showOffMessage() //聊天窗口的切换监听 layui.each(call.chatChange, function(index, item) { item && item(thisChat()) }) //查看大图 layero.on('dblclick', '.layui-layim-photos', function() { var src = this.src layer.close(popchat.photosIndex) layer.photos({ photos: { data: [{ 'alt': '大图模式', 'src': src }] } , shade: 0.01 , closeBtn: 2 , anim: 0 , resize: false , success: function(layero, index) { popchat.photosIndex = index } }) }) } , full: function(layero) { layer.style(index, { width: '100%' , height: '100%' }, true) resizeChat() } , resizing: resizeChat , restore: resizeChat , min: function() { setChatMin() return false } , end: function() { layer.closeAll('tips') layimChat = null } }) return index } //同步置灰状态 var syncGray = function(data) { $('.layim-' + data.type + data.id).each(function() { if ($(this).hasClass('layim-list-gray')) { layui.layim.setFriendStatus(data.id, 'offline') } }) } //重置聊天窗口大小 var resizeChat = function() { var list = layimChat.find('.layim-chat-list') , chatMain = layimChat.find('.layim-chat-main') , chatHeight = layimChat.height() list.css({ height: chatHeight }) chatMain.css({ height: chatHeight - 20 - 80 - 158 }) } //设置聊天窗口最小化 & 新消息提醒 var setChatMin = function(newMsg) { var thatChat = newMsg || thisChat().data, base = layui.layim.cache().base if (layimChat && !newMsg) { layimChat.hide() } layer.close(setChatMin.index) setChatMin.index = layer.open({ type: 1 , title: false , skin: 'layui-box layui-layim-min' , shade: false , closeBtn: false , anim: thatChat.anim || 2 , offset: 'b' , move: '#layui-layim-min' , resize: false , area: ['182px', '50px'] , content: '' + thatChat.name + '' , success: function(layero, index) { if (!newMsg) layimMin = layero if (base.minRight) { layer.style(index, { left: $(window).width() - layero.outerWidth() - parseFloat(base.minRight) }) } layero.find('.layui-layer-content span').on('click', function() { layer.close(index) newMsg ? layui.each(cache.chat, function(i, item) { popchat(item) }) : layimChat.show() if (newMsg) { cache.chat = [] chatListMore() } }) layero.find('.layui-layer-content img').on('click', function(e) { stope(e) }) } }) } //打开添加好友、群组面板、好友分组面板 var popAdd = function(data, type) { data = data || {} layer.close(popAdd.index) return popAdd.index = layer.open({ type: 1 , area: '430px' , title: { friend: '添加好友' , group: '加入群组' }[data.type] || '' , shade: false , resize: false , btn: type ? ['确认', '取消'] : ['发送申请', '关闭'] , content: laytpl(elemAddTpl).render({ data: { name: data.username || data.groupname , avatar: data.avatar , group: data.group || parent.layui.layim.cache().friend || [] , type: data.type } , type: type }) , yes: function(index, layero) { var groupElem = layero.find('#LAY_layimGroup') , remarkElem = layero.find('#LAY_layimRemark') if (type) { data.submit && data.submit(groupElem.val(), index) } else { data.submit && data.submit(groupElem.val(), remarkElem.val(), index) } } }) } //切换聊天 var changeChat = function(elem, del) { elem = elem || $('.layim-chat-list .' + THIS) var index = elem.index() === -1 ? 0 : elem.index() var str = '.layim-chat', cont = layimChat.find(str).eq(index) var hasFull = layimChat.find('.layui-layer-max').hasClass('layui-layer-maxmin') if (del) { //如果关闭的是当前聊天，则切换聊天焦点 if (elem.hasClass(THIS)) { changeChat(index === 0 ? elem.next() : elem.prev()) } var length = layimChat.find(str).length //关闭聊天界面 if (length === 1) { return layer.close(chatIndex) } elem.remove() cont.remove() //只剩下1个列表，隐藏左侧区块 if (length === 2) { layimChat.find('.layim-chat-list').hide() if (!hasFull) { layimChat.css('width', '600px') } layimChat.find('.layim-chat-box').css('margin-left', 0) } return false } elem.addClass(THIS).siblings().removeClass(THIS) cont.addClass(SHOW).siblings(str).removeClass(SHOW) cont.find('textarea').focus() //聊天窗口的切换监听 layui.each(call.chatChange, function(index, item) { item && item(thisChat()) }) showOffMessage() } //展示存在队列中的消息 var showOffMessage = function() { var thatChat = thisChat() var message = cache.message[thatChat.data.type + thatChat.data.id] if (message) { //展现后，删除队列中消息 delete cache.message[thatChat.data.type + thatChat.data.id] } } //获取当前聊天面板 var thisChat = function() { if (!layimChat) return var index = $('.layim-chat-list .' + THIS).index() var cont = layimChat.find('.layim-chat').eq(index) var to = JSON.parse(decodeURIComponent(cont.find('.layim-chat-tool').data('json'))) return { elem: cont , data: to , textarea: cont.find('textarea') } } //记录初始背景 var setSkin = function(layero) { var local = layui.data('layim')[cache.mine.id] || {} , skin = local.skin layero.css({ 'background-image': skin ? 'url(' + skin + ')' : function() { return cache.base.initSkin ? 'url(' + (layui.cache.dir + 'css/modules/layim/skin/' + cache.base.initSkin) + ')' : 'none' }() }) } //记录历史会话 var setHistory = function(data) { var local = layui.data('layim')[cache.mine.id] || {} var obj = {}, history = local.history || {} var is = history[data.type + data.id] if (!layimMain) return var historyElem = layimMain.find('.layim-list-history') data.historyTime = new Date().getTime() history[data.type + data.id] = data local.history = history layui.data('layim', { key: cache.mine.id , value: local }) if (is) return obj[data.type + data.id] = data var historyList = laytpl(listTpl({ type: 'history' , item: 'd.data' })).render({ data: obj }) historyElem.prepend(historyList) historyElem.find('.layim-null').remove() } //发送消息 var sendMessage = function() { var data = { username: cache.mine ? cache.mine.username : '访客' , avatar: cache.mine ? cache.mine.avatar : (layui.cache.dir + 'css/pc/layim/skin/logo.jpg') , id: cache.mine ? cache.mine.id : null , mine: true } var thatChat = thisChat(), ul = thatChat.elem.find('.layim-chat-main ul') var maxLength = cache.base.maxLength || 3000 data.content = thatChat.textarea.val() if (data.content.replace(/\s/g, '') !== '') { if (data.content.length > maxLength) { return layer.msg('内容最长不能超过' + maxLength + '个字符') } ul.append(laytpl(elemChatMain).render(data)) var param = { mine: data , to: thatChat.data }, message = { username: param.mine.username , avatar: param.mine.avatar , id: param.to.id , type: param.to.type , content: param.mine.content , timestamp: new Date().getTime() , mine: true } pushChatlog(message) layui.each(call.sendMessage, function(index, item) { item && item(param) }) } chatListMore() thatChat.textarea.val('').focus() } //桌面消息提醒 var notice = function(data) { data = data || {} if (window.Notification) { if (Notification.permission === 'granted') { var notification = new Notification(data.title || '', { body: data.content || '' , icon: data.avatar || 'http://tp2.sinaimg.cn/5488749285/50/5719808192/1' }) } else { Notification.requestPermission() } } } //消息声音提醒 var voice = function() { if (device.ie && device.ie < 9) return var audio = document.createElement('audio') audio.src = layui.cache.dir + 'css/modules/layim/voice/' + cache.base.voice audio.play() } //接受消息 var messageNew = {}, getMessage = function(data) { data = data || {} var elem = $('.layim-chatlist-' + data.type + data.id) var group = {}, index = elem.index() data.timestamp = data.timestamp || new Date().getTime() if (data.fromid == cache.mine.id) { data.mine = true } data.system || pushChatlog(data) messageNew = JSON.parse(JSON.stringify(data)) if (cache.base.voice) { voice() } if ((!layimChat && data.content) || index === -1) { if (cache.message[data.type + data.id]) { cache.message[data.type + data.id].push(data) } else { cache.message[data.type + data.id] = [data] //记录聊天面板队列 if (data.type === 'friend') { var friend layui.each(cache.friend, function(index1, item1) { layui.each(item1.list, function(index, item) { if (item.id == data.id) { item.type = 'friend' item.name = item.username cache.chat.push(item) return friend = true } }) if (friend) return true }) if (!friend) { data.name = data.username data.temporary = true //临时会话 cache.chat.push(data) } } else if (data.type === 'group') { var isgroup layui.each(cache.group, function(index, item) { if (item.id == data.id) { item.type = 'group' item.name = item.groupname cache.chat.push(item) return isgroup = true } }) if (!isgroup) { data.name = data.groupname cache.chat.push(data) } } else { data.name = data.name || data.username || data.groupname cache.chat.push(data) } } if (data.type === 'group') { layui.each(cache.group, function(index, item) { if (item.id == data.id) { group.avatar = item.avatar return true } }) } if (!data.system) { if (cache.base.notice) { notice({ title: '来自 ' + data.username + ' 的消息' , content: data.content , avatar: group.avatar || data.avatar }) } return setChatMin({ name: '收到新消息' , avatar: group.avatar || data.avatar , anim: 6 }) } } if (!layimChat) return //接受到的消息不在当前Tab var thatChat = thisChat() if (thatChat.data.type + thatChat.data.id !== data.type + data.id) { elem.addClass('layui-anim layer-anim-06') setTimeout(function() { elem.removeClass('layui-anim layer-anim-06') }, 300) } var cont = layimChat.find('.layim-chat').eq(index) var ul = cont.find('.layim-chat-main ul') //系统消息 if (data.system) { if (index !== -1) { ul.append('
  • ' + data.content + '
    • ') } } else if (data.content.replace(/\s/g, '') !== '') { ul.append(laytpl(elemChatMain).render(data)) } chatListMore() } //消息盒子的提醒 var ANIM_MSG = 'layui-anim-loop layer-anim-05', msgbox = function(num) { var msgboxElem = layimMain.find('.layim-tool-msgbox') msgboxElem.find('span').addClass(ANIM_MSG).html(num) } //存储最近MAX_ITEM条聊天记录到本地 var pushChatlog = function(message) { var local = layui.data('layim')[cache.mine.id] || {} local.chatlog = local.chatlog || {} var thisChatlog = local.chatlog[message.type + message.id] if (thisChatlog) { //避免浏览器多窗口时聊天记录重复保存 var nosame layui.each(thisChatlog, function(index, item) { if ((item.timestamp === message.timestamp && item.type === message.type && item.id === message.id && item.content === message.content)) { nosame = true } }) if (!(nosame || message.fromid == cache.mine.id)) { thisChatlog.push(message) } if (thisChatlog.length > MAX_ITEM) { thisChatlog.shift() } } else { local.chatlog[message.type + message.id] = [message] } layui.data('layim', { key: cache.mine.id , value: local }) } //渲染本地最新聊天记录到相应面板 var viewChatlog = function() { var local = layui.data('layim')[cache.mine.id] || {} , thatChat = thisChat(), chatlog = local.chatlog || {} , ul = thatChat.elem.find('.layim-chat-main ul') layui.each(chatlog[thatChat.data.type + thatChat.data.id], function(index, item) { ul.append(laytpl(elemChatMain).render(item)) }) chatListMore() } //添加好友或群 var addList = function(data) { var obj = {}, has, listElem = layimMain.find('.layim-list-' + data.type) if (cache[data.type]) { if (data.type === 'friend') { layui.each(cache.friend, function(index, item) { if (data.groupid == item.id) { //检查好友是否已经在列表中 layui.each(cache.friend[index].list, function(idx, itm) { if (itm.id == data.id) { return has = true } }) if (has) return layer.msg('好友 [' + (data.username || '') + '] 已经存在列表中', { anim: 6 }) cache.friend[index].list = cache.friend[index].list || [] obj[cache.friend[index].list.length] = data data.groupIndex = index cache.friend[index].list.push(data) //在cache的friend里面也增加好友 return true } }) } else if (data.type === 'group') { //检查群组是否已经在列表中 layui.each(cache.group, function(idx, itm) { if (itm.id == data.id) { return has = true } }) if (has) return layer.msg('您已是 [' + (data.groupname || '') + '] 的群成员', { anim: 6 }) obj[cache.group.length] = data cache.group.push(data) } } if (has) return var list = laytpl(listTpl({ type: data.type , item: 'd.data' , index: data.type === 'friend' ? 'data.groupIndex' : null })).render({ data: obj }) if (data.type === 'friend') { var li = listElem.find('>li').eq(data.groupIndex) li.find('.layui-layim-list').append(list) li.find('.layim-count').html(cache.friend[data.groupIndex].list.length) //刷新好友数量 //如果初始没有好友 if (li.find('.layim-null')[0]) { li.find('.layim-null').remove() } } else if (data.type === 'group') { listElem.append(list) //如果初始没有群组 if (listElem.find('.layim-null')[0]) { listElem.find('.layim-null').remove() } } } //移出好友或群 var removeList = function(data) { var listElem = layimMain.find('.layim-list-' + data.type) var obj = {} if (cache[data.type]) { if (data.type === 'friend') { layui.each(cache.friend, function(index1, item1) { layui.each(item1.list, function(index, item) { if (data.id == item.id) { var li = listElem.find('>li').eq(index1) var list = li.find('.layui-layim-list>li') li.find('.layui-layim-list>li').eq(index).remove() cache.friend[index1].list.splice(index, 1) //从cache的friend里面也删除掉好友 li.find('.layim-count').html(cache.friend[index1].list.length) //刷新好友数量 //如果一个好友都没了 if (cache.friend[index1].list.length === 0) { li.find('.layui-layim-list').html('
  • 该分组下已无好友了
    • ') } return true } }) }) } else if (data.type === 'group') { layui.each(cache.group, function(index, item) { if (data.id == item.id) { listElem.find('>li').eq(index).remove() cache.group.splice(index, 1) //从cache的group里面也删除掉数据 //如果一个群组都没了 if (cache.group.length === 0) { listElem.html('
  • 暂无群组
    • ') } return true } }) } } } //查看更多记录 var chatListMore = function() { var thatChat = thisChat(), chatMain = thatChat.elem.find('.layim-chat-main') var ul = chatMain.find('ul') var length = ul.find('li').length if (length >= MAX_ITEM) { var first = ul.find('li').eq(0) if (!ul.prev().hasClass('layim-chat-system')) { ul.before('
    查看更多记录
    ') } if (length > MAX_ITEM) { first.remove() } } chatMain.scrollTop(chatMain[0].scrollHeight + 1000) chatMain.find('ul li:last').find('img').load(function() { chatMain.scrollTop(chatMain[0].scrollHeight + 1000) }) } //快捷键发送 var hotkeySend = function() { var thatChat = thisChat(), textarea = thatChat.textarea textarea.focus() textarea.off('keydown').on('keydown', function(e) { var local = layui.data('layim')[cache.mine.id] || {} var keyCode = e.keyCode if (local.sendHotKey === 'Ctrl+Enter') { if (e.ctrlKey && keyCode === 13) { sendMessage() } return } if (keyCode === 13) { if (e.ctrlKey) { return textarea.val(textarea.val() + '\n') } if (e.shiftKey) return e.preventDefault() sendMessage() } }) } //表情库 var faces = function() { var alt = ['[微笑]', '[嘻嘻]', '[哈哈]', '[可爱]', '[可怜]', '[挖鼻]', '[吃惊]', '[害羞]', '[挤眼]', '[闭嘴]', '[鄙视]', '[爱你]', '[泪]', '[偷笑]', '[亲亲]', '[生病]', '[太开心]', '[白眼]', '[右哼哼]', '[左哼哼]', '[嘘]', '[衰]', '[委屈]', '[吐]', '[哈欠]', '[抱抱]', '[怒]', '[疑问]', '[馋嘴]', '[拜拜]', '[思考]', '[汗]', '[困]', '[睡]', '[钱]', '[失望]', '[酷]', '[色]', '[哼]', '[鼓掌]', '[晕]', '[悲伤]', '[抓狂]', '[黑线]', '[阴险]', '[怒骂]', '[互粉]', '[心]', '[伤心]', '[猪头]', '[熊猫]', '[兔子]', '[ok]', '[耶]', '[good]', '[NO]', '[赞]', '[来]', '[弱]', '[草泥马]', '[神马]', '[囧]', '[浮云]', '[给力]', '[围观]', '[威武]', '[奥特曼]', '[礼物]', '[钟]', '[话筒]', '[蜡烛]', '[蛋糕]'], arr = {} layui.each(alt, function(index, item) { arr[item] = layui.cache.dir + 'images/face/' + index + '.gif' }) return arr }() var stope = layui.stope //组件事件冒泡 //在焦点处插入内容 var focusInsert = function(obj, str) { var result, val = obj.value obj.focus() if (document.selection) { //ie result = document.selection.createRange() document.selection.empty() result.text = str } else { result = [val.substring(0, obj.selectionStart), str, val.substr(obj.selectionEnd)] obj.focus() obj.value = result.join('') } } //事件 var anim = 'layui-anim-upbit', events = { //在线状态 status: function(othis, e) { var hide = function() { othis.next().hide().removeClass(anim) } var type = othis.attr('lay-type') if (type === 'show') { stope(e) othis.next().show().addClass(anim) $(document).off('click', hide).on('click', hide) } else { var prev = othis.parent().prev() othis.addClass(THIS).siblings().removeClass(THIS) prev.html(othis.find('cite').html()) prev.removeClass('layim-status-' + (type === 'online' ? 'hide' : 'online')) .addClass('layim-status-' + type) layui.each(call.online, function(index, item) { item && item(type) }) } } //编辑签名 , sign: function() { var input = layimMain.find('.layui-layim-remark') input.on('change', function() { var value = this.value layui.each(call.sign, function(index, item) { item && item(value) }) }) input.on('keyup', function(e) { var keyCode = e.keyCode if (keyCode === 13) { this.blur() } }) } //大分组切换 , tab: function(othis) { var index, main = '.layim-tab-content' var tabs = layimMain.find('.layui-layim-tab>li') typeof othis === 'number' ? ( index = othis , othis = tabs.eq(index) ) : ( index = othis.index() ) index > 2 ? tabs.removeClass(THIS) : ( events.tab.index = index , othis.addClass(THIS).siblings().removeClass(THIS) ) layimMain.find(main).eq(index).addClass(SHOW).siblings(main).removeClass(SHOW) } //展开联系人分组 , spread: function(othis) { var type = othis.attr('lay-type') var spread = type === 'true' ? 'false' : 'true' var local = layui.data('layim')[cache.mine.id] || {} othis.next()[type === 'true' ? 'removeClass' : 'addClass'](SHOW) local['spread' + othis.parent().index()] = spread layui.data('layim', { key: cache.mine.id , value: local }) othis.attr('lay-type', spread) othis.find('.layui-icon').html(spread === 'true' ? '' : '') } //搜索 , search: function(othis) { var search = layimMain.find('.layui-layim-search') var main = layimMain.find('#layui-layim-search') var input = search.find('input'), find = function(e) { var val = input.val().replace(/\s/) if (val === '') { events.tab(events.tab.index | 0) } else { var data = [], friend = cache.friend || [] var group = cache.group || [], html = '' for (var i = 0; i < friend.length; i++) { for (var k = 0; k < (friend[i].list || []).length; k++) { if (friend[i].list[k].username.indexOf(val) !== -1) { friend[i].list[k].type = 'friend' friend[i].list[k].index = i friend[i].list[k].list = k data.push(friend[i].list[k]) } } } for (var j = 0; j < group.length; j++) { if (group[j].groupname.indexOf(val) !== -1) { group[j].type = 'group' group[j].index = j group[j].list = j data.push(group[j]) } } if (data.length > 0) { for (var l = 0; l < data.length; l++) { html += '
  • ' + (data[l].username || data[l].groupname || '佚名') + '

    ' + (data[l].remark || data[l].sign || '') + '

    • ' } } else { html = '
  • 无搜索结果
    • ' } main.html(html) events.tab(3) } } if (!cache.base.isfriend && cache.base.isgroup) { events.tab.index = 1 } else if (!cache.base.isfriend && !cache.base.isgroup) { events.tab.index = 2 } search.show() input.focus() input.off('keyup', find).on('keyup', find) } //关闭搜索 , closeSearch: function(othis) { othis.parent().hide() events.tab(events.tab.index | 0) } //消息盒子 , msgbox: function() { var msgboxElem = layimMain.find('.layim-tool-msgbox') layer.close(events.msgbox.index) msgboxElem.find('span').removeClass(ANIM_MSG).html('') return events.msgbox.index = layer.open({ type: 2 , title: '消息盒子' , shade: false , maxmin: true , area: ['600px', '520px'] , skin: 'layui-box layui-layer-border' , resize: false , content: cache.base.msgbox }) } //弹出查找页面 , find: function() { layer.close(events.find.index) return events.find.index = layer.open({ type: 2 , title: '查找' , shade: false , maxmin: true , area: ['1000px', '520px'] , skin: 'layui-box layui-layer-border' , resize: false , content: cache.base.find }) } //弹出更换背景 , skin: function() { layer.open({ type: 1 , title: '更换背景' , shade: false , area: '300px' , skin: 'layui-box layui-layer-border' , id: 'layui-layim-skin' , zIndex: 66666666 , resize: false , content: laytpl(elemSkinTpl).render({ skin: cache.base.skin }) }) } //关于 , about: function() { layer.alert('版本： ' + v + '
    版权所有：layim.layui.com', { title: '关于 LayIM' , shade: false }) } //生成换肤 , setSkin: function(othis) { var src = othis.attr('src') var local = layui.data('layim')[cache.mine.id] || {} local.skin = src if (!src) delete local.skin layui.data('layim', { key: cache.mine.id , value: local }) try { layimMain.css({ 'background-image': src ? 'url(' + src + ')' : 'none' }) layimChat.css({ 'background-image': src ? 'url(' + src + ')' : 'none' }) } catch (e) { } layui.each(call.setSkin, function(index, item) { var filename = (src || '').replace(layui.cache.dir + 'css/modules/layim/skin/', '') item && item(filename, src) }) } //弹出聊天面板 , chat: function(othis) { var local = layui.data('layim')[cache.mine.id] || {} var type = othis.data('type'), index = othis.data('index') var list = othis.attr('data-list') || othis.index(), data = {} if (type === 'friend') { data = cache[type][index].list[list] } else if (type === 'group') { data = cache[type][list] } else if (type === 'history') { data = (local.history || {})[index] || {} } data.name = data.name || data.username || data.groupname if (type !== 'history') { data.type = type } popchat(data) } //切换聊天 , tabChat: function(othis) { changeChat(othis) } //关闭聊天列表 , closeChat: function(othis, e) { changeChat(othis.parent(), 1) stope(e) }, closeThisChat: function() { changeChat(null, 1) } //展开群组成员 , groupMembers: function(othis, e) { var icon = othis.find('.layui-icon'), hide = function() { icon.html('') othis.data('down', null) layer.close(events.groupMembers.index) }, stopmp = function(e) { stope(e) } if (othis.data('down')) { hide() } else { icon.html('') othis.data('down', true) events.groupMembers.index = layer.tips('', othis, { tips: 3 , time: 0 , anim: 5 , fixed: true , skin: 'layui-box layui-layim-members' , success: function(layero) { var members = cache.base.members || {}, thatChat = thisChat() , ul = layero.find('.layim-members-list'), li = '', membersCache = {} , hasFull = layimChat.find('.layui-layer-max').hasClass('layui-layer-maxmin') , listNone = layimChat.find('.layim-chat-list').css('display') === 'none' if (hasFull) { ul.css({ width: $(window).width() - 22 - (listNone || 200) }) } members.data = $.extend(members.data, { id: thatChat.data.id }) post(members, function(res) { layui.each(res.list, function(index, item) { li += '
  • ' + item.username + '
    • ' membersCache[item.id] = item }) ul.html(li) //获取群员 othis.find('.layim-chat-members').html(res.members || (res.list || []).length + '人') //私聊 ul.find('li').on('click', function() { var uid = $(this).data('uid'), info = membersCache[uid] popchat({ name: info.username , type: 'friend' , avatar: info.avatar , id: info.id }) hide() }) layui.each(call.members, function(index, item) { item && item(res) }) }) layero.on('mousedown', function(e) { stope(e) }) } }) $(document).off('mousedown', hide).on('mousedown', hide) $(window).off('resize', hide).on('resize', hide) othis.off('mousedown', stopmp).on('mousedown', stopmp) } } //发送聊天内容 , send: function() { sendMessage() } //设置发送聊天快捷键 , setSend: function(othis, e) { var box = events.setSend.box = othis.siblings('.layim-menu-box') , type = othis.attr('lay-type') if (type === 'show') { stope(e) box.show().addClass(anim) $(document).off('click', events.setSendHide).on('click', events.setSendHide) } else { othis.addClass(THIS).siblings().removeClass(THIS) var local = layui.data('layim')[cache.mine.id] || {} local.sendHotKey = type layui.data('layim', { key: cache.mine.id , value: local }) events.setSendHide(e, othis.parent()) } }, setSendHide: function(e, box) { (box || events.setSend.box).hide().removeClass(anim) } //表情 , face: function(othis, e) { var content = '', thatChat = thisChat() for (var key in faces) { content += '
    • ' } content = '' events.face.index = layer.tips(content, othis, { tips: 1 , time: 0 , fixed: true , skin: 'layui-box layui-layim-face' , success: function(layero) { layero.find('.layim-face-list>li').on('mousedown', function(e) { stope(e) }).on('click', function() { focusInsert(thatChat.textarea[0], 'face' + this.title + ' ') layer.close(events.face.index) }) } }) $(document).off('mousedown', events.faceHide).on('mousedown', events.faceHide) $(window).off('resize', events.faceHide).on('resize', events.faceHide) stope(e) }, faceHide: function() { layer.close(events.face.index) } //图片或一般文件 , image: function(othis) { var type = othis.data('type') || 'images', api = { images: 'uploadImage' , file: 'uploadFile' } , thatChat = thisChat(), upload = cache.base[api[type]] || {} layui.upload.render({ url: upload.url || '' , method: upload.type , elem: othis.find('input')[0] , accept: type , done: function(res) { if (res.code == 0) { res.data = res.data || {} if (type === 'images') { focusInsert(thatChat.textarea[0], 'img[' + (res.data.src || '') + ']') } else if (type === 'file') { focusInsert(thatChat.textarea[0], 'file(' + (res.data.src || '') + ')[' + (res.data.name || '下载文件') + ']') } sendMessage() } else { layer.msg(res.msg || '上传失败') } } }) } //音频和视频 , media: function(othis) { var type = othis.data('type'), text = { audio: '音频' , video: '视频' }, thatChat = thisChat() layer.prompt({ title: '请输入网络' + text[type] + '地址' , shade: false , offset: [ othis.offset().top - $(window).scrollTop() - 158 + 'px' , othis.offset().left + 'px' ] }, function(src, index) { focusInsert(thatChat.textarea[0], type + '[' + src + ']') sendMessage() layer.close(index) }) } //扩展工具栏 , extend: function(othis) { var filter = othis.attr('lay-filter') , thatChat = thisChat() layui.each(call['tool(' + filter + ')'], function(index, item) { item && item.call(othis, function(content) { focusInsert(thatChat.textarea[0], content) }, sendMessage, thatChat) }) } //播放音频 , playAudio: function(othis) { var audioData = othis.data('audio') , audio = audioData || document.createElement('audio') , pause = function() { audio.pause() othis.removeAttr('status') othis.find('i').html('') } if (othis.data('error')) { return layer.msg('播放音频源异常') } if (!audio.play) { return layer.msg('您的浏览器不支持audio') } if (othis.attr('status')) { pause() } else { audioData || (audio.src = othis.data('src')) audio.play() othis.attr('status', 'pause') othis.data('audio', audio) othis.find('i').html('') //播放结束 audio.onended = function() { pause() } //播放异常 audio.onerror = function() { layer.msg('播放音频源异常') othis.data('error', true) pause() } } } //播放视频 , playVideo: function(othis) { var videoData = othis.data('src') , video = document.createElement('video') if (!video.play) { return layer.msg('您的浏览器不支持video') } layer.close(events.playVideo.index) events.playVideo.index = layer.open({ type: 1 , title: '播放视频' , area: ['460px', '300px'] , maxmin: true , shade: false , content: '
    ' }) } //聊天记录 , chatLog: function(othis) { var thatChat = thisChat() if (!cache.base.chatLog) { return layer.msg('未开启更多聊天记录') } layer.close(events.chatLog.index) return events.chatLog.index = layer.open({ type: 2 , maxmin: true , title: '与 ' + thatChat.data.name + ' 的聊天记录' , area: ['450px', '100%'] , shade: false , offset: 'rb' , skin: 'layui-box' , anim: 2 , id: 'layui-layim-chatlog' , content: cache.base.chatLog + '?id=' + thatChat.data.id + '&type=' + thatChat.data.type + '&myid=' + cache.mine.id }) } //历史会话右键菜单操作 , menuHistory: function(othis, e) { var local = layui.data('layim')[cache.mine.id] || {} var parent = othis.parent(), type = othis.data('type') var hisElem = layimMain.find('.layim-list-history') var none = '
  • 暂无历史会话
    • ' if (type === 'one') { var history = local.history delete history[parent.data('index')] local.history = history layui.data('layim', { key: cache.mine.id , value: local }) $('#' + parent.data('id')).remove() if (hisElem.find('li').length === 0) { hisElem.html(none) } } else if (type === 'all') { delete local.history layui.data('layim', { key: cache.mine.id , value: local }) hisElem.html(none) } layer.closeAll('tips') } } //暴露接口 exports('layim', new LAYIM()) }).addcss( 'modules/layim/layim.css?v=3.7.6' , 'skinlayimcss' )