');
207 | }
208 | });
209 |
210 | //给textarea同步内容
211 | $(textArea).parents('form').on('submit', function(){
212 | var html = body.html();
213 | //IE8下将标签处理成小写
214 | if(device.ie == 8){
215 | html = html.replace(/<.+>/g, function(str){
216 | return str.toLowerCase();
217 | });
218 | }
219 | textArea.value = html;
220 | });
221 |
222 | //处理粘贴
223 | body.on('paste', function(e){
224 | iframeDOM.execCommand('formatBlock', false, '
');
225 | setTimeout(function(){
226 | filter.call(iframeWin, body);
227 | textArea.value = body.html();
228 | }, 100);
229 | });
230 | }
231 |
232 | //标签过滤
233 | ,filter = function(body){
234 | var iframeWin = this
235 | ,iframeDOM = iframeWin.document;
236 |
237 | //清除影响版面的css属性
238 | body.find('*[style]').each(function(){
239 | var textAlign = this.style.textAlign;
240 | this.removeAttribute('style');
241 | $(this).css({
242 | 'text-align': textAlign || ''
243 | })
244 | });
245 |
246 | //修饰表格
247 | body.find('table').addClass('layui-table');
248 |
249 | //移除不安全的标签
250 | body.find('script,link').remove();
251 | }
252 |
253 | //Range对象兼容性处理
254 | ,Range = function(iframeDOM){
255 | return iframeDOM.selection
256 | ? iframeDOM.selection.createRange()
257 | : iframeDOM.getSelection().getRangeAt(0);
258 | }
259 |
260 | //当前Range对象的endContainer兼容性处理
261 | ,getContainer = function(range){
262 | return range.endContainer || range.parentElement().childNodes[0]
263 | }
264 |
265 | //在选区插入内联元素
266 | ,insertInline = function(tagName, attr, range){
267 | var iframeDOM = this.document
268 | ,elem = document.createElement(tagName)
269 | for(var key in attr){
270 | elem.setAttribute(key, attr[key]);
271 | }
272 | elem.removeAttribute('text');
273 |
274 | if(iframeDOM.selection){ //IE
275 | var text = range.text || attr.text;
276 | if(tagName === 'a' && !text) return;
277 | if(text){
278 | elem.innerHTML = text;
279 | }
280 | range.pasteHTML($(elem).prop('outerHTML'));
281 | range.select();
282 | } else { //非IE
283 | var text = range.toString() || attr.text;
284 | if(tagName === 'a' && !text) return;
285 | if(text){
286 | elem.innerHTML = text;
287 | }
288 | range.deleteContents();
289 | range.insertNode(elem);
290 | }
291 | }
292 |
293 | //工具选中
294 | ,toolCheck = function(tools, othis){
295 | var iframeDOM = this.document
296 | ,CHECK = 'layedit-tool-active'
297 | ,container = getContainer(Range(iframeDOM))
298 | ,item = function(type){
299 | return tools.find('.layedit-tool-'+type)
300 | }
301 |
302 | if(othis){
303 | othis[othis.hasClass(CHECK) ? 'removeClass' : 'addClass'](CHECK);
304 | }
305 |
306 | tools.find('>i').removeClass(CHECK);
307 | item('unlink').addClass(ABLED);
308 |
309 | $(container).parents().each(function(){
310 | var tagName = this.tagName.toLowerCase()
311 | ,textAlign = this.style.textAlign;
312 |
313 | //文字
314 | if(tagName === 'b' || tagName === 'strong'){
315 | item('b').addClass(CHECK)
316 | }
317 | if(tagName === 'i' || tagName === 'em'){
318 | item('i').addClass(CHECK)
319 | }
320 | if(tagName === 'u'){
321 | item('u').addClass(CHECK)
322 | }
323 | if(tagName === 'strike'){
324 | item('d').addClass(CHECK)
325 | }
326 |
327 | //对齐
328 | if(tagName === 'p'){
329 | if(textAlign === 'center'){
330 | item('center').addClass(CHECK);
331 | } else if(textAlign === 'right'){
332 | item('right').addClass(CHECK);
333 | } else {
334 | item('left').addClass(CHECK);
335 | }
336 | }
337 |
338 | //超链接
339 | if(tagName === 'a'){
340 | item('link').addClass(CHECK);
341 | item('unlink').removeClass(ABLED);
342 | }
343 | });
344 | }
345 |
346 | //触发工具
347 | ,toolActive = function(iframeWin, editor, set){
348 | var iframeDOM = iframeWin.document
349 | ,body = $(iframeDOM.body)
350 | ,toolEvent = {
351 | //超链接
352 | link: function(range){
353 | var container = getContainer(range)
354 | ,parentNode = $(container).parent();
355 |
356 | link.call(body, {
357 | href: parentNode.attr('href')
358 | ,target: parentNode.attr('target')
359 | }, function(field){
360 | var parent = parentNode[0];
361 | if(parent.tagName === 'A'){
362 | parent.href = field.url;
363 | } else {
364 | insertInline.call(iframeWin, 'a', {
365 | target: field.target
366 | ,href: field.url
367 | ,text: field.url
368 | }, range);
369 | }
370 | });
371 | }
372 | //清除超链接
373 | ,unlink: function(range){
374 | iframeDOM.execCommand('unlink');
375 | }
376 | //表情
377 | ,face: function(range){
378 | face.call(this, function(img){
379 | insertInline.call(iframeWin, 'img', {
380 | src: img.src
381 | ,alt: img.alt
382 | }, range);
383 | });
384 | }
385 | //图片
386 | ,image: function(range){
387 | var that = this;
388 | layui.use('upload', function(upload){
389 | var uploadImage = set.uploadImage || {};
390 | upload.render({
391 | url: uploadImage.url
392 | ,method: uploadImage.type
393 | ,elem: $(that).find('input')[0]
394 | ,done: function(res){
395 | if(res.code == 0){
396 | res.data = res.data || {};
397 | insertInline.call(iframeWin, 'img', {
398 | src: res.data.src
399 | ,alt: res.data.title
400 | }, range);
401 | } else {
402 | layer.msg(res.msg||'上传失败');
403 | }
404 | }
405 | });
406 | });
407 | }
408 | //插入代码
409 | ,code: function(range){
410 | code.call(body, function(pre){
411 | insertInline.call(iframeWin, 'pre', {
412 | text: pre.code
413 | ,'lay-lang': pre.lang
414 | }, range);
415 | });
416 | }
417 | //帮助
418 | ,help: function(){
419 | layer.open({
420 | type: 2
421 | ,title: '帮助'
422 | ,area: ['600px', '380px']
423 | ,shadeClose: true
424 | ,shade: 0.1
425 | ,skin: 'layui-layer-msg'
426 | ,content: ['http://www.layui.com/about/layedit/help.html', 'no']
427 | });
428 | }
429 | }
430 | ,tools = editor.find('.layui-layedit-tool')
431 |
432 | ,click = function(){
433 | var othis = $(this)
434 | ,events = othis.attr('layedit-event')
435 | ,command = othis.attr('lay-command');
436 |
437 | if(othis.hasClass(ABLED)) return;
438 |
439 | body.focus();
440 |
441 | var range = Range(iframeDOM)
442 | ,container = range.commonAncestorContainer
443 |
444 | if(command){
445 | iframeDOM.execCommand(command);
446 | if(/justifyLeft|justifyCenter|justifyRight/.test(command)){
447 | iframeDOM.execCommand('formatBlock', false, '
');
448 | }
449 | setTimeout(function(){
450 | body.focus();
451 | }, 10);
452 | } else {
453 | toolEvent[events] && toolEvent[events].call(this, range);
454 | }
455 | toolCheck.call(iframeWin, tools, othis);
456 | }
457 |
458 | ,isClick = /image/
459 |
460 | tools.find('>i').on('mousedown', function(){
461 | var othis = $(this)
462 | ,events = othis.attr('layedit-event');
463 | if(isClick.test(events)) return;
464 | click.call(this)
465 | }).on('click', function(){
466 | var othis = $(this)
467 | ,events = othis.attr('layedit-event');
468 | if(!isClick.test(events)) return;
469 | click.call(this)
470 | });
471 |
472 | //触发内容区域
473 | body.on('click', function(){
474 | toolCheck.call(iframeWin, tools);
475 | layer.close(face.index);
476 | });
477 | }
478 |
479 | //超链接面板
480 | ,link = function(options, callback){
481 | var body = this, index = layer.open({
482 | type: 1
483 | ,id: 'LAY_layedit_link'
484 | ,area: '350px'
485 | ,shade: 0.05
486 | ,shadeClose: true
487 | ,moveType: 1
488 | ,title: '超链接'
489 | ,skin: 'layui-layer-msg'
490 | ,content: ['
'
182 | ,function(){
183 | var plate = [];
184 | layui.each(config.layout, function(index, item){
185 | if(views[item]){
186 | plate.push(views[item])
187 | }
188 | });
189 | return plate.join('');
190 | }()
191 | ,'
'].join('');
192 | };
193 |
194 | //跳页的回调
195 | Class.prototype.jump = function(elem, isskip){
196 | if(!elem) return;
197 | var that = this
198 | ,config = that.config
199 | ,childs = elem.children
200 | ,btn = elem[tag]('button')[0]
201 | ,input = elem[tag]('input')[0]
202 | ,select = elem[tag]('select')[0]
203 | ,skip = function(){
204 | var curr = input.value.replace(/\s|\D/g, '')|0;
205 | if(curr){
206 | config.curr = curr;
207 | that.render();
208 | }
209 | };
210 |
211 | if(isskip) return skip();
212 |
213 | //页码
214 | for(var i = 0, len = childs.length; i < len; i++){
215 | if(childs[i].nodeName.toLowerCase() === 'a'){
216 | laypage.on(childs[i], 'click', function(){
217 | var curr = this.getAttribute('data-page')|0;
218 | if(curr < 1 || curr > config.pages) return;
219 | config.curr = curr;
220 | that.render();
221 | });
222 | }
223 | }
224 |
225 | //条数
226 | if(select){
227 | laypage.on(select, 'change', function(){
228 | var value = this.value;
229 | if(config.curr*value > config.count){
230 | config.curr = Math.ceil(config.count/value);
231 | }
232 | config.limit = value;
233 | that.render();
234 | });
235 | }
236 |
237 | //确定
238 | if(btn){
239 | laypage.on(btn, 'click', function(){
240 | skip();
241 | });
242 | }
243 | };
244 |
245 | //输入页数字控制
246 | Class.prototype.skip = function(elem){
247 | if(!elem) return;
248 | var that = this, input = elem[tag]('input')[0];
249 | if(!input) return;
250 | laypage.on(input, 'keyup', function(e){
251 | var value = this.value
252 | ,keyCode = e.keyCode;
253 | if(/^(37|38|39|40)$/.test(keyCode)) return;
254 | if(/\D/.test(value)){
255 | this.value = value.replace(/\D/, '');
256 | }
257 | if(keyCode === 13){
258 | that.jump(elem, true)
259 | }
260 | });
261 | };
262 |
263 | //渲染分页
264 | Class.prototype.render = function(load){
265 | var that = this
266 | ,config = that.config
267 | ,type = that.type()
268 | ,view = that.view();
269 |
270 | if(type === 2){
271 | config.elem && (config.elem.innerHTML = view);
272 | } else if(type === 3){
273 | config.elem.html(view);
274 | } else {
275 | if(doc[id](config.elem)){
276 | doc[id](config.elem).innerHTML = view;
277 | }
278 | }
279 |
280 | config.jump && config.jump(config, load);
281 |
282 | var elem = doc[id]('layui-laypage-' + config.index);
283 | that.jump(elem);
284 |
285 | if(config.hash && !load){
286 | location.hash = '!'+ config.hash +'='+ config.curr;
287 | }
288 |
289 | that.skip(elem);
290 | };
291 |
292 | //外部接口
293 | var laypage = {
294 | //分页渲染
295 | render: function(options){
296 | var o = new Class(options);
297 | return o.index;
298 | }
299 | ,index: layui.laypage ? (layui.laypage.index + 10000) : 0
300 | ,on: function(elem, even, fn){
301 | elem.attachEvent ? elem.attachEvent('on'+ even, function(e){ //for ie
302 | e.target = e.srcElement;
303 | fn.call(elem, e);
304 | }) : elem.addEventListener(even, fn, false);
305 | return this;
306 | }
307 | }
308 |
309 | exports(MOD_NAME, laypage);
310 | });
--------------------------------------------------------------------------------
/layui/lay/modules/laytpl.js:
--------------------------------------------------------------------------------
1 | /**
2 |
3 | @Name : layui.laytpl 模板引擎
4 | @Author：贤心
5 | @License：MIT
6 |
7 | */
8 |
9 | layui.define(function(exports){
10 |
11 | "use strict";
12 |
13 | var config = {
14 | open: '{{',
15 | close: '}}'
16 | };
17 |
18 | var tool = {
19 | exp: function(str){
20 | return new RegExp(str, 'g');
21 | },
22 | //匹配满足规则内容
23 | query: function(type, _, __){
24 | var types = [
25 | '#([\\s\\S])+?', //js语句
26 | '([^{#}])*?' //普通字段
27 | ][type || 0];
28 | return exp((_||'') + config.open + types + config.close + (__||''));
29 | },
30 | escape: function(html){
31 | return String(html||'').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&')
32 | .replace(//g, '>').replace(/'/g, ''').replace(/"/g, '"');
33 | },
34 | error: function(e, tplog){
35 | var error = 'Laytpl Error：';
36 | typeof console === 'object' && console.error(error + e + '\n'+ (tplog || ''));
37 | return error + e;
38 | }
39 | };
40 |
41 | var exp = tool.exp, Tpl = function(tpl){
42 | this.tpl = tpl;
43 | };
44 |
45 | Tpl.pt = Tpl.prototype;
46 |
47 | window.errors = 0;
48 |
49 | //编译模版
50 | Tpl.pt.parse = function(tpl, data){
51 | var that = this, tplog = tpl;
52 | var jss = exp('^'+config.open+'#', ''), jsse = exp(config.close+'$', '');
53 |
54 | tpl = tpl.replace(/\s+|\r|\t|\n/g, ' ')
55 | .replace(exp(config.open+'#'), config.open+'# ')
56 | .replace(exp(config.close+'}'), '} '+config.close).replace(/\\/g, '\\\\')
57 |
58 | //不匹配指定区域的内容
59 | .replace(exp(config.open + '!(.+?)!' + config.close), function(str){
60 | str = str.replace(exp('^'+ config.open + '!'), '')
61 | .replace(exp('!'+ config.close), '')
62 | .replace(exp(config.open + '|' + config.close), function(tag){
63 | return tag.replace(/(.)/g, '\\$1')
64 | });
65 | return str
66 | })
67 |
68 | //匹配JS规则内容
69 | .replace(/(?="|')/g, '\\').replace(tool.query(), function(str){
70 | str = str.replace(jss, '').replace(jsse, '');
71 | return '";' + str.replace(/\\/g, '') + ';view+="';
72 | })
73 |
74 | //匹配普通字段
75 | .replace(tool.query(1), function(str){
76 | var start = '"+(';
77 | if(str.replace(/\s/g, '') === config.open+config.close){
78 | return '';
79 | }
80 | str = str.replace(exp(config.open+'|'+config.close), '');
81 | if(/^=/.test(str)){
82 | str = str.replace(/^=/, '');
83 | start = '"+_escape_(';
84 | }
85 | return start + str.replace(/\\/g, '') + ')+"';
86 | });
87 |
88 | tpl = '"use strict";var view = "' + tpl + '";return view;';
89 |
90 | try{
91 | that.cache = tpl = new Function('d, _escape_', tpl);
92 | return tpl(data, tool.escape);
93 | } catch(e){
94 | delete that.cache;
95 | return tool.error(e, tplog);
96 | }
97 | };
98 |
99 | Tpl.pt.render = function(data, callback){
100 | var that = this, tpl;
101 | if(!data) return tool.error('no data');
102 | tpl = that.cache ? that.cache(data, tool.escape) : that.parse(that.tpl, data);
103 | if(!callback) return tpl;
104 | callback(tpl);
105 | };
106 |
107 | var laytpl = function(tpl){
108 | if(typeof tpl !== 'string') return tool.error('Template not found');
109 | return new Tpl(tpl);
110 | };
111 |
112 | laytpl.config = function(options){
113 | options = options || {};
114 | for(var i in options){
115 | config[i] = options[i];
116 | }
117 | };
118 |
119 | laytpl.v = '1.2.0';
120 |
121 | exports('laytpl', laytpl);
122 |
123 | });
--------------------------------------------------------------------------------
/layui/lay/modules/mobile.js:
--------------------------------------------------------------------------------
1 | /**
2 |
3 | @Name：layui 移动模块入口 | 构建后则为移动模块集合
4 | @Author：贤心
5 | @License：MIT
6 |
7 | */
8 |
9 |
10 | if(!layui['layui.mobile']){
11 | layui.config({
12 | base: layui.cache.dir + 'lay/modules/mobile/'
13 | }).extend({
14 | 'layer-mobile': 'layer-mobile'
15 | ,'zepto': 'zepto'
16 | ,'upload-mobile': 'upload-mobile'
17 | ,'layim-mobile': 'layim-mobile'
18 | });
19 | }
20 |
21 | layui.define([
22 | 'layer-mobile'
23 | ,'zepto'
24 | ,'layim-mobile'
25 | ], function(exports){
26 | exports('mobile', {
27 | layer: layui['layer-mobile'] //弹层
28 | ,layim: layui['layim-mobile'] //WebIM
29 | });
30 | });
--------------------------------------------------------------------------------
/layui/lay/modules/mobile/layer-mobile.js:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | @Name：layer mobile v2.0.0 弹层组件移动版
4 | @Author：贤心
5 | @Site：http://layer.layui.com/mobie/
6 | @License：MIT
7 |
8 | */
9 |
10 | layui.define(function(exports){
11 |
12 | "use strict";
13 |
14 | var win = window, doc = document, query = 'querySelectorAll', claname = 'getElementsByClassName', S = function(s){
15 | return doc[query](s);
16 | };
17 |
18 | //默认配置
19 | var config = {
20 | type: 0
21 | ,shade: true
22 | ,shadeClose: true
23 | ,fixed: true
24 | ,anim: 'scale' //默认动画类型
25 | };
26 |
27 | var ready = {
28 | extend: function(obj){
29 | var newobj = JSON.parse(JSON.stringify(config));
30 | for(var i in obj){
31 | newobj[i] = obj[i];
32 | }
33 | return newobj;
34 | },
35 | timer: {}, end: {}
36 | };
37 |
38 | //点触事件
39 | ready.touch = function(elem, fn){
40 | elem.addEventListener('click', function(e){
41 | fn.call(this, e);
42 | }, false);
43 | };
44 |
45 | var index = 0, classs = ['layui-m-layer'], Layer = function(options){
46 | var that = this;
47 | that.config = ready.extend(options);
48 | that.view();
49 | };
50 |
51 | Layer.prototype.view = function(){
52 | var that = this, config = that.config, layerbox = doc.createElement('div');
53 |
54 | that.id = layerbox.id = classs[0] + index;
55 | layerbox.setAttribute('class', classs[0] + ' ' + classs[0]+(config.type || 0));
56 | layerbox.setAttribute('index', index);
57 |
58 | //标题区域
59 | var title = (function(){
60 | var titype = typeof config.title === 'object';
61 | return config.title
62 | ? ' sliderWidth())left = sliderWidth();
298 | var reaLeft = left / sliderWidth() * 100 / step;
299 | change(reaLeft, index);
300 | othis.addClass(ELEM_HOVER);
301 | sliderAct.find('.' + SLIDER_TIPS).show();
302 | e.preventDefault();
303 | };
304 |
305 | var up = function(){
306 | othis.removeClass(ELEM_HOVER);
307 | sliderAct.find('.' + SLIDER_TIPS).hide();
308 | };
309 |
310 | createMoveElem(move, up)
311 | });
312 | });
313 |
314 | //点击滑块
315 | sliderAct.on('click', function(e){
316 | var main = $('.' + SLIDER_WRAP_BTN);
317 | if(!main.is(event.target) && main.has(event.target).length === 0 && main.length){
318 | var left = options.type === 'vertical' ? (sliderWidth() - e.clientY + $(this).offset().top):(e.clientX - $(this).offset().left), index;
319 | if(left < 0)left = 0;
320 | if(left > sliderWidth())left = sliderWidth();
321 | var reaLeft = left / sliderWidth() * 100 / step;
322 | if(options.range){
323 | if(options.type === 'vertical'){
324 | index = Math.abs(left - parseInt($(sliderWrap[0]).css('bottom'))) > Math.abs(left - parseInt($(sliderWrap[1]).css('bottom'))) ? 1 : 0;
325 | }else{
326 | index = Math.abs(left - sliderWrap[0].offsetLeft) > Math.abs(left - sliderWrap[1].offsetLeft) ? 1 : 0;
327 | }
328 | }else{
329 | index = 0;
330 | };
331 | change(reaLeft, index);
332 | e.preventDefault();
333 | }
334 | });
335 |
336 | //输入框移入事件
337 | sliderTxt.hover(function(){
338 | var othis = $(this);
339 | othis.children('.' + SLIDER_INPUT_BTN).fadeIn('fast');
340 | }, function(){
341 | var othis = $(this);
342 | othis.children('.' + SLIDER_INPUT_BTN).fadeOut('fast');
343 | });
344 |
345 | //点击加减输入框
346 | sliderTxt.children('.' + SLIDER_INPUT_BTN).children('i').each(function(index){
347 | $(this).on('click', function(){
348 | if(index == 1){
349 | inputValue = inputValue - options.step < options.min
350 | ? options.min
351 | : Number(inputValue) - options.step;
352 | }else{
353 | inputValue = Number(inputValue) + options.step > options.max
354 | ? options.max
355 | : Number(inputValue) + options.step;
356 | };
357 | var inputScale = (inputValue - options.min) / (options.max - options.min) * 100 / step;
358 | change(inputScale, 0);
359 | });
360 | });
361 |
362 | //获取输入框值
363 | var getInputValue = function(){
364 | var realValue = this.value;
365 | realValue = isNaN(realValue) ? 0 : realValue;
366 | realValue = realValue < options.min ? options.min : realValue;
367 | realValue = realValue > options.max ? options.max : realValue;
368 | this.value = realValue;
369 | var inputScale = (realValue - options.min) / (options.max - options.min) * 100 / step;
370 | change(inputScale, 0);
371 | };
372 | sliderTxt.children('.' + SLIDER_INPUT_TXT).children('input').on('keydown', function(e){
373 | if(e.keyCode === 13){
374 | e.preventDefault();
375 | getInputValue.call(this);
376 | }
377 | }).on('change', getInputValue);
378 | };
379 |
380 | //事件处理
381 | Class.prototype.events = function(){
382 | var that = this
383 | ,options = that.config;
384 | };
385 |
386 | //核心入口
387 | slider.render = function(options){
388 | var inst = new Class(options);
389 | return thisSlider.call(inst);
390 | };
391 |
392 | exports(MOD_NAME, slider);
393 | })
--------------------------------------------------------------------------------
/layui/lay/modules/tree.js:
--------------------------------------------------------------------------------
1 | /**
2 |
3 | @Name：layui.tree 树组件
4 | @Author：贤心
5 | @License：MIT
6 |
7 | */
8 |
9 |
10 | layui.define('jquery', function(exports){
11 | "use strict";
12 |
13 | var $ = layui.$
14 | ,hint = layui.hint();
15 |
16 | var enterSkin = 'layui-tree-enter', Tree = function(options){
17 | this.options = options;
18 | };
19 |
20 | //图标
21 | var icon = {
22 | arrow: ['', ''] //箭头
23 | ,checkbox: ['', ''] //复选框
24 | ,radio: ['', ''] //单选框
25 | ,branch: ['', ''] //父节点
26 | ,leaf: '' //叶节点
27 | };
28 |
29 | //初始化
30 | Tree.prototype.init = function(elem){
31 | var that = this;
32 | elem.addClass('layui-box layui-tree'); //添加tree样式
33 | if(that.options.skin){
34 | elem.addClass('layui-tree-skin-'+ that.options.skin);
35 | }
36 | that.tree(elem);
37 | that.on(elem);
38 | };
39 |
40 | //树节点解析
41 | Tree.prototype.tree = function(elem, children){
42 | var that = this, options = that.options
43 | var nodes = children || options.nodes;
44 |
45 | layui.each(nodes, function(index, item){
46 | var hasChild = item.children && item.children.length > 0;
47 | var ul = $('
');
48 | var li = $(['
'
49 | //展开箭头
50 | ,function(){
51 | return hasChild ? ''+ (
52 | item.spread ? icon.arrow[1] : icon.arrow[0]
53 | ) +'' : '';
54 | }()
55 |
56 | //复选框/单选框
57 | ,function(){
58 | return options.check ? (
59 | ''+ (
60 | options.check === 'checkbox' ? icon.checkbox[0] : (
61 | options.check === 'radio' ? icon.radio[0] : ''
62 | )
63 | ) +''
64 | ) : '';
65 | }()
66 |
67 | //节点
68 | ,function(){
69 | return ''
72 | + (''+ (
73 | hasChild ? (
74 | item.spread ? icon.branch[1] : icon.branch[0]
75 | ) : icon.leaf
76 | ) +'') //节点图标
77 | + (''+ (item.name||'未命名') +'');
78 | }()
79 |
80 | ,''].join(''));
81 |
82 | //如果有子节点，则递归继续生成树
83 | if(hasChild){
84 | li.append(ul);
85 | that.tree(ul, item.children);
86 | }
87 |
88 | elem.append(li);
89 |
90 | //触发点击节点回调
91 | typeof options.click === 'function' && that.click(li, item);
92 |
93 | //伸展节点
94 | that.spread(li, item);
95 |
96 | //拖拽节点
97 | options.drag && that.drag(li, item);
98 | });
99 | };
100 |
101 | //点击节点回调
102 | Tree.prototype.click = function(elem, item){
103 | var that = this, options = that.options;
104 | elem.children('a').on('click', function(e){
105 | layui.stope(e);
106 | options.click(item)
107 | });
108 | };
109 |
110 | //伸展节点
111 | Tree.prototype.spread = function(elem, item){
112 | var that = this, options = that.options;
113 | var arrow = elem.children('.layui-tree-spread')
114 | var ul = elem.children('ul'), a = elem.children('a');
115 |
116 | //执行伸展
117 | var open = function(){
118 | if(elem.data('spread')){
119 | elem.data('spread', null)
120 | ul.removeClass('layui-show');
121 | arrow.html(icon.arrow[0]);
122 | a.find('.layui-icon').html(icon.branch[0]);
123 | } else {
124 | elem.data('spread', true);
125 | ul.addClass('layui-show');
126 | arrow.html(icon.arrow[1]);
127 | a.find('.layui-icon').html(icon.branch[1]);
128 | }
129 | };
130 |
131 | //如果没有子节点，则不执行
132 | if(!ul[0]) return;
133 |
134 | arrow.on('click', open);
135 | a.on('dblclick', open);
136 | }
137 |
138 | //通用事件
139 | Tree.prototype.on = function(elem){
140 | var that = this, options = that.options;
141 | var dragStr = 'layui-tree-drag';
142 |
143 | //屏蔽选中文字
144 | elem.find('i').on('selectstart', function(e){
145 | return false
146 | });
147 |
148 | //拖拽
149 | if(options.drag){
150 | $(document).on('mousemove', function(e){
151 | var move = that.move;
152 | if(move.from){
153 | var to = move.to, treeMove = $('
');
154 | e.preventDefault();
155 | $('.' + dragStr)[0] || $('body').append(treeMove);
156 | var dragElem = $('.' + dragStr)[0] ? $('.' + dragStr) : treeMove;
157 | (dragElem).addClass('layui-show').html(move.from.elem.children('a').html());
158 | dragElem.css({
159 | left: e.pageX + 10
160 | ,top: e.pageY + 10
161 | })
162 | }
163 | }).on('mouseup', function(){
164 | var move = that.move;
165 | if(move.from){
166 | move.from.elem.children('a').removeClass(enterSkin);
167 | move.to && move.to.elem.children('a').removeClass(enterSkin);
168 | that.move = {};
169 | $('.' + dragStr).remove();
170 | }
171 | });
172 | }
173 | };
174 |
175 | //拖拽节点
176 | Tree.prototype.move = {};
177 | Tree.prototype.drag = function(elem, item){
178 | var that = this, options = that.options;
179 | var a = elem.children('a'), mouseenter = function(){
180 | var othis = $(this), move = that.move;
181 | if(move.from){
182 | move.to = {
183 | item: item
184 | ,elem: elem
185 | };
186 | othis.addClass(enterSkin);
187 | }
188 | };
189 | a.on('mousedown', function(){
190 | var move = that.move
191 | move.from = {
192 | item: item
193 | ,elem: elem
194 | };
195 | });
196 | a.on('mouseenter', mouseenter).on('mousemove', mouseenter)
197 | .on('mouseleave', function(){
198 | var othis = $(this), move = that.move;
199 | if(move.from){
200 | delete move.to;
201 | othis.removeClass(enterSkin);
202 | }
203 | });
204 | };
205 |
206 | //暴露接口
207 | exports('tree', function(options){
208 | var tree = new Tree(options = options || {});
209 | var elem = $(options.elem);
210 | if(!elem[0]){
211 | return hint.error('layui.tree 没有找到'+ options.elem +'元素');
212 | }
213 | tree.init(elem);
214 | });
215 | });
216 |
--------------------------------------------------------------------------------
/layui/lay/modules/upload.js:
--------------------------------------------------------------------------------
1 | /**
2 |
3 | @Title: layui.upload 文件上传
4 | @Author: 贤心
5 | @License：MIT
6 |
7 | */
8 |
9 | layui.define('layer' , function(exports){
10 | "use strict";
11 |
12 | var $ = layui.$
13 | ,layer = layui.layer
14 | ,hint = layui.hint()
15 | ,device = layui.device()
16 |
17 | //外部接口
18 | ,upload = {
19 | config: {} //全局配置项
20 |
21 | //设置全局项
22 | ,set: function(options){
23 | var that = this;
24 | that.config = $.extend({}, that.config, options);
25 | return that;
26 | }
27 |
28 | //事件监听
29 | ,on: function(events, callback){
30 | return layui.onevent.call(this, MOD_NAME, events, callback);
31 | }
32 | }
33 |
34 | //操作当前实例
35 | ,thisUpload = function(){
36 | var that = this;
37 | return {
38 | upload: function(files){
39 | that.upload.call(that, files);
40 | }
41 | ,config: that.config
42 | }
43 | }
44 |
45 | //字符常量
46 | ,MOD_NAME = 'upload', ELEM = '.layui-upload', THIS = 'layui-this', SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'layui-disabled'
47 |
48 | ,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'
49 |
50 |
51 | //构造器
52 | ,Class = function(options){
53 | var that = this;
54 | that.config = $.extend({}, that.config, upload.config, options);
55 | that.render();
56 | };
57 |
58 | //默认配置
59 | Class.prototype.config = {
60 | accept: 'images' //允许上传的文件类型：images/file/video/audio
61 | ,exts: '' //允许上传的文件后缀名
62 | ,auto: true //是否选完文件后自动上传
63 | ,bindAction: '' //手动上传触发的元素
64 | ,url: '' //上传地址
65 | ,field: 'file' //文件字段名
66 | ,method: 'post' //请求上传的 http 类型
67 | ,data: {} //请求上传的额外参数
68 | ,drag: true //是否允许拖拽上传
69 | ,size: 0 //文件限制大小，默认不限制
70 | ,number: 0 //允许同时上传的文件数，默认不限制
71 | ,multiple: false //是否允许多文件上传，不支持ie8-9
72 | };
73 |
74 | //初始渲染
75 | Class.prototype.render = function(options){
76 | var that = this
77 | ,options = that.config;
78 |
79 | options.elem = $(options.elem);
80 | options.bindAction = $(options.bindAction);
81 |
82 | that.file();
83 | that.events();
84 | };
85 |
86 | //追加文件域
87 | Class.prototype.file = function(){
88 | var that = this
89 | ,options = that.config
90 | ,elemFile = that.elemFile = $([
91 | '
'
94 | ].join(''))
95 | ,next = options.elem.next();
96 |
97 | if(next.hasClass(ELEM_FILE) || next.hasClass(ELEM_FORM)){
98 | next.remove();
99 | }
100 |
101 | //包裹ie8/9容器
102 | if(device.ie && device.ie < 10){
103 | options.elem.wrap('
');
104 | }
105 |
106 | that.isFile() ? (
107 | that.elemFile = options.elem
108 | ,options.field = options.elem[0].name
109 | ) : options.elem.after(elemFile);
110 |
111 | //初始化ie8/9的Form域
112 | if(device.ie && device.ie < 10){
113 | that.initIE();
114 | }
115 | };
116 |
117 | //ie8-9初始化
118 | Class.prototype.initIE = function(){
119 | var that = this
120 | ,options = that.config
121 | ,iframe = $('
')
122 | ,elemForm = $(['
'].join(''));
124 |
125 | //插入iframe
126 | $('#'+ ELEM_IFRAME)[0] || $('body').append(iframe);
127 |
128 | //包裹文件域
129 | if(!options.elem.next().hasClass(ELEM_FORM)){
130 | that.elemFile.wrap(elemForm);
131 |
132 | //追加额外的参数
133 | options.elem.next('.'+ ELEM_FORM).append(function(){
134 | var arr = [];
135 | layui.each(options.data, function(key, value){
136 | value = typeof value === 'function' ? value() : value;
137 | arr.push('
')
138 | });
139 | return arr.join('');
140 | }());
141 | }
142 | };
143 |
144 | //异常提示
145 | Class.prototype.msg = function(content){
146 | return layer.msg(content, {
147 | icon: 2
148 | ,shift: 6
149 | });
150 | };
151 |
152 | //判断绑定元素是否为文件域本身
153 | Class.prototype.isFile = function(){
154 | var elem = this.config.elem[0];
155 | if(!elem) return;
156 | return elem.tagName.toLocaleLowerCase() === 'input' && elem.type === 'file'
157 | }
158 |
159 | //预读图片信息
160 | Class.prototype.preview = function(callback){
161 | var that = this;
162 | if(window.FileReader){
163 | layui.each(that.chooseFiles, function(index, file){
164 | var reader = new FileReader();
165 | reader.readAsDataURL(file);
166 | reader.onload = function(){
167 | callback && callback(index, file, this.result);
168 | }
169 | });
170 | }
171 | };
172 |
173 | //执行上传
174 | Class.prototype.upload = function(files, type){
175 | var that = this
176 | ,options = that.config
177 | ,elemFile = that.elemFile[0]
178 |
179 | //高级浏览器处理方式，支持跨域
180 | ,ajaxSend = function(){
181 | var successful = 0, aborted = 0
182 | ,items = files || that.files || that.chooseFiles || elemFile.files
183 | ,allDone = function(){ //多文件全部上传完毕的回调
184 | if(options.multiple && successful + aborted === that.fileLength){
185 | typeof options.allDone === 'function' && options.allDone({
186 | total: that.fileLength
187 | ,successful: successful
188 | ,aborted: aborted
189 | });
190 | }
191 | };
192 | layui.each(items, function(index, file){
193 | var formData = new FormData();
194 |
195 | formData.append(options.field, file);
196 |
197 | //追加额外的参数
198 | layui.each(options.data, function(key, value){
199 | value = typeof value === 'function' ? value() : value;
200 | formData.append(key, value);
201 | });
202 |
203 | //提交文件
204 | $.ajax({
205 | url: options.url
206 | ,type: 'post'
207 | ,data: formData
208 | ,contentType: false
209 | ,processData: false
210 | ,dataType: 'json'
211 | ,headers: options.headers || {}
212 | ,success: function(res){
213 | successful++;
214 | done(index, res);
215 | allDone();
216 | }
217 | ,error: function(){
218 | aborted++;
219 | that.msg('请求上传接口出现异常');
220 | error(index);
221 | allDone();
222 | }
223 | });
224 | });
225 | }
226 |
227 | //低版本IE处理方式，不支持跨域
228 | ,iframeSend = function(){
229 | var iframe = $('#'+ ELEM_IFRAME);
230 |
231 | that.elemFile.parent().submit();
232 |
233 | //获取响应信息
234 | clearInterval(Class.timer);
235 | Class.timer = setInterval(function() {
236 | var res, iframeBody = iframe.contents().find('body');
237 | try {
238 | res = iframeBody.text();
239 | } catch(e) {
240 | that.msg('获取上传后的响应信息出现异常');
241 | clearInterval(Class.timer);
242 | error();
243 | }
244 | if(res){
245 | clearInterval(Class.timer);
246 | iframeBody.html('');
247 | done(0, res);
248 | }
249 | }, 30);
250 | }
251 |
252 | //统一回调
253 | ,done = function(index, res){
254 | that.elemFile.next('.'+ ELEM_CHOOSE).remove();
255 | elemFile.value = '';
256 | if(typeof res !== 'object'){
257 | try {
258 | res = JSON.parse(res);
259 | } catch(e){
260 | res = {};
261 | return that.msg('请对上传接口返回有效JSON');
262 | }
263 | }
264 | typeof options.done === 'function' && options.done(res, index || 0, function(files){
265 | that.upload(files);
266 | });
267 | }
268 |
269 | //统一网络异常回调
270 | ,error = function(index){
271 | if(options.auto){
272 | elemFile.value = '';
273 | }
274 | typeof options.error === 'function' && options.error(index || 0, function(files){
275 | that.upload(files);
276 | });
277 | }
278 |
279 | ,exts = options.exts
280 | ,check ,value = function(){
281 | var arr = [];
282 | layui.each(files || that.chooseFiles, function(i, item){
283 | arr.push(item.name);
284 | });
285 | return arr;
286 | }()
287 |
288 | //回调返回的参数
289 | ,args = {
290 | //预览
291 | preview: function(callback){
292 | that.preview(callback);
293 | }
294 | //上传
295 | ,upload: function(index, file){
296 | var thisFile = {};
297 | thisFile[index] = file;
298 | that.upload(thisFile);
299 | }
300 | //追加文件到队列
301 | ,pushFile: function(){
302 | that.files = that.files || {};
303 | layui.each(that.chooseFiles, function(index, item){
304 | that.files[index] = item;
305 | });
306 | return that.files;
307 | }
308 | //重置文件
309 | ,resetFile: function(index, file, filename){
310 | var newFile = new File([file], filename);
311 | that.files = that.files || {};
312 | that.files[index] = newFile;
313 | }
314 | }
315 |
316 | //提交上传
317 | ,send = function(){
318 | //选择文件的回调
319 | if(type === 'choose' || options.auto){
320 | options.choose && options.choose(args);
321 | if(type === 'choose'){
322 | return;
323 | }
324 | }
325 |
326 | //上传前的回调
327 | options.before && options.before(args);
328 |
329 | //IE兼容处理
330 | if(device.ie){
331 | return device.ie > 9 ? ajaxSend() : iframeSend();
332 | }
333 |
334 | ajaxSend();
335 | }
336 |
337 | //校验文件格式
338 | value = value.length === 0
339 | ? ((elemFile.value.match(/[^\/\\]+\..+/g)||[]) || '')
340 | : value;
341 |
342 | if(value.length === 0) return;
343 |
344 | switch(options.accept){
345 | case 'file': //一般文件
346 | if(exts && !RegExp('\\w\\.('+ exts +')$', 'i').test(escape(value))){
347 | that.msg('选择的文件中包含不支持的格式');
348 | return elemFile.value = '';
349 | }
350 | break;
351 | case 'video': //视频文件
352 | if(!RegExp('\\w\\.('+ (exts || 'avi|mp4|wma|rmvb|rm|flash|3gp|flv') +')$', 'i').test(escape(value))){
353 | that.msg('选择的视频中包含不支持的格式');
354 | return elemFile.value = '';
355 | }
356 | break;
357 | case 'audio': //音频文件
358 | if(!RegExp('\\w\\.('+ (exts || 'mp3|wav|mid') +')$', 'i').test(escape(value))){
359 | that.msg('选择的音频中包含不支持的格式');
360 | return elemFile.value = '';
361 | }
362 | break;
363 | default: //图片文件
364 | layui.each(value, function(i, item){
365 | if(!RegExp('\\w\\.('+ (exts || 'jpg|png|gif|bmp|jpeg$') +')', 'i').test(escape(item))){
366 | check = true;
367 | }
368 | });
369 | if(check){
370 | that.msg('选择的图片中包含不支持的格式');
371 | return elemFile.value = '';
372 | }
373 | break;
374 | }
375 |
376 | //检验文件数量
377 | that.fileLength = function(){
378 | var length = 0
379 | ,items = files || that.files || that.chooseFiles || elemFile.files;
380 | layui.each(items, function(){
381 | length++;
382 | });
383 | return length;
384 | }();
385 | if(options.number && that.fileLength > options.number){
386 | return that.msg('同时最多只能上传的数量为：'+ options.number);
387 | }
388 |
389 | //检验文件大小
390 | if(options.size > 0 && !(device.ie && device.ie < 10)){
391 | var limitSize;
392 |
393 | layui.each(that.chooseFiles, function(index, file){
394 | if(file.size > 1024*options.size){
395 | var size = options.size/1024;
396 | size = size >= 1 ? (size.toFixed(2) + 'MB') : options.size + 'KB'
397 | elemFile.value = '';
398 | limitSize = size;
399 | }
400 | });
401 | if(limitSize) return that.msg('文件不能超过'+ limitSize);
402 | }
403 | send();
404 | };
405 |
406 | //事件处理
407 | Class.prototype.events = function(){
408 | var that = this
409 | ,options = that.config
410 |
411 | //设置当前选择的文件队列
412 | ,setChooseFile = function(files){
413 | that.chooseFiles = {};
414 | layui.each(files, function(i, item){
415 | var time = new Date().getTime();
416 | that.chooseFiles[time + '-' + i] = item;
417 | });
418 | }
419 |
420 | //设置选择的文本
421 | ,setChooseText = function(files, filename){
422 | var elemFile = that.elemFile
423 | ,value = files.length > 1
424 | ? files.length + '个文件'
425 | : ((files[0] || {}).name || (elemFile[0].value.match(/[^\/\\]+\..+/g)||[]) || '');
426 |
427 | if(elemFile.next().hasClass(ELEM_CHOOSE)){
428 | elemFile.next().remove();
429 | }
430 | that.upload(null, 'choose');
431 | if(that.isFile() || options.choose) return;
432 | elemFile.after('
'+ value +'');
433 | };
434 |
435 | //点击上传容器
436 | options.elem.off('upload.start').on('upload.start', function(){
437 | var othis = $(this), data = othis.attr('lay-data');
438 |
439 | if(data){
440 | try{
441 | data = new Function('return '+ data)();
442 | that.config = $.extend({}, options, data);
443 | } catch(e){
444 | hint.error('Upload element property lay-data configuration item has a syntax error: ' + data)
445 | }
446 | }
447 |
448 | that.config.item = othis;
449 | that.elemFile[0].click();
450 | });
451 |
452 | //拖拽上传
453 | if(!(device.ie && device.ie < 10)){
454 | options.elem.off('upload.over').on('upload.over', function(){
455 | var othis = $(this)
456 | othis.attr('lay-over', '');
457 | })
458 | .off('upload.leave').on('upload.leave', function(){
459 | var othis = $(this)
460 | othis.removeAttr('lay-over');
461 | })
462 | .off('upload.drop').on('upload.drop', function(e, param){
463 | var othis = $(this), files = param.originalEvent.dataTransfer.files || [];
464 |
465 | othis.removeAttr('lay-over');
466 | setChooseFile(files);
467 |
468 | if(options.auto){
469 | that.upload(files);
470 | } else {
471 | setChooseText(files);
472 | }
473 | });
474 | }
475 |
476 | //文件选择
477 | that.elemFile.off('upload.change').on('upload.change', function(){
478 | var files = this.files || [];
479 | setChooseFile(files);
480 | options.auto ? that.upload() : setChooseText(files); //是否自动触发上传
481 | });
482 |
483 | //手动触发上传
484 | options.bindAction.off('upload.action').on('upload.action', function(){
485 | that.upload();
486 | });
487 |
488 | //防止事件重复绑定
489 | if(options.elem.data('haveEvents')) return;
490 |
491 | that.elemFile.on('change', function(){
492 | $(this).trigger('upload.change');
493 | });
494 |
495 | options.elem.on('click', function(){
496 | if(that.isFile()) return;
497 | $(this).trigger('upload.start');
498 | });
499 |
500 | if(options.drag){
501 | options.elem.on('dragover', function(e){
502 | e.preventDefault();
503 | $(this).trigger('upload.over');
504 | }).on('dragleave', function(e){
505 | $(this).trigger('upload.leave');
506 | }).on('drop', function(e){
507 | e.preventDefault();
508 | $(this).trigger('upload.drop', e);
509 | });
510 | }
511 |
512 | options.bindAction.on('click', function(){
513 | $(this).trigger('upload.action');
514 | });
515 |
516 | options.elem.data('haveEvents', true);
517 | };
518 |
519 | //核心入口
520 | upload.render = function(options){
521 | var inst = new Class(options);
522 | return thisUpload.call(inst);
523 | };
524 |
525 | exports(MOD_NAME, upload);
526 | });
527 |
528 |
--------------------------------------------------------------------------------
/layui/lay/modules/util.js:
--------------------------------------------------------------------------------
1 | /**
2 |
3 | @Name：layui.util 工具集
4 | @Author：贤心
5 | @License：MIT
6 |
7 | */
8 |
9 | layui.define('jquery', function(exports){
10 | "use strict";
11 |
12 | var $ = layui.$
13 |
14 | //外部接口
15 | ,util = {
16 | //固定块
17 | fixbar: function(options){
18 | var ELEM = 'layui-fixbar', TOP_BAR = 'layui-fixbar-top'
19 | ,dom = $(document), body = $('body')
20 | ,is, timer;
21 |
22 | options = $.extend({
23 | showHeight: 200 //出现TOP的滚动条高度临界值
24 | }, options);
25 |
26 | options.bar1 = options.bar1 === true ? '' : options.bar1;
27 | options.bar2 = options.bar2 === true ? '' : options.bar2;
28 | options.bgcolor = options.bgcolor ? ('background-color:' + options.bgcolor) : '';
29 |
30 | var icon = [options.bar1, options.bar2, ''] //图标：信息、问号、TOP
31 | ,elem = $(['
'
32 | ,options.bar1 ? '- '+ icon[0] +'
' : ''
33 | ,options.bar2 ? '- '+ icon[1] +'
' : ''
34 | ,'- '+ icon[2] +'
'
35 | ,'
'].join(''))
36 | ,topBar = elem.find('.'+TOP_BAR)
37 | ,scroll = function(){
38 | var stop = dom.scrollTop();
39 | if(stop >= (options.showHeight)){
40 | is || (topBar.show(), is = 1);
41 | } else {
42 | is && (topBar.hide(), is = 0);
43 | }
44 | };
45 | if($('.'+ ELEM)[0]) return;
46 |
47 | typeof options.css === 'object' && elem.css(options.css);
48 | body.append(elem), scroll();
49 |
50 | //bar点击事件
51 | elem.find('li').on('click', function(){
52 | var othis = $(this), type = othis.attr('lay-type');
53 | if(type === 'top'){
54 | $('html,body').animate({
55 | scrollTop : 0
56 | }, 200);
57 | }
58 | options.click && options.click.call(this, type);
59 | });
60 |
61 | //Top显示控制
62 | dom.on('scroll', function(){
63 | clearTimeout(timer);
64 | timer = setTimeout(function(){
65 | scroll();
66 | }, 100);
67 | });
68 | }
69 |
70 | //倒计时
71 | ,countdown: function(endTime, serverTime, callback){
72 | var that = this
73 | ,type = typeof serverTime === 'function'
74 | ,end = new Date(endTime).getTime()
75 | ,now = new Date((!serverTime || type) ? new Date().getTime() : serverTime).getTime()
76 | ,count = end - now
77 | ,time = [
78 | Math.floor(count/(1000*60*60*24)) //天
79 | ,Math.floor(count/(1000*60*60)) % 24 //时
80 | ,Math.floor(count/(1000*60)) % 60 //分
81 | ,Math.floor(count/1000) % 60 //秒
82 | ];
83 |
84 | if(type) callback = serverTime;
85 |
86 | var timer = setTimeout(function(){
87 | that.countdown(endTime, now + 1000, callback);
88 | }, 1000);
89 |
90 | callback && callback(count > 0 ? time : [0,0,0,0], serverTime, timer);
91 |
92 | if(count <= 0) clearTimeout(timer);
93 | return timer;
94 | }
95 |
96 | //某个时间在当前时间的多久前
97 | ,timeAgo: function(time, onlyDate){
98 | var that = this
99 | ,arr = [[], []]
100 | ,stamp = new Date().getTime() - new Date(time).getTime();
101 |
102 | //返回具体日期
103 | if(stamp > 1000*60*60*24*8){
104 | stamp = new Date(time);
105 | arr[0][0] = that.digit(stamp.getFullYear(), 4);
106 | arr[0][1] = that.digit(stamp.getMonth() + 1);
107 | arr[0][2] = that.digit(stamp.getDate());
108 |
109 | //是否输出时间
110 | if(!onlyDate){
111 | arr[1][0] = that.digit(stamp.getHours());
112 | arr[1][1] = that.digit(stamp.getMinutes());
113 | arr[1][2] = that.digit(stamp.getSeconds());
114 | }
115 | return arr[0].join('-') + ' ' + arr[1].join(':');
116 | }
117 |
118 | //30天以内，返回“多久前”
119 | if(stamp >= 1000*60*60*24){
120 | return ((stamp/1000/60/60/24)|0) + '天前';
121 | } else if(stamp >= 1000*60*60){
122 | return ((stamp/1000/60/60)|0) + '小时前';
123 | } else if(stamp >= 1000*60*2){ //2分钟以内为：刚刚
124 | return ((stamp/1000/60)|0) + '分钟前';
125 | } else if(stamp < 0){
126 | return '未来';
127 | } else {
128 | return '刚刚';
129 | }
130 | }
131 |
132 | //数字前置补零
133 | ,digit: function(num, length){
134 | var str = '';
135 | num = String(num);
136 | length = length || 2;
137 | for(var i = num.length; i < length; i++){
138 | str += '0';
139 | }
140 | return num < Math.pow(10, length) ? str + (num|0) : num;
141 | }
142 |
143 | //转化为日期格式字符
144 | ,toDateString: function(time, format){
145 | var that = this
146 | ,date = new Date(time || new Date())
147 | ,ymd = [
148 | that.digit(date.getFullYear(), 4)
149 | ,that.digit(date.getMonth() + 1)
150 | ,that.digit(date.getDate())
151 | ]
152 | ,hms = [
153 | that.digit(date.getHours())
154 | ,that.digit(date.getMinutes())
155 | ,that.digit(date.getSeconds())
156 | ];
157 |
158 | format = format || 'yyyy-MM-dd HH:mm:ss';
159 |
160 | return format.replace(/yyyy/g, ymd[0])
161 | .replace(/MM/g, ymd[1])
162 | .replace(/dd/g, ymd[2])
163 | .replace(/HH/g, hms[0])
164 | .replace(/mm/g, hms[1])
165 | .replace(/ss/g, hms[2]);
166 | }
167 |
168 | //防 xss 攻击
169 | ,escape: function(html){
170 | return String(html || '').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&')
171 | .replace(//g, '>')
172 | .replace(/'/g, ''').replace(/"/g, '"');
173 | }
174 | };
175 |
176 | //监听 DOM 尺寸变化，该创意来自：http://benalman.com/projects/jquery-resize-plugin/
177 | !function(a,b,c){"$:nomunge";function l(){f=b[g](function(){d.each(function(){var b=a(this),c=b.width(),d=b.height(),e=a.data(this,i);(c!==e.w||d!==e.h)&&b.trigger(h,[e.w=c,e.h=d])}),l()},e[j])}var f,d=a([]),e=a.resize=a.extend(a.resize,{}),g="setTimeout",h="resize",i=h+"-special-event",j="delay",k="throttleWindow";e[j]=250,e[k]=!0,a.event.special[h]={setup:function(){if(!e[k]&&this[g])return!1;var b=a(this);d=d.add(b),a.data(this,i,{w:b.width(),h:b.height()}),1===d.length&&l()},teardown:function(){if(!e[k]&&this[g])return!1;var b=a(this);d=d.not(b),b.removeData(i),d.length||clearTimeout(f)},add:function(b){function f(b,e,f){var g=a(this),h=a.data(this,i)||{};h.w=e!==c?e:g.width(),h.h=f!==c?f:g.height(),d.apply(this,arguments)}if(!e[k]&&this[g])return!1;var d;return a.isFunction(b)?(d=b,f):(d=b.handler,b.handler=f,void 0)}}}($,window);
178 |
179 | //暴露接口
180 | exports('util', util);
181 | });
--------------------------------------------------------------------------------
/layui/layui.js:
--------------------------------------------------------------------------------
1 | /*!
2 |
3 | @Title: Layui
4 | @Description：经典模块化前端框架
5 | @Site: www.layui.com
6 | @Author: 贤心
7 | @License：MIT
8 |
9 | */
10 |
11 | ;!function(win){
12 | "use strict";
13 |
14 | var doc = document, config = {
15 | modules: {} //记录模块物理路径
16 | ,status: {} //记录模块加载状态
17 | ,timeout: 10 //符合规范的模块请求最长等待秒数
18 | ,event: {} //记录模块自定义事件
19 | }
20 |
21 | ,Layui = function(){
22 | this.v = '2.4.5'; //版本号
23 | }
24 |
25 | //获取layui所在目录
26 | ,getPath = function(){
27 | var jsPath = doc.currentScript ? doc.currentScript.src : function(){
28 | var js = doc.scripts
29 | ,last = js.length - 1
30 | ,src;
31 | for(var i = last; i > 0; i--){
32 | if(js[i].readyState === 'interactive'){
33 | src = js[i].src;
34 | break;
35 | }
36 | }
37 | return src || js[last].src;
38 | }();
39 | return jsPath.substring(0, jsPath.lastIndexOf('/') + 1);
40 | }()
41 |
42 | //异常提示
43 | ,error = function(msg){
44 | win.console && console.error && console.error('Layui hint: ' + msg);
45 | }
46 |
47 | ,isOpera = typeof opera !== 'undefined' && opera.toString() === '[object Opera]'
48 |
49 | //内置模块
50 | ,modules = {
51 | layer: 'modules/layer' //弹层
52 | ,laydate: 'modules/laydate' //日期
53 | ,laypage: 'modules/laypage' //分页
54 | ,laytpl: 'modules/laytpl' //模板引擎
55 | ,layim: 'modules/layim' //web通讯
56 | ,layedit: 'modules/layedit' //富文本编辑器
57 | ,form: 'modules/form' //表单集
58 | ,upload: 'modules/upload' //上传
59 | ,tree: 'modules/tree' //树结构
60 | ,table: 'modules/table' //表格
61 | ,element: 'modules/element' //常用元素操作
62 | ,rate: 'modules/rate' //评分组件
63 | ,colorpicker: 'modules/colorpicker' //颜色选择器
64 | ,slider: 'modules/slider' //滑块
65 | ,carousel: 'modules/carousel' //轮播
66 | ,flow: 'modules/flow' //流加载
67 | ,util: 'modules/util' //工具块
68 | ,code: 'modules/code' //代码修饰器
69 | ,jquery: 'modules/jquery' //DOM库（第三方）
70 |
71 | ,mobile: 'modules/mobile' //移动大模块 | 若当前为开发目录，则为移动模块入口，否则为移动模块集合
72 | ,'layui.all': '../layui.all' //PC模块合并版
73 | };
74 |
75 | //记录基础数据
76 | Layui.prototype.cache = config;
77 |
78 | //定义模块
79 | Layui.prototype.define = function(deps, factory){
80 | var that = this
81 | ,type = typeof deps === 'function'
82 | ,callback = function(){
83 | var setApp = function(app, exports){
84 | layui[app] = exports;
85 | config.status[app] = true;
86 | };
87 | typeof factory === 'function' && factory(function(app, exports){
88 | setApp(app, exports);
89 | config.callback[app] = function(){
90 | factory(setApp);
91 | }
92 | });
93 | return this;
94 | };
95 |
96 | type && (
97 | factory = deps,
98 | deps = []
99 | );
100 |
101 | if(layui['layui.all'] || (!layui['layui.all'] && layui['layui.mobile'])){
102 | return callback.call(that);
103 | }
104 |
105 | that.use(deps, callback);
106 | return that;
107 | };
108 |
109 | //使用特定模块
110 | Layui.prototype.use = function(apps, callback, exports){
111 | var that = this
112 | ,dir = config.dir = config.dir ? config.dir : getPath
113 | ,head = doc.getElementsByTagName('head')[0];
114 |
115 | apps = typeof apps === 'string' ? [apps] : apps;
116 |
117 | //如果页面已经存在jQuery1.7+库且所定义的模块依赖jQuery，则不加载内部jquery模块
118 | if(window.jQuery && jQuery.fn.on){
119 | that.each(apps, function(index, item){
120 | if(item === 'jquery'){
121 | apps.splice(index, 1);
122 | }
123 | });
124 | layui.jquery = layui.$ = jQuery;
125 | }
126 |
127 | var item = apps[0]
128 | ,timeout = 0;
129 | exports = exports || [];
130 |
131 | //静态资源host
132 | config.host = config.host || (dir.match(/\/\/([\s\S]+?)\//)||['//'+ location.host +'/'])[0];
133 |
134 | //加载完毕
135 | function onScriptLoad(e, url){
136 | var readyRegExp = navigator.platform === 'PLaySTATION 3' ? /^complete$/ : /^(complete|loaded)$/
137 | if (e.type === 'load' || (readyRegExp.test((e.currentTarget || e.srcElement).readyState))) {
138 | config.modules[item] = url;
139 | head.removeChild(node);
140 | (function poll() {
141 | if(++timeout > config.timeout * 1000 / 4){
142 | return error(item + ' is not a valid module');
143 | };
144 | config.status[item] ? onCallback() : setTimeout(poll, 4);
145 | }());
146 | }
147 | }
148 |
149 | //回调
150 | function onCallback(){
151 | exports.push(layui[item]);
152 | apps.length > 1 ?
153 | that.use(apps.slice(1), callback, exports)
154 | : ( typeof callback === 'function' && callback.apply(layui, exports) );
155 | }
156 |
157 | //如果使用了 layui.all.js
158 | if(apps.length === 0
159 | || (layui['layui.all'] && modules[item])
160 | || (!layui['layui.all'] && layui['layui.mobile'] && modules[item])
161 | ){
162 | return onCallback(), that;
163 | }
164 |
165 | //首次加载模块
166 | if(!config.modules[item]){
167 | var node = doc.createElement('script')
168 |
169 | //如果是内置模块，则按照 dir 参数拼接模块路径
170 | //如果是扩展模块，则判断模块路径值是否为 {/} 开头，
171 | //如果路径值是 {/} 开头，则模块路径即为后面紧跟的字符。
172 | //否则，则按照 base 参数拼接模块路径
173 | ,url = ( modules[item] ? (dir + 'lay/')
174 | : (/^\{\/\}/.test(that.modules[item]) ? '' : (config.base || ''))
175 | ) + (that.modules[item] || item) + '.js';
176 |
177 | url = url.replace(/^\{\/\}/, '');
178 |
179 | node.async = true;
180 | node.charset = 'utf-8';
181 | node.src = url + function(){
182 | var version = config.version === true
183 | ? (config.v || (new Date()).getTime())
184 | : (config.version||'');
185 | return version ? ('?v=' + version) : '';
186 | }();
187 |
188 | head.appendChild(node);
189 |
190 | if(node.attachEvent && !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code') < 0) && !isOpera){
191 | node.attachEvent('onreadystatechange', function(e){
192 | onScriptLoad(e, url);
193 | });
194 | } else {
195 | node.addEventListener('load', function(e){
196 | onScriptLoad(e, url);
197 | }, false);
198 | }
199 |
200 | config.modules[item] = url;
201 | } else { //缓存
202 | (function poll() {
203 | if(++timeout > config.timeout * 1000 / 4){
204 | return error(item + ' is not a valid module');
205 | };
206 | (typeof config.modules[item] === 'string' && config.status[item])
207 | ? onCallback()
208 | : setTimeout(poll, 4);
209 | }());
210 | }
211 |
212 | return that;
213 | };
214 |
215 | //获取节点的style属性值
216 | Layui.prototype.getStyle = function(node, name){
217 | var style = node.currentStyle ? node.currentStyle : win.getComputedStyle(node, null);
218 | return style[style.getPropertyValue ? 'getPropertyValue' : 'getAttribute'](name);
219 | };
220 |
221 | //css外部加载器
222 | Layui.prototype.link = function(href, fn, cssname){
223 | var that = this
224 | ,link = doc.createElement('link')
225 | ,head = doc.getElementsByTagName('head')[0];
226 |
227 | if(typeof fn === 'string') cssname = fn;
228 |
229 | var app = (cssname || href).replace(/\.|\//g, '')
230 | ,id = link.id = 'layuicss-'+app
231 | ,timeout = 0;
232 |
233 | link.rel = 'stylesheet';
234 | link.href = href + (config.debug ? '?v='+new Date().getTime() : '');
235 | link.media = 'all';
236 |
237 | if(!doc.getElementById(id)){
238 | head.appendChild(link);
239 | }
240 |
241 | if(typeof fn !== 'function') return that;
242 |
243 | //轮询css是否加载完毕
244 | (function poll() {
245 | if(++timeout > config.timeout * 1000 / 100){
246 | return error(href + ' timeout');
247 | };
248 | parseInt(that.getStyle(doc.getElementById(id), 'width')) === 1989 ? function(){
249 | fn();
250 | }() : setTimeout(poll, 100);
251 | }());
252 |
253 | return that;
254 | };
255 |
256 | //存储模块的回调
257 | config.callback = {};
258 |
259 | //重新执行模块的工厂函数
260 | Layui.prototype.factory = function(modName){
261 | if(layui[modName]){
262 | return typeof config.callback[modName] === 'function'
263 | ? config.callback[modName]
264 | : null;
265 | }
266 | };
267 |
268 | //css内部加载器
269 | Layui.prototype.addcss = function(firename, fn, cssname){
270 | return layui.link(config.dir + 'css/' + firename, fn, cssname);
271 | };
272 |
273 | //图片预加载
274 | Layui.prototype.img = function(url, callback, error) {
275 | var img = new Image();
276 | img.src = url;
277 | if(img.complete){
278 | return callback(img);
279 | }
280 | img.onload = function(){
281 | img.onload = null;
282 | typeof callback === 'function' && callback(img);
283 | };
284 | img.onerror = function(e){
285 | img.onerror = null;
286 | typeof error === 'function' && error(e);
287 | };
288 | };
289 |
290 | //全局配置
291 | Layui.prototype.config = function(options){
292 | options = options || {};
293 | for(var key in options){
294 | config[key] = options[key];
295 | }
296 | return this;
297 | };
298 |
299 | //记录全部模块
300 | Layui.prototype.modules = function(){
301 | var clone = {};
302 | for(var o in modules){
303 | clone[o] = modules[o];
304 | }
305 | return clone;
306 | }();
307 |
308 | //拓展模块
309 | Layui.prototype.extend = function(options){
310 | var that = this;
311 |
312 | //验证模块是否被占用
313 | options = options || {};
314 | for(var o in options){
315 | if(that[o] || that.modules[o]){
316 | error('\u6A21\u5757\u540D '+ o +' \u5DF2\u88AB\u5360\u7528');
317 | } else {
318 | that.modules[o] = options[o];
319 | }
320 | }
321 |
322 | return that;
323 | };
324 |
325 | //路由解析
326 | Layui.prototype.router = function(hash){
327 | var that = this
328 | ,hash = hash || location.hash
329 | ,data = {
330 | path: []
331 | ,search: {}
332 | ,hash: (hash.match(/[^#](#.*$)/) || [])[1] || ''
333 | };
334 |
335 | if(!/^#\//.test(hash)) return data; //禁止非路由规范
336 | hash = hash.replace(/^#\//, '');
337 | data.href = '/' + hash;
338 | hash = hash.replace(/([^#])(#.*$)/, '$1').split('/') || [];
339 |
340 | //提取Hash结构
341 | that.each(hash, function(index, item){
342 | /^\w+=/.test(item) ? function(){
343 | item = item.split('=');
344 | data.search[item[0]] = item[1];
345 | }() : data.path.push(item);
346 | });
347 |
348 | return data;
349 | };
350 |
351 | //本地持久性存储
352 | Layui.prototype.data = function(table, settings, storage){
353 | table = table || 'layui';
354 | storage = storage || localStorage;
355 |
356 | if(!win.JSON || !win.JSON.parse) return;
357 |
358 | //如果settings为null，则删除表
359 | if(settings === null){
360 | return delete storage[table];
361 | }
362 |
363 | settings = typeof settings === 'object'
364 | ? settings
365 | : {key: settings};
366 |
367 | try{
368 | var data = JSON.parse(storage[table]);
369 | } catch(e){
370 | var data = {};
371 | }
372 |
373 | if('value' in settings) data[settings.key] = settings.value;
374 | if(settings.remove) delete data[settings.key];
375 | storage[table] = JSON.stringify(data);
376 |
377 | return settings.key ? data[settings.key] : data;
378 | };
379 |
380 | //本地会话性存储
381 | Layui.prototype.sessionData = function(table, settings){
382 | return this.data(table, settings, sessionStorage);
383 | }
384 |
385 | //设备信息
386 | Layui.prototype.device = function(key){
387 | var agent = navigator.userAgent.toLowerCase()
388 |
389 | //获取版本号
390 | ,getVersion = function(label){
391 | var exp = new RegExp(label + '/([^\\s\\_\\-]+)');
392 | label = (agent.match(exp)||[])[1];
393 | return label || false;
394 | }
395 |
396 | //返回结果集
397 | ,result = {
398 | os: function(){ //底层操作系统
399 | if(/windows/.test(agent)){
400 | return 'windows';
401 | } else if(/linux/.test(agent)){
402 | return 'linux';
403 | } else if(/iphone|ipod|ipad|ios/.test(agent)){
404 | return 'ios';
405 | } else if(/mac/.test(agent)){
406 | return 'mac';
407 | }
408 | }()
409 | ,ie: function(){ //ie版本
410 | return (!!win.ActiveXObject || "ActiveXObject" in win) ? (
411 | (agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于ie11并没有msie的标识
412 | ) : false;
413 | }()
414 | ,weixin: getVersion('micromessenger') //是否微信
415 | };
416 |
417 | //任意的key
418 | if(key && !result[key]){
419 | result[key] = getVersion(key);
420 | }
421 |
422 | //移动设备
423 | result.android = /android/.test(agent);
424 | result.ios = result.os === 'ios';
425 |
426 | return result;
427 | };
428 |
429 | //提示
430 | Layui.prototype.hint = function(){
431 | return {
432 | error: error
433 | }
434 | };
435 |
436 | //遍历
437 | Layui.prototype.each = function(obj, fn){
438 | var key
439 | ,that = this;
440 | if(typeof fn !== 'function') return that;
441 | obj = obj || [];
442 | if(obj.constructor === Object){
443 | for(key in obj){
444 | if(fn.call(obj[key], key, obj[key])) break;
445 | }
446 | } else {
447 | for(key = 0; key < obj.length; key++){
448 | if(fn.call(obj[key], key, obj[key])) break;
449 | }
450 | }
451 | return that;
452 | };
453 |
454 | //将数组中的对象按其某个成员排序
455 | Layui.prototype.sort = function(obj, key, desc){
456 | var clone = JSON.parse(
457 | JSON.stringify(obj || [])
458 | );
459 |
460 | if(!key) return clone;
461 |
462 | //如果是数字，按大小排序，如果是非数字，按字典序排序
463 | clone.sort(function(o1, o2){
464 | var isNum = /^-?\d+$/
465 | ,v1 = o1[key]
466 | ,v2 = o2[key];
467 |
468 | if(isNum.test(v1)) v1 = parseFloat(v1);
469 | if(isNum.test(v2)) v2 = parseFloat(v2);
470 |
471 | if(v1 && !v2){
472 | return 1;
473 | } else if(!v1 && v2){
474 | return -1;
475 | }
476 |
477 | if(v1 > v2){
478 | return 1;
479 | } else if (v1 < v2) {
480 | return -1;
481 | } else {
482 | return 0;
483 | }
484 | });
485 |
486 | desc && clone.reverse(); //倒序
487 | return clone;
488 | };
489 |
490 | //阻止事件冒泡
491 | Layui.prototype.stope = function(thisEvent){
492 | thisEvent = thisEvent || win.event;
493 | try { thisEvent.stopPropagation() } catch(e){
494 | thisEvent.cancelBubble = true;
495 | }
496 | };
497 |
498 | //自定义模块事件
499 | Layui.prototype.onevent = function(modName, events, callback){
500 | if(typeof modName !== 'string'
501 | || typeof callback !== 'function') return this;
502 |
503 | return Layui.event(modName, events, null, callback);
504 | };
505 |
506 | //执行自定义模块事件
507 | Layui.prototype.event = Layui.event = function(modName, events, params, fn){
508 | var that = this
509 | ,result = null
510 | ,filter = events.match(/\((.*)\)$/)||[] //提取事件过滤器字符结构，如：select(xxx)
511 | ,eventName = (modName + '.'+ events).replace(filter[0], '') //获取事件名称，如：form.select
512 | ,filterName = filter[1] || '' //获取过滤器名称,，如：xxx
513 | ,callback = function(_, item){
514 | var res = item && item.call(that, params);
515 | res === false && result === null && (result = false);
516 | };
517 |
518 | //添加事件
519 | if(fn){
520 | config.event[eventName] = config.event[eventName] || {};
521 |
522 | //这里不再对多次事件监听做支持，避免更多麻烦
523 | //config.event[eventName][filterName] ? config.event[eventName][filterName].push(fn) :
524 | config.event[eventName][filterName] = [fn];
525 | return this;
526 | }
527 |
528 | //执行事件回调
529 | layui.each(config.event[eventName], function(key, item){
530 | //执行当前模块的全部事件
531 | if(filterName === '{*}'){
532 | layui.each(item, callback);
533 | return;
534 | }
535 |
536 | //执行指定事件
537 | key === '' && layui.each(item, callback);
538 | (filterName && key === filterName) && layui.each(item, callback);
539 | });
540 |
541 | return result;
542 | };
543 |
544 | win.layui = new Layui();
545 |
546 | }(window);
547 |
548 |
--------------------------------------------------------------------------------