/** layui-v2.5.4 MIT License By https://www.layui.com */
|
layui.define("jquery", function (e) {
|
"use strict";
|
var i = layui.jquery,
|
t = {
|
config: {},
|
index: layui.slider ? layui.slider.index + 1e4 : 0,
|
set: function (e) {
|
var t = this;
|
return (t.config = i.extend({}, t.config, e)), t;
|
},
|
on: function (e, i) {
|
return layui.onevent.call(this, n, e, i);
|
},
|
},
|
a = function () {
|
var e = this,
|
i = e.config;
|
return {
|
setValue: function (i, t) {
|
return e.slide("set", i, t || 0);
|
},
|
config: i,
|
};
|
},
|
n = "slider",
|
l = "layui-disabled",
|
s = "layui-slider",
|
r = "layui-slider-bar",
|
o = "layui-slider-wrap",
|
u = "layui-slider-wrap-btn",
|
d = "layui-slider-tips",
|
v = "layui-slider-input",
|
c = "layui-slider-input-txt",
|
m = "layui-slider-input-btn",
|
p = "layui-slider-hover",
|
f = function (e) {
|
var a = this;
|
(a.index = ++t.index),
|
(a.config = i.extend({}, a.config, t.config, e)),
|
a.render();
|
};
|
(f.prototype.config = {
|
type: "default",
|
min: 0,
|
max: 100,
|
value: 0,
|
step: 1,
|
showstep: !1,
|
tips: !0,
|
input: !1,
|
range: !1,
|
height: 200,
|
disabled: !1,
|
theme: "#009688",
|
}),
|
(f.prototype.render = function () {
|
var e = this,
|
t = e.config;
|
if (
|
(t.step < 1 && (t.step = 1),
|
t.max < t.min && (t.max = t.min + t.step),
|
t.range)
|
) {
|
t.value = "object" == typeof t.value ? t.value : [t.min, t.value];
|
var a = Math.min(t.value[0], t.value[1]),
|
n = Math.max(t.value[0], t.value[1]);
|
(t.value[0] = a > t.min ? a : t.min),
|
(t.value[1] = n > t.min ? n : t.min),
|
(t.value[0] = t.value[0] > t.max ? t.max : t.value[0]),
|
(t.value[1] = t.value[1] > t.max ? t.max : t.value[1]);
|
var r = Math.floor(((t.value[0] - t.min) / (t.max - t.min)) * 100),
|
v = Math.floor(((t.value[1] - t.min) / (t.max - t.min)) * 100),
|
m = v - r + "%";
|
(r += "%"), (v += "%");
|
} else {
|
"object" == typeof t.value && (t.value = Math.min.apply(null, t.value)),
|
t.value < t.min && (t.value = t.min),
|
t.value > t.max && (t.value = t.max);
|
var m = Math.floor(((t.value - t.min) / (t.max - t.min)) * 100) + "%";
|
}
|
var p = t.disabled ? "#c2c2c2" : t.theme,
|
f =
|
'<div class="layui-slider ' +
|
("vertical" === t.type ? "layui-slider-vertical" : "") +
|
'">' +
|
(t.tips ? '<div class="layui-slider-tips"></div>' : "") +
|
'<div class="layui-slider-bar" style="background:' +
|
p +
|
"; " +
|
("vertical" === t.type ? "height" : "width") +
|
":" +
|
m +
|
";" +
|
("vertical" === t.type ? "bottom" : "left") +
|
":" +
|
(r || 0) +
|
';"></div><div class="layui-slider-wrap" style="' +
|
("vertical" === t.type ? "bottom" : "left") +
|
":" +
|
(r || m) +
|
';"><div class="layui-slider-wrap-btn" style="border: 2px solid ' +
|
p +
|
';"></div></div>' +
|
(t.range
|
? '<div class="layui-slider-wrap" style="' +
|
("vertical" === t.type ? "bottom" : "left") +
|
":" +
|
v +
|
';"><div class="layui-slider-wrap-btn" style="border: 2px solid ' +
|
p +
|
';"></div></div>'
|
: "") +
|
"</div>",
|
h = i(t.elem),
|
y = h.next("." + s);
|
if (
|
(y[0] && y.remove(),
|
(e.elemTemp = i(f)),
|
t.range
|
? (e.elemTemp
|
.find("." + o)
|
.eq(0)
|
.data("value", t.value[0]),
|
e.elemTemp
|
.find("." + o)
|
.eq(1)
|
.data("value", t.value[1]))
|
: e.elemTemp.find("." + o).data("value", t.value),
|
h.html(e.elemTemp),
|
"vertical" === t.type && e.elemTemp.height(t.height + "px"),
|
t.showstep)
|
) {
|
for (var g = (t.max - t.min) / t.step, b = "", x = 1; x < g + 1; x++) {
|
var T = (100 * x) / g;
|
T < 100 &&
|
(b +=
|
'<div class="layui-slider-step" style="' +
|
("vertical" === t.type ? "bottom" : "left") +
|
":" +
|
T +
|
'%"></div>');
|
}
|
e.elemTemp.append(b);
|
}
|
if (t.input && !t.range) {
|
var w = i(
|
'<div class="layui-slider-input layui-input"><div class="layui-slider-input-txt"><input type="text" class="layui-input"></div><div class="layui-slider-input-btn"><i class="layui-icon layui-icon-up"></i><i class="layui-icon layui-icon-down"></i></div></div>'
|
);
|
h.css("position", "relative"),
|
h.append(w),
|
h
|
.find("." + c)
|
.children("input")
|
.val(t.value),
|
"vertical" === t.type
|
? w.css({ left: 0, top: -48 })
|
: e.elemTemp.css("margin-right", w.outerWidth() + 15);
|
}
|
t.disabled
|
? (e.elemTemp.addClass(l), e.elemTemp.find("." + u).addClass(l))
|
: e.slide(),
|
e.elemTemp
|
.find("." + u)
|
.on("mouseover", function () {
|
var a =
|
"vertical" === t.type ? t.height : e.elemTemp[0].offsetWidth,
|
n = e.elemTemp.find("." + o),
|
l =
|
"vertical" === t.type
|
? a - i(this).parent()[0].offsetTop - n.height()
|
: i(this).parent()[0].offsetLeft,
|
s = (l / a) * 100,
|
r = i(this).parent().data("value"),
|
u = t.setTips ? t.setTips(r) : r;
|
e.elemTemp.find("." + d).html(u),
|
"vertical" === t.type
|
? e.elemTemp
|
.find("." + d)
|
.css({
|
bottom: s + "%",
|
"margin-bottom": "20px",
|
display: "inline-block",
|
})
|
: e.elemTemp
|
.find("." + d)
|
.css({ left: s + "%", display: "inline-block" });
|
})
|
.on("mouseout", function () {
|
e.elemTemp.find("." + d).css("display", "none");
|
});
|
}),
|
(f.prototype.slide = function (e, t, a) {
|
var n = this,
|
l = n.config,
|
s = n.elemTemp,
|
f = function () {
|
return "vertical" === l.type ? l.height : s[0].offsetWidth;
|
},
|
h = s.find("." + o),
|
y = s.next("." + v),
|
g = y
|
.children("." + c)
|
.children("input")
|
.val(),
|
b = 100 / ((l.max - l.min) / Math.ceil(l.step)),
|
x = function (e, i) {
|
(e = Math.ceil(e) * b > 100 ? Math.ceil(e) * b : Math.round(e) * b),
|
(e = e > 100 ? 100 : e),
|
h.eq(i).css("vertical" === l.type ? "bottom" : "left", e + "%");
|
var t = T(h[0].offsetLeft),
|
a = l.range ? T(h[1].offsetLeft) : 0;
|
"vertical" === l.type
|
? (s
|
.find("." + d)
|
.css({ bottom: e + "%", "margin-bottom": "20px" }),
|
(t = T(f() - h[0].offsetTop - h.height())),
|
(a = l.range ? T(f() - h[1].offsetTop - h.height()) : 0))
|
: s.find("." + d).css("left", e + "%"),
|
(t = t > 100 ? 100 : t),
|
(a = a > 100 ? 100 : a);
|
var n = Math.min(t, a),
|
o = Math.abs(t - a);
|
"vertical" === l.type
|
? s.find("." + r).css({ height: o + "%", bottom: n + "%" })
|
: s.find("." + r).css({ width: o + "%", left: n + "%" });
|
var u = l.min + Math.round(((l.max - l.min) * e) / 100);
|
if (
|
((g = u),
|
y
|
.children("." + c)
|
.children("input")
|
.val(g),
|
h.eq(i).data("value", u),
|
(u = l.setTips ? l.setTips(u) : u),
|
s.find("." + d).html(u),
|
l.range)
|
) {
|
var v = [h.eq(0).data("value"), h.eq(1).data("value")];
|
v[0] > v[1] && v.reverse();
|
}
|
l.change && l.change(l.range ? v : u);
|
},
|
T = function (e) {
|
var i = ((e / f()) * 100) / b,
|
t = Math.round(i) * b;
|
return e == f() && (t = Math.ceil(i) * b), t;
|
},
|
w = i(
|
[
|
'<div class="layui-auxiliar-moving" id="LAY-slider-moving"></div',
|
].join("")
|
),
|
M = function (e, t) {
|
var a = function () {
|
t && t(), w.remove();
|
};
|
i("#LAY-slider-moving")[0] || i("body").append(w),
|
w.on("mousemove", e),
|
w.on("mouseup", a).on("mouseleave", a);
|
};
|
if ("set" === e) return x(t, a);
|
s.find("." + u).each(function (e) {
|
var t = i(this);
|
t.on("mousedown", function (i) {
|
i = i || window.event;
|
var a = t.parent()[0].offsetLeft,
|
n = i.clientX;
|
"vertical" === l.type &&
|
((a = f() - t.parent()[0].offsetTop - h.height()), (n = i.clientY));
|
var r = function (i) {
|
i = i || window.event;
|
var r =
|
a + ("vertical" === l.type ? n - i.clientY : i.clientX - n);
|
r < 0 && (r = 0), r > f() && (r = f());
|
var o = ((r / f()) * 100) / b;
|
x(o, e),
|
t.addClass(p),
|
s.find("." + d).show(),
|
i.preventDefault();
|
},
|
o = function () {
|
t.removeClass(p), s.find("." + d).hide();
|
};
|
M(r, o);
|
});
|
}),
|
s.on("click", function (e) {
|
var t = i("." + u);
|
if (
|
!t.is(event.target) &&
|
0 === t.has(event.target).length &&
|
t.length
|
) {
|
var a,
|
n =
|
"vertical" === l.type
|
? f() - e.clientY + i(this).offset().top
|
: e.clientX - i(this).offset().left;
|
n < 0 && (n = 0), n > f() && (n = f());
|
var s = ((n / f()) * 100) / b;
|
(a = l.range
|
? "vertical" === l.type
|
? Math.abs(n - parseInt(i(h[0]).css("bottom"))) >
|
Math.abs(n - parseInt(i(h[1]).css("bottom")))
|
? 1
|
: 0
|
: Math.abs(n - h[0].offsetLeft) > Math.abs(n - h[1].offsetLeft)
|
? 1
|
: 0
|
: 0),
|
x(s, a),
|
e.preventDefault();
|
}
|
}),
|
y.hover(
|
function () {
|
var e = i(this);
|
e.children("." + m).fadeIn("fast");
|
},
|
function () {
|
var e = i(this);
|
e.children("." + m).fadeOut("fast");
|
}
|
),
|
y
|
.children("." + m)
|
.children("i")
|
.each(function (e) {
|
i(this).on("click", function () {
|
g =
|
1 == e
|
? g - l.step < l.min
|
? l.min
|
: Number(g) - l.step
|
: Number(g) + l.step > l.max
|
? l.max
|
: Number(g) + l.step;
|
var i = (((g - l.min) / (l.max - l.min)) * 100) / b;
|
x(i, 0);
|
});
|
});
|
var q = function () {
|
var e = this.value;
|
(e = isNaN(e) ? 0 : e),
|
(e = e < l.min ? l.min : e),
|
(e = e > l.max ? l.max : e),
|
(this.value = e);
|
var i = (((e - l.min) / (l.max - l.min)) * 100) / b;
|
x(i, 0);
|
};
|
y.children("." + c)
|
.children("input")
|
.on("keydown", function (e) {
|
13 === e.keyCode && (e.preventDefault(), q.call(this));
|
})
|
.on("change", q);
|
}),
|
(f.prototype.events = function () {
|
var e = this;
|
e.config;
|
}),
|
(t.render = function (e) {
|
var i = new f(e);
|
return a.call(i);
|
}),
|
e(n, t);
|
});
|
