';
- }()
- +''
- +'
'
- +function(){
- var len = data.length, ii = 1, str = '';
- if(len> 0){
- str = ''+ data[0].title +' ';
- for(; ii < len; ii++){ - str += ''+ data[ii].title +' ';
- }
- }
- return str;
- }() +'
'
- +'
'+ function(){
- var len = data.length, ii = 1, str = '';
- if(len> 0){
- str = ''+ (data[0].content || 'content未传入') +' ';
- for(; ii < len; ii++){ - str += ''+ (data[ii].content || 'content未传入') +' ';
- }
- }
- return str;
- }() +' '
- +'
X '
- +'
g&&(d=g),h>e&&(e=h),e>f.height()-c.move.outerHeight()-b.border[0]+c.setY&&(e=f.height()-c.move.outerHeight()-b.border[0]+c.setY)),c.move.css({left:d,top:e}),b.moveType&&c.moveLayer(),d=null,e=null,g=null,h=null)}).mouseup(function(){try{c.ismove&&(c.moveLayer(),c.move.remove()),c.ismove=!1}catch(a){c.ismove=!1}b.moveEnd&&b.moveEnd()})},i.pt.autoclose=function(){var a=this,b=a.config.time,c=function(){b--,0===b&&(layer.close(a.index),clearInterval(a.autotime))};a.autotime=setInterval(c,1e3)},g.config={end:{}},i.pt.callback=function(){var a=this,b=a.layerE,c=a.config,d=c.dialog;a.openLayer(),a.config.success(b),layer.ie6&&a.IE6(b),b.find(".xubox_close").on("click",function(){c.close(a.index),layer.close(a.index)}),b.find(".xubox_yes").on("click",function(){c.yes?c.yes(a.index):d.yes(a.index)}),b.find(".xubox_no").on("click",function(){c.no?c.no(a.index):d.no(a.index),layer.close(a.index)}),a.config.shadeClose&&e("#xubox_shade"+a.index).on("click",function(){layer.close(a.index)}),b.find(".xubox_min").on("click",function(){layer.min(a.index,c),c.min&&c.min(b)}),b.find(".xubox_max").on("click",function(){e(this).hasClass("xubox_maxmin")?(layer.restore(a.index),c.restore&&c.restore(b)):(layer.full(a.index,c),c.full&&c.full(b))}),g.config.end[a.index]=c.end},g.reselect=function(){e.each(e("select"),function(){var c=e(this);c.parents("."+h.lay)[0]||1==c.attr("layer")&&e("."+h.lay).length<1&&c.removeattr("layer").show(),c=null})},i.pt.ie6=function(a){var d,b=this,c=a.offset().top;d=b.config.fix?function(){a.css({top:f.scrollTop()+c})}:function(){a.css({top:c})},d(),f.scroll(d),e.each(e("select"),function(){var c=e(this);c.parents("."+h.lay)[0]||"none"==c.css("display")||c.attr({layer:"1"}).hide(),c=null})},i.pt.openLayer=function(){var a=this;layer.autoArea=function(b){return a.autoArea(b)},layer.shift=function(b,c,d){var e,g,h,i,j,k;if(!layer.ie6)switch(e=a.config,g=a.layerE,h=0,i=f.width(),j=f.height()+(e.fix?0:f.scrollTop()),h="50%"==e.offset[1]||""==e.offset[1]?g.outerWidth()/2:g.outerWidth(),k={t:{top:a.offsetTop},b:{top:j-g.outerHeight()-e.border[0]},cl:h+e.border[0],ct:-g.outerHeight(),cr:i-h-e.border[0]},b){case"left-top":g.css({left:k.cl,top:k.ct}).animate(k.t,c);break;case"top":g.css({top:k.ct}).animate(k.t,c);break;case"right-top":g.css({left:k.cr,top:k.ct}).animate(k.t,c);break;case"right-bottom":g.css({left:k.cr,top:j}).animate(d?k.t:k.b,c);break;case"bottom":g.css({top:j}).animate(d?k.t:k.b,c);break;case"left-bottom":g.css({left:k.cl,top:j}).animate(d?k.t:k.b,c);break;case"left":g.css({left:-g.outerWidth()}).animate({left:a.offsetLeft},c)}},layer.setMove=function(){return a.move()},layer.zIndex=a.config.zIndex,layer.setTop=function(a){var b=function(){layer.zIndex++,a.css("z-index",layer.zIndex+1)};return layer.zIndex=parseInt(a[0].style.zIndex),a.on("mousedown",b),layer.zIndex}},g.isauto=function(a,b,c){"auto"===b.area[0]&&(b.area[0]=a.outerWidth()),"auto"===b.area[1]&&(b.area[1]=a.outerHeight()),a.attr({area:b.area+","+c}),a.find(".xubox_max").addClass("xubox_maxmin")},g.rescollbar=function(a){h.html.attr("layer-full")==a&&(h.html[0].style.removeProperty?h.html[0].style.removeProperty("overflow"):h.html[0].style.removeAttribute("overflow"),h.html.removeAttr("layer-full"))},layer.getIndex=function(a){return e(a).parents("."+h.lay).attr("times")},layer.getChildFrame=function(a,b){return b=b||e("."+h.ifr).parents("."+h.lay).attr("times"),e("#"+h.lay+b).find("."+h.ifr).contents().find(a)},layer.getFrameIndex=function(a){return e(a?"#"+a:"."+h.ifr).parents("."+h.lay).attr("times")},layer.iframeAuto=function(a){var b,c,d,f,g;a=a||e("."+h.ifr).parents("."+h.lay).attr("times"),b=layer.getChildFrame("body",a).outerHeight(),c=e("#"+h.lay+a),d=c.find(h.title),f=0,d&&(f=d.height()),c.css({height:b+f}),g=-parseInt(e("#xubox_border"+a).css("top")),e("#xubox_border"+a).css({height:b+2*g+f}),e("#"+h.ifr+a).css({height:b})},layer.iframeSrc="function(a,b){e("#"+h.lay+a).find("iframe").attr("src",b)},layer.area=function(a,b){var" j,c=[e("#"+h.lay+a),e("#xubox_border"+a)],d=c[0].attr("type"),f=c[0].find(".xubox_main"),i=c[0].find(h.title);(d===g.type[1]||d===g.type[2])&&(c[0].css(b),f.css({width:b.width,height:b.height}),d===g.type[2]&&(j=c[0].find("iframe"),j.css({width:b.width,height:i?b.height-i.innerHeight():b.height})),"0px"!==c[0].css("margin-left")&&(b.hasOwnProperty("top")&&c[0].css({top:b.top-(c[1][0]?parseFloat(c[1].css("top")):0)}),b.hasOwnProperty("left")&&c[0].css({left:b.left+c[0].outerWidth()/2-(c[1][0]?parseFloat(c[1].css("left")):0)}),c[0].css({marginLeft:-c[0].outerWidth()/2})),c[1][0]&&c[1].css({width:parseFloat(b.width)-2*parseFloat(c[1].css("left")),height:parseFloat(b.height)-2*parseFloat(c[1].css("top"))}))},layer.min=function(a,b){var c=e("#"+h.lay+a),d=[c.position().top,c.position().left+parseFloat(c.css("margin-left"))];g.isauto(c,b,d),layer.area(a,{width:180,height:35}),c.find(".xubox_min").hide(),"page"===c.attr("type")&&c.find(h.page).hide(),g.rescollbar(a)},layer.restore=function(a){var b=e("#"+h.lay+a),c=b.attr("area").split(",");b.attr("type"),layer.area(a,{width:parseFloat(c[0]),height:parseFloat(c[1]),top:parseFloat(c[2]),left:parseFloat(c[3])}),b.find(".xubox_max").removeClass("xubox_maxmin"),b.find(".xubox_min").show(),"page"===b.attr("type")&&b.find(h.page).show(),g.rescollbar(a)},layer.full=function(a,b){var i,c=e("#"+h.lay+a),d=2*b.border[0],j=[c.position().top,c.position().left+parseFloat(c.css("margin-left"))];g.isauto(c,b,j),h.html.attr("layer-full")||h.html.css("overflow","hidden").attr("layer-full",a),clearTimeout(i),i=setTimeout(function(){layer.area(a,{top:"fixed"===c.css("position")?0:f.scrollTop(),left:"fixed"===c.css("position")?0:f.scrollLeft(),width:f.width()-d,height:f.height()-d})},100)},layer.close=function(a){var f,b=e("#"+h.lay+a),c=b.attr("type"),d=e("#xubox_moves, #xubox_shade"+a);if(b[0]){if(c==g.type[1])if(b.find(".xuboxPageHtml")[0])b[0].innerHTML="",b.remove();else for(b.find(".xubox_setwin,.xubox_close,.xubox_botton,.xubox_title,.xubox_border").remove(),f=0;3>f;f++)b.find(".layer_pageContent").unwrap().hide();else b[0].innerHTML="",b.remove();d.remove(),layer.ie6&&g.reselect(),g.rescollbar(a),"function"==typeof g.config.end[a]&&g.config.end[a](),delete g.config.end[a]}},layer.closeLoad=function(){layer.close(e(".xubox_loading").parents("."+h.lay).attr("times"))},layer.closeTips=function(){layer.close(e(".xubox_tips").parents("."+h.lay).attr("times"))},layer.closeAll=function(){e.each(e("."+h.lay),function(){layer.close(e(this).attr("times"))})},g.run=function(){e=jQuery,f=e(a),h.html=e("html"),layer.use("skin/layer.css"),e.layer=function(a){var b=new i(a);return b.index},(new Image).src=layer.path+"skin/default/xubox_ico0.png"},j="../../init/jquery",a.seajs?define([j],function(b,c){g.run(),c.layer=[a.layer,a.$.layer]}):g.run()}(window);
\ No newline at end of file
diff --git a/layer/skin/default/icon_ext.png b/layer/skin/default/icon_ext.png
deleted file mode 100644
index 8baee597..00000000
Binary files a/layer/skin/default/icon_ext.png and /dev/null differ
diff --git a/layer/skin/default/textbg.png b/layer/skin/default/textbg.png
deleted file mode 100644
index ad1040c4..00000000
Binary files a/layer/skin/default/textbg.png and /dev/null differ
diff --git a/layer/skin/default/xubox_ico0.png b/layer/skin/default/xubox_ico0.png
deleted file mode 100644
index 7754a47f..00000000
Binary files a/layer/skin/default/xubox_ico0.png and /dev/null differ
diff --git a/layer/skin/default/xubox_loading3.gif b/layer/skin/default/xubox_loading3.gif
deleted file mode 100644
index fbe57be3..00000000
Binary files a/layer/skin/default/xubox_loading3.gif and /dev/null differ
diff --git a/layer/skin/default/xubox_title0.png b/layer/skin/default/xubox_title0.png
deleted file mode 100644
index 4ffbe315..00000000
Binary files a/layer/skin/default/xubox_title0.png and /dev/null differ
diff --git a/layer/skin/layer.css b/layer/skin/layer.css
deleted file mode 100644
index 3a8fe375..00000000
--- a/layer/skin/layer.css
+++ /dev/null
@@ -1,83 +0,0 @@
-/**
-
- @Name: layer's style
- @Date: 2012年09月15日
- @Author: 贤心
- @blog: sentsin.com
-
-**/
-
-*html{background-image:url(about:blank); background-attachment:fixed;}
-
-/** common **/
-.xubox_shade, .xubox_layer{position:fixed; _position:absolute;}
-.xubox_shade{top:0; left:0; width:100%; height:100%; _height:expression(document.body.offsetHeight+"px");}
-.xubox_layer{top:150px; left:50%; height:auto; width:310px; margin-left:-155px;}
-.xubox_border, .xubox_title, .xubox_title i, .xubox_page, .xubox_iframe, .xubox_title em, .xubox_close, .xubox_msgico, .xubox_moves{position:absolute;}
-.xubox_border{border-radius: 5px;}
-.xubox_title{left:0; top:0;}
-.xubox_main{position:relative; height:100%; _float:left;}
-.xubox_page{top:0; left:0;}
-.xubox_load{background:url(default/xubox_loading0.gif) #fff center center no-repeat;}
-.xubox_loading{display:block; float:left; text-decoration:none; color:#FFF; _float:none; }
-.xulayer_png32{background:url(default/xubox_ico0.png) no-repeat;}
-.xubox_moves{border:3px solid #666; cursor:move; background-color:rgba(255,255,255,.3); background-color:#fff9円; filter:alpha(opacity=50);}
-
-.xubox_msgico{width:32px; height:32px; top:52px; left:15px; background:url(default/xubox_ico0.png) no-repeat;}
-.xubox_text{ padding-left:55px; float:left; line-height:25px; word-break:break-all; padding-right:20px; overflow:hidden; font-size:14px;}
-.xubox_msgtype0{background-position:-91px -38px;}
-.xubox_msgtype1{background-position:-128px -38px }
-.xubox_msgtype2{background-position:-163px -38px;}
-.xubox_msgtype3{background-position:-91px -75px;}
-.xubox_msgtype4{background-position:-163px -75px;}
-.xubox_msgtype5{background-position:-163px -112px;}
-.xubox_msgtype6{background-position:-163px -148px;}
-.xubox_msgtype7{background-position:-128px -75px;}
-.xubox_msgtype8{background-position:-91px -6px;}
-.xubox_msgtype9{background-position:-129px -6px;}
-.xubox_msgtype10{background-position:-163px -6px;}
-.xubox_msgtype11{background-position:-206px -6px;}
-.xubox_msgtype12{background-position:-206px -44px;}
-.xubox_msgtype13{background-position:-206px -81px;}
-.xubox_msgtype14{background-position:-206px -122px;}
-.xubox_msgtype15{background-position:-206px -157px;}
-.xubox_loading_0{width:60px; height:24px; background:url(default/xubox_loading0.gif) no-repeat;}
-.xubox_loading_1{width:37px; height:37px; background:url(default/xubox_loading1.gif) no-repeat;}
-.xubox_loading_2, .xubox_msgtype16{width:32px; height:32px; background:url(default/xubox_loading2.gif) no-repeat;}
-.xubox_loading_3{width:126px; height:22px; background:url(default/xubox_loading3.gif) no-repeat;}
-
-.xubox_setwin{position:absolute; right:10px; *right:0; top:10px; font-size:0;}
-.xubox_setwin a{position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; width: 14px; height:14px; margin-left:10px; font-size:12px; _overflow:hidden;}
-.xubox_setwin .xubox_min cite{position:absolute; width:14px; height:2px; left:0; top:50%; margin-top:-1px; background-color:#919191; cursor:pointer; _overflow:hidden;}
-.xubox_setwin .xubox_min:hover cite{background-color:#2D93CA; }
-.xubox_setwin .xubox_max{background-position:-6px -189px;}
-.xubox_setwin .xubox_max:hover{background-position:-6px -206px;}
-.xubox_setwin .xubox_maxmin{background-position:-29px -189px;}
-.xubox_setwin .xubox_maxmin:hover{background-position:-29px -206px;}
-.xubox_setwin .xubox_close0{ width:14px; height:14px; background-position: -31px -7px; cursor:pointer;}
-.xubox_setwin .xubox_close0:hover{background-position:-51px -7px;}
-.xubox_setwin .xubox_close1{position:absolute; right:-28px; top:-28px; width:30px; height:30px; margin-left:0; background-position:-60px -195px; *right:-18px; _right:-15px; _top:-23px; _width:14px; _height:14px; _background-position:-31px -7px;}
-.xubox_setwin .xubox_close1:hover{ background-position:-91px -195px; _background-position:-51px -7px;}
-
-.xubox_title{width:100%; height:35px; line-height:35px; border-bottom:1px solid #D5D5D5; background:url(default/xubox_title0.png) #EBEBEB repeat-x; cursor:move; font-size:14px; color:#333;}
-.xubox_title em{height:20px; line-height:20px; width:60%; top:7px; left:10px; font-style:normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
-
-.xubox_botton a{position:absolute; bottom:10px; left:50%; background:url(default/xubox_ico0.png) repeat; text-decoration:none; color:#FFF; font-size:14px; text-align:center; font-weight:bold; overflow:hidden; }
-.xubox_botton a:hover{text-decoration:none; color:#FFF; }
-.xubox_botton .xubox_botton1{ width:79px; height:32px; line-height:32px; margin-left:-39px; background-position:-6px -34px;}
-.xubox_botton1:hover{background-position:-6px -72px;}
-.xubox_botton .xubox_botton2{margin-left:-76px; width:71px; height:29px; line-height:29px; background-position:-5px -114px;}
-.xubox_botton2:hover{ background-position:-5px -146px;}
-.xubox_botton .xubox_botton3{width:71px; height:29px; line-height:29px; margin-left:10px; background-position:-81px -114px;}
-.xubox_botton3:hover{background-position:-81px -146px;}
-.xubox_tips{position:relative; line-height:20px; padding:3px 30px 3px 10px; font-size:12px; _float:left; border-radius:3px; box-shadow: 1px 1px 3px rgba(0,0,0,.3);}
-.xubox_tips i.layerTipsG{ position:absolute; width:0; height:0; border-width:8px; border-color:transparent; border-style:dashed; *overflow:hidden;}
-.xubox_tips i.layerTipsT, .xubox_tips i.layerTipsB{left:5px; border-right-style:solid;}
-.xubox_tips i.layerTipsT{bottom:-8px;}
-.xubox_tips i.layerTipsB{top:-8px;}
-.xubox_tips i.layerTipsR, .xubox_tips i.layerTipsL{top:1px; border-bottom-style:solid;}
-.xubox_tips i.layerTipsR{left:-8px;}
-.xubox_tips i.layerTipsL{right:-8px;}
-
-
-
diff --git a/layer/skin/layer.ext.css b/layer/skin/layer.ext.css
deleted file mode 100644
index d0de7965..00000000
--- a/layer/skin/layer.ext.css
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
-
- @Name: layer拓展样式
- @Date: 2012年12月13日
- @Author: 贤心
- @blog: sentsin.com
-
-**/
-
-.xubox_iconext{background:url(default/icon_ext.png) no-repeat;}
-
-/* prompt模式 */
-.xubox_layer .xubox_form{width:240px; height:30px; line-height:30px; padding: 0 5px; border: 1px solid #ccc; background: url(default/textbg.png) #fff repeat-x; color:#333;}
-.xubox_layer .xubox_formArea{width:300px; height:100px; line-height:20px;}
-
-/* tab模式 */
-.xubox_layer .xubox_tab{position:relative; border:1px solid #ccc;}
-.xubox_layer .xubox_tabmove{position:absolute; width:600px; height:30px; top:0; left:0;}
-.xubox_layer .xubox_tabtit{ display:block; height:30px; border-bottom:1px solid #ccc; background-color:#eee;}
-.xubox_layer .xubox_tabtit span{position:relative; float:left; width:120px; height:30px; line-height:30px; text-align:center; cursor:default;}
-.xubox_layer .xubox_tabtit span.xubox_tabnow{left:-1px; _top:1px; height:31px; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; z-index:10;}
-.xubox_layer .xubox_tab_main{line-height:24px; clear:both;}
-.xubox_layer .xubox_tab_main .xubox_tabli{display:none;}
-.xubox_layer .xubox_tab_main .xubox_tabli.xubox_tab_layer{display:block;}
-.xubox_layer .xubox_tabclose{position:absolute; right:10px; top:5px; cursor:pointer;}
-
-/* photo模式 */
-.xubox_bigimg, .xubox_intro{height:300px}
-.xubox_bigimg{position:relative; display:block; width:600px; text-align:center; background:url(default/xubox_loading1.gif) center center no-repeat #000; overflow:hidden; }
-.xubox_bigimg img{position:relative; display:inline-block; visibility: hidden;}
-.xubox_intro{position:absolute; right:-315px; top:0; width:300px; background-color:#fff; overflow-x:hidden; overflow-y:auto;}
-.xubox_imgsee{display:none;}
-.xubox_prev, .xubox_next{position:absolute; top:50%; width:27px; _width:44px; height:44px; margin-top:-22px; outline:none;blr:expression(this.onFocus=this.blur());}
-.xubox_prev{left:10px; background-position:-5px -5px; _background-position:-70px -5px;}
-.xubox_prev:hover{background-position:-33px -5px; _background-position:-120px -5px;}
-.xubox_next{right:10px; _right:8px; background-position:-5px -50px; _background-position:-70px -50px;}
-.xubox_next:hover{background-position:-33px -50px; _background-position:-120px -50px;}
-.xubox_imgbar{position:absolute; left:0; bottom:0; width:100%; height:32px; line-height:32px; background-color:rgba(0,0,0,.8); background-color:#0009円; filter:Alpha(opacity=80); color:#fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:0;}
-.xubox_imgtit{/*position:absolute; left:20px;*/}
-.xubox_imgtit *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
-.xubox_imgtit a{max-width:65%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff;}
-.xubox_imgtit a:hover{color:#fff; text-decoration:underline;}
-.xubox_imgtit em{padding-left:10px;}
-
-
diff --git a/package.json b/package.json
index 0578b2e5..7b0f29ac 100644
--- a/package.json
+++ b/package.json
@@ -1,26 +1,40 @@
-{
- "name": "layer",
- "version": "1.8",
- "readmeFilename": "README.md",
- "description": "最懂你的弹层组件,想到即可做到",
- "main": "layer/layer.js",
+{
+ "name": "layer-src",
+ "realname": "layer",
+ "version": "3.5.1",
+ "mobile": "2.0.0",
+ "description": "Web 通用弹出层组件",
+ "main": "src/layer.js",
+ "license": "MIT",
"scripts": {
- "test": "layer.msg('hello')"
+ "run": "gulp"
},
"repository": {
- "type": "git",
- "url": "https://github.com/sentsin/layer.git"
+ "type": "https",
+ "url": "git+https://github.com/sentsin/layer.git"
+ },
+ "devDependencies": {
+ "gulp": "^3.9.0",
+ "gulp-minify-css": "^1.2.4",
+ "gulp-uglify": "^1.5.4",
+ "gulp-rename": "^1.2.2",
+ "gulp-header": "^1.8.8",
+ "del": "^2.2.2"
},
- "keywords": [
- "layer"
- ],
- "author": "贤心",
- "license": "LGPL",
"bugs": {
"url": "https://github.com/sentsin/layer/issues"
},
- "homepage": "http://sentsin.com/sentsin/layer",
- "devDependencies": {
- "grunt": "~0.4.5"
- }
+ "directories": {
+ "test": "test"
+ },
+ "dependencies": {},
+ "keywords": [
+ "layui",
+ "layer",
+ "dialog",
+ "tips",
+ "alert",
+ "confirm",
+ "window"
+ ]
}
diff --git a/src/README.md b/src/README.md
new file mode 100644
index 00000000..f9a84aae
--- /dev/null
+++ b/src/README.md
@@ -0,0 +1,3 @@
+
+## 注意
+开发版源码随时可能会提交,因此生产环境更建议 dist 目录中压缩后的 layer.js。
\ No newline at end of file
diff --git a/src/layer.js b/src/layer.js
new file mode 100644
index 00000000..9c753518
--- /dev/null
+++ b/src/layer.js
@@ -0,0 +1,1390 @@
+
+/*!
+ * layer - 通用 Web 弹出层组件
+ * MIT Licensed
+ */
+
+;!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: {}, 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){
+ //未设置路径,则不主动加载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 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: 260
+ }, 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 ? '
'
+ + '
'+ 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 ? '' : '')
+ + '
'));
+ 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(){
+ if(!content.parents('.'+doms[0])[0]){
+ content.data('display', content.css('display')).show().addClass('layui-layer-wrap').wrap(html[1]);
+ $('#'+ 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');
+ }
+
+ 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);
+};
+
+//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(){ + 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(); + } + wrap.css('display', wrap.data('display')).removeClass(WRAP); + } 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 = '+ area[0] +'; height: '+ area[1] + ';"'; + delete options.area; + } + var prompt, content = options.formType == 2 ? '' : function(){
+ return ''+ tab[0].title +' ';
+ for(; ii < len; ii++){ + str += ''+ tab[ii].title +' ';
+ }
+ }
+ return str;
+ }(),
+ content: ''+ function(){
+ var len = tab.length, ii = 1, str = '';
+ if(len> 0){
+ str = ''+ (tab[0].content || 'no content') +' ';
+ for(; ii < len; ii++){ + str += ''+ (tab[ii].content || 'no content') +' ';
+ }
+ }
+ return str;
+ }() +' ',
+ 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;
+
+ //若 photos 并非选择器或 jQuery 对象,则为普通 object
+ var isObject = !(typeof options.photos === 'string' || options.photos instanceof $)
+ ,photos = isObject ? options.photos : {}
+ ,data = photos.data || []
+ ,start = photos.start || 0;
+
+ dict.imgIndex = (start|0) + 1;
+ options.img = options.img || 'img';
+
+ var success = options.success;
+ delete options.success;
+
+ //如果 options.photos 不是一个对象
+ if(!isObject){ //页面直接获取
+ 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: ''
+ +''
+ +function(){
+ if(data.length> 1){
+ return '
'
+ +''
+ +'
'+ dict.imgIndex +' / '+ data.length +'
'
+ +'
'
+ }
+ return '';
+ }()
+ +'
'+ (titype ? config.title[0] : config.title) +' '
+ : '';
+ }());
+
+ //按钮区域
+ var button = (function(){
+ typeof config.btn === 'string' && (config.btn = [config.btn]);
+ var btns = (config.btn || []).length, btndom;
+ if(btns === 0 || !config.btn){
+ return '';
+ }
+ btndom = ''+ config.btn[0] +' '
+ if(btns === 2){
+ btndom = ''+ config.btn[1] +' ' + btndom;
+ }
+ return ''+ btndom + '
';
+ }());
+
+ if(!config.fixed){
+ config.top = config.hasOwnProperty('top') ? config.top : 100;
+ config.style = config.style || '';
+ config.style += ' top:'+ ( doc.body.scrollTop + config.top) + 'px';
+ }
+
+ if(config.type === 2){
+ config.content = ''+ (config.content||'') +'
';
+ }
+
+ if(config.skin) config.anim = 'up';
+ if(config.skin === 'msg') config.shade = false;
+
+ layerbox.innerHTML = (config.shade ? '
' : '')
+ +''
+ +'
'
+ +'
'
+ + title
+ +'
'+ config.content +'
'
+ + button
+ +'
'
+ +'
'
+ +'
layer-更懂你的web弹窗解决方案
+
+
+
+
+
+
+
+
+
+ @Name:layer
+ @Version:v
+ @Description:通用 Web 弹层组件
+
+
+【注意事项】
+一、使用时,请把文件夹 layer 整个放置在您站点的任何一个目录,只需引入 layer.js 即可,除 jQuery 外,其它文件无需再引入。
+二、如果您的 js 引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您可以通过 layer.config() 来配置(详见官网 API 页)
+三、jQuery 需 1.8+
+四、更多使用说明与演示,请参见 layer 官网。
+五、使用时请务必保留来源,请勿用于违反我国法律法规的 Web 平台。
+六、layer 是一款无偿的公益性项目,遵循 MIT 开源协议。
+
+