You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
4.4 KiB
76 lines
4.4 KiB
2 years ago
|
/*! layer mobile-v2.0.0 Web 通用弹出层组件 MIT License */
|
||
|
|
;!function (e) {
|
||
|
|
"use strict";
|
||
|
|
var t = document, n = "querySelectorAll", i = "getElementsByClassName", a = function (e) {
|
||
|
|
return t[n](e)
|
||
|
|
}, s = {type: 0, shade: !0, shadeClose: !0, fixed: !0, anim: "scale"}, l = {
|
||
|
|
extend: function (e) {
|
||
|
|
var t = JSON.parse(JSON.stringify(s));
|
||
|
|
for (var n in e) t[n] = e[n];
|
||
|
|
return t
|
||
|
|
}, timer: {}, end: {}
|
||
|
|
};
|
||
|
|
l.touch = function (e, t) {
|
||
|
|
e.addEventListener("click", function (e) {
|
||
|
|
t.call(this, e)
|
||
|
|
}, !1)
|
||
|
|
};
|
||
|
|
var r = 0, o = ["layui-m-layer"], c = function (e) {
|
||
|
|
var t = this;
|
||
|
|
t.config = l.extend(e), t.view()
|
||
|
|
};
|
||
|
|
c.prototype.view = function () {
|
||
|
|
var e = this, n = e.config, s = t.createElement("div");
|
||
|
|
e.id = s.id = o[0] + r, s.setAttribute("class", o[0] + " " + o[0] + (n.type || 0)), s.setAttribute("index", r);
|
||
|
|
var l = function () {
|
||
|
|
var e = "object" == typeof n.title;
|
||
|
|
return n.title ? '<h3 style="' + (e ? n.title[1] : "") + '">' + (e ? n.title[0] : n.title) + "</h3>" : ""
|
||
|
|
}(), c = function () {
|
||
|
|
"string" == typeof n.btn && (n.btn = [n.btn]);
|
||
|
|
var e, t = (n.btn || []).length;
|
||
|
|
return 0 !== t && n.btn ? (e = '<span yes type="1">' + n.btn[0] + "</span>", 2 === t && (e = '<span no type="0">' + n.btn[1] + "</span>" + e), '<div class="layui-m-layerbtn">' + e + "</div>") : ""
|
||
|
|
}();
|
||
|
|
if (n.fixed || (n.top = n.hasOwnProperty("top") ? n.top : 100, n.style = n.style || "", n.style += " top:" + (t.body.scrollTop + n.top) + "px"), 2 === n.type && (n.content = '<i></i><i class="layui-m-layerload"></i><i></i><p>' + (n.content || "") + "</p>"), n.skin && (n.anim = "up"), "msg" === n.skin && (n.shade = !1), s.innerHTML = (n.shade ? "<div " + ("string" == typeof n.shade ? 'style="' + n.shade + '"' : "") + ' class="layui-m-layershade"></div>' : "") + '<div class="layui-m-layermain" ' + (n.fixed ? "" : 'style="position:static;"') + '><div class="layui-m-layersection"><div class="layui-m-layerchild ' + (n.skin ? "layui-m-layer-" + n.skin + " " : "") + (n.className ? n.className : "") + " " + (n.anim ? "layui-m-anim-" + n.anim : "") + '" ' + (n.style ? 'style="' + n.style + '"' : "") + ">" + l + '<div class="layui-m-layercont">' + n.content + "</div>" + c + "</div></div></div>", !n.type || 2 === n.type) {
|
||
|
|
var d = t[i](o[0] + n.type), y = d.length;
|
||
|
|
y >= 1 && layer.close(d[0].getAttribute("index"))
|
||
|
|
}
|
||
|
|
document.body.appendChild(s);
|
||
|
|
var u = e.elem = a("#" + e.id)[0];
|
||
|
|
n.success && n.success(u), e.index = r++, e.action(n, u)
|
||
|
|
}, c.prototype.action = function (e, t) {
|
||
|
|
var n = this;
|
||
|
|
e.time && (l.timer[n.index] = setTimeout(function () {
|
||
|
|
layer.close(n.index)
|
||
|
|
}, 1e3 * e.time));
|
||
|
|
var a = function () {
|
||
|
|
var t = this.getAttribute("type");
|
||
|
|
0 == t ? (e.no && e.no(), layer.close(n.index)) : e.yes ? e.yes(n.index) : layer.close(n.index)
|
||
|
|
};
|
||
|
|
if (e.btn) for (var s = t[i]("layui-m-layerbtn")[0].children, r = s.length, o = 0; o < r; o++) l.touch(s[o], a);
|
||
|
|
if (e.shade && e.shadeClose) {
|
||
|
|
var c = t[i]("layui-m-layershade")[0];
|
||
|
|
l.touch(c, function () {
|
||
|
|
layer.close(n.index, e.end)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
e.end && (l.end[n.index] = e.end)
|
||
|
|
}, e.layer = {
|
||
|
|
v: "2.0", index: r, open: function (e) {
|
||
|
|
var t = new c(e || {});
|
||
|
|
return t.index
|
||
|
|
}, close: function (e) {
|
||
|
|
var n = a("#" + o[0] + e)[0];
|
||
|
|
n && (n.innerHTML = "", t.body.removeChild(n), clearTimeout(l.timer[e]), delete l.timer[e], "function" == typeof l.end[e] && l.end[e](), delete l.end[e])
|
||
|
|
}, closeAll: function () {
|
||
|
|
for (var e = t[i](o[0]), n = 0, a = e.length; n < a; n++) layer.close(0 | e[0].getAttribute("index"))
|
||
|
|
}
|
||
|
|
}, "function" == typeof define ? define(function () {
|
||
|
|
return layer
|
||
|
|
}) : function () {
|
||
|
|
var e = document.scripts, n = e[e.length - 1], i = n.src, a = i.substring(0, i.lastIndexOf("/") + 1);
|
||
|
|
n.getAttribute("merge") || document.head.appendChild(function () {
|
||
|
|
var e = t.createElement("link");
|
||
|
|
return e.href = a + "need/layer.css?2.0", e.type = "text/css", e.rel = "styleSheet", e.id = "layermcss", e
|
||
|
|
}())
|
||
|
|
}()
|
||
|
|
}(window);
|