loumengning
/
shop
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
326 Commits
3 Branches
51 MiB
 
 
 
 
 
 
Tree: 151b92eb6a
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '151b92eb6a'
${ noResults }
shop/public/assets/libs/fastadmin-layer/src/layer.js

1327 lines
39 KiB
Raw Blame History 

  1. /**

  2. 

  3.  @Name：layer v3.1.4 Web弹层组件

  4.  @Author：贤心

  5.  @Site：http://layer.layui.com

  6.  @License：MIT

  7.     

  8.  */

  9. 

  10. ;!function(window, undefined){

  11. "use strict";

  12. 

  13. var isLayui = window.layui && layui.define, $, win, ready = {

  14.   getPath: function(){

  15.     var jsPath = document.currentScript ? document.currentScript.src : function(){

  16.       var js = document.scripts

  17.       ,last = js.length - 1

  18.       ,src;

  19.       for(var i = last; i > 0; i--){

  20.         if(js[i].readyState === 'interactive'){

  21.           src = js[i].src;

  22.           break;

  23.         }

  24.       }

  25.       return src || js[last].src;

  26.     }();

  27.     return jsPath.substring(0, jsPath.lastIndexOf('/') + 1);

  28.   }(),

  29. 

  30.   config: {}, end: {}, minIndex: 0, minLeft: [],

  31.   btn: ['确定', '取消'],

  32. 

  33.   //五种原始层模式

  34.   type: ['dialog', 'page', 'iframe', 'loading', 'tips'],

  35.   

  36.   //获取节点的style属性值

  37.   getStyle: function(node, name){

  38.     var style = node.currentStyle ? node.currentStyle : window.getComputedStyle(node, null);

  39.     return style[style.getPropertyValue ? 'getPropertyValue' : 'getAttribute'](name);

  40.   },

  41.   

  42.   //载入CSS配件

  43.   link: function(href, fn, cssname){

  44.     

  45.     //未设置路径，则不主动加载css

  46.     if(!layer.path) return;

  47.     

  48.     var head = document.getElementsByTagName("head")[0], link = document.createElement('link');

  49.     if(typeof fn === 'string') cssname = fn;

  50.     var app = (cssname || href).replace(/\.|\//g, '');

  51.     var id = 'layuicss-'+ app, timeout = 0;

  52.     

  53.     link.rel = 'stylesheet';

  54.     link.href = layer.path + href;

  55.     link.id = id;

  56.     

  57.     if(!document.getElementById(id)){

  58.       head.appendChild(link);

  59.     }

  60.     

  61.     if(typeof fn !== 'function') return;

  62.     

  63.     //轮询css是否加载完毕

  64.     (function poll() {

  65.       if(++timeout > 8 * 1000 / 100){

  66.         return window.console && console.error('layer.css: Invalid');

  67.       };

  68.       parseInt(ready.getStyle(document.getElementById(id), 'width')) === 1989 ? fn() : setTimeout(poll, 100);

  69.     }());

  70.   }

  71. };

  72. 

  73. //默认内置方法。

  74. var layer = {

  75.   v: '3.1.1',

  76.   ie: function(){ //ie版本

  77.     var agent = navigator.userAgent.toLowerCase();

  78.     return (!!window.ActiveXObject || "ActiveXObject" in window) ? (

  79.       (agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于ie11并没有msie的标识

  80.     ) : false;

  81.   }(),

  82.   index: (window.layer && window.layer.v) ? 100000 : 0,

  83.   path: ready.getPath,

  84.   config: function(options, fn){

  85.     options = options || {};

  86.     cache = layer.cache = ready.config = $.extend({}, ready.config, options);

  87.     layer.path = ready.config.path || layer.path;

  88.     typeof options.extend === 'string' && (options.extend = [options.extend]);

  89.     

  90.     if(ready.config.path) layer.ready();

  91.     

  92.     if(!options.extend) return this;

  93.     

  94.     isLayui 

  95.       ? layui.addcss('modules/layer/' + options.extend)

  96.     : ready.link('theme/' + options.extend);

  97.     

  98.     return this;

  99.   },

  100. 

  101.   //主体CSS等待事件

  102.   ready: function(callback){

  103.     var cssname = 'layer', ver = ''

  104.     ,path = (isLayui ? 'modules/layer/' : 'theme/') + 'default/layer.css?v='+ layer.v + ver;

  105.     isLayui ? layui.addcss(path, callback, cssname) : ready.link(path, callback, cssname);

  106.     return this;

  107.   },

  108.   

  109.   //各种快捷引用

  110.   alert: function(content, options, yes){

  111.     var type = typeof options === 'function';

  112.     if(type) yes = options;

  113.     return layer.open($.extend({

  114.       content: content,

  115.       yes: yes

  116.     }, type ? {} : options));

  117.   }, 

  118.   

  119.   confirm: function(content, options, yes, cancel){ 

  120.     var type = typeof options === 'function';

  121.     if(type){

  122.       cancel = yes;

  123.       yes = options;

  124.     }

  125.     return layer.open($.extend({

  126.       content: content,

  127.       btn: ready.btn,

  128.       yes: yes,

  129.       btn2: cancel

  130.     }, type ? {} : options));

  131.   },

  132.   

  133.   msg: function(content, options, end){ //最常用提示层

  134.     var type = typeof options === 'function', rskin = ready.config.skin;

  135.     var skin = (rskin ? rskin + ' ' + rskin + '-msg' : '')||'layui-layer-msg';

  136.     var anim = doms.anim.length - 1;

  137.     if(type) end = options;

  138.     return layer.open($.extend({

  139.       content: content,

  140.       time: 3000,

  141.       shade: false,

  142.       skin: skin,

  143.       title: false,

  144.       closeBtn: false,

  145.       btn: false,

  146.       resize: false,

  147.       end: end

  148.     }, (type && !ready.config.skin) ? {

  149.       skin: skin + ' layui-layer-hui',

  150.       anim: anim

  151.     } : function(){

  152.        options = options || {};

  153.        if(options.icon === -1 || options.icon === undefined){

  154.          options.skin = skin + ' ' + (options.skin||'layui-layer-hui');

  155.        }

  156.        return options;

  157.     }()));  

  158.   },

  159.   

  160.   load: function(icon, options){

  161.     return layer.open($.extend({

  162.       type: 3,

  163.       icon: icon || 0,

  164.       resize: false,

  165.       shade: 0.01

  166.     }, options));

  167.   }, 

  168.   

  169.   tips: function(content, follow, options){

  170.     return layer.open($.extend({

  171.       type: 4,

  172.       content: [content, follow],

  173.       closeBtn: false,

  174.       time: 3000,

  175.       shade: false,

  176.       resize: false,

  177.       fixed: false,

  178.       maxWidth: 210

  179.     }, options));

  180.   }

  181. };

  182. 

  183. var Class = function(setings){  

  184.   var that = this;

  185.   that.index = ++layer.index;

  186.   that.config = $.extend({}, that.config, ready.config, setings);

  187.   document.body ? that.creat() : setTimeout(function(){

  188.     that.creat();

  189.   }, 30);

  190. };

  191. 

  192. Class.pt = Class.prototype;

  193. 

  194. //缓存常用字符

  195. 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'];

  196. doms.anim = ['layer-anim-00', 'layer-anim-01', 'layer-anim-02', 'layer-anim-03', 'layer-anim-04', 'layer-anim-05', 'layer-anim-06'];

  197. 

  198. //默认配置

  199. Class.pt.config = {

  200.   type: 0,

  201.   shade: 0.3,

  202.   fixed: true,

  203.   move: doms[1],

  204.   title: '信息',

  205.   offset: 'auto',

  206.   area: 'auto',

  207.   closeBtn: 1,

  208.   time: 0, //0表示不自动关闭

  209.   zIndex: 19891014, 

  210.   maxWidth: 360,

  211.   anim: 0,

  212.   isOutAnim: true,

  213.   focusBtn: 0,

  214.   icon: -1,

  215.   moveType: 1,

  216.   resize: true,

  217.   scrollbar: true, //是否允许浏览器滚动条

  218.   tips: 2

  219. };

  220. 

  221. //容器

  222. Class.pt.vessel = function(conType, callback){

  223.   var that = this, times = that.index, config = that.config;

  224.   var zIndex = config.zIndex + times, titype = typeof config.title === 'object';

  225.   var ismax = config.maxmin && (config.type === 1 || config.type === 2);

  226.   var titleHTML = (config.title ? '<div class="layui-layer-title" style="'+ (titype ? config.title[1] : '') +'">' 

  227.     + (titype ? config.title[0] : config.title) 

  228.   + '</div>' : '');

  229.   

  230.   config.zIndex = zIndex;

  231.   callback([

  232.     //遮罩

  233.     config.shade ? ('<div class="layui-layer-shade" id="layui-layer-shade'+ times +'" times="'+ times +'" style="'+ ('z-index:'+ (zIndex-1) +'; ') +'"></div>') : '',

  234.     

  235.     //主体

  236.     '<div class="'+ doms[0] + (' layui-layer-'+ready.type[config.type]) + (((config.type == 0 || config.type == 2) && !config.shade) ? ' layui-layer-border' : '') + ' ' + (config.skin||'') +'" id="'+ doms[0] + times +'" type="'+ ready.type[config.type] +'" times="'+ times +'" showtime="'+ config.time +'" conType="'+ (conType ? 'object' : 'string') +'" style="z-index: '+ zIndex +'; width:'+ config.area[0] + ';height:' + config.area[1] + (config.fixed ? '' : ';position:absolute;') +'">'

  237.       + (conType && config.type != 2 ? '' : titleHTML)

  238.       + '<div id="'+ (config.id||'') +'" class="layui-layer-content'+ ((config.type == 0 && config.icon !== -1) ? ' layui-layer-padding' :'') + (config.type == 3 ? ' layui-layer-loading'+config.icon : '') +'">'

  239.         + (config.type == 0 && config.icon !== -1 ? '<i class="layui-layer-ico layui-layer-ico'+ config.icon +'"></i>' : '')

  240.         + (config.type == 1 && conType ? '' : (config.content||''))

  241.       + '</div>'

  242.       + '<span class="layui-layer-setwin">'+ function(){

  243.         var closebtn = ismax ? '<a class="layui-layer-min" href="javascript:;"><cite></cite></a><a class="layui-layer-ico layui-layer-max" href="javascript:;"></a>' : '';

  244.         config.closeBtn && (closebtn += '<a class="layui-layer-ico '+ doms[7] +' '+ doms[7] + (config.title ? config.closeBtn : (config.type == 4 ? '1' : '2')) +'" href="javascript:;"></a>');

  245.         return closebtn;

  246.       }() + '</span>'

  247.       + (config.btn ? function(){

  248.         var button = '';

  249.         typeof config.btn === 'string' && (config.btn = [config.btn]);

  250.         for(var i = 0, len = config.btn.length; i < len; i++){

  251.           button += '<a class="'+ doms[6] +''+ i +'" href="javascript:;">'+ config.btn[i] +'</a>'

  252.         }

  253.         return '<div class="'+ doms[6] +' layui-layer-btn-'+ (config.btnAlign||'') +'">'+ button +'</div>'

  254.       }() : '')

  255.       + (config.resize ? '<span class="layui-layer-resize"></span>' : '')

  256.     + '</div>'

  257.   ], titleHTML, $('<div class="layui-layer-move"></div>'));

  258.   return that;

  259. };

  260. 

  261. //创建骨架

  262. Class.pt.creat = function(){

  263.   var that = this

  264.   ,config = that.config

  265.   ,times = that.index, nodeIndex

  266.   ,content = config.content

  267.   ,conType = typeof content === 'object'

  268.   ,body = $('body');

  269.   

  270.   if(config.id && $('#'+config.id)[0])  return;

  271. 

  272.   if(typeof config.area === 'string'){

  273.     config.area = config.area === 'auto' ? ['', ''] : [config.area, ''];

  274.   }

  275.   

  276.   //anim兼容旧版shift

  277.   if(config.shift){

  278.     config.anim = config.shift;

  279.   }

  280.   

  281.   if(layer.ie == 6){

  282.     config.fixed = false;

  283.   }

  284.   

  285.   switch(config.type){

  286.     case 0:

  287.       config.btn = ('btn' in config) ? config.btn : ready.btn[0];

  288.       layer.closeAll('dialog');

  289.     break;

  290.     case 2:

  291.       var content = config.content = conType ? config.content : [config.content||'http://layer.layui.com', 'auto'];

  292.       config.content = '<iframe scrolling="'+ (config.content[1]||'auto') +'" allowtransparency="true" id="'+ doms[4] +''+ times +'" name="'+ doms[4] +''+ times +'" onload="this.className=\'\';" class="layui-layer-load" frameborder="0" src="' + config.content[0] + '"></iframe>';

  293.     break;

  294.     case 3:

  295.       delete config.title;

  296.       delete config.closeBtn;

  297.       config.icon === -1 && (config.icon === 0);

  298.       layer.closeAll('loading');

  299.     break;

  300.     case 4:

  301.       conType || (config.content = [config.content, 'body']);

  302.       config.follow = config.content[1];

  303.       config.content = config.content[0] + '<i class="layui-layer-TipsG"></i>';

  304.       delete config.title;

  305.       config.tips = typeof config.tips === 'object' ? config.tips : [config.tips, true];

  306.       config.tipsMore || layer.closeAll('tips');

  307.     break;

  308.   }

  309.   

  310.   //建立容器

  311.   that.vessel(conType, function(html, titleHTML, moveElem){

  312.     body.append(html[0]);

  313.     conType ? function(){

  314.       (config.type == 2 || config.type == 4) ? function(){

  315.         $('body').append(html[1]);

  316.       }() : function(){

  317.         if(!content.parents('.'+doms[0])[0]){

  318.           content.data('display', content.css('display')).show().addClass('layui-layer-wrap').wrap(html[1]);

  319.           $('#'+ doms[0] + times).find('.'+doms[5]).before(titleHTML);

  320.         }

  321.       }();

  322.     }() : body.append(html[1]);

  323.     $('.layui-layer-move')[0] || body.append(ready.moveElem = moveElem);

  324.     that.layero = $('#'+ doms[0] + times);

  325.     config.scrollbar || doms.html.css('overflow', 'hidden').attr('layer-full', times);

  326.   }).auto(times);

  327.   

  328.   //遮罩

  329.   $('#layui-layer-shade'+ that.index).css({

  330.     'background-color': config.shade[1] || '#000'

  331.     ,'opacity': config.shade[0]||config.shade

  332.   });

  333. 

  334.   config.type == 2 && layer.ie == 6 && that.layero.find('iframe').attr('src', content[0]);

  335. 

  336.   //坐标自适应浏览器窗口尺寸

  337.   config.type == 4 ? that.tips() : that.offset();

  338.   if(config.fixed){

  339.     win.on('resize', function(){

  340.       that.offset();

  341.       (/^\d+%$/.test(config.area[0]) || /^\d+%$/.test(config.area[1])) && that.auto(times);

  342.       config.type == 4 && that.tips();

  343.     });

  344.   }

  345.   

  346.   config.time <= 0 || setTimeout(function(){

  347.     layer.close(that.index)

  348.   }, config.time);

  349.   that.move().callback();

  350.   

  351.   //为兼容jQuery3.0的css动画影响元素尺寸计算

  352.   if(doms.anim[config.anim]){

  353.     var animClass = 'layer-anim '+ doms.anim[config.anim];

  354.     that.layero.addClass(animClass).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){

  355.       $(this).removeClass(animClass);

  356.     });

  357.   };

  358.   

  359.   //记录关闭动画

  360.   if(config.isOutAnim){

  361.     that.layero.data('isOutAnim', true);

  362.   }

  363. };

  364. 

  365. //自适应

  366. Class.pt.auto = function(index){

  367.   var that = this, config = that.config, layero = $('#'+ doms[0] + index);

  368.   

  369.   if(config.area[0] === '' && config.maxWidth > 0){

  370.     //为了修复IE7下一个让人难以理解的bug

  371.     if(layer.ie && layer.ie < 8 && config.btn){

  372.       layero.width(layero.innerWidth());

  373.     }

  374.     layero.outerWidth() > config.maxWidth && layero.width(config.maxWidth);

  375.   }

  376.   

  377.   var area = [layero.innerWidth(), layero.innerHeight()]

  378.   ,titHeight = layero.find(doms[1]).outerHeight() || 0

  379.   ,btnHeight = layero.find('.'+doms[6]).outerHeight() || 0

  380.   ,setHeight = function(elem){

  381.     elem = layero.find(elem);

  382.     elem.height(area[1] - titHeight - btnHeight - 2*(parseFloat(elem.css('padding-top'))|0));

  383.   };

  384. 

  385.   switch(config.type){

  386.     case 2: 

  387.       setHeight('iframe');

  388.     break;

  389.     default:

  390.       if(config.area[1] === ''){

  391.         if(config.maxHeight > 0 && layero.outerHeight() > config.maxHeight){

  392.           area[1] = config.maxHeight;

  393.           setHeight('.'+doms[5]);

  394.         } else if(config.fixed && area[1] >= win.height()){

  395.           area[1] = win.height();

  396.           setHeight('.'+doms[5]);

  397.         }

  398.       } else {

  399.         setHeight('.'+doms[5]);

  400.       }

  401.     break;

  402.   };

  403.   

  404.   return that;

  405. };

  406. 

  407. //计算坐标

  408. Class.pt.offset = function(){

  409.   var that = this, config = that.config, layero = that.layero;

  410.   var area = [layero.outerWidth(), layero.outerHeight()];

  411.   var type = typeof config.offset === 'object';

  412.   that.offsetTop = (win.height() - area[1])/2;

  413.   that.offsetLeft = (win.width() - area[0])/2;

  414.   

  415.   if(type){

  416.     that.offsetTop = config.offset[0];

  417.     that.offsetLeft = config.offset[1]||that.offsetLeft;

  418.   } else if(config.offset !== 'auto'){

  419.     

  420.     if(config.offset === 't'){ //上

  421.       that.offsetTop = 0;

  422.     } else if(config.offset === 'r'){ //右

  423.       that.offsetLeft = win.width() - area[0];

  424.     } else if(config.offset === 'b'){ //下

  425.       that.offsetTop = win.height() - area[1];

  426.     } else if(config.offset === 'l'){ //左

  427.       that.offsetLeft = 0;

  428.     } else if(config.offset === 'lt'){ //左上角

  429.       that.offsetTop = 0;

  430.       that.offsetLeft = 0;

  431.     } else if(config.offset === 'lb'){ //左下角

  432.       that.offsetTop = win.height() - area[1];

  433.       that.offsetLeft = 0;

  434.     } else if(config.offset === 'rt'){ //右上角

  435.       that.offsetTop = 0;

  436.       that.offsetLeft = win.width() - area[0];

  437.     } else if(config.offset === 'rb'){ //右下角

  438.       that.offsetTop = win.height() - area[1];

  439.       that.offsetLeft = win.width() - area[0];

  440.     } else {

  441.       that.offsetTop = config.offset;

  442.     }

  443.     

  444.   }

  445.  

  446.   if(!config.fixed){

  447.     that.offsetTop = /%$/.test(that.offsetTop) ? 

  448.       win.height()*parseFloat(that.offsetTop)/100

  449.     : parseFloat(that.offsetTop);

  450.     that.offsetLeft = /%$/.test(that.offsetLeft) ? 

  451.       win.width()*parseFloat(that.offsetLeft)/100

  452.     : parseFloat(that.offsetLeft);

  453.     that.offsetTop += win.scrollTop();

  454.     that.offsetLeft += win.scrollLeft();

  455.   }

  456.   

  457.   if(layero.attr('minLeft')){

  458.     that.offsetTop = win.height() - (layero.find(doms[1]).outerHeight() || 0);

  459.     that.offsetLeft = layero.css('left');

  460.   }

  461. 

  462.   layero.css({top: that.offsetTop, left: that.offsetLeft});

  463. };

  464. 

  465. //Tips

  466. Class.pt.tips = function(){

  467.   var that = this, config = that.config, layero = that.layero;

  468.   var layArea = [layero.outerWidth(), layero.outerHeight()], follow = $(config.follow);

  469.   if(!follow[0]) follow = $('body');

  470.   var goal = {

  471.     width: follow.outerWidth(),

  472.     height: follow.outerHeight(),

  473.     top: follow.offset().top,

  474.     left: follow.offset().left

  475.   }, tipsG = layero.find('.layui-layer-TipsG');

  476.   

  477.   var guide = config.tips[0];

  478.   config.tips[1] || tipsG.remove();

  479.   

  480.   goal.autoLeft = function(){

  481.     if(goal.left + layArea[0] - win.width() > 0){

  482.       goal.tipLeft = goal.left + goal.width - layArea[0];

  483.       tipsG.css({right: 12, left: 'auto'});

  484.     } else {

  485.       goal.tipLeft = goal.left;

  486.     };

  487.   };

  488.   

  489.   //辨别tips的方位

  490.   goal.where = [function(){ //上        

  491.     goal.autoLeft();

  492.     goal.tipTop = goal.top - layArea[1] - 10;

  493.     tipsG.removeClass('layui-layer-TipsB').addClass('layui-layer-TipsT').css('border-right-color', config.tips[1]);

  494.   }, function(){ //右

  495.     goal.tipLeft = goal.left + goal.width + 10;

  496.     goal.tipTop = goal.top;

  497.     tipsG.removeClass('layui-layer-TipsL').addClass('layui-layer-TipsR').css('border-bottom-color', config.tips[1]); 

  498.   }, function(){ //下

  499.     goal.autoLeft();

  500.     goal.tipTop = goal.top + goal.height + 10;

  501.     tipsG.removeClass('layui-layer-TipsT').addClass('layui-layer-TipsB').css('border-right-color', config.tips[1]);

  502.   }, function(){ //左

  503.     goal.tipLeft = goal.left - layArea[0] - 10;

  504.     goal.tipTop = goal.top;

  505.     tipsG.removeClass('layui-layer-TipsR').addClass('layui-layer-TipsL').css('border-bottom-color', config.tips[1]);

  506.   }];

  507.   goal.where[guide-1]();

  508.   

  509.   /* 8*2为小三角形占据的空间 */

  510.   if(guide === 1){

  511.     goal.top - (win.scrollTop() + layArea[1] + 8*2) < 0 && goal.where[2]();

  512.   } else if(guide === 2){

  513.     win.width() - (goal.left + goal.width + layArea[0] + 8*2) > 0 || goal.where[3]()

  514.   } else if(guide === 3){

  515.     (goal.top - win.scrollTop() + goal.height + layArea[1] + 8*2) - win.height() > 0 && goal.where[0]();

  516.   } else if(guide === 4){

  517.      layArea[0] + 8*2 - goal.left > 0 && goal.where[1]()

  518.   }

  519. 

  520.   layero.find('.'+doms[5]).css({

  521.     'background-color': config.tips[1], 

  522.     'padding-right': (config.closeBtn ? '30px' : '')

  523.   });

  524.   layero.css({

  525.     left: goal.tipLeft - (config.fixed ? win.scrollLeft() : 0), 

  526.     top: goal.tipTop  - (config.fixed ? win.scrollTop() : 0)

  527.   });

  528. }

  529. 

  530. //拖拽层

  531. Class.pt.move = function(){

  532.   var that = this

  533.   ,config = that.config

  534.   ,_DOC = $(document)

  535.   ,layero = that.layero

  536.   ,moveElem = layero.find(config.move)

  537.   ,resizeElem = layero.find('.layui-layer-resize')

  538.   ,dict = {};

  539.   

  540.   if(config.move){

  541.     moveElem.css('cursor', 'move');

  542.   }

  543. 

  544.   moveElem.on('mousedown', function(e){

  545.     e.preventDefault();

  546.     if(config.move){

  547.       dict.moveStart = true;

  548.       dict.offset = [

  549.         e.clientX - parseFloat(layero.css('left'))

  550.         ,e.clientY - parseFloat(layero.css('top'))

  551.       ];

  552.       ready.moveElem.css('cursor', 'move').show();

  553.     }

  554.   });

  555.   

  556.   resizeElem.on('mousedown', function(e){

  557.     e.preventDefault();

  558.     dict.resizeStart = true;

  559.     dict.offset = [e.clientX, e.clientY];

  560.     dict.area = [

  561.       layero.outerWidth()

  562.       ,layero.outerHeight()

  563.     ];

  564.     ready.moveElem.css('cursor', 'se-resize').show();

  565.   });

  566.   

  567.   _DOC.on('mousemove', function(e){

  568. 

  569.     //拖拽移动

  570.     if(dict.moveStart){

  571.       var X = e.clientX - dict.offset[0]

  572.       ,Y = e.clientY - dict.offset[1]

  573.       ,fixed = layero.css('position') === 'fixed';

  574.       

  575.       e.preventDefault();

  576.       

  577.       dict.stX = fixed ? 0 : win.scrollLeft();

  578.       dict.stY = fixed ? 0 : win.scrollTop();

  579. 

  580.       //控制元素不被拖出窗口外

  581.       if(!config.moveOut){

  582.         var setRig = win.width() - layero.outerWidth() + dict.stX

  583.         ,setBot = win.height() - layero.outerHeight() + dict.stY;  

  584.         X < dict.stX && (X = dict.stX);

  585.         X > setRig && (X = setRig); 

  586.         Y < dict.stY && (Y = dict.stY);

  587.         Y > setBot && (Y = setBot);

  588.       }

  589.       

  590.       layero.css({

  591.         left: X

  592.         ,top: Y

  593.       });

  594.     }

  595.     

  596.     //Resize

  597.     if(config.resize && dict.resizeStart){

  598.       var X = e.clientX - dict.offset[0]

  599.       ,Y = e.clientY - dict.offset[1];

  600.       

  601.       e.preventDefault();

  602.       

  603.       layer.style(that.index, {

  604.         width: dict.area[0] + X

  605.         ,height: dict.area[1] + Y

  606.       })

  607.       dict.isResize = true;

  608.       config.resizing && config.resizing(layero);

  609.     }

  610.   }).on('mouseup', function(e){

  611.     if(dict.moveStart){

  612.       delete dict.moveStart;

  613.       ready.moveElem.hide();

  614.       config.moveEnd && config.moveEnd(layero);

  615.     }

  616.     if(dict.resizeStart){

  617.       delete dict.resizeStart;

  618.       ready.moveElem.hide();

  619.     }

  620.   });

  621.   

  622.   return that;

  623. };

  624. 

  625. Class.pt.callback = function(){

  626.   var that = this, layero = that.layero, config = that.config;

  627.   that.openLayer();

  628.   if(config.success){

  629.     if(config.type == 2){

  630.       layero.find('iframe').on('load', function(){

  631.         config.success(layero, that.index);

  632.       });

  633.     } else {

  634.       config.success(layero, that.index);

  635.     }

  636.   }

  637.   layer.ie == 6 && that.IE6(layero);

  638.   

  639.   //按钮

  640.   layero.find('.'+ doms[6]).children('a').on('click', function(){

  641.     var index = $(this).index();

  642.     if(index === 0){

  643.       if(config.yes){

  644.         config.yes(that.index, layero)

  645.       } else if(config['btn1']){

  646.         config['btn1'](that.index, layero)

  647.       } else {

  648.         layer.close(that.index);

  649.       }

  650.     } else {

  651.       var close = config['btn'+(index+1)] && config['btn'+(index+1)](that.index, layero);

  652.       close === false || layer.close(that.index);

  653.     }

  654.   });

  655. 

  656.   //按钮焦点

  657.   if (typeof config.focusBtn === 'number') {

  658.     var focusBtn = layero.find('.' + doms[6]).children('a').eq(config.focusBtn);

  659.     if (focusBtn.size() > 0) {

  660.       var position = focusBtn.position();

  661.       var style = {

  662.         width: focusBtn.outerWidth(), height: focusBtn.outerHeight(), left: position.left, top: position.top,

  663.         marginTop: focusBtn.css("marginTop"),

  664.         marginLeft: focusBtn.css("marginLeft"),

  665.       };

  666.       var confirmBtn = $("<button class='layui-layer-confirm'></button>").css(style);

  667.       layero.find('.' + doms[6]).after(confirmBtn);

  668.       confirmBtn.focus().click(function () {

  669.         focusBtn.trigger("click");

  670.         return false;

  671.       }).on("focus blur", function (e) {

  672.         focusBtn.toggleClass("focus", e.type === "focus");

  673.       });

  674.     }

  675.   }

  676. 

  677.   //取消

  678.   function cancel(){

  679.     var close = config.cancel && config.cancel(that.index, layero);

  680.     close === false || layer.close(that.index);

  681.   }

  682.   

  683.   //右上角关闭回调

  684.   layero.find('.'+ doms[7]).on('click', cancel);

  685.   

  686.   //点遮罩关闭

  687.   if(config.shadeClose){

  688.     $('#layui-layer-shade'+ that.index).on('click', function(){

  689.       layer.close(that.index);

  690.     });

  691.   } 

  692.   

  693.   //最小化

  694.   layero.find('.layui-layer-min').on('click', function(){

  695.     var min = config.min && config.min(layero);

  696.     min === false || layer.min(that.index, config); 

  697.   });

  698.   

  699.   //全屏/还原

  700.   layero.find('.layui-layer-max').on('click', function(){

  701.     if($(this).hasClass('layui-layer-maxmin')){

  702.       layer.restore(that.index);

  703.       config.restore && config.restore(layero);

  704.     } else {

  705.       layer.full(that.index, config);

  706.       setTimeout(function(){

  707.         config.full && config.full(layero);

  708.       }, 100);

  709.     }

  710.   });

  711. 

  712.   config.end && (ready.end[that.index] = config.end);

  713. };

  714. 

  715. //for ie6 恢复select

  716. ready.reselect = function(){

  717.   $.each($('select'), function(index , value){

  718.     var sthis = $(this);

  719.     if(!sthis.parents('.'+doms[0])[0]){

  720.       (sthis.attr('layer') == 1 && $('.'+doms[0]).length < 1) && sthis.removeAttr('layer').show(); 

  721.     }

  722.     sthis = null;

  723.   });

  724. }; 

  725. 

  726. Class.pt.IE6 = function(layero){

  727.   //隐藏select

  728.   $('select').each(function(index , value){

  729.     var sthis = $(this);

  730.     if(!sthis.parents('.'+doms[0])[0]){

  731.       sthis.css('display') === 'none' || sthis.attr({'layer' : '1'}).hide();

  732.     }

  733.     sthis = null;

  734.   });

  735. };

  736. 

  737. //需依赖原型的对外方法

  738. Class.pt.openLayer = function(){

  739.   var that = this;

  740.   

  741.   //置顶当前窗口

  742.   layer.zIndex = that.config.zIndex;

  743.   layer.setTop = function(layero){

  744.     var setZindex = function(){

  745.       layer.zIndex++;

  746.       layero.css('z-index', layer.zIndex + 1);

  747.     };

  748.     layer.zIndex = parseInt(layero[0].style.zIndex);

  749.     layero.on('mousedown', setZindex);

  750.     return layer.zIndex;

  751.   };

  752. };

  753. 

  754. ready.record = function(layero){

  755.   var area = [

  756.     layero.width(),

  757.     layero.height(),

  758.     layero.position().top, 

  759.     layero.position().left + parseFloat(layero.css('margin-left'))

  760.   ];

  761.   layero.find('.layui-layer-max').addClass('layui-layer-maxmin');

  762.   layero.attr({area: area});

  763. };

  764. 

  765. ready.rescollbar = function(index){

  766.   if(doms.html.attr('layer-full') == index){

  767.     if(doms.html[0].style.removeProperty){

  768.       doms.html[0].style.removeProperty('overflow');

  769.     } else {

  770.       doms.html[0].style.removeAttribute('overflow');

  771.     }

  772.     doms.html.removeAttr('layer-full');

  773.   }

  774. };

  775. 

  776. /** 内置成员 */

  777. 

  778. window.layer = layer;

  779. 

  780. //获取子iframe的DOM

  781. layer.getChildFrame = function(selector, index){

  782.   index = index || $('.'+doms[4]).attr('times');

  783.   return $('#'+ doms[0] + index).find('iframe').contents().find(selector);  

  784. };

  785. 

  786. //得到当前iframe层的索引，子iframe时使用

  787. layer.getFrameIndex = function(name){

  788.   return $('#'+ name).parents('.'+doms[4]).attr('times');

  789. };

  790. 

  791. //iframe层自适应宽高

  792. layer.iframeAuto = function(index){

  793.   if(!index) return;

  794.   var heg = layer.getChildFrame('html', index).outerHeight();

  795.   var layero = $('#'+ doms[0] + index);

  796.   var titHeight = layero.find(doms[1]).outerHeight() || 0;

  797.   var btnHeight = layero.find('.'+doms[6]).outerHeight() || 0;

  798.   layero.css({height: heg + titHeight + btnHeight});

  799.   layero.find('iframe').css({height: heg});

  800. };

  801. 

  802. //重置iframe url

  803. layer.iframeSrc = function(index, url){

  804.   $('#'+ doms[0] + index).find('iframe').attr('src', url);

  805. };

  806. 

  807. //设定层的样式

  808. layer.style = function(index, options, limit){

  809.   var layero = $('#'+ doms[0] + index)

  810.   ,contElem = layero.find('.layui-layer-content')

  811.   ,type = layero.attr('type')

  812.   ,titHeight = layero.find(doms[1]).outerHeight() || 0

  813.   ,btnHeight = layero.find('.'+doms[6]).outerHeight() || 0

  814.   ,minLeft = layero.attr('minLeft');

  815.   

  816.   if(type === ready.type[3] || type === ready.type[4]){

  817.     return;

  818.   }

  819.   

  820.   if(!limit){

  821.     if(parseFloat(options.width) <= 260){

  822.       options.width = 260;

  823.     };

  824.     

  825.     if(parseFloat(options.height) - titHeight - btnHeight <= 64){

  826.       options.height = 64 + titHeight + btnHeight;

  827.     };

  828.   }

  829.   

  830.   layero.css(options);

  831.   btnHeight = layero.find('.'+doms[6]).outerHeight();

  832.   

  833.   if(type === ready.type[2]){

  834.     layero.find('iframe').css({

  835.       height: parseFloat(options.height) - titHeight - btnHeight

  836.     });

  837.   } else {

  838.     contElem.css({

  839.       height: parseFloat(options.height) - titHeight - btnHeight

  840.       - parseFloat(contElem.css('padding-top'))

  841.       - parseFloat(contElem.css('padding-bottom'))

  842.     })

  843.   }

  844. };

  845. 

  846. //最小化

  847. layer.min = function(index, options){

  848.   var layero = $('#'+ doms[0] + index)

  849.   ,titHeight = layero.find(doms[1]).outerHeight() || 0

  850.   ,left = layero.attr('minLeft') || (181*ready.minIndex)+'px'

  851.   ,position = layero.css('position');

  852.   

  853.   ready.record(layero);

  854.   

  855.   if(ready.minLeft[0]){

  856.     left = ready.minLeft[0];

  857.     ready.minLeft.shift();

  858.   }

  859.   

  860.   layero.attr('position', position);

  861.   

  862.   layer.style(index, {

  863.     width: 180

  864.     ,height: titHeight

  865.     ,left: left

  866.     ,top: win.height() - titHeight

  867.     ,position: 'fixed'

  868.     ,overflow: 'hidden'

  869.   }, true);

  870. 

  871.   layero.find('.layui-layer-min').hide();

  872.   layero.attr('type') === 'page' && layero.find(doms[4]).hide();

  873.   ready.rescollbar(index);

  874.   

  875.   if(!layero.attr('minLeft')){

  876.     ready.minIndex++;

  877.   }

  878.   layero.attr('minLeft', left);

  879. };

  880. 

  881. //还原

  882. layer.restore = function(index){

  883.   var layero = $('#'+ doms[0] + index), area = layero.attr('area').split(',');

  884.   var type = layero.attr('type');

  885.   layer.style(index, {

  886.     width: parseFloat(area[0]), 

  887.     height: parseFloat(area[1]), 

  888.     top: parseFloat(area[2]), 

  889.     left: parseFloat(area[3]),

  890.     position: layero.attr('position'),

  891.     overflow: 'visible'

  892.   }, true);

  893.   layero.find('.layui-layer-max').removeClass('layui-layer-maxmin');

  894.   layero.find('.layui-layer-min').show();

  895.   layero.attr('type') === 'page' && layero.find(doms[4]).show();

  896.   ready.rescollbar(index);

  897. };

  898. 

  899. //全屏

  900. layer.full = function(index){

  901.   var layero = $('#'+ doms[0] + index), timer;

  902.   ready.record(layero);

  903.   if(!doms.html.attr('layer-full')){

  904.     doms.html.css('overflow','hidden').attr('layer-full', index);

  905.   }

  906.   clearTimeout(timer);

  907.   timer = setTimeout(function(){

  908.     var isfix = layero.css('position') === 'fixed';

  909.     layer.style(index, {

  910.       top: isfix ? 0 : win.scrollTop(),

  911.       left: isfix ? 0 : win.scrollLeft(),

  912.       width: win.width(),

  913.       height: win.height()

  914.     }, true);

  915.     layero.find('.layui-layer-min').hide();

  916.   }, 100);

  917. };

  918. 

  919. //改变title

  920. layer.title = function(name, index){

  921.   var title = $('#'+ doms[0] + (index||layer.index)).find(doms[1]);

  922.   title.html(name);

  923. };

  924. 

  925. //关闭layer总方法

  926. layer.close = function(index){

  927.   var layero = $('#'+ doms[0] + index), type = layero.attr('type'), closeAnim = 'layer-anim-close';

  928.   if(!layero[0]) return;

  929.   var WRAP = 'layui-layer-wrap', remove = function(){

  930.     if(type === ready.type[1] && layero.attr('conType') === 'object'){

  931.       layero.children(':not(.'+ doms[5] +')').remove();

  932.       var wrap = layero.find('.'+WRAP);

  933.       for(var i = 0; i < 2; i++){

  934.         wrap.unwrap();

  935.       }

  936.       wrap.css('display', wrap.data('display')).removeClass(WRAP);

  937.     } else {

  938.       //低版本IE 回收 iframe

  939.       if(type === ready.type[2]){

  940.         try {

  941.           var iframe = $('#'+doms[4]+index)[0];

  942.           iframe.contentWindow.document.write('');

  943.           iframe.contentWindow.close();

  944.           layero.find('.'+doms[5])[0].removeChild(iframe);

  945.         } catch(e){}

  946.       }

  947.       layero[0].innerHTML = '';

  948.       layero.remove();

  949.     }

  950.     typeof ready.end[index] === 'function' && ready.end[index]();

  951.     delete ready.end[index];

  952.   };

  953.   

  954.   if(layero.data('isOutAnim')){

  955.     layero.addClass('layer-anim '+ closeAnim);

  956.   }

  957.   

  958.   $('#layui-layer-moves, #layui-layer-shade' + index).remove();

  959.   layer.ie == 6 && ready.reselect();

  960.   ready.rescollbar(index); 

  961.   if(layero.attr('minLeft')){

  962.     ready.minIndex--;

  963.     ready.minLeft.push(layero.attr('minLeft'));

  964.   }

  965.   

  966.   if((layer.ie && layer.ie < 10) || !layero.data('isOutAnim')){

  967.     remove()

  968.   } else {

  969.     setTimeout(function(){

  970.       remove();

  971.     }, 200);

  972.   }

  973. };

  974. 

  975. //关闭所有层

  976. layer.closeAll = function(type){

  977.   $.each($('.'+doms[0]), function(){

  978.     var othis = $(this);

  979.     var is = type ? (othis.attr('type') === type) : 1;

  980.     is && layer.close(othis.attr('times'));

  981.     is = null;

  982.   });

  983. };

  984. 

  985. /** 

  986. 

  987.   拓展模块，layui开始合并在一起

  988. 

  989.  */

  990. 

  991. var cache = layer.cache||{}, skin = function(type){

  992.   return (cache.skin ? (' ' + cache.skin + ' ' + cache.skin + '-'+type) : '');

  993. }; 

  994.  

  995. //仿系统prompt

  996. layer.prompt = function(options, yes){

  997.   var style = '';

  998.   options = options || {};

  999.   

  1000.   if(typeof options === 'function') yes = options;

  1001.   

  1002.   if(options.area){

  1003.     var area = options.area;

  1004.     style = 'style="width: '+ area[0] +'; height: '+ area[1] + ';"';

  1005.     delete options.area;

  1006.   }

  1007.   var prompt, content = options.formType == 2 ? '<textarea class="layui-layer-input"' + style +'>' + (options.value||'') +'</textarea>' : function(){

  1008.     return '<input type="'+ (options.formType == 1 ? 'password' : 'text') +'" class="layui-layer-input" value="'+ (options.value||'') +'">';

  1009.   }();

  1010.   

  1011.   var success = options.success;

  1012.   delete options.success;

  1013.   

  1014.   return layer.open($.extend({

  1015.     type: 1

  1016.     ,btn: ['&#x786E;&#x5B9A;','&#x53D6;&#x6D88;']

  1017.     ,content: content

  1018.     ,skin: 'layui-layer-prompt' + skin('prompt')

  1019.     ,maxWidth: win.width()

  1020.     ,success: function(layero){

  1021.       prompt = layero.find('.layui-layer-input');

  1022.       prompt.focus();

  1023.       typeof success === 'function' && success(layero);

  1024.     }

  1025.     ,resize: false

  1026.     ,yes: function(index){

  1027.       var value = prompt.val();

  1028.       if(value === ''){

  1029.         prompt.focus();

  1030.       } else if(value.length > (options.maxlength||500)) {

  1031.         layer.tips('&#x6700;&#x591A;&#x8F93;&#x5165;'+ (options.maxlength || 500) +'&#x4E2A;&#x5B57;&#x6570;', prompt, {tips: 1});

  1032.       } else {

  1033.         yes && yes(value, index, prompt);

  1034.       }

  1035.     }

  1036.   }, options));

  1037. };

  1038. 

  1039. //tab层

  1040. layer.tab = function(options){

  1041.   options = options || {};

  1042.   

  1043.   var tab = options.tab || {}

  1044.   ,THIS = 'layui-this'

  1045.   ,success = options.success;

  1046.   

  1047.   delete options.success;

  1048.   

  1049.   return layer.open($.extend({

  1050.     type: 1,

  1051.     skin: 'layui-layer-tab' + skin('tab'),

  1052.     resize: false,

  1053.     title: function(){

  1054.       var len = tab.length, ii = 1, str = '';

  1055.       if(len > 0){

  1056.         str = '<span class="'+ THIS +'">'+ tab[0].title +'</span>';

  1057.         for(; ii < len; ii++){

  1058.           str += '<span>'+ tab[ii].title +'</span>';

  1059.         }

  1060.       }

  1061.       return str;

  1062.     }(),

  1063.     content: '<ul class="layui-layer-tabmain">'+ function(){

  1064.       var len = tab.length, ii = 1, str = '';

  1065.       if(len > 0){

  1066.         str = '<li class="layui-layer-tabli '+ THIS +'">'+ (tab[0].content || 'no content') +'</li>';

  1067.         for(; ii < len; ii++){

  1068.           str += '<li class="layui-layer-tabli">'+ (tab[ii].content || 'no  content') +'</li>';

  1069.         }

  1070.       }

  1071.       return str;

  1072.     }() +'</ul>',

  1073.     success: function(layero){

  1074.       var btn = layero.find('.layui-layer-title').children();

  1075.       var main = layero.find('.layui-layer-tabmain').children();

  1076.       btn.on('mousedown', function(e){

  1077.         e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;

  1078.         var othis = $(this), index = othis.index();

  1079.         othis.addClass(THIS).siblings().removeClass(THIS);

  1080.         main.eq(index).show().siblings().hide();

  1081.         typeof options.change === 'function' && options.change(index);

  1082.       });

  1083.       typeof success === 'function' && success(layero);

  1084.     }

  1085.   }, options));

  1086. };

  1087. 

  1088. //相册层

  1089. layer.photos = function(options, loop, key){

  1090.   var dict = {};

  1091.   options = options || {};

  1092.   if(!options.photos) return;

  1093.   var type = options.photos.constructor === Object;

  1094.   var photos = type ? options.photos : {}, data = photos.data || [];

  1095.   var start = photos.start || 0;

  1096.   dict.imgIndex = (start|0) + 1;

  1097.   

  1098.   options.img = options.img || 'img';

  1099.   

  1100.   var success = options.success;

  1101.   delete options.success;

  1102. 

  1103.   if(!type){ //页面直接获取

  1104.     var parent = $(options.photos), pushData = function(){

  1105.       data = [];

  1106.       parent.find(options.img).each(function(index){

  1107.         var othis = $(this);

  1108.         othis.attr('layer-index', index);

  1109.         data.push({

  1110.           alt: othis.attr('alt'),

  1111.           pid: othis.attr('layer-pid'),

  1112.           src: othis.attr('layer-src') || othis.attr('src'),

  1113.           thumb: othis.attr('src')

  1114.         });

  1115.       })

  1116.     };

  1117.     

  1118.     pushData();

  1119.     

  1120.     if (data.length === 0) return;

  1121.     

  1122.     loop || parent.on('click', options.img, function(){

  1123.       var othis = $(this), index = othis.attr('layer-index'); 

  1124.       layer.photos($.extend(options, {

  1125.         photos: {

  1126.           start: index,

  1127.           data: data,

  1128.           tab: options.tab

  1129.         },

  1130.         full: options.full

  1131.       }), true);

  1132.       pushData();

  1133.     })

  1134.     

  1135.     //不直接弹出

  1136.     if(!loop) return;

  1137.     

  1138.   } else if (data.length === 0){

  1139.     return layer.msg('&#x6CA1;&#x6709;&#x56FE;&#x7247;');

  1140.   }

  1141.   

  1142.   //上一张

  1143.   dict.imgprev = function(key){

  1144.     dict.imgIndex--;

  1145.     if(dict.imgIndex < 1){

  1146.       dict.imgIndex = data.length;

  1147.     }

  1148.     dict.tabimg(key);

  1149.   };

  1150.   

  1151.   //下一张

  1152.   dict.imgnext = function(key,errorMsg){

  1153.     dict.imgIndex++;

  1154.     if(dict.imgIndex > data.length){

  1155.       dict.imgIndex = 1;

  1156.       if (errorMsg) {return};

  1157.     }

  1158.     dict.tabimg(key)

  1159.   };

  1160.   

  1161.   //方向键

  1162.   dict.keyup = function(event){

  1163.     if(!dict.end){

  1164.       var code = event.keyCode;

  1165.       event.preventDefault();

  1166.       if(code === 37){

  1167.         dict.imgprev(true);

  1168.       } else if(code === 39) {

  1169.         dict.imgnext(true);

  1170.       } else if(code === 27) {

  1171.         layer.close(dict.index);

  1172.       }

  1173.     }

  1174.   }

  1175.   

  1176.   //切换

  1177.   dict.tabimg = function(key){

  1178.     if(data.length <= 1) return;

  1179.     photos.start = dict.imgIndex - 1;

  1180.     layer.close(dict.index);

  1181.     return layer.photos(options, true, key);

  1182.     setTimeout(function(){

  1183.       layer.photos(options, true, key);

  1184.     }, 200);

  1185.   }

  1186.   

  1187.   //一些动作

  1188.   dict.event = function(){

  1189.     dict.bigimg.hover(function(){

  1190.       dict.imgsee.show();

  1191.     }, function(){

  1192.       dict.imgsee.hide();

  1193.     });

  1194.     

  1195.     dict.bigimg.find('.layui-layer-imgprev').on('click', function(event){

  1196.       event.preventDefault();

  1197.       dict.imgprev();

  1198.     });  

  1199.     

  1200.     dict.bigimg.find('.layui-layer-imgnext').on('click', function(event){     

  1201.       event.preventDefault();

  1202.       dict.imgnext();

  1203.     });

  1204.     

  1205.     $(document).on('keyup', dict.keyup);

  1206.   };

  1207.   

  1208.   //图片预加载

  1209.   function loadImage(url, callback, error) {   

  1210.     var img = new Image();

  1211.     img.src = url; 

  1212.     if(img.complete){

  1213.       return callback(img);

  1214.     }

  1215.     img.onload = function(){

  1216.       img.onload = null;

  1217.       callback(img);

  1218.     };

  1219.     img.onerror = function(e){

  1220.       img.onerror = null;

  1221.       error(e);

  1222.     };  

  1223.   };

  1224.   

  1225.   dict.loadi = layer.load(1, {

  1226.     shade: 'shade' in options ? options["shade"] : 0.9,

  1227.     scrollbar: 'scrollbar' in options ? options["scrollbar"] : false,

  1228.   });

  1229. 

  1230.   loadImage(data[start].src, function(img){

  1231.     layer.close(dict.loadi);

  1232.     dict.index = layer.open($.extend({

  1233.       type: 1,

  1234.       id: 'layui-layer-photos',

  1235.       area: function(){

  1236.         var imgarea = [img.width, img.height];

  1237.         var winarea = [$(window).width() - 100, $(window).height() - 100];

  1238.         

  1239.         //如果 实际图片的宽或者高比 屏幕大（那么进行缩放）

  1240.         if(!options.full && (imgarea[0]>winarea[0]||imgarea[1]>winarea[1])){

  1241.           var wh = [imgarea[0]/winarea[0],imgarea[1]/winarea[1]];//取宽度缩放比例、高度缩放比例

  1242.           if(wh[0] > wh[1]){//取缩放比例最大的进行缩放

  1243.             imgarea[0] = imgarea[0]/wh[0];

  1244.             imgarea[1] = imgarea[1]/wh[0];

  1245.           } else if(wh[0] < wh[1]){

  1246.             imgarea[0] = imgarea[0]/wh[1];

  1247.             imgarea[1] = imgarea[1]/wh[1];

  1248.           }

  1249.         }

  1250.         

  1251.         return [imgarea[0]+'px', imgarea[1]+'px']; 

  1252.       }(),

  1253.       title: false,

  1254.       shade: 0.9,

  1255.       shadeClose: true,

  1256.       closeBtn: false,

  1257.       move: '.layui-layer-phimg img',

  1258.       moveType: 1,

  1259.       scrollbar: false,

  1260.       moveOut: true,

  1261.       //anim: Math.random()*5|0,

  1262.       isOutAnim: false,

  1263.       skin: 'layui-layer-photos' + skin('photos'),

  1264.       content: '<div class="layui-layer-phimg">'

  1265.         +'<img src="'+ data[start].src +'" alt="'+ (data[start].alt||'') +'" layer-pid="'+ data[start].pid +'">'

  1266.         +'<div class="layui-layer-imgsee">'

  1267.           +(data.length > 1 ? '<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>' : '')

  1268.           +'<div class="layui-layer-imgbar" style="display:'+ (key ? 'block' : '') +'"><span class="layui-layer-imgtit"><a href="javascript:;">'+ (data[start].alt||'') +'</a><em>'+ dict.imgIndex +'/'+ data.length +'</em></span></div>'

  1269.         +'</div>'

  1270.       +'</div>',

  1271.       success: function(layero, index){

  1272.         dict.bigimg = layero.find('.layui-layer-phimg');

  1273.         dict.imgsee = layero.find('.layui-layer-imguide,.layui-layer-imgbar');

  1274.         dict.event(layero);

  1275.         options.tab && options.tab(data[start], layero);

  1276.         typeof success === 'function' && success(layero);

  1277.       }, end: function(){

  1278.         dict.end = true;

  1279.         $(document).off('keyup', dict.keyup);

  1280.       }

  1281.     }, options));

  1282.   }, function(){

  1283.     layer.close(dict.loadi);

  1284.     layer.msg('&#x5F53;&#x524D;&#x56FE;&#x7247;&#x5730;&#x5740;&#x5F02;&#x5E38;<br>&#x662F;&#x5426;&#x7EE7;&#x7EED;&#x67E5;&#x770B;&#x4E0B;&#x4E00;&#x5F20;&#xFF1F;', {

  1285.       time: 30000, 

  1286.       btn: ['&#x4E0B;&#x4E00;&#x5F20;', '&#x4E0D;&#x770B;&#x4E86;'], 

  1287.       yes: function(){

  1288.         data.length > 1 && dict.imgnext(true,true);

  1289.       }

  1290.     });

  1291.   });

  1292. };

  1293. 

  1294. //主入口

  1295. ready.run = function(_$){

  1296.   $ = _$;

  1297.   win = $(window);

  1298.   doms.html = $('html');

  1299.   layer.open = function(deliver){

  1300.     var o = new Class(deliver);

  1301.     return o.index;

  1302.   };

  1303. };

  1304. 

  1305. //加载方式

  1306. window.layui && layui.define ? (

  1307.   layer.ready()

  1308.   ,layui.define('jquery', function(exports){ //layui加载

  1309.     layer.path = layui.cache.dir;

  1310.     ready.run(layui.$);

  1311. 

  1312.     //暴露模块

  1313.     window.layer = layer;

  1314.     exports('layer', layer);

  1315.   })

  1316. ) : (

  1317.   (typeof define === 'function' && define.amd) ? define(['jquery'], function(){ //requirejs加载

  1318.     ready.run(window.jQuery);

  1319.     return layer;

  1320.   }) : function(){ //普通script标签加载

  1321.     ready.run(window.jQuery);

  1322.     layer.ready();

  1323.   }()

  1324. );

  1325. 

  1326. }(window);