kdayun-compnent-develop/kdayun-compnent-pack/dist/libs/layui/layui.js

645 lines
22 KiB
JavaScript
Raw Normal View History

2022-02-19 20:37:32 +08:00
/*!
@Name: layui
@Description经典模块化前端 UI 框架
@Homepage: www.layui.com
@Author: 贤心
@LicenseMIT
*/
; !function (win) {
"use strict";
var doc = document, config = {
modules: {} //记录模块物理路径
, status: {} //记录模块加载状态
, timeout: 10 //符合规范的模块请求最长等待秒数
, event: {} //记录模块自定义事件
}
, Layui = function () {
this.v = '2.5.6'; //版本号
}
//获取layui所在目录
, getPath = function () {
var jsPath = doc.currentScript ? doc.currentScript.src : function () {
var js = doc.scripts
, last = js.length - 1
, src;
for (var i = last; i > 0; i--) {
if (js[i].readyState === 'interactive') {
src = js[i].src;
break;
}
}
return src || js[last].src;
}();
return jsPath.substring(0, jsPath.lastIndexOf('/') + 1);
}()
//异常提示
, error = function (msg) {
win.console && console.error && console.error('Layui error: ' + msg);
}
//异常提示
, log = function (msg) {
win.console && console.log && console.log('Layui hint: ' + msg);
}
, isOpera = typeof opera !== 'undefined' && opera.toString() === '[object Opera]'
//内置模块
, modules = {
layer: 'modules/layer' //弹层
, laydate: 'modules/laydate' //日期
, laypage: 'modules/laypage' //分页
, laytpl: 'modules/laytpl' //模板引擎
, layim: 'modules/layim' //web通讯
, layedit: 'modules/layedit' //富文本编辑器
, form: 'modules/form' //表单集
, upload: 'modules/upload' //上传
, tree: 'modules/tree' //树结构
, table: 'modules/table' //表格
, element: 'modules/element' //常用元素操作
, rate: 'modules/rate' //评分组件
, colorpicker: 'modules/colorpicker' //颜色选择器
, slider: 'modules/slider' //滑块
, carousel: 'modules/carousel' //轮播
, flow: 'modules/flow' //流加载
, util: 'modules/util' //工具块
, code: 'modules/code' //代码修饰器
, jquery: 'modules/jquery' //DOM库第三方
, treeGrid: 'modules/treeGrid'
, mobile: 'modules/mobile' //移动大模块 | 若当前为开发目录,则为移动模块入口,否则为移动模块集合
, transfer: 'modules/transfer' //下拉按钮
, dropdown: 'modules/dropdown' //下拉按钮
//, dltable: 'modules/dltable'// treegrid
, 'layui.all': '../layui.all' //PC模块合并版
};
Layui.prototype.error = function (msg) {
win.console && console.error && console.error('Layui error: ' + msg);
}
//记录基础数据
Layui.prototype.cache = config;
//定义模块
Layui.prototype.define = function (deps, factory) {
var that = this
, type = typeof deps === 'function'
, 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 = []
);
if (layui['layui.all'] || (!layui['layui.all'] && layui['layui.mobile'])) {
return callback.call(that);
}
that.use(deps, callback);
return that;
};
//使用特定模块
Layui.prototype.use = function (apps, callback, exports) {
var that = this
, dir = config.dir = config.dir ? config.dir : getPath
, head = doc.getElementsByTagName('head')[0];
apps = typeof apps === 'string' ? [apps] : apps;
//如果页面已经存在jQuery1.7+库且所定义的模块依赖jQuery则不加载内部jquery模块
if (window.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]
, 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;
log('loading module[' + url + ']');
head.removeChild(node);
(function poll() {
if (++timeout > config.timeout * 1000 / 4) {
return error(item + ' is not a valid module [' + url + ']');
};
config.status[item] ? onCallback() : setTimeout(poll, 4);
}());
}
}
//回调
function onCallback() {
exports.push(layui[item]);
apps.length > 1 ?
that.use(apps.slice(1), callback, exports)
: (typeof callback === 'function' && callback.apply(layui, exports));
}
//如果使用了 layui.all.js
if (apps.length === 0
|| (layui['layui.all'] && modules[item])
|| (!layui['layui.all'] && layui['layui.mobile'] && modules[item])
) {
return onCallback(), that;
}
//获取加载的模块 URL
//如果是内置模块,则按照 dir 参数拼接模块路径
//如果是扩展模块,则判断模块路径值是否为 {/} 开头,
//如果路径值是 {/} 开头,则模块路径即为后面紧跟的字符。
//否则,则按照 base 参数拼接模块路径
var url = (modules[item] ? (dir + 'lay/')
: (/^\{\/\}/.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[' + url + '] timeout');
};
(typeof config.modules[item] === 'string' && config.status[item])
? onCallback()
: setTimeout(poll, 4);
}());
}
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
, link = doc.createElement('link')
, head = doc.getElementsByTagName('head')[0];
if (typeof fn === 'string') cssname = fn;
var app = (cssname || href).replace(/\.|\//g, '')
, id = link.id = 'layuicss-' + app
, timeout = 0;
link.rel = 'stylesheet';
link.href = href + (config.debug ? '?v=' + new Date().getTime() : '');
link.media = 'all';
if (!doc.getElementById(id)) {
head.appendChild(link);
}
if (typeof fn !== 'function') return that;
//轮询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;
};
//存储模块的回调
config.callback = {};
//重新执行模块的工厂函数
Layui.prototype.factory = function (modName) {
if (layui[modName]) {
return typeof config.callback[modName] === 'function'
? config.callback[modName]
: null;
}
};
//css内部加载器
Layui.prototype.addcss = function (firename, fn, cssname) {
return layui.link(config.dir + 'css/' + firename, fn, cssname);
};
//图片预加载
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('\u6A21\u5757\u540D ' + o + ' \u5DF2\u88AB\u5360\u7528');
} else {
that.modules[o] = options[o];
}
}
return that;
};
// location.hash 路由解析
Layui.prototype.router = function (hash) {
var that = this
, hash = hash || location.hash
, 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
, data = {
//提取 url 路径
pathname: function () {
var pathname = href
? function () {
var pathUrl = (href.match(/\.[^.]+?\/.+/) || [])[0] || '';
return pathUrl.replace(/^[^\/]+/, '').replace(/\?.+/, '');
}()
: location.pathname;
return pathname.replace(/^\//, '').split('/');
}()
//提取 url 参数
, search: function () {
var obj = {}
, search = (href
? ((href.match(/\?.+/) || [])[0] || '')
: 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) {
// storage[table] = 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()
//获取版本号
, getVersion = function (label) {
var exp = new RegExp(label + '/([^\\s\\_\\-]+)');
label = (agent.match(exp) || [])[1];
return label || false;
}
//返回结果集
, 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) ? true : false;
return result;
};
//提示
Layui.prototype.hint = function () {
return {
error: error
}
};
//遍历
Layui.prototype.each = function (obj, fn) {
var key
, that = this;
if (typeof fn !== 'function') return that;
obj = obj || [];
if (obj.constructor === Object) {
for (key in obj) {
if (fn.call(obj[key], key, obj[key])) break;
}
} else {
for (key = 0; key < obj.length; key++) {
if (fn.call(obj[key], key, obj[key])) break;
}
}
return that;
};
//将数组中的对象按其某个成员排序
Layui.prototype.sort = function (obj, key, desc) {
var clone = JSON.parse(
JSON.stringify(obj || [])
);
if (!key) return clone;
//如果是数字,按大小排序,如果是非数字,按字典序排序
clone.sort(function (o1, o2) {
var isNum = /^-?\d+$/
, v1 = o1[key]
, v2 = o2[key];
if (isNum.test(v1)) v1 = parseFloat(v1);
if (isNum.test(v2)) v2 = parseFloat(v2);
if (v1 && !v2) {
return 1;
} else if (!v1 && v2) {
return -1;
}
if (v1 > v2) {
return 1;
} else if (v1 < v2) {
return -1;
} else {
return 0;
}
});
desc && clone.reverse(); //倒序
return clone;
};
//阻止事件冒泡
Layui.prototype.stope = function (thisEvent) {
thisEvent = thisEvent || win.event;
try { thisEvent.stopPropagation() } catch (e) {
thisEvent.cancelBubble = true;
}
};
//自定义模块事件
Layui.prototype.onevent = function (modName, events, callback, override) {
if (typeof modName !== 'string'
|| typeof callback !== 'function') return this;
return Layui.event(modName, events, null, callback, override);
};
Layui.prototype.delevent = function (modName, events) {
var
filter = events.match(/\((.*)\)$/) || [] //提取事件过滤器字符结构select(xxx)
, eventName = (modName + '.' + events).replace(filter[0], '') //获取事件名称form.select
, filterName = filter[1] || '' //获取过滤器名称,xxx
config.event[eventName] = config.event[eventName] || {};
if (config.event[eventName] && (filterName === '*')) {
for (var key in config.event) {
if (key.indexOf(modName) == 0) {
delete config.event[key]
}
}
} else if (config.event[eventName] && (config.event[eventName][filterName])) {
delete config.event.eventName.filterName
}
};
//执行自定义模块事件
Layui.prototype.event = Layui.event = function (modName, events, params, fn, override) {
var that = this
, result = null
, filter = events.match(/\((.*)\)$/) || [] //提取事件过滤器字符结构select(xxx)
, eventName = (modName + '.' + events).replace(filter[0], '') //获取事件名称form.select
, filterName = filter[1] || '' //获取过滤器名称,xxx
, callback = function (_, item) {
var res = item && item.call(that, params);
res === false && result === null && (result = false);
};
//添加事件
if (fn) {
config.event[eventName] = config.event[eventName] || {};
//这里不再对多次事件监听做支持,避免更多麻烦
//config.event[eventName][filterName] ? config.event[eventName][filterName].push(fn) :
//这里是用户自定义的消息.可以多次
if ((new RegExp("^WM_")).test(events) && !override) {
config.event[eventName][filterName] = config.event[eventName][filterName] || [];
config.event[eventName][filterName] ? config.event[eventName][filterName].push(fn) : null;
} else {
config.event[eventName][filterName] = [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;
};
win.layui = new Layui();
}(window);