mirror of https://github.com/layui/layui
826 lines
23 KiB
JavaScript
826 lines
23 KiB
JavaScript
/**
|
||
* Layui
|
||
* Classic modular front-end UI library
|
||
* MIT Licensed
|
||
*/
|
||
|
||
;!function(win){
|
||
"use strict";
|
||
|
||
var doc = win.document;
|
||
var config = {
|
||
modules: {}, // 模块物理路径
|
||
status: {}, // 模块加载状态
|
||
timeout: 10, // 符合规范的模块请求最长等待秒数
|
||
event: {} // 模块自定义事件
|
||
};
|
||
|
||
var Layui = function(){
|
||
this.v = '2.8.13'; // Layui 版本号
|
||
};
|
||
|
||
// 识别预先可能定义的指定全局对象
|
||
var GLOBAL = win.LAYUI_GLOBAL || {};
|
||
|
||
// 获取 layui 所在目录
|
||
var getPath = function(){
|
||
var jsPath = doc.currentScript ? doc.currentScript.src : function(){
|
||
var js = doc.scripts;
|
||
var last = js.length - 1;
|
||
var src;
|
||
for(var i = last; i > 0; i--){
|
||
if(js[i].readyState === 'interactive'){
|
||
src = js[i].src;
|
||
break;
|
||
}
|
||
}
|
||
return src || js[last].src;
|
||
}();
|
||
|
||
return config.dir = GLOBAL.dir || jsPath.substring(0, jsPath.lastIndexOf('/') + 1);
|
||
}();
|
||
|
||
// 异常提示
|
||
var error = function(msg, type){
|
||
type = type || 'log';
|
||
win.console && console[type] && console[type]('layui error hint: ' + msg);
|
||
};
|
||
|
||
var isOpera = typeof opera !== 'undefined' && opera.toString() === '[object Opera]';
|
||
|
||
// 内置模块
|
||
var modules = config.builtin = {
|
||
lay: 'lay', // 基础 DOM 操作
|
||
layer: 'layer', // 弹层
|
||
laydate: 'laydate', // 日期
|
||
laypage: 'laypage', // 分页
|
||
laytpl: 'laytpl', // 模板引擎
|
||
form: 'form', // 表单集
|
||
upload: 'upload', // 上传
|
||
dropdown: 'dropdown', // 下拉菜单
|
||
transfer: 'transfer', // 穿梭框
|
||
tree: 'tree', // 树结构
|
||
table: 'table', // 表格
|
||
treeTable: 'treeTable', // 树表
|
||
element: 'element', // 常用元素操作
|
||
rate: 'rate', // 评分组件
|
||
colorpicker: 'colorpicker', // 颜色选择器
|
||
slider: 'slider', // 滑块
|
||
carousel: 'carousel', // 轮播
|
||
flow: 'flow', // 流加载
|
||
util: 'util', // 工具块
|
||
code: 'code', // 代码修饰器
|
||
jquery: 'jquery', // DOM 库（第三方）
|
||
|
||
all: 'all',
|
||
'layui.all': 'layui.all' // 聚合标识（功能性的，非真实模块）
|
||
};
|
||
|
||
// 记录基础数据
|
||
Layui.prototype.cache = config;
|
||
|
||
// 定义模块
|
||
Layui.prototype.define = function(deps, factory){
|
||
var that = this;
|
||
var type = typeof deps === 'function';
|
||
var callback = function(){
|
||
var setApp = function(app, exports){
|
||
layui[app] = exports;
|
||
config.status[app] = true;
|
||
};
|
||
typeof factory === 'function' && factory(function(app, exports){
|
||
setApp(app, exports);
|
||
config.callback[app] = function(){
|
||
factory(setApp);
|
||
}
|
||
});
|
||
return this;
|
||
};
|
||
|
||
type && (
|
||
factory = deps,
|
||
deps = []
|
||
);
|
||
|
||
that.use(deps, callback, null, 'define');
|
||
return that;
|
||
};
|
||
|
||
// 使用特定模块
|
||
Layui.prototype.use = function(apps, callback, exports, from){
|
||
var that = this;
|
||
var dir = config.dir = config.dir ? config.dir : getPath;
|
||
var head = doc.getElementsByTagName('head')[0];
|
||
|
||
apps = function(){
|
||
if(typeof apps === 'string'){
|
||
return [apps];
|
||
}
|
||
// 当第一个参数为 function 时，则自动加载所有内置模块，且执行的回调即为该 function 参数；
|
||
else if(typeof apps === 'function'){
|
||
callback = apps;
|
||
return ['all'];
|
||
}
|
||
return apps;
|
||
}();
|
||
|
||
// 如果页面已经存在 jQuery 1.7+ 库且所定义的模块依赖 jQuery，则不加载内部 jquery 模块
|
||
if(win.jQuery && jQuery.fn.on){
|
||
that.each(apps, function(index, item){
|
||
if(item === 'jquery'){
|
||
apps.splice(index, 1);
|
||
}
|
||
});
|
||
layui.jquery = layui.$ = jQuery;
|
||
}
|
||
|
||
var item = apps[0];
|
||
var timeout = 0;
|
||
|
||
exports = exports || [];
|
||
|
||
// 静态资源host
|
||
config.host = config.host || (dir.match(/\/\/([\s\S]+?)\//)||['//'+ location.host +'/'])[0];
|
||
|
||
// 加载完毕
|
||
function onScriptLoad(e, url){
|
||
var readyRegExp = navigator.platform === 'PLaySTATION 3' ? /^complete$/ : /^(complete|loaded)$/
|
||
if (e.type === 'load' || (readyRegExp.test((e.currentTarget || e.srcElement).readyState))) {
|
||
config.modules[item] = url;
|
||
head.removeChild(node);
|
||
(function poll() {
|
||
if(++timeout > config.timeout * 1000 / 4){
|
||
return error(item + ' is not a valid module', 'error');
|
||
}
|
||
config.status[item] ? onCallback() : setTimeout(poll, 4);
|
||
}());
|
||
}
|
||
}
|
||
|
||
// 回调
|
||
function onCallback(){
|
||
exports.push(layui[item]);
|
||
apps.length > 1 ?
|
||
that.use(apps.slice(1), callback, exports, from)
|
||
: ( typeof callback === 'function' && function(){
|
||
// 保证文档加载完毕再执行回调
|
||
if(layui.jquery && typeof layui.jquery === 'function' && from !== 'define'){
|
||
return layui.jquery(function(){
|
||
callback.apply(layui, exports);
|
||
});
|
||
}
|
||
callback.apply(layui, exports);
|
||
}() );
|
||
}
|
||
|
||
// 如果引入了聚合板，内置的模块则不必重复加载
|
||
if( apps.length === 0 || (layui['layui.all'] && modules[item]) ){
|
||
return onCallback(), that;
|
||
}
|
||
|
||
/*
|
||
* 获取加载的模块 URL
|
||
* 如果是内置模块，则按照 dir 参数拼接模块路径
|
||
* 如果是扩展模块，则判断模块路径值是否为 {/} 开头，
|
||
* 如果路径值是 {/} 开头，则模块路径即为后面紧跟的字符。
|
||
* 否则，则按照 base 参数拼接模块路径
|
||
*/
|
||
|
||
var url = ( modules[item] ? (dir + 'modules/')
|
||
: (/^\{\/\}/.test(that.modules[item]) ? '' : (config.base || ''))
|
||
) + (that.modules[item] || item) + '.js';
|
||
url = url.replace(/^\{\/\}/, '');
|
||
|
||
// 如果扩展模块（即：非内置模块）对象已经存在，则不必再加载
|
||
if(!config.modules[item] && layui[item]){
|
||
config.modules[item] = url; // 并记录起该扩展模块的 url
|
||
}
|
||
|
||
// 首次加载模块
|
||
if(!config.modules[item]){
|
||
var node = doc.createElement('script');
|
||
|
||
node.async = true;
|
||
node.charset = 'utf-8';
|
||
node.src = url + function(){
|
||
var version = config.version === true
|
||
? (config.v || (new Date()).getTime())
|
||
: (config.version||'');
|
||
return version ? ('?v=' + version) : '';
|
||
}();
|
||
|
||
head.appendChild(node);
|
||
|
||
if(node.attachEvent && !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code') < 0) && !isOpera){
|
||
node.attachEvent('onreadystatechange', function(e){
|
||
onScriptLoad(e, url);
|
||
});
|
||
} else {
|
||
node.addEventListener('load', function(e){
|
||
onScriptLoad(e, url);
|
||
}, false);
|
||
}
|
||
|
||
config.modules[item] = url;
|
||
} else { // 缓存
|
||
(function poll() {
|
||
if(++timeout > config.timeout * 1000 / 4){
|
||
return error(item + ' is not a valid module', 'error');
|
||
}
|
||
(typeof config.modules[item] === 'string' && config.status[item])
|
||
? onCallback()
|
||
: setTimeout(poll, 4);
|
||
}());
|
||
}
|
||
|
||
return that;
|
||
};
|
||
|
||
// 弃用原有的指定模块，以便重新扩展新的同名模块
|
||
Layui.prototype.disuse = function(apps){
|
||
var that = this;
|
||
apps = that.isArray(apps) ? apps : [apps];
|
||
that.each(apps, function (index, item) {
|
||
if (!config.status[item]) {
|
||
// return error('module ' + item + ' is not exist');
|
||
}
|
||
delete that[item];
|
||
delete modules[item];
|
||
delete that.modules[item];
|
||
delete config.status[item];
|
||
delete config.modules[item];
|
||
});
|
||
return that;
|
||
};
|
||
|
||
// 获取节点的 style 属性值
|
||
Layui.prototype.getStyle = function(node, name){
|
||
var style = node.currentStyle ? node.currentStyle : win.getComputedStyle(node, null);
|
||
return style[style.getPropertyValue ? 'getPropertyValue' : 'getAttribute'](name);
|
||
};
|
||
|
||
// css 外部加载器
|
||
Layui.prototype.link = function(href, fn, cssname){
|
||
var that = this;
|
||
var head = doc.getElementsByTagName('head')[0];
|
||
var link = doc.createElement('link');
|
||
|
||
if(typeof fn === 'string') cssname = fn;
|
||
|
||
var app = (cssname || href).replace(/\.|\//g, '');
|
||
var id = 'layuicss-'+ app;
|
||
var STAUTS_NAME = 'creating';
|
||
var timeout = 0;
|
||
|
||
link.href = href + (config.debug ? '?v='+new Date().getTime() : '');
|
||
link.rel = 'stylesheet';
|
||
link.id = id;
|
||
link.media = 'all';
|
||
|
||
if(!doc.getElementById(id)){
|
||
head.appendChild(link);
|
||
}
|
||
|
||
if(typeof fn !== 'function') return that;
|
||
|
||
// 轮询 css 是否加载完毕
|
||
(function poll(status) {
|
||
var delay = 100;
|
||
var getLinkElem = doc.getElementById(id); // 获取动态插入的 link 元素
|
||
|
||
// 如果轮询超过指定秒数，则视为请求文件失败或 css 文件不符合规范
|
||
if(++timeout > config.timeout * 1000 / delay){
|
||
return error(href + ' timeout');
|
||
}
|
||
|
||
// css 加载就绪
|
||
if(parseInt(that.getStyle(getLinkElem, 'width')) === 1989){
|
||
// 如果参数来自于初始轮询（即未加载就绪时的），则移除 link 标签状态
|
||
if(status === STAUTS_NAME) getLinkElem.removeAttribute('lay-status');
|
||
// 如果 link 标签的状态仍为「创建中」，则继续进入轮询，直到状态改变，则执行回调
|
||
getLinkElem.getAttribute('lay-status') === STAUTS_NAME ? setTimeout(poll, delay) : fn();
|
||
} else {
|
||
getLinkElem.setAttribute('lay-status', STAUTS_NAME);
|
||
setTimeout(function(){
|
||
poll(STAUTS_NAME);
|
||
}, delay);
|
||
}
|
||
}());
|
||
|
||
// 轮询css是否加载完毕
|
||
/*
|
||
(function poll() {
|
||
if(++timeout > config.timeout * 1000 / 100){
|
||
return error(href + ' timeout');
|
||
};
|
||
parseInt(that.getStyle(doc.getElementById(id), 'width')) === 1989 ? function(){
|
||
fn();
|
||
}() : setTimeout(poll, 100);
|
||
}());
|
||
*/
|
||
|
||
return that;
|
||
};
|
||
|
||
// css 内部加载器
|
||
Layui.prototype.addcss = function(firename, fn, cssname){
|
||
return layui.link(config.dir + 'css/' + firename, fn, cssname);
|
||
};
|
||
|
||
// 存储模块的回调
|
||
config.callback = {};
|
||
|
||
// 重新执行模块的工厂函数
|
||
Layui.prototype.factory = function(modName){
|
||
if(layui[modName]){
|
||
return typeof config.callback[modName] === 'function'
|
||
? config.callback[modName]
|
||
: null;
|
||
}
|
||
};
|
||
|
||
// 图片预加载
|
||
Layui.prototype.img = function(url, callback, error) {
|
||
var img = new Image();
|
||
img.src = url;
|
||
if(img.complete){
|
||
return callback(img);
|
||
}
|
||
img.onload = function(){
|
||
img.onload = null;
|
||
typeof callback === 'function' && callback(img);
|
||
};
|
||
img.onerror = function(e){
|
||
img.onerror = null;
|
||
typeof error === 'function' && error(e);
|
||
};
|
||
};
|
||
|
||
// 全局配置
|
||
Layui.prototype.config = function(options){
|
||
options = options || {};
|
||
for(var key in options){
|
||
config[key] = options[key];
|
||
}
|
||
return this;
|
||
};
|
||
|
||
// 记录全部模块
|
||
Layui.prototype.modules = function(){
|
||
var clone = {};
|
||
for(var o in modules){
|
||
clone[o] = modules[o];
|
||
}
|
||
return clone;
|
||
}();
|
||
|
||
// 拓展模块
|
||
Layui.prototype.extend = function(options){
|
||
var that = this;
|
||
|
||
// 验证模块是否被占用
|
||
options = options || {};
|
||
for(var o in options){
|
||
if(that[o] || that.modules[o]){
|
||
error(o+ ' Module already exists', 'error');
|
||
} else {
|
||
that.modules[o] = options[o];
|
||
}
|
||
}
|
||
|
||
return that;
|
||
};
|
||
|
||
// location.hash 路由解析
|
||
Layui.prototype.router = Layui.prototype.hash = function(hash){
|
||
var that = this;
|
||
var hash = hash || location.hash;
|
||
var data = {
|
||
path: [],
|
||
search: {},
|
||
hash: (hash.match(/[^#](#.*$)/) || [])[1] || ''
|
||
};
|
||
|
||
if(!/^#\//.test(hash)) return data; // 禁止非路由规范
|
||
|
||
hash = hash.replace(/^#\//, '');
|
||
data.href = '/' + hash;
|
||
hash = hash.replace(/([^#])(#.*$)/, '$1').split('/') || [];
|
||
|
||
// 提取 Hash 结构
|
||
that.each(hash, function(index, item){
|
||
/^\w+=/.test(item) ? function(){
|
||
item = item.split('=');
|
||
data.search[item[0]] = item[1];
|
||
}() : data.path.push(item);
|
||
});
|
||
|
||
return data;
|
||
};
|
||
|
||
// URL 解析
|
||
Layui.prototype.url = function(href){
|
||
var that = this;
|
||
var data = {
|
||
// 提取 url 路径
|
||
pathname: function(){
|
||
var pathname = href
|
||
? function(){
|
||
var str = (href.match(/\.[^.]+?\/.+/) || [])[0] || '';
|
||
return str.replace(/^[^\/]+/, '').replace(/\?.+/, '');
|
||
}()
|
||
: location.pathname;
|
||
return pathname.replace(/^\//, '').split('/');
|
||
}(),
|
||
|
||
// 提取 url 参数
|
||
search: function(){
|
||
var obj = {};
|
||
var search = (href
|
||
? function(){
|
||
var str = (href.match(/\?.+/) || [])[0] || '';
|
||
return str.replace(/\#.+/, '');
|
||
}()
|
||
: location.search
|
||
).replace(/^\?+/, '').split('&'); // 去除 ?，按 & 分割参数
|
||
|
||
// 遍历分割后的参数
|
||
that.each(search, function(index, item){
|
||
var _index = item.indexOf('=')
|
||
,key = function(){ // 提取 key
|
||
if(_index < 0){
|
||
return item.substr(0, item.length);
|
||
} else if(_index === 0){
|
||
return false;
|
||
} else {
|
||
return item.substr(0, _index);
|
||
}
|
||
}();
|
||
// 提取 value
|
||
if(key){
|
||
obj[key] = _index > 0 ? item.substr(_index + 1) : null;
|
||
}
|
||
});
|
||
|
||
return obj;
|
||
}(),
|
||
|
||
// 提取 Hash
|
||
hash: that.router(function(){
|
||
return href
|
||
? ((href.match(/#.+/) || [])[0] || '/')
|
||
: location.hash;
|
||
}())
|
||
};
|
||
|
||
return data;
|
||
};
|
||
|
||
// 本地持久存储
|
||
Layui.prototype.data = function(table, settings, storage){
|
||
table = table || 'layui';
|
||
storage = storage || localStorage;
|
||
|
||
if(!win.JSON || !win.JSON.parse) return;
|
||
|
||
// 如果 settings 为 null，则删除表
|
||
if(settings === null){
|
||
return delete storage[table];
|
||
}
|
||
|
||
settings = typeof settings === 'object'
|
||
? settings
|
||
: {key: settings};
|
||
|
||
try {
|
||
var data = JSON.parse(storage[table]);
|
||
} catch(e) {
|
||
var data = {};
|
||
}
|
||
|
||
if('value' in settings) data[settings.key] = settings.value;
|
||
if(settings.remove) delete data[settings.key];
|
||
storage[table] = JSON.stringify(data);
|
||
|
||
return settings.key ? data[settings.key] : data;
|
||
};
|
||
|
||
// 本地临时存储
|
||
Layui.prototype.sessionData = function(table, settings){
|
||
return this.data(table, settings, sessionStorage);
|
||
}
|
||
|
||
// 设备信息
|
||
Layui.prototype.device = function(key){
|
||
var agent = navigator.userAgent.toLowerCase();
|
||
|
||
// 获取版本号
|
||
var getVersion = function(label){
|
||
var exp = new RegExp(label + '/([^\\s\\_\\-]+)');
|
||
label = (agent.match(exp)||[])[1];
|
||
return label || false;
|
||
};
|
||
|
||
// 返回结果集
|
||
var result = {
|
||
os: function(){ // 底层操作系统
|
||
if(/windows/.test(agent)){
|
||
return 'windows';
|
||
} else if(/linux/.test(agent)){
|
||
return 'linux';
|
||
} else if(/iphone|ipod|ipad|ios/.test(agent)){
|
||
return 'ios';
|
||
} else if(/mac/.test(agent)){
|
||
return 'mac';
|
||
}
|
||
}(),
|
||
ie: function(){ // ie 版本
|
||
return (!!win.ActiveXObject || "ActiveXObject" in win) ? (
|
||
(agent.match(/msie\s(\d+)/) || [])[1] || '11' // 由于 ie11 并没有 msie 的标识
|
||
) : false;
|
||
}(),
|
||
weixin: getVersion('micromessenger') // 是否微信
|
||
};
|
||
|
||
// 任意的 key
|
||
if(key && !result[key]){
|
||
result[key] = getVersion(key);
|
||
}
|
||
|
||
// 移动设备
|
||
result.android = /android/.test(agent);
|
||
result.ios = result.os === 'ios';
|
||
result.mobile = (result.android || result.ios);
|
||
|
||
return result;
|
||
};
|
||
|
||
// 提示
|
||
Layui.prototype.hint = function(){
|
||
return {
|
||
error: error
|
||
};
|
||
};
|
||
|
||
// typeof 类型细分 -> string/number/boolean/undefined/null、object/array/function/…
|
||
Layui.prototype._typeof = Layui.prototype.type = function(operand){
|
||
if(operand === null) return String(operand);
|
||
|
||
// 细分引用类型
|
||
return (typeof operand === 'object' || typeof operand === 'function') ? function(){
|
||
var type = Object.prototype.toString.call(operand).match(/\s(.+)\]$/) || []; // 匹配类型字符
|
||
var classType = 'Function|Array|Date|RegExp|Object|Error|Symbol'; // 常见类型字符
|
||
|
||
type = type[1] || 'Object';
|
||
|
||
// 除匹配到的类型外，其他对象均返回 object
|
||
return new RegExp('\\b('+ classType + ')\\b').test(type)
|
||
? type.toLowerCase()
|
||
: 'object';
|
||
}() : typeof operand;
|
||
};
|
||
|
||
// 对象是否具备数组结构（此处为兼容 jQuery 对象）
|
||
Layui.prototype._isArray = Layui.prototype.isArray = function(obj){
|
||
var that = this;
|
||
var len;
|
||
var type = that.type(obj);
|
||
|
||
if(!obj || (typeof obj !== 'object') || obj === win) return false;
|
||
|
||
len = 'length' in obj && obj.length; // 兼容 ie
|
||
return type === 'array' || len === 0 || (
|
||
typeof len === 'number' && len > 0 && (len - 1) in obj // 兼容 jQuery 对象
|
||
);
|
||
};
|
||
|
||
// 遍历
|
||
Layui.prototype.each = function(obj, fn){
|
||
var key;
|
||
var that = this;
|
||
var callFn = function(key, obj){ // 回调
|
||
return fn.call(obj[key], key, obj[key])
|
||
};
|
||
|
||
if(typeof fn !== 'function') return that;
|
||
obj = obj || [];
|
||
|
||
// 优先处理数组结构
|
||
if(that.isArray(obj)){
|
||
for(key = 0; key < obj.length; key++){
|
||
if(callFn(key, obj)) break;
|
||
}
|
||
} else {
|
||
for(key in obj){
|
||
if(callFn(key, obj)) break;
|
||
}
|
||
}
|
||
|
||
return that;
|
||
};
|
||
|
||
// 将数组中的成员对象按照某个 key 的 value 值进行排序
|
||
Layui.prototype.sort = function(arr, key, desc, notClone){
|
||
var that = this;
|
||
var clone = notClone ? (arr || []) : JSON.parse(
|
||
JSON.stringify(arr || [])
|
||
);
|
||
|
||
// 若未传入 key，则直接返回原对象
|
||
if(that.type(arr) === 'object' && !key){
|
||
return clone;
|
||
} else if(typeof arr !== 'object'){ // 若 arr 非对象
|
||
return [clone];
|
||
}
|
||
|
||
// 开始排序
|
||
clone.sort(function(o1, o2){
|
||
var v1 = o1[key];
|
||
var v2 = o2[key];
|
||
|
||
/*
|
||
* 特殊数据
|
||
* 若比较的成员均非对象
|
||
*/
|
||
|
||
// 若比较的成员均为数字
|
||
if(!isNaN(o1) && !isNaN(o2)) return o1 - o2;
|
||
// 若比较的成员只存在某一个非对象
|
||
if(!isNaN(o1) && isNaN(o2)){
|
||
if(key && typeof o2 === 'object'){
|
||
v1 = o1;
|
||
} else {
|
||
return -1;
|
||
}
|
||
} else if (isNaN(o1) && !isNaN(o2)){
|
||
if(key && typeof o1 === 'object'){
|
||
v2 = o2;
|
||
} else {
|
||
return 1;
|
||
}
|
||
}
|
||
|
||
/*
|
||
* 正常数据
|
||
* 即成员均为对象，也传入了对比依据： key
|
||
* 若 value 为数字，按「大小」排序；若 value 非数字，则按「字典序」排序
|
||
*/
|
||
|
||
// value 是否为数字
|
||
var isNum = [!isNaN(v1), !isNaN(v2)];
|
||
|
||
// 若为数字比较
|
||
if(isNum[0] && isNum[1]){
|
||
if(v1 && (!v2 && v2 !== 0)){ // 数字 vs 空
|
||
return 1;
|
||
} else if((!v1 && v1 !== 0) && v2){ // 空 vs 数字
|
||
return -1;
|
||
} else { // 数字 vs 数字
|
||
return v1 - v2;
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 字典序排序
|
||
*/
|
||
|
||
// 若为非数字比较
|
||
if(!isNum[0] && !isNum[1]){
|
||
// 字典序比较
|
||
if(v1 > v2){
|
||
return 1;
|
||
} else if (v1 < v2) {
|
||
return -1;
|
||
} else {
|
||
return 0;
|
||
}
|
||
}
|
||
|
||
// 若为混合比较
|
||
if(isNum[0] || !isNum[1]){ // 数字 vs 非数字
|
||
return -1;
|
||
} else if(!isNum[0] || isNum[1]) { // 非数字 vs 数字
|
||
return 1;
|
||
}
|
||
|
||
});
|
||
|
||
desc && clone.reverse(); // 倒序
|
||
return clone;
|
||
};
|
||
|
||
// 阻止事件冒泡
|
||
Layui.prototype.stope = function(thisEvent){
|
||
thisEvent = thisEvent || win.event;
|
||
try { thisEvent.stopPropagation() } catch(e){
|
||
thisEvent.cancelBubble = true;
|
||
}
|
||
};
|
||
|
||
// 字符常理
|
||
var EV_REMOVE = 'LAYUI-EVENT-REMOVE';
|
||
|
||
// 自定义模块事件
|
||
Layui.prototype.onevent = function(modName, events, callback){
|
||
if(typeof modName !== 'string'
|
||
|| typeof callback !== 'function') return this;
|
||
|
||
return Layui.event(modName, events, null, callback);
|
||
};
|
||
|
||
// 执行自定义模块事件
|
||
Layui.prototype.event = Layui.event = function(modName, events, params, fn){
|
||
var that = this;
|
||
var result = null;
|
||
var filter = (events || '').match(/\((.*)\)$/)||[]; // 提取事件过滤器字符结构，如：select(xxx)
|
||
var eventName = (modName + '.'+ events).replace(filter[0], ''); // 获取事件名称，如：form.select
|
||
var filterName = filter[1] || ''; // 获取过滤器名称,，如：xxx
|
||
var callback = function(_, item){
|
||
var res = item && item.call(that, params);
|
||
res === false && result === null && (result = false);
|
||
};
|
||
|
||
// 如果参数传入特定字符，则执行移除事件
|
||
if(params === EV_REMOVE){
|
||
delete (that.cache.event[eventName] || {})[filterName];
|
||
return that;
|
||
}
|
||
|
||
// 添加事件
|
||
if(fn){
|
||
config.event[eventName] = config.event[eventName] || {};
|
||
|
||
if (filterName) {
|
||
// 带filter不支持重复事件
|
||
config.event[eventName][filterName] = [fn];
|
||
} else {
|
||
// 不带filter处理的是所有的同类事件，应该支持重复事件
|
||
config.event[eventName][filterName] = config.event[eventName][filterName] || [];
|
||
config.event[eventName][filterName].push(fn);
|
||
}
|
||
return this;
|
||
}
|
||
|
||
// 执行事件回调
|
||
layui.each(config.event[eventName], function(key, item){
|
||
// 执行当前模块的全部事件
|
||
if(filterName === '{*}'){
|
||
layui.each(item, callback);
|
||
return;
|
||
}
|
||
|
||
// 执行指定事件
|
||
key === '' && layui.each(item, callback);
|
||
(filterName && key === filterName) && layui.each(item, callback);
|
||
});
|
||
|
||
return result;
|
||
};
|
||
|
||
// 新增模块事件
|
||
Layui.prototype.on = function(events, modName, callback){
|
||
var that = this;
|
||
return that.onevent.call(that, modName, events, callback);
|
||
}
|
||
|
||
// 移除模块事件
|
||
Layui.prototype.off = function(events, modName){
|
||
var that = this;
|
||
return that.event.call(that, modName, events, EV_REMOVE);
|
||
};
|
||
|
||
// 防抖
|
||
Layui.prototype.debounce = function (func, wait) {
|
||
var timeout;
|
||
return function () {
|
||
var context = this;
|
||
var args = arguments;
|
||
clearTimeout(timeout);
|
||
timeout = setTimeout(function () {
|
||
func.apply(context, args);
|
||
}, wait);
|
||
}
|
||
};
|
||
|
||
// 节流
|
||
Layui.prototype.throttle = function (func, wait) {
|
||
var cooldown = false;
|
||
return function () {
|
||
var context = this;
|
||
var args = arguments;
|
||
if (!cooldown) {
|
||
func.apply(context, args);
|
||
cooldown = true;
|
||
setTimeout(function () {
|
||
cooldown = false;
|
||
}, wait);
|
||
}
|
||
}
|
||
};
|
||
|
||
// exports layui
|
||
win.layui = new Layui();
|
||
|
||
}(window); // gulp build: layui-footer
|
||
|