blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-05-20 22:09:15 +08:00
Code Issues Projects Releases Wiki Activity

增加 data-rule 取值

Browse Source
This commit is contained in:
邹景立 2021-06-26 18:44:11 +08:00
parent 668470c6d4
commit ac84949d6b
1 changed files with 106 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

210
public/static/admin.js
View File

@ -14,15 +14,15 @@
/*! 数组兼容处理 */ /*! 数组兼容处理 */
if (typeof Array.prototype.forEach !== 'function') { if (typeof Array.prototype.forEach !== 'function') {
Array.prototype.forEach = function (callback, context) { Array.prototype.forEach = function (callable, context) {
typeof context === "undefined" ? context = window : null; typeof context === "undefined" ? context = window : null;
for (var i in this) callback.call(context, this[i], i, this) for (var i in this) callable.call(context, this[i], i, this)
}; };
} }
if (typeof Array.prototype.every !== 'function') { if (typeof Array.prototype.every !== 'function') {
Array.prototype.every = function (callback) { Array.prototype.every = function (callable) {
for (var i in this) if (callback(this[i], i, this) === false) { for (var i in this) if (callable(this[i], i, this) === false) {
return false; return false;
} }
return true; return true;
@ -30,8 +30,8 @@ if (typeof Array.prototype.every !== 'function') {
} }
if (typeof Array.prototype.some !== 'function') { if (typeof Array.prototype.some !== 'function') {
Array.prototype.some = function (callback) { Array.prototype.some = function (callable) {
for (var i in this) if (callback(this[i], i, this) === true) { for (var i in this) if (callable(this[i], i, this) === true) {
return true; return true;
} }
return false; return false;
@ -95,9 +95,23 @@ define('jquery', [], function () {
$(function () { $(function () {
window.$body = $('body'); window.$body = $('body');
/*! 注册单项事件 */ /*! 注册单次事件 */
function onEvent(event, select, callback) { function onEvent(event, select, callable) {
return $body.off(event, select).on(event, select, callback); return $body.off(event, select).on(event, select, callable);
}
/*! 读取 data-rule 绑定 table 值 */
function applyRuleValue(elem, data) {
var rule = elem.dataset.value || (function (rule, array) {
$(elem.dataset.target || 'input[type=checkbox].list-check-box').map(function () {
this.checked && array.push(this.value);
});
return array.length > 0 ? rule.replace('{key}', array.join(',')) : '';
})(elem.dataset.rule || '', []) || '';
if (rule.length < 1) return $.msg.tips('请选择需要更改的数据！'), false;
return rule.split(';').forEach(function (item) {
data[item.split('#')[0]] = item.split('#')[1];
}), data;
} }
/*! 消息组件实例 */ /*! 消息组件实例 */
@ -178,15 +192,13 @@ $(function () {
$parent.prevAll('label').addClass('label-required-next'); $parent.prevAll('label').addClass('label-required-next');
} }
}), $dom.find('input[data-date-range]').map(function () { }), $dom.find('input[data-date-range]').map(function () {
this.setAttribute('autocomplete', 'off'); this.setAttribute('autocomplete', 'off'), laydate.render({
laydate.render({
type: this.dataset.dateRange || 'date', range: true, elem: this, done: function (value) { type: this.dataset.dateRange || 'date', range: true, elem: this, done: function (value) {
$(this.elem).val(value).trigger('change'); $(this.elem).val(value).trigger('change');
} }
}); });
}), $dom.find('input[data-date-input]').map(function () { }), $dom.find('input[data-date-input]').map(function () {
this.setAttribute('autocomplete', 'off'); this.setAttribute('autocomplete', 'off'), laydate.render({
laydate.render({
type: this.dataset.dateInput || 'date', range: false, elem: this, done: function (value) { type: this.dataset.dateInput || 'date', range: false, elem: this, done: function (value) {
$(this.elem).val(value).trigger('change'); $(this.elem).val(value).trigger('change');
} }
@ -206,7 +218,7 @@ $(function () {
}; };
/*! 在内容区显示视图 */ /*! 在内容区显示视图 */
this.show = function (html) { this.show = function (html) {
$(this.selecter).html(html), this.reInit($(this.selecter)), setTimeout(function () { $(this.selecter).html(html), setTimeout(function () {
that.reInit($(that.selecter)); that.reInit($(that.selecter));
}, 500); }, 500);
}; };
@ -219,10 +231,10 @@ $(function () {
} }
}; };
/*! 异步加载的数据 */ /*! 异步加载的数据 */
this.load = function (url, data, method, callback, loading, tips, time, headers) { this.load = function (url, data, method, callable, loading, tips, time, headers) {
// 如果主页面 loader 显示中，绝对不显示 loading 图标 // 如果主页面 loader 显示中，绝对不显示 loading 图标
loading = $('.layui-page-loader').is(':visible') ? false : loading; loading = $('.layui-page-loader').is(':visible') ? false : loading;
var index = loading !== false ? $.msg.loading(tips) : 0; var loadidx = loading !== false ? $.msg.loading(tips) : 0;
if (typeof data === 'object' && typeof data['_token_'] === 'string') { if (typeof data === 'object' && typeof data['_token_'] === 'string') {
headers = headers || {}, headers['User-Form-Token'] = data['_token_'], delete data['_token_']; headers = headers || {}, headers['User-Form-Token'] = data['_token_'], delete data['_token_'];
} }
@ -247,15 +259,15 @@ $(function () {
this.success(XMLHttpRequest.responseText); this.success(XMLHttpRequest.responseText);
} }
}, success: function (ret) { }, success: function (ret) {
if (typeof callback === 'function' && callback.call(that, ret) === false) return false; if (typeof callable === 'function' && callable.call(that, ret) === false) return false;
return typeof ret === 'object' ? $.msg.auto(ret, time || ret.wait || undefined) : that.show(ret); return typeof ret === 'object' ? $.msg.auto(ret, time || ret.wait || undefined) : that.show(ret);
}, complete: function () { }, complete: function () {
$.msg.close(index); $.msg.close(loadidx);
} }
}); });
}; };
/*! 加载 HTML 到目标位置 */ /*! 加载 HTML 到目标位置 */
this.open = function (url, data, callback, loading, tips) { this.open = function (url, data, callable, loading, tips) {
this.load(url, data, 'get', function (ret) { this.load(url, data, 'get', function (ret) {
return (typeof ret === 'object' ? $.msg.auto(ret) : that.show(ret)), false; return (typeof ret === 'object' ? $.msg.auto(ret) : that.show(ret)), false;
}, loading, tips); }, loading, tips);
@ -265,21 +277,21 @@ $(function () {
return layer.open({title: title || '窗口', type: 2, area: area || ['800px', '580px'], anim: 2, fixed: true, maxmin: false, content: url}); return layer.open({title: title || '窗口', type: 2, area: area || ['800px', '580px'], anim: 2, fixed: true, maxmin: false, content: url});
}; };
/*! 加载 HTML 到弹出层 */ /*! 加载 HTML 到弹出层 */
this.modal = function (url, data, title, callback, loading, tips, area) { this.modal = function (url, data, title, callable, loading, tips, area) {
this.load(url, data, 'GET', function (res) { this.load(url, data, 'GET', function (res) {
if (typeof (res) === 'object') return $.msg.auto(res), false; if (typeof (res) === 'object') return $.msg.auto(res), false;
$.msg.idx.push(layer.open({ $.msg.idx.push(layer.open({
type: 1, btn: false, area: area || "800px", content: res, title: title || '', success: function ($dom, idx) { type: 1, btn: false, area: area || "800px", content: res, title: title || '', success: function ($dom, idx) {
$dom.off('click', '[data-close]').on('click', '[data-close]', function () { $dom.off('click', '[data-close]').on('click', '[data-close]', function () {
(function (confirm, callback) { (function (confirm, callable) {
confirm ? $.msg.confirm(confirm, callback) : callback(); confirm ? $.msg.confirm(confirm, callable) : callable();
})(this.dataset.confirm, function () { })(this.dataset.confirm, function () {
layer.close(idx); layer.close(idx);
}); });
}), $.form.reInit($dom); }), $.form.reInit($dom);
} }
})); }));
return (typeof callback === 'function') && callback.call(that); return (typeof callable === 'function') && callable.call(that);
}, loading, tips); }, loading, tips);
}; };
}; };
@ -378,7 +390,7 @@ $(function () {
}; };
/*! 注册对象到Jq */ /*! 注册对象到Jq */
$.vali = function (form, callback, options) { $.vali = function (form, callable, options) {
return (new function (that) { return (new function (that) {
/*! 表单元素 */ /*! 表单元素 */
that = this, this.tags = 'input,textarea,select'; that = this, this.tags = 'input,textarea,select';
@ -454,7 +466,7 @@ $(function () {
return $(ele).data('input-info', $html.css(style).insertAfter(ele)), $html; return $(ele).data('input-info', $html.css(style).insertAfter(ele)), $html;
}; };
/*! 表单验证入口 */ /*! 表单验证入口 */
this.check = function (form, callback) { this.check = function (form, callable) {
$(form).attr("novalidate", "novalidate").find(that.tags).map(function () { $(form).attr("novalidate", "novalidate").find(that.tags).map(function () {
this.bindEventMethod = function () { this.bindEventMethod = function () {
that.checkInput(this); that.checkInput(this);
@ -464,11 +476,11 @@ $(function () {
} }
}); });
$(form).bind("submit", function (event) { $(form).bind("submit", function (event) {
if (that.checkAllInput() && typeof callback === 'function') { if (that.checkAllInput() && typeof callable === 'function') {
if (typeof CKEDITOR === 'object' && typeof CKEDITOR.instances === 'object') { if (typeof CKEDITOR === 'object' && typeof CKEDITOR.instances === 'object') {
for (var i in CKEDITOR.instances) CKEDITOR.instances[i].updateElement(); for (var i in CKEDITOR.instances) CKEDITOR.instances[i].updateElement();
} }
callback.call(this, $(form).formToJson()); callable.call(this, $(form).formToJson());
} }
return event.preventDefault(), false; return event.preventDefault(), false;
}).find('[data-form-loaded]').map(function () { }).find('[data-form-loaded]').map(function () {
@ -477,7 +489,7 @@ $(function () {
}); });
return $(form).data('validate', this); return $(form).data('validate', this);
}; };
}).check(form, callback, options); }).check(form, callable, options);
}; };
/*! 自动监听规则内表单 */ /*! 自动监听规则内表单 */
@ -485,7 +497,7 @@ $(function () {
$('form[data-auto]').map(function (index, form) { $('form[data-auto]').map(function (index, form) {
if (this.dataset.listen === 'true') return true; if (this.dataset.listen === 'true') return true;
$(this).attr('data-listen', 'true').vali(function (data) { $(this).attr('data-listen', 'true').vali(function (data) {
var call = form.dataset.callback || '_default_callback'; var call = form.dataset.callable || '_default_callable';
var type = form.method || 'POST', tips = form.dataset.tips || undefined; var type = form.method || 'POST', tips = form.dataset.tips || undefined;
var time = form.dataset.time || undefined, href = form.action || location.href; var time = form.dataset.time || undefined, href = form.action || location.href;
$.form.load(href, data, type, window[call] || undefined, true, tips, time); $.form.load(href, data, type, window[call] || undefined, true, tips, time);
@ -494,8 +506,8 @@ $(function () {
}; };
/*! 注册对象到JqFn */ /*! 注册对象到JqFn */
$.fn.vali = function (callback, options) { $.fn.vali = function (callable, options) {
return $.vali(this, callback, options); return $.vali(this, callable, options);
}; };
/*! 表单转JSON */ /*! 表单转JSON */
@ -623,16 +635,6 @@ $(function () {
}); });
} }
/*! 注册 data-load 事件行为 */
onEvent('click', '[data-load]', function (e) {
var dataset = e.currentTarget.dataset;
(function (confirm, callback) {
confirm ? $.msg.confirm(confirm, callback) : callback();
})(dataset.confirm, function () {
$.form.load(dataset.load, {}, 'get', null, true, dataset.tips, dataset.time);
});
});
/*! 注册 data-serach 表单搜索行为 */ /*! 注册 data-serach 表单搜索行为 */
onEvent('submit', 'form.form-search', function () { onEvent('submit', 'form.form-search', function () {
var url = $(this).attr('action').replace(/&?page=\d+/g, ''); var url = $(this).attr('action').replace(/&?page=\d+/g, '');
@ -647,24 +649,15 @@ $(function () {
$.form.load(url, this, 'post'); $.form.load(url, this, 'post');
}); });
/*! 注册 data-modal 事件行为 */ /*! 注册 data-load 事件行为 */
onEvent('click', '[data-modal]', function () { onEvent('click', '[data-load]', function () {
var dataset = this.dataset, area = dataset.area || dataset.width || '800px'; var emap = this.dataset, data = {};
return $.form.modal(dataset.modal, 'open_type=modal', dataset.title || this.innerText || '编辑', undefined, undefined, undefined, area); if (this.dataset.rule && (applyRuleValue(this, data)) === false) return false;
}); (function (confirm, callable) {
confirm ? $.msg.confirm(confirm, callable) : callable();
/*! 注册 data-open 事件行为 */ })(emap.confirm, function () {
onEvent('click', '[data-open]', function () { $.form.load(emap.load, data, 'get', null, true, emap.tips, emap.time);
if (this.dataset.open.match(/^https?:/)) { });
location.href = this.dataset.open;
} else {
$.form.href(this.dataset.open, this);
}
});
/*! 注册 data-dbclick 事件行为 */
onEvent('dblclick', '[data-dbclick]', function () {
$(this).find(this.dataset.dbclick || '[data-dbclick]').trigger('click');
}); });
/*! 注册 data-reload 事件行为 */ /*! 注册 data-reload 事件行为 */
@ -672,59 +665,37 @@ $(function () {
$.form.reload(); $.form.reload();
}); });
/*! 注册 data-dbclick 事件行为 */
onEvent('dblclick', '[data-dbclick]', function () {
$(this).find(this.dataset.dbclick || '[data-dbclick]').trigger('click');
});
/*! 注册 data-check 事件行为 */ /*! 注册 data-check 事件行为 */
onEvent('click', '[data-check-target]', function (e) { onEvent('click', '[data-check-target]', function () {
var target = e.currentTarget; var target = this;
$(this.dataset.checkTarget).map(function () { $(this.dataset.checkTarget).map(function () {
(this.checked = !!target.checked), $(this).trigger('change'); (this.checked = !!target.checked), $(this).trigger('change');
}); });
}); });
/*! 注册 data-action 事件行为 */
onEvent('click', '[data-action]', function () {
var data = {}, time = this.dataset.time, action = this.dataset.action;
var loading = this.dataset.loading, method = this.dataset.method || 'post';
var rule = this.dataset.value || (function (elem, rule, ids) {
$(elem.dataset.target || 'input[type=checkbox].list-check-box').map(function () {
(this.checked) && ids.push(this.value);
});
return ids.length > 0 ? rule.replace('{key}', ids.join(',')) : '';
})(this, this.dataset.rule || '', []) || '';
if (rule.length < 1) return $.msg.tips('请选择需要更改的数据！');
rule.split(';').forEach(function (rule) {
if (rule.length < 2) return $.msg.tips('异常的数据操作规则，请修改规则！');
data[rule.split('#')[0]] = rule.split('#')[1];
});
data['_token_'] = this.dataset.token || this.dataset.csrf || '--';
var load = loading !== 'false', tips = typeof loading === 'string' ? loading : undefined;
this.dataset.confirm ? $.msg.confirm(this.dataset.confirm, function () {
$.form.load(action, data, method, false, load, tips, time);
}) : $.form.load(action, data, method, false, load, tips, time);
});
/*! 表单元素失焦时提交 */ /*! 表单元素失焦时提交 */
onEvent('blur', '[data-action-blur]', function () { onEvent('blur', '[data-action-blur]', function () {
var data = {}, that = this, $this = $(this), action = this.dataset.actionBlur; var that = $(this), emap = this.dataset, data = {'_token_': emap.token || emap.csrf || '--'};
var time = this.dataset.time, loading = this.dataset.loading || false, load = loading !== 'false'; var attrs = (emap.value || '').replace('{value}', that.val()).split(';');
var tips = typeof loading === 'string' ? loading : undefined, method = this.dataset.method || 'post'; for (var i in attrs) data[attrs[i].split('#')[0]] = attrs[i].split('#')[1];
var attrs = (this.dataset.value || '').replace('{value}', $this.val()).split(';'); (function (confirm, callable) {
for (var i in attrs) { confirm ? $.msg.confirm(confirm, callable) : callable();
if (attrs[i].length < 2) return $.msg.tips('异常的数据操作规则，请修改规则！'); })(emap.confirm, function () {
data[attrs[i].split('#')[0]] = attrs[i].split('#')[1]; $.form.load(emap.actionBlur, data, emap.method || 'post', function (ret) {
} return that.css('border', (ret && ret.code) ? '1px solid #e6e6e6' : '1px solid red'), false;
that.callback = function (ret) { }, emap.loading !== 'false', emap.loading, emap.time)
return $this.css('border', (ret && ret.code) ? '1px solid #e6e6e6' : '1px solid red'), false; });
};
data['_token_'] = this.dataset.token || this.dataset.csrf || '--';
this.dataset.confirm ? $.msg.confirm(this.dataset.confirm, function () {
$.form.load(action, data, method, that.callback, load, tips, time);
}) : $.form.load(action, data, method, that.callback, load, tips, time);
}); });
/*! 表单元素失去焦点时数字 */ /*! 表单元素失去焦点时数字 */
onEvent('blur', '[data-blur-number]', function () { onEvent('blur', '[data-blur-number]', function () {
var min = this.dataset.valueMin, max = this.dataset.valueMax; var emap = this.dataset, min = emap.valueMin, max = emap.valueMax;
var value = parseFloat(this.value) || 0, fiexd = parseInt(this.dataset.blurNumber || 0); var value = parseFloat(this.value) || 0, fiexd = parseInt(emap.blurNumber || 0);
if (typeof min !== 'undefined' && value < min) value = min; if (typeof min !== 'undefined' && value < min) value = min;
if (typeof max !== 'undefined' && value > max) value = max; if (typeof max !== 'undefined' && value > max) value = max;
this.value = parseFloat(value).toFixed(fiexd); this.value = parseFloat(value).toFixed(fiexd);
@ -737,10 +708,41 @@ $(function () {
} }
}); });
/*! 注册 data-open 事件行为 */
onEvent('click', '[data-open]', function () {
if (this.dataset.open.match(/^https?:/)) {
location.href = this.dataset.open;
} else {
$.form.href(this.dataset.open, this);
}
});
/*! 注册 data-action 事件行为 */
onEvent('click', '[data-action]', function () {
var emap = this.dataset, data = {'_token_': emap.token || emap.csrf || '--'};
var load = emap.loading !== 'false', tips = typeof load === 'string' ? load : undefined;
if ((applyRuleValue(this, data)) === false) return false;
(function (confirm, callable) {
confirm ? $.msg.confirm(confirm, callable) : callable();
})(emap.confirm, function () {
$.form.load(emap.action, data, emap.method || 'post', false, load, tips, emap.time)
});
});
/*! 注册 data-modal 事件行为 */
onEvent('click', '[data-modal]', function () {
var emap = this.dataset, data = {open_type: 'modal'}, area = emap.area || emap.width || '800px';
if (emap.rule && (applyRuleValue(this, data)) === false) return false;
return $.form.modal(emap.modal, data, emap.title || this.innerText || '编辑', undefined, undefined, undefined, area);
});
/*! 注册 data-iframe 事件行为 */ /*! 注册 data-iframe 事件行为 */
onEvent('click', '[data-iframe]', function () { onEvent('click', '[data-iframe]', function () {
$(this).attr('data-index', $.form.iframe(this.dataset.iframe, this.dataset.title || this.innerText || '窗口', this.dataset.area || [ var emap = this.dataset, data = {open_type: 'iframe'};
this.dataset.width || '800px', this.dataset.height || '580px' if (emap.rule && (applyRuleValue(this, data)) === false) return false;
var frame = emap.iframe + (emap.iframe.indexOf('?') > -1 ? '&' : '?') + $.param(data);
$(this).attr('data-index', $.form.iframe(frame, emap.title || this.innerText || '窗口', emap.area || [
emap.width || '800px', emap.height || '580px'
])); ]));
}); });
@ -812,8 +814,8 @@ $(function () {
/*! 异步任务状态监听与展示 */ /*! 异步任务状态监听与展示 */
onEvent('click', '[data-queue]', function (e) { onEvent('click', '[data-queue]', function (e) {
(function (confirm, callback) { (function (confirm, callable) {
confirm ? $.msg.confirm(confirm, callback) : callback(); confirm ? $.msg.confirm(confirm, callable) : callable();
})(e.currentTarget.dataset.confirm, function () { })(e.currentTarget.dataset.confirm, function () {
$.form.load(e.currentTarget.dataset.queue, {}, 'post', function (ret) { $.form.load(e.currentTarget.dataset.queue, {}, 'post', function (ret) {
if (typeof ret.data === 'string' && ret.data.indexOf('Q') === 0) { if (typeof ret.data === 'string' && ret.data.indexOf('Q') === 0) {