www.gusucode.com > 金黄色金融投资信息类企业织梦模板（demo205）源码程序 > 金黄色金融投资信息类企业织梦模板（demo205）源码程序/www2/m/assets/js/amazeui.js
/*! Amaze UI v2.1.0 | by Amaze UI Team | (c) 2015 AllMobilize, Inc. | Licensed under MIT | 2015-01-13T02:01:01 UTC */
(function e(t, n, r) {
function s(o, u) {
if (!n[o]) {
if (!t[o]) {
var a = typeof require == "function" && require;
if (!u && a) return a(o, !0);
if (i) return i(o, !0);
var f = new Error("Cannot find module '" + o + "'");
throw f.code = "MODULE_NOT_FOUND", f
}
var l = n[o] = {
exports: {}
};
t[o][0].call(l.exports, function(e) {
var n = t[o][1][e];
return s(n ? n : e)
}, l, l.exports, e, t, n, r)
}
return n[o].exports
}
var i = typeof require == "function" && require;
for (var o = 0; o < r.length; o++) s(r[o]);
return s
})({
1: [
function(require, module, exports) {
(function(global) {
'use strict';
require('./core');
require('./ui.collapse');
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = $.AMUI;
function accordionInit() {
var $accordion = $('[data-am-widget="accordion"]');
var selector = {
item: '.am-accordion-item',
title: '.am-accordion-title',
body: '.am-accordion-bd'
};
$accordion.each(function(i, item) {
var options = UI.utils.parseOptions($(item).attr(
'data-am-accordion'));
var $title = $(item).find(selector.title);
$title.on('click.accordion.amui', function() {
var $collapse = $(this).next(selector.body);
var $parent = $(this).parent(selector.item);
var data = $collapse.data('amui.collapse');
$parent.toggleClass('am-active');
if (!data) {
$collapse.collapse();
} else {
$collapse.collapse('toggle');
}
!options.multiple &&
$(item).children('.am-active').
not($parent).removeClass('am-active').
find(selector.body + '.am-in').collapse('close');
});
});
}
// Init on DOM ready
$(function() {
accordionInit();
});
module.exports = $.AMUI.accordion = {
VERSION: '2.0.0',
init: accordionInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.collapse": 26
}
],
2: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
require('./util.fastclick');
require('./util.hammer');
require('./amazeui');
require('./amazeui.legacy');
require('./ui.add2home');
require('./ui.alert');
require('./ui.button');
require('./ui.collapse');
require('./ui.datepicker');
require('./ui.dimmer');
require('./ui.dropdown');
require('./ui.flexslider');
require('./ui.iscroll-lite');
require('./ui.modal');
require('./ui.offcanvas');
require('./ui.pinchzoom');
require('./ui.popover');
require('./ui.progress');
require('./ui.pureview');
require('./ui.scrollspy');
require('./ui.scrollspynav');
require('./ui.selected');
require('./ui.share');
require('./ui.smooth-scroll');
require('./ui.sticky');
require('./ui.tabs');
require('./ui.ucheck');
require('./ui.validator');
require('./util.cookie');
require('./util.fullscreen');
require('./util.qrcode');
require('./util.store');
require('./accordion');
require('./divider');
require('./duoshuo');
require('./figure');
require('./footer');
require('./gallery');
require('./gotop');
require('./header');
require('./intro');
require('./list_news');
require('./map');
require('./mechat');
require('./menu');
require('./navbar');
require('./pagination');
require('./paragraph');
require('./slider');
require('./tabs');
require('./titlebar');
module.exports = $.AMUI;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./accordion": 1,
"./amazeui": 2,
"./amazeui.legacy": 3,
"./core": 4,
"./divider": 5,
"./duoshuo": 6,
"./figure": 7,
"./footer": 8,
"./gallery": 9,
"./gotop": 10,
"./header": 11,
"./intro": 12,
"./list_news": 13,
"./map": 14,
"./mechat": 15,
"./menu": 16,
"./navbar": 17,
"./pagination": 18,
"./paragraph": 19,
"./slider": 20,
"./tabs": 21,
"./titlebar": 22,
"./ui.add2home": 23,
"./ui.alert": 24,
"./ui.button": 25,
"./ui.collapse": 26,
"./ui.datepicker": 27,
"./ui.dimmer": 28,
"./ui.dropdown": 29,
"./ui.flexslider": 30,
"./ui.iscroll-lite": 31,
"./ui.modal": 32,
"./ui.offcanvas": 33,
"./ui.pinchzoom": 34,
"./ui.popover": 35,
"./ui.progress": 36,
"./ui.pureview": 37,
"./ui.scrollspy": 38,
"./ui.scrollspynav": 39,
"./ui.selected": 40,
"./ui.share": 41,
"./ui.smooth-scroll": 42,
"./ui.sticky": 43,
"./ui.tabs": 44,
"./ui.ucheck": 45,
"./ui.validator": 46,
"./util.cookie": 47,
"./util.fastclick": 48,
"./util.fullscreen": 49,
"./util.hammer": 50,
"./util.qrcode": 51,
"./util.store": 52
}
],
3: [
function(require, module, exports) {
(function(global) {
// Amaze UI JavaScript for IE8
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
require('./ui.alert');
require('./ui.button');
require('./ui.collapse');
require('./ui.dimmer');
require('./ui.dropdown');
require('./ui.flexslider');
require('./ui.modal');
require('./ui.offcanvas');
require('./ui.popover');
require('./ui.progress');
require('./ui.scrollspynav');
require('./ui.sticky');
require('./util.cookie');
module.exports = $.AMUI;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.alert": 24,
"./ui.button": 25,
"./ui.collapse": 26,
"./ui.dimmer": 28,
"./ui.dropdown": 29,
"./ui.flexslider": 30,
"./ui.modal": 32,
"./ui.offcanvas": 33,
"./ui.popover": 35,
"./ui.progress": 36,
"./ui.scrollspynav": 39,
"./ui.sticky": 43,
"./util.cookie": 47
}
],
4: [
function(require, module, exports) {
(function(global) {
'use strict';
/* jshint -W040 */
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
if (typeof $ === 'undefined') {
throw new Error('Amaze UI 2.x requires jQuery :-(\n' +
'\u7231\u4e0a\u4e00\u5339\u91ce\u9a6c\uff0c\u53ef\u4f60' +
'\u7684\u5bb6\u91cc\u6ca1\u6709\u8349\u539f\u2026');
}
var UI = $.AMUI || {};
var $win = $(window);
var doc = window.document;
var $html = $('html');
UI.VERSION = '2.0.0';
UI.support = {};
UI.support.transition = (function() {
var transitionEnd = (function() {
// https://developer.mozilla.org/en-US/docs/Web/Events/transitionend#Browser_compatibility
var element = doc.body || doc.documentElement;
var transEndEventNames = {
WebkitTransition: 'webkitTransitionEnd',
MozTransition: 'transitionend',
OTransition: 'oTransitionEnd otransitionend',
transition: 'transitionend'
};
for (var name in transEndEventNames) {
if (element.style[name] !== undefined) {
return transEndEventNames[name];
}
}
})();
return transitionEnd && {
end: transitionEnd
};
})();
UI.support.animation = (function() {
var animationEnd = (function() {
var element = doc.body || doc.documentElement;
var animEndEventNames = {
WebkitAnimation: 'webkitAnimationEnd',
MozAnimation: 'animationend',
OAnimation: 'oAnimationEnd oanimationend',
animation: 'animationend'
};
for (var name in animEndEventNames) {
if (element.style[name] !== undefined) {
return animEndEventNames[name];
}
}
})();
return animationEnd && {
end: animationEnd
};
})();
/* jshint -W069 */
UI.support.touch = (
('ontouchstart' in window &&
navigator.userAgent.toLowerCase().match(/mobile|tablet/)) ||
(window.DocumentTouch && document instanceof window.DocumentTouch) ||
(window.navigator['msPointerEnabled'] &&
window.navigator['msMaxTouchPoints'] > 0) || //IE 10
(window.navigator['pointerEnabled'] &&
window.navigator['maxTouchPoints'] > 0) || //IE >=11
false);
// https://developer.mozilla.org/zh-CN/docs/DOM/MutationObserver
UI.support.mutationobserver = (window.MutationObserver ||
window.WebKitMutationObserver || null);
// https://github.com/Modernizr/Modernizr/blob/924c7611c170ef2dc502582e5079507aff61e388/feature-detects/forms/validation.js#L20
UI.support.formValidation = (typeof document.createElement('form').checkValidity ===
'function');
UI.utils = {};
/**
* Debounce function
* @param {function} func Function to be debounced
* @param {number} wait Function execution threshold in milliseconds
* @param {bool} immediate Whether the function should be called at
* the beginning of the delay instead of the
* end. Default is false.
* @desc Executes a function when it stops being invoked for n seconds
* @via _.debounce() http://underscorejs.org
*/
UI.utils.debounce = function(func, wait, immediate) {
var timeout;
return function() {
var context = this;
var args = arguments;
var later = function() {
timeout = null;
if (!immediate) {
func.apply(context, args);
}
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) {
func.apply(context, args);
}
};
};
UI.utils.isInView = function(element, options) {
var $element = $(element);
var visible = !!($element.width() || $element.height()) &&
$element.css('display') !== 'none';
if (!visible) {
return false;
}
var windowLeft = $win.scrollLeft();
var windowTop = $win.scrollTop();
var offset = $element.offset();
var left = offset.left;
var top = offset.top;
options = $.extend({
topOffset: 0,
leftOffset: 0
}, options);
return (top + $element.height() >= windowTop &&
top - options.topOffset <= windowTop + $win.height() &&
left + $element.width() >= windowLeft &&
left - options.leftOffset <= windowLeft + $win.width());
};
/* jshint -W054 */
UI.utils.parseOptions = UI.utils.options = function(string) {
if ($.isPlainObject(string)) {
return string;
}
var start = (string ? string.indexOf('{') : -1);
var options = {};
if (start != -1) {
try {
options = (new Function('',
'var json = ' + string.substr(start) +
'; return JSON.parse(JSON.stringify(json));'))();
} catch (e) {}
}
return options;
};
/* jshint +W054 */
UI.utils.generateGUID = function(namespace) {
var uid = namespace + '-' || 'am-';
do {
uid += Math.random().toString(36).substring(2, 7);
} while (document.getElementById(uid));
return uid;
};
// http://blog.alexmaccaw.com/css-transitions
$.fn.emulateTransitionEnd = function(duration) {
var called = false;
var $el = this;
$(this).one(UI.support.transition.end, function() {
called = true;
});
var callback = function() {
if (!called) {
$($el).trigger(UI.support.transition.end);
}
$el.transitionEndTimmer = undefined;
};
this.transitionEndTimmer = setTimeout(callback, duration);
return this;
};
$.fn.redraw = function() {
$(this).each(function() {
/* jshint unused:false */
var redraw = this.offsetHeight;
});
return this;
};
/* jshint unused:true */
$.fn.transitionEnd = function(callback) {
var endEvent = UI.support.transition.end;
var dom = this;
function fireCallBack(e) {
callback.call(this, e);
endEvent && dom.off(endEvent, fireCallBack);
}
if (callback && endEvent) {
dom.on(endEvent, fireCallBack);
}
return this;
};
$.fn.removeClassRegEx = function() {
return this.each(function(regex) {
var classes = $(this).attr('class');
if (!classes || !regex) {
return false;
}
var classArray = [];
classes = classes.split(' ');
for (var i = 0, len = classes.length; i < len; i++) {
if (!classes[i].match(regex)) {
classArray.push(classes[i]);
}
}
$(this).attr('class', classArray.join(' '));
});
};
//
$.fn.alterClass = function(removals, additions) {
var self = this;
if (removals.indexOf('*') === -1) {
// Use native jQuery methods if there is no wildcard matching
self.removeClass(removals);
return !additions ? self : self.addClass(additions);
}
var classPattern = new RegExp('\\s' +
removals.replace(/\*/g, '[A-Za-z0-9-_]+').split(' ').join(
'\\s|\\s') +
'\\s', 'g');
self.each(function(i, it) {
var cn = ' ' + it.className + ' ';
while (classPattern.test(cn)) {
cn = cn.replace(classPattern, ' ');
}
it.className = $.trim(cn);
});
return !additions ? self : self.addClass(additions);
};
// handle multiple browsers for requestAnimationFrame()
// http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/
// https://github.com/gnarf/jquery-requestAnimationFrame
UI.utils.rAF = (function() {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
// if all else fails, use setTimeout
function(callback) {
return window.setTimeout(callback, 1000 / 60); // shoot for 60 fps
};
})();
// handle multiple browsers for cancelAnimationFrame()
UI.utils.cancelAF = (function() {
return window.cancelAnimationFrame ||
window.webkitCancelAnimationFrame ||
window.mozCancelAnimationFrame ||
window.oCancelAnimationFrame ||
function(id) {
window.clearTimeout(id);
};
})();
// via http://davidwalsh.name/detect-scrollbar-width
UI.utils.measureScrollbar = function() {
if (document.body.clientWidth >= window.innerWidth) {
return 0;
}
// if ($html.width() >= window.innerWidth) return;
// var scrollbarWidth = window.innerWidth - $html.width();
var $measure = $('<div ' +
'style="width: 100px;height: 100px;overflow: scroll;' +
'position: absolute;top: -9999px;"></div>');
$(document.body).append($measure);
var scrollbarWidth = $measure[0].offsetWidth - $measure[0].clientWidth;
$measure.remove();
return scrollbarWidth;
};
UI.utils.imageLoader = function($image, callback) {
function loaded() {
callback($image[0]);
}
function bindLoad() {
this.one('load', loaded);
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
var src = this.attr('src');
var param = src.match(/\?/) ? '&' : '?';
param += 'random=' + (new Date()).getTime();
this.attr('src', src + param);
}
}
if (!$image.attr('src')) {
loaded();
return;
}
if ($image[0].complete || $image[0].readyState === 4) {
loaded();
} else {
bindLoad.call($image);
}
};
/**
* https://github.com/cho45/micro-template.js
* (c) cho45 http://cho45.github.com/mit-license
*/
/* jshint -W109 */
UI.template = function(id, data) {
var me = UI.template;
if (!me.cache[id]) {
me.cache[id] = (function() {
var name = id;
var string = /^[\w\-]+$/.test(id) ?
me.get(id) : (name = 'template(string)', id); // no warnings
var line = 1;
var body = ('try { ' + (me.variable ?
'var ' + me.variable + ' = this.stash;' :
'with (this.stash) { ') +
"this.ret += '" +
string.replace(/<%/g, '\x11').replace(/%>/g, '\x13'). // if you want other tag, just edit this line
replace(/'(?![^\x11\x13]+?\x13)/g, '\\x27').replace(
/^\s*|\s*$/g, '').replace(/\n/g, function() {
return "';\nthis.line = " + (++line) +
"; this.ret += '\\n";
}).replace(/\x11-(.+?)\x13/g, "' + ($1) + '").replace(
/\x11=(.+?)\x13/g, "' + this.escapeHTML($1) + '").replace(
/\x11(.+?)\x13/g, "'; $1; this.ret += '") +
"'; " + (me.variable ? "" : "}") + "return this.ret;" +
"} catch (e) { throw 'TemplateError: ' + e + ' (on " +
name +
"' + ' line ' + this.line + ')'; } " +
"//@ sourceURL=" + name + "\n" // source map
).replace(/this\.ret \+= '';/g, '');
/* jshint -W054 */
var func = new Function(body);
var map = {
'&': '&',
'<': '<',
'>': '>',
'\x22': '"',
'\x27': '''
};
var escapeHTML = function(string) {
return ('' + string).replace(/[&<>\'\"]/g, function(_) {
return map[_];
});
};
return function(stash) {
return func.call(me.context = {
escapeHTML: escapeHTML,
line: 1,
ret: '',
stash: stash
});
};
})();
}
return data ? me.cache[id](data) : me.cache[id];
};
/* jshint +W109 */
/* jshint +W054 */
UI.template.cache = {};
UI.template.get = function(id) {
if (id) {
var element = document.getElementById(id);
return element && element.innerHTML || '';
}
};
// Dom mutation watchers
UI.DOMWatchers = [];
UI.DOMReady = false;
UI.ready = function(callback) {
UI.DOMWatchers.push(callback);
if (UI.DOMReady) {
console.log('ready call');
callback(document);
}
};
UI.DOMObserve = function(elements, options, callback) {
var Observer = UI.support.mutationobserver;
if (!Observer) {
return;
}
options = $.isPlainObject(options) ?
options : {
childList: true,
subtree: true
};
callback = typeof callback === 'function' && callback || function() {};
$(elements).each(function() {
var element = this;
var $element = $(element);
if ($element.data('am.observer')) {
return;
}
try {
var observer = new Observer(UI.utils.debounce(
function(mutations, instance) {
callback.call(element, mutations, instance);
// trigger this event manually if MutationObserver not supported
$element.trigger('changed.dom.amui');
}, 50));
observer.observe(element, options);
$element.data('am.observer', observer);
} catch (e) {}
});
};
$.fn.DOMObserve = function(options, callback) {
return this.each(function() {
UI.DOMObserve(this, options, callback);
});
};
// Attach FastClick on touch devices
if (UI.support.touch) {
$html.addClass('am-touch');
$(function() {
var FastClick = $.AMUI.FastClick;
FastClick && FastClick.attach(document.body);
});
}
$(document).on('changed.dom.amui', function(e) {
var element = e.target;
// TODO: just call changed element's watcher
// every watcher callback should have a key
// use like this: <div data-am-observe='key1, key2'>
// get keys via $(element).data('amObserve')
// call functions store with these keys
$.each(UI.DOMWatchers, function(i, watcher) {
watcher(element);
});
});
$(function() {
var $body = $('body');
UI.DOMReady = true;
// Run default init
$.each(UI.DOMWatchers, function(i, watcher) {
watcher(document);
});
// watches DOM
UI.DOMObserve('[data-am-observe]');
$html.removeClass('no-js').addClass('js');
UI.support.animation && $html.addClass('cssanimations');
// iOS standalone mode
if (window.navigator.standalone) {
$html.addClass('am-standalone');
}
$('.am-topbar-fixed-top').length &&
$body.addClass('am-with-topbar-fixed-top');
$('.am-topbar-fixed-bottom').length &&
$body.addClass('am-with-topbar-fixed-bottom');
// Remove responsive classes in .am-layout
var $layout = $('.am-layout');
$layout.find('[class*="md-block-grid"]').alterClass(
'md-block-grid-*');
$layout.find('[class*="lg-block-grid"]').alterClass(
'lg-block-grid');
// widgets not in .am-layout
$('[data-am-widget]').each(function() {
var $widget = $(this);
// console.log($widget.parents('.am-layout').length)
if ($widget.parents('.am-layout').length === 0) {
$widget.addClass('am-no-layout');
}
});
});
$.AMUI = UI;
module.exports = UI;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {}
],
5: [
function(require, module, exports) {
'use strict';
module.exports = {
VERSION: '2.0.0'
};
}, {}
],
6: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
function duoshuoInit() {
var $dsThread = $('.ds-thread');
var dsShortName = $dsThread.parent('[data-am-widget="duoshuo"]').
attr('data-ds-short-name');
var dsSrc = (document.location.protocol == 'https:' ? 'https:' :
'http:') +
'//static.duoshuo.com/embed.js';
if (!$dsThread.length || !dsShortName) {
return;
}
window.duoshuoQuery = {
short_name: dsShortName
};
// 已经有多说脚本
if ($('script[src="' + dsSrc + '"]').length) {
return;
}
var $dsJS = $('<script>', {
async: true,
type: 'text/javascript',
src: dsSrc,
charset: 'utf-8'
});
$('body').append($dsJS);
}
$(window).on('load', duoshuoInit);
module.exports = $.AMUI.duoshuo = {
VERSION: '2.0.0',
init: duoshuoInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
7: [
function(require, module, exports) {
(function(global) {
'use strict';
require('./core');
require('./ui.pureview');
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = $.AMUI;
/**
* Is Images zoomable
* @return {Boolean}
*/
$.isImgZoomAble = function(element) {
var t = new Image();
t.src = element.src;
var zoomAble = ($(element).width() < t.width);
if (zoomAble) {
$(element).closest('.am-figure').addClass('am-figure-zoomable');
}
return zoomAble;
};
function figureInit() {
$('.am-figure').each(function(i, item) {
var options = UI.utils.parseOptions($(item).attr(
'data-am-figure'));
if (options.pureview) {
if (options.pureview === 'auto') {
var zoomAble = $.isImgZoomAble($(item).find('img')[0]);
zoomAble && $(item).pureview();
} else {
$(item).addClass('am-figure-zoomable').pureview();
}
}
});
}
$(window).on('load', function() {
figureInit();
});
module.exports = $.AMUI.figure = {
VERSION: '2.0.1',
init: figureInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.pureview": 37
}
],
8: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
require('./ui.modal');
var addToHS = require('./ui.add2home');
var cookie = require('./util.cookie');
function footerInit() {
// modal mode
$('.am-footer-ysp').on('click', function() {
$('#am-footer-modal').modal();
});
var options = UI.utils.parseOptions($('.am-footer').data(
'amFooter'));
options.addToHS && addToHS();
// switch mode
// switch to desktop
$('[data-rel="desktop"]').on('click', function(e) {
e.preventDefault();
if (window.AMPlatform) { // front end
window.AMPlatform.util.goDesktop();
} else { // back end
cookie.set('allmobilize', 'desktop', '', '/');
window.location = window.location;
}
});
}
$(function() {
footerInit();
});
module.exports = $.AMUI.footer = {
VERSION: '3.1.1',
init: footerInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.add2home": 23,
"./ui.modal": 32,
"./util.cookie": 47
}
],
9: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
require('./ui.pureview');
var UI = $.AMUI;
function galleryInit() {
var $gallery = $('[data-am-widget="gallery"]');
var $galleryOne = $gallery.filter('.am-gallery-one');
$gallery.each(function() {
var options = UI.utils.parseOptions($(this).attr(
'data-am-gallery'));
if (options.pureview) {
(typeof options.pureview === 'object') ?
$(this).pureview(options.pureview) : $(this).pureview();
}
});
$galleryOne.each(function() {
galleryMore($(this));
});
}
function galleryMore($elements) {
var moreData = $('<li class=\'am-gallery-more\'>' +
'<a href="javascript:;">更多 >></a></li>');
if ($elements.children().length > 6) {
$elements.children().each(function(index) {
if (index > 5) {
$(this).hide();
}
});
$elements.find('.am-gallery-more').remove();
$elements.append(moreData);
}
$elements.find('.am-gallery-more').on('click', function() {
$elements.children().show();
$(this).hide();
});
}
$(function() {
galleryInit();
});
module.exports = $.AMUI.gallery = {
VERSION: '2.0.0',
init: galleryInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.pureview": 37
}
],
10: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
require('./ui.smooth-scroll');
function goTopInit() {
var $goTop = $('[data-am-widget="gotop"]');
var $fixed = $goTop.filter('.am-gotop-fixed');
var $win = $(window);
$goTop.find('a').on('click', function(e) {
e.preventDefault();
$win.smoothScroll();
});
function checkPosition() {
$fixed[($win.scrollTop() > 50 ? 'add' : 'remove') + 'Class'](
'am-active');
}
checkPosition();
$win.on('scroll.gotop.amui', $.AMUI.utils.debounce(checkPosition,
100));
}
$(function() {
goTopInit();
});
module.exports = $.AMUI.gotop = {
VERSION: '4.0.1',
init: goTopInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.smooth-scroll": 42
}
],
11: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
function headerInit() {
$('[data-am-widget="header"]').each(function() {
if ($(this).hasClass('am-header-fixed')) {
$('body').addClass('am-with-fixed-header');
return false;
}
});
}
$(function() {
headerInit();
});
module.exports = $.AMUI.header = {
VERSION: '2.0.0',
init: headerInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
12: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
module.exports = $.AMUI.intro = {
VERSION: '4.0.0'
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
13: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
function listNewsInit() {
$('.am-list-news-one').each(function() {
amListNewsMore($(this));
});
}
function amListNewsMore($element) {
var $amList = $element.find('.am-list');
var $listMore =
'<a class="am-list-news-more am-btn am-btn-default" ' +
'href="javascript:;">更多 >></a>';
if ($amList.children().length > 6) {
$amList.children().each(function(index) {
if (index > 5) {
$(this).hide();
}
});
$element.find('.am-list-news-more').remove();
$element.append($listMore);
}
$element.find('.am-list-news-more').on('click', function() {
$amList.children().show();
$(this).hide();
});
}
$(function() {
listNewsInit();
});
module.exports = $.AMUI.listNews = {
VERSION: '3.0.0',
init: listNewsInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
14: [
function(require, module, exports) {
(function(global) {
/* jshint strict: false, maxlen: 200 */
/* global BMap */
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
function addMapApi(callback) {
var $mapApi0 = $('<script />', {
id: 'am-map-api-0'
});
$('body').append($mapApi0);
$mapApi0.on('load', function() {
console.log('load');
var $mapApi1 = $('<script/>', {
id: 'am-map-api-1'
});
$('body').append($mapApi1);
$mapApi1.on('load', function() {
var script = document.createElement('script');
script.textContent = '(' + callback.toString() + ')();';
$('body')[0].appendChild(script);
}).attr('src', 'http://api.map.baidu.com/getscript' +
'?type=quick&file=feature' +
'&ak=WVAXZ05oyNRXS5egLImmentg&t=20140109092002');
}).attr('src', 'http://api.map.baidu.com/getscript' +
'?type=quick&file=api&ak=WVAXZ05oyNRXS5egLImmentg&t=20140109092002'
);
// jQuery 中 `load` 事件触发有问题，动态设置 src 属性才会触发 `load` 事件
// $mapApi0 = $('<script />', {src: 'xxx'}); 这样的写法在 Zepto.js 中则没有问题
}
function addBdMap() {
// 如果使用 $ 选择符，minify 以后会报错: $ is undefined
// 即使传入 $ 也无效，改为使用原生方法
// 这个函数作为 callback 会插入到 body 以后才执行，应该是 $ 引用错误导致
var content = document.querySelector('.am-map');
var defaultLng = 116.331398; // 经度默认值
var defaultLat = 39.897445; // 纬度默认值
var name = content.getAttribute('data-name');
var address = content.getAttribute('data-address');
var lng = content.getAttribute('data-longitude') || defaultLng;
var lat = content.getAttribute('data-latitude') || defaultLat;
var setZoom = content.getAttribute('data-setZoom') || 17;
var icon = content.getAttribute('data-icon');
var map = new BMap.Map('bd-map');
// 实例化一个地理坐标点
var point = new BMap.Point(lng, lat);
// 设初始化地图, options: 3-18
map.centerAndZoom(point, setZoom);
// 添加地图缩放控件
if (content.getAttribute('data-zoomControl')) {
map.addControl(new BMap.ZoomControl());
}
// 添加比例尺控件
if (content.getAttribute('data-scaleControl')) {
map.addControl(new BMap.ScaleControl());
}
// 创建标准与自定义 icon
var marker = new BMap.Marker(point);
if (icon) {
marker.setIcon(new BMap.Icon(icon, new BMap.Size(40, 40)));
}
var opts = {
width: 200, // 信息窗口宽度
// height: 'auto', // 信息窗口高度
title: name // 信息窗口标题
};
// 创建信息窗口对象
var infoWindow = new BMap.InfoWindow('地址：' + address, opts);
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 判断有没有使用经纬度
if (lng == defaultLng && lat == defaultLat) {
// 使用地址反解析来设置地图
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint(address, function(point) {
if (point) {
map.centerAndZoom(point, setZoom);
marker.setPosition(point);
map.addOverlay(marker);
map.openInfoWindow(infoWindow, point); // 开启信息窗口
}
}, '');
} else {
// 使用经纬度来设置地图
myGeo.getLocation(point, function(result) {
map.centerAndZoom(point, setZoom);
marker.setPosition(point);
map.addOverlay(marker);
if (address) {
map.openInfoWindow(infoWindow, point); // 开启信息窗口
} else {
map.openInfoWindow(new BMap.InfoWindow(address, opts),
point); // 开启信息窗口
}
});
}
}
var mapInit = function() {
$('.am-map').length && addMapApi(addBdMap);
};
$(document).on('ready', mapInit);
module.exports = $.AMUI.map = {
VERSION: '2.0.1',
init: mapInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
15: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
function mechatInit() {
if (!$('#mechat').length) {
return;
}
var $mechat = $('[data-am-widget="mechat"]');
var unitid = $mechat.data('am-mechat-unitid');
var $mechatData = $('<script>', {
charset: 'utf-8',
src: 'http://mechatim.com/js/unit/button.js?id=' + unitid
});
$('body').append($mechatData);
}
// Lazy load
$(window).on('load', mechatInit);
module.exports = $.AMUI.mechat = {
VERSION: '2.0.0',
init: mechatInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
16: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
require('./ui.offcanvas');
require('./ui.collapse');
var IScroll = require('./ui.iscroll-lite');
var menuInit = function() {
var $menus = $('[data-am-widget="menu"]');
$menus.find('.am-menu-nav .am-parent > a').on('click', function(
e) {
e.preventDefault();
var $clicked = $(this);
var $parent = $clicked.parent();
var $subMenu = $clicked.next('.am-menu-sub');
$parent.toggleClass('am-open');
$subMenu.collapse('toggle');
$parent.siblings('.am-parent').removeClass('am-open')
.children('.am-menu-sub.am-in').collapse('close');
});
// Dropdown/slideDown menu
$menus.
filter('[data-am-menu-collapse]').
find('> .am-menu-toggle').
on('click', function(e) {
e.preventDefault();
var $this = $(this);
var $nav = $this.next('.am-menu-nav');
$this.toggleClass('am-active');
$nav.collapse('toggle');
});
// OffCanvas menu
$menus.
filter('[data-am-menu-offcanvas]').
find('> .am-menu-toggle').
on('click', function(e) {
e.preventDefault();
var $this = $(this);
var $nav = $this.next('.am-offcanvas');
$this.toggleClass('am-active');
$nav.offCanvas('open');
});
// Close offCanvas when link clicked
var autoCloseOffCanvas =
'.am-offcanvas[data-dismiss-on="click"]';
var $autoCloseOffCanvas = $(autoCloseOffCanvas);
$autoCloseOffCanvas.find('a').not('.am-parent>a').on('click',
function(e) {
$(this).parents(autoCloseOffCanvas).offCanvas('close');
});
// one theme
$menus.filter('.am-menu-one').each(function(index) {
var $this = $(this);
var $wrap = $('<div class="am-menu-nav-sub-wrap"></div>');
var allWidth = 0;
var $nav = $this.find('.am-menu-nav');
var $navTopItem = $nav.children('li');
var prevIndex;
$navTopItem.filter('.am-parent').each(function(index) {
$(this).attr('data-rel', '#am-menu-sub-' + index);
$(this).
find('.am-menu-sub').
attr('id', 'am-menu-sub-' + index).
appendTo($wrap);
});
$this.append($wrap);
$nav.wrap('<div class="am-menu-nav-wrap" id="am-menu-' +
index + '">');
// $navTopItem.eq(0).addClass('am-active');
// 计算出所有 li 宽度
$navTopItem.each(function(i) {
allWidth += parseFloat($(this).css('width'));
});
$nav.width(allWidth);
var menuScroll = new IScroll('#am-menu-' + index, {
eventPassthrough: true,
scrollX: true,
scrollY: false,
preventDefault: false
});
$navTopItem.on('click', function() {
var $clicked = $(this);
$clicked.addClass('am-active').siblings().removeClass(
'am-active');
$wrap.find('.am-menu-sub.am-in').collapse('close');
if ($clicked.is('.am-parent')) {
!$clicked.hasClass('.am-open') &&
$wrap.find($clicked.attr('data-rel')).collapse(
'open');
} else {
$clicked.siblings().removeClass('am-open');
}
// 第一次调用，没有prevIndex
if (prevIndex === undefined) {
prevIndex = $(this).index() ? 0 : 1;
}
// 判断方向
var dir = $(this).index() > prevIndex;
var target = $(this)[dir ? 'next' : 'prev']();
// 点击的按钮，显示一半
var offset = target.offset() || $(this).offset();
var within = $this.offset();
// 父类左边距
var listOffset;
var parentLeft = parseInt($this.css('padding-left'));
if (dir ? offset.left + offset.width > within.left +
within.width :
offset.left < within.left) {
listOffset = $nav.offset();
menuScroll.scrollTo(dir ?
within.width - offset.left + listOffset.left -
offset.width - parentLeft :
listOffset.left - offset.left, 0, 400);
}
prevIndex = $(this).index();
});
$this.on('touchmove', function(event) {
event.preventDefault();
});
});
};
$(function() {
menuInit();
});
module.exports = $.AMUI.menu = {
VERSION: '4.0.0',
init: menuInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.collapse": 26,
"./ui.iscroll-lite": 31,
"./ui.offcanvas": 33
}
],
17: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
require('./ui.modal');
var share = require('./ui.share');
var QRCode = require('./util.qrcode');
var UI = $.AMUI;
function navbarInit() {
var $navBar = $('[data-am-widget="navbar"]');
if (!$navBar.length) {
return;
}
var $win = $(window);
var $body = $('body');
var $navBarNav = $navBar.find('.am-navbar-nav');
var $navItems = $navBar.find('li');
var navItemsCounter = $navItems.length;
var configItems = $navBarNav.attr('class') &&
parseInt($navBarNav.attr('class').match(/am-avg-sm-(\d+)/)[1]) ||
3;
var navMinWidth = 60; // 每个 li 最小宽度
var offsetWidth = 16;
var $share = $navItems.filter('[data-am-navbar-share]');
var $qrcode = $navItems.filter('[data-am-navbar-qrcode]');
var activeStatus = 'am-active';
var $moreActions = $('<ul class="am-navbar-actions"></ul>', {
id: UI.utils.generateGUID('am-navbar-actions')
});
var $moreLink = $('<li class="am-navbar-labels am-navbar-more">' +
'<a href="javascript: void(0);">' +
'<span class="am-icon-angle-up"></span>' +
'<span class="am-navbar-label">更多</span></a></li>');
// 如果有 Fix 的工具栏则设置 body 的 padding-bottom
if ($navBar.css('position') == 'fixed') {
$body.addClass('am-with-fixed-navbar');
}
if ($qrcode.length) {
var qrId = 'am-navbar-qrcode';
$qrModal = $('#' + qrId);
if (!$qrModal.length) {
var qrImg = $qrcode.attr('data-am-navbar-qrcode');
var $qrModal = $(
'<div class="am-modal am-modal-no-btn" id="">' +
'<div class="am-modal-dialog">' +
'<div class="am-modal-bd"></div></div>' +
'</div>', {
id: qrId
});
var $qrContainer = $qrModal.find('.am-modal-bd');
// 判断上传自定义的二维码没有，否则生成二维码
if (qrImg) {
$qrContainer.html('<img src="' + qrImg + '"/>');
} else {
var qrnode = new QRCode({
render: 'canvas',
correctLevel: 0,
text: window.location.href,
width: 200,
height: 200,
background: '#fff',
foreground: '#000'
});
$qrContainer.html(qrnode);
}
$body.append($qrModal);
}
$qrcode.on('click', function(e) {
e.preventDefault();
$qrModal.modal();
});
}
if (navItemsCounter > configItems && navItemsCounter >
calcSuiteItems()) {
initActions();
}
// console.log('NavItems: %d, config: %d, best: %d',
// navItemsCounter, configItems, calcSuiteItems());
function initActions() {
$navBarNav.append($moreLink);
$navBarNav.
find('li').
not('.am-navbar-more').
slice(calcSuiteItems() - 1).
appendTo($moreActions);
// Append more actions
$navBar.append($moreActions);
}
function checkNavBarItems() {
if (calcSuiteItems() >= navItemsCounter) {
// 显示所有链接，隐藏 more
$moreLink.hide();
$moreActions.find('li').insertBefore($moreLink);
return;
}
!$navBar.find('.am-navbar-actions').length && initActions();
$moreLink.show();
if ($navBarNav.find('li').length < calcSuiteItems()) {
$moreActions.find('li').
slice(0, calcSuiteItems() - $navBarNav.find('li').length).
insertBefore($moreLink);
} else if ($navBarNav.find('li').length > calcSuiteItems()) {
if ($moreActions.find('li').length) {
$navBarNav.find('li').not($moreLink).slice(calcSuiteItems() -
1).
insertBefore($moreActions.find('li').first());
} else {
$navBarNav.find('li').not($moreLink).slice(calcSuiteItems() -
1).
appendTo($moreActions);
}
}
}
/**
* 计算最适合显示的条目个数
* @returns {number}
*/
function calcSuiteItems() {
return Math.floor(($win.width() - offsetWidth) / navMinWidth);
}
$navBar.on('click.navbar.amui', '.am-navbar-more', function(e) {
e.preventDefault();
$moreLink[$moreActions.hasClass(activeStatus) ?
'removeClass' : 'addClass'](activeStatus);
$moreActions.toggleClass(activeStatus);
});
if ($share.length) {
$share.on('click.navbar.amui', function(e) {
e.preventDefault();
share.toggle();
});
}
$win.on('resize.navbar.amui orientationchange.navbar.amui',
UI.utils.debounce(checkNavBarItems, 150));
}
// DOMContent ready
$(function() {
navbarInit();
});
module.exports = $.AMUI.navbar = {
VERSION: '2.0.0',
init: navbarInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.modal": 32,
"./ui.share": 41,
"./util.qrcode": 51
}
],
18: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
module.exports = $.AMUI.pagination = {
VERSION: '4.0.0'
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
19: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
require('./ui.pureview');
var IScroll = require('./ui.iscroll-lite');
var UI = $.AMUI;
/**
* 表格滚动
* @param index ID 标识，多个 paragraph 里面多个 table
*/
$.fn.scrollTable = function(index) {
var $this = $(this);
var $parent;
$this.wrap('<div class="am-paragraph-table-container" ' +
'id="am-paragraph-table-' + index + '">' +
'<div class="am-paragraph-table-scroller"></div></div>');
$parent = $this.parent();
$parent.width($this.width());
$parent.height($this.height());
new IScroll('#am-paragraph-table-' + index, {
eventPassthrough: true,
scrollX: true,
scrollY: false,
preventDefault: false
});
};
function paragraphInit() {
var $paragraph = $('[data-am-widget="paragraph"]');
$paragraph.each(function(index) {
var $this = $(this);
var options = UI.utils.parseOptions($this.attr(
'data-am-paragraph'));
var $index = index;
if (options.pureview) {
$this.pureview();
}
if (options.tableScrollable) {
$this.find('table').each(function(index) {
if ($(this).width() > $(window).width()) {
$(this).scrollTable($index + '-' + index);
}
});
}
});
}
$(window).on('load', function() {
paragraphInit();
});
module.exports = $.AMUI.paragraph = {
VERSION: '2.0.0',
init: paragraphInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.iscroll-lite": 31,
"./ui.pureview": 37
}
],
20: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
require('./ui.flexslider');
var UI = $.AMUI;
function sliderInit() {
var $sliders = $('[data-am-widget="slider"]');
$sliders.not('.am-slider-manual').each(function(i, item) {
var options = UI.utils.parseOptions($(item).attr(
'data-am-slider'));
$(item).flexslider(options);
});
}
$(document).on('ready', sliderInit);
module.exports = $.AMUI.slider = {
VERSION: '3.0.0',
init: sliderInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.flexslider": 30
}
],
21: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
require('./ui.tabs');
function tabsInit() {
$('[data-am-widget="tabs"]').each(function() {
var options = $(this).data('amTabsNoswipe') ? {
noSwipe: 1
} : {};
$(this).tabs(options);
});
}
$(function() {
tabsInit();
});
module.exports = $.AMUI.tab = {
VERSION: '4.0.0',
init: tabsInit
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.tabs": 44
}
],
22: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
module.exports = $.AMUI.titlebar = {
VERSION: '4.0.0'
};
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
23: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
/* jshint -W101, -W106 */
/* Add to Homescreen v3.0.8 ~ (c) 2014 Matteo Spinelli ~ @license: http://cubiq.org/license */
// Check if document is loaded, needed by autostart
var _DOMReady = false;
if (document.readyState === 'complete') {
_DOMReady = true;
} else {
window.addEventListener('load', loaded, false);
}
function loaded() {
window.removeEventListener('load', loaded, false);
_DOMReady = true;
}
// regex used to detect if app has been added to the homescreen
var _reSmartURL = /\/ath(\/)?$/;
var _reQueryString = /([\?&]ath=[^&]*$|&ath=[^&]*(&))/;
// singleton
var _instance;
function ath(options) {
_instance = _instance || new ath.Class(options);
return _instance;
}
// message in all supported languages
ath.intl = {
en_us: {
message: 'To add this web app to the home screen: tap %icon and then <strong>%action</strong>.',
action: {
ios: 'Add to Home Screen',
android: 'Add to homescreen',
windows: 'pin to start'
}
},
zh_cn: {
message: '如要把应用程式加至主屏幕,请点击%icon, 然后<strong>%action</strong>',
action: {
ios: '加至主屏幕',
android: '加至主屏幕',
windows: '按住启动'
}
},
zh_tw: {
message: '如要把應用程式加至主屏幕, 請點擊%icon, 然後<strong>%action</strong>.',
action: {
ios: '加至主屏幕',
android: '加至主屏幕',
windows: '按住啟動'
}
}
};
// Add 2 characters language support (Android mostly)
for (var lang in ath.intl) {
ath.intl[lang.substr(0, 2)] = ath.intl[lang];
}
// default options
ath.defaults = {
appID: 'org.cubiq.addtohome', // local storage name (no need to change)
fontSize: 15, // base font size, used to properly resize the popup based on viewport scale factor
debug: false, // override browser checks
modal: false, // prevent further actions until the message is closed
mandatory: false, // you can't proceed if you don't add the app to the homescreen
autostart: true, // show the message automatically
skipFirstVisit: false, // show only to returning visitors (ie: skip the first time you visit)
startDelay: 1, // display the message after that many seconds from page load
lifespan: 15, // life of the message in seconds
displayPace: 1440, // minutes before the message is shown again (0: display every time, default 24 hours)
maxDisplayCount: 0, // absolute maximum number of times the message will be shown to the user (0: no limit)
icon: true, // add touch icon to the message
message: '', // the message can be customized
validLocation: [], // list of pages where the message will be shown (array of regexes)
onInit: null, // executed on instance creation
onShow: null, // executed when the message is shown
onRemove: null, // executed when the message is removed
onAdd: null, // when the application is launched the first time from the homescreen (guesstimate)
onPrivate: null, // executed if user is in private mode
detectHomescreen: false // try to detect if the site has been added to the homescreen (false | true | 'hash' | 'queryString' | 'smartURL')
};
// browser info and capability
var _ua = window.navigator.userAgent;
var _nav = window.navigator;
_extend(ath, {
hasToken: document.location.hash == '#ath' || _reSmartURL.test(
document.location.href) || _reQueryString.test(document.location
.search),
isRetina: window.devicePixelRatio && window.devicePixelRatio >
1,
isIDevice: (/iphone|ipod|ipad/i).test(_ua),
isMobileChrome: _ua.indexOf('Android') > -1 && (
/Chrome\/[.0-9]*/).test(_ua),
isMobileIE: _ua.indexOf('Windows Phone') > -1,
language: _nav.language && _nav.language.toLowerCase().replace(
'-', '_') || ''
});
// falls back to en_us if language is unsupported
ath.language = ath.language && ath.language in ath.intl ? ath.language :
'en_us';
ath.isMobileSafari = ath.isIDevice && _ua.indexOf('Safari') > -1 &&
_ua.indexOf('CriOS') < 0;
ath.OS = ath.isIDevice ? 'ios' : ath.isMobileChrome ? 'android' :
ath.isMobileIE ? 'windows' : 'unsupported';
ath.OSVersion = _ua.match(/(OS|Android) (\d+[_\.]\d+)/);
ath.OSVersion = ath.OSVersion && ath.OSVersion[2] ? +ath.OSVersion[
2].replace('_', '.') : 0;
ath.isStandalone = window.navigator.standalone || (ath.isMobileChrome &&
(screen.height - document.documentElement.clientHeight < 40)); // TODO: check the lame polyfill
ath.isTablet = (ath.isMobileSafari && _ua.indexOf('iPad') > -1) ||
(ath.isMobileChrome && _ua.indexOf('Mobile') < 0);
ath.isCompatible = (ath.isMobileSafari && ath.OSVersion >= 6) ||
ath.isMobileChrome; // TODO: add winphone
var _defaultSession = {
lastDisplayTime: 0, // last time we displayed the message
returningVisitor: false, // is this the first time you visit
displayCount: 0, // number of times the message has been shown
optedout: false, // has the user opted out
added: false // has been actually added to the homescreen
};
ath.removeSession = function(appID) {
try {
localStorage.removeItem(appID || ath.defaults.appID);
} catch (e) {
// we are most likely in private mode
}
};
ath.Class = function(options) {
// merge default options with user config
this.options = _extend({}, ath.defaults);
_extend(this.options, options);
// normalize some options
this.options.mandatory = this.options.mandatory && ('standalone' in
window.navigator || this.options.debug);
this.options.modal = this.options.modal || this.options.mandatory;
if (this.options.mandatory) {
this.options.startDelay = -0.5; // make the popup hasty
}
this.options.detectHomescreen = this.options.detectHomescreen ===
true ? 'hash' : this.options.detectHomescreen;
// setup the debug environment
if (this.options.debug) {
ath.isCompatible = true;
ath.OS = typeof this.options.debug == 'string' ? this.options.debug :
ath.OS == 'unsupported' ? 'android' : ath.OS;
ath.OSVersion = ath.OS == 'ios' ? '8' : '4';
}
// the element the message will be appended to
this.container = document.documentElement;
// load session
this.session = localStorage.getItem(this.options.appID);
this.session = this.session ? JSON.parse(this.session) :
undefined;
// user most likely came from a direct link containing our token, we don't need it and we remove it
if (ath.hasToken && (!ath.isCompatible || !this.session)) {
ath.hasToken = false;
_removeToken();
}
// the device is not supported
if (!ath.isCompatible) {
return;
}
this.session = this.session || _defaultSession;
// check if we can use the local storage
try {
localStorage.setItem(this.options.appID, JSON.stringify(this.session));
ath.hasLocalStorage = true;
} catch (e) {
// we are most likely in private mode
ath.hasLocalStorage = false;
if (this.options.onPrivate) {
this.options.onPrivate.call(this);
}
}
// check if this is a valid location
var isValidLocation = !this.options.validLocation.length;
for (var i = this.options.validLocation.length; i--;) {
if (this.options.validLocation[i].test(document.location.href)) {
isValidLocation = true;
break;
}
}
// check compatibility with old versions of add to homescreen. Opt-out if an old session is found
if (localStorage.getItem('addToHome')) {
this.optOut();
}
// critical errors:
// user opted out, already added to the homescreen, not a valid location
if (this.session.optedout || this.session.added || !
isValidLocation) {
return;
}
// check if the app is in stand alone mode
if (ath.isStandalone) {
// execute the onAdd event if we haven't already
if (!this.session.added) {
this.session.added = true;
this.updateSession();
if (this.options.onAdd && ath.hasLocalStorage) { // double check on localstorage to avoid multiple calls to the custom event
this.options.onAdd.call(this);
}
}
return;
}
// (try to) check if the page has been added to the homescreen
if (this.options.detectHomescreen) {
// the URL has the token, we are likely coming from the homescreen
if (ath.hasToken) {
_removeToken(); // we don't actually need the token anymore, we remove it to prevent redistribution
// this is called the first time the user opens the app from the homescreen
if (!this.session.added) {
this.session.added = true;
this.updateSession();
if (this.options.onAdd && ath.hasLocalStorage) { // double check on localstorage to avoid multiple calls to the custom event
this.options.onAdd.call(this);
}
}
return;
}
// URL doesn't have the token, so add it
if (this.options.detectHomescreen == 'hash') {
history.replaceState('', window.document.title, document.location
.href + '#ath');
} else if (this.options.detectHomescreen == 'smartURL') {
history.replaceState('', window.document.title, document.location
.href.replace(/(\/)?$/, '/ath$1'));
} else {
history.replaceState('', window.document.title, document.location
.href + (document.location.search ? '&' : '?') + 'ath=');
}
}
// check if this is a returning visitor
if (!this.session.returningVisitor) {
this.session.returningVisitor = true;
this.updateSession();
// we do not show the message if this is your first visit
if (this.options.skipFirstVisit) {
return;
}
}
// we do no show the message in private mode
if (!ath.hasLocalStorage) {
return;
}
// all checks passed, ready to display
this.ready = true;
if (this.options.onInit) {
this.options.onInit.call(this);
}
if (this.options.autostart) {
this.show();
}
};
ath.Class.prototype = {
// event type to method conversion
events: {
load: '_delayedShow',
error: '_delayedShow',
orientationchange: 'resize',
resize: 'resize',
scroll: 'resize',
click: 'remove',
touchmove: '_preventDefault',
transitionend: '_removeElements',
webkitTransitionEnd: '_removeElements',
MSTransitionEnd: '_removeElements'
},
handleEvent: function(e) {
var type = this.events[e.type];
if (type) {
this[type](e);
}
},
show: function(force) {
// in autostart mode wait for the document to be ready
if (this.options.autostart && !_DOMReady) {
setTimeout(this.show.bind(this), 50);
return;
}
// message already on screen
if (this.shown) {
return;
}
var now = Date.now();
var lastDisplayTime = this.session.lastDisplayTime;
if (force !== true) {
// this is needed if autostart is disabled and you programmatically call the show() method
if (!this.ready) {
return;
}
// we obey the display pace (prevent the message to popup too often)
if (now - lastDisplayTime < this.options.displayPace * 60000) {
return;
}
// obey the maximum number of display count
if (this.options.maxDisplayCount && this.session.displayCount >=
this.options.maxDisplayCount) {
return;
}
}
this.shown = true;
// increment the display count
this.session.lastDisplayTime = now;
this.session.displayCount++;
this.updateSession();
// try to get the highest resolution application icon
if (!this.applicationIcon) {
if (ath.OS == 'ios') {
this.applicationIcon = document.querySelector(
'head link[rel^=apple-touch-icon][sizes="152x152"],head link[rel^=apple-touch-icon][sizes="144x144"],head link[rel^=apple-touch-icon][sizes="120x120"],head link[rel^=apple-touch-icon][sizes="114x114"],head link[rel^=apple-touch-icon]'
);
} else {
this.applicationIcon = document.querySelector(
'head link[rel^="shortcut icon"][sizes="196x196"],head link[rel^=apple-touch-icon]'
);
}
}
var message = '';
if (this.options.message in ath.intl) { // you can force the locale
message = ath.intl[this.options.message].message.replace(
'%action', ath.intl[this.options.message].action[ath.OS]);
} else if (this.options.message !== '') { // or use a custom message
message = this.options.message;
} else { // otherwise we use our message
message = ath.intl[ath.language].message.replace('%action',
ath.intl[ath.language].action[ath.OS]);
}
// add the action icon
message = '<p>' + message.replace('%icon',
'<span class="ath-action-icon">icon</span>') + '</p>';
// create the message container
this.viewport = document.createElement('div');
this.viewport.className = 'ath-viewport';
if (this.options.modal) {
this.viewport.className += ' ath-modal';
}
if (this.options.mandatory) {
this.viewport.className += ' ath-mandatory';
}
this.viewport.style.position = 'absolute';
// create the actual message element
this.element = document.createElement('div');
this.element.className = 'ath-container ath-' + ath.OS +
' ath-' + ath.OS + (ath.OSVersion + '').substr(0, 1) +
' ath-' + (ath.isTablet ? 'tablet' : 'phone');
this.element.style.cssText =
'-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-duration:0;-webkit-transform:translate3d(0,0,0);transition-property:transform,opacity;transition-duration:0;transform:translate3d(0,0,0);-webkit-transition-timing-function:ease-out';
this.element.style.webkitTransform = 'translate3d(0,-' + window
.innerHeight + 'px,0)';
this.element.style.webkitTransitionDuration = '0s';
// add the application icon
if (this.options.icon && this.applicationIcon) {
this.element.className += ' ath-icon';
this.img = document.createElement('img');
this.img.className = 'ath-application-icon';
this.img.addEventListener('load', this, false);
this.img.addEventListener('error', this, false);
this.img.src = this.applicationIcon.href;
this.element.appendChild(this.img);
}
this.element.innerHTML += message;
// we are not ready to show, place the message out of sight
this.viewport.style.left = '-99999em';
// attach all elements to the DOM
this.viewport.appendChild(this.element);
this.container.appendChild(this.viewport);
// if we don't have to wait for an image to load, show the message right away
if (!this.img) {
this._delayedShow();
}
},
_delayedShow: function(e) {
setTimeout(this._show.bind(this), this.options.startDelay *
1000 + 500);
},
_show: function() {
var that = this;
// update the viewport size and orientation
this.updateViewport();
// reposition/resize the message on orientation change
window.addEventListener('resize', this, false);
window.addEventListener('scroll', this, false);
window.addEventListener('orientationchange', this, false);
if (this.options.modal) {
// lock any other interaction
document.addEventListener('touchmove', this, true);
}
// Enable closing after 1 second
if (!this.options.mandatory) {
setTimeout(function() {
that.element.addEventListener('click', that, true);
}, 1000);
}
// kick the animation
setTimeout(function() {
that.element.style.webkitTransform = 'translate3d(0,0,0)';
that.element.style.webkitTransitionDuration = '1.2s';
}, 0);
// set the destroy timer
if (this.options.lifespan) {
this.removeTimer = setTimeout(this.remove.bind(this), this.options
.lifespan * 1000);
}
// fire the custom onShow event
if (this.options.onShow) {
this.options.onShow.call(this);
}
},
remove: function() {
clearTimeout(this.removeTimer);
// clear up the event listeners
if (this.img) {
this.img.removeEventListener('load', this, false);
this.img.removeEventListener('error', this, false);
}
window.removeEventListener('resize', this, false);
window.removeEventListener('scroll', this, false);
window.removeEventListener('orientationchange', this, false);
document.removeEventListener('touchmove', this, true);
this.element.removeEventListener('click', this, true);
// remove the message element on transition end
this.element.addEventListener('transitionend', this, false);
this.element.addEventListener('webkitTransitionEnd', this,
false);
this.element.addEventListener('MSTransitionEnd', this, false);
// start the fade out animation
this.element.style.webkitTransitionDuration = '0.3s';
this.element.style.opacity = '0';
},
_removeElements: function() {
this.element.removeEventListener('transitionend', this, false);
this.element.removeEventListener('webkitTransitionEnd', this,
false);
this.element.removeEventListener('MSTransitionEnd', this, false);
// remove the message from the DOM
this.container.removeChild(this.viewport);
this.shown = false;
// fire the custom onRemove event
if (this.options.onRemove) {
this.options.onRemove.call(this);
}
},
updateViewport: function() {
if (!this.shown) {
return;
}
this.viewport.style.width = window.innerWidth + 'px';
this.viewport.style.height = window.innerHeight + 'px';
this.viewport.style.left = window.scrollX + 'px';
this.viewport.style.top = window.scrollY + 'px';
var clientWidth = document.documentElement.clientWidth;
this.orientation = clientWidth > document.documentElement.clientHeight ?
'landscape' : 'portrait';
var screenWidth = ath.OS == 'ios' ? this.orientation ==
'portrait' ? screen.width : screen.height : screen.width;
this.scale = screen.width > clientWidth ? 1 : screenWidth /
window.innerWidth;
this.element.style.fontSize = this.options.fontSize / this.scale +
'px';
},
resize: function() {
clearTimeout(this.resizeTimer);
this.resizeTimer = setTimeout(this.updateViewport.bind(this),
100);
},
updateSession: function() {
if (ath.hasLocalStorage === false) {
return;
}
localStorage.setItem(this.options.appID, JSON.stringify(this.session));
},
clearSession: function() {
this.session = _defaultSession;
this.updateSession();
},
optOut: function() {
this.session.optedout = true;
this.updateSession();
},
optIn: function() {
this.session.optedout = false;
this.updateSession();
},
clearDisplayCount: function() {
this.session.displayCount = 0;
this.updateSession();
},
_preventDefault: function(e) {
e.preventDefault();
e.stopPropagation();
}
};
// utility
function _extend(target, obj) {
for (var i in obj) {
target[i] = obj[i];
}
return target;
}
function _removeToken() {
if (document.location.hash == '#ath') {
history.replaceState('', window.document.title, document.location
.href.split('#')[0]);
}
if (_reSmartURL.test(document.location.href)) {
history.replaceState('', window.document.title, document.location
.href.replace(_reSmartURL, '$1'));
}
if (_reQueryString.test(document.location.search)) {
history.replaceState('', window.document.title, document.location
.href.replace(_reQueryString, '$2'));
}
}
/* jshint +W101, +W106 */
$.AMUI.addToHomescreen = ath;
module.exports = ath;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
24: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
/**
* @via https://github.com/Minwe/bootstrap/blob/master/js/alert.js
* @copyright Copyright 2013 Twitter, Inc.
* @license Apache 2.0
*/
// Alert Class
// NOTE: removeElement option is unavailable now
var Alert = function(element, options) {
this.options = $.extend({}, Alert.DEFAULTS, options);
this.$element = $(element);
this.$element.
addClass('am-fade am-in').
on('click.alert.amui', '.am-close', $.proxy(this.close, this));
};
Alert.DEFAULTS = {
removeElement: true
};
Alert.prototype.close = function() {
var $this = $(this);
var $target = $this.hasClass('am-alert') ?
$this :
$this.parent('.am-alert');
$target.trigger('close.alert.amui');
$target.removeClass('am-in');
function processAlert() {
$target.trigger('closed.alert.amui').remove();
}
UI.support.transition && $target.hasClass('am-fade') ?
$target.
one(UI.support.transition.end, processAlert).
emulateTransitionEnd(200) : processAlert();
};
// Alert Plugin
$.fn.alert = function(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.alert');
var options = typeof option == 'object' && option;
if (!data) {
$this.data('amui.alert', (data = new Alert(this, options || {})));
}
if (typeof option == 'string') {
data[option].call($this);
}
});
};
// Init code
$(document).on('click.alert.amui.data-api', '[data-am-alert]',
function(e) {
var $target = $(e.target);
$(this).addClass('am-fade am-in');
$target.is('.am-close') && $(this).alert('close');
});
$.AMUI.alert = Alert;
module.exports = Alert;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
25: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
/**
* @via https://github.com/twbs/bootstrap/blob/master/js/button.js
* @copyright (c) 2011-2014 Twitter, Inc
* @license The MIT License
*/
var Button = function(element, options) {
this.$element = $(element);
this.options = $.extend({}, Button.DEFAULTS, options);
this.isLoading = false;
this.hasSpinner = false;
};
Button.DEFAULTS = {
loadingText: 'loading...',
className: {
loading: 'am-btn-loading',
disabled: 'am-disabled'
},
spinner: undefined
};
Button.prototype.setState = function(state) {
var disabled = 'disabled';
var $element = this.$element;
var options = this.options;
var val = $element.is('input') ? 'val' : 'html';
var loadingClassName = options.className.disabled + ' ' +
options.className.loading;
state = state + 'Text';
if (!options.resetText) {
options.resetText = $element[val]();
}
// add spinner for element with html()
if (UI.support.animation && options.spinner &&
val === 'html' && !this.hasSpinner) {
options.loadingText = '<span class="am-icon-' +
options.spinner +
' am-icon-spin"></span>' + options.loadingText;
this.hasSpinner = true;
}
$element[val](options[state]);
// push to event loop to allow forms to submit
setTimeout($.proxy(function() {
if (state == 'loadingText') {
$element.addClass(loadingClassName).attr(disabled,
disabled);
this.isLoading = true;
} else if (this.isLoading) {
$element.removeClass(loadingClassName).removeAttr(
disabled);
this.isLoading = false;
}
}, this), 0);
};
Button.prototype.toggle = function() {
var changed = true;
var $element = this.$element;
var $parent = this.$element.parent('.am-btn-group');
if ($parent.length) {
var $input = this.$element.find('input');
if ($input.prop('type') == 'radio') {
if ($input.prop('checked') && $element.hasClass('am-active')) {
changed = false;
} else {
$parent.find('.am-active').removeClass('am-active');
}
}
if (changed) {
$input.prop('checked', !$element.hasClass('am-active')).trigger(
'change');
}
}
if (changed) {
$element.toggleClass('am-active');
if (!$element.hasClass('am-active')) {
$element.blur();
}
}
};
// Button plugin
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.button');
var options = typeof option == 'object' && option || {};
if (!data) {
$this.data('amui.button', (data = new Button(this,
options)));
}
if (option == 'toggle') {
data.toggle();
} else if (typeof option == 'string') {
data.setState(option);
}
});
}
$.fn.button = Plugin;
// Init code
$(document).on('click.button.amui.data-api', '[data-am-button]',
function(e) {
var $btn = $(e.target);
if (!$btn.hasClass('am-btn')) {
$btn = $btn.closest('.am-btn');
}
Plugin.call($btn, 'toggle');
e.preventDefault();
});
UI.ready(function(context) {
$('[data-am-loading]', context).each(function() {
$(this).button(UI.utils.parseOptions($(this).data(
'amLoading')));
});
});
$.AMUI.button = Button;
module.exports = Button;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
26: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
/**
* @via https://github.com/twbs/bootstrap/blob/master/js/collapse.js
* @copyright (c) 2011-2014 Twitter, Inc
* @license The MIT License
*/
var Collapse = function(element, options) {
this.$element = $(element);
this.options = $.extend({}, Collapse.DEFAULTS, options);
this.transitioning = null;
if (this.options.parent) {
this.$parent = $(this.options.parent);
}
if (this.options.toggle) {
this.toggle();
}
};
Collapse.DEFAULTS = {
toggle: true
};
Collapse.prototype.open = function() {
if (this.transitioning || this.$element.hasClass('am-in')) {
return;
}
var startEvent = $.Event('open.collapse.amui');
this.$element.trigger(startEvent);
if (startEvent.isDefaultPrevented()) {
return;
}
var actives = this.$parent && this.$parent.find(
'> .am-panel > .am-in');
if (actives && actives.length) {
var hasData = actives.data('amui.collapse');
if (hasData && hasData.transitioning) {
return;
}
Plugin.call(actives, 'close');
hasData || actives.data('amui.collapse', null);
}
this.$element
.removeClass('am-collapse')
.addClass('am-collapsing').height(0);
this.transitioning = 1;
var complete = function() {
this.$element.
removeClass('am-collapsing').
addClass('am-collapse am-in').
height('');
this.transitioning = 0;
this.$element.trigger('opened.collapse.amui');
};
if (!UI.support.transition) {
return complete.call(this);
}
var scrollHeight = this.$element[0].scrollHeight;
this.$element
.one(UI.support.transition.end, $.proxy(complete, this))
.emulateTransitionEnd(300).
css({
height: scrollHeight
}); // 当折叠的容器有 padding 时，如果用 height() 只能设置内容的宽度
};
Collapse.prototype.close = function() {
if (this.transitioning || !this.$element.hasClass('am-in')) {
return;
}
var startEvent = $.Event('close.collapse.amui');
this.$element.trigger(startEvent);
if (startEvent.isDefaultPrevented()) {
return;
}
this.$element.height(this.$element.height()).redraw();
this.$element.addClass('am-collapsing').
removeClass('am-collapse am-in');
this.transitioning = 1;
var complete = function() {
this.transitioning = 0;
this.$element.trigger('closed.collapse.amui').
removeClass('am-collapsing').
addClass('am-collapse');
// css({height: '0'});
};
if (!UI.support.transition) {
return complete.call(this);
}
this.$element.height(0)
.one(UI.support.transition.end, $.proxy(complete, this))
.emulateTransitionEnd(300);
};
Collapse.prototype.toggle = function() {
this[this.$element.hasClass('am-in') ? 'close' : 'open']();
};
// Collapse Plugin
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.collapse');
var options = $.extend({}, Collapse.DEFAULTS,
UI.utils.options($this.attr('data-am-collapse')),
typeof option == 'object' && option);
if (!data && options.toggle && option == 'open') {
option = !option;
}
if (!data) {
$this.data('amui.collapse', (data = new Collapse(this,
options)));
}
if (typeof option == 'string') {
data[option]();
}
});
}
$.fn.collapse = Plugin;
// Init code
$(document).on('click.collapse.amui.data-api', '[data-am-collapse]',
function(e) {
var href;
var $this = $(this);
var options = UI.utils.options($this.attr('data-am-collapse'));
var target = options.target ||
e.preventDefault() ||
(href = $this.attr('href')) &&
href.replace(/.*(?=#[^\s]+$)/, '');
var $target = $(target);
var data = $target.data('amui.collapse');
var option = data ? 'toggle' : options;
var parent = options.parent;
var $parent = parent && $(parent);
if (!data || !data.transitioning) {
if ($parent) {
// '[data-am-collapse*="{parent: \'' + parent + '"]
$parent.find('[data-am-collapse]').not($this).addClass(
'am-collapsed');
}
$this[$target.hasClass('am-in') ? 'addClass' :
'removeClass']('am-collapsed');
}
Plugin.call($target, option);
});
$.AMUI.collapse = Collapse;
module.exports = Collapse;
// TODO: 更好的 target 选择方式
// 折叠的容器必须没有 border/padding 才能正常处理，否则动画会有一些小问题
// 寻找更好的未知高度 transition 动画解决方案，max-height 之类的就算了
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
27: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var $doc = $(document);
/**
* bootstrap-datepicker.js
* @via http://www.eyecon.ro/bootstrap-datepicker
* @license http://www.apache.org/licenses/LICENSE-2.0
*/
var Datepicker = function(element, options) {
this.$element = $(element);
this.options = $.extend({}, Datepicker.DEFAULTS, options);
this.format = DPGlobal.parseFormat(this.options.format);
this.$element.data('date', this.options.date);
this.language = this.getLocale(this.options.locale);
this.theme = this.options.theme;
this.$picker = $(DPGlobal.template).appendTo('body').on({
click: $.proxy(this.click, this)
// mousedown: $.proxy(this.mousedown, this)
});
this.isInput = this.$element.is('input');
this.component = this.$element.is('.am-datepicker-date') ?
this.$element.find('.am-datepicker-add-on') : false;
if (this.isInput) {
this.$element.on({
'click.datepicker.amui': $.proxy(this.open, this),
// blur: $.proxy(this.close, this),
'keyup.datepicker.amui': $.proxy(this.update, this)
});
} else {
if (this.component) {
this.component.on('click.datepicker.amui', $.proxy(this.open,
this));
} else {
this.$element.on('click.datepicker.amui', $.proxy(this.open,
this));
}
}
this.minViewMode = this.options.minViewMode;
if (typeof this.minViewMode === 'string') {
switch (this.minViewMode) {
case 'months':
this.minViewMode = 1;
break;
case 'years':
this.minViewMode = 2;
break;
default:
this.minViewMode = 0;
break;
}
}
this.viewMode = this.options.viewMode;
if (typeof this.viewMode === 'string') {
switch (this.viewMode) {
case 'months':
this.viewMode = 1;
break;
case 'years':
this.viewMode = 2;
break;
default:
this.viewMode = 0;
break;
}
}
this.startViewMode = this.viewMode;
this.weekStart = ((this.options.weekStart ||
Datepicker.locales[this.language].weekStart || 0) % 7);
this.weekEnd = ((this.weekStart + 6) % 7);
this.onRender = this.options.onRender;
this.setTheme();
this.fillDow();
this.fillMonths();
this.update();
this.showMode();
};
Datepicker.DEFAULTS = {
locale: 'zh_CN',
format: 'yyyy-mm-dd',
weekStart: undefined,
viewMode: 0,
minViewMode: 0,
date: '',
theme: '',
autoClose: 1,
onRender: function(date) {
return '';
}
};
Datepicker.prototype.open = function(e) {
this.$picker.show();
this.height = this.component ?
this.component.outerHeight() : this.$element.outerHeight();
this.place();
$(window).on('resize.datepicker.amui', $.proxy(this.place, this));
if (e) {
e.stopPropagation();
e.preventDefault();
}
var that = this;
$(document).on('click.datepicker.amui', function(ev) {
if ($(ev.target).closest('.am-datepicker').length === 0) {
that.close();
}
});
this.$element.trigger({
type: 'open.datepicker.amui',
date: this.date
});
};
Datepicker.prototype.close = function() {
this.$picker.hide();
$(window).off('resize.datepicker.amui', this.place);
this.viewMode = this.startViewMode;
this.showMode();
if (!this.isInput) {
$(document).off('click.datepicker.amui', this.close);
}
// this.set();
this.$element.trigger({
type: 'close.datepicker.amui',
date: this.date
});
};
Datepicker.prototype.set = function() {
var formated = DPGlobal.formatDate(this.date, this.format);
if (!this.isInput) {
if (this.component) {
this.$element.find('input').prop('value', formated);
}
this.$element.data('date', formated);
} else {
this.$element.prop('value', formated);
}
};
Datepicker.prototype.setValue = function(newDate) {
if (typeof newDate === 'string') {
this.date = DPGlobal.parseDate(newDate, this.format);
} else {
this.date = new Date(newDate);
}
this.set();
this.viewDate = new Date(this.date.getFullYear(),
this.date.getMonth(), 1, 0, 0, 0, 0);
this.fill();
};
Datepicker.prototype.place = function() {
var offset = this.component ?
this.component.offset() : this.$element.offset();
var $width = this.component ?
this.component.width() : this.$element.width();
var top = offset.top + this.height;
var left = offset.left;
var right = $doc.width() - offset.left - $width;
var isOutView = this.isOutView();
this.$picker.removeClass('am-datepicker-right');
this.$picker.removeClass('am-datepicker-up');
if ($doc.width() > 640) {
if (isOutView.outRight) {
this.$picker.addClass('am-datepicker-right');
this.$picker.css({
top: top,
left: 'auto',
right: right
});
return;
}
if (isOutView.outBottom) {
this.$picker.addClass('am-datepicker-up');
top = offset.top - this.$picker.outerHeight(true);
}
} else {
left = 0;
}
this.$picker.css({
top: top,
left: left
});
};
Datepicker.prototype.update = function(newDate) {
this.date = DPGlobal.parseDate(
typeof newDate === 'string' ? newDate : (this.isInput ?
this.$element.prop('value') : this.$element.data('date')),
this.format
);
this.viewDate = new Date(this.date.getFullYear(),
this.date.getMonth(), 1, 0, 0, 0, 0);
this.fill();
};
// Days of week
Datepicker.prototype.fillDow = function() {
var dowCount = this.weekStart;
var html = '<tr>';
while (dowCount < this.weekStart + 7) {
// NOTE: do % then add 1
html += '<th class="am-datepicker-dow">' +
Datepicker.locales[this.language].daysMin[(dowCount++) % 7] +
'</th>';
}
html += '</tr>';
this.$picker.find('.am-datepicker-days thead').append(html);
};
Datepicker.prototype.fillMonths = function() {
var html = '';
var i = 0;
while (i < 12) {
html += '<span class="am-datepicker-month">' +
Datepicker.locales[this.language].monthsShort[i++] +
'</span>';
}
this.$picker.find('.am-datepicker-months td').append(html);
};
Datepicker.prototype.fill = function() {
var d = new Date(this.viewDate);
var year = d.getFullYear();
var month = d.getMonth();
var currentDate = this.date.valueOf();
var prevMonth = new Date(year, month - 1, 28, 0, 0, 0, 0);
var day = DPGlobal
.getDaysInMonth(prevMonth.getFullYear(), prevMonth.getMonth());
var daysSelect = this.$picker
.find('.am-datepicker-days .am-datepicker-select');
if (this.language === 'zh_CN') {
daysSelect.text(year + Datepicker.locales[this.language].year[0] +
' ' + Datepicker.locales[this.language].months[month]);
} else {
daysSelect.text(Datepicker.locales[this.language].months[month] +
' ' + year);
}
prevMonth.setDate(day);
prevMonth.setDate(day - (prevMonth.getDay() - this.weekStart + 7) %
7);
var nextMonth = new Date(prevMonth);
nextMonth.setDate(nextMonth.getDate() + 42);
nextMonth = nextMonth.valueOf();
var html = [];
var className;
var prevY;
var prevM;
while (prevMonth.valueOf() < nextMonth) {
if (prevMonth.getDay() === this.weekStart) {
html.push('<tr>');
}
className = this.onRender(prevMonth);
prevY = prevMonth.getFullYear();
prevM = prevMonth.getMonth();
if ((prevM < month && prevY === year) || prevY < year) {
className += ' am-datepicker-old';
} else if ((prevM > month && prevY === year) || prevY > year) {
className += ' am-datepicker-new';
}
if (prevMonth.valueOf() === currentDate) {
className += ' am-active';
}
html.push('<td class="am-datepicker-day ' +
className + '">' + prevMonth.getDate() + '</td>');
if (prevMonth.getDay() === this.weekEnd) {
html.push('</tr>');
}
prevMonth.setDate(prevMonth.getDate() + 1);
}
this.$picker.find('.am-datepicker-days tbody')
.empty().append(html.join(''));
var currentYear = this.date.getFullYear();
var months = this.$picker.find('.am-datepicker-months')
.find('.am-datepicker-select')
.text(year);
months = months.end()
.find('span').removeClass('am-active');
if (currentYear === year) {
months.eq(this.date.getMonth()).addClass('am-active');
}
html = '';
year = parseInt(year / 10, 10) * 10;
var yearCont = this.$picker
.find('.am-datepicker-years')
.find('.am-datepicker-select')
.text(year + '-' + (year + 9))
.end()
.find('td');
year -= 1;
for (var i = -1; i < 11; i++) {
html += '<span class="' +
(i === -1 || i === 10 ? ' am-datepicker-old' : '') +
(currentYear === year ? ' am-active' : '') + '">' + year +
'</span>';
year += 1;
}
yearCont.html(html);
};
Datepicker.prototype.click = function(event) {
event.stopPropagation();
event.preventDefault();
var month;
var year;
var $target = $(event.target).closest('span, td, th');
if ($target.length === 1) {
switch ($target[0].nodeName.toLowerCase()) {
case 'th':
switch ($target[0].className) {
case 'am-datepicker-switch':
this.showMode(1);
break;
case 'am-datepicker-prev':
case 'am-datepicker-next':
this.viewDate['set' + DPGlobal.modes[this.viewMode].navFnc]
.call(
this.viewDate,
this.viewDate['get' + DPGlobal.modes[this.viewMode]
.navFnc]
.call(this.viewDate) +
DPGlobal.modes[this.viewMode].navStep *
($target[0].className === 'am-datepicker-prev' ? -1 :
1)
);
this.fill();
this.set();
break;
}
break;
case 'span':
if ($target.is('.am-datepicker-month')) {
month = $target.parent().find('span').index($target);
this.viewDate.setMonth(month);
} else {
year = parseInt($target.text(), 10) || 0;
this.viewDate.setFullYear(year);
}
if (this.viewMode !== 0) {
this.date = new Date(this.viewDate);
this.$element.trigger({
type: 'changeDate.datepicker.amui',
date: this.date,
viewMode: DPGlobal.modes[this.viewMode].clsName
});
}
this.showMode(-1);
this.fill();
this.set();
break;
case 'td':
if ($target.is('.am-datepicker-day') && !$target.is(
'.am-disabled')) {
var day = parseInt($target.text(), 10) || 1;
month = this.viewDate.getMonth();
if ($target.is('.am-datepicker-old')) {
month -= 1;
} else if ($target.is('.am-datepicker-new')) {
month += 1;
}
year = this.viewDate.getFullYear();
this.date = new Date(year, month, day, 0, 0, 0, 0);
this.viewDate = new Date(year, month, Math.min(28, day),
0, 0, 0, 0);
this.fill();
this.set();
this.$element.trigger({
type: 'changeDate.datepicker.amui',
date: this.date,
viewMode: DPGlobal.modes[this.viewMode].clsName
});
this.options.autoClose && this.close();
}
break;
}
}
};
Datepicker.prototype.mousedown = function(event) {
event.stopPropagation();
event.preventDefault();
};
Datepicker.prototype.showMode = function(dir) {
if (dir) {
this.viewMode = Math.max(this.minViewMode,
Math.min(2, this.viewMode + dir));
}
this.$picker.find('>div').hide().
filter('.am-datepicker-' + DPGlobal.modes[this.viewMode].clsName)
.show();
};
Datepicker.prototype.isOutView = function() {
var offset = this.component ?
this.component.offset() : this.$element.offset();
var isOutView = {
outRight: false,
outBottom: false
};
var $picker = this.$picker;
var width = offset.left + $picker.outerWidth(true);
var height = offset.top + $picker.outerHeight(true) +
this.$element.innerHeight();
if (width > $doc.width()) {
isOutView.outRight = true;
}
if (height > $doc.height()) {
isOutView.outBottom = true;
}
return isOutView;
};
Datepicker.prototype.getLocale = function(locale) {
if (!locale) {
locale = navigator.language && navigator.language.split('-');
locale[1] = locale[1].toUpperCase();
locale = locale.join('_');
}
if (!Datepicker.locales[locale]) {
locale = 'en_US';
}
return locale;
};
Datepicker.prototype.setTheme = function() {
if (this.theme) {
this.$picker.addClass('am-datepicker-' + this.theme);
}
};
// Datepicker locales
Datepicker.locales = {
en_US: {
days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday',
'Friday', 'Saturday'
],
daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
months: ['January', 'February', 'March', 'April', 'May', 'June',
'July', 'August', 'September', 'October', 'November',
'December'
],
monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
],
weekStart: 0
},
zh_CN: {
days: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
daysShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
daysMin: ['日', '一', '二', '三', '四', '五', '六'],
months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月',
'八月', '九月', '十月', '十一月', '十二月'
],
monthsShort: ['一月', '二月', '三月', '四月', '五月', '六月',
'七月', '八月', '九月', '十月', '十一月', '十二月'
],
weekStart: 1,
year: ['年']
}
};
var DPGlobal = {
modes: [{
clsName: 'days',
navFnc: 'Month',
navStep: 1
}, {
clsName: 'months',
navFnc: 'FullYear',
navStep: 1
}, {
clsName: 'years',
navFnc: 'FullYear',
navStep: 10
}],
isLeapYear: function(year) {
return (((year % 4 === 0) && (year % 100 !== 0)) || (year %
400 === 0));
},
getDaysInMonth: function(year, month) {
return [31, (DPGlobal.isLeapYear(year) ? 29 : 28),
31, 30, 31, 30, 31, 31, 30, 31, 30, 31
][month];
},
parseFormat: function(format) {
var separator = format.match(/[.\/\-\s].*?/);
var parts = format.split(/\W+/);
if (!separator || !parts || parts.length === 0) {
throw new Error('Invalid date format.');
}
return {
separator: separator,
parts: parts
};
},
parseDate: function(date, format) {
var parts = date.split(format.separator);
var val;
date = new Date();
date.setHours(0);
date.setMinutes(0);
date.setSeconds(0);
date.setMilliseconds(0);
if (parts.length === format.parts.length) {
var year = date.getFullYear();
var day = date.getDate();
var month = date.getMonth();
for (var i = 0, cnt = format.parts.length; i < cnt; i++) {
val = parseInt(parts[i], 10) || 1;
switch (format.parts[i]) {
case 'dd':
case 'd':
day = val;
date.setDate(val);
break;
case 'mm':
case 'm':
month = val - 1;
date.setMonth(val - 1);
break;
case 'yy':
year = 2000 + val;
date.setFullYear(2000 + val);
break;
case 'yyyy':
year = val;
date.setFullYear(val);
break;
}
}
date = new Date(year, month, day, 0, 0, 0);
}
return date;
},
formatDate: function(date, format) {
var val = {
d: date.getDate(),
m: date.getMonth() + 1,
yy: date.getFullYear().toString().substring(2),
yyyy: date.getFullYear()
};
var dateArray = [];
val.dd = (val.d < 10 ? '0' : '') + val.d;
val.mm = (val.m < 10 ? '0' : '') + val.m;
for (var i = 0, cnt = format.parts.length; i < cnt; i++) {
dateArray.push(val[format.parts[i]]);
}
return dateArray.join(format.separator);
},
headTemplate: '<thead>' +
'<tr class="am-datepicker-header">' +
'<th class="am-datepicker-prev">' +
'<i class="am-datepicker-prev-icon"></i></th>' +
'<th colspan="5" class="am-datepicker-switch">' +
'<div class="am-datepicker-select"></div></th>' +
'<th class="am-datepicker-next"><i class="am-datepicker-next-icon"></i>' +
'</th></tr></thead>',
contTemplate: '<tbody><tr><td colspan="7"></td></tr></tbody>'
};
DPGlobal.template =
'<div class="am-datepicker am-datepicker-dropdown">' +
'<div class="am-datepicker-caret"></div>' +
'<div class="am-datepicker-days">' +
'<table class="am-datepicker-table">' +
DPGlobal.headTemplate +
'<tbody></tbody>' +
'</table>' +
'</div>' +
'<div class="am-datepicker-months">' +
'<table class="am-datepicker-table">' +
DPGlobal.headTemplate +
DPGlobal.contTemplate +
'</table>' +
'</div>' +
'<div class="am-datepicker-years">' +
'<table class="am-datepicker-table">' +
DPGlobal.headTemplate +
DPGlobal.contTemplate +
'</table>' +
'</div>' +
'</div>';
$.fn.datepicker = function(option, val) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.datepicker');
var options = $.extend({},
UI.utils.options($this.data('amDatepicker')),
typeof option === 'object' && option);
if (!data) {
$this.data('amui.datepicker', (data = new Datepicker(this,
options)));
}
if (typeof option === 'string') {
data[option] && data[option](val);
}
});
};
$.fn.datepicker.Constructor = Datepicker;
// Init code
$(document).on('ready', function(e) {
$('[data-am-datepicker]').datepicker();
});
$.AMUI.datepicker = Datepicker;
module.exports = Datepicker;
// TODO: 1. 载入动画
// 2. less 优化
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
28: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var $doc = $(document);
var transition = UI.support.transition;
var Dimmer = function() {
this.id = UI.utils.generateGUID('am-dimmer');
this.$element = $(Dimmer.DEFAULTS.tpl, {
id: this.id
});
this.inited = false;
this.scrollbarWidth = 0;
this.$used = $([]);
};
Dimmer.DEFAULTS = {
tpl: '<div class="am-dimmer" data-am-dimmer></div>'
};
Dimmer.prototype.init = function() {
if (!this.inited) {
$(document.body).append(this.$element);
this.inited = true;
$doc.trigger('init.dimmer.amui');
}
return this;
};
Dimmer.prototype.open = function(relatedElement) {
if (!this.inited) {
this.init();
}
var $element = this.$element;
// 用于多重调用
if (relatedElement) {
this.$used = this.$used.add($(relatedElement));
}
this.checkScrollbar().setScrollbar();
$element.off(transition.end).show().trigger('open.dimmer.amui');
setTimeout(function() {
$element.addClass('am-active');
}, 0);
return this;
};
Dimmer.prototype.close = function(relatedElement, force) {
this.$used = this.$used.not($(relatedElement));
if (!force && this.$used.length) {
return this;
}
var $element = this.$element;
$element.removeClass('am-active').trigger('close.dimmer.amui');
function complete() {
$element.hide();
this.resetScrollbar();
}
// transition ? $element.one(transition.end, $.proxy(complete, this)) :
complete.call(this);
return this;
};
Dimmer.prototype.checkScrollbar = function() {
this.scrollbarWidth = UI.utils.measureScrollbar();
return this;
};
Dimmer.prototype.setScrollbar = function() {
var $body = $(document.body);
var bodyPaddingRight = parseInt(($body.css('padding-right') || 0),
10);
if (this.scrollbarWidth) {
$body.css('padding-right', bodyPaddingRight + this.scrollbarWidth);
}
$body.addClass('am-dimmer-active');
return this;
};
Dimmer.prototype.resetScrollbar = function() {
$(document.body).css('padding-right', '').removeClass(
'am-dimmer-active');
return this;
};
var dimmer = new Dimmer();
$.AMUI.dimmer = dimmer;
module.exports = dimmer;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
29: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var animation = UI.support.animation;
/**
* @via https://github.com/Minwe/bootstrap/blob/master/js/dropdown.js
* @copyright (c) 2011-2014 Twitter, Inc
* @license The MIT License
*/
// var toggle = '[data-am-dropdown] > .am-dropdown-toggle';
var Dropdown = function(element, options) {
this.options = $.extend({}, Dropdown.DEFAULTS, options);
options = this.options;
this.$element = $(element);
this.$toggle = this.$element.find(options.selector.toggle);
this.$dropdown = this.$element.find(options.selector.dropdown);
this.$boundary = (options.boundary === window) ? $(window) :
this.$element.closest(options.boundary);
this.$justify = (options.justify && $(options.justify).length &&
$(options.justify)) || undefined;
!this.$boundary.length && (this.$boundary = $(window));
this.active = this.$element.hasClass('am-active') ? true :
false;
this.animating = null;
this.events();
};
Dropdown.DEFAULTS = {
animation: 'am-animation-slide-top-fixed',
boundary: window,
justify: undefined,
selector: {
dropdown: '.am-dropdown-content',
toggle: '.am-dropdown-toggle'
},
trigger: 'click'
};
Dropdown.prototype.toggle = function() {
this.clear();
if (this.animating) {
return;
}
this[this.active ? 'close' : 'open']();
};
Dropdown.prototype.open = function(e) {
var $toggle = this.$toggle;
var $element = this.$element;
var $dropdown = this.$dropdown;
if ($toggle.is('.am-disabled, :disabled')) {
return;
}
if (this.active) {
return;
}
$element.trigger('open.dropdown.amui').addClass('am-active');
$toggle.trigger('focus');
this.checkDimensions();
var complete = $.proxy(function() {
$element.trigger('opened.dropdown.amui');
this.active = true;
this.animating = 0;
}, this);
if (animation) {
this.animating = 1;
$dropdown.addClass(this.options.animation).
on(animation.end + '.open.dropdown.amui', $.proxy(function() {
complete();
$dropdown.removeClass(this.options.animation);
}, this));
} else {
complete();
}
};
Dropdown.prototype.close = function() {
if (!this.active) {
return;
}
// fix #165
// var animationName = this.options.animation + ' am-animation-reverse';
var animationName = 'am-dropdown-animation';
var $element = this.$element;
var $dropdown = this.$dropdown;
$element.trigger('close.dropdown.amui');
var complete = $.proxy(function complete() {
$element.
removeClass('am-active').
trigger('closed.dropdown.amui');
this.active = false;
this.animating = 0;
this.$toggle.blur();
}, this);
if (animation) {
$dropdown.removeClass(this.options.animation);
$dropdown.addClass(animationName);
this.animating = 1;
// animation
$dropdown.one(animation.end + '.close.dropdown.amui', function() {
$dropdown.removeClass(animationName);
complete();
});
} else {
complete();
}
};
Dropdown.prototype.checkDimensions = function() {
if (!this.$dropdown.length) {
return;
}
var $dropdown = this.$dropdown;
var offset = $dropdown.offset();
var width = $dropdown.outerWidth();
var boundaryWidth = this.$boundary.width();
var boundaryOffset = $.isWindow(this.boundary) && this.$boundary.offset() ?
this.$boundary.offset().left : 0;
if (this.$justify) {
// jQuery.fn.width() is really...
$dropdown.css({
'min-width': this.$justify.css('width')
});
}
if ((width + (offset.left - boundaryOffset)) > boundaryWidth) {
this.$element.addClass('am-dropdown-flip');
}
};
Dropdown.prototype.clear = function() {
$('[data-am-dropdown]').not(this.$element).each(function() {
var data = $(this).data('amui.dropdown');
data && data.close();
});
};
Dropdown.prototype.events = function() {
var eventNS = 'dropdown.amui';
// triggers = this.options.trigger.split(' '),
var $toggle = this.$toggle;
$toggle.on('click.' + eventNS, $.proxy(function(e) {
e.preventDefault();
this.toggle();
}, this));
/*for (var i = triggers.length; i--;) {
var trigger = triggers[i];
if (trigger === 'click') {
$toggle.on('click.' + eventNS, $.proxy(this.toggle, this))
}
if (trigger === 'focus' || trigger === 'hover') {
var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin';
var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout';
this.$element.on(eventIn + '.' + eventNS, $.proxy(this.open, this))
.on(eventOut + '.' + eventNS, $.proxy(this.close, this));
}
}*/
$(document).on('keydown.dropdown.amui', $.proxy(function(e) {
e.keyCode === 27 && this.active && this.close();
}, this)).on('click.outer.dropdown.amui', $.proxy(function(e) {
// var $target = $(e.target);
if (this.active &&
(this.$element[0] === e.target || !this.$element.find(e.target)
.length)) {
this.close();
}
}, this));
};
// Dropdown Plugin
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.dropdown');
var options = $.extend({},
UI.utils.parseOptions($this.attr('data-am-dropdown')),
typeof option == 'object' && option);
if (!data) {
$this.data('amui.dropdown', (data = new Dropdown(this,
options)));
}
if (typeof option == 'string') {
data[option]();
}
});
}
$.fn.dropdown = Plugin;
// Init code
UI.ready(function(context) {
$('[data-am-dropdown]', context).dropdown();
});
$(document).on('click.dropdown.amui.data-api', '.am-dropdown form',
function(e) {
e.stopPropagation();
});
$.AMUI.dropdown = Dropdown;
module.exports = Dropdown;
// TODO: 1. 处理链接 focus
// 2. 增加 mouseenter / mouseleave 选项
// 3. 宽度适应
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
30: [
function(require, module, exports) {
(function(global) {
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
// MODIFIED:
// - LINE 226: add `<i></i>`
// - namespace
// - Init code
// TODO: start after x ms when pause on actions
/*
* jQuery FlexSlider v2.2.2
* Copyright 2012 WooThemes
* Contributing Author: Tyler Smith
*/
// FlexSlider: Object Instance
$.flexslider = function(el, options) {
var slider = $(el);
// making variables public
slider.vars = $.extend({}, $.flexslider.defaults, options);
var namespace = slider.vars.namespace,
msGesture = window.navigator && window.navigator.msPointerEnabled &&
window.MSGesture,
touch = (("ontouchstart" in window) || msGesture || window.DocumentTouch &&
document instanceof DocumentTouch) && slider.vars.touch,
// depricating this idea, as devices are being released with both of these events
//eventType = (touch) ? "touchend" : "click",
eventType = "click touchend MSPointerUp keyup",
watchedEvent = "",
watchedEventClearTimer,
vertical = slider.vars.direction === "vertical",
reverse = slider.vars.reverse,
carousel = (slider.vars.itemWidth > 0),
fade = slider.vars.animation === "fade",
asNav = slider.vars.asNavFor !== "",
methods = {},
focused = true;
// Store a reference to the slider object
$.data(el, 'flexslider', slider);
// Private slider methods
methods = {
init: function() {
slider.animating = false;
// Get current slide and make sure it is a number
slider.currentSlide = parseInt((slider.vars.startAt ? slider.vars
.startAt : 0), 10);
if (isNaN(slider.currentSlide)) {
slider.currentSlide = 0;
}
slider.animatingTo = slider.currentSlide;
slider.atEnd = (slider.currentSlide === 0 || slider.currentSlide ===
slider.last);
slider.containerSelector = slider.vars.selector.substr(0,
slider.vars.selector.search(' '));
slider.slides = $(slider.vars.selector, slider);
slider.container = $(slider.containerSelector, slider);
slider.count = slider.slides.length;
// SYNC:
slider.syncExists = $(slider.vars.sync).length > 0;
// SLIDE:
if (slider.vars.animation === "slide") slider.vars.animation =
"swing";
slider.prop = (vertical) ? "top" : "marginLeft";
slider.args = {};
// SLIDESHOW:
slider.manualPause = false;
slider.stopped = false;
//PAUSE WHEN INVISIBLE
slider.started = false;
slider.startTimeout = null;
// TOUCH/USECSS:
slider.transitions = !slider.vars.video && !fade && slider.vars
.useCSS && (function() {
var obj = document.createElement('div'),
props = ['perspectiveProperty', 'WebkitPerspective',
'MozPerspective', 'OPerspective', 'msPerspective'
];
for (var i in props) {
if (obj.style[props[i]] !== undefined) {
slider.pfx = props[i].replace('Perspective', '').toLowerCase();
slider.prop = "-" + slider.pfx + "-transform";
return true;
}
}
return false;
}());
slider.ensureAnimationEnd = '';
// CONTROLSCONTAINER:
if (slider.vars.controlsContainer !== "") slider.controlsContainer =
$(slider.vars.controlsContainer).length > 0 && $(slider.vars
.controlsContainer);
// MANUAL:
if (slider.vars.manualControls !== "") slider.manualControls =
$(slider.vars.manualControls).length > 0 && $(slider.vars.manualControls);
// RANDOMIZE:
if (slider.vars.randomize) {
slider.slides.sort(function() {
return (Math.round(Math.random()) - 0.5);
});
slider.container.empty().append(slider.slides);
}
slider.doMath();
// INIT
slider.setup("init");
// CONTROLNAV:
if (slider.vars.controlNav) methods.controlNav.setup();
// DIRECTIONNAV:
if (slider.vars.directionNav) methods.directionNav.setup();
// KEYBOARD:
if (slider.vars.keyboard && ($(slider.containerSelector).length ===
1 || slider.vars.multipleKeyboard)) {
$(document).bind('keyup', function(event) {
var keycode = event.keyCode;
if (!slider.animating && (keycode === 39 || keycode ===
37)) {
var target = (keycode === 39) ? slider.getTarget(
'next') :
(keycode === 37) ? slider.getTarget('prev') : false;
slider.flexAnimate(target, slider.vars.pauseOnAction);
}
});
}
// MOUSEWHEEL:
if (slider.vars.mousewheel) {
slider.bind('mousewheel', function(event, delta, deltaX,
deltaY) {
event.preventDefault();
var target = (delta < 0) ? slider.getTarget('next') :
slider.getTarget('prev');
slider.flexAnimate(target, slider.vars.pauseOnAction);
});
}
// PAUSEPLAY
if (slider.vars.pausePlay) methods.pausePlay.setup();
//PAUSE WHEN INVISIBLE
if (slider.vars.slideshow && slider.vars.pauseInvisible)
methods.pauseInvisible.init();
// SLIDSESHOW
if (slider.vars.slideshow) {
if (slider.vars.pauseOnHover) {
slider.hover(function() {
if (!slider.manualPlay && !slider.manualPause) slider
.pause();
}, function() {
if (!slider.manualPause && !slider.manualPlay && !
slider.stopped) slider.play();
});
}
// initialize animation
//If we're visible, or we don't use PageVisibility API
if (!slider.vars.pauseInvisible || !methods.pauseInvisible.isHidden()) {
(slider.vars.initDelay > 0) ? slider.startTimeout =
setTimeout(slider.play, slider.vars.initDelay) : slider
.play();
}
}
// ASNAV:
if (asNav) methods.asNav.setup();
// TOUCH
if (touch && slider.vars.touch) methods.touch();
// FADE&&SMOOTHHEIGHT || SLIDE:
if (!fade || (fade && slider.vars.smoothHeight)) $(window).bind(
"resize orientationchange focus", methods.resize);
slider.find("img").attr("draggable", "false");
// API: start() Callback
setTimeout(function() {
slider.vars.start(slider);
}, 200);
},
asNav: {
setup: function() {
slider.asNav = true;
slider.animatingTo = Math.floor(slider.currentSlide /
slider.move);
slider.currentItem = slider.currentSlide;
slider.slides.removeClass(namespace + "active-slide").eq(
slider.currentItem).addClass(namespace + "active-slide");
if (!msGesture) {
slider.slides.on(eventType, function(e) {
e.preventDefault();
var $slide = $(this),
target = $slide.index();
var posFromLeft = $slide.offset().left - $(slider).scrollLeft(); // Find position of slide relative to left of slider container
if (posFromLeft <= 0 && $slide.hasClass(namespace +
'active-slide')) {
slider.flexAnimate(slider.getTarget("prev"), true);
} else if (!$(slider.vars.asNavFor).data('flexslider')
.animating && !$slide.hasClass(namespace +
"active-slide")) {
slider.direction = (slider.currentItem < target) ?
"next" : "prev";
slider.flexAnimate(target, slider.vars.pauseOnAction,
false, true, true);
}
});
} else {
el._slider = slider;
slider.slides.each(function() {
var that = this;
that._gesture = new MSGesture();
that._gesture.target = that;
that.addEventListener("MSPointerDown", function(e) {
e.preventDefault();
if (e.currentTarget._gesture)
e.currentTarget._gesture.addPointer(e.pointerId);
}, false);
that.addEventListener("MSGestureTap", function(e) {
e.preventDefault();
var $slide = $(this),
target = $slide.index();
if (!$(slider.vars.asNavFor).data('flexslider').animating &&
!$slide.hasClass('active')) {
slider.direction = (slider.currentItem < target) ?
"next" : "prev";
slider.flexAnimate(target, slider.vars.pauseOnAction,
false, true, true);
}
});
});
}
}
},
controlNav: {
setup: function() {
if (!slider.manualControls) {
methods.controlNav.setupPaging();
} else { // MANUALCONTROLS:
methods.controlNav.setupManual();
}
},
setupPaging: function() {
var type = (slider.vars.controlNav === "thumbnails") ?
'control-thumbs' : 'control-paging',
j = 1,
item,
slide;
slider.controlNavScaffold = $('<ol class="' + namespace +
'control-nav ' + namespace + type + '"></ol>');
if (slider.pagingCount > 1) {
for (var i = 0; i < slider.pagingCount; i++) {
slide = slider.slides.eq(i);
item = (slider.vars.controlNav === "thumbnails") ?
'<img src="' + slide.attr('data-thumb') + '"/>' :
'<a>' + j + '</a>';
if ('thumbnails' === slider.vars.controlNav && true ===
slider.vars.thumbCaptions) {
var captn = slide.attr('data-thumbcaption');
if ('' != captn && undefined != captn) item +=
'<span class="' + namespace + 'caption">' + captn +
'</span>';
}
// slider.controlNavScaffold.append('<li>' + item + '</li>');
slider.controlNavScaffold.append('<li>' + item +
'<i></i></li>');
j++;
}
}
// CONTROLSCONTAINER:
(slider.controlsContainer) ? $(slider.controlsContainer).append(
slider.controlNavScaffold) : slider.append(slider.controlNavScaffold);
methods.controlNav.set();
methods.controlNav.active();
slider.controlNavScaffold.delegate('a, img', eventType,
function(event) {
event.preventDefault();
if (watchedEvent === "" || watchedEvent === event.type) {
var $this = $(this),
target = slider.controlNav.index($this);
if (!$this.hasClass(namespace + 'active')) {
slider.direction = (target > slider.currentSlide) ?
"next" : "prev";
slider.flexAnimate(target, slider.vars.pauseOnAction);
}
}
// setup flags to prevent event duplication
if (watchedEvent === "") {
watchedEvent = event.type;
}
methods.setToClearWatchedEvent();
});
},
setupManual: function() {
slider.controlNav = slider.manualControls;
methods.controlNav.active();
slider.controlNav.bind(eventType, function(event) {
event.preventDefault();
if (watchedEvent === "" || watchedEvent === event.type) {
var $this = $(this),
target = slider.controlNav.index($this);
if (!$this.hasClass(namespace + 'active')) {
(target > slider.currentSlide) ? slider.direction =
"next" : slider.direction = "prev";
slider.flexAnimate(target, slider.vars.pauseOnAction);
}
}
// setup flags to prevent event duplication
if (watchedEvent === "") {
watchedEvent = event.type;
}
methods.setToClearWatchedEvent();
});
},
set: function() {
var selector = (slider.vars.controlNav === "thumbnails") ?
'img' : 'a';
slider.controlNav = $('.' + namespace + 'control-nav li ' +
selector, (slider.controlsContainer) ? slider.controlsContainer :
slider);
},
active: function() {
slider.controlNav.removeClass(namespace + "active").eq(
slider.animatingTo).addClass(namespace + "active");
},
update: function(action, pos) {
if (slider.pagingCount > 1 && action === "add") {
slider.controlNavScaffold.append($('<li><a>' + slider.count +
'</a></li>'));
} else if (slider.pagingCount === 1) {
slider.controlNavScaffold.find('li').remove();
} else {
slider.controlNav.eq(pos).closest('li').remove();
}
methods.controlNav.set();
(slider.pagingCount > 1 && slider.pagingCount !== slider.controlNav
.length) ? slider.update(pos, action) : methods.controlNav
.active();
}
},
directionNav: {
setup: function() {
var directionNavScaffold = $('<ul class="' + namespace +
'direction-nav"><li><a class="' + namespace +
'prev" href="#">' + slider.vars.prevText +
'</a></li><li><a class="' + namespace +
'next" href="#">' + slider.vars.nextText +
'</a></li></ul>');
// CONTROLSCONTAINER:
if (slider.controlsContainer) {
$(slider.controlsContainer).append(directionNavScaffold);
slider.directionNav = $('.' + namespace +
'direction-nav li a', slider.controlsContainer);
} else {
slider.append(directionNavScaffold);
slider.directionNav = $('.' + namespace +
'direction-nav li a', slider);
}
methods.directionNav.update();
slider.directionNav.bind(eventType, function(event) {
event.preventDefault();
var target;
if (watchedEvent === "" || watchedEvent === event.type) {
target = ($(this).hasClass(namespace + 'next')) ?
slider.getTarget('next') : slider.getTarget('prev');
slider.flexAnimate(target, slider.vars.pauseOnAction);
}
// setup flags to prevent event duplication
if (watchedEvent === "") {
watchedEvent = event.type;
}
methods.setToClearWatchedEvent();
});
},
update: function() {
var disabledClass = namespace + 'disabled';
if (slider.pagingCount === 1) {
slider.directionNav.addClass(disabledClass).attr(
'tabindex', '-1');
} else if (!slider.vars.animationLoop) {
if (slider.animatingTo === 0) {
slider.directionNav.removeClass(disabledClass).filter(
'.' + namespace + "prev").addClass(disabledClass).attr(
'tabindex', '-1');
} else if (slider.animatingTo === slider.last) {
slider.directionNav.removeClass(disabledClass).filter(
'.' + namespace + "next").addClass(disabledClass).attr(
'tabindex', '-1');
} else {
slider.directionNav.removeClass(disabledClass).removeAttr(
'tabindex');
}
} else {
slider.directionNav.removeClass(disabledClass).removeAttr(
'tabindex');
}
}
},
pausePlay: {
setup: function() {
var pausePlayScaffold = $('<div class="' + namespace +
'pauseplay"><a></a></div>');
// CONTROLSCONTAINER:
if (slider.controlsContainer) {
slider.controlsContainer.append(pausePlayScaffold);
slider.pausePlay = $('.' + namespace + 'pauseplay a',
slider.controlsContainer);
} else {
slider.append(pausePlayScaffold);
slider.pausePlay = $('.' + namespace + 'pauseplay a',
slider);
}
methods.pausePlay.update((slider.vars.slideshow) ?
namespace + 'pause' : namespace + 'play');
slider.pausePlay.bind(eventType, function(event) {
event.preventDefault();
if (watchedEvent === "" || watchedEvent === event.type) {
if ($(this).hasClass(namespace + 'pause')) {
slider.manualPause = true;
slider.manualPlay = false;
slider.pause();
} else {
slider.manualPause = false;
slider.manualPlay = true;
slider.play();
}
}
// setup flags to prevent event duplication
if (watchedEvent === "") {
watchedEvent = event.type;
}
methods.setToClearWatchedEvent();
});
},
update: function(state) {
(state === "play") ? slider.pausePlay.removeClass(namespace +
'pause').addClass(namespace + 'play').html(slider.vars.playText) :
slider.pausePlay.removeClass(namespace + 'play').addClass(
namespace + 'pause').html(slider.vars.pauseText);
}
},
touch: function() {
var startX,
startY,
offset,
cwidth,
dx,
startT,
scrolling = false,
localX = 0,
localY = 0,
accDx = 0;
if (!msGesture) {
el.addEventListener('touchstart', onTouchStart, false);
function onTouchStart(e) {
if (slider.animating) {
e.preventDefault();
} else if ((window.navigator.msPointerEnabled) || e.touches
.length === 1) {
slider.pause();
// CAROUSEL:
cwidth = (vertical) ? slider.h : slider.w;
startT = Number(new Date());
// CAROUSEL:
// Local vars for X and Y points.
localX = e.touches[0].pageX;
localY = e.touches[0].pageY;
offset = (carousel && reverse && slider.animatingTo ===
slider.last) ? 0 :
(carousel && reverse) ? slider.limit - (((slider.itemW +
slider.vars.itemMargin) * slider.move) * slider.animatingTo) :
(carousel && slider.currentSlide === slider.last) ?
slider.limit :
(carousel) ? ((slider.itemW + slider.vars.itemMargin) *
slider.move) * slider.currentSlide :
(reverse) ? (slider.last - slider.currentSlide +
slider.cloneOffset) * cwidth : (slider.currentSlide +
slider.cloneOffset) * cwidth;
startX = (vertical) ? localY : localX;
startY = (vertical) ? localX : localY;
el.addEventListener('touchmove', onTouchMove, false);
el.addEventListener('touchend', onTouchEnd, false);
}
}
function onTouchMove(e) {
// Local vars for X and Y points.
localX = e.touches[0].pageX;
localY = e.touches[0].pageY;
dx = (vertical) ? startX - localY : startX - localX;
scrolling = (vertical) ? (Math.abs(dx) < Math.abs(localX -
startY)) : (Math.abs(dx) < Math.abs(localY - startY));
var fxms = 500;
if (!scrolling || Number(new Date()) - startT > fxms) {
e.preventDefault();
if (!fade && slider.transitions) {
if (!slider.vars.animationLoop) {
dx = dx / ((slider.currentSlide === 0 && dx < 0 ||
slider.currentSlide === slider.last && dx > 0) ?
(Math.abs(dx) / cwidth + 2) : 1);
}
slider.setProps(offset + dx, "setTouch");
}
}
}
function onTouchEnd(e) {
// finish the touch by undoing the touch session
el.removeEventListener('touchmove', onTouchMove, false);
if (slider.animatingTo === slider.currentSlide && !
scrolling && !(dx === null)) {
var updateDx = (reverse) ? -dx : dx,
target = (updateDx > 0) ? slider.getTarget('next') :
slider.getTarget('prev');
if (slider.canAdvance(target) && (Number(new Date()) -
startT < 550 && Math.abs(updateDx) > 50 || Math.abs(
updateDx) > cwidth / 2)) {
slider.flexAnimate(target, slider.vars.pauseOnAction);
} else {
if (!fade) slider.flexAnimate(slider.currentSlide,
slider.vars.pauseOnAction, true);
}
}
el.removeEventListener('touchend', onTouchEnd, false);
startX = null;
startY = null;
dx = null;
offset = null;
}
} else {
el.style.msTouchAction = "none";
el._gesture = new MSGesture();
el._gesture.target = el;
el.addEventListener("MSPointerDown", onMSPointerDown, false);
el._slider = slider;
el.addEventListener("MSGestureChange", onMSGestureChange,
false);
el.addEventListener("MSGestureEnd", onMSGestureEnd, false);
function onMSPointerDown(e) {
e.stopPropagation();
if (slider.animating) {
e.preventDefault();
} else {
slider.pause();
el._gesture.addPointer(e.pointerId);
accDx = 0;
cwidth = (vertical) ? slider.h : slider.w;
startT = Number(new Date());
// CAROUSEL:
offset = (carousel && reverse && slider.animatingTo ===
slider.last) ? 0 :
(carousel && reverse) ? slider.limit - (((slider.itemW +
slider.vars.itemMargin) * slider.move) * slider.animatingTo) :
(carousel && slider.currentSlide === slider.last) ?
slider.limit :
(carousel) ? ((slider.itemW + slider.vars.itemMargin) *
slider.move) * slider.currentSlide :
(reverse) ? (slider.last - slider.currentSlide +
slider.cloneOffset) * cwidth : (slider.currentSlide +
slider.cloneOffset) * cwidth;
}
}
function onMSGestureChange(e) {
e.stopPropagation();
var slider = e.target._slider;
if (!slider) {
return;
}
var transX = -e.translationX,
transY = -e.translationY;
//Accumulate translations.
accDx = accDx + ((vertical) ? transY : transX);
dx = accDx;
scrolling = (vertical) ? (Math.abs(accDx) < Math.abs(-
transX)) : (Math.abs(accDx) < Math.abs(-transY));
if (e.detail === e.MSGESTURE_FLAG_INERTIA) {
setImmediate(function() {
el._gesture.stop();
});
return;
}
if (!scrolling || Number(new Date()) - startT > 500) {
e.preventDefault();
if (!fade && slider.transitions) {
if (!slider.vars.animationLoop) {
dx = accDx / ((slider.currentSlide === 0 && accDx <
0 || slider.currentSlide === slider.last &&
accDx > 0) ? (Math.abs(accDx) / cwidth + 2) : 1);
}
slider.setProps(offset + dx, "setTouch");
}
}
}
function onMSGestureEnd(e) {
e.stopPropagation();
var slider = e.target._slider;
if (!slider) {
return;
}
if (slider.animatingTo === slider.currentSlide && !
scrolling && !(dx === null)) {
var updateDx = (reverse) ? -dx : dx,
target = (updateDx > 0) ? slider.getTarget('next') :
slider.getTarget('prev');
if (slider.canAdvance(target) && (Number(new Date()) -
startT < 550 && Math.abs(updateDx) > 50 || Math.abs(
updateDx) > cwidth / 2)) {
slider.flexAnimate(target, slider.vars.pauseOnAction);
} else {
if (!fade) slider.flexAnimate(slider.currentSlide,
slider.vars.pauseOnAction, true);
}
}
startX = null;
startY = null;
dx = null;
offset = null;
accDx = 0;
}
}
},
resize: function() {
if (!slider.animating && slider.is(':visible')) {
if (!carousel) slider.doMath();
if (fade) {
// SMOOTH HEIGHT:
methods.smoothHeight();
} else if (carousel) { //CAROUSEL:
slider.slides.width(slider.computedW);
slider.update(slider.pagingCount);
slider.setProps();
} else if (vertical) { //VERTICAL:
slider.viewport.height(slider.h);
slider.setProps(slider.h, "setTotal");
} else {
// SMOOTH HEIGHT:
if (slider.vars.smoothHeight) methods.smoothHeight();
slider.newSlides.width(slider.computedW);
slider.setProps(slider.computedW, "setTotal");
}
}
},
smoothHeight: function(dur) {
if (!vertical || fade) {
var $obj = (fade) ? slider : slider.viewport;
(dur) ? $obj.animate({
"height": slider.slides.eq(slider.animatingTo).height()
}, dur) : $obj.height(slider.slides.eq(slider.animatingTo).height());
}
},
sync: function(action) {
var $obj = $(slider.vars.sync).data("flexslider"),
target = slider.animatingTo;
switch (action) {
case "animate":
$obj.flexAnimate(target, slider.vars.pauseOnAction, false,
true);
break;
case "play":
if (!$obj.playing && !$obj.asNav) {
$obj.play();
}
break;
case "pause":
$obj.pause();
break;
}
},
uniqueID: function($clone) {
// Append _clone to current level and children elements with id attributes
$clone.filter('[id]').add($clone.find('[id]')).each(function() {
var $this = $(this);
$this.attr('id', $this.attr('id') + '_clone');
});
return $clone;
},
pauseInvisible: {
visProp: null,
init: function() {
var prefixes = ['webkit', 'moz', 'ms', 'o'];
if ('hidden' in document) return 'hidden';
for (var i = 0; i < prefixes.length; i++) {
if ((prefixes[i] + 'Hidden') in document)
methods.pauseInvisible.visProp = prefixes[i] + 'Hidden';
}
if (methods.pauseInvisible.visProp) {
var evtname = methods.pauseInvisible.visProp.replace(
/[H|h]idden/, '') + 'visibilitychange';
document.addEventListener(evtname, function() {
if (methods.pauseInvisible.isHidden()) {
if (slider.startTimeout) clearTimeout(slider.startTimeout); //If clock is ticking, stop timer and prevent from starting while invisible
else slider.pause(); //Or just pause
} else {
if (slider.started) slider.play(); //Initiated before, just play
else(slider.vars.initDelay > 0) ? setTimeout(slider
.play, slider.vars.initDelay) : slider.play(); //Didn't init before: simply init or wait for it
}
});
}
},
isHidden: function() {
return document[methods.pauseInvisible.visProp] || false;
}
},
setToClearWatchedEvent: function() {
clearTimeout(watchedEventClearTimer);
watchedEventClearTimer = setTimeout(function() {
watchedEvent = "";
}, 3000);
}
};
// public methods
slider.flexAnimate = function(target, pause, override, withSync,
fromNav) {
if (!slider.vars.animationLoop && target !== slider.currentSlide) {
slider.direction = (target > slider.currentSlide) ? "next" :
"prev";
}
if (asNav && slider.pagingCount === 1) slider.direction = (
slider.currentItem < target) ? "next" : "prev";
if (!slider.animating && (slider.canAdvance(target, fromNav) ||
override) && slider.is(":visible")) {
if (asNav && withSync) {
var master = $(slider.vars.asNavFor).data('flexslider');
slider.atEnd = target === 0 || target === slider.count - 1;
master.flexAnimate(target, true, false, true, fromNav);
slider.direction = (slider.currentItem < target) ? "next" :
"prev";
master.direction = slider.direction;
if (Math.ceil((target + 1) / slider.visible) - 1 !== slider
.currentSlide && target !== 0) {
slider.currentItem = target;
slider.slides.removeClass(namespace + "active-slide").eq(
target).addClass(namespace + "active-slide");
target = Math.floor(target / slider.visible);
} else {
slider.currentItem = target;
slider.slides.removeClass(namespace + "active-slide").eq(
target).addClass(namespace + "active-slide");
return false;
}
}
slider.animating = true;
slider.animatingTo = target;
// SLIDESHOW:
if (pause) slider.pause();
// API: before() animation Callback
slider.vars.before(slider);
// SYNC:
if (slider.syncExists && !fromNav) methods.sync("animate");
// CONTROLNAV
if (slider.vars.controlNav) methods.controlNav.active();
// !CAROUSEL:
// CANDIDATE: slide active class (for add/remove slide)
if (!carousel) slider.slides.removeClass(namespace +
'active-slide').eq(target).addClass(namespace +
'active-slide');
// INFINITE LOOP:
// CANDIDATE: atEnd
slider.atEnd = target === 0 || target === slider.last;
// DIRECTIONNAV:
if (slider.vars.directionNav) methods.directionNav.update();
if (target === slider.last) {
// API: end() of cycle Callback
slider.vars.end(slider);
// SLIDESHOW && !INFINITE LOOP:
if (!slider.vars.animationLoop) slider.pause();
}
// SLIDE:
if (!fade) {
var dimension = (vertical) ? slider.slides.filter(':first')
.height() : slider.computedW,
margin, slideString, calcNext;
// INFINITE LOOP / REVERSE:
if (carousel) {
//margin = (slider.vars.itemWidth > slider.w) ? slider.vars.itemMargin * 2 : slider.vars.itemMargin;
margin = slider.vars.itemMargin;
calcNext = ((slider.itemW + margin) * slider.move) *
slider.animatingTo;
slideString = (calcNext > slider.limit && slider.visible !==
1) ? slider.limit : calcNext;
} else if (slider.currentSlide === 0 && target === slider.count -
1 && slider.vars.animationLoop && slider.direction !==
"next") {
slideString = (reverse) ? (slider.count + slider.cloneOffset) *
dimension : 0;
} else if (slider.currentSlide === slider.last && target ===
0 && slider.vars.animationLoop && slider.direction !==
"prev") {
slideString = (reverse) ? 0 : (slider.count + 1) *
dimension;
} else {
slideString = (reverse) ? ((slider.count - 1) - target +
slider.cloneOffset) * dimension : (target + slider.cloneOffset) *
dimension;
}
slider.setProps(slideString, "", slider.vars.animationSpeed);
if (slider.transitions) {
if (!slider.vars.animationLoop || !slider.atEnd) {
slider.animating = false;
slider.currentSlide = slider.animatingTo;
}
// Unbind previous transitionEnd events and re-bind new transitionEnd event
slider.container.unbind(
"webkitTransitionEnd transitionend");
slider.container.bind("webkitTransitionEnd transitionend",
function() {
clearTimeout(slider.ensureAnimationEnd);
slider.wrapup(dimension);
});
// Insurance for the ever-so-fickle transitionEnd event
clearTimeout(slider.ensureAnimationEnd);
slider.ensureAnimationEnd = setTimeout(function() {
slider.wrapup(dimension);
}, slider.vars.animationSpeed + 100);
} else {
slider.container.animate(slider.args, slider.vars.animationSpeed,
slider.vars.easing, function() {
slider.wrapup(dimension);
});
}
} else { // FADE:
if (!touch) {
//slider.slides.eq(slider.currentSlide).fadeOut(slider.vars.animationSpeed, slider.vars.easing);
//slider.slides.eq(target).fadeIn(slider.vars.animationSpeed, slider.vars.easing, slider.wrapup);
slider.slides.eq(slider.currentSlide).css({
"zIndex": 1
}).animate({
"opacity": 0
}, slider.vars.animationSpeed, slider.vars.easing);
slider.slides.eq(target).css({
"zIndex": 2
}).animate({
"opacity": 1
}, slider.vars.animationSpeed, slider.vars.easing,
slider.wrapup);
} else {
slider.slides.eq(slider.currentSlide).css({
"opacity": 0,
"zIndex": 1
});
slider.slides.eq(target).css({
"opacity": 1,
"zIndex": 2
});
slider.wrapup(dimension);
}
}
// SMOOTH HEIGHT:
if (slider.vars.smoothHeight) methods.smoothHeight(slider.vars
.animationSpeed);
}
};
slider.wrapup = function(dimension) {
// SLIDE:
if (!fade && !carousel) {
if (slider.currentSlide === 0 && slider.animatingTo ===
slider.last && slider.vars.animationLoop) {
slider.setProps(dimension, "jumpEnd");
} else if (slider.currentSlide === slider.last && slider.animatingTo ===
0 && slider.vars.animationLoop) {
slider.setProps(dimension, "jumpStart");
}
}
slider.animating = false;
slider.currentSlide = slider.animatingTo;
// API: after() animation Callback
slider.vars.after(slider);
};
// SLIDESHOW:
slider.animateSlides = function() {
if (!slider.animating && focused) slider.flexAnimate(slider.getTarget(
"next"));
};
// SLIDESHOW:
slider.pause = function() {
clearInterval(slider.animatedSlides);
slider.animatedSlides = null;
slider.playing = false;
// PAUSEPLAY:
if (slider.vars.pausePlay) methods.pausePlay.update("play");
// SYNC:
if (slider.syncExists) methods.sync("pause");
};
// SLIDESHOW:
slider.play = function() {
if (slider.playing) clearInterval(slider.animatedSlides);
slider.animatedSlides = slider.animatedSlides || setInterval(
slider.animateSlides, slider.vars.slideshowSpeed);
slider.started = slider.playing = true;
// PAUSEPLAY:
if (slider.vars.pausePlay) methods.pausePlay.update("pause");
// SYNC:
if (slider.syncExists) methods.sync("play");
};
// STOP:
slider.stop = function() {
slider.pause();
slider.stopped = true;
};
slider.canAdvance = function(target, fromNav) {
// ASNAV:
var last = (asNav) ? slider.pagingCount - 1 : slider.last;
return (fromNav) ? true :
(asNav && slider.currentItem === slider.count - 1 && target ===
0 && slider.direction === "prev") ? true :
(asNav && slider.currentItem === 0 && target === slider.pagingCount -
1 && slider.direction !== "next") ? false :
(target === slider.currentSlide && !asNav) ? false :
(slider.vars.animationLoop) ? true :
(slider.atEnd && slider.currentSlide === 0 && target === last &&
slider.direction !== "next") ? false :
(slider.atEnd && slider.currentSlide === last && target === 0 &&
slider.direction === "next") ? false :
true;
};
slider.getTarget = function(dir) {
slider.direction = dir;
if (dir === "next") {
return (slider.currentSlide === slider.last) ? 0 : slider.currentSlide +
1;
} else {
return (slider.currentSlide === 0) ? slider.last : slider.currentSlide -
1;
}
};
// SLIDE:
slider.setProps = function(pos, special, dur) {
var target = (function() {
var posCheck = (pos) ? pos : ((slider.itemW + slider.vars
.itemMargin) * slider.move) * slider.animatingTo,
posCalc = (function() {
if (carousel) {
return (special === "setTouch") ? pos :
(reverse && slider.animatingTo === slider.last) ?
0 :
(reverse) ? slider.limit - (((slider.itemW +
slider.vars.itemMargin) * slider.move) *
slider.animatingTo) :
(slider.animatingTo === slider.last) ? slider.limit :
posCheck;
} else {
switch (special) {
case "setTotal":
return (reverse) ? ((slider.count - 1) -
slider.currentSlide + slider.cloneOffset) *
pos : (slider.currentSlide + slider.cloneOffset) *
pos;
case "setTouch":
return (reverse) ? pos : pos;
case "jumpEnd":
return (reverse) ? pos : slider.count * pos;
case "jumpStart":
return (reverse) ? slider.count * pos : pos;
default:
return pos;
}
}
}());
return (posCalc * -1) + "px";
}());
if (slider.transitions) {
target = (vertical) ? "translate3d(0," + target + ",0)" :
"translate3d(" + target + ",0,0)";
dur = (dur !== undefined) ? (dur / 1000) + "s" : "0s";
slider.container.css("-" + slider.pfx +
"-transition-duration", dur);
slider.container.css("transition-duration", dur);
}
slider.args[slider.prop] = target;
if (slider.transitions || dur === undefined) slider.container.css(
slider.args);
slider.container.css('transform', target);
};
slider.setup = function(type) {
// SLIDE:
if (!fade) {
var sliderOffset, arr;
if (type === "init") {
slider.viewport = $('<div class="' + namespace +
'viewport"></div>').css({
"overflow": "hidden",
"position": "relative"
}).appendTo(slider).append(slider.container);
// INFINITE LOOP:
slider.cloneCount = 0;
slider.cloneOffset = 0;
// REVERSE:
if (reverse) {
arr = $.makeArray(slider.slides).reverse();
slider.slides = $(arr);
slider.container.empty().append(slider.slides);
}
}
// INFINITE LOOP && !CAROUSEL:
if (slider.vars.animationLoop && !carousel) {
slider.cloneCount = 2;
slider.cloneOffset = 1;
// clear out old clones
if (type !== "init") slider.container.find('.clone').remove();
slider.container.append(methods.uniqueID(slider.slides.first()
.clone().addClass('clone')).attr('aria-hidden', 'true'))
.prepend(methods.uniqueID(slider.slides.last().clone().addClass(
'clone')).attr('aria-hidden', 'true'));
}
slider.newSlides = $(slider.vars.selector, slider);
sliderOffset = (reverse) ? slider.count - 1 - slider.currentSlide +
slider.cloneOffset : slider.currentSlide + slider.cloneOffset;
// VERTICAL:
if (vertical && !carousel) {
slider.container.height((slider.count + slider.cloneCount) *
200 + "%").css("position", "absolute").width("100%");
setTimeout(function() {
slider.newSlides.css({
"display": "block"
});
slider.doMath();
slider.viewport.height(slider.h);
slider.setProps(sliderOffset * slider.h, "init");
}, (type === "init") ? 100 : 0);
} else {
slider.container.width((slider.count + slider.cloneCount) *
200 + "%");
slider.setProps(sliderOffset * slider.computedW, "init");
setTimeout(function() {
slider.doMath();
slider.newSlides.css({
"width": slider.computedW,
"float": "left",
"display": "block"
});
// SMOOTH HEIGHT:
if (slider.vars.smoothHeight) methods.smoothHeight();
}, (type === "init") ? 100 : 0);
}
} else { // FADE:
slider.slides.css({
"width": "100%",
"float": "left",
"marginRight": "-100%",
"position": "relative"
});
if (type === "init") {
if (!touch) {
//slider.slides.eq(slider.currentSlide).fadeIn(slider.vars.animationSpeed, slider.vars.easing);
if (slider.vars.fadeFirstSlide == false) {
slider.slides.css({
"opacity": 0,
"display": "block",
"zIndex": 1
}).eq(slider.currentSlide).css({
"zIndex": 2
}).css({
"opacity": 1
});
} else {
slider.slides.css({
"opacity": 0,
"display": "block",
"zIndex": 1
}).eq(slider.currentSlide).css({
"zIndex": 2
}).animate({
"opacity": 1
}, slider.vars.animationSpeed, slider.vars.easing);
}
} else {
slider.slides.css({
"opacity": 0,
"display": "block",
"webkitTransition": "opacity " + slider.vars.animationSpeed /
1000 + "s ease",
"zIndex": 1
}).eq(slider.currentSlide).css({
"opacity": 1,
"zIndex": 2
});
}
}
// SMOOTH HEIGHT:
if (slider.vars.smoothHeight) methods.smoothHeight();
}
// !CAROUSEL:
// CANDIDATE: active slide
if (!carousel) slider.slides.removeClass(namespace +
"active-slide").eq(slider.currentSlide).addClass(namespace +
"active-slide");
//FlexSlider: init() Callback
slider.vars.init(slider);
};
slider.doMath = function() {
var slide = slider.slides.first(),
slideMargin = slider.vars.itemMargin,
minItems = slider.vars.minItems,
maxItems = slider.vars.maxItems;
slider.w = (slider.viewport === undefined) ? slider.width() :
slider.viewport.width();
slider.h = slide.height();
slider.boxPadding = slide.outerWidth() - slide.width();
// CAROUSEL:
if (carousel) {
slider.itemT = slider.vars.itemWidth + slideMargin;
slider.minW = (minItems) ? minItems * slider.itemT : slider.w;
slider.maxW = (maxItems) ? (maxItems * slider.itemT) -
slideMargin : slider.w;
slider.itemW = (slider.minW > slider.w) ? (slider.w - (
slideMargin * (minItems - 1))) / minItems :
(slider.maxW < slider.w) ? (slider.w - (slideMargin * (
maxItems - 1))) / maxItems :
(slider.vars.itemWidth > slider.w) ? slider.w : slider.vars
.itemWidth;
slider.visible = Math.floor(slider.w / (slider.itemW));
slider.move = (slider.vars.move > 0 && slider.vars.move <
slider.visible) ? slider.vars.move : slider.visible;
slider.pagingCount = Math.ceil(((slider.count - slider.visible) /
slider.move) + 1);
slider.last = slider.pagingCount - 1;
slider.limit = (slider.pagingCount === 1) ? 0 :
(slider.vars.itemWidth > slider.w) ? (slider.itemW * (
slider.count - 1)) + (slideMargin * (slider.count - 1)) : (
(slider.itemW + slideMargin) * slider.count) - slider.w -
slideMargin;
} else {
slider.itemW = slider.w;
slider.pagingCount = slider.count;
slider.last = slider.count - 1;
}
slider.computedW = slider.itemW - slider.boxPadding;
};
slider.update = function(pos, action) {
slider.doMath();
// update currentSlide and slider.animatingTo if necessary
if (!carousel) {
if (pos < slider.currentSlide) {
slider.currentSlide += 1;
} else if (pos <= slider.currentSlide && pos !== 0) {
slider.currentSlide -= 1;
}
slider.animatingTo = slider.currentSlide;
}
// update controlNav
if (slider.vars.controlNav && !slider.manualControls) {
if ((action === "add" && !carousel) || slider.pagingCount >
slider.controlNav.length) {
methods.controlNav.update("add");
} else if ((action === "remove" && !carousel) || slider.pagingCount <
slider.controlNav.length) {
if (carousel && slider.currentSlide > slider.last) {
slider.currentSlide -= 1;
slider.animatingTo -= 1;
}
methods.controlNav.update("remove", slider.last);
}
}
// update directionNav
if (slider.vars.directionNav) methods.directionNav.update();
};
slider.addSlide = function(obj, pos) {
var $obj = $(obj);
slider.count += 1;
slider.last = slider.count - 1;
// append new slide
if (vertical && reverse) {
(pos !== undefined) ? slider.slides.eq(slider.count - pos).after(
$obj) : slider.container.prepend($obj);
} else {
(pos !== undefined) ? slider.slides.eq(pos).before($obj) :
slider.container.append($obj);
}
// update currentSlide, animatingTo, controlNav, and directionNav
slider.update(pos, "add");
// update slider.slides
slider.slides = $(slider.vars.selector + ':not(.clone)', slider);
// re-setup the slider to accomdate new slide
slider.setup();
//FlexSlider: added() Callback
slider.vars.added(slider);
};
slider.removeSlide = function(obj) {
var pos = (isNaN(obj)) ? slider.slides.index($(obj)) : obj;
// update count
slider.count -= 1;
slider.last = slider.count - 1;
// remove slide
if (isNaN(obj)) {
$(obj, slider.slides).remove();
} else {
(vertical && reverse) ? slider.slides.eq(slider.last).remove() :
slider.slides.eq(obj).remove();
}
// update currentSlide, animatingTo, controlNav, and directionNav
slider.doMath();
slider.update(pos, "remove");
// update slider.slides
slider.slides = $(slider.vars.selector + ':not(.clone)', slider);
// re-setup the slider to accomdate new slide
slider.setup();
// FlexSlider: removed() Callback
slider.vars.removed(slider);
};
//FlexSlider: Initialize
methods.init();
};
// Ensure the slider isn't focussed if the window loses focus.
$(window).blur(function(e) {
focused = false;
}).focus(function(e) {
focused = true;
});
// FlexSlider: Default Settings
$.flexslider.defaults = {
namespace: "am-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin
selector: ".am-slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
animation: "slide", //String: Select your animation type, "fade" or "slide"
easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"
reverse: false, //{NEW} Boolean: Reverse the animation direction
animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide)
slideshow: true, //Boolean: Animate slider automatically
slideshowSpeed: 5000, //Integer: Set the speed of the slideshow cycling, in milliseconds
animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds
initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds
randomize: false, //Boolean: Randomize slide order
fadeFirstSlide: true, //Boolean: Fade in the first slide when animation type is "fade"
thumbCaptions: false, //Boolean: Whether or not to put captions on thumbnails when using the "thumbnails" controlNav.
// Usability features
pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
pauseInvisible: true, //{NEW} Boolean: Pause the slideshow when tab is invisible, resume when visible. Provides better UX, lower CPU usage.
useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available
touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
// Primary Controls
controlNav: true, //Boolean: Create navigation for paging control of each slide? Note: Leave true for manualControls usage
directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
prevText: "Previous", //String: Set the text for the "previous" directionNav item
nextText: "Next", //String: Set the text for the "next" directionNav item
// Secondary Navigation
keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys
multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present.
mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel
pausePlay: false, //Boolean: Create pause/play dynamic element
pauseText: "Pause", //String: Set the text for the "pause" pausePlay item
playText: "Play", //String: Set the text for the "play" pausePlay item
// Special properties
controlsContainer: "", //{UPDATED} jQuery Object/Selector: Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be $(".flexslider-container"). Property is ignored if given element is not found.
manualControls: "", //{UPDATED} jQuery Object/Selector: Declare custom control navigation. Examples would be $(".flex-control-nav li") or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider
// Carousel Options
itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
itemMargin: 0, //{NEW} Integer: Margin between carousel items.
minItems: 1, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
allowOneSlide: true, //{NEW} Boolean: Whether or not to allow a slider comprised of a single slide
// Callback API
start: function() {}, //Callback: function(slider) - Fires when the slider loads the first slide
before: function() {}, //Callback: function(slider) - Fires asynchronously with each slider animation
after: function() {}, //Callback: function(slider) - Fires after each slider animation completes
end: function() {}, //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
added: function() {}, //{NEW} Callback: function(slider) - Fires after a slide is added
removed: function() {}, //{NEW} Callback: function(slider) - Fires after a slide is removed
init: function() {} //{NEW} Callback: function(slider) - Fires after the slider is initially setup
};
// FlexSlider: Plugin Function
$.fn.flexslider = function(options) {
if (options === undefined) options = {};
if (typeof options === "object") {
return this.each(function() {
var $this = $(this),
selector = (options.selector) ? options.selector :
".am-slides > li",
$slides = $this.find(selector);
if (($slides.length === 1 && options.allowOneSlide ===
true) || $slides.length === 0) {
$slides.fadeIn(400);
if (options.start) options.start($this);
} else if ($this.data('flexslider') === undefined) {
new $.flexslider(this, options);
}
});
} else {
// Helper strings to quickly pecdrform functions on the slider
var $slider = $(this).data('flexslider');
switch (options) {
case 'play':
$slider.play();
break;
case 'pause':
$slider.pause();
break;
case 'stop':
$slider.stop();
break;
case 'next':
$slider.flexAnimate($slider.getTarget('next'), true);
break;
case 'prev':
case 'previous':
$slider.flexAnimate($slider.getTarget('prev'), true);
break;
default:
if (typeof options === 'number') {
$slider.flexAnimate(options, true);
}
}
}
};
// Init code
UI.ready(function(context) {
$('[data-am-flexslider]', context).each(function(i, item) {
var $slider = $(item);
var options = UI.utils.parseOptions($slider.data(
'amFlexslider'));
options.before = function(slider) {
if (slider._pausedTimer) {
window.clearTimeout(slider._pausedTimer);
slider._pausedTimer = null;
}
};
options.after = function(slider) {
var pauseTime = slider.vars.playAfterPaused;
if (pauseTime && !isNaN(pauseTime) && !slider.playing) {
if (!slider.manualPause && !slider.manualPlay && !
slider.stopped) {
slider._pausedTimer = window.setTimeout(function() {
slider.play();
}, pauseTime);
}
}
};
$slider.flexslider(options);
});
});
// if (!slider.manualPause && !slider.manualPlay && !slider.stopped) slider.play();
module.exports = $.flexslider;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
31: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
/* jshint unused: false */
/* jshint -W101, -W116, -W109 */
/*! iScroll v5.1.3
* (c) 2008-2014 Matteo Spinelli
* http://cubiq.org/license
*/
var rAF = window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(callback) {
window.setTimeout(callback, 1000 / 60);
};
var utils = (function() {
var me = {};
var _elementStyle = document.createElement('div').style;
var _vendor = (function() {
var vendors = ['t', 'webkitT', 'MozT', 'msT', 'OT'],
transform,
i = 0,
l = vendors.length;
for (; i < l; i++) {
transform = vendors[i] + 'ransform';
if (transform in _elementStyle) return vendors[i].substr(
0, vendors[i].length - 1);
}
return false;
})();
function _prefixStyle(style) {
if (_vendor === false) return false;
if (_vendor === '') return style;
return _vendor + style.charAt(0).toUpperCase() + style.substr(
1);
}
me.getTime = Date.now || function getTime() {
return new Date().getTime();
};
me.extend = function(target, obj) {
for (var i in obj) {
target[i] = obj[i];
}
};
me.addEvent = function(el, type, fn, capture) {
el.addEventListener(type, fn, !!capture);
};
me.removeEvent = function(el, type, fn, capture) {
el.removeEventListener(type, fn, !!capture);
};
me.prefixPointerEvent = function(pointerEvent) {
return window.MSPointerEvent ?
'MSPointer' + pointerEvent.charAt(9).toUpperCase() +
pointerEvent.substr(10) :
pointerEvent;
};
me.momentum = function(current, start, time, lowerMargin,
wrapperSize, deceleration) {
var distance = current - start,
speed = Math.abs(distance) / time,
destination,
duration;
deceleration = deceleration === undefined ? 0.0006 :
deceleration;
destination = current + (speed * speed) / (2 * deceleration) *
(distance < 0 ? -1 : 1);
duration = speed / deceleration;
if (destination < lowerMargin) {
destination = wrapperSize ? lowerMargin - (wrapperSize /
2.5 * (speed / 8)) : lowerMargin;
distance = Math.abs(destination - current);
duration = distance / speed;
} else if (destination > 0) {
destination = wrapperSize ? wrapperSize / 2.5 * (speed /
8) : 0;
distance = Math.abs(current) + destination;
duration = distance / speed;
}
return {
destination: Math.round(destination),
duration: duration
};
};
var _transform = _prefixStyle('transform');
me.extend(me, {
hasTransform: _transform !== false,
hasPerspective: _prefixStyle('perspective') in
_elementStyle,
hasTouch: 'ontouchstart' in window,
hasPointer: window.PointerEvent || window.MSPointerEvent, // IE10 is prefixed
hasTransition: _prefixStyle('transition') in
_elementStyle
});
// This should find all Android browsers lower than build 535.19 (both stock browser and webview)
me.isBadAndroid = /Android /.test(window.navigator.appVersion) &&
!(/Chrome\/\d/.test(window.navigator.appVersion));
me.extend(me.style = {}, {
transform: _transform,
transitionTimingFunction: _prefixStyle(
'transitionTimingFunction'),
transitionDuration: _prefixStyle('transitionDuration'),
transitionDelay: _prefixStyle('transitionDelay'),
transformOrigin: _prefixStyle('transformOrigin')
});
me.hasClass = function(e, c) {
var re = new RegExp("(^|\\s)" + c + "(\\s|$)");
return re.test(e.className);
};
me.addClass = function(e, c) {
if (me.hasClass(e, c)) {
return;
}
var newclass = e.className.split(' ');
newclass.push(c);
e.className = newclass.join(' ');
};
me.removeClass = function(e, c) {
if (!me.hasClass(e, c)) {
return;
}
var re = new RegExp("(^|\\s)" + c + "(\\s|$)", 'g');
e.className = e.className.replace(re, ' ');
};
me.offset = function(el) {
var left = -el.offsetLeft,
top = -el.offsetTop;
// jshint -W084
while (el = el.offsetParent) {
left -= el.offsetLeft;
top -= el.offsetTop;
}
// jshint +W084
return {
left: left,
top: top
};
};
me.preventDefaultException = function(el, exceptions) {
for (var i in exceptions) {
if (exceptions[i].test(el[i])) {
return true;
}
}
return false;
};
me.extend(me.eventType = {}, {
touchstart: 1,
touchmove: 1,
touchend: 1,
mousedown: 2,
mousemove: 2,
mouseup: 2,
pointerdown: 3,
pointermove: 3,
pointerup: 3,
MSPointerDown: 3,
MSPointerMove: 3,
MSPointerUp: 3
});
me.extend(me.ease = {}, {
quadratic: {
style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
fn: function(k) {
return k * (2 - k);
}
},
circular: {
style: 'cubic-bezier(0.1, 0.57, 0.1, 1)', // Not properly "circular" but this looks better, it should be (0.075, 0.82, 0.165, 1)
fn: function(k) {
return Math.sqrt(1 - (--k * k));
}
},
back: {
style: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
fn: function(k) {
var b = 4;
return (k = k - 1) * k * ((b + 1) * k + b) + 1;
}
},
bounce: {
style: '',
fn: function(k) {
if ((k /= 1) < (1 / 2.75)) {
return 7.5625 * k * k;
} else if (k < (2 / 2.75)) {
return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75;
} else if (k < (2.5 / 2.75)) {
return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375;
} else {
return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375;
}
}
},
elastic: {
style: '',
fn: function(k) {
var f = 0.22,
e = 0.4;
if (k === 0) {
return 0;
}
if (k == 1) {
return 1;
}
return (e * Math.pow(2, -10 * k) * Math.sin((k - f /
4) * (2 * Math.PI) / f) + 1);
}
}
});
me.tap = function(e, eventName) {
var ev = document.createEvent('Event');
ev.initEvent(eventName, true, true);
ev.pageX = e.pageX;
ev.pageY = e.pageY;
e.target.dispatchEvent(ev);
};
me.click = function(e) {
var target = e.target,
ev;
if (!(/(SELECT|INPUT|TEXTAREA)/i).test(target.tagName)) {
ev = document.createEvent('MouseEvents');
ev.initMouseEvent('click', true, true, e.view, 1,
target.screenX, target.screenY, target.clientX, target.clientY,
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
0, null);
ev._constructed = true;
target.dispatchEvent(ev);
}
};
return me;
})();
function IScroll(el, options) {
this.wrapper = typeof el == 'string' ? document.querySelector(el) :
el;
this.scroller = this.wrapper.children[0];
this.scrollerStyle = this.scroller.style; // cache style for better performance
this.options = {
// INSERT POINT: OPTIONS
startX: 0,
startY: 0,
scrollY: true,
directionLockThreshold: 5,
momentum: true,
bounce: true,
bounceTime: 600,
bounceEasing: '',
preventDefault: true,
preventDefaultException: {
tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/
},
HWCompositing: true,
useTransition: true,
useTransform: true
};
for (var i in options) {
this.options[i] = options[i];
}
// Normalize options
this.translateZ = this.options.HWCompositing && utils.hasPerspective ?
' translateZ(0)' : '';
this.options.useTransition = utils.hasTransition && this.options.useTransition;
this.options.useTransform = utils.hasTransform && this.options.useTransform;
this.options.eventPassthrough = this.options.eventPassthrough ===
true ? 'vertical' : this.options.eventPassthrough;
this.options.preventDefault = !this.options.eventPassthrough &&
this.options.preventDefault;
// If you want eventPassthrough I have to lock one of the axes
this.options.scrollY = this.options.eventPassthrough ==
'vertical' ? false : this.options.scrollY;
this.options.scrollX = this.options.eventPassthrough ==
'horizontal' ? false : this.options.scrollX;
// With eventPassthrough we also need lockDirection mechanism
this.options.freeScroll = this.options.freeScroll && !this.options
.eventPassthrough;
this.options.directionLockThreshold = this.options.eventPassthrough ?
0 : this.options.directionLockThreshold;
this.options.bounceEasing = typeof this.options.bounceEasing ==
'string' ? utils.ease[this.options.bounceEasing] || utils.ease.circular :
this.options.bounceEasing;
this.options.resizePolling = this.options.resizePolling ===
undefined ? 60 : this.options.resizePolling;
if (this.options.tap === true) {
this.options.tap = 'tap';
}
// INSERT POINT: NORMALIZATION
// Some defaults
this.x = 0;
this.y = 0;
this.directionX = 0;
this.directionY = 0;
this._events = {};
// INSERT POINT: DEFAULTS
this._init();
this.refresh();
this.scrollTo(this.options.startX, this.options.startY);
this.enable();
}
IScroll.prototype = {
version: '5.1.3',
_init: function() {
this._initEvents();
// INSERT POINT: _init
},
destroy: function() {
this._initEvents(true);
this._execEvent('destroy');
},
_transitionEnd: function(e) {
if (e.target != this.scroller || !this.isInTransition) {
return;
}
this._transitionTime();
if (!this.resetPosition(this.options.bounceTime)) {
this.isInTransition = false;
this._execEvent('scrollEnd');
}
},
_start: function(e) {
// React to left mouse button only
if (utils.eventType[e.type] != 1) {
if (e.button !== 0) {
return;
}
}
if (!this.enabled || (this.initiated && utils.eventType[e.type] !==
this.initiated)) {
return;
}
if (this.options.preventDefault && !utils.isBadAndroid && !
utils.preventDefaultException(e.target, this.options.preventDefaultException)
) {
e.preventDefault();
}
var point = e.touches ? e.touches[0] : e,
pos;
this.initiated = utils.eventType[e.type];
this.moved = false;
this.distX = 0;
this.distY = 0;
this.directionX = 0;
this.directionY = 0;
this.directionLocked = 0;
this._transitionTime();
this.startTime = utils.getTime();
if (this.options.useTransition && this.isInTransition) {
this.isInTransition = false;
pos = this.getComputedPosition();
this._translate(Math.round(pos.x), Math.round(pos.y));
this._execEvent('scrollEnd');
} else if (!this.options.useTransition && this.isAnimating) {
this.isAnimating = false;
this._execEvent('scrollEnd');
}
this.startX = this.x;
this.startY = this.y;
this.absStartX = this.x;
this.absStartY = this.y;
this.pointX = point.pageX;
this.pointY = point.pageY;
this._execEvent('beforeScrollStart');
},
_move: function(e) {
if (!this.enabled || utils.eventType[e.type] !== this.initiated) {
return;
}
if (this.options.preventDefault) { // increases performance on Android? TODO: check!
e.preventDefault();
}
var point = e.touches ? e.touches[0] : e,
deltaX = point.pageX - this.pointX,
deltaY = point.pageY - this.pointY,
timestamp = utils.getTime(),
newX, newY,
absDistX, absDistY;
this.pointX = point.pageX;
this.pointY = point.pageY;
this.distX += deltaX;
this.distY += deltaY;
absDistX = Math.abs(this.distX);
absDistY = Math.abs(this.distY);
// We need to move at least 10 pixels for the scrolling to initiate
if (timestamp - this.endTime > 300 && (absDistX < 10 &&
absDistY < 10)) {
return;
}
// If you are scrolling in one direction lock the other
if (!this.directionLocked && !this.options.freeScroll) {
if (absDistX > absDistY + this.options.directionLockThreshold) {
this.directionLocked = 'h'; // lock horizontally
} else if (absDistY >= absDistX + this.options.directionLockThreshold) {
this.directionLocked = 'v'; // lock vertically
} else {
this.directionLocked = 'n'; // no lock
}
}
if (this.directionLocked == 'h') {
if (this.options.eventPassthrough == 'vertical') {
e.preventDefault();
} else if (this.options.eventPassthrough == 'horizontal') {
this.initiated = false;
return;
}
deltaY = 0;
} else if (this.directionLocked == 'v') {
if (this.options.eventPassthrough == 'horizontal') {
e.preventDefault();
} else if (this.options.eventPassthrough == 'vertical') {
this.initiated = false;
return;
}
deltaX = 0;
}
deltaX = this.hasHorizontalScroll ? deltaX : 0;
deltaY = this.hasVerticalScroll ? deltaY : 0;
newX = this.x + deltaX;
newY = this.y + deltaY;
// Slow down if outside of the boundaries
if (newX > 0 || newX < this.maxScrollX) {
newX = this.options.bounce ? this.x + deltaX / 3 : newX > 0 ?
0 : this.maxScrollX;
}
if (newY > 0 || newY < this.maxScrollY) {
newY = this.options.bounce ? this.y + deltaY / 3 : newY > 0 ?
0 : this.maxScrollY;
}
this.directionX = deltaX > 0 ? -1 : deltaX < 0 ? 1 : 0;
this.directionY = deltaY > 0 ? -1 : deltaY < 0 ? 1 : 0;
if (!this.moved) {
this._execEvent('scrollStart');
}
this.moved = true;
this._translate(newX, newY);
/* REPLACE START: _move */
if (timestamp - this.startTime > 300) {
this.startTime = timestamp;
this.startX = this.x;
this.startY = this.y;
}
/* REPLACE END: _move */
},
_end: function(e) {
if (!this.enabled || utils.eventType[e.type] !== this.initiated) {
return;
}
if (this.options.preventDefault && !utils.preventDefaultException(
e.target, this.options.preventDefaultException)) {
e.preventDefault();
}
var point = e.changedTouches ? e.changedTouches[0] : e,
momentumX,
momentumY,
duration = utils.getTime() - this.startTime,
newX = Math.round(this.x),
newY = Math.round(this.y),
distanceX = Math.abs(newX - this.startX),
distanceY = Math.abs(newY - this.startY),
time = 0,
easing = '';
this.isInTransition = 0;
this.initiated = 0;
this.endTime = utils.getTime();
// reset if we are outside of the boundaries
if (this.resetPosition(this.options.bounceTime)) {
return;
}
this.scrollTo(newX, newY); // ensures that the last position is rounded
// we scrolled less than 10 pixels
if (!this.moved) {
if (this.options.tap) {
utils.tap(e, this.options.tap);
}
if (this.options.click) {
utils.click(e);
}
this._execEvent('scrollCancel');
return;
}
if (this._events.flick && duration < 200 && distanceX < 100 &&
distanceY < 100) {
this._execEvent('flick');
return;
}
// start momentum animation if needed
if (this.options.momentum && duration < 300) {
momentumX = this.hasHorizontalScroll ? utils.momentum(this.x,
this.startX, duration, this.maxScrollX, this.options.bounce ?
this.wrapperWidth : 0, this.options.deceleration) : {
destination: newX,
duration: 0
};
momentumY = this.hasVerticalScroll ? utils.momentum(this.y,
this.startY, duration, this.maxScrollY, this.options.bounce ?
this.wrapperHeight : 0, this.options.deceleration) : {
destination: newY,
duration: 0
};
newX = momentumX.destination;
newY = momentumY.destination;
time = Math.max(momentumX.duration, momentumY.duration);
this.isInTransition = 1;
}
// INSERT POINT: _end
if (newX != this.x || newY != this.y) {
// change easing function when scroller goes out of the boundaries
if (newX > 0 || newX < this.maxScrollX || newY > 0 || newY <
this.maxScrollY) {
easing = utils.ease.quadratic;
}
this.scrollTo(newX, newY, time, easing);
return;
}
this._execEvent('scrollEnd');
},
_resize: function() {
var that = this;
clearTimeout(this.resizeTimeout);
this.resizeTimeout = setTimeout(function() {
that.refresh();
}, this.options.resizePolling);
},
resetPosition: function(time) {
var x = this.x,
y = this.y;
time = time || 0;
if (!this.hasHorizontalScroll || this.x > 0) {
x = 0;
} else if (this.x < this.maxScrollX) {
x = this.maxScrollX;
}
if (!this.hasVerticalScroll || this.y > 0) {
y = 0;
} else if (this.y < this.maxScrollY) {
y = this.maxScrollY;
}
if (x == this.x && y == this.y) {
return false;
}
this.scrollTo(x, y, time, this.options.bounceEasing);
return true;
},
disable: function() {
this.enabled = false;
},
enable: function() {
this.enabled = true;
},
refresh: function() {
var rf = this.wrapper.offsetHeight; // Force reflow
this.wrapperWidth = this.wrapper.clientWidth;
this.wrapperHeight = this.wrapper.clientHeight;
/* REPLACE START: refresh */
this.scrollerWidth = this.scroller.offsetWidth;
this.scrollerHeight = this.scroller.offsetHeight;
this.maxScrollX = this.wrapperWidth - this.scrollerWidth;
this.maxScrollY = this.wrapperHeight - this.scrollerHeight;
/* REPLACE END: refresh */
this.hasHorizontalScroll = this.options.scrollX && this.maxScrollX <
0;
this.hasVerticalScroll = this.options.scrollY && this.maxScrollY <
0;
if (!this.hasHorizontalScroll) {
this.maxScrollX = 0;
this.scrollerWidth = this.wrapperWidth;
}
if (!this.hasVerticalScroll) {
this.maxScrollY = 0;
this.scrollerHeight = this.wrapperHeight;
}
this.endTime = 0;
this.directionX = 0;
this.directionY = 0;
this.wrapperOffset = utils.offset(this.wrapper);
this._execEvent('refresh');
this.resetPosition();
// INSERT POINT: _refresh
},
on: function(type, fn) {
if (!this._events[type]) {
this._events[type] = [];
}
this._events[type].push(fn);
},
off: function(type, fn) {
if (!this._events[type]) {
return;
}
var index = this._events[type].indexOf(fn);
if (index > -1) {
this._events[type].splice(index, 1);
}
},
_execEvent: function(type) {
if (!this._events[type]) {
return;
}
var i = 0,
l = this._events[type].length;
if (!l) {
return;
}
for (; i < l; i++) {
this._events[type][i].apply(this, [].slice.call(arguments, 1));
}
},
scrollBy: function(x, y, time, easing) {
x = this.x + x;
y = this.y + y;
time = time || 0;
this.scrollTo(x, y, time, easing);
},
scrollTo: function(x, y, time, easing) {
easing = easing || utils.ease.circular;
this.isInTransition = this.options.useTransition && time > 0;
if (!time || (this.options.useTransition && easing.style)) {
this._transitionTimingFunction(easing.style);
this._transitionTime(time);
this._translate(x, y);
} else {
this._animate(x, y, time, easing.fn);
}
},
scrollToElement: function(el, time, offsetX, offsetY, easing) {
el = el.nodeType ? el : this.scroller.querySelector(el);
if (!el) {
return;
}
var pos = utils.offset(el);
pos.left -= this.wrapperOffset.left;
pos.top -= this.wrapperOffset.top;
// if offsetX/Y are true we center the element to the screen
if (offsetX === true) {
offsetX = Math.round(el.offsetWidth / 2 - this.wrapper.offsetWidth /
2);
}
if (offsetY === true) {
offsetY = Math.round(el.offsetHeight / 2 - this.wrapper.offsetHeight /
2);
}
pos.left -= offsetX || 0;
pos.top -= offsetY || 0;
pos.left = pos.left > 0 ? 0 : pos.left < this.maxScrollX ? this
.maxScrollX : pos.left;
pos.top = pos.top > 0 ? 0 : pos.top < this.maxScrollY ? this.maxScrollY :
pos.top;
time = time === undefined || time === null || time === 'auto' ?
Math.max(Math.abs(this.x - pos.left), Math.abs(this.y - pos.top)) :
time;
this.scrollTo(pos.left, pos.top, time, easing);
},
_transitionTime: function(time) {
time = time || 0;
this.scrollerStyle[utils.style.transitionDuration] = time +
'ms';
if (!time && utils.isBadAndroid) {
this.scrollerStyle[utils.style.transitionDuration] = '0.001s';
}
// INSERT POINT: _transitionTime
},
_transitionTimingFunction: function(easing) {
this.scrollerStyle[utils.style.transitionTimingFunction] =
easing;
// INSERT POINT: _transitionTimingFunction
},
_translate: function(x, y) {
if (this.options.useTransform) {
/* REPLACE START: _translate */
this.scrollerStyle[utils.style.transform] = 'translate(' + x +
'px,' + y + 'px)' + this.translateZ;
/* REPLACE END: _translate */
} else {
x = Math.round(x);
y = Math.round(y);
this.scrollerStyle.left = x + 'px';
this.scrollerStyle.top = y + 'px';
}
this.x = x;
this.y = y;
// INSERT POINT: _translate
},
_initEvents: function(remove) {
var eventType = remove ? utils.removeEvent : utils.addEvent,
target = this.options.bindToWrapper ? this.wrapper : window;
eventType(window, 'orientationchange', this);
eventType(window, 'resize', this);
if (this.options.click) {
eventType(this.wrapper, 'click', this, true);
}
if (!this.options.disableMouse) {
eventType(this.wrapper, 'mousedown', this);
eventType(target, 'mousemove', this);
eventType(target, 'mousecancel', this);
eventType(target, 'mouseup', this);
}
if (utils.hasPointer && !this.options.disablePointer) {
eventType(this.wrapper, utils.prefixPointerEvent(
'pointerdown'), this);
eventType(target, utils.prefixPointerEvent('pointermove'),
this);
eventType(target, utils.prefixPointerEvent('pointercancel'),
this);
eventType(target, utils.prefixPointerEvent('pointerup'), this);
}
if (utils.hasTouch && !this.options.disableTouch) {
eventType(this.wrapper, 'touchstart', this);
eventType(target, 'touchmove', this);
eventType(target, 'touchcancel', this);
eventType(target, 'touchend', this);
}
eventType(this.scroller, 'transitionend', this);
eventType(this.scroller, 'webkitTransitionEnd', this);
eventType(this.scroller, 'oTransitionEnd', this);
eventType(this.scroller, 'MSTransitionEnd', this);
},
getComputedPosition: function() {
var matrix = window.getComputedStyle(this.scroller, null),
x, y;
if (this.options.useTransform) {
matrix = matrix[utils.style.transform].split(')')[0].split(
', ');
x = +(matrix[12] || matrix[4]);
y = +(matrix[13] || matrix[5]);
} else {
x = +matrix.left.replace(/[^-\d.]/g, '');
y = +matrix.top.replace(/[^-\d.]/g, '');
}
return {
x: x,
y: y
};
},
_animate: function(destX, destY, duration, easingFn) {
var that = this,
startX = this.x,
startY = this.y,
startTime = utils.getTime(),
destTime = startTime + duration;
function step() {
var now = utils.getTime(),
newX, newY,
easing;
if (now >= destTime) {
that.isAnimating = false;
that._translate(destX, destY);
if (!that.resetPosition(that.options.bounceTime)) {
that._execEvent('scrollEnd');
}
return;
}
now = (now - startTime) / duration;
easing = easingFn(now);
newX = (destX - startX) * easing + startX;
newY = (destY - startY) * easing + startY;
that._translate(newX, newY);
if (that.isAnimating) {
rAF(step);
}
}
this.isAnimating = true;
step();
},
handleEvent: function(e) {
switch (e.type) {
case 'touchstart':
case 'pointerdown':
case 'MSPointerDown':
case 'mousedown':
this._start(e);
break;
case 'touchmove':
case 'pointermove':
case 'MSPointerMove':
case 'mousemove':
this._move(e);
break;
case 'touchend':
case 'pointerup':
case 'MSPointerUp':
case 'mouseup':
case 'touchcancel':
case 'pointercancel':
case 'MSPointerCancel':
case 'mousecancel':
this._end(e);
break;
case 'orientationchange':
case 'resize':
this._resize();
break;
case 'transitionend':
case 'webkitTransitionEnd':
case 'oTransitionEnd':
case 'MSTransitionEnd':
this._transitionEnd(e);
break;
case 'wheel':
case 'DOMMouseScroll':
case 'mousewheel':
this._wheel(e);
break;
case 'keydown':
this._key(e);
break;
case 'click':
if (!e._constructed) {
e.preventDefault();
e.stopPropagation();
}
break;
}
}
};
IScroll.utils = utils;
$.AMUI.iScroll = IScroll;
module.exports = IScroll;
/* jshint unused: true */
/* jshint +W101, +W116, +W109 */
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
32: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var dimmer = require('./ui.dimmer');
var $doc = $(document);
var supportTransition = UI.support.transition;
/**
* @reference https://github.com/nolimits4web/Framework7/blob/master/src/js/modals.js
* @license https://github.com/nolimits4web/Framework7/blob/master/LICENSE
*/
var Modal = function(element, options) {
this.options = $.extend({}, Modal.DEFAULTS, options || {});
this.$element = $(element);
this.$dialog = this.$element.find('.am-modal-dialog');
if (!this.$element.attr('id')) {
this.$element.attr('id', UI.utils.generateGUID('am-modal'));
}
this.isPopup = this.$element.hasClass('am-popup');
this.isActions = this.$element.hasClass('am-modal-actions');
this.active = this.transitioning = this.relatedTarget = null;
this.events();
};
Modal.DEFAULTS = {
className: {
active: 'am-modal-active',
out: 'am-modal-out'
},
selector: {
modal: '.am-modal',
active: '.am-modal-active'
},
closeViaDimmer: true,
cancelable: true,
onConfirm: function() {},
onCancel: function() {},
height: undefined,
width: undefined,
duration: 300, // must equal the CSS transition duration
transitionEnd: supportTransition && supportTransition.end +
'.modal.amui'
};
Modal.prototype.toggle = function(relatedTarget) {
return this.active ? this.close() : this.open(relatedTarget);
};
Modal.prototype.open = function(relatedTarget) {
var $element = this.$element;
var options = this.options;
var isPopup = this.isPopup;
var width = options.width;
var height = options.height;
var style = {};
if (this.active) {
return;
}
if (!this.$element.length) {
return;
}
// callback hook
relatedTarget && (this.relatedTarget = relatedTarget);
// 判断如果还在动画，就先触发之前的closed事件
if (this.transitioning) {
clearTimeout($element.transitionEndTimmer);
$element.transitionEndTimmer = null;
$element.trigger(options.transitionEnd).off(options.transitionEnd);
}
isPopup && this.$element.show();
this.active = true;
$element.trigger($.Event('open.modal.amui', {
relatedTarget: relatedTarget
}));
dimmer.open($element);
$element.show().redraw();
// apply Modal width/height if set
if (!isPopup && !this.isActions) {
if (width) {
width = parseInt(width, 10);
style.width = width + 'px';
style.marginLeft = -parseInt(width / 2) + 'px';
}
if (height) {
height = parseInt(height, 10);
// style.height = height + 'px';
style.marginTop = -parseInt(height / 2) + 'px';
// the background color is styled to $dialog
// so the height should set to $dialog
this.$dialog.css({
height: height + 'px'
});
} else {
style.marginTop = -parseInt($element.height() / 2, 10) + 'px';
}
$element.css(style);
}
$element.
removeClass(options.className.out).
addClass(options.className.active);
this.transitioning = 1;
var complete = function() {
$element.trigger($.Event('opened.modal.amui', {
relatedTarget: relatedTarget
}));
this.transitioning = 0;
};
if (!supportTransition) {
return complete.call(this);
}
$element.
one(options.transitionEnd, $.proxy(complete, this)).
emulateTransitionEnd(options.duration);
};
Modal.prototype.close = function(relatedTarget) {
if (!this.active) {
return;
}
var $element = this.$element;
var options = this.options;
var isPopup = this.isPopup;
// 判断如果还在动画，就先触发之前的opened事件
if (this.transitioning) {
clearTimeout($element.transitionEndTimmer);
$element.transitionEndTimmer = null;
$element.trigger(options.transitionEnd).off(options.transitionEnd);
dimmer.close($element, true);
}
this.$element.trigger($.Event('close.modal.amui', {
relatedTarget: relatedTarget
}));
this.transitioning = 1;
var complete = function() {
$element.trigger('closed.modal.amui');
isPopup && $element.removeClass(options.className.out);
$element.hide();
this.transitioning = 0;
// 不强制关闭 Dimmer，以便多个 Modal 可以共享 Dimmer
dimmer.close($element, false);
this.active = false;
};
$element.removeClass(options.className.active).
addClass(options.className.out);
if (!supportTransition) {
return complete.call(this);
}
$element.one(options.transitionEnd, $.proxy(complete, this)).
emulateTransitionEnd(options.duration);
};
Modal.prototype.events = function() {
var that = this;
var $element = this.$element;
var $ipt = $element.find('.am-modal-prompt-input');
var getData = function() {
var data = [];
$ipt.each(function() {
data.push($(this).val());
});
return (data.length === 0) ? undefined :
((data.length === 1) ? data[0] : data);
};
// close via Esc key
if (this.options.cancelable) {
$element.on('keyup.modal.amui', function(e) {
if (that.active && e.which === 27) {
$element.trigger('cancel.modal.amui');
that.close();
}
});
}
// Close Modal when dimmer clicked
if (this.options.closeViaDimmer) {
dimmer.$element.on('click.dimmer.modal.amui', function(e) {
that.close();
});
}
// Close Modal when button clicked
$element.find('[data-am-modal-close], .am-modal-btn').
on('click.close.modal.amui', function(e) {
e.preventDefault();
that.close();
});
$element.find('[data-am-modal-confirm]').on(
'click.confirm.modal.amui',
function() {
$element.trigger($.Event('confirm.modal.amui', {
trigger: this
}));
});
$element.find('[data-am-modal-cancel]').
on('click.cancel.modal.amui', function() {
$element.trigger($.Event('cancel.modal.amui', {
trigger: this
}));
});
$element.on('confirm.modal.amui', function(e) {
e.data = getData();
that.options.onConfirm.call(that, e);
}).on('cancel.modal.amui', function(e) {
e.data = getData();
that.options.onCancel.call(that, e);
});
};
function Plugin(option, relatedTarget) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.modal');
var options = $.extend({},
Modal.DEFAULTS, typeof option == 'object' && option);
if (!data) {
$this.data('amui.modal', (data = new Modal(this, options)));
}
if (typeof option == 'string') {
data[option] && data[option](relatedTarget);
} else {
data.toggle(option && option.relatedTarget || undefined);
}
});
}
$.fn.modal = Plugin;
// Init
$doc.on('click.modal.amui.data-api', '[data-am-modal]', function() {
var $this = $(this);
var options = UI.utils.parseOptions($this.attr('data-am-modal'));
var $target = $(options.target ||
(this.href && this.href.replace(/.*(?=#[^\s]+$)/, '')));
var option = $target.data('amui.modal') ? 'toggle' : options;
Plugin.call($target, option, this);
});
$.AMUI.modal = Modal;
module.exports = Modal;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.dimmer": 28
}
],
33: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var Hammer = require('./util.hammer');
var $win = $(window);
var $doc = $(document);
var scrollPos;
/**
* @via https://github.com/uikit/uikit/blob/master/src/js/offcanvas.js
* @license https://github.com/uikit/uikit/blob/master/LICENSE.md
*/
var OffCanvas = function(element, options) {
this.$element = $(element);
this.options = $.extend({}, OffCanvas.DEFAULTS, options);
this.active = null;
this.bindEvents();
};
OffCanvas.DEFAULTS = {
duration: 300,
effect: 'overlay' // {push|overlay}, push is too expensive
};
OffCanvas.prototype.open = function(relatedElement) {
var _this = this;
var $element = this.$element;
if (!$element.length || $element.hasClass('am-active')) {
return;
}
var effect = this.options.effect;
var $html = $('html');
var $body = $('body');
var $bar = $element.find('.am-offcanvas-bar').first();
var dir = $bar.hasClass('am-offcanvas-bar-flip') ? -1 : 1;
$bar.addClass('am-offcanvas-bar-' + effect);
scrollPos = {
x: window.scrollX,
y: window.scrollY
};
$element.addClass('am-active');
$body.css({
width: window.innerWidth,
height: $win.height()
}).addClass('am-offcanvas-page');
if (effect !== 'overlay') {
$body.css({
'margin-left': $bar.outerWidth() * dir
}).width(); // force redraw
}
$html.css('margin-top', scrollPos.y * -1);
setTimeout(function() {
$bar.addClass('am-offcanvas-bar-active').width();
}, 0);
$element.trigger('open.offcanvas.amui');
this.active = 1;
// Close OffCanvas when none content area clicked
$element.on('click.offcanvas.amui', function(e) {
var $target = $(e.target);
if ($target.hasClass('am-offcanvas-bar')) {
return;
}
if ($target.parents('.am-offcanvas-bar').first().length) {
return;
}
// https://developer.mozilla.org/zh-CN/docs/DOM/event.stopImmediatePropagation
e.stopImmediatePropagation();
_this.close();
});
$html.on('keydown.offcanvas.amui', function(e) {
(e.keyCode === 27) && _this.close();
});
};
OffCanvas.prototype.close = function(relatedElement) {
var _this = this;
var $html = $('html');
var $body = $('body');
var $element = this.$element;
var $bar = $element.find('.am-offcanvas-bar').first();
if (!$element.length || !$element.hasClass('am-active')) {
return;
}
$element.trigger('close.offcanvas.amui');
function complete() {
$body.removeClass('am-offcanvas-page').
css({
width: '',
height: '',
'margin-left': '',
'margin-right': ''
});
$element.removeClass('am-active');
$bar.removeClass('am-offcanvas-bar-active');
$html.css('margin-top', '');
window.scrollTo(scrollPos.x, scrollPos.y);
$element.trigger('closed.offcanvas.amui');
_this.active = 0;
}
if (UI.support.transition) {
setTimeout(function() {
$bar.removeClass('am-offcanvas-bar-active');
}, 0);
$body.css('margin-left', '').one(UI.support.transition.end,
function() {
complete();
}).emulateTransitionEnd(this.options.duration);
} else {
complete();
}
$element.off('click.offcanvas.amui');
$html.off('.offcanvas.amui');
};
OffCanvas.prototype.bindEvents = function() {
var _this = this;
$doc.on('click.offcanvas.amui', '[data-am-dismiss="offcanvas"]',
function(e) {
e.preventDefault();
_this.close();
});
$win.on('resize.offcanvas.amui orientationchange.offcanvas.amui',
function() {
_this.active && _this.close();
});
this.$element.hammer().on('swipeleft swipeleft', function(e) {
e.preventDefault();
_this.close();
});
return this;
};
function Plugin(option, relatedElement) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.offcanvas');
var options = $.extend({}, typeof option == 'object' &&
option);
if (!data) {
$this.data('amui.offcanvas', (data = new OffCanvas(this,
options)));
data.open(relatedElement);
}
if (typeof option == 'string') {
data[option] && data[option](relatedElement);
}
});
}
$.fn.offCanvas = Plugin;
// Init code
$doc.on('click.offcanvas.amui', '[data-am-offcanvas]', function(e) {
e.preventDefault();
var $this = $(this);
var options = UI.utils.parseOptions($this.data('amOffcanvas'));
var $target = $(options.target ||
(this.href && this.href.replace(/.*(?=#[^\s]+$)/, '')));
var option = $target.data('amui.offcanvas') ? 'open' : options;
Plugin.call($target, option, this);
});
$.AMUI.offcanvas = OffCanvas;
module.exports = OffCanvas;
// TODO: 优化动画效果
// http://dbushell.github.io/Responsive-Off-Canvas-Menu/step4.html
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./util.hammer": 50
}
],
34: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
/**
* @via https://github.com/manuelstofer/pinchzoom/blob/master/src/pinchzoom.js
* @license the MIT License.
*/
var definePinchZoom = function($) {
/**
* Pinch zoom using jQuery
* @version 0.0.2
* @author Manuel Stofer <mst@rtp.ch>
* @param el
* @param options
* @constructor
*/
var PinchZoom = function(el, options) {
this.el = $(el);
this.zoomFactor = 1;
this.lastScale = 1;
this.offset = {
x: 0,
y: 0
};
this.options = $.extend({}, this.defaults, options);
this.setupMarkup();
this.bindEvents();
this.update();
// default enable.
this.enable();
},
sum = function(a, b) {
return a + b;
},
isCloseTo = function(value, expected) {
return value > expected - 0.01 && value < expected + 0.01;
};
PinchZoom.prototype = {
defaults: {
tapZoomFactor: 2,
zoomOutFactor: 1.3,
animationDuration: 300,
animationInterval: 5,
maxZoom: 5,
minZoom: 0.5,
lockDragAxis: false,
use2d: false,
zoomStartEventName: 'pz_zoomstart',
zoomEndEventName: 'pz_zoomend',
dragStartEventName: 'pz_dragstart',
dragEndEventName: 'pz_dragend',
doubleTapEventName: 'pz_doubletap'
},
/**
* Event handler for 'dragstart'
* @param event
*/
handleDragStart: function(event) {
this.el.trigger(this.options.dragStartEventName);
this.stopAnimation();
this.lastDragPosition = false;
this.hasInteraction = true;
this.handleDrag(event);
},
/**
* Event handler for 'drag'
* @param event
*/
handleDrag: function(event) {
if (this.zoomFactor > 1.0) {
var touch = this.getTouches(event)[0];
this.drag(touch, this.lastDragPosition);
this.offset = this.sanitizeOffset(this.offset);
this.lastDragPosition = touch;
}
},
handleDragEnd: function() {
this.el.trigger(this.options.dragEndEventName);
this.end();
},
/**
* Event handler for 'zoomstart'
* @param event
*/
handleZoomStart: function(event) {
this.el.trigger(this.options.zoomStartEventName);
this.stopAnimation();
this.lastScale = 1;
this.nthZoom = 0;
this.lastZoomCenter = false;
this.hasInteraction = true;
},
/**
* Event handler for 'zoom'
* @param event
*/
handleZoom: function(event, newScale) {
// a relative scale factor is used
var touchCenter = this.getTouchCenter(this.getTouches(event)),
scale = newScale / this.lastScale;
this.lastScale = newScale;
// the first touch events are thrown away since they are not precise
this.nthZoom += 1;
if (this.nthZoom > 3) {
this.scale(scale, touchCenter);
this.drag(touchCenter, this.lastZoomCenter);
}
this.lastZoomCenter = touchCenter;
},
handleZoomEnd: function() {
this.el.trigger(this.options.zoomEndEventName);
this.end();
},
/**
* Event handler for 'doubletap'
* @param event
*/
handleDoubleTap: function(event) {
var center = this.getTouches(event)[0],
zoomFactor = this.zoomFactor > 1 ? 1 : this.options.tapZoomFactor,
startZoomFactor = this.zoomFactor,
updateProgress = (function(progress) {
this.scaleTo(startZoomFactor + progress * (zoomFactor -
startZoomFactor), center);
}).bind(this);
if (this.hasInteraction) {
return;
}
if (startZoomFactor > zoomFactor) {
center = this.getCurrentZoomCenter();
}
this.animate(this.options.animationDuration, this.options.animationInterval,
updateProgress, this.swing);
this.el.trigger(this.options.doubleTapEventName);
},
/**
* Max / min values for the offset
* @param offset
* @return {Object} the sanitized offset
*/
sanitizeOffset: function(offset) {
var maxX = (this.zoomFactor - 1) * this.getContainerX(),
maxY = (this.zoomFactor - 1) * this.getContainerY(),
maxOffsetX = Math.max(maxX, 0),
maxOffsetY = Math.max(maxY, 0),
minOffsetX = Math.min(maxX, 0),
minOffsetY = Math.min(maxY, 0);
return {
x: Math.min(Math.max(offset.x, minOffsetX), maxOffsetX),
y: Math.min(Math.max(offset.y, minOffsetY), maxOffsetY)
};
},
/**
* Scale to a specific zoom factor (not relative)
* @param zoomFactor
* @param center
*/
scaleTo: function(zoomFactor, center) {
this.scale(zoomFactor / this.zoomFactor, center);
},
/**
* Scales the element from specified center
* @param scale
* @param center
*/
scale: function(scale, center) {
scale = this.scaleZoomFactor(scale);
this.addOffset({
x: (scale - 1) * (center.x + this.offset.x),
y: (scale - 1) * (center.y + this.offset.y)
});
},
/**
* Scales the zoom factor relative to current state
* @param scale
* @return the actual scale (can differ because of max min zoom factor)
*/
scaleZoomFactor: function(scale) {
var originalZoomFactor = this.zoomFactor;
this.zoomFactor *= scale;
this.zoomFactor = Math.min(this.options.maxZoom, Math.max(
this.zoomFactor, this.options.minZoom));
return this.zoomFactor / originalZoomFactor;
},
/**
* Drags the element
* @param center
* @param lastCenter
*/
drag: function(center, lastCenter) {
if (lastCenter) {
if (this.options.lockDragAxis) {
// lock scroll to position that was changed the most
if (Math.abs(center.x - lastCenter.x) > Math.abs(center
.y - lastCenter.y)) {
this.addOffset({
x: -(center.x - lastCenter.x),
y: 0
});
} else {
this.addOffset({
y: -(center.y - lastCenter.y),
x: 0
});
}
} else {
this.addOffset({
y: -(center.y - lastCenter.y),
x: -(center.x - lastCenter.x)
});
}
}
},
/**
* Calculates the touch center of multiple touches
* @param touches
* @return {Object}
*/
getTouchCenter: function(touches) {
return this.getVectorAvg(touches);
},
/**
* Calculates the average of multiple vectors (x, y values)
*/
getVectorAvg: function(vectors) {
return {
x: vectors.map(function(v) {
return v.x;
}).reduce(sum) / vectors.length,
y: vectors.map(function(v) {
return v.y;
}).reduce(sum) / vectors.length
};
},
/**
* Adds an offset
* @param offset the offset to add
* @return return true when the offset change was accepted
*/
addOffset: function(offset) {
this.offset = {
x: this.offset.x + offset.x,
y: this.offset.y + offset.y
};
},
sanitize: function() {
if (this.zoomFactor < this.options.zoomOutFactor) {
this.zoomOutAnimation();
} else if (this.isInsaneOffset(this.offset)) {
this.sanitizeOffsetAnimation();
}
},
/**
* Checks if the offset is ok with the current zoom factor
* @param offset
* @return {Boolean}
*/
isInsaneOffset: function(offset) {
var sanitizedOffset = this.sanitizeOffset(offset);
return sanitizedOffset.x !== offset.x ||
sanitizedOffset.y !== offset.y;
},
/**
* Creates an animation moving to a sane offset
*/
sanitizeOffsetAnimation: function() {
var targetOffset = this.sanitizeOffset(this.offset),
startOffset = {
x: this.offset.x,
y: this.offset.y
},
updateProgress = (function(progress) {
this.offset.x = startOffset.x + progress * (
targetOffset.x - startOffset.x);
this.offset.y = startOffset.y + progress * (
targetOffset.y - startOffset.y);
this.update();
}).bind(this);
this.animate(
this.options.animationDuration,
this.options.animationInterval,
updateProgress,
this.swing
);
},
/**
* Zooms back to the original position,
* (no offset and zoom factor 1)
*/
zoomOutAnimation: function() {
var startZoomFactor = this.zoomFactor,
zoomFactor = 1,
center = this.getCurrentZoomCenter(),
updateProgress = (function(progress) {
this.scaleTo(startZoomFactor + progress * (zoomFactor -
startZoomFactor), center);
}).bind(this);
this.animate(
this.options.animationDuration,
this.options.animationInterval,
updateProgress,
this.swing
);
},
/**
* Updates the aspect ratio
*/
updateAspectRatio: function() {
// this.setContainerY(this.getContainerX() / this.getAspectRatio());
// @modified
this.setContainerY()
},
/**
* Calculates the initial zoom factor (for the element to fit into the container)
* @return the initial zoom factor
*/
getInitialZoomFactor: function() {
// use .offsetWidth instead of width()
// because jQuery-width() return the original width but Zepto-width() will calculate width with transform.
// the same as .height()
return this.container[0].offsetWidth / this.el[0].offsetWidth;
},
/**
* Calculates the aspect ratio of the element
* @return the aspect ratio
*/
getAspectRatio: function() {
return this.el[0].offsetWidth / this.el[0].offsetHeight;
},
/**
* Calculates the virtual zoom center for the current offset and zoom factor
* (used for reverse zoom)
* @return {Object} the current zoom center
*/
getCurrentZoomCenter: function() {
// uses following formula to calculate the zoom center x value
// offset_left / offset_right = zoomcenter_x / (container_x - zoomcenter_x)
var length = this.container[0].offsetWidth * this.zoomFactor,
offsetLeft = this.offset.x,
offsetRight = length - offsetLeft - this.container[0].offsetWidth,
widthOffsetRatio = offsetLeft / offsetRight,
centerX = widthOffsetRatio * this.container[0].offsetWidth /
(widthOffsetRatio + 1),
// the same for the zoomcenter y
height = this.container[0].offsetHeight * this.zoomFactor,
offsetTop = this.offset.y,
offsetBottom = height - offsetTop - this.container[0].offsetHeight,
heightOffsetRatio = offsetTop / offsetBottom,
centerY = heightOffsetRatio * this.container[0].offsetHeight /
(heightOffsetRatio + 1);
// prevents division by zero
if (offsetRight === 0) {
centerX = this.container[0].offsetWidth;
}
if (offsetBottom === 0) {
centerY = this.container[0].offsetHeight;
}
return {
x: centerX,
y: centerY
};
},
canDrag: function() {
return !isCloseTo(this.zoomFactor, 1);
},
/**
* Returns the touches of an event relative to the container offset
* @param event
* @return array touches
*/
getTouches: function(event) {
var position = this.container.offset();
return Array.prototype.slice.call(event.touches).map(
function(touch) {
return {
x: touch.pageX - position.left,
y: touch.pageY - position.top
};
});
},
/**
* Animation loop
* does not support simultaneous animations
* @param duration
* @param interval
* @param framefn
* @param timefn
* @param callback
*/
animate: function(duration, interval, framefn, timefn,
callback) {
var startTime = new Date().getTime(),
renderFrame = (function() {
if (!this.inAnimation) {
return;
}
var frameTime = new Date().getTime() - startTime,
progress = frameTime / duration;
if (frameTime >= duration) {
framefn(1);
if (callback) {
callback();
}
this.update();
this.stopAnimation();
this.update();
} else {
if (timefn) {
progress = timefn(progress);
}
framefn(progress);
this.update();
setTimeout(renderFrame, interval);
}
}).bind(this);
this.inAnimation = true;
renderFrame();
},
/**
* Stops the animation
*/
stopAnimation: function() {
this.inAnimation = false;
},
/**
* Swing timing function for animations
* @param p
* @return {Number}
*/
swing: function(p) {
return -Math.cos(p * Math.PI) / 2 + 0.5;
},
getContainerX: function() {
// return this.container[0].offsetWidth;
// @modified
return window.innerWidth
},
getContainerY: function() {
// return this.container[0].offsetHeight;
// @modified
return window.innerHeight
},
setContainerY: function(y) {
// return this.container.height(y);
// @modified
var t = window.innerHeight;
return this.el.css({
height: t
}), this.container.height(t);
},
/**
* Creates the expected html structure
*/
setupMarkup: function() {
this.container = $(
'<div class="pinch-zoom-container"></div>');
this.el.before(this.container);
this.container.append(this.el);
this.container.css({
'overflow': 'hidden',
'position': 'relative'
});
// Zepto doesn't recognize `webkitTransform..` style
this.el.css({
'-webkit-transform-origin': '0% 0%',
'-moz-transform-origin': '0% 0%',
'-ms-transform-origin': '0% 0%',
'-o-transform-origin': '0% 0%',
'transform-origin': '0% 0%',
'position': 'absolute'
});
},
end: function() {
this.hasInteraction = false;
this.sanitize();
this.update();
},
/**
* Binds all required event listeners
*/
bindEvents: function() {
detectGestures(this.container.get(0), this);
// Zepto and jQuery both know about `on`
$(window).on('resize', this.update.bind(this));
$(this.el).find('img').on('load', this.update.bind(this));
},
/**
* Updates the css values according to the current zoom factor and offset
*/
update: function() {
if (this.updatePlaned) {
return;
}
this.updatePlaned = true;
setTimeout((function() {
this.updatePlaned = false;
this.updateAspectRatio();
var zoomFactor = this.getInitialZoomFactor() * this.zoomFactor,
offsetX = -this.offset.x / zoomFactor,
offsetY = -this.offset.y / zoomFactor,
transform3d = 'scale3d(' + zoomFactor + ', ' +
zoomFactor + ',1) ' +
'translate3d(' + offsetX + 'px,' + offsetY +
'px,0px)',
transform2d = 'scale(' + zoomFactor + ', ' +
zoomFactor + ') ' +
'translate(' + offsetX + 'px,' + offsetY + 'px)',
removeClone = (function() {
if (this.clone) {
this.clone.remove();
delete this.clone;
}
}).bind(this);
// Scale 3d and translate3d are faster (at least on ios)
// but they also reduce the quality.
// PinchZoom uses the 3d transformations during interactions
// after interactions it falls back to 2d transformations
if (!this.options.use2d || this.hasInteraction ||
this.inAnimation) {
this.is3d = true;
removeClone();
this.el.css({
'-webkit-transform': transform3d,
'-o-transform': transform2d,
'-ms-transform': transform2d,
'-moz-transform': transform2d,
'transform': transform3d
});
} else {
// When changing from 3d to 2d transform webkit has some glitches.
// To avoid this, a copy of the 3d transformed element is displayed in the
// foreground while the element is converted from 3d to 2d transform
if (this.is3d) {
this.clone = this.el.clone();
this.clone.css('pointer-events', 'none');
this.clone.appendTo(this.container);
setTimeout(removeClone, 200);
}
this.el.css({
'-webkit-transform': transform2d,
'-o-transform': transform2d,
'-ms-transform': transform2d,
'-moz-transform': transform2d,
'transform': transform2d
});
this.is3d = false;
}
}).bind(this), 0);
},
/**
* Enables event handling for gestures
*/
enable: function() {
this.enabled = true;
},
/**
* Disables event handling for gestures
*/
disable: function() {
this.enabled = false;
}
};
var detectGestures = function(el, target) {
var interaction = null,
fingers = 0,
lastTouchStart = null,
startTouches = null,
setInteraction = function(newInteraction, event) {
if (interaction !== newInteraction) {
if (interaction && !newInteraction) {
switch (interaction) {
case "zoom":
target.handleZoomEnd(event);
break;
case 'drag':
target.handleDragEnd(event);
break;
}
}
switch (newInteraction) {
case 'zoom':
target.handleZoomStart(event);
break;
case 'drag':
target.handleDragStart(event);
break;
}
}
interaction = newInteraction;
},
updateInteraction = function(event) {
if (fingers === 2) {
setInteraction('zoom');
} else if (fingers === 1 && target.canDrag()) {
setInteraction('drag', event);
} else {
setInteraction(null, event);
}
},
targetTouches = function(touches) {
return Array.prototype.slice.call(touches).map(function(
touch) {
return {
x: touch.pageX,
y: touch.pageY
};
});
},
getDistance = function(a, b) {
var x, y;
x = a.x - b.x;
y = a.y - b.y;
return Math.sqrt(x * x + y * y);
},
calculateScale = function(startTouches, endTouches) {
var startDistance = getDistance(startTouches[0],
startTouches[1]),
endDistance = getDistance(endTouches[0], endTouches[1]);
return endDistance / startDistance;
},
cancelEvent = function(event) {
event.stopPropagation();
event.preventDefault();
},
detectDoubleTap = function(event) {
var time = (new Date()).getTime();
if (fingers > 1) {
lastTouchStart = null;
}
if (time - lastTouchStart < 300) {
cancelEvent(event);
target.handleDoubleTap(event);
switch (interaction) {
case "zoom":
target.handleZoomEnd(event);
break;
case 'drag':
target.handleDragEnd(event);
break;
}
}
if (fingers === 1) {
lastTouchStart = time;
}
},
firstMove = true;
el.addEventListener('touchstart', function(event) {
if (target.enabled) {
firstMove = true;
fingers = event.touches.length;
detectDoubleTap(event);
}
});
el.addEventListener('touchmove', function(event) {
if (target.enabled) {
if (firstMove) {
updateInteraction(event);
if (interaction) {
cancelEvent(event);
}
startTouches = targetTouches(event.touches);
} else {
switch (interaction) {
case 'zoom':
target.handleZoom(event, calculateScale(
startTouches, targetTouches(event.touches)));
break;
case 'drag':
target.handleDrag(event);
break;
}
if (interaction) {
cancelEvent(event);
target.update();
}
}
firstMove = false;
}
});
el.addEventListener('touchend', function(event) {
if (target.enabled) {
fingers = event.touches.length;
updateInteraction(event);
}
});
};
return PinchZoom;
};
$.AMUI.pichzoom = definePinchZoom($);
module.exports = definePinchZoom($);
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
35: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var $w = $(window);
/**
* @reference https://github.com/nolimits4web/Framework7/blob/master/src/js/modals.js
* @license https://github.com/nolimits4web/Framework7/blob/master/LICENSE
*/
var Popover = function(element, options) {
this.options = $.extend({}, Popover.DEFAULTS, options || {});
this.$element = $(element);
this.active = null;
this.$popover = (this.options.target && $(this.options.target)) ||
null;
this.init();
this.events();
};
Popover.DEFAULTS = {
theme: undefined,
trigger: 'click',
content: '',
open: false,
target: undefined,
tpl: '<div class="am-popover">' +
'<div class="am-popover-inner"></div>' +
'<div class="am-popover-caret"></div></div>'
};
Popover.prototype.init = function() {
var me = this;
var $element = this.$element;
var $popover;
if (!this.options.target) {
this.$popover = this.getPopover();
this.setContent();
}
$popover = this.$popover;
$popover.appendTo($('body'));
this.sizePopover();
function sizePopover() {
me.sizePopover();
}
// TODO: 监听页面内容变化，重新调整位置
$element.on('open.popover.amui', function() {
$(window).on('resize.popover.amui', UI.utils.debounce(
sizePopover, 50));
});
$element.on('close.popover.amui', function() {
$(window).off('resize.popover.amui', sizePopover);
});
this.options.open && this.open();
};
Popover.prototype.sizePopover = function sizePopover() {
var $element = this.$element;
var $popover = this.$popover;
if (!$popover || !$popover.length) {
return;
}
var popWidth = $popover.outerWidth();
var popHeight = $popover.outerHeight();
var $popCaret = $popover.find('.am-popover-caret');
var popCaretSize = ($popCaret.outerWidth() / 2) || 8;
// 取不到 $popCaret.outerHeight() 的值，所以直接加 8
var popTotalHeight = popHeight + 8; // $popCaret.outerHeight();
var triggerWidth = $element.outerWidth();
var triggerHeight = $element.outerHeight();
var triggerOffset = $element.offset();
var triggerRect = $element[0].getBoundingClientRect();
var winHeight = $w.height();
var winWidth = $w.width();
var popTop = 0;
var popLeft = 0;
var diff = 0;
var spacing = 2;
var popPosition = 'top';
$popover.css({
left: '',
top: ''
}).removeClass('am-popover-left ' +
'am-popover-right am-popover-top am-popover-bottom');
$popCaret.css({
left: '',
top: ''
});
if (popTotalHeight - spacing < triggerRect.top + spacing) {
// Popover on the top of trigger
popTop = triggerOffset.top - popTotalHeight - spacing;
} else if (popTotalHeight <
winHeight - triggerRect.top - triggerRect.height) {
// On bottom
popPosition = 'bottom';
popTop = triggerOffset.top + triggerHeight + popCaretSize +
spacing;
} else { // On middle
popPosition = 'middle';
popTop = triggerHeight / 2 + triggerOffset.top - popHeight / 2;
}
// Horizontal Position
if (popPosition === 'top' || popPosition === 'bottom') {
popLeft = triggerWidth / 2 + triggerOffset.left - popWidth / 2;
diff = popLeft;
if (popLeft < 5) {
popLeft = 5;
}
if (popLeft + popWidth > winWidth) {
popLeft = (winWidth - popWidth - 20);
// console.log('left %d, win %d, popw %d', popLeft, winWidth, popWidth);
}
if (popPosition === 'top') {
// This is the Popover position, NOT caret position
// Popover on the Top of trigger, caret on the bottom of Popover
$popover.addClass('am-popover-top');
}
if (popPosition === 'bottom') {
$popover.addClass('am-popover-bottom');
}
diff = diff - popLeft;
$popCaret.css({
left: (popWidth / 2 - popCaretSize + diff) + 'px'
});
} else if (popPosition === 'middle') {
popLeft = triggerOffset.left - popWidth - popCaretSize;
$popover.addClass('am-popover-left');
if (popLeft < 5) {
popLeft = triggerOffset.left + triggerWidth + popCaretSize;
$popover.removeClass('am-popover-left').addClass(
'am-popover-right');
}
if (popLeft + popWidth > winWidth) {
popLeft = winWidth - popWidth - 5;
$popover.removeClass('am-popover-left').addClass(
'am-popover-right');
}
$popCaret.css({
top: (popHeight / 2 - popCaretSize / 2) + 'px'
});
}
// Apply position style
$popover.css({
top: popTop + 'px',
left: popLeft + 'px'
});
};
Popover.prototype.toggle = function() {
return this[this.active ? 'close' : 'open']();
};
Popover.prototype.open = function() {
var $popover = this.$popover;
this.$element.trigger('open.popover.amui');
this.sizePopover();
$popover.show().addClass('am-active');
this.active = true;
};
Popover.prototype.close = function() {
var $popover = this.$popover;
this.$element.trigger('close.popover.amui');
$popover.
removeClass('am-active').
trigger('closed.popover.amui').
hide();
this.active = false;
};
Popover.prototype.getPopover = function() {
var uid = UI.utils.generateGUID('am-popover');
var theme = [];
if (this.options.theme) {
$.each(this.options.theme.split(','), function(i, item) {
theme.push('am-popover-' + $.trim(item));
});
}
return $(this.options.tpl).attr('id', uid).addClass(theme.join(
' '));
};
Popover.prototype.setContent = function(content) {
content = content || this.options.content;
this.$popover && this.$popover.find('.am-popover-inner').empty().
html(content);
};
Popover.prototype.events = function() {
var eventNS = 'popover.amui';
var triggers = this.options.trigger.split(' ');
for (var i = triggers.length; i--;) {
var trigger = triggers[i];
if (trigger === 'click') {
this.$element.on('click.' + eventNS, $.proxy(this.toggle,
this));
} else { // hover or focus
var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin';
var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout';
this.$element.on(eventIn + '.' + eventNS, $.proxy(this.open,
this));
this.$element.on(eventOut + '.' + eventNS, $.proxy(this.close,
this));
}
}
};
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.popover');
var options = $.extend({},
UI.utils.parseOptions($this.attr('data-am-popover')),
typeof option == 'object' && option);
if (!data) {
$this.data('amui.popover', (data = new Popover(this,
options)));
}
if (typeof option == 'string') {
data[option] && data[option]();
}
});
}
$.fn.popover = Plugin;
// Init code
UI.ready(function(context) {
$('[data-am-popover]', context).popover();
});
$.AMUI.popover = Popover;
module.exports = Popover;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
36: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var Progress = (function() {
/**
* NProgress (c) 2013, Rico Sta. Cruz
* @via http://ricostacruz.com/nprogress
*/
var NProgress = {};
var $html = $('html');
NProgress.version = '0.1.6';
var Settings = NProgress.settings = {
minimum: 0.08,
easing: 'ease',
positionUsing: '',
speed: 200,
trickle: true,
trickleRate: 0.02,
trickleSpeed: 800,
showSpinner: true,
parent: 'body',
barSelector: '[role="nprogress-bar"]',
spinnerSelector: '[role="nprogress-spinner"]',
template: '<div class="nprogress-bar" role="nprogress-bar">' +
'<div class="nprogress-peg"></div></div>' +
'<div class="nprogress-spinner" role="nprogress-spinner">' +
'<div class="nprogress-spinner-icon"></div></div>'
};
/**
* Updates configuration.
*
* NProgress.configure({
* minimum: 0.1
* });
*/
NProgress.configure = function(options) {
var key, value;
for (key in options) {
value = options[key];
if (value !== undefined && options.hasOwnProperty(key))
Settings[key] = value;
}
return this;
};
/**
* Last number.
*/
NProgress.status = null;
/**
* Sets the progress bar status, where `n` is a number from `0.0` to `1.0`.
*
* NProgress.set(0.4);
* NProgress.set(1.0);
*/
NProgress.set = function(n) {
var started = NProgress.isStarted();
n = clamp(n, Settings.minimum, 1);
NProgress.status = (n === 1 ? null : n);
var progress = NProgress.render(!started),
bar = progress.querySelector(Settings.barSelector),
speed = Settings.speed,
ease = Settings.easing;
progress.offsetWidth;
/* Repaint */
queue(function(next) {
// Set positionUsing if it hasn't already been set
if (Settings.positionUsing === '') Settings.positionUsing =
NProgress.getPositioningCSS();
// Add transition
css(bar, barPositionCSS(n, speed, ease));
if (n === 1) {
// Fade out
css(progress, {
transition: 'none',
opacity: 1
});
progress.offsetWidth;
/* Repaint */
setTimeout(function() {
css(progress, {
transition: 'all ' + speed + 'ms linear',
opacity: 0
});
setTimeout(function() {
NProgress.remove();
next();
}, speed);
}, speed);
} else {
setTimeout(next, speed);
}
});
return this;
};
NProgress.isStarted = function() {
return typeof NProgress.status === 'number';
};
/**
* Shows the progress bar.
* This is the same as setting the status to 0%, except that it doesn't go backwards.
*
* NProgress.start();
*
*/
NProgress.start = function() {
if (!NProgress.status) NProgress.set(0);
var work = function() {
setTimeout(function() {
if (!NProgress.status) return;
NProgress.trickle();
work();
}, Settings.trickleSpeed);
};
if (Settings.trickle) work();
return this;
};
/**
* Hides the progress bar.
* This is the *sort of* the same as setting the status to 100%, with the
* difference being `done()` makes some placebo effect of some realistic motion.
*
* NProgress.done();
*
* If `true` is passed, it will show the progress bar even if its hidden.
*
* NProgress.done(true);
*/
NProgress.done = function(force) {
if (!force && !NProgress.status) return this;
return NProgress.inc(0.3 + 0.5 * Math.random()).set(1);
};
/**
* Increments by a random amount.
*/
NProgress.inc = function(amount) {
var n = NProgress.status;
if (!n) {
return NProgress.start();
} else {
if (typeof amount !== 'number') {
amount = (1 - n) * clamp(Math.random() * n, 0.1, 0.95);
}
n = clamp(n + amount, 0, 0.994);
return NProgress.set(n);
}
};
NProgress.trickle = function() {
return NProgress.inc(Math.random() * Settings.trickleRate);
};
/**
* (Internal) renders the progress bar markup based on the `template`
* setting.
*/
NProgress.render = function(fromStart) {
if (NProgress.isRendered()) return document.getElementById(
'nprogress');
$html.addClass('nprogress-busy');
var progress = document.createElement('div');
progress.id = 'nprogress';
progress.innerHTML = Settings.template;
var bar = progress.querySelector(Settings.barSelector),
perc = fromStart ? '-100' : toBarPerc(NProgress.status ||
0),
parent = document.querySelector(Settings.parent),
spinner;
css(bar, {
transition: 'all 0 linear',
transform: 'translate3d(' + perc + '%,0,0)'
});
if (!Settings.showSpinner) {
spinner = progress.querySelector(Settings.spinnerSelector);
spinner && $(spinner).remove();
}
if (parent != document.body) {
$(parent).addClass('nprogress-custom-parent');
}
parent.appendChild(progress);
return progress;
};
/**
* Removes the element. Opposite of render().
*/
NProgress.remove = function() {
$html.removeClass('nprogress-busy');
$(Settings.parent).removeClass('nprogress-custom-parent');
var progress = document.getElementById('nprogress');
progress && $(progress).remove();
};
/**
* Checks if the progress bar is rendered.
*/
NProgress.isRendered = function() {
return !!document.getElementById('nprogress');
};
/**
* Determine which positioning CSS rule to use.
*/
NProgress.getPositioningCSS = function() {
// Sniff on document.body.style
var bodyStyle = document.body.style;
// Sniff prefixes
var vendorPrefix = ('WebkitTransform' in bodyStyle) ?
'Webkit' :
('MozTransform' in bodyStyle) ? 'Moz' :
('msTransform' in bodyStyle) ? 'ms' :
('OTransform' in bodyStyle) ? 'O' : '';
if (vendorPrefix + 'Perspective' in bodyStyle) {
// Modern browsers with 3D support, e.g. Webkit, IE10
return 'translate3d';
} else if (vendorPrefix + 'Transform' in bodyStyle) {
// Browsers without 3D support, e.g. IE9
return 'translate';
} else {
// Browsers without translate() support, e.g. IE7-8
return 'margin';
}
};
/**
* Helpers
*/
function clamp(n, min, max) {
if (n < min) return min;
if (n > max) return max;
return n;
}
/**
* (Internal) converts a percentage (`0..1`) to a bar translateX
* percentage (`-100%..0%`).
*/
function toBarPerc(n) {
return (-1 + n) * 100;
}
/**
* (Internal) returns the correct CSS for changing the bar's
* position given an n percentage, and speed and ease from Settings
*/
function barPositionCSS(n, speed, ease) {
var barCSS;
if (Settings.positionUsing === 'translate3d') {
barCSS = {
transform: 'translate3d(' + toBarPerc(n) + '%,0,0)'
};
} else if (Settings.positionUsing === 'translate') {
barCSS = {
transform: 'translate(' + toBarPerc(n) + '%,0)'
};
} else {
barCSS = {
'margin-left': toBarPerc(n) + '%'
};
}
barCSS.transition = 'all ' + speed + 'ms ' + ease;
return barCSS;
}
/**
* (Internal) Queues a function to be executed.
*/
var queue = (function() {
var pending = [];
function next() {
var fn = pending.shift();
if (fn) {
fn(next);
}
}
return function(fn) {
pending.push(fn);
if (pending.length == 1) next();
};
})();
/**
* (Internal) Applies css properties to an element, similar to the jQuery
* css method.
*
* While this helper does assist with vendor prefixed property names, it
* does not perform any manipulation of values prior to setting styles.
*/
var css = (function() {
var cssPrefixes = ['Webkit', 'O', 'Moz', 'ms'],
cssProps = {};
function camelCase(string) {
return string.replace(/^-ms-/, 'ms-').replace(
/-([\da-z])/gi, function(match, letter) {
return letter.toUpperCase();
});
}
function getVendorProp(name) {
var style = document.body.style;
if (name in style) return name;
var i = cssPrefixes.length,
capName = name.charAt(0).toUpperCase() + name.slice(
1),
vendorName;
while (i--) {
vendorName = cssPrefixes[i] + capName;
if (vendorName in style) return vendorName;
}
return name;
}
function getStyleProp(name) {
name = camelCase(name);
return cssProps[name] || (cssProps[name] =
getVendorProp(name));
}
function applyCss(element, prop, value) {
prop = getStyleProp(prop);
element.style[prop] = value;
}
return function(element, properties) {
var args = arguments,
prop,
value;
if (args.length == 2) {
for (prop in properties) {
value = properties[prop];
if (value !== undefined && properties.hasOwnProperty(
prop)) applyCss(element, prop, value);
}
} else {
applyCss(element, args[1], args[2]);
}
}
})();
return NProgress;
})();
$.AMUI.progress = Progress;
module.exports = Progress;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
37: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var PinchZoom = require('./ui.pinchzoom');
var Hammer = require('./util.hammer');
var animation = UI.support.animation;
var transition = UI.support.transition;
/**
* PureView
* @desc Image browser for Mobile
* @param element
* @param options
* @constructor
*/
var PureView = function(element, options) {
this.$element = $(element);
this.$body = $(document.body);
this.options = $.extend({}, PureView.DEFAULTS, options);
this.$pureview = $(this.options.tpl).attr('id',
UI.utils.generateGUID('am-pureview'));
this.$slides = null;
this.transitioning = null;
this.scrollbarWidth = 0;
this.init();
};
PureView.DEFAULTS = {
tpl: '<div class="am-pureview am-pureview-bar-active">' +
'<ul class="am-pureview-slider"></ul>' +
'<ul class="am-pureview-direction">' +
'<li class="am-pureview-prev"><a href=""></a></li>' +
'<li class="am-pureview-next"><a href=""></a></li></ul>' +
'<ol class="am-pureview-nav"></ol>' +
'<div class="am-pureview-bar am-active">' +
'<span class="am-pureview-title"></span>' +
'<div class="am-pureview-counter"><span class="am-pureview-current"></span> / ' +
'<span class="am-pureview-total"></span></div></div>' +
'<div class="am-pureview-actions am-active">' +
'<a href="javascript: void(0)" class="am-icon-chevron-left" ' +
'data-am-close="pureview"></a></div>' +
'</div>',
className: {
prevSlide: 'am-pureview-slide-prev',
nextSlide: 'am-pureview-slide-next',
onlyOne: 'am-pureview-only',
active: 'am-active',
barActive: 'am-pureview-bar-active',
activeBody: 'am-pureview-active'
},
selector: {
slider: '.am-pureview-slider',
close: '[data-am-close="pureview"]',
total: '.am-pureview-total',
current: '.am-pureview-current',
title: '.am-pureview-title',
actions: '.am-pureview-actions',
bar: '.am-pureview-bar',
pinchZoom: '.am-pinch-zoom',
nav: '.am-pureview-nav'
},
shareBtn: false,
// press to toggle Toolbar
toggleToolbar: true,
// 从何处获取图片，img 可以使用 data-rel 指定大图
target: 'img',
// 微信 Webview 中调用微信的图片浏览器
// 实现图片保存、分享好友、收藏图片等功能
weChatImagePreview: true
};
PureView.prototype.init = function() {
var _this = this;
var options = this.options;
var $element = this.$element;
var $pureview = this.$pureview;
this.refreshSlides();
$('body').append($pureview);
this.$title = $pureview.find(options.selector.title);
this.$current = $pureview.find(options.selector.current);
this.$bar = $pureview.find(options.selector.bar);
this.$actions = $pureview.find(options.selector.actions);
if (options.shareBtn) {
this.$actions.append('<a href="javascript: void(0)" ' +
'class="am-icon-share-square-o" data-am-toggle="share"></a>');
}
this.$element.on('click.pureview.amui', options.target, function(
e) {
e.preventDefault();
var clicked = _this.$images.index(this);
// Invoke WeChat ImagePreview in WeChat
// TODO: detect WeChat before init
if (options.weChatImagePreview && window.WeixinJSBridge) {
window.WeixinJSBridge.invoke('imagePreview', {
current: _this.imgUrls[clicked],
urls: _this.imgUrls
});
} else {
_this.open(clicked);
}
});
$pureview.find('.am-pureview-direction').
on('click.direction.pureview.amui', 'li', function(e) {
e.preventDefault();
if ($(this).is('.am-pureview-prev')) {
_this.prevSlide();
} else {
_this.nextSlide();
}
});
// Nav Contorl
$pureview.find(options.selector.nav).on('click.nav.pureview.amui',
'li',
function() {
var index = _this.$navItems.index($(this));
_this.activate(_this.$slides.eq(index));
});
// Close Icon
$pureview.find(options.selector.close).
on('click.close.pureview.amui', function(e) {
e.preventDefault();
_this.close();
});
this.$slider.hammer().on('swipeleft.pureview.amui', function(e) {
e.preventDefault();
_this.nextSlide();
}).on('swiperight.pureview.amui', function(e) {
e.preventDefault();
_this.prevSlide();
}).on('press.pureview.amui', function(e) {
e.preventDefault();
options.toggleToolbar && _this.toggleToolBar();
});
this.$slider.data('hammer').get('swipe').set({
direction: Hammer.DIRECTION_HORIZONTAL,
velocity: 0.35
});
// Observe DOM
$element.DOMObserve({
childList: true,
subtree: true
}, function(mutations, observer) {
// _this.refreshSlides();
// console.log('mutations[0].type);
});
// NOTE:
// trigger this event manually if MutationObserver not supported
// when new images appended, or call refreshSlides()
// if (!UI.support.mutationobserver) $element.trigger('changed.dom.amui')
$element.on('changed.dom.amui', function(e) {
e.stopPropagation();
_this.refreshSlides();
});
$(document).on('keydown.pureview.amui', $.proxy(function(e) {
var keyCode = e.keyCode;
if (keyCode == 37) {
this.prevSlide();
} else if (keyCode == 39) {
this.nextSlide();
} else if (keyCode == 27) {
this.close();
}
}, this));
};
PureView.prototype.refreshSlides = function() {
// update images collections
this.$images = this.$element.find(this.options.target);
var _this = this;
var options = this.options;
var $pureview = this.$pureview;
var $slides = $([]);
var $navItems = $([]);
var $images = this.$images;
var total = $images.length;
this.$slider = $pureview.find(options.selector.slider);
this.$nav = $pureview.find(options.selector.nav);
this.imgUrls = []; // for WeChat Image Preview
var viewedFlag = 'data-am-pureviewed';
if (!total) {
return;
}
if (total === 1) {
$pureview.addClass(options.className.onlyOne);
}
$images.not('[' + viewedFlag + ']').each(function(i, item) {
var src;
var title;
// get image URI from link's href attribute
if (item.nodeName === 'A') {
src = item.href; // to absolute path
title = item.title || '';
} else {
src = $(item).data('rel') || item.src; // <img src='' data-rel='' />
title = $(item).attr('alt') || '';
}
// add pureviewed flag
item.setAttribute(viewedFlag, '1');
// hide bar: wechat_webview_type=1
// http://tmt.io/wechat/ not working?
_this.imgUrls.push(src);
$slides = $slides.add($('<li data-src="' + src +
'" data-title="' + title +
'"></li>'));
$navItems = $navItems.add($('<li>' + (i + 1) + '</li>'));
});
$pureview.find(options.selector.total).text(total);
this.$slider.append($slides);
this.$nav.append($navItems);
this.$navItems = this.$nav.find('li');
this.$slides = this.$slider.find('li');
};
PureView.prototype.loadImage = function($slide, callback) {
var appendedFlag = 'image-appended';
if (!$slide.data(appendedFlag)) {
var $img = $('<img>', {
src: $slide.data('src'),
alt: $slide.data('title')
});
$slide.html($img).wrapInner('<div class="am-pinch-zoom"></div>')
.redraw();
var $pinchWrapper = $slide.find(this.options.selector.pinchZoom);
$pinchWrapper.data('amui.pinchzoom', new PinchZoom(
$pinchWrapper[0], {}));
$slide.data('image-appended', true);
}
callback && callback.call(this);
};
PureView.prototype.activate = function($slide) {
var options = this.options;
var $slides = this.$slides;
var activeIndex = $slides.index($slide);
var title = $slide.data('title') || '';
var active = options.className.active;
if ($slides.find('.' + active).is($slide)) {
return;
}
if (this.transitioning) {
return;
}
this.loadImage($slide, function() {
UI.utils.imageLoader($slide.find('img'), function(image) {
$(image).addClass('am-img-loaded');
});
});
this.transitioning = 1;
this.$title.text(title);
this.$current.text(activeIndex + 1);
$slides.removeClass();
$slide.addClass(active);
$slides.eq(activeIndex - 1).addClass(options.className.prevSlide);
$slides.eq(activeIndex + 1).addClass(options.className.nextSlide);
this.$navItems.removeClass().
eq(activeIndex).addClass(options.className.active);
if (transition) {
$slide.one(transition.end, $.proxy(function() {
this.transitioning = 0;
}, this)).emulateTransitionEnd(300);
} else {
this.transitioning = 0;
}
// TODO: pre-load next image
};
PureView.prototype.nextSlide = function() {
if (this.$slides.length === 1) {
return;
}
var $slides = this.$slides;
var $active = $slides.filter('.am-active');
var activeIndex = $slides.index($active);
var rightSpring = 'am-animation-right-spring';
if (activeIndex + 1 >= $slides.length) { // last one
animation && $active.addClass(rightSpring).on(animation.end,
function() {
$active.removeClass(rightSpring);
});
} else {
this.activate($slides.eq(activeIndex + 1));
}
};
PureView.prototype.prevSlide = function() {
if (this.$slides.length === 1) {
return;
}
var $slides = this.$slides;
var $active = $slides.filter('.am-active');
var activeIndex = this.$slides.index(($active));
var leftSpring = 'am-animation-left-spring';
if (activeIndex === 0) { // first one
animation && $active.addClass(leftSpring).on(animation.end,
function() {
$active.removeClass(leftSpring);
});
} else {
this.activate($slides.eq(activeIndex - 1));
}
};
PureView.prototype.toggleToolBar = function() {
this.$pureview.toggleClass(this.options.className.barActive);
};
PureView.prototype.open = function(index) {
var active = index || 0;
this.checkScrollbar();
this.setScrollbar();
this.activate(this.$slides.eq(active));
this.$pureview.show().redraw().addClass(this.options.className.active);
this.$body.addClass(this.options.className.activeBody);
};
PureView.prototype.close = function() {
var options = this.options;
this.$pureview.removeClass(options.className.active);
this.$slides.removeClass();
function resetBody() {
this.$pureview.hide();
this.$body.removeClass(options.className.activeBody);
this.resetScrollbar();
}
if (transition) {
this.$pureview.one(transition.end, $.proxy(resetBody, this)).
emulateTransitionEnd(300);
} else {
resetBody.call(this);
}
};
PureView.prototype.checkScrollbar = function() {
this.scrollbarWidth = UI.utils.measureScrollbar();
};
PureView.prototype.setScrollbar = function() {
var bodyPaddingRight = parseInt((this.$body.css('padding-right') ||
0), 10);
if (this.scrollbarWidth) {
this.$body.css('padding-right', bodyPaddingRight + this.scrollbarWidth);
}
};
PureView.prototype.resetScrollbar = function() {
this.$body.css('padding-right', '');
};
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.pureview');
var options = $.extend({},
UI.utils.parseOptions($this.data('amPureview')),
typeof option == 'object' && option);
if (!data) {
$this.data('amui.pureview', (data = new PureView(this,
options)));
}
if (typeof option == 'string') {
data[option]();
}
});
}
$.fn.pureview = Plugin;
// Init code
UI.ready(function(context) {
$('[data-am-pureview]', context).pureview();
});
$.AMUI.pureview = PureView;
module.exports = PureView;
// TODO: 1. 动画改进
// 2. 改变图片的时候恢复 Zoom
// 3. 选项
// 4. 图片高度问题：由于 PinchZoom 的原因，过高的图片如果设置看了滚动，则放大以后显示不全
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.pinchzoom": 34,
"./util.hammer": 50
}
],
38: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
/**
* @via https://github.com/uikit/uikit/blob/master/src/js/scrollspy.js
* @license https://github.com/uikit/uikit/blob/master/LICENSE.md
*/
var ScrollSpy = function(element, options) {
if (!UI.support.animation) {
return;
}
this.options = $.extend({}, ScrollSpy.DEFAULTS, options);
this.$element = $(element);
var checkViewRAF = function() {
UI.utils.rAF.call(window, $.proxy(this.checkView, this));
}.bind(this);
this.$window = $(window).on('scroll.scrollspy.amui',
checkViewRAF)
.on('resize.scrollspy.amui orientationchange.scrollspy.amui',
UI.utils.debounce(checkViewRAF, 50));
this.timer = this.inViewState = this.initInView = null;
checkViewRAF();
};
ScrollSpy.DEFAULTS = {
animation: 'fade',
className: {
inView: 'am-scrollspy-inview',
init: 'am-scrollspy-init'
},
repeat: true,
delay: 0,
topOffset: 0,
leftOffset: 0
};
ScrollSpy.prototype.checkView = function() {
var $element = this.$element;
var options = this.options;
var inView = UI.utils.isInView($element, options);
var animation = options.animation ?
' am-animation-' + options.animation : '';
if (inView && !this.inViewState) {
if (this.timer) {
clearTimeout(this.timer);
}
if (!this.initInView) {
$element.addClass(options.className.init);
this.offset = $element.offset();
this.initInView = true;
$element.trigger('init.scrollspy.amui');
}
this.timer = setTimeout(function() {
if (inView) {
$element.addClass(options.className.inView + animation).width();
}
}, options.delay);
this.inViewState = true;
$element.trigger('inview.scrollspy.amui');
}
if (!inView && this.inViewState && options.repeat) {
$element.removeClass(options.className.inView + animation);
this.inViewState = false;
$element.trigger('outview.scrollspy.amui');
}
};
ScrollSpy.prototype.check = function() {
UI.utils.rAF.call(window, $.proxy(this.checkView, this));
};
// Sticky Plugin
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('am.scrollspy');
var options = typeof option == 'object' && option;
if (!data) {
$this.data('am.scrollspy', (data = new ScrollSpy(this,
options)));
}
if (typeof option == 'string') {
data[option]();
}
});
}
$.fn.scrollspy = Plugin;
// Init code
UI.ready(function(context) {
$('[data-am-scrollspy]', context).each(function() {
var $this = $(this);
var options = UI.utils.options($this.data('amScrollspy'));
$this.scrollspy(options);
});
});
$.AMUI.scrollspy = ScrollSpy;
module.exports = ScrollSpy;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
39: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
require('./ui.smooth-scroll');
/**
* @via https://github.com/uikit/uikit/
* @license https://github.com/uikit/uikit/blob/master/LICENSE.md
*/
// ScrollSpyNav Class
var ScrollSpyNav = function(element, options) {
this.options = $.extend({}, ScrollSpyNav.DEFAULTS, options);
this.$element = $(element);
this.anchors = [];
this.$links = this.$element.find('a[href^="#"]').each(function(
i, link) {
this.anchors.push($(link).attr('href'));
}.bind(this));
this.$targets = $(this.anchors.join(', '));
var processRAF = function() {
UI.utils.rAF.call(window, $.proxy(this.process, this));
}.bind(this);
this.$window = $(window).on('scroll.scrollspynav.amui',
processRAF)
.on(
'resize.scrollspynav.amui orientationchange.scrollspynav.amui',
UI.utils.debounce(processRAF, 50));
processRAF();
this.scrollProcess();
};
ScrollSpyNav.DEFAULTS = {
className: {
active: 'am-active'
},
closest: false,
smooth: true
};
ScrollSpyNav.prototype.process = function() {
var scrollTop = this.$window.scrollTop();
var options = this.options;
var inViews = [];
var $links = this.$links;
var $targets = this.$targets;
$targets.each(function(i, target) {
if (UI.utils.isInView(target, options)) {
inViews.push(target);
}
});
// console.log(inViews.length);
if (inViews.length) {
var $target;
$.each(inViews, function(i, item) {
if ($(item).offset().top >= scrollTop) {
$target = $(item);
return false; // break
}
});
if (!$target) {
return;
}
if (options.closest) {
$links.closest(options.closest).removeClass(options.className
.active);
$links.filter('a[href="#' + $target.attr('id') + '"]').
closest(options.closest).addClass(options.className.active);
} else {
$links.removeClass(options.className.active).
filter('a[href="#' + $target.attr('id') + '"]').
addClass(options.className.active);
}
}
};
ScrollSpyNav.prototype.scrollProcess = function() {
var $links = this.$links;
// smoothScroll
if (this.options.smooth) {
$links.on('click', function(e) {
e.preventDefault();
var $this = $(this);
var $target = $($this.attr('href'));
if (!$target) {
return;
}
$(window).smoothScroll({
position: $target.offset().top
});
});
}
};
// ScrollSpyNav Plugin
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.scrollspynav');
var options = typeof option == 'object' && option;
if (!data) {
$this.data('amui.scrollspynav', (data = new ScrollSpyNav(
this, options)));
}
if (typeof option == 'string') {
data[option]();
}
});
}
$.fn.scrollspynav = Plugin;
// Init code
UI.ready(function(context) {
$('[data-am-scrollspy-nav]', context).each(function() {
var $this = $(this);
var options = UI.utils.options($this.attr(
'data-am-scrollspy-nav'));
Plugin.call($this, options);
});
});
$.AMUI.scrollspynav = ScrollSpyNav;
module.exports = ScrollSpyNav;
// TODO: 1. 算法改进
// 2. 多级菜单支持
// 3. smooth scroll pushState
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.smooth-scroll": 42
}
],
40: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
// Make jQuery :contains Case-Insensitive
$.expr[':'].containsNC = function(elem, i, match, array) {
return (elem.textContent || elem.innerText || '').toLowerCase().
indexOf((match[3] || '').toLowerCase()) >= 0;
};
/**
* Selected
* @desc HTML select replacer
* @via https://github.com/silviomoreto/bootstrap-select
* @license https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE
* @param element
* @param options
* @constructor
*/
var Selected = function(element, options) {
this.$element = $(element);
this.options = $.extend({}, Selected.DEFAULTS, options);
this.$originalOptions = this.$element.find('option');
this.multiple = element.multiple;
this.$selector = null;
this.init();
};
Selected.DEFAULTS = {
btnWidth: null,
btnSize: null,
btnStyle: 'default',
dropUp: 0,
maxHeight: null,
noSelectedText: '点击选择...',
selectedClass: 'am-checked',
searchBox: false,
tpl: '<div class="am-selected am-dropdown ' +
'<%= dropUp ? \'am-dropdown-up\': \'\' %>" id="<%= id %>" data-am-dropdown>' +
' <button type="button" class="am-selected-btn am-btn am-dropdown-toggle">' +
' <span class="am-selected-status am-fl"></span>' +
' <i class="am-selected-icon am-icon-caret-' +
'<%= dropUp ? \'up\' : \'down\' %>"></i>' +
' </button>' +
' <div class="am-selected-content am-dropdown-content">' +
' <h2 class="am-selected-header">' +
'<span class="am-icon-chevron-left">返回</span></h2>' +
' <% if (searchBox) { %>' +
' <div class="am-selected-search">' +
' <input type="text" autocomplete="off" class="am-form-field" />' +
' </div>' +
' <% } %>' +
' <ul class="am-selected-list">' +
' <% for (var i = 0; i < options.length; i++) { %>' +
' <% var option = options[i] %>' +
' <% if (option.header) { %>' +
' <li data-group="<%= option.group %>" class="am-selected-list-header">' +
' <%= option.text %></li>' +
' <% } else { %>' +
' <li class=<%= option.active %> ' +
' data-index="<%= option.index %>" ' +
' data-group="<%= option.group || 0 %>" ' +
' data-value="<%= option.value %>" >' +
' <span class="am-selected-text"><%= option.text %></span>' +
' <i class="am-icon-check"></i></li>' +
' <% } %>' +
' <% } %>' +
' </ul>' +
' <div class="am-selected-hint"></div>' +
' </div>' +
'</div>'
};
Selected.prototype.init = function() {
var $element = this.$element;
var options = this.options;
var optionItems = [];
var $optgroup = $element.find('optgroup');
$element.hide();
function pushOption(index, item, group) {
optionItems.push({
group: group,
index: index,
active: item.selected ? options.selectedClass : '',
text: item.text,
value: item.value
});
}
// select with option groups
if ($optgroup.length) {
$optgroup.each(function(i) {
// push group name
optionItems.push({
header: true,
group: i + 1,
text: this.label
});
$optgroup.eq(i).find('option').each(function(index, item) {
pushOption(index, item, i);
});
});
} else {
// without option groups
$element.find('option').each(function(index, item) {
pushOption(index, item, null);
});
}
var data = {
id: UI.utils.generateGUID('am-selected'),
multiple: $element.get(0).multiple,
options: optionItems,
searchBox: options.searchBox,
dropUp: options.dropUp
};
this.$selector = $(this.render(data));
this.$searchField = this.$selector.find(
'.am-selected-search input');
this.$hint = this.$selector.find('.am-selected-hint');
// set select button styles
var $selectorBtn = this.$selector.find('.am-selected-btn').
css({
width: this.options.btnWidth
});
var btnClassNames = [];
options.btnSize && btnClassNames.push('am-btn-' + options.btnSize);
options.btnStyle && btnClassNames.push('am-btn-' + options.btnStyle);
$selectorBtn.addClass(btnClassNames.join(' '));
this.$selector.dropdown({
justify: $selectorBtn
});
// set list height
if (options.maxHeight) {
this.$selector.find('.am-selected-list').css({
'max-height': options.maxHeight,
'overflow-y': 'scroll'
});
}
// set hint text
var hint = [];
var min = $element.attr('minchecked');
var max = $element.attr('maxchecked');
if ($element[0].required) {
hint.push('必选');
}
if (min || max) {
min && hint.push('至少选择 ' + min + ' 项');
max && hint.push('至多选择 ' + max + ' 项');
}
this.$hint.text(hint.join('，'));
// append $selector after <select>
this.$element.after(this.$selector);
this.dropdown = this.$selector.data('amui.dropdown');
this.$status = this.$selector.find('.am-selected-status');
this.getShadowOptions();
this.syncData();
this.bindEvents();
};
Selected.prototype.render = function(data) {
return UI.template(this.options.tpl, data);
};
Selected.prototype.getShadowOptions = function() {
this.$shadowOptions = this.$selector.find('.am-selected-list li')
.
not('.am-selected-list-header');
};
Selected.prototype.setChecked = function(item) {
var options = this.options;
var $item = $(item);
var isChecked = $item.hasClass(options.selectedClass);
if (!this.multiple) {
if (!isChecked) {
this.dropdown.close();
this.$shadowOptions.not($item).removeClass(options.selectedClass);
} else {
return;
}
}
$item.toggleClass(options.selectedClass);
this.syncData(item);
};
/**
* syncData
* @desc if `item` set, only sync `item` related option
* @param {Object} item
*/
Selected.prototype.syncData = function(item) {
var _this = this;
var options = this.options;
var status = [];
var $checked = $([]);
this.$shadowOptions.filter('.' + options.selectedClass).each(
function() {
var $this = $(this);
status.push($this.find('.am-selected-text').text());
if (!item) {
$checked = $checked.add(_this.$originalOptions.filter(
'[value="' + $this.data('value') + '"]').prop(
'selected', true));
}
});
if (item) {
var $item = $(item);
this.$originalOptions.filter('[value="' + $item.data('value') +
'"]').
prop('selected', $item.hasClass(options.selectedClass));
} else {
this.$originalOptions.not($checked).prop('selected', false);
}
// nothing selected
if (!this.$element.val()) {
status.push(options.noSelectedText);
}
this.$status.text(status.join(', '));
this.$element.trigger('change');
};
Selected.prototype.bindEvents = function() {
var _this = this;
var handleKeyup = UI.utils.debounce(function(e) {
_this.$shadowOptions.not('.am-selcted-list-header').hide().
filter(':containsNC("' + e.target.value + '")').show();
}, 100);
this.$shadowOptions.on('click', function(e) {
_this.setChecked(this);
});
// simple search with jQuery :contains
this.$searchField.on('keyup.selected.amui', handleKeyup);
// empty search keywords
this.$selector.on('closed.dropdown.amui', function() {
_this.$searchField.val('');
_this.$shadowOptions.css({
display: ''
});
});
};
Selected.prototype.destroy = function() {
this.$element.removeData('amui.selected').show();
this.$selector.remove();
};
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.selected');
var options = $.extend({}, UI.utils.parseOptions($this.data(
'amSelected')),
UI.utils.parseOptions($this.data('amSelectit')),
typeof option === 'object' && option);
if (!data && option === 'destroy') {
return;
}
if (!data) {
$this.data('amui.selected', (data = new Selected(this,
options)));
}
if (typeof option == 'string') {
data[option] && data[option]();
}
});
}
// Conflict with jQuery form
// https://github.com/malsup/form/blob/6bf24a5f6d8be65f4e5491863180c09356d9dadd/jquery.form.js#L1240-L1258
// https://github.com/allmobilize/amazeui/issues/379
$.fn.selected = $.fn.selectIt = Plugin;
UI.ready(function(context) {
$('[data-am-selected]', context).selectIt();
});
$.AMUI.selected = Selected;
module.exports = Selected;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
41: [
function(require, module, exports) {
(function(global) {
'use strict';
require('./ui.modal');
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var QRCode = require('./util.qrcode');
var doc = document;
var $doc = $(doc);
var Share = function(options) {
this.options = $.extend({}, Share.DEFAULTS, options || {});
this.$element = null;
this.$wechatQr = null;
this.pics = null;
this.inited = false;
this.active = false;
// this.init();
};
Share.DEFAULTS = {
sns: ['weibo', 'qq', 'qzone', 'tqq', 'wechat', 'renren'],
title: '分享到',
cancel: '取消',
closeOnShare: true,
id: UI.utils.generateGUID('am-share'),
desc: 'Hi，孤夜观天象，发现一个不错的西西，分享一下下 ;-)',
via: 'Amaze UI',
tpl: '<div class="am-share am-modal-actions" id="<%= id %>">' +
'<h3 class="am-share-title"><%= title %></h3>' +
'<ul class="am-share-sns am-avg-sm-3">' +
'<% for(var i = 0; i < sns.length; i++) {%>' +
'<li>' +
'<a href="<%= sns[i].shareUrl %>" ' +
'data-am-share-to="<%= sns[i].id %>" >' +
'<i class="am-icon-<%= sns[i].icon %>"></i>' +
'<span><%= sns[i].title %></span>' +
'</a></li>' +
'<% } %></ul>' +
'<div class="am-share-footer">' +
'<button class="am-btn am-btn-default am-btn-block" ' +
'data-am-share-close><%= cancel %></button></div>' +
'</div>'
};
Share.SNS = {
weibo: {
title: '新浪微博',
url: 'http://service.weibo.com/share/share.php',
width: 620,
height: 450,
icon: 'weibo'
},
// url 链接地址
// title:”, 分享的文字内容(可选，默认为所在页面的title)
// appkey:”, 您申请的应用appkey,显示分享来源(可选)
// pic:”, 分享图片的路径(可选)
// ralateUid:”, 关联用户的UID，分享微博会@该用户(可选)
// NOTE: 会自动抓取图片，不用指定 pic
qq: {
title: 'QQ 好友',
url: 'http://connect.qq.com/widget/shareqq/index.html',
icon: 'qq'
},
// url:,
// title:'', 分享标题(可选)
// pics:'', 分享图片的路径(可选)
// summary:'', 分享摘要(可选)
// site:'', 分享来源 如：腾讯网(可选)
// desc: '' 发送给用户的消息
// NOTE: 经过测试，最终发给用户的只有 url 和 desc
qzone: {
title: 'QQ 空间',
url: 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey',
icon: 'star'
},
// http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=xxx&title=xxx&desc=&summary=&site=
// url:,
// title:'', 分享标题(可选)
// desc:'', 默认分享理由(可选)
// summary:'', 分享摘要(可选)
// site:'', 分享来源 如：腾讯网(可选)
// pics:'', 分享图片的路径(可选)，不会自动抓取，多个图片用|分隔
tqq: {
title: '腾讯微博',
url: 'http://v.t.qq.com/share/share.php',
icon: 'tencent-weibo'
},
// url=xx&title=&appkey=801cf76d3cfc44ada52ec13114e84a96
// url
// title
// pic 多个图片用 | 分隔
// appkey
// NOTE: 不会自动抓取图片
wechat: {
title: '微信',
url: '[qrcode]',
icon: 'wechat'
},
// 生成一个二维码 供用户扫描
// 相关接口 https://github.com/zxlie/WeixinApi
renren: {
title: '人人网',
url: 'http://widget.renren.com/dialog/share',
icon: 'renren'
},
// http://widget.renren.com/dialog/share?resourceUrl=www&srcUrl=www&title=ww&description=xxx
// 550 * 400
// resourceUrl : '', // 分享的资源Url
// srcUrl : '', // 分享的资源来源Url,
// // 默认为header中的Referer,如果分享失败可以调整此值为resourceUrl试试
// pic : '', // 分享的主题图片，会自动抓取
// title : '', // 分享的标题
// description : '' // 分享的详细描述
// NOTE: 经过测试，直接使用 url 参数即可
douban: {
title: '豆瓣',
url: 'http://www.douban.com/recommend/',
icon: 'share-alt'
},
// http://www.douban.com/service/sharebutton
// 450 * 330
// http://www.douban.com/share/service?bm=1&image=&href=xxx&updated=&name=
// href 链接
// name 标题
/* void (function() {
var d = document, e = encodeURIComponent,
s1 = window.getSelection, s2 = d.getSelection,
s3 = d.selection, s = s1 ? s1()
: s2 ? s2() : s3 ? s3.createRange().text : '',
r = 'http://www.douban.com/recommend/?url=&title=&sel=&v=1&r=1'
})();
*/
// tsohu: '',
// http://t.sohu.com/third/post.jsp?url=&title=&content=utf-8&pic=
// print: '',
mail: {
title: '邮件分享',
url: 'mailto:',
icon: 'envelope-o'
},
sms: {
title: '短信分享',
url: 'sms:',
icon: 'comment'
}
};
Share.prototype.render = function() {
var options = this.options;
var snsData = [];
var title = encodeURIComponent(doc.title);
var link = encodeURIComponent(doc.location);
var msgBody = '?body=' + title + link;
options.sns.forEach(function(item, i) {
if (Share.SNS[item]) {
var tmp = Share.SNS[item];
var shareUrl;
tmp.id = item;
if (item === 'mail') {
shareUrl = msgBody + '&subject=' + options.desc;
} else if (item === 'sms') {
shareUrl = msgBody;
} else {
shareUrl = '?url=' + link + '&title=' + title;
}
tmp.shareUrl = tmp.url + shareUrl;
snsData.push(tmp);
}
});
return UI.template(options.tpl, $.extend({}, options, {
sns: snsData
}));
};
Share.prototype.init = function() {
if (this.inited) {
return;
}
var me = this;
var shareItem = '[data-am-share-to]';
$doc.ready($.proxy(function() {
$('body').append(this.render()); // append share DOM to body
this.$element = $('#' + this.options.id);
this.$element.find('[data-am-share-close]').
on('click.share.amui', function() {
me.close();
});
}, this));
$doc.on('click.share.amui', shareItem, $.proxy(function(e) {
var $clicked = $(e.target);
var $target = $clicked.is(shareItem) && $clicked ||
$clicked.parent(shareItem);
var sns = $target.attr('data-am-share-to');
if (!(sns === 'mail' || sns === 'sms')) {
e.preventDefault();
this.shareTo(sns, this.setData(sns));
}
this.close();
}, this));
this.inited = true;
};
Share.prototype.open = function() {
!this.inited && this.init();
this.$element && this.$element.modal('open');
this.$element.trigger('open.share.amui');
this.active = true;
};
Share.prototype.close = function() {
this.$element && this.$element.modal('close');
this.$element.trigger('close.share.amui');
this.active = false;
};
Share.prototype.toggle = function() {
this.active ? this.close() : this.open();
};
Share.prototype.setData = function(sns) {
if (!sns) {
return;
}
var shareData = {
url: doc.location,
title: doc.title
};
var desc = this.options.desc;
var imgSrc = this.pics || [];
var qqReg = /^(qzone|qq|tqq)$/;
if (qqReg.test(sns) && !imgSrc.length) {
var allImages = doc.images;
for (var i = 0; i < allImages.length && i < 10; i++) {
!!allImages[i].src && imgSrc.push(encodeURIComponent(
allImages[i].src));
}
this.pics = imgSrc; // 缓存图片
}
switch (sns) {
case 'qzone':
shareData.desc = desc;
shareData.site = this.options.via;
shareData.pics = imgSrc.join('|');
// TODO: 抓取图片多张
break;
case 'qq':
shareData.desc = desc;
shareData.site = this.options.via;
shareData.pics = imgSrc[0];
// 抓取一张图片
break;
case 'tqq':
// 抓取图片多张
shareData.pic = imgSrc.join('|');
break;
}
return shareData;
};
Share.prototype.shareTo = function(sns, data) {
var snsInfo = Share.SNS[sns];
if (!snsInfo) {
return;
}
if (sns === 'wechat' || sns === 'weixin') {
return this.wechatQr();
}
var query = [];
for (var key in data) {
if (data[key]) {
// 避免 encode 图片分隔符 |
query.push(key.toString() + '=' + ((key === 'pic' || key ===
'pics') ?
data[key] : encodeURIComponent(data[key])));
}
}
window.open(snsInfo.url + '?' + query.join('&'));
};
Share.prototype.wechatQr = function() {
if (!this.$wechatQr) {
var qrId = UI.utils.generateGUID('am-share-wechat');
var $qr = $(
'<div class="am-modal am-modal-no-btn am-share-wechat-qr">' +
'<div class="am-modal-dialog"><div class="am-modal-hd">分享到微信 ' +
'<a href="" class="am-close am-close-spin" ' +
'data-am-modal-close>×</a> </div>' +
'<div class="am-modal-bd">' +
'<div class="am-share-wx-qr"></div>' +
'<div class="am-share-wechat-tip">' +
'打开微信，点击底部的<em>发现</em>，<br/> ' +
'使用<em>扫一扫</em>将网页分享至朋友圈</div></div></div></div>', {
id: qrId
});
var qrNode = new QRCode({
render: 'canvas',
correctLevel: 0,
text: doc.location.href,
width: 180,
height: 180,
background: '#fff',
foreground: '#000'
});
$qr.find('.am-share-wx-qr').html(qrNode);
$qr.appendTo($('body'));
this.$wechatQr = $('#' + qrId);
}
this.$wechatQr.modal('open');
};
var share = new Share();
$doc.on('click.share.amui.data-api', '[data-am-toggle="share"]',
function(e) {
e.preventDefault();
share.toggle();
});
$.AMUI.share = share;
module.exports = share;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./ui.modal": 32,
"./util.qrcode": 51
}
],
42: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var rAF = UI.utils.rAF;
var cAF = UI.utils.cancelAF;
/**
* Smooth Scroll
* @param position
* @via http://mir.aculo.us/2014/01/19/scrolling-dom-elements-to-the-top-a-zepto-plugin/
*/
// Usage: $(window).smoothScroll([options])
// only allow one scroll to top operation to be in progress at a time,
// which is probably what you want
var smoothScrollInProgress = false;
var SmoothScroll = function(element, options) {
options = options || {};
var $this = $(element);
var targetY = parseInt(options.position) || SmoothScroll.DEFAULTS
.position;
var initialY = $this.scrollTop();
var lastY = initialY;
var delta = targetY - initialY;
// duration in ms, make it a bit shorter for short distances
// this is not scientific and you might want to adjust this for
// your preferences
var speed = options.speed ||
Math.min(750, Math.min(1500, Math.abs(initialY - targetY)));
// temp variables (t will be a position between 0 and 1, y is the calculated scrollTop)
var start;
var t;
var y;
var cancelScroll = function() {
abort();
};
// abort if already in progress or nothing to scroll
if (smoothScrollInProgress) {
return;
}
if (delta === 0) {
return;
}
// quint ease-in-out smoothing, from
// https://github.com/madrobby/scripty2/blob/master/src/effects/transitions/penner.js#L127-L136
function smooth(pos) {
if ((pos /= 0.5) < 1) {
return 0.5 * Math.pow(pos, 5);
}
return 0.5 * (Math.pow((pos - 2), 5) + 2);
}
function abort() {
$this.off('touchstart.smoothscroll.amui', cancelScroll);
smoothScrollInProgress = false;
}
// when there's a touch detected while scrolling is in progress, abort
// the scrolling (emulates native scrolling behavior)
$this.on('touchstart.smoothscroll.amui', cancelScroll);
smoothScrollInProgress = true;
// start rendering away! note the function given to frame
// is named "render" so we can reference it again further down
function render(now) {
if (!smoothScrollInProgress) {
return;
}
if (!start) {
start = now;
}
// calculate t, position of animation in [0..1]
t = Math.min(1, Math.max((now - start) / speed, 0));
// calculate the new scrollTop position (don't forget to smooth)
y = Math.round(initialY + delta * smooth(t));
// bracket scrollTop so we're never over-scrolling
if (delta > 0 && y > targetY) {
y = targetY;
}
if (delta < 0 && y < targetY) {
y = targetY;
}
// only actually set scrollTop if there was a change fromt he last frame
if (lastY != y) {
$this.scrollTop(y);
}
lastY = y;
// if we're not done yet, queue up an other frame to render,
// or clean up
if (y !== targetY) {
cAF(scrollRAF);
scrollRAF = rAF(render);
} else {
cAF(scrollRAF);
abort();
}
}
var scrollRAF = rAF(render);
};
SmoothScroll.DEFAULTS = {
position: 0
};
$.fn.smoothScroll = function(option) {
return this.each(function() {
new SmoothScroll(this, option);
});
};
// Init code
$(document).on('click.smoothScroll.amui.data-api',
'[data-am-smooth-scroll]',
function(e) {
e.preventDefault();
var options = UI.utils.parseOptions($(this).data(
'amSmoothScroll'));
$(window).smoothScroll(options);
});
module.exports = SmoothScroll;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
43: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
/**
* @via https://github.com/uikit/uikit/blob/master/src/js/addons/sticky.js
* @license https://github.com/uikit/uikit/blob/master/LICENSE.md
*/
// Sticky Class
var Sticky = function(element, options) {
var me = this;
this.options = $.extend({}, Sticky.DEFAULTS, options);
this.$element = $(element);
this.sticked = null;
this.inited = null;
this.$holder = undefined;
this.$window = $(window).
on('scroll.sticky.amui',
UI.utils.debounce($.proxy(this.checkPosition, this), 10)).
on('resize.sticky.amui orientationchange.sticky.amui',
UI.utils.debounce(function() {
me.reset(true, function() {
me.checkPosition();
});
}, 50)).
on('load.sticky.amui', $.proxy(this.checkPosition, this));
// the `.offset()` is diff between jQuery & Zepto.js
// jQuery: return `top` and `left`
// Zepto.js: return `top`, `left`, `width`, `height`
this.offset = this.$element.offset();
this.init();
};
Sticky.DEFAULTS = {
top: 0,
bottom: 0,
animation: '',
className: {
sticky: 'am-sticky',
resetting: 'am-sticky-resetting',
stickyBtm: 'am-sticky-bottom',
animationRev: 'am-animation-reverse'
}
};
Sticky.prototype.init = function() {
var result = this.check();
if (!result) {
return false;
}
var $element = this.$element;
var $holder = $('<div class="am-sticky-placeholder"></div>').css({
height: $element.css('position') != 'absolute' ?
$element.outerHeight() : '',
float: $element.css('float') != 'none' ? $element.css(
'float') : '',
margin: $element.css('margin')
});
this.$holder = $element.css('margin', 0).wrap($holder).parent();
this.inited = 1;
return true;
};
Sticky.prototype.reset = function(force, cb) {
var options = this.options;
var $element = this.$element;
var animation = (options.animation) ?
' am-animation-' + options.animation : '';
var complete = function() {
$element.css({
position: '',
top: '',
width: '',
left: '',
margin: 0
});
$element.removeClass([
animation,
options.className.animationRev,
options.className.sticky,
options.className.resetting
].join(' '));
this.animating = false;
this.sticked = false;
this.offset = $element.offset();
cb && cb();
}.bind(this);
$element.addClass(options.className.resetting);
if (!force && options.animation && UI.support.animation) {
this.animating = true;
$element.removeClass(animation).one(UI.support.animation.end,
function() {
complete();
}).width(); // force redraw
$element.addClass(animation + ' ' + options.className.animationRev);
} else {
complete();
}
};
Sticky.prototype.check = function() {
if (!this.$element.is(':visible')) {
return false;
}
var media = this.options.media;
if (media) {
switch (typeof(media)) {
case 'number':
if (window.innerWidth < media) {
return false;
}
break;
case 'string':
if (window.matchMedia && !window.matchMedia(media).matches) {
return false;
}
break;
}
}
return true;
};
Sticky.prototype.checkPosition = function() {
if (!this.inited) {
var initialized = this.init();
if (!initialized) {
return;
}
}
var options = this.options;
var scrollTop = this.$window.scrollTop();
var offsetTop = options.top;
var offsetBottom = options.bottom;
var $element = this.$element;
var animation = (options.animation) ?
' am-animation-' + options.animation : '';
var className = [options.className.sticky, animation].join(' ');
if (typeof offsetBottom == 'function') {
offsetBottom = offsetBottom(this.$element);
}
var checkResult = (scrollTop > this.$holder.offset().top);
if (!this.sticked && checkResult) {
$element.addClass(className);
} else if (this.sticked && !checkResult) {
this.reset();
}
this.$holder.height($element.is(':visible') ? $element.height() :
0);
if (checkResult) {
$element.css({
top: offsetTop,
left: this.$holder.offset().left,
width: this.$holder.width()
});
/*
if (offsetBottom) {
// （底部边距 + 元素高度 > 窗口高度） 时定位到底部
if ((offsetBottom + this.offset.height > $(window).height()) &&
(scrollTop + $(window).height() >= scrollHeight - offsetBottom)) {
$element.addClass(options.className.stickyBtm).
css({top: $(window).height() - offsetBottom - this.offset.height});
} else {
$element.removeClass(options.className.stickyBtm).css({top: offsetTop});
}
}
*/
}
this.sticked = checkResult;
};
// Sticky Plugin
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.sticky');
var options = typeof option == 'object' && option;
if (!data) {
$this.data('amui.sticky', (data = new Sticky(this,
options)));
}
if (typeof option == 'string') {
data[option]();
}
});
}
$.fn.sticky = Plugin;
// Init code
$(window).on('load', function() {
$('[data-am-sticky]').each(function() {
var $this = $(this);
var options = UI.utils.options($this.attr('data-am-sticky'));
Plugin.call($this, options);
});
});
$.AMUI.sticky = Sticky;
module.exports = Sticky;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
44: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var Hammer = require('./util.hammer');
var supportTransition = UI.support.transition;
var animation = UI.support.animation;
/**
* @via https://github.com/twbs/bootstrap/blob/master/js/tab.js
* @copyright 2011-2014 Twitter, Inc.
* @license MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
var Tabs = function(element, options) {
this.$element = $(element);
this.options = $.extend({}, Tabs.DEFAULTS, options || {});
this.$tabNav = this.$element.find(this.options.selector.nav);
this.$navs = this.$tabNav.find('a');
this.$content = this.$element.find(this.options.selector.content);
this.$tabPanels = this.$content.find(this.options.selector.panel);
this.transitioning = null;
this.init();
};
Tabs.DEFAULTS = {
selector: {
nav: '.am-tabs-nav',
content: '.am-tabs-bd',
panel: '.am-tab-panel'
},
className: {
active: 'am-active'
}
};
Tabs.prototype.init = function() {
var me = this;
var options = this.options;
// Activate the first Tab when no active Tab or multiple active Tabs
if (this.$tabNav.find('> .am-active').length !== 1) {
var $tabNav = this.$tabNav;
this.activate($tabNav.children('li').first(), $tabNav);
this.activate(this.$tabPanels.first(), this.$content);
}
this.$navs.on('click.tabs.amui', function(e) {
e.preventDefault();
me.open($(this));
});
if (!options.noSwipe) {
var hammer = new Hammer(this.$content[0]);
hammer.get('pan').set({
direction: Hammer.DIRECTION_HORIZONTAL,
threshold: 120
});
hammer.on('panleft', UI.utils.debounce(function(e) {
e.preventDefault();
var $target = $(e.target);
if (!$target.is(options.selector.panel)) {
$target = $target.closest(options.selector.panel);
}
$target.focus();
var $nav = me.getNextNav($target);
$nav && me.open($nav);
}, 100));
hammer.on('panright', UI.utils.debounce(function(e) {
e.preventDefault();
var $target = $(e.target);
if (!$target.is(options.selector.panel)) {
$target = $target.closest(options.selector.panel);
}
var $nav = me.getPrevNav($target);
$nav && me.open($nav);
}, 100));
}
};
Tabs.prototype.open = function($nav) {
if (!$nav ||
this.transitioning ||
$nav.parent('li').hasClass('am-active')) {
return;
}
var $tabNav = this.$tabNav;
var $navs = this.$navs;
var $tabContent = this.$content;
var href = $nav.attr('href');
var regexHash = /^#.+$/;
var $target = regexHash.test(href) && this.$content.find(href) ||
this.$tabPanels.eq($navs.index($nav));
var previous = $tabNav.find('.am-active a')[0];
var e = $.Event('open.tabs.amui', {
relatedTarget: previous
});
$nav.trigger(e);
if (e.isDefaultPrevented()) {
return;
}
// activate Tab nav
this.activate($nav.closest('li'), $tabNav);
// activate Tab content
this.activate($target, $tabContent, function() {
$nav.trigger({
type: 'opened.tabs.amui',
relatedTarget: previous
});
});
};
Tabs.prototype.activate = function($element, $container, callback) {
this.transitioning = true;
var $active = $container.find('> .am-active');
var transition = callback && supportTransition && !!$active.length;
$active.removeClass('am-active am-in');
$element.addClass('am-active');
if (transition) {
$element.redraw(); // reflow for transition
$element.addClass('am-in');
} else {
$element.removeClass('am-fade');
}
function complete() {
callback && callback();
this.transitioning = false;
}
transition ?
$active.one(supportTransition.end, $.proxy(complete, this)) :
$.proxy(complete, this)();
};
Tabs.prototype.getNextNav = function($panel) {
var navIndex = this.$tabPanels.index($panel);
var rightSpring = 'am-animation-right-spring';
if (navIndex + 1 >= this.$navs.length) { // last one
animation && $panel.addClass(rightSpring).on(animation.end,
function() {
$panel.removeClass(rightSpring);
});
return null;
} else {
return this.$navs.eq(navIndex + 1);
}
};
Tabs.prototype.getPrevNav = function($panel) {
var navIndex = this.$tabPanels.index($panel);
var leftSpring = 'am-animation-left-spring';
if (navIndex === 0) { // first one
animation && $panel.addClass(leftSpring).on(animation.end,
function() {
$panel.removeClass(leftSpring);
});
return null;
} else {
return this.$navs.eq(navIndex - 1);
}
};
// Plugin
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var $tabs = $this.is('.am-tabs') && $this || $this.closest(
'.am-tabs');
var data = $tabs.data('amui.tabs');
var options = $.extend({}, $.isPlainObject(option) ? option : {},
UI.utils.parseOptions($this.data('amTabs')));
if (!data) {
$tabs.data('amui.tabs', (data = new Tabs($tabs[0],
options)));
}
if (typeof option == 'string' && $this.is('.am-tabs-nav a')) {
data[option]($this);
}
});
}
$.fn.tabs = Plugin;
// Init code
UI.ready(function(context) {
$('[data-am-tabs]', context).tabs();
});
$.AMUI.tabs = Tabs;
module.exports = Tabs;
// TODO: 1. Ajax 支持
// 2. touch 事件处理逻辑优化
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4,
"./util.hammer": 50
}
],
45: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
/**
* UCheck
* @via https://github.com/designmodo/Flat-UI/blob/8ef98df23ba7f5033e596a9bd05b53b535a9fe99/js/radiocheck.js
* @license CC BY 3.0 & MIT
* @param element
* @param options
* @constructor
*/
var UCheck = function(element, options) {
this.options = $.extend({}, UCheck.DEFAULTS, options);
// this.options = $.extend({}, UCheck.DEFAULTS, this.$element.data(), options);
this.$element = $(element);
this.init();
};
UCheck.DEFAULTS = {
checkboxClass: 'am-ucheck-checkbox',
radioClass: 'am-ucheck-radio',
checkboxTpl: '<span class="am-ucheck-icons">' +
'<i class="am-icon-unchecked"></i><i class="am-icon-checked"></i></span>',
radioTpl: '<span class="am-ucheck-icons">' +
'<i class="am-icon-unchecked"></i><i class="am-icon-checked"></i></span>'
};
UCheck.prototype.init = function() {
var $element = this.$element;
var element = $element[0];
var options = this.options;
if (element.type === 'checkbox') {
$element.addClass(options.checkboxClass).after(options.checkboxTpl);
} else if (element.type === 'radio') {
$element.addClass(options.radioClass).after(options.radioTpl);
}
};
UCheck.prototype.check = function() {
this.$element.prop('checked', true)
.trigger('change.ucheck.amui').trigger('checked.ucheck.amui');
},
UCheck.prototype.uncheck = function() {
this.$element.prop('checked', false)
.trigger('change.ucheck.amui').trigger('unchecked.ucheck.amui');
},
UCheck.prototype.toggle = function() {
this.$element.prop('checked', function(i, value) {
return !value;
}).trigger('change.ucheck.amui').trigger('toggled.ucheck.amui');
},
UCheck.prototype.disable = function() {
this.$element.prop('disabled', true).
trigger('change.ucheck.amui').trigger('disabled.ucheck.amui');
},
UCheck.prototype.enable = function() {
this.$element.prop('disabled', false);
this.$element.trigger('change.ucheck.amui').trigger(
'enabled.ucheck.amui');
},
UCheck.prototype.destroy = function() {
this.$element.removeData('amui.ucheck').
removeClass(this.options.checkboxClass + ' ' + this.options.radioClass)
.
next('.am-ucheck-icons').remove().
end().trigger('destroyed.ucheck.amui');
};
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.ucheck');
var options = $.extend({}, UI.utils.parseOptions($this.data(
'amUcheck')),
typeof option === 'object' && option);
if (!data && option === 'destroy') {
return;
}
if (!data) {
$this.data('amui.ucheck', (data = new UCheck(this,
options)));
}
if (typeof option == 'string') {
data[option] && data[option]();
}
// Adding 'am-nohover' class for touch devices
if (UI.support.touch) {
$this.parent().hover(function() {
$this.addClass('am-nohover');
}, function() {
$this.removeClass('am-nohover');
});
}
});
}
$.fn.uCheck = Plugin;
UI.ready(function(context) {
$('[data-am-ucheck]', context).uCheck();
});
$.AMUI.uCheck = UCheck;
module.exports = UCheck;
// TODO: 与表单验证结合使用的情况
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
46: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var Validator = function(element, options) {
this.options = $.extend({}, Validator.DEFAULTS, options);
this.options.patterns = $.extend({}, Validator.patterns,
this.options.patterns);
var locales = this.options.locales;
!Validator.validationMessages[locales] && (this.options.locales =
'zh_CN');
this.$element = $(element);
this.init();
};
Validator.DEFAULTS = {
debug: false,
locales: 'zh_CN',
H5validation: false,
H5inputType: ['email', 'url', 'number'],
patterns: {},
patternClassPrefix: 'js-pattern-',
activeClass: 'am-active',
inValidClass: 'am-field-error',
validClass: 'am-field-valid',
validateOnSubmit: true,
// Elements to validate with allValid (only validating visible elements)
// :input: selects all input, textarea, select and button elements.
allFields: ':input:visible:not(:button, :disabled, .am-novalidate)',
// Custom events
customEvents: 'validate',
// Keyboard events
keyboardFields: ':input:not(:button, :disabled,.am-novalidate)',
keyboardEvents: 'focusout, change', // keyup, focusin
activeKeyup: true,
// Mouse events
pointerFields: 'input[type="range"]:not(:disabled, .am-novalidate), ' +
'input[type="radio"]:not(:disabled, .am-novalidate), ' +
'input[type="checkbox"]:not(:disabled, .am-novalidate), ' +
'select:not(:disabled, .am-novalidate), ' +
'option:not(:disabled, .am-novalidate)',
pointerEvents: 'click',
onValid: function(validity) {},
onInValid: function(validity) {},
markValid: function(validity) {
// this is Validator instance
var options = this.options;
var $field = $(validity.field);
var $parent = $field.closest('.am-form-group');
$field.addClass(options.validClass).removeClass(options.inValidClass);
$parent.addClass('am-form-success').removeClass('am-form-error');
options.onValid.call(this, validity);
},
markInValid: function(validity) {
var options = this.options;
var $field = $(validity.field);
var $parent = $field.closest('.am-form-group');
$field.addClass(options.inValidClass + ' ' + options.activeClass)
.
removeClass(options.validClass);
$parent.addClass('am-form-error').removeClass('am-form-success');
options.onInValid.call(this, validity);
},
validate: function(validity) {
// return validity;
},
submit: null
};
/* jshint -W101 */
Validator.patterns = {
email: /^((([a-zA-Z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-zA-Z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/,
url: /^(https?|ftp):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,
// Number, including positive, negative, and floating decimal
number: /^-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/,
dateISO: /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,
integer: /^-?\d+$/
};
/* jshint +W101 */
Validator.validationMessages = {
zh_CN: {
valueMissing: '请填写此字段',
customError: {
tooShort: '至少填写 %s 个字符',
checkedOverflow: '至多选择 %s 项',
checkedUnderflow: '至少选择 %s 项'
},
patternMismatch: '请按照要求的格式填写',
rangeOverflow: '请填写小于等于 %s 的值',
rangeUnderflow: '请填写大于等于 %s 的值',
stepMismatch: '',
tooLong: '至多填写 %s 个字符',
typeMismatch: '请按照要求的类型填写'
}
};
// TODO: 考虑表单元素不是 form 子元素的情形
// TODO: change/click/focusout 同时触发时处理重复
// TODO: 显示提示信息
Validator.prototype.init = function() {
var _this = this;
var $element = this.$element;
var options = this.options;
// using H5 form validation if option set and supported
if (options.H5validation && UI.support.formValidation) {
return false;
}
// disable HTML5 form validation
$element.attr('novalidate', 'novalidate');
function regexToPattern(regex) {
var pattern = regex.toString();
return pattern.substring(1, pattern.length - 1);
}
// add pattern to H5 input type
$.each(options.H5inputType, function(i, type) {
var $field = $element.find('input[type=' + type + ']');
if (!$field.attr('pattern')) {
$field.attr('pattern', regexToPattern(options.patterns[type]));
}
});
// add pattern to .js-pattern-xx
$.each(options.patterns, function(key, value) {
var $field = $element.find('.' + options.patternClassPrefix +
key);
!$field.attr('pattern') && $field.attr('pattern',
regexToPattern(value));
});
$element.submit(function(e) {
if (typeof options.submit === 'function') {
return options.submit.call(_this, e);
}
if (options.validateOnSubmit) {
return _this.isFormValid();
}
});
function bindEvents(fields, eventFlags, debounce) {
var events = eventFlags.split(',');
var validate = function(e) {
// console.log(e.type);
_this.validate(this);
};
if (debounce) {
validate = UI.utils.debounce(validate, debounce);
}
$.each(events, function(i, event) {
$element.on(event + '.validator.amui', fields, validate);
});
}
bindEvents(':input', options.customEvents);
bindEvents(options.keyboardFields, options.keyboardEvents);
bindEvents(options.pointerFields, options.pointerEvents);
// active filed
bindEvents('.am-active', 'keyup', 50);
bindEvents('textarea[maxlength]', 'keyup', 50);
};
Validator.prototype.isValid = function(field) {
var $field = $(field);
// valid field not has been validated
if ($field.data('validity') === undefined) {
this.validate(field);
}
return $field.data('validity') && $field.data('validity').valid;
};
Validator.prototype.validate = function(field) {
var _this = this;
var $element = this.$element;
var options = this.options;
var $field = $(field);
// Validate equal, e.g. confirm password
var equalTo = $field.data('equalTo');
if (equalTo) {
$field.attr('pattern', '^' + $element.find(equalTo).val() + '$');
}
var pattern = $field.attr('pattern') || false;
var re = new RegExp(pattern);
var $radioGroup = null;
var $checkboxGroup = null;
// if checkbox, return `:chcked` length
var value = ($field.is('[type=checkbox]')) ?
($checkboxGroup = $element.find('input[name="' + field.name +
'"]')).
filter(':checked').length: ($field.is('[type=radio]') ?
($radioGroup = this.$element.find('input[name="' + field.name +
'"]')).filter(':checked').length > 0 : $field.val());
// if checkbox, valid the first input of checkbox group
$field = ($checkboxGroup && $checkboxGroup.length) ?
$checkboxGroup.first() : $field;
var required = ($field.attr('required') !== undefined) &&
($field.attr('required') !== 'false');
var maxLength = parseInt($field.attr('maxlength'), 10);
var minLength = parseInt($field.attr('minlength'), 10);
var min = Number($field.attr('min'));
var max = Number($field.attr('max'));
var validity = this.createValidity({
field: $field[0],
valid: true
});
// Debug
if (options.debug && window.console) {
console.log('Validate: value -> [' + value + ', regex -> [' +
re +
'], required -> ' + required);
console.log('Regex test: ' + re.test(value) + ', Pattern: ' +
pattern);
}
// check value length
if (!isNaN(maxLength) && value.length > maxLength) {
validity.valid = false;
validity.tooLong = true;
}
if (!isNaN(minLength) && value.length < minLength) {
validity.valid = false;
validity.customError = 'tooShort';
}
// check minimum and maximum
// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input
// TODO: 日期验证最小值和最大值 min/max
if (!isNaN(min) && Number(value) < min) {
validity.valid = false;
validity.rangeUnderflow = true;
}
if (!isNaN(max) && Number(value) > max) {
validity.valid = false;
validity.rangeOverflow = true;
}
// check required
if (required && !value) {
validity.valid = false;
validity.valueMissing = true;
} else if (($checkboxGroup || $field.is(
'select[multiple="multiple"]')) &&
value) {
// check checkboxes / multiple select with `minchecked`/`maxchecked` attr
// var $multipleField = $checkboxGroup ? $checkboxGroup.first() : $field;
// if is select[multiple="multiple"], return selected length
value = $checkboxGroup ? value : value.length;
// at least checked
var minChecked = parseInt($field.attr('minchecked'), 10);
// at most checked
var maxChecked = parseInt($field.attr('maxchecked'), 10);
if (!isNaN(minChecked) && value < minChecked) {
// console.log('At least [%d] items checked！', maxChecked);
validity.valid = false;
validity.customError = 'checkedUnderflow';
}
if (!isNaN(maxChecked) && value > maxChecked) {
// console.log('At most [%d] items checked！', maxChecked);
validity.valid = false;
validity.customError = 'checkedOverflow';
}
} else if (pattern && !re.test(value) && value) { // check pattern
validity.valid = false;
validity.patternMismatch = true;
}
var validateComplete = function(validity) {
this.markField(validity);
$field.trigger('validated.field.validator.amui', validity).
data('validity', validity);
// validate the radios/checkboxes with the same name
var $fields = $radioGroup || $checkboxGroup;
if ($fields) {
$fields.not($field).data('validity', validity).each(
function() {
validity.field = this;
_this.markField(validity);
});
}
};
// Run custom validate
var customValidate;
(typeof options.validate === 'function') &&
(customValidate = options.validate.call(this, validity));
if (customValidate) {
return $.when(customValidate).always(function(validity) {
validateComplete.call(_this, validity);
});
}
validateComplete.call(this, validity);
};
Validator.prototype.markField = function(validity) {
var options = this.options;
var flag = 'mark' + (validity.valid ? '' : 'In') + 'Valid';
options[flag] && options[flag].call(this, validity);
};
// check all fields in the form are valid
Validator.prototype.validateAll = function() {
var _this = this;
var $element = this.$element;
var options = this.options;
var $allFields = $element.find(options.allFields);
var radioNames = [];
var valid = true;
var formValidity = [];
var $inValidFields = $([]);
$element.trigger('validate.form.validator.amui');
// Filter radio with the same name and keep only one,
// since they will be checked as a group by isValid()
var $filteredFields = $allFields.filter(function(index) {
var name;
if (this.tagName === 'INPUT' && this.type === 'radio') {
name = this.name;
if (radioNames[name] === true) {
return false;
}
radioNames[name] = true;
}
return true;
});
$filteredFields.each(function() {
var fieldValid = _this.isValid(this);
valid = !!fieldValid && valid;
formValidity.push($(this).data('validity'));
if (!fieldValid) {
$inValidFields = $inValidFields.add($(this), $element);
}
});
var validity = {
valid: valid,
$invalidFields: $inValidFields,
validity: formValidity
};
$element.trigger('validated.form.validator.amui', validity);
return validity;
};
Validator.prototype.isFormValid = function() {
var formValid = this.validateAll();
if (!formValid.valid) {
formValid.$invalidFields.first().focus();
this.$element.trigger('invalid.validator.amui');
return false;
}
this.$element.trigger('valid.validator.amui');
return true;
};
// customErrors:
// 1. tooShort
// 2. checkedOverflow
// 3. checkedUnderflow
Validator.prototype.createValidity = function(validity) {
return $.extend({
customError: validity.customError || false,
patternMismatch: validity.patternMismatch || false,
rangeOverflow: validity.rangeOverflow || false, // higher than maximum
rangeUnderflow: validity.rangeUnderflow || false, // lower than minimum
stepMismatch: validity.stepMismatch || false,
tooLong: validity.tooLong || false,
// value is not in the correct syntax
typeMismatch: validity.typeMismatch || false,
valid: validity.valid || true,
// Returns true if the element has no value but is a required field
valueMissing: validity.valueMissing || false
}, validity);
};
function Plugin(option) {
return this.each(function() {
var $this = $(this);
var data = $this.data('amui.validator');
var options = $.extend({}, UI.utils.parseOptions($this.data(
'amValidator')),
typeof option === 'object' && option);
if (!data) {
$this.data('amui.validator', (data = new Validator(this,
options)));
}
if (typeof option === 'string') {
data[option] && data[option]();
}
});
}
$.fn.validator = Plugin;
// init code
UI.ready(function(context) {
$('[data-am-validator]', context).validator();
});
$.AMUI.validator = Validator;
module.exports = Validator;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
47: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
var cookie = {
get: function(name) {
var cookieName = encodeURIComponent(name) + '=';
var cookieStart = document.cookie.indexOf(cookieName);
var cookieValue = null;
var cookieEnd;
if (cookieStart > -1) {
cookieEnd = document.cookie.indexOf(';', cookieStart);
if (cookieEnd == -1) {
cookieEnd = document.cookie.length;
}
cookieValue = decodeURIComponent(document.cookie.substring(
cookieStart +
cookieName.length, cookieEnd));
}
return cookieValue;
},
set: function(name, value, expires, path, domain, secure) {
var cookieText = encodeURIComponent(name) + '=' +
encodeURIComponent(value);
if (expires instanceof Date) {
cookieText += '; expires=' + expires.toGMTString();
}
if (path) {
cookieText += '; path=' + path;
}
if (domain) {
cookieText += '; domain=' + domain;
}
if (secure) {
cookieText += '; secure';
}
document.cookie = cookieText;
},
unset: function(name, path, domain, secure) {
this.set(name, '', new Date(0), path, domain, secure);
}
};
$.AMUI.utils.cookie = cookie;
module.exports = cookie;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
48: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
/**
* @preserve FastClick: polyfill to remove click delays on browsers with touch UIs.
*
* @version 1.0.3
* @codingstandard ftlabs-jsv2
* @copyright The Financial Times Limited [All Rights Reserved]
* @license MIT License (see LICENSE.txt)
*/
/*jslint browser:true, node:true*/
/*global define, Event, Node*/
/**
* Instantiate fast-clicking listeners on the specified layer.
*
* @constructor
* @param {Element} layer The layer to listen on
* @param {Object} options The options to override the defaults
*/
function FastClick(layer, options) {
var oldOnClick;
options = options || {};
/**
* Whether a click is currently being tracked.
*
* @type boolean
*/
this.trackingClick = false;
/**
* Timestamp for when click tracking started.
*
* @type number
*/
this.trackingClickStart = 0;
/**
* The element being tracked for a click.
*
* @type EventTarget
*/
this.targetElement = null;
/**
* X-coordinate of touch start event.
*
* @type number
*/
this.touchStartX = 0;
/**
* Y-coordinate of touch start event.
*
* @type number
*/
this.touchStartY = 0;
/**
* ID of the last touch, retrieved from Touch.identifier.
*
* @type number
*/
this.lastTouchIdentifier = 0;
/**
* Touchmove boundary, beyond which a click will be cancelled.
*
* @type number
*/
this.touchBoundary = options.touchBoundary || 10;
/**
* The FastClick layer.
*
* @type Element
*/
this.layer = layer;
/**
* The minimum time between tap(touchstart and touchend) events
*
* @type number
*/
this.tapDelay = options.tapDelay || 200;
if (FastClick.notNeeded(layer)) {
return;
}
// Some old versions of Android don't have Function.prototype.bind
function bind(method, context) {
return function() {
return method.apply(context, arguments);
};
}
var methods = ['onMouse', 'onClick', 'onTouchStart',
'onTouchMove', 'onTouchEnd', 'onTouchCancel'
];
var context = this;
for (var i = 0, l = methods.length; i < l; i++) {
context[methods[i]] = bind(context[methods[i]], context);
}
// Set up event handlers as required
if (deviceIsAndroid) {
layer.addEventListener('mouseover', this.onMouse, true);
layer.addEventListener('mousedown', this.onMouse, true);
layer.addEventListener('mouseup', this.onMouse, true);
}
layer.addEventListener('click', this.onClick, true);
layer.addEventListener('touchstart', this.onTouchStart, false);
layer.addEventListener('touchmove', this.onTouchMove, false);
layer.addEventListener('touchend', this.onTouchEnd, false);
layer.addEventListener('touchcancel', this.onTouchCancel, false);
// Hack is required for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
// which is how FastClick normally stops click events bubbling to callbacks registered on the FastClick
// layer when they are cancelled.
if (!Event.prototype.stopImmediatePropagation) {
layer.removeEventListener = function(type, callback, capture) {
var rmv = Node.prototype.removeEventListener;
if (type === 'click') {
rmv.call(layer, type, callback.hijacked || callback,
capture);
} else {
rmv.call(layer, type, callback, capture);
}
};
layer.addEventListener = function(type, callback, capture) {
var adv = Node.prototype.addEventListener;
if (type === 'click') {
adv.call(layer, type, callback.hijacked || (callback.hijacked =
function(event) {
if (!event.propagationStopped) {
callback(event);
}
}), capture);
} else {
adv.call(layer, type, callback, capture);
}
};
}
// If a handler is already declared in the element's onclick attribute, it will be fired before
// FastClick's onClick handler. Fix this by pulling out the user-defined handler function and
// adding it as listener.
if (typeof layer.onclick === 'function') {
// Android browser on at least 3.2 requires a new reference to the function in layer.onclick
// - the old one won't work if passed to addEventListener directly.
oldOnClick = layer.onclick;
layer.addEventListener('click', function(event) {
oldOnClick(event);
}, false);
layer.onclick = null;
}
}
/**
* Android requires exceptions.
*
* @type boolean
*/
var deviceIsAndroid = navigator.userAgent.indexOf('Android') > 0;
/**
* iOS requires exceptions.
*
* @type boolean
*/
var deviceIsIOS = /iP(ad|hone|od)/.test(navigator.userAgent);
/**
* iOS 4 requires an exception for select elements.
*
* @type boolean
*/
var deviceIsIOS4 = deviceIsIOS && (/OS 4_\d(_\d)?/).test(navigator.userAgent);
/**
* iOS 6.0(+?) requires the target element to be manually derived
*
* @type boolean
*/
var deviceIsIOSWithBadTarget = deviceIsIOS && (
/OS ([6-9]|\d{2})_\d/).test(navigator.userAgent);
/**
* BlackBerry requires exceptions.
*
* @type boolean
*/
var deviceIsBlackBerry10 = navigator.userAgent.indexOf('BB10') > 0;
/**
* Determine whether a given element requires a native click.
*
* @param {EventTarget|Element} target Target DOM element
* @returns {boolean} Returns true if the element needs a native click
*/
FastClick.prototype.needsClick = function(target) {
switch (target.nodeName.toLowerCase()) {
// Don't send a synthetic click to disabled inputs (issue #62)
case 'button':
case 'select':
case 'textarea':
if (target.disabled) {
return true;
}
break;
case 'input':
// File inputs need real clicks on iOS 6 due to a browser bug (issue #68)
if ((deviceIsIOS && target.type === 'file') || target.disabled) {
return true;
}
break;
case 'label':
case 'video':
return true;
}
return (/\bneedsclick\b/).test(target.className);
};
/**
* Determine whether a given element requires a call to focus to simulate click into element.
*
* @param {EventTarget|Element} target Target DOM element
* @returns {boolean} Returns true if the element requires a call to focus to simulate native click.
*/
FastClick.prototype.needsFocus = function(target) {
switch (target.nodeName.toLowerCase()) {
case 'textarea':
return true;
case 'select':
return !deviceIsAndroid;
case 'input':
switch (target.type) {
case 'button':
case 'checkbox':
case 'file':
case 'image':
case 'radio':
case 'submit':
return false;
}
// No point in attempting to focus disabled inputs
return !target.disabled && !target.readOnly;
default:
return (/\bneedsfocus\b/).test(target.className);
}
};
/**
* Send a click event to the specified element.
*
* @param {EventTarget|Element} targetElement
* @param {Event} event
*/
FastClick.prototype.sendClick = function(targetElement, event) {
var clickEvent, touch;
// On some Android devices activeElement needs to be blurred otherwise the synthetic click will have no effect (#24)
if (document.activeElement && document.activeElement !==
targetElement) {
document.activeElement.blur();
}
touch = event.changedTouches[0];
// Synthesise a click event, with an extra attribute so it can be tracked
clickEvent = document.createEvent('MouseEvents');
clickEvent.initMouseEvent(this.determineEventType(targetElement),
true, true, window, 1, touch.screenX, touch.screenY, touch.clientX,
touch.clientY, false, false, false, false, 0, null);
clickEvent.forwardedTouchEvent = true;
targetElement.dispatchEvent(clickEvent);
};
FastClick.prototype.determineEventType = function(targetElement) {
//Issue #159: Android Chrome Select Box does not open with a synthetic click event
if (deviceIsAndroid && targetElement.tagName.toLowerCase() ===
'select') {
return 'mousedown';
}
return 'click';
};
/**
* @param {EventTarget|Element} targetElement
*/
FastClick.prototype.focus = function(targetElement) {
var length;
// Issue #160: on iOS 7, some input elements (e.g. date datetime) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug #15122724.
if (deviceIsIOS && targetElement.setSelectionRange &&
targetElement.type.indexOf('date') !== 0 && targetElement.type !==
'time') {
length = targetElement.value.length;
targetElement.setSelectionRange(length, length);
} else {
targetElement.focus();
}
};
/**
* Check whether the given target element is a child of a scrollable layer and if so, set a flag on it.
*
* @param {EventTarget|Element} targetElement
*/
FastClick.prototype.updateScrollParent = function(targetElement) {
var scrollParent, parentElement;
scrollParent = targetElement.fastClickScrollParent;
// Attempt to discover whether the target element is contained within a scrollable layer. Re-check if the
// target element was moved to another parent.
if (!scrollParent || !scrollParent.contains(targetElement)) {
parentElement = targetElement;
do {
if (parentElement.scrollHeight > parentElement.offsetHeight) {
scrollParent = parentElement;
targetElement.fastClickScrollParent = parentElement;
break;
}
parentElement = parentElement.parentElement;
} while (parentElement);
}
// Always update the scroll top tracker if possible.
if (scrollParent) {
scrollParent.fastClickLastScrollTop = scrollParent.scrollTop;
}
};
/**
* @param {EventTarget} targetElement
* @returns {Element|EventTarget}
*/
FastClick.prototype.getTargetElementFromEventTarget = function(
eventTarget) {
// On some older browsers (notably Safari on iOS 4.1 - see issue #56) the event target may be a text node.
if (eventTarget.nodeType === Node.TEXT_NODE) {
return eventTarget.parentNode;
}
return eventTarget;
};
/**
* On touch start, record the position and scroll offset.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onTouchStart = function(event) {
var targetElement, touch, selection;
// Ignore multiple touches, otherwise pinch-to-zoom is prevented if both fingers are on the FastClick element (issue #111).
if (event.targetTouches.length > 1) {
return true;
}
targetElement = this.getTargetElementFromEventTarget(event.target);
touch = event.targetTouches[0];
if (deviceIsIOS) {
// Only trusted events will deselect text on iOS (issue #49)
selection = window.getSelection();
if (selection.rangeCount && !selection.isCollapsed) {
return true;
}
if (!deviceIsIOS4) {
// Weird things happen on iOS when an alert or confirm dialog is opened from a click event callback (issue #23):
// when the user next taps anywhere else on the page, new touchstart and touchend events are dispatched
// with the same identifier as the touch event that previously triggered the click that triggered the alert.
// Sadly, there is an issue on iOS 4 that causes some normal touch events to have the same identifier as an
// immediately preceeding touch event (issue #52), so this fix is unavailable on that platform.
// Issue 120: touch.identifier is 0 when Chrome dev tools 'Emulate touch events' is set with an iOS device UA string,
// which causes all touch events to be ignored. As this block only applies to iOS, and iOS identifiers are always long,
// random integers, it's safe to to continue if the identifier is 0 here.
if (touch.identifier && touch.identifier === this.lastTouchIdentifier) {
event.preventDefault();
return false;
}
this.lastTouchIdentifier = touch.identifier;
// If the target element is a child of a scrollable layer (using -webkit-overflow-scrolling: touch) and:
// 1) the user does a fling scroll on the scrollable layer
// 2) the user stops the fling scroll with another tap
// then the event.target of the last 'touchend' event will be the element that was under the user's finger
// when the fling scroll was started, causing FastClick to send a click event to that layer - unless a check
// is made to ensure that a parent layer was not scrolled before sending a synthetic click (issue #42).
this.updateScrollParent(targetElement);
}
}
this.trackingClick = true;
this.trackingClickStart = event.timeStamp;
this.targetElement = targetElement;
this.touchStartX = touch.pageX;
this.touchStartY = touch.pageY;
// Prevent phantom clicks on fast double-tap (issue #36)
if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
event.preventDefault();
}
return true;
};
/**
* Based on a touchmove event object, check whether the touch has moved past a boundary since it started.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.touchHasMoved = function(event) {
var touch = event.changedTouches[0],
boundary = this.touchBoundary;
if (Math.abs(touch.pageX - this.touchStartX) > boundary || Math.abs(
touch.pageY - this.touchStartY) > boundary) {
return true;
}
return false;
};
/**
* Update the last position.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onTouchMove = function(event) {
if (!this.trackingClick) {
return true;
}
// If the touch has moved, cancel the click tracking
if (this.targetElement !== this.getTargetElementFromEventTarget(
event.target) || this.touchHasMoved(event)) {
this.trackingClick = false;
this.targetElement = null;
}
return true;
};
/**
* Attempt to find the labelled control for the given label element.
*
* @param {EventTarget|HTMLLabelElement} labelElement
* @returns {Element|null}
*/
FastClick.prototype.findControl = function(labelElement) {
// Fast path for newer browsers supporting the HTML5 control attribute
if (labelElement.control !== undefined) {
return labelElement.control;
}
// All browsers under test that support touch events also support the HTML5 htmlFor attribute
if (labelElement.htmlFor) {
return document.getElementById(labelElement.htmlFor);
}
// If no for attribute exists, attempt to retrieve the first labellable descendant element
// the list of which is defined here: http://www.w3.org/TR/html5/forms.html#category-label
return labelElement.querySelector(
'button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea'
);
};
/**
* On touch end, determine whether to send a click event at once.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onTouchEnd = function(event) {
var forElement, trackingClickStart, targetTagName, scrollParent,
touch, targetElement = this.targetElement;
if (!this.trackingClick) {
return true;
}
// Prevent phantom clicks on fast double-tap (issue #36)
if ((event.timeStamp - this.lastClickTime) < this.tapDelay) {
this.cancelNextClick = true;
return true;
}
// Reset to prevent wrong click cancel on input (issue #156).
this.cancelNextClick = false;
this.lastClickTime = event.timeStamp;
trackingClickStart = this.trackingClickStart;
this.trackingClick = false;
this.trackingClickStart = 0;
// On some iOS devices, the targetElement supplied with the event is invalid if the layer
// is performing a transition or scroll, and has to be re-detected manually. Note that
// for this to function correctly, it must be called *after* the event target is checked!
// See issue #57; also filed as rdar://13048589 .
if (deviceIsIOSWithBadTarget) {
touch = event.changedTouches[0];
// In certain cases arguments of elementFromPoint can be negative, so prevent setting targetElement to null
targetElement = document.elementFromPoint(touch.pageX - window.pageXOffset,
touch.pageY - window.pageYOffset) || targetElement;
targetElement.fastClickScrollParent = this.targetElement.fastClickScrollParent;
}
targetTagName = targetElement.tagName.toLowerCase();
if (targetTagName === 'label') {
forElement = this.findControl(targetElement);
if (forElement) {
this.focus(targetElement);
if (deviceIsAndroid) {
return false;
}
targetElement = forElement;
}
} else if (this.needsFocus(targetElement)) {
// Case 1: If the touch started a while ago (best guess is 100ms based on tests for issue #36) then focus will be triggered anyway. Return early and unset the target element reference so that the subsequent click will be allowed through.
// Case 2: Without this exception for input elements tapped when the document is contained in an iframe, then any inputted text won't be visible even though the value attribute is updated as the user types (issue #37).
if ((event.timeStamp - trackingClickStart) > 100 || (
deviceIsIOS && window.top !== window && targetTagName ===
'input')) {
this.targetElement = null;
return false;
}
this.focus(targetElement);
this.sendClick(targetElement, event);
// Select elements need the event to go through on iOS 4, otherwise the selector menu won't open.
// Also this breaks opening selects when VoiceOver is active on iOS6, iOS7 (and possibly others)
if (!deviceIsIOS || targetTagName !== 'select') {
this.targetElement = null;
event.preventDefault();
}
return false;
}
if (deviceIsIOS && !deviceIsIOS4) {
// Don't send a synthetic click event if the target element is contained within a parent layer that was scrolled
// and this tap is being used to stop the scrolling (usually initiated by a fling - issue #42).
scrollParent = targetElement.fastClickScrollParent;
if (scrollParent && scrollParent.fastClickLastScrollTop !==
scrollParent.scrollTop) {
return true;
}
}
// Prevent the actual click from going though - unless the target node is marked as requiring
// real clicks or if it is in the whitelist in which case only non-programmatic clicks are permitted.
if (!this.needsClick(targetElement)) {
event.preventDefault();
this.sendClick(targetElement, event);
}
return false;
};
/**
* On touch cancel, stop tracking the click.
*
* @returns {void}
*/
FastClick.prototype.onTouchCancel = function() {
this.trackingClick = false;
this.targetElement = null;
};
/**
* Determine mouse events which should be permitted.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onMouse = function(event) {
// If a target element was never set (because a touch event was never fired) allow the event
if (!this.targetElement) {
return true;
}
if (event.forwardedTouchEvent) {
return true;
}
// Programmatically generated events targeting a specific element should be permitted
if (!event.cancelable) {
return true;
}
// Derive and check the target element to see whether the mouse event needs to be permitted;
// unless explicitly enabled, prevent non-touch click events from triggering actions,
// to prevent ghost/doubleclicks.
if (!this.needsClick(this.targetElement) || this.cancelNextClick) {
// Prevent any user-added listeners declared on FastClick element from being fired.
if (event.stopImmediatePropagation) {
event.stopImmediatePropagation();
} else {
// Part of the hack for browsers that don't support Event#stopImmediatePropagation (e.g. Android 2)
event.propagationStopped = true;
}
// Cancel the event
event.stopPropagation();
event.preventDefault();
return false;
}
// If the mouse event is permitted, return true for the action to go through.
return true;
};
/**
* On actual clicks, determine whether this is a touch-generated click, a click action occurring
* naturally after a delay after a touch (which needs to be cancelled to avoid duplication), or
* an actual click which should be permitted.
*
* @param {Event} event
* @returns {boolean}
*/
FastClick.prototype.onClick = function(event) {
var permitted;
// It's possible for another FastClick-like library delivered with third-party code to fire a click event before FastClick does (issue #44). In that case, set the click-tracking flag back to false and return early. This will cause onTouchEnd to return early.
if (this.trackingClick) {
this.targetElement = null;
this.trackingClick = false;
return true;
}
// Very odd behaviour on iOS (issue #18): if a submit element is present inside a form and the user hits enter in the iOS simulator or clicks the Go button on the pop-up OS keyboard the a kind of 'fake' click event will be triggered with the submit-type input element as the target.
if (event.target.type === 'submit' && event.detail === 0) {
return true;
}
permitted = this.onMouse(event);
// Only unset targetElement if the click is not permitted. This will ensure that the check for !targetElement in onMouse fails and the browser's click doesn't go through.
if (!permitted) {
this.targetElement = null;
}
// If clicks are permitted, return true for the action to go through.
return permitted;
};
/**
* Remove all FastClick's event listeners.
*
* @returns {void}
*/
FastClick.prototype.destroy = function() {
var layer = this.layer;
if (deviceIsAndroid) {
layer.removeEventListener('mouseover', this.onMouse, true);
layer.removeEventListener('mousedown', this.onMouse, true);
layer.removeEventListener('mouseup', this.onMouse, true);
}
layer.removeEventListener('click', this.onClick, true);
layer.removeEventListener('touchstart', this.onTouchStart, false);
layer.removeEventListener('touchmove', this.onTouchMove, false);
layer.removeEventListener('touchend', this.onTouchEnd, false);
layer.removeEventListener('touchcancel', this.onTouchCancel,
false);
};
/**
* Check whether FastClick is needed.
*
* @param {Element} layer The layer to listen on
*/
FastClick.notNeeded = function(layer) {
var metaViewport;
var chromeVersion;
var blackberryVersion;
// Devices that don't support touch don't need FastClick
if (typeof window.ontouchstart === 'undefined') {
return true;
}
// Chrome version - zero for other browsers
chromeVersion = +(/Chrome\/([0-9]+)/.exec(navigator.userAgent) || [,
0
])[1];
if (chromeVersion) {
if (deviceIsAndroid) {
metaViewport = document.querySelector('meta[name=viewport]');
if (metaViewport) {
// Chrome on Android with user-scalable="no" doesn't need FastClick (issue #89)
if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
return true;
}
// Chrome 32 and above with width=device-width or less don't need FastClick
if (chromeVersion > 31 && document.documentElement.scrollWidth <=
window.outerWidth) {
return true;
}
}
// Chrome desktop doesn't need FastClick (issue #15)
} else {
return true;
}
}
if (deviceIsBlackBerry10) {
blackberryVersion = navigator.userAgent.match(
/Version\/([0-9]*)\.([0-9]*)/);
// BlackBerry 10.3+ does not require Fastclick library.
// https://github.com/ftlabs/fastclick/issues/251
if (blackberryVersion[1] >= 10 && blackberryVersion[2] >= 3) {
metaViewport = document.querySelector('meta[name=viewport]');
if (metaViewport) {
// user-scalable=no eliminates click delay.
if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
return true;
}
// width=device-width (or less than device-width) eliminates click delay.
if (document.documentElement.scrollWidth <= window.outerWidth) {
return true;
}
}
}
}
// IE10 with -ms-touch-action: none, which disables double-tap-to-zoom (issue #97)
if (layer.style.msTouchAction === 'none') {
return true;
}
return false;
};
/**
* Factory method for creating a FastClick object
*
* @param {Element} layer The layer to listen on
* @param {Object} options The options to override the defaults
*/
FastClick.attach = function(layer, options) {
return new FastClick(layer, options);
};
$ && ($.AMUI ? $.AMUI.FastClick = FastClick : $.AMUI = {
FastClick: FastClick
});
module.exports = FastClick;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {}
],
49: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
/**
* @via https://github.com/sindresorhus/screenfull.js
* @license MIT © Sindre Sorhus
* @version 2.0.0
*/
var keyboardAllowed = typeof Element !== 'undefined' &&
'ALLOW_KEYBOARD_INPUT' in Element;
var fn = (function() {
var val;
var valLength;
var fnMap = [
[
'requestFullscreen',
'exitFullscreen',
'fullscreenElement',
'fullscreenEnabled',
'fullscreenchange',
'fullscreenerror'
],
// new WebKit
[
'webkitRequestFullscreen',
'webkitExitFullscreen',
'webkitFullscreenElement',
'webkitFullscreenEnabled',
'webkitfullscreenchange',
'webkitfullscreenerror'
],
// old WebKit (Safari 5.1)
[
'webkitRequestFullScreen',
'webkitCancelFullScreen',
'webkitCurrentFullScreenElement',
'webkitCancelFullScreen',
'webkitfullscreenchange',
'webkitfullscreenerror'
],
[
'mozRequestFullScreen',
'mozCancelFullScreen',
'mozFullScreenElement',
'mozFullScreenEnabled',
'mozfullscreenchange',
'mozfullscreenerror'
],
[
'msRequestFullscreen',
'msExitFullscreen',
'msFullscreenElement',
'msFullscreenEnabled',
'MSFullscreenChange',
'MSFullscreenError'
]
];
var i = 0;
var l = fnMap.length;
var ret = {};
for (; i < l; i++) {
val = fnMap[i];
if (val && val[1] in document) {
for (i = 0, valLength = val.length; i < valLength; i++) {
ret[fnMap[0][i]] = val[i];
}
return ret;
}
}
return false;
})();
var screenfull = {
request: function(elem) {
var request = fn.requestFullscreen;
elem = elem || document.documentElement;
// Work around Safari 5.1 bug: reports support for
// keyboard in fullscreen even though it doesn't.
// Browser sniffing, since the alternative with
// setTimeout is even worse.
if (/5\.1[\.\d]* Safari/.test(navigator.userAgent)) {
elem[request]();
} else {
elem[request](keyboardAllowed && Element.ALLOW_KEYBOARD_INPUT);
}
},
exit: function() {
document[fn.exitFullscreen]();
},
toggle: function(elem) {
if (this.isFullscreen) {
this.exit();
} else {
this.request(elem);
}
},
raw: fn
};
if (!fn) {
module.exports = false;
return;
}
Object.defineProperties(screenfull, {
isFullscreen: {
get: function() {
return !!document[fn.fullscreenElement];
}
},
element: {
enumerable: true,
get: function() {
return document[fn.fullscreenElement];
}
},
enabled: {
enumerable: true,
get: function() {
// Coerce to boolean in case of old WebKit
return !!document[fn.fullscreenEnabled];
}
}
});
screenfull.VERSION = '2.0.0';
$.AMUI.fullscreen = screenfull;
module.exports = screenfull;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
50: [
function(require, module, exports) {
(function(global) {
/*! Hammer.JS - v2.0.4 - 2014-09-28
* http://hammerjs.github.io/
*
* Copyright (c) 2014 Jorik Tangelder;
* Licensed under the MIT license */
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
var UI = require('./core');
var VENDOR_PREFIXES = ['', 'webkit', 'moz', 'MS', 'ms', 'o'];
var TEST_ELEMENT = document.createElement('div');
var TYPE_FUNCTION = 'function';
var round = Math.round;
var abs = Math.abs;
var now = Date.now;
/**
* set a timeout with a given scope
* @param {Function} fn
* @param {Number} timeout
* @param {Object} context
* @returns {number}
*/
function setTimeoutContext(fn, timeout, context) {
return setTimeout(bindFn(fn, context), timeout);
}
/**
* if the argument is an array, we want to execute the fn on each entry
* if it aint an array we don't want to do a thing.
* this is used by all the methods that accept a single and array argument.
* @param {*|Array} arg
* @param {String} fn
* @param {Object} [context]
* @returns {Boolean}
*/
function invokeArrayArg(arg, fn, context) {
if (Array.isArray(arg)) {
each(arg, context[fn], context);
return true;
}
return false;
}
/**
* walk objects and arrays
* @param {Object} obj
* @param {Function} iterator
* @param {Object} context
*/
function each(obj, iterator, context) {
var i;
if (!obj) {
return;
}
if (obj.forEach) {
obj.forEach(iterator, context);
} else if (obj.length !== undefined) {
i = 0;
while (i < obj.length) {
iterator.call(context, obj[i], i, obj);
i++;
}
} else {
for (i in obj) {
obj.hasOwnProperty(i) && iterator.call(context, obj[i], i,
obj);
}
}
}
/**
* extend object.
* means that properties in dest will be overwritten by the ones in src.
* @param {Object} dest
* @param {Object} src
* @param {Boolean} [merge]
* @returns {Object} dest
*/
function extend(dest, src, merge) {
var keys = Object.keys(src);
var i = 0;
while (i < keys.length) {
if (!merge || (merge && dest[keys[i]] === undefined)) {
dest[keys[i]] = src[keys[i]];
}
i++;
}
return dest;
}
/**
* merge the values from src in the dest.
* means that properties that exist in dest will not be overwritten by src
* @param {Object} dest
* @param {Object} src
* @returns {Object} dest
*/
function merge(dest, src) {
return extend(dest, src, true);
}
/**
* simple class inheritance
* @param {Function} child
* @param {Function} base
* @param {Object} [properties]
*/
function inherit(child, base, properties) {
var baseP = base.prototype,
childP;
childP = child.prototype = Object.create(baseP);
childP.constructor = child;
childP._super = baseP;
if (properties) {
extend(childP, properties);
}
}
/**
* simple function bind
* @param {Function} fn
* @param {Object} context
* @returns {Function}
*/
function bindFn(fn, context) {
return function boundFn() {
return fn.apply(context, arguments);
};
}
/**
* let a boolean value also be a function that must return a boolean
* this first item in args will be used as the context
* @param {Boolean|Function} val
* @param {Array} [args]
* @returns {Boolean}
*/
function boolOrFn(val, args) {
if (typeof val == TYPE_FUNCTION) {
return val.apply(args ? args[0] || undefined : undefined, args);
}
return val;
}
/**
* use the val2 when val1 is undefined
* @param {*} val1
* @param {*} val2
* @returns {*}
*/
function ifUndefined(val1, val2) {
return (val1 === undefined) ? val2 : val1;
}
/**
* addEventListener with multiple events at once
* @param {EventTarget} target
* @param {String} types
* @param {Function} handler
*/
function addEventListeners(target, types, handler) {
each(splitStr(types), function(type) {
target.addEventListener(type, handler, false);
});
}
/**
* removeEventListener with multiple events at once
* @param {EventTarget} target
* @param {String} types
* @param {Function} handler
*/
function removeEventListeners(target, types, handler) {
each(splitStr(types), function(type) {
target.removeEventListener(type, handler, false);
});
}
/**
* find if a node is in the given parent
* @method hasParent
* @param {HTMLElement} node
* @param {HTMLElement} parent
* @return {Boolean} found
*/
function hasParent(node, parent) {
while (node) {
if (node == parent) {
return true;
}
node = node.parentNode;
}
return false;
}
/**
* small indexOf wrapper
* @param {String} str
* @param {String} find
* @returns {Boolean} found
*/
function inStr(str, find) {
return str.indexOf(find) > -1;
}
/**
* split string on whitespace
* @param {String} str
* @returns {Array} words
*/
function splitStr(str) {
return str.trim().split(/\s+/g);
}
/**
* find if a array contains the object using indexOf or a simple polyFill
* @param {Array} src
* @param {String} find
* @param {String} [findByKey]
* @return {Boolean|Number} false when not found, or the index
*/
function inArray(src, find, findByKey) {
if (src.indexOf && !findByKey) {
return src.indexOf(find);
} else {
var i = 0;
while (i < src.length) {
if ((findByKey && src[i][findByKey] == find) || (!findByKey &&
src[i] === find)) {
return i;
}
i++;
}
return -1;
}
}
/**
* convert array-like objects to real arrays
* @param {Object} obj
* @returns {Array}
*/
function toArray(obj) {
return Array.prototype.slice.call(obj, 0);
}
/**
* unique array with objects based on a key (like 'id') or just by the array's value
* @param {Array} src [{id:1},{id:2},{id:1}]
* @param {String} [key]
* @param {Boolean} [sort=False]
* @returns {Array} [{id:1},{id:2}]
*/
function uniqueArray(src, key, sort) {
var results = [];
var values = [];
var i = 0;
while (i < src.length) {
var val = key ? src[i][key] : src[i];
if (inArray(values, val) < 0) {
results.push(src[i]);
}
values[i] = val;
i++;
}
if (sort) {
if (!key) {
results = results.sort();
} else {
results = results.sort(function sortUniqueArray(a, b) {
return a[key] > b[key];
});
}
}
return results;
}
/**
* get the prefixed property
* @param {Object} obj
* @param {String} property
* @returns {String|Undefined} prefixed
*/
function prefixed(obj, property) {
var prefix, prop;
var camelProp = property[0].toUpperCase() + property.slice(1);
var i = 0;
while (i < VENDOR_PREFIXES.length) {
prefix = VENDOR_PREFIXES[i];
prop = (prefix) ? prefix + camelProp : property;
if (prop in obj) {
return prop;
}
i++;
}
return undefined;
}
/**
* get a unique id
* @returns {number} uniqueId
*/
var _uniqueId = 1;
function uniqueId() {
return _uniqueId++;
}
/**
* get the window object of an element
* @param {HTMLElement} element
* @returns {DocumentView|Window}
*/
function getWindowForElement(element) {
var doc = element.ownerDocument;
return (doc.defaultView || doc.parentWindow);
}
var MOBILE_REGEX = /mobile|tablet|ip(ad|hone|od)|android/i;
var SUPPORT_TOUCH = ('ontouchstart' in window);
var SUPPORT_POINTER_EVENTS = prefixed(window, 'PointerEvent') !==
undefined;
var SUPPORT_ONLY_TOUCH = SUPPORT_TOUCH && MOBILE_REGEX.test(
navigator.userAgent);
var INPUT_TYPE_TOUCH = 'touch';
var INPUT_TYPE_PEN = 'pen';
var INPUT_TYPE_MOUSE = 'mouse';
var INPUT_TYPE_KINECT = 'kinect';
var COMPUTE_INTERVAL = 25;
var INPUT_START = 1;
var INPUT_MOVE = 2;
var INPUT_END = 4;
var INPUT_CANCEL = 8;
var DIRECTION_NONE = 1;
var DIRECTION_LEFT = 2;
var DIRECTION_RIGHT = 4;
var DIRECTION_UP = 8;
var DIRECTION_DOWN = 16;
var DIRECTION_HORIZONTAL = DIRECTION_LEFT | DIRECTION_RIGHT;
var DIRECTION_VERTICAL = DIRECTION_UP | DIRECTION_DOWN;
var DIRECTION_ALL = DIRECTION_HORIZONTAL | DIRECTION_VERTICAL;
var PROPS_XY = ['x', 'y'];
var PROPS_CLIENT_XY = ['clientX', 'clientY'];
/**
* create new input type manager
* @param {Manager} manager
* @param {Function} callback
* @returns {Input}
* @constructor
*/
function Input(manager, callback) {
var self = this;
this.manager = manager;
this.callback = callback;
this.element = manager.element;
this.target = manager.options.inputTarget;
// smaller wrapper around the handler, for the scope and the enabled state of the manager,
// so when disabled the input events are completely bypassed.
this.domHandler = function(ev) {
if (boolOrFn(manager.options.enable, [manager])) {
self.handler(ev);
}
};
this.init();
}
Input.prototype = {
/**
* should handle the inputEvent data and trigger the callback
* @virtual
*/
handler: function() {},
/**
* bind the events
*/
init: function() {
this.evEl && addEventListeners(this.element, this.evEl, this.domHandler);
this.evTarget && addEventListeners(this.target, this.evTarget,
this.domHandler);
this.evWin && addEventListeners(getWindowForElement(this.element),
this.evWin, this.domHandler);
},
/**
* unbind the events
*/
destroy: function() {
this.evEl && removeEventListeners(this.element, this.evEl, this
.domHandler);
this.evTarget && removeEventListeners(this.target, this.evTarget,
this.domHandler);
this.evWin && removeEventListeners(getWindowForElement(this.element),
this.evWin, this.domHandler);
}
};
/**
* create new input type manager
* called by the Manager constructor
* @param {Hammer} manager
* @returns {Input}
*/
function createInputInstance(manager) {
var Type;
var inputClass = manager.options.inputClass;
if (inputClass) {
Type = inputClass;
} else if (SUPPORT_POINTER_EVENTS) {
Type = PointerEventInput;
} else if (SUPPORT_ONLY_TOUCH) {
Type = TouchInput;
} else if (!SUPPORT_TOUCH) {
Type = MouseInput;
} else {
Type = TouchMouseInput;
}
return new(Type)(manager, inputHandler);
}
/**
* handle input events
* @param {Manager} manager
* @param {String} eventType
* @param {Object} input
*/
function inputHandler(manager, eventType, input) {
var pointersLen = input.pointers.length;
var changedPointersLen = input.changedPointers.length;
var isFirst = (eventType & INPUT_START && (pointersLen -
changedPointersLen === 0));
var isFinal = (eventType & (INPUT_END | INPUT_CANCEL) && (
pointersLen - changedPointersLen === 0));
input.isFirst = !!isFirst;
input.isFinal = !!isFinal;
if (isFirst) {
manager.session = {};
}
// source event is the normalized value of the domEvents
// like 'touchstart, mouseup, pointerdown'
input.eventType = eventType;
// compute scale, rotation etc
computeInputData(manager, input);
// emit secret event
manager.emit('hammer.input', input);
manager.recognize(input);
manager.session.prevInput = input;
}
/**
* extend the data with some usable properties like scale, rotate, velocity etc
* @param {Object} manager
* @param {Object} input
*/
function computeInputData(manager, input) {
var session = manager.session;
var pointers = input.pointers;
var pointersLength = pointers.length;
// store the first input to calculate the distance and direction
if (!session.firstInput) {
session.firstInput = simpleCloneInputData(input);
}
// to compute scale and rotation we need to store the multiple touches
if (pointersLength > 1 && !session.firstMultiple) {
session.firstMultiple = simpleCloneInputData(input);
} else if (pointersLength === 1) {
session.firstMultiple = false;
}
var firstInput = session.firstInput;
var firstMultiple = session.firstMultiple;
var offsetCenter = firstMultiple ? firstMultiple.center :
firstInput.center;
var center = input.center = getCenter(pointers);
input.timeStamp = now();
input.deltaTime = input.timeStamp - firstInput.timeStamp;
input.angle = getAngle(offsetCenter, center);
input.distance = getDistance(offsetCenter, center);
computeDeltaXY(session, input);
input.offsetDirection = getDirection(input.deltaX, input.deltaY);
input.scale = firstMultiple ? getScale(firstMultiple.pointers,
pointers) : 1;
input.rotation = firstMultiple ? getRotation(firstMultiple.pointers,
pointers) : 0;
computeIntervalInputData(session, input);
// find the correct target
var target = manager.element;
if (hasParent(input.srcEvent.target, target)) {
target = input.srcEvent.target;
}
input.target = target;
}
function computeDeltaXY(session, input) {
var center = input.center;
var offset = session.offsetDelta || {};
var prevDelta = session.prevDelta || {};
var prevInput = session.prevInput || {};
if (input.eventType === INPUT_START || prevInput.eventType ===
INPUT_END) {
prevDelta = session.prevDelta = {
x: prevInput.deltaX || 0,
y: prevInput.deltaY || 0
};
offset = session.offsetDelta = {
x: center.x,
y: center.y
};
}
input.deltaX = prevDelta.x + (center.x - offset.x);
input.deltaY = prevDelta.y + (center.y - offset.y);
}
/**
* velocity is calculated every x ms
* @param {Object} session
* @param {Object} input
*/
function computeIntervalInputData(session, input) {
var last = session.lastInterval || input,
deltaTime = input.timeStamp - last.timeStamp,
velocity, velocityX, velocityY, direction;
if (input.eventType != INPUT_CANCEL && (deltaTime >
COMPUTE_INTERVAL || last.velocity === undefined)) {
var deltaX = last.deltaX - input.deltaX;
var deltaY = last.deltaY - input.deltaY;
var v = getVelocity(deltaTime, deltaX, deltaY);
velocityX = v.x;
velocityY = v.y;
velocity = (abs(v.x) > abs(v.y)) ? v.x : v.y;
direction = getDirection(deltaX, deltaY);
session.lastInterval = input;
} else {
// use latest velocity info if it doesn't overtake a minimum period
velocity = last.velocity;
velocityX = last.velocityX;
velocityY = last.velocityY;
direction = last.direction;
}
input.velocity = velocity;
input.velocityX = velocityX;
input.velocityY = velocityY;
input.direction = direction;
}
/**
* create a simple clone from the input used for storage of firstInput and firstMultiple
* @param {Object} input
* @returns {Object} clonedInputData
*/
function simpleCloneInputData(input) {
// make a simple copy of the pointers because we will get a reference if we don't
// we only need clientXY for the calculations
var pointers = [];
var i = 0;
while (i < input.pointers.length) {
pointers[i] = {
clientX: round(input.pointers[i].clientX),
clientY: round(input.pointers[i].clientY)
};
i++;
}
return {
timeStamp: now(),
pointers: pointers,
center: getCenter(pointers),
deltaX: input.deltaX,
deltaY: input.deltaY
};
}
/**
* get the center of all the pointers
* @param {Array} pointers
* @return {Object} center contains `x` and `y` properties
*/
function getCenter(pointers) {
var pointersLength = pointers.length;
// no need to loop when only one touch
if (pointersLength === 1) {
return {
x: round(pointers[0].clientX),
y: round(pointers[0].clientY)
};
}
var x = 0,
y = 0,
i = 0;
while (i < pointersLength) {
x += pointers[i].clientX;
y += pointers[i].clientY;
i++;
}
return {
x: round(x / pointersLength),
y: round(y / pointersLength)
};
}
/**
* calculate the velocity between two points. unit is in px per ms.
* @param {Number} deltaTime
* @param {Number} x
* @param {Number} y
* @return {Object} velocity `x` and `y`
*/
function getVelocity(deltaTime, x, y) {
return {
x: x / deltaTime || 0,
y: y / deltaTime || 0
};
}
/**
* get the direction between two points
* @param {Number} x
* @param {Number} y
* @return {Number} direction
*/
function getDirection(x, y) {
if (x === y) {
return DIRECTION_NONE;
}
if (abs(x) >= abs(y)) {
return x > 0 ? DIRECTION_LEFT : DIRECTION_RIGHT;
}
return y > 0 ? DIRECTION_UP : DIRECTION_DOWN;
}
/**
* calculate the absolute distance between two points
* @param {Object} p1 {x, y}
* @param {Object} p2 {x, y}
* @param {Array} [props] containing x and y keys
* @return {Number} distance
*/
function getDistance(p1, p2, props) {
if (!props) {
props = PROPS_XY;
}
var x = p2[props[0]] - p1[props[0]],
y = p2[props[1]] - p1[props[1]];
return Math.sqrt((x * x) + (y * y));
}
/**
* calculate the angle between two coordinates
* @param {Object} p1
* @param {Object} p2
* @param {Array} [props] containing x and y keys
* @return {Number} angle
*/
function getAngle(p1, p2, props) {
if (!props) {
props = PROPS_XY;
}
var x = p2[props[0]] - p1[props[0]],
y = p2[props[1]] - p1[props[1]];
return Math.atan2(y, x) * 180 / Math.PI;
}
/**
* calculate the rotation degrees between two pointersets
* @param {Array} start array of pointers
* @param {Array} end array of pointers
* @return {Number} rotation
*/
function getRotation(start, end) {
return getAngle(end[1], end[0], PROPS_CLIENT_XY) - getAngle(start[
1], start[0], PROPS_CLIENT_XY);
}
/**
* calculate the scale factor between two pointersets
* no scale is 1, and goes down to 0 when pinched together, and bigger when pinched out
* @param {Array} start array of pointers
* @param {Array} end array of pointers
* @return {Number} scale
*/
function getScale(start, end) {
return getDistance(end[0], end[1], PROPS_CLIENT_XY) / getDistance(
start[0], start[1], PROPS_CLIENT_XY);
}
var MOUSE_INPUT_MAP = {
mousedown: INPUT_START,
mousemove: INPUT_MOVE,
mouseup: INPUT_END
};
var MOUSE_ELEMENT_EVENTS = 'mousedown';
var MOUSE_WINDOW_EVENTS = 'mousemove mouseup';
/**
* Mouse events input
* @constructor
* @extends Input
*/
function MouseInput() {
this.evEl = MOUSE_ELEMENT_EVENTS;
this.evWin = MOUSE_WINDOW_EVENTS;
this.allow = true; // used by Input.TouchMouse to disable mouse events
this.pressed = false; // mousedown state
Input.apply(this, arguments);
}
inherit(MouseInput, Input, {
/**
* handle mouse events
* @param {Object} ev
*/
handler: function MEhandler(ev) {
var eventType = MOUSE_INPUT_MAP[ev.type];
// on start we want to have the left mouse button down
if (eventType & INPUT_START && ev.button === 0) {
this.pressed = true;
}
if (eventType & INPUT_MOVE && ev.which !== 1) {
eventType = INPUT_END;
}
// mouse must be down, and mouse events are allowed (see the TouchMouse input)
if (!this.pressed || !this.allow) {
return;
}
if (eventType & INPUT_END) {
this.pressed = false;
}
this.callback(this.manager, eventType, {
pointers: [ev],
changedPointers: [ev],
pointerType: INPUT_TYPE_MOUSE,
srcEvent: ev
});
}
});
var POINTER_INPUT_MAP = {
pointerdown: INPUT_START,
pointermove: INPUT_MOVE,
pointerup: INPUT_END,
pointercancel: INPUT_CANCEL,
pointerout: INPUT_CANCEL
};
// in IE10 the pointer types is defined as an enum
var IE10_POINTER_TYPE_ENUM = {
2: INPUT_TYPE_TOUCH,
3: INPUT_TYPE_PEN,
4: INPUT_TYPE_MOUSE,
5: INPUT_TYPE_KINECT // see https://twitter.com/jacobrossi/status/480596438489890816
};
var POINTER_ELEMENT_EVENTS = 'pointerdown';
var POINTER_WINDOW_EVENTS = 'pointermove pointerup pointercancel';
// IE10 has prefixed support, and case-sensitive
if (window.MSPointerEvent) {
POINTER_ELEMENT_EVENTS = 'MSPointerDown';
POINTER_WINDOW_EVENTS =
'MSPointerMove MSPointerUp MSPointerCancel';
}
/**
* Pointer events input
* @constructor
* @extends Input
*/
function PointerEventInput() {
this.evEl = POINTER_ELEMENT_EVENTS;
this.evWin = POINTER_WINDOW_EVENTS;
Input.apply(this, arguments);
this.store = (this.manager.session.pointerEvents = []);
}
inherit(PointerEventInput, Input, {
/**
* handle mouse events
* @param {Object} ev
*/
handler: function PEhandler(ev) {
var store = this.store;
var removePointer = false;
var eventTypeNormalized = ev.type.toLowerCase().replace('ms',
'');
var eventType = POINTER_INPUT_MAP[eventTypeNormalized];
var pointerType = IE10_POINTER_TYPE_ENUM[ev.pointerType] ||
ev.pointerType;
var isTouch = (pointerType == INPUT_TYPE_TOUCH);
// get index of the event in the store
var storeIndex = inArray(store, ev.pointerId, 'pointerId');
// start and mouse must be down
if (eventType & INPUT_START && (ev.button === 0 || isTouch)) {
if (storeIndex < 0) {
store.push(ev);
storeIndex = store.length - 1;
}
} else if (eventType & (INPUT_END | INPUT_CANCEL)) {
removePointer = true;
}
// it not found, so the pointer hasn't been down (so it's probably a hover)
if (storeIndex < 0) {
return;
}
// update the event in the store
store[storeIndex] = ev;
this.callback(this.manager, eventType, {
pointers: store,
changedPointers: [ev],
pointerType: pointerType,
srcEvent: ev
});
if (removePointer) {
// remove from the store
store.splice(storeIndex, 1);
}
}
});
var SINGLE_TOUCH_INPUT_MAP = {
touchstart: INPUT_START,
touchmove: INPUT_MOVE,
touchend: INPUT_END,
touchcancel: INPUT_CANCEL
};
var SINGLE_TOUCH_TARGET_EVENTS = 'touchstart';
var SINGLE_TOUCH_WINDOW_EVENTS =
'touchstart touchmove touchend touchcancel';
/**
* Touch events input
* @constructor
* @extends Input
*/
function SingleTouchInput() {
this.evTarget = SINGLE_TOUCH_TARGET_EVENTS;
this.evWin = SINGLE_TOUCH_WINDOW_EVENTS;
this.started = false;
Input.apply(this, arguments);
}
inherit(SingleTouchInput, Input, {
handler: function TEhandler(ev) {
var type = SINGLE_TOUCH_INPUT_MAP[ev.type];
// should we handle the touch events?
if (type === INPUT_START) {
this.started = true;
}
if (!this.started) {
return;
}
var touches = normalizeSingleTouches.call(this, ev, type);
// when done, reset the started state
if (type & (INPUT_END | INPUT_CANCEL) && touches[0].length -
touches[1].length === 0) {
this.started = false;
}
this.callback(this.manager, type, {
pointers: touches[0],
changedPointers: touches[1],
pointerType: INPUT_TYPE_TOUCH,
srcEvent: ev
});
}
});
/**
* @this {TouchInput}
* @param {Object} ev
* @param {Number} type flag
* @returns {undefined|Array} [all, changed]
*/
function normalizeSingleTouches(ev, type) {
var all = toArray(ev.touches);
var changed = toArray(ev.changedTouches);
if (type & (INPUT_END | INPUT_CANCEL)) {
all = uniqueArray(all.concat(changed), 'identifier', true);
}
return [all, changed];
}
var TOUCH_INPUT_MAP = {
touchstart: INPUT_START,
touchmove: INPUT_MOVE,
touchend: INPUT_END,
touchcancel: INPUT_CANCEL
};
var TOUCH_TARGET_EVENTS =
'touchstart touchmove touchend touchcancel';
/**
* Multi-user touch events input
* @constructor
* @extends Input
*/
function TouchInput() {
this.evTarget = TOUCH_TARGET_EVENTS;
this.targetIds = {};
Input.apply(this, arguments);
}
inherit(TouchInput, Input, {
handler: function MTEhandler(ev) {
var type = TOUCH_INPUT_MAP[ev.type];
var touches = getTouches.call(this, ev, type);
if (!touches) {
return;
}
this.callback(this.manager, type, {
pointers: touches[0],
changedPointers: touches[1],
pointerType: INPUT_TYPE_TOUCH,
srcEvent: ev
});
}
});
/**
* @this {TouchInput}
* @param {Object} ev
* @param {Number} type flag
* @returns {undefined|Array} [all, changed]
*/
function getTouches(ev, type) {
var allTouches = toArray(ev.touches);
var targetIds = this.targetIds;
// when there is only one touch, the process can be simplified
if (type & (INPUT_START | INPUT_MOVE) && allTouches.length === 1) {
targetIds[allTouches[0].identifier] = true;
return [allTouches, allTouches];
}
var i,
targetTouches,
changedTouches = toArray(ev.changedTouches),
changedTargetTouches = [],
target = this.target;
// get target touches from touches
targetTouches = allTouches.filter(function(touch) {
return hasParent(touch.target, target);
});
// collect touches
if (type === INPUT_START) {
i = 0;
while (i < targetTouches.length) {
targetIds[targetTouches[i].identifier] = true;
i++;
}
}
// filter changed touches to only contain touches that exist in the collected target ids
i = 0;
while (i < changedTouches.length) {
if (targetIds[changedTouches[i].identifier]) {
changedTargetTouches.push(changedTouches[i]);
}
// cleanup removed touches
if (type & (INPUT_END | INPUT_CANCEL)) {
delete targetIds[changedTouches[i].identifier];
}
i++;
}
if (!changedTargetTouches.length) {
return;
}
return [
// merge targetTouches with changedTargetTouches so it contains ALL touches, including 'end' and 'cancel'
uniqueArray(targetTouches.concat(changedTargetTouches),
'identifier', true),
changedTargetTouches
];
}
/**
* Combined touch and mouse input
*
* Touch has a higher priority then mouse, and while touching no mouse events are allowed.
* This because touch devices also emit mouse events while doing a touch.
*
* @constructor
* @extends Input
*/
function TouchMouseInput() {
Input.apply(this, arguments);
var handler = bindFn(this.handler, this);
this.touch = new TouchInput(this.manager, handler);
this.mouse = new MouseInput(this.manager, handler);
}
inherit(TouchMouseInput, Input, {
/**
* handle mouse and touch events
* @param {Hammer} manager
* @param {String} inputEvent
* @param {Object} inputData
*/
handler: function TMEhandler(manager, inputEvent, inputData) {
var isTouch = (inputData.pointerType == INPUT_TYPE_TOUCH),
isMouse = (inputData.pointerType == INPUT_TYPE_MOUSE);
// when we're in a touch event, so block all upcoming mouse events
// most mobile browser also emit mouseevents, right after touchstart
if (isTouch) {
this.mouse.allow = false;
} else if (isMouse && !this.mouse.allow) {
return;
}
// reset the allowMouse when we're done
if (inputEvent & (INPUT_END | INPUT_CANCEL)) {
this.mouse.allow = true;
}
this.callback(manager, inputEvent, inputData);
},
/**
* remove the event listeners
*/
destroy: function destroy() {
this.touch.destroy();
this.mouse.destroy();
}
});
var PREFIXED_TOUCH_ACTION = prefixed(TEST_ELEMENT.style,
'touchAction');
var NATIVE_TOUCH_ACTION = PREFIXED_TOUCH_ACTION !== undefined;
// magical touchAction value
var TOUCH_ACTION_COMPUTE = 'compute';
var TOUCH_ACTION_AUTO = 'auto';
var TOUCH_ACTION_MANIPULATION = 'manipulation'; // not implemented
var TOUCH_ACTION_NONE = 'none';
var TOUCH_ACTION_PAN_X = 'pan-x';
var TOUCH_ACTION_PAN_Y = 'pan-y';
/**
* Touch Action
* sets the touchAction property or uses the js alternative
* @param {Manager} manager
* @param {String} value
* @constructor
*/
function TouchAction(manager, value) {
this.manager = manager;
this.set(value);
}
TouchAction.prototype = {
/**
* set the touchAction value on the element or enable the polyfill
* @param {String} value
*/
set: function(value) {
// find out the touch-action by the event handlers
if (value == TOUCH_ACTION_COMPUTE) {
value = this.compute();
}
if (NATIVE_TOUCH_ACTION) {
this.manager.element.style[PREFIXED_TOUCH_ACTION] = value;
}
this.actions = value.toLowerCase().trim();
},
/**
* just re-set the touchAction value
*/
update: function() {
this.set(this.manager.options.touchAction);
},
/**
* compute the value for the touchAction property based on the recognizer's settings
* @returns {String} value
*/
compute: function() {
var actions = [];
each(this.manager.recognizers, function(recognizer) {
if (boolOrFn(recognizer.options.enable, [recognizer])) {
actions = actions.concat(recognizer.getTouchAction());
}
});
return cleanTouchActions(actions.join(' '));
},
/**
* this method is called on each input cycle and provides the preventing of the browser behavior
* @param {Object} input
*/
preventDefaults: function(input) {
// not needed with native support for the touchAction property
if (NATIVE_TOUCH_ACTION) {
return;
}
var srcEvent = input.srcEvent;
var direction = input.offsetDirection;
// if the touch action did prevented once this session
if (this.manager.session.prevented) {
srcEvent.preventDefault();
return;
}
var actions = this.actions;
var hasNone = inStr(actions, TOUCH_ACTION_NONE);
var hasPanY = inStr(actions, TOUCH_ACTION_PAN_Y);
var hasPanX = inStr(actions, TOUCH_ACTION_PAN_X);
if (hasNone ||
(hasPanY && direction & DIRECTION_HORIZONTAL) ||
(hasPanX && direction & DIRECTION_VERTICAL)) {
return this.preventSrc(srcEvent);
}
},
/**
* call preventDefault to prevent the browser's default behavior (scrolling in most cases)
* @param {Object} srcEvent
*/
preventSrc: function(srcEvent) {
this.manager.session.prevented = true;
srcEvent.preventDefault();
}
};
/**
* when the touchActions are collected they are not a valid value, so we need to clean things up. *
* @param {String} actions
* @returns {*}
*/
function cleanTouchActions(actions) {
// none
if (inStr(actions, TOUCH_ACTION_NONE)) {
return TOUCH_ACTION_NONE;
}
var hasPanX = inStr(actions, TOUCH_ACTION_PAN_X);
var hasPanY = inStr(actions, TOUCH_ACTION_PAN_Y);
// pan-x and pan-y can be combined
if (hasPanX && hasPanY) {
return TOUCH_ACTION_PAN_X + ' ' + TOUCH_ACTION_PAN_Y;
}
// pan-x OR pan-y
if (hasPanX || hasPanY) {
return hasPanX ? TOUCH_ACTION_PAN_X : TOUCH_ACTION_PAN_Y;
}
// manipulation
if (inStr(actions, TOUCH_ACTION_MANIPULATION)) {
return TOUCH_ACTION_MANIPULATION;
}
return TOUCH_ACTION_AUTO;
}
/**
* Recognizer flow explained; *
* All recognizers have the initial state of POSSIBLE when a input session starts.
* The definition of a input session is from the first input until the last input, with all it's movement in it. *
* Example session for mouse-input: mousedown -> mousemove -> mouseup
*
* On each recognizing cycle (see Manager.recognize) the .recognize() method is executed
* which determines with state it should be.
*
* If the recognizer has the state FAILED, CANCELLED or RECOGNIZED (equals ENDED), it is reset to
* POSSIBLE to give it another change on the next cycle.
*
* Possible
* |
* +-----+---------------+
* | |
* +-----+-----+ |
* | | |
* Failed Cancelled |
* +-------+------+
* | |
* Recognized Began
* |
* Changed
* |
* Ended/Recognized
*/
var STATE_POSSIBLE = 1;
var STATE_BEGAN = 2;
var STATE_CHANGED = 4;
var STATE_ENDED = 8;
var STATE_RECOGNIZED = STATE_ENDED;
var STATE_CANCELLED = 16;
var STATE_FAILED = 32;
/**
* Recognizer
* Every recognizer needs to extend from this class.
* @constructor
* @param {Object} options
*/
function Recognizer(options) {
this.id = uniqueId();
this.manager = null;
this.options = merge(options || {}, this.defaults);
// default is enable true
this.options.enable = ifUndefined(this.options.enable, true);
this.state = STATE_POSSIBLE;
this.simultaneous = {};
this.requireFail = [];
}
Recognizer.prototype = {
/**
* @virtual
* @type {Object}
*/
defaults: {},
/**
* set options
* @param {Object} options
* @return {Recognizer}
*/
set: function(options) {
extend(this.options, options);
// also update the touchAction, in case something changed about the directions/enabled state
this.manager && this.manager.touchAction.update();
return this;
},
/**
* recognize simultaneous with an other recognizer.
* @param {Recognizer} otherRecognizer
* @returns {Recognizer} this
*/
recognizeWith: function(otherRecognizer) {
if (invokeArrayArg(otherRecognizer, 'recognizeWith', this)) {
return this;
}
var simultaneous = this.simultaneous;
otherRecognizer = getRecognizerByNameIfManager(otherRecognizer,
this);
if (!simultaneous[otherRecognizer.id]) {
simultaneous[otherRecognizer.id] = otherRecognizer;
otherRecognizer.recognizeWith(this);
}
return this;
},
/**
* drop the simultaneous link. it doesnt remove the link on the other recognizer.
* @param {Recognizer} otherRecognizer
* @returns {Recognizer} this
*/
dropRecognizeWith: function(otherRecognizer) {
if (invokeArrayArg(otherRecognizer, 'dropRecognizeWith', this)) {
return this;
}
otherRecognizer = getRecognizerByNameIfManager(otherRecognizer,
this);
delete this.simultaneous[otherRecognizer.id];
return this;
},
/**
* recognizer can only run when an other is failing
* @param {Recognizer} otherRecognizer
* @returns {Recognizer} this
*/
requireFailure: function(otherRecognizer) {
if (invokeArrayArg(otherRecognizer, 'requireFailure', this)) {
return this;
}
var requireFail = this.requireFail;
otherRecognizer = getRecognizerByNameIfManager(otherRecognizer,
this);
if (inArray(requireFail, otherRecognizer) === -1) {
requireFail.push(otherRecognizer);
otherRecognizer.requireFailure(this);
}
return this;
},
/**
* drop the requireFailure link. it does not remove the link on the other recognizer.
* @param {Recognizer} otherRecognizer
* @returns {Recognizer} this
*/
dropRequireFailure: function(otherRecognizer) {
if (invokeArrayArg(otherRecognizer, 'dropRequireFailure', this)) {
return this;
}
otherRecognizer = getRecognizerByNameIfManager(otherRecognizer,
this);
var index = inArray(this.requireFail, otherRecognizer);
if (index > -1) {
this.requireFail.splice(index, 1);
}
return this;
},
/**
* has require failures boolean
* @returns {boolean}
*/
hasRequireFailures: function() {
return this.requireFail.length > 0;
},
/**
* if the recognizer can recognize simultaneous with an other recognizer
* @param {Recognizer} otherRecognizer
* @returns {Boolean}
*/
canRecognizeWith: function(otherRecognizer) {
return !!this.simultaneous[otherRecognizer.id];
},
/**
* You should use `tryEmit` instead of `emit` directly to check
* that all the needed recognizers has failed before emitting.
* @param {Object} input
*/
emit: function(input) {
var self = this;
var state = this.state;
function emit(withState) {
self.manager.emit(self.options.event + (withState ? stateStr(
state) : ''), input);
}
// 'panstart' and 'panmove'
if (state < STATE_ENDED) {
emit(true);
}
emit(); // simple 'eventName' events
// panend and pancancel
if (state >= STATE_ENDED) {
emit(true);
}
},
/**
* Check that all the require failure recognizers has failed,
* if true, it emits a gesture event,
* otherwise, setup the state to FAILED.
* @param {Object} input
*/
tryEmit: function(input) {
if (this.canEmit()) {
return this.emit(input);
}
// it's failing anyway
this.state = STATE_FAILED;
},
/**
* can we emit?
* @returns {boolean}
*/
canEmit: function() {
var i = 0;
while (i < this.requireFail.length) {
if (!(this.requireFail[i].state & (STATE_FAILED |
STATE_POSSIBLE))) {
return false;
}
i++;
}
return true;
},
/**
* update the recognizer
* @param {Object} inputData
*/
recognize: function(inputData) {
// make a new copy of the inputData
// so we can change the inputData without messing up the other recognizers
var inputDataClone = extend({}, inputData);
// is is enabled and allow recognizing?
if (!boolOrFn(this.options.enable, [this, inputDataClone])) {
this.reset();
this.state = STATE_FAILED;
return;
}
// reset when we've reached the end
if (this.state & (STATE_RECOGNIZED | STATE_CANCELLED |
STATE_FAILED)) {
this.state = STATE_POSSIBLE;
}
this.state = this.process(inputDataClone);
// the recognizer has recognized a gesture
// so trigger an event
if (this.state & (STATE_BEGAN | STATE_CHANGED | STATE_ENDED |
STATE_CANCELLED)) {
this.tryEmit(inputDataClone);
}
},
/**
* return the state of the recognizer
* the actual recognizing happens in this method
* @virtual
* @param {Object} inputData
* @returns {Const} STATE
*/
process: function(inputData) {}, // jshint ignore:line
/**
* return the preferred touch-action
* @virtual
* @returns {Array}
*/
getTouchAction: function() {},
/**
* called when the gesture isn't allowed to recognize
* like when another is being recognized or it is disabled
* @virtual
*/
reset: function() {}
};
/**
* get a usable string, used as event postfix
* @param {Const} state
* @returns {String} state
*/
function stateStr(state) {
if (state & STATE_CANCELLED) {
return 'cancel';
} else if (state & STATE_ENDED) {
return 'end';
} else if (state & STATE_CHANGED) {
return 'move';
} else if (state & STATE_BEGAN) {
return 'start';
}
return '';
}
/**
* direction cons to string
* @param {Const} direction
* @returns {String}
*/
function directionStr(direction) {
if (direction == DIRECTION_DOWN) {
return 'down';
} else if (direction == DIRECTION_UP) {
return 'up';
} else if (direction == DIRECTION_LEFT) {
return 'left';
} else if (direction == DIRECTION_RIGHT) {
return 'right';
}
return '';
}
/**
* get a recognizer by name if it is bound to a manager
* @param {Recognizer|String} otherRecognizer
* @param {Recognizer} recognizer
* @returns {Recognizer}
*/
function getRecognizerByNameIfManager(otherRecognizer, recognizer) {
var manager = recognizer.manager;
if (manager) {
return manager.get(otherRecognizer);
}
return otherRecognizer;
}
/**
* This recognizer is just used as a base for the simple attribute recognizers.
* @constructor
* @extends Recognizer
*/
function AttrRecognizer() {
Recognizer.apply(this, arguments);
}
inherit(AttrRecognizer, Recognizer, {
/**
* @namespace
* @memberof AttrRecognizer
*/
defaults: {
/**
* @type {Number}
* @default 1
*/
pointers: 1
},
/**
* Used to check if it the recognizer receives valid input, like input.distance > 10.
* @memberof AttrRecognizer
* @param {Object} input
* @returns {Boolean} recognized
*/
attrTest: function(input) {
var optionPointers = this.options.pointers;
return optionPointers === 0 || input.pointers.length ===
optionPointers;
},
/**
* Process the input and return the state for the recognizer
* @memberof AttrRecognizer
* @param {Object} input
* @returns {*} State
*/
process: function(input) {
var state = this.state;
var eventType = input.eventType;
var isRecognized = state & (STATE_BEGAN | STATE_CHANGED);
var isValid = this.attrTest(input);
// on cancel input and we've recognized before, return STATE_CANCELLED
if (isRecognized && (eventType & INPUT_CANCEL || !isValid)) {
return state | STATE_CANCELLED;
} else if (isRecognized || isValid) {
if (eventType & INPUT_END) {
return state | STATE_ENDED;
} else if (!(state & STATE_BEGAN)) {
return STATE_BEGAN;
}
return state | STATE_CHANGED;
}
return STATE_FAILED;
}
});
/**
* Pan
* Recognized when the pointer is down and moved in the allowed direction.
* @constructor
* @extends AttrRecognizer
*/
function PanRecognizer() {
AttrRecognizer.apply(this, arguments);
this.pX = null;
this.pY = null;
}
inherit(PanRecognizer, AttrRecognizer, {
/**
* @namespace
* @memberof PanRecognizer
*/
defaults: {
event: 'pan',
threshold: 10,
pointers: 1,
direction: DIRECTION_ALL
},
getTouchAction: function() {
var direction = this.options.direction;
var actions = [];
if (direction & DIRECTION_HORIZONTAL) {
actions.push(TOUCH_ACTION_PAN_Y);
}
if (direction & DIRECTION_VERTICAL) {
actions.push(TOUCH_ACTION_PAN_X);
}
return actions;
},
directionTest: function(input) {
var options = this.options;
var hasMoved = true;
var distance = input.distance;
var direction = input.direction;
var x = input.deltaX;
var y = input.deltaY;
// lock to axis?
if (!(direction & options.direction)) {
if (options.direction & DIRECTION_HORIZONTAL) {
direction = (x === 0) ? DIRECTION_NONE : (x < 0) ?
DIRECTION_LEFT : DIRECTION_RIGHT;
hasMoved = x != this.pX;
distance = Math.abs(input.deltaX);
} else {
direction = (y === 0) ? DIRECTION_NONE : (y < 0) ?
DIRECTION_UP : DIRECTION_DOWN;
hasMoved = y != this.pY;
distance = Math.abs(input.deltaY);
}
}
input.direction = direction;
return hasMoved && distance > options.threshold && direction &
options.direction;
},
attrTest: function(input) {
return AttrRecognizer.prototype.attrTest.call(this, input) &&
(this.state & STATE_BEGAN || (!(this.state & STATE_BEGAN) &&
this.directionTest(input)));
},
emit: function(input) {
this.pX = input.deltaX;
this.pY = input.deltaY;
var direction = directionStr(input.direction);
if (direction) {
this.manager.emit(this.options.event + direction, input);
}
this._super.emit.call(this, input);
}
});
/**
* Pinch
* Recognized when two or more pointers are moving toward (zoom-in) or away from each other (zoom-out).
* @constructor
* @extends AttrRecognizer
*/
function PinchRecognizer() {
AttrRecognizer.apply(this, arguments);
}
inherit(PinchRecognizer, AttrRecognizer, {
/**
* @namespace
* @memberof PinchRecognizer
*/
defaults: {
event: 'pinch',
threshold: 0,
pointers: 2
},
getTouchAction: function() {
return [TOUCH_ACTION_NONE];
},
attrTest: function(input) {
return this._super.attrTest.call(this, input) &&
(Math.abs(input.scale - 1) > this.options.threshold || this
.state & STATE_BEGAN);
},
emit: function(input) {
this._super.emit.call(this, input);
if (input.scale !== 1) {
var inOut = input.scale < 1 ? 'in' : 'out';
this.manager.emit(this.options.event + inOut, input);
}
}
});
/**
* Press
* Recognized when the pointer is down for x ms without any movement.
* @constructor
* @extends Recognizer
*/
function PressRecognizer() {
Recognizer.apply(this, arguments);
this._timer = null;
this._input = null;
}
inherit(PressRecognizer, Recognizer, {
/**
* @namespace
* @memberof PressRecognizer
*/
defaults: {
event: 'press',
pointers: 1,
time: 500, // minimal time of the pointer to be pressed
threshold: 5 // a minimal movement is ok, but keep it low
},
getTouchAction: function() {
return [TOUCH_ACTION_AUTO];
},
process: function(input) {
var options = this.options;
var validPointers = input.pointers.length === options.pointers;
var validMovement = input.distance < options.threshold;
var validTime = input.deltaTime > options.time;
this._input = input;
// we only allow little movement
// and we've reached an end event, so a tap is possible
if (!validMovement || !validPointers || (input.eventType & (
INPUT_END | INPUT_CANCEL) && !validTime)) {
this.reset();
} else if (input.eventType & INPUT_START) {
this.reset();
this._timer = setTimeoutContext(function() {
this.state = STATE_RECOGNIZED;
this.tryEmit();
}, options.time, this);
} else if (input.eventType & INPUT_END) {
return STATE_RECOGNIZED;
}
return STATE_FAILED;
},
reset: function() {
clearTimeout(this._timer);
},
emit: function(input) {
if (this.state !== STATE_RECOGNIZED) {
return;
}
if (input && (input.eventType & INPUT_END)) {
this.manager.emit(this.options.event + 'up', input);
} else {
this._input.timeStamp = now();
this.manager.emit(this.options.event, this._input);
}
}
});
/**
* Rotate
* Recognized when two or more pointer are moving in a circular motion.
* @constructor
* @extends AttrRecognizer
*/
function RotateRecognizer() {
AttrRecognizer.apply(this, arguments);
}
inherit(RotateRecognizer, AttrRecognizer, {
/**
* @namespace
* @memberof RotateRecognizer
*/
defaults: {
event: 'rotate',
threshold: 0,
pointers: 2
},
getTouchAction: function() {
return [TOUCH_ACTION_NONE];
},
attrTest: function(input) {
return this._super.attrTest.call(this, input) &&
(Math.abs(input.rotation) > this.options.threshold || this.state &
STATE_BEGAN);
}
});
/**
* Swipe
* Recognized when the pointer is moving fast (velocity), with enough distance in the allowed direction.
* @constructor
* @extends AttrRecognizer
*/
function SwipeRecognizer() {
AttrRecognizer.apply(this, arguments);
}
inherit(SwipeRecognizer, AttrRecognizer, {
/**
* @namespace
* @memberof SwipeRecognizer
*/
defaults: {
event: 'swipe',
threshold: 10,
velocity: 0.65,
direction: DIRECTION_HORIZONTAL | DIRECTION_VERTICAL,
pointers: 1
},
getTouchAction: function() {
return PanRecognizer.prototype.getTouchAction.call(this);
},
attrTest: function(input) {
var direction = this.options.direction;
var velocity;
if (direction & (DIRECTION_HORIZONTAL | DIRECTION_VERTICAL)) {
velocity = input.velocity;
} else if (direction & DIRECTION_HORIZONTAL) {
velocity = input.velocityX;
} else if (direction & DIRECTION_VERTICAL) {
velocity = input.velocityY;
}
return this._super.attrTest.call(this, input) &&
direction & input.direction &&
input.distance > this.options.threshold &&
abs(velocity) > this.options.velocity && input.eventType &
INPUT_END;
},
emit: function(input) {
var direction = directionStr(input.direction);
if (direction) {
this.manager.emit(this.options.event + direction, input);
}
this.manager.emit(this.options.event, input);
}
});
/**
* A tap is ecognized when the pointer is doing a small tap/click. Multiple taps are recognized if they occur
* between the given interval and position. The delay option can be used to recognize multi-taps without firing
* a single tap.
*
* The eventData from the emitted event contains the property `tapCount`, which contains the amount of
* multi-taps being recognized.
* @constructor
* @extends Recognizer
*/
function TapRecognizer() {
Recognizer.apply(this, arguments);
// previous time and center,
// used for tap counting
this.pTime = false;
this.pCenter = false;
this._timer = null;
this._input = null;
this.count = 0;
}
inherit(TapRecognizer, Recognizer, {
/**
* @namespace
* @memberof PinchRecognizer
*/
defaults: {
event: 'tap',
pointers: 1,
taps: 1,
interval: 300, // max time between the multi-tap taps
time: 250, // max time of the pointer to be down (like finger on the screen)
threshold: 2, // a minimal movement is ok, but keep it low
posThreshold: 10 // a multi-tap can be a bit off the initial position
},
getTouchAction: function() {
return [TOUCH_ACTION_MANIPULATION];
},
process: function(input) {
var options = this.options;
var validPointers = input.pointers.length === options.pointers;
var validMovement = input.distance < options.threshold;
var validTouchTime = input.deltaTime < options.time;
this.reset();
if ((input.eventType & INPUT_START) && (this.count === 0)) {
return this.failTimeout();
}
// we only allow little movement
// and we've reached an end event, so a tap is possible
if (validMovement && validTouchTime && validPointers) {
if (input.eventType != INPUT_END) {
return this.failTimeout();
}
var validInterval = this.pTime ? (input.timeStamp - this.pTime <
options.interval) : true;
var validMultiTap = !this.pCenter || getDistance(this.pCenter,
input.center) < options.posThreshold;
this.pTime = input.timeStamp;
this.pCenter = input.center;
if (!validMultiTap || !validInterval) {
this.count = 1;
} else {
this.count += 1;
}
this._input = input;
// if tap count matches we have recognized it,
// else it has began recognizing...
var tapCount = this.count % options.taps;
if (tapCount === 0) {
// no failing requirements, immediately trigger the tap event
// or wait as long as the multitap interval to trigger
if (!this.hasRequireFailures()) {
return STATE_RECOGNIZED;
} else {
this._timer = setTimeoutContext(function() {
this.state = STATE_RECOGNIZED;
this.tryEmit();
}, options.interval, this);
return STATE_BEGAN;
}
}
}
return STATE_FAILED;
},
failTimeout: function() {
this._timer = setTimeoutContext(function() {
this.state = STATE_FAILED;
}, this.options.interval, this);
return STATE_FAILED;
},
reset: function() {
clearTimeout(this._timer);
},
emit: function() {
if (this.state == STATE_RECOGNIZED) {
this._input.tapCount = this.count;
this.manager.emit(this.options.event, this._input);
}
}
});
/**
* Simple way to create an manager with a default set of recognizers.
* @param {HTMLElement} element
* @param {Object} [options]
* @constructor
*/
function Hammer(element, options) {
options = options || {};
options.recognizers = ifUndefined(options.recognizers, Hammer.defaults
.preset);
return new Manager(element, options);
}
/**
* @const {string}
*/
Hammer.VERSION = '2.0.4';
/**
* default settings
* @namespace
*/
Hammer.defaults = {
/**
* set if DOM events are being triggered.
* But this is slower and unused by simple implementations, so disabled by default.
* @type {Boolean}
* @default false
*/
domEvents: false,
/**
* The value for the touchAction property/fallback.
* When set to `compute` it will magically set the correct value based on the added recognizers.
* @type {String}
* @default compute
*/
touchAction: TOUCH_ACTION_COMPUTE,
/**
* @type {Boolean}
* @default true
*/
enable: true,
/**
* EXPERIMENTAL FEATURE -- can be removed/changed
* Change the parent input target element.
* If Null, then it is being set the to main element.
* @type {Null|EventTarget}
* @default null
*/
inputTarget: null,
/**
* force an input class
* @type {Null|Function}
* @default null
*/
inputClass: null,
/**
* Default recognizer setup when calling `Hammer()`
* When creating a new Manager these will be skipped.
* @type {Array}
*/
preset: [
// RecognizerClass, options, [recognizeWith, ...], [requireFailure, ...]
[RotateRecognizer, {
enable: false
}],
[PinchRecognizer, {
enable: false
},
['rotate']
],
[SwipeRecognizer, {
direction: DIRECTION_HORIZONTAL
}],
[PanRecognizer, {
direction: DIRECTION_HORIZONTAL
},
['swipe']
],
[TapRecognizer],
[TapRecognizer, {
event: 'doubletap',
taps: 2
},
['tap']
],
[PressRecognizer]
],
/**
* Some CSS properties can be used to improve the working of Hammer.
* Add them to this method and they will be set when creating a new Manager.
* @namespace
*/
cssProps: {
/**
* Disables text selection to improve the dragging gesture. Mainly for desktop browsers.
* @type {String}
* @default 'none'
*/
userSelect: 'none',
/**
* Disable the Windows Phone grippers when pressing an element.
* @type {String}
* @default 'none'
*/
touchSelect: 'none',
/**
* Disables the default callout shown when you touch and hold a touch target.
* On iOS, when you touch and hold a touch target such as a link, Safari displays
* a callout containing information about the link. This property allows you to disable that callout.
* @type {String}
* @default 'none'
*/
touchCallout: 'none',
/**
* Specifies whether zooming is enabled. Used by IE10>
* @type {String}
* @default 'none'
*/
contentZooming: 'none',
/**
* Specifies that an entire element should be draggable instead of its contents. Mainly for desktop browsers.
* @type {String}
* @default 'none'
*/
userDrag: 'none',
/**
* Overrides the highlight color shown when the user taps a link or a JavaScript
* clickable element in iOS. This property obeys the alpha value, if specified.
* @type {String}
* @default 'rgba(0,0,0,0)'
*/
tapHighlightColor: 'rgba(0,0,0,0)'
}
};
var STOP = 1;
var FORCED_STOP = 2;
/**
* Manager
* @param {HTMLElement} element
* @param {Object} [options]
* @constructor
*/
function Manager(element, options) {
options = options || {};
this.options = merge(options, Hammer.defaults);
this.options.inputTarget = this.options.inputTarget || element;
this.handlers = {};
this.session = {};
this.recognizers = [];
this.element = element;
this.input = createInputInstance(this);
this.touchAction = new TouchAction(this, this.options.touchAction);
toggleCssProps(this, true);
each(options.recognizers, function(item) {
var recognizer = this.add(new(item[0])(item[1]));
item[2] && recognizer.recognizeWith(item[2]);
item[3] && recognizer.requireFailure(item[3]);
}, this);
}
Manager.prototype = {
/**
* set options
* @param {Object} options
* @returns {Manager}
*/
set: function(options) {
extend(this.options, options);
// Options that need a little more setup
if (options.touchAction) {
this.touchAction.update();
}
if (options.inputTarget) {
// Clean up existing event listeners and reinitialize
this.input.destroy();
this.input.target = options.inputTarget;
this.input.init();
}
return this;
},
/**
* stop recognizing for this session.
* This session will be discarded, when a new [input]start event is fired.
* When forced, the recognizer cycle is stopped immediately.
* @param {Boolean} [force]
*/
stop: function(force) {
this.session.stopped = force ? FORCED_STOP : STOP;
},
/**
* run the recognizers!
* called by the inputHandler function on every movement of the pointers (touches)
* it walks through all the recognizers and tries to detect the gesture that is being made
* @param {Object} inputData
*/
recognize: function(inputData) {
var session = this.session;
if (session.stopped) {
return;
}
// run the touch-action polyfill
this.touchAction.preventDefaults(inputData);
var recognizer;
var recognizers = this.recognizers;
// this holds the recognizer that is being recognized.
// so the recognizer's state needs to be BEGAN, CHANGED, ENDED or RECOGNIZED
// if no recognizer is detecting a thing, it is set to `null`
var curRecognizer = session.curRecognizer;
// reset when the last recognizer is recognized
// or when we're in a new session
if (!curRecognizer || (curRecognizer && curRecognizer.state &
STATE_RECOGNIZED)) {
curRecognizer = session.curRecognizer = null;
}
var i = 0;
while (i < recognizers.length) {
recognizer = recognizers[i];
// find out if we are allowed try to recognize the input for this one.
// 1. allow if the session is NOT forced stopped (see the .stop() method)
// 2. allow if we still haven't recognized a gesture in this session, or the this recognizer is the one
// that is being recognized.
// 3. allow if the recognizer is allowed to run simultaneous with the current recognized recognizer.
// this can be setup with the `recognizeWith()` method on the recognizer.
if (session.stopped !== FORCED_STOP && ( // 1
!curRecognizer || recognizer == curRecognizer || // 2
recognizer.canRecognizeWith(curRecognizer))) { // 3
recognizer.recognize(inputData);
} else {
recognizer.reset();
}
// if the recognizer has been recognizing the input as a valid gesture, we want to store this one as the
// current active recognizer. but only if we don't already have an active recognizer
if (!curRecognizer && recognizer.state & (STATE_BEGAN |
STATE_CHANGED | STATE_ENDED)) {
curRecognizer = session.curRecognizer = recognizer;
}
i++;
}
},
/**
* get a recognizer by its event name.
* @param {Recognizer|String} recognizer
* @returns {Recognizer|Null}
*/
get: function(recognizer) {
if (recognizer instanceof Recognizer) {
return recognizer;
}
var recognizers = this.recognizers;
for (var i = 0; i < recognizers.length; i++) {
if (recognizers[i].options.event == recognizer) {
return recognizers[i];
}
}
return null;
},
/**
* add a recognizer to the manager
* existing recognizers with the same event name will be removed
* @param {Recognizer} recognizer
* @returns {Recognizer|Manager}
*/
add: function(recognizer) {
if (invokeArrayArg(recognizer, 'add', this)) {
return this;
}
// remove existing
var existing = this.get(recognizer.options.event);
if (existing) {
this.remove(existing);
}
this.recognizers.push(recognizer);
recognizer.manager = this;
this.touchAction.update();
return recognizer;
},
/**
* remove a recognizer by name or instance
* @param {Recognizer|String} recognizer
* @returns {Manager}
*/
remove: function(recognizer) {
if (invokeArrayArg(recognizer, 'remove', this)) {
return this;
}
var recognizers = this.recognizers;
recognizer = this.get(recognizer);
recognizers.splice(inArray(recognizers, recognizer), 1);
this.touchAction.update();
return this;
},
/**
* bind event
* @param {String} events
* @param {Function} handler
* @returns {EventEmitter} this
*/
on: function(events, handler) {
var handlers = this.handlers;
each(splitStr(events), function(event) {
handlers[event] = handlers[event] || [];
handlers[event].push(handler);
});
return this;
},
/**
* unbind event, leave emit blank to remove all handlers
* @param {String} events
* @param {Function} [handler]
* @returns {EventEmitter} this
*/
off: function(events, handler) {
var handlers = this.handlers;
each(splitStr(events), function(event) {
if (!handler) {
delete handlers[event];
} else {
handlers[event].splice(inArray(handlers[event], handler),
1);
}
});
return this;
},
/**
* emit event to the listeners
* @param {String} event
* @param {Object} data
*/
emit: function(event, data) {
// we also want to trigger dom events
if (this.options.domEvents) {
triggerDomEvent(event, data);
}
// no handlers, so skip it all
var handlers = this.handlers[event] && this.handlers[event].slice();
if (!handlers || !handlers.length) {
return;
}
data.type = event;
data.preventDefault = function() {
data.srcEvent.preventDefault();
};
var i = 0;
while (i < handlers.length) {
handlers[i](data);
i++;
}
},
/**
* destroy the manager and unbinds all events
* it doesn't unbind dom events, that is the user own responsibility
*/
destroy: function() {
this.element && toggleCssProps(this, false);
this.handlers = {};
this.session = {};
this.input.destroy();
this.element = null;
}
};
/**
* add/remove the css properties as defined in manager.options.cssProps
* @param {Manager} manager
* @param {Boolean} add
*/
function toggleCssProps(manager, add) {
var element = manager.element;
each(manager.options.cssProps, function(value, name) {
element.style[prefixed(element.style, name)] = add ? value :
'';
});
}
/**
* trigger dom event
* @param {String} event
* @param {Object} data
*/
function triggerDomEvent(event, data) {
var gestureEvent = document.createEvent('Event');
gestureEvent.initEvent(event, true, true);
gestureEvent.gesture = data;
data.target.dispatchEvent(gestureEvent);
}
extend(Hammer, {
INPUT_START: INPUT_START,
INPUT_MOVE: INPUT_MOVE,
INPUT_END: INPUT_END,
INPUT_CANCEL: INPUT_CANCEL,
STATE_POSSIBLE: STATE_POSSIBLE,
STATE_BEGAN: STATE_BEGAN,
STATE_CHANGED: STATE_CHANGED,
STATE_ENDED: STATE_ENDED,
STATE_RECOGNIZED: STATE_RECOGNIZED,
STATE_CANCELLED: STATE_CANCELLED,
STATE_FAILED: STATE_FAILED,
DIRECTION_NONE: DIRECTION_NONE,
DIRECTION_LEFT: DIRECTION_LEFT,
DIRECTION_RIGHT: DIRECTION_RIGHT,
DIRECTION_UP: DIRECTION_UP,
DIRECTION_DOWN: DIRECTION_DOWN,
DIRECTION_HORIZONTAL: DIRECTION_HORIZONTAL,
DIRECTION_VERTICAL: DIRECTION_VERTICAL,
DIRECTION_ALL: DIRECTION_ALL,
Manager: Manager,
Input: Input,
TouchAction: TouchAction,
TouchInput: TouchInput,
MouseInput: MouseInput,
PointerEventInput: PointerEventInput,
TouchMouseInput: TouchMouseInput,
SingleTouchInput: SingleTouchInput,
Recognizer: Recognizer,
AttrRecognizer: AttrRecognizer,
Tap: TapRecognizer,
Pan: PanRecognizer,
Swipe: SwipeRecognizer,
Pinch: PinchRecognizer,
Rotate: RotateRecognizer,
Press: PressRecognizer,
on: addEventListeners,
off: removeEventListeners,
each: each,
merge: merge,
extend: extend,
inherit: inherit,
bindFn: bindFn,
prefixed: prefixed
});
// jquery.hammer.js
// This jQuery plugin is just a small wrapper around the Hammer() class.
// It also extends the Manager.emit method by triggering jQuery events.
// $(element).hammer(options).bind("pan", myPanHandler);
// The Hammer instance is stored at $element.data("hammer").
// https://github.com/hammerjs/jquery.hammer.js
(function($, Hammer) {
function hammerify(el, options) {
var $el = $(el);
if (!$el.data('hammer')) {
$el.data('hammer', new Hammer($el[0], options));
}
}
$.fn.hammer = function(options) {
return this.each(function() {
hammerify(this, options);
});
};
// extend the emit method to also trigger jQuery events
Hammer.Manager.prototype.emit = (function(originalEmit) {
return function(type, data) {
originalEmit.call(this, type, data);
$(this.element).trigger({
type: type,
gesture: data
});
};
})(Hammer.Manager.prototype.emit);
})($, Hammer);
$.AMUI.Hammer = Hammer;
module.exports = Hammer;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
51: [
function(require, module, exports) {
(function(global) {
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
/**
* @ver 1.1.0
* @via https://github.com/aralejs/qrcode/blob/master/src/qrcode.js
* @license http://aralejs.org/
*/
var qrcodeAlgObjCache = [];
/**
* 二维码构造函数，主要用于绘制
* @param {参数列表} opt 传递参数
* @return {}
*/
var qrcode = function(opt) {
if (typeof opt === 'string') { // 只编码ASCII字符串
opt = {
text: opt
};
}
//设置默认参数
this.options = $.extend({}, {
text: "",
render: "",
width: 256,
height: 256,
correctLevel: 3,
background: "#ffffff",
foreground: "#000000"
}, opt);
//使用QRCodeAlg创建二维码结构
var qrCodeAlg = null;
for (var i = 0, l = qrcodeAlgObjCache.length; i < l; i++) {
if (qrcodeAlgObjCache[i].text == this.options.text &&
qrcodeAlgObjCache[i].text.correctLevel == this.options.correctLevel
) {
qrCodeAlg = qrcodeAlgObjCache[i].obj;
break;
}
}
if (i == l) {
qrCodeAlg = new QRCodeAlg(this.options.text, this.options.correctLevel);
qrcodeAlgObjCache.push({
text: this.options.text,
correctLevel: this.options.correctLevel,
obj: qrCodeAlg
});
}
if (this.options.render) {
switch (this.options.render) {
case "canvas":
return this.createCanvas(qrCodeAlg);
case "table":
return this.createTable(qrCodeAlg);
case "svg":
return this.createSVG(qrCodeAlg);
default:
return this.createDefault(qrCodeAlg);
}
}
return this.createDefault(qrCodeAlg);
};
/**
* 使用Canvas来画二维码
* @return {}
*/
qrcode.prototype.createDefault = function(qrCodeAlg) {
var canvas = document.createElement('canvas');
if (canvas.getContext)
return this.createCanvas(qrCodeAlg);
if (!!document.createElementNS && !!document.createElementNS(
SVG_NS, 'svg').createSVGRect)
return this.createSVG(qrCodeAlg);
return this.createTable(qrCodeAlg);
};
qrcode.prototype.createCanvas = function(qrCodeAlg) {
//创建canvas节点
var canvas = document.createElement('canvas');
canvas.width = this.options.width;
canvas.height = this.options.height;
var ctx = canvas.getContext('2d');
//计算每个点的长宽
var tileW = (this.options.width / qrCodeAlg.getModuleCount()).toPrecision(
4);
var tileH = this.options.height / qrCodeAlg.getModuleCount().toPrecision(
4);
//绘制
for (var row = 0; row < qrCodeAlg.getModuleCount(); row++) {
for (var col = 0; col < qrCodeAlg.getModuleCount(); col++) {
ctx.fillStyle = qrCodeAlg.modules[row][col] ? this.options.foreground :
this.options.background;
var w = (Math.ceil((col + 1) * tileW) - Math.floor(col *
tileW));
var h = (Math.ceil((row + 1) * tileW) - Math.floor(row *
tileW));
ctx.fillRect(Math.round(col * tileW), Math.round(row * tileH),
w, h);
}
}
//返回绘制的节点
return canvas;
};
/**
* 使用table来绘制二维码
* @return {}
*/
qrcode.prototype.createTable = function(qrCodeAlg) {
//创建table节点
var s = [];
s.push(
'<table style="border:0px; margin:0px; padding:0px; border-collapse:collapse; background-color: ' +
this.options.background +
';">');
// 计算每个节点的长宽；取整，防止点之间出现分离
var tileW = -1,
tileH = -1,
caculateW = -1,
caculateH = -1;
tileW = caculateW = Math.floor(this.options.width / qrCodeAlg.getModuleCount());
tileH = caculateH = Math.floor(this.options.height / qrCodeAlg.getModuleCount());
if (caculateW <= 0) {
if (qrCodeAlg.getModuleCount() < 80) {
tileW = 2;
} else {
tileW = 1;
}
}
if (caculateH <= 0) {
if (qrCodeAlg.getModuleCount() < 80) {
tileH = 2;
} else {
tileH = 1;
}
}
// 绘制二维码
foreTd = '<td style="border:0px; margin:0px; padding:0px; width:' +
tileW + 'px; background-color: ' + this.options.foreground +
'"></td>',
backTd = '<td style="border:0px; margin:0px; padding:0px; width:' +
tileW + 'px; background-color: ' + this.options.background +
'"></td>',
l = qrCodeAlg.getModuleCount();
for (var row = 0; row < l; row++) {
s.push(
'<tr style="border:0px; margin:0px; padding:0px; height: ' +
tileH + 'px">');
for (var col = 0; col < l; col++) {
s.push(qrCodeAlg.modules[row][col] ? foreTd : backTd);
}
s.push('</tr>');
}
s.push('</table>');
var span = document.createElement("span");
span.innerHTML = s.join('');
return span.firstChild;
};
/**
* 使用SVG开绘制二维码
* @return {}
*/
qrcode.prototype.createSVG = function(qrCodeAlg) {
var x, dx, y, dy,
moduleCount = qrCodeAlg.getModuleCount(),
scale = this.options.height / this.options.width,
svg = '<svg xmlns="http://www.w3.org/2000/svg" ' + 'width="' +
this.options.width + 'px" height="' + this.options.height +
'px" ' + 'viewbox="0 0 ' + moduleCount * 10 + ' ' + moduleCount *
10 * scale + '">',
rectHead = '<path ',
foreRect = ' style="stroke-width:0.5;stroke:' + this.options.foreground +
';fill:' + this.options.foreground + ';"></path>',
backRect = ' style="stroke-width:0.5;stroke:' + this.options.background +
';fill:' + this.options.background + ';"></path>';
// draw in the svg
for (var row = 0; row < moduleCount; row++) {
for (var col = 0; col < moduleCount; col++) {
x = col * 10;
y = row * 10 * scale;
dx = (col + 1) * 10;
dy = (row + 1) * 10 * scale;
svg += rectHead + 'd="M ' + x + ',' + y + ' L ' + dx + ',' +
y + ' L ' + dx + ',' + dy + ' L ' + x + ',' + dy + ' Z"';
svg += qrCodeAlg.modules[row][col] ? foreRect : backRect;
}
}
svg += '</svg>';
// return just built svg
return $(svg)[0];
};
/**
* 获取单个字符的utf8编码
* unicode BMP平面约65535个字符
* @param {num} code
* return {array}
*/
function unicodeFormat8(code) {
// 1 byte
if (code < 128) {
return [code];
// 2 bytes
} else if (code < 2048) {
c0 = 192 + (code >> 6);
c1 = 128 + (code & 63);
return [c0, c1];
// 3 bytes
} else {
c0 = 224 + (code >> 12);
c1 = 128 + (code >> 6 & 63);
c2 = 128 + (code & 63);
return [c0, c1, c2];
}
}
/**
* 获取字符串的utf8编码字节串
* @param {string} string
* @return {array}
*/
function getUTF8Bytes(string) {
var utf8codes = [];
for (var i = 0; i < string.length; i++) {
var code = string.charCodeAt(i);
var utf8 = unicodeFormat8(code);
for (var j = 0; j < utf8.length; j++) {
utf8codes.push(utf8[j]);
}
}
return utf8codes;
}
/**
* 二维码算法实现
* @param {string} data 要编码的信息字符串
* @param {num} errorCorrectLevel 纠错等级
*/
function QRCodeAlg(data, errorCorrectLevel) {
this.typeNumber = -1; //版本
this.errorCorrectLevel = errorCorrectLevel;
this.modules = null; //二维矩阵，存放最终结果
this.moduleCount = 0; //矩阵大小
this.dataCache = null; //数据缓存
this.rsBlocks = null; //版本数据信息
this.totalDataCount = -1; //可使用的数据量
this.data = data;
this.utf8bytes = getUTF8Bytes(data);
this.make();
}
QRCodeAlg.prototype = {
constructor: QRCodeAlg,
/**
* 获取二维码矩阵大小
* @return {num} 矩阵大小
*/
getModuleCount: function() {
return this.moduleCount;
},
/**
* 编码
*/
make: function() {
this.getRightType();
this.dataCache = this.createData();
this.createQrcode();
},
/**
* 设置二位矩阵功能图形
* @param {bool} test 表示是否在寻找最好掩膜阶段
* @param {num} maskPattern 掩膜的版本
*/
makeImpl: function(maskPattern) {
this.moduleCount = this.typeNumber * 4 + 17;
this.modules = new Array(this.moduleCount);
for (var row = 0; row < this.moduleCount; row++) {
this.modules[row] = new Array(this.moduleCount);
}
this.setupPositionProbePattern(0, 0);
this.setupPositionProbePattern(this.moduleCount - 7, 0);
this.setupPositionProbePattern(0, this.moduleCount - 7);
this.setupPositionAdjustPattern();
this.setupTimingPattern();
this.setupTypeInfo(true, maskPattern);
if (this.typeNumber >= 7) {
this.setupTypeNumber(true);
}
this.mapData(this.dataCache, maskPattern);
},
/**
* 设置二维码的位置探测图形
* @param {num} row 探测图形的中心横坐标
* @param {num} col 探测图形的中心纵坐标
*/
setupPositionProbePattern: function(row, col) {
for (var r = -1; r <= 7; r++) {
if (row + r <= -1 || this.moduleCount <= row + r) continue;
for (var c = -1; c <= 7; c++) {
if (col + c <= -1 || this.moduleCount <= col + c) continue;
if ((0 <= r && r <= 6 && (c == 0 || c == 6)) || (0 <= c &&
c <= 6 && (r == 0 || r == 6)) || (2 <= r && r <= 4 && 2 <=
c && c <= 4)) {
this.modules[row + r][col + c] = true;
} else {
this.modules[row + r][col + c] = false;
}
}
}
},
/**
* 创建二维码
* @return {[type]} [description]
*/
createQrcode: function() {
var minLostPoint = 0;
var pattern = 0;
var bestModules = null;
for (var i = 0; i < 8; i++) {
this.makeImpl(i);
var lostPoint = QRUtil.getLostPoint(this);
if (i == 0 || minLostPoint > lostPoint) {
minLostPoint = lostPoint;
pattern = i;
bestModules = this.modules;
}
}
this.modules = bestModules;
this.setupTypeInfo(false, pattern);
if (this.typeNumber >= 7) {
this.setupTypeNumber(false);
}
},
/**
* 设置定位图形
* @return {[type]} [description]
*/
setupTimingPattern: function() {
for (var r = 8; r < this.moduleCount - 8; r++) {
if (this.modules[r][6] != null) {
continue;
}
this.modules[r][6] = (r % 2 == 0);
if (this.modules[6][r] != null) {
continue;
}
this.modules[6][r] = (r % 2 == 0);
}
},
/**
* 设置矫正图形
* @return {[type]} [description]
*/
setupPositionAdjustPattern: function() {
var pos = QRUtil.getPatternPosition(this.typeNumber);
for (var i = 0; i < pos.length; i++) {
for (var j = 0; j < pos.length; j++) {
var row = pos[i];
var col = pos[j];
if (this.modules[row][col] != null) {
continue;
}
for (var r = -2; r <= 2; r++) {
for (var c = -2; c <= 2; c++) {
if (r == -2 || r == 2 || c == -2 || c == 2 || (r == 0 &&
c == 0)) {
this.modules[row + r][col + c] = true;
} else {
this.modules[row + r][col + c] = false;
}
}
}
}
}
},
/**
* 设置版本信息（7以上版本才有）
* @param {bool} test 是否处于判断最佳掩膜阶段
* @return {[type]} [description]
*/
setupTypeNumber: function(test) {
var bits = QRUtil.getBCHTypeNumber(this.typeNumber);
for (var i = 0; i < 18; i++) {
var mod = (!test && ((bits >> i) & 1) == 1);
this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 -
3
] = mod;
this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i /
3)] = mod;
}
},
/**
* 设置格式信息（纠错等级和掩膜版本）
* @param {bool} test
* @param {num} maskPattern 掩膜版本
* @return {}
*/
setupTypeInfo: function(test, maskPattern) {
var data = (QRErrorCorrectLevel[this.errorCorrectLevel] << 3) |
maskPattern;
var bits = QRUtil.getBCHTypeInfo(data);
// vertical
for (var i = 0; i < 15; i++) {
var mod = (!test && ((bits >> i) & 1) == 1);
if (i < 6) {
this.modules[i][8] = mod;
} else if (i < 8) {
this.modules[i + 1][8] = mod;
} else {
this.modules[this.moduleCount - 15 + i][8] = mod;
}
// horizontal
var mod = (!test && ((bits >> i) & 1) == 1);
if (i < 8) {
this.modules[8][this.moduleCount - i - 1] = mod;
} else if (i < 9) {
this.modules[8][15 - i - 1 + 1] = mod;
} else {
this.modules[8][15 - i - 1] = mod;
}
}
// fixed module
this.modules[this.moduleCount - 8][8] = (!test);
},
/**
* 数据编码
* @return {[type]} [description]
*/
createData: function() {
var buffer = new QRBitBuffer();
var lengthBits = this.typeNumber > 9 ? 16 : 8;
buffer.put(4, 4); //添加模式
buffer.put(this.utf8bytes.length, lengthBits);
for (var i = 0, l = this.utf8bytes.length; i < l; i++) {
buffer.put(this.utf8bytes[i], 8);
}
if (buffer.length + 4 <= this.totalDataCount * 8) {
buffer.put(0, 4);
}
// padding
while (buffer.length % 8 != 0) {
buffer.putBit(false);
}
// padding
while (true) {
if (buffer.length >= this.totalDataCount * 8) {
break;
}
buffer.put(QRCodeAlg.PAD0, 8);
if (buffer.length >= this.totalDataCount * 8) {
break;
}
buffer.put(QRCodeAlg.PAD1, 8);
}
return this.createBytes(buffer);
},
/**
* 纠错码编码
* @param {buffer} buffer 数据编码
* @return {[type]}
*/
createBytes: function(buffer) {
var offset = 0;
var maxDcCount = 0;
var maxEcCount = 0;
var length = this.rsBlock.length / 3;
var rsBlocks = new Array();
for (var i = 0; i < length; i++) {
var count = this.rsBlock[i * 3 + 0];
var totalCount = this.rsBlock[i * 3 + 1];
var dataCount = this.rsBlock[i * 3 + 2];
for (var j = 0; j < count; j++) {
rsBlocks.push([dataCount, totalCount]);
}
}
var dcdata = new Array(rsBlocks.length);
var ecdata = new Array(rsBlocks.length);
for (var r = 0; r < rsBlocks.length; r++) {
var dcCount = rsBlocks[r][0];
var ecCount = rsBlocks[r][1] - dcCount;
maxDcCount = Math.max(maxDcCount, dcCount);
maxEcCount = Math.max(maxEcCount, ecCount);
dcdata[r] = new Array(dcCount);
for (var i = 0; i < dcdata[r].length; i++) {
dcdata[r][i] = 0xff & buffer.buffer[i + offset];
}
offset += dcCount;
var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);
var rawPoly = new QRPolynomial(dcdata[r], rsPoly.getLength() -
1);
var modPoly = rawPoly.mod(rsPoly);
ecdata[r] = new Array(rsPoly.getLength() - 1);
for (var i = 0; i < ecdata[r].length; i++) {
var modIndex = i + modPoly.getLength() - ecdata[r].length;
ecdata[r][i] = (modIndex >= 0) ? modPoly.get(modIndex) : 0;
}
}
var data = new Array(this.totalDataCount);
var index = 0;
for (var i = 0; i < maxDcCount; i++) {
for (var r = 0; r < rsBlocks.length; r++) {
if (i < dcdata[r].length) {
data[index++] = dcdata[r][i];
}
}
}
for (var i = 0; i < maxEcCount; i++) {
for (var r = 0; r < rsBlocks.length; r++) {
if (i < ecdata[r].length) {
data[index++] = ecdata[r][i];
}
}
}
return data;
},
/**
* 布置模块，构建最终信息
* @param {} data
* @param {} maskPattern
* @return {}
*/
mapData: function(data, maskPattern) {
var inc = -1;
var row = this.moduleCount - 1;
var bitIndex = 7;
var byteIndex = 0;
for (var col = this.moduleCount - 1; col > 0; col -= 2) {
if (col == 6) col--;
while (true) {
for (var c = 0; c < 2; c++) {
if (this.modules[row][col - c] == null) {
var dark = false;
if (byteIndex < data.length) {
dark = (((data[byteIndex] >>> bitIndex) & 1) == 1);
}
var mask = QRUtil.getMask(maskPattern, row, col - c);
if (mask) {
dark = !dark;
}
this.modules[row][col - c] = dark;
bitIndex--;
if (bitIndex == -1) {
byteIndex++;
bitIndex = 7;
}
}
}
row += inc;
if (row < 0 || this.moduleCount <= row) {
row -= inc;
inc = -inc;
break;
}
}
}
}
};
/**
* 填充字段
*/
QRCodeAlg.PAD0 = 0xEC;
QRCodeAlg.PAD1 = 0x11;
//---------------------------------------------------------------------
// 纠错等级对应的编码
//---------------------------------------------------------------------
var QRErrorCorrectLevel = [1, 0, 3, 2];
//---------------------------------------------------------------------
// 掩膜版本
//---------------------------------------------------------------------
var QRMaskPattern = {
PATTERN000: 0,
PATTERN001: 1,
PATTERN010: 2,
PATTERN011: 3,
PATTERN100: 4,
PATTERN101: 5,
PATTERN110: 6,
PATTERN111: 7
};
//---------------------------------------------------------------------
// 工具类
//---------------------------------------------------------------------
var QRUtil = {
/*
每个版本矫正图形的位置
*/
PATTERN_POSITION_TABLE: [
[],
[6, 18],
[6, 22],
[6, 26],
[6, 30],
[6, 34],
[6, 22, 38],
[6, 24, 42],
[6, 26, 46],
[6, 28, 50],
[6, 30, 54],
[6, 32, 58],
[6, 34, 62],
[6, 26, 46, 66],
[6, 26, 48, 70],
[6, 26, 50, 74],
[6, 30, 54, 78],
[6, 30, 56, 82],
[6, 30, 58, 86],
[6, 34, 62, 90],
[6, 28, 50, 72, 94],
[6, 26, 50, 74, 98],
[6, 30, 54, 78, 102],
[6, 28, 54, 80, 106],
[6, 32, 58, 84, 110],
[6, 30, 58, 86, 114],
[6, 34, 62, 90, 118],
[6, 26, 50, 74, 98, 122],
[6, 30, 54, 78, 102, 126],
[6, 26, 52, 78, 104, 130],
[6, 30, 56, 82, 108, 134],
[6, 34, 60, 86, 112, 138],
[6, 30, 58, 86, 114, 142],
[6, 34, 62, 90, 118, 146],
[6, 30, 54, 78, 102, 126, 150],
[6, 24, 50, 76, 102, 128, 154],
[6, 28, 54, 80, 106, 132, 158],
[6, 32, 58, 84, 110, 136, 162],
[6, 26, 54, 82, 110, 138, 166],
[6, 30, 58, 86, 114, 142, 170]
],
G15: (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 <<
1) | (1 << 0),
G18: (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) |
(1 << 5) | (1 << 2) | (1 << 0),
G15_MASK: (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 <<
1),
/*
BCH编码格式信息
*/
getBCHTypeInfo: function(data) {
var d = data << 10;
while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >=
0) {
d ^= (QRUtil.G15 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(
QRUtil.G15)));
}
return ((data << 10) | d) ^ QRUtil.G15_MASK;
},
/*
BCH编码版本信息
*/
getBCHTypeNumber: function(data) {
var d = data << 12;
while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >=
0) {
d ^= (QRUtil.G18 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(
QRUtil.G18)));
}
return (data << 12) | d;
},
/*
获取BCH位信息
*/
getBCHDigit: function(data) {
var digit = 0;
while (data != 0) {
digit++;
data >>>= 1;
}
return digit;
},
/*
获取版本对应的矫正图形位置
*/
getPatternPosition: function(typeNumber) {
return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
},
/*
掩膜算法
*/
getMask: function(maskPattern, i, j) {
switch (maskPattern) {
case QRMaskPattern.PATTERN000:
return (i + j) % 2 == 0;
case QRMaskPattern.PATTERN001:
return i % 2 == 0;
case QRMaskPattern.PATTERN010:
return j % 3 == 0;
case QRMaskPattern.PATTERN011:
return (i + j) % 3 == 0;
case QRMaskPattern.PATTERN100:
return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
case QRMaskPattern.PATTERN101:
return (i * j) % 2 + (i * j) % 3 == 0;
case QRMaskPattern.PATTERN110:
return ((i * j) % 2 + (i * j) % 3) % 2 == 0;
case QRMaskPattern.PATTERN111:
return ((i * j) % 3 + (i + j) % 2) % 2 == 0;
default:
throw new Error("bad maskPattern:" + maskPattern);
}
},
/*
获取RS的纠错多项式
*/
getErrorCorrectPolynomial: function(errorCorrectLength) {
var a = new QRPolynomial([1], 0);
for (var i = 0; i < errorCorrectLength; i++) {
a = a.multiply(new QRPolynomial([1, QRMath.gexp(i)], 0));
}
return a;
},
/*
获取评价
*/
getLostPoint: function(qrCode) {
var moduleCount = qrCode.getModuleCount(),
lostPoint = 0,
darkCount = 0;
for (var row = 0; row < moduleCount; row++) {
var sameCount = 0;
var head = qrCode.modules[row][0];
for (var col = 0; col < moduleCount; col++) {
var current = qrCode.modules[row][col];
//level 3 评价
if (col < moduleCount - 6) {
if (current && !qrCode.modules[row][col + 1] && qrCode.modules[
row][col + 2] && qrCode.modules[row][col + 3] &&
qrCode.modules[row][col + 4] && !qrCode.modules[row][
col + 5
] && qrCode.modules[row][col + 6]) {
if (col < moduleCount - 10) {
if (qrCode.modules[row][col + 7] && qrCode.modules[
row][col + 8] && qrCode.modules[row][col + 9] &&
qrCode.modules[row][col + 10]) {
lostPoint += 40;
}
} else if (col > 3) {
if (qrCode.modules[row][col - 1] && qrCode.modules[
row][col - 2] && qrCode.modules[row][col - 3] &&
qrCode.modules[row][col - 4]) {
lostPoint += 40;
}
}
}
}
//level 2 评价
if ((row < moduleCount - 1) && (col < moduleCount - 1)) {
var count = 0;
if (current) count++;
if (qrCode.modules[row + 1][col]) count++;
if (qrCode.modules[row][col + 1]) count++;
if (qrCode.modules[row + 1][col + 1]) count++;
if (count == 0 || count == 4) {
lostPoint += 3;
}
}
//level 1 评价
if (head ^ current) {
sameCount++;
} else {
head = current;
if (sameCount >= 5) {
lostPoint += (3 + sameCount - 5);
}
sameCount = 1;
}
//level 4 评价
if (current) {
darkCount++;
}
}
}
for (var col = 0; col < moduleCount; col++) {
var sameCount = 0;
var head = qrCode.modules[0][col];
for (var row = 0; row < moduleCount; row++) {
var current = qrCode.modules[row][col];
//level 3 评价
if (row < moduleCount - 6) {
if (current && !qrCode.modules[row + 1][col] && qrCode.modules[
row + 2][col] && qrCode.modules[row + 3][col] &&
qrCode.modules[row + 4][col] && !qrCode.modules[row +
5][col] && qrCode.modules[row + 6][col]) {
if (row < moduleCount - 10) {
if (qrCode.modules[row + 7][col] && qrCode.modules[
row + 8][col] && qrCode.modules[row + 9][col] &&
qrCode.modules[row + 10][col]) {
lostPoint += 40;
}
} else if (row > 3) {
if (qrCode.modules[row - 1][col] && qrCode.modules[
row - 2][col] && qrCode.modules[row - 3][col] &&
qrCode.modules[row - 4][col]) {
lostPoint += 40;
}
}
}
}
//level 1 评价
if (head ^ current) {
sameCount++;
} else {
head = current;
if (sameCount >= 5) {
lostPoint += (3 + sameCount - 5);
}
sameCount = 1;
}
}
}
// LEVEL4
var ratio = Math.abs(100 * darkCount / moduleCount /
moduleCount - 50) / 5;
lostPoint += ratio * 10;
return lostPoint;
}
};
//---------------------------------------------------------------------
// QRMath使用的数学工具
//---------------------------------------------------------------------
var QRMath = {
/*
将n转化为a^m
*/
glog: function(n) {
if (n < 1) {
throw new Error("glog(" + n + ")");
}
return QRMath.LOG_TABLE[n];
},
/*
将a^m转化为n
*/
gexp: function(n) {
while (n < 0) {
n += 255;
}
while (n >= 256) {
n -= 255;
}
return QRMath.EXP_TABLE[n];
},
EXP_TABLE: new Array(256),
LOG_TABLE: new Array(256)
};
for (var i = 0; i < 8; i++) {
QRMath.EXP_TABLE[i] = 1 << i;
}
for (var i = 8; i < 256; i++) {
QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[
i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8];
}
for (var i = 0; i < 255; i++) {
QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
}
//---------------------------------------------------------------------
// QRPolynomial 多项式
//---------------------------------------------------------------------
/**
* 多项式类
* @param {Array} num 系数
* @param {num} shift a^shift
*/
function QRPolynomial(num, shift) {
if (num.length == undefined) {
throw new Error(num.length + "/" + shift);
}
var offset = 0;
while (offset < num.length && num[offset] == 0) {
offset++;
}
this.num = new Array(num.length - offset + shift);
for (var i = 0; i < num.length - offset; i++) {
this.num[i] = num[i + offset];
}
}
QRPolynomial.prototype = {
get: function(index) {
return this.num[index];
},
getLength: function() {
return this.num.length;
},
/**
* 多项式乘法
* @param {QRPolynomial} e 被乘多项式
* @return {[type]} [description]
*/
multiply: function(e) {
var num = new Array(this.getLength() + e.getLength() - 1);
for (var i = 0; i < this.getLength(); i++) {
for (var j = 0; j < e.getLength(); j++) {
num[i + j] ^= QRMath.gexp(QRMath.glog(this.get(i)) + QRMath
.glog(e.get(j)));
}
}
return new QRPolynomial(num, 0);
},
/**
* 多项式模运算
* @param {QRPolynomial} e 模多项式
* @return {}
*/
mod: function(e) {
var tl = this.getLength(),
el = e.getLength();
if (tl - el < 0) {
return this;
}
var num = new Array(tl);
for (var i = 0; i < tl; i++) {
num[i] = this.get(i);
}
while (num.length >= el) {
var ratio = QRMath.glog(num[0]) - QRMath.glog(e.get(0));
for (var i = 0; i < e.getLength(); i++) {
num[i] ^= QRMath.gexp(QRMath.glog(e.get(i)) + ratio);
}
while (num[0] == 0) {
num.shift();
}
}
return new QRPolynomial(num, 0);
}
};
//---------------------------------------------------------------------
// RS_BLOCK_TABLE
//---------------------------------------------------------------------
/*
二维码各个版本信息[块数, 每块中的数据块数, 每块中的信息块数]
*/
var RS_BLOCK_TABLE = [
// L
// M
// Q
// H
// 1
[1, 26, 19],
[1, 26, 16],
[1, 26, 13],
[1, 26, 9],
// 2
[1, 44, 34],
[1, 44, 28],
[1, 44, 22],
[1, 44, 16],
// 3
[1, 70, 55],
[1, 70, 44],
[2, 35, 17],
[2, 35, 13],
// 4
[1, 100, 80],
[2, 50, 32],
[2, 50, 24],
[4, 25, 9],
// 5
[1, 134, 108],
[2, 67, 43],
[2, 33, 15, 2, 34, 16],
[2, 33, 11, 2, 34, 12],
// 6
[2, 86, 68],
[4, 43, 27],
[4, 43, 19],
[4, 43, 15],
// 7
[2, 98, 78],
[4, 49, 31],
[2, 32, 14, 4, 33, 15],
[4, 39, 13, 1, 40, 14],
// 8
[2, 121, 97],
[2, 60, 38, 2, 61, 39],
[4, 40, 18, 2, 41, 19],
[4, 40, 14, 2, 41, 15],
// 9
[2, 146, 116],
[3, 58, 36, 2, 59, 37],
[4, 36, 16, 4, 37, 17],
[4, 36, 12, 4, 37, 13],
// 10
[2, 86, 68, 2, 87, 69],
[4, 69, 43, 1, 70, 44],
[6, 43, 19, 2, 44, 20],
[6, 43, 15, 2, 44, 16],
// 11
[4, 101, 81],
[1, 80, 50, 4, 81, 51],
[4, 50, 22, 4, 51, 23],
[3, 36, 12, 8, 37, 13],
// 12
[2, 116, 92, 2, 117, 93],
[6, 58, 36, 2, 59, 37],
[4, 46, 20, 6, 47, 21],
[7, 42, 14, 4, 43, 15],
// 13
[4, 133, 107],
[8, 59, 37, 1, 60, 38],
[8, 44, 20, 4, 45, 21],
[12, 33, 11, 4, 34, 12],
// 14
[3, 145, 115, 1, 146, 116],
[4, 64, 40, 5, 65, 41],
[11, 36, 16, 5, 37, 17],
[11, 36, 12, 5, 37, 13],
// 15
[5, 109, 87, 1, 110, 88],
[5, 65, 41, 5, 66, 42],
[5, 54, 24, 7, 55, 25],
[11, 36, 12],
// 16
[5, 122, 98, 1, 123, 99],
[7, 73, 45, 3, 74, 46],
[15, 43, 19, 2, 44, 20],
[3, 45, 15, 13, 46, 16],
// 17
[1, 135, 107, 5, 136, 108],
[10, 74, 46, 1, 75, 47],
[1, 50, 22, 15, 51, 23],
[2, 42, 14, 17, 43, 15],
// 18
[5, 150, 120, 1, 151, 121],
[9, 69, 43, 4, 70, 44],
[17, 50, 22, 1, 51, 23],
[2, 42, 14, 19, 43, 15],
// 19
[3, 141, 113, 4, 142, 114],
[3, 70, 44, 11, 71, 45],
[17, 47, 21, 4, 48, 22],
[9, 39, 13, 16, 40, 14],
// 20
[3, 135, 107, 5, 136, 108],
[3, 67, 41, 13, 68, 42],
[15, 54, 24, 5, 55, 25],
[15, 43, 15, 10, 44, 16],
// 21
[4, 144, 116, 4, 145, 117],
[17, 68, 42],
[17, 50, 22, 6, 51, 23],
[19, 46, 16, 6, 47, 17],
// 22
[2, 139, 111, 7, 140, 112],
[17, 74, 46],
[7, 54, 24, 16, 55, 25],
[34, 37, 13],
// 23
[4, 151, 121, 5, 152, 122],
[4, 75, 47, 14, 76, 48],
[11, 54, 24, 14, 55, 25],
[16, 45, 15, 14, 46, 16],
// 24
[6, 147, 117, 4, 148, 118],
[6, 73, 45, 14, 74, 46],
[11, 54, 24, 16, 55, 25],
[30, 46, 16, 2, 47, 17],
// 25
[8, 132, 106, 4, 133, 107],
[8, 75, 47, 13, 76, 48],
[7, 54, 24, 22, 55, 25],
[22, 45, 15, 13, 46, 16],
// 26
[10, 142, 114, 2, 143, 115],
[19, 74, 46, 4, 75, 47],
[28, 50, 22, 6, 51, 23],
[33, 46, 16, 4, 47, 17],
// 27
[8, 152, 122, 4, 153, 123],
[22, 73, 45, 3, 74, 46],
[8, 53, 23, 26, 54, 24],
[12, 45, 15, 28, 46, 16],
// 28
[3, 147, 117, 10, 148, 118],
[3, 73, 45, 23, 74, 46],
[4, 54, 24, 31, 55, 25],
[11, 45, 15, 31, 46, 16],
// 29
[7, 146, 116, 7, 147, 117],
[21, 73, 45, 7, 74, 46],
[1, 53, 23, 37, 54, 24],
[19, 45, 15, 26, 46, 16],
// 30
[5, 145, 115, 10, 146, 116],
[19, 75, 47, 10, 76, 48],
[15, 54, 24, 25, 55, 25],
[23, 45, 15, 25, 46, 16],
// 31
[13, 145, 115, 3, 146, 116],
[2, 74, 46, 29, 75, 47],
[42, 54, 24, 1, 55, 25],
[23, 45, 15, 28, 46, 16],
// 32
[17, 145, 115],
[10, 74, 46, 23, 75, 47],
[10, 54, 24, 35, 55, 25],
[19, 45, 15, 35, 46, 16],
// 33
[17, 145, 115, 1, 146, 116],
[14, 74, 46, 21, 75, 47],
[29, 54, 24, 19, 55, 25],
[11, 45, 15, 46, 46, 16],
// 34
[13, 145, 115, 6, 146, 116],
[14, 74, 46, 23, 75, 47],
[44, 54, 24, 7, 55, 25],
[59, 46, 16, 1, 47, 17],
// 35
[12, 151, 121, 7, 152, 122],
[12, 75, 47, 26, 76, 48],
[39, 54, 24, 14, 55, 25],
[22, 45, 15, 41, 46, 16],
// 36
[6, 151, 121, 14, 152, 122],
[6, 75, 47, 34, 76, 48],
[46, 54, 24, 10, 55, 25],
[2, 45, 15, 64, 46, 16],
// 37
[17, 152, 122, 4, 153, 123],
[29, 74, 46, 14, 75, 47],
[49, 54, 24, 10, 55, 25],
[24, 45, 15, 46, 46, 16],
// 38
[4, 152, 122, 18, 153, 123],
[13, 74, 46, 32, 75, 47],
[48, 54, 24, 14, 55, 25],
[42, 45, 15, 32, 46, 16],
// 39
[20, 147, 117, 4, 148, 118],
[40, 75, 47, 7, 76, 48],
[43, 54, 24, 22, 55, 25],
[10, 45, 15, 67, 46, 16],
// 40
[19, 148, 118, 6, 149, 119],
[18, 75, 47, 31, 76, 48],
[34, 54, 24, 34, 55, 25],
[20, 45, 15, 61, 46, 16]
];
/**
* 根据数据获取对应版本
* @return {[type]} [description]
*/
QRCodeAlg.prototype.getRightType = function() {
for (var typeNumber = 1; typeNumber < 41; typeNumber++) {
var rsBlock = RS_BLOCK_TABLE[(typeNumber - 1) * 4 + this.errorCorrectLevel];
if (rsBlock == undefined) {
throw new Error("bad rs block @ typeNumber:" + typeNumber +
"/errorCorrectLevel:" + this.errorCorrectLevel);
}
var length = rsBlock.length / 3;
var totalDataCount = 0;
for (var i = 0; i < length; i++) {
var count = rsBlock[i * 3 + 0];
var dataCount = rsBlock[i * 3 + 2];
totalDataCount += dataCount * count;
}
var lengthBytes = typeNumber > 9 ? 2 : 1;
if (this.utf8bytes.length + lengthBytes < totalDataCount ||
typeNumber == 40) {
this.typeNumber = typeNumber;
this.rsBlock = rsBlock;
this.totalDataCount = totalDataCount;
break;
}
}
};
//---------------------------------------------------------------------
// QRBitBuffer
//---------------------------------------------------------------------
function QRBitBuffer() {
this.buffer = new Array();
this.length = 0;
}
QRBitBuffer.prototype = {
get: function(index) {
var bufIndex = Math.floor(index / 8);
return ((this.buffer[bufIndex] >>> (7 - index % 8)) & 1);
},
put: function(num, length) {
for (var i = 0; i < length; i++) {
this.putBit(((num >>> (length - i - 1)) & 1));
}
},
putBit: function(bit) {
var bufIndex = Math.floor(this.length / 8);
if (this.buffer.length <= bufIndex) {
this.buffer.push(0);
}
if (bit) {
this.buffer[bufIndex] |= (0x80 >>> (this.length % 8));
}
this.length++;
}
};
/**
* 获取单个字符的utf8编码
* unicode BMP平面约65535个字符
* @param {num} code
* return {array}
*/
function unicodeFormat8(code) {
// 1 byte
if (code < 128) {
return [code];
// 2 bytes
} else if (code < 2048) {
c0 = 192 + (code >> 6);
c1 = 128 + (code & 63);
return [c0, c1];
// 3 bytes
} else {
c0 = 224 + (code >> 12);
c1 = 128 + (code >> 6 & 63);
c2 = 128 + (code & 63);
return [c0, c1, c2];
}
}
/**
* 获取字符串的utf8编码字节串
* @param {string} string
* @return {array}
*/
function getUTF8Bytes(string) {
var utf8codes = [];
for (var i = 0; i < string.length; i++) {
var code = string.charCodeAt(i);
var utf8 = unicodeFormat8(code);
for (var j = 0; j < utf8.length; j++) {
utf8codes.push(utf8[j]);
}
}
return utf8codes;
}
/**
* 二维码算法实现
* @param {string} data 要编码的信息字符串
* @param {num} errorCorrectLevel 纠错等级
*/
function QRCodeAlg(data, errorCorrectLevel) {
this.typeNumber = -1; //版本
this.errorCorrectLevel = errorCorrectLevel;
this.modules = null; //二维矩阵，存放最终结果
this.moduleCount = 0; //矩阵大小
this.dataCache = null; //数据缓存
this.rsBlocks = null; //版本数据信息
this.totalDataCount = -1; //可使用的数据量
this.data = data;
this.utf8bytes = getUTF8Bytes(data);
this.make();
}
QRCodeAlg.prototype = {
constructor: QRCodeAlg,
/**
* 获取二维码矩阵大小
* @return {num} 矩阵大小
*/
getModuleCount: function() {
return this.moduleCount;
},
/**
* 编码
*/
make: function() {
this.getRightType();
this.dataCache = this.createData();
this.createQrcode();
},
/**
* 设置二位矩阵功能图形
* @param {bool} test 表示是否在寻找最好掩膜阶段
* @param {num} maskPattern 掩膜的版本
*/
makeImpl: function(maskPattern) {
this.moduleCount = this.typeNumber * 4 + 17;
this.modules = new Array(this.moduleCount);
for (var row = 0; row < this.moduleCount; row++) {
this.modules[row] = new Array(this.moduleCount);
}
this.setupPositionProbePattern(0, 0);
this.setupPositionProbePattern(this.moduleCount - 7, 0);
this.setupPositionProbePattern(0, this.moduleCount - 7);
this.setupPositionAdjustPattern();
this.setupTimingPattern();
this.setupTypeInfo(true, maskPattern);
if (this.typeNumber >= 7) {
this.setupTypeNumber(true);
}
this.mapData(this.dataCache, maskPattern);
},
/**
* 设置二维码的位置探测图形
* @param {num} row 探测图形的中心横坐标
* @param {num} col 探测图形的中心纵坐标
*/
setupPositionProbePattern: function(row, col) {
for (var r = -1; r <= 7; r++) {
if (row + r <= -1 || this.moduleCount <= row + r) continue;
for (var c = -1; c <= 7; c++) {
if (col + c <= -1 || this.moduleCount <= col + c) continue;
if ((0 <= r && r <= 6 && (c == 0 || c == 6)) || (0 <= c &&
c <= 6 && (r == 0 || r == 6)) || (2 <= r && r <= 4 && 2 <=
c && c <= 4)) {
this.modules[row + r][col + c] = true;
} else {
this.modules[row + r][col + c] = false;
}
}
}
},
/**
* 创建二维码
* @return {[type]} [description]
*/
createQrcode: function() {
var minLostPoint = 0;
var pattern = 0;
var bestModules = null;
for (var i = 0; i < 8; i++) {
this.makeImpl(i);
var lostPoint = QRUtil.getLostPoint(this);
if (i == 0 || minLostPoint > lostPoint) {
minLostPoint = lostPoint;
pattern = i;
bestModules = this.modules;
}
}
this.modules = bestModules;
this.setupTypeInfo(false, pattern);
if (this.typeNumber >= 7) {
this.setupTypeNumber(false);
}
},
/**
* 设置定位图形
* @return {[type]} [description]
*/
setupTimingPattern: function() {
for (var r = 8; r < this.moduleCount - 8; r++) {
if (this.modules[r][6] != null) {
continue;
}
this.modules[r][6] = (r % 2 == 0);
if (this.modules[6][r] != null) {
continue;
}
this.modules[6][r] = (r % 2 == 0);
}
},
/**
* 设置矫正图形
* @return {[type]} [description]
*/
setupPositionAdjustPattern: function() {
var pos = QRUtil.getPatternPosition(this.typeNumber);
for (var i = 0; i < pos.length; i++) {
for (var j = 0; j < pos.length; j++) {
var row = pos[i];
var col = pos[j];
if (this.modules[row][col] != null) {
continue;
}
for (var r = -2; r <= 2; r++) {
for (var c = -2; c <= 2; c++) {
if (r == -2 || r == 2 || c == -2 || c == 2 || (r == 0 &&
c == 0)) {
this.modules[row + r][col + c] = true;
} else {
this.modules[row + r][col + c] = false;
}
}
}
}
}
},
/**
* 设置版本信息（7以上版本才有）
* @param {bool} test 是否处于判断最佳掩膜阶段
* @return {[type]} [description]
*/
setupTypeNumber: function(test) {
var bits = QRUtil.getBCHTypeNumber(this.typeNumber);
for (var i = 0; i < 18; i++) {
var mod = (!test && ((bits >> i) & 1) == 1);
this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 -
3
] = mod;
this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i /
3)] = mod;
}
},
/**
* 设置格式信息（纠错等级和掩膜版本）
* @param {bool} test
* @param {num} maskPattern 掩膜版本
* @return {}
*/
setupTypeInfo: function(test, maskPattern) {
var data = (QRErrorCorrectLevel[this.errorCorrectLevel] << 3) |
maskPattern;
var bits = QRUtil.getBCHTypeInfo(data);
// vertical
for (var i = 0; i < 15; i++) {
var mod = (!test && ((bits >> i) & 1) == 1);
if (i < 6) {
this.modules[i][8] = mod;
} else if (i < 8) {
this.modules[i + 1][8] = mod;
} else {
this.modules[this.moduleCount - 15 + i][8] = mod;
}
// horizontal
var mod = (!test && ((bits >> i) & 1) == 1);
if (i < 8) {
this.modules[8][this.moduleCount - i - 1] = mod;
} else if (i < 9) {
this.modules[8][15 - i - 1 + 1] = mod;
} else {
this.modules[8][15 - i - 1] = mod;
}
}
// fixed module
this.modules[this.moduleCount - 8][8] = (!test);
},
/**
* 数据编码
* @return {[type]} [description]
*/
createData: function() {
var buffer = new QRBitBuffer();
var lengthBits = this.typeNumber > 9 ? 16 : 8;
buffer.put(4, 4); //添加模式
buffer.put(this.utf8bytes.length, lengthBits);
for (var i = 0, l = this.utf8bytes.length; i < l; i++) {
buffer.put(this.utf8bytes[i], 8);
}
if (buffer.length + 4 <= this.totalDataCount * 8) {
buffer.put(0, 4);
}
// padding
while (buffer.length % 8 != 0) {
buffer.putBit(false);
}
// padding
while (true) {
if (buffer.length >= this.totalDataCount * 8) {
break;
}
buffer.put(QRCodeAlg.PAD0, 8);
if (buffer.length >= this.totalDataCount * 8) {
break;
}
buffer.put(QRCodeAlg.PAD1, 8);
}
return this.createBytes(buffer);
},
/**
* 纠错码编码
* @param {buffer} buffer 数据编码
* @return {[type]}
*/
createBytes: function(buffer) {
var offset = 0;
var maxDcCount = 0;
var maxEcCount = 0;
var length = this.rsBlock.length / 3;
var rsBlocks = new Array();
for (var i = 0; i < length; i++) {
var count = this.rsBlock[i * 3 + 0];
var totalCount = this.rsBlock[i * 3 + 1];
var dataCount = this.rsBlock[i * 3 + 2];
for (var j = 0; j < count; j++) {
rsBlocks.push([dataCount, totalCount]);
}
}
var dcdata = new Array(rsBlocks.length);
var ecdata = new Array(rsBlocks.length);
for (var r = 0; r < rsBlocks.length; r++) {
var dcCount = rsBlocks[r][0];
var ecCount = rsBlocks[r][1] - dcCount;
maxDcCount = Math.max(maxDcCount, dcCount);
maxEcCount = Math.max(maxEcCount, ecCount);
dcdata[r] = new Array(dcCount);
for (var i = 0; i < dcdata[r].length; i++) {
dcdata[r][i] = 0xff & buffer.buffer[i + offset];
}
offset += dcCount;
var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);
var rawPoly = new QRPolynomial(dcdata[r], rsPoly.getLength() -
1);
var modPoly = rawPoly.mod(rsPoly);
ecdata[r] = new Array(rsPoly.getLength() - 1);
for (var i = 0; i < ecdata[r].length; i++) {
var modIndex = i + modPoly.getLength() - ecdata[r].length;
ecdata[r][i] = (modIndex >= 0) ? modPoly.get(modIndex) : 0;
}
}
var data = new Array(this.totalDataCount);
var index = 0;
for (var i = 0; i < maxDcCount; i++) {
for (var r = 0; r < rsBlocks.length; r++) {
if (i < dcdata[r].length) {
data[index++] = dcdata[r][i];
}
}
}
for (var i = 0; i < maxEcCount; i++) {
for (var r = 0; r < rsBlocks.length; r++) {
if (i < ecdata[r].length) {
data[index++] = ecdata[r][i];
}
}
}
return data;
},
/**
* 布置模块，构建最终信息
* @param {} data
* @param {} maskPattern
* @return {}
*/
mapData: function(data, maskPattern) {
var inc = -1;
var row = this.moduleCount - 1;
var bitIndex = 7;
var byteIndex = 0;
for (var col = this.moduleCount - 1; col > 0; col -= 2) {
if (col == 6) col--;
while (true) {
for (var c = 0; c < 2; c++) {
if (this.modules[row][col - c] == null) {
var dark = false;
if (byteIndex < data.length) {
dark = (((data[byteIndex] >>> bitIndex) & 1) == 1);
}
var mask = QRUtil.getMask(maskPattern, row, col - c);
if (mask) {
dark = !dark;
}
this.modules[row][col - c] = dark;
bitIndex--;
if (bitIndex == -1) {
byteIndex++;
bitIndex = 7;
}
}
}
row += inc;
if (row < 0 || this.moduleCount <= row) {
row -= inc;
inc = -inc;
break;
}
}
}
}
};
/**
* 填充字段
*/
QRCodeAlg.PAD0 = 0xEC;
QRCodeAlg.PAD1 = 0x11;
//---------------------------------------------------------------------
// 纠错等级对应的编码
//---------------------------------------------------------------------
var QRErrorCorrectLevel = [1, 0, 3, 2];
//---------------------------------------------------------------------
// 掩膜版本
//---------------------------------------------------------------------
var QRMaskPattern = {
PATTERN000: 0,
PATTERN001: 1,
PATTERN010: 2,
PATTERN011: 3,
PATTERN100: 4,
PATTERN101: 5,
PATTERN110: 6,
PATTERN111: 7
};
//---------------------------------------------------------------------
// 工具类
//---------------------------------------------------------------------
var QRUtil = {
/*
每个版本矫正图形的位置
*/
PATTERN_POSITION_TABLE: [
[],
[6, 18],
[6, 22],
[6, 26],
[6, 30],
[6, 34],
[6, 22, 38],
[6, 24, 42],
[6, 26, 46],
[6, 28, 50],
[6, 30, 54],
[6, 32, 58],
[6, 34, 62],
[6, 26, 46, 66],
[6, 26, 48, 70],
[6, 26, 50, 74],
[6, 30, 54, 78],
[6, 30, 56, 82],
[6, 30, 58, 86],
[6, 34, 62, 90],
[6, 28, 50, 72, 94],
[6, 26, 50, 74, 98],
[6, 30, 54, 78, 102],
[6, 28, 54, 80, 106],
[6, 32, 58, 84, 110],
[6, 30, 58, 86, 114],
[6, 34, 62, 90, 118],
[6, 26, 50, 74, 98, 122],
[6, 30, 54, 78, 102, 126],
[6, 26, 52, 78, 104, 130],
[6, 30, 56, 82, 108, 134],
[6, 34, 60, 86, 112, 138],
[6, 30, 58, 86, 114, 142],
[6, 34, 62, 90, 118, 146],
[6, 30, 54, 78, 102, 126, 150],
[6, 24, 50, 76, 102, 128, 154],
[6, 28, 54, 80, 106, 132, 158],
[6, 32, 58, 84, 110, 136, 162],
[6, 26, 54, 82, 110, 138, 166],
[6, 30, 58, 86, 114, 142, 170]
],
G15: (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 <<
1) | (1 << 0),
G18: (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) |
(1 << 5) | (1 << 2) | (1 << 0),
G15_MASK: (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 <<
1),
/*
BCH编码格式信息
*/
getBCHTypeInfo: function(data) {
var d = data << 10;
while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >=
0) {
d ^= (QRUtil.G15 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(
QRUtil.G15)));
}
return ((data << 10) | d) ^ QRUtil.G15_MASK;
},
/*
BCH编码版本信息
*/
getBCHTypeNumber: function(data) {
var d = data << 12;
while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >=
0) {
d ^= (QRUtil.G18 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(
QRUtil.G18)));
}
return (data << 12) | d;
},
/*
获取BCH位信息
*/
getBCHDigit: function(data) {
var digit = 0;
while (data != 0) {
digit++;
data >>>= 1;
}
return digit;
},
/*
获取版本对应的矫正图形位置
*/
getPatternPosition: function(typeNumber) {
return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
},
/*
掩膜算法
*/
getMask: function(maskPattern, i, j) {
switch (maskPattern) {
case QRMaskPattern.PATTERN000:
return (i + j) % 2 == 0;
case QRMaskPattern.PATTERN001:
return i % 2 == 0;
case QRMaskPattern.PATTERN010:
return j % 3 == 0;
case QRMaskPattern.PATTERN011:
return (i + j) % 3 == 0;
case QRMaskPattern.PATTERN100:
return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
case QRMaskPattern.PATTERN101:
return (i * j) % 2 + (i * j) % 3 == 0;
case QRMaskPattern.PATTERN110:
return ((i * j) % 2 + (i * j) % 3) % 2 == 0;
case QRMaskPattern.PATTERN111:
return ((i * j) % 3 + (i + j) % 2) % 2 == 0;
default:
throw new Error("bad maskPattern:" + maskPattern);
}
},
/*
获取RS的纠错多项式
*/
getErrorCorrectPolynomial: function(errorCorrectLength) {
var a = new QRPolynomial([1], 0);
for (var i = 0; i < errorCorrectLength; i++) {
a = a.multiply(new QRPolynomial([1, QRMath.gexp(i)], 0));
}
return a;
},
/*
获取评价
*/
getLostPoint: function(qrCode) {
var moduleCount = qrCode.getModuleCount(),
lostPoint = 0,
darkCount = 0;
for (var row = 0; row < moduleCount; row++) {
var sameCount = 0;
var head = qrCode.modules[row][0];
for (var col = 0; col < moduleCount; col++) {
var current = qrCode.modules[row][col];
//level 3 评价
if (col < moduleCount - 6) {
if (current && !qrCode.modules[row][col + 1] && qrCode.modules[
row][col + 2] && qrCode.modules[row][col + 3] &&
qrCode.modules[row][col + 4] && !qrCode.modules[row][
col + 5
] && qrCode.modules[row][col + 6]) {
if (col < moduleCount - 10) {
if (qrCode.modules[row][col + 7] && qrCode.modules[
row][col + 8] && qrCode.modules[row][col + 9] &&
qrCode.modules[row][col + 10]) {
lostPoint += 40;
}
} else if (col > 3) {
if (qrCode.modules[row][col - 1] && qrCode.modules[
row][col - 2] && qrCode.modules[row][col - 3] &&
qrCode.modules[row][col - 4]) {
lostPoint += 40;
}
}
}
}
//level 2 评价
if ((row < moduleCount - 1) && (col < moduleCount - 1)) {
var count = 0;
if (current) count++;
if (qrCode.modules[row + 1][col]) count++;
if (qrCode.modules[row][col + 1]) count++;
if (qrCode.modules[row + 1][col + 1]) count++;
if (count == 0 || count == 4) {
lostPoint += 3;
}
}
//level 1 评价
if (head ^ current) {
sameCount++;
} else {
head = current;
if (sameCount >= 5) {
lostPoint += (3 + sameCount - 5);
}
sameCount = 1;
}
//level 4 评价
if (current) {
darkCount++;
}
}
}
for (var col = 0; col < moduleCount; col++) {
var sameCount = 0;
var head = qrCode.modules[0][col];
for (var row = 0; row < moduleCount; row++) {
var current = qrCode.modules[row][col];
//level 3 评价
if (row < moduleCount - 6) {
if (current && !qrCode.modules[row + 1][col] && qrCode.modules[
row + 2][col] && qrCode.modules[row + 3][col] &&
qrCode.modules[row + 4][col] && !qrCode.modules[row +
5][col] && qrCode.modules[row + 6][col]) {
if (row < moduleCount - 10) {
if (qrCode.modules[row + 7][col] && qrCode.modules[
row + 8][col] && qrCode.modules[row + 9][col] &&
qrCode.modules[row + 10][col]) {
lostPoint += 40;
}
} else if (row > 3) {
if (qrCode.modules[row - 1][col] && qrCode.modules[
row - 2][col] && qrCode.modules[row - 3][col] &&
qrCode.modules[row - 4][col]) {
lostPoint += 40;
}
}
}
}
//level 1 评价
if (head ^ current) {
sameCount++;
} else {
head = current;
if (sameCount >= 5) {
lostPoint += (3 + sameCount - 5);
}
sameCount = 1;
}
}
}
// LEVEL4
var ratio = Math.abs(100 * darkCount / moduleCount /
moduleCount - 50) / 5;
lostPoint += ratio * 10;
return lostPoint;
}
};
//---------------------------------------------------------------------
// QRMath使用的数学工具
//---------------------------------------------------------------------
var QRMath = {
/*
将n转化为a^m
*/
glog: function(n) {
if (n < 1) {
throw new Error("glog(" + n + ")");
}
return QRMath.LOG_TABLE[n];
},
/*
将a^m转化为n
*/
gexp: function(n) {
while (n < 0) {
n += 255;
}
while (n >= 256) {
n -= 255;
}
return QRMath.EXP_TABLE[n];
},
EXP_TABLE: new Array(256),
LOG_TABLE: new Array(256)
};
for (var i = 0; i < 8; i++) {
QRMath.EXP_TABLE[i] = 1 << i;
}
for (var i = 8; i < 256; i++) {
QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[
i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8];
}
for (var i = 0; i < 255; i++) {
QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
}
//---------------------------------------------------------------------
// QRPolynomial 多项式
//---------------------------------------------------------------------
/**
* 多项式类
* @param {Array} num 系数
* @param {num} shift a^shift
*/
function QRPolynomial(num, shift) {
if (num.length == undefined) {
throw new Error(num.length + "/" + shift);
}
var offset = 0;
while (offset < num.length && num[offset] == 0) {
offset++;
}
this.num = new Array(num.length - offset + shift);
for (var i = 0; i < num.length - offset; i++) {
this.num[i] = num[i + offset];
}
}
QRPolynomial.prototype = {
get: function(index) {
return this.num[index];
},
getLength: function() {
return this.num.length;
},
/**
* 多项式乘法
* @param {QRPolynomial} e 被乘多项式
* @return {[type]} [description]
*/
multiply: function(e) {
var num = new Array(this.getLength() + e.getLength() - 1);
for (var i = 0; i < this.getLength(); i++) {
for (var j = 0; j < e.getLength(); j++) {
num[i + j] ^= QRMath.gexp(QRMath.glog(this.get(i)) + QRMath
.glog(e.get(j)));
}
}
return new QRPolynomial(num, 0);
},
/**
* 多项式模运算
* @param {QRPolynomial} e 模多项式
* @return {}
*/
mod: function(e) {
var tl = this.getLength(),
el = e.getLength();
if (tl - el < 0) {
return this;
}
var num = new Array(tl);
for (var i = 0; i < tl; i++) {
num[i] = this.get(i);
}
while (num.length >= el) {
var ratio = QRMath.glog(num[0]) - QRMath.glog(e.get(0));
for (var i = 0; i < e.getLength(); i++) {
num[i] ^= QRMath.gexp(QRMath.glog(e.get(i)) + ratio);
}
while (num[0] == 0) {
num.shift();
}
}
return new QRPolynomial(num, 0);
}
};
//---------------------------------------------------------------------
// RS_BLOCK_TABLE
//---------------------------------------------------------------------
/*
二维码各个版本信息[块数, 每块中的数据块数, 每块中的信息块数]
*/
RS_BLOCK_TABLE = [
// L
// M
// Q
// H
// 1
[1, 26, 19],
[1, 26, 16],
[1, 26, 13],
[1, 26, 9],
// 2
[1, 44, 34],
[1, 44, 28],
[1, 44, 22],
[1, 44, 16],
// 3
[1, 70, 55],
[1, 70, 44],
[2, 35, 17],
[2, 35, 13],
// 4
[1, 100, 80],
[2, 50, 32],
[2, 50, 24],
[4, 25, 9],
// 5
[1, 134, 108],
[2, 67, 43],
[2, 33, 15, 2, 34, 16],
[2, 33, 11, 2, 34, 12],
// 6
[2, 86, 68],
[4, 43, 27],
[4, 43, 19],
[4, 43, 15],
// 7
[2, 98, 78],
[4, 49, 31],
[2, 32, 14, 4, 33, 15],
[4, 39, 13, 1, 40, 14],
// 8
[2, 121, 97],
[2, 60, 38, 2, 61, 39],
[4, 40, 18, 2, 41, 19],
[4, 40, 14, 2, 41, 15],
// 9
[2, 146, 116],
[3, 58, 36, 2, 59, 37],
[4, 36, 16, 4, 37, 17],
[4, 36, 12, 4, 37, 13],
// 10
[2, 86, 68, 2, 87, 69],
[4, 69, 43, 1, 70, 44],
[6, 43, 19, 2, 44, 20],
[6, 43, 15, 2, 44, 16],
// 11
[4, 101, 81],
[1, 80, 50, 4, 81, 51],
[4, 50, 22, 4, 51, 23],
[3, 36, 12, 8, 37, 13],
// 12
[2, 116, 92, 2, 117, 93],
[6, 58, 36, 2, 59, 37],
[4, 46, 20, 6, 47, 21],
[7, 42, 14, 4, 43, 15],
// 13
[4, 133, 107],
[8, 59, 37, 1, 60, 38],
[8, 44, 20, 4, 45, 21],
[12, 33, 11, 4, 34, 12],
// 14
[3, 145, 115, 1, 146, 116],
[4, 64, 40, 5, 65, 41],
[11, 36, 16, 5, 37, 17],
[11, 36, 12, 5, 37, 13],
// 15
[5, 109, 87, 1, 110, 88],
[5, 65, 41, 5, 66, 42],
[5, 54, 24, 7, 55, 25],
[11, 36, 12],
// 16
[5, 122, 98, 1, 123, 99],
[7, 73, 45, 3, 74, 46],
[15, 43, 19, 2, 44, 20],
[3, 45, 15, 13, 46, 16],
// 17
[1, 135, 107, 5, 136, 108],
[10, 74, 46, 1, 75, 47],
[1, 50, 22, 15, 51, 23],
[2, 42, 14, 17, 43, 15],
// 18
[5, 150, 120, 1, 151, 121],
[9, 69, 43, 4, 70, 44],
[17, 50, 22, 1, 51, 23],
[2, 42, 14, 19, 43, 15],
// 19
[3, 141, 113, 4, 142, 114],
[3, 70, 44, 11, 71, 45],
[17, 47, 21, 4, 48, 22],
[9, 39, 13, 16, 40, 14],
// 20
[3, 135, 107, 5, 136, 108],
[3, 67, 41, 13, 68, 42],
[15, 54, 24, 5, 55, 25],
[15, 43, 15, 10, 44, 16],
// 21
[4, 144, 116, 4, 145, 117],
[17, 68, 42],
[17, 50, 22, 6, 51, 23],
[19, 46, 16, 6, 47, 17],
// 22
[2, 139, 111, 7, 140, 112],
[17, 74, 46],
[7, 54, 24, 16, 55, 25],
[34, 37, 13],
// 23
[4, 151, 121, 5, 152, 122],
[4, 75, 47, 14, 76, 48],
[11, 54, 24, 14, 55, 25],
[16, 45, 15, 14, 46, 16],
// 24
[6, 147, 117, 4, 148, 118],
[6, 73, 45, 14, 74, 46],
[11, 54, 24, 16, 55, 25],
[30, 46, 16, 2, 47, 17],
// 25
[8, 132, 106, 4, 133, 107],
[8, 75, 47, 13, 76, 48],
[7, 54, 24, 22, 55, 25],
[22, 45, 15, 13, 46, 16],
// 26
[10, 142, 114, 2, 143, 115],
[19, 74, 46, 4, 75, 47],
[28, 50, 22, 6, 51, 23],
[33, 46, 16, 4, 47, 17],
// 27
[8, 152, 122, 4, 153, 123],
[22, 73, 45, 3, 74, 46],
[8, 53, 23, 26, 54, 24],
[12, 45, 15, 28, 46, 16],
// 28
[3, 147, 117, 10, 148, 118],
[3, 73, 45, 23, 74, 46],
[4, 54, 24, 31, 55, 25],
[11, 45, 15, 31, 46, 16],
// 29
[7, 146, 116, 7, 147, 117],
[21, 73, 45, 7, 74, 46],
[1, 53, 23, 37, 54, 24],
[19, 45, 15, 26, 46, 16],
// 30
[5, 145, 115, 10, 146, 116],
[19, 75, 47, 10, 76, 48],
[15, 54, 24, 25, 55, 25],
[23, 45, 15, 25, 46, 16],
// 31
[13, 145, 115, 3, 146, 116],
[2, 74, 46, 29, 75, 47],
[42, 54, 24, 1, 55, 25],
[23, 45, 15, 28, 46, 16],
// 32
[17, 145, 115],
[10, 74, 46, 23, 75, 47],
[10, 54, 24, 35, 55, 25],
[19, 45, 15, 35, 46, 16],
// 33
[17, 145, 115, 1, 146, 116],
[14, 74, 46, 21, 75, 47],
[29, 54, 24, 19, 55, 25],
[11, 45, 15, 46, 46, 16],
// 34
[13, 145, 115, 6, 146, 116],
[14, 74, 46, 23, 75, 47],
[44, 54, 24, 7, 55, 25],
[59, 46, 16, 1, 47, 17],
// 35
[12, 151, 121, 7, 152, 122],
[12, 75, 47, 26, 76, 48],
[39, 54, 24, 14, 55, 25],
[22, 45, 15, 41, 46, 16],
// 36
[6, 151, 121, 14, 152, 122],
[6, 75, 47, 34, 76, 48],
[46, 54, 24, 10, 55, 25],
[2, 45, 15, 64, 46, 16],
// 37
[17, 152, 122, 4, 153, 123],
[29, 74, 46, 14, 75, 47],
[49, 54, 24, 10, 55, 25],
[24, 45, 15, 46, 46, 16],
// 38
[4, 152, 122, 18, 153, 123],
[13, 74, 46, 32, 75, 47],
[48, 54, 24, 14, 55, 25],
[42, 45, 15, 32, 46, 16],
// 39
[20, 147, 117, 4, 148, 118],
[40, 75, 47, 7, 76, 48],
[43, 54, 24, 22, 55, 25],
[10, 45, 15, 67, 46, 16],
// 40
[19, 148, 118, 6, 149, 119],
[18, 75, 47, 31, 76, 48],
[34, 54, 24, 34, 55, 25],
[20, 45, 15, 61, 46, 16]
];
/**
* 根据数据获取对应版本
* @return {[type]} [description]
*/
QRCodeAlg.prototype.getRightType = function() {
for (var typeNumber = 1; typeNumber < 41; typeNumber++) {
var rsBlock = RS_BLOCK_TABLE[(typeNumber - 1) * 4 + this.errorCorrectLevel];
if (rsBlock == undefined) {
throw new Error("bad rs block @ typeNumber:" + typeNumber +
"/errorCorrectLevel:" + this.errorCorrectLevel);
}
var length = rsBlock.length / 3;
var totalDataCount = 0;
for (var i = 0; i < length; i++) {
var count = rsBlock[i * 3 + 0];
var dataCount = rsBlock[i * 3 + 2];
totalDataCount += dataCount * count;
}
var lengthBytes = typeNumber > 9 ? 2 : 1;
if (this.utf8bytes.length + lengthBytes < totalDataCount ||
typeNumber == 40) {
this.typeNumber = typeNumber;
this.rsBlock = rsBlock;
this.totalDataCount = totalDataCount;
break;
}
}
};
//---------------------------------------------------------------------
// QRBitBuffer
//---------------------------------------------------------------------
function QRBitBuffer() {
this.buffer = new Array();
this.length = 0;
}
QRBitBuffer.prototype = {
get: function(index) {
var bufIndex = Math.floor(index / 8);
return ((this.buffer[bufIndex] >>> (7 - index % 8)) & 1);
},
put: function(num, length) {
for (var i = 0; i < length; i++) {
this.putBit(((num >>> (length - i - 1)) & 1));
}
},
putBit: function(bit) {
var bufIndex = Math.floor(this.length / 8);
if (this.buffer.length <= bufIndex) {
this.buffer.push(0);
}
if (bit) {
this.buffer[bufIndex] |= (0x80 >>> (this.length % 8));
}
this.length++;
}
};
$.AMUI.qrcode = qrcode;
module.exports = qrcode;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
],
52: [
function(require, module, exports) {
(function(global) {
'use strict';
var $ = (typeof window !== "undefined" ? window.jQuery : typeof global !==
"undefined" ? global.jQuery : null);
require('./core');
/**
* store.js
* @via https://github.com/marcuswestin/store.js
* @license https://github.com/marcuswestin/store.js/blob/master/LICENSE
*/
var store = {};
var win = window;
var localStorageName = 'localStorage';
var storage;
store.disabled = false;
store.version = '1.3.17';
store.set = function(key, value) {};
store.get = function(key, defaultVal) {};
store.has = function(key) {
return store.get(key) !== undefined;
};
store.remove = function(key) {};
store.clear = function() {};
store.transact = function(key, defaultVal, transactionFn) {
if (transactionFn == null) {
transactionFn = defaultVal;
defaultVal = null;
}
if (defaultVal == null) {
defaultVal = {};
}
var val = store.get(key, defaultVal);
transactionFn(val);
store.set(key, val);
};
store.getAll = function() {};
store.forEach = function() {};
store.serialize = function(value) {
return JSON.stringify(value);
};
store.deserialize = function(value) {
if (typeof value != 'string') {
return undefined;
}
try {
return JSON.parse(value);
} catch (e) {
return value || undefined;
}
};
// Functions to encapsulate questionable FireFox 3.6.13 behavior
// when about.config::dom.storage.enabled === false
// See https://github.com/marcuswestin/store.js/issues#issue/13
function isLocalStorageNameSupported() {
try {
return (localStorageName in win && win[localStorageName]);
} catch (err) {
return false;
}
}
if (isLocalStorageNameSupported()) {
storage = win[localStorageName];
store.set = function(key, val) {
if (val === undefined) {
return store.remove(key);
}
storage.setItem(key, store.serialize(val));
return val;
};
store.get = function(key, defaultVal) {
var val = store.deserialize(storage.getItem(key));
return (val === undefined ? defaultVal : val);
};
store.remove = function(key) {
storage.removeItem(key);
};
store.clear = function() {
storage.clear();
};
store.getAll = function() {
var ret = {};
store.forEach(function(key, val) {
ret[key] = val;
});
return ret;
};
store.forEach = function(callback) {
for (var i = 0; i < storage.length; i++) {
var key = storage.key(i);
callback(key, store.get(key));
}
};
}
try {
var testKey = '__storeJs__';
store.set(testKey, testKey);
if (store.get(testKey) != testKey) {
store.disabled = true;
}
store.remove(testKey);
} catch (e) {
store.disabled = true;
}
store.enabled = !store.disabled;
$.AMUI = $.AMUI || {};
$.AMUI.store = store;
module.exports = store;
}).call(this, typeof global !== "undefined" ? global : typeof self !==
"undefined" ? self : typeof window !== "undefined" ? window : {})
}, {
"./core": 4
}
]
}, {}, [2]);