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

加强 colorpicker 组件的 elem 属性，可传入 class 选择器

pull/1104/head
贤心 2022-07-29 10:39:32 +08:00
parent d968cc12a0
commit 747a5b0491
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/modules/colorpicker.js
View File

@ -162,11 +162,22 @@ layui.define(['jquery', 'lay'], function(exports){
//初始颜色选择框 //初始颜色选择框
Class.prototype.render = function(){ Class.prototype.render = function(){
var that = this var that = this;
,options = that.config var options = that.config;
// 若 elem 非唯一，则拆分为多个实例
var elem = $(options.elem);
if(elem.length > 1){
layui.each(elem, function(){
colorpicker.render($.extend({}, options, {
elem: this
}));
});
return that;
}
//颜色选择框对象 //颜色选择框对象
,elemColorBox = $(['<div class="layui-unselect layui-colorpicker">' var elemColorBox = $(['<div class="layui-unselect layui-colorpicker">'
,'<span '+ (options.format == 'rgb' && options.alpha ,'<span '+ (options.format == 'rgb' && options.alpha
? 'class="layui-colorpicker-trigger-bgcolor"' ? 'class="layui-colorpicker-trigger-bgcolor"'
: '') +'>' : '') +'>'
@ -196,7 +207,7 @@ layui.define(['jquery', 'lay'], function(exports){
,'</div>'].join('')) ,'</div>'].join(''))
//初始化颜色选择框 //初始化颜色选择框
var othis = $(options.elem); var othis = options.elem = $(options.elem);
options.size && elemColorBox.addClass('layui-colorpicker-'+ options.size); //初始化颜色选择框尺寸 options.size && elemColorBox.addClass('layui-colorpicker-'+ options.size); //初始化颜色选择框尺寸
//插入颜色选择框 //插入颜色选择框