github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

调整 checkbox 的默认风格为 `primary` 风格

pull/1194/head
贤心 2023-01-25 19:07:41 +08:00
parent 61637f260c
commit 926522da29
1 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/modules/form.js
View File

@ -2,7 +2,7 @@
* form 表单组件 * form 表单组件
*/ */
layui.define(['layer', 'util'], function(exports){ layui.define(['lay', 'layer', 'util'], function(exports){
"use strict"; "use strict";
var $ = layui.$; var $ = layui.$;
@ -174,16 +174,17 @@ layui.define(['layer', 'util'], function(exports){
}; };
// 渲染动态点缀内容 // 渲染动态点缀内容
var renderAffix = function(){ var renderAffix = function(opts){
var opts = affixOptions[affix] || { opts = $.extend({}, (affixOptions[affix] || {
value: affix value: affix
}; }), opts, lay.options(othis[0]));
var elemAffix = $('<div class="'+ CLASS_AFFIX +'">'); var elemAffix = $('<div class="'+ CLASS_AFFIX +'">');
var elemIcon = $('<i class="layui-icon layui-icon-'+ opts.value + ( var elemIcon = $('<i class="layui-icon layui-icon-'+ opts.value + (
opts.disabled ? (' '+ DISABLED) : '' opts.disabled ? (' '+ DISABLED) : ''
) +'"></i>'); ) +'"></i>');
elemAffix.append(elemIcon); elemAffix.append(elemIcon);
if(opts.split) elemAffix.addClass('layui-input-split');
// 移除旧的元素 // 移除旧的元素
var hasElemAffix = othis.next('.'+ CLASS_AFFIX); var hasElemAffix = othis.next('.'+ CLASS_AFFIX);
@ -242,8 +243,9 @@ layui.define(['layer', 'util'], function(exports){
elem.attr('type', isShow ? 'password' : 'text').data(SHOW_NAME, !isShow); elem.attr('type', isShow ? 'password' : 'text').data(SHOW_NAME, !isShow);
opts.value = isShow ? 'eye-invisible' : 'eye'; renderAffix({
renderAffix(); value: isShow ? 'eye-invisible' : 'eye'
});
} }
}, },
clear: { // 内容清除 clear: { // 内容清除
@ -627,16 +629,16 @@ layui.define(['layer', 'util'], function(exports){
// 勾选 // 勾选
reElem.on('click', function(){ reElem.on('click', function(){
var filter = check.attr('lay-filter') // 获取过滤器 var filter = check.attr('lay-filter') // 获取过滤器
,text = (check.attr('lay-text')||'').split('|'); var title = (check.attr('title')||'').split('|');
if(check[0].disabled) return; if(check[0].disabled) return;
check[0].checked ? ( check[0].checked ? (
check[0].checked = false check[0].checked = false
,reElem.removeClass(RE_CLASS[1]).find('em').text(text[1]) ,reElem.removeClass(RE_CLASS[1]).find('em').text(title[1])
) : ( ) : (
check[0].checked = true check[0].checked = true
,reElem.addClass(RE_CLASS[1]).find('em').text(text[0]) ,reElem.addClass(RE_CLASS[1]).find('em').text(title[0])
); );
layui.event.call(check[0], MOD_NAME, RE_CLASS[2]+'('+ filter +')', { layui.event.call(check[0], MOD_NAME, RE_CLASS[2]+'('+ filter +')', {
@ -648,9 +650,12 @@ layui.define(['layer', 'util'], function(exports){
} }
checks.each(function(index, check){ checks.each(function(index, check){
var othis = $(this), skin = othis.attr('lay-skin') var othis = $(this);
,text = (othis.attr('lay-text') || '').split('|'), disabled = this.disabled; var skin = othis.attr('lay-skin') || 'primary';
if(skin === 'switch') skin = '_'+skin; var title = (check.title.replace(/\s/g, '') || '').split('|');
var disabled = this.disabled;
if(skin === 'switch') skin = '_'+ skin;
var RE_CLASS = CLASS[skin] || CLASS.checkbox; var RE_CLASS = CLASS[skin] || CLASS.checkbox;
if(typeof othis.attr('lay-ignore') === 'string') return othis.show(); if(typeof othis.attr('lay-ignore') === 'string') return othis.show();
@ -664,16 +669,15 @@ layui.define(['layer', 'util'], function(exports){
,(skin ? ' lay-skin="'+ skin +'"' : '') // 风格 ,(skin ? ' lay-skin="'+ skin +'"' : '') // 风格
,'>' ,'>'
,function(){ // 不同风格的内容 ,function(){ // 不同风格的内容
var title = check.title.replace(/\s/g, '') var type = {
,type = {
// 复选框 // 复选框
checkbox: [ checkbox: [
(title ? ('<span>'+ util.escape(check.title) +'</span>') : '') (title[0] ? ('<span>'+ util.escape(title[0]) +'</span>') : '')
,'<i class="layui-icon layui-icon-ok"></i>' ,'<i class="layui-icon layui-icon-ok"></i>'
].join('') ].join('')
// 开关 // 开关
,_switch: '<em>'+ ((check.checked ? text[0] : text[1]) || '') +'</em><i></i>' ,_switch: '<em>'+ ((check.checked ? title[0] : title[1]) || '') +'</em><i></i>'
}; };
return type[skin] || type['checkbox']; return type[skin] || type['checkbox'];
}() }()