1.0.8
This commit is contained in:
sentsin
11
src/lay/all-mobile.js
Normal file
11
src/lay/all-mobile.js
Normal file
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
|
||||
@Name：用于打包移动完整版
|
||||
@Author：贤心
|
||||
@License：LGPL
|
||||
|
||||
*/
|
||||
|
||||
layui.define(function(exports){
|
||||
exports('layui.mobile', layui.v);
|
||||
});
|
||||
@@ -57,6 +57,17 @@ layui.define('jquery', function(exports){
|
||||
return this;
|
||||
};
|
||||
|
||||
//动态改变进度条
|
||||
Element.prototype.progress = function(filter, percent){
|
||||
var ELEM = 'layui-progress'
|
||||
,elem = $('.'+ ELEM +'[lay-filter='+ filter +']')
|
||||
,elemBar = elem.find('.'+ ELEM +'-bar')
|
||||
,text = elemBar.find('.'+ ELEM +'-text');
|
||||
elemBar.css('width', percent);
|
||||
text.text(percent);
|
||||
return this;
|
||||
};
|
||||
|
||||
var NAV_ELEM = '.layui-nav', NAV_ITEM = 'layui-nav-item', NAV_BAR = 'layui-nav-bar'
|
||||
,NAV_TREE = 'layui-nav-tree', NAV_CHILD = 'layui-nav-child', NAV_MORE = 'layui-nav-more'
|
||||
,NAV_ANIM = 'layui-anim layui-anim-upbit'
|
||||
@@ -275,9 +286,10 @@ layui.define('jquery', function(exports){
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
//面包屑
|
||||
,breadcrumb: function(){
|
||||
var ELEM = '.layui-breadcrumb'
|
||||
var ELEM = '.layui-breadcrumb';
|
||||
|
||||
$(ELEM).each(function(){
|
||||
var othis = $(this)
|
||||
@@ -291,6 +303,23 @@ layui.define('jquery', function(exports){
|
||||
othis.css('visibility', 'visible');
|
||||
});
|
||||
}
|
||||
|
||||
//进度条
|
||||
,progress: function(){
|
||||
var ELEM = 'layui-progress';
|
||||
|
||||
$('.'+ELEM).each(function(){
|
||||
var othis = $(this)
|
||||
,elemBar = othis.find('.layui-progress-bar')
|
||||
,width = elemBar.attr('lay-percent');
|
||||
elemBar.css('width', width);
|
||||
if(othis.attr('lay-showPercent')){
|
||||
setTimeout(function(){
|
||||
elemBar.html('<span class="'+ ELEM +'-text">'+ Math.round(elemBar.width()/othis.width()*100) +'%</span>');
|
||||
},350);
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return layui.each(items, function(index, item){
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
@Name：layui.form 表单组件
|
||||
@Author：贤心
|
||||
@License：LGPL
|
||||
@License：MIT
|
||||
|
||||
*/
|
||||
|
||||
@@ -264,21 +264,25 @@ layui.define('layer', function(exports){
|
||||
|
||||
//开始校验
|
||||
layui.each(verifyElem, function(_, item){
|
||||
var othis = $(this), ver = othis.attr('lay-verify'), tips = '';
|
||||
var value = othis.val(), isFn = typeof verify[ver] === 'function';
|
||||
var othis = $(this), ver = othis.attr('lay-verify').split('|');
|
||||
var tips = '', value = othis.val();
|
||||
othis.removeClass(DANGER);
|
||||
if(verify[ver] && (isFn ? tips = verify[ver](value, item) : !verify[ver][0].test(value)) ){
|
||||
layer.msg(tips || verify[ver][1], {
|
||||
icon: 5
|
||||
,shift: 6
|
||||
});
|
||||
//非移动设备自动定位焦点
|
||||
if(!device.android && !device.ios){
|
||||
item.focus();
|
||||
layui.each(ver, function(_, thisVer){
|
||||
var isFn = typeof verify[thisVer] === 'function';
|
||||
if(verify[thisVer] && (isFn ? tips = verify[thisVer](value, item) : !verify[thisVer][0].test(value)) ){
|
||||
layer.msg(tips || verify[thisVer][1], {
|
||||
icon: 5
|
||||
,shift: 6
|
||||
});
|
||||
//非移动设备自动定位焦点
|
||||
if(!device.android && !device.ios){
|
||||
item.focus();
|
||||
}
|
||||
othis.addClass(DANGER);
|
||||
return stop = true;
|
||||
}
|
||||
othis.addClass(DANGER);
|
||||
return stop = true;
|
||||
}
|
||||
});
|
||||
if(stop) return stop;
|
||||
});
|
||||
|
||||
if(stop) return false;
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
@Name：layer v3.0.1 Web弹层组件
|
||||
@Author：贤心
|
||||
@Site：http://layer.layui.com
|
||||
@License：LGPL
|
||||
@License：MIT
|
||||
|
||||
*/
|
||||
|
||||
@@ -248,7 +248,7 @@ Class.pt.creat = function(){
|
||||
,conType = typeof content === 'object'
|
||||
,body = $('body');
|
||||
|
||||
if($('#'+config.id)[0]) return;
|
||||
if(config.id && $('#'+config.id)[0]) return;
|
||||
|
||||
if(typeof config.area === 'string'){
|
||||
config.area = config.area === 'auto' ? ['', ''] : [config.area, ''];
|
||||
@@ -565,12 +565,13 @@ Class.pt.move = function(){
|
||||
,height: dict.area[1] + Y
|
||||
})
|
||||
dict.isResize = true;
|
||||
config.resizing && config.resizing(layero);
|
||||
}
|
||||
}).on('mouseup', function(e){
|
||||
if(dict.moveStart){
|
||||
delete dict.moveStart;
|
||||
ready.moveElem.hide();
|
||||
config.moveEnd && config.moveEnd();
|
||||
config.moveEnd && config.moveEnd(layero);
|
||||
}
|
||||
if(dict.resizeStart){
|
||||
delete dict.resizeStart;
|
||||
|
||||
30
src/lay/modules/mobile.js
Normal file
30
src/lay/modules/mobile.js
Normal file
@@ -0,0 +1,30 @@
|
||||
/**
|
||||
|
||||
@Name：layui 移动模块入口 | 构建后则为移动模块集合
|
||||
@Author：贤心
|
||||
@License：MIT
|
||||
|
||||
*/
|
||||
|
||||
|
||||
if(!layui['layui.mobile']){
|
||||
layui.config({
|
||||
base: layui.cache.dir + 'lay/modules/mobile/'
|
||||
}).extend({
|
||||
'layer-mobile': 'layer-mobile'
|
||||
,'zepto': 'zepto'
|
||||
,'upload-mobile': 'upload-mobile'
|
||||
,'layim-mobile': 'layim-mobile'
|
||||
});
|
||||
}
|
||||
|
||||
layui.define([
|
||||
'layer-mobile'
|
||||
,'zepto'
|
||||
,'layim-mobile'
|
||||
], function(exports){
|
||||
exports('mobile', {
|
||||
layer: layui['layer-mobile'] //弹层
|
||||
,layim: layui['layim-mobile'] //WebIM
|
||||
});
|
||||
});
|
||||
189
src/lay/modules/mobile/layer-mobile.js
Normal file
189
src/lay/modules/mobile/layer-mobile.js
Normal file
@@ -0,0 +1,189 @@
|
||||
/*!
|
||||
|
||||
@Name：layer mobile v2.0 弹层组件移动版
|
||||
@Author：贤心
|
||||
@Site：http://layer.layui.com/mobie/
|
||||
@License：LGPL
|
||||
|
||||
*/
|
||||
|
||||
layui.define(function(exports){
|
||||
|
||||
"use strict";
|
||||
|
||||
var win = window, doc = document, query = 'querySelectorAll', claname = 'getElementsByClassName', S = function(s){
|
||||
return doc[query](s);
|
||||
};
|
||||
|
||||
//默认配置
|
||||
var config = {
|
||||
type: 0
|
||||
,shade: true
|
||||
,shadeClose: true
|
||||
,fixed: true
|
||||
,anim: 'scale' //默认动画类型
|
||||
};
|
||||
|
||||
var ready = {
|
||||
extend: function(obj){
|
||||
var newobj = JSON.parse(JSON.stringify(config));
|
||||
for(var i in obj){
|
||||
newobj[i] = obj[i];
|
||||
}
|
||||
return newobj;
|
||||
},
|
||||
timer: {}, end: {}
|
||||
};
|
||||
|
||||
//点触事件
|
||||
ready.touch = function(elem, fn){
|
||||
elem.addEventListener('click', function(e){
|
||||
fn.call(this, e);
|
||||
}, false);
|
||||
};
|
||||
|
||||
var index = 0, classs = ['layui-m-layer'], Layer = function(options){
|
||||
var that = this;
|
||||
that.config = ready.extend(options);
|
||||
that.view();
|
||||
};
|
||||
|
||||
Layer.prototype.view = function(){
|
||||
var that = this, config = that.config, layerbox = doc.createElement('div');
|
||||
|
||||
that.id = layerbox.id = classs[0] + index;
|
||||
layerbox.setAttribute('class', classs[0] + ' ' + classs[0]+(config.type || 0));
|
||||
layerbox.setAttribute('index', index);
|
||||
|
||||
//标题区域
|
||||
var title = (function(){
|
||||
var titype = typeof config.title === 'object';
|
||||
return config.title
|
||||
? '<h3 style="'+ (titype ? config.title[1] : '') +'">'+ (titype ? config.title[0] : config.title) +'</h3>'
|
||||
: '';
|
||||
}());
|
||||
|
||||
//按钮区域
|
||||
var button = (function(){
|
||||
typeof config.btn === 'string' && (config.btn = [config.btn]);
|
||||
var btns = (config.btn || []).length, btndom;
|
||||
if(btns === 0 || !config.btn){
|
||||
return '';
|
||||
}
|
||||
btndom = '<span yes type="1">'+ config.btn[0] +'</span>'
|
||||
if(btns === 2){
|
||||
btndom = '<span no type="0">'+ config.btn[1] +'</span>' + btndom;
|
||||
}
|
||||
return '<div class="layui-m-layerbtn">'+ btndom + '</div>';
|
||||
}());
|
||||
|
||||
if(!config.fixed){
|
||||
config.top = config.hasOwnProperty('top') ? config.top : 100;
|
||||
config.style = config.style || '';
|
||||
config.style += ' top:'+ ( doc.body.scrollTop + config.top) + 'px';
|
||||
}
|
||||
|
||||
if(config.type === 2){
|
||||
config.content = '<i></i><i class="layui-m-layerload"></i><i></i><p>'+ (config.content||'') +'</p>';
|
||||
}
|
||||
|
||||
if(config.skin) config.anim = 'up';
|
||||
if(config.skin === 'msg') config.shade = false;
|
||||
|
||||
layerbox.innerHTML = (config.shade ? '<div '+ (typeof config.shade === 'string' ? 'style="'+ config.shade +'"' : '') +' class="layui-m-layershade"></div>' : '')
|
||||
+'<div class="layui-m-layermain" '+ (!config.fixed ? 'style="position:static;"' : '') +'>'
|
||||
+'<div class="layui-m-layersection">'
|
||||
+'<div class="layui-m-layerchild '+ (config.skin ? 'layui-m-layer-' + config.skin + ' ' : '') + (config.className ? config.className : '') + ' ' + (config.anim ? 'layui-m-anim-' + config.anim : '') +'" ' + ( config.style ? 'style="'+config.style+'"' : '' ) +'>'
|
||||
+ title
|
||||
+'<div class="layui-m-layercont">'+ config.content +'</div>'
|
||||
+ button
|
||||
+'</div>'
|
||||
+'</div>'
|
||||
+'</div>';
|
||||
|
||||
if(!config.type || config.type === 2){
|
||||
var dialogs = doc[claname](classs[0] + config.type), dialen = dialogs.length;
|
||||
if(dialen >= 1){
|
||||
layer.close(dialogs[0].getAttribute('index'))
|
||||
}
|
||||
}
|
||||
|
||||
document.body.appendChild(layerbox);
|
||||
var elem = that.elem = S('#'+that.id)[0];
|
||||
config.success && config.success(elem);
|
||||
|
||||
that.index = index++;
|
||||
that.action(config, elem);
|
||||
};
|
||||
|
||||
Layer.prototype.action = function(config, elem){
|
||||
var that = this;
|
||||
|
||||
//自动关闭
|
||||
if(config.time){
|
||||
ready.timer[that.index] = setTimeout(function(){
|
||||
layer.close(that.index);
|
||||
}, config.time*1000);
|
||||
}
|
||||
|
||||
//确认取消
|
||||
var btn = function(){
|
||||
var type = this.getAttribute('type');
|
||||
if(type == 0){
|
||||
config.no && config.no();
|
||||
layer.close(that.index);
|
||||
} else {
|
||||
config.yes ? config.yes(that.index) : layer.close(that.index);
|
||||
}
|
||||
};
|
||||
if(config.btn){
|
||||
var btns = elem[claname]('layui-m-layerbtn')[0].children, btnlen = btns.length;
|
||||
for(var ii = 0; ii < btnlen; ii++){
|
||||
ready.touch(btns[ii], btn);
|
||||
}
|
||||
}
|
||||
|
||||
//点遮罩关闭
|
||||
if(config.shade && config.shadeClose){
|
||||
var shade = elem[claname]('layui-m-layershade')[0];
|
||||
ready.touch(shade, function(){
|
||||
layer.close(that.index, config.end);
|
||||
});
|
||||
}
|
||||
|
||||
config.end && (ready.end[that.index] = config.end);
|
||||
};
|
||||
|
||||
var layer = {
|
||||
v: '2.0 m',
|
||||
index: index,
|
||||
|
||||
//核心方法
|
||||
open: function(options){
|
||||
var o = new Layer(options || {});
|
||||
return o.index;
|
||||
},
|
||||
|
||||
close: function(index){
|
||||
var ibox = S('#'+classs[0]+index)[0];
|
||||
if(!ibox) return;
|
||||
ibox.innerHTML = '';
|
||||
doc.body.removeChild(ibox);
|
||||
clearTimeout(ready.timer[index]);
|
||||
delete ready.timer[index];
|
||||
typeof ready.end[index] === 'function' && ready.end[index]();
|
||||
delete ready.end[index];
|
||||
},
|
||||
|
||||
//关闭所有layer层
|
||||
closeAll: function(){
|
||||
var boxs = doc[claname](classs[0]);
|
||||
for(var i = 0, len = boxs.length; i < len; i++){
|
||||
layer.close((boxs[0].getAttribute('index')|0));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
exports('layer-mobile', layer);
|
||||
|
||||
});
|
||||
11
src/lay/modules/mobile/layim-mobile-open.js
Normal file
11
src/lay/modules/mobile/layim-mobile-open.js
Normal file
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
|
||||
@Name：layim mobile 开源包
|
||||
@Author：贤心
|
||||
@License：MIT
|
||||
|
||||
*/
|
||||
|
||||
layui.define(function(exports){
|
||||
exports('layim-mobile', layui.v);
|
||||
});
|
||||
689
src/lay/modules/mobile/layim-mobile.js
Normal file
689
src/lay/modules/mobile/layim-mobile.js
Normal file
@@ -0,0 +1,689 @@
|
||||
/**
|
||||
|
||||
@Name：layim mobile 1.0.2 Beta 临时版
|
||||
@Author：贤心
|
||||
@Site：http://layim.layui.com
|
||||
@License：LGPL
|
||||
|
||||
*/
|
||||
|
||||
layui.define(['laytpl', 'upload-mobile', 'layer-mobile', 'zepto'], function(exports){
|
||||
|
||||
var v = '1.0 Beta';
|
||||
var $ = layui.zepto;
|
||||
var laytpl = layui.laytpl;
|
||||
var layer = layui['layer-mobile'];
|
||||
var upload = layui['upload-mobile'];
|
||||
|
||||
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) : '';
|
||||
});
|
||||
};
|
||||
|
||||
//底部弹出
|
||||
layer.popBottom = function(options){
|
||||
layer.close(layer.popBottom.index);
|
||||
layer.popBottom.index = layer.open($.extend({
|
||||
type: 1
|
||||
,content: options.content || ''
|
||||
,shade: false
|
||||
,className: 'layim-layer'
|
||||
}, options));
|
||||
};
|
||||
|
||||
//基础配置
|
||||
LAYIM.prototype.config = function(options){
|
||||
options = options || {};
|
||||
options = $.extend({
|
||||
title: '我的IM'
|
||||
,isfriend: !0
|
||||
,voice: 'default.mp3'
|
||||
,chatTitleColor: '#36373C'
|
||||
}, options);
|
||||
init(options);
|
||||
};
|
||||
|
||||
//监听事件
|
||||
LAYIM.prototype.on = function(events, callback){
|
||||
if(typeof callback === 'function'){
|
||||
call[events] ? call[events].push(callback) : call[events] = [callback];
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
//打开一个自定义的会话界面
|
||||
LAYIM.prototype.chat = function(data){
|
||||
if(!window.JSON || !window.JSON.parse) return;
|
||||
return popchat(data), this;
|
||||
};
|
||||
|
||||
//获取所有缓存数据
|
||||
LAYIM.prototype.cache = function(){
|
||||
return cache;
|
||||
};
|
||||
|
||||
//接受消息
|
||||
LAYIM.prototype.getMessage = function(data){
|
||||
return getMessage(data), this;
|
||||
};
|
||||
|
||||
//设置当前会话状态
|
||||
LAYIM.prototype.setChatStatus = function(str){
|
||||
var thatChat = thisChat(), status = thatChat.elem.find('.layim-chat-status');
|
||||
return status.html(str), this;
|
||||
};
|
||||
|
||||
//解析聊天内容
|
||||
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') +' }}" id="layim-'+ options.type +'{{ data.id }}" {{ data.status === "offline" ? "class=layim-list-gray" : "" }}><img src="{{ data.avatar }}"><span>{{ data.username||data.groupname||data.name||"佚名" }}</span><p>{{ data.remark||data.sign||"" }}</p></li>'
|
||||
,'{{# }); if(length === 0){ }}'
|
||||
,'<li class="layim-null">'+ (nodata[options.type] || "暂无数据") +'</li>'
|
||||
,'{{# } }}'].join('');
|
||||
};
|
||||
|
||||
//主界面模版
|
||||
var elemTpl = ['<div class="layui-layim">'
|
||||
,'<div class="layim-chat-title" style="background-color: {{d.base.chatTitleColor}};">'
|
||||
,'<p>{{ d.base.title }}</p>'
|
||||
,'</div>'
|
||||
,'<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"){ }}{{# } else { }}{{# } }}</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 layui-layim-tab">'
|
||||
,'<li class="layui-icon" title="会话" layim-event="tab" lay-type="history"></li>'
|
||||
,'<li class="layui-icon" title="联系人" layim-event="tab" lay-type="friend"></li>'
|
||||
,'</ul>'
|
||||
,'</div>'].join('');
|
||||
|
||||
//聊天主模板
|
||||
var elemChatTpl = ['<div class="layim-chat layim-chat-{{d.data.type}}{{d.first ? " layui-show" : ""}}">'
|
||||
,'{{# if(d.base.chatTitleColor){ }}'
|
||||
,'<div class="layim-chat-title" style="background-color: {{d.base.chatTitleColor}};">'
|
||||
,'<p><i class="layui-icon layim-chat-back" layim-event="backList"></i> {{ d.data.name }}<span class="layim-chat-status"></span> </p>'
|
||||
,'</div>'
|
||||
,'{{# } }}'
|
||||
,'<div class="layim-chat-main" {{d.base.chatTitleColor ? "" : "nonetitle"}}>'
|
||||
,'<ul></ul>'
|
||||
,'</div>'
|
||||
,'<div class="layim-chat-footer">'
|
||||
,'<div class="layim-chat-send"><input type="text" autocomplete="off"><button class="layim-send layui-disabled" layim-event="send">发送</button></div>'
|
||||
,'<div class="layim-chat-tool" data-json="{{encodeURIComponent(JSON.stringify(d.data))}}">'
|
||||
,'<span class="layui-icon layim-tool-face" title="选择表情" layim-event="face"></span>'
|
||||
,'{{# if(d.base && d.base.uploadImage){ }}'
|
||||
,'<span class="layui-icon layim-tool-image" title="上传图片" layim-event="image"><input type="file" name="file" accept="image/*"></span>'
|
||||
,'{{# }; }}'
|
||||
,'{{# if(d.base && d.base.uploadFile){ }}'
|
||||
,'<span class="layui-icon layim-tool-image" title="发送文件" layim-event="image" data-type="file"><input type="file" name="file"></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>'
|
||||
,'{{# }); }}'
|
||||
,'</div>'
|
||||
,'</div>'
|
||||
,'</div>'].join('');
|
||||
|
||||
//补齐数位
|
||||
var digit = function(num){
|
||||
return num < 10 ? '0' + (num|0) : num;
|
||||
};
|
||||
|
||||
//转换时间
|
||||
layui.data.date = function(timestamp){
|
||||
var d = new Date(timestamp||new Date());
|
||||
return digit(d.getMonth() + 1) + '-' + digit(d.getDate())
|
||||
+ ' ' + digit(d.getHours()) + ':' + digit(d.getMinutes());
|
||||
};
|
||||
|
||||
//转换内容
|
||||
layui.data.content = function(content){
|
||||
//支持的html标签
|
||||
var html = function(end){
|
||||
return new RegExp('\\n*\\['+ (end||'') +'(pre|div|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, ''').replace(/"/g, '"') //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"></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"></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"></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;
|
||||
};
|
||||
|
||||
var elemChatMain = ['<li class="layim-chat-li{{ d.mine ? " layim-chat-mine" : "" }}">'
|
||||
,'<div class="layim-chat-user"><img src="{{ d.avatar }}"><cite>'
|
||||
,'{{ d.username||"佚名" }}'
|
||||
,'</cite></div>'
|
||||
,'<div class="layim-chat-text">{{ layui.data.content(d.content||" ") }}</div>'
|
||||
,'</li>'].join('');
|
||||
|
||||
//处理初始化信息
|
||||
var cache = {message: {}, chat: []}, init = function(options){
|
||||
var init = options.init || {}
|
||||
mine = init.mine || {}
|
||||
,local = layui.data('layim-mobile')[mine.id] || {}
|
||||
,obj = {
|
||||
base: options
|
||||
,local: local
|
||||
,mine: mine
|
||||
,history: local.history || {}
|
||||
}, create = function(data){
|
||||
var mine = data.mine || {};
|
||||
var local = layui.data('layim-mobile')[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));
|
||||
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);
|
||||
});
|
||||
};
|
||||
create(init)
|
||||
};
|
||||
|
||||
//显示好友列表面板
|
||||
var popim = function(content){
|
||||
return layer.open({
|
||||
type: 1
|
||||
,shade: false
|
||||
,anim: -1
|
||||
,content: content
|
||||
,success: function(layero){
|
||||
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
//显示聊天面板
|
||||
var layimChat, layimMin, 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('非法用户');
|
||||
}
|
||||
|
||||
layer.close(popchat.index);
|
||||
|
||||
return popchat.index = layer.open({
|
||||
type: 1
|
||||
,className: 'layui-layim-chat'
|
||||
,shade: false
|
||||
,anim: -1
|
||||
,content: laytpl(elemChatTpl).render(render)
|
||||
,success: function(elem){
|
||||
layimChat = $(elem);
|
||||
|
||||
hotkeySend();
|
||||
viewChatlog();
|
||||
|
||||
//聊天窗口的切换监听
|
||||
layui.each(call.chatChange, function(index, item){
|
||||
item && item(thisChat());
|
||||
});
|
||||
}
|
||||
,end: function(){
|
||||
layimChat = null;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
//获取当前聊天面板
|
||||
var thisChat = function(){
|
||||
var cont = layimChat.find('.layim-chat');
|
||||
var to = JSON.parse(decodeURIComponent(cont.find('.layim-chat-tool').data('json')));
|
||||
return {
|
||||
elem: cont
|
||||
,data: to
|
||||
,textarea: cont.find('input')
|
||||
};
|
||||
};
|
||||
|
||||
//发送消息
|
||||
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 To = thatChat.data, maxLength = cache.base.maxLength || 3000;
|
||||
var time = new Date().getTime();
|
||||
|
||||
data.content = thatChat.textarea.val();
|
||||
|
||||
if(data.content === '') return;
|
||||
|
||||
if(data.content.length > maxLength){
|
||||
return layer.msg('内容最长不能超过'+ maxLength +'个字符')
|
||||
}
|
||||
|
||||
if(time - (sendMessage.time||0) > 60*1000){
|
||||
ul.append('<li class="layim-chat-system"><span>'+ layui.data.date() +'</span></li>');
|
||||
sendMessage.time = time;
|
||||
}
|
||||
ul.append(laytpl(elemChatMain).render(data));
|
||||
|
||||
var param = {
|
||||
mine: data
|
||||
,to: To
|
||||
}, message = {
|
||||
username: param.mine.username
|
||||
,avatar: param.mine.avatar
|
||||
,id: To.id
|
||||
,type: To.type
|
||||
,content: param.mine.content
|
||||
,timestamp: time
|
||||
,mine: true
|
||||
};
|
||||
pushChatlog(message);
|
||||
|
||||
layui.each(call.sendMessage, function(index, item){
|
||||
item && item(param);
|
||||
});
|
||||
|
||||
chatListMore();
|
||||
thatChat.textarea.val('').focus();
|
||||
};
|
||||
|
||||
//消息声音提醒
|
||||
var voice = function() {
|
||||
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 group = {}
|
||||
|
||||
data.timestamp = data.timestamp || new Date().getTime();
|
||||
data.system || pushChatlog(data);
|
||||
messageNew = JSON.parse(JSON.stringify(data));
|
||||
|
||||
if(cache.base.voice){
|
||||
voice();
|
||||
}
|
||||
|
||||
if(!layimChat && data.content){
|
||||
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(!layimChat) return;
|
||||
|
||||
var cont = layimChat.find('.layim-chat');
|
||||
var ul = cont.find('.layim-chat-main ul');
|
||||
|
||||
//系统消息
|
||||
if(data.system){
|
||||
ul.append('<li class="layim-chat-system"><span>'+ data.content +'</span></li>');
|
||||
} else if(data.content.replace(/\s/g, '') !== ''){
|
||||
if(data.timestamp - (sendMessage.time||0) > 60*1000){
|
||||
ul.append('<li class="layim-chat-system"><span>'+ layui.data.date(data.timestamp) +'</span></li>');
|
||||
sendMessage.time = data.timestamp;
|
||||
}
|
||||
ul.append(laytpl(elemChatMain).render(data));
|
||||
}
|
||||
|
||||
chatListMore();
|
||||
};
|
||||
|
||||
//存储最近MAX_ITEM条聊天记录到本地
|
||||
var pushChatlog = function(message){
|
||||
var local = layui.data('layim-mobile')[cache.mine.id] || {};
|
||||
var chatlog = local.chatlog || {};
|
||||
if(chatlog[message.type + message.id]){
|
||||
chatlog[message.type + message.id].push(message);
|
||||
if(chatlog[message.type + message.id].length > MAX_ITEM){
|
||||
chatlog[message.type + message.id].shift();
|
||||
}
|
||||
} else {
|
||||
chatlog[message.type + message.id] = [message];
|
||||
}
|
||||
local.chatlog = chatlog;
|
||||
layui.data('layim-mobile', {
|
||||
key: cache.mine.id
|
||||
,value: local
|
||||
});
|
||||
};
|
||||
|
||||
//渲染本地最新聊天记录到相应面板
|
||||
var viewChatlog = function(){
|
||||
var local = layui.data('layim-mobile')[cache.mine.id] || {};
|
||||
var thatChat = thisChat(), chatlog = local.chatlog || {};
|
||||
var ul = thatChat.elem.find('.layim-chat-main ul');
|
||||
layui.each(chatlog[thatChat.data.type + thatChat.data.id], function(index, item){
|
||||
if(new Date().getTime() > item.timestamp && item.timestamp - (sendMessage.time||0) > 60*1000){
|
||||
ul.append('<li class="layim-chat-system"><span>'+ layui.data.date(item.timestamp) +'</span></li>');
|
||||
sendMessage.time = item.timestamp;
|
||||
}
|
||||
ul.append(laytpl(elemChatMain).render(item));
|
||||
});
|
||||
chatListMore();
|
||||
};
|
||||
|
||||
//查看更多记录
|
||||
var chatListMore = function(){
|
||||
var thatChat = thisChat(), chatMain = thatChat.elem.find('.layim-chat-main');
|
||||
var ul = chatMain.find('ul'), li = ul.children('.layim-chat-li');
|
||||
|
||||
if(li.length >= MAX_ITEM){
|
||||
var first = li.eq(0);
|
||||
if(!ul.prev().hasClass('layim-chat-system')){
|
||||
ul.before('<div class="layim-chat-system"><span layim-event="chatLog">查看更多记录</span></div>');
|
||||
}
|
||||
first.remove();
|
||||
}
|
||||
chatMain.scrollTop(chatMain[0].scrollHeight + 1000);
|
||||
};
|
||||
|
||||
//快捷键发送
|
||||
var hotkeySend = function(){
|
||||
var thatChat = thisChat(), textarea = thatChat.textarea;
|
||||
var btn = textarea.next();
|
||||
textarea.off('keyup').on('keyup', function(e){
|
||||
var keyCode = e.keyCode;
|
||||
if(keyCode === 13){
|
||||
e.preventDefault();
|
||||
sendMessage();
|
||||
}
|
||||
btn[textarea.val() === '' ? 'addClass' : 'removeClass']('layui-disabled')
|
||||
});
|
||||
};
|
||||
|
||||
//表情库
|
||||
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, nofocus){
|
||||
var result, val = obj.value;
|
||||
nofocus || 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)];
|
||||
nofocus || obj.focus();
|
||||
obj.value = result.join('');
|
||||
}
|
||||
};
|
||||
|
||||
//事件
|
||||
var anim = 'layui-anim-upbit', events = {
|
||||
//弹出聊天面板
|
||||
chat: function(othis){
|
||||
var local = layui.data('layim-mobile')[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);
|
||||
}
|
||||
|
||||
//展开联系人分组
|
||||
,spread: function(othis){
|
||||
var type = othis.attr('lay-type');
|
||||
var spread = type === 'true' ? 'false' : 'true';
|
||||
var local = layui.data('layim-mobile')[cache.mine.id] || {};
|
||||
othis.next()[type === 'true' ? 'removeClass' : 'addClass'](SHOW);
|
||||
local['spread' + othis.parent().index()] = spread;
|
||||
layui.data('layim-mobile', {
|
||||
key: cache.mine.id
|
||||
,value: local
|
||||
});
|
||||
othis.attr('lay-type', spread);
|
||||
othis.find('.layui-icon').html(spread === 'true' ? '' : '');
|
||||
}
|
||||
|
||||
//返回到好友列表
|
||||
,backList: function(){
|
||||
layer.close(popchat.index);
|
||||
}
|
||||
|
||||
//发送聊天内容
|
||||
,send: function(){
|
||||
sendMessage();
|
||||
}
|
||||
|
||||
//表情
|
||||
,face: function(othis, e){
|
||||
var content = '', thatChat = thisChat(), input = thatChat.textarea;
|
||||
layui.each(faces, function(key, item){
|
||||
content += '<li title="'+ key +'"><img src="'+ item +'"></li>';
|
||||
});
|
||||
content = '<ul class="layui-layim-face">'+ content +'</ul>';
|
||||
layer.popBottom({
|
||||
content: content
|
||||
,success: function(elem){
|
||||
var list = $(elem).find('.layui-layim-face>li')
|
||||
list.on('click', function(){
|
||||
focusInsert(input[0], 'face' + this.title + ' ', true);
|
||||
input.next()[input.val() === '' ? 'addClass' : 'removeClass']('layui-disabled');
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).off('click', events.faceHide).on('click', events.faceHide);
|
||||
stope(e);
|
||||
|
||||
} ,faceHide: function(){
|
||||
layer.close(layer.popBottom.index);
|
||||
}
|
||||
|
||||
//图片或一般文件
|
||||
,image: function(othis){
|
||||
var type = othis.data('type') || 'images', api = {
|
||||
images: 'uploadImage'
|
||||
,file: 'uploadFile'
|
||||
}
|
||||
,thatChat = thisChat(), conf = cache.base[api[type]] || {};
|
||||
upload({
|
||||
url: conf.url || ''
|
||||
,method: conf.type
|
||||
,elem: othis.find('input')[0]
|
||||
,unwrap: true
|
||||
,type: type
|
||||
,success: 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||'上传失败');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//扩展工具栏
|
||||
,extend: function(othis){
|
||||
var filter = othis.attr('lay-filter')
|
||||
,thatChat = thisChat();
|
||||
|
||||
layui.each(call['tool('+ filter +')'], function(index, item){
|
||||
item && item(function(content){
|
||||
focusInsert(thatChat.textarea[0], content)
|
||||
});;
|
||||
});
|
||||
}
|
||||
|
||||
//聊天记录
|
||||
,chatLog: function(othis){
|
||||
var thatChat = thisChat();
|
||||
layui.each(call.chatlog, function(index, item){
|
||||
item && item({
|
||||
id: thatChat.data.id
|
||||
,type: thatChat.data.type
|
||||
,elem: thatChat.elem.find('.layim-chat-main>ul')
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
//暴露接口
|
||||
exports('layim-mobile', new LAYIM());
|
||||
|
||||
}).addcss(
|
||||
'modules/layim/mobile/layim.css?v=1.0Beta'
|
||||
,'skinlayim-mobilecss'
|
||||
);
|
||||
166
src/lay/modules/mobile/upload-mobile.js
Normal file
166
src/lay/modules/mobile/upload-mobile.js
Normal file
@@ -0,0 +1,166 @@
|
||||
/*!
|
||||
|
||||
@Title: layui.upload 单文件上传 - 全浏览器兼容版
|
||||
@Author: 贤心
|
||||
@License：LGPL
|
||||
|
||||
*/
|
||||
|
||||
layui.define(['layer-mobile', 'zepto'] , function(exports){
|
||||
"use strict";
|
||||
|
||||
var $ = layui.zepto;
|
||||
var layer = layui['layer-mobile'];
|
||||
var device = layui.device();
|
||||
|
||||
var elemDragEnter = 'layui-upload-enter';
|
||||
var elemIframe = 'layui-upload-iframe';
|
||||
|
||||
var msgConf = {
|
||||
icon: 2
|
||||
,shift: 6
|
||||
}, fileType = {
|
||||
file: '文件'
|
||||
,video: '视频'
|
||||
,audio: '音频'
|
||||
};
|
||||
|
||||
layer.msg = function(content){
|
||||
return layer.open({
|
||||
content: content || ''
|
||||
,skin: 'msg'
|
||||
,time: 0 //2秒后自动关闭
|
||||
});
|
||||
};
|
||||
|
||||
var Upload = function(options){
|
||||
this.options = options;
|
||||
};
|
||||
|
||||
//初始化渲染
|
||||
Upload.prototype.init = function(){
|
||||
var that = this, options = that.options;
|
||||
var body = $('body'), elem = $(options.elem || '.layui-upload-file');
|
||||
var iframe = $('<iframe id="'+ elemIframe +'" class="'+ elemIframe +'" name="'+ elemIframe +'"></iframe>');
|
||||
|
||||
//插入iframe
|
||||
$('#'+elemIframe)[0] || body.append(iframe);
|
||||
|
||||
return elem.each(function(index, item){
|
||||
item = $(item);
|
||||
var form = '<form target="'+ elemIframe +'" method="'+ (options.method||'post') +'" key="set-mine" enctype="multipart/form-data" action="'+ (options.url||'') +'"></form>';
|
||||
|
||||
var type = item.attr('lay-type') || options.type; //获取文件类型
|
||||
|
||||
//包裹ui元素
|
||||
if(!options.unwrap){
|
||||
form = '<div class="layui-box layui-upload-button">' + form + '<span class="layui-upload-icon"><i class="layui-icon"></i>'+ (
|
||||
item.attr('lay-title') || options.title|| ('上传'+ (fileType[type]||'图片') )
|
||||
) +'</span></div>';
|
||||
}
|
||||
|
||||
form = $(form);
|
||||
|
||||
//拖拽支持
|
||||
if(!options.unwrap){
|
||||
form.on('dragover', function(e){
|
||||
e.preventDefault();
|
||||
$(this).addClass(elemDragEnter);
|
||||
}).on('dragleave', function(){
|
||||
$(this).removeClass(elemDragEnter);
|
||||
}).on('drop', function(){
|
||||
$(this).removeClass(elemDragEnter);
|
||||
});
|
||||
}
|
||||
|
||||
//如果已经实例化，则移除包裹元素
|
||||
if(item.parent('form').attr('target') === elemIframe){
|
||||
if(options.unwrap){
|
||||
item.unwrap();
|
||||
} else {
|
||||
item.parent().next().remove();
|
||||
item.unwrap().unwrap();
|
||||
}
|
||||
};
|
||||
|
||||
//包裹元素
|
||||
item.wrap(form);
|
||||
|
||||
//触发上传
|
||||
item.off('change').on('change', function(){
|
||||
that.action(this, type);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
//提交上传
|
||||
Upload.prototype.action = function(input, type){
|
||||
var that = this, options = that.options, val = input.value;
|
||||
var item = $(input), ext = item.attr('lay-ext') || options.ext || ''; //获取支持上传的文件扩展名;
|
||||
|
||||
if(!val){
|
||||
return;
|
||||
};
|
||||
|
||||
//校验文件
|
||||
switch(type){
|
||||
case 'file': //一般文件
|
||||
if(ext && !RegExp('\\w\\.('+ ext +')$', 'i').test(escape(val))){
|
||||
layer.msg('不支持该文件格式', msgConf);
|
||||
return input.value = '';
|
||||
}
|
||||
break;
|
||||
case 'video': //视频文件
|
||||
if(!RegExp('\\w\\.('+ (ext||'avi|mp4|wma|rmvb|rm|flash|3gp|flv') +')$', 'i').test(escape(val))){
|
||||
layer.msg('不支持该视频格式', msgConf);
|
||||
return input.value = '';
|
||||
}
|
||||
break;
|
||||
case 'audio': //音频文件
|
||||
if(!RegExp('\\w\\.('+ (ext||'mp3|wav|mid') +')$', 'i').test(escape(val))){
|
||||
layer.msg('不支持该音频格式', msgConf);
|
||||
return input.value = '';
|
||||
}
|
||||
break;
|
||||
default: //图片文件
|
||||
if(!RegExp('\\w\\.('+ (ext||'jpg|png|gif|bmp|jpeg') +')$', 'i').test(escape(val))){
|
||||
layer.msg('不支持该图片格式', msgConf);
|
||||
return input.value = '';
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
options.before && options.before(input);
|
||||
item.parent().submit();
|
||||
|
||||
var iframe = $('#'+elemIframe), timer = setInterval(function() {
|
||||
var res;
|
||||
try {
|
||||
res = iframe.contents().find('body').text();
|
||||
} catch(e) {
|
||||
layer.msg('上传接口存在跨域', msgConf);
|
||||
clearInterval(timer);
|
||||
}
|
||||
if(res){
|
||||
clearInterval(timer);
|
||||
iframe.contents().find('body').html('');
|
||||
try {
|
||||
res = JSON.parse(res);
|
||||
} catch(e){
|
||||
res = {};
|
||||
return layer.msg('请对上传接口返回JSON字符', msgConf);
|
||||
}
|
||||
typeof options.success === 'function' && options.success(res, input);
|
||||
}
|
||||
}, 30);
|
||||
|
||||
input.value = '';
|
||||
};
|
||||
|
||||
//暴露接口
|
||||
exports('upload-mobile', function(options){
|
||||
var upload = new Upload(options = options || {});
|
||||
upload.init();
|
||||
});
|
||||
});
|
||||
|
||||
1646
src/lay/modules/mobile/zepto.js
Normal file
1646
src/lay/modules/mobile/zepto.js
Normal file
File diff suppressed because it is too large
Load Diff
@@ -6,7 +6,7 @@
|
||||
|
||||
*/
|
||||
|
||||
layui.define('layer', function(exports){
|
||||
layui.define('layer' , function(exports){
|
||||
"use strict";
|
||||
|
||||
var $ = layui.jquery;
|
||||
|
||||
Reference in New Issue
Block a user