mui.js 255 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339
  1. /*!
  2. * =====================================================
  3. * Mui v3.7.1 (http://dev.dcloud.net.cn/mui)
  4. * =====================================================
  5. */
  6. /**
  7. * MUI核心JS
  8. * @type _L4.$|Function
  9. */
  10. var mui = (function(document, undefined) {
  11. var readyRE = /complete|loaded|interactive/;
  12. var idSelectorRE = /^#([\w-]+)$/;
  13. var classSelectorRE = /^\.([\w-]+)$/;
  14. var tagSelectorRE = /^[\w-]+$/;
  15. var translateRE = /translate(?:3d)?\((.+?)\)/;
  16. var translateMatrixRE = /matrix(3d)?\((.+?)\)/;
  17. var $ = function(selector, context) {
  18. context = context || document;
  19. if (!selector)
  20. return wrap();
  21. if (typeof selector === 'object')
  22. if ($.isArrayLike(selector)) {
  23. return wrap($.slice.call(selector), null);
  24. } else {
  25. return wrap([selector], null);
  26. }
  27. if (typeof selector === 'function')
  28. return $.ready(selector);
  29. if (typeof selector === 'string') {
  30. try {
  31. selector = selector.trim();
  32. if (idSelectorRE.test(selector)) {
  33. var found = document.getElementById(RegExp.$1);
  34. return wrap(found ? [found] : []);
  35. }
  36. return wrap($.qsa(selector, context), selector);
  37. } catch (e) {}
  38. }
  39. return wrap();
  40. };
  41. var wrap = function(dom, selector) {
  42. dom = dom || [];
  43. Object.setPrototypeOf(dom, $.fn);
  44. dom.selector = selector || '';
  45. return dom;
  46. };
  47. $.uuid = 0;
  48. $.data = {};
  49. /**
  50. * extend(simple)
  51. * @param {type} target
  52. * @param {type} source
  53. * @param {type} deep
  54. * @returns {unresolved}
  55. */
  56. $.extend = function() { //from jquery2
  57. var options, name, src, copy, copyIsArray, clone,
  58. target = arguments[0] || {},
  59. i = 1,
  60. length = arguments.length,
  61. deep = false;
  62. if (typeof target === "boolean") {
  63. deep = target;
  64. target = arguments[i] || {};
  65. i++;
  66. }
  67. if (typeof target !== "object" && !$.isFunction(target)) {
  68. target = {};
  69. }
  70. if (i === length) {
  71. target = this;
  72. i--;
  73. }
  74. for (; i < length; i++) {
  75. if ((options = arguments[i]) != null) {
  76. for (name in options) {
  77. src = target[name];
  78. copy = options[name];
  79. if (target === copy) {
  80. continue;
  81. }
  82. if (deep && copy && ($.isPlainObject(copy) || (copyIsArray = $.isArray(copy)))) {
  83. if (copyIsArray) {
  84. copyIsArray = false;
  85. clone = src && $.isArray(src) ? src : [];
  86. } else {
  87. clone = src && $.isPlainObject(src) ? src : {};
  88. }
  89. target[name] = $.extend(deep, clone, copy);
  90. } else if (copy !== undefined) {
  91. target[name] = copy;
  92. }
  93. }
  94. }
  95. }
  96. return target;
  97. };
  98. /**
  99. * mui noop(function)
  100. */
  101. $.noop = function() {};
  102. /**
  103. * mui slice(array)
  104. */
  105. $.slice = [].slice;
  106. /**
  107. * mui filter(array)
  108. */
  109. $.filter = [].filter;
  110. $.type = function(obj) {
  111. return obj == null ? String(obj) : class2type[{}.toString.call(obj)] || "object";
  112. };
  113. /**
  114. * mui isArray
  115. */
  116. $.isArray = Array.isArray ||
  117. function(object) {
  118. return object instanceof Array;
  119. };
  120. /**
  121. * mui isArrayLike
  122. * @param {Object} obj
  123. */
  124. $.isArrayLike = function(obj) {
  125. var length = !!obj && "length" in obj && obj.length;
  126. var type = $.type(obj);
  127. if (type === "function" || $.isWindow(obj)) {
  128. return false;
  129. }
  130. return type === "array" || length === 0 ||
  131. typeof length === "number" && length > 0 && (length - 1) in obj;
  132. };
  133. /**
  134. * mui isWindow(需考虑obj为undefined的情况)
  135. */
  136. $.isWindow = function(obj) {
  137. return obj != null && obj === obj.window;
  138. };
  139. /**
  140. * mui isObject
  141. */
  142. $.isObject = function(obj) {
  143. return $.type(obj) === "object";
  144. };
  145. /**
  146. * mui isPlainObject
  147. */
  148. $.isPlainObject = function(obj) {
  149. return $.isObject(obj) && !$.isWindow(obj) && Object.getPrototypeOf(obj) === Object.prototype;
  150. };
  151. /**
  152. * mui isEmptyObject
  153. * @param {Object} o
  154. */
  155. $.isEmptyObject = function(o) {
  156. for (var p in o) {
  157. if (p !== undefined) {
  158. return false;
  159. }
  160. }
  161. return true;
  162. };
  163. /**
  164. * mui isFunction
  165. */
  166. $.isFunction = function(value) {
  167. return $.type(value) === "function";
  168. };
  169. /**
  170. * mui querySelectorAll
  171. * @param {type} selector
  172. * @param {type} context
  173. * @returns {Array}
  174. */
  175. $.qsa = function(selector, context) {
  176. context = context || document;
  177. return $.slice.call(classSelectorRE.test(selector) ? context.getElementsByClassName(RegExp.$1) : tagSelectorRE.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector));
  178. };
  179. /**
  180. * ready(DOMContentLoaded)
  181. * @param {type} callback
  182. * @returns {_L6.$}
  183. */
  184. $.ready = function(callback) {
  185. if (readyRE.test(document.readyState)) {
  186. callback($);
  187. } else {
  188. document.addEventListener('DOMContentLoaded', function() {
  189. callback($);
  190. }, false);
  191. }
  192. return this;
  193. };
  194. /**
  195. * 将 fn 缓存一段时间后, 再被调用执行
  196. * 此方法为了避免在 ms 段时间内, 执行 fn 多次. 常用于 resize , scroll , mousemove 等连续性事件中;
  197. * 当 ms 设置为 -1, 表示立即执行 fn, 即和直接调用 fn 一样;
  198. * 调用返回函数的 stop 停止最后一次的 buffer 效果
  199. * @param {Object} fn
  200. * @param {Object} ms
  201. * @param {Object} context
  202. */
  203. $.buffer = function(fn, ms, context) {
  204. var timer;
  205. var lastStart = 0;
  206. var lastEnd = 0;
  207. var ms = ms || 150;
  208. function run() {
  209. if (timer) {
  210. timer.cancel();
  211. timer = 0;
  212. }
  213. lastStart = $.now();
  214. fn.apply(context || this, arguments);
  215. lastEnd = $.now();
  216. }
  217. return $.extend(function() {
  218. if (
  219. (!lastStart) || // 从未运行过
  220. (lastEnd >= lastStart && $.now() - lastEnd > ms) || // 上次运行成功后已经超过ms毫秒
  221. (lastEnd < lastStart && $.now() - lastStart > ms * 8) // 上次运行或未完成,后8*ms毫秒
  222. ) {
  223. run.apply(this, arguments);
  224. } else {
  225. if (timer) {
  226. timer.cancel();
  227. }
  228. timer = $.later(run, ms, null, $.slice.call(arguments));
  229. }
  230. }, {
  231. stop: function() {
  232. if (timer) {
  233. timer.cancel();
  234. timer = 0;
  235. }
  236. }
  237. });
  238. };
  239. /**
  240. * each
  241. * @param {type} elements
  242. * @param {type} callback
  243. * @returns {_L8.$}
  244. */
  245. $.each = function(elements, callback, hasOwnProperty) {
  246. if (!elements) {
  247. return this;
  248. }
  249. if (typeof elements.length === 'number') {
  250. [].every.call(elements, function(el, idx) {
  251. return callback.call(el, idx, el) !== false;
  252. });
  253. } else {
  254. for (var key in elements) {
  255. if (hasOwnProperty) {
  256. if (elements.hasOwnProperty(key)) {
  257. if (callback.call(elements[key], key, elements[key]) === false) return elements;
  258. }
  259. } else {
  260. if (callback.call(elements[key], key, elements[key]) === false) return elements;
  261. }
  262. }
  263. }
  264. return this;
  265. };
  266. $.focus = function(element) {
  267. if ($.os.ios) {
  268. setTimeout(function() {
  269. element.focus();
  270. }, 10);
  271. } else {
  272. element.focus();
  273. }
  274. };
  275. /**
  276. * trigger event
  277. * @param {type} element
  278. * @param {type} eventType
  279. * @param {type} eventData
  280. * @returns {_L8.$}
  281. */
  282. $.trigger = function(element, eventType, eventData) {
  283. element.dispatchEvent(new CustomEvent(eventType, {
  284. detail: eventData,
  285. bubbles: true,
  286. cancelable: true
  287. }));
  288. return this;
  289. };
  290. /**
  291. * getStyles
  292. * @param {type} element
  293. * @param {type} property
  294. * @returns {styles}
  295. */
  296. $.getStyles = function(element, property) {
  297. var styles = element.ownerDocument.defaultView.getComputedStyle(element, null);
  298. if (property) {
  299. return styles.getPropertyValue(property) || styles[property];
  300. }
  301. return styles;
  302. };
  303. /**
  304. * parseTranslate
  305. * @param {type} translateString
  306. * @param {type} position
  307. * @returns {Object}
  308. */
  309. $.parseTranslate = function(translateString, position) {
  310. var result = translateString.match(translateRE || '');
  311. if (!result || !result[1]) {
  312. result = ['', '0,0,0'];
  313. }
  314. result = result[1].split(",");
  315. result = {
  316. x: parseFloat(result[0]),
  317. y: parseFloat(result[1]),
  318. z: parseFloat(result[2])
  319. };
  320. if (position && result.hasOwnProperty(position)) {
  321. return result[position];
  322. }
  323. return result;
  324. };
  325. /**
  326. * parseTranslateMatrix
  327. * @param {type} translateString
  328. * @param {type} position
  329. * @returns {Object}
  330. */
  331. $.parseTranslateMatrix = function(translateString, position) {
  332. var matrix = translateString.match(translateMatrixRE);
  333. var is3D = matrix && matrix[1];
  334. if (matrix) {
  335. matrix = matrix[2].split(",");
  336. if (is3D === "3d")
  337. matrix = matrix.slice(12, 15);
  338. else {
  339. matrix.push(0);
  340. matrix = matrix.slice(4, 7);
  341. }
  342. } else {
  343. matrix = [0, 0, 0];
  344. }
  345. var result = {
  346. x: parseFloat(matrix[0]),
  347. y: parseFloat(matrix[1]),
  348. z: parseFloat(matrix[2])
  349. };
  350. if (position && result.hasOwnProperty(position)) {
  351. return result[position];
  352. }
  353. return result;
  354. };
  355. $.hooks = {};
  356. $.addAction = function(type, hook) {
  357. var hooks = $.hooks[type];
  358. if (!hooks) {
  359. hooks = [];
  360. }
  361. hook.index = hook.index || 1000;
  362. hooks.push(hook);
  363. hooks.sort(function(a, b) {
  364. return a.index - b.index;
  365. });
  366. $.hooks[type] = hooks;
  367. return $.hooks[type];
  368. };
  369. $.doAction = function(type, callback) {
  370. if ($.isFunction(callback)) { //指定了callback
  371. $.each($.hooks[type], callback);
  372. } else { //未指定callback,直接执行
  373. $.each($.hooks[type], function(index, hook) {
  374. return !hook.handle();
  375. });
  376. }
  377. };
  378. /**
  379. * setTimeout封装
  380. * @param {Object} fn
  381. * @param {Object} when
  382. * @param {Object} context
  383. * @param {Object} data
  384. */
  385. $.later = function(fn, when, context, data) {
  386. when = when || 0;
  387. var m = fn;
  388. var d = data;
  389. var f;
  390. var r;
  391. if (typeof fn === 'string') {
  392. m = context[fn];
  393. }
  394. f = function() {
  395. m.apply(context, $.isArray(d) ? d : [d]);
  396. };
  397. r = setTimeout(f, when);
  398. return {
  399. id: r,
  400. cancel: function() {
  401. clearTimeout(r);
  402. }
  403. };
  404. };
  405. $.now = Date.now || function() {
  406. return +new Date();
  407. };
  408. var class2type = {};
  409. $.each(['Boolean', 'Number', 'String', 'Function', 'Array', 'Date', 'RegExp', 'Object', 'Error'], function(i, name) {
  410. class2type["[object " + name + "]"] = name.toLowerCase();
  411. });
  412. if (window.JSON) {
  413. $.parseJSON = JSON.parse;
  414. }
  415. /**
  416. * $.fn
  417. */
  418. $.fn = {
  419. each: function(callback) {
  420. [].every.call(this, function(el, idx) {
  421. return callback.call(el, idx, el) !== false;
  422. });
  423. return this;
  424. }
  425. };
  426. /**
  427. * 兼容 AMD 模块
  428. **/
  429. if (typeof define === 'function' && define.amd) {
  430. define('mui', [], function() {
  431. return $;
  432. });
  433. }
  434. return $;
  435. })(document);
  436. //window.mui = mui;
  437. //'$' in window || (window.$ = mui);
  438. /**
  439. * $.os
  440. * @param {type} $
  441. * @returns {undefined}
  442. */
  443. (function($, window) {
  444. function detect(ua) {
  445. this.os = {};
  446. var funcs = [
  447. function() { //wechat
  448. var wechat = ua.match(/(MicroMessenger)\/([\d\.]+)/i);
  449. if (wechat) { //wechat
  450. this.os.wechat = {
  451. version: wechat[2].replace(/_/g, '.')
  452. };
  453. }
  454. return false;
  455. },
  456. function() { //android
  457. var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
  458. if (android) {
  459. this.os.android = true;
  460. this.os.version = android[2];
  461. this.os.isBadAndroid = !(/Chrome\/\d/.test(window.navigator.appVersion));
  462. }
  463. return this.os.android === true;
  464. },
  465. function() { //ios
  466. var iphone = ua.match(/(iPhone\sOS)\s([\d_]+)/);
  467. if (iphone) { //iphone
  468. this.os.ios = this.os.iphone = true;
  469. this.os.version = iphone[2].replace(/_/g, '.');
  470. } else {
  471. var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
  472. if (ipad) { //ipad
  473. this.os.ios = this.os.ipad = true;
  474. this.os.version = ipad[2].replace(/_/g, '.');
  475. }
  476. }
  477. return this.os.ios === true;
  478. }
  479. ];
  480. [].every.call(funcs, function(func) {
  481. return !func.call($);
  482. });
  483. }
  484. detect.call($, navigator.userAgent);
  485. })(mui, window);
  486. /**
  487. * $.os.plus
  488. * @param {type} $
  489. * @returns {undefined}
  490. */
  491. (function($, document) {
  492. function detect(ua) {
  493. this.os = this.os || {};
  494. var plus = ua.match(/Html5Plus/i); //TODO 5\+Browser?
  495. if (plus) {
  496. this.os.plus = true;
  497. $(function() {
  498. document.body.classList.add('mui-plus');
  499. });
  500. if (ua.match(/StreamApp/i)) { //TODO 最好有流应用自己的标识
  501. this.os.stream = true;
  502. $(function() {
  503. document.body.classList.add('mui-plus-stream');
  504. });
  505. }
  506. }
  507. }
  508. detect.call($, navigator.userAgent);
  509. })(mui, document);
  510. /**
  511. * 仅提供简单的on,off(仅支持事件委托,不支持当前元素绑定,当前元素绑定请直接使用addEventListener,removeEventListener)
  512. * @param {Object} $
  513. */
  514. (function($) {
  515. if ('ontouchstart' in window) {
  516. $.isTouchable = true;
  517. $.EVENT_START = 'touchstart';
  518. $.EVENT_MOVE = 'touchmove';
  519. $.EVENT_END = 'touchend';
  520. } else {
  521. $.isTouchable = false;
  522. $.EVENT_START = 'mousedown';
  523. $.EVENT_MOVE = 'mousemove';
  524. $.EVENT_END = 'mouseup';
  525. }
  526. $.EVENT_CANCEL = 'touchcancel';
  527. $.EVENT_CLICK = 'click';
  528. var _mid = 1;
  529. var delegates = {};
  530. //需要wrap的函数
  531. var eventMethods = {
  532. preventDefault: 'isDefaultPrevented',
  533. stopImmediatePropagation: 'isImmediatePropagationStopped',
  534. stopPropagation: 'isPropagationStopped'
  535. };
  536. //默认true返回函数
  537. var returnTrue = function() {
  538. return true
  539. };
  540. //默认false返回函数
  541. var returnFalse = function() {
  542. return false
  543. };
  544. //wrap浏览器事件
  545. var compatible = function(event, target) {
  546. if (!event.detail) {
  547. event.detail = {
  548. currentTarget: target
  549. };
  550. } else {
  551. event.detail.currentTarget = target;
  552. }
  553. $.each(eventMethods, function(name, predicate) {
  554. var sourceMethod = event[name];
  555. event[name] = function() {
  556. this[predicate] = returnTrue;
  557. return sourceMethod && sourceMethod.apply(event, arguments)
  558. }
  559. event[predicate] = returnFalse;
  560. }, true);
  561. return event;
  562. };
  563. //简单的wrap对象_mid
  564. var mid = function(obj) {
  565. return obj && (obj._mid || (obj._mid = _mid++));
  566. };
  567. //事件委托对象绑定的事件回调列表
  568. var delegateFns = {};
  569. //返回事件委托的wrap事件回调
  570. var delegateFn = function(element, event, selector, callback) {
  571. return function(e) {
  572. //same event
  573. var callbackObjs = delegates[element._mid][event];
  574. var handlerQueue = [];
  575. var target = e.target;
  576. var selectorAlls = {};
  577. for (; target && target !== document; target = target.parentNode) {
  578. if (target === element) {
  579. break;
  580. }
  581. if (~['click', 'tap', 'doubletap', 'longtap', 'hold'].indexOf(event) && (target.disabled || target.classList.contains('mui-disabled'))) {
  582. break;
  583. }
  584. var matches = {};
  585. $.each(callbackObjs, function(selector, callbacks) { //same selector
  586. selectorAlls[selector] || (selectorAlls[selector] = $.qsa(selector, element));
  587. if (selectorAlls[selector] && ~(selectorAlls[selector]).indexOf(target)) {
  588. if (!matches[selector]) {
  589. matches[selector] = callbacks;
  590. }
  591. }
  592. }, true);
  593. if (!$.isEmptyObject(matches)) {
  594. handlerQueue.push({
  595. element: target,
  596. handlers: matches
  597. });
  598. }
  599. }
  600. selectorAlls = null;
  601. e = compatible(e); //compatible event
  602. $.each(handlerQueue, function(index, handler) {
  603. target = handler.element;
  604. var tagName = target.tagName;
  605. if (event === 'tap' && (tagName !== 'INPUT' && tagName !== 'TEXTAREA' && tagName !== 'SELECT')) {
  606. e.preventDefault();
  607. e.detail && e.detail.gesture && e.detail.gesture.preventDefault();
  608. }
  609. $.each(handler.handlers, function(index, handler) {
  610. $.each(handler, function(index, callback) {
  611. if (callback.call(target, e) === false) {
  612. e.preventDefault();
  613. e.stopPropagation();
  614. }
  615. }, true);
  616. }, true)
  617. if (e.isPropagationStopped()) {
  618. return false;
  619. }
  620. }, true);
  621. };
  622. };
  623. var findDelegateFn = function(element, event) {
  624. var delegateCallbacks = delegateFns[mid(element)];
  625. var result = [];
  626. if (delegateCallbacks) {
  627. result = [];
  628. if (event) {
  629. var filterFn = function(fn) {
  630. return fn.type === event;
  631. }
  632. return delegateCallbacks.filter(filterFn);
  633. } else {
  634. result = delegateCallbacks;
  635. }
  636. }
  637. return result;
  638. };
  639. var preventDefaultException = /^(INPUT|TEXTAREA|BUTTON|SELECT)$/;
  640. /**
  641. * mui delegate events
  642. * @param {type} event
  643. * @param {type} selector
  644. * @param {type} callback
  645. * @returns {undefined}
  646. */
  647. $.fn.on = function(event, selector, callback) { //仅支持简单的事件委托,主要是tap事件使用,类似mouse,focus之类暂不封装支持
  648. return this.each(function() {
  649. var element = this;
  650. mid(element);
  651. mid(callback);
  652. var isAddEventListener = false;
  653. var delegateEvents = delegates[element._mid] || (delegates[element._mid] = {});
  654. var delegateCallbackObjs = delegateEvents[event] || ((delegateEvents[event] = {}));
  655. if ($.isEmptyObject(delegateCallbackObjs)) {
  656. isAddEventListener = true;
  657. }
  658. var delegateCallbacks = delegateCallbackObjs[selector] || (delegateCallbackObjs[selector] = []);
  659. delegateCallbacks.push(callback);
  660. if (isAddEventListener) {
  661. var delegateFnArray = delegateFns[mid(element)];
  662. if (!delegateFnArray) {
  663. delegateFnArray = [];
  664. }
  665. var delegateCallback = delegateFn(element, event, selector, callback);
  666. delegateFnArray.push(delegateCallback);
  667. delegateCallback.i = delegateFnArray.length - 1;
  668. delegateCallback.type = event;
  669. delegateFns[mid(element)] = delegateFnArray;
  670. element.addEventListener(event, delegateCallback);
  671. if (event === 'tap') { //TODO 需要找个更好的解决方案
  672. element.addEventListener('click', function(e) {
  673. if (e.target) {
  674. var tagName = e.target.tagName;
  675. if (!preventDefaultException.test(tagName)) {
  676. if (tagName === 'A') {
  677. var href = e.target.href;
  678. if (!(href && ~href.indexOf('tel:'))) {
  679. e.preventDefault();
  680. }
  681. } else {
  682. e.preventDefault();
  683. }
  684. }
  685. }
  686. });
  687. }
  688. }
  689. });
  690. };
  691. $.fn.off = function(event, selector, callback) {
  692. return this.each(function() {
  693. var _mid = mid(this);
  694. if (!event) { //mui(selector).off();
  695. delegates[_mid] && delete delegates[_mid];
  696. } else if (!selector) { //mui(selector).off(event);
  697. delegates[_mid] && delete delegates[_mid][event];
  698. } else if (!callback) { //mui(selector).off(event,selector);
  699. delegates[_mid] && delegates[_mid][event] && delete delegates[_mid][event][selector];
  700. } else { //mui(selector).off(event,selector,callback);
  701. var delegateCallbacks = delegates[_mid] && delegates[_mid][event] && delegates[_mid][event][selector];
  702. $.each(delegateCallbacks, function(index, delegateCallback) {
  703. if (mid(delegateCallback) === mid(callback)) {
  704. delegateCallbacks.splice(index, 1);
  705. return false;
  706. }
  707. }, true);
  708. }
  709. if (delegates[_mid]) {
  710. //如果off掉了所有当前element的指定的event事件,则remove掉当前element的delegate回调
  711. if ((!delegates[_mid][event] || $.isEmptyObject(delegates[_mid][event]))) {
  712. findDelegateFn(this, event).forEach(function(fn) {
  713. this.removeEventListener(fn.type, fn);
  714. delete delegateFns[_mid][fn.i];
  715. }.bind(this));
  716. }
  717. } else {
  718. //如果delegates[_mid]已不存在,删除所有
  719. findDelegateFn(this).forEach(function(fn) {
  720. this.removeEventListener(fn.type, fn);
  721. delete delegateFns[_mid][fn.i];
  722. }.bind(this));
  723. }
  724. });
  725. };
  726. })(mui);
  727. /**
  728. * mui target(action>popover>modal>tab>toggle)
  729. */
  730. (function($, window, document) {
  731. /**
  732. * targets
  733. */
  734. $.targets = {};
  735. /**
  736. * target handles
  737. */
  738. $.targetHandles = [];
  739. /**
  740. * register target
  741. * @param {type} target
  742. * @returns {$.targets}
  743. */
  744. $.registerTarget = function(target) {
  745. target.index = target.index || 1000;
  746. $.targetHandles.push(target);
  747. $.targetHandles.sort(function(a, b) {
  748. return a.index - b.index;
  749. });
  750. return $.targetHandles;
  751. };
  752. window.addEventListener($.EVENT_START, function(event) {
  753. var target = event.target;
  754. var founds = {};
  755. for (; target && target !== document; target = target.parentNode) {
  756. var isFound = false;
  757. $.each($.targetHandles, function(index, targetHandle) {
  758. var name = targetHandle.name;
  759. if (!isFound && !founds[name] && targetHandle.hasOwnProperty('handle')) {
  760. $.targets[name] = targetHandle.handle(event, target);
  761. if ($.targets[name]) {
  762. founds[name] = true;
  763. if (targetHandle.isContinue !== true) {
  764. isFound = true;
  765. }
  766. }
  767. } else {
  768. if (!founds[name]) {
  769. if (targetHandle.isReset !== false)
  770. $.targets[name] = false;
  771. }
  772. }
  773. });
  774. if (isFound) {
  775. break;
  776. }
  777. }
  778. });
  779. window.addEventListener('click', function(event) { //解决touch与click的target不一致的问题(比如链接边缘点击时,touch的target为html,而click的target为A)
  780. var target = event.target;
  781. var isFound = false;
  782. for (; target && target !== document; target = target.parentNode) {
  783. if (target.tagName === 'A') {
  784. $.each($.targetHandles, function(index, targetHandle) {
  785. var name = targetHandle.name;
  786. if (targetHandle.hasOwnProperty('handle')) {
  787. if (targetHandle.handle(event, target)) {
  788. isFound = true;
  789. event.preventDefault();
  790. return false;
  791. }
  792. }
  793. });
  794. if (isFound) {
  795. break;
  796. }
  797. }
  798. }
  799. });
  800. })(mui, window, document);
  801. /**
  802. * fixed trim
  803. * @param {type} undefined
  804. * @returns {undefined}
  805. */
  806. (function(undefined) {
  807. if (String.prototype.trim === undefined) { // fix for iOS 3.2
  808. String.prototype.trim = function() {
  809. return this.replace(/^\s+|\s+$/g, '');
  810. };
  811. }
  812. Object.setPrototypeOf = Object.setPrototypeOf || function(obj, proto) {
  813. obj['__proto__'] = proto;
  814. return obj;
  815. };
  816. })();
  817. /**
  818. * fixed CustomEvent
  819. */
  820. (function() {
  821. if (typeof window.CustomEvent === 'undefined') {
  822. function CustomEvent(event, params) {
  823. params = params || {
  824. bubbles: false,
  825. cancelable: false,
  826. detail: undefined
  827. };
  828. var evt = document.createEvent('Events');
  829. var bubbles = true;
  830. for (var name in params) {
  831. (name === 'bubbles') ? (bubbles = !!params[name]) : (evt[name] = params[name]);
  832. }
  833. evt.initEvent(event, bubbles, true);
  834. return evt;
  835. };
  836. CustomEvent.prototype = window.Event.prototype;
  837. window.CustomEvent = CustomEvent;
  838. }
  839. })();
  840. /*
  841. A shim for non ES5 supporting browsers.
  842. Adds function bind to Function prototype, so that you can do partial application.
  843. Works 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.
  844. */
  845. Function.prototype.bind = Function.prototype.bind || function(to) {
  846. // Make an array of our arguments, starting from second argument
  847. var partial = Array.prototype.splice.call(arguments, 1),
  848. // We'll need the original function.
  849. fn = this;
  850. var bound = function() {
  851. // Join the already applied arguments to the now called ones (after converting to an array again).
  852. var args = partial.concat(Array.prototype.splice.call(arguments, 0));
  853. // If not being called as a constructor
  854. if (!(this instanceof bound)) {
  855. // return the result of the function called bound to target and partially applied.
  856. return fn.apply(to, args);
  857. }
  858. // If being called as a constructor, apply the function bound to self.
  859. fn.apply(this, args);
  860. }
  861. // Attach the prototype of the function to our newly created function.
  862. bound.prototype = fn.prototype;
  863. return bound;
  864. };
  865. /**
  866. * mui fixed classList
  867. * @param {type} document
  868. * @returns {undefined}
  869. */
  870. (function(document) {
  871. if (!("classList" in document.documentElement) && Object.defineProperty && typeof HTMLElement !== 'undefined') {
  872. Object.defineProperty(HTMLElement.prototype, 'classList', {
  873. get: function() {
  874. var self = this;
  875. function update(fn) {
  876. return function(value) {
  877. var classes = self.className.split(/\s+/),
  878. index = classes.indexOf(value);
  879. fn(classes, index, value);
  880. self.className = classes.join(" ");
  881. };
  882. }
  883. var ret = {
  884. add: update(function(classes, index, value) {
  885. ~index || classes.push(value);
  886. }),
  887. remove: update(function(classes, index) {
  888. ~index && classes.splice(index, 1);
  889. }),
  890. toggle: update(function(classes, index, value) {
  891. ~index ? classes.splice(index, 1) : classes.push(value);
  892. }),
  893. contains: function(value) {
  894. return !!~self.className.split(/\s+/).indexOf(value);
  895. },
  896. item: function(i) {
  897. return self.className.split(/\s+/)[i] || null;
  898. }
  899. };
  900. Object.defineProperty(ret, 'length', {
  901. get: function() {
  902. return self.className.split(/\s+/).length;
  903. }
  904. });
  905. return ret;
  906. }
  907. });
  908. }
  909. })(document);
  910. /**
  911. * mui fixed requestAnimationFrame
  912. * @param {type} window
  913. * @returns {undefined}
  914. */
  915. (function(window) {
  916. if (!window.requestAnimationFrame) {
  917. var lastTime = 0;
  918. window.requestAnimationFrame = window.webkitRequestAnimationFrame || function(callback, element) {
  919. var currTime = new Date().getTime();
  920. var timeToCall = Math.max(0, 16.7 - (currTime - lastTime));
  921. var id = window.setTimeout(function() {
  922. callback(currTime + timeToCall);
  923. }, timeToCall);
  924. lastTime = currTime + timeToCall;
  925. return id;
  926. };
  927. window.cancelAnimationFrame = window.webkitCancelAnimationFrame || window.webkitCancelRequestAnimationFrame || function(id) {
  928. clearTimeout(id);
  929. };
  930. };
  931. }(window));
  932. /**
  933. * fastclick(only for radio,checkbox)
  934. */
  935. (function($, window, name) {
  936. if (!$.os.android && !$.os.ios) { //目前仅识别android和ios
  937. return;
  938. }
  939. if (window.FastClick) {
  940. return;
  941. }
  942. var handle = function(event, target) {
  943. if (target.tagName === 'LABEL') {
  944. if (target.parentNode) {
  945. target = target.parentNode.querySelector('input');
  946. }
  947. }
  948. if (target && (target.type === 'radio' || target.type === 'checkbox')) {
  949. if (!target.disabled) { //disabled
  950. return target;
  951. }
  952. }
  953. return false;
  954. };
  955. $.registerTarget({
  956. name: name,
  957. index: 40,
  958. handle: handle,
  959. target: false
  960. });
  961. var dispatchEvent = function(event) {
  962. var targetElement = $.targets.click;
  963. if (targetElement) {
  964. var clickEvent, touch;
  965. // On some Android devices activeElement needs to be blurred otherwise the synthetic click will have no effect
  966. if (document.activeElement && document.activeElement !== targetElement) {
  967. document.activeElement.blur();
  968. }
  969. touch = event.detail.gesture.changedTouches[0];
  970. // Synthesise a click event, with an extra attribute so it can be tracked
  971. clickEvent = document.createEvent('MouseEvents');
  972. clickEvent.initMouseEvent('click', true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);
  973. clickEvent.forwardedTouchEvent = true;
  974. targetElement.dispatchEvent(clickEvent);
  975. event.detail && event.detail.gesture.preventDefault();
  976. }
  977. };
  978. window.addEventListener('tap', dispatchEvent);
  979. window.addEventListener('doubletap', dispatchEvent);
  980. //捕获
  981. window.addEventListener('click', function(event) {
  982. if ($.targets.click) {
  983. if (!event.forwardedTouchEvent) { //stop click
  984. if (event.stopImmediatePropagation) {
  985. event.stopImmediatePropagation();
  986. } else {
  987. // Part of the hack for browsers that don't support Event#stopImmediatePropagation
  988. event.propagationStopped = true;
  989. }
  990. event.stopPropagation();
  991. event.preventDefault();
  992. return false;
  993. }
  994. }
  995. }, true);
  996. })(mui, window, 'click');
  997. (function($, document) {
  998. $(function() {
  999. if (!$.os.ios) {
  1000. return;
  1001. }
  1002. var CLASS_FOCUSIN = 'mui-focusin';
  1003. var CLASS_BAR_TAB = 'mui-bar-tab';
  1004. var CLASS_BAR_FOOTER = 'mui-bar-footer';
  1005. var CLASS_BAR_FOOTER_SECONDARY = 'mui-bar-footer-secondary';
  1006. var CLASS_BAR_FOOTER_SECONDARY_TAB = 'mui-bar-footer-secondary-tab';
  1007. // var content = document.querySelector('.' + CLASS_CONTENT);
  1008. // if (content) {
  1009. // document.body.insertBefore(content, document.body.firstElementChild);
  1010. // }
  1011. document.addEventListener('focusin', function(e) {
  1012. if ($.os.plus) { //在父webview里边不fix
  1013. if (window.plus) {
  1014. if (plus.webview.currentWebview().children().length > 0) {
  1015. return;
  1016. }
  1017. }
  1018. }
  1019. var target = e.target;
  1020. //TODO 需考虑所有键盘弹起的情况
  1021. if (target.tagName && (target.tagName === 'TEXTAREA' || (target.tagName === 'INPUT' && (target.type === 'text' || target.type === 'search' || target.type === 'number')))) {
  1022. if (target.disabled || target.readOnly) {
  1023. return;
  1024. }
  1025. document.body.classList.add(CLASS_FOCUSIN);
  1026. var isFooter = false;
  1027. for (; target && target !== document; target = target.parentNode) {
  1028. var classList = target.classList;
  1029. if (classList && classList.contains(CLASS_BAR_TAB) || classList.contains(CLASS_BAR_FOOTER) || classList.contains(CLASS_BAR_FOOTER_SECONDARY) || classList.contains(CLASS_BAR_FOOTER_SECONDARY_TAB)) {
  1030. isFooter = true;
  1031. break;
  1032. }
  1033. }
  1034. if (isFooter) {
  1035. var scrollTop = document.body.scrollHeight;
  1036. var scrollLeft = document.body.scrollLeft;
  1037. setTimeout(function() {
  1038. window.scrollTo(scrollLeft, scrollTop);
  1039. }, 20);
  1040. }
  1041. }
  1042. });
  1043. document.addEventListener('focusout', function(e) {
  1044. var classList = document.body.classList;
  1045. if (classList.contains(CLASS_FOCUSIN)) {
  1046. classList.remove(CLASS_FOCUSIN);
  1047. setTimeout(function() {
  1048. window.scrollTo(document.body.scrollLeft, document.body.scrollTop);
  1049. }, 20);
  1050. }
  1051. });
  1052. });
  1053. })(mui, document);
  1054. /**
  1055. * mui namespace(optimization)
  1056. * @param {type} $
  1057. * @returns {undefined}
  1058. */
  1059. (function($) {
  1060. $.namespace = 'mui';
  1061. $.classNamePrefix = $.namespace + '-';
  1062. $.classSelectorPrefix = '.' + $.classNamePrefix;
  1063. /**
  1064. * 返回正确的className
  1065. * @param {type} className
  1066. * @returns {String}
  1067. */
  1068. $.className = function(className) {
  1069. return $.classNamePrefix + className;
  1070. };
  1071. /**
  1072. * 返回正确的classSelector
  1073. * @param {type} classSelector
  1074. * @returns {String}
  1075. */
  1076. $.classSelector = function(classSelector) {
  1077. return classSelector.replace(/\./g, $.classSelectorPrefix);
  1078. };
  1079. /**
  1080. * 返回正确的eventName
  1081. * @param {type} event
  1082. * @param {type} module
  1083. * @returns {String}
  1084. */
  1085. $.eventName = function(event, module) {
  1086. return event + ($.namespace ? ('.' + $.namespace) : '') + ( module ? ('.' + module) : '');
  1087. };
  1088. })(mui);
  1089. /**
  1090. * mui gestures
  1091. * @param {type} $
  1092. * @param {type} window
  1093. * @returns {undefined}
  1094. */
  1095. (function($, window) {
  1096. $.gestures = {
  1097. session: {}
  1098. };
  1099. /**
  1100. * Gesture preventDefault
  1101. * @param {type} e
  1102. * @returns {undefined}
  1103. */
  1104. $.preventDefault = function(e) {
  1105. e.preventDefault();
  1106. };
  1107. /**
  1108. * Gesture stopPropagation
  1109. * @param {type} e
  1110. * @returns {undefined}
  1111. */
  1112. $.stopPropagation = function(e) {
  1113. e.stopPropagation();
  1114. };
  1115. /**
  1116. * register gesture
  1117. * @param {type} gesture
  1118. * @returns {$.gestures}
  1119. */
  1120. $.addGesture = function(gesture) {
  1121. return $.addAction('gestures', gesture);
  1122. };
  1123. var round = Math.round;
  1124. var abs = Math.abs;
  1125. var sqrt = Math.sqrt;
  1126. var atan = Math.atan;
  1127. var atan2 = Math.atan2;
  1128. /**
  1129. * distance
  1130. * @param {type} p1
  1131. * @param {type} p2
  1132. * @returns {Number}
  1133. */
  1134. var getDistance = function(p1, p2, props) {
  1135. if (!props) {
  1136. props = ['x', 'y'];
  1137. }
  1138. var x = p2[props[0]] - p1[props[0]];
  1139. var y = p2[props[1]] - p1[props[1]];
  1140. return sqrt((x * x) + (y * y));
  1141. };
  1142. /**
  1143. * scale
  1144. * @param {Object} starts
  1145. * @param {Object} moves
  1146. */
  1147. var getScale = function(starts, moves) {
  1148. if (starts.length >= 2 && moves.length >= 2) {
  1149. var props = ['pageX', 'pageY'];
  1150. return getDistance(moves[1], moves[0], props) / getDistance(starts[1], starts[0], props);
  1151. }
  1152. return 1;
  1153. };
  1154. /**
  1155. * angle
  1156. * @param {type} p1
  1157. * @param {type} p2
  1158. * @returns {Number}
  1159. */
  1160. var getAngle = function(p1, p2, props) {
  1161. if (!props) {
  1162. props = ['x', 'y'];
  1163. }
  1164. var x = p2[props[0]] - p1[props[0]];
  1165. var y = p2[props[1]] - p1[props[1]];
  1166. return atan2(y, x) * 180 / Math.PI;
  1167. };
  1168. /**
  1169. * direction
  1170. * @param {Object} x
  1171. * @param {Object} y
  1172. */
  1173. var getDirection = function(x, y) {
  1174. if (x === y) {
  1175. return '';
  1176. }
  1177. if (abs(x) >= abs(y)) {
  1178. return x > 0 ? 'left' : 'right';
  1179. }
  1180. return y > 0 ? 'up' : 'down';
  1181. };
  1182. /**
  1183. * rotation
  1184. * @param {Object} start
  1185. * @param {Object} end
  1186. */
  1187. var getRotation = function(start, end) {
  1188. var props = ['pageX', 'pageY'];
  1189. return getAngle(end[1], end[0], props) - getAngle(start[1], start[0], props);
  1190. };
  1191. /**
  1192. * px per ms
  1193. * @param {Object} deltaTime
  1194. * @param {Object} x
  1195. * @param {Object} y
  1196. */
  1197. var getVelocity = function(deltaTime, x, y) {
  1198. return {
  1199. x: x / deltaTime || 0,
  1200. y: y / deltaTime || 0
  1201. };
  1202. };
  1203. /**
  1204. * detect gestures
  1205. * @param {type} event
  1206. * @param {type} touch
  1207. * @returns {undefined}
  1208. */
  1209. var detect = function(event, touch) {
  1210. if ($.gestures.stoped) {
  1211. return;
  1212. }
  1213. $.doAction('gestures', function(index, gesture) {
  1214. if (!$.gestures.stoped) {
  1215. if ($.options.gestureConfig[gesture.name] !== false) {
  1216. gesture.handle(event, touch);
  1217. }
  1218. }
  1219. });
  1220. };
  1221. /**
  1222. * 暂时无用
  1223. * @param {Object} node
  1224. * @param {Object} parent
  1225. */
  1226. var hasParent = function(node, parent) {
  1227. while (node) {
  1228. if (node == parent) {
  1229. return true;
  1230. }
  1231. node = node.parentNode;
  1232. }
  1233. return false;
  1234. };
  1235. var uniqueArray = function(src, key, sort) {
  1236. var results = [];
  1237. var values = [];
  1238. var i = 0;
  1239. while (i < src.length) {
  1240. var val = key ? src[i][key] : src[i];
  1241. if (values.indexOf(val) < 0) {
  1242. results.push(src[i]);
  1243. }
  1244. values[i] = val;
  1245. i++;
  1246. }
  1247. if (sort) {
  1248. if (!key) {
  1249. results = results.sort();
  1250. } else {
  1251. results = results.sort(function sortUniqueArray(a, b) {
  1252. return a[key] > b[key];
  1253. });
  1254. }
  1255. }
  1256. return results;
  1257. };
  1258. var getMultiCenter = function(touches) {
  1259. var touchesLength = touches.length;
  1260. if (touchesLength === 1) {
  1261. return {
  1262. x: round(touches[0].pageX),
  1263. y: round(touches[0].pageY)
  1264. };
  1265. }
  1266. var x = 0;
  1267. var y = 0;
  1268. var i = 0;
  1269. while (i < touchesLength) {
  1270. x += touches[i].pageX;
  1271. y += touches[i].pageY;
  1272. i++;
  1273. }
  1274. return {
  1275. x: round(x / touchesLength),
  1276. y: round(y / touchesLength)
  1277. };
  1278. };
  1279. var multiTouch = function() {
  1280. return $.options.gestureConfig.pinch;
  1281. };
  1282. var copySimpleTouchData = function(touch) {
  1283. var touches = [];
  1284. var i = 0;
  1285. while (i < touch.touches.length) {
  1286. touches[i] = {
  1287. pageX: round(touch.touches[i].pageX),
  1288. pageY: round(touch.touches[i].pageY)
  1289. };
  1290. i++;
  1291. }
  1292. return {
  1293. timestamp: $.now(),
  1294. gesture: touch.gesture,
  1295. touches: touches,
  1296. center: getMultiCenter(touch.touches),
  1297. deltaX: touch.deltaX,
  1298. deltaY: touch.deltaY
  1299. };
  1300. };
  1301. var calDelta = function(touch) {
  1302. var session = $.gestures.session;
  1303. var center = touch.center;
  1304. var offset = session.offsetDelta || {};
  1305. var prevDelta = session.prevDelta || {};
  1306. var prevTouch = session.prevTouch || {};
  1307. if (touch.gesture.type === $.EVENT_START || touch.gesture.type === $.EVENT_END) {
  1308. prevDelta = session.prevDelta = {
  1309. x: prevTouch.deltaX || 0,
  1310. y: prevTouch.deltaY || 0
  1311. };
  1312. offset = session.offsetDelta = {
  1313. x: center.x,
  1314. y: center.y
  1315. };
  1316. }
  1317. touch.deltaX = prevDelta.x + (center.x - offset.x);
  1318. touch.deltaY = prevDelta.y + (center.y - offset.y);
  1319. };
  1320. var calTouchData = function(touch) {
  1321. var session = $.gestures.session;
  1322. var touches = touch.touches;
  1323. var touchesLength = touches.length;
  1324. if (!session.firstTouch) {
  1325. session.firstTouch = copySimpleTouchData(touch);
  1326. }
  1327. if (multiTouch() && touchesLength > 1 && !session.firstMultiTouch) {
  1328. session.firstMultiTouch = copySimpleTouchData(touch);
  1329. } else if (touchesLength === 1) {
  1330. session.firstMultiTouch = false;
  1331. }
  1332. var firstTouch = session.firstTouch;
  1333. var firstMultiTouch = session.firstMultiTouch;
  1334. var offsetCenter = firstMultiTouch ? firstMultiTouch.center : firstTouch.center;
  1335. var center = touch.center = getMultiCenter(touches);
  1336. touch.timestamp = $.now();
  1337. touch.deltaTime = touch.timestamp - firstTouch.timestamp;
  1338. touch.angle = getAngle(offsetCenter, center);
  1339. touch.distance = getDistance(offsetCenter, center);
  1340. calDelta(touch);
  1341. touch.offsetDirection = getDirection(touch.deltaX, touch.deltaY);
  1342. touch.scale = firstMultiTouch ? getScale(firstMultiTouch.touches, touches) : 1;
  1343. touch.rotation = firstMultiTouch ? getRotation(firstMultiTouch.touches, touches) : 0;
  1344. calIntervalTouchData(touch);
  1345. };
  1346. var CAL_INTERVAL = 25;
  1347. var calIntervalTouchData = function(touch) {
  1348. var session = $.gestures.session;
  1349. var last = session.lastInterval || touch;
  1350. var deltaTime = touch.timestamp - last.timestamp;
  1351. var velocity;
  1352. var velocityX;
  1353. var velocityY;
  1354. var direction;
  1355. if (touch.gesture.type != $.EVENT_CANCEL && (deltaTime > CAL_INTERVAL || last.velocity === undefined)) {
  1356. var deltaX = last.deltaX - touch.deltaX;
  1357. var deltaY = last.deltaY - touch.deltaY;
  1358. var v = getVelocity(deltaTime, deltaX, deltaY);
  1359. velocityX = v.x;
  1360. velocityY = v.y;
  1361. velocity = (abs(v.x) > abs(v.y)) ? v.x : v.y;
  1362. direction = getDirection(deltaX, deltaY) || last.direction;
  1363. session.lastInterval = touch;
  1364. } else {
  1365. velocity = last.velocity;
  1366. velocityX = last.velocityX;
  1367. velocityY = last.velocityY;
  1368. direction = last.direction;
  1369. }
  1370. touch.velocity = velocity;
  1371. touch.velocityX = velocityX;
  1372. touch.velocityY = velocityY;
  1373. touch.direction = direction;
  1374. };
  1375. var targetIds = {};
  1376. var convertTouches = function(touches) {
  1377. for (var i = 0; i < touches.length; i++) {
  1378. !touches['identifier'] && (touches['identifier'] = 0);
  1379. }
  1380. return touches;
  1381. };
  1382. var getTouches = function(event, touch) {
  1383. var allTouches = convertTouches($.slice.call(event.touches || [event]));
  1384. var type = event.type;
  1385. var targetTouches = [];
  1386. var changedTargetTouches = [];
  1387. //当touchstart或touchmove且touches长度为1,直接获得all和changed
  1388. if ((type === $.EVENT_START || type === $.EVENT_MOVE) && allTouches.length === 1) {
  1389. targetIds[allTouches[0].identifier] = true;
  1390. targetTouches = allTouches;
  1391. changedTargetTouches = allTouches;
  1392. touch.target = event.target;
  1393. } else {
  1394. var i = 0;
  1395. var targetTouches = [];
  1396. var changedTargetTouches = [];
  1397. var changedTouches = convertTouches($.slice.call(event.changedTouches || [event]));
  1398. touch.target = event.target;
  1399. var sessionTarget = $.gestures.session.target || event.target;
  1400. targetTouches = allTouches.filter(function(touch) {
  1401. return hasParent(touch.target, sessionTarget);
  1402. });
  1403. if (type === $.EVENT_START) {
  1404. i = 0;
  1405. while (i < targetTouches.length) {
  1406. targetIds[targetTouches[i].identifier] = true;
  1407. i++;
  1408. }
  1409. }
  1410. i = 0;
  1411. while (i < changedTouches.length) {
  1412. if (targetIds[changedTouches[i].identifier]) {
  1413. changedTargetTouches.push(changedTouches[i]);
  1414. }
  1415. if (type === $.EVENT_END || type === $.EVENT_CANCEL) {
  1416. delete targetIds[changedTouches[i].identifier];
  1417. }
  1418. i++;
  1419. }
  1420. if (!changedTargetTouches.length) {
  1421. return false;
  1422. }
  1423. }
  1424. targetTouches = uniqueArray(targetTouches.concat(changedTargetTouches), 'identifier', true);
  1425. var touchesLength = targetTouches.length;
  1426. var changedTouchesLength = changedTargetTouches.length;
  1427. if (type === $.EVENT_START && touchesLength - changedTouchesLength === 0) { //first
  1428. touch.isFirst = true;
  1429. $.gestures.touch = $.gestures.session = {
  1430. target: event.target
  1431. };
  1432. }
  1433. touch.isFinal = ((type === $.EVENT_END || type === $.EVENT_CANCEL) && (touchesLength - changedTouchesLength === 0));
  1434. touch.touches = targetTouches;
  1435. touch.changedTouches = changedTargetTouches;
  1436. return true;
  1437. };
  1438. var handleTouchEvent = function(event) {
  1439. var touch = {
  1440. gesture: event
  1441. };
  1442. var touches = getTouches(event, touch);
  1443. if (!touches) {
  1444. return;
  1445. }
  1446. calTouchData(touch);
  1447. detect(event, touch);
  1448. $.gestures.session.prevTouch = touch;
  1449. if (event.type === $.EVENT_END && !$.isTouchable) {
  1450. $.gestures.touch = $.gestures.session = {};
  1451. }
  1452. };
  1453. window.addEventListener($.EVENT_START, handleTouchEvent);
  1454. window.addEventListener($.EVENT_MOVE, handleTouchEvent);
  1455. window.addEventListener($.EVENT_END, handleTouchEvent);
  1456. window.addEventListener($.EVENT_CANCEL, handleTouchEvent);
  1457. //fixed hashchange(android)
  1458. window.addEventListener($.EVENT_CLICK, function(e) {
  1459. //TODO 应该判断当前target是不是在targets.popover内部,而不是非要相等
  1460. if (($.os.android || $.os.ios) && (($.targets.popover && e.target === $.targets.popover) || ($.targets.tab) || $.targets.offcanvas || $.targets.modal)) {
  1461. e.preventDefault();
  1462. }
  1463. }, true);
  1464. //增加原生滚动识别
  1465. $.isScrolling = false;
  1466. var scrollingTimeout = null;
  1467. window.addEventListener('scroll', function() {
  1468. $.isScrolling = true;
  1469. scrollingTimeout && clearTimeout(scrollingTimeout);
  1470. scrollingTimeout = setTimeout(function() {
  1471. $.isScrolling = false;
  1472. }, 250);
  1473. });
  1474. })(mui, window);
  1475. /**
  1476. * mui gesture flick[left|right|up|down]
  1477. * @param {type} $
  1478. * @param {type} name
  1479. * @returns {undefined}
  1480. */
  1481. (function($, name) {
  1482. var flickStartTime = 0;
  1483. var handle = function(event, touch) {
  1484. var session = $.gestures.session;
  1485. var options = this.options;
  1486. var now = $.now();
  1487. switch (event.type) {
  1488. case $.EVENT_MOVE:
  1489. if (now - flickStartTime > 300) {
  1490. flickStartTime = now;
  1491. session.flickStart = touch.center;
  1492. }
  1493. break;
  1494. case $.EVENT_END:
  1495. case $.EVENT_CANCEL:
  1496. touch.flick = false;
  1497. if (session.flickStart && options.flickMaxTime > (now - flickStartTime) && touch.distance > options.flickMinDistince) {
  1498. touch.flick = true;
  1499. touch.flickTime = now - flickStartTime;
  1500. touch.flickDistanceX = touch.center.x - session.flickStart.x;
  1501. touch.flickDistanceY = touch.center.y - session.flickStart.y;
  1502. $.trigger(session.target, name, touch);
  1503. $.trigger(session.target, name + touch.direction, touch);
  1504. }
  1505. break;
  1506. }
  1507. };
  1508. /**
  1509. * mui gesture flick
  1510. */
  1511. $.addGesture({
  1512. name: name,
  1513. index: 5,
  1514. handle: handle,
  1515. options: {
  1516. flickMaxTime: 200,
  1517. flickMinDistince: 10
  1518. }
  1519. });
  1520. })(mui, 'flick');
  1521. /**
  1522. * mui gesture swipe[left|right|up|down]
  1523. * @param {type} $
  1524. * @param {type} name
  1525. * @returns {undefined}
  1526. */
  1527. (function($, name) {
  1528. var handle = function(event, touch) {
  1529. var session = $.gestures.session;
  1530. if (event.type === $.EVENT_END || event.type === $.EVENT_CANCEL) {
  1531. var options = this.options;
  1532. touch.swipe = false;
  1533. //TODO 后续根据velocity计算
  1534. if (touch.direction && options.swipeMaxTime > touch.deltaTime && touch.distance > options.swipeMinDistince) {
  1535. touch.swipe = true;
  1536. $.trigger(session.target, name, touch);
  1537. $.trigger(session.target, name + touch.direction, touch);
  1538. }
  1539. }
  1540. };
  1541. /**
  1542. * mui gesture swipe
  1543. */
  1544. $.addGesture({
  1545. name: name,
  1546. index: 10,
  1547. handle: handle,
  1548. options: {
  1549. swipeMaxTime: 300,
  1550. swipeMinDistince: 18
  1551. }
  1552. });
  1553. })(mui, 'swipe');
  1554. /**
  1555. * mui gesture drag[start|left|right|up|down|end]
  1556. * @param {type} $
  1557. * @param {type} name
  1558. * @returns {undefined}
  1559. */
  1560. (function($, name) {
  1561. var handle = function(event, touch) {
  1562. var session = $.gestures.session;
  1563. switch (event.type) {
  1564. case $.EVENT_START:
  1565. break;
  1566. case $.EVENT_MOVE:
  1567. if (!touch.direction || !session.target) {
  1568. return;
  1569. }
  1570. //修正direction,可在session期间自行锁定拖拽方向,方便开发scroll类不同方向拖拽插件嵌套
  1571. if (session.lockDirection && session.startDirection) {
  1572. if (session.startDirection && session.startDirection !== touch.direction) {
  1573. if (session.startDirection === 'up' || session.startDirection === 'down') {
  1574. touch.direction = touch.deltaY < 0 ? 'up' : 'down';
  1575. } else {
  1576. touch.direction = touch.deltaX < 0 ? 'left' : 'right';
  1577. }
  1578. }
  1579. }
  1580. if (!session.drag) {
  1581. session.drag = true;
  1582. $.trigger(session.target, name + 'start', touch);
  1583. }
  1584. $.trigger(session.target, name, touch);
  1585. $.trigger(session.target, name + touch.direction, touch);
  1586. break;
  1587. case $.EVENT_END:
  1588. case $.EVENT_CANCEL:
  1589. if (session.drag && touch.isFinal) {
  1590. $.trigger(session.target, name + 'end', touch);
  1591. }
  1592. break;
  1593. }
  1594. };
  1595. /**
  1596. * mui gesture drag
  1597. */
  1598. $.addGesture({
  1599. name: name,
  1600. index: 20,
  1601. handle: handle,
  1602. options: {
  1603. fingers: 1
  1604. }
  1605. });
  1606. })(mui, 'drag');
  1607. /**
  1608. * mui gesture tap and doubleTap
  1609. * @param {type} $
  1610. * @param {type} name
  1611. * @returns {undefined}
  1612. */
  1613. (function($, name) {
  1614. var lastTarget;
  1615. var lastTapTime;
  1616. var handle = function(event, touch) {
  1617. var session = $.gestures.session;
  1618. var options = this.options;
  1619. switch (event.type) {
  1620. case $.EVENT_END:
  1621. if (!touch.isFinal) {
  1622. return;
  1623. }
  1624. var target = session.target;
  1625. if (!target || (target.disabled || (target.classList && target.classList.contains('mui-disabled')))) {
  1626. return;
  1627. }
  1628. if (touch.distance < options.tapMaxDistance && touch.deltaTime < options.tapMaxTime) {
  1629. if ($.options.gestureConfig.doubletap && lastTarget && (lastTarget === target)) { //same target
  1630. if (lastTapTime && (touch.timestamp - lastTapTime) < options.tapMaxInterval) {
  1631. $.trigger(target, 'doubletap', touch);
  1632. lastTapTime = $.now();
  1633. lastTarget = target;
  1634. return;
  1635. }
  1636. }
  1637. $.trigger(target, name, touch);
  1638. lastTapTime = $.now();
  1639. lastTarget = target;
  1640. }
  1641. break;
  1642. }
  1643. };
  1644. /**
  1645. * mui gesture tap
  1646. */
  1647. $.addGesture({
  1648. name: name,
  1649. index: 30,
  1650. handle: handle,
  1651. options: {
  1652. fingers: 1,
  1653. tapMaxInterval: 300,
  1654. tapMaxDistance: 5,
  1655. tapMaxTime: 250
  1656. }
  1657. });
  1658. })(mui, 'tap');
  1659. /**
  1660. * mui gesture longtap
  1661. * @param {type} $
  1662. * @param {type} name
  1663. * @returns {undefined}
  1664. */
  1665. (function($, name) {
  1666. var timer;
  1667. var handle = function(event, touch) {
  1668. var session = $.gestures.session;
  1669. var options = this.options;
  1670. switch (event.type) {
  1671. case $.EVENT_START:
  1672. clearTimeout(timer);
  1673. timer = setTimeout(function() {
  1674. $.trigger(session.target, name, touch);
  1675. }, options.holdTimeout);
  1676. break;
  1677. case $.EVENT_MOVE:
  1678. if (touch.distance > options.holdThreshold) {
  1679. clearTimeout(timer);
  1680. }
  1681. break;
  1682. case $.EVENT_END:
  1683. case $.EVENT_CANCEL:
  1684. clearTimeout(timer);
  1685. break;
  1686. }
  1687. };
  1688. /**
  1689. * mui gesture longtap
  1690. */
  1691. $.addGesture({
  1692. name: name,
  1693. index: 10,
  1694. handle: handle,
  1695. options: {
  1696. fingers: 1,
  1697. holdTimeout: 500,
  1698. holdThreshold: 2
  1699. }
  1700. });
  1701. })(mui, 'longtap');
  1702. /**
  1703. * mui gesture hold
  1704. * @param {type} $
  1705. * @param {type} name
  1706. * @returns {undefined}
  1707. */
  1708. (function($, name) {
  1709. var timer;
  1710. var handle = function(event, touch) {
  1711. var session = $.gestures.session;
  1712. var options = this.options;
  1713. switch (event.type) {
  1714. case $.EVENT_START:
  1715. if ($.options.gestureConfig.hold) {
  1716. timer && clearTimeout(timer);
  1717. timer = setTimeout(function() {
  1718. touch.hold = true;
  1719. $.trigger(session.target, name, touch);
  1720. }, options.holdTimeout);
  1721. }
  1722. break;
  1723. case $.EVENT_MOVE:
  1724. break;
  1725. case $.EVENT_END:
  1726. case $.EVENT_CANCEL:
  1727. if (timer) {
  1728. clearTimeout(timer) && (timer = null);
  1729. $.trigger(session.target, 'release', touch);
  1730. }
  1731. break;
  1732. }
  1733. };
  1734. /**
  1735. * mui gesture hold
  1736. */
  1737. $.addGesture({
  1738. name: name,
  1739. index: 10,
  1740. handle: handle,
  1741. options: {
  1742. fingers: 1,
  1743. holdTimeout: 0
  1744. }
  1745. });
  1746. })(mui, 'hold');
  1747. /**
  1748. * mui gesture pinch
  1749. * @param {type} $
  1750. * @param {type} name
  1751. * @returns {undefined}
  1752. */
  1753. (function($, name) {
  1754. var handle = function(event, touch) {
  1755. var options = this.options;
  1756. var session = $.gestures.session;
  1757. switch (event.type) {
  1758. case $.EVENT_START:
  1759. break;
  1760. case $.EVENT_MOVE:
  1761. if ($.options.gestureConfig.pinch) {
  1762. if (touch.touches.length < 2) {
  1763. return;
  1764. }
  1765. if (!session.pinch) { //start
  1766. session.pinch = true;
  1767. $.trigger(session.target, name + 'start', touch);
  1768. }
  1769. $.trigger(session.target, name, touch);
  1770. var scale = touch.scale;
  1771. var rotation = touch.rotation;
  1772. var lastScale = typeof touch.lastScale === 'undefined' ? 1 : touch.lastScale;
  1773. var scaleDiff = 0.000000000001; //防止scale与lastScale相等,不触发事件的情况。
  1774. if (scale > lastScale) { //out
  1775. lastScale = scale - scaleDiff;
  1776. $.trigger(session.target, name + 'out', touch);
  1777. } //in
  1778. else if (scale < lastScale) {
  1779. lastScale = scale + scaleDiff;
  1780. $.trigger(session.target, name + 'in', touch);
  1781. }
  1782. if (Math.abs(rotation) > options.minRotationAngle) {
  1783. $.trigger(session.target, 'rotate', touch);
  1784. }
  1785. }
  1786. break;
  1787. case $.EVENT_END:
  1788. case $.EVENT_CANCEL:
  1789. if ($.options.gestureConfig.pinch && session.pinch && touch.touches.length === 2) {
  1790. session.pinch = false;
  1791. $.trigger(session.target, name + 'end', touch);
  1792. }
  1793. break;
  1794. }
  1795. };
  1796. /**
  1797. * mui gesture pinch
  1798. */
  1799. $.addGesture({
  1800. name: name,
  1801. index: 10,
  1802. handle: handle,
  1803. options: {
  1804. minRotationAngle: 0
  1805. }
  1806. });
  1807. })(mui, 'pinch');
  1808. /**
  1809. * mui.init
  1810. * @param {type} $
  1811. * @returns {undefined}
  1812. */
  1813. (function($) {
  1814. $.global = $.options = {
  1815. gestureConfig: {
  1816. tap: true,
  1817. doubletap: false,
  1818. longtap: false,
  1819. hold: false,
  1820. flick: true,
  1821. swipe: true,
  1822. drag: true,
  1823. pinch: false
  1824. }
  1825. };
  1826. /**
  1827. *
  1828. * @param {type} options
  1829. * @returns {undefined}
  1830. */
  1831. $.initGlobal = function(options) {
  1832. $.options = $.extend(true, $.global, options);
  1833. return this;
  1834. };
  1835. var inits = {};
  1836. /**
  1837. * 单页配置 初始化
  1838. * @param {object} options
  1839. */
  1840. $.init = function(options) {
  1841. $.options = $.extend(true, $.global, options || {});
  1842. $.ready(function() {
  1843. $.doAction('inits', function(index, init) {
  1844. var isInit = !!(!inits[init.name] || init.repeat);
  1845. if (isInit) {
  1846. init.handle.call($);
  1847. inits[init.name] = true;
  1848. }
  1849. });
  1850. });
  1851. return this;
  1852. };
  1853. /**
  1854. * 增加初始化执行流程
  1855. * @param {function} init
  1856. */
  1857. $.addInit = function(init) {
  1858. return $.addAction('inits', init);
  1859. };
  1860. /**
  1861. * 处理html5版本subpages
  1862. */
  1863. $.addInit({
  1864. name: 'iframe',
  1865. index: 100,
  1866. handle: function() {
  1867. var options = $.options;
  1868. var subpages = options.subpages || [];
  1869. if (!$.os.plus && subpages.length) {
  1870. //暂时只处理单个subpage。后续可以考虑支持多个subpage
  1871. createIframe(subpages[0]);
  1872. }
  1873. }
  1874. });
  1875. var createIframe = function(options) {
  1876. var wrapper = document.createElement('div');
  1877. wrapper.className = 'mui-iframe-wrapper';
  1878. var styles = options.styles || {};
  1879. if (typeof styles.top !== 'string') {
  1880. styles.top = '0px';
  1881. }
  1882. if (typeof styles.bottom !== 'string') {
  1883. styles.bottom = '0px';
  1884. }
  1885. wrapper.style.top = styles.top;
  1886. wrapper.style.bottom = styles.bottom;
  1887. var iframe = document.createElement('iframe');
  1888. iframe.src = options.url;
  1889. iframe.id = options.id || options.url;
  1890. iframe.name = iframe.id;
  1891. wrapper.appendChild(iframe);
  1892. document.body.appendChild(wrapper);
  1893. //目前仅处理微信
  1894. $.os.wechat && handleScroll(wrapper, iframe);
  1895. };
  1896. function handleScroll(wrapper, iframe) {
  1897. var key = 'MUI_SCROLL_POSITION_' + document.location.href + '_' + iframe.src;
  1898. var scrollTop = (parseFloat(localStorage.getItem(key)) || 0);
  1899. if (scrollTop) {
  1900. (function(y) {
  1901. iframe.onload = function() {
  1902. window.scrollTo(0, y);
  1903. };
  1904. })(scrollTop);
  1905. }
  1906. setInterval(function() {
  1907. var _scrollTop = window.scrollY;
  1908. if (scrollTop !== _scrollTop) {
  1909. localStorage.setItem(key, _scrollTop + '');
  1910. scrollTop = _scrollTop;
  1911. }
  1912. }, 100);
  1913. };
  1914. $(function() {
  1915. var classList = document.body.classList;
  1916. var os = [];
  1917. if ($.os.ios) {
  1918. os.push({
  1919. os: 'ios',
  1920. version: $.os.version
  1921. });
  1922. classList.add('mui-ios');
  1923. } else if ($.os.android) {
  1924. os.push({
  1925. os: 'android',
  1926. version: $.os.version
  1927. });
  1928. classList.add('mui-android');
  1929. }
  1930. if ($.os.wechat) {
  1931. os.push({
  1932. os: 'wechat',
  1933. version: $.os.wechat.version
  1934. });
  1935. classList.add('mui-wechat');
  1936. }
  1937. if (os.length) {
  1938. $.each(os, function(index, osObj) {
  1939. var version = '';
  1940. var classArray = [];
  1941. if (osObj.version) {
  1942. $.each(osObj.version.split('.'), function(i, v) {
  1943. version = version + (version ? '-' : '') + v;
  1944. classList.add($.className(osObj.os + '-' + version));
  1945. });
  1946. }
  1947. });
  1948. }
  1949. });
  1950. })(mui);
  1951. /**
  1952. * mui.init 5+
  1953. * @param {type} $
  1954. * @returns {undefined}
  1955. */
  1956. (function($) {
  1957. var defaultOptions = {
  1958. swipeBack: false,
  1959. preloadPages: [], //5+ lazyLoad webview
  1960. preloadLimit: 10, //预加载窗口的数量限制(一旦超出,先进先出)
  1961. keyEventBind: {
  1962. backbutton: true,
  1963. menubutton: true
  1964. },
  1965. titleConfig: {
  1966. height: "44px",
  1967. backgroundColor: "#f7f7f7", //导航栏背景色
  1968. bottomBorderColor: "#cccccc", //底部边线颜色
  1969. title: { //标题配置
  1970. text: "", //标题文字
  1971. position: {
  1972. top: 0,
  1973. left: 0,
  1974. width: "100%",
  1975. height: "100%"
  1976. },
  1977. styles: {
  1978. color: "#000000",
  1979. align: "center",
  1980. family: "'Helvetica Neue',Helvetica,sans-serif",
  1981. size: "17px",
  1982. style: "normal",
  1983. weight: "normal",
  1984. fontSrc: ""
  1985. }
  1986. },
  1987. back: {
  1988. image: {
  1989. base64Data: '',
  1990. imgSrc: '',
  1991. sprite: {
  1992. top: '0px',
  1993. left: '0px',
  1994. width: '100%',
  1995. height: '100%'
  1996. },
  1997. position: {
  1998. top: "10px",
  1999. left: "10px",
  2000. width: "24px",
  2001. height: "24px"
  2002. }
  2003. }
  2004. }
  2005. }
  2006. };
  2007. //默认页面动画
  2008. var defaultShow = {
  2009. event:"titleUpdate",
  2010. autoShow: true,
  2011. duration: 300,
  2012. aniShow: 'slide-in-right',
  2013. extras:{}
  2014. };
  2015. //若执行了显示动画初始化操作,则要覆盖默认配置
  2016. if($.options.show) {
  2017. defaultShow = $.extend(true, defaultShow, $.options.show);
  2018. }
  2019. $.currentWebview = null;
  2020. $.extend(true, $.global, defaultOptions);
  2021. $.extend(true, $.options, defaultOptions);
  2022. /**
  2023. * 等待动画配置
  2024. * @param {type} options
  2025. * @returns {Object}
  2026. */
  2027. $.waitingOptions = function(options) {
  2028. return $.extend(true, {}, {
  2029. autoShow: true,
  2030. title: '',
  2031. modal: false
  2032. }, options);
  2033. };
  2034. /**
  2035. * 窗口显示配置
  2036. * @param {type} options
  2037. * @returns {Object}
  2038. */
  2039. $.showOptions = function(options) {
  2040. return $.extend(true, {}, defaultShow, options);
  2041. };
  2042. /**
  2043. * 窗口默认配置
  2044. * @param {type} options
  2045. * @returns {Object}
  2046. */
  2047. $.windowOptions = function(options) {
  2048. return $.extend({
  2049. scalable: false,
  2050. bounce: "" //vertical
  2051. }, options);
  2052. };
  2053. /**
  2054. * plusReady
  2055. * @param {type} callback
  2056. * @returns {_L6.$}
  2057. */
  2058. $.plusReady = function(callback) {
  2059. if(window.plus) {
  2060. setTimeout(function() { //解决callback与plusready事件的执行时机问题(典型案例:showWaiting,closeWaiting)
  2061. callback();
  2062. }, 0);
  2063. } else {
  2064. document.addEventListener("plusready", function() {
  2065. callback();
  2066. }, false);
  2067. }
  2068. return this;
  2069. };
  2070. /**
  2071. * 5+ event(5+没提供之前我自己实现)
  2072. * @param {type} webview
  2073. * @param {type} eventType
  2074. * @param {type} data
  2075. * @returns {undefined}
  2076. */
  2077. $.fire = function(webview, eventType, data) {
  2078. if(webview) {
  2079. if(typeof data === 'undefined') {
  2080. data = '';
  2081. } else if(typeof data === 'boolean' || typeof data === 'number') {
  2082. webview.evalJS("typeof mui!=='undefined'&&mui.receive('" + eventType + "'," + data + ")");
  2083. return;
  2084. } else if($.isPlainObject(data) || $.isArray(data)) {
  2085. data = JSON.stringify(data || {}).replace(/\'/g, "\\u0027").replace(/\\/g, "\\u005c");
  2086. }
  2087. webview.evalJS("typeof mui!=='undefined'&&mui.receive('" + eventType + "','" + data + "')");
  2088. }
  2089. };
  2090. /**
  2091. * 5+ event(5+没提供之前我自己实现)
  2092. * @param {type} eventType
  2093. * @param {type} data
  2094. * @returns {undefined}
  2095. */
  2096. $.receive = function(eventType, data) {
  2097. if(eventType) {
  2098. try {
  2099. if(data && typeof data === 'string') {
  2100. data = JSON.parse(data);
  2101. }
  2102. } catch(e) {}
  2103. $.trigger(document, eventType, data);
  2104. }
  2105. };
  2106. var triggerPreload = function(webview) {
  2107. if(!webview.preloaded) { //保证仅触发一次
  2108. $.fire(webview, 'preload');
  2109. var list = webview.children();
  2110. for(var i = 0; i < list.length; i++) {
  2111. $.fire(list[i], 'preload');
  2112. }
  2113. webview.preloaded = true;
  2114. }
  2115. };
  2116. var trigger = function(webview, eventType, timeChecked) {
  2117. if(timeChecked) {
  2118. if(!webview[eventType + 'ed']) {
  2119. $.fire(webview, eventType);
  2120. var list = webview.children();
  2121. for(var i = 0; i < list.length; i++) {
  2122. $.fire(list[i], eventType);
  2123. }
  2124. webview[eventType + 'ed'] = true;
  2125. }
  2126. } else {
  2127. $.fire(webview, eventType);
  2128. var list = webview.children();
  2129. for(var i = 0; i < list.length; i++) {
  2130. $.fire(list[i], eventType);
  2131. }
  2132. }
  2133. };
  2134. /**
  2135. * 打开新窗口
  2136. * @param {string} url 要打开的页面地址
  2137. * @param {string} id 指定页面ID
  2138. * @param {object} options 可选:参数,等待,窗口,显示配置{params:{},waiting:{},styles:{},show:{}}
  2139. */
  2140. $.openWindow = function(url, id, options) {
  2141. if(typeof url === 'object') {
  2142. options = url;
  2143. url = options.url;
  2144. id = options.id || url;
  2145. } else {
  2146. if(typeof id === 'object') {
  2147. options = id;
  2148. id = options.id || url;
  2149. } else {
  2150. id = id || url;
  2151. }
  2152. }
  2153. if(!$.os.plus) {
  2154. //TODO 先临时这么处理:手机上顶层跳,PC上parent跳
  2155. if($.os.ios || $.os.android) {
  2156. window.top.location.href = url;
  2157. } else {
  2158. window.parent.location.href = url;
  2159. }
  2160. return;
  2161. }
  2162. if(!window.plus) {
  2163. return;
  2164. }
  2165. options = options || {};
  2166. var params = options.params || {};
  2167. var webview = null,
  2168. webviewCache = null,
  2169. nShow, nWaiting;
  2170. if($.webviews[id]) {
  2171. webviewCache = $.webviews[id];
  2172. //webview真实存在,才能获取
  2173. if(plus.webview.getWebviewById(id)) {
  2174. webview = webviewCache.webview;
  2175. }
  2176. } else if(options.createNew !== true) {
  2177. webview = plus.webview.getWebviewById(id);
  2178. }
  2179. if(webview) { //已缓存
  2180. //每次show都需要传递动画参数;
  2181. //预加载的动画参数优先级:openWindow配置>preloadPages配置>mui默认配置;
  2182. nShow = webviewCache ? webviewCache.show : defaultShow;
  2183. nShow = options.show ? $.extend(nShow, options.show) : nShow;
  2184. nShow.autoShow && webview.show(nShow.aniShow, nShow.duration, function() {
  2185. triggerPreload(webview);
  2186. trigger(webview, 'pagebeforeshow', false);
  2187. });
  2188. if(webviewCache) {
  2189. webviewCache.afterShowMethodName && webview.evalJS(webviewCache.afterShowMethodName + '(\'' + JSON.stringify(params) + '\')');
  2190. }
  2191. return webview;
  2192. } else { //新窗口
  2193. if(!url) {
  2194. throw new Error('webview[' + id + '] does not exist');
  2195. }
  2196. //显示waiting
  2197. var waitingConfig = $.waitingOptions(options.waiting);
  2198. if(waitingConfig.autoShow) {
  2199. nWaiting = plus.nativeUI.showWaiting(waitingConfig.title, waitingConfig.options);
  2200. }
  2201. //创建页面
  2202. options = $.extend(options, {
  2203. id: id,
  2204. url: url
  2205. });
  2206. webview = $.createWindow(options);
  2207. //显示
  2208. nShow = $.showOptions(options.show);
  2209. if(nShow.autoShow) {
  2210. var showWebview = function() {
  2211. //关闭等待框
  2212. if(nWaiting) {
  2213. nWaiting.close();
  2214. }
  2215. //显示页面
  2216. webview.show(nShow.aniShow, nShow.duration, function() {},nShow.extras);
  2217. options.afterShowMethodName && webview.evalJS(options.afterShowMethodName + '(\'' + JSON.stringify(params) + '\')');
  2218. };
  2219. //titleUpdate触发时机早于loaded,更换为titleUpdate后,可以更早的显示webview
  2220. webview.addEventListener(nShow.event, showWebview, false);
  2221. //loaded事件发生后,触发预加载和pagebeforeshow事件
  2222. webview.addEventListener("loaded", function() {
  2223. triggerPreload(webview);
  2224. trigger(webview, 'pagebeforeshow', false);
  2225. }, false);
  2226. }
  2227. }
  2228. return webview;
  2229. };
  2230. $.openWindowWithTitle = function(options, titleConfig) {
  2231. options = options || {};
  2232. var url = options.url;
  2233. var id = options.id || url;
  2234. if(!$.os.plus) {
  2235. //TODO 先临时这么处理:手机上顶层跳,PC上parent跳
  2236. if($.os.ios || $.os.android) {
  2237. window.top.location.href = url;
  2238. } else {
  2239. window.parent.location.href = url;
  2240. }
  2241. return;
  2242. }
  2243. if(!window.plus) {
  2244. return;
  2245. }
  2246. var params = options.params || {};
  2247. var webview = null,
  2248. webviewCache = null,
  2249. nShow, nWaiting;
  2250. if($.webviews[id]) {
  2251. webviewCache = $.webviews[id];
  2252. //webview真实存在,才能获取
  2253. if(plus.webview.getWebviewById(id)) {
  2254. webview = webviewCache.webview;
  2255. }
  2256. } else if(options.createNew !== true) {
  2257. webview = plus.webview.getWebviewById(id);
  2258. }
  2259. if(webview) { //已缓存
  2260. //每次show都需要传递动画参数;
  2261. //预加载的动画参数优先级:openWindow配置>preloadPages配置>mui默认配置;
  2262. nShow = webviewCache ? webviewCache.show : defaultShow;
  2263. nShow = options.show ? $.extend(nShow, options.show) : nShow;
  2264. nShow.autoShow && webview.show(nShow.aniShow, nShow.duration, function() {
  2265. triggerPreload(webview);
  2266. trigger(webview, 'pagebeforeshow', false);
  2267. });
  2268. if(webviewCache) {
  2269. webviewCache.afterShowMethodName && webview.evalJS(webviewCache.afterShowMethodName + '(\'' + JSON.stringify(params) + '\')');
  2270. }
  2271. return webview;
  2272. } else { //新窗口
  2273. if(!url) {
  2274. throw new Error('webview[' + id + '] does not exist');
  2275. }
  2276. //显示waiting
  2277. var waitingConfig = $.waitingOptions(options.waiting);
  2278. if(waitingConfig.autoShow) {
  2279. nWaiting = plus.nativeUI.showWaiting(waitingConfig.title, waitingConfig.options);
  2280. }
  2281. //创建页面
  2282. options = $.extend(options, {
  2283. id: id,
  2284. url: url
  2285. });
  2286. webview = $.createWindow(options);
  2287. if(titleConfig) { //处理原生头
  2288. $.extend(true, $.options.titleConfig, titleConfig);
  2289. var tid = $.options.titleConfig.id ? $.options.titleConfig.id : id + "_title";
  2290. var view = new plus.nativeObj.View(tid, {
  2291. top: 0,
  2292. height: $.options.titleConfig.height,
  2293. width: "100%",
  2294. dock: "top",
  2295. position: "dock"
  2296. });
  2297. view.drawRect($.options.titleConfig.backgroundColor); //绘制背景色
  2298. var _b = parseInt($.options.titleConfig.height) - 1;
  2299. view.drawRect($.options.titleConfig.bottomBorderColor, {
  2300. top: _b + "px",
  2301. left: "0px"
  2302. }); //绘制底部边线
  2303. //绘制文字
  2304. if($.options.titleConfig.title.text){
  2305. var _title = $.options.titleConfig.title;
  2306. view.drawText(_title.text,_title.position , _title.styles);
  2307. }
  2308. //返回图标绘制
  2309. var _back = $.options.titleConfig.back;
  2310. var backClick = null;
  2311. //优先字体
  2312. //其次是图片
  2313. var _backImage = _back.image;
  2314. if(_backImage.base64Data || _backImage.imgSrc) {
  2315. //TODO 此处需要处理百分比的情况
  2316. backClick = {
  2317. left:parseInt(_backImage.position.left),
  2318. right:parseInt(_backImage.position.left) + parseInt(_backImage.position.width)
  2319. };
  2320. var bitmap = new plus.nativeObj.Bitmap(id + "_back");
  2321. if(_backImage.base64Data) { //优先base64编码字符串
  2322. bitmap.loadBase64Data(_backImage.base64Data);
  2323. } else { //其次加载图片文件
  2324. bitmap.load(_backImage.imgSrc);
  2325. }
  2326. view.drawBitmap(bitmap,_backImage.sprite , _backImage.position);
  2327. }
  2328. //处理点击事件
  2329. view.setTouchEventRect({
  2330. top: "0px",
  2331. left: "0px",
  2332. width: "100%",
  2333. height: "100%"
  2334. });
  2335. view.interceptTouchEvent(true);
  2336. view.addEventListener("click", function(e) {
  2337. var x = e.clientX;
  2338. //返回按钮点击
  2339. if(backClick&& x > backClick.left && x < backClick.right){
  2340. if( _back.click && $.isFunction(_back.click)){
  2341. _back.click();
  2342. }else{
  2343. webview.evalJS("window.mui&&mui.back();");
  2344. }
  2345. }
  2346. }, false);
  2347. webview.append(view);
  2348. }
  2349. //显示
  2350. nShow = $.showOptions(options.show);
  2351. if(nShow.autoShow) {
  2352. //titleUpdate触发时机早于loaded,更换为titleUpdate后,可以更早的显示webview
  2353. webview.addEventListener(nShow.event, function () {
  2354. //关闭等待框
  2355. if(nWaiting) {
  2356. nWaiting.close();
  2357. }
  2358. //显示页面
  2359. webview.show(nShow.aniShow, nShow.duration, function() {},nShow.extras);
  2360. }, false);
  2361. }
  2362. }
  2363. return webview;
  2364. };
  2365. /**
  2366. * 根据配置信息创建一个webview
  2367. * @param {type} options
  2368. * @param {type} isCreate
  2369. * @returns {webview}
  2370. */
  2371. $.createWindow = function(options, isCreate) {
  2372. if(!window.plus) {
  2373. return;
  2374. }
  2375. var id = options.id || options.url;
  2376. var webview;
  2377. if(options.preload) {
  2378. if($.webviews[id] && $.webviews[id].webview.getURL()) { //已经cache
  2379. webview = $.webviews[id].webview;
  2380. } else { //新增预加载窗口
  2381. //判断是否携带createNew参数,默认为false
  2382. if(options.createNew !== true) {
  2383. webview = plus.webview.getWebviewById(id);
  2384. }
  2385. //之前没有,那就新创建
  2386. if(!webview) {
  2387. webview = plus.webview.create(options.url, id, $.windowOptions(options.styles), $.extend({
  2388. preload: true
  2389. }, options.extras));
  2390. if(options.subpages) {
  2391. $.each(options.subpages, function(index, subpage) {
  2392. var subpageId = subpage.id || subpage.url;
  2393. if(subpageId) { //过滤空对象
  2394. var subWebview = plus.webview.getWebviewById(subpageId);
  2395. if(!subWebview) { //如果该webview不存在,则创建
  2396. subWebview = plus.webview.create(subpage.url, subpageId, $.windowOptions(subpage.styles), $.extend({
  2397. preload: true
  2398. }, subpage.extras));
  2399. }
  2400. webview.append(subWebview);
  2401. }
  2402. });
  2403. }
  2404. }
  2405. }
  2406. //TODO 理论上,子webview也应该计算到预加载队列中,但这样就麻烦了,要退必须退整体,否则可能出现问题;
  2407. $.webviews[id] = {
  2408. webview: webview, //目前仅preload的缓存webview
  2409. preload: true,
  2410. show: $.showOptions(options.show),
  2411. afterShowMethodName: options.afterShowMethodName //就不应该用evalJS。应该是通过事件消息通讯
  2412. };
  2413. //索引该预加载窗口
  2414. var preloads = $.data.preloads;
  2415. var index = preloads.indexOf(id);
  2416. if(~index) { //删除已存在的(变相调整插入位置)
  2417. preloads.splice(index, 1);
  2418. }
  2419. preloads.push(id);
  2420. if(preloads.length > $.options.preloadLimit) {
  2421. //先进先出
  2422. var first = $.data.preloads.shift();
  2423. var webviewCache = $.webviews[first];
  2424. if(webviewCache && webviewCache.webview) {
  2425. //需要将自己打开的所有页面,全部close;
  2426. //关闭该预加载webview
  2427. $.closeAll(webviewCache.webview);
  2428. }
  2429. //删除缓存
  2430. delete $.webviews[first];
  2431. }
  2432. } else {
  2433. if(isCreate !== false) { //直接创建非预加载窗口
  2434. webview = plus.webview.create(options.url, id, $.windowOptions(options.styles), options.extras);
  2435. if(options.subpages) {
  2436. $.each(options.subpages, function(index, subpage) {
  2437. var subpageId = subpage.id || subpage.url;
  2438. var subWebview = plus.webview.getWebviewById(subpageId);
  2439. if(!subWebview) {
  2440. subWebview = plus.webview.create(subpage.url, subpageId, $.windowOptions(subpage.styles), subpage.extras);
  2441. }
  2442. webview.append(subWebview);
  2443. });
  2444. }
  2445. }
  2446. }
  2447. return webview;
  2448. };
  2449. /**
  2450. * 预加载
  2451. */
  2452. $.preload = function(options) {
  2453. //调用预加载函数,不管是否传递preload参数,强制变为true
  2454. if(!options.preload) {
  2455. options.preload = true;
  2456. }
  2457. return $.createWindow(options);
  2458. };
  2459. /**
  2460. *关闭当前webview打开的所有webview;
  2461. */
  2462. $.closeOpened = function(webview) {
  2463. var opened = webview.opened();
  2464. if(opened) {
  2465. for(var i = 0, len = opened.length; i < len; i++) {
  2466. var openedWebview = opened[i];
  2467. var open_open = openedWebview.opened();
  2468. if(open_open && open_open.length > 0) {
  2469. //关闭打开的webview
  2470. $.closeOpened(openedWebview);
  2471. //关闭自己
  2472. openedWebview.close("none");
  2473. } else {
  2474. //如果直接孩子节点,就不用关闭了,因为父关闭的时候,会自动关闭子;
  2475. if(openedWebview.parent() !== webview) {
  2476. openedWebview.close('none');
  2477. }
  2478. }
  2479. }
  2480. }
  2481. };
  2482. $.closeAll = function(webview, aniShow) {
  2483. $.closeOpened(webview);
  2484. if(aniShow) {
  2485. webview.close(aniShow);
  2486. } else {
  2487. webview.close();
  2488. }
  2489. };
  2490. /**
  2491. * 批量创建webview
  2492. * @param {type} options
  2493. * @returns {undefined}
  2494. */
  2495. $.createWindows = function(options) {
  2496. $.each(options, function(index, option) {
  2497. //初始化预加载窗口(创建)和非预加载窗口(仅配置,不创建)
  2498. $.createWindow(option, false);
  2499. });
  2500. };
  2501. /**
  2502. * 创建当前页面的子webview
  2503. * @param {type} options
  2504. * @returns {webview}
  2505. */
  2506. $.appendWebview = function(options) {
  2507. if(!window.plus) {
  2508. return;
  2509. }
  2510. var id = options.id || options.url;
  2511. var webview;
  2512. if(!$.webviews[id]) { //保证执行一遍
  2513. //TODO 这里也有隐患,比如某个webview不是作为subpage创建的,而是作为target webview的话;
  2514. if(!plus.webview.getWebviewById(id)) {
  2515. webview = plus.webview.create(options.url, id, options.styles, options.extras);
  2516. }
  2517. //之前的实现方案:子窗口loaded之后再append到父窗口中;
  2518. //问题:部分子窗口loaded事件发生较晚,此时执行父窗口的children方法会返回空,导致父子通讯失败;
  2519. // 比如父页面执行完preload事件后,需触发子页面的preload事件,此时未append的话,就无法触发;
  2520. //修改方式:不再监控loaded事件,直接append
  2521. //by chb@20150521
  2522. // webview.addEventListener('loaded', function() {
  2523. plus.webview.currentWebview().append(webview);
  2524. // });
  2525. $.webviews[id] = options;
  2526. }
  2527. return webview;
  2528. };
  2529. //全局webviews
  2530. $.webviews = {};
  2531. //预加载窗口索引
  2532. $.data.preloads = [];
  2533. //$.currentWebview
  2534. $.plusReady(function() {
  2535. $.currentWebview = plus.webview.currentWebview();
  2536. });
  2537. $.addInit({
  2538. name: '5+',
  2539. index: 100,
  2540. handle: function() {
  2541. var options = $.options;
  2542. var subpages = options.subpages || [];
  2543. if($.os.plus) {
  2544. $.plusReady(function() {
  2545. //TODO 这里需要判断一下,最好等子窗口加载完毕后,再调用主窗口的show方法;
  2546. //或者:在openwindow方法中,监听实现;
  2547. $.each(subpages, function(index, subpage) {
  2548. $.appendWebview(subpage);
  2549. });
  2550. //判断是否首页
  2551. if(plus.webview.currentWebview() === plus.webview.getWebviewById(plus.runtime.appid)) {
  2552. //首页需要自己激活预加载;
  2553. //timeout因为子页面loaded之后才append的,防止子页面尚未append、从而导致其preload未触发的问题;
  2554. setTimeout(function() {
  2555. triggerPreload(plus.webview.currentWebview());
  2556. }, 300);
  2557. }
  2558. //设置ios顶部状态栏颜色;
  2559. if($.os.ios && $.options.statusBarBackground) {
  2560. plus.navigator.setStatusBarBackground($.options.statusBarBackground);
  2561. }
  2562. if($.os.android && parseFloat($.os.version) < 4.4) {
  2563. //解决Android平台4.4版本以下,resume后,父窗体标题延迟渲染的问题;
  2564. if(plus.webview.currentWebview().parent() == null) {
  2565. document.addEventListener("resume", function() {
  2566. var body = document.body;
  2567. body.style.display = 'none';
  2568. setTimeout(function() {
  2569. body.style.display = '';
  2570. }, 10);
  2571. });
  2572. }
  2573. }
  2574. });
  2575. } else {
  2576. //已支持iframe嵌入
  2577. // if (subpages.length > 0) {
  2578. // var err = document.createElement('div');
  2579. // err.className = 'mui-error';
  2580. // //文字描述
  2581. // var span = document.createElement('span');
  2582. // span.innerHTML = '在该浏览器下,不支持创建子页面,具体参考';
  2583. // err.appendChild(span);
  2584. // var a = document.createElement('a');
  2585. // a.innerHTML = '"mui框架适用场景"';
  2586. // a.href = 'http://ask.dcloud.net.cn/article/113';
  2587. // err.appendChild(a);
  2588. // document.body.appendChild(err);
  2589. // console.log('在该浏览器下,不支持创建子页面');
  2590. // }
  2591. }
  2592. }
  2593. });
  2594. window.addEventListener('preload', function() {
  2595. //处理预加载部分
  2596. var webviews = $.options.preloadPages || [];
  2597. $.plusReady(function() {
  2598. $.each(webviews, function(index, webview) {
  2599. $.createWindow($.extend(webview, {
  2600. preload: true
  2601. }));
  2602. });
  2603. });
  2604. });
  2605. $.supportStatusbarOffset = function() {
  2606. return $.os.plus && $.os.ios && parseFloat($.os.version) >= 7;
  2607. };
  2608. $.ready(function() {
  2609. //标识当前环境支持statusbar
  2610. if($.supportStatusbarOffset()) {
  2611. document.body.classList.add('mui-statusbar');
  2612. }
  2613. });
  2614. })(mui);
  2615. /**
  2616. * mui back
  2617. * @param {type} $
  2618. * @param {type} window
  2619. * @returns {undefined}
  2620. */
  2621. (function($, window) {
  2622. /**
  2623. * register back
  2624. * @param {type} back
  2625. * @returns {$.gestures}
  2626. */
  2627. $.addBack = function(back) {
  2628. return $.addAction('backs', back);
  2629. };
  2630. /**
  2631. * default
  2632. */
  2633. $.addBack({
  2634. name: 'browser',
  2635. index: 100,
  2636. handle: function() {
  2637. if (window.history.length > 1) {
  2638. window.history.back();
  2639. return true;
  2640. }
  2641. return false;
  2642. }
  2643. });
  2644. /**
  2645. * 后退
  2646. */
  2647. $.back = function() {
  2648. if (typeof $.options.beforeback === 'function') {
  2649. if ($.options.beforeback() === false) {
  2650. return;
  2651. }
  2652. }
  2653. $.doAction('backs');
  2654. };
  2655. window.addEventListener('tap', function(e) {
  2656. var action = $.targets.action;
  2657. if (action && action.classList.contains('mui-action-back')) {
  2658. $.back();
  2659. $.targets.action = false;
  2660. }
  2661. });
  2662. window.addEventListener('swiperight', function(e) {
  2663. var detail = e.detail;
  2664. if ($.options.swipeBack === true && Math.abs(detail.angle) < 3) {
  2665. $.back();
  2666. }
  2667. });
  2668. })(mui, window);
  2669. /**
  2670. * mui back 5+
  2671. * @param {type} $
  2672. * @param {type} window
  2673. * @returns {undefined}
  2674. */
  2675. (function($, window) {
  2676. if ($.os.plus && $.os.android) {
  2677. $.addBack({
  2678. name: 'mui',
  2679. index: 5,
  2680. handle: function() {
  2681. //后续重新设计此处,将back放到各个空间内部实现
  2682. //popover
  2683. if ($.targets._popover && $.targets._popover.classList.contains('mui-active')) {
  2684. $($.targets._popover).popover('hide');
  2685. return true;
  2686. }
  2687. //offcanvas
  2688. var offCanvas = document.querySelector('.mui-off-canvas-wrap.mui-active');
  2689. if (offCanvas) {
  2690. $(offCanvas).offCanvas('close');
  2691. return true;
  2692. }
  2693. var previewImage = $.isFunction($.getPreviewImage) && $.getPreviewImage();
  2694. if (previewImage && previewImage.isShown()) {
  2695. previewImage.close();
  2696. return true;
  2697. }
  2698. //popup
  2699. return $.closePopup();
  2700. }
  2701. });
  2702. }
  2703. //首次按下back按键的时间
  2704. $.__back__first = null;
  2705. /**
  2706. * 5+ back
  2707. */
  2708. $.addBack({
  2709. name: '5+',
  2710. index: 10,
  2711. handle: function() {
  2712. if (!window.plus) {
  2713. return false;
  2714. }
  2715. var wobj = plus.webview.currentWebview();
  2716. var parent = wobj.parent();
  2717. if (parent) {
  2718. parent.evalJS('mui&&mui.back();');
  2719. } else {
  2720. wobj.canBack(function(e) {
  2721. //by chb 暂时注释,在碰到类似popover之类的锚点的时候,需多次点击才能返回;
  2722. if (e.canBack) { //webview history back
  2723. window.history.back();
  2724. } else { //webview close or hide
  2725. //fixed by fxy 此处不应该用opener判断,因为用户有可能自己close掉当前窗口的opener。这样的话。opener就为空了,导致不能执行close
  2726. if (wobj.id === plus.runtime.appid) { //首页
  2727. //首页不存在opener的情况下,后退实际上应该是退出应用;
  2728. //首次按键,提示‘再按一次退出应用’
  2729. if (!$.__back__first) {
  2730. $.__back__first = new Date().getTime();
  2731. mui.toast('再按一次退出应用');
  2732. setTimeout(function() {
  2733. $.__back__first = null;
  2734. }, 2000);
  2735. } else {
  2736. if (new Date().getTime() - $.__back__first < 2000) {
  2737. plus.runtime.quit();
  2738. }
  2739. }
  2740. } else { //其他页面,
  2741. if (wobj.preload) {
  2742. wobj.hide("auto");
  2743. } else {
  2744. //关闭页面时,需要将其打开的所有子页面全部关闭;
  2745. $.closeAll(wobj);
  2746. }
  2747. }
  2748. }
  2749. });
  2750. }
  2751. return true;
  2752. }
  2753. });
  2754. $.menu = function() {
  2755. var menu = document.querySelector('.mui-action-menu');
  2756. if (menu) {
  2757. $.trigger(menu, $.EVENT_START); //临时处理menu无touchstart的话,找不到当前targets的问题
  2758. $.trigger(menu, 'tap');
  2759. } else { //执行父窗口的menu
  2760. if (window.plus) {
  2761. var wobj = $.currentWebview;
  2762. var parent = wobj.parent();
  2763. if (parent) { //又得evalJS
  2764. parent.evalJS('mui&&mui.menu();');
  2765. }
  2766. }
  2767. }
  2768. };
  2769. var __back = function() {
  2770. $.back();
  2771. };
  2772. var __menu = function() {
  2773. $.menu();
  2774. };
  2775. //默认监听
  2776. $.plusReady(function() {
  2777. if ($.options.keyEventBind.backbutton) {
  2778. plus.key.addEventListener('backbutton', __back, false);
  2779. }
  2780. if ($.options.keyEventBind.menubutton) {
  2781. plus.key.addEventListener('menubutton', __menu, false);
  2782. }
  2783. });
  2784. //处理按键监听事件
  2785. $.addInit({
  2786. name: 'keyEventBind',
  2787. index: 1000,
  2788. handle: function() {
  2789. $.plusReady(function() {
  2790. //如果不为true,则移除默认监听
  2791. if (!$.options.keyEventBind.backbutton) {
  2792. plus.key.removeEventListener('backbutton', __back);
  2793. }
  2794. if (!$.options.keyEventBind.menubutton) {
  2795. plus.key.removeEventListener('menubutton', __menu);
  2796. }
  2797. });
  2798. }
  2799. });
  2800. })(mui, window);
  2801. /**
  2802. * mui.init pulldownRefresh
  2803. * @param {type} $
  2804. * @returns {undefined}
  2805. */
  2806. (function($) {
  2807. $.addInit({
  2808. name: 'pullrefresh',
  2809. index: 1000,
  2810. handle: function() {
  2811. var options = $.options;
  2812. var pullRefreshOptions = options.pullRefresh || {};
  2813. var hasPulldown = pullRefreshOptions.down && pullRefreshOptions.down.hasOwnProperty('callback');
  2814. var hasPullup = pullRefreshOptions.up && pullRefreshOptions.up.hasOwnProperty('callback');
  2815. if(hasPulldown || hasPullup) {
  2816. var container = pullRefreshOptions.container;
  2817. if(container) {
  2818. var $container = $(container);
  2819. if($container.length === 1) {
  2820. if($.os.plus) { //5+环境
  2821. if(hasPulldown && pullRefreshOptions.down.style == "circle") { //原生转圈
  2822. $.plusReady(function() {
  2823. //这里改写$.fn.pullRefresh
  2824. $.fn.pullRefresh = $.fn.pullRefresh_native;
  2825. $container.pullRefresh(pullRefreshOptions);
  2826. });
  2827. } else if($.os.android) { //非原生转圈,但是Android环境
  2828. $.plusReady(function() {
  2829. //这里改写$.fn.pullRefresh
  2830. $.fn.pullRefresh = $.fn.pullRefresh_native
  2831. var webview = plus.webview.currentWebview();
  2832. if(window.__NWin_Enable__ === false) { //不支持多webview
  2833. $container.pullRefresh(pullRefreshOptions);
  2834. } else {
  2835. if(hasPullup) {
  2836. //当前页面初始化pullup
  2837. var upOptions = {};
  2838. upOptions.up = pullRefreshOptions.up;
  2839. upOptions.webviewId = webview.id || webview.getURL();
  2840. $container.pullRefresh(upOptions);
  2841. }
  2842. if(hasPulldown) {
  2843. var parent = webview.parent();
  2844. var id = webview.id || webview.getURL();
  2845. if(parent) {
  2846. if(!hasPullup) { //如果没有上拉加载,需要手动初始化一个默认的pullRefresh,以便当前页面容器可以调用endPulldownToRefresh等方法
  2847. $container.pullRefresh({
  2848. webviewId: id
  2849. });
  2850. }
  2851. var downOptions = {
  2852. webviewId: id//子页面id
  2853. };
  2854. downOptions.down = $.extend({}, pullRefreshOptions.down);
  2855. downOptions.down.callback = '_CALLBACK';
  2856. //改写父页面的$.fn.pullRefresh
  2857. parent.evalJS("mui.fn.pullRefresh=mui.fn.pullRefresh_native");
  2858. //父页面初始化pulldown
  2859. parent.evalJS("mui&&mui(document.querySelector('.mui-content')).pullRefresh('" + JSON.stringify(downOptions) + "')");
  2860. }
  2861. }
  2862. }
  2863. });
  2864. } else { //非原生转圈,iOS环境
  2865. $container.pullRefresh(pullRefreshOptions);
  2866. }
  2867. } else {
  2868. $container.pullRefresh(pullRefreshOptions);
  2869. }
  2870. }
  2871. }
  2872. }
  2873. }
  2874. });
  2875. })(mui);
  2876. /**
  2877. * mui ajax
  2878. * @param {type} $
  2879. * @returns {undefined}
  2880. */
  2881. (function($, window, undefined) {
  2882. var jsonType = 'application/json';
  2883. var htmlType = 'text/html';
  2884. var rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;
  2885. var scriptTypeRE = /^(?:text|application)\/javascript/i;
  2886. var xmlTypeRE = /^(?:text|application)\/xml/i;
  2887. var blankRE = /^\s*$/;
  2888. $.ajaxSettings = {
  2889. type: 'GET',
  2890. beforeSend: $.noop,
  2891. success: $.noop,
  2892. error: $.noop,
  2893. complete: $.noop,
  2894. context: null,
  2895. xhr: function(protocol) {
  2896. return new window.XMLHttpRequest();
  2897. },
  2898. accepts: {
  2899. script: 'text/javascript, application/javascript, application/x-javascript',
  2900. json: jsonType,
  2901. xml: 'application/xml, text/xml',
  2902. html: htmlType,
  2903. text: 'text/plain'
  2904. },
  2905. timeout: 0,
  2906. processData: true,
  2907. cache: true
  2908. };
  2909. var ajaxBeforeSend = function(xhr, settings) {
  2910. var context = settings.context
  2911. if(settings.beforeSend.call(context, xhr, settings) === false) {
  2912. return false;
  2913. }
  2914. };
  2915. var ajaxSuccess = function(data, xhr, settings) {
  2916. settings.success.call(settings.context, data, 'success', xhr);
  2917. ajaxComplete('success', xhr, settings);
  2918. };
  2919. // type: "timeout", "error", "abort", "parsererror"
  2920. var ajaxError = function(error, type, xhr, settings) {
  2921. settings.error.call(settings.context, xhr, type, error);
  2922. ajaxComplete(type, xhr, settings);
  2923. };
  2924. // status: "success", "notmodified", "error", "timeout", "abort", "parsererror"
  2925. var ajaxComplete = function(status, xhr, settings) {
  2926. settings.complete.call(settings.context, xhr, status);
  2927. };
  2928. var serialize = function(params, obj, traditional, scope) {
  2929. var type, array = $.isArray(obj),
  2930. hash = $.isPlainObject(obj);
  2931. $.each(obj, function(key, value) {
  2932. type = $.type(value);
  2933. if(scope) {
  2934. key = traditional ? scope :
  2935. scope + '[' + (hash || type === 'object' || type === 'array' ? key : '') + ']';
  2936. }
  2937. // handle data in serializeArray() format
  2938. if(!scope && array) {
  2939. params.add(value.name, value.value);
  2940. }
  2941. // recurse into nested objects
  2942. else if(type === "array" || (!traditional && type === "object")) {
  2943. serialize(params, value, traditional, key);
  2944. } else {
  2945. params.add(key, value);
  2946. }
  2947. });
  2948. };
  2949. var serializeData = function(options) {
  2950. if(options.processData && options.data && typeof options.data !== "string") {
  2951. var contentType = options.contentType;
  2952. if(!contentType && options.headers) {
  2953. contentType = options.headers['Content-Type'];
  2954. }
  2955. if(contentType && ~contentType.indexOf(jsonType)) { //application/json
  2956. options.data = JSON.stringify(options.data);
  2957. } else {
  2958. options.data = $.param(options.data, options.traditional);
  2959. }
  2960. }
  2961. if(options.data && (!options.type || options.type.toUpperCase() === 'GET')) {
  2962. options.url = appendQuery(options.url, options.data);
  2963. options.data = undefined;
  2964. }
  2965. };
  2966. var appendQuery = function(url, query) {
  2967. if(query === '') {
  2968. return url;
  2969. }
  2970. return(url + '&' + query).replace(/[&?]{1,2}/, '?');
  2971. };
  2972. var mimeToDataType = function(mime) {
  2973. if(mime) {
  2974. mime = mime.split(';', 2)[0];
  2975. }
  2976. return mime && (mime === htmlType ? 'html' :
  2977. mime === jsonType ? 'json' :
  2978. scriptTypeRE.test(mime) ? 'script' :
  2979. xmlTypeRE.test(mime) && 'xml') || 'text';
  2980. };
  2981. var parseArguments = function(url, data, success, dataType) {
  2982. if($.isFunction(data)) {
  2983. dataType = success, success = data, data = undefined;
  2984. }
  2985. if(!$.isFunction(success)) {
  2986. dataType = success, success = undefined;
  2987. }
  2988. return {
  2989. url: url,
  2990. data: data,
  2991. success: success,
  2992. dataType: dataType
  2993. };
  2994. };
  2995. $.ajax = function(url, options) {
  2996. if(typeof url === "object") {
  2997. options = url;
  2998. url = undefined;
  2999. }
  3000. var settings = options || {};
  3001. settings.url = url || settings.url;
  3002. for(var key in $.ajaxSettings) {
  3003. if(settings[key] === undefined) {
  3004. settings[key] = $.ajaxSettings[key];
  3005. }
  3006. }
  3007. serializeData(settings);
  3008. var dataType = settings.dataType;
  3009. if(settings.cache === false || ((!options || options.cache !== true) && ('script' === dataType))) {
  3010. settings.url = appendQuery(settings.url, '_=' + $.now());
  3011. }
  3012. var mime = settings.accepts[dataType && dataType.toLowerCase()];
  3013. var headers = {};
  3014. var setHeader = function(name, value) {
  3015. headers[name.toLowerCase()] = [name, value];
  3016. };
  3017. var protocol = /^([\w-]+:)\/\//.test(settings.url) ? RegExp.$1 : window.location.protocol;
  3018. var xhr = settings.xhr(settings);
  3019. var nativeSetHeader = xhr.setRequestHeader;
  3020. var abortTimeout;
  3021. setHeader('X-Requested-With', 'XMLHttpRequest');
  3022. setHeader('Accept', mime || '*/*');
  3023. if(!!(mime = settings.mimeType || mime)) {
  3024. if(mime.indexOf(',') > -1) {
  3025. mime = mime.split(',', 2)[0];
  3026. }
  3027. xhr.overrideMimeType && xhr.overrideMimeType(mime);
  3028. }
  3029. if(settings.contentType || (settings.contentType !== false && settings.data && settings.type.toUpperCase() !== 'GET')) {
  3030. setHeader('Content-Type', settings.contentType || 'application/x-www-form-urlencoded');
  3031. }
  3032. if(settings.headers) {
  3033. for(var name in settings.headers)
  3034. setHeader(name, settings.headers[name]);
  3035. }
  3036. xhr.setRequestHeader = setHeader;
  3037. xhr.onreadystatechange = function() {
  3038. if(xhr.readyState === 4) {
  3039. xhr.onreadystatechange = $.noop;
  3040. clearTimeout(abortTimeout);
  3041. var result, error = false;
  3042. var isLocal = protocol === 'file:';
  3043. if((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304 || (xhr.status === 0 && isLocal && xhr.responseText)) {
  3044. dataType = dataType || mimeToDataType(settings.mimeType || xhr.getResponseHeader('content-type'));
  3045. result = xhr.responseText;
  3046. try {
  3047. // http://perfectionkills.com/global-eval-what-are-the-options/
  3048. if(dataType === 'script') {
  3049. (1, eval)(result);
  3050. } else if(dataType === 'xml') {
  3051. result = xhr.responseXML;
  3052. } else if(dataType === 'json') {
  3053. result = blankRE.test(result) ? null : $.parseJSON(result);
  3054. }
  3055. } catch(e) {
  3056. error = e;
  3057. }
  3058. if(error) {
  3059. ajaxError(error, 'parsererror', xhr, settings);
  3060. } else {
  3061. ajaxSuccess(result, xhr, settings);
  3062. }
  3063. } else {
  3064. var status = xhr.status ? 'error' : 'abort';
  3065. var statusText = xhr.statusText || null;
  3066. if(isLocal) {
  3067. status = 'error';
  3068. statusText = '404';
  3069. }
  3070. ajaxError(statusText, status, xhr, settings);
  3071. }
  3072. }
  3073. };
  3074. if(ajaxBeforeSend(xhr, settings) === false) {
  3075. xhr.abort();
  3076. ajaxError(null, 'abort', xhr, settings);
  3077. return xhr;
  3078. }
  3079. if(settings.xhrFields) {
  3080. for(var name in settings.xhrFields) {
  3081. xhr[name] = settings.xhrFields[name];
  3082. }
  3083. }
  3084. var async = 'async' in settings ? settings.async : true;
  3085. xhr.open(settings.type.toUpperCase(), settings.url, async, settings.username, settings.password);
  3086. for(var name in headers) {
  3087. if(headers.hasOwnProperty(name)) {
  3088. nativeSetHeader.apply(xhr, headers[name]);
  3089. }
  3090. }
  3091. if(settings.timeout > 0) {
  3092. abortTimeout = setTimeout(function() {
  3093. xhr.onreadystatechange = $.noop;
  3094. xhr.abort();
  3095. ajaxError(null, 'timeout', xhr, settings);
  3096. }, settings.timeout);
  3097. }
  3098. xhr.send(settings.data ? settings.data : null);
  3099. return xhr;
  3100. };
  3101. $.param = function(obj, traditional) {
  3102. var params = [];
  3103. params.add = function(k, v) {
  3104. this.push(encodeURIComponent(k) + '=' + encodeURIComponent(v));
  3105. };
  3106. serialize(params, obj, traditional);
  3107. return params.join('&').replace(/%20/g, '+');
  3108. };
  3109. $.get = function( /* url, data, success, dataType */ ) {
  3110. return $.ajax(parseArguments.apply(null, arguments));
  3111. };
  3112. $.post = function( /* url, data, success, dataType */ ) {
  3113. var options = parseArguments.apply(null, arguments);
  3114. options.type = 'POST';
  3115. return $.ajax(options);
  3116. };
  3117. $.getJSON = function( /* url, data, success */ ) {
  3118. var options = parseArguments.apply(null, arguments);
  3119. options.dataType = 'json';
  3120. return $.ajax(options);
  3121. };
  3122. $.fn.load = function(url, data, success) {
  3123. if(!this.length)
  3124. return this;
  3125. var self = this,
  3126. parts = url.split(/\s/),
  3127. selector,
  3128. options = parseArguments(url, data, success),
  3129. callback = options.success;
  3130. if(parts.length > 1)
  3131. options.url = parts[0], selector = parts[1];
  3132. options.success = function(response) {
  3133. if(selector) {
  3134. var div = document.createElement('div');
  3135. div.innerHTML = response.replace(rscript, "");
  3136. var selectorDiv = document.createElement('div');
  3137. var childs = div.querySelectorAll(selector);
  3138. if(childs && childs.length > 0) {
  3139. for(var i = 0, len = childs.length; i < len; i++) {
  3140. selectorDiv.appendChild(childs[i]);
  3141. }
  3142. }
  3143. self[0].innerHTML = selectorDiv.innerHTML;
  3144. } else {
  3145. self[0].innerHTML = response;
  3146. }
  3147. callback && callback.apply(self, arguments);
  3148. };
  3149. $.ajax(options);
  3150. return this;
  3151. };
  3152. })(mui, window);
  3153. /**
  3154. * 5+ ajax
  3155. */
  3156. (function($) {
  3157. var originAnchor = document.createElement('a');
  3158. originAnchor.href = window.location.href;
  3159. $.plusReady(function() {
  3160. $.ajaxSettings = $.extend($.ajaxSettings, {
  3161. xhr: function(settings) {
  3162. if (settings.crossDomain) { //强制使用plus跨域
  3163. return new plus.net.XMLHttpRequest();
  3164. }
  3165. //仅在webview的url为远程文件,且ajax请求的资源不同源下使用plus.net.XMLHttpRequest
  3166. if (originAnchor.protocol !== 'file:') {
  3167. var urlAnchor = document.createElement('a');
  3168. urlAnchor.href = settings.url;
  3169. urlAnchor.href = urlAnchor.href;
  3170. settings.crossDomain = (originAnchor.protocol + '//' + originAnchor.host) !== (urlAnchor.protocol + '//' + urlAnchor.host);
  3171. if (settings.crossDomain) {
  3172. return new plus.net.XMLHttpRequest();
  3173. }
  3174. }
  3175. if ($.os.ios && window.webkit && window.webkit.messageHandlers) { //wkwebview下同样使用5+ xhr
  3176. return new plus.net.XMLHttpRequest();
  3177. }
  3178. return new window.XMLHttpRequest();
  3179. }
  3180. });
  3181. });
  3182. })(mui);
  3183. /**
  3184. * mui layout(offset[,position,width,height...])
  3185. * @param {type} $
  3186. * @param {type} window
  3187. * @param {type} undefined
  3188. * @returns {undefined}
  3189. */
  3190. (function($, window, undefined) {
  3191. $.offset = function(element) {
  3192. var box = {
  3193. top : 0,
  3194. left : 0
  3195. };
  3196. if ( typeof element.getBoundingClientRect !== undefined) {
  3197. box = element.getBoundingClientRect();
  3198. }
  3199. return {
  3200. top : box.top + window.pageYOffset - element.clientTop,
  3201. left : box.left + window.pageXOffset - element.clientLeft
  3202. };
  3203. };
  3204. })(mui, window);
  3205. /**
  3206. * mui animation
  3207. */
  3208. (function($, window) {
  3209. /**
  3210. * scrollTo
  3211. */
  3212. $.scrollTo = function(scrollTop, duration, callback) {
  3213. duration = duration || 1000;
  3214. var scroll = function(duration) {
  3215. if (duration <= 0) {
  3216. window.scrollTo(0, scrollTop);
  3217. callback && callback();
  3218. return;
  3219. }
  3220. var distaince = scrollTop - window.scrollY;
  3221. setTimeout(function() {
  3222. window.scrollTo(0, window.scrollY + distaince / duration * 10);
  3223. scroll(duration - 10);
  3224. }, 16.7);
  3225. };
  3226. scroll(duration);
  3227. };
  3228. $.animationFrame = function(cb) {
  3229. var args, isQueued, context;
  3230. return function() {
  3231. args = arguments;
  3232. context = this;
  3233. if (!isQueued) {
  3234. isQueued = true;
  3235. requestAnimationFrame(function() {
  3236. cb.apply(context, args);
  3237. isQueued = false;
  3238. });
  3239. }
  3240. };
  3241. };
  3242. })(mui, window);
  3243. (function($) {
  3244. var initializing = false,
  3245. fnTest = /xyz/.test(function() {
  3246. xyz;
  3247. }) ? /\b_super\b/ : /.*/;
  3248. var Class = function() {};
  3249. Class.extend = function(prop) {
  3250. var _super = this.prototype;
  3251. initializing = true;
  3252. var prototype = new this();
  3253. initializing = false;
  3254. for (var name in prop) {
  3255. prototype[name] = typeof prop[name] == "function" &&
  3256. typeof _super[name] == "function" && fnTest.test(prop[name]) ?
  3257. (function(name, fn) {
  3258. return function() {
  3259. var tmp = this._super;
  3260. this._super = _super[name];
  3261. var ret = fn.apply(this, arguments);
  3262. this._super = tmp;
  3263. return ret;
  3264. };
  3265. })(name, prop[name]) :
  3266. prop[name];
  3267. }
  3268. function Class() {
  3269. if (!initializing && this.init)
  3270. this.init.apply(this, arguments);
  3271. }
  3272. Class.prototype = prototype;
  3273. Class.prototype.constructor = Class;
  3274. Class.extend = arguments.callee;
  3275. return Class;
  3276. };
  3277. $.Class = Class;
  3278. })(mui);
  3279. (function($, document, undefined) {
  3280. var CLASS_PULL_TOP_POCKET = 'mui-pull-top-pocket';
  3281. var CLASS_PULL_BOTTOM_POCKET = 'mui-pull-bottom-pocket';
  3282. var CLASS_PULL = 'mui-pull';
  3283. var CLASS_PULL_LOADING = 'mui-pull-loading';
  3284. var CLASS_PULL_CAPTION = 'mui-pull-caption';
  3285. var CLASS_PULL_CAPTION_DOWN = 'mui-pull-caption-down';
  3286. var CLASS_PULL_CAPTION_REFRESH = 'mui-pull-caption-refresh';
  3287. var CLASS_PULL_CAPTION_NOMORE = 'mui-pull-caption-nomore';
  3288. var CLASS_ICON = 'mui-icon';
  3289. var CLASS_SPINNER = 'mui-spinner';
  3290. var CLASS_ICON_PULLDOWN = 'mui-icon-pulldown';
  3291. var CLASS_BLOCK = 'mui-block';
  3292. var CLASS_HIDDEN = 'mui-hidden';
  3293. var CLASS_VISIBILITY = 'mui-visibility';
  3294. var CLASS_LOADING_UP = CLASS_PULL_LOADING + ' ' + CLASS_ICON + ' ' + CLASS_ICON_PULLDOWN;
  3295. var CLASS_LOADING_DOWN = CLASS_PULL_LOADING + ' ' + CLASS_ICON + ' ' + CLASS_ICON_PULLDOWN;
  3296. var CLASS_LOADING = CLASS_PULL_LOADING + ' ' + CLASS_ICON + ' ' + CLASS_SPINNER;
  3297. var pocketHtml = ['<div class="' + CLASS_PULL + '">', '<div class="{icon}"></div>', '<div class="' + CLASS_PULL_CAPTION + '">{contentrefresh}</div>', '</div>'].join('');
  3298. var PullRefresh = {
  3299. init: function(element, options) {
  3300. this._super(element, $.extend(true, {
  3301. scrollY: true,
  3302. scrollX: false,
  3303. indicators: true,
  3304. deceleration: 0.003,
  3305. down: {
  3306. height: 50,
  3307. contentinit: '下拉可以刷新',
  3308. contentdown: '下拉可以刷新',
  3309. contentover: '释放立即刷新',
  3310. contentrefresh: '正在刷新...'
  3311. },
  3312. up: {
  3313. height: 50,
  3314. auto: false,
  3315. contentinit: '上拉显示更多',
  3316. contentdown: '上拉显示更多',
  3317. contentrefresh: '正在加载...',
  3318. contentnomore: '没有更多数据了',
  3319. duration: 300
  3320. }
  3321. }, options));
  3322. },
  3323. _init: function() {
  3324. this._super();
  3325. this._initPocket();
  3326. },
  3327. _initPulldownRefresh: function() {
  3328. this.pulldown = true;
  3329. if (this.topPocket) {
  3330. this.pullPocket = this.topPocket;
  3331. this.pullPocket.classList.add(CLASS_BLOCK);
  3332. this.pullPocket.classList.add(CLASS_VISIBILITY);
  3333. this.pullCaption = this.topCaption;
  3334. this.pullLoading = this.topLoading;
  3335. }
  3336. },
  3337. _initPullupRefresh: function() {
  3338. this.pulldown = false;
  3339. if (this.bottomPocket) {
  3340. this.pullPocket = this.bottomPocket;
  3341. this.pullPocket.classList.add(CLASS_BLOCK);
  3342. this.pullPocket.classList.add(CLASS_VISIBILITY);
  3343. this.pullCaption = this.bottomCaption;
  3344. this.pullLoading = this.bottomLoading;
  3345. }
  3346. },
  3347. _initPocket: function() {
  3348. var options = this.options;
  3349. if (options.down && options.down.hasOwnProperty('callback')) {
  3350. this.topPocket = this.scroller.querySelector('.' + CLASS_PULL_TOP_POCKET);
  3351. if (!this.topPocket) {
  3352. this.topPocket = this._createPocket(CLASS_PULL_TOP_POCKET, options.down, CLASS_LOADING_DOWN);
  3353. this.wrapper.insertBefore(this.topPocket, this.wrapper.firstChild);
  3354. }
  3355. this.topLoading = this.topPocket.querySelector('.' + CLASS_PULL_LOADING);
  3356. this.topCaption = this.topPocket.querySelector('.' + CLASS_PULL_CAPTION);
  3357. }
  3358. if (options.up && options.up.hasOwnProperty('callback')) {
  3359. this.bottomPocket = this.scroller.querySelector('.' + CLASS_PULL_BOTTOM_POCKET);
  3360. if (!this.bottomPocket) {
  3361. this.bottomPocket = this._createPocket(CLASS_PULL_BOTTOM_POCKET, options.up, CLASS_LOADING);
  3362. this.scroller.appendChild(this.bottomPocket);
  3363. }
  3364. this.bottomLoading = this.bottomPocket.querySelector('.' + CLASS_PULL_LOADING);
  3365. this.bottomCaption = this.bottomPocket.querySelector('.' + CLASS_PULL_CAPTION);
  3366. //TODO only for h5
  3367. this.wrapper.addEventListener('scrollbottom', this);
  3368. }
  3369. },
  3370. _createPocket: function(clazz, options, iconClass) {
  3371. var pocket = document.createElement('div');
  3372. pocket.className = clazz;
  3373. pocket.innerHTML = pocketHtml.replace('{contentrefresh}', options.contentinit).replace('{icon}', iconClass);
  3374. return pocket;
  3375. },
  3376. _resetPullDownLoading: function() {
  3377. var loading = this.pullLoading;
  3378. if (loading) {
  3379. this.pullCaption.innerHTML = this.options.down.contentdown;
  3380. loading.style.webkitTransition = "";
  3381. loading.style.webkitTransform = "";
  3382. loading.style.webkitAnimation = "";
  3383. loading.className = CLASS_LOADING_DOWN;
  3384. }
  3385. },
  3386. _setCaptionClass: function(isPulldown, caption, title) {
  3387. if (!isPulldown) {
  3388. switch (title) {
  3389. case this.options.up.contentdown:
  3390. caption.className = CLASS_PULL_CAPTION + ' ' + CLASS_PULL_CAPTION_DOWN;
  3391. break;
  3392. case this.options.up.contentrefresh:
  3393. caption.className = CLASS_PULL_CAPTION + ' ' + CLASS_PULL_CAPTION_REFRESH
  3394. break;
  3395. case this.options.up.contentnomore:
  3396. caption.className = CLASS_PULL_CAPTION + ' ' + CLASS_PULL_CAPTION_NOMORE;
  3397. break;
  3398. }
  3399. }
  3400. },
  3401. _setCaption: function(title, reset) {
  3402. if (this.loading) {
  3403. return;
  3404. }
  3405. var options = this.options;
  3406. var pocket = this.pullPocket;
  3407. var caption = this.pullCaption;
  3408. var loading = this.pullLoading;
  3409. var isPulldown = this.pulldown;
  3410. var self = this;
  3411. if (pocket) {
  3412. if (reset) {
  3413. setTimeout(function() {
  3414. caption.innerHTML = self.lastTitle = title;
  3415. if (isPulldown) {
  3416. loading.className = CLASS_LOADING_DOWN;
  3417. } else {
  3418. self._setCaptionClass(false, caption, title);
  3419. loading.className = CLASS_LOADING;
  3420. }
  3421. loading.style.webkitAnimation = "";
  3422. loading.style.webkitTransition = "";
  3423. loading.style.webkitTransform = "";
  3424. }, 100);
  3425. } else {
  3426. if (title !== this.lastTitle) {
  3427. caption.innerHTML = title;
  3428. if (isPulldown) {
  3429. if (title === options.down.contentrefresh) {
  3430. loading.className = CLASS_LOADING;
  3431. loading.style.webkitAnimation = "spinner-spin 1s step-end infinite";
  3432. } else if (title === options.down.contentover) {
  3433. loading.className = CLASS_LOADING_UP;
  3434. loading.style.webkitTransition = "-webkit-transform 0.3s ease-in";
  3435. loading.style.webkitTransform = "rotate(180deg)";
  3436. } else if (title === options.down.contentdown) {
  3437. loading.className = CLASS_LOADING_DOWN;
  3438. loading.style.webkitTransition = "-webkit-transform 0.3s ease-in";
  3439. loading.style.webkitTransform = "rotate(0deg)";
  3440. }
  3441. } else {
  3442. if (title === options.up.contentrefresh) {
  3443. loading.className = CLASS_LOADING + ' ' + CLASS_VISIBILITY;
  3444. } else {
  3445. loading.className = CLASS_LOADING + ' ' + CLASS_HIDDEN;
  3446. }
  3447. self._setCaptionClass(false, caption, title);
  3448. }
  3449. this.lastTitle = title;
  3450. }
  3451. }
  3452. }
  3453. }
  3454. };
  3455. $.PullRefresh = PullRefresh;
  3456. })(mui, document);
  3457. (function($, window, document, undefined) {
  3458. var CLASS_SCROLL = 'mui-scroll';
  3459. var CLASS_SCROLLBAR = 'mui-scrollbar';
  3460. var CLASS_INDICATOR = 'mui-scrollbar-indicator';
  3461. var CLASS_SCROLLBAR_VERTICAL = CLASS_SCROLLBAR + '-vertical';
  3462. var CLASS_SCROLLBAR_HORIZONTAL = CLASS_SCROLLBAR + '-horizontal';
  3463. var CLASS_ACTIVE = 'mui-active';
  3464. var ease = {
  3465. quadratic: {
  3466. style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
  3467. fn: function(k) {
  3468. return k * (2 - k);
  3469. }
  3470. },
  3471. circular: {
  3472. style: 'cubic-bezier(0.1, 0.57, 0.1, 1)',
  3473. fn: function(k) {
  3474. return Math.sqrt(1 - (--k * k));
  3475. }
  3476. },
  3477. outCirc: {
  3478. style: 'cubic-bezier(0.075, 0.82, 0.165, 1)'
  3479. },
  3480. outCubic: {
  3481. style: 'cubic-bezier(0.165, 0.84, 0.44, 1)'
  3482. }
  3483. }
  3484. var Scroll = $.Class.extend({
  3485. init: function(element, options) {
  3486. this.wrapper = this.element = element;
  3487. this.scroller = this.wrapper.children[0];
  3488. this.scrollerStyle = this.scroller && this.scroller.style;
  3489. this.stopped = false;
  3490. this.options = $.extend(true, {
  3491. scrollY: true, //是否竖向滚动
  3492. scrollX: false, //是否横向滚动
  3493. startX: 0, //初始化时滚动至x
  3494. startY: 0, //初始化时滚动至y
  3495. indicators: true, //是否显示滚动条
  3496. stopPropagation: false,
  3497. hardwareAccelerated: true,
  3498. fixedBadAndorid: false,
  3499. preventDefaultException: {
  3500. tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|VIDEO)$/
  3501. },
  3502. momentum: true,
  3503. snapX: 0.5, //横向切换距离(以当前容器宽度为基准)
  3504. snap: false, //图片轮播,拖拽式选项卡
  3505. bounce: true, //是否启用回弹
  3506. bounceTime: 500, //回弹动画时间
  3507. bounceEasing: ease.outCirc, //回弹动画曲线
  3508. scrollTime: 500,
  3509. scrollEasing: ease.outCubic, //轮播动画曲线
  3510. directionLockThreshold: 5,
  3511. parallaxElement: false, //视差元素
  3512. parallaxRatio: 0.5
  3513. }, options);
  3514. this.x = 0;
  3515. this.y = 0;
  3516. this.translateZ = this.options.hardwareAccelerated ? ' translateZ(0)' : '';
  3517. this._init();
  3518. if (this.scroller) {
  3519. this.refresh();
  3520. // if (this.options.startX !== 0 || this.options.startY !== 0) { //需要判断吗?后续根据实际情况再看看
  3521. this.scrollTo(this.options.startX, this.options.startY);
  3522. // }
  3523. }
  3524. },
  3525. _init: function() {
  3526. this._initParallax();
  3527. this._initIndicators();
  3528. this._initEvent();
  3529. },
  3530. _initParallax: function() {
  3531. if (this.options.parallaxElement) {
  3532. this.parallaxElement = document.querySelector(this.options.parallaxElement);
  3533. this.parallaxStyle = this.parallaxElement.style;
  3534. this.parallaxHeight = this.parallaxElement.offsetHeight;
  3535. this.parallaxImgStyle = this.parallaxElement.querySelector('img').style;
  3536. }
  3537. },
  3538. _initIndicators: function() {
  3539. var self = this;
  3540. self.indicators = [];
  3541. if (!this.options.indicators) {
  3542. return;
  3543. }
  3544. var indicators = [],
  3545. indicator;
  3546. // Vertical scrollbar
  3547. if (self.options.scrollY) {
  3548. indicator = {
  3549. el: this._createScrollBar(CLASS_SCROLLBAR_VERTICAL),
  3550. listenX: false
  3551. };
  3552. this.wrapper.appendChild(indicator.el);
  3553. indicators.push(indicator);
  3554. }
  3555. // Horizontal scrollbar
  3556. if (this.options.scrollX) {
  3557. indicator = {
  3558. el: this._createScrollBar(CLASS_SCROLLBAR_HORIZONTAL),
  3559. listenY: false
  3560. };
  3561. this.wrapper.appendChild(indicator.el);
  3562. indicators.push(indicator);
  3563. }
  3564. for (var i = indicators.length; i--;) {
  3565. this.indicators.push(new Indicator(this, indicators[i]));
  3566. }
  3567. },
  3568. _initSnap: function() {
  3569. this.currentPage = {};
  3570. this.pages = [];
  3571. var snaps = this.snaps;
  3572. var length = snaps.length;
  3573. var m = 0;
  3574. var n = -1;
  3575. var x = 0;
  3576. var leftX = 0;
  3577. var rightX = 0;
  3578. var snapX = 0;
  3579. for (var i = 0; i < length; i++) {
  3580. var snap = snaps[i];
  3581. var offsetLeft = snap.offsetLeft;
  3582. var offsetWidth = snap.offsetWidth;
  3583. if (i === 0 || offsetLeft <= snaps[i - 1].offsetLeft) {
  3584. m = 0;
  3585. n++;
  3586. }
  3587. if (!this.pages[m]) {
  3588. this.pages[m] = [];
  3589. }
  3590. x = this._getSnapX(offsetLeft);
  3591. snapX = Math.round((offsetWidth) * this.options.snapX);
  3592. leftX = x - snapX;
  3593. rightX = x - offsetWidth + snapX;
  3594. this.pages[m][n] = {
  3595. x: x,
  3596. leftX: leftX,
  3597. rightX: rightX,
  3598. pageX: m,
  3599. element: snap
  3600. }
  3601. if (snap.classList.contains(CLASS_ACTIVE)) {
  3602. this.currentPage = this.pages[m][0];
  3603. }
  3604. if (x >= this.maxScrollX) {
  3605. m++;
  3606. }
  3607. }
  3608. this.options.startX = this.currentPage.x || 0;
  3609. },
  3610. _getSnapX: function(offsetLeft) {
  3611. return Math.max(Math.min(0, -offsetLeft + (this.wrapperWidth / 2)), this.maxScrollX);
  3612. },
  3613. _gotoPage: function(index) {
  3614. this.currentPage = this.pages[Math.min(index, this.pages.length - 1)][0];
  3615. for (var i = 0, len = this.snaps.length; i < len; i++) {
  3616. if (i === index) {
  3617. this.snaps[i].classList.add(CLASS_ACTIVE);
  3618. } else {
  3619. this.snaps[i].classList.remove(CLASS_ACTIVE);
  3620. }
  3621. }
  3622. this.scrollTo(this.currentPage.x, 0, this.options.scrollTime);
  3623. },
  3624. _nearestSnap: function(x) {
  3625. if (!this.pages.length) {
  3626. return {
  3627. x: 0,
  3628. pageX: 0
  3629. };
  3630. }
  3631. var i = 0;
  3632. var length = this.pages.length;
  3633. if (x > 0) {
  3634. x = 0;
  3635. } else if (x < this.maxScrollX) {
  3636. x = this.maxScrollX;
  3637. }
  3638. for (; i < length; i++) {
  3639. var nearestX = this.direction === 'left' ? this.pages[i][0].leftX : this.pages[i][0].rightX;
  3640. if (x >= nearestX) {
  3641. return this.pages[i][0];
  3642. }
  3643. }
  3644. return {
  3645. x: 0,
  3646. pageX: 0
  3647. };
  3648. },
  3649. _initEvent: function(detach) {
  3650. var action = detach ? 'removeEventListener' : 'addEventListener';
  3651. window[action]('orientationchange', this);
  3652. window[action]('resize', this);
  3653. this.scroller[action]('webkitTransitionEnd', this);
  3654. this.wrapper[action]($.EVENT_START, this);
  3655. this.wrapper[action]($.EVENT_CANCEL, this);
  3656. this.wrapper[action]($.EVENT_END, this);
  3657. this.wrapper[action]('drag', this);
  3658. this.wrapper[action]('dragend', this);
  3659. this.wrapper[action]('flick', this);
  3660. this.wrapper[action]('scrollend', this);
  3661. if (this.options.scrollX) {
  3662. this.wrapper[action]('swiperight', this);
  3663. }
  3664. var segmentedControl = this.wrapper.querySelector('.mui-segmented-control');
  3665. if (segmentedControl) { //靠,这个bug排查了一下午,阻止hash跳转,一旦hash跳转会导致可拖拽选项卡的tab不见
  3666. mui(segmentedControl)[detach ? 'off' : 'on']('click', 'a', $.preventDefault);
  3667. }
  3668. this.wrapper[action]('scrollstart', this);
  3669. this.wrapper[action]('refresh', this);
  3670. },
  3671. _handleIndicatorScrollend: function() {
  3672. this.indicators.map(function(indicator) {
  3673. indicator.fade();
  3674. });
  3675. },
  3676. _handleIndicatorScrollstart: function() {
  3677. this.indicators.map(function(indicator) {
  3678. indicator.fade(1);
  3679. });
  3680. },
  3681. _handleIndicatorRefresh: function() {
  3682. this.indicators.map(function(indicator) {
  3683. indicator.refresh();
  3684. });
  3685. },
  3686. handleEvent: function(e) {
  3687. if (this.stopped) {
  3688. this.resetPosition();
  3689. return;
  3690. }
  3691. switch (e.type) {
  3692. case $.EVENT_START:
  3693. this._start(e);
  3694. break;
  3695. case 'drag':
  3696. this.options.stopPropagation && e.stopPropagation();
  3697. this._drag(e);
  3698. break;
  3699. case 'dragend':
  3700. case 'flick':
  3701. this.options.stopPropagation && e.stopPropagation();
  3702. this._flick(e);
  3703. break;
  3704. case $.EVENT_CANCEL:
  3705. case $.EVENT_END:
  3706. this._end(e);
  3707. break;
  3708. case 'webkitTransitionEnd':
  3709. this.transitionTimer && this.transitionTimer.cancel();
  3710. this._transitionEnd(e);
  3711. break;
  3712. case 'scrollstart':
  3713. this._handleIndicatorScrollstart(e);
  3714. break;
  3715. case 'scrollend':
  3716. this._handleIndicatorScrollend(e);
  3717. this._scrollend(e);
  3718. e.stopPropagation();
  3719. break;
  3720. case 'orientationchange':
  3721. case 'resize':
  3722. this._resize();
  3723. break;
  3724. case 'swiperight':
  3725. e.stopPropagation();
  3726. break;
  3727. case 'refresh':
  3728. this._handleIndicatorRefresh(e);
  3729. break;
  3730. }
  3731. },
  3732. _start: function(e) {
  3733. this.moved = this.needReset = false;
  3734. this._transitionTime();
  3735. if (this.isInTransition) {
  3736. this.needReset = true;
  3737. this.isInTransition = false;
  3738. var pos = $.parseTranslateMatrix($.getStyles(this.scroller, 'webkitTransform'));
  3739. this.setTranslate(Math.round(pos.x), Math.round(pos.y));
  3740. // this.resetPosition(); //reset
  3741. $.trigger(this.scroller, 'scrollend', this);
  3742. // e.stopPropagation();
  3743. e.preventDefault();
  3744. }
  3745. this.reLayout();
  3746. $.trigger(this.scroller, 'beforescrollstart', this);
  3747. },
  3748. _getDirectionByAngle: function(angle) {
  3749. if (angle < -80 && angle > -100) {
  3750. return 'up';
  3751. } else if (angle >= 80 && angle < 100) {
  3752. return 'down';
  3753. } else if (angle >= 170 || angle <= -170) {
  3754. return 'left';
  3755. } else if (angle >= -35 && angle <= 10) {
  3756. return 'right';
  3757. }
  3758. return null;
  3759. },
  3760. _drag: function(e) {
  3761. // if (this.needReset) {
  3762. // e.stopPropagation(); //disable parent drag(nested scroller)
  3763. // return;
  3764. // }
  3765. var detail = e.detail;
  3766. if (this.options.scrollY || detail.direction === 'up' || detail.direction === 'down') { //如果是竖向滚动或手势方向是上或下
  3767. //ios8 hack
  3768. if ($.os.ios && parseFloat($.os.version) >= 8) { //多webview时,离开当前webview会导致后续touch事件不触发
  3769. var clientY = detail.gesture.touches[0].clientY;
  3770. //下拉刷新 or 上拉加载
  3771. if ((clientY + 10) > window.innerHeight || clientY < 10) {
  3772. this.resetPosition(this.options.bounceTime);
  3773. return;
  3774. }
  3775. }
  3776. }
  3777. var isPreventDefault = isReturn = false;
  3778. var direction = this._getDirectionByAngle(detail.angle);
  3779. if (detail.direction === 'left' || detail.direction === 'right') {
  3780. if (this.options.scrollX) {
  3781. isPreventDefault = true;
  3782. if (!this.moved) { //识别角度(该角度导致轮播不灵敏)
  3783. // if (direction !== 'left' && direction !== 'right') {
  3784. // isReturn = true;
  3785. // } else {
  3786. $.gestures.session.lockDirection = true; //锁定方向
  3787. $.gestures.session.startDirection = detail.direction;
  3788. // }
  3789. }
  3790. } else if (this.options.scrollY && !this.moved) {
  3791. isReturn = true;
  3792. }
  3793. } else if (detail.direction === 'up' || detail.direction === 'down') {
  3794. if (this.options.scrollY) {
  3795. isPreventDefault = true;
  3796. // if (!this.moved) { //识别角度,竖向滚动似乎没必要进行小角度验证
  3797. // if (direction !== 'up' && direction !== 'down') {
  3798. // isReturn = true;
  3799. // }
  3800. // }
  3801. if (!this.moved) {
  3802. $.gestures.session.lockDirection = true; //锁定方向
  3803. $.gestures.session.startDirection = detail.direction;
  3804. }
  3805. } else if (this.options.scrollX && !this.moved) {
  3806. isReturn = true;
  3807. }
  3808. } else {
  3809. isReturn = true;
  3810. }
  3811. if (this.moved || isPreventDefault) {
  3812. e.stopPropagation(); //阻止冒泡(scroll类嵌套)
  3813. detail.gesture && detail.gesture.preventDefault();
  3814. }
  3815. if (isReturn) { //禁止非法方向滚动
  3816. return;
  3817. }
  3818. if (!this.moved) {
  3819. $.trigger(this.scroller, 'scrollstart', this);
  3820. } else {
  3821. e.stopPropagation(); //move期间阻止冒泡(scroll嵌套)
  3822. }
  3823. var deltaX = 0;
  3824. var deltaY = 0;
  3825. if (!this.moved) { //start
  3826. deltaX = detail.deltaX;
  3827. deltaY = detail.deltaY;
  3828. } else { //move
  3829. deltaX = detail.deltaX - $.gestures.session.prevTouch.deltaX;
  3830. deltaY = detail.deltaY - $.gestures.session.prevTouch.deltaY;
  3831. }
  3832. var absDeltaX = Math.abs(detail.deltaX);
  3833. var absDeltaY = Math.abs(detail.deltaY);
  3834. if (absDeltaX > absDeltaY + this.options.directionLockThreshold) {
  3835. deltaY = 0;
  3836. } else if (absDeltaY >= absDeltaX + this.options.directionLockThreshold) {
  3837. deltaX = 0;
  3838. }
  3839. deltaX = this.hasHorizontalScroll ? deltaX : 0;
  3840. deltaY = this.hasVerticalScroll ? deltaY : 0;
  3841. var newX = this.x + deltaX;
  3842. var newY = this.y + deltaY;
  3843. // Slow down if outside of the boundaries
  3844. if (newX > 0 || newX < this.maxScrollX) {
  3845. newX = this.options.bounce ? this.x + deltaX / 3 : newX > 0 ? 0 : this.maxScrollX;
  3846. }
  3847. if (newY > 0 || newY < this.maxScrollY) {
  3848. newY = this.options.bounce ? this.y + deltaY / 3 : newY > 0 ? 0 : this.maxScrollY;
  3849. }
  3850. if (!this.requestAnimationFrame) {
  3851. this._updateTranslate();
  3852. }
  3853. this.direction = detail.deltaX > 0 ? 'right' : 'left';
  3854. this.moved = true;
  3855. this.x = newX;
  3856. this.y = newY;
  3857. $.trigger(this.scroller, 'scroll', this);
  3858. },
  3859. _flick: function(e) {
  3860. // if (!this.moved || this.needReset) {
  3861. // return;
  3862. // }
  3863. if (!this.moved) {
  3864. return;
  3865. }
  3866. e.stopPropagation();
  3867. var detail = e.detail;
  3868. this._clearRequestAnimationFrame();
  3869. if (e.type === 'dragend' && detail.flick) { //dragend
  3870. return;
  3871. }
  3872. var newX = Math.round(this.x);
  3873. var newY = Math.round(this.y);
  3874. this.isInTransition = false;
  3875. // reset if we are outside of the boundaries
  3876. if (this.resetPosition(this.options.bounceTime)) {
  3877. return;
  3878. }
  3879. this.scrollTo(newX, newY); // ensures that the last position is rounded
  3880. if (e.type === 'dragend') { //dragend
  3881. $.trigger(this.scroller, 'scrollend', this);
  3882. return;
  3883. }
  3884. var time = 0;
  3885. var easing = '';
  3886. // start momentum animation if needed
  3887. if (this.options.momentum && detail.flickTime < 300) {
  3888. momentumX = this.hasHorizontalScroll ? this._momentum(this.x, detail.flickDistanceX, detail.flickTime, this.maxScrollX, this.options.bounce ? this.wrapperWidth : 0, this.options.deceleration) : {
  3889. destination: newX,
  3890. duration: 0
  3891. };
  3892. momentumY = this.hasVerticalScroll ? this._momentum(this.y, detail.flickDistanceY, detail.flickTime, this.maxScrollY, this.options.bounce ? this.wrapperHeight : 0, this.options.deceleration) : {
  3893. destination: newY,
  3894. duration: 0
  3895. };
  3896. newX = momentumX.destination;
  3897. newY = momentumY.destination;
  3898. time = Math.max(momentumX.duration, momentumY.duration);
  3899. this.isInTransition = true;
  3900. }
  3901. if (newX != this.x || newY != this.y) {
  3902. if (newX > 0 || newX < this.maxScrollX || newY > 0 || newY < this.maxScrollY) {
  3903. easing = ease.quadratic;
  3904. }
  3905. this.scrollTo(newX, newY, time, easing);
  3906. return;
  3907. }
  3908. $.trigger(this.scroller, 'scrollend', this);
  3909. // e.stopPropagation();
  3910. },
  3911. _end: function(e) {
  3912. this.needReset = false;
  3913. if ((!this.moved && this.needReset) || e.type === $.EVENT_CANCEL) {
  3914. this.resetPosition();
  3915. }
  3916. },
  3917. _transitionEnd: function(e) {
  3918. if (e.target != this.scroller || !this.isInTransition) {
  3919. return;
  3920. }
  3921. this._transitionTime();
  3922. if (!this.resetPosition(this.options.bounceTime)) {
  3923. this.isInTransition = false;
  3924. $.trigger(this.scroller, 'scrollend', this);
  3925. }
  3926. },
  3927. _scrollend: function(e) {
  3928. if ((this.y === 0 && this.maxScrollY === 0) || (Math.abs(this.y) > 0 && this.y <= this.maxScrollY)) {
  3929. $.trigger(this.scroller, 'scrollbottom', this);
  3930. }
  3931. },
  3932. _resize: function() {
  3933. var that = this;
  3934. clearTimeout(that.resizeTimeout);
  3935. that.resizeTimeout = setTimeout(function() {
  3936. that.refresh();
  3937. }, that.options.resizePolling);
  3938. },
  3939. _transitionTime: function(time) {
  3940. time = time || 0;
  3941. this.scrollerStyle['webkitTransitionDuration'] = time + 'ms';
  3942. if (this.parallaxElement && this.options.scrollY) { //目前仅支持竖向视差效果
  3943. this.parallaxStyle['webkitTransitionDuration'] = time + 'ms';
  3944. }
  3945. if (this.options.fixedBadAndorid && !time && $.os.isBadAndroid) {
  3946. this.scrollerStyle['webkitTransitionDuration'] = '0.001s';
  3947. if (this.parallaxElement && this.options.scrollY) { //目前仅支持竖向视差效果
  3948. this.parallaxStyle['webkitTransitionDuration'] = '0.001s';
  3949. }
  3950. }
  3951. if (this.indicators) {
  3952. for (var i = this.indicators.length; i--;) {
  3953. this.indicators[i].transitionTime(time);
  3954. }
  3955. }
  3956. if (time) { //自定义timer,保证webkitTransitionEnd始终触发
  3957. this.transitionTimer && this.transitionTimer.cancel();
  3958. this.transitionTimer = $.later(function() {
  3959. $.trigger(this.scroller, 'webkitTransitionEnd');
  3960. }, time + 100, this);
  3961. }
  3962. },
  3963. _transitionTimingFunction: function(easing) {
  3964. this.scrollerStyle['webkitTransitionTimingFunction'] = easing;
  3965. if (this.parallaxElement && this.options.scrollY) { //目前仅支持竖向视差效果
  3966. this.parallaxStyle['webkitTransitionDuration'] = easing;
  3967. }
  3968. if (this.indicators) {
  3969. for (var i = this.indicators.length; i--;) {
  3970. this.indicators[i].transitionTimingFunction(easing);
  3971. }
  3972. }
  3973. },
  3974. _translate: function(x, y) {
  3975. this.x = x;
  3976. this.y = y;
  3977. },
  3978. _clearRequestAnimationFrame: function() {
  3979. if (this.requestAnimationFrame) {
  3980. cancelAnimationFrame(this.requestAnimationFrame);
  3981. this.requestAnimationFrame = null;
  3982. }
  3983. },
  3984. _updateTranslate: function() {
  3985. var self = this;
  3986. if (self.x !== self.lastX || self.y !== self.lastY) {
  3987. self.setTranslate(self.x, self.y);
  3988. }
  3989. self.requestAnimationFrame = requestAnimationFrame(function() {
  3990. self._updateTranslate();
  3991. });
  3992. },
  3993. _createScrollBar: function(clazz) {
  3994. var scrollbar = document.createElement('div');
  3995. var indicator = document.createElement('div');
  3996. scrollbar.className = CLASS_SCROLLBAR + ' ' + clazz;
  3997. indicator.className = CLASS_INDICATOR;
  3998. scrollbar.appendChild(indicator);
  3999. if (clazz === CLASS_SCROLLBAR_VERTICAL) {
  4000. this.scrollbarY = scrollbar;
  4001. this.scrollbarIndicatorY = indicator;
  4002. } else if (clazz === CLASS_SCROLLBAR_HORIZONTAL) {
  4003. this.scrollbarX = scrollbar;
  4004. this.scrollbarIndicatorX = indicator;
  4005. }
  4006. this.wrapper.appendChild(scrollbar);
  4007. return scrollbar;
  4008. },
  4009. _preventDefaultException: function(el, exceptions) {
  4010. for (var i in exceptions) {
  4011. if (exceptions[i].test(el[i])) {
  4012. return true;
  4013. }
  4014. }
  4015. return false;
  4016. },
  4017. _reLayout: function() {
  4018. if (!this.hasHorizontalScroll) {
  4019. this.maxScrollX = 0;
  4020. this.scrollerWidth = this.wrapperWidth;
  4021. }
  4022. if (!this.hasVerticalScroll) {
  4023. this.maxScrollY = 0;
  4024. this.scrollerHeight = this.wrapperHeight;
  4025. }
  4026. this.indicators.map(function(indicator) {
  4027. indicator.refresh();
  4028. });
  4029. //以防slider类嵌套使用
  4030. if (this.options.snap && typeof this.options.snap === 'string') {
  4031. var items = this.scroller.querySelectorAll(this.options.snap);
  4032. this.itemLength = 0;
  4033. this.snaps = [];
  4034. for (var i = 0, len = items.length; i < len; i++) {
  4035. var item = items[i];
  4036. if (item.parentNode === this.scroller) {
  4037. this.itemLength++;
  4038. this.snaps.push(item);
  4039. }
  4040. }
  4041. this._initSnap(); //需要每次都_initSnap么。其实init的时候执行一次,后续resize的时候执行一次就行了吧.先这么做吧,如果影响性能,再调整
  4042. }
  4043. },
  4044. _momentum: function(current, distance, time, lowerMargin, wrapperSize, deceleration) {
  4045. var speed = parseFloat(Math.abs(distance) / time),
  4046. destination,
  4047. duration;
  4048. deceleration = deceleration === undefined ? 0.0006 : deceleration;
  4049. destination = current + (speed * speed) / (2 * deceleration) * (distance < 0 ? -1 : 1);
  4050. duration = speed / deceleration;
  4051. if (destination < lowerMargin) {
  4052. destination = wrapperSize ? lowerMargin - (wrapperSize / 2.5 * (speed / 8)) : lowerMargin;
  4053. distance = Math.abs(destination - current);
  4054. duration = distance / speed;
  4055. } else if (destination > 0) {
  4056. destination = wrapperSize ? wrapperSize / 2.5 * (speed / 8) : 0;
  4057. distance = Math.abs(current) + destination;
  4058. duration = distance / speed;
  4059. }
  4060. return {
  4061. destination: Math.round(destination),
  4062. duration: duration
  4063. };
  4064. },
  4065. _getTranslateStr: function(x, y) {
  4066. if (this.options.hardwareAccelerated) {
  4067. return 'translate3d(' + x + 'px,' + y + 'px,0px) ' + this.translateZ;
  4068. }
  4069. return 'translate(' + x + 'px,' + y + 'px) ';
  4070. },
  4071. //API
  4072. setStopped: function(stopped) {
  4073. // this.stopped = !!stopped;
  4074. // fixed ios双webview模式下拉刷新
  4075. if(stopped) {
  4076. this.disablePullupToRefresh();
  4077. this.disablePulldownToRefresh();
  4078. } else {
  4079. this.enablePullupToRefresh();
  4080. this.enablePulldownToRefresh();
  4081. }
  4082. },
  4083. setTranslate: function(x, y) {
  4084. this.x = x;
  4085. this.y = y;
  4086. this.scrollerStyle['webkitTransform'] = this._getTranslateStr(x, y);
  4087. if (this.parallaxElement && this.options.scrollY) { //目前仅支持竖向视差效果
  4088. var parallaxY = y * this.options.parallaxRatio;
  4089. var scale = 1 + parallaxY / ((this.parallaxHeight - parallaxY) / 2);
  4090. if (scale > 1) {
  4091. this.parallaxImgStyle['opacity'] = 1 - parallaxY / 100 * this.options.parallaxRatio;
  4092. this.parallaxStyle['webkitTransform'] = this._getTranslateStr(0, -parallaxY) + ' scale(' + scale + ',' + scale + ')';
  4093. } else {
  4094. this.parallaxImgStyle['opacity'] = 1;
  4095. this.parallaxStyle['webkitTransform'] = this._getTranslateStr(0, -1) + ' scale(1,1)';
  4096. }
  4097. }
  4098. if (this.indicators) {
  4099. for (var i = this.indicators.length; i--;) {
  4100. this.indicators[i].updatePosition();
  4101. }
  4102. }
  4103. this.lastX = this.x;
  4104. this.lastY = this.y;
  4105. $.trigger(this.scroller, 'scroll', this);
  4106. },
  4107. reLayout: function() {
  4108. this.wrapper.offsetHeight;
  4109. var paddingLeft = parseFloat($.getStyles(this.wrapper, 'padding-left')) || 0;
  4110. var paddingRight = parseFloat($.getStyles(this.wrapper, 'padding-right')) || 0;
  4111. var paddingTop = parseFloat($.getStyles(this.wrapper, 'padding-top')) || 0;
  4112. var paddingBottom = parseFloat($.getStyles(this.wrapper, 'padding-bottom')) || 0;
  4113. var clientWidth = this.wrapper.clientWidth;
  4114. var clientHeight = this.wrapper.clientHeight;
  4115. this.scrollerWidth = this.scroller.offsetWidth;
  4116. this.scrollerHeight = this.scroller.offsetHeight;
  4117. this.wrapperWidth = clientWidth - paddingLeft - paddingRight;
  4118. this.wrapperHeight = clientHeight - paddingTop - paddingBottom;
  4119. this.maxScrollX = Math.min(this.wrapperWidth - this.scrollerWidth, 0);
  4120. this.maxScrollY = Math.min(this.wrapperHeight - this.scrollerHeight, 0);
  4121. this.hasHorizontalScroll = this.options.scrollX && this.maxScrollX < 0;
  4122. this.hasVerticalScroll = this.options.scrollY && this.maxScrollY < 0;
  4123. this._reLayout();
  4124. },
  4125. resetPosition: function(time) {
  4126. var x = this.x,
  4127. y = this.y;
  4128. time = time || 0;
  4129. if (!this.hasHorizontalScroll || this.x > 0) {
  4130. x = 0;
  4131. } else if (this.x < this.maxScrollX) {
  4132. x = this.maxScrollX;
  4133. }
  4134. if (!this.hasVerticalScroll || this.y > 0) {
  4135. y = 0;
  4136. } else if (this.y < this.maxScrollY) {
  4137. y = this.maxScrollY;
  4138. }
  4139. if (x == this.x && y == this.y) {
  4140. return false;
  4141. }
  4142. this.scrollTo(x, y, time, this.options.scrollEasing);
  4143. return true;
  4144. },
  4145. _reInit: function() {
  4146. var groups = this.wrapper.querySelectorAll('.' + CLASS_SCROLL);
  4147. for (var i = 0, len = groups.length; i < len; i++) {
  4148. if (groups[i].parentNode === this.wrapper) {
  4149. this.scroller = groups[i];
  4150. break;
  4151. }
  4152. }
  4153. this.scrollerStyle = this.scroller && this.scroller.style;
  4154. },
  4155. refresh: function() {
  4156. this._reInit();
  4157. this.reLayout();
  4158. $.trigger(this.scroller, 'refresh', this);
  4159. this.resetPosition();
  4160. },
  4161. scrollTo: function(x, y, time, easing) {
  4162. var easing = easing || ease.circular;
  4163. // this.isInTransition = time > 0 && (this.lastX != x || this.lastY != y);
  4164. //暂不严格判断x,y,否则会导致部分版本上不正常触发轮播
  4165. this.isInTransition = time > 0;
  4166. if (this.isInTransition) {
  4167. this._clearRequestAnimationFrame();
  4168. this._transitionTimingFunction(easing.style);
  4169. this._transitionTime(time);
  4170. this.setTranslate(x, y);
  4171. } else {
  4172. this.setTranslate(x, y);
  4173. }
  4174. },
  4175. scrollToBottom: function(time, easing) {
  4176. time = time || this.options.scrollTime;
  4177. this.scrollTo(0, this.maxScrollY, time, easing);
  4178. },
  4179. gotoPage: function(index) {
  4180. this._gotoPage(index);
  4181. },
  4182. destroy: function() {
  4183. this._initEvent(true); //detach
  4184. delete $.data[this.wrapper.getAttribute('data-scroll')];
  4185. this.wrapper.setAttribute('data-scroll', '');
  4186. }
  4187. });
  4188. //Indicator
  4189. var Indicator = function(scroller, options) {
  4190. this.wrapper = typeof options.el == 'string' ? document.querySelector(options.el) : options.el;
  4191. this.wrapperStyle = this.wrapper.style;
  4192. this.indicator = this.wrapper.children[0];
  4193. this.indicatorStyle = this.indicator.style;
  4194. this.scroller = scroller;
  4195. this.options = $.extend({
  4196. listenX: true,
  4197. listenY: true,
  4198. fade: false,
  4199. speedRatioX: 0,
  4200. speedRatioY: 0
  4201. }, options);
  4202. this.sizeRatioX = 1;
  4203. this.sizeRatioY = 1;
  4204. this.maxPosX = 0;
  4205. this.maxPosY = 0;
  4206. if (this.options.fade) {
  4207. this.wrapperStyle['webkitTransform'] = this.scroller.translateZ;
  4208. this.wrapperStyle['webkitTransitionDuration'] = this.options.fixedBadAndorid && $.os.isBadAndroid ? '0.001s' : '0ms';
  4209. this.wrapperStyle.opacity = '0';
  4210. }
  4211. }
  4212. Indicator.prototype = {
  4213. handleEvent: function(e) {
  4214. },
  4215. transitionTime: function(time) {
  4216. time = time || 0;
  4217. this.indicatorStyle['webkitTransitionDuration'] = time + 'ms';
  4218. if (this.scroller.options.fixedBadAndorid && !time && $.os.isBadAndroid) {
  4219. this.indicatorStyle['webkitTransitionDuration'] = '0.001s';
  4220. }
  4221. },
  4222. transitionTimingFunction: function(easing) {
  4223. this.indicatorStyle['webkitTransitionTimingFunction'] = easing;
  4224. },
  4225. refresh: function() {
  4226. this.transitionTime();
  4227. if (this.options.listenX && !this.options.listenY) {
  4228. this.indicatorStyle.display = this.scroller.hasHorizontalScroll ? 'block' : 'none';
  4229. } else if (this.options.listenY && !this.options.listenX) {
  4230. this.indicatorStyle.display = this.scroller.hasVerticalScroll ? 'block' : 'none';
  4231. } else {
  4232. this.indicatorStyle.display = this.scroller.hasHorizontalScroll || this.scroller.hasVerticalScroll ? 'block' : 'none';
  4233. }
  4234. this.wrapper.offsetHeight; // force refresh
  4235. if (this.options.listenX) {
  4236. this.wrapperWidth = this.wrapper.clientWidth;
  4237. this.indicatorWidth = Math.max(Math.round(this.wrapperWidth * this.wrapperWidth / (this.scroller.scrollerWidth || this.wrapperWidth || 1)), 8);
  4238. this.indicatorStyle.width = this.indicatorWidth + 'px';
  4239. this.maxPosX = this.wrapperWidth - this.indicatorWidth;
  4240. this.minBoundaryX = 0;
  4241. this.maxBoundaryX = this.maxPosX;
  4242. this.sizeRatioX = this.options.speedRatioX || (this.scroller.maxScrollX && (this.maxPosX / this.scroller.maxScrollX));
  4243. }
  4244. if (this.options.listenY) {
  4245. this.wrapperHeight = this.wrapper.clientHeight;
  4246. this.indicatorHeight = Math.max(Math.round(this.wrapperHeight * this.wrapperHeight / (this.scroller.scrollerHeight || this.wrapperHeight || 1)), 8);
  4247. this.indicatorStyle.height = this.indicatorHeight + 'px';
  4248. this.maxPosY = this.wrapperHeight - this.indicatorHeight;
  4249. this.minBoundaryY = 0;
  4250. this.maxBoundaryY = this.maxPosY;
  4251. this.sizeRatioY = this.options.speedRatioY || (this.scroller.maxScrollY && (this.maxPosY / this.scroller.maxScrollY));
  4252. }
  4253. this.updatePosition();
  4254. },
  4255. updatePosition: function() {
  4256. var x = this.options.listenX && Math.round(this.sizeRatioX * this.scroller.x) || 0,
  4257. y = this.options.listenY && Math.round(this.sizeRatioY * this.scroller.y) || 0;
  4258. if (x < this.minBoundaryX) {
  4259. this.width = Math.max(this.indicatorWidth + x, 8);
  4260. this.indicatorStyle.width = this.width + 'px';
  4261. x = this.minBoundaryX;
  4262. } else if (x > this.maxBoundaryX) {
  4263. this.width = Math.max(this.indicatorWidth - (x - this.maxPosX), 8);
  4264. this.indicatorStyle.width = this.width + 'px';
  4265. x = this.maxPosX + this.indicatorWidth - this.width;
  4266. } else if (this.width != this.indicatorWidth) {
  4267. this.width = this.indicatorWidth;
  4268. this.indicatorStyle.width = this.width + 'px';
  4269. }
  4270. if (y < this.minBoundaryY) {
  4271. this.height = Math.max(this.indicatorHeight + y * 3, 8);
  4272. this.indicatorStyle.height = this.height + 'px';
  4273. y = this.minBoundaryY;
  4274. } else if (y > this.maxBoundaryY) {
  4275. this.height = Math.max(this.indicatorHeight - (y - this.maxPosY) * 3, 8);
  4276. this.indicatorStyle.height = this.height + 'px';
  4277. y = this.maxPosY + this.indicatorHeight - this.height;
  4278. } else if (this.height != this.indicatorHeight) {
  4279. this.height = this.indicatorHeight;
  4280. this.indicatorStyle.height = this.height + 'px';
  4281. }
  4282. this.x = x;
  4283. this.y = y;
  4284. this.indicatorStyle['webkitTransform'] = this.scroller._getTranslateStr(x, y);
  4285. },
  4286. fade: function(val, hold) {
  4287. if (hold && !this.visible) {
  4288. return;
  4289. }
  4290. clearTimeout(this.fadeTimeout);
  4291. this.fadeTimeout = null;
  4292. var time = val ? 250 : 500,
  4293. delay = val ? 0 : 300;
  4294. val = val ? '1' : '0';
  4295. this.wrapperStyle['webkitTransitionDuration'] = time + 'ms';
  4296. this.fadeTimeout = setTimeout((function(val) {
  4297. this.wrapperStyle.opacity = val;
  4298. this.visible = +val;
  4299. }).bind(this, val), delay);
  4300. }
  4301. };
  4302. $.Scroll = Scroll;
  4303. $.fn.scroll = function(options) {
  4304. var scrollApis = [];
  4305. this.each(function() {
  4306. var scrollApi = null;
  4307. var self = this;
  4308. var id = self.getAttribute('data-scroll');
  4309. if (!id) {
  4310. id = ++$.uuid;
  4311. var _options = $.extend({}, options);
  4312. if (self.classList.contains('mui-segmented-control')) {
  4313. _options = $.extend(_options, {
  4314. scrollY: false,
  4315. scrollX: true,
  4316. indicators: false,
  4317. snap: '.mui-control-item'
  4318. });
  4319. }
  4320. $.data[id] = scrollApi = new Scroll(self, _options);
  4321. self.setAttribute('data-scroll', id);
  4322. } else {
  4323. scrollApi = $.data[id];
  4324. }
  4325. scrollApis.push(scrollApi);
  4326. });
  4327. return scrollApis.length === 1 ? scrollApis[0] : scrollApis;
  4328. };
  4329. })(mui, window, document);
  4330. (function($, window, document, undefined) {
  4331. var CLASS_VISIBILITY = 'mui-visibility';
  4332. var CLASS_HIDDEN = 'mui-hidden';
  4333. var PullRefresh = $.Scroll.extend($.extend({
  4334. handleEvent: function(e) {
  4335. this._super(e);
  4336. if (e.type === 'scrollbottom') {
  4337. if (e.target === this.scroller) {
  4338. this._scrollbottom();
  4339. }
  4340. }
  4341. },
  4342. _scrollbottom: function() {
  4343. if (!this.pulldown && !this.loading) {
  4344. this.pulldown = false;
  4345. this._initPullupRefresh();
  4346. this.pullupLoading();
  4347. }
  4348. },
  4349. _start: function(e) {
  4350. //仅下拉刷新在start阻止默认事件
  4351. if (e.touches && e.touches.length && e.touches[0].clientX > 30) {
  4352. e.target && !this._preventDefaultException(e.target, this.options.preventDefaultException) && e.preventDefault();
  4353. }
  4354. if (!this.loading) {
  4355. this.pulldown = this.pullPocket = this.pullCaption = this.pullLoading = false
  4356. }
  4357. this._super(e);
  4358. },
  4359. _drag: function(e) {
  4360. if (this.y >= 0 && this.disablePulldown && e.detail.direction === 'down') { //禁用下拉刷新
  4361. return;
  4362. }
  4363. this._super(e);
  4364. if (!this.pulldown && !this.loading && this.topPocket && e.detail.direction === 'down' && this.y >= 0) {
  4365. this._initPulldownRefresh();
  4366. }
  4367. if (this.pulldown) {
  4368. this._setCaption(this.y > this.options.down.height ? this.options.down.contentover : this.options.down.contentdown);
  4369. }
  4370. },
  4371. _reLayout: function() {
  4372. this.hasVerticalScroll = true;
  4373. this._super();
  4374. },
  4375. //API
  4376. resetPosition: function(time) {
  4377. if (this.pulldown && !this.disablePulldown) {
  4378. if (this.y >= this.options.down.height) {
  4379. this.pulldownLoading(undefined, time || 0);
  4380. return true;
  4381. } else {
  4382. !this.loading && this.topPocket.classList.remove(CLASS_VISIBILITY);
  4383. }
  4384. }
  4385. return this._super(time);
  4386. },
  4387. pulldownLoading: function(y, time) {
  4388. typeof y === 'undefined' && (y = this.options.down.height); //默认高度
  4389. this.scrollTo(0, y, time, this.options.bounceEasing);
  4390. if (this.loading) {
  4391. return;
  4392. }
  4393. // if (!this.pulldown) {
  4394. this._initPulldownRefresh();
  4395. // }
  4396. this._setCaption(this.options.down.contentrefresh);
  4397. this.loading = true;
  4398. this.indicators.map(function(indicator) {
  4399. indicator.fade(0);
  4400. });
  4401. var callback = this.options.down.callback;
  4402. callback && callback.call(this);
  4403. },
  4404. endPulldownToRefresh: function() {
  4405. var self = this;
  4406. if (self.topPocket && self.loading && this.pulldown) {
  4407. self.scrollTo(0, 0, self.options.bounceTime, self.options.bounceEasing);
  4408. self.loading = false;
  4409. self._setCaption(self.options.down.contentdown, true);
  4410. setTimeout(function() {
  4411. self.loading || self.topPocket.classList.remove(CLASS_VISIBILITY);
  4412. }, 350);
  4413. }
  4414. },
  4415. pullupLoading: function(callback, x, time) {
  4416. x = x || 0;
  4417. this.scrollTo(x, this.maxScrollY, time, this.options.bounceEasing);
  4418. if (this.loading) {
  4419. return;
  4420. }
  4421. this._initPullupRefresh();
  4422. this._setCaption(this.options.up.contentrefresh);
  4423. this.indicators.map(function(indicator) {
  4424. indicator.fade(0);
  4425. });
  4426. this.loading = true;
  4427. callback = callback || this.options.up.callback;
  4428. callback && callback.call(this);
  4429. },
  4430. endPullupToRefresh: function(finished) {
  4431. var self = this;
  4432. if (self.bottomPocket) { // && self.loading && !this.pulldown
  4433. self.loading = false;
  4434. if (finished) {
  4435. this.finished = true;
  4436. self._setCaption(self.options.up.contentnomore);
  4437. // self.bottomPocket.classList.remove(CLASS_VISIBILITY);
  4438. // self.bottomPocket.classList.add(CLASS_HIDDEN);
  4439. self.wrapper.removeEventListener('scrollbottom', self);
  4440. } else {
  4441. self._setCaption(self.options.up.contentdown);
  4442. // setTimeout(function() {
  4443. self.loading || self.bottomPocket.classList.remove(CLASS_VISIBILITY);
  4444. // }, 300);
  4445. }
  4446. }
  4447. },
  4448. disablePullupToRefresh: function() {
  4449. this._initPullupRefresh();
  4450. this.bottomPocket.className = 'mui-pull-bottom-pocket' + ' ' + CLASS_HIDDEN;
  4451. this.wrapper.removeEventListener('scrollbottom', this);
  4452. },
  4453. disablePulldownToRefresh: function() {
  4454. this._initPulldownRefresh();
  4455. this.topPocket.className = 'mui-pull-top-pocket' + ' ' + CLASS_HIDDEN;
  4456. this.disablePulldown = true;
  4457. },
  4458. enablePulldownToRefresh: function() {
  4459. this._initPulldownRefresh();
  4460. this.topPocket.classList.remove(CLASS_HIDDEN);
  4461. this._setCaption(this.options.down.contentdown);
  4462. this.disablePulldown = false;
  4463. },
  4464. enablePullupToRefresh: function() {
  4465. this._initPullupRefresh();
  4466. this.bottomPocket.classList.remove(CLASS_HIDDEN);
  4467. this._setCaption(this.options.up.contentdown);
  4468. this.wrapper.addEventListener('scrollbottom', this);
  4469. },
  4470. refresh: function(isReset) {
  4471. if (isReset && this.finished) {
  4472. this.enablePullupToRefresh();
  4473. this.finished = false;
  4474. }
  4475. this._super();
  4476. },
  4477. }, $.PullRefresh));
  4478. $.fn.pullRefresh = function(options) {
  4479. if (this.length === 1) {
  4480. var self = this[0];
  4481. var pullRefreshApi = null;
  4482. var id = self.getAttribute('data-pullrefresh');
  4483. if (!id && typeof options === 'undefined') {
  4484. return false;
  4485. }
  4486. options = options || {};
  4487. if (!id) {
  4488. id = ++$.uuid;
  4489. $.data[id] = pullRefreshApi = new PullRefresh(self, options);
  4490. self.setAttribute('data-pullrefresh', id);
  4491. } else {
  4492. pullRefreshApi = $.data[id];
  4493. }
  4494. if (options.down && options.down.auto) { //如果设置了auto,则自动下拉一次
  4495. pullRefreshApi.pulldownLoading(options.down.autoY);
  4496. } else if (options.up && options.up.auto) { //如果设置了auto,则自动上拉一次
  4497. pullRefreshApi.pullupLoading();
  4498. }
  4499. //暂不提供这种调用方式吧
  4500. // if (typeof options === 'string') {
  4501. // var methodValue = pullRefreshApi[options].apply(pullRefreshApi, $.slice.call(arguments, 1));
  4502. // if (methodValue !== undefined) {
  4503. // return methodValue;
  4504. // }
  4505. // }
  4506. return pullRefreshApi;
  4507. }
  4508. };
  4509. })(mui, window, document);
  4510. /**
  4511. * snap 重构
  4512. * @param {Object} $
  4513. * @param {Object} window
  4514. */
  4515. (function($, window) {
  4516. var CLASS_SLIDER = 'mui-slider';
  4517. var CLASS_SLIDER_GROUP = 'mui-slider-group';
  4518. var CLASS_SLIDER_LOOP = 'mui-slider-loop';
  4519. var CLASS_SLIDER_INDICATOR = 'mui-slider-indicator';
  4520. var CLASS_ACTION_PREVIOUS = 'mui-action-previous';
  4521. var CLASS_ACTION_NEXT = 'mui-action-next';
  4522. var CLASS_SLIDER_ITEM = 'mui-slider-item';
  4523. var CLASS_ACTIVE = 'mui-active';
  4524. var SELECTOR_SLIDER_ITEM = '.' + CLASS_SLIDER_ITEM;
  4525. var SELECTOR_SLIDER_INDICATOR = '.' + CLASS_SLIDER_INDICATOR;
  4526. var SELECTOR_SLIDER_PROGRESS_BAR = '.mui-slider-progress-bar';
  4527. var Slider = $.Slider = $.Scroll.extend({
  4528. init: function(element, options) {
  4529. this._super(element, $.extend(true, {
  4530. fingers: 1,
  4531. interval: 0, //设置为0,则不定时轮播
  4532. scrollY: false,
  4533. scrollX: true,
  4534. indicators: false,
  4535. scrollTime: 1000,
  4536. startX: false,
  4537. slideTime: 0, //滑动动画时间
  4538. snap: SELECTOR_SLIDER_ITEM
  4539. }, options));
  4540. if (this.options.startX) {
  4541. // $.trigger(this.wrapper, 'scrollend', this);
  4542. }
  4543. },
  4544. _init: function() {
  4545. this._reInit();
  4546. if (this.scroller) {
  4547. this.scrollerStyle = this.scroller.style;
  4548. this.progressBar = this.wrapper.querySelector(SELECTOR_SLIDER_PROGRESS_BAR);
  4549. if (this.progressBar) {
  4550. this.progressBarWidth = this.progressBar.offsetWidth;
  4551. this.progressBarStyle = this.progressBar.style;
  4552. }
  4553. //忘记这个代码是干什么的了?
  4554. // this.x = this._getScroll();
  4555. // if (this.options.startX === false) {
  4556. // this.options.startX = this.x;
  4557. // }
  4558. //根据active修正startX
  4559. this._super();
  4560. this._initTimer();
  4561. }
  4562. },
  4563. _triggerSlide: function() {
  4564. var self = this;
  4565. self.isInTransition = false;
  4566. var page = self.currentPage;
  4567. self.slideNumber = self._fixedSlideNumber();
  4568. if (self.loop) {
  4569. if (self.slideNumber === 0) {
  4570. self.setTranslate(self.pages[1][0].x, 0);
  4571. } else if (self.slideNumber === self.itemLength - 3) {
  4572. self.setTranslate(self.pages[self.itemLength - 2][0].x, 0);
  4573. }
  4574. }
  4575. if (self.lastSlideNumber != self.slideNumber) {
  4576. self.lastSlideNumber = self.slideNumber;
  4577. self.lastPage = self.currentPage;
  4578. $.trigger(self.wrapper, 'slide', {
  4579. slideNumber: self.slideNumber
  4580. });
  4581. }
  4582. self._initTimer();
  4583. },
  4584. _handleSlide: function(e) {
  4585. var self = this;
  4586. if (e.target !== self.wrapper) {
  4587. return;
  4588. }
  4589. var detail = e.detail;
  4590. detail.slideNumber = detail.slideNumber || 0;
  4591. var temps = self.scroller.querySelectorAll(SELECTOR_SLIDER_ITEM);
  4592. var items = [];
  4593. for (var i = 0, len = temps.length; i < len; i++) {
  4594. var item = temps[i];
  4595. if (item.parentNode === self.scroller) {
  4596. items.push(item);
  4597. }
  4598. }
  4599. var _slideNumber = detail.slideNumber;
  4600. if (self.loop) {
  4601. _slideNumber += 1;
  4602. }
  4603. if (!self.wrapper.classList.contains('mui-segmented-control')) {
  4604. for (var i = 0, len = items.length; i < len; i++) {
  4605. var item = items[i];
  4606. if (item.parentNode === self.scroller) {
  4607. if (i === _slideNumber) {
  4608. item.classList.add(CLASS_ACTIVE);
  4609. } else {
  4610. item.classList.remove(CLASS_ACTIVE);
  4611. }
  4612. }
  4613. }
  4614. }
  4615. var indicatorWrap = self.wrapper.querySelector('.mui-slider-indicator');
  4616. if (indicatorWrap) {
  4617. if (indicatorWrap.getAttribute('data-scroll')) { //scroll
  4618. $(indicatorWrap).scroll().gotoPage(detail.slideNumber);
  4619. }
  4620. var indicators = indicatorWrap.querySelectorAll('.mui-indicator');
  4621. if (indicators.length > 0) { //图片轮播
  4622. for (var i = 0, len = indicators.length; i < len; i++) {
  4623. indicators[i].classList[i === detail.slideNumber ? 'add' : 'remove'](CLASS_ACTIVE);
  4624. }
  4625. } else {
  4626. var number = indicatorWrap.querySelector('.mui-number span');
  4627. if (number) { //图文表格
  4628. number.innerText = (detail.slideNumber + 1);
  4629. } else { //segmented controls
  4630. var controlItems = indicatorWrap.querySelectorAll('.mui-control-item');
  4631. for (var i = 0, len = controlItems.length; i < len; i++) {
  4632. controlItems[i].classList[i === detail.slideNumber ? 'add' : 'remove'](CLASS_ACTIVE);
  4633. }
  4634. }
  4635. }
  4636. }
  4637. e.stopPropagation();
  4638. },
  4639. _handleTabShow: function(e) {
  4640. var self = this;
  4641. self.gotoItem((e.detail.tabNumber || 0), self.options.slideTime);
  4642. },
  4643. _handleIndicatorTap: function(event) {
  4644. var self = this;
  4645. var target = event.target;
  4646. if (target.classList.contains(CLASS_ACTION_PREVIOUS) || target.classList.contains(CLASS_ACTION_NEXT)) {
  4647. self[target.classList.contains(CLASS_ACTION_PREVIOUS) ? 'prevItem' : 'nextItem']();
  4648. event.stopPropagation();
  4649. }
  4650. },
  4651. _initEvent: function(detach) {
  4652. var self = this;
  4653. self._super(detach);
  4654. var action = detach ? 'removeEventListener' : 'addEventListener';
  4655. self.wrapper[action]('slide', this);
  4656. self.wrapper[action]($.eventName('shown', 'tab'), this);
  4657. },
  4658. handleEvent: function(e) {
  4659. this._super(e);
  4660. switch (e.type) {
  4661. case 'slide':
  4662. this._handleSlide(e);
  4663. break;
  4664. case $.eventName('shown', 'tab'):
  4665. if (~this.snaps.indexOf(e.target)) { //避免嵌套监听错误的tab show
  4666. this._handleTabShow(e);
  4667. }
  4668. break;
  4669. }
  4670. },
  4671. _scrollend: function(e) {
  4672. this._super(e);
  4673. this._triggerSlide(e);
  4674. },
  4675. _drag: function(e) {
  4676. this._super(e);
  4677. var direction = e.detail.direction;
  4678. if (direction === 'left' || direction === 'right') {
  4679. //拖拽期间取消定时
  4680. var slidershowTimer = this.wrapper.getAttribute('data-slidershowTimer');
  4681. slidershowTimer && window.clearTimeout(slidershowTimer);
  4682. e.stopPropagation();
  4683. }
  4684. },
  4685. _initTimer: function() {
  4686. var self = this;
  4687. var slider = self.wrapper;
  4688. var interval = self.options.interval;
  4689. var slidershowTimer = slider.getAttribute('data-slidershowTimer');
  4690. slidershowTimer && window.clearTimeout(slidershowTimer);
  4691. if (interval) {
  4692. slidershowTimer = window.setTimeout(function() {
  4693. if (!slider) {
  4694. return;
  4695. }
  4696. //仅slider显示状态进行自动轮播
  4697. if (!!(slider.offsetWidth || slider.offsetHeight)) {
  4698. self.nextItem(true);
  4699. //下一个
  4700. }
  4701. self._initTimer();
  4702. }, interval);
  4703. slider.setAttribute('data-slidershowTimer', slidershowTimer);
  4704. }
  4705. },
  4706. _fixedSlideNumber: function(page) {
  4707. page = page || this.currentPage;
  4708. var slideNumber = page.pageX;
  4709. if (this.loop) {
  4710. if (page.pageX === 0) {
  4711. slideNumber = this.itemLength - 3;
  4712. } else if (page.pageX === (this.itemLength - 1)) {
  4713. slideNumber = 0;
  4714. } else {
  4715. slideNumber = page.pageX - 1;
  4716. }
  4717. }
  4718. return slideNumber;
  4719. },
  4720. _reLayout: function() {
  4721. this.hasHorizontalScroll = true;
  4722. this.loop = this.scroller.classList.contains(CLASS_SLIDER_LOOP);
  4723. this._super();
  4724. },
  4725. _getScroll: function() {
  4726. var result = $.parseTranslateMatrix($.getStyles(this.scroller, 'webkitTransform'));
  4727. return result ? result.x : 0;
  4728. },
  4729. _transitionEnd: function(e) {
  4730. if (e.target !== this.scroller || !this.isInTransition) {
  4731. return;
  4732. }
  4733. this._transitionTime();
  4734. this.isInTransition = false;
  4735. $.trigger(this.wrapper, 'scrollend', this);
  4736. },
  4737. _flick: function(e) {
  4738. if (!this.moved) { //无moved
  4739. return;
  4740. }
  4741. var detail = e.detail;
  4742. var direction = detail.direction;
  4743. this._clearRequestAnimationFrame();
  4744. this.isInTransition = true;
  4745. // if (direction === 'up' || direction === 'down') {
  4746. // this.resetPosition(this.options.bounceTime);
  4747. // return;
  4748. // }
  4749. if (e.type === 'flick') {
  4750. if (detail.deltaTime < 200) { //flick,太容易触发,额外校验一下deltaTime
  4751. this.x = this._getPage((this.slideNumber + (direction === 'right' ? -1 : 1)), true).x;
  4752. }
  4753. this.resetPosition(this.options.bounceTime);
  4754. } else if (e.type === 'dragend' && !detail.flick) {
  4755. this.resetPosition(this.options.bounceTime);
  4756. }
  4757. e.stopPropagation();
  4758. },
  4759. _initSnap: function() {
  4760. this.scrollerWidth = this.itemLength * this.scrollerWidth;
  4761. this.maxScrollX = Math.min(this.wrapperWidth - this.scrollerWidth, 0);
  4762. this._super();
  4763. if (!this.currentPage.x) {
  4764. //当slider处于隐藏状态时,导致snap计算是错误的,临时先这么判断一下,后续要考虑解决所有scroll在隐藏状态下初始化属性不正确的问题
  4765. var currentPage = this.pages[this.loop ? 1 : 0];
  4766. currentPage = currentPage || this.pages[0];
  4767. if (!currentPage) {
  4768. return;
  4769. }
  4770. this.currentPage = currentPage[0];
  4771. this.slideNumber = 0;
  4772. this.lastSlideNumber = typeof this.lastSlideNumber === 'undefined' ? 0 : this.lastSlideNumber;
  4773. } else {
  4774. this.slideNumber = this._fixedSlideNumber();
  4775. this.lastSlideNumber = typeof this.lastSlideNumber === 'undefined' ? this.slideNumber : this.lastSlideNumber;
  4776. }
  4777. this.options.startX = this.currentPage.x || 0;
  4778. },
  4779. _getSnapX: function(offsetLeft) {
  4780. return Math.max(-offsetLeft, this.maxScrollX);
  4781. },
  4782. _getPage: function(slideNumber, isFlick) {
  4783. if (this.loop) {
  4784. if (slideNumber > (this.itemLength - (isFlick ? 2 : 3))) {
  4785. slideNumber = 1;
  4786. time = 0;
  4787. } else if (slideNumber < (isFlick ? -1 : 0)) {
  4788. slideNumber = this.itemLength - 2;
  4789. time = 0;
  4790. } else {
  4791. slideNumber += 1;
  4792. }
  4793. } else {
  4794. if (!isFlick) {
  4795. if (slideNumber > (this.itemLength - 1)) {
  4796. slideNumber = 0;
  4797. time = 0;
  4798. } else if (slideNumber < 0) {
  4799. slideNumber = this.itemLength - 1;
  4800. time = 0;
  4801. }
  4802. }
  4803. slideNumber = Math.min(Math.max(0, slideNumber), this.itemLength - 1);
  4804. }
  4805. return this.pages[slideNumber][0];
  4806. },
  4807. _gotoItem: function(slideNumber, time) {
  4808. this.currentPage = this._getPage(slideNumber, true); //此处传true。可保证程序切换时,动画与人手操作一致(第一张,最后一张的切换动画)
  4809. this.scrollTo(this.currentPage.x, 0, time, this.options.scrollEasing);
  4810. if (time === 0) {
  4811. $.trigger(this.wrapper, 'scrollend', this);
  4812. }
  4813. },
  4814. //API
  4815. setTranslate: function(x, y) {
  4816. this._super(x, y);
  4817. var progressBar = this.progressBar;
  4818. if (progressBar) {
  4819. this.progressBarStyle.webkitTransform = this._getTranslateStr((-x * (this.progressBarWidth / this.wrapperWidth)), 0);
  4820. }
  4821. },
  4822. resetPosition: function(time) {
  4823. time = time || 0;
  4824. if (this.x > 0) {
  4825. this.x = 0;
  4826. } else if (this.x < this.maxScrollX) {
  4827. this.x = this.maxScrollX;
  4828. }
  4829. this.currentPage = this._nearestSnap(this.x);
  4830. this.scrollTo(this.currentPage.x, 0, time, this.options.scrollEasing);
  4831. return true;
  4832. },
  4833. gotoItem: function(slideNumber, time) {
  4834. this._gotoItem(slideNumber, typeof time === 'undefined' ? this.options.scrollTime : time);
  4835. },
  4836. nextItem: function() {
  4837. this._gotoItem(this.slideNumber + 1, this.options.scrollTime);
  4838. },
  4839. prevItem: function() {
  4840. this._gotoItem(this.slideNumber - 1, this.options.scrollTime);
  4841. },
  4842. getSlideNumber: function() {
  4843. return this.slideNumber || 0;
  4844. },
  4845. _reInit: function() {
  4846. var groups = this.wrapper.querySelectorAll('.' + CLASS_SLIDER_GROUP);
  4847. for (var i = 0, len = groups.length; i < len; i++) {
  4848. if (groups[i].parentNode === this.wrapper) {
  4849. this.scroller = groups[i];
  4850. break;
  4851. }
  4852. }
  4853. this.scrollerStyle = this.scroller && this.scroller.style;
  4854. if (this.progressBar) {
  4855. this.progressBarWidth = this.progressBar.offsetWidth;
  4856. this.progressBarStyle = this.progressBar.style;
  4857. }
  4858. },
  4859. refresh: function(options) {
  4860. if (options) {
  4861. $.extend(this.options, options);
  4862. this._super();
  4863. this._initTimer();
  4864. } else {
  4865. this._super();
  4866. }
  4867. },
  4868. destroy: function() {
  4869. this._initEvent(true); //detach
  4870. delete $.data[this.wrapper.getAttribute('data-slider')];
  4871. this.wrapper.setAttribute('data-slider', '');
  4872. }
  4873. });
  4874. $.fn.slider = function(options) {
  4875. var slider = null;
  4876. this.each(function() {
  4877. var sliderElement = this;
  4878. if (!this.classList.contains(CLASS_SLIDER)) {
  4879. sliderElement = this.querySelector('.' + CLASS_SLIDER);
  4880. }
  4881. if (sliderElement && sliderElement.querySelector(SELECTOR_SLIDER_ITEM)) {
  4882. var id = sliderElement.getAttribute('data-slider');
  4883. if (!id) {
  4884. id = ++$.uuid;
  4885. $.data[id] = slider = new Slider(sliderElement, options);
  4886. sliderElement.setAttribute('data-slider', id);
  4887. } else {
  4888. slider = $.data[id];
  4889. if (slider && options) {
  4890. slider.refresh(options);
  4891. }
  4892. }
  4893. }
  4894. });
  4895. return slider;
  4896. };
  4897. $.ready(function() {
  4898. // setTimeout(function() {
  4899. $('.mui-slider').slider();
  4900. $('.mui-scroll-wrapper.mui-slider-indicator.mui-segmented-control').scroll({
  4901. scrollY: false,
  4902. scrollX: true,
  4903. indicators: false,
  4904. snap: '.mui-control-item'
  4905. });
  4906. // }, 500); //临时处理slider宽度计算不正确的问题(初步确认是scrollbar导致的)
  4907. });
  4908. })(mui, window);
  4909. /**
  4910. * pullRefresh 5+
  4911. * @param {type} $
  4912. * @returns {undefined}
  4913. */
  4914. (function($, document) {
  4915. if (!($.os.plus)) { //仅在5+android支持多webview的使用
  4916. return;
  4917. }
  4918. $.plusReady(function() {
  4919. if (window.__NWin_Enable__ === false) { //不支持多webview,则不用5+下拉刷新
  4920. return;
  4921. }
  4922. var CLASS_PLUS_PULLREFRESH = 'mui-plus-pullrefresh';
  4923. var CLASS_VISIBILITY = 'mui-visibility';
  4924. var CLASS_HIDDEN = 'mui-hidden';
  4925. var CLASS_BLOCK = 'mui-block';
  4926. var CLASS_PULL_CAPTION = 'mui-pull-caption';
  4927. var CLASS_PULL_CAPTION_DOWN = 'mui-pull-caption-down';
  4928. var CLASS_PULL_CAPTION_REFRESH = 'mui-pull-caption-refresh';
  4929. var CLASS_PULL_CAPTION_NOMORE = 'mui-pull-caption-nomore';
  4930. var PlusPullRefresh = $.Class.extend({
  4931. init: function(element, options) {
  4932. this.element = element;
  4933. this.options = options;
  4934. this.wrapper = this.scroller = element;
  4935. this._init();
  4936. this._initPulldownRefreshEvent();
  4937. },
  4938. _init: function() {
  4939. var self = this;
  4940. //document.addEventListener('plusscrollbottom', this);
  4941. window.addEventListener('dragup', self);
  4942. document.addEventListener("plusscrollbottom", self);
  4943. self.scrollInterval = window.setInterval(function() {
  4944. if (self.isScroll && !self.loading) {
  4945. if (window.pageYOffset + window.innerHeight + 10 >= document.documentElement.scrollHeight) {
  4946. self.isScroll = false; //放在这里是因为快速滚动的话,有可能检测时,还没到底,所以只要有滚动,没到底之前一直检测高度变化
  4947. if (self.bottomPocket) {
  4948. self.pullupLoading();
  4949. }
  4950. }
  4951. }
  4952. }, 100);
  4953. },
  4954. _initPulldownRefreshEvent: function() {
  4955. var self = this;
  4956. $.plusReady(function() {
  4957. if(self.options.down.style == "circle"){
  4958. //单webview、原生转圈
  4959. self.options.webview = plus.webview.currentWebview();
  4960. self.options.webview.setPullToRefresh({
  4961. support: true,
  4962. color:self.options.down.color || '#2BD009',
  4963. height: self.options.down.height || '50px',
  4964. range: self.options.down.range || '100px',
  4965. style: 'circle',
  4966. offset: self.options.down.offset || '0px'
  4967. }, function() {
  4968. self.options.down.callback();
  4969. });
  4970. }else if (self.topPocket && self.options.webviewId) {
  4971. var webview = plus.webview.getWebviewById(self.options.webviewId);//子窗口
  4972. if (!webview) {
  4973. return;
  4974. }
  4975. self.options.webview = webview;
  4976. var downOptions = self.options.down;
  4977. var height = downOptions.height;
  4978. webview.addEventListener('close', function() {
  4979. var attrWebviewId = self.options.webviewId && self.options.webviewId.replace(/\//g, "_"); //替换所有"/"
  4980. self.element.removeAttribute('data-pullrefresh-plus-' + attrWebviewId);
  4981. });
  4982. webview.addEventListener("dragBounce", function(e) {
  4983. if (!self.pulldown) {
  4984. self._initPulldownRefresh();
  4985. } else {
  4986. self.pullPocket.classList.add(CLASS_BLOCK);
  4987. }
  4988. switch (e.status) {
  4989. case "beforeChangeOffset": //下拉可刷新状态
  4990. self._setCaption(downOptions.contentdown);
  4991. break;
  4992. case "afterChangeOffset": //松开可刷新状态
  4993. self._setCaption(downOptions.contentover);
  4994. break;
  4995. case "dragEndAfterChangeOffset": //正在刷新状态
  4996. //执行下拉刷新所在webview的回调函数
  4997. webview.evalJS("window.mui&&mui.options.pullRefresh.down.callback()");
  4998. self._setCaption(downOptions.contentrefresh);
  4999. break;
  5000. default:
  5001. break;
  5002. }
  5003. }, false);
  5004. webview.setBounce({
  5005. position: {
  5006. top: height * 2 + 'px'
  5007. },
  5008. changeoffset: {
  5009. top: height + 'px'
  5010. }
  5011. });
  5012. }
  5013. });
  5014. },
  5015. handleEvent: function(e) {
  5016. var self = this;
  5017. if (self.stopped) {
  5018. return;
  5019. }
  5020. self.isScroll = false;
  5021. if (e.type === 'dragup' || e.type === 'plusscrollbottom') {
  5022. self.isScroll = true;
  5023. setTimeout(function() {
  5024. self.isScroll = false;
  5025. }, 1000);
  5026. }
  5027. }
  5028. }).extend($.extend({
  5029. setStopped: function(stopped) { //该方法是子页面调用的
  5030. this.stopped = !!stopped;
  5031. //TODO 此处需要设置当前webview的bounce为none,目前5+有BUG
  5032. var webview = plus.webview.currentWebview();
  5033. if (this.stopped) {
  5034. webview.setStyle({
  5035. bounce: 'none'
  5036. });
  5037. webview.setBounce({
  5038. position: {
  5039. top: 'none'
  5040. }
  5041. });
  5042. } else {
  5043. var height = this.options.down.height;
  5044. webview.setStyle({
  5045. bounce: 'vertical'
  5046. });
  5047. webview.setBounce({
  5048. position: {
  5049. top: height * 2 + 'px'
  5050. },
  5051. changeoffset: {
  5052. top: height + 'px'
  5053. }
  5054. });
  5055. }
  5056. },
  5057. beginPulldown:function() {
  5058. var self = this;
  5059. $.plusReady(function() {
  5060. //这里延时的目的是为了保证下拉刷新组件初始化完成,后续应该做成有状态的
  5061. setTimeout(function () {
  5062. if(self.options.down.style == "circle"){//单webview下拉刷新
  5063. plus.webview.currentWebview().beginPullToRefresh();
  5064. }else{//双webview模式
  5065. plus.webview.currentWebview().setBounce({
  5066. offset: {
  5067. top: self.options.down.height + "px"
  5068. }
  5069. });
  5070. }
  5071. },15);
  5072. }.bind(this));
  5073. },
  5074. pulldownLoading: function () {//该方法是子页面调用的,兼容老的历史API
  5075. this.beginPulldown();
  5076. },
  5077. _pulldownLoading: function() { //该方法是父页面调用的
  5078. var self = this;
  5079. $.plusReady(function() {
  5080. var childWebview = plus.webview.getWebviewById(self.options.webviewId);
  5081. childWebview && childWebview.setBounce({
  5082. offset: {
  5083. top: self.options.down.height + "px"
  5084. }
  5085. });
  5086. });
  5087. },
  5088. endPulldown:function(){
  5089. var _wv = plus.webview.currentWebview();
  5090. //双webview的下拉刷新,需要修改父窗口提示信息
  5091. if(_wv.parent() && this.options.down.style !== "circle"){
  5092. _wv.parent().evalJS("mui&&mui(document.querySelector('.mui-content')).pullRefresh('" + JSON.stringify({
  5093. webviewId: _wv.id
  5094. }) + "')._endPulldownToRefresh()");
  5095. }else{
  5096. _wv.endPullToRefresh();
  5097. }
  5098. },
  5099. endPulldownToRefresh: function () {//该方法是子页面调用的,兼容老的历史API
  5100. this.endPulldown();
  5101. },
  5102. _endPulldownToRefresh: function() { //该方法是父页面调用的
  5103. var self = this;
  5104. if (self.topPocket && self.options.webview) {
  5105. self.options.webview.endPullToRefresh(); //下拉刷新所在webview回弹
  5106. self.loading = false;
  5107. self._setCaption(self.options.down.contentdown, true);
  5108. setTimeout(function() {
  5109. self.loading || self.topPocket.classList.remove(CLASS_BLOCK);
  5110. }, 350);
  5111. }
  5112. },
  5113. beginPullup:function(callback) {//开始上拉加载
  5114. var self = this;
  5115. if (self.isLoading) return;
  5116. self.isLoading = true;
  5117. if (self.pulldown !== false) {
  5118. self._initPullupRefresh();
  5119. } else {
  5120. this.pullPocket.classList.add(CLASS_BLOCK);
  5121. }
  5122. setTimeout(function() {
  5123. self.pullLoading.classList.add(CLASS_VISIBILITY);
  5124. self.pullLoading.classList.remove(CLASS_HIDDEN);
  5125. self.pullCaption.innerHTML = ''; //修正5+里边第一次加载时,文字显示的bug(还会显示出来个“多”,猜测应该是渲染问题导致的)
  5126. self.pullCaption.className = CLASS_PULL_CAPTION + ' ' + CLASS_PULL_CAPTION_REFRESH;
  5127. self.pullCaption.innerHTML = self.options.up.contentrefresh;
  5128. callback = callback || self.options.up.callback;
  5129. callback && callback.call(self);
  5130. }, 300);
  5131. },
  5132. pullupLoading:function (callback) {//兼容老的API
  5133. this.beginPullup(callback);
  5134. },
  5135. endPullup:function(finished) {//上拉加载结束
  5136. var self = this;
  5137. if (self.pullLoading) {
  5138. self.pullLoading.classList.remove(CLASS_VISIBILITY);
  5139. self.pullLoading.classList.add(CLASS_HIDDEN);
  5140. self.isLoading = false;
  5141. if (finished) {
  5142. self.finished = true;
  5143. self.pullCaption.className = CLASS_PULL_CAPTION + ' ' + CLASS_PULL_CAPTION_NOMORE;
  5144. self.pullCaption.innerHTML = self.options.up.contentnomore;
  5145. //取消5+的plusscrollbottom事件
  5146. document.removeEventListener('plusscrollbottom', self);
  5147. window.removeEventListener('dragup', self);
  5148. } else { //初始化时隐藏,后续不再隐藏
  5149. self.pullCaption.className = CLASS_PULL_CAPTION + ' ' + CLASS_PULL_CAPTION_DOWN;
  5150. self.pullCaption.innerHTML = self.options.up.contentdown;
  5151. }
  5152. }
  5153. },
  5154. endPullupToRefresh: function (finished) {//上拉加载结束,兼容老的API
  5155. this.endPullup(finished);
  5156. },
  5157. disablePullupToRefresh: function() {
  5158. this._initPullupRefresh();
  5159. this.bottomPocket.className = 'mui-pull-bottom-pocket' + ' ' + CLASS_HIDDEN;
  5160. window.removeEventListener('dragup', this);
  5161. },
  5162. enablePullupToRefresh: function() {
  5163. this._initPullupRefresh();
  5164. this.bottomPocket.classList.remove(CLASS_HIDDEN);
  5165. this.pullCaption.className = CLASS_PULL_CAPTION + ' ' + CLASS_PULL_CAPTION_DOWN;
  5166. this.pullCaption.innerHTML = this.options.up.contentdown;
  5167. document.addEventListener("plusscrollbottom", this);
  5168. window.addEventListener('dragup', this);
  5169. },
  5170. scrollTo: function(x, y, time) {
  5171. $.scrollTo(y, time);
  5172. },
  5173. scrollToBottom: function(time) {
  5174. $.scrollTo(document.documentElement.scrollHeight, time);
  5175. },
  5176. refresh: function(isReset) {
  5177. if (isReset && this.finished) {
  5178. this.enablePullupToRefresh();
  5179. this.finished = false;
  5180. }
  5181. }
  5182. }, $.PullRefresh));
  5183. //override h5 pullRefresh
  5184. $.fn.pullRefresh_native = function(options) {
  5185. var self;
  5186. if (this.length === 0) {
  5187. self = document.createElement('div');
  5188. self.className = 'mui-content';
  5189. document.body.appendChild(self);
  5190. } else {
  5191. self = this[0];
  5192. }
  5193. var args = options;
  5194. //一个父需要支持多个子下拉刷新
  5195. options = options || {}
  5196. if (typeof options === 'string') {
  5197. options = $.parseJSON(options);
  5198. };
  5199. !options.webviewId && (options.webviewId = (plus.webview.currentWebview().id || plus.webview.currentWebview().getURL()));
  5200. var pullRefreshApi = null;
  5201. var attrWebviewId = options.webviewId && options.webviewId.replace(/\//g, "_"); //替换所有"/"
  5202. var id = self.getAttribute('data-pullrefresh-plus-' + attrWebviewId);
  5203. if (!id && typeof args === 'undefined') {
  5204. return false;
  5205. }
  5206. if (!id) { //避免重复初始化5+ pullrefresh
  5207. id = ++$.uuid;
  5208. self.setAttribute('data-pullrefresh-plus-' + attrWebviewId, id);
  5209. document.body.classList.add(CLASS_PLUS_PULLREFRESH);
  5210. $.data[id] = pullRefreshApi = new PlusPullRefresh(self, options);
  5211. } else {
  5212. pullRefreshApi = $.data[id];
  5213. }
  5214. if (options.down && options.down.auto) { //如果设置了auto,则自动下拉一次
  5215. //pullRefreshApi._pulldownLoading(); //parent webview
  5216. pullRefreshApi.beginPulldown();
  5217. } else if (options.up && options.up.auto) { //如果设置了auto,则自动上拉一次
  5218. pullRefreshApi.beginPullup();
  5219. }
  5220. return pullRefreshApi;
  5221. };
  5222. });
  5223. })(mui, document);
  5224. /**
  5225. * off-canvas
  5226. * @param {type} $
  5227. * @param {type} window
  5228. * @param {type} document
  5229. * @param {type} action
  5230. * @returns {undefined}
  5231. */
  5232. (function($, window, document, name) {
  5233. var CLASS_OFF_CANVAS_LEFT = 'mui-off-canvas-left';
  5234. var CLASS_OFF_CANVAS_RIGHT = 'mui-off-canvas-right';
  5235. var CLASS_ACTION_BACKDROP = 'mui-off-canvas-backdrop';
  5236. var CLASS_OFF_CANVAS_WRAP = 'mui-off-canvas-wrap';
  5237. var CLASS_SLIDE_IN = 'mui-slide-in';
  5238. var CLASS_ACTIVE = 'mui-active';
  5239. var CLASS_TRANSITIONING = 'mui-transitioning';
  5240. var SELECTOR_INNER_WRAP = '.mui-inner-wrap';
  5241. var OffCanvas = $.Class.extend({
  5242. init: function(element, options) {
  5243. this.wrapper = this.element = element;
  5244. this.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);
  5245. this.classList = this.wrapper.classList;
  5246. if (this.scroller) {
  5247. this.options = $.extend(true, {
  5248. dragThresholdX: 10,
  5249. scale: 0.8,
  5250. opacity: 0.1,
  5251. preventDefaultException: {
  5252. tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|VIDEO)$/
  5253. },
  5254. }, options);
  5255. document.body.classList.add('mui-fullscreen'); //fullscreen
  5256. this.refresh();
  5257. this.initEvent();
  5258. }
  5259. },
  5260. _preventDefaultException: function(el, exceptions) {
  5261. for (var i in exceptions) {
  5262. if (exceptions[i].test(el[i])) {
  5263. return true;
  5264. }
  5265. }
  5266. return false;
  5267. },
  5268. refresh: function(offCanvas) {
  5269. // offCanvas && !offCanvas.classList.contains(CLASS_ACTIVE) && this.classList.remove(CLASS_ACTIVE);
  5270. this.slideIn = this.classList.contains(CLASS_SLIDE_IN);
  5271. this.scalable = this.classList.contains('mui-scalable') && !this.slideIn;
  5272. this.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);
  5273. // !offCanvas && this.scroller.classList.remove(CLASS_TRANSITIONING);
  5274. // !offCanvas && this.scroller.setAttribute('style', '');
  5275. this.offCanvasLefts = this.wrapper.querySelectorAll('.' + CLASS_OFF_CANVAS_LEFT);
  5276. this.offCanvasRights = this.wrapper.querySelectorAll('.' + CLASS_OFF_CANVAS_RIGHT);
  5277. if (offCanvas) {
  5278. if (offCanvas.classList.contains(CLASS_OFF_CANVAS_LEFT)) {
  5279. this.offCanvasLeft = offCanvas;
  5280. } else if (offCanvas.classList.contains(CLASS_OFF_CANVAS_RIGHT)) {
  5281. this.offCanvasRight = offCanvas;
  5282. }
  5283. } else {
  5284. this.offCanvasRight = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT);
  5285. this.offCanvasLeft = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT);
  5286. }
  5287. this.offCanvasRightWidth = this.offCanvasLeftWidth = 0;
  5288. this.offCanvasLeftSlideIn = this.offCanvasRightSlideIn = false;
  5289. if (this.offCanvasRight) {
  5290. this.offCanvasRightWidth = this.offCanvasRight.offsetWidth;
  5291. this.offCanvasRightSlideIn = this.slideIn && (this.offCanvasRight.parentNode === this.wrapper);
  5292. // this.offCanvasRight.classList.remove(CLASS_TRANSITIONING);
  5293. // this.offCanvasRight.classList.remove(CLASS_ACTIVE);
  5294. // this.offCanvasRight.setAttribute('style', '');
  5295. }
  5296. if (this.offCanvasLeft) {
  5297. this.offCanvasLeftWidth = this.offCanvasLeft.offsetWidth;
  5298. this.offCanvasLeftSlideIn = this.slideIn && (this.offCanvasLeft.parentNode === this.wrapper);
  5299. // this.offCanvasLeft.classList.remove(CLASS_TRANSITIONING);
  5300. // this.offCanvasLeft.classList.remove(CLASS_ACTIVE);
  5301. // this.offCanvasLeft.setAttribute('style', '');
  5302. }
  5303. this.backdrop = this.scroller.querySelector('.' + CLASS_ACTION_BACKDROP);
  5304. this.options.dragThresholdX = this.options.dragThresholdX || 10;
  5305. this.visible = false;
  5306. this.startX = null;
  5307. this.lastX = null;
  5308. this.offsetX = null;
  5309. this.lastTranslateX = null;
  5310. },
  5311. handleEvent: function(e) {
  5312. switch (e.type) {
  5313. case $.EVENT_START:
  5314. e.target && !this._preventDefaultException(e.target, this.options.preventDefaultException) && e.preventDefault();
  5315. break;
  5316. case 'webkitTransitionEnd': //有个bug需要处理,需要考虑假设没有触发webkitTransitionEnd的情况
  5317. if (e.target === this.scroller) {
  5318. this._dispatchEvent();
  5319. }
  5320. break;
  5321. case 'drag':
  5322. var detail = e.detail;
  5323. if (!this.startX) {
  5324. this.startX = detail.center.x;
  5325. this.lastX = this.startX;
  5326. } else {
  5327. this.lastX = detail.center.x;
  5328. }
  5329. if (!this.isDragging && Math.abs(this.lastX - this.startX) > this.options.dragThresholdX && (detail.direction === 'left' || (detail.direction === 'right'))) {
  5330. if (this.slideIn) {
  5331. this.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);
  5332. if (this.classList.contains(CLASS_ACTIVE)) {
  5333. if (this.offCanvasRight && this.offCanvasRight.classList.contains(CLASS_ACTIVE)) {
  5334. this.offCanvas = this.offCanvasRight;
  5335. this.offCanvasWidth = this.offCanvasRightWidth;
  5336. } else {
  5337. this.offCanvas = this.offCanvasLeft;
  5338. this.offCanvasWidth = this.offCanvasLeftWidth;
  5339. }
  5340. } else {
  5341. if (detail.direction === 'left' && this.offCanvasRight) {
  5342. this.offCanvas = this.offCanvasRight;
  5343. this.offCanvasWidth = this.offCanvasRightWidth;
  5344. } else if (detail.direction === 'right' && this.offCanvasLeft) {
  5345. this.offCanvas = this.offCanvasLeft;
  5346. this.offCanvasWidth = this.offCanvasLeftWidth;
  5347. } else {
  5348. this.scroller = null;
  5349. }
  5350. }
  5351. } else {
  5352. if (this.classList.contains(CLASS_ACTIVE)) {
  5353. if (detail.direction === 'left') {
  5354. this.offCanvas = this.offCanvasLeft;
  5355. this.offCanvasWidth = this.offCanvasLeftWidth;
  5356. } else {
  5357. this.offCanvas = this.offCanvasRight;
  5358. this.offCanvasWidth = this.offCanvasRightWidth;
  5359. }
  5360. } else {
  5361. if (detail.direction === 'right') {
  5362. this.offCanvas = this.offCanvasLeft;
  5363. this.offCanvasWidth = this.offCanvasLeftWidth;
  5364. } else {
  5365. this.offCanvas = this.offCanvasRight;
  5366. this.offCanvasWidth = this.offCanvasRightWidth;
  5367. }
  5368. }
  5369. }
  5370. if (this.offCanvas && this.scroller) {
  5371. this.startX = this.lastX;
  5372. this.isDragging = true;
  5373. $.gestures.session.lockDirection = true; //锁定方向
  5374. $.gestures.session.startDirection = detail.direction;
  5375. this.offCanvas.classList.remove(CLASS_TRANSITIONING);
  5376. this.scroller.classList.remove(CLASS_TRANSITIONING);
  5377. this.offsetX = this.getTranslateX();
  5378. this._initOffCanvasVisible();
  5379. }
  5380. }
  5381. if (this.isDragging) {
  5382. this.updateTranslate(this.offsetX + (this.lastX - this.startX));
  5383. detail.gesture.preventDefault();
  5384. e.stopPropagation();
  5385. }
  5386. break;
  5387. case 'dragend':
  5388. if (this.isDragging) {
  5389. var detail = e.detail;
  5390. var direction = detail.direction;
  5391. this.isDragging = false;
  5392. this.offCanvas.classList.add(CLASS_TRANSITIONING);
  5393. this.scroller.classList.add(CLASS_TRANSITIONING);
  5394. var ratio = 0;
  5395. var x = this.getTranslateX();
  5396. if (!this.slideIn) {
  5397. if (x >= 0) {
  5398. ratio = (this.offCanvasLeftWidth && (x / this.offCanvasLeftWidth)) || 0;
  5399. } else {
  5400. ratio = (this.offCanvasRightWidth && (x / this.offCanvasRightWidth)) || 0;
  5401. }
  5402. if (ratio === 0) {
  5403. this.openPercentage(0);
  5404. this._dispatchEvent(); //此处不触发webkitTransitionEnd,所以手动dispatch
  5405. return;
  5406. }
  5407. if (direction === 'right' && ratio >= 0 && (ratio >= 0.5 || detail.swipe)) { //右滑打开
  5408. this.openPercentage(100);
  5409. } else if (direction === 'right' && ratio < 0 && (ratio > -0.5 || detail.swipe)) { //右滑关闭
  5410. this.openPercentage(0);
  5411. } else if (direction === 'right' && ratio > 0 && ratio < 0.5) { //右滑还原关闭
  5412. this.openPercentage(0);
  5413. } else if (direction === 'right' && ratio < 0.5) { //右滑还原打开
  5414. this.openPercentage(-100);
  5415. } else if (direction === 'left' && ratio <= 0 && (ratio <= -0.5 || detail.swipe)) { //左滑打开
  5416. this.openPercentage(-100);
  5417. } else if (direction === 'left' && ratio > 0 && (ratio <= 0.5 || detail.swipe)) { //左滑关闭
  5418. this.openPercentage(0);
  5419. } else if (direction === 'left' && ratio < 0 && ratio >= -0.5) { //左滑还原关闭
  5420. this.openPercentage(0);
  5421. } else if (direction === 'left' && ratio > 0.5) { //左滑还原打开
  5422. this.openPercentage(100);
  5423. } else { //默认关闭
  5424. this.openPercentage(0);
  5425. }
  5426. if (ratio === 1 || ratio === -1) { //此处不触发webkitTransitionEnd,所以手动dispatch
  5427. this._dispatchEvent();
  5428. }
  5429. } else {
  5430. if (x >= 0) {
  5431. ratio = (this.offCanvasRightWidth && (x / this.offCanvasRightWidth)) || 0;
  5432. } else {
  5433. ratio = (this.offCanvasLeftWidth && (x / this.offCanvasLeftWidth)) || 0;
  5434. }
  5435. if (direction === 'right' && ratio <= 0 && (ratio >= -0.5 || detail.swipe)) { //右滑打开
  5436. this.openPercentage(100);
  5437. } else if (direction === 'right' && ratio > 0 && (ratio >= 0.5 || detail.swipe)) { //右滑关闭
  5438. this.openPercentage(0);
  5439. } else if (direction === 'right' && ratio <= -0.5) { //右滑还原关闭
  5440. this.openPercentage(0);
  5441. } else if (direction === 'right' && ratio > 0 && ratio <= 0.5) { //右滑还原打开
  5442. this.openPercentage(-100);
  5443. } else if (direction === 'left' && ratio >= 0 && (ratio <= 0.5 || detail.swipe)) { //左滑打开
  5444. this.openPercentage(-100);
  5445. } else if (direction === 'left' && ratio < 0 && (ratio <= -0.5 || detail.swipe)) { //左滑关闭
  5446. this.openPercentage(0);
  5447. } else if (direction === 'left' && ratio >= 0.5) { //左滑还原关闭
  5448. this.openPercentage(0);
  5449. } else if (direction === 'left' && ratio >= -0.5 && ratio < 0) { //左滑还原打开
  5450. this.openPercentage(100);
  5451. } else {
  5452. this.openPercentage(0);
  5453. }
  5454. if (ratio === 1 || ratio === -1 || ratio === 0) {
  5455. this._dispatchEvent();
  5456. return;
  5457. }
  5458. }
  5459. }
  5460. break;
  5461. }
  5462. },
  5463. _dispatchEvent: function() {
  5464. if (this.classList.contains(CLASS_ACTIVE)) {
  5465. $.trigger(this.wrapper, 'shown', this);
  5466. } else {
  5467. $.trigger(this.wrapper, 'hidden', this);
  5468. }
  5469. },
  5470. _initOffCanvasVisible: function() {
  5471. if (!this.visible) {
  5472. this.visible = true;
  5473. if (this.offCanvasLeft) {
  5474. this.offCanvasLeft.style.visibility = 'visible';
  5475. }
  5476. if (this.offCanvasRight) {
  5477. this.offCanvasRight.style.visibility = 'visible';
  5478. }
  5479. }
  5480. },
  5481. initEvent: function() {
  5482. var self = this;
  5483. if (self.backdrop) {
  5484. self.backdrop.addEventListener('tap', function(e) {
  5485. self.close();
  5486. e.detail.gesture.preventDefault();
  5487. });
  5488. }
  5489. if (this.classList.contains('mui-draggable')) {
  5490. this.wrapper.addEventListener($.EVENT_START, this); //临时处理
  5491. this.wrapper.addEventListener('drag', this);
  5492. this.wrapper.addEventListener('dragend', this);
  5493. }
  5494. this.wrapper.addEventListener('webkitTransitionEnd', this);
  5495. },
  5496. openPercentage: function(percentage) {
  5497. var p = percentage / 100;
  5498. if (!this.slideIn) {
  5499. if (this.offCanvasLeft && percentage >= 0) {
  5500. this.updateTranslate(this.offCanvasLeftWidth * p);
  5501. this.offCanvasLeft.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
  5502. } else if (this.offCanvasRight && percentage <= 0) {
  5503. this.updateTranslate(this.offCanvasRightWidth * p);
  5504. this.offCanvasRight.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
  5505. }
  5506. this.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
  5507. } else {
  5508. if (this.offCanvasLeft && percentage >= 0) {
  5509. p = p === 0 ? -1 : 0;
  5510. this.updateTranslate(this.offCanvasLeftWidth * p);
  5511. this.offCanvasLeft.classList[percentage !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
  5512. } else if (this.offCanvasRight && percentage <= 0) {
  5513. p = p === 0 ? 1 : 0;
  5514. this.updateTranslate(this.offCanvasRightWidth * p);
  5515. this.offCanvasRight.classList[percentage !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
  5516. }
  5517. this.classList[percentage !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
  5518. }
  5519. },
  5520. updateTranslate: function(x) {
  5521. if (x !== this.lastTranslateX) {
  5522. if (!this.slideIn) {
  5523. if ((!this.offCanvasLeft && x > 0) || (!this.offCanvasRight && x < 0)) {
  5524. this.setTranslateX(0);
  5525. return;
  5526. }
  5527. if (this.leftShowing && x > this.offCanvasLeftWidth) {
  5528. this.setTranslateX(this.offCanvasLeftWidth);
  5529. return;
  5530. }
  5531. if (this.rightShowing && x < -this.offCanvasRightWidth) {
  5532. this.setTranslateX(-this.offCanvasRightWidth);
  5533. return;
  5534. }
  5535. this.setTranslateX(x);
  5536. if (x >= 0) {
  5537. this.leftShowing = true;
  5538. this.rightShowing = false;
  5539. if (x > 0) {
  5540. if (this.offCanvasLeft) {
  5541. $.each(this.offCanvasLefts, function(index, offCanvas) {
  5542. if (offCanvas === this.offCanvasLeft) {
  5543. this.offCanvasLeft.style.zIndex = 0;
  5544. } else {
  5545. offCanvas.style.zIndex = -1;
  5546. }
  5547. }.bind(this));
  5548. }
  5549. if (this.offCanvasRight) {
  5550. this.offCanvasRight.style.zIndex = -1;
  5551. }
  5552. }
  5553. } else {
  5554. this.rightShowing = true;
  5555. this.leftShowing = false;
  5556. if (this.offCanvasRight) {
  5557. $.each(this.offCanvasRights, function(index, offCanvas) {
  5558. if (offCanvas === this.offCanvasRight) {
  5559. offCanvas.style.zIndex = 0;
  5560. } else {
  5561. offCanvas.style.zIndex = -1;
  5562. }
  5563. }.bind(this));
  5564. }
  5565. if (this.offCanvasLeft) {
  5566. this.offCanvasLeft.style.zIndex = -1;
  5567. }
  5568. }
  5569. } else {
  5570. if (this.offCanvas.classList.contains(CLASS_OFF_CANVAS_RIGHT)) {
  5571. if (x < 0) {
  5572. this.setTranslateX(0);
  5573. return;
  5574. }
  5575. if (x > this.offCanvasRightWidth) {
  5576. this.setTranslateX(this.offCanvasRightWidth);
  5577. return;
  5578. }
  5579. } else {
  5580. if (x > 0) {
  5581. this.setTranslateX(0);
  5582. return;
  5583. }
  5584. if (x < -this.offCanvasLeftWidth) {
  5585. this.setTranslateX(-this.offCanvasLeftWidth);
  5586. return;
  5587. }
  5588. }
  5589. this.setTranslateX(x);
  5590. }
  5591. this.lastTranslateX = x;
  5592. }
  5593. },
  5594. setTranslateX: $.animationFrame(function(x) {
  5595. if (this.scroller) {
  5596. if (this.scalable && this.offCanvas.parentNode === this.wrapper) {
  5597. var percent = Math.abs(x) / this.offCanvasWidth;
  5598. var zoomOutScale = 1 - (1 - this.options.scale) * percent;
  5599. var zoomInScale = this.options.scale + (1 - this.options.scale) * percent;
  5600. var zoomOutOpacity = 1 - (1 - this.options.opacity) * percent;
  5601. var zoomInOpacity = this.options.opacity + (1 - this.options.opacity) * percent;
  5602. if (this.offCanvas.classList.contains(CLASS_OFF_CANVAS_LEFT)) {
  5603. this.offCanvas.style.webkitTransformOrigin = '-100%';
  5604. this.scroller.style.webkitTransformOrigin = 'left';
  5605. } else {
  5606. this.offCanvas.style.webkitTransformOrigin = '200%';
  5607. this.scroller.style.webkitTransformOrigin = 'right';
  5608. }
  5609. this.offCanvas.style.opacity = zoomInOpacity;
  5610. this.offCanvas.style.webkitTransform = 'translate3d(0,0,0) scale(' + zoomInScale + ')';
  5611. this.scroller.style.webkitTransform = 'translate3d(' + x + 'px,0,0) scale(' + zoomOutScale + ')';
  5612. } else {
  5613. if (this.slideIn) {
  5614. this.offCanvas.style.webkitTransform = 'translate3d(' + x + 'px,0,0)';
  5615. } else {
  5616. this.scroller.style.webkitTransform = 'translate3d(' + x + 'px,0,0)';
  5617. }
  5618. }
  5619. }
  5620. }),
  5621. getTranslateX: function() {
  5622. if (this.offCanvas) {
  5623. var scroller = this.slideIn ? this.offCanvas : this.scroller;
  5624. var result = $.parseTranslateMatrix($.getStyles(scroller, 'webkitTransform'));
  5625. return (result && result.x) || 0;
  5626. }
  5627. return 0;
  5628. },
  5629. isShown: function(direction) {
  5630. var shown = false;
  5631. if (!this.slideIn) {
  5632. var x = this.getTranslateX();
  5633. if (direction === 'right') {
  5634. shown = this.classList.contains(CLASS_ACTIVE) && x < 0;
  5635. } else if (direction === 'left') {
  5636. shown = this.classList.contains(CLASS_ACTIVE) && x > 0;
  5637. } else {
  5638. shown = this.classList.contains(CLASS_ACTIVE) && x !== 0;
  5639. }
  5640. } else {
  5641. if (direction === 'left') {
  5642. shown = this.classList.contains(CLASS_ACTIVE) && this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT + '.' + CLASS_ACTIVE);
  5643. } else if (direction === 'right') {
  5644. shown = this.classList.contains(CLASS_ACTIVE) && this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT + '.' + CLASS_ACTIVE);
  5645. } else {
  5646. shown = this.classList.contains(CLASS_ACTIVE) && (this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT + '.' + CLASS_ACTIVE) || this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT + '.' + CLASS_ACTIVE));
  5647. }
  5648. }
  5649. return shown;
  5650. },
  5651. close: function() {
  5652. this._initOffCanvasVisible();
  5653. this.offCanvas = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT + '.' + CLASS_ACTIVE) || this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT + '.' + CLASS_ACTIVE);
  5654. this.offCanvasWidth = this.offCanvas.offsetWidth;
  5655. if (this.scroller) {
  5656. this.offCanvas.offsetHeight;
  5657. this.offCanvas.classList.add(CLASS_TRANSITIONING);
  5658. this.scroller.classList.add(CLASS_TRANSITIONING);
  5659. this.openPercentage(0);
  5660. }
  5661. },
  5662. show: function(direction) {
  5663. this._initOffCanvasVisible();
  5664. if (this.isShown(direction)) {
  5665. return false;
  5666. }
  5667. if (!direction) {
  5668. direction = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT) ? 'right' : 'left';
  5669. }
  5670. if (direction === 'right') {
  5671. this.offCanvas = this.offCanvasRight;
  5672. this.offCanvasWidth = this.offCanvasRightWidth;
  5673. } else {
  5674. this.offCanvas = this.offCanvasLeft;
  5675. this.offCanvasWidth = this.offCanvasLeftWidth;
  5676. }
  5677. if (this.scroller) {
  5678. this.offCanvas.offsetHeight;
  5679. this.offCanvas.classList.add(CLASS_TRANSITIONING);
  5680. this.scroller.classList.add(CLASS_TRANSITIONING);
  5681. this.openPercentage(direction === 'left' ? 100 : -100);
  5682. }
  5683. return true;
  5684. },
  5685. toggle: function(directionOrOffCanvas) {
  5686. var direction = directionOrOffCanvas;
  5687. if (directionOrOffCanvas && directionOrOffCanvas.classList) {
  5688. direction = directionOrOffCanvas.classList.contains(CLASS_OFF_CANVAS_LEFT) ? 'left' : 'right';
  5689. this.refresh(directionOrOffCanvas);
  5690. }
  5691. if (!this.show(direction)) {
  5692. this.close();
  5693. }
  5694. }
  5695. });
  5696. //hash to offcanvas
  5697. var findOffCanvasContainer = function(target) {
  5698. parentNode = target.parentNode;
  5699. if (parentNode) {
  5700. if (parentNode.classList.contains(CLASS_OFF_CANVAS_WRAP)) {
  5701. return parentNode;
  5702. } else {
  5703. parentNode = parentNode.parentNode;
  5704. if (parentNode.classList.contains(CLASS_OFF_CANVAS_WRAP)) {
  5705. return parentNode;
  5706. }
  5707. }
  5708. }
  5709. };
  5710. var handle = function(event, target) {
  5711. if (target.tagName === 'A' && target.hash) {
  5712. var offcanvas = document.getElementById(target.hash.replace('#', ''));
  5713. if (offcanvas) {
  5714. var container = findOffCanvasContainer(offcanvas);
  5715. if (container) {
  5716. $.targets._container = container;
  5717. return offcanvas;
  5718. }
  5719. }
  5720. }
  5721. return false;
  5722. };
  5723. $.registerTarget({
  5724. name: name,
  5725. index: 60,
  5726. handle: handle,
  5727. target: false,
  5728. isReset: false,
  5729. isContinue: true
  5730. });
  5731. window.addEventListener('tap', function(e) {
  5732. if (!$.targets.offcanvas) {
  5733. return;
  5734. }
  5735. //TODO 此处类型的代码后续考虑统一优化(target机制),现在的实现费力不讨好
  5736. var target = e.target;
  5737. for (; target && target !== document; target = target.parentNode) {
  5738. if (target.tagName === 'A' && target.hash && target.hash === ('#' + $.targets.offcanvas.id)) {
  5739. e.detail && e.detail.gesture && e.detail.gesture.preventDefault(); //fixed hashchange
  5740. $($.targets._container).offCanvas().toggle($.targets.offcanvas);
  5741. $.targets.offcanvas = $.targets._container = null;
  5742. break;
  5743. }
  5744. }
  5745. });
  5746. $.fn.offCanvas = function(options) {
  5747. var offCanvasApis = [];
  5748. this.each(function() {
  5749. var offCanvasApi = null;
  5750. var self = this;
  5751. //hack old version
  5752. if (!self.classList.contains(CLASS_OFF_CANVAS_WRAP)) {
  5753. self = findOffCanvasContainer(self);
  5754. }
  5755. var id = self.getAttribute('data-offCanvas');
  5756. if (!id) {
  5757. id = ++$.uuid;
  5758. $.data[id] = offCanvasApi = new OffCanvas(self, options);
  5759. self.setAttribute('data-offCanvas', id);
  5760. } else {
  5761. offCanvasApi = $.data[id];
  5762. }
  5763. if (options === 'show' || options === 'close' || options === 'toggle') {
  5764. offCanvasApi.toggle();
  5765. }
  5766. offCanvasApis.push(offCanvasApi);
  5767. });
  5768. return offCanvasApis.length === 1 ? offCanvasApis[0] : offCanvasApis;
  5769. };
  5770. $.ready(function() {
  5771. $('.mui-off-canvas-wrap').offCanvas();
  5772. });
  5773. })(mui, window, document, 'offcanvas');
  5774. /**
  5775. * actions
  5776. * @param {type} $
  5777. * @param {type} name
  5778. * @returns {undefined}
  5779. */
  5780. (function($, name) {
  5781. var CLASS_ACTION = 'mui-action';
  5782. var handle = function(event, target) {
  5783. var className = target.className || '';
  5784. if (typeof className !== 'string') { //svg className(SVGAnimatedString)
  5785. className = '';
  5786. }
  5787. if (className && ~className.indexOf(CLASS_ACTION)) {
  5788. if (target.classList.contains('mui-action-back')) {
  5789. event.preventDefault();
  5790. }
  5791. return target;
  5792. }
  5793. return false;
  5794. };
  5795. $.registerTarget({
  5796. name: name,
  5797. index: 50,
  5798. handle: handle,
  5799. target: false,
  5800. isContinue: true
  5801. });
  5802. })(mui, 'action');
  5803. /**
  5804. * Modals
  5805. * @param {type} $
  5806. * @param {type} window
  5807. * @param {type} document
  5808. * @param {type} name
  5809. * @returns {undefined}
  5810. */
  5811. (function($, window, document, name) {
  5812. var CLASS_MODAL = 'mui-modal';
  5813. var handle = function(event, target) {
  5814. if (target.tagName === 'A' && target.hash) {
  5815. var modal = document.getElementById(target.hash.replace('#', ''));
  5816. if (modal && modal.classList.contains(CLASS_MODAL)) {
  5817. return modal;
  5818. }
  5819. }
  5820. return false;
  5821. };
  5822. $.registerTarget({
  5823. name: name,
  5824. index: 50,
  5825. handle: handle,
  5826. target: false,
  5827. isReset: false,
  5828. isContinue: true
  5829. });
  5830. window.addEventListener('tap', function(event) {
  5831. if ($.targets.modal) {
  5832. event.detail.gesture.preventDefault(); //fixed hashchange
  5833. $.targets.modal.classList.toggle('mui-active');
  5834. }
  5835. });
  5836. })(mui, window, document, 'modal');
  5837. /**
  5838. * Popovers
  5839. * @param {type} $
  5840. * @param {type} window
  5841. * @param {type} document
  5842. * @param {type} name
  5843. * @param {type} undefined
  5844. * @returns {undefined}
  5845. */
  5846. (function($, window, document, name) {
  5847. var CLASS_POPOVER = 'mui-popover';
  5848. var CLASS_POPOVER_ARROW = 'mui-popover-arrow';
  5849. var CLASS_ACTION_POPOVER = 'mui-popover-action';
  5850. var CLASS_BACKDROP = 'mui-backdrop';
  5851. var CLASS_BAR_POPOVER = 'mui-bar-popover';
  5852. var CLASS_BAR_BACKDROP = 'mui-bar-backdrop';
  5853. var CLASS_ACTION_BACKDROP = 'mui-backdrop-action';
  5854. var CLASS_ACTIVE = 'mui-active';
  5855. var CLASS_BOTTOM = 'mui-bottom';
  5856. var handle = function(event, target) {
  5857. if (target.tagName === 'A' && target.hash) {
  5858. $.targets._popover = document.getElementById(target.hash.replace('#', ''));
  5859. if ($.targets._popover && $.targets._popover.classList.contains(CLASS_POPOVER)) {
  5860. return target;
  5861. } else {
  5862. $.targets._popover = null;
  5863. }
  5864. }
  5865. return false;
  5866. };
  5867. $.registerTarget({
  5868. name: name,
  5869. index: 60,
  5870. handle: handle,
  5871. target: false,
  5872. isReset: false,
  5873. isContinue: true
  5874. });
  5875. var onPopoverShown = function(e) {
  5876. this.removeEventListener('webkitTransitionEnd', onPopoverShown);
  5877. this.addEventListener($.EVENT_MOVE, $.preventDefault);
  5878. $.trigger(this, 'shown', this);
  5879. }
  5880. var onPopoverHidden = function(e) {
  5881. setStyle(this, 'none');
  5882. this.removeEventListener('webkitTransitionEnd', onPopoverHidden);
  5883. this.removeEventListener($.EVENT_MOVE, $.preventDefault);
  5884. $.trigger(this, 'hidden', this);
  5885. };
  5886. var backdrop = (function() {
  5887. var element = document.createElement('div');
  5888. element.classList.add(CLASS_BACKDROP);
  5889. element.addEventListener($.EVENT_MOVE, $.preventDefault);
  5890. element.addEventListener('tap', function(e) {
  5891. var popover = $.targets._popover;
  5892. if (popover) {
  5893. popover.addEventListener('webkitTransitionEnd', onPopoverHidden);
  5894. popover.classList.remove(CLASS_ACTIVE);
  5895. removeBackdrop(popover);
  5896. }
  5897. });
  5898. return element;
  5899. }());
  5900. var removeBackdropTimer;
  5901. var removeBackdrop = function(popover) {
  5902. backdrop.setAttribute('style', 'opacity:0');
  5903. $.targets.popover = $.targets._popover = null; //reset
  5904. removeBackdropTimer = $.later(function() {
  5905. if (!popover.classList.contains(CLASS_ACTIVE) && backdrop.parentNode && backdrop.parentNode === document.body) {
  5906. document.body.removeChild(backdrop);
  5907. }
  5908. }, 350);
  5909. };
  5910. window.addEventListener('tap', function(e) {
  5911. if (!$.targets.popover) {
  5912. return;
  5913. }
  5914. var toggle = false;
  5915. var target = e.target;
  5916. for (; target && target !== document; target = target.parentNode) {
  5917. if (target === $.targets.popover) {
  5918. toggle = true;
  5919. }
  5920. }
  5921. if (toggle) {
  5922. e.detail.gesture.preventDefault(); //fixed hashchange
  5923. togglePopover($.targets._popover, $.targets.popover);
  5924. }
  5925. });
  5926. var togglePopover = function(popover, anchor, state) {
  5927. if ((state === 'show' && popover.classList.contains(CLASS_ACTIVE)) || (state === 'hide' && !popover.classList.contains(CLASS_ACTIVE))) {
  5928. return;
  5929. }
  5930. removeBackdropTimer && removeBackdropTimer.cancel(); //取消remove的timer
  5931. //remove一遍,以免来回快速切换,导致webkitTransitionEnd不触发,无法remove
  5932. popover.removeEventListener('webkitTransitionEnd', onPopoverShown);
  5933. popover.removeEventListener('webkitTransitionEnd', onPopoverHidden);
  5934. backdrop.classList.remove(CLASS_BAR_BACKDROP);
  5935. backdrop.classList.remove(CLASS_ACTION_BACKDROP);
  5936. var _popover = document.querySelector('.mui-popover.mui-active');
  5937. if (_popover) {
  5938. // _popover.setAttribute('style', '');
  5939. _popover.addEventListener('webkitTransitionEnd', onPopoverHidden);
  5940. _popover.classList.remove(CLASS_ACTIVE);
  5941. // _popover.removeEventListener('webkitTransitionEnd', onPopoverHidden);
  5942. //同一个弹出则直接返回,解决同一个popover的toggle
  5943. if (popover === _popover) {
  5944. removeBackdrop(_popover);
  5945. return;
  5946. }
  5947. }
  5948. var isActionSheet = false;
  5949. if (popover.classList.contains(CLASS_BAR_POPOVER) || popover.classList.contains(CLASS_ACTION_POPOVER)) { //navBar
  5950. if (popover.classList.contains(CLASS_ACTION_POPOVER)) { //action sheet popover
  5951. isActionSheet = true;
  5952. backdrop.classList.add(CLASS_ACTION_BACKDROP);
  5953. } else { //bar popover
  5954. backdrop.classList.add(CLASS_BAR_BACKDROP);
  5955. // if (anchor) {
  5956. // if (anchor.parentNode) {
  5957. // var offsetWidth = anchor.offsetWidth;
  5958. // var offsetLeft = anchor.offsetLeft;
  5959. // var innerWidth = window.innerWidth;
  5960. // popover.style.left = (Math.min(Math.max(offsetLeft, defaultPadding), innerWidth - offsetWidth - defaultPadding)) + "px";
  5961. // } else {
  5962. // //TODO anchor is position:{left,top,bottom,right}
  5963. // }
  5964. // }
  5965. }
  5966. }
  5967. setStyle(popover, 'block'); //actionsheet transform
  5968. popover.offsetHeight;
  5969. popover.classList.add(CLASS_ACTIVE);
  5970. backdrop.setAttribute('style', '');
  5971. document.body.appendChild(backdrop);
  5972. calPosition(popover, anchor, isActionSheet); //position
  5973. backdrop.classList.add(CLASS_ACTIVE);
  5974. popover.addEventListener('webkitTransitionEnd', onPopoverShown);
  5975. };
  5976. var setStyle = function(popover, display, top, left) {
  5977. var style = popover.style;
  5978. if (typeof display !== 'undefined')
  5979. style.display = display;
  5980. if (typeof top !== 'undefined')
  5981. style.top = top + 'px';
  5982. if (typeof left !== 'undefined')
  5983. style.left = left + 'px';
  5984. };
  5985. var calPosition = function(popover, anchor, isActionSheet) {
  5986. if (!popover || !anchor) {
  5987. return;
  5988. }
  5989. if (isActionSheet) { //actionsheet
  5990. setStyle(popover, 'block')
  5991. return;
  5992. }
  5993. var wWidth = window.innerWidth;
  5994. var wHeight = window.innerHeight;
  5995. var pWidth = popover.offsetWidth;
  5996. var pHeight = popover.offsetHeight;
  5997. var aWidth = anchor.offsetWidth;
  5998. var aHeight = anchor.offsetHeight;
  5999. var offset = $.offset(anchor);
  6000. var arrow = popover.querySelector('.' + CLASS_POPOVER_ARROW);
  6001. if (!arrow) {
  6002. arrow = document.createElement('div');
  6003. arrow.className = CLASS_POPOVER_ARROW;
  6004. popover.appendChild(arrow);
  6005. }
  6006. var arrowSize = arrow && arrow.offsetWidth / 2 || 0;
  6007. var pTop = 0;
  6008. var pLeft = 0;
  6009. var diff = 0;
  6010. var arrowLeft = 0;
  6011. var defaultPadding = popover.classList.contains(CLASS_ACTION_POPOVER) ? 0 : 5;
  6012. var position = 'top';
  6013. if ((pHeight + arrowSize) < (offset.top - window.pageYOffset)) { //top
  6014. pTop = offset.top - pHeight - arrowSize;
  6015. } else if ((pHeight + arrowSize) < (wHeight - (offset.top - window.pageYOffset) - aHeight)) { //bottom
  6016. position = 'bottom';
  6017. pTop = offset.top + aHeight + arrowSize;
  6018. } else { //middle
  6019. position = 'middle';
  6020. pTop = Math.max((wHeight - pHeight) / 2 + window.pageYOffset, 0);
  6021. pLeft = Math.max((wWidth - pWidth) / 2 + window.pageXOffset, 0);
  6022. }
  6023. if (position === 'top' || position === 'bottom') {
  6024. pLeft = aWidth / 2 + offset.left - pWidth / 2;
  6025. diff = pLeft;
  6026. if (pLeft < defaultPadding) pLeft = defaultPadding;
  6027. if (pLeft + pWidth > wWidth) pLeft = wWidth - pWidth - defaultPadding;
  6028. if (arrow) {
  6029. if (position === 'top') {
  6030. arrow.classList.add(CLASS_BOTTOM);
  6031. } else {
  6032. arrow.classList.remove(CLASS_BOTTOM);
  6033. }
  6034. diff = diff - pLeft;
  6035. arrowLeft = (pWidth / 2 - arrowSize / 2 + diff);
  6036. arrowLeft = Math.max(Math.min(arrowLeft, pWidth - arrowSize * 2 - 6), 6);
  6037. arrow.setAttribute('style', 'left:' + arrowLeft + 'px');
  6038. }
  6039. } else if (position === 'middle') {
  6040. arrow.setAttribute('style', 'display:none');
  6041. }
  6042. setStyle(popover, 'block', pTop, pLeft);
  6043. };
  6044. $.createMask = function(callback) {
  6045. var element = document.createElement('div');
  6046. element.classList.add(CLASS_BACKDROP);
  6047. element.addEventListener($.EVENT_MOVE, $.preventDefault);
  6048. element.addEventListener('tap', function() {
  6049. mask.close();
  6050. });
  6051. var mask = [element];
  6052. mask._show = false;
  6053. mask.show = function() {
  6054. mask._show = true;
  6055. element.setAttribute('style', 'opacity:1');
  6056. document.body.appendChild(element);
  6057. return mask;
  6058. };
  6059. mask._remove = function() {
  6060. if (mask._show) {
  6061. mask._show = false;
  6062. element.setAttribute('style', 'opacity:0');
  6063. $.later(function() {
  6064. var body = document.body;
  6065. element.parentNode === body && body.removeChild(element);
  6066. }, 350);
  6067. }
  6068. return mask;
  6069. };
  6070. mask.close = function() {
  6071. if (callback) {
  6072. if (callback() !== false) {
  6073. mask._remove();
  6074. }
  6075. } else {
  6076. mask._remove();
  6077. }
  6078. };
  6079. return mask;
  6080. };
  6081. $.fn.popover = function() {
  6082. var args = arguments;
  6083. this.each(function() {
  6084. $.targets._popover = this;
  6085. if (args[0] === 'show' || args[0] === 'hide' || args[0] === 'toggle') {
  6086. togglePopover(this, args[1], args[0]);
  6087. }
  6088. });
  6089. };
  6090. })(mui, window, document, 'popover');
  6091. /**
  6092. * segmented-controllers
  6093. * @param {type} $
  6094. * @param {type} window
  6095. * @param {type} document
  6096. * @param {type} undefined
  6097. * @returns {undefined}
  6098. */
  6099. (function($, window, document, name, undefined) {
  6100. var CLASS_CONTROL_ITEM = 'mui-control-item';
  6101. var CLASS_SEGMENTED_CONTROL = 'mui-segmented-control';
  6102. var CLASS_SEGMENTED_CONTROL_VERTICAL = 'mui-segmented-control-vertical';
  6103. var CLASS_CONTROL_CONTENT = 'mui-control-content';
  6104. var CLASS_TAB_BAR = 'mui-bar-tab';
  6105. var CLASS_TAB_ITEM = 'mui-tab-item';
  6106. var CLASS_SLIDER_ITEM = 'mui-slider-item';
  6107. var handle = function(event, target) {
  6108. if (target.classList && (target.classList.contains(CLASS_CONTROL_ITEM) || target.classList.contains(CLASS_TAB_ITEM))) {
  6109. if (target.parentNode && target.parentNode.classList && target.parentNode.classList.contains(CLASS_SEGMENTED_CONTROL_VERTICAL)) {
  6110. //vertical 如果preventDefault会导致无法滚动
  6111. } else {
  6112. // event.preventDefault();
  6113. if(target.tagName == 'A') {
  6114. // fixed 底部选项卡href 无法跳转 && stop hash change
  6115. var curr_href = location.hostname + location.pathname,
  6116. target_href = target.hostname + target.pathname;
  6117. if (curr_href == target_href && target.hash !== "") {
  6118. event.preventDefault();
  6119. }
  6120. return false
  6121. }
  6122. return false
  6123. }
  6124. // if (target.hash) {
  6125. return target;
  6126. // }
  6127. }
  6128. return false;
  6129. };
  6130. $.registerTarget({
  6131. name: name,
  6132. index: 80,
  6133. handle: handle,
  6134. target: false
  6135. });
  6136. window.addEventListener('tap', function(e) {
  6137. var targetTab = $.targets.tab;
  6138. if (!targetTab) {
  6139. return;
  6140. }
  6141. var activeTab;
  6142. var activeBodies;
  6143. var targetBody;
  6144. var className = 'mui-active';
  6145. var classSelector = '.' + className;
  6146. var segmentedControl = targetTab.parentNode;
  6147. for (; segmentedControl && segmentedControl !== document; segmentedControl = segmentedControl.parentNode) {
  6148. if (segmentedControl.classList.contains(CLASS_SEGMENTED_CONTROL)) {
  6149. activeTab = segmentedControl.querySelector(classSelector + '.' + CLASS_CONTROL_ITEM);
  6150. break;
  6151. } else if (segmentedControl.classList.contains(CLASS_TAB_BAR)) {
  6152. activeTab = segmentedControl.querySelector(classSelector + '.' + CLASS_TAB_ITEM);
  6153. }
  6154. }
  6155. if (activeTab) {
  6156. activeTab.classList.remove(className);
  6157. }
  6158. var isLastActive = targetTab === activeTab;
  6159. if (targetTab) {
  6160. targetTab.classList.add(className);
  6161. }
  6162. if (!targetTab.hash) {
  6163. return;
  6164. }
  6165. targetBody = document.getElementById(targetTab.hash.replace('#', ''));
  6166. if (!targetBody) {
  6167. return;
  6168. }
  6169. if (!targetBody.classList.contains(CLASS_CONTROL_CONTENT)) { //tab bar popover
  6170. targetTab.classList[isLastActive ? 'remove' : 'add'](className);
  6171. return;
  6172. }
  6173. if (isLastActive) { //same
  6174. return;
  6175. }
  6176. var parentNode = targetBody.parentNode;
  6177. activeBodies = parentNode.querySelectorAll('.' + CLASS_CONTROL_CONTENT + classSelector);
  6178. for (var i = 0; i < activeBodies.length; i++) {
  6179. var activeBody = activeBodies[i];
  6180. activeBody.parentNode === parentNode && activeBody.classList.remove(className);
  6181. }
  6182. targetBody.classList.add(className);
  6183. var contents = [];
  6184. var _contents = parentNode.querySelectorAll('.' + CLASS_CONTROL_CONTENT);
  6185. for (var i = 0; i < _contents.length; i++) { //查找直属子节点
  6186. _contents[i].parentNode === parentNode && (contents.push(_contents[i]));
  6187. }
  6188. $.trigger(targetBody, $.eventName('shown', name), {
  6189. tabNumber: Array.prototype.indexOf.call(contents, targetBody)
  6190. });
  6191. e.detail && e.detail.gesture.preventDefault(); //fixed hashchange
  6192. });
  6193. })(mui, window, document, 'tab');
  6194. /**
  6195. * Toggles switch
  6196. * @param {type} $
  6197. * @param {type} window
  6198. * @param {type} name
  6199. * @returns {undefined}
  6200. */
  6201. (function($, window, name) {
  6202. var CLASS_SWITCH = 'mui-switch';
  6203. var CLASS_SWITCH_HANDLE = 'mui-switch-handle';
  6204. var CLASS_ACTIVE = 'mui-active';
  6205. var CLASS_DRAGGING = 'mui-dragging';
  6206. var CLASS_DISABLED = 'mui-disabled';
  6207. var SELECTOR_SWITCH_HANDLE = '.' + CLASS_SWITCH_HANDLE;
  6208. var handle = function(event, target) {
  6209. if (target.classList && target.classList.contains(CLASS_SWITCH)) {
  6210. return target;
  6211. }
  6212. return false;
  6213. };
  6214. $.registerTarget({
  6215. name: name,
  6216. index: 100,
  6217. handle: handle,
  6218. target: false
  6219. });
  6220. var Toggle = function(element) {
  6221. this.element = element;
  6222. this.classList = this.element.classList;
  6223. this.handle = this.element.querySelector(SELECTOR_SWITCH_HANDLE);
  6224. this.init();
  6225. this.initEvent();
  6226. };
  6227. Toggle.prototype.init = function() {
  6228. this.toggleWidth = this.element.offsetWidth;
  6229. this.handleWidth = this.handle.offsetWidth;
  6230. this.handleX = this.toggleWidth - this.handleWidth - 3;
  6231. };
  6232. Toggle.prototype.initEvent = function() {
  6233. this.element.addEventListener($.EVENT_START, this);
  6234. this.element.addEventListener('drag', this);
  6235. this.element.addEventListener('swiperight', this);
  6236. this.element.addEventListener($.EVENT_END, this);
  6237. this.element.addEventListener($.EVENT_CANCEL, this);
  6238. };
  6239. Toggle.prototype.handleEvent = function(e) {
  6240. if (this.classList.contains(CLASS_DISABLED)) {
  6241. return;
  6242. }
  6243. switch (e.type) {
  6244. case $.EVENT_START:
  6245. this.start(e);
  6246. break;
  6247. case 'drag':
  6248. this.drag(e);
  6249. break;
  6250. case 'swiperight':
  6251. this.swiperight();
  6252. break;
  6253. case $.EVENT_END:
  6254. case $.EVENT_CANCEL:
  6255. this.end(e);
  6256. break;
  6257. }
  6258. };
  6259. Toggle.prototype.start = function(e) {
  6260. this.handle.style.webkitTransitionDuration = this.element.style.webkitTransitionDuration = '.2s';
  6261. this.classList.add(CLASS_DRAGGING);
  6262. if (this.toggleWidth === 0 || this.handleWidth === 0) { //当switch处于隐藏状态时,width为0,需要重新初始化
  6263. this.init();
  6264. }
  6265. };
  6266. Toggle.prototype.drag = function(e) {
  6267. var detail = e.detail;
  6268. if (!this.isDragging) {
  6269. if (detail.direction === 'left' || detail.direction === 'right') {
  6270. this.isDragging = true;
  6271. this.lastChanged = undefined;
  6272. this.initialState = this.classList.contains(CLASS_ACTIVE);
  6273. }
  6274. }
  6275. if (this.isDragging) {
  6276. this.setTranslateX(detail.deltaX);
  6277. e.stopPropagation();
  6278. detail.gesture.preventDefault();
  6279. }
  6280. };
  6281. Toggle.prototype.swiperight = function(e) {
  6282. if (this.isDragging) {
  6283. e.stopPropagation();
  6284. }
  6285. };
  6286. Toggle.prototype.end = function(e) {
  6287. this.classList.remove(CLASS_DRAGGING);
  6288. if (this.isDragging) {
  6289. this.isDragging = false;
  6290. e.stopPropagation();
  6291. $.trigger(this.element, 'toggle', {
  6292. isActive: this.classList.contains(CLASS_ACTIVE)
  6293. });
  6294. } else {
  6295. this.toggle();
  6296. }
  6297. };
  6298. Toggle.prototype.toggle = function(animate) {
  6299. var classList = this.classList;
  6300. if (animate === false) {
  6301. this.handle.style.webkitTransitionDuration = this.element.style.webkitTransitionDuration = '0s';
  6302. } else {
  6303. this.handle.style.webkitTransitionDuration = this.element.style.webkitTransitionDuration = '.2s';
  6304. }
  6305. if (classList.contains(CLASS_ACTIVE)) {
  6306. classList.remove(CLASS_ACTIVE);
  6307. this.handle.style.webkitTransform = 'translate(0,0)';
  6308. } else {
  6309. classList.add(CLASS_ACTIVE);
  6310. this.handle.style.webkitTransform = 'translate(' + this.handleX + 'px,0)';
  6311. }
  6312. $.trigger(this.element, 'toggle', {
  6313. isActive: this.classList.contains(CLASS_ACTIVE)
  6314. });
  6315. };
  6316. Toggle.prototype.setTranslateX = $.animationFrame(function(x) {
  6317. if (!this.isDragging) {
  6318. return;
  6319. }
  6320. var isChanged = false;
  6321. if ((this.initialState && -x > (this.handleX / 2)) || (!this.initialState && x > (this.handleX / 2))) {
  6322. isChanged = true;
  6323. }
  6324. if (this.lastChanged !== isChanged) {
  6325. if (isChanged) {
  6326. this.handle.style.webkitTransform = 'translate(' + (this.initialState ? 0 : this.handleX) + 'px,0)';
  6327. this.classList[this.initialState ? 'remove' : 'add'](CLASS_ACTIVE);
  6328. } else {
  6329. this.handle.style.webkitTransform = 'translate(' + (this.initialState ? this.handleX : 0) + 'px,0)';
  6330. this.classList[this.initialState ? 'add' : 'remove'](CLASS_ACTIVE);
  6331. }
  6332. this.lastChanged = isChanged;
  6333. }
  6334. });
  6335. $.fn['switch'] = function(options) {
  6336. var switchApis = [];
  6337. this.each(function() {
  6338. var switchApi = null;
  6339. var id = this.getAttribute('data-switch');
  6340. if (!id) {
  6341. id = ++$.uuid;
  6342. $.data[id] = new Toggle(this);
  6343. this.setAttribute('data-switch', id);
  6344. } else {
  6345. switchApi = $.data[id];
  6346. }
  6347. switchApis.push(switchApi);
  6348. });
  6349. return switchApis.length > 1 ? switchApis : switchApis[0];
  6350. };
  6351. $.ready(function() {
  6352. $('.' + CLASS_SWITCH)['switch']();
  6353. });
  6354. })(mui, window, 'toggle');
  6355. /**
  6356. * Tableviews
  6357. * @param {type} $
  6358. * @param {type} window
  6359. * @param {type} document
  6360. * @returns {undefined}
  6361. */
  6362. (function($, window, document) {
  6363. var CLASS_ACTIVE = 'mui-active';
  6364. var CLASS_SELECTED = 'mui-selected';
  6365. var CLASS_GRID_VIEW = 'mui-grid-view';
  6366. var CLASS_RADIO_VIEW = 'mui-table-view-radio';
  6367. var CLASS_TABLE_VIEW_CELL = 'mui-table-view-cell';
  6368. var CLASS_COLLAPSE_CONTENT = 'mui-collapse-content';
  6369. var CLASS_DISABLED = 'mui-disabled';
  6370. var CLASS_TOGGLE = 'mui-switch';
  6371. var CLASS_BTN = 'mui-btn';
  6372. var CLASS_SLIDER_HANDLE = 'mui-slider-handle';
  6373. var CLASS_SLIDER_LEFT = 'mui-slider-left';
  6374. var CLASS_SLIDER_RIGHT = 'mui-slider-right';
  6375. var CLASS_TRANSITIONING = 'mui-transitioning';
  6376. var SELECTOR_SLIDER_HANDLE = '.' + CLASS_SLIDER_HANDLE;
  6377. var SELECTOR_SLIDER_LEFT = '.' + CLASS_SLIDER_LEFT;
  6378. var SELECTOR_SLIDER_RIGHT = '.' + CLASS_SLIDER_RIGHT;
  6379. var SELECTOR_SELECTED = '.' + CLASS_SELECTED;
  6380. var SELECTOR_BUTTON = '.' + CLASS_BTN;
  6381. var overFactor = 0.8;
  6382. var cell, a;
  6383. var isMoved = isOpened = openedActions = progress = false;
  6384. var sliderHandle = sliderActionLeft = sliderActionRight = buttonsLeft = buttonsRight = sliderDirection = sliderRequestAnimationFrame = false;
  6385. var timer = translateX = lastTranslateX = sliderActionLeftWidth = sliderActionRightWidth = 0;
  6386. var toggleActive = function(isActive) {
  6387. if (isActive) {
  6388. if (a) {
  6389. a.classList.add(CLASS_ACTIVE);
  6390. } else if (cell) {
  6391. cell.classList.add(CLASS_ACTIVE);
  6392. }
  6393. } else {
  6394. timer && timer.cancel();
  6395. if (a) {
  6396. a.classList.remove(CLASS_ACTIVE);
  6397. } else if (cell) {
  6398. cell.classList.remove(CLASS_ACTIVE);
  6399. }
  6400. }
  6401. };
  6402. var updateTranslate = function() {
  6403. if (translateX !== lastTranslateX) {
  6404. if (buttonsRight && buttonsRight.length > 0) {
  6405. progress = translateX / sliderActionRightWidth;
  6406. if (translateX < -sliderActionRightWidth) {
  6407. translateX = -sliderActionRightWidth - Math.pow(-translateX - sliderActionRightWidth, overFactor);
  6408. }
  6409. for (var i = 0, len = buttonsRight.length; i < len; i++) {
  6410. var buttonRight = buttonsRight[i];
  6411. if (typeof buttonRight._buttonOffset === 'undefined') {
  6412. buttonRight._buttonOffset = buttonRight.offsetLeft;
  6413. }
  6414. buttonOffset = buttonRight._buttonOffset;
  6415. setTranslate(buttonRight, (translateX - buttonOffset * (1 + Math.max(progress, -1))));
  6416. }
  6417. }
  6418. if (buttonsLeft && buttonsLeft.length > 0) {
  6419. progress = translateX / sliderActionLeftWidth;
  6420. if (translateX > sliderActionLeftWidth) {
  6421. translateX = sliderActionLeftWidth + Math.pow(translateX - sliderActionLeftWidth, overFactor);
  6422. }
  6423. for (var i = 0, len = buttonsLeft.length; i < len; i++) {
  6424. var buttonLeft = buttonsLeft[i];
  6425. if (typeof buttonLeft._buttonOffset === 'undefined') {
  6426. buttonLeft._buttonOffset = sliderActionLeftWidth - buttonLeft.offsetLeft - buttonLeft.offsetWidth;
  6427. }
  6428. buttonOffset = buttonLeft._buttonOffset;
  6429. if (buttonsLeft.length > 1) {
  6430. buttonLeft.style.zIndex = buttonsLeft.length - i;
  6431. }
  6432. setTranslate(buttonLeft, (translateX + buttonOffset * (1 - Math.min(progress, 1))));
  6433. }
  6434. }
  6435. setTranslate(sliderHandle, translateX);
  6436. lastTranslateX = translateX;
  6437. }
  6438. sliderRequestAnimationFrame = requestAnimationFrame(function() {
  6439. updateTranslate();
  6440. });
  6441. };
  6442. var setTranslate = function(element, x) {
  6443. if (element) {
  6444. element.style.webkitTransform = 'translate(' + x + 'px,0)';
  6445. }
  6446. };
  6447. window.addEventListener($.EVENT_START, function(event) {
  6448. if (cell) {
  6449. toggleActive(false);
  6450. }
  6451. cell = a = false;
  6452. isMoved = isOpened = openedActions = false;
  6453. var target = event.target;
  6454. var isDisabled = false;
  6455. for (; target && target !== document; target = target.parentNode) {
  6456. if (target.classList) {
  6457. var classList = target.classList;
  6458. if ((target.tagName === 'INPUT' && target.type !== 'radio' && target.type !== 'checkbox') || target.tagName === 'BUTTON' || classList.contains(CLASS_TOGGLE) || classList.contains(CLASS_BTN) || classList.contains(CLASS_DISABLED)) {
  6459. isDisabled = true;
  6460. }
  6461. if (classList.contains(CLASS_COLLAPSE_CONTENT)) { //collapse content
  6462. break;
  6463. }
  6464. if (classList.contains(CLASS_TABLE_VIEW_CELL)) {
  6465. cell = target;
  6466. //TODO swipe to delete close
  6467. var selected = cell.parentNode.querySelector(SELECTOR_SELECTED);
  6468. if (!cell.parentNode.classList.contains(CLASS_RADIO_VIEW) && selected && selected !== cell) {
  6469. $.swipeoutClose(selected);
  6470. cell = isDisabled = false;
  6471. return;
  6472. }
  6473. if (!cell.parentNode.classList.contains(CLASS_GRID_VIEW)) {
  6474. var link = cell.querySelector('a');
  6475. if (link && link.parentNode === cell) { //li>a
  6476. a = link;
  6477. }
  6478. }
  6479. var handle = cell.querySelector(SELECTOR_SLIDER_HANDLE);
  6480. if (handle) {
  6481. toggleEvents(cell);
  6482. event.stopPropagation();
  6483. }
  6484. if (!isDisabled) {
  6485. if (handle) {
  6486. if (timer) {
  6487. timer.cancel();
  6488. }
  6489. timer = $.later(function() {
  6490. toggleActive(true);
  6491. }, 100);
  6492. } else {
  6493. toggleActive(true);
  6494. }
  6495. }
  6496. break;
  6497. }
  6498. }
  6499. }
  6500. });
  6501. window.addEventListener($.EVENT_MOVE, function(event) {
  6502. toggleActive(false);
  6503. });
  6504. var handleEvent = {
  6505. handleEvent: function(event) {
  6506. switch (event.type) {
  6507. case 'drag':
  6508. this.drag(event);
  6509. break;
  6510. case 'dragend':
  6511. this.dragend(event);
  6512. break;
  6513. case 'flick':
  6514. this.flick(event);
  6515. break;
  6516. case 'swiperight':
  6517. this.swiperight(event);
  6518. break;
  6519. case 'swipeleft':
  6520. this.swipeleft(event);
  6521. break;
  6522. }
  6523. },
  6524. drag: function(event) {
  6525. if (!cell) {
  6526. return;
  6527. }
  6528. if (!isMoved) { //init
  6529. sliderHandle = sliderActionLeft = sliderActionRight = buttonsLeft = buttonsRight = sliderDirection = sliderRequestAnimationFrame = false;
  6530. sliderHandle = cell.querySelector(SELECTOR_SLIDER_HANDLE);
  6531. if (sliderHandle) {
  6532. sliderActionLeft = cell.querySelector(SELECTOR_SLIDER_LEFT);
  6533. sliderActionRight = cell.querySelector(SELECTOR_SLIDER_RIGHT);
  6534. if (sliderActionLeft) {
  6535. sliderActionLeftWidth = sliderActionLeft.offsetWidth;
  6536. buttonsLeft = sliderActionLeft.querySelectorAll(SELECTOR_BUTTON);
  6537. }
  6538. if (sliderActionRight) {
  6539. sliderActionRightWidth = sliderActionRight.offsetWidth;
  6540. buttonsRight = sliderActionRight.querySelectorAll(SELECTOR_BUTTON);
  6541. }
  6542. cell.classList.remove(CLASS_TRANSITIONING);
  6543. isOpened = cell.classList.contains(CLASS_SELECTED);
  6544. if (isOpened) {
  6545. openedActions = cell.querySelector(SELECTOR_SLIDER_LEFT + SELECTOR_SELECTED) ? 'left' : 'right';
  6546. }
  6547. }
  6548. }
  6549. var detail = event.detail;
  6550. var direction = detail.direction;
  6551. var angle = detail.angle;
  6552. if (direction === 'left' && (angle > 150 || angle < -150)) {
  6553. if (buttonsRight || (buttonsLeft && isOpened)) { //存在右侧按钮或存在左侧按钮且是已打开状态
  6554. isMoved = true;
  6555. }
  6556. } else if (direction === 'right' && (angle > -30 && angle < 30)) {
  6557. if (buttonsLeft || (buttonsRight && isOpened)) { //存在左侧按钮或存在右侧按钮且是已打开状态
  6558. isMoved = true;
  6559. }
  6560. }
  6561. if (isMoved) {
  6562. event.stopPropagation();
  6563. event.detail.gesture.preventDefault();
  6564. var translate = event.detail.deltaX;
  6565. if (isOpened) {
  6566. if (openedActions === 'right') {
  6567. translate = translate - sliderActionRightWidth;
  6568. } else {
  6569. translate = translate + sliderActionLeftWidth;
  6570. }
  6571. }
  6572. if ((translate > 0 && !buttonsLeft) || (translate < 0 && !buttonsRight)) {
  6573. if (!isOpened) {
  6574. return;
  6575. }
  6576. translate = 0;
  6577. }
  6578. if (translate < 0) {
  6579. sliderDirection = 'toLeft';
  6580. } else if (translate > 0) {
  6581. sliderDirection = 'toRight';
  6582. } else {
  6583. if (!sliderDirection) {
  6584. sliderDirection = 'toLeft';
  6585. }
  6586. }
  6587. if (!sliderRequestAnimationFrame) {
  6588. updateTranslate();
  6589. }
  6590. translateX = translate;
  6591. }
  6592. },
  6593. flick: function(event) {
  6594. if (isMoved) {
  6595. event.stopPropagation();
  6596. }
  6597. },
  6598. swipeleft: function(event) {
  6599. if (isMoved) {
  6600. event.stopPropagation();
  6601. }
  6602. },
  6603. swiperight: function(event) {
  6604. if (isMoved) {
  6605. event.stopPropagation();
  6606. }
  6607. },
  6608. dragend: function(event) {
  6609. if (!isMoved) {
  6610. return;
  6611. }
  6612. event.stopPropagation();
  6613. if (sliderRequestAnimationFrame) {
  6614. cancelAnimationFrame(sliderRequestAnimationFrame);
  6615. sliderRequestAnimationFrame = null;
  6616. }
  6617. var detail = event.detail;
  6618. isMoved = false;
  6619. var action = 'close';
  6620. var actionsWidth = sliderDirection === 'toLeft' ? sliderActionRightWidth : sliderActionLeftWidth;
  6621. var isToggle = detail.swipe || (Math.abs(translateX) > actionsWidth / 2);
  6622. if (isToggle) {
  6623. if (!isOpened) {
  6624. action = 'open';
  6625. } else if (detail.direction === 'left' && openedActions === 'right') {
  6626. action = 'open';
  6627. } else if (detail.direction === 'right' && openedActions === 'left') {
  6628. action = 'open';
  6629. }
  6630. }
  6631. cell.classList.add(CLASS_TRANSITIONING);
  6632. var buttons;
  6633. if (action === 'open') {
  6634. var newTranslate = sliderDirection === 'toLeft' ? -actionsWidth : actionsWidth;
  6635. setTranslate(sliderHandle, newTranslate);
  6636. buttons = sliderDirection === 'toLeft' ? buttonsRight : buttonsLeft;
  6637. if (typeof buttons !== 'undefined') {
  6638. var button = null;
  6639. for (var i = 0; i < buttons.length; i++) {
  6640. button = buttons[i];
  6641. setTranslate(button, newTranslate);
  6642. }
  6643. button.parentNode.classList.add(CLASS_SELECTED);
  6644. cell.classList.add(CLASS_SELECTED);
  6645. if (!isOpened) {
  6646. $.trigger(cell, sliderDirection === 'toLeft' ? 'slideleft' : 'slideright');
  6647. }
  6648. }
  6649. } else {
  6650. setTranslate(sliderHandle, 0);
  6651. sliderActionLeft && sliderActionLeft.classList.remove(CLASS_SELECTED);
  6652. sliderActionRight && sliderActionRight.classList.remove(CLASS_SELECTED);
  6653. cell.classList.remove(CLASS_SELECTED);
  6654. }
  6655. var buttonOffset;
  6656. if (buttonsLeft && buttonsLeft.length > 0 && buttonsLeft !== buttons) {
  6657. for (var i = 0, len = buttonsLeft.length; i < len; i++) {
  6658. var buttonLeft = buttonsLeft[i];
  6659. buttonOffset = buttonLeft._buttonOffset;
  6660. if (typeof buttonOffset === 'undefined') {
  6661. buttonLeft._buttonOffset = sliderActionLeftWidth - buttonLeft.offsetLeft - buttonLeft.offsetWidth;
  6662. }
  6663. setTranslate(buttonLeft, buttonOffset);
  6664. }
  6665. }
  6666. if (buttonsRight && buttonsRight.length > 0 && buttonsRight !== buttons) {
  6667. for (var i = 0, len = buttonsRight.length; i < len; i++) {
  6668. var buttonRight = buttonsRight[i];
  6669. buttonOffset = buttonRight._buttonOffset;
  6670. if (typeof buttonOffset === 'undefined') {
  6671. buttonRight._buttonOffset = buttonRight.offsetLeft;
  6672. }
  6673. setTranslate(buttonRight, -buttonOffset);
  6674. }
  6675. }
  6676. }
  6677. };
  6678. function toggleEvents(element, isRemove) {
  6679. var method = !!isRemove ? 'removeEventListener' : 'addEventListener';
  6680. element[method]('drag', handleEvent);
  6681. element[method]('dragend', handleEvent);
  6682. element[method]('swiperight', handleEvent);
  6683. element[method]('swipeleft', handleEvent);
  6684. element[method]('flick', handleEvent);
  6685. };
  6686. /**
  6687. * 打开滑动菜单
  6688. * @param {Object} el
  6689. * @param {Object} direction
  6690. */
  6691. $.swipeoutOpen = function(el, direction) {
  6692. if (!el) return;
  6693. var classList = el.classList;
  6694. if (classList.contains(CLASS_SELECTED)) return;
  6695. if (!direction) {
  6696. if (el.querySelector(SELECTOR_SLIDER_RIGHT)) {
  6697. direction = 'right';
  6698. } else {
  6699. direction = 'left';
  6700. }
  6701. }
  6702. var swipeoutAction = el.querySelector($.classSelector(".slider-" + direction));
  6703. if (!swipeoutAction) return;
  6704. swipeoutAction.classList.add(CLASS_SELECTED);
  6705. classList.add(CLASS_SELECTED);
  6706. classList.remove(CLASS_TRANSITIONING);
  6707. var buttons = swipeoutAction.querySelectorAll(SELECTOR_BUTTON);
  6708. var swipeoutWidth = swipeoutAction.offsetWidth;
  6709. var translate = (direction === 'right') ? -swipeoutWidth : swipeoutWidth;
  6710. var length = buttons.length;
  6711. var button;
  6712. for (var i = 0; i < length; i++) {
  6713. button = buttons[i];
  6714. if (direction === 'right') {
  6715. setTranslate(button, -button.offsetLeft);
  6716. } else {
  6717. setTranslate(button, (swipeoutWidth - button.offsetWidth - button.offsetLeft));
  6718. }
  6719. }
  6720. classList.add(CLASS_TRANSITIONING);
  6721. for (var i = 0; i < length; i++) {
  6722. setTranslate(buttons[i], translate);
  6723. }
  6724. setTranslate(el.querySelector(SELECTOR_SLIDER_HANDLE), translate);
  6725. };
  6726. /**
  6727. * 关闭滑动菜单
  6728. * @param {Object} el
  6729. */
  6730. $.swipeoutClose = function(el) {
  6731. if (!el) return;
  6732. var classList = el.classList;
  6733. if (!classList.contains(CLASS_SELECTED)) return;
  6734. var direction = el.querySelector(SELECTOR_SLIDER_RIGHT + SELECTOR_SELECTED) ? 'right' : 'left';
  6735. var swipeoutAction = el.querySelector($.classSelector(".slider-" + direction));
  6736. if (!swipeoutAction) return;
  6737. swipeoutAction.classList.remove(CLASS_SELECTED);
  6738. classList.remove(CLASS_SELECTED);
  6739. classList.add(CLASS_TRANSITIONING);
  6740. var buttons = swipeoutAction.querySelectorAll(SELECTOR_BUTTON);
  6741. var swipeoutWidth = swipeoutAction.offsetWidth;
  6742. var length = buttons.length;
  6743. var button;
  6744. setTranslate(el.querySelector(SELECTOR_SLIDER_HANDLE), 0);
  6745. for (var i = 0; i < length; i++) {
  6746. button = buttons[i];
  6747. if (direction === 'right') {
  6748. setTranslate(button, (-button.offsetLeft));
  6749. } else {
  6750. setTranslate(button, (swipeoutWidth - button.offsetWidth - button.offsetLeft));
  6751. }
  6752. }
  6753. };
  6754. window.addEventListener($.EVENT_END, function(event) { //使用touchend来取消高亮,避免一次点击既不触发tap,doubletap,longtap的事件
  6755. if (!cell) {
  6756. return;
  6757. }
  6758. toggleActive(false);
  6759. sliderHandle && toggleEvents(cell, true);
  6760. });
  6761. window.addEventListener($.EVENT_CANCEL, function(event) { //使用touchcancel来取消高亮,避免一次点击既不触发tap,doubletap,longtap的事件
  6762. if (!cell) {
  6763. return;
  6764. }
  6765. toggleActive(false);
  6766. sliderHandle && toggleEvents(cell, true);
  6767. });
  6768. var radioOrCheckboxClick = function(event) {
  6769. var type = event.target && event.target.type || '';
  6770. if (type === 'radio' || type === 'checkbox') {
  6771. return;
  6772. }
  6773. var classList = cell.classList;
  6774. if (classList.contains('mui-radio')) {
  6775. var input = cell.querySelector('input[type=radio]');
  6776. if (input) {
  6777. // input.click();
  6778. if (!input.disabled && !input.readOnly) {
  6779. input.checked = !input.checked;
  6780. $.trigger(input, 'change');
  6781. }
  6782. }
  6783. } else if (classList.contains('mui-checkbox')) {
  6784. var input = cell.querySelector('input[type=checkbox]');
  6785. if (input) {
  6786. // input.click();
  6787. if (!input.disabled && !input.readOnly) {
  6788. input.checked = !input.checked;
  6789. $.trigger(input, 'change');
  6790. }
  6791. }
  6792. }
  6793. };
  6794. //fixed hashchange(android)
  6795. window.addEventListener($.EVENT_CLICK, function(e) {
  6796. if (cell && cell.classList.contains('mui-collapse')) {
  6797. e.preventDefault();
  6798. }
  6799. });
  6800. window.addEventListener('doubletap', function(event) {
  6801. if (cell) {
  6802. radioOrCheckboxClick(event);
  6803. }
  6804. });
  6805. var preventDefaultException = /^(INPUT|TEXTAREA|BUTTON|SELECT)$/;
  6806. window.addEventListener('tap', function(event) {
  6807. if (!cell) {
  6808. return;
  6809. }
  6810. var isExpand = false;
  6811. var classList = cell.classList;
  6812. var ul = cell.parentNode;
  6813. if (ul && ul.classList.contains(CLASS_RADIO_VIEW)) {
  6814. if (classList.contains(CLASS_SELECTED)) {
  6815. return;
  6816. }
  6817. var selected = ul.querySelector('li' + SELECTOR_SELECTED);
  6818. if (selected) {
  6819. selected.classList.remove(CLASS_SELECTED);
  6820. }
  6821. classList.add(CLASS_SELECTED);
  6822. $.trigger(cell, 'selected', {
  6823. el: cell
  6824. });
  6825. return;
  6826. }
  6827. if (classList.contains('mui-collapse') && !cell.parentNode.classList.contains('mui-unfold')) {
  6828. if (!preventDefaultException.test(event.target.tagName)) {
  6829. event.detail.gesture.preventDefault();
  6830. }
  6831. if (!classList.contains(CLASS_ACTIVE)) { //展开时,需要收缩其他同类
  6832. var collapse = cell.parentNode.querySelector('.mui-collapse.mui-active');
  6833. if (collapse) {
  6834. collapse.classList.remove(CLASS_ACTIVE);
  6835. }
  6836. isExpand = true;
  6837. }
  6838. classList.toggle(CLASS_ACTIVE);
  6839. if (isExpand) {
  6840. //触发展开事件
  6841. $.trigger(cell, 'expand');
  6842. //scroll
  6843. //暂不滚动
  6844. // var offsetTop = $.offset(cell).top;
  6845. // var scrollTop = document.body.scrollTop;
  6846. // var height = window.innerHeight;
  6847. // var offsetHeight = cell.offsetHeight;
  6848. // var cellHeight = (offsetTop - scrollTop + offsetHeight);
  6849. // if (offsetHeight > height) {
  6850. // $.scrollTo(offsetTop, 300);
  6851. // } else if (cellHeight > height) {
  6852. // $.scrollTo(cellHeight - height + scrollTop, 300);
  6853. // }
  6854. }
  6855. } else {
  6856. radioOrCheckboxClick(event);
  6857. }
  6858. });
  6859. })(mui, window, document);
  6860. (function($, window) {
  6861. /**
  6862. * 警告消息框
  6863. */
  6864. $.alert = function(message, title, btnValue, callback) {
  6865. if ($.os.plus) {
  6866. if (typeof message === 'undefined') {
  6867. return;
  6868. } else {
  6869. if (typeof title === 'function') {
  6870. callback = title;
  6871. title = null;
  6872. btnValue = '确定';
  6873. } else if (typeof btnValue === 'function') {
  6874. callback = btnValue;
  6875. btnValue = null;
  6876. }
  6877. $.plusReady(function() {
  6878. plus.nativeUI.alert(message, callback, title, btnValue);
  6879. });
  6880. }
  6881. } else {
  6882. //TODO H5版本
  6883. window.alert(message);
  6884. }
  6885. };
  6886. })(mui, window);
  6887. (function($, window) {
  6888. /**
  6889. * 确认消息框
  6890. */
  6891. $.confirm = function(message, title, btnArray, callback) {
  6892. if ($.os.plus) {
  6893. if (typeof message === 'undefined') {
  6894. return;
  6895. } else {
  6896. if (typeof title === 'function') {
  6897. callback = title;
  6898. title = null;
  6899. btnArray = null;
  6900. } else if (typeof btnArray === 'function') {
  6901. callback = btnArray;
  6902. btnArray = null;
  6903. }
  6904. $.plusReady(function() {
  6905. plus.nativeUI.confirm(message, callback, title, btnArray);
  6906. });
  6907. }
  6908. } else {
  6909. //H5版本,0为确认,1为取消
  6910. if (window.confirm(message)) {
  6911. callback({
  6912. index: 0
  6913. });
  6914. } else {
  6915. callback({
  6916. index: 1
  6917. });
  6918. }
  6919. }
  6920. };
  6921. })(mui, window);
  6922. (function($, window) {
  6923. /**
  6924. * 输入对话框
  6925. */
  6926. $.prompt = function(text, defaultText, title, btnArray, callback) {
  6927. if ($.os.plus) {
  6928. if (typeof message === 'undefined') {
  6929. return;
  6930. } else {
  6931. if (typeof defaultText === 'function') {
  6932. callback = defaultText;
  6933. defaultText = null;
  6934. title = null;
  6935. btnArray = null;
  6936. } else if (typeof title === 'function') {
  6937. callback = title;
  6938. title = null;
  6939. btnArray = null;
  6940. } else if (typeof btnArray === 'function') {
  6941. callback = btnArray;
  6942. btnArray = null;
  6943. }
  6944. $.plusReady(function() {
  6945. plus.nativeUI.prompt(text, callback, title, defaultText, btnArray);
  6946. });
  6947. }
  6948. } else {
  6949. //H5版本(确认index为0,取消index为1)
  6950. var result = window.prompt(text);
  6951. if (result) {
  6952. callback({
  6953. index: 0,
  6954. value: result
  6955. });
  6956. } else {
  6957. callback({
  6958. index: 1,
  6959. value: ''
  6960. });
  6961. }
  6962. }
  6963. };
  6964. })(mui, window);
  6965. (function($, window) {
  6966. var CLASS_ACTIVE = 'mui-active';
  6967. /**
  6968. * 自动消失提示框
  6969. */
  6970. $.toast = function(message,options) {
  6971. var durations = {
  6972. 'long': 3500,
  6973. 'short': 2000
  6974. };
  6975. //计算显示时间
  6976. options = $.extend({
  6977. duration: 'short'
  6978. }, options || {});
  6979. if ($.os.plus && options.type !== 'div') {
  6980. //默认显示在底部;
  6981. $.plusReady(function() {
  6982. plus.nativeUI.toast(message, {
  6983. verticalAlign: 'bottom',
  6984. duration:options.duration
  6985. });
  6986. });
  6987. } else {
  6988. if (typeof options.duration === 'number') {
  6989. duration = options.duration>0 ? options.duration:durations['short'];
  6990. } else {
  6991. duration = durations[options.duration];
  6992. }
  6993. if (!duration) {
  6994. duration = durations['short'];
  6995. }
  6996. var toast = document.createElement('div');
  6997. toast.classList.add('mui-toast-container');
  6998. toast.innerHTML = '<div class="' + 'mui-toast-message' + '">' + message + '</div>';
  6999. toast.addEventListener('webkitTransitionEnd', function() {
  7000. if (!toast.classList.contains(CLASS_ACTIVE)) {
  7001. toast.parentNode.removeChild(toast);
  7002. toast = null;
  7003. }
  7004. });
  7005. //点击则自动消失
  7006. toast.addEventListener('click', function() {
  7007. toast.parentNode.removeChild(toast);
  7008. toast = null;
  7009. });
  7010. document.body.appendChild(toast);
  7011. toast.offsetHeight;
  7012. toast.classList.add(CLASS_ACTIVE);
  7013. setTimeout(function() {
  7014. toast && toast.classList.remove(CLASS_ACTIVE);
  7015. }, duration);
  7016. return {
  7017. isVisible: function() {return !!toast;}
  7018. }
  7019. }
  7020. };
  7021. })(mui, window);
  7022. /**
  7023. * Popup(alert,confirm,prompt)
  7024. * @param {Object} $
  7025. * @param {Object} window
  7026. * @param {Object} document
  7027. */
  7028. (function($, window, document) {
  7029. var CLASS_POPUP = 'mui-popup';
  7030. var CLASS_POPUP_BACKDROP = 'mui-popup-backdrop';
  7031. var CLASS_POPUP_IN = 'mui-popup-in';
  7032. var CLASS_POPUP_OUT = 'mui-popup-out';
  7033. var CLASS_POPUP_INNER = 'mui-popup-inner';
  7034. var CLASS_POPUP_TITLE = 'mui-popup-title';
  7035. var CLASS_POPUP_TEXT = 'mui-popup-text';
  7036. var CLASS_POPUP_INPUT = 'mui-popup-input';
  7037. var CLASS_POPUP_BUTTONS = 'mui-popup-buttons';
  7038. var CLASS_POPUP_BUTTON = 'mui-popup-button';
  7039. var CLASS_POPUP_BUTTON_BOLD = 'mui-popup-button-bold';
  7040. var CLASS_POPUP_BACKDROP = 'mui-popup-backdrop';
  7041. var CLASS_ACTIVE = 'mui-active';
  7042. var popupStack = [];
  7043. var backdrop = (function() {
  7044. var element = document.createElement('div');
  7045. element.classList.add(CLASS_POPUP_BACKDROP);
  7046. element.addEventListener($.EVENT_MOVE, $.preventDefault);
  7047. element.addEventListener('webkitTransitionEnd', function() {
  7048. if (!this.classList.contains(CLASS_ACTIVE)) {
  7049. element.parentNode && element.parentNode.removeChild(element);
  7050. }
  7051. });
  7052. return element;
  7053. }());
  7054. var createInput = function(placeholder) {
  7055. return '<div class="' + CLASS_POPUP_INPUT + '"><input type="text" autofocus placeholder="' + (placeholder || '') + '"/></div>';
  7056. };
  7057. var createInner = function(message, title, extra) {
  7058. return '<div class="' + CLASS_POPUP_INNER + '"><div class="' + CLASS_POPUP_TITLE + '">' + title + '</div><div class="' + CLASS_POPUP_TEXT + '">' + message.replace(/\r\n/g, "<br/>").replace(/\n/g, "<br/>") + '</div>' + (extra || '') + '</div>';
  7059. };
  7060. var createButtons = function(btnArray) {
  7061. var length = btnArray.length;
  7062. var btns = [];
  7063. for (var i = 0; i < length; i++) {
  7064. btns.push('<span class="' + CLASS_POPUP_BUTTON + (i === length - 1 ? (' ' + CLASS_POPUP_BUTTON_BOLD) : '') + '">' + btnArray[i] + '</span>');
  7065. }
  7066. return '<div class="' + CLASS_POPUP_BUTTONS + '">' + btns.join('') + '</div>';
  7067. };
  7068. var createPopup = function(html, callback) {
  7069. var popupElement = document.createElement('div');
  7070. popupElement.className = CLASS_POPUP;
  7071. popupElement.innerHTML = html;
  7072. var removePopupElement = function() {
  7073. popupElement.parentNode && popupElement.parentNode.removeChild(popupElement);
  7074. popupElement = null;
  7075. };
  7076. popupElement.addEventListener($.EVENT_MOVE, $.preventDefault);
  7077. popupElement.addEventListener('webkitTransitionEnd', function(e) {
  7078. if (popupElement && e.target === popupElement && popupElement.classList.contains(CLASS_POPUP_OUT)) {
  7079. removePopupElement();
  7080. }
  7081. });
  7082. popupElement.style.display = 'block';
  7083. document.body.appendChild(popupElement);
  7084. popupElement.offsetHeight;
  7085. popupElement.classList.add(CLASS_POPUP_IN);
  7086. if (!backdrop.classList.contains(CLASS_ACTIVE)) {
  7087. backdrop.style.display = 'block';
  7088. document.body.appendChild(backdrop);
  7089. backdrop.offsetHeight;
  7090. backdrop.classList.add(CLASS_ACTIVE);
  7091. }
  7092. var btns = $.qsa('.' + CLASS_POPUP_BUTTON, popupElement);
  7093. var input = popupElement.querySelector('.' + CLASS_POPUP_INPUT + ' input');
  7094. var popup = {
  7095. element: popupElement,
  7096. close: function(index, animate) {
  7097. if (popupElement) {
  7098. var result = callback && callback({
  7099. index: index || 0,
  7100. value: input && input.value || ''
  7101. });
  7102. if (result === false) { //返回false则不关闭当前popup
  7103. return;
  7104. }
  7105. if (animate !== false) {
  7106. popupElement.classList.remove(CLASS_POPUP_IN);
  7107. popupElement.classList.add(CLASS_POPUP_OUT);
  7108. } else {
  7109. removePopupElement();
  7110. }
  7111. popupStack.pop();
  7112. //如果还有其他popup,则不remove backdrop
  7113. if (popupStack.length) {
  7114. popupStack[popupStack.length - 1]['show'](animate);
  7115. } else {
  7116. backdrop.classList.remove(CLASS_ACTIVE);
  7117. }
  7118. }
  7119. }
  7120. };
  7121. var handleEvent = function(e) {
  7122. popup.close(btns.indexOf(e.target));
  7123. };
  7124. $(popupElement).on('tap', '.' + CLASS_POPUP_BUTTON, handleEvent);
  7125. if (popupStack.length) {
  7126. popupStack[popupStack.length - 1]['hide']();
  7127. }
  7128. popupStack.push({
  7129. close: popup.close,
  7130. show: function(animate) {
  7131. popupElement.style.display = 'block';
  7132. popupElement.offsetHeight;
  7133. popupElement.classList.add(CLASS_POPUP_IN);
  7134. },
  7135. hide: function() {
  7136. popupElement.style.display = 'none';
  7137. popupElement.classList.remove(CLASS_POPUP_IN);
  7138. }
  7139. });
  7140. return popup;
  7141. };
  7142. var createAlert = function(message, title, btnValue, callback, type) {
  7143. if (typeof message === 'undefined') {
  7144. return;
  7145. } else {
  7146. if (typeof title === 'function') {
  7147. callback = title;
  7148. type = btnValue;
  7149. title = null;
  7150. btnValue = null;
  7151. } else if (typeof btnValue === 'function') {
  7152. type = callback;
  7153. callback = btnValue;
  7154. btnValue = null;
  7155. }
  7156. }
  7157. if (!$.os.plus || type === 'div') {
  7158. return createPopup(createInner(message, title || '提示') + createButtons([btnValue || '确定']), callback);
  7159. }
  7160. return plus.nativeUI.alert(message, callback, title || '提示', btnValue || '确定');
  7161. };
  7162. var createConfirm = function(message, title, btnArray, callback, type) {
  7163. if (typeof message === 'undefined') {
  7164. return;
  7165. } else {
  7166. if (typeof title === 'function') {
  7167. callback = title;
  7168. type = btnArray;
  7169. title = null;
  7170. btnArray = null;
  7171. } else if (typeof btnArray === 'function') {
  7172. type = callback;
  7173. callback = btnArray;
  7174. btnArray = null;
  7175. }
  7176. }
  7177. if (!$.os.plus || type === 'div') {
  7178. return createPopup(createInner(message, title || '提示') + createButtons(btnArray || ['取消', '确认']), callback);
  7179. }
  7180. return plus.nativeUI.confirm(message, callback, title, btnArray || ['取消', '确认']);
  7181. };
  7182. var createPrompt = function(message, placeholder, title, btnArray, callback, type) {
  7183. if (typeof message === 'undefined') {
  7184. return;
  7185. } else {
  7186. if (typeof placeholder === 'function') {
  7187. callback = placeholder;
  7188. type = title;
  7189. placeholder = null;
  7190. title = null;
  7191. btnArray = null;
  7192. } else if (typeof title === 'function') {
  7193. callback = title;
  7194. type = btnArray;
  7195. title = null;
  7196. btnArray = null;
  7197. } else if (typeof btnArray === 'function') {
  7198. type = callback;
  7199. callback = btnArray;
  7200. btnArray = null;
  7201. }
  7202. }
  7203. if (!$.os.plus || type === 'div') {
  7204. return createPopup(createInner(message, title || '提示', createInput(placeholder)) + createButtons(btnArray || ['取消', '确认']), callback);
  7205. }
  7206. return plus.nativeUI.prompt(message, callback, title || '提示', placeholder, btnArray || ['取消', '确认']);
  7207. };
  7208. var closePopup = function() {
  7209. if (popupStack.length) {
  7210. popupStack[popupStack.length - 1]['close']();
  7211. return true;
  7212. } else {
  7213. return false;
  7214. }
  7215. };
  7216. var closePopups = function() {
  7217. while (popupStack.length) {
  7218. popupStack[popupStack.length - 1]['close']();
  7219. }
  7220. };
  7221. $.closePopup = closePopup;
  7222. $.closePopups = closePopups;
  7223. $.alert = createAlert;
  7224. $.confirm = createConfirm;
  7225. $.prompt = createPrompt;
  7226. })(mui, window, document);
  7227. (function($, document) {
  7228. var CLASS_PROGRESSBAR = 'mui-progressbar';
  7229. var CLASS_PROGRESSBAR_IN = 'mui-progressbar-in';
  7230. var CLASS_PROGRESSBAR_OUT = 'mui-progressbar-out';
  7231. var CLASS_PROGRESSBAR_INFINITE = 'mui-progressbar-infinite';
  7232. var SELECTOR_PROGRESSBAR = '.mui-progressbar';
  7233. var _findProgressbar = function(container) {
  7234. container = $(container || 'body');
  7235. if (container.length === 0) return;
  7236. container = container[0];
  7237. if (container.classList.contains(CLASS_PROGRESSBAR)) {
  7238. return container;
  7239. }
  7240. var progressbars = container.querySelectorAll(SELECTOR_PROGRESSBAR);
  7241. if (progressbars) {
  7242. for (var i = 0, len = progressbars.length; i < len; i++) {
  7243. var progressbar = progressbars[i];
  7244. if (progressbar.parentNode === container) {
  7245. return progressbar;
  7246. }
  7247. }
  7248. }
  7249. };
  7250. /**
  7251. * 创建并显示进度条
  7252. * @param {Object} container 可选,默认body,支持selector,DOM Node,mui wrapper
  7253. * @param {Object} progress 可选,undefined表示循环,数字表示具体进度
  7254. * @param {Object} color 可选,指定颜色样式(目前暂未提供实际样式,可暂时不暴露此参数)
  7255. */
  7256. var showProgressbar = function(container, progress, color) {
  7257. if (typeof container === 'number') {
  7258. color = progress;
  7259. progress = container;
  7260. container = 'body';
  7261. }
  7262. container = $(container || 'body');
  7263. if (container.length === 0) return;
  7264. container = container[0];
  7265. var progressbar;
  7266. if (container.classList.contains(CLASS_PROGRESSBAR)) {
  7267. progressbar = container;
  7268. } else {
  7269. var progressbars = container.querySelectorAll(SELECTOR_PROGRESSBAR + ':not(.' + CLASS_PROGRESSBAR_OUT + ')');
  7270. if (progressbars) {
  7271. for (var i = 0, len = progressbars.length; i < len; i++) {
  7272. var _progressbar = progressbars[i];
  7273. if (_progressbar.parentNode === container) {
  7274. progressbar = _progressbar;
  7275. break;
  7276. }
  7277. }
  7278. }
  7279. if (!progressbar) {
  7280. progressbar = document.createElement('span');
  7281. progressbar.className = CLASS_PROGRESSBAR + ' ' + CLASS_PROGRESSBAR_IN + (typeof progress !== 'undefined' ? '' : (' ' + CLASS_PROGRESSBAR_INFINITE)) + (color ? (' ' + CLASS_PROGRESSBAR + '-' + color) : '');
  7282. if (typeof progress !== 'undefined') {
  7283. progressbar.innerHTML = '<span></span>';
  7284. }
  7285. container.appendChild(progressbar);
  7286. } else {
  7287. progressbar.classList.add(CLASS_PROGRESSBAR_IN);
  7288. }
  7289. }
  7290. if (progress) setProgressbar(container, progress);
  7291. return progressbar;
  7292. };
  7293. /**
  7294. * 关闭进度条
  7295. * @param {Object} container 可选,默认body,支持selector,DOM Node,mui wrapper
  7296. */
  7297. var hideProgressbar = function(container) {
  7298. var progressbar = _findProgressbar(container);
  7299. if (!progressbar) {
  7300. return;
  7301. }
  7302. var classList = progressbar.classList;
  7303. if (!classList.contains(CLASS_PROGRESSBAR_IN) || classList.contains(CLASS_PROGRESSBAR_OUT)) {
  7304. return;
  7305. }
  7306. classList.remove(CLASS_PROGRESSBAR_IN);
  7307. classList.add(CLASS_PROGRESSBAR_OUT);
  7308. progressbar.addEventListener('webkitAnimationEnd', function() {
  7309. progressbar.parentNode && progressbar.parentNode.removeChild(progressbar);
  7310. progressbar = null;
  7311. });
  7312. return;
  7313. };
  7314. /**
  7315. * 设置指定进度条进度
  7316. * @param {Object} container 可选,默认body,支持selector,DOM Node,mui wrapper
  7317. * @param {Object} progress 可选,默认0 取值范围[0-100]
  7318. * @param {Object} speed 进度条动画时间
  7319. */
  7320. var setProgressbar = function(container, progress, speed) {
  7321. if (typeof container === 'number') {
  7322. speed = progress;
  7323. progress = container;
  7324. container = false;
  7325. }
  7326. var progressbar = _findProgressbar(container);
  7327. if (!progressbar || progressbar.classList.contains(CLASS_PROGRESSBAR_INFINITE)) {
  7328. return;
  7329. }
  7330. if (progress) progress = Math.min(Math.max(progress, 0), 100);
  7331. progressbar.offsetHeight;
  7332. var span = progressbar.querySelector('span');
  7333. if (span) {
  7334. var style = span.style;
  7335. style.webkitTransform = 'translate3d(' + (-100 + progress) + '%,0,0)';
  7336. if (typeof speed !== 'undefined') {
  7337. style.webkitTransitionDuration = speed + 'ms';
  7338. } else {
  7339. style.webkitTransitionDuration = '';
  7340. }
  7341. }
  7342. return progressbar;
  7343. };
  7344. $.fn.progressbar = function(options) {
  7345. var progressbarApis = [];
  7346. options = options || {};
  7347. this.each(function() {
  7348. var self = this;
  7349. var progressbarApi = self.mui_plugin_progressbar;
  7350. if (!progressbarApi) {
  7351. self.mui_plugin_progressbar = progressbarApi = {
  7352. options: options,
  7353. setOptions: function(options) {
  7354. this.options = options;
  7355. },
  7356. show: function() {
  7357. return showProgressbar(self, this.options.progress, this.options.color);
  7358. },
  7359. setProgress: function(progress) {
  7360. return setProgressbar(self, progress);
  7361. },
  7362. hide: function() {
  7363. return hideProgressbar(self);
  7364. }
  7365. };
  7366. } else if (options) {
  7367. progressbarApi.setOptions(options);
  7368. }
  7369. progressbarApis.push(progressbarApi);
  7370. });
  7371. return progressbarApis.length === 1 ? progressbarApis[0] : progressbarApis;
  7372. };
  7373. // $.setProgressbar = setProgressbar;
  7374. // $.showProgressbar = showProgressbar;
  7375. // $.hideProgressbar = hideProgressbar;
  7376. })(mui, document);
  7377. /**
  7378. * Input(TODO resize)
  7379. * @param {type} $
  7380. * @param {type} window
  7381. * @param {type} document
  7382. * @returns {undefined}
  7383. */
  7384. (function($, window, document) {
  7385. var CLASS_ICON = 'mui-icon';
  7386. var CLASS_ICON_CLEAR = 'mui-icon-clear';
  7387. var CLASS_ICON_SPEECH = 'mui-icon-speech';
  7388. var CLASS_ICON_SEARCH = 'mui-icon-search';
  7389. var CLASS_ICON_PASSWORD = 'mui-icon-eye';
  7390. var CLASS_INPUT_ROW = 'mui-input-row';
  7391. var CLASS_PLACEHOLDER = 'mui-placeholder';
  7392. var CLASS_TOOLTIP = 'mui-tooltip';
  7393. var CLASS_HIDDEN = 'mui-hidden';
  7394. var CLASS_FOCUSIN = 'mui-focusin';
  7395. var SELECTOR_ICON_CLOSE = '.' + CLASS_ICON_CLEAR;
  7396. var SELECTOR_ICON_SPEECH = '.' + CLASS_ICON_SPEECH;
  7397. var SELECTOR_ICON_PASSWORD = '.' + CLASS_ICON_PASSWORD;
  7398. var SELECTOR_PLACEHOLDER = '.' + CLASS_PLACEHOLDER;
  7399. var SELECTOR_TOOLTIP = '.' + CLASS_TOOLTIP;
  7400. var findRow = function(target) {
  7401. for (; target && target !== document; target = target.parentNode) {
  7402. if (target.classList && target.classList.contains(CLASS_INPUT_ROW)) {
  7403. return target;
  7404. }
  7405. }
  7406. return null;
  7407. };
  7408. var Input = function(element, options) {
  7409. this.element = element;
  7410. this.options = options || {
  7411. actions: 'clear'
  7412. };
  7413. if (~this.options.actions.indexOf('slider')) { //slider
  7414. this.sliderActionClass = CLASS_TOOLTIP + ' ' + CLASS_HIDDEN;
  7415. this.sliderActionSelector = SELECTOR_TOOLTIP;
  7416. } else { //clear,speech,search
  7417. if (~this.options.actions.indexOf('clear')) {
  7418. this.clearActionClass = CLASS_ICON + ' ' + CLASS_ICON_CLEAR + ' ' + CLASS_HIDDEN;
  7419. this.clearActionSelector = SELECTOR_ICON_CLOSE;
  7420. }
  7421. if (~this.options.actions.indexOf('speech')) { //only for 5+
  7422. this.speechActionClass = CLASS_ICON + ' ' + CLASS_ICON_SPEECH;
  7423. this.speechActionSelector = SELECTOR_ICON_SPEECH;
  7424. }
  7425. if (~this.options.actions.indexOf('search')) {
  7426. this.searchActionClass = CLASS_PLACEHOLDER;
  7427. this.searchActionSelector = SELECTOR_PLACEHOLDER;
  7428. }
  7429. if (~this.options.actions.indexOf('password')) {
  7430. this.passwordActionClass = CLASS_ICON + ' ' + CLASS_ICON_PASSWORD;
  7431. this.passwordActionSelector = SELECTOR_ICON_PASSWORD;
  7432. }
  7433. }
  7434. this.init();
  7435. };
  7436. Input.prototype.init = function() {
  7437. this.initAction();
  7438. this.initElementEvent();
  7439. };
  7440. Input.prototype.initAction = function() {
  7441. var self = this;
  7442. var row = self.element.parentNode;
  7443. if (row) {
  7444. if (self.sliderActionClass) {
  7445. self.sliderAction = self.createAction(row, self.sliderActionClass, self.sliderActionSelector);
  7446. } else {
  7447. if (self.searchActionClass) {
  7448. self.searchAction = self.createAction(row, self.searchActionClass, self.searchActionSelector);
  7449. self.searchAction.addEventListener('tap', function(e) {
  7450. $.focus(self.element);
  7451. e.stopPropagation();
  7452. });
  7453. }
  7454. if (self.speechActionClass) {
  7455. self.speechAction = self.createAction(row, self.speechActionClass, self.speechActionSelector);
  7456. self.speechAction.addEventListener('click', $.stopPropagation);
  7457. self.speechAction.addEventListener('tap', function(event) {
  7458. self.speechActionClick(event);
  7459. });
  7460. }
  7461. if (self.clearActionClass) {
  7462. self.clearAction = self.createAction(row, self.clearActionClass, self.clearActionSelector);
  7463. self.clearAction.addEventListener('tap', function(event) {
  7464. self.clearActionClick(event);
  7465. });
  7466. }
  7467. if (self.passwordActionClass) {
  7468. self.passwordAction = self.createAction(row, self.passwordActionClass, self.passwordActionSelector);
  7469. self.passwordAction.addEventListener('tap', function(event) {
  7470. self.passwordActionClick(event);
  7471. });
  7472. }
  7473. }
  7474. }
  7475. };
  7476. Input.prototype.createAction = function(row, actionClass, actionSelector) {
  7477. var action = row.querySelector(actionSelector);
  7478. if (!action) {
  7479. var action = document.createElement('span');
  7480. action.className = actionClass;
  7481. if (actionClass === this.searchActionClass) {
  7482. action.innerHTML = '<span class="' + CLASS_ICON + ' ' + CLASS_ICON_SEARCH + '"></span><span>' + this.element.getAttribute('placeholder') + '</span>';
  7483. this.element.setAttribute('placeholder', '');
  7484. if (this.element.value.trim()) {
  7485. row.classList.add('mui-active');
  7486. }
  7487. }
  7488. row.insertBefore(action, this.element.nextSibling);
  7489. }
  7490. return action;
  7491. };
  7492. Input.prototype.initElementEvent = function() {
  7493. var element = this.element;
  7494. if (this.sliderActionClass) {
  7495. var tooltip = this.sliderAction;
  7496. var timer = null;
  7497. var showTip = function() { //每次重新计算是因为控件可能被隐藏,初始化时计算是不正确的
  7498. tooltip.classList.remove(CLASS_HIDDEN);
  7499. var offsetLeft = element.offsetLeft;
  7500. var width = element.offsetWidth - 28;
  7501. var tooltipWidth = tooltip.offsetWidth;
  7502. var distince = Math.abs(element.max - element.min);
  7503. var scaleWidth = (width / distince) * Math.abs(element.value - element.min);
  7504. tooltip.style.left = (14 + offsetLeft + scaleWidth - tooltipWidth / 2) + 'px';
  7505. tooltip.innerText = element.value;
  7506. if (timer) {
  7507. clearTimeout(timer);
  7508. }
  7509. timer = setTimeout(function() {
  7510. tooltip.classList.add(CLASS_HIDDEN);
  7511. }, 1000);
  7512. };
  7513. element.addEventListener('input', showTip);
  7514. element.addEventListener('tap', showTip);
  7515. element.addEventListener($.EVENT_MOVE, function(e) {
  7516. e.stopPropagation();
  7517. });
  7518. } else {
  7519. if (this.clearActionClass) {
  7520. var action = this.clearAction;
  7521. if (!action) {
  7522. return;
  7523. }
  7524. $.each(['keyup', 'change', 'input', 'focus', 'cut', 'paste'], function(index, type) {
  7525. (function(type) {
  7526. element.addEventListener(type, function() {
  7527. action.classList[element.value.trim() ? 'remove' : 'add'](CLASS_HIDDEN);
  7528. });
  7529. })(type);
  7530. });
  7531. element.addEventListener('blur', function() {
  7532. action.classList.add(CLASS_HIDDEN);
  7533. });
  7534. }
  7535. if (this.searchActionClass) {
  7536. element.addEventListener('focus', function() {
  7537. element.parentNode.classList.add('mui-active');
  7538. });
  7539. element.addEventListener('blur', function() {
  7540. if (!element.value.trim()) {
  7541. element.parentNode.classList.remove('mui-active');
  7542. }
  7543. });
  7544. }
  7545. }
  7546. };
  7547. Input.prototype.setPlaceholder = function(text) {
  7548. if (this.searchActionClass) {
  7549. var placeholder = this.element.parentNode.querySelector(SELECTOR_PLACEHOLDER);
  7550. placeholder && (placeholder.getElementsByTagName('span')[1].innerText = text);
  7551. } else {
  7552. this.element.setAttribute('placeholder', text);
  7553. }
  7554. };
  7555. Input.prototype.passwordActionClick = function(event) {
  7556. if (this.element.type === 'text') {
  7557. this.element.type = 'password';
  7558. } else {
  7559. this.element.type = 'text';
  7560. }
  7561. this.passwordAction.classList.toggle('mui-active');
  7562. event.preventDefault();
  7563. };
  7564. Input.prototype.clearActionClick = function(event) {
  7565. var self = this;
  7566. self.element.value = '';
  7567. $.focus(self.element);
  7568. self.clearAction.classList.add(CLASS_HIDDEN);
  7569. event.preventDefault();
  7570. };
  7571. Input.prototype.speechActionClick = function(event) {
  7572. if (window.plus) {
  7573. var self = this;
  7574. var oldValue = self.element.value;
  7575. self.element.value = '';
  7576. document.body.classList.add(CLASS_FOCUSIN);
  7577. plus.speech.startRecognize({
  7578. engine: 'iFly'
  7579. }, function(s) {
  7580. self.element.value += s;
  7581. $.focus(self.element);
  7582. plus.speech.stopRecognize();
  7583. $.trigger(self.element, 'recognized', {
  7584. value: self.element.value
  7585. });
  7586. if (oldValue !== self.element.value) {
  7587. $.trigger(self.element, 'change');
  7588. $.trigger(self.element, 'input');
  7589. }
  7590. // document.body.classList.remove(CLASS_FOCUSIN);
  7591. }, function(e) {
  7592. document.body.classList.remove(CLASS_FOCUSIN);
  7593. });
  7594. } else {
  7595. alert('only for 5+');
  7596. }
  7597. event.preventDefault();
  7598. };
  7599. $.fn.input = function(options) {
  7600. var inputApis = [];
  7601. this.each(function() {
  7602. var inputApi = null;
  7603. var actions = [];
  7604. var row = findRow(this.parentNode);
  7605. if (this.type === 'range' && row.classList.contains('mui-input-range')) {
  7606. actions.push('slider');
  7607. } else {
  7608. var classList = this.classList;
  7609. if (classList.contains('mui-input-clear')) {
  7610. actions.push('clear');
  7611. }
  7612. if (!($.os.android && $.os.stream) && classList.contains('mui-input-speech')) {
  7613. actions.push('speech');
  7614. }
  7615. if (classList.contains('mui-input-password')) {
  7616. actions.push('password');
  7617. }
  7618. if (this.type === 'search' && row.classList.contains('mui-search')) {
  7619. actions.push('search');
  7620. }
  7621. }
  7622. var id = this.getAttribute('data-input-' + actions[0]);
  7623. if (!id) {
  7624. id = ++$.uuid;
  7625. inputApi = $.data[id] = new Input(this, {
  7626. actions: actions.join(',')
  7627. });
  7628. for (var i = 0, len = actions.length; i < len; i++) {
  7629. this.setAttribute('data-input-' + actions[i], id);
  7630. }
  7631. } else {
  7632. inputApi = $.data[id];
  7633. }
  7634. inputApis.push(inputApi);
  7635. });
  7636. return inputApis.length === 1 ? inputApis[0] : inputApis;
  7637. };
  7638. $.ready(function() {
  7639. $('.mui-input-row input').input();
  7640. });
  7641. })(mui, window, document);
  7642. (function($, window) {
  7643. var CLASS_ACTIVE = 'mui-active';
  7644. var rgbaRegex = /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d*(?:\.\d+)?)\)$/;
  7645. var getColor = function(colorStr) {
  7646. var matches = colorStr.match(rgbaRegex);
  7647. if (matches && matches.length === 5) {
  7648. return [
  7649. matches[1],
  7650. matches[2],
  7651. matches[3],
  7652. matches[4]
  7653. ];
  7654. }
  7655. return [];
  7656. };
  7657. var Transparent = function(element, options) {
  7658. this.element = element;
  7659. this.options = $.extend({
  7660. top: 0, //距离顶部高度(到达该高度即触发)
  7661. offset: 150, //滚动透明距离
  7662. duration: 16, //过渡时间
  7663. scrollby: window//监听滚动距离容器
  7664. }, options || {});
  7665. this.scrollByElem = this.options.scrollby || window;
  7666. if (!this.scrollByElem) {
  7667. throw new Error("监听滚动的元素不存在");
  7668. }
  7669. this.isNativeScroll = false;
  7670. if (this.scrollByElem === window) {
  7671. this.isNativeScroll = true;
  7672. } else if (!~this.scrollByElem.className.indexOf('mui-scroll-wrapper')) {
  7673. this.isNativeScroll = true;
  7674. }
  7675. this._style = this.element.style;
  7676. this._bgColor = this._style.backgroundColor;
  7677. var color = getColor(mui.getStyles(this.element, 'backgroundColor'));
  7678. if (color.length) {
  7679. this._R = color[0];
  7680. this._G = color[1];
  7681. this._B = color[2];
  7682. this._A = parseFloat(color[3]);
  7683. this.lastOpacity = this._A;
  7684. this._bufferFn = $.buffer(this.handleScroll, this.options.duration, this);
  7685. this.initEvent();
  7686. } else {
  7687. throw new Error("元素背景颜色必须为RGBA");
  7688. }
  7689. };
  7690. Transparent.prototype.initEvent = function() {
  7691. this.scrollByElem.addEventListener('scroll', this._bufferFn);
  7692. if (this.isNativeScroll) { //原生scroll
  7693. this.scrollByElem.addEventListener($.EVENT_MOVE, this._bufferFn);
  7694. }
  7695. }
  7696. Transparent.prototype.handleScroll = function(e) {
  7697. var y = window.scrollY;
  7698. if (!this.isNativeScroll && e && e.detail) {
  7699. y = -e.detail.y;
  7700. }
  7701. var opacity = (y - this.options.top) / this.options.offset + this._A;
  7702. opacity = Math.min(Math.max(this._A, opacity), 1);
  7703. this._style.backgroundColor = 'rgba(' + this._R + ',' + this._G + ',' + this._B + ',' + opacity + ')';
  7704. if (opacity > this._A) {
  7705. this.element.classList.add(CLASS_ACTIVE);
  7706. } else {
  7707. this.element.classList.remove(CLASS_ACTIVE);
  7708. }
  7709. if (this.lastOpacity !== opacity) {
  7710. $.trigger(this.element, 'alpha', {
  7711. alpha: opacity
  7712. });
  7713. this.lastOpacity = opacity;
  7714. }
  7715. };
  7716. Transparent.prototype.destory = function() {
  7717. this.scrollByElem.removeEventListener('scroll', this._bufferFn);
  7718. this.scrollByElem.removeEventListener($.EVENT_MOVE, this._bufferFn);
  7719. this.element.style.backgroundColor = this._bgColor;
  7720. this.element.mui_plugin_transparent = null;
  7721. };
  7722. $.fn.transparent = function(options) {
  7723. options = options || {};
  7724. var transparentApis = [];
  7725. this.each(function() {
  7726. var transparentApi = this.mui_plugin_transparent;
  7727. if (!transparentApi) {
  7728. var top = this.getAttribute('data-top');
  7729. var offset = this.getAttribute('data-offset');
  7730. var duration = this.getAttribute('data-duration');
  7731. var scrollby = this.getAttribute('data-scrollby');
  7732. if (top !== null && typeof options.top === 'undefined') {
  7733. options.top = top;
  7734. }
  7735. if (offset !== null && typeof options.offset === 'undefined') {
  7736. options.offset = offset;
  7737. }
  7738. if (duration !== null && typeof options.duration === 'undefined') {
  7739. options.duration = duration;
  7740. }
  7741. if (scrollby !== null && typeof options.scrollby === 'undefined') {
  7742. options.scrollby = document.querySelector(scrollby) || window;
  7743. }
  7744. transparentApi = this.mui_plugin_transparent = new Transparent(this, options);
  7745. }
  7746. transparentApis.push(transparentApi);
  7747. });
  7748. return transparentApis.length === 1 ? transparentApis[0] : transparentApis;
  7749. };
  7750. $.ready(function() {
  7751. $('.mui-bar-transparent').transparent();
  7752. });
  7753. })(mui, window);
  7754. /**
  7755. * 数字输入框
  7756. * varstion 1.0.1
  7757. * by Houfeng
  7758. * Houfeng@DCloud.io
  7759. */
  7760. (function($) {
  7761. var touchSupport = ('ontouchstart' in document);
  7762. var tapEventName = touchSupport ? 'tap' : 'click';
  7763. var changeEventName = 'change';
  7764. var holderClassName = 'mui-numbox';
  7765. var plusClassSelector = '.mui-btn-numbox-plus,.mui-numbox-btn-plus';
  7766. var minusClassSelector = '.mui-btn-numbox-minus,.mui-numbox-btn-minus';
  7767. var inputClassSelector = '.mui-input-numbox,.mui-numbox-input';
  7768. var Numbox = $.Numbox = $.Class.extend({
  7769. /**
  7770. * 构造函数
  7771. **/
  7772. init: function(holder, options) {
  7773. var self = this;
  7774. if (!holder) {
  7775. throw "构造 numbox 时缺少容器元素";
  7776. }
  7777. self.holder = holder;
  7778. options = options || {};
  7779. options.step = parseInt(options.step || 1);
  7780. self.options = options;
  7781. self.input = $.qsa(inputClassSelector, self.holder)[0];
  7782. self.plus = $.qsa(plusClassSelector, self.holder)[0];
  7783. self.minus = $.qsa(minusClassSelector, self.holder)[0];
  7784. self.checkValue();
  7785. self.initEvent();
  7786. },
  7787. /**
  7788. * 初始化事件绑定
  7789. **/
  7790. initEvent: function() {
  7791. var self = this;
  7792. self.plus.addEventListener(tapEventName, function(event) {
  7793. var val = parseInt(self.input.value) + self.options.step;
  7794. self.input.value = val.toString();
  7795. $.trigger(self.input, changeEventName, null);
  7796. });
  7797. self.minus.addEventListener(tapEventName, function(event) {
  7798. var val = parseInt(self.input.value) - self.options.step;
  7799. self.input.value = val.toString();
  7800. $.trigger(self.input, changeEventName, null);
  7801. });
  7802. self.input.addEventListener(changeEventName, function(event) {
  7803. self.checkValue();
  7804. var val = parseInt(self.input.value);
  7805. //触发顶层容器
  7806. $.trigger(self.holder, changeEventName, {
  7807. value: val
  7808. });
  7809. });
  7810. },
  7811. /**
  7812. * 获取当前值
  7813. **/
  7814. getValue: function() {
  7815. var self = this;
  7816. return parseInt(self.input.value);
  7817. },
  7818. /**
  7819. * 验证当前值是法合法
  7820. **/
  7821. checkValue: function() {
  7822. var self = this;
  7823. var val = self.input.value;
  7824. if (val == null || val == '' || isNaN(val)) {
  7825. self.input.value = self.options.min || 0;
  7826. self.minus.disabled = self.options.min != null;
  7827. } else {
  7828. var val = parseInt(val);
  7829. if (self.options.max != null && !isNaN(self.options.max) && val >= parseInt(self.options.max)) {
  7830. val = self.options.max;
  7831. self.plus.disabled = true;
  7832. } else {
  7833. self.plus.disabled = false;
  7834. }
  7835. if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {
  7836. val = self.options.min;
  7837. self.minus.disabled = true;
  7838. } else {
  7839. self.minus.disabled = false;
  7840. }
  7841. self.input.value = val;
  7842. }
  7843. },
  7844. /**
  7845. * 更新选项
  7846. **/
  7847. setOption: function(name, value) {
  7848. var self = this;
  7849. self.options[name] = value;
  7850. },
  7851. /**
  7852. * 动态设置新值
  7853. **/
  7854. setValue: function(value) {
  7855. this.input.value = value;
  7856. this.checkValue();
  7857. }
  7858. });
  7859. $.fn.numbox = function(options) {
  7860. var instanceArray = [];
  7861. //遍历选择的元素
  7862. this.each(function(i, element) {
  7863. if (element.numbox) {
  7864. return;
  7865. }
  7866. if (options) {
  7867. element.numbox = new Numbox(element, options);
  7868. } else {
  7869. var optionsText = element.getAttribute('data-numbox-options');
  7870. var options = optionsText ? JSON.parse(optionsText) : {};
  7871. options.step = element.getAttribute('data-numbox-step') || options.step;
  7872. options.min = element.getAttribute('data-numbox-min') || options.min;
  7873. options.max = element.getAttribute('data-numbox-max') || options.max;
  7874. element.numbox = new Numbox(element, options);
  7875. }
  7876. });
  7877. return this[0] ? this[0].numbox : null;
  7878. }
  7879. //自动处理 class='mui-locker' 的 dom
  7880. $.ready(function() {
  7881. $('.' + holderClassName).numbox();
  7882. });
  7883. }(mui));
  7884. /**
  7885. * Button
  7886. * @param {type} $
  7887. * @param {type} window
  7888. * @param {type} document
  7889. * @returns {undefined}
  7890. */
  7891. (function($, window, document) {
  7892. var CLASS_ICON = 'mui-icon';
  7893. var CLASS_DISABLED = 'mui-disabled';
  7894. var STATE_RESET = 'reset';
  7895. var STATE_LOADING = 'loading';
  7896. var defaultOptions = {
  7897. loadingText: 'Loading...', //文案
  7898. loadingIcon: 'mui-spinner' + ' ' + 'mui-spinner-white', //图标,可为空
  7899. loadingIconPosition: 'left' //图标所处位置,仅支持left|right
  7900. };
  7901. var Button = function(element, options) {
  7902. this.element = element;
  7903. this.options = $.extend({}, defaultOptions, options);
  7904. if (!this.options.loadingText) {
  7905. this.options.loadingText = defaultOptions.loadingText;
  7906. }
  7907. if (this.options.loadingIcon === null) {
  7908. this.options.loadingIcon = 'mui-spinner';
  7909. if ($.getStyles(this.element, 'color') === 'rgb(255, 255, 255)') {
  7910. this.options.loadingIcon += ' ' + 'mui-spinner-white';
  7911. }
  7912. }
  7913. this.isInput = this.element.tagName === 'INPUT';
  7914. this.resetHTML = this.isInput ? this.element.value : this.element.innerHTML;
  7915. this.state = '';
  7916. };
  7917. Button.prototype.loading = function() {
  7918. this.setState(STATE_LOADING);
  7919. };
  7920. Button.prototype.reset = function() {
  7921. this.setState(STATE_RESET);
  7922. };
  7923. Button.prototype.setState = function(state) {
  7924. if (this.state === state) {
  7925. return false;
  7926. }
  7927. this.state = state;
  7928. if (state === STATE_RESET) {
  7929. this.element.disabled = false;
  7930. this.element.classList.remove(CLASS_DISABLED);
  7931. this.setHtml(this.resetHTML);
  7932. } else if (state === STATE_LOADING) {
  7933. this.element.disabled = true;
  7934. this.element.classList.add(CLASS_DISABLED);
  7935. var html = this.isInput ? this.options.loadingText : ('<span>' + this.options.loadingText + '</span>');
  7936. if (this.options.loadingIcon && !this.isInput) {
  7937. if (this.options.loadingIconPosition === 'right') {
  7938. html += '&nbsp;<span class="' + this.options.loadingIcon + '"></span>';
  7939. } else {
  7940. html = '<span class="' + this.options.loadingIcon + '"></span>&nbsp;' + html;
  7941. }
  7942. }
  7943. this.setHtml(html);
  7944. }
  7945. };
  7946. Button.prototype.setHtml = function(html) {
  7947. if (this.isInput) {
  7948. this.element.value = html;
  7949. } else {
  7950. this.element.innerHTML = html;
  7951. }
  7952. }
  7953. $.fn.button = function(state) {
  7954. var buttonApis = [];
  7955. this.each(function() {
  7956. var buttonApi = this.mui_plugin_button;
  7957. if (!buttonApi) {
  7958. var loadingText = this.getAttribute('data-loading-text');
  7959. var loadingIcon = this.getAttribute('data-loading-icon');
  7960. var loadingIconPosition = this.getAttribute('data-loading-icon-position');
  7961. this.mui_plugin_button = buttonApi = new Button(this, {
  7962. loadingText: loadingText,
  7963. loadingIcon: loadingIcon,
  7964. loadingIconPosition: loadingIconPosition
  7965. });
  7966. }
  7967. if (state === STATE_LOADING || state === STATE_RESET) {
  7968. buttonApi.setState(state);
  7969. }
  7970. buttonApis.push(buttonApi);
  7971. });
  7972. return buttonApis.length === 1 ? buttonApis[0] : buttonApis;
  7973. };
  7974. })(mui, window, document);