\").append( jQuery.parseHTML( responseText ) ).find( selector ) :\r\n\r\n\t\t\t\t// Otherwise use the full result\r\n\t\t\t\tresponseText );\r\n\r\n\t\t}).complete( callback && function( jqXHR, status ) {\r\n\t\t\tself.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );\r\n\t\t});\r\n\t}\r\n\r\n\treturn this;\r\n};\r\n\r\n\r\n\r\n\r\njQuery.expr.filters.animated = function( elem ) {\r\n\treturn jQuery.grep(jQuery.timers, function( fn ) {\r\n\t\treturn elem === fn.elem;\r\n\t}).length;\r\n};\r\n\r\n\r\n\r\n\r\n\r\nvar docElem = window.document.documentElement;\r\n\r\n/**\r\n * Gets a window from an element\r\n */\r\nfunction getWindow( elem ) {\r\n\treturn jQuery.isWindow( elem ) ?\r\n\t\telem :\r\n\t\telem.nodeType === 9 ?\r\n\t\t\telem.defaultView || elem.parentWindow :\r\n\t\t\tfalse;\r\n}\r\n\r\njQuery.offset = {\r\n\tsetOffset: function( elem, options, i ) {\r\n\t\tvar curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition,\r\n\t\t\tposition = jQuery.css( elem, \"position\" ),\r\n\t\t\tcurElem = jQuery( elem ),\r\n\t\t\tprops = {};\r\n\r\n\t\t// set position first, in-case top/left are set even on static elem\r\n\t\tif ( position === \"static\" ) {\r\n\t\t\telem.style.position = \"relative\";\r\n\t\t}\r\n\r\n\t\tcurOffset = curElem.offset();\r\n\t\tcurCSSTop = jQuery.css( elem, \"top\" );\r\n\t\tcurCSSLeft = jQuery.css( elem, \"left\" );\r\n\t\tcalculatePosition = ( position === \"absolute\" || position === \"fixed\" ) &&\r\n\t\t\tjQuery.inArray(\"auto\", [ curCSSTop, curCSSLeft ] ) > -1;\r\n\r\n\t\t// need to be able to calculate position if either top or left is auto and position is either absolute or fixed\r\n\t\tif ( calculatePosition ) {\r\n\t\t\tcurPosition = curElem.position();\r\n\t\t\tcurTop = curPosition.top;\r\n\t\t\tcurLeft = curPosition.left;\r\n\t\t} else {\r\n\t\t\tcurTop = parseFloat( curCSSTop ) || 0;\r\n\t\t\tcurLeft = parseFloat( curCSSLeft ) || 0;\r\n\t\t}\r\n\r\n\t\tif ( jQuery.isFunction( options ) ) {\r\n\t\t\toptions = options.call( elem, i, curOffset );\r\n\t\t}\r\n\r\n\t\tif ( options.top != null ) {\r\n\t\t\tprops.top = ( options.top - curOffset.top ) + curTop;\r\n\t\t}\r\n\t\tif ( options.left != null ) {\r\n\t\t\tprops.left = ( options.left - curOffset.left ) + curLeft;\r\n\t\t}\r\n\r\n\t\tif ( \"using\" in options ) {\r\n\t\t\toptions.using.call( elem, props );\r\n\t\t} else {\r\n\t\t\tcurElem.css( props );\r\n\t\t}\r\n\t}\r\n};\r\n\r\njQuery.fn.extend({\r\n\toffset: function( options ) {\r\n\t\tif ( arguments.length ) {\r\n\t\t\treturn options === undefined ?\r\n\t\t\t\tthis :\r\n\t\t\t\tthis.each(function( i ) {\r\n\t\t\t\t\tjQuery.offset.setOffset( this, options, i );\r\n\t\t\t\t});\r\n\t\t}\r\n\r\n\t\tvar docElem, win,\r\n\t\t\tbox = { top: 0, left: 0 },\r\n\t\t\telem = this[ 0 ],\r\n\t\t\tdoc = elem && elem.ownerDocument;\r\n\r\n\t\tif ( !doc ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tdocElem = doc.documentElement;\r\n\r\n\t\t// Make sure it's not a disconnected DOM node\r\n\t\tif ( !jQuery.contains( docElem, elem ) ) {\r\n\t\t\treturn box;\r\n\t\t}\r\n\r\n\t\t// If we don't have gBCR, just use 0,0 rather than error\r\n\t\t// BlackBerry 5, iOS 3 (original iPhone)\r\n\t\tif ( typeof elem.getBoundingClientRect !== strundefined ) {\r\n\t\t\tbox = elem.getBoundingClientRect();\r\n\t\t}\r\n\t\twin = getWindow( doc );\r\n\t\treturn {\r\n\t\t\ttop: box.top + ( win.pageYOffset || docElem.scrollTop ) - ( docElem.clientTop || 0 ),\r\n\t\t\tleft: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )\r\n\t\t};\r\n\t},\r\n\r\n\tposition: function() {\r\n\t\tif ( !this[ 0 ] ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar offsetParent, offset,\r\n\t\t\tparentOffset = { top: 0, left: 0 },\r\n\t\t\telem = this[ 0 ];\r\n\r\n\t\t// fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is its only offset parent\r\n\t\tif ( jQuery.css( elem, \"position\" ) === \"fixed\" ) {\r\n\t\t\t// we assume that getBoundingClientRect is available when computed position is fixed\r\n\t\t\toffset = elem.getBoundingClientRect();\r\n\t\t} else {\r\n\t\t\t// Get *real* offsetParent\r\n\t\t\toffsetParent = this.offsetParent();\r\n\r\n\t\t\t// Get correct offsets\r\n\t\t\toffset = this.offset();\r\n\t\t\tif ( !jQuery.nodeName( offsetParent[ 0 ], \"html\" ) ) {\r\n\t\t\t\tparentOffset = offsetParent.offset();\r\n\t\t\t}\r\n\r\n\t\t\t// Add offsetParent borders\r\n\t\t\tparentOffset.top += jQuery.css( offsetParent[ 0 ], \"borderTopWidth\", true );\r\n\t\t\tparentOffset.left += jQuery.css( offsetParent[ 0 ], \"borderLeftWidth\", true );\r\n\t\t}\r\n\r\n\t\t// Subtract parent offsets and element margins\r\n\t\t// note: when an element has margin: auto the offsetLeft and marginLeft\r\n\t\t// are the same in Safari causing offset.left to incorrectly be 0\r\n\t\treturn {\r\n\t\t\ttop: offset.top - parentOffset.top - jQuery.css( elem, \"marginTop\", true ),\r\n\t\t\tleft: offset.left - parentOffset.left - jQuery.css( elem, \"marginLeft\", true)\r\n\t\t};\r\n\t},\r\n\r\n\toffsetParent: function() {\r\n\t\treturn this.map(function() {\r\n\t\t\tvar offsetParent = this.offsetParent || docElem;\r\n\r\n\t\t\twhile ( offsetParent && ( !jQuery.nodeName( offsetParent, \"html\" ) && jQuery.css( offsetParent, \"position\" ) === \"static\" ) ) {\r\n\t\t\t\toffsetParent = offsetParent.offsetParent;\r\n\t\t\t}\r\n\t\t\treturn offsetParent || docElem;\r\n\t\t});\r\n\t}\r\n});\r\n\r\n// Create scrollLeft and scrollTop methods\r\njQuery.each( { scrollLeft: \"pageXOffset\", scrollTop: \"pageYOffset\" }, function( method, prop ) {\r\n\tvar top = /Y/.test( prop );\r\n\r\n\tjQuery.fn[ method ] = function( val ) {\r\n\t\treturn access( this, function( elem, method, val ) {\r\n\t\t\tvar win = getWindow( elem );\r\n\r\n\t\t\tif ( val === undefined ) {\r\n\t\t\t\treturn win ? (prop in win) ? win[ prop ] :\r\n\t\t\t\t\twin.document.documentElement[ method ] :\r\n\t\t\t\t\telem[ method ];\r\n\t\t\t}\r\n\r\n\t\t\tif ( win ) {\r\n\t\t\t\twin.scrollTo(\r\n\t\t\t\t\t!top ? val : jQuery( win ).scrollLeft(),\r\n\t\t\t\t\ttop ? val : jQuery( win ).scrollTop()\r\n\t\t\t\t);\r\n\r\n\t\t\t} else {\r\n\t\t\t\telem[ method ] = val;\r\n\t\t\t}\r\n\t\t}, method, val, arguments.length, null );\r\n\t};\r\n});\r\n\r\n// Add the top/left cssHooks using jQuery.fn.position\r\n// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084\r\n// getComputedStyle returns percent when specified for top/left/bottom/right\r\n// rather than make the css module depend on the offset module, we just check for it here\r\njQuery.each( [ \"top\", \"left\" ], function( i, prop ) {\r\n\tjQuery.cssHooks[ prop ] = addGetHookIf( support.pixelPosition,\r\n\t\tfunction( elem, computed ) {\r\n\t\t\tif ( computed ) {\r\n\t\t\t\tcomputed = curCSS( elem, prop );\r\n\t\t\t\t// if curCSS returns percentage, fallback to offset\r\n\t\t\t\treturn rnumnonpx.test( computed ) ?\r\n\t\t\t\t\tjQuery( elem ).position()[ prop ] + \"px\" :\r\n\t\t\t\t\tcomputed;\r\n\t\t\t}\r\n\t\t}\r\n\t);\r\n});\r\n\r\n\r\n// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods\r\njQuery.each( { Height: \"height\", Width: \"width\" }, function( name, type ) {\r\n\tjQuery.each( { padding: \"inner\" + name, content: type, \"\": \"outer\" + name }, function( defaultExtra, funcName ) {\r\n\t\t// margin is only for outerHeight, outerWidth\r\n\t\tjQuery.fn[ funcName ] = function( margin, value ) {\r\n\t\t\tvar chainable = arguments.length && ( defaultExtra || typeof margin !== \"boolean\" ),\r\n\t\t\t\textra = defaultExtra || ( margin === true || value === true ? \"margin\" : \"border\" );\r\n\r\n\t\t\treturn access( this, function( elem, type, value ) {\r\n\t\t\t\tvar doc;\r\n\r\n\t\t\t\tif ( jQuery.isWindow( elem ) ) {\r\n\t\t\t\t\t// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there\r\n\t\t\t\t\t// isn't a whole lot we can do. See pull request at this URL for discussion:\r\n\t\t\t\t\t// https://github.com/jquery/jquery/pull/764\r\n\t\t\t\t\treturn elem.document.documentElement[ \"client\" + name ];\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Get document width or height\r\n\t\t\t\tif ( elem.nodeType === 9 ) {\r\n\t\t\t\t\tdoc = elem.documentElement;\r\n\r\n\t\t\t\t\t// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest\r\n\t\t\t\t\t// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.\r\n\t\t\t\t\treturn Math.max(\r\n\t\t\t\t\t\telem.body[ \"scroll\" + name ], doc[ \"scroll\" + name ],\r\n\t\t\t\t\t\telem.body[ \"offset\" + name ], doc[ \"offset\" + name ],\r\n\t\t\t\t\t\tdoc[ \"client\" + name ]\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn value === undefined ?\r\n\t\t\t\t\t// Get width or height on the element, requesting but not forcing parseFloat\r\n\t\t\t\t\tjQuery.css( elem, type, extra ) :\r\n\r\n\t\t\t\t\t// Set width or height on the element\r\n\t\t\t\t\tjQuery.style( elem, type, value, extra );\r\n\t\t\t}, type, chainable ? margin : undefined, chainable, null );\r\n\t\t};\r\n\t});\r\n});\r\n\r\n\r\n// The number of elements contained in the matched element set\r\njQuery.fn.size = function() {\r\n\treturn this.length;\r\n};\r\n\r\njQuery.fn.andSelf = jQuery.fn.addBack;\r\n\r\n\r\n\r\n\r\n// Register as a named AMD module, since jQuery can be concatenated with other\r\n// files that may use define, but not via a proper concatenation script that\r\n// understands anonymous AMD modules. A named AMD is safest and most robust\r\n// way to register. Lowercase jquery is used because AMD module names are\r\n// derived from file names, and jQuery is normally delivered in a lowercase\r\n// file name. Do this after creating the global so that if an AMD module wants\r\n// to call noConflict to hide this version of jQuery, it will work.\r\n\r\n// Note that for maximum portability, libraries that are not jQuery should\r\n// declare themselves as anonymous modules, and avoid setting a global if an\r\n// AMD loader is present. jQuery is a special case. For more information, see\r\n// https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon\r\n\r\nif ( typeof define === \"function\" && define.amd ) {\r\n\tdefine( \"jquery\", [], function() {\r\n\t\treturn jQuery;\r\n\t});\r\n}\r\n\r\n\r\n\r\n\r\nvar\r\n\t// Map over jQuery in case of overwrite\r\n\t_jQuery = window.jQuery,\r\n\r\n\t// Map over the $ in case of overwrite\r\n\t_$ = window.$;\r\n\r\njQuery.noConflict = function( deep ) {\r\n\tif ( window.$ === jQuery ) {\r\n\t\twindow.$ = _$;\r\n\t}\r\n\r\n\tif ( deep && window.jQuery === jQuery ) {\r\n\t\twindow.jQuery = _jQuery;\r\n\t}\r\n\r\n\treturn jQuery;\r\n};\r\n\r\n// Expose jQuery and $ identifiers, even in\r\n// AMD (#7102#comment:10, https://github.com/jquery/jquery/pull/557)\r\n// and CommonJS for browser emulators (#13566)\r\nif ( typeof noGlobal === strundefined ) {\r\n\twindow.jQuery = window.$ = jQuery;\r\n}\r\n\r\n\r\n\r\n\r\nreturn jQuery;\r\n\r\n}));\r\n"
},
{
"path": "examples/login/libs/easymob-webim-sdk/json2.js",
"content": "/*\r\n json2.js\r\n 2014-02-04\r\n\r\n Public Domain.\r\n\r\n NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.\r\n\r\n See http://www.JSON.org/js.html\r\n\r\n\r\n This code should be minified before deployment.\r\n See http://javascript.crockford.com/jsmin.html\r\n\r\n USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO\r\n NOT CONTROL.\r\n\r\n\r\n This file creates a global JSON object containing two methods: stringify\r\n and parse.\r\n\r\n JSON.stringify(value, replacer, space)\r\n value any JavaScript value, usually an object or array.\r\n\r\n replacer an optional parameter that determines how object\r\n values are stringified for objects. It can be a\r\n function or an array of strings.\r\n\r\n space an optional parameter that specifies the indentation\r\n of nested structures. If it is omitted, the text will\r\n be packed without extra whitespace. If it is a number,\r\n it will specify the number of spaces to indent at each\r\n level. If it is a string (such as '\\t' or ' '),\r\n it contains the characters used to indent at each level.\r\n\r\n This method produces a JSON text from a JavaScript value.\r\n\r\n When an object value is found, if the object contains a toJSON\r\n method, its toJSON method will be called and the result will be\r\n stringified. A toJSON method does not serialize: it returns the\r\n value represented by the name/value pair that should be serialized,\r\n or undefined if nothing should be serialized. The toJSON method\r\n will be passed the key associated with the value, and this will be\r\n bound to the value\r\n\r\n For example, this would serialize Dates as ISO strings.\r\n\r\n Date.prototype.toJSON = function (key) {\r\n function f(n) {\r\n // Format integers to have at least two digits.\r\n return n < 10 ? '0' + n : n;\r\n }\r\n\r\n return this.getUTCFullYear() + '-' +\r\n f(this.getUTCMonth() + 1) + '-' +\r\n f(this.getUTCDate()) + 'T' +\r\n f(this.getUTCHours()) + ':' +\r\n f(this.getUTCMinutes()) + ':' +\r\n f(this.getUTCSeconds()) + 'Z';\r\n };\r\n\r\n You can provide an optional replacer method. It will be passed the\r\n key and value of each member, with this bound to the containing\r\n object. The value that is returned from your method will be\r\n serialized. If your method returns undefined, then the member will\r\n be excluded from the serialization.\r\n\r\n If the replacer parameter is an array of strings, then it will be\r\n used to select the members to be serialized. It filters the results\r\n such that only members with keys listed in the replacer array are\r\n stringified.\r\n\r\n Values that do not have JSON representations, such as undefined or\r\n functions, will not be serialized. Such values in objects will be\r\n dropped; in arrays they will be replaced with null. You can use\r\n a replacer function to replace those with JSON values.\r\n JSON.stringify(undefined) returns undefined.\r\n\r\n The optional space parameter produces a stringification of the\r\n value that is filled with line breaks and indentation to make it\r\n easier to read.\r\n\r\n If the space parameter is a non-empty string, then that string will\r\n be used for indentation. If the space parameter is a number, then\r\n the indentation will be that many spaces.\r\n\r\n Example:\r\n\r\n text = JSON.stringify(['e', {pluribus: 'unum'}]);\r\n // text is '[\"e\",{\"pluribus\":\"unum\"}]'\r\n\r\n\r\n text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\\t');\r\n // text is '[\\n\\t\"e\",\\n\\t{\\n\\t\\t\"pluribus\": \"unum\"\\n\\t}\\n]'\r\n\r\n text = JSON.stringify([new Date()], function (key, value) {\r\n return this[key] instanceof Date ?\r\n 'Date(' + this[key] + ')' : value;\r\n });\r\n // text is '[\"Date(---current time---)\"]'\r\n\r\n\r\n JSON.parse(text, reviver)\r\n This method parses a JSON text to produce an object or array.\r\n It can throw a SyntaxError exception.\r\n\r\n The optional reviver parameter is a function that can filter and\r\n transform the results. It receives each of the keys and values,\r\n and its return value is used instead of the original value.\r\n If it returns what it received, then the structure is not modified.\r\n If it returns undefined then the member is deleted.\r\n\r\n Example:\r\n\r\n // Parse the text. Values that look like ISO date strings will\r\n // be converted to Date objects.\r\n\r\n myData = JSON.parse(text, function (key, value) {\r\n var a;\r\n if (typeof value === 'string') {\r\n a =\r\n/^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2}):(\\d{2}(?:\\.\\d*)?)Z$/.exec(value);\r\n if (a) {\r\n return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],\r\n +a[5], +a[6]));\r\n }\r\n }\r\n return value;\r\n });\r\n\r\n myData = JSON.parse('[\"Date(09/09/2001)\"]', function (key, value) {\r\n var d;\r\n if (typeof value === 'string' &&\r\n value.slice(0, 5) === 'Date(' &&\r\n value.slice(-1) === ')') {\r\n d = new Date(value.slice(5, -1));\r\n if (d) {\r\n return d;\r\n }\r\n }\r\n return value;\r\n });\r\n\r\n\r\n This is a reference implementation. You are free to copy, modify, or\r\n redistribute.\r\n*/\r\n\r\n/*jslint evil: true, regexp: true */\r\n\r\n/*members \"\", \"\\b\", \"\\t\", \"\\n\", \"\\f\", \"\\r\", \"\\\"\", JSON, \"\\\\\", apply,\r\n call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,\r\n getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,\r\n lastIndex, length, parse, prototype, push, replace, slice, stringify,\r\n test, toJSON, toString, valueOf\r\n*/\r\n\r\n\r\n// Create a JSON object only if one does not already exist. We create the\r\n// methods in a closure to avoid creating global variables.\r\n\r\nif (typeof JSON !== 'object') {\r\n JSON = {};\r\n}\r\n\r\n(function () {\r\n 'use strict';\r\n\r\n function f(n) {\r\n // Format integers to have at least two digits.\r\n return n < 10 ? '0' + n : n;\r\n }\r\n\r\n if (typeof Date.prototype.toJSON !== 'function') {\r\n\r\n Date.prototype.toJSON = function () {\r\n\r\n return isFinite(this.valueOf())\r\n ? this.getUTCFullYear() + '-' +\r\n f(this.getUTCMonth() + 1) + '-' +\r\n f(this.getUTCDate()) + 'T' +\r\n f(this.getUTCHours()) + ':' +\r\n f(this.getUTCMinutes()) + ':' +\r\n f(this.getUTCSeconds()) + 'Z'\r\n : null;\r\n };\r\n\r\n String.prototype.toJSON =\r\n Number.prototype.toJSON =\r\n Boolean.prototype.toJSON = function () {\r\n return this.valueOf();\r\n };\r\n }\r\n\r\n var cx,\r\n escapable,\r\n gap,\r\n indent,\r\n meta,\r\n rep;\r\n\r\n\r\n function quote(string) {\r\n\r\n// If the string contains no control characters, no quote characters, and no\r\n// backslash characters, then we can safely slap some quotes around it.\r\n// Otherwise we must also replace the offending characters with safe escape\r\n// sequences.\r\n\r\n escapable.lastIndex = 0;\r\n return escapable.test(string) ? '\"' + string.replace(escapable, function (a) {\r\n var c = meta[a];\r\n return typeof c === 'string'\r\n ? c\r\n : '\\\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);\r\n }) + '\"' : '\"' + string + '\"';\r\n }\r\n\r\n\r\n function str(key, holder) {\r\n\r\n// Produce a string from holder[key].\r\n\r\n var i, // The loop counter.\r\n k, // The member key.\r\n v, // The member value.\r\n length,\r\n mind = gap,\r\n partial,\r\n value = holder[key];\r\n\r\n// If the value has a toJSON method, call it to obtain a replacement value.\r\n\r\n if (value && typeof value === 'object' &&\r\n typeof value.toJSON === 'function') {\r\n value = value.toJSON(key);\r\n }\r\n\r\n// If we were called with a replacer function, then call the replacer to\r\n// obtain a replacement value.\r\n\r\n if (typeof rep === 'function') {\r\n value = rep.call(holder, key, value);\r\n }\r\n\r\n// What happens next depends on the value's type.\r\n\r\n switch (typeof value) {\r\n case 'string':\r\n return quote(value);\r\n\r\n case 'number':\r\n\r\n// JSON numbers must be finite. Encode non-finite numbers as null.\r\n\r\n return isFinite(value) ? String(value) : 'null';\r\n\r\n case 'boolean':\r\n case 'null':\r\n\r\n// If the value is a boolean or null, convert it to a string. Note:\r\n// typeof null does not produce 'null'. The case is included here in\r\n// the remote chance that this gets fixed someday.\r\n\r\n return String(value);\r\n\r\n// If the type is 'object', we might be dealing with an object or an array or\r\n// null.\r\n\r\n case 'object':\r\n\r\n// Due to a specification blunder in ECMAScript, typeof null is 'object',\r\n// so watch out for that case.\r\n\r\n if (!value) {\r\n return 'null';\r\n }\r\n\r\n// Make an array to hold the partial results of stringifying this object value.\r\n\r\n gap += indent;\r\n partial = [];\r\n\r\n// Is the value an array?\r\n\r\n if (Object.prototype.toString.apply(value) === '[object Array]') {\r\n\r\n// The value is an array. Stringify every element. Use null as a placeholder\r\n// for non-JSON values.\r\n\r\n length = value.length;\r\n for (i = 0; i < length; i += 1) {\r\n partial[i] = str(i, value) || 'null';\r\n }\r\n\r\n// Join all of the elements together, separated with commas, and wrap them in\r\n// brackets.\r\n\r\n v = partial.length === 0\r\n ? '[]'\r\n : gap\r\n ? '[\\n' + gap + partial.join(',\\n' + gap) + '\\n' + mind + ']'\r\n : '[' + partial.join(',') + ']';\r\n gap = mind;\r\n return v;\r\n }\r\n\r\n// If the replacer is an array, use it to select the members to be stringified.\r\n\r\n if (rep && typeof rep === 'object') {\r\n length = rep.length;\r\n for (i = 0; i < length; i += 1) {\r\n if (typeof rep[i] === 'string') {\r\n k = rep[i];\r\n v = str(k, value);\r\n if (v) {\r\n partial.push(quote(k) + (gap ? ': ' : ':') + v);\r\n }\r\n }\r\n }\r\n } else {\r\n\r\n// Otherwise, iterate through all of the keys in the object.\r\n\r\n for (k in value) {\r\n if (Object.prototype.hasOwnProperty.call(value, k)) {\r\n v = str(k, value);\r\n if (v) {\r\n partial.push(quote(k) + (gap ? ': ' : ':') + v);\r\n }\r\n }\r\n }\r\n }\r\n\r\n// Join all of the member texts together, separated with commas,\r\n// and wrap them in braces.\r\n\r\n v = partial.length === 0\r\n ? '{}'\r\n : gap\r\n ? '{\\n' + gap + partial.join(',\\n' + gap) + '\\n' + mind + '}'\r\n : '{' + partial.join(',') + '}';\r\n gap = mind;\r\n return v;\r\n }\r\n }\r\n\r\n// If the JSON object does not yet have a stringify method, give it one.\r\n\r\n if (typeof JSON.stringify !== 'function') {\r\n escapable = /[\\\\\\\"\\x00-\\x1f\\x7f-\\x9f\\u00ad\\u0600-\\u0604\\u070f\\u17b4\\u17b5\\u200c-\\u200f\\u2028-\\u202f\\u2060-\\u206f\\ufeff\\ufff0-\\uffff]/g;\r\n meta = { // table of character substitutions\r\n '\\b': '\\\\b',\r\n '\\t': '\\\\t',\r\n '\\n': '\\\\n',\r\n '\\f': '\\\\f',\r\n '\\r': '\\\\r',\r\n '\"' : '\\\\\"',\r\n '\\\\': '\\\\\\\\'\r\n };\r\n JSON.stringify = function (value, replacer, space) {\r\n\r\n// The stringify method takes a value and an optional replacer, and an optional\r\n// space parameter, and returns a JSON text. The replacer can be a function\r\n// that can replace values, or an array of strings that will select the keys.\r\n// A default replacer method can be provided. Use of the space parameter can\r\n// produce text that is more easily readable.\r\n\r\n var i;\r\n gap = '';\r\n indent = '';\r\n\r\n// If the space parameter is a number, make an indent string containing that\r\n// many spaces.\r\n\r\n if (typeof space === 'number') {\r\n for (i = 0; i < space; i += 1) {\r\n indent += ' ';\r\n }\r\n\r\n// If the space parameter is a string, it will be used as the indent string.\r\n\r\n } else if (typeof space === 'string') {\r\n indent = space;\r\n }\r\n\r\n// If there is a replacer, it must be a function or an array.\r\n// Otherwise, throw an error.\r\n\r\n rep = replacer;\r\n if (replacer && typeof replacer !== 'function' &&\r\n (typeof replacer !== 'object' ||\r\n typeof replacer.length !== 'number')) {\r\n throw new Error('JSON.stringify');\r\n }\r\n\r\n// Make a fake root object containing our value under the key of ''.\r\n// Return the result of stringifying the value.\r\n\r\n return str('', {'': value});\r\n };\r\n }\r\n\r\n\r\n// If the JSON object does not yet have a parse method, give it one.\r\n\r\n if (typeof JSON.parse !== 'function') {\r\n cx = /[\\u0000\\u00ad\\u0600-\\u0604\\u070f\\u17b4\\u17b5\\u200c-\\u200f\\u2028-\\u202f\\u2060-\\u206f\\ufeff\\ufff0-\\uffff]/g;\r\n JSON.parse = function (text, reviver) {\r\n\r\n// The parse method takes a text and an optional reviver function, and returns\r\n// a JavaScript value if the text is a valid JSON text.\r\n\r\n var j;\r\n\r\n function walk(holder, key) {\r\n\r\n// The walk method is used to recursively walk the resulting structure so\r\n// that modifications can be made.\r\n\r\n var k, v, value = holder[key];\r\n if (value && typeof value === 'object') {\r\n for (k in value) {\r\n if (Object.prototype.hasOwnProperty.call(value, k)) {\r\n v = walk(value, k);\r\n if (v !== undefined) {\r\n value[k] = v;\r\n } else {\r\n delete value[k];\r\n }\r\n }\r\n }\r\n }\r\n return reviver.call(holder, key, value);\r\n }\r\n\r\n\r\n// Parsing happens in four stages. In the first stage, we replace certain\r\n// Unicode characters with escape sequences. JavaScript handles many characters\r\n// incorrectly, either silently deleting them, or treating them as line endings.\r\n\r\n text = String(text);\r\n cx.lastIndex = 0;\r\n if (cx.test(text)) {\r\n text = text.replace(cx, function (a) {\r\n return '\\\\u' +\r\n ('0000' + a.charCodeAt(0).toString(16)).slice(-4);\r\n });\r\n }\r\n\r\n// In the second stage, we run the text against regular expressions that look\r\n// for non-JSON patterns. We are especially concerned with '()' and 'new'\r\n// because they can cause invocation, and '=' because it can cause mutation.\r\n// But just to be safe, we want to reject all unexpected forms.\r\n\r\n// We split the second stage into 4 regexp operations in order to work around\r\n// crippling inefficiencies in IE's and Safari's regexp engines. First we\r\n// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we\r\n// replace all simple value tokens with ']' characters. Third, we delete all\r\n// open brackets that follow a colon or comma or that begin the text. Finally,\r\n// we look to see that the remaining characters are only whitespace or ']' or\r\n// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.\r\n\r\n if (/^[\\],:{}\\s]*$/\r\n .test(text.replace(/\\\\(?:[\"\\\\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')\r\n .replace(/\"[^\"\\\\\\n\\r]*\"|true|false|null|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g, ']')\r\n .replace(/(?:^|:|,)(?:\\s*\\[)+/g, ''))) {\r\n\r\n// In the third stage we use the eval function to compile the text into a\r\n// JavaScript structure. The '{' operator is subject to a syntactic ambiguity\r\n// in JavaScript: it can begin a block or an object literal. We wrap the text\r\n// in parens to eliminate the ambiguity.\r\n\r\n j = eval('(' + text + ')');\r\n\r\n// In the optional fourth stage, we recursively walk the new structure, passing\r\n// each name/value pair to a reviver function for possible transformation.\r\n\r\n return typeof reviver === 'function'\r\n ? walk({'': j}, '')\r\n : j;\r\n }\r\n\r\n// If the text is not JSON parseable, then a SyntaxError is thrown.\r\n\r\n throw new SyntaxError('JSON.parse');\r\n };\r\n }\r\n}());\r\n"
},
{
"path": "examples/login/libs/easymob-webim-sdk/quickstart.md",
"content": "---\ntitle: WebIM 开发指南\nsidebar: webimsidebar\nsecondnavwebim: true\n---\n\n# 快速入门 \n\n## 初始化\n\n### 创建连接{#conn_new}\n
\nvar conn = new Easemob.im.Connection();\n\n\n### 初始化连接{#conn_init}\n
\nconn.init({\n https : true,//非必填，url值未设置时有效，优先采用url配置的参数。默认采用http连接，地址为‘http://im-api.easemob.com/http-bind/’，启用https时传递此值，地址为：‘https://im-api.easemob.com/http-bind/’\n url ： 'http://im-api.easemob.com/http-bind/',//非必填，默认聊天服务器地址，\n domain : 'aa.com',//非必填，默认：‘easemob.com’\n wait ： '60',//非必填，连接超时，默认：60，单位seconds\n onOpened : function() {\n curUserId = conn.context.userId;\n //查询好友列表\n conn.getRoster(....);\n },\n onClosed : function() {\n //处理登出事件\n },\n onTextMessage : function(message) {\n /**处理文本消息，消息格式为：\n {\ttype :'chat',//群聊为“groupchat”\n from : from,\n to : too,\n data : { \"type\":\"txt\",\n \"msg\":\"hello from test2\"\n }\n }\n */\n handleTextMessage(message);\n },\n onEmotionMessage : function(message) {\n /*处理表情消息,消息格式为：\n {\ttype :'chat',//群聊为“groupchat”\n from : from,\n to : too,\n data : [{ \"type\":\"txt\",\n \"msg\":\"hello from test2\"\n },\n { \"type\":\"emotion\",\n \"msg\":\"data:image/png;base64, ……\"//图片的base64编码\n }]\n }\n */\n handleEmotion(message);\n },\n onPictureMessage : function(message) {\n /**处理图片消息，消息格式为：\n {\ttype :'chat',//群聊为“groupchat”\n from : \"test1\",\n to : \"test2\",\n url : \"http://s1.easemob.com/weiquan2/a2/chatfiles/0c0f5f3a-e66b-11e3-8863-f1c202c2b3ae\",\n secret : \"NSgGYPCxEeOou00jZasg9e-GqKUZGdph96EFxJ4WxW-qkxV4\",\n filename : \"logo.png\",\n thumb : \"http://s1.easemob.com/weiquan2/a2/chatfiles/0c0f5f3a-e66b-11e3-8863-f1c202c2b3ae\",\n thumb_secret : \"0595b06a-ed8b-11e3-9b85-93fade9c198c\",\n file_length : 42394,\n width : 280,\n height : 160,\n filetype : \"image/png\",\n accessToken :\"YWMtjPPoovCqEeOQs7myPqqaOwAAAUaqNH0a8rRj4PwJLQju6-S47ZO6wYs3Lwo\"\n }\n */\n\n handlePictureMessage(message);\n },\n onAudioMessage : function(message) {\n /**处理音频消息，消息格式为：\n {\ttype :'chat',//群聊为“groupchat”\n from : \"test1\",\n to : \"test2\",\n url : \"http://s1.easemob.com/weiquan2/a2/chatfiles/0c0f5f3a-e66b-11e3-8863-f1c202c2b3ae\",\n secret :\"NSgGYPCxEeOou00jZasg9e-GqKUZGdph96EFxJ4WxW-qkxV4\",\n filename : \"风雨无阻.mp3\",\n length :45223,\n file_length : 304,\n filetype : \"mp3\",\n accessToken :\"YWMtjPPoovCqEeOQs7myPqqaOwAAAUaqNH0a8rRj4PwJLQju6-S47ZO6wYs3Lwo\"\n }\n */\n handleAudioMessage(message);\n },\n //收到联系人订阅请求的回调方法\n onPresence : function (message){\n /**\n {\n from: \"l2\",\n fromJid: \"easemob-demo#chatdemoui_l2@easemob.com\",\n status: \"下午11:44:47\",\n to: \"test1\",\n toJid: \"easemob-demo#chatdemoui_test1@easemob.com/13856640471403797405809685\",\n type: \"subscribed\"\n }\n */\n handlePresence(message);\n },\n //收到联系人信息的回调方法\n onRoster : function (message){\n /**\n [{\n groups: [{0: \"default\",\n length: 1}],\n jid: \"easemob-demo#chatdemoui_l2@easemob.com\",\n name: \"l2\",\n subscription: \"to\"\n }]\n */\n handleRoster(message);\n },\n onError : function(e) {\n //异常处理\n alert(e.msg);\n }\n});\n\n\n### 打开连接{#conn_open}\n\n支持username/password和username/token登录两种方式，sdk中会根据传入的参数进行自动选择是否登录usergrid，获取登录成功的token后再进行登录聊天，如果使用token的打开连接将跳过登录usergird，直接登录IM服务器。\n\n
\n//用户名\nvar user = $(\"#username\").val();\n//密码\nvar pass = $(\"#password\").val();\nif (user == '' || pass == '') {\n alert(\"请输入用户名和密码\");\n return;\n}\nconn.open({\n user : user,\n pwd : pass,\n appKey : 'easemob-demo#chatdemoui'//开发者APPKey\n //accessToken : 'YWMt8bfZfFk5EeSiAzsQ0OXu4QAAAUpoZFOMJ66ic5m2LOZRhYUsRKZWINA06HI'\n});\n\n\n## 单聊{#single_chat}\n\n### 查询好友列表{#getRoster}\n\n查询好友列表时，要注意susciption（both，to,from）为不同值得处理,此处默认both和to的为好友，开发者自定义处理，保持跟APP端处理一致即可。\n\n
\nconn.getRoster({\n success : function(roster) {\n //获取好友列表，并进行好友列表渲染，roster格式为：\n /** [\n {\n jid:\"asemoemo#chatdemoui_test1@easemob.com\",\n name:\"test1\",\n subscription: \"both\"\n },\n {\n jid:\"asemoemo#chatdemoui_test2@easemob.com\",\n name:\"test2\",\n subscription: \"from\"\n }\n ]\n */\n for(var i in roster){\n var ros = roster[i]; \n //ros.subscriptio值为both/to为要显示的联系人,此处与APP需保持一致，才能保证两个客户端登录后的好友列表一致\n if(ros.subscription =='both' || ros.subscription=='to'){\n newroster.push(ros);\n }\n }\n if (newroster.length >=0) {\n buildContactDiv(\"contractlist\", newroster);//页面处理\n if (newroster.length > 0) {\n setCurrentContact(newroster[0].name);//页面处理将第一个联系人作为当前聊天div\n }\n }\n //conn.setPresence();\n }, \n});\n\n\n### 添加好友{#subscribe}\n通过sdk的subscribe和unsubcribe进行添加或者删除好友操作，登录用户通过注册onPresence，监听对方的添加或者删除好友请求，并做相应的处理。\n
\n//easemobwebim-sdk中收到联系人订阅请求的处理方法，具体的type值所对应的值请参考xmpp协议规范\nvar handlePresence = function (e){\n\t//（发送者希望订阅接收者的出席信息），即别人申请加你为好友\n\tif (e.type == 'subscribe') {\n\t\t//若e.status中含有[resp:true],则表示为对方同意好友后反向添加自己为好友的消息，demo中发现此类消息，默认同意操作，完成双方互为好友；如果不含有[resp:true]，则表示为正常的对方请求添加自己为好友的申请消息。\n\t\t......\n\t}\n\t//(发送者允许接收者接收他们的出席信息)，即别人同意你加他为好友\n\tif (e.type == 'subscribed') {\n\t\t......\n\t}\n\t//（发送者取消订阅另一个实体的出席信息）,即删除现有好友\n\tif (e.type == 'unsubscribe') {\n\t\t.......\n\t}\n\t//（订阅者的请求被拒绝或以前的订阅被取消），即对方单向的删除了好友\n\tif (e.type == 'unsubscribed') {\n\t\t.......\n\t}\n};\n\n\n#### 申请添加对方为好友{#addFriend}\n
\n//主动申请添加对方为好友\nvar startAddFriend = function startAddFriend(){\n //对方用户账号\n var user = $(\"addfridentId\").val();\n //请求添加对方为好友\n conn.subscribe({\n\t\tto : user,\n\t\tmessage : \"加个好友呗-\" + getLoacalTimeString()\n\t});\n return;\n};\nvar getLoacalTimeString = function getLoacalTimeString() {\n\t\tvar date = new Date();\n\t\tvar time = date.getHours() + \":\" + date.getMinutes() + \":\"\n\t\t\t\t+ date.getSeconds();\n\t\treturn time;\n\t}\n\n\n#### 对方收到请求，同意或者拒绝{#agreed_reject}\n\n
\n//对方收到请求加为好友，接受请求\n$('#confirm-block-footer-confirmButton').click(function() {\n\t//同意好友请求\n\tagreeAddFriend(e.from);//e.from用户名\n\t//反向添加对方好友\n\tconn.subscribe({\n\t\tto : e.from,\n\t\tmessage : \"[resp:true]\"\n\t});\n}\n//同意\nvar agreeAddFriend = function agreeAddFriend(connection,who,jid){\n conn.subscribed({\n\t\t\tto : user,\n\t\t\tmessage : \"[resp:true]\"//同意后发送反加对方为好友的消息，反加消息标识[resp:true]\n\t\t});\n};\n\n//对方收到请求加为好友，拒绝请求\n$('#confirm-block-footer-cancelButton').click(function() {\n\trejectAddFriend(e.from);//拒绝加为好友\n});\n//拒绝\nvar rejectAddFriend = function(user) {\n\tconn.unsubscribed({\n\t\tto : user,\n\t\tmessage : getLoacalTimeString()\n\t});\n};\n\n\n对于好友的分组，添加好友时在addroster可以指定group属性（默认为：default组），添加好友成功后，好友列表渲染时，根据好友的group属性进行分组渲染，实现类似其他聊天工具的自定义好友分组管理的功能。\n\n#### 删除好友{#delfriend}\n\n取消订阅，同时将对方从自己的好友列表上删除掉。\n\n
\nvar delFriend = function(user) {\n\tconn.removeRoster({\n\t\tto : user,\n\t\tgroups : [ 'default' ],\n\t\tsuccess : function() {\n\t\t\tconn.**unsubscribed**({\n\t\t\t\tto : user\n\t\t\t});\n\t\t}\n\t});\n};\n\n\n### 发送文本（表情）聊天消息{#sendTextMessage}\n\n
\n//发送文本消息\nconn.sendTextMessage({\n to : to,//用户登录名，sd根据appkey和domain组织jid，如easemob-demo#chatdemoui_**TEST**@easemob.com，中\"to:TEST\",下同\n msg :'hello world！' //文本消息\n});\n\n//发送表情消息，调用接口同文本消息\nconn.sendTextMessage({\n to : to,\n msg :'hello world！[(*)][(#)]' //文本消息+表情\n});\n\n\n### 发送图片消息{#sendPic}\n\n发送图片消息sdk自动分两步完成：
\n1）上传图片文件到服务器，并得到服务返回的图片信息等
\n2）发送图片消息，消息体包含图片的基本信息、服务器路径、secret等，接收方初始化连接中的onPictureMessage的格式，根据图片消息内容到服务器下载图片，并进行显示\n\n
\nfunction sendPic() {\n //图片接收者，如“test1”\n var to = curChatUserId;\n if (to == null) {\n alert(\"请选择联系人\");\n return;\n }\n //fileInputId：文件选择输入框的Id，sdk自动根据id自动获取文件对象（含图片，或者其他类型文件）\n var fileObj = Easemob.im.Helper.getFileUrl(fileInputId);\n if (fileObj.url == null || fileObj.url == '') {\n alert(\"请选择发送图片\");\n return;\n }\n var filetype = fileObj.filetype;\n var filename = fileObj.filename;\n if (filetype in {\n \"jpg\" : true,\n \"gif\" : true,\n \"png\" : true,\n \"bmp\" : true\n }) {\n var opt = {\n fileInputId : fileInputId,\n to : to,\n onFileUploadError : function(error) {\n //处理图片上传失败\n },\n onFileUploadComplete : function(data) {\n //处理图片上传成功，如本地消息显示\n }\n };\n conn.sendPicture(opt);\n return;\n }\n alert(\"不支持此图片类型\" + filetype);\n};\n\n\n### 发送音频消息{#sendAudio}\n\nsdk处理同发送图片消息，分两步：\n\n1. 上传音频文件到服务器，得到音频文件的信息；\n2. 发送音频消息给接收方，消息体包含音频的基本信息、下载路径和secret信息等，接收方收到消息后，根据消息体内部的音频下载路径和secret路径，下载音频并进行显示。\n\n
\nfunction sendAudio () {\n var to = curChatUserId;\n if (to == null) {\n alert(\"请选择联系人\");\n return;\n }\n var fileObj = Easemob.im.Helper.getFileUrl(fileInputId);\n if (fileObj.url == null || fileObj.url == '') {\n alert(\"请选择发送音频\");\n return;\n }\n var filetype = fileObj.filetype;\n var filename = fileObj.filename;\n if (filetype in {\n \"mp3\" : true,\n \"wma\" : true,\n \"wav\" : true,\n \"avi\" : true\n })\n {\n var opt = {\n fileInputId : fileInputId,\n to : to,\n onFileUploadError : function(error) {\n //处理上传音频失败\n },\n onFileUploadComplete : function(data) {\n //处理上传音频成功，如本地消息提示发送成功\n }\n };\n conn.sendAudio(opt);\n return;\n }\n alert(\"不支持此音频类型\" + filetype);\n};\n\n\n### 接收消息\n\n#### 注册接收消息 {#onmessage}\n\n
\nconn.init({\n\tonTextMessage : function(message) { },//收到文本消息处理动作\n onEmotionMessage : function(message) { },//收到表情消息处理动作\n onPictureMessage : function(message) { },//收到图片消息处理动作\n onAudioMessage : function(message) { }, //收到语音消息处理动作\n\t...\n});\n\n\n#### 处理消息{#options}\n\nconn.init()中注册不同消息接收handler之后，可自行解析消息体，定位聊天好友，并追加到与其聊天窗口。具体参考webim.easemob.com效果，消息体格式参见前章节：初始化连接。
\n注：对于图片、语音消息需要先进行下载，然后进行显示或者播放处理。如下(下载图片，音频同)：\n
\nvar handlePictureMessage = function(message) {\nvar filename = message.filename;//文件名称，带文件扩展名\nvar from = message.from;//文件的发送者\nvar mestype = message.type;//消息发送的类型是群组消息还是个人消息\n......\n...\nvar options = message;\n// 图片消息下载成功后的处理逻辑\noptions.onFileDownloadComplete = function(response, xhr) {\n\tvar objectURL = window.URL.createObjectURL(response);\n\timg = document.createElement(\"img\");\n\timg.onload = function(e) {\n\t\timg.onload = null;\n\t\twindow.URL.revokeObjectURL(img.src);\n\t};\n\timg.onerror = function() {\n\t\timg.onerror = null;\n\t\tif (typeof FileReader == 'undefined') {\n\t\t\timg.alter = \"当前浏览器不支持blob方式\";\n\t\t\treturn;\n\t\t}\n\t\timg.onerror = function() {\n\t\t\timg.alter = \"当前浏览器不支持blob方式\";\n\t\t};\n\t\tvar reader = new FileReader();\n\t\treader.onload = function(event) {\n\t\t\timg.src = this.result;\n\t\t};\n\t\treader.readAsDataURL(response);\n\t}\n\timg.src = objectURL;\n\tvar pic_real_width = options.width;\n\t......\n\t...\n};\noptions.onFileDownloadError = function(e) {\n\tappendMsg(from, contactDivId, e.msg + \",下载图片\" + filename + \"失败\");\n};\nEasemob.im.Helper.download(options);\n\n\n\n#### 历史消息{#history_message}\n\nsdk暂不具有缓存历史消息功能，demo中聊天窗口只能显示，当前登录后会话实时在聊天信息，不能查看历史消息，可以对登录后的聊天信息进行清除操作。\n\n#### 新消息提示{#new_message}\n\nsdk在收到新消息是会直接转发给登录用户，接收到消息后，demo中会在好友或者群组的后面显示红色消息数，具体样式开发者可自行处理。\n\n## 群聊{#group_chat}\n\n### 查询群组成员{#queryOccupants}\n\n
\n//根据roomId查询room成员列表\nvar queryOccupants = function queryOccupants(roomId) {\n var occupants = [];//存放成员容器\n //查询获取room信息\n conn.queryRoomInfo({\n roomId : roomId,\n success : function(occs) {\n if (occs) {\n for ( var i = 0; i < occs.length; i++) {\n occupants.push(occs[i]);\n }\n }\n //查询获取room成员信息\n conn.queryRoomMember({\n roomId : roomId,\n success : function(members) {\n if (members) {\n for ( var i = 0; i < members.length; i++) {\n occupants.push(members[i]);\n }\n }\n }\n });\n }\n });\n};\n\n\n### 发送文本（表情）聊天消息{#group_sendTextMessage}\n\n
\n//发送文本消息\nconn.sendTextMessage({\n to : to,\n type : 'groupchat',\n msg :'hello world！' //文本消息\n});\n\n//发送表情消息，调用接口同文本消息\nconn.sendTextMessage({\n to : to,\n type : 'groupchat',\n msg :'hello world！[(*)][(#)]' //文本消息+表情\n});\n\n\n### 发送图片消息{#group_sendPic}\n\n发送图片消息sdk自动分两步完成\n\n1. 上传图片文件\n2. 发送图片消息初始化连接中的onPictureMessage的格式\n\n
\n//发送图片消息时调用方法\nvar sendPic = function() {\n var to = curChatUserId;\n if (to == null) {\n return;\n }\n // Easemob.im.Helper.getFileUrl为easemobwebim-sdk获取发送文件对象的方法，fileInputId为 input 标签的id值\n var fileObj = Easemob.im.Helper.getFileUrl(fileInputId);\n if (fileObj.url == null || fileObj.url == '') {\n alert(\"请选择发送图片\");\n return;\n }\n var filetype = fileObj.filetype;\n var filename = fileObj.filename;\n if (filetype in pictype) {\n document.getElementById(\"fileSend\").disabled = true;\n document.getElementById(\"cancelfileSend\").disabled = true;\n var opt = {\n type:'chat',\n fileInputId : fileInputId,\n to : to,\n onFileUploadError : function(error) {\n //处理图片上传失败\n },\n onFileUploadComplete : function(data) {\n //关闭文件选择窗口\n $('#fileModal').modal('hide');\n //本地缩略图\n var file = document.getElementById(fileInputId);\n if (file && file.files) {\n var objUrl = getObjectURL(file.files[0]);\n if (objUrl) {\n var img = document.createElement(\"img\");\n img.src = objUrl;\n img.width = maxWidth;\n }\n }\n \n }\n };\n //判断是否为群组标识\n if (curChatUserId.indexOf(groupFlagMark) >= 0) {\n opt.type = 'groupchat';//群组标识符\n opt.to = curRoomId;\n }\n conn.sendPicture(opt);\n return;\n }\n alert(\"不支持此图片类型\" + filetype);\n};\n\n\n### 发送音频消息{#group_sendAudio}\n\nsdk处理同群发送图片消息，分两步\n\n1. 上传音频\n2. 发送消息\n\n
\n//发送音频消息时调用的方法\nvar sendAudio = function() {\n var to = curChatUserId;\n if (to == null) {\n alert(\"请选择联系人\");\n return;\n }\n //利用easemobwebim-sdk提供的方法来构造一个file对象\n var fileObj = Easemob.im.Helper.getFileUrl(fileInputId);\n if (fileObj.url == null || fileObj.url == '') {\n alert(\"请选择发送音频\");\n return;\n }\n var filetype = fileObj.filetype;\n var filename = fileObj.filename;\n if (filetype in audtype) {\n document.getElementById(\"fileSend\").disabled = true;\n document.getElementById(\"cancelfileSend\").disabled = true;\n var opt = {\n type:\"chat\",\n fileInputId : fileInputId,\n to : to,//发给谁\n onFileUploadError : function(error) {\n //处理上传音频失败\n },\n onFileUploadComplete : function(data) {\n //处理上传音频成功，如本地消息提示发送成功\n }\n };\n //构造完opt对象后调用easemobwebim-sdk中发送音频的方法\n if (curChatUserId.indexOf(groupFlagMark) >= 0) {\n opt.type = 'groupchat';\n opt.to = curRoomId;\n }\n conn.sendAudio(opt);\n return;\n }\n alert(\"不支持此音频类型\" + filetype);\n};\n\n### 接收及处理消息{#messageType}\n群聊接收及处理消息同单聊，消息体与单聊消息根据message的type进行区分，单聊为：“chat”，群聊为：“groupchat”。根据消息的类型进行不同处理即可。\n\n## 退出{#quit}\n\n### 关闭连接{#conn_close}\n//sdk关闭连接并处理连接状态为CLOSED\n
\nconn.close();\n\n\n## 工具类说明{#sdk_tools}\n\n### 表情工具类{#emotion}\n\n
\n//返回表情JSON object，格式为：\n {\n \"[):]\" : \"data:image/png;base64,iVBORw0K....==\",\n \"[:D]\" : \"data:image/png;base64,iVBORw0KGgoAAAANSUh....==\"\n }\n\nvar emotion_json = Easemob.im.Helper.EmotionPicData;\n\n\n### Base64工具类{#base64}\n\n
\nvar base64 = Easemob.im.Helper.Base64;\nvar srcstr=\"ssss\";\nvar base64str = base64.encode(srcstr);\nvar orgstr = base64.decode(srcstr);\n\n\n### 文件上传工具类{#fileupload}\n\n
\n//是否能上传file\nvar canupload = Easemob.im.Helper.isCanUploadFile;\n//是否能下载file\nvar candownload = Easemob.im.Helper.isCanDownLoadFile ;\n//是否设置header\nvar hasheader = Easemob.im.Helper.hasSetRequestHeader;\n//是否设置mimetype\nvar hasmimetype = Easemob.im.Helper.hasOverrideMimeType;\n\n\n### 表情解析工具类{#handleMotion}\n\n
\n//返回表情JSON，格式为：\n{\n isemotion:true;\n body:[{\n type:txt,\n msg:ssss\n },\n {\n type:emotion,\n msg:imgdata\n }]\n}\n\nvar emotionMsg = Easemob.im.Helper.parseTextMessage(message);\n\n\n### 文件上传工具类{#fileupdate}\n\n
\n//返回fileinfo对象，格式为：\n {\n url : '',\n filename : '',\n filetype : ''\n }\nvar fileInfo = Easemob.im.Helper.getFileUrl(fileInputId);\n//上传\nvar options={\n appName = 'chatdemoui',\n orgName = 'easemob-demo',\n accessToken = 'YWMtjPPoovCqEeOQs7myPqqaOwAAAUaqNH0a8rRj4PwJLQju6-S47ZO6wYs3Lwo',\n onFileUploadComplete:function(data){//upload file success },\n onFileUploadError:function(e){//upload file error },\n width:100,//only for pic\n heght:100//only for pic\n}\nEasemob.im.Helper.upload(options);\n//下载\nvar options = {\n method:'GET',//default GET\n responseType:'blob',//default blob\n mimeType:'text/plain; charset=x-user-defined',//default\n url:'http://s1.easemob.com/weiquan2/a2/chatfiles/0c0f5f3a-e66b-11e3-8863-f1c202c2b3ae',\n secret = 'NSgGYPCxEeOou00jZasg9e-GqKUZGdph96EFxJ4WxW-qkxV4',\n accessToken = 'YWMtjPPoovCqEeOQs7myPqqaOwAAAUaqNH0a8rRj4PwJLQju6-S47ZO6wYs3Lwo',\n onFileUploadComplete:function(data){//upload file success },\n onFileUploadError:function(e){//upload file error },\n}\nEasemob.im.Helper.download(options);\n//文件大小 \nvar options={\n fileInputId:'uploadfileinput'//文件输入框id\n};\nvar fileSize = getFileSize(options.fileInputId);;\n\n\n### 发送Ajax请求{#ajaxresquest}\n\n
\nvar options = {\n dataType:'text',//default\n success:function(){//handle request success},\n error :function(){//handle request error},\n type : 'post',//default 'post'\n url : 'http://s1.easemob.com/weiquan2/a2/chatfiles/0c0f5f3a-e66b-11e3-8863-f1c202c2b3ae',\n headers:'',//default {}\n data : '';//default null\n};\nEasemob.im.Helper.xhr(options);\n\n\n### 登录{#sdk_login}\n\n
\nvar options = {\n appKey:'easemob-demo#chatdemoui',//default ''\n success:function(data){ //login success },//default emptyFn\n error : cunction(error){ //login error }, //default emptyFn\n user : 'test1', //default ''\n pwd : '123456' //default ''\n};\nEasemob.im.Helper.login2UserGrid(options);\n\n\n### 注册{#sdk_regist}\n\n
\nvvar options = {\n\tusername : 'zjj8',\n\tpassword : '123456',\n\tappKey : 'easemob-demo#chatdemoui',\n\tsuccess : function(result) {\n\t\t//注册成功\n\t\t},\n\t\terror : function(e) {\n\t\t//注册失败\t\t\t\n\t\t}\n\t};\nEasemob.im.Helper.registerUser(options);\n\n\n### 内置空函数{#null_function}\n\n当所有需要回调的地方接受到函数时，默认采用此函数\n\n
\nvar emptyFn = function() {};\n\n"
},
{
"path": "examples/login/libs/easymob-webim-sdk/strophe-custom-2.0.0.js",
"content": "/* All of the Strophe globals are defined in this special function below so\r\n * that references to the globals become closures. This will ensure that\r\n * on page reload, these references will still be available to callbacks\r\n * that are still executing.\r\n */\r\n\r\n/* jshint ignore:start */\r\n(function (callback) {\r\n/* jshint ignore:end */\r\n\r\n// This code was written by Tyler Akins and has been placed in the\r\n// public domain. It would be nice if you left this header intact.\r\n// Base64 code from Tyler Akins -- http://rumkin.com\r\n\r\nvar Base64 = (function () {\r\n var keyStr = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\r\n\r\n var obj = {\r\n /**\r\n * Encodes a string in base64\r\n * @param {String} input The string to encode in base64.\r\n */\r\n encode: function (input) {\r\n var output = \"\";\r\n var chr1, chr2, chr3;\r\n var enc1, enc2, enc3, enc4;\r\n var i = 0;\r\n\r\n do {\r\n chr1 = input.charCodeAt(i++);\r\n chr2 = input.charCodeAt(i++);\r\n chr3 = input.charCodeAt(i++);\r\n\r\n enc1 = chr1 >> 2;\r\n enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);\r\n enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);\r\n enc4 = chr3 & 63;\r\n\r\n if (isNaN(chr2)) {\r\n enc2 = ((chr1 & 3) << 4);\r\n enc3 = enc4 = 64;\r\n } else if (isNaN(chr3)) {\r\n enc4 = 64;\r\n }\r\n\r\n output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) +\r\n keyStr.charAt(enc3) + keyStr.charAt(enc4);\r\n } while (i < input.length);\r\n\r\n return output;\r\n },\r\n\r\n /**\r\n * Decodes a base64 string.\r\n * @param {String} input The string to decode.\r\n */\r\n decode: function (input) {\r\n var output = \"\";\r\n var chr1, chr2, chr3;\r\n var enc1, enc2, enc3, enc4;\r\n var i = 0;\r\n\r\n // remove all characters that are not A-Z, a-z, 0-9, +, /, or =\r\n input = input.replace(/[^A-Za-z0-9\\+\\/\\=]/g, \"\");\r\n\r\n do {\r\n enc1 = keyStr.indexOf(input.charAt(i++));\r\n enc2 = keyStr.indexOf(input.charAt(i++));\r\n enc3 = keyStr.indexOf(input.charAt(i++));\r\n enc4 = keyStr.indexOf(input.charAt(i++));\r\n\r\n chr1 = (enc1 << 2) | (enc2 >> 4);\r\n chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);\r\n chr3 = ((enc3 & 3) << 6) | enc4;\r\n\r\n output = output + String.fromCharCode(chr1);\r\n\r\n if (enc3 != 64) {\r\n output = output + String.fromCharCode(chr2);\r\n }\r\n if (enc4 != 64) {\r\n output = output + String.fromCharCode(chr3);\r\n }\r\n } while (i < input.length);\r\n\r\n return output;\r\n }\r\n };\r\n\r\n return obj;\r\n})();\r\n\r\n/*\r\n * A JavaScript implementation of the Secure Hash Algorithm, SHA-1, as defined\r\n * in FIPS PUB 180-1\r\n * Version 2.1a Copyright Paul Johnston 2000 - 2002.\r\n * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet\r\n * Distributed under the BSD License\r\n * See http://pajhome.org.uk/crypt/md5 for details.\r\n */\r\n\r\n/* Some functions and variables have been stripped for use with Strophe */\r\n\r\n/*\r\n * These are the functions you'll usually want to call\r\n * They take string arguments and return either hex or base-64 encoded strings\r\n */\r\nfunction b64_sha1(s){return binb2b64(core_sha1(str2binb(s),s.length * 8));}\r\nfunction str_sha1(s){return binb2str(core_sha1(str2binb(s),s.length * 8));}\r\nfunction b64_hmac_sha1(key, data){ return binb2b64(core_hmac_sha1(key, data));}\r\nfunction str_hmac_sha1(key, data){ return binb2str(core_hmac_sha1(key, data));}\r\n\r\n/*\r\n * Calculate the SHA-1 of an array of big-endian words, and a bit length\r\n */\r\nfunction core_sha1(x, len)\r\n{\r\n /* append padding */\r\n x[len >> 5] |= 0x80 << (24 - len % 32);\r\n x[((len + 64 >> 9) << 4) + 15] = len;\r\n\r\n var w = new Array(80);\r\n var a = 1732584193;\r\n var b = -271733879;\r\n var c = -1732584194;\r\n var d = 271733878;\r\n var e = -1009589776;\r\n\r\n var i, j, t, olda, oldb, oldc, oldd, olde;\r\n for (i = 0; i < x.length; i += 16)\r\n {\r\n olda = a;\r\n oldb = b;\r\n oldc = c;\r\n oldd = d;\r\n olde = e;\r\n\r\n for (j = 0; j < 80; j++)\r\n {\r\n if (j < 16) { w[j] = x[i + j]; }\r\n else { w[j] = rol(w[j-3] ^ w[j-8] ^ w[j-14] ^ w[j-16], 1); }\r\n t = safe_add(safe_add(rol(a, 5), sha1_ft(j, b, c, d)),\r\n safe_add(safe_add(e, w[j]), sha1_kt(j)));\r\n e = d;\r\n d = c;\r\n c = rol(b, 30);\r\n b = a;\r\n a = t;\r\n }\r\n\r\n a = safe_add(a, olda);\r\n b = safe_add(b, oldb);\r\n c = safe_add(c, oldc);\r\n d = safe_add(d, oldd);\r\n e = safe_add(e, olde);\r\n }\r\n return [a, b, c, d, e];\r\n}\r\n\r\n/*\r\n * Perform the appropriate triplet combination function for the current\r\n * iteration\r\n */\r\nfunction sha1_ft(t, b, c, d)\r\n{\r\n if (t < 20) { return (b & c) | ((~b) & d); }\r\n if (t < 40) { return b ^ c ^ d; }\r\n if (t < 60) { return (b & c) | (b & d) | (c & d); }\r\n return b ^ c ^ d;\r\n}\r\n\r\n/*\r\n * Determine the appropriate additive constant for the current iteration\r\n */\r\nfunction sha1_kt(t)\r\n{\r\n return (t < 20) ? 1518500249 : (t < 40) ? 1859775393 :\r\n (t < 60) ? -1894007588 : -899497514;\r\n}\r\n\r\n/*\r\n * Calculate the HMAC-SHA1 of a key and some data\r\n */\r\nfunction core_hmac_sha1(key, data)\r\n{\r\n var bkey = str2binb(key);\r\n if (bkey.length > 16) { bkey = core_sha1(bkey, key.length * 8); }\r\n\r\n var ipad = new Array(16), opad = new Array(16);\r\n for (var i = 0; i < 16; i++)\r\n {\r\n ipad[i] = bkey[i] ^ 0x36363636;\r\n opad[i] = bkey[i] ^ 0x5C5C5C5C;\r\n }\r\n\r\n var hash = core_sha1(ipad.concat(str2binb(data)), 512 + data.length * 8);\r\n return core_sha1(opad.concat(hash), 512 + 160);\r\n}\r\n\r\n/*\r\n * Add integers, wrapping at 2^32. This uses 16-bit operations internally\r\n * to work around bugs in some JS interpreters.\r\n */\r\nfunction safe_add(x, y)\r\n{\r\n var lsw = (x & 0xFFFF) + (y & 0xFFFF);\r\n var msw = (x >> 16) + (y >> 16) + (lsw >> 16);\r\n return (msw << 16) | (lsw & 0xFFFF);\r\n}\r\n\r\n/*\r\n * Bitwise rotate a 32-bit number to the left.\r\n */\r\nfunction rol(num, cnt)\r\n{\r\n return (num << cnt) | (num >>> (32 - cnt));\r\n}\r\n\r\n/*\r\n * Convert an 8-bit or 16-bit string to an array of big-endian words\r\n * In 8-bit function, characters >255 have their hi-byte silently ignored.\r\n */\r\nfunction str2binb(str)\r\n{\r\n var bin = [];\r\n var mask = 255;\r\n for (var i = 0; i < str.length * 8; i += 8)\r\n {\r\n bin[i>>5] |= (str.charCodeAt(i / 8) & mask) << (24 - i%32);\r\n }\r\n return bin;\r\n}\r\n\r\n/*\r\n * Convert an array of big-endian words to a string\r\n */\r\nfunction binb2str(bin)\r\n{\r\n var str = \"\";\r\n var mask = 255;\r\n for (var i = 0; i < bin.length * 32; i += 8)\r\n {\r\n str += String.fromCharCode((bin[i>>5] >>> (24 - i%32)) & mask);\r\n }\r\n return str;\r\n}\r\n\r\n/*\r\n * Convert an array of big-endian words to a base-64 string\r\n */\r\nfunction binb2b64(binarray)\r\n{\r\n var tab = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/\";\r\n var str = \"\";\r\n var triplet, j;\r\n for (var i = 0; i < binarray.length * 4; i += 3)\r\n {\r\n triplet = (((binarray[i >> 2] >> 8 * (3 - i %4)) & 0xFF) << 16) |\r\n (((binarray[i+1 >> 2] >> 8 * (3 - (i+1)%4)) & 0xFF) << 8 ) |\r\n ((binarray[i+2 >> 2] >> 8 * (3 - (i+2)%4)) & 0xFF);\r\n for (j = 0; j < 4; j++)\r\n {\r\n if (i * 8 + j * 6 > binarray.length * 32) { str += \"=\"; }\r\n else { str += tab.charAt((triplet >> 6*(3-j)) & 0x3F); }\r\n }\r\n }\r\n return str;\r\n}\r\n\r\n/*\r\n * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message\r\n * Digest Algorithm, as defined in RFC 1321.\r\n * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002.\r\n * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet\r\n * Distributed under the BSD License\r\n * See http://pajhome.org.uk/crypt/md5 for more info.\r\n */\r\n\r\n/*\r\n * Everything that isn't used by Strophe has been stripped here!\r\n */\r\n\r\nvar MD5 = (function () {\r\n /*\r\n * Add integers, wrapping at 2^32. This uses 16-bit operations internally\r\n * to work around bugs in some JS interpreters.\r\n */\r\n var safe_add = function (x, y) {\r\n var lsw = (x & 0xFFFF) + (y & 0xFFFF);\r\n var msw = (x >> 16) + (y >> 16) + (lsw >> 16);\r\n return (msw << 16) | (lsw & 0xFFFF);\r\n };\r\n\r\n /*\r\n * Bitwise rotate a 32-bit number to the left.\r\n */\r\n var bit_rol = function (num, cnt) {\r\n return (num << cnt) | (num >>> (32 - cnt));\r\n };\r\n\r\n /*\r\n * Convert a string to an array of little-endian words\r\n */\r\n var str2binl = function (str) {\r\n var bin = [];\r\n for(var i = 0; i < str.length * 8; i += 8)\r\n {\r\n bin[i>>5] |= (str.charCodeAt(i / 8) & 255) << (i%32);\r\n }\r\n return bin;\r\n };\r\n\r\n /*\r\n * Convert an array of little-endian words to a string\r\n */\r\n var binl2str = function (bin) {\r\n var str = \"\";\r\n for(var i = 0; i < bin.length * 32; i += 8)\r\n {\r\n str += String.fromCharCode((bin[i>>5] >>> (i % 32)) & 255);\r\n }\r\n return str;\r\n };\r\n\r\n /*\r\n * Convert an array of little-endian words to a hex string.\r\n */\r\n var binl2hex = function (binarray) {\r\n var hex_tab = \"0123456789abcdef\";\r\n var str = \"\";\r\n for(var i = 0; i < binarray.length * 4; i++)\r\n {\r\n str += hex_tab.charAt((binarray[i>>2] >> ((i%4)*8+4)) & 0xF) +\r\n hex_tab.charAt((binarray[i>>2] >> ((i%4)*8 )) & 0xF);\r\n }\r\n return str;\r\n };\r\n\r\n /*\r\n * These functions implement the four basic operations the algorithm uses.\r\n */\r\n var md5_cmn = function (q, a, b, x, s, t) {\r\n return safe_add(bit_rol(safe_add(safe_add(a, q),safe_add(x, t)), s),b);\r\n };\r\n\r\n var md5_ff = function (a, b, c, d, x, s, t) {\r\n return md5_cmn((b & c) | ((~b) & d), a, b, x, s, t);\r\n };\r\n\r\n var md5_gg = function (a, b, c, d, x, s, t) {\r\n return md5_cmn((b & d) | (c & (~d)), a, b, x, s, t);\r\n };\r\n\r\n var md5_hh = function (a, b, c, d, x, s, t) {\r\n return md5_cmn(b ^ c ^ d, a, b, x, s, t);\r\n };\r\n\r\n var md5_ii = function (a, b, c, d, x, s, t) {\r\n return md5_cmn(c ^ (b | (~d)), a, b, x, s, t);\r\n };\r\n\r\n /*\r\n * Calculate the MD5 of an array of little-endian words, and a bit length\r\n */\r\n var core_md5 = function (x, len) {\r\n /* append padding */\r\n x[len >> 5] |= 0x80 << ((len) % 32);\r\n x[(((len + 64) >>> 9) << 4) + 14] = len;\r\n\r\n var a = 1732584193;\r\n var b = -271733879;\r\n var c = -1732584194;\r\n var d = 271733878;\r\n\r\n var olda, oldb, oldc, oldd;\r\n for (var i = 0; i < x.length; i += 16)\r\n {\r\n olda = a;\r\n oldb = b;\r\n oldc = c;\r\n oldd = d;\r\n\r\n a = md5_ff(a, b, c, d, x[i+ 0], 7 , -680876936);\r\n d = md5_ff(d, a, b, c, x[i+ 1], 12, -389564586);\r\n c = md5_ff(c, d, a, b, x[i+ 2], 17, 606105819);\r\n b = md5_ff(b, c, d, a, x[i+ 3], 22, -1044525330);\r\n a = md5_ff(a, b, c, d, x[i+ 4], 7 , -176418897);\r\n d = md5_ff(d, a, b, c, x[i+ 5], 12, 1200080426);\r\n c = md5_ff(c, d, a, b, x[i+ 6], 17, -1473231341);\r\n b = md5_ff(b, c, d, a, x[i+ 7], 22, -45705983);\r\n a = md5_ff(a, b, c, d, x[i+ 8], 7 , 1770035416);\r\n d = md5_ff(d, a, b, c, x[i+ 9], 12, -1958414417);\r\n c = md5_ff(c, d, a, b, x[i+10], 17, -42063);\r\n b = md5_ff(b, c, d, a, x[i+11], 22, -1990404162);\r\n a = md5_ff(a, b, c, d, x[i+12], 7 , 1804603682);\r\n d = md5_ff(d, a, b, c, x[i+13], 12, -40341101);\r\n c = md5_ff(c, d, a, b, x[i+14], 17, -1502002290);\r\n b = md5_ff(b, c, d, a, x[i+15], 22, 1236535329);\r\n\r\n a = md5_gg(a, b, c, d, x[i+ 1], 5 , -165796510);\r\n d = md5_gg(d, a, b, c, x[i+ 6], 9 , -1069501632);\r\n c = md5_gg(c, d, a, b, x[i+11], 14, 643717713);\r\n b = md5_gg(b, c, d, a, x[i+ 0], 20, -373897302);\r\n a = md5_gg(a, b, c, d, x[i+ 5], 5 , -701558691);\r\n d = md5_gg(d, a, b, c, x[i+10], 9 , 38016083);\r\n c = md5_gg(c, d, a, b, x[i+15], 14, -660478335);\r\n b = md5_gg(b, c, d, a, x[i+ 4], 20, -405537848);\r\n a = md5_gg(a, b, c, d, x[i+ 9], 5 , 568446438);\r\n d = md5_gg(d, a, b, c, x[i+14], 9 , -1019803690);\r\n c = md5_gg(c, d, a, b, x[i+ 3], 14, -187363961);\r\n b = md5_gg(b, c, d, a, x[i+ 8], 20, 1163531501);\r\n a = md5_gg(a, b, c, d, x[i+13], 5 , -1444681467);\r\n d = md5_gg(d, a, b, c, x[i+ 2], 9 , -51403784);\r\n c = md5_gg(c, d, a, b, x[i+ 7], 14, 1735328473);\r\n b = md5_gg(b, c, d, a, x[i+12], 20, -1926607734);\r\n\r\n a = md5_hh(a, b, c, d, x[i+ 5], 4 , -378558);\r\n d = md5_hh(d, a, b, c, x[i+ 8], 11, -2022574463);\r\n c = md5_hh(c, d, a, b, x[i+11], 16, 1839030562);\r\n b = md5_hh(b, c, d, a, x[i+14], 23, -35309556);\r\n a = md5_hh(a, b, c, d, x[i+ 1], 4 , -1530992060);\r\n d = md5_hh(d, a, b, c, x[i+ 4], 11, 1272893353);\r\n c = md5_hh(c, d, a, b, x[i+ 7], 16, -155497632);\r\n b = md5_hh(b, c, d, a, x[i+10], 23, -1094730640);\r\n a = md5_hh(a, b, c, d, x[i+13], 4 , 681279174);\r\n d = md5_hh(d, a, b, c, x[i+ 0], 11, -358537222);\r\n c = md5_hh(c, d, a, b, x[i+ 3], 16, -722521979);\r\n b = md5_hh(b, c, d, a, x[i+ 6], 23, 76029189);\r\n a = md5_hh(a, b, c, d, x[i+ 9], 4 , -640364487);\r\n d = md5_hh(d, a, b, c, x[i+12], 11, -421815835);\r\n c = md5_hh(c, d, a, b, x[i+15], 16, 530742520);\r\n b = md5_hh(b, c, d, a, x[i+ 2], 23, -995338651);\r\n\r\n a = md5_ii(a, b, c, d, x[i+ 0], 6 , -198630844);\r\n d = md5_ii(d, a, b, c, x[i+ 7], 10, 1126891415);\r\n c = md5_ii(c, d, a, b, x[i+14], 15, -1416354905);\r\n b = md5_ii(b, c, d, a, x[i+ 5], 21, -57434055);\r\n a = md5_ii(a, b, c, d, x[i+12], 6 , 1700485571);\r\n d = md5_ii(d, a, b, c, x[i+ 3], 10, -1894986606);\r\n c = md5_ii(c, d, a, b, x[i+10], 15, -1051523);\r\n b = md5_ii(b, c, d, a, x[i+ 1], 21, -2054922799);\r\n a = md5_ii(a, b, c, d, x[i+ 8], 6 , 1873313359);\r\n d = md5_ii(d, a, b, c, x[i+15], 10, -30611744);\r\n c = md5_ii(c, d, a, b, x[i+ 6], 15, -1560198380);\r\n b = md5_ii(b, c, d, a, x[i+13], 21, 1309151649);\r\n a = md5_ii(a, b, c, d, x[i+ 4], 6 , -145523070);\r\n d = md5_ii(d, a, b, c, x[i+11], 10, -1120210379);\r\n c = md5_ii(c, d, a, b, x[i+ 2], 15, 718787259);\r\n b = md5_ii(b, c, d, a, x[i+ 9], 21, -343485551);\r\n\r\n a = safe_add(a, olda);\r\n b = safe_add(b, oldb);\r\n c = safe_add(c, oldc);\r\n d = safe_add(d, oldd);\r\n }\r\n return [a, b, c, d];\r\n };\r\n\r\n\r\n var obj = {\r\n /*\r\n * These are the functions you'll usually want to call.\r\n * They take string arguments and return either hex or base-64 encoded\r\n * strings.\r\n */\r\n hexdigest: function (s) {\r\n return binl2hex(core_md5(str2binl(s), s.length * 8));\r\n },\r\n\r\n hash: function (s) {\r\n return binl2str(core_md5(str2binl(s), s.length * 8));\r\n }\r\n };\r\n\r\n return obj;\r\n})();\r\n\r\n/*\r\n This program is distributed under the terms of the MIT license.\r\n Please see the LICENSE file for details.\r\n\r\n Copyright 2006-2008, OGG, LLC\r\n*/\r\n\r\n/* jshint undef: true, unused: true:, noarg: true, latedef: true */\r\n\r\n/** File: polyfills.js\r\n * A JavaScript library for XMPP BOSH/XMPP over Websocket.\r\n *\r\n * This file contains some polyfills used by strophe.js\r\n */\r\n\r\n/** PrivateFunction: Function.prototype.bind\r\n * Bind a function to an instance.\r\n *\r\n * This Function object extension method creates a bound method similar\r\n * to those in Python. This means that the 'this' object will point\r\n * to the instance you want. See\r\n *
MDC's bind() documentation and\r\n *
Bound Functions and Function Imports in JavaScript \r\n * for a complete explanation.\r\n *\r\n * This extension already exists in some browsers (namely, Firefox 3), but\r\n * we provide it to support those that don't.\r\n *\r\n * Parameters:\r\n * (Object) obj - The object that will become 'this' in the bound function.\r\n * (Object) argN - An option argument that will be prepended to the\r\n * arguments given for the function call\r\n *\r\n * Returns:\r\n * The bound function.\r\n */\r\nif (!Function.prototype.bind) {\r\n Function.prototype.bind = function (obj /*, arg1, arg2, ... */)\r\n {\r\n var func = this;\r\n var _slice = Array.prototype.slice;\r\n var _concat = Array.prototype.concat;\r\n var _args = _slice.call(arguments, 1);\r\n\r\n return function () {\r\n return func.apply(obj ? obj : this,\r\n _concat.call(_args,\r\n _slice.call(arguments, 0)));\r\n };\r\n };\r\n}\r\n\r\n/** PrivateFunction: Array.isArray\r\n * This is a polyfill for the ES5 Array.isArray method.\r\n */\r\nif (!Array.isArray) {\r\n Array.isArray = function(arg) {\r\n return Object.prototype.toString.call(arg) === '[object Array]';\r\n };\r\n}\r\n\r\n/** PrivateFunction: Array.prototype.indexOf\r\n * Return the index of an object in an array.\r\n *\r\n * This function is not supplied by some JavaScript implementations, so\r\n * we provide it if it is missing. This code is from:\r\n * http://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Objects:Array:indexOf\r\n *\r\n * Parameters:\r\n * (Object) elt - The object to look for.\r\n * (Integer) from - The index from which to start looking. (optional).\r\n *\r\n * Returns:\r\n * The index of elt in the array or -1 if not found.\r\n */\r\nif (!Array.prototype.indexOf)\r\n {\r\n Array.prototype.indexOf = function(elt /*, from*/)\r\n {\r\n var len = this.length;\r\n\r\n var from = Number(arguments[1]) || 0;\r\n from = (from < 0) ? Math.ceil(from) : Math.floor(from);\r\n if (from < 0) {\r\n from += len;\r\n }\r\n\r\n for (; from < len; from++) {\r\n if (from in this && this[from] === elt) {\r\n return from;\r\n }\r\n }\r\n\r\n return -1;\r\n };\r\n }\r\n\r\n/*\r\n This program is distributed under the terms of the MIT license.\r\n Please see the LICENSE file for details.\r\n\r\n Copyright 2006-2008, OGG, LLC\r\n*/\r\n\r\n/* jshint undef: true, unused: true:, noarg: true, latedef: true */\r\n/*global document, window, setTimeout, clearTimeout, console,\r\n ActiveXObject, Base64, MD5, DOMParser */\r\n// from sha1.js\r\n/*global core_hmac_sha1, binb2str, str_hmac_sha1, str_sha1, b64_hmac_sha1*/\r\n\r\n/** File: strophe.js\r\n * A JavaScript library for XMPP BOSH/XMPP over Websocket.\r\n *\r\n * This is the JavaScript version of the Strophe library. Since JavaScript\r\n * had no facilities for persistent TCP connections, this library uses\r\n * Bidirectional-streams Over Synchronous HTTP (BOSH) to emulate\r\n * a persistent, stateful, two-way connection to an XMPP server. More\r\n * information on BOSH can be found in XEP 124.\r\n *\r\n * This version of Strophe also works with WebSockets.\r\n * For more information on XMPP-over WebSocket see this RFC draft:\r\n * http://tools.ietf.org/html/draft-ietf-xmpp-websocket-00\r\n */\r\n\r\n/* All of the Strophe globals are defined in this special function below so\r\n * that references to the globals become closures. This will ensure that\r\n * on page reload, these references will still be available to callbacks\r\n * that are still executing.\r\n */\r\n\r\nvar Strophe;\r\n\r\n/** Function: $build\r\n * Create a Strophe.Builder.\r\n * This is an alias for 'new Strophe.Builder(name, attrs)'.\r\n *\r\n * Parameters:\r\n * (String) name - The root element name.\r\n * (Object) attrs - The attributes for the root element in object notation.\r\n *\r\n * Returns:\r\n * A new Strophe.Builder object.\r\n */\r\nfunction $build(name, attrs) { return new Strophe.Builder(name, attrs); }\r\n/** Function: $msg\r\n * Create a Strophe.Builder with a
element as the root.\r\n *\r\n * Parmaeters:\r\n * (Object) attrs - The
element attributes in object notation.\r\n *\r\n * Returns:\r\n * A new Strophe.Builder object.\r\n */\r\n/* jshint ignore:start */\r\nfunction $msg(attrs) { return new Strophe.Builder(\"message\", attrs); }\r\n/* jshint ignore:end */\r\n/** Function: $iq\r\n * Create a Strophe.Builder with an
element as the root.\r\n *\r\n * Parameters:\r\n * (Object) attrs - The
element attributes in object notation.\r\n *\r\n * Returns:\r\n * A new Strophe.Builder object.\r\n */\r\nfunction $iq(attrs) { return new Strophe.Builder(\"iq\", attrs); }\r\n/** Function: $pres\r\n * Create a Strophe.Builder with a
element as the root.\r\n *\r\n * Parameters:\r\n * (Object) attrs - The
element attributes in object notation.\r\n *\r\n * Returns:\r\n * A new Strophe.Builder object.\r\n */\r\nfunction $pres(attrs) { return new Strophe.Builder(\"presence\", attrs); }\r\n\r\n/** Class: Strophe\r\n * An object container for all Strophe library functions.\r\n *\r\n * This class is just a container for all the objects and constants\r\n * used in the library. It is not meant to be instantiated, but to\r\n * provide a namespace for library objects, constants, and functions.\r\n */\r\nStrophe = {\r\n /** Constant: VERSION\r\n * The version of the Strophe library. Unreleased builds will have\r\n * a version of head-HASH where HASH is a partial revision.\r\n */\r\n VERSION: \"1.1.4dev1\",\r\n\r\n /** Constants: XMPP Namespace Constants\r\n * Common namespace constants from the XMPP RFCs and XEPs.\r\n *\r\n * NS.HTTPBIND - HTTP BIND namespace from XEP 124.\r\n * NS.BOSH - BOSH namespace from XEP 206.\r\n * NS.CLIENT - Main XMPP client namespace.\r\n * NS.AUTH - Legacy authentication namespace.\r\n * NS.ROSTER - Roster operations namespace.\r\n * NS.PROFILE - Profile namespace.\r\n * NS.DISCO_INFO - Service discovery info namespace from XEP 30.\r\n * NS.DISCO_ITEMS - Service discovery items namespace from XEP 30.\r\n * NS.MUC - Multi-User Chat namespace from XEP 45.\r\n * NS.SASL - XMPP SASL namespace from RFC 3920.\r\n * NS.STREAM - XMPP Streams namespace from RFC 3920.\r\n * NS.BIND - XMPP Binding namespace from RFC 3920.\r\n * NS.SESSION - XMPP Session namespace from RFC 3920.\r\n * NS.XHTML_IM - XHTML-IM namespace from XEP 71.\r\n * NS.XHTML - XHTML body namespace from XEP 71.\r\n */\r\n NS: {\r\n HTTPBIND: \"http://jabber.org/protocol/httpbind\",\r\n BOSH: \"urn:xmpp:xbosh\",\r\n CLIENT: \"jabber:client\",\r\n AUTH: \"jabber:iq:auth\",\r\n ROSTER: \"jabber:iq:roster\",\r\n PROFILE: \"jabber:iq:profile\",\r\n DISCO_INFO: \"http://jabber.org/protocol/disco#info\",\r\n DISCO_ITEMS: \"http://jabber.org/protocol/disco#items\",\r\n MUC: \"http://jabber.org/protocol/muc\",\r\n SASL: \"urn:ietf:params:xml:ns:xmpp-sasl\",\r\n STREAM: \"http://etherx.jabber.org/streams\",\r\n FRAMING: \"urn:ietf:params:xml:ns:xmpp-framing\",\r\n BIND: \"urn:ietf:params:xml:ns:xmpp-bind\",\r\n SESSION: \"urn:ietf:params:xml:ns:xmpp-session\",\r\n VERSION: \"jabber:iq:version\",\r\n STANZAS: \"urn:ietf:params:xml:ns:xmpp-stanzas\",\r\n XHTML_IM: \"http://jabber.org/protocol/xhtml-im\",\r\n XHTML: \"http://www.w3.org/1999/xhtml\"\r\n },\r\n\r\n\r\n /** Constants: XHTML_IM Namespace\r\n * contains allowed tags, tag attributes, and css properties.\r\n * Used in the createHtml function to filter incoming html into the allowed XHTML-IM subset.\r\n * See http://xmpp.org/extensions/xep-0071.html#profile-summary for the list of recommended\r\n * allowed tags and their attributes.\r\n */\r\n XHTML: {\r\n tags: ['a','blockquote','br','cite','em','img','li','ol','p','span','strong','ul','body'],\r\n attributes: {\r\n 'a': ['href'],\r\n 'blockquote': ['style'],\r\n 'br': [],\r\n 'cite': ['style'],\r\n 'em': [],\r\n 'img': ['src', 'alt', 'style', 'height', 'width'],\r\n 'li': ['style'],\r\n 'ol': ['style'],\r\n 'p': ['style'],\r\n 'span': ['style'],\r\n 'strong': [],\r\n 'ul': ['style'],\r\n 'body': []\r\n },\r\n css: ['background-color','color','font-family','font-size','font-style','font-weight','margin-left','margin-right','text-align','text-decoration'],\r\n validTag: function(tag)\r\n {\r\n for(var i = 0; i < Strophe.XHTML.tags.length; i++) {\r\n if(tag == Strophe.XHTML.tags[i]) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n validAttribute: function(tag, attribute)\r\n {\r\n if(typeof Strophe.XHTML.attributes[tag] !== 'undefined' && Strophe.XHTML.attributes[tag].length > 0) {\r\n for(var i = 0; i < Strophe.XHTML.attributes[tag].length; i++) {\r\n if(attribute == Strophe.XHTML.attributes[tag][i]) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n },\r\n validCSS: function(style)\r\n {\r\n for(var i = 0; i < Strophe.XHTML.css.length; i++) {\r\n if(style == Strophe.XHTML.css[i]) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n },\r\n\r\n /** Constants: Connection Status Constants\r\n * Connection status constants for use by the connection handler\r\n * callback.\r\n *\r\n * Status.ERROR - An error has occurred\r\n * Status.CONNECTING - The connection is currently being made\r\n * Status.CONNFAIL - The connection attempt failed\r\n * Status.AUTHENTICATING - The connection is authenticating\r\n * Status.AUTHFAIL - The authentication attempt failed\r\n * Status.CONNECTED - The connection has succeeded\r\n * Status.DISCONNECTED - The connection has been terminated\r\n * Status.DISCONNECTING - The connection is currently being terminated\r\n * Status.ATTACHED - The connection has been attached\r\n */\r\n Status: {\r\n ERROR: 0,\r\n CONNECTING: 1,\r\n CONNFAIL: 2,\r\n AUTHENTICATING: 3,\r\n AUTHFAIL: 4,\r\n CONNECTED: 5,\r\n DISCONNECTED: 6,\r\n DISCONNECTING: 7,\r\n ATTACHED: 8,\r\n REDIRECT: 9\r\n },\r\n\r\n /** Constants: Log Level Constants\r\n * Logging level indicators.\r\n *\r\n * LogLevel.DEBUG - Debug output\r\n * LogLevel.INFO - Informational output\r\n * LogLevel.WARN - Warnings\r\n * LogLevel.ERROR - Errors\r\n * LogLevel.FATAL - Fatal errors\r\n */\r\n LogLevel: {\r\n DEBUG: 0,\r\n INFO: 1,\r\n WARN: 2,\r\n ERROR: 3,\r\n FATAL: 4\r\n },\r\n\r\n /** PrivateConstants: DOM Element Type Constants\r\n * DOM element types.\r\n *\r\n * ElementType.NORMAL - Normal element.\r\n * ElementType.TEXT - Text data element.\r\n * ElementType.FRAGMENT - XHTML fragment element.\r\n */\r\n ElementType: {\r\n NORMAL: 1,\r\n TEXT: 3,\r\n CDATA: 4,\r\n FRAGMENT: 11\r\n },\r\n\r\n /** PrivateConstants: Timeout Values\r\n * Timeout values for error states. These values are in seconds.\r\n * These should not be changed unless you know exactly what you are\r\n * doing.\r\n *\r\n * TIMEOUT - Timeout multiplier. A waiting request will be considered\r\n * failed after Math.floor(TIMEOUT * wait) seconds have elapsed.\r\n * This defaults to 1.1, and with default wait, 66 seconds.\r\n * SECONDARY_TIMEOUT - Secondary timeout multiplier. In cases where\r\n * Strophe can detect early failure, it will consider the request\r\n * failed if it doesn't return after\r\n * Math.floor(SECONDARY_TIMEOUT * wait) seconds have elapsed.\r\n * This defaults to 0.1, and with default wait, 6 seconds.\r\n */\r\n TIMEOUT: 1.1,\r\n SECONDARY_TIMEOUT: 0.1,\r\n\r\n /** Function: addNamespace\r\n * This function is used to extend the current namespaces in\r\n * Strophe.NS. It takes a key and a value with the key being the\r\n * name of the new namespace, with its actual value.\r\n * For example:\r\n * Strophe.addNamespace('PUBSUB', \"http://jabber.org/protocol/pubsub\");\r\n *\r\n * Parameters:\r\n * (String) name - The name under which the namespace will be\r\n * referenced under Strophe.NS\r\n * (String) value - The actual namespace.\r\n */\r\n addNamespace: function (name, value)\r\n {\r\n Strophe.NS[name] = value;\r\n },\r\n\r\n /** Function: forEachChild\r\n * Map a function over some or all child elements of a given element.\r\n *\r\n * This is a small convenience function for mapping a function over\r\n * some or all of the children of an element. If elemName is null, all\r\n * children will be passed to the function, otherwise only children\r\n * whose tag names match elemName will be passed.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - The element to operate on.\r\n * (String) elemName - The child element tag name filter.\r\n * (Function) func - The function to apply to each child. This\r\n * function should take a single argument, a DOM element.\r\n */\r\n forEachChild: function (elem, elemName, func)\r\n {\r\n var i, childNode;\r\n\r\n for (i = 0; i < elem.childNodes.length; i++) {\r\n childNode = elem.childNodes[i];\r\n if (childNode.nodeType == Strophe.ElementType.NORMAL &&\r\n (!elemName || this.isTagEqual(childNode, elemName))) {\r\n func(childNode);\r\n }\r\n }\r\n },\r\n\r\n /** Function: isTagEqual\r\n * Compare an element's tag name with a string.\r\n *\r\n * This function is case sensitive.\r\n *\r\n * Parameters:\r\n * (XMLElement) el - A DOM element.\r\n * (String) name - The element name.\r\n *\r\n * Returns:\r\n * true if the element's tag name matches _el_, and false\r\n * otherwise.\r\n */\r\n isTagEqual: function (el, name)\r\n {\r\n return el.tagName == name;\r\n },\r\n\r\n /** PrivateVariable: _xmlGenerator\r\n * _Private_ variable that caches a DOM document to\r\n * generate elements.\r\n */\r\n _xmlGenerator: null,\r\n\r\n /** PrivateFunction: _makeGenerator\r\n * _Private_ function that creates a dummy XML DOM document to serve as\r\n * an element and text node generator.\r\n */\r\n _makeGenerator: function () {\r\n var doc;\r\n\r\n // IE9 does implement createDocument(); however, using it will cause the browser to leak memory on page unload.\r\n // Here, we test for presence of createDocument() plus IE's proprietary documentMode attribute, which would be\r\n // less than 10 in the case of IE9 and below.\r\n if (document.implementation.createDocument === undefined ||\r\n document.implementation.createDocument && document.documentMode && document.documentMode < 10) {\r\n doc = this._getIEXmlDom();\r\n doc.appendChild(doc.createElement('strophe'));\r\n } else {\r\n doc = document.implementation\r\n .createDocument('jabber:client', 'strophe', null);\r\n }\r\n\r\n return doc;\r\n },\r\n\r\n /** Function: xmlGenerator\r\n * Get the DOM document to generate elements.\r\n *\r\n * Returns:\r\n * The currently used DOM document.\r\n */\r\n xmlGenerator: function () {\r\n if (!Strophe._xmlGenerator) {\r\n Strophe._xmlGenerator = Strophe._makeGenerator();\r\n }\r\n return Strophe._xmlGenerator;\r\n },\r\n\r\n /** PrivateFunction: _getIEXmlDom\r\n * Gets IE xml doc object\r\n *\r\n * Returns:\r\n * A Microsoft XML DOM Object\r\n * See Also:\r\n * http://msdn.microsoft.com/en-us/library/ms757837%28VS.85%29.aspx\r\n */\r\n _getIEXmlDom : function() {\r\n var doc = null;\r\n var docStrings = [\r\n \"Msxml2.DOMDocument.6.0\",\r\n \"Msxml2.DOMDocument.5.0\",\r\n \"Msxml2.DOMDocument.4.0\",\r\n \"MSXML2.DOMDocument.3.0\",\r\n \"MSXML2.DOMDocument\",\r\n \"MSXML.DOMDocument\",\r\n \"Microsoft.XMLDOM\"\r\n ];\r\n\r\n for (var d = 0; d < docStrings.length; d++) {\r\n if (doc === null) {\r\n try {\r\n doc = new ActiveXObject(docStrings[d]);\r\n } catch (e) {\r\n doc = null;\r\n }\r\n } else {\r\n break;\r\n }\r\n }\r\n\r\n return doc;\r\n },\r\n\r\n /** Function: xmlElement\r\n * Create an XML DOM element.\r\n *\r\n * This function creates an XML DOM element correctly across all\r\n * implementations. Note that these are not HTML DOM elements, which\r\n * aren't appropriate for XMPP stanzas.\r\n *\r\n * Parameters:\r\n * (String) name - The name for the element.\r\n * (Array|Object) attrs - An optional array or object containing\r\n * key/value pairs to use as element attributes. The object should\r\n * be in the format {'key': 'value'} or {key: 'value'}. The array\r\n * should have the format [['key1', 'value1'], ['key2', 'value2']].\r\n * (String) text - The text child data for the element.\r\n *\r\n * Returns:\r\n * A new XML DOM element.\r\n */\r\n xmlElement: function (name)\r\n {\r\n if (!name) { return null; }\r\n\r\n var node = Strophe.xmlGenerator().createElement(name);\r\n\r\n // FIXME: this should throw errors if args are the wrong type or\r\n // there are more than two optional args\r\n var a, i, k;\r\n for (a = 1; a < arguments.length; a++) {\r\n if (!arguments[a]) { continue; }\r\n if (typeof(arguments[a]) == \"string\" ||\r\n typeof(arguments[a]) == \"number\") {\r\n node.appendChild(Strophe.xmlTextNode(arguments[a]));\r\n } else if (typeof(arguments[a]) == \"object\" &&\r\n typeof(arguments[a].sort) == \"function\") {\r\n for (i = 0; i < arguments[a].length; i++) {\r\n if (typeof(arguments[a][i]) == \"object\" &&\r\n typeof(arguments[a][i].sort) == \"function\") {\r\n node.setAttribute(arguments[a][i][0],\r\n arguments[a][i][1]);\r\n }\r\n }\r\n } else if (typeof(arguments[a]) == \"object\") {\r\n for (k in arguments[a]) {\r\n if (arguments[a].hasOwnProperty(k)) {\r\n node.setAttribute(k, arguments[a][k]);\r\n }\r\n }\r\n }\r\n }\r\n\r\n return node;\r\n },\r\n\r\n /* Function: xmlescape\r\n * Excapes invalid xml characters.\r\n *\r\n * Parameters:\r\n * (String) text - text to escape.\r\n *\r\n * Returns:\r\n * Escaped text.\r\n */\r\n xmlescape: function(text)\r\n {\r\n text = text.replace(/\\&/g, \"&\");\r\n text = text.replace(//g, \">\");\r\n text = text.replace(/'/g, \"'\");\r\n text = text.replace(/\"/g, \""\");\r\n return text;\r\n },\r\n\r\n /* Function: xmlunescape\r\n * Unexcapes invalid xml characters.\r\n *\r\n * Parameters:\r\n * (String) text - text to unescape.\r\n *\r\n * Returns:\r\n * Unescaped text.\r\n */\r\n xmlunescape: function(text)\r\n {\r\n text = text.replace(/\\&/g, \"&\");\r\n text = text.replace(/</g, \"<\");\r\n text = text.replace(/>/g, \">\");\r\n text = text.replace(/'/g, \"'\");\r\n text = text.replace(/"/g, \"\\\"\");\r\n return text;\r\n },\r\n\r\n /** Function: xmlTextNode\r\n * Creates an XML DOM text node.\r\n *\r\n * Provides a cross implementation version of document.createTextNode.\r\n *\r\n * Parameters:\r\n * (String) text - The content of the text node.\r\n *\r\n * Returns:\r\n * A new XML DOM text node.\r\n */\r\n xmlTextNode: function (text)\r\n {\r\n return Strophe.xmlGenerator().createTextNode(text);\r\n },\r\n\r\n /** Function: xmlHtmlNode\r\n * Creates an XML DOM html node.\r\n *\r\n * Parameters:\r\n * (String) html - The content of the html node.\r\n *\r\n * Returns:\r\n * A new XML DOM text node.\r\n */\r\n xmlHtmlNode: function (html)\r\n {\r\n var node;\r\n //ensure text is escaped\r\n if (window.DOMParser) {\r\n var parser = new DOMParser();\r\n node = parser.parseFromString(html, \"text/xml\");\r\n } else {\r\n node = new ActiveXObject(\"Microsoft.XMLDOM\");\r\n node.async=\"false\";\r\n node.loadXML(html);\r\n }\r\n return node;\r\n },\r\n\r\n /** Function: getText\r\n * Get the concatenation of all text children of an element.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - A DOM element.\r\n *\r\n * Returns:\r\n * A String with the concatenated text of all text element children.\r\n */\r\n getText: function (elem)\r\n {\r\n if (!elem) { return null; }\r\n\r\n var str = \"\";\r\n if (elem.childNodes.length === 0 && elem.nodeType ==\r\n Strophe.ElementType.TEXT) {\r\n str += elem.nodeValue;\r\n }\r\n\r\n for (var i = 0; i < elem.childNodes.length; i++) {\r\n if (elem.childNodes[i].nodeType == Strophe.ElementType.TEXT) {\r\n str += elem.childNodes[i].nodeValue;\r\n }\r\n }\r\n\r\n return Strophe.xmlescape(str);\r\n },\r\n\r\n /** Function: copyElement\r\n * Copy an XML DOM element.\r\n *\r\n * This function copies a DOM element and all its descendants and returns\r\n * the new copy.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - A DOM element.\r\n *\r\n * Returns:\r\n * A new, copied DOM element tree.\r\n */\r\n copyElement: function (elem)\r\n {\r\n var i, el;\r\n if (elem.nodeType == Strophe.ElementType.NORMAL) {\r\n el = Strophe.xmlElement(elem.tagName);\r\n\r\n for (i = 0; i < elem.attributes.length; i++) {\r\n el.setAttribute(elem.attributes[i].nodeName,\r\n elem.attributes[i].value);\r\n }\r\n\r\n for (i = 0; i < elem.childNodes.length; i++) {\r\n el.appendChild(Strophe.copyElement(elem.childNodes[i]));\r\n }\r\n } else if (elem.nodeType == Strophe.ElementType.TEXT) {\r\n el = Strophe.xmlGenerator().createTextNode(elem.nodeValue);\r\n }\r\n\r\n return el;\r\n },\r\n\r\n\r\n /** Function: createHtml\r\n * Copy an HTML DOM element into an XML DOM.\r\n *\r\n * This function copies a DOM element and all its descendants and returns\r\n * the new copy.\r\n *\r\n * Parameters:\r\n * (HTMLElement) elem - A DOM element.\r\n *\r\n * Returns:\r\n * A new, copied DOM element tree.\r\n */\r\n createHtml: function (elem)\r\n {\r\n var i, el, j, tag, attribute, value, css, cssAttrs, attr, cssName, cssValue;\r\n if (elem.nodeType == Strophe.ElementType.NORMAL) {\r\n tag = elem.nodeName;\r\n if(Strophe.XHTML.validTag(tag)) {\r\n try {\r\n el = Strophe.xmlElement(tag);\r\n for(i = 0; i < Strophe.XHTML.attributes[tag].length; i++) {\r\n attribute = Strophe.XHTML.attributes[tag][i];\r\n value = elem.getAttribute(attribute);\r\n if(typeof value == 'undefined' || value === null || value === '' || value === false || value === 0) {\r\n continue;\r\n }\r\n if(attribute == 'style' && typeof value == 'object') {\r\n if(typeof value.cssText != 'undefined') {\r\n value = value.cssText; // we're dealing with IE, need to get CSS out\r\n }\r\n }\r\n // filter out invalid css styles\r\n if(attribute == 'style') {\r\n css = [];\r\n cssAttrs = value.split(';');\r\n for(j = 0; j < cssAttrs.length; j++) {\r\n attr = cssAttrs[j].split(':');\r\n cssName = attr[0].replace(/^\\s*/, \"\").replace(/\\s*$/, \"\").toLowerCase();\r\n if(Strophe.XHTML.validCSS(cssName)) {\r\n cssValue = attr[1].replace(/^\\s*/, \"\").replace(/\\s*$/, \"\");\r\n css.push(cssName + ': ' + cssValue);\r\n }\r\n }\r\n if(css.length > 0) {\r\n value = css.join('; ');\r\n el.setAttribute(attribute, value);\r\n }\r\n } else {\r\n el.setAttribute(attribute, value);\r\n }\r\n }\r\n\r\n for (i = 0; i < elem.childNodes.length; i++) {\r\n el.appendChild(Strophe.createHtml(elem.childNodes[i]));\r\n }\r\n } catch(e) { // invalid elements\r\n el = Strophe.xmlTextNode('');\r\n }\r\n } else {\r\n el = Strophe.xmlGenerator().createDocumentFragment();\r\n for (i = 0; i < elem.childNodes.length; i++) {\r\n el.appendChild(Strophe.createHtml(elem.childNodes[i]));\r\n }\r\n }\r\n } else if (elem.nodeType == Strophe.ElementType.FRAGMENT) {\r\n el = Strophe.xmlGenerator().createDocumentFragment();\r\n for (i = 0; i < elem.childNodes.length; i++) {\r\n el.appendChild(Strophe.createHtml(elem.childNodes[i]));\r\n }\r\n } else if (elem.nodeType == Strophe.ElementType.TEXT) {\r\n el = Strophe.xmlTextNode(elem.nodeValue);\r\n }\r\n\r\n return el;\r\n },\r\n\r\n /** Function: escapeNode\r\n * Escape the node part (also called local part) of a JID.\r\n *\r\n * Parameters:\r\n * (String) node - A node (or local part).\r\n *\r\n * Returns:\r\n * An escaped node (or local part).\r\n */\r\n escapeNode: function (node)\r\n {\r\n if (typeof node !== \"string\") { return node; }\r\n return node.replace(/^\\s+|\\s+$/g, '')\r\n .replace(/\\\\/g, \"\\\\5c\")\r\n .replace(/ /g, \"\\\\20\")\r\n .replace(/\\\"/g, \"\\\\22\")\r\n .replace(/\\&/g, \"\\\\26\")\r\n .replace(/\\'/g, \"\\\\27\")\r\n .replace(/\\//g, \"\\\\2f\")\r\n .replace(/:/g, \"\\\\3a\")\r\n .replace(//g, \"\\\\3e\")\r\n .replace(/@/g, \"\\\\40\");\r\n },\r\n\r\n /** Function: unescapeNode\r\n * Unescape a node part (also called local part) of a JID.\r\n *\r\n * Parameters:\r\n * (String) node - A node (or local part).\r\n *\r\n * Returns:\r\n * An unescaped node (or local part).\r\n */\r\n unescapeNode: function (node)\r\n {\r\n if (typeof node !== \"string\") { return node; }\r\n return node.replace(/\\\\20/g, \" \")\r\n .replace(/\\\\22/g, '\"')\r\n .replace(/\\\\26/g, \"&\")\r\n .replace(/\\\\27/g, \"'\")\r\n .replace(/\\\\2f/g, \"/\")\r\n .replace(/\\\\3a/g, \":\")\r\n .replace(/\\\\3c/g, \"<\")\r\n .replace(/\\\\3e/g, \">\")\r\n .replace(/\\\\40/g, \"@\")\r\n .replace(/\\\\5c/g, \"\\\\\");\r\n },\r\n\r\n /** Function: getNodeFromJid\r\n * Get the node portion of a JID String.\r\n *\r\n * Parameters:\r\n * (String) jid - A JID.\r\n *\r\n * Returns:\r\n * A String containing the node.\r\n */\r\n getNodeFromJid: function (jid)\r\n {\r\n if (jid.indexOf(\"@\") < 0) { return null; }\r\n return jid.split(\"@\")[0];\r\n },\r\n\r\n /** Function: getDomainFromJid\r\n * Get the domain portion of a JID String.\r\n *\r\n * Parameters:\r\n * (String) jid - A JID.\r\n *\r\n * Returns:\r\n * A String containing the domain.\r\n */\r\n getDomainFromJid: function (jid)\r\n {\r\n var bare = Strophe.getBareJidFromJid(jid);\r\n if (bare.indexOf(\"@\") < 0) {\r\n return bare;\r\n } else {\r\n var parts = bare.split(\"@\");\r\n parts.splice(0, 1);\r\n return parts.join('@');\r\n }\r\n },\r\n\r\n /** Function: getResourceFromJid\r\n * Get the resource portion of a JID String.\r\n *\r\n * Parameters:\r\n * (String) jid - A JID.\r\n *\r\n * Returns:\r\n * A String containing the resource.\r\n */\r\n getResourceFromJid: function (jid)\r\n {\r\n var s = jid.split(\"/\");\r\n if (s.length < 2) { return null; }\r\n s.splice(0, 1);\r\n return s.join('/');\r\n },\r\n\r\n /** Function: getBareJidFromJid\r\n * Get the bare JID from a JID String.\r\n *\r\n * Parameters:\r\n * (String) jid - A JID.\r\n *\r\n * Returns:\r\n * A String containing the bare JID.\r\n */\r\n getBareJidFromJid: function (jid)\r\n {\r\n return jid ? jid.split(\"/\")[0] : null;\r\n },\r\n\r\n /** Function: log\r\n * User overrideable logging function.\r\n *\r\n * This function is called whenever the Strophe library calls any\r\n * of the logging functions. The default implementation of this\r\n * function does nothing. If client code wishes to handle the logging\r\n * messages, it should override this with\r\n * > Strophe.log = function (level, msg) {\r\n * > (user code here)\r\n * > };\r\n *\r\n * Please note that data sent and received over the wire is logged\r\n * via Strophe.Connection.rawInput() and Strophe.Connection.rawOutput().\r\n *\r\n * The different levels and their meanings are\r\n *\r\n * DEBUG - Messages useful for debugging purposes.\r\n * INFO - Informational messages. This is mostly information like\r\n * 'disconnect was called' or 'SASL auth succeeded'.\r\n * WARN - Warnings about potential problems. This is mostly used\r\n * to report transient connection errors like request timeouts.\r\n * ERROR - Some error occurred.\r\n * FATAL - A non-recoverable fatal error occurred.\r\n *\r\n * Parameters:\r\n * (Integer) level - The log level of the log message. This will\r\n * be one of the values in Strophe.LogLevel.\r\n * (String) msg - The log message.\r\n */\r\n /* jshint ignore:start */\r\n log: function (level, msg)\r\n {\r\n return;\r\n },\r\n /* jshint ignore:end */\r\n\r\n /** Function: debug\r\n * Log a message at the Strophe.LogLevel.DEBUG level.\r\n *\r\n * Parameters:\r\n * (String) msg - The log message.\r\n */\r\n debug: function(msg)\r\n {\r\n this.log(this.LogLevel.DEBUG, msg);\r\n },\r\n\r\n /** Function: info\r\n * Log a message at the Strophe.LogLevel.INFO level.\r\n *\r\n * Parameters:\r\n * (String) msg - The log message.\r\n */\r\n info: function (msg)\r\n {\r\n this.log(this.LogLevel.INFO, msg);\r\n },\r\n\r\n /** Function: warn\r\n * Log a message at the Strophe.LogLevel.WARN level.\r\n *\r\n * Parameters:\r\n * (String) msg - The log message.\r\n */\r\n warn: function (msg)\r\n {\r\n this.log(this.LogLevel.WARN, msg);\r\n },\r\n\r\n /** Function: error\r\n * Log a message at the Strophe.LogLevel.ERROR level.\r\n *\r\n * Parameters:\r\n * (String) msg - The log message.\r\n */\r\n error: function (msg)\r\n {\r\n this.log(this.LogLevel.ERROR, msg);\r\n },\r\n\r\n /** Function: fatal\r\n * Log a message at the Strophe.LogLevel.FATAL level.\r\n *\r\n * Parameters:\r\n * (String) msg - The log message.\r\n */\r\n fatal: function (msg)\r\n {\r\n this.log(this.LogLevel.FATAL, msg);\r\n },\r\n\r\n /** Function: serialize\r\n * Render a DOM element and all descendants to a String.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - A DOM element.\r\n *\r\n * Returns:\r\n * The serialized element tree as a String.\r\n */\r\n serialize: function (elem)\r\n {\r\n var result;\r\n\r\n if (!elem) { return null; }\r\n\r\n if (typeof(elem.tree) === \"function\") {\r\n elem = elem.tree();\r\n }\r\n\r\n var nodeName = elem.nodeName;\r\n var i, child;\r\n\r\n if (elem.getAttribute(\"_realname\")) {\r\n nodeName = elem.getAttribute(\"_realname\");\r\n }\r\n\r\n result = \"<\" + nodeName;\r\n for (i = 0; i < elem.attributes.length; i++) {\r\n if(elem.attributes[i].nodeName != \"_realname\") {\r\n result += \" \" + elem.attributes[i].nodeName +\r\n \"='\" + elem.attributes[i].value\r\n .replace(/&/g, \"&\")\r\n .replace(/\\'/g, \"'\")\r\n .replace(/>/g, \">\")\r\n .replace(/ 0) {\r\n result += \">\";\r\n for (i = 0; i < elem.childNodes.length; i++) {\r\n child = elem.childNodes[i];\r\n switch( child.nodeType ){\r\n case Strophe.ElementType.NORMAL:\r\n // normal element, so recurse\r\n result += Strophe.serialize(child);\r\n break;\r\n case Strophe.ElementType.TEXT:\r\n // text element to escape values\r\n result += Strophe.xmlescape(child.nodeValue);\r\n break;\r\n case Strophe.ElementType.CDATA:\r\n // cdata section so don't escape values\r\n result += \"\";\r\n }\r\n }\r\n result += \"\";\r\n } else {\r\n result += \"/>\";\r\n }\r\n\r\n return result;\r\n },\r\n\r\n /** PrivateVariable: _requestId\r\n * _Private_ variable that keeps track of the request ids for\r\n * connections.\r\n */\r\n _requestId: 0,\r\n\r\n /** PrivateVariable: Strophe.connectionPlugins\r\n * _Private_ variable Used to store plugin names that need\r\n * initialization on Strophe.Connection construction.\r\n */\r\n _connectionPlugins: {},\r\n\r\n /** Function: addConnectionPlugin\r\n * Extends the Strophe.Connection object with the given plugin.\r\n *\r\n * Parameters:\r\n * (String) name - The name of the extension.\r\n * (Object) ptype - The plugin's prototype.\r\n */\r\n addConnectionPlugin: function (name, ptype)\r\n {\r\n Strophe._connectionPlugins[name] = ptype;\r\n }\r\n};\r\n\r\n/** Class: Strophe.Builder\r\n * XML DOM builder.\r\n *\r\n * This object provides an interface similar to JQuery but for building\r\n * DOM element easily and rapidly. All the functions except for toString()\r\n * and tree() return the object, so calls can be chained. Here's an\r\n * example using the $iq() builder helper.\r\n * > $iq({to: 'you', from: 'me', type: 'get', id: '1'})\r\n * > .c('query', {xmlns: 'strophe:example'})\r\n * > .c('example')\r\n * > .toString()\r\n * The above generates this XML fragment\r\n * >
\r\n * > \r\n * > \r\n * > \r\n * The corresponding DOM manipulations to get a similar fragment would be\r\n * a lot more tedious and probably involve several helper variables.\r\n *\r\n * Since adding children makes new operations operate on the child, up()\r\n * is provided to traverse up the tree. To add two children, do\r\n * > builder.c('child1', ...).up().c('child2', ...)\r\n * The next operation on the Builder will be relative to the second child.\r\n */\r\n\r\n/** Constructor: Strophe.Builder\r\n * Create a Strophe.Builder object.\r\n *\r\n * The attributes should be passed in object notation. For example\r\n * > var b = new Builder('message', {to: 'you', from: 'me'});\r\n * or\r\n * > var b = new Builder('messsage', {'xml:lang': 'en'});\r\n *\r\n * Parameters:\r\n * (String) name - The name of the root element.\r\n * (Object) attrs - The attributes for the root element in object notation.\r\n *\r\n * Returns:\r\n * A new Strophe.Builder.\r\n */\r\nStrophe.Builder = function (name, attrs)\r\n{\r\n // Set correct namespace for jabber:client elements\r\n if (name == \"presence\" || name == \"message\" || name == \"iq\") {\r\n if (attrs && !attrs.xmlns) {\r\n attrs.xmlns = Strophe.NS.CLIENT;\r\n } else if (!attrs) {\r\n attrs = {xmlns: Strophe.NS.CLIENT};\r\n }\r\n }\r\n\r\n // Holds the tree being built.\r\n this.nodeTree = Strophe.xmlElement(name, attrs);\r\n\r\n // Points to the current operation node.\r\n this.node = this.nodeTree;\r\n};\r\n\r\nStrophe.Builder.prototype = {\r\n /** Function: tree\r\n * Return the DOM tree.\r\n *\r\n * This function returns the current DOM tree as an element object. This\r\n * is suitable for passing to functions like Strophe.Connection.send().\r\n *\r\n * Returns:\r\n * The DOM tree as a element object.\r\n */\r\n tree: function ()\r\n {\r\n return this.nodeTree;\r\n },\r\n\r\n /** Function: toString\r\n * Serialize the DOM tree to a String.\r\n *\r\n * This function returns a string serialization of the current DOM\r\n * tree. It is often used internally to pass data to a\r\n * Strophe.Request object.\r\n *\r\n * Returns:\r\n * The serialized DOM tree in a String.\r\n */\r\n toString: function ()\r\n {\r\n return Strophe.serialize(this.nodeTree);\r\n },\r\n\r\n /** Function: up\r\n * Make the current parent element the new current element.\r\n *\r\n * This function is often used after c() to traverse back up the tree.\r\n * For example, to add two children to the same element\r\n * > builder.c('child1', {}).up().c('child2', {});\r\n *\r\n * Returns:\r\n * The Stophe.Builder object.\r\n */\r\n up: function ()\r\n {\r\n this.node = this.node.parentNode;\r\n return this;\r\n },\r\n\r\n /** Function: attrs\r\n * Add or modify attributes of the current element.\r\n *\r\n * The attributes should be passed in object notation. This function\r\n * does not move the current element pointer.\r\n *\r\n * Parameters:\r\n * (Object) moreattrs - The attributes to add/modify in object notation.\r\n *\r\n * Returns:\r\n * The Strophe.Builder object.\r\n */\r\n attrs: function (moreattrs)\r\n {\r\n for (var k in moreattrs) {\r\n if (moreattrs.hasOwnProperty(k)) {\r\n this.node.setAttribute(k, moreattrs[k]);\r\n }\r\n }\r\n return this;\r\n },\r\n\r\n /** Function: c\r\n * Add a child to the current element and make it the new current\r\n * element.\r\n *\r\n * This function moves the current element pointer to the child,\r\n * unless text is provided. If you need to add another child, it\r\n * is necessary to use up() to go back to the parent in the tree.\r\n *\r\n * Parameters:\r\n * (String) name - The name of the child.\r\n * (Object) attrs - The attributes of the child in object notation.\r\n * (String) text - The text to add to the child.\r\n *\r\n * Returns:\r\n * The Strophe.Builder object.\r\n */\r\n c: function (name, attrs, text)\r\n {\r\n var child = Strophe.xmlElement(name, attrs, text);\r\n this.node.appendChild(child);\r\n if (!text) {\r\n this.node = child;\r\n }\r\n return this;\r\n },\r\n\r\n /** Function: cnode\r\n * Add a child to the current element and make it the new current\r\n * element.\r\n *\r\n * This function is the same as c() except that instead of using a\r\n * name and an attributes object to create the child it uses an\r\n * existing DOM element object.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - A DOM element.\r\n *\r\n * Returns:\r\n * The Strophe.Builder object.\r\n */\r\n cnode: function (elem)\r\n {\r\n var impNode;\r\n var xmlGen = Strophe.xmlGenerator();\r\n try {\r\n impNode = (xmlGen.importNode !== undefined);\r\n }\r\n catch (e) {\r\n impNode = false;\r\n }\r\n var newElem = impNode ?\r\n xmlGen.importNode(elem, true) :\r\n Strophe.copyElement(elem);\r\n this.node.appendChild(newElem);\r\n this.node = newElem;\r\n return this;\r\n },\r\n\r\n /** Function: t\r\n * Add a child text element.\r\n *\r\n * This *does not* make the child the new current element since there\r\n * are no children of text elements.\r\n *\r\n * Parameters:\r\n * (String) text - The text data to append to the current element.\r\n *\r\n * Returns:\r\n * The Strophe.Builder object.\r\n */\r\n t: function (text)\r\n {\r\n var child = Strophe.xmlTextNode(text);\r\n this.node.appendChild(child);\r\n return this;\r\n },\r\n\r\n /** Function: h\r\n * Replace current element contents with the HTML passed in.\r\n *\r\n * This *does not* make the child the new current element\r\n *\r\n * Parameters:\r\n * (String) html - The html to insert as contents of current element.\r\n *\r\n * Returns:\r\n * The Strophe.Builder object.\r\n */\r\n h: function (html)\r\n {\r\n var fragment = document.createElement('body');\r\n\r\n // force the browser to try and fix any invalid HTML tags\r\n fragment.innerHTML = html;\r\n\r\n // copy cleaned html into an xml dom\r\n var xhtml = Strophe.createHtml(fragment);\r\n\r\n while(xhtml.childNodes.length > 0) {\r\n this.node.appendChild(xhtml.childNodes[0]);\r\n }\r\n return this;\r\n }\r\n};\r\n\r\n/** PrivateClass: Strophe.Handler\r\n * _Private_ helper class for managing stanza handlers.\r\n *\r\n * A Strophe.Handler encapsulates a user provided callback function to be\r\n * executed when matching stanzas are received by the connection.\r\n * Handlers can be either one-off or persistant depending on their\r\n * return value. Returning true will cause a Handler to remain active, and\r\n * returning false will remove the Handler.\r\n *\r\n * Users will not use Strophe.Handler objects directly, but instead they\r\n * will use Strophe.Connection.addHandler() and\r\n * Strophe.Connection.deleteHandler().\r\n */\r\n\r\n/** PrivateConstructor: Strophe.Handler\r\n * Create and initialize a new Strophe.Handler.\r\n *\r\n * Parameters:\r\n * (Function) handler - A function to be executed when the handler is run.\r\n * (String) ns - The namespace to match.\r\n * (String) name - The element name to match.\r\n * (String) type - The element type to match.\r\n * (String) id - The element id attribute to match.\r\n * (String) from - The element from attribute to match.\r\n * (Object) options - Handler options\r\n *\r\n * Returns:\r\n * A new Strophe.Handler object.\r\n */\r\nStrophe.Handler = function (handler, ns, name, type, id, from, options)\r\n{\r\n this.handler = handler;\r\n this.ns = ns;\r\n this.name = name;\r\n this.type = type;\r\n this.id = id;\r\n this.options = options || {matchBare: false};\r\n\r\n // default matchBare to false if undefined\r\n if (!this.options.matchBare) {\r\n this.options.matchBare = false;\r\n }\r\n\r\n if (this.options.matchBare) {\r\n this.from = from ? Strophe.getBareJidFromJid(from) : null;\r\n } else {\r\n this.from = from;\r\n }\r\n\r\n // whether the handler is a user handler or a system handler\r\n this.user = true;\r\n};\r\n\r\nStrophe.Handler.prototype = {\r\n /** PrivateFunction: isMatch\r\n * Tests if a stanza matches the Strophe.Handler.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - The XML element to test.\r\n *\r\n * Returns:\r\n * true if the stanza matches and false otherwise.\r\n */\r\n isMatch: function (elem)\r\n {\r\n var nsMatch;\r\n var from = null;\r\n\r\n if (this.options.matchBare) {\r\n from = Strophe.getBareJidFromJid(elem.getAttribute('from'));\r\n } else {\r\n from = elem.getAttribute('from');\r\n }\r\n\r\n nsMatch = false;\r\n if (!this.ns) {\r\n nsMatch = true;\r\n } else {\r\n var that = this;\r\n Strophe.forEachChild(elem, null, function (elem) {\r\n if (elem.getAttribute(\"xmlns\") == that.ns) {\r\n nsMatch = true;\r\n }\r\n });\r\n\r\n nsMatch = nsMatch || elem.getAttribute(\"xmlns\") == this.ns;\r\n }\r\n\r\n var elem_type = elem.getAttribute(\"type\");\r\n if (nsMatch &&\r\n (!this.name || Strophe.isTagEqual(elem, this.name)) &&\r\n (!this.type || (Array.isArray(this.type) ? this.type.indexOf(elem_type) != -1 : elem_type == this.type)) &&\r\n (!this.id || elem.getAttribute(\"id\") == this.id) &&\r\n (!this.from || from == this.from)) {\r\n return true;\r\n }\r\n\r\n return false;\r\n },\r\n\r\n /** PrivateFunction: run\r\n * Run the callback on a matching stanza.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - The DOM element that triggered the\r\n * Strophe.Handler.\r\n *\r\n * Returns:\r\n * A boolean indicating if the handler should remain active.\r\n */\r\n run: function (elem)\r\n {\r\n var result = null;\r\n try {\r\n result = this.handler(elem);\r\n } catch (e) {\r\n if (e.sourceURL) {\r\n Strophe.fatal(\"error: \" + this.handler +\r\n \" \" + e.sourceURL + \":\" +\r\n e.line + \" - \" + e.name + \": \" + e.message);\r\n } else if (e.fileName) {\r\n if (typeof(console) != \"undefined\") {\r\n console.trace();\r\n console.error(this.handler, \" - error - \", e, e.message);\r\n }\r\n Strophe.fatal(\"error: \" + this.handler + \" \" +\r\n e.fileName + \":\" + e.lineNumber + \" - \" +\r\n e.name + \": \" + e.message);\r\n } else {\r\n Strophe.fatal(\"error: \" + e.message + \"\\n\" + e.stack);\r\n }\r\n\r\n throw e;\r\n }\r\n\r\n return result;\r\n },\r\n\r\n /** PrivateFunction: toString\r\n * Get a String representation of the Strophe.Handler object.\r\n *\r\n * Returns:\r\n * A String.\r\n */\r\n toString: function ()\r\n {\r\n return \"{Handler: \" + this.handler + \"(\" + this.name + \",\" +\r\n this.id + \",\" + this.ns + \")}\";\r\n }\r\n};\r\n\r\n/** PrivateClass: Strophe.TimedHandler\r\n * _Private_ helper class for managing timed handlers.\r\n *\r\n * A Strophe.TimedHandler encapsulates a user provided callback that\r\n * should be called after a certain period of time or at regular\r\n * intervals. The return value of the callback determines whether the\r\n * Strophe.TimedHandler will continue to fire.\r\n *\r\n * Users will not use Strophe.TimedHandler objects directly, but instead\r\n * they will use Strophe.Connection.addTimedHandler() and\r\n * Strophe.Connection.deleteTimedHandler().\r\n */\r\n\r\n/** PrivateConstructor: Strophe.TimedHandler\r\n * Create and initialize a new Strophe.TimedHandler object.\r\n *\r\n * Parameters:\r\n * (Integer) period - The number of milliseconds to wait before the\r\n * handler is called.\r\n * (Function) handler - The callback to run when the handler fires. This\r\n * function should take no arguments.\r\n *\r\n * Returns:\r\n * A new Strophe.TimedHandler object.\r\n */\r\nStrophe.TimedHandler = function (period, handler)\r\n{\r\n this.period = period;\r\n this.handler = handler;\r\n\r\n this.lastCalled = new Date().getTime();\r\n this.user = true;\r\n};\r\n\r\nStrophe.TimedHandler.prototype = {\r\n /** PrivateFunction: run\r\n * Run the callback for the Strophe.TimedHandler.\r\n *\r\n * Returns:\r\n * true if the Strophe.TimedHandler should be called again, and false\r\n * otherwise.\r\n */\r\n run: function ()\r\n {\r\n this.lastCalled = new Date().getTime();\r\n return this.handler();\r\n },\r\n\r\n /** PrivateFunction: reset\r\n * Reset the last called time for the Strophe.TimedHandler.\r\n */\r\n reset: function ()\r\n {\r\n this.lastCalled = new Date().getTime();\r\n },\r\n\r\n /** PrivateFunction: toString\r\n * Get a string representation of the Strophe.TimedHandler object.\r\n *\r\n * Returns:\r\n * The string representation.\r\n */\r\n toString: function ()\r\n {\r\n return \"{TimedHandler: \" + this.handler + \"(\" + this.period +\")}\";\r\n }\r\n};\r\n\r\n/** Class: Strophe.Connection\r\n * XMPP Connection manager.\r\n *\r\n * This class is the main part of Strophe. It manages a BOSH connection\r\n * to an XMPP server and dispatches events to the user callbacks as\r\n * data arrives. It supports SASL PLAIN, SASL DIGEST-MD5, SASL SCRAM-SHA1\r\n * and legacy authentication.\r\n *\r\n * After creating a Strophe.Connection object, the user will typically\r\n * call connect() with a user supplied callback to handle connection level\r\n * events like authentication failure, disconnection, or connection\r\n * complete.\r\n *\r\n * The user will also have several event handlers defined by using\r\n * addHandler() and addTimedHandler(). These will allow the user code to\r\n * respond to interesting stanzas or do something periodically with the\r\n * connection. These handlers will be active once authentication is\r\n * finished.\r\n *\r\n * To send data to the connection, use send().\r\n */\r\n\r\n/** Constructor: Strophe.Connection\r\n * Create and initialize a Strophe.Connection object.\r\n *\r\n * The transport-protocol for this connection will be chosen automatically\r\n * based on the given service parameter. URLs starting with \"ws://\" or\r\n * \"wss://\" will use WebSockets, URLs starting with \"http://\", \"https://\"\r\n * or without a protocol will use BOSH.\r\n *\r\n * To make Strophe connect to the current host you can leave out the protocol\r\n * and host part and just pass the path, e.g.\r\n *\r\n * > var conn = new Strophe.Connection(\"/http-bind/\");\r\n *\r\n * WebSocket options:\r\n *\r\n * If you want to connect to the current host with a WebSocket connection you\r\n * can tell Strophe to use WebSockets through a \"protocol\" attribute in the\r\n * optional options parameter. Valid values are \"ws\" for WebSocket and \"wss\"\r\n * for Secure WebSocket.\r\n * So to connect to \"wss://CURRENT_HOSTNAME/xmpp-websocket\" you would call\r\n *\r\n * > var conn = new Strophe.Connection(\"/xmpp-websocket/\", {protocol: \"wss\"});\r\n *\r\n * Note that relative URLs _NOT_ starting with a \"/\" will also include the path\r\n * of the current site.\r\n *\r\n * Also because downgrading security is not permitted by browsers, when using\r\n * relative URLs both BOSH and WebSocket connections will use their secure\r\n * variants if the current connection to the site is also secure (https).\r\n *\r\n * BOSH options:\r\n *\r\n * by adding \"sync\" to the options, you can control if requests will\r\n * be made synchronously or not. The default behaviour is asynchronous.\r\n * If you want to make requests synchronous, make \"sync\" evaluate to true:\r\n * > var conn = new Strophe.Connection(\"/http-bind/\", {sync: true});\r\n * You can also toggle this on an already established connection:\r\n * > conn.options.sync = true;\r\n *\r\n *\r\n * Parameters:\r\n * (String) service - The BOSH or WebSocket service URL.\r\n * (Object) options - A hash of configuration options\r\n *\r\n * Returns:\r\n * A new Strophe.Connection object.\r\n */\r\nStrophe.Connection = function (service, options)\r\n{\r\n // The service URL\r\n this.service = service;\r\n\r\n // Configuration options\r\n this.options = options || {};\r\n var proto = this.options.protocol || \"\";\r\n\r\n // Select protocal based on service or options\r\n if (service.indexOf(\"ws:\") === 0 || service.indexOf(\"wss:\") === 0 ||\r\n proto.indexOf(\"ws\") === 0) {\r\n this._proto = new Strophe.Websocket(this);\r\n } else {\r\n this._proto = new Strophe.Bosh(this);\r\n }\r\n /* The connected JID. */\r\n this.jid = \"\";\r\n /* the JIDs domain */\r\n this.domain = null;\r\n /* stream:features */\r\n this.features = null;\r\n\r\n // SASL\r\n this._sasl_data = {};\r\n this.do_session = false;\r\n this.do_bind = false;\r\n\r\n // handler lists\r\n this.timedHandlers = [];\r\n this.handlers = [];\r\n this.removeTimeds = [];\r\n this.removeHandlers = [];\r\n this.addTimeds = [];\r\n this.addHandlers = [];\r\n\r\n this._authentication = {};\r\n this._idleTimeout = null;\r\n this._disconnectTimeout = null;\r\n\r\n this.do_authentication = true;\r\n this.authenticated = false;\r\n this.disconnecting = false;\r\n this.connected = false;\r\n\r\n this.paused = false;\r\n\r\n this._data = [];\r\n this._uniqueId = 0;\r\n\r\n this._sasl_success_handler = null;\r\n this._sasl_failure_handler = null;\r\n this._sasl_challenge_handler = null;\r\n\r\n // Max retries before disconnecting\r\n this.maxRetries = 5;\r\n\r\n // setup onIdle callback every 1/10th of a second\r\n this._idleTimeout = setTimeout(this._onIdle.bind(this), 100);\r\n\r\n // initialize plugins\r\n for (var k in Strophe._connectionPlugins) {\r\n if (Strophe._connectionPlugins.hasOwnProperty(k)) {\r\n var ptype = Strophe._connectionPlugins[k];\r\n // jslint complaints about the below line, but this is fine\r\n var F = function () {}; // jshint ignore:line\r\n F.prototype = ptype;\r\n this[k] = new F();\r\n this[k].init(this);\r\n }\r\n }\r\n};\r\n\r\nStrophe.Connection.prototype = {\r\n /** Function: reset\r\n * Reset the connection.\r\n *\r\n * This function should be called after a connection is disconnected\r\n * before that connection is reused.\r\n */\r\n reset: function ()\r\n {\r\n this._proto._reset();\r\n\r\n // SASL\r\n this.do_session = false;\r\n this.do_bind = false;\r\n\r\n // handler lists\r\n this.timedHandlers = [];\r\n this.handlers = [];\r\n this.removeTimeds = [];\r\n this.removeHandlers = [];\r\n this.addTimeds = [];\r\n this.addHandlers = [];\r\n this._authentication = {};\r\n\r\n this.authenticated = false;\r\n this.disconnecting = false;\r\n this.connected = false;\r\n\r\n this._data = [];\r\n this._requests = [];\r\n this._uniqueId = 0;\r\n },\r\n\r\n /** Function: pause\r\n * Pause the request manager.\r\n *\r\n * This will prevent Strophe from sending any more requests to the\r\n * server. This is very useful for temporarily pausing\r\n * BOSH-Connections while a lot of send() calls are happening quickly.\r\n * This causes Strophe to send the data in a single request, saving\r\n * many request trips.\r\n */\r\n pause: function ()\r\n {\r\n this.paused = true;\r\n },\r\n\r\n /** Function: resume\r\n * Resume the request manager.\r\n *\r\n * This resumes after pause() has been called.\r\n */\r\n resume: function ()\r\n {\r\n this.paused = false;\r\n },\r\n\r\n /** Function: getUniqueId\r\n * Generate a unique ID for use in
elements.\r\n *\r\n * All
stanzas are required to have unique id attributes. This\r\n * function makes creating these easy. Each connection instance has\r\n * a counter which starts from zero, and the value of this counter\r\n * plus a colon followed by the suffix becomes the unique id. If no\r\n * suffix is supplied, the counter is used as the unique id.\r\n *\r\n * Suffixes are used to make debugging easier when reading the stream\r\n * data, and their use is recommended. The counter resets to 0 for\r\n * every new connection for the same reason. For connections to the\r\n * same server that authenticate the same way, all the ids should be\r\n * the same, which makes it easy to see changes. This is useful for\r\n * automated testing as well.\r\n *\r\n * Parameters:\r\n * (String) suffix - A optional suffix to append to the id.\r\n *\r\n * Returns:\r\n * A unique string to be used for the id attribute.\r\n */\r\n getUniqueId: function (suffix)\r\n {\r\n if (typeof(suffix) == \"string\" || typeof(suffix) == \"number\") {\r\n return ++this._uniqueId + \":\" + suffix;\r\n } else {\r\n return ++this._uniqueId + \"\";\r\n }\r\n },\r\n\r\n /** Function: connect\r\n * Starts the connection process.\r\n *\r\n * As the connection process proceeds, the user supplied callback will\r\n * be triggered multiple times with status updates. The callback\r\n * should take two arguments - the status code and the error condition.\r\n *\r\n * The status code will be one of the values in the Strophe.Status\r\n * constants. The error condition will be one of the conditions\r\n * defined in RFC 3920 or the condition 'strophe-parsererror'.\r\n *\r\n * The Parameters _wait_, _hold_ and _route_ are optional and only relevant\r\n * for BOSH connections. Please see XEP 124 for a more detailed explanation\r\n * of the optional parameters.\r\n *\r\n * Parameters:\r\n * (String) jid - The user's JID. This may be a bare JID,\r\n * or a full JID. If a node is not supplied, SASL ANONYMOUS\r\n * authentication will be attempted.\r\n * (String) pass - The user's password.\r\n * (Function) callback - The connect callback function.\r\n * (Integer) wait - The optional HTTPBIND wait value. This is the\r\n * time the server will wait before returning an empty result for\r\n * a request. The default setting of 60 seconds is recommended.\r\n * (Integer) hold - The optional HTTPBIND hold value. This is the\r\n * number of connections the server will hold at one time. This\r\n * should almost always be set to 1 (the default).\r\n * (String) route - The optional route value.\r\n */\r\n connect: function (jid, pass, callback, wait, hold, route)\r\n {\r\n this.jid = jid;\r\n /** Variable: authzid\r\n * Authorization identity.\r\n */\r\n this.authzid = Strophe.getBareJidFromJid(this.jid);\r\n /** Variable: authcid\r\n * Authentication identity (User name).\r\n */\r\n this.authcid = Strophe.getNodeFromJid(this.jid);\r\n /** Variable: pass\r\n * Authentication identity (User password).\r\n */\r\n this.pass = pass;\r\n /** Variable: servtype\r\n * Digest MD5 compatibility.\r\n */\r\n this.servtype = \"xmpp\";\r\n this.connect_callback = callback;\r\n this.disconnecting = false;\r\n this.connected = false;\r\n this.authenticated = false;\r\n\r\n // parse jid for domain\r\n this.domain = Strophe.getDomainFromJid(this.jid);\r\n\r\n this._changeConnectStatus(Strophe.Status.CONNECTING, null);\r\n\r\n this._proto._connect(wait, hold, route);\r\n },\r\n\r\n /** Function: attach\r\n * Attach to an already created and authenticated BOSH session.\r\n *\r\n * This function is provided to allow Strophe to attach to BOSH\r\n * sessions which have been created externally, perhaps by a Web\r\n * application. This is often used to support auto-login type features\r\n * without putting user credentials into the page.\r\n *\r\n * Parameters:\r\n * (String) jid - The full JID that is bound by the session.\r\n * (String) sid - The SID of the BOSH session.\r\n * (String) rid - The current RID of the BOSH session. This RID\r\n * will be used by the next request.\r\n * (Function) callback The connect callback function.\r\n * (Integer) wait - The optional HTTPBIND wait value. This is the\r\n * time the server will wait before returning an empty result for\r\n * a request. The default setting of 60 seconds is recommended.\r\n * Other settings will require tweaks to the Strophe.TIMEOUT value.\r\n * (Integer) hold - The optional HTTPBIND hold value. This is the\r\n * number of connections the server will hold at one time. This\r\n * should almost always be set to 1 (the default).\r\n * (Integer) wind - The optional HTTBIND window value. This is the\r\n * allowed range of request ids that are valid. The default is 5.\r\n */\r\n attach: function (jid, sid, rid, callback, wait, hold, wind)\r\n {\r\n this._proto._attach(jid, sid, rid, callback, wait, hold, wind);\r\n },\r\n\r\n /** Function: xmlInput\r\n * User overrideable function that receives XML data coming into the\r\n * connection.\r\n *\r\n * The default function does nothing. User code can override this with\r\n * > Strophe.Connection.xmlInput = function (elem) {\r\n * > (user code)\r\n * > };\r\n *\r\n * Due to limitations of current Browsers' XML-Parsers the opening and closing\r\n *
tag for WebSocket-Connoctions will be passed as selfclosing here.\r\n *\r\n * BOSH-Connections will have all stanzas wrapped in a tag. See\r\n * if you want to strip this tag.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - The XML data received by the connection.\r\n */\r\n /* jshint unused:false */\r\n xmlInput: function (elem)\r\n {\r\n return;\r\n },\r\n /* jshint unused:true */\r\n\r\n /** Function: xmlOutput\r\n * User overrideable function that receives XML data sent to the\r\n * connection.\r\n *\r\n * The default function does nothing. User code can override this with\r\n * > Strophe.Connection.xmlOutput = function (elem) {\r\n * > (user code)\r\n * > };\r\n *\r\n * Due to limitations of current Browsers' XML-Parsers the opening and closing\r\n * tag for WebSocket-Connoctions will be passed as selfclosing here.\r\n *\r\n * BOSH-Connections will have all stanzas wrapped in a tag. See\r\n * if you want to strip this tag.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - The XMLdata sent by the connection.\r\n */\r\n /* jshint unused:false */\r\n xmlOutput: function (elem)\r\n {\r\n return;\r\n },\r\n /* jshint unused:true */\r\n\r\n /** Function: rawInput\r\n * User overrideable function that receives raw data coming into the\r\n * connection.\r\n *\r\n * The default function does nothing. User code can override this with\r\n * > Strophe.Connection.rawInput = function (data) {\r\n * > (user code)\r\n * > };\r\n *\r\n * Parameters:\r\n * (String) data - The data received by the connection.\r\n */\r\n /* jshint unused:false */\r\n rawInput: function (data)\r\n {\r\n return;\r\n },\r\n /* jshint unused:true */\r\n\r\n /** Function: rawOutput\r\n * User overrideable function that receives raw data sent to the\r\n * connection.\r\n *\r\n * The default function does nothing. User code can override this with\r\n * > Strophe.Connection.rawOutput = function (data) {\r\n * > (user code)\r\n * > };\r\n *\r\n * Parameters:\r\n * (String) data - The data sent by the connection.\r\n */\r\n /* jshint unused:false */\r\n rawOutput: function (data)\r\n {\r\n return;\r\n },\r\n /* jshint unused:true */\r\n\r\n /** Function: send\r\n * Send a stanza.\r\n *\r\n * This function is called to push data onto the send queue to\r\n * go out over the wire. Whenever a request is sent to the BOSH\r\n * server, all pending data is sent and the queue is flushed.\r\n *\r\n * Parameters:\r\n * (XMLElement |\r\n * [XMLElement] |\r\n * Strophe.Builder) elem - The stanza to send.\r\n */\r\n send: function (elem)\r\n {\r\n if (elem === null) { return ; }\r\n if (typeof(elem.sort) === \"function\") {\r\n for (var i = 0; i < elem.length; i++) {\r\n this._queueData(elem[i]);\r\n }\r\n } else if (typeof(elem.tree) === \"function\") {\r\n this._queueData(elem.tree());\r\n } else {\r\n this._queueData(elem);\r\n }\r\n\r\n this._proto._send();\r\n },\r\n\r\n /** Function: flush\r\n * Immediately send any pending outgoing data.\r\n *\r\n * Normally send() queues outgoing data until the next idle period\r\n * (100ms), which optimizes network use in the common cases when\r\n * several send()s are called in succession. flush() can be used to\r\n * immediately send all pending data.\r\n */\r\n flush: function ()\r\n {\r\n // cancel the pending idle period and run the idle function\r\n // immediately\r\n clearTimeout(this._idleTimeout);\r\n this._onIdle();\r\n },\r\n\r\n /** Function: sendIQ\r\n * Helper function to send IQ stanzas.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - The stanza to send.\r\n * (Function) callback - The callback function for a successful request.\r\n * (Function) errback - The callback function for a failed or timed\r\n * out request. On timeout, the stanza will be null.\r\n * (Integer) timeout - The time specified in milliseconds for a\r\n * timeout to occur.\r\n *\r\n * Returns:\r\n * The id used to send the IQ.\r\n */\r\n sendIQ: function(elem, callback, errback, timeout) {\r\n var timeoutHandler = null;\r\n var that = this;\r\n\r\n if (typeof(elem.tree) === \"function\") {\r\n elem = elem.tree();\r\n }\r\n var id = elem.getAttribute('id');\r\n\r\n // inject id if not found\r\n if (!id) {\r\n id = this.getUniqueId(\"sendIQ\");\r\n elem.setAttribute(\"id\", id);\r\n }\r\n\r\n var expectedFrom = elem.getAttribute(\"to\");\r\n var fulljid = this.jid;\r\n\r\n var handler = this.addHandler(function (stanza) {\r\n // remove timeout handler if there is one\r\n if (timeoutHandler) {\r\n that.deleteTimedHandler(timeoutHandler);\r\n }\r\n\r\n var acceptable = false;\r\n var from = stanza.getAttribute(\"from\");\r\n if (from === expectedFrom ||\r\n (expectedFrom === null &&\r\n (from === Strophe.getBareJidFromJid(fulljid) ||\r\n from === Strophe.getDomainFromJid(fulljid) ||\r\n from === fulljid))) {\r\n acceptable = true;\r\n }\r\n\r\n if (!acceptable) {\r\n throw {\r\n name: \"StropheError\",\r\n message: \"Got answer to IQ from wrong jid:\" + from +\r\n \"\\nExpected jid: \" + expectedFrom\r\n };\r\n }\r\n\r\n var iqtype = stanza.getAttribute('type');\r\n if (iqtype == 'result') {\r\n if (callback) {\r\n callback(stanza);\r\n }\r\n } else if (iqtype == 'error') {\r\n if (errback) {\r\n errback(stanza);\r\n }\r\n } else {\r\n throw {\r\n name: \"StropheError\",\r\n message: \"Got bad IQ type of \" + iqtype\r\n };\r\n }\r\n }, null, 'iq', ['error', 'result'], id);\r\n\r\n // if timeout specified, setup timeout handler.\r\n if (timeout) {\r\n timeoutHandler = this.addTimedHandler(timeout, function () {\r\n // get rid of normal handler\r\n that.deleteHandler(handler);\r\n // call errback on timeout with null stanza\r\n if (errback) {\r\n errback(null);\r\n }\r\n return false;\r\n });\r\n }\r\n this.send(elem);\r\n return id;\r\n },\r\n\r\n /** PrivateFunction: _queueData\r\n * Queue outgoing data for later sending. Also ensures that the data\r\n * is a DOMElement.\r\n */\r\n _queueData: function (element) {\r\n if (element === null ||\r\n !element.tagName ||\r\n !element.childNodes) {\r\n throw {\r\n name: \"StropheError\",\r\n message: \"Cannot queue non-DOMElement.\"\r\n };\r\n }\r\n\r\n this._data.push(element);\r\n },\r\n\r\n /** PrivateFunction: _sendRestart\r\n * Send an xmpp:restart stanza.\r\n */\r\n _sendRestart: function ()\r\n {\r\n this._data.push(\"restart\");\r\n\r\n this._proto._sendRestart();\r\n\r\n this._idleTimeout = setTimeout(this._onIdle.bind(this), 100);\r\n },\r\n\r\n /** Function: addTimedHandler\r\n * Add a timed handler to the connection.\r\n *\r\n * This function adds a timed handler. The provided handler will\r\n * be called every period milliseconds until it returns false,\r\n * the connection is terminated, or the handler is removed. Handlers\r\n * that wish to continue being invoked should return true.\r\n *\r\n * Because of method binding it is necessary to save the result of\r\n * this function if you wish to remove a handler with\r\n * deleteTimedHandler().\r\n *\r\n * Note that user handlers are not active until authentication is\r\n * successful.\r\n *\r\n * Parameters:\r\n * (Integer) period - The period of the handler.\r\n * (Function) handler - The callback function.\r\n *\r\n * Returns:\r\n * A reference to the handler that can be used to remove it.\r\n */\r\n addTimedHandler: function (period, handler)\r\n {\r\n var thand = new Strophe.TimedHandler(period, handler);\r\n this.addTimeds.push(thand);\r\n return thand;\r\n },\r\n\r\n /** Function: deleteTimedHandler\r\n * Delete a timed handler for a connection.\r\n *\r\n * This function removes a timed handler from the connection. The\r\n * handRef parameter is *not* the function passed to addTimedHandler(),\r\n * but is the reference returned from addTimedHandler().\r\n *\r\n * Parameters:\r\n * (Strophe.TimedHandler) handRef - The handler reference.\r\n */\r\n deleteTimedHandler: function (handRef)\r\n {\r\n // this must be done in the Idle loop so that we don't change\r\n // the handlers during iteration\r\n this.removeTimeds.push(handRef);\r\n },\r\n\r\n /** Function: addHandler\r\n * Add a stanza handler for the connection.\r\n *\r\n * This function adds a stanza handler to the connection. The\r\n * handler callback will be called for any stanza that matches\r\n * the parameters. Note that if multiple parameters are supplied,\r\n * they must all match for the handler to be invoked.\r\n *\r\n * The handler will receive the stanza that triggered it as its argument.\r\n * *The handler should return true if it is to be invoked again;\r\n * returning false will remove the handler after it returns.*\r\n *\r\n * As a convenience, the ns parameters applies to the top level element\r\n * and also any of its immediate children. This is primarily to make\r\n * matching /iq/query elements easy.\r\n *\r\n * The options argument contains handler matching flags that affect how\r\n * matches are determined. Currently the only flag is matchBare (a\r\n * boolean). When matchBare is true, the from parameter and the from\r\n * attribute on the stanza will be matched as bare JIDs instead of\r\n * full JIDs. To use this, pass {matchBare: true} as the value of\r\n * options. The default value for matchBare is false.\r\n *\r\n * The return value should be saved if you wish to remove the handler\r\n * with deleteHandler().\r\n *\r\n * Parameters:\r\n * (Function) handler - The user callback.\r\n * (String) ns - The namespace to match.\r\n * (String) name - The stanza name to match.\r\n * (String) type - The stanza type attribute to match.\r\n * (String) id - The stanza id attribute to match.\r\n * (String) from - The stanza from attribute to match.\r\n * (String) options - The handler options\r\n *\r\n * Returns:\r\n * A reference to the handler that can be used to remove it.\r\n */\r\n addHandler: function (handler, ns, name, type, id, from, options)\r\n {\r\n var hand = new Strophe.Handler(handler, ns, name, type, id, from, options);\r\n this.addHandlers.push(hand);\r\n return hand;\r\n },\r\n\r\n /** Function: deleteHandler\r\n * Delete a stanza handler for a connection.\r\n *\r\n * This function removes a stanza handler from the connection. The\r\n * handRef parameter is *not* the function passed to addHandler(),\r\n * but is the reference returned from addHandler().\r\n *\r\n * Parameters:\r\n * (Strophe.Handler) handRef - The handler reference.\r\n */\r\n deleteHandler: function (handRef)\r\n {\r\n // this must be done in the Idle loop so that we don't change\r\n // the handlers during iteration\r\n this.removeHandlers.push(handRef);\r\n // If a handler is being deleted while it is being added,\r\n // prevent it from getting added\r\n var i = this.addHandlers.indexOf(handRef);\r\n if (i >= 0) {\r\n this.addHandlers.splice(i, 1);\r\n }\r\n },\r\n\r\n /** Function: disconnect\r\n * Start the graceful disconnection process.\r\n *\r\n * This function starts the disconnection process. This process starts\r\n * by sending unavailable presence and sending BOSH body of type\r\n * terminate. A timeout handler makes sure that disconnection happens\r\n * even if the BOSH server does not respond.\r\n * If the Connection object isn't connected, at least tries to abort all pending requests\r\n * so the connection object won't generate successful requests (which were already opened).\r\n *\r\n * The user supplied connection callback will be notified of the\r\n * progress as this process happens.\r\n *\r\n * Parameters:\r\n * (String) reason - The reason the disconnect is occuring.\r\n */\r\n disconnect: function (reason)\r\n {\r\n this._changeConnectStatus(Strophe.Status.DISCONNECTING, reason);\r\n\r\n Strophe.info(\"Disconnect was called because: \" + reason);\r\n if (this.connected) {\r\n var pres = false;\r\n this.disconnecting = true;\r\n if (this.authenticated) {\r\n pres = $pres({\r\n xmlns: Strophe.NS.CLIENT,\r\n type: 'unavailable'\r\n });\r\n }\r\n // setup timeout handler\r\n this._disconnectTimeout = this._addSysTimedHandler(\r\n 3000, this._onDisconnectTimeout.bind(this));\r\n this._proto._disconnect(pres);\r\n } else {\r\n Strophe.info(\"Disconnect was called before Strophe connected to the server\");\r\n this._proto._abortAllRequests();\r\n }\r\n },\r\n\r\n /** PrivateFunction: _changeConnectStatus\r\n * _Private_ helper function that makes sure plugins and the user's\r\n * callback are notified of connection status changes.\r\n *\r\n * Parameters:\r\n * (Integer) status - the new connection status, one of the values\r\n * in Strophe.Status\r\n * (String) condition - the error condition or null\r\n */\r\n _changeConnectStatus: function (status, condition)\r\n {\r\n // notify all plugins listening for status changes\r\n for (var k in Strophe._connectionPlugins) {\r\n if (Strophe._connectionPlugins.hasOwnProperty(k)) {\r\n var plugin = this[k];\r\n if (plugin.statusChanged) {\r\n try {\r\n plugin.statusChanged(status, condition);\r\n } catch (err) {\r\n Strophe.error(\"\" + k + \" plugin caused an exception \" +\r\n \"changing status: \" + err);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // notify the user's callback\r\n if (this.connect_callback) {\r\n try {\r\n this.connect_callback(status, condition);\r\n } catch (e) {\r\n Strophe.error(\"User connection callback caused an \" +\r\n \"exception: \" + e);\r\n }\r\n }\r\n },\r\n\r\n /** PrivateFunction: _doDisconnect\r\n * _Private_ function to disconnect.\r\n *\r\n * This is the last piece of the disconnection logic. This resets the\r\n * connection and alerts the user's connection callback.\r\n */\r\n _doDisconnect: function ()\r\n {\r\n if (typeof this._idleTimeout == \"number\") {\r\n clearTimeout(this._idleTimeout);\r\n }\r\n\r\n // Cancel Disconnect Timeout\r\n if (this._disconnectTimeout !== null) {\r\n this.deleteTimedHandler(this._disconnectTimeout);\r\n this._disconnectTimeout = null;\r\n }\r\n\r\n Strophe.info(\"_doDisconnect was called\");\r\n this._proto._doDisconnect();\r\n\r\n this.authenticated = false;\r\n this.disconnecting = false;\r\n\r\n // delete handlers\r\n this.handlers = [];\r\n this.timedHandlers = [];\r\n this.removeTimeds = [];\r\n this.removeHandlers = [];\r\n this.addTimeds = [];\r\n this.addHandlers = [];\r\n\r\n // tell the parent we disconnected\r\n this._changeConnectStatus(Strophe.Status.DISCONNECTED, null);\r\n this.connected = false;\r\n },\r\n\r\n /** PrivateFunction: _dataRecv\r\n * _Private_ handler to processes incoming data from the the connection.\r\n *\r\n * Except for _connect_cb handling the initial connection request,\r\n * this function handles the incoming data for all requests. This\r\n * function also fires stanza handlers that match each incoming\r\n * stanza.\r\n *\r\n * Parameters:\r\n * (Strophe.Request) req - The request that has data ready.\r\n * (string) req - The stanza a raw string (optiona).\r\n */\r\n _dataRecv: function (req, raw)\r\n {\r\n Strophe.info(\"_dataRecv called\");\r\n var elem = this._proto._reqToData(req);\r\n if (elem === null) { return; }\r\n\r\n if (this.xmlInput !== Strophe.Connection.prototype.xmlInput) {\r\n if (elem.nodeName === this._proto.strip && elem.childNodes.length) {\r\n this.xmlInput(elem.childNodes[0]);\r\n } else {\r\n this.xmlInput(elem);\r\n }\r\n }\r\n if (this.rawInput !== Strophe.Connection.prototype.rawInput) {\r\n if (raw) {\r\n this.rawInput(raw);\r\n } else {\r\n this.rawInput(Strophe.serialize(elem));\r\n }\r\n }\r\n\r\n // remove handlers scheduled for deletion\r\n var i, hand;\r\n while (this.removeHandlers.length > 0) {\r\n hand = this.removeHandlers.pop();\r\n i = this.handlers.indexOf(hand);\r\n if (i >= 0) {\r\n this.handlers.splice(i, 1);\r\n }\r\n }\r\n\r\n // add handlers scheduled for addition\r\n while (this.addHandlers.length > 0) {\r\n this.handlers.push(this.addHandlers.pop());\r\n }\r\n\r\n // handle graceful disconnect\r\n if (this.disconnecting && this._proto._emptyQueue()) {\r\n this._doDisconnect();\r\n return;\r\n }\r\n\r\n var type = elem.getAttribute(\"type\");\r\n var cond, conflict;\r\n if (type !== null && type == \"terminate\") {\r\n // Don't process stanzas that come in after disconnect\r\n if (this.disconnecting) {\r\n return;\r\n }\r\n\r\n // an error occurred\r\n cond = elem.getAttribute(\"condition\");\r\n conflict = elem.getElementsByTagName(\"conflict\");\r\n if (cond !== null) {\r\n if (cond == \"remote-stream-error\" && conflict.length > 0) {\r\n cond = \"conflict\";\r\n }\r\n this._changeConnectStatus(Strophe.Status.CONNFAIL, cond);\r\n } else {\r\n this._changeConnectStatus(Strophe.Status.CONNFAIL, \"unknown\");\r\n }\r\n this._doDisconnect();\r\n return;\r\n }\r\n\r\n // send each incoming stanza through the handler chain\r\n var that = this;\r\n Strophe.forEachChild(elem, null, function (child) {\r\n var i, newList;\r\n // process handlers\r\n newList = that.handlers;\r\n that.handlers = [];\r\n for (i = 0; i < newList.length; i++) {\r\n var hand = newList[i];\r\n // encapsulate 'handler.run' not to lose the whole handler list if\r\n // one of the handlers throws an exception\r\n try {\r\n if (hand.isMatch(child) &&\r\n (that.authenticated || !hand.user)) {\r\n if (hand.run(child)) {\r\n that.handlers.push(hand);\r\n }\r\n } else {\r\n that.handlers.push(hand);\r\n }\r\n } catch(e) {\r\n // if the handler throws an exception, we consider it as false\r\n Strophe.warn('Removing Strophe handlers due to uncaught exception: ' + e.message);\r\n }\r\n }\r\n });\r\n },\r\n\r\n\r\n /** Attribute: mechanisms\r\n * SASL Mechanisms available for Conncection.\r\n */\r\n mechanisms: {},\r\n\r\n /** PrivateFunction: _connect_cb\r\n * _Private_ handler for initial connection request.\r\n *\r\n * This handler is used to process the initial connection request\r\n * response from the BOSH server. It is used to set up authentication\r\n * handlers and start the authentication process.\r\n *\r\n * SASL authentication will be attempted if available, otherwise\r\n * the code will fall back to legacy authentication.\r\n *\r\n * Parameters:\r\n * (Strophe.Request) req - The current request.\r\n * (Function) _callback - low level (xmpp) connect callback function.\r\n * Useful for plugins with their own xmpp connect callback (when their)\r\n * want to do something special).\r\n */\r\n _connect_cb: function (req, _callback, raw)\r\n {\r\n Strophe.info(\"_connect_cb was called\");\r\n\r\n this.connected = true;\r\n\r\n var bodyWrap = this._proto._reqToData(req);\r\n if (!bodyWrap) { return; }\r\n\r\n if (this.xmlInput !== Strophe.Connection.prototype.xmlInput) {\r\n if (bodyWrap.nodeName === this._proto.strip && bodyWrap.childNodes.length) {\r\n this.xmlInput(bodyWrap.childNodes[0]);\r\n } else {\r\n this.xmlInput(bodyWrap);\r\n }\r\n }\r\n if (this.rawInput !== Strophe.Connection.prototype.rawInput) {\r\n if (raw) {\r\n this.rawInput(raw);\r\n } else {\r\n this.rawInput(Strophe.serialize(bodyWrap));\r\n }\r\n }\r\n\r\n var conncheck = this._proto._connect_cb(bodyWrap);\r\n if (conncheck === Strophe.Status.CONNFAIL) {\r\n return;\r\n }\r\n\r\n this._authentication.sasl_scram_sha1 = false;\r\n this._authentication.sasl_plain = false;\r\n this._authentication.sasl_digest_md5 = false;\r\n this._authentication.sasl_anonymous = false;\r\n\r\n this._authentication.legacy_auth = false;\r\n\r\n // Check for the stream:features tag\r\n var hasFeatures = bodyWrap.getElementsByTagNameNS(Strophe.NS.STREAM, \"features\").length > 0;\r\n var mechanisms = bodyWrap.getElementsByTagName(\"mechanism\");\r\n var matched = [];\r\n var i, mech, found_authentication = false;\r\n if (!hasFeatures) {\r\n this._proto._no_auth_received(_callback);\r\n return;\r\n }\r\n if (mechanisms.length > 0) {\r\n for (i = 0; i < mechanisms.length; i++) {\r\n mech = Strophe.getText(mechanisms[i]);\r\n if (this.mechanisms[mech]) matched.push(this.mechanisms[mech]);\r\n }\r\n }\r\n this._authentication.legacy_auth =\r\n bodyWrap.getElementsByTagName(\"auth\").length > 0;\r\n found_authentication = this._authentication.legacy_auth ||\r\n matched.length > 0;\r\n if (!found_authentication) {\r\n this._proto._no_auth_received(_callback);\r\n return;\r\n }\r\n if (this.do_authentication !== false)\r\n this.authenticate(matched);\r\n },\r\n\r\n /** Function: authenticate\r\n * Set up authentication\r\n *\r\n * Contiunues the initial connection request by setting up authentication\r\n * handlers and start the authentication process.\r\n *\r\n * SASL authentication will be attempted if available, otherwise\r\n * the code will fall back to legacy authentication.\r\n *\r\n */\r\n authenticate: function (matched)\r\n {\r\n var i;\r\n // Sorting matched mechanisms according to priority.\r\n for (i = 0; i < matched.length - 1; ++i) {\r\n var higher = i;\r\n for (var j = i + 1; j < matched.length; ++j) {\r\n if (matched[j].prototype.priority > matched[higher].prototype.priority) {\r\n higher = j;\r\n }\r\n }\r\n if (higher != i) {\r\n var swap = matched[i];\r\n matched[i] = matched[higher];\r\n matched[higher] = swap;\r\n }\r\n }\r\n\r\n // run each mechanism\r\n var mechanism_found = false;\r\n for (i = 0; i < matched.length; ++i) {\r\n if (!matched[i].test(this)) continue;\r\n\r\n this._sasl_success_handler = this._addSysHandler(\r\n this._sasl_success_cb.bind(this), null,\r\n \"success\", null, null);\r\n this._sasl_failure_handler = this._addSysHandler(\r\n this._sasl_failure_cb.bind(this), null,\r\n \"failure\", null, null);\r\n this._sasl_challenge_handler = this._addSysHandler(\r\n this._sasl_challenge_cb.bind(this), null,\r\n \"challenge\", null, null);\r\n\r\n this._sasl_mechanism = new matched[i]();\r\n this._sasl_mechanism.onStart(this);\r\n\r\n var request_auth_exchange = $build(\"auth\", {\r\n xmlns: Strophe.NS.SASL,\r\n mechanism: this._sasl_mechanism.name\r\n });\r\n\r\n if (this._sasl_mechanism.isClientFirst) {\r\n var response = this._sasl_mechanism.onChallenge(this, null);\r\n request_auth_exchange.t(Base64.encode(response));\r\n }\r\n\r\n this.send(request_auth_exchange.tree());\r\n\r\n mechanism_found = true;\r\n break;\r\n }\r\n\r\n if (!mechanism_found) {\r\n // if none of the mechanism worked\r\n if (Strophe.getNodeFromJid(this.jid) === null) {\r\n // we don't have a node, which is required for non-anonymous\r\n // client connections\r\n this._changeConnectStatus(Strophe.Status.CONNFAIL,\r\n 'x-strophe-bad-non-anon-jid');\r\n this.disconnect('x-strophe-bad-non-anon-jid');\r\n } else {\r\n // fall back to legacy authentication\r\n this._changeConnectStatus(Strophe.Status.AUTHENTICATING, null);\r\n this._addSysHandler(this._auth1_cb.bind(this), null, null,\r\n null, \"_auth_1\");\r\n\r\n this.send($iq({\r\n type: \"get\",\r\n to: this.domain,\r\n id: \"_auth_1\"\r\n }).c(\"query\", {\r\n xmlns: Strophe.NS.AUTH\r\n }).c(\"username\", {}).t(Strophe.getNodeFromJid(this.jid)).tree());\r\n }\r\n }\r\n\r\n },\r\n\r\n _sasl_challenge_cb: function(elem) {\r\n var challenge = Base64.decode(Strophe.getText(elem));\r\n var response = this._sasl_mechanism.onChallenge(this, challenge);\r\n\r\n var stanza = $build('response', {\r\n xmlns: Strophe.NS.SASL\r\n });\r\n if (response !== \"\") {\r\n stanza.t(Base64.encode(response));\r\n }\r\n this.send(stanza.tree());\r\n\r\n return true;\r\n },\r\n\r\n /** PrivateFunction: _auth1_cb\r\n * _Private_ handler for legacy authentication.\r\n *\r\n * This handler is called in response to the initial for information about changing priority and for informatian on\r\n * how to disable a mechanism.\r\n *\r\n * By default, all mechanisms are enabled and the priorities are\r\n *\r\n * SCRAM-SHA1 - 40\r\n * DIGEST-MD5 - 30\r\n * Plain - 20\r\n */\r\n\r\n/**\r\n * PrivateConstructor: Strophe.SASLMechanism\r\n * SASL auth mechanism abstraction.\r\n *\r\n * Parameters:\r\n * (String) name - SASL Mechanism name.\r\n * (Boolean) isClientFirst - If client should send response first without challenge.\r\n * (Number) priority - Priority.\r\n *\r\n * Returns:\r\n * A new Strophe.SASLMechanism object.\r\n */\r\nStrophe.SASLMechanism = function(name, isClientFirst, priority) {\r\n /** PrivateVariable: name\r\n * Mechanism name.\r\n */\r\n this.name = name;\r\n /** PrivateVariable: isClientFirst\r\n * If client sends response without initial server challenge.\r\n */\r\n this.isClientFirst = isClientFirst;\r\n /** Variable: priority\r\n * Determines which is chosen for authentication (Higher is better).\r\n * Users may override this to prioritize mechanisms differently.\r\n *\r\n * In the default configuration the priorities are\r\n *\r\n * SCRAM-SHA1 - 40\r\n * DIGEST-MD5 - 30\r\n * Plain - 20\r\n *\r\n * Example: (This will cause Strophe to choose the mechanism that the server sent first)\r\n *\r\n * > Strophe.SASLMD5.priority = Strophe.SASLSHA1.priority;\r\n *\r\n * See for a list of available mechanisms.\r\n *\r\n */\r\n this.priority = priority;\r\n};\r\n\r\nStrophe.SASLMechanism.prototype = {\r\n /**\r\n * Function: test\r\n * Checks if mechanism able to run.\r\n * To disable a mechanism, make this return false;\r\n *\r\n * To disable plain authentication run\r\n * > Strophe.SASLPlain.test = function() {\r\n * > return false;\r\n * > }\r\n *\r\n * See for a list of available mechanisms.\r\n *\r\n * Parameters:\r\n * (Strophe.Connection) connection - Target Connection.\r\n *\r\n * Returns:\r\n * (Boolean) If mechanism was able to run.\r\n */\r\n /* jshint unused:false */\r\n test: function(connection) {\r\n return true;\r\n },\r\n /* jshint unused:true */\r\n\r\n /** PrivateFunction: onStart\r\n * Called before starting mechanism on some connection.\r\n *\r\n * Parameters:\r\n * (Strophe.Connection) connection - Target Connection.\r\n */\r\n onStart: function(connection)\r\n {\r\n this._connection = connection;\r\n },\r\n\r\n /** PrivateFunction: onChallenge\r\n * Called by protocol implementation on incoming challenge. If client is\r\n * first (isClientFirst == true) challenge will be null on the first call.\r\n *\r\n * Parameters:\r\n * (Strophe.Connection) connection - Target Connection.\r\n * (String) challenge - current challenge to handle.\r\n *\r\n * Returns:\r\n * (String) Mechanism response.\r\n */\r\n /* jshint unused:false */\r\n onChallenge: function(connection, challenge) {\r\n throw new Error(\"You should implement challenge handling!\");\r\n },\r\n /* jshint unused:true */\r\n\r\n /** PrivateFunction: onFailure\r\n * Protocol informs mechanism implementation about SASL failure.\r\n */\r\n onFailure: function() {\r\n this._connection = null;\r\n },\r\n\r\n /** PrivateFunction: onSuccess\r\n * Protocol informs mechanism implementation about SASL success.\r\n */\r\n onSuccess: function() {\r\n this._connection = null;\r\n }\r\n};\r\n\r\n /** Constants: SASL mechanisms\r\n * Available authentication mechanisms\r\n *\r\n * Strophe.SASLAnonymous - SASL Anonymous authentication.\r\n * Strophe.SASLPlain - SASL Plain authentication.\r\n * Strophe.SASLMD5 - SASL Digest-MD5 authentication\r\n * Strophe.SASLSHA1 - SASL SCRAM-SHA1 authentication\r\n */\r\n\r\n// Building SASL callbacks\r\n\r\n/** PrivateConstructor: SASLAnonymous\r\n * SASL Anonymous authentication.\r\n */\r\nStrophe.SASLAnonymous = function() {};\r\n\r\nStrophe.SASLAnonymous.prototype = new Strophe.SASLMechanism(\"ANONYMOUS\", false, 10);\r\n\r\nStrophe.SASLAnonymous.test = function(connection) {\r\n return connection.authcid === null;\r\n};\r\n\r\nStrophe.Connection.prototype.mechanisms[Strophe.SASLAnonymous.prototype.name] = Strophe.SASLAnonymous;\r\n\r\n/** PrivateConstructor: SASLPlain\r\n * SASL Plain authentication.\r\n */\r\nStrophe.SASLPlain = function() {};\r\n\r\nStrophe.SASLPlain.prototype = new Strophe.SASLMechanism(\"PLAIN\", true, 20);\r\n\r\nStrophe.SASLPlain.test = function(connection) {\r\n return connection.authcid !== null;\r\n};\r\n\r\nStrophe.SASLPlain.prototype.onChallenge = function(connection) {\r\n var auth_str = connection.authzid;\r\n auth_str = auth_str + \"\\u0000\";\r\n auth_str = auth_str + connection.authcid;\r\n auth_str = auth_str + \"\\u0000\";\r\n auth_str = auth_str + connection.pass;\r\n return auth_str;\r\n};\r\n\r\nStrophe.Connection.prototype.mechanisms[Strophe.SASLPlain.prototype.name] = Strophe.SASLPlain;\r\n\r\n/** PrivateConstructor: SASLSHA1\r\n * SASL SCRAM SHA 1 authentication.\r\n */\r\nStrophe.SASLSHA1 = function() {};\r\n\r\n/* TEST:\r\n * This is a simple example of a SCRAM-SHA-1 authentication exchange\r\n * when the client doesn't support channel bindings (username 'user' and\r\n * password 'pencil' are used):\r\n *\r\n * C: n,,n=user,r=fyko+d2lbbFgONRv9qkxdawL\r\n * S: r=fyko+d2lbbFgONRv9qkxdawL3rfcNHYJY1ZVvWVs7j,s=QSXCR+Q6sek8bf92,\r\n * i=4096\r\n * C: c=biws,r=fyko+d2lbbFgONRv9qkxdawL3rfcNHYJY1ZVvWVs7j,\r\n * p=v0X8v3Bz2T0CJGbJQyF0X+HI4Ts=\r\n * S: v=rmF9pqV8S7suAoZWja4dJRkFsKQ=\r\n *\r\n */\r\n\r\nStrophe.SASLSHA1.prototype = new Strophe.SASLMechanism(\"SCRAM-SHA-1\", true, 40);\r\n\r\nStrophe.SASLSHA1.test = function(connection) {\r\n return connection.authcid !== null;\r\n};\r\n\r\nStrophe.SASLSHA1.prototype.onChallenge = function(connection, challenge, test_cnonce) {\r\n var cnonce = test_cnonce || MD5.hexdigest(Math.random() * 1234567890);\r\n\r\n var auth_str = \"n=\" + connection.authcid;\r\n auth_str += \",r=\";\r\n auth_str += cnonce;\r\n\r\n connection._sasl_data.cnonce = cnonce;\r\n connection._sasl_data[\"client-first-message-bare\"] = auth_str;\r\n\r\n auth_str = \"n,,\" + auth_str;\r\n\r\n this.onChallenge = function (connection, challenge)\r\n {\r\n var nonce, salt, iter, Hi, U, U_old, i, k;\r\n var clientKey, serverKey, clientSignature;\r\n var responseText = \"c=biws,\";\r\n var authMessage = connection._sasl_data[\"client-first-message-bare\"] + \",\" +\r\n challenge + \",\";\r\n var cnonce = connection._sasl_data.cnonce;\r\n var attribMatch = /([a-z]+)=([^,]+)(,|$)/;\r\n\r\n while (challenge.match(attribMatch)) {\r\n var matches = challenge.match(attribMatch);\r\n challenge = challenge.replace(matches[0], \"\");\r\n switch (matches[1]) {\r\n case \"r\":\r\n nonce = matches[2];\r\n break;\r\n case \"s\":\r\n salt = matches[2];\r\n break;\r\n case \"i\":\r\n iter = matches[2];\r\n break;\r\n }\r\n }\r\n\r\n if (nonce.substr(0, cnonce.length) !== cnonce) {\r\n connection._sasl_data = {};\r\n return connection._sasl_failure_cb();\r\n }\r\n\r\n responseText += \"r=\" + nonce;\r\n authMessage += responseText;\r\n\r\n salt = Base64.decode(salt);\r\n salt += \"\\x00\\x00\\x00\\x01\";\r\n\r\n Hi = U_old = core_hmac_sha1(connection.pass, salt);\r\n for (i = 1; i < iter; i++) {\r\n U = core_hmac_sha1(connection.pass, binb2str(U_old));\r\n for (k = 0; k < 5; k++) {\r\n Hi[k] ^= U[k];\r\n }\r\n U_old = U;\r\n }\r\n Hi = binb2str(Hi);\r\n\r\n clientKey = core_hmac_sha1(Hi, \"Client Key\");\r\n serverKey = str_hmac_sha1(Hi, \"Server Key\");\r\n clientSignature = core_hmac_sha1(str_sha1(binb2str(clientKey)), authMessage);\r\n connection._sasl_data[\"server-signature\"] = b64_hmac_sha1(serverKey, authMessage);\r\n\r\n for (k = 0; k < 5; k++) {\r\n clientKey[k] ^= clientSignature[k];\r\n }\r\n\r\n responseText += \",p=\" + Base64.encode(binb2str(clientKey));\r\n\r\n return responseText;\r\n }.bind(this);\r\n\r\n return auth_str;\r\n};\r\n\r\nStrophe.Connection.prototype.mechanisms[Strophe.SASLSHA1.prototype.name] = Strophe.SASLSHA1;\r\n\r\n/** PrivateConstructor: SASLMD5\r\n * SASL DIGEST MD5 authentication.\r\n */\r\nStrophe.SASLMD5 = function() {};\r\n\r\nStrophe.SASLMD5.prototype = new Strophe.SASLMechanism(\"DIGEST-MD5\", false, 30);\r\n\r\nStrophe.SASLMD5.test = function(connection) {\r\n return connection.authcid !== null;\r\n};\r\n\r\n/** PrivateFunction: _quote\r\n * _Private_ utility function to backslash escape and quote strings.\r\n *\r\n * Parameters:\r\n * (String) str - The string to be quoted.\r\n *\r\n * Returns:\r\n * quoted string\r\n */\r\nStrophe.SASLMD5.prototype._quote = function (str)\r\n {\r\n return '\"' + str.replace(/\\\\/g, \"\\\\\\\\\").replace(/\"/g, '\\\\\"') + '\"';\r\n //\" end string workaround for emacs\r\n };\r\n\r\n\r\nStrophe.SASLMD5.prototype.onChallenge = function(connection, challenge, test_cnonce) {\r\n var attribMatch = /([a-z]+)=(\"[^\"]+\"|[^,\"]+)(?:,|$)/;\r\n var cnonce = test_cnonce || MD5.hexdigest(\"\" + (Math.random() * 1234567890));\r\n var realm = \"\";\r\n var host = null;\r\n var nonce = \"\";\r\n var qop = \"\";\r\n var matches;\r\n\r\n while (challenge.match(attribMatch)) {\r\n matches = challenge.match(attribMatch);\r\n challenge = challenge.replace(matches[0], \"\");\r\n matches[2] = matches[2].replace(/^\"(.+)\"$/, \"$1\");\r\n switch (matches[1]) {\r\n case \"realm\":\r\n realm = matches[2];\r\n break;\r\n case \"nonce\":\r\n nonce = matches[2];\r\n break;\r\n case \"qop\":\r\n qop = matches[2];\r\n break;\r\n case \"host\":\r\n host = matches[2];\r\n break;\r\n }\r\n }\r\n\r\n var digest_uri = connection.servtype + \"/\" + connection.domain;\r\n if (host !== null) {\r\n digest_uri = digest_uri + \"/\" + host;\r\n }\r\n\r\n var A1 = MD5.hash(connection.authcid +\r\n \":\" + realm + \":\" + this._connection.pass) +\r\n \":\" + nonce + \":\" + cnonce;\r\n var A2 = 'AUTHENTICATE:' + digest_uri;\r\n\r\n var responseText = \"\";\r\n responseText += 'charset=utf-8,';\r\n responseText += 'username=' +\r\n this._quote(connection.authcid) + ',';\r\n responseText += 'realm=' + this._quote(realm) + ',';\r\n responseText += 'nonce=' + this._quote(nonce) + ',';\r\n responseText += 'nc=00000001,';\r\n responseText += 'cnonce=' + this._quote(cnonce) + ',';\r\n responseText += 'digest-uri=' + this._quote(digest_uri) + ',';\r\n responseText += 'response=' + MD5.hexdigest(MD5.hexdigest(A1) + \":\" +\r\n nonce + \":00000001:\" +\r\n cnonce + \":auth:\" +\r\n MD5.hexdigest(A2)) + \",\";\r\n responseText += 'qop=auth';\r\n\r\n this.onChallenge = function ()\r\n {\r\n return \"\";\r\n }.bind(this);\r\n\r\n return responseText;\r\n};\r\n\r\nStrophe.Connection.prototype.mechanisms[Strophe.SASLMD5.prototype.name] = Strophe.SASLMD5;\r\n\r\n\r\n/*\r\n This program is distributed under the terms of the MIT license.\r\n Please see the LICENSE file for details.\r\n\r\n Copyright 2006-2008, OGG, LLC\r\n*/\r\n\r\n/* jshint undef: true, unused: true:, noarg: true, latedef: true */\r\n/*global window, setTimeout, clearTimeout,\r\n XMLHttpRequest, ActiveXObject,\r\n Strophe, $build */\r\n\r\n\r\n/** PrivateClass: Strophe.Request\r\n * _Private_ helper class that provides a cross implementation abstraction\r\n * for a BOSH related XMLHttpRequest.\r\n *\r\n * The Strophe.Request class is used internally to encapsulate BOSH request\r\n * information. It is not meant to be used from user's code.\r\n */\r\n\r\n/** PrivateConstructor: Strophe.Request\r\n * Create and initialize a new Strophe.Request object.\r\n *\r\n * Parameters:\r\n * (XMLElement) elem - The XML data to be sent in the request.\r\n * (Function) func - The function that will be called when the\r\n * XMLHttpRequest readyState changes.\r\n * (Integer) rid - The BOSH rid attribute associated with this request.\r\n * (Integer) sends - The number of times this same request has been\r\n * sent.\r\n */\r\nStrophe.Request = function (elem, func, rid, sends)\r\n{\r\n this.id = ++Strophe._requestId;\r\n this.xmlData = elem;\r\n this.data = Strophe.serialize(elem);\r\n // save original function in case we need to make a new request\r\n // from this one.\r\n this.origFunc = func;\r\n this.func = func;\r\n this.rid = rid;\r\n this.date = NaN;\r\n this.sends = sends || 0;\r\n this.abort = false;\r\n this.dead = null;\r\n\r\n this.age = function () {\r\n if (!this.date) { return 0; }\r\n var now = new Date();\r\n return (now - this.date) / 1000;\r\n };\r\n this.timeDead = function () {\r\n if (!this.dead) { return 0; }\r\n var now = new Date();\r\n return (now - this.dead) / 1000;\r\n };\r\n this.xhr = this._newXHR();\r\n};\r\n\r\nStrophe.Request.prototype = {\r\n /** PrivateFunction: getResponse\r\n * Get a response from the underlying XMLHttpRequest.\r\n *\r\n * This function attempts to get a response from the request and checks\r\n * for errors.\r\n *\r\n * Throws:\r\n * \"parsererror\" - A parser error occured.\r\n *\r\n * Returns:\r\n * The DOM element tree of the response.\r\n */\r\n getResponse: function ()\r\n {\r\n var node = null;\r\n if (this.xhr.responseXML && this.xhr.responseXML.documentElement) {\r\n node = this.xhr.responseXML.documentElement;\r\n if (node.tagName == \"parsererror\") {\r\n Strophe.error(\"invalid response received\");\r\n Strophe.error(\"responseText: \" + this.xhr.responseText);\r\n Strophe.error(\"responseXML: \" +\r\n Strophe.serialize(this.xhr.responseXML));\r\n throw \"parsererror\";\r\n }\r\n } else if (this.xhr.responseText) {\r\n Strophe.error(\"invalid response received\");\r\n Strophe.error(\"responseText: \" + this.xhr.responseText);\r\n Strophe.error(\"responseXML: \" +\r\n Strophe.serialize(this.xhr.responseXML));\r\n }\r\n\r\n return node;\r\n },\r\n\r\n /** PrivateFunction: _newXHR\r\n * _Private_ helper function to create XMLHttpRequests.\r\n *\r\n * This function creates XMLHttpRequests across all implementations.\r\n *\r\n * Returns:\r\n * A new XMLHttpRequest.\r\n */\r\n _newXHR: function ()\r\n {\r\n var xhr = null;\r\n if (window.XMLHttpRequest) {\r\n xhr = new XMLHttpRequest();\r\n if (xhr.overrideMimeType) {\r\n xhr.overrideMimeType(\"text/xml; charset=utf-8\");\r\n }\r\n } else if (window.ActiveXObject) {\r\n xhr = new ActiveXObject(\"Microsoft.XMLHTTP\");\r\n }\r\n\r\n // use Function.bind() to prepend ourselves as an argument\r\n xhr.onreadystatechange = this.func.bind(null, this);\r\n\r\n return xhr;\r\n }\r\n};\r\n\r\n/** Class: Strophe.Bosh\r\n * _Private_ helper class that handles BOSH Connections\r\n *\r\n * The Strophe.Bosh class is used internally by Strophe.Connection\r\n * to encapsulate BOSH sessions. It is not meant to be used from user's code.\r\n */\r\n\r\n/** File: bosh.js\r\n * A JavaScript library to enable BOSH in Strophejs.\r\n *\r\n * this library uses Bidirectional-streams Over Synchronous HTTP (BOSH)\r\n * to emulate a persistent, stateful, two-way connection to an XMPP server.\r\n * More information on BOSH can be found in XEP 124.\r\n */\r\n\r\n/** PrivateConstructor: Strophe.Bosh\r\n * Create and initialize a Strophe.Bosh object.\r\n *\r\n * Parameters:\r\n * (Strophe.Connection) connection - The Strophe.Connection that will use BOSH.\r\n *\r\n * Returns:\r\n * A new Strophe.Bosh object.\r\n */\r\nStrophe.Bosh = function(connection) {\r\n this._conn = connection;\r\n /* request id for body tags */\r\n this.rid = Math.floor(Math.random() * 4294967295);\r\n /* The current session ID. */\r\n this.sid = null;\r\n\r\n // default BOSH values\r\n this.hold = 1;\r\n this.wait = 60;\r\n this.window = 5;\r\n this.errors = 0;\r\n\r\n this._requests = [];\r\n};\r\n\r\nStrophe.Bosh.prototype = {\r\n /** Variable: strip\r\n *\r\n * BOSH-Connections will have all stanzas wrapped in a tag when\r\n * passed to or .\r\n * To strip this tag, User code can set to \"body\":\r\n *\r\n * > Strophe.Bosh.prototype.strip = \"body\";\r\n *\r\n * This will enable stripping of the body tag in both\r\n * and .\r\n */\r\n strip: null,\r\n\r\n /** PrivateFunction: _buildBody\r\n * _Private_ helper function to generate the wrapper for BOSH.\r\n *\r\n * Returns:\r\n * A Strophe.Builder with a element.\r\n */\r\n _buildBody: function ()\r\n {\r\n var bodyWrap = $build('body', {\r\n rid: this.rid++,\r\n xmlns: Strophe.NS.HTTPBIND\r\n });\r\n\r\n if (this.sid !== null) {\r\n bodyWrap.attrs({sid: this.sid});\r\n }\r\n\r\n return bodyWrap;\r\n },\r\n\r\n /** PrivateFunction: _reset\r\n * Reset the connection.\r\n *\r\n * This function is called by the reset function of the Strophe Connection\r\n */\r\n _reset: function ()\r\n {\r\n this.rid = Math.floor(Math.random() * 4294967295);\r\n this.sid = null;\r\n this.errors = 0;\r\n },\r\n\r\n /** PrivateFunction: _connect\r\n * _Private_ function that initializes the BOSH connection.\r\n *\r\n * Creates and sends the Request that initializes the BOSH connection.\r\n */\r\n _connect: function (wait, hold, route)\r\n {\r\n this.wait = wait || this.wait;\r\n this.hold = hold || this.hold;\r\n this.errors = 0;\r\n\r\n // build the body tag\r\n var body = this._buildBody().attrs({\r\n to: this._conn.domain,\r\n \"xml:lang\": \"en\",\r\n wait: this.wait,\r\n hold: this.hold,\r\n content: \"text/xml; charset=utf-8\",\r\n ver: \"1.6\",\r\n \"xmpp:version\": \"1.0\",\r\n \"xmlns:xmpp\": Strophe.NS.BOSH\r\n });\r\n\r\n if(route){\r\n body.attrs({\r\n route: route\r\n });\r\n }\r\n\r\n var _connect_cb = this._conn._connect_cb;\r\n\r\n this._requests.push(\r\n new Strophe.Request(body.tree(),\r\n this._onRequestStateChange.bind(\r\n this, _connect_cb.bind(this._conn)),\r\n body.tree().getAttribute(\"rid\")));\r\n this._throttledRequestHandler();\r\n },\r\n\r\n /** PrivateFunction: _attach\r\n * Attach to an already created and authenticated BOSH session.\r\n *\r\n * This function is provided to allow Strophe to attach to BOSH\r\n * sessions which have been created externally, perhaps by a Web\r\n * application. This is often used to support auto-login type features\r\n * without putting user credentials into the page.\r\n *\r\n * Parameters:\r\n * (String) jid - The full JID that is bound by the session.\r\n * (String) sid - The SID of the BOSH session.\r\n * (String) rid - The current RID of the BOSH session. This RID\r\n * will be used by the next request.\r\n * (Function) callback The connect callback function.\r\n * (Integer) wait - The optional HTTPBIND wait value. This is the\r\n * time the server will wait before returning an empty result for\r\n * a request. The default setting of 60 seconds is recommended.\r\n * Other settings will require tweaks to the Strophe.TIMEOUT value.\r\n * (Integer) hold - The optional HTTPBIND hold value. This is the\r\n * number of connections the server will hold at one time. This\r\n * should almost always be set to 1 (the default).\r\n * (Integer) wind - The optional HTTBIND window value. This is the\r\n * allowed range of request ids that are valid. The default is 5.\r\n */\r\n _attach: function (jid, sid, rid, callback, wait, hold, wind)\r\n {\r\n this._conn.jid = jid;\r\n this.sid = sid;\r\n this.rid = rid;\r\n\r\n this._conn.connect_callback = callback;\r\n\r\n this._conn.domain = Strophe.getDomainFromJid(this._conn.jid);\r\n\r\n this._conn.authenticated = true;\r\n this._conn.connected = true;\r\n\r\n this.wait = wait || this.wait;\r\n this.hold = hold || this.hold;\r\n this.window = wind || this.window;\r\n\r\n this._conn._changeConnectStatus(Strophe.Status.ATTACHED, null);\r\n },\r\n\r\n /** PrivateFunction: _connect_cb\r\n * _Private_ handler for initial connection request.\r\n *\r\n * This handler is used to process the Bosh-part of the initial request.\r\n * Parameters:\r\n * (Strophe.Request) bodyWrap - The received stanza.\r\n */\r\n _connect_cb: function (bodyWrap)\r\n {\r\n var typ = bodyWrap.getAttribute(\"type\");\r\n var cond, conflict;\r\n if (typ !== null && typ == \"terminate\") {\r\n // an error occurred\r\n Strophe.error(\"BOSH-Connection failed: \" + cond);\r\n cond = bodyWrap.getAttribute(\"condition\");\r\n conflict = bodyWrap.getElementsByTagName(\"conflict\");\r\n if (cond !== null) {\r\n if (cond == \"remote-stream-error\" && conflict.length > 0) {\r\n cond = \"conflict\";\r\n }\r\n this._conn._changeConnectStatus(Strophe.Status.CONNFAIL, cond);\r\n } else {\r\n this._conn._changeConnectStatus(Strophe.Status.CONNFAIL, \"unknown\");\r\n }\r\n this._conn._doDisconnect();\r\n return Strophe.Status.CONNFAIL;\r\n }\r\n\r\n // check to make sure we don't overwrite these if _connect_cb is\r\n // called multiple times in the case of missing stream:features\r\n if (!this.sid) {\r\n this.sid = bodyWrap.getAttribute(\"sid\");\r\n }\r\n var wind = bodyWrap.getAttribute('requests');\r\n if (wind) { this.window = parseInt(wind, 10); }\r\n var hold = bodyWrap.getAttribute('hold');\r\n if (hold) { this.hold = parseInt(hold, 10); }\r\n var wait = bodyWrap.getAttribute('wait');\r\n if (wait) { this.wait = parseInt(wait, 10); }\r\n },\r\n\r\n /** PrivateFunction: _disconnect\r\n * _Private_ part of Connection.disconnect for Bosh\r\n *\r\n * Parameters:\r\n * (Request) pres - This stanza will be sent before disconnecting.\r\n */\r\n _disconnect: function (pres)\r\n {\r\n this._sendTerminate(pres);\r\n },\r\n\r\n /** PrivateFunction: _doDisconnect\r\n * _Private_ function to disconnect.\r\n *\r\n * Resets the SID and RID.\r\n */\r\n _doDisconnect: function ()\r\n {\r\n this.sid = null;\r\n this.rid = Math.floor(Math.random() * 4294967295);\r\n },\r\n\r\n /** PrivateFunction: _emptyQueue\r\n * _Private_ function to check if the Request queue is empty.\r\n *\r\n * Returns:\r\n * True, if there are no Requests queued, False otherwise.\r\n */\r\n _emptyQueue: function ()\r\n {\r\n return this._requests.length === 0;\r\n },\r\n\r\n /** PrivateFunction: _hitError\r\n * _Private_ function to handle the error count.\r\n *\r\n * Requests are resent automatically until their error count reaches\r\n * 5. Each time an error is encountered, this function is called to\r\n * increment the count and disconnect if the count is too high.\r\n *\r\n * Parameters:\r\n * (Integer) reqStatus - The request status.\r\n */\r\n _hitError: function (reqStatus)\r\n {\r\n this.errors++;\r\n Strophe.warn(\"request errored, status: \" + reqStatus +\r\n \", number of errors: \" + this.errors);\r\n if (this.errors > 4) {\r\n this._conn._onDisconnectTimeout();\r\n }\r\n },\r\n\r\n /** PrivateFunction: _no_auth_received\r\n *\r\n * Called on stream start/restart when no stream:features\r\n * has been received and sends a blank poll request.\r\n */\r\n _no_auth_received: function (_callback)\r\n {\r\n if (_callback) {\r\n _callback = _callback.bind(this._conn);\r\n } else {\r\n _callback = this._conn._connect_cb.bind(this._conn);\r\n }\r\n var body = this._buildBody();\r\n this._requests.push(\r\n new Strophe.Request(body.tree(),\r\n this._onRequestStateChange.bind(\r\n this, _callback.bind(this._conn)),\r\n body.tree().getAttribute(\"rid\")));\r\n this._throttledRequestHandler();\r\n },\r\n\r\n /** PrivateFunction: _onDisconnectTimeout\r\n * _Private_ timeout handler for handling non-graceful disconnection.\r\n *\r\n * Cancels all remaining Requests and clears the queue.\r\n */\r\n _onDisconnectTimeout: function () {\r\n this._abortAllRequests();\r\n },\r\n\r\n /** PrivateFunction: _abortAllRequests\r\n * _Private_ helper function that makes sure all pending requests are aborted.\r\n */\r\n _abortAllRequests: function _abortAllRequests() {\r\n var req;\r\n while (this._requests.length > 0) {\r\n req = this._requests.pop();\r\n req.abort = true;\r\n req.xhr.abort();\r\n // jslint complains, but this is fine. setting to empty func\r\n // is necessary for IE6\r\n req.xhr.onreadystatechange = function () {}; // jshint ignore:line\r\n }\r\n },\r\n\r\n /** PrivateFunction: _onIdle\r\n * _Private_ handler called by Strophe.Connection._onIdle\r\n *\r\n * Sends all queued Requests or polls with empty Request if there are none.\r\n */\r\n _onIdle: function () {\r\n var data = this._conn._data;\r\n\r\n // if no requests are in progress, poll\r\n if (this._conn.authenticated && this._requests.length === 0 &&\r\n data.length === 0 && !this._conn.disconnecting) {\r\n Strophe.info(\"no requests during idle cycle, sending \" +\r\n \"blank request\");\r\n data.push(null);\r\n }\r\n\r\n if (this._conn.paused) {\r\n return;\r\n }\r\n\r\n if (this._requests.length < 2 && data.length > 0) {\r\n var body = this._buildBody();\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] !== null) {\r\n if (data[i] === \"restart\") {\r\n body.attrs({\r\n to: this._conn.domain,\r\n \"xml:lang\": \"en\",\r\n \"xmpp:restart\": \"true\",\r\n \"xmlns:xmpp\": Strophe.NS.BOSH\r\n });\r\n } else {\r\n body.cnode(data[i]).up();\r\n }\r\n }\r\n }\r\n delete this._conn._data;\r\n this._conn._data = [];\r\n this._requests.push(\r\n new Strophe.Request(body.tree(),\r\n this._onRequestStateChange.bind(\r\n this, this._conn._dataRecv.bind(this._conn)),\r\n body.tree().getAttribute(\"rid\")));\r\n this._throttledRequestHandler();\r\n }\r\n\r\n if (this._requests.length > 0) {\r\n var time_elapsed = this._requests[0].age();\r\n if (this._requests[0].dead !== null) {\r\n if (this._requests[0].timeDead() >\r\n Math.floor(Strophe.SECONDARY_TIMEOUT * this.wait)) {\r\n this._throttledRequestHandler();\r\n }\r\n }\r\n\r\n if (time_elapsed > Math.floor(Strophe.TIMEOUT * this.wait)) {\r\n Strophe.warn(\"Request \" +\r\n this._requests[0].id +\r\n \" timed out, over \" + Math.floor(Strophe.TIMEOUT * this.wait) +\r\n \" seconds since last activity\");\r\n this._throttledRequestHandler();\r\n }\r\n }\r\n },\r\n\r\n /** PrivateFunction: _onRequestStateChange\r\n * _Private_ handler for Strophe.Request state changes.\r\n *\r\n * This function is called when the XMLHttpRequest readyState changes.\r\n * It contains a lot of error handling logic for the many ways that\r\n * requests can fail, and calls the request callback when requests\r\n * succeed.\r\n *\r\n * Parameters:\r\n * (Function) func - The handler for the request.\r\n * (Strophe.Request) req - The request that is changing readyState.\r\n */\r\n _onRequestStateChange: function (func, req)\r\n {\r\n Strophe.debug(\"request id \" + req.id +\r\n \".\" + req.sends + \" state changed to \" +\r\n req.xhr.readyState);\r\n\r\n if (req.abort) {\r\n req.abort = false;\r\n return;\r\n }\r\n\r\n // request complete\r\n var reqStatus;\r\n if (req.xhr.readyState == 4) {\r\n reqStatus = 0;\r\n try {\r\n reqStatus = req.xhr.status;\r\n } catch (e) {\r\n // ignore errors from undefined status attribute. works\r\n // around a browser bug\r\n }\r\n\r\n if (typeof(reqStatus) == \"undefined\") {\r\n reqStatus = 0;\r\n }\r\n\r\n if (this.disconnecting) {\r\n if (reqStatus >= 400) {\r\n this._hitError(reqStatus);\r\n return;\r\n }\r\n }\r\n\r\n var reqIs0 = (this._requests[0] == req);\r\n var reqIs1 = (this._requests[1] == req);\r\n\r\n if ((reqStatus > 0 && reqStatus < 500) || req.sends > 5) {\r\n // remove from internal queue\r\n this._removeRequest(req);\r\n Strophe.debug(\"request id \" +\r\n req.id +\r\n \" should now be removed\");\r\n }\r\n\r\n // request succeeded\r\n if (reqStatus == 200) {\r\n // if request 1 finished, or request 0 finished and request\r\n // 1 is over Strophe.SECONDARY_TIMEOUT seconds old, we need to\r\n // restart the other - both will be in the first spot, as the\r\n // completed request has been removed from the queue already\r\n if (reqIs1 ||\r\n (reqIs0 && this._requests.length > 0 &&\r\n this._requests[0].age() > Math.floor(Strophe.SECONDARY_TIMEOUT * this.wait))) {\r\n this._restartRequest(0);\r\n }\r\n // call handler\r\n Strophe.debug(\"request id \" +\r\n req.id + \".\" +\r\n req.sends + \" got 200\");\r\n func(req);\r\n this.errors = 0;\r\n } else {\r\n Strophe.error(\"request id \" +\r\n req.id + \".\" +\r\n req.sends + \" error \" + reqStatus +\r\n \" happened\");\r\n if (reqStatus === 0 ||\r\n (reqStatus >= 400 && reqStatus < 600) ||\r\n reqStatus >= 12000) {\r\n this._hitError(reqStatus);\r\n if (reqStatus >= 400 && reqStatus < 500) {\r\n this._conn._changeConnectStatus(Strophe.Status.DISCONNECTING,\r\n null);\r\n this._conn._doDisconnect();\r\n }\r\n }\r\n }\r\n\r\n if (!((reqStatus > 0 && reqStatus < 500) ||\r\n req.sends > 5)) {\r\n this._throttledRequestHandler();\r\n }\r\n }\r\n },\r\n\r\n /** PrivateFunction: _processRequest\r\n * _Private_ function to process a request in the queue.\r\n *\r\n * This function takes requests off the queue and sends them and\r\n * restarts dead requests.\r\n *\r\n * Parameters:\r\n * (Integer) i - The index of the request in the queue.\r\n */\r\n _processRequest: function (i)\r\n {\r\n var self = this;\r\n var req = this._requests[i];\r\n var reqStatus = -1;\r\n\r\n try {\r\n if (req.xhr.readyState == 4) {\r\n reqStatus = req.xhr.status;\r\n }\r\n } catch (e) {\r\n Strophe.error(\"caught an error in _requests[\" + i +\r\n \"], reqStatus: \" + reqStatus);\r\n }\r\n\r\n if (typeof(reqStatus) == \"undefined\") {\r\n reqStatus = -1;\r\n }\r\n\r\n // make sure we limit the number of retries\r\n if (req.sends > this._conn.maxRetries) {\r\n this._conn._onDisconnectTimeout();\r\n return;\r\n }\r\n\r\n var time_elapsed = req.age();\r\n var primaryTimeout = (!isNaN(time_elapsed) &&\r\n time_elapsed > Math.floor(Strophe.TIMEOUT * this.wait));\r\n var secondaryTimeout = (req.dead !== null &&\r\n req.timeDead() > Math.floor(Strophe.SECONDARY_TIMEOUT * this.wait));\r\n var requestCompletedWithServerError = (req.xhr.readyState == 4 &&\r\n (reqStatus < 1 ||\r\n reqStatus >= 500));\r\n if (primaryTimeout || secondaryTimeout ||\r\n requestCompletedWithServerError) {\r\n if (secondaryTimeout) {\r\n Strophe.error(\"Request \" +\r\n this._requests[i].id +\r\n \" timed out (secondary), restarting\");\r\n }\r\n req.abort = true;\r\n req.xhr.abort();\r\n // setting to null fails on IE6, so set to empty function\r\n req.xhr.onreadystatechange = function () {};\r\n this._requests[i] = new Strophe.Request(req.xmlData,\r\n req.origFunc,\r\n req.rid,\r\n req.sends);\r\n req = this._requests[i];\r\n }\r\n\r\n if (req.xhr.readyState === 0) {\r\n Strophe.debug(\"request id \" + req.id +\r\n \".\" + req.sends + \" posting\");\r\n\r\n try {\r\n req.xhr.open(\"POST\", this._conn.service, this._conn.options.sync ? false : true);\r\n req.xhr.setRequestHeader(\"Content-Type\", \"text/xml; charset=utf-8\");\r\n } catch (e2) {\r\n Strophe.error(\"XHR open failed.\");\r\n if (!this._conn.connected) {\r\n this._conn._changeConnectStatus(Strophe.Status.CONNFAIL,\r\n \"bad-service\");\r\n }\r\n this._conn.disconnect();\r\n return;\r\n }\r\n\r\n // Fires the XHR request -- may be invoked immediately\r\n // or on a gradually expanding retry window for reconnects\r\n var sendFunc = function () {\r\n req.date = new Date();\r\n if (self._conn.options.customHeaders){\r\n var headers = self._conn.options.customHeaders;\r\n for (var header in headers) {\r\n if (headers.hasOwnProperty(header)) {\r\n req.xhr.setRequestHeader(header, headers[header]);\r\n }\r\n }\r\n }\r\n req.xhr.send(req.data);\r\n };\r\n\r\n // Implement progressive backoff for reconnects --\r\n // First retry (send == 1) should also be instantaneous\r\n if (req.sends > 1) {\r\n // Using a cube of the retry number creates a nicely\r\n // expanding retry window\r\n var backoff = Math.min(Math.floor(Strophe.TIMEOUT * this.wait),\r\n Math.pow(req.sends, 3)) * 1000;\r\n setTimeout(sendFunc, backoff);\r\n } else {\r\n sendFunc();\r\n }\r\n\r\n req.sends++;\r\n\r\n if (this._conn.xmlOutput !== Strophe.Connection.prototype.xmlOutput) {\r\n if (req.xmlData.nodeName === this.strip && req.xmlData.childNodes.length) {\r\n this._conn.xmlOutput(req.xmlData.childNodes[0]);\r\n } else {\r\n this._conn.xmlOutput(req.xmlData);\r\n }\r\n }\r\n if (this._conn.rawOutput !== Strophe.Connection.prototype.rawOutput) {\r\n this._conn.rawOutput(req.data);\r\n }\r\n } else {\r\n Strophe.debug(\"_processRequest: \" +\r\n (i === 0 ? \"first\" : \"second\") +\r\n \" request has readyState of \" +\r\n req.xhr.readyState);\r\n }\r\n },\r\n\r\n /** PrivateFunction: _removeRequest\r\n * _Private_ function to remove a request from the queue.\r\n *\r\n * Parameters:\r\n * (Strophe.Request) req - The request to remove.\r\n */\r\n _removeRequest: function (req)\r\n {\r\n Strophe.debug(\"removing request\");\r\n\r\n var i;\r\n for (i = this._requests.length - 1; i >= 0; i--) {\r\n if (req == this._requests[i]) {\r\n this._requests.splice(i, 1);\r\n }\r\n }\r\n\r\n // IE6 fails on setting to null, so set to empty function\r\n req.xhr.onreadystatechange = function () {};\r\n\r\n this._throttledRequestHandler();\r\n },\r\n\r\n /** PrivateFunction: _restartRequest\r\n * _Private_ function to restart a request that is presumed dead.\r\n *\r\n * Parameters:\r\n * (Integer) i - The index of the request in the queue.\r\n */\r\n _restartRequest: function (i)\r\n {\r\n var req = this._requests[i];\r\n if (req.dead === null) {\r\n req.dead = new Date();\r\n }\r\n\r\n this._processRequest(i);\r\n },\r\n\r\n /** PrivateFunction: _reqToData\r\n * _Private_ function to get a stanza out of a request.\r\n *\r\n * Tries to extract a stanza out of a Request Object.\r\n * When this fails the current connection will be disconnected.\r\n *\r\n * Parameters:\r\n * (Object) req - The Request.\r\n *\r\n * Returns:\r\n * The stanza that was passed.\r\n */\r\n _reqToData: function (req)\r\n {\r\n try {\r\n return req.getResponse();\r\n } catch (e) {\r\n if (e != \"parsererror\") { throw e; }\r\n this._conn.disconnect(\"strophe-parsererror\");\r\n }\r\n },\r\n\r\n /** PrivateFunction: _sendTerminate\r\n * _Private_ function to send initial disconnect sequence.\r\n *\r\n * This is the first step in a graceful disconnect. It sends\r\n * the BOSH server a terminate body and includes an unavailable\r\n * presence if authentication has completed.\r\n */\r\n _sendTerminate: function (pres)\r\n {\r\n Strophe.info(\"_sendTerminate was called\");\r\n var body = this._buildBody().attrs({type: \"terminate\"});\r\n\r\n if (pres) {\r\n body.cnode(pres.tree());\r\n }\r\n\r\n var req = new Strophe.Request(body.tree(),\r\n this._onRequestStateChange.bind(\r\n this, this._conn._dataRecv.bind(this._conn)),\r\n body.tree().getAttribute(\"rid\"));\r\n\r\n this._requests.push(req);\r\n this._throttledRequestHandler();\r\n },\r\n\r\n /** PrivateFunction: _send\r\n * _Private_ part of the Connection.send function for BOSH\r\n *\r\n * Just triggers the RequestHandler to send the messages that are in the queue\r\n */\r\n _send: function () {\r\n clearTimeout(this._conn._idleTimeout);\r\n this._throttledRequestHandler();\r\n this._conn._idleTimeout = setTimeout(this._conn._onIdle.bind(this._conn), 100);\r\n },\r\n\r\n /** PrivateFunction: _sendRestart\r\n *\r\n * Send an xmpp:restart stanza.\r\n */\r\n _sendRestart: function ()\r\n {\r\n this._throttledRequestHandler();\r\n clearTimeout(this._conn._idleTimeout);\r\n },\r\n\r\n /** PrivateFunction: _throttledRequestHandler\r\n * _Private_ function to throttle requests to the connection window.\r\n *\r\n * This function makes sure we don't send requests so fast that the\r\n * request ids overflow the connection window in the case that one\r\n * request died.\r\n */\r\n _throttledRequestHandler: function ()\r\n {\r\n if (!this._requests) {\r\n Strophe.debug(\"_throttledRequestHandler called with \" +\r\n \"undefined requests\");\r\n } else {\r\n Strophe.debug(\"_throttledRequestHandler called with \" +\r\n this._requests.length + \" requests\");\r\n }\r\n\r\n if (!this._requests || this._requests.length === 0) {\r\n return;\r\n }\r\n\r\n if (this._requests.length > 0) {\r\n this._processRequest(0);\r\n }\r\n\r\n if (this._requests.length > 1 &&\r\n Math.abs(this._requests[0].rid -\r\n this._requests[1].rid) < this.window) {\r\n this._processRequest(1);\r\n }\r\n }\r\n};\r\n\r\n/*\r\n This program is distributed under the terms of the MIT license.\r\n Please see the LICENSE file for details.\r\n\r\n Copyright 2006-2008, OGG, LLC\r\n*/\r\n\r\n/* jshint undef: true, unused: true:, noarg: true, latedef: true */\r\n/*global window, clearTimeout, WebSocket,\r\n DOMParser, Strophe, $build */\r\n\r\n/** Class: Strophe.WebSocket\r\n * _Private_ helper class that handles WebSocket Connections\r\n *\r\n * The Strophe.WebSocket class is used internally by Strophe.Connection\r\n * to encapsulate WebSocket sessions. It is not meant to be used from user's code.\r\n */\r\n\r\n/** File: websocket.js\r\n * A JavaScript library to enable XMPP over Websocket in Strophejs.\r\n *\r\n * This file implements XMPP over WebSockets for Strophejs.\r\n * If a Connection is established with a Websocket url (ws://...)\r\n * Strophe will use WebSockets.\r\n * For more information on XMPP-over WebSocket see this RFC draft:\r\n * http://tools.ietf.org/html/draft-ietf-xmpp-websocket-00\r\n *\r\n * WebSocket support implemented by Andreas Guth (andreas.guth@rwth-aachen.de)\r\n */\r\n\r\n/** PrivateConstructor: Strophe.Websocket\r\n * Create and initialize a Strophe.WebSocket object.\r\n * Currently only sets the connection Object.\r\n *\r\n * Parameters:\r\n * (Strophe.Connection) connection - The Strophe.Connection that will use WebSockets.\r\n *\r\n * Returns:\r\n * A new Strophe.WebSocket object.\r\n */\r\nStrophe.Websocket = function(connection) {\r\n this._conn = connection;\r\n this.strip = \"wrapper\";\r\n\r\n var service = connection.service;\r\n if (service.indexOf(\"ws:\") !== 0 && service.indexOf(\"wss:\") !== 0) {\r\n // If the service is not an absolute URL, assume it is a path and put the absolute\r\n // URL together from options, current URL and the path.\r\n var new_service = \"\";\r\n\r\n if (connection.options.protocol === \"ws\" && window.location.protocol !== \"https:\") {\r\n new_service += \"ws\";\r\n } else {\r\n new_service += \"wss\";\r\n }\r\n\r\n new_service += \"://\" + window.location.host;\r\n\r\n if (service.indexOf(\"/\") !== 0) {\r\n new_service += window.location.pathname + service;\r\n } else {\r\n new_service += service;\r\n }\r\n\r\n connection.service = new_service;\r\n }\r\n};\r\n\r\nStrophe.Websocket.prototype = {\r\n /** PrivateFunction: _buildStream\r\n * _Private_ helper function to generate the start tag for WebSockets\r\n *\r\n * Returns:\r\n * A Strophe.Builder with a element.\r\n */\r\n _buildStream: function ()\r\n {\r\n return $build(\"open\", {\r\n \"xmlns\": Strophe.NS.FRAMING,\r\n \"to\": this._conn.domain,\r\n \"version\": '1.0'\r\n });\r\n },\r\n\r\n /** PrivateFunction: _check_streamerror\r\n * _Private_ checks a message for stream:error\r\n *\r\n * Parameters:\r\n * (Strophe.Request) bodyWrap - The received stanza.\r\n * connectstatus - The ConnectStatus that will be set on error.\r\n * Returns:\r\n * true if there was a streamerror, false otherwise.\r\n */\r\n _check_streamerror: function (bodyWrap, connectstatus) {\r\n var errors = bodyWrap.getElementsByTagNameNS(Strophe.NS.STREAM, \"error\");\r\n if (errors.length === 0) {\r\n return false;\r\n }\r\n var error = errors[0];\r\n\r\n var condition = \"\";\r\n var text = \"\";\r\n\r\n var ns = \"urn:ietf:params:xml:ns:xmpp-streams\";\r\n for (var i = 0; i < error.childNodes.length; i++) {\r\n var e = error.childNodes[i];\r\n if (e.getAttribute(\"xmlns\") !== ns) {\r\n break;\r\n } if (e.nodeName === \"text\") {\r\n text = e.textContent;\r\n } else {\r\n condition = e.nodeName;\r\n }\r\n }\r\n\r\n var errorString = \"WebSocket stream error: \";\r\n\r\n if (condition) {\r\n errorString += condition;\r\n } else {\r\n errorString += \"unknown\";\r\n }\r\n\r\n if (text) {\r\n errorString += \" - \" + condition;\r\n }\r\n\r\n Strophe.error(errorString);\r\n\r\n // close the connection on stream_error\r\n this._conn._changeConnectStatus(connectstatus, condition);\r\n this._conn._doDisconnect();\r\n return true;\r\n },\r\n\r\n /** PrivateFunction: _reset\r\n * Reset the connection.\r\n *\r\n * This function is called by the reset function of the Strophe Connection.\r\n * Is not needed by WebSockets.\r\n */\r\n _reset: function ()\r\n {\r\n return;\r\n },\r\n\r\n /** PrivateFunction: _connect\r\n * _Private_ function called by Strophe.Connection.connect\r\n *\r\n * Creates a WebSocket for a connection and assigns Callbacks to it.\r\n * Does nothing if there already is a WebSocket.\r\n */\r\n _connect: function () {\r\n // Ensure that there is no open WebSocket from a previous Connection.\r\n this._closeSocket();\r\n\r\n // Create the new WobSocket\r\n this.socket = new WebSocket(this._conn.service, \"xmpp\");\r\n this.socket.onopen = this._onOpen.bind(this);\r\n this.socket.onerror = this._onError.bind(this);\r\n this.socket.onclose = this._onClose.bind(this);\r\n this.socket.onmessage = this._connect_cb_wrapper.bind(this);\r\n },\r\n\r\n /** PrivateFunction: _connect_cb\r\n * _Private_ function called by Strophe.Connection._connect_cb\r\n *\r\n * checks for stream:error\r\n *\r\n * Parameters:\r\n * (Strophe.Request) bodyWrap - The received stanza.\r\n */\r\n _connect_cb: function(bodyWrap) {\r\n var error = this._check_streamerror(bodyWrap, Strophe.Status.CONNFAIL);\r\n if (error) {\r\n return Strophe.Status.CONNFAIL;\r\n }\r\n },\r\n\r\n /** PrivateFunction: _handleStreamStart\r\n * _Private_ function that checks the opening \\s*)*/, \"\");\r\n if (data === '') return;\r\n\r\n var streamStart = new DOMParser().parseFromString(data, \"text/xml\").documentElement;\r\n this._conn.xmlInput(streamStart);\r\n this._conn.rawInput(message.data);\r\n\r\n //_handleStreamSteart will check for XML errors and disconnect on error\r\n if (this._handleStreamStart(streamStart)) {\r\n //_connect_cb will check for stream:error and disconnect on error\r\n this._connect_cb(streamStart);\r\n }\r\n } else if (message.data.indexOf(\" tag.\r\n * This is used so Strophe can process stanzas from WebSockets like BOSH\r\n */\r\n _streamWrap: function (stanza)\r\n {\r\n return \"\" + stanza + ' ';\r\n },\r\n\r\n\r\n /** PrivateFunction: _closeSocket\r\n * _Private_ function to close the WebSocket.\r\n *\r\n * Closes the socket if it is still open and deletes it\r\n */\r\n _closeSocket: function ()\r\n {\r\n if (this.socket) { try {\r\n this.socket.close();\r\n } catch (e) {} }\r\n this.socket = null;\r\n },\r\n\r\n /** PrivateFunction: _emptyQueue\r\n * _Private_ function to check if the message queue is empty.\r\n *\r\n * Returns:\r\n * True, because WebSocket messages are send immediately after queueing.\r\n */\r\n _emptyQueue: function ()\r\n {\r\n return true;\r\n },\r\n\r\n /** PrivateFunction: _onClose\r\n * _Private_ function to handle websockets closing.\r\n *\r\n * Nothing to do here for WebSockets\r\n */\r\n _onClose: function() {\r\n if(this._conn.connected && !this._conn.disconnecting) {\r\n Strophe.error(\"Websocket closed unexcectedly\");\r\n this._conn._doDisconnect();\r\n } else {\r\n Strophe.info(\"Websocket closed\");\r\n }\r\n },\r\n\r\n /** PrivateFunction: _no_auth_received\r\n *\r\n * Called on stream start/restart when no stream:features\r\n * has been received.\r\n */\r\n _no_auth_received: function (_callback)\r\n {\r\n Strophe.error(\"Server did not send any auth methods\");\r\n this._conn._changeConnectStatus(Strophe.Status.CONNFAIL, \"Server did not send any auth methods\");\r\n if (_callback) {\r\n _callback = _callback.bind(this._conn);\r\n _callback();\r\n }\r\n this._conn._doDisconnect();\r\n },\r\n\r\n /** PrivateFunction: _onDisconnectTimeout\r\n * _Private_ timeout handler for handling non-graceful disconnection.\r\n *\r\n * This does nothing for WebSockets\r\n */\r\n _onDisconnectTimeout: function () {},\r\n\r\n /** PrivateFunction: _abortAllRequests\r\n * _Private_ helper function that makes sure all pending requests are aborted.\r\n */\r\n _abortAllRequests: function () {},\r\n\r\n /** PrivateFunction: _onError\r\n * _Private_ function to handle websockets errors.\r\n *\r\n * Parameters:\r\n * (Object) error - The websocket error.\r\n */\r\n _onError: function(error) {\r\n Strophe.error(\"Websocket error \" + error);\r\n this._conn._changeConnectStatus(Strophe.Status.CONNFAIL, \"The WebSocket connection could not be established was disconnected.\");\r\n this._disconnect();\r\n },\r\n\r\n /** PrivateFunction: _onIdle\r\n * _Private_ function called by Strophe.Connection._onIdle\r\n *\r\n * sends all queued stanzas\r\n */\r\n _onIdle: function () {\r\n var data = this._conn._data;\r\n if (data.length > 0 && !this._conn.paused) {\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i] !== null) {\r\n var stanza, rawStanza;\r\n if (data[i] === \"restart\") {\r\n stanza = this._buildStream().tree();\r\n } else {\r\n stanza = data[i];\r\n }\r\n rawStanza = Strophe.serialize(stanza);\r\n this._conn.xmlOutput(stanza);\r\n this._conn.rawOutput(rawStanza);\r\n this.socket.send(rawStanza);\r\n }\r\n }\r\n this._conn._data = [];\r\n }\r\n },\r\n\r\n /** PrivateFunction: _onMessage\r\n * _Private_ function to handle websockets messages.\r\n *\r\n * This function parses each of the messages as if they are full documents. [TODO : We may actually want to use a SAX Push parser].\r\n *\r\n * Since all XMPP traffic starts with \"\"\r\n * The first stanza will always fail to be parsed...\r\n * Addtionnaly, the seconds stanza will always be a with the stream NS defined in the previous stanza... so we need to 'force' the inclusion of the NS in this stanza!\r\n *\r\n * Parameters:\r\n * (string) message - The websocket message.\r\n */\r\n _onMessage: function(message) {\r\n var elem, data;\r\n // check for closing stream\r\n var close = ' tag before we close the connection\r\n return;\r\n }\r\n this._conn._dataRecv(elem, message.data);\r\n },\r\n\r\n /** PrivateFunction: _onOpen\r\n * _Private_ function to handle websockets connection setup.\r\n *\r\n * The opening stream tag is sent here.\r\n */\r\n _onOpen: function() {\r\n Strophe.info(\"Websocket open\");\r\n var start = this._buildStream();\r\n this._conn.xmlOutput(start.tree());\r\n\r\n var startString = Strophe.serialize(start);\r\n this._conn.rawOutput(startString);\r\n this.socket.send(startString);\r\n },\r\n\r\n /** PrivateFunction: _reqToData\r\n * _Private_ function to get a stanza out of a request.\r\n *\r\n * WebSockets don't use requests, so the passed argument is just returned.\r\n *\r\n * Parameters:\r\n * (Object) stanza - The stanza.\r\n *\r\n * Returns:\r\n * The stanza that was passed.\r\n */\r\n _reqToData: function (stanza)\r\n {\r\n return stanza;\r\n },\r\n\r\n /** PrivateFunction: _send\r\n * _Private_ part of the Connection.send function for WebSocket\r\n *\r\n * Just flushes the messages that are in the queue\r\n */\r\n _send: function () {\r\n this._conn.flush();\r\n },\r\n\r\n /** PrivateFunction: _sendRestart\r\n *\r\n * Send an xmpp:restart stanza.\r\n */\r\n _sendRestart: function ()\r\n {\r\n clearTimeout(this._conn._idleTimeout);\r\n this._conn._onIdle.bind(this._conn)();\r\n }\r\n};\r\n\r\n/* jshint ignore:start */\r\nif (callback) {\r\n return callback(Strophe, $build, $msg, $iq, $pres);\r\n}\r\n\r\n\r\n})(function (Strophe, build, msg, iq, pres) {\r\n window.Strophe = Strophe;\r\n window.$build = build;\r\n window.$msg = msg;\r\n window.$iq = iq;\r\n window.$pres = pres;\r\n});\r\n/* jshint ignore:end */\r\n"
},
{
"path": "examples/login/login.html",
"content": "\n\n\n\t\n\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
登录 \n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\n\t\t\t
\n\t\t
\n\t\t\t登录模板 \n\t\t\t设置 \n\t\t \n\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t您好
\n\t\t\t\t\t\t这是mui带登录和设置模板的示例App首页。 \n\t\t\t\t\t\t您可以点击右上角的 “设置” 按钮，进入设置模板，体验div窗体切换示例。 \n\t\t\t\t\t\t在 “设置” 中点击 “退出” 可以 “注销当前账户” 或 “直接关闭应用”。 \n\t\t\t\t\t\t你可以设置 “锁屏图案”，这样可通过手势密码代替输入账号、密码； \n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t
\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\"\n\t\t\t\t]\n\t\t\t},\n\t\t\t\"orientation\": [\n\t\t\t\t\"portrait-primary\",\n\t\t\t\t\"portrait-secondary\"\n\t\t\t],/*应用支持的方向，portrait-primary：竖屏正方向；portrait-secondary：竖屏反方向；landscape-primary：横屏正方向；landscape-secondary：横屏反方向*/\n\t\t\t\"icons\": {\n\t\t\t\t\"ios\": {\n\t\t\t\t\t\"prerendered\": true, /*应用图标是否已经高亮处理，在iOS6及以下设备上有效*/\n\t\t\t\t\t\"auto\": \"\", /*应用图标，分辨率：512x512，用于自动生成各种尺寸程序图标*/\n\t\t\t\t\t\"iphone\": {\n\t\t\t\t\t\t\"normal\": \"unpackage/res/icons/57x57.png\",/*iPhone普通屏幕程序图标，分辨率：57x57*/\n\t\t\t\t\t\t\"retina\": \"unpackage/res/icons/114x114.png\",/*iPhone高分屏程序图标，分辨率：114x114*/\n\t\t\t\t\t\t\"retina7\": \"unpackage/res/icons/120x120.png\",/*iPhone iOS7高分屏程序图标，分辨率：120x120*/\n\t\t\t\t\t\t\"spotlight-normal\": \"unpackage/res/icons/29x29.png\", /*iPhone Spotlight搜索程序图标，分辨率：29x29*/\n\t\t\t\t\t\t\"spotlight-retina\": \"unpackage/res/icons/58x58.png\", /*iPhone高分屏Spotlight搜索程序图标，分辨率：58x58*/\n\t\t\t\t\t\t\"spotlight-retina7\": \"unpackage/res/icons/80x80.png\",/*iPhone iOS7高分屏Spotlight搜索程序图标，分辨率：80x80*/\n\t\t\t\t\t\t\"settings-normal\": \"unpackage/res/icons/29x29.png\", /*iPhone设置页面程序图标，分辨率：29x29*/\n\t\t\t\t\t\t\"settings-retina\": \"unpackage/res/icons/58x58.png\",\n\t\t\t\t\t\t\"retina8\": \"unpackage/res/icons/180x180.png\",\n\t\t\t\t\t\t\"settings-retina8\": \"unpackage/res/icons/87x87.png\"\n\t\t\t\t\t},\n\t\t\t\t\t\"ipad\": {\n\t\t\t\t\t\t\"normal\": \"unpackage/res/icons/72x72.png\", /*iPad普通屏幕程序图标，分辨率：72x72*/\n\t\t\t\t\t\t\"retina\": \"unpackage/res/icons/144x144.png\", /*iPad高分屏程序图标，分辨率：144x144*/\n\t\t\t\t\t\t\"normal7\": \"unpackage/res/icons/76x76.png\", /*iPad iOS7程序图标，分辨率：76x76*/\n\t\t\t\t\t\t\"retina7\": \"unpackage/res/icons/152x152.png\", /*iPad iOS7高分屏程序图标，分辨率：152x152*/\n\t\t\t\t\t\t\"spotlight-normal\": \"unpackage/res/icons/50x50.png\", /*iPad Spotlight搜索程序图标，分辨率：50x50*/\n\t\t\t\t\t\t\"spotlight-retina\": \"unpackage/res/icons/100x100.png\", /*iPad高分屏Spotlight搜索程序图标，分辨率：100x100*/\n\t\t\t\t\t\t\"spotlight-normal7\": \"unpackage/res/icons/40x40.png\",/*iPad iOS7 Spotlight搜索程序图标，分辨率：40x40*/\n\t\t\t\t\t\t\"spotlight-retina7\": \"unpackage/res/icons/80x80.png\",/*iPad iOS7高分屏Spotlight搜索程序图标，分辨率：80x80*/\n\t\t\t\t\t\t\"settings-normal\": \"unpackage/res/icons/29x29.png\",/*iPad设置页面程序图标，分辨率：29x29*/\n\t\t\t\t\t\t\"settings-retina\": \"unpackage/res/icons/58x58.png\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\"android\": {\n\t\t\t\t\t\"mdpi\": \"unpackage/res/icons/48x48.png\", /*普通屏程序图标，分辨率：48x48*/\n\t\t\t\t\t\"ldpi\": \"unpackage/res/icons/48x48.png\", /*大屏程序图标，分辨率：48x48*/\n\t\t\t\t\t\"hdpi\": \"unpackage/res/icons/72x72.png\", /*高分屏程序图标，分辨率：72x72*/\n\t\t\t\t\t\"xhdpi\": \"unpackage/res/icons/96x96.png\",/*720P高分屏程序图标，分辨率：96x96*/\n\t\t\t\t\t\"xxhdpi\": \"unpackage/res/icons/144x144.png\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"splashscreen\": {\n\t\t\t\t\"ios\": {\n\t\t\t\t\t\"iphone\": {\n\t\t\t\t\t\t\"default\": \"\", /*iPhone3启动图片选，分辨率：320x480*/\n\t\t\t\t\t\t\"retina35\": \"\",/*3.5英寸设备(iPhone4)启动图片，分辨率：640x960*/\n\t\t\t\t\t\t\"retina40\": \"\"\n\t\t\t\t\t},\n\t\t\t\t\t\"ipad\": {\n\t\t\t\t\t\t\"portrait\": \"\", /*iPad竖屏启动图片，分辨率：768x1004*/\n\t\t\t\t\t\t\"portrait-retina\": \"\",/*iPad高分屏竖屏图片，分辨率：1536x2008*/\n\t\t\t\t\t\t\"landscape\": \"\", /*iPad横屏启动图片，分辨率：1024x748*/\n\t\t\t\t\t\t\"landscape-retina\": \"\", /*iPad高分屏横屏启动图片，分辨率：2048x1496*/\n\t\t\t\t\t\t\"portrait7\": \"\", /*iPad iOS7竖屏启动图片，分辨率：768x1024*/\n\t\t\t\t\t\t\"portrait-retina7\": \"\",/*iPad iOS7高分屏竖屏图片，分辨率：1536x2048*/\n\t\t\t\t\t\t\"landscape7\": \"\", /*iPad iOS7横屏启动图片，分辨率：1024x768*/\n\t\t\t\t\t\t\"landscape-retina7\": \"\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\"android\": {\n\t\t\t\t\t\"mdpi\": \"\", /*普通屏启动图片，分辨率：240x282*/\n\t\t\t\t\t\"ldpi\": \"\", /*大屏启动图片，分辨率：320x442*/\n\t\t\t\t\t\"hdpi\": \"\", /*高分屏启动图片，分辨率：480x762*/\n\t\t\t\t\t\"xhdpi\": \"\", /*720P高分屏启动图片，分辨率：720x1242*/\n\t\t\t\t\t\"xxhdpi\": \"\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\t\"dependencies\": {\n\t\t\"pages\": {\n\t\t\t\"setting.html\": {\n\t\t\t\t\"href\": \"setting.html\",\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"js/mui.view.js\",\n\t\t\t\t\t\"libs/easymob-webim-sdk/jquery-1.11.1.js\",\n\t\t\t\t\t\"libs/easymob-webim-sdk/strophe-custom-2.0.0.js\",\n\t\t\t\t\t\"libs/easymob-webim-sdk/json2.js\",\n\t\t\t\t\t\"libs/easymob-webim-sdk/easemob.im-1.0.5.js\",\n\t\t\t\t\t\"js/feedback.js\",\n\t\t\t\t\t\"js/feedback-page.js\",\n\t\t\t\t\t\"js/mui.locker.js\",\n\t\t\t\t\t\"js/app.js\",\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"fonts/mui.ttf\",\n\t\t\t\t\t\"css/feedback-page.css\",\n\t\t\t\t\t\"images/iconfont-tianjia.png\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [\n\t\t\t\t\t\"login.html\"\n\t\t\t\t],\n\t\t\t\t\"priority\": 1\n\t\t\t},\n\t\t\t\"main.html\": {\n\t\t\t\t\"href\": \"main.html\",\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"fonts/mui.ttf\",\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"js/app.js\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [\n\t\t\t\t\t\"setting.html\"\n\t\t\t\t],\n\t\t\t\t\"priority\": 1\n\t\t\t},\n\t\t\t\"unlock.html\": {\n\t\t\t\t\"href\": \"unlock.html\",\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"fonts/mui.ttf\",\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"js/mui.locker.js\",\n\t\t\t\t\t\"js/app.js\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [\n\t\t\t\t\t\"login.html\",\n\t\t\t\t\t\"main.html\"\n\t\t\t\t],\n\t\t\t\t\"priority\": 0\n\t\t\t},\n\t\t\t\"forget_password.html\": {\n\t\t\t\t\"href\": \"forget_password.html\",\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"fonts/mui.ttf\",\n\t\t\t\t\t\"css/style.css\",\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"js/app.js\"\n\t\t\t\t],\n\t\t\t\t\"priority\": 1\n\t\t\t},\n\t\t\t\"reg.html\": {\n\t\t\t\t\"href\": \"reg.html\",\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"fonts/mui.ttf\",\n\t\t\t\t\t\"css/style.css\",\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"js/app.js\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [\n\t\t\t\t\t\"login.html\"\n\t\t\t\t],\n\t\t\t\t\"priority\": 3\n\t\t\t},\n\t\t\t\"login.html\": {\n\t\t\t\t\"href\": \"login.html\",\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"fonts/mui.ttf\",\n\t\t\t\t\t\"css/style.css\",\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"js/mui.enterfocus.js\",\n\t\t\t\t\t\"js/app.js\",\n\t\t\t\t\t\"images/qihoo.png\",\n\t\t\t\t\t\"images/qq.png\",\n\t\t\t\t\t\"images/sinaweibo.png\",\n\t\t\t\t\t\"images/weixin.png\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [\n\t\t\t\t\t\"unlock.html\",\n\t\t\t\t\t\"forget_password.html\",\n\t\t\t\t\t\"main.html\",\n\t\t\t\t\t\"reg.html\"\n\t\t\t\t],\n\t\t\t\t\"priority\": 0\n\t\t\t}\n\t\t},\n\t\t\"idle\": {\n\t\t\t\"resources\": [\n\t\t\t\t\"js/service.js\",\n\t\t\t\t\"libs/easymob-webim-sdk/quickstart.md\",\n\t\t\t\t\"images/user-photo.png\",\n\t\t\t\t\"README.md\"\n\t\t\t]\n\t\t}\n\t},\n\t\"unpackage\": [\n\t\t\"README.md\"\n\t]\n}"
},
{
"path": "examples/login/reg.html",
"content": "\n\n\n\t\n\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t\t注册 \n\t\t\t
\n\t\t\t
\n\t\t\t\t
注册真实可用，注册成功后的用户可用于登录，但是示例程序并未和服务端交互，用户相关数据仅存储于本地。
\n\t\t\t
\n\t\t
Hello MUI \n\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
设置 \n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
功能消息免打扰 \n\t\t\t\n\t\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
锁屏图案 \n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t使用手势解锁\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
问题反馈 \n\t\t\t\n\t\t\t
\n\t\t\t\t
问题和意见
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
图片(选填,提供问题截图)
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
QQ/邮箱
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
提交 \n\t\t\t
\n\t\t\t
此示例基于环信 “WebIM SDK” + 环信 “移动客服” 实现，在环信 “移动客服面板” 能够查阅反馈信息。
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t
忘记手势密码？ \n\t\t
new webview \r\n\t\t\r\n\t\t\r\n\t\t\t新窗口 \r\n\t\t \r\n\t\t\r\n\t\t\t
这是subNView模式下打开的新窗口。
\r\n\t\t
Hello MUI \n\t\tHello MUI \n\t\t\n\t\t\t
\n\t\t\t\t这是subNView模式选项卡中的第2个子页面，该页面展示一个通讯录示例\n\t\t\t
\n\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t \n\t\t
首页 \r\n\t\t\r\n\t\t\r\n\t\t\t
\r\n\t\t\t\t
这是使用nativeObj 原生控件绘制的底部选项卡示例，当前为父页面，显示第一个tab项内容；
\r\n\t\t\t\t
这里采用将第一个tab项内容放在父页面显示，因为是入口页面，会在启动中进行渲染，使首页显示速度更快
\r\n\t\t\t\t
选项卡常用于App首页，为加快渲染，原生底部选项卡是在manifest.json中通过plus -> launchwebview -> subNViews 节点配置的；
\r\n\t\t\t\t
选项卡图标使用字体绘制，点击可切换对应选项卡的高亮状态，开发者可自定义相应的点击事件；
\r\n\t\t\t\t
本示例中，点击第二个选项卡打开一个支持下拉刷新的webview；点击第四个选项卡，打开一个新窗口。
\r\n\r\n\t\t\t\t
中间悬浮大球图标，因涉及屏幕分辨率动态计算，目前是在首页plusReady事件中实现绘制的。该悬浮大球支持点击事件，开发者可定制实现对应的点击逻辑。
\r\n\t\t\t\t
为提高性能，本示例选项卡图标全部使用字体文件绘制（推荐），实际使用中也可以使用图片绘制。
\r\n\t\t\t
\r\n\t\t
)<[^<]*)*<\\/script>/gi;\n\tvar scriptTypeRE = /^(?:text|application)\\/javascript/i;\n\tvar xmlTypeRE = /^(?:text|application)\\/xml/i;\n\tvar blankRE = /^\\s*$/;\n\n\t$.ajaxSettings = {\n\t\ttype: 'GET',\n\t\tbeforeSend: $.noop,\n\t\tsuccess: $.noop,\n\t\terror: $.noop,\n\t\tcomplete: $.noop,\n\t\tcontext: null,\n\t\txhr: function(protocol) {\n\t\t\treturn new window.XMLHttpRequest();\n\t\t},\n\t\taccepts: {\n\t\t\tscript: 'text/javascript, application/javascript, application/x-javascript',\n\t\t\tjson: jsonType,\n\t\t\txml: 'application/xml, text/xml',\n\t\t\thtml: htmlType,\n\t\t\ttext: 'text/plain'\n\t\t},\n\t\ttimeout: 0,\n\t\tprocessData: true,\n\t\tcache: true\n\t};\n\tvar ajaxBeforeSend = function(xhr, settings) {\n\t\tvar context = settings.context\n\t\tif(settings.beforeSend.call(context, xhr, settings) === false) {\n\t\t\treturn false;\n\t\t}\n\t};\n\tvar ajaxSuccess = function(data, xhr, settings) {\n\t\tsettings.success.call(settings.context, data, 'success', xhr);\n\t\tajaxComplete('success', xhr, settings);\n\t};\n\t// type: \"timeout\", \"error\", \"abort\", \"parsererror\"\n\tvar ajaxError = function(error, type, xhr, settings) {\n\t\tsettings.error.call(settings.context, xhr, type, error);\n\t\tajaxComplete(type, xhr, settings);\n\t};\n\t// status: \"success\", \"notmodified\", \"error\", \"timeout\", \"abort\", \"parsererror\"\n\tvar ajaxComplete = function(status, xhr, settings) {\n\t\tsettings.complete.call(settings.context, xhr, status);\n\t};\n\n\tvar serialize = function(params, obj, traditional, scope) {\n\t\tvar type, array = $.isArray(obj),\n\t\t\thash = $.isPlainObject(obj);\n\t\t$.each(obj, function(key, value) {\n\t\t\ttype = $.type(value);\n\t\t\tif(scope) {\n\t\t\t\tkey = traditional ? scope :\n\t\t\t\t\tscope + '[' + (hash || type === 'object' || type === 'array' ? key : '') + ']';\n\t\t\t}\n\t\t\t// handle data in serializeArray() format\n\t\t\tif(!scope && array) {\n\t\t\t\tparams.add(value.name, value.value);\n\t\t\t}\n\t\t\t// recurse into nested objects\n\t\t\telse if(type === \"array\" || (!traditional && type === \"object\")) {\n\t\t\t\tserialize(params, value, traditional, key);\n\t\t\t} else {\n\t\t\t\tparams.add(key, value);\n\t\t\t}\n\t\t});\n\t};\n\tvar serializeData = function(options) {\n\t\tif(options.processData && options.data && typeof options.data !== \"string\") {\n\t\t\tvar contentType = options.contentType;\n\t\t\tif(!contentType && options.headers) {\n\t\t\t\tcontentType = options.headers['Content-Type'];\n\t\t\t}\n\t\t\tif(contentType && ~contentType.indexOf(jsonType)) { //application/json\n\t\t\t\toptions.data = JSON.stringify(options.data);\n\t\t\t} else {\n\t\t\t\toptions.data = $.param(options.data, options.traditional);\n\t\t\t}\n\t\t}\n\t\tif(options.data && (!options.type || options.type.toUpperCase() === 'GET')) {\n\t\t\toptions.url = appendQuery(options.url, options.data);\n\t\t\toptions.data = undefined;\n\t\t}\n\t};\n\tvar appendQuery = function(url, query) {\n\t\tif(query === '') {\n\t\t\treturn url;\n\t\t}\n\t\treturn(url + '&' + query).replace(/[&?]{1,2}/, '?');\n\t};\n\tvar mimeToDataType = function(mime) {\n\t\tif(mime) {\n\t\t\tmime = mime.split(';', 2)[0];\n\t\t}\n\t\treturn mime && (mime === htmlType ? 'html' :\n\t\t\tmime === jsonType ? 'json' :\n\t\t\tscriptTypeRE.test(mime) ? 'script' :\n\t\t\txmlTypeRE.test(mime) && 'xml') || 'text';\n\t};\n\tvar parseArguments = function(url, data, success, dataType) {\n\t\tif($.isFunction(data)) {\n\t\t\tdataType = success, success = data, data = undefined;\n\t\t}\n\t\tif(!$.isFunction(success)) {\n\t\t\tdataType = success, success = undefined;\n\t\t}\n\t\treturn {\n\t\t\turl: url,\n\t\t\tdata: data,\n\t\t\tsuccess: success,\n\t\t\tdataType: dataType\n\t\t};\n\t};\n\t$.ajax = function(url, options) {\n\t\tif(typeof url === \"object\") {\n\t\t\toptions = url;\n\t\t\turl = undefined;\n\t\t}\n\t\tvar settings = options || {};\n\t\tsettings.url = url || settings.url;\n\t\tfor(var key in $.ajaxSettings) {\n\t\t\tif(settings[key] === undefined) {\n\t\t\t\tsettings[key] = $.ajaxSettings[key];\n\t\t\t}\n\t\t}\n\t\tserializeData(settings);\n\t\tvar dataType = settings.dataType;\n\n\t\tif(settings.cache === false || ((!options || options.cache !== true) && ('script' === dataType))) {\n\t\t\tsettings.url = appendQuery(settings.url, '_=' + $.now());\n\t\t}\n\t\tvar mime = settings.accepts[dataType && dataType.toLowerCase()];\n\t\tvar headers = {};\n\t\tvar setHeader = function(name, value) {\n\t\t\theaders[name.toLowerCase()] = [name, value];\n\t\t};\n\t\tvar protocol = /^([\\w-]+:)\\/\\//.test(settings.url) ? RegExp.$1 : window.location.protocol;\n\t\tvar xhr = settings.xhr(settings);\n\t\tvar nativeSetHeader = xhr.setRequestHeader;\n\t\tvar abortTimeout;\n\n\t\tsetHeader('X-Requested-With', 'XMLHttpRequest');\n\t\tsetHeader('Accept', mime || '*/*');\n\t\tif(!!(mime = settings.mimeType || mime)) {\n\t\t\tif(mime.indexOf(',') > -1) {\n\t\t\t\tmime = mime.split(',', 2)[0];\n\t\t\t}\n\t\t\txhr.overrideMimeType && xhr.overrideMimeType(mime);\n\t\t}\n\t\tif(settings.contentType || (settings.contentType !== false && settings.data && settings.type.toUpperCase() !== 'GET')) {\n\t\t\tsetHeader('Content-Type', settings.contentType || 'application/x-www-form-urlencoded');\n\t\t}\n\t\tif(settings.headers) {\n\t\t\tfor(var name in settings.headers)\n\t\t\t\tsetHeader(name, settings.headers[name]);\n\t\t}\n\t\txhr.setRequestHeader = setHeader;\n\n\t\txhr.onreadystatechange = function() {\n\t\t\tif(xhr.readyState === 4) {\n\t\t\t\txhr.onreadystatechange = $.noop;\n\t\t\t\tclearTimeout(abortTimeout);\n\t\t\t\tvar result, error = false;\n\t\t\t\tvar isLocal = protocol === 'file:';\n\t\t\t\tif((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304 || (xhr.status === 0 && isLocal && xhr.responseText)) {\n\t\t\t\t\tdataType = dataType || mimeToDataType(settings.mimeType || xhr.getResponseHeader('content-type'));\n\t\t\t\t\tresult = xhr.responseText;\n\t\t\t\t\ttry {\n\t\t\t\t\t\t// http://perfectionkills.com/global-eval-what-are-the-options/\n\t\t\t\t\t\tif(dataType === 'script') {\n\t\t\t\t\t\t\t(1, eval)(result);\n\t\t\t\t\t\t} else if(dataType === 'xml') {\n\t\t\t\t\t\t\tresult = xhr.responseXML;\n\t\t\t\t\t\t} else if(dataType === 'json') {\n\t\t\t\t\t\t\tresult = blankRE.test(result) ? null : $.parseJSON(result);\n\t\t\t\t\t\t}\n\t\t\t\t\t} catch(e) {\n\t\t\t\t\t\terror = e;\n\t\t\t\t\t}\n\n\t\t\t\t\tif(error) {\n\t\t\t\t\t\tajaxError(error, 'parsererror', xhr, settings);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tajaxSuccess(result, xhr, settings);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tvar status = xhr.status ? 'error' : 'abort';\n\t\t\t\t\tvar statusText = xhr.statusText || null;\n\t\t\t\t\tif(isLocal) {\n\t\t\t\t\t\tstatus = 'error';\n\t\t\t\t\t\tstatusText = '404';\n\t\t\t\t\t}\n\t\t\t\t\tajaxError(statusText, status, xhr, settings);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\tif(ajaxBeforeSend(xhr, settings) === false) {\n\t\t\txhr.abort();\n\t\t\tajaxError(null, 'abort', xhr, settings);\n\t\t\treturn xhr;\n\t\t}\n\n\t\tif(settings.xhrFields) {\n\t\t\tfor(var name in settings.xhrFields) {\n\t\t\t\txhr[name] = settings.xhrFields[name];\n\t\t\t}\n\t\t}\n\n\t\tvar async = 'async' in settings ? settings.async : true;\n\n\t\txhr.open(settings.type.toUpperCase(), settings.url, async, settings.username, settings.password);\n\n\t\tfor(var name in headers) {\n\t\t\tif(headers.hasOwnProperty(name)) {\n\t\t\t\tnativeSetHeader.apply(xhr, headers[name]);\n\t\t\t}\n\t\t}\n\t\tif(settings.timeout > 0) {\n\t\t\tabortTimeout = setTimeout(function() {\n\t\t\t\txhr.onreadystatechange = $.noop;\n\t\t\t\txhr.abort();\n\t\t\t\tajaxError(null, 'timeout', xhr, settings);\n\t\t\t}, settings.timeout);\n\t\t}\n\t\txhr.send(settings.data ? settings.data : null);\n\t\treturn xhr;\n\t};\n\n\t$.param = function(obj, traditional) {\n\t\tvar params = [];\n\t\tparams.add = function(k, v) {\n\t\t\tthis.push(encodeURIComponent(k) + '=' + encodeURIComponent(v));\n\t\t};\n\t\tserialize(params, obj, traditional);\n\t\treturn params.join('&').replace(/%20/g, '+');\n\t};\n\t$.get = function( /* url, data, success, dataType */ ) {\n\t\treturn $.ajax(parseArguments.apply(null, arguments));\n\t};\n\n\t$.post = function( /* url, data, success, dataType */ ) {\n\t\tvar options = parseArguments.apply(null, arguments);\n\t\toptions.type = 'POST';\n\t\treturn $.ajax(options);\n\t};\n\n\t$.getJSON = function( /* url, data, success */ ) {\n\t\tvar options = parseArguments.apply(null, arguments);\n\t\toptions.dataType = 'json';\n\t\treturn $.ajax(options);\n\t};\n\n\t$.fn.load = function(url, data, success) {\n\t\tif(!this.length)\n\t\t\treturn this;\n\t\tvar self = this,\n\t\t\tparts = url.split(/\\s/),\n\t\t\tselector,\n\t\t\toptions = parseArguments(url, data, success),\n\t\t\tcallback = options.success;\n\t\tif(parts.length > 1)\n\t\t\toptions.url = parts[0], selector = parts[1];\n\t\toptions.success = function(response) {\n\t\t\tif(selector) {\n\t\t\t\tvar div = document.createElement('div');\n\t\t\t\tdiv.innerHTML = response.replace(rscript, \"\");\n\t\t\t\tvar selectorDiv = document.createElement('div');\n\t\t\t\tvar childs = div.querySelectorAll(selector);\n\t\t\t\tif(childs && childs.length > 0) {\n\t\t\t\t\tfor(var i = 0, len = childs.length; i < len; i++) {\n\t\t\t\t\t\tselectorDiv.appendChild(childs[i]);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tself[0].innerHTML = selectorDiv.innerHTML;\n\t\t\t} else {\n\t\t\t\tself[0].innerHTML = response;\n\t\t\t}\n\t\t\tcallback && callback.apply(self, arguments);\n\t\t};\n\t\t$.ajax(options);\n\t\treturn this;\n\t};\n\n})(mui, window);\n/**\n * 5+ ajax\n */\n(function($) {\n\tvar originAnchor = document.createElement('a');\n\toriginAnchor.href = window.location.href;\n\t$.plusReady(function() {\n\t\t$.ajaxSettings = $.extend($.ajaxSettings, {\n\t\t\txhr: function(settings) {\n\t\t\t\tif (settings.crossDomain) { //强制使用plus跨域\n\t\t\t\t\treturn new plus.net.XMLHttpRequest();\n\t\t\t\t}\n\t\t\t\t//仅在webview的url为远程文件，且ajax请求的资源不同源下使用plus.net.XMLHttpRequest\n\t\t\t\tif (originAnchor.protocol !== 'file:') {\n\t\t\t\t\tvar urlAnchor = document.createElement('a');\n\t\t\t\t\turlAnchor.href = settings.url;\n\t\t\t\t\turlAnchor.href = urlAnchor.href;\n\t\t\t\t\tsettings.crossDomain = (originAnchor.protocol + '//' + originAnchor.host) !== (urlAnchor.protocol + '//' + urlAnchor.host);\n\t\t\t\t\tif (settings.crossDomain) {\n\t\t\t\t\t\treturn new plus.net.XMLHttpRequest();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif ($.os.ios && window.webkit && window.webkit.messageHandlers) { //wkwebview下同样使用5+ xhr\n return new plus.net.XMLHttpRequest();\n }\n\t\t\t\treturn new window.XMLHttpRequest();\n\t\t\t}\n\t\t});\n\t});\n})(mui);\n/**\n * mui layout(offset[,position,width,height...])\n * @param {type} $\n * @param {type} window\n * @param {type} undefined\n * @returns {undefined}\n */\n(function($, window, undefined) {\n\t$.offset = function(element) {\n\t\tvar box = {\n\t\t\ttop : 0,\n\t\t\tleft : 0\n\t\t};\n\t\tif ( typeof element.getBoundingClientRect !== undefined) {\n\t\t\tbox = element.getBoundingClientRect();\n\t\t}\n\t\treturn {\n\t\t\ttop : box.top + window.pageYOffset - element.clientTop,\n\t\t\tleft : box.left + window.pageXOffset - element.clientLeft\n\t\t};\n\t};\n})(mui, window); \n/**\n * mui animation\n */\n(function($, window) {\n\t/**\n\t * scrollTo\n\t */\n\t$.scrollTo = function(scrollTop, duration, callback) {\n\t\tduration = duration || 1000;\n\t\tvar scroll = function(duration) {\n\t\t\tif (duration <= 0) {\n\t\t\t\twindow.scrollTo(0, scrollTop);\n\t\t\t\tcallback && callback();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar distaince = scrollTop - window.scrollY;\n\t\t\tsetTimeout(function() {\n\t\t\t\twindow.scrollTo(0, window.scrollY + distaince / duration * 10);\n\t\t\t\tscroll(duration - 10);\n\t\t\t}, 16.7);\n\t\t};\n\t\tscroll(duration);\n\t};\n\t$.animationFrame = function(cb) {\n\t\tvar args, isQueued, context;\n\t\treturn function() {\n\t\t\targs = arguments;\n\t\t\tcontext = this;\n\t\t\tif (!isQueued) {\n\t\t\t\tisQueued = true;\n\t\t\t\trequestAnimationFrame(function() {\n\t\t\t\t\tcb.apply(context, args);\n\t\t\t\t\tisQueued = false;\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\t};\n\n})(mui, window);\n(function($) {\n\tvar initializing = false,\n\t\tfnTest = /xyz/.test(function() {\n\t\t\txyz;\n\t\t}) ? /\\b_super\\b/ : /.*/;\n\n\tvar Class = function() {};\n\tClass.extend = function(prop) {\n\t\tvar _super = this.prototype;\n\t\tinitializing = true;\n\t\tvar prototype = new this();\n\t\tinitializing = false;\n\t\tfor (var name in prop) {\n\t\t\tprototype[name] = typeof prop[name] == \"function\" &&\n\t\t\t\ttypeof _super[name] == \"function\" && fnTest.test(prop[name]) ?\n\t\t\t\t(function(name, fn) {\n\t\t\t\t\treturn function() {\n\t\t\t\t\t\tvar tmp = this._super;\n\n\t\t\t\t\t\tthis._super = _super[name];\n\n\t\t\t\t\t\tvar ret = fn.apply(this, arguments);\n\t\t\t\t\t\tthis._super = tmp;\n\n\t\t\t\t\t\treturn ret;\n\t\t\t\t\t};\n\t\t\t\t})(name, prop[name]) :\n\t\t\t\tprop[name];\n\t\t}\n\t\tfunction Class() {\n\t\t\tif (!initializing && this.init)\n\t\t\t\tthis.init.apply(this, arguments);\n\t\t}\n\t\tClass.prototype = prototype;\n\t\tClass.prototype.constructor = Class;\n\t\tClass.extend = arguments.callee;\n\t\treturn Class;\n\t};\n\t$.Class = Class;\n})(mui);\n(function($, document, undefined) {\n var CLASS_PULL_TOP_POCKET = 'mui-pull-top-pocket';\n var CLASS_PULL_BOTTOM_POCKET = 'mui-pull-bottom-pocket';\n var CLASS_PULL = 'mui-pull';\n var CLASS_PULL_LOADING = 'mui-pull-loading';\n var CLASS_PULL_CAPTION = 'mui-pull-caption';\n var CLASS_PULL_CAPTION_DOWN = 'mui-pull-caption-down';\n var CLASS_PULL_CAPTION_REFRESH = 'mui-pull-caption-refresh';\n var CLASS_PULL_CAPTION_NOMORE = 'mui-pull-caption-nomore';\n\n var CLASS_ICON = 'mui-icon';\n var CLASS_SPINNER = 'mui-spinner';\n var CLASS_ICON_PULLDOWN = 'mui-icon-pulldown';\n\n var CLASS_BLOCK = 'mui-block';\n var CLASS_HIDDEN = 'mui-hidden';\n var CLASS_VISIBILITY = 'mui-visibility';\n\n var CLASS_LOADING_UP = CLASS_PULL_LOADING + ' ' + CLASS_ICON + ' ' + CLASS_ICON_PULLDOWN;\n var CLASS_LOADING_DOWN = CLASS_PULL_LOADING + ' ' + CLASS_ICON + ' ' + CLASS_ICON_PULLDOWN;\n var CLASS_LOADING = CLASS_PULL_LOADING + ' ' + CLASS_ICON + ' ' + CLASS_SPINNER;\n\n var pocketHtml = ['', '
', '
{contentrefresh}
', '
' + message + '
';\n\t\t\ttoast.addEventListener('webkitTransitionEnd', function() {\n\t\t\t\tif (!toast.classList.contains(CLASS_ACTIVE)) {\n\t\t\t\t\ttoast.parentNode.removeChild(toast);\n\t\t\t\t\ttoast = null;\n\t\t\t\t}\n\t\t\t});\n\t\t\t//点击则自动消失\n\t\t\ttoast.addEventListener('click', function() {\n\t\t toast.parentNode.removeChild(toast);\n\t\t toast = null;\n\t\t });\n\t\t\tdocument.body.appendChild(toast);\n\t\t\ttoast.offsetHeight;\n\t\t\ttoast.classList.add(CLASS_ACTIVE);\n\t\t\tsetTimeout(function() {\n\t\t\t\ttoast && toast.classList.remove(CLASS_ACTIVE);\n\t\t\t}, duration);\n\t\t\t\n\t\t\treturn {\n\t\t isVisible: function() {return !!toast;}\n\t\t }\n\t\t} \n\t};\n\n})(mui, window);\n/**\n * Popup(alert,confirm,prompt) \n * @param {Object} $\n * @param {Object} window\n * @param {Object} document\n */\n(function($, window, document) {\n var CLASS_POPUP = 'mui-popup';\n var CLASS_POPUP_BACKDROP = 'mui-popup-backdrop';\n var CLASS_POPUP_IN = 'mui-popup-in';\n var CLASS_POPUP_OUT = 'mui-popup-out';\n var CLASS_POPUP_INNER = 'mui-popup-inner';\n var CLASS_POPUP_TITLE = 'mui-popup-title';\n var CLASS_POPUP_TEXT = 'mui-popup-text';\n var CLASS_POPUP_INPUT = 'mui-popup-input';\n var CLASS_POPUP_BUTTONS = 'mui-popup-buttons';\n var CLASS_POPUP_BUTTON = 'mui-popup-button';\n var CLASS_POPUP_BUTTON_BOLD = 'mui-popup-button-bold';\n var CLASS_POPUP_BACKDROP = 'mui-popup-backdrop';\n var CLASS_ACTIVE = 'mui-active';\n\n var popupStack = [];\n var backdrop = (function() {\n var element = document.createElement('div');\n element.classList.add(CLASS_POPUP_BACKDROP);\n element.addEventListener($.EVENT_MOVE, $.preventDefault);\n element.addEventListener('webkitTransitionEnd', function() {\n if (!this.classList.contains(CLASS_ACTIVE)) {\n element.parentNode && element.parentNode.removeChild(element);\n }\n });\n return element;\n }());\n\n var createInput = function(placeholder) {\n return '
';\n };\n var createInner = function(message, title, extra) {\n return '' + title + '
' + message.replace(/\\r\\n/g, \"
' + (extra || '') + '
' + btnArray[i] + ' ');\n }\n return '' + btns.join('') + '
';\n };\n\n var createPopup = function(html, callback) {\n var popupElement = document.createElement('div');\n popupElement.className = CLASS_POPUP;\n popupElement.innerHTML = html;\n var removePopupElement = function() {\n popupElement.parentNode && popupElement.parentNode.removeChild(popupElement);\n popupElement = null;\n };\n popupElement.addEventListener($.EVENT_MOVE, $.preventDefault);\n popupElement.addEventListener('webkitTransitionEnd', function(e) {\n if (popupElement && e.target === popupElement && popupElement.classList.contains(CLASS_POPUP_OUT)) {\n removePopupElement();\n }\n });\n popupElement.style.display = 'block';\n document.body.appendChild(popupElement);\n popupElement.offsetHeight;\n popupElement.classList.add(CLASS_POPUP_IN);\n\n if (!backdrop.classList.contains(CLASS_ACTIVE)) {\n backdrop.style.display = 'block';\n document.body.appendChild(backdrop);\n backdrop.offsetHeight;\n backdrop.classList.add(CLASS_ACTIVE);\n }\n var btns = $.qsa('.' + CLASS_POPUP_BUTTON, popupElement);\n var input = popupElement.querySelector('.' + CLASS_POPUP_INPUT + ' input');\n var popup = {\n element: popupElement,\n close: function(index, animate) {\n if (popupElement) {\n var result = callback && callback({\n index: index || 0,\n value: input && input.value || ''\n });\n if (result === false) { //返回false则不关闭当前popup\n return;\n }\n if (animate !== false) {\n popupElement.classList.remove(CLASS_POPUP_IN);\n popupElement.classList.add(CLASS_POPUP_OUT);\n } else {\n removePopupElement();\n }\n popupStack.pop();\n //如果还有其他popup，则不remove backdrop\n if (popupStack.length) {\n popupStack[popupStack.length - 1]['show'](animate);\n } else {\n backdrop.classList.remove(CLASS_ACTIVE);\n }\n }\n }\n };\n var handleEvent = function(e) {\n popup.close(btns.indexOf(e.target));\n };\n $(popupElement).on('tap', '.' + CLASS_POPUP_BUTTON, handleEvent);\n if (popupStack.length) {\n popupStack[popupStack.length - 1]['hide']();\n }\n popupStack.push({\n close: popup.close,\n show: function(animate) {\n popupElement.style.display = 'block';\n popupElement.offsetHeight;\n popupElement.classList.add(CLASS_POPUP_IN);\n },\n hide: function() {\n popupElement.style.display = 'none';\n popupElement.classList.remove(CLASS_POPUP_IN);\n }\n });\n return popup;\n };\n var createAlert = function(message, title, btnValue, callback, type) {\n if (typeof message === 'undefined') {\n return;\n } else {\n if (typeof title === 'function') {\n callback = title;\n type = btnValue;\n title = null;\n btnValue = null;\n } else if (typeof btnValue === 'function') {\n type = callback;\n callback = btnValue;\n btnValue = null;\n }\n }\n if (!$.os.plus || type === 'div') {\n return createPopup(createInner(message, title || '提示') + createButtons([btnValue || '确定']), callback);\n }\n return plus.nativeUI.alert(message, callback, title || '提示', btnValue || '确定');\n };\n var createConfirm = function(message, title, btnArray, callback, type) {\n if (typeof message === 'undefined') {\n return;\n } else {\n if (typeof title === 'function') {\n callback = title;\n type = btnArray;\n title = null;\n btnArray = null;\n } else if (typeof btnArray === 'function') {\n type = callback;\n callback = btnArray;\n btnArray = null;\n }\n }\n if (!$.os.plus || type === 'div') {\n return createPopup(createInner(message, title || '提示') + createButtons(btnArray || ['取消', '确认']), callback);\n }\n return plus.nativeUI.confirm(message, callback, title, btnArray || ['取消', '确认']);\n };\n var createPrompt = function(message, placeholder, title, btnArray, callback, type) {\n if (typeof message === 'undefined') {\n return;\n } else {\n if (typeof placeholder === 'function') {\n callback = placeholder;\n type = title;\n placeholder = null;\n title = null;\n btnArray = null;\n } else if (typeof title === 'function') {\n callback = title;\n type = btnArray;\n title = null;\n btnArray = null;\n } else if (typeof btnArray === 'function') {\n type = callback;\n callback = btnArray;\n btnArray = null;\n }\n }\n if (!$.os.plus || type === 'div') {\n return createPopup(createInner(message, title || '提示', createInput(placeholder)) + createButtons(btnArray || ['取消', '确认']), callback);\n }\n return plus.nativeUI.prompt(message, callback, title || '提示', placeholder, btnArray || ['取消', '确认']);\n };\n var closePopup = function() {\n if (popupStack.length) {\n popupStack[popupStack.length - 1]['close']();\n return true;\n } else {\n return false;\n }\n };\n var closePopups = function() {\n while (popupStack.length) {\n popupStack[popupStack.length - 1]['close']();\n }\n };\n\n $.closePopup = closePopup;\n $.closePopups = closePopups;\n $.alert = createAlert;\n $.confirm = createConfirm;\n $.prompt = createPrompt;\n})(mui, window, document);\n(function($, document) {\n\tvar CLASS_PROGRESSBAR = 'mui-progressbar';\n\tvar CLASS_PROGRESSBAR_IN = 'mui-progressbar-in';\n\tvar CLASS_PROGRESSBAR_OUT = 'mui-progressbar-out';\n\tvar CLASS_PROGRESSBAR_INFINITE = 'mui-progressbar-infinite';\n\n\tvar SELECTOR_PROGRESSBAR = '.mui-progressbar';\n\n\tvar _findProgressbar = function(container) {\n\t\tcontainer = $(container || 'body');\n\t\tif (container.length === 0) return;\n\t\tcontainer = container[0];\n\t\tif (container.classList.contains(CLASS_PROGRESSBAR)) {\n\t\t\treturn container;\n\t\t}\n\t\tvar progressbars = container.querySelectorAll(SELECTOR_PROGRESSBAR);\n\t\tif (progressbars) {\n\t\t\tfor (var i = 0, len = progressbars.length; i < len; i++) {\n\t\t\t\tvar progressbar = progressbars[i];\n\t\t\t\tif (progressbar.parentNode === container) {\n\t\t\t\t\treturn progressbar;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\t/**\n\t * 创建并显示进度条 \n\t * @param {Object} container 可选，默认body，支持selector,DOM Node,mui wrapper\n\t * @param {Object} progress 可选，undefined表示循环，数字表示具体进度\n\t * @param {Object} color 可选，指定颜色样式(目前暂未提供实际样式，可暂时不暴露此参数)\n\t */\n\tvar showProgressbar = function(container, progress, color) {\n\t\tif (typeof container === 'number') {\n\t\t\tcolor = progress;\n\t\t\tprogress = container;\n\t\t\tcontainer = 'body';\n\t\t}\n\t\tcontainer = $(container || 'body');\n\t\tif (container.length === 0) return;\n\t\tcontainer = container[0];\n\t\tvar progressbar;\n\t\tif (container.classList.contains(CLASS_PROGRESSBAR)) {\n\t\t\tprogressbar = container;\n\t\t} else {\n\t\t\tvar progressbars = container.querySelectorAll(SELECTOR_PROGRESSBAR + ':not(.' + CLASS_PROGRESSBAR_OUT + ')');\n\t\t\tif (progressbars) {\n\t\t\t\tfor (var i = 0, len = progressbars.length; i < len; i++) {\n\t\t\t\t\tvar _progressbar = progressbars[i];\n\t\t\t\t\tif (_progressbar.parentNode === container) {\n\t\t\t\t\t\tprogressbar = _progressbar;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (!progressbar) {\n\t\t\t\tprogressbar = document.createElement('span');\n\t\t\t\tprogressbar.className = CLASS_PROGRESSBAR + ' ' + CLASS_PROGRESSBAR_IN + (typeof progress !== 'undefined' ? '' : (' ' + CLASS_PROGRESSBAR_INFINITE)) + (color ? (' ' + CLASS_PROGRESSBAR + '-' + color) : '');\n\t\t\t\tif (typeof progress !== 'undefined') {\n\t\t\t\t\tprogressbar.innerHTML = '' + this.element.getAttribute('placeholder') + ' ';\n\t\t\t\tthis.element.setAttribute('placeholder', '');\n\t\t\t\tif (this.element.value.trim()) {\n\t\t\t\t\trow.classList.add('mui-active');\n\t\t\t\t}\n\t\t\t}\n\t\t\trow.insertBefore(action, this.element.nextSibling);\n\t\t}\n\t\treturn action;\n\t};\n\tInput.prototype.initElementEvent = function() {\n\t\tvar element = this.element;\n\n\t\tif (this.sliderActionClass) {\n\t\t\tvar tooltip = this.sliderAction;\n\t\t\tvar timer = null;\n\t\t\tvar showTip = function() { //每次重新计算是因为控件可能被隐藏，初始化时计算是不正确的\n\t\t\t\ttooltip.classList.remove(CLASS_HIDDEN);\n\t\t\t\tvar offsetLeft = element.offsetLeft;\n\t\t\t\tvar width = element.offsetWidth - 28;\n\t\t\t\tvar tooltipWidth = tooltip.offsetWidth;\n\t\t\t\tvar distince = Math.abs(element.max - element.min);\n\t\t\t\tvar scaleWidth = (width / distince) * Math.abs(element.value - element.min);\n\t\t\t\ttooltip.style.left = (14 + offsetLeft + scaleWidth - tooltipWidth / 2) + 'px';\n\t\t\t\ttooltip.innerText = element.value;\n\t\t\t\tif (timer) {\n\t\t\t\t\tclearTimeout(timer);\n\t\t\t\t}\n\t\t\t\ttimer = setTimeout(function() {\n\t\t\t\t\ttooltip.classList.add(CLASS_HIDDEN);\n\t\t\t\t}, 1000);\n\t\t\t};\n\t\t\telement.addEventListener('input', showTip);\n\t\t\telement.addEventListener('tap', showTip);\n\t\t\telement.addEventListener($.EVENT_MOVE, function(e) {\n\t\t\t\te.stopPropagation();\n\t\t\t});\n\t\t} else {\n\t\t\tif (this.clearActionClass) {\n\t\t\t\tvar action = this.clearAction;\n\t\t\t\tif (!action) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t$.each(['keyup', 'change', 'input', 'focus', 'cut', 'paste'], function(index, type) {\n\t\t\t\t\t(function(type) {\n\t\t\t\t\t\telement.addEventListener(type, function() {\n\t\t\t\t\t\t\taction.classList[element.value.trim() ? 'remove' : 'add'](CLASS_HIDDEN);\n\t\t\t\t\t\t});\n\t\t\t\t\t})(type);\n\t\t\t\t});\n\t\t\t\telement.addEventListener('blur', function() {\n\t\t\t\t\taction.classList.add(CLASS_HIDDEN);\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (this.searchActionClass) {\n\t\t\t\telement.addEventListener('focus', function() {\n\t\t\t\t\telement.parentNode.classList.add('mui-active');\n\t\t\t\t});\n\t\t\t\telement.addEventListener('blur', function() {\n\t\t\t\t\tif (!element.value.trim()) {\n\t\t\t\t\t\telement.parentNode.classList.remove('mui-active');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\tInput.prototype.setPlaceholder = function(text) {\n\t\tif (this.searchActionClass) {\n\t\t\tvar placeholder = this.element.parentNode.querySelector(SELECTOR_PLACEHOLDER);\n\t\t\tplaceholder && (placeholder.getElementsByTagName('span')[1].innerText = text);\n\t\t} else {\n\t\t\tthis.element.setAttribute('placeholder', text);\n\t\t}\n\t};\n\tInput.prototype.passwordActionClick = function(event) {\n\t\tif (this.element.type === 'text') {\n\t\t\tthis.element.type = 'password';\n\t\t} else {\n\t\t\tthis.element.type = 'text';\n\t\t}\n\t\tthis.passwordAction.classList.toggle('mui-active');\n\t\tevent.preventDefault();\n\t};\n\tInput.prototype.clearActionClick = function(event) {\n\t\tvar self = this;\n\t\tself.element.value = '';\n\t\t$.focus(self.element);\n\t\tself.clearAction.classList.add(CLASS_HIDDEN);\n\t\tevent.preventDefault();\n\t};\n\tInput.prototype.speechActionClick = function(event) {\n\t\tif (window.plus) {\n\t\t\tvar self = this;\n\t\t\tvar oldValue = self.element.value;\n\t\t\tself.element.value = '';\n\t\t\tdocument.body.classList.add(CLASS_FOCUSIN);\n\t\t\tplus.speech.startRecognize({\n\t\t\t\tengine: 'iFly'\n\t\t\t}, function(s) {\n\t\t\t\tself.element.value += s;\n\t\t\t\t$.focus(self.element);\n\t\t\t\tplus.speech.stopRecognize();\n\t\t\t\t$.trigger(self.element, 'recognized', {\n\t\t\t\t\tvalue: self.element.value\n\t\t\t\t});\n\t\t\t\tif (oldValue !== self.element.value) {\n\t\t\t\t\t$.trigger(self.element, 'change');\n\t\t\t\t\t$.trigger(self.element, 'input');\n\t\t\t\t}\n\t\t\t\t// document.body.classList.remove(CLASS_FOCUSIN);\n\t\t\t}, function(e) {\n\t\t\t\tdocument.body.classList.remove(CLASS_FOCUSIN);\n\t\t\t});\n\t\t} else {\n\t\t\talert('only for 5+');\n\t\t}\n\t\tevent.preventDefault();\n\t};\n\t$.fn.input = function(options) {\n\t\tvar inputApis = [];\n\t\tthis.each(function() {\n\t\t\tvar inputApi = null;\n\t\t\tvar actions = [];\n\t\t\tvar row = findRow(this.parentNode);\n\t\t\tif (this.type === 'range' && row.classList.contains('mui-input-range')) {\n\t\t\t\tactions.push('slider');\n\t\t\t} else {\n\t\t\t\tvar classList = this.classList;\n\t\t\t\tif (classList.contains('mui-input-clear')) {\n\t\t\t\t\tactions.push('clear');\n\t\t\t\t}\n\t\t\t\tif (!($.os.android && $.os.stream) && classList.contains('mui-input-speech')) {\n\t\t\t\t\tactions.push('speech');\n\t\t\t\t}\n\t\t\t\tif (classList.contains('mui-input-password')) {\n\t\t\t\t\tactions.push('password');\n\t\t\t\t}\n\t\t\t\tif (this.type === 'search' && row.classList.contains('mui-search')) {\n\t\t\t\t\tactions.push('search');\n\t\t\t\t}\n\t\t\t}\n\t\t\tvar id = this.getAttribute('data-input-' + actions[0]);\n\t\t\tif (!id) {\n\t\t\t\tid = ++$.uuid;\n\t\t\t\tinputApi = $.data[id] = new Input(this, {\n\t\t\t\t\tactions: actions.join(',')\n\t\t\t\t});\n\t\t\t\tfor (var i = 0, len = actions.length; i < len; i++) {\n\t\t\t\t\tthis.setAttribute('data-input-' + actions[i], id);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tinputApi = $.data[id];\n\t\t\t}\n\t\t\tinputApis.push(inputApi);\n\t\t});\n\t\treturn inputApis.length === 1 ? inputApis[0] : inputApis;\n\t};\n\t$.ready(function() {\n\t\t$('.mui-input-row input').input();\n\t});\n})(mui, window, document);\n(function($, window) {\n var CLASS_ACTIVE = 'mui-active';\n var rgbaRegex = /^rgba\\((\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d*(?:\\.\\d+)?)\\)$/;\n var getColor = function(colorStr) {\n var matches = colorStr.match(rgbaRegex);\n if (matches && matches.length === 5) {\n return [\n matches[1],\n matches[2],\n matches[3],\n matches[4]\n ];\n }\n return [];\n };\n var Transparent = function(element, options) {\n this.element = element;\n this.options = $.extend({\n top: 0, //距离顶部高度(到达该高度即触发)\n offset: 150, //滚动透明距离\n duration: 16, //过渡时间\n scrollby: window//监听滚动距离容器\n }, options || {});\n\n this.scrollByElem = this.options.scrollby || window;\n if (!this.scrollByElem) {\n throw new Error(\"监听滚动的元素不存在\");\n }\n this.isNativeScroll = false;\n if (this.scrollByElem === window) {\n this.isNativeScroll = true;\n } else if (!~this.scrollByElem.className.indexOf('mui-scroll-wrapper')) {\n this.isNativeScroll = true;\n }\n\n this._style = this.element.style;\n this._bgColor = this._style.backgroundColor;\n var color = getColor(mui.getStyles(this.element, 'backgroundColor'));\n if (color.length) {\n this._R = color[0];\n this._G = color[1];\n this._B = color[2];\n this._A = parseFloat(color[3]);\n this.lastOpacity = this._A;\n this._bufferFn = $.buffer(this.handleScroll, this.options.duration, this);\n this.initEvent();\n } else {\n throw new Error(\"元素背景颜色必须为RGBA\");\n }\n };\n\n Transparent.prototype.initEvent = function() {\n this.scrollByElem.addEventListener('scroll', this._bufferFn);\n if (this.isNativeScroll) { //原生scroll\n this.scrollByElem.addEventListener($.EVENT_MOVE, this._bufferFn);\n }\n }\n Transparent.prototype.handleScroll = function(e) {\n var y = window.scrollY;\n if (!this.isNativeScroll && e && e.detail) {\n y = -e.detail.y;\n }\n var opacity = (y - this.options.top) / this.options.offset + this._A;\n opacity = Math.min(Math.max(this._A, opacity), 1);\n this._style.backgroundColor = 'rgba(' + this._R + ',' + this._G + ',' + this._B + ',' + opacity + ')';\n if (opacity > this._A) {\n this.element.classList.add(CLASS_ACTIVE);\n } else {\n this.element.classList.remove(CLASS_ACTIVE);\n }\n if (this.lastOpacity !== opacity) {\n $.trigger(this.element, 'alpha', {\n alpha: opacity\n });\n this.lastOpacity = opacity;\n }\n };\n Transparent.prototype.destory = function() {\n this.scrollByElem.removeEventListener('scroll', this._bufferFn);\n this.scrollByElem.removeEventListener($.EVENT_MOVE, this._bufferFn);\n this.element.style.backgroundColor = this._bgColor;\n this.element.mui_plugin_transparent = null;\n };\n $.fn.transparent = function(options) {\n options = options || {};\n var transparentApis = [];\n this.each(function() {\n var transparentApi = this.mui_plugin_transparent;\n if (!transparentApi) {\n var top = this.getAttribute('data-top');\n var offset = this.getAttribute('data-offset');\n var duration = this.getAttribute('data-duration');\n var scrollby = this.getAttribute('data-scrollby');\n if (top !== null && typeof options.top === 'undefined') {\n options.top = top;\n }\n if (offset !== null && typeof options.offset === 'undefined') {\n options.offset = offset;\n }\n if (duration !== null && typeof options.duration === 'undefined') {\n options.duration = duration;\n }\n if (scrollby !== null && typeof options.scrollby === 'undefined') {\n options.scrollby = document.querySelector(scrollby) || window;\n }\n transparentApi = this.mui_plugin_transparent = new Transparent(this, options);\n }\n transparentApis.push(transparentApi);\n });\n return transparentApis.length === 1 ? transparentApis[0] : transparentApis;\n };\n $.ready(function() {\n $('.mui-bar-transparent').transparent();\n });\n})(mui, window);\n/**\n * 数字输入框\n * varstion 1.0.1\n * by Houfeng\n * Houfeng@DCloud.io\n */\n\n(function($) {\n\n var touchSupport = ('ontouchstart' in document);\n var tapEventName = touchSupport ? 'tap' : 'click';\n var changeEventName = 'change';\n var holderClassName = 'mui-numbox';\n var plusClassSelector = '.mui-btn-numbox-plus,.mui-numbox-btn-plus';\n var minusClassSelector = '.mui-btn-numbox-minus,.mui-numbox-btn-minus';\n var inputClassSelector = '.mui-input-numbox,.mui-numbox-input';\n\n var Numbox = $.Numbox = $.Class.extend({\n /**\n * 构造函数\n **/\n init: function(holder, options) {\n var self = this;\n if (!holder) {\n throw \"构造 numbox 时缺少容器元素\";\n }\n self.holder = holder;\n options = options || {};\n options.step = parseInt(options.step || 1);\n self.options = options;\n self.input = $.qsa(inputClassSelector, self.holder)[0];\n self.plus = $.qsa(plusClassSelector, self.holder)[0];\n self.minus = $.qsa(minusClassSelector, self.holder)[0];\n self.checkValue();\n self.initEvent();\n },\n /**\n * 初始化事件绑定\n **/\n initEvent: function() {\n var self = this;\n self.plus.addEventListener(tapEventName, function(event) {\n var val = parseInt(self.input.value) + self.options.step;\n self.input.value = val.toString();\n $.trigger(self.input, changeEventName, null);\n });\n self.minus.addEventListener(tapEventName, function(event) {\n var val = parseInt(self.input.value) - self.options.step;\n self.input.value = val.toString();\n $.trigger(self.input, changeEventName, null);\n });\n self.input.addEventListener(changeEventName, function(event) {\n self.checkValue();\n var val = parseInt(self.input.value);\n //触发顶层容器\n $.trigger(self.holder, changeEventName, {\n value: val\n });\n });\n },\n /**\n * 获取当前值\n **/\n getValue: function() {\n var self = this;\n return parseInt(self.input.value);\n },\n /**\n * 验证当前值是法合法\n **/\n checkValue: function() {\n var self = this;\n var val = self.input.value;\n if (val == null || val == '' || isNaN(val)) {\n self.input.value = self.options.min || 0;\n self.minus.disabled = self.options.min != null;\n } else {\n var val = parseInt(val);\n if (self.options.max != null && !isNaN(self.options.max) && val >= parseInt(self.options.max)) {\n val = self.options.max;\n self.plus.disabled = true;\n } else {\n self.plus.disabled = false;\n }\n if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {\n val = self.options.min;\n self.minus.disabled = true;\n } else {\n self.minus.disabled = false;\n }\n self.input.value = val;\n }\n },\n /**\n * 更新选项\n **/\n setOption: function(name, value) {\n var self = this;\n self.options[name] = value;\n },\n /**\n * 动态设置新值\n **/\n setValue: function(value) {\n this.input.value = value;\n this.checkValue();\n }\n });\n\n $.fn.numbox = function(options) {\n var instanceArray = [];\n //遍历选择的元素\n this.each(function(i, element) {\n if (element.numbox) {\n return;\n }\n if (options) {\n element.numbox = new Numbox(element, options);\n } else {\n var optionsText = element.getAttribute('data-numbox-options');\n var options = optionsText ? JSON.parse(optionsText) : {};\n options.step = element.getAttribute('data-numbox-step') || options.step;\n options.min = element.getAttribute('data-numbox-min') || options.min;\n options.max = element.getAttribute('data-numbox-max') || options.max;\n element.numbox = new Numbox(element, options);\n }\n });\n return this[0] ? this[0].numbox : null;\n }\n\n //自动处理 class='mui-locker' 的 dom\n $.ready(function() {\n $('.' + holderClassName).numbox();\n });\n\n}(mui));\n/**\n * Button\n * @param {type} $\n * @param {type} window\n * @param {type} document\n * @returns {undefined}\n */\n(function($, window, document) {\n var CLASS_ICON = 'mui-icon';\n var CLASS_DISABLED = 'mui-disabled';\n\n var STATE_RESET = 'reset';\n var STATE_LOADING = 'loading';\n\n var defaultOptions = {\n loadingText: 'Loading...', //文案\n loadingIcon: 'mui-spinner' + ' ' + 'mui-spinner-white', //图标，可为空\n loadingIconPosition: 'left' //图标所处位置，仅支持left|right\n };\n\n var Button = function(element, options) {\n this.element = element;\n this.options = $.extend({}, defaultOptions, options);\n if (!this.options.loadingText) {\n this.options.loadingText = defaultOptions.loadingText;\n }\n if (this.options.loadingIcon === null) {\n this.options.loadingIcon = 'mui-spinner';\n if ($.getStyles(this.element, 'color') === 'rgb(255, 255, 255)') {\n this.options.loadingIcon += ' ' + 'mui-spinner-white';\n }\n }\n this.isInput = this.element.tagName === 'INPUT';\n this.resetHTML = this.isInput ? this.element.value : this.element.innerHTML;\n this.state = '';\n };\n Button.prototype.loading = function() {\n this.setState(STATE_LOADING);\n };\n Button.prototype.reset = function() {\n this.setState(STATE_RESET);\n };\n Button.prototype.setState = function(state) {\n if (this.state === state) {\n return false;\n }\n this.state = state;\n if (state === STATE_RESET) {\n this.element.disabled = false;\n this.element.classList.remove(CLASS_DISABLED);\n this.setHtml(this.resetHTML);\n } else if (state === STATE_LOADING) {\n this.element.disabled = true;\n this.element.classList.add(CLASS_DISABLED);\n var html = this.isInput ? this.options.loadingText : ('' + this.options.loadingText + ' ');\n if (this.options.loadingIcon && !this.isInput) {\n if (this.options.loadingIconPosition === 'right') {\n html += ' \",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\",\n\t\t\t\t\t\"\"\n\t\t\t\t]\n\t\t\t},\n\t\t\t\"orientation\": [\n\t\t\t\t\"portrait-primary\"\n\t\t\t],/*应用支持的方向，portrait-primary：竖屏正方向；portrait-secondary：竖屏反方向；landscape-primary：横屏正方向；landscape-secondary：横屏反方向*/\n\t\t\t\"icons\": {\n\t\t\t\t\"ios\": {\n\t\t\t\t\t\"prerendered\": true, /*应用图标是否已经高亮处理，在iOS6及以下设备上有效*/\n\t\t\t\t\t\"auto\": \"\", /*应用图标，分辨率：512x512，用于自动生成各种尺寸程序图标*/\n\t\t\t\t\t\"iphone\": {\n\t\t\t\t\t\t\"normal\": \"\", /*iPhone3/3GS程序图标，分辨率：57x57*/\n\t\t\t\t\t\t\"retina\": \"\", /*iPhone4程序图标，分辨率：114x114*/\n\t\t\t\t\t\t\"retina7\": \"\", /*iPhone4S/5/6程序图标，分辨率：120x120*/\n\t\t\t\t\t\t\"retina8\": \"\", /*iPhone6 Plus程序图标，分辨率：180x180*/\n\t\t\t\t\t\t\"spotlight-normal\": \"\", /*iPhone3/3GS Spotlight搜索程序图标，分辨率：29x29*/\n\t\t\t\t\t\t\"spotlight-retina\": \"\", /*iPhone4 Spotlight搜索程序图标，分辨率：58x58*/\n\t\t\t\t\t\t\"spotlight-retina7\": \"\", /*iPhone4S/5/6 Spotlight搜索程序图标，分辨率：80x80*/\n\t\t\t\t\t\t\"settings-normal\": \"\", /*iPhone4设置页面程序图标，分辨率：29x29*/\n\t\t\t\t\t\t\"settings-retina\": \"\", /*iPhone4S/5/6设置页面程序图标，分辨率：58x58*/\n\t\t\t\t\t\t\"settings-retina8\": \"\"\n\t\t\t\t\t},\n\t\t\t\t\t\"ipad\": {\n\t\t\t\t\t\t\"normal\": \"\", /*iPad普通屏幕程序图标，分辨率：72x72*/\n\t\t\t\t\t\t\"retina\": \"\", /*iPad高分屏程序图标，分辨率：144x144*/\n\t\t\t\t\t\t\"normal7\": \"\", /*iPad iOS7程序图标，分辨率：76x76*/\n\t\t\t\t\t\t\"retina7\": \"\", /*iPad iOS7高分屏程序图标，分辨率：152x152*/\n\t\t\t\t\t\t\"spotlight-normal\": \"\", /*iPad Spotlight搜索程序图标，分辨率：50x50*/\n\t\t\t\t\t\t\"spotlight-retina\": \"\", /*iPad高分屏Spotlight搜索程序图标，分辨率：100x100*/\n\t\t\t\t\t\t\"spotlight-normal7\": \"\",/*iPad iOS7 Spotlight搜索程序图标，分辨率：40x40*/\n\t\t\t\t\t\t\"spotlight-retina7\": \"\",/*iPad iOS7高分屏Spotlight搜索程序图标，分辨率：80x80*/\n\t\t\t\t\t\t\"settings-normal\": \"\",/*iPad设置页面程序图标，分辨率：29x29*/\n\t\t\t\t\t\t\"settings-retina\": \"\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\"android\": {\n\t\t\t\t\t\"mdpi\": \"\", /*普通屏程序图标，分辨率：48x48*/\n\t\t\t\t\t\"ldpi\": \"\", /*大屏程序图标，分辨率：48x48*/\n\t\t\t\t\t\"hdpi\": \"\", /*高分屏程序图标，分辨率：72x72*/\n\t\t\t\t\t\"xhdpi\": \"\",/*720P高分屏程序图标，分辨率：96x96*/\n\t\t\t\t\t\"xxhdpi\": \"\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"splashscreen\": {\n\t\t\t\t\"ios\": {\n\t\t\t\t\t\"iphone\": {\n\t\t\t\t\t\t\"default\": \"\", /*iPhone3启动图片选，分辨率：320x480*/\n\t\t\t\t\t\t\"retina35\": \"\",/*3.5英寸设备(iPhone4)启动图片，分辨率：640x960*/\n\t\t\t\t\t\t\"retina40\": \"\",/*4.0 英寸设备(iPhone5/iPhone5s)启动图片，分辨率：640x1136*/\n\t\t\t\t\t\t\"retina47\": \"\",/*4.7 英寸设备(iPhone6)启动图片，分辨率：750x1334*/\n\t\t\t\t\t\t\"retina55\": \"\",/*5.5 英寸设备(iPhone6 Plus)启动图片，分辨率：1242x2208*/\n\t\t\t\t\t\t\"retina55l\": \"\"\n\t\t\t\t\t},\n\t\t\t\t\t\"ipad\": {\n\t\t\t\t\t\t\"portrait\": \"\", /*iPad竖屏启动图片，分辨率：768x1004*/\n\t\t\t\t\t\t\"portrait-retina\": \"\",/*iPad高分屏竖屏图片，分辨率：1536x2008*/\n\t\t\t\t\t\t\"landscape\": \"\", /*iPad横屏启动图片，分辨率：1024x748*/\n\t\t\t\t\t\t\"landscape-retina\": \"\", /*iPad高分屏横屏启动图片，分辨率：2048x1496*/\n\t\t\t\t\t\t\"portrait7\": \"\", /*iPad iOS7竖屏启动图片，分辨率：768x1024*/\n\t\t\t\t\t\t\"portrait-retina7\": \"\",/*iPad iOS7高分屏竖屏图片，分辨率：1536x2048*/\n\t\t\t\t\t\t\"landscape7\": \"\", /*iPad iOS7横屏启动图片，分辨率：1024x768*/\n\t\t\t\t\t\t\"landscape-retina7\": \"\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t\"android\": {\n\t\t\t\t\t\"mdpi\": \"\", /*普通屏启动图片，分辨率：240x282*/\n\t\t\t\t\t\"ldpi\": \"\", /*大屏启动图片，分辨率：320x442*/\n\t\t\t\t\t\"hdpi\": \"\", /*高分屏启动图片，分辨率：480x762*/\n\t\t\t\t\t\"xhdpi\": \"\", /*720P高分屏启动图片，分辨率：720x1242*/\n\t\t\t\t\t\"xxhdpi\": \"\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\t\"dependencies\": {\n\t\t\"pages\": {\n\t\t\t\"index.html\": {\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"html/tab-webview-subpage-about.html\",\n\t\t\t\t\t\"fonts/mui.ttf\",\n\t\t\t\t\t\"fonts/iconfont.ttf\",\n\t\t\t\t\t\"html/tab-webview-subpage-chat.html\",\n\t\t\t\t\t\"js/util.js\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [\n\t\t\t\t\t\"html/tab-webview-subpage-contact.html\",\n\t\t\t\t\t\"html/new-webview.html\"\n\t\t\t\t],\n\t\t\t\t\"priority\": 0\n\t\t\t},\n\t\t\t\"launch.html\": {\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"html/tab-webview-subpage-about.html\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [\n\t\t\t\t\t\"html/tab-webview-subpage-setting.html\",\n\t\t\t\t\t\"html/tab-webview-subpage-chat.html\",\n\t\t\t\t\t\"html/tab-webview-subpage-contact.html\"\n\t\t\t\t],\n\t\t\t\t\"priority\": 0\n\t\t\t},\n\t\t\t\"html/tab-webview-subpage-setting.html\": {\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"fonts/mui.ttf\",\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"js/mui.min.js\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [],\n\t\t\t\t\"priority\": 0\n\t\t\t},\n\t\t\t\"html/tab-webview-subpage-about.html\": {\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"js/util.js\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [],\n\t\t\t\t\"priority\": 0\n\t\t\t},\n\t\t\t\"html/tab-webview-subpage-chat.html\": {\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"fonts/mui.ttf\",\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"css/mui.min.css\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [],\n\t\t\t\t\"priority\": 0\n\t\t\t},\n\t\t\t\"html/tab-webview-subpage-contact.html\": {\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"images/60x60.gif\",\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"css/mui.min.css\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [],\n\t\t\t\t\"priority\": 0\n\t\t\t},\n\t\t\t\"html/new-webview.html\": {\n\t\t\t\t\"resources\": [\n\t\t\t\t\t\"css/mui.min.css\",\n\t\t\t\t\t\"js/mui.min.js\",\n\t\t\t\t\t\"fonts/mui.ttf\"\n\t\t\t\t],\n\t\t\t\t\"refer\": [],\n\t\t\t\t\"priority\": 0\n\t\t\t}\n\t\t},\n\t\t\"idle\": {\n\t\t\t\"resources\": [\n\t\t\t\t\"js/mui.js\",\n\t\t\t\t\"css/mui.css\"\n\t\t\t]\n\t\t}\n\t}\n}"
},
{
"path": "examples/nativeTab/unpackage/.confirmed_dependencies",
"content": "{\n \"index.html\": {\n \"resources\": [\n \"js/mui.min.js\",\n \"css/mui.min.css\",\n \"html/tab-webview-subpage-about.html\",\n \"fonts/mui.ttf\",\n \"fonts/iconfont.ttf\",\n \"js/util.js\",\n \"html/tab-webview-subpage-chat.html\"\n ],\n \"refer\": [\n \"html/tab-webview-subpage-setting.html\",\n \"html/tab-webview-subpage-chat.html\",\n \"html/tab-webview-subpage-contact.html\",\n \"html/tab-webview-subpage-about.html\",\n \"html/new-webview.html\"\n ]\n },\n \"launch.html\": {\n \"resources\": [\n \"js/mui.min.js\",\n \"css/mui.min.css\",\n \"html/tab-webview-subpage-about.html\"\n ],\n \"refer\": [\n \"html/tab-webview-subpage-setting.html\",\n \"html/tab-webview-subpage-chat.html\",\n \"html/tab-webview-subpage-contact.html\",\n \"html/tab-webview-subpage-about.html\"\n ]\n },\n \"html/tab-webview-subpage-setting.html\": {\n \"resources\": [\n \"fonts/mui.ttf\",\n \"css/mui.min.css\",\n \"js/mui.min.js\"\n ],\n \"refer\": []\n },\n \"html/tab-webview-subpage-about.html\": {\n \"resources\": [\n \"css/mui.min.css\",\n \"js/mui.min.js\",\n \"js/util.js\"\n ],\n \"refer\": []\n },\n \"html/tab-webview-subpage-chat.html\": {\n \"resources\": [\n \"fonts/mui.ttf\",\n \"js/mui.min.js\",\n \"css/mui.min.css\"\n ],\n \"refer\": []\n },\n \"html/tab-webview-subpage-contact.html\": {\n \"resources\": [\n \"images/60x60.gif\",\n \"js/mui.min.js\",\n \"css/mui.min.css\"\n ],\n \"refer\": []\n },\n \"html/new-webview.html\": {\n \"resources\": [\n \"css/mui.min.css\",\n \"js/mui.min.js\",\n \"fonts/mui.ttf\"\n ],\n \"refer\": []\n }\n}"
},
{
"path": "examples/nativeTab/unpackage/.dependencies",
"content": "null"
},
{
"path": "grunt/mui-namespace-generator.js",
"content": "/*!\n * Mui Grunt task for namespace generation\n */\n\n/* jshint node: true */'use strict';\nvar fs = require('fs');\nmodule.exports = function generateNamespace() {\n\tvar dir = fs.readdirSync('dist/js/');\n\tdir.forEach(function(file) {\n\t\tif (~file.indexOf('.js') && !~file.indexOf('.min')) {\n\t\t\tvar source = fs.readFileSync('dist/js/' + file, 'utf8');\n\t\t\tvar name = file.replace('.js', '').split('.')[0];\n\t\t\tsource = source.toString().replace(/\\$\\.className\\(([\\'|\"])([^\\'|\"]*)[\\'|\"]\\)/g, '$1' + name + '-$2$1').replace(/\\$\\.classSelector\\(([\\'|\"])([^\\'|\"]*)[\\'|\"]\\)/g, function(match, p1, p2) {\n\t\t\t\treturn p1 + p2.replace(/\\./g, '.' + name + '-') + p1;\n\t\t\t});\n\t\t\tfs.writeFileSync('dist/js/' + file, source);\n\t\t}\n\t});\n};\n"
},
{
"path": "js/actions.js",
"content": "/**\n * actions\n * @param {type} $\n * @param {type} name\n * @returns {undefined}\n */\n(function($, name) {\n\tvar CLASS_ACTION = $.className('action');\n\n\tvar handle = function(event, target) {\n\t\tvar className = target.className || '';\n\t\tif (typeof className !== 'string') { //svg className(SVGAnimatedString)\n\t\t\tclassName = '';\n\t\t}\n\t\tif (className && ~className.indexOf(CLASS_ACTION)) {\n\t\t\tif (target.classList.contains($.className('action-back'))) {\n\t\t\t\tevent.preventDefault();\n\t\t\t}\n\t\t\treturn target;\n\t\t}\n\t\treturn false;\n\t};\n\n\t$.registerTarget({\n\t\tname: name,\n\t\tindex: 50,\n\t\thandle: handle,\n\t\ttarget: false,\n\t\tisContinue: true\n\t});\n\n})(mui, 'action');"
},
{
"path": "js/ajax.plugin.js",
"content": "(function($) {\n //TODO\n})(mui);"
},
{
"path": "js/input.plugin.js",
"content": "/**\n * Input(TODO resize)\n * @param {type} $\n * @param {type} window\n * @param {type} document\n * @returns {undefined}\n */\n(function($, window, document) {\n\tvar CLASS_ICON = $.className('icon');\n\tvar CLASS_ICON_CLEAR = $.className('icon-clear');\n\tvar CLASS_ICON_SPEECH = $.className('icon-speech');\n\tvar CLASS_ICON_SEARCH = $.className('icon-search');\n\tvar CLASS_ICON_PASSWORD = $.className('icon-eye');\n\tvar CLASS_INPUT_ROW = $.className('input-row');\n\tvar CLASS_PLACEHOLDER = $.className('placeholder');\n\tvar CLASS_TOOLTIP = $.className('tooltip');\n\tvar CLASS_HIDDEN = $.className('hidden');\n\tvar CLASS_FOCUSIN = $.className('focusin');\n\tvar SELECTOR_ICON_CLOSE = '.' + CLASS_ICON_CLEAR;\n\tvar SELECTOR_ICON_SPEECH = '.' + CLASS_ICON_SPEECH;\n\tvar SELECTOR_ICON_PASSWORD = '.' + CLASS_ICON_PASSWORD;\n\tvar SELECTOR_PLACEHOLDER = '.' + CLASS_PLACEHOLDER;\n\tvar SELECTOR_TOOLTIP = '.' + CLASS_TOOLTIP;\n\n\tvar findRow = function(target) {\n\t\tfor (; target && target !== document; target = target.parentNode) {\n\t\t\tif (target.classList && target.classList.contains(CLASS_INPUT_ROW)) {\n\t\t\t\treturn target;\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t};\n\tvar Input = function(element, options) {\n\t\tthis.element = element;\n\t\tthis.options = options || {\n\t\t\tactions: 'clear'\n\t\t};\n\t\tif (~this.options.actions.indexOf('slider')) { //slider\n\t\t\tthis.sliderActionClass = CLASS_TOOLTIP + ' ' + CLASS_HIDDEN;\n\t\t\tthis.sliderActionSelector = SELECTOR_TOOLTIP;\n\t\t} else { //clear,speech,search\n\t\t\tif (~this.options.actions.indexOf('clear')) {\n\t\t\t\tthis.clearActionClass = CLASS_ICON + ' ' + CLASS_ICON_CLEAR + ' ' + CLASS_HIDDEN;\n\t\t\t\tthis.clearActionSelector = SELECTOR_ICON_CLOSE;\n\t\t\t}\n\t\t\tif (~this.options.actions.indexOf('speech')) { //only for 5+\n\t\t\t\tthis.speechActionClass = CLASS_ICON + ' ' + CLASS_ICON_SPEECH;\n\t\t\t\tthis.speechActionSelector = SELECTOR_ICON_SPEECH;\n\t\t\t}\n\t\t\tif (~this.options.actions.indexOf('search')) {\n\t\t\t\tthis.searchActionClass = CLASS_PLACEHOLDER;\n\t\t\t\tthis.searchActionSelector = SELECTOR_PLACEHOLDER;\n\t\t\t}\n\t\t\tif (~this.options.actions.indexOf('password')) {\n\t\t\t\tthis.passwordActionClass = CLASS_ICON + ' ' + CLASS_ICON_PASSWORD;\n\t\t\t\tthis.passwordActionSelector = SELECTOR_ICON_PASSWORD;\n\t\t\t}\n\t\t}\n\t\tthis.init();\n\t};\n\tInput.prototype.init = function() {\n\t\tthis.initAction();\n\t\tthis.initElementEvent();\n\t};\n\tInput.prototype.initAction = function() {\n\t\tvar self = this;\n\n\t\tvar row = self.element.parentNode;\n\t\tif (row) {\n\t\t\tif (self.sliderActionClass) {\n\t\t\t\tself.sliderAction = self.createAction(row, self.sliderActionClass, self.sliderActionSelector);\n\t\t\t} else {\n\t\t\t\tif (self.searchActionClass) {\n\t\t\t\t\tself.searchAction = self.createAction(row, self.searchActionClass, self.searchActionSelector);\n\t\t\t\t\tself.searchAction.addEventListener('tap', function(e) {\n\t\t\t\t\t\t$.focus(self.element);\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tif (self.speechActionClass) {\n\t\t\t\t\tself.speechAction = self.createAction(row, self.speechActionClass, self.speechActionSelector);\n\t\t\t\t\tself.speechAction.addEventListener('click', $.stopPropagation);\n\t\t\t\t\tself.speechAction.addEventListener('tap', function(event) {\n\t\t\t\t\t\tself.speechActionClick(event);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tif (self.clearActionClass) {\n\t\t\t\t\tself.clearAction = self.createAction(row, self.clearActionClass, self.clearActionSelector);\n\t\t\t\t\tself.clearAction.addEventListener('tap', function(event) {\n\t\t\t\t\t\tself.clearActionClick(event);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tif (self.passwordActionClass) {\n\t\t\t\t\tself.passwordAction = self.createAction(row, self.passwordActionClass, self.passwordActionSelector);\n\t\t\t\t\tself.passwordAction.addEventListener('tap', function(event) {\n\t\t\t\t\t\tself.passwordActionClick(event);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\tInput.prototype.createAction = function(row, actionClass, actionSelector) {\n\t\tvar action = row.querySelector(actionSelector);\n\t\tif (!action) {\n\t\t\tvar action = document.createElement('span');\n\t\t\taction.className = actionClass;\n\t\t\tif (actionClass === this.searchActionClass) {\n\t\t\t\taction.innerHTML = '' + this.element.getAttribute('placeholder') + ' ';\n\t\t\t\tthis.element.setAttribute('placeholder', '');\n\t\t\t\tif (this.element.value.trim()) {\n\t\t\t\t\trow.classList.add($.className('active'));\n\t\t\t\t}\n\t\t\t}\n\t\t\trow.insertBefore(action, this.element.nextSibling);\n\t\t}\n\t\treturn action;\n\t};\n\tInput.prototype.initElementEvent = function() {\n\t\tvar element = this.element;\n\n\t\tif (this.sliderActionClass) {\n\t\t\tvar tooltip = this.sliderAction;\n\t\t\tvar timer = null;\n\t\t\tvar showTip = function() { //每次重新计算是因为控件可能被隐藏，初始化时计算是不正确的\n\t\t\t\ttooltip.classList.remove(CLASS_HIDDEN);\n\t\t\t\tvar offsetLeft = element.offsetLeft;\n\t\t\t\tvar width = element.offsetWidth - 28;\n\t\t\t\tvar tooltipWidth = tooltip.offsetWidth;\n\t\t\t\tvar distince = Math.abs(element.max - element.min);\n\t\t\t\tvar scaleWidth = (width / distince) * Math.abs(element.value - element.min);\n\t\t\t\ttooltip.style.left = (14 + offsetLeft + scaleWidth - tooltipWidth / 2) + 'px';\n\t\t\t\ttooltip.innerText = element.value;\n\t\t\t\tif (timer) {\n\t\t\t\t\tclearTimeout(timer);\n\t\t\t\t}\n\t\t\t\ttimer = setTimeout(function() {\n\t\t\t\t\ttooltip.classList.add(CLASS_HIDDEN);\n\t\t\t\t}, 1000);\n\t\t\t};\n\t\t\telement.addEventListener('input', showTip);\n\t\t\telement.addEventListener('tap', showTip);\n\t\t\telement.addEventListener($.EVENT_MOVE, function(e) {\n\t\t\t\te.stopPropagation();\n\t\t\t});\n\t\t} else {\n\t\t\tif (this.clearActionClass) {\n\t\t\t\tvar action = this.clearAction;\n\t\t\t\tif (!action) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t$.each(['keyup', 'change', 'input', 'focus', 'cut', 'paste'], function(index, type) {\n\t\t\t\t\t(function(type) {\n\t\t\t\t\t\telement.addEventListener(type, function() {\n\t\t\t\t\t\t\taction.classList[element.value.trim() ? 'remove' : 'add'](CLASS_HIDDEN);\n\t\t\t\t\t\t});\n\t\t\t\t\t})(type);\n\t\t\t\t});\n\t\t\t\telement.addEventListener('blur', function() {\n\t\t\t\t\taction.classList.add(CLASS_HIDDEN);\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (this.searchActionClass) {\n\t\t\t\telement.addEventListener('focus', function() {\n\t\t\t\t\telement.parentNode.classList.add($.className('active'));\n\t\t\t\t});\n\t\t\t\telement.addEventListener('blur', function() {\n\t\t\t\t\tif (!element.value.trim()) {\n\t\t\t\t\t\telement.parentNode.classList.remove($.className('active'));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\tInput.prototype.setPlaceholder = function(text) {\n\t\tif (this.searchActionClass) {\n\t\t\tvar placeholder = this.element.parentNode.querySelector(SELECTOR_PLACEHOLDER);\n\t\t\tplaceholder && (placeholder.getElementsByTagName('span')[1].innerText = text);\n\t\t} else {\n\t\t\tthis.element.setAttribute('placeholder', text);\n\t\t}\n\t};\n\tInput.prototype.passwordActionClick = function(event) {\n\t\tif (this.element.type === 'text') {\n\t\t\tthis.element.type = 'password';\n\t\t} else {\n\t\t\tthis.element.type = 'text';\n\t\t}\n\t\tthis.passwordAction.classList.toggle($.className('active'));\n\t\tevent.preventDefault();\n\t};\n\tInput.prototype.clearActionClick = function(event) {\n\t\tvar self = this;\n\t\tself.element.value = '';\n\t\t$.focus(self.element);\n\t\tself.clearAction.classList.add(CLASS_HIDDEN);\n\t\tevent.preventDefault();\n\t};\n\tInput.prototype.speechActionClick = function(event) {\n\t\tif (window.plus) {\n\t\t\tvar self = this;\n\t\t\tvar oldValue = self.element.value;\n\t\t\tself.element.value = '';\n\t\t\tdocument.body.classList.add(CLASS_FOCUSIN);\n\t\t\tplus.speech.startRecognize({\n\t\t\t\tengine: 'iFly'\n\t\t\t}, function(s) {\n\t\t\t\tself.element.value += s;\n\t\t\t\t$.focus(self.element);\n\t\t\t\tplus.speech.stopRecognize();\n\t\t\t\t$.trigger(self.element, 'recognized', {\n\t\t\t\t\tvalue: self.element.value\n\t\t\t\t});\n\t\t\t\tif (oldValue !== self.element.value) {\n\t\t\t\t\t$.trigger(self.element, 'change');\n\t\t\t\t\t$.trigger(self.element, 'input');\n\t\t\t\t}\n\t\t\t\t// document.body.classList.remove(CLASS_FOCUSIN);\n\t\t\t}, function(e) {\n\t\t\t\tdocument.body.classList.remove(CLASS_FOCUSIN);\n\t\t\t});\n\t\t} else {\n\t\t\talert('only for 5+');\n\t\t}\n\t\tevent.preventDefault();\n\t};\n\t$.fn.input = function(options) {\n\t\tvar inputApis = [];\n\t\tthis.each(function() {\n\t\t\tvar inputApi = null;\n\t\t\tvar actions = [];\n\t\t\tvar row = findRow(this.parentNode);\n\t\t\tif (this.type === 'range' && row.classList.contains($.className('input-range'))) {\n\t\t\t\tactions.push('slider');\n\t\t\t} else {\n\t\t\t\tvar classList = this.classList;\n\t\t\t\tif (classList.contains($.className('input-clear'))) {\n\t\t\t\t\tactions.push('clear');\n\t\t\t\t}\n\t\t\t\tif (!($.os.android && $.os.stream) && classList.contains($.className('input-speech'))) {\n\t\t\t\t\tactions.push('speech');\n\t\t\t\t}\n\t\t\t\tif (classList.contains($.className('input-password'))) {\n\t\t\t\t\tactions.push('password');\n\t\t\t\t}\n\t\t\t\tif (this.type === 'search' && row.classList.contains($.className('search'))) {\n\t\t\t\t\tactions.push('search');\n\t\t\t\t}\n\t\t\t}\n\t\t\tvar id = this.getAttribute('data-input-' + actions[0]);\n\t\t\tif (!id) {\n\t\t\t\tid = ++$.uuid;\n\t\t\t\tinputApi = $.data[id] = new Input(this, {\n\t\t\t\t\tactions: actions.join(',')\n\t\t\t\t});\n\t\t\t\tfor (var i = 0, len = actions.length; i < len; i++) {\n\t\t\t\t\tthis.setAttribute('data-input-' + actions[i], id);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tinputApi = $.data[id];\n\t\t\t}\n\t\t\tinputApis.push(inputApi);\n\t\t});\n\t\treturn inputApis.length === 1 ? inputApis[0] : inputApis;\n\t};\n\t$.ready(function() {\n\t\t$($.classSelector('.input-row input')).input();\n\t});\n})(mui, window, document);"
},
{
"path": "js/modals.js",
"content": "/**\n * Modals\n * @param {type} $\n * @param {type} window\n * @param {type} document\n * @param {type} name\n * @returns {undefined}\n */\n(function($, window, document, name) {\n\tvar CLASS_MODAL = $.className('modal');\n\n\tvar handle = function(event, target) {\n\t\tif (target.tagName === 'A' && target.hash) {\n\t\t\tvar modal = document.getElementById(target.hash.replace('#', ''));\n\t\t\tif (modal && modal.classList.contains(CLASS_MODAL)) {\n\t\t\t\treturn modal;\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t};\n\n\t$.registerTarget({\n\t\tname: name,\n\t\tindex: 50,\n\t\thandle: handle,\n\t\ttarget: false,\n\t\tisReset: false,\n\t\tisContinue: true\n\t});\n\n\twindow.addEventListener('tap', function(event) {\n\t\tif ($.targets.modal) {\n\t\t\tevent.detail.gesture.preventDefault(); //fixed hashchange\n\t\t\t$.targets.modal.classList.toggle($.className('active'));\n\t\t}\n\t});\n})(mui, window, document, 'modal');"
},
{
"path": "js/mui.active.js",
"content": "/**\n * TODO mui active\n */\n(function(window) {\n\tvar active;\n\twindow.addEventListener($.EVENT_START, function(event) {\n\t\tvar target = event.target;\n\t\tvar isCellDisabled = false;\n\t\tfor (; target && target !== document; target = target.parentNode) {\n\t\t\tif (target.classList) {\n\t\t\t\tvar classList = target.classList;\n\t\t\t\tif (classList.contains(CLASS_DISABLED)) { //normal\n\t\t\t\t\tisCellDisabled = true;\n\t\t\t\t} else if (target.tagName === 'INPUT' || target.tagName === 'BUTTON' || classList.contains(CLASS_TOGGLE) || classList.contains(CLASS_BTN)) {\n\t\t\t\t\tisCellDisabled = true;\n\t\t\t\t}\n\t\t\t\tif (classList.contains(CLASS_TABLE_VIEW_CELL)) {\n\t\t\t\t\tif (!isCellDisabled) {\n\t\t\t\t\t\tactive = target;\n\t\t\t\t\t\tvar link = cell.querySelector('a');\n\t\t\t\t\t\tif (link && link.parentNode === cell) { //li>a\n\t\t\t\t\t\t\tactive = link;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n})(window);"
},
{
"path": "js/mui.ajax.5+.js",
"content": "/**\n * 5+ ajax\n */\n(function($) {\n\tvar originAnchor = document.createElement('a');\n\toriginAnchor.href = window.location.href;\n\t$.plusReady(function() {\n\t\t$.ajaxSettings = $.extend($.ajaxSettings, {\n\t\t\txhr: function(settings) {\n\t\t\t\tif (settings.crossDomain) { //强制使用plus跨域\n\t\t\t\t\treturn new plus.net.XMLHttpRequest();\n\t\t\t\t}\n\t\t\t\t//仅在webview的url为远程文件，且ajax请求的资源不同源下使用plus.net.XMLHttpRequest\n\t\t\t\tif (originAnchor.protocol !== 'file:') {\n\t\t\t\t\tvar urlAnchor = document.createElement('a');\n\t\t\t\t\turlAnchor.href = settings.url;\n\t\t\t\t\turlAnchor.href = urlAnchor.href;\n\t\t\t\t\tsettings.crossDomain = (originAnchor.protocol + '//' + originAnchor.host) !== (urlAnchor.protocol + '//' + urlAnchor.host);\n\t\t\t\t\tif (settings.crossDomain) {\n\t\t\t\t\t\treturn new plus.net.XMLHttpRequest();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif ($.os.ios && window.webkit && window.webkit.messageHandlers) { //wkwebview下同样使用5+ xhr\n return new plus.net.XMLHttpRequest();\n }\n\t\t\t\treturn new window.XMLHttpRequest();\n\t\t\t}\n\t\t});\n\t});\n})(mui);"
},
{
"path": "js/mui.ajax.js",
"content": "/**\n * mui ajax\n * @param {type} $\n * @returns {undefined}\n */\n(function($, window, undefined) {\n\n\tvar jsonType = 'application/json';\n\tvar htmlType = 'text/html';\n\tvar rscript = /)<[^<]*)*<\\/script>/gi;\n\tvar scriptTypeRE = /^(?:text|application)\\/javascript/i;\n\tvar xmlTypeRE = /^(?:text|application)\\/xml/i;\n\tvar blankRE = /^\\s*$/;\n\n\t$.ajaxSettings = {\n\t\ttype: 'GET',\n\t\tbeforeSend: $.noop,\n\t\tsuccess: $.noop,\n\t\terror: $.noop,\n\t\tcomplete: $.noop,\n\t\tcontext: null,\n\t\txhr: function(protocol) {\n\t\t\treturn new window.XMLHttpRequest();\n\t\t},\n\t\taccepts: {\n\t\t\tscript: 'text/javascript, application/javascript, application/x-javascript',\n\t\t\tjson: jsonType,\n\t\t\txml: 'application/xml, text/xml',\n\t\t\thtml: htmlType,\n\t\t\ttext: 'text/plain'\n\t\t},\n\t\ttimeout: 0,\n\t\tprocessData: true,\n\t\tcache: true\n\t};\n\tvar ajaxBeforeSend = function(xhr, settings) {\n\t\tvar context = settings.context\n\t\tif(settings.beforeSend.call(context, xhr, settings) === false) {\n\t\t\treturn false;\n\t\t}\n\t};\n\tvar ajaxSuccess = function(data, xhr, settings) {\n\t\tsettings.success.call(settings.context, data, 'success', xhr);\n\t\tajaxComplete('success', xhr, settings);\n\t};\n\t// type: \"timeout\", \"error\", \"abort\", \"parsererror\"\n\tvar ajaxError = function(error, type, xhr, settings) {\n\t\tsettings.error.call(settings.context, xhr, type, error);\n\t\tajaxComplete(type, xhr, settings);\n\t};\n\t// status: \"success\", \"notmodified\", \"error\", \"timeout\", \"abort\", \"parsererror\"\n\tvar ajaxComplete = function(status, xhr, settings) {\n\t\tsettings.complete.call(settings.context, xhr, status);\n\t};\n\n\tvar serialize = function(params, obj, traditional, scope) {\n\t\tvar type, array = $.isArray(obj),\n\t\t\thash = $.isPlainObject(obj);\n\t\t$.each(obj, function(key, value) {\n\t\t\ttype = $.type(value);\n\t\t\tif(scope) {\n\t\t\t\tkey = traditional ? scope :\n\t\t\t\t\tscope + '[' + (hash || type === 'object' || type === 'array' ? key : '') + ']';\n\t\t\t}\n\t\t\t// handle data in serializeArray() format\n\t\t\tif(!scope && array) {\n\t\t\t\tparams.add(value.name, value.value);\n\t\t\t}\n\t\t\t// recurse into nested objects\n\t\t\telse if(type === \"array\" || (!traditional && type === \"object\")) {\n\t\t\t\tserialize(params, value, traditional, key);\n\t\t\t} else {\n\t\t\t\tparams.add(key, value);\n\t\t\t}\n\t\t});\n\t};\n\tvar serializeData = function(options) {\n\t\tif(options.processData && options.data && typeof options.data !== \"string\") {\n\t\t\tvar contentType = options.contentType;\n\t\t\tif(!contentType && options.headers) {\n\t\t\t\tcontentType = options.headers['Content-Type'];\n\t\t\t}\n\t\t\tif(contentType && ~contentType.indexOf(jsonType)) { //application/json\n\t\t\t\toptions.data = JSON.stringify(options.data);\n\t\t\t} else {\n\t\t\t\toptions.data = $.param(options.data, options.traditional);\n\t\t\t}\n\t\t}\n\t\tif(options.data && (!options.type || options.type.toUpperCase() === 'GET')) {\n\t\t\toptions.url = appendQuery(options.url, options.data);\n\t\t\toptions.data = undefined;\n\t\t}\n\t};\n\tvar appendQuery = function(url, query) {\n\t\tif(query === '') {\n\t\t\treturn url;\n\t\t}\n\t\treturn(url + '&' + query).replace(/[&?]{1,2}/, '?');\n\t};\n\tvar mimeToDataType = function(mime) {\n\t\tif(mime) {\n\t\t\tmime = mime.split(';', 2)[0];\n\t\t}\n\t\treturn mime && (mime === htmlType ? 'html' :\n\t\t\tmime === jsonType ? 'json' :\n\t\t\tscriptTypeRE.test(mime) ? 'script' :\n\t\t\txmlTypeRE.test(mime) && 'xml') || 'text';\n\t};\n\tvar parseArguments = function(url, data, success, dataType) {\n\t\tif($.isFunction(data)) {\n\t\t\tdataType = success, success = data, data = undefined;\n\t\t}\n\t\tif(!$.isFunction(success)) {\n\t\t\tdataType = success, success = undefined;\n\t\t}\n\t\treturn {\n\t\t\turl: url,\n\t\t\tdata: data,\n\t\t\tsuccess: success,\n\t\t\tdataType: dataType\n\t\t};\n\t};\n\t$.ajax = function(url, options) {\n\t\tif(typeof url === \"object\") {\n\t\t\toptions = url;\n\t\t\turl = undefined;\n\t\t}\n\t\tvar settings = options || {};\n\t\tsettings.url = url || settings.url;\n\t\tfor(var key in $.ajaxSettings) {\n\t\t\tif(settings[key] === undefined) {\n\t\t\t\tsettings[key] = $.ajaxSettings[key];\n\t\t\t}\n\t\t}\n\t\tserializeData(settings);\n\t\tvar dataType = settings.dataType;\n\n\t\tif(settings.cache === false || ((!options || options.cache !== true) && ('script' === dataType))) {\n\t\t\tsettings.url = appendQuery(settings.url, '_=' + $.now());\n\t\t}\n\t\tvar mime = settings.accepts[dataType && dataType.toLowerCase()];\n\t\tvar headers = {};\n\t\tvar setHeader = function(name, value) {\n\t\t\theaders[name.toLowerCase()] = [name, value];\n\t\t};\n\t\tvar protocol = /^([\\w-]+:)\\/\\//.test(settings.url) ? RegExp.$1 : window.location.protocol; \n\t\tvar xhr = settings.xhr(settings);\n \n if(location.protocol === 'file:' && $.os.ios && window.webkit && window.webkit.messageHandlers && !(xhr instanceof plus.net.XMLHttpRequest)){\n console.error(\"当前运行环境为WKWebview，需在plusReady事件触发后再调用mui.ajax，否则可能会执行失败或报Script error的错误\")\n }\n\t\tvar nativeSetHeader = xhr.setRequestHeader;\n\t\tvar abortTimeout;\n\n\t\tsetHeader('X-Requested-With', 'XMLHttpRequest');\n\t\tsetHeader('Accept', mime || '*/*');\n\t\tif(!!(mime = settings.mimeType || mime)) {\n\t\t\tif(mime.indexOf(',') > -1) {\n\t\t\t\tmime = mime.split(',', 2)[0];\n\t\t\t}\n\t\t\txhr.overrideMimeType && xhr.overrideMimeType(mime);\n\t\t}\n\t\tif(settings.contentType || (settings.contentType !== false && settings.data && settings.type.toUpperCase() !== 'GET')) {\n\t\t\tsetHeader('Content-Type', settings.contentType || 'application/x-www-form-urlencoded');\n\t\t}\n\t\tif(settings.headers) {\n\t\t\tfor(var name in settings.headers)\n\t\t\t\tsetHeader(name, settings.headers[name]);\n\t\t}\n\t\txhr.setRequestHeader = setHeader;\n\n\t\txhr.onreadystatechange = function() {\n\t\t\tif(xhr.readyState === 4) {\n\t\t\t\txhr.onreadystatechange = $.noop;\n\t\t\t\tclearTimeout(abortTimeout);\n\t\t\t\tvar result, error = false;\n\t\t\t\tvar isLocal = protocol === 'file:';\n\t\t\t\tif((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304 || (xhr.status === 0 && isLocal && xhr.responseText)) {\n\t\t\t\t\tdataType = dataType || mimeToDataType(settings.mimeType || xhr.getResponseHeader('content-type'));\n\t\t\t\t\tresult = xhr.responseText;\n\t\t\t\t\ttry {\n\t\t\t\t\t\t// http://perfectionkills.com/global-eval-what-are-the-options/\n\t\t\t\t\t\tif(dataType === 'script') {\n\t\t\t\t\t\t\t(1, eval)(result);\n\t\t\t\t\t\t} else if(dataType === 'xml') {\n\t\t\t\t\t\t\tresult = xhr.responseXML;\n\t\t\t\t\t\t} else if(dataType === 'json') {\n\t\t\t\t\t\t\tresult = blankRE.test(result) ? null : $.parseJSON(result);\n\t\t\t\t\t\t}\n\t\t\t\t\t} catch(e) {\n\t\t\t\t\t\terror = e;\n\t\t\t\t\t}\n\n\t\t\t\t\tif(error) {\n\t\t\t\t\t\tajaxError(error, 'parsererror', xhr, settings);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tajaxSuccess(result, xhr, settings);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tvar status = xhr.status ? 'error' : 'abort';\n\t\t\t\t\tvar statusText = xhr.statusText || null;\n\t\t\t\t\tif(isLocal) {\n\t\t\t\t\t\tstatus = 'error';\n\t\t\t\t\t\tstatusText = '404';\n\t\t\t\t\t}\n\t\t\t\t\tajaxError(statusText, status, xhr, settings);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\tif(ajaxBeforeSend(xhr, settings) === false) {\n\t\t\txhr.abort();\n\t\t\tajaxError(null, 'abort', xhr, settings);\n\t\t\treturn xhr;\n\t\t}\n\n\t\tif(settings.xhrFields) {\n\t\t\tfor(var name in settings.xhrFields) {\n\t\t\t\txhr[name] = settings.xhrFields[name];\n\t\t\t}\n\t\t}\n\n\t\tvar async = 'async' in settings ? settings.async : true;\n\n\t\txhr.open(settings.type.toUpperCase(), settings.url, async, settings.username, settings.password);\n\n\t\tfor(var name in headers) {\n\t\t\tif(headers.hasOwnProperty(name)) {\n\t\t\t\tnativeSetHeader.apply(xhr, headers[name]);\n\t\t\t}\n\t\t}\n\t\tif(settings.timeout > 0) {\n\t\t\tabortTimeout = setTimeout(function() {\n\t\t\t\txhr.onreadystatechange = $.noop;\n\t\t\t\txhr.abort();\n\t\t\t\tajaxError(null, 'timeout', xhr, settings);\n\t\t\t}, settings.timeout);\n\t\t}\n\t\txhr.send(settings.data ? settings.data : null);\n\t\treturn xhr;\n\t};\n\n\t$.param = function(obj, traditional) {\n\t\tvar params = [];\n\t\tparams.add = function(k, v) {\n\t\t\tthis.push(encodeURIComponent(k) + '=' + encodeURIComponent(v));\n\t\t};\n\t\tserialize(params, obj, traditional);\n\t\treturn params.join('&').replace(/%20/g, '+');\n\t};\n\t$.get = function( /* url, data, success, dataType */ ) {\n\t\treturn $.ajax(parseArguments.apply(null, arguments));\n\t};\n\n\t$.post = function( /* url, data, success, dataType */ ) {\n\t\tvar options = parseArguments.apply(null, arguments);\n\t\toptions.type = 'POST';\n\t\treturn $.ajax(options);\n\t};\n\n\t$.getJSON = function( /* url, data, success */ ) {\n\t\tvar options = parseArguments.apply(null, arguments);\n\t\toptions.dataType = 'json';\n\t\treturn $.ajax(options);\n\t};\n\n\t$.fn.load = function(url, data, success) {\n\t\tif(!this.length)\n\t\t\treturn this;\n\t\tvar self = this,\n\t\t\tparts = url.split(/\\s/),\n\t\t\tselector,\n\t\t\toptions = parseArguments(url, data, success),\n\t\t\tcallback = options.success;\n\t\tif(parts.length > 1)\n\t\t\toptions.url = parts[0], selector = parts[1];\n\t\toptions.success = function(response) {\n\t\t\tif(selector) {\n\t\t\t\tvar div = document.createElement('div');\n\t\t\t\tdiv.innerHTML = response.replace(rscript, \"\");\n\t\t\t\tvar selectorDiv = document.createElement('div');\n\t\t\t\tvar childs = div.querySelectorAll(selector);\n\t\t\t\tif(childs && childs.length > 0) {\n\t\t\t\t\tfor(var i = 0, len = childs.length; i < len; i++) {\n\t\t\t\t\t\tselectorDiv.appendChild(childs[i]);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tself[0].innerHTML = selectorDiv.innerHTML;\n\t\t\t} else {\n\t\t\t\tself[0].innerHTML = response;\n\t\t\t}\n\t\t\tcallback && callback.apply(self, arguments);\n\t\t};\n\t\t$.ajax(options);\n\t\treturn this;\n\t};\n\n})(mui, window);"
},
{
"path": "js/mui.animation.js",
"content": "/**\n * mui animation\n */\n(function($, window) {\n\t/**\n\t * scrollTo\n\t */\n\t$.scrollTo = function(scrollTop, duration, callback) {\n\t\tduration = duration || 1000;\n\t\tvar scroll = function(duration) {\n\t\t\tif (duration <= 0) {\n\t\t\t\twindow.scrollTo(0, scrollTop);\n\t\t\t\tcallback && callback();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar distaince = scrollTop - window.scrollY;\n\t\t\tsetTimeout(function() {\n\t\t\t\twindow.scrollTo(0, window.scrollY + distaince / duration * 10);\n\t\t\t\tscroll(duration - 10);\n\t\t\t}, 16.7);\n\t\t};\n\t\tscroll(duration);\n\t};\n\t$.animationFrame = function(cb) {\n\t\tvar args, isQueued, context;\n\t\treturn function() {\n\t\t\targs = arguments;\n\t\t\tcontext = this;\n\t\t\tif (!isQueued) {\n\t\t\t\tisQueued = true;\n\t\t\t\trequestAnimationFrame(function() {\n\t\t\t\t\tcb.apply(context, args);\n\t\t\t\t\tisQueued = false;\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\t};\n\n})(mui, window);"
},
{
"path": "js/mui.animationframe.js",
"content": "/**\n * mui animationFrame\n */\n(function($, window) {\n\n\tvar rAF = window.requestAnimationFrame;\n\tvar cAF = window.cancelAnimationFrame;\n\n\tvar queues = {};\n\n\tvar animationFrame = {\n\t\tqueue : queue,\n\t\tqueueAfter : queueAfter,\n\t\tcancel : cancel\n\t};\n\n\tfunction animation_id() {\n\t\tvar id;\n\t\tdo {\n\t\t\tid = Math.floor(Math.random() * 1E9);\n\t\t} while (id in queues);\n\t\treturn id;\n\t}\n\n\tfunction recursion(callback) {\n\t\tvar qid = animation_id();\n\t\t(function wrapper() {\n\t\t\tcallback();\n\t\t\tqueues[qid] = rAF(function() {\n\t\t\t\tdelete queues[qid];\n\t\t\t\twrapper();\n\t\t\t});\n\t\t})();\n\t\treturn qid;\n\t}\n\n\tfunction queue(callback) {\n\t\tvar qid = animation_id();\n\n\t\tqueues[qid] = rAF(function() {\n\t\t\tdelete queues[qid];\n\t\t\tcallback.apply(animationFrame, arguments);\n\t\t});\n\n\t\treturn qid;\n\t}\n\n\tfunction queueAfter(callback) {\n\t\tvar qid;\n\n\t\tqid = queue(function() {\n\t\t\tqueues[qid] = rAF(function() {\n\t\t\t\tdelete queues[qid];\n\t\t\t\tcallback.apply(animationFrame, arguments);\n\t\t\t});\n\t\t});\n\n\t\treturn qid;\n\t}\n\n\tfunction cancel(qid) {\n\t\tif ( qid in queues) {\n\t\t\tcAF(queues[qid]);\n\t\t\tdelete queues[qid];\n\t\t}\n\t\treturn animationFrame;\n\t}\n\n\n\t$.animationFrame = animationFrame;\n\n})(mui, window);\n"
},
{
"path": "js/mui.back.5+.js",
"content": "/**\n * mui back 5+\n * @param {type} $\n * @param {type} window\n * @returns {undefined}\n */\n(function($, window) {\n\tif ($.os.plus && $.os.android) {\n\t\t$.addBack({\n\t\t\tname: 'mui',\n\t\t\tindex: 5,\n\t\t\thandle: function() {\n\t\t\t\t//后续重新设计此处，将back放到各个空间内部实现\n\t\t\t\t//popover\n\t\t\t\tif ($.targets._popover && $.targets._popover.classList.contains($.className('active'))) {\n\t\t\t\t\t$($.targets._popover).popover('hide');\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\t//offcanvas\n\t\t\t\tvar offCanvas = document.querySelector($.classSelector('.off-canvas-wrap.active'));\n\t\t\t\tif (offCanvas) {\n\t\t\t\t\t$(offCanvas).offCanvas('close');\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tvar previewImage = $.isFunction($.getPreviewImage) && $.getPreviewImage();\n\t\t\t\tif (previewImage && previewImage.isShown()) {\n\t\t\t\t\tpreviewImage.close();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\t//popup\n\t\t\t\treturn $.closePopup();\n\t\t\t}\n\t\t});\n\t}\n\t//首次按下back按键的时间\n\t$.__back__first = null;\n\t/**\n\t * 5+ back\n\t */\n\t$.addBack({\n\t\tname: '5+',\n\t\tindex: 10,\n\t\thandle: function() {\n\t\t\tif (!window.plus) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tvar wobj = plus.webview.currentWebview();\n\t\t\tvar parent = wobj.parent();\n\t\t\tif (parent) {\n\t\t\t\tparent.evalJS('mui&&mui.back();');\n\t\t\t} else {\n\t\t\t\twobj.canBack(function(e) {\n\t\t\t\t\t//by chb 暂时注释，在碰到类似popover之类的锚点的时候，需多次点击才能返回；\n\t\t\t\t\tif (e.canBack) { //webview history back\n\t\t\t\t\t\twindow.history.back();\n\t\t\t\t\t} else { //webview close or hide\n\t\t\t\t\t\t//fixed by fxy 此处不应该用opener判断，因为用户有可能自己close掉当前窗口的opener。这样的话。opener就为空了，导致不能执行close\n\t\t\t\t\t\tif (wobj.id === plus.runtime.appid) { //首页\n\t\t\t\t\t\t\t//首页不存在opener的情况下，后退实际上应该是退出应用；\n\t\t\t\t\t\t\t//首次按键，提示‘再按一次退出应用’\n\t\t\t\t\t\t\tif (!$.__back__first) {\n\t\t\t\t\t\t\t\t$.__back__first = new Date().getTime();\n\t\t\t\t\t\t\t\tmui.toast('再按一次退出应用');\n\t\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\t\t$.__back__first = null;\n\t\t\t\t\t\t\t\t}, 2000);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif (new Date().getTime() - $.__back__first < 2000) {\n\t\t\t\t\t\t\t\t\tplus.runtime.quit();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else { //其他页面，\n\t\t\t\t\t\t\tif (wobj.preload) {\n\t\t\t\t\t\t\t\twobj.hide(\"auto\");\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t//关闭页面时，需要将其打开的所有子页面全部关闭；\n\t\t\t\t\t\t\t\t$.closeAll(wobj);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\t});\n\n\n\t$.menu = function() {\n\t\tvar menu = document.querySelector($.classSelector('.action-menu'));\n\t\tif (menu) {\n\t\t\t$.trigger(menu, $.EVENT_START); //临时处理menu无touchstart的话，找不到当前targets的问题\n\t\t\t$.trigger(menu, 'tap');\n\t\t} else { //执行父窗口的menu\n\t\t\tif (window.plus) {\n\t\t\t\tvar wobj = $.currentWebview;\n\t\t\t\tvar parent = wobj.parent();\n\t\t\t\tif (parent) { //又得evalJS\n\t\t\t\t\tparent.evalJS('mui&&mui.menu();');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\tvar __back = function() {\n\t\t$.back();\n\t};\n\tvar __menu = function() {\n\t\t$.menu();\n\t};\n\t//默认监听\n\t$.plusReady(function() {\n\t\tif ($.options.keyEventBind.backbutton) {\n\t\t\tplus.key.addEventListener('backbutton', __back, false);\n\t\t}\n\t\tif ($.options.keyEventBind.menubutton) {\n\t\t\tplus.key.addEventListener('menubutton', __menu, false);\n\t\t}\n\t});\n\t//处理按键监听事件\n\t$.addInit({\n\t\tname: 'keyEventBind',\n\t\tindex: 1000,\n\t\thandle: function() {\n\t\t\t$.plusReady(function() {\n\t\t\t\t//如果不为true，则移除默认监听\n\t\t\t\tif (!$.options.keyEventBind.backbutton) {\n\t\t\t\t\tplus.key.removeEventListener('backbutton', __back);\n\t\t\t\t}\n\t\t\t\tif (!$.options.keyEventBind.menubutton) {\n\t\t\t\t\tplus.key.removeEventListener('menubutton', __menu);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t});\n})(mui, window);"
},
{
"path": "js/mui.back.js",
"content": "/**\n * mui back\n * @param {type} $\n * @param {type} window\n * @returns {undefined}\n */\n(function($, window) {\n\t/**\n\t * register back\n\t * @param {type} back\n\t * @returns {$.gestures}\n\t */\n\t$.addBack = function(back) {\n\t\treturn $.addAction('backs', back);\n\t};\n\t/**\n\t * default\n\t */\n\t$.addBack({\n\t\tname: 'browser',\n\t\tindex: 100,\n\t\thandle: function() {\n\t\t\tif (window.history.length > 1) {\n\t\t\t\twindow.history.back();\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t});\n\t/**\n\t * 后退\n\t */\n\t$.back = function() {\n\t\tif (typeof $.options.beforeback === 'function') {\n\t\t\tif ($.options.beforeback() === false) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\t$.doAction('backs');\n\t};\n\twindow.addEventListener('tap', function(e) {\n\t\tvar action = $.targets.action;\n\t\tif (action && action.classList.contains($.className('action-back'))) {\n\t\t\t$.back();\n\t\t\t$.targets.action = false;\n\t\t}\n\t});\n\twindow.addEventListener('swiperight', function(e) {\n\t\tvar detail = e.detail;\n\t\tif ($.options.swipeBack === true && Math.abs(detail.angle) < 3) {\n\t\t\t$.back();\n\t\t}\n\t});\n\n})(mui, window);"
},
{
"path": "js/mui.button.js",
"content": "/**\n * Button\n * @param {type} $\n * @param {type} window\n * @param {type} document\n * @returns {undefined}\n */\n(function($, window, document) {\n var CLASS_ICON = $.className('icon');\n var CLASS_DISABLED = $.className('disabled');\n\n var STATE_RESET = 'reset';\n var STATE_LOADING = 'loading';\n\n var defaultOptions = {\n loadingText: 'Loading...', //文案\n loadingIcon: $.className('spinner') + ' ' + $.className('spinner-white'), //图标，可为空\n loadingIconPosition: 'left' //图标所处位置，仅支持left|right\n };\n\n var Button = function(element, options) {\n this.element = element;\n this.options = $.extend({}, defaultOptions, options);\n if (!this.options.loadingText) {\n this.options.loadingText = defaultOptions.loadingText;\n }\n if (this.options.loadingIcon === null) {\n this.options.loadingIcon = $.className('spinner');\n if ($.getStyles(this.element, 'color') === 'rgb(255, 255, 255)') {\n this.options.loadingIcon += ' ' + $.className('spinner-white');\n }\n }\n this.isInput = this.element.tagName === 'INPUT';\n this.resetHTML = this.isInput ? this.element.value : this.element.innerHTML;\n this.state = '';\n };\n Button.prototype.loading = function() {\n this.setState(STATE_LOADING);\n };\n Button.prototype.reset = function() {\n this.setState(STATE_RESET);\n };\n Button.prototype.setState = function(state) {\n if (this.state === state) {\n return false;\n }\n this.state = state;\n if (state === STATE_RESET) {\n this.element.disabled = false;\n this.element.classList.remove(CLASS_DISABLED);\n this.setHtml(this.resetHTML);\n } else if (state === STATE_LOADING) {\n this.element.disabled = true;\n this.element.classList.add(CLASS_DISABLED);\n var html = this.isInput ? this.options.loadingText : ('' + this.options.loadingText + ' ');\n if (this.options.loadingIcon && !this.isInput) {\n if (this.options.loadingIconPosition === 'right') {\n html += ' ' + message + '
';\n\t\t\ttoast.addEventListener('webkitTransitionEnd', function() {\n\t\t\t\tif (!toast.classList.contains(CLASS_ACTIVE)) {\n\t\t\t\t\ttoast.parentNode.removeChild(toast);\n\t\t\t\t\ttoast = null;\n\t\t\t\t}\n\t\t\t});\n\t\t\t//点击则自动消失\n\t\t\ttoast.addEventListener('click', function() {\n\t\t toast.parentNode.removeChild(toast);\n\t\t toast = null;\n\t\t });\n\t\t\tdocument.body.appendChild(toast);\n\t\t\ttoast.offsetHeight;\n\t\t\ttoast.classList.add(CLASS_ACTIVE);\n\t\t\tsetTimeout(function() {\n\t\t\t\ttoast && toast.classList.remove(CLASS_ACTIVE);\n\t\t\t}, duration);\n\t\t\t\n\t\t\treturn {\n\t\t isVisible: function() {return !!toast;}\n\t\t }\n\t\t} \n\t};\n\n})(mui, window);"
},
{
"path": "js/mui.event.js",
"content": "/**\n * 仅提供简单的on，off(仅支持事件委托，不支持当前元素绑定，当前元素绑定请直接使用addEventListener,removeEventListener)\n * @param {Object} $\n */\n(function($) {\n\tif ('ontouchstart' in window) {\n\t\t$.isTouchable = true;\n\t\t$.EVENT_START = 'touchstart';\n\t\t$.EVENT_MOVE = 'touchmove';\n\t\t$.EVENT_END = 'touchend';\n\t} else {\n\t\t$.isTouchable = false;\n\t\t$.EVENT_START = 'mousedown';\n\t\t$.EVENT_MOVE = 'mousemove';\n\t\t$.EVENT_END = 'mouseup';\n\t}\n\t$.EVENT_CANCEL = 'touchcancel';\n\t$.EVENT_CLICK = 'click';\n\n\tvar _mid = 1;\n\tvar delegates = {};\n\t//需要wrap的函数\n\tvar eventMethods = {\n\t\tpreventDefault: 'isDefaultPrevented',\n\t\tstopImmediatePropagation: 'isImmediatePropagationStopped',\n\t\tstopPropagation: 'isPropagationStopped'\n\t};\n\t//默认true返回函数\n\tvar returnTrue = function() {\n\t\treturn true\n\t};\n\t//默认false返回函数\n\tvar returnFalse = function() {\n\t\treturn false\n\t};\n\t//wrap浏览器事件\n\tvar compatible = function(event, target) {\n\t\tif (!event.detail) {\n\t\t\tevent.detail = {\n\t\t\t\tcurrentTarget: target\n\t\t\t};\n\t\t} else {\n\t\t\tevent.detail.currentTarget = target;\n\t\t}\n\t\t$.each(eventMethods, function(name, predicate) {\n\t\t\tvar sourceMethod = event[name];\n\t\t\tevent[name] = function() {\n\t\t\t\tthis[predicate] = returnTrue;\n\t\t\t\treturn sourceMethod && sourceMethod.apply(event, arguments)\n\t\t\t}\n\t\t\tevent[predicate] = returnFalse;\n\t\t}, true);\n\t\treturn event;\n\t};\n\t//简单的wrap对象_mid\n\tvar mid = function(obj) {\n\t\treturn obj && (obj._mid || (obj._mid = _mid++));\n\t};\n\t//事件委托对象绑定的事件回调列表\n\tvar delegateFns = {};\n\t//返回事件委托的wrap事件回调\n\tvar delegateFn = function(element, event, selector, callback) {\n\t\treturn function(e) {\n\t\t\t//same event\n\t\t\tvar callbackObjs = delegates[element._mid][event];\n\t\t\tvar handlerQueue = [];\n\t\t\tvar target = e.target;\n\t\t\tvar selectorAlls = {};\n\t\t\tfor (; target && target !== document; target = target.parentNode) {\n\t\t\t\tif (target === element) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tif (~['click', 'tap', 'doubletap', 'longtap', 'hold'].indexOf(event) && (target.disabled || target.classList.contains($.className('disabled')))) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tvar matches = {};\n\t\t\t\t$.each(callbackObjs, function(selector, callbacks) { //same selector\n\t\t\t\t\tselectorAlls[selector] || (selectorAlls[selector] = $.qsa(selector, element));\n\t\t\t\t\tif (selectorAlls[selector] && ~(selectorAlls[selector]).indexOf(target)) {\n\t\t\t\t\t\tif (!matches[selector]) {\n\t\t\t\t\t\t\tmatches[selector] = callbacks;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}, true);\n\t\t\t\tif (!$.isEmptyObject(matches)) {\n\t\t\t\t\thandlerQueue.push({\n\t\t\t\t\t\telement: target,\n\t\t\t\t\t\thandlers: matches\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\tselectorAlls = null;\n\t\t\te = compatible(e); //compatible event\n\t\t\t$.each(handlerQueue, function(index, handler) {\n\t\t\t\ttarget = handler.element;\n\t\t\t\tvar tagName = target.tagName;\n\t\t\t\tif (event === 'tap' && (tagName !== 'INPUT' && tagName !== 'TEXTAREA' && tagName !== 'SELECT')) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.detail && e.detail.gesture && e.detail.gesture.preventDefault();\n\t\t\t\t}\n\t\t\t\t$.each(handler.handlers, function(index, handler) {\n\t\t\t\t\t$.each(handler, function(index, callback) {\n\t\t\t\t\t\tif (callback.call(target, e) === false) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, true);\n\t\t\t\t}, true)\n\t\t\t\tif (e.isPropagationStopped()) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}, true);\n\t\t};\n\t};\n\tvar findDelegateFn = function(element, event) {\n\t\tvar delegateCallbacks = delegateFns[mid(element)];\n\t\tvar result = [];\n\t\tif (delegateCallbacks) {\n\t\t\tresult = [];\n\t\t\tif (event) {\n\t\t\t\tvar filterFn = function(fn) {\n\t\t\t\t\treturn fn.type === event;\n\t\t\t\t}\n\t\t\t\treturn delegateCallbacks.filter(filterFn);\n\t\t\t} else {\n\t\t\t\tresult = delegateCallbacks;\n\t\t\t}\n\t\t}\n\t\treturn result;\n\t};\n\tvar preventDefaultException = /^(INPUT|TEXTAREA|BUTTON|SELECT)$/;\n\t/**\n\t * mui delegate events\n\t * @param {type} event\n\t * @param {type} selector\n\t * @param {type} callback\n\t * @returns {undefined}\n\t */\n\t$.fn.on = function(event, selector, callback) { //仅支持简单的事件委托,主要是tap事件使用，类似mouse,focus之类暂不封装支持\n\t\treturn this.each(function() {\n\t\t\tvar element = this;\n\t\t\tmid(element);\n\t\t\tmid(callback);\n\t\t\tvar isAddEventListener = false;\n\t\t\tvar delegateEvents = delegates[element._mid] || (delegates[element._mid] = {});\n\t\t\tvar delegateCallbackObjs = delegateEvents[event] || ((delegateEvents[event] = {}));\n\t\t\tif ($.isEmptyObject(delegateCallbackObjs)) {\n\t\t\t\tisAddEventListener = true;\n\t\t\t}\n\t\t\tvar delegateCallbacks = delegateCallbackObjs[selector] || (delegateCallbackObjs[selector] = []);\n\t\t\tdelegateCallbacks.push(callback);\n\t\t\tif (isAddEventListener) {\n\t\t\t\tvar delegateFnArray = delegateFns[mid(element)];\n\t\t\t\tif (!delegateFnArray) {\n\t\t\t\t\tdelegateFnArray = [];\n\t\t\t\t}\n\t\t\t\tvar delegateCallback = delegateFn(element, event, selector, callback);\n\t\t\t\tdelegateFnArray.push(delegateCallback);\n\t\t\t\tdelegateCallback.i = delegateFnArray.length - 1;\n\t\t\t\tdelegateCallback.type = event;\n\t\t\t\tdelegateFns[mid(element)] = delegateFnArray;\n\t\t\t\telement.addEventListener(event, delegateCallback);\n\t\t\t\tif (event === 'tap') { //TODO 需要找个更好的解决方案\n\t\t\t\t\telement.addEventListener('click', function(e) {\n\t\t\t\t\t\tif (e.target) {\n\t\t\t\t\t\t\tvar tagName = e.target.tagName;\n\t\t\t\t\t\t\tif (!preventDefaultException.test(tagName)) {\n\t\t\t\t\t\t\t\tif (tagName === 'A') {\n\t\t\t\t\t\t\t\t\tvar href = e.target.href;\n\t\t\t\t\t\t\t\t\tif (!(href && ~href.indexOf('tel:'))) {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t};\n\t$.fn.off = function(event, selector, callback) {\n\t\treturn this.each(function() {\n\t\t\tvar _mid = mid(this);\n\t\t\tif (!event) { //mui(selector).off();\n\t\t\t\tdelegates[_mid] && delete delegates[_mid];\n\t\t\t} else if (!selector) { //mui(selector).off(event);\n\t\t\t\tdelegates[_mid] && delete delegates[_mid][event];\n\t\t\t} else if (!callback) { //mui(selector).off(event,selector);\n\t\t\t\tdelegates[_mid] && delegates[_mid][event] && delete delegates[_mid][event][selector];\n\t\t\t} else { //mui(selector).off(event,selector,callback);\n\t\t\t\tvar delegateCallbacks = delegates[_mid] && delegates[_mid][event] && delegates[_mid][event][selector];\n\t\t\t\t$.each(delegateCallbacks, function(index, delegateCallback) {\n\t\t\t\t\tif (mid(delegateCallback) === mid(callback)) {\n\t\t\t\t\t\tdelegateCallbacks.splice(index, 1);\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}, true);\n\t\t\t}\n\t\t\tif (delegates[_mid]) {\n\t\t\t\t//如果off掉了所有当前element的指定的event事件，则remove掉当前element的delegate回调\n\t\t\t\tif ((!delegates[_mid][event] || $.isEmptyObject(delegates[_mid][event]))) {\n\t\t\t\t\tfindDelegateFn(this, event).forEach(function(fn) {\n\t\t\t\t\t\tthis.removeEventListener(fn.type, fn);\n\t\t\t\t\t\tdelete delegateFns[_mid][fn.i];\n\t\t\t\t\t}.bind(this));\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t//如果delegates[_mid]已不存在，删除所有\n\t\t\t\tfindDelegateFn(this).forEach(function(fn) {\n\t\t\t\t\tthis.removeEventListener(fn.type, fn);\n\t\t\t\t\tdelete delegateFns[_mid][fn.i];\n\t\t\t\t}.bind(this));\n\t\t\t}\n\t\t});\n\n\t};\n})(mui);"
},
{
"path": "js/mui.fixed.animation.js",
"content": "/**\n * mui fixed requestAnimationFrame\n * @param {type} window\n * @returns {undefined}\n */\n(function(window) {\n\tif (!window.requestAnimationFrame) {\n\t\tvar lastTime = 0;\n\t\twindow.requestAnimationFrame = window.webkitRequestAnimationFrame || function(callback, element) {\n\t\t\tvar currTime = new Date().getTime();\n\t\t\tvar timeToCall = Math.max(0, 16.7 - (currTime - lastTime));\n\t\t\tvar id = window.setTimeout(function() {\n\t\t\t\tcallback(currTime + timeToCall);\n\t\t\t}, timeToCall);\n\t\t\tlastTime = currTime + timeToCall;\n\t\t\treturn id;\n\t\t};\n\t\twindow.cancelAnimationFrame = window.webkitCancelAnimationFrame || window.webkitCancelRequestAnimationFrame || function(id) {\n\t\t\tclearTimeout(id);\n\t\t};\n\t};\n}(window));"
},
{
"path": "js/mui.fixed.bind.js",
"content": "/*\n\tA shim for non ES5 supporting browsers.\n\tAdds function bind to Function prototype, so that you can do partial application.\n\tWorks even with the nasty thing, where the first word is the opposite of extranet, the second one is the profession of Columbus, and the version number is 9, flipped 180 degrees.\n*/\n\nFunction.prototype.bind = Function.prototype.bind || function(to) {\n\t// Make an array of our arguments, starting from second argument\n\tvar partial = Array.prototype.splice.call(arguments, 1),\n\t\t// We'll need the original function.\n\t\tfn = this;\n\tvar bound = function() {\n\t\t\t// Join the already applied arguments to the now called ones (after converting to an array again).\n\t\t\tvar args = partial.concat(Array.prototype.splice.call(arguments, 0));\n\t\t\t// If not being called as a constructor\n\t\t\tif (!(this instanceof bound)) {\n\t\t\t\t// return the result of the function called bound to target and partially applied.\n\t\t\t\treturn fn.apply(to, args);\n\t\t\t}\n\t\t\t// If being called as a constructor, apply the function bound to self.\n\t\t\tfn.apply(this, args);\n\t\t}\n\t\t// Attach the prototype of the function to our newly created function.\n\tbound.prototype = fn.prototype;\n\treturn bound;\n};"
},
{
"path": "js/mui.fixed.classlist.js",
"content": "/**\n * mui fixed classList\n * @param {type} document\n * @returns {undefined}\n */\n(function(document) {\n if (!(\"classList\" in document.documentElement) && Object.defineProperty && typeof HTMLElement !== 'undefined') {\n\n Object.defineProperty(HTMLElement.prototype, 'classList', {\n get: function() {\n var self = this;\n function update(fn) {\n return function(value) {\n var classes = self.className.split(/\\s+/),\n index = classes.indexOf(value);\n\n fn(classes, index, value);\n self.className = classes.join(\" \");\n };\n }\n\n var ret = {\n add: update(function(classes, index, value) {\n ~index || classes.push(value);\n }),\n remove: update(function(classes, index) {\n ~index && classes.splice(index, 1);\n }),\n toggle: update(function(classes, index, value) {\n ~index ? classes.splice(index, 1) : classes.push(value);\n }),\n contains: function(value) {\n return !!~self.className.split(/\\s+/).indexOf(value);\n },\n item: function(i) {\n return self.className.split(/\\s+/)[i] || null;\n }\n };\n\n Object.defineProperty(ret, 'length', {\n get: function() {\n return self.className.split(/\\s+/).length;\n }\n });\n\n return ret;\n }\n });\n }\n})(document);\n"
},
{
"path": "js/mui.fixed.fastclick.js",
"content": "/**\n * fastclick(only for radio,checkbox)\n */\n(function($, window, name) {\n\tif (!$.os.android && !$.os.ios) { //目前仅识别android和ios\n\t\treturn;\n\t}\n\tif (window.FastClick) {\n\t\treturn;\n\t}\n\n\tvar handle = function(event, target) {\n\t\tif (target.tagName === 'LABEL') {\n\t\t\tif (target.parentNode) {\n\t\t\t\ttarget = target.parentNode.querySelector('input');\n\t\t\t}\n\t\t}\n\t\tif (target && (target.type === 'radio' || target.type === 'checkbox')) {\n\t\t\tif (!target.disabled) { //disabled\n\t\t\t\treturn target;\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t};\n\n\t$.registerTarget({\n\t\tname: name,\n\t\tindex: 40,\n\t\thandle: handle,\n\t\ttarget: false\n\t});\n\tvar dispatchEvent = function(event) {\n\t\tvar targetElement = $.targets.click;\n\t\tif (targetElement) {\n\t\t\tvar clickEvent, touch;\n\t\t\t// On some Android devices activeElement needs to be blurred otherwise the synthetic click will have no effect\n\t\t\tif (document.activeElement && document.activeElement !== targetElement) {\n\t\t\t\tdocument.activeElement.blur();\n\t\t\t}\n\t\t\ttouch = event.detail.gesture.changedTouches[0];\n\t\t\t// Synthesise a click event, with an extra attribute so it can be tracked\n\t\t\tclickEvent = document.createEvent('MouseEvents');\n\t\t\tclickEvent.initMouseEvent('click', true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);\n\t\t\tclickEvent.forwardedTouchEvent = true;\n\t\t\ttargetElement.dispatchEvent(clickEvent);\n\t\t\tevent.detail && event.detail.gesture.preventDefault();\n\t\t}\n\t};\n\twindow.addEventListener('tap', dispatchEvent);\n\twindow.addEventListener('doubletap', dispatchEvent);\n\t//捕获\n\twindow.addEventListener('click', function(event) {\n\t\tif ($.targets.click) {\n\t\t\tif (!event.forwardedTouchEvent) { //stop click\n\t\t\t\tif (event.stopImmediatePropagation) {\n\t\t\t\t\tevent.stopImmediatePropagation();\n\t\t\t\t} else {\n\t\t\t\t\t// Part of the hack for browsers that don't support Event#stopImmediatePropagation\n\t\t\t\t\tevent.propagationStopped = true;\n\t\t\t\t}\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t}, true);\n\n})(mui, window, 'click');"
},
{
"path": "js/mui.fixed.js",
"content": "/**\n * fixed trim\n * @param {type} undefined\n * @returns {undefined}\n */\n(function(undefined) {\n\tif (String.prototype.trim === undefined) { // fix for iOS 3.2\n\t\tString.prototype.trim = function() {\n\t\t\treturn this.replace(/^\\s+|\\s+$/g, '');\n\t\t};\n\t}\n\tObject.setPrototypeOf = Object.setPrototypeOf || function(obj, proto) {\n\t\tobj['__proto__'] = proto;\n\t\treturn obj;\n\t};\n\n})();\n/**\n * fixed CustomEvent\n */\n(function() {\n\tif (typeof window.CustomEvent === 'undefined') {\n\t\tfunction CustomEvent(event, params) {\n\t\t\tparams = params || {\n\t\t\t\tbubbles: false,\n\t\t\t\tcancelable: false,\n\t\t\t\tdetail: undefined\n\t\t\t};\n\t\t\tvar evt = document.createEvent('Events');\n\t\t\tvar bubbles = true;\n\t\t\tfor (var name in params) {\n\t\t\t\t(name === 'bubbles') ? (bubbles = !!params[name]) : (evt[name] = params[name]);\n\t\t\t}\n\t\t\tevt.initEvent(event, bubbles, true);\n\t\t\treturn evt;\n\t\t};\n\t\tCustomEvent.prototype = window.Event.prototype;\n\t\twindow.CustomEvent = CustomEvent;\n\t}\n})();"
},
{
"path": "js/mui.fixed.keyboard.js",
"content": "(function($, document) {\n\t$(function() {\n\t\tif (!$.os.ios) {\n\t\t\treturn;\n\t\t}\n\t\tvar CLASS_FOCUSIN = $.className('focusin');\n\t\tvar CLASS_BAR_TAB = $.className('bar-tab');\n\t\tvar CLASS_BAR_FOOTER = $.className('bar-footer');\n\t\tvar CLASS_BAR_FOOTER_SECONDARY = $.className('bar-footer-secondary');\n\t\tvar CLASS_BAR_FOOTER_SECONDARY_TAB = $.className('bar-footer-secondary-tab');\n\t\t// var content = document.querySelector('.' + CLASS_CONTENT);\n\t\t// if (content) {\n\t\t// \tdocument.body.insertBefore(content, document.body.firstElementChild);\n\t\t// }\n\t\tdocument.addEventListener('focusin', function(e) {\n\t\t\tif ($.os.plus) { //在父webview里边不fix\n\t\t\t\tif (window.plus) {\n\t\t\t\t\tif (plus.webview.currentWebview().children().length > 0) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tvar target = e.target;\n\t\t\t//TODO 需考虑所有键盘弹起的情况\n\t\t\tif (target.tagName && (target.tagName === 'TEXTAREA' || (target.tagName === 'INPUT' && (target.type === 'text' || target.type === 'search' || target.type === 'number')))) {\n\t\t\t\tif (target.disabled || target.readOnly) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tdocument.body.classList.add(CLASS_FOCUSIN);\n\t\t\t\tvar isFooter = false;\n\t\t\t\tfor (; target && target !== document; target = target.parentNode) {\n\t\t\t\t\tvar classList = target.classList;\n\t\t\t\t\tif (classList && classList.contains(CLASS_BAR_TAB) || classList.contains(CLASS_BAR_FOOTER) || classList.contains(CLASS_BAR_FOOTER_SECONDARY) || classList.contains(CLASS_BAR_FOOTER_SECONDARY_TAB)) {\n\t\t\t\t\t\tisFooter = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (isFooter) {\n\t\t\t\t\tvar scrollTop = document.body.scrollHeight;\n\t\t\t\t\tvar scrollLeft = document.body.scrollLeft;\n\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\twindow.scrollTo(scrollLeft, scrollTop);\n\t\t\t\t\t}, 20);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\tdocument.addEventListener('focusout', function(e) {\n\t\t\tvar classList = document.body.classList;\n\t\t\tif (classList.contains(CLASS_FOCUSIN)) {\n\t\t\t\tclassList.remove(CLASS_FOCUSIN);\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\twindow.scrollTo(document.body.scrollLeft, document.body.scrollTop);\n\t\t\t\t}, 20);\n\t\t\t}\n\t\t});\n\t});\n})(mui, document);"
},
{
"path": "js/mui.gestures.drag.js",
"content": "/**\n * mui gesture drag[start|left|right|up|down|end]\n * @param {type} $\n * @param {type} name\n * @returns {undefined}\n */\n(function($, name) {\n\tvar handle = function(event, touch) {\n\t\tvar session = $.gestures.session;\n\t\tswitch (event.type) {\n\t\t\tcase $.EVENT_START:\n\t\t\t\tbreak;\n\t\t\tcase $.EVENT_MOVE:\n\t\t\t\tif (!touch.direction || !session.target) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t//修正direction,可在session期间自行锁定拖拽方向，方便开发scroll类不同方向拖拽插件嵌套\n\t\t\t\tif (session.lockDirection && session.startDirection) {\n\t\t\t\t\tif (session.startDirection && session.startDirection !== touch.direction) {\n\t\t\t\t\t\tif (session.startDirection === 'up' || session.startDirection === 'down') {\n\t\t\t\t\t\t\ttouch.direction = touch.deltaY < 0 ? 'up' : 'down';\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\ttouch.direction = touch.deltaX < 0 ? 'left' : 'right';\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (!session.drag) {\n\t\t\t\t\tsession.drag = true;\n\t\t\t\t\t$.trigger(session.target, name + 'start', touch);\n\t\t\t\t}\n\t\t\t\t$.trigger(session.target, name, touch);\n\t\t\t\t$.trigger(session.target, name + touch.direction, touch);\n\t\t\t\tbreak;\n\t\t\tcase $.EVENT_END:\n\t\t\tcase $.EVENT_CANCEL:\n\t\t\t\tif (session.drag && touch.isFinal) {\n\t\t\t\t\t$.trigger(session.target, name + 'end', touch);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\t/**\n\t * mui gesture drag\n\t */\n\t$.addGesture({\n\t\tname: name,\n\t\tindex: 20,\n\t\thandle: handle,\n\t\toptions: {\n\t\t\tfingers: 1\n\t\t}\n\t});\n})(mui, 'drag');"
},
{
"path": "js/mui.gestures.flick.js",
"content": "/**\n * mui gesture flick[left|right|up|down]\n * @param {type} $\n * @param {type} name\n * @returns {undefined}\n */\n(function($, name) {\n\tvar flickStartTime = 0;\n\tvar handle = function(event, touch) {\n\t\tvar session = $.gestures.session;\n\t\tvar options = this.options;\n\t\tvar now = $.now();\n\t\tswitch (event.type) {\n\t\t\tcase $.EVENT_MOVE:\n\t\t\t\tif (now - flickStartTime > 300) {\n\t\t\t\t\tflickStartTime = now;\n\t\t\t\t\tsession.flickStart = touch.center;\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase $.EVENT_END:\n\t\t\tcase $.EVENT_CANCEL:\n\t\t\t\ttouch.flick = false;\n\t\t\t\tif (session.flickStart && options.flickMaxTime > (now - flickStartTime) && touch.distance > options.flickMinDistince) {\n\t\t\t\t\ttouch.flick = true;\n\t\t\t\t\ttouch.flickTime = now - flickStartTime;\n\t\t\t\t\ttouch.flickDistanceX = touch.center.x - session.flickStart.x;\n\t\t\t\t\ttouch.flickDistanceY = touch.center.y - session.flickStart.y;\n\t\t\t\t\t$.trigger(session.target, name, touch);\n\t\t\t\t\t$.trigger(session.target, name + touch.direction, touch);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\n\t};\n\t/**\n\t * mui gesture flick\n\t */\n\t$.addGesture({\n\t\tname: name,\n\t\tindex: 5,\n\t\thandle: handle,\n\t\toptions: {\n\t\t\tflickMaxTime: 200,\n\t\t\tflickMinDistince: 10\n\t\t}\n\t});\n})(mui, 'flick');"
},
{
"path": "js/mui.gestures.hold.js",
"content": "/**\n * mui gesture hold\n * @param {type} $\n * @param {type} name\n * @returns {undefined}\n */\n(function($, name) {\n\tvar timer;\n\tvar handle = function(event, touch) {\n\t\tvar session = $.gestures.session;\n\t\tvar options = this.options;\n\t\tswitch (event.type) {\n\t\t\tcase $.EVENT_START:\n\t\t\t\tif ($.options.gestureConfig.hold) {\n\t\t\t\t\ttimer && clearTimeout(timer);\n\t\t\t\t\ttimer = setTimeout(function() {\n\t\t\t\t\t\ttouch.hold = true;\n\t\t\t\t\t\t$.trigger(session.target, name, touch);\n\t\t\t\t\t}, options.holdTimeout);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase $.EVENT_MOVE:\n\t\t\t\tbreak;\n\t\t\tcase $.EVENT_END:\n\t\t\tcase $.EVENT_CANCEL:\n\t\t\t\tif (timer) {\n\t\t\t\t\tclearTimeout(timer) && (timer = null);\n\t\t\t\t\t$.trigger(session.target, 'release', touch);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\t/**\n\t * mui gesture hold\n\t */\n\t$.addGesture({\n\t\tname: name,\n\t\tindex: 10,\n\t\thandle: handle,\n\t\toptions: {\n\t\t\tfingers: 1,\n\t\t\tholdTimeout: 0\n\t\t}\n\t});\n})(mui, 'hold');"
},
{
"path": "js/mui.gestures.js",
"content": "/**\n * mui gestures\n * @param {type} $\n * @param {type} window\n * @returns {undefined}\n */\n(function($, window) {\n\t$.gestures = {\n\t\tsession: {}\n\t};\n\t/**\n\t * Gesture preventDefault\n\t * @param {type} e\n\t * @returns {undefined}\n\t */\n\t$.preventDefault = function(e) {\n\t\te.preventDefault();\n\t};\n\t/**\n\t * Gesture stopPropagation\n\t * @param {type} e\n\t * @returns {undefined}\n\t */\n\t$.stopPropagation = function(e) {\n\t\te.stopPropagation();\n\t};\n\n\t/**\n\t * register gesture\n\t * @param {type} gesture\n\t * @returns {$.gestures}\n\t */\n\t$.addGesture = function(gesture) {\n\t\treturn $.addAction('gestures', gesture);\n\n\t};\n\n\tvar round = Math.round;\n\tvar abs = Math.abs;\n\tvar sqrt = Math.sqrt;\n\tvar atan = Math.atan;\n\tvar atan2 = Math.atan2;\n\t/**\n\t * distance\n\t * @param {type} p1\n\t * @param {type} p2\n\t * @returns {Number}\n\t */\n\tvar getDistance = function(p1, p2, props) {\n\t\tif(!props) {\n\t\t\tprops = ['x', 'y'];\n\t\t}\n\t\tvar x = p2[props[0]] - p1[props[0]];\n\t\tvar y = p2[props[1]] - p1[props[1]];\n\t\treturn sqrt((x * x) + (y * y));\n\t};\n\t/**\n\t * scale\n\t * @param {Object} starts\n\t * @param {Object} moves\n\t */\n\tvar getScale = function(starts, moves) {\n\t\tif(starts.length >= 2 && moves.length >= 2) {\n\t\t\tvar props = ['pageX', 'pageY'];\n\t\t\treturn getDistance(moves[1], moves[0], props) / getDistance(starts[1], starts[0], props);\n\t\t}\n\t\treturn 1;\n\t};\n\t/**\n\t * angle\n\t * @param {type} p1\n\t * @param {type} p2\n\t * @returns {Number}\n\t */\n\tvar getAngle = function(p1, p2, props) {\n\t\tif(!props) {\n\t\t\tprops = ['x', 'y'];\n\t\t}\n\t\tvar x = p2[props[0]] - p1[props[0]];\n\t\tvar y = p2[props[1]] - p1[props[1]];\n\t\treturn atan2(y, x) * 180 / Math.PI;\n\t};\n\t/**\n\t * direction\n\t * @param {Object} x\n\t * @param {Object} y\n\t */\n\tvar getDirection = function(x, y) {\n\t\tif(x === y) {\n\t\t\treturn '';\n\t\t}\n\t\tif(abs(x) >= abs(y)) {\n\t\t\treturn x > 0 ? 'left' : 'right';\n\t\t}\n\t\treturn y > 0 ? 'up' : 'down';\n\t};\n\t/**\n\t * rotation\n\t * @param {Object} start\n\t * @param {Object} end\n\t */\n\tvar getRotation = function(start, end) {\n\t\tvar props = ['pageX', 'pageY'];\n\t\treturn getAngle(end[1], end[0], props) - getAngle(start[1], start[0], props);\n\t};\n\t/**\n\t * px per ms\n\t * @param {Object} deltaTime\n\t * @param {Object} x\n\t * @param {Object} y\n\t */\n\tvar getVelocity = function(deltaTime, x, y) {\n\t\treturn {\n\t\t\tx: x / deltaTime || 0,\n\t\t\ty: y / deltaTime || 0\n\t\t};\n\t};\n\t/**\n\t * detect gestures\n\t * @param {type} event\n\t * @param {type} touch\n\t * @returns {undefined}\n\t */\n\tvar detect = function(event, touch) {\n\t\tif($.gestures.stoped) {\n\t\t\treturn;\n\t\t}\n\t\t$.doAction('gestures', function(index, gesture) {\n\t\t\tif(!$.gestures.stoped) {\n\t\t\t\tif($.options.gestureConfig[gesture.name] !== false) {\n\t\t\t\t\tgesture.handle(event, touch);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t};\n\t/**\n\t * 暂时无用\n\t * @param {Object} node\n\t * @param {Object} parent\n\t */\n\tvar hasParent = function(node, parent) {\n\t\twhile(node) {\n\t\t\tif(node == parent) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tnode = node.parentNode;\n\t\t}\n\t\treturn false;\n\t};\n\n\tvar uniqueArray = function(src, key, sort) {\n\t\tvar results = [];\n\t\tvar values = [];\n\t\tvar i = 0;\n\n\t\twhile(i < src.length) {\n\t\t\tvar val = key ? src[i][key] : src[i];\n\t\t\tif(values.indexOf(val) < 0) {\n\t\t\t\tresults.push(src[i]);\n\t\t\t}\n\t\t\tvalues[i] = val;\n\t\t\ti++;\n\t\t}\n\n\t\tif(sort) {\n\t\t\tif(!key) {\n\t\t\t\tresults = results.sort();\n\t\t\t} else {\n\t\t\t\tresults = results.sort(function sortUniqueArray(a, b) {\n\t\t\t\t\treturn a[key] > b[key];\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\treturn results;\n\t};\n\tvar getMultiCenter = function(touches) {\n\t\tvar touchesLength = touches.length;\n\t\tif(touchesLength === 1) {\n\t\t\treturn {\n\t\t\t\tx: round(touches[0].pageX),\n\t\t\t\ty: round(touches[0].pageY)\n\t\t\t};\n\t\t}\n\n\t\tvar x = 0;\n\t\tvar y = 0;\n\t\tvar i = 0;\n\t\twhile(i < touchesLength) {\n\t\t\tx += touches[i].pageX;\n\t\t\ty += touches[i].pageY;\n\t\t\ti++;\n\t\t}\n\n\t\treturn {\n\t\t\tx: round(x / touchesLength),\n\t\t\ty: round(y / touchesLength)\n\t\t};\n\t};\n\tvar multiTouch = function() {\n\t\treturn $.options.gestureConfig.pinch;\n\t};\n\tvar copySimpleTouchData = function(touch) {\n\t\tvar touches = [];\n\t\tvar i = 0;\n\t\twhile(i < touch.touches.length) {\n\t\t\ttouches[i] = {\n\t\t\t\tpageX: round(touch.touches[i].pageX),\n\t\t\t\tpageY: round(touch.touches[i].pageY)\n\t\t\t};\n\t\t\ti++;\n\t\t}\n\t\treturn {\n\t\t\ttimestamp: $.now(),\n\t\t\tgesture: touch.gesture,\n\t\t\ttouches: touches,\n\t\t\tcenter: getMultiCenter(touch.touches),\n\t\t\tdeltaX: touch.deltaX,\n\t\t\tdeltaY: touch.deltaY\n\t\t};\n\t};\n\n\tvar calDelta = function(touch) {\n\t\tvar session = $.gestures.session;\n\t\tvar center = touch.center;\n\t\tvar offset = session.offsetDelta || {};\n\t\tvar prevDelta = session.prevDelta || {};\n\t\tvar prevTouch = session.prevTouch || {};\n\n\t\tif(touch.gesture.type === $.EVENT_START || touch.gesture.type === $.EVENT_END) {\n\t\t\tprevDelta = session.prevDelta = {\n\t\t\t\tx: prevTouch.deltaX || 0,\n\t\t\t\ty: prevTouch.deltaY || 0\n\t\t\t};\n\n\t\t\toffset = session.offsetDelta = {\n\t\t\t\tx: center.x,\n\t\t\t\ty: center.y\n\t\t\t};\n\t\t}\n\t\ttouch.deltaX = prevDelta.x + (center.x - offset.x);\n\t\ttouch.deltaY = prevDelta.y + (center.y - offset.y);\n\t};\n\tvar calTouchData = function(touch) {\n\t\tvar session = $.gestures.session;\n\t\tvar touches = touch.touches;\n\t\tvar touchesLength = touches.length;\n\n\t\tif(!session.firstTouch) {\n\t\t\tsession.firstTouch = copySimpleTouchData(touch);\n\t\t}\n\n\t\tif(multiTouch() && touchesLength > 1 && !session.firstMultiTouch) {\n\t\t\tsession.firstMultiTouch = copySimpleTouchData(touch);\n\t\t} else if(touchesLength === 1) {\n\t\t\tsession.firstMultiTouch = false;\n\t\t}\n\n\t\tvar firstTouch = session.firstTouch;\n\t\tvar firstMultiTouch = session.firstMultiTouch;\n\t\tvar offsetCenter = firstMultiTouch ? firstMultiTouch.center : firstTouch.center;\n\n\t\tvar center = touch.center = getMultiCenter(touches);\n\t\ttouch.timestamp = $.now();\n\t\ttouch.deltaTime = touch.timestamp - firstTouch.timestamp;\n\n\t\ttouch.angle = getAngle(offsetCenter, center);\n\t\ttouch.distance = getDistance(offsetCenter, center);\n\n\t\tcalDelta(touch);\n\n\t\ttouch.offsetDirection = getDirection(touch.deltaX, touch.deltaY);\n\n\t\ttouch.scale = firstMultiTouch ? getScale(firstMultiTouch.touches, touches) : 1;\n\t\ttouch.rotation = firstMultiTouch ? getRotation(firstMultiTouch.touches, touches) : 0;\n\n\t\tcalIntervalTouchData(touch);\n\n\t};\n\tvar CAL_INTERVAL = 25;\n\tvar calIntervalTouchData = function(touch) {\n\t\tvar session = $.gestures.session;\n\t\tvar last = session.lastInterval || touch;\n\t\tvar deltaTime = touch.timestamp - last.timestamp;\n\t\tvar velocity;\n\t\tvar velocityX;\n\t\tvar velocityY;\n\t\tvar direction;\n\n\t\tif(touch.gesture.type != $.EVENT_CANCEL && (deltaTime > CAL_INTERVAL || last.velocity === undefined)) {\n\t\t\tvar deltaX = last.deltaX - touch.deltaX;\n\t\t\tvar deltaY = last.deltaY - touch.deltaY;\n\n\t\t\tvar v = getVelocity(deltaTime, deltaX, deltaY);\n\t\t\tvelocityX = v.x;\n\t\t\tvelocityY = v.y;\n\t\t\tvelocity = (abs(v.x) > abs(v.y)) ? v.x : v.y;\n\t\t\tdirection = getDirection(deltaX, deltaY) || last.direction;\n\n\t\t\tsession.lastInterval = touch;\n\t\t} else {\n\t\t\tvelocity = last.velocity;\n\t\t\tvelocityX = last.velocityX;\n\t\t\tvelocityY = last.velocityY;\n\t\t\tdirection = last.direction;\n\t\t}\n\n\t\ttouch.velocity = velocity;\n\t\ttouch.velocityX = velocityX;\n\t\ttouch.velocityY = velocityY;\n\t\ttouch.direction = direction;\n\t};\n\tvar targetIds = {};\n\tvar convertTouches = function(touches) {\n\t\tfor(var i = 0; i < touches.length; i++) {\n\t\t\t!touches['identifier'] && (touches['identifier'] = 0);\n\t\t}\n\t\treturn touches;\n\t};\n\tvar getTouches = function(event, touch) {\n\t\tvar allTouches = convertTouches($.slice.call(event.touches || [event]));\n\n\t\tvar type = event.type;\n\n\t\tvar targetTouches = [];\n\t\tvar changedTargetTouches = [];\n\n\t\t//当touchstart或touchmove且touches长度为1，直接获得all和changed\n\t\tif((type === $.EVENT_START || type === $.EVENT_MOVE) && allTouches.length === 1) {\n\t\t\ttargetIds[allTouches[0].identifier] = true;\n\t\t\ttargetTouches = allTouches;\n\t\t\tchangedTargetTouches = allTouches;\n\t\t\ttouch.target = event.target;\n\t\t} else {\n\t\t\tvar i = 0;\n\t\t\tvar targetTouches = [];\n\t\t\tvar changedTargetTouches = [];\n\t\t\tvar changedTouches = convertTouches($.slice.call(event.changedTouches || [event]));\n\n\t\t\ttouch.target = event.target;\n\t\t\tvar sessionTarget = $.gestures.session.target || event.target;\n\t\t\ttargetTouches = allTouches.filter(function(touch) {\n\t\t\t\treturn hasParent(touch.target, sessionTarget);\n\t\t\t});\n\n\t\t\tif(type === $.EVENT_START) {\n\t\t\t\ti = 0;\n\t\t\t\twhile(i < targetTouches.length) {\n\t\t\t\t\ttargetIds[targetTouches[i].identifier] = true;\n\t\t\t\t\ti++;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ti = 0;\n\t\t\twhile(i < changedTouches.length) {\n\t\t\t\tif(targetIds[changedTouches[i].identifier]) {\n\t\t\t\t\tchangedTargetTouches.push(changedTouches[i]);\n\t\t\t\t}\n\t\t\t\tif(type === $.EVENT_END || type === $.EVENT_CANCEL) {\n\t\t\t\t\tdelete targetIds[changedTouches[i].identifier];\n\t\t\t\t}\n\t\t\t\ti++;\n\t\t\t}\n\n\t\t\tif(!changedTargetTouches.length) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\ttargetTouches = uniqueArray(targetTouches.concat(changedTargetTouches), 'identifier', true);\n\t\tvar touchesLength = targetTouches.length;\n\t\tvar changedTouchesLength = changedTargetTouches.length;\n\t\tif(type === $.EVENT_START && touchesLength - changedTouchesLength === 0) { //first\n\t\t\ttouch.isFirst = true;\n\t\t\t$.gestures.touch = $.gestures.session = {\n\t\t\t\ttarget: event.target\n\t\t\t};\n\t\t}\n\t\ttouch.isFinal = ((type === $.EVENT_END || type === $.EVENT_CANCEL) && (touchesLength - changedTouchesLength === 0));\n\n\t\ttouch.touches = targetTouches;\n\t\ttouch.changedTouches = changedTargetTouches;\n\t\treturn true;\n\n\t};\n\tvar handleTouchEvent = function(event) {\n\t\tvar touch = {\n\t\t\tgesture: event\n\t\t};\n\t\tvar touches = getTouches(event, touch);\n\t\tif(!touches) {\n\t\t\treturn;\n\t\t}\n\t\tcalTouchData(touch);\n\t\tdetect(event, touch);\n\t\t$.gestures.session.prevTouch = touch;\n\t\tif(event.type === $.EVENT_END && !$.isTouchable) {\n\t\t\t$.gestures.touch = $.gestures.session = {};\n\t\t}\n\t};\n\tvar supportsPassive = (function checkPassiveListener() {\n\t\tvar supportsPassive = false;\n\t\ttry {\n\t\t\tvar opts = Object.defineProperty({}, 'passive', {\n\t\t\t\tget: function get() {\n\t\t\t\t\tsupportsPassive = true;\n\t\t\t\t},\n\t\t\t});\n\t\t\twindow.addEventListener('testPassiveListener', null, opts);\n\t\t} catch(e) {\n\t\t\t// No support\n\t\t}\n\t\treturn supportsPassive;\n\t}())\n\twindow.addEventListener($.EVENT_START, handleTouchEvent);\n\twindow.addEventListener($.EVENT_MOVE, handleTouchEvent, supportsPassive ? {\n\t\tpassive: false,\n\t\tcapture: false\n\t} : false);\n\twindow.addEventListener($.EVENT_END, handleTouchEvent);\n\twindow.addEventListener($.EVENT_CANCEL, handleTouchEvent);\n\t//fixed hashchange(android)\n\twindow.addEventListener($.EVENT_CLICK, function(e) {\n\t\t//TODO 应该判断当前target是不是在targets.popover内部，而不是非要相等\n\t\tif(($.os.android || $.os.ios) && (($.targets.popover && e.target === $.targets.popover) || ($.targets.tab) || $.targets.offcanvas || $.targets.modal)) {\n\t\t\te.preventDefault();\n\t\t}\n\t}, true);\n\n\t//增加原生滚动识别\n\t$.isScrolling = false;\n\tvar scrollingTimeout = null;\n\twindow.addEventListener('scroll', function() {\n\t\t$.isScrolling = true;\n\t\tscrollingTimeout && clearTimeout(scrollingTimeout);\n\t\tscrollingTimeout = setTimeout(function() {\n\t\t\t$.isScrolling = false;\n\t\t}, 250);\n\t});\n})(mui, window);"
},
{
"path": "js/mui.gestures.longtap.js",
"content": "/**\n * mui gesture longtap\n * @param {type} $\n * @param {type} name\n * @returns {undefined}\n */\n(function($, name) {\n\tvar timer;\n\tvar handle = function(event, touch) {\n\t\tvar session = $.gestures.session;\n\t\tvar options = this.options;\n\t\tswitch (event.type) {\n\t\t\tcase $.EVENT_START:\n\t\t\t\tclearTimeout(timer);\n\t\t\t\ttimer = setTimeout(function() {\n\t\t\t\t\t$.trigger(session.target, name, touch);\n\t\t\t\t}, options.holdTimeout);\n\t\t\t\tbreak;\n\t\t\tcase $.EVENT_MOVE:\n\t\t\t\tif (touch.distance > options.holdThreshold) {\n\t\t\t\t\tclearTimeout(timer);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase $.EVENT_END:\n\t\t\tcase $.EVENT_CANCEL:\n\t\t\t\tclearTimeout(timer);\n\t\t\t\tbreak;\n\t\t}\n\t};\n\t/**\n\t * mui gesture longtap\n\t */\n\t$.addGesture({\n\t\tname: name,\n\t\tindex: 10,\n\t\thandle: handle,\n\t\toptions: {\n\t\t\tfingers: 1,\n\t\t\tholdTimeout: 500,\n\t\t\tholdThreshold: 2\n\t\t}\n\t});\n})(mui, 'longtap');"
},
{
"path": "js/mui.gestures.pinch.js",
"content": "/**\n * mui gesture pinch\n * @param {type} $\n * @param {type} name\n * @returns {undefined}\n */\n(function($, name) {\n\tvar handle = function(event, touch) {\n\t\tvar options = this.options;\n\t\tvar session = $.gestures.session;\n\t\tswitch (event.type) {\n\t\t\tcase $.EVENT_START:\n\t\t\t\tbreak;\n\t\t\tcase $.EVENT_MOVE:\n\t\t\t\tif ($.options.gestureConfig.pinch) {\n\t\t\t\t\tif (touch.touches.length < 2) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (!session.pinch) { //start\n\t\t\t\t\t\tsession.pinch = true;\n\t\t\t\t\t\t$.trigger(session.target, name + 'start', touch);\n\t\t\t\t\t}\n\t\t\t\t\t$.trigger(session.target, name, touch);\n\t\t\t\t\tvar scale = touch.scale;\n\t\t\t\t\tvar rotation = touch.rotation;\n\t\t\t\t\tvar lastScale = typeof touch.lastScale === 'undefined' ? 1 : touch.lastScale;\n\t\t\t\t\tvar scaleDiff = 0.000000000001; //防止scale与lastScale相等，不触发事件的情况。\n\t\t\t\t\tif (scale > lastScale) { //out\n\t\t\t\t\t\tlastScale = scale - scaleDiff;\n\t\t\t\t\t\t$.trigger(session.target, name + 'out', touch);\n\t\t\t\t\t} //in\n\t\t\t\t\telse if (scale < lastScale) {\n\t\t\t\t\t\tlastScale = scale + scaleDiff;\n\t\t\t\t\t\t$.trigger(session.target, name + 'in', touch);\n\t\t\t\t\t}\n\t\t\t\t\tif (Math.abs(rotation) > options.minRotationAngle) {\n\t\t\t\t\t\t$.trigger(session.target, 'rotate', touch);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase $.EVENT_END:\n\t\t\tcase $.EVENT_CANCEL:\n\t\t\t\tif ($.options.gestureConfig.pinch && session.pinch && touch.touches.length === 2) {\n\t\t\t\t\tsession.pinch = false;\n\t\t\t\t\t$.trigger(session.target, name + 'end', touch);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\t/**\n\t * mui gesture pinch\n\t */\n\t$.addGesture({\n\t\tname: name,\n\t\tindex: 10,\n\t\thandle: handle,\n\t\toptions: {\n\t\t\tminRotationAngle: 0\n\t\t}\n\t});\n})(mui, 'pinch');"
},
{
"path": "js/mui.gestures.swipe.js",
"content": "/**\n * mui gesture swipe[left|right|up|down]\n * @param {type} $\n * @param {type} name\n * @returns {undefined}\n */\n(function($, name) {\n\tvar handle = function(event, touch) {\n\t\tvar session = $.gestures.session;\n\t\tif (event.type === $.EVENT_END || event.type === $.EVENT_CANCEL) {\n\t\t\tvar options = this.options;\n\t\t\ttouch.swipe = false;\n\t\t\t//TODO 后续根据velocity计算\n\t\t\tif (touch.direction && options.swipeMaxTime > touch.deltaTime && touch.distance > options.swipeMinDistince) {\n\t\t\t\ttouch.swipe = true;\n\t\t\t\t$.trigger(session.target, name, touch);\n\t\t\t\t$.trigger(session.target, name + touch.direction, touch);\n\t\t\t}\n\t\t}\n\t};\n\t/**\n\t * mui gesture swipe\n\t */\n\t$.addGesture({\n\t\tname: name,\n\t\tindex: 10,\n\t\thandle: handle,\n\t\toptions: {\n\t\t\tswipeMaxTime: 300,\n\t\t\tswipeMinDistince: 18\n\t\t}\n\t});\n})(mui, 'swipe');"
},
{
"path": "js/mui.gestures.tap.js",
"content": "/**\n * mui gesture tap and doubleTap\n * @param {type} $\n * @param {type} name\n * @returns {undefined}\n */\n(function($, name) {\n\tvar lastTarget;\n\tvar lastTapTime;\n\tvar handle = function(event, touch) {\n\t\tvar session = $.gestures.session;\n\t\tvar options = this.options;\n\t\tswitch (event.type) {\n\t\t\tcase $.EVENT_END:\n\t\t\t\tif (!touch.isFinal) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tvar target = session.target;\n\t\t\t\tif (!target || (target.disabled || (target.classList && target.classList.contains($.className('disabled'))))) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (touch.distance < options.tapMaxDistance && touch.deltaTime < options.tapMaxTime) {\n\t\t\t\t\tif ($.options.gestureConfig.doubletap && lastTarget && (lastTarget === target)) { //same target\n\t\t\t\t\t\tif (lastTapTime && (touch.timestamp - lastTapTime) < options.tapMaxInterval) {\n\t\t\t\t\t\t\t$.trigger(target, 'doubletap', touch);\n\t\t\t\t\t\t\tlastTapTime = $.now();\n\t\t\t\t\t\t\tlastTarget = target;\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t$.trigger(target, name, touch);\n\t\t\t\t\tlastTapTime = $.now();\n\t\t\t\t\tlastTarget = target;\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\t/**\n\t * mui gesture tap\n\t */\n\t$.addGesture({\n\t\tname: name,\n\t\tindex: 30,\n\t\thandle: handle,\n\t\toptions: {\n\t\t\tfingers: 1,\n\t\t\ttapMaxInterval: 300,\n\t\t\ttapMaxDistance: 5,\n\t\t\ttapMaxTime: 250\n\t\t}\n\t});\n})(mui, 'tap');"
},
{
"path": "js/mui.init.5+.js",
"content": "/**\n * mui.init 5+\n * @param {type} $\n * @returns {undefined}\n */\n(function($) {\n\tvar defaultOptions = {\n\t\tswipeBack: false,\n\t\tpreloadPages: [], //5+ lazyLoad webview\n\t\tpreloadLimit: 10, //预加载窗口的数量限制(一旦超出，先进先出)\n\t\tkeyEventBind: {\n\t\t\tbackbutton: true,\n\t\t\tmenubutton: true\n\t\t},\n\t\ttitleConfig: {\n\t\t\theight: \"44px\",\n\t\t\tbackgroundColor: \"#f7f7f7\", //导航栏背景色\n\t\t\tbottomBorderColor: \"#cccccc\", //底部边线颜色\n\t\t\ttitle: { //标题配置\n\t\t\t\ttext: \"\", //标题文字\n\t\t\t\tposition: {\n\t\t\t\t\ttop: 0,\n\t\t\t\t\tleft: 0,\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\"\n\t\t\t\t},\n\t\t\t\tstyles: {\n\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\talign: \"center\",\n\t\t\t\t\tfamily: \"'Helvetica Neue',Helvetica,sans-serif\",\n\t\t\t\t\tsize: \"17px\",\n\t\t\t\t\tstyle: \"normal\",\n\t\t\t\t\tweight: \"normal\",\n\t\t\t\t\tfontSrc: \"\"\n\t\t\t\t}\n\t\t\t},\n\t\t\tback: {\n\t\t\t\timage: {\n\t\t\t\t\tbase64Data: '',\n\t\t\t\t\timgSrc: '',\n\t\t\t\t\tsprite: {\n\t\t\t\t\t\ttop: '0px',\n\t\t\t\t\t\tleft: '0px',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%'\n\t\t\t\t\t},\n\t\t\t\t\tposition: {\n\t\t\t\t\t\ttop: \"10px\",\n\t\t\t\t\t\tleft: \"10px\",\n\t\t\t\t\t\twidth: \"24px\",\n\t\t\t\t\t\theight: \"24px\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\t//默认页面动画\n\tvar defaultShow = {\n\t\tevent:\"titleUpdate\",\n\t\tautoShow: true,\n\t\tduration: 300,\n\t\taniShow: 'slide-in-right',\n\t\textras:{}\n\t};\n\t//若执行了显示动画初始化操作，则要覆盖默认配置\n\tif($.options.show) {\n\t\tdefaultShow = $.extend(true, defaultShow, $.options.show);\n\t}\n\n\t$.currentWebview = null;\n\n\t$.extend(true, $.global, defaultOptions);\n\t$.extend(true, $.options, defaultOptions);\n\t/**\n\t * 等待动画配置\n\t * @param {type} options\n\t * @returns {Object}\n\t */\n\t$.waitingOptions = function(options) {\n\t\treturn $.extend(true, {}, {\n\t\t\tautoShow: true,\n\t\t\ttitle: '',\n\t\t\tmodal: false\n\t\t}, options);\n\t};\n\t/**\n\t * 窗口显示配置\n\t * @param {type} options\n\t * @returns {Object}\n\t */\n\t$.showOptions = function(options) {\n\t\treturn $.extend(true, {}, defaultShow, options);\n\t};\n\t/**\n\t * 窗口默认配置\n\t * @param {type} options\n\t * @returns {Object}\n\t */\n\t$.windowOptions = function(options) {\n\t\treturn $.extend({\n\t\t\tscalable: false,\n\t\t\tbounce: \"\" //vertical\n\t\t}, options);\n\t};\n\t/**\n\t * plusReady\n\t * @param {type} callback\n\t * @returns {_L6.$}\n\t */\n\t$.plusReady = function(callback) {\n\t\tif(window.plus) {\n\t\t\tsetTimeout(function() { //解决callback与plusready事件的执行时机问题(典型案例:showWaiting,closeWaiting)\n\t\t\t\tcallback();\n\t\t\t}, 0);\n\t\t} else {\n\t\t\tdocument.addEventListener(\"plusready\", function() {\n\t\t\t\tcallback();\n\t\t\t}, false);\n\t\t}\n\t\treturn this;\n\t};\n\t/**\n\t * 5+ event(5+没提供之前我自己实现)\n\t * @param {type} webview\n\t * @param {type} eventType\n\t * @param {type} data\n\t * @returns {undefined}\n\t */\n\t$.fire = function(webview, eventType, data) {\n\t\tif(webview) {\n\t\t\tif(typeof data === 'undefined') {\n\t\t\t\tdata = '';\n\t\t\t} else if(typeof data === 'boolean' || typeof data === 'number') {\n\t\t\t\twebview.evalJS(\"typeof mui!=='undefined'&&mui.receive('\" + eventType + \"',\" + data + \")\");\n\t\t\t\treturn;\n\t\t\t} else if($.isPlainObject(data) || $.isArray(data)) {\n\t\t\t\tdata = JSON.stringify(data || {}).replace(/\\'/g, \"\\\\u0027\").replace(/\\\\/g, \"\\\\u005c\");\n\t\t\t}\n\t\t\twebview.evalJS(\"typeof mui!=='undefined'&&mui.receive('\" + eventType + \"','\" + data + \"')\");\n\t\t}\n\t};\n\t/**\n\t * 5+ event(5+没提供之前我自己实现)\n\t * @param {type} eventType\n\t * @param {type} data\n\t * @returns {undefined}\n\t */\n\t$.receive = function(eventType, data) {\n\t\tif(eventType) {\n\t\t\ttry {\n\t\t\t\tif(data && typeof data === 'string') {\n\t\t\t\t\tdata = JSON.parse(data);\n\t\t\t\t}\n\t\t\t} catch(e) {}\n\t\t\t$.trigger(document, eventType, data);\n\t\t}\n\t};\n\tvar triggerPreload = function(webview) {\n\t\tif(!webview.preloaded) { //保证仅触发一次\n\t\t\t$.fire(webview, 'preload');\n\t\t\tvar list = webview.children();\n\t\t\tfor(var i = 0; i < list.length; i++) {\n\t\t\t\t$.fire(list[i], 'preload');\n\t\t\t}\n\t\t\twebview.preloaded = true;\n\t\t}\n\t};\n\tvar trigger = function(webview, eventType, timeChecked) {\n\t\tif(timeChecked) {\n\t\t\tif(!webview[eventType + 'ed']) {\n\t\t\t\t$.fire(webview, eventType);\n\t\t\t\tvar list = webview.children();\n\t\t\t\tfor(var i = 0; i < list.length; i++) {\n\t\t\t\t\t$.fire(list[i], eventType);\n\t\t\t\t}\n\t\t\t\twebview[eventType + 'ed'] = true;\n\t\t\t}\n\t\t} else {\n\t\t\t$.fire(webview, eventType);\n\t\t\tvar list = webview.children();\n\t\t\tfor(var i = 0; i < list.length; i++) {\n\t\t\t\t$.fire(list[i], eventType);\n\t\t\t}\n\t\t}\n\n\t};\n\t/**\n\t * 打开新窗口\n\t * @param {string} url 要打开的页面地址\n\t * @param {string} id 指定页面ID\n\t * @param {object} options 可选:参数,等待,窗口,显示配置{params:{},waiting:{},styles:{},show:{}}\n\t */\n\t$.openWindow = function(url, id, options) {\n\t\tif(typeof url === 'object') {\n\t\t\toptions = url;\n\t\t\turl = options.url;\n\t\t\tid = options.id || url;\n\t\t} else {\n\t\t\tif(typeof id === 'object') {\n\t\t\t\toptions = id;\n\t\t\t\tid = options.id || url;\n\t\t\t} else {\n\t\t\t\tid = id || url;\n\t\t\t}\n\t\t}\n\t\tif(!$.os.plus) {\n\t\t\t//TODO 先临时这么处理：手机上顶层跳，PC上parent跳\n\t\t\tif($.os.ios || $.os.android) {\n\t\t\t\twindow.top.location.href = url;\n\t\t\t} else {\n\t\t\t\twindow.parent.location.href = url;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif(!window.plus) {\n\t\t\treturn;\n\t\t}\n\n\t\toptions = options || {};\n\t\tvar params = options.params || {};\n\t\tvar webview = null,\n\t\t\twebviewCache = null,\n\t\t\tnShow, nWaiting;\n\n\t\tif($.webviews[id]) {\n\t\t\twebviewCache = $.webviews[id];\n\t\t\t//webview真实存在，才能获取\n\t\t\tif(plus.webview.getWebviewById(id)) {\n\t\t\t\twebview = webviewCache.webview;\n\t\t\t}\n\t\t} else if(options.createNew !== true) {\n\t\t\twebview = plus.webview.getWebviewById(id);\n\t\t}\n\n\t\tif(webview) { //已缓存\n\t\t\t//每次show都需要传递动画参数；\n\t\t\t//预加载的动画参数优先级：openWindow配置>preloadPages配置>mui默认配置；\n\t\t\tnShow = webviewCache ? webviewCache.show : defaultShow;\n\t\t\tnShow = options.show ? $.extend(nShow, options.show) : nShow;\n\t\t\tnShow.autoShow && webview.show(nShow.aniShow, nShow.duration, function() {\n\t\t\t\ttriggerPreload(webview);\n\t\t\t\ttrigger(webview, 'pagebeforeshow', false);\n\t\t\t});\n\t\t\tif(webviewCache) {\n\t\t\t\twebviewCache.afterShowMethodName && webview.evalJS(webviewCache.afterShowMethodName + '(\\'' + JSON.stringify(params) + '\\')');\n\t\t\t}\n\t\t\treturn webview;\n\t\t} else { //新窗口\n\t\t\tif(!url) {\n\t\t\t\tthrow new Error('webview[' + id + '] does not exist');\n\t\t\t}\n\n\t\t\t//显示waiting\n\t\t\tvar waitingConfig = $.waitingOptions(options.waiting);\n\t\t\tif(waitingConfig.autoShow) {\n\t\t\t\tnWaiting = plus.nativeUI.showWaiting(waitingConfig.title, waitingConfig.options);\n\t\t\t}\n\n\t\t\t//创建页面\n\t\t\toptions = $.extend(options, {\n\t\t\t\tid: id,\n\t\t\t\turl: url\n\t\t\t});\n\n\t\t\twebview = $.createWindow(options);\n\n\t\t\t//显示\n\t\t\tnShow = $.showOptions(options.show);\n\t\t\tif(nShow.autoShow) {\n\t\t\t\tvar showWebview = function() {\n\t\t\t\t\t//关闭等待框\n\t\t\t\t\tif(nWaiting) {\n\t\t\t\t\t\tnWaiting.close();\n\t\t\t\t\t}\n\t\t\t\t\t//显示页面\n\t\t\t\t\twebview.show(nShow.aniShow, nShow.duration, function() {},nShow.extras);\n\t\t\t\t\toptions.afterShowMethodName && webview.evalJS(options.afterShowMethodName + '(\\'' + JSON.stringify(params) + '\\')');\n\t\t\t\t};\n\t\t\t\t//titleUpdate触发时机早于loaded，更换为titleUpdate后，可以更早的显示webview\n\t\t\t\twebview.addEventListener(nShow.event, showWebview, false);\n\t\t\t\t//loaded事件发生后，触发预加载和pagebeforeshow事件\n\t\t\t\twebview.addEventListener(\"loaded\", function() {\n\t\t\t\t\ttriggerPreload(webview);\n\t\t\t\t\ttrigger(webview, 'pagebeforeshow', false);\n\t\t\t\t}, false);\n\t\t\t}\n\t\t}\n\t\treturn webview;\n\t};\n\n\t$.openWindowWithTitle = function(options, titleConfig) {\n\t\toptions = options || {};\n\t\tvar url = options.url;\n\t\tvar id = options.id || url;\n\n\t\tif(!$.os.plus) {\n\t\t\t//TODO 先临时这么处理：手机上顶层跳，PC上parent跳\n\t\t\tif($.os.ios || $.os.android) {\n\t\t\t\twindow.top.location.href = url;\n\t\t\t} else {\n\t\t\t\twindow.parent.location.href = url;\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif(!window.plus) {\n\t\t\treturn;\n\t\t}\n\n\t\tvar params = options.params || {};\n\t\tvar webview = null,\n\t\t\twebviewCache = null,\n\t\t\tnShow, nWaiting;\n\n\t\tif($.webviews[id]) {\n\t\t\twebviewCache = $.webviews[id];\n\t\t\t//webview真实存在，才能获取\n\t\t\tif(plus.webview.getWebviewById(id)) {\n\t\t\t\twebview = webviewCache.webview;\n\t\t\t}\n\t\t} else if(options.createNew !== true) {\n\t\t\twebview = plus.webview.getWebviewById(id);\n\t\t}\n\n\t\tif(webview) { //已缓存\n\t\t\t//每次show都需要传递动画参数；\n\t\t\t//预加载的动画参数优先级：openWindow配置>preloadPages配置>mui默认配置；\n\t\t\tnShow = webviewCache ? webviewCache.show : defaultShow;\n\t\t\tnShow = options.show ? $.extend(nShow, options.show) : nShow;\n\t\t\tnShow.autoShow && webview.show(nShow.aniShow, nShow.duration, function() {\n\t\t\t\ttriggerPreload(webview);\n\t\t\t\ttrigger(webview, 'pagebeforeshow', false);\n\t\t\t});\n\t\t\tif(webviewCache) {\n\t\t\t\twebviewCache.afterShowMethodName && webview.evalJS(webviewCache.afterShowMethodName + '(\\'' + JSON.stringify(params) + '\\')');\n\t\t\t}\n\t\t\treturn webview;\n\t\t} else { //新窗口\n\t\t\tif(!url) {\n\t\t\t\tthrow new Error('webview[' + id + '] does not exist');\n\t\t\t}\n\n\t\t\t//显示waiting\n\t\t\tvar waitingConfig = $.waitingOptions(options.waiting);\n\t\t\tif(waitingConfig.autoShow) {\n\t\t\t\tnWaiting = plus.nativeUI.showWaiting(waitingConfig.title, waitingConfig.options);\n\t\t\t}\n\n\t\t\t//创建页面\n\t\t\toptions = $.extend(options, {\n\t\t\t\tid: id,\n\t\t\t\turl: url\n\t\t\t});\n\n\t\t\twebview = $.createWindow(options);\n\n\t\t\tif(titleConfig) { //处理原生头\n\t\t\t\t$.extend(true, $.options.titleConfig, titleConfig);\n\t\t\t\tvar tid = $.options.titleConfig.id ? $.options.titleConfig.id : id + \"_title\";\n\t\t\t\tvar view = new plus.nativeObj.View(tid, {\n\t\t\t\t\ttop: 0,\n\t\t\t\t\theight: $.options.titleConfig.height,\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\tdock: \"top\",\n\t\t\t\t\tposition: \"dock\"\n\t\t\t\t});\n\t\t\t\tview.drawRect($.options.titleConfig.backgroundColor); //绘制背景色\n\t\t\t\tvar _b = parseInt($.options.titleConfig.height) - 1;\n\t\t\t\tview.drawRect($.options.titleConfig.bottomBorderColor, {\n\t\t\t\t\ttop: _b + \"px\",\n\t\t\t\t\tleft: \"0px\"\n\t\t\t\t}); //绘制底部边线\n\n\t\t\t\t//绘制文字\n\t\t\t\tif($.options.titleConfig.title.text){\n\t\t\t\t\tvar _title = $.options.titleConfig.title;\n\t\t\t\t\tview.drawText(_title.text,_title.position , _title.styles);\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t//返回图标绘制\n\t\t\t\tvar _back = $.options.titleConfig.back;\n\t\t\t\tvar backClick = null;\n\t\t\t\t//优先字体\n\n\t\t\t\t//其次是图片\n\t\t\t\tvar _backImage = _back.image;\n\t\t\t\tif(_backImage.base64Data || _backImage.imgSrc) {\n\t\t\t\t\t//TODO 此处需要处理百分比的情况\n\t\t\t\t\tbackClick = {\n\t\t\t\t\t\tleft:parseInt(_backImage.position.left),\n\t\t\t\t\t\tright:parseInt(_backImage.position.left) + parseInt(_backImage.position.width)\n\t\t\t\t\t};\n\t\t\t\t\tvar bitmap = new plus.nativeObj.Bitmap(id + \"_back\");\n\t\t\t\t\tif(_backImage.base64Data) { //优先base64编码字符串\n\t\t\t\t\t\tbitmap.loadBase64Data(_backImage.base64Data);\n\t\t\t\t\t} else { //其次加载图片文件\n\t\t\t\t\t\tbitmap.load(_backImage.imgSrc);\n\t\t\t\t\t}\n\t\t\t\t\tview.drawBitmap(bitmap,_backImage.sprite , _backImage.position);\n\t\t\t\t}\n\n\t\t\t\t//处理点击事件\n\t\t\t\tview.setTouchEventRect({\n\t\t\t\t\ttop: \"0px\",\n\t\t\t\t\tleft: \"0px\",\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\"\n\t\t\t\t});\n\t\t\t\tview.interceptTouchEvent(true);\n\t\t\t\tview.addEventListener(\"click\", function(e) {\n\t\t\t\t\tvar x = e.clientX;\n\t\t\t\t\t\n\t\t\t\t\t//返回按钮点击\n\t\t\t\t\tif(backClick&& x > backClick.left && x < backClick.right){\n\t\t\t\t\t\tif( _back.click && $.isFunction(_back.click)){\n\t\t\t\t\t\t\t_back.click();\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\twebview.evalJS(\"window.mui&&mui.back();\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}, false);\n\t\t\t\twebview.append(view);\n\n\t\t\t}\n\n\t\t\t//显示\n\t\t\tnShow = $.showOptions(options.show);\n\t\t\tif(nShow.autoShow) {\n\t\t\t\t//titleUpdate触发时机早于loaded，更换为titleUpdate后，可以更早的显示webview\n\t\t\t\twebview.addEventListener(nShow.event, function () {\n\t\t\t\t\t//关闭等待框\n\t\t\t\t\tif(nWaiting) {\n\t\t\t\t\t\tnWaiting.close();\n\t\t\t\t\t}\n\t\t\t\t\t//显示页面\n\t\t\t\t\twebview.show(nShow.aniShow, nShow.duration, function() {},nShow.extras);\n\t\t\t\t}, false);\n\t\t\t}\n\t\t}\n\t\treturn webview;\n\t};\n\n\t/**\n\t * 根据配置信息创建一个webview\n\t * @param {type} options\n\t * @param {type} isCreate\n\t * @returns {webview}\n\t */\n\t$.createWindow = function(options, isCreate) {\n\t\tif(!window.plus) {\n\t\t\treturn;\n\t\t}\n\t\tvar id = options.id || options.url;\n\t\tvar webview;\n\t\tif(options.preload) {\n\t\t\tif($.webviews[id] && $.webviews[id].webview.getURL()) { //已经cache\n\t\t\t\twebview = $.webviews[id].webview;\n\t\t\t} else { //新增预加载窗口\n\t\t\t\t//判断是否携带createNew参数，默认为false\n\t\t\t\tif(options.createNew !== true) {\n\t\t\t\t\twebview = plus.webview.getWebviewById(id);\n\t\t\t\t}\n\n\t\t\t\t//之前没有，那就新创建\t\n\t\t\t\tif(!webview) {\n\t\t\t\t\twebview = plus.webview.create(options.url, id, $.windowOptions(options.styles), $.extend({\n\t\t\t\t\t\tpreload: true\n\t\t\t\t\t}, options.extras));\n\t\t\t\t\tif(options.subpages) {\n\t\t\t\t\t\t$.each(options.subpages, function(index, subpage) {\n\t\t\t\t\t\t\tvar subpageId = subpage.id || subpage.url;\n\t\t\t\t\t\t\tif(subpageId) { //过滤空对象\n\t\t\t\t\t\t\t\tvar subWebview = plus.webview.getWebviewById(subpageId);\n\t\t\t\t\t\t\t\tif(!subWebview) { //如果该webview不存在，则创建\n\t\t\t\t\t\t\t\t\tsubWebview = plus.webview.create(subpage.url, subpageId, $.windowOptions(subpage.styles), $.extend({\n\t\t\t\t\t\t\t\t\t\tpreload: true\n\t\t\t\t\t\t\t\t\t}, subpage.extras));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\twebview.append(subWebview);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t//TODO 理论上，子webview也应该计算到预加载队列中，但这样就麻烦了，要退必须退整体，否则可能出现问题；\n\t\t\t$.webviews[id] = {\n\t\t\t\twebview: webview, //目前仅preload的缓存webview\n\t\t\t\tpreload: true,\n\t\t\t\tshow: $.showOptions(options.show),\n\t\t\t\tafterShowMethodName: options.afterShowMethodName //就不应该用evalJS。应该是通过事件消息通讯\n\t\t\t};\n\t\t\t//索引该预加载窗口\n\t\t\tvar preloads = $.data.preloads;\n\t\t\tvar index = preloads.indexOf(id);\n\t\t\tif(~index) { //删除已存在的(变相调整插入位置)\n\t\t\t\tpreloads.splice(index, 1);\n\t\t\t}\n\t\t\tpreloads.push(id);\n\t\t\tif(preloads.length > $.options.preloadLimit) {\n\t\t\t\t//先进先出\n\t\t\t\tvar first = $.data.preloads.shift();\n\t\t\t\tvar webviewCache = $.webviews[first];\n\t\t\t\tif(webviewCache && webviewCache.webview) {\n\t\t\t\t\t//需要将自己打开的所有页面，全部close；\n\t\t\t\t\t//关闭该预加载webview\t\n\t\t\t\t\t$.closeAll(webviewCache.webview);\n\t\t\t\t}\n\t\t\t\t//删除缓存\n\t\t\t\tdelete $.webviews[first];\n\t\t\t}\n\t\t} else {\n\t\t\tif(isCreate !== false) { //直接创建非预加载窗口\n\t\t\t\twebview = plus.webview.create(options.url, id, $.windowOptions(options.styles), options.extras);\n\t\t\t\tif(options.subpages) {\n\t\t\t\t\t$.each(options.subpages, function(index, subpage) {\n\t\t\t\t\t\tvar subpageId = subpage.id || subpage.url;\n\t\t\t\t\t\tvar subWebview = plus.webview.getWebviewById(subpageId);\n\t\t\t\t\t\tif(!subWebview) {\n\t\t\t\t\t\t\tsubWebview = plus.webview.create(subpage.url, subpageId, $.windowOptions(subpage.styles), subpage.extras);\n\t\t\t\t\t\t}\n\t\t\t\t\t\twebview.append(subWebview);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn webview;\n\t};\n\n\t/**\n\t * 预加载\n\t */\n\t$.preload = function(options) {\n\t\t//调用预加载函数，不管是否传递preload参数，强制变为true\n\t\tif(!options.preload) {\n\t\t\toptions.preload = true;\n\t\t}\n\t\treturn $.createWindow(options);\n\t};\n\n\t/**\n\t *关闭当前webview打开的所有webview；\n\t */\n\t$.closeOpened = function(webview) {\n\t\tvar opened = webview.opened();\n\t\tif(opened) {\n\t\t\tfor(var i = 0, len = opened.length; i < len; i++) {\n\t\t\t\tvar openedWebview = opened[i];\n\t\t\t\tvar open_open = openedWebview.opened();\n\t\t\t\tif(open_open && open_open.length > 0) {\n\t\t\t\t\t//关闭打开的webview\n\t\t\t\t\t$.closeOpened(openedWebview);\n\t\t\t\t\t//关闭自己\n\t\t\t\t\topenedWebview.close(\"none\");\n\t\t\t\t} else {\n\t\t\t\t\t//如果直接孩子节点，就不用关闭了，因为父关闭的时候，会自动关闭子；\n\t\t\t\t\tif(openedWebview.parent() !== webview) {\n\t\t\t\t\t\topenedWebview.close('none');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\t$.closeAll = function(webview, aniShow) {\n\t\t$.closeOpened(webview);\n\t\tif(aniShow) {\n\t\t\twebview.close(aniShow);\n\t\t} else {\n\t\t\twebview.close();\n\t\t}\n\t};\n\n\t/**\n\t * 批量创建webview\n\t * @param {type} options\n\t * @returns {undefined}\n\t */\n\t$.createWindows = function(options) {\n\t\t$.each(options, function(index, option) {\n\t\t\t//初始化预加载窗口(创建)和非预加载窗口(仅配置，不创建)\n\t\t\t$.createWindow(option, false);\n\t\t});\n\t};\n\t/**\n\t * 创建当前页面的子webview\n\t * @param {type} options\n\t * @returns {webview}\n\t */\n\t$.appendWebview = function(options) {\n\t\tif(!window.plus) {\n\t\t\treturn;\n\t\t}\n\t\tvar id = options.id || options.url;\n\t\tvar webview;\n\t\tif(!$.webviews[id]) { //保证执行一遍\n\t\t\t//TODO 这里也有隐患，比如某个webview不是作为subpage创建的，而是作为target webview的话；\n\t\t\tif(!plus.webview.getWebviewById(id)) {\n\t\t\t\twebview = plus.webview.create(options.url, id, options.styles, options.extras);\n\t\t\t}\n\t\t\t//之前的实现方案：子窗口loaded之后再append到父窗口中；\n\t\t\t//问题：部分子窗口loaded事件发生较晚，此时执行父窗口的children方法会返回空，导致父子通讯失败；\n\t\t\t// 比如父页面执行完preload事件后，需触发子页面的preload事件，此时未append的话，就无法触发；\n\t\t\t//修改方式：不再监控loaded事件，直接append\n\t\t\t//by chb@20150521\n\t\t\t// webview.addEventListener('loaded', function() {\n\t\t\tplus.webview.currentWebview().append(webview);\n\t\t\t// });\n\t\t\t$.webviews[id] = options;\n\n\t\t}\n\t\treturn webview;\n\t};\n\n\t//全局webviews\n\t$.webviews = {};\n\t//预加载窗口索引\n\t$.data.preloads = [];\n\t//$.currentWebview\n\t$.plusReady(function() {\n\t\t$.currentWebview = plus.webview.currentWebview();\n\t});\n\t$.addInit({\n\t\tname: '5+',\n\t\tindex: 100,\n\t\thandle: function() {\n\t\t\tvar options = $.options;\n\t\t\tvar subpages = options.subpages || [];\n\t\t\tif($.os.plus) {\n\t\t\t\t$.plusReady(function() {\n\t\t\t\t\t//TODO 这里需要判断一下，最好等子窗口加载完毕后，再调用主窗口的show方法；\n\t\t\t\t\t//或者：在openwindow方法中，监听实现；\n\t\t\t\t\t$.each(subpages, function(index, subpage) {\n\t\t\t\t\t\t$.appendWebview(subpage);\n\t\t\t\t\t});\n\t\t\t\t\t//判断是否首页\n\t\t\t\t\tif(plus.webview.currentWebview() === plus.webview.getWebviewById(plus.runtime.appid)) {\n\t\t\t\t\t\t//首页需要自己激活预加载；\n\t\t\t\t\t\t//timeout因为子页面loaded之后才append的，防止子页面尚未append、从而导致其preload未触发的问题；\n\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\ttriggerPreload(plus.webview.currentWebview());\n\t\t\t\t\t\t}, 300);\n\t\t\t\t\t}\n\t\t\t\t\t//设置ios顶部状态栏颜色；\n\t\t\t\t\tif($.os.ios && $.options.statusBarBackground) {\n\t\t\t\t\t\tplus.navigator.setStatusBarBackground($.options.statusBarBackground);\n\t\t\t\t\t}\n\t\t\t\t\tif($.os.android && parseFloat($.os.version) < 4.4) {\n\t\t\t\t\t\t//解决Android平台4.4版本以下，resume后，父窗体标题延迟渲染的问题；\n\t\t\t\t\t\tif(plus.webview.currentWebview().parent() == null) {\n\t\t\t\t\t\t\tdocument.addEventListener(\"resume\", function() {\n\t\t\t\t\t\t\t\tvar body = document.body;\n\t\t\t\t\t\t\t\tbody.style.display = 'none';\n\t\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\t\tbody.style.display = '';\n\t\t\t\t\t\t\t\t}, 10);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t//已支持iframe嵌入\n\t\t\t\t//\t\t\t\tif (subpages.length > 0) {\n\t\t\t\t//\t\t\t\t\tvar err = document.createElement('div');\n\t\t\t\t//\t\t\t\t\terr.className = 'mui-error';\n\t\t\t\t//\t\t\t\t\t//文字描述\n\t\t\t\t//\t\t\t\t\tvar span = document.createElement('span');\n\t\t\t\t//\t\t\t\t\tspan.innerHTML = '在该浏览器下，不支持创建子页面，具体参考';\n\t\t\t\t//\t\t\t\t\terr.appendChild(span);\n\t\t\t\t//\t\t\t\t\tvar a = document.createElement('a');\n\t\t\t\t//\t\t\t\t\ta.innerHTML = '\"mui框架适用场景\"';\n\t\t\t\t//\t\t\t\t\ta.href = 'http://ask.dcloud.net.cn/article/113';\n\t\t\t\t//\t\t\t\t\terr.appendChild(a);\n\t\t\t\t//\t\t\t\t\tdocument.body.appendChild(err);\n\t\t\t\t//\t\t\t\t\tconsole.log('在该浏览器下，不支持创建子页面');\n\t\t\t\t//\t\t\t\t}\n\n\t\t\t}\n\n\t\t}\n\t});\n\twindow.addEventListener('preload', function() {\n\t\t//处理预加载部分\n\t\tvar webviews = $.options.preloadPages || [];\n\t\t$.plusReady(function() {\n\t\t\t$.each(webviews, function(index, webview) {\n\t\t\t\t$.createWindow($.extend(webview, {\n\t\t\t\t\tpreload: true\n\t\t\t\t}));\n\t\t\t});\n\n\t\t});\n\t});\n\t$.supportStatusbarOffset = function() {\n\t\treturn $.os.plus && $.os.ios && parseFloat($.os.version) >= 7;\n\t};\n\t$.ready(function() {\n\t\t//标识当前环境支持statusbar\n\t\tif($.supportStatusbarOffset()) {\n\t\t\tdocument.body.classList.add($.className('statusbar'));\n\t\t}\n\t});\n})(mui);\n"
},
{
"path": "js/mui.init.js",
"content": "/**\n * mui.init\n * @param {type} $\n * @returns {undefined}\n */\n(function($) {\n\t$.global = $.options = {\n\t\tgestureConfig: {\n\t\t\ttap: true,\n\t\t\tdoubletap: false,\n\t\t\tlongtap: false,\n\t\t\thold: false,\n\t\t\tflick: true,\n\t\t\tswipe: true,\n\t\t\tdrag: true,\n\t\t\tpinch: false\n\t\t}\n\t};\n\t/**\n\t *\n\t * @param {type} options\n\t * @returns {undefined}\n\t */\n\t$.initGlobal = function(options) {\n\t\t$.options = $.extend(true, $.global, options);\n\t\treturn this;\n\t};\n\tvar inits = {};\n\n\t/**\n\t * 单页配置 初始化\n\t * @param {object} options\n\t */\n\t$.init = function(options) {\n\t\t$.options = $.extend(true, $.global, options || {});\n\t\t$.ready(function() {\n\t\t\t$.doAction('inits', function(index, init) {\n\t\t\t\tvar isInit = !!(!inits[init.name] || init.repeat);\n\t\t\t\tif (isInit) {\n\t\t\t\t\tinit.handle.call($);\n\t\t\t\t\tinits[init.name] = true;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\treturn this;\n\t};\n\n\t/**\n\t * 增加初始化执行流程\n\t * @param {function} init\n\t */\n\t$.addInit = function(init) {\n\t\treturn $.addAction('inits', init);\n\t};\n\t/**\n\t * 处理html5版本subpages \n\t */\n\t$.addInit({\n\t\tname: 'iframe',\n\t\tindex: 100,\n\t\thandle: function() {\n\t\t\tvar options = $.options;\n\t\t\tvar subpages = options.subpages || [];\n\t\t\tif (!$.os.plus && subpages.length) {\n\t\t\t\t//暂时只处理单个subpage。后续可以考虑支持多个subpage\n\t\t\t\tcreateIframe(subpages[0]);\n\t\t\t}\n\t\t}\n\t});\n\tvar createIframe = function(options) {\n\t\tvar wrapper = document.createElement('div');\n\t\twrapper.className = $.className('iframe-wrapper');\n\t\tvar styles = options.styles || {};\n\t\tif (typeof styles.top !== 'string') {\n\t\t\tstyles.top = '0px';\n\t\t}\n\t\tif (typeof styles.bottom !== 'string') {\n\t\t\tstyles.bottom = '0px';\n\t\t}\n\t\twrapper.style.top = styles.top;\n\t\twrapper.style.bottom = styles.bottom;\n\t\tvar iframe = document.createElement('iframe');\n\t\tiframe.src = options.url;\n\t\tiframe.id = options.id || options.url;\n\t\tiframe.name = iframe.id;\n\t\twrapper.appendChild(iframe);\n\t\tdocument.body.appendChild(wrapper);\n\t\t//目前仅处理微信\n\t\t$.os.wechat && handleScroll(wrapper, iframe);\n\t};\n\n\tfunction handleScroll(wrapper, iframe) {\n\t\tvar key = 'MUI_SCROLL_POSITION_' + document.location.href + '_' + iframe.src;\n\t\tvar scrollTop = (parseFloat(localStorage.getItem(key)) || 0);\n\t\tif (scrollTop) {\n\t\t\t(function(y) {\n\t\t\t\tiframe.onload = function() {\n\t\t\t\t\twindow.scrollTo(0, y);\n\t\t\t\t};\n\t\t\t})(scrollTop);\n\t\t}\n\t\tsetInterval(function() {\n\t\t\tvar _scrollTop = window.scrollY;\n\t\t\tif (scrollTop !== _scrollTop) {\n\t\t\t\tlocalStorage.setItem(key, _scrollTop + '');\n\t\t\t\tscrollTop = _scrollTop;\n\t\t\t}\n\t\t}, 100);\n\t};\n\t$(function() {\n\t\tvar classList = document.body.classList;\n\t\tvar os = [];\n\t\tif ($.os.ios) {\n\t\t\tos.push({\n\t\t\t\tos: 'ios',\n\t\t\t\tversion: $.os.version\n\t\t\t});\n\t\t\tclassList.add($.className('ios'));\n\t\t} else if ($.os.android) {\n\t\t\tos.push({\n\t\t\t\tos: 'android',\n\t\t\t\tversion: $.os.version\n\t\t\t});\n\t\t\tclassList.add($.className('android'));\n\t\t}\n\t\tif ($.os.wechat) {\n\t\t\tos.push({\n\t\t\t\tos: 'wechat',\n\t\t\t\tversion: $.os.wechat.version\n\t\t\t});\n\t\t\tclassList.add($.className('wechat'));\n\t\t}\n\t\tif (os.length) {\n\t\t\t$.each(os, function(index, osObj) {\n\t\t\t\tvar version = '';\n\t\t\t\tvar classArray = [];\n\t\t\t\tif (osObj.version) {\n\t\t\t\t\t$.each(osObj.version.split('.'), function(i, v) {\n\t\t\t\t\t\tversion = version + (version ? '-' : '') + v;\n\t\t\t\t\t\tclassList.add($.className(osObj.os + '-' + version));\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t});\n})(mui);"
},
{
"path": "js/mui.init.pullrefresh.js",
"content": "/**\n * mui.init pulldownRefresh\n * @param {type} $\n * @returns {undefined}\n */\n(function($) {\n\t$.addInit({\n\t\tname: 'pullrefresh',\n\t\tindex: 1000,\n\t\thandle: function() {\n\t\t\tvar options = $.options;\n\t\t\tvar pullRefreshOptions = options.pullRefresh || {};\n\t\t\tvar hasPulldown = pullRefreshOptions.down && pullRefreshOptions.down.hasOwnProperty('callback');\n\t\t\tvar hasPullup = pullRefreshOptions.up && pullRefreshOptions.up.hasOwnProperty('callback');\n\t\t\tif(hasPulldown || hasPullup) {\n\t\t\t\tvar container = pullRefreshOptions.container;\n\t\t\t\tif(container) {\n\t\t\t\t\tvar $container = $(container);\n\t\t\t\t\tif($container.length === 1) {\n\t\t\t\t\t\tif($.os.plus) { //5+环境\n\t\t\t\t\t\t\tif(hasPulldown && pullRefreshOptions.down.style == \"circle\") { //原生转圈\n\t\t\t\t\t\t\t\t$.plusReady(function() {\n\t\t\t\t\t\t\t\t\t//这里改写$.fn.pullRefresh\n\t\t\t\t\t\t\t\t\t$.fn.pullRefresh = $.fn.pullRefresh_native;\n\t\t\t\t\t\t\t\t\t$container.pullRefresh(pullRefreshOptions);\n\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t} else if($.os.android) { //非原生转圈，但是Android环境\n\t\t\t\t\t\t\t\t$.plusReady(function() {\n\t\t\t\t\t\t\t\t\t//这里改写$.fn.pullRefresh\n\t\t\t\t\t\t\t\t\t$.fn.pullRefresh = $.fn.pullRefresh_native\n\t\t\t\t\t\t\t\t\tvar webview = plus.webview.currentWebview();\n\t\t\t\t\t\t\t\t\tif(window.__NWin_Enable__ === false) { //不支持多webview\n\t\t\t\t\t\t\t\t\t\t$container.pullRefresh(pullRefreshOptions);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tif(hasPullup) {\n\t\t\t\t\t\t\t\t\t\t\t//当前页面初始化pullup\n\t\t\t\t\t\t\t\t\t\t\tvar upOptions = {};\n\t\t\t\t\t\t\t\t\t\t\tupOptions.up = pullRefreshOptions.up;\n\t\t\t\t\t\t\t\t\t\t\tupOptions.webviewId = webview.id || webview.getURL();\n\t\t\t\t\t\t\t\t\t\t\t$container.pullRefresh(upOptions);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tif(hasPulldown) {\n\t\t\t\t\t\t\t\t\t\t\tvar parent = webview.parent();\n\t\t\t\t\t\t\t\t\t\t\tvar id = webview.id || webview.getURL();\n\t\t\t\t\t\t\t\t\t\t\tif(parent) {\n\t\t\t\t\t\t\t\t\t\t\t\tif(!hasPullup) { //如果没有上拉加载，需要手动初始化一个默认的pullRefresh，以便当前页面容器可以调用endPulldownToRefresh等方法\n\t\t\t\t\t\t\t\t\t\t\t\t\t$container.pullRefresh({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twebviewId: id\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tvar downOptions = {\n\t\t\t\t\t\t\t\t\t\t\t\t\twebviewId: id//子页面id\n\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\tdownOptions.down = $.extend({}, pullRefreshOptions.down);\n\t\t\t\t\t\t\t\t\t\t\t\tdownOptions.down.callback = '_CALLBACK';\n\t\t\t\t\t\t\t\t\t\t\t\t//改写父页面的$.fn.pullRefresh\n\t\t\t\t\t\t\t\t\t\t\t\tparent.evalJS(\"mui.fn.pullRefresh=mui.fn.pullRefresh_native\");\n\t\t\t\t\t\t\t\t\t\t\t\t//父页面初始化pulldown\n\t\t\t\t\t\t\t\t\t\t\t\tparent.evalJS(\"mui&&mui(document.querySelector('.mui-content')).pullRefresh('\" + JSON.stringify(downOptions) + \"')\");\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t} else { //非原生转圈，iOS环境\n\t\t\t\t\t\t\t\t$container.pullRefresh(pullRefreshOptions);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t$container.pullRefresh(pullRefreshOptions);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n})(mui);"
},
{
"path": "js/mui.js",
"content": "/**\n * MUI核心JS\n * @type _L4.$|Function\n */\nvar mui = (function(document, undefined) {\n\tvar readyRE = /complete|loaded|interactive/;\n\tvar idSelectorRE = /^#([\\w-]+)$/;\n\tvar classSelectorRE = /^\\.([\\w-]+)$/;\n\tvar tagSelectorRE = /^[\\w-]+$/;\n\tvar translateRE = /translate(?:3d)?\\((.+?)\\)/;\n\tvar translateMatrixRE = /matrix(3d)?\\((.+?)\\)/;\n\n\tvar $ = function(selector, context) {\n\t\tcontext = context || document;\n\t\tif (!selector)\n\t\t\treturn wrap();\n\t\tif (typeof selector === 'object')\n\t\t\tif ($.isArrayLike(selector)) {\n\t\t\t\treturn wrap($.slice.call(selector), null);\n\t\t\t} else {\n\t\t\t\treturn wrap([selector], null);\n\t\t\t}\n\t\tif (typeof selector === 'function')\n\t\t\treturn $.ready(selector);\n\t\tif (typeof selector === 'string') {\n\t\t\ttry {\n\t\t\t\tselector = selector.trim();\n\t\t\t\tif (idSelectorRE.test(selector)) {\n\t\t\t\t\tvar found = document.getElementById(RegExp.$1);\n\t\t\t\t\treturn wrap(found ? [found] : []);\n\t\t\t\t}\n\t\t\t\treturn wrap($.qsa(selector, context), selector);\n\t\t\t} catch (e) {}\n\t\t}\n\t\treturn wrap();\n\t};\n\n\tvar wrap = function(dom, selector) {\n\t\tdom = dom || [];\n\t\tObject.setPrototypeOf(dom, $.fn);\n\t\tdom.selector = selector || '';\n\t\treturn dom;\n\t};\n\n\t$.uuid = 0;\n\n\t$.data = {};\n\t/**\n\t * extend(simple)\n\t * @param {type} target\n\t * @param {type} source\n\t * @param {type} deep\n\t * @returns {unresolved}\n\t */\n\t$.extend = function() { //from jquery2\n\t\tvar options, name, src, copy, copyIsArray, clone,\n\t\t\ttarget = arguments[0] || {},\n\t\t\ti = 1,\n\t\t\tlength = arguments.length,\n\t\t\tdeep = false;\n\n\t\tif (typeof target === \"boolean\") {\n\t\t\tdeep = target;\n\n\t\t\ttarget = arguments[i] || {};\n\t\t\ti++;\n\t\t}\n\n\t\tif (typeof target !== \"object\" && !$.isFunction(target)) {\n\t\t\ttarget = {};\n\t\t}\n\n\t\tif (i === length) {\n\t\t\ttarget = this;\n\t\t\ti--;\n\t\t}\n\n\t\tfor (; i < length; i++) {\n\t\t\tif ((options = arguments[i]) != null) {\n\t\t\t\tfor (name in options) {\n\t\t\t\t\tsrc = target[name];\n\t\t\t\t\tcopy = options[name];\n\n\t\t\t\t\tif (target === copy) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (deep && copy && ($.isPlainObject(copy) || (copyIsArray = $.isArray(copy)))) {\n\t\t\t\t\t\tif (copyIsArray) {\n\t\t\t\t\t\t\tcopyIsArray = false;\n\t\t\t\t\t\t\tclone = src && $.isArray(src) ? src : [];\n\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tclone = src && $.isPlainObject(src) ? src : {};\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\ttarget[name] = $.extend(deep, clone, copy);\n\n\t\t\t\t\t} else if (copy !== undefined) {\n\t\t\t\t\t\ttarget[name] = copy;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn target;\n\t};\n\t/**\n\t * mui noop(function)\n\t */\n\t$.noop = function() {};\n\t/**\n\t * mui slice(array)\n\t */\n\t$.slice = [].slice;\n\t/**\n\t * mui filter(array)\n\t */\n\t$.filter = [].filter;\n\n\t$.type = function(obj) {\n\t\treturn obj == null ? String(obj) : class2type[{}.toString.call(obj)] || \"object\";\n\t};\n\t/**\n\t * mui isArray\n\t */\n\t$.isArray = Array.isArray ||\n\t\tfunction(object) {\n\t\t\treturn object instanceof Array;\n\t\t};\n\t/**\n\t * mui isArrayLike \n\t * @param {Object} obj\n\t */\n\t$.isArrayLike = function(obj) {\n\t\tvar length = !!obj && \"length\" in obj && obj.length;\n\t\tvar type = $.type(obj);\n\t\tif (type === \"function\" || $.isWindow(obj)) {\n\t\t\treturn false;\n\t\t}\n\t\treturn type === \"array\" || length === 0 ||\n\t\t\ttypeof length === \"number\" && length > 0 && (length - 1) in obj;\n\t};\n\t/**\n\t * mui isWindow(需考虑obj为undefined的情况)\n\t */\n\t$.isWindow = function(obj) {\n\t\treturn obj != null && obj === obj.window;\n\t};\n\t/**\n\t * mui isObject\n\t */\n\t$.isObject = function(obj) {\n\t\treturn $.type(obj) === \"object\";\n\t};\n\t/**\n\t * mui isPlainObject\n\t */\n\t$.isPlainObject = function(obj) {\n\t\treturn $.isObject(obj) && !$.isWindow(obj) && Object.getPrototypeOf(obj) === Object.prototype;\n\t};\n\t/**\n\t * mui isEmptyObject\n\t * @param {Object} o\n\t */\n\t$.isEmptyObject = function(o) {\n\t\tfor (var p in o) {\n\t\t\tif (p !== undefined) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t};\n\t/**\n\t * mui isFunction\n\t */\n\t$.isFunction = function(value) {\n\t\treturn $.type(value) === \"function\";\n\t};\n\t/**\n\t * mui querySelectorAll\n\t * @param {type} selector\n\t * @param {type} context\n\t * @returns {Array}\n\t */\n\t$.qsa = function(selector, context) {\n\t\tcontext = context || document;\n\t\treturn $.slice.call(classSelectorRE.test(selector) ? context.getElementsByClassName(RegExp.$1) : tagSelectorRE.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector));\n\t};\n\t/**\n\t * ready(DOMContentLoaded)\n\t * @param {type} callback\n\t * @returns {_L6.$}\n\t */\n\t$.ready = function(callback) {\n\t\tif (readyRE.test(document.readyState)) {\n\t\t\tcallback($);\n\t\t} else {\n\t\t\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\t\t\tcallback($);\n\t\t\t}, false);\n\t\t}\n\t\treturn this;\n\t};\n\t/**\n\t * 将 fn 缓存一段时间后, 再被调用执行\n\t * 此方法为了避免在 ms 段时间内, 执行 fn 多次. 常用于 resize , scroll , mousemove 等连续性事件中;\n\t * 当 ms 设置为 -1, 表示立即执行 fn, 即和直接调用 fn 一样;\n\t * 调用返回函数的 stop 停止最后一次的 buffer 效果\n\t * @param {Object} fn\n\t * @param {Object} ms\n\t * @param {Object} context\n\t */\n\t$.buffer = function(fn, ms, context) {\n\t\tvar timer;\n\t\tvar lastStart = 0;\n\t\tvar lastEnd = 0;\n\t\tvar ms = ms || 150;\n\n\t\tfunction run() {\n\t\t\tif (timer) {\n\t\t\t\ttimer.cancel();\n\t\t\t\ttimer = 0;\n\t\t\t}\n\t\t\tlastStart = $.now();\n\t\t\tfn.apply(context || this, arguments);\n\t\t\tlastEnd = $.now();\n\t\t}\n\n\t\treturn $.extend(function() {\n\t\t\tif (\n\t\t\t\t(!lastStart) || // 从未运行过\n\t\t\t\t(lastEnd >= lastStart && $.now() - lastEnd > ms) || // 上次运行成功后已经超过ms毫秒\n\t\t\t\t(lastEnd < lastStart && $.now() - lastStart > ms * 8) // 上次运行或未完成，后8*ms毫秒\n\t\t\t) {\n\t\t\t\trun.apply(this, arguments);\n\t\t\t} else {\n\t\t\t\tif (timer) {\n\t\t\t\t\ttimer.cancel();\n\t\t\t\t}\n\t\t\t\ttimer = $.later(run, ms, null, $.slice.call(arguments));\n\t\t\t}\n\t\t}, {\n\t\t\tstop: function() {\n\t\t\t\tif (timer) {\n\t\t\t\t\ttimer.cancel();\n\t\t\t\t\ttimer = 0;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t};\n\t/**\n\t * each\n\t * @param {type} elements\n\t * @param {type} callback\n\t * @returns {_L8.$}\n\t */\n\t$.each = function(elements, callback, hasOwnProperty) {\n\t\tif (!elements) {\n\t\t\treturn this;\n\t\t}\n\t\tif (typeof elements.length === 'number') {\n\t\t\t[].every.call(elements, function(el, idx) {\n\t\t\t\treturn callback.call(el, idx, el) !== false;\n\t\t\t});\n\t\t} else {\n\t\t\tfor (var key in elements) {\n\t\t\t\tif (hasOwnProperty) {\n\t\t\t\t\tif (elements.hasOwnProperty(key)) {\n\t\t\t\t\t\tif (callback.call(elements[key], key, elements[key]) === false) return elements;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (callback.call(elements[key], key, elements[key]) === false) return elements;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn this;\n\t};\n\t$.focus = function(element) {\n\t\tif ($.os.ios) {\n\t\t\tsetTimeout(function() {\n\t\t\t\telement.focus();\n\t\t\t}, 10);\n\t\t} else {\n\t\t\telement.focus();\n\t\t}\n\t};\n\t/**\n\t * trigger event\n\t * @param {type} element\n\t * @param {type} eventType\n\t * @param {type} eventData\n\t * @returns {_L8.$}\n\t */\n\t$.trigger = function(element, eventType, eventData) {\n\t\telement.dispatchEvent(new CustomEvent(eventType, {\n\t\t\tdetail: eventData,\n\t\t\tbubbles: true,\n\t\t\tcancelable: true\n\t\t}));\n\t\treturn this;\n\t};\n\t/**\n\t * getStyles\n\t * @param {type} element\n\t * @param {type} property\n\t * @returns {styles}\n\t */\n\t$.getStyles = function(element, property) {\n\t\tvar styles = element.ownerDocument.defaultView.getComputedStyle(element, null);\n\t\tif (property) {\n\t\t\treturn styles.getPropertyValue(property) || styles[property];\n\t\t}\n\t\treturn styles;\n\t};\n\t/**\n\t * parseTranslate\n\t * @param {type} translateString\n\t * @param {type} position\n\t * @returns {Object}\n\t */\n\t$.parseTranslate = function(translateString, position) {\n\t\tvar result = translateString.match(translateRE || '');\n\t\tif (!result || !result[1]) {\n\t\t\tresult = ['', '0,0,0'];\n\t\t}\n\t\tresult = result[1].split(\",\");\n\t\tresult = {\n\t\t\tx: parseFloat(result[0]),\n\t\t\ty: parseFloat(result[1]),\n\t\t\tz: parseFloat(result[2])\n\t\t};\n\t\tif (position && result.hasOwnProperty(position)) {\n\t\t\treturn result[position];\n\t\t}\n\t\treturn result;\n\t};\n\t/**\n\t * parseTranslateMatrix\n\t * @param {type} translateString\n\t * @param {type} position\n\t * @returns {Object}\n\t */\n\t$.parseTranslateMatrix = function(translateString, position) {\n\t\tvar matrix = translateString.match(translateMatrixRE);\n\t\tvar is3D = matrix && matrix[1];\n\t\tif (matrix) {\n\t\t\tmatrix = matrix[2].split(\",\");\n\t\t\tif (is3D === \"3d\")\n\t\t\t\tmatrix = matrix.slice(12, 15);\n\t\t\telse {\n\t\t\t\tmatrix.push(0);\n\t\t\t\tmatrix = matrix.slice(4, 7);\n\t\t\t}\n\t\t} else {\n\t\t\tmatrix = [0, 0, 0];\n\t\t}\n\t\tvar result = {\n\t\t\tx: parseFloat(matrix[0]),\n\t\t\ty: parseFloat(matrix[1]),\n\t\t\tz: parseFloat(matrix[2])\n\t\t};\n\t\tif (position && result.hasOwnProperty(position)) {\n\t\t\treturn result[position];\n\t\t}\n\t\treturn result;\n\t};\n\t$.hooks = {};\n\t$.addAction = function(type, hook) {\n\t\tvar hooks = $.hooks[type];\n\t\tif (!hooks) {\n\t\t\thooks = [];\n\t\t}\n\t\thook.index = hook.index || 1000;\n\t\thooks.push(hook);\n\t\thooks.sort(function(a, b) {\n\t\t\treturn a.index - b.index;\n\t\t});\n\t\t$.hooks[type] = hooks;\n\t\treturn $.hooks[type];\n\t};\n\t$.doAction = function(type, callback) {\n\t\tif ($.isFunction(callback)) { //指定了callback\n\t\t\t$.each($.hooks[type], callback);\n\t\t} else { //未指定callback，直接执行\n\t\t\t$.each($.hooks[type], function(index, hook) {\n\t\t\t\treturn !hook.handle();\n\t\t\t});\n\t\t}\n\t};\n\t/**\n\t * setTimeout封装\n\t * @param {Object} fn\n\t * @param {Object} when\n\t * @param {Object} context\n\t * @param {Object} data\n\t */\n\t$.later = function(fn, when, context, data) {\n\t\twhen = when || 0;\n\t\tvar m = fn;\n\t\tvar d = data;\n\t\tvar f;\n\t\tvar r;\n\n\t\tif (typeof fn === 'string') {\n\t\t\tm = context[fn];\n\t\t}\n\n\t\tf = function() {\n\t\t\tm.apply(context, $.isArray(d) ? d : [d]);\n\t\t};\n\n\t\tr = setTimeout(f, when);\n\n\t\treturn {\n\t\t\tid: r,\n\t\t\tcancel: function() {\n\t\t\t\tclearTimeout(r);\n\t\t\t}\n\t\t};\n\t};\n\t$.now = Date.now || function() {\n\t\treturn +new Date();\n\t};\n\tvar class2type = {};\n\t$.each(['Boolean', 'Number', 'String', 'Function', 'Array', 'Date', 'RegExp', 'Object', 'Error'], function(i, name) {\n\t\tclass2type[\"[object \" + name + \"]\"] = name.toLowerCase();\n\t});\n\tif (window.JSON) {\n\t\t$.parseJSON = JSON.parse;\n\t}\n\t/**\n\t * $.fn\n\t */\n\t$.fn = {\n\t\teach: function(callback) {\n\t\t\t[].every.call(this, function(el, idx) {\n\t\t\t\treturn callback.call(el, idx, el) !== false;\n\t\t\t});\n\t\t\treturn this;\n\t\t}\n\t};\n\n\t/**\n\t * 兼容 AMD 模块\n\t **/\n\tif (typeof define === 'function' && define.amd) {\n\t\tdefine('mui', [], function() {\n\t\t\treturn $;\n\t\t});\n\t}\n\n\treturn $;\n})(document);\n//window.mui = mui;\n//'$' in window || (window.$ = mui);"
},
{
"path": "js/mui.jsonp.js",
"content": "/**\n * MUI JSONP\n * varstion 1.0.0\n * by Houfeng\n * Houfeng@DCloud.io\n */\n\n(function($, win, doc) {\n\n\tvar callbackIndex = 0;\n\n\t//生成回调函数名\n\tvar createCallbackName = function() {\n\t\treturn 'mui_jsonp_callback_' + (callbackIndex++);\n\t};\n\n\tvar container = doc.body;\n\n\t//导入 script 元素\n\tvar importScript = function(url) {\n\t\tvar element = doc.createElement('script');\n\t\telement.src = url;\n\t\telement.async = true;\n\t\telement.defer = true;\n\t\tcontainer.appendChild(element);\n\t\treturn element;\n\t};\n\n\t//转换 URL，JSONP 只支持 get 方式的 queryString ,需将 data 拼入 url\n\tvar convertUrl = function(url, data, jsonpParam, callbacnName) {\n\t\tif (jsonpParam) {\n\t\t\turl = url.replace(jsonpParam + '=?', jsonpParam + '=' + callbacnName);\n\t\t} else {\n\t\t\tdata['callback'] = callbacnName;\n\t\t}\n\t\tvar buffer = [];\n\t\tfor (var key in data) {\n\t\t\tbuffer.push(key + '=' + encodeURIComponent(data[key]));\n\t\t}\n\t\treturn url + (url.indexOf('?') > -1 ? '&' : '?') + buffer.join('&');\n\t};\n\n\t//获取 QueryString\n\tvar getQueryString = function(url) {\n\t\turl = url || location.search;\n\t\tvar splitIndex = url.indexOf('?');\n\t\tvar queryString = url.substr(splitIndex + 1);\n\t\tvar paramArray = queryString.split('&');\n\t\tvar result = {};\n\t\tfor (var i in paramArray) {\n\t\t\tvar params = paramArray[i].split('=');\n\t\t\tresult[params[0]] = params[1];\n\t\t}\n\t\treturn result;\n\t}\n\n\t//获取将传递给服务器的回调函数的请求参数名\n\tvar getJSONPParam = function(url) {\n\t\tvar query = getQueryString(url);\n\t\tfor (var name in query) {\n\t\t\tif (query[name] === '?') {\n\t\t\t\treturn name;\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t};\n\n\t/**\n\t * @description JSONP 方法\n\t * @param {String} url 将请求的地址\n\t * @param {Object} data 请求参数数据\n\t * @param {Function} callback 请求完成时回调函数\n\t * @return {mui} mui 对象自身\n\t **/\n\t$.getJSONP = function(url, data, callback) {\n\t\tif (!url) {\n\t\t\tthrow \"mui.getJSONP URL error!\";\n\t\t}\n\t\tvar jsonpParam = getJSONPParam(url);\n\t\tvar callbackName = createCallbackName();\n\t\tdata = data || {};\n\t\tcallback = callback || $.noop;\n\t\turl = convertUrl(url, data, jsonpParam, callbackName);\n\t\tvar scriptElement = null;\n\t\twin[callbackName] = function(result) {\n\t\t\tcallback(result);\n\t\t\tif (scriptElement) {\n\t\t\t\tcontainer.removeChild(scriptElement);\n\t\t\t}\n\t\t\twin[callbackName] = null;\n\t\t\tdelete win[callbackName];\n\t\t};\n\t\tscriptElement = importScript(url);\n\t\treturn $;\n\t};\n\n\t//为原 mui.getJSON 方法添加同 jQuery.getJSON 一样的 JSONP 支持\n\t$.__getJSON = $.getJSON;\n\t$.getJSON = function(url, data, callback) {\n\t\tvar isJSONP = getJSONPParam(url) != null;\n\t\tif (isJSONP) {\n\t\t\treturn $.getJSONP(url, data, callback);\n\t\t} else {\n\t\t\treturn $.__getJSON(url, data, callback);\n\t\t}\n\t};\n\n}(mui, window, document));"
},
{
"path": "js/mui.layout.js",
"content": "/**\n * mui layout(offset[,position,width,height...])\n * @param {type} $\n * @param {type} window\n * @param {type} undefined\n * @returns {undefined}\n */\n(function($, window, undefined) {\n\t$.offset = function(element) {\n\t\tvar box = {\n\t\t\ttop : 0,\n\t\t\tleft : 0\n\t\t};\n\t\tif ( typeof element.getBoundingClientRect !== undefined) {\n\t\t\tbox = element.getBoundingClientRect();\n\t\t}\n\t\treturn {\n\t\t\ttop : box.top + window.pageYOffset - element.clientTop,\n\t\t\tleft : box.left + window.pageXOffset - element.clientLeft\n\t\t};\n\t};\n})(mui, window); "
},
{
"path": "js/mui.namespace.js",
"content": "/**\n * mui namespace(optimization)\n * @param {type} $\n * @returns {undefined}\n */\n(function($) {\n\t$.namespace = 'mui';\n\t$.classNamePrefix = $.namespace + '-';\n\t$.classSelectorPrefix = '.' + $.classNamePrefix;\n\t/**\n\t * 返回正确的className\n\t * @param {type} className\n\t * @returns {String}\n\t */\n\t$.className = function(className) {\n\t\treturn $.classNamePrefix + className;\n\t};\n\t/**\n\t * 返回正确的classSelector\n\t * @param {type} classSelector\n\t * @returns {String}\n\t */\n\t$.classSelector = function(classSelector) {\n\t\treturn classSelector.replace(/\\./g, $.classSelectorPrefix);\n\t};\n\t/**\n * 返回正确的eventName\n * @param {type} event\n * @param {type} module\n * @returns {String}\n */\n\t$.eventName = function(event, module) {\n\t\treturn event + ($.namespace ? ('.' + $.namespace) : '') + ( module ? ('.' + module) : '');\n\t};\n})(mui);\n"
},
{
"path": "js/mui.number.js",
"content": "/**\n * 数字输入框\n * varstion 1.0.1\n * by Houfeng\n * Houfeng@DCloud.io\n */\n\n(function($) {\n\n var touchSupport = ('ontouchstart' in document);\n var tapEventName = touchSupport ? 'tap' : 'click';\n var changeEventName = 'change';\n var holderClassName = $.className('numbox');\n var plusClassSelector = $.classSelector('.btn-numbox-plus,.numbox-btn-plus');\n var minusClassSelector = $.classSelector('.btn-numbox-minus,.numbox-btn-minus');\n var inputClassSelector = $.classSelector('.input-numbox,.numbox-input');\n\n var Numbox = $.Numbox = $.Class.extend({\n /**\n * 构造函数\n **/\n init: function(holder, options) {\n var self = this;\n if (!holder) {\n throw \"构造 numbox 时缺少容器元素\";\n }\n self.holder = holder;\n options = options || {};\n options.step = parseInt(options.step || 1);\n self.options = options;\n self.input = $.qsa(inputClassSelector, self.holder)[0];\n self.plus = $.qsa(plusClassSelector, self.holder)[0];\n self.minus = $.qsa(minusClassSelector, self.holder)[0];\n self.checkValue();\n self.initEvent();\n },\n /**\n * 初始化事件绑定\n **/\n initEvent: function() {\n var self = this;\n self.plus.addEventListener(tapEventName, function(event) {\n var val = parseInt(self.input.value) + self.options.step;\n self.input.value = val.toString();\n $.trigger(self.input, changeEventName, null);\n });\n self.minus.addEventListener(tapEventName, function(event) {\n var val = parseInt(self.input.value) - self.options.step;\n self.input.value = val.toString();\n $.trigger(self.input, changeEventName, null);\n });\n self.input.addEventListener(changeEventName, function(event) {\n self.checkValue();\n var val = parseInt(self.input.value);\n //触发顶层容器\n $.trigger(self.holder, changeEventName, {\n value: val\n });\n });\n },\n /**\n * 获取当前值\n **/\n getValue: function() {\n var self = this;\n return parseInt(self.input.value);\n },\n /**\n * 验证当前值是法合法\n **/\n checkValue: function() {\n var self = this;\n var val = self.input.value;\n if (val == null || val == '' || isNaN(val)) {\n self.input.value = self.options.min || 0;\n self.minus.disabled = self.options.min != null;\n } else {\n var val = parseInt(val);\n if (self.options.max != null && !isNaN(self.options.max) && val >= parseInt(self.options.max)) {\n val = self.options.max;\n self.plus.disabled = true;\n } else {\n self.plus.disabled = false;\n }\n if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {\n val = self.options.min;\n self.minus.disabled = true;\n } else {\n self.minus.disabled = false;\n }\n self.input.value = val;\n }\n },\n /**\n * 更新选项\n **/\n setOption: function(name, value) {\n var self = this;\n self.options[name] = value;\n },\n /**\n * 动态设置新值\n **/\n setValue: function(value) {\n this.input.value = value;\n this.checkValue();\n }\n });\n\n $.fn.numbox = function(options) {\n var instanceArray = [];\n //遍历选择的元素\n this.each(function(i, element) {\n if (element.numbox) {\n return;\n }\n if (options) {\n element.numbox = new Numbox(element, options);\n } else {\n var optionsText = element.getAttribute('data-numbox-options');\n var options = optionsText ? JSON.parse(optionsText) : {};\n options.step = element.getAttribute('data-numbox-step') || options.step;\n options.min = element.getAttribute('data-numbox-min') || options.min;\n options.max = element.getAttribute('data-numbox-max') || options.max;\n element.numbox = new Numbox(element, options);\n }\n });\n return this[0] ? this[0].numbox : null;\n }\n\n //自动处理 class='mui-locker' 的 dom\n $.ready(function() {\n $('.' + holderClassName).numbox();\n });\n\n}(mui));"
},
{
"path": "js/mui.offcanvas.js",
"content": "/**\n * off-canvas\n * @param {type} $\n * @param {type} window\n * @param {type} document\n * @param {type} action\n * @returns {undefined}\n */\n(function($, window, document, name) {\n\tvar CLASS_OFF_CANVAS_LEFT = $.className('off-canvas-left');\n\tvar CLASS_OFF_CANVAS_RIGHT = $.className('off-canvas-right');\n\tvar CLASS_ACTION_BACKDROP = $.className('off-canvas-backdrop');\n\tvar CLASS_OFF_CANVAS_WRAP = $.className('off-canvas-wrap');\n\n\tvar CLASS_SLIDE_IN = $.className('slide-in');\n\tvar CLASS_ACTIVE = $.className('active');\n\n\n\tvar CLASS_TRANSITIONING = $.className('transitioning');\n\n\tvar SELECTOR_INNER_WRAP = $.classSelector('.inner-wrap');\n\n\n\tvar OffCanvas = $.Class.extend({\n\t\tinit: function(element, options) {\n\t\t\tthis.wrapper = this.element = element;\n\t\t\tthis.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);\n\t\t\tthis.classList = this.wrapper.classList;\n\t\t\tif (this.scroller) {\n\t\t\t\tthis.options = $.extend(true, {\n\t\t\t\t\tdragThresholdX: 10,\n\t\t\t\t\tscale: 0.8,\n\t\t\t\t\topacity: 0.1,\n\t\t\t\t\tpreventDefaultException: {\n\t\t\t\t\t\ttagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|VIDEO)$/\n\t\t\t\t\t},\n\t\t\t\t}, options);\n\t\t\t\tdocument.body.classList.add($.className('fullscreen')); //fullscreen\n\t\t\t\tthis.refresh();\n\t\t\t\tthis.initEvent();\n\t\t\t}\n\t\t},\n\t\t_preventDefaultException: function(el, exceptions) {\n\t\t\tfor (var i in exceptions) {\n\t\t\t\tif (exceptions[i].test(el[i])) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\trefresh: function(offCanvas) {\n\t\t\t//\t\t\toffCanvas && !offCanvas.classList.contains(CLASS_ACTIVE) && this.classList.remove(CLASS_ACTIVE);\n\t\t\tthis.slideIn = this.classList.contains(CLASS_SLIDE_IN);\n\t\t\tthis.scalable = this.classList.contains($.className('scalable')) && !this.slideIn;\n\t\t\tthis.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);\n\t\t\t//\t\t\t!offCanvas && this.scroller.classList.remove(CLASS_TRANSITIONING);\n\t\t\t//\t\t\t!offCanvas && this.scroller.setAttribute('style', '');\n\t\t\tthis.offCanvasLefts = this.wrapper.querySelectorAll('.' + CLASS_OFF_CANVAS_LEFT);\n\t\t\tthis.offCanvasRights = this.wrapper.querySelectorAll('.' + CLASS_OFF_CANVAS_RIGHT);\n\t\t\tif (offCanvas) {\n\t\t\t\tif (offCanvas.classList.contains(CLASS_OFF_CANVAS_LEFT)) {\n\t\t\t\t\tthis.offCanvasLeft = offCanvas;\n\t\t\t\t} else if (offCanvas.classList.contains(CLASS_OFF_CANVAS_RIGHT)) {\n\t\t\t\t\tthis.offCanvasRight = offCanvas;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.offCanvasRight = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT);\n\t\t\t\tthis.offCanvasLeft = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT);\n\t\t\t}\n\t\t\tthis.offCanvasRightWidth = this.offCanvasLeftWidth = 0;\n\t\t\tthis.offCanvasLeftSlideIn = this.offCanvasRightSlideIn = false;\n\t\t\tif (this.offCanvasRight) {\n\t\t\t\tthis.offCanvasRightWidth = this.offCanvasRight.offsetWidth;\n\t\t\t\tthis.offCanvasRightSlideIn = this.slideIn && (this.offCanvasRight.parentNode === this.wrapper);\n\t\t\t\t//\t\t\t\tthis.offCanvasRight.classList.remove(CLASS_TRANSITIONING);\n\t\t\t\t//\t\t\t\tthis.offCanvasRight.classList.remove(CLASS_ACTIVE);\n\t\t\t\t//\t\t\t\tthis.offCanvasRight.setAttribute('style', '');\n\t\t\t}\n\t\t\tif (this.offCanvasLeft) {\n\t\t\t\tthis.offCanvasLeftWidth = this.offCanvasLeft.offsetWidth;\n\t\t\t\tthis.offCanvasLeftSlideIn = this.slideIn && (this.offCanvasLeft.parentNode === this.wrapper);\n\t\t\t\t//\t\t\t\tthis.offCanvasLeft.classList.remove(CLASS_TRANSITIONING);\n\t\t\t\t//\t\t\t\tthis.offCanvasLeft.classList.remove(CLASS_ACTIVE);\n\t\t\t\t//\t\t\t\tthis.offCanvasLeft.setAttribute('style', '');\n\t\t\t}\n\t\t\tthis.backdrop = this.scroller.querySelector('.' + CLASS_ACTION_BACKDROP);\n\n\t\t\tthis.options.dragThresholdX = this.options.dragThresholdX || 10;\n\n\t\t\tthis.visible = false;\n\t\t\tthis.startX = null;\n\t\t\tthis.lastX = null;\n\t\t\tthis.offsetX = null;\n\t\t\tthis.lastTranslateX = null;\n\t\t},\n\t\thandleEvent: function(e) {\n\t\t\tswitch (e.type) {\n\t\t\t\tcase $.EVENT_START:\n\t\t\t\t\te.target && !this._preventDefaultException(e.target, this.options.preventDefaultException) && e.preventDefault();\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'webkitTransitionEnd': //有个bug需要处理，需要考虑假设没有触发webkitTransitionEnd的情况\n\t\t\t\t\tif (e.target === this.scroller) {\n\t\t\t\t\t\tthis._dispatchEvent();\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'drag':\n\t\t\t\t\tvar detail = e.detail;\n\t\t\t\t\tif (!this.startX) {\n\t\t\t\t\t\tthis.startX = detail.center.x;\n\t\t\t\t\t\tthis.lastX = this.startX;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.lastX = detail.center.x;\n\t\t\t\t\t}\n\t\t\t\t\tif (!this.isDragging && Math.abs(this.lastX - this.startX) > this.options.dragThresholdX && (detail.direction === 'left' || (detail.direction === 'right'))) {\n\t\t\t\t\t\tif (this.slideIn) {\n\t\t\t\t\t\t\tthis.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);\n\t\t\t\t\t\t\tif (this.classList.contains(CLASS_ACTIVE)) {\n\t\t\t\t\t\t\t\tif (this.offCanvasRight && this.offCanvasRight.classList.contains(CLASS_ACTIVE)) {\n\t\t\t\t\t\t\t\t\tthis.offCanvas = this.offCanvasRight;\n\t\t\t\t\t\t\t\t\tthis.offCanvasWidth = this.offCanvasRightWidth;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.offCanvas = this.offCanvasLeft;\n\t\t\t\t\t\t\t\t\tthis.offCanvasWidth = this.offCanvasLeftWidth;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif (detail.direction === 'left' && this.offCanvasRight) {\n\t\t\t\t\t\t\t\t\tthis.offCanvas = this.offCanvasRight;\n\t\t\t\t\t\t\t\t\tthis.offCanvasWidth = this.offCanvasRightWidth;\n\t\t\t\t\t\t\t\t} else if (detail.direction === 'right' && this.offCanvasLeft) {\n\t\t\t\t\t\t\t\t\tthis.offCanvas = this.offCanvasLeft;\n\t\t\t\t\t\t\t\t\tthis.offCanvasWidth = this.offCanvasLeftWidth;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.scroller = null;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (this.classList.contains(CLASS_ACTIVE)) {\n\t\t\t\t\t\t\t\tif (detail.direction === 'left') {\n\t\t\t\t\t\t\t\t\tthis.offCanvas = this.offCanvasLeft;\n\t\t\t\t\t\t\t\t\tthis.offCanvasWidth = this.offCanvasLeftWidth;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.offCanvas = this.offCanvasRight;\n\t\t\t\t\t\t\t\t\tthis.offCanvasWidth = this.offCanvasRightWidth;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif (detail.direction === 'right') {\n\t\t\t\t\t\t\t\t\tthis.offCanvas = this.offCanvasLeft;\n\t\t\t\t\t\t\t\t\tthis.offCanvasWidth = this.offCanvasLeftWidth;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.offCanvas = this.offCanvasRight;\n\t\t\t\t\t\t\t\t\tthis.offCanvasWidth = this.offCanvasRightWidth;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (this.offCanvas && this.scroller) {\n\t\t\t\t\t\t\tthis.startX = this.lastX;\n\t\t\t\t\t\t\tthis.isDragging = true;\n\n\t\t\t\t\t\t\t$.gestures.session.lockDirection = true; //锁定方向\n\t\t\t\t\t\t\t$.gestures.session.startDirection = detail.direction;\n\n\t\t\t\t\t\t\tthis.offCanvas.classList.remove(CLASS_TRANSITIONING);\n\t\t\t\t\t\t\tthis.scroller.classList.remove(CLASS_TRANSITIONING);\n\t\t\t\t\t\t\tthis.offsetX = this.getTranslateX();\n\t\t\t\t\t\t\tthis._initOffCanvasVisible();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (this.isDragging) {\n\t\t\t\t\t\tthis.updateTranslate(this.offsetX + (this.lastX - this.startX));\n\t\t\t\t\t\tdetail.gesture.preventDefault();\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'dragend':\n\t\t\t\t\tif (this.isDragging) {\n\t\t\t\t\t\tvar detail = e.detail;\n\t\t\t\t\t\tvar direction = detail.direction;\n\t\t\t\t\t\tthis.isDragging = false;\n\t\t\t\t\t\tthis.offCanvas.classList.add(CLASS_TRANSITIONING);\n\t\t\t\t\t\tthis.scroller.classList.add(CLASS_TRANSITIONING);\n\t\t\t\t\t\tvar ratio = 0;\n\t\t\t\t\t\tvar x = this.getTranslateX();\n\t\t\t\t\t\tif (!this.slideIn) {\n\t\t\t\t\t\t\tif (x >= 0) {\n\t\t\t\t\t\t\t\tratio = (this.offCanvasLeftWidth && (x / this.offCanvasLeftWidth)) || 0;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tratio = (this.offCanvasRightWidth && (x / this.offCanvasRightWidth)) || 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (ratio === 0) {\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t\tthis._dispatchEvent(); //此处不触发webkitTransitionEnd,所以手动dispatch\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (direction === 'right' && ratio >= 0 && (ratio >= 0.5 || detail.swipe)) { //右滑打开\n\t\t\t\t\t\t\t\tthis.openPercentage(100);\n\t\t\t\t\t\t\t} else if (direction === 'right' && ratio < 0 && (ratio > -0.5 || detail.swipe)) { //右滑关闭\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t} else if (direction === 'right' && ratio > 0 && ratio < 0.5) { //右滑还原关闭\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t} else if (direction === 'right' && ratio < 0.5) { //右滑还原打开\n\t\t\t\t\t\t\t\tthis.openPercentage(-100);\n\t\t\t\t\t\t\t} else if (direction === 'left' && ratio <= 0 && (ratio <= -0.5 || detail.swipe)) { //左滑打开\n\t\t\t\t\t\t\t\tthis.openPercentage(-100);\n\t\t\t\t\t\t\t} else if (direction === 'left' && ratio > 0 && (ratio <= 0.5 || detail.swipe)) { //左滑关闭\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t} else if (direction === 'left' && ratio < 0 && ratio >= -0.5) { //左滑还原关闭\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t} else if (direction === 'left' && ratio > 0.5) { //左滑还原打开\n\t\t\t\t\t\t\t\tthis.openPercentage(100);\n\t\t\t\t\t\t\t} else { //默认关闭\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (ratio === 1 || ratio === -1) { //此处不触发webkitTransitionEnd,所以手动dispatch\n\t\t\t\t\t\t\t\tthis._dispatchEvent();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (x >= 0) {\n\t\t\t\t\t\t\t\tratio = (this.offCanvasRightWidth && (x / this.offCanvasRightWidth)) || 0;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tratio = (this.offCanvasLeftWidth && (x / this.offCanvasLeftWidth)) || 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (direction === 'right' && ratio <= 0 && (ratio >= -0.5 || detail.swipe)) { //右滑打开\n\t\t\t\t\t\t\t\tthis.openPercentage(100);\n\t\t\t\t\t\t\t} else if (direction === 'right' && ratio > 0 && (ratio >= 0.5 || detail.swipe)) { //右滑关闭\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t} else if (direction === 'right' && ratio <= -0.5) { //右滑还原关闭\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t} else if (direction === 'right' && ratio > 0 && ratio <= 0.5) { //右滑还原打开\n\t\t\t\t\t\t\t\tthis.openPercentage(-100);\n\t\t\t\t\t\t\t} else if (direction === 'left' && ratio >= 0 && (ratio <= 0.5 || detail.swipe)) { //左滑打开\n\t\t\t\t\t\t\t\tthis.openPercentage(-100);\n\t\t\t\t\t\t\t} else if (direction === 'left' && ratio < 0 && (ratio <= -0.5 || detail.swipe)) { //左滑关闭\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t} else if (direction === 'left' && ratio >= 0.5) { //左滑还原关闭\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t} else if (direction === 'left' && ratio >= -0.5 && ratio < 0) { //左滑还原打开\n\t\t\t\t\t\t\t\tthis.openPercentage(100);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tthis.openPercentage(0);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (ratio === 1 || ratio === -1 || ratio === 0) {\n\t\t\t\t\t\t\t\tthis._dispatchEvent();\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\t_dispatchEvent: function() {\n\t\t\tif (this.classList.contains(CLASS_ACTIVE)) {\n\t\t\t\t$.trigger(this.wrapper, 'shown', this);\n\t\t\t} else {\n\t\t\t\t$.trigger(this.wrapper, 'hidden', this);\n\t\t\t}\n\t\t},\n\t\t_initOffCanvasVisible: function() {\n\t\t\tif (!this.visible) {\n\t\t\t\tthis.visible = true;\n\t\t\t\tif (this.offCanvasLeft) {\n\t\t\t\t\tthis.offCanvasLeft.style.visibility = 'visible';\n\t\t\t\t}\n\t\t\t\tif (this.offCanvasRight) {\n\t\t\t\t\tthis.offCanvasRight.style.visibility = 'visible';\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tinitEvent: function() {\n\t\t\tvar self = this;\n\t\t\tif (self.backdrop) {\n\t\t\t\tself.backdrop.addEventListener('tap', function(e) {\n\t\t\t\t\tself.close();\n\t\t\t\t\te.detail.gesture.preventDefault();\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (this.classList.contains($.className('draggable'))) {\n\t\t\t\tthis.wrapper.addEventListener($.EVENT_START, this); //临时处理\n\t\t\t\tthis.wrapper.addEventListener('drag', this);\n\t\t\t\tthis.wrapper.addEventListener('dragend', this);\n\t\t\t}\n\t\t\tthis.wrapper.addEventListener('webkitTransitionEnd', this);\n\t\t},\n\t\topenPercentage: function(percentage) {\n\t\t\tvar p = percentage / 100;\n\t\t\tif (!this.slideIn) {\n\t\t\t\tif (this.offCanvasLeft && percentage >= 0) {\n\t\t\t\t\tthis.updateTranslate(this.offCanvasLeftWidth * p);\n\t\t\t\t\tthis.offCanvasLeft.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);\n\t\t\t\t} else if (this.offCanvasRight && percentage <= 0) {\n\t\t\t\t\tthis.updateTranslate(this.offCanvasRightWidth * p);\n\t\t\t\t\tthis.offCanvasRight.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);\n\t\t\t\t}\n\t\t\t\tthis.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);\n\t\t\t} else {\n\t\t\t\tif (this.offCanvasLeft && percentage >= 0) {\n\t\t\t\t\tp = p === 0 ? -1 : 0;\n\t\t\t\t\tthis.updateTranslate(this.offCanvasLeftWidth * p);\n\t\t\t\t\tthis.offCanvasLeft.classList[percentage !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);\n\t\t\t\t} else if (this.offCanvasRight && percentage <= 0) {\n\t\t\t\t\tp = p === 0 ? 1 : 0;\n\t\t\t\t\tthis.updateTranslate(this.offCanvasRightWidth * p);\n\t\t\t\t\tthis.offCanvasRight.classList[percentage !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);\n\t\t\t\t}\n\t\t\t\tthis.classList[percentage !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);\n\t\t\t}\n\t\t},\n\t\tupdateTranslate: function(x) {\n\t\t\tif (x !== this.lastTranslateX) {\n\t\t\t\tif (!this.slideIn) {\n\t\t\t\t\tif ((!this.offCanvasLeft && x > 0) || (!this.offCanvasRight && x < 0)) {\n\t\t\t\t\t\tthis.setTranslateX(0);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (this.leftShowing && x > this.offCanvasLeftWidth) {\n\t\t\t\t\t\tthis.setTranslateX(this.offCanvasLeftWidth);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (this.rightShowing && x < -this.offCanvasRightWidth) {\n\t\t\t\t\t\tthis.setTranslateX(-this.offCanvasRightWidth);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tthis.setTranslateX(x);\n\t\t\t\t\tif (x >= 0) {\n\t\t\t\t\t\tthis.leftShowing = true;\n\t\t\t\t\t\tthis.rightShowing = false;\n\t\t\t\t\t\tif (x > 0) {\n\t\t\t\t\t\t\tif (this.offCanvasLeft) {\n\t\t\t\t\t\t\t\t$.each(this.offCanvasLefts, function(index, offCanvas) {\n\t\t\t\t\t\t\t\t\tif (offCanvas === this.offCanvasLeft) {\n\t\t\t\t\t\t\t\t\t\tthis.offCanvasLeft.style.zIndex = 0;\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\toffCanvas.style.zIndex = -1;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}.bind(this));\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (this.offCanvasRight) {\n\t\t\t\t\t\t\t\tthis.offCanvasRight.style.zIndex = -1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.rightShowing = true;\n\t\t\t\t\t\tthis.leftShowing = false;\n\t\t\t\t\t\tif (this.offCanvasRight) {\n\t\t\t\t\t\t\t$.each(this.offCanvasRights, function(index, offCanvas) {\n\t\t\t\t\t\t\t\tif (offCanvas === this.offCanvasRight) {\n\t\t\t\t\t\t\t\t\toffCanvas.style.zIndex = 0;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\toffCanvas.style.zIndex = -1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}.bind(this));\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (this.offCanvasLeft) {\n\t\t\t\t\t\t\tthis.offCanvasLeft.style.zIndex = -1;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (this.offCanvas.classList.contains(CLASS_OFF_CANVAS_RIGHT)) {\n\t\t\t\t\t\tif (x < 0) {\n\t\t\t\t\t\t\tthis.setTranslateX(0);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (x > this.offCanvasRightWidth) {\n\t\t\t\t\t\t\tthis.setTranslateX(this.offCanvasRightWidth);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (x > 0) {\n\t\t\t\t\t\t\tthis.setTranslateX(0);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (x < -this.offCanvasLeftWidth) {\n\t\t\t\t\t\t\tthis.setTranslateX(-this.offCanvasLeftWidth);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tthis.setTranslateX(x);\n\t\t\t\t}\n\t\t\t\tthis.lastTranslateX = x;\n\t\t\t}\n\t\t},\n\t\tsetTranslateX: $.animationFrame(function(x) {\n\t\t\tif (this.scroller) {\n\t\t\t\tif (this.scalable && this.offCanvas.parentNode === this.wrapper) {\n\t\t\t\t\tvar percent = Math.abs(x) / this.offCanvasWidth;\n\t\t\t\t\tvar zoomOutScale = 1 - (1 - this.options.scale) * percent;\n\t\t\t\t\tvar zoomInScale = this.options.scale + (1 - this.options.scale) * percent;\n\t\t\t\t\tvar zoomOutOpacity = 1 - (1 - this.options.opacity) * percent;\n\t\t\t\t\tvar zoomInOpacity = this.options.opacity + (1 - this.options.opacity) * percent;\n\t\t\t\t\tif (this.offCanvas.classList.contains(CLASS_OFF_CANVAS_LEFT)) {\n\t\t\t\t\t\tthis.offCanvas.style.webkitTransformOrigin = '-100%';\n\t\t\t\t\t\tthis.scroller.style.webkitTransformOrigin = 'left';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.offCanvas.style.webkitTransformOrigin = '200%';\n\t\t\t\t\t\tthis.scroller.style.webkitTransformOrigin = 'right';\n\t\t\t\t\t}\n\t\t\t\t\tthis.offCanvas.style.opacity = zoomInOpacity;\n\t\t\t\t\tthis.offCanvas.style.webkitTransform = 'translate3d(0,0,0) scale(' + zoomInScale + ')';\n\t\t\t\t\tthis.scroller.style.webkitTransform = 'translate3d(' + x + 'px,0,0) scale(' + zoomOutScale + ')';\n\t\t\t\t} else {\n\t\t\t\t\tif (this.slideIn) {\n\t\t\t\t\t\tthis.offCanvas.style.webkitTransform = 'translate3d(' + x + 'px,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.scroller.style.webkitTransform = 'translate3d(' + x + 'px,0,0)';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}),\n\t\tgetTranslateX: function() {\n\t\t\tif (this.offCanvas) {\n\t\t\t\tvar scroller = this.slideIn ? this.offCanvas : this.scroller;\n\t\t\t\tvar result = $.parseTranslateMatrix($.getStyles(scroller, 'webkitTransform'));\n\t\t\t\treturn (result && result.x) || 0;\n\t\t\t}\n\t\t\treturn 0;\n\t\t},\n\t\tisShown: function(direction) {\n\t\t\tvar shown = false;\n\t\t\tif (!this.slideIn) {\n\t\t\t\tvar x = this.getTranslateX();\n\t\t\t\tif (direction === 'right') {\n\t\t\t\t\tshown = this.classList.contains(CLASS_ACTIVE) && x < 0;\n\t\t\t\t} else if (direction === 'left') {\n\t\t\t\t\tshown = this.classList.contains(CLASS_ACTIVE) && x > 0;\n\t\t\t\t} else {\n\t\t\t\t\tshown = this.classList.contains(CLASS_ACTIVE) && x !== 0;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (direction === 'left') {\n\t\t\t\t\tshown = this.classList.contains(CLASS_ACTIVE) && this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT + '.' + CLASS_ACTIVE);\n\t\t\t\t} else if (direction === 'right') {\n\t\t\t\t\tshown = this.classList.contains(CLASS_ACTIVE) && this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT + '.' + CLASS_ACTIVE);\n\t\t\t\t} else {\n\t\t\t\t\tshown = this.classList.contains(CLASS_ACTIVE) && (this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT + '.' + CLASS_ACTIVE) || this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT + '.' + CLASS_ACTIVE));\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn shown;\n\t\t},\n\t\tclose: function() {\n\t\t\tthis._initOffCanvasVisible();\n\t\t\tthis.offCanvas = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT + '.' + CLASS_ACTIVE) || this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT + '.' + CLASS_ACTIVE);\n\t\t\tthis.offCanvasWidth = this.offCanvas.offsetWidth;\n\t\t\tif (this.scroller) {\n\t\t\t\tthis.offCanvas.offsetHeight;\n\t\t\t\tthis.offCanvas.classList.add(CLASS_TRANSITIONING);\n\t\t\t\tthis.scroller.classList.add(CLASS_TRANSITIONING);\n\t\t\t\tthis.openPercentage(0);\n\t\t\t}\n\t\t},\n\t\tshow: function(direction) {\n\t\t\tthis._initOffCanvasVisible();\n\t\t\tif (this.isShown(direction)) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tif (!direction) {\n\t\t\t\tdirection = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT) ? 'right' : 'left';\n\t\t\t}\n\t\t\tif (direction === 'right') {\n\t\t\t\tthis.offCanvas = this.offCanvasRight;\n\t\t\t\tthis.offCanvasWidth = this.offCanvasRightWidth;\n\t\t\t} else {\n\t\t\t\tthis.offCanvas = this.offCanvasLeft;\n\t\t\t\tthis.offCanvasWidth = this.offCanvasLeftWidth;\n\t\t\t}\n\t\t\tif (this.scroller) {\n\t\t\t\tthis.offCanvas.offsetHeight;\n\t\t\t\tthis.offCanvas.classList.add(CLASS_TRANSITIONING);\n\t\t\t\tthis.scroller.classList.add(CLASS_TRANSITIONING);\n\t\t\t\tthis.openPercentage(direction === 'left' ? 100 : -100);\n\t\t\t}\n\t\t\treturn true;\n\t\t},\n\t\ttoggle: function(directionOrOffCanvas) {\n\t\t\tvar direction = directionOrOffCanvas;\n\t\t\tif (directionOrOffCanvas && directionOrOffCanvas.classList) {\n\t\t\t\tdirection = directionOrOffCanvas.classList.contains(CLASS_OFF_CANVAS_LEFT) ? 'left' : 'right';\n\t\t\t\tthis.refresh(directionOrOffCanvas);\n\t\t\t}\n\t\t\tif (!this.show(direction)) {\n\t\t\t\tthis.close();\n\t\t\t}\n\t\t}\n\t});\n\n\t//hash to offcanvas\n\tvar findOffCanvasContainer = function(target) {\n\t\tparentNode = target.parentNode;\n\t\tif (parentNode) {\n\t\t\tif (parentNode.classList.contains(CLASS_OFF_CANVAS_WRAP)) {\n\t\t\t\treturn parentNode;\n\t\t\t} else {\n\t\t\t\tparentNode = parentNode.parentNode;\n\t\t\t\tif (parentNode.classList.contains(CLASS_OFF_CANVAS_WRAP)) {\n\t\t\t\t\treturn parentNode;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\tvar handle = function(event, target) {\n\t\tif (target.tagName === 'A' && target.hash) {\n\t\t\tvar offcanvas = document.getElementById(target.hash.replace('#', ''));\n\t\t\tif (offcanvas) {\n\t\t\t\tvar container = findOffCanvasContainer(offcanvas);\n\t\t\t\tif (container) {\n\t\t\t\t\t$.targets._container = container;\n\t\t\t\t\treturn offcanvas;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t};\n\n\t$.registerTarget({\n\t\tname: name,\n\t\tindex: 60,\n\t\thandle: handle,\n\t\ttarget: false,\n\t\tisReset: false,\n\t\tisContinue: true\n\t});\n\n\twindow.addEventListener('tap', function(e) {\n\t\tif (!$.targets.offcanvas) {\n\t\t\treturn;\n\t\t}\n\t\t//TODO 此处类型的代码后续考虑统一优化(target机制)，现在的实现费力不讨好\n\t\tvar target = e.target;\n\t\tfor (; target && target !== document; target = target.parentNode) {\n\t\t\tif (target.tagName === 'A' && target.hash && target.hash === ('#' + $.targets.offcanvas.id)) {\n\t\t\t\te.detail && e.detail.gesture && e.detail.gesture.preventDefault(); //fixed hashchange\n\t\t\t\t$($.targets._container).offCanvas().toggle($.targets.offcanvas);\n\t\t\t\t$.targets.offcanvas = $.targets._container = null;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t});\n\n\t$.fn.offCanvas = function(options) {\n\t\tvar offCanvasApis = [];\n\t\tthis.each(function() {\n\t\t\tvar offCanvasApi = null;\n\t\t\tvar self = this;\n\t\t\t//hack old version\n\t\t\tif (!self.classList.contains(CLASS_OFF_CANVAS_WRAP)) {\n\t\t\t\tself = findOffCanvasContainer(self);\n\t\t\t}\n\t\t\tvar id = self.getAttribute('data-offCanvas');\n\t\t\tif (!id) {\n\t\t\t\tid = ++$.uuid;\n\t\t\t\t$.data[id] = offCanvasApi = new OffCanvas(self, options);\n\t\t\t\tself.setAttribute('data-offCanvas', id);\n\t\t\t} else {\n\t\t\t\toffCanvasApi = $.data[id];\n\t\t\t}\n\t\t\tif (options === 'show' || options === 'close' || options === 'toggle') {\n\t\t\t\toffCanvasApi.toggle();\n\t\t\t}\n\t\t\toffCanvasApis.push(offCanvasApi);\n\t\t});\n\t\treturn offCanvasApis.length === 1 ? offCanvasApis[0] : offCanvasApis;\n\t};\n\t$.ready(function() {\n\t\t$($.classSelector('.off-canvas-wrap')).offCanvas();\n\t});\n})(mui, window, document, 'offcanvas');"
},
{
"path": "js/mui.popup.js",
"content": "/**\n * Popup(alert,confirm,prompt) \n * @param {Object} $\n * @param {Object} window\n * @param {Object} document\n */\n(function($, window, document) {\n var CLASS_POPUP = $.className('popup');\n var CLASS_POPUP_BACKDROP = $.className('popup-backdrop');\n var CLASS_POPUP_IN = $.className('popup-in');\n var CLASS_POPUP_OUT = $.className('popup-out');\n var CLASS_POPUP_INNER = $.className('popup-inner');\n var CLASS_POPUP_TITLE = $.className('popup-title');\n var CLASS_POPUP_TEXT = $.className('popup-text');\n var CLASS_POPUP_INPUT = $.className('popup-input');\n var CLASS_POPUP_BUTTONS = $.className('popup-buttons');\n var CLASS_POPUP_BUTTON = $.className('popup-button');\n var CLASS_POPUP_BUTTON_BOLD = $.className('popup-button-bold');\n var CLASS_POPUP_BACKDROP = $.className('popup-backdrop');\n var CLASS_ACTIVE = $.className('active');\n\n var popupStack = [];\n var backdrop = (function() {\n var element = document.createElement('div');\n element.classList.add(CLASS_POPUP_BACKDROP);\n element.addEventListener($.EVENT_MOVE, $.preventDefault);\n element.addEventListener('webkitTransitionEnd', function() {\n if (!this.classList.contains(CLASS_ACTIVE)) {\n element.parentNode && element.parentNode.removeChild(element);\n }\n });\n return element;\n }());\n\n var createInput = function(placeholder) {\n return '
';\n };\n var createInner = function(message, title, extra) {\n return '' + title + '
' + message.replace(/\\r\\n/g, \"
' + (extra || '') + '
' + btnArray[i] + ' ');\n }\n return '' + btns.join('') + '
';\n };\n\n var createPopup = function(html, callback) {\n var popupElement = document.createElement('div');\n popupElement.className = CLASS_POPUP;\n popupElement.innerHTML = html;\n var removePopupElement = function() {\n popupElement.parentNode && popupElement.parentNode.removeChild(popupElement);\n popupElement = null;\n };\n popupElement.addEventListener($.EVENT_MOVE, $.preventDefault);\n popupElement.addEventListener('webkitTransitionEnd', function(e) {\n if (popupElement && e.target === popupElement && popupElement.classList.contains(CLASS_POPUP_OUT)) {\n removePopupElement();\n }\n });\n popupElement.style.display = 'block';\n document.body.appendChild(popupElement);\n popupElement.offsetHeight;\n popupElement.classList.add(CLASS_POPUP_IN);\n\n if (!backdrop.classList.contains(CLASS_ACTIVE)) {\n backdrop.style.display = 'block';\n document.body.appendChild(backdrop);\n backdrop.offsetHeight;\n backdrop.classList.add(CLASS_ACTIVE);\n }\n var btns = $.qsa('.' + CLASS_POPUP_BUTTON, popupElement);\n var input = popupElement.querySelector('.' + CLASS_POPUP_INPUT + ' input');\n var popup = {\n element: popupElement,\n close: function(index, animate) {\n if (popupElement) {\n var result = callback && callback({\n index: index || 0,\n value: input && input.value || ''\n });\n if (result === false) { //返回false则不关闭当前popup\n return;\n }\n if (animate !== false) {\n popupElement.classList.remove(CLASS_POPUP_IN);\n popupElement.classList.add(CLASS_POPUP_OUT);\n } else {\n removePopupElement();\n }\n popupStack.pop();\n //如果还有其他popup，则不remove backdrop\n if (popupStack.length) {\n popupStack[popupStack.length - 1]['show'](animate);\n } else {\n backdrop.classList.remove(CLASS_ACTIVE);\n }\n }\n }\n };\n var handleEvent = function(e) {\n popup.close(btns.indexOf(e.target));\n };\n $(popupElement).on('tap', '.' + CLASS_POPUP_BUTTON, handleEvent);\n if (popupStack.length) {\n popupStack[popupStack.length - 1]['hide']();\n }\n popupStack.push({\n close: popup.close,\n show: function(animate) {\n popupElement.style.display = 'block';\n popupElement.offsetHeight;\n popupElement.classList.add(CLASS_POPUP_IN);\n },\n hide: function() {\n popupElement.style.display = 'none';\n popupElement.classList.remove(CLASS_POPUP_IN);\n }\n });\n return popup;\n };\n var createAlert = function(message, title, btnValue, callback, type) {\n if (typeof message === 'undefined') {\n return;\n } else {\n if (typeof title === 'function') {\n callback = title;\n type = btnValue;\n title = null;\n btnValue = null;\n } else if (typeof btnValue === 'function') {\n type = callback;\n callback = btnValue;\n btnValue = null;\n }\n }\n if (!$.os.plus || type === 'div') {\n return createPopup(createInner(message, title || '提示') + createButtons([btnValue || '确定']), callback);\n }\n return plus.nativeUI.alert(message, callback, title || '提示', btnValue || '确定');\n };\n var createConfirm = function(message, title, btnArray, callback, type) {\n if (typeof message === 'undefined') {\n return;\n } else {\n if (typeof title === 'function') {\n callback = title;\n type = btnArray;\n title = null;\n btnArray = null;\n } else if (typeof btnArray === 'function') {\n type = callback;\n callback = btnArray;\n btnArray = null;\n }\n }\n if (!$.os.plus || type === 'div') {\n return createPopup(createInner(message, title || '提示') + createButtons(btnArray || ['取消', '确认']), callback);\n }\n return plus.nativeUI.confirm(message, callback, title, btnArray || ['取消', '确认']);\n };\n var createPrompt = function(message, placeholder, title, btnArray, callback, type) {\n if (typeof message === 'undefined') {\n return;\n } else {\n if (typeof placeholder === 'function') {\n callback = placeholder;\n type = title;\n placeholder = null;\n title = null;\n btnArray = null;\n } else if (typeof title === 'function') {\n callback = title;\n type = btnArray;\n title = null;\n btnArray = null;\n } else if (typeof btnArray === 'function') {\n type = callback;\n callback = btnArray;\n btnArray = null;\n }\n }\n if (!$.os.plus || type === 'div') {\n return createPopup(createInner(message, title || '提示', createInput(placeholder)) + createButtons(btnArray || ['取消', '确认']), callback);\n }\n return plus.nativeUI.prompt(message, callback, title || '提示', placeholder, btnArray || ['取消', '确认']);\n };\n var closePopup = function() {\n if (popupStack.length) {\n popupStack[popupStack.length - 1]['close']();\n return true;\n } else {\n return false;\n }\n };\n var closePopups = function() {\n while (popupStack.length) {\n popupStack[popupStack.length - 1]['close']();\n }\n };\n\n $.closePopup = closePopup;\n $.closePopups = closePopups;\n $.alert = createAlert;\n $.confirm = createConfirm;\n $.prompt = createPrompt;\n})(mui, window, document);"
},
{
"path": "js/mui.progressbar.js",
"content": "(function($, document) {\n\tvar CLASS_PROGRESSBAR = $.className('progressbar');\n\tvar CLASS_PROGRESSBAR_IN = $.className('progressbar-in');\n\tvar CLASS_PROGRESSBAR_OUT = $.className('progressbar-out');\n\tvar CLASS_PROGRESSBAR_INFINITE = $.className('progressbar-infinite');\n\n\tvar SELECTOR_PROGRESSBAR = $.classSelector('.progressbar');\n\n\tvar _findProgressbar = function(container) {\n\t\tcontainer = $(container || 'body');\n\t\tif (container.length === 0) return;\n\t\tcontainer = container[0];\n\t\tif (container.classList.contains(CLASS_PROGRESSBAR)) {\n\t\t\treturn container;\n\t\t}\n\t\tvar progressbars = container.querySelectorAll(SELECTOR_PROGRESSBAR);\n\t\tif (progressbars) {\n\t\t\tfor (var i = 0, len = progressbars.length; i < len; i++) {\n\t\t\t\tvar progressbar = progressbars[i];\n\t\t\t\tif (progressbar.parentNode === container) {\n\t\t\t\t\treturn progressbar;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\t/**\n\t * 创建并显示进度条 \n\t * @param {Object} container 可选，默认body，支持selector,DOM Node,mui wrapper\n\t * @param {Object} progress 可选，undefined表示循环，数字表示具体进度\n\t * @param {Object} color 可选，指定颜色样式(目前暂未提供实际样式，可暂时不暴露此参数)\n\t */\n\tvar showProgressbar = function(container, progress, color) {\n\t\tif (typeof container === 'number') {\n\t\t\tcolor = progress;\n\t\t\tprogress = container;\n\t\t\tcontainer = 'body';\n\t\t}\n\t\tcontainer = $(container || 'body');\n\t\tif (container.length === 0) return;\n\t\tcontainer = container[0];\n\t\tvar progressbar;\n\t\tif (container.classList.contains(CLASS_PROGRESSBAR)) {\n\t\t\tprogressbar = container;\n\t\t} else {\n\t\t\tvar progressbars = container.querySelectorAll(SELECTOR_PROGRESSBAR + ':not(.' + CLASS_PROGRESSBAR_OUT + ')');\n\t\t\tif (progressbars) {\n\t\t\t\tfor (var i = 0, len = progressbars.length; i < len; i++) {\n\t\t\t\t\tvar _progressbar = progressbars[i];\n\t\t\t\t\tif (_progressbar.parentNode === container) {\n\t\t\t\t\t\tprogressbar = _progressbar;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (!progressbar) {\n\t\t\t\tprogressbar = document.createElement('span');\n\t\t\t\tprogressbar.className = CLASS_PROGRESSBAR + ' ' + CLASS_PROGRESSBAR_IN + (typeof progress !== 'undefined' ? '' : (' ' + CLASS_PROGRESSBAR_INFINITE)) + (color ? (' ' + CLASS_PROGRESSBAR + '-' + color) : '');\n\t\t\t\tif (typeof progress !== 'undefined') {\n\t\t\t\t\tprogressbar.innerHTML = '', '
', '
{contentrefresh}
', '
\r\n\t$0\r\n
\" #expansion是代码块的输出内容，其中$0、$1是光标的停留和切换位置。$1是第一个停留光标，$0是最后回车时停留的光标。\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t #如果输出涉及到换行和tab，也需严格在这里使用换行和tab。\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t #输出双引号在前面加\\来转义，输出$使用\\$(单引号中)或\\\\$(双引号中)转义\r\n cmd.needApplyReContentAssist = true #这句话的意思是输出后同时激活代码助手，即在$1的位置直接拉出样式列表\r\n end #div_class代码块结束\r\n \r\n snippet 'ng-pluralize' do |cmd|\r\n cmd.trigger = 'ngp'\r\n cmd.expansion = \"$1 \"\r\n end\r\n\r\nend\r\n\r\n\r\nwith_defaults :scope => 'text.html entity.other.attribute-name.html' do |bundle| #=====HTML属性代码块====================================================\r\n#如下是一个示例代码块，可以复制后再添加新代码块\r\n snippet 'ng-' do |s| #ng-是显示名称，代码助手提示列表显示时可见\r\n s.trigger = 'ng-'\t\t #ng-是激活字符，即按下ng-后会触发该代码块\r\n s.expansion='ng-${1:app/bind/bind-html/bind-template/blur/change/checked/class/class-even/class-odd/click/cloak/controller/copy/csp/cut/dblclick/disabled/focus/hide/href/if/include/init/keydown/keypress/keyup/list/model/mousedown/mouseenter/mouseleave/mousemove/mouseover/mouseup/ng-non-bindable/open/options/paste/readonly/repeat-start/repeat-end/selected/show/src/srcset/style/submit/swipe-left/swipe-right/switch/switch-default/switch-when/view}=\"$2\"'\r\n\t\t#expansion是代码块的输出内容，其中$0、$1是光标的停留和切换位置。\r\n\t #$1是第一个停留光标，$0是最后回车时停留的光标。\r\n\t #使用{}包围的内容，是提示值域。\r\n\t #如果输出涉及到换行和tab，也需严格在这里使用换行和tab。\r\n\t #输出双引号在前面加\\来转义，输出$使用\\$(单引号中)或\\\\$(双引号中)转义\r\n s.locationType='HTML_ATTRIBUTE'\r\n end #ng代码块结束\r\n\r\nend\r\n\r\n\r\nwith_defaults :scope => 'text.html - source', :input => :none, :output => :insert_as_snippet do |bundle| #=====无显示名称的快捷命令=======================\r\n=begin\r\n如下示例均为系统已经预置的命令，无需重复制作\r\n示例1 Ctrl+Enter输出\r\n $0\r\n
'\r\nend\r\n\r\nsnippet 'mCheckbox(复选框)' do |cmd|\r\n cmd.trigger = 'mcheckbox'\r\n cmd.expansion = \"\r\n ${1:Checkbox} \r\n
\r\n$0\"\r\nend \r\n\r\nsnippet 'mCheckbox(复选框居左)' do |cmd|\r\n cmd.trigger = 'mcheckbox'\r\n cmd.expansion = \"\r\n ${1:checkbox左侧显示示例} \r\n
\r\n$0\"\r\nend \r\n \r\nsnippet 'mCheckbox(复选框禁用选项)' do |cmd|\r\n cmd.trigger = 'mcheckbox'\r\n cmd.expansion = \"\r\n ${1:disabled checkbox} \r\n
\r\n$0\"\r\nend \r\n \r\nsnippet 'mHeader(标题栏)' do |cmd|\r\n cmd.trigger = 'mheader'\r\n cmd.expansion = '\r\n$0'\r\nend\r\nsnippet 'mHeader(带返回箭头的标题栏)' do |cmd|\r\n cmd.trigger = 'mheaderwithBack'\r\n cmd.expansion = '\r\n$0'\r\nend\r\n \r\nsnippet 'mText(文本框)' do |cmd|\r\n cmd.trigger = 'minputtext'\r\n cmd.needApplyReContentAssist = true \r\n cmd.expansion = \"\r\n ${3:Input} \r\n
\r\n$0\"\r\nend\r\n \r\nsnippet 'mText_Search(搜索框)' do |cmd|\r\n cmd.trigger = 'minputsearch'\r\n cmd.expansion = \"\r\n
\r\n$0\"\r\nend\r\n\r\nsnippet 'mText_Clear(带清除按钮的文本框)' do |cmd|\r\n cmd.trigger = 'minputclear'\r\n cmd.expansion = \"\r\n Input \r\n
\r\n$0\"\r\nend\r\n\r\nsnippet 'mText_Speech(语音输入)' do |cmd|\r\n cmd.trigger = 'minputspeech'\r\n cmd.expansion = \"\r\n ${2:Input} \r\n
\r\n$0\"\r\nend\r\n \r\nsnippet 'mForm(表单)' do |cmd|\r\n cmd.trigger = 'mform'\r\n cmd.needApplyReContentAssist = true \r\n cmd.expansion = \"$0\"\r\nend\r\n \r\nsnippet 'mRadio(单选框)' do |cmd|\r\n cmd.trigger = 'mradio'\r\n cmd.expansion = \"\r\n ${1:Radio} \r\n
$0\"\r\nend\r\n \r\nsnippet 'mPopover(弹出菜单)' do |cmd|\r\n cmd.trigger = 'mpopover'\r\n cmd.expansion = '$0'\r\nend\r\n \r\nsnippet 'mPopover(H5模式弹出菜单)' do |cmd|\r\n cmd.trigger = 'mactionsheet'\r\n cmd.expansion = '$0'\r\nend\r\n \r\nsnippet 'mRange(label+输入框+滑块)' do |cmd|\r\n cmd.trigger = 'mrangeinput'\r\n cmd.expansion = \"label+输入框+滑块： \r\n $0\"\r\nend\r\n \r\nsnippet 'mRange(Label+滑块)' do |cmd|\r\n cmd.trigger = 'mrangelabel'\r\n cmd.expansion = \"label+滑块：${1:20} \r\n\r\n ${4:滑块：} \r\n
$0\"\r\nend\r\n\r\nsnippet 'mRange(整行滑块)' do |cmd|\r\n cmd.trigger = 'mrangeline'\r\n cmd.expansion = \"${4:整行滑块：}${1:50} \r\n \r\n
$0\"\r\nend\r\n \r\nsnippet 'mSwitch(开关)' do |cmd|\r\n cmd.trigger = 'mswitch'\r\n cmd.expansion = \"$0\"\r\nend\r\n \r\nsnippet 'mSwitch(开关Mini)' do |cmd|\r\n cmd.trigger = 'mswitchmini'\r\n cmd.expansion = \"\"\r\nend\r\n \r\nsnippet 'mbadge（数字角标）' do |cmd|\r\n cmd.trigger = 'mbadge'\r\n cmd.expansion = \"${2:1} $0\"\r\nend\r\nsnippet 'mbadge（数字角标无底色）' do |cmd|\r\n cmd.trigger = 'mbadge_inverted'\r\n cmd.expansion = \"${2:1} $0\"\r\nend\r\n \r\nsnippet 'mTab(底部选项卡)' do |cmd|\r\n cmd.trigger = 'mtab'\r\n cmd.expansion = \"\r\n \r\n ${1:首页} \r\n \r\n \r\n ${2:电话} \r\n \r\n \r\n ${3:邮件} \r\n \r\n \r\n ${4:设置} \r\n \r\n $0\"\r\nend\r\n \r\nsnippet 'mTabSegmented(div选项卡)' do |cmd|\r\n cmd.trigger = 'mtabsegmented'\r\n cmd.expansion = \"$0\"\r\nend\r\n \r\nsnippet 'mTabSegmented(可左右拖动的选项卡)' do |cmd|\r\n cmd.trigger = 'mtabviewpage'\r\n cmd.expansion = '\r\n
\r\n
\r\n
\r\n
\r\n
\r\n ${3:第1个选项卡子项} \r\n ${4:第1个选项卡子项} \r\n \r\n
\r\n
\r\n
\r\n ${5:第2个选项卡子项} \r\n ${6:第2个选项卡子项} \r\n \r\n
\r\n
\r\n
\r\n - \r\n + \r\n
$0\"\r\nend\r\nsnippet 'mrefreshContainer(刷新容器)' do |cmd|\r\n cmd.trigger = 'mrefresh'\r\n cmd.expansion = \"\r\n\"\r\nend\r\n \r\nsnippet 'mButton(按钮)' do |cmd|\r\n cmd.trigger = 'mbutton'\r\n cmd.expansion = \"${2:按钮} $0\"\r\nend\r\nsnippet 'mButton(按钮无底色,有边框)' do |cmd|\r\n cmd.trigger = 'mbutton_outline'\r\n cmd.expansion = \"${2:按钮} $0\"\r\nend\r\n \r\nend\r\n\r\n "
},
{
"path": "package.json",
"content": "{\n \"name\": \"mui\",\n \"description\": \"最接近原生体验的高性能前端框架.\",\n \"version\": \"3.7.3\",\n \"keywords\": [\n \"css\",\n \"fonts\",\n \"ios\",\n \"android\",\n \"mobile\",\n \"prototype\"\n ],\n \"homepage\": \"http://dev.dcloud.net.cn/mui\",\n \"author\": \"DCloud\",\n \"style\": \"dist/css/mui.css\",\n \"sass\": \"sass/mui.scss\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/dcloudio/mui.git\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/dcloudio/mui/issues\"\n },\n \"license\": \"MIT\",\n \"scripts\": {\n \"test\": \"grunt test\"\n },\n \"devDependencies\": {\n \"body-parser\": \"~1.9.1\",\n \"grunt\": \"~0.4.5\",\n \"grunt-contrib-clean\": \"~0.5.0\",\n \"grunt-contrib-concat\": \"~0.4.0\",\n \"grunt-contrib-connect\": \"^0.8.0\",\n \"grunt-contrib-copy\": \"~0.5.0\",\n \"grunt-contrib-csslint\": \"~0.2.0\",\n \"grunt-contrib-cssmin\": \"~0.9.0\",\n \"grunt-contrib-handlebars\": \"~0.8.0\",\n \"grunt-contrib-jshint\": \"~0.10.0\",\n \"grunt-contrib-sass\": \"~0.7.3\",\n \"grunt-contrib-uglify\": \"~0.4.0\",\n \"grunt-contrib-watch\": \"~0.6.1\",\n \"grunt-csscomb\": \"~2.0.1\",\n \"grunt-html-validation\": \"~0.1.17\",\n \"grunt-jekyll\": \"~0.4.2\",\n \"grunt-jscs\": \"~1.7.0\",\n \"grunt-jsdoc\": \"~0.5.4\",\n \"grunt-open\": \"^0.2.3\",\n \"grunt-sed\": \"~0.1.1\",\n \"gulp\": \"^3.9.1\",\n \"load-grunt-tasks\": \"~0.4.0\",\n \"time-grunt\": \"~0.3.1\"\n },\n \"engines\": {\n \"node\": \"~0.10.1\"\n }\n}\n"
},
{
"path": "plugin/picker/css/mui.dtpicker.css",
"content": ".mui-dtpicker {\n\tposition: fixed;\n\tleft: 0px;\n\twidth: 100%;\n\tz-index: 999999;\n\tbackground-color: #eee;\n\tborder-top: solid 1px #ccc;\n\tbox-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);\n\t-webkit-transition: .3s;\n\tbottom: 0px;\n\t-webkit-transform: translateY(300px);\n}\n.mui-dtpicker.mui-active {\n\t-webkit-transform: translateY(0px);\n}\n/*用于将 html body 禁止滚动条*/\n\n.mui-dtpicker-active-for-page {\n\toverflow: hidden !important;\n}\n.mui-android-5-1 .mui-dtpicker {\n\tbottom: -300px;\n\t-webkit-transition-property: bottom;\n\t-webkit-transform: none;\n}\n.mui-android-5-1 .mui-dtpicker.mui-active {\n\tbottom: 0px;\n\t-webkit-transition-property: bottom;\n\t-webkit-transform: none;\n}\n.mui-dtpicker-header {\n\tpadding: 6px;\n\tfont-size: 14px;\n\tcolor: #888;\n}\n.mui-dtpicker-header button {\n\tfont-size: 12px;\n\tpadding: 5px 10px;\n}\n.mui-dtpicker-header button:last-child {\n\tfloat: right;\n}\n.mui-dtpicker-body {\n\tposition: relative;\n\twidth: 100%;\n\theight: 200px;\n\t/*border-top: solid 1px #eee;\r\n\tbackground-color: #fff;*/\n}\n.mui-ios .mui-dtpicker-body {\n\t-webkit-perspective: 1200px;\n\tperspective: 1200px;\n\t-webkit-transform-style: preserve-3d;\n\ttransform-style: preserve-3d;\n}\n.mui-dtpicker-title h5 {\n\tdisplay: inline-block;\n\twidth: 20%;\n\tmargin: 0px;\n\tpadding: 8px;\n\ttext-align: center;\n\tborder-top: solid 1px #ddd;\n\tbackground-color: #f0f0f0;\n\tborder-bottom: solid 1px #ccc;\n}\n.mui-dtpicker .mui-picker {\n\twidth: 20%;\n\theight: 100%;\n\tmargin: 0px;\n\tfloat: left;\n\tborder: none;\n}\n/*年月日时分*/\n\n[data-type=\"datetime\"] .mui-picker,\n[data-type=\"time\"] .mui-dtpicker-title h5 {\n\twidth: 20%;\n}\n[data-type=\"datetime\"] [data-id=\"picker-h\"],\n[data-type=\"datetime\"] [data-id=\"title-h\"] {\n\tborder-left: dotted 1px #ccc;\n}\n/*年月日*/\n\n[data-type=\"date\"] .mui-picker,\n[data-type=\"date\"] .mui-dtpicker-title h5 {\n\twidth: 33.3%;\n}\n[data-type=\"date\"] [data-id=\"picker-h\"],\n[data-type=\"date\"] [data-id=\"picker-i\"],\n[data-type=\"date\"] [data-id=\"title-h\"],\n[data-type=\"date\"] [data-id=\"title-i\"] {\n\tdisplay: none;\n}\n/*年月日时*/\n\n[data-type=\"hour\"] .mui-picker,\n[data-type=\"hour\"] .mui-dtpicker-title h5 {\n\twidth: 25%;\n}\n[data-type=\"hour\"] [data-id=\"picker-i\"],\n[data-type=\"hour\"] [data-id=\"title-i\"] {\n\tdisplay: none;\n}\n[data-type=\"hour\"] [data-id=\"picker-h\"],\n[data-type=\"hour\"] [data-id=\"title-h\"] {\n\tborder-left: dotted 1px #ccc;\n}\n/*时分*/\n\n[data-type=\"time\"] .mui-picker,\n[data-type=\"time\"] .mui-dtpicker-title h5 {\n\twidth: 50%;\n}\n[data-type=\"time\"] [data-id=\"picker-y\"],\n[data-type=\"time\"] [data-id=\"picker-m\"],\n[data-type=\"time\"] [data-id=\"picker-d\"],\n[data-type=\"time\"] [data-id=\"title-y\"],\n[data-type=\"time\"] [data-id=\"title-m\"],\n[data-type=\"time\"] [data-id=\"title-d\"] {\n\tdisplay: none;\n}\n/*年月*/\n\n[data-type=\"month\"] .mui-picker,\n[data-type=\"month\"] .mui-dtpicker-title h5 {\n\twidth: 50%;\n}\n[data-type=\"month\"] [data-id=\"picker-d\"],\n[data-type=\"month\"] [data-id=\"picker-h\"],\n[data-type=\"month\"] [data-id=\"picker-i\"],\n[data-type=\"month\"] [data-id=\"title-d\"],\n[data-type=\"month\"] [data-id=\"title-h\"],\n[data-type=\"month\"] [data-id=\"title-i\"] {\n\tdisplay: none;\n}"
},
{
"path": "plugin/picker/css/mui.picker.css",
"content": "/**\n * 选择列表插件\n * varstion 2.0.0\n * by Houfeng\n * Houfeng@DCloud.io\n */\n\n.mui-picker {\n background-color: #ddd;\n position: relative;\n height: 200px;\n overflow: hidden;\n border: solid 1px rgba(0, 0, 0, 0.1);\n -webkit-user-select: none;\n user-select: none;\n box-sizing: border-box;\n list-style: none;\n}\n.mui-picker-inner {\n box-sizing: border-box;\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);\n -webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);\n}\n.mui-pciker-list,\n.mui-pciker-rule {\n box-sizing: border-box;\n padding: 0px;\n margin: 0px;\n width: 100%;\n height: 36px;\n line-height: 36px;\n position: absolute;\n left: 0px;\n top: 50%;\n margin-top: -18px;\n}\n.mui-pciker-rule-bg {\n z-index: 0;\n /*background-color: #cfd5da;*/\n}\n.mui-pciker-rule-ft {\n z-index: 2;\n border-top: solid 1px rgba(0, 0, 0, 0.1);\n border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/\n /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/\n}\n.mui-pciker-list {\n z-index: 1;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);\n transform: perspective(1000px) rotateY(0deg) rotateX(0deg);\n}\n.mui-pciker-list li {\n width: 100%;\n height: 100%;\n position: absolute;\n text-align: center;\n vertical-align: middle;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n overflow: hidden;\n box-sizing: border-box;\n font-size: 16px;\n font-family: \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"sans-serif\";\n color: #888;\n padding: 0px 8px;\n white-space: nowrap;\n -webkit-text-overflow: ellipsis;\n text-overflow: ellipsis;\n overflow: hidden;\n cursor: default;\n visibility: hidden;\n list-style: none;\n}\n.mui-pciker-list li.highlight,\n.mui-pciker-list li.visible {\n visibility: visible;\n}\n.mui-pciker-list li.highlight {\n color: #222;\n}"
},
{
"path": "plugin/picker/css/mui.poppicker.css",
"content": ".mui-poppicker {\n\tposition: fixed;\n\tleft: 0px;\n\twidth: 100%;\n\tz-index: 999;\n\tbackground-color: #eee;\n\tborder-top: solid 1px #ccc;\n\tbox-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);\n\t-webkit-transition: .3s;\n\ttransition: .3s;\n\tbottom: 0px;\n\t-webkit-transform: translateY(300px);\n\ttransform: translateY(300px);\n}\n\n.mui-poppicker.mui-active {\n\t-webkit-transform: translateY(0px);\n\ttransform: translateY(0px);\n}\n\n.mui-android-5-1 .mui-poppicker {\n\tbottom: -300px;\n\t-webkit-transition-property: bottom;\n\ttransition-property: bottom;\n\t-webkit-transform: none;\n\ttransform: none;\n}\n\n.mui-android-5-1 .mui-poppicker.mui-active {\n\tbottom: 0px;\n\t-webkit-transition-property: bottom;\n\ttransition-property: bottom;\n\t-webkit-transform: none;\n\ttransform: none;\n}\n\n.mui-poppicker-header {\n\tpadding: 6px;\n\tfont-size: 14px;\n\tcolor: #888;\n}\n\n.mui-poppicker-header .mui-btn {\n\tfont-size: 12px;\n\tpadding: 5px 10px;\n}\n\n.mui-poppicker-btn-cancel {\n\tfloat: left;\n}\n\n.mui-poppicker-btn-ok {\n\tfloat: right;\n}\n\n.mui-poppicker-clear {\n\tclear: both;\n\theight: 0px;\n\tline-height: 0px;\n\tfont-size: 0px;\n\toverflow: hidden;\n}\n\n.mui-poppicker-body {\n\tposition: relative;\n\twidth: 100%;\n\theight: 200px;\n\tborder-top: solid 1px #ddd;\n\t/*-webkit-perspective: 1200px;\n\tperspective: 1200px;\n\t-webkit-transform-style: preserve-3d;\n\ttransform-style: preserve-3d;*/\n}\n\n.mui-poppicker-body .mui-picker {\n\twidth: 100%;\n\theight: 100%;\n\tmargin: 0px;\n\tborder: none;\n\tfloat: left;\n}"
},
{
"path": "plugin/picker/dist/css/mui.picker.all.css",
"content": "/**\n * 选择列表插件\n * varstion 2.0.0\n * by Houfeng\n * Houfeng@DCloud.io\n */\n\n.mui-picker {\n background-color: #ddd;\n position: relative;\n height: 200px;\n overflow: hidden;\n border: solid 1px rgba(0, 0, 0, 0.1);\n -webkit-user-select: none;\n user-select: none;\n box-sizing: border-box;\n list-style: none;\n}\n.mui-picker-inner {\n box-sizing: border-box;\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);\n -webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);\n}\n.mui-pciker-list,\n.mui-pciker-rule {\n box-sizing: border-box;\n padding: 0px;\n margin: 0px;\n width: 100%;\n height: 36px;\n line-height: 36px;\n position: absolute;\n left: 0px;\n top: 50%;\n margin-top: -18px;\n}\n.mui-pciker-rule-bg {\n z-index: 0;\n /*background-color: #cfd5da;*/\n}\n.mui-pciker-rule-ft {\n z-index: 2;\n border-top: solid 1px rgba(0, 0, 0, 0.1);\n border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/\n /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/\n}\n.mui-pciker-list {\n z-index: 1;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);\n transform: perspective(1000px) rotateY(0deg) rotateX(0deg);\n}\n.mui-pciker-list li {\n width: 100%;\n height: 100%;\n position: absolute;\n text-align: center;\n vertical-align: middle;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n overflow: hidden;\n box-sizing: border-box;\n font-size: 16px;\n font-family: \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"sans-serif\";\n color: #888;\n padding: 0px 8px;\n white-space: nowrap;\n -webkit-text-overflow: ellipsis;\n text-overflow: ellipsis;\n overflow: hidden;\n cursor: default;\n visibility: hidden;\n list-style: none;\n}\n.mui-pciker-list li.highlight,\n.mui-pciker-list li.visible {\n visibility: visible;\n}\n.mui-pciker-list li.highlight {\n color: #222;\n}\n.mui-poppicker {\n\tposition: fixed;\n\tleft: 0px;\n\twidth: 100%;\n\tz-index: 999;\n\tbackground-color: #eee;\n\tborder-top: solid 1px #ccc;\n\tbox-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);\n\t-webkit-transition: .3s;\n\ttransition: .3s;\n\tbottom: 0px;\n\t-webkit-transform: translateY(300px);\n\ttransform: translateY(300px);\n}\n\n.mui-poppicker.mui-active {\n\t-webkit-transform: translateY(0px);\n\ttransform: translateY(0px);\n}\n\n.mui-android-5-1 .mui-poppicker {\n\tbottom: -300px;\n\t-webkit-transition-property: bottom;\n\ttransition-property: bottom;\n\t-webkit-transform: none;\n\ttransform: none;\n}\n\n.mui-android-5-1 .mui-poppicker.mui-active {\n\tbottom: 0px;\n\t-webkit-transition-property: bottom;\n\ttransition-property: bottom;\n\t-webkit-transform: none;\n\ttransform: none;\n}\n\n.mui-poppicker-header {\n\tpadding: 6px;\n\tfont-size: 14px;\n\tcolor: #888;\n}\n\n.mui-poppicker-header .mui-btn {\n\tfont-size: 12px;\n\tpadding: 5px 10px;\n}\n\n.mui-poppicker-btn-cancel {\n\tfloat: left;\n}\n\n.mui-poppicker-btn-ok {\n\tfloat: right;\n}\n\n.mui-poppicker-clear {\n\tclear: both;\n\theight: 0px;\n\tline-height: 0px;\n\tfont-size: 0px;\n\toverflow: hidden;\n}\n\n.mui-poppicker-body {\n\tposition: relative;\n\twidth: 100%;\n\theight: 200px;\n\tborder-top: solid 1px #ddd;\n\t/*-webkit-perspective: 1200px;\n\tperspective: 1200px;\n\t-webkit-transform-style: preserve-3d;\n\ttransform-style: preserve-3d;*/\n}\n\n.mui-poppicker-body .mui-picker {\n\twidth: 100%;\n\theight: 100%;\n\tmargin: 0px;\n\tborder: none;\n\tfloat: left;\n}\n.mui-dtpicker {\n\tposition: fixed;\n\tleft: 0px;\n\twidth: 100%;\n\tz-index: 999999;\n\tbackground-color: #eee;\n\tborder-top: solid 1px #ccc;\n\tbox-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);\n\t-webkit-transition: .3s;\n\tbottom: 0px;\n\t-webkit-transform: translateY(300px);\n}\n.mui-dtpicker.mui-active {\n\t-webkit-transform: translateY(0px);\n}\n/*用于将 html body 禁止滚动条*/\n\n.mui-dtpicker-active-for-page {\n\toverflow: hidden !important;\n}\n.mui-android-5-1 .mui-dtpicker {\n\tbottom: -300px;\n\t-webkit-transition-property: bottom;\n\t-webkit-transform: none;\n}\n.mui-android-5-1 .mui-dtpicker.mui-active {\n\tbottom: 0px;\n\t-webkit-transition-property: bottom;\n\t-webkit-transform: none;\n}\n.mui-dtpicker-header {\n\tpadding: 6px;\n\tfont-size: 14px;\n\tcolor: #888;\n}\n.mui-dtpicker-header button {\n\tfont-size: 12px;\n\tpadding: 5px 10px;\n}\n.mui-dtpicker-header button:last-child {\n\tfloat: right;\n}\n.mui-dtpicker-body {\n\tposition: relative;\n\twidth: 100%;\n\theight: 200px;\n\t/*border-top: solid 1px #eee;\r\n\tbackground-color: #fff;*/\n}\n.mui-ios .mui-dtpicker-body {\n\t-webkit-perspective: 1200px;\n\tperspective: 1200px;\n\t-webkit-transform-style: preserve-3d;\n\ttransform-style: preserve-3d;\n}\n.mui-dtpicker-title h5 {\n\tdisplay: inline-block;\n\twidth: 20%;\n\tmargin: 0px;\n\tpadding: 8px;\n\ttext-align: center;\n\tborder-top: solid 1px #ddd;\n\tbackground-color: #f0f0f0;\n\tborder-bottom: solid 1px #ccc;\n}\n.mui-dtpicker .mui-picker {\n\twidth: 20%;\n\theight: 100%;\n\tmargin: 0px;\n\tfloat: left;\n\tborder: none;\n}\n/*年月日时分*/\n\n[data-type=\"datetime\"] .mui-picker,\n[data-type=\"time\"] .mui-dtpicker-title h5 {\n\twidth: 20%;\n}\n[data-type=\"datetime\"] [data-id=\"picker-h\"],\n[data-type=\"datetime\"] [data-id=\"title-h\"] {\n\tborder-left: dotted 1px #ccc;\n}\n/*年月日*/\n\n[data-type=\"date\"] .mui-picker,\n[data-type=\"date\"] .mui-dtpicker-title h5 {\n\twidth: 33.3%;\n}\n[data-type=\"date\"] [data-id=\"picker-h\"],\n[data-type=\"date\"] [data-id=\"picker-i\"],\n[data-type=\"date\"] [data-id=\"title-h\"],\n[data-type=\"date\"] [data-id=\"title-i\"] {\n\tdisplay: none;\n}\n/*年月日时*/\n\n[data-type=\"hour\"] .mui-picker,\n[data-type=\"hour\"] .mui-dtpicker-title h5 {\n\twidth: 25%;\n}\n[data-type=\"hour\"] [data-id=\"picker-i\"],\n[data-type=\"hour\"] [data-id=\"title-i\"] {\n\tdisplay: none;\n}\n[data-type=\"hour\"] [data-id=\"picker-h\"],\n[data-type=\"hour\"] [data-id=\"title-h\"] {\n\tborder-left: dotted 1px #ccc;\n}\n/*时分*/\n\n[data-type=\"time\"] .mui-picker,\n[data-type=\"time\"] .mui-dtpicker-title h5 {\n\twidth: 50%;\n}\n[data-type=\"time\"] [data-id=\"picker-y\"],\n[data-type=\"time\"] [data-id=\"picker-m\"],\n[data-type=\"time\"] [data-id=\"picker-d\"],\n[data-type=\"time\"] [data-id=\"title-y\"],\n[data-type=\"time\"] [data-id=\"title-m\"],\n[data-type=\"time\"] [data-id=\"title-d\"] {\n\tdisplay: none;\n}\n/*年月*/\n\n[data-type=\"month\"] .mui-picker,\n[data-type=\"month\"] .mui-dtpicker-title h5 {\n\twidth: 50%;\n}\n[data-type=\"month\"] [data-id=\"picker-d\"],\n[data-type=\"month\"] [data-id=\"picker-h\"],\n[data-type=\"month\"] [data-id=\"picker-i\"],\n[data-type=\"month\"] [data-id=\"title-d\"],\n[data-type=\"month\"] [data-id=\"title-h\"],\n[data-type=\"month\"] [data-id=\"title-i\"] {\n\tdisplay: none;\n}"
},
{
"path": "plugin/picker/dist/js/mui.picker.all.js",
"content": "/**\n * 选择列表插件\n * varstion 2.0.0\n * by Houfeng\n * Houfeng@DCloud.io\n */\n\n(function($, window, document, undefined) {\n\n\tvar MAX_EXCEED = 30;\n\tvar VISIBLE_RANGE = 90;\n\tvar DEFAULT_ITEM_HEIGHT = 40;\n\tvar BLUR_WIDTH = 10;\n\n\tvar rad2deg = $.rad2deg = function(rad) {\n\t\treturn rad / (Math.PI / 180);\n\t};\n\n\tvar deg2rad = $.deg2rad = function(deg) {\n\t\treturn deg * (Math.PI / 180);\n\t};\n\n\tvar platform = navigator.platform.toLowerCase();\n\tvar userAgent = navigator.userAgent.toLowerCase();\n\tvar isIos = (userAgent.indexOf('iphone') > -1 ||\n\t\t\tuserAgent.indexOf('ipad') > -1 ||\n\t\t\tuserAgent.indexOf('ipod') > -1) &&\n\t\t(platform.indexOf('iphone') > -1 ||\n\t\t\tplatform.indexOf('ipad') > -1 ||\n\t\t\tplatform.indexOf('ipod') > -1);\n\t//alert(isIos);\n\n\tvar Picker = $.Picker = function(holder, options) {\n\t\tvar self = this;\n\t\tself.holder = holder;\n\t\tself.options = options || {};\n\t\tself.init();\n\t\tself.initInertiaParams();\n\t\tself.calcElementItemPostion(true);\n\t\tself.bindEvent();\n\t};\n\n\tPicker.prototype.findElementItems = function() {\n\t\tvar self = this;\n\t\tself.elementItems = [].slice.call(self.holder.querySelectorAll('li'));\n\t\treturn self.elementItems;\n\t};\n\n\tPicker.prototype.init = function() {\n\t\tvar self = this;\n\t\tself.list = self.holder.querySelector('ul');\n\t\tself.findElementItems();\n\t\tself.height = self.holder.offsetHeight;\n\t\tself.r = self.height / 2 - BLUR_WIDTH;\n\t\tself.d = self.r * 2;\n\t\tself.itemHeight = self.elementItems.length > 0 ? self.elementItems[0].offsetHeight : DEFAULT_ITEM_HEIGHT;\n\t\tself.itemAngle = parseInt(self.calcAngle(self.itemHeight * 0.8));\n\t\tself.hightlightRange = self.itemAngle / 2;\n\t\tself.visibleRange = VISIBLE_RANGE;\n\t\tself.beginAngle = 0;\n\t\tself.beginExceed = self.beginAngle - MAX_EXCEED;\n\t\tself.list.angle = self.beginAngle;\n\t\tif (isIos) {\n\t\t\tself.list.style.webkitTransformOrigin = \"center center \" + self.r + \"px\";\n\t\t}\n\t};\n\n\tPicker.prototype.calcElementItemPostion = function(andGenerateItms) {\n\t\tvar self = this;\n\t\tif (andGenerateItms) {\n\t\t\tself.items = [];\n\t\t}\n\t\tself.elementItems.forEach(function(item) {\n\t\t\tvar index = self.elementItems.indexOf(item);\n\t\t\tself.endAngle = self.itemAngle * index;\n\t\t\titem.angle = self.endAngle;\n\t\t\titem.style.webkitTransformOrigin = \"center center -\" + self.r + \"px\";\n\t\t\titem.style.webkitTransform = \"translateZ(\" + self.r + \"px) rotateX(\" + (-self.endAngle) + \"deg)\";\n\t\t\tif (andGenerateItms) {\n\t\t\t\tvar dataItem = {};\n\t\t\t\tdataItem.text = item.innerHTML || '';\n\t\t\t\tdataItem.value = item.getAttribute('data-value') || dataItem.text;\n\t\t\t\tself.items.push(dataItem);\n\t\t\t}\n\t\t});\n\t\tself.endExceed = self.endAngle + MAX_EXCEED;\n\t\tself.calcElementItemVisibility(self.beginAngle);\n\t};\n\n\tPicker.prototype.calcAngle = function(c) {\n\t\tvar self = this;\n\t\tvar a = b = parseFloat(self.r);\n\t\t//直径的整倍数部分直接乘以 180\n\t\tc = Math.abs(c); //只算角度不关心正否值\n\t\tvar intDeg = parseInt(c / self.d) * 180;\n\t\tc = c % self.d;\n\t\t//余弦\n\t\tvar cosC = (a * a + b * b - c * c) / (2 * a * b);\n\t\tvar angleC = intDeg + rad2deg(Math.acos(cosC));\n\t\treturn angleC;\n\t};\n\n\tPicker.prototype.calcElementItemVisibility = function(angle) {\n\t\tvar self = this;\n\t\tself.elementItems.forEach(function(item) {\n\t\t\tvar difference = Math.abs(item.angle - angle);\n\t\t\tif (difference < self.hightlightRange) {\n\t\t\t\titem.classList.add('highlight');\n\t\t\t} else if (difference < self.visibleRange) {\n\t\t\t\titem.classList.add('visible');\n\t\t\t\titem.classList.remove('highlight');\n\t\t\t} else {\n\t\t\t\titem.classList.remove('highlight');\n\t\t\t\titem.classList.remove('visible');\n\t\t\t}\n\t\t});\n\t};\n\n\tPicker.prototype.setAngle = function(angle) {\n\t\tvar self = this;\n\t\tself.list.angle = angle;\n\t\tself.list.style.webkitTransform = \"perspective(1000px) rotateY(0deg) rotateX(\" + angle + \"deg)\";\n\t\tself.calcElementItemVisibility(angle);\n\t};\n\n\tPicker.prototype.bindEvent = function() {\n\t\tvar self = this;\n\t\tvar lastAngle = 0;\n\t\tvar startY = null;\n\t\tvar isPicking = false;\n\t\tself.holder.addEventListener($.EVENT_START, function(event) {\n\t\t\tisPicking = true;\n\t\t\tevent.preventDefault();\n\t\t\tself.list.style.webkitTransition = '';\n\t\t\tstartY = (event.changedTouches ? event.changedTouches[0] : event).pageY;\n\t\t\tlastAngle = self.list.angle;\n\t\t\tself.updateInertiaParams(event, true);\n\t\t}, false);\n\t\tself.holder.addEventListener($.EVENT_END, function(event) {\n\t\t\tisPicking = false;\n\t\t\tevent.preventDefault();\n\t\t\tself.startInertiaScroll(event);\n\t\t}, false);\n\t\tself.holder.addEventListener($.EVENT_CANCEL, function(event) {\n\t\t\tisPicking = false;\n\t\t\tevent.preventDefault();\n\t\t\tself.startInertiaScroll(event);\n\t\t}, false);\n\t\tself.holder.addEventListener($.EVENT_MOVE, function(event) {\n\t\t\tif (!isPicking) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tevent.preventDefault();\n\t\t\tvar endY = (event.changedTouches ? event.changedTouches[0] : event).pageY;\n\t\t\tvar dragRange = endY - startY;\n\t\t\tvar dragAngle = self.calcAngle(dragRange);\n\t\t\tvar newAngle = dragRange > 0 ? lastAngle - dragAngle : lastAngle + dragAngle;\n\t\t\tif (newAngle > self.endExceed) {\n\t\t\t\tnewAngle = self.endExceed\n\t\t\t}\n\t\t\tif (newAngle < self.beginExceed) {\n\t\t\t\tnewAngle = self.beginExceed\n\t\t\t}\n\t\t\tself.setAngle(newAngle);\n\t\t\tself.updateInertiaParams(event);\n\t\t}, false);\n\t\t//--\n\t\tself.list.addEventListener('tap', function(event) {\n\t\t\telementItem = event.target;\n\t\t\tif (elementItem.tagName == 'LI') {\n\t\t\t\tself.setSelectedIndex(self.elementItems.indexOf(elementItem), 200);\n\t\t\t}\n\t\t}, false);\n\t};\n\n\tPicker.prototype.initInertiaParams = function() {\n\t\tvar self = this;\n\t\tself.lastMoveTime = 0;\n\t\tself.lastMoveStart = 0;\n\t\tself.stopInertiaMove = false;\n\t};\n\n\tPicker.prototype.updateInertiaParams = function(event, isStart) {\n\t\tvar self = this;\n\t\tvar point = event.changedTouches ? event.changedTouches[0] : event;\n\t\tif (isStart) {\n\t\t\tself.lastMoveStart = point.pageY;\n\t\t\tself.lastMoveTime = event.timeStamp || Date.now();\n\t\t\tself.startAngle = self.list.angle;\n\t\t} else {\n\t\t\tvar nowTime = event.timeStamp || Date.now();\n\t\t\tif (nowTime - self.lastMoveTime > 300) {\n\t\t\t\tself.lastMoveTime = nowTime;\n\t\t\t\tself.lastMoveStart = point.pageY;\n\t\t\t}\n\t\t}\n\t\tself.stopInertiaMove = true;\n\t};\n\n\tPicker.prototype.startInertiaScroll = function(event) {\n\t\tvar self = this;\n\t\tvar point = event.changedTouches ? event.changedTouches[0] : event;\n\t\t/** \n\t\t * 缓动代码\n\t\t */\n\t\tvar nowTime = event.timeStamp || Date.now();\n\t\tvar v = (point.pageY - self.lastMoveStart) / (nowTime - self.lastMoveTime); //最后一段时间手指划动速度 \n\t\tvar dir = v > 0 ? -1 : 1; //加速度方向 \n\t\tvar deceleration = dir * 0.0006 * -1;\n\t\tvar duration = Math.abs(v / deceleration); // 速度消减至0所需时间 \n\t\tvar dist = v * duration / 2; //最终移动多少 \n\t\tvar startAngle = self.list.angle;\n\t\tvar distAngle = self.calcAngle(dist) * dir;\n\t\t//----\n\t\tvar srcDistAngle = distAngle;\n\t\tif (startAngle + distAngle < self.beginExceed) {\n\t\t\tdistAngle = self.beginExceed - startAngle;\n\t\t\tduration = duration * (distAngle / srcDistAngle) * 0.6;\n\t\t}\n\t\tif (startAngle + distAngle > self.endExceed) {\n\t\t\tdistAngle = self.endExceed - startAngle;\n\t\t\tduration = duration * (distAngle / srcDistAngle) * 0.6;\n\t\t}\n\t\t//----\n\t\tif (distAngle == 0) {\n\t\t\tself.endScroll();\n\t\t\treturn;\n\t\t}\n\t\tself.scrollDistAngle(nowTime, startAngle, distAngle, duration);\n\t};\n\n\tPicker.prototype.scrollDistAngle = function(nowTime, startAngle, distAngle, duration) {\n\t\tvar self = this;\n\t\tself.stopInertiaMove = false;\n\t\t(function(nowTime, startAngle, distAngle, duration) {\n\t\t\tvar frameInterval = 13;\n\t\t\tvar stepCount = duration / frameInterval;\n\t\t\tvar stepIndex = 0;\n\t\t\t(function inertiaMove() {\n\t\t\t\tif (self.stopInertiaMove) return;\n\t\t\t\tvar newAngle = self.quartEaseOut(stepIndex, startAngle, distAngle, stepCount);\n\t\t\t\tself.setAngle(newAngle);\n\t\t\t\tstepIndex++;\n\t\t\t\tif (stepIndex > stepCount - 1 || newAngle < self.beginExceed || newAngle > self.endExceed) {\n\t\t\t\t\tself.endScroll();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetTimeout(inertiaMove, frameInterval);\n\t\t\t})();\n\t\t})(nowTime, startAngle, distAngle, duration);\n\t};\n\n\tPicker.prototype.quartEaseOut = function(t, b, c, d) {\n\t\treturn -c * ((t = t / d - 1) * t * t * t - 1) + b;\n\t};\n\n\tPicker.prototype.endScroll = function() {\n\t\tvar self = this;\n\t\tif (self.list.angle < self.beginAngle) {\n\t\t\tself.list.style.webkitTransition = \"150ms ease-out\";\n\t\t\tself.setAngle(self.beginAngle);\n\t\t} else if (self.list.angle > self.endAngle) {\n\t\t\tself.list.style.webkitTransition = \"150ms ease-out\";\n\t\t\tself.setAngle(self.endAngle);\n\t\t} else {\n\t\t\tvar index = parseInt((self.list.angle / self.itemAngle).toFixed(0));\n\t\t\tself.list.style.webkitTransition = \"100ms ease-out\";\n\t\t\tself.setAngle(self.itemAngle * index);\n\t\t}\n\t\tself.triggerChange();\n\t};\n\n\tPicker.prototype.triggerChange = function(force) {\n\t\tvar self = this;\n\t\tsetTimeout(function() {\n\t\t\tvar index = self.getSelectedIndex();\n\t\t\tvar item = self.items[index];\n\t\t\tif ($.trigger && (index != self.lastIndex || force === true)) {\n\t\t\t\t$.trigger(self.holder, 'change', {\n\t\t\t\t\t\"index\": index,\n\t\t\t\t\t\"item\": item\n\t\t\t\t});\n\t\t\t\t//console.log('change:' + index);\n\t\t\t}\n\t\t\tself.lastIndex = index;\n\t\t\ttypeof force === 'function' && force();\n\t\t}, 0);\n\t};\n\n\tPicker.prototype.correctAngle = function(angle) {\n\t\tvar self = this;\n\t\tif (angle < self.beginAngle) {\n\t\t\treturn self.beginAngle;\n\t\t} else if (angle > self.endAngle) {\n\t\t\treturn self.endAngle;\n\t\t} else {\n\t\t\treturn angle;\n\t\t}\n\t};\n\n\tPicker.prototype.setItems = function(items) {\n\t\tvar self = this;\n\t\tself.items = items || [];\n\t\tvar buffer = [];\n\t\tself.items.forEach(function(item) {\n\t\t\tif (item !== null && item !== undefined) {\n\t\t\t\tbuffer.push('' + (item.text || item) + ' ');\n\t\t\t}\n\t\t});\n\t\tself.list.innerHTML = buffer.join('');\n\t\tself.findElementItems();\n\t\tself.calcElementItemPostion();\n\t\tself.setAngle(self.correctAngle(self.list.angle));\n\t\tself.triggerChange(true);\n\t};\n\n\tPicker.prototype.getItems = function() {\n\t\tvar self = this;\n\t\treturn self.items;\n\t};\n\n\tPicker.prototype.getSelectedIndex = function() {\n\t\tvar self = this;\n\t\treturn parseInt((self.list.angle / self.itemAngle).toFixed(0));\n\t};\n\n\tPicker.prototype.setSelectedIndex = function(index, duration, callback) {\n\t\tvar self = this;\n\t\tself.list.style.webkitTransition = '';\n\t\tvar angle = self.correctAngle(self.itemAngle * index);\n\t\tif (duration && duration > 0) {\n\t\t\tvar distAngle = angle - self.list.angle;\n\t\t\tself.scrollDistAngle(Date.now(), self.list.angle, distAngle, duration);\n\t\t} else {\n\t\t\tself.setAngle(angle);\n\t\t}\n\t\tself.triggerChange(callback);\n\t};\n\n\tPicker.prototype.getSelectedItem = function() {\n\t\tvar self = this;\n\t\treturn self.items[self.getSelectedIndex()];\n\t};\n\n\tPicker.prototype.getSelectedValue = function() {\n\t\tvar self = this;\n\t\treturn (self.items[self.getSelectedIndex()] || {}).value;\n\t};\n\n\tPicker.prototype.getSelectedText = function() {\n\t\tvar self = this;\n\t\treturn (self.items[self.getSelectedIndex()] || {}).text;\n\t};\n\n\tPicker.prototype.setSelectedValue = function(value, duration, callback) {\n\t\tvar self = this;\n\t\tfor (var index in self.items) {\n\t\t\tvar item = self.items[index];\n\t\t\tif (item.value == value) {\n\t\t\t\tself.setSelectedIndex(index, duration, callback);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t};\n\n\tif ($.fn) {\n\t\t$.fn.picker = function(options) {\n\t\t\t//遍历选择的元素\n\t\t\tthis.each(function(i, element) {\n\t\t\t\tif (element.picker) return;\n\t\t\t\tif (options) {\n\t\t\t\t\telement.picker = new Picker(element, options);\n\t\t\t\t} else {\n\t\t\t\t\tvar optionsText = element.getAttribute('data-picker-options');\n\t\t\t\t\tvar _options = optionsText ? JSON.parse(optionsText) : {};\n\t\t\t\t\telement.picker = new Picker(element, _options);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn this[0] ? this[0].picker : null;\n\t\t};\n\n\t\t//自动初始化\n\t\t$.ready(function() {\n\t\t\t$('.mui-picker').picker();\n\t\t});\n\t}\n\n})(window.mui || window, window, document, undefined);\n//end\n/**\n * 弹出选择列表插件\n * 此组件依赖 listpcker ，请在页面中先引入 mui.picker.css + mui.picker.js\n * varstion 1.0.1\n * by Houfeng\n * Houfeng@DCloud.io\n */\n\n(function($, document) {\n\n\t//创建 DOM\n\t$.dom = function(str) {\n\t\tif (typeof(str) !== 'string') {\n\t\t\tif ((str instanceof Array) || (str[0] && str.length)) {\n\t\t\t\treturn [].slice.call(str);\n\t\t\t} else {\n\t\t\t\treturn [str];\n\t\t\t}\n\t\t}\n\t\tif (!$.__create_dom_div__) {\n\t\t\t$.__create_dom_div__ = document.createElement('div');\n\t\t}\n\t\t$.__create_dom_div__.innerHTML = str;\n\t\treturn [].slice.call($.__create_dom_div__.childNodes);\n\t};\n\n\tvar panelBuffer = '\\\n\t\t\\\n\t\t
\\\n\t\t
\\\n\t
\\\n\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t
\\\n\t
\\\n\t\t\\\n\t\t
年 月 日 时 分 \\\n\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t
\\\n\t
\\\n\t\t\\\n\t\t
年 月 日 时 分 \\\n\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t\t
\\\n\t\t\t\t
\\\n\t\t\t
\\\n\t\t
\\\n\t
' + (item.text || item) + ' ');\n\t\t\t}\n\t\t});\n\t\tself.list.innerHTML = buffer.join('');\n\t\tself.findElementItems();\n\t\tself.calcElementItemPostion();\n\t\tself.setAngle(self.correctAngle(self.list.angle));\n\t\tself.triggerChange(true);\n\t};\n\n\tPicker.prototype.getItems = function() {\n\t\tvar self = this;\n\t\treturn self.items;\n\t};\n\n\tPicker.prototype.getSelectedIndex = function() {\n\t\tvar self = this;\n\t\treturn parseInt((self.list.angle / self.itemAngle).toFixed(0));\n\t};\n\n\tPicker.prototype.setSelectedIndex = function(index, duration, callback) {\n\t\tvar self = this;\n\t\tself.list.style.webkitTransition = '';\n\t\tvar angle = self.correctAngle(self.itemAngle * index);\n\t\tif (duration && duration > 0) {\n\t\t\tvar distAngle = angle - self.list.angle;\n\t\t\tself.scrollDistAngle(Date.now(), self.list.angle, distAngle, duration);\n\t\t} else {\n\t\t\tself.setAngle(angle);\n\t\t}\n\t\tself.triggerChange(callback);\n\t};\n\n\tPicker.prototype.getSelectedItem = function() {\n\t\tvar self = this;\n\t\treturn self.items[self.getSelectedIndex()];\n\t};\n\n\tPicker.prototype.getSelectedValue = function() {\n\t\tvar self = this;\n\t\treturn (self.items[self.getSelectedIndex()] || {}).value;\n\t};\n\n\tPicker.prototype.getSelectedText = function() {\n\t\tvar self = this;\n\t\treturn (self.items[self.getSelectedIndex()] || {}).text;\n\t};\n\n\tPicker.prototype.setSelectedValue = function(value, duration, callback) {\n\t\tvar self = this;\n\t\tfor (var index in self.items) {\n\t\t\tvar item = self.items[index];\n\t\t\tif (item.value == value) {\n\t\t\t\tself.setSelectedIndex(index, duration, callback);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t};\n\n\tif ($.fn) {\n\t\t$.fn.picker = function(options) {\n\t\t\t//遍历选择的元素\n\t\t\tthis.each(function(i, element) {\n\t\t\t\tif (element.picker) return;\n\t\t\t\tif (options) {\n\t\t\t\t\telement.picker = new Picker(element, options);\n\t\t\t\t} else {\n\t\t\t\t\tvar optionsText = element.getAttribute('data-picker-options');\n\t\t\t\t\tvar _options = optionsText ? JSON.parse(optionsText) : {};\n\t\t\t\t\telement.picker = new Picker(element, _options);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn this[0] ? this[0].picker : null;\n\t\t};\n\n\t\t//自动初始化\n\t\t$.ready(function() {\n\t\t\t$('.mui-picker').picker();\n\t\t});\n\t}\n\n})(window.mui || window, window, document, undefined);\n//end"
},
{
"path": "plugin/picker/js/mui.poppicker.js",
"content": "/**\n * 弹出选择列表插件\n * 此组件依赖 listpcker ，请在页面中先引入 mui.picker.css + mui.picker.js\n * varstion 1.0.1\n * by Houfeng\n * Houfeng@DCloud.io\n */\n\n(function($, document) {\n\n\t//创建 DOM\n\t$.dom = function(str) {\n\t\tif (typeof(str) !== 'string') {\n\t\t\tif ((str instanceof Array) || (str[0] && str.length)) {\n\t\t\t\treturn [].slice.call(str);\n\t\t\t} else {\n\t\t\t\treturn [str];\n\t\t\t}\n\t\t}\n\t\tif (!$.__create_dom_div__) {\n\t\t\t$.__create_dom_div__ = document.createElement('div');\n\t\t}\n\t\t$.__create_dom_div__.innerHTML = str;\n\t\treturn [].slice.call($.__create_dom_div__.childNodes);\n\t};\n\n\tvar panelBuffer = '\\\n\t\t\\\n\t\t
\\\n\t\t
\\\n\t
\\\n\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t\t
\\\n\t\t
\\\n\t
takes up full table view item tap area (want to avoid selecting child buttons though)\n > a:not(.#{$namespace}btn) {\n position: relative;\n display: block;\n padding: inherit;\n margin: -11px -15px; // Make the entire list item tappable.\n overflow: hidden;\n color: inherit;\n white-space: nowrap; \n text-overflow: ellipsis;\n /*&:active {\n background-color: #eee;\n }*/\n &.#{$namespace}active {\n background-color: #eee;\n }\n }\n p {\n margin-bottom: 0;\n }\n// >.#{$namespace}slider-cell{\n// margin-top:1px;\n// margin-bottom:1px;\n// >.#{$namespace}slider-handle{\n// position:absolute;\n// left:0;\n// right:0;\n// top:0;\n// bottom:0;\n// @include transform(translate3d(100%, 0px, 0px));\n// }\n// >.#{$namespace}slider-left ~ .#{$namespace}slider-handle,>.#{$namespace}slider-right ~ .#{$namespace}slider-handle{\n// position:relative;\n// z-index:z(\"default\");\n// background-color:#fff;\n// padding-left:15px;\n// left:auto;\n// right:auto;\n// top:auto;\n// bottom:auto;\n// @include transform(translate3d(0px, 0px, 0px));\n// }\n// >.#{$namespace}slider-left,>.#{$namespace}slider-right{\n// top:1px;\n// bottom:1px;\n// }\n// }\n}\n.#{$namespace}table-view-cell {\n &.#{$namespace}transitioning{\n >.#{$namespace}slider-handle,>.#{$namespace}slider-left .#{$namespace}btn,>.#{$namespace}slider-right .#{$namespace}btn{\n -webkit-transition: -webkit-transform 300ms ease;\n transition: transform 300ms ease; \n }\n }\n &.#{$namespace}active>.#{$namespace}slider-handle{\n background-color: #eee;\n }\n >.#{$namespace}slider-handle{\n background-color: #fff;\n position: relative;\n &.#{$namespace}navigate-right:after,.#{$namespace}navigate-right:after{\n right: 0;\n }\n }\n >.#{$namespace}slider-handle,>.#{$namespace}slider-left .#{$namespace}btn,>.#{$namespace}slider-right .#{$namespace}btn{\n -webkit-transition: -webkit-transform 0ms ease;\n transition: transform 0ms ease;\n// -webkit-backface-visibility: hidden;\r\n// backface-visibility: hidden;\n }\n >.#{$namespace}slider-left,>.#{$namespace}slider-right{\n// -webkit-backface-visibility: hidden;\r\n// backface-visibility: hidden;\n position: absolute;\n top: 0;\n height: 100%;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n >.#{$namespace}btn{\n padding: 0 30px;\n color: #fff;\n border-radius:0;\n border:0;\n// background: #c7c7cc;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n position: relative;\n left: 0;\n &:after{\n content: '';\n position: absolute;\n top: 0;\n width: 600%;\n height: 100%;\n background: inherit;\n z-index: -1;\n }\n &.#{$namespace}icon{\n font-size: 30px;\n }\n } \n }\n >.#{$namespace}slider-right{\n right: 0%;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transition: -webkit-transform 0ms ease;\n transition: transform 0ms ease;\n }\n >.#{$namespace}slider-left{\n left: 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transition: -webkit-transform 0ms ease;\n transition: transform 0ms ease;\n > .#{$namespace}btn:after{\n right: 100%;\n margin-right: -1px;\n }\n }\n \n}\n\n// Table view dividers\n// --------------------------------------------------\n\n.#{$namespace}table-view-divider {\n position: relative;\n padding-top: 6px;\n padding-bottom: 6px;\n padding-left: 15px;\n margin-top: -1px; // Hides the border of the previous list item\n margin-left: 0;\n font-weight: $font-weight;\n color: #999;\n background-color: #fafafa;\n @include hairline(double, #c8c7cc, 0); // Double (top and bottom) grey border with no offset.\n}\n\n\n// Table-views with media (images,avatars, icons)\n// --------------------------------------------------\n\n.#{$namespace}table-view .#{$namespace}media,\n.#{$namespace}table-view .#{$namespace}media-body {\n overflow: hidden;\n}\n\n.#{$namespace}table-view {\n .#{$namespace}media-large .#{$namespace}media-object {\n max-width: 80px;\n height: 80px;\n line-height: 80px;\n }\n .#{$namespace}media .#{$namespace}subtitle{\n color: #000;\n }\n .#{$namespace}media-object {\n max-width: 42px;\n height: 42px;\n line-height: 42px;\n &.#{$namespace}pull-left {\n margin-right: 10px;\n }\n &.#{$namespace}pull-right {\n margin-left: 10px;\n }\n }\n .#{$namespace}table-view-cell.#{$namespace}media-icon{\n .#{$namespace}media-object {\n max-width: 29px;\n height: 29px;\n line-height: 29px;\n margin:-4px 0;\n img{\n max-width: 29px;\n height: 29px;\n line-height: 29px; \n }\n &.#{$namespace}pull-left {\n margin-right: 10px;\n }\n .#{$namespace}icon{\n font-size: 29px;\n }\n }\n .#{$namespace}media-body{\n @include hairline(single, #c8c7cc, 55px); // single grey border.\n }\n &:after{\n height:0!important;\n } \n }\n}\n.#{$namespace}table-view.#{$namespace}unfold{\n .#{$namespace}table-view-cell.#{$namespace}collapse .#{$namespace}table-view{\n display: block;\n &:before,&:after{\n height:0!important;\n } \n }\n .#{$namespace}table-view-cell.#{$namespace}media-icon.#{$namespace}collapse{\n .#{$namespace}media-body{\n @include hairline(single, #c8c7cc, 70px); // single grey border.\n }\n }\n}\n\n// Table-views with buttons, badges and switchs\n// --------------------------------------------------\n.#{$namespace}table-view-cell,\n.#{$namespace}table-view-cell > a {\n > .#{$namespace}btn,\n > .#{$namespace}badge,\n > .#{$namespace}switch {\n position: absolute;\n top: 50%;\n right: 15px;\n @include transform(translateY(-50%));\n }\n\n // If the cell has a chevron, give some more room.\n .#{$namespace}navigate-right,\n .#{$namespace}push-left,\n .#{$namespace}push-right {\n > .#{$namespace}btn,\n > .#{$namespace}badge,\n > .#{$namespace}switch {\n right: 35px;\n }\n }\n}\n\n// If the table view is the first component, give it extra margin on top.\n.#{$namespace}content > .#{$namespace}table-view:first-child {\n margin-top: 15px;\n}\n\n//collapse\n.#{$namespace}table-view-cell.#{$namespace}collapse{\n .#{$namespace}table-view{\n &:before,&:after{\n height:0;\n }\n .#{$namespace}table-view-cell:last-child:after{\n height:0;\n }\n }\n //二级列表默认为向下箭头；\n >.#{$namespace}navigate-right:after, >.#{$namespace}push-right:after {\n content: '\\e581';\n }\n\n &.#{$namespace}active{\n margin-top: -1px;\n .#{$namespace}table-view,.#{$namespace}collapse-content{\n display: block;\n }\n //二级列表展开后，变为向上箭头；\n >.#{$namespace}navigate-right:after, >.#{$namespace}push-right:after {\n content: '\\e580';\n }\n //二级列表展开后，高亮时宽度100%\n .#{$namespace}table-view-cell>a:not(.#{$namespace}btn).#{$namespace}active{\n margin-left: -31px;\n padding-left: 47px;\n }\n }\n .#{$namespace}collapse-content{\n display:none;\n padding: 8px 15px;\n margin: 11px -15px -11px;\n background: white;\n// border: 1px solid #ddd;\n position: relative;\n overflow: hidden;\n -webkit-transition: height .35s ease;\n -o-transition: height .35s ease;\n transition: height .35s ease;\n >.#{$namespace}input-group,>.#{$namespace}slider{\n margin:-8px -15px;\n width:auto;\n height:auto;\n }\n >.#{$namespace}slider{\n margin:-8px -16px;\n }\n }\n .#{$namespace}table-view{\n display: none;\n margin-bottom: -11px;\n margin-top: 11px;\n margin-right: -15px;\n margin-left:-15px;\n border: 0;\n &.#{$namespace}table-view-chevron{\n margin-right:-65px;\n }\n .#{$namespace}table-view-cell{\n padding-left: 31px;\n background-position: 31px 100%;\n @include hairline(single, #c8c7cc, 30px);\n }\n }\n}\n//grid\n.#{$namespace}table-view.#{$namespace}grid-view{\n display:block;\n padding:0 10px 10px 0;\n width:100%;\n white-space:normal;\n font-size:0;\n .#{$namespace}table-view-cell{\n font-size: $font-size-default;\n display: inline-block;\n padding:10px 0 0 14px;\n background:none;\n text-align:center;\n vertical-align: middle;\n margin-right:-4px;\n .#{$namespace}media-object{\n width:100%;\n max-width:100%;\n height: auto;\n }\n > a:not(.#{$namespace}btn){\n margin:-10px 0 0 -14px;\n &:active,&.#{$namespace}active{\n background: none;\n }\n }\n .#{$namespace}media-body{\n display: block;\n height: 15px;\n line-height: 15px;\n color:#333;\n font-size: 15px;\n margin-top:8px;\n width:100%;\n text-overflow: ellipsis;\n }\n &:before,&:after{\n height:0;\n }\n }\n}\n//grid-9\n.#{$namespace}grid-view.#{$namespace}grid-9{\n background-color: #f2f2f2;\n padding: 0;\n margin:0;\n border-left:1px solid #EEE;\n border-top:1px solid #EEE;\n @include clearfix();\n &:after{\n position:static;\n }\n .#{$namespace}table-view-cell {\n vertical-align: top;\n padding:11px 15px;\n margin:0;\n border-right: 1px solid #EEE;\n border-bottom: 1px solid #EEE;\n &.#{$namespace}active{\n background-color:#eee;\n }\n > a:not(.#{$namespace}btn){\n padding: 10px 0;\n margin: 0;\n }\n }\n &:before{\n height: 0;\n }\n .#{$namespace}media {\n color: #797979;\n .#{$namespace}icon{\n font-size: 2.4em;\n position: relative;\n }\n }\n}"
},
{
"path": "sass/toast.scss",
"content": ".#{$namespace}toast-container {\n\tline-height:17px;\n\tposition: fixed;\n\tbottom: 50px;\n\tz-index: z(\"toast\");\n\topacity: 0;\n\tleft:50%;\n\t-webkit-transform:translate(-50%,0);\n\ttransform:translate(-50%,0);\n\t-webkit-transition: opacity .3s;\n transition: opacity .3s;\n\t&.#{$namespace}active{\n\t opacity: .9;\n\t}\n}\n.#{$namespace}toast-message {\n\tpadding: 10px 25px;\n\tbackground-color: #323232;\n\ttext-align: center;\n\tcolor: #fff;\n\tborder-radius: 6px;\n\tfont-size: 14px;\n}"
},
{
"path": "sass/type.scss",
"content": "//\n// Typography\n// --------------------------------------------------\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 5px;\n margin-bottom: 5px;\n line-height: 1;\n}\nh1, .#{$namespace}h1 { font-size: 36px; }\nh2, .#{$namespace}h2 { font-size: 30px; }\nh3, .#{$namespace}h3 { font-size: 24px; }\nh4, .#{$namespace}h4 { font-size: 18px; }\nh5, .#{$namespace}h5 { font-size: 14px; color: #8f8f94;font-weight: normal; }\nh6, .#{$namespace}h6 { font-size: 12px; color: #8f8f94;font-weight: normal; }\n\n// Paragraphs\np {\n margin-top: 0;\n margin-bottom: 10px;\n font-size: 14px;\n color: #8f8f94;\n}\n"
},
{
"path": "sass/variables.scss",
"content": "//\n// Variables\n// --------------------------------------------------\n$namespace: \"mui-\" !default;\n\n// Type\n// --------------------------------------------------\n$font-family-default: \"Helvetica Neue\", Helvetica, sans-serif !default;\n$font-size-default: 17px !default;\n$font-weight: 500 !default;\n$font-weight-light: 400 !default;\n$line-height-default: 21px !default;\n\n\n// Colors\n// --------------------------------------------------\n\n// Main theme colors\n//blue theme\n$primary-color: #007aff !default;\n//green theme\n//$primary-color: #4cd964 !default;\n//$chrome-color: rgba(247,247,247,.98) !default;\n$chrome-color: rgb(247,247,247) !default;\n\n// Action colors\n$default-color: #929292 !default;\n$positive-color: #4cd964 !default;\n$negative-color: #dd524d !default;\n$warning-color: #f0ad4e !default;\n$royal-color: #8a6de9 !default;\n$grey-color:#c7c7cc !default;\n\n\n// Bars\n// --------------------------------------------------\n\n$bar-base-height: 44px !default;\n$bar-tab-height: 50px !default;\n$bar-side-spacing: 10px !default;\n\n\n// Cards\n// --------------------------------------------------\n\n$card-bg: #fff !default;\n$card-margin:10px !default;\n$card-border-radius:2px !default;\n$card-font-size:14px !default;\n$card-media-body-margin-left:44px !default;\n$card-footer-color:#6d6d72 !default;\n\n\n// Buttons\n// --------------------------------------------------\n\n$button-font-size: 14px !default;\n\n\n// Transitions\n// --------------------------------------------------\n\n$timing-fuction: cubic-bezier(.1,.5,.1,1) !default; // Inspired by @c2prods\n\n\n// Borders\n// --------------------------------------------------\n\n$border-default: 1px solid #ddd !default;\n$border-radius: 6px !default;\n"
},
{
"path": "template/feedback/css/feedback.css",
"content": "/*!\n * ======================================================\n * FeedBack Template For MUI (http://dev.dcloud.net.cn/mui)\n * =======================================================\n * @version:1.0.0\n * @author:cuihongbao@dcloud.io\n */\n\n.feedback body {\n\tbackground-color: #EFEFF4;\n}\n.feedback input,\n.feedback textarea {\n\tborder: none !important;\n}\n.feedback textarea {\n\theight: 100px;\n\tmargin-bottom: 0 !important;\n\tpadding-bottom: 0 !important;\n}\n.feedback .row {\n\twidth: 100%;\n\tbackground-color: #fff;\n}\n.feedback p {\n\tpadding: 10px 15px 0;\n}\n/*.feedback button#submit { \r\n\twidth: 90%;\r\n\theight: 46px;\r\n\tleft: 50%;\r\n\t-webkit-transform: translate(-50%);\r\n}*/\n\ninput::-webkit-input-placeholder,textarea::-webkit-input-placeholder{\n\tfont-size: 14px;\n}\n\n.feedback .hidden {\n\tdisplay: none;\n}\n.feedback .image-list {\n\twidth: 100%;\n\theight: 85px;\n\tbackground-size: cover;\n\tpadding: 10px 10px;\n\toverflow: hidden;\n}\n.feedback .image-item {\n\twidth: 65px;\n\theight: 65px;\n\t/*background-image: url(../images/iconfont-tianjia.png);*/\n\tbackground-size: 100% 100%;\n\tdisplay: inline-block;\n\tposition: relative;\n\tborder-radius: 5px;\n\tmargin-right: 10px;\n\tmargin-bottom: 10px;\n\tborder: solid 1px #e8e8e8;\n\tvertical-align: top;\n}\n.feedback .image-item .file {\n\tposition: absolute;\n\tleft: 0px;\n\ttop: 0px;\n\twidth: 100%;\n\theight: 100%;\n\topacity: 0;\n\tcursor: pointer;\n\tz-index: 0;\n}\n.feedback .image-item.space {\n\tborder: none;\n}\n.feedback .image-item .image-close {\n\tposition: absolute;\n\tdisplay: inline-block;\n\tright: -6px;\n\ttop: -6px;\n\twidth: 20px;\n\theight: 20px;\n\ttext-align: center;\n\tline-height: 20px;\n\tborder-radius: 12px;\n\tbackground-color: #FF5053;\n\tcolor: #f3f3f3;\n\tborder: solid 1px #FF5053;\n\tfont-size: 9px;\n\tfont-weight: 200;\n\tz-index: 1;\n}\n.feedback .image-item .image-up{\n\theight: 65px;\n\twidth: 65px;\n\tborder-radius: 10px;\n\tline-height: 65px;\n\tborder: 1px solid #ccc;\n\tcolor: #ccc; \n\tdisplay: inline-block;\n\ttext-align: center;\n}\n.feedback .image-item .image-up:after{\n\tfont-family: \"微软雅黑\";\n\tcontent: '+';\n\tfont-size: 60px;\n}\n.feedback .image-item.space .image-close {\n\tdisplay: none;\n}\n.feedback .mui-inline{\r\n\tvertical-align: bottom;\n\tfont-size: 14px;\n\tcolor: #8f8f94;\r\n}\n.mui-icon-star{\n\tcolor: #B5B5B5;\n\tfont-size: 22px;\n}\n.mui-icon-star-filled{\n\tcolor: #FFB400;\n\tfont-size: 22px;\n} \n.mui-popover {\n\theight: 180px;\n}\n.stream{\n\tdisplay: none;\n}\n.mui-plus-stream .stream{\n\tdisplay: block;\n}\n"
},
{
"path": "template/feedback/feedback.html",
"content": "\n\n\t\n\t\t问题反馈 \n\t\t\n\t\t\t发送 \n\t\t\t问题反馈 \n\t\t \n\t\t\n\t\t\t
\n\t\t\t\t
问题和意见
\n\t\t\t\t
\n\t\t\t\t\t快捷输入\n\t\t\t\t\t \n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t\t
图片(选填,提供问题截图,总大小10M以下)
\n\t\t\t
\n\t\t\t
QQ/邮箱
\n\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
应用评分
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t
![](\"http://www.dcloud.io/images/code-m.png\")
\n![](\"http://www.dcloud.io/img/text-b.png\")
\n![](\"../images/yuantiao.jpg\")
\n\t\t\t\t\t\t\t\t\t\t![](\"../images/shuijiao.jpg\")
\n\t\t\t\t\t\t\t\t\t\t![](\"../images/muwu.jpg\")
\n\t\t\t\t\t\t\t\t\t\t![](\"../images/cbd.jpg\")
\n\t\t\t\t\t\t\t\t\t\t![](\"../images/logo.png\"){kind=logo}
\r\n\t\t\t\t\t![](\"../images/qrcode.png\")
\n\t\t\t\t\t![](\"../images/login-1.png\")
\n\t\t\t\t![](\"../images/yuantiao.jpg\"/)
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\tHello MUI\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t![](\"../images/60x60.gif\")
\n\t\t\t\t\t\t\t