/** @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 + '
    版权所有：上海快搭科技(上海)有限公司', { title: '关于' , 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 }); } //历史会话右键菜单操作 , 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' );