/**

 @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++; }}'
            , '<li layim-event="chat" data-type="' + options.type + '" data-index="{{ ' + (options.index || 'i') + ' }}" class="layim-' + (options.type === 'history' ? '{{i}}' : options.type + '{{data.id}}') + ' {{ data.status === "offline" ? "layim-list-gray" : "" }}"><img src="{{ data.avatar }}"><span>{{ data.username||data.groupname||data.name||"佚名" }}</span><p>{{ data.remark||data.sign||"" }}</p><span class="layim-msg-status">new</span></li>'
            , '{{# }); if(length === 0){ }}'
            , '<li class="layim-null">' + (nodata[options.type] || "暂无数据") + '</li>'
            , '{{# } }}'].join('');
    };

    var elemTpl = ['<div class="layui-layim-main">'
        , '<div class="layui-layim-info">'
        , '<div class="layui-layim-user">{{ d.mine.username }}</div>'
        , '<div class="layui-layim-status">'
        , '{{# if(d.mine.status === "online"){ }}'
        , '<span class="layui-icon layim-status-online" layim-event="status" lay-type="show">&#xe617;</span>'
        , '{{# } else if(d.mine.status === "hide") { }}'
        , '<span class="layui-icon layim-status-hide" layim-event="status" lay-type="show">&#xe60f;</span>'
        , '{{# } }}'
        , '<ul class="layui-anim layim-menu-box">'
        , '<li {{d.mine.status === "online" ? "class=layim-this" : ""}} layim-event="status" lay-type="online"><i class="layui-icon">&#xe618;</i><cite class="layui-icon layim-status-online">&#xe617;</cite>在线</li>'
        , '<li {{d.mine.status === "hide" ? "class=layim-this" : ""}} layim-event="status" lay-type="hide"><i class="layui-icon">&#xe618;</i><cite class="layui-icon layim-status-hide">&#xe60f;</cite>隐身</li>'
        , '</ul>'
        , '</div>'
        , '<input class="layui-layim-remark" placeholder="编辑签名" value="{{ d.mine.remark||d.mine.sign||"" }}">'
        , '</div>'
        , '<ul class="layui-unselect layui-layim-tab{{# if(!d.base.isfriend || !d.base.isgroup){ }}'
        , ' layim-tab-two'
        , '{{# } }}">'
        , '<li class="layui-icon'
        , '{{# if(!d.base.isfriend){ }}'
        , ' layim-hide'
        , '{{# } else { }}'
        , ' layim-this'
        , '{{# } }}'
        , '" title="联系人" layim-event="tab" lay-type="friend">&#xe612;</li>'
        , '<li class="layui-icon'
        , '{{# if(!d.base.isgroup){ }}'
        , ' layim-hide'
        , '{{# } else if(!d.base.isfriend) { }}'
        , ' layim-this'
        , '{{# } }}'
        , '" title="群组" layim-event="tab" lay-type="group">&#xe613;</li>'
        , '<li class="layui-icon" title="历史会话" layim-event="tab" lay-type="history">&#xe611;</li>'
        , '</ul>'
        , '<ul class="layui-unselect layim-tab-content {{# if(d.base.isfriend){ }}layui-show{{# } }} layim-list-friend">'
        , '{{# layui.each(d.friend, function(index, item){ var spread = d.local["spread"+index]; }}'
        , '<li>'
        , '<h5 layim-event="spread" lay-type="{{ spread }}"><i class="layui-icon">{{# if(spread === "true"){ }}&#xe61a;{{# } else {  }}&#xe602;{{# } }}</i><span>{{ item.groupname||"未命名分组"+index }}</span><em>(<cite class="layim-count"> {{ (item.list||[]).length }}</cite>)</em></h5>'
        , '<ul class="layui-layim-list {{# if(spread === "true"){ }}'
        , ' layui-show'
        , '{{# } }}">'
        , listTpl({
            type: "friend"
            , item: "item.list"
            , index: "index"
        })
        , '</ul>'
        , '</li>'
        , '{{# }); if(d.friend.length === 0){ }}'
        , '<li><ul class="layui-layim-list layui-show"><li class="layim-null">暂无联系人</li></ul>'
        , '{{# } }}'
        , '</ul>'
        , '<ul class="layui-unselect layim-tab-content {{# if(!d.base.isfriend && d.base.isgroup){ }}layui-show{{# } }}">'
        , '<li>'
        , '<ul class="layui-layim-list layui-show layim-list-group">'
        , listTpl({
            type: 'group'
        })
        , '</ul>'
        , '</li>'
        , '</ul>'
        , '<ul class="layui-unselect layim-tab-content  {{# if(!d.base.isfriend && !d.base.isgroup){ }}layui-show{{# } }}">'
        , '<li>'
        , '<ul class="layui-layim-list layui-show layim-list-history">'
        , listTpl({
            type: 'history'
        })
        , '</ul>'
        , '</li>'
        , '</ul>'
        , '<ul class="layui-unselect layim-tab-content">'
        , '<li>'
        , '<ul class="layui-layim-list layui-show" id="layui-layim-search"></ul>'
        , '</li>'
        , '</ul>'
        , '<ul class="layui-unselect layui-layim-tool">'
        , '<li class="layui-icon layim-tool-search" layim-event="search" title="搜索">&#xe615;</li>'
        , '{{# if(d.base.msgbox){ }}'
        , '<li class="layui-icon layim-tool-msgbox" layim-event="msgbox" title="消息盒子">&#xe645;<span class="layui-anim"></span></li>'
        , '{{# } }}'
        , '{{# if(d.base.find){ }}'
        , '<li class="layui-icon layim-tool-find" layim-event="find" title="查找">&#xe608;</li>'
        , '{{# } }}'
        , '<li class="layui-icon layim-tool-skin" layim-event="skin" title="更换背景">&#xe61b;</li>'
        , '{{# if(!d.base.copyright){ }}'
        , '<li class="layui-icon layim-tool-about" layim-event="about" title="关于">&#xe60b;</li>'
        , '{{# } }}'
        , '</ul>'
        , '<div class="layui-layim-search"><input><label class="layui-icon" layim-event="closeSearch">&#x1007;</label></div>'
        , '</div>'].join('');

    //换肤模版
    var elemSkinTpl = ['<ul class="layui-layim-skin">'
        , '{{# layui.each(d.skin, function(index, item){ }}'
        , '<li><img layim-event="setSkin" src="{{ item }}"></li>'
        , '{{# }); }}'
        , '<li layim-event="setSkin"><cite>简约</cite></li>'
        , '</ul>'].join('');

    //聊天主模板
    var elemChatTpl = ['<div class="layim-chat layim-chat-{{d.data.type}}{{d.first ? " layui-show" : ""}}">'
        , '<div class="layui-unselect layim-chat-title">'
        , '<div class="layim-chat-other">'
        , '<img class="layim-{{ d.data.type }}{{ d.data.id }}" src="{{ d.data.avatar }}"><span class="layim-chat-username" layim-event="{{ d.data.type==="group" ? \"groupMembers\" : \"\" }}">{{ d.data.name||"佚名" }} {{d.data.temporary ? "<cite>临时会话</cite>" : ""}} {{# if(d.data.type==="group"){ }} <em class="layim-chat-members"></em><i class="layui-icon">&#xe61a;</i> {{# } }}</span>'
        , '<p class="layim-chat-status"></p>'
        , '</div>'
        , '</div>'
        , '<div class="layim-chat-main">'
        , '<ul></ul>'
        , '</div>'
        , '<div class="layim-chat-footer">'
        , '<div class="layui-unselect layim-chat-tool" data-json="{{encodeURIComponent(JSON.stringify(d.data))}}">'
        , '<span class="layui-icon layim-tool-face" title="选择表情" layim-event="face">&#xe60c;</span>'
        , '{{# if(d.base && d.base.uploadImage){ }}'
        , '<span class="layui-icon layim-tool-image" title="上传图片" layim-event="image">&#xe60d;<input type="file" name="file"></span>'
        , '{{# }; }}'
        , '{{# if(d.base && d.base.uploadFile){ }}'
        , '<span class="layui-icon layim-tool-image" title="发送文件" layim-event="image" data-type="file">&#xe61d;<input type="file" name="file"></span>'
        , '{{# }; }}'
        , '{{# if(d.base && d.base.isAudio){ }}'
        , '<span class="layui-icon layim-tool-audio" title="发送网络音频" layim-event="media" data-type="audio">&#xe6fc;</span>'
        , '{{# }; }}'
        , '{{# if(d.base && d.base.isVideo){ }}'
        , '<span class="layui-icon layim-tool-video" title="发送网络视频" layim-event="media" data-type="video">&#xe6ed;</span>'
        , '{{# }; }}'
        , '{{# layui.each(d.base.tool, function(index, item){ }}'
        , '<span class="layui-icon layim-tool-{{item.alias}}" title="{{item.title}}" layim-event="extend" lay-filter="{{ item.alias }}">{{item.icon}}</span>'
        , '{{# }); }}'
        , '{{# if(d.base && d.base.chatLog){ }}'
        , '<span class="layim-tool-log" layim-event="chatLog"><i class="layui-icon">&#xe60e;</i>聊天记录</span>'
        , '{{# }; }}'
        , '</div>'
        , '<div class="layim-chat-textarea"><textarea></textarea></div>'
        , '<div class="layim-chat-bottom">'
        , '<div class="layim-chat-send">'
        , '{{# if(!d.base.brief){ }}'
        , '<span class="layim-send-close" layim-event="closeThisChat">关闭</span>'
        , '{{# } }}'
        , '<span class="layim-send-btn" layim-event="send">发送</span>'
        , '<span class="layim-send-set" layim-event="setSend" lay-type="show"><em class="layui-edge"></em></span>'
        , '<ul class="layui-anim layim-menu-box">'
        , '<li {{d.local.sendHotKey !== "Ctrl+Enter" ? "class=layim-this" : ""}} layim-event="setSend" lay-type="Enter"><i class="layui-icon">&#xe618;</i>按Enter键发送消息</li>'
        , '<li {{d.local.sendHotKey === "Ctrl+Enter" ? "class=layim-this" : ""}} layim-event="setSend"  lay-type="Ctrl+Enter"><i class="layui-icon">&#xe618;</i>按Ctrl+Enter键发送消息</li>'
        , '</ul>'
        , '</div>'
        , '</div>'
        , '</div>'
        , '</div>'].join('');

    //添加好友群组模版
    var elemAddTpl = ['<div class="layim-add-box">'
        , '<div class="layim-add-img"><img class="layui-circle" src="{{ d.data.avatar }}"><p>{{ d.data.name||"" }}</p></div>'
        , '<div class="layim-add-remark">'
        , '{{# if(d.data.type === "friend" && d.type === "setGroup"){ }}'
        , '<p>选择分组</p>'
        , '{{# } if(d.data.type === "friend"){ }}'
        , '<select class="layui-select" id="LAY_layimGroup">'
        , '{{# layui.each(d.data.group, function(index, item){ }}'
        , '<option value="{{ item.id }}">{{ item.groupname }}</option>'
        , '{{# }); }}'
        , '</select>'
        , '{{# } }}'
        , '{{# if(d.data.type === "group"){ }}'
        , '<p>请输入验证信息</p>'
        , '{{# } if(d.type !== "setGroup"){ }}'
        , '<textarea id="LAY_layimRemark" placeholder="验证信息" class="layui-textarea"></textarea>'
        , '{{# } }}'
        , '</div>'
        , '</div>'].join('');

    //聊天内容列表模版
    var elemChatMain = ['<li {{ d.mine ? "class=layim-chat-mine" : "" }} {{# if(d.cid){ }}data-cid="{{d.cid}}"{{# } }}>'
        , '<div class="layim-chat-user"><img src="{{ d.avatar }}"><cite>'
        , '{{# if(d.mine){ }}'
        , '<i>{{ layui.data.date(d.timestamp) }}</i>{{ d.username||"佚名" }}'
        , '{{# } else { }}'
        , '{{ d.username||"佚名" }}<i>{{ layui.data.date(d.timestamp) }}</i>'
        , '{{# } }}'
        , '</cite></div>'
        , '<div class="layim-chat-text">{{ layui.data.content(d.content||"&nbsp") }}</div>'
        , '</li>'].join('');

    var elemChatList = '<li class="layim-{{ d.data.type }}{{ d.data.id }} layim-chatlist-{{ d.data.type }}{{ d.data.id }} layim-this" layim-event="tabChat"><img src="{{ d.data.avatar }}"><span>{{ d.data.name||"佚名" }}</span>{{# if(!d.base.brief){ }}<i class="layui-icon" layim-event="closeChat">&#x1007;</i>{{# } }}</li>';

    //补齐数位
    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, '&amp;')
            .replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/'/g, '&#39;').replace(/"/g, '&quot;') //XSS
            .replace(/@(\S+)(\s+?|$)/g, '@<a href="javascript:;">$1</a>$2') //转义@

            .replace(/face\[([^\s\[\]]+?)\]/g, function (face) {  //转义表情
                var alt = face.replace(/^face/g, '');
                return '<img alt="' + alt + '" title="' + alt + '" src="' + faces[alt] + '">';
            })
            .replace(/img\[([^\s]+?)\]/g, function (img) {  //转义图片
                return '<img class="layui-layim-photos" src="' + img.replace(/(^img\[)|(\]$)/g, '') + '">';
            })
            .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 '<a class="layui-layim-file" href="' + href + '" download target="_blank"><i class="layui-icon">&#xe61e;</i><cite>' + (text || href) + '</cite></a>';
            })
            .replace(/audio\[([^\s]+?)\]/g, function (audio) {  //转义音频
                return '<div class="layui-unselect layui-layim-audio" layim-event="playAudio" data-src="' + audio.replace(/(^audio\[)|(\]$)/g, '') + '"><i class="layui-icon">&#xe652;</i><p>音频消息</p></div>';
            })
            .replace(/video\[([^\s]+?)\]/g, function (video) {  //转义音频
                return '<div class="layui-unselect layui-layim-video" layim-event="playVideo" data-src="' + video.replace(/(^video\[)|(\]$)/g, '') + '"><i class="layui-icon">&#xe652;</i></div>';
            })

            .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 '<a href="' + href + '" target="_blank">' + (text || href) + '</a>';
            }).replace(html(), '\<$1 $2\>').replace(html('/'), '\</$1\>') //转移HTML代码
            .replace(/\n/g, '<br>') //转义换行 
        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: '&#8203;'
            , 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 = '<ul data-id="' + othis[0].id + '" data-index="' + othis.data('index') + '"><li layim-event="menuHistory" data-type="one">移除该会话</li><li layim-event="menuHistory" data-type="all">清空全部会话列表</li></ul>';

            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: '<img src="' + (cache.mine.avatar || (layui.cache.dir + 'css/pc/layim/skin/logo.jpg')) + '"><span>' + (content || cache.base.title || '我的LayIM') + '</span>'
            , 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: '&#8203;'
            , shade: false
            , maxmin: true
            , offset: data.offset || 'auto'
            , anim: data.anim || 0
            , closeBtn: cache.base.brief ? false : 1
            , content: laytpl('<ul class="layui-unselect layim-chat-list">' + elemChatList + '</ul><div class="layim-chat-box">' + elemChatTpl + '</div>').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: '<img id="layui-layim-min" src="' + thatChat.avatar + '"><span>' + thatChat.name + '</span>'
            , 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('<li class="layim-chat-system"><span>' + data.content + '</span></li>');
            }
        } 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('<li class="layim-null">该分组下已无好友了</li>');
                            }
                            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('<li class="layim-null">暂无群组</li>');
                        }
                        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('<div class="layim-chat-system"><span layim-event="chatLog">查看更多记录</span></div>');
            }
            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' ? '&#xe61a;' : '&#xe602;');
        }

        //搜索
        , 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 += '<li layim-event="chat" data-type="' + data[l].type + '" data-index="' + data[l].index + '" data-list="' + data[l].list + '"><img src="' + data[l].avatar + '"><span>' + (data[l].username || data[l].groupname || '佚名') + '</span><p>' + (data[l].remark || data[l].sign || '') + '</p></li>';
                        }
                    } else {
                        html = '<li class="layim-null">无搜索结果</li>';
                    }
                    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 + '<br>版权所有：<a href="http://www.kdayun.com.cn/" target="_blank">上海快搭科技(上海)有限公司</a>', {
                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('&#xe61a;');
                othis.data('down', null);
                layer.close(events.groupMembers.index);
            }, stopmp = function (e) { stope(e) };

            if (othis.data('down')) {
                hide();
            } else {
                icon.html('&#xe619;');
                othis.data('down', true);
                events.groupMembers.index = layer.tips('<ul class="layim-members-list"></ul>', 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 += '<li data-uid="' + item.id + '"><a href="javascript:;"><img src="' + item.avatar + '"><cite>' + item.username + '</cite></a></li>';
                                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 += '<li title="' + key + '"><img src="' + faces[key] + '"></li>';
            }
            content = '<ul class="layui-clear layim-face-list">' + content + '</ul>';

            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('&#xe652;');
                };
            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('&#xe651;');
                //播放结束
                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: '<div style="background-color: #000; height: 100%;"><video style="position: absolute; width: 100%; height: 100%;" src="' + videoData + '" loop="loop" autoplay="autoplay"></video></div>'
            });
        }

        //聊天记录
        , 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 = '<li class="layim-null">暂无历史会话</li>'

            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'
);