/** 下拉菜单模块 date:2020-05-04 License By http://easyweb.vip */
|
layui.define(["jquery"], function (f) {
|
var h = layui.jquery;
|
var i = "dropdown-open";
|
var e = "dropdown-disabled";
|
var b = "dropdown-no-scroll";
|
var c = "dropdown-menu-shade";
|
var n = "dropdown-menu";
|
var m = "dropdown-menu-nav";
|
var j = "dropdown-hover";
|
var d = "fixed";
|
var g = "no-shade";
|
var k = "layui-anim layui-anim-upbit";
|
var a = "layui-anim layui-anim-fadein";
|
var l = ["bottom-left", "bottom-right", "bottom-center", "top-left", "top-right", "top-center", "left-top", "left-bottom", "left-center", "right-top", "right-bottom", "right-center"];
|
if (h("#ew-css-dropdown").length <= 0) {
|
layui.link(layui.cache.base + "coredropdown.css")
|
}
|
var o = {
|
init: function () {
|
h(document).off("click.dropdown").on("click.dropdown", "." + n + ">*:first-child", function (t) {
|
var u = h(this).parent(); if (!u.hasClass(j)) { if (u.hasClass(i)) { u.removeClass(i) } else { o.hideAll(); o.show(h(this).parent().find("." + m)) } } t.stopPropagation()
|
});
|
h(document).off("click.dropHide").on("click.dropHide", function (t) { o.hideAll() }); h(document).off("click.dropNav").on("click.dropNav", "." + m, function (t) { t.stopPropagation() });
|
var s, p, q = "." + n + "." + j;
|
h(document).off("mouseenter.dropdown").on("mouseenter.dropdown", q, function (t) {
|
if (p && p == t.currentTarget) { clearTimeout(s) } o.show(h(this).find("." + m))
|
});
|
h(document).off("mouseleave.dropdown").on("mouseleave.dropdown", q, function (t) {
|
p = t.currentTarget; s = setTimeout(function () { h(t.currentTarget).removeClass(i) }, 300)
|
});
|
h(document).off("click.dropStand").on("click.dropStand", "[data-dropdown]", function (t) {
|
o.showFixed(h(this)); t.stopPropagation()
|
});
|
var r = "." + m + " li";
|
h(document).off("mouseenter.dropdownNav").on("mouseenter.dropdownNav", r, function (t) {
|
h(this).children(".dropdown-menu-nav-child").addClass(k); h(this).addClass("active")
|
});
|
h(document).off("mouseleave.dropdownNav").on("mouseleave.dropdownNav", r, function (t) {
|
h(this).removeClass("active"); h(this).find("li.active").removeClass("active")
|
});
|
h(document).off("click.popconfirm").on("click.popconfirm", ".dropdown-menu-nav [btn-cancel]", function (t) {
|
o.hideAll(); t.stopPropagation()
|
})
|
}, openClickNavClose: function () {
|
h(document).off("click.dropNavA").on("click.dropNavA", "." + m + ">li>a", function (p) {
|
o.hideAll(); h(this).parentsUntil("." + n).last().parent().removeClass(i); p.stopPropagation()
|
})
|
}, hideAll: function () {
|
h("." + n).removeClass(i);
|
h("." + m + "." + d).addClass("layui-hide");
|
h("." + c).remove();
|
//h("body").removeClass(b);
|
h("#LAY_app_body").removeClass(b);
|
h(".dropdown-fix-parent").removeClass("dropdown-fix-parent");
|
h("[data-dropdown]").removeClass(i)
|
}, show: function (r) {
|
if (r && r.length > 0 && !r.hasClass(e)) {
|
if (r.hasClass("dropdown-popconfirm")) {
|
r.removeClass(k);
|
r.addClass(a)
|
} else {
|
r.removeClass(a); r.addClass(k)
|
}
|
var p; for (var q = 0; q < l.length; q++) {
|
if (r.hasClass("dropdown-" + l[q])) { p = l[q]; break }
|
} if (!p) {
|
r.addClass("dropdown-" + l[0]); p = l[0]
|
} o.forCenter(r, p); r.parent("." + n).addClass(i); return p
|
} return false
|
}, showFixed: function (q) {
|
var t = h(q.data("dropdown")), p;
|
if (!t.hasClass("layui-hide")) {
|
o.hideAll(); return
|
}
|
o.hideAll();
|
p = o.show(t);
|
if (p) {
|
t.addClass(d);
|
t.removeClass("layui-hide");
|
var s = o.getTopLeft(q, t, p);
|
s = o.checkPosition(t, q, p, s);
|
t.css(s);
|
//h("body").addClass(b);
|
h("#LAY_app_body").addClass(b);
|
var r = (q.attr("no-shade") == "true");
|
//h("body").append('<div class="' + (r ? (c + " " + g) : c) + ' layui-anim layui-anim-fadein"></div>');
|
h("#LAY_app_body").append('<div class="' + (r ? (c + " " + g) : c) + ' layui-anim layui-anim-fadein"></div>');
|
//q.parentsUntil("body").each(function () {
|
q.parentsUntil("#LAY_app_body").each(function () {
|
var u = h(this).css("z-index");
|
if (/[0-9]+/.test(u)) { h(this).addClass("dropdown-fix-parent") }
|
});
|
q.addClass(i)
|
}
|
}, forCenter: function (p, u) {
|
if (!p.hasClass(d)) { var t = p.parent().outerWidth(), q = p.parent().outerHeight(); var s = p.outerWidth(), v = p.outerHeight(); var w = u.split("-"), r = w[0], x = w[1]; if ((r == "top" || r == "bottom") && x == "center") { p.css("left", (t - s) / 2) } if ((r == "left" || r == "right") && x == "center") { p.css("top", (q - v) / 2) } }
|
}, getTopLeft: function (B, A, y) {
|
var w = B.outerWidth(); var u = B.outerHeight(); var p = A.outerWidth(); var x = A.outerHeight(); var z = B.offset().top - h(document).scrollTop(); var t = B.offset().left; var D = t + w; var C = 0, s = 0; var v = y.split("-"); var r = v[0]; var q = v[1]; if (r == "top" || r == "bottom") { x += 8; switch (q) { case "left": s = t; break; case "center": s = t - p / 2 + w / 2; break; case "right": s = D - p } } if (r == "left" || r == "right") { p += 8; switch (q) { case "top": C = z + u - x; break; case "center": C = z - x / 2 + u / 2; break; case "bottom": C = z } } switch (r) { case "top": C = z - x; break; case "right": s = t + w; break; case "bottom": C = z + u; break; case "left": s = t - p }return { top: C, left: s, right: "auto", bottom: "auto" }
|
}, checkPosition: function (t, q, p, r) {
|
var s = p.split("-"); if ("bottom" == s[0]) { if ((r.top + t.outerHeight()) > o.getPageHeight()) { r = o.getTopLeft(q, t, "top-" + s[1]); t.removeClass("dropdown-" + p); t.addClass("dropdown-top-" + s[1]) } } else { if ("top" == s[0]) { if (r.top < 0) { r = o.getTopLeft(q, t, "bottom-" + s[1]); t.removeClass("dropdown-" + p); t.addClass("dropdown-bottom-" + s[1]) } } } return r
|
}, getPageHeight: function () {
|
return document.documentElement.clientHeight || document.body.clientHeight
|
}, getPageWidth: function () {
|
return document.documentElement.clientWidth || document.body.clientWidth
|
}
|
}; o.init(); f("coredropdown", o)
|
});
|
