",
(function () {
if (o.predefine) {
var e = ['
"),
e.join("")
);
}
return "";
})(),
'
',
'
',
'',
"
",
'
',
'',
'',
"",
"
",
].join("")
));
e.elemColorBox.find("." + f)[0];
i(c)[0] && i(c).data("index") == e.index
? e.removePicker(D.thisElemInd)
: (e.removePicker(D.thisElemInd), i("body").append(t)),
(D.thisElemInd = e.index),
(D.thisColor = r.style.background),
e.position(),
e.pickerEvents();
}),
(D.prototype.removePicker = function (e) {
var o = this;
o.config;
return i("#layui-colorpicker" + (e || o.index)).remove(), o;
}),
(D.prototype.position = function () {
var e = this,
i = e.config,
o = e.bindElem || e.elemColorBox[0],
r = e.elemPicker[0],
t = o.getBoundingClientRect(),
n = r.offsetWidth,
l = r.offsetHeight,
c = function (e) {
return (
(e = e ? "scrollLeft" : "scrollTop"),
document.body[e] | document.documentElement[e]
);
},
a = function (e) {
return document.documentElement[e ? "clientWidth" : "clientHeight"];
},
s = 5,
f = t.left,
d = t.bottom;
(f -= (n - o.offsetWidth) / 2),
(d += s),
f + n + s > a("width") ? (f = a("width") - n - s) : f < s && (f = s),
d + l + s > a() &&
((d = t.top > l ? t.top - l : a() - l), (d -= 2 * s)),
i.position && (r.style.position = i.position),
(r.style.left = f + ("fixed" === i.position ? 0 : c(1)) + "px"),
(r.style.top = d + ("fixed" === i.position ? 0 : c()) + "px");
}),
(D.prototype.val = function () {
var e = this,
i = (e.config, e.elemColorBox.find("." + f)),
o = e.elemPicker.find("." + b),
r = i[0],
t = r.style.backgroundColor;
if (t) {
var n = k(P(t)),
l = i.attr("lay-type");
if (
(e.select(n.h, n.s, n.b),
"torgb" === l && o.find("input").val(t),
"rgba" === l)
) {
var c = P(t);
if (3 == (t.match(/[0-9]{1,3}/g) || []).length)
o
.find("input")
.val("rgba(" + c.r + ", " + c.g + ", " + c.b + ", 1)"),
e.elemPicker.find("." + h).css("left", 280);
else {
o.find("input").val(t);
var a = 280 * t.slice(t.lastIndexOf(",") + 1, t.length - 1);
e.elemPicker.find("." + h).css("left", a);
}
e.elemPicker.find("." + v)[0].style.background =
"linear-gradient(to right, rgba(" +
c.r +
", " +
c.g +
", " +
c.b +
", 0), rgb(" +
c.r +
", " +
c.g +
", " +
c.b +
"))";
}
} else
e.select(0, 100, 100),
o.find("input").val(""),
(e.elemPicker.find("." + v)[0].style.background = ""),
e.elemPicker.find("." + h).css("left", 280);
}),
(D.prototype.side = function () {
var e = this,
o = e.config,
r = e.elemColorBox.find("." + f),
t = r.attr("lay-type"),
n = e.elemPicker.find("." + u),
l = e.elemPicker.find("." + p),
c = e.elemPicker.find("." + g),
y = e.elemPicker.find("." + m),
C = e.elemPicker.find("." + v),
w = e.elemPicker.find("." + h),
D = (l[0].offsetTop / 180) * 360,
E = 100 - ((y[0].offsetTop + 3) / 180) * 100,
H = ((y[0].offsetLeft + 3) / 260) * 100,
W = Math.round((w[0].offsetLeft / 280) * 100) / 100,
j = e.elemColorBox.find("." + d),
F = e.elemPicker.find(".layui-colorpicker-pre").children("div"),
L = function (i, n, l, c) {
e.select(i, n, l);
var f = x({ h: i, s: n, b: l });
if (
(j.addClass(a).removeClass(s),
(r[0].style.background =
"rgb(" + f.r + ", " + f.g + ", " + f.b + ")"),
"torgb" === t &&
e.elemPicker
.find("." + b)
.find("input")
.val("rgb(" + f.r + ", " + f.g + ", " + f.b + ")"),
"rgba" === t)
) {
var d = 0;
(d = 280 * c),
w.css("left", d),
e.elemPicker
.find("." + b)
.find("input")
.val("rgba(" + f.r + ", " + f.g + ", " + f.b + ", " + c + ")"),
(r[0].style.background =
"rgba(" + f.r + ", " + f.g + ", " + f.b + ", " + c + ")"),
(C[0].style.background =
"linear-gradient(to right, rgba(" +
f.r +
", " +
f.g +
", " +
f.b +
", 0), rgb(" +
f.r +
", " +
f.g +
", " +
f.b +
"))");
}
o.change &&
o.change(
e.elemPicker
.find("." + b)
.find("input")
.val()
);
},
M = i(
[
'
t && (r = t);
var l = (r / 180) * 360;
(D = l), L(l, H, E, W), e.preventDefault();
};
Y(r), e.preventDefault();
}),
n.on("click", function (e) {
// 滚动条单击时的事件
var p = sessionStorage.getItem('scrollTop')
var o = e.clientY - i(this).offset().top + parseInt(p);
o < 0 && (o = 0), o > this.offsetHeight && (o = this.offsetHeight);
var r = (o / 180) * 360;
(D = r), L(r, H, E, W), e.preventDefault();
}),
y.on("mousedown", function (e) {
var i = this.offsetTop,
o = this.offsetLeft,
r = e.clientY,
t = e.clientX,
n = function (e) {
var n = i + (e.clientY - r),
l = o + (e.clientX - t),
a = c[0].offsetHeight - 3,
s = c[0].offsetWidth - 3;
n < -3 && (n = -3),
n > a && (n = a),
l < -3 && (l = -3),
l > s && (l = s);
var f = ((l + 3) / 260) * 100,
d = 100 - ((n + 3) / 180) * 100;
(E = d), (H = f), L(D, f, d, W), e.preventDefault();
};
layui.stope(e), Y(n), e.preventDefault();
}),
c.on("mousedown", function (e) {
var o = e.clientY - i(this).offset().top - 3 + B.scrollTop(),
r = e.clientX - i(this).offset().left - 3 + B.scrollLeft();
o < -3 && (o = -3),
o > this.offsetHeight - 3 && (o = this.offsetHeight - 3),
r < -3 && (r = -3),
r > this.offsetWidth - 3 && (r = this.offsetWidth - 3);
var t = ((r + 3) / 260) * 100,
n = 100 - ((o + 3) / 180) * 100;
(E = n),
(H = t),
L(D, t, n, W),
e.preventDefault(),
y.trigger(e, "mousedown");
}),
w.on("mousedown", function (e) {
var i = this.offsetLeft,
o = e.clientX,
r = function (e) {
var r = i + (e.clientX - o),
t = C[0].offsetWidth;
r < 0 && (r = 0), r > t && (r = t);
var n = Math.round((r / 280) * 100) / 100;
(W = n), L(D, H, E, n), e.preventDefault();
};
Y(r), e.preventDefault();
}),
C.on("click", function (e) {
var o = e.clientX - i(this).offset().left;
o < 0 && (o = 0), o > this.offsetWidth && (o = this.offsetWidth);
var r = Math.round((o / 280) * 100) / 100;
(W = r), L(D, H, E, r), e.preventDefault();
}),
F.each(function () {
i(this).on("click", function () {
i(this)
.parent(".layui-colorpicker-pre")
.addClass("selected")
.siblings()
.removeClass("selected");
var e,
o = this.style.backgroundColor,
r = k(P(o)),
t = o.slice(o.lastIndexOf(",") + 1, o.length - 1);
(D = r.h),
(H = r.s),
(E = r.b),
3 == (o.match(/[0-9]{1,3}/g) || []).length && (t = 1),
(W = t),
(e = 280 * t),
L(r.h, r.s, r.b, t);
});
});
}),
(D.prototype.select = function (e, i, o, r) {
var t = this,
n = (t.config, C({ h: e, s: 100, b: 100 })),
l = C({ h: e, s: i, b: o }),
c = (e / 360) * 180,
a = 180 - (o / 100) * 180 - 3,
s = (i / 100) * 260 - 3;
t.elemPicker.find("." + p).css("top", c),
(t.elemPicker.find("." + g)[0].style.background = "#" + n),
t.elemPicker.find("." + m).css({ top: a, left: s }),
"change" !== r &&
t.elemPicker
.find("." + b)
.find("input")
.val("#" + l);
}),
(D.prototype.pickerEvents = function () {
var e = this,
o = e.config,
r = e.elemColorBox.find("." + f),
t = e.elemPicker.find("." + b + " input"),
n = {
clear: function (i) {
(r[0].style.background = ""),
e.elemColorBox
.find("." + d)
.removeClass(a)
.addClass(s),
(e.color = ""),
o.done && o.done(""),
e.removePicker();
},
confirm: function (i, n) {
var l = t.val(),
c = l,
f = {};
if (l.indexOf(",") > -1) {
if (
((f = k(P(l))),
e.select(f.h, f.s, f.b),
(r[0].style.background = c = "#" + C(f)),
(l.match(/[0-9]{1,3}/g) || []).length > 3 &&
"rgba" === r.attr("lay-type"))
) {
var u = 280 * l.slice(l.lastIndexOf(",") + 1, l.length - 1);
e.elemPicker.find("." + h).css("left", u),
(r[0].style.background = l),
(c = l);
}
} else
(f = y(l)),
(r[0].style.background = c = "#" + C(f)),
e.elemColorBox
.find("." + d)
.removeClass(s)
.addClass(a);
return "change" === n
? (e.select(f.h, f.s, f.b, n), void (o.change && o.change(c)))
: ((e.color = l), o.done && o.done(l), void e.removePicker());
},
};
e.elemPicker.on("click", "*[colorpicker-events]", function () {
var e = i(this),
o = e.attr("colorpicker-events");
n[o] && n[o].call(this, e);
}),
t.on("keyup", function (e) {
var o = i(this);
n.confirm.call(this, o, 13 === e.keyCode ? null : "change");
});
}),
(D.prototype.events = function () {
var e = this,
o = e.config,
r = e.elemColorBox.find("." + f);
e.elemColorBox.on("click", function () {
e.renderPicker(), i(c)[0] && (e.val(), e.side());
}),
o.elem[0] &&
!e.elemColorBox[0].eventHandler &&
(w.on("click", function (o) {
if (
!i(o.target).hasClass(l) &&
!i(o.target).parents("." + l)[0] &&
!i(o.target).hasClass(c.replace(/\./g, "")) &&
!i(o.target).parents(c)[0] &&
e.elemPicker
) {
if (e.color) {
var t = k(P(e.color));
e.select(t.h, t.s, t.b);
} else
e.elemColorBox
.find("." + d)
.removeClass(a)
.addClass(s);
(r[0].style.background = e.color || ""), e.removePicker();
}
}),
B.on("resize", function () {
return !(!e.elemPicker || !i(c)[0]) && void e.position();
}),
(e.elemColorBox[0].eventHandler = !0));
}),
(o.render = function (e) {
var i = new D(e);
return r.call(i);
}),
e(t, o);
});