Browse Source

修复 colorpicker 在设置初始值时,面板中输入框未赋值的问题

pull/1229/head
贤心 2 years ago
parent
commit
f358962675
  1. 18
      src/modules/colorpicker.js

18
src/modules/colorpicker.js

@ -359,16 +359,13 @@ layui.define(['jquery', 'lay'], function(exports){
//同步滑块的位置及颜色选择器的选择 //同步滑块的位置及颜色选择器的选择
that.select(hsb.h, hsb.s, hsb.b); that.select(hsb.h, hsb.s, hsb.b);
//如果格式要求为rgb //格式要求为rgb
if(type === 'torgb'){ if(type === 'torgb'){
elemPickerInput.find('input').val(bgcolor); elemPickerInput.find('input').val(bgcolor);
} } else if(type === 'rgba'){ // 若格式要求为 rgba
//如果格式要求为rgba
if(type === 'rgba'){
var rgb = RGBSTo(bgcolor); var rgb = RGBSTo(bgcolor);
//如果开启透明度而没有设置,则给默认值 // 若开启透明度而没有设置,则给默认值
if((bgcolor.match(/[0-9]{1,3}/g) || []).length === 3){ if((bgcolor.match(/[0-9]{1,3}/g) || []).length === 3){
elemPickerInput.find('input').val('rgba('+ rgb.r +', '+ rgb.g +', '+ rgb.b +', 1)'); elemPickerInput.find('input').val('rgba('+ rgb.r +', '+ rgb.g +', '+ rgb.b +', 1)');
that.elemPicker.find('.'+ PICKER_ALPHA_SLIDER).css("left", 280); that.elemPicker.find('.'+ PICKER_ALPHA_SLIDER).css("left", 280);
@ -378,12 +375,13 @@ layui.define(['jquery', 'lay'], function(exports){
that.elemPicker.find('.'+ PICKER_ALPHA_SLIDER).css("left", left); that.elemPicker.find('.'+ PICKER_ALPHA_SLIDER).css("left", left);
} }
//设置span背景色 // 设置 span 背景色
that.elemPicker.find('.'+ PICKER_ALPHA_BG)[0].style.background = 'linear-gradient(to right, rgba('+ rgb.r +', '+ rgb.g +', '+ rgb.b +', 0), rgb('+ rgb.r +', '+ rgb.g +', '+ rgb.b +'))'; that.elemPicker.find('.'+ PICKER_ALPHA_BG)[0].style.background = 'linear-gradient(to right, rgba('+ rgb.r +', '+ rgb.g +', '+ rgb.b +', 0), rgb('+ rgb.r +', '+ rgb.g +', '+ rgb.b +'))';
} else {
elemPickerInput.find('input').val('#'+ HSBToHEX(hsb));
} }
} else {
}else{ // 若没有背景颜色则默认到最初始的状态
//如果没有背景颜色则默认到最初始的状态
that.select(0,100,100); that.select(0,100,100);
elemPickerInput.find('input').val(""); elemPickerInput.find('input').val("");
that.elemPicker.find('.'+ PICKER_ALPHA_BG)[0].style.background = ''; that.elemPicker.find('.'+ PICKER_ALPHA_BG)[0].style.background = '';

Loading…
Cancel
Save