" ).append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+ // Otherwise use the full result
+ responseText );
+
+ // If the request succeeds, this function gets "data", "status", "jqXHR"
+ // but they are ignored because response was set above.
+ // If it fails, this function gets "jqXHR", "status", "error"
+ } ).always( callback && function( jqXHR, status ) {
+ self.each( function() {
+ callback.apply( this, response || [ jqXHR.responseText, status, jqXHR ] );
+ } );
+ } );
+ }
+
+ return this;
+};
+
+
+
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [
+ "ajaxStart",
+ "ajaxStop",
+ "ajaxComplete",
+ "ajaxError",
+ "ajaxSuccess",
+ "ajaxSend"
+], function( i, type ) {
+ jQuery.fn[ type ] = function( fn ) {
+ return this.on( type, fn );
+ };
+} );
+
+
+
+
+jQuery.expr.filters.animated = function( elem ) {
+ return jQuery.grep( jQuery.timers, function( fn ) {
+ return elem === fn.elem;
+ } ).length;
+};
+
+
+
+
+
+/**
+ * Gets a window from an element
+ */
+function getWindow( elem ) {
+ return jQuery.isWindow( elem ) ?
+ elem :
+ elem.nodeType === 9 ?
+ elem.defaultView || elem.parentWindow :
+ false;
+}
+
+jQuery.offset = {
+ setOffset: function( elem, options, i ) {
+ var curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition,
+ position = jQuery.css( elem, "position" ),
+ curElem = jQuery( elem ),
+ props = {};
+
+ // set position first, in-case top/left are set even on static elem
+ if ( position === "static" ) {
+ elem.style.position = "relative";
+ }
+
+ curOffset = curElem.offset();
+ curCSSTop = jQuery.css( elem, "top" );
+ curCSSLeft = jQuery.css( elem, "left" );
+ calculatePosition = ( position === "absolute" || position === "fixed" ) &&
+ jQuery.inArray( "auto", [ curCSSTop, curCSSLeft ] ) > -1;
+
+ // need to be able to calculate position if either top or left
+ // is auto and position is either absolute or fixed
+ if ( calculatePosition ) {
+ curPosition = curElem.position();
+ curTop = curPosition.top;
+ curLeft = curPosition.left;
+ } else {
+ curTop = parseFloat( curCSSTop ) || 0;
+ curLeft = parseFloat( curCSSLeft ) || 0;
+ }
+
+ if ( jQuery.isFunction( options ) ) {
+
+ // Use jQuery.extend here to allow modification of coordinates argument (gh-1848)
+ options = options.call( elem, i, jQuery.extend( {}, curOffset ) );
+ }
+
+ if ( options.top != null ) {
+ props.top = ( options.top - curOffset.top ) + curTop;
+ }
+ if ( options.left != null ) {
+ props.left = ( options.left - curOffset.left ) + curLeft;
+ }
+
+ if ( "using" in options ) {
+ options.using.call( elem, props );
+ } else {
+ curElem.css( props );
+ }
+ }
+};
+
+jQuery.fn.extend( {
+ offset: function( options ) {
+ if ( arguments.length ) {
+ return options === undefined ?
+ this :
+ this.each( function( i ) {
+ jQuery.offset.setOffset( this, options, i );
+ } );
+ }
+
+ var docElem, win,
+ box = { top: 0, left: 0 },
+ elem = this[ 0 ],
+ doc = elem && elem.ownerDocument;
+
+ if ( !doc ) {
+ return;
+ }
+
+ docElem = doc.documentElement;
+
+ // Make sure it's not a disconnected DOM node
+ if ( !jQuery.contains( docElem, elem ) ) {
+ return box;
+ }
+
+ // If we don't have gBCR, just use 0,0 rather than error
+ // BlackBerry 5, iOS 3 (original iPhone)
+ if ( typeof elem.getBoundingClientRect !== "undefined" ) {
+ box = elem.getBoundingClientRect();
+ }
+ win = getWindow( doc );
+ return {
+ top: box.top + ( win.pageYOffset || docElem.scrollTop ) - ( docElem.clientTop || 0 ),
+ left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
+ };
+ },
+
+ position: function() {
+ if ( !this[ 0 ] ) {
+ return;
+ }
+
+ var offsetParent, offset,
+ parentOffset = { top: 0, left: 0 },
+ elem = this[ 0 ];
+
+ // Fixed elements are offset from window (parentOffset = {top:0, left: 0},
+ // because it is its only offset parent
+ if ( jQuery.css( elem, "position" ) === "fixed" ) {
+
+ // we assume that getBoundingClientRect is available when computed position is fixed
+ offset = elem.getBoundingClientRect();
+ } else {
+
+ // Get *real* offsetParent
+ offsetParent = this.offsetParent();
+
+ // Get correct offsets
+ offset = this.offset();
+ if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+ parentOffset = offsetParent.offset();
+ }
+
+ // Add offsetParent borders
+ parentOffset.top += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+ parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+ }
+
+ // Subtract parent offsets and element margins
+ // note: when an element has margin: auto the offsetLeft and marginLeft
+ // are the same in Safari causing offset.left to incorrectly be 0
+ return {
+ top: offset.top - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+ left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true )
+ };
+ },
+
+ offsetParent: function() {
+ return this.map( function() {
+ var offsetParent = this.offsetParent;
+
+ while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) &&
+ jQuery.css( offsetParent, "position" ) === "static" ) ) {
+ offsetParent = offsetParent.offsetParent;
+ }
+ return offsetParent || documentElement;
+ } );
+ }
+} );
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
+ var top = /Y/.test( prop );
+
+ jQuery.fn[ method ] = function( val ) {
+ return access( this, function( elem, method, val ) {
+ var win = getWindow( elem );
+
+ if ( val === undefined ) {
+ return win ? ( prop in win ) ? win[ prop ] :
+ win.document.documentElement[ method ] :
+ elem[ method ];
+ }
+
+ if ( win ) {
+ win.scrollTo(
+ !top ? val : jQuery( win ).scrollLeft(),
+ top ? val : jQuery( win ).scrollTop()
+ );
+
+ } else {
+ elem[ method ] = val;
+ }
+ }, method, val, arguments.length, null );
+ };
+} );
+
+// Support: Safari<7-8+, Chrome<37-44+
+// Add the top/left cssHooks using jQuery.fn.position
+// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+// getComputedStyle returns percent when specified for top/left/bottom/right
+// rather than make the css module depend on the offset module, we just check for it here
+jQuery.each( [ "top", "left" ], function( i, prop ) {
+ jQuery.cssHooks[ prop ] = addGetHookIf( support.pixelPosition,
+ function( elem, computed ) {
+ if ( computed ) {
+ computed = curCSS( elem, prop );
+
+ // if curCSS returns percentage, fallback to offset
+ return rnumnonpx.test( computed ) ?
+ jQuery( elem ).position()[ prop ] + "px" :
+ computed;
+ }
+ }
+ );
+} );
+
+
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+ jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name },
+ function( defaultExtra, funcName ) {
+
+ // margin is only for outerHeight, outerWidth
+ jQuery.fn[ funcName ] = function( margin, value ) {
+ var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+ extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+ return access( this, function( elem, type, value ) {
+ var doc;
+
+ if ( jQuery.isWindow( elem ) ) {
+
+ // As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+ // isn't a whole lot we can do. See pull request at this URL for discussion:
+ // https://github.com/jquery/jquery/pull/764
+ return elem.document.documentElement[ "client" + name ];
+ }
+
+ // Get document width or height
+ if ( elem.nodeType === 9 ) {
+ doc = elem.documentElement;
+
+ // Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height],
+ // whichever is greatest
+ // unfortunately, this causes bug #3838 in IE6/8 only,
+ // but there is currently no good, small way to fix it.
+ return Math.max(
+ elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+ elem.body[ "offset" + name ], doc[ "offset" + name ],
+ doc[ "client" + name ]
+ );
+ }
+
+ return value === undefined ?
+
+ // Get width or height on the element, requesting but not forcing parseFloat
+ jQuery.css( elem, type, extra ) :
+
+ // Set width or height on the element
+ jQuery.style( elem, type, value, extra );
+ }, type, chainable ? margin : undefined, chainable, null );
+ };
+ } );
+} );
+
+
+jQuery.fn.extend( {
+
+ bind: function( types, data, fn ) {
+ return this.on( types, null, data, fn );
+ },
+ unbind: function( types, fn ) {
+ return this.off( types, null, fn );
+ },
+
+ delegate: function( selector, types, data, fn ) {
+ return this.on( types, selector, data, fn );
+ },
+ undelegate: function( selector, types, fn ) {
+
+ // ( namespace ) or ( selector, types [, fn] )
+ return arguments.length === 1 ?
+ this.off( selector, "**" ) :
+ this.off( types, selector || "**", fn );
+ }
+} );
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+ return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+
+
+
+// Register as a named AMD module, since jQuery can be concatenated with other
+// files that may use define, but not via a proper concatenation script that
+// understands anonymous AMD modules. A named AMD is safest and most robust
+// way to register. Lowercase jquery is used because AMD module names are
+// derived from file names, and jQuery is normally delivered in a lowercase
+// file name. Do this after creating the global so that if an AMD module wants
+// to call noConflict to hide this version of jQuery, it will work.
+
+// Note that for maximum portability, libraries that are not jQuery should
+// declare themselves as anonymous modules, and avoid setting a global if an
+// AMD loader is present. jQuery is a special case. For more information, see
+// https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon
+
+
+//将jQuery对象局部暴露给layui
+layui.define(function(exports){
+ layui.$ = jQuery;
+ exports('jquery', jQuery);
+});
+
+return jQuery;
+}));
\ No newline at end of file
diff --git a/src/lay/modules/laydate.js b/src/lay/modules/laydate.js
new file mode 100644
index 00000000..8ee9705c
--- /dev/null
+++ b/src/lay/modules/laydate.js
@@ -0,0 +1,1815 @@
+/**
+
+ @Name : layDate 5.0 日期时间控件
+ @Author: 贤心
+ @Site：http://www.layui.com/laydate/
+ @License：MIT
+
+ */
+
+;!function(){
+ "use strict";
+
+ var isLayui = window.layui && layui.define, ready = {
+ getPath: function(){
+ var js = document.scripts, script = js[js.length - 1], jsPath = script.src;
+ if(script.getAttribute('merge')) return;
+ return jsPath.substring(0, jsPath.lastIndexOf('/') + 1);
+ }()
+
+ //获取节点的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(!laydate.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, timeout = 0;
+
+ link.rel = 'stylesheet';
+ link.href = laydate.path + href;
+ link.id = id;
+
+ if(!document.getElementById(id)){
+ head.appendChild(link);
+ }
+
+ if(typeof fn !== 'function') return;
+
+ //轮询css是否加载完毕
+ (function poll() {
+ if(++timeout > 8 * 1000 / 100){
+ return window.console && console.error('laydate.css: Invalid');
+ };
+ parseInt(ready.getStyle(document.getElementById(id), 'width')) === 1989 ? fn() : setTimeout(poll, 100);
+ }());
+ }
+ }
+
+ ,laydate = {
+ v: '5.0'
+ ,config: {} //全局配置项
+ ,index: (window.laydate && window.laydate.v) ? 100000 : 0
+ ,path: ready.getPath
+
+ //设置全局项
+ ,set: function(options){
+ var that = this;
+ that.config = ready.extend({}, that.config, options);
+ return that;
+ }
+
+ //主体CSS等待事件
+ ,ready: function(fn){
+ var cssname = 'laydate', ver = ''
+ ,path = (isLayui ? 'modules/laydate/' : 'theme/') + 'default/laydate.css?v='+ laydate.v + ver;
+ isLayui ? layui.addcss(path, fn, cssname) : ready.link(path, fn, cssname);
+ return this;
+ }
+ }
+
+ //操作当前实例
+ ,thisDate = function(){
+ var that = this;
+ return {
+ //提示框
+ hint: function(content){
+ that.hint.call(that, content);
+ }
+ ,config: that.config
+ };
+ }
+
+ //字符常量
+ ,MOD_NAME = 'laydate', ELEM = '.layui-laydate', THIS = 'layui-this', SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'laydate-disabled', TIPS_OUT = '开始日期超出了结束日期
建议重新选择', LIMIT_YEAR = [100, 200000]
+
+ ,ELEM_LIST = 'layui-laydate-list', ELEM_SELECTED = 'laydate-selected', ELEM_HINT = 'layui-laydate-hint', ELEM_PREV = 'laydate-day-prev', ELEM_NEXT = 'laydate-day-next', ELEM_FOOTER = 'layui-laydate-footer', ELEM_CONFIRM = '.laydate-btns-confirm', ELEM_TIME_TEXT = 'laydate-time-text', ELEM_TIME_BTN = '.laydate-btns-time'
+
+ //组件构造器
+ ,Class = function(options){
+ var that = this;
+ that.index = ++laydate.index;
+ that.config = lay.extend({}, that.config, laydate.config, options);
+ laydate.ready(function(){
+ that.init();
+ });
+ }
+
+ //DOM查找
+ ,lay = function(selector){
+ return new LAY(selector);
+ }
+
+ //DOM构造器
+ ,LAY = function(selector){
+ var index = 0
+ ,nativeDOM = typeof selector === 'object' ? [selector] : (
+ this.selector = selector
+ ,document.querySelectorAll(selector || null)
+ );
+ for(; index < nativeDOM.length; index++){
+ this.push(nativeDOM[index]);
+ }
+ };
+
+
+ /*
+ lay对象操作
+ */
+
+ LAY.prototype = [];
+ LAY.prototype.constructor = LAY;
+
+ //普通对象深度扩展
+ lay.extend = function(){
+ var ai = 1, args = arguments
+ ,clone = function(target, obj){
+ target = target || (obj.constructor === Array ? [] : {});
+ for(var i in obj){
+ //如果值为对象，则进入递归，继续深度合并
+ target[i] = (obj[i] && (obj[i].constructor === Object))
+ ? clone(target[i], obj[i])
+ : obj[i];
+ }
+ return target;
+ }
+
+ args[0] = typeof args[0] === 'object' ? args[0] : {};
+
+ for(; ai < args.length; ai++){
+ if(typeof args[ai] === 'object'){
+ clone(args[0], args[ai])
+ }
+ }
+ return args[0];
+ };
+
+ //ie版本
+ lay.ie = function(){
+ var agent = navigator.userAgent.toLowerCase();
+ return (!!window.ActiveXObject || "ActiveXObject" in window) ? (
+ (agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于ie11并没有msie的标识
+ ) : false;
+ }();
+
+ //中止冒泡
+ lay.stope = function(e){
+ e = e || win.event;
+ e.stopPropagation
+ ? e.stopPropagation()
+ : e.cancelBubble = true;
+ };
+
+ //对象遍历
+ lay.each = function(obj, fn){
+ var key
+ ,that = this;
+ if(typeof fn !== 'function') return that;
+ obj = obj || [];
+ if(obj.constructor === Object){
+ for(key in obj){
+ if(fn.call(obj[key], key, obj[key])) break;
+ }
+ } else {
+ for(key = 0; key < obj.length; key++){
+ if(fn.call(obj[key], key, obj[key])) break;
+ }
+ }
+ return that;
+ };
+
+ //数字前置补零
+ lay.digit = function(num, length, end){
+ var str = '';
+ num = String(num);
+ length = length || 2;
+ for(var i = num.length; i < length; i++){
+ str += '0';
+ }
+ return num < Math.pow(10, length) ? str + (num|0) : num;
+ };
+
+ //创建元素
+ lay.elem = function(elemName, attr){
+ var elem = document.createElement(elemName);
+ lay.each(attr || {}, function(key, value){
+ elem.setAttribute(key, value);
+ });
+ return elem;
+ };
+
+ //追加字符
+ LAY.addStr = function(str, new_str){
+ str = str.replace(/\s+/, ' ');
+ new_str = new_str.replace(/\s+/, ' ').split(' ');
+ lay.each(new_str, function(ii, item){
+ if(!new RegExp('\\b'+ item + '\\b').test(str)){
+ str = str + ' ' + item;
+ }
+ });
+ return str.replace(/^\s|\s$/, '');
+ };
+
+ //移除值
+ LAY.removeStr = function(str, new_str){
+ str = str.replace(/\s+/, ' ');
+ new_str = new_str.replace(/\s+/, ' ').split(' ');
+ lay.each(new_str, function(ii, item){
+ var exp = new RegExp('\\b'+ item + '\\b')
+ if(exp.test(str)){
+ str = str.replace(exp, '');
+ }
+ });
+ return str.replace(/\s+/, ' ').replace(/^\s|\s$/, '');
+ };
+
+ //查找子元素
+ LAY.prototype.find = function(selector){
+ var that = this;
+ var index = 0, arr = []
+ ,isObject = typeof selector === 'object';
+
+ this.each(function(i, item){
+ var nativeDOM = isObject ? [selector] : item.querySelectorAll(selector || null);
+ for(; index < nativeDOM.length; index++){
+ arr.push(nativeDOM[index]);
+ }
+ that.shift();
+ });
+
+ if(!isObject){
+ that.selector = (that.selector ? that.selector + ' ' : '') + selector
+ }
+
+ lay.each(arr, function(i, item){
+ that.push(item);
+ });
+
+ return that;
+ };
+
+ //DOM遍历
+ LAY.prototype.each = function(fn){
+ return lay.each.call(this, this, fn);
+ };
+
+ //添加css类
+ LAY.prototype.addClass = function(className, type){
+ return this.each(function(index, item){
+ item.className = LAY[type ? 'removeStr' : 'addStr'](item.className, className)
+ });
+ };
+
+ //移除css类
+ LAY.prototype.removeClass = function(className){
+ return this.addClass(className, true);
+ };
+
+ //是否包含css类
+ LAY.prototype.hasClass = function(className){
+ var has = false;
+ this.each(function(index, item){
+ if(new RegExp('\\b'+ className +'\\b').test(item.className)){
+ has = true;
+ }
+ });
+ return has;
+ };
+
+ //添加或获取属性
+ LAY.prototype.attr = function(key, value){
+ var that = this;
+ return value === undefined ? function(){
+ if(that.length > 0) return that[0].getAttribute(key);
+ }() : that.each(function(index, item){
+ item.setAttribute(key, value);
+ });
+ };
+
+ //移除属性
+ LAY.prototype.removeAttr = function(key){
+ return this.each(function(index, item){
+ item.removeAttribute(key);
+ });
+ };
+
+ //设置HTML内容
+ LAY.prototype.html = function(html){
+ return this.each(function(index, item){
+ item.innerHTML = html;
+ });
+ };
+
+ //设置值
+ LAY.prototype.val = function(value){
+ return this.each(function(index, item){
+ item.value = value;
+ });
+ };
+
+ //追加内容
+ LAY.prototype.append = function(elem){
+ return this.each(function(index, item){
+ typeof elem === 'object'
+ ? item.appendChild(elem)
+ : item.innerHTML = item.innerHTML + elem;
+ });
+ };
+
+ //移除内容
+ LAY.prototype.remove = function(elem){
+ return this.each(function(index, item){
+ elem ? item.removeChild(elem) : item.parentNode.removeChild(item);
+ });
+ };
+
+ //事件绑定
+ LAY.prototype.on = function(eventName, fn){
+ return this.each(function(index, item){
+ item.attachEvent ? item.attachEvent('on' + eventName, function(e){
+ e.target = e.srcElement;
+ fn.call(item, e);
+ }) : item.addEventListener(eventName, fn, false);
+ });
+ };
+
+ //解除事件
+ LAY.prototype.off = function(eventName, fn){
+ return this.each(function(index, item){
+ item.detachEvent
+ ? item.detachEvent('on'+ eventName, fn)
+ : item.removeEventListener(eventName, fn, false);
+ });
+ };
+
+
+ /*
+ 组件操作
+ */
+
+
+ //是否闰年
+ Class.isLeapYear = function(year){
+ return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
+ };
+
+ //默认配置
+ Class.prototype.config = {
+ type: 'date' //控件类型，支持：year/month/date/time/datetime
+ ,range: false //是否开启范围选择，即双控件
+ ,format: 'yyyy-MM-dd' //默认日期格式
+ ,value: null //默认日期，支持传入new Date()，或者符合format参数设定的日期格式字符
+ ,min: '1900-1-1' //有效最小日期，年月日必须用“-”分割，时分秒必须用“:”分割。注意：它并不是遵循 format 设定的格式。
+ ,max: '2099-12-31' //有效最大日期，同上
+ ,trigger: 'focus' //呼出控件的事件
+ ,show: false //是否直接显示，如果设置true，则默认直接显示控件
+ ,showBottom: true //是否显示底部栏
+ ,btns: ['clear', 'now', 'confirm'] //右下角显示的按钮，会按照数组顺序排列
+ ,lang: 'cn' //语言，只支持cn/en，即中文和英文
+ ,theme: 'default' //主题
+ ,position: null //控件定位方式定位, 默认absolute，支持：fixed/absolute/static
+ ,calendar: false //是否开启公历重要节日，仅支持中文版
+ ,mark: {} //日期备注，如重要事件或活动标记
+ ,zIndex: null //控件层叠顺序
+ ,done: null //控件选择完毕后的回调，点击清空/现在/确定也均会触发
+ ,change: null //日期时间改变后的回调
+ };
+
+ //多语言
+ Class.prototype.lang = function(){
+ var that = this
+ ,options = that.config
+ ,text = {
+ cn: {
+ weeks: ['日', '一', '二', '三', '四', '五', '六']
+ ,time: ['时', '分', '秒']
+ ,timeTips: '选择时间'
+ ,startTime: '开始时间'
+ ,endTime: '结束时间'
+ ,dateTips: '返回日期'
+ ,month: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二']
+ ,tools: {
+ confirm: '确定'
+ ,clear: '清空'
+ ,now: '现在'
+ }
+ }
+ ,en: {
+ weeks: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']
+ ,time: ['Hours', 'Minutes', 'Seconds']
+ ,timeTips: 'Select Time'
+ ,startTime: 'Start Time'
+ ,endTime: 'End Time'
+ ,dateTips: 'Select Date'
+ ,month: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+ ,tools: {
+ confirm: 'Confirm'
+ ,clear: 'Clear'
+ ,now: 'Now'
+ }
+ }
+ };
+ return text[options.lang] || text['cn'];
+ };
+
+ //初始准备
+ Class.prototype.init = function(){
+ var that = this
+ ,options = that.config
+ ,dateType = 'yyyy|y|MM|M|dd|d|HH|H|mm|m|ss|s'
+ ,isStatic = options.position === 'static'
+ ,format = {
+ year: 'yyyy'
+ ,month: 'yyyy-MM'
+ ,date: 'yyyy-MM-dd'
+ ,time: 'HH:mm:ss'
+ ,datetime: 'yyyy-MM-dd HH:mm:ss'
+ };
+
+ options.elem = lay(options.elem);
+ options.eventElem = lay(options.eventElem);
+
+ if(!options.elem[0]) return;
+
+ //日期范围分隔符
+ if(options.range === true) options.range = '-';
+
+ //根据不同type，初始化默认format
+ if(options.format === format.date){
+ options.format = format[options.type];
+ }
+
+ //将日期格式转化成数组
+ that.format = options.format.match(new RegExp(dateType + '|.', 'g')) || [];
+
+ //生成正则表达式
+ that.EXP_IF = '';
+ that.EXP_SPLIT = '';
+ lay.each(that.format, function(i, item){
+ var EXP = new RegExp(dateType).test(item)
+ ? '\\b\\d{1,'+ function(){
+ if(/yyyy/.test(item)) return 4;
+ if(/y/.test(item)) return 308;
+ return 2;
+ }() +'}\\b'
+ : '\\' + item;
+ that.EXP_IF = that.EXP_IF + EXP;
+ that.EXP_SPLIT = that.EXP_SPLIT + (that.EXP_SPLIT ? '|' : '') + '('+ EXP + ')';
+ });
+ that.EXP_IF = new RegExp('^'+ (
+ options.range ?
+ that.EXP_IF + '\\s\\'+ options.range + '\\s' + that.EXP_IF
+ : that.EXP_IF
+ ) +'$');
+ that.EXP_SPLIT = new RegExp(that.EXP_SPLIT, 'g');
+
+ //如果不是input|textarea元素，则默认采用click事件
+ if(!that.isInput(options.elem[0])){
+ if(options.trigger === 'focus'){
+ options.trigger = 'click';
+ }
+ }
+
+ //设置唯一KEY
+ if(!options.elem.attr('lay-key')){
+ options.elem.attr('lay-key', that.index);
+ options.eventElem.attr('lay-key', that.index);
+ }
+
+ //记录重要日期
+ options.mark = lay.extend({}, (options.calendar && options.lang === 'cn') ? {
+ '0-1-1': '元旦'
+ ,'0-2-14': '情人'
+ ,'0-3-8': '妇女'
+ ,'0-3-12': '植树'
+ ,'0-4-1': '愚人'
+ ,'0-5-1': '劳动'
+ ,'0-5-4': '青年'
+ ,'0-6-1': '儿童'
+ ,'0-9-10': '教师'
+ ,'0-9-18': '国耻'
+ ,'0-10-1': '国庆'
+ ,'0-12-25': '圣诞'
+ } : {}, options.mark);
+
+ //获取限制内日期
+ lay.each(['min', 'max'], function(i, item){
+ var ymd = [], hms = [];
+ if(typeof options[item] === 'number'){ //如果为数字
+ var day = options[item]
+ ,time = new Date().getTime()
+ ,STAMP = 86400000 //代表一天的时间戳
+ ,thisDate = new Date(
+ day ? (
+ day < STAMP ? time + day*STAMP : day //如果数字小于一天的时间戳，则数字为天数，否则为时间戳
+ ) : time
+ );
+ ymd = [thisDate.getFullYear(), thisDate.getMonth() + 1, thisDate.getDate()];
+ day < STAMP || (hms = [thisDate.getHours(), thisDate.getMinutes(), thisDate.getSeconds()]);
+ } else {
+ ymd = (options[item].match(/\d+-\d+-\d+/) || [''])[0].split('-');
+ hms = (options[item].match(/\d+:\d+:\d+/) || [''])[0].split(':');
+ }
+ options[item] = {
+ year: ymd[0] | 0 || new Date().getFullYear()
+ ,month: ymd[1] ? (ymd[1] | 0) - 1 : new Date().getMonth()
+ ,date: ymd[2] | 0 || new Date().getDate()
+ ,hours: hms[0] | 0
+ ,minutes: hms[1] | 0
+ ,seconds: hms[2] | 0
+ };
+ });
+
+ that.elemID = 'layui-laydate'+ options.elem.attr('lay-key');
+
+ if(options.show || isStatic) that.render();
+ isStatic || that.events();
+ };
+
+ //控件主体渲染
+ Class.prototype.render = function(){
+ var that = this
+ ,options = that.config
+ ,lang = that.lang()
+ ,isStatic = options.position === 'static'
+
+ //主面板
+ ,elem = that.elem = lay.elem('div', {
+ id: that.elemID
+ ,'class': [
+ 'layui-laydate'
+ ,options.range ? ' layui-laydate-range' : ''
+ ,isStatic ? ' layui-laydate-static' : ''
+ ,options.theme && options.theme !== 'default' && !/^#/.test(options.theme) ? (' laydate-theme-' + options.theme) : ''
+ ].join('')
+ })
+
+ //主区域
+ ,elemMain = that.elemMain = []
+ ,elemHeader = that.elemHeader = []
+ ,elemCont = that.elemCont = []
+ ,elemTable = that.table = []
+
+ //底部区域
+ ,divFooter = that.footer = lay.elem('div', {
+ 'class': ELEM_FOOTER
+ });
+
+ if(options.zIndex) elem.style.zIndex = options.zIndex;
+
+ //单双日历区域
+ lay.each(new Array(2), function(i){
+ if(!options.range && i > 0){
+ return true;
+ }
+
+ //头部区域
+ var divHeader = lay.elem('div', {
+ 'class': 'layui-laydate-header'
+ })
+
+ //左右切换
+ ,headerChild = [function(){ //上一年
+ var elem = lay.elem('i', {
+ 'class': 'layui-icon laydate-icon laydate-prev-y'
+ });
+ elem.innerHTML = '';
+ return elem;
+ }(), function(){ //上一月
+ var elem = lay.elem('i', {
+ 'class': 'layui-icon laydate-icon laydate-prev-m'
+ });
+ elem.innerHTML = '';
+ return elem;
+ }(), function(){ //年月选择
+ var elem = lay.elem('div', {
+ 'class': 'laydate-set-ym'
+ }), spanY = lay.elem('span'), spanM = lay.elem('span');
+ elem.appendChild(spanY);
+ elem.appendChild(spanM);
+ return elem;
+ }(), function(){ //下一月
+ var elem = lay.elem('i', {
+ 'class': 'layui-icon laydate-icon laydate-next-m'
+ });
+ elem.innerHTML = '';
+ return elem;
+ }(), function(){ //下一年
+ var elem = lay.elem('i', {
+ 'class': 'layui-icon laydate-icon laydate-next-y'
+ });
+ elem.innerHTML = '';
+ return elem;
+ }()]
+
+ //日历内容区域
+ ,divContent = lay.elem('div', {
+ 'class': 'layui-laydate-content'
+ })
+ ,table = lay.elem('table')
+ ,thead = lay.elem('thead'), theadTr = lay.elem('tr');
+
+ //生成年月选择
+ lay.each(headerChild, function(i, item){
+ divHeader.appendChild(item);
+ });
+
+ //生成表格
+ thead.appendChild(theadTr);
+ lay.each(new Array(6), function(i){ //表体
+ var tr = table.insertRow(0);
+ lay.each(new Array(7), function(j){
+ if(i === 0){
+ var th = lay.elem('th');
+ th.innerHTML = lang.weeks[j];
+ theadTr.appendChild(th);
+ }
+ tr.insertCell(j);
+ });
+ });
+ table.insertBefore(thead, table.children[0]); //表头
+ divContent.appendChild(table);
+
+ elemMain[i] = lay.elem('div', {
+ 'class': 'layui-laydate-main laydate-main-list-'+ i
+ });
+
+ elemMain[i].appendChild(divHeader);
+ elemMain[i].appendChild(divContent);
+
+ elemHeader.push(headerChild);
+ elemCont.push(divContent);
+ elemTable.push(table);
+ });
+
+ //生成底部栏
+ lay(divFooter).html(function(){
+ var html = [], btns = [];
+ if(options.type === 'datetime'){
+ html.push('
'+ lang.timeTips +' ');
+ }
+ lay.each(options.btns, function(i, item){
+ var title = lang.tools[item] || 'btn';
+ if(options.range && item === 'now') return;
+ if(isStatic && item === 'clear') title = options.lang === 'cn' ? '重置' : 'Reset';
+ btns.push('
'+ title +' ');
+ });
+ html.push('');
+ return html.join('');
+ }());
+
+ //插入到主区域
+ lay.each(elemMain, function(i, main){
+ elem.appendChild(main);
+ });
+ options.showBottom && elem.appendChild(divFooter);
+
+ //生成自定义主题
+ if(/^#/.test(options.theme)){
+ var style = lay.elem('style')
+ ,styleText = [
+ '#{{id}} .layui-laydate-header{background-color:{{theme}};}'
+ ,'#{{id}} .layui-this{background-color:{{theme}} !important;}'
+ ].join('').replace(/{{id}}/g, that.elemID).replace(/{{theme}}/g, options.theme);
+
+ if('styleSheet' in style){
+ style.setAttribute('type', 'text/css');
+ style.styleSheet.cssText = styleText;
+ } else {
+ style.innerHTML = styleText;
+ }
+
+ lay(elem).addClass('laydate-theme-molv');
+ elem.appendChild(style);
+ }
+
+ //移除上一个控件
+ that.remove();
+
+ //如果是静态定位，则插入到指定的容器中，否则，插入到body
+ isStatic ? options.elem.append(elem) : (
+ document.body.appendChild(elem)
+ ,that.position() //定位
+ );
+
+ that.checkDate().calendar(); //初始校验
+ that.changeEvent(); //日期切换
+
+ Class.thisElem = that.elemID;
+
+ typeof options.ready === 'function' && options.ready(options.dateTime);
+ };
+
+ //控件移除
+ Class.prototype.remove = function(){
+ var that = this
+ ,options = that.config
+ ,elem = lay('#'+ that.elemID);
+ if(elem[0] && options.position !== 'static'){
+ that.checkDate(function(){
+ elem.remove();
+ });
+ }
+ return that;
+ };
+
+ //定位算法
+ Class.prototype.position = function(){
+ var that = this
+ ,options = that.config
+ ,elem = that.bindElem || options.elem[0]
+ ,rect = elem.getBoundingClientRect() //绑定元素的坐标
+ ,elemWidth = that.elem.offsetWidth //控件的宽度
+ ,elemHeight = that.elem.offsetHeight //控件的高度
+
+ //滚动条高度
+ ,scrollArea = function(type){
+ type = type ? 'scrollLeft' : 'scrollTop';
+ return document.body[type] | document.documentElement[type];
+ }
+ ,winArea = function(type){
+ return document.documentElement[type ? 'clientWidth' : 'clientHeight']
+ }, margin = 5, left = rect.left, top = rect.bottom;
+
+ //如果右侧超出边界
+ if(left + elemWidth + margin > winArea('width')){
+ left = winArea('width') - elemWidth - margin;
+ }
+
+ //如果底部超出边界
+ if(top + elemHeight + margin > winArea()){
+ top = rect.top > elemHeight //顶部是否有足够区域显示完全
+ ? rect.top - elemHeight
+ : winArea() - elemHeight;
+ top = top - margin*2;
+ }
+
+ if(options.position){
+ that.elem.style.position = options.position;
+ }
+ that.elem.style.left = left + (options.position === 'fixed' ? 0 : scrollArea(1)) + 'px';
+ that.elem.style.top = top + (options.position === 'fixed' ? 0 : scrollArea()) + 'px';
+ };
+
+ //提示
+ Class.prototype.hint = function(content){
+ var that = this
+ ,options = that.config
+ ,div = lay.elem('div', {
+ 'class': ELEM_HINT
+ });
+
+ div.innerHTML = content || '';
+ lay(that.elem).find('.'+ ELEM_HINT).remove();
+ that.elem.appendChild(div);
+
+ clearTimeout(that.hinTimer);
+ that.hinTimer = setTimeout(function(){
+ lay(that.elem).find('.'+ ELEM_HINT).remove();
+ }, 3000);
+ };
+
+ //获取递增/减后的年月
+ Class.prototype.getAsYM = function(Y, M, type){
+ type ? M-- : M++;
+ if(M < 0){
+ M = 11;
+ Y--;
+ }
+ if(M > 11){
+ M = 0;
+ Y++;
+ }
+ return [Y, M];
+ };
+
+ //系统消息
+ Class.prototype.systemDate = function(newDate){
+ var thisDate = newDate || new Date();
+ return {
+ year: thisDate.getFullYear() //年
+ ,month: thisDate.getMonth() //月
+ ,date: thisDate.getDate() //日
+ ,hours: newDate ? newDate.getHours() : 0 //时
+ ,minutes: newDate ? newDate.getMinutes() : 0 //分
+ ,seconds: newDate ? newDate.getSeconds() : 0 //秒
+ }
+ };
+
+ //日期校验
+ Class.prototype.checkDate = function(fn){
+ var that = this
+ ,thisDate = new Date()
+ ,options = that.config
+ ,dateTime = options.dateTime = options.dateTime || that.systemDate()
+ ,thisMaxDate, error
+
+ ,elem = that.bindElem || options.elem[0]
+ ,valType = that.isInput(elem) ? 'val' : 'html'
+ ,value = that.isInput(elem) ? elem.value : (options.position === 'static' ? '' : elem.innerHTML)
+
+ //校验日期有效数字
+ ,checkValid = function(dateTime){
+ if(dateTime.year > LIMIT_YEAR[1]) dateTime.year = LIMIT_YEAR[1], error = true; //不能超过20万年
+ if(dateTime.month > 11) dateTime.month = 11, error = true;
+ if(dateTime.hours > 23) dateTime.hours = 0, error = true;
+ if(dateTime.minutes > 59) dateTime.minutes = 0, dateTime.hours++, error = true;
+ if(dateTime.seconds > 59) dateTime.seconds = 0, dateTime.minutes++, error = true;
+
+ //计算当前月的最后一天
+ thisMaxDate = laydate.getEndDate(dateTime.month + 1, dateTime.year);
+ if(dateTime.date > thisMaxDate) dateTime.date = thisMaxDate, error = true;
+ }
+
+ //获得初始化日期值
+ ,initDate = function(dateTime, value, index){
+ var startEnd = ['startTime', 'endTime'];
+ value = value.match(that.EXP_SPLIT);
+ index = index || 0;
+ if(options.range){
+ that[startEnd[index]] = that[startEnd[index]] || {};
+ }
+ lay.each(that.format, function(i, item){
+ var thisv = parseFloat(value[i]);
+ if(value[i].length < item.length) error = true;
+ if(/yyyy|y/.test(item)){ //年
+ if(thisv < LIMIT_YEAR[0]) thisv = LIMIT_YEAR[0], error = true; //年不能低于100年
+ dateTime.year = thisv;
+ } else if(/MM|M/.test(item)){ //月
+ if(thisv < 1) thisv = 1, error = true;
+ dateTime.month = thisv - 1;
+ } else if(/dd|d/.test(item)){ //日
+ if(thisv < 1) thisv = 1, error = true;
+ dateTime.date = thisv;
+ } else if(/HH|H/.test(item)){ //时
+ if(thisv < 1) thisv = 0, error = true;
+ dateTime.hours = thisv;
+ options.range && (that[startEnd[index]].hours = thisv);
+ } else if(/mm|m/.test(item)){ //分
+ if(thisv < 1) thisv = 0, error = true;
+ dateTime.minutes = thisv;
+ options.range && (that[startEnd[index]].minutes = thisv);
+ } else if(/ss|s/.test(item)){ //秒
+ if(thisv < 1) thisv = 0, error = true;
+ dateTime.seconds = thisv;
+ options.range && (that[startEnd[index]].seconds = thisv);
+ }
+ });
+ checkValid(dateTime)
+ };
+
+ value = value || options.value;
+ if(typeof value === 'string'){
+ value = value.replace(/\s+/g, ' ').replace(/^\s|\s$/g, '');
+ }
+
+ if(typeof value === 'string' && value){
+ if(that.EXP_IF.test(value)){ //校验日期格式
+ if(options.range){
+ value = value.split(' '+ options.range +' ');
+ that.startDate = that.startDate || that.systemDate();
+ that.endDate = that.endDate || that.systemDate();
+ options.dateTime = lay.extend({}, that.startDate);
+ lay.each([that.startDate, that.endDate], function(i, item){
+ initDate(item, value[i], i);
+ });
+ } else {
+ initDate(dateTime, value)
+ }
+ } else {
+ that.hint('日期格式不合法
必须遵循下述格式：
'+ (
+ options.range ? (options.format + ' '+ options.range +' ' + options.format) : options.format
+ ) + '
已为你重置');
+ error = true;
+ }
+ } else if(typeof value === 'object'){
+ options.dateTime = that.systemDate(value);
+ } else {
+ options.dateTime = that.systemDate();
+ delete that.startState;
+ delete that.endState;
+ delete that.startDate;
+ delete that.endDate;
+ delete that.startTime;
+ delete that.endTime;
+ }
+
+ checkValid(dateTime);
+
+ if(error && value){
+ that.setValue(
+ options.range ? (that.endDate ? that.parse() : '') : that.parse()
+ );
+ }
+ fn && fn();
+ return that;
+ };
+
+ //公历重要日期与自定义备注
+ Class.prototype.mark = function(td, YMD){
+ var that = this
+ ,mark, options = that.config;
+
+ lay.each(options.mark, function(key, title){
+ var keys = key.split('-');
+ if((keys[0] == YMD[0] || keys[0] == 0) && keys[1] == YMD[1] && keys[2] == YMD[2]){
+ mark = title || YMD[2];
+ }
+ });
+ mark && td.html('
'+ mark +' ');
+
+ return that;
+ };
+
+ //无效日期范围的标记
+ Class.prototype.limit = function(elem, date, index, time){
+ var that = this
+ ,options = that.config, timestrap = {}
+ ,dateTime = options[index > 41 ? 'endDate' : 'dateTime']
+ ,isOut, thisDateTime = lay.extend({}, dateTime, date || {});
+
+ lay.each({
+ now: thisDateTime
+ ,min: options.min
+ ,max: options.max
+ }, function(key, item){
+ timestrap[key] = that.newDate(lay.extend({
+ year: item.year
+ ,month: item.month
+ ,date: item.date
+ }, function(){
+ var hms = {};
+ lay.each(time, function(i, keys){
+ hms[keys] = item[keys];
+ });
+ return hms;
+ }())).getTime(); //time：是否比较时分秒
+ });
+
+ isOut = timestrap.now < timestrap.min || timestrap.now > timestrap.max;
+ elem && elem[isOut ? 'addClass' : 'removeClass'](DISABLED);
+ return isOut;
+ };
+
+ //日历表
+ Class.prototype.calendar = function(value){
+ var that = this
+ ,options = that.config
+ ,dateTime = value || options.dateTime
+ ,thisDate = new Date(), startWeek, prevMaxDate, thisMaxDate
+ ,lang = that.lang()
+
+ ,isAlone = options.type !== 'date' && options.type !== 'datetime'
+ ,index = value ? 1 : 0
+ ,tds = lay(that.table[index]).find('td')
+ ,elemYM = lay(that.elemHeader[index][2]).find('span');
+
+ if(dateTime.year < LIMIT_YEAR[0]) dateTime.year = LIMIT_YEAR[0], that.hint('最低只能支持到公元'+ LIMIT_YEAR[0] +'年');
+ if(dateTime.year > LIMIT_YEAR[1]) dateTime.year = LIMIT_YEAR[1], that.hint('最高只能支持到公元'+ LIMIT_YEAR[1] +'年');
+
+ //记录初始值
+ if(!that.firstDate){
+ that.firstDate = lay.extend({}, dateTime);
+ }
+
+ //计算当前月第一天的星期
+ thisDate.setFullYear(dateTime.year, dateTime.month, 1);
+ startWeek = thisDate.getDay();
+
+ prevMaxDate = laydate.getEndDate(dateTime.month, dateTime.year); //计算上个月的最后一天
+ thisMaxDate = laydate.getEndDate(dateTime.month + 1, dateTime.year); //计算当前月的最后一天
+
+ //赋值日
+ lay.each(tds, function(index, item){
+ var YMD = [dateTime.year, dateTime.month], st = 0;
+ item = lay(item);
+ item.removeAttr('class');
+ if(index < startWeek){
+ st = prevMaxDate - startWeek + index;
+ item.addClass('laydate-day-prev');
+ YMD = that.getAsYM(dateTime.year, dateTime.month, 'sub');
+ } else if(index >= startWeek && index < thisMaxDate + startWeek){
+ st = index - startWeek;
+ if(!options.range){
+ st + 1 === dateTime.date && item.addClass(THIS);
+ }
+ } else {
+ st = index - thisMaxDate - startWeek;
+ item.addClass('laydate-day-next');
+ YMD = that.getAsYM(dateTime.year, dateTime.month);
+ }
+ YMD[1]++;
+ YMD[2] = st + 1;
+ item.attr('lay-ymd', YMD.join('-')).html(YMD[2]);
+ that.mark(item, YMD).limit(item, {
+ year: YMD[0]
+ ,month: YMD[1] - 1
+ ,date: YMD[2]
+ }, index);
+ });
+
+ //同步头部年月
+ lay(elemYM[0]).attr('lay-ym', dateTime.year + '-' + (dateTime.month + 1));
+ lay(elemYM[1]).attr('lay-ym', dateTime.year + '-' + (dateTime.month + 1));
+
+ if(options.lang === 'cn'){
+ lay(elemYM[0]).attr('lay-type', 'year').html(dateTime.year + '年')
+ lay(elemYM[1]).attr('lay-type', 'month').html((dateTime.month + 1) + '月');
+ } else {
+ lay(elemYM[0]).attr('lay-type', 'month').html(lang.month[dateTime.month]);
+ lay(elemYM[1]).attr('lay-type', 'year').html(dateTime.year);
+ }
+
+ //初始默认选择器
+ if(isAlone){
+ if(options.range){
+ value ? that.endDate = (that.endDate || {
+ year: dateTime.year + (options.type === 'year' ? 1 : 0)
+ ,month: dateTime.month + (options.type === 'month' ? 0 : -1)
+ }) : (that.startDate = that.startDate || {
+ year: dateTime.year
+ ,month: dateTime.month
+ });
+ if(value){
+ that.listYM = [
+ [that.startDate.year, that.startDate.month + 1]
+ ,[that.endDate.year, that.endDate.month + 1]
+ ];
+ that.list(options.type, 0).list(options.type, 1);
+ //同步按钮可点状态
+ options.type === 'time' ? that.setBtnStatus('时间'
+ ,lay.extend({}, that.systemDate(), that.startTime)
+ ,lay.extend({}, that.systemDate(), that.endTime)
+ ) : that.setBtnStatus(true);
+ }
+ }
+ if(!options.range){
+ that.listYM = [[dateTime.year, dateTime.month + 1]];
+ that.list(options.type, 0);
+ }
+ }
+
+ //赋值双日历
+ if(options.range && !value){
+ var EYM = that.getAsYM(dateTime.year, dateTime.month)
+ that.calendar(lay.extend({}, dateTime, {
+ year: EYM[0]
+ ,month: EYM[1]
+ }));
+ }
+
+ //通过检测当前有效日期，来设定确定按钮是否可点
+ if(!options.range) that.limit(lay(that.footer).find(ELEM_CONFIRM), null, 0, ['hours', 'minutes', 'seconds']);
+
+ //标记选择范围
+ if(options.range && value && !isAlone) that.stampRange();
+ return that;
+ };
+
+ //生成年月时分秒列表
+ Class.prototype.list = function(type, index){
+ var that = this
+ ,options = that.config
+ ,dateTime = options.dateTime
+ ,lang = that.lang()
+ ,isAlone = options.range && options.type !== 'date' && options.type !== 'datetime' //独立范围选择器
+
+ ,ul = lay.elem('ul', {
+ 'class': ELEM_LIST + ' ' + ({
+ year: 'laydate-year-list'
+ ,month: 'laydate-month-list'
+ ,time: 'laydate-time-list'
+ })[type]
+ })
+ ,elemHeader = that.elemHeader[index]
+ ,elemYM = lay(elemHeader[2]).find('span')
+ ,elemCont = that.elemCont[index || 0]
+ ,haveList = lay(elemCont).find('.'+ ELEM_LIST)[0]
+ ,isCN = options.lang === 'cn'
+ ,text = isCN ? '年' : ''
+
+ ,listYM = that.listYM[index] || {}
+ ,hms = ['hours', 'minutes', 'seconds']
+ ,startEnd = ['startTime', 'endTime'][index];
+
+ if(listYM[0] < 1) listYM[0] = 1;
+
+ if(type === 'year'){ //年列表
+ var yearNum, startY = yearNum = listYM[0] - 7;
+ if(startY < 1) startY = yearNum = 1;
+ lay.each(new Array(15), function(i){
+ var li = lay.elem('li', {
+ 'lay-ym': yearNum
+ });
+ yearNum == listYM[0] && lay(li).addClass(THIS);
+ li.innerHTML = yearNum + text;
+ ul.appendChild(li);
+
+ that.limit(lay(li), {year: yearNum}, index);
+ yearNum++;
+ });
+ lay(elemYM[isCN ? 0 : 1]).attr('lay-ym', (yearNum - 8) + '-' + listYM[1])
+ .html((startY + text) + ' - ' + (yearNum - 1 + text));
+ } else if(type === 'month'){ //月列表
+ lay.each(new Array(12), function(i){
+ var li = lay.elem('li', {
+ 'lay-ym': i
+ });
+ i + 1 == listYM[1] && lay(li).addClass(THIS);
+ li.innerHTML = lang.month[i] + (isCN ? '月' : '');
+ ul.appendChild(li);
+
+ that.limit(lay(li), {year: listYM[0], month: i}, index);
+ });
+ lay(elemYM[isCN ? 0 : 1]).attr('lay-ym', listYM[0] + '-' + listYM[1])
+ .html(listYM[0] + text);
+ } else if(type === 'time'){ //时间列表
+ //检测时分秒状态是否在有效日期时间范围内
+ var setTimeStatus = function(){
+ lay(ul).find('ol').each(function(i, ol){
+ lay(ol).find('li').each(function(ii, li){
+ that.limit(lay(li), [{
+ hours: ii
+ }, {
+ hours: that[startEnd].hours
+ ,minutes: ii
+ }, {
+ hours: that[startEnd].hours
+ ,minutes: that[startEnd].minutes
+ ,seconds: ii
+ }][i], index, [['hours'], ['hours', 'minutes'], ['hours', 'minutes', 'seconds']][i]);
+ });
+ });
+ if(!options.range) that.limit(lay(that.footer).find(ELEM_CONFIRM), that[startEnd], 0, ['hours', 'minutes', 'seconds']);
+ };
+ if(options.range){
+ if(!that[startEnd]) that[startEnd] = {
+ hours: 0
+ ,minutes: 0
+ ,seconds: 0
+ };
+ } else {
+ that[startEnd] = dateTime;
+ }
+ lay.each([24, 60, 60], function(i, item){
+ var li = lay.elem('li'), childUL = ['
'+ lang.time[i] +'
'];
+ lay.each(new Array(item), function(ii){
+ childUL.push(''+ lay.digit(ii, 2) +'');
+ });
+ li.innerHTML = childUL.join('') + ' ';
+ ul.appendChild(li);
+ });
+ setTimeStatus();
+ }
+
+ //插入容器
+ if(haveList) elemCont.removeChild(haveList);
+ elemCont.appendChild(ul);
+
+ //年月
+ if(type === 'year' || type === 'month'){
+ //显示切换箭头
+ lay(that.elemMain[index]).addClass('laydate-ym-show');
+
+ //选中
+ lay(ul).find('li').on('click', function(){
+ var ym = lay(this).attr('lay-ym') | 0;
+ if(lay(this).hasClass(DISABLED)) return;
+
+ if(index === 0){
+ dateTime[type] = ym;
+ if(isAlone) that.startDate[type] = ym;
+ } else { //范围选择
+ if(isAlone){ //非date/datetime类型
+ that.endDate[type] = ym;
+ } else { //date/datetime类型
+ var YM = type === 'year'
+ ? that.getAsYM(ym, listYM[1] - 1, 'sub')
+ : that.getAsYM(listYM[0], ym, 'sub');
+ lay.extend(dateTime, {
+ year: YM[0]
+ ,month: YM[1]
+ });
+ }
+ }
+
+ if(options.type === 'year' || options.type === 'month'){
+ lay(ul).find('.'+ THIS).removeClass(THIS);
+ lay(this).addClass(THIS);
+
+ //如果为年月选择器，点击了年列表，则切换到月选择器
+ if(options.type === 'month' && type === 'year'){
+ that.listYM[index][0] = ym;
+ isAlone && (that[['startDate', 'endDate'][index]].year = ym);
+ that.list('month', index);
+ }
+ } else {
+ that.calendar();
+ that.closeList();
+ }
+
+ that.setBtnStatus(); //同步按钮可点状态
+ options.range || that.done(null, 'change');
+ lay(that.footer).find(ELEM_TIME_BTN).removeClass(DISABLED);
+ });
+ } else {
+ var span = lay.elem('span', {
+ 'class': ELEM_TIME_TEXT
+ }), scroll = function(){ //滚动条定位
+ lay(ul).find('ol').each(function(i){
+ var ol = this
+ ,li = lay(ol).find('li')
+ ol.scrollTop = 30*(that[startEnd][hms[i]] - 2);
+ if(ol.scrollTop <= 0){
+ li.each(function(ii, item){
+ if(!lay(this).hasClass(DISABLED)){
+ ol.scrollTop = 30*(ii - 2);
+ return true;
+ }
+ });
+ }
+ });
+ }, haveSpan = lay(elemHeader[2]).find('.'+ ELEM_TIME_TEXT);
+ scroll()
+ span.innerHTML = options.range ? [lang.startTime,lang.endTime][index] : lang.timeTips
+ lay(that.elemMain[index]).addClass('laydate-time-show');
+ if(haveSpan[0]) haveSpan.remove();
+ elemHeader[2].appendChild(span);
+
+ lay(ul).find('ol').each(function(i){
+ var ol = this;
+ //选择时分秒
+ lay(ol).find('li').on('click', function(){
+ var value = this.innerHTML | 0;
+ if(lay(this).hasClass(DISABLED)) return;
+ if(options.range){
+ that[startEnd][hms[i]] = value;
+ } else {
+ dateTime[hms[i]] = value;
+ }
+ lay(ol).find('.'+ THIS).removeClass(THIS);
+ lay(this).addClass(THIS);
+
+ //同步按钮可点状态
+ that.setBtnStatus(
+ null
+ ,lay.extend({}, that.systemDate(), that.startTime)
+ ,lay.extend({}, that.systemDate(), that.endTime)
+ );
+ setTimeStatus();
+ scroll();
+ (that.endDate || options.type === 'time') && that.done(null, 'change');
+ });
+ });
+ }
+
+ return that;
+ };
+
+ //记录列表切换后的年月
+ Class.prototype.listYM = [];
+
+ //关闭列表
+ Class.prototype.closeList = function(){
+ var that = this
+ ,options = that.config;
+
+ lay.each(that.elemCont, function(index, item){
+ lay(this).find('.'+ ELEM_LIST).remove();
+ lay(that.elemMain[index]).removeClass('laydate-ym-show laydate-time-show');
+ });
+ lay(that.elem).find('.'+ ELEM_TIME_TEXT).remove();
+ };
+
+ //检测结束日期是否超出开始日期
+ Class.prototype.setBtnStatus = function(tips, start, end){
+ var that = this
+ ,options = that.config
+ ,isOut, elemBtn = lay(that.footer).find(ELEM_CONFIRM)
+ ,isAlone = options.range && options.type !== 'date' && options.type !== 'datetime';
+ if(isAlone){
+ start = start || that.startDate;
+ end = end || that.endDate;
+ isOut = that.newDate(start).getTime() > that.newDate(end).getTime();
+
+ //如果不在有效日期内，直接禁用按钮，否则比较开始和结束日期
+ (that.limit(null, start) || that.limit(null, end))
+ ? elemBtn.addClass(DISABLED)
+ : elemBtn[isOut ? 'addClass' : 'removeClass'](DISABLED);
+
+ //是否异常提示
+ if(tips && isOut) that.hint(
+ typeof tips === 'string' ? TIPS_OUT.replace(/日期/g, tips) : TIPS_OUT
+ );
+ }
+ };
+
+ //转义为规定格式的日期字符
+ Class.prototype.parse = function(state){
+ var that = this
+ ,options = that.config
+ ,dateTime = state
+ ? lay.extend({}, that.endDate, that.endTime)
+ : (options.range ? lay.extend({}, that.startDate, that.startTime) : options.dateTime)
+ ,format = that.format.concat();
+
+ //转义为规定格式
+ lay.each(format, function(i, item){
+ if(/yyyy|y/.test(item)){ //年
+ format[i] = lay.digit(dateTime.year, item.length);
+ } else if(/MM|M/.test(item)){ //月
+ format[i] = lay.digit(dateTime.month + 1, item.length);
+ } else if(/dd|d/.test(item)){ //日
+ format[i] = lay.digit(dateTime.date, item.length);
+ } else if(/HH|H/.test(item)){ //时
+ format[i] = lay.digit(dateTime.hours, item.length);
+ } else if(/mm|m/.test(item)){ //分
+ format[i] = lay.digit(dateTime.minutes, item.length);
+ } else if(/ss|s/.test(item)){ //秒
+ format[i] = lay.digit(dateTime.seconds, item.length);
+ }
+ });
+
+ //返回日期范围字符
+ if(options.range && !state){
+ return format.join('') + ' '+ options.range +' ' + that.parse(1);
+ }
+
+ return format.join('');
+ };
+
+ //创建指定日期时间对象
+ Class.prototype.newDate = function(dateTime){
+ return new Date(
+ dateTime.year || 1
+ ,dateTime.month || 0
+ ,dateTime.date || 1
+ ,dateTime.hours || 0
+ ,dateTime.minutes || 0
+ ,dateTime.seconds || 0
+ );
+ };
+
+ //赋值
+ Class.prototype.setValue = function(value){
+ var that = this
+ ,options = that.config
+ ,elem = that.bindElem || options.elem[0]
+ ,valType = that.isInput(elem) ? 'val' : 'html'
+
+ options.position === 'static' || lay(elem)[valType](value || '');
+ return this;
+ };
+
+ //标记范围内的日期
+ Class.prototype.stampRange = function(){
+ var that = this
+ ,options = that.config
+ ,startTime, endTime
+ ,tds = lay(that.elem).find('td');
+
+ if(options.range && !that.endDate) lay(that.footer).find(ELEM_CONFIRM).addClass(DISABLED);
+ if(!that.endDate) return;
+
+ startTime = that.newDate({
+ year: that.startDate.year
+ ,month: that.startDate.month
+ ,date: that.startDate.date
+ }).getTime();
+
+ endTime = that.newDate({
+ year: that.endDate.year
+ ,month: that.endDate.month
+ ,date: that.endDate.date
+ }).getTime();
+
+ if(startTime > endTime) return that.hint(TIPS_OUT);
+
+ lay.each(tds, function(i, item){
+ var ymd = lay(item).attr('lay-ymd').split('-')
+ ,thisTime = that.newDate({
+ year: ymd[0]
+ ,month: ymd[1] - 1
+ ,date: ymd[2]
+ }).getTime();
+ lay(item).removeClass(ELEM_SELECTED + ' ' + THIS);
+ if(thisTime === startTime || thisTime === endTime){
+ lay(item).addClass(
+ lay(item).hasClass(ELEM_PREV) || lay(item).hasClass(ELEM_NEXT)
+ ? ELEM_SELECTED
+ : THIS
+ );
+ }
+ if(thisTime > startTime && thisTime < endTime){
+ lay(item).addClass(ELEM_SELECTED);
+ }
+ });
+ };
+
+ //执行done/change回调
+ Class.prototype.done = function(param, type){
+ var that = this
+ ,options = that.config
+ ,start = lay.extend({}, that.startDate ? lay.extend(that.startDate, that.startTime) : options.dateTime)
+ ,end = lay.extend({}, lay.extend(that.endDate, that.endTime))
+
+ lay.each([start, end], function(i, item){
+ if(!('month' in item)) return;
+ lay.extend(item, {
+ month: item.month + 1
+ });
+ });
+
+ param = param || [that.parse(), start, end];
+ typeof options[type || 'done'] === 'function' && options[type || 'done'].apply(options, param);
+
+ return that;
+ };
+
+ //选择日期
+ Class.prototype.choose = function(td){
+ var that = this
+ ,options = that.config
+ ,dateTime = options.dateTime
+
+ ,tds = lay(that.elem).find('td')
+ ,YMD = td.attr('lay-ymd').split('-')
+
+ ,setDateTime = function(one){
+ var thisDate = new Date();
+
+ //同步dateTime
+ one && lay.extend(dateTime, YMD);
+
+ //记录开始日期
+ if(options.range){
+ that.startDate ? lay.extend(that.startDate, YMD) : (
+ that.startDate = lay.extend({}, YMD, that.startTime)
+ );
+ that.startYMD = YMD;
+ }
+ };
+
+ YMD = {
+ year: YMD[0] | 0
+ ,month: (YMD[1] | 0) - 1
+ ,date: YMD[2] | 0
+ };
+
+ if(td.hasClass(DISABLED)) return;
+
+ //范围选择
+ if(options.range){
+
+ lay.each(['startTime', 'endTime'], function(i, item){
+ that[item] = that[item] || {
+ hours: 0
+ ,minutes: 0
+ ,seconds: 0
+ };
+ });
+
+ if(that.endState){ //重新选择
+ setDateTime();
+ delete that.endState;
+ delete that.endDate;
+ that.startState = true;
+ tds.removeClass(THIS + ' ' + ELEM_SELECTED);
+ td.addClass(THIS);
+ } else if(that.startState){ //选中截止
+ td.addClass(THIS);
+
+ that.endDate ? lay.extend(that.endDate, YMD) : (
+ that.endDate = lay.extend({}, YMD, that.endTime)
+ );
+
+ //判断是否顺时或逆时选择
+ if(that.newDate(YMD).getTime() < that.newDate(that.startYMD).getTime()){
+ var startDate = lay.extend({}, that.endDate, {
+ hours: that.startDate.hours
+ ,minutes: that.startDate.minutes
+ ,seconds: that.startDate.seconds
+ });
+ lay.extend(that.endDate, that.startDate, {
+ hours: that.endDate.hours
+ ,minutes: that.endDate.minutes
+ ,seconds: that.endDate.seconds
+ });
+ that.startDate = startDate;
+ }
+
+ options.showBottom || that.done();
+ that.stampRange(); //标记范围内的日期
+ that.endState = true;
+ that.done(null, 'change');
+ } else { //选中开始
+ td.addClass(THIS);
+ setDateTime();
+ that.startState = true;
+ }
+ lay(that.footer).find(ELEM_CONFIRM)[that.endDate ? 'removeClass' : 'addClass'](DISABLED);
+ } else if(!(options.type === 'datatime' || options.position === 'static')){
+ setDateTime(true);
+ that.setValue(that.parse()).remove().done();
+ } else {
+ setDateTime(true);
+ that.calendar().done().done(null, 'change');
+ }
+ };
+
+ //底部按钮
+ Class.prototype.tool = function(btn, type){
+ var that = this
+ ,options = that.config
+ ,dateTime = options.dateTime
+ ,isStatic = options.position === 'static'
+ ,active = {
+ //选择时间
+ datetime: function(){
+ if(lay(btn).hasClass(DISABLED)) return;
+ that.list('time', 0);
+ options.range && that.list('time', 1);
+ lay(btn).attr('lay-type', 'date').html(that.lang().dateTips);
+ }
+
+ //选择日期
+ ,date: function(){
+ that.closeList();
+ lay(btn).attr('lay-type', 'datetime').html(that.lang().timeTips);
+ }
+
+ //清空、重置
+ ,clear: function(){
+ that.setValue('').remove();
+ isStatic && (
+ lay.extend(dateTime, that.firstDate)
+ ,that.calendar()
+ )
+ options.range && (
+ delete that.startState
+ ,delete that.endState
+ ,delete that.endDate
+ ,delete that.startTime
+ ,delete that.endTime
+ );
+ that.done(['', {}, {}]);
+ }
+
+ //现在
+ ,now: function(){
+ var thisDate = new Date();
+ lay.extend(dateTime, that.systemDate(), {
+ hours: thisDate.getHours()
+ ,minutes: thisDate.getMinutes()
+ ,seconds: thisDate.getSeconds()
+ });
+ that.setValue(that.parse()).remove();
+ isStatic && that.calendar();
+ that.done();
+ }
+
+ //确定
+ ,confirm: function(){
+ if(options.range){
+ if(!that.endDate) return that.hint('请先选择日期范围');
+ if(lay(btn).hasClass(DISABLED)) return;
+ } else {
+ if(lay(btn).hasClass(DISABLED)) return that.hint('不在有效日期或时间范围内');
+ }
+ that.done();
+ that.setValue(that.parse()).remove()
+ }
+ };
+ active[type] && active[type]();
+ };
+
+ //统一切换处理
+ Class.prototype.change = function(index){
+ var that = this
+ ,options = that.config
+ ,dateTime = options.dateTime
+ ,isAlone = options.range && (options.type === 'year' || options.type === 'month')
+
+ ,elemCont = that.elemCont[index || 0]
+ ,listYM = that.listYM[index]
+ ,addSubYeay = function(type){
+ var startEnd = ['startDate', 'endDate'][index]
+ ,isYear = lay(elemCont).find('.laydate-year-list')[0]
+ ,isMonth = lay(elemCont).find('.laydate-month-list')[0];
+
+ //切换年列表
+ if(isYear){
+ listYM[0] = type ? listYM[0] - 15 : listYM[0] + 15;
+ that.list('year', index);
+ }
+
+ if(isMonth){ //切换月面板中的年
+ type ? listYM[0]-- : listYM[0]++;
+ that.list('month', index);
+ }
+
+ if(isYear || isMonth){
+ lay.extend(dateTime, {
+ year: listYM[0]
+ });
+ if(isAlone) that[startEnd].year = listYM[0];
+ options.range || that.done(null, 'change');
+ that.setBtnStatus();
+ options.range || that.limit(lay(that.footer).find(ELEM_CONFIRM), {
+ year: listYM[0]
+ });
+ }
+ return isYear || isMonth;
+ };
+
+ return {
+ prevYear: function(){
+ if(addSubYeay('sub')) return;
+ dateTime.year--;
+ that.calendar();
+ options.range || that.done(null, 'change');
+ }
+ ,prevMonth: function(){
+ var YM = that.getAsYM(dateTime.year, dateTime.month, 'sub');
+ lay.extend(dateTime, {
+ year: YM[0]
+ ,month: YM[1]
+ });
+ that.calendar();
+ options.range || that.done(null, 'change');
+ }
+ ,nextMonth: function(){
+ var YM = that.getAsYM(dateTime.year, dateTime.month);
+ lay.extend(dateTime, {
+ year: YM[0]
+ ,month: YM[1]
+ });
+ that.calendar();
+ options.range || that.done(null, 'change');
+ }
+ ,nextYear: function(){
+ if(addSubYeay()) return;
+ dateTime.year++
+ that.calendar();
+ options.range || that.done(null, 'change');
+ }
+ };
+ };
+
+ //日期切换事件
+ Class.prototype.changeEvent = function(){
+ var that = this
+ ,options = that.config;
+
+ //日期选择事件
+ lay(that.elem).on('click', function(e){
+ lay.stope(e);
+ });
+
+ //年月切换
+ lay.each(that.elemHeader, function(i, header){
+ //上一年
+ lay(header[0]).on('click', function(e){
+ that.change(i).prevYear();
+ });
+
+ //上一月
+ lay(header[1]).on('click', function(e){
+ that.change(i).prevMonth();
+ });
+
+ //选择年月
+ lay(header[2]).find('span').on('click', function(e){
+ var othis = lay(this)
+ ,layYM = othis.attr('lay-ym').split('-')
+ ,layType = othis.attr('lay-type');
+
+ that.listYM[i] = [layYM[0] | 0, layYM[1] | 0];
+ that.list(layType, i);
+ lay(that.footer).find(ELEM_TIME_BTN).addClass(DISABLED);
+ });
+
+ //下一月
+ lay(header[3]).on('click', function(e){
+ that.change(i).nextMonth();
+ });
+
+ //下一年
+ lay(header[4]).on('click', function(e){
+ that.change(i).nextYear();
+ });
+ });
+
+ //点击日期
+ lay.each(that.table, function(i, table){
+ var tds = lay(table).find('td');
+ tds.on('click', function(){
+ that.choose(lay(this));
+ });
+ });
+
+ //点击底部按钮
+ lay(that.footer).find('span').on('click', function(){
+ var type = lay(this).attr('lay-type');
+ that.tool(this, type);
+ });
+ };
+
+ //是否输入框
+ Class.prototype.isInput = function(elem){
+ return /input|textarea/.test(elem.tagName.toLocaleLowerCase());
+ };
+
+ //绑定的元素事件处理
+ Class.prototype.events = function(){
+ var that = this
+ ,options = that.config
+
+ //绑定呼出控件事件
+ ,showEvent = function(elem, bind){
+ elem.on(options.trigger, function(){
+ bind && (that.bindElem = this);
+ that.render();
+ });
+ };
+
+ if(!options.elem[0] || options.elem[0].eventHandler) return;
+
+ showEvent(options.elem, 'bind');
+ showEvent(options.eventElem);
+
+ //绑定关闭控件事件
+ lay(document).on('click', function(e){
+ if(e.target === options.elem[0]
+ || e.target === options.eventElem[0]
+ || e.target === lay(options.closeStop)[0]){
+ return;
+ }
+ that.remove();
+ }).on('keydown', function(e){
+ if(e.keyCode === 13){
+ e.preventDefault();
+ if(lay('#'+ that.elemID)[0] && that.elemID === Class.thisElem){
+ lay(that.footer).find(ELEM_CONFIRM)[0].click();
+ }
+ }
+ });
+
+ //自适应定位
+ lay(window).on('resize', function(){
+ if(!that.elem || !lay(ELEM)[0]){
+ return false;
+ }
+ that.position();
+ });
+
+ options.elem[0].eventHandler = true;
+ };
+
+
+ //核心接口
+ laydate.render = function(options){
+ var inst = new Class(options);
+ return thisDate.call(inst);
+ };
+
+ //得到某月的最后一天
+ laydate.getEndDate = function(month, year){
+ var thisDate = new Date();
+ //设置日期为下个月的第一天
+ thisDate.setFullYear(
+ year || thisDate.getFullYear()
+ ,month || (thisDate.getMonth() + 1)
+ ,1);
+ //减去一天，得到当前月最后一天
+ return new Date(thisDate.getTime() - 1000*60*60*24).getDate();
+ };
+
+ //暴露lay
+ window.lay = window.lay || lay;
+
+ //加载方式
+ isLayui ? (
+ laydate.ready()
+ ,layui.define(function(exports){ //layui加载
+ laydate.path = layui.cache.dir;
+ exports(MOD_NAME, laydate);
+ })
+ ) : (
+ (typeof define === 'function' && define.amd) ? define(function(){ //requirejs加载
+ return laydate;
+ }) : function(){ //普通script标签加载
+ laydate.ready();
+ window.laydate = laydate
+ }()
+ );
+
+}();
\ No newline at end of file
diff --git a/src/lay/modules/layedit.js b/src/lay/modules/layedit.js
new file mode 100644
index 00000000..b2870623
--- /dev/null
+++ b/src/lay/modules/layedit.js
@@ -0,0 +1,650 @@
+/**
+
+ @Name：layui.layedit 富文本编辑器
+ @Author：贤心
+ @License：MIT
+
+ */
+
+layui.define(['layer', 'form'], function(exports){
+ "use strict";
+
+ var $ = layui.$
+ ,layer = layui.layer
+ ,form = layui.form
+ ,hint = layui.hint()
+ ,device = layui.device()
+
+ ,MOD_NAME = 'layedit', THIS = 'layui-this', SHOW = 'layui-show', ABLED = 'layui-disabled'
+
+ ,Edit = function(){
+ var that = this;
+ that.index = 0;
+
+ //全局配置
+ that.config = {
+ //默认工具bar
+ tool: [
+ 'strong', 'italic', 'underline', 'del'
+ ,'|'
+ ,'left', 'center', 'right'
+ ,'|'
+ ,'link', 'unlink', 'face', 'image'
+ ]
+ ,hideTool: []
+ ,height: 280 //默认高
+ };
+ };
+
+ //全局设置
+ Edit.prototype.set = function(options){
+ var that = this;
+ $.extend(true, that.config, options);
+ return that;
+ };
+
+ //事件监听
+ Edit.prototype.on = function(events, callback){
+ return layui.onevent(MOD_NAME, events, callback);
+ };
+
+ //建立编辑器
+ Edit.prototype.build = function(id, settings){
+ settings = settings || {};
+
+ var that = this
+ ,config = that.config
+ ,ELEM = 'layui-layedit', textArea = $('#'+id)
+ ,name = 'LAY_layedit_'+ (++that.index)
+ ,haveBuild = textArea.next('.'+ELEM)
+
+ ,set = $.extend({}, config, settings)
+
+ ,tool = function(){
+ var node = [], hideTools = {};
+ layui.each(set.hideTool, function(_, item){
+ hideTools[item] = true;
+ });
+ layui.each(set.tool, function(_, item){
+ if(tools[item] && !hideTools[item]){
+ node.push(tools[item]);
+ }
+ });
+ return node.join('');
+ }()
+
+
+ ,editor = $(['
'
+ ,'
'+ tool +'
'
+ ,'
'
+ ,''
+ ,'
'
+ ,'
'].join(''))
+
+ //编辑器不兼容ie8以下
+ if(device.ie && device.ie < 8){
+ return textArea.removeClass('layui-hide').addClass(SHOW);
+ }
+
+ haveBuild[0] && (haveBuild.remove());
+
+ setIframe.call(that, editor, textArea[0], set)
+ textArea.addClass('layui-hide').after(editor);
+
+ return that.index;
+ };
+
+ //获得编辑器中内容
+ Edit.prototype.getContent = function(index){
+ var iframeWin = getWin(index);
+ if(!iframeWin[0]) return;
+ return toLower(iframeWin[0].document.body.innerHTML);
+ };
+
+ //获得编辑器中纯文本内容
+ Edit.prototype.getText = function(index){
+ var iframeWin = getWin(index);
+ if(!iframeWin[0]) return;
+ return $(iframeWin[0].document.body).text();
+ };
+ /**
+ * 设置编辑器内容
+ * @param {[type]} index 编辑器索引
+ * @param {[type]} content 要设置的内容
+ * @param {[type]} flag 是否追加模式
+ */
+ Edit.prototype.setContent = function(index, content, flag){
+ var iframeWin = getWin(index);
+ if(!iframeWin[0]) return;
+ if(flag){
+ $(iframeWin[0].document.body).append(content)
+ }else{
+ $(iframeWin[0].document.body).html(content)
+ };
+ layedit.sync(index)
+ };
+ //将编辑器内容同步到textarea（一般用于异步提交时）
+ Edit.prototype.sync = function(index){
+ var iframeWin = getWin(index);
+ if(!iframeWin[0]) return;
+ var textarea = $('#'+iframeWin[1].attr('textarea'));
+ textarea.val(toLower(iframeWin[0].document.body.innerHTML));
+ };
+
+ //获取编辑器选中内容
+ Edit.prototype.getSelection = function(index){
+ var iframeWin = getWin(index);
+ if(!iframeWin[0]) return;
+ var range = Range(iframeWin[0].document);
+ return document.selection ? range.text : range.toString();
+ };
+
+ //iframe初始化
+ var setIframe = function(editor, textArea, set){
+ var that = this, iframe = editor.find('iframe');
+
+ iframe.css({
+ height: set.height
+ }).on('load', function(){
+ var conts = iframe.contents()
+ ,iframeWin = iframe.prop('contentWindow')
+ ,head = conts.find('head')
+ ,style = $([''].join(''))
+ ,body = conts.find('body');
+
+ head.append(style);
+ body.attr('contenteditable', 'true').css({
+ 'min-height': set.height
+ }).html(textArea.value||'');
+
+ hotkey.apply(that, [iframeWin, iframe, textArea, set]); //快捷键处理
+ toolActive.call(that, iframeWin, editor, set); //触发工具
+
+ });
+ }
+
+ //获得iframe窗口对象
+ ,getWin = function(index){
+ var iframe = $('#LAY_layedit_'+ index)
+ ,iframeWin = iframe.prop('contentWindow');
+ return [iframeWin, iframe];
+ }
+
+ //IE8下将标签处理成小写
+ ,toLower = function(html){
+ if(device.ie == 8){
+ html = html.replace(/<.+>/g, function(str){
+ return str.toLowerCase();
+ });
+ }
+ return html;
+ }
+
+ //快捷键处理
+ ,hotkey = function(iframeWin, iframe, textArea, set){
+ var iframeDOM = iframeWin.document, body = $(iframeDOM.body);
+ body.on('keydown', function(e){
+ var keycode = e.keyCode;
+ //处理回车
+ if(keycode === 13){
+ var range = Range(iframeDOM);
+ var container = getContainer(range)
+ ,parentNode = container.parentNode;
+
+ if(parentNode.tagName.toLowerCase() === 'pre'){
+ if(e.shiftKey) return
+ layer.msg('请暂时用shift+enter');
+ return false;
+ }
+ iframeDOM.execCommand('formatBlock', false, '
');
+ }
+ });
+
+ //给textarea同步内容
+ $(textArea).parents('form').on('submit', function(){
+ var html = body.html();
+ //IE8下将标签处理成小写
+ if(device.ie == 8){
+ html = html.replace(/<.+>/g, function(str){
+ return str.toLowerCase();
+ });
+ }
+ textArea.value = html;
+ });
+
+ //处理粘贴
+ body.on('paste', function(e){
+ iframeDOM.execCommand('formatBlock', false, '
');
+ setTimeout(function(){
+ filter.call(iframeWin, body);
+ textArea.value = body.html();
+ }, 100);
+ });
+ }
+
+ //标签过滤
+ ,filter = function(body){
+ var iframeWin = this
+ ,iframeDOM = iframeWin.document;
+
+ //清除影响版面的css属性
+ body.find('*[style]').each(function(){
+ var textAlign = this.style.textAlign;
+ this.removeAttribute('style');
+ $(this).css({
+ 'text-align': textAlign || ''
+ })
+ });
+
+ //修饰表格
+ body.find('table').addClass('layui-table');
+
+ //移除不安全的标签
+ body.find('script,link').remove();
+ }
+
+ //Range对象兼容性处理
+ ,Range = function(iframeDOM){
+ return iframeDOM.selection
+ ? iframeDOM.selection.createRange()
+ : iframeDOM.getSelection().getRangeAt(0);
+ }
+
+ //当前Range对象的endContainer兼容性处理
+ ,getContainer = function(range){
+ return range.endContainer || range.parentElement().childNodes[0]
+ }
+
+ //在选区插入内联元素
+ ,insertInline = function(tagName, attr, range){
+ var iframeDOM = this.document
+ ,elem = document.createElement(tagName)
+ for(var key in attr){
+ elem.setAttribute(key, attr[key]);
+ }
+ elem.removeAttribute('text');
+
+ if(iframeDOM.selection){ //IE
+ var text = range.text || attr.text;
+ if(tagName === 'a' && !text) return;
+ if(text){
+ elem.innerHTML = text;
+ }
+ range.pasteHTML($(elem).prop('outerHTML'));
+ range.select();
+ } else { //非IE
+ var text = range.toString() || attr.text;
+ if(tagName === 'a' && !text) return;
+ if(text){
+ elem.innerHTML = text;
+ }
+ range.deleteContents();
+ range.insertNode(elem);
+ }
+ }
+
+ //工具选中
+ ,toolCheck = function(tools, othis){
+ var iframeDOM = this.document
+ ,CHECK = 'layedit-tool-active'
+ ,container = getContainer(Range(iframeDOM))
+ ,item = function(type){
+ return tools.find('.layedit-tool-'+type)
+ }
+
+ if(othis){
+ othis[othis.hasClass(CHECK) ? 'removeClass' : 'addClass'](CHECK);
+ }
+
+ tools.find('>i').removeClass(CHECK);
+ item('unlink').addClass(ABLED);
+
+ $(container).parents().each(function(){
+ var tagName = this.tagName.toLowerCase()
+ ,textAlign = this.style.textAlign;
+
+ //文字
+ if(tagName === 'b' || tagName === 'strong'){
+ item('b').addClass(CHECK)
+ }
+ if(tagName === 'i' || tagName === 'em'){
+ item('i').addClass(CHECK)
+ }
+ if(tagName === 'u'){
+ item('u').addClass(CHECK)
+ }
+ if(tagName === 'strike'){
+ item('d').addClass(CHECK)
+ }
+
+ //对齐
+ if(tagName === 'p'){
+ if(textAlign === 'center'){
+ item('center').addClass(CHECK);
+ } else if(textAlign === 'right'){
+ item('right').addClass(CHECK);
+ } else {
+ item('left').addClass(CHECK);
+ }
+ }
+
+ //超链接
+ if(tagName === 'a'){
+ item('link').addClass(CHECK);
+ item('unlink').removeClass(ABLED);
+ }
+ });
+ }
+
+ //触发工具
+ ,toolActive = function(iframeWin, editor, set){
+ var iframeDOM = iframeWin.document
+ ,body = $(iframeDOM.body)
+ ,toolEvent = {
+ //超链接
+ link: function(range){
+ var container = getContainer(range)
+ ,parentNode = $(container).parent();
+
+ link.call(body, {
+ href: parentNode.attr('href')
+ ,target: parentNode.attr('target')
+ }, function(field){
+ var parent = parentNode[0];
+ if(parent.tagName === 'A'){
+ parent.href = field.url;
+ } else {
+ insertInline.call(iframeWin, 'a', {
+ target: field.target
+ ,href: field.url
+ ,text: field.url
+ }, range);
+ }
+ });
+ }
+ //清除超链接
+ ,unlink: function(range){
+ iframeDOM.execCommand('unlink');
+ }
+ //表情
+ ,face: function(range){
+ face.call(this, function(img){
+ insertInline.call(iframeWin, 'img', {
+ src: img.src
+ ,alt: img.alt
+ }, range);
+ });
+ }
+ //图片
+ ,image: function(range){
+ var that = this;
+ layui.use('upload', function(upload){
+ var uploadImage = set.uploadImage || {};
+ upload({
+ url: uploadImage.url
+ ,method: uploadImage.type
+ ,elem: $(that).find('input')[0]
+ ,unwrap: true
+ ,success: function(res){
+ if(res.code == 0){
+ res.data = res.data || {};
+ insertInline.call(iframeWin, 'img', {
+ src: res.data.src
+ ,alt: res.data.title
+ }, range);
+ } else {
+ layer.msg(res.msg||'上传失败');
+ }
+ }
+ });
+ });
+ }
+ //插入代码
+ ,code: function(range){
+ code.call(body, function(pre){
+ insertInline.call(iframeWin, 'pre', {
+ text: pre.code
+ ,'lay-lang': pre.lang
+ }, range);
+ });
+ }
+ //帮助
+ ,help: function(){
+ layer.open({
+ type: 2
+ ,title: '帮助'
+ ,area: ['600px', '380px']
+ ,shadeClose: true
+ ,shade: 0.1
+ ,skin: 'layui-layer-msg'
+ ,content: ['http://www.layui.com/about/layedit/help.html', 'no']
+ });
+ }
+ }
+ ,tools = editor.find('.layui-layedit-tool')
+
+ ,click = function(){
+ var othis = $(this)
+ ,events = othis.attr('layedit-event')
+ ,command = othis.attr('lay-command');
+
+ if(othis.hasClass(ABLED)) return;
+
+ body.focus();
+
+ var range = Range(iframeDOM)
+ ,container = range.commonAncestorContainer
+
+ if(command){
+ iframeDOM.execCommand(command);
+ if(/justifyLeft|justifyCenter|justifyRight/.test(command)){
+ iframeDOM.execCommand('formatBlock', false, '
');
+ }
+ setTimeout(function(){
+ body.focus();
+ }, 10);
+ } else {
+ toolEvent[events] && toolEvent[events].call(this, range);
+ }
+ toolCheck.call(iframeWin, tools, othis);
+ }
+
+ ,isClick = /image/
+
+ tools.find('>i').on('mousedown', function(){
+ var othis = $(this)
+ ,events = othis.attr('layedit-event');
+ if(isClick.test(events)) return;
+ click.call(this)
+ }).on('click', function(){
+ var othis = $(this)
+ ,events = othis.attr('layedit-event');
+ if(!isClick.test(events)) return;
+ click.call(this)
+ });
+
+ //触发内容区域
+ body.on('click', function(){
+ toolCheck.call(iframeWin, tools);
+ layer.close(face.index);
+ });
+ }
+
+ //超链接面板
+ ,link = function(options, callback){
+ var body = this, index = layer.open({
+ type: 1
+ ,id: 'LAY_layedit_link'
+ ,area: '350px'
+ ,shade: 0.05
+ ,shadeClose: true
+ ,moveType: 1
+ ,title: '超链接'
+ ,skin: 'layui-layer-msg'
+ ,content: ['
'].join('')
+ ,success: function(layero, index){
+ var eventFilter = 'submit(layedit-link-yes)';
+ form.render('radio');
+ layero.find('.layui-btn-primary').on('click', function(){
+ layer.close(index);
+ body.focus();
+ });
+ form.on(eventFilter, function(data){
+ layer.close(link.index);
+ callback && callback(data.field);
+ });
+ }
+ });
+ link.index = index;
+ }
+
+ //表情面板
+ ,face = function(callback){
+ //表情库
+ var faces = function(){
+ var alt = ["[微笑]", "[嘻嘻]", "[哈哈]", "[可爱]", "[可怜]", "[挖鼻]", "[吃惊]", "[害羞]", "[挤眼]", "[闭嘴]", "[鄙视]", "[爱你]", "[泪]", "[偷笑]", "[亲亲]", "[生病]", "[太开心]", "[白眼]", "[右哼哼]", "[左哼哼]", "[嘘]", "[衰]", "[委屈]", "[吐]", "[哈欠]", "[抱抱]", "[怒]", "[疑问]", "[馋嘴]", "[拜拜]", "[思考]", "[汗]", "[困]", "[睡]", "[钱]", "[失望]", "[酷]", "[色]", "[哼]", "[鼓掌]", "[晕]", "[悲伤]", "[抓狂]", "[黑线]", "[阴险]", "[怒骂]", "[互粉]", "[心]", "[伤心]", "[猪头]", "[熊猫]", "[兔子]", "[ok]", "[耶]", "[good]", "[NO]", "[赞]", "[来]", "[弱]", "[草泥马]", "[神马]", "[囧]", "[浮云]", "[给力]", "[围观]", "[威武]", "[奥特曼]", "[礼物]", "[钟]", "[话筒]", "[蜡烛]", "[蛋糕]"], arr = {};
+ layui.each(alt, function(index, item){
+ arr[item] = layui.cache.dir + 'images/face/'+ index + '.gif';
+ });
+ return arr;
+ }();
+ face.hide = face.hide || function(e){
+ if($(e.target).attr('layedit-event') !== 'face'){
+ layer.close(face.index);
+ }
+ }
+ return face.index = layer.tips(function(){
+ var content = [];
+ layui.each(faces, function(key, item){
+ content.push('
');
+ });
+ return '
';
+ }(), this, {
+ tips: 1
+ ,time: 0
+ ,skin: 'layui-box layui-util-face'
+ ,maxWidth: 500
+ ,success: function(layero, index){
+ layero.css({
+ marginTop: -4
+ ,marginLeft: -10
+ }).find('.layui-clear>li').on('click', function(){
+ callback && callback({
+ src: faces[this.title]
+ ,alt: this.title
+ });
+ layer.close(index);
+ });
+ $(document).off('click', face.hide).on('click', face.hide);
+ }
+ });
+ }
+
+ //插入代码面板
+ ,code = function(callback){
+ var body = this, index = layer.open({
+ type: 1
+ ,id: 'LAY_layedit_code'
+ ,area: '550px'
+ ,shade: 0.05
+ ,shadeClose: true
+ ,moveType: 1
+ ,title: '插入代码'
+ ,skin: 'layui-layer-msg'
+ ,content: ['
'].join('')
+ ,success: function(layero, index){
+ var eventFilter = 'submit(layedit-code-yes)';
+ form.render('select');
+ layero.find('.layui-btn-primary').on('click', function(){
+ layer.close(index);
+ body.focus();
+ });
+ form.on(eventFilter, function(data){
+ layer.close(code.index);
+ callback && callback(data.field);
+ });
+ }
+ });
+ code.index = index;
+ }
+
+ //全部工具
+ ,tools = {
+ html: '
'
+ ,strong: '
'
+ ,italic: '
'
+ ,underline: '
'
+ ,del: '
'
+
+ ,'|': '
'
+
+ ,left: '
'
+ ,center: '
'
+ ,right: '
'
+ ,link: '
'
+ ,unlink: '
'
+ ,face: '
'
+ ,image: '
'
+ ,code: '
'
+
+ ,help: '
'
+ }
+
+ ,edit = new Edit();
+
+ exports(MOD_NAME, edit);
+});
diff --git a/src/lay/modules/layer.js b/src/lay/modules/layer.js
new file mode 100644
index 00000000..1567d53f
--- /dev/null
+++ b/src/lay/modules/layer.js
@@ -0,0 +1,1285 @@
+/**
+
+ @Name：layer v3.1.0 Web弹层组件
+ @Author：贤心
+ @Site：http://layer.layui.com
+ @License：MIT
+
+ */
+
+;!function(window, undefined){
+"use strict";
+
+var isLayui = window.layui && layui.define, $, win, ready = {
+ getPath: function(){
+ var js = document.scripts, script = js[js.length - 1], jsPath = script.src;
+ if(script.getAttribute('merge')) return;
+ return 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 : win.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, 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() {
+ if(++timeout > 8 * 1000 / 100){
+ return window.console && console.error('layer.css: Invalid');
+ };
+ parseInt(ready.getStyle(document.getElementById(id), 'width')) === 1989 ? fn() : setTimeout(poll, 100);
+ }());
+ }
+};
+
+//默认内置方法。
+var layer = {
+ v: '3.0.3',
+ 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('skin/' + options.extend);
+
+ return this;
+ },
+
+ //主体CSS等待事件
+ ready: function(callback){
+ var cssname = 'layer', ver = ''
+ ,path = (isLayui ? 'modules/layer/' : 'theme/') + 'default/layer.css?v='+ layer.v + ver;
+ isLayui ? layui.addcss(path, callback, cssname) : ready.link(path, callback, cssname);
+ return this;
+ },
+
+ //各种快捷引用
+ alert: function(content, options, yes){
+ var type = typeof options === 'function';
+ if(type) yes = options;
+ return layer.open($.extend({
+ content: content,
+ yes: yes
+ }, type ? {} : options));
+ },
+
+ confirm: function(content, options, yes, cancel){
+ var type = typeof options === 'function';
+ if(type){
+ cancel = yes;
+ yes = options;
+ }
+ return layer.open($.extend({
+ content: content,
+ btn: ready.btn,
+ yes: yes,
+ btn2: cancel
+ }, type ? {} : options));
+ },
+
+ msg: function(content, options, end){ //最常用提示层
+ var type = typeof options === 'function', rskin = ready.config.skin;
+ var skin = (rskin ? rskin + ' ' + rskin + '-msg' : '')||'layui-layer-msg';
+ var anim = doms.anim.length - 1;
+ if(type) end = options;
+ return layer.open($.extend({
+ content: content,
+ time: 3000,
+ shade: false,
+ skin: skin,
+ title: false,
+ closeBtn: false,
+ btn: false,
+ resize: false,
+ end: end
+ }, (type && !ready.config.skin) ? {
+ skin: skin + ' layui-layer-hui',
+ anim: anim
+ } : function(){
+ options = options || {};
+ if(options.icon === -1 || options.icon === undefined && !ready.config.skin){
+ options.skin = skin + ' ' + (options.skin||'layui-layer-hui');
+ }
+ return options;
+ }()));
+ },
+
+ load: function(icon, options){
+ return layer.open($.extend({
+ type: 3,
+ icon: icon || 0,
+ resize: false,
+ shade: 0.01
+ }, options));
+ },
+
+ tips: function(content, follow, options){
+ return layer.open($.extend({
+ type: 4,
+ content: [content, follow],
+ closeBtn: false,
+ time: 3000,
+ shade: false,
+ resize: false,
+ fixed: false,
+ maxWidth: 210
+ }, options));
+ }
+};
+
+var Class = function(setings){
+ var that = this;
+ that.index = ++layer.index;
+ that.config = $.extend({}, that.config, ready.config, setings);
+ document.body ? that.creat() : setTimeout(function(){
+ that.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', 'layer-anim-01', 'layer-anim-02', 'layer-anim-03', 'layer-anim-04', 'layer-anim-05', 'layer-anim-06'];
+
+//默认配置
+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,
+ 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.btn ? function(){
+ var button = '';
+ typeof config.btn === 'string' && (config.btn = [config.btn]);
+ for(var i = 0, len = config.btn.length; i < len; i++){
+ button += '
'+ config.btn[i] +' '
+ }
+ return '
'+ button +'
'
+ }() : '')
+ + (config.resize ? '
' : '')
+ + '
'
+ ], titleHTML, $('
'));
+ return that;
+};
+
+//创建骨架
+Class.pt.creat = function(){
+ var that = this
+ ,config = that.config
+ ,times = that.index, nodeIndex
+ ,content = config.content
+ ,conType = typeof content === 'object'
+ ,body = $('body');
+
+ if(config.id && $('#'+config.id)[0]) return;
+
+ if(typeof config.area === 'string'){
+ config.area = config.area === 'auto' ? ['', ''] : [config.area, ''];
+ }
+
+ //anim兼容旧版shift
+ if(config.shift){
+ config.anim = config.shift;
+ }
+
+ if(layer.ie == 6){
+ config.fixed = false;
+ }
+
+ switch(config.type){
+ case 0:
+ config.btn = ('btn' in config) ? config.btn : ready.btn[0];
+ layer.closeAll('dialog');
+ break;
+ case 2:
+ var content = config.content = conType ? config.content : [config.content||'http://layer.layui.com', '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]);
+ $('.layui-layer-move')[0] || body.append(ready.moveElem = moveElem);
+ that.layero = $('#'+ doms[0] + times);
+ config.scrollbar || doms.html.css('overflow', 'hidden').attr('layer-full', times);
+ }).auto(times);
+
+ config.type == 2 && layer.ie == 6 && that.layero.find('iframe').attr('src', content[0]);
+
+ //坐标自适应浏览器窗口尺寸
+ config.type == 4 ? that.tips() : that.offset();
+ 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]){
+ that.layero.addClass(doms.anim[config.anim]);
+ };
+
+ //记录关闭动画
+ 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){
+ $('#layui-layer-shade'+ that.index).on('click', function(){
+ layer.close(that.index);
+ });
+ }
+
+ //最小化
+ layero.find('.layui-layer-min').on('click', function(){
+ var min = config.min && config.min(layero);
+ 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);
+ } else {
+ layer.full(that.index, config);
+ setTimeout(function(){
+ config.full && config.full(layero);
+ }, 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){
+ var layero = $('#'+ doms[0] + index)
+ ,titHeight = layero.find(doms[1]).outerHeight() || 0
+ ,left = layero.attr('minLeft') || (181*ready.minIndex)+'px'
+ ,position = layero.css('position');
+
+ ready.record(layero);
+
+ if(ready.minLeft[0]){
+ left = ready.minLeft[0];
+ ready.minLeft.shift();
+ }
+
+ layero.attr('position', position);
+
+ layer.style(index, {
+ width: 180
+ ,height: titHeight
+ ,left: left
+ ,top: win.height() - titHeight
+ ,position: 'fixed'
+ ,overflow: 'hidden'
+ }, true);
+
+ layero.find('.layui-layer-min').hide();
+ layero.attr('type') === 'page' && layero.find(doms[4]).hide();
+ ready.rescollbar(index);
+
+ if(!layero.attr('minLeft')){
+ ready.minIndex++;
+ }
+ layero.attr('minLeft', left);
+};
+
+//还原
+layer.restore = function(index){
+ var layero = $('#'+ doms[0] + index), area = layero.attr('area').split(',');
+ var 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);
+};
+
+//全屏
+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){
+ 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];
+ };
+
+ if(layero.data('isOutAnim')){
+ layero.addClass(closeAnim);
+ }
+
+ $('#layui-layer-moves, #layui-layer-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){
+ $.each($('.'+doms[0]), function(){
+ var othis = $(this);
+ var is = type ? (othis.attr('type') === type) : 1;
+ is && layer.close(othis.attr('times'));
+ is = null;
+ });
+};
+
+/**
+
+ 拓展模块，layui开始合并在一起
+
+ */
+
+var cache = layer.cache||{}, skin = function(type){
+ return (cache.skin ? (' ' + cache.skin + ' ' + cache.skin + '-'+type) : '');
+};
+
+//仿系统prompt
+layer.prompt = function(options, yes){
+ var style = '';
+ options = options || {};
+
+ if(typeof options === 'function') yes = options;
+
+ if(options.area){
+ var area = options.area;
+ style = 'style="width: '+ area[0] +'; height: '+ area[1] + ';"';
+ delete options.area;
+ }
+ var prompt, content = options.formType == 2 ? '
' : function(){
+ return '
';
+ }();
+
+ var success = options.success;
+ delete options.success;
+
+ return layer.open($.extend({
+ type: 1
+ ,btn: ['确定','取消']
+ ,content: content
+ ,skin: 'layui-layer-prompt' + skin('prompt')
+ ,maxWidth: win.width()
+ ,success: function(layero){
+ prompt = layero.find('.layui-layer-input');
+ prompt.focus();
+ typeof success === 'function' && success(layero);
+ }
+ ,resize: false
+ ,yes: function(index){
+ var value = prompt.val();
+ if(value === ''){
+ prompt.focus();
+ } else if(value.length > (options.maxlength||500)) {
+ layer.tips('最多输入'+ (options.maxlength || 500) +'个字数', prompt, {tips: 1});
+ } else {
+ yes && yes(value, index, prompt);
+ }
+ }
+ }, options));
+};
+
+//tab层
+layer.tab = function(options){
+ options = options || {};
+
+ var tab = options.tab || {}
+ ,THIS = 'layui-this'
+ ,success = options.success;
+
+ delete options.success;
+
+ return layer.open($.extend({
+ type: 1,
+ skin: 'layui-layer-tab' + skin('tab'),
+ resize: false,
+ title: function(){
+ var len = tab.length, ii = 1, str = '';
+ if(len > 0){
+ str = '
'+ tab[0].title +' ';
+ for(; ii < len; ii++){
+ str += '
'+ tab[ii].title +' ';
+ }
+ }
+ return str;
+ }(),
+ content: '
'+ 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;
+ var type = options.photos.constructor === Object;
+ var photos = type ? options.photos : {}, data = photos.data || [];
+ var start = photos.start || 0;
+ dict.imgIndex = (start|0) + 1;
+
+ options.img = options.img || 'img';
+
+ var success = options.success;
+ delete options.success;
+
+ if(!type){ //页面直接获取
+ var parent = $(options.photos), pushData = function(){
+ data = [];
+ parent.find(options.img).each(function(index){
+ var othis = $(this);
+ othis.attr('layer-index', index);
+ data.push({
+ alt: othis.attr('alt'),
+ pid: othis.attr('layer-pid'),
+ src: othis.attr('layer-src') || othis.attr('src'),
+ thumb: othis.attr('src')
+ });
+ })
+ };
+
+ pushData();
+
+ if (data.length === 0) return;
+
+ loop || parent.on('click', options.img, function(){
+ var othis = $(this), index = othis.attr('layer-index');
+ layer.photos($.extend(options, {
+ photos: {
+ start: index,
+ data: data,
+ tab: options.tab
+ },
+ full: options.full
+ }), true);
+ pushData();
+ })
+
+ //不直接弹出
+ 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();
+ });
+
+ dict.bigimg.find('.layui-layer-imgnext').on('click', function(event){
+ event.preventDefault();
+ dict.imgnext();
+ });
+
+ $(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);
+ 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: Math.random()*5|0,
+ isOutAnim: false,
+ skin: 'layui-layer-photos' + skin('photos'),
+ content: '
'
+ +'
'
+ +'
'
+ +(data.length > 1 ? '
' : '')
+ +'
'
+ +'
'
+ +'
',
+ success: function(layero, index){
+ dict.bigimg = layero.find('.layui-layer-phimg');
+ dict.imgsee = layero.find('.layui-layer-imguide,.layui-layer-imgbar');
+ dict.event(layero);
+ options.tab && options.tab(data[start], layero);
+ typeof success === 'function' && success(layero);
+ }, end: function(){
+ dict.end = true;
+ $(document).off('keyup', dict.keyup);
+ }
+ }, options));
+ }, function(){
+ layer.close(dict.loadi);
+ layer.msg('当前图片地址异常
是否继续查看下一张？', {
+ time: 30000,
+ btn: ['下一张', '不看了'],
+ yes: function(){
+ data.length > 1 && dict.imgnext(true,true);
+ }
+ });
+ });
+};
+
+//主入口
+ready.run = function(_$){
+ $ = _$;
+ win = $(window);
+ doms.html = $('html');
+ layer.open = function(deliver){
+ var o = new Class(deliver);
+ return o.index;
+ };
+};
+
+//加载方式
+window.layui && layui.define ? (
+ layer.ready()
+ ,layui.define('jquery', function(exports){ //layui加载
+ layer.path = layui.cache.dir;
+ ready.run(layui.$);
+
+ //暴露模块
+ window.layer = layer;
+ exports('layer', layer);
+ })
+) : (
+ (typeof define === 'function' && define.amd) ? define(['jquery'], function(){ //requirejs加载
+ ready.run(window.jQuery);
+ return layer;
+ }) : function(){ //普通script标签加载
+ ready.run(window.jQuery);
+ layer.ready();
+ }()
+);
+
+}(window);
diff --git a/src/lay/modules/laypage.js b/src/lay/modules/laypage.js
new file mode 100644
index 00000000..0fa77749
--- /dev/null
+++ b/src/lay/modules/laypage.js
@@ -0,0 +1,304 @@
+/**
+
+ @Name : layui.laypage 分页组件
+ @Author：贤心
+ @License：MIT
+
+ */
+
+layui.define(function(exports){
+ "use strict";
+
+ var doc = document
+ ,id = 'getElementById'
+ ,tag = 'getElementsByTagName'
+
+ //字符常量
+ ,MOD_NAME = 'laypage', DISABLED = 'layui-disabled'
+
+ //构造器
+ ,Class = function(options){
+ var that = this;
+ that.config = options || {};
+ that.config.index = ++laypage.index;
+ that.render(true);
+ };
+
+ //判断传入的容器类型
+ Class.prototype.type = function(){
+ var config = this.config;
+ if(typeof config.elem === 'object'){
+ return config.elem.length === undefined ? 2 : 3;
+ }
+ };
+
+ //分页视图
+ Class.prototype.view = function(){
+ var that = this
+ ,config = that.config;
+
+ //排版
+ config.layout = typeof config.layout === 'object'
+ ? config.layout
+ : ['prev', 'page', 'next'];
+
+ config.count = config.count|0; //数据总数
+ config.curr = (config.curr|0) || 1; //当前页
+ config.groups = (config.groups|0) || 5; //连续页码个数
+
+ //每页条数的选择项
+ config.limits = typeof config.limits === 'object'
+ ? config.limits
+ : [10, 20, 30, 40, 50];
+ config.limit = (config.limit|0) || 10; //默认条数
+
+ //总页数
+ config.pages = Math.ceil(config.count/config.limit) || 1;
+
+ //当前页不能超过总页数
+ if(config.curr > config.pages){
+ config.curr = config.pages;
+ }
+
+ //连续分页个数不能低于0且不能大于总页数
+ if(config.groups < 0){
+ config.groups = 0
+ } else if (config.groups > config.pages){
+ config.groups = config.pages;
+ }
+
+ config.prev = 'prev' in config ? config.prev : '上一页'; //上一页文本
+ config.next = 'next' in config ? config.next : '下一页'; //下一页文本
+
+ //计算当前组
+ var index = config.pages > config.groups
+ ? Math.ceil( (config.curr + (config.groups > 1 ? 1 : 0)) / (config.groups > 0 ? config.groups : 1) )
+ : 1
+
+ //试图片段
+ ,views = {
+ //上一页
+ prev: function(){
+ return config.prev
+ ? '
'+ config.prev +' '
+ : '';
+ }()
+
+ //页码
+ ,page: function(){
+ var pager = [];
+
+ //数据量为0时，不输出页码
+ if(config.count < 1){
+ return '';
+ }
+
+ //首页
+ if(index > 1 && config.first !== false && config.groups !== 0){
+ pager.push('
'+ (config.first || 1) +' ');
+ }
+
+ //计算当前页码组的起始页
+ var halve = Math.floor((config.groups-1)/2) //页码数等分
+ ,start = index > 1 ? config.curr - halve : 1
+ ,end = index > 1 ? (function(){
+ var max = config.curr + (config.groups - halve - 1);
+ return max > config.pages ? config.pages : max;
+ }()) : config.groups;
+
+ //防止最后一组出现“不规定”的连续页码数
+ if(end - start < config.groups - 1){
+ start = end - config.groups + 1;
+ }
+
+ //输出左分割符
+ if(config.first !== false && start > 2){
+ pager.push('
… ')
+ }
+
+ //输出连续页码
+ for(; start <= end; start++){
+ if(start === config.curr){
+ //当前页
+ pager.push('
'+ start +' ');
+ } else {
+ pager.push('
'+ start +' ');
+ }
+ }
+
+ //输出输出右分隔符 & 末页
+ if(config.pages > config.groups && config.pages > end && config.last !== false){
+ if(end + 1 < config.pages){
+ pager.push('
… ');
+ }
+ if(config.groups !== 0){
+ pager.push('
'+ (config.last || config.pages) +' ');
+ }
+ }
+
+ return pager.join('');
+ }()
+
+ //下一页
+ ,next: function(){
+ return config.next
+ ? '
'+ config.next +' '
+ : '';
+ }()
+
+ //数据总数
+ ,count: '
共 '+ config.count +' 条 '
+
+ //每页条数
+ ,limit: function(){
+ var options = ['
'];
+ layui.each(config.limits, function(index, item){
+ options.push(
+ ''+ item +' 条/页 '
+ );
+ });
+ return options.join('') +' ';
+ }()
+
+ //跳页区域
+ ,skip: function(){
+ return ['
到第'
+ ,'确定 '
+ ,' '].join('');
+ }()
+ };
+
+ return ['
'
+ ,function(){
+ var plate = [];
+ layui.each(config.layout, function(index, item){
+ if(views[item]){
+ plate.push(views[item])
+ }
+ });
+ return plate.join('');
+ }()
+ ,'
'].join('');
+ };
+
+ //跳页的回调
+ Class.prototype.jump = function(elem, isskip){
+ if(!elem) return;
+ var that = this
+ ,config = that.config
+ ,childs = elem.children
+ ,btn = elem[tag]('button')[0]
+ ,input = elem[tag]('input')[0]
+ ,select = elem[tag]('select')[0]
+ ,skip = function(){
+ var curr = input.value.replace(/\s|\D/g, '')|0;
+ if(curr){
+ config.curr = curr;
+ that.render();
+ }
+ };
+
+ if(isskip) return skip();
+
+ //页码
+ for(var i = 0, len = childs.length; i < len; i++){
+ if(childs[i].nodeName.toLowerCase() === 'a'){
+ laypage.on(childs[i], 'click', function(){
+ var curr = this.getAttribute('data-page')|0;
+ if(curr < 1 || curr > config.pages) return;
+ config.curr = curr;
+ that.render();
+ });
+ }
+ }
+
+ //条数
+ if(select){
+ laypage.on(select, 'change', function(){
+ var value = this.value;
+ if(config.curr*value > config.count){
+ config.curr = Math.ceil(config.count/value);
+ }
+ config.limit = value;
+ that.render();
+ });
+ }
+
+ //确定
+ if(btn){
+ laypage.on(btn, 'click', function(){
+ skip();
+ });
+ }
+ };
+
+ //输入页数字控制
+ Class.prototype.skip = function(elem){
+ if(!elem) return;
+ var that = this, input = elem[tag]('input')[0];
+ if(!input) return;
+ laypage.on(input, 'keyup', function(e){
+ var value = this.value
+ ,keyCode = e.keyCode;
+ if(/^(37|38|39|40)$/.test(keyCode)) return;
+ if(/\D/.test(value)){
+ this.value = value.replace(/\D/, '');
+ }
+ if(keyCode === 13){
+ that.jump(elem, true)
+ }
+ });
+ };
+
+ //渲染分页
+ Class.prototype.render = function(load){
+ var that = this
+ ,config = that.config
+ ,type = that.type()
+ ,view = that.view();
+
+ if(type === 2){
+ config.elem && (config.elem.innerHTML = view);
+ } else if(type === 3){
+ config.elem.html(view);
+ } else {
+ if(doc[id](config.elem)){
+ doc[id](config.elem).innerHTML = view;
+ }
+ }
+
+ config.jump && config.jump(config, load);
+
+ var elem = doc[id]('layui-laypage-' + config.index);
+ that.jump(elem);
+
+ if(config.hash && !load){
+ location.hash = '!'+ config.hash +'='+ config.curr;
+ }
+
+ that.skip(elem);
+ };
+
+ //外部接口
+ var laypage = {
+ //分页渲染
+ render: function(options){
+ var o = new Class(options);
+ return o.index;
+ }
+ ,index: layui.laypage ? (layui.laypage.index + 10000) : 0
+ ,on: function(elem, even, fn){
+ elem.attachEvent ? elem.attachEvent('on'+ even, function(e){
+ fn.call(elem, e); //for ie
+ }) : elem.addEventListener(even, fn, false);
+ return this;
+ }
+ }
+
+ exports(MOD_NAME, laypage);
+});
\ No newline at end of file
diff --git a/src/lay/modules/laytpl.js b/src/lay/modules/laytpl.js
new file mode 100644
index 00000000..e800196c
--- /dev/null
+++ b/src/lay/modules/laytpl.js
@@ -0,0 +1,111 @@
+/**
+
+ @Name : layui.laytpl 模板引擎
+ @Author：贤心
+ @License：MIT
+
+ */
+
+layui.define(function(exports){
+
+ "use strict";
+
+ var config = {
+ open: '{{',
+ close: '}}'
+ };
+
+ var tool = {
+ exp: function(str){
+ return new RegExp(str, 'g');
+ },
+ //匹配满足规则内容
+ query: function(type, _, __){
+ var types = [
+ '#([\\s\\S])+?', //js语句
+ '([^{#}])*?' //普通字段
+ ][type || 0];
+ return exp((_||'') + config.open + types + config.close + (__||''));
+ },
+ escape: function(html){
+ return String(html||'').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&')
+ .replace(//g, '>').replace(/'/g, ''').replace(/"/g, '"');
+ },
+ error: function(e, tplog){
+ var error = 'Laytpl Error：';
+ typeof console === 'object' && console.error(error + e + '\n'+ (tplog || ''));
+ return error + e;
+ }
+ };
+
+ var exp = tool.exp, Tpl = function(tpl){
+ this.tpl = tpl;
+ };
+
+ Tpl.pt = Tpl.prototype;
+
+ window.errors = 0;
+
+ //编译模版
+ Tpl.pt.parse = function(tpl, data){
+ var that = this, tplog = tpl;
+ var jss = exp('^'+config.open+'#', ''), jsse = exp(config.close+'$', '');
+
+ tpl = tpl.replace(/\s+|\r|\t|\n/g, ' ').replace(exp(config.open+'#'), config.open+'# ')
+
+ .replace(exp(config.close+'}'), '} '+config.close).replace(/\\/g, '\\\\')
+
+ .replace(/(?="|')/g, '\\').replace(tool.query(), function(str){
+ str = str.replace(jss, '').replace(jsse, '');
+ return '";' + str.replace(/\\/g, '') + ';view+="';
+ })
+
+ .replace(tool.query(1), function(str){
+ var start = '"+(';
+ if(str.replace(/\s/g, '') === config.open+config.close){
+ return '';
+ }
+ str = str.replace(exp(config.open+'|'+config.close), '');
+ if(/^=/.test(str)){
+ str = str.replace(/^=/, '');
+ start = '"+_escape_(';
+ }
+ return start + str.replace(/\\/g, '') + ')+"';
+ });
+
+ tpl = '"use strict";var view = "' + tpl + '";return view;';
+
+ try{
+ that.cache = tpl = new Function('d, _escape_', tpl);
+ return tpl(data, tool.escape);
+ } catch(e){
+ delete that.cache;
+ return tool.error(e, tplog);
+ }
+ };
+
+ Tpl.pt.render = function(data, callback){
+ var that = this, tpl;
+ if(!data) return tool.error('no data');
+ tpl = that.cache ? that.cache(data, tool.escape) : that.parse(that.tpl, data);
+ if(!callback) return tpl;
+ callback(tpl);
+ };
+
+ var laytpl = function(tpl){
+ if(typeof tpl !== 'string') return tool.error('Template not found');
+ return new Tpl(tpl);
+ };
+
+ laytpl.config = function(options){
+ options = options || {};
+ for(var i in options){
+ config[i] = options[i];
+ }
+ };
+
+ laytpl.v = '1.2.0';
+
+ exports('laytpl', laytpl);
+
+});
\ No newline at end of file
diff --git a/src/lay/modules/mobile.js b/src/lay/modules/mobile.js
new file mode 100644
index 00000000..e6f00164
--- /dev/null
+++ b/src/lay/modules/mobile.js
@@ -0,0 +1,30 @@
+/**
+
+ @Name：layui 移动模块入口 | 构建后则为移动模块集合
+ @Author：贤心
+ @License：MIT
+
+ */
+
+
+if(!layui['layui.mobile']){
+ layui.config({
+ base: layui.cache.dir + 'lay/modules/mobile/'
+ }).extend({
+ 'layer-mobile': 'layer-mobile'
+ ,'zepto': 'zepto'
+ ,'upload-mobile': 'upload-mobile'
+ ,'layim-mobile': 'layim-mobile'
+ });
+}
+
+layui.define([
+ 'layer-mobile'
+ ,'zepto'
+ ,'layim-mobile'
+], function(exports){
+ exports('mobile', {
+ layer: layui['layer-mobile'] //弹层
+ ,layim: layui['layim-mobile'] //WebIM
+ });
+});
\ No newline at end of file
diff --git a/src/lay/modules/mobile/layer-mobile.js b/src/lay/modules/mobile/layer-mobile.js
new file mode 100644
index 00000000..1b9ff1f3
--- /dev/null
+++ b/src/lay/modules/mobile/layer-mobile.js
@@ -0,0 +1,189 @@
+/*!
+
+ @Name：layer mobile v2.0.0 弹层组件移动版
+ @Author：贤心
+ @Site：http://layer.layui.com/mobie/
+ @License：MIT
+
+ */
+
+layui.define(function(exports){
+
+ "use strict";
+
+ var win = window, doc = document, query = 'querySelectorAll', claname = 'getElementsByClassName', S = function(s){
+ return doc[query](s);
+ };
+
+ //默认配置
+ var config = {
+ type: 0
+ ,shade: true
+ ,shadeClose: true
+ ,fixed: true
+ ,anim: 'scale' //默认动画类型
+ };
+
+ var ready = {
+ extend: function(obj){
+ var newobj = JSON.parse(JSON.stringify(config));
+ for(var i in obj){
+ newobj[i] = obj[i];
+ }
+ return newobj;
+ },
+ timer: {}, end: {}
+ };
+
+ //点触事件
+ ready.touch = function(elem, fn){
+ elem.addEventListener('click', function(e){
+ fn.call(this, e);
+ }, false);
+ };
+
+ var index = 0, classs = ['layui-m-layer'], Layer = function(options){
+ var that = this;
+ that.config = ready.extend(options);
+ that.view();
+ };
+
+ Layer.prototype.view = function(){
+ var that = this, config = that.config, layerbox = doc.createElement('div');
+
+ that.id = layerbox.id = classs[0] + index;
+ layerbox.setAttribute('class', classs[0] + ' ' + classs[0]+(config.type || 0));
+ layerbox.setAttribute('index', index);
+
+ //标题区域
+ var title = (function(){
+ var titype = typeof config.title === 'object';
+ return config.title
+ ? '
'+ (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
+ +'
'
+ +'
'
+ +'
';
+
+ if(!config.type || config.type === 2){
+ var dialogs = doc[claname](classs[0] + config.type), dialen = dialogs.length;
+ if(dialen >= 1){
+ layer.close(dialogs[0].getAttribute('index'))
+ }
+ }
+
+ document.body.appendChild(layerbox);
+ var elem = that.elem = S('#'+that.id)[0];
+ config.success && config.success(elem);
+
+ that.index = index++;
+ that.action(config, elem);
+ };
+
+ Layer.prototype.action = function(config, elem){
+ var that = this;
+
+ //自动关闭
+ if(config.time){
+ ready.timer[that.index] = setTimeout(function(){
+ layer.close(that.index);
+ }, config.time*1000);
+ }
+
+ //确认取消
+ var btn = function(){
+ var type = this.getAttribute('type');
+ if(type == 0){
+ config.no && config.no();
+ layer.close(that.index);
+ } else {
+ config.yes ? config.yes(that.index) : layer.close(that.index);
+ }
+ };
+ if(config.btn){
+ var btns = elem[claname]('layui-m-layerbtn')[0].children, btnlen = btns.length;
+ for(var ii = 0; ii < btnlen; ii++){
+ ready.touch(btns[ii], btn);
+ }
+ }
+
+ //点遮罩关闭
+ if(config.shade && config.shadeClose){
+ var shade = elem[claname]('layui-m-layershade')[0];
+ ready.touch(shade, function(){
+ layer.close(that.index, config.end);
+ });
+ }
+
+ config.end && (ready.end[that.index] = config.end);
+ };
+
+ var layer = {
+ v: '2.0 m',
+ index: index,
+
+ //核心方法
+ open: function(options){
+ var o = new Layer(options || {});
+ return o.index;
+ },
+
+ close: function(index){
+ var ibox = S('#'+classs[0]+index)[0];
+ if(!ibox) return;
+ ibox.innerHTML = '';
+ doc.body.removeChild(ibox);
+ clearTimeout(ready.timer[index]);
+ delete ready.timer[index];
+ typeof ready.end[index] === 'function' && ready.end[index]();
+ delete ready.end[index];
+ },
+
+ //关闭所有layer层
+ closeAll: function(){
+ var boxs = doc[claname](classs[0]);
+ for(var i = 0, len = boxs.length; i < len; i++){
+ layer.close((boxs[0].getAttribute('index')|0));
+ }
+ }
+ };
+
+ exports('layer-mobile', layer);
+
+});
\ No newline at end of file
diff --git a/src/lay/modules/mobile/layim-mobile-open.js b/src/lay/modules/mobile/layim-mobile-open.js
new file mode 100644
index 00000000..bd623c54
--- /dev/null
+++ b/src/lay/modules/mobile/layim-mobile-open.js
@@ -0,0 +1,11 @@
+/**
+
+ @Name：layim mobile 开源包
+ @Author：贤心
+ @License：MIT
+
+ */
+
+layui.define(function(exports){
+ exports('layim-mobile', layui.v);
+});
\ No newline at end of file
diff --git a/src/lay/modules/mobile/upload-mobile.js b/src/lay/modules/mobile/upload-mobile.js
new file mode 100644
index 00000000..4f4ac7ab
--- /dev/null
+++ b/src/lay/modules/mobile/upload-mobile.js
@@ -0,0 +1,166 @@
+/*!
+
+ @Title: layui.upload 单文件上传 - 全浏览器兼容版
+ @Author: 贤心
+ @License：MIT
+
+ */
+
+layui.define(['layer-mobile', 'zepto'] , function(exports){
+ "use strict";
+
+ var $ = layui.zepto;
+ var layer = layui['layer-mobile'];
+ var device = layui.device();
+
+ var elemDragEnter = 'layui-upload-enter';
+ var elemIframe = 'layui-upload-iframe';
+
+ var msgConf = {
+ icon: 2
+ ,shift: 6
+ }, fileType = {
+ file: '文件'
+ ,video: '视频'
+ ,audio: '音频'
+ };
+
+ layer.msg = function(content){
+ return layer.open({
+ content: content || ''
+ ,skin: 'msg'
+ ,time: 2 //2秒后自动关闭
+ });
+ };
+
+ var Upload = function(options){
+ this.options = options;
+ };
+
+ //初始化渲染
+ Upload.prototype.init = function(){
+ var that = this, options = that.options;
+ var body = $('body'), elem = $(options.elem || '.layui-upload-file');
+ var iframe = $('
');
+
+ //插入iframe
+ $('#'+elemIframe)[0] || body.append(iframe);
+
+ return elem.each(function(index, item){
+ item = $(item);
+ var form = '
';
+
+ var type = item.attr('lay-type') || options.type; //获取文件类型
+
+ //包裹ui元素
+ if(!options.unwrap){
+ form = '
' + form + ' '+ (
+ item.attr('lay-title') || options.title|| ('上传'+ (fileType[type]||'图片') )
+ ) +'
';
+ }
+
+ form = $(form);
+
+ //拖拽支持
+ if(!options.unwrap){
+ form.on('dragover', function(e){
+ e.preventDefault();
+ $(this).addClass(elemDragEnter);
+ }).on('dragleave', function(){
+ $(this).removeClass(elemDragEnter);
+ }).on('drop', function(){
+ $(this).removeClass(elemDragEnter);
+ });
+ }
+
+ //如果已经实例化，则移除包裹元素
+ if(item.parent('form').attr('target') === elemIframe){
+ if(options.unwrap){
+ item.unwrap();
+ } else {
+ item.parent().next().remove();
+ item.unwrap().unwrap();
+ }
+ };
+
+ //包裹元素
+ item.wrap(form);
+
+ //触发上传
+ item.off('change').on('change', function(){
+ that.action(this, type);
+ });
+ });
+ };
+
+ //提交上传
+ Upload.prototype.action = function(input, type){
+ var that = this, options = that.options, val = input.value;
+ var item = $(input), ext = item.attr('lay-ext') || options.ext || ''; //获取支持上传的文件扩展名;
+
+ if(!val){
+ return;
+ };
+
+ //校验文件
+ switch(type){
+ case 'file': //一般文件
+ if(ext && !RegExp('\\w\\.('+ ext +')$', 'i').test(escape(val))){
+ layer.msg('不支持该文件格式', msgConf);
+ return input.value = '';
+ }
+ break;
+ case 'video': //视频文件
+ if(!RegExp('\\w\\.('+ (ext||'avi|mp4|wma|rmvb|rm|flash|3gp|flv') +')$', 'i').test(escape(val))){
+ layer.msg('不支持该视频格式', msgConf);
+ return input.value = '';
+ }
+ break;
+ case 'audio': //音频文件
+ if(!RegExp('\\w\\.('+ (ext||'mp3|wav|mid') +')$', 'i').test(escape(val))){
+ layer.msg('不支持该音频格式', msgConf);
+ return input.value = '';
+ }
+ break;
+ default: //图片文件
+ if(!RegExp('\\w\\.('+ (ext||'jpg|png|gif|bmp|jpeg') +')$', 'i').test(escape(val))){
+ layer.msg('不支持该图片格式', msgConf);
+ return input.value = '';
+ }
+ break;
+ }
+
+ options.before && options.before(input);
+ item.parent().submit();
+
+ var iframe = $('#'+elemIframe), timer = setInterval(function() {
+ var res;
+ try {
+ res = iframe.contents().find('body').text();
+ } catch(e) {
+ layer.msg('上传接口存在跨域', msgConf);
+ clearInterval(timer);
+ }
+ if(res){
+ clearInterval(timer);
+ iframe.contents().find('body').html('');
+ try {
+ res = JSON.parse(res);
+ } catch(e){
+ res = {};
+ return layer.msg('请对上传接口返回JSON字符', msgConf);
+ }
+ typeof options.success === 'function' && options.success(res, input);
+ }
+ }, 30);
+
+ input.value = '';
+ };
+
+ //暴露接口
+ exports('upload-mobile', function(options){
+ var upload = new Upload(options = options || {});
+ upload.init();
+ });
+});
+
diff --git a/src/lay/modules/mobile/zepto.js b/src/lay/modules/mobile/zepto.js
new file mode 100644
index 00000000..404ec0b8
--- /dev/null
+++ b/src/lay/modules/mobile/zepto.js
@@ -0,0 +1,1646 @@
+/* Zepto v1.2.0 - zepto event ajax form ie - zeptojs.com/license */
+
+layui.define(function(exports){
+
+ var Zepto = (function() {
+ var undefined, key, $, classList, emptyArray = [], concat = emptyArray.concat, filter = emptyArray.filter, slice = emptyArray.slice,
+ document = window.document,
+ elementDisplay = {}, classCache = {},
+ cssNumber = { 'column-count': 1, 'columns': 1, 'font-weight': 1, 'line-height': 1,'opacity': 1, 'z-index': 1, 'zoom': 1 },
+ fragmentRE = /^\s*<(\w+|!)[^>]*>/,
+ singleTagRE = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
+ tagExpanderRE = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
+ rootNodeRE = /^(?:body|html)$/i,
+ capitalRE = /([A-Z])/g,
+
+ // special attributes that should be get/set via method calls
+ methodAttributes = ['val', 'css', 'html', 'text', 'data', 'width', 'height', 'offset'],
+
+ adjacencyOperators = [ 'after', 'prepend', 'before', 'append' ],
+ table = document.createElement('table'),
+ tableRow = document.createElement('tr'),
+ containers = {
+ 'tr': document.createElement('tbody'),
+ 'tbody': table, 'thead': table, 'tfoot': table,
+ 'td': tableRow, 'th': tableRow,
+ '*': document.createElement('div')
+ },
+ readyRE = /complete|loaded|interactive/,
+ simpleSelectorRE = /^[\w-]*$/,
+ class2type = {},
+ toString = class2type.toString,
+ zepto = {},
+ camelize, uniq,
+ tempParent = document.createElement('div'),
+ propMap = {
+ 'tabindex': 'tabIndex',
+ 'readonly': 'readOnly',
+ 'for': 'htmlFor',
+ 'class': 'className',
+ 'maxlength': 'maxLength',
+ 'cellspacing': 'cellSpacing',
+ 'cellpadding': 'cellPadding',
+ 'rowspan': 'rowSpan',
+ 'colspan': 'colSpan',
+ 'usemap': 'useMap',
+ 'frameborder': 'frameBorder',
+ 'contenteditable': 'contentEditable'
+ },
+ isArray = Array.isArray ||
+ function(object){ return object instanceof Array }
+
+ zepto.matches = function(element, selector) {
+ if (!selector || !element || element.nodeType !== 1) return false
+ var matchesSelector = element.matches || element.webkitMatchesSelector ||
+ element.mozMatchesSelector || element.oMatchesSelector ||
+ element.matchesSelector
+ if (matchesSelector) return matchesSelector.call(element, selector)
+ // fall back to performing a selector:
+ var match, parent = element.parentNode, temp = !parent
+ if (temp) (parent = tempParent).appendChild(element)
+ match = ~zepto.qsa(parent, selector).indexOf(element)
+ temp && tempParent.removeChild(element)
+ return match
+ }
+
+ function type(obj) {
+ return obj == null ? String(obj) :
+ class2type[toString.call(obj)] || "object"
+ }
+
+ function isFunction(value) { return type(value) == "function" }
+ function isWindow(obj) { return obj != null && obj == obj.window }
+ function isDocument(obj) { return obj != null && obj.nodeType == obj.DOCUMENT_NODE }
+ function isObject(obj) { return type(obj) == "object" }
+ function isPlainObject(obj) {
+ return isObject(obj) && !isWindow(obj) && Object.getPrototypeOf(obj) == Object.prototype
+ }
+
+ function likeArray(obj) {
+ var length = !!obj && 'length' in obj && obj.length,
+ type = $.type(obj)
+
+ return 'function' != type && !isWindow(obj) && (
+ 'array' == type || length === 0 ||
+ (typeof length == 'number' && length > 0 && (length - 1) in obj)
+ )
+ }
+
+ function compact(array) { return filter.call(array, function(item){ return item != null }) }
+ function flatten(array) { return array.length > 0 ? $.fn.concat.apply([], array) : array }
+ camelize = function(str){ return str.replace(/-+(.)?/g, function(match, chr){ return chr ? chr.toUpperCase() : '' }) }
+ function dasherize(str) {
+ return str.replace(/::/g, '/')
+ .replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2')
+ .replace(/([a-z\d])([A-Z])/g, '$1_$2')
+ .replace(/_/g, '-')
+ .toLowerCase()
+ }
+ uniq = function(array){ return filter.call(array, function(item, idx){ return array.indexOf(item) == idx }) }
+
+ function classRE(name) {
+ return name in classCache ?
+ classCache[name] : (classCache[name] = new RegExp('(^|\\s)' + name + '(\\s|$)'))
+ }
+
+ function maybeAddPx(name, value) {
+ return (typeof value == "number" && !cssNumber[dasherize(name)]) ? value + "px" : value
+ }
+
+ function defaultDisplay(nodeName) {
+ var element, display
+ if (!elementDisplay[nodeName]) {
+ element = document.createElement(nodeName)
+ document.body.appendChild(element)
+ display = getComputedStyle(element, '').getPropertyValue("display")
+ element.parentNode.removeChild(element)
+ display == "none" && (display = "block")
+ elementDisplay[nodeName] = display
+ }
+ return elementDisplay[nodeName]
+ }
+
+ function children(element) {
+ return 'children' in element ?
+ slice.call(element.children) :
+ $.map(element.childNodes, function(node){ if (node.nodeType == 1) return node })
+ }
+
+ function Z(dom, selector) {
+ var i, len = dom ? dom.length : 0
+ for (i = 0; i < len; i++) this[i] = dom[i]
+ this.length = len
+ this.selector = selector || ''
+ }
+
+ // `$.zepto.fragment` takes a html string and an optional tag name
+ // to generate DOM nodes from the given html string.
+ // The generated DOM nodes are returned as an array.
+ // This function can be overridden in plugins for example to make
+ // it compatible with browsers that don't support the DOM fully.
+ zepto.fragment = function(html, name, properties) {
+ var dom, nodes, container
+
+ // A special case optimization for a single tag
+ if (singleTagRE.test(html)) dom = $(document.createElement(RegExp.$1))
+
+ if (!dom) {
+ if (html.replace) html = html.replace(tagExpanderRE, "<$1>")
+ if (name === undefined) name = fragmentRE.test(html) && RegExp.$1
+ if (!(name in containers)) name = '*'
+
+ container = containers[name]
+ container.innerHTML = '' + html
+ dom = $.each(slice.call(container.childNodes), function(){
+ container.removeChild(this)
+ })
+ }
+
+ if (isPlainObject(properties)) {
+ nodes = $(dom)
+ $.each(properties, function(key, value) {
+ if (methodAttributes.indexOf(key) > -1) nodes[key](value)
+ else nodes.attr(key, value)
+ })
+ }
+
+ return dom
+ }
+
+ // `$.zepto.Z` swaps out the prototype of the given `dom` array
+ // of nodes with `$.fn` and thus supplying all the Zepto functions
+ // to the array. This method can be overridden in plugins.
+ zepto.Z = function(dom, selector) {
+ return new Z(dom, selector)
+ }
+
+ // `$.zepto.isZ` should return `true` if the given object is a Zepto
+ // collection. This method can be overridden in plugins.
+ zepto.isZ = function(object) {
+ return object instanceof zepto.Z
+ }
+
+ // `$.zepto.init` is Zepto's counterpart to jQuery's `$.fn.init` and
+ // takes a CSS selector and an optional context (and handles various
+ // special cases).
+ // This method can be overridden in plugins.
+ zepto.init = function(selector, context) {
+ var dom
+ // If nothing given, return an empty Zepto collection
+ if (!selector) return zepto.Z()
+ // Optimize for string selectors
+ else if (typeof selector == 'string') {
+ selector = selector.trim()
+ // If it's a html fragment, create nodes from it
+ // Note: In both Chrome 21 and Firefox 15, DOM error 12
+ // is thrown if the fragment doesn't begin with <
+ if (selector[0] == '<' && fragmentRE.test(selector))
+ dom = zepto.fragment(selector, RegExp.$1, context), selector = null
+ // If there's a context, create a collection on that context first, and select
+ // nodes from there
+ else if (context !== undefined) return $(context).find(selector)
+ // If it's a CSS selector, use it to select nodes.
+ else dom = zepto.qsa(document, selector)
+ }
+ // If a function is given, call it when the DOM is ready
+ else if (isFunction(selector)) return $(document).ready(selector)
+ // If a Zepto collection is given, just return it
+ else if (zepto.isZ(selector)) return selector
+ else {
+ // normalize array if an array of nodes is given
+ if (isArray(selector)) dom = compact(selector)
+ // Wrap DOM nodes.
+ else if (isObject(selector))
+ dom = [selector], selector = null
+ // If it's a html fragment, create nodes from it
+ else if (fragmentRE.test(selector))
+ dom = zepto.fragment(selector.trim(), RegExp.$1, context), selector = null
+ // If there's a context, create a collection on that context first, and select
+ // nodes from there
+ else if (context !== undefined) return $(context).find(selector)
+ // And last but no least, if it's a CSS selector, use it to select nodes.
+ else dom = zepto.qsa(document, selector)
+ }
+ // create a new Zepto collection from the nodes found
+ return zepto.Z(dom, selector)
+ }
+
+ // `$` will be the base `Zepto` object. When calling this
+ // function just call `$.zepto.init, which makes the implementation
+ // details of selecting nodes and creating Zepto collections
+ // patchable in plugins.
+ $ = function(selector, context){
+ return zepto.init(selector, context)
+ }
+
+ function extend(target, source, deep) {
+ for (key in source)
+ if (deep && (isPlainObject(source[key]) || isArray(source[key]))) {
+ if (isPlainObject(source[key]) && !isPlainObject(target[key]))
+ target[key] = {}
+ if (isArray(source[key]) && !isArray(target[key]))
+ target[key] = []
+ extend(target[key], source[key], deep)
+ }
+ else if (source[key] !== undefined) target[key] = source[key]
+ }
+
+ // Copy all but undefined properties from one or more
+ // objects to the `target` object.
+ $.extend = function(target){
+ var deep, args = slice.call(arguments, 1)
+ if (typeof target == 'boolean') {
+ deep = target
+ target = args.shift()
+ }
+ args.forEach(function(arg){ extend(target, arg, deep) })
+ return target
+ }
+
+ // `$.zepto.qsa` is Zepto's CSS selector implementation which
+ // uses `document.querySelectorAll` and optimizes for some special cases, like `#id`.
+ // This method can be overridden in plugins.
+ zepto.qsa = function(element, selector){
+ var found,
+ maybeID = selector[0] == '#',
+ maybeClass = !maybeID && selector[0] == '.',
+ nameOnly = maybeID || maybeClass ? selector.slice(1) : selector, // Ensure that a 1 char tag name still gets checked
+ isSimple = simpleSelectorRE.test(nameOnly)
+ return (element.getElementById && isSimple && maybeID) ? // Safari DocumentFragment doesn't have getElementById
+ ( (found = element.getElementById(nameOnly)) ? [found] : [] ) :
+ (element.nodeType !== 1 && element.nodeType !== 9 && element.nodeType !== 11) ? [] :
+ slice.call(
+ isSimple && !maybeID && element.getElementsByClassName ? // DocumentFragment doesn't have getElementsByClassName/TagName
+ maybeClass ? element.getElementsByClassName(nameOnly) : // If it's simple, it could be a class
+ element.getElementsByTagName(selector) : // Or a tag
+ element.querySelectorAll(selector) // Or it's not simple, and we need to query all
+ )
+ }
+
+ function filtered(nodes, selector) {
+ return selector == null ? $(nodes) : $(nodes).filter(selector)
+ }
+
+ $.contains = document.documentElement.contains ?
+ function(parent, node) {
+ return parent !== node && parent.contains(node)
+ } :
+ function(parent, node) {
+ while (node && (node = node.parentNode))
+ if (node === parent) return true
+ return false
+ }
+
+ function funcArg(context, arg, idx, payload) {
+ return isFunction(arg) ? arg.call(context, idx, payload) : arg
+ }
+
+ function setAttribute(node, name, value) {
+ value == null ? node.removeAttribute(name) : node.setAttribute(name, value)
+ }
+
+ // access className property while respecting SVGAnimatedString
+ function className(node, value){
+ var klass = node.className || '',
+ svg = klass && klass.baseVal !== undefined
+
+ if (value === undefined) return svg ? klass.baseVal : klass
+ svg ? (klass.baseVal = value) : (node.className = value)
+ }
+
+ // "true" => true
+ // "false" => false
+ // "null" => null
+ // "42" => 42
+ // "42.5" => 42.5
+ // "08" => "08"
+ // JSON => parse if valid
+ // String => self
+ function deserializeValue(value) {
+ try {
+ return value ?
+ value == "true" ||
+ ( value == "false" ? false :
+ value == "null" ? null :
+ +value + "" == value ? +value :
+ /^[\[\{]/.test(value) ? $.parseJSON(value) :
+ value )
+ : value
+ } catch(e) {
+ return value
+ }
+ }
+
+ $.type = type
+ $.isFunction = isFunction
+ $.isWindow = isWindow
+ $.isArray = isArray
+ $.isPlainObject = isPlainObject
+
+ $.isEmptyObject = function(obj) {
+ var name
+ for (name in obj) return false
+ return true
+ }
+
+ $.isNumeric = function(val) {
+ var num = Number(val), type = typeof val
+ return val != null && type != 'boolean' &&
+ (type != 'string' || val.length) &&
+ !isNaN(num) && isFinite(num) || false
+ }
+
+ $.inArray = function(elem, array, i){
+ return emptyArray.indexOf.call(array, elem, i)
+ }
+
+ $.camelCase = camelize
+ $.trim = function(str) {
+ return str == null ? "" : String.prototype.trim.call(str)
+ }
+
+ // plugin compatibility
+ $.uuid = 0
+ $.support = { }
+ $.expr = { }
+ $.noop = function() {}
+
+ $.map = function(elements, callback){
+ var value, values = [], i, key
+ if (likeArray(elements))
+ for (i = 0; i < elements.length; i++) {
+ value = callback(elements[i], i)
+ if (value != null) values.push(value)
+ }
+ else
+ for (key in elements) {
+ value = callback(elements[key], key)
+ if (value != null) values.push(value)
+ }
+ return flatten(values)
+ }
+
+ $.each = function(elements, callback){
+ var i, key
+ if (likeArray(elements)) {
+ for (i = 0; i < elements.length; i++)
+ if (callback.call(elements[i], i, elements[i]) === false) return elements
+ } else {
+ for (key in elements)
+ if (callback.call(elements[key], key, elements[key]) === false) return elements
+ }
+
+ return elements
+ }
+
+ $.grep = function(elements, callback){
+ return filter.call(elements, callback)
+ }
+
+ if (window.JSON) $.parseJSON = JSON.parse
+
+ // Populate the class2type map
+ $.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+ class2type[ "[object " + name + "]" ] = name.toLowerCase()
+ })
+
+ // Define methods that will be available on all
+ // Zepto collections
+ $.fn = {
+ constructor: zepto.Z,
+ length: 0,
+
+ // Because a collection acts like an array
+ // copy over these useful array functions.
+ forEach: emptyArray.forEach,
+ reduce: emptyArray.reduce,
+ push: emptyArray.push,
+ sort: emptyArray.sort,
+ splice: emptyArray.splice,
+ indexOf: emptyArray.indexOf,
+ concat: function(){
+ var i, value, args = []
+ for (i = 0; i < arguments.length; i++) {
+ value = arguments[i]
+ args[i] = zepto.isZ(value) ? value.toArray() : value
+ }
+ return concat.apply(zepto.isZ(this) ? this.toArray() : this, args)
+ },
+
+ // `map` and `slice` in the jQuery API work differently
+ // from their array counterparts
+ map: function(fn){
+ return $($.map(this, function(el, i){ return fn.call(el, i, el) }))
+ },
+ slice: function(){
+ return $(slice.apply(this, arguments))
+ },
+
+ ready: function(callback){
+ // need to check if document.body exists for IE as that browser reports
+ // document ready when it hasn't yet created the body element
+ if (readyRE.test(document.readyState) && document.body) callback($)
+ else document.addEventListener('DOMContentLoaded', function(){ callback($) }, false)
+ return this
+ },
+ get: function(idx){
+ return idx === undefined ? slice.call(this) : this[idx >= 0 ? idx : idx + this.length]
+ },
+ toArray: function(){ return this.get() },
+ size: function(){
+ return this.length
+ },
+ remove: function(){
+ return this.each(function(){
+ if (this.parentNode != null)
+ this.parentNode.removeChild(this)
+ })
+ },
+ each: function(callback){
+ emptyArray.every.call(this, function(el, idx){
+ return callback.call(el, idx, el) !== false
+ })
+ return this
+ },
+ filter: function(selector){
+ if (isFunction(selector)) return this.not(this.not(selector))
+ return $(filter.call(this, function(element){
+ return zepto.matches(element, selector)
+ }))
+ },
+ add: function(selector,context){
+ return $(uniq(this.concat($(selector,context))))
+ },
+ is: function(selector){
+ return this.length > 0 && zepto.matches(this[0], selector)
+ },
+ not: function(selector){
+ var nodes=[]
+ if (isFunction(selector) && selector.call !== undefined)
+ this.each(function(idx){
+ if (!selector.call(this,idx)) nodes.push(this)
+ })
+ else {
+ var excludes = typeof selector == 'string' ? this.filter(selector) :
+ (likeArray(selector) && isFunction(selector.item)) ? slice.call(selector) : $(selector)
+ this.forEach(function(el){
+ if (excludes.indexOf(el) < 0) nodes.push(el)
+ })
+ }
+ return $(nodes)
+ },
+ has: function(selector){
+ return this.filter(function(){
+ return isObject(selector) ?
+ $.contains(this, selector) :
+ $(this).find(selector).size()
+ })
+ },
+ eq: function(idx){
+ return idx === -1 ? this.slice(idx) : this.slice(idx, + idx + 1)
+ },
+ first: function(){
+ var el = this[0]
+ return el && !isObject(el) ? el : $(el)
+ },
+ last: function(){
+ var el = this[this.length - 1]
+ return el && !isObject(el) ? el : $(el)
+ },
+ find: function(selector){
+ var result, $this = this
+ if (!selector) result = $()
+ else if (typeof selector == 'object')
+ result = $(selector).filter(function(){
+ var node = this
+ return emptyArray.some.call($this, function(parent){
+ return $.contains(parent, node)
+ })
+ })
+ else if (this.length == 1) result = $(zepto.qsa(this[0], selector))
+ else result = this.map(function(){ return zepto.qsa(this, selector) })
+ return result
+ },
+ closest: function(selector, context){
+ var nodes = [], collection = typeof selector == 'object' && $(selector)
+ this.each(function(_, node){
+ while (node && !(collection ? collection.indexOf(node) >= 0 : zepto.matches(node, selector)))
+ node = node !== context && !isDocument(node) && node.parentNode
+ if (node && nodes.indexOf(node) < 0) nodes.push(node)
+ })
+ return $(nodes)
+ },
+ parents: function(selector){
+ var ancestors = [], nodes = this
+ while (nodes.length > 0)
+ nodes = $.map(nodes, function(node){
+ if ((node = node.parentNode) && !isDocument(node) && ancestors.indexOf(node) < 0) {
+ ancestors.push(node)
+ return node
+ }
+ })
+ return filtered(ancestors, selector)
+ },
+ parent: function(selector){
+ return filtered(uniq(this.pluck('parentNode')), selector)
+ },
+ children: function(selector){
+ return filtered(this.map(function(){ return children(this) }), selector)
+ },
+ contents: function() {
+ return this.map(function() { return this.contentDocument || slice.call(this.childNodes) })
+ },
+ siblings: function(selector){
+ return filtered(this.map(function(i, el){
+ return filter.call(children(el.parentNode), function(child){ return child!==el })
+ }), selector)
+ },
+ empty: function(){
+ return this.each(function(){ this.innerHTML = '' })
+ },
+ // `pluck` is borrowed from Prototype.js
+ pluck: function(property){
+ return $.map(this, function(el){ return el[property] })
+ },
+ show: function(){
+ return this.each(function(){
+ this.style.display == "none" && (this.style.display = '')
+ if (getComputedStyle(this, '').getPropertyValue("display") == "none")
+ this.style.display = defaultDisplay(this.nodeName)
+ })
+ },
+ replaceWith: function(newContent){
+ return this.before(newContent).remove()
+ },
+ wrap: function(structure){
+ var func = isFunction(structure)
+ if (this[0] && !func)
+ var dom = $(structure).get(0),
+ clone = dom.parentNode || this.length > 1
+
+ return this.each(function(index){
+ $(this).wrapAll(
+ func ? structure.call(this, index) :
+ clone ? dom.cloneNode(true) : dom
+ )
+ })
+ },
+ wrapAll: function(structure){
+ if (this[0]) {
+ $(this[0]).before(structure = $(structure))
+ var children
+ // drill down to the inmost element
+ while ((children = structure.children()).length) structure = children.first()
+ $(structure).append(this)
+ }
+ return this
+ },
+ wrapInner: function(structure){
+ var func = isFunction(structure)
+ return this.each(function(index){
+ var self = $(this), contents = self.contents(),
+ dom = func ? structure.call(this, index) : structure
+ contents.length ? contents.wrapAll(dom) : self.append(dom)
+ })
+ },
+ unwrap: function(){
+ this.parent().each(function(){
+ $(this).replaceWith($(this).children())
+ })
+ return this
+ },
+ clone: function(){
+ return this.map(function(){ return this.cloneNode(true) })
+ },
+ hide: function(){
+ return this.css("display", "none")
+ },
+ toggle: function(setting){
+ return this.each(function(){
+ var el = $(this)
+ ;(setting === undefined ? el.css("display") == "none" : setting) ? el.show() : el.hide()
+ })
+ },
+ prev: function(selector){ return $(this.pluck('previousElementSibling')).filter(selector || '*') },
+ next: function(selector){ return $(this.pluck('nextElementSibling')).filter(selector || '*') },
+ html: function(html){
+ return 0 in arguments ?
+ this.each(function(idx){
+ var originHtml = this.innerHTML
+ $(this).empty().append( funcArg(this, html, idx, originHtml) )
+ }) :
+ (0 in this ? this[0].innerHTML : null)
+ },
+ text: function(text){
+ return 0 in arguments ?
+ this.each(function(idx){
+ var newText = funcArg(this, text, idx, this.textContent)
+ this.textContent = newText == null ? '' : ''+newText
+ }) :
+ (0 in this ? this.pluck('textContent').join("") : null)
+ },
+ attr: function(name, value){
+ var result
+ return (typeof name == 'string' && !(1 in arguments)) ?
+ (0 in this && this[0].nodeType == 1 && (result = this[0].getAttribute(name)) != null ? result : undefined) :
+ this.each(function(idx){
+ if (this.nodeType !== 1) return
+ if (isObject(name)) for (key in name) setAttribute(this, key, name[key])
+ else setAttribute(this, name, funcArg(this, value, idx, this.getAttribute(name)))
+ })
+ },
+ removeAttr: function(name){
+ return this.each(function(){ this.nodeType === 1 && name.split(' ').forEach(function(attribute){
+ setAttribute(this, attribute)
+ }, this)})
+ },
+ prop: function(name, value){
+ name = propMap[name] || name
+ return (1 in arguments) ?
+ this.each(function(idx){
+ this[name] = funcArg(this, value, idx, this[name])
+ }) :
+ (this[0] && this[0][name])
+ },
+ removeProp: function(name){
+ name = propMap[name] || name
+ return this.each(function(){ delete this[name] })
+ },
+ data: function(name, value){
+ var attrName = 'data-' + name.replace(capitalRE, '-$1').toLowerCase()
+
+ var data = (1 in arguments) ?
+ this.attr(attrName, value) :
+ this.attr(attrName)
+
+ return data !== null ? deserializeValue(data) : undefined
+ },
+ val: function(value){
+ if (0 in arguments) {
+ if (value == null) value = ""
+ return this.each(function(idx){
+ this.value = funcArg(this, value, idx, this.value)
+ })
+ } else {
+ return this[0] && (this[0].multiple ?
+ $(this[0]).find('option').filter(function(){ return this.selected }).pluck('value') :
+ this[0].value)
+ }
+ },
+ offset: function(coordinates){
+ if (coordinates) return this.each(function(index){
+ var $this = $(this),
+ coords = funcArg(this, coordinates, index, $this.offset()),
+ parentOffset = $this.offsetParent().offset(),
+ props = {
+ top: coords.top - parentOffset.top,
+ left: coords.left - parentOffset.left
+ }
+
+ if ($this.css('position') == 'static') props['position'] = 'relative'
+ $this.css(props)
+ })
+ if (!this.length) return null
+ if (document.documentElement !== this[0] && !$.contains(document.documentElement, this[0]))
+ return {top: 0, left: 0}
+ var obj = this[0].getBoundingClientRect()
+ return {
+ left: obj.left + window.pageXOffset,
+ top: obj.top + window.pageYOffset,
+ width: Math.round(obj.width),
+ height: Math.round(obj.height)
+ }
+ },
+ css: function(property, value){
+ if (arguments.length < 2) {
+ var element = this[0]
+ if (typeof property == 'string') {
+ if (!element) return
+ return element.style[camelize(property)] || getComputedStyle(element, '').getPropertyValue(property)
+ } else if (isArray(property)) {
+ if (!element) return
+ var props = {}
+ var computedStyle = getComputedStyle(element, '')
+ $.each(property, function(_, prop){
+ props[prop] = (element.style[camelize(prop)] || computedStyle.getPropertyValue(prop))
+ })
+ return props
+ }
+ }
+
+ var css = ''
+ if (type(property) == 'string') {
+ if (!value && value !== 0)
+ this.each(function(){ this.style.removeProperty(dasherize(property)) })
+ else
+ css = dasherize(property) + ":" + maybeAddPx(property, value)
+ } else {
+ for (key in property)
+ if (!property[key] && property[key] !== 0)
+ this.each(function(){ this.style.removeProperty(dasherize(key)) })
+ else
+ css += dasherize(key) + ':' + maybeAddPx(key, property[key]) + ';'
+ }
+
+ return this.each(function(){ this.style.cssText += ';' + css })
+ },
+ index: function(element){
+ return element ? this.indexOf($(element)[0]) : this.parent().children().indexOf(this[0])
+ },
+ hasClass: function(name){
+ if (!name) return false
+ return emptyArray.some.call(this, function(el){
+ return this.test(className(el))
+ }, classRE(name))
+ },
+ addClass: function(name){
+ if (!name) return this
+ return this.each(function(idx){
+ if (!('className' in this)) return
+ classList = []
+ var cls = className(this), newName = funcArg(this, name, idx, cls)
+ newName.split(/\s+/g).forEach(function(klass){
+ if (!$(this).hasClass(klass)) classList.push(klass)
+ }, this)
+ classList.length && className(this, cls + (cls ? " " : "") + classList.join(" "))
+ })
+ },
+ removeClass: function(name){
+ return this.each(function(idx){
+ if (!('className' in this)) return
+ if (name === undefined) return className(this, '')
+ classList = className(this)
+ funcArg(this, name, idx, classList).split(/\s+/g).forEach(function(klass){
+ classList = classList.replace(classRE(klass), " ")
+ })
+ className(this, classList.trim())
+ })
+ },
+ toggleClass: function(name, when){
+ if (!name) return this
+ return this.each(function(idx){
+ var $this = $(this), names = funcArg(this, name, idx, className(this))
+ names.split(/\s+/g).forEach(function(klass){
+ (when === undefined ? !$this.hasClass(klass) : when) ?
+ $this.addClass(klass) : $this.removeClass(klass)
+ })
+ })
+ },
+ scrollTop: function(value){
+ if (!this.length) return
+ var hasScrollTop = 'scrollTop' in this[0]
+ if (value === undefined) return hasScrollTop ? this[0].scrollTop : this[0].pageYOffset
+ return this.each(hasScrollTop ?
+ function(){ this.scrollTop = value } :
+ function(){ this.scrollTo(this.scrollX, value) })
+ },
+ scrollLeft: function(value){
+ if (!this.length) return
+ var hasScrollLeft = 'scrollLeft' in this[0]
+ if (value === undefined) return hasScrollLeft ? this[0].scrollLeft : this[0].pageXOffset
+ return this.each(hasScrollLeft ?
+ function(){ this.scrollLeft = value } :
+ function(){ this.scrollTo(value, this.scrollY) })
+ },
+ position: function() {
+ if (!this.length) return
+
+ var elem = this[0],
+ // Get *real* offsetParent
+ offsetParent = this.offsetParent(),
+ // Get correct offsets
+ offset = this.offset(),
+ parentOffset = rootNodeRE.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset()
+
+ // Subtract element margins
+ // note: when an element has margin: auto the offsetLeft and marginLeft
+ // are the same in Safari causing offset.left to incorrectly be 0
+ offset.top -= parseFloat( $(elem).css('margin-top') ) || 0
+ offset.left -= parseFloat( $(elem).css('margin-left') ) || 0
+
+ // Add offsetParent borders
+ parentOffset.top += parseFloat( $(offsetParent[0]).css('border-top-width') ) || 0
+ parentOffset.left += parseFloat( $(offsetParent[0]).css('border-left-width') ) || 0
+
+ // Subtract the two offsets
+ return {
+ top: offset.top - parentOffset.top,
+ left: offset.left - parentOffset.left
+ }
+ },
+ offsetParent: function() {
+ return this.map(function(){
+ var parent = this.offsetParent || document.body
+ while (parent && !rootNodeRE.test(parent.nodeName) && $(parent).css("position") == "static")
+ parent = parent.offsetParent
+ return parent
+ })
+ }
+ }
+
+ // for now
+ $.fn.detach = $.fn.remove
+
+ // Generate the `width` and `height` functions
+ ;['width', 'height'].forEach(function(dimension){
+ var dimensionProperty =
+ dimension.replace(/./, function(m){ return m[0].toUpperCase() })
+
+ $.fn[dimension] = function(value){
+ var offset, el = this[0]
+ if (value === undefined) return isWindow(el) ? el['inner' + dimensionProperty] :
+ isDocument(el) ? el.documentElement['scroll' + dimensionProperty] :
+ (offset = this.offset()) && offset[dimension]
+ else return this.each(function(idx){
+ el = $(this)
+ el.css(dimension, funcArg(this, value, idx, el[dimension]()))
+ })
+ }
+ })
+
+ function traverseNode(node, fun) {
+ fun(node)
+ for (var i = 0, len = node.childNodes.length; i < len; i++)
+ traverseNode(node.childNodes[i], fun)
+ }
+
+ // Generate the `after`, `prepend`, `before`, `append`,
+ // `insertAfter`, `insertBefore`, `appendTo`, and `prependTo` methods.
+ adjacencyOperators.forEach(function(operator, operatorIndex) {
+ var inside = operatorIndex % 2 //=> prepend, append
+
+ $.fn[operator] = function(){
+ // arguments can be nodes, arrays of nodes, Zepto objects and HTML strings
+ var argType, nodes = $.map(arguments, function(arg) {
+ var arr = []
+ argType = type(arg)
+ if (argType == "array") {
+ arg.forEach(function(el) {
+ if (el.nodeType !== undefined) return arr.push(el)
+ else if ($.zepto.isZ(el)) return arr = arr.concat(el.get())
+ arr = arr.concat(zepto.fragment(el))
+ })
+ return arr
+ }
+ return argType == "object" || arg == null ?
+ arg : zepto.fragment(arg)
+ }),
+ parent, copyByClone = this.length > 1
+ if (nodes.length < 1) return this
+
+ return this.each(function(_, target){
+ parent = inside ? target : target.parentNode
+
+ // convert all methods to a "before" operation
+ target = operatorIndex == 0 ? target.nextSibling :
+ operatorIndex == 1 ? target.firstChild :
+ operatorIndex == 2 ? target :
+ null
+
+ var parentInDocument = $.contains(document.documentElement, parent)
+
+ nodes.forEach(function(node){
+ if (copyByClone) node = node.cloneNode(true)
+ else if (!parent) return $(node).remove()
+
+ parent.insertBefore(node, target)
+ if (parentInDocument) traverseNode(node, function(el){
+ if (el.nodeName != null && el.nodeName.toUpperCase() === 'SCRIPT' &&
+ (!el.type || el.type === 'text/javascript') && !el.src){
+ var target = el.ownerDocument ? el.ownerDocument.defaultView : window
+ target['eval'].call(target, el.innerHTML)
+ }
+ })
+ })
+ })
+ }
+
+ // after => insertAfter
+ // prepend => prependTo
+ // before => insertBefore
+ // append => appendTo
+ $.fn[inside ? operator+'To' : 'insert'+(operatorIndex ? 'Before' : 'After')] = function(html){
+ $(html)[operator](this)
+ return this
+ }
+ })
+
+ zepto.Z.prototype = Z.prototype = $.fn
+
+ // Export internal API functions in the `$.zepto` namespace
+ zepto.uniq = uniq
+ zepto.deserializeValue = deserializeValue
+ $.zepto = zepto
+
+ return $
+})()
+
+;(function($){
+ var _zid = 1, undefined,
+ slice = Array.prototype.slice,
+ isFunction = $.isFunction,
+ isString = function(obj){ return typeof obj == 'string' },
+ handlers = {},
+ specialEvents={},
+ focusinSupported = 'onfocusin' in window,
+ focus = { focus: 'focusin', blur: 'focusout' },
+ hover = { mouseenter: 'mouseover', mouseleave: 'mouseout' }
+
+ specialEvents.click = specialEvents.mousedown = specialEvents.mouseup = specialEvents.mousemove = 'MouseEvents'
+
+ function zid(element) {
+ return element._zid || (element._zid = _zid++)
+ }
+ function findHandlers(element, event, fn, selector) {
+ event = parse(event)
+ if (event.ns) var matcher = matcherFor(event.ns)
+ return (handlers[zid(element)] || []).filter(function(handler) {
+ return handler
+ && (!event.e || handler.e == event.e)
+ && (!event.ns || matcher.test(handler.ns))
+ && (!fn || zid(handler.fn) === zid(fn))
+ && (!selector || handler.sel == selector)
+ })
+ }
+ function parse(event) {
+ var parts = ('' + event).split('.')
+ return {e: parts[0], ns: parts.slice(1).sort().join(' ')}
+ }
+ function matcherFor(ns) {
+ return new RegExp('(?:^| )' + ns.replace(' ', ' .* ?') + '(?: |$)')
+ }
+
+ function eventCapture(handler, captureSetting) {
+ return handler.del &&
+ (!focusinSupported && (handler.e in focus)) ||
+ !!captureSetting
+ }
+
+ function realEvent(type) {
+ return hover[type] || (focusinSupported && focus[type]) || type
+ }
+
+ function add(element, events, fn, data, selector, delegator, capture){
+ var id = zid(element), set = (handlers[id] || (handlers[id] = []))
+ events.split(/\s/).forEach(function(event){
+ if (event == 'ready') return $(document).ready(fn)
+ var handler = parse(event)
+ handler.fn = fn
+ handler.sel = selector
+ // emulate mouseenter, mouseleave
+ if (handler.e in hover) fn = function(e){
+ var related = e.relatedTarget
+ if (!related || (related !== this && !$.contains(this, related)))
+ return handler.fn.apply(this, arguments)
+ }
+ handler.del = delegator
+ var callback = delegator || fn
+ handler.proxy = function(e){
+ e = compatible(e)
+ if (e.isImmediatePropagationStopped()) return
+ e.data = data
+ var result = callback.apply(element, e._args == undefined ? [e] : [e].concat(e._args))
+ if (result === false) e.preventDefault(), e.stopPropagation()
+ return result
+ }
+ handler.i = set.length
+ set.push(handler)
+ if ('addEventListener' in element)
+ element.addEventListener(realEvent(handler.e), handler.proxy, eventCapture(handler, capture))
+ })
+ }
+ function remove(element, events, fn, selector, capture){
+ var id = zid(element)
+ ;(events || '').split(/\s/).forEach(function(event){
+ findHandlers(element, event, fn, selector).forEach(function(handler){
+ delete handlers[id][handler.i]
+ if ('removeEventListener' in element)
+ element.removeEventListener(realEvent(handler.e), handler.proxy, eventCapture(handler, capture))
+ })
+ })
+ }
+
+ $.event = { add: add, remove: remove }
+
+ $.proxy = function(fn, context) {
+ var args = (2 in arguments) && slice.call(arguments, 2)
+ if (isFunction(fn)) {
+ var proxyFn = function(){ return fn.apply(context, args ? args.concat(slice.call(arguments)) : arguments) }
+ proxyFn._zid = zid(fn)
+ return proxyFn
+ } else if (isString(context)) {
+ if (args) {
+ args.unshift(fn[context], fn)
+ return $.proxy.apply(null, args)
+ } else {
+ return $.proxy(fn[context], fn)
+ }
+ } else {
+ throw new TypeError("expected function")
+ }
+ }
+
+ $.fn.bind = function(event, data, callback){
+ return this.on(event, data, callback)
+ }
+ $.fn.unbind = function(event, callback){
+ return this.off(event, callback)
+ }
+ $.fn.one = function(event, selector, data, callback){
+ return this.on(event, selector, data, callback, 1)
+ }
+
+ var returnTrue = function(){return true},
+ returnFalse = function(){return false},
+ ignoreProperties = /^([A-Z]|returnValue$|layer[XY]$|webkitMovement[XY]$)/,
+ eventMethods = {
+ preventDefault: 'isDefaultPrevented',
+ stopImmediatePropagation: 'isImmediatePropagationStopped',
+ stopPropagation: 'isPropagationStopped'
+ }
+
+ function compatible(event, source) {
+ if (source || !event.isDefaultPrevented) {
+ source || (source = event)
+
+ $.each(eventMethods, function(name, predicate) {
+ var sourceMethod = source[name]
+ event[name] = function(){
+ this[predicate] = returnTrue
+ return sourceMethod && sourceMethod.apply(source, arguments)
+ }
+ event[predicate] = returnFalse
+ })
+
+ event.timeStamp || (event.timeStamp = Date.now())
+
+ if (source.defaultPrevented !== undefined ? source.defaultPrevented :
+ 'returnValue' in source ? source.returnValue === false :
+ source.getPreventDefault && source.getPreventDefault())
+ event.isDefaultPrevented = returnTrue
+ }
+ return event
+ }
+
+ function createProxy(event) {
+ var key, proxy = { originalEvent: event }
+ for (key in event)
+ if (!ignoreProperties.test(key) && event[key] !== undefined) proxy[key] = event[key]
+
+ return compatible(proxy, event)
+ }
+
+ $.fn.delegate = function(selector, event, callback){
+ return this.on(event, selector, callback)
+ }
+ $.fn.undelegate = function(selector, event, callback){
+ return this.off(event, selector, callback)
+ }
+
+ $.fn.live = function(event, callback){
+ $(document.body).delegate(this.selector, event, callback)
+ return this
+ }
+ $.fn.die = function(event, callback){
+ $(document.body).undelegate(this.selector, event, callback)
+ return this
+ }
+
+ $.fn.on = function(event, selector, data, callback, one){
+ var autoRemove, delegator, $this = this
+ if (event && !isString(event)) {
+ $.each(event, function(type, fn){
+ $this.on(type, selector, data, fn, one)
+ })
+ return $this
+ }
+
+ if (!isString(selector) && !isFunction(callback) && callback !== false)
+ callback = data, data = selector, selector = undefined
+ if (callback === undefined || data === false)
+ callback = data, data = undefined
+
+ if (callback === false) callback = returnFalse
+
+ return $this.each(function(_, element){
+ if (one) autoRemove = function(e){
+ remove(element, e.type, callback)
+ return callback.apply(this, arguments)
+ }
+
+ if (selector) delegator = function(e){
+ var evt, match = $(e.target).closest(selector, element).get(0)
+ if (match && match !== element) {
+ evt = $.extend(createProxy(e), {currentTarget: match, liveFired: element})
+ return (autoRemove || callback).apply(match, [evt].concat(slice.call(arguments, 1)))
+ }
+ }
+
+ add(element, event, callback, data, selector, delegator || autoRemove)
+ })
+ }
+ $.fn.off = function(event, selector, callback){
+ var $this = this
+ if (event && !isString(event)) {
+ $.each(event, function(type, fn){
+ $this.off(type, selector, fn)
+ })
+ return $this
+ }
+
+ if (!isString(selector) && !isFunction(callback) && callback !== false)
+ callback = selector, selector = undefined
+
+ if (callback === false) callback = returnFalse
+
+ return $this.each(function(){
+ remove(this, event, callback, selector)
+ })
+ }
+
+ $.fn.trigger = function(event, args){
+ event = (isString(event) || $.isPlainObject(event)) ? $.Event(event) : compatible(event)
+ event._args = args
+ return this.each(function(){
+ // handle focus(), blur() by calling them directly
+ if (event.type in focus && typeof this[event.type] == "function") this[event.type]()
+ // items in the collection might not be DOM elements
+ else if ('dispatchEvent' in this) this.dispatchEvent(event)
+ else $(this).triggerHandler(event, args)
+ })
+ }
+
+ // triggers event handlers on current element just as if an event occurred,
+ // doesn't trigger an actual event, doesn't bubble
+ $.fn.triggerHandler = function(event, args){
+ var e, result
+ this.each(function(i, element){
+ e = createProxy(isString(event) ? $.Event(event) : event)
+ e._args = args
+ e.target = element
+ $.each(findHandlers(element, event.type || event), function(i, handler){
+ result = handler.proxy(e)
+ if (e.isImmediatePropagationStopped()) return false
+ })
+ })
+ return result
+ }
+
+ // shortcut methods for `.bind(event, fn)` for each event type
+ ;('focusin focusout focus blur load resize scroll unload click dblclick '+
+ 'mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave '+
+ 'change select keydown keypress keyup error').split(' ').forEach(function(event) {
+ $.fn[event] = function(callback) {
+ return (0 in arguments) ?
+ this.bind(event, callback) :
+ this.trigger(event)
+ }
+ })
+
+ $.Event = function(type, props) {
+ if (!isString(type)) props = type, type = props.type
+ var event = document.createEvent(specialEvents[type] || 'Events'), bubbles = true
+ if (props) for (var name in props) (name == 'bubbles') ? (bubbles = !!props[name]) : (event[name] = props[name])
+ event.initEvent(type, bubbles, true)
+ return compatible(event)
+ }
+
+})(Zepto)
+
+;(function($){
+ var jsonpID = +new Date(),
+ document = window.document,
+ key,
+ name,
+ rscript = /
)<[^<]*)*<\/script>/gi,
+ scriptTypeRE = /^(?:text|application)\/javascript/i,
+ xmlTypeRE = /^(?:text|application)\/xml/i,
+ jsonType = 'application/json',
+ htmlType = 'text/html',
+ blankRE = /^\s*$/,
+ originAnchor = document.createElement('a')
+
+ originAnchor.href = window.location.href
+
+ // trigger a custom event and return false if it was cancelled
+ function triggerAndReturn(context, eventName, data) {
+ var event = $.Event(eventName)
+ $(context).trigger(event, data)
+ return !event.isDefaultPrevented()
+ }
+
+ // trigger an Ajax "global" event
+ function triggerGlobal(settings, context, eventName, data) {
+ if (settings.global) return triggerAndReturn(context || document, eventName, data)
+ }
+
+ // Number of active Ajax requests
+ $.active = 0
+
+ function ajaxStart(settings) {
+ if (settings.global && $.active++ === 0) triggerGlobal(settings, null, 'ajaxStart')
+ }
+ function ajaxStop(settings) {
+ if (settings.global && !(--$.active)) triggerGlobal(settings, null, 'ajaxStop')
+ }
+
+ // triggers an extra global event "ajaxBeforeSend" that's like "ajaxSend" but cancelable
+ function ajaxBeforeSend(xhr, settings) {
+ var context = settings.context
+ if (settings.beforeSend.call(context, xhr, settings) === false ||
+ triggerGlobal(settings, context, 'ajaxBeforeSend', [xhr, settings]) === false)
+ return false
+
+ triggerGlobal(settings, context, 'ajaxSend', [xhr, settings])
+ }
+ function ajaxSuccess(data, xhr, settings, deferred) {
+ var context = settings.context, status = 'success'
+ settings.success.call(context, data, status, xhr)
+ if (deferred) deferred.resolveWith(context, [data, status, xhr])
+ triggerGlobal(settings, context, 'ajaxSuccess', [xhr, settings, data])
+ ajaxComplete(status, xhr, settings)
+ }
+ // type: "timeout", "error", "abort", "parsererror"
+ function ajaxError(error, type, xhr, settings, deferred) {
+ var context = settings.context
+ settings.error.call(context, xhr, type, error)
+ if (deferred) deferred.rejectWith(context, [xhr, type, error])
+ triggerGlobal(settings, context, 'ajaxError', [xhr, settings, error || type])
+ ajaxComplete(type, xhr, settings)
+ }
+ // status: "success", "notmodified", "error", "timeout", "abort", "parsererror"
+ function ajaxComplete(status, xhr, settings) {
+ var context = settings.context
+ settings.complete.call(context, xhr, status)
+ triggerGlobal(settings, context, 'ajaxComplete', [xhr, settings])
+ ajaxStop(settings)
+ }
+
+ function ajaxDataFilter(data, type, settings) {
+ if (settings.dataFilter == empty) return data
+ var context = settings.context
+ return settings.dataFilter.call(context, data, type)
+ }
+
+ // Empty function, used as default callback
+ function empty() {}
+
+ $.ajaxJSONP = function(options, deferred){
+ if (!('type' in options)) return $.ajax(options)
+
+ var _callbackName = options.jsonpCallback,
+ callbackName = ($.isFunction(_callbackName) ?
+ _callbackName() : _callbackName) || ('Zepto' + (jsonpID++)),
+ script = document.createElement('script'),
+ originalCallback = window[callbackName],
+ responseData,
+ abort = function(errorType) {
+ $(script).triggerHandler('error', errorType || 'abort')
+ },
+ xhr = { abort: abort }, abortTimeout
+
+ if (deferred) deferred.promise(xhr)
+
+ $(script).on('load error', function(e, errorType){
+ clearTimeout(abortTimeout)
+ $(script).off().remove()
+
+ if (e.type == 'error' || !responseData) {
+ ajaxError(null, errorType || 'error', xhr, options, deferred)
+ } else {
+ ajaxSuccess(responseData[0], xhr, options, deferred)
+ }
+
+ window[callbackName] = originalCallback
+ if (responseData && $.isFunction(originalCallback))
+ originalCallback(responseData[0])
+
+ originalCallback = responseData = undefined
+ })
+
+ if (ajaxBeforeSend(xhr, options) === false) {
+ abort('abort')
+ return xhr
+ }
+
+ window[callbackName] = function(){
+ responseData = arguments
+ }
+
+ script.src = options.url.replace(/\?(.+)=\?/, '?$1=' + callbackName)
+ document.head.appendChild(script)
+
+ if (options.timeout > 0) abortTimeout = setTimeout(function(){
+ abort('timeout')
+ }, options.timeout)
+
+ return xhr
+ }
+
+ $.ajaxSettings = {
+ // Default type of request
+ type: 'GET',
+ // Callback that is executed before request
+ beforeSend: empty,
+ // Callback that is executed if the request succeeds
+ success: empty,
+ // Callback that is executed the the server drops error
+ error: empty,
+ // Callback that is executed on request complete (both: error and success)
+ complete: empty,
+ // The context for the callbacks
+ context: null,
+ // Whether to trigger "global" Ajax events
+ global: true,
+ // Transport
+ xhr: function () {
+ return new window.XMLHttpRequest()
+ },
+ // MIME types mapping
+ // IIS returns Javascript as "application/x-javascript"
+ accepts: {
+ script: 'text/javascript, application/javascript, application/x-javascript',
+ json: jsonType,
+ xml: 'application/xml, text/xml',
+ html: htmlType,
+ text: 'text/plain'
+ },
+ // Whether the request is to another domain
+ crossDomain: false,
+ // Default timeout
+ timeout: 0,
+ // Whether data should be serialized to string
+ processData: true,
+ // Whether the browser should be allowed to cache GET responses
+ cache: true,
+ //Used to handle the raw response data of XMLHttpRequest.
+ //This is a pre-filtering function to sanitize the response.
+ //The sanitized response should be returned
+ dataFilter: empty
+ }
+
+ function mimeToDataType(mime) {
+ if (mime) mime = mime.split(';', 2)[0]
+ return mime && ( mime == htmlType ? 'html' :
+ mime == jsonType ? 'json' :
+ scriptTypeRE.test(mime) ? 'script' :
+ xmlTypeRE.test(mime) && 'xml' ) || 'text'
+ }
+
+ function appendQuery(url, query) {
+ if (query == '') return url
+ return (url + '&' + query).replace(/[&?]{1,2}/, '?')
+ }
+
+ // serialize payload and append it to the URL for GET requests
+ function serializeData(options) {
+ if (options.processData && options.data && $.type(options.data) != "string")
+ options.data = $.param(options.data, options.traditional)
+ if (options.data && (!options.type || options.type.toUpperCase() == 'GET' || 'jsonp' == options.dataType))
+ options.url = appendQuery(options.url, options.data), options.data = undefined
+ }
+
+ $.ajax = function(options){
+ var settings = $.extend({}, options || {}),
+ deferred = $.Deferred && $.Deferred(),
+ urlAnchor, hashIndex
+ for (key in $.ajaxSettings) if (settings[key] === undefined) settings[key] = $.ajaxSettings[key]
+
+ ajaxStart(settings)
+
+ if (!settings.crossDomain) {
+ urlAnchor = document.createElement('a')
+ urlAnchor.href = settings.url
+ // cleans up URL for .href (IE only), see https://github.com/madrobby/zepto/pull/1049
+ urlAnchor.href = urlAnchor.href
+ settings.crossDomain = (originAnchor.protocol + '//' + originAnchor.host) !== (urlAnchor.protocol + '//' + urlAnchor.host)
+ }
+
+ if (!settings.url) settings.url = window.location.toString()
+ if ((hashIndex = settings.url.indexOf('#')) > -1) settings.url = settings.url.slice(0, hashIndex)
+ serializeData(settings)
+
+ var dataType = settings.dataType, hasPlaceholder = /\?.+=\?/.test(settings.url)
+ if (hasPlaceholder) dataType = 'jsonp'
+
+ if (settings.cache === false || (
+ (!options || options.cache !== true) &&
+ ('script' == dataType || 'jsonp' == dataType)
+ ))
+ settings.url = appendQuery(settings.url, '_=' + Date.now())
+
+ if ('jsonp' == dataType) {
+ if (!hasPlaceholder)
+ settings.url = appendQuery(settings.url,
+ settings.jsonp ? (settings.jsonp + '=?') : settings.jsonp === false ? '' : 'callback=?')
+ return $.ajaxJSONP(settings, deferred)
+ }
+
+ var mime = settings.accepts[dataType],
+ headers = { },
+ setHeader = function(name, value) { headers[name.toLowerCase()] = [name, value] },
+ protocol = /^([\w-]+:)\/\//.test(settings.url) ? RegExp.$1 : window.location.protocol,
+ xhr = settings.xhr(),
+ nativeSetHeader = xhr.setRequestHeader,
+ abortTimeout
+
+ if (deferred) deferred.promise(xhr)
+
+ if (!settings.crossDomain) setHeader('X-Requested-With', 'XMLHttpRequest')
+ setHeader('Accept', mime || '*/*')
+ if (mime = settings.mimeType || mime) {
+ if (mime.indexOf(',') > -1) mime = mime.split(',', 2)[0]
+ xhr.overrideMimeType && xhr.overrideMimeType(mime)
+ }
+ if (settings.contentType || (settings.contentType !== false && settings.data && settings.type.toUpperCase() != 'GET'))
+ setHeader('Content-Type', settings.contentType || 'application/x-www-form-urlencoded')
+
+ if (settings.headers) for (name in settings.headers) setHeader(name, settings.headers[name])
+ xhr.setRequestHeader = setHeader
+
+ xhr.onreadystatechange = function(){
+ if (xhr.readyState == 4) {
+ xhr.onreadystatechange = empty
+ clearTimeout(abortTimeout)
+ var result, error = false
+ if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304 || (xhr.status == 0 && protocol == 'file:')) {
+ dataType = dataType || mimeToDataType(settings.mimeType || xhr.getResponseHeader('content-type'))
+
+ if (xhr.responseType == 'arraybuffer' || xhr.responseType == 'blob')
+ result = xhr.response
+ else {
+ result = xhr.responseText
+
+ try {
+ // http://perfectionkills.com/global-eval-what-are-the-options/
+ // sanitize response accordingly if data filter callback provided
+ result = ajaxDataFilter(result, dataType, settings)
+ if (dataType == 'script') (1,eval)(result)
+ else if (dataType == 'xml') result = xhr.responseXML
+ else if (dataType == 'json') result = blankRE.test(result) ? null : $.parseJSON(result)
+ } catch (e) { error = e }
+
+ if (error) return ajaxError(error, 'parsererror', xhr, settings, deferred)
+ }
+
+ ajaxSuccess(result, xhr, settings, deferred)
+ } else {
+ ajaxError(xhr.statusText || null, xhr.status ? 'error' : 'abort', xhr, settings, deferred)
+ }
+ }
+ }
+
+ if (ajaxBeforeSend(xhr, settings) === false) {
+ xhr.abort()
+ ajaxError(null, 'abort', xhr, settings, deferred)
+ return xhr
+ }
+
+ var async = 'async' in settings ? settings.async : true
+ xhr.open(settings.type, settings.url, async, settings.username, settings.password)
+
+ if (settings.xhrFields) for (name in settings.xhrFields) xhr[name] = settings.xhrFields[name]
+
+ for (name in headers) nativeSetHeader.apply(xhr, headers[name])
+
+ if (settings.timeout > 0) abortTimeout = setTimeout(function(){
+ xhr.onreadystatechange = empty
+ xhr.abort()
+ ajaxError(null, 'timeout', xhr, settings, deferred)
+ }, settings.timeout)
+
+ // avoid sending empty string (#319)
+ xhr.send(settings.data ? settings.data : null)
+ return xhr
+ }
+
+ // handle optional data/success arguments
+ function parseArguments(url, data, success, dataType) {
+ if ($.isFunction(data)) dataType = success, success = data, data = undefined
+ if (!$.isFunction(success)) dataType = success, success = undefined
+ return {
+ url: url
+ , data: data
+ , success: success
+ , dataType: dataType
+ }
+ }
+
+ $.get = function(/* url, data, success, dataType */){
+ return $.ajax(parseArguments.apply(null, arguments))
+ }
+
+ $.post = function(/* url, data, success, dataType */){
+ var options = parseArguments.apply(null, arguments)
+ options.type = 'POST'
+ return $.ajax(options)
+ }
+
+ $.getJSON = function(/* url, data, success */){
+ var options = parseArguments.apply(null, arguments)
+ options.dataType = 'json'
+ return $.ajax(options)
+ }
+
+ $.fn.load = function(url, data, success){
+ if (!this.length) return this
+ var self = this, parts = url.split(/\s/), selector,
+ options = parseArguments(url, data, success),
+ callback = options.success
+ if (parts.length > 1) options.url = parts[0], selector = parts[1]
+ options.success = function(response){
+ self.html(selector ?
+ $('').html(response.replace(rscript, "")).find(selector)
+ : response)
+ callback && callback.apply(self, arguments)
+ }
+ $.ajax(options)
+ return this
+ }
+
+ var escape = encodeURIComponent
+
+ function serialize(params, obj, traditional, scope){
+ var type, array = $.isArray(obj), hash = $.isPlainObject(obj)
+ $.each(obj, function(key, value) {
+ type = $.type(value)
+ if (scope) key = traditional ? scope :
+ scope + '[' + (hash || type == 'object' || type == 'array' ? key : '') + ']'
+ // handle data in serializeArray() format
+ if (!scope && array) params.add(value.name, value.value)
+ // recurse into nested objects
+ else if (type == "array" || (!traditional && type == "object"))
+ serialize(params, value, traditional, key)
+ else params.add(key, value)
+ })
+ }
+
+ $.param = function(obj, traditional){
+ var params = []
+ params.add = function(key, value) {
+ if ($.isFunction(value)) value = value()
+ if (value == null) value = ""
+ this.push(escape(key) + '=' + escape(value))
+ }
+ serialize(params, obj, traditional)
+ return params.join('&').replace(/%20/g, '+')
+ }
+})(Zepto)
+
+;(function($){
+ $.fn.serializeArray = function() {
+ var name, type, result = [],
+ add = function(value) {
+ if (value.forEach) return value.forEach(add)
+ result.push({ name: name, value: value })
+ }
+ if (this[0]) $.each(this[0].elements, function(_, field){
+ type = field.type, name = field.name
+ if (name && field.nodeName.toLowerCase() != 'fieldset' &&
+ !field.disabled && type != 'submit' && type != 'reset' && type != 'button' && type != 'file' &&
+ ((type != 'radio' && type != 'checkbox') || field.checked))
+ add($(field).val())
+ })
+ return result
+ }
+
+ $.fn.serialize = function(){
+ var result = []
+ this.serializeArray().forEach(function(elm){
+ result.push(encodeURIComponent(elm.name) + '=' + encodeURIComponent(elm.value))
+ })
+ return result.join('&')
+ }
+
+ $.fn.submit = function(callback) {
+ if (0 in arguments) this.bind('submit', callback)
+ else if (this.length) {
+ var event = $.Event('submit')
+ this.eq(0).trigger(event)
+ if (!event.isDefaultPrevented()) this.get(0).submit()
+ }
+ return this
+ }
+
+})(Zepto)
+
+;(function(){
+ // getComputedStyle shouldn't freak out when called
+ // without a valid element as argument
+ try {
+ getComputedStyle(undefined)
+ } catch(e) {
+ var nativeGetComputedStyle = getComputedStyle
+ window.getComputedStyle = function(element, pseudoElement){
+ try {
+ return nativeGetComputedStyle(element, pseudoElement)
+ } catch(e) {
+ return null
+ }
+ }
+ }
+})()
+
+
+ exports('zepto', Zepto)
+});
\ No newline at end of file
diff --git a/src/lay/modules/table.js b/src/lay/modules/table.js
new file mode 100644
index 00000000..4b69d85e
--- /dev/null
+++ b/src/lay/modules/table.js
@@ -0,0 +1,906 @@
+/**
+
+ @Name：layui.table 表格操作
+ @Author：贤心
+ @License：MIT
+
+ */
+
+layui.define(['laytpl', 'laypage', 'layer', 'form'], function(exports){
+ "use strict";
+
+ var $ = layui.$
+ ,laytpl = layui.laytpl
+ ,laypage = layui.laypage
+ ,layer = layui.layer
+ ,form = layui.form
+ ,hint = layui.hint()
+ ,device = layui.device()
+
+ //外部接口
+ ,table = {
+ config: {
+ checkName: 'LAY_CHECKED' //是否选中状态的字段名
+ } //全局配置项
+ ,cache: {} //数据缓存
+ ,index: layui.table ? (layui.table.index + 10000) : 0
+
+ //设置全局项
+ ,set: function(options){
+ var that = this;
+ that.config = $.extend({}, that.config, options);
+ return that;
+ }
+
+ //事件监听
+ ,on: function(events, callback){
+ return layui.onevent.call(this, MOD_NAME, events, callback);
+ }
+ }
+
+ //操作当前实例
+ ,thisTable = function(){
+ var that = this;
+ return {
+ reload: function(options){
+ that.reload.call(that, options);
+ }
+ ,config: that.config
+ }
+ }
+
+ //字符常量
+ ,MOD_NAME = 'table', ELEM = '.layui-table', THIS = 'layui-this', SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'layui-disabled'
+
+ ,ELEM_VIEW = 'layui-table-view', ELEM_HEADER = '.layui-table-header', ELEM_BODY = '.layui-table-body', ELEM_MAIN = '.layui-table-main', ELEM_FIXED = '.layui-table-fixed', ELEM_FIXL = '.layui-table-fixed-l', ELEM_FIXR = '.layui-table-fixed-r', ELEM_TOOL = '.layui-table-tool', ELEM_SORT = '.layui-table-sort', ELEM_EDIT = 'layui-table-edit', ELEM_HOVER = 'layui-table-hover'
+
+ //thead区域模板
+ ,TPL_HEADER = function(options){
+ options = options || {};
+ return ['
'
+ ,''
+ ,'{{# layui.each(d.data.cols, function(i1, item1){ }}'
+ ,''
+ ,'{{# layui.each(item1, function(i2, item2){ }}'
+ ,'{{# if(item2.fixed && item2.fixed !== "right"){ fixed = true; } }}'
+ ,'{{# if(item2.fixed){ right = true; } }}'
+ ,function(){
+ if(options.fixed && options.fixed !== 'right'){
+ return '{{# if(item2.fixed && item2.fixed !== "right"){ }}';
+ }
+ if(options.fixed === 'right'){
+ return '{{# if(item2.fixed === "right"){ }}';
+ }
+ return '';
+ }()
+ ,'{{# if(item2.checkbox){ }}'
+ ,'
'
+ ,'{{# if(item2.colspan > 1){ }}'
+ ,''
+ ,'{{item2.title||""}} '
+ ,'
'
+ ,'{{# } else { }}'
+ ,''
+ ,'{{item2.title||""}} '
+ ,'{{# if(item2.sort){ }}'
+ ,'
'
+ ,'{{# } }}'
+ ,' '
+ ,'{{# }; }}'
+ ,(options.fixed ? '{{# }; }}' : '')
+ ,'{{# }); }}'
+ ,' '
+ ,'{{# }); }}'
+ ,' '
+ ,'
'].join('');
+ }
+
+ //tbody区域模板
+ ,TPL_BODY = ['
'].join('')
+
+ //主模板
+ ,TPL_MAIN = ['
'].join('')
+
+ ,_WIN = $(window)
+ ,_DOC = $(document)
+
+ //构造器
+ ,Class = function(options){
+ var that = this;
+ that.index = ++table.index;
+ that.config = $.extend({}, that.config, table.config, options);
+ that.render();
+ };
+
+ //默认配置
+ Class.prototype.config = {
+ limit: 30 //每页显示的数量
+ ,loading: true //请求数据时，是否显示loading
+ };
+
+ //表格渲染
+ Class.prototype.render = function(){
+ var that = this, options = that.config;
+
+ options.elem = $(options.elem);
+ options.where = options.where || {};
+
+ if(!options.elem[0]) return that;
+
+ var othis = options.elem
+ ,hasRender = othis.next('.' + ELEM_VIEW)
+
+ //替代元素
+ ,reElem = that.elem = $(laytpl(TPL_MAIN).render({
+ VIEW_CLASS: ELEM_VIEW
+ ,data: options
+ ,index: that.index //索引
+ }));
+
+ options.index = that.index;
+
+ //生成替代元素
+ hasRender[0] && hasRender.remove(); //如果已经渲染，则Rerender
+ othis.after(reElem);
+
+ //各级容器
+ that.layHeader = reElem.find(ELEM_HEADER);
+ that.layMain = reElem.find(ELEM_MAIN);
+ that.layBody = reElem.find(ELEM_BODY);
+ that.layFixed = reElem.find(ELEM_FIXED);
+ that.layFixLeft = reElem.find(ELEM_FIXL);
+ that.layFixRight = reElem.find(ELEM_FIXR);
+ that.layTool = reElem.find(ELEM_TOOL);
+
+ that.pullData(1);
+ that.events();
+ };
+
+ //表格重载
+ Class.prototype.reload = function(options){
+ var that = this;
+ that.config = $.extend({}, that.config, options);
+ that.render();
+ };
+
+ //获得数据
+ Class.prototype.pullData = function(curr, loadIndex){
+ var that = this
+ ,options = that.config;
+
+ if(options.url){ //Ajax请求
+ $.ajax({
+ type: options.method || 'get'
+ ,url: options.url
+ ,data: $.extend({
+ page: curr
+ ,limit: options.limit
+ }, options.where)
+ ,success: function(res){
+ if(res.code != 0){
+ return layer.msg(res.msg);
+ }
+ that.renderData(res, curr, res.count);
+ loadIndex && layer.close(loadIndex);
+ typeof options.done === 'function' && options.done(res, curr, res.count);
+ }
+ ,error: function(e, m){
+ layer.msg('数据请求异常');
+ hint.error('初始table时的接口'+ options.url + '异常：'+ m);
+ loadIndex && layer.close(loadIndex);
+ }
+ });
+ } else if(options.data && options.data.constructor === Array){ //已知数据
+ var startLimit = curr*options.limit - options.limit
+ ,res = {
+ data: options.data.concat().splice(startLimit, options.limit)
+ ,count: options.data.length
+ };
+ that.renderData(res, curr, options.data.length);
+ typeof options.done === 'function' && options.done(res, curr, res.count);
+ }
+ };
+
+ //页码
+ Class.prototype.page = 1;
+
+ //遍历表头
+ Class.prototype.eachCols = function(callback){
+ layui.each(this.config.cols, function(i1, item1){
+ layui.each(item1, function(i2, item3){
+ callback(i2, item3, [i1, item1]);
+ });
+ });
+ };
+
+ //数据渲染
+ Class.prototype.renderData = function(res, curr, count, sort){
+ var that = this
+ ,data = res.data
+ ,options = that.config
+ ,trs = []
+ ,trs_fixed = []
+ ,trs_fixed_r = []
+
+ //渲染视图
+ ,render = function(){
+ if(!sort && that.sortKey){
+ return that.sort(that.sortKey.field, that.sortKey.sort, true);
+ }
+ layui.each(data, function(i1, item1){
+ var tds = [], tds_fixed = [], tds_fixed_r = [];
+ that.eachCols(function(i3, item3){
+ var content = item1[item3.field||i3] || (i3 === 0 ? i1+1 : '');
+
+ if(item3.colspan > 1) return;
+
+ var td = ['
'
+ ,'' + function(){
+ if(item3.checkbox){
+ return '
'].join('');
+
+ tds.push(td);
+ if(item3.fixed && item3.fixed !== 'right') tds_fixed.push(td);
+ if(item3.fixed === 'right') tds_fixed_r.push(td);
+ });
+ trs.push('
'+ tds.join('') + ' ');
+ trs_fixed.push('
'+ tds_fixed.join('') + ' ');
+ trs_fixed_r.push('
'+ tds_fixed_r.join('') + ' ');
+ });
+
+ that.layBody.scrollTop(0);
+ that.layMain.find('tbody').html(trs.join(''));
+ that.layFixLeft.find('tbody').html(trs_fixed.join(''));
+ that.layFixRight.find('tbody').html(trs_fixed_r.join(''));
+
+ form.render('checkbox', 'LAY-table-'+that.index);
+ that.syncCheckAll();
+ that.haveInit ? that.scrollPatch() : setTimeout(function(){
+ that.scrollPatch();
+ }, 50);
+ that.haveInit = true;
+ };
+
+ that.key = options.id || options.index;
+ table.cache[that.key] = data; //记录数据
+
+ //排序
+ if(sort){
+ return render();
+ } else {
+ that.cacheData = data;
+ }
+
+ //设置body区域高度
+ if(options.height){
+ var bodyHeight = parseFloat(options.height) - parseFloat(that.layHeader.height()) - 1;
+ if(options.page){
+ bodyHeight = bodyHeight - parseFloat(that.layTool.outerHeight() + 2);
+ }
+ that.layBody.css('height', bodyHeight);
+ }
+
+ if(data.length === 0){
+ return that.layMain.html('
无数据
');
+ }
+
+ render();
+
+ //分页
+ if(options.page){
+ that.page = curr;
+ that.count = count;
+ laypage.render({
+ elem: 'layui-table-page' + options.index
+ ,count: count
+ ,groups: 3
+ ,limits: options.limits || [10,20,30,40,50,60,70,80,90]
+ ,limit: options.limit
+ ,curr: curr
+ ,layout: ['prev', 'page', 'next', 'skip', 'count', 'limit']
+ ,prev: '
'
+ ,next: '
'
+ ,jump: function(obj, first){
+ if(!first){
+ that.page = obj.curr;
+ options.limit = obj.limit;
+ that.pullData(obj.curr, that.loading());
+ }
+ }
+ });
+ that.layTool.find('.layui-table-count span').html(count)
+ }
+ };
+
+ //数据排序
+ Class.prototype.sort = function(th, type, pull){
+ var that = this
+ ,field
+ ,config = that.config
+ ,thisData = table.cache[that.key];
+
+ //字段匹配
+ if(typeof th === 'string'){
+ that.layHeader.find('th').each(function(i, item){
+ var othis = $(this)
+ ,_field = othis.data('field');
+ if(_field === th){
+ th = othis;
+ field = _field;
+ return false;
+ }
+ });
+ }
+
+ try {
+ var field = field || th.data('field');
+
+ //如果欲执行的排序已在状态中，则不执行渲染
+ if(that.sortKey && !pull){
+ if(field === that.sortKey.field && type === that.sortKey.sort){
+ return;
+ }
+ }
+
+ var elemSort = that.layHeader.find('th .laytable-cell-'+ config.index +'-'+ field).find(ELEM_SORT);
+ that.layHeader.find('th').find(ELEM_SORT).removeAttr('lay-sort'); //清除其它标题排序状态
+ elemSort.attr('lay-sort', type || null);
+ that.layFixed.find('th')
+ } catch(e){
+ return hint.error('未到匹配field');
+ }
+
+ that.sortKey = {
+ field: field
+ ,sort: type
+ };
+
+ if(type === 'asc'){ //升序
+ thisData = layui.sort(thisData, field);
+ } else if(type === 'desc'){ //降序
+ thisData = layui.sort(thisData, field, true);
+ } else { //清除排序
+ thisData = that.cacheData;
+ delete that.sortKey;
+ }
+
+ that.renderData({
+ data: thisData
+ }, that.page, that.count, true);
+ layer.close(that.tipsIndex);
+ };
+
+ //请求loading
+ Class.prototype.loading = function(){
+ var that = this
+ ,config = that.config;
+ if(config.loading && config.url){
+ return layer.msg('数据请求中', {
+ icon: 16
+ ,offset: [
+ that.layTool.offset().top - 100 - _WIN.scrollTop() + 'px'
+ ,that.layTool.offset().left + that.layTool.width()/2 - 90 - _WIN.scrollLeft() + 'px'
+ ]
+ ,anim: -1
+ ,fixed: false
+ });
+ }
+ };
+
+ //同步选中值状态
+ Class.prototype.setCheckData = function(index, checked){
+ var that = this
+ ,config = that.config
+ ,thisData = table.cache[that.key];
+ if(!thisData[index]) return;
+ thisData[index][config.checkName] = checked;
+ that.cacheData[index][config.checkName] = checked;
+ };
+
+ //同步全选按钮状态
+ Class.prototype.syncCheckAll = function(){
+ var that = this
+ ,config = that.config
+ ,checkAllElem = that.layHeader.find('input[name="layTableCheckbox"]')
+ ,syncColsCheck = function(checked){
+ that.eachCols(function(i, item){
+ if(item.checkbox){
+ item[config.checkName] = checked;
+ }
+ });
+ return checked;
+ };
+
+ if(!checkAllElem[0]) return
+
+ if(table.checkStatus(that.key).isAll){
+ if(!checkAllElem[0].checked){
+ checkAllElem.prop('checked', true);
+ form.render('checkbox', 'LAY-table-'+that.index);
+ }
+ syncColsCheck(true);
+ } else {
+ if(checkAllElem[0].checked){
+ checkAllElem.prop('checked', false);
+ form.render('checkbox', 'LAY-table-'+that.index);
+ }
+ syncColsCheck(false);
+ }
+ };
+
+ //获取cssRule
+ Class.prototype.getCssRule = function(field, callback){
+ var that = this
+ ,style = that.elem.find('style')[0]
+ ,sheet = style.sheet || style.styleSheet
+ ,rules = sheet.cssRules || sheet.rules;
+ layui.each(rules, function(i, item){
+ if(item.selectorText === ('.laytable-cell-'+ that.index +'-'+ field)){
+ return callback(item), true;
+ }
+ });
+ };
+
+ //滚动条补丁
+ Class.prototype.scrollPatch = function(){
+ var that = this
+ ,scollWidth = that.layMain.width() - that.layMain.prop('clientWidth') //纵向滚动条宽度
+ ,scollHeight = that.layMain.height() - that.layMain.prop('clientHeight'); //横向滚动条高度
+ if(scollWidth && scollHeight){
+ if(!that.elem.find('.layui-table-patch')[0]){
+ var patchElem = $('
'); //补丁元素
+ patchElem.find('div').css({
+ width: scollWidth
+ });
+ that.layHeader.eq(0).find('thead tr').append(patchElem)
+ }
+ } else {
+ that.layHeader.eq(0).find('.layui-table-patch').remove();
+ }
+ that.layFixed.find(ELEM_BODY).css('height', that.layMain.height() - scollHeight); //固定列区域高度
+ that.layFixRight[scollHeight ? 'removeClass' : 'addClass'](HIDE);
+ that.layFixRight.css('right', scollWidth - 1); //操作栏
+ };
+
+ //事件处理
+ Class.prototype.events = function(){
+ var that = this
+ ,config = that.config
+ ,_BODY = $('body')
+ ,dict = {}
+ ,th = that.layHeader.find('th')
+ ,resizing
+ ,ELEM_CELL = '.layui-table-cell'
+ ,filter = config.id || config.elem.attr('lay-filter');
+
+ //拖拽调整宽度
+ th.on('mousemove', function(e){
+ var othis = $(this)
+ ,oLeft = othis.offset().left
+ ,pLeft = e.clientX - oLeft;
+ if(othis.attr('colspan') > 1 || othis.attr('unresize') || dict.resizeStart){
+ return;
+ }
+ dict.allowResize = othis.width() - pLeft <= 10; //是否处于拖拽允许区域
+ _BODY.css('cursor', (dict.allowResize ? 'col-resize' : ''));
+ }).on('mouseleave', function(){
+ var othis = $(this);
+ if(dict.resizeStart) return;
+ _BODY.css('cursor', '');
+ }).on('mousedown', function(e){
+ if(dict.allowResize){
+ var field = $(this).data('field');
+ e.preventDefault();
+ dict.resizeStart = true; //开始拖拽
+ dict.offset = [e.clientX, e.clientY]; //记录初始坐标
+
+ that.getCssRule(field, function(item){
+ dict.rule = item;
+ dict.ruleWidth = parseFloat(item.style.width);
+ });
+ }
+ });
+ //拖拽中
+ _DOC.on('mousemove', function(e){
+ if(dict.resizeStart){
+ e.preventDefault();
+ if(dict.rule){
+ var setWidth = dict.ruleWidth + e.clientX - dict.offset[0];
+ dict.rule.style.width = setWidth + 'px';
+ layer.close(that.tipsIndex);
+ }
+ resizing = 1
+ }
+ }).on('mouseup', function(e){
+ if(dict.resizeStart){
+ dict = {};
+ _BODY.css('cursor', '');
+ that.scrollPatch();
+ }
+ if(resizing === 2){
+ resizing = null;
+ }
+ });
+
+ //排序
+ th.on('click', function(){
+ var othis = $(this)
+ ,elemSort = othis.find(ELEM_SORT)
+ ,nowType = elemSort.attr('lay-sort')
+ ,type;
+
+ if(!elemSort[0] || resizing === 1) return resizing = 2;
+
+ if(nowType === 'asc'){
+ type = 'desc';
+ } else if(nowType === 'desc'){
+ type = null;
+ } else {
+ type = 'asc';
+ }
+ that.sort(othis, type);
+ }).find(ELEM_SORT+' .layui-edge ').on('click', function(e){
+ var othis = $(this)
+ ,index = othis.index()
+ ,field = othis.parents('th').eq(0).data('field')
+ layui.stope(e);
+ if(index === 0){
+ that.sort(field, 'asc');
+ } else {
+ that.sort(field, 'desc');
+ }
+ });
+
+ //复选框选择
+ that.elem.on('click', 'input[name="layTableCheckbox"]+', function(){
+ var checkbox = $(this).prev()
+ ,childs = that.layBody.find('input[name="layTableCheckbox"]')
+ ,index = checkbox.parents('tr').eq(0).data('index')
+ ,checked = checkbox[0].checked
+ ,isAll = checkbox.attr('lay-filter') === 'layTableAllChoose';
+
+ //全选
+ if(isAll){
+ childs.each(function(i, item){
+ item.checked = checked;
+ that.setCheckData(i, checked);
+ });
+ that.syncCheckAll();
+ form.render('checkbox', 'LAY-table-'+that.index);
+ } else {
+ that.setCheckData(index, checked);
+ that.syncCheckAll();
+ }
+ layui.event.call(this, MOD_NAME, 'checkbox('+ filter +')', {
+ checked: checked
+ ,data: table.cache[that.key][index]
+ ,type: isAll ? 'all' : 'one'
+ });
+ });
+
+ //行事件
+ that.layBody.on('mouseenter', 'tr', function(){
+ var othis = $(this)
+ ,index = othis.index();
+ that.layBody.find('tr:eq('+ index +')').addClass(ELEM_HOVER)
+ }).on('mouseleave', 'tr', function(){
+ var othis = $(this)
+ ,index = othis.index();
+ that.layBody.find('tr:eq('+ index +')').removeClass(ELEM_HOVER)
+ });
+
+ //单元格编辑
+ that.layBody.on('change', '.'+ELEM_EDIT, function(){
+ var othis = $(this)
+ ,value = this.value
+ ,field = othis.parent().data('field')
+ ,index = othis.parents('tr').eq(0).data('index')
+ layui.event.call(this, MOD_NAME, 'edit('+ filter +')', {
+ value: value
+ ,data: table.cache[that.key][index]
+ ,field: field
+ });
+ }).on('blur', '.'+ELEM_EDIT, function(){
+ var templet
+ ,othis = $(this)
+ ,field = othis.parent().data('field')
+ ,index = othis.parents('tr').eq(0).data('index')
+ ,data = table.cache[that.key][index];
+ that.eachCols(function(i, item){
+ if(item.field == field && item.templet){
+ templet = item.templet;
+ }
+ });
+ othis.siblings(ELEM_CELL).html(
+ templet ? laytpl($(templet).html() || this.value).render(data) : this.value
+ );
+ othis.parent().data('content', this.value);
+ othis.remove();
+ });
+
+ //单元格事件
+ that.layBody.on('click', 'td', function(){
+ var othis = $(this)
+ ,field = othis.data('field')
+ ,elemCell = othis.children(ELEM_CELL);
+
+ if(othis.data('off')) return;
+
+ //显示编辑框
+ if(othis.data('edit')){
+ var input = $('
');
+ input[0].value = othis.data('content') || elemCell.text();
+ othis.find('.'+ELEM_EDIT)[0] || othis.append(input);
+ return input.focus();
+ }
+
+ //如果出现省略，则可查看更多
+ if(elemCell.prop('scrollWidth') > elemCell.outerWidth()){
+ that.tipsIndex = layer.tips([
+ '
'
+ ,elemCell.html()
+ ,'
'
+ ,'
ဆ '
+ ].join(''), elemCell[0], {
+ tips: [3, '']
+ ,time: -1
+ ,anim: -1
+ ,maxWidth: (device.ios || device.android) ? 300 : 600
+ ,isOutAnim: false
+ ,skin: 'layui-table-tips'
+ ,success: function(layero, index){
+ layero.find('.layui-table-tips-c').on('click', function(){
+ layer.close(index);
+ });
+ }
+ });
+ }
+ });
+
+ //工具条操作事件
+ that.layBody.on('click', '*[lay-event]', function(){
+ var othis = $(this)
+ ,index = othis.parents('tr').eq(0).data('index')
+ ,tr = that.layBody.find('tr[data-index="'+ index +'"]')
+ ,ELEM_CLICK = 'layui-table-click';
+
+ layui.event.call(this, MOD_NAME, 'tool('+ filter +')', {
+ data: table.cache[that.key][index]
+ ,event: othis.attr('lay-event')
+ ,tr: tr
+ ,del: function(){
+ tr.remove();
+ that.scrollPatch();
+ }
+ ,update: function(fields){
+ var data = this.data;
+ fields = fields || {};
+ layui.each(fields, function(key, value){
+ if(key in data){
+ var templet;
+ data[key] = value;
+ that.eachCols(function(i, item2){
+ if(item2.field == key && item2.templet){
+ templet = item2.templet;
+ }
+ });
+ tr.children('td[data-field="'+ key +'"]').children(ELEM_CELL).html(
+ templet ? laytpl($(templet).html() || value).render(data) : value
+ );
+ }
+ });
+ }
+ });
+ tr.addClass(ELEM_CLICK).siblings('tr').removeClass(ELEM_CLICK);
+ });
+
+ //同步滚动条
+ that.layMain.on('scroll', function(){
+ var othis = $(this)
+ ,scrollLeft = othis.scrollLeft()
+ ,scrollTop = othis.scrollTop();
+
+ that.layHeader.scrollLeft(scrollLeft);
+ that.layFixed.find(ELEM_BODY).scrollTop(scrollTop);
+
+ layer.close(that.tipsIndex);
+ });
+
+ _WIN.on('resize', function(){ //自适应
+ that.scrollPatch();
+ });
+ };
+
+ //初始化
+ table.init = function(filter, settings){
+ settings = settings || {};
+ var that = this
+ ,elemTable = filter ? $('table[lay-filter="'+ filter +'"]') : $(ELEM + '[lay-data]');
+
+ //遍历数据表格
+ elemTable.each(function(){
+ var othis = $(this), tableData = othis.attr('lay-data');
+
+ try{
+ tableData = new Function('return '+ tableData)();
+ } catch(e){
+ hint.error('table元素属性lay-data配置项存在语法错误：'+ tableData)
+ }
+
+ var cols = [], options = $.extend({
+ elem: this
+ ,cols: []
+ ,data: []
+ ,skin: othis.attr('lay-skin') //风格
+ ,size: othis.attr('lay-size') //尺寸
+ ,even: typeof othis.attr('lay-even') === 'string' //偶数行背景
+ }, table.config, settings, tableData);
+
+ filter && othis.hide();
+
+ //获取表头数据
+ othis.find('thead>tr').each(function(i){
+ options.cols[i] = [];
+ $(this).children().each(function(ii){
+ var th = $(this), itemData = th.attr('lay-data');
+
+ try{
+ itemData = new Function('return '+ itemData)();
+ } catch(e){
+ return hint.error('table元素属性lay-data配置项存在语法错误：'+ itemData)
+ }
+
+ var row = $.extend({
+ title: th.text()
+ ,colspan: th.attr('colspan') //列单元格
+ ,rowspan: th.attr('rowspan') //行单元格
+ }, itemData);
+
+ cols.push(row)
+ options.cols[i].push(row);
+ });
+ });
+
+ //获取表体数据
+ othis.find('tbody>tr').each(function(i1){
+ var tr = $(this), row = {};
+ tr.children('td').each(function(i2, item2){
+ var td = $(this)
+ ,field = td.data('field');
+ if(field){
+ return row[field] = td.html();
+ }
+ });
+ layui.each(cols, function(i3, item3){
+ var td = tr.children('td').eq(i3);
+ row[item3.field] = td.html();
+ });
+ options.data[i1] = row;
+ });
+
+ table.render(options);
+ });
+
+ return that;
+ };
+
+ //表格选中状态
+ table.checkStatus = function(id){
+ var nums = 0
+ ,arr = []
+ ,data = table.cache[id];
+ if(!data) return {};
+ //计算全选个数
+ layui.each(data, function(i, item){
+ if(item[table.config.checkName]){
+ nums++;
+ arr.push(item);
+ }
+ });
+ return {
+ data: arr //选中的数据
+ ,isAll: nums === data.length //是否全选
+ };
+ };
+
+ //核心入口
+ table.render = function(options){
+ var inst = new Class(options);
+ return thisTable.call(inst);
+ };
+
+ //自动完成渲染
+ table.init();
+
+ exports(MOD_NAME, table);
+});
+
+
diff --git a/src/lay/modules/tree.js b/src/lay/modules/tree.js
new file mode 100644
index 00000000..1aef5a80
--- /dev/null
+++ b/src/lay/modules/tree.js
@@ -0,0 +1,215 @@
+/**
+
+ @Name：layui.tree 树组件
+ @Author：贤心
+ @License：MIT
+
+ */
+
+
+layui.define('jquery', function(exports){
+ "use strict";
+
+ var $ = layui.$
+ ,hint = layui.hint();
+
+ var enterSkin = 'layui-tree-enter', Tree = function(options){
+ this.options = options;
+ };
+
+ //图标
+ var icon = {
+ arrow: ['', ''] //箭头
+ ,checkbox: ['', ''] //复选框
+ ,radio: ['', ''] //单选框
+ ,branch: ['', ''] //父节点
+ ,leaf: '' //叶节点
+ };
+
+ //初始化
+ Tree.prototype.init = function(elem){
+ var that = this;
+ elem.addClass('layui-box layui-tree'); //添加tree样式
+ if(that.options.skin){
+ elem.addClass('layui-tree-skin-'+ that.options.skin);
+ }
+ that.tree(elem);
+ that.on(elem);
+ };
+
+ //树节点解析
+ Tree.prototype.tree = function(elem, children){
+ var that = this, options = that.options
+ var nodes = children || options.nodes;
+
+ layui.each(nodes, function(index, item){
+ var hasChild = item.children && item.children.length > 0;
+ var ul = $('
');
+ var li = $(['
'
+ //展开箭头
+ ,function(){
+ return hasChild ? ''+ (
+ item.spread ? icon.arrow[1] : icon.arrow[0]
+ ) +' ' : '';
+ }()
+
+ //复选框/单选框
+ ,function(){
+ return options.check ? (
+ ''+ (
+ options.check === 'checkbox' ? icon.checkbox[0] : (
+ options.check === 'radio' ? icon.radio[0] : ''
+ )
+ ) +' '
+ ) : '';
+ }()
+
+ //节点
+ ,function(){
+ return ''
+ + (''+ (
+ hasChild ? (
+ item.spread ? icon.branch[1] : icon.branch[0]
+ ) : icon.leaf
+ ) +' ') //节点图标
+ + (''+ (item.name||'未命名') +' ');
+ }()
+
+ ,' '].join(''));
+
+ //如果有子节点，则递归继续生成树
+ if(hasChild){
+ li.append(ul);
+ that.tree(ul, item.children);
+ }
+
+ elem.append(li);
+
+ //触发点击节点回调
+ typeof options.click === 'function' && that.click(li, item);
+
+ //伸展节点
+ that.spread(li, item);
+
+ //拖拽节点
+ options.drag && that.drag(li, item);
+ });
+ };
+
+ //点击节点回调
+ Tree.prototype.click = function(elem, item){
+ var that = this, options = that.options;
+ elem.children('a').on('click', function(e){
+ layui.stope(e);
+ options.click(item)
+ });
+ };
+
+ //伸展节点
+ Tree.prototype.spread = function(elem, item){
+ var that = this, options = that.options;
+ var arrow = elem.children('.layui-tree-spread')
+ var ul = elem.children('ul'), a = elem.children('a');
+
+ //执行伸展
+ var open = function(){
+ if(elem.data('spread')){
+ elem.data('spread', null)
+ ul.removeClass('layui-show');
+ arrow.html(icon.arrow[0]);
+ a.find('.layui-icon').html(icon.branch[0]);
+ } else {
+ elem.data('spread', true);
+ ul.addClass('layui-show');
+ arrow.html(icon.arrow[1]);
+ a.find('.layui-icon').html(icon.branch[1]);
+ }
+ };
+
+ //如果没有子节点，则不执行
+ if(!ul[0]) return;
+
+ arrow.on('click', open);
+ a.on('dblclick', open);
+ }
+
+ //通用事件
+ Tree.prototype.on = function(elem){
+ var that = this, options = that.options;
+ var dragStr = 'layui-tree-drag';
+
+ //屏蔽选中文字
+ elem.find('i').on('selectstart', function(e){
+ return false
+ });
+
+ //拖拽
+ if(options.drag){
+ $(document).on('mousemove', function(e){
+ var move = that.move;
+ if(move.from){
+ var to = move.to, treeMove = $('
');
+ e.preventDefault();
+ $('.' + dragStr)[0] || $('body').append(treeMove);
+ var dragElem = $('.' + dragStr)[0] ? $('.' + dragStr) : treeMove;
+ (dragElem).addClass('layui-show').html(move.from.elem.children('a').html());
+ dragElem.css({
+ left: e.pageX + 10
+ ,top: e.pageY + 10
+ })
+ }
+ }).on('mouseup', function(){
+ var move = that.move;
+ if(move.from){
+ move.from.elem.children('a').removeClass(enterSkin);
+ move.to && move.to.elem.children('a').removeClass(enterSkin);
+ that.move = {};
+ $('.' + dragStr).remove();
+ }
+ });
+ }
+ };
+
+ //拖拽节点
+ Tree.prototype.move = {};
+ Tree.prototype.drag = function(elem, item){
+ var that = this, options = that.options;
+ var a = elem.children('a'), mouseenter = function(){
+ var othis = $(this), move = that.move;
+ if(move.from){
+ move.to = {
+ item: item
+ ,elem: elem
+ };
+ othis.addClass(enterSkin);
+ }
+ };
+ a.on('mousedown', function(){
+ var move = that.move
+ move.from = {
+ item: item
+ ,elem: elem
+ };
+ });
+ a.on('mouseenter', mouseenter).on('mousemove', mouseenter)
+ .on('mouseleave', function(){
+ var othis = $(this), move = that.move;
+ if(move.from){
+ delete move.to;
+ othis.removeClass(enterSkin);
+ }
+ });
+ };
+
+ //暴露接口
+ exports('tree', function(options){
+ var tree = new Tree(options = options || {});
+ var elem = $(options.elem);
+ if(!elem[0]){
+ return hint.error('layui.tree 没有找到'+ options.elem +'元素');
+ }
+ tree.init(elem);
+ });
+});
diff --git a/src/lay/modules/upload.js b/src/lay/modules/upload.js
new file mode 100644
index 00000000..f97e0e3d
--- /dev/null
+++ b/src/lay/modules/upload.js
@@ -0,0 +1,463 @@
+/**
+
+ @Title: layui.upload 文件上传
+ @Author: 贤心
+ @License：MIT
+
+ */
+
+layui.define('layer' , function(exports){
+ "use strict";
+
+ var $ = layui.$
+ ,layer = layui.layer
+ ,hint = layui.hint()
+ ,device = layui.device()
+
+ //外部接口
+ ,upload = {
+ config: {} //全局配置项
+
+ //设置全局项
+ ,set: function(options){
+ var that = this;
+ that.config = $.extend({}, that.config, options);
+ return that;
+ }
+
+ //事件监听
+ ,on: function(events, callback){
+ return layui.onevent.call(this, MOD_NAME, events, callback);
+ }
+ }
+
+ //操作当前实例
+ ,thisUpload = function(){
+ var that = this;
+ return {
+ upload: function(files){
+ that.upload.call(that, files);
+ }
+ ,config: that.config
+ }
+ }
+
+ //字符常量
+ ,MOD_NAME = 'upload', ELEM = '.layui-upload', THIS = 'layui-this', SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'layui-disabled'
+
+ ,ELEM_FILE = 'layui-upload-file', ELEM_FORM = 'layui-upload-form', ELEM_IFRAME = 'layui-upload-iframe', ELEM_CHOOSE = 'layui-upload-choose', ELEM_DRAG = 'layui-upload-drag'
+
+
+ //构造器
+ ,Class = function(options){
+ var that = this;
+ that.config = $.extend({}, that.config, upload.config, options);
+ that.render();
+ };
+
+ //默认配置
+ Class.prototype.config = {
+ accept: 'images' //允许上传的文件类型：images/file/video/audio
+ ,exts: '' //允许上传的文件后缀名
+ ,auto: true //是否选完文件后自动上传
+ ,bindAction: '' //手动上传触发的元素
+ ,url: '' //上传地址
+ ,field: 'file' //文件字段名
+ ,method: 'post' //请求上传的http类型
+ ,data: {} //请求上传的额外参数
+ ,drag: true //是否允许拖拽上传
+ ,size: 0 //文件限制大小，默认不限制
+ ,multiple: false //是否允许多文件上传，不支持ie8-9
+ };
+
+ //初始渲染
+ Class.prototype.render = function(options){
+ var that = this
+ ,options = that.config;
+
+ options.elem = $(options.elem);
+ options.bindAction = $(options.bindAction);
+
+ that.file();
+ that.events();
+ };
+
+ //追加文件域
+ Class.prototype.file = function(){
+ var that = this
+ ,options = that.config
+ ,elemFile = that.elemFile = $([
+ '
'
+ ].join(''))
+ ,next = options.elem.next();
+
+ if(next.hasClass(ELEM_FILE) || next.hasClass(ELEM_FORM)){
+ next.remove();
+ }
+
+ //包裹ie8/9容器
+ if(device.ie && device.ie < 10){
+ options.elem.wrap('
');
+ }
+
+ that.isFile() ? (
+ that.elemFile = options.elem
+ ,options.field = options.elem[0].name
+ ) : options.elem.after(elemFile);
+
+ //初始化ie8/9的Form域
+ if(device.ie && device.ie < 10){
+ that.initIE();
+ }
+ };
+
+ //ie8-9初始化
+ Class.prototype.initIE = function(){
+ var that = this
+ ,options = that.config
+ ,iframe = $('
')
+ ,elemForm = $(['
'].join(''));
+
+ //插入iframe
+ $('#'+ ELEM_IFRAME)[0] || $('body').append(iframe);
+
+ //包裹文件域
+ if(!options.elem.next().hasClass(ELEM_IFRAME)){
+ that.elemFile.wrap(elemForm);
+
+ //追加额外的参数
+ options.elem.next('.'+ ELEM_IFRAME).append(function(){
+ var arr = [];
+ layui.each(options.data, function(key, value){
+ arr.push('
')
+ });
+ return arr.join('');
+ }());
+ }
+ };
+
+ //异常提示
+ Class.prototype.msg = function(content){
+ return layer.msg(content, {
+ icon: 2
+ ,shift: 6
+ });
+ };
+
+ //判断绑定元素是否为文件域本身
+ Class.prototype.isFile = function(){
+ var elem = this.config.elem[0];
+ if(!elem) return;
+ return elem.tagName.toLocaleLowerCase() === 'input' && elem.type === 'file'
+ }
+
+ //预读图片信息
+ Class.prototype.preview = function(callback){
+ var that = this;
+ if(window.FileReader){
+ layui.each(that.chooseFiles, function(index, file){
+ var reader = new FileReader();
+ reader.readAsDataURL(file);
+ reader.onload = function(){
+ callback && callback(index, file, this.result);
+ }
+ });
+ }
+ };
+
+ //执行上传
+ Class.prototype.upload = function(files, type){
+ var that = this
+ ,options = that.config
+ ,elemFile = that.elemFile[0]
+
+ //高级浏览器处理方式，支持跨域
+ ,ajaxSend = function(){
+ layui.each(files || that.files || that.chooseFiles || elemFile.files, function(index, file){
+ var formData = new FormData();
+
+ formData.append(options.field, file);
+
+ //追加额外的参数
+ layui.each(options.data, function(key, value){
+ formData.append(key, value);
+ });
+
+ $.ajax({
+ url: options.url
+ ,type: options.method
+ ,data: formData
+ ,contentType: false
+ ,processData: false
+ ,success: function(res){
+ done(index, res);
+ }
+ ,error: function(){
+ that.msg('请求上传接口出现异常');
+ error(index);
+ }
+ });
+ });
+ }
+
+ //低版本IE处理方式，不支持跨域
+ ,iframeSend = function(){
+ var iframe = $('#'+ ELEM_IFRAME);
+
+ that.elemFile.parent().submit();
+
+ //获取响应信息
+ clearInterval(Class.timer);
+ Class.timer = setInterval(function() {
+ var res, iframeBody = iframe.contents().find('body');
+ try {
+ res = iframeBody.text();
+ } catch(e) {
+ that.msg('获取上传后的响应信息出现异常');
+ clearInterval(Class.timer);
+ error();
+ }
+ if(res){
+ clearInterval(Class.timer);
+ iframeBody.html('');
+ done(0, res);
+ }
+ }, 30);
+ }
+
+ //统一回调
+ ,done = function(index, res){
+ that.elemFile.next('.'+ ELEM_CHOOSE).remove();
+ elemFile.value = '';
+ try {
+ res = JSON.parse(res);
+ } catch(e){
+ res = {};
+ return that.msg('请对上传接口返回有效JSON');
+ }
+ typeof options.done === 'function' && options.done(res, index || 0, function(files){
+ that.upload(files);
+ });
+ }
+
+ //统一网络异常回调
+ ,error = function(index){
+ if(options.auto){
+ elemFile.value = '';
+ }
+ typeof options.error === 'function' && options.error(index || 0, function(files){
+ that.upload(files);
+ });
+ }
+
+ ,exts = options.exts
+ ,check ,value = function(){
+ var arr = [];
+ layui.each(files || that.chooseFiles, function(i, item){
+ arr.push(item.name);
+ });
+ return arr;
+ }()
+
+ //回调返回的参数
+ ,args = {
+ preview: function(callback){
+ that.preview(callback);
+ }
+ ,upload: function(index, file){
+ var thisFile = {};
+ thisFile[index] = file;
+ that.upload(thisFile);
+ }
+ ,pushFile: function(){
+ that.files = that.files || {};
+ layui.each(that.chooseFiles, function(index, item){
+ that.files[index] = item;
+ });
+ return that.files;
+ }
+ ,elemFile: elemFile
+ }
+
+ //提交上传
+ ,send = function(){
+ if(type === 'choose'){
+ return options.choose && options.choose(args);
+ }
+
+ //上传前的回调
+ options.before && options.before(args);
+
+ //IE兼容处理
+ if(device.ie){
+ return device.ie > 9 ? ajaxSend() : iframeSend();
+ }
+
+ ajaxSend();
+ }
+
+ //校验文件格式
+ value = value.length === 0
+ ? ((elemFile.value.match(/[^\/\\]+\..+/g)||[]) || '')
+ : value;
+
+ switch(options.accept){
+ case 'file': //一般文件
+ if(exts && !RegExp('\\w\\.('+ exts +')$', 'i').test(escape(value))){
+ that.msg('选择的文件中包含不支持的格式');
+ return elemFile.value = '';
+ }
+ break;
+ case 'video': //视频文件
+ if(!RegExp('\\w\\.('+ (exts || 'avi|mp4|wma|rmvb|rm|flash|3gp|flv') +')$', 'i').test(escape(value))){
+ that.msg('选择的视频中包含不支持的格式');
+ return elemFile.value = '';
+ }
+ break;
+ case 'audio': //音频文件
+ if(!RegExp('\\w\\.('+ (exts || 'mp3|wav|mid') +')$', 'i').test(escape(value))){
+ that.msg('选择的音频中包含不支持的格式');
+ return elemFile.value = '';
+ }
+ break;
+ default: //图片文件
+ layui.each(value, function(i, item){
+ if(!RegExp('\\w\\.('+ (exts || 'jpg|png|gif|bmp|jpeg$') +')', 'i').test(escape(item))){
+ check = true;
+ }
+ });
+ if(check){
+ that.msg('选择的图片中包含不支持的格式');
+ return elemFile.value = '';
+ }
+ break;
+ }
+
+ //检验文件大小
+ if(options.size > 0 && !(device.ie && device.ie < 10)){
+ return layui.each(that.chooseFiles, function(index, file){
+ if(file.size > 1024*options.size){
+ var size = options.size/1024;
+ size = size >= 1
+ ? (Math.floor(size) + (size%1 > 0 ? size.toFixed(1) : 0)) + 'MB'
+ : options.size + 'KB'
+ elemFile.value = '';
+ return that.msg('文件不能超过'+ size);
+ }
+ send();
+ });
+ }
+
+ send();
+ };
+
+ //事件处理
+ Class.prototype.events = function(){
+ var that = this
+ ,options = that.config
+
+ //设置当前选择的文件队列
+ ,setChooseFile = function(files){
+ that.chooseFiles = {};
+ layui.each(files, function(i, item){
+ var time = new Date().getTime();
+ that.chooseFiles[time + '-' + i] = item;
+ });
+ }
+
+ //设置选择的文本
+ ,setChooseText = function(files, filename){
+ var elemFile = that.elemFile
+ ,value = files.length > 1
+ ? files.length + '个文件'
+ : ((files[0] || {}).name || (elemFile[0].value.match(/[^\/\\]+\..+/g)||[]) || '');
+
+ if(elemFile.next().hasClass(ELEM_CHOOSE)){
+ elemFile.next().remove();
+ }
+ that.upload(null, 'choose');
+ if(that.isFile() || options.choose) return;
+ elemFile.after('
'+ value +' ');
+ };
+
+ //点击上传容器
+ options.elem.off('upload.start').on('upload.start', function(){
+ that.elemFile[0].click();
+ });
+
+ //拖拽上传
+ if(!(device.ie && device.ie < 10)){
+ options.elem.off('upload.over').on('upload.over', function(){
+ var othis = $(this)
+ othis.attr('lay-over', '');
+ })
+ .off('upload.leave').on('upload.leave', function(){
+ var othis = $(this)
+ othis.removeAttr('lay-over');
+ })
+ .off('upload.drop').on('upload.drop', function(e, param){
+ var othis = $(this), files = param.originalEvent.dataTransfer.files || [];
+
+ othis.removeAttr('lay-over');
+ setChooseFile(files);
+
+ if(options.auto){
+ that.upload(files);
+ } else {
+ setChooseText(files);
+ }
+ });
+ }
+
+ //文件选择
+ that.elemFile.on('change', function(){
+ var files = this.files || [];
+ setChooseFile(files);
+ options.auto ? that.upload() : setChooseText(files); //是否自动触发上传
+ });
+
+ //手动触发上传
+ options.bindAction.off('upload.action').on('upload.action', function(){
+ that.upload();
+ });
+
+ //防止事件重复绑定
+ if(options.elem.data('haveEvents')) return;
+
+ options.elem.on('click', function(){
+ if(that.isFile()) return;
+ $(this).trigger('upload.start');
+ });
+
+ if(options.drag){
+ options.elem.on('dragover', function(e){
+ e.preventDefault();
+ $(this).trigger('upload.over');
+ }).on('dragleave', function(e){
+ $(this).trigger('upload.leave');
+ }).on('drop', function(e){
+ e.preventDefault();
+ $(this).trigger('upload.drop', e);
+ });
+ }
+
+ options.bindAction.on('click', function(){
+ $(this).trigger('upload.action');
+ });
+
+ options.elem.data('haveEvents', true);
+ };
+
+ //核心入口
+ upload.render = function(options){
+ var inst = new Class(options);
+ return thisUpload.call(inst);
+ };
+
+ exports(MOD_NAME, upload);
+});
+
diff --git a/src/lay/modules/util.js b/src/lay/modules/util.js
new file mode 100644
index 00000000..3127f2fb
--- /dev/null
+++ b/src/lay/modules/util.js
@@ -0,0 +1,123 @@
+/**
+
+ @Name：layui.util 工具集
+ @Author：贤心
+ @License：MIT
+
+*/
+
+layui.define('jquery', function(exports){
+ "use strict";
+
+ var $ = layui.$
+
+ //外部接口
+ ,util = {
+ //固定块
+ fixbar: function(options){
+ var ELEM = 'layui-fixbar', TOP_BAR = 'layui-fixbar-top'
+ ,dom = $(document), body = $('body')
+ ,is, timer;
+
+ options = $.extend({
+ showHeight: 200 //出现TOP的滚动条高度临界值
+ }, options);
+
+ options.bar1 = options.bar1 === true ? '' : options.bar1;
+ options.bar2 = options.bar2 === true ? '' : options.bar2;
+ options.bgcolor = options.bgcolor ? ('background-color:' + options.bgcolor) : '';
+
+ var icon = [options.bar1, options.bar2, ''] //图标：信息、问号、TOP
+ ,elem = $(['
'
+ ,options.bar1 ? ''+ icon[0] +' ' : ''
+ ,options.bar2 ? ''+ icon[1] +' ' : ''
+ ,''+ icon[2] +' '
+ ,' '].join(''))
+ ,topBar = elem.find('.'+TOP_BAR)
+ ,scroll = function(){
+ var stop = dom.scrollTop();
+ if(stop >= (options.showHeight)){
+ is || (topBar.show(), is = 1);
+ } else {
+ is && (topBar.hide(), is = 0);
+ }
+ };
+ if($('.'+ ELEM)[0]) return;
+
+ typeof options.css === 'object' && elem.css(options.css);
+ body.append(elem), scroll();
+
+ //bar点击事件
+ elem.find('li').on('click', function(){
+ var othis = $(this), type = othis.attr('lay-type');
+ if(type === 'top'){
+ $('html,body').animate({
+ scrollTop : 0
+ }, 200);
+ }
+ options.click && options.click.call(this, type);
+ });
+
+ //Top显示控制
+ dom.on('scroll', function(){
+ clearTimeout(timer);
+ timer = setTimeout(function(){
+ scroll();
+ }, 100);
+ });
+ }
+
+ //倒计时
+ ,countdown: function(endTime, serverTime, callback){
+ var that = this
+ ,type = typeof serverTime === 'function'
+ ,end = new Date(endTime).getTime()
+ ,now = new Date((!serverTime || type) ? new Date().getTime() : serverTime).getTime()
+ ,count = end - now
+ ,time = [
+ Math.floor(count/(1000*60*60*24)) //天
+ ,Math.floor(count/(1000*60*60)) % 24 //时
+ ,Math.floor(count/(1000*60)) % 60 //分
+ ,Math.floor(count/1000) % 60 //秒
+ ];
+
+ if(type) callback = serverTime;
+
+ var timer = setTimeout(function(){
+ that.countdown(endTime, now + 1000, callback);
+ }, 1000);
+
+ callback && callback(count > 0 ? time : [0,0,0,0], serverTime, timer);
+
+ if(count <= 0) clearTimeout(timer);
+ return timer;
+ }
+
+ //某个时间在当前时间的多久前
+ ,timeAgo: function(time, onlyDate){
+ var stamp = new Date().getTime() - new Date(time).getTime();
+
+ //超过30天，返回具体日期
+ if(stamp > 1000*60*60*24*30){
+ stamp = new Date(time).toLocaleString();
+ onlyDate && (stamp = stamp.replace(/\s[\S]+$/g, ''));
+ return stamp;
+ }
+
+ //30天以内，返回“多久前”
+ if(stamp >= 1000*60*60*24){
+ return ((stamp/1000/60/60/24)|0) + '天前';
+ } else if(stamp >= 1000*60*60){
+ return ((stamp/1000/60/60)|0) + '小时前';
+ } else if(stamp >= 1000*60*3){ //3分钟以内为：刚刚
+ return ((stamp/1000/60)|0) + '分钟前';
+ } else if(stamp < 0){
+ return '未来';
+ } else {
+ return '刚刚';
+ }
+ }
+ };
+
+ exports('util', util);
+});
\ No newline at end of file
diff --git a/src/layui.js b/src/layui.js
new file mode 100644
index 00000000..c576f9f8
--- /dev/null
+++ b/src/layui.js
@@ -0,0 +1,479 @@
+/*!
+
+ @Title: Layui
+ @Description：经典模块化前端框架
+ @Site: www.layui.com
+ @Author: 贤心
+ @License：MIT
+
+ */
+
+;!function(win){
+ "use strict";
+
+ var doc = document, config = {
+ modules: {} //记录模块物理路径
+ ,status: {} //记录模块加载状态
+ ,timeout: 10 //符合规范的模块请求最长等待秒数
+ ,event: {} //记录模块自定义事件
+ }
+
+ ,Layui = function(){
+ this.v = '2.0.0'; //版本号
+ }
+
+ //获取layui所在目录
+ ,getPath = function(){
+ var js = doc.scripts
+ ,jsPath = js[js.length - 1].src;
+ return jsPath.substring(0, jsPath.lastIndexOf('/') + 1);
+ }()
+
+ //异常提示
+ ,error = function(msg){
+ win.console && console.error && console.error('Layui hint: ' + msg);
+ }
+
+ ,isOpera = typeof opera !== 'undefined' && opera.toString() === '[object Opera]'
+
+ //内置模块
+ ,modules = {
+ layer: 'modules/layer' //弹层
+ ,laydate: 'modules/laydate' //日期
+ ,laypage: 'modules/laypage' //分页
+ ,laytpl: 'modules/laytpl' //模板引擎
+ ,layim: 'modules/layim' //web通讯
+ ,layedit: 'modules/layedit' //富文本编辑器
+ ,form: 'modules/form' //表单集
+ ,upload: 'modules/upload' //上传
+ ,tree: 'modules/tree' //树结构
+ ,table: 'modules/table' //表格
+ ,element: 'modules/element' //常用元素操作
+ ,util: 'modules/util' //工具块
+ ,flow: 'modules/flow' //流加载
+ ,carousel: 'modules/carousel' //轮播
+ ,code: 'modules/code' //代码修饰器
+ ,jquery: 'modules/jquery' //DOM库（第三方）
+
+ ,mobile: 'modules/mobile' //移动大模块 | 若当前为开发目录，则为移动模块入口，否则为移动模块集合
+ ,'layui.all': 'dest/layui.all' //PC模块合并版
+ };
+
+ //记录基础数据
+ Layui.prototype.cache = config;
+
+ //定义模块
+ Layui.prototype.define = function(deps, callback){
+ var that = this
+ ,type = typeof deps === 'function'
+ ,mods = function(){
+ typeof callback === 'function' && callback(function(app, exports){
+ layui[app] = exports;
+ config.status[app] = true;
+ });
+ return this;
+ };
+
+ type && (
+ callback = deps,
+ deps = []
+ );
+
+ if(layui['layui.all'] || (!layui['layui.all'] && layui['layui.mobile'])){
+ return mods.call(that);
+ }
+
+ that.use(deps, mods);
+ return that;
+ };
+
+ //使用特定模块
+ Layui.prototype.use = function(apps, callback, exports){
+ var that = this
+ ,dir = config.dir = config.dir ? config.dir : getPath
+ ,head = doc.getElementsByTagName('head')[0];
+
+ apps = typeof apps === 'string' ? [apps] : apps;
+
+ //如果页面已经存在jQuery1.7+库且所定义的模块依赖jQuery，则不加载内部jquery模块
+ if(window.jQuery && jQuery.fn.on){
+ that.each(apps, function(index, item){
+ if(item === 'jquery'){
+ apps.splice(index, 1);
+ }
+ });
+ layui.jquery = layui.$ = jQuery;
+ }
+
+ var item = apps[0]
+ ,timeout = 0;
+ exports = exports || [];
+
+ //静态资源host
+ config.host = config.host || (dir.match(/\/\/([\s\S]+?)\//)||['//'+ location.host +'/'])[0];
+
+ //加载完毕
+ function onScriptLoad(e, url){
+ var readyRegExp = navigator.platform === 'PLaySTATION 3' ? /^complete$/ : /^(complete|loaded)$/
+ if (e.type === 'load' || (readyRegExp.test((e.currentTarget || e.srcElement).readyState))) {
+ config.modules[item] = url;
+ head.removeChild(node);
+ (function poll() {
+ if(++timeout > config.timeout * 1000 / 4){
+ return error(item + ' is not a valid module');
+ };
+ config.status[item] ? onCallback() : setTimeout(poll, 4);
+ }());
+ }
+ }
+
+ //回调
+ function onCallback(){
+ exports.push(layui[item]);
+ apps.length > 1 ?
+ that.use(apps.slice(1), callback, exports)
+ : ( typeof callback === 'function' && callback.apply(layui, exports) );
+ }
+
+ //如果使用了 layui.all.js
+ if(apps.length === 0
+ || (layui['layui.all'] && modules[item])
+ || (!layui['layui.all'] && layui['layui.mobile'] && modules[item])
+ ){
+ return onCallback(), that;
+ }
+
+ //首次加载模块
+ if(!config.modules[item]){
+ var node = doc.createElement('script')
+ ,url = (
+ modules[item] ? (dir + 'lay/') : (config.base || '')
+ ) + (that.modules[item] || item) + '.js';
+
+ node.async = true;
+ node.charset = 'utf-8';
+ node.src = url + function(){
+ var version = config.version === true
+ ? (config.v || (new Date()).getTime())
+ : (config.version||'');
+ return version ? ('?v=' + version) : '';
+ }();
+
+ head.appendChild(node);
+
+ if(node.attachEvent && !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code') < 0) && !isOpera){
+ node.attachEvent('onreadystatechange', function(e){
+ onScriptLoad(e, url);
+ });
+ } else {
+ node.addEventListener('load', function(e){
+ onScriptLoad(e, url);
+ }, false);
+ }
+
+ config.modules[item] = url;
+ } else { //缓存
+ (function poll() {
+ if(++timeout > config.timeout * 1000 / 4){
+ return error(item + ' is not a valid module');
+ };
+ (typeof config.modules[item] === 'string' && config.status[item])
+ ? onCallback()
+ : setTimeout(poll, 4);
+ }());
+ }
+
+ return that;
+ };
+
+ //获取节点的style属性值
+ Layui.prototype.getStyle = function(node, name){
+ var style = node.currentStyle ? node.currentStyle : win.getComputedStyle(node, null);
+ return style[style.getPropertyValue ? 'getPropertyValue' : 'getAttribute'](name);
+ };
+
+ //css外部加载器
+ Layui.prototype.link = function(href, fn, cssname){
+ var that = this
+ ,link = doc.createElement('link')
+ ,head = doc.getElementsByTagName('head')[0];
+
+ if(typeof fn === 'string') cssname = fn;
+
+ var app = (cssname || href).replace(/\.|\//g, '')
+ ,id = link.id = 'layuicss-'+app
+ ,timeout = 0;
+
+ link.rel = 'stylesheet';
+ link.href = href + (config.debug ? '?v='+new Date().getTime() : '');
+ link.media = 'all';
+
+ if(!doc.getElementById(id)){
+ head.appendChild(link);
+ }
+
+ if(typeof fn !== 'function') return that;
+
+ //轮询css是否加载完毕
+ (function poll() {
+ if(++timeout > config.timeout * 1000 / 100){
+ return error(href + ' timeout');
+ };
+ parseInt(that.getStyle(doc.getElementById(id), 'width')) === 1989 ? function(){
+ fn();
+ }() : setTimeout(poll, 100);
+ }());
+
+ return that;
+ };
+
+ //css内部加载器
+ Layui.prototype.addcss = function(firename, fn, cssname){
+ return layui.link(config.dir + 'css/' + firename, fn, cssname);
+ };
+
+ //图片预加载
+ Layui.prototype.img = function(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);
+ };
+ };
+
+ //全局配置
+ Layui.prototype.config = function(options){
+ options = options || {};
+ for(var key in options){
+ config[key] = options[key];
+ }
+ return this;
+ };
+
+ //记录全部模块
+ Layui.prototype.modules = function(){
+ var clone = {};
+ for(var o in modules){
+ clone[o] = modules[o];
+ }
+ return clone;
+ }();
+
+ //拓展模块
+ Layui.prototype.extend = function(options){
+ var that = this;
+
+ //验证模块是否被占用
+ options = options || {};
+ for(var o in options){
+ if(that[o] || that.modules[o]){
+ error('\u6A21\u5757\u540D '+ o +' \u5DF2\u88AB\u5360\u7528');
+ } else {
+ that.modules[o] = options[o];
+ }
+ }
+
+ return that;
+ };
+
+ //路由解析
+ Layui.prototype.router = function(hash){
+ var that = this
+ ,hash = hash || location.hash
+ ,data = {
+ path: []
+ ,search: {}
+ ,hash: (hash.match(/[^#](#.*$)/) || [])[1] || ''
+ };
+
+ if(!/^#\//.test(hash)) return data; //禁止非路由规范
+ hash = hash.replace(/^#\//, '').replace(/([^#])(#.*$)/, '$1').split('/') || [];
+
+ //提取Hash结构
+ that.each(hash, function(index, item){
+ /^\w+=/.test(item) ? function(){
+ item = item.split('=');
+ data.search[item[0]] = item[1];
+ }() : data.path.push(item);
+ });
+
+ return data;
+ };
+
+ //本地存储
+ Layui.prototype.data = function(table, settings){
+ table = table || 'layui';
+
+ if(!win.JSON || !win.JSON.parse) return;
+
+ //如果settings为null，则删除表
+ if(settings === null){
+ return delete localStorage[table];
+ }
+
+ settings = typeof settings === 'object'
+ ? settings
+ : {key: settings};
+
+ try{
+ var data = JSON.parse(localStorage[table]);
+ } catch(e){
+ var data = {};
+ }
+
+ if(settings.value) data[settings.key] = settings.value;
+ if(settings.remove) delete data[settings.key];
+ localStorage[table] = JSON.stringify(data);
+
+ return settings.key ? data[settings.key] : data;
+ };
+
+ //设备信息
+ Layui.prototype.device = function(key){
+ var agent = navigator.userAgent.toLowerCase()
+
+ //获取版本号
+ ,getVersion = function(label){
+ var exp = new RegExp(label + '/([^\\s\\_\\-]+)');
+ label = (agent.match(exp)||[])[1];
+ return label || false;
+ }
+
+ //返回结果集
+ ,result = {
+ os: function(){ //底层操作系统
+ if(/windows/.test(agent)){
+ return 'windows';
+ } else if(/linux/.test(agent)){
+ return 'linux';
+ } else if(/iphone|ipod|ipad|ios/.test(agent)){
+ return 'ios';
+ } else if(/mac/.test(agent)){
+ return 'mac';
+ }
+ }()
+ ,ie: function(){ //ie版本
+ return (!!win.ActiveXObject || "ActiveXObject" in win) ? (
+ (agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于ie11并没有msie的标识
+ ) : false;
+ }()
+ ,weixin: getVersion('micromessenger') //是否微信
+ };
+
+ //任意的key
+ if(key && !result[key]){
+ result[key] = getVersion(key);
+ }
+
+ //移动设备
+ result.android = /android/.test(agent);
+ result.ios = result.os === 'ios';
+
+ return result;
+ };
+
+ //提示
+ Layui.prototype.hint = function(){
+ return {
+ error: error
+ }
+ };
+
+ //遍历
+ Layui.prototype.each = function(obj, fn){
+ var key
+ ,that = this;
+ if(typeof fn !== 'function') return that;
+ obj = obj || [];
+ if(obj.constructor === Object){
+ for(key in obj){
+ if(fn.call(obj[key], key, obj[key])) break;
+ }
+ } else {
+ for(key = 0; key < obj.length; key++){
+ if(fn.call(obj[key], key, obj[key])) break;
+ }
+ }
+ return that;
+ };
+
+ //将数组中的对象按其某个成员排序
+ Layui.prototype.sort = function(obj, key, desc){
+ var clone = JSON.parse(
+ JSON.stringify(obj)
+ );
+
+ if(!key) return clone;
+
+ //如果是数字，按大小排序，如果是非数字，按字典序排序
+ clone.sort(function(o1, o2){
+ var isNum = /^\d+\d+\d$/
+ ,v1 = o1[key]
+ ,v2 = o2[key];
+
+ if(isNum.test(v1)) v1 = parseFloat(v1);
+ if(isNum.test(v2)) v2 = parseFloat(v2);
+
+ if(v1 > v2){
+ return 1;
+ } else if (v1 < v2) {
+ return -1;
+ } else {
+ return 0;
+ }
+ });
+ desc && clone.reverse(); //倒序
+ return clone;
+ };
+
+ //阻止事件冒泡
+ Layui.prototype.stope = function(e){
+ e = e || win.event;
+ e.stopPropagation
+ ? e.stopPropagation()
+ : e.cancelBubble = true;
+ };
+
+ //自定义模块事件
+ Layui.prototype.onevent = function(modName, events, callback){
+ if(typeof modName !== 'string'
+ || typeof callback !== 'function') return this;
+ config.event[modName + '.' + events] = [callback];
+
+ //不再对多次事件监听做支持
+ /*
+ config.event[modName + '.' + events]
+ ? config.event[modName + '.' + events].push(callback)
+ : config.event[modName + '.' + events] = [callback];
+ */
+
+ return this;
+ };
+
+ //执行自定义模块事件
+ Layui.prototype.event = function(modName, events, params){
+ var that = this
+ ,result = null
+ ,filter = events.match(/\(.*\)$/)||[] //提取事件过滤器
+ ,set = (events = modName + '.'+ events).replace(filter, '') //获取事件本体名
+ ,callback = function(_, item){
+ var res = item && item.call(that, params);
+ res === false && result === null && (result = false);
+ };
+ layui.each(config.event[set], callback);
+ filter[0] && layui.each(config.event[events], callback); //执行过滤器中的事件
+ return result;
+ };
+
+ win.layui = new Layui();
+
+}(window);
+
diff --git a/test/admin.html b/test/admin.html
new file mode 100644
index 00000000..5fa33ced
--- /dev/null
+++ b/test/admin.html
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
layout 后台大布局 - Layui
+
+
+
+
+
+
+
+
diff --git a/test/all.html b/test/all.html
new file mode 100644
index 00000000..377a0a8a
--- /dev/null
+++ b/test/all.html
@@ -0,0 +1,75 @@
+
+
+
+
+
+
合并版使用 - layui
+
+
+
+
+
+
+
+
+
测试弹出式Form
+
+
+
+
+
+
diff --git a/test/button.html b/test/button.html
new file mode 100644
index 00000000..b16ffdc0
--- /dev/null
+++ b/test/button.html
@@ -0,0 +1,108 @@
+
+
+
+
+
按钮 - layui
+
+
+
+
+
+
+
+
+
+
+
+
+
+
按钮色系：
+
+
原始按钮
+
默认按钮
+
百搭按钮
+
暖色按钮
+
警告按钮
+
禁用按钮
+
+
+
+
按钮图标：
+
+
+
+
+
+
+
+
+
+
+
+
按钮尺寸：
+
+
+
大型按钮
+
默认按钮
+
小型按钮
+
迷你按钮
+
大型按钮
+
默认按钮
+
小型按钮
+
迷你按钮
+
+
+
+
按钮圆角：
+
+
原始按钮
+
默认按钮
+
百搭按钮
+
暖色按钮
+
警告按钮
+
禁用按钮
+
+
+
+
按钮图文：
+
+
大型加圆角
+
删除
+
禁分享
+
+
+
+
按钮组：
+
+
+ 增加
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test/carousel.html b/test/carousel.html
new file mode 100644
index 00000000..ba9f6314
--- /dev/null
+++ b/test/carousel.html
@@ -0,0 +1,116 @@
+
+
+
+
+
+
轮播组件 - layui
+
+
+
+
+
+
+
+
+
+
条目1
+
条目2
+
条目3
+
条目4
+
+
+
+
+
+
+
+
+
+
+
+
条目1
+
条目2
+
条目3
+
条目4
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test/code.html b/test/code.html
new file mode 100644
index 00000000..6ba67880
--- /dev/null
+++ b/test/code.html
@@ -0,0 +1,129 @@
+
+
+
+
+
+
代码修饰器 - layui
+
+
+
+
+
+
+
+
+//路由
+LAY.fn.router = function(hash){
+ var hashs = (hash || location.hash).replace(/^#/, '').split('/') || [];
+ var item, param = {
+ dir: []
+ };
+ for(var i = 0; i < hashs.length; i++){
+ item = hashs[i].split('=');
+ /^\w+=/.test(hashs[i]) ? function(){
+ if(item[0] !== 'dir'){
+ param[item[0]] = item[1];
+ }
+ }() : param.dir.push(hashs[i]);
+ item = null;
+ }
+ return param;
+};
+
+
+
+//路由
+LAY.fn.router = function(hash){
+ var hashs = (hash || location.hash).replace(/^#/, '').split('/') || [];
+ var item, param = {
+ dir: []
+ };
+ for(var i = 0; i < hashs.length; i++){
+ item = hashs[i].split('=');
+ /^\w+=/.test(hashs[i]) ? function(){
+ if(item[0] !== 'dir'){
+ param[item[0]] = item[1];
+ }
+ }() : param.dir.push(hashs[i]);
+ item = null;
+ }
+ return param;
+};
+
+
+
+var hashs = (hash || location.hash).replace(/^#/, '').split('/') || [];
+var item, param = {
+ dir: []
+};
+
+//代码中的代码
+var hashs = (hash || location.hash).replace(/^#/, '').split('/') || [];
+var item, param = {
+ dir: []
+};
+
+
+
+
+//路由
+LAY.fn.router = function(hash){
+ var hashs = (hash || location.hash).replace(/^#/, '').split('/') || [];
+ var item, param = {
+ dir: []
+ };
+ for(var i = 0; i < hashs.length; i++){
+ item = hashs[i].split('=');
+ /^\w+=/.test(hashs[i]) ? function(){
+ if(item[0] !== 'dir'){
+ param[item[0]] = item[1];
+ }
+ }() : param.dir.push(hashs[i]);
+ item = null;
+ }
+ return param;
+};
+
+//代码中的代码
+var hashs = (hash || location.hash).replace(/^#/, '').split('/') || [];
+var item, param = {
+ dir: []
+};
+
+//代码中的代码
+var hashs = (hash || location.hash).replace(/^#/, '').split('/') || [];
+var item, param = {
+ dir: []
+};
+
+//代码中的代码
+var hashs = (hash || location.hash).replace(/^#/, '').split('/') || [];
+var item, param = {
+ dir: []
+};
+
+
+
+
+
+
+
+
+ 123
+
+
+
+
+
+
+
+
diff --git a/test/element.html b/test/element.html
new file mode 100644
index 00000000..71716f50
--- /dev/null
+++ b/test/element.html
@@ -0,0 +1,433 @@
+
+
+
+
+
+
常用元素 - layui
+
+
+
+
+
+
+
+
+
+
+
+
2.0.0
+
杜甫的思想核心是儒家的仁政思想，他有“致君尧舜上，再使风俗淳”的宏伟抱负 。杜甫虽然在世时名声并不显赫，但后来声名
+
+ 哈哈哈
+
+
+
+
+
1.0.9
+ 哈哈哈
+
+
+
+
+
+
+
+
+
+
+徽章：
+
+
+
+
+
+
+
+
+
+
6
+
99
+
61728
+
+
赤
+
橙
+
绿
+
青
+
蓝
+
黑
+
灰
+
+
Hot
+
+
+
+
+
+
杜甫
+
+
杜甫的思想核心是儒家的仁政思想，他有“致君尧舜上，再使风俗淳”的宏伟抱负。杜甫虽然在世时名声并不显赫，但后来声名远播，对中国文学和日本文学都产生了深远的影响。杜甫共有约1500首诗歌被保留了下来，大多集于《杜工部集》。
+
+
+
+
李清照
+
+
李清照出生于书香门第，早期生活优裕，其父李格非藏书甚富，她小时候就在良好的家庭环境中打下文学基础。出嫁后与夫赵明诚共同致力于书画金石的搜集整理。金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤。形式上善用白描手法，自辟途径，语言清丽。
+
+
+
+
鲁迅
+
+
鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Layui正是你苦苦寻找的前端UI框架
+
Layui正是你苦苦寻找的前端UI框架Layui正是你苦苦寻找的前端UI框架Layui正是你苦苦寻找的前端UI框架Layui正是你苦苦寻找的前端UI框架Layui正是你苦苦寻找的前端UI框架
+
+
+ 字段集区块 - 默认风格
+
+ 内容区域
+
+
+
+默认分割线
+
+
+赤色分割线
+
+
+橙色分割线
+
+
+墨绿分割线
+
+
+青色分割线
+
+
+蓝色分割线
+
+
+黑色分割线
+
+
+灰色分割线
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 首页
+ 国际新闻
+ 亚太地区
+ 正文
+
+
+
+
+ 娱乐
+ 八卦
+ 体育
+ 搞笑
+ 视频
+ 游戏
+ 综艺
+
+
+
+
+
+
+ 标题1
+ 标题2
+ 标题3
+ 标题4
+ 标题5
+
+
+
+
+
手工切换到“标题3”
+
添加Tab
+
删除“标题4”
+
+
+
+ 标题1
+ 标题2
+ 标题3
+ 标题4
+ 标题5
+ 标题6
+
+
+
+
+
+
+ 标题一
+ 标题2
+ 标题3
+ 标题4
+ 标题5
+ 标题6
+
+
+
+
+
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+
+
+
+
2
+
3
+
4
+
5
+
6
+
+
+
+
+
+
+ 标题1
+ 标题2
+ 标题3
+ 标题4
+ 标题5
+ 标题6
+ 标题7
+ 标题8
+
+
+
+
+
+
+
+
+
diff --git a/test/extend.html b/test/extend.html
new file mode 100644
index 00000000..6669b84f
--- /dev/null
+++ b/test/extend.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
自定义模块 - layui
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test/flow.html b/test/flow.html
new file mode 100644
index 00000000..c867a57a
--- /dev/null
+++ b/test/flow.html
@@ -0,0 +1,70 @@
+
+
+
+
+
+
流加载 - layui
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test/form.html b/test/form.html
new file mode 100644
index 00000000..92517b2a
--- /dev/null
+++ b/test/form.html
@@ -0,0 +1,255 @@
+
+
+
+
+
表单模块 - layui
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test/js/child/test.js b/test/js/child/test.js
new file mode 100644
index 00000000..56083520
--- /dev/null
+++ b/test/js/child/test.js
@@ -0,0 +1,8 @@
+
+
+layui.define(function(exports){
+
+ exports('test', {
+ title: '子目录模块加载'
+ })
+});
\ No newline at end of file
diff --git a/test/js/index.js b/test/js/index.js
new file mode 100644
index 00000000..e4eca313
--- /dev/null
+++ b/test/js/index.js
@@ -0,0 +1,8 @@
+
+
+layui.define(function(exports){
+
+ exports('index', {
+ title: '模块入口'
+ });
+});
\ No newline at end of file
diff --git a/test/json/table/demo1.json b/test/json/table/demo1.json
new file mode 100644
index 00000000..d5c0f2a6
--- /dev/null
+++ b/test/json/table/demo1.json
@@ -0,0 +1,95 @@
+{
+ "code": 0
+ ,"msg": ""
+ ,"count": 3000000
+ ,"data": [{
+ "id": "10001"
+ ,"username": "杜甫"
+ ,"email": "xianxin@layui.com"
+ ,"sex": "男"
+ ,"city": "浙江杭州"
+ ,"sign": "点击此处，显示更多。当内容超出时，点击单元格会自动显示更多内容。"
+ ,"experience": "116"
+ ,"ip": "192.168.0.8"
+ ,"logins": "108"
+ ,"joinTime": "2016-10-14"
+ }, {
+ "id": "10002"
+ ,"username": "李白"
+ ,"email": "xianxin@layui.com"
+ ,"sex": "男"
+ ,"city": "浙江杭州"
+ ,"sign": "君不见，黄河之水天上来，奔流到海不复回。 君不见，高堂明镜悲白发，朝如青丝暮成雪。 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我倾耳听。(倾耳听 一作：侧耳听) 钟鼓馔玉不足贵，但愿长醉不复醒。(不足贵 一作：何足贵；不复醒 一作：不愿醒/不用醒) 古来圣贤皆寂寞，惟有饮者留其名。(古来 一作：自古；惟 通：唯) 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌。 五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。"
+ ,"experience": "12"
+ ,"ip": "192.168.0.8"
+ ,"logins": "106"
+ ,"joinTime": "2016-10-14"
+ ,"LAY_CHECKED": true
+ }, {
+ "id": "10003"
+ ,"username": "王勃"
+ ,"email": "xianxin@layui.com"
+ ,"sex": "男"
+ ,"city": "浙江杭州"
+ ,"sign": "人生恰似一场修行"
+ ,"experience": "65"
+ ,"ip": "192.168.0.8"
+ ,"logins": "106"
+ ,"joinTime": "2016-10-14"
+ }, {
+ "id": "10004"
+ ,"username": "李清照"
+ ,"email": "xianxin@layui.com"
+ ,"sex": "女"
+ ,"city": "浙江杭州"
+ ,"sign": "人生恰似一场修行"
+ ,"experience": "666"
+ ,"ip": "192.168.0.8"
+ ,"logins": "106"
+ ,"joinTime": "2016-10-14"
+ }, {
+ "id": "10005"
+ ,"username": "冰心"
+ ,"email": "xianxin@layui.com"
+ ,"sex": "女"
+ ,"city": "浙江杭州"
+ ,"sign": "人生恰似一场修行"
+ ,"experience": "86"
+ ,"ip": "192.168.0.8"
+ ,"logins": "106"
+ ,"joinTime": "2016-10-14"
+ }, {
+ "id": "10006"
+ ,"username": "贤心"
+ ,"email": "xianxin@layui.com"
+ ,"sex": "男"
+ ,"city": "浙江杭州"
+ ,"sign": "人生恰似一场修行"
+ ,"experience": "12"
+ ,"ip": "192.168.0.8"
+ ,"logins": "106"
+ ,"joinTime": "2016-10-14"
+ }, {
+ "id": "10007"
+ ,"username": "贤心"
+ ,"email": "xianxin@layui.com"
+ ,"sex": "男"
+ ,"city": "浙江杭州"
+ ,"sign": "人生恰似一场修行"
+ ,"experience": "16"
+ ,"ip": "192.168.0.8"
+ ,"logins": "106"
+ ,"joinTime": "2016-10-14"
+ }, {
+ "id": "10008"
+ ,"username": "贤心"
+ ,"email": "xianxin@layui.com"
+ ,"sex": "男"
+ ,"city": "浙江杭州"
+ ,"sign": "人生恰似一场修行"
+ ,"experience": "106"
+ ,"ip": "192.168.0.8"
+ ,"logins": "106"
+ ,"joinTime": "2016-10-14"
+ }]
+}
\ No newline at end of file
diff --git a/test/json/table/demo2.json b/test/json/table/demo2.json
new file mode 100644
index 00000000..e0e834fc
--- /dev/null
+++ b/test/json/table/demo2.json
@@ -0,0 +1,42 @@
+{
+ "code": 0
+ ,"msg": ""
+ ,"count": 66
+ ,"data": [{
+ "username": "张小三"
+ ,"amount": 18
+ ,"province": "浙江"
+ ,"city": "杭州"
+ ,"county": "文一西路西溪园区"
+ }, {
+ "username": "李小四"
+ ,"amount": 39
+ ,"province": "江苏"
+ ,"city": "苏州"
+ ,"county": "丝绸路368号"
+ }, {
+ "username": "王小四"
+ ,"amount": 8
+ ,"province": "江西"
+ ,"city": "南昌"
+ ,"county": "艾溪湖一号楼"
+ }, {
+ "username": "赵小六"
+ ,"amount": 16
+ ,"province": "福建"
+ ,"city": "泉州"
+ ,"county": "晋江市南洋村"
+ }, {
+ "username": "孙小七"
+ ,"amount": 12
+ ,"province": "湖北"
+ ,"city": "武汉"
+ ,"county": "武昌大道19号"
+ }, {
+ "username": "周小八"
+ ,"amount": 11
+ ,"province": "安徽"
+ ,"city": "黄山"
+ ,"county": "汤口镇66号"
+ }]
+}
\ No newline at end of file
diff --git a/test/laydate.html b/test/laydate.html
new file mode 100644
index 00000000..77d66348
--- /dev/null
+++ b/test/laydate.html
@@ -0,0 +1,285 @@
+
+
+
+
+
+
+
+
+
+
日期模块 - layui
+
+
+
+
+
+
+
+日期时间范围选择：
+
+
+
+
+
+
+日期选择器：
+
+
+
+
+
+年选择器：
+
+
+
+年月选择器：
+
+
+
+时间时间器：
+
+
+
+
+
+时间范围选择
+
+
+
+自定义重要日：
+
+
+
+
+
+墨绿主题：
+
+
+
+自定义头部背景色：
+
+
+
+格子主题：
+
+
+
+
+
+
其它元素触发
+
+
+
+
外部事件触发
+
+
+
+
+直接嵌套在指定容器中：
+
+
+
+
+
+
+
diff --git a/test/layedit.html b/test/layedit.html
new file mode 100644
index 00000000..d2046bdc
--- /dev/null
+++ b/test/layedit.html
@@ -0,0 +1,51 @@
+
+
+
+
+
+
富文本编辑器 - layui
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/test/layer.html b/test/layer.html
new file mode 100644
index 00000000..13bb2d15
--- /dev/null
+++ b/test/layer.html
@@ -0,0 +1,110 @@
+
+
+
+
+
+
+
+
layer弹层 - layui
+
+
+
+
+
+
+
+
Alert
+
Confirm
+
Msg
+
Tips
+
Page
+
Iframe
+
Prompt
+
Tab
+
更多例子
+
+
+ 123
+
+
+
+
+
+
+
diff --git a/test/layout.html b/test/layout.html
new file mode 100644
index 00000000..94f15641
--- /dev/null
+++ b/test/layout.html
@@ -0,0 +1,333 @@
+
+
+
+
+
+
+
+
layout 栅格布局 - Layui
+
+
+
+
+
+
+
+
+
+
+ 始终等比例水平排列
+
+
+
+
+
+
+
+
+
+ 移动设备、桌面端的不同展现
+
+
+
+
+
+ 移动设备、平板、桌面端的不同展现
+
+
+
+
+
50% | 33.33% | 33.33%
+
+
+
50% | 66.67% | 33.33%
+
+
+
33.33% | 100% | 33.33%
+
+
+
33.33% | 50% | 66.67%
+
+
+
33.33% | 50% | 33.33%
+
+
+
+
+ 从小屏幕堆叠到桌面水平排列
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 分栏间隔
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 列偏移
+
+
+
+
+
+
+
+
+
+ 嵌套
+
+
+
+
+
+
+
+
+ 流体容器（宽度自适应，不固定）
+
+
+
+
+
+
+
+
+
diff --git a/test/laypage.html b/test/laypage.html
new file mode 100644
index 00000000..ecad6c62
--- /dev/null
+++ b/test/laypage.html
@@ -0,0 +1,187 @@
+
+
+
+
+
+
分页 - layui
+
+
+
+
+
+
+
+总页数低于页码总数：
+总页数大于页码总数：
+自定义主题：
+自定义首页、尾页、上一页、下一页文本：
+不显示首页尾页：
+开启HASH：
+只显示上一页、下一页：
+显示完整功能：
+自定义排版：
+
+
+ 将一段已知数组分页展示
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test/table.html b/test/table.html
new file mode 100644
index 00000000..d415705c
--- /dev/null
+++ b/test/table.html
@@ -0,0 +1,325 @@
+
+
+
+
+
+
+
+
表格操作 - layui
+
+
+
+
+
+
+
+
+ 获取选中行数据
+ 获取选中数目
+ 验证是否全选
+
+
+
+
+
+ ID
+ 用户名
+ 邮箱
+ 性别
+ 城市
+ 签名
+ 积分
+ IP
+ 登入次数
+ 加入时间
+ 操作
+
+
+
+
+
+
+
+
+
+
+
+ ID
+ 用户名
+ 邮箱
+ 性别
+ 城市
+ 签名
+ 积分
+ IP
+ 登入次数
+ 加入时间
+ 操作
+
+
+
+
+
+
+
+
+
+
+
+ 联系人
+ 金额
+ 地址
+
+
+ 省
+ 市
+ 详细
+
+
+
+
+
+
+
+ 转化为数据表格
+
+
+
+
+
+ 昵称
+ 加入时间
+ 签名
+
+
+
+
+ 贤心1
+ 2016-11-28
+ 人生就像是一场修行a
+
+
+ 贤心2
+ 2016-11-29
+ 人生就像是一场修行b
+
+
+ 贤心3
+ 2016-11-30
+ 人生就像是一场修行c
+
+
+
+
+
+
+
+
+
diff --git a/test/tree.html b/test/tree.html
new file mode 100644
index 00000000..49449c33
--- /dev/null
+++ b/test/tree.html
@@ -0,0 +1,147 @@
+
+
+
+
+
+
树模块 - layui
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+# layui.tree-v2 备忘
+* check参数 - checkbox、radio的支持
+* 拖拽的支持
+
+
+
+
diff --git a/test/upload.html b/test/upload.html
new file mode 100644
index 00000000..6a41c378
--- /dev/null
+++ b/test/upload.html
@@ -0,0 +1,252 @@
+
+
+
+
+
+
文件上传模块 - layui
+
+
+
+
+
+
+
+
+
上传图片
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
选择多文件
+
+
+
+ 文件名
+ 大小
+ 状态
+ 操作
+
+
+
+
开始上传
+
+
+
+
+
上传文件
+
换个样式
+
+
上传视频
+
上传音频
+
+
+
+
+ 选择文件
+ 开始上传
+
+
+
+
+
+
+
+
+绑定原始文件域：
+
+
+
+
+
+
+
diff --git a/test/util.html b/test/util.html
new file mode 100644
index 00000000..ca0e35a4
--- /dev/null
+++ b/test/util.html
@@ -0,0 +1,57 @@
+
+
+
+
+
+
工具集 - layui
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
+
+
+
+
+
diff --git a/test/xingzuo.html b/test/xingzuo.html
new file mode 100644
index 00000000..5fd2783e
--- /dev/null
+++ b/test/xingzuo.html
@@ -0,0 +1,104 @@
+
+
+
+
+
+
星座配对
+
+
+
+
+
+
+
+
+
+
+
+ 你
+
+ 天秤座
+ 处女座
+ 水瓶座
+ 双子座
+ 双鱼座
+ 白羊座
+
+
+
+
+
+
+
\ No newline at end of file
+
+