/*! * layer - 通用 Web 弹出层组件 * MIT Licensed * v3.5.1 */ !(function (window, undefined) { "use strict"; var isLayui = window.layui && layui.define, $, win, ready = { getPath: (function () { var jsPath = document.currentScript ? document.currentScript.src : (function () { var js = document.scripts, last = js.length - 1, src; for (var i = last; i > 0; i--) { if (js[i].readyState === "interactive") { src = js[i].src; break; } } return src || js[last].src; })(), GLOBAL = window.LAYUI_GLOBAL || {}; return GLOBAL.layer_dir || jsPath.substring(0, jsPath.lastIndexOf("/") + 1); })(), config: {}, end: {}, beforeEnd: {}, minIndex: 0, minLeft: [], btn: ["确定", "取消"], //五种原始层模式 type: ["dialog", "page", "iframe", "loading", "tips"], //获取节点的style属性值 getStyle: function (node, name) { var style = node.currentStyle ? node.currentStyle : window.getComputedStyle(node, null); return style[style.getPropertyValue ? "getPropertyValue" : "getAttribute"](name); }, //载入 CSS 依赖 link: function (href, fn, cssname) { return; //未设置路径,则不主动加载css if (!layer.path) { return; } var head = document.getElementsByTagName("head")[0], link = document.createElement("link"); if (typeof fn === "string") { cssname = fn; } var app = (cssname || href).replace(/\.|\//g, ""); var id = "layuicss-" + app, STAUTS_NAME = "creating", timeout = 0; link.rel = "stylesheet"; link.href = layer.path + href; link.id = id; if (!document.getElementById(id)) { head.appendChild(link); } if (typeof fn !== "function") { return; } //轮询 css 是否加载完毕 (function poll(status) { var delay = 100, getLinkElem = document.getElementById(id); //获取动态插入的 link 元素 //如果轮询超过指定秒数,则视为请求文件失败或 css 文件不符合规范 if (++timeout > (10 * 1000) / delay) { return window.console && console.error(app + ".css: Invalid"); } //css 加载就绪 if (parseInt(ready.getStyle(getLinkElem, "width")) === 1989) { //如果参数来自于初始轮询(即未加载就绪时的),则移除 link 标签状态 if (status === STAUTS_NAME) { getLinkElem.removeAttribute("lay-status"); } //如果 link 标签的状态仍为「创建中」,则继续进入轮询,直到状态改变,则执行回调 getLinkElem.getAttribute("lay-status") === STAUTS_NAME ? setTimeout(poll, delay) : fn(); } else { getLinkElem.setAttribute("lay-status", STAUTS_NAME); setTimeout(function () { poll(STAUTS_NAME); }, delay); } //parseInt(ready.getStyle(document.getElementById(id), 'width')) === 1989 ? fn() : setTimeout(poll, 1000); })(); }, }; var admuiIframe = null; //默认内置方法。 var layer = { v: "3.5.1", ie: (function () { //ie版本 var agent = navigator.userAgent.toLowerCase(); return !!window.ActiveXObject || "ActiveXObject" in window ? (agent.match(/msie\s(\d+)/) || [])[1] || "11" //由于ie11并没有msie的标识 : false; })(), index: window.layer && window.layer.v ? 100000 : 0, path: ready.getPath, config: function (options, fn) { options = options || {}; layer.cache = ready.config = $.extend({}, ready.config, options); layer.path = ready.config.path || layer.path; typeof options.extend === "string" && (options.extend = [options.extend]); //如果设置了路径,则加载样式 if (ready.config.path) { layer.ready(); } if (!options.extend) { return this; } isLayui ? layui.addcss("modules/layer/" + options.extend) : ready.link("theme/" + options.extend); return this; }, //主体CSS等待事件 ready: function (callback) { // var cssname = 'layer', ver = '' // , path = (isLayui ? 'modules/layer/' : 'theme/') + 'default/layer.css?v=' + layer.v + ver; // isLayui ? layui.addcss(path, callback, cssname) : ready.link(path, callback, cssname); // return this; }, //各种快捷引用 alert: function (content, options, yes) { var type = typeof options === "function"; if (type) { yes = options; } return layer.open( $.extend( { content: content, yes: yes, }, type ? {} : options ) ); }, confirm: function (content, options, yes, cancel) { var type = typeof options === "function"; if (type) { cancel = yes; yes = options; } return layer.open( $.extend( { content: content, btn: ready.btn, yes: yes, btn2: cancel, }, type ? {} : options ) ); }, msg: function (content, options, end) { //最常用提示层 var type = typeof options === "function", rskin = ready.config.skin; var skin = (rskin ? rskin + " " + rskin + "-msg" : "") || "layui-layer-msg"; var anim = doms.anim.length - 1; if (type) { end = options; } return layer.open( $.extend( { content: content, time: 3000, shade: false, skin: skin, title: false, closeBtn: false, btn: false, resize: false, end: end, }, type && !ready.config.skin ? { skin: skin + " layui-layer-hui", anim: anim, } : (function () { options = options || {}; if (options.icon === -1 || (options.icon === undefined && !ready.config.skin)) { options.skin = skin + " " + (options.skin || "layui-layer-hui"); } return options; })() ) ); }, load: function (icon, options) { return layer.open( $.extend( { type: 3, icon: icon || 0, resize: false, shade: 0.01, }, options ) ); }, tips: function (content, follow, options) { return layer.open( $.extend( { type: 4, content: [content, follow], closeBtn: false, time: 3000, shade: false, resize: false, fixed: false, maxWidth: 210, }, options ) ); }, }; var Class = function (setings) { var that = this, creat = function () { that.creat(); }; that.index = ++layer.index; that.config.maxWidth = $(win).width() - 15 * 2; //初始最大宽度:当前屏幕宽,左右留 15px 边距 that.config = $.extend({}, that.config, ready.config, setings); document.body ? creat() : setTimeout(function () { creat(); }, 30); }; Class.pt = Class.prototype; //缓存常用字符 var doms = [ "layui-layer", ".layui-layer-title", ".layui-layer-main", ".layui-layer-dialog", "layui-layer-iframe", "layui-layer-content", "layui-layer-btn", "layui-layer-close", ]; doms.anim = ["layer-anim-00", "layer-anim-01", "layer-anim-02", "layer-anim-03", "layer-anim-04", "layer-anim-05", "layer-anim-06"]; doms.SHADE = "layui-layer-shade"; doms.MOVE = "layui-layer-move"; //默认配置 Class.pt.config = { type: 0, shade: 0.3, fixed: true, move: doms[1], title: "信息", offset: "auto", area: "auto", closeBtn: 1, time: 0, //0表示不自动关闭 zIndex: 19891014, maxWidth: 360, anim: 0, isOutAnim: true, //退出动画 minStack: true, //最小化堆叠 icon: -1, moveType: 1, resize: true, scrollbar: true, //是否允许浏览器滚动条 tips: 2, }; //容器 Class.pt.vessel = function (conType, callback) { var that = this, times = that.index, config = that.config; var zIndex = config.zIndex + times, titype = typeof config.title === "object"; var ismax = config.maxmin && (config.type === 1 || config.type === 2); var titleHTML = config.title ? '
' + (titype ? config.title[0] : config.title) + "
" : ""; config.zIndex = zIndex; callback( [ //遮罩 config.shade ? '
' : "", //主体 '
' + (conType && config.type != 2 ? "" : titleHTML) + '
' + (config.type == 0 && config.icon !== -1 ? '' : "") + (config.type == 1 && conType ? "" : config.content || "") + "
" + '' + (function () { var closebtn = ismax ? '' : ""; config.closeBtn && (closebtn += ''); return closebtn; })() + "" + (config.btn ? (function () { var button = ""; typeof config.btn === "string" && (config.btn = [config.btn]); for (var i = 0, len = config.btn.length; i < len; i++) { button += '' + config.btn[i] + ""; } return '
' + button + "
"; })() : "") + (config.resize ? '' : "") + "
", ], titleHTML, $('
') ); return that; }; //创建骨架 Class.pt.creat = function () { var that = this, config = that.config, times = that.index, nodeIndex, content = config.content, conType = typeof content === "object", body = $("body"); if (config.id && $("#" + config.id)[0]) { return; } if (typeof config.area === "string") { config.area = config.area === "auto" ? ["", ""] : [config.area, ""]; } //anim兼容旧版shift if (config.shift) { config.anim = config.shift; } if (layer.ie == 6) { config.fixed = false; } switch (config.type) { case 0: config.btn = "btn" in config ? config.btn : ready.btn[0]; layer.closeAll("dialog"); break; case 2: var content = (config.content = conType ? config.content : [config.content || "", "auto"]); config.content = ''; break; case 3: delete config.title; delete config.closeBtn; config.icon === -1 && config.icon === 0; layer.closeAll("loading"); break; case 4: conType || (config.content = [config.content, "body"]); config.follow = config.content[1]; config.content = config.content[0] + ''; delete config.title; config.tips = typeof config.tips === "object" ? config.tips : [config.tips, true]; config.tipsMore || layer.closeAll("tips"); break; } //建立容器 that .vessel(conType, function (html, titleHTML, moveElem) { body.append(html[0]); conType ? (function () { config.type == 2 || config.type == 4 ? (function () { $("body").append(html[1]); })() : (function () { // 做了关于admui子父级框架的修改 if (!content.parents("." + doms[0])[0]) { if (typeof content === "object") { admuiIframe = content.context; // document对象 content.after('
'); } $("body").append( content .data("display", content.css("display")) .show() .addClass("layui-layer-wrap") .wrap(html[1]) .parents("#" + doms[0] + that.index) ); $("#" + doms[0] + times) .find("." + doms[5]) .before(titleHTML); } })(); })() : body.append(html[1]); $("#" + doms.MOVE)[0] || body.append((ready.moveElem = moveElem)); that.layero = $("#" + doms[0] + times); that.shadeo = $("#" + doms.SHADE + times); config.scrollbar || doms.html.css("overflow", "hidden").attr("layer-full", times); }) .auto(times); //遮罩 that.shadeo.css({ "background-color": config.shade[1] || "#000", opacity: config.shade[0] || config.shade, }); config.type == 2 && layer.ie == 6 && that.layero.find("iframe").attr("src", content[0]); //坐标自适应浏览器窗口尺寸 config.type == 4 ? that.tips() : (function () { that.offset(); //首次弹出时,若 css 尚未加载,则等待 css 加载完毕后,重新设定尺寸 parseInt(ready.getStyle(document.getElementById(doms.MOVE), "z-index")) || (function () { that.layero.css("visibility", "hidden"); layer.ready(function () { that.offset(); that.layero.css("visibility", "visible"); }); })(); })(); //如果是固定定位 if (config.fixed) { win.on("resize", function () { that.offset(); (/^\d+%$/.test(config.area[0]) || /^\d+%$/.test(config.area[1])) && that.auto(times); config.type == 4 && that.tips(); }); } config.time <= 0 || setTimeout(function () { layer.close(that.index); }, config.time); that.move().callback(); //为兼容jQuery3.0的css动画影响元素尺寸计算 if (doms.anim[config.anim]) { var animClass = "layer-anim " + doms.anim[config.anim]; that.layero.addClass(animClass).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend", function () { $(this).removeClass(animClass); }); } //记录关闭动画 if (config.isOutAnim) { that.layero.data("isOutAnim", true); } }; //自适应 Class.pt.auto = function (index) { var that = this, config = that.config, layero = $("#" + doms[0] + index); if (config.area[0] === "" && config.maxWidth > 0) { //为了修复IE7下一个让人难以理解的bug if (layer.ie && layer.ie < 8 && config.btn) { layero.width(layero.innerWidth()); } layero.outerWidth() > config.maxWidth && layero.width(config.maxWidth); } var area = [layero.innerWidth(), layero.innerHeight()], titHeight = layero.find(doms[1]).outerHeight() || 0, btnHeight = layero.find("." + doms[6]).outerHeight() || 0, setHeight = function (elem) { elem = layero.find(elem); elem.height(area[1] - titHeight - btnHeight - 2 * (parseFloat(elem.css("padding-top")) | 0)); }; switch (config.type) { case 2: setHeight("iframe"); break; default: if (config.area[1] === "") { if (config.maxHeight > 0 && layero.outerHeight() > config.maxHeight) { area[1] = config.maxHeight; setHeight("." + doms[5]); } else if (config.fixed && area[1] >= win.height()) { area[1] = win.height(); setHeight("." + doms[5]); } } else { setHeight("." + doms[5]); } break; } return that; }; //计算坐标 Class.pt.offset = function () { var that = this, config = that.config, layero = that.layero; var area = [layero.outerWidth(), layero.outerHeight()]; var type = typeof config.offset === "object"; that.offsetTop = (win.height() - area[1]) / 2; that.offsetLeft = (win.width() - area[0]) / 2; if (type) { that.offsetTop = config.offset[0]; that.offsetLeft = config.offset[1] || that.offsetLeft; } else if (config.offset !== "auto") { if (config.offset === "t") { //上 that.offsetTop = 0; } else if (config.offset === "r") { //右 that.offsetLeft = win.width() - area[0]; } else if (config.offset === "b") { //下 that.offsetTop = win.height() - area[1]; } else if (config.offset === "l") { //左 that.offsetLeft = 0; } else if (config.offset === "lt") { //左上角 that.offsetTop = 0; that.offsetLeft = 0; } else if (config.offset === "lb") { //左下角 that.offsetTop = win.height() - area[1]; that.offsetLeft = 0; } else if (config.offset === "rt") { //右上角 that.offsetTop = 0; that.offsetLeft = win.width() - area[0]; } else if (config.offset === "rb") { //右下角 that.offsetTop = win.height() - area[1]; that.offsetLeft = win.width() - area[0]; } else { that.offsetTop = config.offset; } } if (!config.fixed) { that.offsetTop = /%$/.test(that.offsetTop) ? (win.height() * parseFloat(that.offsetTop)) / 100 : parseFloat(that.offsetTop); that.offsetLeft = /%$/.test(that.offsetLeft) ? (win.width() * parseFloat(that.offsetLeft)) / 100 : parseFloat(that.offsetLeft); that.offsetTop += win.scrollTop(); that.offsetLeft += win.scrollLeft(); } if (layero.attr("minLeft")) { that.offsetTop = win.height() - (layero.find(doms[1]).outerHeight() || 0); that.offsetLeft = layero.css("left"); } //木遥增加 wanghao if (layero.attr("myTopLeft")) { that.offsetTop = layero.css("top"); that.offsetLeft = layero.css("left"); } //木遥增加 wanghao layero.css({ top: that.offsetTop, left: that.offsetLeft }); }; //Tips Class.pt.tips = function () { var that = this, config = that.config, layero = that.layero; var layArea = [layero.outerWidth(), layero.outerHeight()], follow = $(config.follow); if (!follow[0]) { follow = $("body"); } var goal = { width: follow.outerWidth(), height: follow.outerHeight(), top: follow.offset().top, left: follow.offset().left, }, tipsG = layero.find(".layui-layer-TipsG"); var guide = config.tips[0]; config.tips[1] || tipsG.remove(); goal.autoLeft = function () { if (goal.left + layArea[0] - win.width() > 0) { goal.tipLeft = goal.left + goal.width - layArea[0]; tipsG.css({ right: 12, left: "auto" }); } else { goal.tipLeft = goal.left; } }; //辨别tips的方位 goal.where = [ function () { //上 goal.autoLeft(); goal.tipTop = goal.top - layArea[1] - 10; tipsG.removeClass("layui-layer-TipsB").addClass("layui-layer-TipsT").css("border-right-color", config.tips[1]); }, function () { //右 goal.tipLeft = goal.left + goal.width + 10; goal.tipTop = goal.top; tipsG.removeClass("layui-layer-TipsL").addClass("layui-layer-TipsR").css("border-bottom-color", config.tips[1]); }, function () { //下 goal.autoLeft(); goal.tipTop = goal.top + goal.height + 10; tipsG.removeClass("layui-layer-TipsT").addClass("layui-layer-TipsB").css("border-right-color", config.tips[1]); }, function () { //左 goal.tipLeft = goal.left - layArea[0] - 10; goal.tipTop = goal.top; tipsG.removeClass("layui-layer-TipsR").addClass("layui-layer-TipsL").css("border-bottom-color", config.tips[1]); }, ]; goal.where[guide - 1](); /* 8*2为小三角形占据的空间 */ if (guide === 1) { goal.top - (win.scrollTop() + layArea[1] + 8 * 2) < 0 && goal.where[2](); } else if (guide === 2) { win.width() - (goal.left + goal.width + layArea[0] + 8 * 2) > 0 || goal.where[3](); } else if (guide === 3) { goal.top - win.scrollTop() + goal.height + layArea[1] + 8 * 2 - win.height() > 0 && goal.where[0](); } else if (guide === 4) { layArea[0] + 8 * 2 - goal.left > 0 && goal.where[1](); } layero.find("." + doms[5]).css({ "background-color": config.tips[1], "padding-right": config.closeBtn ? "30px" : "", }); layero.css({ left: goal.tipLeft - (config.fixed ? win.scrollLeft() : 0), top: goal.tipTop - (config.fixed ? win.scrollTop() : 0), }); }; //拖拽层 Class.pt.move = function () { var that = this, config = that.config, _DOC = $(document), layero = that.layero, moveElem = layero.find(config.move), resizeElem = layero.find(".layui-layer-resize"), dict = {}; if (config.move) { moveElem.css("cursor", "move"); } moveElem.on("mousedown", function (e) { e.preventDefault(); if (config.move) { dict.moveStart = true; dict.offset = [e.clientX - parseFloat(layero.css("left")), e.clientY - parseFloat(layero.css("top"))]; ready.moveElem.css("cursor", "move").show(); } }); resizeElem.on("mousedown", function (e) { e.preventDefault(); dict.resizeStart = true; dict.offset = [e.clientX, e.clientY]; dict.area = [layero.outerWidth(), layero.outerHeight()]; ready.moveElem.css("cursor", "se-resize").show(); }); _DOC .on("mousemove", function (e) { //拖拽移动 if (dict.moveStart) { var X = e.clientX - dict.offset[0], Y = e.clientY - dict.offset[1], fixed = layero.css("position") === "fixed"; e.preventDefault(); dict.stX = fixed ? 0 : win.scrollLeft(); dict.stY = fixed ? 0 : win.scrollTop(); //控制元素不被拖出窗口外 if (!config.moveOut) { var setRig = win.width() - layero.outerWidth() + dict.stX, setBot = win.height() - layero.outerHeight() + dict.stY; X < dict.stX && (X = dict.stX); X > setRig && (X = setRig); Y < dict.stY && (Y = dict.stY); Y > setBot && (Y = setBot); } layero.css({ left: X, top: Y, }); } //Resize if (config.resize && dict.resizeStart) { var X = e.clientX - dict.offset[0], Y = e.clientY - dict.offset[1]; e.preventDefault(); layer.style(that.index, { width: dict.area[0] + X, height: dict.area[1] + Y, }); dict.isResize = true; config.resizing && config.resizing(layero); } }) .on("mouseup", function (e) { if (dict.moveStart) { delete dict.moveStart; ready.moveElem.hide(); config.moveEnd && config.moveEnd(layero); } if (dict.resizeStart) { delete dict.resizeStart; ready.moveElem.hide(); } }); return that; }; Class.pt.callback = function () { var that = this, layero = that.layero, config = that.config; that.openLayer(); if (config.success) { if (config.type == 2) { layero.find("iframe").on("load", function () { config.success(layero, that.index); }); } else { config.success(layero, that.index); } } layer.ie == 6 && that.IE6(layero); //按钮 layero .find("." + doms[6]) .children("a") .on("click", function () { var index = $(this).index(); if (index === 0) { if (config.yes) { config.yes(that.index, layero); } else if (config["btn1"]) { config["btn1"](that.index, layero); } else { layer.close(that.index); } } else { var close = config["btn" + (index + 1)] && config["btn" + (index + 1)](that.index, layero); close === false || layer.close(that.index); } }); //取消 function cancel() { var close = config.cancel && config.cancel(that.index, layero); close === false || layer.close(that.index); } //右上角关闭回调 layero.find("." + doms[7]).on("click", cancel); //点遮罩关闭 if (config.shadeClose) { that.shadeo.on("click", function () { layer.close(that.index); }); } //最小化 layero.find(".layui-layer-min").on("click", function () { var min = config.min && config.min(layero, that.index); min === false || layer.min(that.index, config); }); //全屏/还原 layero.find(".layui-layer-max").on("click", function () { if ($(this).hasClass("layui-layer-maxmin")) { layer.restore(that.index); config.restore && config.restore(layero, that.index); } else { layer.full(that.index, config); setTimeout(function () { config.full && config.full(layero, that.index); }, 100); } }); config.end && (ready.end[that.index] = config.end); config.beforeEnd && (ready.beforeEnd[that.index] = config.beforeEnd); }; //for ie6 恢复select ready.reselect = function () { $.each($("select"), function (index, value) { var sthis = $(this); if (!sthis.parents("." + doms[0])[0]) { sthis.attr("layer") == 1 && $("." + doms[0]).length < 1 && sthis.removeAttr("layer").show(); } sthis = null; }); }; Class.pt.IE6 = function (layero) { //隐藏select $("select").each(function (index, value) { var sthis = $(this); if (!sthis.parents("." + doms[0])[0]) { sthis.css("display") === "none" || sthis.attr({ layer: "1" }).hide(); } sthis = null; }); }; //需依赖原型的对外方法 Class.pt.openLayer = function () { var that = this; //置顶当前窗口 layer.zIndex = that.config.zIndex; layer.setTop = function (layero) { var setZindex = function () { layer.zIndex++; layero.css("z-index", layer.zIndex + 1); }; layer.zIndex = parseInt(layero[0].style.zIndex); layero.on("mousedown", setZindex); return layer.zIndex; }; }; //记录宽高坐标,用于还原 ready.record = function (layero) { var area = [layero.width(), layero.height(), layero.position().top, layero.position().left + parseFloat(layero.css("margin-left"))]; layero.find(".layui-layer-max").addClass("layui-layer-maxmin"); layero.attr({ area: area }); }; ready.rescollbar = function (index) { if (doms.html.attr("layer-full") == index) { if (doms.html[0].style.removeProperty) { doms.html[0].style.removeProperty("overflow"); } else { doms.html[0].style.removeAttribute("overflow"); } doms.html.removeAttr("layer-full"); } }; /** 内置成员 */ window.layer = layer; //获取子iframe的DOM layer.getChildFrame = function (selector, index) { index = index || $("." + doms[4]).attr("times"); return $("#" + doms[0] + index) .find("iframe") .contents() .find(selector); }; //得到当前iframe层的索引,子iframe时使用 layer.getFrameIndex = function (name) { return $("#" + name) .parents("." + doms[4]) .attr("times"); }; //iframe层自适应宽高 layer.iframeAuto = function (index) { if (!index) { return; } var heg = layer.getChildFrame("html", index).outerHeight(); var layero = $("#" + doms[0] + index); var titHeight = layero.find(doms[1]).outerHeight() || 0; var btnHeight = layero.find("." + doms[6]).outerHeight() || 0; layero.css({ height: heg + titHeight + btnHeight }); layero.find("iframe").css({ height: heg }); }; //重置iframe url layer.iframeSrc = function (index, url) { $("#" + doms[0] + index) .find("iframe") .attr("src", url); }; //设定层的样式 layer.style = function (index, options, limit) { var layero = $("#" + doms[0] + index), contElem = layero.find(".layui-layer-content"), type = layero.attr("type"), titHeight = layero.find(doms[1]).outerHeight() || 0, btnHeight = layero.find("." + doms[6]).outerHeight() || 0, minLeft = layero.attr("minLeft"); if (type === ready.type[3] || type === ready.type[4]) { return; } if (!limit) { if (parseFloat(options.width) <= 260) { options.width = 260; } if (parseFloat(options.height) - titHeight - btnHeight <= 64) { options.height = 64 + titHeight + btnHeight; } } layero.css(options); btnHeight = layero.find("." + doms[6]).outerHeight(); if (type === ready.type[2]) { layero.find("iframe").css({ height: parseFloat(options.height) - titHeight - btnHeight, }); } else { contElem.css({ height: parseFloat(options.height) - titHeight - btnHeight - parseFloat(contElem.css("padding-top")) - parseFloat(contElem.css("padding-bottom")), }); } }; //最小化 layer.min = function (index, options) { options = options || {}; var layero = $("#" + doms[0] + index), shadeo = $("#" + doms.SHADE + index), titHeight = layero.find(doms[1]).outerHeight() || 0, left = layero.attr("minLeft") || 181 * ready.minIndex + "px", position = layero.css("position"), settings = { width: 180, height: titHeight, position: "fixed", overflow: "hidden", }; //记录宽高坐标,用于还原 ready.record(layero); if (ready.minLeft[0]) { left = ready.minLeft[0]; ready.minLeft.shift(); } //是否堆叠在左下角 if (options.minStack) { settings.left = left; settings.top = win.height() - titHeight; layero.attr("minLeft") || ready.minIndex++; //初次执行,最小化操作索引自增 layero.attr("minLeft", left); } layero.attr("position", position); layer.style(index, settings, true); layero.find(".layui-layer-min").hide(); layero.attr("type") === "page" && layero.find(doms[4]).hide(); ready.rescollbar(index); //隐藏遮罩 shadeo.hide(); }; //还原 layer.restore = function (index) { var layero = $("#" + doms[0] + index), shadeo = $("#" + doms.SHADE + index), area = layero.attr("area").split(","), type = layero.attr("type"); //恢复原来尺寸 layer.style( index, { width: parseFloat(area[0]), height: parseFloat(area[1]), top: parseFloat(area[2]), left: parseFloat(area[3]), position: layero.attr("position"), overflow: "visible", }, true ); layero.find(".layui-layer-max").removeClass("layui-layer-maxmin"); layero.find(".layui-layer-min").show(); layero.attr("type") === "page" && layero.find(doms[4]).show(); ready.rescollbar(index); //恢复遮罩 shadeo.show(); }; //全屏 layer.full = function (index) { var layero = $("#" + doms[0] + index), timer; ready.record(layero); if (!doms.html.attr("layer-full")) { doms.html.css("overflow", "hidden").attr("layer-full", index); } clearTimeout(timer); timer = setTimeout(function () { var isfix = layero.css("position") === "fixed"; layer.style( index, { top: isfix ? 0 : win.scrollTop(), left: isfix ? 0 : win.scrollLeft(), width: win.width(), height: win.height(), }, true ); layero.find(".layui-layer-min").hide(); }, 100); }; //改变title layer.title = function (name, index) { var title = $("#" + doms[0] + (index || layer.index)).find(doms[1]); title.html(name); }; //关闭layer总方法 layer.close = function (index, callback) { var layero = $("#" + doms[0] + index), type = layero.attr("type"), closeAnim = "layer-anim-close"; if (!layero[0]) { return; } var WRAP = "layui-layer-wrap", remove = function () { typeof ready.beforeEnd[index] === "function" && ready.beforeEnd[index](); delete ready.beforeEnd[index]; if (type === ready.type[1] && layero.attr("conType") === "object") { layero.children(":not(." + doms[5] + ")").remove(); var wrap = layero.find("." + WRAP); for (var i = 0; i < 2; i++) { wrap.unwrap(); } // 做了admui子父级框架的相关修改 if (admuiIframe) { $(admuiIframe) .find("#admui-" + doms[0] + index) .before(wrap.css("display", wrap.data("display")).removeClass(WRAP)); } else { wrap.css("display", wrap.data("display")).removeClass(WRAP); } $("#admui-" + doms[0] + index).remove(); } else { //低版本IE 回收 iframe if (type === ready.type[2]) { try { var iframe = $("#" + doms[4] + index)[0]; iframe.contentWindow.document.write(""); iframe.contentWindow.close(); layero.find("." + doms[5])[0].removeChild(iframe); } catch (e) {} } layero[0].innerHTML = ""; layero.remove(); } typeof ready.end[index] === "function" && ready.end[index](); delete ready.end[index]; typeof callback === "function" && callback(); }; if (layero.data("isOutAnim")) { layero.addClass("layer-anim " + closeAnim); } $("#layui-layer-moves, #" + doms.SHADE + index).remove(); layer.ie == 6 && ready.reselect(); ready.rescollbar(index); if (layero.attr("minLeft")) { ready.minIndex--; ready.minLeft.push(layero.attr("minLeft")); } if ((layer.ie && layer.ie < 10) || !layero.data("isOutAnim")) { remove(); } else { setTimeout(function () { remove(); }, 200); } }; //关闭所有层 layer.closeAll = function (type, callback) { if (typeof type === "function") { callback = type; type = null; } var domsElem = $("." + doms[0]); $.each(domsElem, function (_index) { var othis = $(this); var is = type ? othis.attr("type") === type : 1; is && layer.close(othis.attr("times"), _index === domsElem.length - 1 ? callback : null); is = null; }); if (domsElem.length === 0) { typeof callback === "function" && callback(); } }; /** 拓展模块,layui 开始合并在一起 */ var cache = layer.cache || {}, skin = function (type) { return cache.skin ? " " + cache.skin + " " + cache.skin + "-" + type : ""; }; //仿系统prompt layer.prompt = function (options, yes) { var style = ""; options = options || {}; if (typeof options === "function") { yes = options; } if (options.area) { var area = options.area; style = 'style="width: ' + area[0] + "; height: " + area[1] + ';"'; delete options.area; } var prompt, content = options.formType == 2 ? '" : (function () { return ''; })(); var success = options.success; delete options.success; return layer.open( $.extend( { type: 1, btn: ["确定", "取消"], content: content, skin: "layui-layer-prompt" + skin("prompt"), maxWidth: win.width(), success: function (layero) { prompt = layero.find(".layui-layer-input"); prompt.val(options.value || "").focus(); typeof success === "function" && success(layero); }, resize: false, yes: function (index) { var value = prompt.val(); if (value === "") { prompt.focus(); } else if (value.length > (options.maxlength || 500)) { layer.tips("最多输入" + (options.maxlength || 500) + "个字数", prompt, { tips: 1 }); } else { yes && yes(value, index, prompt); } }, }, options ) ); }; //tab层 layer.tab = function (options) { options = options || {}; var tab = options.tab || {}, THIS = "layui-this", success = options.success; delete options.success; return layer.open( $.extend( { type: 1, skin: "layui-layer-tab" + skin("tab"), resize: false, title: (function () { var len = tab.length, ii = 1, str = ""; if (len > 0) { str = '' + tab[0].title + ""; for (; ii < len; ii++) { str += "" + tab[ii].title + ""; } } return str; })(), content: '", success: function (layero) { var btn = layero.find(".layui-layer-title").children(); var main = layero.find(".layui-layer-tabmain").children(); btn.on("mousedown", function (e) { e.stopPropagation ? e.stopPropagation() : (e.cancelBubble = true); var othis = $(this), index = othis.index(); othis.addClass(THIS).siblings().removeClass(THIS); main.eq(index).show().siblings().hide(); typeof options.change === "function" && options.change(index); }); typeof success === "function" && success(layero); }, }, options ) ); }; //相册层 layer.photos = function (options, loop, key) { var dict = {}; options = options || {}; if (!options.photos) { return; } // 做了兼容admui项目的适配 var iframeWin = window; //typeof $.content.window !== 'undefined' ? $.content.window() : window; var type = true; //options.photos.constructor === iframeWin.Object; var photos = type ? options.photos : {}, data = photos.data || []; var start = photos.start || 0; dict.imgIndex = (start | 0) + 1; options.img = options.img || "img"; var success = options.success; delete options.success; if (!type) { //页面直接获取 var parent = $(options.photos), pushData = function () { data = []; parent.find(options.img).each(function (index) { var othis = $(this); othis.attr("layer-index", index); data.push({ alt: othis.attr("alt"), pid: othis.attr("layer-pid"), src: othis.attr("layer-src") || othis.attr("src"), thumb: othis.attr("src"), }); }); }; pushData(); if (data.length === 0) { return; } loop || parent.on("click", options.img, function () { pushData(); var othis = $(this), index = othis.attr("layer-index"); layer.photos( $.extend(options, { photos: { start: index, data: data, tab: options.tab, }, full: options.full, }), true ); }); //不直接弹出 if (!loop) { return; } } else if (data.length === 0) { return layer.msg("没有图片"); } //上一张 dict.imgprev = function (key) { dict.imgIndex--; if (dict.imgIndex < 1) { dict.imgIndex = data.length; } dict.tabimg(key); }; //下一张 dict.imgnext = function (key, errorMsg) { dict.imgIndex++; if (dict.imgIndex > data.length) { dict.imgIndex = 1; if (errorMsg) { return; } } dict.tabimg(key); }; //方向键 dict.keyup = function (event) { if (!dict.end) { var code = event.keyCode; event.preventDefault(); if (code === 37) { dict.imgprev(true); } else if (code === 39) { dict.imgnext(true); } else if (code === 27) { layer.close(dict.index); } } }; //切换 dict.tabimg = function (key) { if (data.length <= 1) { return; } photos.start = dict.imgIndex - 1; layer.close(dict.index); return layer.photos(options, true, key); setTimeout(function () { layer.photos(options, true, key); }, 200); }; //一些动作 dict.event = function () { /* dict.bigimg.hover(function(){ dict.imgsee.show(); }, function(){ dict.imgsee.hide(); }); */ dict.bigimg.find(".layui-layer-imgprev").on("click", function (event) { event.preventDefault(); dict.imgprev(true); }); dict.bigimg.find(".layui-layer-imgnext").on("click", function (event) { event.preventDefault(); dict.imgnext(true); }); $(document).on("keyup", dict.keyup); }; //图片预加载 function loadImage(url, callback, error) { var img = new Image(); img.src = url; if (img.complete) { return callback(img); } img.onload = function () { img.onload = null; callback(img); }; img.onerror = function (e) { img.onerror = null; error(e); }; } dict.loadi = layer.load(1, { shade: "shade" in options ? false : 0.9, scrollbar: false, }); loadImage( data[start].src, function (img) { layer.close(dict.loadi); //切换图片时不出现动画 if (key) { options.anim = -1; } //弹出图片层 dict.index = layer.open( $.extend( { type: 1, id: "layui-layer-photos", area: (function () { var imgarea = [img.width, img.height]; var winarea = [$(window).width() - 100, $(window).height() - 100]; //如果 实际图片的宽或者高比 屏幕大(那么进行缩放) if (!options.full && (imgarea[0] > winarea[0] || imgarea[1] > winarea[1])) { var wh = [imgarea[0] / winarea[0], imgarea[1] / winarea[1]]; //取宽度缩放比例、高度缩放比例 if (wh[0] > wh[1]) { //取缩放比例最大的进行缩放 imgarea[0] = imgarea[0] / wh[0]; imgarea[1] = imgarea[1] / wh[0]; } else if (wh[0] < wh[1]) { imgarea[0] = imgarea[0] / wh[1]; imgarea[1] = imgarea[1] / wh[1]; } } return [imgarea[0] + "px", imgarea[1] + "px"]; })(), title: false, shade: 0.9, shadeClose: true, closeBtn: false, move: ".layui-layer-phimg img", moveType: 1, scrollbar: false, moveOut: true, anim: 5, isOutAnim: false, skin: "layui-layer-photos" + skin("photos"), content: '
' + '' +
                (data[start].alt || ' + (function () { if (data.length > 1) { return ( '
' + '' + '
' + (data[start].alt || "") + "" + dict.imgIndex + " / " + data.length + "
" + "
" ); } return ""; })() + "
", success: function (layero, index) { dict.bigimg = layero.find(".layui-layer-phimg"); dict.imgsee = layero.find(".layui-layer-imgbar"); dict.event(layero); options.tab && options.tab(data[start], layero); typeof success === "function" && success(layero); }, end: function () { dict.end = true; $(document).off("keyup", dict.keyup); }, }, options ) ); }, function () { layer.close(dict.loadi); layer.msg( "当前图片地址异常
是否继续查看下一张?", { time: 30000, btn: ["下一张", "不看了"], yes: function () { data.length > 1 && dict.imgnext(true, true); }, } ); } ); }; //主入口 ready.run = function (_$) { $ = _$; win = $(window); doms.html = $("html"); layer.open = function (deliver) { var o = new Class(deliver); return o.index; }; }; //加载方式 window.layui && layui.define ? (layer.ready(), layui.define("jquery", function (exports) { //layui 加载 layer.path = layui.cache.dir; ready.run(layui.$); //暴露模块 window.layer = layer; exports("layer", layer); })) : typeof define === "function" && define.amd ? define(["jquery"], function () { //requirejs 加载 ready.run(window.jQuery); return layer; }) : (function () { //普通 script 标签加载 layer.ready(); ready.run(window.jQuery); })(); })(window);