|
|
|
|
@ -145,18 +145,81 @@ layui.define(['layer', 'util'], function(exports){
|
|
|
|
|
|
|
|
|
|
// 表单控件渲染
|
|
|
|
|
Form.prototype.render = function(type, filter){
|
|
|
|
|
var that = this
|
|
|
|
|
,options = that.config
|
|
|
|
|
,elemForm = $(ELEM + function(){
|
|
|
|
|
var that = this;
|
|
|
|
|
var options = that.config;
|
|
|
|
|
var elemForm = $(ELEM + function(){
|
|
|
|
|
return filter ? ('[lay-filter="' + filter +'"]') : '';
|
|
|
|
|
}())
|
|
|
|
|
,items = {
|
|
|
|
|
}());
|
|
|
|
|
var items = {
|
|
|
|
|
// 输入框
|
|
|
|
|
input: function(elem){
|
|
|
|
|
var inputs = elem || elemForm.find('input,textarea');
|
|
|
|
|
|
|
|
|
|
// 初始化全局的 autocomplete
|
|
|
|
|
options.autocomplete && inputs.attr('autocomplete', options.autocomplete);
|
|
|
|
|
|
|
|
|
|
// 初始化 input 套件
|
|
|
|
|
elemForm.find('input[lay-affix],textarea[lay-affix]').each(function(){
|
|
|
|
|
var othis = $(this);
|
|
|
|
|
var affix = othis.attr('lay-affix');
|
|
|
|
|
var CLASS_SUFFIX = 'layui-input-suffix';
|
|
|
|
|
var elemNext = othis.next('.'+ CLASS_SUFFIX);
|
|
|
|
|
var hideElem = function(elem, value){
|
|
|
|
|
if(!elem) return;
|
|
|
|
|
elem[$.trim(value) ? 'removeClass' : 'addClass'](HIDE);
|
|
|
|
|
};
|
|
|
|
|
var renderSuffix = function(type){
|
|
|
|
|
elemNext.remove();
|
|
|
|
|
elemNext = $(['<div class="layui-input-suffix layui-input-affix-event">'
|
|
|
|
|
,'<i class="layui-icon layui-icon-'+ type +'"></i>'
|
|
|
|
|
,'</div>'].join(''));
|
|
|
|
|
|
|
|
|
|
othis.after(elemNext);
|
|
|
|
|
hideElem(elemNext, othis.val());
|
|
|
|
|
|
|
|
|
|
// 输入事件
|
|
|
|
|
othis.on('input propertychange', function(){
|
|
|
|
|
var value = this.value;
|
|
|
|
|
hideElem(elemNext, value);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 点击后缀套件事件
|
|
|
|
|
elemNext.on('click', function(){
|
|
|
|
|
var filter = othis.attr('lay-filter');
|
|
|
|
|
obj[affix] && obj[affix][1].call(this);
|
|
|
|
|
|
|
|
|
|
// 对外事件
|
|
|
|
|
layui.event.call(this, MOD_NAME, 'input-affix('+ filter +')', {
|
|
|
|
|
elem: othis[0]
|
|
|
|
|
,affix: affix
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 渲染内置套件
|
|
|
|
|
var obj = {
|
|
|
|
|
// 清空
|
|
|
|
|
clear: [function(){ // 渲染
|
|
|
|
|
renderSuffix('clear');
|
|
|
|
|
}, function(){ // 事件
|
|
|
|
|
othis.val('').focus();
|
|
|
|
|
hideElem(elemNext, null);
|
|
|
|
|
}]
|
|
|
|
|
|
|
|
|
|
// 密码显隐
|
|
|
|
|
,eye: [function(){ // 渲染
|
|
|
|
|
renderSuffix('eye');
|
|
|
|
|
}, function(){ // 事件
|
|
|
|
|
var SHOW_NAME = 'LAY_FORM_INPUT_AFFIX_SHOW';
|
|
|
|
|
var isShow = othis.data(SHOW_NAME);
|
|
|
|
|
|
|
|
|
|
othis.attr('type', isShow ? 'password' : 'text').data(SHOW_NAME, !isShow);
|
|
|
|
|
renderSuffix(isShow ? 'eye' : 'eye-invisible');
|
|
|
|
|
}]
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
obj[affix] && obj[affix][0]();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 下拉选择框
|
|
|
|
|
@ -440,7 +503,8 @@ layui.define(['layer', 'util'], function(exports){
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
othis.siblings().removeClass(THIS);
|
|
|
|
|
select.val(value).removeClass('layui-form-danger')
|
|
|
|
|
select.val(value).removeClass('layui-form-danger');
|
|
|
|
|
|
|
|
|
|
layui.event.call(this, MOD_NAME, 'select('+ filter +')', {
|
|
|
|
|
elem: select[0]
|
|
|
|
|
,value: value
|
|
|
|
|
@ -488,9 +552,11 @@ layui.define(['layer', 'util'], function(exports){
|
|
|
|
|
,function(options){
|
|
|
|
|
var arr = [];
|
|
|
|
|
layui.each(options, function(index, item){
|
|
|
|
|
if(index === 0 && !item.value){
|
|
|
|
|
var tagName = item.tagName.toLowerCase();
|
|
|
|
|
|
|
|
|
|
if(index === 0 && !item.value && tagName !== 'optgroup'){
|
|
|
|
|
arr.push('<dd lay-value="" class="layui-select-tips">'+ $.trim(item.innerHTML || TIPS) +'</dd>');
|
|
|
|
|
} else if(item.tagName.toLowerCase() === 'optgroup'){
|
|
|
|
|
} else if(tagName === 'optgroup'){
|
|
|
|
|
arr.push('<dt>'+ item.label +'</dt>');
|
|
|
|
|
} else {
|
|
|
|
|
arr.push('<dd lay-value="'+ util.escape(item.value) +'" class="'+ (value === item.value ? THIS : '') + (item.disabled ? (' '+DISABLED) : '') +'">'+ $.trim(item.innerHTML) +'</dd>');
|
|
|
|
|
@ -562,7 +628,7 @@ layui.define(['layer', 'util'], function(exports){
|
|
|
|
|
,type = {
|
|
|
|
|
// 复选框
|
|
|
|
|
checkbox: [
|
|
|
|
|
(title ? ('<span>'+ check.title +'</span>') : '')
|
|
|
|
|
(title ? ('<span>'+ util.escape(check.title) +'</span>') : '')
|
|
|
|
|
,'<i class="layui-icon layui-icon-ok"></i>'
|
|
|
|
|
].join('')
|
|
|
|
|
|
|
|
|
|
@ -625,7 +691,7 @@ layui.define(['layer', 'util'], function(exports){
|
|
|
|
|
,(disabled ? ' layui-radio-disabled '+DISABLED : '') +'">' // 禁用状态
|
|
|
|
|
,'<i class="layui-anim layui-icon">'+ ICON[radio.checked ? 0 : 1] +'</i>'
|
|
|
|
|
,'<div>'+ function(){
|
|
|
|
|
var title = radio.title || '';
|
|
|
|
|
var title = util.escape(radio.title || '');
|
|
|
|
|
if(typeof othis.next().attr('lay-radio') === 'string'){
|
|
|
|
|
title = othis.next().html();
|
|
|
|
|
// othis.next().remove();
|
|
|
|
|
@ -668,7 +734,7 @@ layui.define(['layer', 'util'], function(exports){
|
|
|
|
|
return that;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// elem 即要验证的区域表单选择器 - return true or false
|
|
|
|
|
// 主动触发验证 -- elem 即要验证的区域表单选择器 / return true or false
|
|
|
|
|
Form.prototype.validate = function(elem){
|
|
|
|
|
var that = this;
|
|
|
|
|
var stop = null; // 验证不通过状态
|
|
|
|
|
|
贤心
2 years ago