| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710157111571215713157141571515716157171571815719157201572115722157231572415725157261572715728157291573015731157321573315734157351573615737157381573915740157411574215743157441574515746157471574815749157501575115752157531575415755157561575715758157591576015761157621576315764157651576615767157681576915770157711577215773157741577515776157771577815779157801578115782157831578415785157861578715788157891579015791157921579315794157951579615797157981579915800158011580215803158041580515806158071580815809158101581115812158131581415815158161581715818158191582015821158221582315824158251582615827158281582915830158311583215833158341583515836158371583815839158401584115842158431584415845158461584715848158491585015851158521585315854158551585615857158581585915860158611586215863158641586515866158671586815869158701587115872158731587415875158761587715878158791588015881158821588315884158851588615887158881588915890158911589215893158941589515896158971589815899159001590115902159031590415905159061590715908159091591015911159121591315914159151591615917159181591915920159211592215923159241592515926159271592815929159301593115932159331593415935159361593715938159391594015941159421594315944159451594615947159481594915950159511595215953159541595515956159571595815959159601596115962159631596415965159661596715968159691597015971159721597315974159751597615977159781597915980159811598215983159841598515986159871598815989159901599115992159931599415995159961599715998159991600016001160021600316004160051600616007160081600916010160111601216013160141601516016160171601816019160201602116022160231602416025160261602716028160291603016031160321603316034160351603616037160381603916040160411604216043160441604516046160471604816049160501605116052160531605416055160561605716058160591606016061160621606316064160651606616067160681606916070160711607216073160741607516076160771607816079160801608116082160831608416085160861608716088160891609016091160921609316094160951609616097160981609916100161011610216103161041610516106161071610816109161101611116112161131611416115161161611716118161191612016121161221612316124161251612616127161281612916130161311613216133161341613516136161371613816139161401614116142161431614416145161461614716148161491615016151161521615316154161551615616157161581615916160161611616216163161641616516166161671616816169161701617116172161731617416175161761617716178161791618016181161821618316184161851618616187161881618916190161911619216193161941619516196161971619816199162001620116202162031620416205162061620716208162091621016211162121621316214162151621616217162181621916220162211622216223162241622516226162271622816229162301623116232162331623416235162361623716238162391624016241162421624316244162451624616247162481624916250162511625216253162541625516256162571625816259162601626116262162631626416265162661626716268162691627016271162721627316274162751627616277162781627916280162811628216283162841628516286162871628816289162901629116292162931629416295162961629716298162991630016301163021630316304163051630616307163081630916310163111631216313163141631516316163171631816319163201632116322163231632416325163261632716328163291633016331163321633316334163351633616337163381633916340163411634216343163441634516346163471634816349163501635116352163531635416355163561635716358163591636016361163621636316364163651636616367163681636916370163711637216373163741637516376163771637816379163801638116382163831638416385163861638716388163891639016391163921639316394163951639616397163981639916400164011640216403164041640516406164071640816409164101641116412164131641416415164161641716418164191642016421164221642316424164251642616427164281642916430164311643216433164341643516436164371643816439164401644116442164431644416445164461644716448164491645016451164521645316454164551645616457164581645916460164611646216463164641646516466164671646816469164701647116472164731647416475164761647716478164791648016481164821648316484164851648616487164881648916490164911649216493164941649516496164971649816499165001650116502165031650416505165061650716508165091651016511165121651316514165151651616517165181651916520165211652216523165241652516526165271652816529165301653116532165331653416535165361653716538165391654016541165421654316544165451654616547165481654916550165511655216553165541655516556165571655816559165601656116562165631656416565165661656716568165691657016571165721657316574165751657616577165781657916580165811658216583165841658516586165871658816589165901659116592165931659416595165961659716598165991660016601166021660316604166051660616607166081660916610166111661216613166141661516616166171661816619166201662116622166231662416625166261662716628166291663016631166321663316634166351663616637166381663916640166411664216643166441664516646166471664816649166501665116652166531665416655166561665716658166591666016661166621666316664166651666616667166681666916670166711667216673166741667516676166771667816679166801668116682166831668416685166861668716688166891669016691166921669316694166951669616697166981669916700167011670216703167041670516706167071670816709167101671116712167131671416715167161671716718167191672016721167221672316724167251672616727167281672916730167311673216733167341673516736167371673816739167401674116742167431674416745167461674716748167491675016751167521675316754167551675616757167581675916760167611676216763167641676516766167671676816769167701677116772167731677416775167761677716778167791678016781167821678316784167851678616787167881678916790167911679216793167941679516796167971679816799168001680116802168031680416805168061680716808168091681016811168121681316814168151681616817168181681916820168211682216823168241682516826168271682816829168301683116832168331683416835168361683716838168391684016841168421684316844168451684616847168481684916850168511685216853168541685516856168571685816859168601686116862168631686416865168661686716868168691687016871168721687316874168751687616877168781687916880168811688216883168841688516886168871688816889168901689116892168931689416895168961689716898168991690016901169021690316904169051690616907169081690916910169111691216913169141691516916169171691816919169201692116922169231692416925169261692716928169291693016931169321693316934169351693616937169381693916940169411694216943169441694516946169471694816949169501695116952169531695416955169561695716958169591696016961169621696316964169651696616967169681696916970169711697216973169741697516976169771697816979169801698116982169831698416985169861698716988169891699016991169921699316994169951699616997169981699917000170011700217003170041700517006170071700817009170101701117012170131701417015170161701717018170191702017021170221702317024170251702617027170281702917030170311703217033170341703517036170371703817039170401704117042170431704417045170461704717048170491705017051170521705317054170551705617057170581705917060170611706217063170641706517066170671706817069170701707117072170731707417075170761707717078170791708017081170821708317084170851708617087170881708917090170911709217093170941709517096170971709817099171001710117102171031710417105171061710717108171091711017111171121711317114171151711617117171181711917120171211712217123171241712517126171271712817129171301713117132171331713417135171361713717138171391714017141171421714317144171451714617147171481714917150171511715217153171541715517156171571715817159171601716117162171631716417165171661716717168171691717017171171721717317174171751717617177171781717917180171811718217183171841718517186171871718817189171901719117192171931719417195171961719717198171991720017201172021720317204172051720617207172081720917210172111721217213172141721517216172171721817219172201722117222172231722417225172261722717228172291723017231172321723317234172351723617237172381723917240172411724217243172441724517246172471724817249172501725117252172531725417255172561725717258172591726017261172621726317264172651726617267172681726917270172711727217273172741727517276172771727817279172801728117282172831728417285172861728717288172891729017291172921729317294172951729617297172981729917300173011730217303173041730517306173071730817309173101731117312173131731417315173161731717318173191732017321173221732317324173251732617327173281732917330173311733217333173341733517336173371733817339173401734117342173431734417345173461734717348173491735017351173521735317354173551735617357173581735917360173611736217363173641736517366173671736817369173701737117372173731737417375173761737717378173791738017381173821738317384173851738617387173881738917390173911739217393173941739517396173971739817399174001740117402174031740417405174061740717408174091741017411174121741317414174151741617417174181741917420174211742217423174241742517426174271742817429174301743117432174331743417435174361743717438174391744017441174421744317444174451744617447174481744917450174511745217453174541745517456174571745817459174601746117462174631746417465174661746717468174691747017471174721747317474174751747617477174781747917480174811748217483174841748517486174871748817489174901749117492174931749417495174961749717498174991750017501175021750317504175051750617507175081750917510175111751217513175141751517516175171751817519175201752117522175231752417525175261752717528175291753017531175321753317534175351753617537175381753917540175411754217543175441754517546175471754817549175501755117552175531755417555175561755717558175591756017561175621756317564175651756617567175681756917570175711757217573175741757517576175771757817579175801758117582175831758417585175861758717588175891759017591175921759317594175951759617597175981759917600176011760217603176041760517606176071760817609176101761117612176131761417615176161761717618176191762017621176221762317624176251762617627176281762917630176311763217633176341763517636176371763817639176401764117642176431764417645176461764717648176491765017651176521765317654176551765617657176581765917660176611766217663176641766517666176671766817669176701767117672176731767417675176761767717678176791768017681176821768317684176851768617687176881768917690176911769217693176941769517696176971769817699177001770117702177031770417705177061770717708177091771017711177121771317714177151771617717177181771917720177211772217723177241772517726177271772817729177301773117732177331773417735177361773717738177391774017741177421774317744177451774617747177481774917750177511775217753177541775517756177571775817759177601776117762177631776417765177661776717768177691777017771177721777317774177751777617777177781777917780177811778217783177841778517786177871778817789177901779117792177931779417795177961779717798177991780017801178021780317804178051780617807178081780917810178111781217813178141781517816178171781817819178201782117822178231782417825178261782717828178291783017831178321783317834178351783617837178381783917840178411784217843178441784517846178471784817849178501785117852178531785417855178561785717858178591786017861178621786317864178651786617867178681786917870178711787217873178741787517876178771787817879178801788117882178831788417885178861788717888178891789017891178921789317894178951789617897178981789917900179011790217903179041790517906179071790817909179101791117912179131791417915179161791717918179191792017921179221792317924179251792617927179281792917930179311793217933179341793517936179371793817939179401794117942179431794417945179461794717948179491795017951179521795317954179551795617957179581795917960179611796217963179641796517966179671796817969179701797117972179731797417975179761797717978179791798017981179821798317984179851798617987179881798917990179911799217993179941799517996179971799817999180001800118002180031800418005180061800718008180091801018011180121801318014180151801618017180181801918020180211802218023180241802518026180271802818029180301803118032180331803418035180361803718038180391804018041180421804318044180451804618047180481804918050180511805218053180541805518056180571805818059180601806118062180631806418065180661806718068180691807018071180721807318074180751807618077180781807918080180811808218083180841808518086180871808818089180901809118092180931809418095180961809718098180991810018101181021810318104181051810618107181081810918110181111811218113181141811518116181171811818119181201812118122181231812418125181261812718128181291813018131181321813318134181351813618137181381813918140181411814218143181441814518146181471814818149181501815118152181531815418155181561815718158181591816018161181621816318164181651816618167181681816918170181711817218173181741817518176181771817818179181801818118182181831818418185181861818718188181891819018191181921819318194181951819618197181981819918200182011820218203182041820518206182071820818209182101821118212182131821418215182161821718218182191822018221182221822318224182251822618227182281822918230182311823218233182341823518236182371823818239182401824118242182431824418245182461824718248182491825018251182521825318254182551825618257182581825918260182611826218263182641826518266182671826818269182701827118272182731827418275182761827718278182791828018281182821828318284182851828618287182881828918290182911829218293182941829518296182971829818299183001830118302183031830418305183061830718308183091831018311183121831318314183151831618317183181831918320183211832218323183241832518326183271832818329183301833118332183331833418335183361833718338183391834018341183421834318344183451834618347183481834918350183511835218353183541835518356183571835818359183601836118362183631836418365183661836718368183691837018371183721837318374183751837618377183781837918380183811838218383183841838518386183871838818389183901839118392183931839418395183961839718398183991840018401184021840318404184051840618407184081840918410184111841218413184141841518416184171841818419184201842118422184231842418425184261842718428184291843018431184321843318434184351843618437184381843918440184411844218443184441844518446184471844818449184501845118452184531845418455184561845718458184591846018461184621846318464184651846618467184681846918470184711847218473184741847518476184771847818479184801848118482184831848418485184861848718488184891849018491184921849318494184951849618497184981849918500185011850218503185041850518506185071850818509185101851118512185131851418515185161851718518185191852018521185221852318524185251852618527185281852918530185311853218533185341853518536185371853818539185401854118542185431854418545185461854718548185491855018551185521855318554185551855618557185581855918560185611856218563185641856518566185671856818569185701857118572185731857418575185761857718578185791858018581185821858318584185851858618587185881858918590185911859218593185941859518596185971859818599186001860118602186031860418605186061860718608186091861018611186121861318614186151861618617186181861918620186211862218623186241862518626186271862818629186301863118632186331863418635186361863718638186391864018641186421864318644186451864618647186481864918650186511865218653186541865518656186571865818659186601866118662186631866418665186661866718668186691867018671186721867318674186751867618677186781867918680186811868218683186841868518686186871868818689186901869118692186931869418695186961869718698186991870018701187021870318704187051870618707187081870918710187111871218713187141871518716187171871818719187201872118722187231872418725187261872718728187291873018731187321873318734187351873618737187381873918740187411874218743187441874518746187471874818749187501875118752187531875418755187561875718758187591876018761187621876318764187651876618767187681876918770187711877218773187741877518776187771877818779187801878118782187831878418785187861878718788187891879018791187921879318794187951879618797187981879918800188011880218803188041880518806188071880818809188101881118812188131881418815188161881718818188191882018821188221882318824188251882618827188281882918830188311883218833188341883518836188371883818839188401884118842188431884418845188461884718848188491885018851188521885318854188551885618857188581885918860188611886218863188641886518866188671886818869188701887118872188731887418875188761887718878188791888018881188821888318884188851888618887188881888918890188911889218893188941889518896188971889818899189001890118902189031890418905189061890718908189091891018911189121891318914189151891618917189181891918920189211892218923189241892518926189271892818929189301893118932189331893418935189361893718938189391894018941189421894318944189451894618947189481894918950189511895218953189541895518956189571895818959189601896118962189631896418965189661896718968189691897018971189721897318974189751897618977189781897918980189811898218983189841898518986189871898818989189901899118992189931899418995189961899718998189991900019001190021900319004190051900619007190081900919010190111901219013190141901519016190171901819019190201902119022190231902419025190261902719028190291903019031190321903319034190351903619037190381903919040190411904219043190441904519046190471904819049190501905119052190531905419055190561905719058190591906019061190621906319064190651906619067190681906919070190711907219073190741907519076190771907819079190801908119082190831908419085190861908719088190891909019091190921909319094190951909619097190981909919100191011910219103191041910519106191071910819109191101911119112191131911419115191161911719118191191912019121191221912319124191251912619127191281912919130191311913219133191341913519136191371913819139191401914119142191431914419145191461914719148191491915019151191521915319154191551915619157191581915919160191611916219163191641916519166191671916819169191701917119172191731917419175191761917719178191791918019181191821918319184191851918619187191881918919190191911919219193191941919519196191971919819199192001920119202192031920419205192061920719208192091921019211192121921319214192151921619217192181921919220192211922219223192241922519226192271922819229192301923119232192331923419235192361923719238192391924019241192421924319244192451924619247192481924919250192511925219253192541925519256192571925819259192601926119262192631926419265192661926719268192691927019271192721927319274192751927619277192781927919280192811928219283192841928519286192871928819289192901929119292192931929419295192961929719298192991930019301193021930319304193051930619307193081930919310193111931219313193141931519316193171931819319193201932119322193231932419325193261932719328193291933019331193321933319334193351933619337193381933919340193411934219343193441934519346193471934819349193501935119352193531935419355193561935719358193591936019361193621936319364193651936619367193681936919370193711937219373193741937519376193771937819379193801938119382193831938419385193861938719388193891939019391193921939319394193951939619397193981939919400194011940219403194041940519406194071940819409194101941119412194131941419415194161941719418194191942019421194221942319424194251942619427194281942919430194311943219433194341943519436194371943819439194401944119442194431944419445194461944719448194491945019451194521945319454194551945619457194581945919460194611946219463194641946519466194671946819469194701947119472194731947419475194761947719478194791948019481194821948319484194851948619487194881948919490194911949219493194941949519496194971949819499195001950119502195031950419505195061950719508195091951019511195121951319514195151951619517195181951919520195211952219523195241952519526195271952819529195301953119532195331953419535195361953719538195391954019541195421954319544195451954619547195481954919550195511955219553195541955519556195571955819559195601956119562195631956419565195661956719568195691957019571195721957319574195751957619577195781957919580195811958219583195841958519586195871958819589195901959119592195931959419595195961959719598195991960019601196021960319604196051960619607196081960919610196111961219613196141961519616196171961819619196201962119622196231962419625196261962719628196291963019631196321963319634196351963619637196381963919640196411964219643196441964519646196471964819649196501965119652196531965419655196561965719658196591966019661196621966319664196651966619667196681966919670196711967219673196741967519676196771967819679196801968119682196831968419685196861968719688196891969019691196921969319694196951969619697196981969919700197011970219703197041970519706197071970819709197101971119712197131971419715197161971719718197191972019721197221972319724197251972619727197281972919730197311973219733197341973519736197371973819739197401974119742197431974419745197461974719748197491975019751197521975319754197551975619757197581975919760197611976219763197641976519766197671976819769197701977119772197731977419775197761977719778197791978019781197821978319784197851978619787197881978919790197911979219793197941979519796197971979819799198001980119802198031980419805198061980719808198091981019811198121981319814198151981619817198181981919820198211982219823198241982519826198271982819829198301983119832198331983419835198361983719838198391984019841198421984319844198451984619847198481984919850198511985219853198541985519856198571985819859198601986119862198631986419865198661986719868198691987019871198721987319874198751987619877198781987919880198811988219883198841988519886198871988819889198901989119892198931989419895198961989719898198991990019901199021990319904199051990619907199081990919910199111991219913199141991519916199171991819919199201992119922199231992419925199261992719928199291993019931199321993319934199351993619937199381993919940199411994219943199441994519946199471994819949199501995119952199531995419955199561995719958199591996019961199621996319964199651996619967199681996919970199711997219973199741997519976199771997819979199801998119982199831998419985199861998719988199891999019991199921999319994199951999619997199981999920000200012000220003200042000520006200072000820009200102001120012200132001420015200162001720018200192002020021200222002320024200252002620027200282002920030200312003220033200342003520036200372003820039200402004120042200432004420045200462004720048200492005020051200522005320054200552005620057200582005920060200612006220063200642006520066200672006820069200702007120072200732007420075200762007720078200792008020081200822008320084200852008620087200882008920090200912009220093200942009520096200972009820099201002010120102201032010420105201062010720108201092011020111201122011320114201152011620117201182011920120201212012220123201242012520126201272012820129201302013120132201332013420135201362013720138201392014020141201422014320144201452014620147201482014920150201512015220153201542015520156201572015820159201602016120162201632016420165201662016720168201692017020171201722017320174201752017620177201782017920180201812018220183201842018520186201872018820189201902019120192201932019420195201962019720198201992020020201202022020320204202052020620207202082020920210202112021220213202142021520216202172021820219202202022120222202232022420225202262022720228202292023020231202322023320234202352023620237202382023920240202412024220243202442024520246202472024820249202502025120252202532025420255202562025720258202592026020261202622026320264202652026620267202682026920270202712027220273202742027520276202772027820279202802028120282202832028420285202862028720288202892029020291202922029320294202952029620297202982029920300203012030220303203042030520306203072030820309203102031120312203132031420315203162031720318203192032020321203222032320324203252032620327203282032920330203312033220333203342033520336203372033820339203402034120342203432034420345203462034720348203492035020351203522035320354203552035620357203582035920360203612036220363203642036520366203672036820369203702037120372203732037420375203762037720378203792038020381203822038320384203852038620387203882038920390203912039220393203942039520396203972039820399204002040120402204032040420405204062040720408204092041020411204122041320414204152041620417204182041920420204212042220423204242042520426204272042820429204302043120432204332043420435204362043720438204392044020441204422044320444204452044620447204482044920450204512045220453204542045520456204572045820459204602046120462204632046420465204662046720468204692047020471204722047320474204752047620477204782047920480204812048220483204842048520486204872048820489204902049120492204932049420495204962049720498204992050020501205022050320504205052050620507205082050920510205112051220513205142051520516205172051820519205202052120522205232052420525205262052720528205292053020531205322053320534205352053620537205382053920540205412054220543205442054520546205472054820549205502055120552205532055420555205562055720558205592056020561205622056320564205652056620567205682056920570205712057220573205742057520576205772057820579205802058120582205832058420585205862058720588205892059020591205922059320594205952059620597205982059920600206012060220603206042060520606206072060820609206102061120612206132061420615206162061720618206192062020621206222062320624206252062620627206282062920630206312063220633206342063520636206372063820639206402064120642206432064420645206462064720648206492065020651206522065320654206552065620657206582065920660206612066220663206642066520666206672066820669206702067120672206732067420675206762067720678206792068020681206822068320684206852068620687206882068920690206912069220693206942069520696206972069820699207002070120702207032070420705207062070720708207092071020711207122071320714207152071620717207182071920720207212072220723207242072520726207272072820729207302073120732207332073420735207362073720738207392074020741207422074320744207452074620747207482074920750207512075220753207542075520756207572075820759207602076120762207632076420765207662076720768207692077020771207722077320774207752077620777207782077920780207812078220783207842078520786207872078820789207902079120792207932079420795207962079720798207992080020801208022080320804208052080620807208082080920810208112081220813208142081520816208172081820819208202082120822208232082420825208262082720828208292083020831208322083320834208352083620837208382083920840208412084220843208442084520846208472084820849208502085120852208532085420855208562085720858208592086020861208622086320864208652086620867208682086920870208712087220873208742087520876208772087820879208802088120882208832088420885208862088720888208892089020891208922089320894208952089620897208982089920900209012090220903209042090520906209072090820909209102091120912209132091420915209162091720918209192092020921209222092320924209252092620927209282092920930209312093220933209342093520936209372093820939209402094120942209432094420945209462094720948209492095020951209522095320954209552095620957209582095920960209612096220963209642096520966209672096820969209702097120972209732097420975209762097720978209792098020981209822098320984209852098620987209882098920990209912099220993209942099520996209972099820999210002100121002210032100421005210062100721008210092101021011210122101321014210152101621017210182101921020210212102221023210242102521026210272102821029210302103121032210332103421035210362103721038210392104021041210422104321044210452104621047210482104921050210512105221053210542105521056210572105821059210602106121062210632106421065210662106721068210692107021071210722107321074210752107621077210782107921080210812108221083210842108521086210872108821089210902109121092210932109421095210962109721098210992110021101211022110321104211052110621107211082110921110211112111221113211142111521116211172111821119211202112121122211232112421125211262112721128211292113021131211322113321134211352113621137211382113921140211412114221143211442114521146211472114821149211502115121152211532115421155211562115721158211592116021161211622116321164211652116621167211682116921170211712117221173211742117521176211772117821179211802118121182211832118421185211862118721188211892119021191211922119321194211952119621197211982119921200212012120221203212042120521206212072120821209212102121121212212132121421215212162121721218212192122021221212222122321224212252122621227212282122921230212312123221233212342123521236212372123821239212402124121242212432124421245212462124721248212492125021251212522125321254212552125621257212582125921260212612126221263212642126521266212672126821269212702127121272212732127421275212762127721278212792128021281212822128321284212852128621287212882128921290212912129221293212942129521296212972129821299213002130121302213032130421305213062130721308213092131021311213122131321314213152131621317213182131921320213212132221323213242132521326213272132821329213302133121332213332133421335213362133721338213392134021341213422134321344213452134621347213482134921350213512135221353213542135521356213572135821359213602136121362213632136421365213662136721368213692137021371213722137321374213752137621377213782137921380213812138221383213842138521386213872138821389213902139121392213932139421395213962139721398213992140021401214022140321404214052140621407214082140921410214112141221413214142141521416214172141821419214202142121422214232142421425214262142721428214292143021431214322143321434214352143621437214382143921440214412144221443214442144521446214472144821449214502145121452214532145421455214562145721458214592146021461214622146321464214652146621467214682146921470214712147221473214742147521476214772147821479214802148121482214832148421485214862148721488214892149021491214922149321494214952149621497214982149921500215012150221503215042150521506215072150821509215102151121512215132151421515215162151721518215192152021521215222152321524215252152621527215282152921530215312153221533215342153521536215372153821539215402154121542215432154421545215462154721548215492155021551215522155321554215552155621557215582155921560215612156221563215642156521566215672156821569215702157121572215732157421575215762157721578215792158021581215822158321584215852158621587215882158921590215912159221593215942159521596215972159821599216002160121602216032160421605216062160721608216092161021611216122161321614216152161621617216182161921620216212162221623216242162521626216272162821629216302163121632216332163421635216362163721638216392164021641216422164321644216452164621647216482164921650216512165221653216542165521656216572165821659216602166121662216632166421665216662166721668216692167021671216722167321674216752167621677216782167921680216812168221683216842168521686216872168821689216902169121692216932169421695216962169721698216992170021701217022170321704217052170621707217082170921710217112171221713217142171521716217172171821719217202172121722217232172421725217262172721728217292173021731217322173321734217352173621737217382173921740217412174221743217442174521746217472174821749217502175121752217532175421755217562175721758217592176021761217622176321764217652176621767217682176921770217712177221773217742177521776217772177821779217802178121782217832178421785217862178721788217892179021791217922179321794217952179621797217982179921800218012180221803218042180521806218072180821809218102181121812218132181421815218162181721818218192182021821218222182321824218252182621827218282182921830218312183221833218342183521836218372183821839218402184121842218432184421845218462184721848218492185021851218522185321854218552185621857218582185921860218612186221863218642186521866218672186821869218702187121872218732187421875218762187721878218792188021881218822188321884218852188621887218882188921890218912189221893218942189521896218972189821899219002190121902219032190421905219062190721908219092191021911219122191321914219152191621917219182191921920219212192221923219242192521926219272192821929219302193121932219332193421935219362193721938219392194021941219422194321944219452194621947219482194921950219512195221953219542195521956219572195821959219602196121962219632196421965219662196721968219692197021971219722197321974219752197621977219782197921980219812198221983219842198521986219872198821989219902199121992219932199421995219962199721998219992200022001220022200322004220052200622007220082200922010220112201222013220142201522016220172201822019220202202122022220232202422025220262202722028220292203022031220322203322034220352203622037220382203922040220412204222043220442204522046220472204822049220502205122052220532205422055220562205722058220592206022061220622206322064220652206622067220682206922070220712207222073220742207522076220772207822079220802208122082220832208422085220862208722088220892209022091220922209322094220952209622097220982209922100221012210222103221042210522106221072210822109221102211122112221132211422115221162211722118221192212022121221222212322124221252212622127221282212922130221312213222133221342213522136221372213822139221402214122142221432214422145221462214722148221492215022151221522215322154221552215622157221582215922160221612216222163221642216522166221672216822169221702217122172221732217422175221762217722178221792218022181221822218322184221852218622187221882218922190221912219222193221942219522196221972219822199222002220122202222032220422205222062220722208222092221022211222122221322214222152221622217222182221922220222212222222223222242222522226222272222822229222302223122232222332223422235222362223722238222392224022241222422224322244222452224622247222482224922250222512225222253222542225522256222572225822259222602226122262222632226422265222662226722268222692227022271222722227322274222752227622277222782227922280222812228222283222842228522286222872228822289222902229122292222932229422295222962229722298222992230022301223022230322304223052230622307223082230922310223112231222313223142231522316223172231822319223202232122322223232232422325223262232722328223292233022331223322233322334223352233622337223382233922340223412234222343223442234522346223472234822349223502235122352223532235422355223562235722358223592236022361223622236322364223652236622367223682236922370223712237222373223742237522376223772237822379223802238122382223832238422385223862238722388223892239022391223922239322394223952239622397223982239922400224012240222403224042240522406224072240822409224102241122412224132241422415224162241722418224192242022421224222242322424224252242622427224282242922430224312243222433224342243522436224372243822439224402244122442224432244422445224462244722448224492245022451224522245322454224552245622457224582245922460224612246222463224642246522466224672246822469224702247122472224732247422475224762247722478224792248022481224822248322484224852248622487224882248922490224912249222493224942249522496224972249822499225002250122502225032250422505225062250722508225092251022511225122251322514225152251622517225182251922520225212252222523225242252522526225272252822529225302253122532225332253422535225362253722538225392254022541225422254322544225452254622547225482254922550225512255222553225542255522556225572255822559225602256122562225632256422565225662256722568225692257022571225722257322574225752257622577225782257922580225812258222583225842258522586225872258822589225902259122592225932259422595225962259722598225992260022601226022260322604226052260622607226082260922610226112261222613226142261522616226172261822619226202262122622226232262422625226262262722628226292263022631226322263322634226352263622637226382263922640226412264222643226442264522646226472264822649226502265122652226532265422655226562265722658226592266022661226622266322664226652266622667226682266922670226712267222673226742267522676226772267822679226802268122682226832268422685226862268722688226892269022691226922269322694226952269622697226982269922700227012270222703227042270522706227072270822709227102271122712227132271422715227162271722718227192272022721227222272322724227252272622727227282272922730227312273222733227342273522736227372273822739227402274122742227432274422745227462274722748227492275022751227522275322754227552275622757227582275922760227612276222763227642276522766227672276822769227702277122772227732277422775227762277722778227792278022781227822278322784227852278622787227882278922790227912279222793227942279522796227972279822799228002280122802228032280422805228062280722808228092281022811228122281322814228152281622817228182281922820228212282222823228242282522826228272282822829228302283122832228332283422835228362283722838228392284022841228422284322844228452284622847228482284922850228512285222853228542285522856228572285822859228602286122862228632286422865228662286722868228692287022871228722287322874228752287622877228782287922880228812288222883228842288522886228872288822889228902289122892228932289422895228962289722898228992290022901229022290322904229052290622907229082290922910229112291222913229142291522916229172291822919229202292122922229232292422925229262292722928229292293022931229322293322934229352293622937229382293922940229412294222943229442294522946229472294822949229502295122952229532295422955229562295722958229592296022961229622296322964229652296622967229682296922970229712297222973229742297522976229772297822979229802298122982229832298422985229862298722988229892299022991229922299322994229952299622997229982299923000230012300223003230042300523006230072300823009230102301123012230132301423015230162301723018230192302023021230222302323024230252302623027230282302923030230312303223033230342303523036230372303823039230402304123042230432304423045230462304723048230492305023051230522305323054230552305623057230582305923060230612306223063230642306523066230672306823069230702307123072230732307423075230762307723078230792308023081230822308323084230852308623087230882308923090230912309223093230942309523096230972309823099231002310123102231032310423105231062310723108231092311023111231122311323114231152311623117231182311923120231212312223123231242312523126231272312823129231302313123132231332313423135231362313723138231392314023141231422314323144231452314623147231482314923150231512315223153231542315523156231572315823159231602316123162231632316423165231662316723168231692317023171231722317323174231752317623177231782317923180231812318223183231842318523186231872318823189231902319123192231932319423195231962319723198231992320023201232022320323204232052320623207232082320923210232112321223213232142321523216232172321823219232202322123222232232322423225232262322723228232292323023231232322323323234232352323623237232382323923240232412324223243232442324523246232472324823249232502325123252232532325423255232562325723258232592326023261232622326323264232652326623267232682326923270232712327223273232742327523276232772327823279232802328123282232832328423285232862328723288232892329023291232922329323294232952329623297232982329923300233012330223303233042330523306233072330823309233102331123312233132331423315233162331723318233192332023321233222332323324233252332623327233282332923330233312333223333233342333523336233372333823339233402334123342233432334423345233462334723348233492335023351233522335323354233552335623357233582335923360233612336223363233642336523366233672336823369233702337123372233732337423375233762337723378233792338023381233822338323384233852338623387233882338923390233912339223393233942339523396233972339823399234002340123402234032340423405234062340723408234092341023411234122341323414234152341623417234182341923420234212342223423234242342523426234272342823429234302343123432234332343423435234362343723438234392344023441234422344323444234452344623447234482344923450234512345223453234542345523456234572345823459234602346123462234632346423465234662346723468234692347023471234722347323474234752347623477234782347923480234812348223483234842348523486234872348823489234902349123492234932349423495234962349723498234992350023501235022350323504235052350623507235082350923510235112351223513235142351523516235172351823519235202352123522235232352423525235262352723528235292353023531235322353323534235352353623537235382353923540235412354223543235442354523546235472354823549235502355123552235532355423555235562355723558235592356023561235622356323564235652356623567235682356923570235712357223573235742357523576235772357823579235802358123582235832358423585235862358723588235892359023591235922359323594235952359623597235982359923600236012360223603236042360523606236072360823609236102361123612236132361423615236162361723618236192362023621236222362323624236252362623627236282362923630236312363223633236342363523636236372363823639236402364123642236432364423645236462364723648236492365023651236522365323654236552365623657236582365923660236612366223663236642366523666236672366823669236702367123672236732367423675236762367723678236792368023681236822368323684236852368623687236882368923690236912369223693236942369523696236972369823699237002370123702237032370423705237062370723708237092371023711237122371323714237152371623717237182371923720237212372223723237242372523726237272372823729237302373123732237332373423735237362373723738237392374023741237422374323744237452374623747237482374923750237512375223753237542375523756237572375823759237602376123762237632376423765237662376723768237692377023771237722377323774237752377623777237782377923780237812378223783237842378523786237872378823789237902379123792237932379423795237962379723798237992380023801238022380323804238052380623807238082380923810238112381223813238142381523816238172381823819238202382123822238232382423825238262382723828238292383023831238322383323834238352383623837238382383923840238412384223843238442384523846238472384823849238502385123852238532385423855238562385723858238592386023861238622386323864238652386623867238682386923870238712387223873238742387523876238772387823879238802388123882238832388423885238862388723888238892389023891238922389323894238952389623897238982389923900239012390223903239042390523906239072390823909239102391123912239132391423915239162391723918239192392023921239222392323924239252392623927239282392923930239312393223933239342393523936239372393823939239402394123942239432394423945239462394723948239492395023951239522395323954239552395623957239582395923960239612396223963239642396523966239672396823969239702397123972239732397423975239762397723978239792398023981239822398323984239852398623987239882398923990239912399223993239942399523996239972399823999240002400124002240032400424005240062400724008240092401024011240122401324014240152401624017240182401924020240212402224023240242402524026240272402824029240302403124032240332403424035240362403724038240392404024041240422404324044240452404624047240482404924050240512405224053240542405524056240572405824059240602406124062240632406424065240662406724068240692407024071240722407324074240752407624077240782407924080240812408224083240842408524086240872408824089240902409124092240932409424095240962409724098240992410024101241022410324104241052410624107241082410924110241112411224113241142411524116241172411824119241202412124122241232412424125241262412724128241292413024131241322413324134241352413624137241382413924140241412414224143241442414524146241472414824149241502415124152241532415424155241562415724158241592416024161241622416324164241652416624167241682416924170241712417224173241742417524176241772417824179241802418124182241832418424185241862418724188241892419024191241922419324194241952419624197241982419924200242012420224203242042420524206242072420824209242102421124212242132421424215242162421724218242192422024221242222422324224242252422624227242282422924230242312423224233242342423524236242372423824239242402424124242242432424424245242462424724248242492425024251242522425324254242552425624257242582425924260242612426224263242642426524266242672426824269242702427124272242732427424275242762427724278242792428024281242822428324284242852428624287242882428924290242912429224293242942429524296242972429824299243002430124302243032430424305243062430724308243092431024311243122431324314243152431624317243182431924320243212432224323243242432524326243272432824329243302433124332243332433424335243362433724338243392434024341243422434324344243452434624347243482434924350243512435224353243542435524356243572435824359243602436124362243632436424365243662436724368243692437024371243722437324374243752437624377243782437924380243812438224383243842438524386243872438824389243902439124392243932439424395243962439724398243992440024401244022440324404244052440624407244082440924410244112441224413244142441524416244172441824419244202442124422244232442424425244262442724428244292443024431244322443324434244352443624437244382443924440244412444224443244442444524446244472444824449244502445124452244532445424455244562445724458244592446024461244622446324464244652446624467244682446924470244712447224473244742447524476244772447824479244802448124482244832448424485244862448724488244892449024491244922449324494244952449624497244982449924500245012450224503245042450524506245072450824509245102451124512245132451424515245162451724518245192452024521245222452324524245252452624527245282452924530245312453224533245342453524536245372453824539245402454124542245432454424545245462454724548245492455024551245522455324554245552455624557245582455924560245612456224563245642456524566245672456824569245702457124572245732457424575245762457724578245792458024581245822458324584245852458624587245882458924590245912459224593245942459524596245972459824599246002460124602246032460424605246062460724608246092461024611246122461324614246152461624617246182461924620246212462224623246242462524626246272462824629246302463124632246332463424635246362463724638246392464024641246422464324644246452464624647246482464924650246512465224653246542465524656246572465824659246602466124662246632466424665246662466724668246692467024671246722467324674246752467624677246782467924680246812468224683246842468524686246872468824689246902469124692246932469424695246962469724698246992470024701247022470324704247052470624707247082470924710247112471224713247142471524716247172471824719247202472124722247232472424725247262472724728247292473024731247322473324734247352473624737247382473924740247412474224743247442474524746247472474824749247502475124752247532475424755247562475724758247592476024761247622476324764247652476624767247682476924770247712477224773247742477524776247772477824779247802478124782247832478424785247862478724788247892479024791247922479324794247952479624797247982479924800248012480224803248042480524806248072480824809248102481124812248132481424815248162481724818248192482024821248222482324824248252482624827248282482924830248312483224833248342483524836248372483824839248402484124842248432484424845248462484724848248492485024851248522485324854248552485624857248582485924860248612486224863248642486524866248672486824869248702487124872248732487424875248762487724878248792488024881248822488324884248852488624887248882488924890248912489224893248942489524896248972489824899249002490124902249032490424905249062490724908249092491024911249122491324914249152491624917249182491924920249212492224923249242492524926249272492824929249302493124932249332493424935249362493724938249392494024941249422494324944249452494624947249482494924950249512495224953249542495524956249572495824959249602496124962249632496424965249662496724968249692497024971249722497324974249752497624977249782497924980249812498224983249842498524986249872498824989249902499124992249932499424995249962499724998249992500025001250022500325004250052500625007250082500925010250112501225013250142501525016250172501825019250202502125022250232502425025250262502725028250292503025031250322503325034250352503625037250382503925040250412504225043250442504525046250472504825049250502505125052250532505425055250562505725058250592506025061250622506325064250652506625067250682506925070250712507225073250742507525076250772507825079250802508125082250832508425085250862508725088250892509025091250922509325094250952509625097250982509925100251012510225103251042510525106251072510825109251102511125112251132511425115251162511725118251192512025121251222512325124251252512625127251282512925130251312513225133251342513525136251372513825139251402514125142251432514425145251462514725148251492515025151251522515325154251552515625157251582515925160251612516225163251642516525166251672516825169251702517125172251732517425175251762517725178251792518025181251822518325184251852518625187251882518925190251912519225193251942519525196251972519825199252002520125202252032520425205252062520725208252092521025211252122521325214252152521625217252182521925220252212522225223252242522525226252272522825229252302523125232252332523425235252362523725238252392524025241252422524325244252452524625247252482524925250252512525225253252542525525256252572525825259252602526125262252632526425265252662526725268252692527025271252722527325274252752527625277252782527925280252812528225283252842528525286252872528825289252902529125292252932529425295252962529725298252992530025301253022530325304253052530625307253082530925310253112531225313253142531525316253172531825319253202532125322253232532425325253262532725328253292533025331253322533325334253352533625337253382533925340253412534225343253442534525346253472534825349253502535125352253532535425355253562535725358253592536025361253622536325364253652536625367253682536925370253712537225373253742537525376253772537825379253802538125382253832538425385253862538725388253892539025391253922539325394253952539625397253982539925400254012540225403254042540525406254072540825409254102541125412254132541425415254162541725418254192542025421254222542325424254252542625427254282542925430254312543225433254342543525436254372543825439254402544125442254432544425445254462544725448254492545025451254522545325454254552545625457254582545925460254612546225463254642546525466254672546825469254702547125472254732547425475254762547725478254792548025481254822548325484254852548625487254882548925490254912549225493254942549525496254972549825499255002550125502255032550425505255062550725508255092551025511255122551325514255152551625517255182551925520255212552225523255242552525526255272552825529255302553125532255332553425535255362553725538255392554025541255422554325544255452554625547255482554925550255512555225553255542555525556255572555825559255602556125562255632556425565255662556725568255692557025571255722557325574255752557625577255782557925580255812558225583255842558525586255872558825589255902559125592255932559425595255962559725598255992560025601256022560325604256052560625607256082560925610256112561225613256142561525616256172561825619256202562125622256232562425625256262562725628256292563025631256322563325634256352563625637256382563925640256412564225643256442564525646256472564825649256502565125652256532565425655256562565725658256592566025661256622566325664256652566625667256682566925670256712567225673256742567525676256772567825679256802568125682256832568425685256862568725688256892569025691256922569325694256952569625697256982569925700257012570225703257042570525706257072570825709257102571125712257132571425715257162571725718257192572025721257222572325724257252572625727257282572925730257312573225733257342573525736257372573825739257402574125742257432574425745257462574725748257492575025751257522575325754257552575625757257582575925760257612576225763257642576525766257672576825769257702577125772257732577425775257762577725778257792578025781257822578325784257852578625787257882578925790257912579225793257942579525796257972579825799258002580125802258032580425805258062580725808258092581025811258122581325814258152581625817258182581925820258212582225823258242582525826258272582825829258302583125832258332583425835258362583725838258392584025841258422584325844258452584625847258482584925850258512585225853258542585525856258572585825859258602586125862258632586425865258662586725868258692587025871258722587325874258752587625877258782587925880258812588225883258842588525886258872588825889258902589125892258932589425895258962589725898258992590025901259022590325904259052590625907259082590925910259112591225913259142591525916259172591825919259202592125922259232592425925259262592725928259292593025931259322593325934259352593625937259382593925940259412594225943259442594525946259472594825949259502595125952259532595425955259562595725958259592596025961259622596325964259652596625967259682596925970259712597225973259742597525976259772597825979259802598125982259832598425985259862598725988259892599025991259922599325994259952599625997259982599926000260012600226003260042600526006260072600826009260102601126012260132601426015260162601726018260192602026021260222602326024260252602626027260282602926030260312603226033260342603526036260372603826039260402604126042260432604426045260462604726048260492605026051260522605326054260552605626057260582605926060260612606226063260642606526066260672606826069260702607126072260732607426075260762607726078260792608026081260822608326084260852608626087260882608926090260912609226093260942609526096260972609826099261002610126102261032610426105261062610726108261092611026111261122611326114261152611626117261182611926120261212612226123261242612526126261272612826129261302613126132261332613426135261362613726138261392614026141261422614326144261452614626147261482614926150261512615226153261542615526156261572615826159261602616126162261632616426165261662616726168261692617026171261722617326174261752617626177261782617926180261812618226183261842618526186261872618826189261902619126192261932619426195261962619726198261992620026201262022620326204262052620626207262082620926210262112621226213262142621526216262172621826219262202622126222262232622426225262262622726228262292623026231262322623326234262352623626237262382623926240262412624226243262442624526246262472624826249262502625126252262532625426255262562625726258262592626026261262622626326264262652626626267262682626926270262712627226273262742627526276262772627826279262802628126282262832628426285262862628726288262892629026291262922629326294262952629626297262982629926300263012630226303263042630526306263072630826309263102631126312263132631426315263162631726318263192632026321263222632326324263252632626327263282632926330263312633226333263342633526336263372633826339263402634126342263432634426345263462634726348263492635026351263522635326354263552635626357263582635926360263612636226363263642636526366263672636826369263702637126372263732637426375263762637726378263792638026381263822638326384263852638626387263882638926390263912639226393263942639526396263972639826399264002640126402264032640426405264062640726408264092641026411264122641326414264152641626417264182641926420264212642226423264242642526426264272642826429264302643126432264332643426435264362643726438264392644026441264422644326444264452644626447264482644926450264512645226453264542645526456264572645826459264602646126462264632646426465264662646726468264692647026471264722647326474264752647626477264782647926480264812648226483264842648526486264872648826489264902649126492264932649426495264962649726498264992650026501265022650326504265052650626507265082650926510265112651226513265142651526516265172651826519265202652126522265232652426525265262652726528265292653026531265322653326534265352653626537265382653926540265412654226543265442654526546265472654826549265502655126552265532655426555265562655726558265592656026561265622656326564265652656626567265682656926570265712657226573265742657526576265772657826579265802658126582265832658426585265862658726588265892659026591265922659326594265952659626597265982659926600266012660226603266042660526606266072660826609266102661126612266132661426615266162661726618266192662026621266222662326624266252662626627266282662926630266312663226633266342663526636266372663826639266402664126642266432664426645266462664726648266492665026651266522665326654266552665626657266582665926660266612666226663266642666526666266672666826669266702667126672266732667426675266762667726678266792668026681266822668326684266852668626687266882668926690266912669226693266942669526696266972669826699267002670126702267032670426705267062670726708267092671026711267122671326714267152671626717267182671926720267212672226723267242672526726267272672826729267302673126732267332673426735267362673726738267392674026741267422674326744267452674626747267482674926750267512675226753267542675526756267572675826759267602676126762267632676426765267662676726768267692677026771267722677326774267752677626777267782677926780267812678226783267842678526786267872678826789267902679126792267932679426795267962679726798267992680026801268022680326804268052680626807268082680926810268112681226813268142681526816268172681826819268202682126822268232682426825268262682726828268292683026831268322683326834268352683626837268382683926840268412684226843268442684526846268472684826849268502685126852268532685426855268562685726858268592686026861268622686326864268652686626867268682686926870268712687226873268742687526876268772687826879268802688126882268832688426885268862688726888268892689026891268922689326894268952689626897268982689926900269012690226903269042690526906269072690826909269102691126912269132691426915269162691726918269192692026921269222692326924269252692626927269282692926930269312693226933269342693526936269372693826939269402694126942269432694426945269462694726948269492695026951269522695326954269552695626957269582695926960269612696226963269642696526966269672696826969269702697126972269732697426975269762697726978269792698026981269822698326984269852698626987269882698926990269912699226993269942699526996269972699826999270002700127002270032700427005270062700727008270092701027011270122701327014270152701627017270182701927020270212702227023270242702527026270272702827029270302703127032270332703427035270362703727038270392704027041270422704327044270452704627047270482704927050270512705227053270542705527056270572705827059270602706127062270632706427065270662706727068270692707027071270722707327074270752707627077270782707927080270812708227083270842708527086270872708827089270902709127092270932709427095270962709727098270992710027101271022710327104271052710627107271082710927110271112711227113271142711527116271172711827119271202712127122271232712427125271262712727128271292713027131271322713327134271352713627137271382713927140271412714227143271442714527146271472714827149271502715127152271532715427155271562715727158271592716027161271622716327164271652716627167271682716927170271712717227173271742717527176271772717827179271802718127182271832718427185271862718727188271892719027191271922719327194271952719627197271982719927200272012720227203272042720527206272072720827209272102721127212272132721427215272162721727218272192722027221272222722327224272252722627227272282722927230272312723227233272342723527236272372723827239272402724127242272432724427245272462724727248272492725027251272522725327254272552725627257272582725927260272612726227263272642726527266272672726827269272702727127272272732727427275272762727727278272792728027281272822728327284272852728627287272882728927290272912729227293272942729527296272972729827299273002730127302273032730427305273062730727308273092731027311273122731327314273152731627317273182731927320273212732227323273242732527326273272732827329273302733127332273332733427335273362733727338273392734027341273422734327344273452734627347273482734927350273512735227353273542735527356273572735827359273602736127362273632736427365273662736727368273692737027371273722737327374273752737627377273782737927380273812738227383273842738527386273872738827389273902739127392273932739427395273962739727398273992740027401274022740327404274052740627407274082740927410274112741227413274142741527416274172741827419274202742127422274232742427425274262742727428274292743027431274322743327434274352743627437274382743927440274412744227443274442744527446274472744827449274502745127452274532745427455274562745727458274592746027461274622746327464274652746627467274682746927470274712747227473274742747527476274772747827479274802748127482274832748427485274862748727488274892749027491274922749327494274952749627497274982749927500275012750227503275042750527506275072750827509275102751127512275132751427515275162751727518275192752027521275222752327524275252752627527275282752927530275312753227533275342753527536275372753827539275402754127542275432754427545275462754727548275492755027551275522755327554275552755627557275582755927560275612756227563275642756527566275672756827569275702757127572275732757427575275762757727578275792758027581275822758327584275852758627587275882758927590275912759227593275942759527596275972759827599276002760127602276032760427605276062760727608276092761027611276122761327614276152761627617276182761927620276212762227623276242762527626276272762827629276302763127632276332763427635276362763727638276392764027641276422764327644276452764627647276482764927650276512765227653276542765527656276572765827659276602766127662276632766427665276662766727668276692767027671276722767327674276752767627677276782767927680276812768227683276842768527686276872768827689276902769127692276932769427695276962769727698276992770027701277022770327704277052770627707277082770927710277112771227713277142771527716277172771827719277202772127722277232772427725277262772727728277292773027731277322773327734277352773627737277382773927740277412774227743277442774527746277472774827749277502775127752277532775427755277562775727758277592776027761277622776327764277652776627767277682776927770277712777227773277742777527776277772777827779277802778127782277832778427785277862778727788277892779027791277922779327794277952779627797277982779927800278012780227803278042780527806278072780827809278102781127812278132781427815278162781727818278192782027821278222782327824278252782627827278282782927830278312783227833278342783527836278372783827839278402784127842278432784427845278462784727848278492785027851278522785327854278552785627857278582785927860278612786227863278642786527866278672786827869278702787127872278732787427875278762787727878278792788027881278822788327884278852788627887278882788927890278912789227893278942789527896278972789827899279002790127902279032790427905279062790727908279092791027911279122791327914279152791627917279182791927920279212792227923279242792527926279272792827929279302793127932279332793427935279362793727938279392794027941279422794327944279452794627947279482794927950279512795227953279542795527956279572795827959279602796127962279632796427965279662796727968279692797027971279722797327974279752797627977279782797927980279812798227983279842798527986279872798827989279902799127992279932799427995279962799727998279992800028001280022800328004280052800628007280082800928010280112801228013280142801528016280172801828019280202802128022280232802428025280262802728028280292803028031280322803328034280352803628037280382803928040280412804228043280442804528046280472804828049280502805128052280532805428055280562805728058280592806028061280622806328064280652806628067280682806928070280712807228073280742807528076280772807828079280802808128082280832808428085280862808728088280892809028091280922809328094280952809628097280982809928100281012810228103281042810528106281072810828109281102811128112281132811428115281162811728118281192812028121281222812328124281252812628127281282812928130281312813228133281342813528136281372813828139281402814128142281432814428145281462814728148281492815028151281522815328154281552815628157281582815928160281612816228163281642816528166281672816828169281702817128172281732817428175281762817728178281792818028181281822818328184281852818628187281882818928190281912819228193281942819528196281972819828199282002820128202282032820428205282062820728208282092821028211282122821328214282152821628217282182821928220282212822228223282242822528226282272822828229282302823128232282332823428235282362823728238282392824028241282422824328244282452824628247282482824928250282512825228253282542825528256282572825828259282602826128262282632826428265282662826728268282692827028271282722827328274282752827628277282782827928280282812828228283282842828528286282872828828289282902829128292282932829428295282962829728298282992830028301283022830328304283052830628307283082830928310283112831228313283142831528316283172831828319283202832128322283232832428325283262832728328283292833028331283322833328334283352833628337283382833928340283412834228343283442834528346283472834828349283502835128352283532835428355283562835728358283592836028361283622836328364283652836628367283682836928370283712837228373283742837528376283772837828379283802838128382283832838428385283862838728388283892839028391283922839328394283952839628397283982839928400284012840228403284042840528406284072840828409284102841128412284132841428415284162841728418284192842028421284222842328424284252842628427284282842928430284312843228433284342843528436284372843828439284402844128442284432844428445284462844728448284492845028451284522845328454284552845628457284582845928460284612846228463284642846528466284672846828469284702847128472284732847428475284762847728478284792848028481284822848328484284852848628487284882848928490284912849228493284942849528496284972849828499285002850128502285032850428505285062850728508285092851028511285122851328514285152851628517285182851928520285212852228523285242852528526285272852828529285302853128532285332853428535285362853728538285392854028541285422854328544285452854628547285482854928550285512855228553285542855528556285572855828559285602856128562285632856428565285662856728568285692857028571285722857328574285752857628577285782857928580285812858228583285842858528586285872858828589285902859128592285932859428595285962859728598285992860028601286022860328604286052860628607286082860928610286112861228613286142861528616286172861828619286202862128622286232862428625286262862728628286292863028631286322863328634286352863628637286382863928640286412864228643286442864528646286472864828649286502865128652286532865428655286562865728658286592866028661286622866328664286652866628667286682866928670286712867228673286742867528676286772867828679286802868128682286832868428685286862868728688286892869028691286922869328694286952869628697286982869928700287012870228703287042870528706287072870828709287102871128712287132871428715287162871728718287192872028721287222872328724287252872628727287282872928730287312873228733287342873528736287372873828739287402874128742287432874428745287462874728748287492875028751287522875328754287552875628757287582875928760287612876228763287642876528766287672876828769287702877128772287732877428775287762877728778287792878028781287822878328784287852878628787287882878928790287912879228793287942879528796287972879828799288002880128802288032880428805288062880728808288092881028811288122881328814288152881628817288182881928820288212882228823288242882528826288272882828829288302883128832288332883428835288362883728838288392884028841288422884328844288452884628847288482884928850288512885228853288542885528856288572885828859288602886128862288632886428865288662886728868288692887028871288722887328874288752887628877288782887928880288812888228883288842888528886288872888828889288902889128892288932889428895288962889728898288992890028901289022890328904289052890628907289082890928910289112891228913289142891528916289172891828919289202892128922289232892428925289262892728928289292893028931289322893328934289352893628937289382893928940289412894228943289442894528946289472894828949289502895128952289532895428955289562895728958289592896028961289622896328964289652896628967289682896928970289712897228973289742897528976289772897828979289802898128982289832898428985289862898728988289892899028991289922899328994289952899628997289982899929000290012900229003290042900529006290072900829009290102901129012290132901429015290162901729018290192902029021290222902329024290252902629027290282902929030290312903229033290342903529036290372903829039290402904129042290432904429045290462904729048290492905029051290522905329054290552905629057290582905929060290612906229063290642906529066290672906829069290702907129072290732907429075290762907729078290792908029081290822908329084290852908629087290882908929090290912909229093290942909529096290972909829099291002910129102291032910429105291062910729108291092911029111291122911329114291152911629117291182911929120291212912229123291242912529126291272912829129291302913129132291332913429135291362913729138291392914029141291422914329144291452914629147291482914929150291512915229153291542915529156291572915829159291602916129162291632916429165291662916729168291692917029171291722917329174291752917629177291782917929180291812918229183291842918529186291872918829189291902919129192291932919429195291962919729198291992920029201292022920329204292052920629207292082920929210292112921229213292142921529216292172921829219292202922129222292232922429225292262922729228292292923029231292322923329234292352923629237292382923929240292412924229243292442924529246292472924829249292502925129252292532925429255292562925729258292592926029261292622926329264292652926629267292682926929270292712927229273292742927529276292772927829279292802928129282292832928429285292862928729288292892929029291292922929329294292952929629297292982929929300293012930229303293042930529306293072930829309293102931129312293132931429315293162931729318293192932029321293222932329324293252932629327293282932929330293312933229333293342933529336293372933829339293402934129342293432934429345293462934729348293492935029351293522935329354293552935629357293582935929360293612936229363293642936529366293672936829369293702937129372293732937429375293762937729378293792938029381293822938329384293852938629387293882938929390293912939229393293942939529396293972939829399294002940129402294032940429405294062940729408294092941029411294122941329414294152941629417294182941929420294212942229423294242942529426294272942829429294302943129432294332943429435294362943729438294392944029441294422944329444294452944629447294482944929450294512945229453294542945529456294572945829459294602946129462294632946429465294662946729468294692947029471294722947329474294752947629477294782947929480294812948229483294842948529486294872948829489294902949129492294932949429495294962949729498294992950029501295022950329504295052950629507295082950929510295112951229513295142951529516295172951829519295202952129522295232952429525295262952729528295292953029531295322953329534295352953629537295382953929540295412954229543295442954529546295472954829549295502955129552295532955429555295562955729558295592956029561295622956329564295652956629567295682956929570295712957229573295742957529576295772957829579295802958129582295832958429585295862958729588295892959029591295922959329594295952959629597295982959929600296012960229603296042960529606296072960829609296102961129612296132961429615296162961729618296192962029621296222962329624296252962629627296282962929630296312963229633296342963529636296372963829639296402964129642296432964429645296462964729648296492965029651296522965329654296552965629657296582965929660296612966229663296642966529666296672966829669296702967129672296732967429675296762967729678296792968029681296822968329684296852968629687296882968929690296912969229693296942969529696296972969829699297002970129702297032970429705297062970729708297092971029711297122971329714297152971629717297182971929720297212972229723297242972529726297272972829729297302973129732297332973429735297362973729738297392974029741297422974329744297452974629747297482974929750297512975229753297542975529756297572975829759297602976129762297632976429765297662976729768297692977029771297722977329774297752977629777297782977929780297812978229783297842978529786297872978829789297902979129792297932979429795297962979729798297992980029801298022980329804298052980629807298082980929810298112981229813298142981529816298172981829819298202982129822298232982429825298262982729828298292983029831298322983329834298352983629837298382983929840298412984229843298442984529846298472984829849298502985129852298532985429855298562985729858298592986029861298622986329864298652986629867298682986929870298712987229873298742987529876298772987829879298802988129882298832988429885298862988729888298892989029891298922989329894298952989629897298982989929900299012990229903299042990529906299072990829909299102991129912299132991429915299162991729918299192992029921299222992329924299252992629927299282992929930299312993229933299342993529936299372993829939299402994129942299432994429945299462994729948299492995029951299522995329954299552995629957299582995929960299612996229963299642996529966299672996829969299702997129972299732997429975299762997729978299792998029981299822998329984299852998629987299882998929990299912999229993299942999529996299972999829999300003000130002300033000430005300063000730008300093001030011300123001330014300153001630017300183001930020300213002230023300243002530026300273002830029300303003130032300333003430035300363003730038300393004030041300423004330044300453004630047300483004930050300513005230053300543005530056300573005830059300603006130062300633006430065300663006730068300693007030071300723007330074300753007630077300783007930080300813008230083300843008530086300873008830089300903009130092300933009430095300963009730098300993010030101301023010330104301053010630107301083010930110301113011230113301143011530116301173011830119301203012130122301233012430125301263012730128301293013030131301323013330134301353013630137301383013930140301413014230143301443014530146301473014830149301503015130152301533015430155301563015730158301593016030161301623016330164301653016630167301683016930170301713017230173301743017530176301773017830179301803018130182301833018430185301863018730188301893019030191301923019330194301953019630197301983019930200302013020230203302043020530206302073020830209302103021130212302133021430215302163021730218302193022030221302223022330224302253022630227302283022930230302313023230233302343023530236302373023830239302403024130242302433024430245302463024730248302493025030251302523025330254302553025630257302583025930260302613026230263302643026530266302673026830269302703027130272302733027430275302763027730278302793028030281302823028330284302853028630287302883028930290302913029230293302943029530296302973029830299303003030130302303033030430305303063030730308303093031030311303123031330314303153031630317303183031930320303213032230323303243032530326303273032830329303303033130332303333033430335303363033730338303393034030341303423034330344303453034630347303483034930350303513035230353303543035530356303573035830359303603036130362303633036430365303663036730368303693037030371303723037330374303753037630377303783037930380303813038230383303843038530386303873038830389303903039130392303933039430395303963039730398303993040030401304023040330404304053040630407304083040930410304113041230413304143041530416304173041830419304203042130422304233042430425304263042730428304293043030431304323043330434304353043630437304383043930440304413044230443304443044530446304473044830449304503045130452304533045430455304563045730458304593046030461304623046330464304653046630467304683046930470304713047230473304743047530476304773047830479304803048130482304833048430485304863048730488304893049030491304923049330494304953049630497304983049930500305013050230503305043050530506305073050830509305103051130512305133051430515305163051730518305193052030521305223052330524305253052630527305283052930530305313053230533305343053530536305373053830539305403054130542305433054430545305463054730548305493055030551305523055330554305553055630557305583055930560305613056230563305643056530566305673056830569305703057130572305733057430575305763057730578305793058030581305823058330584305853058630587305883058930590305913059230593305943059530596305973059830599306003060130602306033060430605306063060730608306093061030611306123061330614306153061630617306183061930620306213062230623306243062530626306273062830629306303063130632306333063430635306363063730638306393064030641306423064330644306453064630647306483064930650306513065230653306543065530656306573065830659306603066130662306633066430665306663066730668306693067030671306723067330674306753067630677306783067930680306813068230683306843068530686306873068830689306903069130692306933069430695306963069730698306993070030701307023070330704307053070630707307083070930710307113071230713307143071530716307173071830719307203072130722307233072430725307263072730728307293073030731307323073330734307353073630737307383073930740307413074230743307443074530746307473074830749307503075130752307533075430755307563075730758307593076030761307623076330764307653076630767307683076930770307713077230773307743077530776307773077830779307803078130782307833078430785307863078730788307893079030791307923079330794307953079630797307983079930800308013080230803308043080530806308073080830809308103081130812308133081430815308163081730818308193082030821308223082330824308253082630827308283082930830308313083230833308343083530836308373083830839308403084130842308433084430845308463084730848308493085030851308523085330854308553085630857308583085930860308613086230863308643086530866308673086830869308703087130872308733087430875308763087730878308793088030881308823088330884308853088630887308883088930890308913089230893308943089530896308973089830899309003090130902309033090430905309063090730908309093091030911309123091330914309153091630917309183091930920309213092230923309243092530926309273092830929309303093130932309333093430935309363093730938309393094030941309423094330944309453094630947309483094930950309513095230953309543095530956309573095830959309603096130962309633096430965309663096730968309693097030971309723097330974309753097630977309783097930980309813098230983309843098530986309873098830989309903099130992309933099430995309963099730998309993100031001310023100331004310053100631007310083100931010310113101231013310143101531016310173101831019310203102131022310233102431025310263102731028310293103031031310323103331034310353103631037310383103931040310413104231043310443104531046310473104831049310503105131052310533105431055310563105731058310593106031061310623106331064310653106631067310683106931070310713107231073310743107531076310773107831079310803108131082310833108431085310863108731088310893109031091310923109331094310953109631097310983109931100311013110231103311043110531106311073110831109311103111131112311133111431115311163111731118311193112031121311223112331124311253112631127311283112931130311313113231133311343113531136311373113831139311403114131142311433114431145311463114731148311493115031151311523115331154311553115631157311583115931160311613116231163311643116531166311673116831169311703117131172311733117431175311763117731178311793118031181311823118331184311853118631187311883118931190311913119231193311943119531196311973119831199312003120131202312033120431205312063120731208312093121031211312123121331214312153121631217312183121931220312213122231223312243122531226312273122831229312303123131232312333123431235312363123731238312393124031241312423124331244312453124631247312483124931250312513125231253312543125531256312573125831259312603126131262312633126431265312663126731268312693127031271312723127331274312753127631277312783127931280312813128231283312843128531286312873128831289312903129131292312933129431295312963129731298312993130031301313023130331304313053130631307313083130931310313113131231313313143131531316313173131831319313203132131322313233132431325313263132731328313293133031331313323133331334313353133631337313383133931340313413134231343313443134531346313473134831349313503135131352313533135431355313563135731358313593136031361313623136331364313653136631367313683136931370313713137231373313743137531376313773137831379313803138131382313833138431385313863138731388313893139031391313923139331394313953139631397313983139931400314013140231403314043140531406314073140831409314103141131412314133141431415314163141731418314193142031421314223142331424314253142631427314283142931430314313143231433314343143531436314373143831439314403144131442314433144431445314463144731448314493145031451314523145331454314553145631457314583145931460314613146231463314643146531466314673146831469314703147131472314733147431475314763147731478314793148031481314823148331484314853148631487314883148931490314913149231493314943149531496314973149831499315003150131502315033150431505315063150731508315093151031511315123151331514315153151631517315183151931520315213152231523315243152531526315273152831529315303153131532315333153431535315363153731538315393154031541315423154331544315453154631547315483154931550315513155231553315543155531556315573155831559315603156131562315633156431565315663156731568315693157031571315723157331574315753157631577315783157931580315813158231583315843158531586315873158831589315903159131592315933159431595315963159731598315993160031601316023160331604316053160631607316083160931610316113161231613316143161531616316173161831619316203162131622316233162431625316263162731628316293163031631316323163331634316353163631637316383163931640316413164231643316443164531646316473164831649316503165131652316533165431655316563165731658316593166031661316623166331664316653166631667316683166931670316713167231673316743167531676316773167831679316803168131682316833168431685316863168731688316893169031691316923169331694316953169631697316983169931700317013170231703317043170531706317073170831709317103171131712317133171431715317163171731718317193172031721317223172331724317253172631727317283172931730317313173231733317343173531736317373173831739317403174131742317433174431745317463174731748317493175031751317523175331754317553175631757317583175931760317613176231763317643176531766317673176831769317703177131772317733177431775317763177731778317793178031781317823178331784317853178631787317883178931790317913179231793317943179531796317973179831799318003180131802318033180431805318063180731808318093181031811318123181331814318153181631817318183181931820318213182231823318243182531826318273182831829318303183131832318333183431835318363183731838318393184031841318423184331844318453184631847318483184931850318513185231853318543185531856318573185831859318603186131862318633186431865318663186731868318693187031871318723187331874318753187631877318783187931880318813188231883318843188531886318873188831889318903189131892318933189431895318963189731898318993190031901319023190331904319053190631907319083190931910319113191231913319143191531916319173191831919319203192131922319233192431925319263192731928319293193031931319323193331934319353193631937319383193931940319413194231943319443194531946319473194831949319503195131952319533195431955319563195731958319593196031961319623196331964319653196631967319683196931970319713197231973319743197531976319773197831979319803198131982319833198431985319863198731988319893199031991319923199331994319953199631997319983199932000320013200232003320043200532006320073200832009320103201132012320133201432015320163201732018320193202032021320223202332024320253202632027320283202932030320313203232033320343203532036320373203832039320403204132042320433204432045320463204732048320493205032051320523205332054320553205632057320583205932060320613206232063320643206532066320673206832069320703207132072320733207432075320763207732078320793208032081320823208332084320853208632087320883208932090320913209232093320943209532096320973209832099321003210132102321033210432105321063210732108321093211032111321123211332114321153211632117321183211932120321213212232123321243212532126321273212832129321303213132132321333213432135321363213732138321393214032141321423214332144321453214632147321483214932150321513215232153321543215532156321573215832159321603216132162321633216432165321663216732168321693217032171321723217332174321753217632177321783217932180 |
- module.exports =
- /******/ (function(modules) { // webpackBootstrap
- /******/ // The module cache
- /******/ var installedModules = {};
- /******/
- /******/ // The require function
- /******/ function __webpack_require__(moduleId) {
- /******/
- /******/ // Check if module is in cache
- /******/ if(installedModules[moduleId]) {
- /******/ return installedModules[moduleId].exports;
- /******/ }
- /******/ // Create a new module (and put it into the cache)
- /******/ var module = installedModules[moduleId] = {
- /******/ i: moduleId,
- /******/ l: false,
- /******/ exports: {}
- /******/ };
- /******/
- /******/ // Execute the module function
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
- /******/
- /******/ // Flag the module as loaded
- /******/ module.l = true;
- /******/
- /******/ // Return the exports of the module
- /******/ return module.exports;
- /******/ }
- /******/
- /******/
- /******/ // expose the modules object (__webpack_modules__)
- /******/ __webpack_require__.m = modules;
- /******/
- /******/ // expose the module cache
- /******/ __webpack_require__.c = installedModules;
- /******/
- /******/ // define getter function for harmony exports
- /******/ __webpack_require__.d = function(exports, name, getter) {
- /******/ if(!__webpack_require__.o(exports, name)) {
- /******/ Object.defineProperty(exports, name, {
- /******/ configurable: false,
- /******/ enumerable: true,
- /******/ get: getter
- /******/ });
- /******/ }
- /******/ };
- /******/
- /******/ // getDefaultExport function for compatibility with non-harmony modules
- /******/ __webpack_require__.n = function(module) {
- /******/ var getter = module && module.__esModule ?
- /******/ function getDefault() { return module['default']; } :
- /******/ function getModuleExports() { return module; };
- /******/ __webpack_require__.d(getter, 'a', getter);
- /******/ return getter;
- /******/ };
- /******/
- /******/ // Object.prototype.hasOwnProperty.call
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
- /******/
- /******/ // __webpack_public_path__
- /******/ __webpack_require__.p = "/dist/";
- /******/
- /******/ // Load entry module and return exports
- /******/ return __webpack_require__(__webpack_require__.s = 46);
- /******/ })
- /************************************************************************/
- /******/ ([
- /* 0 */
- /***/ (function(module, exports) {
- /* globals __VUE_SSR_CONTEXT__ */
- // IMPORTANT: Do NOT use ES2015 features in this file.
- // This module is a runtime utility for cleaner component module output and will
- // be included in the final webpack user bundle.
- module.exports = function normalizeComponent (
- rawScriptExports,
- compiledTemplate,
- functionalTemplate,
- injectStyles,
- scopeId,
- moduleIdentifier /* server only */
- ) {
- var esModule
- var scriptExports = rawScriptExports = rawScriptExports || {}
- // ES6 modules interop
- var type = typeof rawScriptExports.default
- if (type === 'object' || type === 'function') {
- esModule = rawScriptExports
- scriptExports = rawScriptExports.default
- }
- // Vue.extend constructor export interop
- var options = typeof scriptExports === 'function'
- ? scriptExports.options
- : scriptExports
- // render functions
- if (compiledTemplate) {
- options.render = compiledTemplate.render
- options.staticRenderFns = compiledTemplate.staticRenderFns
- options._compiled = true
- }
- // functional template
- if (functionalTemplate) {
- options.functional = true
- }
- // scopedId
- if (scopeId) {
- options._scopeId = scopeId
- }
- var hook
- if (moduleIdentifier) { // server build
- hook = function (context) {
- // 2.3 injection
- context =
- context || // cached call
- (this.$vnode && this.$vnode.ssrContext) || // stateful
- (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
- // 2.2 with runInNewContext: true
- if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
- context = __VUE_SSR_CONTEXT__
- }
- // inject component styles
- if (injectStyles) {
- injectStyles.call(this, context)
- }
- // register component module identifier for async chunk inferrence
- if (context && context._registeredComponents) {
- context._registeredComponents.add(moduleIdentifier)
- }
- }
- // used by ssr in case component is cached and beforeCreate
- // never gets called
- options._ssrRegister = hook
- } else if (injectStyles) {
- hook = injectStyles
- }
- if (hook) {
- var functional = options.functional
- var existing = functional
- ? options.render
- : options.beforeCreate
- if (!functional) {
- // inject component registration as beforeCreate hook
- options.beforeCreate = existing
- ? [].concat(existing, hook)
- : [hook]
- } else {
- // for template-only hot-reload because in that case the render fn doesn't
- // go through the normalizer
- options._injectStyles = hook
- // register for functioal component in vue file
- options.render = function renderWithStyleInjection (h, context) {
- hook.call(context)
- return existing(h, context)
- }
- }
- }
- return {
- esModule: esModule,
- exports: scriptExports,
- options: options
- }
- }
- /***/ }),
- /* 1 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/mixins/emitter");
- /***/ }),
- /* 2 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/mixins/locale");
- /***/ }),
- /* 3 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/dom");
- /***/ }),
- /* 4 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/util");
- /***/ }),
- /* 5 */
- /***/ (function(module, exports) {
- module.exports = require("vue");
- /***/ }),
- /* 6 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/input");
- /***/ }),
- /* 7 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/mixins/migrating");
- /***/ }),
- /* 8 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/vue-popper");
- /***/ }),
- /* 9 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/clickoutside");
- /***/ }),
- /* 10 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/merge");
- /***/ }),
- /* 11 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.extractTimeFormat = exports.extractDateFormat = exports.nextYear = exports.prevYear = exports.nextMonth = exports.prevMonth = exports.changeYearMonthAndClampDate = exports.timeWithinRange = exports.limitTimeRange = exports.clearMilliseconds = exports.clearTime = exports.modifyWithDefaultTime = exports.modifyTime = exports.modifyDate = exports.range = exports.getRangeHours = exports.getWeekNumber = exports.getStartDateOfMonth = exports.nextDate = exports.prevDate = exports.getFirstDayOfMonth = exports.getDayCountOfYear = exports.getDayCountOfMonth = exports.parseDate = exports.formatDate = exports.isDateObject = exports.isDate = exports.toDate = undefined;
- var _date = __webpack_require__(175);
- var _date2 = _interopRequireDefault(_date);
- var _locale = __webpack_require__(16);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var weeks = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
- var months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
- var getI18nSettings = function getI18nSettings() {
- return {
- dayNamesShort: weeks.map(function (week) {
- return (0, _locale.t)('el.datepicker.weeks.' + week);
- }),
- dayNames: weeks.map(function (week) {
- return (0, _locale.t)('el.datepicker.weeks.' + week);
- }),
- monthNamesShort: months.map(function (month) {
- return (0, _locale.t)('el.datepicker.months.' + month);
- }),
- monthNames: months.map(function (month, index) {
- return (0, _locale.t)('el.datepicker.month' + (index + 1));
- }),
- amPm: ['am', 'pm']
- };
- };
- var newArray = function newArray(start, end) {
- var result = [];
- for (var i = start; i <= end; i++) {
- result.push(i);
- }
- return result;
- };
- var toDate = exports.toDate = function toDate(date) {
- return isDate(date) ? new Date(date) : null;
- };
- var isDate = exports.isDate = function isDate(date) {
- if (date === null || date === undefined) return false;
- if (isNaN(new Date(date).getTime())) return false;
- if (Array.isArray(date)) return false; // deal with `new Date([ new Date() ]) -> new Date()`
- return true;
- };
- var isDateObject = exports.isDateObject = function isDateObject(val) {
- return val instanceof Date;
- };
- var formatDate = exports.formatDate = function formatDate(date, format) {
- date = toDate(date);
- if (!date) return '';
- return _date2.default.format(date, format || 'yyyy-MM-dd', getI18nSettings());
- };
- var parseDate = exports.parseDate = function parseDate(string, format) {
- return _date2.default.parse(string, format || 'yyyy-MM-dd', getI18nSettings());
- };
- var getDayCountOfMonth = exports.getDayCountOfMonth = function getDayCountOfMonth(year, month) {
- if (month === 3 || month === 5 || month === 8 || month === 10) {
- return 30;
- }
- if (month === 1) {
- if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
- return 29;
- } else {
- return 28;
- }
- }
- return 31;
- };
- var getDayCountOfYear = exports.getDayCountOfYear = function getDayCountOfYear(year) {
- var isLeapYear = year % 400 === 0 || year % 100 !== 0 && year % 4 === 0;
- return isLeapYear ? 366 : 365;
- };
- var getFirstDayOfMonth = exports.getFirstDayOfMonth = function getFirstDayOfMonth(date) {
- var temp = new Date(date.getTime());
- temp.setDate(1);
- return temp.getDay();
- };
- // see: https://stackoverflow.com/questions/3674539/incrementing-a-date-in-javascript
- // {prev, next} Date should work for Daylight Saving Time
- // Adding 24 * 60 * 60 * 1000 does not work in the above scenario
- var prevDate = exports.prevDate = function prevDate(date) {
- var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
- return new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
- };
- var nextDate = exports.nextDate = function nextDate(date) {
- var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
- return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
- };
- var getStartDateOfMonth = exports.getStartDateOfMonth = function getStartDateOfMonth(year, month) {
- var result = new Date(year, month, 1);
- var day = result.getDay();
- if (day === 0) {
- return prevDate(result, 7);
- } else {
- return prevDate(result, day);
- }
- };
- var getWeekNumber = exports.getWeekNumber = function getWeekNumber(src) {
- if (!isDate(src)) return null;
- var date = new Date(src.getTime());
- date.setHours(0, 0, 0, 0);
- // Thursday in current week decides the year.
- date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
- // January 4 is always in week 1.
- var week1 = new Date(date.getFullYear(), 0, 4);
- // Adjust to Thursday in week 1 and count number of weeks from date to week 1.
- // Rounding should be fine for Daylight Saving Time. Its shift should never be more than 12 hours.
- return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);
- };
- var getRangeHours = exports.getRangeHours = function getRangeHours(ranges) {
- var hours = [];
- var disabledHours = [];
- (ranges || []).forEach(function (range) {
- var value = range.map(function (date) {
- return date.getHours();
- });
- disabledHours = disabledHours.concat(newArray(value[0], value[1]));
- });
- if (disabledHours.length) {
- for (var i = 0; i < 24; i++) {
- hours[i] = disabledHours.indexOf(i) === -1;
- }
- } else {
- for (var _i = 0; _i < 24; _i++) {
- hours[_i] = false;
- }
- }
- return hours;
- };
- var range = exports.range = function range(n) {
- // see https://stackoverflow.com/questions/3746725/create-a-javascript-array-containing-1-n
- return Array.apply(null, { length: n }).map(function (_, n) {
- return n;
- });
- };
- var modifyDate = exports.modifyDate = function modifyDate(date, y, m, d) {
- return new Date(y, m, d, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
- };
- var modifyTime = exports.modifyTime = function modifyTime(date, h, m, s) {
- return new Date(date.getFullYear(), date.getMonth(), date.getDate(), h, m, s, date.getMilliseconds());
- };
- var modifyWithDefaultTime = exports.modifyWithDefaultTime = function modifyWithDefaultTime(date, time) {
- if (date == null || !time) {
- return date;
- }
- time = parseDate(time, 'HH:mm:ss');
- return modifyTime(date, time.getHours(), time.getMinutes(), time.getSeconds());
- };
- var clearTime = exports.clearTime = function clearTime(date) {
- return new Date(date.getFullYear(), date.getMonth(), date.getDate());
- };
- var clearMilliseconds = exports.clearMilliseconds = function clearMilliseconds(date) {
- return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0);
- };
- var limitTimeRange = exports.limitTimeRange = function limitTimeRange(date, ranges) {
- var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'HH:mm:ss';
- // TODO: refactory a more elegant solution
- if (ranges.length === 0) return date;
- var normalizeDate = function normalizeDate(date) {
- return _date2.default.parse(_date2.default.format(date, format), format);
- };
- var ndate = normalizeDate(date);
- var nranges = ranges.map(function (range) {
- return range.map(normalizeDate);
- });
- if (nranges.some(function (nrange) {
- return ndate >= nrange[0] && ndate <= nrange[1];
- })) return date;
- var minDate = nranges[0][0];
- var maxDate = nranges[0][0];
- nranges.forEach(function (nrange) {
- minDate = new Date(Math.min(nrange[0], minDate));
- maxDate = new Date(Math.max(nrange[1], minDate));
- });
- var ret = ndate < minDate ? minDate : maxDate;
- // preserve Year/Month/Date
- return modifyDate(ret, date.getFullYear(), date.getMonth(), date.getDate());
- };
- var timeWithinRange = exports.timeWithinRange = function timeWithinRange(date, selectableRange, format) {
- var limitedDate = limitTimeRange(date, selectableRange, format);
- return limitedDate.getTime() === date.getTime();
- };
- var changeYearMonthAndClampDate = exports.changeYearMonthAndClampDate = function changeYearMonthAndClampDate(date, year, month) {
- // clamp date to the number of days in `year`, `month`
- // eg: (2010-1-31, 2010, 2) => 2010-2-28
- var monthDate = Math.min(date.getDate(), getDayCountOfMonth(year, month));
- return modifyDate(date, year, month, monthDate);
- };
- var prevMonth = exports.prevMonth = function prevMonth(date) {
- var year = date.getFullYear();
- var month = date.getMonth();
- return month === 0 ? changeYearMonthAndClampDate(date, year - 1, 11) : changeYearMonthAndClampDate(date, year, month - 1);
- };
- var nextMonth = exports.nextMonth = function nextMonth(date) {
- var year = date.getFullYear();
- var month = date.getMonth();
- return month === 11 ? changeYearMonthAndClampDate(date, year + 1, 0) : changeYearMonthAndClampDate(date, year, month + 1);
- };
- var prevYear = exports.prevYear = function prevYear(date) {
- var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
- var year = date.getFullYear();
- var month = date.getMonth();
- return changeYearMonthAndClampDate(date, year - amount, month);
- };
- var nextYear = exports.nextYear = function nextYear(date) {
- var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
- var year = date.getFullYear();
- var month = date.getMonth();
- return changeYearMonthAndClampDate(date, year + amount, month);
- };
- var extractDateFormat = exports.extractDateFormat = function extractDateFormat(format) {
- return format.replace(/\W?m{1,2}|\W?ZZ/g, '').replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, '').trim();
- };
- var extractTimeFormat = exports.extractTimeFormat = function extractTimeFormat(format) {
- return format.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?y{2,4}/g, '').trim();
- };
- /***/ }),
- /* 12 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/popup");
- /***/ }),
- /* 13 */
- /***/ (function(module, exports) {
- module.exports = require("throttle-debounce/debounce");
- /***/ }),
- /* 14 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/checkbox");
- /***/ }),
- /* 15 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/button");
- /***/ }),
- /* 16 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/locale");
- /***/ }),
- /* 17 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/resize-event");
- /***/ }),
- /* 18 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/scrollbar");
- /***/ }),
- /* 19 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/mixins/focus");
- /***/ }),
- /* 20 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/transitions/collapse-transition");
- /***/ }),
- /* 21 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/vdom");
- /***/ }),
- /* 22 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var NODE_KEY = exports.NODE_KEY = '$treeNodeId';
- var markNodeData = exports.markNodeData = function markNodeData(node, data) {
- if (data[NODE_KEY]) return;
- Object.defineProperty(data, NODE_KEY, {
- value: node.id,
- enumerable: false,
- configurable: false,
- writable: false
- });
- };
- var getNodeKey = exports.getNodeKey = function getNodeKey(key, data) {
- if (!key) return data[NODE_KEY];
- return data[key];
- };
- var findNearestComponent = exports.findNearestComponent = function findNearestComponent(element, componentName) {
- var target = element;
- while (target && target.tagName !== 'BODY') {
- if (target.__vue__ && target.__vue__.$options.name === componentName) {
- return target.__vue__;
- }
- target = target.parentNode;
- }
- return null;
- };
- /***/ }),
- /* 23 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/tooltip");
- /***/ }),
- /* 24 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/shared");
- /***/ }),
- /* 25 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/tag");
- /***/ }),
- /* 26 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/scroll-into-view");
- /***/ }),
- /* 27 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.default = {
- created: function created() {
- this.tableLayout.addObserver(this);
- },
- destroyed: function destroyed() {
- this.tableLayout.removeObserver(this);
- },
- computed: {
- tableLayout: function tableLayout() {
- var layout = this.layout;
- if (!layout && this.table) {
- layout = this.table.layout;
- }
- if (!layout) {
- throw new Error('Can not find table layout.');
- }
- return layout;
- }
- },
- mounted: function mounted() {
- this.onColumnsChange(this.tableLayout);
- this.onScrollableChange(this.tableLayout);
- },
- updated: function updated() {
- if (this.__updated__) return;
- this.onColumnsChange(this.tableLayout);
- this.onScrollableChange(this.tableLayout);
- this.__updated__ = true;
- },
- methods: {
- onColumnsChange: function onColumnsChange() {
- var cols = this.$el.querySelectorAll('colgroup > col');
- if (!cols.length) return;
- var flattenColumns = this.tableLayout.getFlattenColumns();
- var columnsMap = {};
- flattenColumns.forEach(function (column) {
- columnsMap[column.id] = column;
- });
- for (var i = 0, j = cols.length; i < j; i++) {
- var col = cols[i];
- var name = col.getAttribute('name');
- var column = columnsMap[name];
- if (column) {
- col.setAttribute('width', column.realWidth || column.width);
- }
- }
- },
- onScrollableChange: function onScrollableChange(layout) {
- var cols = this.$el.querySelectorAll('colgroup > col[name=gutter]');
- for (var i = 0, j = cols.length; i < j; i++) {
- var col = cols[i];
- col.setAttribute('width', layout.scrollY ? layout.gutterWidth : '0');
- }
- var ths = this.$el.querySelectorAll('th.gutter');
- for (var _i = 0, _j = ths.length; _i < _j; _i++) {
- var th = ths[_i];
- th.style.width = layout.scrollY ? layout.gutterWidth + 'px' : '0';
- th.style.display = layout.scrollY ? '' : 'none';
- }
- }
- }
- };
- /***/ }),
- /* 28 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_picker_vue__ = __webpack_require__(174);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_picker_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_picker_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_b32bdda0_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_picker_vue__ = __webpack_require__(176);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_picker_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_b32bdda0_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_picker_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 29 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_vue__ = __webpack_require__(179);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4135ea9a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_time_vue__ = __webpack_require__(182);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4135ea9a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_time_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 30 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.default = function (element, options) {
- if (_vue2.default.prototype.$isServer) return;
- var moveFn = function moveFn(event) {
- if (options.drag) {
- options.drag(event);
- }
- };
- var upFn = function upFn(event) {
- document.removeEventListener('mousemove', moveFn);
- document.removeEventListener('mouseup', upFn);
- document.onselectstart = null;
- document.ondragstart = null;
- isDragging = false;
- if (options.end) {
- options.end(event);
- }
- };
- element.addEventListener('mousedown', function (event) {
- if (isDragging) return;
- document.onselectstart = function () {
- return false;
- };
- document.ondragstart = function () {
- return false;
- };
- document.addEventListener('mousemove', moveFn);
- document.addEventListener('mouseup', upFn);
- isDragging = true;
- if (options.start) {
- options.start(event);
- }
- });
- };
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var isDragging = false;
- /***/ }),
- /* 31 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var aria = aria || {};
- aria.Utils = aria.Utils || {};
- /**
- * @desc Set focus on descendant nodes until the first focusable element is
- * found.
- * @param element
- * DOM node for which to find the first focusable descendant.
- * @returns
- * true if a focusable element is found and focus is set.
- */
- aria.Utils.focusFirstDescendant = function (element) {
- for (var i = 0; i < element.childNodes.length; i++) {
- var child = element.childNodes[i];
- if (aria.Utils.attemptFocus(child) || aria.Utils.focusFirstDescendant(child)) {
- return true;
- }
- }
- return false;
- };
- /**
- * @desc Find the last descendant node that is focusable.
- * @param element
- * DOM node for which to find the last focusable descendant.
- * @returns
- * true if a focusable element is found and focus is set.
- */
- aria.Utils.focusLastDescendant = function (element) {
- for (var i = element.childNodes.length - 1; i >= 0; i--) {
- var child = element.childNodes[i];
- if (aria.Utils.attemptFocus(child) || aria.Utils.focusLastDescendant(child)) {
- return true;
- }
- }
- return false;
- };
- /**
- * @desc Set Attempt to set focus on the current node.
- * @param element
- * The node to attempt to focus on.
- * @returns
- * true if element is focused.
- */
- aria.Utils.attemptFocus = function (element) {
- if (!aria.Utils.isFocusable(element)) {
- return false;
- }
- aria.Utils.IgnoreUtilFocusChanges = true;
- try {
- element.focus();
- } catch (e) {}
- aria.Utils.IgnoreUtilFocusChanges = false;
- return document.activeElement === element;
- };
- aria.Utils.isFocusable = function (element) {
- if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null) {
- return true;
- }
- if (element.disabled) {
- return false;
- }
- switch (element.nodeName) {
- case 'A':
- return !!element.href && element.rel !== 'ignore';
- case 'INPUT':
- return element.type !== 'hidden' && element.type !== 'file';
- case 'BUTTON':
- case 'SELECT':
- case 'TEXTAREA':
- return true;
- default:
- return false;
- }
- };
- /**
- * 触发一个事件
- * mouseenter, mouseleave, mouseover, keyup, change, click 等
- * @param {Element} elm
- * @param {String} name
- * @param {*} opts
- */
- aria.Utils.triggerEvent = function (elm, name) {
- var eventName = void 0;
- if (/^mouse|click/.test(name)) {
- eventName = 'MouseEvents';
- } else if (/^key/.test(name)) {
- eventName = 'KeyboardEvent';
- } else {
- eventName = 'HTMLEvents';
- }
- var evt = document.createEvent(eventName);
- for (var _len = arguments.length, opts = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
- opts[_key - 2] = arguments[_key];
- }
- evt.initEvent.apply(evt, [name].concat(opts));
- elm.dispatchEvent ? elm.dispatchEvent(evt) : elm.fireEvent('on' + name, evt);
- return elm;
- };
- aria.Utils.keys = {
- tab: 9,
- enter: 13,
- space: 32,
- left: 37,
- up: 38,
- right: 39,
- down: 40
- };
- exports.default = aria.Utils;
- /***/ }),
- /* 32 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.default = {
- inject: ['rootMenu'],
- computed: {
- indexPath: function indexPath() {
- var path = [this.index];
- var parent = this.$parent;
- while (parent.$options.componentName !== 'ElMenu') {
- if (parent.index) {
- path.unshift(parent.index);
- }
- parent = parent.$parent;
- }
- return path;
- },
- parentMenu: function parentMenu() {
- var parent = this.$parent;
- while (parent && ['ElMenu', 'ElSubmenu'].indexOf(parent.$options.componentName) === -1) {
- parent = parent.$parent;
- }
- return parent;
- },
- paddingStyle: function paddingStyle() {
- if (this.rootMenu.mode !== 'vertical') return {};
- var padding = 20;
- var parent = this.$parent;
- if (this.rootMenu.collapse) {
- padding = 20;
- } else {
- while (parent && parent.$options.componentName !== 'ElMenu') {
- if (parent.$options.componentName === 'ElSubmenu') {
- padding += 20;
- }
- parent = parent.$parent;
- }
- }
- return { paddingLeft: padding + 'px' };
- }
- }
- };
- /***/ }),
- /* 33 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _dom = __webpack_require__(3);
- exports.default = {
- bind: function bind(el, binding, vnode) {
- var interval = null;
- var startTime = void 0;
- var handler = function handler() {
- return vnode.context[binding.expression].apply();
- };
- var clear = function clear() {
- if (new Date() - startTime < 100) {
- handler();
- }
- clearInterval(interval);
- interval = null;
- };
- (0, _dom.on)(el, 'mousedown', function (e) {
- if (e.button !== 0) return;
- startTime = new Date();
- (0, _dom.once)(document, 'mouseup', clear);
- clearInterval(interval);
- interval = setInterval(handler, 100);
- });
- }
- };
- /***/ }),
- /* 34 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue__ = __webpack_require__(138);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ed77bae_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_option_vue__ = __webpack_require__(139);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ed77bae_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_option_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 35 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.getRowIdentity = exports.getColumnByCell = exports.getColumnById = exports.orderBy = exports.getCell = undefined;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
- var _util = __webpack_require__(4);
- var getCell = exports.getCell = function getCell(event) {
- var cell = event.target;
- while (cell && cell.tagName.toUpperCase() !== 'HTML') {
- if (cell.tagName.toUpperCase() === 'TD') {
- return cell;
- }
- cell = cell.parentNode;
- }
- return null;
- };
- var isObject = function isObject(obj) {
- return obj !== null && (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object';
- };
- var orderBy = exports.orderBy = function orderBy(array, sortKey, reverse, sortMethod, sortBy) {
- if (!sortKey && !sortMethod && (!sortBy || Array.isArray(sortBy) && !sortBy.length)) {
- return array;
- }
- if (typeof reverse === 'string') {
- reverse = reverse === 'descending' ? -1 : 1;
- } else {
- reverse = reverse && reverse < 0 ? -1 : 1;
- }
- var getKey = sortMethod ? null : function (value, index) {
- if (sortBy) {
- if (!Array.isArray(sortBy)) {
- sortBy = [sortBy];
- }
- return sortBy.map(function (by) {
- if (typeof by === 'string') {
- return (0, _util.getValueByPath)(value, by);
- } else {
- return by(value, index, array);
- }
- });
- }
- if (sortKey !== '$key') {
- if (isObject(value) && '$value' in value) value = value.$value;
- }
- return [isObject(value) ? (0, _util.getValueByPath)(value, sortKey) : value];
- };
- var compare = function compare(a, b) {
- if (sortMethod) {
- return sortMethod(a.value, b.value);
- }
- for (var i = 0, len = a.key.length; i < len; i++) {
- if (a.key[i] < b.key[i]) {
- return -1;
- }
- if (a.key[i] > b.key[i]) {
- return 1;
- }
- }
- return 0;
- };
- return array.map(function (value, index) {
- return {
- value: value,
- index: index,
- key: getKey ? getKey(value, index) : null
- };
- }).sort(function (a, b) {
- var order = compare(a, b);
- if (!order) {
- // make stable https://en.wikipedia.org/wiki/Sorting_algorithm#Stability
- order = a.index - b.index;
- }
- return order * reverse;
- }).map(function (item) {
- return item.value;
- });
- };
- var getColumnById = exports.getColumnById = function getColumnById(table, columnId) {
- var column = null;
- table.columns.forEach(function (item) {
- if (item.id === columnId) {
- column = item;
- }
- });
- return column;
- };
- var getColumnByCell = exports.getColumnByCell = function getColumnByCell(table, cell) {
- var matches = (cell.className || '').match(/el-table_[^\s]+/gm);
- if (matches) {
- return getColumnById(table, matches[0]);
- }
- return null;
- };
- var getRowIdentity = exports.getRowIdentity = function getRowIdentity(row, rowKey) {
- if (!row) throw new Error('row is required when get row identity');
- if (typeof rowKey === 'string') {
- if (rowKey.indexOf('.') < 0) {
- return row[rowKey];
- }
- var key = rowKey.split('.');
- var current = row;
- for (var i = 0; i < key.length; i++) {
- current = current[key[i]];
- }
- return current;
- } else if (typeof rowKey === 'function') {
- return rowKey.call(null, row);
- }
- };
- /***/ }),
- /* 36 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/scrollbar-width");
- /***/ }),
- /* 37 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/checkbox-group");
- /***/ }),
- /* 38 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_spinner_vue__ = __webpack_require__(180);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_spinner_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_spinner_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_48e066fc_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_time_spinner_vue__ = __webpack_require__(181);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_spinner_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_48e066fc_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_time_spinner_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 39 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_table_vue__ = __webpack_require__(189);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_table_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_table_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_135ffc92_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_date_table_vue__ = __webpack_require__(190);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_table_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_135ffc92_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_date_table_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 40 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_loading_vue__ = __webpack_require__(279);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_loading_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_loading_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0d8d1339_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_loading_vue__ = __webpack_require__(280);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_loading_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0d8d1339_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_loading_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 41 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/after-leave");
- /***/ }),
- /* 42 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/progress");
- /***/ }),
- /* 43 */
- /***/ (function(module, exports) {
- module.exports = require("babel-helper-vue-jsx-merge-props");
- /***/ }),
- /* 44 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue__ = __webpack_require__(299);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4d4d91e8_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_upload_dragger_vue__ = __webpack_require__(300);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4d4d91e8_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_upload_dragger_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 45 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- var hsv2hsl = function hsv2hsl(hue, sat, val) {
- return [hue, sat * val / ((hue = (2 - sat) * val) < 1 ? hue : 2 - hue) || 0, hue / 2];
- };
- // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
- // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
- var isOnePointZero = function isOnePointZero(n) {
- return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1;
- };
- var isPercentage = function isPercentage(n) {
- return typeof n === 'string' && n.indexOf('%') !== -1;
- };
- // Take input from [0, n] and return it as [0, 1]
- var bound01 = function bound01(value, max) {
- if (isOnePointZero(value)) value = '100%';
- var processPercent = isPercentage(value);
- value = Math.min(max, Math.max(0, parseFloat(value)));
- // Automatically convert percentage into number
- if (processPercent) {
- value = parseInt(value * max, 10) / 100;
- }
- // Handle floating point rounding errors
- if (Math.abs(value - max) < 0.000001) {
- return 1;
- }
- // Convert into [0, 1] range if it isn't already
- return value % max / parseFloat(max);
- };
- var INT_HEX_MAP = { 10: 'A', 11: 'B', 12: 'C', 13: 'D', 14: 'E', 15: 'F' };
- var toHex = function toHex(_ref) {
- var r = _ref.r,
- g = _ref.g,
- b = _ref.b;
- var hexOne = function hexOne(value) {
- value = Math.min(Math.round(value), 255);
- var high = Math.floor(value / 16);
- var low = value % 16;
- return '' + (INT_HEX_MAP[high] || high) + (INT_HEX_MAP[low] || low);
- };
- if (isNaN(r) || isNaN(g) || isNaN(b)) return '';
- return '#' + hexOne(r) + hexOne(g) + hexOne(b);
- };
- var HEX_INT_MAP = { A: 10, B: 11, C: 12, D: 13, E: 14, F: 15 };
- var parseHexChannel = function parseHexChannel(hex) {
- if (hex.length === 2) {
- return (HEX_INT_MAP[hex[0].toUpperCase()] || +hex[0]) * 16 + (HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]);
- }
- return HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1];
- };
- var hsl2hsv = function hsl2hsv(hue, sat, light) {
- sat = sat / 100;
- light = light / 100;
- var smin = sat;
- var lmin = Math.max(light, 0.01);
- var sv = void 0;
- var v = void 0;
- light *= 2;
- sat *= light <= 1 ? light : 2 - light;
- smin *= lmin <= 1 ? lmin : 2 - lmin;
- v = (light + sat) / 2;
- sv = light === 0 ? 2 * smin / (lmin + smin) : 2 * sat / (light + sat);
- return {
- h: hue,
- s: sv * 100,
- v: v * 100
- };
- };
- // `rgbToHsv`
- // Converts an RGB color value to HSV
- // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
- // *Returns:* { h, s, v } in [0,1]
- var rgb2hsv = function rgb2hsv(r, g, b) {
- r = bound01(r, 255);
- g = bound01(g, 255);
- b = bound01(b, 255);
- var max = Math.max(r, g, b);
- var min = Math.min(r, g, b);
- var h = void 0,
- s = void 0;
- var v = max;
- var d = max - min;
- s = max === 0 ? 0 : d / max;
- if (max === min) {
- h = 0; // achromatic
- } else {
- switch (max) {
- case r:
- h = (g - b) / d + (g < b ? 6 : 0);
- break;
- case g:
- h = (b - r) / d + 2;
- break;
- case b:
- h = (r - g) / d + 4;
- break;
- }
- h /= 6;
- }
- return { h: h * 360, s: s * 100, v: v * 100 };
- };
- // `hsvToRgb`
- // Converts an HSV color value to RGB.
- // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
- // *Returns:* { r, g, b } in the set [0, 255]
- var hsv2rgb = function hsv2rgb(h, s, v) {
- h = bound01(h, 360) * 6;
- s = bound01(s, 100);
- v = bound01(v, 100);
- var i = Math.floor(h);
- var f = h - i;
- var p = v * (1 - s);
- var q = v * (1 - f * s);
- var t = v * (1 - (1 - f) * s);
- var mod = i % 6;
- var r = [v, q, p, p, t, v][mod];
- var g = [t, v, v, q, p, p][mod];
- var b = [p, p, t, v, v, q][mod];
- return {
- r: Math.round(r * 255),
- g: Math.round(g * 255),
- b: Math.round(b * 255)
- };
- };
- var Color = function () {
- function Color(options) {
- _classCallCheck(this, Color);
- this._hue = 0;
- this._saturation = 100;
- this._value = 100;
- this._alpha = 100;
- this.enableAlpha = false;
- this.format = 'hex';
- this.value = '';
- options = options || {};
- for (var option in options) {
- if (options.hasOwnProperty(option)) {
- this[option] = options[option];
- }
- }
- this.doOnChange();
- }
- Color.prototype.set = function set(prop, value) {
- if (arguments.length === 1 && (typeof prop === 'undefined' ? 'undefined' : _typeof(prop)) === 'object') {
- for (var p in prop) {
- if (prop.hasOwnProperty(p)) {
- this.set(p, prop[p]);
- }
- }
- return;
- }
- this['_' + prop] = value;
- this.doOnChange();
- };
- Color.prototype.get = function get(prop) {
- return this['_' + prop];
- };
- Color.prototype.toRgb = function toRgb() {
- return hsv2rgb(this._hue, this._saturation, this._value);
- };
- Color.prototype.fromString = function fromString(value) {
- var _this = this;
- if (!value) {
- this._hue = 0;
- this._saturation = 100;
- this._value = 100;
- this.doOnChange();
- return;
- }
- var fromHSV = function fromHSV(h, s, v) {
- _this._hue = Math.max(0, Math.min(360, h));
- _this._saturation = Math.max(0, Math.min(100, s));
- _this._value = Math.max(0, Math.min(100, v));
- _this.doOnChange();
- };
- if (value.indexOf('hsl') !== -1) {
- var parts = value.replace(/hsla|hsl|\(|\)/gm, '').split(/\s|,/g).filter(function (val) {
- return val !== '';
- }).map(function (val, index) {
- return index > 2 ? parseFloat(val) : parseInt(val, 10);
- });
- if (parts.length === 4) {
- this._alpha = Math.floor(parseFloat(parts[3]) * 100);
- } else if (parts.length === 3) {
- this._alpha = 100;
- }
- if (parts.length >= 3) {
- var _hsl2hsv = hsl2hsv(parts[0], parts[1], parts[2]),
- h = _hsl2hsv.h,
- s = _hsl2hsv.s,
- v = _hsl2hsv.v;
- fromHSV(h, s, v);
- }
- } else if (value.indexOf('hsv') !== -1) {
- var _parts = value.replace(/hsva|hsv|\(|\)/gm, '').split(/\s|,/g).filter(function (val) {
- return val !== '';
- }).map(function (val, index) {
- return index > 2 ? parseFloat(val) : parseInt(val, 10);
- });
- if (_parts.length === 4) {
- this._alpha = Math.floor(parseFloat(_parts[3]) * 100);
- } else if (_parts.length === 3) {
- this._alpha = 100;
- }
- if (_parts.length >= 3) {
- fromHSV(_parts[0], _parts[1], _parts[2]);
- }
- } else if (value.indexOf('rgb') !== -1) {
- var _parts2 = value.replace(/rgba|rgb|\(|\)/gm, '').split(/\s|,/g).filter(function (val) {
- return val !== '';
- }).map(function (val, index) {
- return index > 2 ? parseFloat(val) : parseInt(val, 10);
- });
- if (_parts2.length === 4) {
- this._alpha = Math.floor(parseFloat(_parts2[3]) * 100);
- } else if (_parts2.length === 3) {
- this._alpha = 100;
- }
- if (_parts2.length >= 3) {
- var _rgb2hsv = rgb2hsv(_parts2[0], _parts2[1], _parts2[2]),
- _h = _rgb2hsv.h,
- _s = _rgb2hsv.s,
- _v = _rgb2hsv.v;
- fromHSV(_h, _s, _v);
- }
- } else if (value.indexOf('#') !== -1) {
- var hex = value.replace('#', '').trim();
- var r = void 0,
- g = void 0,
- b = void 0;
- if (hex.length === 3) {
- r = parseHexChannel(hex[0] + hex[0]);
- g = parseHexChannel(hex[1] + hex[1]);
- b = parseHexChannel(hex[2] + hex[2]);
- } else if (hex.length === 6 || hex.length === 8) {
- r = parseHexChannel(hex.substring(0, 2));
- g = parseHexChannel(hex.substring(2, 4));
- b = parseHexChannel(hex.substring(4, 6));
- }
- if (hex.length === 8) {
- this._alpha = Math.floor(parseHexChannel(hex.substring(6)) / 255 * 100);
- } else if (hex.length === 3 || hex.length === 6) {
- this._alpha = 100;
- }
- var _rgb2hsv2 = rgb2hsv(r, g, b),
- _h2 = _rgb2hsv2.h,
- _s2 = _rgb2hsv2.s,
- _v2 = _rgb2hsv2.v;
- fromHSV(_h2, _s2, _v2);
- }
- };
- Color.prototype.compare = function compare(color) {
- return Math.abs(color._hue - this._hue) < 2 && Math.abs(color._saturation - this._saturation) < 1 && Math.abs(color._value - this._value) < 1 && Math.abs(color._alpha - this._alpha) < 1;
- };
- Color.prototype.doOnChange = function doOnChange() {
- var _hue = this._hue,
- _saturation = this._saturation,
- _value = this._value,
- _alpha = this._alpha,
- format = this.format;
- if (this.enableAlpha) {
- switch (format) {
- case 'hsl':
- var hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
- this.value = 'hsla(' + _hue + ', ' + Math.round(hsl[1] * 100) + '%, ' + Math.round(hsl[2] * 100) + '%, ' + _alpha / 100 + ')';
- break;
- case 'hsv':
- this.value = 'hsva(' + _hue + ', ' + Math.round(_saturation) + '%, ' + Math.round(_value) + '%, ' + _alpha / 100 + ')';
- break;
- default:
- var _hsv2rgb = hsv2rgb(_hue, _saturation, _value),
- r = _hsv2rgb.r,
- g = _hsv2rgb.g,
- b = _hsv2rgb.b;
- this.value = 'rgba(' + r + ', ' + g + ', ' + b + ', ' + _alpha / 100 + ')';
- }
- } else {
- switch (format) {
- case 'hsl':
- var _hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
- this.value = 'hsl(' + _hue + ', ' + Math.round(_hsl[1] * 100) + '%, ' + Math.round(_hsl[2] * 100) + '%)';
- break;
- case 'hsv':
- this.value = 'hsv(' + _hue + ', ' + Math.round(_saturation) + '%, ' + Math.round(_value) + '%)';
- break;
- case 'rgb':
- var _hsv2rgb2 = hsv2rgb(_hue, _saturation, _value),
- _r = _hsv2rgb2.r,
- _g = _hsv2rgb2.g,
- _b = _hsv2rgb2.b;
- this.value = 'rgb(' + _r + ', ' + _g + ', ' + _b + ')';
- break;
- default:
- this.value = toHex(hsv2rgb(_hue, _saturation, _value));
- }
- }
- };
- return Color;
- }();
- exports.default = Color;
- ;
- /***/ }),
- /* 46 */
- /***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(47);
- /***/ }),
- /* 47 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- var _index = __webpack_require__(48);
- var _index2 = _interopRequireDefault(_index);
- var _index3 = __webpack_require__(55);
- var _index4 = _interopRequireDefault(_index3);
- var _index5 = __webpack_require__(59);
- var _index6 = _interopRequireDefault(_index5);
- var _index7 = __webpack_require__(66);
- var _index8 = _interopRequireDefault(_index7);
- var _index9 = __webpack_require__(70);
- var _index10 = _interopRequireDefault(_index9);
- var _index11 = __webpack_require__(74);
- var _index12 = _interopRequireDefault(_index11);
- var _index13 = __webpack_require__(78);
- var _index14 = _interopRequireDefault(_index13);
- var _index15 = __webpack_require__(84);
- var _index16 = _interopRequireDefault(_index15);
- var _index17 = __webpack_require__(87);
- var _index18 = _interopRequireDefault(_index17);
- var _index19 = __webpack_require__(91);
- var _index20 = _interopRequireDefault(_index19);
- var _index21 = __webpack_require__(95);
- var _index22 = _interopRequireDefault(_index21);
- var _index23 = __webpack_require__(100);
- var _index24 = _interopRequireDefault(_index23);
- var _index25 = __webpack_require__(104);
- var _index26 = _interopRequireDefault(_index25);
- var _index27 = __webpack_require__(108);
- var _index28 = _interopRequireDefault(_index27);
- var _index29 = __webpack_require__(112);
- var _index30 = _interopRequireDefault(_index29);
- var _index31 = __webpack_require__(116);
- var _index32 = _interopRequireDefault(_index31);
- var _index33 = __webpack_require__(120);
- var _index34 = _interopRequireDefault(_index33);
- var _index35 = __webpack_require__(124);
- var _index36 = _interopRequireDefault(_index35);
- var _index37 = __webpack_require__(128);
- var _index38 = _interopRequireDefault(_index37);
- var _index39 = __webpack_require__(132);
- var _index40 = _interopRequireDefault(_index39);
- var _index41 = __webpack_require__(142);
- var _index42 = _interopRequireDefault(_index41);
- var _index43 = __webpack_require__(143);
- var _index44 = _interopRequireDefault(_index43);
- var _index45 = __webpack_require__(147);
- var _index46 = _interopRequireDefault(_index45);
- var _index47 = __webpack_require__(151);
- var _index48 = _interopRequireDefault(_index47);
- var _index49 = __webpack_require__(155);
- var _index50 = _interopRequireDefault(_index49);
- var _index51 = __webpack_require__(170);
- var _index52 = _interopRequireDefault(_index51);
- var _index53 = __webpack_require__(172);
- var _index54 = _interopRequireDefault(_index53);
- var _index55 = __webpack_require__(195);
- var _index56 = _interopRequireDefault(_index55);
- var _index57 = __webpack_require__(200);
- var _index58 = _interopRequireDefault(_index57);
- var _index59 = __webpack_require__(205);
- var _index60 = _interopRequireDefault(_index59);
- var _index61 = __webpack_require__(210);
- var _index62 = _interopRequireDefault(_index61);
- var _index63 = __webpack_require__(212);
- var _index64 = _interopRequireDefault(_index63);
- var _index65 = __webpack_require__(218);
- var _index66 = _interopRequireDefault(_index65);
- var _index67 = __webpack_require__(222);
- var _index68 = _interopRequireDefault(_index67);
- var _index69 = __webpack_require__(226);
- var _index70 = _interopRequireDefault(_index69);
- var _index71 = __webpack_require__(230);
- var _index72 = _interopRequireDefault(_index71);
- var _index73 = __webpack_require__(235);
- var _index74 = _interopRequireDefault(_index73);
- var _index75 = __webpack_require__(243);
- var _index76 = _interopRequireDefault(_index75);
- var _index77 = __webpack_require__(247);
- var _index78 = _interopRequireDefault(_index77);
- var _index79 = __webpack_require__(251);
- var _index80 = _interopRequireDefault(_index79);
- var _index81 = __webpack_require__(260);
- var _index82 = _interopRequireDefault(_index81);
- var _index83 = __webpack_require__(264);
- var _index84 = _interopRequireDefault(_index83);
- var _index85 = __webpack_require__(269);
- var _index86 = _interopRequireDefault(_index85);
- var _index87 = __webpack_require__(277);
- var _index88 = _interopRequireDefault(_index87);
- var _index89 = __webpack_require__(282);
- var _index90 = _interopRequireDefault(_index89);
- var _index91 = __webpack_require__(286);
- var _index92 = _interopRequireDefault(_index91);
- var _index93 = __webpack_require__(288);
- var _index94 = _interopRequireDefault(_index93);
- var _index95 = __webpack_require__(290);
- var _index96 = _interopRequireDefault(_index95);
- var _index97 = __webpack_require__(303);
- var _index98 = _interopRequireDefault(_index97);
- var _index99 = __webpack_require__(307);
- var _index100 = _interopRequireDefault(_index99);
- var _index101 = __webpack_require__(311);
- var _index102 = _interopRequireDefault(_index101);
- var _index103 = __webpack_require__(316);
- var _index104 = _interopRequireDefault(_index103);
- var _index105 = __webpack_require__(320);
- var _index106 = _interopRequireDefault(_index105);
- var _index107 = __webpack_require__(324);
- var _index108 = _interopRequireDefault(_index107);
- var _index109 = __webpack_require__(328);
- var _index110 = _interopRequireDefault(_index109);
- var _index111 = __webpack_require__(332);
- var _index112 = _interopRequireDefault(_index111);
- var _index113 = __webpack_require__(336);
- var _index114 = _interopRequireDefault(_index113);
- var _index115 = __webpack_require__(341);
- var _index116 = _interopRequireDefault(_index115);
- var _index117 = __webpack_require__(345);
- var _index118 = _interopRequireDefault(_index117);
- var _index119 = __webpack_require__(349);
- var _index120 = _interopRequireDefault(_index119);
- var _index121 = __webpack_require__(353);
- var _index122 = _interopRequireDefault(_index121);
- var _index123 = __webpack_require__(357);
- var _index124 = _interopRequireDefault(_index123);
- var _index125 = __webpack_require__(363);
- var _index126 = _interopRequireDefault(_index125);
- var _index127 = __webpack_require__(382);
- var _index128 = _interopRequireDefault(_index127);
- var _index129 = __webpack_require__(389);
- var _index130 = _interopRequireDefault(_index129);
- var _index131 = __webpack_require__(393);
- var _index132 = _interopRequireDefault(_index131);
- var _index133 = __webpack_require__(397);
- var _index134 = _interopRequireDefault(_index133);
- var _index135 = __webpack_require__(401);
- var _index136 = _interopRequireDefault(_index135);
- var _index137 = __webpack_require__(405);
- var _index138 = _interopRequireDefault(_index137);
- var _locale = __webpack_require__(16);
- var _locale2 = _interopRequireDefault(_locale);
- var _collapseTransition = __webpack_require__(20);
- var _collapseTransition2 = _interopRequireDefault(_collapseTransition);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var components = [_index2.default, _index4.default, _index6.default, _index8.default, _index10.default, _index12.default, _index14.default, _index16.default, _index18.default, _index20.default, _index22.default, _index24.default, _index26.default, _index28.default, _index30.default, _index32.default, _index34.default, _index36.default, _index38.default, _index40.default, _index42.default, _index44.default, _index46.default, _index48.default, _index50.default, _index52.default, _index54.default, _index56.default, _index58.default, _index60.default, _index62.default, _index66.default, _index68.default, _index70.default, _index72.default, _index74.default, _index76.default, _index78.default, _index80.default, _index82.default, _index86.default, _index90.default, _index92.default, _index94.default, _index96.default, _index98.default, _index100.default, _index104.default, _index106.default, _index108.default, _index110.default, _index112.default, _index114.default, _index116.default, _index118.default, _index120.default, _index122.default, _index124.default, _index126.default, _index128.default, _index130.default, _index132.default, _index134.default, _index136.default, _index138.default, _collapseTransition2.default]; /* Automatically generated by './build/bin/build-entry.js' */
- var install = function install(Vue) {
- var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- _locale2.default.use(opts.locale);
- _locale2.default.i18n(opts.i18n);
- components.map(function (component) {
- Vue.component(component.name, component);
- });
- Vue.use(_index88.default.directive);
- var ELEMENT = {};
- ELEMENT.size = opts.size || '';
- Vue.prototype.$loading = _index88.default.service;
- Vue.prototype.$msgbox = _index64.default;
- Vue.prototype.$alert = _index64.default.alert;
- Vue.prototype.$confirm = _index64.default.confirm;
- Vue.prototype.$prompt = _index64.default.prompt;
- Vue.prototype.$notify = _index84.default;
- Vue.prototype.$message = _index102.default;
- Vue.prototype.$ELEMENT = ELEMENT;
- };
- /* istanbul ignore if */
- if (typeof window !== 'undefined' && window.Vue) {
- install(window.Vue);
- }
- module.exports = {
- version: '2.3.8',
- locale: _locale2.default.use,
- i18n: _locale2.default.i18n,
- install: install,
- CollapseTransition: _collapseTransition2.default,
- Loading: _index88.default,
- Pagination: _index2.default,
- Dialog: _index4.default,
- Autocomplete: _index6.default,
- Dropdown: _index8.default,
- DropdownMenu: _index10.default,
- DropdownItem: _index12.default,
- Menu: _index14.default,
- Submenu: _index16.default,
- MenuItem: _index18.default,
- MenuItemGroup: _index20.default,
- Input: _index22.default,
- InputNumber: _index24.default,
- Radio: _index26.default,
- RadioGroup: _index28.default,
- RadioButton: _index30.default,
- Checkbox: _index32.default,
- CheckboxButton: _index34.default,
- CheckboxGroup: _index36.default,
- Switch: _index38.default,
- Select: _index40.default,
- Option: _index42.default,
- OptionGroup: _index44.default,
- Button: _index46.default,
- ButtonGroup: _index48.default,
- Table: _index50.default,
- TableColumn: _index52.default,
- DatePicker: _index54.default,
- TimeSelect: _index56.default,
- TimePicker: _index58.default,
- Popover: _index60.default,
- Tooltip: _index62.default,
- MessageBox: _index64.default,
- Breadcrumb: _index66.default,
- BreadcrumbItem: _index68.default,
- Form: _index70.default,
- FormItem: _index72.default,
- Tabs: _index74.default,
- TabPane: _index76.default,
- Tag: _index78.default,
- Tree: _index80.default,
- Alert: _index82.default,
- Notification: _index84.default,
- Slider: _index86.default,
- Icon: _index90.default,
- Row: _index92.default,
- Col: _index94.default,
- Upload: _index96.default,
- Progress: _index98.default,
- Spinner: _index100.default,
- Message: _index102.default,
- Badge: _index104.default,
- Card: _index106.default,
- Rate: _index108.default,
- Steps: _index110.default,
- Step: _index112.default,
- Carousel: _index114.default,
- Scrollbar: _index116.default,
- CarouselItem: _index118.default,
- Collapse: _index120.default,
- CollapseItem: _index122.default,
- Cascader: _index124.default,
- ColorPicker: _index126.default,
- Transfer: _index128.default,
- Container: _index130.default,
- Header: _index132.default,
- Aside: _index134.default,
- Main: _index136.default,
- Footer: _index138.default
- };
- module.exports.default = module.exports;
- /***/ }),
- /* 48 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _pagination = __webpack_require__(49);
- var _pagination2 = _interopRequireDefault(_pagination);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _pagination2.default.install = function (Vue) {
- Vue.component(_pagination2.default.name, _pagination2.default);
- };
- exports.default = _pagination2.default;
- /***/ }),
- /* 49 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _pager = __webpack_require__(50);
- var _pager2 = _interopRequireDefault(_pager);
- var _select = __webpack_require__(53);
- var _select2 = _interopRequireDefault(_select);
- var _option = __webpack_require__(54);
- var _option2 = _interopRequireDefault(_option);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _util = __webpack_require__(4);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElPagination',
- props: {
- pageSize: {
- type: Number,
- default: 10
- },
- small: Boolean,
- total: Number,
- pageCount: Number,
- pagerCount: {
- type: Number,
- validator: function validator(value) {
- return (value | 0) === value && value > 4 && value < 22 && value % 2 === 1;
- },
- default: 7
- },
- currentPage: {
- type: Number,
- default: 1
- },
- layout: {
- default: 'prev, pager, next, jumper, ->, total'
- },
- pageSizes: {
- type: Array,
- default: function _default() {
- return [10, 20, 30, 40, 50, 100];
- }
- },
- popperClass: String,
- prevText: String,
- nextText: String,
- background: Boolean,
- disabled: Boolean
- },
- data: function data() {
- return {
- internalCurrentPage: 1,
- internalPageSize: 0,
- lastEmittedPage: -1,
- userChangePageSize: false
- };
- },
- render: function render(h) {
- var template = h(
- 'div',
- { 'class': ['el-pagination', {
- 'is-background': this.background,
- 'el-pagination--small': this.small
- }] },
- []
- );
- var layout = this.layout || '';
- if (!layout) return;
- var TEMPLATE_MAP = {
- prev: h(
- 'prev',
- null,
- []
- ),
- jumper: h(
- 'jumper',
- null,
- []
- ),
- pager: h(
- 'pager',
- {
- attrs: { currentPage: this.internalCurrentPage, pageCount: this.internalPageCount, pagerCount: this.pagerCount, disabled: this.disabled },
- on: {
- 'change': this.handleCurrentChange
- }
- },
- []
- ),
- next: h(
- 'next',
- null,
- []
- ),
- sizes: h(
- 'sizes',
- {
- attrs: { pageSizes: this.pageSizes }
- },
- []
- ),
- slot: h(
- 'my-slot',
- null,
- []
- ),
- total: h(
- 'total',
- null,
- []
- )
- };
- var components = layout.split(',').map(function (item) {
- return item.trim();
- });
- var rightWrapper = h(
- 'div',
- { 'class': 'el-pagination__rightwrapper' },
- []
- );
- var haveRightWrapper = false;
- template.children = template.children || [];
- rightWrapper.children = rightWrapper.children || [];
- components.forEach(function (compo) {
- if (compo === '->') {
- haveRightWrapper = true;
- return;
- }
- if (!haveRightWrapper) {
- template.children.push(TEMPLATE_MAP[compo]);
- } else {
- rightWrapper.children.push(TEMPLATE_MAP[compo]);
- }
- });
- if (haveRightWrapper) {
- template.children.unshift(rightWrapper);
- }
- return template;
- },
- components: {
- MySlot: {
- render: function render(h) {
- return this.$parent.$slots.default ? this.$parent.$slots.default[0] : '';
- }
- },
- Prev: {
- render: function render(h) {
- return h(
- 'button',
- {
- attrs: {
- type: 'button',
- disabled: this.$parent.disabled || this.$parent.internalCurrentPage <= 1
- },
- 'class': 'btn-prev', on: {
- 'click': this.$parent.prev
- }
- },
- [this.$parent.prevText ? h(
- 'span',
- null,
- [this.$parent.prevText]
- ) : h(
- 'i',
- { 'class': 'el-icon el-icon-arrow-left' },
- []
- )]
- );
- }
- },
- Next: {
- render: function render(h) {
- return h(
- 'button',
- {
- attrs: {
- type: 'button',
- disabled: this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0
- },
- 'class': 'btn-next', on: {
- 'click': this.$parent.next
- }
- },
- [this.$parent.nextText ? h(
- 'span',
- null,
- [this.$parent.nextText]
- ) : h(
- 'i',
- { 'class': 'el-icon el-icon-arrow-right' },
- []
- )]
- );
- }
- },
- Sizes: {
- mixins: [_locale2.default],
- props: {
- pageSizes: Array
- },
- watch: {
- pageSizes: {
- immediate: true,
- handler: function handler(newVal, oldVal) {
- if ((0, _util.valueEquals)(newVal, oldVal)) return;
- if (Array.isArray(newVal)) {
- this.$parent.internalPageSize = newVal.indexOf(this.$parent.pageSize) > -1 ? this.$parent.pageSize : this.pageSizes[0];
- }
- }
- }
- },
- render: function render(h) {
- var _this = this;
- return h(
- 'span',
- { 'class': 'el-pagination__sizes' },
- [h(
- 'el-select',
- {
- attrs: {
- value: this.$parent.internalPageSize,
- popperClass: this.$parent.popperClass || '',
- disabled: this.$parent.disabled },
- on: {
- 'input': this.handleChange
- }
- },
- [this.pageSizes.map(function (item) {
- return h(
- 'el-option',
- {
- attrs: {
- value: item,
- label: item + _this.t('el.pagination.pagesize') }
- },
- []
- );
- })]
- )]
- );
- },
- components: {
- ElSelect: _select2.default,
- ElOption: _option2.default
- },
- methods: {
- handleChange: function handleChange(val) {
- if (val !== this.$parent.internalPageSize) {
- this.$parent.internalPageSize = val = parseInt(val, 10);
- this.$parent.userChangePageSize = true;
- this.$parent.$emit('size-change', val);
- }
- }
- }
- },
- Jumper: {
- mixins: [_locale2.default],
- data: function data() {
- return {
- oldValue: null
- };
- },
- components: { ElInput: _input2.default },
- watch: {
- '$parent.internalPageSize': function $parentInternalPageSize() {
- var _this2 = this;
- this.$nextTick(function () {
- _this2.$refs.input.$el.querySelector('input').value = _this2.$parent.internalCurrentPage;
- });
- }
- },
- methods: {
- handleFocus: function handleFocus(event) {
- this.oldValue = event.target.value;
- },
- handleBlur: function handleBlur(_ref) {
- var target = _ref.target;
- this.resetValueIfNeed(target.value);
- this.reassignMaxValue(target.value);
- },
- handleKeyup: function handleKeyup(_ref2) {
- var keyCode = _ref2.keyCode,
- target = _ref2.target;
- if (keyCode === 13 && this.oldValue && target.value !== this.oldValue) {
- this.handleChange(target.value);
- }
- },
- handleChange: function handleChange(value) {
- this.$parent.internalCurrentPage = this.$parent.getValidCurrentPage(value);
- this.$parent.emitChange();
- this.oldValue = null;
- this.resetValueIfNeed(value);
- },
- resetValueIfNeed: function resetValueIfNeed(value) {
- var num = parseInt(value, 10);
- if (!isNaN(num)) {
- if (num < 1) {
- this.$refs.input.$el.querySelector('input').value = 1;
- } else {
- this.reassignMaxValue(value);
- }
- }
- },
- reassignMaxValue: function reassignMaxValue(value) {
- if (+value > this.$parent.internalPageCount) {
- this.$refs.input.$el.querySelector('input').value = this.$parent.internalPageCount;
- }
- }
- },
- render: function render(h) {
- return h(
- 'span',
- { 'class': 'el-pagination__jump' },
- [this.t('el.pagination.goto'), h(
- 'el-input',
- {
- 'class': 'el-pagination__editor is-in-pagination',
- attrs: { min: 1,
- max: this.$parent.internalPageCount,
- value: this.$parent.internalCurrentPage,
- type: 'number',
- disabled: this.$parent.disabled
- },
- domProps: {
- 'value': this.$parent.internalCurrentPage
- },
- ref: 'input', nativeOn: {
- 'keyup': this.handleKeyup
- },
- on: {
- 'change': this.handleChange,
- 'focus': this.handleFocus,
- 'blur': this.handleBlur
- }
- },
- []
- ), this.t('el.pagination.pageClassifier')]
- );
- }
- },
- Total: {
- mixins: [_locale2.default],
- render: function render(h) {
- return typeof this.$parent.total === 'number' ? h(
- 'span',
- { 'class': 'el-pagination__total' },
- [this.t('el.pagination.total', { total: this.$parent.total })]
- ) : '';
- }
- },
- Pager: _pager2.default
- },
- methods: {
- handleCurrentChange: function handleCurrentChange(val) {
- this.internalCurrentPage = this.getValidCurrentPage(val);
- this.userChangePageSize = true;
- this.emitChange();
- },
- prev: function prev() {
- if (this.disabled) return;
- var newVal = this.internalCurrentPage - 1;
- this.internalCurrentPage = this.getValidCurrentPage(newVal);
- this.$emit('prev-click', this.internalCurrentPage);
- this.emitChange();
- },
- next: function next() {
- if (this.disabled) return;
- var newVal = this.internalCurrentPage + 1;
- this.internalCurrentPage = this.getValidCurrentPage(newVal);
- this.$emit('next-click', this.internalCurrentPage);
- this.emitChange();
- },
- getValidCurrentPage: function getValidCurrentPage(value) {
- value = parseInt(value, 10);
- var havePageCount = typeof this.internalPageCount === 'number';
- var resetValue = void 0;
- if (!havePageCount) {
- if (isNaN(value) || value < 1) resetValue = 1;
- } else {
- if (value < 1) {
- resetValue = 1;
- } else if (value > this.internalPageCount) {
- resetValue = this.internalPageCount;
- }
- }
- if (resetValue === undefined && isNaN(value)) {
- resetValue = 1;
- } else if (resetValue === 0) {
- resetValue = 1;
- }
- return resetValue === undefined ? value : resetValue;
- },
- emitChange: function emitChange() {
- var _this3 = this;
- this.$nextTick(function () {
- if (_this3.internalCurrentPage !== _this3.lastEmittedPage || _this3.userChangePageSize) {
- _this3.$emit('current-change', _this3.internalCurrentPage);
- _this3.lastEmittedPage = _this3.internalCurrentPage;
- _this3.userChangePageSize = false;
- }
- });
- }
- },
- computed: {
- internalPageCount: function internalPageCount() {
- if (typeof this.total === 'number') {
- return Math.ceil(this.total / this.internalPageSize);
- } else if (typeof this.pageCount === 'number') {
- return this.pageCount;
- }
- return null;
- }
- },
- watch: {
- currentPage: {
- immediate: true,
- handler: function handler(val) {
- this.internalCurrentPage = val;
- }
- },
- pageSize: {
- immediate: true,
- handler: function handler(val) {
- this.internalPageSize = isNaN(val) ? 10 : val;
- }
- },
- internalCurrentPage: {
- immediate: true,
- handler: function handler(newVal, oldVal) {
- newVal = parseInt(newVal, 10);
- /* istanbul ignore if */
- if (isNaN(newVal)) {
- newVal = oldVal || 1;
- } else {
- newVal = this.getValidCurrentPage(newVal);
- }
- if (newVal !== undefined) {
- this.internalCurrentPage = newVal;
- if (oldVal !== newVal) {
- this.$emit('update:currentPage', newVal);
- }
- } else {
- this.$emit('update:currentPage', newVal);
- }
- this.lastEmittedPage = -1;
- }
- },
- internalPageCount: function internalPageCount(newVal) {
- /* istanbul ignore if */
- var oldPage = this.internalCurrentPage;
- if (newVal > 0 && oldPage === 0) {
- this.internalCurrentPage = 1;
- } else if (oldPage > newVal) {
- this.internalCurrentPage = newVal === 0 ? 1 : newVal;
- this.userChangePageSize && this.emitChange();
- }
- this.userChangePageSize = false;
- }
- }
- };
- /***/ }),
- /* 50 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_pager_vue__ = __webpack_require__(51);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_pager_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_pager_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_e5b72590_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_pager_vue__ = __webpack_require__(52);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_pager_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_e5b72590_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_pager_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 51 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElPager',
- props: {
- currentPage: Number,
- pageCount: Number,
- pagerCount: Number,
- disabled: Boolean
- },
- watch: {
- showPrevMore: function showPrevMore(val) {
- if (!val) this.quickprevIconClass = 'el-icon-more';
- },
- showNextMore: function showNextMore(val) {
- if (!val) this.quicknextIconClass = 'el-icon-more';
- }
- },
- methods: {
- onPagerClick: function onPagerClick(event) {
- var target = event.target;
- if (target.tagName === 'UL' || this.disabled) {
- return;
- }
- var newPage = Number(event.target.textContent);
- var pageCount = this.pageCount;
- var currentPage = this.currentPage;
- var pagerCountOffset = this.pagerCount - 2;
- if (target.className.indexOf('more') !== -1) {
- if (target.className.indexOf('quickprev') !== -1) {
- newPage = currentPage - pagerCountOffset;
- } else if (target.className.indexOf('quicknext') !== -1) {
- newPage = currentPage + pagerCountOffset;
- }
- }
- /* istanbul ignore if */
- if (!isNaN(newPage)) {
- if (newPage < 1) {
- newPage = 1;
- }
- if (newPage > pageCount) {
- newPage = pageCount;
- }
- }
- if (newPage !== currentPage) {
- this.$emit('change', newPage);
- }
- },
- onMouseenter: function onMouseenter(direction) {
- if (this.disabled) return;
- if (direction === 'left') {
- this.quickprevIconClass = 'el-icon-d-arrow-left';
- } else {
- this.quicknextIconClass = 'el-icon-d-arrow-right';
- }
- }
- },
- computed: {
- pagers: function pagers() {
- var pagerCount = this.pagerCount;
- var halfPagerCount = (pagerCount - 1) / 2;
- var currentPage = Number(this.currentPage);
- var pageCount = Number(this.pageCount);
- var showPrevMore = false;
- var showNextMore = false;
- if (pageCount > pagerCount) {
- if (currentPage > pagerCount - halfPagerCount) {
- showPrevMore = true;
- }
- if (currentPage < pageCount - halfPagerCount) {
- showNextMore = true;
- }
- }
- var array = [];
- if (showPrevMore && !showNextMore) {
- var startPage = pageCount - (pagerCount - 2);
- for (var i = startPage; i < pageCount; i++) {
- array.push(i);
- }
- } else if (!showPrevMore && showNextMore) {
- for (var _i = 2; _i < pagerCount; _i++) {
- array.push(_i);
- }
- } else if (showPrevMore && showNextMore) {
- var offset = Math.floor(pagerCount / 2) - 1;
- for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) {
- array.push(_i2);
- }
- } else {
- for (var _i3 = 2; _i3 < pageCount; _i3++) {
- array.push(_i3);
- }
- }
- this.showPrevMore = showPrevMore;
- this.showNextMore = showNextMore;
- return array;
- }
- },
- data: function data() {
- return {
- current: null,
- showPrevMore: false,
- showNextMore: false,
- quicknextIconClass: 'el-icon-more',
- quickprevIconClass: 'el-icon-more'
- };
- }
- };
- /***/ }),
- /* 52 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:"el-pager",on:{"click":_vm.onPagerClick}},[(_vm.pageCount > 0)?_c('li',{staticClass:"number",class:{ active: _vm.currentPage === 1, disabled: _vm.disabled }},[_vm._v("1")]):_vm._e(),(_vm.showPrevMore)?_c('li',{staticClass:"el-icon more btn-quickprev",class:[_vm.quickprevIconClass, { disabled: _vm.disabled }],on:{"mouseenter":function($event){_vm.onMouseenter('left')},"mouseleave":function($event){_vm.quickprevIconClass = 'el-icon-more'}}}):_vm._e(),_vm._l((_vm.pagers),function(pager){return _c('li',{key:pager,staticClass:"number",class:{ active: _vm.currentPage === pager, disabled: _vm.disabled }},[_vm._v(_vm._s(pager))])}),(_vm.showNextMore)?_c('li',{staticClass:"el-icon more btn-quicknext",class:[_vm.quicknextIconClass, { disabled: _vm.disabled }],on:{"mouseenter":function($event){_vm.onMouseenter('right')},"mouseleave":function($event){_vm.quicknextIconClass = 'el-icon-more'}}}):_vm._e(),(_vm.pageCount > 1)?_c('li',{staticClass:"number",class:{ active: _vm.currentPage === _vm.pageCount, disabled: _vm.disabled }},[_vm._v(_vm._s(_vm.pageCount))]):_vm._e()],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 53 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/select");
- /***/ }),
- /* 54 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/option");
- /***/ }),
- /* 55 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _component = __webpack_require__(56);
- var _component2 = _interopRequireDefault(_component);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _component2.default.install = function (Vue) {
- Vue.component(_component2.default.name, _component2.default);
- };
- exports.default = _component2.default;
- /***/ }),
- /* 56 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_component_vue__ = __webpack_require__(57);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_component_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_component_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2ab518c0_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_component_vue__ = __webpack_require__(58);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_component_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2ab518c0_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_component_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 57 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _popup = __webpack_require__(12);
- var _popup2 = _interopRequireDefault(_popup);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElDialog',
- mixins: [_popup2.default, _emitter2.default, _migrating2.default],
- props: {
- title: {
- type: String,
- default: ''
- },
- modal: {
- type: Boolean,
- default: true
- },
- modalAppendToBody: {
- type: Boolean,
- default: true
- },
- appendToBody: {
- type: Boolean,
- default: false
- },
- lockScroll: {
- type: Boolean,
- default: true
- },
- closeOnClickModal: {
- type: Boolean,
- default: true
- },
- closeOnPressEscape: {
- type: Boolean,
- default: true
- },
- showClose: {
- type: Boolean,
- default: true
- },
- width: String,
- fullscreen: Boolean,
- customClass: {
- type: String,
- default: ''
- },
- top: {
- type: String,
- default: '15vh'
- },
- beforeClose: Function,
- center: {
- type: Boolean,
- default: false
- }
- },
- data: function data() {
- return {
- closed: false
- };
- },
- watch: {
- visible: function visible(val) {
- var _this = this;
- if (val) {
- this.closed = false;
- this.$emit('open');
- this.$el.addEventListener('scroll', this.updatePopper);
- this.$nextTick(function () {
- _this.$refs.dialog.scrollTop = 0;
- });
- if (this.appendToBody) {
- document.body.appendChild(this.$el);
- }
- } else {
- this.$el.removeEventListener('scroll', this.updatePopper);
- if (!this.closed) this.$emit('close');
- }
- }
- },
- computed: {
- style: function style() {
- var style = {};
- if (this.width) {
- style.width = this.width;
- }
- if (!this.fullscreen) {
- style.marginTop = this.top;
- }
- return style;
- }
- },
- methods: {
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'size': 'size is removed.'
- }
- };
- },
- handleWrapperClick: function handleWrapperClick() {
- if (!this.closeOnClickModal) return;
- this.handleClose();
- },
- handleClose: function handleClose() {
- if (typeof this.beforeClose === 'function') {
- this.beforeClose(this.hide);
- } else {
- this.hide();
- }
- },
- hide: function hide(cancel) {
- if (cancel !== false) {
- this.$emit('update:visible', false);
- this.$emit('close');
- this.closed = true;
- }
- },
- updatePopper: function updatePopper() {
- this.broadcast('ElSelectDropdown', 'updatePopper');
- this.broadcast('ElDropdownMenu', 'updatePopper');
- }
- },
- mounted: function mounted() {
- if (this.visible) {
- this.rendered = true;
- this.open();
- if (this.appendToBody) {
- document.body.appendChild(this.$el);
- }
- }
- },
- destroyed: function destroyed() {
- // if appendToBody is true, remove DOM node after destroy
- if (this.appendToBody && this.$el && this.$el.parentNode) {
- this.$el.parentNode.removeChild(this.$el);
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 58 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"dialog-fade"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-dialog__wrapper",on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }_vm.handleWrapperClick($event)}}},[_c('div',{ref:"dialog",staticClass:"el-dialog",class:[{ 'is-fullscreen': _vm.fullscreen, 'el-dialog--center': _vm.center }, _vm.customClass],style:(_vm.style)},[_c('div',{staticClass:"el-dialog__header"},[_vm._t("title",[_c('span',{staticClass:"el-dialog__title"},[_vm._v(_vm._s(_vm.title))])]),(_vm.showClose)?_c('button',{staticClass:"el-dialog__headerbtn",attrs:{"type":"button","aria-label":"Close"},on:{"click":_vm.handleClose}},[_c('i',{staticClass:"el-dialog__close el-icon el-icon-close"})]):_vm._e()],2),(_vm.rendered)?_c('div',{staticClass:"el-dialog__body"},[_vm._t("default")],2):_vm._e(),(_vm.$slots.footer)?_c('div',{staticClass:"el-dialog__footer"},[_vm._t("footer")],2):_vm._e()])])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 59 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _autocomplete = __webpack_require__(60);
- var _autocomplete2 = _interopRequireDefault(_autocomplete);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _autocomplete2.default.install = function (Vue) {
- Vue.component(_autocomplete2.default.name, _autocomplete2.default);
- };
- exports.default = _autocomplete2.default;
- /***/ }),
- /* 60 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_autocomplete_vue__ = __webpack_require__(61);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_autocomplete_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_autocomplete_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_01836196_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_autocomplete_vue__ = __webpack_require__(65);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_autocomplete_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_01836196_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_autocomplete_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 61 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _debounce = __webpack_require__(13);
- var _debounce2 = _interopRequireDefault(_debounce);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _clickoutside = __webpack_require__(9);
- var _clickoutside2 = _interopRequireDefault(_clickoutside);
- var _autocompleteSuggestions = __webpack_require__(62);
- var _autocompleteSuggestions2 = _interopRequireDefault(_autocompleteSuggestions);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- var _util = __webpack_require__(4);
- var _focus = __webpack_require__(19);
- var _focus2 = _interopRequireDefault(_focus);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElAutocomplete',
- mixins: [_emitter2.default, (0, _focus2.default)('input'), _migrating2.default],
- componentName: 'ElAutocomplete',
- components: {
- ElInput: _input2.default,
- ElAutocompleteSuggestions: _autocompleteSuggestions2.default
- },
- directives: { Clickoutside: _clickoutside2.default },
- props: {
- valueKey: {
- type: String,
- default: 'value'
- },
- popperClass: String,
- popperOptions: Object,
- placeholder: String,
- disabled: Boolean,
- name: String,
- size: String,
- value: String,
- maxlength: Number,
- minlength: Number,
- autofocus: Boolean,
- fetchSuggestions: Function,
- triggerOnFocus: {
- type: Boolean,
- default: true
- },
- customItem: String,
- selectWhenUnmatched: {
- type: Boolean,
- default: false
- },
- prefixIcon: String,
- suffixIcon: String,
- label: String,
- debounce: {
- type: Number,
- default: 300
- },
- placement: {
- type: String,
- default: 'bottom-start'
- }
- },
- data: function data() {
- return {
- activated: false,
- isOnComposition: false,
- suggestions: [],
- loading: false,
- highlightedIndex: -1
- };
- },
- computed: {
- suggestionVisible: function suggestionVisible() {
- var suggestions = this.suggestions;
- var isValidData = Array.isArray(suggestions) && suggestions.length > 0;
- return (isValidData || this.loading) && this.activated;
- },
- id: function id() {
- return 'el-autocomplete-' + (0, _util.generateId)();
- }
- },
- watch: {
- suggestionVisible: function suggestionVisible(val) {
- this.broadcast('ElAutocompleteSuggestions', 'visible', [val, this.$refs.input.$refs.input.offsetWidth]);
- }
- },
- methods: {
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'custom-item': 'custom-item is removed, use scoped slot instead.',
- 'props': 'props is removed, use value-key instead.'
- }
- };
- },
- getData: function getData(queryString) {
- var _this = this;
- this.loading = true;
- this.fetchSuggestions(queryString, function (suggestions) {
- _this.loading = false;
- if (Array.isArray(suggestions)) {
- _this.suggestions = suggestions;
- } else {
- console.error('autocomplete suggestions must be an array');
- }
- });
- },
- handleComposition: function handleComposition(event) {
- if (event.type === 'compositionend') {
- this.isOnComposition = false;
- this.handleChange(event.target.value);
- } else {
- this.isOnComposition = true;
- }
- },
- handleChange: function handleChange(value) {
- this.$emit('input', value);
- if (this.isOnComposition || !this.triggerOnFocus && !value) {
- this.suggestions = [];
- return;
- }
- this.debouncedGetData(value);
- },
- handleFocus: function handleFocus(event) {
- this.activated = true;
- this.$emit('focus', event);
- if (this.triggerOnFocus) {
- this.debouncedGetData(this.value);
- }
- },
- handleBlur: function handleBlur(event) {
- this.$emit('blur', event);
- },
- close: function close(e) {
- this.activated = false;
- },
- handleKeyEnter: function handleKeyEnter(e) {
- var _this2 = this;
- if (this.suggestionVisible && this.highlightedIndex >= 0 && this.highlightedIndex < this.suggestions.length) {
- e.preventDefault();
- this.select(this.suggestions[this.highlightedIndex]);
- } else if (this.selectWhenUnmatched) {
- this.$emit('select', { value: this.value });
- this.$nextTick(function (_) {
- _this2.suggestions = [];
- _this2.highlightedIndex = -1;
- });
- }
- },
- select: function select(item) {
- var _this3 = this;
- this.$emit('input', item[this.valueKey]);
- this.$emit('select', item);
- this.$nextTick(function (_) {
- _this3.suggestions = [];
- _this3.highlightedIndex = -1;
- });
- },
- highlight: function highlight(index) {
- if (!this.suggestionVisible || this.loading) {
- return;
- }
- if (index < 0) {
- this.highlightedIndex = -1;
- return;
- }
- if (index >= this.suggestions.length) {
- index = this.suggestions.length - 1;
- }
- var suggestion = this.$refs.suggestions.$el.querySelector('.el-autocomplete-suggestion__wrap');
- var suggestionList = suggestion.querySelectorAll('.el-autocomplete-suggestion__list li');
- var highlightItem = suggestionList[index];
- var scrollTop = suggestion.scrollTop;
- var offsetTop = highlightItem.offsetTop;
- if (offsetTop + highlightItem.scrollHeight > scrollTop + suggestion.clientHeight) {
- suggestion.scrollTop += highlightItem.scrollHeight;
- }
- if (offsetTop < scrollTop) {
- suggestion.scrollTop -= highlightItem.scrollHeight;
- }
- this.highlightedIndex = index;
- this.$el.querySelector('.el-input__inner').setAttribute('aria-activedescendant', this.id + '-item-' + this.highlightedIndex);
- }
- },
- mounted: function mounted() {
- var _this4 = this;
- this.debouncedGetData = (0, _debounce2.default)(this.debounce, function (val) {
- _this4.getData(val);
- });
- this.$on('item-click', function (item) {
- _this4.select(item);
- });
- var $input = this.$el.querySelector('.el-input__inner');
- $input.setAttribute('role', 'textbox');
- $input.setAttribute('aria-autocomplete', 'list');
- $input.setAttribute('aria-controls', 'id');
- $input.setAttribute('aria-activedescendant', this.id + '-item-' + this.highlightedIndex);
- },
- beforeDestroy: function beforeDestroy() {
- this.$refs.suggestions.$destroy();
- }
- };
- /***/ }),
- /* 62 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_autocomplete_suggestions_vue__ = __webpack_require__(63);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_autocomplete_suggestions_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_autocomplete_suggestions_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3f749952_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_autocomplete_suggestions_vue__ = __webpack_require__(64);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_autocomplete_suggestions_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3f749952_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_autocomplete_suggestions_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 63 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _scrollbar = __webpack_require__(18);
- var _scrollbar2 = _interopRequireDefault(_scrollbar);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- components: { ElScrollbar: _scrollbar2.default },
- mixins: [_vuePopper2.default, _emitter2.default],
- componentName: 'ElAutocompleteSuggestions',
- data: function data() {
- return {
- parent: this.$parent,
- dropdownWidth: ''
- };
- },
- props: {
- options: {
- default: function _default() {
- return {
- gpuAcceleration: false
- };
- }
- },
- id: String
- },
- methods: {
- select: function select(item) {
- this.dispatch('ElAutocomplete', 'item-click', item);
- }
- },
- updated: function updated() {
- var _this = this;
- this.$nextTick(function (_) {
- _this.updatePopper();
- });
- },
- mounted: function mounted() {
- this.$parent.popperElm = this.popperElm = this.$el;
- this.referenceElm = this.$parent.$refs.input.$refs.input;
- this.referenceList = this.$el.querySelector('.el-autocomplete-suggestion__list');
- this.referenceList.setAttribute('role', 'listbox');
- this.referenceList.setAttribute('id', this.id);
- },
- created: function created() {
- var _this2 = this;
- this.$on('visible', function (val, inputWidth) {
- _this2.dropdownWidth = inputWidth + 'px';
- _this2.showPopper = val;
- });
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 64 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-leave":_vm.doDestroy}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showPopper),expression:"showPopper"}],staticClass:"el-autocomplete-suggestion el-popper",class:{ 'is-loading': _vm.parent.loading },style:({ width: _vm.dropdownWidth }),attrs:{"role":"region"}},[_c('el-scrollbar',{attrs:{"tag":"ul","wrap-class":"el-autocomplete-suggestion__wrap","view-class":"el-autocomplete-suggestion__list"}},[(_vm.parent.loading)?_c('li',[_c('i',{staticClass:"el-icon-loading"})]):_vm._t("default")],2)],1)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 65 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.close),expression:"close"}],staticClass:"el-autocomplete",attrs:{"aria-haspopup":"listbox","role":"combobox","aria-expanded":_vm.suggestionVisible,"aria-owns":_vm.id}},[_c('el-input',_vm._b({ref:"input",attrs:{"label":_vm.label},on:{"input":_vm.handleChange,"focus":_vm.handleFocus,"blur":_vm.handleBlur},nativeOn:{"compositionstart":function($event){_vm.handleComposition($event)},"compositionupdate":function($event){_vm.handleComposition($event)},"compositionend":function($event){_vm.handleComposition($event)},"keydown":[function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"up",38,$event.key)){ return null; }$event.preventDefault();_vm.highlight(_vm.highlightedIndex - 1)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"down",40,$event.key)){ return null; }$event.preventDefault();_vm.highlight(_vm.highlightedIndex + 1)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.handleKeyEnter($event)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"tab",9,$event.key)){ return null; }_vm.close($event)}]}},'el-input',_vm.$props,false),[(_vm.$slots.prepend)?_c('template',{attrs:{"slot":"prepend"},slot:"prepend"},[_vm._t("prepend")],2):_vm._e(),(_vm.$slots.append)?_c('template',{attrs:{"slot":"append"},slot:"append"},[_vm._t("append")],2):_vm._e(),(_vm.$slots.prefix)?_c('template',{attrs:{"slot":"prefix"},slot:"prefix"},[_vm._t("prefix")],2):_vm._e(),(_vm.$slots.suffix)?_c('template',{attrs:{"slot":"suffix"},slot:"suffix"},[_vm._t("suffix")],2):_vm._e()],2),_c('el-autocomplete-suggestions',{ref:"suggestions",class:[_vm.popperClass ? _vm.popperClass : ''],attrs:{"visible-arrow":"","popper-options":_vm.popperOptions,"placement":_vm.placement,"id":_vm.id}},_vm._l((_vm.suggestions),function(item,index){return _c('li',{key:index,class:{'highlighted': _vm.highlightedIndex === index},attrs:{"id":(_vm.id + "-item-" + index),"role":"option","aria-selected":_vm.highlightedIndex === index},on:{"click":function($event){_vm.select(item)}}},[_vm._t("default",[_vm._v("\n "+_vm._s(item[_vm.valueKey])+"\n ")],{item:item})],2)}))],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 66 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _dropdown = __webpack_require__(67);
- var _dropdown2 = _interopRequireDefault(_dropdown);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _dropdown2.default.install = function (Vue) {
- Vue.component(_dropdown2.default.name, _dropdown2.default);
- };
- exports.default = _dropdown2.default;
- /***/ }),
- /* 67 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_vue__ = __webpack_require__(68);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_vue__);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- var __vue_template__ = null
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_vue___default.a,
- __vue_template__,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 68 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _clickoutside = __webpack_require__(9);
- var _clickoutside2 = _interopRequireDefault(_clickoutside);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- var _button = __webpack_require__(15);
- var _button2 = _interopRequireDefault(_button);
- var _buttonGroup = __webpack_require__(69);
- var _buttonGroup2 = _interopRequireDefault(_buttonGroup);
- var _util = __webpack_require__(4);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElDropdown',
- componentName: 'ElDropdown',
- mixins: [_emitter2.default, _migrating2.default],
- directives: { Clickoutside: _clickoutside2.default },
- components: {
- ElButton: _button2.default,
- ElButtonGroup: _buttonGroup2.default
- },
- provide: function provide() {
- return {
- dropdown: this
- };
- },
- props: {
- trigger: {
- type: String,
- default: 'hover'
- },
- type: String,
- size: {
- type: String,
- default: ''
- },
- splitButton: Boolean,
- hideOnClick: {
- type: Boolean,
- default: true
- },
- placement: {
- type: String,
- default: 'bottom-end'
- },
- visibleArrow: {
- default: true
- },
- showTimeout: {
- type: Number,
- default: 250
- },
- hideTimeout: {
- type: Number,
- default: 150
- }
- },
- data: function data() {
- return {
- timeout: null,
- visible: false,
- triggerElm: null,
- menuItems: null,
- menuItemsArray: null,
- dropdownElm: null,
- focusing: false
- };
- },
- computed: {
- dropdownSize: function dropdownSize() {
- return this.size || (this.$ELEMENT || {}).size;
- },
- listId: function listId() {
- return 'dropdown-menu-' + (0, _util.generateId)();
- }
- },
- mounted: function mounted() {
- this.$on('menu-item-click', this.handleMenuItemClick);
- this.initEvent();
- this.initAria();
- },
- watch: {
- visible: function visible(val) {
- this.broadcast('ElDropdownMenu', 'visible', val);
- this.$emit('visible-change', val);
- },
- focusing: function focusing(val) {
- var selfDefine = this.$el.querySelector('.el-dropdown-selfdefine');
- if (selfDefine) {
- // 自定义
- if (val) {
- selfDefine.className += ' focusing';
- } else {
- selfDefine.className = selfDefine.className.replace('focusing', '');
- }
- }
- }
- },
- methods: {
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'menu-align': 'menu-align is renamed to placement.'
- }
- };
- },
- show: function show() {
- var _this = this;
- if (this.triggerElm.disabled) return;
- clearTimeout(this.timeout);
- this.timeout = setTimeout(function () {
- _this.visible = true;
- }, this.trigger === 'click' ? 0 : this.showTimeout);
- },
- hide: function hide() {
- var _this2 = this;
- if (this.triggerElm.disabled) return;
- this.removeTabindex();
- this.resetTabindex(this.triggerElm);
- clearTimeout(this.timeout);
- this.timeout = setTimeout(function () {
- _this2.visible = false;
- }, this.trigger === 'click' ? 0 : this.hideTimeout);
- },
- handleClick: function handleClick() {
- if (this.triggerElm.disabled) return;
- if (this.visible) {
- this.hide();
- } else {
- this.show();
- }
- },
- handleTriggerKeyDown: function handleTriggerKeyDown(ev) {
- var keyCode = ev.keyCode;
- if ([38, 40].indexOf(keyCode) > -1) {
- // up/down
- this.removeTabindex();
- this.resetTabindex(this.menuItems[0]);
- this.menuItems[0].focus();
- ev.preventDefault();
- ev.stopPropagation();
- } else if (keyCode === 13) {
- // space enter选中
- this.handleClick();
- } else if ([9, 27].indexOf(keyCode) > -1) {
- // tab || esc
- this.hide();
- }
- return;
- },
- handleItemKeyDown: function handleItemKeyDown(ev) {
- var keyCode = ev.keyCode;
- var target = ev.target;
- var currentIndex = this.menuItemsArray.indexOf(target);
- var max = this.menuItemsArray.length - 1;
- var nextIndex = void 0;
- if ([38, 40].indexOf(keyCode) > -1) {
- // up/down
- if (keyCode === 38) {
- // up
- nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
- } else {
- // down
- nextIndex = currentIndex < max ? currentIndex + 1 : max;
- }
- this.removeTabindex();
- this.resetTabindex(this.menuItems[nextIndex]);
- this.menuItems[nextIndex].focus();
- ev.preventDefault();
- ev.stopPropagation();
- } else if (keyCode === 13) {
- // enter选中
- this.triggerElm.focus();
- target.click();
- if (!this.hideOnClick) {
- // click关闭
- this.visible = false;
- }
- } else if ([9, 27].indexOf(keyCode) > -1) {
- // tab // esc
- this.hide();
- this.triggerElm.focus();
- }
- return;
- },
- resetTabindex: function resetTabindex(ele) {
- // 下次tab时组件聚焦元素
- this.removeTabindex();
- ele.setAttribute('tabindex', '0'); // 下次期望的聚焦元素
- },
- removeTabindex: function removeTabindex() {
- this.triggerElm.setAttribute('tabindex', '-1');
- this.menuItemsArray.forEach(function (item) {
- item.setAttribute('tabindex', '-1');
- });
- },
- initAria: function initAria() {
- this.dropdownElm.setAttribute('id', this.listId);
- this.triggerElm.setAttribute('aria-haspopup', 'list');
- this.triggerElm.setAttribute('aria-controls', this.listId);
- this.menuItems = this.dropdownElm.querySelectorAll("[tabindex='-1']");
- this.menuItemsArray = Array.prototype.slice.call(this.menuItems);
- if (!this.splitButton) {
- // 自定义
- this.triggerElm.setAttribute('role', 'button');
- this.triggerElm.setAttribute('tabindex', '0');
- this.triggerElm.setAttribute('class', (this.triggerElm.getAttribute('class') || '') + ' el-dropdown-selfdefine'); // 控制
- }
- },
- initEvent: function initEvent() {
- var _this3 = this;
- var trigger = this.trigger,
- show = this.show,
- hide = this.hide,
- handleClick = this.handleClick,
- splitButton = this.splitButton,
- handleTriggerKeyDown = this.handleTriggerKeyDown,
- handleItemKeyDown = this.handleItemKeyDown;
- this.triggerElm = splitButton ? this.$refs.trigger.$el : this.$slots.default[0].elm;
- var dropdownElm = this.dropdownElm = this.$slots.dropdown[0].elm;
- this.triggerElm.addEventListener('keydown', handleTriggerKeyDown); // triggerElm keydown
- dropdownElm.addEventListener('keydown', handleItemKeyDown, true); // item keydown
- // 控制自定义元素的样式
- if (!splitButton) {
- this.triggerElm.addEventListener('focus', function () {
- _this3.focusing = true;
- });
- this.triggerElm.addEventListener('blur', function () {
- _this3.focusing = false;
- });
- this.triggerElm.addEventListener('click', function () {
- _this3.focusing = false;
- });
- }
- if (trigger === 'hover') {
- this.triggerElm.addEventListener('mouseenter', show);
- this.triggerElm.addEventListener('mouseleave', hide);
- dropdownElm.addEventListener('mouseenter', show);
- dropdownElm.addEventListener('mouseleave', hide);
- } else if (trigger === 'click') {
- this.triggerElm.addEventListener('click', handleClick);
- }
- },
- handleMenuItemClick: function handleMenuItemClick(command, instance) {
- if (this.hideOnClick) {
- this.visible = false;
- }
- this.$emit('command', command, instance);
- },
- focus: function focus() {
- this.triggerElm.focus && this.triggerElm.focus();
- }
- },
- render: function render(h) {
- var _this4 = this;
- var hide = this.hide,
- splitButton = this.splitButton,
- type = this.type,
- dropdownSize = this.dropdownSize;
- var handleMainButtonClick = function handleMainButtonClick(event) {
- _this4.$emit('click', event);
- hide();
- };
- var triggerElm = !splitButton ? this.$slots.default : h(
- 'el-button-group',
- null,
- [h(
- 'el-button',
- {
- attrs: { type: type, size: dropdownSize },
- nativeOn: {
- 'click': handleMainButtonClick
- }
- },
- [this.$slots.default]
- ), h(
- 'el-button',
- { ref: 'trigger', attrs: { type: type, size: dropdownSize },
- 'class': 'el-dropdown__caret-button' },
- [h(
- 'i',
- { 'class': 'el-dropdown__icon el-icon-arrow-down' },
- []
- )]
- )]
- );
- return h(
- 'div',
- { 'class': 'el-dropdown', directives: [{
- name: 'clickoutside',
- value: hide
- }]
- },
- [triggerElm, this.$slots.dropdown]
- );
- }
- };
- /***/ }),
- /* 69 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/button-group");
- /***/ }),
- /* 70 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _dropdownMenu = __webpack_require__(71);
- var _dropdownMenu2 = _interopRequireDefault(_dropdownMenu);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _dropdownMenu2.default.install = function (Vue) {
- Vue.component(_dropdownMenu2.default.name, _dropdownMenu2.default);
- };
- exports.default = _dropdownMenu2.default;
- /***/ }),
- /* 71 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_menu_vue__ = __webpack_require__(72);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_menu_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_menu_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_066202f2_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dropdown_menu_vue__ = __webpack_require__(73);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_menu_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_066202f2_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dropdown_menu_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 72 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElDropdownMenu',
- componentName: 'ElDropdownMenu',
- mixins: [_vuePopper2.default],
- props: {
- visibleArrow: {
- type: Boolean,
- default: true
- },
- arrowOffset: {
- type: Number,
- default: 0
- }
- },
- data: function data() {
- return {
- size: this.dropdown.dropdownSize
- };
- },
- inject: ['dropdown'],
- created: function created() {
- var _this = this;
- this.$on('updatePopper', function () {
- if (_this.showPopper) _this.updatePopper();
- });
- this.$on('visible', function (val) {
- _this.showPopper = val;
- });
- },
- mounted: function mounted() {
- this.$parent.popperElm = this.popperElm = this.$el;
- this.referenceElm = this.$parent.$el;
- },
- watch: {
- 'dropdown.placement': {
- immediate: true,
- handler: function handler(val) {
- this.currentPlacement = val;
- }
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 73 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-leave":_vm.doDestroy}},[_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.showPopper),expression:"showPopper"}],staticClass:"el-dropdown-menu el-popper",class:[_vm.size && ("el-dropdown-menu--" + _vm.size)]},[_vm._t("default")],2)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 74 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _dropdownItem = __webpack_require__(75);
- var _dropdownItem2 = _interopRequireDefault(_dropdownItem);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _dropdownItem2.default.install = function (Vue) {
- Vue.component(_dropdownItem2.default.name, _dropdownItem2.default);
- };
- exports.default = _dropdownItem2.default;
- /***/ }),
- /* 75 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_item_vue__ = __webpack_require__(76);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_item_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_item_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_66fb6a3b_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dropdown_item_vue__ = __webpack_require__(77);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dropdown_item_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_66fb6a3b_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dropdown_item_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 76 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElDropdownItem',
- mixins: [_emitter2.default],
- props: {
- command: {},
- disabled: Boolean,
- divided: Boolean
- },
- methods: {
- handleClick: function handleClick(e) {
- this.dispatch('ElDropdown', 'menu-item-click', [this.command, this]);
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 77 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"el-dropdown-menu__item",class:{
- 'is-disabled': _vm.disabled,
- 'el-dropdown-menu__item--divided': _vm.divided
- },attrs:{"aria-disabled":_vm.disabled,"tabindex":_vm.disabled ? null : -1},on:{"click":_vm.handleClick}},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 78 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _menu = __webpack_require__(79);
- var _menu2 = _interopRequireDefault(_menu);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _menu2.default.install = function (Vue) {
- Vue.component(_menu2.default.name, _menu2.default);
- };
- exports.default = _menu2.default;
- /***/ }),
- /* 79 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_vue__ = __webpack_require__(80);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_vue__);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- var __vue_template__ = null
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_vue___default.a,
- __vue_template__,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 80 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- var _ariaMenubar = __webpack_require__(81);
- var _ariaMenubar2 = _interopRequireDefault(_ariaMenubar);
- var _dom = __webpack_require__(3);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElMenu',
- render: function render(h) {
- var component = h(
- 'ul',
- {
- attrs: {
- role: 'menubar'
- },
- key: +this.collapse,
- style: { backgroundColor: this.backgroundColor || '' },
- 'class': {
- 'el-menu--horizontal': this.mode === 'horizontal',
- 'el-menu--collapse': this.collapse,
- "el-menu": true
- }
- },
- [this.$slots.default]
- );
- if (this.collapseTransition) {
- return h(
- 'el-menu-collapse-transition',
- null,
- [component]
- );
- } else {
- return component;
- }
- },
- componentName: 'ElMenu',
- mixins: [_emitter2.default, _migrating2.default],
- provide: function provide() {
- return {
- rootMenu: this
- };
- },
- components: {
- 'el-menu-collapse-transition': {
- functional: true,
- render: function render(createElement, context) {
- var data = {
- props: {
- mode: 'out-in'
- },
- on: {
- beforeEnter: function beforeEnter(el) {
- el.style.opacity = 0.2;
- },
- enter: function enter(el) {
- (0, _dom.addClass)(el, 'el-opacity-transition');
- el.style.opacity = 1;
- },
- afterEnter: function afterEnter(el) {
- (0, _dom.removeClass)(el, 'el-opacity-transition');
- el.style.opacity = '';
- },
- beforeLeave: function beforeLeave(el) {
- if (!el.dataset) el.dataset = {};
- if ((0, _dom.hasClass)(el, 'el-menu--collapse')) {
- (0, _dom.removeClass)(el, 'el-menu--collapse');
- el.dataset.oldOverflow = el.style.overflow;
- el.dataset.scrollWidth = el.clientWidth;
- (0, _dom.addClass)(el, 'el-menu--collapse');
- } else {
- (0, _dom.addClass)(el, 'el-menu--collapse');
- el.dataset.oldOverflow = el.style.overflow;
- el.dataset.scrollWidth = el.clientWidth;
- (0, _dom.removeClass)(el, 'el-menu--collapse');
- }
- el.style.width = el.scrollWidth + 'px';
- el.style.overflow = 'hidden';
- },
- leave: function leave(el) {
- (0, _dom.addClass)(el, 'horizontal-collapse-transition');
- el.style.width = el.dataset.scrollWidth + 'px';
- }
- }
- };
- return createElement('transition', data, context.children);
- }
- }
- },
- props: {
- mode: {
- type: String,
- default: 'vertical'
- },
- defaultActive: {
- type: String,
- default: ''
- },
- defaultOpeneds: Array,
- uniqueOpened: Boolean,
- router: Boolean,
- menuTrigger: {
- type: String,
- default: 'hover'
- },
- collapse: Boolean,
- backgroundColor: String,
- textColor: String,
- activeTextColor: String,
- collapseTransition: {
- type: Boolean,
- default: true
- }
- },
- data: function data() {
- return {
- activeIndex: this.defaultActive,
- openedMenus: this.defaultOpeneds && !this.collapse ? this.defaultOpeneds.slice(0) : [],
- items: {},
- submenus: {}
- };
- },
- computed: {
- hoverBackground: function hoverBackground() {
- return this.backgroundColor ? this.mixColor(this.backgroundColor, 0.2) : '';
- },
- isMenuPopup: function isMenuPopup() {
- return this.mode === 'horizontal' || this.mode === 'vertical' && this.collapse;
- }
- },
- watch: {
- defaultActive: 'updateActiveIndex',
- defaultOpeneds: function defaultOpeneds(value) {
- if (!this.collapse) {
- this.openedMenus = value;
- }
- },
- collapse: function collapse(value) {
- if (value) this.openedMenus = [];
- this.broadcast('ElSubmenu', 'toggle-collapse', value);
- }
- },
- methods: {
- updateActiveIndex: function updateActiveIndex() {
- var item = this.items[this.defaultActive];
- if (item) {
- this.activeIndex = item.index;
- this.initOpenedMenu();
- } else {
- this.activeIndex = null;
- }
- },
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'theme': 'theme is removed.'
- }
- };
- },
- getColorChannels: function getColorChannels(color) {
- color = color.replace('#', '');
- if (/^[0-9a-fA-F]{3}$/.test(color)) {
- color = color.split('');
- for (var i = 2; i >= 0; i--) {
- color.splice(i, 0, color[i]);
- }
- color = color.join('');
- }
- if (/^[0-9a-fA-F]{6}$/.test(color)) {
- return {
- red: parseInt(color.slice(0, 2), 16),
- green: parseInt(color.slice(2, 4), 16),
- blue: parseInt(color.slice(4, 6), 16)
- };
- } else {
- return {
- red: 255,
- green: 255,
- blue: 255
- };
- }
- },
- mixColor: function mixColor(color, percent) {
- var _getColorChannels = this.getColorChannels(color),
- red = _getColorChannels.red,
- green = _getColorChannels.green,
- blue = _getColorChannels.blue;
- if (percent > 0) {
- // shade given color
- red *= 1 - percent;
- green *= 1 - percent;
- blue *= 1 - percent;
- } else {
- // tint given color
- red += (255 - red) * percent;
- green += (255 - green) * percent;
- blue += (255 - blue) * percent;
- }
- return 'rgb(' + Math.round(red) + ', ' + Math.round(green) + ', ' + Math.round(blue) + ')';
- },
- addItem: function addItem(item) {
- this.$set(this.items, item.index, item);
- },
- removeItem: function removeItem(item) {
- delete this.items[item.index];
- },
- addSubmenu: function addSubmenu(item) {
- this.$set(this.submenus, item.index, item);
- },
- removeSubmenu: function removeSubmenu(item) {
- delete this.submenus[item.index];
- },
- openMenu: function openMenu(index, indexPath) {
- var openedMenus = this.openedMenus;
- if (openedMenus.indexOf(index) !== -1) return;
- // 将不在该菜单路径下的其余菜单收起
- // collapse all menu that are not under current menu item
- if (this.uniqueOpened) {
- this.openedMenus = openedMenus.filter(function (index) {
- return indexPath.indexOf(index) !== -1;
- });
- }
- this.openedMenus.push(index);
- },
- closeMenu: function closeMenu(index) {
- var i = this.openedMenus.indexOf(index);
- if (i !== -1) {
- this.openedMenus.splice(i, 1);
- }
- },
- handleSubmenuClick: function handleSubmenuClick(submenu) {
- var index = submenu.index,
- indexPath = submenu.indexPath;
- var isOpened = this.openedMenus.indexOf(index) !== -1;
- if (isOpened) {
- this.closeMenu(index);
- this.$emit('close', index, indexPath);
- } else {
- this.openMenu(index, indexPath);
- this.$emit('open', index, indexPath);
- }
- },
- handleItemClick: function handleItemClick(item) {
- var _this = this;
- var index = item.index,
- indexPath = item.indexPath;
- var oldActiveIndex = this.activeIndex;
- this.activeIndex = item.index;
- this.$emit('select', index, indexPath, item);
- if (this.mode === 'horizontal' || this.collapse) {
- this.openedMenus = [];
- }
- if (this.router) {
- this.routeToItem(item, function (error) {
- _this.activeIndex = oldActiveIndex;
- if (error) console.error(error);
- });
- }
- },
- // 初始化展开菜单
- // initialize opened menu
- initOpenedMenu: function initOpenedMenu() {
- var _this2 = this;
- var index = this.activeIndex;
- var activeItem = this.items[index];
- if (!activeItem || this.mode === 'horizontal' || this.collapse) return;
- var indexPath = activeItem.indexPath;
- // 展开该菜单项的路径上所有子菜单
- // expand all submenus of the menu item
- indexPath.forEach(function (index) {
- var submenu = _this2.submenus[index];
- submenu && _this2.openMenu(index, submenu.indexPath);
- });
- },
- routeToItem: function routeToItem(item, onError) {
- var route = item.route || item.index;
- try {
- this.$router.push(route, function () {}, onError);
- } catch (e) {
- console.error(e);
- }
- },
- open: function open(index) {
- var _this3 = this;
- var indexPath = this.submenus[index.toString()].indexPath;
- indexPath.forEach(function (i) {
- return _this3.openMenu(i, indexPath);
- });
- },
- close: function close(index) {
- this.closeMenu(index);
- }
- },
- mounted: function mounted() {
- this.initOpenedMenu();
- this.$on('item-click', this.handleItemClick);
- this.$on('submenu-click', this.handleSubmenuClick);
- if (this.mode === 'horizontal') {
- new _ariaMenubar2.default(this.$el); // eslint-disable-line
- }
- this.$watch('items', this.updateActiveIndex);
- }
- };
- /***/ }),
- /* 81 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _ariaMenuitem = __webpack_require__(82);
- var _ariaMenuitem2 = _interopRequireDefault(_ariaMenuitem);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var Menu = function Menu(domNode) {
- this.domNode = domNode;
- this.init();
- };
- Menu.prototype.init = function () {
- var menuChildren = this.domNode.childNodes;
- [].filter.call(menuChildren, function (child) {
- return child.nodeType === 1;
- }).forEach(function (child) {
- new _ariaMenuitem2.default(child); // eslint-disable-line
- });
- };
- exports.default = Menu;
- /***/ }),
- /* 82 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _ariaUtils = __webpack_require__(31);
- var _ariaUtils2 = _interopRequireDefault(_ariaUtils);
- var _ariaSubmenu = __webpack_require__(83);
- var _ariaSubmenu2 = _interopRequireDefault(_ariaSubmenu);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var MenuItem = function MenuItem(domNode) {
- this.domNode = domNode;
- this.submenu = null;
- this.init();
- };
- MenuItem.prototype.init = function () {
- this.domNode.setAttribute('tabindex', '0');
- var menuChild = this.domNode.querySelector('.el-menu');
- if (menuChild) {
- this.submenu = new _ariaSubmenu2.default(this, menuChild);
- }
- this.addListeners();
- };
- MenuItem.prototype.addListeners = function () {
- var _this = this;
- var keys = _ariaUtils2.default.keys;
- this.domNode.addEventListener('keydown', function (event) {
- var prevDef = false;
- switch (event.keyCode) {
- case keys.down:
- _ariaUtils2.default.triggerEvent(event.currentTarget, 'mouseenter');
- _this.submenu && _this.submenu.gotoSubIndex(0);
- prevDef = true;
- break;
- case keys.up:
- _ariaUtils2.default.triggerEvent(event.currentTarget, 'mouseenter');
- _this.submenu && _this.submenu.gotoSubIndex(_this.submenu.subMenuItems.length - 1);
- prevDef = true;
- break;
- case keys.tab:
- _ariaUtils2.default.triggerEvent(event.currentTarget, 'mouseleave');
- break;
- case keys.enter:
- case keys.space:
- prevDef = true;
- event.currentTarget.click();
- break;
- }
- if (prevDef) {
- event.preventDefault();
- }
- });
- };
- exports.default = MenuItem;
- /***/ }),
- /* 83 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _ariaUtils = __webpack_require__(31);
- var _ariaUtils2 = _interopRequireDefault(_ariaUtils);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var SubMenu = function SubMenu(parent, domNode) {
- this.domNode = domNode;
- this.parent = parent;
- this.subMenuItems = [];
- this.subIndex = 0;
- this.init();
- };
- SubMenu.prototype.init = function () {
- this.subMenuItems = this.domNode.querySelectorAll('li');
- this.addListeners();
- };
- SubMenu.prototype.gotoSubIndex = function (idx) {
- if (idx === this.subMenuItems.length) {
- idx = 0;
- } else if (idx < 0) {
- idx = this.subMenuItems.length - 1;
- }
- this.subMenuItems[idx].focus();
- this.subIndex = idx;
- };
- SubMenu.prototype.addListeners = function () {
- var _this = this;
- var keys = _ariaUtils2.default.keys;
- var parentNode = this.parent.domNode;
- Array.prototype.forEach.call(this.subMenuItems, function (el) {
- el.addEventListener('keydown', function (event) {
- var prevDef = false;
- switch (event.keyCode) {
- case keys.down:
- _this.gotoSubIndex(_this.subIndex + 1);
- prevDef = true;
- break;
- case keys.up:
- _this.gotoSubIndex(_this.subIndex - 1);
- prevDef = true;
- break;
- case keys.tab:
- _ariaUtils2.default.triggerEvent(parentNode, 'mouseleave');
- break;
- case keys.enter:
- case keys.space:
- prevDef = true;
- event.currentTarget.click();
- break;
- }
- if (prevDef) {
- event.preventDefault();
- event.stopPropagation();
- }
- return false;
- });
- });
- };
- exports.default = SubMenu;
- /***/ }),
- /* 84 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _submenu = __webpack_require__(85);
- var _submenu2 = _interopRequireDefault(_submenu);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _submenu2.default.install = function (Vue) {
- Vue.component(_submenu2.default.name, _submenu2.default);
- };
- exports.default = _submenu2.default;
- /***/ }),
- /* 85 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_submenu_vue__ = __webpack_require__(86);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_submenu_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_submenu_vue__);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- var __vue_template__ = null
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_submenu_vue___default.a,
- __vue_template__,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 86 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _collapseTransition = __webpack_require__(20);
- var _collapseTransition2 = _interopRequireDefault(_collapseTransition);
- var _menuMixin = __webpack_require__(32);
- var _menuMixin2 = _interopRequireDefault(_menuMixin);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var poperMixins = {
- props: {
- transformOrigin: {
- type: [Boolean, String],
- default: false
- },
- offset: _vuePopper2.default.props.offset,
- boundariesPadding: _vuePopper2.default.props.boundariesPadding,
- popperOptions: _vuePopper2.default.props.popperOptions
- },
- data: _vuePopper2.default.data,
- methods: _vuePopper2.default.methods,
- beforeDestroy: _vuePopper2.default.beforeDestroy,
- deactivated: _vuePopper2.default.deactivated
- };
- exports.default = {
- name: 'ElSubmenu',
- componentName: 'ElSubmenu',
- mixins: [_menuMixin2.default, _emitter2.default, poperMixins],
- components: { ElCollapseTransition: _collapseTransition2.default },
- props: {
- index: {
- type: String,
- required: true
- },
- showTimeout: {
- type: Number,
- default: 300
- },
- hideTimeout: {
- type: Number,
- default: 300
- },
- popperClass: String,
- disabled: Boolean,
- popperAppendToBody: {
- type: Boolean,
- default: undefined
- }
- },
- data: function data() {
- return {
- popperJS: null,
- timeout: null,
- items: {},
- submenus: {},
- mouseInChild: false
- };
- },
- watch: {
- opened: function opened(val) {
- var _this = this;
- if (this.isMenuPopup) {
- this.$nextTick(function (_) {
- _this.updatePopper();
- });
- }
- }
- },
- computed: {
- // popper option
- appendToBody: function appendToBody() {
- return this.popperAppendToBody === undefined ? this.isFirstLevel : this.popperAppendToBody;
- },
- menuTransitionName: function menuTransitionName() {
- return this.rootMenu.collapse ? 'el-zoom-in-left' : 'el-zoom-in-top';
- },
- opened: function opened() {
- return this.rootMenu.openedMenus.indexOf(this.index) > -1;
- },
- active: function active() {
- var isActive = false;
- var submenus = this.submenus;
- var items = this.items;
- Object.keys(items).forEach(function (index) {
- if (items[index].active) {
- isActive = true;
- }
- });
- Object.keys(submenus).forEach(function (index) {
- if (submenus[index].active) {
- isActive = true;
- }
- });
- return isActive;
- },
- hoverBackground: function hoverBackground() {
- return this.rootMenu.hoverBackground;
- },
- backgroundColor: function backgroundColor() {
- return this.rootMenu.backgroundColor || '';
- },
- activeTextColor: function activeTextColor() {
- return this.rootMenu.activeTextColor || '';
- },
- textColor: function textColor() {
- return this.rootMenu.textColor || '';
- },
- mode: function mode() {
- return this.rootMenu.mode;
- },
- isMenuPopup: function isMenuPopup() {
- return this.rootMenu.isMenuPopup;
- },
- titleStyle: function titleStyle() {
- if (this.mode !== 'horizontal') {
- return {
- color: this.textColor
- };
- }
- return {
- borderBottomColor: this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : '' : 'transparent',
- color: this.active ? this.activeTextColor : this.textColor
- };
- },
- isFirstLevel: function isFirstLevel() {
- var isFirstLevel = true;
- var parent = this.$parent;
- while (parent && parent !== this.rootMenu) {
- if (['ElSubmenu', 'ElMenuItemGroup'].indexOf(parent.$options.componentName) > -1) {
- isFirstLevel = false;
- break;
- } else {
- parent = parent.$parent;
- }
- }
- return isFirstLevel;
- }
- },
- methods: {
- handleCollapseToggle: function handleCollapseToggle(value) {
- if (value) {
- this.initPopper();
- } else {
- this.doDestroy();
- }
- },
- addItem: function addItem(item) {
- this.$set(this.items, item.index, item);
- },
- removeItem: function removeItem(item) {
- delete this.items[item.index];
- },
- addSubmenu: function addSubmenu(item) {
- this.$set(this.submenus, item.index, item);
- },
- removeSubmenu: function removeSubmenu(item) {
- delete this.submenus[item.index];
- },
- handleClick: function handleClick() {
- var rootMenu = this.rootMenu,
- disabled = this.disabled;
- if (rootMenu.menuTrigger === 'hover' && rootMenu.mode === 'horizontal' || rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
- return;
- }
- this.dispatch('ElMenu', 'submenu-click', this);
- },
- handleMouseenter: function handleMouseenter() {
- var _this2 = this;
- var rootMenu = this.rootMenu,
- disabled = this.disabled;
- if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical' || disabled) {
- return;
- }
- this.dispatch('ElSubmenu', 'mouse-enter-child');
- clearTimeout(this.timeout);
- this.timeout = setTimeout(function () {
- _this2.rootMenu.openMenu(_this2.index, _this2.indexPath);
- }, this.showTimeout);
- },
- handleMouseleave: function handleMouseleave() {
- var _this3 = this;
- var rootMenu = this.rootMenu;
- if (rootMenu.menuTrigger === 'click' && rootMenu.mode === 'horizontal' || !rootMenu.collapse && rootMenu.mode === 'vertical') {
- return;
- }
- this.dispatch('ElSubmenu', 'mouse-leave-child');
- clearTimeout(this.timeout);
- this.timeout = setTimeout(function () {
- !_this3.mouseInChild && _this3.rootMenu.closeMenu(_this3.index);
- }, this.hideTimeout);
- },
- handleTitleMouseenter: function handleTitleMouseenter() {
- if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
- var title = this.$refs['submenu-title'];
- title && (title.style.backgroundColor = this.rootMenu.hoverBackground);
- },
- handleTitleMouseleave: function handleTitleMouseleave() {
- if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
- var title = this.$refs['submenu-title'];
- title && (title.style.backgroundColor = this.rootMenu.backgroundColor || '');
- },
- updatePlacement: function updatePlacement() {
- this.currentPlacement = this.mode === 'horizontal' && this.isFirstLevel ? 'bottom-start' : 'right-start';
- },
- initPopper: function initPopper() {
- this.referenceElm = this.$el;
- this.popperElm = this.$refs.menu;
- this.updatePlacement();
- }
- },
- created: function created() {
- var _this4 = this;
- this.parentMenu.addSubmenu(this);
- this.rootMenu.addSubmenu(this);
- this.$on('toggle-collapse', this.handleCollapseToggle);
- this.$on('mouse-enter-child', function () {
- _this4.mouseInChild = true;
- clearTimeout(_this4.timeout);
- });
- this.$on('mouse-leave-child', function () {
- _this4.mouseInChild = false;
- clearTimeout(_this4.timeout);
- });
- },
- mounted: function mounted() {
- this.initPopper();
- },
- beforeDestroy: function beforeDestroy() {
- this.parentMenu.removeSubmenu(this);
- this.rootMenu.removeSubmenu(this);
- },
- render: function render(h) {
- var active = this.active,
- opened = this.opened,
- paddingStyle = this.paddingStyle,
- titleStyle = this.titleStyle,
- backgroundColor = this.backgroundColor,
- rootMenu = this.rootMenu,
- currentPlacement = this.currentPlacement,
- menuTransitionName = this.menuTransitionName,
- mode = this.mode,
- disabled = this.disabled,
- popperClass = this.popperClass,
- $slots = this.$slots,
- isFirstLevel = this.isFirstLevel;
- var popupMenu = h(
- 'transition',
- {
- attrs: { name: menuTransitionName }
- },
- [h(
- 'div',
- {
- ref: 'menu',
- directives: [{
- name: 'show',
- value: opened
- }],
- 'class': ['el-menu--' + mode, popperClass],
- on: {
- 'mouseenter': this.handleMouseenter,
- 'mouseleave': this.handleMouseleave,
- 'focus': this.handleMouseenter
- }
- },
- [h(
- 'ul',
- {
- attrs: {
- role: 'menu'
- },
- 'class': ['el-menu el-menu--popup', 'el-menu--popup-' + currentPlacement],
- style: { backgroundColor: rootMenu.backgroundColor || '' } },
- [$slots.default]
- )]
- )]
- );
- var inlineMenu = h(
- 'el-collapse-transition',
- null,
- [h(
- 'ul',
- {
- attrs: {
- role: 'menu'
- },
- 'class': 'el-menu el-menu--inline',
- directives: [{
- name: 'show',
- value: opened
- }],
- style: { backgroundColor: rootMenu.backgroundColor || '' } },
- [$slots.default]
- )]
- );
- var submenuTitleIcon = rootMenu.mode === 'horizontal' && isFirstLevel || rootMenu.mode === 'vertical' && !rootMenu.collapse ? 'el-icon-arrow-down' : 'el-icon-arrow-right';
- return h(
- 'li',
- {
- 'class': {
- 'el-submenu': true,
- 'is-active': active,
- 'is-opened': opened,
- 'is-disabled': disabled
- },
- attrs: { role: 'menuitem',
- 'aria-haspopup': 'true',
- 'aria-expanded': opened
- },
- on: {
- 'mouseenter': this.handleMouseenter,
- 'mouseleave': this.handleMouseleave,
- 'focus': this.handleMouseenter
- }
- },
- [h(
- 'div',
- {
- 'class': 'el-submenu__title',
- ref: 'submenu-title',
- on: {
- 'click': this.handleClick,
- 'mouseenter': this.handleTitleMouseenter,
- 'mouseleave': this.handleTitleMouseleave
- },
- style: [paddingStyle, titleStyle, { backgroundColor: backgroundColor }]
- },
- [$slots.title, h(
- 'i',
- { 'class': ['el-submenu__icon-arrow', submenuTitleIcon] },
- []
- )]
- ), this.isMenuPopup ? popupMenu : inlineMenu]
- );
- }
- };
- /***/ }),
- /* 87 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _menuItem = __webpack_require__(88);
- var _menuItem2 = _interopRequireDefault(_menuItem);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _menuItem2.default.install = function (Vue) {
- Vue.component(_menuItem2.default.name, _menuItem2.default);
- };
- exports.default = _menuItem2.default;
- /***/ }),
- /* 88 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_item_vue__ = __webpack_require__(89);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_item_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_item_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0d9fbafb_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_menu_item_vue__ = __webpack_require__(90);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_item_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0d9fbafb_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_menu_item_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 89 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _menuMixin = __webpack_require__(32);
- var _menuMixin2 = _interopRequireDefault(_menuMixin);
- var _tooltip = __webpack_require__(23);
- var _tooltip2 = _interopRequireDefault(_tooltip);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElMenuItem',
- componentName: 'ElMenuItem',
- mixins: [_menuMixin2.default, _emitter2.default],
- components: { ElTooltip: _tooltip2.default },
- props: {
- index: {
- type: String,
- required: true
- },
- route: [String, Object],
- disabled: Boolean
- },
- computed: {
- active: function active() {
- return this.index === this.rootMenu.activeIndex;
- },
- hoverBackground: function hoverBackground() {
- return this.rootMenu.hoverBackground;
- },
- backgroundColor: function backgroundColor() {
- return this.rootMenu.backgroundColor || '';
- },
- activeTextColor: function activeTextColor() {
- return this.rootMenu.activeTextColor || '';
- },
- textColor: function textColor() {
- return this.rootMenu.textColor || '';
- },
- mode: function mode() {
- return this.rootMenu.mode;
- },
- itemStyle: function itemStyle() {
- var style = {
- color: this.active ? this.activeTextColor : this.textColor
- };
- if (this.mode === 'horizontal' && !this.isNested) {
- style.borderBottomColor = this.active ? this.rootMenu.activeTextColor ? this.activeTextColor : '' : 'transparent';
- }
- return style;
- },
- isNested: function isNested() {
- return this.parentMenu !== this.rootMenu;
- }
- },
- methods: {
- onMouseEnter: function onMouseEnter() {
- if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
- this.$el.style.backgroundColor = this.hoverBackground;
- },
- onMouseLeave: function onMouseLeave() {
- if (this.mode === 'horizontal' && !this.rootMenu.backgroundColor) return;
- this.$el.style.backgroundColor = this.backgroundColor;
- },
- handleClick: function handleClick() {
- if (!this.disabled) {
- this.dispatch('ElMenu', 'item-click', this);
- this.$emit('click', this);
- }
- }
- },
- mounted: function mounted() {
- this.parentMenu.addItem(this);
- this.rootMenu.addItem(this);
- },
- beforeDestroy: function beforeDestroy() {
- this.parentMenu.removeItem(this);
- this.rootMenu.removeItem(this);
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 90 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"el-menu-item",class:{
- 'is-active': _vm.active,
- 'is-disabled': _vm.disabled
- },style:([_vm.paddingStyle, _vm.itemStyle, { backgroundColor: _vm.backgroundColor }]),attrs:{"role":"menuitem","tabindex":"-1"},on:{"click":_vm.handleClick,"mouseenter":_vm.onMouseEnter,"focus":_vm.onMouseEnter,"blur":_vm.onMouseLeave,"mouseleave":_vm.onMouseLeave}},[(_vm.parentMenu.$options.componentName === 'ElMenu' && _vm.rootMenu.collapse && _vm.$slots.title)?_c('el-tooltip',{attrs:{"effect":"dark","placement":"right"}},[_c('div',{attrs:{"slot":"content"},slot:"content"},[_vm._t("title")],2),_c('div',{staticStyle:{"position":"absolute","left":"0","top":"0","height":"100%","width":"100%","display":"inline-block","box-sizing":"border-box","padding":"0 20px"}},[_vm._t("default")],2)]):[_vm._t("default"),_vm._t("title")]],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 91 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _menuItemGroup = __webpack_require__(92);
- var _menuItemGroup2 = _interopRequireDefault(_menuItemGroup);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _menuItemGroup2.default.install = function (Vue) {
- Vue.component(_menuItemGroup2.default.name, _menuItemGroup2.default);
- };
- exports.default = _menuItemGroup2.default;
- /***/ }),
- /* 92 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_item_group_vue__ = __webpack_require__(93);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_item_group_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_item_group_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_421f262d_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_menu_item_group_vue__ = __webpack_require__(94);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_item_group_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_421f262d_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_menu_item_group_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 93 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElMenuItemGroup',
- componentName: 'ElMenuItemGroup',
- inject: ['rootMenu'],
- props: {
- title: {
- type: String
- }
- },
- data: function data() {
- return {
- paddingLeft: 20
- };
- },
- computed: {
- levelPadding: function levelPadding() {
- var padding = 20;
- var parent = this.$parent;
- if (this.rootMenu.collapse) return 20;
- while (parent && parent.$options.componentName !== 'ElMenu') {
- if (parent.$options.componentName === 'ElSubmenu') {
- padding += 20;
- }
- parent = parent.$parent;
- }
- return padding;
- }
- }
- };
- /***/ }),
- /* 94 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"el-menu-item-group"},[_c('div',{staticClass:"el-menu-item-group__title",style:({paddingLeft: _vm.levelPadding + 'px'})},[(!_vm.$slots.title)?[_vm._v(_vm._s(_vm.title))]:_vm._t("title")],2),_c('ul',[_vm._t("default")],2)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 95 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _input = __webpack_require__(96);
- var _input2 = _interopRequireDefault(_input);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _input2.default.install = function (Vue) {
- Vue.component(_input2.default.name, _input2.default);
- };
- exports.default = _input2.default;
- /***/ }),
- /* 96 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_vue__ = __webpack_require__(97);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_eddb4a56_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_input_vue__ = __webpack_require__(99);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_eddb4a56_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_input_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 97 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- var _calcTextareaHeight = __webpack_require__(98);
- var _calcTextareaHeight2 = _interopRequireDefault(_calcTextareaHeight);
- var _merge = __webpack_require__(10);
- var _merge2 = _interopRequireDefault(_merge);
- var _shared = __webpack_require__(24);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElInput',
- componentName: 'ElInput',
- mixins: [_emitter2.default, _migrating2.default],
- inheritAttrs: false,
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- data: function data() {
- return {
- currentValue: this.value === undefined || this.value === null ? '' : this.value,
- textareaCalcStyle: {},
- prefixOffset: null,
- suffixOffset: null,
- hovering: false,
- focused: false,
- isOnComposition: false
- };
- },
- props: {
- value: [String, Number],
- size: String,
- resize: String,
- form: String,
- disabled: Boolean,
- type: {
- type: String,
- default: 'text'
- },
- autosize: {
- type: [Boolean, Object],
- default: false
- },
- autoComplete: {
- type: String,
- default: 'off'
- },
- validateEvent: {
- type: Boolean,
- default: true
- },
- suffixIcon: String,
- prefixIcon: String,
- label: String,
- clearable: {
- type: Boolean,
- default: false
- },
- tabindex: String
- },
- computed: {
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- validateState: function validateState() {
- return this.elFormItem ? this.elFormItem.validateState : '';
- },
- needStatusIcon: function needStatusIcon() {
- return this.elForm ? this.elForm.statusIcon : false;
- },
- validateIcon: function validateIcon() {
- return {
- validating: 'el-icon-loading',
- success: 'el-icon-circle-check',
- error: 'el-icon-circle-close'
- }[this.validateState];
- },
- textareaStyle: function textareaStyle() {
- return (0, _merge2.default)({}, this.textareaCalcStyle, { resize: this.resize });
- },
- inputSize: function inputSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- inputDisabled: function inputDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- },
- isGroup: function isGroup() {
- return this.$slots.prepend || this.$slots.append;
- },
- showClear: function showClear() {
- return this.clearable && !this.disabled && !this.readonly && this.currentValue !== '' && (this.focused || this.hovering);
- }
- },
- watch: {
- 'value': function value(val, oldValue) {
- this.setCurrentValue(val);
- }
- },
- methods: {
- focus: function focus() {
- (this.$refs.input || this.$refs.textarea).focus();
- },
- blur: function blur() {
- (this.$refs.input || this.$refs.textarea).blur();
- },
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'icon': 'icon is removed, use suffix-icon / prefix-icon instead.',
- 'on-icon-click': 'on-icon-click is removed.'
- },
- events: {
- 'click': 'click is removed.'
- }
- };
- },
- handleBlur: function handleBlur(event) {
- this.focused = false;
- this.$emit('blur', event);
- if (this.validateEvent) {
- this.dispatch('ElFormItem', 'el.form.blur', [this.currentValue]);
- }
- },
- select: function select() {
- (this.$refs.input || this.$refs.textarea).select();
- },
- resizeTextarea: function resizeTextarea() {
- if (this.$isServer) return;
- var autosize = this.autosize,
- type = this.type;
- if (type !== 'textarea') return;
- if (!autosize) {
- this.textareaCalcStyle = {
- minHeight: (0, _calcTextareaHeight2.default)(this.$refs.textarea).minHeight
- };
- return;
- }
- var minRows = autosize.minRows;
- var maxRows = autosize.maxRows;
- this.textareaCalcStyle = (0, _calcTextareaHeight2.default)(this.$refs.textarea, minRows, maxRows);
- },
- handleFocus: function handleFocus(event) {
- this.focused = true;
- this.$emit('focus', event);
- },
- handleComposition: function handleComposition(event) {
- if (event.type === 'compositionend') {
- this.isOnComposition = false;
- this.handleInput(event);
- } else {
- var text = event.target.value;
- var lastCharacter = text[text.length - 1] || '';
- this.isOnComposition = !(0, _shared.isKorean)(lastCharacter);
- }
- },
- handleInput: function handleInput(event) {
- if (this.isOnComposition) return;
- var value = event.target.value;
- this.$emit('input', value);
- this.setCurrentValue(value);
- },
- handleChange: function handleChange(event) {
- this.$emit('change', event.target.value);
- },
- setCurrentValue: function setCurrentValue(value) {
- var _this = this;
- if (value === this.currentValue) return;
- this.$nextTick(function (_) {
- _this.resizeTextarea();
- });
- this.currentValue = value;
- if (this.validateEvent) {
- this.dispatch('ElFormItem', 'el.form.change', [value]);
- }
- },
- calcIconOffset: function calcIconOffset(place) {
- var pendantMap = {
- 'suf': 'append',
- 'pre': 'prepend'
- };
- var pendant = pendantMap[place];
- if (this.$slots[pendant]) {
- return { transform: 'translateX(' + (place === 'suf' ? '-' : '') + this.$el.querySelector('.el-input-group__' + pendant).offsetWidth + 'px)' };
- }
- },
- clear: function clear() {
- this.$emit('input', '');
- this.$emit('change', '');
- this.$emit('clear');
- this.setCurrentValue('');
- this.focus();
- }
- },
- created: function created() {
- this.$on('inputSelect', this.select);
- },
- mounted: function mounted() {
- this.resizeTextarea();
- if (this.isGroup) {
- this.prefixOffset = this.calcIconOffset('pre');
- this.suffixOffset = this.calcIconOffset('suf');
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 98 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.default = calcTextareaHeight;
- var hiddenTextarea = void 0;
- var HIDDEN_STYLE = '\n height:0 !important;\n visibility:hidden !important;\n overflow:hidden !important;\n position:absolute !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important\n';
- var CONTEXT_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing'];
- function calculateNodeStyling(targetElement) {
- var style = window.getComputedStyle(targetElement);
- var boxSizing = style.getPropertyValue('box-sizing');
- var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
- var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
- var contextStyle = CONTEXT_STYLE.map(function (name) {
- return name + ':' + style.getPropertyValue(name);
- }).join(';');
- return { contextStyle: contextStyle, paddingSize: paddingSize, borderSize: borderSize, boxSizing: boxSizing };
- }
- function calcTextareaHeight(targetElement) {
- var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
- var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
- if (!hiddenTextarea) {
- hiddenTextarea = document.createElement('textarea');
- document.body.appendChild(hiddenTextarea);
- }
- var _calculateNodeStyling = calculateNodeStyling(targetElement),
- paddingSize = _calculateNodeStyling.paddingSize,
- borderSize = _calculateNodeStyling.borderSize,
- boxSizing = _calculateNodeStyling.boxSizing,
- contextStyle = _calculateNodeStyling.contextStyle;
- hiddenTextarea.setAttribute('style', contextStyle + ';' + HIDDEN_STYLE);
- hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
- var height = hiddenTextarea.scrollHeight;
- var result = {};
- if (boxSizing === 'border-box') {
- height = height + borderSize;
- } else if (boxSizing === 'content-box') {
- height = height - paddingSize;
- }
- hiddenTextarea.value = '';
- var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
- if (minRows !== null) {
- var minHeight = singleRowHeight * minRows;
- if (boxSizing === 'border-box') {
- minHeight = minHeight + paddingSize + borderSize;
- }
- height = Math.max(minHeight, height);
- result.minHeight = minHeight + 'px';
- }
- if (maxRows !== null) {
- var maxHeight = singleRowHeight * maxRows;
- if (boxSizing === 'border-box') {
- maxHeight = maxHeight + paddingSize + borderSize;
- }
- height = Math.min(maxHeight, height);
- }
- result.height = height + 'px';
- hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea);
- hiddenTextarea = null;
- return result;
- };
- /***/ }),
- /* 99 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
- _vm.type === 'textarea' ? 'el-textarea' : 'el-input',
- _vm.inputSize ? 'el-input--' + _vm.inputSize : '',
- {
- 'is-disabled': _vm.inputDisabled,
- 'el-input-group': _vm.$slots.prepend || _vm.$slots.append,
- 'el-input-group--append': _vm.$slots.append,
- 'el-input-group--prepend': _vm.$slots.prepend,
- 'el-input--prefix': _vm.$slots.prefix || _vm.prefixIcon,
- 'el-input--suffix': _vm.$slots.suffix || _vm.suffixIcon || _vm.clearable
- }
- ],on:{"mouseenter":function($event){_vm.hovering = true},"mouseleave":function($event){_vm.hovering = false}}},[(_vm.type !== 'textarea')?[(_vm.$slots.prepend)?_c('div',{staticClass:"el-input-group__prepend"},[_vm._t("prepend")],2):_vm._e(),(_vm.type !== 'textarea')?_c('input',_vm._b({ref:"input",staticClass:"el-input__inner",attrs:{"tabindex":_vm.tabindex,"type":_vm.type,"disabled":_vm.inputDisabled,"autocomplete":_vm.autoComplete,"aria-label":_vm.label},domProps:{"value":_vm.currentValue},on:{"compositionstart":_vm.handleComposition,"compositionupdate":_vm.handleComposition,"compositionend":_vm.handleComposition,"input":_vm.handleInput,"focus":_vm.handleFocus,"blur":_vm.handleBlur,"change":_vm.handleChange}},'input',_vm.$attrs,false)):_vm._e(),(_vm.$slots.prefix || _vm.prefixIcon)?_c('span',{staticClass:"el-input__prefix",style:(_vm.prefixOffset)},[_vm._t("prefix"),(_vm.prefixIcon)?_c('i',{staticClass:"el-input__icon",class:_vm.prefixIcon}):_vm._e()],2):_vm._e(),(_vm.$slots.suffix || _vm.suffixIcon || _vm.showClear || _vm.validateState && _vm.needStatusIcon)?_c('span',{staticClass:"el-input__suffix",style:(_vm.suffixOffset)},[_c('span',{staticClass:"el-input__suffix-inner"},[(!_vm.showClear)?[_vm._t("suffix"),(_vm.suffixIcon)?_c('i',{staticClass:"el-input__icon",class:_vm.suffixIcon}):_vm._e()]:_c('i',{staticClass:"el-input__icon el-icon-circle-close el-input__clear",on:{"click":_vm.clear}})],2),(_vm.validateState)?_c('i',{staticClass:"el-input__icon",class:['el-input__validateIcon', _vm.validateIcon]}):_vm._e()]):_vm._e(),(_vm.$slots.append)?_c('div',{staticClass:"el-input-group__append"},[_vm._t("append")],2):_vm._e()]:_c('textarea',_vm._b({ref:"textarea",staticClass:"el-textarea__inner",style:(_vm.textareaStyle),attrs:{"tabindex":_vm.tabindex,"disabled":_vm.inputDisabled,"aria-label":_vm.label},domProps:{"value":_vm.currentValue},on:{"compositionstart":_vm.handleComposition,"compositionupdate":_vm.handleComposition,"compositionend":_vm.handleComposition,"input":_vm.handleInput,"focus":_vm.handleFocus,"blur":_vm.handleBlur,"change":_vm.handleChange}},'textarea',_vm.$attrs,false))],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 100 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _inputNumber = __webpack_require__(101);
- var _inputNumber2 = _interopRequireDefault(_inputNumber);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _inputNumber2.default.install = function (Vue) {
- Vue.component(_inputNumber2.default.name, _inputNumber2.default);
- };
- exports.default = _inputNumber2.default;
- /***/ }),
- /* 101 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue__ = __webpack_require__(102);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2d07efb5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_input_number_vue__ = __webpack_require__(103);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2d07efb5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_input_number_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 102 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _focus = __webpack_require__(19);
- var _focus2 = _interopRequireDefault(_focus);
- var _repeatClick = __webpack_require__(33);
- var _repeatClick2 = _interopRequireDefault(_repeatClick);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElInputNumber',
- mixins: [(0, _focus2.default)('input')],
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- directives: {
- repeatClick: _repeatClick2.default
- },
- components: {
- ElInput: _input2.default
- },
- props: {
- step: {
- type: Number,
- default: 1
- },
- max: {
- type: Number,
- default: Infinity
- },
- min: {
- type: Number,
- default: -Infinity
- },
- value: {},
- disabled: Boolean,
- size: String,
- controls: {
- type: Boolean,
- default: true
- },
- controlsPosition: {
- type: String,
- default: ''
- },
- name: String,
- label: String
- },
- data: function data() {
- return {
- currentValue: 0
- };
- },
- watch: {
- value: {
- immediate: true,
- handler: function handler(value) {
- var newVal = value === undefined ? value : Number(value);
- if (newVal !== undefined && isNaN(newVal)) return;
- if (newVal >= this.max) newVal = this.max;
- if (newVal <= this.min) newVal = this.min;
- this.currentValue = newVal;
- this.$emit('input', newVal);
- }
- }
- },
- computed: {
- minDisabled: function minDisabled() {
- return this._decrease(this.value, this.step) < this.min;
- },
- maxDisabled: function maxDisabled() {
- return this._increase(this.value, this.step) > this.max;
- },
- precision: function precision() {
- var value = this.value,
- step = this.step,
- getPrecision = this.getPrecision;
- return Math.max(getPrecision(value), getPrecision(step));
- },
- controlsAtRight: function controlsAtRight() {
- return this.controlsPosition === 'right';
- },
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- inputNumberSize: function inputNumberSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- inputNumberDisabled: function inputNumberDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- }
- },
- methods: {
- toPrecision: function toPrecision(num, precision) {
- if (precision === undefined) precision = this.precision;
- return parseFloat(parseFloat(Number(num).toFixed(precision)));
- },
- getPrecision: function getPrecision(value) {
- if (value === undefined) return 0;
- var valueString = value.toString();
- var dotPosition = valueString.indexOf('.');
- var precision = 0;
- if (dotPosition !== -1) {
- precision = valueString.length - dotPosition - 1;
- }
- return precision;
- },
- _increase: function _increase(val, step) {
- if (typeof val !== 'number' && val !== undefined) return this.currentValue;
- var precisionFactor = Math.pow(10, this.precision);
- // Solve the accuracy problem of JS decimal calculation by converting the value to integer.
- return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
- },
- _decrease: function _decrease(val, step) {
- if (typeof val !== 'number' && val !== undefined) return this.currentValue;
- var precisionFactor = Math.pow(10, this.precision);
- return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
- },
- increase: function increase() {
- if (this.inputNumberDisabled || this.maxDisabled) return;
- var value = this.value || 0;
- var newVal = this._increase(value, this.step);
- this.setCurrentValue(newVal);
- },
- decrease: function decrease() {
- if (this.inputNumberDisabled || this.minDisabled) return;
- var value = this.value || 0;
- var newVal = this._decrease(value, this.step);
- this.setCurrentValue(newVal);
- },
- handleBlur: function handleBlur(event) {
- this.$emit('blur', event);
- this.$refs.input.setCurrentValue(this.currentValue);
- },
- handleFocus: function handleFocus(event) {
- this.$emit('focus', event);
- },
- setCurrentValue: function setCurrentValue(newVal) {
- var oldVal = this.currentValue;
- if (newVal >= this.max) newVal = this.max;
- if (newVal <= this.min) newVal = this.min;
- if (oldVal === newVal) {
- this.$refs.input.setCurrentValue(this.currentValue);
- return;
- }
- this.$emit('input', newVal);
- this.$emit('change', newVal, oldVal);
- this.currentValue = newVal;
- },
- handleInputChange: function handleInputChange(value) {
- var newVal = value === '' ? undefined : Number(value);
- if (!isNaN(newVal) || value === '') {
- this.setCurrentValue(newVal);
- }
- }
- },
- mounted: function mounted() {
- var innerInput = this.$refs.input.$refs.input;
- innerInput.setAttribute('role', 'spinbutton');
- innerInput.setAttribute('aria-valuemax', this.max);
- innerInput.setAttribute('aria-valuemin', this.min);
- innerInput.setAttribute('aria-valuenow', this.currentValue);
- innerInput.setAttribute('aria-disabled', this.inputNumberDisabled);
- },
- updated: function updated() {
- if (!this.$refs || !this.$refs.input) return;
- var innerInput = this.$refs.input.$refs.input;
- innerInput.setAttribute('aria-valuenow', this.currentValue);
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 103 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
- 'el-input-number',
- _vm.inputNumberSize ? 'el-input-number--' + _vm.inputNumberSize : '',
- { 'is-disabled': _vm.inputNumberDisabled },
- { 'is-without-controls': !_vm.controls },
- { 'is-controls-right': _vm.controlsAtRight }
- ],on:{"dragstart":function($event){$event.preventDefault();}}},[(_vm.controls)?_c('span',{directives:[{name:"repeat-click",rawName:"v-repeat-click",value:(_vm.decrease),expression:"decrease"}],staticClass:"el-input-number__decrease",class:{'is-disabled': _vm.minDisabled},attrs:{"role":"button"},on:{"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.decrease($event)}}},[_c('i',{class:("el-icon-" + (_vm.controlsAtRight ? 'arrow-down' : 'minus'))})]):_vm._e(),(_vm.controls)?_c('span',{directives:[{name:"repeat-click",rawName:"v-repeat-click",value:(_vm.increase),expression:"increase"}],staticClass:"el-input-number__increase",class:{'is-disabled': _vm.maxDisabled},attrs:{"role":"button"},on:{"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.increase($event)}}},[_c('i',{class:("el-icon-" + (_vm.controlsAtRight ? 'arrow-up' : 'plus'))})]):_vm._e(),_c('el-input',{ref:"input",attrs:{"value":_vm.currentValue,"disabled":_vm.inputNumberDisabled,"size":_vm.inputNumberSize,"max":_vm.max,"min":_vm.min,"name":_vm.name,"label":_vm.label},on:{"blur":_vm.handleBlur,"focus":_vm.handleFocus,"change":_vm.handleInputChange},nativeOn:{"keydown":[function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"up",38,$event.key)){ return null; }$event.preventDefault();_vm.increase($event)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"down",40,$event.key)){ return null; }$event.preventDefault();_vm.decrease($event)}]}},[(_vm.$slots.prepend)?_c('template',{attrs:{"slot":"prepend"},slot:"prepend"},[_vm._t("prepend")],2):_vm._e(),(_vm.$slots.append)?_c('template',{attrs:{"slot":"append"},slot:"append"},[_vm._t("append")],2):_vm._e()],2)],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 104 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _radio = __webpack_require__(105);
- var _radio2 = _interopRequireDefault(_radio);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _radio2.default.install = function (Vue) {
- Vue.component('el-radio', _radio2.default);
- };
- exports.default = _radio2.default;
- /***/ }),
- /* 105 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_vue__ = __webpack_require__(106);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0cfea8f7_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_radio_vue__ = __webpack_require__(107);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0cfea8f7_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_radio_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 106 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElRadio',
- mixins: [_emitter2.default],
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- componentName: 'ElRadio',
- props: {
- value: {},
- label: {},
- disabled: Boolean,
- name: String,
- border: Boolean,
- size: String
- },
- data: function data() {
- return {
- focus: false
- };
- },
- computed: {
- isGroup: function isGroup() {
- var parent = this.$parent;
- while (parent) {
- if (parent.$options.componentName !== 'ElRadioGroup') {
- parent = parent.$parent;
- } else {
- this._radioGroup = parent;
- return true;
- }
- }
- return false;
- },
- model: {
- get: function get() {
- return this.isGroup ? this._radioGroup.value : this.value;
- },
- set: function set(val) {
- if (this.isGroup) {
- this.dispatch('ElRadioGroup', 'input', [val]);
- } else {
- this.$emit('input', val);
- }
- }
- },
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- radioSize: function radioSize() {
- var temRadioSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- return this.isGroup ? this._radioGroup.radioGroupSize || temRadioSize : temRadioSize;
- },
- isDisabled: function isDisabled() {
- return this.isGroup ? this._radioGroup.disabled || this.disabled || (this.elForm || {}).disabled : this.disabled || (this.elForm || {}).disabled;
- },
- tabIndex: function tabIndex() {
- return !this.isDisabled ? this.isGroup ? this.model === this.label ? 0 : -1 : 0 : -1;
- }
- },
- methods: {
- handleChange: function handleChange() {
- var _this = this;
- this.$nextTick(function () {
- _this.$emit('change', _this.model);
- _this.isGroup && _this.dispatch('ElRadioGroup', 'handleChange', _this.model);
- });
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 107 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:"el-radio",class:[
- _vm.border && _vm.radioSize ? 'el-radio--' + _vm.radioSize : '',
- { 'is-disabled': _vm.isDisabled },
- { 'is-focus': _vm.focus },
- { 'is-bordered': _vm.border },
- { 'is-checked': _vm.model === _vm.label }
- ],attrs:{"role":"radio","aria-checked":_vm.model === _vm.label,"aria-disabled":_vm.isDisabled,"tabindex":_vm.tabIndex},on:{"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"space",32,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.model = _vm.label}}},[_c('span',{staticClass:"el-radio__input",class:{
- 'is-disabled': _vm.isDisabled,
- 'is-checked': _vm.model === _vm.label
- }},[_c('span',{staticClass:"el-radio__inner"}),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.model),expression:"model"}],staticClass:"el-radio__original",attrs:{"type":"radio","aria-hidden":"true","name":_vm.name,"disabled":_vm.isDisabled,"tabindex":"-1"},domProps:{"value":_vm.label,"checked":_vm._q(_vm.model,_vm.label)},on:{"focus":function($event){_vm.focus = true},"blur":function($event){_vm.focus = false},"change":[function($event){_vm.model=_vm.label},_vm.handleChange]}})]),_c('span',{staticClass:"el-radio__label"},[_vm._t("default"),(!_vm.$slots.default)?[_vm._v(_vm._s(_vm.label))]:_vm._e()],2)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 108 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _radioGroup = __webpack_require__(109);
- var _radioGroup2 = _interopRequireDefault(_radioGroup);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _radioGroup2.default.install = function (Vue) {
- Vue.component(_radioGroup2.default.name, _radioGroup2.default);
- };
- exports.default = _radioGroup2.default;
- /***/ }),
- /* 109 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_group_vue__ = __webpack_require__(110);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_group_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_group_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0b0ab1ae_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_radio_group_vue__ = __webpack_require__(111);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_group_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0b0ab1ae_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_radio_group_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 110 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var keyCode = Object.freeze({
- LEFT: 37,
- UP: 38,
- RIGHT: 39,
- DOWN: 40
- }); //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElRadioGroup',
- componentName: 'ElRadioGroup',
- inject: {
- elFormItem: {
- default: ''
- }
- },
- mixins: [_emitter2.default],
- props: {
- value: {},
- size: String,
- fill: String,
- textColor: String,
- disabled: Boolean
- },
- computed: {
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- radioGroupSize: function radioGroupSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- }
- },
- created: function created() {
- var _this = this;
- this.$on('handleChange', function (value) {
- _this.$emit('change', value);
- });
- },
- mounted: function mounted() {
- // 当radioGroup没有默认选项时,第一个可以选中Tab导航
- var radios = this.$el.querySelectorAll('[type=radio]');
- var firstLabel = this.$el.querySelectorAll('[role=radio]')[0];
- if (![].some.call(radios, function (radio) {
- return radio.checked;
- }) && firstLabel) {
- firstLabel.tabIndex = 0;
- }
- },
- methods: {
- handleKeydown: function handleKeydown(e) {
- // 左右上下按键 可以在radio组内切换不同选项
- var target = e.target;
- var className = target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]';
- var radios = this.$el.querySelectorAll(className);
- var length = radios.length;
- var index = [].indexOf.call(radios, target);
- var roleRadios = this.$el.querySelectorAll('[role=radio]');
- switch (e.keyCode) {
- case keyCode.LEFT:
- case keyCode.UP:
- e.stopPropagation();
- e.preventDefault();
- if (index === 0) {
- roleRadios[length - 1].click();
- } else {
- roleRadios[index - 1].click();
- }
- break;
- case keyCode.RIGHT:
- case keyCode.DOWN:
- if (index === length - 1) {
- e.stopPropagation();
- e.preventDefault();
- roleRadios[0].click();
- } else {
- roleRadios[index + 1].click();
- }
- break;
- default:
- break;
- }
- }
- },
- watch: {
- value: function value(_value) {
- this.dispatch('ElFormItem', 'el.form.change', [this.value]);
- }
- }
- };
- /***/ }),
- /* 111 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-radio-group",attrs:{"role":"radiogroup"},on:{"keydown":_vm.handleKeydown}},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 112 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _radioButton = __webpack_require__(113);
- var _radioButton2 = _interopRequireDefault(_radioButton);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _radioButton2.default.install = function (Vue) {
- Vue.component(_radioButton2.default.name, _radioButton2.default);
- };
- exports.default = _radioButton2.default;
- /***/ }),
- /* 113 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_button_vue__ = __webpack_require__(114);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_button_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_button_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_20684d78_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_radio_button_vue__ = __webpack_require__(115);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_radio_button_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_20684d78_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_radio_button_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 114 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElRadioButton',
- mixins: [_emitter2.default],
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- props: {
- label: {},
- disabled: Boolean,
- name: String
- },
- data: function data() {
- return {
- focus: false
- };
- },
- computed: {
- value: {
- get: function get() {
- return this._radioGroup.value;
- },
- set: function set(value) {
- this._radioGroup.$emit('input', value);
- }
- },
- _radioGroup: function _radioGroup() {
- var parent = this.$parent;
- while (parent) {
- if (parent.$options.componentName !== 'ElRadioGroup') {
- parent = parent.$parent;
- } else {
- return parent;
- }
- }
- return false;
- },
- activeStyle: function activeStyle() {
- return {
- backgroundColor: this._radioGroup.fill || '',
- borderColor: this._radioGroup.fill || '',
- boxShadow: this._radioGroup.fill ? '-1px 0 0 0 ' + this._radioGroup.fill : '',
- color: this._radioGroup.textColor || ''
- };
- },
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- size: function size() {
- return this._radioGroup.radioGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- isDisabled: function isDisabled() {
- return this.disabled || this._radioGroup.disabled || (this.elForm || {}).disabled;
- },
- tabIndex: function tabIndex() {
- return !this.isDisabled ? this._radioGroup ? this.value === this.label ? 0 : -1 : 0 : -1;
- }
- },
- methods: {
- handleChange: function handleChange() {
- var _this = this;
- this.$nextTick(function () {
- _this.dispatch('ElRadioGroup', 'handleChange', _this.value);
- });
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 115 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:"el-radio-button",class:[
- _vm.size ? 'el-radio-button--' + _vm.size : '',
- { 'is-active': _vm.value === _vm.label },
- { 'is-disabled': _vm.isDisabled },
- { 'is-focus': _vm.focus }
- ],attrs:{"role":"radio","aria-checked":_vm.value === _vm.label,"aria-disabled":_vm.isDisabled,"tabindex":_vm.tabIndex},on:{"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"space",32,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.value = _vm.label}}},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.value),expression:"value"}],staticClass:"el-radio-button__orig-radio",attrs:{"type":"radio","name":_vm.name,"disabled":_vm.isDisabled,"tabindex":"-1"},domProps:{"value":_vm.label,"checked":_vm._q(_vm.value,_vm.label)},on:{"change":[function($event){_vm.value=_vm.label},_vm.handleChange],"focus":function($event){_vm.focus = true},"blur":function($event){_vm.focus = false}}}),_c('span',{staticClass:"el-radio-button__inner",style:(_vm.value === _vm.label ? _vm.activeStyle : null)},[_vm._t("default"),(!_vm.$slots.default)?[_vm._v(_vm._s(_vm.label))]:_vm._e()],2)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 116 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _checkbox = __webpack_require__(117);
- var _checkbox2 = _interopRequireDefault(_checkbox);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _checkbox2.default.install = function (Vue) {
- Vue.component(_checkbox2.default.name, _checkbox2.default);
- };
- exports.default = _checkbox2.default;
- /***/ }),
- /* 117 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_vue__ = __webpack_require__(118);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_59b8b1d6_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_checkbox_vue__ = __webpack_require__(119);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_59b8b1d6_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_checkbox_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 118 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElCheckbox',
- mixins: [_emitter2.default],
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- componentName: 'ElCheckbox',
- data: function data() {
- return {
- selfModel: false,
- focus: false,
- isLimitExceeded: false
- };
- },
- computed: {
- model: {
- get: function get() {
- return this.isGroup ? this.store : this.value !== undefined ? this.value : this.selfModel;
- },
- set: function set(val) {
- if (this.isGroup) {
- this.isLimitExceeded = false;
- this._checkboxGroup.min !== undefined && val.length < this._checkboxGroup.min && (this.isLimitExceeded = true);
- this._checkboxGroup.max !== undefined && val.length > this._checkboxGroup.max && (this.isLimitExceeded = true);
- this.isLimitExceeded === false && this.dispatch('ElCheckboxGroup', 'input', [val]);
- } else {
- this.$emit('input', val);
- this.selfModel = val;
- }
- }
- },
- isChecked: function isChecked() {
- if ({}.toString.call(this.model) === '[object Boolean]') {
- return this.model;
- } else if (Array.isArray(this.model)) {
- return this.model.indexOf(this.label) > -1;
- } else if (this.model !== null && this.model !== undefined) {
- return this.model === this.trueLabel;
- }
- },
- isGroup: function isGroup() {
- var parent = this.$parent;
- while (parent) {
- if (parent.$options.componentName !== 'ElCheckboxGroup') {
- parent = parent.$parent;
- } else {
- this._checkboxGroup = parent;
- return true;
- }
- }
- return false;
- },
- store: function store() {
- return this._checkboxGroup ? this._checkboxGroup.value : this.value;
- },
- isDisabled: function isDisabled() {
- return this.isGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled : this.disabled || (this.elForm || {}).disabled;
- },
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- checkboxSize: function checkboxSize() {
- var temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- return this.isGroup ? this._checkboxGroup.checkboxGroupSize || temCheckboxSize : temCheckboxSize;
- }
- },
- props: {
- value: {},
- label: {},
- indeterminate: Boolean,
- disabled: Boolean,
- checked: Boolean,
- name: String,
- trueLabel: [String, Number],
- falseLabel: [String, Number],
- id: String, /* 当indeterminate为真时,为controls提供相关连的checkbox的id,表明元素间的控制关系*/
- controls: String, /* 当indeterminate为真时,为controls提供相关连的checkbox的id,表明元素间的控制关系*/
- border: Boolean,
- size: String
- },
- methods: {
- addToStore: function addToStore() {
- if (Array.isArray(this.model) && this.model.indexOf(this.label) === -1) {
- this.model.push(this.label);
- } else {
- this.model = this.trueLabel || true;
- }
- },
- handleChange: function handleChange(ev) {
- var _this = this;
- if (this.isLimitExceeded) return;
- var value = void 0;
- if (ev.target.checked) {
- value = this.trueLabel === undefined ? true : this.trueLabel;
- } else {
- value = this.falseLabel === undefined ? false : this.falseLabel;
- }
- this.$emit('change', value, ev);
- this.$nextTick(function () {
- if (_this.isGroup) {
- _this.dispatch('ElCheckboxGroup', 'change', [_this._checkboxGroup.value]);
- }
- });
- }
- },
- created: function created() {
- this.checked && this.addToStore();
- },
- mounted: function mounted() {
- // 为indeterminate元素 添加aria-controls 属性
- if (this.indeterminate) {
- this.$el.setAttribute('aria-controls', this.controls);
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 119 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:"el-checkbox",class:[
- _vm.border && _vm.checkboxSize ? 'el-checkbox--' + _vm.checkboxSize : '',
- { 'is-disabled': _vm.isDisabled },
- { 'is-bordered': _vm.border },
- { 'is-checked': _vm.isChecked }
- ],attrs:{"role":"checkbox","aria-checked":_vm.indeterminate ? 'mixed': _vm.isChecked,"aria-disabled":_vm.isDisabled,"id":_vm.id}},[_c('span',{staticClass:"el-checkbox__input",class:{
- 'is-disabled': _vm.isDisabled,
- 'is-checked': _vm.isChecked,
- 'is-indeterminate': _vm.indeterminate,
- 'is-focus': _vm.focus
- },attrs:{"aria-checked":"mixed"}},[_c('span',{staticClass:"el-checkbox__inner"}),(_vm.trueLabel || _vm.falseLabel)?_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.model),expression:"model"}],staticClass:"el-checkbox__original",attrs:{"type":"checkbox","aria-hidden":"true","name":_vm.name,"disabled":_vm.isDisabled,"true-value":_vm.trueLabel,"false-value":_vm.falseLabel},domProps:{"checked":Array.isArray(_vm.model)?_vm._i(_vm.model,null)>-1:_vm._q(_vm.model,_vm.trueLabel)},on:{"change":[function($event){var $$a=_vm.model,$$el=$event.target,$$c=$$el.checked?(_vm.trueLabel):(_vm.falseLabel);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.model=$$a.concat([$$v]))}else{$$i>-1&&(_vm.model=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.model=$$c}},_vm.handleChange],"focus":function($event){_vm.focus = true},"blur":function($event){_vm.focus = false}}}):_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.model),expression:"model"}],staticClass:"el-checkbox__original",attrs:{"type":"checkbox","aria-hidden":"true","disabled":_vm.isDisabled,"name":_vm.name},domProps:{"value":_vm.label,"checked":Array.isArray(_vm.model)?_vm._i(_vm.model,_vm.label)>-1:(_vm.model)},on:{"change":[function($event){var $$a=_vm.model,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=_vm.label,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.model=$$a.concat([$$v]))}else{$$i>-1&&(_vm.model=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.model=$$c}},_vm.handleChange],"focus":function($event){_vm.focus = true},"blur":function($event){_vm.focus = false}}})]),(_vm.$slots.default || _vm.label)?_c('span',{staticClass:"el-checkbox__label"},[_vm._t("default"),(!_vm.$slots.default)?[_vm._v(_vm._s(_vm.label))]:_vm._e()],2):_vm._e()])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 120 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _checkboxButton = __webpack_require__(121);
- var _checkboxButton2 = _interopRequireDefault(_checkboxButton);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _checkboxButton2.default.install = function (Vue) {
- Vue.component(_checkboxButton2.default.name, _checkboxButton2.default);
- };
- exports.default = _checkboxButton2.default;
- /***/ }),
- /* 121 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_button_vue__ = __webpack_require__(122);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_button_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_button_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_fea65ccc_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_checkbox_button_vue__ = __webpack_require__(123);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_button_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_fea65ccc_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_checkbox_button_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 122 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElCheckboxButton',
- mixins: [_emitter2.default],
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- data: function data() {
- return {
- selfModel: false,
- focus: false,
- isLimitExceeded: false
- };
- },
- props: {
- value: {},
- label: {},
- disabled: Boolean,
- checked: Boolean,
- name: String,
- trueLabel: [String, Number],
- falseLabel: [String, Number]
- },
- computed: {
- model: {
- get: function get() {
- return this._checkboxGroup ? this.store : this.value !== undefined ? this.value : this.selfModel;
- },
- set: function set(val) {
- if (this._checkboxGroup) {
- this.isLimitExceeded = false;
- this._checkboxGroup.min !== undefined && val.length < this._checkboxGroup.min && (this.isLimitExceeded = true);
- this._checkboxGroup.max !== undefined && val.length > this._checkboxGroup.max && (this.isLimitExceeded = true);
- this.isLimitExceeded === false && this.dispatch('ElCheckboxGroup', 'input', [val]);
- } else if (this.value !== undefined) {
- this.$emit('input', val);
- } else {
- this.selfModel = val;
- }
- }
- },
- isChecked: function isChecked() {
- if ({}.toString.call(this.model) === '[object Boolean]') {
- return this.model;
- } else if (Array.isArray(this.model)) {
- return this.model.indexOf(this.label) > -1;
- } else if (this.model !== null && this.model !== undefined) {
- return this.model === this.trueLabel;
- }
- },
- _checkboxGroup: function _checkboxGroup() {
- var parent = this.$parent;
- while (parent) {
- if (parent.$options.componentName !== 'ElCheckboxGroup') {
- parent = parent.$parent;
- } else {
- return parent;
- }
- }
- return false;
- },
- store: function store() {
- return this._checkboxGroup ? this._checkboxGroup.value : this.value;
- },
- activeStyle: function activeStyle() {
- return {
- backgroundColor: this._checkboxGroup.fill || '',
- borderColor: this._checkboxGroup.fill || '',
- color: this._checkboxGroup.textColor || '',
- 'box-shadow': '-1px 0 0 0 ' + this._checkboxGroup.fill
- };
- },
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- size: function size() {
- return this._checkboxGroup.checkboxGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- isDisabled: function isDisabled() {
- return this._checkboxGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled : this.disabled || (this.elForm || {}).disabled;
- }
- },
- methods: {
- addToStore: function addToStore() {
- if (Array.isArray(this.model) && this.model.indexOf(this.label) === -1) {
- this.model.push(this.label);
- } else {
- this.model = this.trueLabel || true;
- }
- },
- handleChange: function handleChange(ev) {
- var _this = this;
- if (this.isLimitExceeded) return;
- var value = void 0;
- if (ev.target.checked) {
- value = this.trueLabel === undefined ? true : this.trueLabel;
- } else {
- value = this.falseLabel === undefined ? false : this.falseLabel;
- }
- this.$emit('change', value, ev);
- this.$nextTick(function () {
- if (_this._checkboxGroup) {
- _this.dispatch('ElCheckboxGroup', 'change', [_this._checkboxGroup.value]);
- }
- });
- }
- },
- created: function created() {
- this.checked && this.addToStore();
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 123 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:"el-checkbox-button",class:[
- _vm.size ? 'el-checkbox-button--' + _vm.size : '',
- { 'is-disabled': _vm.isDisabled },
- { 'is-checked': _vm.isChecked },
- { 'is-focus': _vm.focus } ],attrs:{"role":"checkbox","aria-checked":_vm.isChecked,"aria-disabled":_vm.isDisabled}},[(_vm.trueLabel || _vm.falseLabel)?_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.model),expression:"model"}],staticClass:"el-checkbox-button__original",attrs:{"type":"checkbox","name":_vm.name,"disabled":_vm.isDisabled,"true-value":_vm.trueLabel,"false-value":_vm.falseLabel},domProps:{"checked":Array.isArray(_vm.model)?_vm._i(_vm.model,null)>-1:_vm._q(_vm.model,_vm.trueLabel)},on:{"change":[function($event){var $$a=_vm.model,$$el=$event.target,$$c=$$el.checked?(_vm.trueLabel):(_vm.falseLabel);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.model=$$a.concat([$$v]))}else{$$i>-1&&(_vm.model=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.model=$$c}},_vm.handleChange],"focus":function($event){_vm.focus = true},"blur":function($event){_vm.focus = false}}}):_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.model),expression:"model"}],staticClass:"el-checkbox-button__original",attrs:{"type":"checkbox","name":_vm.name,"disabled":_vm.isDisabled},domProps:{"value":_vm.label,"checked":Array.isArray(_vm.model)?_vm._i(_vm.model,_vm.label)>-1:(_vm.model)},on:{"change":[function($event){var $$a=_vm.model,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=_vm.label,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.model=$$a.concat([$$v]))}else{$$i>-1&&(_vm.model=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.model=$$c}},_vm.handleChange],"focus":function($event){_vm.focus = true},"blur":function($event){_vm.focus = false}}}),(_vm.$slots.default || _vm.label)?_c('span',{staticClass:"el-checkbox-button__inner",style:(_vm.isChecked ? _vm.activeStyle : null)},[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2):_vm._e()])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 124 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _checkboxGroup = __webpack_require__(125);
- var _checkboxGroup2 = _interopRequireDefault(_checkboxGroup);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _checkboxGroup2.default.install = function (Vue) {
- Vue.component(_checkboxGroup2.default.name, _checkboxGroup2.default);
- };
- exports.default = _checkboxGroup2.default;
- /***/ }),
- /* 125 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_group_vue__ = __webpack_require__(126);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_group_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_group_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_376416c7_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_checkbox_group_vue__ = __webpack_require__(127);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_checkbox_group_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_376416c7_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_checkbox_group_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 126 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElCheckboxGroup',
- componentName: 'ElCheckboxGroup',
- mixins: [_emitter2.default],
- inject: {
- elFormItem: {
- default: ''
- }
- },
- props: {
- value: {},
- disabled: Boolean,
- min: Number,
- max: Number,
- size: String,
- fill: String,
- textColor: String
- },
- computed: {
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- checkboxGroupSize: function checkboxGroupSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- }
- },
- watch: {
- value: function value(_value) {
- this.dispatch('ElFormItem', 'el.form.change', [_value]);
- }
- }
- };
- /***/ }),
- /* 127 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-checkbox-group",attrs:{"role":"group","aria-label":"checkbox-group"}},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 128 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _component = __webpack_require__(129);
- var _component2 = _interopRequireDefault(_component);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _component2.default.install = function (Vue) {
- Vue.component(_component2.default.name, _component2.default);
- };
- exports.default = _component2.default;
- /***/ }),
- /* 129 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_component_vue__ = __webpack_require__(130);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_component_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_component_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_487d0a8c_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_component_vue__ = __webpack_require__(131);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_component_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_487d0a8c_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_component_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 130 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _focus = __webpack_require__(19);
- var _focus2 = _interopRequireDefault(_focus);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElSwitch',
- mixins: [(0, _focus2.default)('input'), _migrating2.default],
- inject: {
- elForm: {
- default: ''
- }
- },
- props: {
- value: {
- type: [Boolean, String, Number],
- default: false
- },
- disabled: {
- type: Boolean,
- default: false
- },
- width: {
- type: Number,
- default: 40
- },
- activeIconClass: {
- type: String,
- default: ''
- },
- inactiveIconClass: {
- type: String,
- default: ''
- },
- activeText: String,
- inactiveText: String,
- activeColor: {
- type: String,
- default: ''
- },
- inactiveColor: {
- type: String,
- default: ''
- },
- activeValue: {
- type: [Boolean, String, Number],
- default: true
- },
- inactiveValue: {
- type: [Boolean, String, Number],
- default: false
- },
- name: {
- type: String,
- default: ''
- },
- id: String
- },
- data: function data() {
- return {
- coreWidth: this.width
- };
- },
- created: function created() {
- if (!~[this.activeValue, this.inactiveValue].indexOf(this.value)) {
- this.$emit('input', this.inactiveValue);
- }
- },
- computed: {
- checked: function checked() {
- return this.value === this.activeValue;
- },
- switchDisabled: function switchDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- }
- },
- watch: {
- checked: function checked() {
- this.$refs.input.checked = this.checked;
- if (this.activeColor || this.inactiveColor) {
- this.setBackgroundColor();
- }
- }
- },
- methods: {
- handleChange: function handleChange(event) {
- var _this = this;
- this.$emit('input', !this.checked ? this.activeValue : this.inactiveValue);
- this.$emit('change', !this.checked ? this.activeValue : this.inactiveValue);
- this.$nextTick(function () {
- // set input's checked property
- // in case parent refuses to change component's value
- _this.$refs.input.checked = _this.checked;
- });
- },
- setBackgroundColor: function setBackgroundColor() {
- var newColor = this.checked ? this.activeColor : this.inactiveColor;
- this.$refs.core.style.borderColor = newColor;
- this.$refs.core.style.backgroundColor = newColor;
- },
- switchValue: function switchValue() {
- !this.switchDisabled && this.handleChange();
- },
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'on-color': 'on-color is renamed to active-color.',
- 'off-color': 'off-color is renamed to inactive-color.',
- 'on-text': 'on-text is renamed to active-text.',
- 'off-text': 'off-text is renamed to inactive-text.',
- 'on-value': 'on-value is renamed to active-value.',
- 'off-value': 'off-value is renamed to inactive-value.',
- 'on-icon-class': 'on-icon-class is renamed to active-icon-class.',
- 'off-icon-class': 'off-icon-class is renamed to inactive-icon-class.'
- }
- };
- }
- },
- mounted: function mounted() {
- /* istanbul ignore if */
- this.coreWidth = this.width || 40;
- if (this.activeColor || this.inactiveColor) {
- this.setBackgroundColor();
- }
- this.$refs.input.checked = this.checked;
- }
- };
- /***/ }),
- /* 131 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-switch",class:{ 'is-disabled': _vm.switchDisabled, 'is-checked': _vm.checked },attrs:{"role":"switch","aria-checked":_vm.checked,"aria-disabled":_vm.switchDisabled},on:{"click":_vm.switchValue}},[_c('input',{ref:"input",staticClass:"el-switch__input",attrs:{"type":"checkbox","id":_vm.id,"name":_vm.name,"true-value":_vm.activeValue,"false-value":_vm.inactiveValue,"disabled":_vm.switchDisabled},on:{"change":_vm.handleChange,"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.switchValue($event)}}}),(_vm.inactiveIconClass || _vm.inactiveText)?_c('span',{class:['el-switch__label', 'el-switch__label--left', !_vm.checked ? 'is-active' : '']},[(_vm.inactiveIconClass)?_c('i',{class:[_vm.inactiveIconClass]}):_vm._e(),(!_vm.inactiveIconClass && _vm.inactiveText)?_c('span',{attrs:{"aria-hidden":_vm.checked}},[_vm._v(_vm._s(_vm.inactiveText))]):_vm._e()]):_vm._e(),_c('span',{ref:"core",staticClass:"el-switch__core",style:({ 'width': _vm.coreWidth + 'px' })}),(_vm.activeIconClass || _vm.activeText)?_c('span',{class:['el-switch__label', 'el-switch__label--right', _vm.checked ? 'is-active' : '']},[(_vm.activeIconClass)?_c('i',{class:[_vm.activeIconClass]}):_vm._e(),(!_vm.activeIconClass && _vm.activeText)?_c('span',{attrs:{"aria-hidden":!_vm.checked}},[_vm._v(_vm._s(_vm.activeText))]):_vm._e()]):_vm._e()])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 132 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _select = __webpack_require__(133);
- var _select2 = _interopRequireDefault(_select);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _select2.default.install = function (Vue) {
- Vue.component(_select2.default.name, _select2.default);
- };
- exports.default = _select2.default;
- /***/ }),
- /* 133 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue__ = __webpack_require__(134);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ab76e696_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_vue__ = __webpack_require__(141);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ab76e696_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 134 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _focus = __webpack_require__(19);
- var _focus2 = _interopRequireDefault(_focus);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _selectDropdown = __webpack_require__(135);
- var _selectDropdown2 = _interopRequireDefault(_selectDropdown);
- var _option = __webpack_require__(34);
- var _option2 = _interopRequireDefault(_option);
- var _tag = __webpack_require__(25);
- var _tag2 = _interopRequireDefault(_tag);
- var _scrollbar = __webpack_require__(18);
- var _scrollbar2 = _interopRequireDefault(_scrollbar);
- var _debounce = __webpack_require__(13);
- var _debounce2 = _interopRequireDefault(_debounce);
- var _clickoutside = __webpack_require__(9);
- var _clickoutside2 = _interopRequireDefault(_clickoutside);
- var _dom = __webpack_require__(3);
- var _resizeEvent = __webpack_require__(17);
- var _locale3 = __webpack_require__(16);
- var _scrollIntoView = __webpack_require__(26);
- var _scrollIntoView2 = _interopRequireDefault(_scrollIntoView);
- var _util = __webpack_require__(4);
- var _navigationMixin = __webpack_require__(140);
- var _navigationMixin2 = _interopRequireDefault(_navigationMixin);
- var _shared = __webpack_require__(24);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var sizeMap = {
- 'medium': 36,
- 'small': 32,
- 'mini': 28
- };
- exports.default = {
- mixins: [_emitter2.default, _locale2.default, (0, _focus2.default)('reference'), _navigationMixin2.default],
- name: 'ElSelect',
- componentName: 'ElSelect',
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- provide: function provide() {
- return {
- 'select': this
- };
- },
- computed: {
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- readonly: function readonly() {
- // trade-off for IE input readonly problem: https://github.com/ElemeFE/element/issues/10403
- var isIE = !this.$isServer && !isNaN(Number(document.documentMode));
- return !this.filterable || this.multiple || !isIE && !this.visible;
- },
- iconClass: function iconClass() {
- var criteria = this.clearable && !this.selectDisabled && this.inputHovering && !this.multiple && this.value !== undefined && this.value !== '';
- return criteria ? 'circle-close is-show-close' : this.remote && this.filterable ? '' : 'arrow-up';
- },
- debounce: function debounce() {
- return this.remote ? 300 : 0;
- },
- emptyText: function emptyText() {
- if (this.loading) {
- return this.loadingText || this.t('el.select.loading');
- } else {
- if (this.remote && this.query === '' && this.options.length === 0) return false;
- if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
- return this.noMatchText || this.t('el.select.noMatch');
- }
- if (this.options.length === 0) {
- return this.noDataText || this.t('el.select.noData');
- }
- }
- return null;
- },
- showNewOption: function showNewOption() {
- var _this = this;
- var hasExistingOption = this.options.filter(function (option) {
- return !option.created;
- }).some(function (option) {
- return option.currentLabel === _this.query;
- });
- return this.filterable && this.allowCreate && this.query !== '' && !hasExistingOption;
- },
- selectSize: function selectSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- selectDisabled: function selectDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- },
- collapseTagSize: function collapseTagSize() {
- return ['small', 'mini'].indexOf(this.selectSize) > -1 ? 'mini' : 'small';
- }
- },
- components: {
- ElInput: _input2.default,
- ElSelectMenu: _selectDropdown2.default,
- ElOption: _option2.default,
- ElTag: _tag2.default,
- ElScrollbar: _scrollbar2.default
- },
- directives: { Clickoutside: _clickoutside2.default },
- props: {
- name: String,
- id: String,
- value: {
- required: true
- },
- autoComplete: {
- type: String,
- default: 'off'
- },
- automaticDropdown: Boolean,
- size: String,
- disabled: Boolean,
- clearable: Boolean,
- filterable: Boolean,
- allowCreate: Boolean,
- loading: Boolean,
- popperClass: String,
- remote: Boolean,
- loadingText: String,
- noMatchText: String,
- noDataText: String,
- remoteMethod: Function,
- filterMethod: Function,
- multiple: Boolean,
- multipleLimit: {
- type: Number,
- default: 0
- },
- placeholder: {
- type: String,
- default: function _default() {
- return (0, _locale3.t)('el.select.placeholder');
- }
- },
- defaultFirstOption: Boolean,
- reserveKeyword: Boolean,
- valueKey: {
- type: String,
- default: 'value'
- },
- collapseTags: Boolean,
- popperAppendToBody: {
- type: Boolean,
- default: true
- }
- },
- data: function data() {
- return {
- options: [],
- cachedOptions: [],
- createdLabel: null,
- createdSelected: false,
- selected: this.multiple ? [] : {},
- inputLength: 20,
- inputWidth: 0,
- cachedPlaceHolder: '',
- optionsCount: 0,
- filteredOptionsCount: 0,
- visible: false,
- softFocus: false,
- selectedLabel: '',
- hoverIndex: -1,
- query: '',
- previousQuery: null,
- inputHovering: false,
- currentPlaceholder: '',
- menuVisibleOnFocus: false,
- isOnComposition: false,
- isSilentBlur: false
- };
- },
- watch: {
- selectDisabled: function selectDisabled() {
- var _this2 = this;
- this.$nextTick(function () {
- _this2.resetInputHeight();
- });
- },
- placeholder: function placeholder(val) {
- this.cachedPlaceHolder = this.currentPlaceholder = val;
- },
- value: function value(val) {
- if (this.multiple) {
- this.resetInputHeight();
- if (val.length > 0 || this.$refs.input && this.query !== '') {
- this.currentPlaceholder = '';
- } else {
- this.currentPlaceholder = this.cachedPlaceHolder;
- }
- if (this.filterable && !this.reserveKeyword) {
- this.query = '';
- this.handleQueryChange(this.query);
- }
- }
- this.setSelected();
- if (this.filterable && !this.multiple) {
- this.inputLength = 20;
- }
- },
- visible: function visible(val) {
- var _this3 = this;
- if (!val) {
- this.handleIconHide();
- this.broadcast('ElSelectDropdown', 'destroyPopper');
- if (this.$refs.input) {
- this.$refs.input.blur();
- }
- this.query = '';
- this.previousQuery = null;
- this.selectedLabel = '';
- this.inputLength = 20;
- this.resetHoverIndex();
- this.$nextTick(function () {
- if (_this3.$refs.input && _this3.$refs.input.value === '' && _this3.selected.length === 0) {
- _this3.currentPlaceholder = _this3.cachedPlaceHolder;
- }
- });
- if (!this.multiple) {
- if (this.selected) {
- if (this.filterable && this.allowCreate && this.createdSelected && this.createdLabel) {
- this.selectedLabel = this.createdLabel;
- } else {
- this.selectedLabel = this.selected.currentLabel;
- }
- if (this.filterable) this.query = this.selectedLabel;
- }
- }
- } else {
- this.handleIconShow();
- this.broadcast('ElSelectDropdown', 'updatePopper');
- if (this.filterable) {
- this.query = this.remote ? '' : this.selectedLabel;
- this.handleQueryChange(this.query);
- if (this.multiple) {
- this.$refs.input.focus();
- } else {
- if (!this.remote) {
- this.broadcast('ElOption', 'queryChange', '');
- this.broadcast('ElOptionGroup', 'queryChange');
- }
- this.broadcast('ElInput', 'inputSelect');
- }
- }
- }
- this.$emit('visible-change', val);
- },
- options: function options() {
- var _this4 = this;
- if (this.$isServer) return;
- this.$nextTick(function () {
- _this4.broadcast('ElSelectDropdown', 'updatePopper');
- });
- if (this.multiple) {
- this.resetInputHeight();
- }
- var inputs = this.$el.querySelectorAll('input');
- if ([].indexOf.call(inputs, document.activeElement) === -1) {
- this.setSelected();
- }
- if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
- this.checkDefaultFirstOption();
- }
- }
- },
- methods: {
- handleComposition: function handleComposition(event) {
- var text = event.target.value;
- if (event.type === 'compositionend') {
- this.isOnComposition = false;
- this.handleQueryChange(text);
- } else {
- var lastCharacter = text[text.length - 1] || '';
- this.isOnComposition = !(0, _shared.isKorean)(lastCharacter);
- }
- },
- handleQueryChange: function handleQueryChange(val) {
- var _this5 = this;
- if (this.previousQuery === val || this.isOnComposition) return;
- if (this.previousQuery === null && (typeof this.filterMethod === 'function' || typeof this.remoteMethod === 'function')) {
- this.previousQuery = val;
- return;
- }
- this.previousQuery = val;
- this.$nextTick(function () {
- if (_this5.visible) _this5.broadcast('ElSelectDropdown', 'updatePopper');
- });
- this.hoverIndex = -1;
- if (this.multiple && this.filterable) {
- var length = this.$refs.input.value.length * 15 + 20;
- this.inputLength = this.collapseTags ? Math.min(50, length) : length;
- this.managePlaceholder();
- this.resetInputHeight();
- }
- if (this.remote && typeof this.remoteMethod === 'function') {
- this.hoverIndex = -1;
- this.remoteMethod(val);
- } else if (typeof this.filterMethod === 'function') {
- this.filterMethod(val);
- this.broadcast('ElOptionGroup', 'queryChange');
- } else {
- this.filteredOptionsCount = this.optionsCount;
- this.broadcast('ElOption', 'queryChange', val);
- this.broadcast('ElOptionGroup', 'queryChange');
- }
- if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
- this.checkDefaultFirstOption();
- }
- },
- handleIconHide: function handleIconHide() {
- var icon = this.$el.querySelector('.el-input__icon');
- if (icon) {
- (0, _dom.removeClass)(icon, 'is-reverse');
- }
- },
- handleIconShow: function handleIconShow() {
- var icon = this.$el.querySelector('.el-input__icon');
- if (icon && !(0, _dom.hasClass)(icon, 'el-icon-circle-close')) {
- (0, _dom.addClass)(icon, 'is-reverse');
- }
- },
- scrollToOption: function scrollToOption(option) {
- var target = Array.isArray(option) && option[0] ? option[0].$el : option.$el;
- if (this.$refs.popper && target) {
- var menu = this.$refs.popper.$el.querySelector('.el-select-dropdown__wrap');
- (0, _scrollIntoView2.default)(menu, target);
- }
- this.$refs.scrollbar && this.$refs.scrollbar.handleScroll();
- },
- handleMenuEnter: function handleMenuEnter() {
- var _this6 = this;
- this.$nextTick(function () {
- return _this6.scrollToOption(_this6.selected);
- });
- },
- emitChange: function emitChange(val) {
- if (!(0, _util.valueEquals)(this.value, val)) {
- this.$emit('change', val);
- this.dispatch('ElFormItem', 'el.form.change', val);
- }
- },
- getOption: function getOption(value) {
- var option = void 0;
- var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
- for (var i = this.cachedOptions.length - 1; i >= 0; i--) {
- var cachedOption = this.cachedOptions[i];
- var isEqual = isObject ? (0, _util.getValueByPath)(cachedOption.value, this.valueKey) === (0, _util.getValueByPath)(value, this.valueKey) : cachedOption.value === value;
- if (isEqual) {
- option = cachedOption;
- break;
- }
- }
- if (option) return option;
- var label = !isObject ? value : '';
- var newOption = {
- value: value,
- currentLabel: label
- };
- if (this.multiple) {
- newOption.hitState = false;
- }
- return newOption;
- },
- setSelected: function setSelected() {
- var _this7 = this;
- if (!this.multiple) {
- var option = this.getOption(this.value);
- if (option.created) {
- this.createdLabel = option.currentLabel;
- this.createdSelected = true;
- } else {
- this.createdSelected = false;
- }
- this.selectedLabel = option.currentLabel;
- this.selected = option;
- if (this.filterable) this.query = this.selectedLabel;
- return;
- }
- var result = [];
- if (Array.isArray(this.value)) {
- this.value.forEach(function (value) {
- result.push(_this7.getOption(value));
- });
- }
- this.selected = result;
- this.$nextTick(function () {
- _this7.resetInputHeight();
- });
- },
- handleFocus: function handleFocus(event) {
- if (!this.softFocus) {
- if (this.automaticDropdown || this.filterable) {
- this.visible = true;
- this.menuVisibleOnFocus = true;
- }
- this.$emit('focus', event);
- } else {
- this.softFocus = false;
- }
- },
- blur: function blur() {
- this.visible = false;
- this.$refs.reference.blur();
- },
- handleBlur: function handleBlur(event) {
- var _this8 = this;
- setTimeout(function () {
- if (_this8.isSilentBlur) {
- _this8.isSilentBlur = false;
- } else {
- _this8.$emit('blur', event);
- }
- }, 50);
- this.softFocus = false;
- },
- handleIconClick: function handleIconClick(event) {
- if (this.iconClass.indexOf('circle-close') > -1) {
- this.deleteSelected(event);
- }
- },
- doDestroy: function doDestroy() {
- this.$refs.popper && this.$refs.popper.doDestroy();
- },
- handleClose: function handleClose() {
- this.visible = false;
- },
- toggleLastOptionHitState: function toggleLastOptionHitState(hit) {
- if (!Array.isArray(this.selected)) return;
- var option = this.selected[this.selected.length - 1];
- if (!option) return;
- if (hit === true || hit === false) {
- option.hitState = hit;
- return hit;
- }
- option.hitState = !option.hitState;
- return option.hitState;
- },
- deletePrevTag: function deletePrevTag(e) {
- if (e.target.value.length <= 0 && !this.toggleLastOptionHitState()) {
- var value = this.value.slice();
- value.pop();
- this.$emit('input', value);
- this.emitChange(value);
- }
- },
- managePlaceholder: function managePlaceholder() {
- if (this.currentPlaceholder !== '') {
- this.currentPlaceholder = this.$refs.input.value ? '' : this.cachedPlaceHolder;
- }
- },
- resetInputState: function resetInputState(e) {
- if (e.keyCode !== 8) this.toggleLastOptionHitState(false);
- this.inputLength = this.$refs.input.value.length * 15 + 20;
- this.resetInputHeight();
- },
- resetInputHeight: function resetInputHeight() {
- var _this9 = this;
- if (this.collapseTags && !this.filterable) return;
- this.$nextTick(function () {
- if (!_this9.$refs.reference) return;
- var inputChildNodes = _this9.$refs.reference.$el.childNodes;
- var input = [].filter.call(inputChildNodes, function (item) {
- return item.tagName === 'INPUT';
- })[0];
- var tags = _this9.$refs.tags;
- var sizeInMap = sizeMap[_this9.selectSize] || 40;
- input.style.height = _this9.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tags.clientHeight + (tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
- if (_this9.visible && _this9.emptyText !== false) {
- _this9.broadcast('ElSelectDropdown', 'updatePopper');
- }
- });
- },
- resetHoverIndex: function resetHoverIndex() {
- var _this10 = this;
- setTimeout(function () {
- if (!_this10.multiple) {
- _this10.hoverIndex = _this10.options.indexOf(_this10.selected);
- } else {
- if (_this10.selected.length > 0) {
- _this10.hoverIndex = Math.min.apply(null, _this10.selected.map(function (item) {
- return _this10.options.indexOf(item);
- }));
- } else {
- _this10.hoverIndex = -1;
- }
- }
- }, 300);
- },
- handleOptionSelect: function handleOptionSelect(option, byClick) {
- var _this11 = this;
- if (this.multiple) {
- var value = this.value.slice();
- var optionIndex = this.getValueIndex(value, option.value);
- if (optionIndex > -1) {
- value.splice(optionIndex, 1);
- } else if (this.multipleLimit <= 0 || value.length < this.multipleLimit) {
- value.push(option.value);
- }
- this.$emit('input', value);
- this.emitChange(value);
- if (option.created) {
- this.query = '';
- this.handleQueryChange('');
- this.inputLength = 20;
- }
- if (this.filterable) this.$refs.input.focus();
- } else {
- this.$emit('input', option.value);
- this.emitChange(option.value);
- this.visible = false;
- }
- this.isSilentBlur = byClick;
- this.setSoftFocus();
- if (this.visible) return;
- this.$nextTick(function () {
- _this11.scrollToOption(option);
- });
- },
- setSoftFocus: function setSoftFocus() {
- this.softFocus = true;
- var input = this.$refs.input || this.$refs.reference;
- if (input) {
- input.focus();
- }
- },
- getValueIndex: function getValueIndex() {
- var _this12 = this;
- var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
- var value = arguments[1];
- var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
- if (!isObject) {
- return arr.indexOf(value);
- } else {
- var _ret = function () {
- var valueKey = _this12.valueKey;
- var index = -1;
- arr.some(function (item, i) {
- if ((0, _util.getValueByPath)(item, valueKey) === (0, _util.getValueByPath)(value, valueKey)) {
- index = i;
- return true;
- }
- return false;
- });
- return {
- v: index
- };
- }();
- if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
- }
- },
- toggleMenu: function toggleMenu() {
- if (!this.selectDisabled) {
- if (this.menuVisibleOnFocus) {
- this.menuVisibleOnFocus = false;
- } else {
- this.visible = !this.visible;
- }
- if (this.visible) {
- (this.$refs.input || this.$refs.reference).focus();
- }
- }
- },
- selectOption: function selectOption() {
- if (!this.visible) {
- this.toggleMenu();
- } else {
- if (this.options[this.hoverIndex]) {
- this.handleOptionSelect(this.options[this.hoverIndex]);
- }
- }
- },
- deleteSelected: function deleteSelected(event) {
- event.stopPropagation();
- this.$emit('input', '');
- this.emitChange('');
- this.visible = false;
- this.$emit('clear');
- },
- deleteTag: function deleteTag(event, tag) {
- var index = this.selected.indexOf(tag);
- if (index > -1 && !this.selectDisabled) {
- var value = this.value.slice();
- value.splice(index, 1);
- this.$emit('input', value);
- this.emitChange(value);
- this.$emit('remove-tag', tag.value);
- }
- event.stopPropagation();
- },
- onInputChange: function onInputChange() {
- if (this.filterable && this.query !== this.selectedLabel) {
- this.query = this.selectedLabel;
- this.handleQueryChange(this.query);
- }
- },
- onOptionDestroy: function onOptionDestroy(index) {
- if (index > -1) {
- this.optionsCount--;
- this.filteredOptionsCount--;
- this.options.splice(index, 1);
- }
- },
- resetInputWidth: function resetInputWidth() {
- this.inputWidth = this.$refs.reference.$el.getBoundingClientRect().width;
- },
- handleResize: function handleResize() {
- this.resetInputWidth();
- if (this.multiple) this.resetInputHeight();
- },
- checkDefaultFirstOption: function checkDefaultFirstOption() {
- this.hoverIndex = -1;
- // highlight the created option
- var hasCreated = false;
- for (var i = this.options.length - 1; i >= 0; i--) {
- if (this.options[i].created) {
- hasCreated = true;
- this.hoverIndex = i;
- break;
- }
- }
- if (hasCreated) return;
- for (var _i = 0; _i !== this.options.length; ++_i) {
- var option = this.options[_i];
- if (this.query) {
- // highlight first options that passes the filter
- if (!option.disabled && !option.groupDisabled && option.visible) {
- this.hoverIndex = _i;
- break;
- }
- } else {
- // highlight currently selected option
- if (option.itemSelected) {
- this.hoverIndex = _i;
- break;
- }
- }
- }
- },
- getValueKey: function getValueKey(item) {
- if (Object.prototype.toString.call(item.value).toLowerCase() !== '[object object]') {
- return item.value;
- } else {
- return (0, _util.getValueByPath)(item.value, this.valueKey);
- }
- }
- },
- created: function created() {
- var _this13 = this;
- this.cachedPlaceHolder = this.currentPlaceholder = this.placeholder;
- if (this.multiple && !Array.isArray(this.value)) {
- this.$emit('input', []);
- }
- if (!this.multiple && Array.isArray(this.value)) {
- this.$emit('input', '');
- }
- this.debouncedOnInputChange = (0, _debounce2.default)(this.debounce, function () {
- _this13.onInputChange();
- });
- this.$on('handleOptionClick', this.handleOptionSelect);
- this.$on('setSelected', this.setSelected);
- this.$on('fieldReset', function () {
- _this13.dispatch('ElFormItem', 'el.form.change');
- });
- },
- mounted: function mounted() {
- var _this14 = this;
- if (this.multiple && Array.isArray(this.value) && this.value.length > 0) {
- this.currentPlaceholder = '';
- }
- (0, _resizeEvent.addResizeListener)(this.$el, this.handleResize);
- if (this.remote && this.multiple) {
- this.resetInputHeight();
- }
- this.$nextTick(function () {
- if (_this14.$refs.reference && _this14.$refs.reference.$el) {
- _this14.inputWidth = _this14.$refs.reference.$el.getBoundingClientRect().width;
- }
- });
- this.setSelected();
- },
- beforeDestroy: function beforeDestroy() {
- if (this.$el && this.handleResize) (0, _resizeEvent.removeResizeListener)(this.$el, this.handleResize);
- }
- };
- /***/ }),
- /* 135 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue__ = __webpack_require__(136);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0a24e159_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_dropdown_vue__ = __webpack_require__(137);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_select_dropdown_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0a24e159_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_select_dropdown_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 136 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElSelectDropdown',
- componentName: 'ElSelectDropdown',
- mixins: [_vuePopper2.default],
- props: {
- placement: {
- default: 'bottom-start'
- },
- boundariesPadding: {
- default: 0
- },
- popperOptions: {
- default: function _default() {
- return {
- gpuAcceleration: false
- };
- }
- },
- visibleArrow: {
- default: true
- },
- appendToBody: {
- type: Boolean,
- default: true
- }
- },
- data: function data() {
- return {
- minWidth: ''
- };
- },
- computed: {
- popperClass: function popperClass() {
- return this.$parent.popperClass;
- }
- },
- watch: {
- '$parent.inputWidth': function $parentInputWidth() {
- this.minWidth = this.$parent.$el.getBoundingClientRect().width + 'px';
- }
- },
- mounted: function mounted() {
- var _this = this;
- this.referenceElm = this.$parent.$refs.reference.$el;
- this.$parent.popperElm = this.popperElm = this.$el;
- this.$on('updatePopper', function () {
- if (_this.$parent.visible) _this.updatePopper();
- });
- this.$on('destroyPopper', this.destroyPopper);
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 137 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-select-dropdown el-popper",class:[{ 'is-multiple': _vm.$parent.multiple }, _vm.popperClass],style:({ minWidth: _vm.minWidth })},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 138 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _util = __webpack_require__(4);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- mixins: [_emitter2.default],
- name: 'ElOption',
- componentName: 'ElOption',
- inject: ['select'],
- props: {
- value: {
- required: true
- },
- label: [String, Number],
- created: Boolean,
- disabled: {
- type: Boolean,
- default: false
- }
- },
- data: function data() {
- return {
- index: -1,
- groupDisabled: false,
- visible: true,
- hitState: false,
- hover: false
- };
- },
- computed: {
- isObject: function isObject() {
- return Object.prototype.toString.call(this.value).toLowerCase() === '[object object]';
- },
- currentLabel: function currentLabel() {
- return this.label || (this.isObject ? '' : this.value);
- },
- currentValue: function currentValue() {
- return this.value || this.label || '';
- },
- itemSelected: function itemSelected() {
- if (!this.select.multiple) {
- return this.isEqual(this.value, this.select.value);
- } else {
- return this.contains(this.select.value, this.value);
- }
- },
- limitReached: function limitReached() {
- if (this.select.multiple) {
- return !this.itemSelected && (this.select.value || []).length >= this.select.multipleLimit && this.select.multipleLimit > 0;
- } else {
- return false;
- }
- }
- },
- watch: {
- currentLabel: function currentLabel() {
- if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
- },
- value: function value() {
- if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
- }
- },
- methods: {
- isEqual: function isEqual(a, b) {
- if (!this.isObject) {
- return a === b;
- } else {
- var valueKey = this.select.valueKey;
- return (0, _util.getValueByPath)(a, valueKey) === (0, _util.getValueByPath)(b, valueKey);
- }
- },
- contains: function contains() {
- var _this = this;
- var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
- var target = arguments[1];
- if (!this.isObject) {
- return arr.indexOf(target) > -1;
- } else {
- var _ret = function () {
- var valueKey = _this.select.valueKey;
- return {
- v: arr.some(function (item) {
- return (0, _util.getValueByPath)(item, valueKey) === (0, _util.getValueByPath)(target, valueKey);
- })
- };
- }();
- if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
- }
- },
- handleGroupDisabled: function handleGroupDisabled(val) {
- this.groupDisabled = val;
- },
- hoverItem: function hoverItem() {
- if (!this.disabled && !this.groupDisabled) {
- this.select.hoverIndex = this.select.options.indexOf(this);
- }
- },
- selectOptionClick: function selectOptionClick() {
- if (this.disabled !== true && this.groupDisabled !== true) {
- this.dispatch('ElSelect', 'handleOptionClick', [this, true]);
- }
- },
- queryChange: function queryChange(query) {
- // query 里如果有正则中的特殊字符,需要先将这些字符转义
- var parsedQuery = String(query).replace(/(\^|\(|\)|\[|\]|\$|\*|\+|\.|\?|\\|\{|\}|\|)/g, '\\$1');
- this.visible = new RegExp(parsedQuery, 'i').test(this.currentLabel) || this.created;
- if (!this.visible) {
- this.select.filteredOptionsCount--;
- }
- }
- },
- created: function created() {
- this.select.options.push(this);
- this.select.cachedOptions.push(this);
- this.select.optionsCount++;
- this.select.filteredOptionsCount++;
- this.$on('queryChange', this.queryChange);
- this.$on('handleGroupDisabled', this.handleGroupDisabled);
- },
- beforeDestroy: function beforeDestroy() {
- this.select.onOptionDestroy(this.select.options.indexOf(this));
- }
- };
- /***/ }),
- /* 139 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-select-dropdown__item",class:{
- 'selected': _vm.itemSelected,
- 'is-disabled': _vm.disabled || _vm.groupDisabled || _vm.limitReached,
- 'hover': _vm.hover
- },on:{"mouseenter":_vm.hoverItem,"click":function($event){$event.stopPropagation();_vm.selectOptionClick($event)}}},[_vm._t("default",[_c('span',[_vm._v(_vm._s(_vm.currentLabel))])])],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 140 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.default = {
- data: function data() {
- return {
- hoverOption: -1
- };
- },
- computed: {
- optionsAllDisabled: function optionsAllDisabled() {
- return this.options.filter(function (option) {
- return option.visible;
- }).every(function (option) {
- return option.disabled;
- });
- }
- },
- watch: {
- hoverIndex: function hoverIndex(val) {
- var _this = this;
- if (typeof val === 'number' && val > -1) {
- this.hoverOption = this.options[val] || {};
- }
- this.options.forEach(function (option) {
- option.hover = _this.hoverOption === option;
- });
- }
- },
- methods: {
- navigateOptions: function navigateOptions(direction) {
- var _this2 = this;
- if (!this.visible) {
- this.visible = true;
- return;
- }
- if (this.options.length === 0 || this.filteredOptionsCount === 0) return;
- if (!this.optionsAllDisabled) {
- if (direction === 'next') {
- this.hoverIndex++;
- if (this.hoverIndex === this.options.length) {
- this.hoverIndex = 0;
- }
- } else if (direction === 'prev') {
- this.hoverIndex--;
- if (this.hoverIndex < 0) {
- this.hoverIndex = this.options.length - 1;
- }
- }
- var option = this.options[this.hoverIndex];
- if (option.disabled === true || option.groupDisabled === true || !option.visible) {
- this.navigateOptions(direction);
- }
- this.$nextTick(function () {
- return _this2.scrollToOption(_this2.hoverOption);
- });
- }
- }
- }
- };
- /***/ }),
- /* 141 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClose),expression:"handleClose"}],staticClass:"el-select",class:[_vm.selectSize ? 'el-select--' + _vm.selectSize : ''],on:{"click":function($event){$event.stopPropagation();_vm.toggleMenu($event)}}},[(_vm.multiple)?_c('div',{ref:"tags",staticClass:"el-select__tags",style:({ 'max-width': _vm.inputWidth - 32 + 'px' })},[(_vm.collapseTags && _vm.selected.length)?_c('span',[_c('el-tag',{attrs:{"closable":!_vm.selectDisabled,"size":_vm.collapseTagSize,"hit":_vm.selected[0].hitState,"type":"info","disable-transitions":""},on:{"close":function($event){_vm.deleteTag($event, _vm.selected[0])}}},[_c('span',{staticClass:"el-select__tags-text"},[_vm._v(_vm._s(_vm.selected[0].currentLabel))])]),(_vm.selected.length > 1)?_c('el-tag',{attrs:{"closable":false,"size":_vm.collapseTagSize,"type":"info","disable-transitions":""}},[_c('span',{staticClass:"el-select__tags-text"},[_vm._v("+ "+_vm._s(_vm.selected.length - 1))])]):_vm._e()],1):_vm._e(),(!_vm.collapseTags)?_c('transition-group',{on:{"after-leave":_vm.resetInputHeight}},_vm._l((_vm.selected),function(item){return _c('el-tag',{key:_vm.getValueKey(item),attrs:{"closable":!_vm.selectDisabled,"size":_vm.collapseTagSize,"hit":item.hitState,"type":"info","disable-transitions":""},on:{"close":function($event){_vm.deleteTag($event, item)}}},[_c('span',{staticClass:"el-select__tags-text"},[_vm._v(_vm._s(item.currentLabel))])])})):_vm._e(),(_vm.filterable)?_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.query),expression:"query"}],ref:"input",staticClass:"el-select__input",class:[_vm.selectSize ? ("is-" + _vm.selectSize) : ''],style:({ width: _vm.inputLength + 'px', 'max-width': _vm.inputWidth - 42 + 'px' }),attrs:{"type":"text","disabled":_vm.selectDisabled,"autocomplete":_vm.autoComplete,"debounce":_vm.remote ? 300 : 0},domProps:{"value":(_vm.query)},on:{"focus":_vm.handleFocus,"blur":function($event){_vm.softFocus = false},"click":function($event){$event.stopPropagation();},"keyup":_vm.managePlaceholder,"keydown":[_vm.resetInputState,function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"down",40,$event.key)){ return null; }$event.preventDefault();_vm.navigateOptions('next')},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"up",38,$event.key)){ return null; }$event.preventDefault();_vm.navigateOptions('prev')},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }$event.preventDefault();_vm.selectOption($event)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"esc",27,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.visible = false},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"delete",[8,46],$event.key)){ return null; }_vm.deletePrevTag($event)}],"compositionstart":_vm.handleComposition,"compositionupdate":_vm.handleComposition,"compositionend":_vm.handleComposition,"input":[function($event){if($event.target.composing){ return; }_vm.query=$event.target.value},function (e) { return _vm.handleQueryChange(e.target.value); }]}}):_vm._e()],1):_vm._e(),_c('el-input',{ref:"reference",class:{ 'is-focus': _vm.visible },attrs:{"type":"text","placeholder":_vm.currentPlaceholder,"name":_vm.name,"id":_vm.id,"auto-complete":_vm.autoComplete,"size":_vm.selectSize,"disabled":_vm.selectDisabled,"readonly":_vm.readonly,"validate-event":false},on:{"focus":_vm.handleFocus,"blur":_vm.handleBlur},nativeOn:{"keyup":function($event){_vm.debouncedOnInputChange($event)},"keydown":[function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"down",40,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.navigateOptions('next')},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"up",38,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.navigateOptions('prev')},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }$event.preventDefault();_vm.selectOption($event)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"esc",27,$event.key)){ return null; }$event.stopPropagation();$event.preventDefault();_vm.visible = false},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"tab",9,$event.key)){ return null; }_vm.visible = false}],"paste":function($event){_vm.debouncedOnInputChange($event)},"mouseenter":function($event){_vm.inputHovering = true},"mouseleave":function($event){_vm.inputHovering = false}},model:{value:(_vm.selectedLabel),callback:function ($$v) {_vm.selectedLabel=$$v},expression:"selectedLabel"}},[(_vm.$slots.prefix)?_c('template',{attrs:{"slot":"prefix"},slot:"prefix"},[_vm._t("prefix")],2):_vm._e(),_c('i',{class:['el-select__caret', 'el-input__icon', 'el-icon-' + _vm.iconClass],attrs:{"slot":"suffix"},on:{"click":_vm.handleIconClick},slot:"suffix"})],2),_c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"before-enter":_vm.handleMenuEnter,"after-leave":_vm.doDestroy}},[_c('el-select-menu',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible && _vm.emptyText !== false),expression:"visible && emptyText !== false"}],ref:"popper",attrs:{"append-to-body":_vm.popperAppendToBody}},[_c('el-scrollbar',{directives:[{name:"show",rawName:"v-show",value:(_vm.options.length > 0 && !_vm.loading),expression:"options.length > 0 && !loading"}],ref:"scrollbar",class:{ 'is-empty': !_vm.allowCreate && _vm.query && _vm.filteredOptionsCount === 0 },attrs:{"tag":"ul","wrap-class":"el-select-dropdown__wrap","view-class":"el-select-dropdown__list"}},[(_vm.showNewOption)?_c('el-option',{attrs:{"value":_vm.query,"created":""}}):_vm._e(),_vm._t("default")],2),(_vm.emptyText &&
- (!_vm.allowCreate || _vm.loading || (_vm.allowCreate && _vm.options.length === 0 )))?_c('p',{staticClass:"el-select-dropdown__empty"},[_vm._v("\n "+_vm._s(_vm.emptyText)+"\n ")]):_vm._e()],1)],1)],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 142 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _option = __webpack_require__(34);
- var _option2 = _interopRequireDefault(_option);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _option2.default.install = function (Vue) {
- Vue.component(_option2.default.name, _option2.default);
- };
- exports.default = _option2.default;
- /***/ }),
- /* 143 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _optionGroup = __webpack_require__(144);
- var _optionGroup2 = _interopRequireDefault(_optionGroup);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _optionGroup2.default.install = function (Vue) {
- Vue.component(_optionGroup2.default.name, _optionGroup2.default);
- };
- exports.default = _optionGroup2.default;
- /***/ }),
- /* 144 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_group_vue__ = __webpack_require__(145);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_group_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_group_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_378254a0_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_option_group_vue__ = __webpack_require__(146);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_option_group_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_378254a0_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_option_group_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 145 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- mixins: [_emitter2.default],
- name: 'ElOptionGroup',
- componentName: 'ElOptionGroup',
- props: {
- label: String,
- disabled: {
- type: Boolean,
- default: false
- }
- },
- data: function data() {
- return {
- visible: true
- };
- },
- watch: {
- disabled: function disabled(val) {
- this.broadcast('ElOption', 'handleGroupDisabled', val);
- }
- },
- methods: {
- queryChange: function queryChange() {
- this.visible = this.$children && Array.isArray(this.$children) && this.$children.some(function (option) {
- return option.visible === true;
- });
- }
- },
- created: function created() {
- this.$on('queryChange', this.queryChange);
- },
- mounted: function mounted() {
- if (this.disabled) {
- this.broadcast('ElOption', 'handleGroupDisabled', this.disabled);
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 146 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-select-group__wrap"},[_c('li',{staticClass:"el-select-group__title"},[_vm._v(_vm._s(_vm.label))]),_c('li',[_c('ul',{staticClass:"el-select-group"},[_vm._t("default")],2)])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 147 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _button = __webpack_require__(148);
- var _button2 = _interopRequireDefault(_button);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _button2.default.install = function (Vue) {
- Vue.component(_button2.default.name, _button2.default);
- };
- exports.default = _button2.default;
- /***/ }),
- /* 148 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue__ = __webpack_require__(149);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_36b70ef5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_button_vue__ = __webpack_require__(150);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_36b70ef5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_button_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 149 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElButton',
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- props: {
- type: {
- type: String,
- default: 'default'
- },
- size: String,
- icon: {
- type: String,
- default: ''
- },
- nativeType: {
- type: String,
- default: 'button'
- },
- loading: Boolean,
- disabled: Boolean,
- plain: Boolean,
- autofocus: Boolean,
- round: Boolean,
- circle: Boolean
- },
- computed: {
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- buttonSize: function buttonSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- buttonDisabled: function buttonDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- }
- },
- methods: {
- handleClick: function handleClick(evt) {
- this.$emit('click', evt);
- }
- }
- };
- /***/ }),
- /* 150 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"el-button",class:[
- _vm.type ? 'el-button--' + _vm.type : '',
- _vm.buttonSize ? 'el-button--' + _vm.buttonSize : '',
- {
- 'is-disabled': _vm.buttonDisabled,
- 'is-loading': _vm.loading,
- 'is-plain': _vm.plain,
- 'is-round': _vm.round,
- 'is-circle': _vm.circle
- }
- ],attrs:{"disabled":_vm.buttonDisabled || _vm.loading,"autofocus":_vm.autofocus,"type":_vm.nativeType},on:{"click":_vm.handleClick}},[(_vm.loading)?_c('i',{staticClass:"el-icon-loading"}):_vm._e(),(_vm.icon && !_vm.loading)?_c('i',{class:_vm.icon}):_vm._e(),(_vm.$slots.default)?_c('span',[_vm._t("default")],2):_vm._e()])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 151 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _buttonGroup = __webpack_require__(152);
- var _buttonGroup2 = _interopRequireDefault(_buttonGroup);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _buttonGroup2.default.install = function (Vue) {
- Vue.component(_buttonGroup2.default.name, _buttonGroup2.default);
- };
- exports.default = _buttonGroup2.default;
- /***/ }),
- /* 152 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_group_vue__ = __webpack_require__(153);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_group_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_group_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4c0216a7_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_button_group_vue__ = __webpack_require__(154);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_group_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4c0216a7_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_button_group_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 153 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElButtonGroup'
- };
- /***/ }),
- /* 154 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-button-group"},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 155 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _table = __webpack_require__(156);
- var _table2 = _interopRequireDefault(_table);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _table2.default.install = function (Vue) {
- Vue.component(_table2.default.name, _table2.default);
- };
- exports.default = _table2.default;
- /***/ }),
- /* 156 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_table_vue__ = __webpack_require__(157);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_table_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_table_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_271dac46_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_table_vue__ = __webpack_require__(169);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_table_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_271dac46_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_table_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 157 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _checkbox = __webpack_require__(14);
- var _checkbox2 = _interopRequireDefault(_checkbox);
- var _debounce = __webpack_require__(13);
- var _debounce2 = _interopRequireDefault(_debounce);
- var _resizeEvent = __webpack_require__(17);
- var _mousewheel = __webpack_require__(158);
- var _mousewheel2 = _interopRequireDefault(_mousewheel);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- var _tableStore = __webpack_require__(160);
- var _tableStore2 = _interopRequireDefault(_tableStore);
- var _tableLayout = __webpack_require__(161);
- var _tableLayout2 = _interopRequireDefault(_tableLayout);
- var _tableBody = __webpack_require__(162);
- var _tableBody2 = _interopRequireDefault(_tableBody);
- var _tableHeader = __webpack_require__(163);
- var _tableHeader2 = _interopRequireDefault(_tableHeader);
- var _tableFooter = __webpack_require__(168);
- var _tableFooter2 = _interopRequireDefault(_tableFooter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var tableIdSeed = 1; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElTable',
- mixins: [_locale2.default, _migrating2.default],
- directives: {
- Mousewheel: _mousewheel2.default
- },
- props: {
- data: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- size: String,
- width: [String, Number],
- height: [String, Number],
- maxHeight: [String, Number],
- fit: {
- type: Boolean,
- default: true
- },
- stripe: Boolean,
- border: Boolean,
- rowKey: [String, Function],
- context: {},
- showHeader: {
- type: Boolean,
- default: true
- },
- showSummary: Boolean,
- sumText: String,
- summaryMethod: Function,
- rowClassName: [String, Function],
- rowStyle: [Object, Function],
- cellClassName: [String, Function],
- cellStyle: [Object, Function],
- headerRowClassName: [String, Function],
- headerRowStyle: [Object, Function],
- headerCellClassName: [String, Function],
- headerCellStyle: [Object, Function],
- highlightCurrentRow: Boolean,
- currentRowKey: [String, Number],
- emptyText: String,
- expandRowKeys: Array,
- defaultExpandAll: Boolean,
- defaultSort: Object,
- tooltipEffect: String,
- spanMethod: Function,
- selectOnIndeterminate: {
- type: Boolean,
- default: true
- }
- },
- components: {
- TableHeader: _tableHeader2.default,
- TableFooter: _tableFooter2.default,
- TableBody: _tableBody2.default,
- ElCheckbox: _checkbox2.default
- },
- methods: {
- getMigratingConfig: function getMigratingConfig() {
- return {
- events: {
- expand: 'expand is renamed to expand-change'
- }
- };
- },
- setCurrentRow: function setCurrentRow(row) {
- this.store.commit('setCurrentRow', row);
- },
- toggleRowSelection: function toggleRowSelection(row, selected) {
- this.store.toggleRowSelection(row, selected);
- this.store.updateAllSelected();
- },
- toggleRowExpansion: function toggleRowExpansion(row, expanded) {
- this.store.toggleRowExpansion(row, expanded);
- },
- clearSelection: function clearSelection() {
- this.store.clearSelection();
- },
- clearFilter: function clearFilter() {
- this.store.clearFilter();
- },
- clearSort: function clearSort() {
- this.store.clearSort();
- },
- handleMouseLeave: function handleMouseLeave() {
- this.store.commit('setHoverRow', null);
- if (this.hoverState) this.hoverState = null;
- },
- updateScrollY: function updateScrollY() {
- this.layout.updateScrollY();
- this.layout.updateColumnsWidth();
- },
- handleFixedMousewheel: function handleFixedMousewheel(event, data) {
- var bodyWrapper = this.bodyWrapper;
- if (Math.abs(data.spinY) > 0) {
- var currentScrollTop = bodyWrapper.scrollTop;
- if (data.pixelY < 0 && currentScrollTop !== 0) {
- event.preventDefault();
- }
- if (data.pixelY > 0 && bodyWrapper.scrollHeight - bodyWrapper.clientHeight > currentScrollTop) {
- event.preventDefault();
- }
- bodyWrapper.scrollTop += Math.ceil(data.pixelY / 5);
- } else {
- bodyWrapper.scrollLeft += Math.ceil(data.pixelX / 5);
- }
- },
- handleHeaderFooterMousewheel: function handleHeaderFooterMousewheel(event, data) {
- var pixelX = data.pixelX,
- pixelY = data.pixelY;
- if (Math.abs(pixelX) >= Math.abs(pixelY)) {
- event.preventDefault();
- this.bodyWrapper.scrollLeft += data.pixelX / 5;
- }
- },
- bindEvents: function bindEvents() {
- var _$refs = this.$refs,
- headerWrapper = _$refs.headerWrapper,
- footerWrapper = _$refs.footerWrapper;
- var refs = this.$refs;
- var self = this;
- this.bodyWrapper.addEventListener('scroll', function () {
- if (headerWrapper) headerWrapper.scrollLeft = this.scrollLeft;
- if (footerWrapper) footerWrapper.scrollLeft = this.scrollLeft;
- if (refs.fixedBodyWrapper) refs.fixedBodyWrapper.scrollTop = this.scrollTop;
- if (refs.rightFixedBodyWrapper) refs.rightFixedBodyWrapper.scrollTop = this.scrollTop;
- var maxScrollLeftPosition = this.scrollWidth - this.offsetWidth - 1;
- var scrollLeft = this.scrollLeft;
- if (scrollLeft >= maxScrollLeftPosition) {
- self.scrollPosition = 'right';
- } else if (scrollLeft === 0) {
- self.scrollPosition = 'left';
- } else {
- self.scrollPosition = 'middle';
- }
- });
- if (this.fit) {
- (0, _resizeEvent.addResizeListener)(this.$el, this.resizeListener);
- }
- },
- resizeListener: function resizeListener() {
- if (!this.$ready) return;
- var shouldUpdateLayout = false;
- var el = this.$el;
- var _resizeState = this.resizeState,
- oldWidth = _resizeState.width,
- oldHeight = _resizeState.height;
- var width = el.offsetWidth;
- if (oldWidth !== width) {
- shouldUpdateLayout = true;
- }
- var height = el.offsetHeight;
- if ((this.height || this.shouldUpdateHeight) && oldHeight !== height) {
- shouldUpdateLayout = true;
- }
- if (shouldUpdateLayout) {
- this.resizeState.width = width;
- this.resizeState.height = height;
- this.doLayout();
- }
- },
- doLayout: function doLayout() {
- this.layout.updateColumnsWidth();
- if (this.shouldUpdateHeight) {
- this.layout.updateElsHeight();
- }
- }
- },
- created: function created() {
- var _this = this;
- this.tableId = 'el-table_' + tableIdSeed++;
- this.debouncedUpdateLayout = (0, _debounce2.default)(50, function () {
- return _this.doLayout();
- });
- },
- computed: {
- tableSize: function tableSize() {
- return this.size || (this.$ELEMENT || {}).size;
- },
- bodyWrapper: function bodyWrapper() {
- return this.$refs.bodyWrapper;
- },
- shouldUpdateHeight: function shouldUpdateHeight() {
- return this.height || this.maxHeight || this.fixedColumns.length > 0 || this.rightFixedColumns.length > 0;
- },
- selection: function selection() {
- return this.store.states.selection;
- },
- columns: function columns() {
- return this.store.states.columns;
- },
- tableData: function tableData() {
- return this.store.states.data;
- },
- fixedColumns: function fixedColumns() {
- return this.store.states.fixedColumns;
- },
- rightFixedColumns: function rightFixedColumns() {
- return this.store.states.rightFixedColumns;
- },
- bodyWidth: function bodyWidth() {
- var _layout = this.layout,
- bodyWidth = _layout.bodyWidth,
- scrollY = _layout.scrollY,
- gutterWidth = _layout.gutterWidth;
- return bodyWidth ? bodyWidth - (scrollY ? gutterWidth : 0) + 'px' : '';
- },
- bodyHeight: function bodyHeight() {
- if (this.height) {
- return {
- height: this.layout.bodyHeight ? this.layout.bodyHeight + 'px' : ''
- };
- } else if (this.maxHeight) {
- return {
- 'max-height': (this.showHeader ? this.maxHeight - this.layout.headerHeight - this.layout.footerHeight : this.maxHeight - this.layout.footerHeight) + 'px'
- };
- }
- return {};
- },
- fixedBodyHeight: function fixedBodyHeight() {
- if (this.height) {
- return {
- height: this.layout.fixedBodyHeight ? this.layout.fixedBodyHeight + 'px' : ''
- };
- } else if (this.maxHeight) {
- var maxHeight = this.layout.scrollX ? this.maxHeight - this.layout.gutterWidth : this.maxHeight;
- if (this.showHeader) {
- maxHeight -= this.layout.headerHeight;
- }
- maxHeight -= this.layout.footerHeight;
- return {
- 'max-height': maxHeight + 'px'
- };
- }
- return {};
- },
- fixedHeight: function fixedHeight() {
- if (this.maxHeight) {
- if (this.showSummary) {
- return {
- bottom: 0
- };
- }
- return {
- bottom: this.layout.scrollX && this.data.length ? this.layout.gutterWidth + 'px' : ''
- };
- } else {
- if (this.showSummary) {
- return {
- height: this.layout.tableHeight ? this.layout.tableHeight + 'px' : ''
- };
- }
- return {
- height: this.layout.viewportHeight ? this.layout.viewportHeight + 'px' : ''
- };
- }
- }
- },
- watch: {
- height: {
- immediate: true,
- handler: function handler(value) {
- this.layout.setHeight(value);
- }
- },
- maxHeight: {
- immediate: true,
- handler: function handler(value) {
- this.layout.setMaxHeight(value);
- }
- },
- currentRowKey: function currentRowKey(newVal) {
- this.store.setCurrentRowKey(newVal);
- },
- data: {
- immediate: true,
- handler: function handler(value) {
- var _this2 = this;
- this.store.commit('setData', value);
- if (this.$ready) {
- this.$nextTick(function () {
- _this2.doLayout();
- });
- }
- }
- },
- expandRowKeys: {
- immediate: true,
- handler: function handler(newVal) {
- if (newVal) {
- this.store.setExpandRowKeys(newVal);
- }
- }
- }
- },
- destroyed: function destroyed() {
- if (this.resizeListener) (0, _resizeEvent.removeResizeListener)(this.$el, this.resizeListener);
- },
- mounted: function mounted() {
- var _this3 = this;
- this.bindEvents();
- this.store.updateColumns();
- this.doLayout();
- this.resizeState = {
- width: this.$el.offsetWidth,
- height: this.$el.offsetHeight
- };
- // init filters
- this.store.states.columns.forEach(function (column) {
- if (column.filteredValue && column.filteredValue.length) {
- _this3.store.commit('filterChange', {
- column: column,
- values: column.filteredValue,
- silent: true
- });
- }
- });
- this.$ready = true;
- },
- data: function data() {
- var store = new _tableStore2.default(this, {
- rowKey: this.rowKey,
- defaultExpandAll: this.defaultExpandAll,
- selectOnIndeterminate: this.selectOnIndeterminate
- });
- var layout = new _tableLayout2.default({
- store: store,
- table: this,
- fit: this.fit,
- showHeader: this.showHeader
- });
- return {
- layout: layout,
- store: store,
- isHidden: false,
- renderExpanded: null,
- resizeProxyVisible: false,
- resizeState: {
- width: null,
- height: null
- },
- // 是否拥有多级表头
- isGroup: false,
- scrollPosition: 'left'
- };
- }
- };
- /***/ }),
- /* 158 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _normalizeWheel = __webpack_require__(159);
- var _normalizeWheel2 = _interopRequireDefault(_normalizeWheel);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
- var mousewheel = function mousewheel(element, callback) {
- if (element && element.addEventListener) {
- element.addEventListener(isFirefox ? 'DOMMouseScroll' : 'mousewheel', function (event) {
- var normalized = (0, _normalizeWheel2.default)(event);
- callback && callback.apply(this, [event, normalized]);
- });
- }
- };
- exports.default = {
- bind: function bind(el, binding) {
- mousewheel(el, binding.value);
- }
- };
- /***/ }),
- /* 159 */
- /***/ (function(module, exports) {
- module.exports = require("normalize-wheel");
- /***/ }),
- /* 160 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- var _debounce = __webpack_require__(13);
- var _debounce2 = _interopRequireDefault(_debounce);
- var _merge = __webpack_require__(10);
- var _merge2 = _interopRequireDefault(_merge);
- var _util = __webpack_require__(35);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var sortData = function sortData(data, states) {
- var sortingColumn = states.sortingColumn;
- if (!sortingColumn || typeof sortingColumn.sortable === 'string') {
- return data;
- }
- return (0, _util.orderBy)(data, states.sortProp, states.sortOrder, sortingColumn.sortMethod, sortingColumn.sortBy);
- };
- var getKeysMap = function getKeysMap(array, rowKey) {
- var arrayMap = {};
- (array || []).forEach(function (row, index) {
- arrayMap[(0, _util.getRowIdentity)(row, rowKey)] = { row: row, index: index };
- });
- return arrayMap;
- };
- var toggleRowSelection = function toggleRowSelection(states, row, selected) {
- var changed = false;
- var selection = states.selection;
- var index = selection.indexOf(row);
- if (typeof selected === 'undefined') {
- if (index === -1) {
- selection.push(row);
- changed = true;
- } else {
- selection.splice(index, 1);
- changed = true;
- }
- } else {
- if (selected && index === -1) {
- selection.push(row);
- changed = true;
- } else if (!selected && index > -1) {
- selection.splice(index, 1);
- changed = true;
- }
- }
- return changed;
- };
- var toggleRowExpansion = function toggleRowExpansion(states, row, expanded) {
- var changed = false;
- var expandRows = states.expandRows;
- if (typeof expanded !== 'undefined') {
- var index = expandRows.indexOf(row);
- if (expanded) {
- if (index === -1) {
- expandRows.push(row);
- changed = true;
- }
- } else {
- if (index !== -1) {
- expandRows.splice(index, 1);
- changed = true;
- }
- }
- } else {
- var _index = expandRows.indexOf(row);
- if (_index === -1) {
- expandRows.push(row);
- changed = true;
- } else {
- expandRows.splice(_index, 1);
- changed = true;
- }
- }
- return changed;
- };
- var TableStore = function TableStore(table) {
- var initialState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- if (!table) {
- throw new Error('Table is required.');
- }
- this.table = table;
- this.states = {
- rowKey: null,
- _columns: [],
- originColumns: [],
- columns: [],
- fixedColumns: [],
- rightFixedColumns: [],
- leafColumns: [],
- fixedLeafColumns: [],
- rightFixedLeafColumns: [],
- leafColumnsLength: 0,
- fixedLeafColumnsLength: 0,
- rightFixedLeafColumnsLength: 0,
- isComplex: false,
- filteredData: null,
- data: null,
- sortingColumn: null,
- sortProp: null,
- sortOrder: null,
- isAllSelected: false,
- selection: [],
- reserveSelection: false,
- selectable: null,
- currentRow: null,
- hoverRow: null,
- filters: {},
- expandRows: [],
- defaultExpandAll: false,
- selectOnIndeterminate: false
- };
- for (var prop in initialState) {
- if (initialState.hasOwnProperty(prop) && this.states.hasOwnProperty(prop)) {
- this.states[prop] = initialState[prop];
- }
- }
- };
- TableStore.prototype.mutations = {
- setData: function setData(states, data) {
- var _this = this;
- var dataInstanceChanged = states._data !== data;
- states._data = data;
- Object.keys(states.filters).forEach(function (columnId) {
- var values = states.filters[columnId];
- if (!values || values.length === 0) return;
- var column = (0, _util.getColumnById)(_this.states, columnId);
- if (column && column.filterMethod) {
- data = data.filter(function (row) {
- return values.some(function (value) {
- return column.filterMethod.call(null, value, row, column);
- });
- });
- }
- });
- states.filteredData = data;
- states.data = sortData(data || [], states);
- this.updateCurrentRow();
- if (!states.reserveSelection) {
- if (dataInstanceChanged) {
- this.clearSelection();
- } else {
- this.cleanSelection();
- }
- this.updateAllSelected();
- } else {
- (function () {
- var rowKey = states.rowKey;
- if (rowKey) {
- (function () {
- var selection = states.selection;
- var selectedMap = getKeysMap(selection, rowKey);
- states.data.forEach(function (row) {
- var rowId = (0, _util.getRowIdentity)(row, rowKey);
- var rowInfo = selectedMap[rowId];
- if (rowInfo) {
- selection[rowInfo.index] = row;
- }
- });
- _this.updateAllSelected();
- })();
- } else {
- console.warn('WARN: rowKey is required when reserve-selection is enabled.');
- }
- })();
- }
- var defaultExpandAll = states.defaultExpandAll;
- if (defaultExpandAll) {
- this.states.expandRows = (states.data || []).slice(0);
- }
- _vue2.default.nextTick(function () {
- return _this.table.updateScrollY();
- });
- },
- changeSortCondition: function changeSortCondition(states, options) {
- var _this2 = this;
- states.data = sortData(states.filteredData || states._data || [], states);
- if (!options || !options.silent) {
- this.table.$emit('sort-change', {
- column: this.states.sortingColumn,
- prop: this.states.sortProp,
- order: this.states.sortOrder
- });
- }
- _vue2.default.nextTick(function () {
- return _this2.table.updateScrollY();
- });
- },
- filterChange: function filterChange(states, options) {
- var _this3 = this;
- var column = options.column,
- values = options.values,
- silent = options.silent;
- if (values && !Array.isArray(values)) {
- values = [values];
- }
- var prop = column.property;
- var filters = {};
- if (prop) {
- states.filters[column.id] = values;
- filters[column.columnKey || column.id] = values;
- }
- var data = states._data;
- Object.keys(states.filters).forEach(function (columnId) {
- var values = states.filters[columnId];
- if (!values || values.length === 0) return;
- var column = (0, _util.getColumnById)(_this3.states, columnId);
- if (column && column.filterMethod) {
- data = data.filter(function (row) {
- return values.some(function (value) {
- return column.filterMethod.call(null, value, row, column);
- });
- });
- }
- });
- states.filteredData = data;
- states.data = sortData(data, states);
- if (!silent) {
- this.table.$emit('filter-change', filters);
- }
- _vue2.default.nextTick(function () {
- return _this3.table.updateScrollY();
- });
- },
- insertColumn: function insertColumn(states, column, index, parent) {
- var array = states._columns;
- if (parent) {
- array = parent.children;
- if (!array) array = parent.children = [];
- }
- if (typeof index !== 'undefined') {
- array.splice(index, 0, column);
- } else {
- array.push(column);
- }
- if (column.type === 'selection') {
- states.selectable = column.selectable;
- states.reserveSelection = column.reserveSelection;
- }
- if (this.table.$ready) {
- this.updateColumns(); // hack for dynamics insert column
- this.scheduleLayout();
- }
- },
- removeColumn: function removeColumn(states, column, parent) {
- var array = states._columns;
- if (parent) {
- array = parent.children;
- if (!array) array = parent.children = [];
- }
- if (array) {
- array.splice(array.indexOf(column), 1);
- }
- if (this.table.$ready) {
- this.updateColumns(); // hack for dynamics remove column
- this.scheduleLayout();
- }
- },
- setHoverRow: function setHoverRow(states, row) {
- states.hoverRow = row;
- },
- setCurrentRow: function setCurrentRow(states, row) {
- var oldCurrentRow = states.currentRow;
- states.currentRow = row;
- if (oldCurrentRow !== row) {
- this.table.$emit('current-change', row, oldCurrentRow);
- }
- },
- rowSelectedChanged: function rowSelectedChanged(states, row) {
- var changed = toggleRowSelection(states, row);
- var selection = states.selection;
- if (changed) {
- var table = this.table;
- table.$emit('selection-change', selection ? selection.slice() : []);
- table.$emit('select', selection, row);
- }
- this.updateAllSelected();
- },
- toggleAllSelection: (0, _debounce2.default)(10, function (states) {
- var data = states.data || [];
- if (data.length === 0) return;
- var selection = this.states.selection;
- // when only some rows are selected (but not all), select or deselect all of them
- // depending on the value of selectOnIndeterminate
- var value = states.selectOnIndeterminate ? !states.isAllSelected : !(states.isAllSelected || selection.length);
- var selectionChanged = false;
- data.forEach(function (item, index) {
- if (states.selectable) {
- if (states.selectable.call(null, item, index) && toggleRowSelection(states, item, value)) {
- selectionChanged = true;
- }
- } else {
- if (toggleRowSelection(states, item, value)) {
- selectionChanged = true;
- }
- }
- });
- var table = this.table;
- if (selectionChanged) {
- table.$emit('selection-change', selection ? selection.slice() : []);
- }
- table.$emit('select-all', selection);
- states.isAllSelected = value;
- })
- };
- var doFlattenColumns = function doFlattenColumns(columns) {
- var result = [];
- columns.forEach(function (column) {
- if (column.children) {
- result.push.apply(result, doFlattenColumns(column.children));
- } else {
- result.push(column);
- }
- });
- return result;
- };
- TableStore.prototype.updateColumns = function () {
- var states = this.states;
- var _columns = states._columns || [];
- states.fixedColumns = _columns.filter(function (column) {
- return column.fixed === true || column.fixed === 'left';
- });
- states.rightFixedColumns = _columns.filter(function (column) {
- return column.fixed === 'right';
- });
- if (states.fixedColumns.length > 0 && _columns[0] && _columns[0].type === 'selection' && !_columns[0].fixed) {
- _columns[0].fixed = true;
- states.fixedColumns.unshift(_columns[0]);
- }
- var notFixedColumns = _columns.filter(function (column) {
- return !column.fixed;
- });
- states.originColumns = [].concat(states.fixedColumns).concat(notFixedColumns).concat(states.rightFixedColumns);
- var leafColumns = doFlattenColumns(notFixedColumns);
- var fixedLeafColumns = doFlattenColumns(states.fixedColumns);
- var rightFixedLeafColumns = doFlattenColumns(states.rightFixedColumns);
- states.leafColumnsLength = leafColumns.length;
- states.fixedLeafColumnsLength = fixedLeafColumns.length;
- states.rightFixedLeafColumnsLength = rightFixedLeafColumns.length;
- states.columns = [].concat(fixedLeafColumns).concat(leafColumns).concat(rightFixedLeafColumns);
- states.isComplex = states.fixedColumns.length > 0 || states.rightFixedColumns.length > 0;
- };
- TableStore.prototype.isSelected = function (row) {
- return (this.states.selection || []).indexOf(row) > -1;
- };
- TableStore.prototype.clearSelection = function () {
- var states = this.states;
- states.isAllSelected = false;
- var oldSelection = states.selection;
- if (states.selection.length) {
- states.selection = [];
- }
- if (oldSelection.length > 0) {
- this.table.$emit('selection-change', states.selection ? states.selection.slice() : []);
- }
- };
- TableStore.prototype.setExpandRowKeys = function (rowKeys) {
- var expandRows = [];
- var data = this.states.data;
- var rowKey = this.states.rowKey;
- if (!rowKey) throw new Error('[Table] prop row-key should not be empty.');
- var keysMap = getKeysMap(data, rowKey);
- rowKeys.forEach(function (key) {
- var info = keysMap[key];
- if (info) {
- expandRows.push(info.row);
- }
- });
- this.states.expandRows = expandRows;
- };
- TableStore.prototype.toggleRowSelection = function (row, selected) {
- var changed = toggleRowSelection(this.states, row, selected);
- if (changed) {
- this.table.$emit('selection-change', this.states.selection ? this.states.selection.slice() : []);
- }
- };
- TableStore.prototype.toggleRowExpansion = function (row, expanded) {
- var changed = toggleRowExpansion(this.states, row, expanded);
- if (changed) {
- this.table.$emit('expand-change', row, this.states.expandRows);
- this.scheduleLayout();
- }
- };
- TableStore.prototype.isRowExpanded = function (row) {
- var _states = this.states,
- _states$expandRows = _states.expandRows,
- expandRows = _states$expandRows === undefined ? [] : _states$expandRows,
- rowKey = _states.rowKey;
- if (rowKey) {
- var expandMap = getKeysMap(expandRows, rowKey);
- return !!expandMap[(0, _util.getRowIdentity)(row, rowKey)];
- }
- return expandRows.indexOf(row) !== -1;
- };
- TableStore.prototype.cleanSelection = function () {
- var selection = this.states.selection || [];
- var data = this.states.data;
- var rowKey = this.states.rowKey;
- var deleted = void 0;
- if (rowKey) {
- deleted = [];
- var selectedMap = getKeysMap(selection, rowKey);
- var dataMap = getKeysMap(data, rowKey);
- for (var key in selectedMap) {
- if (selectedMap.hasOwnProperty(key) && !dataMap[key]) {
- deleted.push(selectedMap[key].row);
- }
- }
- } else {
- deleted = selection.filter(function (item) {
- return data.indexOf(item) === -1;
- });
- }
- deleted.forEach(function (deletedItem) {
- selection.splice(selection.indexOf(deletedItem), 1);
- });
- if (deleted.length) {
- this.table.$emit('selection-change', selection ? selection.slice() : []);
- }
- };
- TableStore.prototype.clearFilter = function () {
- var states = this.states;
- var _table$$refs = this.table.$refs,
- tableHeader = _table$$refs.tableHeader,
- fixedTableHeader = _table$$refs.fixedTableHeader,
- rightFixedTableHeader = _table$$refs.rightFixedTableHeader;
- var panels = {};
- if (tableHeader) panels = (0, _merge2.default)(panels, tableHeader.filterPanels);
- if (fixedTableHeader) panels = (0, _merge2.default)(panels, fixedTableHeader.filterPanels);
- if (rightFixedTableHeader) panels = (0, _merge2.default)(panels, rightFixedTableHeader.filterPanels);
- var keys = Object.keys(panels);
- if (!keys.length) return;
- keys.forEach(function (key) {
- panels[key].filteredValue = [];
- });
- states.filters = {};
- this.commit('filterChange', {
- column: {},
- values: [],
- silent: true
- });
- };
- TableStore.prototype.clearSort = function () {
- var states = this.states;
- if (!states.sortingColumn) return;
- states.sortingColumn.order = null;
- states.sortProp = null;
- states.sortOrder = null;
- this.commit('changeSortCondition', {
- silent: true
- });
- };
- TableStore.prototype.updateAllSelected = function () {
- var states = this.states;
- var selection = states.selection,
- rowKey = states.rowKey,
- selectable = states.selectable,
- data = states.data;
- if (!data || data.length === 0) {
- states.isAllSelected = false;
- return;
- }
- var selectedMap = void 0;
- if (rowKey) {
- selectedMap = getKeysMap(states.selection, rowKey);
- }
- var isSelected = function isSelected(row) {
- if (selectedMap) {
- return !!selectedMap[(0, _util.getRowIdentity)(row, rowKey)];
- } else {
- return selection.indexOf(row) !== -1;
- }
- };
- var isAllSelected = true;
- var selectedCount = 0;
- for (var i = 0, j = data.length; i < j; i++) {
- var item = data[i];
- var isRowSelectable = selectable && selectable.call(null, item, i);
- if (!isSelected(item)) {
- if (!selectable || isRowSelectable) {
- isAllSelected = false;
- break;
- }
- } else {
- selectedCount++;
- }
- }
- if (selectedCount === 0) isAllSelected = false;
- states.isAllSelected = isAllSelected;
- };
- TableStore.prototype.scheduleLayout = function (updateColumns) {
- if (updateColumns) {
- this.updateColumns();
- }
- this.table.debouncedUpdateLayout();
- };
- TableStore.prototype.setCurrentRowKey = function (key) {
- var states = this.states;
- var rowKey = states.rowKey;
- if (!rowKey) throw new Error('[Table] row-key should not be empty.');
- var data = states.data || [];
- var keysMap = getKeysMap(data, rowKey);
- var info = keysMap[key];
- if (info) {
- states.currentRow = info.row;
- }
- };
- TableStore.prototype.updateCurrentRow = function () {
- var states = this.states;
- var table = this.table;
- var data = states.data || [];
- var oldCurrentRow = states.currentRow;
- if (data.indexOf(oldCurrentRow) === -1) {
- states.currentRow = null;
- if (states.currentRow !== oldCurrentRow) {
- table.$emit('current-change', null, oldCurrentRow);
- }
- }
- };
- TableStore.prototype.commit = function (name) {
- var mutations = this.mutations;
- if (mutations[name]) {
- for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- args[_key - 1] = arguments[_key];
- }
- mutations[name].apply(this, [this.states].concat(args));
- } else {
- throw new Error('Action not found: ' + name);
- }
- };
- exports.default = TableStore;
- /***/ }),
- /* 161 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _scrollbarWidth = __webpack_require__(36);
- var _scrollbarWidth2 = _interopRequireDefault(_scrollbarWidth);
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- var TableLayout = function () {
- function TableLayout(options) {
- _classCallCheck(this, TableLayout);
- this.observers = [];
- this.table = null;
- this.store = null;
- this.columns = null;
- this.fit = true;
- this.showHeader = true;
- this.height = null;
- this.scrollX = false;
- this.scrollY = false;
- this.bodyWidth = null;
- this.fixedWidth = null;
- this.rightFixedWidth = null;
- this.tableHeight = null;
- this.headerHeight = 44; // Table Header Height
- this.appendHeight = 0; // Append Slot Height
- this.footerHeight = 44; // Table Footer Height
- this.viewportHeight = null; // Table Height - Scroll Bar Height
- this.bodyHeight = null; // Table Height - Table Header Height
- this.fixedBodyHeight = null; // Table Height - Table Header Height - Scroll Bar Height
- this.gutterWidth = (0, _scrollbarWidth2.default)();
- for (var name in options) {
- if (options.hasOwnProperty(name)) {
- this[name] = options[name];
- }
- }
- if (!this.table) {
- throw new Error('table is required for Table Layout');
- }
- if (!this.store) {
- throw new Error('store is required for Table Layout');
- }
- }
- TableLayout.prototype.updateScrollY = function updateScrollY() {
- var height = this.height;
- if (typeof height !== 'string' && typeof height !== 'number') return;
- var bodyWrapper = this.table.bodyWrapper;
- if (this.table.$el && bodyWrapper) {
- var body = bodyWrapper.querySelector('.el-table__body');
- this.scrollY = body.offsetHeight > this.bodyHeight;
- }
- };
- TableLayout.prototype.setHeight = function setHeight(value) {
- var _this = this;
- var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'height';
- if (_vue2.default.prototype.$isServer) return;
- var el = this.table.$el;
- if (typeof value === 'string' && /^\d+$/.test(value)) {
- value = Number(value);
- }
- this.height = value;
- if (!el && (value || value === 0)) return _vue2.default.nextTick(function () {
- return _this.setHeight(value, prop);
- });
- if (typeof value === 'number') {
- el.style[prop] = value + 'px';
- this.updateElsHeight();
- } else if (typeof value === 'string') {
- el.style[prop] = value;
- this.updateElsHeight();
- }
- };
- TableLayout.prototype.setMaxHeight = function setMaxHeight(value) {
- return this.setHeight(value, 'max-height');
- };
- TableLayout.prototype.updateElsHeight = function updateElsHeight() {
- var _this2 = this;
- if (!this.table.$ready) return _vue2.default.nextTick(function () {
- return _this2.updateElsHeight();
- });
- var _table$$refs = this.table.$refs,
- headerWrapper = _table$$refs.headerWrapper,
- appendWrapper = _table$$refs.appendWrapper,
- footerWrapper = _table$$refs.footerWrapper;
- this.appendHeight = appendWrapper ? appendWrapper.offsetHeight : 0;
- if (this.showHeader && !headerWrapper) return;
- var headerHeight = this.headerHeight = !this.showHeader ? 0 : headerWrapper.offsetHeight;
- if (this.showHeader && headerWrapper.offsetWidth > 0 && (this.table.columns || []).length > 0 && headerHeight < 2) {
- return _vue2.default.nextTick(function () {
- return _this2.updateElsHeight();
- });
- }
- var tableHeight = this.tableHeight = this.table.$el.clientHeight;
- if (this.height !== null && (!isNaN(this.height) || typeof this.height === 'string')) {
- var footerHeight = this.footerHeight = footerWrapper ? footerWrapper.offsetHeight : 0;
- this.bodyHeight = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
- }
- this.fixedBodyHeight = this.scrollX ? this.bodyHeight - this.gutterWidth : this.bodyHeight;
- var noData = !this.table.data || this.table.data.length === 0;
- this.viewportHeight = this.scrollX ? tableHeight - (noData ? 0 : this.gutterWidth) : tableHeight;
- this.updateScrollY();
- this.notifyObservers('scrollable');
- };
- TableLayout.prototype.getFlattenColumns = function getFlattenColumns() {
- var flattenColumns = [];
- var columns = this.table.columns;
- columns.forEach(function (column) {
- if (column.isColumnGroup) {
- flattenColumns.push.apply(flattenColumns, column.columns);
- } else {
- flattenColumns.push(column);
- }
- });
- return flattenColumns;
- };
- TableLayout.prototype.updateColumnsWidth = function updateColumnsWidth() {
- if (_vue2.default.prototype.$isServer) return;
- var fit = this.fit;
- var bodyWidth = this.table.$el.clientWidth;
- var bodyMinWidth = 0;
- var flattenColumns = this.getFlattenColumns();
- var flexColumns = flattenColumns.filter(function (column) {
- return typeof column.width !== 'number';
- });
- flattenColumns.forEach(function (column) {
- // Clean those columns whose width changed from flex to unflex
- if (typeof column.width === 'number' && column.realWidth) column.realWidth = null;
- });
- if (flexColumns.length > 0 && fit) {
- flattenColumns.forEach(function (column) {
- bodyMinWidth += column.width || column.minWidth || 80;
- });
- var scrollYWidth = this.scrollY ? this.gutterWidth : 0;
- if (bodyMinWidth <= bodyWidth - scrollYWidth) {
- // DON'T HAVE SCROLL BAR
- this.scrollX = false;
- var totalFlexWidth = bodyWidth - scrollYWidth - bodyMinWidth;
- if (flexColumns.length === 1) {
- flexColumns[0].realWidth = (flexColumns[0].minWidth || 80) + totalFlexWidth;
- } else {
- (function () {
- var allColumnsWidth = flexColumns.reduce(function (prev, column) {
- return prev + (column.minWidth || 80);
- }, 0);
- var flexWidthPerPixel = totalFlexWidth / allColumnsWidth;
- var noneFirstWidth = 0;
- flexColumns.forEach(function (column, index) {
- if (index === 0) return;
- var flexWidth = Math.floor((column.minWidth || 80) * flexWidthPerPixel);
- noneFirstWidth += flexWidth;
- column.realWidth = (column.minWidth || 80) + flexWidth;
- });
- flexColumns[0].realWidth = (flexColumns[0].minWidth || 80) + totalFlexWidth - noneFirstWidth;
- })();
- }
- } else {
- // HAVE HORIZONTAL SCROLL BAR
- this.scrollX = true;
- flexColumns.forEach(function (column) {
- column.realWidth = column.minWidth;
- });
- }
- this.bodyWidth = Math.max(bodyMinWidth, bodyWidth);
- this.table.resizeState.width = this.bodyWidth;
- } else {
- flattenColumns.forEach(function (column) {
- if (!column.width && !column.minWidth) {
- column.realWidth = 80;
- } else {
- column.realWidth = column.width || column.minWidth;
- }
- bodyMinWidth += column.realWidth;
- });
- this.scrollX = bodyMinWidth > bodyWidth;
- this.bodyWidth = bodyMinWidth;
- }
- var fixedColumns = this.store.states.fixedColumns;
- if (fixedColumns.length > 0) {
- var fixedWidth = 0;
- fixedColumns.forEach(function (column) {
- fixedWidth += column.realWidth || column.width;
- });
- this.fixedWidth = fixedWidth;
- }
- var rightFixedColumns = this.store.states.rightFixedColumns;
- if (rightFixedColumns.length > 0) {
- var rightFixedWidth = 0;
- rightFixedColumns.forEach(function (column) {
- rightFixedWidth += column.realWidth || column.width;
- });
- this.rightFixedWidth = rightFixedWidth;
- }
- this.notifyObservers('columns');
- };
- TableLayout.prototype.addObserver = function addObserver(observer) {
- this.observers.push(observer);
- };
- TableLayout.prototype.removeObserver = function removeObserver(observer) {
- var index = this.observers.indexOf(observer);
- if (index !== -1) {
- this.observers.splice(index, 1);
- }
- };
- TableLayout.prototype.notifyObservers = function notifyObservers(event) {
- var _this3 = this;
- var observers = this.observers;
- observers.forEach(function (observer) {
- switch (event) {
- case 'columns':
- observer.onColumnsChange(_this3);
- break;
- case 'scrollable':
- observer.onScrollableChange(_this3);
- break;
- default:
- throw new Error('Table Layout don\'t have event ' + event + '.');
- }
- });
- };
- return TableLayout;
- }();
- exports.default = TableLayout;
- /***/ }),
- /* 162 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
- var _util = __webpack_require__(35);
- var _dom = __webpack_require__(3);
- var _checkbox = __webpack_require__(14);
- var _checkbox2 = _interopRequireDefault(_checkbox);
- var _tooltip = __webpack_require__(23);
- var _tooltip2 = _interopRequireDefault(_tooltip);
- var _debounce = __webpack_require__(13);
- var _debounce2 = _interopRequireDefault(_debounce);
- var _layoutObserver = __webpack_require__(27);
- var _layoutObserver2 = _interopRequireDefault(_layoutObserver);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElTableBody',
- mixins: [_layoutObserver2.default],
- components: {
- ElCheckbox: _checkbox2.default,
- ElTooltip: _tooltip2.default
- },
- props: {
- store: {
- required: true
- },
- stripe: Boolean,
- context: {},
- rowClassName: [String, Function],
- rowStyle: [Object, Function],
- fixed: String,
- highlight: Boolean
- },
- render: function render(h) {
- var _this = this;
- var columnsHidden = this.columns.map(function (column, index) {
- return _this.isColumnHidden(index);
- });
- return h(
- 'table',
- {
- 'class': 'el-table__body',
- attrs: { cellspacing: '0',
- cellpadding: '0',
- border: '0' }
- },
- [h(
- 'colgroup',
- null,
- [this._l(this.columns, function (column) {
- return h(
- 'col',
- {
- attrs: { name: column.id }
- },
- []
- );
- })]
- ), h(
- 'tbody',
- null,
- [this._l(this.data, function (row, $index) {
- return [h(
- 'tr',
- {
- style: _this.rowStyle ? _this.getRowStyle(row, $index) : null,
- key: _this.table.rowKey ? _this.getKeyOfRow(row, $index) : $index,
- on: {
- 'dblclick': function dblclick($event) {
- return _this.handleDoubleClick($event, row);
- },
- 'click': function click($event) {
- return _this.handleClick($event, row);
- },
- 'contextmenu': function contextmenu($event) {
- return _this.handleContextMenu($event, row);
- },
- 'mouseenter': function mouseenter(_) {
- return _this.handleMouseEnter($index);
- },
- 'mouseleave': function mouseleave(_) {
- return _this.handleMouseLeave();
- }
- },
- 'class': [_this.getRowClass(row, $index)] },
- [_this._l(_this.columns, function (column, cellIndex) {
- var _getSpan = _this.getSpan(row, column, $index, cellIndex),
- rowspan = _getSpan.rowspan,
- colspan = _getSpan.colspan;
- if (!rowspan || !colspan) {
- return '';
- } else {
- if (rowspan === 1 && colspan === 1) {
- return h(
- 'td',
- {
- style: _this.getCellStyle($index, cellIndex, row, column),
- 'class': _this.getCellClass($index, cellIndex, row, column),
- on: {
- 'mouseenter': function mouseenter($event) {
- return _this.handleCellMouseEnter($event, row);
- },
- 'mouseleave': _this.handleCellMouseLeave
- }
- },
- [column.renderCell.call(_this._renderProxy, h, {
- row: row,
- column: column,
- $index: $index,
- store: _this.store,
- _self: _this.context || _this.table.$vnode.context
- }, columnsHidden[cellIndex])]
- );
- } else {
- return h(
- 'td',
- {
- style: _this.getCellStyle($index, cellIndex, row, column),
- 'class': _this.getCellClass($index, cellIndex, row, column),
- attrs: { rowspan: rowspan,
- colspan: colspan
- },
- on: {
- 'mouseenter': function mouseenter($event) {
- return _this.handleCellMouseEnter($event, row);
- },
- 'mouseleave': _this.handleCellMouseLeave
- }
- },
- [column.renderCell.call(_this._renderProxy, h, {
- row: row,
- column: column,
- $index: $index,
- store: _this.store,
- _self: _this.context || _this.table.$vnode.context
- }, columnsHidden[cellIndex])]
- );
- }
- }
- })]
- ), _this.store.isRowExpanded(row) ? h(
- 'tr',
- null,
- [h(
- 'td',
- {
- attrs: { colspan: _this.columns.length },
- 'class': 'el-table__expanded-cell' },
- [_this.table.renderExpanded ? _this.table.renderExpanded(h, { row: row, $index: $index, store: _this.store }) : '']
- )]
- ) : ''];
- }).concat(h(
- 'el-tooltip',
- {
- attrs: { effect: this.table.tooltipEffect, placement: 'top', content: this.tooltipContent },
- ref: 'tooltip' },
- []
- ))]
- )]
- );
- },
- watch: {
- 'store.states.hoverRow': function storeStatesHoverRow(newVal, oldVal) {
- if (!this.store.states.isComplex) return;
- var el = this.$el;
- if (!el) return;
- var tr = el.querySelector('tbody').children;
- var rows = [].filter.call(tr, function (row) {
- return (0, _dom.hasClass)(row, 'el-table__row');
- });
- var oldRow = rows[oldVal];
- var newRow = rows[newVal];
- if (oldRow) {
- (0, _dom.removeClass)(oldRow, 'hover-row');
- }
- if (newRow) {
- (0, _dom.addClass)(newRow, 'hover-row');
- }
- },
- 'store.states.currentRow': function storeStatesCurrentRow(newVal, oldVal) {
- if (!this.highlight) return;
- var el = this.$el;
- if (!el) return;
- var data = this.store.states.data;
- var tr = el.querySelector('tbody').children;
- var rows = [].filter.call(tr, function (row) {
- return (0, _dom.hasClass)(row, 'el-table__row');
- });
- var oldRow = rows[data.indexOf(oldVal)];
- var newRow = rows[data.indexOf(newVal)];
- if (oldRow) {
- (0, _dom.removeClass)(oldRow, 'current-row');
- } else {
- [].forEach.call(rows, function (row) {
- return (0, _dom.removeClass)(row, 'current-row');
- });
- }
- if (newRow) {
- (0, _dom.addClass)(newRow, 'current-row');
- }
- }
- },
- computed: {
- table: function table() {
- return this.$parent;
- },
- data: function data() {
- return this.store.states.data;
- },
- columnsCount: function columnsCount() {
- return this.store.states.columns.length;
- },
- leftFixedLeafCount: function leftFixedLeafCount() {
- return this.store.states.fixedLeafColumnsLength;
- },
- rightFixedLeafCount: function rightFixedLeafCount() {
- return this.store.states.rightFixedLeafColumnsLength;
- },
- leftFixedCount: function leftFixedCount() {
- return this.store.states.fixedColumns.length;
- },
- rightFixedCount: function rightFixedCount() {
- return this.store.states.rightFixedColumns.length;
- },
- columns: function columns() {
- return this.store.states.columns;
- }
- },
- data: function data() {
- return {
- tooltipContent: ''
- };
- },
- created: function created() {
- this.activateTooltip = (0, _debounce2.default)(50, function (tooltip) {
- return tooltip.handleShowPopper();
- });
- },
- methods: {
- getKeyOfRow: function getKeyOfRow(row, index) {
- var rowKey = this.table.rowKey;
- if (rowKey) {
- return (0, _util.getRowIdentity)(row, rowKey);
- }
- return index;
- },
- isColumnHidden: function isColumnHidden(index) {
- if (this.fixed === true || this.fixed === 'left') {
- return index >= this.leftFixedLeafCount;
- } else if (this.fixed === 'right') {
- return index < this.columnsCount - this.rightFixedLeafCount;
- } else {
- return index < this.leftFixedLeafCount || index >= this.columnsCount - this.rightFixedLeafCount;
- }
- },
- getSpan: function getSpan(row, column, rowIndex, columnIndex) {
- var rowspan = 1;
- var colspan = 1;
- var fn = this.table.spanMethod;
- if (typeof fn === 'function') {
- var result = fn({
- row: row,
- column: column,
- rowIndex: rowIndex,
- columnIndex: columnIndex
- });
- if (Array.isArray(result)) {
- rowspan = result[0];
- colspan = result[1];
- } else if ((typeof result === 'undefined' ? 'undefined' : _typeof(result)) === 'object') {
- rowspan = result.rowspan;
- colspan = result.colspan;
- }
- }
- return {
- rowspan: rowspan,
- colspan: colspan
- };
- },
- getRowStyle: function getRowStyle(row, rowIndex) {
- var rowStyle = this.table.rowStyle;
- if (typeof rowStyle === 'function') {
- return rowStyle.call(null, {
- row: row,
- rowIndex: rowIndex
- });
- }
- return rowStyle;
- },
- getRowClass: function getRowClass(row, rowIndex) {
- var classes = ['el-table__row'];
- if (this.stripe && rowIndex % 2 === 1) {
- classes.push('el-table__row--striped');
- }
- var rowClassName = this.table.rowClassName;
- if (typeof rowClassName === 'string') {
- classes.push(rowClassName);
- } else if (typeof rowClassName === 'function') {
- classes.push(rowClassName.call(null, {
- row: row,
- rowIndex: rowIndex
- }));
- }
- if (this.store.states.expandRows.indexOf(row) > -1) {
- classes.push('expanded');
- }
- return classes.join(' ');
- },
- getCellStyle: function getCellStyle(rowIndex, columnIndex, row, column) {
- var cellStyle = this.table.cellStyle;
- if (typeof cellStyle === 'function') {
- return cellStyle.call(null, {
- rowIndex: rowIndex,
- columnIndex: columnIndex,
- row: row,
- column: column
- });
- }
- return cellStyle;
- },
- getCellClass: function getCellClass(rowIndex, columnIndex, row, column) {
- var classes = [column.id, column.align, column.className];
- if (this.isColumnHidden(columnIndex)) {
- classes.push('is-hidden');
- }
- var cellClassName = this.table.cellClassName;
- if (typeof cellClassName === 'string') {
- classes.push(cellClassName);
- } else if (typeof cellClassName === 'function') {
- classes.push(cellClassName.call(null, {
- rowIndex: rowIndex,
- columnIndex: columnIndex,
- row: row,
- column: column
- }));
- }
- return classes.join(' ');
- },
- handleCellMouseEnter: function handleCellMouseEnter(event, row) {
- var table = this.table;
- var cell = (0, _util.getCell)(event);
- if (cell) {
- var column = (0, _util.getColumnByCell)(table, cell);
- var hoverState = table.hoverState = { cell: cell, column: column, row: row };
- table.$emit('cell-mouse-enter', hoverState.row, hoverState.column, hoverState.cell, event);
- }
- // 判断是否text-overflow, 如果是就显示tooltip
- var cellChild = event.target.querySelector('.cell');
- // use range width instead of scrollWidth to determine whether the text is overflowing
- // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3
- var range = document.createRange();
- range.setStart(cellChild, 0);
- range.setEnd(cellChild, 1);
- var rangeWidth = range.getBoundingClientRect().width;
- var padding = (parseInt((0, _dom.getStyle)(cellChild, 'paddingLeft'), 10) || 0) + (parseInt((0, _dom.getStyle)(cellChild, 'paddingRight'), 10) || 0);
- if ((0, _dom.hasClass)(cellChild, 'el-tooltip') && rangeWidth + padding > cellChild.offsetWidth && this.$refs.tooltip) {
- var tooltip = this.$refs.tooltip;
- // TODO 会引起整个 Table 的重新渲染,需要优化
- this.tooltipContent = cell.textContent || cell.innerText;
- tooltip.referenceElm = cell;
- tooltip.$refs.popper && (tooltip.$refs.popper.style.display = 'none');
- tooltip.doDestroy();
- tooltip.setExpectedState(true);
- this.activateTooltip(tooltip);
- }
- },
- handleCellMouseLeave: function handleCellMouseLeave(event) {
- var tooltip = this.$refs.tooltip;
- if (tooltip) {
- tooltip.setExpectedState(false);
- tooltip.handleClosePopper();
- }
- var cell = (0, _util.getCell)(event);
- if (!cell) return;
- var oldHoverState = this.table.hoverState || {};
- this.table.$emit('cell-mouse-leave', oldHoverState.row, oldHoverState.column, oldHoverState.cell, event);
- },
- handleMouseEnter: function handleMouseEnter(index) {
- this.store.commit('setHoverRow', index);
- },
- handleMouseLeave: function handleMouseLeave() {
- this.store.commit('setHoverRow', null);
- },
- handleContextMenu: function handleContextMenu(event, row) {
- this.handleEvent(event, row, 'contextmenu');
- },
- handleDoubleClick: function handleDoubleClick(event, row) {
- this.handleEvent(event, row, 'dblclick');
- },
- handleClick: function handleClick(event, row) {
- this.store.commit('setCurrentRow', row);
- this.handleEvent(event, row, 'click');
- },
- handleEvent: function handleEvent(event, row, name) {
- var table = this.table;
- var cell = (0, _util.getCell)(event);
- var column = void 0;
- if (cell) {
- column = (0, _util.getColumnByCell)(table, cell);
- if (column) {
- table.$emit('cell-' + name, row, column, cell, event);
- }
- }
- table.$emit('row-' + name, row, event, column);
- },
- handleExpandClick: function handleExpandClick(row, e) {
- e.stopPropagation();
- this.store.toggleRowExpansion(row);
- }
- }
- };
- /***/ }),
- /* 163 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _dom = __webpack_require__(3);
- var _checkbox = __webpack_require__(14);
- var _checkbox2 = _interopRequireDefault(_checkbox);
- var _tag = __webpack_require__(25);
- var _tag2 = _interopRequireDefault(_tag);
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- var _filterPanel = __webpack_require__(164);
- var _filterPanel2 = _interopRequireDefault(_filterPanel);
- var _layoutObserver = __webpack_require__(27);
- var _layoutObserver2 = _interopRequireDefault(_layoutObserver);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var getAllColumns = function getAllColumns(columns) {
- var result = [];
- columns.forEach(function (column) {
- if (column.children) {
- result.push(column);
- result.push.apply(result, getAllColumns(column.children));
- } else {
- result.push(column);
- }
- });
- return result;
- };
- var convertToRows = function convertToRows(originColumns) {
- var maxLevel = 1;
- var traverse = function traverse(column, parent) {
- if (parent) {
- column.level = parent.level + 1;
- if (maxLevel < column.level) {
- maxLevel = column.level;
- }
- }
- if (column.children) {
- var colSpan = 0;
- column.children.forEach(function (subColumn) {
- traverse(subColumn, column);
- colSpan += subColumn.colSpan;
- });
- column.colSpan = colSpan;
- } else {
- column.colSpan = 1;
- }
- };
- originColumns.forEach(function (column) {
- column.level = 1;
- traverse(column);
- });
- var rows = [];
- for (var i = 0; i < maxLevel; i++) {
- rows.push([]);
- }
- var allColumns = getAllColumns(originColumns);
- allColumns.forEach(function (column) {
- if (!column.children) {
- column.rowSpan = maxLevel - column.level + 1;
- } else {
- column.rowSpan = 1;
- }
- rows[column.level - 1].push(column);
- });
- return rows;
- };
- exports.default = {
- name: 'ElTableHeader',
- mixins: [_layoutObserver2.default],
- render: function render(h) {
- var _this = this;
- var originColumns = this.store.states.originColumns;
- var columnRows = convertToRows(originColumns, this.columns);
- // 是否拥有多级表头
- var isGroup = columnRows.length > 1;
- if (isGroup) this.$parent.isGroup = true;
- return h(
- 'table',
- {
- 'class': 'el-table__header',
- attrs: { cellspacing: '0',
- cellpadding: '0',
- border: '0' }
- },
- [h(
- 'colgroup',
- null,
- [this._l(this.columns, function (column) {
- return h(
- 'col',
- {
- attrs: { name: column.id }
- },
- []
- );
- }), this.hasGutter ? h(
- 'col',
- {
- attrs: { name: 'gutter' }
- },
- []
- ) : '']
- ), h(
- 'thead',
- { 'class': [{ 'is-group': isGroup, 'has-gutter': this.hasGutter }] },
- [this._l(columnRows, function (columns, rowIndex) {
- return h(
- 'tr',
- {
- style: _this.getHeaderRowStyle(rowIndex),
- 'class': _this.getHeaderRowClass(rowIndex)
- },
- [_this._l(columns, function (column, cellIndex) {
- return h(
- 'th',
- {
- attrs: {
- colspan: column.colSpan,
- rowspan: column.rowSpan
- },
- on: {
- 'mousemove': function mousemove($event) {
- return _this.handleMouseMove($event, column);
- },
- 'mouseout': _this.handleMouseOut,
- 'mousedown': function mousedown($event) {
- return _this.handleMouseDown($event, column);
- },
- 'click': function click($event) {
- return _this.handleHeaderClick($event, column);
- },
- 'contextmenu': function contextmenu($event) {
- return _this.handleHeaderContextMenu($event, column);
- }
- },
- style: _this.getHeaderCellStyle(rowIndex, cellIndex, columns, column),
- 'class': _this.getHeaderCellClass(rowIndex, cellIndex, columns, column) },
- [h(
- 'div',
- { 'class': ['cell', column.filteredValue && column.filteredValue.length > 0 ? 'highlight' : '', column.labelClassName] },
- [column.renderHeader ? column.renderHeader.call(_this._renderProxy, h, { column: column, $index: cellIndex, store: _this.store, _self: _this.$parent.$vnode.context }) : column.label, column.sortable ? h(
- 'span',
- { 'class': 'caret-wrapper', on: {
- 'click': function click($event) {
- return _this.handleSortClick($event, column);
- }
- }
- },
- [h(
- 'i',
- { 'class': 'sort-caret ascending', on: {
- 'click': function click($event) {
- return _this.handleSortClick($event, column, 'ascending');
- }
- }
- },
- []
- ), h(
- 'i',
- { 'class': 'sort-caret descending', on: {
- 'click': function click($event) {
- return _this.handleSortClick($event, column, 'descending');
- }
- }
- },
- []
- )]
- ) : '', column.filterable ? h(
- 'span',
- { 'class': 'el-table__column-filter-trigger', on: {
- 'click': function click($event) {
- return _this.handleFilterClick($event, column);
- }
- }
- },
- [h(
- 'i',
- { 'class': ['el-icon-arrow-down', column.filterOpened ? 'el-icon-arrow-up' : ''] },
- []
- )]
- ) : '']
- )]
- );
- }), _this.hasGutter ? h(
- 'th',
- { 'class': 'gutter' },
- []
- ) : '']
- );
- })]
- )]
- );
- },
- props: {
- fixed: String,
- store: {
- required: true
- },
- border: Boolean,
- defaultSort: {
- type: Object,
- default: function _default() {
- return {
- prop: '',
- order: ''
- };
- }
- }
- },
- components: {
- ElCheckbox: _checkbox2.default,
- ElTag: _tag2.default
- },
- computed: {
- table: function table() {
- return this.$parent;
- },
- isAllSelected: function isAllSelected() {
- return this.store.states.isAllSelected;
- },
- columnsCount: function columnsCount() {
- return this.store.states.columns.length;
- },
- leftFixedCount: function leftFixedCount() {
- return this.store.states.fixedColumns.length;
- },
- rightFixedCount: function rightFixedCount() {
- return this.store.states.rightFixedColumns.length;
- },
- leftFixedLeafCount: function leftFixedLeafCount() {
- return this.store.states.fixedLeafColumnsLength;
- },
- rightFixedLeafCount: function rightFixedLeafCount() {
- return this.store.states.rightFixedLeafColumnsLength;
- },
- columns: function columns() {
- return this.store.states.columns;
- },
- hasGutter: function hasGutter() {
- return !this.fixed && this.tableLayout.gutterWidth;
- }
- },
- created: function created() {
- this.filterPanels = {};
- },
- mounted: function mounted() {
- var _this2 = this;
- if (this.defaultSort.prop) {
- (function () {
- var states = _this2.store.states;
- states.sortProp = _this2.defaultSort.prop;
- states.sortOrder = _this2.defaultSort.order || 'ascending';
- _this2.$nextTick(function (_) {
- for (var i = 0, length = _this2.columns.length; i < length; i++) {
- var column = _this2.columns[i];
- if (column.property === states.sortProp) {
- column.order = states.sortOrder;
- states.sortingColumn = column;
- break;
- }
- }
- if (states.sortingColumn) {
- _this2.store.commit('changeSortCondition');
- }
- });
- })();
- }
- },
- beforeDestroy: function beforeDestroy() {
- var panels = this.filterPanels;
- for (var prop in panels) {
- if (panels.hasOwnProperty(prop) && panels[prop]) {
- panels[prop].$destroy(true);
- }
- }
- },
- methods: {
- isCellHidden: function isCellHidden(index, columns) {
- var start = 0;
- for (var i = 0; i < index; i++) {
- start += columns[i].colSpan;
- }
- var after = start + columns[index].colSpan - 1;
- if (this.fixed === true || this.fixed === 'left') {
- return after >= this.leftFixedLeafCount;
- } else if (this.fixed === 'right') {
- return start < this.columnsCount - this.rightFixedLeafCount;
- } else {
- return after < this.leftFixedLeafCount || start >= this.columnsCount - this.rightFixedLeafCount;
- }
- },
- getHeaderRowStyle: function getHeaderRowStyle(rowIndex) {
- var headerRowStyle = this.table.headerRowStyle;
- if (typeof headerRowStyle === 'function') {
- return headerRowStyle.call(null, { rowIndex: rowIndex });
- }
- return headerRowStyle;
- },
- getHeaderRowClass: function getHeaderRowClass(rowIndex) {
- var classes = [];
- var headerRowClassName = this.table.headerRowClassName;
- if (typeof headerRowClassName === 'string') {
- classes.push(headerRowClassName);
- } else if (typeof headerRowClassName === 'function') {
- classes.push(headerRowClassName.call(null, { rowIndex: rowIndex }));
- }
- return classes.join(' ');
- },
- getHeaderCellStyle: function getHeaderCellStyle(rowIndex, columnIndex, row, column) {
- var headerCellStyle = this.table.headerCellStyle;
- if (typeof headerCellStyle === 'function') {
- return headerCellStyle.call(null, {
- rowIndex: rowIndex,
- columnIndex: columnIndex,
- row: row,
- column: column
- });
- }
- return headerCellStyle;
- },
- getHeaderCellClass: function getHeaderCellClass(rowIndex, columnIndex, row, column) {
- var classes = [column.id, column.order, column.headerAlign, column.className, column.labelClassName];
- if (rowIndex === 0 && this.isCellHidden(columnIndex, row)) {
- classes.push('is-hidden');
- }
- if (!column.children) {
- classes.push('is-leaf');
- }
- if (column.sortable) {
- classes.push('is-sortable');
- }
- var headerCellClassName = this.table.headerCellClassName;
- if (typeof headerCellClassName === 'string') {
- classes.push(headerCellClassName);
- } else if (typeof headerCellClassName === 'function') {
- classes.push(headerCellClassName.call(null, {
- rowIndex: rowIndex,
- columnIndex: columnIndex,
- row: row,
- column: column
- }));
- }
- return classes.join(' ');
- },
- toggleAllSelection: function toggleAllSelection() {
- this.store.commit('toggleAllSelection');
- },
- handleFilterClick: function handleFilterClick(event, column) {
- event.stopPropagation();
- var target = event.target;
- var cell = target.tagName === 'TH' ? target : target.parentNode;
- cell = cell.querySelector('.el-table__column-filter-trigger') || cell;
- var table = this.$parent;
- var filterPanel = this.filterPanels[column.id];
- if (filterPanel && column.filterOpened) {
- filterPanel.showPopper = false;
- return;
- }
- if (!filterPanel) {
- filterPanel = new _vue2.default(_filterPanel2.default);
- this.filterPanels[column.id] = filterPanel;
- if (column.filterPlacement) {
- filterPanel.placement = column.filterPlacement;
- }
- filterPanel.table = table;
- filterPanel.cell = cell;
- filterPanel.column = column;
- !this.$isServer && filterPanel.$mount(document.createElement('div'));
- }
- setTimeout(function () {
- filterPanel.showPopper = true;
- }, 16);
- },
- handleHeaderClick: function handleHeaderClick(event, column) {
- if (!column.filters && column.sortable) {
- this.handleSortClick(event, column);
- } else if (column.filters && !column.sortable) {
- this.handleFilterClick(event, column);
- }
- this.$parent.$emit('header-click', column, event);
- },
- handleHeaderContextMenu: function handleHeaderContextMenu(event, column) {
- this.$parent.$emit('header-contextmenu', column, event);
- },
- handleMouseDown: function handleMouseDown(event, column) {
- var _this3 = this;
- if (this.$isServer) return;
- if (column.children && column.children.length > 0) return;
- /* istanbul ignore if */
- if (this.draggingColumn && this.border) {
- (function () {
- _this3.dragging = true;
- _this3.$parent.resizeProxyVisible = true;
- var table = _this3.$parent;
- var tableEl = table.$el;
- var tableLeft = tableEl.getBoundingClientRect().left;
- var columnEl = _this3.$el.querySelector('th.' + column.id);
- var columnRect = columnEl.getBoundingClientRect();
- var minLeft = columnRect.left - tableLeft + 30;
- (0, _dom.addClass)(columnEl, 'noclick');
- _this3.dragState = {
- startMouseLeft: event.clientX,
- startLeft: columnRect.right - tableLeft,
- startColumnLeft: columnRect.left - tableLeft,
- tableLeft: tableLeft
- };
- var resizeProxy = table.$refs.resizeProxy;
- resizeProxy.style.left = _this3.dragState.startLeft + 'px';
- document.onselectstart = function () {
- return false;
- };
- document.ondragstart = function () {
- return false;
- };
- var handleMouseMove = function handleMouseMove(event) {
- var deltaLeft = event.clientX - _this3.dragState.startMouseLeft;
- var proxyLeft = _this3.dragState.startLeft + deltaLeft;
- resizeProxy.style.left = Math.max(minLeft, proxyLeft) + 'px';
- };
- var handleMouseUp = function handleMouseUp() {
- if (_this3.dragging) {
- var _dragState = _this3.dragState,
- startColumnLeft = _dragState.startColumnLeft,
- startLeft = _dragState.startLeft;
- var finalLeft = parseInt(resizeProxy.style.left, 10);
- var columnWidth = finalLeft - startColumnLeft;
- column.width = column.realWidth = columnWidth;
- table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
- _this3.store.scheduleLayout();
- document.body.style.cursor = '';
- _this3.dragging = false;
- _this3.draggingColumn = null;
- _this3.dragState = {};
- table.resizeProxyVisible = false;
- }
- document.removeEventListener('mousemove', handleMouseMove);
- document.removeEventListener('mouseup', handleMouseUp);
- document.onselectstart = null;
- document.ondragstart = null;
- setTimeout(function () {
- (0, _dom.removeClass)(columnEl, 'noclick');
- }, 0);
- };
- document.addEventListener('mousemove', handleMouseMove);
- document.addEventListener('mouseup', handleMouseUp);
- })();
- }
- },
- handleMouseMove: function handleMouseMove(event, column) {
- if (column.children && column.children.length > 0) return;
- var target = event.target;
- while (target && target.tagName !== 'TH') {
- target = target.parentNode;
- }
- if (!column || !column.resizable) return;
- if (!this.dragging && this.border) {
- var rect = target.getBoundingClientRect();
- var bodyStyle = document.body.style;
- if (rect.width > 12 && rect.right - event.pageX < 8) {
- bodyStyle.cursor = 'col-resize';
- if ((0, _dom.hasClass)(target, 'is-sortable')) {
- target.style.cursor = 'col-resize';
- }
- this.draggingColumn = column;
- } else if (!this.dragging) {
- bodyStyle.cursor = '';
- if ((0, _dom.hasClass)(target, 'is-sortable')) {
- target.style.cursor = 'pointer';
- }
- this.draggingColumn = null;
- }
- }
- },
- handleMouseOut: function handleMouseOut() {
- if (this.$isServer) return;
- document.body.style.cursor = '';
- },
- toggleOrder: function toggleOrder(order) {
- return !order ? 'ascending' : order === 'ascending' ? 'descending' : null;
- },
- handleSortClick: function handleSortClick(event, column, givenOrder) {
- event.stopPropagation();
- var order = givenOrder || this.toggleOrder(column.order);
- var target = event.target;
- while (target && target.tagName !== 'TH') {
- target = target.parentNode;
- }
- if (target && target.tagName === 'TH') {
- if ((0, _dom.hasClass)(target, 'noclick')) {
- (0, _dom.removeClass)(target, 'noclick');
- return;
- }
- }
- if (!column.sortable) return;
- var states = this.store.states;
- var sortProp = states.sortProp;
- var sortOrder = void 0;
- var sortingColumn = states.sortingColumn;
- if (sortingColumn !== column || sortingColumn === column && sortingColumn.order === null) {
- if (sortingColumn) {
- sortingColumn.order = null;
- }
- states.sortingColumn = column;
- sortProp = column.property;
- }
- if (!order) {
- sortOrder = column.order = null;
- states.sortingColumn = null;
- sortProp = null;
- } else {
- sortOrder = column.order = order;
- }
- states.sortProp = sortProp;
- states.sortOrder = sortOrder;
- this.store.commit('changeSortCondition');
- }
- },
- data: function data() {
- return {
- draggingColumn: null,
- dragging: false,
- dragState: {}
- };
- }
- };
- /***/ }),
- /* 164 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_filter_panel_vue__ = __webpack_require__(165);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_filter_panel_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_filter_panel_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_a82ec7a0_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_filter_panel_vue__ = __webpack_require__(167);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_filter_panel_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_a82ec7a0_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_filter_panel_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 165 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- var _popup = __webpack_require__(12);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _clickoutside = __webpack_require__(9);
- var _clickoutside2 = _interopRequireDefault(_clickoutside);
- var _dropdown = __webpack_require__(166);
- var _dropdown2 = _interopRequireDefault(_dropdown);
- var _checkbox = __webpack_require__(14);
- var _checkbox2 = _interopRequireDefault(_checkbox);
- var _checkboxGroup = __webpack_require__(37);
- var _checkboxGroup2 = _interopRequireDefault(_checkboxGroup);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElTableFilterPanel',
- mixins: [_vuePopper2.default, _locale2.default],
- directives: {
- Clickoutside: _clickoutside2.default
- },
- components: {
- ElCheckbox: _checkbox2.default,
- ElCheckboxGroup: _checkboxGroup2.default
- },
- props: {
- placement: {
- type: String,
- default: 'bottom-end'
- }
- },
- customRender: function customRender(h) {
- return h(
- 'div',
- { 'class': 'el-table-filter' },
- [h(
- 'div',
- { 'class': 'el-table-filter__content' },
- []
- ), h(
- 'div',
- { 'class': 'el-table-filter__bottom' },
- [h(
- 'button',
- {
- on: {
- 'click': this.handleConfirm
- }
- },
- [this.t('el.table.confirmFilter')]
- ), h(
- 'button',
- {
- on: {
- 'click': this.handleReset
- }
- },
- [this.t('el.table.resetFilter')]
- )]
- )]
- );
- },
- methods: {
- isActive: function isActive(filter) {
- return filter.value === this.filterValue;
- },
- handleOutsideClick: function handleOutsideClick() {
- var _this = this;
- setTimeout(function () {
- _this.showPopper = false;
- }, 16);
- },
- handleConfirm: function handleConfirm() {
- this.confirmFilter(this.filteredValue);
- this.handleOutsideClick();
- },
- handleReset: function handleReset() {
- this.filteredValue = [];
- this.confirmFilter(this.filteredValue);
- this.handleOutsideClick();
- },
- handleSelect: function handleSelect(filterValue) {
- this.filterValue = filterValue;
- if (typeof filterValue !== 'undefined' && filterValue !== null) {
- this.confirmFilter(this.filteredValue);
- } else {
- this.confirmFilter([]);
- }
- this.handleOutsideClick();
- },
- confirmFilter: function confirmFilter(filteredValue) {
- this.table.store.commit('filterChange', {
- column: this.column,
- values: filteredValue
- });
- this.table.store.updateAllSelected();
- }
- },
- data: function data() {
- return {
- table: null,
- cell: null,
- column: null
- };
- },
- computed: {
- filters: function filters() {
- return this.column && this.column.filters;
- },
- filterValue: {
- get: function get() {
- return (this.column.filteredValue || [])[0];
- },
- set: function set(value) {
- if (this.filteredValue) {
- if (typeof value !== 'undefined' && value !== null) {
- this.filteredValue.splice(0, 1, value);
- } else {
- this.filteredValue.splice(0, 1);
- }
- }
- }
- },
- filteredValue: {
- get: function get() {
- if (this.column) {
- return this.column.filteredValue || [];
- }
- return [];
- },
- set: function set(value) {
- if (this.column) {
- this.column.filteredValue = value;
- }
- }
- },
- multiple: function multiple() {
- if (this.column) {
- return this.column.filterMultiple;
- }
- return true;
- }
- },
- mounted: function mounted() {
- var _this2 = this;
- this.popperElm = this.$el;
- this.referenceElm = this.cell;
- this.table.bodyWrapper.addEventListener('scroll', function () {
- _this2.updatePopper();
- });
- this.$watch('showPopper', function (value) {
- if (_this2.column) _this2.column.filterOpened = value;
- if (value) {
- _dropdown2.default.open(_this2);
- } else {
- _dropdown2.default.close(_this2);
- }
- });
- },
- watch: {
- showPopper: function showPopper(val) {
- if (val === true && parseInt(this.popperJS._popper.style.zIndex, 10) < _popup.PopupManager.zIndex) {
- this.popperJS._popper.style.zIndex = _popup.PopupManager.nextZIndex();
- }
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 166 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var dropdowns = [];
- !_vue2.default.prototype.$isServer && document.addEventListener('click', function (event) {
- dropdowns.forEach(function (dropdown) {
- var target = event.target;
- if (!dropdown || !dropdown.$el) return;
- if (target === dropdown.$el || dropdown.$el.contains(target)) {
- return;
- }
- dropdown.handleOutsideClick && dropdown.handleOutsideClick(event);
- });
- });
- exports.default = {
- open: function open(instance) {
- if (instance) {
- dropdowns.push(instance);
- }
- },
- close: function close(instance) {
- var index = dropdowns.indexOf(instance);
- if (index !== -1) {
- dropdowns.splice(instance, 1);
- }
- }
- };
- /***/ }),
- /* 167 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"}},[(_vm.multiple)?_c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleOutsideClick),expression:"handleOutsideClick"},{name:"show",rawName:"v-show",value:(_vm.showPopper),expression:"showPopper"}],staticClass:"el-table-filter"},[_c('div',{staticClass:"el-table-filter__content"},[_c('el-checkbox-group',{staticClass:"el-table-filter__checkbox-group",model:{value:(_vm.filteredValue),callback:function ($$v) {_vm.filteredValue=$$v},expression:"filteredValue"}},_vm._l((_vm.filters),function(filter){return _c('el-checkbox',{key:filter.value,attrs:{"label":filter.value}},[_vm._v(_vm._s(filter.text))])}))],1),_c('div',{staticClass:"el-table-filter__bottom"},[_c('button',{class:{ 'is-disabled': _vm.filteredValue.length === 0 },attrs:{"disabled":_vm.filteredValue.length === 0},on:{"click":_vm.handleConfirm}},[_vm._v(_vm._s(_vm.t('el.table.confirmFilter')))]),_c('button',{on:{"click":_vm.handleReset}},[_vm._v(_vm._s(_vm.t('el.table.resetFilter')))])])]):_c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleOutsideClick),expression:"handleOutsideClick"},{name:"show",rawName:"v-show",value:(_vm.showPopper),expression:"showPopper"}],staticClass:"el-table-filter"},[_c('ul',{staticClass:"el-table-filter__list"},[_c('li',{staticClass:"el-table-filter__list-item",class:{ 'is-active': _vm.filterValue === undefined || _vm.filterValue === null },on:{"click":function($event){_vm.handleSelect(null)}}},[_vm._v(_vm._s(_vm.t('el.table.clearFilter')))]),_vm._l((_vm.filters),function(filter){return _c('li',{key:filter.value,staticClass:"el-table-filter__list-item",class:{ 'is-active': _vm.isActive(filter) },attrs:{"label":filter.value},on:{"click":function($event){_vm.handleSelect(filter.value)}}},[_vm._v(_vm._s(filter.text))])})],2)])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 168 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _layoutObserver = __webpack_require__(27);
- var _layoutObserver2 = _interopRequireDefault(_layoutObserver);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElTableFooter',
- mixins: [_layoutObserver2.default],
- render: function render(h) {
- var _this = this;
- var sums = [];
- this.columns.forEach(function (column, index) {
- if (index === 0) {
- sums[index] = _this.sumText;
- return;
- }
- var values = _this.store.states.data.map(function (item) {
- return Number(item[column.property]);
- });
- var precisions = [];
- var notNumber = true;
- values.forEach(function (value) {
- if (!isNaN(value)) {
- notNumber = false;
- var decimal = ('' + value).split('.')[1];
- precisions.push(decimal ? decimal.length : 0);
- }
- });
- var precision = Math.max.apply(null, precisions);
- if (!notNumber) {
- sums[index] = values.reduce(function (prev, curr) {
- var value = Number(curr);
- if (!isNaN(value)) {
- return parseFloat((prev + curr).toFixed(Math.min(precision, 20)));
- } else {
- return prev;
- }
- }, 0);
- } else {
- sums[index] = '';
- }
- });
- return h(
- 'table',
- {
- 'class': 'el-table__footer',
- attrs: { cellspacing: '0',
- cellpadding: '0',
- border: '0' }
- },
- [h(
- 'colgroup',
- null,
- [this._l(this.columns, function (column) {
- return h(
- 'col',
- {
- attrs: { name: column.id }
- },
- []
- );
- }), this.hasGutter ? h(
- 'col',
- {
- attrs: { name: 'gutter' }
- },
- []
- ) : '']
- ), h(
- 'tbody',
- { 'class': [{ 'has-gutter': this.hasGutter }] },
- [h(
- 'tr',
- null,
- [this._l(this.columns, function (column, cellIndex) {
- return h(
- 'td',
- {
- attrs: {
- colspan: column.colSpan,
- rowspan: column.rowSpan
- },
- 'class': [column.id, column.headerAlign, column.className || '', _this.isCellHidden(cellIndex, _this.columns) ? 'is-hidden' : '', !column.children ? 'is-leaf' : '', column.labelClassName] },
- [h(
- 'div',
- { 'class': ['cell', column.labelClassName] },
- [_this.summaryMethod ? _this.summaryMethod({ columns: _this.columns, data: _this.store.states.data })[cellIndex] : sums[cellIndex]]
- )]
- );
- }), this.hasGutter ? h(
- 'th',
- { 'class': 'gutter' },
- []
- ) : '']
- )]
- )]
- );
- },
- props: {
- fixed: String,
- store: {
- required: true
- },
- summaryMethod: Function,
- sumText: String,
- border: Boolean,
- defaultSort: {
- type: Object,
- default: function _default() {
- return {
- prop: '',
- order: ''
- };
- }
- }
- },
- computed: {
- table: function table() {
- return this.$parent;
- },
- isAllSelected: function isAllSelected() {
- return this.store.states.isAllSelected;
- },
- columnsCount: function columnsCount() {
- return this.store.states.columns.length;
- },
- leftFixedCount: function leftFixedCount() {
- return this.store.states.fixedColumns.length;
- },
- rightFixedCount: function rightFixedCount() {
- return this.store.states.rightFixedColumns.length;
- },
- columns: function columns() {
- return this.store.states.columns;
- },
- hasGutter: function hasGutter() {
- return !this.fixed && this.tableLayout.gutterWidth;
- }
- },
- methods: {
- isCellHidden: function isCellHidden(index, columns) {
- if (this.fixed === true || this.fixed === 'left') {
- return index >= this.leftFixedCount;
- } else if (this.fixed === 'right') {
- var before = 0;
- for (var i = 0; i < index; i++) {
- before += columns[i].colSpan;
- }
- return before < this.columnsCount - this.rightFixedCount;
- } else {
- return index < this.leftFixedCount || index >= this.columnsCount - this.rightFixedCount;
- }
- }
- }
- };
- /***/ }),
- /* 169 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-table",class:[{
- 'el-table--fit': _vm.fit,
- 'el-table--striped': _vm.stripe,
- 'el-table--border': _vm.border || _vm.isGroup,
- 'el-table--hidden': _vm.isHidden,
- 'el-table--group': _vm.isGroup,
- 'el-table--fluid-height': _vm.maxHeight,
- 'el-table--scrollable-x': _vm.layout.scrollX,
- 'el-table--scrollable-y': _vm.layout.scrollY,
- 'el-table--enable-row-hover': !_vm.store.states.isComplex,
- 'el-table--enable-row-transition': (_vm.store.states.data || []).length !== 0 && (_vm.store.states.data || []).length < 100
- }, _vm.tableSize ? ("el-table--" + _vm.tableSize) : ''],on:{"mouseleave":function($event){_vm.handleMouseLeave($event)}}},[_c('div',{ref:"hiddenColumns",staticClass:"hidden-columns"},[_vm._t("default")],2),(_vm.showHeader)?_c('div',{directives:[{name:"mousewheel",rawName:"v-mousewheel",value:(_vm.handleHeaderFooterMousewheel),expression:"handleHeaderFooterMousewheel"}],ref:"headerWrapper",staticClass:"el-table__header-wrapper"},[_c('table-header',{ref:"tableHeader",style:({
- width: _vm.layout.bodyWidth ? _vm.layout.bodyWidth + 'px' : ''
- }),attrs:{"store":_vm.store,"border":_vm.border,"default-sort":_vm.defaultSort}})],1):_vm._e(),_c('div',{ref:"bodyWrapper",staticClass:"el-table__body-wrapper",class:[_vm.layout.scrollX ? ("is-scrolling-" + _vm.scrollPosition) : 'is-scrolling-none'],style:([_vm.bodyHeight])},[_c('table-body',{style:({
- width: _vm.bodyWidth
- }),attrs:{"context":_vm.context,"store":_vm.store,"stripe":_vm.stripe,"row-class-name":_vm.rowClassName,"row-style":_vm.rowStyle,"highlight":_vm.highlightCurrentRow}}),(!_vm.data || _vm.data.length === 0)?_c('div',{ref:"emptyBlock",staticClass:"el-table__empty-block",style:({
- width: _vm.bodyWidth
- })},[_c('span',{staticClass:"el-table__empty-text"},[_vm._t("empty",[_vm._v(_vm._s(_vm.emptyText || _vm.t('el.table.emptyText')))])],2)]):_vm._e(),(_vm.$slots.append)?_c('div',{ref:"appendWrapper",staticClass:"el-table__append-wrapper"},[_vm._t("append")],2):_vm._e()],1),(_vm.showSummary)?_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.data && _vm.data.length > 0),expression:"data && data.length > 0"},{name:"mousewheel",rawName:"v-mousewheel",value:(_vm.handleHeaderFooterMousewheel),expression:"handleHeaderFooterMousewheel"}],ref:"footerWrapper",staticClass:"el-table__footer-wrapper"},[_c('table-footer',{style:({
- width: _vm.layout.bodyWidth ? _vm.layout.bodyWidth + 'px' : ''
- }),attrs:{"store":_vm.store,"border":_vm.border,"sum-text":_vm.sumText || _vm.t('el.table.sumText'),"summary-method":_vm.summaryMethod,"default-sort":_vm.defaultSort}})],1):_vm._e(),(_vm.fixedColumns.length > 0)?_c('div',{directives:[{name:"mousewheel",rawName:"v-mousewheel",value:(_vm.handleFixedMousewheel),expression:"handleFixedMousewheel"}],ref:"fixedWrapper",staticClass:"el-table__fixed",style:([{
- width: _vm.layout.fixedWidth ? _vm.layout.fixedWidth + 'px' : ''
- },
- _vm.fixedHeight])},[(_vm.showHeader)?_c('div',{ref:"fixedHeaderWrapper",staticClass:"el-table__fixed-header-wrapper"},[_c('table-header',{ref:"fixedTableHeader",style:({
- width: _vm.bodyWidth
- }),attrs:{"fixed":"left","border":_vm.border,"store":_vm.store}})],1):_vm._e(),_c('div',{ref:"fixedBodyWrapper",staticClass:"el-table__fixed-body-wrapper",style:([{
- top: _vm.layout.headerHeight + 'px'
- },
- _vm.fixedBodyHeight])},[_c('table-body',{style:({
- width: _vm.bodyWidth
- }),attrs:{"fixed":"left","store":_vm.store,"stripe":_vm.stripe,"highlight":_vm.highlightCurrentRow,"row-class-name":_vm.rowClassName,"row-style":_vm.rowStyle}}),(_vm.$slots.append)?_c('div',{staticClass:"el-table__append-gutter",style:({
- height: _vm.layout.appendHeight + 'px'
- })}):_vm._e()],1),(_vm.showSummary)?_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.data && _vm.data.length > 0),expression:"data && data.length > 0"}],ref:"fixedFooterWrapper",staticClass:"el-table__fixed-footer-wrapper"},[_c('table-footer',{style:({
- width: _vm.bodyWidth
- }),attrs:{"fixed":"left","border":_vm.border,"sum-text":_vm.sumText || _vm.t('el.table.sumText'),"summary-method":_vm.summaryMethod,"store":_vm.store}})],1):_vm._e()]):_vm._e(),(_vm.rightFixedColumns.length > 0)?_c('div',{directives:[{name:"mousewheel",rawName:"v-mousewheel",value:(_vm.handleFixedMousewheel),expression:"handleFixedMousewheel"}],ref:"rightFixedWrapper",staticClass:"el-table__fixed-right",style:([{
- width: _vm.layout.rightFixedWidth ? _vm.layout.rightFixedWidth + 'px' : '',
- right: _vm.layout.scrollY ? (_vm.border ? _vm.layout.gutterWidth : (_vm.layout.gutterWidth || 0)) + 'px' : ''
- },
- _vm.fixedHeight])},[(_vm.showHeader)?_c('div',{ref:"rightFixedHeaderWrapper",staticClass:"el-table__fixed-header-wrapper"},[_c('table-header',{ref:"rightFixedTableHeader",style:({
- width: _vm.bodyWidth
- }),attrs:{"fixed":"right","border":_vm.border,"store":_vm.store}})],1):_vm._e(),_c('div',{ref:"rightFixedBodyWrapper",staticClass:"el-table__fixed-body-wrapper",style:([{
- top: _vm.layout.headerHeight + 'px'
- },
- _vm.fixedBodyHeight])},[_c('table-body',{style:({
- width: _vm.bodyWidth
- }),attrs:{"fixed":"right","store":_vm.store,"stripe":_vm.stripe,"row-class-name":_vm.rowClassName,"row-style":_vm.rowStyle,"highlight":_vm.highlightCurrentRow}})],1),(_vm.showSummary)?_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.data && _vm.data.length > 0),expression:"data && data.length > 0"}],ref:"rightFixedFooterWrapper",staticClass:"el-table__fixed-footer-wrapper"},[_c('table-footer',{style:({
- width: _vm.bodyWidth
- }),attrs:{"fixed":"right","border":_vm.border,"sum-text":_vm.sumText || _vm.t('el.table.sumText'),"summary-method":_vm.summaryMethod,"store":_vm.store}})],1):_vm._e()]):_vm._e(),(_vm.rightFixedColumns.length > 0)?_c('div',{ref:"rightFixedPatch",staticClass:"el-table__fixed-right-patch",style:({
- width: _vm.layout.scrollY ? _vm.layout.gutterWidth + 'px' : '0',
- height: _vm.layout.headerHeight + 'px'
- })}):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.resizeProxyVisible),expression:"resizeProxyVisible"}],ref:"resizeProxy",staticClass:"el-table__column-resize-proxy"})])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 170 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _tableColumn = __webpack_require__(171);
- var _tableColumn2 = _interopRequireDefault(_tableColumn);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _tableColumn2.default.install = function (Vue) {
- Vue.component(_tableColumn2.default.name, _tableColumn2.default);
- };
- exports.default = _tableColumn2.default;
- /***/ }),
- /* 171 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _checkbox = __webpack_require__(14);
- var _checkbox2 = _interopRequireDefault(_checkbox);
- var _tag = __webpack_require__(25);
- var _tag2 = _interopRequireDefault(_tag);
- var _merge = __webpack_require__(10);
- var _merge2 = _interopRequireDefault(_merge);
- var _util = __webpack_require__(4);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var columnIdSeed = 1;
- var defaults = {
- default: {
- order: ''
- },
- selection: {
- width: 48,
- minWidth: 48,
- realWidth: 48,
- order: '',
- className: 'el-table-column--selection'
- },
- expand: {
- width: 48,
- minWidth: 48,
- realWidth: 48,
- order: ''
- },
- index: {
- width: 48,
- minWidth: 48,
- realWidth: 48,
- order: ''
- }
- };
- var forced = {
- selection: {
- renderHeader: function renderHeader(h, _ref) {
- var store = _ref.store;
- return h(
- 'el-checkbox',
- {
- attrs: {
- disabled: store.states.data && store.states.data.length === 0,
- indeterminate: store.states.selection.length > 0 && !this.isAllSelected,
- value: this.isAllSelected },
- nativeOn: {
- 'click': this.toggleAllSelection
- }
- },
- []
- );
- },
- renderCell: function renderCell(h, _ref2) {
- var row = _ref2.row,
- column = _ref2.column,
- store = _ref2.store,
- $index = _ref2.$index;
- return h(
- 'el-checkbox',
- {
- nativeOn: {
- 'click': function click(event) {
- return event.stopPropagation();
- }
- },
- attrs: {
- value: store.isSelected(row),
- disabled: column.selectable ? !column.selectable.call(null, row, $index) : false
- },
- on: {
- 'input': function input() {
- store.commit('rowSelectedChanged', row);
- }
- }
- },
- []
- );
- },
- sortable: false,
- resizable: false
- },
- index: {
- renderHeader: function renderHeader(h, _ref3) {
- var column = _ref3.column;
- return column.label || '#';
- },
- renderCell: function renderCell(h, _ref4) {
- var $index = _ref4.$index,
- column = _ref4.column;
- var i = $index + 1;
- var index = column.index;
- if (typeof index === 'number') {
- i = $index + index;
- } else if (typeof index === 'function') {
- i = index($index);
- }
- return h(
- 'div',
- null,
- [i]
- );
- },
- sortable: false
- },
- expand: {
- renderHeader: function renderHeader(h, _ref5) {
- var column = _ref5.column;
- return column.label || '';
- },
- renderCell: function renderCell(h, _ref6, proxy) {
- var row = _ref6.row,
- store = _ref6.store;
- var expanded = store.states.expandRows.indexOf(row) > -1;
- return h(
- 'div',
- { 'class': 'el-table__expand-icon ' + (expanded ? 'el-table__expand-icon--expanded' : ''),
- on: {
- 'click': function click(e) {
- return proxy.handleExpandClick(row, e);
- }
- }
- },
- [h(
- 'i',
- { 'class': 'el-icon el-icon-arrow-right' },
- []
- )]
- );
- },
- sortable: false,
- resizable: false,
- className: 'el-table__expand-column'
- }
- };
- var getDefaultColumn = function getDefaultColumn(type, options) {
- var column = {};
- (0, _merge2.default)(column, defaults[type || 'default']);
- for (var name in options) {
- if (options.hasOwnProperty(name)) {
- var value = options[name];
- if (typeof value !== 'undefined') {
- column[name] = value;
- }
- }
- }
- if (!column.minWidth) {
- column.minWidth = 80;
- }
- column.realWidth = column.width === undefined ? column.minWidth : column.width;
- return column;
- };
- var DEFAULT_RENDER_CELL = function DEFAULT_RENDER_CELL(h, _ref7) {
- var row = _ref7.row,
- column = _ref7.column,
- $index = _ref7.$index;
- var property = column.property;
- var value = property && (0, _util.getPropByPath)(row, property).v;
- if (column && column.formatter) {
- return column.formatter(row, column, value, $index);
- }
- return value;
- };
- var parseWidth = function parseWidth(width) {
- if (width !== undefined) {
- width = parseInt(width, 10);
- if (isNaN(width)) {
- width = null;
- }
- }
- return width;
- };
- var parseMinWidth = function parseMinWidth(minWidth) {
- if (minWidth !== undefined) {
- minWidth = parseInt(minWidth, 10);
- if (isNaN(minWidth)) {
- minWidth = 80;
- }
- }
- return minWidth;
- };
- exports.default = {
- name: 'ElTableColumn',
- props: {
- type: {
- type: String,
- default: 'default'
- },
- label: String,
- className: String,
- labelClassName: String,
- property: String,
- prop: String,
- width: {},
- minWidth: {},
- renderHeader: Function,
- sortable: {
- type: [String, Boolean],
- default: false
- },
- sortMethod: Function,
- sortBy: [String, Function, Array],
- resizable: {
- type: Boolean,
- default: true
- },
- context: {},
- columnKey: String,
- align: String,
- headerAlign: String,
- showTooltipWhenOverflow: Boolean,
- showOverflowTooltip: Boolean,
- fixed: [Boolean, String],
- formatter: Function,
- selectable: Function,
- reserveSelection: Boolean,
- filterMethod: Function,
- filteredValue: Array,
- filters: Array,
- filterPlacement: String,
- filterMultiple: {
- type: Boolean,
- default: true
- },
- index: [Number, Function]
- },
- data: function data() {
- return {
- isSubColumn: false,
- columns: []
- };
- },
- beforeCreate: function beforeCreate() {
- this.row = {};
- this.column = {};
- this.$index = 0;
- },
- components: {
- ElCheckbox: _checkbox2.default,
- ElTag: _tag2.default
- },
- computed: {
- owner: function owner() {
- var parent = this.$parent;
- while (parent && !parent.tableId) {
- parent = parent.$parent;
- }
- return parent;
- },
- columnOrTableParent: function columnOrTableParent() {
- var parent = this.$parent;
- while (parent && !parent.tableId && !parent.columnId) {
- parent = parent.$parent;
- }
- return parent;
- }
- },
- created: function created() {
- var _this = this;
- this.customRender = this.$options.render;
- this.$options.render = function (h) {
- return h('div', _this.$slots.default);
- };
- var parent = this.columnOrTableParent;
- var owner = this.owner;
- this.isSubColumn = owner !== parent;
- this.columnId = (parent.tableId || parent.columnId) + '_column_' + columnIdSeed++;
- var type = this.type;
- var width = parseWidth(this.width);
- var minWidth = parseMinWidth(this.minWidth);
- var isColumnGroup = false;
- var column = getDefaultColumn(type, {
- id: this.columnId,
- columnKey: this.columnKey,
- label: this.label,
- className: this.className,
- labelClassName: this.labelClassName,
- property: this.prop || this.property,
- type: type,
- renderCell: null,
- renderHeader: this.renderHeader,
- minWidth: minWidth,
- width: width,
- isColumnGroup: isColumnGroup,
- context: this.context,
- align: this.align ? 'is-' + this.align : null,
- headerAlign: this.headerAlign ? 'is-' + this.headerAlign : this.align ? 'is-' + this.align : null,
- sortable: this.sortable === '' ? true : this.sortable,
- sortMethod: this.sortMethod,
- sortBy: this.sortBy,
- resizable: this.resizable,
- showOverflowTooltip: this.showOverflowTooltip || this.showTooltipWhenOverflow,
- formatter: this.formatter,
- selectable: this.selectable,
- reserveSelection: this.reserveSelection,
- fixed: this.fixed === '' ? true : this.fixed,
- filterMethod: this.filterMethod,
- filters: this.filters,
- filterable: this.filters || this.filterMethod,
- filterMultiple: this.filterMultiple,
- filterOpened: false,
- filteredValue: this.filteredValue || [],
- filterPlacement: this.filterPlacement || '',
- index: this.index
- });
- (0, _merge2.default)(column, forced[type] || {});
- this.columnConfig = column;
- var renderCell = column.renderCell;
- var _self = this;
- if (type === 'expand') {
- owner.renderExpanded = function (h, data) {
- return _self.$scopedSlots.default ? _self.$scopedSlots.default(data) : _self.$slots.default;
- };
- column.renderCell = function (h, data) {
- return h(
- 'div',
- { 'class': 'cell' },
- [renderCell(h, data, this._renderProxy)]
- );
- };
- return;
- }
- column.renderCell = function (h, data) {
- if (_self.$scopedSlots.default) {
- renderCell = function renderCell() {
- return _self.$scopedSlots.default(data);
- };
- }
- if (!renderCell) {
- renderCell = DEFAULT_RENDER_CELL;
- }
- return _self.showOverflowTooltip || _self.showTooltipWhenOverflow ? h(
- 'div',
- { 'class': 'cell el-tooltip', style: { width: (data.column.realWidth || data.column.width) - 1 + 'px' } },
- [renderCell(h, data)]
- ) : h(
- 'div',
- { 'class': 'cell' },
- [renderCell(h, data)]
- );
- };
- },
- destroyed: function destroyed() {
- if (!this.$parent) return;
- var parent = this.$parent;
- this.owner.store.commit('removeColumn', this.columnConfig, this.isSubColumn ? parent.columnConfig : null);
- },
- watch: {
- label: function label(newVal) {
- if (this.columnConfig) {
- this.columnConfig.label = newVal;
- }
- },
- prop: function prop(newVal) {
- if (this.columnConfig) {
- this.columnConfig.property = newVal;
- }
- },
- property: function property(newVal) {
- if (this.columnConfig) {
- this.columnConfig.property = newVal;
- }
- },
- filters: function filters(newVal) {
- if (this.columnConfig) {
- this.columnConfig.filters = newVal;
- }
- },
- filterMultiple: function filterMultiple(newVal) {
- if (this.columnConfig) {
- this.columnConfig.filterMultiple = newVal;
- }
- },
- align: function align(newVal) {
- if (this.columnConfig) {
- this.columnConfig.align = newVal ? 'is-' + newVal : null;
- if (!this.headerAlign) {
- this.columnConfig.headerAlign = newVal ? 'is-' + newVal : null;
- }
- }
- },
- headerAlign: function headerAlign(newVal) {
- if (this.columnConfig) {
- this.columnConfig.headerAlign = 'is-' + (newVal ? newVal : this.align);
- }
- },
- width: function width(newVal) {
- if (this.columnConfig) {
- this.columnConfig.width = parseWidth(newVal);
- this.owner.store.scheduleLayout();
- }
- },
- minWidth: function minWidth(newVal) {
- if (this.columnConfig) {
- this.columnConfig.minWidth = parseMinWidth(newVal);
- this.owner.store.scheduleLayout();
- }
- },
- fixed: function fixed(newVal) {
- if (this.columnConfig) {
- this.columnConfig.fixed = newVal;
- this.owner.store.scheduleLayout(true);
- }
- },
- sortable: function sortable(newVal) {
- if (this.columnConfig) {
- this.columnConfig.sortable = newVal;
- }
- },
- index: function index(newVal) {
- if (this.columnConfig) {
- this.columnConfig.index = newVal;
- }
- },
- formatter: function formatter(newVal) {
- if (this.columnConfig) {
- this.columnConfig.formatter = newVal;
- }
- }
- },
- mounted: function mounted() {
- var owner = this.owner;
- var parent = this.columnOrTableParent;
- var columnIndex = void 0;
- if (!this.isSubColumn) {
- columnIndex = [].indexOf.call(parent.$refs.hiddenColumns.children, this.$el);
- } else {
- columnIndex = [].indexOf.call(parent.$el.children, this.$el);
- }
- owner.store.commit('insertColumn', this.columnConfig, columnIndex, this.isSubColumn ? parent.columnConfig : null);
- }
- };
- /***/ }),
- /* 172 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _datePicker = __webpack_require__(173);
- var _datePicker2 = _interopRequireDefault(_datePicker);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _datePicker2.default.install = function install(Vue) {
- Vue.component(_datePicker2.default.name, _datePicker2.default);
- };
- exports.default = _datePicker2.default;
- /***/ }),
- /* 173 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _picker = __webpack_require__(28);
- var _picker2 = _interopRequireDefault(_picker);
- var _date = __webpack_require__(177);
- var _date2 = _interopRequireDefault(_date);
- var _dateRange = __webpack_require__(192);
- var _dateRange2 = _interopRequireDefault(_dateRange);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var getPanel = function getPanel(type) {
- if (type === 'daterange' || type === 'datetimerange') {
- return _dateRange2.default;
- }
- return _date2.default;
- };
- exports.default = {
- mixins: [_picker2.default],
- name: 'ElDatePicker',
- props: {
- type: {
- type: String,
- default: 'date'
- },
- timeArrowControl: Boolean
- },
- watch: {
- type: function type(_type) {
- if (this.picker) {
- this.unmountPicker();
- this.panel = getPanel(_type);
- this.mountPicker();
- } else {
- this.panel = getPanel(_type);
- }
- }
- },
- created: function created() {
- this.panel = getPanel(this.type);
- }
- };
- /***/ }),
- /* 174 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- var _clickoutside = __webpack_require__(9);
- var _clickoutside2 = _interopRequireDefault(_clickoutside);
- var _util = __webpack_require__(11);
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _merge = __webpack_require__(10);
- var _merge2 = _interopRequireDefault(_merge);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var NewPopper = {
- props: {
- appendToBody: _vuePopper2.default.props.appendToBody,
- offset: _vuePopper2.default.props.offset,
- boundariesPadding: _vuePopper2.default.props.boundariesPadding,
- arrowOffset: _vuePopper2.default.props.arrowOffset
- },
- methods: _vuePopper2.default.methods,
- data: function data() {
- return (0, _merge2.default)({ visibleArrow: true }, _vuePopper2.default.data);
- },
- beforeDestroy: _vuePopper2.default.beforeDestroy
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var DEFAULT_FORMATS = {
- date: 'yyyy-MM-dd',
- month: 'yyyy-MM',
- datetime: 'yyyy-MM-dd HH:mm:ss',
- time: 'HH:mm:ss',
- week: 'yyyywWW',
- timerange: 'HH:mm:ss',
- daterange: 'yyyy-MM-dd',
- datetimerange: 'yyyy-MM-dd HH:mm:ss',
- year: 'yyyy'
- };
- var HAVE_TRIGGER_TYPES = ['date', 'datetime', 'time', 'time-select', 'week', 'month', 'year', 'daterange', 'timerange', 'datetimerange', 'dates'];
- var DATE_FORMATTER = function DATE_FORMATTER(value, format) {
- if (format === 'timestamp') return value.getTime();
- return (0, _util.formatDate)(value, format);
- };
- var DATE_PARSER = function DATE_PARSER(text, format) {
- if (format === 'timestamp') return new Date(Number(text));
- return (0, _util.parseDate)(text, format);
- };
- var RANGE_FORMATTER = function RANGE_FORMATTER(value, format) {
- if (Array.isArray(value) && value.length === 2) {
- var start = value[0];
- var end = value[1];
- if (start && end) {
- return [DATE_FORMATTER(start, format), DATE_FORMATTER(end, format)];
- }
- }
- return '';
- };
- var RANGE_PARSER = function RANGE_PARSER(array, format, separator) {
- if (!Array.isArray(array)) {
- array = array.split(separator);
- }
- if (array.length === 2) {
- var range1 = array[0];
- var range2 = array[1];
- return [DATE_PARSER(range1, format), DATE_PARSER(range2, format)];
- }
- return [];
- };
- var TYPE_VALUE_RESOLVER_MAP = {
- default: {
- formatter: function formatter(value) {
- if (!value) return '';
- return '' + value;
- },
- parser: function parser(text) {
- if (text === undefined || text === '') return null;
- return text;
- }
- },
- week: {
- formatter: function formatter(value, format) {
- var week = (0, _util.getWeekNumber)(value);
- var month = value.getMonth();
- var trueDate = new Date(value);
- if (week === 1 && month === 11) {
- trueDate.setHours(0, 0, 0, 0);
- trueDate.setDate(trueDate.getDate() + 3 - (trueDate.getDay() + 6) % 7);
- }
- var date = (0, _util.formatDate)(trueDate, format);
- date = /WW/.test(date) ? date.replace(/WW/, week < 10 ? '0' + week : week) : date.replace(/W/, week);
- return date;
- },
- parser: function parser(text) {
- var array = (text || '').split('w');
- if (array.length === 2) {
- var year = Number(array[0]);
- var month = Number(array[1]);
- if (!isNaN(year) && !isNaN(month) && month < 54) {
- return text;
- }
- }
- return null;
- }
- },
- date: {
- formatter: DATE_FORMATTER,
- parser: DATE_PARSER
- },
- datetime: {
- formatter: DATE_FORMATTER,
- parser: DATE_PARSER
- },
- daterange: {
- formatter: RANGE_FORMATTER,
- parser: RANGE_PARSER
- },
- datetimerange: {
- formatter: RANGE_FORMATTER,
- parser: RANGE_PARSER
- },
- timerange: {
- formatter: RANGE_FORMATTER,
- parser: RANGE_PARSER
- },
- time: {
- formatter: DATE_FORMATTER,
- parser: DATE_PARSER
- },
- month: {
- formatter: DATE_FORMATTER,
- parser: DATE_PARSER
- },
- year: {
- formatter: DATE_FORMATTER,
- parser: DATE_PARSER
- },
- number: {
- formatter: function formatter(value) {
- if (!value) return '';
- return '' + value;
- },
- parser: function parser(text) {
- var result = Number(text);
- if (!isNaN(text)) {
- return result;
- } else {
- return null;
- }
- }
- },
- dates: {
- formatter: function formatter(value, format) {
- return value.map(function (date) {
- return DATE_FORMATTER(date, format);
- });
- },
- parser: function parser(value, format) {
- return (typeof value === 'string' ? value.split(', ') : value).map(function (date) {
- return date instanceof Date ? date : DATE_PARSER(date, format);
- });
- }
- }
- };
- var PLACEMENT_MAP = {
- left: 'bottom-start',
- center: 'bottom',
- right: 'bottom-end'
- };
- var parseAsFormatAndType = function parseAsFormatAndType(value, customFormat, type) {
- var rangeSeparator = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '-';
- if (!value) return null;
- var parser = (TYPE_VALUE_RESOLVER_MAP[type] || TYPE_VALUE_RESOLVER_MAP['default']).parser;
- var format = customFormat || DEFAULT_FORMATS[type];
- return parser(value, format, rangeSeparator);
- };
- var formatAsFormatAndType = function formatAsFormatAndType(value, customFormat, type) {
- if (!value) return null;
- var formatter = (TYPE_VALUE_RESOLVER_MAP[type] || TYPE_VALUE_RESOLVER_MAP['default']).formatter;
- var format = customFormat || DEFAULT_FORMATS[type];
- return formatter(value, format);
- };
- /*
- * Considers:
- * 1. Date object
- * 2. date string
- * 3. array of 1 or 2
- */
- var valueEquals = function valueEquals(a, b) {
- // considers Date object and string
- var dateEquals = function dateEquals(a, b) {
- var aIsDate = a instanceof Date;
- var bIsDate = b instanceof Date;
- if (aIsDate && bIsDate) {
- return a.getTime() === b.getTime();
- }
- if (!aIsDate && !bIsDate) {
- return a === b;
- }
- return false;
- };
- var aIsArray = a instanceof Array;
- var bIsArray = b instanceof Array;
- if (aIsArray && bIsArray) {
- if (a.length !== b.length) {
- return false;
- }
- return a.every(function (item, index) {
- return dateEquals(item, b[index]);
- });
- }
- if (!aIsArray && !bIsArray) {
- return dateEquals(a, b);
- }
- return false;
- };
- var isString = function isString(val) {
- return typeof val === 'string' || val instanceof String;
- };
- var validator = function validator(val) {
- // either: String, Array of String, null / undefined
- return val === null || val === undefined || isString(val) || Array.isArray(val) && val.length === 2 && val.every(isString);
- };
- exports.default = {
- mixins: [_emitter2.default, NewPopper],
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- props: {
- size: String,
- format: String,
- valueFormat: String,
- readonly: Boolean,
- placeholder: String,
- startPlaceholder: String,
- endPlaceholder: String,
- prefixIcon: String,
- clearIcon: {
- type: String,
- default: 'el-icon-circle-close'
- },
- name: {
- default: '',
- validator: validator
- },
- disabled: Boolean,
- clearable: {
- type: Boolean,
- default: true
- },
- id: {
- default: '',
- validator: validator
- },
- popperClass: String,
- editable: {
- type: Boolean,
- default: true
- },
- align: {
- type: String,
- default: 'left'
- },
- value: {},
- defaultValue: {},
- defaultTime: {},
- rangeSeparator: {
- default: '-'
- },
- pickerOptions: {},
- unlinkPanels: Boolean
- },
- components: { ElInput: _input2.default },
- directives: { Clickoutside: _clickoutside2.default },
- data: function data() {
- return {
- pickerVisible: false,
- showClose: false,
- userInput: null,
- valueOnOpen: null, // value when picker opens, used to determine whether to emit change
- unwatchPickerOptions: null
- };
- },
- watch: {
- pickerVisible: function pickerVisible(val) {
- if (this.readonly || this.pickerDisabled) return;
- if (val) {
- this.showPicker();
- this.valueOnOpen = Array.isArray(this.value) ? [].concat(this.value) : this.value;
- } else {
- this.hidePicker();
- this.emitChange(this.value);
- this.userInput = null;
- this.dispatch('ElFormItem', 'el.form.blur');
- this.$emit('blur', this);
- this.blur();
- }
- },
- parsedValue: {
- immediate: true,
- handler: function handler(val) {
- if (this.picker) {
- this.picker.value = val;
- this.picker.selectedDate = Array.isArray(val) ? val : [];
- }
- }
- },
- defaultValue: function defaultValue(val) {
- // NOTE: should eventually move to jsx style picker + panel ?
- if (this.picker) {
- this.picker.defaultValue = val;
- }
- }
- },
- computed: {
- ranged: function ranged() {
- return this.type.indexOf('range') > -1;
- },
- reference: function reference() {
- var reference = this.$refs.reference;
- return reference.$el || reference;
- },
- refInput: function refInput() {
- if (this.reference) {
- return [].slice.call(this.reference.querySelectorAll('input'));
- }
- return [];
- },
- valueIsEmpty: function valueIsEmpty() {
- var val = this.value;
- if (Array.isArray(val)) {
- for (var i = 0, len = val.length; i < len; i++) {
- if (val[i]) {
- return false;
- }
- }
- } else {
- if (val) {
- return false;
- }
- }
- return true;
- },
- triggerClass: function triggerClass() {
- return this.prefixIcon || (this.type.indexOf('time') !== -1 ? 'el-icon-time' : 'el-icon-date');
- },
- selectionMode: function selectionMode() {
- if (this.type === 'week') {
- return 'week';
- } else if (this.type === 'month') {
- return 'month';
- } else if (this.type === 'year') {
- return 'year';
- } else if (this.type === 'dates') {
- return 'dates';
- }
- return 'day';
- },
- haveTrigger: function haveTrigger() {
- if (typeof this.showTrigger !== 'undefined') {
- return this.showTrigger;
- }
- return HAVE_TRIGGER_TYPES.indexOf(this.type) !== -1;
- },
- displayValue: function displayValue() {
- var formattedValue = formatAsFormatAndType(this.parsedValue, this.format, this.type, this.rangeSeparator);
- if (Array.isArray(this.userInput)) {
- return [this.userInput[0] || formattedValue && formattedValue[0] || '', this.userInput[1] || formattedValue && formattedValue[1] || ''];
- } else if (this.userInput !== null) {
- return this.userInput;
- } else if (formattedValue) {
- return this.type === 'dates' ? formattedValue.join(', ') : formattedValue;
- } else {
- return '';
- }
- },
- parsedValue: function parsedValue() {
- var isParsed = (0, _util.isDateObject)(this.value) || Array.isArray(this.value) && this.value.every(_util.isDateObject);
- if (this.valueFormat && !isParsed) {
- return parseAsFormatAndType(this.value, this.valueFormat, this.type, this.rangeSeparator) || this.value;
- } else {
- return this.value;
- }
- },
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- pickerSize: function pickerSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- pickerDisabled: function pickerDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- },
- firstInputId: function firstInputId() {
- var obj = {};
- var id = void 0;
- if (this.ranged) {
- id = this.id && this.id[0];
- } else {
- id = this.id;
- }
- if (id) obj.id = id;
- return obj;
- },
- secondInputId: function secondInputId() {
- var obj = {};
- var id = void 0;
- if (this.ranged) {
- id = this.id && this.id[1];
- }
- if (id) obj.id = id;
- return obj;
- }
- },
- created: function created() {
- // vue-popper
- this.popperOptions = {
- boundariesPadding: 0,
- gpuAcceleration: false
- };
- this.placement = PLACEMENT_MAP[this.align] || PLACEMENT_MAP.left;
- this.$on('fieldReset', this.handleFieldReset);
- },
- methods: {
- focus: function focus() {
- if (!this.ranged) {
- this.$refs.reference.focus();
- } else {
- this.handleFocus();
- }
- },
- blur: function blur() {
- this.refInput.forEach(function (input) {
- return input.blur();
- });
- },
- // {parse, formatTo} Value deals maps component value with internal Date
- parseValue: function parseValue(value) {
- var isParsed = (0, _util.isDateObject)(value) || Array.isArray(value) && value.every(_util.isDateObject);
- if (this.valueFormat && !isParsed) {
- return parseAsFormatAndType(value, this.valueFormat, this.type, this.rangeSeparator) || value;
- } else {
- return value;
- }
- },
- formatToValue: function formatToValue(date) {
- var isFormattable = (0, _util.isDateObject)(date) || Array.isArray(date) && date.every(_util.isDateObject);
- if (this.valueFormat && isFormattable) {
- return formatAsFormatAndType(date, this.valueFormat, this.type, this.rangeSeparator);
- } else {
- return date;
- }
- },
- // {parse, formatTo} String deals with user input
- parseString: function parseString(value) {
- var type = Array.isArray(value) ? this.type : this.type.replace('range', '');
- return parseAsFormatAndType(value, this.format, type);
- },
- formatToString: function formatToString(value) {
- var type = Array.isArray(value) ? this.type : this.type.replace('range', '');
- return formatAsFormatAndType(value, this.format, type);
- },
- handleMouseEnter: function handleMouseEnter() {
- if (this.readonly || this.pickerDisabled) return;
- if (!this.valueIsEmpty && this.clearable) {
- this.showClose = true;
- }
- },
- handleChange: function handleChange() {
- if (this.userInput) {
- var value = this.parseString(this.displayValue);
- if (value) {
- this.picker.value = value;
- if (this.isValidValue(value)) {
- this.emitInput(value);
- this.userInput = null;
- }
- }
- }
- if (this.userInput === '') {
- this.emitInput(null);
- this.emitChange(null);
- this.userInput = null;
- }
- },
- handleStartInput: function handleStartInput(event) {
- if (this.userInput) {
- this.userInput = [event.target.value, this.userInput[1]];
- } else {
- this.userInput = [event.target.value, null];
- }
- },
- handleEndInput: function handleEndInput(event) {
- if (this.userInput) {
- this.userInput = [this.userInput[0], event.target.value];
- } else {
- this.userInput = [null, event.target.value];
- }
- },
- handleStartChange: function handleStartChange(event) {
- var value = this.parseString(this.userInput && this.userInput[0]);
- if (value) {
- this.userInput = [this.formatToString(value), this.displayValue[1]];
- var newValue = [value, this.picker.value && this.picker.value[1]];
- this.picker.value = newValue;
- if (this.isValidValue(newValue)) {
- this.emitInput(newValue);
- this.userInput = null;
- }
- }
- },
- handleEndChange: function handleEndChange(event) {
- var value = this.parseString(this.userInput && this.userInput[1]);
- if (value) {
- this.userInput = [this.displayValue[0], this.formatToString(value)];
- var newValue = [this.picker.value && this.picker.value[0], value];
- this.picker.value = newValue;
- if (this.isValidValue(newValue)) {
- this.emitInput(newValue);
- this.userInput = null;
- }
- }
- },
- handleClickIcon: function handleClickIcon(event) {
- if (this.readonly || this.pickerDisabled) return;
- if (this.showClose) {
- this.valueOnOpen = this.value;
- event.stopPropagation();
- this.emitInput(null);
- this.emitChange(null);
- this.showClose = false;
- if (this.picker && typeof this.picker.handleClear === 'function') {
- this.picker.handleClear();
- }
- } else {
- this.pickerVisible = !this.pickerVisible;
- }
- },
- handleClose: function handleClose() {
- if (!this.pickerVisible) return;
- this.pickerVisible = false;
- var type = this.type,
- valueOnOpen = this.valueOnOpen,
- valueFormat = this.valueFormat,
- rangeSeparator = this.rangeSeparator;
- if (type === 'dates' && this.picker) {
- this.picker.selectedDate = parseAsFormatAndType(valueOnOpen, valueFormat, type, rangeSeparator) || valueOnOpen;
- this.emitInput(this.picker.selectedDate);
- }
- },
- handleFieldReset: function handleFieldReset(initialValue) {
- this.userInput = initialValue;
- },
- handleFocus: function handleFocus() {
- var type = this.type;
- if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) {
- this.pickerVisible = true;
- }
- this.$emit('focus', this);
- },
- handleKeydown: function handleKeydown(event) {
- var _this = this;
- var keyCode = event.keyCode;
- // ESC
- if (keyCode === 27) {
- this.pickerVisible = false;
- event.stopPropagation();
- return;
- }
- // Tab
- if (keyCode === 9) {
- if (!this.ranged) {
- this.handleChange();
- this.pickerVisible = this.picker.visible = false;
- this.blur();
- event.stopPropagation();
- } else {
- // user may change focus between two input
- setTimeout(function () {
- if (_this.refInput.indexOf(document.activeElement) === -1) {
- _this.pickerVisible = false;
- _this.blur();
- event.stopPropagation();
- }
- }, 0);
- }
- return;
- }
- // Enter
- if (keyCode === 13) {
- if (this.userInput === '' || this.isValidValue(this.parseString(this.displayValue))) {
- this.handleChange();
- this.pickerVisible = this.picker.visible = false;
- this.blur();
- }
- event.stopPropagation();
- return;
- }
- // if user is typing, do not let picker handle key input
- if (this.userInput) {
- event.stopPropagation();
- return;
- }
- // delegate other keys to panel
- if (this.picker && this.picker.handleKeydown) {
- this.picker.handleKeydown(event);
- }
- },
- handleRangeClick: function handleRangeClick() {
- var type = this.type;
- if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) {
- this.pickerVisible = true;
- }
- this.$emit('focus', this);
- },
- hidePicker: function hidePicker() {
- if (this.picker) {
- this.picker.resetView && this.picker.resetView();
- this.pickerVisible = this.picker.visible = false;
- this.destroyPopper();
- }
- },
- showPicker: function showPicker() {
- var _this2 = this;
- if (this.$isServer) return;
- if (!this.picker) {
- this.mountPicker();
- }
- this.pickerVisible = this.picker.visible = true;
- this.updatePopper();
- this.picker.value = this.parsedValue;
- this.picker.resetView && this.picker.resetView();
- this.$nextTick(function () {
- _this2.picker.adjustSpinners && _this2.picker.adjustSpinners();
- });
- },
- mountPicker: function mountPicker() {
- var _this3 = this;
- this.picker = new _vue2.default(this.panel).$mount();
- this.picker.defaultValue = this.defaultValue;
- this.picker.defaultTime = this.defaultTime;
- this.picker.popperClass = this.popperClass;
- this.popperElm = this.picker.$el;
- this.picker.width = this.reference.getBoundingClientRect().width;
- this.picker.showTime = this.type === 'datetime' || this.type === 'datetimerange';
- this.picker.selectionMode = this.selectionMode;
- this.picker.unlinkPanels = this.unlinkPanels;
- this.picker.arrowControl = this.arrowControl || this.timeArrowControl || false;
- this.picker.selectedDate = Array.isArray(this.value) && this.value || [];
- this.$watch('format', function (format) {
- _this3.picker.format = format;
- });
- var updateOptions = function updateOptions() {
- var options = _this3.pickerOptions;
- if (options && options.selectableRange) {
- (function () {
- var ranges = options.selectableRange;
- var parser = TYPE_VALUE_RESOLVER_MAP.datetimerange.parser;
- var format = DEFAULT_FORMATS.timerange;
- ranges = Array.isArray(ranges) ? ranges : [ranges];
- _this3.picker.selectableRange = ranges.map(function (range) {
- return parser(range, format, _this3.rangeSeparator);
- });
- })();
- }
- for (var option in options) {
- if (options.hasOwnProperty(option) &&
- // 忽略 time-picker 的该配置项
- option !== 'selectableRange') {
- _this3.picker[option] = options[option];
- }
- }
- // main format must prevail over undocumented pickerOptions.format
- if (_this3.format) {
- _this3.picker.format = _this3.format;
- }
- };
- updateOptions();
- this.unwatchPickerOptions = this.$watch('pickerOptions', function () {
- return updateOptions();
- }, { deep: true });
- this.$el.appendChild(this.picker.$el);
- this.picker.resetView && this.picker.resetView();
- this.picker.$on('dodestroy', this.doDestroy);
- this.picker.$on('pick', function () {
- var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
- var visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- _this3.userInput = null;
- _this3.pickerVisible = _this3.picker.visible = visible;
- _this3.emitInput(date);
- _this3.picker.resetView && _this3.picker.resetView();
- });
- this.picker.$on('select-range', function (start, end, pos) {
- if (_this3.refInput.length === 0) return;
- if (!pos || pos === 'min') {
- _this3.refInput[0].setSelectionRange(start, end);
- _this3.refInput[0].focus();
- } else if (pos === 'max') {
- _this3.refInput[1].setSelectionRange(start, end);
- _this3.refInput[1].focus();
- }
- });
- },
- unmountPicker: function unmountPicker() {
- if (this.picker) {
- this.picker.$destroy();
- this.picker.$off();
- if (typeof this.unwatchPickerOptions === 'function') {
- this.unwatchPickerOptions();
- }
- this.picker.$el.parentNode.removeChild(this.picker.$el);
- }
- },
- emitChange: function emitChange(val) {
- // determine user real change only
- if (!valueEquals(val, this.valueOnOpen)) {
- this.$emit('change', val);
- this.dispatch('ElFormItem', 'el.form.change', val);
- this.valueOnOpen = val;
- }
- },
- emitInput: function emitInput(val) {
- var formatted = this.formatToValue(val);
- if (!valueEquals(this.value, formatted)) {
- this.$emit('input', formatted);
- }
- },
- isValidValue: function isValidValue(value) {
- if (!this.picker) {
- this.mountPicker();
- }
- if (this.picker.isValidValue) {
- return value && this.picker.isValidValue(value);
- } else {
- return true;
- }
- }
- }
- };
- /***/ }),
- /* 175 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/date");
- /***/ }),
- /* 176 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.ranged)?_c('el-input',_vm._b({directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClose),expression:"handleClose"}],ref:"reference",staticClass:"el-date-editor",class:'el-date-editor--' + _vm.type,attrs:{"readonly":!_vm.editable || _vm.readonly || _vm.type === 'dates',"disabled":_vm.pickerDisabled,"size":_vm.pickerSize,"name":_vm.name,"placeholder":_vm.placeholder,"value":_vm.displayValue,"validateEvent":false},on:{"focus":_vm.handleFocus,"input":function (value) { return _vm.userInput = value; },"change":_vm.handleChange},nativeOn:{"keydown":function($event){_vm.handleKeydown($event)},"mouseenter":function($event){_vm.handleMouseEnter($event)},"mouseleave":function($event){_vm.showClose = false}}},'el-input',_vm.firstInputId,false),[_c('i',{staticClass:"el-input__icon",class:_vm.triggerClass,attrs:{"slot":"prefix"},on:{"click":_vm.handleFocus},slot:"prefix"}),(_vm.haveTrigger)?_c('i',{staticClass:"el-input__icon",class:[_vm.showClose ? '' + _vm.clearIcon : ''],attrs:{"slot":"suffix"},on:{"click":_vm.handleClickIcon},slot:"suffix"}):_vm._e()]):_c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClose),expression:"handleClose"}],ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
- 'el-date-editor--' + _vm.type,
- _vm.pickerSize ? ("el-range-editor--" + _vm.pickerSize) : '',
- _vm.pickerDisabled ? 'is-disabled' : '',
- _vm.pickerVisible ? 'is-active' : ''
- ],on:{"click":_vm.handleRangeClick,"mouseenter":_vm.handleMouseEnter,"mouseleave":function($event){_vm.showClose = false},"keydown":_vm.handleKeydown}},[_c('i',{class:['el-input__icon', 'el-range__icon', _vm.triggerClass]}),_c('input',_vm._b({staticClass:"el-range-input",attrs:{"placeholder":_vm.startPlaceholder,"disabled":_vm.pickerDisabled,"readonly":!_vm.editable || _vm.readonly,"name":_vm.name && _vm.name[0]},domProps:{"value":_vm.displayValue && _vm.displayValue[0]},on:{"input":_vm.handleStartInput,"change":_vm.handleStartChange,"focus":_vm.handleFocus}},'input',_vm.firstInputId,false)),_c('span',{staticClass:"el-range-separator"},[_vm._v(_vm._s(_vm.rangeSeparator))]),_c('input',_vm._b({staticClass:"el-range-input",attrs:{"placeholder":_vm.endPlaceholder,"disabled":_vm.pickerDisabled,"readonly":!_vm.editable || _vm.readonly,"name":_vm.name && _vm.name[1]},domProps:{"value":_vm.displayValue && _vm.displayValue[1]},on:{"input":_vm.handleEndInput,"change":_vm.handleEndChange,"focus":_vm.handleFocus}},'input',_vm.secondInputId,false)),(_vm.haveTrigger)?_c('i',{staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + _vm.clearIcon : ''],on:{"click":_vm.handleClickIcon}}):_vm._e()])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 177 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_vue__ = __webpack_require__(178);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_27e32efb_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_date_vue__ = __webpack_require__(191);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_27e32efb_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_date_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 178 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _util = __webpack_require__(11);
- var _clickoutside = __webpack_require__(9);
- var _clickoutside2 = _interopRequireDefault(_clickoutside);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _button = __webpack_require__(15);
- var _button2 = _interopRequireDefault(_button);
- var _time = __webpack_require__(29);
- var _time2 = _interopRequireDefault(_time);
- var _yearTable = __webpack_require__(183);
- var _yearTable2 = _interopRequireDefault(_yearTable);
- var _monthTable = __webpack_require__(186);
- var _monthTable2 = _interopRequireDefault(_monthTable);
- var _dateTable = __webpack_require__(39);
- var _dateTable2 = _interopRequireDefault(_dateTable);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- mixins: [_locale2.default],
- directives: { Clickoutside: _clickoutside2.default },
- watch: {
- showTime: function showTime(val) {
- var _this = this;
- /* istanbul ignore if */
- if (!val) return;
- this.$nextTick(function (_) {
- var inputElm = _this.$refs.input.$el;
- if (inputElm) {
- _this.pickerWidth = inputElm.getBoundingClientRect().width + 10;
- }
- });
- },
- value: function value(val) {
- if (this.selectionMode === 'dates' && this.value) return;
- if ((0, _util.isDate)(val)) {
- this.date = new Date(val);
- } else {
- this.date = this.defaultValue ? new Date(this.defaultValue) : new Date();
- }
- },
- defaultValue: function defaultValue(val) {
- if (!(0, _util.isDate)(this.value)) {
- this.date = val ? new Date(val) : new Date();
- }
- },
- timePickerVisible: function timePickerVisible(val) {
- var _this2 = this;
- if (val) this.$nextTick(function () {
- return _this2.$refs.timepicker.adjustSpinners();
- });
- },
- selectionMode: function selectionMode(newVal) {
- if (newVal === 'month') {
- /* istanbul ignore next */
- if (this.currentView !== 'year' || this.currentView !== 'month') {
- this.currentView = 'month';
- }
- } else if (newVal === 'dates') {
- this.currentView = 'date';
- }
- }
- },
- methods: {
- proxyTimePickerDataProperties: function proxyTimePickerDataProperties() {
- var _this3 = this;
- var format = function format(timeFormat) {
- _this3.$refs.timepicker.format = timeFormat;
- };
- var value = function value(_value) {
- _this3.$refs.timepicker.value = _value;
- };
- var date = function date(_date) {
- _this3.$refs.timepicker.date = _date;
- };
- this.$watch('value', value);
- this.$watch('date', date);
- format(this.timeFormat);
- value(this.value);
- date(this.date);
- },
- handleClear: function handleClear() {
- this.date = this.defaultValue ? new Date(this.defaultValue) : new Date();
- this.$emit('pick', null);
- },
- emit: function emit(value) {
- var _this4 = this;
- for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- args[_key - 1] = arguments[_key];
- }
- if (!value) {
- this.$emit.apply(this, ['pick', value].concat(args));
- } else if (Array.isArray(value)) {
- var dates = value.map(function (date) {
- return _this4.showTime ? (0, _util.clearMilliseconds)(date) : (0, _util.clearTime)(date);
- });
- this.$emit.apply(this, ['pick', dates].concat(args));
- } else {
- this.$emit.apply(this, ['pick', this.showTime ? (0, _util.clearMilliseconds)(value) : (0, _util.clearTime)(value)].concat(args));
- }
- this.userInputDate = null;
- this.userInputTime = null;
- },
- // resetDate() {
- // this.date = new Date(this.date);
- // },
- showMonthPicker: function showMonthPicker() {
- this.currentView = 'month';
- },
- showYearPicker: function showYearPicker() {
- this.currentView = 'year';
- },
- // XXX: 没用到
- // handleLabelClick() {
- // if (this.currentView === 'date') {
- // this.showMonthPicker();
- // } else if (this.currentView === 'month') {
- // this.showYearPicker();
- // }
- // },
- prevMonth: function prevMonth() {
- this.date = (0, _util.prevMonth)(this.date);
- },
- nextMonth: function nextMonth() {
- this.date = (0, _util.nextMonth)(this.date);
- },
- prevYear: function prevYear() {
- if (this.currentView === 'year') {
- this.date = (0, _util.prevYear)(this.date, 10);
- } else {
- this.date = (0, _util.prevYear)(this.date);
- }
- },
- nextYear: function nextYear() {
- if (this.currentView === 'year') {
- this.date = (0, _util.nextYear)(this.date, 10);
- } else {
- this.date = (0, _util.nextYear)(this.date);
- }
- },
- handleShortcutClick: function handleShortcutClick(shortcut) {
- if (shortcut.onClick) {
- shortcut.onClick(this);
- }
- },
- handleTimePick: function handleTimePick(value, visible, first) {
- if ((0, _util.isDate)(value)) {
- var newDate = this.value ? (0, _util.modifyTime)(this.date, value.getHours(), value.getMinutes(), value.getSeconds()) : (0, _util.modifyWithDefaultTime)(value, this.defaultTime);
- this.date = newDate;
- this.emit(this.date, true);
- } else {
- this.emit(value, true);
- }
- if (!first) {
- this.timePickerVisible = visible;
- }
- },
- handleMonthPick: function handleMonthPick(month) {
- if (this.selectionMode === 'month') {
- this.date = (0, _util.modifyDate)(this.date, this.year, month, 1);
- this.emit(this.date);
- } else {
- this.date = (0, _util.changeYearMonthAndClampDate)(this.date, this.year, month);
- // TODO: should emit intermediate value ??
- // this.emit(this.date);
- this.currentView = 'date';
- }
- },
- handleDateSelect: function handleDateSelect(value) {
- if (this.selectionMode === 'dates') {
- this.selectedDate = value;
- }
- },
- handleDatePick: function handleDatePick(value) {
- if (this.selectionMode === 'day') {
- this.date = this.value ? (0, _util.modifyDate)(this.date, value.getFullYear(), value.getMonth(), value.getDate()) : (0, _util.modifyWithDefaultTime)(value, this.defaultTime);
- this.emit(this.date, this.showTime);
- } else if (this.selectionMode === 'week') {
- this.emit(value.date);
- }
- },
- handleYearPick: function handleYearPick(year) {
- if (this.selectionMode === 'year') {
- this.date = (0, _util.modifyDate)(this.date, year, 0, 1);
- this.emit(this.date);
- } else {
- this.date = (0, _util.changeYearMonthAndClampDate)(this.date, year, this.month);
- // TODO: should emit intermediate value ??
- // this.emit(this.date, true);
- this.currentView = 'month';
- }
- },
- changeToNow: function changeToNow() {
- // NOTE: not a permanent solution
- // consider disable "now" button in the future
- if (!this.disabledDate || !this.disabledDate(new Date())) {
- this.date = new Date();
- this.emit(this.date);
- }
- },
- confirm: function confirm() {
- if (this.selectionMode === 'dates') {
- this.emit(this.selectedDate);
- } else {
- var date = this.value ? this.date : (0, _util.modifyWithDefaultTime)(this.date, this.defaultTime);
- this.emit(date);
- }
- },
- resetView: function resetView() {
- if (this.selectionMode === 'month') {
- this.currentView = 'month';
- } else if (this.selectionMode === 'year') {
- this.currentView = 'year';
- } else {
- this.currentView = 'date';
- }
- },
- handleEnter: function handleEnter() {
- document.body.addEventListener('keydown', this.handleKeydown);
- },
- handleLeave: function handleLeave() {
- this.$emit('dodestroy');
- document.body.removeEventListener('keydown', this.handleKeydown);
- },
- handleKeydown: function handleKeydown(event) {
- var keyCode = event.keyCode;
- var list = [38, 40, 37, 39];
- if (this.visible && !this.timePickerVisible) {
- if (list.indexOf(keyCode) !== -1) {
- this.handleKeyControl(keyCode);
- event.stopPropagation();
- event.preventDefault();
- }
- if (keyCode === 13 && this.userInputDate === null && this.userInputTime === null) {
- // Enter
- this.emit(this.date, false);
- }
- }
- },
- handleKeyControl: function handleKeyControl(keyCode) {
- var mapping = {
- 'year': {
- 38: -4, 40: 4, 37: -1, 39: 1, offset: function offset(date, step) {
- return date.setFullYear(date.getFullYear() + step);
- }
- },
- 'month': {
- 38: -4, 40: 4, 37: -1, 39: 1, offset: function offset(date, step) {
- return date.setMonth(date.getMonth() + step);
- }
- },
- 'week': {
- 38: -1, 40: 1, 37: -1, 39: 1, offset: function offset(date, step) {
- return date.setDate(date.getDate() + step * 7);
- }
- },
- 'day': {
- 38: -7, 40: 7, 37: -1, 39: 1, offset: function offset(date, step) {
- return date.setDate(date.getDate() + step);
- }
- }
- };
- var mode = this.selectionMode;
- var year = 3.1536e10;
- var now = this.date.getTime();
- var newDate = new Date(this.date.getTime());
- while (Math.abs(now - newDate.getTime()) <= year) {
- var map = mapping[mode];
- map.offset(newDate, map[keyCode]);
- if (typeof this.disabledDate === 'function' && this.disabledDate(newDate)) {
- continue;
- }
- this.date = newDate;
- this.$emit('pick', newDate, true);
- break;
- }
- },
- handleVisibleTimeChange: function handleVisibleTimeChange(value) {
- var time = (0, _util.parseDate)(value, this.timeFormat);
- if (time) {
- this.date = (0, _util.modifyDate)(time, this.year, this.month, this.monthDate);
- this.userInputTime = null;
- this.$refs.timepicker.value = this.date;
- this.timePickerVisible = false;
- this.emit(this.date, true);
- }
- },
- handleVisibleDateChange: function handleVisibleDateChange(value) {
- var date = (0, _util.parseDate)(value, this.dateFormat);
- if (date) {
- if (typeof this.disabledDate === 'function' && this.disabledDate(date)) {
- return;
- }
- this.date = (0, _util.modifyTime)(date, this.date.getHours(), this.date.getMinutes(), this.date.getSeconds());
- this.userInputDate = null;
- this.resetView();
- this.emit(this.date, true);
- }
- },
- isValidValue: function isValidValue(value) {
- return value && !isNaN(value) && (typeof this.disabledDate === 'function' ? !this.disabledDate(value) : true);
- }
- },
- components: {
- TimePicker: _time2.default, YearTable: _yearTable2.default, MonthTable: _monthTable2.default, DateTable: _dateTable2.default, ElInput: _input2.default, ElButton: _button2.default
- },
- data: function data() {
- return {
- popperClass: '',
- date: new Date(),
- value: '',
- defaultValue: null,
- defaultTime: null,
- showTime: false,
- selectionMode: 'day',
- shortcuts: '',
- visible: false,
- currentView: 'date',
- disabledDate: '',
- selectedDate: [],
- firstDayOfWeek: 7,
- showWeekNumber: false,
- timePickerVisible: false,
- format: '',
- arrowControl: false,
- userInputDate: null,
- userInputTime: null
- };
- },
- computed: {
- year: function year() {
- return this.date.getFullYear();
- },
- month: function month() {
- return this.date.getMonth();
- },
- week: function week() {
- return (0, _util.getWeekNumber)(this.date);
- },
- monthDate: function monthDate() {
- return this.date.getDate();
- },
- footerVisible: function footerVisible() {
- return this.showTime || this.selectionMode === 'dates';
- },
- visibleTime: function visibleTime() {
- if (this.userInputTime !== null) {
- return this.userInputTime;
- } else {
- return (0, _util.formatDate)(this.value || this.defaultValue, this.timeFormat);
- }
- },
- visibleDate: function visibleDate() {
- if (this.userInputDate !== null) {
- return this.userInputDate;
- } else {
- return (0, _util.formatDate)(this.value || this.defaultValue, this.dateFormat);
- }
- },
- yearLabel: function yearLabel() {
- var yearTranslation = this.t('el.datepicker.year');
- if (this.currentView === 'year') {
- var startYear = Math.floor(this.year / 10) * 10;
- if (yearTranslation) {
- return startYear + ' ' + yearTranslation + ' - ' + (startYear + 9) + ' ' + yearTranslation;
- }
- return startYear + ' - ' + (startYear + 9);
- }
- return this.year + ' ' + yearTranslation;
- },
- timeFormat: function timeFormat() {
- if (this.format) {
- return (0, _util.extractTimeFormat)(this.format);
- } else {
- return 'HH:mm:ss';
- }
- },
- dateFormat: function dateFormat() {
- if (this.format) {
- return (0, _util.extractDateFormat)(this.format);
- } else {
- return 'yyyy-MM-dd';
- }
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 179 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _util = __webpack_require__(11);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _timeSpinner = __webpack_require__(38);
- var _timeSpinner2 = _interopRequireDefault(_timeSpinner);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- mixins: [_locale2.default],
- components: {
- TimeSpinner: _timeSpinner2.default
- },
- props: {
- visible: Boolean,
- timeArrowControl: Boolean
- },
- watch: {
- visible: function visible(val) {
- var _this = this;
- if (val) {
- this.oldValue = this.value;
- this.$nextTick(function () {
- return _this.$refs.spinner.emitSelectRange('hours');
- });
- } else {
- this.needInitAdjust = true;
- }
- },
- value: function value(newVal) {
- var _this2 = this;
- var date = void 0;
- if (newVal instanceof Date) {
- date = (0, _util.limitTimeRange)(newVal, this.selectableRange, this.format);
- } else if (!newVal) {
- date = this.defaultValue ? new Date(this.defaultValue) : new Date();
- }
- this.date = date;
- if (this.visible && this.needInitAdjust) {
- this.$nextTick(function (_) {
- return _this2.adjustSpinners();
- });
- this.needInitAdjust = false;
- }
- },
- selectableRange: function selectableRange(val) {
- this.$refs.spinner.selectableRange = val;
- },
- defaultValue: function defaultValue(val) {
- if (!(0, _util.isDate)(this.value)) {
- this.date = val ? new Date(val) : new Date();
- }
- }
- },
- data: function data() {
- return {
- popperClass: '',
- format: 'HH:mm:ss',
- value: '',
- defaultValue: null,
- date: new Date(),
- oldValue: new Date(),
- selectableRange: [],
- selectionRange: [0, 2],
- disabled: false,
- arrowControl: false,
- needInitAdjust: true
- };
- },
- computed: {
- showSeconds: function showSeconds() {
- return (this.format || '').indexOf('ss') !== -1;
- },
- useArrow: function useArrow() {
- return this.arrowControl || this.timeArrowControl || false;
- },
- amPmMode: function amPmMode() {
- if ((this.format || '').indexOf('A') !== -1) return 'A';
- if ((this.format || '').indexOf('a') !== -1) return 'a';
- return '';
- }
- },
- methods: {
- handleCancel: function handleCancel() {
- this.$emit('pick', this.oldValue, false);
- },
- handleChange: function handleChange(date) {
- // this.visible avoids edge cases, when use scrolls during panel closing animation
- if (this.visible) {
- this.date = (0, _util.clearMilliseconds)(date);
- // if date is out of range, do not emit
- if (this.isValidValue(this.date)) {
- this.$emit('pick', this.date, true);
- }
- }
- },
- setSelectionRange: function setSelectionRange(start, end) {
- this.$emit('select-range', start, end);
- this.selectionRange = [start, end];
- },
- handleConfirm: function handleConfirm() {
- var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- var first = arguments[1];
- if (first) return;
- var date = (0, _util.clearMilliseconds)((0, _util.limitTimeRange)(this.date, this.selectableRange, this.format));
- this.$emit('pick', date, visible, first);
- },
- handleKeydown: function handleKeydown(event) {
- var keyCode = event.keyCode;
- var mapping = { 38: -1, 40: 1, 37: -1, 39: 1 };
- // Left or Right
- if (keyCode === 37 || keyCode === 39) {
- var step = mapping[keyCode];
- this.changeSelectionRange(step);
- event.preventDefault();
- return;
- }
- // Up or Down
- if (keyCode === 38 || keyCode === 40) {
- var _step = mapping[keyCode];
- this.$refs.spinner.scrollDown(_step);
- event.preventDefault();
- return;
- }
- },
- isValidValue: function isValidValue(date) {
- return (0, _util.timeWithinRange)(date, this.selectableRange, this.format);
- },
- adjustSpinners: function adjustSpinners() {
- return this.$refs.spinner.adjustSpinners();
- },
- changeSelectionRange: function changeSelectionRange(step) {
- var list = [0, 3].concat(this.showSeconds ? [6] : []);
- var mapping = ['hours', 'minutes'].concat(this.showSeconds ? ['seconds'] : []);
- var index = list.indexOf(this.selectionRange[0]);
- var next = (index + step + list.length) % list.length;
- this.$refs.spinner.emitSelectRange(mapping[next]);
- }
- },
- mounted: function mounted() {
- var _this3 = this;
- this.$nextTick(function () {
- return _this3.handleConfirm(true, true);
- });
- this.$emit('mounted');
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 180 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _util = __webpack_require__(11);
- var _scrollbar = __webpack_require__(18);
- var _scrollbar2 = _interopRequireDefault(_scrollbar);
- var _repeatClick = __webpack_require__(33);
- var _repeatClick2 = _interopRequireDefault(_repeatClick);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- components: { ElScrollbar: _scrollbar2.default },
- directives: {
- repeatClick: _repeatClick2.default
- },
- props: {
- date: {},
- defaultValue: {}, // reserved for future use
- showSeconds: {
- type: Boolean,
- default: true
- },
- arrowControl: Boolean,
- amPmMode: {
- type: String,
- default: '' // 'a': am/pm; 'A': AM/PM
- }
- },
- computed: {
- hours: function hours() {
- return this.date.getHours();
- },
- minutes: function minutes() {
- return this.date.getMinutes();
- },
- seconds: function seconds() {
- return this.date.getSeconds();
- },
- hoursList: function hoursList() {
- return (0, _util.getRangeHours)(this.selectableRange);
- },
- arrowHourList: function arrowHourList() {
- var hours = this.hours;
- return [hours > 0 ? hours - 1 : undefined, hours, hours < 23 ? hours + 1 : undefined];
- },
- arrowMinuteList: function arrowMinuteList() {
- var minutes = this.minutes;
- return [minutes > 0 ? minutes - 1 : undefined, minutes, minutes < 59 ? minutes + 1 : undefined];
- },
- arrowSecondList: function arrowSecondList() {
- var seconds = this.seconds;
- return [seconds > 0 ? seconds - 1 : undefined, seconds, seconds < 59 ? seconds + 1 : undefined];
- }
- },
- data: function data() {
- return {
- selectableRange: [],
- currentScrollbar: null
- };
- },
- mounted: function mounted() {
- var _this = this;
- this.$nextTick(function () {
- !_this.arrowControl && _this.bindScrollEvent();
- });
- },
- methods: {
- increase: function increase() {
- this.scrollDown(1);
- },
- decrease: function decrease() {
- this.scrollDown(-1);
- },
- modifyDateField: function modifyDateField(type, value) {
- switch (type) {
- case 'hours':
- this.$emit('change', (0, _util.modifyTime)(this.date, value, this.minutes, this.seconds));break;
- case 'minutes':
- this.$emit('change', (0, _util.modifyTime)(this.date, this.hours, value, this.seconds));break;
- case 'seconds':
- this.$emit('change', (0, _util.modifyTime)(this.date, this.hours, this.minutes, value));break;
- }
- },
- handleClick: function handleClick(type, _ref) {
- var value = _ref.value,
- disabled = _ref.disabled;
- if (!disabled) {
- this.modifyDateField(type, value);
- this.emitSelectRange(type);
- this.adjustSpinner(type, value);
- }
- },
- emitSelectRange: function emitSelectRange(type) {
- if (type === 'hours') {
- this.$emit('select-range', 0, 2);
- } else if (type === 'minutes') {
- this.$emit('select-range', 3, 5);
- } else if (type === 'seconds') {
- this.$emit('select-range', 6, 8);
- }
- this.currentScrollbar = type;
- },
- bindScrollEvent: function bindScrollEvent() {
- var _this2 = this;
- var bindFuntion = function bindFuntion(type) {
- _this2.$refs[type].wrap.onscroll = function (e) {
- // TODO: scroll is emitted when set scrollTop programatically
- // should find better solutions in the future!
- _this2.handleScroll(type, e);
- };
- };
- bindFuntion('hours');
- bindFuntion('minutes');
- bindFuntion('seconds');
- },
- handleScroll: function handleScroll(type) {
- var value = Math.min(Math.floor((this.$refs[type].wrap.scrollTop - 80) / 32 + 3), type === 'hours' ? 23 : 59);
- this.modifyDateField(type, value);
- },
- // NOTE: used by datetime / date-range panel
- // renamed from adjustScrollTop
- // should try to refactory it
- adjustSpinners: function adjustSpinners() {
- this.adjustSpinner('hours', this.hours);
- this.adjustSpinner('minutes', this.minutes);
- this.adjustSpinner('seconds', this.seconds);
- },
- adjustCurrentSpinner: function adjustCurrentSpinner(type) {
- this.adjustSpinner(type, this[type]);
- },
- adjustSpinner: function adjustSpinner(type, value) {
- if (this.arrowControl) return;
- var el = this.$refs[type].wrap;
- if (el) {
- el.scrollTop = Math.max(0, (value - 2.5) * 32 + 80);
- }
- },
- scrollDown: function scrollDown(step) {
- if (!this.currentScrollbar) {
- this.emitSelectRange('hours');
- }
- var label = this.currentScrollbar;
- var hoursList = this.hoursList;
- var now = this[label];
- if (this.currentScrollbar === 'hours') {
- var total = Math.abs(step);
- step = step > 0 ? 1 : -1;
- var length = hoursList.length;
- while (length-- && total) {
- now = (now + step + hoursList.length) % hoursList.length;
- if (hoursList[now]) {
- continue;
- }
- total--;
- }
- if (hoursList[now]) return;
- } else {
- now = (now + step + 60) % 60;
- }
- this.modifyDateField(label, now);
- this.adjustSpinner(label, now);
- },
- amPm: function amPm(hour) {
- var shouldShowAmPm = this.amPmMode.toLowerCase() === 'a';
- if (!shouldShowAmPm) return '';
- var isCapital = this.amPmMode === 'A';
- var content = hour < 12 ? ' am' : ' pm';
- if (isCapital) content = content.toUpperCase();
- return content;
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 181 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-time-spinner",class:{ 'has-seconds': _vm.showSeconds }},[(!_vm.arrowControl)?[_c('el-scrollbar',{ref:"hours",staticClass:"el-time-spinner__wrapper",attrs:{"wrap-style":"max-height: inherit;","view-class":"el-time-spinner__list","noresize":"","tag":"ul"},nativeOn:{"mouseenter":function($event){_vm.emitSelectRange('hours')},"mousemove":function($event){_vm.adjustCurrentSpinner('hours')}}},_vm._l((_vm.hoursList),function(disabled,hour){return _c('li',{staticClass:"el-time-spinner__item",class:{ 'active': hour === _vm.hours, 'disabled': disabled },on:{"click":function($event){_vm.handleClick('hours', { value: hour, disabled: disabled })}}},[_vm._v(_vm._s(('0' + (_vm.amPmMode ? (hour % 12 || 12) : hour )).slice(-2))+_vm._s(_vm.amPm(hour)))])})),_c('el-scrollbar',{ref:"minutes",staticClass:"el-time-spinner__wrapper",attrs:{"wrap-style":"max-height: inherit;","view-class":"el-time-spinner__list","noresize":"","tag":"ul"},nativeOn:{"mouseenter":function($event){_vm.emitSelectRange('minutes')},"mousemove":function($event){_vm.adjustCurrentSpinner('minutes')}}},_vm._l((60),function(minute,key){return _c('li',{staticClass:"el-time-spinner__item",class:{ 'active': key === _vm.minutes },on:{"click":function($event){_vm.handleClick('minutes', { value: key, disabled: false })}}},[_vm._v(_vm._s(('0' + key).slice(-2)))])})),_c('el-scrollbar',{directives:[{name:"show",rawName:"v-show",value:(_vm.showSeconds),expression:"showSeconds"}],ref:"seconds",staticClass:"el-time-spinner__wrapper",attrs:{"wrap-style":"max-height: inherit;","view-class":"el-time-spinner__list","noresize":"","tag":"ul"},nativeOn:{"mouseenter":function($event){_vm.emitSelectRange('seconds')},"mousemove":function($event){_vm.adjustCurrentSpinner('seconds')}}},_vm._l((60),function(second,key){return _c('li',{staticClass:"el-time-spinner__item",class:{ 'active': key === _vm.seconds },on:{"click":function($event){_vm.handleClick('seconds', { value: key, disabled: false })}}},[_vm._v(_vm._s(('0' + key).slice(-2)))])}))]:_vm._e(),(_vm.arrowControl)?[_c('div',{staticClass:"el-time-spinner__wrapper is-arrow",on:{"mouseenter":function($event){_vm.emitSelectRange('hours')}}},[_c('i',{directives:[{name:"repeat-click",rawName:"v-repeat-click",value:(_vm.decrease),expression:"decrease"}],staticClass:"el-time-spinner__arrow el-icon-arrow-up"}),_c('i',{directives:[{name:"repeat-click",rawName:"v-repeat-click",value:(_vm.increase),expression:"increase"}],staticClass:"el-time-spinner__arrow el-icon-arrow-down"}),_c('ul',{ref:"hours",staticClass:"el-time-spinner__list"},_vm._l((_vm.arrowHourList),function(hour){return _c('li',{staticClass:"el-time-spinner__item",class:{ 'active': hour === _vm.hours, 'disabled': _vm.hoursList[hour] }},[_vm._v(_vm._s(hour === undefined ? '' : ('0' + (_vm.amPmMode ? (hour % 12 || 12) : hour )).slice(-2) + _vm.amPm(hour)))])}))]),_c('div',{staticClass:"el-time-spinner__wrapper is-arrow",on:{"mouseenter":function($event){_vm.emitSelectRange('minutes')}}},[_c('i',{directives:[{name:"repeat-click",rawName:"v-repeat-click",value:(_vm.decrease),expression:"decrease"}],staticClass:"el-time-spinner__arrow el-icon-arrow-up"}),_c('i',{directives:[{name:"repeat-click",rawName:"v-repeat-click",value:(_vm.increase),expression:"increase"}],staticClass:"el-time-spinner__arrow el-icon-arrow-down"}),_c('ul',{ref:"minutes",staticClass:"el-time-spinner__list"},_vm._l((_vm.arrowMinuteList),function(minute){return _c('li',{staticClass:"el-time-spinner__item",class:{ 'active': minute === _vm.minutes }},[_vm._v("\n "+_vm._s(minute === undefined ? '' : ('0' + minute).slice(-2))+"\n ")])}))]),(_vm.showSeconds)?_c('div',{staticClass:"el-time-spinner__wrapper is-arrow",on:{"mouseenter":function($event){_vm.emitSelectRange('seconds')}}},[_c('i',{directives:[{name:"repeat-click",rawName:"v-repeat-click",value:(_vm.decrease),expression:"decrease"}],staticClass:"el-time-spinner__arrow el-icon-arrow-up"}),_c('i',{directives:[{name:"repeat-click",rawName:"v-repeat-click",value:(_vm.increase),expression:"increase"}],staticClass:"el-time-spinner__arrow el-icon-arrow-down"}),_c('ul',{ref:"seconds",staticClass:"el-time-spinner__list"},_vm._l((_vm.arrowSecondList),function(second){return _c('li',{staticClass:"el-time-spinner__item",class:{ 'active': second === _vm.seconds }},[_vm._v("\n "+_vm._s(second === undefined ? '' : ('0' + second).slice(-2))+"\n ")])}))]):_vm._e()]:_vm._e()],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 182 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-leave":function($event){_vm.$emit('dodestroy')}}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-time-panel el-popper",class:_vm.popperClass},[_c('div',{staticClass:"el-time-panel__content",class:{ 'has-seconds': _vm.showSeconds }},[_c('time-spinner',{ref:"spinner",attrs:{"arrow-control":_vm.useArrow,"show-seconds":_vm.showSeconds,"am-pm-mode":_vm.amPmMode,"date":_vm.date},on:{"change":_vm.handleChange,"select-range":_vm.setSelectionRange}})],1),_c('div',{staticClass:"el-time-panel__footer"},[_c('button',{staticClass:"el-time-panel__btn cancel",attrs:{"type":"button"},on:{"click":_vm.handleCancel}},[_vm._v(_vm._s(_vm.t('el.datepicker.cancel')))]),_c('button',{staticClass:"el-time-panel__btn",class:{confirm: !_vm.disabled},attrs:{"type":"button"},on:{"click":function($event){_vm.handleConfirm()}}},[_vm._v(_vm._s(_vm.t('el.datepicker.confirm')))])])])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 183 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_year_table_vue__ = __webpack_require__(184);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_year_table_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_year_table_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_520b6e61_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_year_table_vue__ = __webpack_require__(185);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_year_table_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_520b6e61_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_year_table_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 184 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _dom = __webpack_require__(3);
- var _util = __webpack_require__(11);
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var datesInYear = function datesInYear(year) {
- var numOfDays = (0, _util.getDayCountOfYear)(year);
- var firstDay = new Date(year, 0, 1);
- return (0, _util.range)(numOfDays).map(function (n) {
- return (0, _util.nextDate)(firstDay, n);
- });
- };
- exports.default = {
- props: {
- disabledDate: {},
- value: {},
- defaultValue: {
- validator: function validator(val) {
- // null or valid Date Object
- return val === null || val instanceof Date && (0, _util.isDate)(val);
- }
- },
- date: {}
- },
- computed: {
- startYear: function startYear() {
- return Math.floor(this.date.getFullYear() / 10) * 10;
- }
- },
- methods: {
- getCellStyle: function getCellStyle(year) {
- var style = {};
- var today = new Date();
- style.disabled = typeof this.disabledDate === 'function' ? datesInYear(year).every(this.disabledDate) : false;
- style.current = this.value.getFullYear() === year;
- style.today = today.getFullYear() === year;
- style.default = this.defaultValue && this.defaultValue.getFullYear() === year;
- return style;
- },
- handleYearTableClick: function handleYearTableClick(event) {
- var target = event.target;
- if (target.tagName === 'A') {
- if ((0, _dom.hasClass)(target.parentNode, 'disabled')) return;
- var year = target.textContent || target.innerText;
- this.$emit('pick', Number(year));
- }
- }
- }
- };
- /***/ }),
- /* 185 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('table',{staticClass:"el-year-table",on:{"click":_vm.handleYearTableClick}},[_c('tbody',[_c('tr',[_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 0)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear))])]),_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 1)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear + 1))])]),_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 2)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear + 2))])]),_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 3)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear + 3))])])]),_c('tr',[_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 4)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear + 4))])]),_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 5)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear + 5))])]),_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 6)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear + 6))])]),_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 7)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear + 7))])])]),_c('tr',[_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 8)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear + 8))])]),_c('td',{staticClass:"available",class:_vm.getCellStyle(_vm.startYear + 9)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.startYear + 9))])]),_c('td'),_c('td')])])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 186 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_month_table_vue__ = __webpack_require__(187);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_month_table_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_month_table_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_419c8da4_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_month_table_vue__ = __webpack_require__(188);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_month_table_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_419c8da4_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_month_table_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 187 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _util = __webpack_require__(11);
- var _dom = __webpack_require__(3);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var datesInMonth = function datesInMonth(year, month) {
- var numOfDays = (0, _util.getDayCountOfMonth)(year, month);
- var firstDay = new Date(year, month, 1);
- return (0, _util.range)(numOfDays).map(function (n) {
- return (0, _util.nextDate)(firstDay, n);
- });
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- props: {
- disabledDate: {},
- value: {},
- defaultValue: {
- validator: function validator(val) {
- // null or valid Date Object
- return val === null || val instanceof Date && (0, _util.isDate)(val);
- }
- },
- date: {}
- },
- mixins: [_locale2.default],
- methods: {
- getCellStyle: function getCellStyle(month) {
- var style = {};
- var year = this.date.getFullYear();
- var today = new Date();
- style.disabled = typeof this.disabledDate === 'function' ? datesInMonth(year, month).every(this.disabledDate) : false;
- style.current = this.value.getFullYear() === year && this.value.getMonth() === month;
- style.today = today.getFullYear() === year && today.getMonth() === month;
- style.default = this.defaultValue && this.defaultValue.getFullYear() === year && this.defaultValue.getMonth() === month;
- return style;
- },
- handleMonthTableClick: function handleMonthTableClick(event) {
- var target = event.target;
- if (target.tagName !== 'A') return;
- if ((0, _dom.hasClass)(target.parentNode, 'disabled')) return;
- var column = target.parentNode.cellIndex;
- var row = target.parentNode.parentNode.rowIndex;
- var month = row * 4 + column;
- this.$emit('pick', month);
- }
- }
- };
- /***/ }),
- /* 188 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('table',{staticClass:"el-month-table",on:{"click":_vm.handleMonthTableClick}},[_c('tbody',[_c('tr',[_c('td',{class:_vm.getCellStyle(0)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.jan')))])]),_c('td',{class:_vm.getCellStyle(1)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.feb')))])]),_c('td',{class:_vm.getCellStyle(2)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.mar')))])]),_c('td',{class:_vm.getCellStyle(3)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.apr')))])])]),_c('tr',[_c('td',{class:_vm.getCellStyle(4)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.may')))])]),_c('td',{class:_vm.getCellStyle(5)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.jun')))])]),_c('td',{class:_vm.getCellStyle(6)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.jul')))])]),_c('td',{class:_vm.getCellStyle(7)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.aug')))])])]),_c('tr',[_c('td',{class:_vm.getCellStyle(8)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.sep')))])]),_c('td',{class:_vm.getCellStyle(9)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.oct')))])]),_c('td',{class:_vm.getCellStyle(10)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.nov')))])]),_c('td',{class:_vm.getCellStyle(11)},[_c('a',{staticClass:"cell"},[_vm._v(_vm._s(_vm.t('el.datepicker.months.dec')))])])])])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 189 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _util = __webpack_require__(11);
- var _dom = __webpack_require__(3);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var _WEEKS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat']; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var clearHours = function clearHours(time) {
- var cloneDate = new Date(time);
- cloneDate.setHours(0, 0, 0, 0);
- return cloneDate.getTime();
- };
- exports.default = {
- mixins: [_locale2.default],
- props: {
- firstDayOfWeek: {
- default: 7,
- type: Number,
- validator: function validator(val) {
- return val >= 1 && val <= 7;
- }
- },
- value: {},
- defaultValue: {
- validator: function validator(val) {
- // either: null, valid Date object, Array of valid Date objects
- return val === null || (0, _util.isDate)(val) || Array.isArray(val) && val.every(_util.isDate);
- }
- },
- date: {},
- selectionMode: {
- default: 'day'
- },
- showWeekNumber: {
- type: Boolean,
- default: false
- },
- disabledDate: {},
- selectedDate: {
- type: Array
- },
- minDate: {},
- maxDate: {},
- rangeState: {
- default: function _default() {
- return {
- endDate: null,
- selecting: false,
- row: null,
- column: null
- };
- }
- }
- },
- computed: {
- offsetDay: function offsetDay() {
- var week = this.firstDayOfWeek;
- // 周日为界限,左右偏移的天数,3217654 例如周一就是 -1,目的是调整前两行日期的位置
- return week > 3 ? 7 - week : -week;
- },
- WEEKS: function WEEKS() {
- var week = this.firstDayOfWeek;
- return _WEEKS.concat(_WEEKS).slice(week, week + 7);
- },
- year: function year() {
- return this.date.getFullYear();
- },
- month: function month() {
- return this.date.getMonth();
- },
- startDate: function startDate() {
- return (0, _util.getStartDateOfMonth)(this.year, this.month);
- },
- rows: function rows() {
- var _this = this;
- // TODO: refactory rows / getCellClasses
- var date = new Date(this.year, this.month, 1);
- var day = (0, _util.getFirstDayOfMonth)(date); // day of first day
- var dateCountOfMonth = (0, _util.getDayCountOfMonth)(date.getFullYear(), date.getMonth());
- var dateCountOfLastMonth = (0, _util.getDayCountOfMonth)(date.getFullYear(), date.getMonth() === 0 ? 11 : date.getMonth() - 1);
- day = day === 0 ? 7 : day;
- var offset = this.offsetDay;
- var rows = this.tableRows;
- var count = 1;
- var firstDayPosition = void 0;
- var startDate = this.startDate;
- var disabledDate = this.disabledDate;
- var selectedDate = this.selectedDate || this.value;
- var now = clearHours(new Date());
- for (var i = 0; i < 6; i++) {
- var row = rows[i];
- if (this.showWeekNumber) {
- if (!row[0]) {
- row[0] = { type: 'week', text: (0, _util.getWeekNumber)((0, _util.nextDate)(startDate, i * 7 + 1)) };
- }
- }
- var _loop = function _loop(j) {
- var cell = row[_this.showWeekNumber ? j + 1 : j];
- if (!cell) {
- cell = { row: i, column: j, type: 'normal', inRange: false, start: false, end: false };
- }
- cell.type = 'normal';
- var index = i * 7 + j;
- var time = (0, _util.nextDate)(startDate, index - offset).getTime();
- cell.inRange = time >= clearHours(_this.minDate) && time <= clearHours(_this.maxDate);
- cell.start = _this.minDate && time === clearHours(_this.minDate);
- cell.end = _this.maxDate && time === clearHours(_this.maxDate);
- var isToday = time === now;
- if (isToday) {
- cell.type = 'today';
- }
- if (i >= 0 && i <= 1) {
- if (j + i * 7 >= day + offset) {
- cell.text = count++;
- if (count === 2) {
- firstDayPosition = i * 7 + j;
- }
- } else {
- cell.text = dateCountOfLastMonth - (day + offset - j % 7) + 1 + i * 7;
- cell.type = 'prev-month';
- }
- } else {
- if (count <= dateCountOfMonth) {
- cell.text = count++;
- if (count === 2) {
- firstDayPosition = i * 7 + j;
- }
- } else {
- cell.text = count++ - dateCountOfMonth;
- cell.type = 'next-month';
- }
- }
- var newDate = new Date(time);
- cell.disabled = typeof disabledDate === 'function' && disabledDate(newDate);
- cell.selected = Array.isArray(selectedDate) && selectedDate.filter(function (date) {
- return date.toString() === newDate.toString();
- })[0];
- _this.$set(row, _this.showWeekNumber ? j + 1 : j, cell);
- };
- for (var j = 0; j < 7; j++) {
- _loop(j);
- }
- if (this.selectionMode === 'week') {
- var start = this.showWeekNumber ? 1 : 0;
- var end = this.showWeekNumber ? 7 : 6;
- var isWeekActive = this.isWeekActive(row[start + 1]);
- row[start].inRange = isWeekActive;
- row[start].start = isWeekActive;
- row[end].inRange = isWeekActive;
- row[end].end = isWeekActive;
- }
- }
- rows.firstDayPosition = firstDayPosition;
- return rows;
- }
- },
- watch: {
- 'rangeState.endDate': function rangeStateEndDate(newVal) {
- this.markRange(newVal);
- },
- minDate: function minDate(newVal, oldVal) {
- if (newVal && !oldVal) {
- this.rangeState.selecting = true;
- this.markRange(newVal);
- } else if (!newVal) {
- this.rangeState.selecting = false;
- this.markRange(newVal);
- } else {
- this.markRange();
- }
- },
- maxDate: function maxDate(newVal, oldVal) {
- if (newVal && !oldVal) {
- this.rangeState.selecting = false;
- this.markRange(newVal);
- this.$emit('pick', {
- minDate: this.minDate,
- maxDate: this.maxDate
- });
- }
- }
- },
- data: function data() {
- return {
- tableRows: [[], [], [], [], [], []]
- };
- },
- methods: {
- cellMatchesDate: function cellMatchesDate(cell, date) {
- var value = new Date(date);
- return this.year === value.getFullYear() && this.month === value.getMonth() && Number(cell.text) === value.getDate();
- },
- getCellClasses: function getCellClasses(cell) {
- var _this2 = this;
- var selectionMode = this.selectionMode;
- var defaultValue = this.defaultValue ? Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue] : [];
- var classes = [];
- if ((cell.type === 'normal' || cell.type === 'today') && !cell.disabled) {
- classes.push('available');
- if (cell.type === 'today') {
- classes.push('today');
- }
- } else {
- classes.push(cell.type);
- }
- if (cell.type === 'normal' && defaultValue.some(function (date) {
- return _this2.cellMatchesDate(cell, date);
- })) {
- classes.push('default');
- }
- if (selectionMode === 'day' && (cell.type === 'normal' || cell.type === 'today') && this.cellMatchesDate(cell, this.value)) {
- classes.push('current');
- }
- if (cell.inRange && (cell.type === 'normal' || cell.type === 'today' || this.selectionMode === 'week')) {
- classes.push('in-range');
- if (cell.start) {
- classes.push('start-date');
- }
- if (cell.end) {
- classes.push('end-date');
- }
- }
- if (cell.disabled) {
- classes.push('disabled');
- }
- if (cell.selected) {
- classes.push('selected');
- }
- return classes.join(' ');
- },
- getDateOfCell: function getDateOfCell(row, column) {
- var offsetFromStart = row * 7 + (column - (this.showWeekNumber ? 1 : 0)) - this.offsetDay;
- return (0, _util.nextDate)(this.startDate, offsetFromStart);
- },
- isWeekActive: function isWeekActive(cell) {
- if (this.selectionMode !== 'week') return false;
- var newDate = new Date(this.year, this.month, 1);
- var year = newDate.getFullYear();
- var month = newDate.getMonth();
- if (cell.type === 'prev-month') {
- newDate.setMonth(month === 0 ? 11 : month - 1);
- newDate.setFullYear(month === 0 ? year - 1 : year);
- }
- if (cell.type === 'next-month') {
- newDate.setMonth(month === 11 ? 0 : month + 1);
- newDate.setFullYear(month === 11 ? year + 1 : year);
- }
- newDate.setDate(parseInt(cell.text, 10));
- var valueYear = (0, _util.isDate)(this.value) ? this.value.getFullYear() : null;
- return year === valueYear && (0, _util.getWeekNumber)(newDate) === (0, _util.getWeekNumber)(this.value);
- },
- markRange: function markRange(maxDate) {
- var startDate = this.startDate;
- if (!maxDate) {
- maxDate = this.maxDate;
- }
- var rows = this.rows;
- var minDate = this.minDate;
- for (var i = 0, k = rows.length; i < k; i++) {
- var row = rows[i];
- for (var j = 0, l = row.length; j < l; j++) {
- if (this.showWeekNumber && j === 0) continue;
- var _cell = row[j];
- var index = i * 7 + j + (this.showWeekNumber ? -1 : 0);
- var time = (0, _util.nextDate)(startDate, index - this.offsetDay).getTime();
- if (maxDate && maxDate < minDate) {
- _cell.inRange = minDate && time >= clearHours(maxDate) && time <= clearHours(minDate);
- _cell.start = maxDate && time === clearHours(maxDate.getTime());
- _cell.end = minDate && time === clearHours(minDate.getTime());
- } else {
- _cell.inRange = minDate && time >= clearHours(minDate) && time <= clearHours(maxDate);
- _cell.start = minDate && time === clearHours(minDate.getTime());
- _cell.end = maxDate && time === clearHours(maxDate.getTime());
- }
- }
- }
- },
- handleMouseMove: function handleMouseMove(event) {
- if (!this.rangeState.selecting) return;
- this.$emit('changerange', {
- minDate: this.minDate,
- maxDate: this.maxDate,
- rangeState: this.rangeState
- });
- var target = event.target;
- if (target.tagName === 'SPAN') {
- target = target.parentNode.parentNode;
- }
- if (target.tagName === 'DIV') {
- target = target.parentNode;
- }
- if (target.tagName !== 'TD') return;
- var column = target.cellIndex;
- var row = target.parentNode.rowIndex - 1;
- var _rangeState = this.rangeState,
- oldRow = _rangeState.row,
- oldColumn = _rangeState.column;
- if (oldRow !== row || oldColumn !== column) {
- this.rangeState.row = row;
- this.rangeState.column = column;
- this.rangeState.endDate = this.getDateOfCell(row, column);
- }
- },
- handleClick: function handleClick(event) {
- var _this3 = this;
- var target = event.target;
- if (target.tagName === 'SPAN') {
- target = target.parentNode.parentNode;
- }
- if (target.tagName === 'DIV') {
- target = target.parentNode;
- }
- if (target.tagName !== 'TD') return;
- if ((0, _dom.hasClass)(target, 'disabled') || (0, _dom.hasClass)(target, 'week')) return;
- var selectionMode = this.selectionMode;
- if (selectionMode === 'week') {
- target = target.parentNode.cells[1];
- }
- var year = Number(this.year);
- var month = Number(this.month);
- var cellIndex = target.cellIndex;
- var rowIndex = target.parentNode.rowIndex;
- var cell = this.rows[rowIndex - 1][cellIndex];
- var text = cell.text;
- var className = target.className;
- var newDate = new Date(year, month, 1);
- if (className.indexOf('prev') !== -1) {
- if (month === 0) {
- year = year - 1;
- month = 11;
- } else {
- month = month - 1;
- }
- newDate.setFullYear(year);
- newDate.setMonth(month);
- } else if (className.indexOf('next') !== -1) {
- if (month === 11) {
- year = year + 1;
- month = 0;
- } else {
- month = month + 1;
- }
- newDate.setFullYear(year);
- newDate.setMonth(month);
- }
- newDate.setDate(parseInt(text, 10));
- if (this.selectionMode === 'range') {
- if (this.minDate && this.maxDate) {
- var minDate = new Date(newDate.getTime());
- var maxDate = null;
- this.$emit('pick', { minDate: minDate, maxDate: maxDate }, false);
- this.rangeState.selecting = true;
- this.markRange(this.minDate);
- this.$nextTick(function () {
- _this3.handleMouseMove(event);
- });
- } else if (this.minDate && !this.maxDate) {
- if (newDate >= this.minDate) {
- var _maxDate = new Date(newDate.getTime());
- this.rangeState.selecting = false;
- this.$emit('pick', {
- minDate: this.minDate,
- maxDate: _maxDate
- });
- } else {
- var _minDate = new Date(newDate.getTime());
- this.rangeState.selecting = false;
- this.$emit('pick', { minDate: _minDate, maxDate: this.minDate });
- }
- } else if (!this.minDate) {
- var _minDate2 = new Date(newDate.getTime());
- this.$emit('pick', { minDate: _minDate2, maxDate: this.maxDate }, false);
- this.rangeState.selecting = true;
- this.markRange(this.minDate);
- }
- } else if (selectionMode === 'day') {
- this.$emit('pick', newDate);
- } else if (selectionMode === 'week') {
- var weekNumber = (0, _util.getWeekNumber)(newDate);
- var value = newDate.getFullYear() + 'w' + weekNumber;
- this.$emit('pick', {
- year: newDate.getFullYear(),
- week: weekNumber,
- value: value,
- date: newDate
- });
- } else if (selectionMode === 'dates') {
- (function () {
- var selectedDate = _this3.selectedDate;
- if (!cell.selected) {
- selectedDate.push(newDate);
- } else {
- selectedDate.forEach(function (date, index) {
- if (date.toString() === newDate.toString()) {
- selectedDate.splice(index, 1);
- }
- });
- }
- _this3.$emit('select', selectedDate);
- })();
- }
- }
- }
- };
- /***/ }),
- /* 190 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('table',{staticClass:"el-date-table",class:{ 'is-week-mode': _vm.selectionMode === 'week' },attrs:{"cellspacing":"0","cellpadding":"0"},on:{"click":_vm.handleClick,"mousemove":_vm.handleMouseMove}},[_c('tbody',[_c('tr',[(_vm.showWeekNumber)?_c('th',[_vm._v(_vm._s(_vm.t('el.datepicker.week')))]):_vm._e(),_vm._l((_vm.WEEKS),function(week){return _c('th',[_vm._v(_vm._s(_vm.t('el.datepicker.weeks.' + week)))])})],2),_vm._l((_vm.rows),function(row){return _c('tr',{staticClass:"el-date-table__row",class:{ current: _vm.isWeekActive(row[1]) }},_vm._l((row),function(cell){return _c('td',{class:_vm.getCellClasses(cell)},[_c('div',[_c('span',[_vm._v("\n "+_vm._s(cell.text)+"\n ")])])])}))})],2)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 191 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-enter":_vm.handleEnter,"after-leave":_vm.handleLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-picker-panel el-date-picker el-popper",class:[{
- 'has-sidebar': _vm.$slots.sidebar || _vm.shortcuts,
- 'has-time': _vm.showTime
- }, _vm.popperClass]},[_c('div',{staticClass:"el-picker-panel__body-wrapper"},[_vm._t("sidebar"),(_vm.shortcuts)?_c('div',{staticClass:"el-picker-panel__sidebar"},_vm._l((_vm.shortcuts),function(shortcut){return _c('button',{staticClass:"el-picker-panel__shortcut",attrs:{"type":"button"},on:{"click":function($event){_vm.handleShortcutClick(shortcut)}}},[_vm._v(_vm._s(shortcut.text))])})):_vm._e(),_c('div',{staticClass:"el-picker-panel__body"},[(_vm.showTime)?_c('div',{staticClass:"el-date-picker__time-header"},[_c('span',{staticClass:"el-date-picker__editor-wrap"},[_c('el-input',{attrs:{"placeholder":_vm.t('el.datepicker.selectDate'),"value":_vm.visibleDate,"size":"small"},on:{"input":function (val) { return _vm.userInputDate = val; },"change":_vm.handleVisibleDateChange}})],1),_c('span',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(function () { return _vm.timePickerVisible = false; }),expression:"() => timePickerVisible = false"}],staticClass:"el-date-picker__editor-wrap"},[_c('el-input',{ref:"input",attrs:{"placeholder":_vm.t('el.datepicker.selectTime'),"value":_vm.visibleTime,"size":"small"},on:{"focus":function($event){_vm.timePickerVisible = true},"input":function (val) { return _vm.userInputTime = val; },"change":_vm.handleVisibleTimeChange}}),_c('time-picker',{ref:"timepicker",attrs:{"time-arrow-control":_vm.arrowControl,"visible":_vm.timePickerVisible},on:{"pick":_vm.handleTimePick,"mounted":_vm.proxyTimePickerDataProperties}})],1)]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentView !== 'time'),expression:"currentView !== 'time'"}],staticClass:"el-date-picker__header",class:{ 'el-date-picker__header--bordered': _vm.currentView === 'year' || _vm.currentView === 'month' }},[_c('button',{staticClass:"el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left",attrs:{"type":"button","aria-label":_vm.t("el.datepicker.prevYear")},on:{"click":_vm.prevYear}}),_c('button',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentView === 'date'),expression:"currentView === 'date'"}],staticClass:"el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-arrow-left",attrs:{"type":"button","aria-label":_vm.t("el.datepicker.prevMonth")},on:{"click":_vm.prevMonth}}),_c('span',{staticClass:"el-date-picker__header-label",attrs:{"role":"button"},on:{"click":_vm.showYearPicker}},[_vm._v(_vm._s(_vm.yearLabel))]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentView === 'date'),expression:"currentView === 'date'"}],staticClass:"el-date-picker__header-label",class:{ active: _vm.currentView === 'month' },attrs:{"role":"button"},on:{"click":_vm.showMonthPicker}},[_vm._v(_vm._s(_vm.t(("el.datepicker.month" + (_vm.month + 1)))))]),_c('button',{staticClass:"el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right",attrs:{"type":"button","aria-label":_vm.t("el.datepicker.nextYear")},on:{"click":_vm.nextYear}}),_c('button',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentView === 'date'),expression:"currentView === 'date'"}],staticClass:"el-picker-panel__icon-btn el-date-picker__next-btn el-icon-arrow-right",attrs:{"type":"button","aria-label":_vm.t("el.datepicker.nextMonth")},on:{"click":_vm.nextMonth}})]),_c('div',{staticClass:"el-picker-panel__content"},[_c('date-table',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentView === 'date'),expression:"currentView === 'date'"}],attrs:{"selection-mode":_vm.selectionMode,"first-day-of-week":_vm.firstDayOfWeek,"value":new Date(_vm.value),"default-value":_vm.defaultValue ? new Date(_vm.defaultValue) : null,"date":_vm.date,"disabled-date":_vm.disabledDate,"selected-date":_vm.selectedDate},on:{"pick":_vm.handleDatePick,"select":_vm.handleDateSelect}}),_c('year-table',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentView === 'year'),expression:"currentView === 'year'"}],attrs:{"value":new Date(_vm.value),"default-value":_vm.defaultValue ? new Date(_vm.defaultValue) : null,"date":_vm.date,"disabled-date":_vm.disabledDate},on:{"pick":_vm.handleYearPick}}),_c('month-table',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentView === 'month'),expression:"currentView === 'month'"}],attrs:{"value":new Date(_vm.value),"default-value":_vm.defaultValue ? new Date(_vm.defaultValue) : null,"date":_vm.date,"disabled-date":_vm.disabledDate},on:{"pick":_vm.handleMonthPick}})],1)])],2),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.footerVisible && _vm.currentView === 'date'),expression:"footerVisible && currentView === 'date'"}],staticClass:"el-picker-panel__footer"},[_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.selectionMode !== 'dates'),expression:"selectionMode !== 'dates'"}],staticClass:"el-picker-panel__link-btn",attrs:{"size":"mini","type":"text"},on:{"click":_vm.changeToNow}},[_vm._v("\n "+_vm._s(_vm.t('el.datepicker.now'))+"\n ")]),_c('el-button',{staticClass:"el-picker-panel__link-btn",attrs:{"plain":"","size":"mini"},on:{"click":_vm.confirm}},[_vm._v("\n "+_vm._s(_vm.t('el.datepicker.confirm'))+"\n ")])],1)])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 192 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_range_vue__ = __webpack_require__(193);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_range_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_range_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_46d9642a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_date_range_vue__ = __webpack_require__(194);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_date_range_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_46d9642a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_date_range_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 193 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _util = __webpack_require__(11);
- var _clickoutside = __webpack_require__(9);
- var _clickoutside2 = _interopRequireDefault(_clickoutside);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _time = __webpack_require__(29);
- var _time2 = _interopRequireDefault(_time);
- var _dateTable = __webpack_require__(39);
- var _dateTable2 = _interopRequireDefault(_dateTable);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _button = __webpack_require__(15);
- var _button2 = _interopRequireDefault(_button);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var advanceDate = function advanceDate(date, amount) {
- return new Date(new Date(date).getTime() + amount);
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var calcDefaultValue = function calcDefaultValue(defaultValue) {
- if (Array.isArray(defaultValue)) {
- return [new Date(defaultValue[0]), new Date(defaultValue[1])];
- } else if (defaultValue) {
- return [new Date(defaultValue), advanceDate(defaultValue, 24 * 60 * 60 * 1000)];
- } else {
- return [new Date(), advanceDate(Date.now(), 24 * 60 * 60 * 1000)];
- }
- };
- exports.default = {
- mixins: [_locale2.default],
- directives: { Clickoutside: _clickoutside2.default },
- computed: {
- btnDisabled: function btnDisabled() {
- return !(this.minDate && this.maxDate && !this.selecting);
- },
- leftLabel: function leftLabel() {
- return this.leftDate.getFullYear() + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + (this.leftDate.getMonth() + 1));
- },
- rightLabel: function rightLabel() {
- return this.rightDate.getFullYear() + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + (this.rightDate.getMonth() + 1));
- },
- leftYear: function leftYear() {
- return this.leftDate.getFullYear();
- },
- leftMonth: function leftMonth() {
- return this.leftDate.getMonth();
- },
- leftMonthDate: function leftMonthDate() {
- return this.leftDate.getDate();
- },
- rightYear: function rightYear() {
- return this.rightDate.getFullYear();
- },
- rightMonth: function rightMonth() {
- return this.rightDate.getMonth();
- },
- rightMonthDate: function rightMonthDate() {
- return this.rightDate.getDate();
- },
- minVisibleDate: function minVisibleDate() {
- return this.minDate ? (0, _util.formatDate)(this.minDate, this.dateFormat) : '';
- },
- maxVisibleDate: function maxVisibleDate() {
- return this.maxDate || this.minDate ? (0, _util.formatDate)(this.maxDate || this.minDate, this.dateFormat) : '';
- },
- minVisibleTime: function minVisibleTime() {
- return this.minDate ? (0, _util.formatDate)(this.minDate, this.timeFormat) : '';
- },
- maxVisibleTime: function maxVisibleTime() {
- return this.maxDate || this.minDate ? (0, _util.formatDate)(this.maxDate || this.minDate, this.timeFormat) : '';
- },
- timeFormat: function timeFormat() {
- if (this.format) {
- return (0, _util.extractTimeFormat)(this.format);
- } else {
- return 'HH:mm:ss';
- }
- },
- dateFormat: function dateFormat() {
- if (this.format) {
- return (0, _util.extractDateFormat)(this.format);
- } else {
- return 'yyyy-MM-dd';
- }
- },
- enableMonthArrow: function enableMonthArrow() {
- var nextMonth = (this.leftMonth + 1) % 12;
- var yearOffset = this.leftMonth + 1 >= 12 ? 1 : 0;
- return this.unlinkPanels && new Date(this.leftYear + yearOffset, nextMonth) < new Date(this.rightYear, this.rightMonth);
- },
- enableYearArrow: function enableYearArrow() {
- return this.unlinkPanels && this.rightYear * 12 + this.rightMonth - (this.leftYear * 12 + this.leftMonth + 1) >= 12;
- }
- },
- data: function data() {
- return {
- popperClass: '',
- value: [],
- defaultValue: null,
- defaultTime: null,
- minDate: '',
- maxDate: '',
- leftDate: new Date(),
- rightDate: (0, _util.nextMonth)(new Date()),
- rangeState: {
- endDate: null,
- selecting: false,
- row: null,
- column: null
- },
- showTime: false,
- shortcuts: '',
- visible: '',
- disabledDate: '',
- firstDayOfWeek: 7,
- minTimePickerVisible: false,
- maxTimePickerVisible: false,
- format: '',
- arrowControl: false,
- unlinkPanels: false
- };
- },
- watch: {
- minDate: function minDate(val) {
- var _this = this;
- this.$nextTick(function () {
- if (_this.$refs.maxTimePicker && _this.maxDate && _this.maxDate < _this.minDate) {
- var format = 'HH:mm:ss';
- _this.$refs.maxTimePicker.selectableRange = [[(0, _util.parseDate)((0, _util.formatDate)(_this.minDate, format), format), (0, _util.parseDate)('23:59:59', format)]];
- }
- });
- if (val && this.$refs.minTimePicker) {
- this.$refs.minTimePicker.date = val;
- this.$refs.minTimePicker.value = val;
- }
- },
- maxDate: function maxDate(val) {
- if (val && this.$refs.maxTimePicker) {
- this.$refs.maxTimePicker.date = val;
- this.$refs.maxTimePicker.value = val;
- }
- },
- minTimePickerVisible: function minTimePickerVisible(val) {
- var _this2 = this;
- if (val) {
- this.$nextTick(function () {
- _this2.$refs.minTimePicker.date = _this2.minDate;
- _this2.$refs.minTimePicker.value = _this2.minDate;
- _this2.$refs.minTimePicker.adjustSpinners();
- });
- }
- },
- maxTimePickerVisible: function maxTimePickerVisible(val) {
- var _this3 = this;
- if (val) {
- this.$nextTick(function () {
- _this3.$refs.maxTimePicker.date = _this3.maxDate;
- _this3.$refs.maxTimePicker.value = _this3.maxDate;
- _this3.$refs.maxTimePicker.adjustSpinners();
- });
- }
- },
- value: function value(newVal) {
- if (!newVal) {
- this.minDate = null;
- this.maxDate = null;
- } else if (Array.isArray(newVal)) {
- this.minDate = (0, _util.isDate)(newVal[0]) ? new Date(newVal[0]) : null;
- this.maxDate = (0, _util.isDate)(newVal[1]) ? new Date(newVal[1]) : null;
- // NOTE: currently, maxDate = minDate + 1 month
- // should allow them to be set individually in the future
- if (this.minDate) {
- this.leftDate = this.minDate;
- if (this.unlinkPanels && this.maxDate) {
- var minDateYear = this.minDate.getFullYear();
- var minDateMonth = this.minDate.getMonth();
- var maxDateYear = this.maxDate.getFullYear();
- var maxDateMonth = this.maxDate.getMonth();
- this.rightDate = minDateYear === maxDateYear && minDateMonth === maxDateMonth ? (0, _util.nextMonth)(this.maxDate) : this.maxDate;
- } else {
- this.rightDate = (0, _util.nextMonth)(this.leftDate);
- }
- } else {
- this.leftDate = calcDefaultValue(this.defaultValue)[0];
- this.rightDate = (0, _util.nextMonth)(this.leftDate);
- }
- }
- },
- defaultValue: function defaultValue(val) {
- if (!Array.isArray(this.value)) {
- var _calcDefaultValue = calcDefaultValue(val),
- left = _calcDefaultValue[0],
- right = _calcDefaultValue[1];
- this.leftDate = left;
- this.rightDate = val && val[1] && this.unlinkPanels ? right : (0, _util.nextMonth)(this.leftDate);
- }
- }
- },
- methods: {
- handleClear: function handleClear() {
- this.minDate = null;
- this.maxDate = null;
- this.leftDate = calcDefaultValue(this.defaultValue)[0];
- this.rightDate = (0, _util.nextMonth)(this.leftDate);
- this.$emit('pick', null);
- },
- handleChangeRange: function handleChangeRange(val) {
- this.minDate = val.minDate;
- this.maxDate = val.maxDate;
- this.rangeState = val.rangeState;
- },
- handleDateInput: function handleDateInput(event, type) {
- var value = event.target.value;
- if (value.length !== this.dateFormat.length) return;
- var parsedValue = (0, _util.parseDate)(value, this.dateFormat);
- if (parsedValue) {
- if (typeof this.disabledDate === 'function' && this.disabledDate(new Date(parsedValue))) {
- return;
- }
- if (type === 'min') {
- this.minDate = new Date(parsedValue);
- this.leftDate = new Date(parsedValue);
- this.rightDate = (0, _util.nextMonth)(this.leftDate);
- } else {
- this.maxDate = new Date(parsedValue);
- this.leftDate = (0, _util.prevMonth)(parsedValue);
- this.rightDate = new Date(parsedValue);
- }
- }
- },
- handleDateChange: function handleDateChange(event, type) {
- var value = event.target.value;
- var parsedValue = (0, _util.parseDate)(value, this.dateFormat);
- if (parsedValue) {
- if (type === 'min') {
- this.minDate = (0, _util.modifyDate)(this.minDate, parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
- if (this.minDate > this.maxDate) {
- this.maxDate = this.minDate;
- }
- } else {
- this.maxDate = (0, _util.modifyDate)(this.maxDate, parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
- if (this.maxDate < this.minDate) {
- this.minDate = this.maxDate;
- }
- }
- }
- },
- handleTimeChange: function handleTimeChange(event, type) {
- var value = event.target.value;
- var parsedValue = (0, _util.parseDate)(value, this.timeFormat);
- if (parsedValue) {
- if (type === 'min') {
- this.minDate = (0, _util.modifyTime)(this.minDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
- if (this.minDate > this.maxDate) {
- this.maxDate = this.minDate;
- }
- this.$refs.minTimePicker.value = this.minDate;
- this.minTimePickerVisible = false;
- } else {
- this.maxDate = (0, _util.modifyTime)(this.maxDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
- if (this.maxDate < this.minDate) {
- this.minDate = this.maxDate;
- }
- this.$refs.maxTimePicker.value = this.minDate;
- this.maxTimePickerVisible = false;
- }
- }
- },
- handleRangePick: function handleRangePick(val) {
- var _this4 = this;
- var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
- var defaultTime = this.defaultTime || [];
- var minDate = (0, _util.modifyWithDefaultTime)(val.minDate, defaultTime[0]);
- var maxDate = (0, _util.modifyWithDefaultTime)(val.maxDate, defaultTime[1]);
- if (this.maxDate === maxDate && this.minDate === minDate) {
- return;
- }
- this.onPick && this.onPick(val);
- this.maxDate = maxDate;
- this.minDate = minDate;
- // workaround for https://github.com/ElemeFE/element/issues/7539, should remove this block when we don't have to care about Chromium 55 - 57
- setTimeout(function () {
- _this4.maxDate = maxDate;
- _this4.minDate = minDate;
- }, 10);
- if (!close || this.showTime) return;
- this.handleConfirm();
- },
- handleShortcutClick: function handleShortcutClick(shortcut) {
- if (shortcut.onClick) {
- shortcut.onClick(this);
- }
- },
- handleMinTimePick: function handleMinTimePick(value, visible, first) {
- this.minDate = this.minDate || new Date();
- if (value) {
- this.minDate = (0, _util.modifyTime)(this.minDate, value.getHours(), value.getMinutes(), value.getSeconds());
- }
- if (!first) {
- this.minTimePickerVisible = visible;
- }
- if (!this.maxDate || this.maxDate && this.maxDate.getTime() < this.minDate.getTime()) {
- this.maxDate = new Date(this.minDate);
- }
- },
- handleMaxTimePick: function handleMaxTimePick(value, visible, first) {
- if (this.maxDate && value) {
- this.maxDate = (0, _util.modifyTime)(this.maxDate, value.getHours(), value.getMinutes(), value.getSeconds());
- }
- if (!first) {
- this.maxTimePickerVisible = visible;
- }
- if (this.maxDate && this.minDate && this.minDate.getTime() > this.maxDate.getTime()) {
- this.minDate = new Date(this.maxDate);
- }
- },
- // leftPrev*, rightNext* need to take care of `unlinkPanels`
- leftPrevYear: function leftPrevYear() {
- this.leftDate = (0, _util.prevYear)(this.leftDate);
- if (!this.unlinkPanels) {
- this.rightDate = (0, _util.nextMonth)(this.leftDate);
- }
- },
- leftPrevMonth: function leftPrevMonth() {
- this.leftDate = (0, _util.prevMonth)(this.leftDate);
- if (!this.unlinkPanels) {
- this.rightDate = (0, _util.nextMonth)(this.leftDate);
- }
- },
- rightNextYear: function rightNextYear() {
- if (!this.unlinkPanels) {
- this.leftDate = (0, _util.nextYear)(this.leftDate);
- this.rightDate = (0, _util.nextMonth)(this.leftDate);
- } else {
- this.rightDate = (0, _util.nextYear)(this.rightDate);
- }
- },
- rightNextMonth: function rightNextMonth() {
- if (!this.unlinkPanels) {
- this.leftDate = (0, _util.nextMonth)(this.leftDate);
- this.rightDate = (0, _util.nextMonth)(this.leftDate);
- } else {
- this.rightDate = (0, _util.nextMonth)(this.rightDate);
- }
- },
- // leftNext*, rightPrev* are called when `unlinkPanels` is true
- leftNextYear: function leftNextYear() {
- this.leftDate = (0, _util.nextYear)(this.leftDate);
- },
- leftNextMonth: function leftNextMonth() {
- this.leftDate = (0, _util.nextMonth)(this.leftDate);
- },
- rightPrevYear: function rightPrevYear() {
- this.rightDate = (0, _util.prevYear)(this.rightDate);
- },
- rightPrevMonth: function rightPrevMonth() {
- this.rightDate = (0, _util.prevMonth)(this.rightDate);
- },
- handleConfirm: function handleConfirm() {
- var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- this.$emit('pick', [this.minDate, this.maxDate], visible);
- },
- isValidValue: function isValidValue(value) {
- return Array.isArray(value) && value && value[0] && value[1] && (0, _util.isDate)(value[0]) && (0, _util.isDate)(value[1]) && value[0].getTime() <= value[1].getTime() && (typeof this.disabledDate === 'function' ? !this.disabledDate(value[0]) && !this.disabledDate(value[1]) : true);
- }
- },
- components: { TimePicker: _time2.default, DateTable: _dateTable2.default, ElInput: _input2.default, ElButton: _button2.default }
- };
- /***/ }),
- /* 194 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-leave":function($event){_vm.$emit('dodestroy')}}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-picker-panel el-date-range-picker el-popper",class:[{
- 'has-sidebar': _vm.$slots.sidebar || _vm.shortcuts,
- 'has-time': _vm.showTime
- }, _vm.popperClass]},[_c('div',{staticClass:"el-picker-panel__body-wrapper"},[_vm._t("sidebar"),(_vm.shortcuts)?_c('div',{staticClass:"el-picker-panel__sidebar"},_vm._l((_vm.shortcuts),function(shortcut){return _c('button',{staticClass:"el-picker-panel__shortcut",attrs:{"type":"button"},on:{"click":function($event){_vm.handleShortcutClick(shortcut)}}},[_vm._v(_vm._s(shortcut.text))])})):_vm._e(),_c('div',{staticClass:"el-picker-panel__body"},[(_vm.showTime)?_c('div',{staticClass:"el-date-range-picker__time-header"},[_c('span',{staticClass:"el-date-range-picker__editors-wrap"},[_c('span',{staticClass:"el-date-range-picker__time-picker-wrap"},[_c('el-input',{ref:"minInput",staticClass:"el-date-range-picker__editor",attrs:{"size":"small","disabled":_vm.rangeState.selecting,"placeholder":_vm.t('el.datepicker.startDate'),"value":_vm.minVisibleDate},nativeOn:{"input":function($event){_vm.handleDateInput($event, 'min')},"change":function($event){_vm.handleDateChange($event, 'min')}}})],1),_c('span',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(function () { return _vm.minTimePickerVisible = false; }),expression:"() => minTimePickerVisible = false"}],staticClass:"el-date-range-picker__time-picker-wrap"},[_c('el-input',{staticClass:"el-date-range-picker__editor",attrs:{"size":"small","disabled":_vm.rangeState.selecting,"placeholder":_vm.t('el.datepicker.startTime'),"value":_vm.minVisibleTime},on:{"focus":function($event){_vm.minTimePickerVisible = true}},nativeOn:{"change":function($event){_vm.handleTimeChange($event, 'min')}}}),_c('time-picker',{ref:"minTimePicker",attrs:{"time-arrow-control":_vm.arrowControl,"visible":_vm.minTimePickerVisible},on:{"pick":_vm.handleMinTimePick,"mounted":function($event){_vm.$refs.minTimePicker.format=_vm.timeFormat}}})],1)]),_c('span',{staticClass:"el-icon-arrow-right"}),_c('span',{staticClass:"el-date-range-picker__editors-wrap is-right"},[_c('span',{staticClass:"el-date-range-picker__time-picker-wrap"},[_c('el-input',{staticClass:"el-date-range-picker__editor",attrs:{"size":"small","disabled":_vm.rangeState.selecting,"placeholder":_vm.t('el.datepicker.endDate'),"value":_vm.maxVisibleDate,"readonly":!_vm.minDate},nativeOn:{"input":function($event){_vm.handleDateInput($event, 'max')},"change":function($event){_vm.handleDateChange($event, 'max')}}})],1),_c('span',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(function () { return _vm.maxTimePickerVisible = false; }),expression:"() => maxTimePickerVisible = false"}],staticClass:"el-date-range-picker__time-picker-wrap"},[_c('el-input',{ref:"maxInput",staticClass:"el-date-range-picker__editor",attrs:{"size":"small","disabled":_vm.rangeState.selecting,"placeholder":_vm.t('el.datepicker.endTime'),"value":_vm.maxVisibleTime,"readonly":!_vm.minDate},on:{"focus":function($event){_vm.minDate && (_vm.maxTimePickerVisible = true)}},nativeOn:{"change":function($event){_vm.handleTimeChange($event, 'max')}}}),_c('time-picker',{ref:"maxTimePicker",attrs:{"time-arrow-control":_vm.arrowControl,"visible":_vm.maxTimePickerVisible},on:{"pick":_vm.handleMaxTimePick,"mounted":function($event){_vm.$refs.maxTimePicker.format=_vm.timeFormat}}})],1)])]):_vm._e(),_c('div',{staticClass:"el-picker-panel__content el-date-range-picker__content is-left"},[_c('div',{staticClass:"el-date-range-picker__header"},[_c('button',{staticClass:"el-picker-panel__icon-btn el-icon-d-arrow-left",attrs:{"type":"button"},on:{"click":_vm.leftPrevYear}}),_c('button',{staticClass:"el-picker-panel__icon-btn el-icon-arrow-left",attrs:{"type":"button"},on:{"click":_vm.leftPrevMonth}}),(_vm.unlinkPanels)?_c('button',{staticClass:"el-picker-panel__icon-btn el-icon-d-arrow-right",class:{ 'is-disabled': !_vm.enableYearArrow },attrs:{"type":"button","disabled":!_vm.enableYearArrow},on:{"click":_vm.leftNextYear}}):_vm._e(),(_vm.unlinkPanels)?_c('button',{staticClass:"el-picker-panel__icon-btn el-icon-arrow-right",class:{ 'is-disabled': !_vm.enableMonthArrow },attrs:{"type":"button","disabled":!_vm.enableMonthArrow},on:{"click":_vm.leftNextMonth}}):_vm._e(),_c('div',[_vm._v(_vm._s(_vm.leftLabel))])]),_c('date-table',{attrs:{"selection-mode":"range","date":_vm.leftDate,"default-value":_vm.defaultValue,"min-date":_vm.minDate,"max-date":_vm.maxDate,"range-state":_vm.rangeState,"disabled-date":_vm.disabledDate,"first-day-of-week":_vm.firstDayOfWeek},on:{"changerange":_vm.handleChangeRange,"pick":_vm.handleRangePick}})],1),_c('div',{staticClass:"el-picker-panel__content el-date-range-picker__content is-right"},[_c('div',{staticClass:"el-date-range-picker__header"},[(_vm.unlinkPanels)?_c('button',{staticClass:"el-picker-panel__icon-btn el-icon-d-arrow-left",class:{ 'is-disabled': !_vm.enableYearArrow },attrs:{"type":"button","disabled":!_vm.enableYearArrow},on:{"click":_vm.rightPrevYear}}):_vm._e(),(_vm.unlinkPanels)?_c('button',{staticClass:"el-picker-panel__icon-btn el-icon-arrow-left",class:{ 'is-disabled': !_vm.enableMonthArrow },attrs:{"type":"button","disabled":!_vm.enableMonthArrow},on:{"click":_vm.rightPrevMonth}}):_vm._e(),_c('button',{staticClass:"el-picker-panel__icon-btn el-icon-d-arrow-right",attrs:{"type":"button"},on:{"click":_vm.rightNextYear}}),_c('button',{staticClass:"el-picker-panel__icon-btn el-icon-arrow-right",attrs:{"type":"button"},on:{"click":_vm.rightNextMonth}}),_c('div',[_vm._v(_vm._s(_vm.rightLabel))])]),_c('date-table',{attrs:{"selection-mode":"range","date":_vm.rightDate,"default-value":_vm.defaultValue,"min-date":_vm.minDate,"max-date":_vm.maxDate,"range-state":_vm.rangeState,"disabled-date":_vm.disabledDate,"first-day-of-week":_vm.firstDayOfWeek},on:{"changerange":_vm.handleChangeRange,"pick":_vm.handleRangePick}})],1)])],2),(_vm.showTime)?_c('div',{staticClass:"el-picker-panel__footer"},[_c('el-button',{staticClass:"el-picker-panel__link-btn",attrs:{"size":"mini","type":"text"},on:{"click":_vm.handleClear}},[_vm._v("\n "+_vm._s(_vm.t('el.datepicker.clear'))+"\n ")]),_c('el-button',{staticClass:"el-picker-panel__link-btn",attrs:{"plain":"","size":"mini","disabled":_vm.btnDisabled},on:{"click":function($event){_vm.handleConfirm()}}},[_vm._v("\n "+_vm._s(_vm.t('el.datepicker.confirm'))+"\n ")])],1):_vm._e()])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 195 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _timeSelect = __webpack_require__(196);
- var _timeSelect2 = _interopRequireDefault(_timeSelect);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _timeSelect2.default.install = function (Vue) {
- Vue.component(_timeSelect2.default.name, _timeSelect2.default);
- };
- exports.default = _timeSelect2.default;
- /***/ }),
- /* 196 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _picker = __webpack_require__(28);
- var _picker2 = _interopRequireDefault(_picker);
- var _timeSelect = __webpack_require__(197);
- var _timeSelect2 = _interopRequireDefault(_timeSelect);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- mixins: [_picker2.default],
- name: 'ElTimeSelect',
- componentName: 'ElTimeSelect',
- props: {
- type: {
- type: String,
- default: 'time-select'
- }
- },
- beforeCreate: function beforeCreate() {
- this.panel = _timeSelect2.default;
- }
- };
- /***/ }),
- /* 197 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_select_vue__ = __webpack_require__(198);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_select_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_select_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2dfad182_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_time_select_vue__ = __webpack_require__(199);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_select_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2dfad182_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_time_select_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 198 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _scrollbar = __webpack_require__(18);
- var _scrollbar2 = _interopRequireDefault(_scrollbar);
- var _scrollIntoView = __webpack_require__(26);
- var _scrollIntoView2 = _interopRequireDefault(_scrollIntoView);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var parseTime = function parseTime(time) {
- var values = (time || '').split(':');
- if (values.length >= 2) {
- var hours = parseInt(values[0], 10);
- var minutes = parseInt(values[1], 10);
- return {
- hours: hours,
- minutes: minutes
- };
- }
- /* istanbul ignore next */
- return null;
- };
- var compareTime = function compareTime(time1, time2) {
- var value1 = parseTime(time1);
- var value2 = parseTime(time2);
- var minutes1 = value1.minutes + value1.hours * 60;
- var minutes2 = value2.minutes + value2.hours * 60;
- if (minutes1 === minutes2) {
- return 0;
- }
- return minutes1 > minutes2 ? 1 : -1;
- };
- var formatTime = function formatTime(time) {
- return (time.hours < 10 ? '0' + time.hours : time.hours) + ':' + (time.minutes < 10 ? '0' + time.minutes : time.minutes);
- };
- var nextTime = function nextTime(time, step) {
- var timeValue = parseTime(time);
- var stepValue = parseTime(step);
- var next = {
- hours: timeValue.hours,
- minutes: timeValue.minutes
- };
- next.minutes += stepValue.minutes;
- next.hours += stepValue.hours;
- next.hours += Math.floor(next.minutes / 60);
- next.minutes = next.minutes % 60;
- return formatTime(next);
- };
- exports.default = {
- components: { ElScrollbar: _scrollbar2.default },
- watch: {
- value: function value(val) {
- var _this = this;
- if (!val) return;
- this.$nextTick(function () {
- return _this.scrollToOption();
- });
- }
- },
- methods: {
- handleClick: function handleClick(item) {
- if (!item.disabled) {
- this.$emit('pick', item.value);
- }
- },
- handleClear: function handleClear() {
- this.$emit('pick', null);
- },
- scrollToOption: function scrollToOption() {
- var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '.selected';
- var menu = this.$refs.popper.querySelector('.el-picker-panel__content');
- (0, _scrollIntoView2.default)(menu, menu.querySelector(selector));
- },
- handleMenuEnter: function handleMenuEnter() {
- var _this2 = this;
- var selected = this.items.map(function (item) {
- return item.value;
- }).indexOf(this.value) !== -1;
- var hasDefault = this.items.map(function (item) {
- return item.value;
- }).indexOf(this.defaultValue) !== -1;
- var option = selected && '.selected' || hasDefault && '.default' || '.time-select-item:not(.disabled)';
- this.$nextTick(function () {
- return _this2.scrollToOption(option);
- });
- },
- scrollDown: function scrollDown(step) {
- var items = this.items;
- var length = items.length;
- var total = items.length;
- var index = items.map(function (item) {
- return item.value;
- }).indexOf(this.value);
- while (total--) {
- index = (index + step + length) % length;
- if (!items[index].disabled) {
- this.$emit('pick', items[index].value, true);
- return;
- }
- }
- },
- isValidValue: function isValidValue(date) {
- return this.items.filter(function (item) {
- return !item.disabled;
- }).map(function (item) {
- return item.value;
- }).indexOf(date) !== -1;
- },
- handleKeydown: function handleKeydown(event) {
- var keyCode = event.keyCode;
- if (keyCode === 38 || keyCode === 40) {
- var mapping = { 40: 1, 38: -1 };
- var offset = mapping[keyCode.toString()];
- this.scrollDown(offset);
- event.stopPropagation();
- return;
- }
- }
- },
- data: function data() {
- return {
- popperClass: '',
- start: '09:00',
- end: '18:00',
- step: '00:30',
- value: '',
- defaultValue: '',
- visible: false,
- minTime: '',
- maxTime: '',
- width: 0
- };
- },
- computed: {
- items: function items() {
- var start = this.start;
- var end = this.end;
- var step = this.step;
- var result = [];
- if (start && end && step) {
- var current = start;
- while (compareTime(current, end) <= 0) {
- result.push({
- value: current,
- disabled: compareTime(current, this.minTime || '-1:-1') <= 0 || compareTime(current, this.maxTime || '100:100') >= 0
- });
- current = nextTime(current, step);
- }
- }
- return result;
- }
- }
- };
- /***/ }),
- /* 199 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"before-enter":_vm.handleMenuEnter,"after-leave":function($event){_vm.$emit('dodestroy')}}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],ref:"popper",staticClass:"el-picker-panel time-select el-popper",class:_vm.popperClass,style:({ width: _vm.width + 'px' })},[_c('el-scrollbar',{attrs:{"noresize":"","wrap-class":"el-picker-panel__content"}},_vm._l((_vm.items),function(item){return _c('div',{staticClass:"time-select-item",class:{ selected: _vm.value === item.value, disabled: item.disabled, default: item.value === _vm.defaultValue },attrs:{"disabled":item.disabled},on:{"click":function($event){_vm.handleClick(item)}}},[_vm._v(_vm._s(item.value))])}))],1)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 200 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _timePicker = __webpack_require__(201);
- var _timePicker2 = _interopRequireDefault(_timePicker);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _timePicker2.default.install = function (Vue) {
- Vue.component(_timePicker2.default.name, _timePicker2.default);
- };
- exports.default = _timePicker2.default;
- /***/ }),
- /* 201 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _picker = __webpack_require__(28);
- var _picker2 = _interopRequireDefault(_picker);
- var _time = __webpack_require__(29);
- var _time2 = _interopRequireDefault(_time);
- var _timeRange = __webpack_require__(202);
- var _timeRange2 = _interopRequireDefault(_timeRange);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- mixins: [_picker2.default],
- name: 'ElTimePicker',
- props: {
- isRange: Boolean,
- arrowControl: Boolean
- },
- data: function data() {
- return {
- type: ''
- };
- },
- watch: {
- isRange: function isRange(_isRange) {
- if (this.picker) {
- this.unmountPicker();
- this.type = _isRange ? 'timerange' : 'time';
- this.panel = _isRange ? _timeRange2.default : _time2.default;
- this.mountPicker();
- } else {
- this.type = _isRange ? 'timerange' : 'time';
- this.panel = _isRange ? _timeRange2.default : _time2.default;
- }
- }
- },
- created: function created() {
- this.type = this.isRange ? 'timerange' : 'time';
- this.panel = this.isRange ? _timeRange2.default : _time2.default;
- }
- };
- /***/ }),
- /* 202 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_range_vue__ = __webpack_require__(203);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_range_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_range_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_38ac964a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_time_range_vue__ = __webpack_require__(204);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_time_range_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_38ac964a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_time_range_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 203 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _util = __webpack_require__(11);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _timeSpinner = __webpack_require__(38);
- var _timeSpinner2 = _interopRequireDefault(_timeSpinner);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var MIN_TIME = (0, _util.parseDate)('00:00:00', 'HH:mm:ss'); //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var MAX_TIME = (0, _util.parseDate)('23:59:59', 'HH:mm:ss');
- var minTimeOfDay = function minTimeOfDay(date) {
- return (0, _util.modifyDate)(MIN_TIME, date.getFullYear(), date.getMonth(), date.getDate());
- };
- var maxTimeOfDay = function maxTimeOfDay(date) {
- return (0, _util.modifyDate)(MAX_TIME, date.getFullYear(), date.getMonth(), date.getDate());
- };
- // increase time by amount of milliseconds, but within the range of day
- var advanceTime = function advanceTime(date, amount) {
- return new Date(Math.min(date.getTime() + amount, maxTimeOfDay(date).getTime()));
- };
- exports.default = {
- mixins: [_locale2.default],
- components: { TimeSpinner: _timeSpinner2.default },
- computed: {
- showSeconds: function showSeconds() {
- return (this.format || '').indexOf('ss') !== -1;
- },
- offset: function offset() {
- return this.showSeconds ? 11 : 8;
- },
- spinner: function spinner() {
- return this.selectionRange[0] < this.offset ? this.$refs.minSpinner : this.$refs.maxSpinner;
- },
- btnDisabled: function btnDisabled() {
- return this.minDate.getTime() > this.maxDate.getTime();
- },
- amPmMode: function amPmMode() {
- if ((this.format || '').indexOf('A') !== -1) return 'A';
- if ((this.format || '').indexOf('a') !== -1) return 'a';
- return '';
- }
- },
- data: function data() {
- return {
- popperClass: '',
- minDate: new Date(),
- maxDate: new Date(),
- value: [],
- oldValue: [new Date(), new Date()],
- defaultValue: null,
- format: 'HH:mm:ss',
- visible: false,
- selectionRange: [0, 2],
- arrowControl: false
- };
- },
- watch: {
- value: function value(_value) {
- if (Array.isArray(_value)) {
- this.minDate = new Date(_value[0]);
- this.maxDate = new Date(_value[1]);
- } else {
- if (Array.isArray(this.defaultValue)) {
- this.minDate = new Date(this.defaultValue[0]);
- this.maxDate = new Date(this.defaultValue[1]);
- } else if (this.defaultValue) {
- this.minDate = new Date(this.defaultValue);
- this.maxDate = advanceTime(new Date(this.defaultValue), 60 * 60 * 1000);
- } else {
- this.minDate = new Date();
- this.maxDate = advanceTime(new Date(), 60 * 60 * 1000);
- }
- }
- },
- visible: function visible(val) {
- var _this = this;
- if (val) {
- this.oldValue = this.value;
- this.$nextTick(function () {
- return _this.$refs.minSpinner.emitSelectRange('hours');
- });
- }
- }
- },
- methods: {
- handleClear: function handleClear() {
- this.$emit('pick', null);
- },
- handleCancel: function handleCancel() {
- this.$emit('pick', this.oldValue);
- },
- handleMinChange: function handleMinChange(date) {
- this.minDate = (0, _util.clearMilliseconds)(date);
- this.handleChange();
- },
- handleMaxChange: function handleMaxChange(date) {
- this.maxDate = (0, _util.clearMilliseconds)(date);
- this.handleChange();
- },
- handleChange: function handleChange() {
- if (this.isValidValue([this.minDate, this.maxDate])) {
- this.$refs.minSpinner.selectableRange = [[minTimeOfDay(this.minDate), this.maxDate]];
- this.$refs.maxSpinner.selectableRange = [[this.minDate, maxTimeOfDay(this.maxDate)]];
- this.$emit('pick', [this.minDate, this.maxDate], true);
- }
- },
- setMinSelectionRange: function setMinSelectionRange(start, end) {
- this.$emit('select-range', start, end, 'min');
- this.selectionRange = [start, end];
- },
- setMaxSelectionRange: function setMaxSelectionRange(start, end) {
- this.$emit('select-range', start, end, 'max');
- this.selectionRange = [start + this.offset, end + this.offset];
- },
- handleConfirm: function handleConfirm() {
- var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- var minSelectableRange = this.$refs.minSpinner.selectableRange;
- var maxSelectableRange = this.$refs.maxSpinner.selectableRange;
- this.minDate = (0, _util.limitTimeRange)(this.minDate, minSelectableRange, this.format);
- this.maxDate = (0, _util.limitTimeRange)(this.maxDate, maxSelectableRange, this.format);
- this.$emit('pick', [this.minDate, this.maxDate], visible);
- },
- adjustSpinners: function adjustSpinners() {
- this.$refs.minSpinner.adjustSpinners();
- this.$refs.maxSpinner.adjustSpinners();
- },
- changeSelectionRange: function changeSelectionRange(step) {
- var list = this.showSeconds ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11];
- var mapping = ['hours', 'minutes'].concat(this.showSeconds ? ['seconds'] : []);
- var index = list.indexOf(this.selectionRange[0]);
- var next = (index + step + list.length) % list.length;
- var half = list.length / 2;
- if (next < half) {
- this.$refs.minSpinner.emitSelectRange(mapping[next]);
- } else {
- this.$refs.maxSpinner.emitSelectRange(mapping[next - half]);
- }
- },
- isValidValue: function isValidValue(date) {
- return Array.isArray(date) && (0, _util.timeWithinRange)(this.minDate, this.$refs.minSpinner.selectableRange) && (0, _util.timeWithinRange)(this.maxDate, this.$refs.maxSpinner.selectableRange);
- },
- handleKeydown: function handleKeydown(event) {
- var keyCode = event.keyCode;
- var mapping = { 38: -1, 40: 1, 37: -1, 39: 1 };
- // Left or Right
- if (keyCode === 37 || keyCode === 39) {
- var step = mapping[keyCode];
- this.changeSelectionRange(step);
- event.preventDefault();
- return;
- }
- // Up or Down
- if (keyCode === 38 || keyCode === 40) {
- var _step = mapping[keyCode];
- this.spinner.scrollDown(_step);
- event.preventDefault();
- return;
- }
- }
- }
- };
- /***/ }),
- /* 204 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-leave":function($event){_vm.$emit('dodestroy')}}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-time-range-picker el-picker-panel el-popper",class:_vm.popperClass},[_c('div',{staticClass:"el-time-range-picker__content"},[_c('div',{staticClass:"el-time-range-picker__cell"},[_c('div',{staticClass:"el-time-range-picker__header"},[_vm._v(_vm._s(_vm.t('el.datepicker.startTime')))]),_c('div',{staticClass:"el-time-range-picker__body el-time-panel__content",class:{ 'has-seconds': _vm.showSeconds, 'is-arrow': _vm.arrowControl }},[_c('time-spinner',{ref:"minSpinner",attrs:{"show-seconds":_vm.showSeconds,"am-pm-mode":_vm.amPmMode,"arrow-control":_vm.arrowControl,"date":_vm.minDate},on:{"change":_vm.handleMinChange,"select-range":_vm.setMinSelectionRange}})],1)]),_c('div',{staticClass:"el-time-range-picker__cell"},[_c('div',{staticClass:"el-time-range-picker__header"},[_vm._v(_vm._s(_vm.t('el.datepicker.endTime')))]),_c('div',{staticClass:"el-time-range-picker__body el-time-panel__content",class:{ 'has-seconds': _vm.showSeconds, 'is-arrow': _vm.arrowControl }},[_c('time-spinner',{ref:"maxSpinner",attrs:{"show-seconds":_vm.showSeconds,"am-pm-mode":_vm.amPmMode,"arrow-control":_vm.arrowControl,"date":_vm.maxDate},on:{"change":_vm.handleMaxChange,"select-range":_vm.setMaxSelectionRange}})],1)])]),_c('div',{staticClass:"el-time-panel__footer"},[_c('button',{staticClass:"el-time-panel__btn cancel",attrs:{"type":"button"},on:{"click":function($event){_vm.handleCancel()}}},[_vm._v(_vm._s(_vm.t('el.datepicker.cancel')))]),_c('button',{staticClass:"el-time-panel__btn confirm",attrs:{"type":"button","disabled":_vm.btnDisabled},on:{"click":function($event){_vm.handleConfirm()}}},[_vm._v(_vm._s(_vm.t('el.datepicker.confirm')))])])])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 205 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(206);
- var _main2 = _interopRequireDefault(_main);
- var _directive = __webpack_require__(209);
- var _directive2 = _interopRequireDefault(_directive);
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- _vue2.default.directive('popover', _directive2.default);
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.directive('popover', _directive2.default);
- Vue.component(_main2.default.name, _main2.default);
- };
- _main2.default.directive = _directive2.default;
- exports.default = _main2.default;
- /***/ }),
- /* 206 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(207);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_14fd8dc3_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(208);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_14fd8dc3_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 207 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- var _dom = __webpack_require__(3);
- var _util = __webpack_require__(4);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElPopover',
- mixins: [_vuePopper2.default],
- props: {
- trigger: {
- type: String,
- default: 'click',
- validator: function validator(value) {
- return ['click', 'focus', 'hover', 'manual'].indexOf(value) > -1;
- }
- },
- openDelay: {
- type: Number,
- default: 0
- },
- title: String,
- disabled: Boolean,
- content: String,
- reference: {},
- popperClass: String,
- width: {},
- visibleArrow: {
- default: true
- },
- arrowOffset: {
- type: Number,
- default: 0
- },
- transition: {
- type: String,
- default: 'fade-in-linear'
- }
- },
- computed: {
- tooltipId: function tooltipId() {
- return 'el-popover-' + (0, _util.generateId)();
- }
- },
- watch: {
- showPopper: function showPopper(val) {
- val ? this.$emit('show') : this.$emit('hide');
- }
- },
- mounted: function mounted() {
- var _this = this;
- var reference = this.referenceElm = this.reference || this.$refs.reference;
- var popper = this.popper || this.$refs.popper;
- if (!reference && this.$slots.reference && this.$slots.reference[0]) {
- reference = this.referenceElm = this.$slots.reference[0].elm;
- }
- // 可访问性
- if (reference) {
- (0, _dom.addClass)(reference, 'el-popover__reference');
- reference.setAttribute('aria-describedby', this.tooltipId);
- reference.setAttribute('tabindex', 0); // tab序列
- popper.setAttribute('tabindex', 0);
- if (this.trigger !== 'click') {
- (0, _dom.on)(reference, 'focusin', function () {
- _this.handleFocus();
- var instance = reference.__vue__;
- if (instance && instance.focus) {
- instance.focus();
- }
- });
- (0, _dom.on)(popper, 'focusin', this.handleFocus);
- (0, _dom.on)(reference, 'focusout', this.handleBlur);
- (0, _dom.on)(popper, 'focusout', this.handleBlur);
- }
- (0, _dom.on)(reference, 'keydown', this.handleKeydown);
- (0, _dom.on)(reference, 'click', this.handleClick);
- }
- if (this.trigger === 'click') {
- (0, _dom.on)(reference, 'click', this.doToggle);
- (0, _dom.on)(document, 'click', this.handleDocumentClick);
- } else if (this.trigger === 'hover') {
- (0, _dom.on)(reference, 'mouseenter', this.handleMouseEnter);
- (0, _dom.on)(popper, 'mouseenter', this.handleMouseEnter);
- (0, _dom.on)(reference, 'mouseleave', this.handleMouseLeave);
- (0, _dom.on)(popper, 'mouseleave', this.handleMouseLeave);
- } else if (this.trigger === 'focus') {
- var found = false;
- if ([].slice.call(reference.children).length) {
- var children = reference.childNodes;
- var len = children.length;
- for (var i = 0; i < len; i++) {
- if (children[i].nodeName === 'INPUT' || children[i].nodeName === 'TEXTAREA') {
- (0, _dom.on)(children[i], 'focusin', this.doShow);
- (0, _dom.on)(children[i], 'focusout', this.doClose);
- found = true;
- break;
- }
- }
- }
- if (found) return;
- if (reference.nodeName === 'INPUT' || reference.nodeName === 'TEXTAREA') {
- (0, _dom.on)(reference, 'focusin', this.doShow);
- (0, _dom.on)(reference, 'focusout', this.doClose);
- } else {
- (0, _dom.on)(reference, 'mousedown', this.doShow);
- (0, _dom.on)(reference, 'mouseup', this.doClose);
- }
- }
- },
- methods: {
- doToggle: function doToggle() {
- this.showPopper = !this.showPopper;
- },
- doShow: function doShow() {
- this.showPopper = true;
- },
- doClose: function doClose() {
- this.showPopper = false;
- },
- handleFocus: function handleFocus() {
- (0, _dom.addClass)(this.referenceElm, 'focusing');
- if (this.trigger !== 'manual') this.showPopper = true;
- },
- handleClick: function handleClick() {
- (0, _dom.removeClass)(this.referenceElm, 'focusing');
- },
- handleBlur: function handleBlur() {
- (0, _dom.removeClass)(this.referenceElm, 'focusing');
- if (this.trigger !== 'manual') this.showPopper = false;
- },
- handleMouseEnter: function handleMouseEnter() {
- var _this2 = this;
- clearTimeout(this._timer);
- if (this.openDelay) {
- this._timer = setTimeout(function () {
- _this2.showPopper = true;
- }, this.openDelay);
- } else {
- this.showPopper = true;
- }
- },
- handleKeydown: function handleKeydown(ev) {
- if (ev.keyCode === 27 && this.trigger !== 'manual') {
- // esc
- this.doClose();
- }
- },
- handleMouseLeave: function handleMouseLeave() {
- var _this3 = this;
- clearTimeout(this._timer);
- this._timer = setTimeout(function () {
- _this3.showPopper = false;
- }, 200);
- },
- handleDocumentClick: function handleDocumentClick(e) {
- var reference = this.reference || this.$refs.reference;
- var popper = this.popper || this.$refs.popper;
- if (!reference && this.$slots.reference && this.$slots.reference[0]) {
- reference = this.referenceElm = this.$slots.reference[0].elm;
- }
- if (!this.$el || !reference || this.$el.contains(e.target) || reference.contains(e.target) || !popper || popper.contains(e.target)) return;
- this.showPopper = false;
- },
- handleAfterEnter: function handleAfterEnter() {
- this.$emit('after-enter');
- },
- handleAfterLeave: function handleAfterLeave() {
- this.$emit('after-leave');
- this.doDestroy();
- }
- },
- destroyed: function destroyed() {
- var reference = this.reference;
- (0, _dom.off)(reference, 'click', this.doToggle);
- (0, _dom.off)(reference, 'mouseup', this.doClose);
- (0, _dom.off)(reference, 'mousedown', this.doShow);
- (0, _dom.off)(reference, 'focusin', this.doShow);
- (0, _dom.off)(reference, 'focusout', this.doClose);
- (0, _dom.off)(reference, 'mouseleave', this.handleMouseLeave);
- (0, _dom.off)(reference, 'mouseenter', this.handleMouseEnter);
- (0, _dom.off)(document, 'click', this.handleDocumentClick);
- }
- };
- /***/ }),
- /* 208 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_c('transition',{attrs:{"name":_vm.transition},on:{"after-enter":_vm.handleAfterEnter,"after-leave":_vm.handleAfterLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.disabled && _vm.showPopper),expression:"!disabled && showPopper"}],ref:"popper",staticClass:"el-popover el-popper",class:[_vm.popperClass, _vm.content && 'el-popover--plain'],style:({ width: _vm.width + 'px' }),attrs:{"role":"tooltip","id":_vm.tooltipId,"aria-hidden":(_vm.disabled || !_vm.showPopper) ? 'true' : 'false'}},[(_vm.title)?_c('div',{staticClass:"el-popover__title",domProps:{"textContent":_vm._s(_vm.title)}}):_vm._e(),_vm._t("default",[_vm._v(_vm._s(_vm.content))])],2)]),_vm._t("reference")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 209 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var getReference = function getReference(el, binding, vnode) {
- var _ref = binding.expression ? binding.value : binding.arg;
- var popper = vnode.context.$refs[_ref];
- if (popper) {
- popper.$refs.reference = el;
- }
- };
- exports.default = {
- bind: function bind(el, binding, vnode) {
- getReference(el, binding, vnode);
- },
- inserted: function inserted(el, binding, vnode) {
- getReference(el, binding, vnode);
- }
- };
- /***/ }),
- /* 210 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(211);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 211 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- var _debounce = __webpack_require__(13);
- var _debounce2 = _interopRequireDefault(_debounce);
- var _dom = __webpack_require__(3);
- var _vdom = __webpack_require__(21);
- var _util = __webpack_require__(4);
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElTooltip',
- mixins: [_vuePopper2.default],
- props: {
- openDelay: {
- type: Number,
- default: 0
- },
- disabled: Boolean,
- manual: Boolean,
- effect: {
- type: String,
- default: 'dark'
- },
- arrowOffset: {
- type: Number,
- default: 0
- },
- popperClass: String,
- content: String,
- visibleArrow: {
- default: true
- },
- transition: {
- type: String,
- default: 'el-fade-in-linear'
- },
- popperOptions: {
- default: function _default() {
- return {
- boundariesPadding: 10,
- gpuAcceleration: false
- };
- }
- },
- enterable: {
- type: Boolean,
- default: true
- },
- hideAfter: {
- type: Number,
- default: 0
- }
- },
- data: function data() {
- return {
- timeoutPending: null,
- focusing: false
- };
- },
- computed: {
- tooltipId: function tooltipId() {
- return 'el-tooltip-' + (0, _util.generateId)();
- }
- },
- beforeCreate: function beforeCreate() {
- var _this = this;
- if (this.$isServer) return;
- this.popperVM = new _vue2.default({
- data: { node: '' },
- render: function render(h) {
- return this.node;
- }
- }).$mount();
- this.debounceClose = (0, _debounce2.default)(200, function () {
- return _this.handleClosePopper();
- });
- },
- render: function render(h) {
- var _this2 = this;
- if (this.popperVM) {
- this.popperVM.node = h(
- 'transition',
- {
- attrs: {
- name: this.transition
- },
- on: {
- 'afterLeave': this.doDestroy
- }
- },
- [h(
- 'div',
- {
- on: {
- 'mouseleave': function mouseleave() {
- _this2.setExpectedState(false);_this2.debounceClose();
- },
- 'mouseenter': function mouseenter() {
- _this2.setExpectedState(true);
- }
- },
- ref: 'popper',
- attrs: { role: 'tooltip',
- id: this.tooltipId,
- 'aria-hidden': this.disabled || !this.showPopper ? 'true' : 'false'
- },
- directives: [{
- name: 'show',
- value: !this.disabled && this.showPopper
- }],
- 'class': ['el-tooltip__popper', 'is-' + this.effect, this.popperClass] },
- [this.$slots.content || this.content]
- )]
- );
- }
- if (!this.$slots.default || !this.$slots.default.length) return this.$slots.default;
- var vnode = (0, _vdom.getFirstComponentChild)(this.$slots.default);
- if (!vnode) return vnode;
- var data = vnode.data = vnode.data || {};
- data.staticClass = this.concatClass(data.staticClass, 'el-tooltip');
- return vnode;
- },
- mounted: function mounted() {
- var _this3 = this;
- this.referenceElm = this.$el;
- if (this.$el.nodeType === 1) {
- this.$el.setAttribute('aria-describedby', this.tooltipId);
- this.$el.setAttribute('tabindex', 0);
- (0, _dom.on)(this.referenceElm, 'mouseenter', this.show);
- (0, _dom.on)(this.referenceElm, 'mouseleave', this.hide);
- (0, _dom.on)(this.referenceElm, 'focus', function () {
- if (!_this3.$slots.default || !_this3.$slots.default.length) {
- _this3.handleFocus();
- return;
- }
- var instance = _this3.$slots.default[0].componentInstance;
- if (instance && instance.focus) {
- instance.focus();
- } else {
- _this3.handleFocus();
- }
- });
- (0, _dom.on)(this.referenceElm, 'blur', this.handleBlur);
- (0, _dom.on)(this.referenceElm, 'click', this.removeFocusing);
- }
- },
- watch: {
- focusing: function focusing(val) {
- if (val) {
- (0, _dom.addClass)(this.referenceElm, 'focusing');
- } else {
- (0, _dom.removeClass)(this.referenceElm, 'focusing');
- }
- }
- },
- methods: {
- show: function show() {
- this.setExpectedState(true);
- this.handleShowPopper();
- },
- hide: function hide() {
- this.setExpectedState(false);
- this.debounceClose();
- },
- handleFocus: function handleFocus() {
- this.focusing = true;
- this.show();
- },
- handleBlur: function handleBlur() {
- this.focusing = false;
- this.hide();
- },
- removeFocusing: function removeFocusing() {
- this.focusing = false;
- },
- concatClass: function concatClass(a, b) {
- if (a && a.indexOf(b) > -1) return a;
- return a ? b ? a + ' ' + b : a : b || '';
- },
- handleShowPopper: function handleShowPopper() {
- var _this4 = this;
- if (!this.expectedState || this.manual) return;
- clearTimeout(this.timeout);
- this.timeout = setTimeout(function () {
- _this4.showPopper = true;
- }, this.openDelay);
- if (this.hideAfter > 0) {
- this.timeoutPending = setTimeout(function () {
- _this4.showPopper = false;
- }, this.hideAfter);
- }
- },
- handleClosePopper: function handleClosePopper() {
- if (this.enterable && this.expectedState || this.manual) return;
- clearTimeout(this.timeout);
- if (this.timeoutPending) {
- clearTimeout(this.timeoutPending);
- }
- this.showPopper = false;
- if (this.disabled) {
- this.doDestroy();
- }
- },
- setExpectedState: function setExpectedState(expectedState) {
- if (expectedState === false) {
- clearTimeout(this.timeoutPending);
- }
- this.expectedState = expectedState;
- }
- },
- destroyed: function destroyed() {
- var reference = this.referenceElm;
- (0, _dom.off)(reference, 'mouseenter', this.show);
- (0, _dom.off)(reference, 'mouseleave', this.hide);
- (0, _dom.off)(reference, 'focus', this.handleFocus);
- (0, _dom.off)(reference, 'blur', this.handleBlur);
- (0, _dom.off)(reference, 'click', this.removeFocusing);
- }
- };
- /***/ }),
- /* 212 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(213);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = _main2.default;
- /***/ }),
- /* 213 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.MessageBox = undefined;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- var _main = __webpack_require__(214);
- var _main2 = _interopRequireDefault(_main);
- var _merge = __webpack_require__(10);
- var _merge2 = _interopRequireDefault(_merge);
- var _vdom = __webpack_require__(21);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var defaults = {
- title: null,
- message: '',
- type: '',
- showInput: false,
- showClose: true,
- modalFade: true,
- lockScroll: true,
- closeOnClickModal: true,
- closeOnPressEscape: true,
- closeOnHashChange: true,
- inputValue: null,
- inputPlaceholder: '',
- inputType: 'text',
- inputPattern: null,
- inputValidator: null,
- inputErrorMessage: '',
- showConfirmButton: true,
- showCancelButton: false,
- confirmButtonPosition: 'right',
- confirmButtonHighlight: false,
- cancelButtonHighlight: false,
- confirmButtonText: '',
- cancelButtonText: '',
- confirmButtonClass: '',
- cancelButtonClass: '',
- customClass: '',
- beforeClose: null,
- dangerouslyUseHTMLString: false,
- center: false,
- roundButton: false
- };
- var MessageBoxConstructor = _vue2.default.extend(_main2.default);
- var currentMsg = void 0,
- instance = void 0;
- var msgQueue = [];
- var defaultCallback = function defaultCallback(action) {
- if (currentMsg) {
- var callback = currentMsg.callback;
- if (typeof callback === 'function') {
- if (instance.showInput) {
- callback(instance.inputValue, action);
- } else {
- callback(action);
- }
- }
- if (currentMsg.resolve) {
- if (action === 'confirm') {
- if (instance.showInput) {
- currentMsg.resolve({ value: instance.inputValue, action: action });
- } else {
- currentMsg.resolve(action);
- }
- } else if (action === 'cancel' && currentMsg.reject) {
- currentMsg.reject(action);
- }
- }
- }
- };
- var initInstance = function initInstance() {
- instance = new MessageBoxConstructor({
- el: document.createElement('div')
- });
- instance.callback = defaultCallback;
- };
- var showNextMsg = function showNextMsg() {
- if (!instance) {
- initInstance();
- }
- instance.action = '';
- if (!instance.visible || instance.closeTimer) {
- if (msgQueue.length > 0) {
- (function () {
- currentMsg = msgQueue.shift();
- var options = currentMsg.options;
- for (var prop in options) {
- if (options.hasOwnProperty(prop)) {
- instance[prop] = options[prop];
- }
- }
- if (options.callback === undefined) {
- instance.callback = defaultCallback;
- }
- var oldCb = instance.callback;
- instance.callback = function (action, instance) {
- oldCb(action, instance);
- showNextMsg();
- };
- if ((0, _vdom.isVNode)(instance.message)) {
- instance.$slots.default = [instance.message];
- instance.message = null;
- } else {
- delete instance.$slots.default;
- }
- ['modal', 'showClose', 'closeOnClickModal', 'closeOnPressEscape', 'closeOnHashChange'].forEach(function (prop) {
- if (instance[prop] === undefined) {
- instance[prop] = true;
- }
- });
- document.body.appendChild(instance.$el);
- _vue2.default.nextTick(function () {
- instance.visible = true;
- });
- })();
- }
- }
- };
- var MessageBox = function MessageBox(options, callback) {
- if (_vue2.default.prototype.$isServer) return;
- if (typeof options === 'string' || (0, _vdom.isVNode)(options)) {
- options = {
- message: options
- };
- if (typeof arguments[1] === 'string') {
- options.title = arguments[1];
- }
- } else if (options.callback && !callback) {
- callback = options.callback;
- }
- if (typeof Promise !== 'undefined') {
- return new Promise(function (resolve, reject) {
- // eslint-disable-line
- msgQueue.push({
- options: (0, _merge2.default)({}, defaults, MessageBox.defaults, options),
- callback: callback,
- resolve: resolve,
- reject: reject
- });
- showNextMsg();
- });
- } else {
- msgQueue.push({
- options: (0, _merge2.default)({}, defaults, MessageBox.defaults, options),
- callback: callback
- });
- showNextMsg();
- }
- };
- MessageBox.setDefaults = function (defaults) {
- MessageBox.defaults = defaults;
- };
- MessageBox.alert = function (message, title, options) {
- if ((typeof title === 'undefined' ? 'undefined' : _typeof(title)) === 'object') {
- options = title;
- title = '';
- } else if (title === undefined) {
- title = '';
- }
- return MessageBox((0, _merge2.default)({
- title: title,
- message: message,
- $type: 'alert',
- closeOnPressEscape: false,
- closeOnClickModal: false
- }, options));
- };
- MessageBox.confirm = function (message, title, options) {
- if ((typeof title === 'undefined' ? 'undefined' : _typeof(title)) === 'object') {
- options = title;
- title = '';
- } else if (title === undefined) {
- title = '';
- }
- return MessageBox((0, _merge2.default)({
- title: title,
- message: message,
- $type: 'confirm',
- showCancelButton: true
- }, options));
- };
- MessageBox.prompt = function (message, title, options) {
- if ((typeof title === 'undefined' ? 'undefined' : _typeof(title)) === 'object') {
- options = title;
- title = '';
- } else if (title === undefined) {
- title = '';
- }
- return MessageBox((0, _merge2.default)({
- title: title,
- message: message,
- showCancelButton: true,
- showInput: true,
- $type: 'prompt'
- }, options));
- };
- MessageBox.close = function () {
- instance.doClose();
- instance.visible = false;
- msgQueue = [];
- currentMsg = null;
- };
- exports.default = MessageBox;
- exports.MessageBox = MessageBox;
- /***/ }),
- /* 214 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(215);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f44daa3a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(217);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f44daa3a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 215 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _popup = __webpack_require__(12);
- var _popup2 = _interopRequireDefault(_popup);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _button = __webpack_require__(15);
- var _button2 = _interopRequireDefault(_button);
- var _dom = __webpack_require__(3);
- var _locale3 = __webpack_require__(16);
- var _ariaDialog = __webpack_require__(216);
- var _ariaDialog2 = _interopRequireDefault(_ariaDialog);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var messageBox = void 0; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var typeMap = {
- success: 'success',
- info: 'info',
- warning: 'warning',
- error: 'error'
- };
- exports.default = {
- mixins: [_popup2.default, _locale2.default],
- props: {
- modal: {
- default: true
- },
- lockScroll: {
- default: true
- },
- showClose: {
- type: Boolean,
- default: true
- },
- closeOnClickModal: {
- default: true
- },
- closeOnPressEscape: {
- default: true
- },
- closeOnHashChange: {
- default: true
- },
- center: {
- default: false,
- type: Boolean
- },
- roundButton: {
- default: false,
- type: Boolean
- }
- },
- components: {
- ElInput: _input2.default,
- ElButton: _button2.default
- },
- computed: {
- typeClass: function typeClass() {
- return this.type && typeMap[this.type] ? 'el-icon-' + typeMap[this.type] : '';
- },
- confirmButtonClasses: function confirmButtonClasses() {
- return 'el-button--primary ' + this.confirmButtonClass;
- },
- cancelButtonClasses: function cancelButtonClasses() {
- return '' + this.cancelButtonClass;
- }
- },
- methods: {
- getSafeClose: function getSafeClose() {
- var _this = this;
- var currentId = this.uid;
- return function () {
- _this.$nextTick(function () {
- if (currentId === _this.uid) _this.doClose();
- });
- };
- },
- doClose: function doClose() {
- var _this2 = this;
- if (!this.visible) return;
- this.visible = false;
- this._closing = true;
- this.onClose && this.onClose();
- messageBox.closeDialog(); // 解绑
- if (this.lockScroll) {
- setTimeout(function () {
- if (_this2.modal && _this2.bodyOverflow !== 'hidden') {
- document.body.style.overflow = _this2.bodyOverflow;
- document.body.style.paddingRight = _this2.bodyPaddingRight;
- }
- _this2.bodyOverflow = null;
- _this2.bodyPaddingRight = null;
- }, 200);
- }
- this.opened = false;
- if (!this.transition) {
- this.doAfterClose();
- }
- setTimeout(function () {
- if (_this2.action) _this2.callback(_this2.action, _this2);
- });
- },
- handleWrapperClick: function handleWrapperClick() {
- if (this.closeOnClickModal) {
- this.handleAction('cancel');
- }
- },
- handleInputEnter: function handleInputEnter() {
- if (this.inputType !== 'textarea') {
- return this.handleAction('confirm');
- }
- },
- handleAction: function handleAction(action) {
- if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) {
- return;
- }
- this.action = action;
- if (typeof this.beforeClose === 'function') {
- this.close = this.getSafeClose();
- this.beforeClose(action, this, this.close);
- } else {
- this.doClose();
- }
- },
- validate: function validate() {
- if (this.$type === 'prompt') {
- var inputPattern = this.inputPattern;
- if (inputPattern && !inputPattern.test(this.inputValue || '')) {
- this.editorErrorMessage = this.inputErrorMessage || (0, _locale3.t)('el.messagebox.error');
- (0, _dom.addClass)(this.getInputElement(), 'invalid');
- return false;
- }
- var inputValidator = this.inputValidator;
- if (typeof inputValidator === 'function') {
- var validateResult = inputValidator(this.inputValue);
- if (validateResult === false) {
- this.editorErrorMessage = this.inputErrorMessage || (0, _locale3.t)('el.messagebox.error');
- (0, _dom.addClass)(this.getInputElement(), 'invalid');
- return false;
- }
- if (typeof validateResult === 'string') {
- this.editorErrorMessage = validateResult;
- (0, _dom.addClass)(this.getInputElement(), 'invalid');
- return false;
- }
- }
- }
- this.editorErrorMessage = '';
- (0, _dom.removeClass)(this.getInputElement(), 'invalid');
- return true;
- },
- getFirstFocus: function getFirstFocus() {
- var btn = this.$el.querySelector('.el-message-box__btns .el-button');
- var title = this.$el.querySelector('.el-message-box__btns .el-message-box__title');
- return btn || title;
- },
- getInputElement: function getInputElement() {
- var inputRefs = this.$refs.input.$refs;
- return inputRefs.input || inputRefs.textarea;
- }
- },
- watch: {
- inputValue: {
- immediate: true,
- handler: function handler(val) {
- var _this3 = this;
- this.$nextTick(function (_) {
- if (_this3.$type === 'prompt' && val !== null) {
- _this3.validate();
- }
- });
- }
- },
- visible: function visible(val) {
- var _this4 = this;
- if (val) {
- this.uid++;
- if (this.$type === 'alert' || this.$type === 'confirm') {
- this.$nextTick(function () {
- _this4.$refs.confirm.$el.focus();
- });
- }
- this.focusAfterClosed = document.activeElement;
- messageBox = new _ariaDialog2.default(this.$el, this.focusAfterClosed, this.getFirstFocus());
- }
- // prompt
- if (this.$type !== 'prompt') return;
- if (val) {
- setTimeout(function () {
- if (_this4.$refs.input && _this4.$refs.input.$el) {
- _this4.getInputElement().focus();
- }
- }, 500);
- } else {
- this.editorErrorMessage = '';
- (0, _dom.removeClass)(this.getInputElement(), 'invalid');
- }
- }
- },
- mounted: function mounted() {
- if (this.closeOnHashChange) {
- window.addEventListener('hashchange', this.close);
- }
- },
- beforeDestroy: function beforeDestroy() {
- if (this.closeOnHashChange) {
- window.removeEventListener('hashchange', this.close);
- }
- setTimeout(function () {
- messageBox.closeDialog();
- });
- },
- data: function data() {
- return {
- uid: 1,
- title: undefined,
- message: '',
- type: '',
- customClass: '',
- showInput: false,
- inputValue: null,
- inputPlaceholder: '',
- inputType: 'text',
- inputPattern: null,
- inputValidator: null,
- inputErrorMessage: '',
- showConfirmButton: true,
- showCancelButton: false,
- action: '',
- confirmButtonText: '',
- cancelButtonText: '',
- confirmButtonLoading: false,
- cancelButtonLoading: false,
- confirmButtonClass: '',
- confirmButtonDisabled: false,
- cancelButtonClass: '',
- editorErrorMessage: null,
- callback: null,
- dangerouslyUseHTMLString: false,
- focusAfterClosed: null,
- isOnComposition: false
- };
- }
- };
- /***/ }),
- /* 216 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/aria-dialog");
- /***/ }),
- /* 217 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"msgbox-fade"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-message-box__wrapper",attrs:{"tabindex":"-1","role":"dialog","aria-modal":"true","aria-label":_vm.title || 'dialog'},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }_vm.handleWrapperClick($event)}}},[_c('div',{staticClass:"el-message-box",class:[_vm.customClass, _vm.center && 'el-message-box--center']},[(_vm.title !== null)?_c('div',{staticClass:"el-message-box__header"},[_c('div',{staticClass:"el-message-box__title"},[(_vm.typeClass && _vm.center)?_c('div',{class:['el-message-box__status', _vm.typeClass]}):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.title))])]),(_vm.showClose)?_c('button',{staticClass:"el-message-box__headerbtn",attrs:{"type":"button","aria-label":"Close"},on:{"click":function($event){_vm.handleAction('cancel')},"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.handleAction('cancel')}}},[_c('i',{staticClass:"el-message-box__close el-icon-close"})]):_vm._e()]):_vm._e(),_c('div',{staticClass:"el-message-box__content"},[(_vm.typeClass && !_vm.center && _vm.message !== '')?_c('div',{class:['el-message-box__status', _vm.typeClass]}):_vm._e(),(_vm.message !== '')?_c('div',{staticClass:"el-message-box__message"},[_vm._t("default",[(!_vm.dangerouslyUseHTMLString)?_c('p',[_vm._v(_vm._s(_vm.message))]):_c('p',{domProps:{"innerHTML":_vm._s(_vm.message)}})])],2):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showInput),expression:"showInput"}],staticClass:"el-message-box__input"},[_c('el-input',{ref:"input",attrs:{"type":_vm.inputType,"placeholder":_vm.inputPlaceholder},nativeOn:{"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.handleInputEnter($event)}},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}}),_c('div',{staticClass:"el-message-box__errormsg",style:({ visibility: !!_vm.editorErrorMessage ? 'visible' : 'hidden' })},[_vm._v(_vm._s(_vm.editorErrorMessage))])],1)]),_c('div',{staticClass:"el-message-box__btns"},[(_vm.showCancelButton)?_c('el-button',{class:[ _vm.cancelButtonClasses ],attrs:{"loading":_vm.cancelButtonLoading,"round":_vm.roundButton,"size":"small"},on:{"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.handleAction('cancel')}},nativeOn:{"click":function($event){_vm.handleAction('cancel')}}},[_vm._v("\n "+_vm._s(_vm.cancelButtonText || _vm.t('el.messagebox.cancel'))+"\n ")]):_vm._e(),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.showConfirmButton),expression:"showConfirmButton"}],ref:"confirm",class:[ _vm.confirmButtonClasses ],attrs:{"loading":_vm.confirmButtonLoading,"round":_vm.roundButton,"size":"small"},on:{"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.handleAction('confirm')}},nativeOn:{"click":function($event){_vm.handleAction('confirm')}}},[_vm._v("\n "+_vm._s(_vm.confirmButtonText || _vm.t('el.messagebox.confirm'))+"\n ")])],1)])])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 218 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _breadcrumb = __webpack_require__(219);
- var _breadcrumb2 = _interopRequireDefault(_breadcrumb);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _breadcrumb2.default.install = function (Vue) {
- Vue.component(_breadcrumb2.default.name, _breadcrumb2.default);
- };
- exports.default = _breadcrumb2.default;
- /***/ }),
- /* 219 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_breadcrumb_vue__ = __webpack_require__(220);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_breadcrumb_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_breadcrumb_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_19d7ebd5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_breadcrumb_vue__ = __webpack_require__(221);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_breadcrumb_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_19d7ebd5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_breadcrumb_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 220 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElBreadcrumb',
- props: {
- separator: {
- type: String,
- default: '/'
- },
- separatorClass: {
- type: String,
- default: ''
- }
- },
- provide: function provide() {
- return {
- elBreadcrumb: this
- };
- },
- mounted: function mounted() {
- var items = this.$el.querySelectorAll('.el-breadcrumb__item');
- if (items.length) {
- items[items.length - 1].setAttribute('aria-current', 'page');
- }
- }
- };
- /***/ }),
- /* 221 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-breadcrumb",attrs:{"aria-label":"Breadcrumb","role":"navigation"}},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 222 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _breadcrumbItem = __webpack_require__(223);
- var _breadcrumbItem2 = _interopRequireDefault(_breadcrumbItem);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _breadcrumbItem2.default.install = function (Vue) {
- Vue.component(_breadcrumbItem2.default.name, _breadcrumbItem2.default);
- };
- exports.default = _breadcrumbItem2.default;
- /***/ }),
- /* 223 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_breadcrumb_item_vue__ = __webpack_require__(224);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_breadcrumb_item_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_breadcrumb_item_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4d50178a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_breadcrumb_item_vue__ = __webpack_require__(225);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_breadcrumb_item_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4d50178a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_breadcrumb_item_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 224 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElBreadcrumbItem',
- props: {
- to: {},
- replace: Boolean
- },
- data: function data() {
- return {
- separator: '',
- separatorClass: ''
- };
- },
- inject: ['elBreadcrumb'],
- mounted: function mounted() {
- var _this = this;
- this.separator = this.elBreadcrumb.separator;
- this.separatorClass = this.elBreadcrumb.separatorClass;
- if (this.to) {
- (function () {
- var link = _this.$refs.link;
- var to = _this.to;
- link.setAttribute('role', 'link');
- link.addEventListener('click', function (_) {
- _this.replace ? _this.$router.replace(to) : _this.$router.push(to);
- });
- })();
- }
- }
- };
- /***/ }),
- /* 225 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"el-breadcrumb__item"},[_c('span',{ref:"link",class:['el-breadcrumb__inner', _vm.to ? 'is-link' : ''],attrs:{"role":"link"}},[_vm._t("default")],2),(_vm.separatorClass)?_c('i',{staticClass:"el-breadcrumb__separator",class:_vm.separatorClass}):_c('span',{staticClass:"el-breadcrumb__separator",attrs:{"role":"presentation"}},[_vm._v(_vm._s(_vm.separator))])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 226 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _form = __webpack_require__(227);
- var _form2 = _interopRequireDefault(_form);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _form2.default.install = function (Vue) {
- Vue.component(_form2.default.name, _form2.default);
- };
- exports.default = _form2.default;
- /***/ }),
- /* 227 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_form_vue__ = __webpack_require__(228);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_form_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_form_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0876c296_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_form_vue__ = __webpack_require__(229);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_form_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0876c296_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_form_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 228 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _merge = __webpack_require__(10);
- var _merge2 = _interopRequireDefault(_merge);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElForm',
- componentName: 'ElForm',
- provide: function provide() {
- return {
- elForm: this
- };
- },
- props: {
- model: Object,
- rules: Object,
- labelPosition: String,
- labelWidth: String,
- labelSuffix: {
- type: String,
- default: ''
- },
- inline: Boolean,
- inlineMessage: Boolean,
- statusIcon: Boolean,
- showMessage: {
- type: Boolean,
- default: true
- },
- size: String,
- disabled: Boolean,
- validateOnRuleChange: {
- type: Boolean,
- default: true
- }
- },
- watch: {
- rules: function rules() {
- if (this.validateOnRuleChange) {
- this.validate(function () {});
- }
- }
- },
- data: function data() {
- return {
- fields: []
- };
- },
- created: function created() {
- var _this = this;
- this.$on('el.form.addField', function (field) {
- if (field) {
- _this.fields.push(field);
- }
- });
- /* istanbul ignore next */
- this.$on('el.form.removeField', function (field) {
- if (field.prop) {
- _this.fields.splice(_this.fields.indexOf(field), 1);
- }
- });
- },
- methods: {
- resetFields: function resetFields() {
- if (!this.model) {
- "production" !== 'production' && console.warn('[Element Warn][Form]model is required for resetFields to work.');
- return;
- }
- this.fields.forEach(function (field) {
- field.resetField();
- });
- },
- clearValidate: function clearValidate() {
- this.fields.forEach(function (field) {
- field.clearValidate();
- });
- },
- validate: function validate(callback) {
- var _this2 = this;
- if (!this.model) {
- console.warn('[Element Warn][Form]model is required for validate to work!');
- return;
- }
- var promise = void 0;
- // if no callback, return promise
- if (typeof callback !== 'function' && window.Promise) {
- promise = new window.Promise(function (resolve, reject) {
- callback = function callback(valid) {
- valid ? resolve(valid) : reject(valid);
- };
- });
- }
- var valid = true;
- var count = 0;
- // 如果需要验证的fields为空,调用验证时立刻返回callback
- if (this.fields.length === 0 && callback) {
- callback(true);
- }
- var invalidFields = {};
- this.fields.forEach(function (field) {
- field.validate('', function (message, field) {
- if (message) {
- valid = false;
- }
- invalidFields = (0, _merge2.default)({}, invalidFields, field);
- if (typeof callback === 'function' && ++count === _this2.fields.length) {
- callback(valid, invalidFields);
- }
- });
- });
- if (promise) {
- return promise;
- }
- },
- validateField: function validateField(prop, cb) {
- var field = this.fields.filter(function (field) {
- return field.prop === prop;
- })[0];
- if (!field) {
- throw new Error('must call validateField with valid prop string!');
- }
- field.validate('', cb);
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 229 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form',{staticClass:"el-form",class:[
- _vm.labelPosition ? 'el-form--label-' + _vm.labelPosition : '',
- { 'el-form--inline': _vm.inline }
- ]},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 230 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _formItem = __webpack_require__(231);
- var _formItem2 = _interopRequireDefault(_formItem);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _formItem2.default.install = function (Vue) {
- Vue.component(_formItem2.default.name, _formItem2.default);
- };
- exports.default = _formItem2.default;
- /***/ }),
- /* 231 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_form_item_vue__ = __webpack_require__(232);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_form_item_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_form_item_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f06fe54a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_form_item_vue__ = __webpack_require__(234);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_form_item_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f06fe54a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_form_item_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 232 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _asyncValidator = __webpack_require__(233);
- var _asyncValidator2 = _interopRequireDefault(_asyncValidator);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _merge = __webpack_require__(10);
- var _merge2 = _interopRequireDefault(_merge);
- var _util = __webpack_require__(4);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElFormItem',
- componentName: 'ElFormItem',
- mixins: [_emitter2.default],
- provide: function provide() {
- return {
- elFormItem: this
- };
- },
- inject: ['elForm'],
- props: {
- label: String,
- labelWidth: String,
- prop: String,
- required: {
- type: Boolean,
- default: undefined
- },
- rules: [Object, Array],
- error: String,
- validateStatus: String,
- for: String,
- inlineMessage: {
- type: [String, Boolean],
- default: ''
- },
- showMessage: {
- type: Boolean,
- default: true
- },
- size: String
- },
- watch: {
- error: {
- immediate: true,
- handler: function handler(value) {
- this.validateMessage = value;
- this.validateState = value ? 'error' : '';
- }
- },
- validateStatus: function validateStatus(value) {
- this.validateState = value;
- }
- },
- computed: {
- labelFor: function labelFor() {
- return this.for || this.prop;
- },
- labelStyle: function labelStyle() {
- var ret = {};
- if (this.form.labelPosition === 'top') return ret;
- var labelWidth = this.labelWidth || this.form.labelWidth;
- if (labelWidth) {
- ret.width = labelWidth;
- }
- return ret;
- },
- contentStyle: function contentStyle() {
- var ret = {};
- var label = this.label;
- if (this.form.labelPosition === 'top' || this.form.inline) return ret;
- if (!label && !this.labelWidth && this.isNested) return ret;
- var labelWidth = this.labelWidth || this.form.labelWidth;
- if (labelWidth) {
- ret.marginLeft = labelWidth;
- }
- return ret;
- },
- form: function form() {
- var parent = this.$parent;
- var parentName = parent.$options.componentName;
- while (parentName !== 'ElForm') {
- if (parentName === 'ElFormItem') {
- this.isNested = true;
- }
- parent = parent.$parent;
- parentName = parent.$options.componentName;
- }
- return parent;
- },
- fieldValue: {
- cache: false,
- get: function get() {
- var model = this.form.model;
- if (!model || !this.prop) {
- return;
- }
- var path = this.prop;
- if (path.indexOf(':') !== -1) {
- path = path.replace(/:/, '.');
- }
- return (0, _util.getPropByPath)(model, path, true).v;
- }
- },
- isRequired: function isRequired() {
- var rules = this.getRules();
- var isRequired = false;
- if (rules && rules.length) {
- rules.every(function (rule) {
- if (rule.required) {
- isRequired = true;
- return false;
- }
- return true;
- });
- }
- return isRequired;
- },
- _formSize: function _formSize() {
- return this.elForm.size;
- },
- elFormItemSize: function elFormItemSize() {
- return this.size || this._formSize;
- },
- sizeClass: function sizeClass() {
- return (this.$ELEMENT || {}).size || this.elFormItemSize;
- }
- },
- data: function data() {
- return {
- validateState: '',
- validateMessage: '',
- validateDisabled: false,
- validator: {},
- isNested: false
- };
- },
- methods: {
- validate: function validate(trigger) {
- var _this = this;
- var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _util.noop;
- this.validateDisabled = false;
- var rules = this.getFilteredRule(trigger);
- if ((!rules || rules.length === 0) && this.required === undefined) {
- callback();
- return true;
- }
- this.validateState = 'validating';
- var descriptor = {};
- if (rules && rules.length > 0) {
- rules.forEach(function (rule) {
- delete rule.trigger;
- });
- }
- descriptor[this.prop] = rules;
- var validator = new _asyncValidator2.default(descriptor);
- var model = {};
- model[this.prop] = this.fieldValue;
- validator.validate(model, { firstFields: true }, function (errors, invalidFields) {
- _this.validateState = !errors ? 'success' : 'error';
- _this.validateMessage = errors ? errors[0].message : '';
- callback(_this.validateMessage, invalidFields);
- _this.elForm && _this.elForm.$emit('validate', _this.prop, !errors);
- });
- },
- clearValidate: function clearValidate() {
- this.validateState = '';
- this.validateMessage = '';
- this.validateDisabled = false;
- },
- resetField: function resetField() {
- this.validateState = '';
- this.validateMessage = '';
- var model = this.form.model;
- var value = this.fieldValue;
- var path = this.prop;
- if (path.indexOf(':') !== -1) {
- path = path.replace(/:/, '.');
- }
- var prop = (0, _util.getPropByPath)(model, path, true);
- this.validateDisabled = true;
- if (Array.isArray(value)) {
- prop.o[prop.k] = [].concat(this.initialValue);
- } else {
- prop.o[prop.k] = this.initialValue;
- }
- /* Select 的值被代码改变时不会触发校验,
- 这里需要强行触发一次,刷新 validateDisabled 的值,
- 确保 Select 下一次值改变时能正确触发校验 */
- this.broadcast('ElSelect', 'fieldReset');
- this.broadcast('ElTimeSelect', 'fieldReset', this.initialValue);
- },
- getRules: function getRules() {
- var formRules = this.form.rules;
- var selfRules = this.rules;
- var requiredRule = this.required !== undefined ? { required: !!this.required } : [];
- var prop = (0, _util.getPropByPath)(formRules, this.prop || '');
- formRules = formRules ? prop.o[this.prop || ''] || prop.v : [];
- return [].concat(selfRules || formRules || []).concat(requiredRule);
- },
- getFilteredRule: function getFilteredRule(trigger) {
- var rules = this.getRules();
- return rules.filter(function (rule) {
- if (!rule.trigger || trigger === '') return true;
- if (Array.isArray(rule.trigger)) {
- return rule.trigger.indexOf(trigger) > -1;
- } else {
- return rule.trigger === trigger;
- }
- }).map(function (rule) {
- return (0, _merge2.default)({}, rule);
- });
- },
- onFieldBlur: function onFieldBlur() {
- this.validate('blur');
- },
- onFieldChange: function onFieldChange() {
- if (this.validateDisabled) {
- this.validateDisabled = false;
- return;
- }
- this.validate('change');
- }
- },
- mounted: function mounted() {
- if (this.prop) {
- this.dispatch('ElForm', 'el.form.addField', [this]);
- var initialValue = this.fieldValue;
- if (Array.isArray(initialValue)) {
- initialValue = [].concat(initialValue);
- }
- Object.defineProperty(this, 'initialValue', {
- value: initialValue
- });
- var rules = this.getRules();
- if (rules.length || this.required !== undefined) {
- this.$on('el.form.blur', this.onFieldBlur);
- this.$on('el.form.change', this.onFieldChange);
- }
- }
- },
- beforeDestroy: function beforeDestroy() {
- this.dispatch('ElForm', 'el.form.removeField', [this]);
- }
- };
- /***/ }),
- /* 233 */
- /***/ (function(module, exports) {
- module.exports = require("async-validator");
- /***/ }),
- /* 234 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-form-item",class:[{
- 'el-form-item--feedback': _vm.elForm && _vm.elForm.statusIcon,
- 'is-error': _vm.validateState === 'error',
- 'is-validating': _vm.validateState === 'validating',
- 'is-success': _vm.validateState === 'success',
- 'is-required': _vm.isRequired || _vm.required
- },
- _vm.sizeClass ? 'el-form-item--' + _vm.sizeClass : ''
- ]},[(_vm.label || _vm.$slots.label)?_c('label',{staticClass:"el-form-item__label",style:(_vm.labelStyle),attrs:{"for":_vm.labelFor}},[_vm._t("label",[_vm._v(_vm._s(_vm.label + _vm.form.labelSuffix))])],2):_vm._e(),_c('div',{staticClass:"el-form-item__content",style:(_vm.contentStyle)},[_vm._t("default"),_c('transition',{attrs:{"name":"el-zoom-in-top"}},[(_vm.validateState === 'error' && _vm.showMessage && _vm.form.showMessage)?_c('div',{staticClass:"el-form-item__error",class:{
- 'el-form-item__error--inline': typeof _vm.inlineMessage === 'boolean'
- ? _vm.inlineMessage
- : (_vm.elForm && _vm.elForm.inlineMessage || false)
- }},[_vm._v("\n "+_vm._s(_vm.validateMessage)+"\n ")]):_vm._e()])],2)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 235 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _tabs = __webpack_require__(236);
- var _tabs2 = _interopRequireDefault(_tabs);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _tabs2.default.install = function (Vue) {
- Vue.component(_tabs2.default.name, _tabs2.default);
- };
- exports.default = _tabs2.default;
- /***/ }),
- /* 236 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tabs_vue__ = __webpack_require__(237);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tabs_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tabs_vue__);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- var __vue_template__ = null
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tabs_vue___default.a,
- __vue_template__,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 237 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _tabNav = __webpack_require__(238);
- var _tabNav2 = _interopRequireDefault(_tabNav);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElTabs',
- components: {
- TabNav: _tabNav2.default
- },
- props: {
- type: String,
- activeName: String,
- closable: Boolean,
- addable: Boolean,
- value: {},
- editable: Boolean,
- tabPosition: {
- type: String,
- default: 'top'
- }
- },
- provide: function provide() {
- return {
- rootTabs: this
- };
- },
- data: function data() {
- return {
- currentName: this.value || this.activeName,
- panes: []
- };
- },
- watch: {
- activeName: function activeName(value) {
- this.setCurrentName(value);
- },
- value: function value(_value) {
- this.setCurrentName(_value);
- },
- currentName: function currentName(value) {
- var _this = this;
- if (this.$refs.nav) {
- this.$nextTick(function (_) {
- _this.$refs.nav.scrollToActiveTab();
- });
- }
- }
- },
- methods: {
- handleTabClick: function handleTabClick(tab, tabName, event) {
- if (tab.disabled) return;
- this.setCurrentName(tabName);
- this.$emit('tab-click', tab, event);
- },
- handleTabRemove: function handleTabRemove(pane, ev) {
- if (pane.disabled) return;
- ev.stopPropagation();
- this.$emit('edit', pane.name, 'remove');
- this.$emit('tab-remove', pane.name);
- },
- handleTabAdd: function handleTabAdd() {
- this.$emit('edit', null, 'add');
- this.$emit('tab-add');
- },
- setCurrentName: function setCurrentName(value) {
- this.currentName = value;
- this.$emit('input', value);
- },
- addPanes: function addPanes(item) {
- var index = this.$slots.default.filter(function (item) {
- return item.elm.nodeType === 1 && /\bel-tab-pane\b/.test(item.elm.className);
- }).indexOf(item.$vnode);
- this.panes.splice(index, 0, item);
- },
- removePanes: function removePanes(item) {
- var panes = this.panes;
- var index = panes.indexOf(item);
- if (index > -1) {
- panes.splice(index, 1);
- }
- }
- },
- render: function render(h) {
- var _ref;
- var type = this.type,
- handleTabClick = this.handleTabClick,
- handleTabRemove = this.handleTabRemove,
- handleTabAdd = this.handleTabAdd,
- currentName = this.currentName,
- panes = this.panes,
- editable = this.editable,
- addable = this.addable,
- tabPosition = this.tabPosition;
- var newButton = editable || addable ? h(
- 'span',
- {
- 'class': 'el-tabs__new-tab',
- on: {
- 'click': handleTabAdd,
- 'keydown': function keydown(ev) {
- if (ev.keyCode === 13) {
- handleTabAdd();
- }
- }
- },
- attrs: {
- tabindex: '0'
- }
- },
- [h(
- 'i',
- { 'class': 'el-icon-plus' },
- []
- )]
- ) : null;
- var navData = {
- props: {
- currentName: currentName,
- onTabClick: handleTabClick,
- onTabRemove: handleTabRemove,
- editable: editable,
- type: type,
- panes: panes
- },
- ref: 'nav'
- };
- var header = h(
- 'div',
- { 'class': ['el-tabs__header', 'is-' + tabPosition] },
- [newButton, h(
- 'tab-nav',
- navData,
- []
- )]
- );
- var panels = h(
- 'div',
- { 'class': 'el-tabs__content' },
- [this.$slots.default]
- );
- return h(
- 'div',
- { 'class': (_ref = {
- 'el-tabs': true,
- 'el-tabs--card': type === 'card'
- }, _ref['el-tabs--' + tabPosition] = true, _ref['el-tabs--border-card'] = type === 'border-card', _ref) },
- [tabPosition !== 'bottom' ? [header, panels] : [panels, header]]
- );
- },
- created: function created() {
- if (!this.currentName) {
- this.setCurrentName('0');
- }
- }
- };
- /***/ }),
- /* 238 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_nav_vue__ = __webpack_require__(239);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_nav_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_nav_vue__);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- var __vue_template__ = null
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_nav_vue___default.a,
- __vue_template__,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 239 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _tabBar = __webpack_require__(240);
- var _tabBar2 = _interopRequireDefault(_tabBar);
- var _resizeEvent = __webpack_require__(17);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- function noop() {}
- var firstUpperCase = function firstUpperCase(str) {
- return str.toLowerCase().replace(/( |^)[a-z]/g, function (L) {
- return L.toUpperCase();
- });
- };
- exports.default = {
- name: 'TabNav',
- components: {
- TabBar: _tabBar2.default
- },
- inject: ['rootTabs'],
- props: {
- panes: Array,
- currentName: String,
- editable: Boolean,
- onTabClick: {
- type: Function,
- default: noop
- },
- onTabRemove: {
- type: Function,
- default: noop
- },
- type: String
- },
- data: function data() {
- return {
- scrollable: false,
- navOffset: 0,
- isFocus: false,
- focusable: true
- };
- },
- computed: {
- navStyle: function navStyle() {
- var dir = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'X' : 'Y';
- return {
- transform: 'translate' + dir + '(-' + this.navOffset + 'px)'
- };
- },
- sizeName: function sizeName() {
- return ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
- }
- },
- methods: {
- scrollPrev: function scrollPrev() {
- var containerSize = this.$refs.navScroll['offset' + firstUpperCase(this.sizeName)];
- var currentOffset = this.navOffset;
- if (!currentOffset) return;
- var newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
- this.navOffset = newOffset;
- },
- scrollNext: function scrollNext() {
- var navSize = this.$refs.nav['offset' + firstUpperCase(this.sizeName)];
- var containerSize = this.$refs.navScroll['offset' + firstUpperCase(this.sizeName)];
- var currentOffset = this.navOffset;
- if (navSize - currentOffset <= containerSize) return;
- var newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
- this.navOffset = newOffset;
- },
- scrollToActiveTab: function scrollToActiveTab() {
- if (!this.scrollable) return;
- var nav = this.$refs.nav;
- var activeTab = this.$el.querySelector('.is-active');
- if (!activeTab) return;
- var navScroll = this.$refs.navScroll;
- var activeTabBounding = activeTab.getBoundingClientRect();
- var navScrollBounding = navScroll.getBoundingClientRect();
- var navBounding = nav.getBoundingClientRect();
- var currentOffset = this.navOffset;
- var newOffset = currentOffset;
- if (activeTabBounding.left < navScrollBounding.left) {
- newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
- }
- if (activeTabBounding.right > navScrollBounding.right) {
- newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
- }
- if (navBounding.right < navScrollBounding.right) {
- newOffset = nav.offsetWidth - navScrollBounding.width;
- }
- this.navOffset = Math.max(newOffset, 0);
- },
- update: function update() {
- if (!this.$refs.nav) return;
- var sizeName = this.sizeName;
- var navSize = this.$refs.nav['offset' + firstUpperCase(sizeName)];
- var containerSize = this.$refs.navScroll['offset' + firstUpperCase(sizeName)];
- var currentOffset = this.navOffset;
- if (containerSize < navSize) {
- var _currentOffset = this.navOffset;
- this.scrollable = this.scrollable || {};
- this.scrollable.prev = _currentOffset;
- this.scrollable.next = _currentOffset + containerSize < navSize;
- if (navSize - _currentOffset < containerSize) {
- this.navOffset = navSize - containerSize;
- }
- } else {
- this.scrollable = false;
- if (currentOffset > 0) {
- this.navOffset = 0;
- }
- }
- },
- changeTab: function changeTab(e) {
- var keyCode = e.keyCode;
- var nextIndex = void 0;
- var currentIndex = void 0,
- tabList = void 0;
- if ([37, 38, 39, 40].indexOf(keyCode) !== -1) {
- // 左右上下键更换tab
- tabList = e.currentTarget.querySelectorAll('[role=tab]');
- currentIndex = Array.prototype.indexOf.call(tabList, e.target);
- } else {
- return;
- }
- if (keyCode === 37 || keyCode === 38) {
- // left
- if (currentIndex === 0) {
- // first
- nextIndex = tabList.length - 1;
- } else {
- nextIndex = currentIndex - 1;
- }
- } else {
- // right
- if (currentIndex < tabList.length - 1) {
- // not last
- nextIndex = currentIndex + 1;
- } else {
- nextIndex = 0;
- }
- }
- tabList[nextIndex].focus(); // 改变焦点元素
- tabList[nextIndex].click(); // 选中下一个tab
- this.setFocus();
- },
- setFocus: function setFocus() {
- if (this.focusable) {
- this.isFocus = true;
- }
- },
- removeFocus: function removeFocus() {
- this.isFocus = false;
- },
- visibilityChangeHandler: function visibilityChangeHandler() {
- var _this = this;
- var visibility = document.visibilityState;
- if (visibility === 'hidden') {
- this.focusable = false;
- } else if (visibility === 'visible') {
- setTimeout(function () {
- _this.focusable = true;
- }, 50);
- }
- },
- windowBlurHandler: function windowBlurHandler() {
- this.focusable = false;
- },
- windowFocusHandler: function windowFocusHandler() {
- var _this2 = this;
- setTimeout(function () {
- _this2.focusable = true;
- }, 50);
- }
- },
- updated: function updated() {
- this.update();
- },
- render: function render(h) {
- var _this3 = this;
- var type = this.type,
- panes = this.panes,
- editable = this.editable,
- onTabClick = this.onTabClick,
- onTabRemove = this.onTabRemove,
- navStyle = this.navStyle,
- scrollable = this.scrollable,
- scrollNext = this.scrollNext,
- scrollPrev = this.scrollPrev,
- changeTab = this.changeTab,
- setFocus = this.setFocus,
- removeFocus = this.removeFocus;
- var scrollBtn = scrollable ? [h(
- 'span',
- { 'class': ['el-tabs__nav-prev', scrollable.prev ? '' : 'is-disabled'], on: {
- 'click': scrollPrev
- }
- },
- [h(
- 'i',
- { 'class': 'el-icon-arrow-left' },
- []
- )]
- ), h(
- 'span',
- { 'class': ['el-tabs__nav-next', scrollable.next ? '' : 'is-disabled'], on: {
- 'click': scrollNext
- }
- },
- [h(
- 'i',
- { 'class': 'el-icon-arrow-right' },
- []
- )]
- )] : null;
- var tabs = this._l(panes, function (pane, index) {
- var _ref;
- var tabName = pane.name || pane.index || index;
- var closable = pane.isClosable || editable;
- pane.index = '' + index;
- var btnClose = closable ? h(
- 'span',
- { 'class': 'el-icon-close', on: {
- 'click': function click(ev) {
- onTabRemove(pane, ev);
- }
- }
- },
- []
- ) : null;
- var tabLabelContent = pane.$slots.label || pane.label;
- var tabindex = pane.active ? 0 : -1;
- return h(
- 'div',
- {
- 'class': (_ref = {
- 'el-tabs__item': true
- }, _ref['is-' + _this3.rootTabs.tabPosition] = true, _ref['is-active'] = pane.active, _ref['is-disabled'] = pane.disabled, _ref['is-closable'] = closable, _ref['is-focus'] = _this3.isFocus, _ref),
- attrs: { id: 'tab-' + tabName,
- 'aria-controls': 'pane-' + tabName,
- role: 'tab',
- 'aria-selected': pane.active,
- tabindex: tabindex
- },
- ref: 'tabs', refInFor: true,
- on: {
- 'focus': function focus() {
- setFocus();
- },
- 'blur': function blur() {
- removeFocus();
- },
- 'click': function click(ev) {
- removeFocus();onTabClick(pane, tabName, ev);
- },
- 'keydown': function keydown(ev) {
- if (closable && (ev.keyCode === 46 || ev.keyCode === 8)) {
- onTabRemove(pane, ev);
- }
- }
- }
- },
- [tabLabelContent, btnClose]
- );
- });
- return h(
- 'div',
- { 'class': ['el-tabs__nav-wrap', scrollable ? 'is-scrollable' : '', 'is-' + this.rootTabs.tabPosition] },
- [scrollBtn, h(
- 'div',
- { 'class': ['el-tabs__nav-scroll'], ref: 'navScroll' },
- [h(
- 'div',
- { 'class': 'el-tabs__nav', ref: 'nav', style: navStyle, attrs: { role: 'tablist' },
- on: {
- 'keydown': changeTab
- }
- },
- [!type ? h(
- 'tab-bar',
- {
- attrs: { tabs: panes }
- },
- []
- ) : null, tabs]
- )]
- )]
- );
- },
- mounted: function mounted() {
- (0, _resizeEvent.addResizeListener)(this.$el, this.update);
- document.addEventListener('visibilitychange', this.visibilityChangeHandler);
- window.addEventListener('blur', this.windowBlurHandler);
- window.addEventListener('focus', this.windowFocusHandler);
- },
- beforeDestroy: function beforeDestroy() {
- if (this.$el && this.update) (0, _resizeEvent.removeResizeListener)(this.$el, this.update);
- document.removeEventListener('visibilitychange', this.visibilityChangeHandler);
- window.removeEventListener('blur', this.windowBlurHandler);
- window.removeEventListener('focus', this.windowFocusHandler);
- }
- };
- /***/ }),
- /* 240 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_bar_vue__ = __webpack_require__(241);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_bar_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_bar_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9a42dc98_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tab_bar_vue__ = __webpack_require__(242);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_bar_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9a42dc98_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tab_bar_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 241 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- exports.default = {
- name: 'TabBar',
- props: {
- tabs: Array
- },
- inject: ['rootTabs'],
- computed: {
- barStyle: {
- cache: false,
- get: function get() {
- var _this = this;
- if (!this.$parent.$refs.tabs) return {};
- var style = {};
- var offset = 0;
- var tabSize = 0;
- var sizeName = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
- var sizeDir = sizeName === 'width' ? 'x' : 'y';
- var firstUpperCase = function firstUpperCase(str) {
- return str.toLowerCase().replace(/( |^)[a-z]/g, function (L) {
- return L.toUpperCase();
- });
- };
- this.tabs.every(function (tab, index) {
- var $el = _this.$parent.$refs.tabs[index];
- if (!$el) {
- return false;
- }
- if (!tab.active) {
- offset += $el['client' + firstUpperCase(sizeName)];
- return true;
- } else {
- tabSize = $el['client' + firstUpperCase(sizeName)];
- if (sizeName === 'width' && _this.tabs.length > 1) {
- tabSize -= index === 0 || index === _this.tabs.length - 1 ? 20 : 40;
- }
- return false;
- }
- });
- if (sizeName === 'width' && offset !== 0) {
- offset += 20;
- }
- var transform = 'translate' + firstUpperCase(sizeDir) + '(' + offset + 'px)';
- style[sizeName] = tabSize + 'px';
- style.transform = transform;
- style.msTransform = transform;
- style.webkitTransform = transform;
- return style;
- }
- }
- }
- };
- /***/ }),
- /* 242 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-tabs__active-bar",class:("is-" + (_vm.rootTabs.tabPosition)),style:(_vm.barStyle)})}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 243 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _tabPane = __webpack_require__(244);
- var _tabPane2 = _interopRequireDefault(_tabPane);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _tabPane2.default.install = function (Vue) {
- Vue.component(_tabPane2.default.name, _tabPane2.default);
- };
- exports.default = _tabPane2.default;
- /***/ }),
- /* 244 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_pane_vue__ = __webpack_require__(245);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_pane_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_pane_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_53570e97_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tab_pane_vue__ = __webpack_require__(246);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tab_pane_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_53570e97_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tab_pane_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 245 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElTabPane',
- componentName: 'ElTabPane',
- props: {
- label: String,
- labelContent: Function,
- name: String,
- closable: Boolean,
- disabled: Boolean
- },
- data: function data() {
- return {
- index: null
- };
- },
- computed: {
- isClosable: function isClosable() {
- return this.closable || this.$parent.closable;
- },
- active: function active() {
- return this.$parent.currentName === (this.name || this.index);
- },
- paneName: function paneName() {
- return this.name || this.index;
- }
- },
- mounted: function mounted() {
- this.$parent.addPanes(this);
- },
- destroyed: function destroyed() {
- if (this.$el && this.$el.parentNode) {
- this.$el.parentNode.removeChild(this.$el);
- }
- this.$parent.removePanes(this);
- },
- watch: {
- label: function label() {
- this.$parent.$forceUpdate();
- }
- }
- };
- /***/ }),
- /* 246 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.active),expression:"active"}],staticClass:"el-tab-pane",attrs:{"role":"tabpanel","aria-hidden":!_vm.active,"id":("pane-" + _vm.paneName),"aria-labelledby":("tab-" + _vm.paneName)}},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 247 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _tag = __webpack_require__(248);
- var _tag2 = _interopRequireDefault(_tag);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _tag2.default.install = function (Vue) {
- Vue.component(_tag2.default.name, _tag2.default);
- };
- exports.default = _tag2.default;
- /***/ }),
- /* 248 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tag_vue__ = __webpack_require__(249);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tag_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tag_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_466877f5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tag_vue__ = __webpack_require__(250);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tag_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_466877f5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tag_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 249 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElTag',
- props: {
- text: String,
- closable: Boolean,
- type: String,
- hit: Boolean,
- disableTransitions: Boolean,
- color: String,
- size: String
- },
- methods: {
- handleClose: function handleClose(event) {
- this.$emit('close', event);
- }
- },
- computed: {
- tagSize: function tagSize() {
- return this.size || (this.$ELEMENT || {}).size;
- }
- }
- };
- /***/ }),
- /* 250 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.disableTransitions ? '' : 'el-zoom-in-center'}},[_c('span',{staticClass:"el-tag",class:[
- _vm.type ? 'el-tag--' + _vm.type : '',
- _vm.tagSize && ("el-tag--" + _vm.tagSize),
- {'is-hit': _vm.hit}
- ],style:({backgroundColor: _vm.color})},[_vm._t("default"),(_vm.closable)?_c('i',{staticClass:"el-tag__close el-icon-close",on:{"click":function($event){$event.stopPropagation();_vm.handleClose($event)}}}):_vm._e()],2)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 251 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _tree = __webpack_require__(252);
- var _tree2 = _interopRequireDefault(_tree);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _tree2.default.install = function (Vue) {
- Vue.component(_tree2.default.name, _tree2.default);
- };
- exports.default = _tree2.default;
- /***/ }),
- /* 252 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_vue__ = __webpack_require__(253);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_bdd5d816_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tree_vue__ = __webpack_require__(259);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_bdd5d816_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tree_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 253 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _treeStore = __webpack_require__(254);
- var _treeStore2 = _interopRequireDefault(_treeStore);
- var _util = __webpack_require__(22);
- var _treeNode = __webpack_require__(256);
- var _treeNode2 = _interopRequireDefault(_treeNode);
- var _locale = __webpack_require__(16);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _dom = __webpack_require__(3);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElTree',
- mixins: [_emitter2.default],
- components: {
- ElTreeNode: _treeNode2.default
- },
- data: function data() {
- return {
- store: null,
- root: null,
- currentNode: null,
- treeItems: null,
- checkboxItems: [],
- dragState: {
- showDropIndicator: false,
- draggingNode: null,
- dropNode: null,
- allowDrop: true
- }
- };
- },
- props: {
- data: {
- type: Array
- },
- emptyText: {
- type: String,
- default: function _default() {
- return (0, _locale.t)('el.tree.emptyText');
- }
- },
- renderAfterExpand: {
- type: Boolean,
- default: true
- },
- nodeKey: String,
- checkStrictly: Boolean,
- defaultExpandAll: Boolean,
- expandOnClickNode: {
- type: Boolean,
- default: true
- },
- checkOnClickNode: Boolean,
- checkDescendants: {
- type: Boolean,
- default: false
- },
- autoExpandParent: {
- type: Boolean,
- default: true
- },
- defaultCheckedKeys: Array,
- defaultExpandedKeys: Array,
- renderContent: Function,
- showCheckbox: {
- type: Boolean,
- default: false
- },
- draggable: {
- type: Boolean,
- default: false
- },
- allowDrag: Function,
- allowDrop: Function,
- props: {
- default: function _default() {
- return {
- children: 'children',
- label: 'label',
- icon: 'icon',
- disabled: 'disabled'
- };
- }
- },
- lazy: {
- type: Boolean,
- default: false
- },
- highlightCurrent: Boolean,
- load: Function,
- filterNodeMethod: Function,
- accordion: Boolean,
- indent: {
- type: Number,
- default: 18
- }
- },
- computed: {
- children: {
- set: function set(value) {
- this.data = value;
- },
- get: function get() {
- return this.data;
- }
- },
- treeItemArray: function treeItemArray() {
- return Array.prototype.slice.call(this.treeItems);
- }
- },
- watch: {
- defaultCheckedKeys: function defaultCheckedKeys(newVal) {
- this.store.defaultCheckedKeys = newVal;
- this.store.setDefaultCheckedKey(newVal);
- },
- defaultExpandedKeys: function defaultExpandedKeys(newVal) {
- this.store.defaultExpandedKeys = newVal;
- this.store.setDefaultExpandedKeys(newVal);
- },
- data: function data(newVal) {
- this.store.setData(newVal);
- },
- checkboxItems: function checkboxItems(val) {
- Array.prototype.forEach.call(val, function (checkbox) {
- checkbox.setAttribute('tabindex', -1);
- });
- },
- checkStrictly: function checkStrictly(newVal) {
- this.store.checkStrictly = newVal;
- }
- },
- methods: {
- filter: function filter(value) {
- if (!this.filterNodeMethod) throw new Error('[Tree] filterNodeMethod is required when filter');
- this.store.filter(value);
- },
- getNodeKey: function getNodeKey(node) {
- return (0, _util.getNodeKey)(this.nodeKey, node.data);
- },
- getNodePath: function getNodePath(data) {
- if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getNodePath');
- var node = this.store.getNode(data);
- if (!node) return [];
- var path = [node.data];
- var parent = node.parent;
- while (parent && parent !== this.root) {
- path.push(parent.data);
- parent = parent.parent;
- }
- return path.reverse();
- },
- getCheckedNodes: function getCheckedNodes(leafOnly) {
- return this.store.getCheckedNodes(leafOnly);
- },
- getCheckedKeys: function getCheckedKeys(leafOnly) {
- return this.store.getCheckedKeys(leafOnly);
- },
- getCurrentNode: function getCurrentNode() {
- var currentNode = this.store.getCurrentNode();
- return currentNode ? currentNode.data : null;
- },
- getCurrentKey: function getCurrentKey() {
- if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getCurrentKey');
- var currentNode = this.getCurrentNode();
- return currentNode ? currentNode[this.nodeKey] : null;
- },
- setCheckedNodes: function setCheckedNodes(nodes, leafOnly) {
- if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedNodes');
- this.store.setCheckedNodes(nodes, leafOnly);
- },
- setCheckedKeys: function setCheckedKeys(keys, leafOnly) {
- if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedKeys');
- this.store.setCheckedKeys(keys, leafOnly);
- },
- setChecked: function setChecked(data, checked, deep) {
- this.store.setChecked(data, checked, deep);
- },
- getHalfCheckedNodes: function getHalfCheckedNodes() {
- return this.store.getHalfCheckedNodes();
- },
- getHalfCheckedKeys: function getHalfCheckedKeys() {
- return this.store.getHalfCheckedKeys();
- },
- setCurrentNode: function setCurrentNode(node) {
- if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentNode');
- this.store.setUserCurrentNode(node);
- },
- setCurrentKey: function setCurrentKey(key) {
- if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentKey');
- this.store.setCurrentNodeKey(key);
- },
- getNode: function getNode(data) {
- return this.store.getNode(data);
- },
- remove: function remove(data) {
- this.store.remove(data);
- },
- append: function append(data, parentNode) {
- this.store.append(data, parentNode);
- },
- insertBefore: function insertBefore(data, refNode) {
- this.store.insertBefore(data, refNode);
- },
- insertAfter: function insertAfter(data, refNode) {
- this.store.insertAfter(data, refNode);
- },
- handleNodeExpand: function handleNodeExpand(nodeData, node, instance) {
- this.broadcast('ElTreeNode', 'tree-node-expand', node);
- this.$emit('node-expand', nodeData, node, instance);
- },
- updateKeyChildren: function updateKeyChildren(key, data) {
- if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in updateKeyChild');
- this.store.updateChildren(key, data);
- },
- initTabIndex: function initTabIndex() {
- this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
- this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
- var checkedItem = this.$el.querySelectorAll('.is-checked[role=treeitem]');
- if (checkedItem.length) {
- checkedItem[0].setAttribute('tabindex', 0);
- return;
- }
- this.treeItems[0] && this.treeItems[0].setAttribute('tabindex', 0);
- },
- handelKeydown: function handelKeydown(ev) {
- var currentItem = ev.target;
- if (currentItem.className.indexOf('el-tree-node') === -1) return;
- ev.preventDefault();
- var keyCode = ev.keyCode;
- this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
- var currentIndex = this.treeItemArray.indexOf(currentItem);
- var nextIndex = void 0;
- if ([38, 40].indexOf(keyCode) > -1) {
- // up、down
- if (keyCode === 38) {
- // up
- nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
- } else {
- nextIndex = currentIndex < this.treeItemArray.length - 1 ? currentIndex + 1 : 0;
- }
- this.treeItemArray[nextIndex].focus(); // 选中
- }
- if ([37, 39].indexOf(keyCode) > -1) {
- // left、right 展开
- currentItem.click(); // 选中
- }
- var hasInput = currentItem.querySelector('[type="checkbox"]');
- if ([13, 32].indexOf(keyCode) > -1 && hasInput) {
- // space enter选中checkbox
- hasInput.click();
- }
- }
- },
- created: function created() {
- var _this = this;
- this.isTree = true;
- this.store = new _treeStore2.default({
- key: this.nodeKey,
- data: this.data,
- lazy: this.lazy,
- props: this.props,
- load: this.load,
- currentNodeKey: this.currentNodeKey,
- checkStrictly: this.checkStrictly,
- checkDescendants: this.checkDescendants,
- defaultCheckedKeys: this.defaultCheckedKeys,
- defaultExpandedKeys: this.defaultExpandedKeys,
- autoExpandParent: this.autoExpandParent,
- defaultExpandAll: this.defaultExpandAll,
- filterNodeMethod: this.filterNodeMethod
- });
- this.root = this.store.root;
- var dragState = this.dragState;
- this.$on('tree-node-drag-start', function (event, treeNode) {
- if (typeof _this.allowDrag === 'function' && !_this.allowDrag(treeNode.node)) {
- event.preventDefault();
- return false;
- }
- event.dataTransfer.effectAllowed = 'move';
- // wrap in try catch to address IE's error when first param is 'text/plain'
- try {
- // setData is required for draggable to work in FireFox
- // the content has to be '' so dragging a node out of the tree won't open a new tab in FireFox
- event.dataTransfer.setData('text/plain', '');
- } catch (e) {}
- dragState.draggingNode = treeNode;
- _this.$emit('node-drag-start', treeNode.node, event);
- });
- this.$on('tree-node-drag-over', function (event, treeNode) {
- var dropNode = (0, _util.findNearestComponent)(event.target, 'ElTreeNode');
- var oldDropNode = dragState.dropNode;
- if (oldDropNode && oldDropNode !== dropNode) {
- (0, _dom.removeClass)(oldDropNode.$el, 'is-drop-inner');
- }
- var draggingNode = dragState.draggingNode;
- if (!draggingNode || !dropNode) return;
- var dropPrev = true;
- var dropInner = true;
- var dropNext = true;
- if (typeof _this.allowDrop === 'function') {
- dropPrev = _this.allowDrop(draggingNode.node, dropNode.node, 'prev');
- dropInner = _this.allowDrop(draggingNode.node, dropNode.node, 'inner');
- dropNext = _this.allowDrop(draggingNode.node, dropNode.node, 'next');
- }
- dragState.allowDrop = dropInner;
- event.dataTransfer.dropEffect = dropInner ? 'move' : 'none';
- if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
- if (oldDropNode) {
- _this.$emit('node-drag-leave', draggingNode.node, oldDropNode.node, event);
- }
- _this.$emit('node-drag-enter', draggingNode.node, dropNode.node, event);
- }
- if (dropPrev || dropInner || dropNext) {
- dragState.dropNode = dropNode;
- }
- if (dropNode.node.nextSibling === draggingNode.node) {
- dropNext = false;
- }
- if (dropNode.node.previousSibling === draggingNode.node) {
- dropPrev = false;
- }
- if (dropNode.node.contains(draggingNode.node, false)) {
- dropInner = false;
- }
- if (draggingNode.node === dropNode.node || draggingNode.node.contains(dropNode.node)) {
- dropPrev = false;
- dropInner = false;
- dropNext = false;
- }
- var targetPosition = dropNode.$el.querySelector('.el-tree-node__expand-icon').getBoundingClientRect();
- var treePosition = _this.$el.getBoundingClientRect();
- var dropType = void 0;
- var prevPercent = dropPrev ? dropInner ? 0.25 : dropNext ? 0.5 : 1 : -1;
- var nextPercent = dropNext ? dropInner ? 0.75 : dropPrev ? 0.5 : 0 : 1;
- var indicatorTop = -9999;
- var distance = event.clientY - targetPosition.top;
- if (distance < targetPosition.height * prevPercent) {
- dropType = 'before';
- } else if (distance > targetPosition.height * nextPercent) {
- dropType = 'after';
- } else if (dropInner) {
- dropType = 'inner';
- } else {
- dropType = 'none';
- }
- var dropIndicator = _this.$refs.dropIndicator;
- if (dropType === 'before') {
- indicatorTop = targetPosition.top - treePosition.top;
- } else if (dropType === 'after') {
- indicatorTop = targetPosition.bottom - treePosition.top;
- }
- dropIndicator.style.top = indicatorTop + 'px';
- dropIndicator.style.left = targetPosition.right - treePosition.left + 'px';
- if (dropType === 'inner') {
- (0, _dom.addClass)(dropNode.$el, 'is-drop-inner');
- } else {
- (0, _dom.removeClass)(dropNode.$el, 'is-drop-inner');
- }
- dragState.showDropIndicator = dropType === 'before' || dropType === 'after';
- dragState.dropType = dropType;
- _this.$emit('node-drag-over', draggingNode.node, dropNode.node, event);
- });
- this.$on('tree-node-drag-end', function (event) {
- var draggingNode = dragState.draggingNode,
- dropType = dragState.dropType,
- dropNode = dragState.dropNode;
- event.preventDefault();
- event.dataTransfer.dropEffect = 'move';
- if (draggingNode && dropNode) {
- var data = draggingNode.node.data;
- if (dropType === 'before') {
- draggingNode.node.remove();
- dropNode.node.parent.insertBefore({ data: data }, dropNode.node);
- } else if (dropType === 'after') {
- draggingNode.node.remove();
- dropNode.node.parent.insertAfter({ data: data }, dropNode.node);
- } else if (dropType === 'inner') {
- dropNode.node.insertChild({ data: data });
- draggingNode.node.remove();
- }
- (0, _dom.removeClass)(dropNode.$el, 'is-drop-inner');
- _this.$emit('node-drag-end', draggingNode.node, dropNode.node, dropType, event);
- if (dropType !== 'none') {
- _this.$emit('node-drop', draggingNode.node, dropNode.node, dropType, event);
- }
- }
- if (draggingNode && !dropNode) {
- _this.$emit('node-drag-end', draggingNode.node, null, dropType, event);
- }
- dragState.showDropIndicator = false;
- dragState.draggingNode = null;
- dragState.dropNode = null;
- dragState.allowDrop = true;
- });
- },
- mounted: function mounted() {
- this.initTabIndex();
- this.$el.addEventListener('keydown', this.handelKeydown);
- },
- updated: function updated() {
- this.treeItems = this.$el.querySelectorAll('[role=treeitem]');
- this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
- }
- };
- /***/ }),
- /* 254 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
- var _node = __webpack_require__(255);
- var _node2 = _interopRequireDefault(_node);
- var _util = __webpack_require__(22);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- var TreeStore = function () {
- function TreeStore(options) {
- var _this = this;
- _classCallCheck(this, TreeStore);
- this.currentNode = null;
- this.currentNodeKey = null;
- for (var option in options) {
- if (options.hasOwnProperty(option)) {
- this[option] = options[option];
- }
- }
- this.nodesMap = {};
- this.root = new _node2.default({
- data: this.data,
- store: this
- });
- if (this.lazy && this.load) {
- var loadFn = this.load;
- loadFn(this.root, function (data) {
- _this.root.doCreateChildren(data);
- _this._initDefaultCheckedNodes();
- });
- } else {
- this._initDefaultCheckedNodes();
- }
- }
- TreeStore.prototype.filter = function filter(value) {
- var filterNodeMethod = this.filterNodeMethod;
- var traverse = function traverse(node) {
- var childNodes = node.root ? node.root.childNodes : node.childNodes;
- childNodes.forEach(function (child) {
- child.visible = filterNodeMethod.call(child, value, child.data, child);
- traverse(child);
- });
- if (!node.visible && childNodes.length) {
- var allHidden = true;
- childNodes.forEach(function (child) {
- if (child.visible) allHidden = false;
- });
- if (node.root) {
- node.root.visible = allHidden === false;
- } else {
- node.visible = allHidden === false;
- }
- }
- if (!value) return;
- if (node.visible && !node.isLeaf) node.expand();
- };
- traverse(this);
- };
- TreeStore.prototype.setData = function setData(newVal) {
- var instanceChanged = newVal !== this.root.data;
- if (instanceChanged) {
- this.root.setData(newVal);
- this._initDefaultCheckedNodes();
- } else {
- this.root.updateChildren();
- }
- };
- TreeStore.prototype.getNode = function getNode(data) {
- if (data instanceof _node2.default) return data;
- var key = (typeof data === 'undefined' ? 'undefined' : _typeof(data)) !== 'object' ? data : (0, _util.getNodeKey)(this.key, data);
- return this.nodesMap[key] || null;
- };
- TreeStore.prototype.insertBefore = function insertBefore(data, refData) {
- var refNode = this.getNode(refData);
- refNode.parent.insertBefore({ data: data }, refNode);
- };
- TreeStore.prototype.insertAfter = function insertAfter(data, refData) {
- var refNode = this.getNode(refData);
- refNode.parent.insertAfter({ data: data }, refNode);
- };
- TreeStore.prototype.remove = function remove(data) {
- var node = this.getNode(data);
- if (node) {
- node.parent.removeChild(node);
- }
- };
- TreeStore.prototype.append = function append(data, parentData) {
- var parentNode = parentData ? this.getNode(parentData) : this.root;
- if (parentNode) {
- parentNode.insertChild({ data: data });
- }
- };
- TreeStore.prototype._initDefaultCheckedNodes = function _initDefaultCheckedNodes() {
- var _this2 = this;
- var defaultCheckedKeys = this.defaultCheckedKeys || [];
- var nodesMap = this.nodesMap;
- defaultCheckedKeys.forEach(function (checkedKey) {
- var node = nodesMap[checkedKey];
- if (node) {
- node.setChecked(true, !_this2.checkStrictly);
- }
- });
- };
- TreeStore.prototype._initDefaultCheckedNode = function _initDefaultCheckedNode(node) {
- var defaultCheckedKeys = this.defaultCheckedKeys || [];
- if (defaultCheckedKeys.indexOf(node.key) !== -1) {
- node.setChecked(true, !this.checkStrictly);
- }
- };
- TreeStore.prototype.setDefaultCheckedKey = function setDefaultCheckedKey(newVal) {
- if (newVal !== this.defaultCheckedKeys) {
- this.defaultCheckedKeys = newVal;
- this._initDefaultCheckedNodes();
- }
- };
- TreeStore.prototype.registerNode = function registerNode(node) {
- var key = this.key;
- if (!key || !node || !node.data) return;
- var nodeKey = node.key;
- if (nodeKey !== undefined) this.nodesMap[node.key] = node;
- };
- TreeStore.prototype.deregisterNode = function deregisterNode(node) {
- var key = this.key;
- if (!key || !node || !node.data) return;
- var childNodes = node.childNodes;
- for (var i = 0, j = childNodes.length; i < j; i++) {
- var child = childNodes[i];
- this.deregisterNode(child);
- }
- delete this.nodesMap[node.key];
- };
- TreeStore.prototype.getCheckedNodes = function getCheckedNodes() {
- var leafOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- var checkedNodes = [];
- var traverse = function traverse(node) {
- var childNodes = node.root ? node.root.childNodes : node.childNodes;
- childNodes.forEach(function (child) {
- if (child.checked && (!leafOnly || leafOnly && child.isLeaf)) {
- checkedNodes.push(child.data);
- }
- traverse(child);
- });
- };
- traverse(this);
- return checkedNodes;
- };
- TreeStore.prototype.getCheckedKeys = function getCheckedKeys() {
- var _this3 = this;
- var leafOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- return this.getCheckedNodes(leafOnly).map(function (data) {
- return (data || {})[_this3.key];
- });
- };
- TreeStore.prototype.getHalfCheckedNodes = function getHalfCheckedNodes() {
- var nodes = [];
- var traverse = function traverse(node) {
- var childNodes = node.root ? node.root.childNodes : node.childNodes;
- childNodes.forEach(function (child) {
- if (child.indeterminate) {
- nodes.push(child.data);
- }
- traverse(child);
- });
- };
- traverse(this);
- return nodes;
- };
- TreeStore.prototype.getHalfCheckedKeys = function getHalfCheckedKeys() {
- var _this4 = this;
- return this.getHalfCheckedNodes().map(function (data) {
- return (data || {})[_this4.key];
- });
- };
- TreeStore.prototype._getAllNodes = function _getAllNodes() {
- var allNodes = [];
- var nodesMap = this.nodesMap;
- for (var nodeKey in nodesMap) {
- if (nodesMap.hasOwnProperty(nodeKey)) {
- allNodes.push(nodesMap[nodeKey]);
- }
- }
- return allNodes;
- };
- TreeStore.prototype.updateChildren = function updateChildren(key, data) {
- var node = this.nodesMap[key];
- if (!node) return;
- var childNodes = node.childNodes;
- for (var i = childNodes.length - 1; i >= 0; i--) {
- var child = childNodes[i];
- this.remove(child.data);
- }
- for (var _i = 0, j = data.length; _i < j; _i++) {
- var _child = data[_i];
- this.append(_child, node.data);
- }
- };
- TreeStore.prototype._setCheckedKeys = function _setCheckedKeys(key) {
- var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- var checkedKeys = arguments[2];
- var allNodes = this._getAllNodes().sort(function (a, b) {
- return b.level - a.level;
- });
- var cache = Object.create(null);
- var keys = Object.keys(checkedKeys);
- allNodes.forEach(function (node) {
- return node.setChecked(false, false);
- });
- for (var i = 0, j = allNodes.length; i < j; i++) {
- var node = allNodes[i];
- var nodeKey = node.data[key].toString();
- var checked = keys.indexOf(nodeKey) > -1;
- if (!checked) {
- if (node.checked && !cache[nodeKey]) {
- node.setChecked(false, false);
- }
- continue;
- }
- var parent = node.parent;
- while (parent && parent.level > 0) {
- cache[parent.data[key]] = true;
- parent = parent.parent;
- }
- if (node.isLeaf || this.checkStrictly) {
- node.setChecked(true, false);
- continue;
- }
- node.setChecked(true, true);
- if (leafOnly) {
- (function () {
- node.setChecked(false, false);
- var traverse = function traverse(node) {
- var childNodes = node.childNodes;
- childNodes.forEach(function (child) {
- if (!child.isLeaf) {
- child.setChecked(false, false);
- }
- traverse(child);
- });
- };
- traverse(node);
- })();
- }
- }
- };
- TreeStore.prototype.setCheckedNodes = function setCheckedNodes(array) {
- var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- var key = this.key;
- var checkedKeys = {};
- array.forEach(function (item) {
- checkedKeys[(item || {})[key]] = true;
- });
- this._setCheckedKeys(key, leafOnly, checkedKeys);
- };
- TreeStore.prototype.setCheckedKeys = function setCheckedKeys(keys) {
- var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- this.defaultCheckedKeys = keys;
- var key = this.key;
- var checkedKeys = {};
- keys.forEach(function (key) {
- checkedKeys[key] = true;
- });
- this._setCheckedKeys(key, leafOnly, checkedKeys);
- };
- TreeStore.prototype.setDefaultExpandedKeys = function setDefaultExpandedKeys(keys) {
- var _this5 = this;
- keys = keys || [];
- this.defaultExpandedKeys = keys;
- keys.forEach(function (key) {
- var node = _this5.getNode(key);
- if (node) node.expand(null, _this5.autoExpandParent);
- });
- };
- TreeStore.prototype.setChecked = function setChecked(data, checked, deep) {
- var node = this.getNode(data);
- if (node) {
- node.setChecked(!!checked, deep);
- }
- };
- TreeStore.prototype.getCurrentNode = function getCurrentNode() {
- return this.currentNode;
- };
- TreeStore.prototype.setCurrentNode = function setCurrentNode(node) {
- this.currentNode = node;
- };
- TreeStore.prototype.setUserCurrentNode = function setUserCurrentNode(node) {
- var key = node[this.key];
- var currNode = this.nodesMap[key];
- this.setCurrentNode(currNode);
- };
- TreeStore.prototype.setCurrentNodeKey = function setCurrentNodeKey(key) {
- var node = this.getNode(key);
- if (node) {
- this.currentNode = node;
- }
- };
- return TreeStore;
- }();
- exports.default = TreeStore;
- ;
- /***/ }),
- /* 255 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.getChildState = undefined;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- var _merge = __webpack_require__(10);
- var _merge2 = _interopRequireDefault(_merge);
- var _util = __webpack_require__(22);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- var getChildState = exports.getChildState = function getChildState(node) {
- var all = true;
- var none = true;
- var allWithoutDisable = true;
- for (var i = 0, j = node.length; i < j; i++) {
- var n = node[i];
- if (n.checked !== true || n.indeterminate) {
- all = false;
- if (!n.disabled) {
- allWithoutDisable = false;
- }
- }
- if (n.checked !== false || n.indeterminate) {
- none = false;
- }
- }
- return { all: all, none: none, allWithoutDisable: allWithoutDisable, half: !all && !none };
- };
- var reInitChecked = function reInitChecked(node) {
- if (node.childNodes.length === 0) return;
- var _getChildState = getChildState(node.childNodes),
- all = _getChildState.all,
- none = _getChildState.none,
- half = _getChildState.half;
- if (all) {
- node.checked = true;
- node.indeterminate = false;
- } else if (half) {
- node.checked = false;
- node.indeterminate = true;
- } else if (none) {
- node.checked = false;
- node.indeterminate = false;
- }
- var parent = node.parent;
- if (!parent || parent.level === 0) return;
- if (!node.store.checkStrictly) {
- reInitChecked(parent);
- }
- };
- var getPropertyFromData = function getPropertyFromData(node, prop) {
- var props = node.store.props;
- var data = node.data || {};
- var config = props[prop];
- if (typeof config === 'function') {
- return config(data, node);
- } else if (typeof config === 'string') {
- return data[config];
- } else if (typeof config === 'undefined') {
- var dataProp = data[prop];
- return dataProp === undefined ? '' : dataProp;
- }
- };
- var nodeIdSeed = 0;
- var Node = function () {
- function Node(options) {
- _classCallCheck(this, Node);
- this.id = nodeIdSeed++;
- this.text = null;
- this.checked = false;
- this.indeterminate = false;
- this.data = null;
- this.expanded = false;
- this.parent = null;
- this.visible = true;
- for (var name in options) {
- if (options.hasOwnProperty(name)) {
- this[name] = options[name];
- }
- }
- // internal
- this.level = 0;
- this.loaded = false;
- this.childNodes = [];
- this.loading = false;
- if (this.parent) {
- this.level = this.parent.level + 1;
- }
- var store = this.store;
- if (!store) {
- throw new Error('[Node]store is required!');
- }
- store.registerNode(this);
- var props = store.props;
- if (props && typeof props.isLeaf !== 'undefined') {
- var isLeaf = getPropertyFromData(this, 'isLeaf');
- if (typeof isLeaf === 'boolean') {
- this.isLeafByUser = isLeaf;
- }
- }
- if (store.lazy !== true && this.data) {
- this.setData(this.data);
- if (store.defaultExpandAll) {
- this.expanded = true;
- }
- } else if (this.level > 0 && store.lazy && store.defaultExpandAll) {
- this.expand();
- }
- if (!this.data) return;
- var defaultExpandedKeys = store.defaultExpandedKeys;
- var key = store.key;
- if (key && defaultExpandedKeys && defaultExpandedKeys.indexOf(this.key) !== -1) {
- this.expand(null, store.autoExpandParent);
- }
- if (key && store.currentNodeKey !== undefined && this.key === store.currentNodeKey) {
- store.currentNode = this;
- }
- if (store.lazy) {
- store._initDefaultCheckedNode(this);
- }
- this.updateLeafState();
- }
- Node.prototype.setData = function setData(data) {
- if (!Array.isArray(data)) {
- (0, _util.markNodeData)(this, data);
- }
- this.data = data;
- this.childNodes = [];
- var children = void 0;
- if (this.level === 0 && this.data instanceof Array) {
- children = this.data;
- } else {
- children = getPropertyFromData(this, 'children') || [];
- }
- for (var i = 0, j = children.length; i < j; i++) {
- this.insertChild({ data: children[i] });
- }
- };
- Node.prototype.contains = function contains(target) {
- var deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
- var walk = function walk(parent) {
- var children = parent.childNodes || [];
- var result = false;
- for (var i = 0, j = children.length; i < j; i++) {
- var child = children[i];
- if (child === target || deep && walk(child)) {
- result = true;
- break;
- }
- }
- return result;
- };
- return walk(this);
- };
- Node.prototype.remove = function remove() {
- var parent = this.parent;
- if (parent) {
- parent.removeChild(this);
- }
- };
- Node.prototype.insertChild = function insertChild(child, index, batch) {
- if (!child) throw new Error('insertChild error: child is required.');
- if (!(child instanceof Node)) {
- if (!batch) {
- var children = this.getChildren(true);
- if (children.indexOf(child.data) === -1) {
- if (typeof index === 'undefined' || index < 0) {
- children.push(child.data);
- } else {
- children.splice(index, 0, child.data);
- }
- }
- }
- (0, _merge2.default)(child, {
- parent: this,
- store: this.store
- });
- child = new Node(child);
- }
- child.level = this.level + 1;
- if (typeof index === 'undefined' || index < 0) {
- this.childNodes.push(child);
- } else {
- this.childNodes.splice(index, 0, child);
- }
- this.updateLeafState();
- };
- Node.prototype.insertBefore = function insertBefore(child, ref) {
- var index = void 0;
- if (ref) {
- index = this.childNodes.indexOf(ref);
- }
- this.insertChild(child, index);
- };
- Node.prototype.insertAfter = function insertAfter(child, ref) {
- var index = void 0;
- if (ref) {
- index = this.childNodes.indexOf(ref);
- if (index !== -1) index += 1;
- }
- this.insertChild(child, index);
- };
- Node.prototype.removeChild = function removeChild(child) {
- var children = this.getChildren() || [];
- var dataIndex = children.indexOf(child.data);
- if (dataIndex > -1) {
- children.splice(dataIndex, 1);
- }
- var index = this.childNodes.indexOf(child);
- if (index > -1) {
- this.store && this.store.deregisterNode(child);
- child.parent = null;
- this.childNodes.splice(index, 1);
- }
- this.updateLeafState();
- };
- Node.prototype.removeChildByData = function removeChildByData(data) {
- var targetNode = null;
- this.childNodes.forEach(function (node) {
- if (node.data === data) {
- targetNode = node;
- }
- });
- if (targetNode) {
- this.removeChild(targetNode);
- }
- };
- Node.prototype.expand = function expand(callback, expandParent) {
- var _this = this;
- var done = function done() {
- if (expandParent) {
- var parent = _this.parent;
- while (parent.level > 0) {
- parent.expanded = true;
- parent = parent.parent;
- }
- }
- _this.expanded = true;
- if (callback) callback();
- };
- if (this.shouldLoadData()) {
- this.loadData(function (data) {
- if (data instanceof Array) {
- if (_this.checked) {
- _this.setChecked(true, true);
- } else {
- reInitChecked(_this);
- }
- done();
- }
- });
- } else {
- done();
- }
- };
- Node.prototype.doCreateChildren = function doCreateChildren(array) {
- var _this2 = this;
- var defaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- array.forEach(function (item) {
- _this2.insertChild((0, _merge2.default)({ data: item }, defaultProps), undefined, true);
- });
- };
- Node.prototype.collapse = function collapse() {
- this.expanded = false;
- };
- Node.prototype.shouldLoadData = function shouldLoadData() {
- return this.store.lazy === true && this.store.load && !this.loaded;
- };
- Node.prototype.updateLeafState = function updateLeafState() {
- if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== 'undefined') {
- this.isLeaf = this.isLeafByUser;
- return;
- }
- var childNodes = this.childNodes;
- if (!this.store.lazy || this.store.lazy === true && this.loaded === true) {
- this.isLeaf = !childNodes || childNodes.length === 0;
- return;
- }
- this.isLeaf = false;
- };
- Node.prototype.setChecked = function setChecked(value, deep, recursion, passValue) {
- var _this3 = this;
- this.indeterminate = value === 'half';
- this.checked = value === true;
- if (this.store.checkStrictly) return;
- if (!(this.shouldLoadData() && !this.store.checkDescendants)) {
- var _ret = function () {
- var _getChildState2 = getChildState(_this3.childNodes),
- all = _getChildState2.all,
- allWithoutDisable = _getChildState2.allWithoutDisable;
- if (!_this3.isLeaf && !all && allWithoutDisable) {
- _this3.checked = false;
- value = false;
- }
- var handleDescendants = function handleDescendants() {
- if (deep) {
- var childNodes = _this3.childNodes;
- for (var i = 0, j = childNodes.length; i < j; i++) {
- var child = childNodes[i];
- passValue = passValue || value !== false;
- var isCheck = child.disabled ? child.checked : passValue;
- child.setChecked(isCheck, deep, true, passValue);
- }
- var _getChildState3 = getChildState(childNodes),
- half = _getChildState3.half,
- _all = _getChildState3.all;
- if (!_all) {
- _this3.checked = _all;
- _this3.indeterminate = half;
- }
- }
- };
- if (_this3.shouldLoadData()) {
- // Only work on lazy load data.
- _this3.loadData(function () {
- handleDescendants();
- reInitChecked(_this3);
- }, {
- checked: value !== false
- });
- return {
- v: void 0
- };
- } else {
- handleDescendants();
- }
- }();
- if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
- }
- var parent = this.parent;
- if (!parent || parent.level === 0) return;
- if (!recursion) {
- reInitChecked(parent);
- }
- };
- Node.prototype.getChildren = function getChildren() {
- var forceInit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
- // this is data
- if (this.level === 0) return this.data;
- var data = this.data;
- if (!data) return null;
- var props = this.store.props;
- var children = 'children';
- if (props) {
- children = props.children || 'children';
- }
- if (data[children] === undefined) {
- data[children] = null;
- }
- if (forceInit && !data[children]) {
- data[children] = [];
- }
- return data[children];
- };
- Node.prototype.updateChildren = function updateChildren() {
- var _this4 = this;
- var newData = this.getChildren() || [];
- var oldData = this.childNodes.map(function (node) {
- return node.data;
- });
- var newDataMap = {};
- var newNodes = [];
- newData.forEach(function (item, index) {
- if (item[_util.NODE_KEY]) {
- newDataMap[item[_util.NODE_KEY]] = { index: index, data: item };
- } else {
- newNodes.push({ index: index, data: item });
- }
- });
- oldData.forEach(function (item) {
- if (!newDataMap[item[_util.NODE_KEY]]) _this4.removeChildByData(item);
- });
- newNodes.forEach(function (_ref) {
- var index = _ref.index,
- data = _ref.data;
- _this4.insertChild({ data: data }, index);
- });
- this.updateLeafState();
- };
- Node.prototype.loadData = function loadData(callback) {
- var _this5 = this;
- var defaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
- this.loading = true;
- var resolve = function resolve(children) {
- _this5.loaded = true;
- _this5.loading = false;
- _this5.childNodes = [];
- _this5.doCreateChildren(children, defaultProps);
- _this5.updateLeafState();
- if (callback) {
- callback.call(_this5, children);
- }
- };
- this.store.load(this, resolve);
- } else {
- if (callback) {
- callback.call(this);
- }
- }
- };
- _createClass(Node, [{
- key: 'label',
- get: function get() {
- return getPropertyFromData(this, 'label');
- }
- }, {
- key: 'icon',
- get: function get() {
- return getPropertyFromData(this, 'icon');
- }
- }, {
- key: 'key',
- get: function get() {
- var nodeKey = this.store.key;
- if (this.data) return this.data[nodeKey];
- return null;
- }
- }, {
- key: 'disabled',
- get: function get() {
- return getPropertyFromData(this, 'disabled');
- }
- }, {
- key: 'nextSibling',
- get: function get() {
- var parent = this.parent;
- if (parent) {
- var index = parent.childNodes.indexOf(this);
- if (index > -1) {
- return parent.childNodes[index + 1];
- }
- }
- return null;
- }
- }, {
- key: 'previousSibling',
- get: function get() {
- var parent = this.parent;
- if (parent) {
- var index = parent.childNodes.indexOf(this);
- if (index > -1) {
- return index > 0 ? parent.childNodes[index - 1] : null;
- }
- }
- return null;
- }
- }]);
- return Node;
- }();
- exports.default = Node;
- /***/ }),
- /* 256 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_node_vue__ = __webpack_require__(257);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_node_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_node_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_751ff8ec_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tree_node_vue__ = __webpack_require__(258);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_node_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_751ff8ec_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tree_node_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 257 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _collapseTransition = __webpack_require__(20);
- var _collapseTransition2 = _interopRequireDefault(_collapseTransition);
- var _checkbox = __webpack_require__(14);
- var _checkbox2 = _interopRequireDefault(_checkbox);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _util = __webpack_require__(22);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElTreeNode',
- componentName: 'ElTreeNode',
- mixins: [_emitter2.default],
- props: {
- node: {
- default: function _default() {
- return {};
- }
- },
- props: {},
- renderContent: Function,
- renderAfterExpand: {
- type: Boolean,
- default: true
- }
- },
- components: {
- ElCollapseTransition: _collapseTransition2.default,
- ElCheckbox: _checkbox2.default,
- NodeContent: {
- props: {
- node: {
- required: true
- }
- },
- render: function render(h) {
- var parent = this.$parent;
- var tree = parent.tree;
- var node = this.node;
- var data = node.data,
- store = node.store;
- return parent.renderContent ? parent.renderContent.call(parent._renderProxy, h, { _self: tree.$vnode.context, node: node, data: data, store: store }) : tree.$scopedSlots.default ? tree.$scopedSlots.default({ node: node, data: data }) : h(
- 'span',
- { 'class': 'el-tree-node__label' },
- [node.label]
- );
- }
- }
- },
- data: function data() {
- return {
- tree: null,
- expanded: false,
- childNodeRendered: false,
- showCheckbox: false,
- oldChecked: null,
- oldIndeterminate: null
- };
- },
- watch: {
- 'node.indeterminate': function nodeIndeterminate(val) {
- this.handleSelectChange(this.node.checked, val);
- },
- 'node.checked': function nodeChecked(val) {
- this.handleSelectChange(val, this.node.indeterminate);
- },
- 'node.expanded': function nodeExpanded(val) {
- var _this = this;
- this.$nextTick(function () {
- return _this.expanded = val;
- });
- if (val) {
- this.childNodeRendered = true;
- }
- }
- },
- methods: {
- getNodeKey: function getNodeKey(node) {
- return (0, _util.getNodeKey)(this.tree.nodeKey, node.data);
- },
- handleSelectChange: function handleSelectChange(checked, indeterminate) {
- if (this.oldChecked !== checked && this.oldIndeterminate !== indeterminate) {
- this.tree.$emit('check-change', this.node.data, checked, indeterminate);
- }
- this.oldChecked = checked;
- this.indeterminate = indeterminate;
- },
- handleClick: function handleClick() {
- var store = this.tree.store;
- store.setCurrentNode(this.node);
- this.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode);
- this.tree.currentNode = this;
- if (this.tree.expandOnClickNode) {
- this.handleExpandIconClick();
- }
- if (this.tree.checkOnClickNode) {
- this.handleCheckChange(null, {
- target: { checked: !this.node.checked }
- });
- }
- this.tree.$emit('node-click', this.node.data, this.node, this);
- },
- handleContextMenu: function handleContextMenu(event) {
- if (this.tree._events['node-contextmenu'] && this.tree._events['node-contextmenu'].length > 0) {
- event.stopPropagation();
- event.preventDefault();
- }
- this.tree.$emit('node-contextmenu', event, this.node.data, this.node, this);
- },
- handleExpandIconClick: function handleExpandIconClick() {
- if (this.node.isLeaf) return;
- if (this.expanded) {
- this.tree.$emit('node-collapse', this.node.data, this.node, this);
- this.node.collapse();
- } else {
- this.node.expand();
- this.$emit('node-expand', this.node.data, this.node, this);
- }
- },
- handleCheckChange: function handleCheckChange(value, ev) {
- var _this2 = this;
- this.node.setChecked(ev.target.checked, !this.tree.checkStrictly);
- this.$nextTick(function () {
- var store = _this2.tree.store;
- _this2.tree.$emit('check', _this2.node.data, {
- checkedNodes: store.getCheckedNodes(),
- checkedKeys: store.getCheckedKeys(),
- halfCheckedNodes: store.getHalfCheckedNodes(),
- halfCheckedKeys: store.getHalfCheckedKeys()
- });
- });
- },
- handleChildNodeExpand: function handleChildNodeExpand(nodeData, node, instance) {
- this.broadcast('ElTreeNode', 'tree-node-expand', node);
- this.tree.$emit('node-expand', nodeData, node, instance);
- },
- handleDragStart: function handleDragStart(event) {
- if (!this.tree.draggable) return;
- this.tree.$emit('tree-node-drag-start', event, this);
- },
- handleDragOver: function handleDragOver(event) {
- if (!this.tree.draggable) return;
- this.tree.$emit('tree-node-drag-over', event, this);
- event.preventDefault();
- },
- handleDrop: function handleDrop(event) {
- event.preventDefault();
- },
- handleDragEnd: function handleDragEnd(event) {
- if (!this.tree.draggable) return;
- this.tree.$emit('tree-node-drag-end', event, this);
- }
- },
- created: function created() {
- var _this3 = this;
- var parent = this.$parent;
- if (parent.isTree) {
- this.tree = parent;
- } else {
- this.tree = parent.tree;
- }
- var tree = this.tree;
- if (!tree) {
- console.warn('Can not find node\'s tree.');
- }
- var props = tree.props || {};
- var childrenKey = props['children'] || 'children';
- this.$watch('node.data.' + childrenKey, function () {
- _this3.node.updateChildren();
- });
- this.showCheckbox = tree.showCheckbox;
- if (this.node.expanded) {
- this.expanded = true;
- this.childNodeRendered = true;
- }
- if (this.tree.accordion) {
- this.$on('tree-node-expand', function (node) {
- if (_this3.node !== node) {
- _this3.node.collapse();
- }
- });
- }
- }
- };
- /***/ }),
- /* 258 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {
- var this$1 = this;
- var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.node.visible),expression:"node.visible"}],ref:"node",staticClass:"el-tree-node",class:{
- 'is-expanded': _vm.expanded,
- 'is-current': _vm.tree.store.currentNode === _vm.node,
- 'is-hidden': !_vm.node.visible,
- 'is-focusable': !_vm.node.disabled,
- 'is-checked': !_vm.node.disabled && _vm.node.checked
- },attrs:{"role":"treeitem","tabindex":"-1","aria-expanded":_vm.expanded,"aria-disabled":_vm.node.disabled,"aria-checked":_vm.node.checked,"draggable":_vm.tree.draggable},on:{"click":function($event){$event.stopPropagation();_vm.handleClick($event)},"contextmenu":function ($event) { return this$1.handleContextMenu($event); },"dragstart":function($event){$event.stopPropagation();_vm.handleDragStart($event)},"dragover":function($event){$event.stopPropagation();_vm.handleDragOver($event)},"dragend":function($event){$event.stopPropagation();_vm.handleDragEnd($event)},"drop":function($event){$event.stopPropagation();_vm.handleDrop($event)}}},[_c('div',{staticClass:"el-tree-node__content",style:({ 'padding-left': (_vm.node.level - 1) * _vm.tree.indent + 'px' })},[_c('span',{staticClass:"el-tree-node__expand-icon el-icon-caret-right",class:{ 'is-leaf': _vm.node.isLeaf, expanded: !_vm.node.isLeaf && _vm.expanded },on:{"click":function($event){$event.stopPropagation();_vm.handleExpandIconClick($event)}}}),(_vm.showCheckbox)?_c('el-checkbox',{attrs:{"indeterminate":_vm.node.indeterminate,"disabled":!!_vm.node.disabled},on:{"change":_vm.handleCheckChange},nativeOn:{"click":function($event){$event.stopPropagation();}},model:{value:(_vm.node.checked),callback:function ($$v) {_vm.$set(_vm.node, "checked", $$v)},expression:"node.checked"}}):_vm._e(),(_vm.node.loading)?_c('span',{staticClass:"el-tree-node__loading-icon el-icon-loading"}):_vm._e(),_c('node-content',{attrs:{"node":_vm.node}})],1),_c('el-collapse-transition',[(!_vm.renderAfterExpand || _vm.childNodeRendered)?_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.expanded),expression:"expanded"}],staticClass:"el-tree-node__children",attrs:{"role":"group","aria-expanded":_vm.expanded}},_vm._l((_vm.node.childNodes),function(child){return _c('el-tree-node',{key:_vm.getNodeKey(child),attrs:{"render-content":_vm.renderContent,"render-after-expand":_vm.renderAfterExpand,"node":child},on:{"node-expand":_vm.handleChildNodeExpand}})})):_vm._e()])],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 259 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-tree",class:{
- 'el-tree--highlight-current': _vm.highlightCurrent,
- 'is-dragging': !!_vm.dragState.draggingNode,
- 'is-drop-not-allow': !_vm.dragState.allowDrop,
- 'is-drop-inner': _vm.dragState.dropType === 'inner'
- },attrs:{"role":"tree"}},[_vm._l((_vm.root.childNodes),function(child){return _c('el-tree-node',{key:_vm.getNodeKey(child),attrs:{"node":child,"props":_vm.props,"render-after-expand":_vm.renderAfterExpand,"render-content":_vm.renderContent},on:{"node-expand":_vm.handleNodeExpand}})}),(!_vm.root.childNodes || _vm.root.childNodes.length === 0)?_c('div',{staticClass:"el-tree__empty-block"},[_c('span',{staticClass:"el-tree__empty-text"},[_vm._v(_vm._s(_vm.emptyText))])]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.dragState.showDropIndicator),expression:"dragState.showDropIndicator"}],ref:"dropIndicator",staticClass:"el-tree__drop-indicator"})],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 260 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(261);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 261 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(262);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_94b140a8_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(263);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_94b140a8_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 262 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var TYPE_CLASSES_MAP = {
- 'success': 'el-icon-success',
- 'warning': 'el-icon-warning',
- 'error': 'el-icon-error'
- };
- exports.default = {
- name: 'ElAlert',
- props: {
- title: {
- type: String,
- default: '',
- required: true
- },
- description: {
- type: String,
- default: ''
- },
- type: {
- type: String,
- default: 'info'
- },
- closable: {
- type: Boolean,
- default: true
- },
- closeText: {
- type: String,
- default: ''
- },
- showIcon: Boolean,
- center: Boolean
- },
- data: function data() {
- return {
- visible: true
- };
- },
- methods: {
- close: function close() {
- this.visible = false;
- this.$emit('close');
- }
- },
- computed: {
- typeClass: function typeClass() {
- return 'el-alert--' + this.type;
- },
- iconClass: function iconClass() {
- return TYPE_CLASSES_MAP[this.type] || 'el-icon-info';
- },
- isBigIcon: function isBigIcon() {
- return this.description || this.$slots.default ? 'is-big' : '';
- },
- isBoldTitle: function isBoldTitle() {
- return this.description || this.$slots.default ? 'is-bold' : '';
- }
- }
- };
- /***/ }),
- /* 263 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-alert-fade"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-alert",class:[_vm.typeClass, _vm.center ? 'is-center' : ''],attrs:{"role":"alert"}},[(_vm.showIcon)?_c('i',{staticClass:"el-alert__icon",class:[ _vm.iconClass, _vm.isBigIcon ]}):_vm._e(),_c('div',{staticClass:"el-alert__content"},[(_vm.title)?_c('span',{staticClass:"el-alert__title",class:[ _vm.isBoldTitle ]},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._t("default",[(_vm.description)?_c('p',{staticClass:"el-alert__description"},[_vm._v(_vm._s(_vm.description))]):_vm._e()]),_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.closable),expression:"closable"}],staticClass:"el-alert__closebtn",class:{ 'is-customed': _vm.closeText !== '', 'el-icon-close': _vm.closeText === '' },on:{"click":function($event){_vm.close()}}},[_vm._v(_vm._s(_vm.closeText))])],2)])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 264 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(265);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = _main2.default;
- /***/ }),
- /* 265 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- var _main = __webpack_require__(266);
- var _main2 = _interopRequireDefault(_main);
- var _popup = __webpack_require__(12);
- var _vdom = __webpack_require__(21);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var NotificationConstructor = _vue2.default.extend(_main2.default);
- var instance = void 0;
- var instances = [];
- var seed = 1;
- var Notification = function Notification(options) {
- if (_vue2.default.prototype.$isServer) return;
- options = options || {};
- var userOnClose = options.onClose;
- var id = 'notification_' + seed++;
- var position = options.position || 'top-right';
- options.onClose = function () {
- Notification.close(id, userOnClose);
- };
- instance = new NotificationConstructor({
- data: options
- });
- if ((0, _vdom.isVNode)(options.message)) {
- instance.$slots.default = [options.message];
- options.message = 'REPLACED_BY_VNODE';
- }
- instance.id = id;
- instance.vm = instance.$mount();
- document.body.appendChild(instance.vm.$el);
- instance.vm.visible = true;
- instance.dom = instance.vm.$el;
- instance.dom.style.zIndex = _popup.PopupManager.nextZIndex();
- var verticalOffset = options.offset || 0;
- instances.filter(function (item) {
- return item.position === position;
- }).forEach(function (item) {
- verticalOffset += item.$el.offsetHeight + 16;
- });
- verticalOffset += 16;
- instance.verticalOffset = verticalOffset;
- instances.push(instance);
- return instance.vm;
- };
- ['success', 'warning', 'info', 'error'].forEach(function (type) {
- Notification[type] = function (options) {
- if (typeof options === 'string' || (0, _vdom.isVNode)(options)) {
- options = {
- message: options
- };
- }
- options.type = type;
- return Notification(options);
- };
- });
- Notification.close = function (id, userOnClose) {
- var index = -1;
- var len = instances.length;
- var instance = instances.filter(function (instance, i) {
- if (instance.id === id) {
- index = i;
- return true;
- }
- return false;
- })[0];
- if (!instance) return;
- if (typeof userOnClose === 'function') {
- userOnClose(instance);
- }
- instances.splice(index, 1);
- if (len <= 1) return;
- var position = instance.position;
- var removedHeight = instance.dom.offsetHeight;
- for (var i = index; i < len - 1; i++) {
- if (instances[i].position === position) {
- instances[i].dom.style[instance.verticalProperty] = parseInt(instances[i].dom.style[instance.verticalProperty], 10) - removedHeight - 16 + 'px';
- }
- }
- };
- Notification.closeAll = function () {
- for (var i = instances.length - 1; i >= 0; i--) {
- instances[i].close();
- }
- };
- exports.default = Notification;
- /***/ }),
- /* 266 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(267);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1951fd63_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(268);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1951fd63_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 267 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var typeMap = {
- success: 'success',
- info: 'info',
- warning: 'warning',
- error: 'error'
- };
- exports.default = {
- data: function data() {
- return {
- visible: false,
- title: '',
- message: '',
- duration: 4500,
- type: '',
- showClose: true,
- customClass: '',
- iconClass: '',
- onClose: null,
- onClick: null,
- closed: false,
- verticalOffset: 0,
- timer: null,
- dangerouslyUseHTMLString: false,
- position: 'top-right'
- };
- },
- computed: {
- typeClass: function typeClass() {
- return this.type && typeMap[this.type] ? 'el-icon-' + typeMap[this.type] : '';
- },
- horizontalClass: function horizontalClass() {
- return this.position.indexOf('right') > -1 ? 'right' : 'left';
- },
- verticalProperty: function verticalProperty() {
- return (/^top-/.test(this.position) ? 'top' : 'bottom'
- );
- },
- positionStyle: function positionStyle() {
- var _ref;
- return _ref = {}, _ref[this.verticalProperty] = this.verticalOffset + 'px', _ref;
- }
- },
- watch: {
- closed: function closed(newVal) {
- if (newVal) {
- this.visible = false;
- this.$el.addEventListener('transitionend', this.destroyElement);
- }
- }
- },
- methods: {
- destroyElement: function destroyElement() {
- this.$el.removeEventListener('transitionend', this.destroyElement);
- this.$destroy(true);
- this.$el.parentNode.removeChild(this.$el);
- },
- click: function click() {
- if (typeof this.onClick === 'function') {
- this.onClick();
- }
- },
- close: function close() {
- this.closed = true;
- if (typeof this.onClose === 'function') {
- this.onClose();
- }
- },
- clearTimer: function clearTimer() {
- clearTimeout(this.timer);
- },
- startTimer: function startTimer() {
- var _this = this;
- if (this.duration > 0) {
- this.timer = setTimeout(function () {
- if (!_this.closed) {
- _this.close();
- }
- }, this.duration);
- }
- },
- keydown: function keydown(e) {
- if (e.keyCode === 46 || e.keyCode === 8) {
- this.clearTimer(); // detele 取消倒计时
- } else if (e.keyCode === 27) {
- // esc关闭消息
- if (!this.closed) {
- this.close();
- }
- } else {
- this.startTimer(); // 恢复倒计时
- }
- }
- },
- mounted: function mounted() {
- var _this2 = this;
- if (this.duration > 0) {
- this.timer = setTimeout(function () {
- if (!_this2.closed) {
- _this2.close();
- }
- }, this.duration);
- }
- document.addEventListener('keydown', this.keydown);
- },
- beforeDestroy: function beforeDestroy() {
- document.removeEventListener('keydown', this.keydown);
- }
- };
- /***/ }),
- /* 268 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-notification-fade"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],class:['el-notification', _vm.customClass, _vm.horizontalClass],style:(_vm.positionStyle),attrs:{"role":"alert"},on:{"mouseenter":function($event){_vm.clearTimer()},"mouseleave":function($event){_vm.startTimer()},"click":_vm.click}},[(_vm.type || _vm.iconClass)?_c('i',{staticClass:"el-notification__icon",class:[ _vm.typeClass, _vm.iconClass ]}):_vm._e(),_c('div',{staticClass:"el-notification__group",class:{ 'is-with-icon': _vm.typeClass || _vm.iconClass }},[_c('h2',{staticClass:"el-notification__title",domProps:{"textContent":_vm._s(_vm.title)}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.message),expression:"message"}],staticClass:"el-notification__content"},[_vm._t("default",[(!_vm.dangerouslyUseHTMLString)?_c('p',[_vm._v(_vm._s(_vm.message))]):_c('p',{domProps:{"innerHTML":_vm._s(_vm.message)}})])],2),(_vm.showClose)?_c('div',{staticClass:"el-notification__closeBtn el-icon-close",on:{"click":function($event){$event.stopPropagation();_vm.close($event)}}}):_vm._e()])])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 269 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(270);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 270 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(271);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ec0df926_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(276);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ec0df926_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 271 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _inputNumber = __webpack_require__(272);
- var _inputNumber2 = _interopRequireDefault(_inputNumber);
- var _button = __webpack_require__(273);
- var _button2 = _interopRequireDefault(_button);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElSlider',
- mixins: [_emitter2.default],
- inject: {
- elForm: {
- default: ''
- }
- },
- props: {
- min: {
- type: Number,
- default: 0
- },
- max: {
- type: Number,
- default: 100
- },
- step: {
- type: Number,
- default: 1
- },
- value: {
- type: [Number, Array],
- default: 0
- },
- showInput: {
- type: Boolean,
- default: false
- },
- showInputControls: {
- type: Boolean,
- default: true
- },
- inputSize: {
- type: String,
- default: 'small'
- },
- showStops: {
- type: Boolean,
- default: false
- },
- showTooltip: {
- type: Boolean,
- default: true
- },
- formatTooltip: Function,
- disabled: {
- type: Boolean,
- default: false
- },
- range: {
- type: Boolean,
- default: false
- },
- vertical: {
- type: Boolean,
- default: false
- },
- height: {
- type: String
- },
- debounce: {
- type: Number,
- default: 300
- },
- label: {
- type: String
- },
- tooltipClass: String
- },
- components: {
- ElInputNumber: _inputNumber2.default,
- SliderButton: _button2.default
- },
- data: function data() {
- return {
- firstValue: null,
- secondValue: null,
- oldValue: null,
- dragging: false,
- sliderSize: 1
- };
- },
- watch: {
- value: function value(val, oldVal) {
- if (this.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every(function (item, index) {
- return item === oldVal[index];
- })) {
- return;
- }
- this.setValues();
- },
- dragging: function dragging(val) {
- if (!val) {
- this.setValues();
- }
- },
- firstValue: function firstValue(val) {
- if (this.range) {
- this.$emit('input', [this.minValue, this.maxValue]);
- } else {
- this.$emit('input', val);
- }
- },
- secondValue: function secondValue() {
- if (this.range) {
- this.$emit('input', [this.minValue, this.maxValue]);
- }
- },
- min: function min() {
- this.setValues();
- },
- max: function max() {
- this.setValues();
- }
- },
- methods: {
- valueChanged: function valueChanged() {
- var _this = this;
- if (this.range) {
- return ![this.minValue, this.maxValue].every(function (item, index) {
- return item === _this.oldValue[index];
- });
- } else {
- return this.value !== this.oldValue;
- }
- },
- setValues: function setValues() {
- if (this.min > this.max) {
- console.error('[Element Error][Slider]min should not be greater than max.');
- return;
- }
- var val = this.value;
- if (this.range && Array.isArray(val)) {
- if (val[1] < this.min) {
- this.$emit('input', [this.min, this.min]);
- } else if (val[0] > this.max) {
- this.$emit('input', [this.max, this.max]);
- } else if (val[0] < this.min) {
- this.$emit('input', [this.min, val[1]]);
- } else if (val[1] > this.max) {
- this.$emit('input', [val[0], this.max]);
- } else {
- this.firstValue = val[0];
- this.secondValue = val[1];
- if (this.valueChanged()) {
- this.dispatch('ElFormItem', 'el.form.change', [this.minValue, this.maxValue]);
- this.oldValue = val.slice();
- }
- }
- } else if (!this.range && typeof val === 'number' && !isNaN(val)) {
- if (val < this.min) {
- this.$emit('input', this.min);
- } else if (val > this.max) {
- this.$emit('input', this.max);
- } else {
- this.firstValue = val;
- if (this.valueChanged()) {
- this.dispatch('ElFormItem', 'el.form.change', val);
- this.oldValue = val;
- }
- }
- }
- },
- setPosition: function setPosition(percent) {
- var targetValue = this.min + percent * (this.max - this.min) / 100;
- if (!this.range) {
- this.$refs.button1.setPosition(percent);
- return;
- }
- var button = void 0;
- if (Math.abs(this.minValue - targetValue) < Math.abs(this.maxValue - targetValue)) {
- button = this.firstValue < this.secondValue ? 'button1' : 'button2';
- } else {
- button = this.firstValue > this.secondValue ? 'button1' : 'button2';
- }
- this.$refs[button].setPosition(percent);
- },
- onSliderClick: function onSliderClick(event) {
- if (this.sliderDisabled || this.dragging) return;
- this.resetSize();
- if (this.vertical) {
- var sliderOffsetBottom = this.$refs.slider.getBoundingClientRect().bottom;
- this.setPosition((sliderOffsetBottom - event.clientY) / this.sliderSize * 100);
- } else {
- var sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
- this.setPosition((event.clientX - sliderOffsetLeft) / this.sliderSize * 100);
- }
- this.emitChange();
- },
- resetSize: function resetSize() {
- if (this.$refs.slider) {
- this.sliderSize = this.$refs.slider['client' + (this.vertical ? 'Height' : 'Width')];
- }
- },
- emitChange: function emitChange() {
- var _this2 = this;
- this.$nextTick(function () {
- _this2.$emit('change', _this2.range ? [_this2.minValue, _this2.maxValue] : _this2.value);
- });
- }
- },
- computed: {
- stops: function stops() {
- var _this3 = this;
- if (!this.showStops || this.min > this.max) return [];
- if (this.step === 0) {
- "production" !== 'production' && console.warn('[Element Warn][Slider]step should not be 0.');
- return [];
- }
- var stopCount = (this.max - this.min) / this.step;
- var stepWidth = 100 * this.step / (this.max - this.min);
- var result = [];
- for (var i = 1; i < stopCount; i++) {
- result.push(i * stepWidth);
- }
- if (this.range) {
- return result.filter(function (step) {
- return step < 100 * (_this3.minValue - _this3.min) / (_this3.max - _this3.min) || step > 100 * (_this3.maxValue - _this3.min) / (_this3.max - _this3.min);
- });
- } else {
- return result.filter(function (step) {
- return step > 100 * (_this3.firstValue - _this3.min) / (_this3.max - _this3.min);
- });
- }
- },
- minValue: function minValue() {
- return Math.min(this.firstValue, this.secondValue);
- },
- maxValue: function maxValue() {
- return Math.max(this.firstValue, this.secondValue);
- },
- barSize: function barSize() {
- return this.range ? 100 * (this.maxValue - this.minValue) / (this.max - this.min) + '%' : 100 * (this.firstValue - this.min) / (this.max - this.min) + '%';
- },
- barStart: function barStart() {
- return this.range ? 100 * (this.minValue - this.min) / (this.max - this.min) + '%' : '0%';
- },
- precision: function precision() {
- var precisions = [this.min, this.max, this.step].map(function (item) {
- var decimal = ('' + item).split('.')[1];
- return decimal ? decimal.length : 0;
- });
- return Math.max.apply(null, precisions);
- },
- runwayStyle: function runwayStyle() {
- return this.vertical ? { height: this.height } : {};
- },
- barStyle: function barStyle() {
- return this.vertical ? {
- height: this.barSize,
- bottom: this.barStart
- } : {
- width: this.barSize,
- left: this.barStart
- };
- },
- sliderDisabled: function sliderDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- }
- },
- mounted: function mounted() {
- var valuetext = void 0;
- if (this.range) {
- if (Array.isArray(this.value)) {
- this.firstValue = Math.max(this.min, this.value[0]);
- this.secondValue = Math.min(this.max, this.value[1]);
- } else {
- this.firstValue = this.min;
- this.secondValue = this.max;
- }
- this.oldValue = [this.firstValue, this.secondValue];
- valuetext = this.firstValue + '-' + this.secondValue;
- } else {
- if (typeof this.value !== 'number' || isNaN(this.value)) {
- this.firstValue = this.min;
- } else {
- this.firstValue = Math.min(this.max, Math.max(this.min, this.value));
- }
- this.oldValue = this.firstValue;
- valuetext = this.firstValue;
- }
- this.$el.setAttribute('aria-valuetext', valuetext);
- // label screen reader
- this.$el.setAttribute('aria-label', this.label ? this.label : 'slider between ' + this.min + ' and ' + this.max);
- this.resetSize();
- window.addEventListener('resize', this.resetSize);
- },
- beforeDestroy: function beforeDestroy() {
- window.removeEventListener('resize', this.resetSize);
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 272 */
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/input-number");
- /***/ }),
- /* 273 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue__ = __webpack_require__(274);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_28634966_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_button_vue__ = __webpack_require__(275);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_28634966_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_button_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 274 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _tooltip = __webpack_require__(23);
- var _tooltip2 = _interopRequireDefault(_tooltip);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElSliderButton',
- components: {
- ElTooltip: _tooltip2.default
- },
- props: {
- value: {
- type: Number,
- default: 0
- },
- vertical: {
- type: Boolean,
- default: false
- },
- tooltipClass: String
- },
- data: function data() {
- return {
- hovering: false,
- dragging: false,
- isClick: false,
- startX: 0,
- currentX: 0,
- startY: 0,
- currentY: 0,
- startPosition: 0,
- newPosition: null,
- oldValue: this.value
- };
- },
- computed: {
- disabled: function disabled() {
- return this.$parent.sliderDisabled;
- },
- max: function max() {
- return this.$parent.max;
- },
- min: function min() {
- return this.$parent.min;
- },
- step: function step() {
- return this.$parent.step;
- },
- showTooltip: function showTooltip() {
- return this.$parent.showTooltip;
- },
- precision: function precision() {
- return this.$parent.precision;
- },
- currentPosition: function currentPosition() {
- return (this.value - this.min) / (this.max - this.min) * 100 + '%';
- },
- enableFormat: function enableFormat() {
- return this.$parent.formatTooltip instanceof Function;
- },
- formatValue: function formatValue() {
- return this.enableFormat && this.$parent.formatTooltip(this.value) || this.value;
- },
- wrapperStyle: function wrapperStyle() {
- return this.vertical ? { bottom: this.currentPosition } : { left: this.currentPosition };
- }
- },
- watch: {
- dragging: function dragging(val) {
- this.$parent.dragging = val;
- }
- },
- methods: {
- displayTooltip: function displayTooltip() {
- this.$refs.tooltip && (this.$refs.tooltip.showPopper = true);
- },
- hideTooltip: function hideTooltip() {
- this.$refs.tooltip && (this.$refs.tooltip.showPopper = false);
- },
- handleMouseEnter: function handleMouseEnter() {
- this.hovering = true;
- this.displayTooltip();
- },
- handleMouseLeave: function handleMouseLeave() {
- this.hovering = false;
- this.hideTooltip();
- },
- onButtonDown: function onButtonDown(event) {
- if (this.disabled) return;
- event.preventDefault();
- this.onDragStart(event);
- window.addEventListener('mousemove', this.onDragging);
- window.addEventListener('touchmove', this.onDragging);
- window.addEventListener('mouseup', this.onDragEnd);
- window.addEventListener('touchend', this.onDragEnd);
- window.addEventListener('contextmenu', this.onDragEnd);
- },
- onLeftKeyDown: function onLeftKeyDown() {
- if (this.disabled) return;
- this.newPosition = parseFloat(this.currentPosition) - this.step / (this.max - this.min) * 100;
- this.setPosition(this.newPosition);
- },
- onRightKeyDown: function onRightKeyDown() {
- if (this.disabled) return;
- this.newPosition = parseFloat(this.currentPosition) + this.step / (this.max - this.min) * 100;
- this.setPosition(this.newPosition);
- },
- onDragStart: function onDragStart(event) {
- this.dragging = true;
- this.isClick = true;
- if (event.type === 'touchstart') {
- event.clientY = event.touches[0].clientY;
- event.clientX = event.touches[0].clientX;
- }
- if (this.vertical) {
- this.startY = event.clientY;
- } else {
- this.startX = event.clientX;
- }
- this.startPosition = parseFloat(this.currentPosition);
- this.newPosition = this.startPosition;
- },
- onDragging: function onDragging(event) {
- if (this.dragging) {
- this.isClick = false;
- this.displayTooltip();
- this.$parent.resetSize();
- var diff = 0;
- if (event.type === 'touchmove') {
- event.clientY = event.touches[0].clientY;
- event.clientX = event.touches[0].clientX;
- }
- if (this.vertical) {
- this.currentY = event.clientY;
- diff = (this.startY - this.currentY) / this.$parent.sliderSize * 100;
- } else {
- this.currentX = event.clientX;
- diff = (this.currentX - this.startX) / this.$parent.sliderSize * 100;
- }
- this.newPosition = this.startPosition + diff;
- this.setPosition(this.newPosition);
- }
- },
- onDragEnd: function onDragEnd() {
- var _this = this;
- if (this.dragging) {
- /*
- * 防止在 mouseup 后立即触发 click,导致滑块有几率产生一小段位移
- * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
- */
- setTimeout(function () {
- _this.dragging = false;
- _this.hideTooltip();
- if (!_this.isClick) {
- _this.setPosition(_this.newPosition);
- _this.$parent.emitChange();
- }
- }, 0);
- window.removeEventListener('mousemove', this.onDragging);
- window.removeEventListener('touchmove', this.onDragging);
- window.removeEventListener('mouseup', this.onDragEnd);
- window.removeEventListener('touchend', this.onDragEnd);
- window.removeEventListener('contextmenu', this.onDragEnd);
- }
- },
- setPosition: function setPosition(newPosition) {
- var _this2 = this;
- if (newPosition === null) return;
- if (newPosition < 0) {
- newPosition = 0;
- } else if (newPosition > 100) {
- newPosition = 100;
- }
- var lengthPerStep = 100 / ((this.max - this.min) / this.step);
- var steps = Math.round(newPosition / lengthPerStep);
- var value = steps * lengthPerStep * (this.max - this.min) * 0.01 + this.min;
- value = parseFloat(value.toFixed(this.precision));
- this.$emit('input', value);
- this.$nextTick(function () {
- _this2.$refs.tooltip && _this2.$refs.tooltip.updatePopper();
- });
- if (!this.dragging && this.value !== this.oldValue) {
- this.oldValue = this.value;
- }
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 275 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"button",staticClass:"el-slider__button-wrapper",class:{ 'hover': _vm.hovering, 'dragging': _vm.dragging },style:(_vm.wrapperStyle),attrs:{"tabindex":"0"},on:{"mouseenter":_vm.handleMouseEnter,"mouseleave":_vm.handleMouseLeave,"mousedown":_vm.onButtonDown,"touchstart":_vm.onButtonDown,"focus":_vm.handleMouseEnter,"blur":_vm.handleMouseLeave,"keydown":[function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"left",37,$event.key)){ return null; }if('button' in $event && $event.button !== 0){ return null; }_vm.onLeftKeyDown($event)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"right",39,$event.key)){ return null; }if('button' in $event && $event.button !== 2){ return null; }_vm.onRightKeyDown($event)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"down",40,$event.key)){ return null; }$event.preventDefault();_vm.onLeftKeyDown($event)},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"up",38,$event.key)){ return null; }$event.preventDefault();_vm.onRightKeyDown($event)}]}},[_c('el-tooltip',{ref:"tooltip",attrs:{"placement":"top","popper-class":_vm.tooltipClass,"disabled":!_vm.showTooltip}},[_c('span',{attrs:{"slot":"content"},slot:"content"},[_vm._v(_vm._s(_vm.formatValue))]),_c('div',{staticClass:"el-slider__button",class:{ 'hover': _vm.hovering, 'dragging': _vm.dragging }})])],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 276 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-slider",class:{ 'is-vertical': _vm.vertical, 'el-slider--with-input': _vm.showInput },attrs:{"role":"slider","aria-valuemin":_vm.min,"aria-valuemax":_vm.max,"aria-orientation":_vm.vertical ? 'vertical': 'horizontal',"aria-disabled":_vm.sliderDisabled}},[(_vm.showInput && !_vm.range)?_c('el-input-number',{ref:"input",staticClass:"el-slider__input",attrs:{"step":_vm.step,"disabled":_vm.sliderDisabled,"controls":_vm.showInputControls,"min":_vm.min,"max":_vm.max,"debounce":_vm.debounce,"size":_vm.inputSize},on:{"change":function($event){_vm.$nextTick(_vm.emitChange)}},model:{value:(_vm.firstValue),callback:function ($$v) {_vm.firstValue=$$v},expression:"firstValue"}}):_vm._e(),_c('div',{ref:"slider",staticClass:"el-slider__runway",class:{ 'show-input': _vm.showInput, 'disabled': _vm.sliderDisabled },style:(_vm.runwayStyle),on:{"click":_vm.onSliderClick}},[_c('div',{staticClass:"el-slider__bar",style:(_vm.barStyle)}),_c('slider-button',{ref:"button1",attrs:{"vertical":_vm.vertical,"tooltip-class":_vm.tooltipClass},model:{value:(_vm.firstValue),callback:function ($$v) {_vm.firstValue=$$v},expression:"firstValue"}}),(_vm.range)?_c('slider-button',{ref:"button2",attrs:{"vertical":_vm.vertical,"tooltip-class":_vm.tooltipClass},model:{value:(_vm.secondValue),callback:function ($$v) {_vm.secondValue=$$v},expression:"secondValue"}}):_vm._e(),_vm._l((_vm.stops),function(item){return (_vm.showStops)?_c('div',{staticClass:"el-slider__stop",style:(_vm.vertical ? { 'bottom': item + '%' } : { 'left': item + '%' })}):_vm._e()})],2)],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 277 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _directive = __webpack_require__(278);
- var _directive2 = _interopRequireDefault(_directive);
- var _index = __webpack_require__(281);
- var _index2 = _interopRequireDefault(_index);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- install: function install(Vue) {
- Vue.use(_directive2.default);
- Vue.prototype.$loading = _index2.default;
- },
- directive: _directive2.default,
- service: _index2.default
- };
- /***/ }),
- /* 278 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- var _loading = __webpack_require__(40);
- var _loading2 = _interopRequireDefault(_loading);
- var _dom = __webpack_require__(3);
- var _popup = __webpack_require__(12);
- var _afterLeave = __webpack_require__(41);
- var _afterLeave2 = _interopRequireDefault(_afterLeave);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var Mask = _vue2.default.extend(_loading2.default);
- var loadingDirective = {};
- loadingDirective.install = function (Vue) {
- if (Vue.prototype.$isServer) return;
- var toggleLoading = function toggleLoading(el, binding) {
- if (binding.value) {
- Vue.nextTick(function () {
- if (binding.modifiers.fullscreen) {
- el.originalPosition = (0, _dom.getStyle)(document.body, 'position');
- el.originalOverflow = (0, _dom.getStyle)(document.body, 'overflow');
- el.maskStyle.zIndex = _popup.PopupManager.nextZIndex();
- (0, _dom.addClass)(el.mask, 'is-fullscreen');
- insertDom(document.body, el, binding);
- } else {
- (0, _dom.removeClass)(el.mask, 'is-fullscreen');
- if (binding.modifiers.body) {
- el.originalPosition = (0, _dom.getStyle)(document.body, 'position');
- ['top', 'left'].forEach(function (property) {
- var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
- el.maskStyle[property] = el.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt((0, _dom.getStyle)(document.body, 'margin-' + property), 10) + 'px';
- });
- ['height', 'width'].forEach(function (property) {
- el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';
- });
- insertDom(document.body, el, binding);
- } else {
- el.originalPosition = (0, _dom.getStyle)(el, 'position');
- insertDom(el, el, binding);
- }
- }
- });
- } else {
- (0, _afterLeave2.default)(el.instance, function (_) {
- el.domVisible = false;
- var target = binding.modifiers.fullscreen || binding.modifiers.body ? document.body : el;
- (0, _dom.removeClass)(target, 'el-loading-parent--relative');
- (0, _dom.removeClass)(target, 'el-loading-parent--hidden');
- el.instance.hiding = false;
- }, 300, true);
- el.instance.visible = false;
- el.instance.hiding = true;
- }
- };
- var insertDom = function insertDom(parent, el, binding) {
- if (!el.domVisible && (0, _dom.getStyle)(el, 'display') !== 'none' && (0, _dom.getStyle)(el, 'visibility') !== 'hidden') {
- Object.keys(el.maskStyle).forEach(function (property) {
- el.mask.style[property] = el.maskStyle[property];
- });
- if (el.originalPosition !== 'absolute' && el.originalPosition !== 'fixed') {
- (0, _dom.addClass)(parent, 'el-loading-parent--relative');
- }
- if (binding.modifiers.fullscreen && binding.modifiers.lock) {
- (0, _dom.addClass)(parent, 'el-loading-parent--hidden');
- }
- el.domVisible = true;
- parent.appendChild(el.mask);
- Vue.nextTick(function () {
- if (el.instance.hiding) {
- el.instance.$emit('after-leave');
- } else {
- el.instance.visible = true;
- }
- });
- el.domInserted = true;
- }
- };
- Vue.directive('loading', {
- bind: function bind(el, binding, vnode) {
- var textExr = el.getAttribute('element-loading-text');
- var spinnerExr = el.getAttribute('element-loading-spinner');
- var backgroundExr = el.getAttribute('element-loading-background');
- var customClassExr = el.getAttribute('element-loading-custom-class');
- var vm = vnode.context;
- var mask = new Mask({
- el: document.createElement('div'),
- data: {
- text: vm && vm[textExr] || textExr,
- spinner: vm && vm[spinnerExr] || spinnerExr,
- background: vm && vm[backgroundExr] || backgroundExr,
- customClass: vm && vm[customClassExr] || customClassExr,
- fullscreen: !!binding.modifiers.fullscreen
- }
- });
- el.instance = mask;
- el.mask = mask.$el;
- el.maskStyle = {};
- binding.value && toggleLoading(el, binding);
- },
- update: function update(el, binding) {
- el.instance.setText(el.getAttribute('element-loading-text'));
- if (binding.oldValue !== binding.value) {
- toggleLoading(el, binding);
- }
- },
- unbind: function unbind(el, binding) {
- if (el.domInserted) {
- el.mask && el.mask.parentNode && el.mask.parentNode.removeChild(el.mask);
- toggleLoading(el, { value: false, modifiers: binding.modifiers });
- }
- }
- });
- };
- exports.default = loadingDirective;
- /***/ }),
- /* 279 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- data: function data() {
- return {
- text: null,
- spinner: null,
- background: null,
- fullscreen: true,
- visible: false,
- customClass: ''
- };
- },
- methods: {
- handleAfterLeave: function handleAfterLeave() {
- this.$emit('after-leave');
- },
- setText: function setText(text) {
- this.text = text;
- }
- }
- };
- /***/ }),
- /* 280 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-loading-fade"},on:{"after-leave":_vm.handleAfterLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"el-loading-mask",class:[_vm.customClass, { 'is-fullscreen': _vm.fullscreen }],style:({ backgroundColor: _vm.background || '' })},[_c('div',{staticClass:"el-loading-spinner"},[(!_vm.spinner)?_c('svg',{staticClass:"circular",attrs:{"viewBox":"25 25 50 50"}},[_c('circle',{staticClass:"path",attrs:{"cx":"50","cy":"50","r":"20","fill":"none"}})]):_c('i',{class:_vm.spinner}),(_vm.text)?_c('p',{staticClass:"el-loading-text"},[_vm._v(_vm._s(_vm.text))]):_vm._e()])])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 281 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- var _loading = __webpack_require__(40);
- var _loading2 = _interopRequireDefault(_loading);
- var _dom = __webpack_require__(3);
- var _popup = __webpack_require__(12);
- var _afterLeave = __webpack_require__(41);
- var _afterLeave2 = _interopRequireDefault(_afterLeave);
- var _merge = __webpack_require__(10);
- var _merge2 = _interopRequireDefault(_merge);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var LoadingConstructor = _vue2.default.extend(_loading2.default);
- var defaults = {
- text: null,
- fullscreen: true,
- body: false,
- lock: false,
- customClass: ''
- };
- var fullscreenLoading = void 0;
- LoadingConstructor.prototype.originalPosition = '';
- LoadingConstructor.prototype.originalOverflow = '';
- LoadingConstructor.prototype.close = function () {
- var _this = this;
- if (this.fullscreen) {
- fullscreenLoading = undefined;
- }
- (0, _afterLeave2.default)(this, function (_) {
- var target = _this.fullscreen || _this.body ? document.body : _this.target;
- (0, _dom.removeClass)(target, 'el-loading-parent--relative');
- (0, _dom.removeClass)(target, 'el-loading-parent--hidden');
- if (_this.$el && _this.$el.parentNode) {
- _this.$el.parentNode.removeChild(_this.$el);
- }
- _this.$destroy();
- }, 300);
- this.visible = false;
- };
- var addStyle = function addStyle(options, parent, instance) {
- var maskStyle = {};
- if (options.fullscreen) {
- instance.originalPosition = (0, _dom.getStyle)(document.body, 'position');
- instance.originalOverflow = (0, _dom.getStyle)(document.body, 'overflow');
- maskStyle.zIndex = _popup.PopupManager.nextZIndex();
- } else if (options.body) {
- instance.originalPosition = (0, _dom.getStyle)(document.body, 'position');
- ['top', 'left'].forEach(function (property) {
- var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
- maskStyle[property] = options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px';
- });
- ['height', 'width'].forEach(function (property) {
- maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
- });
- } else {
- instance.originalPosition = (0, _dom.getStyle)(parent, 'position');
- }
- Object.keys(maskStyle).forEach(function (property) {
- instance.$el.style[property] = maskStyle[property];
- });
- };
- var Loading = function Loading() {
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- if (_vue2.default.prototype.$isServer) return;
- options = (0, _merge2.default)({}, defaults, options);
- if (typeof options.target === 'string') {
- options.target = document.querySelector(options.target);
- }
- options.target = options.target || document.body;
- if (options.target !== document.body) {
- options.fullscreen = false;
- } else {
- options.body = true;
- }
- if (options.fullscreen && fullscreenLoading) {
- return fullscreenLoading;
- }
- var parent = options.body ? document.body : options.target;
- var instance = new LoadingConstructor({
- el: document.createElement('div'),
- data: options
- });
- addStyle(options, parent, instance);
- if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed') {
- (0, _dom.addClass)(parent, 'el-loading-parent--relative');
- }
- if (options.fullscreen && options.lock) {
- (0, _dom.addClass)(parent, 'el-loading-parent--hidden');
- }
- parent.appendChild(instance.$el);
- _vue2.default.nextTick(function () {
- instance.visible = true;
- });
- if (options.fullscreen) {
- fullscreenLoading = instance;
- }
- return instance;
- };
- exports.default = Loading;
- /***/ }),
- /* 282 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _icon = __webpack_require__(283);
- var _icon2 = _interopRequireDefault(_icon);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _icon2.default.install = function (Vue) {
- Vue.component(_icon2.default.name, _icon2.default);
- };
- exports.default = _icon2.default;
- /***/ }),
- /* 283 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_icon_vue__ = __webpack_require__(284);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_icon_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_icon_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3200ab56_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_icon_vue__ = __webpack_require__(285);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_icon_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3200ab56_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_icon_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 284 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- exports.default = {
- name: 'ElIcon',
- props: {
- name: String
- }
- };
- /***/ }),
- /* 285 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{class:'el-icon-' + _vm.name})}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 286 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _row = __webpack_require__(287);
- var _row2 = _interopRequireDefault(_row);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _row2.default.install = function (Vue) {
- Vue.component(_row2.default.name, _row2.default);
- };
- exports.default = _row2.default;
- /***/ }),
- /* 287 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.default = {
- name: 'ElRow',
- componentName: 'ElRow',
- props: {
- tag: {
- type: String,
- default: 'div'
- },
- gutter: Number,
- type: String,
- justify: {
- type: String,
- default: 'start'
- },
- align: {
- type: String,
- default: 'top'
- }
- },
- computed: {
- style: function style() {
- var ret = {};
- if (this.gutter) {
- ret.marginLeft = '-' + this.gutter / 2 + 'px';
- ret.marginRight = ret.marginLeft;
- }
- return ret;
- }
- },
- render: function render(h) {
- return h(this.tag, {
- class: ['el-row', this.justify !== 'start' ? 'is-justify-' + this.justify : '', this.align !== 'top' ? 'is-align-' + this.align : '', { 'el-row--flex': this.type === 'flex' }],
- style: this.style
- }, this.$slots.default);
- }
- };
- /***/ }),
- /* 288 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _col = __webpack_require__(289);
- var _col2 = _interopRequireDefault(_col);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _col2.default.install = function (Vue) {
- Vue.component(_col2.default.name, _col2.default);
- };
- exports.default = _col2.default;
- /***/ }),
- /* 289 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
- exports.default = {
- name: 'ElCol',
- props: {
- span: {
- type: Number,
- default: 24
- },
- tag: {
- type: String,
- default: 'div'
- },
- offset: Number,
- pull: Number,
- push: Number,
- xs: [Number, Object],
- sm: [Number, Object],
- md: [Number, Object],
- lg: [Number, Object],
- xl: [Number, Object]
- },
- computed: {
- gutter: function gutter() {
- var parent = this.$parent;
- while (parent && parent.$options.componentName !== 'ElRow') {
- parent = parent.$parent;
- }
- return parent ? parent.gutter : 0;
- }
- },
- render: function render(h) {
- var _this = this;
- var classList = [];
- var style = {};
- if (this.gutter) {
- style.paddingLeft = this.gutter / 2 + 'px';
- style.paddingRight = style.paddingLeft;
- }
- ['span', 'offset', 'pull', 'push'].forEach(function (prop) {
- if (_this[prop] || _this[prop] === 0) {
- classList.push(prop !== 'span' ? 'el-col-' + prop + '-' + _this[prop] : 'el-col-' + _this[prop]);
- }
- });
- ['xs', 'sm', 'md', 'lg', 'xl'].forEach(function (size) {
- if (typeof _this[size] === 'number') {
- classList.push('el-col-' + size + '-' + _this[size]);
- } else if (_typeof(_this[size]) === 'object') {
- (function () {
- var props = _this[size];
- Object.keys(props).forEach(function (prop) {
- classList.push(prop !== 'span' ? 'el-col-' + size + '-' + prop + '-' + props[prop] : 'el-col-' + size + '-' + props[prop]);
- });
- })();
- }
- });
- return h(this.tag, {
- class: ['el-col', classList],
- style: style
- }, this.$slots.default);
- }
- };
- /***/ }),
- /* 290 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _src = __webpack_require__(291);
- var _src2 = _interopRequireDefault(_src);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _src2.default.install = function (Vue) {
- Vue.component(_src2.default.name, _src2.default);
- };
- exports.default = _src2.default;
- /***/ }),
- /* 291 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue__ = __webpack_require__(292);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue__);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- var __vue_template__ = null
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue___default.a,
- __vue_template__,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 292 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _uploadList = __webpack_require__(293);
- var _uploadList2 = _interopRequireDefault(_uploadList);
- var _upload = __webpack_require__(296);
- var _upload2 = _interopRequireDefault(_upload);
- var _iframeUpload = __webpack_require__(301);
- var _iframeUpload2 = _interopRequireDefault(_iframeUpload);
- var _progress = __webpack_require__(42);
- var _progress2 = _interopRequireDefault(_progress);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- function noop() {}
- exports.default = {
- name: 'ElUpload',
- mixins: [_migrating2.default],
- components: {
- ElProgress: _progress2.default,
- UploadList: _uploadList2.default,
- Upload: _upload2.default,
- IframeUpload: _iframeUpload2.default
- },
- provide: function provide() {
- return {
- uploader: this
- };
- },
- inject: {
- elForm: {
- default: ''
- }
- },
- props: {
- action: {
- type: String,
- required: true
- },
- headers: {
- type: Object,
- default: function _default() {
- return {};
- }
- },
- data: Object,
- multiple: Boolean,
- name: {
- type: String,
- default: 'file'
- },
- drag: Boolean,
- dragger: Boolean,
- withCredentials: Boolean,
- showFileList: {
- type: Boolean,
- default: true
- },
- accept: String,
- type: {
- type: String,
- default: 'select'
- },
- beforeUpload: Function,
- beforeRemove: Function,
- onRemove: {
- type: Function,
- default: noop
- },
- onChange: {
- type: Function,
- default: noop
- },
- onPreview: {
- type: Function
- },
- onSuccess: {
- type: Function,
- default: noop
- },
- onProgress: {
- type: Function,
- default: noop
- },
- onError: {
- type: Function,
- default: noop
- },
- fileList: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- autoUpload: {
- type: Boolean,
- default: true
- },
- listType: {
- type: String,
- default: 'text' // text,picture,picture-card
- },
- httpRequest: Function,
- disabled: Boolean,
- limit: Number,
- onExceed: {
- type: Function,
- default: noop
- }
- },
- data: function data() {
- return {
- uploadFiles: [],
- dragOver: false,
- draging: false,
- tempIndex: 1
- };
- },
- computed: {
- uploadDisabled: function uploadDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- }
- },
- watch: {
- fileList: {
- immediate: true,
- handler: function handler(fileList) {
- var _this = this;
- this.uploadFiles = fileList.map(function (item) {
- item.uid = item.uid || Date.now() + _this.tempIndex++;
- item.status = item.status || 'success';
- return item;
- });
- }
- }
- },
- methods: {
- handleStart: function handleStart(rawFile) {
- rawFile.uid = Date.now() + this.tempIndex++;
- var file = {
- status: 'ready',
- name: rawFile.name,
- size: rawFile.size,
- percentage: 0,
- uid: rawFile.uid,
- raw: rawFile
- };
- try {
- file.url = URL.createObjectURL(rawFile);
- } catch (err) {
- console.error(err);
- return;
- }
- this.uploadFiles.push(file);
- this.onChange(file, this.uploadFiles);
- },
- handleProgress: function handleProgress(ev, rawFile) {
- var file = this.getFile(rawFile);
- this.onProgress(ev, file, this.uploadFiles);
- file.status = 'uploading';
- file.percentage = ev.percent || 0;
- },
- handleSuccess: function handleSuccess(res, rawFile) {
- var file = this.getFile(rawFile);
- if (file) {
- file.status = 'success';
- file.response = res;
- this.onSuccess(res, file, this.uploadFiles);
- this.onChange(file, this.uploadFiles);
- }
- },
- handleError: function handleError(err, rawFile) {
- var file = this.getFile(rawFile);
- var fileList = this.uploadFiles;
- file.status = 'fail';
- fileList.splice(fileList.indexOf(file), 1);
- this.onError(err, file, this.uploadFiles);
- this.onChange(file, this.uploadFiles);
- },
- handleRemove: function handleRemove(file, raw) {
- var _this2 = this;
- if (raw) {
- file = this.getFile(raw);
- }
- var doRemove = function doRemove() {
- _this2.abort(file);
- var fileList = _this2.uploadFiles;
- fileList.splice(fileList.indexOf(file), 1);
- _this2.onRemove(file, fileList);
- };
- if (!this.beforeRemove) {
- doRemove();
- } else if (typeof this.beforeRemove === 'function') {
- var before = this.beforeRemove(file, this.uploadFiles);
- if (before && before.then) {
- before.then(function () {
- doRemove();
- }, noop);
- } else if (before !== false) {
- doRemove();
- }
- }
- },
- getFile: function getFile(rawFile) {
- var fileList = this.uploadFiles;
- var target = void 0;
- fileList.every(function (item) {
- target = rawFile.uid === item.uid ? item : null;
- return !target;
- });
- return target;
- },
- abort: function abort(file) {
- this.$refs['upload-inner'].abort(file);
- },
- clearFiles: function clearFiles() {
- this.uploadFiles = [];
- },
- submit: function submit() {
- var _this3 = this;
- this.uploadFiles.filter(function (file) {
- return file.status === 'ready';
- }).forEach(function (file) {
- _this3.$refs['upload-inner'].upload(file.raw);
- });
- },
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'default-file-list': 'default-file-list is renamed to file-list.',
- 'show-upload-list': 'show-upload-list is renamed to show-file-list.',
- 'thumbnail-mode': 'thumbnail-mode has been deprecated, you can implement the same effect according to this case: http://element.eleme.io/#/zh-CN/component/upload#yong-hu-tou-xiang-shang-chuan'
- }
- };
- }
- },
- render: function render(h) {
- var uploadList = void 0;
- if (this.showFileList) {
- uploadList = h(
- _uploadList2.default,
- {
- attrs: {
- disabled: this.uploadDisabled,
- listType: this.listType,
- files: this.uploadFiles,
- handlePreview: this.onPreview },
- on: {
- 'remove': this.handleRemove
- }
- },
- []
- );
- }
- var uploadData = {
- props: {
- type: this.type,
- drag: this.drag,
- action: this.action,
- multiple: this.multiple,
- 'before-upload': this.beforeUpload,
- 'with-credentials': this.withCredentials,
- headers: this.headers,
- name: this.name,
- data: this.data,
- accept: this.accept,
- fileList: this.uploadFiles,
- autoUpload: this.autoUpload,
- listType: this.listType,
- disabled: this.uploadDisabled,
- limit: this.limit,
- 'on-exceed': this.onExceed,
- 'on-start': this.handleStart,
- 'on-progress': this.handleProgress,
- 'on-success': this.handleSuccess,
- 'on-error': this.handleError,
- 'on-preview': this.onPreview,
- 'on-remove': this.handleRemove,
- 'http-request': this.httpRequest
- },
- ref: 'upload-inner'
- };
- var trigger = this.$slots.trigger || this.$slots.default;
- var uploadComponent = typeof FormData !== 'undefined' || this.$isServer ? h(
- 'upload',
- uploadData,
- [trigger]
- ) : h(
- 'iframeUpload',
- uploadData,
- [trigger]
- );
- return h(
- 'div',
- null,
- [this.listType === 'picture-card' ? uploadList : '', this.$slots.trigger ? [uploadComponent, this.$slots.default] : uploadComponent, this.$slots.tip, this.listType !== 'picture-card' ? uploadList : '']
- );
- }
- };
- /***/ }),
- /* 293 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_list_vue__ = __webpack_require__(294);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_list_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_list_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_43fbf886_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_upload_list_vue__ = __webpack_require__(295);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_list_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_43fbf886_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_upload_list_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 294 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _progress = __webpack_require__(42);
- var _progress2 = _interopRequireDefault(_progress);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- mixins: [_locale2.default],
- data: function data() {
- return {
- focusing: false
- };
- },
- components: { ElProgress: _progress2.default },
- props: {
- files: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- disabled: {
- type: Boolean,
- default: false
- },
- handlePreview: Function,
- listType: String
- },
- methods: {
- parsePercentage: function parsePercentage(val) {
- return parseInt(val, 10);
- },
- handleClick: function handleClick(file) {
- this.handlePreview && this.handlePreview(file);
- }
- }
- };
- /***/ }),
- /* 295 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition-group',{class:[
- 'el-upload-list',
- 'el-upload-list--' + _vm.listType,
- { 'is-disabled': _vm.disabled }
- ],attrs:{"tag":"ul","name":"el-list"}},_vm._l((_vm.files),function(file,index){return _c('li',{key:index,class:['el-upload-list__item', 'is-' + file.status, _vm.focusing ? 'focusing' : ''],attrs:{"tabindex":"0"},on:{"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"delete",[8,46],$event.key)){ return null; }!_vm.disabled && _vm.$emit('remove', file)},"focus":function($event){_vm.focusing = true},"blur":function($event){_vm.focusing = false},"click":function($event){_vm.focusing = false}}},[(file.status !== 'uploading' && ['picture-card', 'picture'].indexOf(_vm.listType) > -1)?_c('img',{staticClass:"el-upload-list__item-thumbnail",attrs:{"src":file.url,"alt":""}}):_vm._e(),_c('a',{staticClass:"el-upload-list__item-name",on:{"click":function($event){_vm.handleClick(file)}}},[_c('i',{staticClass:"el-icon-document"}),_vm._v(_vm._s(file.name)+"\n ")]),_c('label',{staticClass:"el-upload-list__item-status-label"},[_c('i',{class:{
- 'el-icon-upload-success': true,
- 'el-icon-circle-check': _vm.listType === 'text',
- 'el-icon-check': ['picture-card', 'picture'].indexOf(_vm.listType) > -1
- }})]),(!_vm.disabled)?_c('i',{staticClass:"el-icon-close",on:{"click":function($event){_vm.$emit('remove', file)}}}):_vm._e(),(!_vm.disabled)?_c('i',{staticClass:"el-icon-close-tip"},[_vm._v(_vm._s(_vm.t('el.upload.deleteTip')))]):_vm._e(),(file.status === 'uploading')?_c('el-progress',{attrs:{"type":_vm.listType === 'picture-card' ? 'circle' : 'line',"stroke-width":_vm.listType === 'picture-card' ? 6 : 2,"percentage":_vm.parsePercentage(file.percentage)}}):_vm._e(),(_vm.listType === 'picture-card')?_c('span',{staticClass:"el-upload-list__item-actions"},[(_vm.handlePreview && _vm.listType === 'picture-card')?_c('span',{staticClass:"el-upload-list__item-preview",on:{"click":function($event){_vm.handlePreview(file)}}},[_c('i',{staticClass:"el-icon-zoom-in"})]):_vm._e(),(!_vm.disabled)?_c('span',{staticClass:"el-upload-list__item-delete",on:{"click":function($event){_vm.$emit('remove', file)}}},[_c('i',{staticClass:"el-icon-delete"})]):_vm._e()]):_vm._e()],1)}))}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 296 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_vue__ = __webpack_require__(297);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_vue__);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- var __vue_template__ = null
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_upload_vue___default.a,
- __vue_template__,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 297 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _babelHelperVueJsxMergeProps = __webpack_require__(43);
- var _babelHelperVueJsxMergeProps2 = _interopRequireDefault(_babelHelperVueJsxMergeProps);
- var _ajax = __webpack_require__(298);
- var _ajax2 = _interopRequireDefault(_ajax);
- var _uploadDragger = __webpack_require__(44);
- var _uploadDragger2 = _interopRequireDefault(_uploadDragger);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- inject: ['uploader'],
- components: {
- UploadDragger: _uploadDragger2.default
- },
- props: {
- type: String,
- action: {
- type: String,
- required: true
- },
- name: {
- type: String,
- default: 'file'
- },
- data: Object,
- headers: Object,
- withCredentials: Boolean,
- multiple: Boolean,
- accept: String,
- onStart: Function,
- onProgress: Function,
- onSuccess: Function,
- onError: Function,
- beforeUpload: Function,
- drag: Boolean,
- onPreview: {
- type: Function,
- default: function _default() {}
- },
- onRemove: {
- type: Function,
- default: function _default() {}
- },
- fileList: Array,
- autoUpload: Boolean,
- listType: String,
- httpRequest: {
- type: Function,
- default: _ajax2.default
- },
- disabled: Boolean,
- limit: Number,
- onExceed: Function
- },
- data: function data() {
- return {
- mouseover: false,
- reqs: {}
- };
- },
- methods: {
- isImage: function isImage(str) {
- return str.indexOf('image') !== -1;
- },
- handleChange: function handleChange(ev) {
- var files = ev.target.files;
- if (!files) return;
- this.uploadFiles(files);
- },
- uploadFiles: function uploadFiles(files) {
- var _this = this;
- if (this.limit && this.fileList.length + files.length > this.limit) {
- this.onExceed && this.onExceed(files, this.fileList);
- return;
- }
- var postFiles = Array.prototype.slice.call(files);
- if (!this.multiple) {
- postFiles = postFiles.slice(0, 1);
- }
- if (postFiles.length === 0) {
- return;
- }
- postFiles.forEach(function (rawFile) {
- _this.onStart(rawFile);
- if (_this.autoUpload) _this.upload(rawFile);
- });
- },
- upload: function upload(rawFile, file) {
- var _this2 = this;
- this.$refs.input.value = null;
- if (!this.beforeUpload) {
- return this.post(rawFile);
- }
- var before = this.beforeUpload(rawFile);
- if (before && before.then) {
- before.then(function (processedFile) {
- var fileType = Object.prototype.toString.call(processedFile);
- if (fileType === '[object File]' || fileType === '[object Blob]') {
- _this2.post(processedFile);
- } else {
- _this2.post(rawFile);
- }
- }, function () {
- _this2.onRemove(null, rawFile);
- });
- } else if (before !== false) {
- this.post(rawFile);
- } else {
- this.onRemove(null, rawFile);
- }
- },
- abort: function abort(file) {
- var reqs = this.reqs;
- if (file) {
- var uid = file;
- if (file.uid) uid = file.uid;
- if (reqs[uid]) {
- reqs[uid].abort();
- }
- } else {
- Object.keys(reqs).forEach(function (uid) {
- if (reqs[uid]) reqs[uid].abort();
- delete reqs[uid];
- });
- }
- },
- post: function post(rawFile) {
- var _this3 = this;
- var uid = rawFile.uid;
- var options = {
- headers: this.headers,
- withCredentials: this.withCredentials,
- file: rawFile,
- data: this.data,
- filename: this.name,
- action: this.action,
- onProgress: function onProgress(e) {
- _this3.onProgress(e, rawFile);
- },
- onSuccess: function onSuccess(res) {
- _this3.onSuccess(res, rawFile);
- delete _this3.reqs[uid];
- },
- onError: function onError(err) {
- _this3.onError(err, rawFile);
- delete _this3.reqs[uid];
- }
- };
- var req = this.httpRequest(options);
- this.reqs[uid] = req;
- if (req && req.then) {
- req.then(options.onSuccess, options.onError);
- }
- },
- handleClick: function handleClick() {
- if (!this.disabled) {
- this.$refs.input.value = null;
- this.$refs.input.click();
- }
- },
- handleKeydown: function handleKeydown(e) {
- if (e.target !== e.currentTarget) return;
- if (e.keyCode === 13 || e.keyCode === 32) {
- this.handleClick();
- }
- }
- },
- render: function render(h) {
- var handleClick = this.handleClick,
- drag = this.drag,
- name = this.name,
- handleChange = this.handleChange,
- multiple = this.multiple,
- accept = this.accept,
- listType = this.listType,
- uploadFiles = this.uploadFiles,
- disabled = this.disabled,
- handleKeydown = this.handleKeydown;
- var data = {
- class: {
- 'el-upload': true
- },
- on: {
- click: handleClick,
- keydown: handleKeydown
- }
- };
- data.class['el-upload--' + listType] = true;
- return h(
- 'div',
- (0, _babelHelperVueJsxMergeProps2.default)([data, {
- attrs: { tabindex: '0' }
- }]),
- [drag ? h(
- 'upload-dragger',
- {
- attrs: { disabled: disabled },
- on: {
- 'file': uploadFiles
- }
- },
- [this.$slots.default]
- ) : this.$slots.default, h(
- 'input',
- { 'class': 'el-upload__input', attrs: { type: 'file', name: name, multiple: multiple, accept: accept },
- ref: 'input', on: {
- 'change': handleChange
- }
- },
- []
- )]
- );
- }
- };
- /***/ }),
- /* 298 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.default = upload;
- function getError(action, option, xhr) {
- var msg = void 0;
- if (xhr.response) {
- msg = '' + (xhr.response.error || xhr.response);
- } else if (xhr.responseText) {
- msg = '' + xhr.responseText;
- } else {
- msg = 'fail to post ' + action + ' ' + xhr.status;
- }
- var err = new Error(msg);
- err.status = xhr.status;
- err.method = 'post';
- err.url = action;
- return err;
- }
- function getBody(xhr) {
- var text = xhr.responseText || xhr.response;
- if (!text) {
- return text;
- }
- try {
- return JSON.parse(text);
- } catch (e) {
- return text;
- }
- }
- function upload(option) {
- if (typeof XMLHttpRequest === 'undefined') {
- return;
- }
- var xhr = new XMLHttpRequest();
- var action = option.action;
- if (xhr.upload) {
- xhr.upload.onprogress = function progress(e) {
- if (e.total > 0) {
- e.percent = e.loaded / e.total * 100;
- }
- option.onProgress(e);
- };
- }
- var formData = new FormData();
- if (option.data) {
- Object.keys(option.data).forEach(function (key) {
- formData.append(key, option.data[key]);
- });
- }
- formData.append(option.filename, option.file);
- xhr.onerror = function error(e) {
- option.onError(e);
- };
- xhr.onload = function onload() {
- if (xhr.status < 200 || xhr.status >= 300) {
- return option.onError(getError(action, option, xhr));
- }
- option.onSuccess(getBody(xhr));
- };
- xhr.open('post', action, true);
- if (option.withCredentials && 'withCredentials' in xhr) {
- xhr.withCredentials = true;
- }
- var headers = option.headers || {};
- for (var item in headers) {
- if (headers.hasOwnProperty(item) && headers[item] !== null) {
- xhr.setRequestHeader(item, headers[item]);
- }
- }
- xhr.send(formData);
- return xhr;
- }
- /***/ }),
- /* 299 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElUploadDrag',
- props: {
- disabled: Boolean
- },
- inject: {
- uploader: {
- default: ''
- }
- },
- data: function data() {
- return {
- dragover: false
- };
- },
- methods: {
- onDragover: function onDragover() {
- if (!this.disabled) {
- this.dragover = true;
- }
- },
- onDrop: function onDrop(e) {
- if (this.disabled || !this.uploader) return;
- var accept = this.uploader.accept;
- this.dragover = false;
- if (!accept) {
- this.$emit('file', e.dataTransfer.files);
- return;
- }
- this.$emit('file', [].slice.call(e.dataTransfer.files).filter(function (file) {
- var type = file.type,
- name = file.name;
- var extension = name.indexOf('.') > -1 ? '.' + name.split('.').pop() : '';
- var baseType = type.replace(/\/.*$/, '');
- return accept.split(',').map(function (type) {
- return type.trim();
- }).filter(function (type) {
- return type;
- }).some(function (acceptedType) {
- if (/\..+$/.test(acceptedType)) {
- return extension === acceptedType;
- }
- if (/\/\*$/.test(acceptedType)) {
- return baseType === acceptedType.replace(/\/\*$/, '');
- }
- if (/^[^\/]+\/[^\/]+$/.test(acceptedType)) {
- return type === acceptedType;
- }
- return false;
- });
- }));
- }
- }
- };
- /***/ }),
- /* 300 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-upload-dragger",class:{
- 'is-dragover': _vm.dragover
- },on:{"drop":function($event){$event.preventDefault();_vm.onDrop($event)},"dragover":function($event){$event.preventDefault();_vm.onDragover($event)},"dragleave":function($event){$event.preventDefault();_vm.dragover = false}}},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 301 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue__ = __webpack_require__(302);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue__);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- var __vue_template__ = null
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue___default.a,
- __vue_template__,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 302 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _uploadDragger = __webpack_require__(44);
- var _uploadDragger2 = _interopRequireDefault(_uploadDragger);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- components: {
- UploadDragger: _uploadDragger2.default
- },
- props: {
- type: String,
- data: {},
- action: {
- type: String,
- required: true
- },
- name: {
- type: String,
- default: 'file'
- },
- withCredentials: Boolean,
- accept: String,
- onStart: Function,
- onProgress: Function,
- onSuccess: Function,
- onError: Function,
- beforeUpload: Function,
- onPreview: {
- type: Function,
- default: function _default() {}
- },
- onRemove: {
- type: Function,
- default: function _default() {}
- },
- drag: Boolean,
- listType: String,
- disabled: Boolean,
- limit: Number,
- onExceed: Function
- },
- data: function data() {
- return {
- mouseover: false,
- domain: '',
- file: null,
- submitting: false
- };
- },
- methods: {
- isImage: function isImage(str) {
- return str.indexOf('image') !== -1;
- },
- handleClick: function handleClick() {
- if (!this.disabled) {
- this.$refs.input.click();
- }
- },
- handleChange: function handleChange(ev) {
- var file = ev.target.value;
- if (file) {
- this.uploadFiles(file);
- }
- },
- uploadFiles: function uploadFiles(file) {
- if (this.limit && this.$parent.uploadFiles.length + file.length > this.limit) {
- this.onExceed && this.onExceed(this.fileList);
- return;
- }
- if (this.submitting) return;
- this.submitting = true;
- this.file = file;
- this.onStart(file);
- var formNode = this.getFormNode();
- var dataSpan = this.getFormDataNode();
- var data = this.data;
- if (typeof data === 'function') {
- data = data(file);
- }
- var inputs = [];
- for (var key in data) {
- if (data.hasOwnProperty(key)) {
- inputs.push('<input name="' + key + '" value="' + data[key] + '"/>');
- }
- }
- dataSpan.innerHTML = inputs.join('');
- formNode.submit();
- dataSpan.innerHTML = '';
- },
- getFormNode: function getFormNode() {
- return this.$refs.form;
- },
- getFormDataNode: function getFormDataNode() {
- return this.$refs.data;
- }
- },
- created: function created() {
- this.frameName = 'frame-' + Date.now();
- },
- mounted: function mounted() {
- var self = this;
- !this.$isServer && window.addEventListener('message', function (event) {
- if (!self.file) return;
- var targetOrigin = new URL(self.action).origin;
- if (event.origin !== targetOrigin) return;
- var response = event.data;
- if (response.result === 'success') {
- self.onSuccess(response, self.file);
- } else if (response.result === 'failed') {
- self.onError(response, self.file);
- }
- self.submitting = false;
- self.file = null;
- }, false);
- },
- render: function render(h) {
- var drag = this.drag,
- uploadFiles = this.uploadFiles,
- listType = this.listType,
- frameName = this.frameName,
- disabled = this.disabled;
- var oClass = { 'el-upload': true };
- oClass['el-upload--' + listType] = true;
- return h(
- 'div',
- {
- 'class': oClass,
- on: {
- 'click': this.handleClick
- },
- nativeOn: {
- 'drop': this.onDrop,
- 'dragover': this.handleDragover,
- 'dragleave': this.handleDragleave
- }
- },
- [h(
- 'iframe',
- {
- on: {
- 'load': this.onload
- },
- ref: 'iframe',
- attrs: { name: frameName
- }
- },
- []
- ), h(
- 'form',
- { ref: 'form', attrs: { action: this.action, target: frameName, enctype: 'multipart/form-data', method: 'POST' }
- },
- [h(
- 'input',
- {
- 'class': 'el-upload__input',
- attrs: { type: 'file',
- name: 'file',
- accept: this.accept },
- ref: 'input', on: {
- 'change': this.handleChange
- }
- },
- []
- ), h(
- 'input',
- {
- attrs: { type: 'hidden', name: 'documentDomain', value: this.$isServer ? '' : document.domain }
- },
- []
- ), h(
- 'span',
- { ref: 'data' },
- []
- )]
- ), drag ? h(
- 'upload-dragger',
- {
- on: {
- 'file': uploadFiles
- },
- attrs: { disabled: disabled }
- },
- [this.$slots.default]
- ) : this.$slots.default]
- );
- }
- };
- /***/ }),
- /* 303 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _progress = __webpack_require__(304);
- var _progress2 = _interopRequireDefault(_progress);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _progress2.default.install = function (Vue) {
- Vue.component(_progress2.default.name, _progress2.default);
- };
- exports.default = _progress2.default;
- /***/ }),
- /* 304 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_progress_vue__ = __webpack_require__(305);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_progress_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_progress_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ddec355_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_progress_vue__ = __webpack_require__(306);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_progress_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ddec355_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_progress_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 305 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElProgress',
- props: {
- type: {
- type: String,
- default: 'line',
- validator: function validator(val) {
- return ['line', 'circle'].indexOf(val) > -1;
- }
- },
- percentage: {
- type: Number,
- default: 0,
- required: true,
- validator: function validator(val) {
- return val >= 0 && val <= 100;
- }
- },
- status: {
- type: String
- },
- strokeWidth: {
- type: Number,
- default: 6
- },
- textInside: {
- type: Boolean,
- default: false
- },
- width: {
- type: Number,
- default: 126
- },
- showText: {
- type: Boolean,
- default: true
- },
- color: {
- type: String,
- default: ''
- }
- },
- computed: {
- barStyle: function barStyle() {
- var style = {};
- style.width = this.percentage + '%';
- style.backgroundColor = this.color;
- return style;
- },
- relativeStrokeWidth: function relativeStrokeWidth() {
- return (this.strokeWidth / this.width * 100).toFixed(1);
- },
- trackPath: function trackPath() {
- var radius = parseInt(50 - parseFloat(this.relativeStrokeWidth) / 2, 10);
- return 'M 50 50 m 0 -' + radius + ' a ' + radius + ' ' + radius + ' 0 1 1 0 ' + radius * 2 + ' a ' + radius + ' ' + radius + ' 0 1 1 0 -' + radius * 2;
- },
- perimeter: function perimeter() {
- var radius = 50 - parseFloat(this.relativeStrokeWidth) / 2;
- return 2 * Math.PI * radius;
- },
- circlePathStyle: function circlePathStyle() {
- var perimeter = this.perimeter;
- return {
- strokeDasharray: perimeter + 'px,' + perimeter + 'px',
- strokeDashoffset: (1 - this.percentage / 100) * perimeter + 'px',
- transition: 'stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease'
- };
- },
- stroke: function stroke() {
- var ret = void 0;
- if (this.color) {
- ret = this.color;
- } else {
- switch (this.status) {
- case 'success':
- ret = '#13ce66';
- break;
- case 'exception':
- ret = '#ff4949';
- break;
- default:
- ret = '#20a0ff';
- }
- }
- return ret;
- },
- iconClass: function iconClass() {
- if (this.type === 'line') {
- return this.status === 'success' ? 'el-icon-circle-check' : 'el-icon-circle-cross';
- } else {
- return this.status === 'success' ? 'el-icon-check' : 'el-icon-close';
- }
- },
- progressTextSize: function progressTextSize() {
- return this.type === 'line' ? 12 + this.strokeWidth * 0.4 : this.width * 0.111111 + 2;
- }
- }
- };
- /***/ }),
- /* 306 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-progress",class:[
- 'el-progress--' + _vm.type,
- _vm.status ? 'is-' + _vm.status : '',
- {
- 'el-progress--without-text': !_vm.showText,
- 'el-progress--text-inside': _vm.textInside,
- }
- ],attrs:{"role":"progressbar","aria-valuenow":_vm.percentage,"aria-valuemin":"0","aria-valuemax":"100"}},[(_vm.type === 'line')?_c('div',{staticClass:"el-progress-bar"},[_c('div',{staticClass:"el-progress-bar__outer",style:({height: _vm.strokeWidth + 'px'})},[_c('div',{staticClass:"el-progress-bar__inner",style:(_vm.barStyle)},[(_vm.showText && _vm.textInside)?_c('div',{staticClass:"el-progress-bar__innerText"},[_vm._v(_vm._s(_vm.percentage)+"%")]):_vm._e()])])]):_c('div',{staticClass:"el-progress-circle",style:({height: _vm.width + 'px', width: _vm.width + 'px'})},[_c('svg',{attrs:{"viewBox":"0 0 100 100"}},[_c('path',{staticClass:"el-progress-circle__track",attrs:{"d":_vm.trackPath,"stroke":"#e5e9f2","stroke-width":_vm.relativeStrokeWidth,"fill":"none"}}),_c('path',{staticClass:"el-progress-circle__path",style:(_vm.circlePathStyle),attrs:{"d":_vm.trackPath,"stroke-linecap":"round","stroke":_vm.stroke,"stroke-width":_vm.relativeStrokeWidth,"fill":"none"}})])]),(_vm.showText && !_vm.textInside)?_c('div',{staticClass:"el-progress__text",style:({fontSize: _vm.progressTextSize + 'px'})},[(!_vm.status)?[_vm._v(_vm._s(_vm.percentage)+"%")]:_c('i',{class:_vm.iconClass})],2):_vm._e()])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 307 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _spinner = __webpack_require__(308);
- var _spinner2 = _interopRequireDefault(_spinner);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _spinner2.default.install = function (Vue) {
- Vue.component(_spinner2.default.name, _spinner2.default);
- };
- exports.default = _spinner2.default;
- /***/ }),
- /* 308 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_spinner_vue__ = __webpack_require__(309);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_spinner_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_spinner_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_503fa473_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_spinner_vue__ = __webpack_require__(310);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_spinner_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_503fa473_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_spinner_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 309 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElSpinner',
- props: {
- type: String,
- radius: {
- type: Number,
- default: 100
- },
- strokeWidth: {
- type: Number,
- default: 5
- },
- strokeColor: {
- type: String,
- default: '#efefef'
- }
- }
- };
- /***/ }),
- /* 310 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"el-spinner"},[_c('svg',{staticClass:"el-spinner-inner",style:({ width: _vm.radius/2 + 'px', height: _vm.radius/2 + 'px' }),attrs:{"viewBox":"0 0 50 50"}},[_c('circle',{staticClass:"path",attrs:{"cx":"25","cy":"25","r":"20","fill":"none","stroke":_vm.strokeColor,"stroke-width":_vm.strokeWidth}})])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 311 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(312);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = _main2.default;
- /***/ }),
- /* 312 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- var _main = __webpack_require__(313);
- var _main2 = _interopRequireDefault(_main);
- var _popup = __webpack_require__(12);
- var _vdom = __webpack_require__(21);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var MessageConstructor = _vue2.default.extend(_main2.default);
- var instance = void 0;
- var instances = [];
- var seed = 1;
- var Message = function Message(options) {
- if (_vue2.default.prototype.$isServer) return;
- options = options || {};
- if (typeof options === 'string') {
- options = {
- message: options
- };
- }
- var userOnClose = options.onClose;
- var id = 'message_' + seed++;
- options.onClose = function () {
- Message.close(id, userOnClose);
- };
- instance = new MessageConstructor({
- data: options
- });
- instance.id = id;
- if ((0, _vdom.isVNode)(instance.message)) {
- instance.$slots.default = [instance.message];
- instance.message = null;
- }
- instance.vm = instance.$mount();
- document.body.appendChild(instance.vm.$el);
- instance.vm.visible = true;
- instance.dom = instance.vm.$el;
- instance.dom.style.zIndex = _popup.PopupManager.nextZIndex();
- instances.push(instance);
- return instance.vm;
- };
- ['success', 'warning', 'info', 'error'].forEach(function (type) {
- Message[type] = function (options) {
- if (typeof options === 'string') {
- options = {
- message: options
- };
- }
- options.type = type;
- return Message(options);
- };
- });
- Message.close = function (id, userOnClose) {
- for (var i = 0, len = instances.length; i < len; i++) {
- if (id === instances[i].id) {
- if (typeof userOnClose === 'function') {
- userOnClose(instances[i]);
- }
- instances.splice(i, 1);
- break;
- }
- }
- };
- Message.closeAll = function () {
- for (var i = instances.length - 1; i >= 0; i--) {
- instances[i].close();
- }
- };
- exports.default = Message;
- /***/ }),
- /* 313 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(314);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_bf6c88be_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(315);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_bf6c88be_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 314 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var typeMap = {
- success: 'success',
- info: 'info',
- warning: 'warning',
- error: 'error'
- };
- exports.default = {
- data: function data() {
- return {
- visible: false,
- message: '',
- duration: 3000,
- type: 'info',
- iconClass: '',
- customClass: '',
- onClose: null,
- showClose: false,
- closed: false,
- timer: null,
- dangerouslyUseHTMLString: false,
- center: false
- };
- },
- computed: {
- iconWrapClass: function iconWrapClass() {
- var classes = ['el-message__icon'];
- if (this.type && !this.iconClass) {
- classes.push('el-message__icon--' + this.type);
- }
- return classes;
- },
- typeClass: function typeClass() {
- return this.type && !this.iconClass ? 'el-message__icon el-icon-' + typeMap[this.type] : '';
- }
- },
- watch: {
- closed: function closed(newVal) {
- if (newVal) {
- this.visible = false;
- this.$el.addEventListener('transitionend', this.destroyElement);
- }
- }
- },
- methods: {
- destroyElement: function destroyElement() {
- this.$el.removeEventListener('transitionend', this.destroyElement);
- this.$destroy(true);
- this.$el.parentNode.removeChild(this.$el);
- },
- close: function close() {
- this.closed = true;
- if (typeof this.onClose === 'function') {
- this.onClose(this);
- }
- },
- clearTimer: function clearTimer() {
- clearTimeout(this.timer);
- },
- startTimer: function startTimer() {
- var _this = this;
- if (this.duration > 0) {
- this.timer = setTimeout(function () {
- if (!_this.closed) {
- _this.close();
- }
- }, this.duration);
- }
- },
- keydown: function keydown(e) {
- if (e.keyCode === 27) {
- // esc关闭消息
- if (!this.closed) {
- this.close();
- }
- }
- }
- },
- mounted: function mounted() {
- this.startTimer();
- document.addEventListener('keydown', this.keydown);
- },
- beforeDestroy: function beforeDestroy() {
- document.removeEventListener('keydown', this.keydown);
- }
- };
- /***/ }),
- /* 315 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-message-fade"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],class:[
- 'el-message',
- _vm.type && !_vm.iconClass ? ("el-message--" + _vm.type) : '',
- _vm.center ? 'is-center' : '',
- _vm.showClose ? 'is-closable' : '',
- _vm.customClass],attrs:{"role":"alert"},on:{"mouseenter":_vm.clearTimer,"mouseleave":_vm.startTimer}},[(_vm.iconClass)?_c('i',{class:_vm.iconClass}):_c('i',{class:_vm.typeClass}),_vm._t("default",[(!_vm.dangerouslyUseHTMLString)?_c('p',{staticClass:"el-message__content"},[_vm._v(_vm._s(_vm.message))]):_c('p',{staticClass:"el-message__content",domProps:{"innerHTML":_vm._s(_vm.message)}})]),(_vm.showClose)?_c('i',{staticClass:"el-message__closeBtn el-icon-close",on:{"click":_vm.close}}):_vm._e()],2)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 316 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(317);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 317 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(318);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_08ee78c5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(319);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_08ee78c5_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 318 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElBadge',
- props: {
- value: {},
- max: Number,
- isDot: Boolean,
- hidden: Boolean
- },
- computed: {
- content: function content() {
- if (this.isDot) return;
- var value = this.value;
- var max = this.max;
- if (typeof value === 'number' && typeof max === 'number') {
- return max < value ? max + '+' : value;
- }
- return value;
- }
- }
- };
- /***/ }),
- /* 319 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-badge"},[_vm._t("default"),_c('transition',{attrs:{"name":"el-zoom-in-center"}},[_c('sup',{directives:[{name:"show",rawName:"v-show",value:(!_vm.hidden && (_vm.content || _vm.content === 0 || _vm.isDot)),expression:"!hidden && (content || content === 0 || isDot)"}],staticClass:"el-badge__content",class:{ 'is-fixed': _vm.$slots.default, 'is-dot': _vm.isDot },domProps:{"textContent":_vm._s(_vm.content)}})])],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 320 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(321);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 321 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(322);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_b3777b44_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(323);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_b3777b44_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 322 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElCard',
- props: {
- header: {},
- bodyStyle: {},
- shadow: {
- type: String
- }
- }
- };
- /***/ }),
- /* 323 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-card",class:_vm.shadow ? 'is-' + _vm.shadow + '-shadow' : 'is-always-shadow'},[(_vm.$slots.header || _vm.header)?_c('div',{staticClass:"el-card__header"},[_vm._t("header",[_vm._v(_vm._s(_vm.header))])],2):_vm._e(),_c('div',{staticClass:"el-card__body",style:(_vm.bodyStyle)},[_vm._t("default")],2)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 324 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(325);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 325 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(326);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_14663ae4_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(327);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_14663ae4_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 326 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _dom = __webpack_require__(3);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElRate',
- mixins: [_migrating2.default],
- inject: {
- elForm: {
- default: ''
- }
- },
- data: function data() {
- return {
- pointerAtLeftHalf: true,
- currentValue: this.value,
- hoverIndex: -1
- };
- },
- props: {
- value: {
- type: Number,
- default: 0
- },
- lowThreshold: {
- type: Number,
- default: 2
- },
- highThreshold: {
- type: Number,
- default: 4
- },
- max: {
- type: Number,
- default: 5
- },
- colors: {
- type: Array,
- default: function _default() {
- return ['#F7BA2A', '#F7BA2A', '#F7BA2A'];
- }
- },
- voidColor: {
- type: String,
- default: '#C6D1DE'
- },
- disabledVoidColor: {
- type: String,
- default: '#EFF2F7'
- },
- iconClasses: {
- type: Array,
- default: function _default() {
- return ['el-icon-star-on', 'el-icon-star-on', 'el-icon-star-on'];
- }
- },
- voidIconClass: {
- type: String,
- default: 'el-icon-star-off'
- },
- disabledVoidIconClass: {
- type: String,
- default: 'el-icon-star-on'
- },
- disabled: {
- type: Boolean,
- default: false
- },
- allowHalf: {
- type: Boolean,
- default: false
- },
- showText: {
- type: Boolean,
- default: false
- },
- showScore: {
- type: Boolean,
- default: false
- },
- textColor: {
- type: String,
- default: '#1f2d3d'
- },
- texts: {
- type: Array,
- default: function _default() {
- return ['极差', '失望', '一般', '满意', '惊喜'];
- }
- },
- scoreTemplate: {
- type: String,
- default: '{value}'
- }
- },
- computed: {
- text: function text() {
- var result = '';
- if (this.showScore) {
- result = this.scoreTemplate.replace(/\{\s*value\s*\}/, this.rateDisabled ? this.value : this.currentValue);
- } else if (this.showText) {
- result = this.texts[Math.ceil(this.currentValue) - 1];
- }
- return result;
- },
- decimalStyle: function decimalStyle() {
- var width = '';
- if (this.rateDisabled) {
- width = (this.valueDecimal < 50 ? 0 : 50) + '%';
- }
- if (this.allowHalf) {
- width = '50%';
- }
- return {
- color: this.activeColor,
- width: width
- };
- },
- valueDecimal: function valueDecimal() {
- return this.value * 100 - Math.floor(this.value) * 100;
- },
- decimalIconClass: function decimalIconClass() {
- return this.getValueFromMap(this.value, this.classMap);
- },
- voidClass: function voidClass() {
- return this.rateDisabled ? this.classMap.disabledVoidClass : this.classMap.voidClass;
- },
- activeClass: function activeClass() {
- return this.getValueFromMap(this.currentValue, this.classMap);
- },
- colorMap: function colorMap() {
- return {
- lowColor: this.colors[0],
- mediumColor: this.colors[1],
- highColor: this.colors[2],
- voidColor: this.voidColor,
- disabledVoidColor: this.disabledVoidColor
- };
- },
- activeColor: function activeColor() {
- return this.getValueFromMap(this.currentValue, this.colorMap);
- },
- classes: function classes() {
- var result = [];
- var i = 0;
- var threshold = this.currentValue;
- if (this.allowHalf && this.currentValue !== Math.floor(this.currentValue)) {
- threshold--;
- }
- for (; i < threshold; i++) {
- result.push(this.activeClass);
- }
- for (; i < this.max; i++) {
- result.push(this.voidClass);
- }
- return result;
- },
- classMap: function classMap() {
- return {
- lowClass: this.iconClasses[0],
- mediumClass: this.iconClasses[1],
- highClass: this.iconClasses[2],
- voidClass: this.voidIconClass,
- disabledVoidClass: this.disabledVoidIconClass
- };
- },
- rateDisabled: function rateDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- }
- },
- watch: {
- value: function value(val) {
- this.currentValue = val;
- this.pointerAtLeftHalf = this.value !== Math.floor(this.value);
- }
- },
- methods: {
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'text-template': 'text-template is renamed to score-template.'
- }
- };
- },
- getValueFromMap: function getValueFromMap(value, map) {
- var result = '';
- if (value <= this.lowThreshold) {
- result = map.lowColor || map.lowClass;
- } else if (value >= this.highThreshold) {
- result = map.highColor || map.highClass;
- } else {
- result = map.mediumColor || map.mediumClass;
- }
- return result;
- },
- showDecimalIcon: function showDecimalIcon(item) {
- var showWhenDisabled = this.rateDisabled && this.valueDecimal > 0 && item - 1 < this.value && item > this.value;
- /* istanbul ignore next */
- var showWhenAllowHalf = this.allowHalf && this.pointerAtLeftHalf && item - 0.5 <= this.currentValue && item > this.currentValue;
- return showWhenDisabled || showWhenAllowHalf;
- },
- getIconStyle: function getIconStyle(item) {
- var voidColor = this.rateDisabled ? this.colorMap.disabledVoidColor : this.colorMap.voidColor;
- return {
- color: item <= this.currentValue ? this.activeColor : voidColor
- };
- },
- selectValue: function selectValue(value) {
- if (this.rateDisabled) {
- return;
- }
- if (this.allowHalf && this.pointerAtLeftHalf) {
- this.$emit('input', this.currentValue);
- this.$emit('change', this.currentValue);
- } else {
- this.$emit('input', value);
- this.$emit('change', value);
- }
- },
- handleKey: function handleKey(e) {
- if (this.rateDisabled) {
- return;
- }
- var currentValue = this.currentValue;
- var keyCode = e.keyCode;
- if (keyCode === 38 || keyCode === 39) {
- // left / down
- if (this.allowHalf) {
- currentValue += 0.5;
- } else {
- currentValue += 1;
- }
- e.stopPropagation();
- e.preventDefault();
- } else if (keyCode === 37 || keyCode === 40) {
- if (this.allowHalf) {
- currentValue -= 0.5;
- } else {
- currentValue -= 1;
- }
- e.stopPropagation();
- e.preventDefault();
- }
- currentValue = currentValue < 0 ? 0 : currentValue;
- currentValue = currentValue > this.max ? this.max : currentValue;
- this.$emit('input', currentValue);
- this.$emit('change', currentValue);
- },
- setCurrentValue: function setCurrentValue(value, event) {
- if (this.rateDisabled) {
- return;
- }
- /* istanbul ignore if */
- if (this.allowHalf) {
- var target = event.target;
- if ((0, _dom.hasClass)(target, 'el-rate__item')) {
- target = target.querySelector('.el-rate__icon');
- }
- if ((0, _dom.hasClass)(target, 'el-rate__decimal')) {
- target = target.parentNode;
- }
- this.pointerAtLeftHalf = event.offsetX * 2 <= target.clientWidth;
- this.currentValue = this.pointerAtLeftHalf ? value - 0.5 : value;
- } else {
- this.currentValue = value;
- }
- this.hoverIndex = value;
- },
- resetCurrentValue: function resetCurrentValue() {
- if (this.rateDisabled) {
- return;
- }
- if (this.allowHalf) {
- this.pointerAtLeftHalf = this.value !== Math.floor(this.value);
- }
- this.currentValue = this.value;
- this.hoverIndex = -1;
- }
- },
- created: function created() {
- if (!this.value) {
- this.$emit('input', 0);
- }
- }
- };
- /***/ }),
- /* 327 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-rate",attrs:{"role":"slider","aria-valuenow":_vm.currentValue,"aria-valuetext":_vm.text,"aria-valuemin":"0","aria-valuemax":_vm.max,"tabindex":"0"},on:{"keydown":_vm.handleKey}},[_vm._l((_vm.max),function(item){return _c('span',{staticClass:"el-rate__item",style:({ cursor: _vm.rateDisabled ? 'auto' : 'pointer' }),on:{"mousemove":function($event){_vm.setCurrentValue(item, $event)},"mouseleave":_vm.resetCurrentValue,"click":function($event){_vm.selectValue(item)}}},[_c('i',{staticClass:"el-rate__icon",class:[_vm.classes[item - 1], { 'hover': _vm.hoverIndex === item }],style:(_vm.getIconStyle(item))},[(_vm.showDecimalIcon(item))?_c('i',{staticClass:"el-rate__decimal",class:_vm.decimalIconClass,style:(_vm.decimalStyle)}):_vm._e()])])}),(_vm.showText || _vm.showScore)?_c('span',{staticClass:"el-rate__text",style:({ color: _vm.textColor })},[_vm._v(_vm._s(_vm.text))]):_vm._e()],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 328 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _steps = __webpack_require__(329);
- var _steps2 = _interopRequireDefault(_steps);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _steps2.default.install = function (Vue) {
- Vue.component(_steps2.default.name, _steps2.default);
- };
- exports.default = _steps2.default;
- /***/ }),
- /* 329 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_steps_vue__ = __webpack_require__(330);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_steps_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_steps_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_40c69762_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_steps_vue__ = __webpack_require__(331);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_steps_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_40c69762_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_steps_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 330 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElSteps',
- mixins: [_migrating2.default],
- props: {
- space: [Number, String],
- active: Number,
- direction: {
- type: String,
- default: 'horizontal'
- },
- alignCenter: Boolean,
- simple: Boolean,
- finishStatus: {
- type: String,
- default: 'finish'
- },
- processStatus: {
- type: String,
- default: 'process'
- }
- },
- data: function data() {
- return {
- steps: [],
- stepOffset: 0
- };
- },
- methods: {
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'center': 'center is removed.'
- }
- };
- }
- },
- watch: {
- active: function active(newVal, oldVal) {
- this.$emit('change', newVal, oldVal);
- },
- steps: function steps(_steps) {
- _steps.forEach(function (child, index) {
- child.index = index;
- });
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 331 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-steps",class:[
- !_vm.simple && 'el-steps--' + _vm.direction,
- _vm.simple && 'el-steps--simple'
- ]},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 332 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _step = __webpack_require__(333);
- var _step2 = _interopRequireDefault(_step);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _step2.default.install = function (Vue) {
- Vue.component(_step2.default.name, _step2.default);
- };
- exports.default = _step2.default;
- /***/ }),
- /* 333 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_step_vue__ = __webpack_require__(334);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_step_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_step_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_656c5158_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_step_vue__ = __webpack_require__(335);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_step_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_656c5158_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_step_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 334 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElStep',
- props: {
- title: String,
- icon: String,
- description: String,
- status: String
- },
- data: function data() {
- return {
- index: -1,
- lineStyle: {},
- internalStatus: ''
- };
- },
- beforeCreate: function beforeCreate() {
- this.$parent.steps.push(this);
- },
- beforeDestroy: function beforeDestroy() {
- var steps = this.$parent.steps;
- var index = steps.indexOf(this);
- if (index >= 0) {
- steps.splice(index, 1);
- }
- },
- computed: {
- currentStatus: function currentStatus() {
- return this.status || this.internalStatus;
- },
- prevStatus: function prevStatus() {
- var prevStep = this.$parent.steps[this.index - 1];
- return prevStep ? prevStep.currentStatus : 'wait';
- },
- isCenter: function isCenter() {
- return this.$parent.alignCenter;
- },
- isVertical: function isVertical() {
- return this.$parent.direction === 'vertical';
- },
- isSimple: function isSimple() {
- return this.$parent.simple;
- },
- isLast: function isLast() {
- var parent = this.$parent;
- return parent.steps[parent.steps.length - 1] === this;
- },
- stepsCount: function stepsCount() {
- return this.$parent.steps.length;
- },
- space: function space() {
- var isSimple = this.isSimple,
- space = this.$parent.space;
- return isSimple ? '' : space;
- },
- style: function style() {
- var style = {};
- var parent = this.$parent;
- var len = parent.steps.length;
- var space = typeof this.space === 'number' ? this.space + 'px' : this.space ? this.space : 100 / (len - (this.isCenter ? 0 : 1)) + '%';
- style.flexBasis = space;
- if (this.isVertical) return style;
- if (this.isLast) {
- style.maxWidth = 100 / this.stepsCount + '%';
- } else {
- style.marginRight = -this.$parent.stepOffset + 'px';
- }
- return style;
- }
- },
- methods: {
- updateStatus: function updateStatus(val) {
- var prevChild = this.$parent.$children[this.index - 1];
- if (val > this.index) {
- this.internalStatus = this.$parent.finishStatus;
- } else if (val === this.index && this.prevStatus !== 'error') {
- this.internalStatus = this.$parent.processStatus;
- } else {
- this.internalStatus = 'wait';
- }
- if (prevChild) prevChild.calcProgress(this.internalStatus);
- },
- calcProgress: function calcProgress(status) {
- var step = 100;
- var style = {};
- style.transitionDelay = 150 * this.index + 'ms';
- if (status === this.$parent.processStatus) {
- step = this.currentStatus !== 'error' ? 0 : 0;
- } else if (status === 'wait') {
- step = 0;
- style.transitionDelay = -150 * this.index + 'ms';
- }
- style.borderWidth = step ? '1px' : 0;
- this.$parent.direction === 'vertical' ? style.height = step + '%' : style.width = step + '%';
- this.lineStyle = style;
- }
- },
- mounted: function mounted() {
- var _this = this;
- var unwatch = this.$watch('index', function (val) {
- _this.$watch('$parent.active', _this.updateStatus, { immediate: true });
- unwatch();
- });
- }
- };
- /***/ }),
- /* 335 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-step",class:[
- !_vm.isSimple && ("is-" + (_vm.$parent.direction)),
- _vm.isSimple && 'is-simple',
- _vm.isLast && !_vm.space && !_vm.isCenter && 'is-flex',
- _vm.isCenter && !_vm.isVertical && !_vm.isSimple && 'is-center'
- ],style:(_vm.style)},[_c('div',{staticClass:"el-step__head",class:("is-" + _vm.currentStatus)},[_c('div',{staticClass:"el-step__line",style:(_vm.isLast ? '' : { marginRight: _vm.$parent.stepOffset + 'px' })},[_c('i',{staticClass:"el-step__line-inner",style:(_vm.lineStyle)})]),_c('div',{staticClass:"el-step__icon",class:("is-" + (_vm.icon ? 'icon' : 'text'))},[(_vm.currentStatus !== 'success' && _vm.currentStatus !== 'error')?_vm._t("icon",[(_vm.icon)?_c('i',{staticClass:"el-step__icon-inner",class:[_vm.icon]}):_vm._e(),(!_vm.icon && !_vm.isSimple)?_c('div',{staticClass:"el-step__icon-inner"},[_vm._v(_vm._s(_vm.index + 1))]):_vm._e()]):_c('i',{staticClass:"el-step__icon-inner is-status",class:['el-icon-' + (_vm.currentStatus === 'success' ? 'check' : 'close')]})],2)]),_c('div',{staticClass:"el-step__main"},[_c('div',{ref:"title",staticClass:"el-step__title",class:['is-' + _vm.currentStatus]},[_vm._t("title",[_vm._v(_vm._s(_vm.title))])],2),(_vm.isSimple)?_c('div',{staticClass:"el-step__arrow"}):_c('div',{staticClass:"el-step__description",class:['is-' + _vm.currentStatus]},[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2)])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 336 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(337);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 337 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(338);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6d4b548e_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(340);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6d4b548e_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 338 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _throttle = __webpack_require__(339);
- var _throttle2 = _interopRequireDefault(_throttle);
- var _resizeEvent = __webpack_require__(17);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElCarousel',
- props: {
- initialIndex: {
- type: Number,
- default: 0
- },
- height: String,
- trigger: {
- type: String,
- default: 'hover'
- },
- autoplay: {
- type: Boolean,
- default: true
- },
- interval: {
- type: Number,
- default: 3000
- },
- indicatorPosition: String,
- indicator: {
- type: Boolean,
- default: true
- },
- arrow: {
- type: String,
- default: 'hover'
- },
- type: String
- },
- data: function data() {
- return {
- items: [],
- activeIndex: -1,
- containerWidth: 0,
- timer: null,
- hover: false
- };
- },
- computed: {
- hasLabel: function hasLabel() {
- return this.items.some(function (item) {
- return item.label.toString().length > 0;
- });
- }
- },
- watch: {
- items: function items(val) {
- if (val.length > 0) this.setActiveItem(this.initialIndex);
- },
- activeIndex: function activeIndex(val, oldVal) {
- this.resetItemPosition(oldVal);
- this.$emit('change', val, oldVal);
- },
- autoplay: function autoplay(val) {
- val ? this.startTimer() : this.pauseTimer();
- }
- },
- methods: {
- handleMouseEnter: function handleMouseEnter() {
- this.hover = true;
- this.pauseTimer();
- },
- handleMouseLeave: function handleMouseLeave() {
- this.hover = false;
- this.startTimer();
- },
- itemInStage: function itemInStage(item, index) {
- var length = this.items.length;
- if (index === length - 1 && item.inStage && this.items[0].active || item.inStage && this.items[index + 1] && this.items[index + 1].active) {
- return 'left';
- } else if (index === 0 && item.inStage && this.items[length - 1].active || item.inStage && this.items[index - 1] && this.items[index - 1].active) {
- return 'right';
- }
- return false;
- },
- handleButtonEnter: function handleButtonEnter(arrow) {
- var _this = this;
- this.items.forEach(function (item, index) {
- if (arrow === _this.itemInStage(item, index)) {
- item.hover = true;
- }
- });
- },
- handleButtonLeave: function handleButtonLeave() {
- this.items.forEach(function (item) {
- item.hover = false;
- });
- },
- updateItems: function updateItems() {
- this.items = this.$children.filter(function (child) {
- return child.$options.name === 'ElCarouselItem';
- });
- },
- resetItemPosition: function resetItemPosition(oldIndex) {
- var _this2 = this;
- this.items.forEach(function (item, index) {
- item.translateItem(index, _this2.activeIndex, oldIndex);
- });
- },
- playSlides: function playSlides() {
- if (this.activeIndex < this.items.length - 1) {
- this.activeIndex++;
- } else {
- this.activeIndex = 0;
- }
- },
- pauseTimer: function pauseTimer() {
- clearInterval(this.timer);
- },
- startTimer: function startTimer() {
- if (this.interval <= 0 || !this.autoplay) return;
- this.timer = setInterval(this.playSlides, this.interval);
- },
- setActiveItem: function setActiveItem(index) {
- if (typeof index === 'string') {
- var filteredItems = this.items.filter(function (item) {
- return item.name === index;
- });
- if (filteredItems.length > 0) {
- index = this.items.indexOf(filteredItems[0]);
- }
- }
- index = Number(index);
- if (isNaN(index) || index !== Math.floor(index)) {
- "production" !== 'production' && console.warn('[Element Warn][Carousel]index must be an integer.');
- return;
- }
- var length = this.items.length;
- var oldIndex = this.activeIndex;
- if (index < 0) {
- this.activeIndex = length - 1;
- } else if (index >= length) {
- this.activeIndex = 0;
- } else {
- this.activeIndex = index;
- }
- if (oldIndex === this.activeIndex) {
- this.resetItemPosition(oldIndex);
- }
- },
- prev: function prev() {
- this.setActiveItem(this.activeIndex - 1);
- },
- next: function next() {
- this.setActiveItem(this.activeIndex + 1);
- },
- handleIndicatorClick: function handleIndicatorClick(index) {
- this.activeIndex = index;
- },
- handleIndicatorHover: function handleIndicatorHover(index) {
- if (this.trigger === 'hover' && index !== this.activeIndex) {
- this.activeIndex = index;
- }
- }
- },
- created: function created() {
- var _this3 = this;
- this.throttledArrowClick = (0, _throttle2.default)(300, true, function (index) {
- _this3.setActiveItem(index);
- });
- this.throttledIndicatorHover = (0, _throttle2.default)(300, function (index) {
- _this3.handleIndicatorHover(index);
- });
- },
- mounted: function mounted() {
- var _this4 = this;
- this.updateItems();
- this.$nextTick(function () {
- (0, _resizeEvent.addResizeListener)(_this4.$el, _this4.resetItemPosition);
- if (_this4.initialIndex < _this4.items.length && _this4.initialIndex >= 0) {
- _this4.activeIndex = _this4.initialIndex;
- }
- _this4.startTimer();
- });
- },
- beforeDestroy: function beforeDestroy() {
- if (this.$el) (0, _resizeEvent.removeResizeListener)(this.$el, this.resetItemPosition);
- }
- };
- /***/ }),
- /* 339 */
- /***/ (function(module, exports) {
- module.exports = require("throttle-debounce/throttle");
- /***/ }),
- /* 340 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-carousel",class:{ 'el-carousel--card': _vm.type === 'card' },on:{"mouseenter":function($event){$event.stopPropagation();_vm.handleMouseEnter($event)},"mouseleave":function($event){$event.stopPropagation();_vm.handleMouseLeave($event)}}},[_c('div',{staticClass:"el-carousel__container",style:({ height: _vm.height })},[_c('transition',{attrs:{"name":"carousel-arrow-left"}},[(_vm.arrow !== 'never')?_c('button',{directives:[{name:"show",rawName:"v-show",value:(_vm.arrow === 'always' || _vm.hover),expression:"arrow === 'always' || hover"}],staticClass:"el-carousel__arrow el-carousel__arrow--left",attrs:{"type":"button"},on:{"mouseenter":function($event){_vm.handleButtonEnter('left')},"mouseleave":_vm.handleButtonLeave,"click":function($event){$event.stopPropagation();_vm.throttledArrowClick(_vm.activeIndex - 1)}}},[_c('i',{staticClass:"el-icon-arrow-left"})]):_vm._e()]),_c('transition',{attrs:{"name":"carousel-arrow-right"}},[(_vm.arrow !== 'never')?_c('button',{directives:[{name:"show",rawName:"v-show",value:(_vm.arrow === 'always' || _vm.hover),expression:"arrow === 'always' || hover"}],staticClass:"el-carousel__arrow el-carousel__arrow--right",attrs:{"type":"button"},on:{"mouseenter":function($event){_vm.handleButtonEnter('right')},"mouseleave":_vm.handleButtonLeave,"click":function($event){$event.stopPropagation();_vm.throttledArrowClick(_vm.activeIndex + 1)}}},[_c('i',{staticClass:"el-icon-arrow-right"})]):_vm._e()]),_vm._t("default")],2),(_vm.indicatorPosition !== 'none')?_c('ul',{staticClass:"el-carousel__indicators",class:{ 'el-carousel__indicators--labels': _vm.hasLabel, 'el-carousel__indicators--outside': _vm.indicatorPosition === 'outside' || _vm.type === 'card' }},_vm._l((_vm.items),function(item,index){return _c('li',{staticClass:"el-carousel__indicator",class:{ 'is-active': index === _vm.activeIndex },on:{"mouseenter":function($event){_vm.throttledIndicatorHover(index)},"click":function($event){$event.stopPropagation();_vm.handleIndicatorClick(index)}}},[_c('button',{staticClass:"el-carousel__button"},[(_vm.hasLabel)?_c('span',[_vm._v(_vm._s(item.label))]):_vm._e()])])})):_vm._e()])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 341 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(342);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 342 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _resizeEvent = __webpack_require__(17);
- var _scrollbarWidth = __webpack_require__(36);
- var _scrollbarWidth2 = _interopRequireDefault(_scrollbarWidth);
- var _util = __webpack_require__(4);
- var _bar = __webpack_require__(343);
- var _bar2 = _interopRequireDefault(_bar);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- // reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
- exports.default = {
- name: 'ElScrollbar',
- components: { Bar: _bar2.default },
- props: {
- native: Boolean,
- wrapStyle: {},
- wrapClass: {},
- viewClass: {},
- viewStyle: {},
- noresize: Boolean, // 如果 container 尺寸不会发生变化,最好设置它可以优化性能
- tag: {
- type: String,
- default: 'div'
- }
- },
- data: function data() {
- return {
- sizeWidth: '0',
- sizeHeight: '0',
- moveX: 0,
- moveY: 0
- };
- },
- computed: {
- wrap: function wrap() {
- return this.$refs.wrap;
- }
- },
- render: function render(h) {
- var gutter = (0, _scrollbarWidth2.default)();
- var style = this.wrapStyle;
- if (gutter) {
- var gutterWith = '-' + gutter + 'px';
- var gutterStyle = 'margin-bottom: ' + gutterWith + '; margin-right: ' + gutterWith + ';';
- if (Array.isArray(this.wrapStyle)) {
- style = (0, _util.toObject)(this.wrapStyle);
- style.marginRight = style.marginBottom = gutterWith;
- } else if (typeof this.wrapStyle === 'string') {
- style += gutterStyle;
- } else {
- style = gutterStyle;
- }
- }
- var view = h(this.tag, {
- class: ['el-scrollbar__view', this.viewClass],
- style: this.viewStyle,
- ref: 'resize'
- }, this.$slots.default);
- var wrap = h(
- 'div',
- {
- ref: 'wrap',
- style: style,
- on: {
- 'scroll': this.handleScroll
- },
- 'class': [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] },
- [[view]]
- );
- var nodes = void 0;
- if (!this.native) {
- nodes = [wrap, h(
- _bar2.default,
- {
- attrs: {
- move: this.moveX,
- size: this.sizeWidth }
- },
- []
- ), h(
- _bar2.default,
- {
- attrs: {
- vertical: true,
- move: this.moveY,
- size: this.sizeHeight }
- },
- []
- )];
- } else {
- nodes = [h(
- 'div',
- {
- ref: 'wrap',
- 'class': [this.wrapClass, 'el-scrollbar__wrap'],
- style: style },
- [[view]]
- )];
- }
- return h('div', { class: 'el-scrollbar' }, nodes);
- },
- methods: {
- handleScroll: function handleScroll() {
- var wrap = this.wrap;
- this.moveY = wrap.scrollTop * 100 / wrap.clientHeight;
- this.moveX = wrap.scrollLeft * 100 / wrap.clientWidth;
- },
- update: function update() {
- var heightPercentage = void 0,
- widthPercentage = void 0;
- var wrap = this.wrap;
- if (!wrap) return;
- heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;
- widthPercentage = wrap.clientWidth * 100 / wrap.scrollWidth;
- this.sizeHeight = heightPercentage < 100 ? heightPercentage + '%' : '';
- this.sizeWidth = widthPercentage < 100 ? widthPercentage + '%' : '';
- }
- },
- mounted: function mounted() {
- if (this.native) return;
- this.$nextTick(this.update);
- !this.noresize && (0, _resizeEvent.addResizeListener)(this.$refs.resize, this.update);
- },
- beforeDestroy: function beforeDestroy() {
- if (this.native) return;
- !this.noresize && (0, _resizeEvent.removeResizeListener)(this.$refs.resize, this.update);
- }
- };
- /***/ }),
- /* 343 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _dom = __webpack_require__(3);
- var _util = __webpack_require__(344);
- /* istanbul ignore next */
- exports.default = {
- name: 'Bar',
- props: {
- vertical: Boolean,
- size: String,
- move: Number
- },
- computed: {
- bar: function bar() {
- return _util.BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
- },
- wrap: function wrap() {
- return this.$parent.wrap;
- }
- },
- render: function render(h) {
- var size = this.size,
- move = this.move,
- bar = this.bar;
- return h(
- 'div',
- {
- 'class': ['el-scrollbar__bar', 'is-' + bar.key],
- on: {
- 'mousedown': this.clickTrackHandler
- }
- },
- [h(
- 'div',
- {
- ref: 'thumb',
- 'class': 'el-scrollbar__thumb',
- on: {
- 'mousedown': this.clickThumbHandler
- },
- style: (0, _util.renderThumbStyle)({ size: size, move: move, bar: bar }) },
- []
- )]
- );
- },
- methods: {
- clickThumbHandler: function clickThumbHandler(e) {
- this.startDrag(e);
- this[this.bar.axis] = e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]);
- },
- clickTrackHandler: function clickTrackHandler(e) {
- var offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]);
- var thumbHalf = this.$refs.thumb[this.bar.offset] / 2;
- var thumbPositionPercentage = (offset - thumbHalf) * 100 / this.$el[this.bar.offset];
- this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
- },
- startDrag: function startDrag(e) {
- e.stopImmediatePropagation();
- this.cursorDown = true;
- (0, _dom.on)(document, 'mousemove', this.mouseMoveDocumentHandler);
- (0, _dom.on)(document, 'mouseup', this.mouseUpDocumentHandler);
- document.onselectstart = function () {
- return false;
- };
- },
- mouseMoveDocumentHandler: function mouseMoveDocumentHandler(e) {
- if (this.cursorDown === false) return;
- var prevPage = this[this.bar.axis];
- if (!prevPage) return;
- var offset = (this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1;
- var thumbClickPosition = this.$refs.thumb[this.bar.offset] - prevPage;
- var thumbPositionPercentage = (offset - thumbClickPosition) * 100 / this.$el[this.bar.offset];
- this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
- },
- mouseUpDocumentHandler: function mouseUpDocumentHandler(e) {
- this.cursorDown = false;
- this[this.bar.axis] = 0;
- (0, _dom.off)(document, 'mousemove', this.mouseMoveDocumentHandler);
- document.onselectstart = null;
- }
- },
- destroyed: function destroyed() {
- (0, _dom.off)(document, 'mouseup', this.mouseUpDocumentHandler);
- }
- };
- /***/ }),
- /* 344 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- exports.renderThumbStyle = renderThumbStyle;
- var BAR_MAP = exports.BAR_MAP = {
- vertical: {
- offset: 'offsetHeight',
- scroll: 'scrollTop',
- scrollSize: 'scrollHeight',
- size: 'height',
- key: 'vertical',
- axis: 'Y',
- client: 'clientY',
- direction: 'top'
- },
- horizontal: {
- offset: 'offsetWidth',
- scroll: 'scrollLeft',
- scrollSize: 'scrollWidth',
- size: 'width',
- key: 'horizontal',
- axis: 'X',
- client: 'clientX',
- direction: 'left'
- }
- };
- function renderThumbStyle(_ref) {
- var move = _ref.move,
- size = _ref.size,
- bar = _ref.bar;
- var style = {};
- var translate = 'translate' + bar.axis + '(' + move + '%)';
- style[bar.size] = size;
- style.transform = translate;
- style.msTransform = translate;
- style.webkitTransform = translate;
- return style;
- };
- /***/ }),
- /* 345 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _item = __webpack_require__(346);
- var _item2 = _interopRequireDefault(_item);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _item2.default.install = function (Vue) {
- Vue.component(_item2.default.name, _item2.default);
- };
- exports.default = _item2.default;
- /***/ }),
- /* 346 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_item_vue__ = __webpack_require__(347);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_item_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_item_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9808e630_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_item_vue__ = __webpack_require__(348);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_item_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9808e630_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_item_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 347 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var CARD_SCALE = 0.83;
- exports.default = {
- name: 'ElCarouselItem',
- props: {
- name: String,
- label: {
- type: [String, Number],
- default: ''
- }
- },
- data: function data() {
- return {
- hover: false,
- translate: 0,
- scale: 1,
- active: false,
- ready: false,
- inStage: false,
- animating: false
- };
- },
- methods: {
- processIndex: function processIndex(index, activeIndex, length) {
- if (activeIndex === 0 && index === length - 1) {
- return -1;
- } else if (activeIndex === length - 1 && index === 0) {
- return length;
- } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {
- return length + 1;
- } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {
- return -2;
- }
- return index;
- },
- calculateTranslate: function calculateTranslate(index, activeIndex, parentWidth) {
- if (this.inStage) {
- return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
- } else if (index < activeIndex) {
- return -(1 + CARD_SCALE) * parentWidth / 4;
- } else {
- return (3 + CARD_SCALE) * parentWidth / 4;
- }
- },
- translateItem: function translateItem(index, activeIndex, oldIndex) {
- var parentWidth = this.$parent.$el.offsetWidth;
- var length = this.$parent.items.length;
- if (this.$parent.type !== 'card' && oldIndex !== undefined) {
- this.animating = index === activeIndex || index === oldIndex;
- }
- if (index !== activeIndex && length > 2) {
- index = this.processIndex(index, activeIndex, length);
- }
- if (this.$parent.type === 'card') {
- this.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
- this.active = index === activeIndex;
- this.translate = this.calculateTranslate(index, activeIndex, parentWidth);
- this.scale = this.active ? 1 : CARD_SCALE;
- } else {
- this.active = index === activeIndex;
- this.translate = parentWidth * (index - activeIndex);
- }
- this.ready = true;
- },
- handleItemClick: function handleItemClick() {
- var parent = this.$parent;
- if (parent && parent.type === 'card') {
- var index = parent.items.indexOf(this);
- parent.setActiveItem(index);
- }
- }
- },
- created: function created() {
- this.$parent && this.$parent.updateItems();
- },
- destroyed: function destroyed() {
- this.$parent && this.$parent.updateItems();
- }
- };
- /***/ }),
- /* 348 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.ready),expression:"ready"}],staticClass:"el-carousel__item",class:{
- 'is-active': _vm.active,
- 'el-carousel__item--card': _vm.$parent.type === 'card',
- 'is-in-stage': _vm.inStage,
- 'is-hover': _vm.hover,
- 'is-animating': _vm.animating
- },style:({
- msTransform: ("translateX(" + _vm.translate + "px) scale(" + _vm.scale + ")"),
- webkitTransform: ("translateX(" + _vm.translate + "px) scale(" + _vm.scale + ")"),
- transform: ("translateX(" + _vm.translate + "px) scale(" + _vm.scale + ")")
- }),on:{"click":_vm.handleItemClick}},[(_vm.$parent.type === 'card')?_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.active),expression:"!active"}],staticClass:"el-carousel__mask"}):_vm._e(),_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 349 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _collapse = __webpack_require__(350);
- var _collapse2 = _interopRequireDefault(_collapse);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _collapse2.default.install = function (Vue) {
- Vue.component(_collapse2.default.name, _collapse2.default);
- };
- exports.default = _collapse2.default;
- /***/ }),
- /* 350 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_collapse_vue__ = __webpack_require__(351);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_collapse_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_collapse_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_18313355_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_collapse_vue__ = __webpack_require__(352);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_collapse_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_18313355_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_collapse_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 351 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElCollapse',
- componentName: 'ElCollapse',
- props: {
- accordion: Boolean,
- value: {
- type: [Array, String, Number],
- default: function _default() {
- return [];
- }
- }
- },
- data: function data() {
- return {
- activeNames: [].concat(this.value)
- };
- },
- provide: function provide() {
- return {
- collapse: this
- };
- },
- watch: {
- value: function value(_value) {
- this.activeNames = [].concat(_value);
- }
- },
- methods: {
- setActiveNames: function setActiveNames(activeNames) {
- activeNames = [].concat(activeNames);
- var value = this.accordion ? activeNames[0] : activeNames;
- this.activeNames = activeNames;
- this.$emit('input', value);
- this.$emit('change', value);
- },
- handleItemClick: function handleItemClick(item) {
- if (this.accordion) {
- this.setActiveNames((this.activeNames[0] || this.activeNames[0] === 0) && this.activeNames[0] === item.name ? '' : item.name);
- } else {
- var activeNames = this.activeNames.slice(0);
- var index = activeNames.indexOf(item.name);
- if (index > -1) {
- activeNames.splice(index, 1);
- } else {
- activeNames.push(item.name);
- }
- this.setActiveNames(activeNames);
- }
- }
- },
- created: function created() {
- this.$on('item-click', this.handleItemClick);
- }
- };
- /***/ }),
- /* 352 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-collapse",attrs:{"role":"tablist","aria-multiselectable":"true"}},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 353 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _collapseItem = __webpack_require__(354);
- var _collapseItem2 = _interopRequireDefault(_collapseItem);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _collapseItem2.default.install = function (Vue) {
- Vue.component(_collapseItem2.default.name, _collapseItem2.default);
- };
- exports.default = _collapseItem2.default;
- /***/ }),
- /* 354 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_collapse_item_vue__ = __webpack_require__(355);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_collapse_item_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_collapse_item_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_25c1468a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_collapse_item_vue__ = __webpack_require__(356);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_collapse_item_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_25c1468a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_collapse_item_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 355 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _collapseTransition = __webpack_require__(20);
- var _collapseTransition2 = _interopRequireDefault(_collapseTransition);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _util = __webpack_require__(4);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElCollapseItem',
- componentName: 'ElCollapseItem',
- mixins: [_emitter2.default],
- components: { ElCollapseTransition: _collapseTransition2.default },
- data: function data() {
- return {
- contentWrapStyle: {
- height: 'auto',
- display: 'block'
- },
- contentHeight: 0,
- focusing: false,
- isClick: false
- };
- },
- inject: ['collapse'],
- props: {
- title: String,
- name: {
- type: [String, Number],
- default: function _default() {
- return this._uid;
- }
- }
- },
- computed: {
- isActive: function isActive() {
- return this.collapse.activeNames.indexOf(this.name) > -1;
- },
- id: function id() {
- return (0, _util.generateId)();
- }
- },
- methods: {
- handleFocus: function handleFocus() {
- var _this = this;
- setTimeout(function () {
- if (!_this.isClick) {
- _this.focusing = true;
- } else {
- _this.isClick = false;
- }
- }, 50);
- },
- handleHeaderClick: function handleHeaderClick() {
- this.dispatch('ElCollapse', 'item-click', this);
- this.focusing = false;
- this.isClick = true;
- },
- handleEnterClick: function handleEnterClick() {
- this.dispatch('ElCollapse', 'item-click', this);
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 356 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-collapse-item",class:{'is-active': _vm.isActive}},[_c('div',{attrs:{"role":"tab","aria-expanded":_vm.isActive,"aria-controls":("el-collapse-content-" + _vm.id),"aria-describedby":("el-collapse-content-" + _vm.id)}},[_c('div',{staticClass:"el-collapse-item__header",class:{
- 'focusing': _vm.focusing,
- 'is-active': _vm.isActive
- },attrs:{"role":"button","id":("el-collapse-head-" + _vm.id),"tabindex":"0"},on:{"click":_vm.handleHeaderClick,"keyup":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"space",32,$event.key)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }$event.stopPropagation();_vm.handleEnterClick($event)},"focus":_vm.handleFocus,"blur":function($event){_vm.focusing = false}}},[_c('i',{staticClass:"el-collapse-item__arrow el-icon-arrow-right",class:{'is-active': _vm.isActive}}),_vm._t("title",[_vm._v(_vm._s(_vm.title))])],2)]),_c('el-collapse-transition',[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"}],staticClass:"el-collapse-item__wrap",attrs:{"role":"tabpanel","aria-hidden":!_vm.isActive,"aria-labelledby":("el-collapse-head-" + _vm.id),"id":("el-collapse-content-" + _vm.id)}},[_c('div',{staticClass:"el-collapse-item__content"},[_vm._t("default")],2)])])],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 357 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(358);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 358 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(359);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6aff0320_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(362);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6aff0320_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 359 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _vue = __webpack_require__(5);
- var _vue2 = _interopRequireDefault(_vue);
- var _menu = __webpack_require__(360);
- var _menu2 = _interopRequireDefault(_menu);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- var _clickoutside = __webpack_require__(9);
- var _clickoutside2 = _interopRequireDefault(_clickoutside);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _locale3 = __webpack_require__(16);
- var _debounce = __webpack_require__(13);
- var _debounce2 = _interopRequireDefault(_debounce);
- var _util = __webpack_require__(4);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var popperMixin = {
- props: {
- placement: {
- type: String,
- default: 'bottom-start'
- },
- appendToBody: _vuePopper2.default.props.appendToBody,
- arrowOffset: _vuePopper2.default.props.arrowOffset,
- offset: _vuePopper2.default.props.offset,
- boundariesPadding: _vuePopper2.default.props.boundariesPadding,
- popperOptions: _vuePopper2.default.props.popperOptions
- },
- methods: _vuePopper2.default.methods,
- data: _vuePopper2.default.data,
- beforeDestroy: _vuePopper2.default.beforeDestroy
- };
- exports.default = {
- name: 'ElCascader',
- directives: { Clickoutside: _clickoutside2.default },
- mixins: [popperMixin, _emitter2.default, _locale2.default],
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- components: {
- ElInput: _input2.default
- },
- props: {
- options: {
- type: Array,
- required: true
- },
- props: {
- type: Object,
- default: function _default() {
- return {
- children: 'children',
- label: 'label',
- value: 'value',
- disabled: 'disabled'
- };
- }
- },
- value: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- separator: {
- type: String,
- default: '/'
- },
- placeholder: {
- type: String,
- default: function _default() {
- return (0, _locale3.t)('el.cascader.placeholder');
- }
- },
- disabled: Boolean,
- clearable: {
- type: Boolean,
- default: false
- },
- changeOnSelect: Boolean,
- popperClass: String,
- expandTrigger: {
- type: String,
- default: 'click'
- },
- filterable: Boolean,
- size: String,
- showAllLevels: {
- type: Boolean,
- default: true
- },
- debounce: {
- type: Number,
- default: 300
- },
- beforeFilter: {
- type: Function,
- default: function _default() {
- return function () {};
- }
- },
- hoverThreshold: {
- type: Number,
- default: 500
- }
- },
- data: function data() {
- return {
- currentValue: this.value || [],
- menu: null,
- debouncedInputChange: function debouncedInputChange() {},
- menuVisible: false,
- inputHover: false,
- inputValue: '',
- flatOptions: null
- };
- },
- computed: {
- labelKey: function labelKey() {
- return this.props.label || 'label';
- },
- valueKey: function valueKey() {
- return this.props.value || 'value';
- },
- childrenKey: function childrenKey() {
- return this.props.children || 'children';
- },
- currentLabels: function currentLabels() {
- var _this = this;
- var options = this.options;
- var labels = [];
- this.currentValue.forEach(function (value) {
- var targetOption = options && options.filter(function (option) {
- return option[_this.valueKey] === value;
- })[0];
- if (targetOption) {
- labels.push(targetOption[_this.labelKey]);
- options = targetOption[_this.childrenKey];
- }
- });
- return labels;
- },
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- cascaderSize: function cascaderSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- cascaderDisabled: function cascaderDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- },
- id: function id() {
- return (0, _util.generateId)();
- }
- },
- watch: {
- menuVisible: function menuVisible(value) {
- this.$refs.input.$refs.input.setAttribute('aria-expanded', value);
- value ? this.showMenu() : this.hideMenu();
- },
- value: function value(_value) {
- this.currentValue = _value;
- },
- currentValue: function currentValue(value) {
- this.dispatch('ElFormItem', 'el.form.change', [value]);
- },
- currentLabels: function currentLabels(value) {
- var inputLabel = this.showAllLevels ? value.join('/') : value[value.length - 1];
- this.$refs.input.$refs.input.setAttribute('value', inputLabel);
- },
- options: {
- deep: true,
- handler: function handler(value) {
- if (!this.menu) {
- this.initMenu();
- }
- this.flatOptions = this.flattenOptions(this.options);
- this.menu.options = value;
- }
- }
- },
- methods: {
- initMenu: function initMenu() {
- this.menu = new _vue2.default(_menu2.default).$mount();
- this.menu.options = this.options;
- this.menu.props = this.props;
- this.menu.expandTrigger = this.expandTrigger;
- this.menu.changeOnSelect = this.changeOnSelect;
- this.menu.popperClass = this.popperClass;
- this.menu.hoverThreshold = this.hoverThreshold;
- this.popperElm = this.menu.$el;
- this.menu.$refs.menus[0].setAttribute('id', 'cascader-menu-' + this.id);
- this.menu.$on('pick', this.handlePick);
- this.menu.$on('activeItemChange', this.handleActiveItemChange);
- this.menu.$on('menuLeave', this.doDestroy);
- this.menu.$on('closeInside', this.handleClickoutside);
- },
- showMenu: function showMenu() {
- var _this2 = this;
- if (!this.menu) {
- this.initMenu();
- }
- this.menu.value = this.currentValue.slice(0);
- this.menu.visible = true;
- this.menu.options = this.options;
- this.$nextTick(function (_) {
- _this2.updatePopper();
- _this2.menu.inputWidth = _this2.$refs.input.$el.offsetWidth - 2;
- });
- },
- hideMenu: function hideMenu() {
- this.inputValue = '';
- this.menu.visible = false;
- this.$refs.input.focus();
- },
- handleActiveItemChange: function handleActiveItemChange(value) {
- var _this3 = this;
- this.$nextTick(function (_) {
- _this3.updatePopper();
- });
- this.$emit('active-item-change', value);
- },
- handleKeydown: function handleKeydown(e) {
- var _this4 = this;
- var keyCode = e.keyCode;
- if (keyCode === 13) {
- this.handleClick();
- } else if (keyCode === 40) {
- // down
- this.menuVisible = true; // 打开
- setTimeout(function () {
- var firstMenu = _this4.popperElm.querySelectorAll('.el-cascader-menu')[0];
- firstMenu.querySelectorAll("[tabindex='-1']")[0].focus();
- });
- e.stopPropagation();
- e.preventDefault();
- } else if (keyCode === 27 || keyCode === 9) {
- // esc tab
- this.inputValue = '';
- if (this.menu) this.menu.visible = false;
- }
- },
- handlePick: function handlePick(value) {
- var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
- this.currentValue = value;
- this.$emit('input', value);
- this.$emit('change', value);
- if (close) {
- this.menuVisible = false;
- } else {
- this.$nextTick(this.updatePopper);
- }
- },
- handleInputChange: function handleInputChange(value) {
- var _this5 = this;
- if (!this.menuVisible) return;
- var flatOptions = this.flatOptions;
- if (!value) {
- this.menu.options = this.options;
- this.$nextTick(this.updatePopper);
- return;
- }
- var filteredFlatOptions = flatOptions.filter(function (optionsStack) {
- return optionsStack.some(function (option) {
- return new RegExp(value, 'i').test(option[_this5.labelKey]);
- });
- });
- if (filteredFlatOptions.length > 0) {
- filteredFlatOptions = filteredFlatOptions.map(function (optionStack) {
- return {
- __IS__FLAT__OPTIONS: true,
- value: optionStack.map(function (item) {
- return item[_this5.valueKey];
- }),
- label: _this5.renderFilteredOptionLabel(value, optionStack)
- };
- });
- } else {
- filteredFlatOptions = [{
- __IS__FLAT__OPTIONS: true,
- label: this.t('el.cascader.noMatch'),
- value: '',
- disabled: true
- }];
- }
- this.menu.options = filteredFlatOptions;
- this.$nextTick(this.updatePopper);
- },
- renderFilteredOptionLabel: function renderFilteredOptionLabel(inputValue, optionsStack) {
- var _this6 = this;
- return optionsStack.map(function (option, index) {
- var label = option[_this6.labelKey];
- var keywordIndex = label.toLowerCase().indexOf(inputValue.toLowerCase());
- var labelPart = label.slice(keywordIndex, inputValue.length + keywordIndex);
- var node = keywordIndex > -1 ? _this6.highlightKeyword(label, labelPart) : label;
- return index === 0 ? node : [' / ', node];
- });
- },
- highlightKeyword: function highlightKeyword(label, keyword) {
- var _this7 = this;
- var h = this._c;
- return label.split(keyword).map(function (node, index) {
- return index === 0 ? node : [h('span', { class: { 'el-cascader-menu__item__keyword': true } }, [_this7._v(keyword)]), node];
- });
- },
- flattenOptions: function flattenOptions(options) {
- var _this8 = this;
- var ancestor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
- var flatOptions = [];
- options.forEach(function (option) {
- var optionsStack = ancestor.concat(option);
- if (!option[_this8.childrenKey]) {
- flatOptions.push(optionsStack);
- } else {
- if (_this8.changeOnSelect) {
- flatOptions.push(optionsStack);
- }
- flatOptions = flatOptions.concat(_this8.flattenOptions(option[_this8.childrenKey], optionsStack));
- }
- });
- return flatOptions;
- },
- clearValue: function clearValue(ev) {
- ev.stopPropagation();
- this.handlePick([], true);
- },
- handleClickoutside: function handleClickoutside() {
- this.menuVisible = false;
- },
- handleClick: function handleClick() {
- if (this.cascaderDisabled) return;
- this.$refs.input.focus();
- if (this.filterable) {
- this.menuVisible = true;
- return;
- }
- this.menuVisible = !this.menuVisible;
- },
- handleFocus: function handleFocus(event) {
- this.$emit('focus', event);
- },
- handleBlur: function handleBlur(event) {
- this.$emit('blur', event);
- }
- },
- created: function created() {
- var _this9 = this;
- this.debouncedInputChange = (0, _debounce2.default)(this.debounce, function (value) {
- var before = _this9.beforeFilter(value);
- if (before && before.then) {
- _this9.menu.options = [{
- __IS__FLAT__OPTIONS: true,
- label: _this9.t('el.cascader.loading'),
- value: '',
- disabled: true
- }];
- before.then(function () {
- _this9.$nextTick(function () {
- _this9.handleInputChange(value);
- });
- });
- } else if (before !== false) {
- _this9.$nextTick(function () {
- _this9.handleInputChange(value);
- });
- }
- });
- },
- mounted: function mounted() {
- this.flatOptions = this.flattenOptions(this.options);
- }
- };
- /***/ }),
- /* 360 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_vue__ = __webpack_require__(361);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_vue__);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- var __vue_template__ = null
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_menu_vue___default.a,
- __vue_template__,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 361 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _babelHelperVueJsxMergeProps = __webpack_require__(43);
- var _babelHelperVueJsxMergeProps2 = _interopRequireDefault(_babelHelperVueJsxMergeProps);
- var _shared = __webpack_require__(24);
- var _scrollIntoView = __webpack_require__(26);
- var _scrollIntoView2 = _interopRequireDefault(_scrollIntoView);
- var _util = __webpack_require__(4);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- var copyArray = function copyArray(arr, props) {
- if (!arr || !Array.isArray(arr) || !props) return arr;
- var result = [];
- var configurableProps = ['__IS__FLAT__OPTIONS', 'label', 'value', 'disabled'];
- var childrenProp = props.children || 'children';
- arr.forEach(function (item) {
- var itemCopy = {};
- configurableProps.forEach(function (prop) {
- var name = props[prop];
- var value = item[name];
- if (value === undefined) {
- name = prop;
- value = item[name];
- }
- if (value !== undefined) itemCopy[name] = value;
- });
- if (Array.isArray(item[childrenProp])) {
- itemCopy[childrenProp] = copyArray(item[childrenProp], props);
- }
- result.push(itemCopy);
- });
- return result;
- };
- exports.default = {
- name: 'ElCascaderMenu',
- data: function data() {
- return {
- inputWidth: 0,
- options: [],
- props: {},
- visible: false,
- activeValue: [],
- value: [],
- expandTrigger: 'click',
- changeOnSelect: false,
- popperClass: '',
- hoverTimer: 0,
- clicking: false
- };
- },
- watch: {
- visible: function visible(value) {
- if (value) {
- this.activeValue = this.value;
- }
- },
- value: {
- immediate: true,
- handler: function handler(value) {
- this.activeValue = value;
- }
- }
- },
- computed: {
- activeOptions: {
- cache: false,
- get: function get() {
- var _this = this;
- var activeValue = this.activeValue;
- var configurableProps = ['label', 'value', 'children', 'disabled'];
- var formatOptions = function formatOptions(options) {
- options.forEach(function (option) {
- if (option.__IS__FLAT__OPTIONS) return;
- configurableProps.forEach(function (prop) {
- var value = option[_this.props[prop] || prop];
- if (value !== undefined) option[prop] = value;
- });
- if (Array.isArray(option.children)) {
- formatOptions(option.children);
- }
- });
- };
- var loadActiveOptions = function loadActiveOptions(options) {
- var activeOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
- var level = activeOptions.length;
- activeOptions[level] = options;
- var active = activeValue[level];
- if ((0, _shared.isDef)(active)) {
- options = options.filter(function (option) {
- return option.value === active;
- })[0];
- if (options && options.children) {
- loadActiveOptions(options.children, activeOptions);
- }
- }
- return activeOptions;
- };
- var optionsCopy = copyArray(this.options, this.props);
- formatOptions(optionsCopy);
- return loadActiveOptions(optionsCopy);
- }
- },
- id: function id() {
- return (0, _util.generateId)();
- }
- },
- methods: {
- select: function select(item, menuIndex) {
- if (item.__IS__FLAT__OPTIONS) {
- this.activeValue = item.value;
- } else if (menuIndex) {
- this.activeValue.splice(menuIndex, this.activeValue.length - 1, item.value);
- } else {
- this.activeValue = [item.value];
- }
- this.$emit('pick', this.activeValue.slice());
- },
- handleMenuLeave: function handleMenuLeave() {
- this.$emit('menuLeave');
- },
- activeItem: function activeItem(item, menuIndex) {
- var len = this.activeOptions.length;
- this.activeValue.splice(menuIndex, len, item.value);
- this.activeOptions.splice(menuIndex + 1, len, item.children);
- if (this.changeOnSelect) {
- this.$emit('pick', this.activeValue.slice(), false);
- } else {
- this.$emit('activeItemChange', this.activeValue);
- }
- },
- scrollMenu: function scrollMenu(menu) {
- (0, _scrollIntoView2.default)(menu, menu.getElementsByClassName('is-active')[0]);
- },
- handleMenuEnter: function handleMenuEnter() {
- var _this2 = this;
- this.$nextTick(function () {
- return _this2.$refs.menus.forEach(function (menu) {
- return _this2.scrollMenu(menu);
- });
- });
- }
- },
- render: function render(h) {
- var _this3 = this;
- var activeValue = this.activeValue,
- activeOptions = this.activeOptions,
- visible = this.visible,
- expandTrigger = this.expandTrigger,
- popperClass = this.popperClass,
- hoverThreshold = this.hoverThreshold;
- var itemId = null;
- var itemIndex = 0;
- var hoverMenuRefs = {};
- var hoverMenuHandler = function hoverMenuHandler(e) {
- var activeMenu = hoverMenuRefs.activeMenu;
- if (!activeMenu) return;
- var offsetX = e.offsetX;
- var width = activeMenu.offsetWidth;
- var height = activeMenu.offsetHeight;
- if (e.target === hoverMenuRefs.activeItem) {
- clearTimeout(_this3.hoverTimer);
- var _hoverMenuRefs = hoverMenuRefs,
- activeItem = _hoverMenuRefs.activeItem;
- var offsetY_top = activeItem.offsetTop;
- var offsetY_Bottom = offsetY_top + activeItem.offsetHeight;
- hoverMenuRefs.hoverZone.innerHTML = '\n <path style="pointer-events: auto;" fill="transparent" d="M' + offsetX + ' ' + offsetY_top + ' L' + width + ' 0 V' + offsetY_top + ' Z" />\n <path style="pointer-events: auto;" fill="transparent" d="M' + offsetX + ' ' + offsetY_Bottom + ' L' + width + ' ' + height + ' V' + offsetY_Bottom + ' Z" />\n ';
- } else {
- if (!_this3.hoverTimer) {
- _this3.hoverTimer = setTimeout(function () {
- hoverMenuRefs.hoverZone.innerHTML = '';
- }, hoverThreshold);
- }
- }
- };
- var menus = this._l(activeOptions, function (menu, menuIndex) {
- var isFlat = false;
- var menuId = 'menu-' + _this3.id + '-' + menuIndex;
- var ownsId = 'menu-' + _this3.id + '-' + (menuIndex + 1);
- var items = _this3._l(menu, function (item) {
- var events = {
- on: {}
- };
- if (item.__IS__FLAT__OPTIONS) isFlat = true;
- if (!item.disabled) {
- // keydown up/down/left/right/enter
- events.on.keydown = function (ev) {
- var keyCode = ev.keyCode;
- if ([37, 38, 39, 40, 13, 9, 27].indexOf(keyCode) < 0) {
- return;
- }
- var currentEle = ev.target;
- var parentEle = _this3.$refs.menus[menuIndex];
- var menuItemList = parentEle.querySelectorAll("[tabindex='-1']");
- var currentIndex = Array.prototype.indexOf.call(menuItemList, currentEle); // 当前索引
- var nextIndex = void 0,
- nextMenu = void 0;
- if ([38, 40].indexOf(keyCode) > -1) {
- if (keyCode === 38) {
- // up键
- nextIndex = currentIndex !== 0 ? currentIndex - 1 : currentIndex;
- } else if (keyCode === 40) {
- // down
- nextIndex = currentIndex !== menuItemList.length - 1 ? currentIndex + 1 : currentIndex;
- }
- menuItemList[nextIndex].focus();
- } else if (keyCode === 37) {
- // left键
- if (menuIndex !== 0) {
- var previousMenu = _this3.$refs.menus[menuIndex - 1];
- previousMenu.querySelector('[aria-expanded=true]').focus();
- }
- } else if (keyCode === 39) {
- // right
- if (item.children) {
- // 有子menu 选择子menu的第一个menuitem
- nextMenu = _this3.$refs.menus[menuIndex + 1];
- nextMenu.querySelectorAll("[tabindex='-1']")[0].focus();
- }
- } else if (keyCode === 13) {
- if (!item.children) {
- var id = currentEle.getAttribute('id');
- parentEle.setAttribute('aria-activedescendant', id);
- _this3.select(item, menuIndex);
- _this3.$nextTick(function () {
- return _this3.scrollMenu(_this3.$refs.menus[menuIndex]);
- });
- }
- } else if (keyCode === 9 || keyCode === 27) {
- // esc tab
- _this3.$emit('closeInside');
- }
- };
- if (item.children) {
- (function () {
- var triggerEvent = {
- click: 'click',
- hover: 'mouseenter'
- }[expandTrigger];
- var triggerHandler = function triggerHandler() {
- _this3.activeItem(item, menuIndex);
- _this3.$nextTick(function () {
- // adjust self and next level
- _this3.scrollMenu(_this3.$refs.menus[menuIndex]);
- _this3.scrollMenu(_this3.$refs.menus[menuIndex + 1]);
- });
- };
- events.on[triggerEvent] = triggerHandler;
- events.on['mousedown'] = function () {
- _this3.clicking = true;
- };
- events.on['focus'] = function () {
- // focus 选中
- if (_this3.clicking) {
- _this3.clicking = false;
- return;
- }
- triggerHandler();
- };
- })();
- } else {
- events.on.click = function () {
- _this3.select(item, menuIndex);
- _this3.$nextTick(function () {
- return _this3.scrollMenu(_this3.$refs.menus[menuIndex]);
- });
- };
- }
- }
- if (!item.disabled && !item.children) {
- // no children set id
- itemId = menuId + '-' + itemIndex;
- itemIndex++;
- }
- return h(
- 'li',
- (0, _babelHelperVueJsxMergeProps2.default)([{
- 'class': {
- 'el-cascader-menu__item': true,
- 'el-cascader-menu__item--extensible': item.children,
- 'is-active': item.value === activeValue[menuIndex],
- 'is-disabled': item.disabled
- },
- ref: item.value === activeValue[menuIndex] ? 'activeItem' : null
- }, events, {
- attrs: {
- tabindex: item.disabled ? null : -1,
- role: 'menuitem',
- 'aria-haspopup': !!item.children,
- 'aria-expanded': item.value === activeValue[menuIndex],
- id: itemId,
- 'aria-owns': !item.children ? null : ownsId
- }
- }]),
- [item.label]
- );
- });
- var menuStyle = {};
- if (isFlat) {
- menuStyle.minWidth = _this3.inputWidth + 'px';
- }
- var isHoveredMenu = expandTrigger === 'hover' && activeValue.length - 1 === menuIndex;
- var hoverMenuEvent = {
- on: {}
- };
- if (isHoveredMenu) {
- hoverMenuEvent.on.mousemove = hoverMenuHandler;
- menuStyle.position = 'relative';
- }
- return h(
- 'ul',
- (0, _babelHelperVueJsxMergeProps2.default)([{
- 'class': {
- 'el-cascader-menu': true,
- 'el-cascader-menu--flexible': isFlat
- }
- }, hoverMenuEvent, {
- style: menuStyle,
- refInFor: true,
- ref: 'menus',
- attrs: { role: 'menu',
- id: menuId
- }
- }]),
- [items, isHoveredMenu ? h(
- 'svg',
- {
- ref: 'hoverZone',
- style: {
- position: 'absolute',
- top: 0,
- height: '100%',
- width: '100%',
- left: 0,
- pointerEvents: 'none'
- }
- },
- []
- ) : null]
- );
- });
- if (expandTrigger === 'hover') {
- this.$nextTick(function () {
- var activeItem = _this3.$refs.activeItem;
- if (activeItem) {
- var activeMenu = activeItem.parentElement;
- var hoverZone = _this3.$refs.hoverZone;
- hoverMenuRefs = {
- activeMenu: activeMenu,
- activeItem: activeItem,
- hoverZone: hoverZone
- };
- } else {
- hoverMenuRefs = {};
- }
- });
- }
- return h(
- 'transition',
- {
- attrs: { name: 'el-zoom-in-top' },
- on: {
- 'before-enter': this.handleMenuEnter,
- 'after-leave': this.handleMenuLeave
- }
- },
- [h(
- 'div',
- {
- directives: [{
- name: 'show',
- value: visible
- }],
- 'class': ['el-cascader-menus el-popper', popperClass],
- ref: 'wrapper'
- },
- [h(
- 'div',
- {
- attrs: { 'x-arrow': true },
- 'class': 'popper__arrow' },
- []
- ), menus]
- )]
- );
- }
- };
- /***/ }),
- /* 362 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClickoutside),expression:"handleClickoutside"}],ref:"reference",staticClass:"el-cascader",class:[
- {
- 'is-opened': _vm.menuVisible,
- 'is-disabled': _vm.cascaderDisabled
- },
- _vm.cascaderSize ? 'el-cascader--' + _vm.cascaderSize : ''
- ],on:{"click":_vm.handleClick,"mouseenter":function($event){_vm.inputHover = true},"focus":function($event){_vm.inputHover = true},"mouseleave":function($event){_vm.inputHover = false},"blur":function($event){_vm.inputHover = false},"keydown":_vm.handleKeydown}},[_c('el-input',{ref:"input",attrs:{"readonly":!_vm.filterable,"placeholder":_vm.currentLabels.length ? undefined : _vm.placeholder,"validate-event":false,"size":_vm.size,"disabled":_vm.cascaderDisabled},on:{"input":_vm.debouncedInputChange,"focus":_vm.handleFocus,"blur":_vm.handleBlur},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}},[_c('template',{attrs:{"slot":"suffix"},slot:"suffix"},[(_vm.clearable && _vm.inputHover && _vm.currentLabels.length)?_c('i',{key:"1",staticClass:"el-input__icon el-icon-circle-close el-cascader__clearIcon",on:{"click":_vm.clearValue}}):_c('i',{key:"2",staticClass:"el-input__icon el-icon-arrow-down",class:{ 'is-reverse': _vm.menuVisible }})])],2),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.inputValue === ''),expression:"inputValue === ''"}],staticClass:"el-cascader__label"},[(_vm.showAllLevels)?[_vm._l((_vm.currentLabels),function(label,index){return [_vm._v("\n "+_vm._s(label)+"\n "),(index < _vm.currentLabels.length - 1)?_c('span',[_vm._v(" "+_vm._s(_vm.separator)+" ")]):_vm._e()]})]:[_vm._v("\n "+_vm._s(_vm.currentLabels[_vm.currentLabels.length - 1])+"\n ")]],2)],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 363 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(364);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 364 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(365);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ddeee594_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(381);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ddeee594_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 365 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _color = __webpack_require__(45);
- var _color2 = _interopRequireDefault(_color);
- var _pickerDropdown = __webpack_require__(366);
- var _pickerDropdown2 = _interopRequireDefault(_pickerDropdown);
- var _clickoutside = __webpack_require__(9);
- var _clickoutside2 = _interopRequireDefault(_clickoutside);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElColorPicker',
- props: {
- value: String,
- showAlpha: Boolean,
- colorFormat: String,
- disabled: Boolean,
- size: String,
- popperClass: String,
- predefine: Array
- },
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- directives: { Clickoutside: _clickoutside2.default },
- computed: {
- displayedColor: function displayedColor() {
- if (!this.value && !this.showPanelColor) {
- return 'transparent';
- }
- return this.displayedRgb(this.color, this.showAlpha);
- },
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- colorSize: function colorSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- colorDisabled: function colorDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- }
- },
- watch: {
- value: function value(val) {
- if (!val) {
- this.showPanelColor = false;
- } else if (val && val !== this.color.value) {
- this.color.fromString(val);
- }
- },
- color: {
- deep: true,
- handler: function handler() {
- this.showPanelColor = true;
- }
- },
- displayedColor: function displayedColor(val) {
- var currentValueColor = new _color2.default({
- enableAlpha: this.showAlpha,
- format: this.colorFormat
- });
- currentValueColor.fromString(this.value);
- var currentValueColorRgb = this.displayedRgb(currentValueColor, this.showAlpha);
- if (val !== currentValueColorRgb) {
- this.$emit('active-change', val);
- }
- }
- },
- methods: {
- handleTrigger: function handleTrigger() {
- if (this.colorDisabled) return;
- this.showPicker = !this.showPicker;
- },
- confirmValue: function confirmValue(value) {
- this.$emit('input', this.color.value);
- this.$emit('change', this.color.value);
- this.showPicker = false;
- },
- clearValue: function clearValue() {
- this.$emit('input', null);
- this.$emit('change', null);
- this.showPanelColor = false;
- this.showPicker = false;
- this.resetColor();
- },
- hide: function hide() {
- this.showPicker = false;
- this.resetColor();
- },
- resetColor: function resetColor() {
- var _this = this;
- this.$nextTick(function (_) {
- if (_this.value) {
- _this.color.fromString(_this.value);
- } else {
- _this.showPanelColor = false;
- }
- });
- },
- displayedRgb: function displayedRgb(color, showAlpha) {
- if (!(color instanceof _color2.default)) {
- throw Error('color should be instance of Color Class');
- }
- var _color$toRgb = color.toRgb(),
- r = _color$toRgb.r,
- g = _color$toRgb.g,
- b = _color$toRgb.b;
- return showAlpha ? 'rgba(' + r + ', ' + g + ', ' + b + ', ' + color.get('alpha') / 100 + ')' : 'rgb(' + r + ', ' + g + ', ' + b + ')';
- }
- },
- mounted: function mounted() {
- var value = this.value;
- if (value) {
- this.color.fromString(value);
- }
- this.popperElm = this.$refs.dropdown.$el;
- },
- data: function data() {
- var color = new _color2.default({
- enableAlpha: this.showAlpha,
- format: this.colorFormat
- });
- return {
- color: color,
- showPicker: false,
- showPanelColor: false
- };
- },
- components: {
- PickerDropdown: _pickerDropdown2.default
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 366 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_picker_dropdown_vue__ = __webpack_require__(367);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_picker_dropdown_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_picker_dropdown_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ba5ff98_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_picker_dropdown_vue__ = __webpack_require__(380);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_picker_dropdown_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5ba5ff98_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_picker_dropdown_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 367 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _svPanel = __webpack_require__(368);
- var _svPanel2 = _interopRequireDefault(_svPanel);
- var _hueSlider = __webpack_require__(371);
- var _hueSlider2 = _interopRequireDefault(_hueSlider);
- var _alphaSlider = __webpack_require__(374);
- var _alphaSlider2 = _interopRequireDefault(_alphaSlider);
- var _predefine = __webpack_require__(377);
- var _predefine2 = _interopRequireDefault(_predefine);
- var _vuePopper = __webpack_require__(8);
- var _vuePopper2 = _interopRequireDefault(_vuePopper);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _button = __webpack_require__(15);
- var _button2 = _interopRequireDefault(_button);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'el-color-picker-dropdown',
- mixins: [_vuePopper2.default, _locale2.default],
- components: {
- SvPanel: _svPanel2.default,
- HueSlider: _hueSlider2.default,
- AlphaSlider: _alphaSlider2.default,
- ElInput: _input2.default,
- ElButton: _button2.default,
- Predefine: _predefine2.default
- },
- props: {
- color: {
- required: true
- },
- showAlpha: Boolean,
- predefine: Array
- },
- data: function data() {
- return {
- customInput: ''
- };
- },
- computed: {
- currentColor: function currentColor() {
- var parent = this.$parent;
- return !parent.value && !parent.showPanelColor ? '' : parent.color.value;
- }
- },
- methods: {
- confirmValue: function confirmValue() {
- this.$emit('pick');
- },
- handleConfirm: function handleConfirm() {
- this.color.fromString(this.customInput);
- }
- },
- mounted: function mounted() {
- this.$parent.popperElm = this.popperElm = this.$el;
- this.referenceElm = this.$parent.$el;
- },
- watch: {
- showPopper: function showPopper(val) {
- var _this = this;
- if (val === true) {
- this.$nextTick(function () {
- var _$refs = _this.$refs,
- sl = _$refs.sl,
- hue = _$refs.hue,
- alpha = _$refs.alpha;
- sl && sl.update();
- hue && hue.update();
- alpha && alpha.update();
- });
- }
- },
- currentColor: function currentColor(val) {
- this.customInput = val;
- }
- }
- };
- /***/ }),
- /* 368 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_sv_panel_vue__ = __webpack_require__(369);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_sv_panel_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_sv_panel_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3efd9e06_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_sv_panel_vue__ = __webpack_require__(370);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_sv_panel_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3efd9e06_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_sv_panel_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 369 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _draggable = __webpack_require__(30);
- var _draggable2 = _interopRequireDefault(_draggable);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'el-sl-panel',
- props: {
- color: {
- required: true
- }
- },
- computed: {
- colorValue: function colorValue() {
- var hue = this.color.get('hue');
- var value = this.color.get('value');
- return { hue: hue, value: value };
- }
- },
- watch: {
- colorValue: function colorValue() {
- this.update();
- }
- },
- methods: {
- update: function update() {
- var saturation = this.color.get('saturation');
- var value = this.color.get('value');
- var el = this.$el;
- var _el$getBoundingClient = el.getBoundingClientRect(),
- width = _el$getBoundingClient.width,
- height = _el$getBoundingClient.height;
- if (!height) height = width * 3 / 4;
- this.cursorLeft = saturation * width / 100;
- this.cursorTop = (100 - value) * height / 100;
- this.background = 'hsl(' + this.color.get('hue') + ', 100%, 50%)';
- },
- handleDrag: function handleDrag(event) {
- var el = this.$el;
- var rect = el.getBoundingClientRect();
- var left = event.clientX - rect.left;
- var top = event.clientY - rect.top;
- left = Math.max(0, left);
- left = Math.min(left, rect.width);
- top = Math.max(0, top);
- top = Math.min(top, rect.height);
- this.cursorLeft = left;
- this.cursorTop = top;
- this.color.set({
- saturation: left / rect.width * 100,
- value: 100 - top / rect.height * 100
- });
- }
- },
- mounted: function mounted() {
- var _this = this;
- (0, _draggable2.default)(this.$el, {
- drag: function drag(event) {
- _this.handleDrag(event);
- },
- end: function end(event) {
- _this.handleDrag(event);
- }
- });
- this.update();
- },
- data: function data() {
- return {
- cursorTop: 0,
- cursorLeft: 0,
- background: 'hsl(0, 100%, 50%)'
- };
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 370 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-color-svpanel",style:({
- backgroundColor: _vm.background
- })},[_c('div',{staticClass:"el-color-svpanel__white"}),_c('div',{staticClass:"el-color-svpanel__black"}),_c('div',{staticClass:"el-color-svpanel__cursor",style:({
- top: _vm.cursorTop + 'px',
- left: _vm.cursorLeft + 'px'
- })},[_c('div')])])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 371 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_hue_slider_vue__ = __webpack_require__(372);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_hue_slider_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_hue_slider_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3709e77c_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_hue_slider_vue__ = __webpack_require__(373);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_hue_slider_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3709e77c_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_hue_slider_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 372 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _draggable = __webpack_require__(30);
- var _draggable2 = _interopRequireDefault(_draggable);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'el-color-hue-slider',
- props: {
- color: {
- required: true
- },
- vertical: Boolean
- },
- data: function data() {
- return {
- thumbLeft: 0,
- thumbTop: 0
- };
- },
- computed: {
- hueValue: function hueValue() {
- var hue = this.color.get('hue');
- return hue;
- }
- },
- watch: {
- hueValue: function hueValue() {
- this.update();
- }
- },
- methods: {
- handleClick: function handleClick(event) {
- var thumb = this.$refs.thumb;
- var target = event.target;
- if (target !== thumb) {
- this.handleDrag(event);
- }
- },
- handleDrag: function handleDrag(event) {
- var rect = this.$el.getBoundingClientRect();
- var thumb = this.$refs.thumb;
- var hue = void 0;
- if (!this.vertical) {
- var left = event.clientX - rect.left;
- left = Math.min(left, rect.width - thumb.offsetWidth / 2);
- left = Math.max(thumb.offsetWidth / 2, left);
- hue = Math.round((left - thumb.offsetWidth / 2) / (rect.width - thumb.offsetWidth) * 360);
- } else {
- var top = event.clientY - rect.top;
- top = Math.min(top, rect.height - thumb.offsetHeight / 2);
- top = Math.max(thumb.offsetHeight / 2, top);
- hue = Math.round((top - thumb.offsetHeight / 2) / (rect.height - thumb.offsetHeight) * 360);
- }
- this.color.set('hue', hue);
- },
- getThumbLeft: function getThumbLeft() {
- if (this.vertical) return 0;
- var el = this.$el;
- var hue = this.color.get('hue');
- if (!el) return 0;
- var thumb = this.$refs.thumb;
- return Math.round(hue * (el.offsetWidth - thumb.offsetWidth / 2) / 360);
- },
- getThumbTop: function getThumbTop() {
- if (!this.vertical) return 0;
- var el = this.$el;
- var hue = this.color.get('hue');
- if (!el) return 0;
- var thumb = this.$refs.thumb;
- return Math.round(hue * (el.offsetHeight - thumb.offsetHeight / 2) / 360);
- },
- update: function update() {
- this.thumbLeft = this.getThumbLeft();
- this.thumbTop = this.getThumbTop();
- }
- },
- mounted: function mounted() {
- var _this = this;
- var _$refs = this.$refs,
- bar = _$refs.bar,
- thumb = _$refs.thumb;
- var dragConfig = {
- drag: function drag(event) {
- _this.handleDrag(event);
- },
- end: function end(event) {
- _this.handleDrag(event);
- }
- };
- (0, _draggable2.default)(bar, dragConfig);
- (0, _draggable2.default)(thumb, dragConfig);
- this.update();
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 373 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-color-hue-slider",class:{ 'is-vertical': _vm.vertical }},[_c('div',{ref:"bar",staticClass:"el-color-hue-slider__bar",on:{"click":_vm.handleClick}}),_c('div',{ref:"thumb",staticClass:"el-color-hue-slider__thumb",style:({
- left: _vm.thumbLeft + 'px',
- top: _vm.thumbTop + 'px'
- })})])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 374 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_alpha_slider_vue__ = __webpack_require__(375);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_alpha_slider_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_alpha_slider_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_219b4f1c_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_alpha_slider_vue__ = __webpack_require__(376);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_alpha_slider_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_219b4f1c_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_alpha_slider_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 375 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _draggable = __webpack_require__(30);
- var _draggable2 = _interopRequireDefault(_draggable);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'el-color-alpha-slider',
- props: {
- color: {
- required: true
- },
- vertical: Boolean
- },
- watch: {
- 'color._alpha': function color_alpha() {
- this.update();
- },
- 'color.value': function colorValue() {
- this.update();
- }
- },
- methods: {
- handleClick: function handleClick(event) {
- var thumb = this.$refs.thumb;
- var target = event.target;
- if (target !== thumb) {
- this.handleDrag(event);
- }
- },
- handleDrag: function handleDrag(event) {
- var rect = this.$el.getBoundingClientRect();
- var thumb = this.$refs.thumb;
- if (!this.vertical) {
- var left = event.clientX - rect.left;
- left = Math.max(thumb.offsetWidth / 2, left);
- left = Math.min(left, rect.width - thumb.offsetWidth / 2);
- this.color.set('alpha', Math.round((left - thumb.offsetWidth / 2) / (rect.width - thumb.offsetWidth) * 100));
- } else {
- var top = event.clientY - rect.top;
- top = Math.max(thumb.offsetHeight / 2, top);
- top = Math.min(top, rect.height - thumb.offsetHeight / 2);
- this.color.set('alpha', Math.round((top - thumb.offsetHeight / 2) / (rect.height - thumb.offsetHeight) * 100));
- }
- },
- getThumbLeft: function getThumbLeft() {
- if (this.vertical) return 0;
- var el = this.$el;
- var alpha = this.color._alpha;
- if (!el) return 0;
- var thumb = this.$refs.thumb;
- return Math.round(alpha * (el.offsetWidth - thumb.offsetWidth / 2) / 100);
- },
- getThumbTop: function getThumbTop() {
- if (!this.vertical) return 0;
- var el = this.$el;
- var alpha = this.color._alpha;
- if (!el) return 0;
- var thumb = this.$refs.thumb;
- return Math.round(alpha * (el.offsetHeight - thumb.offsetHeight / 2) / 100);
- },
- getBackground: function getBackground() {
- if (this.color && this.color.value) {
- var _color$toRgb = this.color.toRgb(),
- r = _color$toRgb.r,
- g = _color$toRgb.g,
- b = _color$toRgb.b;
- return 'linear-gradient(to right, rgba(' + r + ', ' + g + ', ' + b + ', 0) 0%, rgba(' + r + ', ' + g + ', ' + b + ', 1) 100%)';
- }
- return null;
- },
- update: function update() {
- this.thumbLeft = this.getThumbLeft();
- this.thumbTop = this.getThumbTop();
- this.background = this.getBackground();
- }
- },
- data: function data() {
- return {
- thumbLeft: 0,
- thumbTop: 0,
- background: null
- };
- },
- mounted: function mounted() {
- var _this = this;
- var _$refs = this.$refs,
- bar = _$refs.bar,
- thumb = _$refs.thumb;
- var dragConfig = {
- drag: function drag(event) {
- _this.handleDrag(event);
- },
- end: function end(event) {
- _this.handleDrag(event);
- }
- };
- (0, _draggable2.default)(bar, dragConfig);
- (0, _draggable2.default)(thumb, dragConfig);
- this.update();
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 376 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-color-alpha-slider",class:{ 'is-vertical': _vm.vertical }},[_c('div',{ref:"bar",staticClass:"el-color-alpha-slider__bar",style:({
- background: _vm.background
- }),on:{"click":_vm.handleClick}}),_c('div',{ref:"thumb",staticClass:"el-color-alpha-slider__thumb",style:({
- left: _vm.thumbLeft + 'px',
- top: _vm.thumbTop + 'px'
- })})])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 377 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_predefine_vue__ = __webpack_require__(378);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_predefine_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_predefine_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7e24dc3c_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_predefine_vue__ = __webpack_require__(379);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_predefine_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7e24dc3c_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_predefine_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 378 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _color = __webpack_require__(45);
- var _color2 = _interopRequireDefault(_color);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- props: {
- colors: { type: Array, required: true },
- color: { required: true }
- },
- data: function data() {
- return {
- rgbaColors: this.parseColors(this.colors, this.color)
- };
- },
- methods: {
- handleSelect: function handleSelect(index) {
- this.color.fromString(this.colors[index]);
- },
- parseColors: function parseColors(colors, color) {
- return colors.map(function (value) {
- var c = new _color2.default();
- c.enableAlpha = true;
- c.format = 'rgba';
- c.fromString(value);
- c.selected = c.value === color.value;
- return c;
- });
- }
- },
- watch: {
- '$parent.currentColor': function $parentCurrentColor(val) {
- var color = new _color2.default();
- color.fromString(val);
- this.rgbaColors.forEach(function (item) {
- item.selected = color.compare(item);
- });
- },
- colors: function colors(newVal) {
- this.rgbaColors = this.parseColors(newVal, this.color);
- },
- color: function color(newVal) {
- this.rgbaColors = this.parseColors(this.colors, newVal);
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 379 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-color-predefine"},[_c('div',{staticClass:"el-color-predefine__colors"},_vm._l((_vm.rgbaColors),function(item,index){return _c('div',{key:_vm.colors[index],staticClass:"el-color-predefine__color-selector",class:{selected: item.selected, 'is-alpha': item._alpha < 100},on:{"click":function($event){_vm.handleSelect(index)}}},[_c('div',{style:({'background-color': item.value})})])}))])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 380 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-leave":_vm.doDestroy}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showPopper),expression:"showPopper"}],staticClass:"el-color-dropdown"},[_c('div',{staticClass:"el-color-dropdown__main-wrapper"},[_c('hue-slider',{ref:"hue",staticStyle:{"float":"right"},attrs:{"color":_vm.color,"vertical":""}}),_c('sv-panel',{ref:"sl",attrs:{"color":_vm.color}})],1),(_vm.showAlpha)?_c('alpha-slider',{ref:"alpha",attrs:{"color":_vm.color}}):_vm._e(),(_vm.predefine)?_c('predefine',{attrs:{"color":_vm.color,"colors":_vm.predefine}}):_vm._e(),_c('div',{staticClass:"el-color-dropdown__btns"},[_c('span',{staticClass:"el-color-dropdown__value"},[_c('el-input',{attrs:{"size":"mini"},on:{"blur":_vm.handleConfirm},nativeOn:{"keyup":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.handleConfirm($event)}},model:{value:(_vm.customInput),callback:function ($$v) {_vm.customInput=$$v},expression:"customInput"}})],1),_c('el-button',{staticClass:"el-color-dropdown__link-btn",attrs:{"size":"mini","type":"text"},on:{"click":function($event){_vm.$emit('clear')}}},[_vm._v("\n "+_vm._s(_vm.t('el.colorpicker.clear'))+"\n ")]),_c('el-button',{staticClass:"el-color-dropdown__btn",attrs:{"plain":"","size":"mini"},on:{"click":_vm.confirmValue}},[_vm._v("\n "+_vm._s(_vm.t('el.colorpicker.confirm'))+"\n ")])],1)],1)])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 381 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.hide),expression:"hide"}],class:[
- 'el-color-picker',
- _vm.colorDisabled ? 'is-disabled' : '',
- _vm.colorSize ? ("el-color-picker--" + _vm.colorSize) : ''
- ]},[(_vm.colorDisabled)?_c('div',{staticClass:"el-color-picker__mask"}):_vm._e(),_c('div',{staticClass:"el-color-picker__trigger",on:{"click":_vm.handleTrigger}},[_c('span',{staticClass:"el-color-picker__color",class:{ 'is-alpha': _vm.showAlpha }},[_c('span',{staticClass:"el-color-picker__color-inner",style:({
- backgroundColor: _vm.displayedColor
- })}),(!_vm.value && !_vm.showPanelColor)?_c('span',{staticClass:"el-color-picker__empty el-icon-close"}):_vm._e()]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.value || _vm.showPanelColor),expression:"value || showPanelColor"}],staticClass:"el-color-picker__icon el-icon-arrow-down"})]),_c('picker-dropdown',{ref:"dropdown",class:['el-color-picker__panel', _vm.popperClass || ''],attrs:{"color":_vm.color,"show-alpha":_vm.showAlpha,"predefine":_vm.predefine},on:{"pick":_vm.confirmValue,"clear":_vm.clearValue},model:{value:(_vm.showPicker),callback:function ($$v) {_vm.showPicker=$$v},expression:"showPicker"}})],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 382 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(383);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 383 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(384);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6dc737e3_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(388);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6dc737e3_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 384 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _button = __webpack_require__(15);
- var _button2 = _interopRequireDefault(_button);
- var _emitter = __webpack_require__(1);
- var _emitter2 = _interopRequireDefault(_emitter);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- var _transferPanel = __webpack_require__(385);
- var _transferPanel2 = _interopRequireDefault(_transferPanel);
- var _migrating = __webpack_require__(7);
- var _migrating2 = _interopRequireDefault(_migrating);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- exports.default = {
- name: 'ElTransfer',
- mixins: [_emitter2.default, _locale2.default, _migrating2.default],
- components: {
- TransferPanel: _transferPanel2.default,
- ElButton: _button2.default
- },
- props: {
- data: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- titles: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- buttonTexts: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- filterPlaceholder: {
- type: String,
- default: ''
- },
- filterMethod: Function,
- leftDefaultChecked: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- rightDefaultChecked: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- renderContent: Function,
- value: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- format: {
- type: Object,
- default: function _default() {
- return {};
- }
- },
- filterable: Boolean,
- props: {
- type: Object,
- default: function _default() {
- return {
- label: 'label',
- key: 'key',
- disabled: 'disabled'
- };
- }
- },
- targetOrder: {
- type: String,
- default: 'original'
- }
- },
- data: function data() {
- return {
- leftChecked: [],
- rightChecked: []
- };
- },
- computed: {
- dataObj: function dataObj() {
- var key = this.props.key;
- return this.data.reduce(function (o, cur) {
- return (o[cur[key]] = cur) && o;
- }, {});
- },
- sourceData: function sourceData() {
- var _this = this;
- return this.data.filter(function (item) {
- return _this.value.indexOf(item[_this.props.key]) === -1;
- });
- },
- targetData: function targetData() {
- var _this2 = this;
- return this.targetOrder === 'original' ? this.data.filter(function (item) {
- return _this2.value.indexOf(item[_this2.props.key]) > -1;
- }) : this.value.map(function (key) {
- return _this2.dataObj[key];
- });
- },
- hasButtonTexts: function hasButtonTexts() {
- return this.buttonTexts.length === 2;
- }
- },
- watch: {
- value: function value(val) {
- this.dispatch('ElFormItem', 'el.form.change', val);
- }
- },
- methods: {
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'footer-format': 'footer-format is renamed to format.'
- }
- };
- },
- onSourceCheckedChange: function onSourceCheckedChange(val, movedKeys) {
- this.leftChecked = val;
- if (movedKeys === undefined) return;
- this.$emit('left-check-change', val, movedKeys);
- },
- onTargetCheckedChange: function onTargetCheckedChange(val, movedKeys) {
- this.rightChecked = val;
- if (movedKeys === undefined) return;
- this.$emit('right-check-change', val, movedKeys);
- },
- addToLeft: function addToLeft() {
- var currentValue = this.value.slice();
- this.rightChecked.forEach(function (item) {
- var index = currentValue.indexOf(item);
- if (index > -1) {
- currentValue.splice(index, 1);
- }
- });
- this.$emit('input', currentValue);
- this.$emit('change', currentValue, 'left', this.rightChecked);
- },
- addToRight: function addToRight() {
- var _this3 = this;
- var currentValue = this.value.slice();
- var itemsToBeMoved = [];
- var key = this.props.key;
- this.data.forEach(function (item) {
- var itemKey = item[key];
- if (_this3.leftChecked.indexOf(itemKey) > -1 && _this3.value.indexOf(itemKey) === -1) {
- itemsToBeMoved.push(itemKey);
- }
- });
- currentValue = this.targetOrder === 'unshift' ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
- this.$emit('input', currentValue);
- this.$emit('change', currentValue, 'right', this.leftChecked);
- },
- clearQuery: function clearQuery(which) {
- if (which === 'left') {
- this.$refs.leftPanel.query = '';
- } else if (which === 'right') {
- this.$refs.rightPanel.query = '';
- }
- }
- }
- }; //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /***/ }),
- /* 385 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_transfer_panel_vue__ = __webpack_require__(386);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_transfer_panel_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_transfer_panel_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c2f8be68_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_transfer_panel_vue__ = __webpack_require__(387);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_transfer_panel_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c2f8be68_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_transfer_panel_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 386 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _checkboxGroup = __webpack_require__(37);
- var _checkboxGroup2 = _interopRequireDefault(_checkboxGroup);
- var _checkbox = __webpack_require__(14);
- var _checkbox2 = _interopRequireDefault(_checkbox);
- var _input = __webpack_require__(6);
- var _input2 = _interopRequireDefault(_input);
- var _locale = __webpack_require__(2);
- var _locale2 = _interopRequireDefault(_locale);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- exports.default = {
- mixins: [_locale2.default],
- name: 'ElTransferPanel',
- componentName: 'ElTransferPanel',
- components: {
- ElCheckboxGroup: _checkboxGroup2.default,
- ElCheckbox: _checkbox2.default,
- ElInput: _input2.default,
- OptionContent: {
- props: {
- option: Object
- },
- render: function render(h) {
- var getParent = function getParent(vm) {
- if (vm.$options.componentName === 'ElTransferPanel') {
- return vm;
- } else if (vm.$parent) {
- return getParent(vm.$parent);
- } else {
- return vm;
- }
- };
- var panel = getParent(this);
- var transfer = panel.$parent || panel;
- return panel.renderContent ? panel.renderContent(h, this.option) : transfer.$scopedSlots.default ? transfer.$scopedSlots.default({ option: this.option }) : h(
- 'span',
- null,
- [this.option[panel.labelProp] || this.option[panel.keyProp]]
- );
- }
- }
- },
- props: {
- data: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- renderContent: Function,
- placeholder: String,
- title: String,
- filterable: Boolean,
- format: Object,
- filterMethod: Function,
- defaultChecked: Array,
- props: Object
- },
- data: function data() {
- return {
- checked: [],
- allChecked: false,
- query: '',
- inputHover: false,
- checkChangeByUser: true
- };
- },
- watch: {
- checked: function checked(val, oldVal) {
- this.updateAllChecked();
- if (this.checkChangeByUser) {
- var movedKeys = val.concat(oldVal).filter(function (v) {
- return val.indexOf(v) === -1 || oldVal.indexOf(v) === -1;
- });
- this.$emit('checked-change', val, movedKeys);
- } else {
- this.$emit('checked-change', val);
- this.checkChangeByUser = true;
- }
- },
- data: function data() {
- var _this = this;
- var checked = [];
- var filteredDataKeys = this.filteredData.map(function (item) {
- return item[_this.keyProp];
- });
- this.checked.forEach(function (item) {
- if (filteredDataKeys.indexOf(item) > -1) {
- checked.push(item);
- }
- });
- this.checkChangeByUser = false;
- this.checked = checked;
- },
- checkableData: function checkableData() {
- this.updateAllChecked();
- },
- defaultChecked: {
- immediate: true,
- handler: function handler(val, oldVal) {
- var _this2 = this;
- if (oldVal && val.length === oldVal.length && val.every(function (item) {
- return oldVal.indexOf(item) > -1;
- })) return;
- var checked = [];
- var checkableDataKeys = this.checkableData.map(function (item) {
- return item[_this2.keyProp];
- });
- val.forEach(function (item) {
- if (checkableDataKeys.indexOf(item) > -1) {
- checked.push(item);
- }
- });
- this.checkChangeByUser = false;
- this.checked = checked;
- }
- }
- },
- computed: {
- filteredData: function filteredData() {
- var _this3 = this;
- return this.data.filter(function (item) {
- if (typeof _this3.filterMethod === 'function') {
- return _this3.filterMethod(_this3.query, item);
- } else {
- var label = item[_this3.labelProp] || item[_this3.keyProp].toString();
- return label.toLowerCase().indexOf(_this3.query.toLowerCase()) > -1;
- }
- });
- },
- checkableData: function checkableData() {
- var _this4 = this;
- return this.filteredData.filter(function (item) {
- return !item[_this4.disabledProp];
- });
- },
- checkedSummary: function checkedSummary() {
- var checkedLength = this.checked.length;
- var dataLength = this.data.length;
- var _format = this.format,
- noChecked = _format.noChecked,
- hasChecked = _format.hasChecked;
- if (noChecked && hasChecked) {
- return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength).replace(/\${total}/g, dataLength) : noChecked.replace(/\${total}/g, dataLength);
- } else {
- return checkedLength + '/' + dataLength;
- }
- },
- isIndeterminate: function isIndeterminate() {
- var checkedLength = this.checked.length;
- return checkedLength > 0 && checkedLength < this.checkableData.length;
- },
- hasNoMatch: function hasNoMatch() {
- return this.query.length > 0 && this.filteredData.length === 0;
- },
- inputIcon: function inputIcon() {
- return this.query.length > 0 && this.inputHover ? 'circle-close' : 'search';
- },
- labelProp: function labelProp() {
- return this.props.label || 'label';
- },
- keyProp: function keyProp() {
- return this.props.key || 'key';
- },
- disabledProp: function disabledProp() {
- return this.props.disabled || 'disabled';
- },
- hasFooter: function hasFooter() {
- return !!this.$slots.default;
- }
- },
- methods: {
- updateAllChecked: function updateAllChecked() {
- var _this5 = this;
- var checkableDataKeys = this.checkableData.map(function (item) {
- return item[_this5.keyProp];
- });
- this.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every(function (item) {
- return _this5.checked.indexOf(item) > -1;
- });
- },
- handleAllCheckedChange: function handleAllCheckedChange(value) {
- var _this6 = this;
- this.checked = value ? this.checkableData.map(function (item) {
- return item[_this6.keyProp];
- }) : [];
- },
- clearQuery: function clearQuery() {
- if (this.inputIcon === 'circle-close') {
- this.query = '';
- }
- }
- }
- };
- /***/ }),
- /* 387 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-transfer-panel"},[_c('p',{staticClass:"el-transfer-panel__header"},[_c('el-checkbox',{attrs:{"indeterminate":_vm.isIndeterminate},on:{"change":_vm.handleAllCheckedChange},model:{value:(_vm.allChecked),callback:function ($$v) {_vm.allChecked=$$v},expression:"allChecked"}},[_vm._v("\n "+_vm._s(_vm.title)+"\n "),_c('span',[_vm._v(_vm._s(_vm.checkedSummary))])])],1),_c('div',{class:['el-transfer-panel__body', _vm.hasFooter ? 'is-with-footer' : '']},[(_vm.filterable)?_c('el-input',{staticClass:"el-transfer-panel__filter",attrs:{"size":"small","placeholder":_vm.placeholder},nativeOn:{"mouseenter":function($event){_vm.inputHover = true},"mouseleave":function($event){_vm.inputHover = false}},model:{value:(_vm.query),callback:function ($$v) {_vm.query=$$v},expression:"query"}},[_c('i',{class:['el-input__icon', 'el-icon-' + _vm.inputIcon],attrs:{"slot":"prefix"},on:{"click":_vm.clearQuery},slot:"prefix"})]):_vm._e(),_c('el-checkbox-group',{directives:[{name:"show",rawName:"v-show",value:(!_vm.hasNoMatch && _vm.data.length > 0),expression:"!hasNoMatch && data.length > 0"}],staticClass:"el-transfer-panel__list",class:{ 'is-filterable': _vm.filterable },model:{value:(_vm.checked),callback:function ($$v) {_vm.checked=$$v},expression:"checked"}},_vm._l((_vm.filteredData),function(item){return _c('el-checkbox',{key:item[_vm.keyProp],staticClass:"el-transfer-panel__item",attrs:{"label":item[_vm.keyProp],"disabled":item[_vm.disabledProp]}},[_c('option-content',{attrs:{"option":item}})],1)})),_c('p',{directives:[{name:"show",rawName:"v-show",value:(_vm.hasNoMatch),expression:"hasNoMatch"}],staticClass:"el-transfer-panel__empty"},[_vm._v(_vm._s(_vm.t('el.transfer.noMatch')))]),_c('p',{directives:[{name:"show",rawName:"v-show",value:(_vm.data.length === 0 && !_vm.hasNoMatch),expression:"data.length === 0 && !hasNoMatch"}],staticClass:"el-transfer-panel__empty"},[_vm._v(_vm._s(_vm.t('el.transfer.noData')))])],1),(_vm.hasFooter)?_c('p',{staticClass:"el-transfer-panel__footer"},[_vm._t("default")],2):_vm._e()])}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 388 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-transfer"},[_c('transfer-panel',_vm._b({ref:"leftPanel",attrs:{"data":_vm.sourceData,"title":_vm.titles[0] || _vm.t('el.transfer.titles.0'),"default-checked":_vm.leftDefaultChecked,"placeholder":_vm.filterPlaceholder || _vm.t('el.transfer.filterPlaceholder')},on:{"checked-change":_vm.onSourceCheckedChange}},'transfer-panel',_vm.$props,false),[_vm._t("left-footer")],2),_c('div',{staticClass:"el-transfer__buttons"},[_c('el-button',{class:['el-transfer__button', _vm.hasButtonTexts ? 'is-with-texts' : ''],attrs:{"type":"primary","disabled":_vm.rightChecked.length === 0},nativeOn:{"click":function($event){_vm.addToLeft($event)}}},[_c('i',{staticClass:"el-icon-arrow-left"}),(_vm.buttonTexts[0] !== undefined)?_c('span',[_vm._v(_vm._s(_vm.buttonTexts[0]))]):_vm._e()]),_c('el-button',{class:['el-transfer__button', _vm.hasButtonTexts ? 'is-with-texts' : ''],attrs:{"type":"primary","disabled":_vm.leftChecked.length === 0},nativeOn:{"click":function($event){_vm.addToRight($event)}}},[(_vm.buttonTexts[1] !== undefined)?_c('span',[_vm._v(_vm._s(_vm.buttonTexts[1]))]):_vm._e(),_c('i',{staticClass:"el-icon-arrow-right"})])],1),_c('transfer-panel',_vm._b({ref:"rightPanel",attrs:{"data":_vm.targetData,"title":_vm.titles[1] || _vm.t('el.transfer.titles.1'),"default-checked":_vm.rightDefaultChecked,"placeholder":_vm.filterPlaceholder || _vm.t('el.transfer.filterPlaceholder')},on:{"checked-change":_vm.onTargetCheckedChange}},'transfer-panel',_vm.$props,false),[_vm._t("right-footer")],2)],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 389 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(390);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 390 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(391);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_956d8bb2_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(392);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_956d8bb2_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 391 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElContainer',
- componentName: 'ElContainer',
- props: {
- direction: String
- },
- computed: {
- isVertical: function isVertical() {
- if (this.direction === 'vertical') {
- return true;
- } else if (this.direction === 'horizontal') {
- return false;
- }
- return this.$slots && this.$slots.default ? this.$slots.default.some(function (vnode) {
- var tag = vnode.componentOptions && vnode.componentOptions.tag;
- return tag === 'el-header' || tag === 'el-footer';
- }) : false;
- }
- }
- };
- /***/ }),
- /* 392 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"el-container",class:{ 'is-vertical': _vm.isVertical }},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 393 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(394);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 394 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(395);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_634a9d7e_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(396);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_634a9d7e_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 395 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElHeader',
- componentName: 'ElHeader',
- props: {
- height: {
- type: String,
- default: '60px'
- }
- }
- };
- /***/ }),
- /* 396 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:"el-header",style:({ height: _vm.height })},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 397 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(398);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 398 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(399);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4a954950_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(400);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4a954950_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 399 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElAside',
- componentName: 'ElAside',
- props: {
- width: {
- type: String,
- default: '300px'
- }
- }
- };
- /***/ }),
- /* 400 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"el-aside",style:({ width: _vm.width })},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 401 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(402);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 402 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(403);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_76da1255_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(404);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_76da1255_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 403 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElMain',
- componentName: 'ElMain'
- };
- /***/ }),
- /* 404 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:"el-main"},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ }),
- /* 405 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- var _main = __webpack_require__(406);
- var _main2 = _interopRequireDefault(_main);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- /* istanbul ignore next */
- _main2.default.install = function (Vue) {
- Vue.component(_main2.default.name, _main2.default);
- };
- exports.default = _main2.default;
- /***/ }),
- /* 406 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(407);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6320c4f3_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(408);
- var normalizeComponent = __webpack_require__(0)
- /* script */
- /* template */
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = null
- /* scopeId */
- var __vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default.a,
- __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6320c4f3_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__["a" /* default */],
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
- /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
- /***/ }),
- /* 407 */
- /***/ (function(module, exports, __webpack_require__) {
- "use strict";
- exports.__esModule = true;
- //
- //
- //
- //
- //
- //
- exports.default = {
- name: 'ElFooter',
- componentName: 'ElFooter',
- props: {
- height: {
- type: String,
- default: '60px'
- }
- }
- };
- /***/ }),
- /* 408 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('footer',{staticClass:"el-footer",style:({ height: _vm.height })},[_vm._t("default")],2)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ __webpack_exports__["a"] = (esExports);
- /***/ })
- /******/ ]);
|