123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666156671566815669156701567115672156731567415675156761567715678156791568015681156821568315684156851568615687156881568915690156911569215693156941569515696156971569815699157001570115702157031570415705157061570715708157091571015711157121571315714157151571615717157181571915720157211572215723157241572515726157271572815729157301573115732157331573415735157361573715738157391574015741157421574315744157451574615747157481574915750157511575215753157541575515756157571575815759157601576115762157631576415765157661576715768157691577015771157721577315774157751577615777157781577915780157811578215783157841578515786157871578815789157901579115792157931579415795157961579715798157991580015801158021580315804158051580615807158081580915810158111581215813158141581515816158171581815819158201582115822158231582415825158261582715828158291583015831158321583315834158351583615837158381583915840158411584215843158441584515846158471584815849158501585115852158531585415855158561585715858158591586015861158621586315864158651586615867158681586915870158711587215873158741587515876158771587815879158801588115882158831588415885158861588715888158891589015891158921589315894158951589615897158981589915900159011590215903159041590515906159071590815909159101591115912159131591415915159161591715918159191592015921159221592315924159251592615927159281592915930159311593215933159341593515936159371593815939159401594115942159431594415945159461594715948159491595015951159521595315954159551595615957159581595915960159611596215963159641596515966159671596815969159701597115972159731597415975159761597715978159791598015981159821598315984159851598615987159881598915990159911599215993159941599515996159971599815999160001600116002160031600416005160061600716008160091601016011160121601316014160151601616017160181601916020160211602216023160241602516026160271602816029160301603116032160331603416035160361603716038160391604016041160421604316044160451604616047160481604916050160511605216053160541605516056160571605816059160601606116062160631606416065160661606716068160691607016071160721607316074160751607616077160781607916080160811608216083160841608516086160871608816089160901609116092160931609416095160961609716098160991610016101161021610316104161051610616107161081610916110161111611216113161141611516116161171611816119161201612116122161231612416125161261612716128161291613016131161321613316134161351613616137161381613916140161411614216143161441614516146161471614816149161501615116152161531615416155161561615716158161591616016161161621616316164161651616616167161681616916170161711617216173161741617516176161771617816179161801618116182161831618416185161861618716188161891619016191161921619316194161951619616197161981619916200162011620216203162041620516206162071620816209162101621116212162131621416215162161621716218162191622016221162221622316224162251622616227162281622916230162311623216233162341623516236162371623816239162401624116242162431624416245162461624716248162491625016251162521625316254162551625616257162581625916260162611626216263162641626516266162671626816269162701627116272162731627416275162761627716278162791628016281162821628316284162851628616287162881628916290162911629216293162941629516296162971629816299163001630116302163031630416305163061630716308163091631016311163121631316314163151631616317163181631916320163211632216323163241632516326163271632816329163301633116332163331633416335163361633716338163391634016341163421634316344163451634616347163481634916350163511635216353163541635516356163571635816359163601636116362163631636416365163661636716368163691637016371163721637316374163751637616377163781637916380163811638216383163841638516386163871638816389163901639116392163931639416395163961639716398163991640016401164021640316404164051640616407164081640916410164111641216413164141641516416164171641816419164201642116422164231642416425164261642716428164291643016431164321643316434164351643616437164381643916440164411644216443164441644516446164471644816449164501645116452164531645416455164561645716458164591646016461164621646316464164651646616467164681646916470164711647216473164741647516476164771647816479164801648116482164831648416485164861648716488164891649016491164921649316494164951649616497164981649916500165011650216503165041650516506165071650816509165101651116512165131651416515165161651716518165191652016521165221652316524165251652616527165281652916530165311653216533165341653516536165371653816539165401654116542165431654416545165461654716548165491655016551165521655316554165551655616557165581655916560165611656216563165641656516566165671656816569165701657116572165731657416575165761657716578165791658016581165821658316584165851658616587165881658916590165911659216593165941659516596165971659816599166001660116602166031660416605166061660716608166091661016611166121661316614166151661616617166181661916620166211662216623166241662516626166271662816629166301663116632166331663416635166361663716638166391664016641166421664316644166451664616647166481664916650166511665216653166541665516656166571665816659166601666116662166631666416665166661666716668166691667016671166721667316674166751667616677166781667916680166811668216683166841668516686166871668816689166901669116692166931669416695166961669716698166991670016701167021670316704167051670616707167081670916710167111671216713167141671516716167171671816719167201672116722167231672416725167261672716728167291673016731167321673316734167351673616737167381673916740167411674216743167441674516746167471674816749167501675116752167531675416755167561675716758167591676016761167621676316764167651676616767167681676916770167711677216773167741677516776167771677816779167801678116782167831678416785167861678716788167891679016791167921679316794167951679616797167981679916800168011680216803168041680516806168071680816809168101681116812168131681416815168161681716818168191682016821168221682316824168251682616827168281682916830168311683216833168341683516836168371683816839168401684116842168431684416845168461684716848168491685016851168521685316854168551685616857168581685916860168611686216863168641686516866168671686816869168701687116872168731687416875168761687716878168791688016881168821688316884168851688616887168881688916890168911689216893168941689516896168971689816899169001690116902169031690416905169061690716908169091691016911169121691316914169151691616917169181691916920169211692216923169241692516926169271692816929169301693116932169331693416935169361693716938169391694016941169421694316944169451694616947169481694916950169511695216953169541695516956169571695816959169601696116962169631696416965169661696716968169691697016971169721697316974169751697616977169781697916980169811698216983169841698516986169871698816989169901699116992169931699416995169961699716998169991700017001170021700317004170051700617007170081700917010170111701217013170141701517016170171701817019170201702117022170231702417025170261702717028170291703017031170321703317034170351703617037170381703917040170411704217043170441704517046170471704817049170501705117052170531705417055170561705717058170591706017061170621706317064170651706617067170681706917070170711707217073170741707517076170771707817079170801708117082170831708417085170861708717088170891709017091170921709317094170951709617097170981709917100171011710217103171041710517106171071710817109171101711117112171131711417115171161711717118171191712017121171221712317124171251712617127171281712917130171311713217133171341713517136171371713817139171401714117142171431714417145171461714717148171491715017151171521715317154171551715617157171581715917160171611716217163171641716517166171671716817169171701717117172171731717417175171761717717178171791718017181171821718317184171851718617187171881718917190171911719217193171941719517196171971719817199172001720117202172031720417205172061720717208172091721017211172121721317214172151721617217172181721917220172211722217223172241722517226172271722817229172301723117232172331723417235172361723717238172391724017241172421724317244172451724617247172481724917250172511725217253172541725517256172571725817259172601726117262172631726417265172661726717268172691727017271172721727317274172751727617277172781727917280172811728217283172841728517286172871728817289172901729117292172931729417295172961729717298172991730017301173021730317304173051730617307173081730917310173111731217313173141731517316173171731817319173201732117322173231732417325173261732717328173291733017331173321733317334173351733617337173381733917340173411734217343173441734517346173471734817349173501735117352173531735417355173561735717358173591736017361173621736317364173651736617367173681736917370173711737217373173741737517376173771737817379173801738117382173831738417385173861738717388173891739017391173921739317394173951739617397173981739917400174011740217403174041740517406174071740817409174101741117412174131741417415174161741717418174191742017421174221742317424174251742617427174281742917430174311743217433174341743517436174371743817439174401744117442174431744417445174461744717448174491745017451174521745317454174551745617457174581745917460174611746217463174641746517466174671746817469174701747117472174731747417475174761747717478174791748017481174821748317484174851748617487174881748917490174911749217493174941749517496174971749817499175001750117502175031750417505175061750717508175091751017511175121751317514175151751617517175181751917520175211752217523175241752517526175271752817529175301753117532175331753417535175361753717538175391754017541175421754317544175451754617547175481754917550175511755217553175541755517556175571755817559175601756117562175631756417565175661756717568175691757017571175721757317574175751757617577175781757917580175811758217583175841758517586175871758817589175901759117592175931759417595175961759717598175991760017601176021760317604176051760617607176081760917610176111761217613176141761517616176171761817619176201762117622176231762417625176261762717628176291763017631176321763317634176351763617637176381763917640176411764217643176441764517646176471764817649176501765117652176531765417655176561765717658176591766017661176621766317664176651766617667176681766917670176711767217673176741767517676176771767817679176801768117682176831768417685176861768717688176891769017691176921769317694176951769617697176981769917700177011770217703177041770517706177071770817709177101771117712177131771417715177161771717718177191772017721177221772317724177251772617727177281772917730177311773217733177341773517736177371773817739177401774117742177431774417745177461774717748177491775017751177521775317754177551775617757177581775917760177611776217763177641776517766177671776817769177701777117772177731777417775177761777717778177791778017781177821778317784177851778617787177881778917790177911779217793177941779517796177971779817799178001780117802178031780417805178061780717808178091781017811178121781317814178151781617817178181781917820178211782217823178241782517826178271782817829178301783117832178331783417835178361783717838178391784017841178421784317844178451784617847178481784917850178511785217853178541785517856178571785817859178601786117862178631786417865178661786717868178691787017871178721787317874178751787617877178781787917880178811788217883178841788517886178871788817889178901789117892178931789417895178961789717898178991790017901179021790317904179051790617907179081790917910179111791217913179141791517916179171791817919179201792117922179231792417925179261792717928179291793017931179321793317934179351793617937179381793917940179411794217943179441794517946179471794817949179501795117952179531795417955179561795717958179591796017961179621796317964179651796617967179681796917970179711797217973179741797517976179771797817979179801798117982179831798417985179861798717988179891799017991179921799317994179951799617997179981799918000180011800218003180041800518006180071800818009180101801118012180131801418015180161801718018180191802018021180221802318024180251802618027180281802918030180311803218033180341803518036180371803818039180401804118042180431804418045180461804718048180491805018051180521805318054180551805618057180581805918060180611806218063180641806518066180671806818069180701807118072180731807418075180761807718078180791808018081180821808318084180851808618087180881808918090180911809218093180941809518096180971809818099181001810118102181031810418105181061810718108181091811018111181121811318114181151811618117181181811918120181211812218123181241812518126181271812818129181301813118132181331813418135181361813718138181391814018141181421814318144181451814618147181481814918150181511815218153181541815518156181571815818159181601816118162181631816418165181661816718168181691817018171181721817318174181751817618177181781817918180181811818218183181841818518186181871818818189181901819118192181931819418195181961819718198181991820018201182021820318204182051820618207182081820918210182111821218213182141821518216182171821818219182201822118222182231822418225182261822718228182291823018231182321823318234182351823618237182381823918240182411824218243182441824518246182471824818249182501825118252182531825418255182561825718258182591826018261182621826318264182651826618267182681826918270182711827218273182741827518276182771827818279182801828118282182831828418285182861828718288182891829018291182921829318294182951829618297182981829918300183011830218303183041830518306183071830818309183101831118312183131831418315183161831718318183191832018321183221832318324183251832618327183281832918330183311833218333183341833518336183371833818339183401834118342183431834418345183461834718348183491835018351183521835318354183551835618357183581835918360183611836218363183641836518366183671836818369183701837118372183731837418375183761837718378183791838018381183821838318384183851838618387183881838918390183911839218393183941839518396183971839818399184001840118402184031840418405184061840718408184091841018411184121841318414184151841618417184181841918420184211842218423184241842518426184271842818429184301843118432184331843418435184361843718438184391844018441184421844318444184451844618447184481844918450184511845218453184541845518456184571845818459184601846118462184631846418465184661846718468184691847018471184721847318474184751847618477184781847918480184811848218483184841848518486184871848818489184901849118492184931849418495184961849718498184991850018501185021850318504185051850618507185081850918510185111851218513185141851518516185171851818519185201852118522185231852418525185261852718528185291853018531185321853318534185351853618537185381853918540185411854218543185441854518546185471854818549185501855118552185531855418555185561855718558185591856018561185621856318564185651856618567185681856918570185711857218573185741857518576185771857818579185801858118582185831858418585185861858718588185891859018591185921859318594185951859618597185981859918600186011860218603186041860518606186071860818609186101861118612186131861418615 |
- (function(global, factory) {
- typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.vant = {}, global.Vue));
- })(this, function(exports2, vue) {
- "use strict";
- function noop() {
- }
- const extend = Object.assign;
- const inBrowser$1 = typeof window !== "undefined";
- const isObject$1 = (val) => val !== null && typeof val === "object";
- const isDef = (val) => val !== void 0 && val !== null;
- const isFunction = (val) => typeof val === "function";
- const isPromise = (val) => isObject$1(val) && isFunction(val.then) && isFunction(val.catch);
- const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
- function isMobile(value) {
- value = value.replace(/[^-|\d]/g, "");
- return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
- }
- const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
- const isIOS$1 = () => inBrowser$1 ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
- function get(object, path) {
- const keys = path.split(".");
- let result = object;
- keys.forEach((key) => {
- var _a;
- result = isObject$1(result) ? (_a = result[key]) != null ? _a : "" : "";
- });
- return result;
- }
- function pick(obj, keys, ignoreUndefined) {
- return keys.reduce(
- (ret, key) => {
- if (!ignoreUndefined || obj[key] !== void 0) {
- ret[key] = obj[key];
- }
- return ret;
- },
- {}
- );
- }
- const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
- const toArray = (item) => Array.isArray(item) ? item : [item];
- const flat = (arr) => arr.reduce((acc, val) => acc.concat(val), []);
- const unknownProp = null;
- const numericProp = [Number, String];
- const truthProp = {
- type: Boolean,
- default: true
- };
- const makeRequiredProp = (type) => ({
- type,
- required: true
- });
- const makeArrayProp = () => ({
- type: Array,
- default: () => []
- });
- const makeNumberProp = (defaultVal) => ({
- type: Number,
- default: defaultVal
- });
- const makeNumericProp = (defaultVal) => ({
- type: numericProp,
- default: defaultVal
- });
- const makeStringProp = (defaultVal) => ({
- type: String,
- default: defaultVal
- });
- var inBrowser = typeof window !== "undefined";
- function raf(fn) {
- return inBrowser ? requestAnimationFrame(fn) : -1;
- }
- function cancelRaf(id) {
- if (inBrowser) {
- cancelAnimationFrame(id);
- }
- }
- function doubleRaf(fn) {
- raf(() => raf(fn));
- }
- var isWindow = (val) => val === window;
- var makeDOMRect = (width2, height2) => ({
- top: 0,
- left: 0,
- right: width2,
- bottom: height2,
- width: width2,
- height: height2
- });
- var useRect = (elementOrRef) => {
- const element = vue.unref(elementOrRef);
- if (isWindow(element)) {
- const width2 = element.innerWidth;
- const height2 = element.innerHeight;
- return makeDOMRect(width2, height2);
- }
- if (element == null ? void 0 : element.getBoundingClientRect) {
- return element.getBoundingClientRect();
- }
- return makeDOMRect(0, 0);
- };
- function useToggle(defaultValue = false) {
- const state = vue.ref(defaultValue);
- const toggle = (value = !state.value) => {
- state.value = value;
- };
- return [state, toggle];
- }
- function useParent(key) {
- const parent = vue.inject(key, null);
- if (parent) {
- const instance2 = vue.getCurrentInstance();
- const { link, unlink, internalChildren } = parent;
- link(instance2);
- vue.onUnmounted(() => unlink(instance2));
- const index = vue.computed(() => internalChildren.indexOf(instance2));
- return {
- parent,
- index
- };
- }
- return {
- parent: null,
- index: vue.ref(-1)
- };
- }
- function flattenVNodes(children) {
- const result = [];
- const traverse = (children2) => {
- if (Array.isArray(children2)) {
- children2.forEach((child) => {
- var _a;
- if (vue.isVNode(child)) {
- result.push(child);
- if ((_a = child.component) == null ? void 0 : _a.subTree) {
- result.push(child.component.subTree);
- traverse(child.component.subTree.children);
- }
- if (child.children) {
- traverse(child.children);
- }
- }
- });
- }
- };
- traverse(children);
- return result;
- }
- var findVNodeIndex = (vnodes, vnode) => {
- const index = vnodes.indexOf(vnode);
- if (index === -1) {
- return vnodes.findIndex(
- (item) => vnode.key !== void 0 && vnode.key !== null && item.type === vnode.type && item.key === vnode.key
- );
- }
- return index;
- };
- function sortChildren(parent, publicChildren, internalChildren) {
- const vnodes = flattenVNodes(parent.subTree.children);
- internalChildren.sort(
- (a, b) => findVNodeIndex(vnodes, a.vnode) - findVNodeIndex(vnodes, b.vnode)
- );
- const orderedPublicChildren = internalChildren.map((item) => item.proxy);
- publicChildren.sort((a, b) => {
- const indexA = orderedPublicChildren.indexOf(a);
- const indexB = orderedPublicChildren.indexOf(b);
- return indexA - indexB;
- });
- }
- function useChildren(key) {
- const publicChildren = vue.reactive([]);
- const internalChildren = vue.reactive([]);
- const parent = vue.getCurrentInstance();
- const linkChildren = (value) => {
- const link = (child) => {
- if (child.proxy) {
- internalChildren.push(child);
- publicChildren.push(child.proxy);
- sortChildren(parent, publicChildren, internalChildren);
- }
- };
- const unlink = (child) => {
- const index = internalChildren.indexOf(child);
- publicChildren.splice(index, 1);
- internalChildren.splice(index, 1);
- };
- vue.provide(
- key,
- Object.assign(
- {
- link,
- unlink,
- children: publicChildren,
- internalChildren
- },
- value
- )
- );
- };
- return {
- children: publicChildren,
- linkChildren
- };
- }
- var SECOND = 1e3;
- var MINUTE = 60 * SECOND;
- var HOUR = 60 * MINUTE;
- var DAY = 24 * HOUR;
- function parseTime(time) {
- const days = Math.floor(time / DAY);
- const hours = Math.floor(time % DAY / HOUR);
- const minutes = Math.floor(time % HOUR / MINUTE);
- const seconds = Math.floor(time % MINUTE / SECOND);
- const milliseconds = Math.floor(time % SECOND);
- return {
- total: time,
- days,
- hours,
- minutes,
- seconds,
- milliseconds
- };
- }
- function isSameSecond(time1, time2) {
- return Math.floor(time1 / 1e3) === Math.floor(time2 / 1e3);
- }
- function useCountDown(options) {
- let rafId;
- let endTime;
- let counting;
- let deactivated;
- const remain = vue.ref(options.time);
- const current2 = vue.computed(() => parseTime(remain.value));
- const pause = () => {
- counting = false;
- cancelRaf(rafId);
- };
- const getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
- const setRemain = (value) => {
- var _a, _b;
- remain.value = value;
- (_a = options.onChange) == null ? void 0 : _a.call(options, current2.value);
- if (value === 0) {
- pause();
- (_b = options.onFinish) == null ? void 0 : _b.call(options);
- }
- };
- const microTick = () => {
- rafId = raf(() => {
- if (counting) {
- setRemain(getCurrentRemain());
- if (remain.value > 0) {
- microTick();
- }
- }
- });
- };
- const macroTick = () => {
- rafId = raf(() => {
- if (counting) {
- const remainRemain = getCurrentRemain();
- if (!isSameSecond(remainRemain, remain.value) || remainRemain === 0) {
- setRemain(remainRemain);
- }
- if (remain.value > 0) {
- macroTick();
- }
- }
- });
- };
- const tick = () => {
- if (!inBrowser) {
- return;
- }
- if (options.millisecond) {
- microTick();
- } else {
- macroTick();
- }
- };
- const start2 = () => {
- if (!counting) {
- endTime = Date.now() + remain.value;
- counting = true;
- tick();
- }
- };
- const reset = (totalTime = options.time) => {
- pause();
- remain.value = totalTime;
- };
- vue.onBeforeUnmount(pause);
- vue.onActivated(() => {
- if (deactivated) {
- counting = true;
- deactivated = false;
- tick();
- }
- });
- vue.onDeactivated(() => {
- if (counting) {
- pause();
- deactivated = true;
- }
- });
- return {
- start: start2,
- pause,
- reset,
- current: current2
- };
- }
- function onMountedOrActivated(hook) {
- let mounted;
- vue.onMounted(() => {
- hook();
- vue.nextTick(() => {
- mounted = true;
- });
- });
- vue.onActivated(() => {
- if (mounted) {
- hook();
- }
- });
- }
- function useEventListener(type, listener, options = {}) {
- if (!inBrowser) {
- return;
- }
- const { target = window, passive: passive2 = false, capture = false } = options;
- let cleaned = false;
- let attached;
- const add = (target2) => {
- if (cleaned) {
- return;
- }
- const element = vue.unref(target2);
- if (element && !attached) {
- element.addEventListener(type, listener, {
- capture,
- passive: passive2
- });
- attached = true;
- }
- };
- const remove2 = (target2) => {
- if (cleaned) {
- return;
- }
- const element = vue.unref(target2);
- if (element && attached) {
- element.removeEventListener(type, listener, capture);
- attached = false;
- }
- };
- vue.onUnmounted(() => remove2(target));
- vue.onDeactivated(() => remove2(target));
- onMountedOrActivated(() => add(target));
- let stopWatch;
- if (vue.isRef(target)) {
- stopWatch = vue.watch(target, (val, oldVal) => {
- remove2(oldVal);
- add(val);
- });
- }
- return () => {
- stopWatch == null ? void 0 : stopWatch();
- remove2(target);
- cleaned = true;
- };
- }
- function useClickAway(target, listener, options = {}) {
- if (!inBrowser) {
- return;
- }
- const { eventName = "click" } = options;
- const onClick = (event) => {
- const targets = Array.isArray(target) ? target : [target];
- const isClickAway = targets.every((item) => {
- const element = vue.unref(item);
- return element && !element.contains(event.target);
- });
- if (isClickAway) {
- listener(event);
- }
- };
- useEventListener(eventName, onClick, { target: document });
- }
- var width;
- var height;
- function useWindowSize() {
- if (!width) {
- width = vue.ref(0);
- height = vue.ref(0);
- if (inBrowser) {
- const update = () => {
- width.value = window.innerWidth;
- height.value = window.innerHeight;
- };
- update();
- window.addEventListener("resize", update, { passive: true });
- window.addEventListener("orientationchange", update, { passive: true });
- }
- }
- return { width, height };
- }
- var overflowScrollReg = /scroll|auto|overlay/i;
- var defaultRoot = inBrowser ? window : void 0;
- function isElement$1(node) {
- const ELEMENT_NODE_TYPE = 1;
- return node.tagName !== "HTML" && node.tagName !== "BODY" && node.nodeType === ELEMENT_NODE_TYPE;
- }
- function getScrollParent$1(el, root = defaultRoot) {
- let node = el;
- while (node && node !== root && isElement$1(node)) {
- const { overflowY } = window.getComputedStyle(node);
- if (overflowScrollReg.test(overflowY)) {
- return node;
- }
- node = node.parentNode;
- }
- return root;
- }
- function useScrollParent(el, root = defaultRoot) {
- const scrollParent = vue.ref();
- vue.onMounted(() => {
- if (el.value) {
- scrollParent.value = getScrollParent$1(el.value, root);
- }
- });
- return scrollParent;
- }
- var visibility;
- function usePageVisibility() {
- if (!visibility) {
- visibility = vue.ref("visible");
- if (inBrowser) {
- const update = () => {
- visibility.value = document.hidden ? "hidden" : "visible";
- };
- update();
- window.addEventListener("visibilitychange", update);
- }
- }
- return visibility;
- }
- var CUSTOM_FIELD_INJECTION_KEY = Symbol("van-field");
- function useCustomFieldValue(customValue) {
- const field = vue.inject(CUSTOM_FIELD_INJECTION_KEY, null);
- if (field && !field.customValue.value) {
- field.customValue.value = customValue;
- vue.watch(customValue, () => {
- field.resetValidation();
- field.validateWithTrigger("onChange");
- });
- }
- }
- function getScrollTop(el) {
- const top2 = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
- return Math.max(top2, 0);
- }
- function setScrollTop(el, value) {
- if ("scrollTop" in el) {
- el.scrollTop = value;
- } else {
- el.scrollTo(el.scrollX, value);
- }
- }
- function getRootScrollTop() {
- return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
- }
- function setRootScrollTop(value) {
- setScrollTop(window, value);
- setScrollTop(document.body, value);
- }
- function getElementTop(el, scroller) {
- if (el === window) {
- return 0;
- }
- const scrollTop = scroller ? getScrollTop(scroller) : getRootScrollTop();
- return useRect(el).top + scrollTop;
- }
- const isIOS = isIOS$1();
- function resetScroll() {
- if (isIOS) {
- setRootScrollTop(getRootScrollTop());
- }
- }
- const stopPropagation = (event) => event.stopPropagation();
- function preventDefault(event, isStopPropagation) {
- if (typeof event.cancelable !== "boolean" || event.cancelable) {
- event.preventDefault();
- }
- if (isStopPropagation) {
- stopPropagation(event);
- }
- }
- function isHidden(elementRef) {
- const el = vue.unref(elementRef);
- if (!el) {
- return false;
- }
- const style = window.getComputedStyle(el);
- const hidden = style.display === "none";
- const parentHidden = el.offsetParent === null && style.position !== "fixed";
- return hidden || parentHidden;
- }
- const { width: windowWidth, height: windowHeight } = useWindowSize();
- function isContainingBlock(el) {
- const css = window.getComputedStyle(el);
- return css.transform !== "none" || css.perspective !== "none" || ["transform", "perspective", "filter"].some(
- (value) => (css.willChange || "").includes(value)
- );
- }
- function getContainingBlock$1(el) {
- let node = el.parentElement;
- while (node) {
- if (node && node.tagName !== "HTML" && node.tagName !== "BODY" && isContainingBlock(node)) {
- return node;
- }
- node = node.parentElement;
- }
- return null;
- }
- function addUnit(value) {
- if (isDef(value)) {
- return isNumeric(value) ? `${value}px` : String(value);
- }
- return void 0;
- }
- function getSizeStyle(originSize) {
- if (isDef(originSize)) {
- if (Array.isArray(originSize)) {
- return {
- width: addUnit(originSize[0]),
- height: addUnit(originSize[1])
- };
- }
- const size = addUnit(originSize);
- return {
- width: size,
- height: size
- };
- }
- }
- function getZIndexStyle(zIndex) {
- const style = {};
- if (zIndex !== void 0) {
- style.zIndex = +zIndex;
- }
- return style;
- }
- let rootFontSize;
- function getRootFontSize() {
- if (!rootFontSize) {
- const doc = document.documentElement;
- const fontSize = doc.style.fontSize || window.getComputedStyle(doc).fontSize;
- rootFontSize = parseFloat(fontSize);
- }
- return rootFontSize;
- }
- function convertRem(value) {
- value = value.replace(/rem/g, "");
- return +value * getRootFontSize();
- }
- function convertVw(value) {
- value = value.replace(/vw/g, "");
- return +value * windowWidth.value / 100;
- }
- function convertVh(value) {
- value = value.replace(/vh/g, "");
- return +value * windowHeight.value / 100;
- }
- function unitToPx(value) {
- if (typeof value === "number") {
- return value;
- }
- if (inBrowser$1) {
- if (value.includes("rem")) {
- return convertRem(value);
- }
- if (value.includes("vw")) {
- return convertVw(value);
- }
- if (value.includes("vh")) {
- return convertVh(value);
- }
- }
- return parseFloat(value);
- }
- const camelizeRE = /-(\w)/g;
- const camelize = (str) => str.replace(camelizeRE, (_, c) => c.toUpperCase());
- const kebabCase = (str) => str.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
- function padZero(num, targetLength = 2) {
- let str = num + "";
- while (str.length < targetLength) {
- str = "0" + str;
- }
- return str;
- }
- const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
- function trimExtraChar(value, char, regExp) {
- const index = value.indexOf(char);
- if (index === -1) {
- return value;
- }
- if (char === "-" && index !== 0) {
- return value.slice(0, index);
- }
- return value.slice(0, index + 1) + value.slice(index).replace(regExp, "");
- }
- function formatNumber(value, allowDot = true, allowMinus = true) {
- if (allowDot) {
- value = trimExtraChar(value, ".", /\./g);
- } else {
- value = value.split(".")[0];
- }
- if (allowMinus) {
- value = trimExtraChar(value, "-", /-/g);
- } else {
- value = value.replace(/-/, "");
- }
- const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
- return value.replace(regExp, "");
- }
- function addNumber(num1, num2) {
- const cardinal = 10 ** 10;
- return Math.round((num1 + num2) * cardinal) / cardinal;
- }
- const { hasOwnProperty } = Object.prototype;
- function assignKey(to, from, key) {
- const val = from[key];
- if (!isDef(val)) {
- return;
- }
- if (!hasOwnProperty.call(to, key) || !isObject$1(val)) {
- to[key] = val;
- } else {
- to[key] = deepAssign(Object(to[key]), val);
- }
- }
- function deepAssign(to, from) {
- Object.keys(from).forEach((key) => {
- assignKey(to, from, key);
- });
- return to;
- }
- var stdin_default$1W = {
- name: "姓名",
- tel: "电话",
- save: "保存",
- clear: "清空",
- cancel: "取消",
- confirm: "确认",
- delete: "删除",
- loading: "加载中...",
- noCoupon: "暂无优惠券",
- nameEmpty: "请填写姓名",
- addContact: "添加联系人",
- telInvalid: "请填写正确的电话",
- vanCalendar: {
- end: "结束",
- start: "开始",
- title: "日期选择",
- weekdays: ["日", "一", "二", "三", "四", "五", "六"],
- monthTitle: (year, month) => `${year}年${month}月`,
- rangePrompt: (maxRange) => `最多选择 ${maxRange} 天`
- },
- vanCascader: {
- select: "请选择"
- },
- vanPagination: {
- prev: "上一页",
- next: "下一页"
- },
- vanPullRefresh: {
- pulling: "下拉即可刷新...",
- loosing: "释放即可刷新..."
- },
- vanSubmitBar: {
- label: "合计:"
- },
- vanCoupon: {
- unlimited: "无门槛",
- discount: (discount) => `${discount}折`,
- condition: (condition) => `满${condition}元可用`
- },
- vanCouponCell: {
- title: "优惠券",
- count: (count) => `${count}张可用`
- },
- vanCouponList: {
- exchange: "兑换",
- close: "不使用",
- enable: "可用",
- disabled: "不可用",
- placeholder: "输入优惠码"
- },
- vanAddressEdit: {
- area: "地区",
- areaEmpty: "请选择地区",
- addressEmpty: "请填写详细地址",
- addressDetail: "详细地址",
- defaultAddress: "设为默认收货地址"
- },
- vanAddressList: {
- add: "新增地址"
- }
- };
- const lang = vue.ref("zh-CN");
- const messages = vue.reactive({
- "zh-CN": stdin_default$1W
- });
- const Locale = {
- messages() {
- return messages[lang.value];
- },
- use(newLang, newMessages) {
- lang.value = newLang;
- this.add({ [newLang]: newMessages });
- },
- add(newMessages = {}) {
- deepAssign(messages, newMessages);
- }
- };
- const useCurrentLang = () => lang;
- var stdin_default$1V = Locale;
- function createTranslate(name2) {
- const prefix = camelize(name2) + ".";
- return (path, ...args) => {
- const messages2 = stdin_default$1V.messages();
- const message = get(messages2, prefix + path) || get(messages2, path);
- return isFunction(message) ? message(...args) : message;
- };
- }
- function genBem(name2, mods) {
- if (!mods) {
- return "";
- }
- if (typeof mods === "string") {
- return ` ${name2}--${mods}`;
- }
- if (Array.isArray(mods)) {
- return mods.reduce(
- (ret, item) => ret + genBem(name2, item),
- ""
- );
- }
- return Object.keys(mods).reduce(
- (ret, key) => ret + (mods[key] ? genBem(name2, key) : ""),
- ""
- );
- }
- function createBEM(name2) {
- return (el, mods) => {
- if (el && typeof el !== "string") {
- mods = el;
- el = "";
- }
- el = el ? `${name2}__${el}` : name2;
- return `${el}${genBem(el, mods)}`;
- };
- }
- function createNamespace(name2) {
- const prefixedName = `van-${name2}`;
- return [
- prefixedName,
- createBEM(prefixedName),
- createTranslate(prefixedName)
- ];
- }
- const BORDER = "van-hairline";
- const BORDER_TOP = `${BORDER}--top`;
- const BORDER_LEFT = `${BORDER}--left`;
- const BORDER_RIGHT = `${BORDER}--right`;
- const BORDER_BOTTOM = `${BORDER}--bottom`;
- const BORDER_SURROUND = `${BORDER}--surround`;
- const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
- const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
- const HAPTICS_FEEDBACK = "van-haptics-feedback";
- const FORM_KEY = Symbol("van-form");
- const LONG_PRESS_START_TIME = 500;
- const TAP_OFFSET = 5;
- function callInterceptor(interceptor, {
- args = [],
- done,
- canceled,
- error
- }) {
- if (interceptor) {
- const returnVal = interceptor.apply(null, args);
- if (isPromise(returnVal)) {
- returnVal.then((value) => {
- if (value) {
- done();
- } else if (canceled) {
- canceled();
- }
- }).catch(error || noop);
- } else if (returnVal) {
- done();
- } else if (canceled) {
- canceled();
- }
- } else {
- done();
- }
- }
- function withInstall(options) {
- options.install = (app) => {
- const { name: name2 } = options;
- if (name2) {
- app.component(name2, options);
- app.component(camelize(`-${name2}`), options);
- }
- };
- return options;
- }
- function closest(arr, target) {
- return arr.reduce(
- (pre, cur) => Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur
- );
- }
- const POPUP_TOGGLE_KEY = Symbol();
- function onPopupReopen(callback) {
- const popupToggleStatus = vue.inject(POPUP_TOGGLE_KEY, null);
- if (popupToggleStatus) {
- vue.watch(popupToggleStatus, (show) => {
- if (show) {
- callback();
- }
- });
- }
- }
- const useHeight = (element, withSafeArea) => {
- const height2 = vue.ref();
- const setHeight = () => {
- height2.value = useRect(element).height;
- };
- vue.onMounted(() => {
- vue.nextTick(setHeight);
- if (withSafeArea) {
- for (let i = 1; i <= 3; i++) {
- setTimeout(setHeight, 100 * i);
- }
- }
- });
- onPopupReopen(() => vue.nextTick(setHeight));
- vue.watch([windowWidth, windowHeight], setHeight);
- return height2;
- };
- function usePlaceholder(contentRef, bem2) {
- const height2 = useHeight(contentRef, true);
- return (renderContent) => vue.createVNode("div", {
- "class": bem2("placeholder"),
- "style": {
- height: height2.value ? `${height2.value}px` : void 0
- }
- }, [renderContent()]);
- }
- const [name$1K, bem$1F] = createNamespace("action-bar");
- const ACTION_BAR_KEY = Symbol(name$1K);
- const actionBarProps = {
- placeholder: Boolean,
- safeAreaInsetBottom: truthProp
- };
- var stdin_default$1U = vue.defineComponent({
- name: name$1K,
- props: actionBarProps,
- setup(props2, {
- slots
- }) {
- const root = vue.ref();
- const renderPlaceholder = usePlaceholder(root, bem$1F);
- const {
- linkChildren
- } = useChildren(ACTION_BAR_KEY);
- linkChildren();
- const renderActionBar = () => {
- var _a;
- return vue.createVNode("div", {
- "ref": root,
- "class": [bem$1F(), {
- "van-safe-area-bottom": props2.safeAreaInsetBottom
- }]
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- return () => {
- if (props2.placeholder) {
- return renderPlaceholder(renderActionBar);
- }
- return renderActionBar();
- };
- }
- });
- const ActionBar = withInstall(stdin_default$1U);
- function useExpose(apis) {
- const instance2 = vue.getCurrentInstance();
- if (instance2) {
- extend(instance2.proxy, apis);
- }
- }
- const routeProps = {
- to: [String, Object],
- url: String,
- replace: Boolean
- };
- function route({
- to,
- url,
- replace,
- $router: router
- }) {
- if (to && router) {
- router[replace ? "replace" : "push"](to);
- } else if (url) {
- replace ? location.replace(url) : location.href = url;
- }
- }
- function useRoute() {
- const vm = vue.getCurrentInstance().proxy;
- return () => route(vm);
- }
- const [name$1J, bem$1E] = createNamespace("badge");
- const badgeProps = {
- dot: Boolean,
- max: numericProp,
- tag: makeStringProp("div"),
- color: String,
- offset: Array,
- content: numericProp,
- showZero: truthProp,
- position: makeStringProp("top-right")
- };
- var stdin_default$1T = vue.defineComponent({
- name: name$1J,
- props: badgeProps,
- setup(props2, {
- slots
- }) {
- const hasContent = () => {
- if (slots.content) {
- return true;
- }
- const {
- content,
- showZero
- } = props2;
- return isDef(content) && content !== "" && (showZero || content !== 0 && content !== "0");
- };
- const renderContent = () => {
- const {
- dot,
- max,
- content
- } = props2;
- if (!dot && hasContent()) {
- if (slots.content) {
- return slots.content();
- }
- if (isDef(max) && isNumeric(content) && +content > +max) {
- return `${max}+`;
- }
- return content;
- }
- };
- const getOffsetWithMinusString = (val) => val.startsWith("-") ? val.replace("-", "") : `-${val}`;
- const style = vue.computed(() => {
- const style2 = {
- background: props2.color
- };
- if (props2.offset) {
- const [x, y] = props2.offset;
- const {
- position
- } = props2;
- const [offsetY, offsetX] = position.split("-");
- if (slots.default) {
- if (typeof y === "number") {
- style2[offsetY] = addUnit(offsetY === "top" ? y : -y);
- } else {
- style2[offsetY] = offsetY === "top" ? addUnit(y) : getOffsetWithMinusString(y);
- }
- if (typeof x === "number") {
- style2[offsetX] = addUnit(offsetX === "left" ? x : -x);
- } else {
- style2[offsetX] = offsetX === "left" ? addUnit(x) : getOffsetWithMinusString(x);
- }
- } else {
- style2.marginTop = addUnit(y);
- style2.marginLeft = addUnit(x);
- }
- }
- return style2;
- });
- const renderBadge = () => {
- if (hasContent() || props2.dot) {
- return vue.createVNode("div", {
- "class": bem$1E([props2.position, {
- dot: props2.dot,
- fixed: !!slots.default
- }]),
- "style": style.value
- }, [renderContent()]);
- }
- };
- return () => {
- if (slots.default) {
- const {
- tag
- } = props2;
- return vue.createVNode(tag, {
- "class": bem$1E("wrapper")
- }, {
- default: () => [slots.default(), renderBadge()]
- });
- }
- return renderBadge();
- };
- }
- });
- const Badge = withInstall(stdin_default$1T);
- let globalZIndex = 2e3;
- const useGlobalZIndex = () => ++globalZIndex;
- const setGlobalZIndex = (val) => {
- globalZIndex = val;
- };
- const [name$1I, bem$1D] = createNamespace("config-provider");
- const CONFIG_PROVIDER_KEY = Symbol(name$1I);
- const configProviderProps = {
- tag: makeStringProp("div"),
- theme: makeStringProp("light"),
- zIndex: Number,
- themeVars: Object,
- themeVarsDark: Object,
- themeVarsLight: Object,
- themeVarsScope: makeStringProp("local"),
- iconPrefix: String
- };
- function insertDash(str) {
- return str.replace(/([a-zA-Z])(\d)/g, "$1-$2");
- }
- function mapThemeVarsToCSSVars(themeVars) {
- const cssVars = {};
- Object.keys(themeVars).forEach((key) => {
- const formattedKey = insertDash(kebabCase(key));
- cssVars[`--van-${formattedKey}`] = themeVars[key];
- });
- return cssVars;
- }
- function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
- Object.keys(newStyle).forEach((key) => {
- if (newStyle[key] !== oldStyle[key]) {
- document.documentElement.style.setProperty(key, newStyle[key]);
- }
- });
- Object.keys(oldStyle).forEach((key) => {
- if (!newStyle[key]) {
- document.documentElement.style.removeProperty(key);
- }
- });
- }
- var stdin_default$1S = vue.defineComponent({
- name: name$1I,
- props: configProviderProps,
- setup(props2, {
- slots
- }) {
- const style = vue.computed(() => mapThemeVarsToCSSVars(extend({}, props2.themeVars, props2.theme === "dark" ? props2.themeVarsDark : props2.themeVarsLight)));
- if (inBrowser$1) {
- const addTheme = () => {
- document.documentElement.classList.add(`van-theme-${props2.theme}`);
- };
- const removeTheme = (theme = props2.theme) => {
- document.documentElement.classList.remove(`van-theme-${theme}`);
- };
- vue.watch(() => props2.theme, (newVal, oldVal) => {
- if (oldVal) {
- removeTheme(oldVal);
- }
- addTheme();
- }, {
- immediate: true
- });
- vue.onActivated(addTheme);
- vue.onDeactivated(removeTheme);
- vue.onBeforeUnmount(removeTheme);
- vue.watch(style, (newStyle, oldStyle) => {
- if (props2.themeVarsScope === "global") {
- syncThemeVarsOnRoot(newStyle, oldStyle);
- }
- });
- vue.watch(() => props2.themeVarsScope, (newScope, oldScope) => {
- if (oldScope === "global") {
- syncThemeVarsOnRoot({}, style.value);
- }
- if (newScope === "global") {
- syncThemeVarsOnRoot(style.value, {});
- }
- });
- if (props2.themeVarsScope === "global") {
- syncThemeVarsOnRoot(style.value, {});
- }
- }
- vue.provide(CONFIG_PROVIDER_KEY, props2);
- vue.watchEffect(() => {
- if (props2.zIndex !== void 0) {
- setGlobalZIndex(props2.zIndex);
- }
- });
- return () => vue.createVNode(props2.tag, {
- "class": bem$1D(),
- "style": props2.themeVarsScope === "local" ? style.value : void 0
- }, {
- default: () => {
- var _a;
- return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
- }
- });
- }
- });
- const [name$1H, bem$1C] = createNamespace("icon");
- const isImage$1 = (name2) => name2 == null ? void 0 : name2.includes("/");
- const iconProps = {
- dot: Boolean,
- tag: makeStringProp("i"),
- name: String,
- size: numericProp,
- badge: numericProp,
- color: String,
- badgeProps: Object,
- classPrefix: String
- };
- var stdin_default$1R = vue.defineComponent({
- name: name$1H,
- props: iconProps,
- setup(props2, {
- slots
- }) {
- const config = vue.inject(CONFIG_PROVIDER_KEY, null);
- const classPrefix = vue.computed(() => props2.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1C());
- return () => {
- const {
- tag,
- dot,
- name: name2,
- size,
- badge,
- color
- } = props2;
- const isImageIcon = isImage$1(name2);
- return vue.createVNode(Badge, vue.mergeProps({
- "dot": dot,
- "tag": tag,
- "class": [classPrefix.value, isImageIcon ? "" : `${classPrefix.value}-${name2}`],
- "style": {
- color,
- fontSize: addUnit(size)
- },
- "content": badge
- }, props2.badgeProps), {
- default: () => {
- var _a;
- return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && vue.createVNode("img", {
- "class": bem$1C("image"),
- "src": name2
- }, null)];
- }
- });
- };
- }
- });
- const Icon = withInstall(stdin_default$1R);
- var stdin_default$1Q = Icon;
- const [name$1G, bem$1B] = createNamespace("loading");
- const SpinIcon = Array(12).fill(null).map((_, index) => vue.createVNode("i", {
- "class": bem$1B("line", String(index + 1))
- }, null));
- const CircularIcon = vue.createVNode("svg", {
- "class": bem$1B("circular"),
- "viewBox": "25 25 50 50"
- }, [vue.createVNode("circle", {
- "cx": "50",
- "cy": "50",
- "r": "20",
- "fill": "none"
- }, null)]);
- const loadingProps = {
- size: numericProp,
- type: makeStringProp("circular"),
- color: String,
- vertical: Boolean,
- textSize: numericProp,
- textColor: String
- };
- var stdin_default$1P = vue.defineComponent({
- name: name$1G,
- props: loadingProps,
- setup(props2, {
- slots
- }) {
- const spinnerStyle = vue.computed(() => extend({
- color: props2.color
- }, getSizeStyle(props2.size)));
- const renderIcon = () => {
- const DefaultIcon = props2.type === "spinner" ? SpinIcon : CircularIcon;
- return vue.createVNode("span", {
- "class": bem$1B("spinner", props2.type),
- "style": spinnerStyle.value
- }, [slots.icon ? slots.icon() : DefaultIcon]);
- };
- const renderText = () => {
- var _a;
- if (slots.default) {
- return vue.createVNode("span", {
- "class": bem$1B("text"),
- "style": {
- fontSize: addUnit(props2.textSize),
- color: (_a = props2.textColor) != null ? _a : props2.color
- }
- }, [slots.default()]);
- }
- };
- return () => {
- const {
- type,
- vertical
- } = props2;
- return vue.createVNode("div", {
- "class": bem$1B([type, {
- vertical
- }]),
- "aria-live": "polite",
- "aria-busy": true
- }, [renderIcon(), renderText()]);
- };
- }
- });
- const Loading = withInstall(stdin_default$1P);
- const [name$1F, bem$1A] = createNamespace("button");
- const buttonProps = extend({}, routeProps, {
- tag: makeStringProp("button"),
- text: String,
- icon: String,
- type: makeStringProp("default"),
- size: makeStringProp("normal"),
- color: String,
- block: Boolean,
- plain: Boolean,
- round: Boolean,
- square: Boolean,
- loading: Boolean,
- hairline: Boolean,
- disabled: Boolean,
- iconPrefix: String,
- nativeType: makeStringProp("button"),
- loadingSize: numericProp,
- loadingText: String,
- loadingType: String,
- iconPosition: makeStringProp("left")
- });
- var stdin_default$1O = vue.defineComponent({
- name: name$1F,
- props: buttonProps,
- emits: ["click"],
- setup(props2, {
- emit,
- slots
- }) {
- const route2 = useRoute();
- const renderLoadingIcon = () => {
- if (slots.loading) {
- return slots.loading();
- }
- return vue.createVNode(Loading, {
- "size": props2.loadingSize,
- "type": props2.loadingType,
- "class": bem$1A("loading")
- }, null);
- };
- const renderIcon = () => {
- if (props2.loading) {
- return renderLoadingIcon();
- }
- if (slots.icon) {
- return vue.createVNode("div", {
- "class": bem$1A("icon")
- }, [slots.icon()]);
- }
- if (props2.icon) {
- return vue.createVNode(Icon, {
- "name": props2.icon,
- "class": bem$1A("icon"),
- "classPrefix": props2.iconPrefix
- }, null);
- }
- };
- const renderText = () => {
- let text;
- if (props2.loading) {
- text = props2.loadingText;
- } else {
- text = slots.default ? slots.default() : props2.text;
- }
- if (text) {
- return vue.createVNode("span", {
- "class": bem$1A("text")
- }, [text]);
- }
- };
- const getStyle = () => {
- const {
- color,
- plain
- } = props2;
- if (color) {
- const style = {
- color: plain ? color : "white"
- };
- if (!plain) {
- style.background = color;
- }
- if (color.includes("gradient")) {
- style.border = 0;
- } else {
- style.borderColor = color;
- }
- return style;
- }
- };
- const onClick = (event) => {
- if (props2.loading) {
- preventDefault(event);
- } else if (!props2.disabled) {
- emit("click", event);
- route2();
- }
- };
- return () => {
- const {
- tag,
- type,
- size,
- block,
- round: round2,
- plain,
- square,
- loading,
- disabled,
- hairline,
- nativeType,
- iconPosition
- } = props2;
- const classes = [bem$1A([type, size, {
- plain,
- block,
- round: round2,
- square,
- loading,
- disabled,
- hairline
- }]), {
- [BORDER_SURROUND]: hairline
- }];
- return vue.createVNode(tag, {
- "type": nativeType,
- "class": classes,
- "style": getStyle(),
- "disabled": disabled,
- "onClick": onClick
- }, {
- default: () => [vue.createVNode("div", {
- "class": bem$1A("content")
- }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
- });
- };
- }
- });
- const Button = withInstall(stdin_default$1O);
- const [name$1E, bem$1z] = createNamespace("action-bar-button");
- const actionBarButtonProps = extend({}, routeProps, {
- type: String,
- text: String,
- icon: String,
- color: String,
- loading: Boolean,
- disabled: Boolean
- });
- var stdin_default$1N = vue.defineComponent({
- name: name$1E,
- props: actionBarButtonProps,
- setup(props2, {
- slots
- }) {
- const route2 = useRoute();
- const {
- parent,
- index
- } = useParent(ACTION_BAR_KEY);
- const isFirst = vue.computed(() => {
- if (parent) {
- const prev = parent.children[index.value - 1];
- return !(prev && "isButton" in prev);
- }
- });
- const isLast = vue.computed(() => {
- if (parent) {
- const next = parent.children[index.value + 1];
- return !(next && "isButton" in next);
- }
- });
- useExpose({
- isButton: true
- });
- return () => {
- const {
- type,
- icon,
- text,
- color,
- loading,
- disabled
- } = props2;
- return vue.createVNode(Button, {
- "class": bem$1z([type, {
- last: isLast.value,
- first: isFirst.value
- }]),
- "size": "large",
- "type": type,
- "icon": icon,
- "color": color,
- "loading": loading,
- "disabled": disabled,
- "onClick": route2
- }, {
- default: () => [slots.default ? slots.default() : text]
- });
- };
- }
- });
- const ActionBarButton = withInstall(stdin_default$1N);
- const [name$1D, bem$1y] = createNamespace("action-bar-icon");
- const actionBarIconProps = extend({}, routeProps, {
- dot: Boolean,
- text: String,
- icon: String,
- color: String,
- badge: numericProp,
- iconClass: unknownProp,
- badgeProps: Object,
- iconPrefix: String
- });
- var stdin_default$1M = vue.defineComponent({
- name: name$1D,
- props: actionBarIconProps,
- setup(props2, {
- slots
- }) {
- const route2 = useRoute();
- useParent(ACTION_BAR_KEY);
- const renderIcon = () => {
- const {
- dot,
- badge,
- icon,
- color,
- iconClass,
- badgeProps: badgeProps2,
- iconPrefix
- } = props2;
- if (slots.icon) {
- return vue.createVNode(Badge, vue.mergeProps({
- "dot": dot,
- "class": bem$1y("icon"),
- "content": badge
- }, badgeProps2), {
- default: slots.icon
- });
- }
- return vue.createVNode(Icon, {
- "tag": "div",
- "dot": dot,
- "name": icon,
- "badge": badge,
- "color": color,
- "class": [bem$1y("icon"), iconClass],
- "badgeProps": badgeProps2,
- "classPrefix": iconPrefix
- }, null);
- };
- return () => vue.createVNode("div", {
- "role": "button",
- "class": bem$1y(),
- "tabindex": 0,
- "onClick": route2
- }, [renderIcon(), slots.default ? slots.default() : props2.text]);
- }
- });
- const ActionBarIcon = withInstall(stdin_default$1M);
- const popupSharedProps = {
- // whether to show popup
- show: Boolean,
- // z-index
- zIndex: numericProp,
- // whether to show overlay
- overlay: truthProp,
- // transition duration
- duration: numericProp,
- // teleport
- teleport: [String, Object],
- // prevent body scroll
- lockScroll: truthProp,
- // whether to lazy render
- lazyRender: truthProp,
- // callback function before close
- beforeClose: Function,
- // overlay custom style
- overlayStyle: Object,
- // overlay custom class name
- overlayClass: unknownProp,
- // Initial rendering animation
- transitionAppear: Boolean,
- // whether to close popup when overlay is clicked
- closeOnClickOverlay: truthProp
- };
- const popupSharedPropKeys = Object.keys(
- popupSharedProps
- );
- function getDirection(x, y) {
- if (x > y) {
- return "horizontal";
- }
- if (y > x) {
- return "vertical";
- }
- return "";
- }
- function useTouch() {
- const startX = vue.ref(0);
- const startY = vue.ref(0);
- const deltaX = vue.ref(0);
- const deltaY = vue.ref(0);
- const offsetX = vue.ref(0);
- const offsetY = vue.ref(0);
- const direction = vue.ref("");
- const isTap = vue.ref(true);
- const isVertical = () => direction.value === "vertical";
- const isHorizontal = () => direction.value === "horizontal";
- const reset = () => {
- deltaX.value = 0;
- deltaY.value = 0;
- offsetX.value = 0;
- offsetY.value = 0;
- direction.value = "";
- isTap.value = true;
- };
- const start2 = (event) => {
- reset();
- startX.value = event.touches[0].clientX;
- startY.value = event.touches[0].clientY;
- };
- const move = (event) => {
- const touch = event.touches[0];
- deltaX.value = (touch.clientX < 0 ? 0 : touch.clientX) - startX.value;
- deltaY.value = touch.clientY - startY.value;
- offsetX.value = Math.abs(deltaX.value);
- offsetY.value = Math.abs(deltaY.value);
- const LOCK_DIRECTION_DISTANCE = 10;
- if (!direction.value || offsetX.value < LOCK_DIRECTION_DISTANCE && offsetY.value < LOCK_DIRECTION_DISTANCE) {
- direction.value = getDirection(offsetX.value, offsetY.value);
- }
- if (isTap.value && (offsetX.value > TAP_OFFSET || offsetY.value > TAP_OFFSET)) {
- isTap.value = false;
- }
- };
- return {
- move,
- start: start2,
- reset,
- startX,
- startY,
- deltaX,
- deltaY,
- offsetX,
- offsetY,
- direction,
- isVertical,
- isHorizontal,
- isTap
- };
- }
- let totalLockCount = 0;
- const BODY_LOCK_CLASS = "van-overflow-hidden";
- function useLockScroll(rootRef, shouldLock) {
- const touch = useTouch();
- const DIRECTION_UP = "01";
- const DIRECTION_DOWN = "10";
- const onTouchMove = (event) => {
- touch.move(event);
- const direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
- const el = getScrollParent$1(
- event.target,
- rootRef.value
- );
- const { scrollHeight, offsetHeight, scrollTop } = el;
- let status = "11";
- if (scrollTop === 0) {
- status = offsetHeight >= scrollHeight ? "00" : "01";
- } else if (scrollTop + offsetHeight >= scrollHeight) {
- status = "10";
- }
- if (status !== "11" && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
- preventDefault(event, true);
- }
- };
- const lock = () => {
- document.addEventListener("touchstart", touch.start);
- document.addEventListener("touchmove", onTouchMove, { passive: false });
- if (!totalLockCount) {
- document.body.classList.add(BODY_LOCK_CLASS);
- }
- totalLockCount++;
- };
- const unlock = () => {
- if (totalLockCount) {
- document.removeEventListener("touchstart", touch.start);
- document.removeEventListener("touchmove", onTouchMove);
- totalLockCount--;
- if (!totalLockCount) {
- document.body.classList.remove(BODY_LOCK_CLASS);
- }
- }
- };
- const init = () => shouldLock() && lock();
- const destroy = () => shouldLock() && unlock();
- onMountedOrActivated(init);
- vue.onDeactivated(destroy);
- vue.onBeforeUnmount(destroy);
- vue.watch(shouldLock, (value) => {
- value ? lock() : unlock();
- });
- }
- function useLazyRender(show) {
- const inited = vue.ref(false);
- vue.watch(
- show,
- (value) => {
- if (value) {
- inited.value = value;
- }
- },
- { immediate: true }
- );
- return (render) => () => inited.value ? render() : null;
- }
- const useScopeId = () => {
- var _a;
- const { scopeId } = ((_a = vue.getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
- return scopeId ? { [scopeId]: "" } : null;
- };
- const [name$1C, bem$1x] = createNamespace("overlay");
- const overlayProps = {
- show: Boolean,
- zIndex: numericProp,
- duration: numericProp,
- className: unknownProp,
- lockScroll: truthProp,
- lazyRender: truthProp,
- customStyle: Object,
- teleport: [String, Object]
- };
- var stdin_default$1L = vue.defineComponent({
- name: name$1C,
- props: overlayProps,
- setup(props2, {
- slots
- }) {
- const root = vue.ref();
- const lazyRender = useLazyRender(() => props2.show || !props2.lazyRender);
- const onTouchMove = (event) => {
- if (props2.lockScroll) {
- preventDefault(event, true);
- }
- };
- const renderOverlay = lazyRender(() => {
- var _a;
- const style = extend(getZIndexStyle(props2.zIndex), props2.customStyle);
- if (isDef(props2.duration)) {
- style.animationDuration = `${props2.duration}s`;
- }
- return vue.withDirectives(vue.createVNode("div", {
- "ref": root,
- "style": style,
- "class": [bem$1x(), props2.className]
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vue.vShow, props2.show]]);
- });
- useEventListener("touchmove", onTouchMove, {
- target: root
- });
- return () => {
- const Content = vue.createVNode(vue.Transition, {
- "name": "van-fade",
- "appear": true
- }, {
- default: renderOverlay
- });
- if (props2.teleport) {
- return vue.createVNode(vue.Teleport, {
- "to": props2.teleport
- }, {
- default: () => [Content]
- });
- }
- return Content;
- };
- }
- });
- const Overlay = withInstall(stdin_default$1L);
- const popupProps$2 = extend({}, popupSharedProps, {
- round: Boolean,
- position: makeStringProp("center"),
- closeIcon: makeStringProp("cross"),
- closeable: Boolean,
- transition: String,
- iconPrefix: String,
- closeOnPopstate: Boolean,
- closeIconPosition: makeStringProp("top-right"),
- safeAreaInsetTop: Boolean,
- safeAreaInsetBottom: Boolean
- });
- const [name$1B, bem$1w] = createNamespace("popup");
- var stdin_default$1K = vue.defineComponent({
- name: name$1B,
- inheritAttrs: false,
- props: popupProps$2,
- emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
- setup(props2, {
- emit,
- attrs,
- slots
- }) {
- let opened;
- let shouldReopen;
- const zIndex = vue.ref();
- const popupRef = vue.ref();
- const lazyRender = useLazyRender(() => props2.show || !props2.lazyRender);
- const style = vue.computed(() => {
- const style2 = {
- zIndex: zIndex.value
- };
- if (isDef(props2.duration)) {
- const key = props2.position === "center" ? "animationDuration" : "transitionDuration";
- style2[key] = `${props2.duration}s`;
- }
- return style2;
- });
- const open = () => {
- if (!opened) {
- opened = true;
- zIndex.value = props2.zIndex !== void 0 ? +props2.zIndex : useGlobalZIndex();
- emit("open");
- }
- };
- const close = () => {
- if (opened) {
- callInterceptor(props2.beforeClose, {
- done() {
- opened = false;
- emit("close");
- emit("update:show", false);
- }
- });
- }
- };
- const onClickOverlay = (event) => {
- emit("clickOverlay", event);
- if (props2.closeOnClickOverlay) {
- close();
- }
- };
- const renderOverlay = () => {
- if (props2.overlay) {
- return vue.createVNode(Overlay, vue.mergeProps({
- "show": props2.show,
- "class": props2.overlayClass,
- "zIndex": zIndex.value,
- "duration": props2.duration,
- "customStyle": props2.overlayStyle,
- "role": props2.closeOnClickOverlay ? "button" : void 0,
- "tabindex": props2.closeOnClickOverlay ? 0 : void 0
- }, useScopeId(), {
- "onClick": onClickOverlay
- }), {
- default: slots["overlay-content"]
- });
- }
- };
- const onClickCloseIcon = (event) => {
- emit("clickCloseIcon", event);
- close();
- };
- const renderCloseIcon = () => {
- if (props2.closeable) {
- return vue.createVNode(Icon, {
- "role": "button",
- "tabindex": 0,
- "name": props2.closeIcon,
- "class": [bem$1w("close-icon", props2.closeIconPosition), HAPTICS_FEEDBACK],
- "classPrefix": props2.iconPrefix,
- "onClick": onClickCloseIcon
- }, null);
- }
- };
- let timer2;
- const onOpened = () => {
- if (timer2) clearTimeout(timer2);
- timer2 = setTimeout(() => {
- emit("opened");
- });
- };
- const onClosed = () => emit("closed");
- const onKeydown = (event) => emit("keydown", event);
- const renderPopup = lazyRender(() => {
- var _a;
- const {
- round: round2,
- position,
- safeAreaInsetTop,
- safeAreaInsetBottom
- } = props2;
- return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
- "ref": popupRef,
- "style": style.value,
- "role": "dialog",
- "tabindex": 0,
- "class": [bem$1w({
- round: round2,
- [position]: position
- }), {
- "van-safe-area-top": safeAreaInsetTop,
- "van-safe-area-bottom": safeAreaInsetBottom
- }],
- "onKeydown": onKeydown
- }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vue.vShow, props2.show]]);
- });
- const renderTransition = () => {
- const {
- position,
- transition,
- transitionAppear
- } = props2;
- const name2 = position === "center" ? "van-fade" : `van-popup-slide-${position}`;
- return vue.createVNode(vue.Transition, {
- "name": transition || name2,
- "appear": transitionAppear,
- "onAfterEnter": onOpened,
- "onAfterLeave": onClosed
- }, {
- default: renderPopup
- });
- };
- vue.watch(() => props2.show, (show) => {
- if (show && !opened) {
- open();
- if (attrs.tabindex === 0) {
- vue.nextTick(() => {
- var _a;
- (_a = popupRef.value) == null ? void 0 : _a.focus();
- });
- }
- }
- if (!show && opened) {
- opened = false;
- emit("close");
- }
- });
- useExpose({
- popupRef
- });
- useLockScroll(popupRef, () => props2.show && props2.lockScroll);
- useEventListener("popstate", () => {
- if (props2.closeOnPopstate) {
- close();
- shouldReopen = false;
- }
- });
- vue.onMounted(() => {
- if (props2.show) {
- open();
- }
- });
- vue.onActivated(() => {
- if (shouldReopen) {
- emit("update:show", true);
- shouldReopen = false;
- }
- });
- vue.onDeactivated(() => {
- if (props2.show && props2.teleport) {
- close();
- shouldReopen = true;
- }
- });
- vue.provide(POPUP_TOGGLE_KEY, () => props2.show);
- return () => {
- if (props2.teleport) {
- return vue.createVNode(vue.Teleport, {
- "to": props2.teleport
- }, {
- default: () => [renderOverlay(), renderTransition()]
- });
- }
- return vue.createVNode(vue.Fragment, null, [renderOverlay(), renderTransition()]);
- };
- }
- });
- const Popup = withInstall(stdin_default$1K);
- const [name$1A, bem$1v] = createNamespace("action-sheet");
- const actionSheetProps = extend({}, popupSharedProps, {
- title: String,
- round: truthProp,
- actions: makeArrayProp(),
- closeIcon: makeStringProp("cross"),
- closeable: truthProp,
- cancelText: String,
- description: String,
- closeOnPopstate: truthProp,
- closeOnClickAction: Boolean,
- safeAreaInsetBottom: truthProp
- });
- const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
- var stdin_default$1J = vue.defineComponent({
- name: name$1A,
- props: actionSheetProps,
- emits: ["select", "cancel", "update:show"],
- setup(props2, {
- slots,
- emit
- }) {
- const updateShow = (show) => emit("update:show", show);
- const onCancel = () => {
- updateShow(false);
- emit("cancel");
- };
- const renderHeader = () => {
- if (props2.title) {
- return vue.createVNode("div", {
- "class": bem$1v("header")
- }, [props2.title, props2.closeable && vue.createVNode(Icon, {
- "name": props2.closeIcon,
- "class": [bem$1v("close"), HAPTICS_FEEDBACK],
- "onClick": onCancel
- }, null)]);
- }
- };
- const renderCancel = () => {
- if (slots.cancel || props2.cancelText) {
- return [vue.createVNode("div", {
- "class": bem$1v("gap")
- }, null), vue.createVNode("button", {
- "type": "button",
- "class": bem$1v("cancel"),
- "onClick": onCancel
- }, [slots.cancel ? slots.cancel() : props2.cancelText])];
- }
- };
- const renderIcon = (action) => {
- if (action.icon) {
- return vue.createVNode(Icon, {
- "class": bem$1v("item-icon"),
- "name": action.icon
- }, null);
- }
- };
- const renderActionContent = (action, index) => {
- if (action.loading) {
- return vue.createVNode(Loading, {
- "class": bem$1v("loading-icon")
- }, null);
- }
- if (slots.action) {
- return slots.action({
- action,
- index
- });
- }
- return [vue.createVNode("span", {
- "class": bem$1v("name")
- }, [action.name]), action.subname && vue.createVNode("div", {
- "class": bem$1v("subname")
- }, [action.subname])];
- };
- const renderAction = (action, index) => {
- const {
- color,
- loading,
- callback,
- disabled,
- className
- } = action;
- const onClick = () => {
- if (disabled || loading) {
- return;
- }
- if (callback) {
- callback(action);
- }
- if (props2.closeOnClickAction) {
- updateShow(false);
- }
- vue.nextTick(() => emit("select", action, index));
- };
- return vue.createVNode("button", {
- "type": "button",
- "style": {
- color
- },
- "class": [bem$1v("item", {
- loading,
- disabled
- }), className],
- "onClick": onClick
- }, [renderIcon(action), renderActionContent(action, index)]);
- };
- const renderDescription = () => {
- if (props2.description || slots.description) {
- const content = slots.description ? slots.description() : props2.description;
- return vue.createVNode("div", {
- "class": bem$1v("description")
- }, [content]);
- }
- };
- return () => vue.createVNode(Popup, vue.mergeProps({
- "class": bem$1v(),
- "position": "bottom",
- "onUpdate:show": updateShow
- }, pick(props2, popupInheritKeys$2)), {
- default: () => {
- var _a;
- return [renderHeader(), renderDescription(), vue.createVNode("div", {
- "class": bem$1v("content")
- }, [props2.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
- }
- });
- }
- });
- const ActionSheet = withInstall(stdin_default$1J);
- const [name$1z, bem$1u, t$k] = createNamespace("picker");
- const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
- function getColumnsType(columns, fields) {
- const firstColumn = columns[0];
- if (firstColumn) {
- if (Array.isArray(firstColumn)) {
- return "multiple";
- }
- if (fields.children in firstColumn) {
- return "cascade";
- }
- }
- return "default";
- }
- function findIndexOfEnabledOption(options, index) {
- index = clamp(index, 0, options.length);
- for (let i = index; i < options.length; i++) {
- if (!options[i].disabled) return i;
- }
- for (let i = index - 1; i >= 0; i--) {
- if (!options[i].disabled) return i;
- }
- return 0;
- }
- const isOptionExist = (options, value, fields) => value !== void 0 && !!options.find((option) => option[fields.value] === value);
- function findOptionByValue(options, value, fields) {
- const index = options.findIndex((option) => option[fields.value] === value);
- const enabledIndex = findIndexOfEnabledOption(options, index);
- return options[enabledIndex];
- }
- function formatCascadeColumns(columns, fields, selectedValues) {
- const formatted = [];
- let cursor = {
- [fields.children]: columns
- };
- let columnIndex = 0;
- while (cursor && cursor[fields.children]) {
- const options = cursor[fields.children];
- const value = selectedValues.value[columnIndex];
- cursor = isDef(value) ? findOptionByValue(options, value, fields) : void 0;
- if (!cursor && options.length) {
- const firstValue = getFirstEnabledOption(options)[fields.value];
- cursor = findOptionByValue(options, firstValue, fields);
- }
- columnIndex++;
- formatted.push(options);
- }
- return formatted;
- }
- function getElementTranslateY(element) {
- const { transform } = window.getComputedStyle(element);
- const translateY = transform.slice(7, transform.length - 1).split(", ")[5];
- return Number(translateY);
- }
- function assignDefaultFields(fields) {
- return extend(
- {
- text: "text",
- value: "value",
- children: "children"
- },
- fields
- );
- }
- const DEFAULT_DURATION = 200;
- const MOMENTUM_TIME = 300;
- const MOMENTUM_DISTANCE = 15;
- const [name$1y, bem$1t] = createNamespace("picker-column");
- const PICKER_KEY = Symbol(name$1y);
- var stdin_default$1I = vue.defineComponent({
- name: name$1y,
- props: {
- value: numericProp,
- fields: makeRequiredProp(Object),
- options: makeArrayProp(),
- readonly: Boolean,
- allowHtml: Boolean,
- optionHeight: makeRequiredProp(Number),
- swipeDuration: makeRequiredProp(numericProp),
- visibleOptionNum: makeRequiredProp(numericProp)
- },
- emits: ["change", "clickOption", "scrollInto"],
- setup(props2, {
- emit,
- slots
- }) {
- let moving;
- let startOffset;
- let touchStartTime;
- let momentumOffset;
- let transitionEndTrigger;
- const root = vue.ref();
- const wrapper = vue.ref();
- const currentOffset = vue.ref(0);
- const currentDuration = vue.ref(0);
- const touch = useTouch();
- const count = () => props2.options.length;
- const baseOffset = () => props2.optionHeight * (+props2.visibleOptionNum - 1) / 2;
- const updateValueByIndex = (index) => {
- let enabledIndex = findIndexOfEnabledOption(props2.options, index);
- const offset2 = -enabledIndex * props2.optionHeight;
- const trigger = () => {
- if (enabledIndex > count() - 1) {
- enabledIndex = findIndexOfEnabledOption(props2.options, index);
- }
- const value = props2.options[enabledIndex][props2.fields.value];
- if (value !== props2.value) {
- emit("change", value);
- }
- };
- if (moving && offset2 !== currentOffset.value) {
- transitionEndTrigger = trigger;
- } else {
- trigger();
- }
- currentOffset.value = offset2;
- };
- const isReadonly = () => props2.readonly || !props2.options.length;
- const onClickOption = (index) => {
- if (moving || isReadonly()) {
- return;
- }
- transitionEndTrigger = null;
- currentDuration.value = DEFAULT_DURATION;
- updateValueByIndex(index);
- emit("clickOption", props2.options[index]);
- };
- const getIndexByOffset = (offset2) => clamp(Math.round(-offset2 / props2.optionHeight), 0, count() - 1);
- const currentIndex = vue.computed(() => getIndexByOffset(currentOffset.value));
- const momentum = (distance, duration) => {
- const speed = Math.abs(distance / duration);
- distance = currentOffset.value + speed / 3e-3 * (distance < 0 ? -1 : 1);
- const index = getIndexByOffset(distance);
- currentDuration.value = +props2.swipeDuration;
- updateValueByIndex(index);
- };
- const stopMomentum = () => {
- moving = false;
- currentDuration.value = 0;
- if (transitionEndTrigger) {
- transitionEndTrigger();
- transitionEndTrigger = null;
- }
- };
- const onTouchStart = (event) => {
- if (isReadonly()) {
- return;
- }
- touch.start(event);
- if (moving) {
- const translateY = getElementTranslateY(wrapper.value);
- currentOffset.value = Math.min(0, translateY - baseOffset());
- }
- currentDuration.value = 0;
- startOffset = currentOffset.value;
- touchStartTime = Date.now();
- momentumOffset = startOffset;
- transitionEndTrigger = null;
- };
- const onTouchMove = (event) => {
- if (isReadonly()) {
- return;
- }
- touch.move(event);
- if (touch.isVertical()) {
- moving = true;
- preventDefault(event, true);
- }
- const newOffset = clamp(startOffset + touch.deltaY.value, -(count() * props2.optionHeight), props2.optionHeight);
- const newIndex = getIndexByOffset(newOffset);
- if (newIndex !== currentIndex.value) {
- emit("scrollInto", props2.options[newIndex]);
- }
- currentOffset.value = newOffset;
- const now = Date.now();
- if (now - touchStartTime > MOMENTUM_TIME) {
- touchStartTime = now;
- momentumOffset = newOffset;
- }
- };
- const onTouchEnd = () => {
- if (isReadonly()) {
- return;
- }
- const distance = currentOffset.value - momentumOffset;
- const duration = Date.now() - touchStartTime;
- const startMomentum = duration < MOMENTUM_TIME && Math.abs(distance) > MOMENTUM_DISTANCE;
- if (startMomentum) {
- momentum(distance, duration);
- return;
- }
- const index = getIndexByOffset(currentOffset.value);
- currentDuration.value = DEFAULT_DURATION;
- updateValueByIndex(index);
- setTimeout(() => {
- moving = false;
- }, 0);
- };
- const renderOptions = () => {
- const optionStyle = {
- height: `${props2.optionHeight}px`
- };
- return props2.options.map((option, index) => {
- const text = option[props2.fields.text];
- const {
- disabled
- } = option;
- const value = option[props2.fields.value];
- const data = {
- role: "button",
- style: optionStyle,
- tabindex: disabled ? -1 : 0,
- class: [bem$1t("item", {
- disabled,
- selected: value === props2.value
- }), option.className],
- onClick: () => onClickOption(index)
- };
- const childData = {
- class: "van-ellipsis",
- [props2.allowHtml ? "innerHTML" : "textContent"]: text
- };
- return vue.createVNode("li", data, [slots.option ? slots.option(option, index) : vue.createVNode("div", childData, null)]);
- });
- };
- useParent(PICKER_KEY);
- useExpose({
- stopMomentum
- });
- vue.watchEffect(() => {
- const index = moving ? Math.floor(-currentOffset.value / props2.optionHeight) : props2.options.findIndex((option) => option[props2.fields.value] === props2.value);
- const enabledIndex = findIndexOfEnabledOption(props2.options, index);
- const offset2 = -enabledIndex * props2.optionHeight;
- if (moving && enabledIndex < index) stopMomentum();
- currentOffset.value = offset2;
- });
- useEventListener("touchmove", onTouchMove, {
- target: root
- });
- return () => vue.createVNode("div", {
- "ref": root,
- "class": bem$1t(),
- "onTouchstartPassive": onTouchStart,
- "onTouchend": onTouchEnd,
- "onTouchcancel": onTouchEnd
- }, [vue.createVNode("ul", {
- "ref": wrapper,
- "style": {
- transform: `translate3d(0, ${currentOffset.value + baseOffset()}px, 0)`,
- transitionDuration: `${currentDuration.value}ms`,
- transitionProperty: currentDuration.value ? "all" : "none"
- },
- "class": bem$1t("wrapper"),
- "onTransitionend": stopMomentum
- }, [renderOptions()])]);
- }
- });
- const [name$1x] = createNamespace("picker-toolbar");
- const pickerToolbarProps = {
- title: String,
- cancelButtonText: String,
- confirmButtonText: String
- };
- const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
- const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
- var stdin_default$1H = vue.defineComponent({
- name: name$1x,
- props: pickerToolbarProps,
- emits: ["confirm", "cancel"],
- setup(props2, {
- emit,
- slots
- }) {
- const renderTitle = () => {
- if (slots.title) {
- return slots.title();
- }
- if (props2.title) {
- return vue.createVNode("div", {
- "class": [bem$1u("title"), "van-ellipsis"]
- }, [props2.title]);
- }
- };
- const onCancel = () => emit("cancel");
- const onConfirm = () => emit("confirm");
- const renderCancel = () => {
- var _a;
- const text = (_a = props2.cancelButtonText) != null ? _a : t$k("cancel");
- if (!slots.cancel && !text) {
- return;
- }
- return vue.createVNode("button", {
- "type": "button",
- "class": [bem$1u("cancel"), HAPTICS_FEEDBACK],
- "onClick": onCancel
- }, [slots.cancel ? slots.cancel() : text]);
- };
- const renderConfirm = () => {
- var _a;
- const text = (_a = props2.confirmButtonText) != null ? _a : t$k("confirm");
- if (!slots.confirm && !text) {
- return;
- }
- return vue.createVNode("button", {
- "type": "button",
- "class": [bem$1u("confirm"), HAPTICS_FEEDBACK],
- "onClick": onConfirm
- }, [slots.confirm ? slots.confirm() : text]);
- };
- return () => vue.createVNode("div", {
- "class": bem$1u("toolbar")
- }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderTitle(), renderConfirm()]]);
- }
- });
- const useSyncPropRef = (getProp, setProp) => {
- const propRef = vue.ref(getProp());
- vue.watch(getProp, (value) => {
- if (value !== propRef.value) {
- propRef.value = value;
- }
- });
- vue.watch(propRef, (value) => {
- if (value !== getProp()) {
- setProp(value);
- }
- });
- return propRef;
- };
- /**
- * @vue/shared v3.5.12
- * (c) 2018-present Yuxi (Evan) You and Vue contributors
- * @license MIT
- **/
- const isArray = Array.isArray;
- const isString = (val) => typeof val === "string";
- const isObject = (val) => val !== null && typeof val === "object";
- const cacheStringFunction = (fn) => {
- const cache = /* @__PURE__ */ Object.create(null);
- return (str) => {
- const hit = cache[str];
- return hit || (cache[str] = fn(str));
- };
- };
- const hyphenateRE = /\B([A-Z])/g;
- const hyphenate = cacheStringFunction(
- (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
- );
- function normalizeStyle(value) {
- if (isArray(value)) {
- const res = {};
- for (let i = 0; i < value.length; i++) {
- const item = value[i];
- const normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item);
- if (normalized) {
- for (const key in normalized) {
- res[key] = normalized[key];
- }
- }
- }
- return res;
- } else if (isString(value) || isObject(value)) {
- return value;
- }
- }
- const listDelimiterRE = /;(?![^(]*\))/g;
- const propertyDelimiterRE = /:([^]+)/;
- const styleCommentRE = /\/\*[^]*?\*\//g;
- function parseStringStyle(cssText) {
- const ret = {};
- cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
- if (item) {
- const tmp = item.split(propertyDelimiterRE);
- tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
- }
- });
- return ret;
- }
- function stringifyStyle(styles) {
- let ret = "";
- if (!styles || isString(styles)) {
- return ret;
- }
- for (const key in styles) {
- const value = styles[key];
- if (isString(value) || typeof value === "number") {
- const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
- ret += `${normalizedKey}:${value};`;
- }
- }
- return ret;
- }
- function normalizeClass(value) {
- let res = "";
- if (isString(value)) {
- res = value;
- } else if (isArray(value)) {
- for (let i = 0; i < value.length; i++) {
- const normalized = normalizeClass(value[i]);
- if (normalized) {
- res += normalized + " ";
- }
- }
- } else if (isObject(value)) {
- for (const name2 in value) {
- if (value[name2]) {
- res += name2 + " ";
- }
- }
- }
- return res.trim();
- }
- function scrollLeftTo(scroller, to, duration) {
- let rafId;
- let count = 0;
- const from = scroller.scrollLeft;
- const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
- let scrollLeft = from;
- function cancel() {
- cancelRaf(rafId);
- }
- function animate() {
- scrollLeft += (to - from) / frames;
- scroller.scrollLeft = scrollLeft;
- if (++count < frames) {
- rafId = raf(animate);
- }
- }
- animate();
- return cancel;
- }
- function scrollTopTo(scroller, to, duration, callback) {
- let rafId;
- let current2 = getScrollTop(scroller);
- const isDown = current2 < to;
- const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
- const step = (to - current2) / frames;
- function cancel() {
- cancelRaf(rafId);
- }
- function animate() {
- current2 += step;
- if (isDown && current2 > to || !isDown && current2 < to) {
- current2 = to;
- }
- setScrollTop(scroller, current2);
- if (isDown && current2 < to || !isDown && current2 > to) {
- rafId = raf(animate);
- } else if (callback) {
- rafId = raf(callback);
- }
- }
- animate();
- return cancel;
- }
- let current = 0;
- function useId() {
- const vm = vue.getCurrentInstance();
- const { name: name2 = "unknown" } = (vm == null ? void 0 : vm.type) || {};
- return `${name2}-${++current}`;
- }
- function useRefs() {
- const refs = vue.ref([]);
- const cache = [];
- vue.onBeforeUpdate(() => {
- refs.value = [];
- });
- const setRefs = (index) => {
- if (!cache[index]) {
- cache[index] = (el) => {
- refs.value[index] = el;
- };
- }
- return cache[index];
- };
- return [refs, setRefs];
- }
- function useVisibilityChange(target, onChange) {
- if (!inBrowser$1 || !window.IntersectionObserver) {
- return;
- }
- const observer = new IntersectionObserver(
- (entries) => {
- onChange(entries[0].intersectionRatio > 0);
- },
- { root: document.body }
- );
- const observe = () => {
- if (target.value) {
- observer.observe(target.value);
- }
- };
- const unobserve = () => {
- if (target.value) {
- observer.unobserve(target.value);
- }
- };
- vue.onDeactivated(unobserve);
- vue.onBeforeUnmount(unobserve);
- onMountedOrActivated(observe);
- }
- const [name$1w, bem$1s] = createNamespace("sticky");
- const stickyProps = {
- zIndex: numericProp,
- position: makeStringProp("top"),
- container: Object,
- offsetTop: makeNumericProp(0),
- offsetBottom: makeNumericProp(0)
- };
- var stdin_default$1G = vue.defineComponent({
- name: name$1w,
- props: stickyProps,
- emits: ["scroll", "change"],
- setup(props2, {
- emit,
- slots
- }) {
- const root = vue.ref();
- const scrollParent = useScrollParent(root);
- const state = vue.reactive({
- fixed: false,
- width: 0,
- // root width
- height: 0,
- // root height
- transform: 0
- });
- const isReset = vue.ref(false);
- const offset2 = vue.computed(() => unitToPx(props2.position === "top" ? props2.offsetTop : props2.offsetBottom));
- const rootStyle = vue.computed(() => {
- if (isReset.value) {
- return;
- }
- const {
- fixed,
- height: height2,
- width: width2
- } = state;
- if (fixed) {
- return {
- width: `${width2}px`,
- height: `${height2}px`
- };
- }
- });
- const stickyStyle = vue.computed(() => {
- if (!state.fixed || isReset.value) {
- return;
- }
- const style = extend(getZIndexStyle(props2.zIndex), {
- width: `${state.width}px`,
- height: `${state.height}px`,
- [props2.position]: `${offset2.value}px`
- });
- if (state.transform) {
- style.transform = `translate3d(0, ${state.transform}px, 0)`;
- }
- return style;
- });
- const emitScroll = (scrollTop) => emit("scroll", {
- scrollTop,
- isFixed: state.fixed
- });
- const onScroll = () => {
- if (!root.value || isHidden(root)) {
- return;
- }
- const {
- container,
- position
- } = props2;
- const rootRect = useRect(root);
- const scrollTop = getScrollTop(window);
- state.width = rootRect.width;
- state.height = rootRect.height;
- if (position === "top") {
- if (container) {
- const containerRect = useRect(container);
- const difference = containerRect.bottom - offset2.value - state.height;
- state.fixed = offset2.value > rootRect.top && containerRect.bottom > 0;
- state.transform = difference < 0 ? difference : 0;
- } else {
- state.fixed = offset2.value > rootRect.top;
- }
- } else {
- const {
- clientHeight
- } = document.documentElement;
- if (container) {
- const containerRect = useRect(container);
- const difference = clientHeight - containerRect.top - offset2.value - state.height;
- state.fixed = clientHeight - offset2.value < rootRect.bottom && clientHeight > containerRect.top;
- state.transform = difference < 0 ? -difference : 0;
- } else {
- state.fixed = clientHeight - offset2.value < rootRect.bottom;
- }
- }
- emitScroll(scrollTop);
- };
- vue.watch(() => state.fixed, (value) => emit("change", value));
- useEventListener("scroll", onScroll, {
- target: scrollParent,
- passive: true
- });
- useVisibilityChange(root, onScroll);
- vue.watch([windowWidth, windowHeight], () => {
- if (!root.value || isHidden(root) || !state.fixed) {
- return;
- }
- isReset.value = true;
- vue.nextTick(() => {
- const rootRect = useRect(root);
- state.width = rootRect.width;
- state.height = rootRect.height;
- isReset.value = false;
- });
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "ref": root,
- "style": rootStyle.value
- }, [vue.createVNode("div", {
- "class": bem$1s({
- fixed: state.fixed && !isReset.value
- }),
- "style": stickyStyle.value
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
- };
- }
- });
- const Sticky = withInstall(stdin_default$1G);
- const [name$1v, bem$1r] = createNamespace("swipe");
- const swipeProps = {
- loop: truthProp,
- width: numericProp,
- height: numericProp,
- vertical: Boolean,
- autoplay: makeNumericProp(0),
- duration: makeNumericProp(500),
- touchable: truthProp,
- lazyRender: Boolean,
- initialSwipe: makeNumericProp(0),
- indicatorColor: String,
- showIndicators: truthProp,
- stopPropagation: truthProp
- };
- const SWIPE_KEY = Symbol(name$1v);
- var stdin_default$1F = vue.defineComponent({
- name: name$1v,
- props: swipeProps,
- emits: ["change", "dragStart", "dragEnd"],
- setup(props2, {
- emit,
- slots
- }) {
- const root = vue.ref();
- const track = vue.ref();
- const state = vue.reactive({
- rect: null,
- width: 0,
- height: 0,
- offset: 0,
- active: 0,
- swiping: false
- });
- let dragging = false;
- const touch = useTouch();
- const {
- children,
- linkChildren
- } = useChildren(SWIPE_KEY);
- const count = vue.computed(() => children.length);
- const size = vue.computed(() => state[props2.vertical ? "height" : "width"]);
- const delta = vue.computed(() => props2.vertical ? touch.deltaY.value : touch.deltaX.value);
- const minOffset = vue.computed(() => {
- if (state.rect) {
- const base = props2.vertical ? state.rect.height : state.rect.width;
- return base - size.value * count.value;
- }
- return 0;
- });
- const maxCount = vue.computed(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
- const trackSize = vue.computed(() => count.value * size.value);
- const activeIndicator = vue.computed(() => (state.active + count.value) % count.value);
- const isCorrectDirection = vue.computed(() => {
- const expect = props2.vertical ? "vertical" : "horizontal";
- return touch.direction.value === expect;
- });
- const trackStyle = vue.computed(() => {
- const style = {
- transitionDuration: `${state.swiping ? 0 : props2.duration}ms`,
- transform: `translate${props2.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
- };
- if (size.value) {
- const mainAxis = props2.vertical ? "height" : "width";
- const crossAxis = props2.vertical ? "width" : "height";
- style[mainAxis] = `${trackSize.value}px`;
- style[crossAxis] = props2[crossAxis] ? `${props2[crossAxis]}px` : "";
- }
- return style;
- });
- const getTargetActive = (pace) => {
- const {
- active
- } = state;
- if (pace) {
- if (props2.loop) {
- return clamp(active + pace, -1, count.value);
- }
- return clamp(active + pace, 0, maxCount.value);
- }
- return active;
- };
- const getTargetOffset = (targetActive, offset2 = 0) => {
- let currentPosition = targetActive * size.value;
- if (!props2.loop) {
- currentPosition = Math.min(currentPosition, -minOffset.value);
- }
- let targetOffset = offset2 - currentPosition;
- if (!props2.loop) {
- targetOffset = clamp(targetOffset, minOffset.value, 0);
- }
- return targetOffset;
- };
- const move = ({
- pace = 0,
- offset: offset2 = 0,
- emitChange
- }) => {
- if (count.value <= 1) {
- return;
- }
- const {
- active
- } = state;
- const targetActive = getTargetActive(pace);
- const targetOffset = getTargetOffset(targetActive, offset2);
- if (props2.loop) {
- if (children[0] && targetOffset !== minOffset.value) {
- const outRightBound = targetOffset < minOffset.value;
- children[0].setOffset(outRightBound ? trackSize.value : 0);
- }
- if (children[count.value - 1] && targetOffset !== 0) {
- const outLeftBound = targetOffset > 0;
- children[count.value - 1].setOffset(outLeftBound ? -trackSize.value : 0);
- }
- }
- state.active = targetActive;
- state.offset = targetOffset;
- if (emitChange && targetActive !== active) {
- emit("change", activeIndicator.value);
- }
- };
- const correctPosition = () => {
- state.swiping = true;
- if (state.active <= -1) {
- move({
- pace: count.value
- });
- } else if (state.active >= count.value) {
- move({
- pace: -count.value
- });
- }
- };
- const prev = () => {
- correctPosition();
- touch.reset();
- doubleRaf(() => {
- state.swiping = false;
- move({
- pace: -1,
- emitChange: true
- });
- });
- };
- const next = () => {
- correctPosition();
- touch.reset();
- doubleRaf(() => {
- state.swiping = false;
- move({
- pace: 1,
- emitChange: true
- });
- });
- };
- let autoplayTimer;
- const stopAutoplay = () => clearTimeout(autoplayTimer);
- const autoplay = () => {
- stopAutoplay();
- if (+props2.autoplay > 0 && count.value > 1) {
- autoplayTimer = setTimeout(() => {
- next();
- autoplay();
- }, +props2.autoplay);
- }
- };
- const initialize = (active = +props2.initialSwipe) => {
- if (!root.value) {
- return;
- }
- const cb = () => {
- var _a, _b;
- if (!isHidden(root)) {
- const rect = {
- width: root.value.offsetWidth,
- height: root.value.offsetHeight
- };
- state.rect = rect;
- state.width = +((_a = props2.width) != null ? _a : rect.width);
- state.height = +((_b = props2.height) != null ? _b : rect.height);
- }
- if (count.value) {
- active = Math.min(count.value - 1, active);
- if (active === -1) {
- active = count.value - 1;
- }
- }
- state.active = active;
- state.swiping = true;
- state.offset = getTargetOffset(active);
- children.forEach((swipe) => {
- swipe.setOffset(0);
- });
- autoplay();
- };
- if (isHidden(root)) {
- vue.nextTick().then(cb);
- } else {
- cb();
- }
- };
- const resize = () => initialize(state.active);
- let touchStartTime;
- const onTouchStart = (event) => {
- if (!props2.touchable || // avoid resetting position on multi-finger touch
- event.touches.length > 1) return;
- touch.start(event);
- dragging = false;
- touchStartTime = Date.now();
- stopAutoplay();
- correctPosition();
- };
- const onTouchMove = (event) => {
- if (props2.touchable && state.swiping) {
- touch.move(event);
- if (isCorrectDirection.value) {
- const isEdgeTouch = !props2.loop && (state.active === 0 && delta.value > 0 || state.active === count.value - 1 && delta.value < 0);
- if (!isEdgeTouch) {
- preventDefault(event, props2.stopPropagation);
- move({
- offset: delta.value
- });
- if (!dragging) {
- emit("dragStart", {
- index: activeIndicator.value
- });
- dragging = true;
- }
- }
- }
- }
- };
- const onTouchEnd = () => {
- if (!props2.touchable || !state.swiping) {
- return;
- }
- const duration = Date.now() - touchStartTime;
- const speed = delta.value / duration;
- const shouldSwipe = Math.abs(speed) > 0.25 || Math.abs(delta.value) > size.value / 2;
- if (shouldSwipe && isCorrectDirection.value) {
- const offset2 = props2.vertical ? touch.offsetY.value : touch.offsetX.value;
- let pace = 0;
- if (props2.loop) {
- pace = offset2 > 0 ? delta.value > 0 ? -1 : 1 : 0;
- } else {
- pace = -Math[delta.value > 0 ? "ceil" : "floor"](delta.value / size.value);
- }
- move({
- pace,
- emitChange: true
- });
- } else if (delta.value) {
- move({
- pace: 0
- });
- }
- dragging = false;
- state.swiping = false;
- emit("dragEnd", {
- index: activeIndicator.value
- });
- autoplay();
- };
- const swipeTo = (index, options = {}) => {
- correctPosition();
- touch.reset();
- doubleRaf(() => {
- let targetIndex;
- if (props2.loop && index === count.value) {
- targetIndex = state.active === 0 ? 0 : index;
- } else {
- targetIndex = index % count.value;
- }
- if (options.immediate) {
- doubleRaf(() => {
- state.swiping = false;
- });
- } else {
- state.swiping = false;
- }
- move({
- pace: targetIndex - state.active,
- emitChange: true
- });
- });
- };
- const renderDot = (_, index) => {
- const active = index === activeIndicator.value;
- const style = active ? {
- backgroundColor: props2.indicatorColor
- } : void 0;
- return vue.createVNode("i", {
- "style": style,
- "class": bem$1r("indicator", {
- active
- })
- }, null);
- };
- const renderIndicator = () => {
- if (slots.indicator) {
- return slots.indicator({
- active: activeIndicator.value,
- total: count.value
- });
- }
- if (props2.showIndicators && count.value > 1) {
- return vue.createVNode("div", {
- "class": bem$1r("indicators", {
- vertical: props2.vertical
- })
- }, [Array(count.value).fill("").map(renderDot)]);
- }
- };
- useExpose({
- prev,
- next,
- state,
- resize,
- swipeTo
- });
- linkChildren({
- size,
- props: props2,
- count,
- activeIndicator
- });
- vue.watch(() => props2.initialSwipe, (value) => initialize(+value));
- vue.watch(count, () => initialize(state.active));
- vue.watch(() => props2.autoplay, autoplay);
- vue.watch([windowWidth, windowHeight, () => props2.width, () => props2.height], resize);
- vue.watch(usePageVisibility(), (visible) => {
- if (visible === "visible") {
- autoplay();
- } else {
- stopAutoplay();
- }
- });
- vue.onMounted(initialize);
- vue.onActivated(() => initialize(state.active));
- onPopupReopen(() => initialize(state.active));
- vue.onDeactivated(stopAutoplay);
- vue.onBeforeUnmount(stopAutoplay);
- useEventListener("touchmove", onTouchMove, {
- target: track
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "ref": root,
- "class": bem$1r()
- }, [vue.createVNode("div", {
- "ref": track,
- "style": trackStyle.value,
- "class": bem$1r("track", {
- vertical: props2.vertical
- }),
- "onTouchstartPassive": onTouchStart,
- "onTouchend": onTouchEnd,
- "onTouchcancel": onTouchEnd
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), renderIndicator()]);
- };
- }
- });
- const Swipe = withInstall(stdin_default$1F);
- const [name$1u, bem$1q] = createNamespace("tabs");
- var stdin_default$1E = vue.defineComponent({
- name: name$1u,
- props: {
- count: makeRequiredProp(Number),
- inited: Boolean,
- animated: Boolean,
- duration: makeRequiredProp(numericProp),
- swipeable: Boolean,
- lazyRender: Boolean,
- currentIndex: makeRequiredProp(Number)
- },
- emits: ["change"],
- setup(props2, {
- emit,
- slots
- }) {
- const swipeRef = vue.ref();
- const onChange = (index) => emit("change", index);
- const renderChildren = () => {
- var _a;
- const Content = (_a = slots.default) == null ? void 0 : _a.call(slots);
- if (props2.animated || props2.swipeable) {
- return vue.createVNode(Swipe, {
- "ref": swipeRef,
- "loop": false,
- "class": bem$1q("track"),
- "duration": +props2.duration * 1e3,
- "touchable": props2.swipeable,
- "lazyRender": props2.lazyRender,
- "showIndicators": false,
- "onChange": onChange
- }, {
- default: () => [Content]
- });
- }
- return Content;
- };
- const swipeToCurrentTab = (index) => {
- const swipe = swipeRef.value;
- if (swipe && swipe.state.active !== index) {
- swipe.swipeTo(index, {
- immediate: !props2.inited
- });
- }
- };
- vue.watch(() => props2.currentIndex, swipeToCurrentTab);
- vue.onMounted(() => {
- swipeToCurrentTab(props2.currentIndex);
- });
- useExpose({
- swipeRef
- });
- return () => vue.createVNode("div", {
- "class": bem$1q("content", {
- animated: props2.animated || props2.swipeable
- })
- }, [renderChildren()]);
- }
- });
- const [name$1t, bem$1p] = createNamespace("tabs");
- const tabsProps = {
- type: makeStringProp("line"),
- color: String,
- border: Boolean,
- sticky: Boolean,
- shrink: Boolean,
- active: makeNumericProp(0),
- duration: makeNumericProp(0.3),
- animated: Boolean,
- ellipsis: truthProp,
- swipeable: Boolean,
- scrollspy: Boolean,
- offsetTop: makeNumericProp(0),
- background: String,
- lazyRender: truthProp,
- showHeader: truthProp,
- lineWidth: numericProp,
- lineHeight: numericProp,
- beforeChange: Function,
- swipeThreshold: makeNumericProp(5),
- titleActiveColor: String,
- titleInactiveColor: String
- };
- const TABS_KEY = Symbol(name$1t);
- var stdin_default$1D = vue.defineComponent({
- name: name$1t,
- props: tabsProps,
- emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
- setup(props2, {
- emit,
- slots
- }) {
- let tabHeight;
- let lockScroll;
- let stickyFixed;
- let cancelScrollLeftToRaf;
- let cancelScrollTopToRaf;
- const root = vue.ref();
- const navRef = vue.ref();
- const wrapRef = vue.ref();
- const contentRef = vue.ref();
- const id = useId();
- const scroller = useScrollParent(root);
- const [titleRefs, setTitleRefs] = useRefs();
- const {
- children,
- linkChildren
- } = useChildren(TABS_KEY);
- const state = vue.reactive({
- inited: false,
- position: "",
- lineStyle: {},
- currentIndex: -1
- });
- const scrollable = vue.computed(() => children.length > +props2.swipeThreshold || !props2.ellipsis || props2.shrink);
- const navStyle = vue.computed(() => ({
- borderColor: props2.color,
- background: props2.background
- }));
- const getTabName = (tab, index) => {
- var _a;
- return (_a = tab.name) != null ? _a : index;
- };
- const currentName = vue.computed(() => {
- const activeTab = children[state.currentIndex];
- if (activeTab) {
- return getTabName(activeTab, state.currentIndex);
- }
- });
- const offsetTopPx = vue.computed(() => unitToPx(props2.offsetTop));
- const scrollOffset = vue.computed(() => {
- if (props2.sticky) {
- return offsetTopPx.value + tabHeight;
- }
- return 0;
- });
- const scrollIntoView = (immediate) => {
- const nav = navRef.value;
- const titles = titleRefs.value;
- if (!scrollable.value || !nav || !titles || !titles[state.currentIndex]) {
- return;
- }
- const title = titles[state.currentIndex].$el;
- const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
- if (cancelScrollLeftToRaf) cancelScrollLeftToRaf();
- cancelScrollLeftToRaf = scrollLeftTo(nav, to, immediate ? 0 : +props2.duration);
- };
- const setLine = () => {
- const shouldAnimate = state.inited;
- vue.nextTick(() => {
- const titles = titleRefs.value;
- if (!titles || !titles[state.currentIndex] || props2.type !== "line" || isHidden(root.value)) {
- return;
- }
- const title = titles[state.currentIndex].$el;
- const {
- lineWidth,
- lineHeight
- } = props2;
- const left2 = title.offsetLeft + title.offsetWidth / 2;
- const lineStyle = {
- width: addUnit(lineWidth),
- backgroundColor: props2.color,
- transform: `translateX(${left2}px) translateX(-50%)`
- };
- if (shouldAnimate) {
- lineStyle.transitionDuration = `${props2.duration}s`;
- }
- if (isDef(lineHeight)) {
- const height2 = addUnit(lineHeight);
- lineStyle.height = height2;
- lineStyle.borderRadius = height2;
- }
- state.lineStyle = lineStyle;
- });
- };
- const findAvailableTab = (index) => {
- const diff = index < state.currentIndex ? -1 : 1;
- while (index >= 0 && index < children.length) {
- if (!children[index].disabled) {
- return index;
- }
- index += diff;
- }
- };
- const setCurrentIndex = (currentIndex, skipScrollIntoView) => {
- const newIndex = findAvailableTab(currentIndex);
- if (!isDef(newIndex)) {
- return;
- }
- const newTab = children[newIndex];
- const newName = getTabName(newTab, newIndex);
- const shouldEmitChange = state.currentIndex !== null;
- if (state.currentIndex !== newIndex) {
- state.currentIndex = newIndex;
- if (!skipScrollIntoView) {
- scrollIntoView();
- }
- setLine();
- }
- if (newName !== props2.active) {
- emit("update:active", newName);
- if (shouldEmitChange) {
- emit("change", newName, newTab.title);
- }
- }
- if (stickyFixed && !props2.scrollspy) {
- setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
- }
- };
- const setCurrentIndexByName = (name2, skipScrollIntoView) => {
- const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
- const index = matched ? children.indexOf(matched) : 0;
- setCurrentIndex(index, skipScrollIntoView);
- };
- const scrollToCurrentContent = (immediate = false) => {
- if (props2.scrollspy) {
- const target = children[state.currentIndex].$el;
- if (target && scroller.value) {
- const to = getElementTop(target, scroller.value) - scrollOffset.value;
- lockScroll = true;
- if (cancelScrollTopToRaf) cancelScrollTopToRaf();
- cancelScrollTopToRaf = scrollTopTo(scroller.value, to, immediate ? 0 : +props2.duration, () => {
- lockScroll = false;
- });
- }
- }
- };
- const onClickTab = (item, index, event) => {
- const {
- title,
- disabled
- } = children[index];
- const name2 = getTabName(children[index], index);
- if (!disabled) {
- callInterceptor(props2.beforeChange, {
- args: [name2],
- done: () => {
- setCurrentIndex(index);
- scrollToCurrentContent();
- }
- });
- route(item);
- }
- emit("clickTab", {
- name: name2,
- title,
- event,
- disabled
- });
- };
- const onStickyScroll = (params) => {
- stickyFixed = params.isFixed;
- emit("scroll", params);
- };
- const scrollTo = (name2) => {
- vue.nextTick(() => {
- setCurrentIndexByName(name2);
- scrollToCurrentContent(true);
- });
- };
- const getCurrentIndexOnScroll = () => {
- for (let index = 0; index < children.length; index++) {
- const {
- top: top2
- } = useRect(children[index].$el);
- if (top2 > scrollOffset.value) {
- return index === 0 ? 0 : index - 1;
- }
- }
- return children.length - 1;
- };
- const onScroll = () => {
- if (props2.scrollspy && !lockScroll) {
- const index = getCurrentIndexOnScroll();
- setCurrentIndex(index);
- }
- };
- const renderLine = () => {
- if (props2.type === "line" && children.length) {
- return vue.createVNode("div", {
- "class": bem$1p("line"),
- "style": state.lineStyle
- }, null);
- }
- };
- const renderHeader = () => {
- var _a, _b, _c;
- const {
- type,
- border,
- sticky
- } = props2;
- const Header = [vue.createVNode("div", {
- "ref": sticky ? void 0 : wrapRef,
- "class": [bem$1p("wrap"), {
- [BORDER_TOP_BOTTOM]: type === "line" && border
- }]
- }, [vue.createVNode("div", {
- "ref": navRef,
- "role": "tablist",
- "class": bem$1p("nav", [type, {
- shrink: props2.shrink,
- complete: scrollable.value
- }]),
- "style": navStyle.value,
- "aria-orientation": "horizontal"
- }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), children.map((item) => item.renderTitle(onClickTab)), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
- if (sticky) {
- return vue.createVNode("div", {
- "ref": wrapRef
- }, [Header]);
- }
- return Header;
- };
- const resize = () => {
- setLine();
- vue.nextTick(() => {
- var _a, _b;
- scrollIntoView(true);
- (_b = (_a = contentRef.value) == null ? void 0 : _a.swipeRef.value) == null ? void 0 : _b.resize();
- });
- };
- vue.watch(() => [props2.color, props2.duration, props2.lineWidth, props2.lineHeight], setLine);
- vue.watch(windowWidth, resize);
- vue.watch(() => props2.active, (value) => {
- if (value !== currentName.value) {
- setCurrentIndexByName(value);
- }
- });
- vue.watch(() => children.length, () => {
- if (state.inited) {
- setCurrentIndexByName(props2.active);
- setLine();
- vue.nextTick(() => {
- scrollIntoView(true);
- });
- }
- });
- const init = () => {
- setCurrentIndexByName(props2.active, true);
- vue.nextTick(() => {
- state.inited = true;
- if (wrapRef.value) {
- tabHeight = useRect(wrapRef.value).height;
- }
- scrollIntoView(true);
- });
- };
- const onRendered = (name2, title) => emit("rendered", name2, title);
- useExpose({
- resize,
- scrollTo
- });
- vue.onActivated(setLine);
- onPopupReopen(setLine);
- onMountedOrActivated(init);
- useVisibilityChange(root, setLine);
- useEventListener("scroll", onScroll, {
- target: scroller,
- passive: true
- });
- linkChildren({
- id,
- props: props2,
- setLine,
- scrollable,
- onRendered,
- currentName,
- setTitleRefs,
- scrollIntoView
- });
- return () => vue.createVNode("div", {
- "ref": root,
- "class": bem$1p([props2.type])
- }, [props2.showHeader ? props2.sticky ? vue.createVNode(Sticky, {
- "container": root.value,
- "offsetTop": offsetTopPx.value,
- "onScroll": onStickyScroll
- }, {
- default: () => [renderHeader()]
- }) : renderHeader() : null, vue.createVNode(stdin_default$1E, {
- "ref": contentRef,
- "count": children.length,
- "inited": state.inited,
- "animated": props2.animated,
- "duration": props2.duration,
- "swipeable": props2.swipeable,
- "lazyRender": props2.lazyRender,
- "currentIndex": state.currentIndex,
- "onChange": setCurrentIndex
- }, {
- default: () => {
- var _a;
- return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
- }
- })]);
- }
- });
- const TAB_STATUS_KEY = Symbol();
- const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
- const [name$1s, bem$1o] = createNamespace("tab");
- const TabTitle = vue.defineComponent({
- name: name$1s,
- props: {
- id: String,
- dot: Boolean,
- type: String,
- color: String,
- title: String,
- badge: numericProp,
- shrink: Boolean,
- isActive: Boolean,
- disabled: Boolean,
- controls: String,
- scrollable: Boolean,
- activeColor: String,
- inactiveColor: String,
- showZeroBadge: truthProp
- },
- setup(props2, {
- slots
- }) {
- const style = vue.computed(() => {
- const style2 = {};
- const {
- type,
- color,
- disabled,
- isActive,
- activeColor,
- inactiveColor
- } = props2;
- const isCard = type === "card";
- if (color && isCard) {
- style2.borderColor = color;
- if (!disabled) {
- if (isActive) {
- style2.backgroundColor = color;
- } else {
- style2.color = color;
- }
- }
- }
- const titleColor = isActive ? activeColor : inactiveColor;
- if (titleColor) {
- style2.color = titleColor;
- }
- return style2;
- });
- const renderText = () => {
- const Text = vue.createVNode("span", {
- "class": bem$1o("text", {
- ellipsis: !props2.scrollable
- })
- }, [slots.title ? slots.title() : props2.title]);
- if (props2.dot || isDef(props2.badge) && props2.badge !== "") {
- return vue.createVNode(Badge, {
- "dot": props2.dot,
- "content": props2.badge,
- "showZero": props2.showZeroBadge
- }, {
- default: () => [Text]
- });
- }
- return Text;
- };
- return () => vue.createVNode("div", {
- "id": props2.id,
- "role": "tab",
- "class": [bem$1o([props2.type, {
- grow: props2.scrollable && !props2.shrink,
- shrink: props2.shrink,
- active: props2.isActive,
- disabled: props2.disabled
- }])],
- "style": style.value,
- "tabindex": props2.disabled ? void 0 : props2.isActive ? 0 : -1,
- "aria-selected": props2.isActive,
- "aria-disabled": props2.disabled || void 0,
- "aria-controls": props2.controls,
- "data-allow-mismatch": "attribute"
- }, [renderText()]);
- }
- });
- const [name$1r, bem$1n] = createNamespace("swipe-item");
- var stdin_default$1C = vue.defineComponent({
- name: name$1r,
- setup(props2, {
- slots
- }) {
- let rendered;
- const state = vue.reactive({
- offset: 0,
- inited: false,
- mounted: false
- });
- const {
- parent,
- index
- } = useParent(SWIPE_KEY);
- if (!parent) {
- return;
- }
- const style = vue.computed(() => {
- const style2 = {};
- const {
- vertical
- } = parent.props;
- if (parent.size.value) {
- style2[vertical ? "height" : "width"] = `${parent.size.value}px`;
- }
- if (state.offset) {
- style2.transform = `translate${vertical ? "Y" : "X"}(${state.offset}px)`;
- }
- return style2;
- });
- const shouldRender = vue.computed(() => {
- const {
- loop,
- lazyRender
- } = parent.props;
- if (!lazyRender || rendered) {
- return true;
- }
- if (!state.mounted) {
- return false;
- }
- const active = parent.activeIndicator.value;
- const maxActive = parent.count.value - 1;
- const prevActive = active === 0 && loop ? maxActive : active - 1;
- const nextActive = active === maxActive && loop ? 0 : active + 1;
- rendered = index.value === active || index.value === prevActive || index.value === nextActive;
- return rendered;
- });
- const setOffset = (offset2) => {
- state.offset = offset2;
- };
- vue.onMounted(() => {
- vue.nextTick(() => {
- state.mounted = true;
- });
- });
- useExpose({
- setOffset
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "class": bem$1n(),
- "style": style.value
- }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
- };
- }
- });
- const SwipeItem = withInstall(stdin_default$1C);
- const [name$1q, bem$1m] = createNamespace("tab");
- const tabProps = extend({}, routeProps, {
- dot: Boolean,
- name: numericProp,
- badge: numericProp,
- title: String,
- disabled: Boolean,
- titleClass: unknownProp,
- titleStyle: [String, Object],
- showZeroBadge: truthProp
- });
- var stdin_default$1B = vue.defineComponent({
- name: name$1q,
- props: tabProps,
- setup(props2, {
- slots
- }) {
- const id = useId();
- const inited = vue.ref(false);
- const instance2 = vue.getCurrentInstance();
- const {
- parent,
- index
- } = useParent(TABS_KEY);
- if (!parent) {
- return;
- }
- const getName = () => {
- var _a;
- return (_a = props2.name) != null ? _a : index.value;
- };
- const init = () => {
- inited.value = true;
- if (parent.props.lazyRender) {
- vue.nextTick(() => {
- parent.onRendered(getName(), props2.title);
- });
- }
- };
- const active = vue.computed(() => {
- const isActive = getName() === parent.currentName.value;
- if (isActive && !inited.value) {
- init();
- }
- return isActive;
- });
- const parsedClass = vue.ref("");
- const parsedStyle = vue.ref("");
- vue.watchEffect(() => {
- const {
- titleClass,
- titleStyle
- } = props2;
- parsedClass.value = titleClass ? normalizeClass(titleClass) : "";
- parsedStyle.value = titleStyle && typeof titleStyle !== "string" ? stringifyStyle(normalizeStyle(titleStyle)) : titleStyle;
- });
- const renderTitle = (onClickTab) => vue.createVNode(TabTitle, vue.mergeProps({
- "key": id,
- "id": `${parent.id}-${index.value}`,
- "ref": parent.setTitleRefs(index.value),
- "style": parsedStyle.value,
- "class": parsedClass.value,
- "isActive": active.value,
- "controls": id,
- "scrollable": parent.scrollable.value,
- "activeColor": parent.props.titleActiveColor,
- "inactiveColor": parent.props.titleInactiveColor,
- "onClick": (event) => onClickTab(instance2.proxy, index.value, event)
- }, pick(parent.props, ["type", "color", "shrink"]), pick(props2, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
- title: slots.title
- });
- const hasInactiveClass = vue.ref(!active.value);
- vue.watch(active, (val) => {
- if (val) {
- hasInactiveClass.value = false;
- } else {
- doubleRaf(() => {
- hasInactiveClass.value = true;
- });
- }
- });
- vue.watch(() => props2.title, () => {
- parent.setLine();
- parent.scrollIntoView();
- });
- vue.provide(TAB_STATUS_KEY, active);
- useExpose({
- id,
- renderTitle
- });
- return () => {
- var _a;
- const label = `${parent.id}-${index.value}`;
- const {
- animated,
- swipeable,
- scrollspy,
- lazyRender
- } = parent.props;
- if (!slots.default && !animated) {
- return;
- }
- const show = scrollspy || active.value;
- if (animated || swipeable) {
- return vue.createVNode(SwipeItem, {
- "id": id,
- "role": "tabpanel",
- "class": bem$1m("panel-wrapper", {
- inactive: hasInactiveClass.value
- }),
- "tabindex": active.value ? 0 : -1,
- "aria-hidden": !active.value,
- "aria-labelledby": label,
- "data-allow-mismatch": "attribute"
- }, {
- default: () => {
- var _a2;
- return [vue.createVNode("div", {
- "class": bem$1m("panel")
- }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
- }
- });
- }
- const shouldRender = inited.value || scrollspy || !lazyRender;
- const Content = shouldRender ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null;
- return vue.withDirectives(vue.createVNode("div", {
- "id": id,
- "role": "tabpanel",
- "class": bem$1m("panel"),
- "tabindex": show ? 0 : -1,
- "aria-labelledby": label,
- "data-allow-mismatch": "attribute"
- }, [Content]), [[vue.vShow, show]]);
- };
- }
- });
- const Tab = withInstall(stdin_default$1B);
- const Tabs = withInstall(stdin_default$1D);
- const [name$1p, bem$1l] = createNamespace("picker-group");
- const PICKER_GROUP_KEY = Symbol(name$1p);
- const pickerGroupProps = extend({
- tabs: makeArrayProp(),
- activeTab: makeNumericProp(0),
- nextStepText: String,
- showToolbar: truthProp
- }, pickerToolbarProps);
- var stdin_default$1A = vue.defineComponent({
- name: name$1p,
- props: pickerGroupProps,
- emits: ["confirm", "cancel", "update:activeTab"],
- setup(props2, {
- emit,
- slots
- }) {
- const activeTab = useSyncPropRef(() => props2.activeTab, (value) => emit("update:activeTab", value));
- const {
- children,
- linkChildren
- } = useChildren(PICKER_GROUP_KEY);
- linkChildren();
- const showNextButton = () => +activeTab.value < props2.tabs.length - 1 && props2.nextStepText;
- const onConfirm = () => {
- if (showNextButton()) {
- activeTab.value = +activeTab.value + 1;
- } else {
- emit("confirm", children.map((item) => item.confirm()));
- }
- };
- const onCancel = () => emit("cancel");
- return () => {
- var _a, _b;
- let childNodes = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b.filter((node) => node.type !== vue.Comment).map((node) => {
- if (node.type === vue.Fragment) {
- return node.children;
- }
- return node;
- });
- if (childNodes) {
- childNodes = flat(childNodes);
- }
- const confirmButtonText = showNextButton() ? props2.nextStepText : props2.confirmButtonText;
- return vue.createVNode("div", {
- "class": bem$1l()
- }, [props2.showToolbar ? vue.createVNode(stdin_default$1H, {
- "title": props2.title,
- "cancelButtonText": props2.cancelButtonText,
- "confirmButtonText": confirmButtonText,
- "onConfirm": onConfirm,
- "onCancel": onCancel
- }, pick(slots, pickerToolbarSlots)) : null, vue.createVNode(Tabs, {
- "active": activeTab.value,
- "onUpdate:active": ($event) => activeTab.value = $event,
- "class": bem$1l("tabs"),
- "shrink": true,
- "animated": true,
- "lazyRender": false
- }, {
- default: () => [props2.tabs.map((title, index) => vue.createVNode(Tab, {
- "title": title,
- "titleClass": bem$1l("tab-title")
- }, {
- default: () => [childNodes == null ? void 0 : childNodes[index]]
- }))]
- })]);
- };
- }
- });
- const pickerSharedProps = extend({
- loading: Boolean,
- readonly: Boolean,
- allowHtml: Boolean,
- optionHeight: makeNumericProp(44),
- showToolbar: truthProp,
- swipeDuration: makeNumericProp(1e3),
- visibleOptionNum: makeNumericProp(6)
- }, pickerToolbarProps);
- const pickerProps = extend({}, pickerSharedProps, {
- columns: makeArrayProp(),
- modelValue: makeArrayProp(),
- toolbarPosition: makeStringProp("top"),
- columnsFieldNames: Object
- });
- var stdin_default$1z = vue.defineComponent({
- name: name$1z,
- props: pickerProps,
- emits: ["confirm", "cancel", "change", "scrollInto", "clickOption", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const columnsRef = vue.ref();
- const selectedValues = vue.ref(props2.modelValue.slice(0));
- const {
- parent
- } = useParent(PICKER_GROUP_KEY);
- const {
- children,
- linkChildren
- } = useChildren(PICKER_KEY);
- linkChildren();
- const fields = vue.computed(() => assignDefaultFields(props2.columnsFieldNames));
- const optionHeight = vue.computed(() => unitToPx(props2.optionHeight));
- const columnsType = vue.computed(() => getColumnsType(props2.columns, fields.value));
- const currentColumns = vue.computed(() => {
- const {
- columns
- } = props2;
- switch (columnsType.value) {
- case "multiple":
- return columns;
- case "cascade":
- return formatCascadeColumns(columns, fields.value, selectedValues);
- default:
- return [columns];
- }
- });
- const hasOptions = vue.computed(() => currentColumns.value.some((options) => options.length));
- const selectedOptions = vue.computed(() => currentColumns.value.map((options, index) => findOptionByValue(options, selectedValues.value[index], fields.value)));
- const selectedIndexes = vue.computed(() => currentColumns.value.map((options, index) => options.findIndex((option) => option[fields.value.value] === selectedValues.value[index])));
- const setValue = (index, value) => {
- if (selectedValues.value[index] !== value) {
- const newValues = selectedValues.value.slice(0);
- newValues[index] = value;
- selectedValues.value = newValues;
- }
- };
- const getEventParams = () => ({
- selectedValues: selectedValues.value.slice(0),
- selectedOptions: selectedOptions.value,
- selectedIndexes: selectedIndexes.value
- });
- const onChange = (value, columnIndex) => {
- setValue(columnIndex, value);
- if (columnsType.value === "cascade") {
- selectedValues.value.forEach((value2, index) => {
- const options = currentColumns.value[index];
- if (!isOptionExist(options, value2, fields.value)) {
- setValue(index, options.length ? options[0][fields.value.value] : void 0);
- }
- });
- }
- vue.nextTick(() => {
- emit("change", extend({
- columnIndex
- }, getEventParams()));
- });
- };
- const onClickOption = (currentOption, columnIndex) => {
- const params = {
- columnIndex,
- currentOption
- };
- emit("clickOption", extend(getEventParams(), params));
- emit("scrollInto", params);
- };
- const confirm = () => {
- children.forEach((child) => child.stopMomentum());
- const params = getEventParams();
- vue.nextTick(() => {
- emit("confirm", params);
- });
- return params;
- };
- const cancel = () => emit("cancel", getEventParams());
- const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1I, {
- "value": selectedValues.value[columnIndex],
- "fields": fields.value,
- "options": options,
- "readonly": props2.readonly,
- "allowHtml": props2.allowHtml,
- "optionHeight": optionHeight.value,
- "swipeDuration": props2.swipeDuration,
- "visibleOptionNum": props2.visibleOptionNum,
- "onChange": (value) => onChange(value, columnIndex),
- "onClickOption": (option) => onClickOption(option, columnIndex),
- "onScrollInto": (option) => {
- emit("scrollInto", {
- currentOption: option,
- columnIndex
- });
- }
- }, {
- option: slots.option
- }));
- const renderMask = (wrapHeight) => {
- if (hasOptions.value) {
- const frameStyle = {
- height: `${optionHeight.value}px`
- };
- const maskStyle = {
- backgroundSize: `100% ${(wrapHeight - optionHeight.value) / 2}px`
- };
- return [vue.createVNode("div", {
- "class": bem$1u("mask"),
- "style": maskStyle
- }, null), vue.createVNode("div", {
- "class": [BORDER_UNSET_TOP_BOTTOM, bem$1u("frame")],
- "style": frameStyle
- }, null)];
- }
- };
- const renderColumns = () => {
- const wrapHeight = optionHeight.value * +props2.visibleOptionNum;
- const columnsStyle = {
- height: `${wrapHeight}px`
- };
- return vue.createVNode("div", {
- "ref": columnsRef,
- "class": bem$1u("columns"),
- "style": columnsStyle
- }, [renderColumnItems(), renderMask(wrapHeight)]);
- };
- const renderToolbar = () => {
- if (props2.showToolbar && !parent) {
- return vue.createVNode(stdin_default$1H, vue.mergeProps(pick(props2, pickerToolbarPropKeys), {
- "onConfirm": confirm,
- "onCancel": cancel
- }), pick(slots, pickerToolbarSlots));
- }
- };
- vue.watch(currentColumns, (columns) => {
- columns.forEach((options, index) => {
- if (options.length && !isOptionExist(options, selectedValues.value[index], fields.value)) {
- setValue(index, getFirstEnabledOption(options)[fields.value.value]);
- }
- });
- }, {
- immediate: true
- });
- let lastEmittedModelValue;
- vue.watch(() => props2.modelValue, (newValues) => {
- if (!isSameValue(newValues, selectedValues.value) && !isSameValue(newValues, lastEmittedModelValue)) {
- selectedValues.value = newValues.slice(0);
- lastEmittedModelValue = newValues.slice(0);
- }
- }, {
- deep: true
- });
- vue.watch(selectedValues, (newValues) => {
- if (!isSameValue(newValues, props2.modelValue)) {
- lastEmittedModelValue = newValues.slice(0);
- emit("update:modelValue", lastEmittedModelValue);
- }
- }, {
- immediate: true
- });
- useEventListener("touchmove", preventDefault, {
- target: columnsRef
- });
- const getSelectedOptions = () => selectedOptions.value;
- useExpose({
- confirm,
- getSelectedOptions
- });
- return () => {
- var _a, _b;
- return vue.createVNode("div", {
- "class": bem$1u()
- }, [props2.toolbarPosition === "top" ? renderToolbar() : null, props2.loading ? vue.createVNode(Loading, {
- "class": bem$1u("loading")
- }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), props2.toolbarPosition === "bottom" ? renderToolbar() : null]);
- };
- }
- });
- const AREA_EMPTY_CODE = "000000";
- const INHERIT_SLOTS = [
- "title",
- "cancel",
- "confirm",
- "toolbar",
- "columns-top",
- "columns-bottom"
- ];
- const INHERIT_PROPS = [
- "title",
- "loading",
- "readonly",
- "optionHeight",
- "swipeDuration",
- "visibleOptionNum",
- "cancelButtonText",
- "confirmButtonText"
- ];
- const makeOption = (text = "", value = AREA_EMPTY_CODE, children = void 0) => ({
- text,
- value,
- children
- });
- function formatDataForCascade({
- areaList,
- columnsNum,
- columnsPlaceholder: placeholder
- }) {
- const {
- city_list: city = {},
- county_list: county = {},
- province_list: province = {}
- } = areaList;
- const showCity = +columnsNum > 1;
- const showCounty = +columnsNum > 2;
- const getProvinceChildren = () => {
- if (showCity) {
- return placeholder.length > 1 ? [
- makeOption(
- placeholder[1],
- AREA_EMPTY_CODE,
- showCounty ? [] : void 0
- )
- ] : [];
- }
- };
- const provinceMap = /* @__PURE__ */ new Map();
- Object.keys(province).forEach((code) => {
- provinceMap.set(
- code.slice(0, 2),
- makeOption(province[code], code, getProvinceChildren())
- );
- });
- const cityMap = /* @__PURE__ */ new Map();
- if (showCity) {
- const getCityChildren = () => {
- if (showCounty) {
- return placeholder.length > 2 ? [makeOption(placeholder[2])] : [];
- }
- };
- Object.keys(city).forEach((code) => {
- const option = makeOption(city[code], code, getCityChildren());
- cityMap.set(code.slice(0, 4), option);
- const province2 = provinceMap.get(code.slice(0, 2));
- if (province2) {
- province2.children.push(option);
- }
- });
- }
- if (showCounty) {
- Object.keys(county).forEach((code) => {
- const city2 = cityMap.get(code.slice(0, 4));
- if (city2) {
- city2.children.push(makeOption(county[code], code));
- }
- });
- }
- const options = Array.from(provinceMap.values());
- if (placeholder.length) {
- const county2 = showCounty ? [makeOption(placeholder[2])] : void 0;
- const city2 = showCity ? [makeOption(placeholder[1], AREA_EMPTY_CODE, county2)] : void 0;
- options.unshift(makeOption(placeholder[0], AREA_EMPTY_CODE, city2));
- }
- return options;
- }
- const Picker = withInstall(stdin_default$1z);
- const [name$1o, bem$1k] = createNamespace("area");
- const areaProps = extend({}, pick(pickerSharedProps, INHERIT_PROPS), {
- modelValue: String,
- columnsNum: makeNumericProp(3),
- columnsPlaceholder: makeArrayProp(),
- areaList: {
- type: Object,
- default: () => ({})
- }
- });
- var stdin_default$1y = vue.defineComponent({
- name: name$1o,
- props: areaProps,
- emits: ["change", "confirm", "cancel", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const codes = vue.ref([]);
- const picker = vue.ref();
- const columns = vue.computed(() => formatDataForCascade(props2));
- const onChange = (...args) => emit("change", ...args);
- const onCancel = (...args) => emit("cancel", ...args);
- const onConfirm = (...args) => emit("confirm", ...args);
- vue.watch(codes, (newCodes) => {
- const lastCode = newCodes.length ? newCodes[newCodes.length - 1] : "";
- if (lastCode && lastCode !== props2.modelValue) {
- emit("update:modelValue", lastCode);
- }
- }, {
- deep: true
- });
- vue.watch(() => props2.modelValue, (newCode) => {
- if (newCode) {
- const lastCode = codes.value.length ? codes.value[codes.value.length - 1] : "";
- if (newCode !== lastCode) {
- codes.value = [`${newCode.slice(0, 2)}0000`, `${newCode.slice(0, 4)}00`, newCode].slice(0, +props2.columnsNum);
- }
- } else {
- codes.value = [];
- }
- }, {
- immediate: true
- });
- useExpose({
- confirm: () => {
- var _a;
- return (_a = picker.value) == null ? void 0 : _a.confirm();
- },
- getSelectedOptions: () => {
- var _a;
- return ((_a = picker.value) == null ? void 0 : _a.getSelectedOptions()) || [];
- }
- });
- return () => vue.createVNode(Picker, vue.mergeProps({
- "ref": picker,
- "modelValue": codes.value,
- "onUpdate:modelValue": ($event) => codes.value = $event,
- "class": bem$1k(),
- "columns": columns.value,
- "onChange": onChange,
- "onCancel": onCancel,
- "onConfirm": onConfirm
- }, pick(props2, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
- }
- });
- const Area = withInstall(stdin_default$1y);
- const [name$1n, bem$1j] = createNamespace("cell");
- const cellSharedProps = {
- tag: makeStringProp("div"),
- icon: String,
- size: String,
- title: numericProp,
- value: numericProp,
- label: numericProp,
- center: Boolean,
- isLink: Boolean,
- border: truthProp,
- iconPrefix: String,
- valueClass: unknownProp,
- labelClass: unknownProp,
- titleClass: unknownProp,
- titleStyle: null,
- arrowDirection: String,
- required: {
- type: [Boolean, String],
- default: null
- },
- clickable: {
- type: Boolean,
- default: null
- }
- };
- const cellProps = extend({}, cellSharedProps, routeProps);
- var stdin_default$1x = vue.defineComponent({
- name: name$1n,
- props: cellProps,
- setup(props2, {
- slots
- }) {
- const route2 = useRoute();
- const renderLabel = () => {
- const showLabel = slots.label || isDef(props2.label);
- if (showLabel) {
- return vue.createVNode("div", {
- "class": [bem$1j("label"), props2.labelClass]
- }, [slots.label ? slots.label() : props2.label]);
- }
- };
- const renderTitle = () => {
- var _a;
- if (slots.title || isDef(props2.title)) {
- const titleSlot = (_a = slots.title) == null ? void 0 : _a.call(slots);
- if (Array.isArray(titleSlot) && titleSlot.length === 0) {
- return;
- }
- return vue.createVNode("div", {
- "class": [bem$1j("title"), props2.titleClass],
- "style": props2.titleStyle
- }, [titleSlot || vue.createVNode("span", null, [props2.title]), renderLabel()]);
- }
- };
- const renderValue = () => {
- const slot = slots.value || slots.default;
- const hasValue = slot || isDef(props2.value);
- if (hasValue) {
- return vue.createVNode("div", {
- "class": [bem$1j("value"), props2.valueClass]
- }, [slot ? slot() : vue.createVNode("span", null, [props2.value])]);
- }
- };
- const renderLeftIcon = () => {
- if (slots.icon) {
- return slots.icon();
- }
- if (props2.icon) {
- return vue.createVNode(Icon, {
- "name": props2.icon,
- "class": bem$1j("left-icon"),
- "classPrefix": props2.iconPrefix
- }, null);
- }
- };
- const renderRightIcon = () => {
- if (slots["right-icon"]) {
- return slots["right-icon"]();
- }
- if (props2.isLink) {
- const name2 = props2.arrowDirection && props2.arrowDirection !== "right" ? `arrow-${props2.arrowDirection}` : "arrow";
- return vue.createVNode(Icon, {
- "name": name2,
- "class": bem$1j("right-icon")
- }, null);
- }
- };
- return () => {
- var _a;
- const {
- tag,
- size,
- center,
- border,
- isLink,
- required
- } = props2;
- const clickable = (_a = props2.clickable) != null ? _a : isLink;
- const classes = {
- center,
- required: !!required,
- clickable,
- borderless: !border
- };
- if (size) {
- classes[size] = !!size;
- }
- return vue.createVNode(tag, {
- "class": bem$1j(classes),
- "role": clickable ? "button" : void 0,
- "tabindex": clickable ? 0 : void 0,
- "onClick": route2
- }, {
- default: () => {
- var _a2;
- return [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_a2 = slots.extra) == null ? void 0 : _a2.call(slots)];
- }
- });
- };
- }
- });
- const Cell = withInstall(stdin_default$1x);
- const [name$1m, bem$1i] = createNamespace("form");
- const formProps = {
- colon: Boolean,
- disabled: Boolean,
- readonly: Boolean,
- required: [Boolean, String],
- showError: Boolean,
- labelWidth: numericProp,
- labelAlign: String,
- inputAlign: String,
- scrollToError: Boolean,
- scrollToErrorPosition: String,
- validateFirst: Boolean,
- submitOnEnter: truthProp,
- showErrorMessage: truthProp,
- errorMessageAlign: String,
- validateTrigger: {
- type: [String, Array],
- default: "onBlur"
- }
- };
- var stdin_default$1w = vue.defineComponent({
- name: name$1m,
- props: formProps,
- emits: ["submit", "failed"],
- setup(props2, {
- emit,
- slots
- }) {
- const {
- children,
- linkChildren
- } = useChildren(FORM_KEY);
- const getFieldsByNames = (names) => {
- if (names) {
- return children.filter((field) => names.includes(field.name));
- }
- return children;
- };
- const validateSeq = (names) => new Promise((resolve, reject) => {
- const errors = [];
- const fields = getFieldsByNames(names);
- fields.reduce((promise, field) => promise.then(() => {
- if (!errors.length) {
- return field.validate().then((error) => {
- if (error) {
- errors.push(error);
- }
- });
- }
- }), Promise.resolve()).then(() => {
- if (errors.length) {
- reject(errors);
- } else {
- resolve();
- }
- });
- });
- const validateAll = (names) => new Promise((resolve, reject) => {
- const fields = getFieldsByNames(names);
- Promise.all(fields.map((item) => item.validate())).then((errors) => {
- errors = errors.filter(Boolean);
- if (errors.length) {
- reject(errors);
- } else {
- resolve();
- }
- });
- });
- const validateField = (name2) => {
- const matched = children.find((item) => item.name === name2);
- if (matched) {
- return new Promise((resolve, reject) => {
- matched.validate().then((error) => {
- if (error) {
- reject(error);
- } else {
- resolve();
- }
- });
- });
- }
- return Promise.reject();
- };
- const validate = (name2) => {
- if (typeof name2 === "string") {
- return validateField(name2);
- }
- return props2.validateFirst ? validateSeq(name2) : validateAll(name2);
- };
- const resetValidation = (name2) => {
- if (typeof name2 === "string") {
- name2 = [name2];
- }
- const fields = getFieldsByNames(name2);
- fields.forEach((item) => {
- item.resetValidation();
- });
- };
- const getValidationStatus = () => children.reduce((form, field) => {
- form[field.name] = field.getValidationStatus();
- return form;
- }, {});
- const scrollToField = (name2, options) => {
- children.some((item) => {
- if (item.name === name2) {
- item.$el.scrollIntoView(options);
- return true;
- }
- return false;
- });
- };
- const getValues = () => children.reduce((form, field) => {
- if (field.name !== void 0) {
- form[field.name] = field.formValue.value;
- }
- return form;
- }, {});
- const submit = () => {
- const values = getValues();
- validate().then(() => emit("submit", values)).catch((errors) => {
- emit("failed", {
- values,
- errors
- });
- const {
- scrollToError,
- scrollToErrorPosition
- } = props2;
- if (scrollToError && errors[0].name) {
- scrollToField(errors[0].name, scrollToErrorPosition ? {
- block: scrollToErrorPosition
- } : void 0);
- }
- });
- };
- const onSubmit = (event) => {
- preventDefault(event);
- submit();
- };
- linkChildren({
- props: props2
- });
- useExpose({
- submit,
- validate,
- getValues,
- scrollToField,
- resetValidation,
- getValidationStatus
- });
- return () => {
- var _a;
- return vue.createVNode("form", {
- "class": bem$1i(),
- "onSubmit": onSubmit
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const Form = withInstall(stdin_default$1w);
- function isEmptyValue(value) {
- if (Array.isArray(value)) {
- return !value.length;
- }
- if (value === 0) {
- return false;
- }
- return !value;
- }
- function runSyncRule(value, rule) {
- if (isEmptyValue(value)) {
- if (rule.required) {
- return false;
- }
- if (rule.validateEmpty === false) {
- return true;
- }
- }
- if (rule.pattern && !rule.pattern.test(String(value))) {
- return false;
- }
- return true;
- }
- function runRuleValidator(value, rule) {
- return new Promise((resolve) => {
- const returnVal = rule.validator(value, rule);
- if (isPromise(returnVal)) {
- returnVal.then(resolve);
- return;
- }
- resolve(returnVal);
- });
- }
- function getRuleMessage(value, rule) {
- const { message } = rule;
- if (isFunction(message)) {
- return message(value, rule);
- }
- return message || "";
- }
- function startComposing({ target }) {
- target.composing = true;
- }
- function endComposing({ target }) {
- if (target.composing) {
- target.composing = false;
- target.dispatchEvent(new Event("input"));
- }
- }
- function resizeTextarea(input, autosize) {
- const scrollTop = getRootScrollTop();
- input.style.height = "auto";
- let height2 = input.scrollHeight;
- if (isObject$1(autosize)) {
- const { maxHeight, minHeight } = autosize;
- if (maxHeight !== void 0) {
- height2 = Math.min(height2, maxHeight);
- }
- if (minHeight !== void 0) {
- height2 = Math.max(height2, minHeight);
- }
- }
- if (height2) {
- input.style.height = `${height2}px`;
- setRootScrollTop(scrollTop);
- }
- }
- function mapInputType(type, inputmode) {
- if (type === "number") {
- type = "text";
- inputmode != null ? inputmode : inputmode = "decimal";
- }
- if (type === "digit") {
- type = "tel";
- inputmode != null ? inputmode : inputmode = "numeric";
- }
- return { type, inputmode };
- }
- function getStringLength(str) {
- return [...str].length;
- }
- function cutString(str, maxlength) {
- return [...str].slice(0, maxlength).join("");
- }
- const [name$1l, bem$1h] = createNamespace("field");
- const fieldSharedProps = {
- id: String,
- name: String,
- leftIcon: String,
- rightIcon: String,
- autofocus: Boolean,
- clearable: Boolean,
- maxlength: numericProp,
- max: Number,
- min: Number,
- formatter: Function,
- clearIcon: makeStringProp("clear"),
- modelValue: makeNumericProp(""),
- inputAlign: String,
- placeholder: String,
- autocomplete: String,
- autocapitalize: String,
- autocorrect: String,
- errorMessage: String,
- enterkeyhint: String,
- clearTrigger: makeStringProp("focus"),
- formatTrigger: makeStringProp("onChange"),
- spellcheck: {
- type: Boolean,
- default: null
- },
- error: {
- type: Boolean,
- default: null
- },
- disabled: {
- type: Boolean,
- default: null
- },
- readonly: {
- type: Boolean,
- default: null
- },
- inputmode: String
- };
- const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
- rows: numericProp,
- type: makeStringProp("text"),
- rules: Array,
- autosize: [Boolean, Object],
- labelWidth: numericProp,
- labelClass: unknownProp,
- labelAlign: String,
- showWordLimit: Boolean,
- errorMessageAlign: String,
- colon: {
- type: Boolean,
- default: null
- }
- });
- var stdin_default$1v = vue.defineComponent({
- name: name$1l,
- props: fieldProps,
- emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const id = useId();
- const state = vue.reactive({
- status: "unvalidated",
- focused: false,
- validateMessage: ""
- });
- const inputRef = vue.ref();
- const clearIconRef = vue.ref();
- const customValue = vue.ref();
- const {
- parent: form
- } = useParent(FORM_KEY);
- const getModelValue = () => {
- var _a;
- return String((_a = props2.modelValue) != null ? _a : "");
- };
- const getProp = (key) => {
- if (isDef(props2[key])) {
- return props2[key];
- }
- if (form && isDef(form.props[key])) {
- return form.props[key];
- }
- };
- const showClear = vue.computed(() => {
- const readonly = getProp("readonly");
- if (props2.clearable && !readonly) {
- const hasValue = getModelValue() !== "";
- const trigger = props2.clearTrigger === "always" || props2.clearTrigger === "focus" && state.focused;
- return hasValue && trigger;
- }
- return false;
- });
- const formValue = vue.computed(() => {
- if (customValue.value && slots.input) {
- return customValue.value();
- }
- return props2.modelValue;
- });
- const showRequiredMark = vue.computed(() => {
- var _a;
- const required = getProp("required");
- if (required === "auto") {
- return (_a = props2.rules) == null ? void 0 : _a.some((rule) => rule.required);
- }
- return required;
- });
- const runRules = (rules) => rules.reduce((promise, rule) => promise.then(() => {
- if (state.status === "failed") {
- return;
- }
- let {
- value
- } = formValue;
- if (rule.formatter) {
- value = rule.formatter(value, rule);
- }
- if (!runSyncRule(value, rule)) {
- state.status = "failed";
- state.validateMessage = getRuleMessage(value, rule);
- return;
- }
- if (rule.validator) {
- if (isEmptyValue(value) && rule.validateEmpty === false) {
- return;
- }
- return runRuleValidator(value, rule).then((result) => {
- if (result && typeof result === "string") {
- state.status = "failed";
- state.validateMessage = result;
- } else if (result === false) {
- state.status = "failed";
- state.validateMessage = getRuleMessage(value, rule);
- }
- });
- }
- }), Promise.resolve());
- const resetValidation = () => {
- state.status = "unvalidated";
- state.validateMessage = "";
- };
- const endValidate = () => emit("endValidate", {
- status: state.status,
- message: state.validateMessage
- });
- const validate = (rules = props2.rules) => new Promise((resolve) => {
- resetValidation();
- if (rules) {
- emit("startValidate");
- runRules(rules).then(() => {
- if (state.status === "failed") {
- resolve({
- name: props2.name,
- message: state.validateMessage
- });
- endValidate();
- } else {
- state.status = "passed";
- resolve();
- endValidate();
- }
- });
- } else {
- resolve();
- }
- });
- const validateWithTrigger = (trigger) => {
- if (form && props2.rules) {
- const {
- validateTrigger
- } = form.props;
- const defaultTrigger = toArray(validateTrigger).includes(trigger);
- const rules = props2.rules.filter((rule) => {
- if (rule.trigger) {
- return toArray(rule.trigger).includes(trigger);
- }
- return defaultTrigger;
- });
- if (rules.length) {
- validate(rules);
- }
- }
- };
- const limitValueLength = (value) => {
- var _a;
- const {
- maxlength
- } = props2;
- if (isDef(maxlength) && getStringLength(value) > +maxlength) {
- const modelValue = getModelValue();
- if (modelValue && getStringLength(modelValue) === +maxlength) {
- return modelValue;
- }
- const selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
- if (state.focused && selectionEnd) {
- const valueArr = [...value];
- const exceededLength = valueArr.length - +maxlength;
- valueArr.splice(selectionEnd - exceededLength, exceededLength);
- return valueArr.join("");
- }
- return cutString(value, +maxlength);
- }
- return value;
- };
- const updateValue = (value, trigger = "onChange") => {
- var _a, _b;
- const originalValue = value;
- value = limitValueLength(value);
- const limitDiffLen = getStringLength(originalValue) - getStringLength(value);
- if (props2.type === "number" || props2.type === "digit") {
- const isNumber = props2.type === "number";
- value = formatNumber(value, isNumber, isNumber);
- if (trigger === "onBlur" && value !== "" && (props2.min !== void 0 || props2.max !== void 0)) {
- const adjustedValue = clamp(+value, (_a = props2.min) != null ? _a : -Infinity, (_b = props2.max) != null ? _b : Infinity);
- value = adjustedValue.toString();
- }
- }
- let formatterDiffLen = 0;
- if (props2.formatter && trigger === props2.formatTrigger) {
- const {
- formatter,
- maxlength
- } = props2;
- value = formatter(value);
- if (isDef(maxlength) && getStringLength(value) > +maxlength) {
- value = cutString(value, +maxlength);
- }
- if (inputRef.value && state.focused) {
- const {
- selectionEnd
- } = inputRef.value;
- const bcoVal = cutString(originalValue, selectionEnd);
- formatterDiffLen = getStringLength(formatter(bcoVal)) - getStringLength(bcoVal);
- }
- }
- if (inputRef.value && inputRef.value.value !== value) {
- if (state.focused) {
- let {
- selectionStart,
- selectionEnd
- } = inputRef.value;
- inputRef.value.value = value;
- if (isDef(selectionStart) && isDef(selectionEnd)) {
- const valueLen = getStringLength(value);
- if (limitDiffLen) {
- selectionStart -= limitDiffLen;
- selectionEnd -= limitDiffLen;
- } else if (formatterDiffLen) {
- selectionStart += formatterDiffLen;
- selectionEnd += formatterDiffLen;
- }
- inputRef.value.setSelectionRange(Math.min(selectionStart, valueLen), Math.min(selectionEnd, valueLen));
- }
- } else {
- inputRef.value.value = value;
- }
- }
- if (value !== props2.modelValue) {
- emit("update:modelValue", value);
- }
- };
- const onInput = (event) => {
- if (!event.target.composing) {
- updateValue(event.target.value);
- }
- };
- const blur = () => {
- var _a;
- return (_a = inputRef.value) == null ? void 0 : _a.blur();
- };
- const focus = () => {
- var _a;
- return (_a = inputRef.value) == null ? void 0 : _a.focus();
- };
- const adjustTextareaSize = () => {
- const input = inputRef.value;
- if (props2.type === "textarea" && props2.autosize && input) {
- resizeTextarea(input, props2.autosize);
- }
- };
- const onFocus = (event) => {
- state.focused = true;
- emit("focus", event);
- vue.nextTick(adjustTextareaSize);
- if (getProp("readonly")) {
- blur();
- }
- };
- const onBlur = (event) => {
- state.focused = false;
- updateValue(getModelValue(), "onBlur");
- emit("blur", event);
- if (getProp("readonly")) {
- return;
- }
- validateWithTrigger("onBlur");
- vue.nextTick(adjustTextareaSize);
- resetScroll();
- };
- const onClickInput = (event) => emit("clickInput", event);
- const onClickLeftIcon = (event) => emit("clickLeftIcon", event);
- const onClickRightIcon = (event) => emit("clickRightIcon", event);
- const onClear = (event) => {
- preventDefault(event);
- emit("update:modelValue", "");
- emit("clear", event);
- };
- const showError = vue.computed(() => {
- if (typeof props2.error === "boolean") {
- return props2.error;
- }
- if (form && form.props.showError && state.status === "failed") {
- return true;
- }
- });
- const labelStyle = vue.computed(() => {
- const labelWidth = getProp("labelWidth");
- const labelAlign = getProp("labelAlign");
- if (labelWidth && labelAlign !== "top") {
- return {
- width: addUnit(labelWidth)
- };
- }
- });
- const onKeypress = (event) => {
- const ENTER_CODE = 13;
- if (event.keyCode === ENTER_CODE) {
- const submitOnEnter = form && form.props.submitOnEnter;
- if (!submitOnEnter && props2.type !== "textarea") {
- preventDefault(event);
- }
- if (props2.type === "search") {
- blur();
- }
- }
- emit("keypress", event);
- };
- const getInputId = () => props2.id || `${id}-input`;
- const getValidationStatus = () => state.status;
- const renderInput = () => {
- const controlClass = bem$1h("control", [getProp("inputAlign"), {
- error: showError.value,
- custom: !!slots.input,
- "min-height": props2.type === "textarea" && !props2.autosize
- }]);
- if (slots.input) {
- return vue.createVNode("div", {
- "class": controlClass,
- "onClick": onClickInput
- }, [slots.input()]);
- }
- const inputAttrs = {
- id: getInputId(),
- ref: inputRef,
- name: props2.name,
- rows: props2.rows !== void 0 ? +props2.rows : void 0,
- class: controlClass,
- disabled: getProp("disabled"),
- readonly: getProp("readonly"),
- autofocus: props2.autofocus,
- placeholder: props2.placeholder,
- autocomplete: props2.autocomplete,
- autocapitalize: props2.autocapitalize,
- autocorrect: props2.autocorrect,
- enterkeyhint: props2.enterkeyhint,
- spellcheck: props2.spellcheck,
- "aria-labelledby": props2.label ? `${id}-label` : void 0,
- "data-allow-mismatch": "attribute",
- onBlur,
- onFocus,
- onInput,
- onClick: onClickInput,
- onChange: endComposing,
- onKeypress,
- onCompositionend: endComposing,
- onCompositionstart: startComposing
- };
- if (props2.type === "textarea") {
- return vue.createVNode("textarea", vue.mergeProps(inputAttrs, {
- "inputmode": props2.inputmode
- }), null);
- }
- return vue.createVNode("input", vue.mergeProps(mapInputType(props2.type, props2.inputmode), inputAttrs), null);
- };
- const renderLeftIcon = () => {
- const leftIconSlot = slots["left-icon"];
- if (props2.leftIcon || leftIconSlot) {
- return vue.createVNode("div", {
- "class": bem$1h("left-icon"),
- "onClick": onClickLeftIcon
- }, [leftIconSlot ? leftIconSlot() : vue.createVNode(Icon, {
- "name": props2.leftIcon,
- "classPrefix": props2.iconPrefix
- }, null)]);
- }
- };
- const renderRightIcon = () => {
- const rightIconSlot = slots["right-icon"];
- if (props2.rightIcon || rightIconSlot) {
- return vue.createVNode("div", {
- "class": bem$1h("right-icon"),
- "onClick": onClickRightIcon
- }, [rightIconSlot ? rightIconSlot() : vue.createVNode(Icon, {
- "name": props2.rightIcon,
- "classPrefix": props2.iconPrefix
- }, null)]);
- }
- };
- const renderWordLimit = () => {
- if (props2.showWordLimit && props2.maxlength) {
- const count = getStringLength(getModelValue());
- return vue.createVNode("div", {
- "class": bem$1h("word-limit")
- }, [vue.createVNode("span", {
- "class": bem$1h("word-num")
- }, [count]), vue.createTextVNode("/"), props2.maxlength]);
- }
- };
- const renderMessage = () => {
- if (form && form.props.showErrorMessage === false) {
- return;
- }
- const message = props2.errorMessage || state.validateMessage;
- if (message) {
- const slot = slots["error-message"];
- const errorMessageAlign = getProp("errorMessageAlign");
- return vue.createVNode("div", {
- "class": bem$1h("error-message", errorMessageAlign)
- }, [slot ? slot({
- message
- }) : message]);
- }
- };
- const renderLabel = () => {
- const labelWidth = getProp("labelWidth");
- const labelAlign = getProp("labelAlign");
- const colon = getProp("colon") ? ":" : "";
- if (slots.label) {
- return [slots.label(), colon];
- }
- if (props2.label) {
- return vue.createVNode("label", {
- "id": `${id}-label`,
- "for": slots.input ? void 0 : getInputId(),
- "data-allow-mismatch": "attribute",
- "onClick": (event) => {
- preventDefault(event);
- focus();
- },
- "style": labelAlign === "top" && labelWidth ? {
- width: addUnit(labelWidth)
- } : void 0
- }, [props2.label + colon]);
- }
- };
- const renderFieldBody = () => [vue.createVNode("div", {
- "class": bem$1h("body")
- }, [renderInput(), showClear.value && vue.createVNode(Icon, {
- "ref": clearIconRef,
- "name": props2.clearIcon,
- "class": bem$1h("clear")
- }, null), renderRightIcon(), slots.button && vue.createVNode("div", {
- "class": bem$1h("button")
- }, [slots.button()])]), renderWordLimit(), renderMessage()];
- useExpose({
- blur,
- focus,
- validate,
- formValue,
- resetValidation,
- getValidationStatus
- });
- vue.provide(CUSTOM_FIELD_INJECTION_KEY, {
- customValue,
- resetValidation,
- validateWithTrigger
- });
- vue.watch(() => props2.modelValue, () => {
- updateValue(getModelValue());
- resetValidation();
- validateWithTrigger("onChange");
- vue.nextTick(adjustTextareaSize);
- });
- vue.onMounted(() => {
- updateValue(getModelValue(), props2.formatTrigger);
- vue.nextTick(adjustTextareaSize);
- });
- useEventListener("touchstart", onClear, {
- target: vue.computed(() => {
- var _a;
- return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
- })
- });
- return () => {
- const disabled = getProp("disabled");
- const labelAlign = getProp("labelAlign");
- const LeftIcon = renderLeftIcon();
- const renderTitle = () => {
- const Label = renderLabel();
- if (labelAlign === "top") {
- return [LeftIcon, Label].filter(Boolean);
- }
- return Label || [];
- };
- return vue.createVNode(Cell, {
- "size": props2.size,
- "class": bem$1h({
- error: showError.value,
- disabled,
- [`label-${labelAlign}`]: labelAlign
- }),
- "center": props2.center,
- "border": props2.border,
- "isLink": props2.isLink,
- "clickable": props2.clickable,
- "titleStyle": labelStyle.value,
- "valueClass": bem$1h("value"),
- "titleClass": [bem$1h("label", [labelAlign, {
- required: showRequiredMark.value
- }]), props2.labelClass],
- "arrowDirection": props2.arrowDirection
- }, {
- icon: LeftIcon && labelAlign !== "top" ? () => LeftIcon : null,
- title: renderTitle,
- value: renderFieldBody,
- extra: slots.extra
- });
- };
- }
- });
- const Field = withInstall(stdin_default$1v);
- let lockCount = 0;
- function lockClick(lock) {
- if (lock) {
- if (!lockCount) {
- document.body.classList.add("van-toast--unclickable");
- }
- lockCount++;
- } else if (lockCount) {
- lockCount--;
- if (!lockCount) {
- document.body.classList.remove("van-toast--unclickable");
- }
- }
- }
- const [name$1k, bem$1g] = createNamespace("toast");
- const popupInheritProps$1 = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay", "zIndex"];
- const toastProps = {
- icon: String,
- show: Boolean,
- type: makeStringProp("text"),
- overlay: Boolean,
- message: numericProp,
- iconSize: numericProp,
- duration: makeNumberProp(2e3),
- position: makeStringProp("middle"),
- teleport: [String, Object],
- wordBreak: String,
- className: unknownProp,
- iconPrefix: String,
- transition: makeStringProp("van-fade"),
- loadingType: String,
- forbidClick: Boolean,
- overlayClass: unknownProp,
- overlayStyle: Object,
- closeOnClick: Boolean,
- closeOnClickOverlay: Boolean,
- zIndex: numericProp
- };
- var stdin_default$1u = vue.defineComponent({
- name: name$1k,
- props: toastProps,
- emits: ["update:show"],
- setup(props2, {
- emit,
- slots
- }) {
- let timer2;
- let clickable = false;
- const toggleClickable = () => {
- const newValue = props2.show && props2.forbidClick;
- if (clickable !== newValue) {
- clickable = newValue;
- lockClick(clickable);
- }
- };
- const updateShow = (show) => emit("update:show", show);
- const onClick = () => {
- if (props2.closeOnClick) {
- updateShow(false);
- }
- };
- const clearTimer = () => clearTimeout(timer2);
- const renderIcon = () => {
- const {
- icon,
- type,
- iconSize,
- iconPrefix,
- loadingType
- } = props2;
- const hasIcon = icon || type === "success" || type === "fail";
- if (hasIcon) {
- return vue.createVNode(Icon, {
- "name": icon || type,
- "size": iconSize,
- "class": bem$1g("icon"),
- "classPrefix": iconPrefix
- }, null);
- }
- if (type === "loading") {
- return vue.createVNode(Loading, {
- "class": bem$1g("loading"),
- "size": iconSize,
- "type": loadingType
- }, null);
- }
- };
- const renderMessage = () => {
- const {
- type,
- message
- } = props2;
- if (slots.message) {
- return vue.createVNode("div", {
- "class": bem$1g("text")
- }, [slots.message()]);
- }
- if (isDef(message) && message !== "") {
- return type === "html" ? vue.createVNode("div", {
- "key": 0,
- "class": bem$1g("text"),
- "innerHTML": String(message)
- }, null) : vue.createVNode("div", {
- "class": bem$1g("text")
- }, [message]);
- }
- };
- vue.watch(() => [props2.show, props2.forbidClick], toggleClickable);
- vue.watch(() => [props2.show, props2.type, props2.message, props2.duration], () => {
- clearTimer();
- if (props2.show && props2.duration > 0) {
- timer2 = setTimeout(() => {
- updateShow(false);
- }, props2.duration);
- }
- });
- vue.onMounted(toggleClickable);
- vue.onUnmounted(toggleClickable);
- return () => vue.createVNode(Popup, vue.mergeProps({
- "class": [bem$1g([props2.position, props2.wordBreak === "normal" ? "break-normal" : props2.wordBreak, {
- [props2.type]: !props2.icon
- }]), props2.className],
- "lockScroll": false,
- "onClick": onClick,
- "onClosed": clearTimer,
- "onUpdate:show": updateShow
- }, pick(props2, popupInheritProps$1)), {
- default: () => [renderIcon(), renderMessage()]
- });
- }
- });
- function usePopupState() {
- const state = vue.reactive({
- show: false
- });
- const toggle = (show) => {
- state.show = show;
- };
- const open = (props2) => {
- extend(state, props2, { transitionAppear: true });
- toggle(true);
- };
- const close = () => toggle(false);
- useExpose({ open, close, toggle });
- return {
- open,
- close,
- state,
- toggle
- };
- }
- function mountComponent(RootComponent) {
- const app = vue.createApp(RootComponent);
- const root = document.createElement("div");
- document.body.appendChild(root);
- return {
- instance: app.mount(root),
- unmount() {
- app.unmount();
- document.body.removeChild(root);
- }
- };
- }
- const defaultOptions$1 = {
- icon: "",
- type: "text",
- message: "",
- className: "",
- overlay: false,
- onClose: void 0,
- onOpened: void 0,
- duration: 2e3,
- teleport: "body",
- iconSize: void 0,
- iconPrefix: void 0,
- position: "middle",
- transition: "van-fade",
- forbidClick: false,
- loadingType: void 0,
- overlayClass: "",
- overlayStyle: void 0,
- closeOnClick: false,
- closeOnClickOverlay: false
- };
- let queue = [];
- let allowMultiple = false;
- let currentOptions$2 = extend({}, defaultOptions$1);
- const defaultOptionsMap = /* @__PURE__ */ new Map();
- function parseOptions$1(message) {
- if (isObject$1(message)) {
- return message;
- }
- return {
- message
- };
- }
- function createInstance() {
- const {
- instance: instance2,
- unmount
- } = mountComponent({
- setup() {
- const message = vue.ref("");
- const {
- open,
- state,
- close,
- toggle
- } = usePopupState();
- const onClosed = () => {
- if (allowMultiple) {
- queue = queue.filter((item) => item !== instance2);
- unmount();
- }
- };
- const render = () => {
- const attrs = {
- onClosed,
- "onUpdate:show": toggle
- };
- return vue.createVNode(stdin_default$1u, vue.mergeProps(state, attrs), null);
- };
- vue.watch(message, (val) => {
- state.message = val;
- });
- vue.getCurrentInstance().render = render;
- return {
- open,
- close,
- message
- };
- }
- });
- return instance2;
- }
- function getInstance() {
- if (!queue.length || allowMultiple) {
- const instance2 = createInstance();
- queue.push(instance2);
- }
- return queue[queue.length - 1];
- }
- function showToast(options = {}) {
- if (!inBrowser$1) {
- return {};
- }
- const toast = getInstance();
- const parsedOptions = parseOptions$1(options);
- toast.open(extend({}, currentOptions$2, defaultOptionsMap.get(parsedOptions.type || currentOptions$2.type), parsedOptions));
- return toast;
- }
- const createMethod = (type) => (options) => showToast(extend({
- type
- }, parseOptions$1(options)));
- const showLoadingToast = createMethod("loading");
- const showSuccessToast = createMethod("success");
- const showFailToast = createMethod("fail");
- const closeToast = (all) => {
- var _a;
- if (queue.length) {
- if (all) {
- queue.forEach((toast) => {
- toast.close();
- });
- queue = [];
- } else if (!allowMultiple) {
- queue[0].close();
- } else {
- (_a = queue.shift()) == null ? void 0 : _a.close();
- }
- }
- };
- function setToastDefaultOptions(type, options) {
- if (typeof type === "string") {
- defaultOptionsMap.set(type, options);
- } else {
- extend(currentOptions$2, type);
- }
- }
- const resetToastDefaultOptions = (type) => {
- if (typeof type === "string") {
- defaultOptionsMap.delete(type);
- } else {
- currentOptions$2 = extend({}, defaultOptions$1);
- defaultOptionsMap.clear();
- }
- };
- const allowMultipleToast = (value = true) => {
- allowMultiple = value;
- };
- const Toast = withInstall(stdin_default$1u);
- const [name$1j, bem$1f] = createNamespace("switch");
- const switchProps = {
- size: numericProp,
- loading: Boolean,
- disabled: Boolean,
- modelValue: unknownProp,
- activeColor: String,
- inactiveColor: String,
- activeValue: {
- type: unknownProp,
- default: true
- },
- inactiveValue: {
- type: unknownProp,
- default: false
- }
- };
- var stdin_default$1t = vue.defineComponent({
- name: name$1j,
- props: switchProps,
- emits: ["change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const isChecked = () => props2.modelValue === props2.activeValue;
- const onClick = () => {
- if (!props2.disabled && !props2.loading) {
- const newValue = isChecked() ? props2.inactiveValue : props2.activeValue;
- emit("update:modelValue", newValue);
- emit("change", newValue);
- }
- };
- const renderLoading = () => {
- if (props2.loading) {
- const color = isChecked() ? props2.activeColor : props2.inactiveColor;
- return vue.createVNode(Loading, {
- "class": bem$1f("loading"),
- "color": color
- }, null);
- }
- if (slots.node) {
- return slots.node();
- }
- };
- useCustomFieldValue(() => props2.modelValue);
- return () => {
- var _a;
- const {
- size,
- loading,
- disabled,
- activeColor,
- inactiveColor
- } = props2;
- const checked = isChecked();
- const style = {
- fontSize: addUnit(size),
- backgroundColor: checked ? activeColor : inactiveColor
- };
- return vue.createVNode("div", {
- "role": "switch",
- "class": bem$1f({
- on: checked,
- loading,
- disabled
- }),
- "style": style,
- "tabindex": disabled ? void 0 : 0,
- "aria-checked": checked,
- "onClick": onClick
- }, [vue.createVNode("div", {
- "class": bem$1f("node")
- }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const Switch = withInstall(stdin_default$1t);
- const [name$1i, bem$1e] = createNamespace("address-edit-detail");
- const t$j = createNamespace("address-edit")[2];
- var stdin_default$1s = vue.defineComponent({
- name: name$1i,
- props: {
- show: Boolean,
- rows: numericProp,
- value: String,
- rules: Array,
- focused: Boolean,
- maxlength: numericProp,
- searchResult: Array,
- showSearchResult: Boolean
- },
- emits: ["blur", "focus", "input", "selectSearch"],
- setup(props2, {
- emit
- }) {
- const field = vue.ref();
- const showSearchResult = () => props2.focused && props2.searchResult && props2.showSearchResult;
- const onSelect = (express) => {
- emit("selectSearch", express);
- emit("input", `${express.address || ""} ${express.name || ""}`.trim());
- };
- const renderSearchResult = () => {
- if (!showSearchResult()) {
- return;
- }
- const {
- searchResult
- } = props2;
- return searchResult.map((express) => vue.createVNode(Cell, {
- "clickable": true,
- "key": (express.name || "") + (express.address || ""),
- "icon": "location-o",
- "title": express.name,
- "label": express.address,
- "class": bem$1e("search-item"),
- "border": false,
- "onClick": () => onSelect(express)
- }, null));
- };
- const onBlur = (event) => emit("blur", event);
- const onFocus = (event) => emit("focus", event);
- const onInput = (value) => emit("input", value);
- return () => {
- if (props2.show) {
- return vue.createVNode(vue.Fragment, null, [vue.createVNode(Field, {
- "autosize": true,
- "clearable": true,
- "ref": field,
- "class": bem$1e(),
- "rows": props2.rows,
- "type": "textarea",
- "rules": props2.rules,
- "label": t$j("addressDetail"),
- "border": !showSearchResult(),
- "maxlength": props2.maxlength,
- "modelValue": props2.value,
- "placeholder": t$j("addressDetail"),
- "onBlur": onBlur,
- "onFocus": onFocus,
- "onUpdate:modelValue": onInput
- }, null), renderSearchResult()]);
- }
- };
- }
- });
- const [name$1h, bem$1d, t$i] = createNamespace("address-edit");
- const DEFAULT_DATA = {
- name: "",
- tel: "",
- city: "",
- county: "",
- country: "",
- province: "",
- areaCode: "",
- isDefault: false,
- addressDetail: ""
- };
- const addressEditProps = {
- areaList: Object,
- isSaving: Boolean,
- isDeleting: Boolean,
- validator: Function,
- showArea: truthProp,
- showDetail: truthProp,
- showDelete: Boolean,
- disableArea: Boolean,
- searchResult: Array,
- telMaxlength: numericProp,
- showSetDefault: Boolean,
- saveButtonText: String,
- areaPlaceholder: String,
- deleteButtonText: String,
- showSearchResult: Boolean,
- detailRows: makeNumericProp(1),
- detailMaxlength: makeNumericProp(200),
- areaColumnsPlaceholder: makeArrayProp(),
- addressInfo: {
- type: Object,
- default: () => extend({}, DEFAULT_DATA)
- },
- telValidator: {
- type: Function,
- default: isMobile
- }
- };
- var stdin_default$1r = vue.defineComponent({
- name: name$1h,
- props: addressEditProps,
- emits: ["save", "focus", "change", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
- setup(props2, {
- emit,
- slots
- }) {
- const areaRef = vue.ref();
- const data = vue.reactive({});
- const showAreaPopup = vue.ref(false);
- const detailFocused = vue.ref(false);
- const areaListLoaded = vue.computed(() => isObject$1(props2.areaList) && Object.keys(props2.areaList).length);
- const areaText = vue.computed(() => {
- const {
- province,
- city,
- county,
- areaCode
- } = data;
- if (areaCode) {
- const arr = [province, city, county];
- if (province && province === city) {
- arr.splice(1, 1);
- }
- return arr.filter(Boolean).join("/");
- }
- return "";
- });
- const hideBottomFields = vue.computed(() => {
- var _a;
- return ((_a = props2.searchResult) == null ? void 0 : _a.length) && detailFocused.value;
- });
- const onFocus = (key) => {
- detailFocused.value = key === "addressDetail";
- emit("focus", key);
- };
- const onChange = (key, value) => {
- emit("change", {
- key,
- value
- });
- };
- const rules = vue.computed(() => {
- const {
- validator,
- telValidator
- } = props2;
- const makeRule = (name2, emptyMessage) => ({
- validator: (value) => {
- if (validator) {
- const message = validator(name2, value);
- if (message) {
- return message;
- }
- }
- if (!value) {
- return emptyMessage;
- }
- return true;
- }
- });
- return {
- name: [makeRule("name", t$i("nameEmpty"))],
- tel: [makeRule("tel", t$i("telInvalid")), {
- validator: telValidator,
- message: t$i("telInvalid")
- }],
- areaCode: [makeRule("areaCode", t$i("areaEmpty"))],
- addressDetail: [makeRule("addressDetail", t$i("addressEmpty"))]
- };
- });
- const onSave = () => emit("save", data);
- const onChangeDetail = (val) => {
- data.addressDetail = val;
- emit("changeDetail", val);
- };
- const assignAreaText = (options) => {
- data.province = options[0].text;
- data.city = options[1].text;
- data.county = options[2].text;
- };
- const onAreaConfirm = ({
- selectedValues,
- selectedOptions
- }) => {
- if (selectedValues.some((value) => value === AREA_EMPTY_CODE)) {
- showToast(t$i("areaEmpty"));
- } else {
- showAreaPopup.value = false;
- assignAreaText(selectedOptions);
- emit("changeArea", selectedOptions);
- }
- };
- const onDelete = () => emit("delete", data);
- const setAreaCode = (code) => {
- data.areaCode = code || "";
- };
- const onDetailBlur = () => {
- setTimeout(() => {
- detailFocused.value = false;
- });
- };
- const setAddressDetail = (value) => {
- data.addressDetail = value;
- };
- const renderSetDefaultCell = () => {
- if (props2.showSetDefault) {
- const slots2 = {
- "right-icon": () => vue.createVNode(Switch, {
- "modelValue": data.isDefault,
- "onUpdate:modelValue": ($event) => data.isDefault = $event,
- "onChange": (event) => emit("changeDefault", event)
- }, null)
- };
- return vue.withDirectives(vue.createVNode(Cell, {
- "center": true,
- "border": false,
- "title": t$i("defaultAddress"),
- "class": bem$1d("default")
- }, slots2), [[vue.vShow, !hideBottomFields.value]]);
- }
- };
- useExpose({
- setAreaCode,
- setAddressDetail
- });
- vue.watch(() => props2.addressInfo, (value) => {
- extend(data, DEFAULT_DATA, value);
- vue.nextTick(() => {
- var _a;
- const options = (_a = areaRef.value) == null ? void 0 : _a.getSelectedOptions();
- if (options && options.every((option) => option && option.value !== AREA_EMPTY_CODE)) {
- assignAreaText(options);
- }
- });
- }, {
- deep: true,
- immediate: true
- });
- return () => {
- const {
- disableArea
- } = props2;
- return vue.createVNode(Form, {
- "class": bem$1d(),
- "onSubmit": onSave
- }, {
- default: () => {
- var _a;
- return [vue.createVNode("div", {
- "class": bem$1d("fields")
- }, [vue.createVNode(Field, {
- "modelValue": data.name,
- "onUpdate:modelValue": [($event) => data.name = $event, (val) => onChange("name", val)],
- "clearable": true,
- "label": t$i("name"),
- "rules": rules.value.name,
- "placeholder": t$i("name"),
- "onFocus": () => onFocus("name")
- }, null), vue.createVNode(Field, {
- "modelValue": data.tel,
- "onUpdate:modelValue": [($event) => data.tel = $event, (val) => onChange("tel", val)],
- "clearable": true,
- "type": "tel",
- "label": t$i("tel"),
- "rules": rules.value.tel,
- "maxlength": props2.telMaxlength,
- "placeholder": t$i("tel"),
- "onFocus": () => onFocus("tel")
- }, null), vue.withDirectives(vue.createVNode(Field, {
- "readonly": true,
- "label": t$i("area"),
- "is-link": !disableArea,
- "modelValue": areaText.value,
- "rules": props2.showArea ? rules.value.areaCode : void 0,
- "placeholder": props2.areaPlaceholder || t$i("area"),
- "onFocus": () => onFocus("areaCode"),
- "onClick": () => {
- emit("clickArea");
- showAreaPopup.value = !disableArea;
- }
- }, null), [[vue.vShow, props2.showArea]]), vue.createVNode(stdin_default$1s, {
- "show": props2.showDetail,
- "rows": props2.detailRows,
- "rules": rules.value.addressDetail,
- "value": data.addressDetail,
- "focused": detailFocused.value,
- "maxlength": props2.detailMaxlength,
- "searchResult": props2.searchResult,
- "showSearchResult": props2.showSearchResult,
- "onBlur": onDetailBlur,
- "onFocus": () => onFocus("addressDetail"),
- "onInput": onChangeDetail,
- "onSelectSearch": (event) => emit("selectSearch", event)
- }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
- "class": bem$1d("buttons")
- }, [vue.createVNode(Button, {
- "block": true,
- "round": true,
- "type": "primary",
- "text": props2.saveButtonText || t$i("save"),
- "class": bem$1d("button"),
- "loading": props2.isSaving,
- "nativeType": "submit"
- }, null), props2.showDelete && vue.createVNode(Button, {
- "block": true,
- "round": true,
- "class": bem$1d("button"),
- "loading": props2.isDeleting,
- "text": props2.deleteButtonText || t$i("delete"),
- "onClick": onDelete
- }, null)]), [[vue.vShow, !hideBottomFields.value]]), vue.createVNode(Popup, {
- "show": showAreaPopup.value,
- "onUpdate:show": ($event) => showAreaPopup.value = $event,
- "round": true,
- "teleport": "body",
- "position": "bottom",
- "lazyRender": false
- }, {
- default: () => [vue.createVNode(Area, {
- "modelValue": data.areaCode,
- "onUpdate:modelValue": ($event) => data.areaCode = $event,
- "ref": areaRef,
- "loading": !areaListLoaded.value,
- "areaList": props2.areaList,
- "columnsPlaceholder": props2.areaColumnsPlaceholder,
- "onConfirm": onAreaConfirm,
- "onCancel": () => {
- showAreaPopup.value = false;
- }
- }, null)]
- })];
- }
- });
- };
- }
- });
- const AddressEdit = withInstall(stdin_default$1r);
- const [name$1g, bem$1c] = createNamespace("radio-group");
- const radioGroupProps = {
- shape: String,
- disabled: Boolean,
- iconSize: numericProp,
- direction: String,
- modelValue: unknownProp,
- checkedColor: String
- };
- const RADIO_KEY = Symbol(name$1g);
- var stdin_default$1q = vue.defineComponent({
- name: name$1g,
- props: radioGroupProps,
- emits: ["change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const {
- linkChildren
- } = useChildren(RADIO_KEY);
- const updateValue = (value) => emit("update:modelValue", value);
- vue.watch(() => props2.modelValue, (value) => emit("change", value));
- linkChildren({
- props: props2,
- updateValue
- });
- useCustomFieldValue(() => props2.modelValue);
- return () => {
- var _a;
- return vue.createVNode("div", {
- "class": bem$1c([props2.direction]),
- "role": "radiogroup"
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const RadioGroup = withInstall(stdin_default$1q);
- const [name$1f, bem$1b] = createNamespace("checkbox-group");
- const checkboxGroupProps = {
- max: numericProp,
- shape: makeStringProp("round"),
- disabled: Boolean,
- iconSize: numericProp,
- direction: String,
- modelValue: makeArrayProp(),
- checkedColor: String
- };
- const CHECKBOX_GROUP_KEY = Symbol(name$1f);
- var stdin_default$1p = vue.defineComponent({
- name: name$1f,
- props: checkboxGroupProps,
- emits: ["change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const {
- children,
- linkChildren
- } = useChildren(CHECKBOX_GROUP_KEY);
- const updateValue = (value) => emit("update:modelValue", value);
- const toggleAll = (options = {}) => {
- if (typeof options === "boolean") {
- options = {
- checked: options
- };
- }
- const {
- checked,
- skipDisabled
- } = options;
- const checkedChildren = children.filter((item) => {
- if (!item.props.bindGroup) {
- return false;
- }
- if (item.props.disabled && skipDisabled) {
- return item.checked.value;
- }
- return checked != null ? checked : !item.checked.value;
- });
- const names = checkedChildren.map((item) => item.name);
- updateValue(names);
- };
- vue.watch(() => props2.modelValue, (value) => emit("change", value));
- useExpose({
- toggleAll
- });
- useCustomFieldValue(() => props2.modelValue);
- linkChildren({
- props: props2,
- updateValue
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "class": bem$1b([props2.direction])
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const CheckboxGroup = withInstall(stdin_default$1p);
- const [name$1e, bem$1a] = createNamespace("tag");
- const tagProps = {
- size: String,
- mark: Boolean,
- show: truthProp,
- type: makeStringProp("default"),
- color: String,
- plain: Boolean,
- round: Boolean,
- textColor: String,
- closeable: Boolean
- };
- var stdin_default$1o = vue.defineComponent({
- name: name$1e,
- props: tagProps,
- emits: ["close"],
- setup(props2, {
- slots,
- emit
- }) {
- const onClose = (event) => {
- event.stopPropagation();
- emit("close", event);
- };
- const getStyle = () => {
- if (props2.plain) {
- return {
- color: props2.textColor || props2.color,
- borderColor: props2.color
- };
- }
- return {
- color: props2.textColor,
- background: props2.color
- };
- };
- const renderTag = () => {
- var _a;
- const {
- type,
- mark,
- plain,
- round: round2,
- size,
- closeable
- } = props2;
- const classes = {
- mark,
- plain,
- round: round2
- };
- if (size) {
- classes[size] = size;
- }
- const CloseIcon = closeable && vue.createVNode(Icon, {
- "name": "cross",
- "class": [bem$1a("close"), HAPTICS_FEEDBACK],
- "onClick": onClose
- }, null);
- return vue.createVNode("span", {
- "style": getStyle(),
- "class": bem$1a([classes, type])
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
- };
- return () => vue.createVNode(vue.Transition, {
- "name": props2.closeable ? "van-fade" : void 0
- }, {
- default: () => [props2.show ? renderTag() : null]
- });
- }
- });
- const Tag = withInstall(stdin_default$1o);
- const checkerProps = {
- name: unknownProp,
- disabled: Boolean,
- iconSize: numericProp,
- modelValue: unknownProp,
- checkedColor: String,
- labelPosition: String,
- labelDisabled: Boolean
- };
- var stdin_default$1n = vue.defineComponent({
- props: extend({}, checkerProps, {
- bem: makeRequiredProp(Function),
- role: String,
- shape: String,
- parent: Object,
- checked: Boolean,
- bindGroup: truthProp,
- indeterminate: {
- type: Boolean,
- default: null
- }
- }),
- emits: ["click", "toggle"],
- setup(props2, {
- emit,
- slots
- }) {
- const iconRef = vue.ref();
- const getParentProp = (name2) => {
- if (props2.parent && props2.bindGroup) {
- return props2.parent.props[name2];
- }
- };
- const disabled = vue.computed(() => {
- if (props2.parent && props2.bindGroup) {
- const disabled2 = getParentProp("disabled") || props2.disabled;
- if (props2.role === "checkbox") {
- const checkedCount = getParentProp("modelValue").length;
- const max = getParentProp("max");
- const overlimit = max && checkedCount >= +max;
- return disabled2 || overlimit && !props2.checked;
- }
- return disabled2;
- }
- return props2.disabled;
- });
- const direction = vue.computed(() => getParentProp("direction"));
- const iconStyle = vue.computed(() => {
- const checkedColor = props2.checkedColor || getParentProp("checkedColor");
- if (checkedColor && props2.checked && !disabled.value) {
- return {
- borderColor: checkedColor,
- backgroundColor: checkedColor
- };
- }
- });
- const shape = vue.computed(() => {
- return props2.shape || getParentProp("shape") || "round";
- });
- const onClick = (event) => {
- const {
- target
- } = event;
- const icon = iconRef.value;
- const iconClicked = icon === target || (icon == null ? void 0 : icon.contains(target));
- if (!disabled.value && (iconClicked || !props2.labelDisabled)) {
- emit("toggle");
- }
- emit("click", event);
- };
- const renderIcon = () => {
- var _a, _b;
- const {
- bem: bem2,
- checked,
- indeterminate
- } = props2;
- const iconSize = props2.iconSize || getParentProp("iconSize");
- return vue.createVNode("div", {
- "ref": iconRef,
- "class": bem2("icon", [shape.value, {
- disabled: disabled.value,
- checked,
- indeterminate
- }]),
- "style": shape.value !== "dot" ? {
- fontSize: addUnit(iconSize)
- } : {
- width: addUnit(iconSize),
- height: addUnit(iconSize),
- borderColor: (_a = iconStyle.value) == null ? void 0 : _a.borderColor
- }
- }, [slots.icon ? slots.icon({
- checked,
- disabled: disabled.value
- }) : shape.value !== "dot" ? vue.createVNode(Icon, {
- "name": indeterminate ? "minus" : "success",
- "style": iconStyle.value
- }, null) : vue.createVNode("div", {
- "class": bem2("icon--dot__icon"),
- "style": {
- backgroundColor: (_b = iconStyle.value) == null ? void 0 : _b.backgroundColor
- }
- }, null)]);
- };
- const renderLabel = () => {
- const {
- checked
- } = props2;
- if (slots.default) {
- return vue.createVNode("span", {
- "class": props2.bem("label", [props2.labelPosition, {
- disabled: disabled.value
- }])
- }, [slots.default({
- checked,
- disabled: disabled.value
- })]);
- }
- };
- return () => {
- const nodes = props2.labelPosition === "left" ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()];
- return vue.createVNode("div", {
- "role": props2.role,
- "class": props2.bem([{
- disabled: disabled.value,
- "label-disabled": props2.labelDisabled
- }, direction.value]),
- "tabindex": disabled.value ? void 0 : 0,
- "aria-checked": props2.checked,
- "onClick": onClick
- }, [nodes]);
- };
- }
- });
- const radioProps = extend({}, checkerProps, {
- shape: String
- });
- const [name$1d, bem$19] = createNamespace("radio");
- var stdin_default$1m = vue.defineComponent({
- name: name$1d,
- props: radioProps,
- emits: ["update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const {
- parent
- } = useParent(RADIO_KEY);
- const checked = () => {
- const value = parent ? parent.props.modelValue : props2.modelValue;
- return value === props2.name;
- };
- const toggle = () => {
- if (parent) {
- parent.updateValue(props2.name);
- } else {
- emit("update:modelValue", props2.name);
- }
- };
- return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
- "bem": bem$19,
- "role": "radio",
- "parent": parent,
- "checked": checked(),
- "onToggle": toggle
- }, props2), pick(slots, ["default", "icon"]));
- }
- });
- const Radio = withInstall(stdin_default$1m);
- const [name$1c, bem$18] = createNamespace("checkbox");
- const checkboxProps = extend({}, checkerProps, {
- shape: String,
- bindGroup: truthProp,
- indeterminate: {
- type: Boolean,
- default: null
- }
- });
- var stdin_default$1l = vue.defineComponent({
- name: name$1c,
- props: checkboxProps,
- emits: ["change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const {
- parent
- } = useParent(CHECKBOX_GROUP_KEY);
- const setParentValue = (checked2) => {
- const {
- name: name2
- } = props2;
- const {
- max,
- modelValue
- } = parent.props;
- const value = modelValue.slice();
- if (checked2) {
- const overlimit = max && value.length >= +max;
- if (!overlimit && !value.includes(name2)) {
- value.push(name2);
- if (props2.bindGroup) {
- parent.updateValue(value);
- }
- }
- } else {
- const index = value.indexOf(name2);
- if (index !== -1) {
- value.splice(index, 1);
- if (props2.bindGroup) {
- parent.updateValue(value);
- }
- }
- }
- };
- const checked = vue.computed(() => {
- if (parent && props2.bindGroup) {
- return parent.props.modelValue.indexOf(props2.name) !== -1;
- }
- return !!props2.modelValue;
- });
- const toggle = (newValue = !checked.value) => {
- if (parent && props2.bindGroup) {
- setParentValue(newValue);
- } else {
- emit("update:modelValue", newValue);
- }
- if (props2.indeterminate !== null) emit("change", newValue);
- };
- vue.watch(() => props2.modelValue, (value) => {
- if (props2.indeterminate === null) emit("change", value);
- });
- useExpose({
- toggle,
- props: props2,
- checked
- });
- useCustomFieldValue(() => props2.modelValue);
- return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
- "bem": bem$18,
- "role": "checkbox",
- "parent": parent,
- "checked": checked.value,
- "onToggle": toggle
- }, props2), pick(slots, ["default", "icon"]));
- }
- });
- const Checkbox = withInstall(stdin_default$1l);
- const [name$1b, bem$17] = createNamespace("address-item");
- var stdin_default$1k = vue.defineComponent({
- name: name$1b,
- props: {
- address: makeRequiredProp(Object),
- disabled: Boolean,
- switchable: Boolean,
- singleChoice: Boolean,
- defaultTagText: String,
- rightIcon: makeStringProp("edit")
- },
- emits: ["edit", "click", "select"],
- setup(props2, {
- slots,
- emit
- }) {
- const onClick = (event) => {
- if (props2.switchable) {
- emit("select");
- }
- emit("click", event);
- };
- const renderRightIcon = () => vue.createVNode(Icon, {
- "name": props2.rightIcon,
- "class": bem$17("edit"),
- "onClick": (event) => {
- event.stopPropagation();
- emit("edit");
- emit("click", event);
- }
- }, null);
- const renderTag = () => {
- if (slots.tag) {
- return slots.tag(props2.address);
- }
- if (props2.address.isDefault && props2.defaultTagText) {
- return vue.createVNode(Tag, {
- "type": "primary",
- "round": true,
- "class": bem$17("tag")
- }, {
- default: () => [props2.defaultTagText]
- });
- }
- };
- const renderContent = () => {
- const {
- address,
- disabled,
- switchable,
- singleChoice
- } = props2;
- const Info = [vue.createVNode("div", {
- "class": bem$17("name")
- }, [`${address.name} ${address.tel}`, renderTag()]), vue.createVNode("div", {
- "class": bem$17("address")
- }, [address.address])];
- if (switchable && !disabled) {
- if (singleChoice) {
- return vue.createVNode(Radio, {
- "name": address.id,
- "iconSize": 18
- }, {
- default: () => [Info]
- });
- } else {
- return vue.createVNode(Checkbox, {
- "name": address.id,
- "iconSize": 18
- }, {
- default: () => [Info]
- });
- }
- }
- return Info;
- };
- return () => {
- var _a;
- const {
- disabled
- } = props2;
- return vue.createVNode("div", {
- "class": bem$17({
- disabled
- }),
- "onClick": onClick
- }, [vue.createVNode(Cell, {
- "border": false,
- "titleClass": bem$17("title")
- }, {
- title: renderContent,
- "right-icon": renderRightIcon
- }), (_a = slots.bottom) == null ? void 0 : _a.call(slots, extend({}, props2.address, {
- disabled
- }))]);
- };
- }
- });
- const [name$1a, bem$16, t$h] = createNamespace("address-list");
- const addressListProps = {
- list: makeArrayProp(),
- modelValue: [...numericProp, Array],
- switchable: truthProp,
- disabledText: String,
- disabledList: makeArrayProp(),
- showAddButton: truthProp,
- addButtonText: String,
- defaultTagText: String,
- rightIcon: makeStringProp("edit")
- };
- var stdin_default$1j = vue.defineComponent({
- name: name$1a,
- props: addressListProps,
- emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
- setup(props2, {
- slots,
- emit
- }) {
- const singleChoice = vue.computed(() => !Array.isArray(props2.modelValue));
- const renderItem = (item, index, disabled) => {
- const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
- const onClick = (event) => emit("clickItem", item, index, {
- event
- });
- const onSelect = () => {
- emit(disabled ? "selectDisabled" : "select", item, index);
- if (!disabled) {
- if (singleChoice.value) {
- emit("update:modelValue", item.id);
- } else {
- const value = props2.modelValue;
- if (value.includes(item.id)) {
- emit("update:modelValue", value.filter((id) => id !== item.id));
- } else {
- emit("update:modelValue", [...value, item.id]);
- }
- }
- }
- };
- return vue.createVNode(stdin_default$1k, {
- "key": item.id,
- "address": item,
- "disabled": disabled,
- "switchable": props2.switchable,
- "singleChoice": singleChoice.value,
- "defaultTagText": props2.defaultTagText,
- "rightIcon": props2.rightIcon,
- "onEdit": onEdit,
- "onClick": onClick,
- "onSelect": onSelect
- }, {
- bottom: slots["item-bottom"],
- tag: slots.tag
- });
- };
- const renderList = (list, disabled) => {
- if (list) {
- return list.map((item, index) => renderItem(item, index, disabled));
- }
- };
- const renderBottom = () => props2.showAddButton ? vue.createVNode("div", {
- "class": [bem$16("bottom"), "van-safe-area-bottom"]
- }, [vue.createVNode(Button, {
- "round": true,
- "block": true,
- "type": "primary",
- "text": props2.addButtonText || t$h("add"),
- "class": bem$16("add"),
- "onClick": () => emit("add")
- }, null)]) : void 0;
- return () => {
- var _a, _b;
- const List2 = renderList(props2.list);
- const DisabledList = renderList(props2.disabledList, true);
- const DisabledText = props2.disabledText && vue.createVNode("div", {
- "class": bem$16("disabled-text")
- }, [props2.disabledText]);
- return vue.createVNode("div", {
- "class": bem$16()
- }, [(_a = slots.top) == null ? void 0 : _a.call(slots), !singleChoice.value && Array.isArray(props2.modelValue) ? vue.createVNode(CheckboxGroup, {
- "modelValue": props2.modelValue
- }, {
- default: () => [List2]
- }) : vue.createVNode(RadioGroup, {
- "modelValue": props2.modelValue
- }, {
- default: () => [List2]
- }), DisabledText, DisabledList, (_b = slots.default) == null ? void 0 : _b.call(slots), renderBottom()]);
- };
- }
- });
- const AddressList = withInstall(stdin_default$1j);
- const hasIntersectionObserver = inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
- const modeType = {
- event: "event",
- observer: "observer"
- };
- function remove(arr, item) {
- if (!arr.length) return;
- const index = arr.indexOf(item);
- if (index > -1) return arr.splice(index, 1);
- }
- function getBestSelectionFromSrcset(el, scale) {
- if (el.tagName !== "IMG" || !el.getAttribute("data-srcset")) return;
- let options = el.getAttribute("data-srcset");
- const container = el.parentNode;
- const containerWidth = container.offsetWidth * scale;
- let spaceIndex;
- let tmpSrc;
- let tmpWidth;
- options = options.trim().split(",");
- const result = options.map((item) => {
- item = item.trim();
- spaceIndex = item.lastIndexOf(" ");
- if (spaceIndex === -1) {
- tmpSrc = item;
- tmpWidth = 999998;
- } else {
- tmpSrc = item.substr(0, spaceIndex);
- tmpWidth = parseInt(
- item.substr(spaceIndex + 1, item.length - spaceIndex - 2),
- 10
- );
- }
- return [tmpWidth, tmpSrc];
- });
- result.sort((a, b) => {
- if (a[0] < b[0]) {
- return 1;
- }
- if (a[0] > b[0]) {
- return -1;
- }
- if (a[0] === b[0]) {
- if (b[1].indexOf(".webp", b[1].length - 5) !== -1) {
- return 1;
- }
- if (a[1].indexOf(".webp", a[1].length - 5) !== -1) {
- return -1;
- }
- }
- return 0;
- });
- let bestSelectedSrc = "";
- let tmpOption;
- for (let i = 0; i < result.length; i++) {
- tmpOption = result[i];
- bestSelectedSrc = tmpOption[1];
- const next = result[i + 1];
- if (next && next[0] < containerWidth) {
- bestSelectedSrc = tmpOption[1];
- break;
- } else if (!next) {
- bestSelectedSrc = tmpOption[1];
- break;
- }
- }
- return bestSelectedSrc;
- }
- const getDPR = (scale = 1) => inBrowser ? window.devicePixelRatio || scale : scale;
- function supportWebp() {
- if (!inBrowser) return false;
- let support = true;
- try {
- const elem = document.createElement("canvas");
- if (elem.getContext && elem.getContext("2d")) {
- support = elem.toDataURL("image/webp").indexOf("data:image/webp") === 0;
- }
- } catch (err) {
- support = false;
- }
- return support;
- }
- function throttle(action, delay) {
- let timeout = null;
- let lastRun = 0;
- return function(...args) {
- if (timeout) {
- return;
- }
- const elapsed = Date.now() - lastRun;
- const runCallback = () => {
- lastRun = Date.now();
- timeout = false;
- action.apply(this, args);
- };
- if (elapsed >= delay) {
- runCallback();
- } else {
- timeout = setTimeout(runCallback, delay);
- }
- };
- }
- function on(el, type, func) {
- el.addEventListener(type, func, {
- capture: false,
- passive: true
- });
- }
- function off(el, type, func) {
- el.removeEventListener(type, func, false);
- }
- const loadImageAsync = (item, resolve, reject) => {
- const image = new Image();
- if (!item || !item.src) {
- return reject(new Error("image src is required"));
- }
- image.src = item.src;
- if (item.cors) {
- image.crossOrigin = item.cors;
- }
- image.onload = () => resolve({
- naturalHeight: image.naturalHeight,
- naturalWidth: image.naturalWidth,
- src: image.src
- });
- image.onerror = (e) => reject(e);
- };
- class ImageCache {
- constructor({ max }) {
- this.options = {
- max: max || 100
- };
- this.caches = [];
- }
- has(key) {
- return this.caches.indexOf(key) > -1;
- }
- add(key) {
- if (this.has(key)) return;
- this.caches.push(key);
- if (this.caches.length > this.options.max) {
- this.free();
- }
- }
- free() {
- this.caches.shift();
- }
- }
- const [name$19, bem$15] = createNamespace("back-top");
- const backTopProps = {
- right: numericProp,
- bottom: numericProp,
- zIndex: numericProp,
- target: [String, Object],
- offset: makeNumericProp(200),
- immediate: Boolean,
- teleport: {
- type: [String, Object],
- default: "body"
- }
- };
- var stdin_default$1i = vue.defineComponent({
- name: name$19,
- inheritAttrs: false,
- props: backTopProps,
- emits: ["click"],
- setup(props2, {
- emit,
- slots,
- attrs
- }) {
- let shouldReshow = false;
- const show = vue.ref(false);
- const root = vue.ref();
- const scrollParent = vue.ref();
- const style = vue.computed(() => extend(getZIndexStyle(props2.zIndex), {
- right: addUnit(props2.right),
- bottom: addUnit(props2.bottom)
- }));
- const onClick = (event) => {
- var _a;
- emit("click", event);
- (_a = scrollParent.value) == null ? void 0 : _a.scrollTo({
- top: 0,
- behavior: props2.immediate ? "auto" : "smooth"
- });
- };
- const scroll = () => {
- show.value = scrollParent.value ? getScrollTop(scrollParent.value) >= +props2.offset : false;
- };
- const getTarget = () => {
- const {
- target
- } = props2;
- if (typeof target === "string") {
- const el = document.querySelector(target);
- if (el) {
- return el;
- }
- } else {
- return target;
- }
- };
- const updateTarget = () => {
- if (inBrowser$1) {
- vue.nextTick(() => {
- scrollParent.value = props2.target ? getTarget() : getScrollParent$1(root.value);
- scroll();
- });
- }
- };
- useEventListener("scroll", throttle(scroll, 100), {
- target: scrollParent
- });
- vue.onMounted(updateTarget);
- vue.onActivated(() => {
- if (shouldReshow) {
- show.value = true;
- shouldReshow = false;
- }
- });
- vue.onDeactivated(() => {
- if (show.value && props2.teleport) {
- show.value = false;
- shouldReshow = true;
- }
- });
- vue.watch(() => props2.target, updateTarget);
- return () => {
- const Content = vue.createVNode("div", vue.mergeProps({
- "ref": !props2.teleport ? root : void 0,
- "class": bem$15({
- active: show.value
- }),
- "style": style.value,
- "onClick": onClick
- }, attrs), [slots.default ? slots.default() : vue.createVNode(Icon, {
- "name": "back-top",
- "class": bem$15("icon")
- }, null)]);
- if (props2.teleport) {
- return [vue.createVNode("div", {
- "ref": root,
- "class": bem$15("placeholder")
- }, null), vue.createVNode(vue.Teleport, {
- "to": props2.teleport
- }, {
- default: () => [Content]
- })];
- }
- return Content;
- };
- }
- });
- const BackTop = withInstall(stdin_default$1i);
- var __async = (__this, __arguments, generator) => {
- return new Promise((resolve, reject) => {
- var fulfilled = (value) => {
- try {
- step(generator.next(value));
- } catch (e) {
- reject(e);
- }
- };
- var rejected = (value) => {
- try {
- step(generator.throw(value));
- } catch (e) {
- reject(e);
- }
- };
- var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
- step((generator = generator.apply(__this, __arguments)).next());
- });
- };
- const barrageProps = {
- top: makeNumericProp(10),
- rows: makeNumericProp(4),
- duration: makeNumericProp(4e3),
- autoPlay: truthProp,
- delay: makeNumberProp(300),
- modelValue: makeArrayProp()
- };
- const [name$18, bem$14] = createNamespace("barrage");
- var stdin_default$1h = vue.defineComponent({
- name: name$18,
- props: barrageProps,
- emits: ["update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const barrageWrapper = vue.ref();
- const className = bem$14("item");
- const total = vue.ref(0);
- const barrageItems = [];
- const createBarrageItem = (text, delay = props2.delay) => {
- const item = document.createElement("span");
- item.className = className;
- item.innerText = String(text);
- item.style.animationDuration = `${props2.duration}ms`;
- item.style.animationDelay = `${delay}ms`;
- item.style.animationName = "van-barrage";
- item.style.animationTimingFunction = "linear";
- return item;
- };
- const isInitBarrage = vue.ref(true);
- const isPlay = vue.ref(props2.autoPlay);
- const appendBarrageItem = ({
- id,
- text
- }, i) => {
- var _a;
- const item = createBarrageItem(text, isInitBarrage.value ? i * props2.delay : void 0);
- if (!props2.autoPlay && isPlay.value === false) {
- item.style.animationPlayState = "paused";
- }
- (_a = barrageWrapper.value) == null ? void 0 : _a.append(item);
- total.value++;
- const top2 = (total.value - 1) % +props2.rows * item.offsetHeight + +props2.top;
- item.style.top = `${top2}px`;
- item.dataset.id = String(id);
- barrageItems.push(item);
- item.addEventListener("animationend", () => {
- emit("update:modelValue", [...props2.modelValue].filter((v) => String(v.id) !== item.dataset.id));
- });
- };
- const updateBarrages = (newValue, oldValue) => {
- const map = new Map(oldValue.map((item) => [item.id, item]));
- newValue.forEach((item, i) => {
- if (map.has(item.id)) {
- map.delete(item.id);
- } else {
- appendBarrageItem(item, i);
- }
- });
- map.forEach((item) => {
- const index = barrageItems.findIndex((span) => span.dataset.id === String(item.id));
- if (index > -1) {
- barrageItems[index].remove();
- barrageItems.splice(index, 1);
- }
- });
- isInitBarrage.value = false;
- };
- vue.watch(() => props2.modelValue.slice(), (newValue, oldValue) => updateBarrages(newValue != null ? newValue : [], oldValue != null ? oldValue : []), {
- deep: true
- });
- const rootStyle = vue.ref({});
- vue.onMounted(() => __async(this, null, function* () {
- var _a;
- rootStyle.value["--move-distance"] = `-${(_a = barrageWrapper.value) == null ? void 0 : _a.offsetWidth}px`;
- yield vue.nextTick();
- updateBarrages(props2.modelValue, []);
- }));
- const play = () => {
- isPlay.value = true;
- barrageItems.forEach((item) => {
- item.style.animationPlayState = "running";
- });
- };
- const pause = () => {
- isPlay.value = false;
- barrageItems.forEach((item) => {
- item.style.animationPlayState = "paused";
- });
- };
- useExpose({
- play,
- pause
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "class": bem$14(),
- "ref": barrageWrapper,
- "style": rootStyle.value
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const Barrage = withInstall(stdin_default$1h);
- const [name$17, bem$13, t$g] = createNamespace("calendar");
- const formatMonthTitle = (date) => t$g("monthTitle", date.getFullYear(), date.getMonth() + 1);
- function compareMonth(date1, date2) {
- const year1 = date1.getFullYear();
- const year2 = date2.getFullYear();
- if (year1 === year2) {
- const month1 = date1.getMonth();
- const month2 = date2.getMonth();
- return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
- }
- return year1 > year2 ? 1 : -1;
- }
- function compareDay(day1, day2) {
- const compareMonthResult = compareMonth(day1, day2);
- if (compareMonthResult === 0) {
- const date1 = day1.getDate();
- const date2 = day2.getDate();
- return date1 === date2 ? 0 : date1 > date2 ? 1 : -1;
- }
- return compareMonthResult;
- }
- const cloneDate = (date) => new Date(date);
- const cloneDates = (dates) => Array.isArray(dates) ? dates.map(cloneDate) : cloneDate(dates);
- function getDayByOffset(date, offset2) {
- const cloned = cloneDate(date);
- cloned.setDate(cloned.getDate() + offset2);
- return cloned;
- }
- function getMonthByOffset(date, offset2) {
- const cloned = cloneDate(date);
- cloned.setMonth(cloned.getMonth() + offset2);
- if (cloned.getDate() !== date.getDate()) {
- cloned.setDate(0);
- }
- return cloned;
- }
- function getYearByOffset(date, offset2) {
- const cloned = cloneDate(date);
- cloned.setFullYear(cloned.getFullYear() + offset2);
- if (cloned.getDate() !== date.getDate()) {
- cloned.setDate(0);
- }
- return cloned;
- }
- const getPrevDay = (date) => getDayByOffset(date, -1);
- const getNextDay = (date) => getDayByOffset(date, 1);
- const getPrevMonth = (date) => getMonthByOffset(date, -1);
- const getNextMonth = (date) => getMonthByOffset(date, 1);
- const getPrevYear = (date) => getYearByOffset(date, -1);
- const getNextYear = (date) => getYearByOffset(date, 1);
- const getToday = () => {
- const today = /* @__PURE__ */ new Date();
- today.setHours(0, 0, 0, 0);
- return today;
- };
- function calcDateNum(date) {
- const day1 = date[0].getTime();
- const day2 = date[1].getTime();
- return (day2 - day1) / (1e3 * 60 * 60 * 24) + 1;
- }
- const sharedProps = extend({}, pickerSharedProps, {
- modelValue: makeArrayProp(),
- filter: Function,
- formatter: {
- type: Function,
- default: (type, option) => option
- }
- });
- const pickerInheritKeys = Object.keys(pickerSharedProps);
- function times(n, iteratee) {
- if (n < 0) {
- return [];
- }
- const result = Array(n);
- let index = -1;
- while (++index < n) {
- result[index] = iteratee(index);
- }
- return result;
- }
- const getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
- const genOptions = (min, max, type, formatter, filter, values) => {
- const options = times(max - min + 1, (index) => {
- const value = padZero(min + index);
- return formatter(type, {
- text: value,
- value
- });
- });
- return filter ? filter(type, options, values) : options;
- };
- const formatValueRange = (values, columns) => values.map((value, index) => {
- const column = columns[index];
- if (column.length) {
- const minValue = +column[0].value;
- const maxValue = +column[column.length - 1].value;
- return padZero(clamp(+value, minValue, maxValue));
- }
- return value;
- });
- const [name$16] = createNamespace("calendar-day");
- var stdin_default$1g = vue.defineComponent({
- name: name$16,
- props: {
- item: makeRequiredProp(Object),
- color: String,
- index: Number,
- offset: makeNumberProp(0),
- rowHeight: String
- },
- emits: ["click", "clickDisabledDate"],
- setup(props2, {
- emit,
- slots
- }) {
- const style = vue.computed(() => {
- var _a;
- const {
- item,
- index,
- color,
- offset: offset2,
- rowHeight
- } = props2;
- const style2 = {
- height: rowHeight
- };
- if (item.type === "placeholder") {
- style2.width = "100%";
- return style2;
- }
- if (index === 0) {
- style2.marginLeft = `${100 * offset2 / 7}%`;
- }
- if (color) {
- switch (item.type) {
- case "end":
- case "start":
- case "start-end":
- case "multiple-middle":
- case "multiple-selected":
- style2.background = color;
- break;
- case "middle":
- style2.color = color;
- break;
- }
- }
- if (offset2 + (((_a = item.date) == null ? void 0 : _a.getDate()) || 1) > 28) {
- style2.marginBottom = 0;
- }
- return style2;
- });
- const onClick = () => {
- if (props2.item.type !== "disabled") {
- emit("click", props2.item);
- } else {
- emit("clickDisabledDate", props2.item);
- }
- };
- const renderTopInfo = () => {
- const {
- topInfo
- } = props2.item;
- if (topInfo || slots["top-info"]) {
- return vue.createVNode("div", {
- "class": bem$13("top-info")
- }, [slots["top-info"] ? slots["top-info"](props2.item) : topInfo]);
- }
- };
- const renderBottomInfo = () => {
- const {
- bottomInfo
- } = props2.item;
- if (bottomInfo || slots["bottom-info"]) {
- return vue.createVNode("div", {
- "class": bem$13("bottom-info")
- }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
- }
- };
- const renderText = () => {
- return slots.text ? slots.text(props2.item) : props2.item.text;
- };
- const renderContent = () => {
- const {
- item,
- color,
- rowHeight
- } = props2;
- const {
- type
- } = item;
- const Nodes = [renderTopInfo(), renderText(), renderBottomInfo()];
- if (type === "selected") {
- return vue.createVNode("div", {
- "class": bem$13("selected-day"),
- "style": {
- width: rowHeight,
- height: rowHeight,
- background: color
- }
- }, [Nodes]);
- }
- return Nodes;
- };
- return () => {
- const {
- type,
- className
- } = props2.item;
- if (type === "placeholder") {
- return vue.createVNode("div", {
- "class": bem$13("day"),
- "style": style.value
- }, null);
- }
- return vue.createVNode("div", {
- "role": "gridcell",
- "style": style.value,
- "class": [bem$13("day", type), className],
- "tabindex": type === "disabled" ? void 0 : -1,
- "onClick": onClick
- }, [renderContent()]);
- };
- }
- });
- const [name$15] = createNamespace("calendar-month");
- const calendarMonthProps = {
- date: makeRequiredProp(Date),
- type: String,
- color: String,
- minDate: Date,
- maxDate: Date,
- showMark: Boolean,
- rowHeight: numericProp,
- formatter: Function,
- lazyRender: Boolean,
- currentDate: [Date, Array],
- allowSameDay: Boolean,
- showSubtitle: Boolean,
- showMonthTitle: Boolean,
- firstDayOfWeek: Number
- };
- var stdin_default$1f = vue.defineComponent({
- name: name$15,
- props: calendarMonthProps,
- emits: ["click", "clickDisabledDate"],
- setup(props2, {
- emit,
- slots
- }) {
- const [visible, setVisible] = useToggle();
- const daysRef = vue.ref();
- const monthRef = vue.ref();
- const height2 = useHeight(monthRef);
- const title = vue.computed(() => formatMonthTitle(props2.date));
- const rowHeight = vue.computed(() => addUnit(props2.rowHeight));
- const offset2 = vue.computed(() => {
- const date = props2.date.getDate();
- const day = props2.date.getDay();
- const realDay = (day - date % 7 + 8) % 7;
- if (props2.firstDayOfWeek) {
- return (realDay + 7 - props2.firstDayOfWeek) % 7;
- }
- return realDay;
- });
- const totalDay = vue.computed(() => getMonthEndDay(props2.date.getFullYear(), props2.date.getMonth() + 1));
- const shouldRender = vue.computed(() => visible.value || !props2.lazyRender);
- const getTitle = () => title.value;
- const getMultipleDayType = (day) => {
- const isSelected = (date) => props2.currentDate.some((item) => compareDay(item, date) === 0);
- if (isSelected(day)) {
- const prevDay = getPrevDay(day);
- const nextDay = getNextDay(day);
- const prevSelected = isSelected(prevDay);
- const nextSelected = isSelected(nextDay);
- if (prevSelected && nextSelected) {
- return "multiple-middle";
- }
- if (prevSelected) {
- return "end";
- }
- if (nextSelected) {
- return "start";
- }
- return "multiple-selected";
- }
- return "";
- };
- const getRangeDayType = (day) => {
- const [startDay, endDay] = props2.currentDate;
- if (!startDay) {
- return "";
- }
- const compareToStart = compareDay(day, startDay);
- if (!endDay) {
- return compareToStart === 0 ? "start" : "";
- }
- const compareToEnd = compareDay(day, endDay);
- if (props2.allowSameDay && compareToStart === 0 && compareToEnd === 0) {
- return "start-end";
- }
- if (compareToStart === 0) {
- return "start";
- }
- if (compareToEnd === 0) {
- return "end";
- }
- if (compareToStart > 0 && compareToEnd < 0) {
- return "middle";
- }
- return "";
- };
- const getDayType = (day) => {
- const {
- type,
- minDate,
- maxDate,
- currentDate
- } = props2;
- if (minDate && compareDay(day, minDate) < 0 || maxDate && compareDay(day, maxDate) > 0) {
- return "disabled";
- }
- if (currentDate === null) {
- return "";
- }
- if (Array.isArray(currentDate)) {
- if (type === "multiple") {
- return getMultipleDayType(day);
- }
- if (type === "range") {
- return getRangeDayType(day);
- }
- } else if (type === "single") {
- return compareDay(day, currentDate) === 0 ? "selected" : "";
- }
- return "";
- };
- const getBottomInfo = (dayType) => {
- if (props2.type === "range") {
- if (dayType === "start" || dayType === "end") {
- return t$g(dayType);
- }
- if (dayType === "start-end") {
- return `${t$g("start")}/${t$g("end")}`;
- }
- }
- };
- const renderTitle = () => {
- if (props2.showMonthTitle) {
- return vue.createVNode("div", {
- "class": bem$13("month-title")
- }, [slots["month-title"] ? slots["month-title"]({
- date: props2.date,
- text: title.value
- }) : title.value]);
- }
- };
- const renderMark = () => {
- if (props2.showMark && shouldRender.value) {
- return vue.createVNode("div", {
- "class": bem$13("month-mark")
- }, [props2.date.getMonth() + 1]);
- }
- };
- const placeholders = vue.computed(() => {
- const count = Math.ceil((totalDay.value + offset2.value) / 7);
- return Array(count).fill({
- type: "placeholder"
- });
- });
- const days = vue.computed(() => {
- const days2 = [];
- const year = props2.date.getFullYear();
- const month = props2.date.getMonth();
- for (let day = 1; day <= totalDay.value; day++) {
- const date = new Date(year, month, day);
- const type = getDayType(date);
- let config = {
- date,
- type,
- text: day,
- bottomInfo: getBottomInfo(type)
- };
- if (props2.formatter) {
- config = props2.formatter(config);
- }
- days2.push(config);
- }
- return days2;
- });
- const disabledDays = vue.computed(() => days.value.filter((day) => day.type === "disabled"));
- const scrollToDate = (body, targetDate) => {
- if (daysRef.value) {
- const daysRect = useRect(daysRef.value);
- const totalRows = placeholders.value.length;
- const currentRow = Math.ceil((targetDate.getDate() + offset2.value) / 7);
- const rowOffset = (currentRow - 1) * daysRect.height / totalRows;
- setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
- }
- };
- const renderDay = (item, index) => vue.createVNode(stdin_default$1g, {
- "item": item,
- "index": index,
- "color": props2.color,
- "offset": offset2.value,
- "rowHeight": rowHeight.value,
- "onClick": (item2) => emit("click", item2),
- "onClickDisabledDate": (item2) => emit("clickDisabledDate", item2)
- }, pick(slots, ["top-info", "bottom-info", "text"]));
- const renderDays = () => vue.createVNode("div", {
- "ref": daysRef,
- "role": "grid",
- "class": bem$13("days")
- }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
- useExpose({
- getTitle,
- getHeight: () => height2.value,
- setVisible,
- scrollToDate,
- disabledDays
- });
- return () => vue.createVNode("div", {
- "class": bem$13("month"),
- "ref": monthRef
- }, [renderTitle(), renderDays()]);
- }
- });
- const [name$14] = createNamespace("calendar-header");
- var stdin_default$1e = vue.defineComponent({
- name: name$14,
- props: {
- date: Date,
- minDate: Date,
- maxDate: Date,
- title: String,
- subtitle: String,
- showTitle: Boolean,
- showSubtitle: Boolean,
- firstDayOfWeek: Number,
- switchMode: makeStringProp("none")
- },
- emits: ["clickSubtitle", "panelChange"],
- setup(props2, {
- slots,
- emit
- }) {
- const prevMonthDisabled = vue.computed(() => props2.date && props2.minDate && compareMonth(getPrevMonth(props2.date), props2.minDate) < 0);
- const prevYearDisabled = vue.computed(() => props2.date && props2.minDate && compareMonth(getPrevYear(props2.date), props2.minDate) < 0);
- const nextMonthDisabled = vue.computed(() => props2.date && props2.maxDate && compareMonth(getNextMonth(props2.date), props2.maxDate) > 0);
- const nextYearDisabled = vue.computed(() => props2.date && props2.maxDate && compareMonth(getNextYear(props2.date), props2.maxDate) > 0);
- const renderTitle = () => {
- if (props2.showTitle) {
- const text = props2.title || t$g("title");
- const title = slots.title ? slots.title() : text;
- return vue.createVNode("div", {
- "class": bem$13("header-title")
- }, [title]);
- }
- };
- const onClickSubtitle = (event) => emit("clickSubtitle", event);
- const onPanelChange = (date) => emit("panelChange", date);
- const renderAction = (isNext) => {
- const showYearAction = props2.switchMode === "year-month";
- const monthSlot = slots[isNext ? "next-month" : "prev-month"];
- const yearSlot = slots[isNext ? "next-year" : "prev-year"];
- const monthDisabled = isNext ? nextMonthDisabled.value : prevMonthDisabled.value;
- const yearDisabled = isNext ? nextYearDisabled.value : prevYearDisabled.value;
- const monthIconName = isNext ? "arrow" : "arrow-left";
- const yearIconName = isNext ? "arrow-double-right" : "arrow-double-left";
- const onMonthChange = () => onPanelChange((isNext ? getNextMonth : getPrevMonth)(props2.date));
- const onYearChange = () => onPanelChange((isNext ? getNextYear : getPrevYear)(props2.date));
- const MonthAction = vue.createVNode("view", {
- "class": bem$13("header-action", {
- disabled: monthDisabled
- }),
- "onClick": monthDisabled ? void 0 : onMonthChange
- }, [monthSlot ? monthSlot({
- disabled: monthDisabled
- }) : vue.createVNode(Icon, {
- "class": {
- [HAPTICS_FEEDBACK]: !monthDisabled
- },
- "name": monthIconName
- }, null)]);
- const YearAction = showYearAction && vue.createVNode("view", {
- "class": bem$13("header-action", {
- disabled: yearDisabled
- }),
- "onClick": yearDisabled ? void 0 : onYearChange
- }, [yearSlot ? yearSlot({
- disabled: yearDisabled
- }) : vue.createVNode(Icon, {
- "class": {
- [HAPTICS_FEEDBACK]: !yearDisabled
- },
- "name": yearIconName
- }, null)]);
- return isNext ? [MonthAction, YearAction] : [YearAction, MonthAction];
- };
- const renderSubtitle = () => {
- if (props2.showSubtitle) {
- const title = slots.subtitle ? slots.subtitle({
- date: props2.date,
- text: props2.subtitle
- }) : props2.subtitle;
- const canSwitch = props2.switchMode !== "none";
- return vue.createVNode("div", {
- "class": bem$13("header-subtitle", {
- "with-switch": canSwitch
- }),
- "onClick": onClickSubtitle
- }, [canSwitch ? [renderAction(), vue.createVNode("div", {
- "class": bem$13("header-subtitle-text")
- }, [title]), renderAction(true)] : title]);
- }
- };
- const renderWeekDays = () => {
- const {
- firstDayOfWeek
- } = props2;
- const weekdays = t$g("weekdays");
- const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
- return vue.createVNode("div", {
- "class": bem$13("weekdays")
- }, [renderWeekDays2.map((text) => vue.createVNode("span", {
- "class": bem$13("weekday")
- }, [text]))]);
- };
- return () => vue.createVNode("div", {
- "class": bem$13("header")
- }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
- }
- });
- const calendarProps = {
- show: Boolean,
- type: makeStringProp("single"),
- switchMode: makeStringProp("none"),
- title: String,
- color: String,
- round: truthProp,
- readonly: Boolean,
- poppable: truthProp,
- maxRange: makeNumericProp(null),
- position: makeStringProp("bottom"),
- teleport: [String, Object],
- showMark: truthProp,
- showTitle: truthProp,
- formatter: Function,
- rowHeight: numericProp,
- confirmText: String,
- rangePrompt: String,
- lazyRender: truthProp,
- showConfirm: truthProp,
- defaultDate: [Date, Array],
- allowSameDay: Boolean,
- showSubtitle: truthProp,
- closeOnPopstate: truthProp,
- showRangePrompt: truthProp,
- confirmDisabledText: String,
- closeOnClickOverlay: truthProp,
- safeAreaInsetTop: Boolean,
- safeAreaInsetBottom: truthProp,
- minDate: {
- type: Date,
- validator: isDate
- },
- maxDate: {
- type: Date,
- validator: isDate
- },
- firstDayOfWeek: {
- type: numericProp,
- default: 0,
- validator: (val) => val >= 0 && val <= 6
- }
- };
- var stdin_default$1d = vue.defineComponent({
- name: name$17,
- props: calendarProps,
- emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle", "clickDisabledDate", "panelChange"],
- setup(props2, {
- emit,
- slots
- }) {
- const canSwitch = vue.computed(() => props2.switchMode !== "none");
- const minDate = vue.computed(() => {
- if (!props2.minDate && !canSwitch.value) {
- return getToday();
- }
- return props2.minDate;
- });
- const maxDate = vue.computed(() => {
- if (!props2.maxDate && !canSwitch.value) {
- return getMonthByOffset(getToday(), 6);
- }
- return props2.maxDate;
- });
- const limitDateRange = (date, min = minDate.value, max = maxDate.value) => {
- if (min && compareDay(date, min) === -1) {
- return min;
- }
- if (max && compareDay(date, max) === 1) {
- return max;
- }
- return date;
- };
- const getInitialDate = (defaultDate = props2.defaultDate) => {
- const {
- type,
- allowSameDay
- } = props2;
- if (defaultDate === null) {
- return defaultDate;
- }
- const now = getToday();
- if (type === "range") {
- if (!Array.isArray(defaultDate)) {
- defaultDate = [];
- }
- if (defaultDate.length === 1 && compareDay(defaultDate[0], now) === 1) {
- defaultDate = [];
- }
- const min = minDate.value;
- const max = maxDate.value;
- const start2 = limitDateRange(defaultDate[0] || now, min, max ? allowSameDay ? max : getPrevDay(max) : void 0);
- const end2 = limitDateRange(defaultDate[1] || (allowSameDay ? now : getNextDay(now)), min ? allowSameDay ? min : getNextDay(min) : void 0);
- return [start2, end2];
- }
- if (type === "multiple") {
- if (Array.isArray(defaultDate)) {
- return defaultDate.map((date) => limitDateRange(date));
- }
- return [limitDateRange(now)];
- }
- if (!defaultDate || Array.isArray(defaultDate)) {
- defaultDate = now;
- }
- return limitDateRange(defaultDate);
- };
- const getInitialPanelDate = () => {
- const date = Array.isArray(currentDate.value) ? currentDate.value[0] : currentDate.value;
- return date ? date : limitDateRange(getToday());
- };
- let bodyHeight;
- const bodyRef = vue.ref();
- const currentDate = vue.ref(getInitialDate());
- const currentPanelDate = vue.ref(getInitialPanelDate());
- const currentMonthRef = vue.ref();
- const [monthRefs, setMonthRefs] = useRefs();
- const dayOffset = vue.computed(() => props2.firstDayOfWeek ? +props2.firstDayOfWeek % 7 : 0);
- const months = vue.computed(() => {
- const months2 = [];
- if (!minDate.value || !maxDate.value) {
- return months2;
- }
- const cursor = new Date(minDate.value);
- cursor.setDate(1);
- do {
- months2.push(new Date(cursor));
- cursor.setMonth(cursor.getMonth() + 1);
- } while (compareMonth(cursor, maxDate.value) !== 1);
- return months2;
- });
- const buttonDisabled = vue.computed(() => {
- if (currentDate.value) {
- if (props2.type === "range") {
- return !currentDate.value[0] || !currentDate.value[1];
- }
- if (props2.type === "multiple") {
- return !currentDate.value.length;
- }
- }
- return !currentDate.value;
- });
- const getSelectedDate = () => currentDate.value;
- const onScroll = () => {
- const top2 = getScrollTop(bodyRef.value);
- const bottom2 = top2 + bodyHeight;
- const heights = months.value.map((item, index) => monthRefs.value[index].getHeight());
- const heightSum = heights.reduce((a, b) => a + b, 0);
- if (bottom2 > heightSum && top2 > 0) {
- return;
- }
- let height2 = 0;
- let currentMonth;
- const visibleRange = [-1, -1];
- for (let i = 0; i < months.value.length; i++) {
- const month = monthRefs.value[i];
- const visible = height2 <= bottom2 && height2 + heights[i] >= top2;
- if (visible) {
- visibleRange[1] = i;
- if (!currentMonth) {
- currentMonth = month;
- visibleRange[0] = i;
- }
- if (!monthRefs.value[i].showed) {
- monthRefs.value[i].showed = true;
- emit("monthShow", {
- date: month.date,
- title: month.getTitle()
- });
- }
- }
- height2 += heights[i];
- }
- months.value.forEach((month, index) => {
- const visible = index >= visibleRange[0] - 1 && index <= visibleRange[1] + 1;
- monthRefs.value[index].setVisible(visible);
- });
- if (currentMonth) {
- currentMonthRef.value = currentMonth;
- }
- };
- const scrollToDate = (targetDate) => {
- if (canSwitch.value) {
- currentPanelDate.value = targetDate;
- } else {
- raf(() => {
- months.value.some((month, index) => {
- if (compareMonth(month, targetDate) === 0) {
- if (bodyRef.value) {
- monthRefs.value[index].scrollToDate(bodyRef.value, targetDate);
- }
- return true;
- }
- return false;
- });
- onScroll();
- });
- }
- };
- const scrollToCurrentDate = () => {
- if (props2.poppable && !props2.show) {
- return;
- }
- if (currentDate.value) {
- const targetDate = props2.type === "single" ? currentDate.value : currentDate.value[0];
- if (isDate(targetDate)) {
- scrollToDate(targetDate);
- }
- } else if (!canSwitch.value) {
- raf(onScroll);
- }
- };
- const init = () => {
- if (props2.poppable && !props2.show) {
- return;
- }
- if (!canSwitch.value) {
- raf(() => {
- bodyHeight = Math.floor(useRect(bodyRef).height);
- });
- }
- scrollToCurrentDate();
- };
- const reset = (date = getInitialDate()) => {
- currentDate.value = date;
- scrollToCurrentDate();
- };
- const checkRange = (date) => {
- const {
- maxRange,
- rangePrompt,
- showRangePrompt
- } = props2;
- if (maxRange && calcDateNum(date) > +maxRange) {
- if (showRangePrompt) {
- showToast(rangePrompt || t$g("rangePrompt", maxRange));
- }
- emit("overRange");
- return false;
- }
- return true;
- };
- const onPanelChange = (date) => {
- currentPanelDate.value = date;
- emit("panelChange", {
- date
- });
- };
- const onConfirm = () => {
- var _a;
- return emit("confirm", (_a = currentDate.value) != null ? _a : cloneDates(currentDate.value));
- };
- const select = (date, complete) => {
- const setCurrentDate = (date2) => {
- currentDate.value = date2;
- emit("select", cloneDates(date2));
- };
- if (complete && props2.type === "range") {
- const valid = checkRange(date);
- if (!valid) {
- setCurrentDate([date[0], getDayByOffset(date[0], +props2.maxRange - 1)]);
- return;
- }
- }
- setCurrentDate(date);
- if (complete && !props2.showConfirm) {
- onConfirm();
- }
- };
- const getDisabledDate = (disabledDays2, startDay, date) => {
- var _a;
- return (_a = disabledDays2.find((day) => compareDay(startDay, day.date) === -1 && compareDay(day.date, date) === -1)) == null ? void 0 : _a.date;
- };
- const disabledDays = vue.computed(() => monthRefs.value.reduce((arr, ref2) => {
- var _a, _b;
- arr.push(...(_b = (_a = ref2.disabledDays) == null ? void 0 : _a.value) != null ? _b : []);
- return arr;
- }, []));
- const onClickDay = (item) => {
- if (props2.readonly || !item.date) {
- return;
- }
- const {
- date
- } = item;
- const {
- type
- } = props2;
- if (type === "range") {
- if (!currentDate.value) {
- select([date]);
- return;
- }
- const [startDay, endDay] = currentDate.value;
- if (startDay && !endDay) {
- const compareToStart = compareDay(date, startDay);
- if (compareToStart === 1) {
- const disabledDay = getDisabledDate(disabledDays.value, startDay, date);
- if (disabledDay) {
- const endDay2 = getPrevDay(disabledDay);
- if (compareDay(startDay, endDay2) === -1) {
- select([startDay, endDay2]);
- } else {
- select([date]);
- }
- } else {
- select([startDay, date], true);
- }
- } else if (compareToStart === -1) {
- select([date]);
- } else if (props2.allowSameDay) {
- select([date, date], true);
- }
- } else {
- select([date]);
- }
- } else if (type === "multiple") {
- if (!currentDate.value) {
- select([date]);
- return;
- }
- const dates = currentDate.value;
- const selectedIndex = dates.findIndex((dateItem) => compareDay(dateItem, date) === 0);
- if (selectedIndex !== -1) {
- const [unselectedDate] = dates.splice(selectedIndex, 1);
- emit("unselect", cloneDate(unselectedDate));
- } else if (props2.maxRange && dates.length >= +props2.maxRange) {
- showToast(props2.rangePrompt || t$g("rangePrompt", props2.maxRange));
- } else {
- select([...dates, date]);
- }
- } else {
- select(date, true);
- }
- };
- const updateShow = (value) => emit("update:show", value);
- const renderMonth = (date, index) => {
- const showMonthTitle = index !== 0 || !props2.showSubtitle;
- return vue.createVNode(stdin_default$1f, vue.mergeProps({
- "ref": canSwitch.value ? currentMonthRef : setMonthRefs(index),
- "date": date,
- "currentDate": currentDate.value,
- "showMonthTitle": showMonthTitle,
- "firstDayOfWeek": dayOffset.value,
- "lazyRender": canSwitch.value ? false : props2.lazyRender,
- "maxDate": maxDate.value,
- "minDate": minDate.value
- }, pick(props2, ["type", "color", "showMark", "formatter", "rowHeight", "showSubtitle", "allowSameDay"]), {
- "onClick": onClickDay,
- "onClickDisabledDate": (item) => emit("clickDisabledDate", item)
- }), pick(slots, ["top-info", "bottom-info", "month-title", "text"]));
- };
- const renderFooterButton = () => {
- if (slots.footer) {
- return slots.footer();
- }
- if (props2.showConfirm) {
- const slot = slots["confirm-text"];
- const disabled = buttonDisabled.value;
- const text = disabled ? props2.confirmDisabledText : props2.confirmText;
- return vue.createVNode(Button, {
- "round": true,
- "block": true,
- "type": "primary",
- "color": props2.color,
- "class": bem$13("confirm"),
- "disabled": disabled,
- "nativeType": "button",
- "onClick": onConfirm
- }, {
- default: () => [slot ? slot({
- disabled
- }) : text || t$g("confirm")]
- });
- }
- };
- const renderFooter = () => vue.createVNode("div", {
- "class": [bem$13("footer"), {
- "van-safe-area-bottom": props2.safeAreaInsetBottom
- }]
- }, [renderFooterButton()]);
- const renderCalendar = () => {
- var _a, _b;
- return vue.createVNode("div", {
- "class": bem$13()
- }, [vue.createVNode(stdin_default$1e, {
- "date": (_a = currentMonthRef.value) == null ? void 0 : _a.date,
- "maxDate": maxDate.value,
- "minDate": minDate.value,
- "title": props2.title,
- "subtitle": (_b = currentMonthRef.value) == null ? void 0 : _b.getTitle(),
- "showTitle": props2.showTitle,
- "showSubtitle": props2.showSubtitle,
- "switchMode": props2.switchMode,
- "firstDayOfWeek": dayOffset.value,
- "onClickSubtitle": (event) => emit("clickSubtitle", event),
- "onPanelChange": onPanelChange
- }, pick(slots, ["title", "subtitle", "prev-month", "prev-year", "next-month", "next-year"])), vue.createVNode("div", {
- "ref": bodyRef,
- "class": bem$13("body"),
- "onScroll": canSwitch.value ? void 0 : onScroll
- }, [canSwitch.value ? renderMonth(currentPanelDate.value, 0) : months.value.map(renderMonth)]), renderFooter()]);
- };
- vue.watch(() => props2.show, init);
- vue.watch(() => [props2.type, props2.minDate, props2.maxDate, props2.switchMode], () => reset(getInitialDate(currentDate.value)));
- vue.watch(() => props2.defaultDate, (value) => {
- reset(value);
- });
- useExpose({
- reset,
- scrollToDate,
- getSelectedDate
- });
- onMountedOrActivated(init);
- return () => {
- if (props2.poppable) {
- return vue.createVNode(Popup, {
- "show": props2.show,
- "class": bem$13("popup"),
- "round": props2.round,
- "position": props2.position,
- "closeable": props2.showTitle || props2.showSubtitle,
- "teleport": props2.teleport,
- "closeOnPopstate": props2.closeOnPopstate,
- "safeAreaInsetTop": props2.safeAreaInsetTop,
- "closeOnClickOverlay": props2.closeOnClickOverlay,
- "onUpdate:show": updateShow
- }, {
- default: renderCalendar
- });
- }
- return renderCalendar();
- };
- }
- });
- const Calendar = withInstall(stdin_default$1d);
- const [name$13, bem$12] = createNamespace("image");
- const imageProps = {
- src: String,
- alt: String,
- fit: String,
- position: String,
- round: Boolean,
- block: Boolean,
- width: numericProp,
- height: numericProp,
- radius: numericProp,
- lazyLoad: Boolean,
- iconSize: numericProp,
- showError: truthProp,
- errorIcon: makeStringProp("photo-fail"),
- iconPrefix: String,
- showLoading: truthProp,
- loadingIcon: makeStringProp("photo"),
- crossorigin: String,
- referrerpolicy: String
- };
- var stdin_default$1c = vue.defineComponent({
- name: name$13,
- props: imageProps,
- emits: ["load", "error"],
- setup(props2, {
- emit,
- slots
- }) {
- const error = vue.ref(false);
- const loading = vue.ref(true);
- const imageRef = vue.ref();
- const {
- $Lazyload
- } = vue.getCurrentInstance().proxy;
- const style = vue.computed(() => {
- const style2 = {
- width: addUnit(props2.width),
- height: addUnit(props2.height)
- };
- if (isDef(props2.radius)) {
- style2.overflow = "hidden";
- style2.borderRadius = addUnit(props2.radius);
- }
- return style2;
- });
- vue.watch(() => props2.src, () => {
- error.value = false;
- loading.value = true;
- });
- const onLoad = (event) => {
- if (loading.value) {
- loading.value = false;
- emit("load", event);
- }
- };
- const triggerLoad = () => {
- const loadEvent = new Event("load");
- Object.defineProperty(loadEvent, "target", {
- value: imageRef.value,
- enumerable: true
- });
- onLoad(loadEvent);
- };
- const onError = (event) => {
- error.value = true;
- loading.value = false;
- emit("error", event);
- };
- const renderIcon = (name2, className, slot) => {
- if (slot) {
- return slot();
- }
- return vue.createVNode(Icon, {
- "name": name2,
- "size": props2.iconSize,
- "class": className,
- "classPrefix": props2.iconPrefix
- }, null);
- };
- const renderPlaceholder = () => {
- if (loading.value && props2.showLoading) {
- return vue.createVNode("div", {
- "class": bem$12("loading")
- }, [renderIcon(props2.loadingIcon, bem$12("loading-icon"), slots.loading)]);
- }
- if (error.value && props2.showError) {
- return vue.createVNode("div", {
- "class": bem$12("error")
- }, [renderIcon(props2.errorIcon, bem$12("error-icon"), slots.error)]);
- }
- };
- const renderImage = () => {
- if (error.value || !props2.src) {
- return;
- }
- const attrs = {
- alt: props2.alt,
- class: bem$12("img"),
- style: {
- objectFit: props2.fit,
- objectPosition: props2.position
- },
- crossorigin: props2.crossorigin,
- referrerpolicy: props2.referrerpolicy
- };
- if (props2.lazyLoad) {
- return vue.withDirectives(vue.createVNode("img", vue.mergeProps({
- "ref": imageRef
- }, attrs), null), [[vue.resolveDirective("lazy"), props2.src]]);
- }
- return vue.createVNode("img", vue.mergeProps({
- "ref": imageRef,
- "src": props2.src,
- "onLoad": onLoad,
- "onError": onError
- }, attrs), null);
- };
- const onLazyLoaded = ({
- el
- }) => {
- const check = () => {
- if (el === imageRef.value && loading.value) {
- triggerLoad();
- }
- };
- if (imageRef.value) {
- check();
- } else {
- vue.nextTick(check);
- }
- };
- const onLazyLoadError = ({
- el
- }) => {
- if (el === imageRef.value && !error.value) {
- onError();
- }
- };
- if ($Lazyload && inBrowser$1) {
- $Lazyload.$on("loaded", onLazyLoaded);
- $Lazyload.$on("error", onLazyLoadError);
- vue.onBeforeUnmount(() => {
- $Lazyload.$off("loaded", onLazyLoaded);
- $Lazyload.$off("error", onLazyLoadError);
- });
- }
- vue.onMounted(() => {
- vue.nextTick(() => {
- var _a;
- if (((_a = imageRef.value) == null ? void 0 : _a.complete) && !props2.lazyLoad) {
- triggerLoad();
- }
- });
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "class": bem$12({
- round: props2.round,
- block: props2.block
- }),
- "style": style.value
- }, [renderImage(), renderPlaceholder(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const Image$1 = withInstall(stdin_default$1c);
- const [name$12, bem$11] = createNamespace("card");
- const cardProps = {
- tag: String,
- num: numericProp,
- desc: String,
- thumb: String,
- title: String,
- price: numericProp,
- centered: Boolean,
- lazyLoad: Boolean,
- currency: makeStringProp("¥"),
- thumbLink: String,
- originPrice: numericProp
- };
- var stdin_default$1b = vue.defineComponent({
- name: name$12,
- props: cardProps,
- emits: ["clickThumb"],
- setup(props2, {
- slots,
- emit
- }) {
- const renderTitle = () => {
- if (slots.title) {
- return slots.title();
- }
- if (props2.title) {
- return vue.createVNode("div", {
- "class": [bem$11("title"), "van-multi-ellipsis--l2"]
- }, [props2.title]);
- }
- };
- const renderThumbTag = () => {
- if (slots.tag || props2.tag) {
- return vue.createVNode("div", {
- "class": bem$11("tag")
- }, [slots.tag ? slots.tag() : vue.createVNode(Tag, {
- "mark": true,
- "type": "primary"
- }, {
- default: () => [props2.tag]
- })]);
- }
- };
- const renderThumbImage = () => {
- if (slots.thumb) {
- return slots.thumb();
- }
- return vue.createVNode(Image$1, {
- "src": props2.thumb,
- "fit": "cover",
- "width": "100%",
- "height": "100%",
- "lazyLoad": props2.lazyLoad
- }, null);
- };
- const renderThumb = () => {
- if (slots.thumb || props2.thumb) {
- return vue.createVNode("a", {
- "href": props2.thumbLink,
- "class": bem$11("thumb"),
- "onClick": (event) => emit("clickThumb", event)
- }, [renderThumbImage(), renderThumbTag()]);
- }
- };
- const renderDesc = () => {
- if (slots.desc) {
- return slots.desc();
- }
- if (props2.desc) {
- return vue.createVNode("div", {
- "class": [bem$11("desc"), "van-ellipsis"]
- }, [props2.desc]);
- }
- };
- const renderPriceText = () => {
- const priceArr = props2.price.toString().split(".");
- return vue.createVNode("div", null, [vue.createVNode("span", {
- "class": bem$11("price-currency")
- }, [props2.currency]), vue.createVNode("span", {
- "class": bem$11("price-integer")
- }, [priceArr[0]]), priceArr.length > 1 && vue.createVNode(vue.Fragment, null, [vue.createTextVNode("."), vue.createVNode("span", {
- "class": bem$11("price-decimal")
- }, [priceArr[1]])])]);
- };
- return () => {
- var _a, _b, _c;
- const showNum = slots.num || isDef(props2.num);
- const showPrice = slots.price || isDef(props2.price);
- const showOriginPrice = slots["origin-price"] || isDef(props2.originPrice);
- const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
- const Price = showPrice && vue.createVNode("div", {
- "class": bem$11("price")
- }, [slots.price ? slots.price() : renderPriceText()]);
- const OriginPrice = showOriginPrice && vue.createVNode("div", {
- "class": bem$11("origin-price")
- }, [slots["origin-price"] ? slots["origin-price"]() : `${props2.currency} ${props2.originPrice}`]);
- const Num = showNum && vue.createVNode("div", {
- "class": bem$11("num")
- }, [slots.num ? slots.num() : `x${props2.num}`]);
- const Footer = slots.footer && vue.createVNode("div", {
- "class": bem$11("footer")
- }, [slots.footer()]);
- const Bottom = showBottom && vue.createVNode("div", {
- "class": bem$11("bottom")
- }, [(_a = slots["price-top"]) == null ? void 0 : _a.call(slots), Price, OriginPrice, Num, (_b = slots.bottom) == null ? void 0 : _b.call(slots)]);
- return vue.createVNode("div", {
- "class": bem$11()
- }, [vue.createVNode("div", {
- "class": bem$11("header")
- }, [renderThumb(), vue.createVNode("div", {
- "class": bem$11("content", {
- centered: props2.centered
- })
- }, [vue.createVNode("div", null, [renderTitle(), renderDesc(), (_c = slots.tags) == null ? void 0 : _c.call(slots)]), Bottom])]), Footer]);
- };
- }
- });
- const Card = withInstall(stdin_default$1b);
- const [name$11, bem$10, t$f] = createNamespace("cascader");
- const cascaderProps = {
- title: String,
- options: makeArrayProp(),
- closeable: truthProp,
- swipeable: truthProp,
- closeIcon: makeStringProp("cross"),
- showHeader: truthProp,
- modelValue: numericProp,
- fieldNames: Object,
- placeholder: String,
- activeColor: String
- };
- var stdin_default$1a = vue.defineComponent({
- name: name$11,
- props: cascaderProps,
- emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
- setup(props2, {
- slots,
- emit
- }) {
- const tabs = vue.ref([]);
- const activeTab = vue.ref(0);
- const [selectedElementRefs, setSelectedElementRefs] = useRefs();
- const {
- text: textKey,
- value: valueKey,
- children: childrenKey
- } = extend({
- text: "text",
- value: "value",
- children: "children"
- }, props2.fieldNames);
- const getSelectedOptionsByValue = (options, value) => {
- for (const option of options) {
- if (option[valueKey] === value) {
- return [option];
- }
- if (option[childrenKey]) {
- const selectedOptions = getSelectedOptionsByValue(option[childrenKey], value);
- if (selectedOptions) {
- return [option, ...selectedOptions];
- }
- }
- }
- };
- const updateTabs = () => {
- const {
- options,
- modelValue
- } = props2;
- if (modelValue !== void 0) {
- const selectedOptions = getSelectedOptionsByValue(options, modelValue);
- if (selectedOptions) {
- let optionsCursor = options;
- tabs.value = selectedOptions.map((option) => {
- const tab = {
- options: optionsCursor,
- selected: option
- };
- const next = optionsCursor.find((item) => item[valueKey] === option[valueKey]);
- if (next) {
- optionsCursor = next[childrenKey];
- }
- return tab;
- });
- if (optionsCursor) {
- tabs.value.push({
- options: optionsCursor,
- selected: null
- });
- }
- vue.nextTick(() => {
- activeTab.value = tabs.value.length - 1;
- });
- return;
- }
- }
- tabs.value = [{
- options,
- selected: null
- }];
- };
- const onSelect = (option, tabIndex) => {
- if (option.disabled) {
- return;
- }
- tabs.value[tabIndex].selected = option;
- if (tabs.value.length > tabIndex + 1) {
- tabs.value = tabs.value.slice(0, tabIndex + 1);
- }
- if (option[childrenKey]) {
- const nextTab = {
- options: option[childrenKey],
- selected: null
- };
- if (tabs.value[tabIndex + 1]) {
- tabs.value[tabIndex + 1] = nextTab;
- } else {
- tabs.value.push(nextTab);
- }
- vue.nextTick(() => {
- activeTab.value++;
- });
- }
- const selectedOptions = tabs.value.map((tab) => tab.selected).filter(Boolean);
- emit("update:modelValue", option[valueKey]);
- const params = {
- value: option[valueKey],
- tabIndex,
- selectedOptions
- };
- emit("change", params);
- if (!option[childrenKey]) {
- emit("finish", params);
- }
- };
- const onClose = () => emit("close");
- const onClickTab = ({
- name: name2,
- title
- }) => emit("clickTab", name2, title);
- const renderHeader = () => props2.showHeader ? vue.createVNode("div", {
- "class": bem$10("header")
- }, [vue.createVNode("h2", {
- "class": bem$10("title")
- }, [slots.title ? slots.title() : props2.title]), props2.closeable ? vue.createVNode(Icon, {
- "name": props2.closeIcon,
- "class": [bem$10("close-icon"), HAPTICS_FEEDBACK],
- "onClick": onClose
- }, null) : null]) : null;
- const renderOption = (option, selectedOption, tabIndex) => {
- const {
- disabled
- } = option;
- const selected = !!(selectedOption && option[valueKey] === selectedOption[valueKey]);
- const color = option.color || (selected ? props2.activeColor : void 0);
- const Text = slots.option ? slots.option({
- option,
- selected
- }) : vue.createVNode("span", null, [option[textKey]]);
- return vue.createVNode("li", {
- "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
- "role": "menuitemradio",
- "class": [bem$10("option", {
- selected,
- disabled
- }), option.className],
- "style": {
- color
- },
- "tabindex": disabled ? void 0 : selected ? 0 : -1,
- "aria-checked": selected,
- "aria-disabled": disabled || void 0,
- "onClick": () => onSelect(option, tabIndex)
- }, [Text, selected ? vue.createVNode(Icon, {
- "name": "success",
- "class": bem$10("selected-icon")
- }, null) : null]);
- };
- const renderOptions = (options, selectedOption, tabIndex) => vue.createVNode("ul", {
- "role": "menu",
- "class": bem$10("options")
- }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
- const renderTab = (tab, tabIndex) => {
- const {
- options,
- selected
- } = tab;
- const placeholder = props2.placeholder || t$f("select");
- const title = selected ? selected[textKey] : placeholder;
- return vue.createVNode(Tab, {
- "title": title,
- "titleClass": bem$10("tab", {
- unselected: !selected
- })
- }, {
- default: () => {
- var _a, _b;
- return [(_a = slots["options-top"]) == null ? void 0 : _a.call(slots, {
- tabIndex
- }), renderOptions(options, selected, tabIndex), (_b = slots["options-bottom"]) == null ? void 0 : _b.call(slots, {
- tabIndex
- })];
- }
- });
- };
- const renderTabs = () => vue.createVNode(Tabs, {
- "active": activeTab.value,
- "onUpdate:active": ($event) => activeTab.value = $event,
- "shrink": true,
- "animated": true,
- "class": bem$10("tabs"),
- "color": props2.activeColor,
- "swipeable": props2.swipeable,
- "onClickTab": onClickTab
- }, {
- default: () => [tabs.value.map(renderTab)]
- });
- const scrollIntoView = (el) => {
- const scrollParent = el.parentElement;
- if (scrollParent) {
- scrollParent.scrollTop = el.offsetTop - (scrollParent.offsetHeight - el.offsetHeight) / 2;
- }
- };
- updateTabs();
- vue.watch(activeTab, (value) => {
- const el = selectedElementRefs.value[value];
- if (el) scrollIntoView(el);
- });
- vue.watch(() => props2.options, updateTabs, {
- deep: true
- });
- vue.watch(() => props2.modelValue, (value) => {
- if (value !== void 0) {
- const values = tabs.value.map((tab) => {
- var _a;
- return (_a = tab.selected) == null ? void 0 : _a[valueKey];
- });
- if (values.includes(value)) {
- return;
- }
- }
- updateTabs();
- });
- return () => vue.createVNode("div", {
- "class": bem$10()
- }, [renderHeader(), renderTabs()]);
- }
- });
- const Cascader = withInstall(stdin_default$1a);
- const [name$10, bem$$] = createNamespace("cell-group");
- const cellGroupProps = {
- title: String,
- inset: Boolean,
- border: truthProp
- };
- var stdin_default$19 = vue.defineComponent({
- name: name$10,
- inheritAttrs: false,
- props: cellGroupProps,
- setup(props2, {
- slots,
- attrs
- }) {
- const renderGroup = () => {
- var _a;
- return vue.createVNode("div", vue.mergeProps({
- "class": [bem$$({
- inset: props2.inset
- }), {
- [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
- }]
- }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- const renderTitle = () => vue.createVNode("div", {
- "class": bem$$("title", {
- inset: props2.inset
- })
- }, [slots.title ? slots.title() : props2.title]);
- return () => {
- if (props2.title || slots.title) {
- return vue.createVNode(vue.Fragment, null, [renderTitle(), renderGroup()]);
- }
- return renderGroup();
- };
- }
- });
- const CellGroup = withInstall(stdin_default$19);
- const [name$$, bem$_] = createNamespace("circle");
- let uid = 0;
- const format = (rate) => Math.min(Math.max(+rate, 0), 100);
- function getPath(clockwise, viewBoxSize) {
- const sweepFlag = clockwise ? 1 : 0;
- return `M ${viewBoxSize / 2} ${viewBoxSize / 2} m 0, -500 a 500, 500 0 1, ${sweepFlag} 0, 1000 a 500, 500 0 1, ${sweepFlag} 0, -1000`;
- }
- const circleProps = {
- text: String,
- size: numericProp,
- fill: makeStringProp("none"),
- rate: makeNumericProp(100),
- speed: makeNumericProp(0),
- color: [String, Object],
- clockwise: truthProp,
- layerColor: String,
- currentRate: makeNumberProp(0),
- strokeWidth: makeNumericProp(40),
- strokeLinecap: String,
- startPosition: makeStringProp("top")
- };
- var stdin_default$18 = vue.defineComponent({
- name: name$$,
- props: circleProps,
- emits: ["update:currentRate"],
- setup(props2, {
- emit,
- slots
- }) {
- const id = `van-circle-${uid++}`;
- const viewBoxSize = vue.computed(() => +props2.strokeWidth + 1e3);
- const path = vue.computed(() => getPath(props2.clockwise, viewBoxSize.value));
- const svgStyle = vue.computed(() => {
- const ROTATE_ANGLE_MAP = {
- top: 0,
- right: 90,
- bottom: 180,
- left: 270
- };
- const angleValue = ROTATE_ANGLE_MAP[props2.startPosition];
- if (angleValue) {
- return {
- transform: `rotate(${angleValue}deg)`
- };
- }
- });
- vue.watch(() => props2.rate, (rate) => {
- let rafId;
- const startTime = Date.now();
- const startRate = props2.currentRate;
- const endRate = format(rate);
- const duration = Math.abs((startRate - endRate) * 1e3 / +props2.speed);
- const animate = () => {
- const now = Date.now();
- const progress = Math.min((now - startTime) / duration, 1);
- const rate2 = progress * (endRate - startRate) + startRate;
- emit("update:currentRate", format(parseFloat(rate2.toFixed(1))));
- if (endRate > startRate ? rate2 < endRate : rate2 > endRate) {
- rafId = raf(animate);
- }
- };
- if (props2.speed) {
- if (rafId) {
- cancelRaf(rafId);
- }
- rafId = raf(animate);
- } else {
- emit("update:currentRate", endRate);
- }
- }, {
- immediate: true
- });
- const renderHover = () => {
- const PERIMETER = 3140;
- const {
- strokeWidth,
- currentRate,
- strokeLinecap
- } = props2;
- const offset2 = PERIMETER * currentRate / 100;
- const color = isObject$1(props2.color) ? `url(#${id})` : props2.color;
- const style = {
- stroke: color,
- strokeWidth: `${+strokeWidth + 1}px`,
- strokeLinecap,
- strokeDasharray: `${offset2}px ${PERIMETER}px`
- };
- return vue.createVNode("path", {
- "d": path.value,
- "style": style,
- "class": bem$_("hover"),
- "stroke": color
- }, null);
- };
- const renderLayer = () => {
- const style = {
- fill: props2.fill,
- stroke: props2.layerColor,
- strokeWidth: `${props2.strokeWidth}px`
- };
- return vue.createVNode("path", {
- "class": bem$_("layer"),
- "style": style,
- "d": path.value
- }, null);
- };
- const renderGradient = () => {
- const {
- color
- } = props2;
- if (!isObject$1(color)) {
- return;
- }
- const Stops = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b)).map((key, index) => vue.createVNode("stop", {
- "key": index,
- "offset": key,
- "stop-color": color[key]
- }, null));
- return vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
- "id": id,
- "x1": "100%",
- "y1": "0%",
- "x2": "0%",
- "y2": "0%"
- }, [Stops])]);
- };
- const renderText = () => {
- if (slots.default) {
- return slots.default();
- }
- if (props2.text) {
- return vue.createVNode("div", {
- "class": bem$_("text")
- }, [props2.text]);
- }
- };
- return () => vue.createVNode("div", {
- "class": bem$_(),
- "style": getSizeStyle(props2.size)
- }, [vue.createVNode("svg", {
- "viewBox": `0 0 ${viewBoxSize.value} ${viewBoxSize.value}`,
- "style": svgStyle.value
- }, [renderGradient(), renderLayer(), renderHover()]), renderText()]);
- }
- });
- const Circle = withInstall(stdin_default$18);
- const [name$_, bem$Z] = createNamespace("row");
- const ROW_KEY = Symbol(name$_);
- const rowProps = {
- tag: makeStringProp("div"),
- wrap: truthProp,
- align: String,
- gutter: {
- type: [String, Number, Array],
- default: 0
- },
- justify: String
- };
- var stdin_default$17 = vue.defineComponent({
- name: name$_,
- props: rowProps,
- setup(props2, {
- slots
- }) {
- const {
- children,
- linkChildren
- } = useChildren(ROW_KEY);
- const groups = vue.computed(() => {
- const groups2 = [[]];
- let totalSpan = 0;
- children.forEach((child, index) => {
- totalSpan += Number(child.span);
- if (totalSpan > 24) {
- groups2.push([index]);
- totalSpan -= 24;
- } else {
- groups2[groups2.length - 1].push(index);
- }
- });
- return groups2;
- });
- const spaces = vue.computed(() => {
- let gutter = 0;
- if (Array.isArray(props2.gutter)) {
- gutter = Number(props2.gutter[0]) || 0;
- } else {
- gutter = Number(props2.gutter);
- }
- const spaces2 = [];
- if (!gutter) {
- return spaces2;
- }
- groups.value.forEach((group) => {
- const averagePadding = gutter * (group.length - 1) / group.length;
- group.forEach((item, index) => {
- if (index === 0) {
- spaces2.push({
- right: averagePadding
- });
- } else {
- const left2 = gutter - spaces2[item - 1].right;
- const right2 = averagePadding - left2;
- spaces2.push({
- left: left2,
- right: right2
- });
- }
- });
- });
- return spaces2;
- });
- const verticalSpaces = vue.computed(() => {
- const {
- gutter
- } = props2;
- const spaces2 = [];
- if (Array.isArray(gutter) && gutter.length > 1) {
- const bottom2 = Number(gutter[1]) || 0;
- if (bottom2 <= 0) {
- return spaces2;
- }
- groups.value.forEach((group, index) => {
- if (index === groups.value.length - 1) return;
- group.forEach(() => {
- spaces2.push({
- bottom: bottom2
- });
- });
- });
- }
- return spaces2;
- });
- linkChildren({
- spaces,
- verticalSpaces
- });
- return () => {
- const {
- tag,
- wrap,
- align,
- justify
- } = props2;
- return vue.createVNode(tag, {
- "class": bem$Z({
- [`align-${align}`]: align,
- [`justify-${justify}`]: justify,
- nowrap: !wrap
- })
- }, {
- default: () => {
- var _a;
- return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
- }
- });
- };
- }
- });
- const [name$Z, bem$Y] = createNamespace("col");
- const colProps = {
- tag: makeStringProp("div"),
- span: makeNumericProp(0),
- offset: numericProp
- };
- var stdin_default$16 = vue.defineComponent({
- name: name$Z,
- props: colProps,
- setup(props2, {
- slots
- }) {
- const {
- parent,
- index
- } = useParent(ROW_KEY);
- const style = vue.computed(() => {
- if (!parent) {
- return;
- }
- const {
- spaces,
- verticalSpaces
- } = parent;
- let styles = {};
- if (spaces && spaces.value && spaces.value[index.value]) {
- const {
- left: left2,
- right: right2
- } = spaces.value[index.value];
- styles = {
- paddingLeft: left2 ? `${left2}px` : null,
- paddingRight: right2 ? `${right2}px` : null
- };
- }
- const {
- bottom: bottom2
- } = verticalSpaces.value[index.value] || {};
- return extend(styles, {
- marginBottom: bottom2 ? `${bottom2}px` : null
- });
- });
- return () => {
- const {
- tag,
- span,
- offset: offset2
- } = props2;
- return vue.createVNode(tag, {
- "style": style.value,
- "class": bem$Y({
- [span]: span,
- [`offset-${offset2}`]: offset2
- })
- }, {
- default: () => {
- var _a;
- return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
- }
- });
- };
- }
- });
- const Col = withInstall(stdin_default$16);
- const [name$Y, bem$X] = createNamespace("collapse");
- const COLLAPSE_KEY = Symbol(name$Y);
- const collapseProps = {
- border: truthProp,
- accordion: Boolean,
- modelValue: {
- type: [String, Number, Array],
- default: ""
- }
- };
- var stdin_default$15 = vue.defineComponent({
- name: name$Y,
- props: collapseProps,
- emits: ["change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const {
- linkChildren,
- children
- } = useChildren(COLLAPSE_KEY);
- const updateName = (name2) => {
- emit("change", name2);
- emit("update:modelValue", name2);
- };
- const toggle = (name2, expanded) => {
- const {
- accordion,
- modelValue
- } = props2;
- if (accordion) {
- updateName(name2 === modelValue ? "" : name2);
- } else if (expanded) {
- updateName(modelValue.concat(name2));
- } else {
- updateName(modelValue.filter((activeName) => activeName !== name2));
- }
- };
- const toggleAll = (options = {}) => {
- if (props2.accordion) {
- return;
- }
- if (typeof options === "boolean") {
- options = {
- expanded: options
- };
- }
- const {
- expanded,
- skipDisabled
- } = options;
- const expandedChildren = children.filter((item) => {
- if (item.disabled && skipDisabled) {
- return item.expanded.value;
- }
- return expanded != null ? expanded : !item.expanded.value;
- });
- const names = expandedChildren.map((item) => item.itemName.value);
- updateName(names);
- };
- const isExpanded = (name2) => {
- const {
- accordion,
- modelValue
- } = props2;
- return accordion ? modelValue === name2 : modelValue.includes(name2);
- };
- useExpose({
- toggleAll
- });
- linkChildren({
- toggle,
- isExpanded
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "class": [bem$X(), {
- [BORDER_TOP_BOTTOM]: props2.border
- }]
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const Collapse = withInstall(stdin_default$15);
- const [name$X, bem$W] = createNamespace("collapse-item");
- const CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
- const collapseItemProps = extend({}, cellSharedProps, {
- name: numericProp,
- isLink: truthProp,
- disabled: Boolean,
- readonly: Boolean,
- lazyRender: truthProp
- });
- var stdin_default$14 = vue.defineComponent({
- name: name$X,
- props: collapseItemProps,
- setup(props2, {
- slots
- }) {
- const wrapperRef = vue.ref();
- const contentRef = vue.ref();
- const {
- parent,
- index
- } = useParent(COLLAPSE_KEY);
- if (!parent) {
- return;
- }
- const name2 = vue.computed(() => {
- var _a;
- return (_a = props2.name) != null ? _a : index.value;
- });
- const expanded = vue.computed(() => parent.isExpanded(name2.value));
- const show = vue.ref(expanded.value);
- const lazyRender = useLazyRender(() => show.value || !props2.lazyRender);
- const onTransitionEnd = () => {
- if (!expanded.value) {
- show.value = false;
- } else if (wrapperRef.value) {
- wrapperRef.value.style.height = "";
- }
- };
- vue.watch(expanded, (value, oldValue) => {
- if (oldValue === null) {
- return;
- }
- if (value) {
- show.value = true;
- }
- const tick = value ? vue.nextTick : raf;
- tick(() => {
- if (!contentRef.value || !wrapperRef.value) {
- return;
- }
- const {
- offsetHeight
- } = contentRef.value;
- if (offsetHeight) {
- const contentHeight = `${offsetHeight}px`;
- wrapperRef.value.style.height = value ? "0" : contentHeight;
- doubleRaf(() => {
- if (wrapperRef.value) {
- wrapperRef.value.style.height = value ? contentHeight : "0";
- }
- });
- } else {
- onTransitionEnd();
- }
- });
- });
- const toggle = (newValue = !expanded.value) => {
- parent.toggle(name2.value, newValue);
- };
- const onClickTitle = () => {
- if (!props2.disabled && !props2.readonly) {
- toggle();
- }
- };
- const renderTitle = () => {
- const {
- border,
- disabled,
- readonly
- } = props2;
- const attrs = pick(props2, Object.keys(cellSharedProps));
- if (readonly) {
- attrs.isLink = false;
- }
- if (disabled || readonly) {
- attrs.clickable = false;
- }
- return vue.createVNode(Cell, vue.mergeProps({
- "role": "button",
- "class": bem$W("title", {
- disabled,
- expanded: expanded.value,
- borderless: !border
- }),
- "aria-expanded": String(expanded.value),
- "onClick": onClickTitle
- }, attrs), pick(slots, CELL_SLOTS));
- };
- const renderContent = lazyRender(() => {
- var _a;
- return vue.withDirectives(vue.createVNode("div", {
- "ref": wrapperRef,
- "class": bem$W("wrapper"),
- "onTransitionend": onTransitionEnd
- }, [vue.createVNode("div", {
- "ref": contentRef,
- "class": bem$W("content")
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[vue.vShow, show.value]]);
- });
- useExpose({
- toggle,
- expanded,
- itemName: name2
- });
- return () => vue.createVNode("div", {
- "class": [bem$W({
- border: index.value && props2.border
- })]
- }, [renderTitle(), renderContent()]);
- }
- });
- const CollapseItem = withInstall(stdin_default$14);
- const ConfigProvider = withInstall(stdin_default$1S);
- const [name$W, bem$V, t$e] = createNamespace("contact-card");
- const contactCardProps = {
- tel: String,
- name: String,
- type: makeStringProp("add"),
- addText: String,
- editable: truthProp
- };
- var stdin_default$13 = vue.defineComponent({
- name: name$W,
- props: contactCardProps,
- emits: ["click"],
- setup(props2, {
- emit
- }) {
- const onClick = (event) => {
- if (props2.editable) {
- emit("click", event);
- }
- };
- const renderContent = () => {
- if (props2.type === "add") {
- return props2.addText || t$e("addContact");
- }
- return [vue.createVNode("div", null, [`${t$e("name")}:${props2.name}`]), vue.createVNode("div", null, [`${t$e("tel")}:${props2.tel}`])];
- };
- return () => vue.createVNode(Cell, {
- "center": true,
- "icon": props2.type === "edit" ? "contact" : "add-square",
- "class": bem$V([props2.type]),
- "border": false,
- "isLink": props2.editable,
- "titleClass": bem$V("title"),
- "onClick": onClick
- }, {
- title: renderContent
- });
- }
- });
- const ContactCard = withInstall(stdin_default$13);
- const [name$V, bem$U, t$d] = createNamespace("contact-edit");
- const DEFAULT_CONTACT = {
- tel: "",
- name: ""
- };
- const contactEditProps = {
- isEdit: Boolean,
- isSaving: Boolean,
- isDeleting: Boolean,
- showSetDefault: Boolean,
- setDefaultLabel: String,
- contactInfo: {
- type: Object,
- default: () => extend({}, DEFAULT_CONTACT)
- },
- telValidator: {
- type: Function,
- default: isMobile
- }
- };
- var stdin_default$12 = vue.defineComponent({
- name: name$V,
- props: contactEditProps,
- emits: ["save", "delete", "changeDefault"],
- setup(props2, {
- emit
- }) {
- const contact = vue.reactive(extend({}, DEFAULT_CONTACT, props2.contactInfo));
- const onSave = () => {
- if (!props2.isSaving) {
- emit("save", contact);
- }
- };
- const onDelete = () => emit("delete", contact);
- const renderButtons = () => vue.createVNode("div", {
- "class": bem$U("buttons")
- }, [vue.createVNode(Button, {
- "block": true,
- "round": true,
- "type": "primary",
- "text": t$d("save"),
- "class": bem$U("button"),
- "loading": props2.isSaving,
- "nativeType": "submit"
- }, null), props2.isEdit && vue.createVNode(Button, {
- "block": true,
- "round": true,
- "text": t$d("delete"),
- "class": bem$U("button"),
- "loading": props2.isDeleting,
- "onClick": onDelete
- }, null)]);
- const renderSwitch = () => vue.createVNode(Switch, {
- "modelValue": contact.isDefault,
- "onUpdate:modelValue": ($event) => contact.isDefault = $event,
- "onChange": (checked) => emit("changeDefault", checked)
- }, null);
- const renderSetDefault = () => {
- if (props2.showSetDefault) {
- return vue.createVNode(Cell, {
- "title": props2.setDefaultLabel,
- "class": bem$U("switch-cell"),
- "border": false
- }, {
- "right-icon": renderSwitch
- });
- }
- };
- vue.watch(() => props2.contactInfo, (value) => extend(contact, DEFAULT_CONTACT, value));
- return () => vue.createVNode(Form, {
- "class": bem$U(),
- "onSubmit": onSave
- }, {
- default: () => [vue.createVNode("div", {
- "class": bem$U("fields")
- }, [vue.createVNode(Field, {
- "modelValue": contact.name,
- "onUpdate:modelValue": ($event) => contact.name = $event,
- "clearable": true,
- "label": t$d("name"),
- "rules": [{
- required: true,
- message: t$d("nameEmpty")
- }],
- "maxlength": "30",
- "placeholder": t$d("name")
- }, null), vue.createVNode(Field, {
- "modelValue": contact.tel,
- "onUpdate:modelValue": ($event) => contact.tel = $event,
- "clearable": true,
- "type": "tel",
- "label": t$d("tel"),
- "rules": [{
- validator: props2.telValidator,
- message: t$d("telInvalid")
- }],
- "placeholder": t$d("tel")
- }, null)]), renderSetDefault(), renderButtons()]
- });
- }
- });
- const ContactEdit = withInstall(stdin_default$12);
- const [name$U, bem$T, t$c] = createNamespace("contact-list");
- const contactListProps = {
- list: Array,
- addText: String,
- modelValue: unknownProp,
- defaultTagText: String
- };
- var stdin_default$11 = vue.defineComponent({
- name: name$U,
- props: contactListProps,
- emits: ["add", "edit", "select", "update:modelValue"],
- setup(props2, {
- emit
- }) {
- const renderItem = (item, index) => {
- const onClick = () => {
- emit("update:modelValue", item.id);
- emit("select", item, index);
- };
- const renderRightIcon = () => vue.createVNode(Radio, {
- "class": bem$T("radio"),
- "name": item.id,
- "iconSize": 18
- }, null);
- const renderEditIcon = () => vue.createVNode(Icon, {
- "name": "edit",
- "class": bem$T("edit"),
- "onClick": (event) => {
- event.stopPropagation();
- emit("edit", item, index);
- }
- }, null);
- const renderContent = () => {
- const nodes = [`${item.name},${item.tel}`];
- if (item.isDefault && props2.defaultTagText) {
- nodes.push(vue.createVNode(Tag, {
- "type": "primary",
- "round": true,
- "class": bem$T("item-tag")
- }, {
- default: () => [props2.defaultTagText]
- }));
- }
- return nodes;
- };
- return vue.createVNode(Cell, {
- "key": item.id,
- "isLink": true,
- "center": true,
- "class": bem$T("item"),
- "titleClass": bem$T("item-title"),
- "onClick": onClick
- }, {
- icon: renderEditIcon,
- title: renderContent,
- "right-icon": renderRightIcon
- });
- };
- return () => vue.createVNode("div", {
- "class": bem$T()
- }, [vue.createVNode(RadioGroup, {
- "modelValue": props2.modelValue,
- "class": bem$T("group")
- }, {
- default: () => [props2.list && props2.list.map(renderItem)]
- }), vue.createVNode("div", {
- "class": [bem$T("bottom"), "van-safe-area-bottom"]
- }, [vue.createVNode(Button, {
- "round": true,
- "block": true,
- "type": "primary",
- "class": bem$T("add"),
- "text": props2.addText || t$c("addContact"),
- "onClick": () => emit("add")
- }, null)])]);
- }
- });
- const ContactList = withInstall(stdin_default$11);
- function parseFormat(format2, currentTime) {
- const { days } = currentTime;
- let { hours, minutes, seconds, milliseconds } = currentTime;
- if (format2.includes("DD")) {
- format2 = format2.replace("DD", padZero(days));
- } else {
- hours += days * 24;
- }
- if (format2.includes("HH")) {
- format2 = format2.replace("HH", padZero(hours));
- } else {
- minutes += hours * 60;
- }
- if (format2.includes("mm")) {
- format2 = format2.replace("mm", padZero(minutes));
- } else {
- seconds += minutes * 60;
- }
- if (format2.includes("ss")) {
- format2 = format2.replace("ss", padZero(seconds));
- } else {
- milliseconds += seconds * 1e3;
- }
- if (format2.includes("S")) {
- const ms = padZero(milliseconds, 3);
- if (format2.includes("SSS")) {
- format2 = format2.replace("SSS", ms);
- } else if (format2.includes("SS")) {
- format2 = format2.replace("SS", ms.slice(0, 2));
- } else {
- format2 = format2.replace("S", ms.charAt(0));
- }
- }
- return format2;
- }
- const [name$T, bem$S] = createNamespace("count-down");
- const countDownProps = {
- time: makeNumericProp(0),
- format: makeStringProp("HH:mm:ss"),
- autoStart: truthProp,
- millisecond: Boolean
- };
- var stdin_default$10 = vue.defineComponent({
- name: name$T,
- props: countDownProps,
- emits: ["change", "finish"],
- setup(props2, {
- emit,
- slots
- }) {
- const {
- start: start2,
- pause,
- reset,
- current: current2
- } = useCountDown({
- time: +props2.time,
- millisecond: props2.millisecond,
- onChange: (current22) => emit("change", current22),
- onFinish: () => emit("finish")
- });
- const timeText = vue.computed(() => parseFormat(props2.format, current2.value));
- const resetTime = () => {
- reset(+props2.time);
- if (props2.autoStart) {
- start2();
- }
- };
- vue.watch(() => props2.time, resetTime, {
- immediate: true
- });
- useExpose({
- start: start2,
- pause,
- reset: resetTime
- });
- return () => vue.createVNode("div", {
- "role": "timer",
- "class": bem$S()
- }, [slots.default ? slots.default(current2.value) : timeText.value]);
- }
- });
- const CountDown = withInstall(stdin_default$10);
- function getDate(timeStamp) {
- const date = new Date(timeStamp * 1e3);
- return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
- date.getDate()
- )}`;
- }
- const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
- const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
- const [name$S, bem$R, t$b] = createNamespace("coupon");
- var stdin_default$$ = vue.defineComponent({
- name: name$S,
- props: {
- chosen: Boolean,
- coupon: makeRequiredProp(Object),
- disabled: Boolean,
- currency: makeStringProp("¥")
- },
- setup(props2) {
- const validPeriod = vue.computed(() => {
- const {
- startAt,
- endAt
- } = props2.coupon;
- return `${getDate(startAt)} - ${getDate(endAt)}`;
- });
- const faceAmount = vue.computed(() => {
- const {
- coupon,
- currency
- } = props2;
- if (coupon.valueDesc) {
- return [coupon.valueDesc, vue.createVNode("span", null, [coupon.unitDesc || ""])];
- }
- if (coupon.denominations) {
- const denominations = formatAmount(coupon.denominations);
- return [vue.createVNode("span", null, [currency]), ` ${denominations}`];
- }
- if (coupon.discount) {
- return t$b("discount", formatDiscount(coupon.discount));
- }
- return "";
- });
- const conditionMessage = vue.computed(() => {
- const condition = formatAmount(props2.coupon.originCondition || 0);
- return condition === "0" ? t$b("unlimited") : t$b("condition", condition);
- });
- return () => {
- const {
- chosen,
- coupon,
- disabled
- } = props2;
- const description = disabled && coupon.reason || coupon.description;
- return vue.createVNode("div", {
- "class": bem$R({
- disabled
- })
- }, [vue.createVNode("div", {
- "class": bem$R("content")
- }, [vue.createVNode("div", {
- "class": bem$R("head")
- }, [vue.createVNode("h2", {
- "class": bem$R("amount")
- }, [faceAmount.value]), vue.createVNode("p", {
- "class": bem$R("condition")
- }, [coupon.condition || conditionMessage.value])]), vue.createVNode("div", {
- "class": bem$R("body")
- }, [vue.createVNode("p", {
- "class": bem$R("name")
- }, [coupon.name]), vue.createVNode("p", {
- "class": bem$R("valid")
- }, [validPeriod.value]), !disabled && vue.createVNode(Checkbox, {
- "class": bem$R("corner"),
- "modelValue": chosen
- }, null)])]), description && vue.createVNode("p", {
- "class": bem$R("description")
- }, [description])]);
- };
- }
- });
- const Coupon = withInstall(stdin_default$$);
- const [name$R, bem$Q, t$a] = createNamespace("coupon-cell");
- const couponCellProps = {
- title: String,
- border: truthProp,
- editable: truthProp,
- coupons: makeArrayProp(),
- currency: makeStringProp("¥"),
- chosenCoupon: {
- type: [Number, Array],
- default: -1
- }
- };
- const getValue = (coupon) => {
- const {
- value,
- denominations
- } = coupon;
- if (isDef(value)) {
- return value;
- }
- if (isDef(denominations)) {
- return denominations;
- }
- return 0;
- };
- function formatValue({
- coupons,
- chosenCoupon,
- currency
- }) {
- let value = 0;
- let isExist = false;
- (Array.isArray(chosenCoupon) ? chosenCoupon : [chosenCoupon]).forEach((i) => {
- const coupon = coupons[+i];
- if (coupon) {
- isExist = true;
- value += getValue(coupon);
- }
- });
- if (isExist) {
- return `-${currency} ${(value / 100).toFixed(2)}`;
- }
- return coupons.length === 0 ? t$a("noCoupon") : t$a("count", coupons.length);
- }
- var stdin_default$_ = vue.defineComponent({
- name: name$R,
- props: couponCellProps,
- setup(props2) {
- return () => {
- const selected = Array.isArray(props2.chosenCoupon) ? props2.chosenCoupon.length : props2.coupons[+props2.chosenCoupon];
- return vue.createVNode(Cell, {
- "class": bem$Q(),
- "value": formatValue(props2),
- "title": props2.title || t$a("title"),
- "border": props2.border,
- "isLink": props2.editable,
- "valueClass": bem$Q("value", {
- selected
- })
- }, null);
- };
- }
- });
- const CouponCell = withInstall(stdin_default$_);
- const [name$Q, bem$P] = createNamespace("empty");
- const emptyProps = {
- image: makeStringProp("default"),
- imageSize: [Number, String, Array],
- description: String
- };
- var stdin_default$Z = vue.defineComponent({
- name: name$Q,
- props: emptyProps,
- setup(props2, {
- slots
- }) {
- const renderDescription = () => {
- const description = slots.description ? slots.description() : props2.description;
- if (description) {
- return vue.createVNode("p", {
- "class": bem$P("description")
- }, [description]);
- }
- };
- const renderBottom = () => {
- if (slots.default) {
- return vue.createVNode("div", {
- "class": bem$P("bottom")
- }, [slots.default()]);
- }
- };
- const baseId = useId();
- const getId = (num) => `${baseId}-${num}`;
- const getUrlById = (num) => `url(#${getId(num)})`;
- const renderStop = (color, offset2, opacity) => vue.createVNode("stop", {
- "stop-color": color,
- "offset": `${offset2}%`,
- "stop-opacity": opacity
- }, null);
- const renderStops = (fromColor, toColor) => [renderStop(fromColor, 0), renderStop(toColor, 100)];
- const renderShadow = (id) => [vue.createVNode("defs", null, [vue.createVNode("radialGradient", {
- "id": getId(id),
- "cx": "50%",
- "cy": "54%",
- "fx": "50%",
- "fy": "54%",
- "r": "297%",
- "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)",
- "data-allow-mismatch": "attribute"
- }, [renderStop("#EBEDF0", 0), renderStop("#F2F3F5", 100, 0.3)])]), vue.createVNode("ellipse", {
- "fill": getUrlById(id),
- "opacity": ".8",
- "cx": "80",
- "cy": "140",
- "rx": "46",
- "ry": "8",
- "data-allow-mismatch": "attribute"
- }, null)];
- const renderBuilding = () => [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
- "id": getId("a"),
- "x1": "64%",
- "y1": "100%",
- "x2": "64%",
- "data-allow-mismatch": "attribute"
- }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
- "opacity": ".8",
- "data-allow-mismatch": "children"
- }, [vue.createVNode("path", {
- "d": "M36 131V53H16v20H2v58h34z",
- "fill": getUrlById("a")
- }, null), vue.createVNode("path", {
- "d": "M123 15h22v14h9v77h-31V15z",
- "fill": getUrlById("a")
- }, null)])];
- const renderCloud = () => [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
- "id": getId("b"),
- "x1": "64%",
- "y1": "97%",
- "x2": "64%",
- "y2": "0%",
- "data-allow-mismatch": "attribute"
- }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
- "opacity": ".8",
- "data-allow-mismatch": "children"
- }, [vue.createVNode("path", {
- "d": "M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z",
- "fill": getUrlById("b")
- }, null), vue.createVNode("path", {
- "d": "M19 23c2 0 3 1 4 3 2 0 4 2 4 4a4 4 0 0 1-4 3v1h-7v-1l-1 1c-2 0-3-2-3-4 0-1 1-3 3-3 0-2 2-4 4-4Z",
- "fill": getUrlById("b")
- }, null)])];
- const renderNetwork = () => vue.createVNode("svg", {
- "viewBox": "0 0 160 160"
- }, [vue.createVNode("defs", {
- "data-allow-mismatch": "children"
- }, [vue.createVNode("linearGradient", {
- "id": getId(1),
- "x1": "64%",
- "y1": "100%",
- "x2": "64%"
- }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), vue.createVNode("linearGradient", {
- "id": getId(2),
- "x1": "50%",
- "x2": "50%",
- "y2": "84%"
- }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), vue.createVNode("linearGradient", {
- "id": getId(3),
- "x1": "100%",
- "x2": "100%",
- "y2": "100%"
- }, [renderStops("#EAEDF0", "#DCDEE0")]), vue.createVNode("radialGradient", {
- "id": getId(4),
- "cx": "50%",
- "cy": "0%",
- "fx": "50%",
- "fy": "0%",
- "r": "100%",
- "gradientTransform": "matrix(0 1 -.54 0 .5 -.5)"
- }, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), vue.createVNode("g", {
- "fill": "none"
- }, [renderBuilding(), vue.createVNode("path", {
- "fill": getUrlById(4),
- "d": "M0 139h160v21H0z",
- "data-allow-mismatch": "attribute"
- }, null), vue.createVNode("path", {
- "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
- "fill": getUrlById(2),
- "data-allow-mismatch": "attribute"
- }, null), vue.createVNode("g", {
- "opacity": ".6",
- "stroke-linecap": "round",
- "stroke-width": "7",
- "data-allow-mismatch": "children"
- }, [vue.createVNode("path", {
- "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
- "stroke": getUrlById(3)
- }, null), vue.createVNode("path", {
- "d": "M53 36a34 34 0 0 0 0 48",
- "stroke": getUrlById(3)
- }, null), vue.createVNode("path", {
- "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
- "stroke": getUrlById(3)
- }, null), vue.createVNode("path", {
- "d": "M106 84a34 34 0 0 0 0-48",
- "stroke": getUrlById(3)
- }, null)]), vue.createVNode("g", {
- "transform": "translate(31 105)"
- }, [vue.createVNode("rect", {
- "fill": "#EBEDF0",
- "width": "98",
- "height": "34",
- "rx": "2"
- }, null), vue.createVNode("rect", {
- "fill": "#FFF",
- "x": "9",
- "y": "8",
- "width": "80",
- "height": "18",
- "rx": "1.1"
- }, null), vue.createVNode("rect", {
- "fill": "#EBEDF0",
- "x": "15",
- "y": "12",
- "width": "18",
- "height": "6",
- "rx": "1.1"
- }, null)])])]);
- const renderMaterial = () => vue.createVNode("svg", {
- "viewBox": "0 0 160 160"
- }, [vue.createVNode("defs", {
- "data-allow-mismatch": "children"
- }, [vue.createVNode("linearGradient", {
- "x1": "50%",
- "x2": "50%",
- "y2": "100%",
- "id": getId(5)
- }, [renderStops("#F2F3F5", "#DCDEE0")]), vue.createVNode("linearGradient", {
- "x1": "95%",
- "y1": "48%",
- "x2": "5.5%",
- "y2": "51%",
- "id": getId(6)
- }, [renderStops("#EAEDF1", "#DCDEE0")]), vue.createVNode("linearGradient", {
- "y1": "45%",
- "x2": "100%",
- "y2": "54%",
- "id": getId(7)
- }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), vue.createVNode("g", {
- "transform": "translate(36 50)",
- "fill": "none"
- }, [vue.createVNode("g", {
- "transform": "translate(8)"
- }, [vue.createVNode("rect", {
- "fill": "#EBEDF0",
- "opacity": ".6",
- "x": "38",
- "y": "13",
- "width": "36",
- "height": "53",
- "rx": "2"
- }, null), vue.createVNode("rect", {
- "fill": getUrlById(5),
- "width": "64",
- "height": "66",
- "rx": "2",
- "data-allow-mismatch": "attribute"
- }, null), vue.createVNode("rect", {
- "fill": "#FFF",
- "x": "6",
- "y": "6",
- "width": "52",
- "height": "55",
- "rx": "1"
- }, null), vue.createVNode("g", {
- "transform": "translate(15 17)",
- "fill": getUrlById(6),
- "data-allow-mismatch": "attribute"
- }, [vue.createVNode("rect", {
- "width": "34",
- "height": "6",
- "rx": "1"
- }, null), vue.createVNode("path", {
- "d": "M0 14h34v6H0z"
- }, null), vue.createVNode("rect", {
- "y": "28",
- "width": "34",
- "height": "6",
- "rx": "1"
- }, null)])]), vue.createVNode("rect", {
- "fill": getUrlById(7),
- "y": "61",
- "width": "88",
- "height": "28",
- "rx": "1",
- "data-allow-mismatch": "attribute"
- }, null), vue.createVNode("rect", {
- "fill": "#F7F8FA",
- "x": "29",
- "y": "72",
- "width": "30",
- "height": "6",
- "rx": "1"
- }, null)])]);
- const renderError = () => vue.createVNode("svg", {
- "viewBox": "0 0 160 160"
- }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
- "x1": "50%",
- "x2": "50%",
- "y2": "100%",
- "id": getId(8),
- "data-allow-mismatch": "attribute"
- }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), vue.createVNode("path", {
- "d": "m59 60 21 21 21-21h3l9 9v3L92 93l21 21v3l-9 9h-3l-21-21-21 21h-3l-9-9v-3l21-21-21-21v-3l9-9h3Z",
- "fill": getUrlById(8),
- "data-allow-mismatch": "attribute"
- }, null)]);
- const renderSearch = () => vue.createVNode("svg", {
- "viewBox": "0 0 160 160"
- }, [vue.createVNode("defs", {
- "data-allow-mismatch": "children"
- }, [vue.createVNode("linearGradient", {
- "x1": "50%",
- "y1": "100%",
- "x2": "50%",
- "id": getId(9)
- }, [renderStops("#EEE", "#D8D8D8")]), vue.createVNode("linearGradient", {
- "x1": "100%",
- "y1": "50%",
- "y2": "50%",
- "id": getId(10)
- }, [renderStops("#F2F3F5", "#DCDEE0")]), vue.createVNode("linearGradient", {
- "x1": "50%",
- "x2": "50%",
- "y2": "100%",
- "id": getId(11)
- }, [renderStops("#F2F3F5", "#DCDEE0")]), vue.createVNode("linearGradient", {
- "x1": "50%",
- "x2": "50%",
- "y2": "100%",
- "id": getId(12)
- }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), vue.createVNode("g", {
- "transform": "rotate(-45 113 -4)",
- "fill": "none",
- "data-allow-mismatch": "children"
- }, [vue.createVNode("rect", {
- "fill": getUrlById(9),
- "x": "24",
- "y": "52.8",
- "width": "5.8",
- "height": "19",
- "rx": "1"
- }, null), vue.createVNode("rect", {
- "fill": getUrlById(10),
- "x": "22.1",
- "y": "67.3",
- "width": "9.9",
- "height": "28",
- "rx": "1"
- }, null), vue.createVNode("circle", {
- "stroke": getUrlById(11),
- "stroke-width": "8",
- "cx": "27",
- "cy": "27",
- "r": "27"
- }, null), vue.createVNode("circle", {
- "fill": getUrlById(12),
- "cx": "27",
- "cy": "27",
- "r": "16"
- }, null), vue.createVNode("path", {
- "d": "M37 7c-8 0-15 5-16 12",
- "stroke": getUrlById(11),
- "stroke-width": "3",
- "opacity": ".5",
- "stroke-linecap": "round",
- "transform": "rotate(45 29 13)"
- }, null)])]);
- const renderImage = () => {
- var _a;
- if (slots.image) {
- return slots.image();
- }
- const PRESET_IMAGES = {
- error: renderError,
- search: renderSearch,
- network: renderNetwork,
- default: renderMaterial
- };
- return ((_a = PRESET_IMAGES[props2.image]) == null ? void 0 : _a.call(PRESET_IMAGES)) || vue.createVNode("img", {
- "src": props2.image
- }, null);
- };
- return () => vue.createVNode("div", {
- "class": bem$P()
- }, [vue.createVNode("div", {
- "class": bem$P("image"),
- "style": getSizeStyle(props2.imageSize)
- }, [renderImage()]), renderDescription(), renderBottom()]);
- }
- });
- const Empty = withInstall(stdin_default$Z);
- const [name$P, bem$O, t$9] = createNamespace("coupon-list");
- const couponListProps = {
- code: makeStringProp(""),
- coupons: makeArrayProp(),
- currency: makeStringProp("¥"),
- showCount: truthProp,
- emptyImage: String,
- enabledTitle: String,
- disabledTitle: String,
- disabledCoupons: makeArrayProp(),
- showExchangeBar: truthProp,
- showCloseButton: truthProp,
- closeButtonText: String,
- inputPlaceholder: String,
- exchangeMinLength: makeNumberProp(1),
- exchangeButtonText: String,
- displayedCouponIndex: makeNumberProp(-1),
- exchangeButtonLoading: Boolean,
- exchangeButtonDisabled: Boolean,
- chosenCoupon: {
- type: [Number, Array],
- default: -1
- }
- };
- var stdin_default$Y = vue.defineComponent({
- name: name$P,
- props: couponListProps,
- emits: ["change", "exchange", "update:code"],
- setup(props2, {
- emit,
- slots
- }) {
- const [couponRefs, setCouponRefs] = useRefs();
- const root = vue.ref();
- const barRef = vue.ref();
- const activeTab = vue.ref(0);
- const listHeight = vue.ref(0);
- const currentCode = vue.ref(props2.code);
- const buttonDisabled = vue.computed(() => !props2.exchangeButtonLoading && (props2.exchangeButtonDisabled || !currentCode.value || currentCode.value.length < props2.exchangeMinLength));
- const updateListHeight = () => {
- const TABS_HEIGHT = 44;
- const rootHeight = useRect(root).height;
- const headerHeight = useRect(barRef).height + TABS_HEIGHT;
- listHeight.value = (rootHeight > headerHeight ? rootHeight : windowHeight.value) - headerHeight;
- };
- const onExchange = () => {
- emit("exchange", currentCode.value);
- if (!props2.code) {
- currentCode.value = "";
- }
- };
- const scrollToCoupon = (index) => {
- vue.nextTick(() => {
- var _a;
- return (_a = couponRefs.value[index]) == null ? void 0 : _a.scrollIntoView();
- });
- };
- const renderEmpty = () => vue.createVNode(Empty, {
- "image": props2.emptyImage
- }, {
- default: () => [vue.createVNode("p", {
- "class": bem$O("empty-tip")
- }, [t$9("noCoupon")])]
- });
- const renderExchangeBar = () => {
- if (props2.showExchangeBar) {
- return vue.createVNode("div", {
- "ref": barRef,
- "class": bem$O("exchange-bar")
- }, [vue.createVNode(Field, {
- "modelValue": currentCode.value,
- "onUpdate:modelValue": ($event) => currentCode.value = $event,
- "clearable": true,
- "border": false,
- "class": bem$O("field"),
- "placeholder": props2.inputPlaceholder || t$9("placeholder"),
- "maxlength": "20"
- }, null), vue.createVNode(Button, {
- "plain": true,
- "type": "primary",
- "class": bem$O("exchange"),
- "text": props2.exchangeButtonText || t$9("exchange"),
- "loading": props2.exchangeButtonLoading,
- "disabled": buttonDisabled.value,
- "onClick": onExchange
- }, null)]);
- }
- };
- const renderCouponTab = () => {
- const {
- coupons,
- chosenCoupon
- } = props2;
- const count = props2.showCount ? ` (${coupons.length})` : "";
- const title = (props2.enabledTitle || t$9("enable")) + count;
- const updateChosenCoupon = (currentValues = [], value = 0) => {
- if (currentValues.includes(value)) {
- return currentValues.filter((item) => item !== value);
- }
- return [...currentValues, value];
- };
- return vue.createVNode(Tab, {
- "title": title
- }, {
- default: () => {
- var _a;
- return [vue.createVNode("div", {
- "class": bem$O("list", {
- "with-bottom": props2.showCloseButton
- }),
- "style": {
- height: `${listHeight.value}px`
- }
- }, [coupons.map((coupon, index) => vue.createVNode(Coupon, {
- "key": coupon.id,
- "ref": setCouponRefs(index),
- "coupon": coupon,
- "chosen": Array.isArray(chosenCoupon) ? chosenCoupon.includes(index) : index === chosenCoupon,
- "currency": props2.currency,
- "onClick": () => emit("change", Array.isArray(chosenCoupon) ? updateChosenCoupon(chosenCoupon, index) : index)
- }, null)), !coupons.length && renderEmpty(), (_a = slots["list-footer"]) == null ? void 0 : _a.call(slots)])];
- }
- });
- };
- const renderDisabledTab = () => {
- const {
- disabledCoupons
- } = props2;
- const count = props2.showCount ? ` (${disabledCoupons.length})` : "";
- const title = (props2.disabledTitle || t$9("disabled")) + count;
- return vue.createVNode(Tab, {
- "title": title
- }, {
- default: () => {
- var _a;
- return [vue.createVNode("div", {
- "class": bem$O("list", {
- "with-bottom": props2.showCloseButton
- }),
- "style": {
- height: `${listHeight.value}px`
- }
- }, [disabledCoupons.map((coupon) => vue.createVNode(Coupon, {
- "disabled": true,
- "key": coupon.id,
- "coupon": coupon,
- "currency": props2.currency
- }, null)), !disabledCoupons.length && renderEmpty(), (_a = slots["disabled-list-footer"]) == null ? void 0 : _a.call(slots)])];
- }
- });
- };
- vue.watch(() => props2.code, (value) => {
- currentCode.value = value;
- });
- vue.watch(windowHeight, updateListHeight);
- vue.watch(currentCode, (value) => emit("update:code", value));
- vue.watch(() => props2.displayedCouponIndex, scrollToCoupon);
- vue.onMounted(() => {
- updateListHeight();
- scrollToCoupon(props2.displayedCouponIndex);
- });
- return () => vue.createVNode("div", {
- "ref": root,
- "class": bem$O()
- }, [renderExchangeBar(), vue.createVNode(Tabs, {
- "active": activeTab.value,
- "onUpdate:active": ($event) => activeTab.value = $event,
- "class": bem$O("tab")
- }, {
- default: () => [renderCouponTab(), renderDisabledTab()]
- }), vue.createVNode("div", {
- "class": bem$O("bottom")
- }, [slots["list-button"] ? slots["list-button"]() : vue.withDirectives(vue.createVNode(Button, {
- "round": true,
- "block": true,
- "type": "primary",
- "class": bem$O("close"),
- "text": props2.closeButtonText || t$9("close"),
- "onClick": () => emit("change", Array.isArray(props2.chosenCoupon) ? [] : -1)
- }, null), [[vue.vShow, props2.showCloseButton]])])]);
- }
- });
- const CouponList = withInstall(stdin_default$Y);
- const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
- const [name$O] = createNamespace("date-picker");
- const datePickerProps = extend({}, sharedProps, {
- columnsType: {
- type: Array,
- default: () => ["year", "month", "day"]
- },
- minDate: {
- type: Date,
- default: () => new Date(currentYear - 10, 0, 1),
- validator: isDate
- },
- maxDate: {
- type: Date,
- default: () => new Date(currentYear + 10, 11, 31),
- validator: isDate
- }
- });
- var stdin_default$X = vue.defineComponent({
- name: name$O,
- props: datePickerProps,
- emits: ["confirm", "cancel", "change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const currentValues = vue.ref(props2.modelValue);
- const updatedByExternalSources = vue.ref(false);
- const pickerRef = vue.ref();
- const computedValues = vue.computed(() => updatedByExternalSources.value ? props2.modelValue : currentValues.value);
- const isMinYear = (year) => year === props2.minDate.getFullYear();
- const isMaxYear = (year) => year === props2.maxDate.getFullYear();
- const isMinMonth = (month) => month === props2.minDate.getMonth() + 1;
- const isMaxMonth = (month) => month === props2.maxDate.getMonth() + 1;
- const getValue2 = (type) => {
- const {
- minDate,
- columnsType
- } = props2;
- const index = columnsType.indexOf(type);
- const value = computedValues.value[index];
- if (value) {
- return +value;
- }
- switch (type) {
- case "year":
- return minDate.getFullYear();
- case "month":
- return minDate.getMonth() + 1;
- case "day":
- return minDate.getDate();
- }
- };
- const genYearOptions = () => {
- const minYear = props2.minDate.getFullYear();
- const maxYear = props2.maxDate.getFullYear();
- return genOptions(minYear, maxYear, "year", props2.formatter, props2.filter, computedValues.value);
- };
- const genMonthOptions = () => {
- const year = getValue2("year");
- const minMonth = isMinYear(year) ? props2.minDate.getMonth() + 1 : 1;
- const maxMonth = isMaxYear(year) ? props2.maxDate.getMonth() + 1 : 12;
- return genOptions(minMonth, maxMonth, "month", props2.formatter, props2.filter, computedValues.value);
- };
- const genDayOptions = () => {
- const year = getValue2("year");
- const month = getValue2("month");
- const minDate = isMinYear(year) && isMinMonth(month) ? props2.minDate.getDate() : 1;
- const maxDate = isMaxYear(year) && isMaxMonth(month) ? props2.maxDate.getDate() : getMonthEndDay(year, month);
- return genOptions(minDate, maxDate, "day", props2.formatter, props2.filter, computedValues.value);
- };
- const confirm = () => {
- var _a;
- return (_a = pickerRef.value) == null ? void 0 : _a.confirm();
- };
- const getSelectedDate = () => currentValues.value;
- const columns = vue.computed(() => props2.columnsType.map((type) => {
- switch (type) {
- case "year":
- return genYearOptions();
- case "month":
- return genMonthOptions();
- case "day":
- return genDayOptions();
- default:
- return [];
- }
- }));
- vue.watch(currentValues, (newValues) => {
- if (!isSameValue(newValues, props2.modelValue)) {
- emit("update:modelValue", newValues);
- }
- });
- vue.watch(() => props2.modelValue, (newValues, oldValues) => {
- updatedByExternalSources.value = isSameValue(oldValues, currentValues.value);
- newValues = formatValueRange(newValues, columns.value);
- if (!isSameValue(newValues, currentValues.value)) {
- currentValues.value = newValues;
- }
- updatedByExternalSources.value = false;
- }, {
- immediate: true
- });
- const onChange = (...args) => emit("change", ...args);
- const onCancel = (...args) => emit("cancel", ...args);
- const onConfirm = (...args) => emit("confirm", ...args);
- useExpose({
- confirm,
- getSelectedDate
- });
- return () => vue.createVNode(Picker, vue.mergeProps({
- "ref": pickerRef,
- "modelValue": currentValues.value,
- "onUpdate:modelValue": ($event) => currentValues.value = $event,
- "columns": columns.value,
- "onChange": onChange,
- "onCancel": onCancel,
- "onConfirm": onConfirm
- }, pick(props2, pickerInheritKeys)), slots);
- }
- });
- const DatePicker = withInstall(stdin_default$X);
- const [name$N, bem$N, t$8] = createNamespace("dialog");
- const dialogProps = extend({}, popupSharedProps, {
- title: String,
- theme: String,
- width: numericProp,
- message: [String, Function],
- callback: Function,
- allowHtml: Boolean,
- className: unknownProp,
- transition: makeStringProp("van-dialog-bounce"),
- messageAlign: String,
- closeOnPopstate: truthProp,
- showCancelButton: Boolean,
- cancelButtonText: String,
- cancelButtonColor: String,
- cancelButtonDisabled: Boolean,
- confirmButtonText: String,
- confirmButtonColor: String,
- confirmButtonDisabled: Boolean,
- showConfirmButton: truthProp,
- closeOnClickOverlay: Boolean,
- keyboardEnabled: truthProp
- });
- const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
- var stdin_default$W = vue.defineComponent({
- name: name$N,
- props: dialogProps,
- emits: ["confirm", "cancel", "keydown", "update:show"],
- setup(props2, {
- emit,
- slots
- }) {
- const root = vue.ref();
- const loading = vue.reactive({
- confirm: false,
- cancel: false
- });
- const updateShow = (value) => emit("update:show", value);
- const close = (action) => {
- var _a;
- updateShow(false);
- (_a = props2.callback) == null ? void 0 : _a.call(props2, action);
- };
- const getActionHandler = (action) => () => {
- if (!props2.show) {
- return;
- }
- emit(action);
- if (props2.beforeClose) {
- loading[action] = true;
- callInterceptor(props2.beforeClose, {
- args: [action],
- done() {
- close(action);
- loading[action] = false;
- },
- canceled() {
- loading[action] = false;
- }
- });
- } else {
- close(action);
- }
- };
- const onCancel = getActionHandler("cancel");
- const onConfirm = getActionHandler("confirm");
- const onKeydown = vue.withKeys((event) => {
- var _a, _b;
- if (!props2.keyboardEnabled) {
- return;
- }
- if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
- return;
- }
- const onEventType = {
- Enter: props2.showConfirmButton ? onConfirm : noop,
- Escape: props2.showCancelButton ? onCancel : noop
- };
- onEventType[event.key]();
- emit("keydown", event);
- }, ["enter", "esc"]);
- const renderTitle = () => {
- const title = slots.title ? slots.title() : props2.title;
- if (title) {
- return vue.createVNode("div", {
- "class": bem$N("header", {
- isolated: !props2.message && !slots.default
- })
- }, [title]);
- }
- };
- const renderMessage = (hasTitle) => {
- const {
- message,
- allowHtml,
- messageAlign
- } = props2;
- const classNames = bem$N("message", {
- "has-title": hasTitle,
- [messageAlign]: messageAlign
- });
- const content = isFunction(message) ? message() : message;
- if (allowHtml && typeof content === "string") {
- return vue.createVNode("div", {
- "class": classNames,
- "innerHTML": content
- }, null);
- }
- return vue.createVNode("div", {
- "class": classNames
- }, [content]);
- };
- const renderContent = () => {
- if (slots.default) {
- return vue.createVNode("div", {
- "class": bem$N("content")
- }, [slots.default()]);
- }
- const {
- title,
- message,
- allowHtml
- } = props2;
- if (message) {
- const hasTitle = !!(title || slots.title);
- return vue.createVNode("div", {
- "key": allowHtml ? 1 : 0,
- "class": bem$N("content", {
- isolated: !hasTitle
- })
- }, [renderMessage(hasTitle)]);
- }
- };
- const renderButtons = () => vue.createVNode("div", {
- "class": [BORDER_TOP, bem$N("footer")]
- }, [props2.showCancelButton && vue.createVNode(Button, {
- "size": "large",
- "text": props2.cancelButtonText || t$8("cancel"),
- "class": bem$N("cancel"),
- "style": {
- color: props2.cancelButtonColor
- },
- "loading": loading.cancel,
- "disabled": props2.cancelButtonDisabled,
- "onClick": onCancel
- }, null), props2.showConfirmButton && vue.createVNode(Button, {
- "size": "large",
- "text": props2.confirmButtonText || t$8("confirm"),
- "class": [bem$N("confirm"), {
- [BORDER_LEFT]: props2.showCancelButton
- }],
- "style": {
- color: props2.confirmButtonColor
- },
- "loading": loading.confirm,
- "disabled": props2.confirmButtonDisabled,
- "onClick": onConfirm
- }, null)]);
- const renderRoundButtons = () => vue.createVNode(ActionBar, {
- "class": bem$N("footer")
- }, {
- default: () => [props2.showCancelButton && vue.createVNode(ActionBarButton, {
- "type": "warning",
- "text": props2.cancelButtonText || t$8("cancel"),
- "class": bem$N("cancel"),
- "color": props2.cancelButtonColor,
- "loading": loading.cancel,
- "disabled": props2.cancelButtonDisabled,
- "onClick": onCancel
- }, null), props2.showConfirmButton && vue.createVNode(ActionBarButton, {
- "type": "danger",
- "text": props2.confirmButtonText || t$8("confirm"),
- "class": bem$N("confirm"),
- "color": props2.confirmButtonColor,
- "loading": loading.confirm,
- "disabled": props2.confirmButtonDisabled,
- "onClick": onConfirm
- }, null)]
- });
- const renderFooter = () => {
- if (slots.footer) {
- return slots.footer();
- }
- return props2.theme === "round-button" ? renderRoundButtons() : renderButtons();
- };
- return () => {
- const {
- width: width2,
- title,
- theme,
- message,
- className
- } = props2;
- return vue.createVNode(Popup, vue.mergeProps({
- "ref": root,
- "role": "dialog",
- "class": [bem$N([theme]), className],
- "style": {
- width: addUnit(width2)
- },
- "tabindex": 0,
- "aria-labelledby": title || message,
- "onKeydown": onKeydown,
- "onUpdate:show": updateShow
- }, pick(props2, popupInheritKeys$1)), {
- default: () => [renderTitle(), renderContent(), renderFooter()]
- });
- };
- }
- });
- let instance$2;
- const DEFAULT_OPTIONS$1 = {
- title: "",
- width: "",
- theme: null,
- message: "",
- overlay: true,
- callback: null,
- teleport: "body",
- className: "",
- allowHtml: false,
- lockScroll: true,
- transition: void 0,
- beforeClose: null,
- overlayClass: "",
- overlayStyle: void 0,
- messageAlign: "",
- cancelButtonText: "",
- cancelButtonColor: null,
- cancelButtonDisabled: false,
- confirmButtonText: "",
- confirmButtonColor: null,
- confirmButtonDisabled: false,
- showConfirmButton: true,
- showCancelButton: false,
- closeOnPopstate: true,
- closeOnClickOverlay: false
- };
- let currentOptions$1 = extend({}, DEFAULT_OPTIONS$1);
- function initInstance$2() {
- const Wrapper = {
- setup() {
- const {
- state,
- toggle
- } = usePopupState();
- return () => vue.createVNode(stdin_default$W, vue.mergeProps(state, {
- "onUpdate:show": toggle
- }), null);
- }
- };
- ({
- instance: instance$2
- } = mountComponent(Wrapper));
- }
- function showDialog(options) {
- if (!inBrowser$1) {
- return Promise.resolve(void 0);
- }
- return new Promise((resolve, reject) => {
- if (!instance$2) {
- initInstance$2();
- }
- instance$2.open(extend({}, currentOptions$1, options, {
- callback: (action) => {
- (action === "confirm" ? resolve : reject)(action);
- }
- }));
- });
- }
- const setDialogDefaultOptions = (options) => {
- extend(currentOptions$1, options);
- };
- const resetDialogDefaultOptions = () => {
- currentOptions$1 = extend({}, DEFAULT_OPTIONS$1);
- };
- const showConfirmDialog = (options) => showDialog(extend({
- showCancelButton: true
- }, options));
- const closeDialog = () => {
- if (instance$2) {
- instance$2.toggle(false);
- }
- };
- const Dialog = withInstall(stdin_default$W);
- const [name$M, bem$M] = createNamespace("divider");
- const dividerProps = {
- dashed: Boolean,
- hairline: truthProp,
- vertical: Boolean,
- contentPosition: makeStringProp("center")
- };
- var stdin_default$V = vue.defineComponent({
- name: name$M,
- props: dividerProps,
- setup(props2, {
- slots
- }) {
- return () => {
- var _a;
- return vue.createVNode("div", {
- "role": "separator",
- "class": bem$M({
- dashed: props2.dashed,
- hairline: props2.hairline,
- vertical: props2.vertical,
- [`content-${props2.contentPosition}`]: !!slots.default && !props2.vertical
- })
- }, [!props2.vertical && ((_a = slots.default) == null ? void 0 : _a.call(slots))]);
- };
- }
- });
- const Divider = withInstall(stdin_default$V);
- const [name$L, bem$L] = createNamespace("dropdown-menu");
- const dropdownMenuProps = {
- overlay: truthProp,
- zIndex: numericProp,
- duration: makeNumericProp(0.2),
- direction: makeStringProp("down"),
- activeColor: String,
- autoLocate: Boolean,
- closeOnClickOutside: truthProp,
- closeOnClickOverlay: truthProp,
- swipeThreshold: numericProp
- };
- const DROPDOWN_KEY = Symbol(name$L);
- var stdin_default$U = vue.defineComponent({
- name: name$L,
- props: dropdownMenuProps,
- setup(props2, {
- slots
- }) {
- const id = useId();
- const root = vue.ref();
- const barRef = vue.ref();
- const offset2 = vue.ref(0);
- const {
- children,
- linkChildren
- } = useChildren(DROPDOWN_KEY);
- const scrollParent = useScrollParent(root);
- const opened = vue.computed(() => children.some((item) => item.state.showWrapper));
- const scrollable = vue.computed(() => props2.swipeThreshold && children.length > +props2.swipeThreshold);
- const barStyle = vue.computed(() => {
- if (opened.value && isDef(props2.zIndex)) {
- return {
- zIndex: +props2.zIndex + 1
- };
- }
- });
- const close = () => {
- children.forEach((item) => {
- item.toggle(false);
- });
- };
- const onClickAway = () => {
- if (props2.closeOnClickOutside) {
- close();
- }
- };
- const updateOffset = () => {
- if (barRef.value) {
- const rect = useRect(barRef);
- if (props2.direction === "down") {
- offset2.value = rect.bottom;
- } else {
- offset2.value = windowHeight.value - rect.top;
- }
- }
- };
- const onScroll = () => {
- if (opened.value) {
- updateOffset();
- }
- };
- const toggleItem = (active) => {
- children.forEach((item, index) => {
- if (index === active) {
- item.toggle();
- } else if (item.state.showPopup) {
- item.toggle(false, {
- immediate: true
- });
- }
- });
- };
- const renderTitle = (item, index) => {
- const {
- showPopup
- } = item.state;
- const {
- disabled,
- titleClass
- } = item;
- return vue.createVNode("div", {
- "id": `${id}-${index}`,
- "role": "button",
- "tabindex": disabled ? void 0 : 0,
- "data-allow-mismatch": "attribute",
- "class": [bem$L("item", {
- disabled,
- grow: scrollable.value
- }), {
- [HAPTICS_FEEDBACK]: !disabled
- }],
- "onClick": () => {
- if (!disabled) {
- toggleItem(index);
- }
- }
- }, [vue.createVNode("span", {
- "class": [bem$L("title", {
- down: showPopup === (props2.direction === "down"),
- active: showPopup
- }), titleClass],
- "style": {
- color: showPopup ? props2.activeColor : ""
- }
- }, [vue.createVNode("div", {
- "class": "van-ellipsis"
- }, [item.renderTitle()])])]);
- };
- useExpose({
- close
- });
- linkChildren({
- id,
- props: props2,
- offset: offset2,
- updateOffset
- });
- useClickAway(root, onClickAway);
- useEventListener("scroll", onScroll, {
- target: scrollParent,
- passive: true
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "ref": root,
- "class": bem$L()
- }, [vue.createVNode("div", {
- "ref": barRef,
- "style": barStyle.value,
- "class": bem$L("bar", {
- opened: opened.value,
- scrollable: scrollable.value
- })
- }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const [name$K, bem$K] = createNamespace("dropdown-item");
- const dropdownItemProps = {
- title: String,
- options: makeArrayProp(),
- disabled: Boolean,
- teleport: [String, Object],
- lazyRender: truthProp,
- modelValue: unknownProp,
- titleClass: unknownProp
- };
- var stdin_default$T = vue.defineComponent({
- name: name$K,
- inheritAttrs: false,
- props: dropdownItemProps,
- emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
- setup(props2, {
- emit,
- slots,
- attrs
- }) {
- const state = vue.reactive({
- showPopup: false,
- transition: true,
- showWrapper: false
- });
- const wrapperRef = vue.ref();
- const {
- parent,
- index
- } = useParent(DROPDOWN_KEY);
- if (!parent) {
- return;
- }
- const getEmitter = (name2) => () => emit(name2);
- const onOpen = getEmitter("open");
- const onClose = getEmitter("close");
- const onOpened = getEmitter("opened");
- const onClosed = () => {
- state.showWrapper = false;
- emit("closed");
- };
- const onClickWrapper = (event) => {
- if (props2.teleport) {
- event.stopPropagation();
- }
- };
- const toggle = (show = !state.showPopup, options = {}) => {
- if (show === state.showPopup) {
- return;
- }
- state.showPopup = show;
- state.transition = !options.immediate;
- if (show) {
- parent.updateOffset();
- state.showWrapper = true;
- }
- };
- const renderTitle = () => {
- if (slots.title) {
- return slots.title();
- }
- if (props2.title) {
- return props2.title;
- }
- const match = props2.options.find((option) => option.value === props2.modelValue);
- return match ? match.text : "";
- };
- const renderOption = (option) => {
- const {
- activeColor
- } = parent.props;
- const {
- disabled
- } = option;
- const active = option.value === props2.modelValue;
- const onClick = () => {
- if (disabled) {
- return;
- }
- state.showPopup = false;
- if (option.value !== props2.modelValue) {
- emit("update:modelValue", option.value);
- emit("change", option.value);
- }
- };
- const renderIcon = () => {
- if (active) {
- return vue.createVNode(Icon, {
- "class": bem$K("icon"),
- "color": disabled ? void 0 : activeColor,
- "name": "success"
- }, null);
- }
- };
- return vue.createVNode(Cell, {
- "role": "menuitem",
- "key": String(option.value),
- "icon": option.icon,
- "title": option.text,
- "class": bem$K("option", {
- active,
- disabled
- }),
- "style": {
- color: active ? activeColor : ""
- },
- "tabindex": active ? 0 : -1,
- "clickable": !disabled,
- "onClick": onClick
- }, {
- value: renderIcon
- });
- };
- const renderContent = () => {
- const {
- offset: offset2
- } = parent;
- const {
- autoLocate,
- zIndex,
- overlay,
- duration,
- direction,
- closeOnClickOverlay
- } = parent.props;
- const style = getZIndexStyle(zIndex);
- let offsetValue = offset2.value;
- if (autoLocate && wrapperRef.value) {
- const offsetParent = getContainingBlock$1(wrapperRef.value);
- if (offsetParent) {
- offsetValue -= useRect(offsetParent).top;
- }
- }
- if (direction === "down") {
- style.top = `${offsetValue}px`;
- } else {
- style.bottom = `${offsetValue}px`;
- }
- return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
- "ref": wrapperRef,
- "style": style,
- "class": bem$K([direction]),
- "onClick": onClickWrapper
- }, attrs), [vue.createVNode(Popup, {
- "show": state.showPopup,
- "onUpdate:show": ($event) => state.showPopup = $event,
- "role": "menu",
- "class": bem$K("content"),
- "overlay": overlay,
- "position": direction === "down" ? "top" : "bottom",
- "duration": state.transition ? duration : 0,
- "lazyRender": props2.lazyRender,
- "overlayStyle": {
- position: "absolute"
- },
- "aria-labelledby": `${parent.id}-${index.value}`,
- "data-allow-mismatch": "attribute",
- "closeOnClickOverlay": closeOnClickOverlay,
- "onOpen": onOpen,
- "onClose": onClose,
- "onOpened": onOpened,
- "onClosed": onClosed
- }, {
- default: () => {
- var _a;
- return [props2.options.map(renderOption), (_a = slots.default) == null ? void 0 : _a.call(slots)];
- }
- })]), [[vue.vShow, state.showWrapper]]);
- };
- useExpose({
- state,
- toggle,
- renderTitle
- });
- return () => {
- if (props2.teleport) {
- return vue.createVNode(vue.Teleport, {
- "to": props2.teleport
- }, {
- default: () => [renderContent()]
- });
- }
- return renderContent();
- };
- }
- });
- const DropdownItem = withInstall(stdin_default$T);
- const DropdownMenu = withInstall(stdin_default$U);
- const floatingBubbleProps = {
- gap: makeNumberProp(24),
- icon: String,
- axis: makeStringProp("y"),
- magnetic: String,
- offset: {
- type: Object,
- default: () => ({
- x: -1,
- y: -1
- })
- },
- teleport: {
- type: [String, Object],
- default: "body"
- }
- };
- const [name$J, bem$J] = createNamespace("floating-bubble");
- var stdin_default$S = vue.defineComponent({
- name: name$J,
- inheritAttrs: false,
- props: floatingBubbleProps,
- emits: ["click", "update:offset", "offsetChange"],
- setup(props2, {
- slots,
- emit,
- attrs
- }) {
- const rootRef = vue.ref();
- const state = vue.ref({
- x: 0,
- y: 0,
- width: 0,
- height: 0
- });
- const boundary = vue.computed(() => ({
- top: props2.gap,
- right: windowWidth.value - state.value.width - props2.gap,
- bottom: windowHeight.value - state.value.height - props2.gap,
- left: props2.gap
- }));
- const dragging = vue.ref(false);
- let initialized = false;
- const rootStyle = vue.computed(() => {
- const style = {};
- const x = addUnit(state.value.x);
- const y = addUnit(state.value.y);
- style.transform = `translate3d(${x}, ${y}, 0)`;
- if (dragging.value || !initialized) {
- style.transition = "none";
- }
- return style;
- });
- const updateState = () => {
- if (!show.value) return;
- const {
- width: width2,
- height: height2
- } = useRect(rootRef.value);
- const {
- offset: offset2
- } = props2;
- state.value = {
- x: offset2.x > -1 ? offset2.x : windowWidth.value - width2 - props2.gap,
- y: offset2.y > -1 ? offset2.y : windowHeight.value - height2 - props2.gap,
- width: width2,
- height: height2
- };
- };
- const touch = useTouch();
- let prevX = 0;
- let prevY = 0;
- const onTouchStart = (e) => {
- touch.start(e);
- dragging.value = true;
- prevX = state.value.x;
- prevY = state.value.y;
- };
- const onTouchMove = (e) => {
- e.preventDefault();
- touch.move(e);
- if (props2.axis === "lock") return;
- if (!touch.isTap.value) {
- if (props2.axis === "x" || props2.axis === "xy") {
- let nextX = prevX + touch.deltaX.value;
- if (nextX < boundary.value.left) nextX = boundary.value.left;
- if (nextX > boundary.value.right) nextX = boundary.value.right;
- state.value.x = nextX;
- }
- if (props2.axis === "y" || props2.axis === "xy") {
- let nextY = prevY + touch.deltaY.value;
- if (nextY < boundary.value.top) nextY = boundary.value.top;
- if (nextY > boundary.value.bottom) nextY = boundary.value.bottom;
- state.value.y = nextY;
- }
- const offset2 = pick(state.value, ["x", "y"]);
- emit("update:offset", offset2);
- }
- };
- useEventListener("touchmove", onTouchMove, {
- target: rootRef
- });
- const onTouchEnd = () => {
- dragging.value = false;
- vue.nextTick(() => {
- if (props2.magnetic === "x") {
- const nextX = closest([boundary.value.left, boundary.value.right], state.value.x);
- state.value.x = nextX;
- }
- if (props2.magnetic === "y") {
- const nextY = closest([boundary.value.top, boundary.value.bottom], state.value.y);
- state.value.y = nextY;
- }
- if (!touch.isTap.value) {
- const offset2 = pick(state.value, ["x", "y"]);
- emit("update:offset", offset2);
- if (prevX !== offset2.x || prevY !== offset2.y) {
- emit("offsetChange", offset2);
- }
- }
- });
- };
- const onClick = (e) => {
- if (touch.isTap.value) emit("click", e);
- else e.stopPropagation();
- };
- vue.onMounted(() => {
- updateState();
- vue.nextTick(() => {
- initialized = true;
- });
- });
- vue.watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState, {
- deep: true
- });
- const show = vue.ref(true);
- vue.onActivated(() => {
- show.value = true;
- });
- vue.onDeactivated(() => {
- if (props2.teleport) {
- show.value = false;
- }
- });
- return () => {
- const Content = vue.withDirectives(vue.createVNode("div", vue.mergeProps({
- "class": bem$J(),
- "ref": rootRef,
- "onTouchstartPassive": onTouchStart,
- "onTouchend": onTouchEnd,
- "onTouchcancel": onTouchEnd,
- "onClickCapture": onClick,
- "style": rootStyle.value
- }, attrs), [slots.default ? slots.default() : vue.createVNode(stdin_default$1Q, {
- "name": props2.icon,
- "class": bem$J("icon")
- }, null)]), [[vue.vShow, show.value]]);
- return props2.teleport ? vue.createVNode(vue.Teleport, {
- "to": props2.teleport
- }, {
- default: () => [Content]
- }) : Content;
- };
- }
- });
- const FloatingBubble = withInstall(stdin_default$S);
- const floatingPanelProps = {
- height: makeNumericProp(0),
- anchors: makeArrayProp(),
- duration: makeNumericProp(0.3),
- contentDraggable: truthProp,
- lockScroll: Boolean,
- safeAreaInsetBottom: truthProp
- };
- const [name$I, bem$I] = createNamespace("floating-panel");
- var stdin_default$R = vue.defineComponent({
- name: name$I,
- props: floatingPanelProps,
- emits: ["heightChange", "update:height"],
- setup(props2, {
- emit,
- slots
- }) {
- const DAMP = 0.2;
- const rootRef = vue.ref();
- const contentRef = vue.ref();
- const height2 = useSyncPropRef(() => +props2.height, (value) => emit("update:height", value));
- const boundary = vue.computed(() => {
- var _a, _b;
- return {
- min: (_a = props2.anchors[0]) != null ? _a : 100,
- max: (_b = props2.anchors[props2.anchors.length - 1]) != null ? _b : Math.round(windowHeight.value * 0.6)
- };
- });
- const anchors = vue.computed(() => props2.anchors.length >= 2 ? props2.anchors : [boundary.value.min, boundary.value.max]);
- const dragging = vue.ref(false);
- const rootStyle = vue.computed(() => ({
- height: addUnit(boundary.value.max),
- transform: `translateY(calc(100% + ${addUnit(-height2.value)}))`,
- transition: !dragging.value ? `transform ${props2.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
- }));
- const ease = (moveY) => {
- const absDistance = Math.abs(moveY);
- const {
- min,
- max
- } = boundary.value;
- if (absDistance > max) {
- return -(max + (absDistance - max) * DAMP);
- }
- if (absDistance < min) {
- return -(min - (min - absDistance) * DAMP);
- }
- return moveY;
- };
- let startY;
- let maxScroll = -1;
- const touch = useTouch();
- const onTouchstart = (e) => {
- touch.start(e);
- dragging.value = true;
- startY = -height2.value;
- maxScroll = -1;
- };
- const onTouchmove = (e) => {
- var _a;
- touch.move(e);
- const target = e.target;
- if (contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target))) {
- const {
- scrollTop
- } = contentRef.value;
- maxScroll = Math.max(maxScroll, scrollTop);
- if (!props2.contentDraggable) return;
- if (-startY < boundary.value.max) {
- preventDefault(e, true);
- } else if (!(scrollTop <= 0 && touch.deltaY.value > 0) || maxScroll > 0) {
- return;
- }
- }
- const moveY = touch.deltaY.value + startY;
- height2.value = -ease(moveY);
- };
- const onTouchend = () => {
- maxScroll = -1;
- dragging.value = false;
- height2.value = closest(anchors.value, height2.value);
- if (height2.value !== -startY) {
- emit("heightChange", {
- height: height2.value
- });
- }
- };
- vue.watch(boundary, () => {
- height2.value = closest(anchors.value, height2.value);
- }, {
- immediate: true
- });
- useLockScroll(rootRef, () => props2.lockScroll || dragging.value);
- useEventListener("touchmove", onTouchmove, {
- target: rootRef
- });
- const renderHeader = () => {
- if (slots.header) {
- return slots.header();
- }
- return vue.createVNode("div", {
- "class": bem$I("header")
- }, [vue.createVNode("div", {
- "class": bem$I("header-bar")
- }, null)]);
- };
- return () => {
- var _a;
- return vue.createVNode("div", {
- "class": [bem$I(), {
- "van-safe-area-bottom": props2.safeAreaInsetBottom
- }],
- "ref": rootRef,
- "style": rootStyle.value,
- "onTouchstartPassive": onTouchstart,
- "onTouchend": onTouchend,
- "onTouchcancel": onTouchend
- }, [renderHeader(), vue.createVNode("div", {
- "class": bem$I("content"),
- "ref": contentRef
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
- };
- }
- });
- const FloatingPanel = withInstall(stdin_default$R);
- const [name$H, bem$H] = createNamespace("grid");
- const gridProps = {
- square: Boolean,
- center: truthProp,
- border: truthProp,
- gutter: numericProp,
- reverse: Boolean,
- iconSize: numericProp,
- direction: String,
- clickable: Boolean,
- columnNum: makeNumericProp(4)
- };
- const GRID_KEY = Symbol(name$H);
- var stdin_default$Q = vue.defineComponent({
- name: name$H,
- props: gridProps,
- setup(props2, {
- slots
- }) {
- const {
- linkChildren
- } = useChildren(GRID_KEY);
- linkChildren({
- props: props2
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "style": {
- paddingLeft: addUnit(props2.gutter)
- },
- "class": [bem$H(), {
- [BORDER_TOP]: props2.border && !props2.gutter
- }]
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const Grid = withInstall(stdin_default$Q);
- const [name$G, bem$G] = createNamespace("grid-item");
- const gridItemProps = extend({}, routeProps, {
- dot: Boolean,
- text: String,
- icon: String,
- badge: numericProp,
- iconColor: String,
- iconPrefix: String,
- badgeProps: Object
- });
- var stdin_default$P = vue.defineComponent({
- name: name$G,
- props: gridItemProps,
- setup(props2, {
- slots
- }) {
- const {
- parent,
- index
- } = useParent(GRID_KEY);
- const route2 = useRoute();
- if (!parent) {
- return;
- }
- const rootStyle = vue.computed(() => {
- const {
- square,
- gutter,
- columnNum
- } = parent.props;
- const percent = `${100 / +columnNum}%`;
- const style = {
- flexBasis: percent
- };
- if (square) {
- style.paddingTop = percent;
- } else if (gutter) {
- const gutterValue = addUnit(gutter);
- style.paddingRight = gutterValue;
- if (index.value >= +columnNum) {
- style.marginTop = gutterValue;
- }
- }
- return style;
- });
- const contentStyle = vue.computed(() => {
- const {
- square,
- gutter
- } = parent.props;
- if (square && gutter) {
- const gutterValue = addUnit(gutter);
- return {
- right: gutterValue,
- bottom: gutterValue,
- height: "auto"
- };
- }
- });
- const renderIcon = () => {
- if (slots.icon) {
- return vue.createVNode(Badge, vue.mergeProps({
- "dot": props2.dot,
- "content": props2.badge
- }, props2.badgeProps), {
- default: slots.icon
- });
- }
- if (props2.icon) {
- return vue.createVNode(Icon, {
- "dot": props2.dot,
- "name": props2.icon,
- "size": parent.props.iconSize,
- "badge": props2.badge,
- "class": bem$G("icon"),
- "color": props2.iconColor,
- "badgeProps": props2.badgeProps,
- "classPrefix": props2.iconPrefix
- }, null);
- }
- };
- const renderText = () => {
- if (slots.text) {
- return slots.text();
- }
- if (props2.text) {
- return vue.createVNode("span", {
- "class": bem$G("text")
- }, [props2.text]);
- }
- };
- const renderContent = () => {
- if (slots.default) {
- return slots.default();
- }
- return [renderIcon(), renderText()];
- };
- return () => {
- const {
- center,
- border,
- square,
- gutter,
- reverse,
- direction,
- clickable
- } = parent.props;
- const classes = [bem$G("content", [direction, {
- center,
- square,
- reverse,
- clickable,
- surround: border && gutter
- }]), {
- [BORDER]: border
- }];
- return vue.createVNode("div", {
- "class": [bem$G({
- square
- })],
- "style": rootStyle.value
- }, [vue.createVNode("div", {
- "role": clickable ? "button" : void 0,
- "class": classes,
- "style": contentStyle.value,
- "tabindex": clickable ? 0 : void 0,
- "onClick": route2
- }, [renderContent()])]);
- };
- }
- });
- const GridItem = withInstall(stdin_default$P);
- const [name$F, bem$F] = createNamespace("highlight");
- const highlightProps = {
- autoEscape: truthProp,
- caseSensitive: Boolean,
- highlightClass: String,
- highlightTag: makeStringProp("span"),
- keywords: makeRequiredProp([String, Array]),
- sourceString: makeStringProp(""),
- tag: makeStringProp("div"),
- unhighlightClass: String,
- unhighlightTag: makeStringProp("span")
- };
- var stdin_default$O = vue.defineComponent({
- name: name$F,
- props: highlightProps,
- setup(props2) {
- const highlightChunks = vue.computed(() => {
- const {
- autoEscape,
- caseSensitive,
- keywords,
- sourceString
- } = props2;
- const flags = caseSensitive ? "g" : "gi";
- const _keywords = Array.isArray(keywords) ? keywords : [keywords];
- let chunks = _keywords.filter((keyword) => keyword).reduce((chunks2, keyword) => {
- if (autoEscape) {
- keyword = keyword.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
- }
- const regex = new RegExp(keyword, flags);
- let match;
- while (match = regex.exec(sourceString)) {
- const start2 = match.index;
- const end2 = regex.lastIndex;
- if (start2 >= end2) {
- regex.lastIndex++;
- continue;
- }
- chunks2.push({
- start: start2,
- end: end2,
- highlight: true
- });
- }
- return chunks2;
- }, []);
- chunks = chunks.sort((a, b) => a.start - b.start).reduce((chunks2, currentChunk) => {
- const prevChunk = chunks2[chunks2.length - 1];
- if (!prevChunk || currentChunk.start > prevChunk.end) {
- const unhighlightStart = prevChunk ? prevChunk.end : 0;
- const unhighlightEnd = currentChunk.start;
- if (unhighlightStart !== unhighlightEnd) {
- chunks2.push({
- start: unhighlightStart,
- end: unhighlightEnd,
- highlight: false
- });
- }
- chunks2.push(currentChunk);
- } else {
- prevChunk.end = Math.max(prevChunk.end, currentChunk.end);
- }
- return chunks2;
- }, []);
- const lastChunk = chunks[chunks.length - 1];
- if (!lastChunk) {
- chunks.push({
- start: 0,
- end: sourceString.length,
- highlight: false
- });
- }
- if (lastChunk && lastChunk.end < sourceString.length) {
- chunks.push({
- start: lastChunk.end,
- end: sourceString.length,
- highlight: false
- });
- }
- return chunks;
- });
- const renderContent = () => {
- const {
- sourceString,
- highlightClass,
- unhighlightClass,
- highlightTag,
- unhighlightTag
- } = props2;
- return highlightChunks.value.map((chunk) => {
- const {
- start: start2,
- end: end2,
- highlight
- } = chunk;
- const text = sourceString.slice(start2, end2);
- if (highlight) {
- return vue.createVNode(highlightTag, {
- "class": [bem$F("tag"), highlightClass]
- }, {
- default: () => [text]
- });
- }
- return vue.createVNode(unhighlightTag, {
- "class": unhighlightClass
- }, {
- default: () => [text]
- });
- });
- };
- return () => {
- const {
- tag
- } = props2;
- return vue.createVNode(tag, {
- "class": bem$F()
- }, {
- default: () => [renderContent()]
- });
- };
- }
- });
- const Highlight = withInstall(stdin_default$O);
- const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
- const getCenter = (touches) => ({
- x: (touches[0].clientX + touches[1].clientX) / 2,
- y: (touches[0].clientY + touches[1].clientY) / 2
- });
- const bem$E = createNamespace("image-preview")[1];
- const longImageRatio = 2.6;
- const imagePreviewItemProps = {
- src: String,
- show: Boolean,
- active: Number,
- minZoom: makeRequiredProp(numericProp),
- maxZoom: makeRequiredProp(numericProp),
- rootWidth: makeRequiredProp(Number),
- rootHeight: makeRequiredProp(Number),
- disableZoom: Boolean,
- doubleScale: Boolean,
- closeOnClickImage: Boolean,
- closeOnClickOverlay: Boolean,
- vertical: Boolean
- };
- var stdin_default$N = vue.defineComponent({
- props: imagePreviewItemProps,
- emits: ["scale", "close", "longPress"],
- setup(props2, {
- emit,
- slots
- }) {
- const state = vue.reactive({
- scale: 1,
- moveX: 0,
- moveY: 0,
- moving: false,
- zooming: false,
- initializing: false,
- imageRatio: 0
- });
- const touch = useTouch();
- const imageRef = vue.ref();
- const swipeItem = vue.ref();
- const vertical = vue.ref(false);
- const isLongImage = vue.ref(false);
- let initialMoveY = 0;
- const imageStyle = vue.computed(() => {
- const {
- scale,
- moveX,
- moveY,
- moving,
- zooming,
- initializing
- } = state;
- const style = {
- transitionDuration: zooming || moving || initializing ? "0s" : ".3s"
- };
- if (scale !== 1 || isLongImage.value) {
- style.transform = `matrix(${scale}, 0, 0, ${scale}, ${moveX}, ${moveY})`;
- }
- return style;
- });
- const maxMoveX = vue.computed(() => {
- if (state.imageRatio) {
- const {
- rootWidth,
- rootHeight
- } = props2;
- const displayWidth = vertical.value ? rootHeight / state.imageRatio : rootWidth;
- return Math.max(0, (state.scale * displayWidth - rootWidth) / 2);
- }
- return 0;
- });
- const maxMoveY = vue.computed(() => {
- if (state.imageRatio) {
- const {
- rootWidth,
- rootHeight
- } = props2;
- const displayHeight = vertical.value ? rootHeight : rootWidth * state.imageRatio;
- return Math.max(0, (state.scale * displayHeight - rootHeight) / 2);
- }
- return 0;
- });
- const setScale = (scale, center) => {
- var _a;
- scale = clamp(scale, +props2.minZoom, +props2.maxZoom + 1);
- if (scale !== state.scale) {
- const ratio = scale / state.scale;
- state.scale = scale;
- if (center) {
- const imageRect = useRect((_a = imageRef.value) == null ? void 0 : _a.$el);
- const origin = {
- x: imageRect.width * 0.5,
- y: imageRect.height * 0.5
- };
- const moveX = state.moveX - (center.x - imageRect.left - origin.x) * (ratio - 1);
- const moveY = state.moveY - (center.y - imageRect.top - origin.y) * (ratio - 1);
- state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
- state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
- } else {
- state.moveX = 0;
- state.moveY = isLongImage.value ? initialMoveY : 0;
- }
- emit("scale", {
- scale,
- index: props2.active
- });
- }
- };
- const resetScale = () => {
- setScale(1);
- };
- const toggleScale = () => {
- const scale = state.scale > 1 ? 1 : 2;
- setScale(scale, scale === 2 || isLongImage.value ? {
- x: touch.startX.value,
- y: touch.startY.value
- } : void 0);
- };
- let fingerNum;
- let startMoveX;
- let startMoveY;
- let startScale;
- let startDistance;
- let lastCenter;
- let doubleTapTimer;
- let touchStartTime;
- let isImageMoved = false;
- const onTouchStart = (event) => {
- const {
- touches
- } = event;
- fingerNum = touches.length;
- if (fingerNum === 2 && props2.disableZoom) {
- return;
- }
- const {
- offsetX
- } = touch;
- touch.start(event);
- startMoveX = state.moveX;
- startMoveY = state.moveY;
- touchStartTime = Date.now();
- isImageMoved = false;
- state.moving = fingerNum === 1 && (state.scale !== 1 || isLongImage.value);
- state.zooming = fingerNum === 2 && !offsetX.value;
- if (state.zooming) {
- startScale = state.scale;
- startDistance = getDistance(touches);
- }
- };
- const onTouchMove = (event) => {
- const {
- touches
- } = event;
- touch.move(event);
- if (state.moving) {
- const {
- deltaX,
- deltaY
- } = touch;
- const moveX = deltaX.value + startMoveX;
- const moveY = deltaY.value + startMoveY;
- if ((props2.vertical ? touch.isVertical() && Math.abs(moveY) > maxMoveY.value : touch.isHorizontal() && Math.abs(moveX) > maxMoveX.value) && !isImageMoved) {
- state.moving = false;
- return;
- }
- isImageMoved = true;
- preventDefault(event, true);
- state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
- state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
- }
- if (state.zooming) {
- preventDefault(event, true);
- if (touches.length === 2) {
- const distance = getDistance(touches);
- const scale = startScale * distance / startDistance;
- lastCenter = getCenter(touches);
- setScale(scale, lastCenter);
- }
- }
- };
- const checkClose = (event) => {
- var _a;
- const swipeItemEl = (_a = swipeItem.value) == null ? void 0 : _a.$el;
- if (!swipeItemEl) return;
- const imageEl = swipeItemEl.firstElementChild;
- const isClickOverlay = event.target === swipeItemEl;
- const isClickImage = imageEl == null ? void 0 : imageEl.contains(event.target);
- if (!props2.closeOnClickImage && isClickImage) return;
- if (!props2.closeOnClickOverlay && isClickOverlay) return;
- emit("close");
- };
- const checkTap = (event) => {
- if (fingerNum > 1) {
- return;
- }
- const deltaTime = Date.now() - touchStartTime;
- const TAP_TIME = 250;
- if (touch.isTap.value) {
- if (deltaTime < TAP_TIME) {
- if (props2.doubleScale) {
- if (doubleTapTimer) {
- clearTimeout(doubleTapTimer);
- doubleTapTimer = null;
- toggleScale();
- } else {
- doubleTapTimer = setTimeout(() => {
- checkClose(event);
- doubleTapTimer = null;
- }, TAP_TIME);
- }
- } else {
- checkClose(event);
- }
- } else if (deltaTime > LONG_PRESS_START_TIME) {
- emit("longPress");
- }
- }
- };
- const onTouchEnd = (event) => {
- let stopPropagation2 = false;
- if (state.moving || state.zooming) {
- stopPropagation2 = true;
- if (state.moving && startMoveX === state.moveX && startMoveY === state.moveY) {
- stopPropagation2 = false;
- }
- if (!event.touches.length) {
- if (state.zooming) {
- state.moveX = clamp(state.moveX, -maxMoveX.value, maxMoveX.value);
- state.moveY = clamp(state.moveY, -maxMoveY.value, maxMoveY.value);
- state.zooming = false;
- }
- state.moving = false;
- startMoveX = 0;
- startMoveY = 0;
- startScale = 1;
- if (state.scale < 1) {
- resetScale();
- }
- const maxZoom = +props2.maxZoom;
- if (state.scale > maxZoom) {
- setScale(maxZoom, lastCenter);
- }
- }
- }
- preventDefault(event, stopPropagation2);
- checkTap(event);
- touch.reset();
- };
- const resize = () => {
- const {
- rootWidth,
- rootHeight
- } = props2;
- const rootRatio = rootHeight / rootWidth;
- const {
- imageRatio
- } = state;
- vertical.value = state.imageRatio > rootRatio && imageRatio < longImageRatio;
- isLongImage.value = state.imageRatio > rootRatio && imageRatio >= longImageRatio;
- if (isLongImage.value) {
- initialMoveY = (imageRatio * rootWidth - rootHeight) / 2;
- state.moveY = initialMoveY;
- state.initializing = true;
- raf(() => {
- state.initializing = false;
- });
- }
- resetScale();
- };
- const onLoad = (event) => {
- const {
- naturalWidth,
- naturalHeight
- } = event.target;
- state.imageRatio = naturalHeight / naturalWidth;
- resize();
- };
- vue.watch(() => props2.active, resetScale);
- vue.watch(() => props2.show, (value) => {
- if (!value) {
- resetScale();
- }
- });
- vue.watch(() => [props2.rootWidth, props2.rootHeight], resize);
- useEventListener("touchmove", onTouchMove, {
- target: vue.computed(() => {
- var _a;
- return (_a = swipeItem.value) == null ? void 0 : _a.$el;
- })
- });
- useExpose({
- resetScale
- });
- return () => {
- const imageSlots = {
- loading: () => vue.createVNode(Loading, {
- "type": "spinner"
- }, null)
- };
- return vue.createVNode(SwipeItem, {
- "ref": swipeItem,
- "class": bem$E("swipe-item"),
- "onTouchstartPassive": onTouchStart,
- "onTouchend": onTouchEnd,
- "onTouchcancel": onTouchEnd
- }, {
- default: () => [slots.image ? vue.createVNode("div", {
- "class": bem$E("image-wrap")
- }, [slots.image({
- src: props2.src,
- onLoad,
- style: imageStyle.value
- })]) : vue.createVNode(Image$1, {
- "ref": imageRef,
- "src": props2.src,
- "fit": "contain",
- "class": bem$E("image", {
- vertical: vertical.value
- }),
- "style": imageStyle.value,
- "onLoad": onLoad
- }, imageSlots)]
- });
- };
- }
- });
- const [name$E, bem$D] = createNamespace("image-preview");
- const popupProps$1 = ["show", "teleport", "transition", "overlayStyle", "closeOnPopstate"];
- const imagePreviewProps = {
- show: Boolean,
- loop: truthProp,
- images: makeArrayProp(),
- minZoom: makeNumericProp(1 / 3),
- maxZoom: makeNumericProp(3),
- overlay: truthProp,
- vertical: Boolean,
- closeable: Boolean,
- showIndex: truthProp,
- className: unknownProp,
- closeIcon: makeStringProp("clear"),
- transition: String,
- beforeClose: Function,
- doubleScale: truthProp,
- overlayClass: unknownProp,
- overlayStyle: Object,
- swipeDuration: makeNumericProp(300),
- startPosition: makeNumericProp(0),
- showIndicators: Boolean,
- closeOnPopstate: truthProp,
- closeOnClickImage: truthProp,
- closeOnClickOverlay: truthProp,
- closeIconPosition: makeStringProp("top-right"),
- teleport: [String, Object]
- };
- var stdin_default$M = vue.defineComponent({
- name: name$E,
- props: imagePreviewProps,
- emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
- setup(props2, {
- emit,
- slots
- }) {
- const swipeRef = vue.ref();
- const activedPreviewItemRef = vue.ref();
- const state = vue.reactive({
- active: 0,
- rootWidth: 0,
- rootHeight: 0,
- disableZoom: false
- });
- const resize = () => {
- if (swipeRef.value) {
- const rect = useRect(swipeRef.value.$el);
- state.rootWidth = rect.width;
- state.rootHeight = rect.height;
- swipeRef.value.resize();
- }
- };
- const emitScale = (args) => emit("scale", args);
- const updateShow = (show) => emit("update:show", show);
- const emitClose = () => {
- callInterceptor(props2.beforeClose, {
- args: [state.active],
- done: () => updateShow(false)
- });
- };
- const setActive = (active) => {
- if (active !== state.active) {
- state.active = active;
- emit("change", active);
- }
- };
- const renderIndex = () => {
- if (props2.showIndex) {
- return vue.createVNode("div", {
- "class": bem$D("index")
- }, [slots.index ? slots.index({
- index: state.active
- }) : `${state.active + 1} / ${props2.images.length}`]);
- }
- };
- const renderCover = () => {
- if (slots.cover) {
- return vue.createVNode("div", {
- "class": bem$D("cover")
- }, [slots.cover()]);
- }
- };
- const onDragStart = () => {
- state.disableZoom = true;
- };
- const onDragEnd = () => {
- state.disableZoom = false;
- };
- const renderImages = () => vue.createVNode(Swipe, {
- "ref": swipeRef,
- "lazyRender": true,
- "loop": props2.loop,
- "class": bem$D("swipe"),
- "vertical": props2.vertical,
- "duration": props2.swipeDuration,
- "initialSwipe": props2.startPosition,
- "showIndicators": props2.showIndicators,
- "indicatorColor": "white",
- "onChange": setActive,
- "onDragEnd": onDragEnd,
- "onDragStart": onDragStart
- }, {
- default: () => [props2.images.map((image, index) => vue.createVNode(stdin_default$N, {
- "ref": (item) => {
- if (index === state.active) {
- activedPreviewItemRef.value = item;
- }
- },
- "src": image,
- "show": props2.show,
- "active": state.active,
- "maxZoom": props2.maxZoom,
- "minZoom": props2.minZoom,
- "rootWidth": state.rootWidth,
- "rootHeight": state.rootHeight,
- "disableZoom": state.disableZoom,
- "doubleScale": props2.doubleScale,
- "closeOnClickImage": props2.closeOnClickImage,
- "closeOnClickOverlay": props2.closeOnClickOverlay,
- "vertical": props2.vertical,
- "onScale": emitScale,
- "onClose": emitClose,
- "onLongPress": () => emit("longPress", {
- index
- })
- }, {
- image: slots.image
- }))]
- });
- const renderClose = () => {
- if (props2.closeable) {
- return vue.createVNode(Icon, {
- "role": "button",
- "name": props2.closeIcon,
- "class": [bem$D("close-icon", props2.closeIconPosition), HAPTICS_FEEDBACK],
- "onClick": emitClose
- }, null);
- }
- };
- const onClosed = () => emit("closed");
- const swipeTo = (index, options) => {
- var _a;
- return (_a = swipeRef.value) == null ? void 0 : _a.swipeTo(index, options);
- };
- useExpose({
- resetScale: () => {
- var _a;
- (_a = activedPreviewItemRef.value) == null ? void 0 : _a.resetScale();
- },
- swipeTo
- });
- vue.onMounted(resize);
- vue.watch([windowWidth, windowHeight], resize);
- vue.watch(() => props2.startPosition, (value) => setActive(+value));
- vue.watch(() => props2.show, (value) => {
- const {
- images,
- startPosition
- } = props2;
- if (value) {
- setActive(+startPosition);
- vue.nextTick(() => {
- resize();
- swipeTo(+startPosition, {
- immediate: true
- });
- });
- } else {
- emit("close", {
- index: state.active,
- url: images[state.active]
- });
- }
- });
- return () => vue.createVNode(Popup, vue.mergeProps({
- "class": [bem$D(), props2.className],
- "overlayClass": [bem$D("overlay"), props2.overlayClass],
- "onClosed": onClosed,
- "onUpdate:show": updateShow
- }, pick(props2, popupProps$1)), {
- default: () => [renderClose(), renderImages(), renderIndex(), renderCover()]
- });
- }
- });
- let instance$1;
- const defaultConfig = {
- loop: true,
- images: [],
- maxZoom: 3,
- minZoom: 1 / 3,
- onScale: void 0,
- onClose: void 0,
- onChange: void 0,
- vertical: false,
- teleport: "body",
- className: "",
- showIndex: true,
- closeable: false,
- closeIcon: "clear",
- transition: void 0,
- beforeClose: void 0,
- doubleScale: true,
- overlayStyle: void 0,
- overlayClass: void 0,
- startPosition: 0,
- swipeDuration: 300,
- showIndicators: false,
- closeOnPopstate: true,
- closeOnClickOverlay: true,
- closeIconPosition: "top-right"
- };
- function initInstance$1() {
- ({
- instance: instance$1
- } = mountComponent({
- setup() {
- const {
- state,
- toggle
- } = usePopupState();
- const onClosed = () => {
- state.images = [];
- };
- return () => vue.createVNode(stdin_default$M, vue.mergeProps(state, {
- "onClosed": onClosed,
- "onUpdate:show": toggle
- }), null);
- }
- }));
- }
- const showImagePreview = (options, startPosition = 0) => {
- if (!inBrowser$1) {
- return;
- }
- if (!instance$1) {
- initInstance$1();
- }
- options = Array.isArray(options) ? {
- images: options,
- startPosition
- } : options;
- instance$1.open(extend({}, defaultConfig, options));
- return instance$1;
- };
- const ImagePreview = withInstall(stdin_default$M);
- function genAlphabet() {
- const charCodeOfA = "A".charCodeAt(0);
- const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
- return indexList;
- }
- const [name$D, bem$C] = createNamespace("index-bar");
- const indexBarProps = {
- sticky: truthProp,
- zIndex: numericProp,
- teleport: [String, Object],
- highlightColor: String,
- stickyOffsetTop: makeNumberProp(0),
- indexList: {
- type: Array,
- default: genAlphabet
- }
- };
- const INDEX_BAR_KEY = Symbol(name$D);
- var stdin_default$L = vue.defineComponent({
- name: name$D,
- props: indexBarProps,
- emits: ["select", "change"],
- setup(props2, {
- emit,
- slots
- }) {
- const root = vue.ref();
- const sidebar = vue.ref();
- const activeAnchor = vue.ref("");
- const touch = useTouch();
- const scrollParent = useScrollParent(root);
- const {
- children,
- linkChildren
- } = useChildren(INDEX_BAR_KEY);
- let selectActiveIndex;
- linkChildren({
- props: props2
- });
- const sidebarStyle = vue.computed(() => {
- if (isDef(props2.zIndex)) {
- return {
- zIndex: +props2.zIndex + 1
- };
- }
- });
- const highlightStyle = vue.computed(() => {
- if (props2.highlightColor) {
- return {
- color: props2.highlightColor
- };
- }
- });
- const getActiveAnchor = (scrollTop, rects) => {
- for (let i = children.length - 1; i >= 0; i--) {
- const prevHeight = i > 0 ? rects[i - 1].height : 0;
- const reachTop = props2.sticky ? prevHeight + props2.stickyOffsetTop : 0;
- if (scrollTop + reachTop >= rects[i].top) {
- return i;
- }
- }
- return -1;
- };
- const getMatchAnchor = (index) => children.find((item) => String(item.index) === index);
- const onScroll = () => {
- if (isHidden(root)) {
- return;
- }
- const {
- sticky,
- indexList
- } = props2;
- const scrollTop = getScrollTop(scrollParent.value);
- const scrollParentRect = useRect(scrollParent);
- const rects = children.map((item) => item.getRect(scrollParent.value, scrollParentRect));
- let active = -1;
- if (selectActiveIndex) {
- const match = getMatchAnchor(selectActiveIndex);
- if (match) {
- const rect = match.getRect(scrollParent.value, scrollParentRect);
- if (props2.sticky && props2.stickyOffsetTop) {
- active = getActiveAnchor(rect.top - props2.stickyOffsetTop, rects);
- } else {
- active = getActiveAnchor(rect.top, rects);
- }
- }
- } else {
- active = getActiveAnchor(scrollTop, rects);
- }
- activeAnchor.value = indexList[active];
- if (sticky) {
- children.forEach((item, index) => {
- const {
- state,
- $el
- } = item;
- if (index === active || index === active - 1) {
- const rect = $el.getBoundingClientRect();
- state.left = rect.left;
- state.width = rect.width;
- } else {
- state.left = null;
- state.width = null;
- }
- if (index === active) {
- state.active = true;
- state.top = Math.max(props2.stickyOffsetTop, rects[index].top - scrollTop) + scrollParentRect.top;
- } else if (index === active - 1 && selectActiveIndex === "") {
- const activeItemTop = rects[active].top - scrollTop;
- state.active = activeItemTop > 0;
- state.top = activeItemTop + scrollParentRect.top - rects[index].height;
- } else {
- state.active = false;
- }
- });
- }
- selectActiveIndex = "";
- };
- const init = () => {
- vue.nextTick(onScroll);
- };
- useEventListener("scroll", onScroll, {
- target: scrollParent,
- passive: true
- });
- vue.onMounted(init);
- vue.watch(() => props2.indexList, init);
- vue.watch(activeAnchor, (value) => {
- if (value) {
- emit("change", value);
- }
- });
- const renderIndexes = () => props2.indexList.map((index) => {
- const active = index === activeAnchor.value;
- return vue.createVNode("span", {
- "class": bem$C("index", {
- active
- }),
- "style": active ? highlightStyle.value : void 0,
- "data-index": index
- }, [index]);
- });
- const scrollTo = (index) => {
- selectActiveIndex = String(index);
- const match = getMatchAnchor(selectActiveIndex);
- if (match) {
- const scrollTop = getScrollTop(scrollParent.value);
- const scrollParentRect = useRect(scrollParent);
- const {
- offsetHeight
- } = document.documentElement;
- match.$el.scrollIntoView();
- if (scrollTop === offsetHeight - scrollParentRect.height) {
- onScroll();
- return;
- }
- if (props2.sticky && props2.stickyOffsetTop) {
- if (getRootScrollTop() === offsetHeight - scrollParentRect.height) {
- setRootScrollTop(getRootScrollTop());
- } else {
- setRootScrollTop(getRootScrollTop() - props2.stickyOffsetTop);
- }
- }
- emit("select", match.index);
- }
- };
- const scrollToElement = (element) => {
- const {
- index
- } = element.dataset;
- if (index) {
- scrollTo(index);
- }
- };
- const onClickSidebar = (event) => {
- scrollToElement(event.target);
- };
- let touchActiveIndex;
- const onTouchMove = (event) => {
- touch.move(event);
- if (touch.isVertical()) {
- preventDefault(event);
- const {
- clientX,
- clientY
- } = event.touches[0];
- const target = document.elementFromPoint(clientX, clientY);
- if (target) {
- const {
- index
- } = target.dataset;
- if (index && touchActiveIndex !== index) {
- touchActiveIndex = index;
- scrollToElement(target);
- }
- }
- }
- };
- const renderSidebar = () => vue.createVNode("div", {
- "ref": sidebar,
- "class": bem$C("sidebar"),
- "style": sidebarStyle.value,
- "onClick": onClickSidebar,
- "onTouchstartPassive": touch.start
- }, [renderIndexes()]);
- useExpose({
- scrollTo
- });
- useEventListener("touchmove", onTouchMove, {
- target: sidebar
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "ref": root,
- "class": bem$C()
- }, [props2.teleport ? vue.createVNode(vue.Teleport, {
- "to": props2.teleport
- }, {
- default: () => [renderSidebar()]
- }) : renderSidebar(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const [name$C, bem$B] = createNamespace("index-anchor");
- const indexAnchorProps = {
- index: numericProp
- };
- var stdin_default$K = vue.defineComponent({
- name: name$C,
- props: indexAnchorProps,
- setup(props2, {
- slots
- }) {
- const state = vue.reactive({
- top: 0,
- left: null,
- rect: {
- top: 0,
- height: 0
- },
- width: null,
- active: false
- });
- const root = vue.ref();
- const {
- parent
- } = useParent(INDEX_BAR_KEY);
- if (!parent) {
- return;
- }
- const isSticky = () => state.active && parent.props.sticky;
- const anchorStyle = vue.computed(() => {
- const {
- zIndex,
- highlightColor
- } = parent.props;
- if (isSticky()) {
- return extend(getZIndexStyle(zIndex), {
- left: state.left ? `${state.left}px` : void 0,
- width: state.width ? `${state.width}px` : void 0,
- transform: state.top ? `translate3d(0, ${state.top}px, 0)` : void 0,
- color: highlightColor
- });
- }
- });
- const getRect = (scrollParent, scrollParentRect) => {
- const rootRect = useRect(root);
- state.rect.height = rootRect.height;
- if (scrollParent === window || scrollParent === document.body) {
- state.rect.top = rootRect.top + getRootScrollTop();
- } else {
- state.rect.top = rootRect.top + getScrollTop(scrollParent) - scrollParentRect.top;
- }
- return state.rect;
- };
- useExpose({
- state,
- getRect
- });
- return () => {
- const sticky = isSticky();
- return vue.createVNode("div", {
- "ref": root,
- "style": {
- height: sticky ? `${state.rect.height}px` : void 0
- }
- }, [vue.createVNode("div", {
- "style": anchorStyle.value,
- "class": [bem$B({
- sticky
- }), {
- [BORDER_BOTTOM]: sticky
- }]
- }, [slots.default ? slots.default() : props2.index])]);
- };
- }
- });
- const IndexAnchor = withInstall(stdin_default$K);
- const IndexBar = withInstall(stdin_default$L);
- const [name$B, bem$A, t$7] = createNamespace("list");
- const listProps = {
- error: Boolean,
- offset: makeNumericProp(300),
- loading: Boolean,
- disabled: Boolean,
- finished: Boolean,
- scroller: Object,
- errorText: String,
- direction: makeStringProp("down"),
- loadingText: String,
- finishedText: String,
- immediateCheck: truthProp
- };
- var stdin_default$J = vue.defineComponent({
- name: name$B,
- props: listProps,
- emits: ["load", "update:error", "update:loading"],
- setup(props2, {
- emit,
- slots
- }) {
- const loading = vue.ref(props2.loading);
- const root = vue.ref();
- const placeholder = vue.ref();
- const tabStatus = useTabStatus();
- const scrollParent = useScrollParent(root);
- const scroller = vue.computed(() => props2.scroller || scrollParent.value);
- const check = () => {
- vue.nextTick(() => {
- if (loading.value || props2.finished || props2.disabled || props2.error || // skip check when inside an inactive tab
- (tabStatus == null ? void 0 : tabStatus.value) === false) {
- return;
- }
- const {
- direction
- } = props2;
- const offset2 = +props2.offset;
- const scrollParentRect = useRect(scroller);
- if (!scrollParentRect.height || isHidden(root)) {
- return;
- }
- let isReachEdge = false;
- const placeholderRect = useRect(placeholder);
- if (direction === "up") {
- isReachEdge = scrollParentRect.top - placeholderRect.top <= offset2;
- } else {
- isReachEdge = placeholderRect.bottom - scrollParentRect.bottom <= offset2;
- }
- if (isReachEdge) {
- loading.value = true;
- emit("update:loading", true);
- emit("load");
- }
- });
- };
- const renderFinishedText = () => {
- if (props2.finished) {
- const text = slots.finished ? slots.finished() : props2.finishedText;
- if (text) {
- return vue.createVNode("div", {
- "class": bem$A("finished-text")
- }, [text]);
- }
- }
- };
- const clickErrorText = () => {
- emit("update:error", false);
- check();
- };
- const renderErrorText = () => {
- if (props2.error) {
- const text = slots.error ? slots.error() : props2.errorText;
- if (text) {
- return vue.createVNode("div", {
- "role": "button",
- "class": bem$A("error-text"),
- "tabindex": 0,
- "onClick": clickErrorText
- }, [text]);
- }
- }
- };
- const renderLoading = () => {
- if (loading.value && !props2.finished && !props2.disabled) {
- return vue.createVNode("div", {
- "class": bem$A("loading")
- }, [slots.loading ? slots.loading() : vue.createVNode(Loading, {
- "class": bem$A("loading-icon")
- }, {
- default: () => [props2.loadingText || t$7("loading")]
- })]);
- }
- };
- vue.watch(() => [props2.loading, props2.finished, props2.error], check);
- if (tabStatus) {
- vue.watch(tabStatus, (tabActive) => {
- if (tabActive) {
- check();
- }
- });
- }
- vue.onUpdated(() => {
- loading.value = props2.loading;
- });
- vue.onMounted(() => {
- if (props2.immediateCheck) {
- check();
- }
- });
- useExpose({
- check
- });
- useEventListener("scroll", check, {
- target: scroller,
- passive: true
- });
- return () => {
- var _a;
- const Content = (_a = slots.default) == null ? void 0 : _a.call(slots);
- const Placeholder = vue.createVNode("div", {
- "ref": placeholder,
- "class": bem$A("placeholder")
- }, null);
- return vue.createVNode("div", {
- "ref": root,
- "role": "feed",
- "class": bem$A(),
- "aria-busy": loading.value
- }, [props2.direction === "down" ? Content : Placeholder, renderLoading(), renderFinishedText(), renderErrorText(), props2.direction === "up" ? Content : Placeholder]);
- };
- }
- });
- const List = withInstall(stdin_default$J);
- const [name$A, bem$z] = createNamespace("nav-bar");
- const navBarProps = {
- title: String,
- fixed: Boolean,
- zIndex: numericProp,
- border: truthProp,
- leftText: String,
- rightText: String,
- leftDisabled: Boolean,
- rightDisabled: Boolean,
- leftArrow: Boolean,
- placeholder: Boolean,
- safeAreaInsetTop: Boolean,
- clickable: truthProp
- };
- var stdin_default$I = vue.defineComponent({
- name: name$A,
- props: navBarProps,
- emits: ["clickLeft", "clickRight"],
- setup(props2, {
- emit,
- slots
- }) {
- const navBarRef = vue.ref();
- const renderPlaceholder = usePlaceholder(navBarRef, bem$z);
- const onClickLeft = (event) => {
- if (!props2.leftDisabled) {
- emit("clickLeft", event);
- }
- };
- const onClickRight = (event) => {
- if (!props2.rightDisabled) {
- emit("clickRight", event);
- }
- };
- const renderLeft = () => {
- if (slots.left) {
- return slots.left();
- }
- return [props2.leftArrow && vue.createVNode(Icon, {
- "class": bem$z("arrow"),
- "name": "arrow-left"
- }, null), props2.leftText && vue.createVNode("span", {
- "class": bem$z("text")
- }, [props2.leftText])];
- };
- const renderRight = () => {
- if (slots.right) {
- return slots.right();
- }
- return vue.createVNode("span", {
- "class": bem$z("text")
- }, [props2.rightText]);
- };
- const renderNavBar = () => {
- const {
- title,
- fixed,
- border,
- zIndex
- } = props2;
- const style = getZIndexStyle(zIndex);
- const hasLeft = props2.leftArrow || props2.leftText || slots.left;
- const hasRight = props2.rightText || slots.right;
- return vue.createVNode("div", {
- "ref": navBarRef,
- "style": style,
- "class": [bem$z({
- fixed
- }), {
- [BORDER_BOTTOM]: border,
- "van-safe-area-top": props2.safeAreaInsetTop
- }]
- }, [vue.createVNode("div", {
- "class": bem$z("content")
- }, [hasLeft && vue.createVNode("div", {
- "class": [bem$z("left", {
- disabled: props2.leftDisabled
- }), props2.clickable && !props2.leftDisabled ? HAPTICS_FEEDBACK : ""],
- "onClick": onClickLeft
- }, [renderLeft()]), vue.createVNode("div", {
- "class": [bem$z("title"), "van-ellipsis"]
- }, [slots.title ? slots.title() : title]), hasRight && vue.createVNode("div", {
- "class": [bem$z("right", {
- disabled: props2.rightDisabled
- }), props2.clickable && !props2.rightDisabled ? HAPTICS_FEEDBACK : ""],
- "onClick": onClickRight
- }, [renderRight()])])]);
- };
- return () => {
- if (props2.fixed && props2.placeholder) {
- return renderPlaceholder(renderNavBar);
- }
- return renderNavBar();
- };
- }
- });
- const NavBar = withInstall(stdin_default$I);
- const [name$z, bem$y] = createNamespace("notice-bar");
- const noticeBarProps = {
- text: String,
- mode: String,
- color: String,
- delay: makeNumericProp(1),
- speed: makeNumericProp(60),
- leftIcon: String,
- wrapable: Boolean,
- background: String,
- scrollable: {
- type: Boolean,
- default: null
- }
- };
- var stdin_default$H = vue.defineComponent({
- name: name$z,
- props: noticeBarProps,
- emits: ["close", "replay"],
- setup(props2, {
- emit,
- slots
- }) {
- let wrapWidth = 0;
- let contentWidth = 0;
- let startTimer;
- const wrapRef = vue.ref();
- const contentRef = vue.ref();
- const state = vue.reactive({
- show: true,
- offset: 0,
- duration: 0
- });
- const renderLeftIcon = () => {
- if (slots["left-icon"]) {
- return slots["left-icon"]();
- }
- if (props2.leftIcon) {
- return vue.createVNode(Icon, {
- "class": bem$y("left-icon"),
- "name": props2.leftIcon
- }, null);
- }
- };
- const getRightIconName = () => {
- if (props2.mode === "closeable") {
- return "cross";
- }
- if (props2.mode === "link") {
- return "arrow";
- }
- };
- const onClickRightIcon = (event) => {
- if (props2.mode === "closeable") {
- state.show = false;
- emit("close", event);
- }
- };
- const renderRightIcon = () => {
- if (slots["right-icon"]) {
- return slots["right-icon"]();
- }
- const name2 = getRightIconName();
- if (name2) {
- return vue.createVNode(Icon, {
- "name": name2,
- "class": bem$y("right-icon"),
- "onClick": onClickRightIcon
- }, null);
- }
- };
- const onTransitionEnd = () => {
- state.offset = wrapWidth;
- state.duration = 0;
- raf(() => {
- doubleRaf(() => {
- state.offset = -contentWidth;
- state.duration = (contentWidth + wrapWidth) / +props2.speed;
- emit("replay");
- });
- });
- };
- const renderMarquee = () => {
- const ellipsis = props2.scrollable === false && !props2.wrapable;
- const style = {
- transform: state.offset ? `translateX(${state.offset}px)` : "",
- transitionDuration: `${state.duration}s`
- };
- return vue.createVNode("div", {
- "ref": wrapRef,
- "role": "marquee",
- "class": bem$y("wrap")
- }, [vue.createVNode("div", {
- "ref": contentRef,
- "style": style,
- "class": [bem$y("content"), {
- "van-ellipsis": ellipsis
- }],
- "onTransitionend": onTransitionEnd
- }, [slots.default ? slots.default() : props2.text])]);
- };
- const reset = () => {
- const {
- delay,
- speed,
- scrollable
- } = props2;
- const ms = isDef(delay) ? +delay * 1e3 : 0;
- wrapWidth = 0;
- contentWidth = 0;
- state.offset = 0;
- state.duration = 0;
- clearTimeout(startTimer);
- startTimer = setTimeout(() => {
- if (!wrapRef.value || !contentRef.value || scrollable === false) {
- return;
- }
- const wrapRefWidth = useRect(wrapRef).width;
- const contentRefWidth = useRect(contentRef).width;
- if (scrollable || contentRefWidth > wrapRefWidth) {
- doubleRaf(() => {
- wrapWidth = wrapRefWidth;
- contentWidth = contentRefWidth;
- state.offset = -contentWidth;
- state.duration = contentWidth / +speed;
- });
- }
- }, ms);
- };
- onPopupReopen(reset);
- onMountedOrActivated(reset);
- useEventListener("pageshow", reset);
- useExpose({
- reset
- });
- vue.watch(() => [props2.text, props2.scrollable], reset);
- return () => {
- const {
- color,
- wrapable,
- background
- } = props2;
- return vue.withDirectives(vue.createVNode("div", {
- "role": "alert",
- "class": bem$y({
- wrapable
- }),
- "style": {
- color,
- background
- }
- }, [renderLeftIcon(), renderMarquee(), renderRightIcon()]), [[vue.vShow, state.show]]);
- };
- }
- });
- const NoticeBar = withInstall(stdin_default$H);
- const [name$y, bem$x] = createNamespace("notify");
- const popupInheritProps = ["lockScroll", "position", "show", "teleport", "zIndex"];
- const notifyProps = extend({}, popupSharedProps, {
- type: makeStringProp("danger"),
- color: String,
- message: numericProp,
- position: makeStringProp("top"),
- className: unknownProp,
- background: String,
- lockScroll: Boolean
- });
- var stdin_default$G = vue.defineComponent({
- name: name$y,
- props: notifyProps,
- emits: ["update:show"],
- setup(props2, {
- emit,
- slots
- }) {
- const updateShow = (show) => emit("update:show", show);
- return () => vue.createVNode(Popup, vue.mergeProps({
- "class": [bem$x([props2.type]), props2.className],
- "style": {
- color: props2.color,
- background: props2.background
- },
- "overlay": false,
- "duration": 0.2,
- "onUpdate:show": updateShow
- }, pick(props2, popupInheritProps)), {
- default: () => [slots.default ? slots.default() : props2.message]
- });
- }
- });
- let timer;
- let instance;
- const parseOptions = (message) => isObject$1(message) ? message : {
- message
- };
- function initInstance() {
- ({
- instance
- } = mountComponent({
- setup() {
- const {
- state,
- toggle
- } = usePopupState();
- return () => vue.createVNode(stdin_default$G, vue.mergeProps(state, {
- "onUpdate:show": toggle
- }), null);
- }
- }));
- }
- const getDefaultOptions = () => ({
- type: "danger",
- color: void 0,
- message: "",
- onClose: void 0,
- onClick: void 0,
- onOpened: void 0,
- duration: 3e3,
- position: void 0,
- className: "",
- lockScroll: false,
- background: void 0
- });
- let currentOptions = getDefaultOptions();
- const closeNotify = () => {
- if (instance) {
- instance.toggle(false);
- }
- };
- function showNotify(options) {
- if (!inBrowser$1) {
- return;
- }
- if (!instance) {
- initInstance();
- }
- options = extend({}, currentOptions, parseOptions(options));
- instance.open(options);
- clearTimeout(timer);
- if (options.duration > 0) {
- timer = setTimeout(closeNotify, options.duration);
- }
- return instance;
- }
- const setNotifyDefaultOptions = (options) => extend(currentOptions, options);
- const resetNotifyDefaultOptions = () => {
- currentOptions = getDefaultOptions();
- };
- const Notify = withInstall(stdin_default$G);
- const [name$x, bem$w] = createNamespace("key");
- const CollapseIcon = vue.createVNode("svg", {
- "class": bem$w("collapse-icon"),
- "viewBox": "0 0 30 24"
- }, [vue.createVNode("path", {
- "d": "M26 13h-2v2h2v-2zm-8-3h2V8h-2v2zm2-4h2V4h-2v2zm2 4h4V4h-2v4h-2v2zm-7 14 3-3h-6l3 3zM6 13H4v2h2v-2zm16 0H8v2h14v-2zm-12-3h2V8h-2v2zM28 0l1 1 1 1v15l-1 2H1l-1-2V2l1-1 1-1zm0 2H2v15h26V2zM6 4v2H4V4zm10 2h2V4h-2v2zM8 9v1H4V8zm8 0v1h-2V8zm-6-5v2H8V4zm4 0v2h-2V4z",
- "fill": "currentColor"
- }, null)]);
- const DeleteIcon = vue.createVNode("svg", {
- "class": bem$w("delete-icon"),
- "viewBox": "0 0 32 22"
- }, [vue.createVNode("path", {
- "d": "M28 0a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H10.4a2 2 0 0 1-1.4-.6L1 13.1c-.6-.5-.9-1.3-.9-2 0-1 .3-1.7.9-2.2L9 .6a2 2 0 0 1 1.4-.6zm0 2H10.4l-8.2 8.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7l8.2 8.4H28a2 2 0 0 0 2-2V4c0-1.1-.9-2-2-2zm-5 4a1 1 0 0 1 .7.3 1 1 0 0 1 0 1.4L20.4 11l3.3 3.3c.2.2.3.5.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3L19 12.4l-3.4 3.3a1 1 0 0 1-.6.3 1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.2.1-.5.3-.7l3.3-3.3-3.3-3.3A1 1 0 0 1 14 7c0-.3.1-.5.3-.7A1 1 0 0 1 15 6a1 1 0 0 1 .6.3L19 9.6l3.3-3.3A1 1 0 0 1 23 6z",
- "fill": "currentColor"
- }, null)]);
- var stdin_default$F = vue.defineComponent({
- name: name$x,
- props: {
- type: String,
- text: numericProp,
- color: String,
- wider: Boolean,
- large: Boolean,
- loading: Boolean
- },
- emits: ["press"],
- setup(props2, {
- emit,
- slots
- }) {
- const active = vue.ref(false);
- const touch = useTouch();
- const onTouchStart = (event) => {
- touch.start(event);
- active.value = true;
- };
- const onTouchMove = (event) => {
- touch.move(event);
- if (touch.direction.value) {
- active.value = false;
- }
- };
- const onTouchEnd = (event) => {
- if (active.value) {
- if (!slots.default) {
- preventDefault(event);
- }
- active.value = false;
- emit("press", props2.text, props2.type);
- }
- };
- const renderContent = () => {
- if (props2.loading) {
- return vue.createVNode(Loading, {
- "class": bem$w("loading-icon")
- }, null);
- }
- const text = slots.default ? slots.default() : props2.text;
- switch (props2.type) {
- case "delete":
- return text || DeleteIcon;
- case "extra":
- return text || CollapseIcon;
- default:
- return text;
- }
- };
- return () => vue.createVNode("div", {
- "class": bem$w("wrapper", {
- wider: props2.wider
- }),
- "onTouchstartPassive": onTouchStart,
- "onTouchmovePassive": onTouchMove,
- "onTouchend": onTouchEnd,
- "onTouchcancel": onTouchEnd
- }, [vue.createVNode("div", {
- "role": "button",
- "tabindex": 0,
- "class": bem$w([props2.color, {
- large: props2.large,
- active: active.value,
- delete: props2.type === "delete"
- }])
- }, [renderContent()])]);
- }
- });
- const [name$w, bem$v] = createNamespace("number-keyboard");
- const numberKeyboardProps = {
- show: Boolean,
- title: String,
- theme: makeStringProp("default"),
- zIndex: numericProp,
- teleport: [String, Object],
- maxlength: makeNumericProp(Infinity),
- modelValue: makeStringProp(""),
- transition: truthProp,
- blurOnClose: truthProp,
- showDeleteKey: truthProp,
- randomKeyOrder: Boolean,
- closeButtonText: String,
- deleteButtonText: String,
- closeButtonLoading: Boolean,
- hideOnClickOutside: truthProp,
- safeAreaInsetBottom: truthProp,
- extraKey: {
- type: [String, Array],
- default: ""
- }
- };
- function shuffle(array) {
- for (let i = array.length - 1; i > 0; i--) {
- const j = Math.floor(Math.random() * (i + 1));
- const temp = array[i];
- array[i] = array[j];
- array[j] = temp;
- }
- return array;
- }
- var stdin_default$E = vue.defineComponent({
- name: name$w,
- inheritAttrs: false,
- props: numberKeyboardProps,
- emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
- setup(props2, {
- emit,
- slots,
- attrs
- }) {
- const root = vue.ref();
- const genBasicKeys = () => {
- const keys2 = Array(9).fill("").map((_, i) => ({
- text: i + 1
- }));
- if (props2.randomKeyOrder) {
- shuffle(keys2);
- }
- return keys2;
- };
- const genDefaultKeys = () => [...genBasicKeys(), {
- text: props2.extraKey,
- type: "extra"
- }, {
- text: 0
- }, {
- text: props2.showDeleteKey ? props2.deleteButtonText : "",
- type: props2.showDeleteKey ? "delete" : ""
- }];
- const genCustomKeys = () => {
- const keys2 = genBasicKeys();
- const {
- extraKey
- } = props2;
- const extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
- if (extraKeys.length === 0) {
- keys2.push({
- text: 0,
- wider: true
- });
- } else if (extraKeys.length === 1) {
- keys2.push({
- text: 0,
- wider: true
- }, {
- text: extraKeys[0],
- type: "extra"
- });
- } else if (extraKeys.length === 2) {
- keys2.push({
- text: extraKeys[0],
- type: "extra"
- }, {
- text: 0
- }, {
- text: extraKeys[1],
- type: "extra"
- });
- }
- return keys2;
- };
- const keys = vue.computed(() => props2.theme === "custom" ? genCustomKeys() : genDefaultKeys());
- const onBlur = () => {
- if (props2.show) {
- emit("blur");
- }
- };
- const onClose = () => {
- emit("close");
- if (props2.blurOnClose) {
- onBlur();
- }
- };
- const onAnimationEnd = () => emit(props2.show ? "show" : "hide");
- const onPress = (text, type) => {
- if (text === "") {
- if (type === "extra") {
- onBlur();
- }
- return;
- }
- const value = props2.modelValue;
- if (type === "delete") {
- emit("delete");
- emit("update:modelValue", value.slice(0, value.length - 1));
- } else if (type === "close") {
- onClose();
- } else if (value.length < +props2.maxlength) {
- emit("input", text);
- emit("update:modelValue", value + text);
- }
- };
- const renderTitle = () => {
- const {
- title,
- theme,
- closeButtonText
- } = props2;
- const leftSlot = slots["title-left"];
- const showClose = closeButtonText && theme === "default";
- const showTitle = title || showClose || leftSlot;
- if (!showTitle) {
- return;
- }
- return vue.createVNode("div", {
- "class": bem$v("header")
- }, [leftSlot && vue.createVNode("span", {
- "class": bem$v("title-left")
- }, [leftSlot()]), title && vue.createVNode("h2", {
- "class": bem$v("title")
- }, [title]), showClose && vue.createVNode("button", {
- "type": "button",
- "class": [bem$v("close"), HAPTICS_FEEDBACK],
- "onClick": onClose
- }, [closeButtonText])]);
- };
- const renderKeys = () => keys.value.map((key) => {
- const keySlots = {};
- if (key.type === "delete") {
- keySlots.default = slots.delete;
- }
- if (key.type === "extra") {
- keySlots.default = slots["extra-key"];
- }
- return vue.createVNode(stdin_default$F, {
- "key": key.text,
- "text": key.text,
- "type": key.type,
- "wider": key.wider,
- "color": key.color,
- "onPress": onPress
- }, keySlots);
- });
- const renderSidebar = () => {
- if (props2.theme === "custom") {
- return vue.createVNode("div", {
- "class": bem$v("sidebar")
- }, [props2.showDeleteKey && vue.createVNode(stdin_default$F, {
- "large": true,
- "text": props2.deleteButtonText,
- "type": "delete",
- "onPress": onPress
- }, {
- default: slots.delete
- }), vue.createVNode(stdin_default$F, {
- "large": true,
- "text": props2.closeButtonText,
- "type": "close",
- "color": "blue",
- "loading": props2.closeButtonLoading,
- "onPress": onPress
- }, null)]);
- }
- };
- vue.watch(() => props2.show, (value) => {
- if (!props2.transition) {
- emit(value ? "show" : "hide");
- }
- });
- if (props2.hideOnClickOutside) {
- useClickAway(root, onBlur, {
- eventName: "touchstart"
- });
- }
- return () => {
- const Title = renderTitle();
- const Content = vue.createVNode(vue.Transition, {
- "name": props2.transition ? "van-slide-up" : ""
- }, {
- default: () => [vue.withDirectives(vue.createVNode("div", vue.mergeProps({
- "ref": root,
- "style": getZIndexStyle(props2.zIndex),
- "class": bem$v({
- unfit: !props2.safeAreaInsetBottom,
- "with-title": !!Title
- }),
- "onAnimationend": onAnimationEnd,
- "onTouchstartPassive": stopPropagation
- }, attrs), [Title, vue.createVNode("div", {
- "class": bem$v("body")
- }, [vue.createVNode("div", {
- "class": bem$v("keys")
- }, [renderKeys()]), renderSidebar()])]), [[vue.vShow, props2.show]])]
- });
- if (props2.teleport) {
- return vue.createVNode(vue.Teleport, {
- "to": props2.teleport
- }, {
- default: () => [Content]
- });
- }
- return Content;
- };
- }
- });
- const NumberKeyboard = withInstall(stdin_default$E);
- const [name$v, bem$u, t$6] = createNamespace("pagination");
- const makePage = (number, text, active) => ({
- number,
- text,
- active
- });
- const paginationProps = {
- mode: makeStringProp("multi"),
- prevText: String,
- nextText: String,
- pageCount: makeNumericProp(0),
- modelValue: makeNumberProp(0),
- totalItems: makeNumericProp(0),
- showPageSize: makeNumericProp(5),
- itemsPerPage: makeNumericProp(10),
- forceEllipses: Boolean,
- showPrevButton: truthProp,
- showNextButton: truthProp
- };
- var stdin_default$D = vue.defineComponent({
- name: name$v,
- props: paginationProps,
- emits: ["change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const count = vue.computed(() => {
- const {
- pageCount,
- totalItems,
- itemsPerPage
- } = props2;
- const count2 = +pageCount || Math.ceil(+totalItems / +itemsPerPage);
- return Math.max(1, count2);
- });
- const pages = vue.computed(() => {
- const items = [];
- const pageCount = count.value;
- const showPageSize = +props2.showPageSize;
- const {
- modelValue,
- forceEllipses
- } = props2;
- let startPage = 1;
- let endPage = pageCount;
- const isMaxSized = showPageSize < pageCount;
- if (isMaxSized) {
- startPage = Math.max(modelValue - Math.floor(showPageSize / 2), 1);
- endPage = startPage + showPageSize - 1;
- if (endPage > pageCount) {
- endPage = pageCount;
- startPage = endPage - showPageSize + 1;
- }
- }
- for (let number = startPage; number <= endPage; number++) {
- const page = makePage(number, number, number === modelValue);
- items.push(page);
- }
- if (isMaxSized && showPageSize > 0 && forceEllipses) {
- if (startPage > 1) {
- const prevPages = makePage(startPage - 1, "...");
- items.unshift(prevPages);
- }
- if (endPage < pageCount) {
- const nextPages = makePage(endPage + 1, "...");
- items.push(nextPages);
- }
- }
- return items;
- });
- const updateModelValue = (value, emitChange) => {
- value = clamp(value, 1, count.value);
- if (props2.modelValue !== value) {
- emit("update:modelValue", value);
- if (emitChange) {
- emit("change", value);
- }
- }
- };
- vue.watchEffect(() => updateModelValue(props2.modelValue));
- const renderDesc = () => vue.createVNode("li", {
- "class": bem$u("page-desc")
- }, [slots.pageDesc ? slots.pageDesc() : `${props2.modelValue}/${count.value}`]);
- const renderPrevButton = () => {
- const {
- mode,
- modelValue,
- showPrevButton
- } = props2;
- if (!showPrevButton) {
- return;
- }
- const slot = slots["prev-text"];
- const disabled = modelValue === 1;
- return vue.createVNode("li", {
- "class": [bem$u("item", {
- disabled,
- border: mode === "simple",
- prev: true
- }), BORDER_SURROUND]
- }, [vue.createVNode("button", {
- "type": "button",
- "disabled": disabled,
- "onClick": () => updateModelValue(modelValue - 1, true)
- }, [slot ? slot() : props2.prevText || t$6("prev")])]);
- };
- const renderNextButton = () => {
- const {
- mode,
- modelValue,
- showNextButton
- } = props2;
- if (!showNextButton) {
- return;
- }
- const slot = slots["next-text"];
- const disabled = modelValue === count.value;
- return vue.createVNode("li", {
- "class": [bem$u("item", {
- disabled,
- border: mode === "simple",
- next: true
- }), BORDER_SURROUND]
- }, [vue.createVNode("button", {
- "type": "button",
- "disabled": disabled,
- "onClick": () => updateModelValue(modelValue + 1, true)
- }, [slot ? slot() : props2.nextText || t$6("next")])]);
- };
- const renderPages = () => pages.value.map((page) => vue.createVNode("li", {
- "class": [bem$u("item", {
- active: page.active,
- page: true
- }), BORDER_SURROUND]
- }, [vue.createVNode("button", {
- "type": "button",
- "aria-current": page.active || void 0,
- "onClick": () => updateModelValue(page.number, true)
- }, [slots.page ? slots.page(page) : page.text])]));
- return () => vue.createVNode("nav", {
- "role": "navigation",
- "class": bem$u()
- }, [vue.createVNode("ul", {
- "class": bem$u("items")
- }, [renderPrevButton(), props2.mode === "simple" ? renderDesc() : renderPages(), renderNextButton()])]);
- }
- });
- const Pagination = withInstall(stdin_default$D);
- const [name$u, bem$t] = createNamespace("password-input");
- const passwordInputProps = {
- info: String,
- mask: truthProp,
- value: makeStringProp(""),
- gutter: numericProp,
- length: makeNumericProp(6),
- focused: Boolean,
- errorInfo: String
- };
- var stdin_default$C = vue.defineComponent({
- name: name$u,
- props: passwordInputProps,
- emits: ["focus"],
- setup(props2, {
- emit
- }) {
- const onTouchStart = (event) => {
- event.stopPropagation();
- emit("focus", event);
- };
- const renderPoints = () => {
- const Points = [];
- const {
- mask,
- value,
- gutter,
- focused
- } = props2;
- const length = +props2.length;
- for (let i = 0; i < length; i++) {
- const char = value[i];
- const showBorder = i !== 0 && !gutter;
- const showCursor = focused && i === value.length;
- let style;
- if (i !== 0 && gutter) {
- style = {
- marginLeft: addUnit(gutter)
- };
- }
- Points.push(vue.createVNode("li", {
- "class": [{
- [BORDER_LEFT]: showBorder
- }, bem$t("item", {
- focus: showCursor
- })],
- "style": style
- }, [mask ? vue.createVNode("i", {
- "style": {
- visibility: char ? "visible" : "hidden"
- }
- }, null) : char, showCursor && vue.createVNode("div", {
- "class": bem$t("cursor")
- }, null)]));
- }
- return Points;
- };
- return () => {
- const info = props2.errorInfo || props2.info;
- return vue.createVNode("div", {
- "class": bem$t()
- }, [vue.createVNode("ul", {
- "class": [bem$t("security"), {
- [BORDER_SURROUND]: !props2.gutter
- }],
- "onTouchstartPassive": onTouchStart
- }, [renderPoints()]), info && vue.createVNode("div", {
- "class": bem$t(props2.errorInfo ? "error-info" : "info")
- }, [info])]);
- };
- }
- });
- const PasswordInput = withInstall(stdin_default$C);
- const PickerGroup = withInstall(stdin_default$1A);
- function getWindow(node) {
- if (node == null) {
- return window;
- }
- if (node.toString() !== "[object Window]") {
- var ownerDocument = node.ownerDocument;
- return ownerDocument ? ownerDocument.defaultView || window : window;
- }
- return node;
- }
- function isElement(node) {
- var OwnElement = getWindow(node).Element;
- return node instanceof OwnElement || node instanceof Element;
- }
- function isHTMLElement(node) {
- var OwnElement = getWindow(node).HTMLElement;
- return node instanceof OwnElement || node instanceof HTMLElement;
- }
- function isShadowRoot(node) {
- if (typeof ShadowRoot === "undefined") {
- return false;
- }
- var OwnElement = getWindow(node).ShadowRoot;
- return node instanceof OwnElement || node instanceof ShadowRoot;
- }
- var round = Math.round;
- function getUAString() {
- var uaData = navigator.userAgentData;
- if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
- return uaData.brands.map(function(item) {
- return item.brand + "/" + item.version;
- }).join(" ");
- }
- return navigator.userAgent;
- }
- function isLayoutViewport() {
- return !/^((?!chrome|android).)*safari/i.test(getUAString());
- }
- function getBoundingClientRect(element, includeScale, isFixedStrategy) {
- if (includeScale === void 0) {
- includeScale = false;
- }
- if (isFixedStrategy === void 0) {
- isFixedStrategy = false;
- }
- var clientRect = element.getBoundingClientRect();
- var scaleX = 1;
- var scaleY = 1;
- if (includeScale && isHTMLElement(element)) {
- scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
- scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
- }
- var _ref = isElement(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
- var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
- var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
- var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
- var width2 = clientRect.width / scaleX;
- var height2 = clientRect.height / scaleY;
- return {
- width: width2,
- height: height2,
- top: y,
- right: x + width2,
- bottom: y + height2,
- left: x,
- x,
- y
- };
- }
- function getWindowScroll(node) {
- var win = getWindow(node);
- var scrollLeft = win.pageXOffset;
- var scrollTop = win.pageYOffset;
- return {
- scrollLeft,
- scrollTop
- };
- }
- function getHTMLElementScroll(element) {
- return {
- scrollLeft: element.scrollLeft,
- scrollTop: element.scrollTop
- };
- }
- function getNodeScroll(node) {
- if (node === getWindow(node) || !isHTMLElement(node)) {
- return getWindowScroll(node);
- } else {
- return getHTMLElementScroll(node);
- }
- }
- function getNodeName(element) {
- return element ? (element.nodeName || "").toLowerCase() : null;
- }
- function getDocumentElement(element) {
- return ((isElement(element) ? element.ownerDocument : (
- // $FlowFixMe[prop-missing]
- element.document
- )) || window.document).documentElement;
- }
- function getWindowScrollBarX(element) {
- return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
- }
- function getComputedStyle(element) {
- return getWindow(element).getComputedStyle(element);
- }
- function isScrollParent(element) {
- var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
- return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
- }
- function isElementScaled(element) {
- var rect = element.getBoundingClientRect();
- var scaleX = round(rect.width) / element.offsetWidth || 1;
- var scaleY = round(rect.height) / element.offsetHeight || 1;
- return scaleX !== 1 || scaleY !== 1;
- }
- function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
- if (isFixed === void 0) {
- isFixed = false;
- }
- var isOffsetParentAnElement = isHTMLElement(offsetParent);
- var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
- var documentElement = getDocumentElement(offsetParent);
- var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
- var scroll = {
- scrollLeft: 0,
- scrollTop: 0
- };
- var offsets = {
- x: 0,
- y: 0
- };
- if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
- if (getNodeName(offsetParent) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
- isScrollParent(documentElement)) {
- scroll = getNodeScroll(offsetParent);
- }
- if (isHTMLElement(offsetParent)) {
- offsets = getBoundingClientRect(offsetParent, true);
- offsets.x += offsetParent.clientLeft;
- offsets.y += offsetParent.clientTop;
- } else if (documentElement) {
- offsets.x = getWindowScrollBarX(documentElement);
- }
- }
- return {
- x: rect.left + scroll.scrollLeft - offsets.x,
- y: rect.top + scroll.scrollTop - offsets.y,
- width: rect.width,
- height: rect.height
- };
- }
- function getLayoutRect(element) {
- var clientRect = getBoundingClientRect(element);
- var width2 = element.offsetWidth;
- var height2 = element.offsetHeight;
- if (Math.abs(clientRect.width - width2) <= 1) {
- width2 = clientRect.width;
- }
- if (Math.abs(clientRect.height - height2) <= 1) {
- height2 = clientRect.height;
- }
- return {
- x: element.offsetLeft,
- y: element.offsetTop,
- width: width2,
- height: height2
- };
- }
- function getParentNode(element) {
- if (getNodeName(element) === "html") {
- return element;
- }
- return (
- // this is a quicker (but less type safe) way to save quite some bytes from the bundle
- // $FlowFixMe[incompatible-return]
- // $FlowFixMe[prop-missing]
- element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
- element.parentNode || // DOM Element detected
- (isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
- // $FlowFixMe[incompatible-call]: HTMLElement is a Node
- getDocumentElement(element)
- );
- }
- function getScrollParent(node) {
- if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
- return node.ownerDocument.body;
- }
- if (isHTMLElement(node) && isScrollParent(node)) {
- return node;
- }
- return getScrollParent(getParentNode(node));
- }
- function listScrollParents(element, list) {
- var _element$ownerDocumen;
- if (list === void 0) {
- list = [];
- }
- var scrollParent = getScrollParent(element);
- var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
- var win = getWindow(scrollParent);
- var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
- var updatedList = list.concat(target);
- return isBody ? updatedList : (
- // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
- updatedList.concat(listScrollParents(getParentNode(target)))
- );
- }
- function isTableElement(element) {
- return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
- }
- function getTrueOffsetParent(element) {
- if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
- getComputedStyle(element).position === "fixed") {
- return null;
- }
- return element.offsetParent;
- }
- function getContainingBlock(element) {
- var isFirefox = /firefox/i.test(getUAString());
- var isIE = /Trident/i.test(getUAString());
- if (isIE && isHTMLElement(element)) {
- var elementCss = getComputedStyle(element);
- if (elementCss.position === "fixed") {
- return null;
- }
- }
- var currentNode = getParentNode(element);
- if (isShadowRoot(currentNode)) {
- currentNode = currentNode.host;
- }
- while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
- var css = getComputedStyle(currentNode);
- if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
- return currentNode;
- } else {
- currentNode = currentNode.parentNode;
- }
- }
- return null;
- }
- function getOffsetParent(element) {
- var window2 = getWindow(element);
- var offsetParent = getTrueOffsetParent(element);
- while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
- offsetParent = getTrueOffsetParent(offsetParent);
- }
- if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static")) {
- return window2;
- }
- return offsetParent || getContainingBlock(element) || window2;
- }
- var top = "top";
- var bottom = "bottom";
- var right = "right";
- var left = "left";
- var auto = "auto";
- var basePlacements = [top, bottom, right, left];
- var start = "start";
- var end = "end";
- var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
- return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
- }, []);
- var beforeRead = "beforeRead";
- var read = "read";
- var afterRead = "afterRead";
- var beforeMain = "beforeMain";
- var main = "main";
- var afterMain = "afterMain";
- var beforeWrite = "beforeWrite";
- var write = "write";
- var afterWrite = "afterWrite";
- var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
- function order(modifiers) {
- var map = /* @__PURE__ */ new Map();
- var visited = /* @__PURE__ */ new Set();
- var result = [];
- modifiers.forEach(function(modifier) {
- map.set(modifier.name, modifier);
- });
- function sort(modifier) {
- visited.add(modifier.name);
- var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
- requires.forEach(function(dep) {
- if (!visited.has(dep)) {
- var depModifier = map.get(dep);
- if (depModifier) {
- sort(depModifier);
- }
- }
- });
- result.push(modifier);
- }
- modifiers.forEach(function(modifier) {
- if (!visited.has(modifier.name)) {
- sort(modifier);
- }
- });
- return result;
- }
- function orderModifiers(modifiers) {
- var orderedModifiers = order(modifiers);
- return modifierPhases.reduce(function(acc, phase) {
- return acc.concat(orderedModifiers.filter(function(modifier) {
- return modifier.phase === phase;
- }));
- }, []);
- }
- function debounce(fn2) {
- var pending;
- return function() {
- if (!pending) {
- pending = new Promise(function(resolve) {
- Promise.resolve().then(function() {
- pending = void 0;
- resolve(fn2());
- });
- });
- }
- return pending;
- };
- }
- function mergeByName(modifiers) {
- var merged = modifiers.reduce(function(merged2, current2) {
- var existing = merged2[current2.name];
- merged2[current2.name] = existing ? Object.assign({}, existing, current2, {
- options: Object.assign({}, existing.options, current2.options),
- data: Object.assign({}, existing.data, current2.data)
- }) : current2;
- return merged2;
- }, {});
- return Object.keys(merged).map(function(key) {
- return merged[key];
- });
- }
- function getBasePlacement(placement) {
- return placement.split("-")[0];
- }
- function getVariation(placement) {
- return placement.split("-")[1];
- }
- function getMainAxisFromPlacement(placement) {
- return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
- }
- function computeOffsets(_ref) {
- var reference = _ref.reference, element = _ref.element, placement = _ref.placement;
- var basePlacement = placement ? getBasePlacement(placement) : null;
- var variation = placement ? getVariation(placement) : null;
- var commonX = reference.x + reference.width / 2 - element.width / 2;
- var commonY = reference.y + reference.height / 2 - element.height / 2;
- var offsets;
- switch (basePlacement) {
- case top:
- offsets = {
- x: commonX,
- y: reference.y - element.height
- };
- break;
- case bottom:
- offsets = {
- x: commonX,
- y: reference.y + reference.height
- };
- break;
- case right:
- offsets = {
- x: reference.x + reference.width,
- y: commonY
- };
- break;
- case left:
- offsets = {
- x: reference.x - element.width,
- y: commonY
- };
- break;
- default:
- offsets = {
- x: reference.x,
- y: reference.y
- };
- }
- var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
- if (mainAxis != null) {
- var len = mainAxis === "y" ? "height" : "width";
- switch (variation) {
- case start:
- offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
- break;
- case end:
- offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
- break;
- }
- }
- return offsets;
- }
- var DEFAULT_OPTIONS = {
- placement: "bottom",
- modifiers: [],
- strategy: "absolute"
- };
- function areValidElements() {
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- return !args.some(function(element) {
- return !(element && typeof element.getBoundingClientRect === "function");
- });
- }
- function popperGenerator(generatorOptions) {
- if (generatorOptions === void 0) {
- generatorOptions = {};
- }
- var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions2 = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
- return function createPopper2(reference, popper, options) {
- if (options === void 0) {
- options = defaultOptions2;
- }
- var state = {
- placement: "bottom",
- orderedModifiers: [],
- options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions2),
- modifiersData: {},
- elements: {
- reference,
- popper
- },
- attributes: {},
- styles: {}
- };
- var effectCleanupFns = [];
- var isDestroyed = false;
- var instance2 = {
- state,
- setOptions: function setOptions(setOptionsAction) {
- var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
- cleanupModifierEffects();
- state.options = Object.assign({}, defaultOptions2, state.options, options2);
- state.scrollParents = {
- reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
- popper: listScrollParents(popper)
- };
- var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
- state.orderedModifiers = orderedModifiers.filter(function(m) {
- return m.enabled;
- });
- runModifierEffects();
- return instance2.update();
- },
- // Sync update – it will always be executed, even if not necessary. This
- // is useful for low frequency updates where sync behavior simplifies the
- // logic.
- // For high frequency updates (e.g. `resize` and `scroll` events), always
- // prefer the async Popper#update method
- forceUpdate: function forceUpdate() {
- if (isDestroyed) {
- return;
- }
- var _state$elements = state.elements, reference2 = _state$elements.reference, popper2 = _state$elements.popper;
- if (!areValidElements(reference2, popper2)) {
- return;
- }
- state.rects = {
- reference: getCompositeRect(reference2, getOffsetParent(popper2), state.options.strategy === "fixed"),
- popper: getLayoutRect(popper2)
- };
- state.reset = false;
- state.placement = state.options.placement;
- state.orderedModifiers.forEach(function(modifier) {
- return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
- });
- for (var index = 0; index < state.orderedModifiers.length; index++) {
- if (state.reset === true) {
- state.reset = false;
- index = -1;
- continue;
- }
- var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name2 = _state$orderedModifie.name;
- if (typeof fn2 === "function") {
- state = fn2({
- state,
- options: _options,
- name: name2,
- instance: instance2
- }) || state;
- }
- }
- },
- // Async and optimistically optimized update – it will not be executed if
- // not necessary (debounced to run at most once-per-tick)
- update: debounce(function() {
- return new Promise(function(resolve) {
- instance2.forceUpdate();
- resolve(state);
- });
- }),
- destroy: function destroy() {
- cleanupModifierEffects();
- isDestroyed = true;
- }
- };
- if (!areValidElements(reference, popper)) {
- return instance2;
- }
- instance2.setOptions(options).then(function(state2) {
- if (!isDestroyed && options.onFirstUpdate) {
- options.onFirstUpdate(state2);
- }
- });
- function runModifierEffects() {
- state.orderedModifiers.forEach(function(_ref) {
- var name2 = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect3 = _ref.effect;
- if (typeof effect3 === "function") {
- var cleanupFn = effect3({
- state,
- name: name2,
- instance: instance2,
- options: options2
- });
- var noopFn = function noopFn2() {
- };
- effectCleanupFns.push(cleanupFn || noopFn);
- }
- });
- }
- function cleanupModifierEffects() {
- effectCleanupFns.forEach(function(fn2) {
- return fn2();
- });
- effectCleanupFns = [];
- }
- return instance2;
- };
- }
- var passive = {
- passive: true
- };
- function effect(_ref) {
- var state = _ref.state, instance2 = _ref.instance, options = _ref.options;
- var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
- var window2 = getWindow(state.elements.popper);
- var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
- if (scroll) {
- scrollParents.forEach(function(scrollParent) {
- scrollParent.addEventListener("scroll", instance2.update, passive);
- });
- }
- if (resize) {
- window2.addEventListener("resize", instance2.update, passive);
- }
- return function() {
- if (scroll) {
- scrollParents.forEach(function(scrollParent) {
- scrollParent.removeEventListener("scroll", instance2.update, passive);
- });
- }
- if (resize) {
- window2.removeEventListener("resize", instance2.update, passive);
- }
- };
- }
- var eventListeners_default = {
- name: "eventListeners",
- enabled: true,
- phase: "write",
- fn: function fn() {
- },
- effect,
- data: {}
- };
- function popperOffsets(_ref) {
- var state = _ref.state, name2 = _ref.name;
- state.modifiersData[name2] = computeOffsets({
- reference: state.rects.reference,
- element: state.rects.popper,
- strategy: "absolute",
- placement: state.placement
- });
- }
- var popperOffsets_default = {
- name: "popperOffsets",
- enabled: true,
- phase: "read",
- fn: popperOffsets,
- data: {}
- };
- var unsetSides = {
- top: "auto",
- right: "auto",
- bottom: "auto",
- left: "auto"
- };
- function roundOffsetsByDPR(_ref, win) {
- var x = _ref.x, y = _ref.y;
- var dpr = win.devicePixelRatio || 1;
- return {
- x: round(x * dpr) / dpr || 0,
- y: round(y * dpr) / dpr || 0
- };
- }
- function mapToStyles(_ref2) {
- var _Object$assign2;
- var popper = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
- var _offsets$x = offsets.x, x = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
- var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
- x,
- y
- }) : {
- x,
- y
- };
- x = _ref3.x;
- y = _ref3.y;
- var hasX = offsets.hasOwnProperty("x");
- var hasY = offsets.hasOwnProperty("y");
- var sideX = left;
- var sideY = top;
- var win = window;
- if (adaptive) {
- var offsetParent = getOffsetParent(popper);
- var heightProp = "clientHeight";
- var widthProp = "clientWidth";
- if (offsetParent === getWindow(popper)) {
- offsetParent = getDocumentElement(popper);
- if (getComputedStyle(offsetParent).position !== "static" && position === "absolute") {
- heightProp = "scrollHeight";
- widthProp = "scrollWidth";
- }
- }
- offsetParent = offsetParent;
- if (placement === top || (placement === left || placement === right) && variation === end) {
- sideY = bottom;
- var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : (
- // $FlowFixMe[prop-missing]
- offsetParent[heightProp]
- );
- y -= offsetY - popperRect.height;
- y *= gpuAcceleration ? 1 : -1;
- }
- if (placement === left || (placement === top || placement === bottom) && variation === end) {
- sideX = right;
- var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : (
- // $FlowFixMe[prop-missing]
- offsetParent[widthProp]
- );
- x -= offsetX - popperRect.width;
- x *= gpuAcceleration ? 1 : -1;
- }
- }
- var commonStyles = Object.assign({
- position
- }, adaptive && unsetSides);
- var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
- x,
- y
- }, getWindow(popper)) : {
- x,
- y
- };
- x = _ref4.x;
- y = _ref4.y;
- if (gpuAcceleration) {
- var _Object$assign;
- return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
- }
- return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
- }
- function computeStyles(_ref5) {
- var state = _ref5.state, options = _ref5.options;
- var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
- var commonStyles = {
- placement: getBasePlacement(state.placement),
- variation: getVariation(state.placement),
- popper: state.elements.popper,
- popperRect: state.rects.popper,
- gpuAcceleration,
- isFixed: state.options.strategy === "fixed"
- };
- if (state.modifiersData.popperOffsets != null) {
- state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
- offsets: state.modifiersData.popperOffsets,
- position: state.options.strategy,
- adaptive,
- roundOffsets
- })));
- }
- if (state.modifiersData.arrow != null) {
- state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
- offsets: state.modifiersData.arrow,
- position: "absolute",
- adaptive: false,
- roundOffsets
- })));
- }
- state.attributes.popper = Object.assign({}, state.attributes.popper, {
- "data-popper-placement": state.placement
- });
- }
- var computeStyles_default = {
- name: "computeStyles",
- enabled: true,
- phase: "beforeWrite",
- fn: computeStyles,
- data: {}
- };
- function applyStyles(_ref) {
- var state = _ref.state;
- Object.keys(state.elements).forEach(function(name2) {
- var style = state.styles[name2] || {};
- var attributes = state.attributes[name2] || {};
- var element = state.elements[name2];
- if (!isHTMLElement(element) || !getNodeName(element)) {
- return;
- }
- Object.assign(element.style, style);
- Object.keys(attributes).forEach(function(name22) {
- var value = attributes[name22];
- if (value === false) {
- element.removeAttribute(name22);
- } else {
- element.setAttribute(name22, value === true ? "" : value);
- }
- });
- });
- }
- function effect2(_ref2) {
- var state = _ref2.state;
- var initialStyles = {
- popper: {
- position: state.options.strategy,
- left: "0",
- top: "0",
- margin: "0"
- },
- arrow: {
- position: "absolute"
- },
- reference: {}
- };
- Object.assign(state.elements.popper.style, initialStyles.popper);
- state.styles = initialStyles;
- if (state.elements.arrow) {
- Object.assign(state.elements.arrow.style, initialStyles.arrow);
- }
- return function() {
- Object.keys(state.elements).forEach(function(name2) {
- var element = state.elements[name2];
- var attributes = state.attributes[name2] || {};
- var styleProperties = Object.keys(state.styles.hasOwnProperty(name2) ? state.styles[name2] : initialStyles[name2]);
- var style = styleProperties.reduce(function(style2, property) {
- style2[property] = "";
- return style2;
- }, {});
- if (!isHTMLElement(element) || !getNodeName(element)) {
- return;
- }
- Object.assign(element.style, style);
- Object.keys(attributes).forEach(function(attribute) {
- element.removeAttribute(attribute);
- });
- });
- };
- }
- var applyStyles_default = {
- name: "applyStyles",
- enabled: true,
- phase: "write",
- fn: applyStyles,
- effect: effect2,
- requires: ["computeStyles"]
- };
- var defaultModifiers = [eventListeners_default, popperOffsets_default, computeStyles_default, applyStyles_default];
- var createPopper = /* @__PURE__ */ popperGenerator({
- defaultModifiers
- });
- function distanceAndSkiddingToXY(placement, rects, offset2) {
- var basePlacement = getBasePlacement(placement);
- var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
- var _ref = typeof offset2 === "function" ? offset2(Object.assign({}, rects, {
- placement
- })) : offset2, skidding = _ref[0], distance = _ref[1];
- skidding = skidding || 0;
- distance = (distance || 0) * invertDistance;
- return [left, right].indexOf(basePlacement) >= 0 ? {
- x: distance,
- y: skidding
- } : {
- x: skidding,
- y: distance
- };
- }
- function offset(_ref2) {
- var state = _ref2.state, options = _ref2.options, name2 = _ref2.name;
- var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
- var data = placements.reduce(function(acc, placement) {
- acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
- return acc;
- }, {});
- var _data$state$placement = data[state.placement], x = _data$state$placement.x, y = _data$state$placement.y;
- if (state.modifiersData.popperOffsets != null) {
- state.modifiersData.popperOffsets.x += x;
- state.modifiersData.popperOffsets.y += y;
- }
- state.modifiersData[name2] = data;
- }
- var offset_default = {
- name: "offset",
- enabled: true,
- phase: "main",
- requires: ["popperOffsets"],
- fn: offset
- };
- const [name$t, bem$s] = createNamespace("popover");
- const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
- const popoverProps = {
- show: Boolean,
- theme: makeStringProp("light"),
- overlay: Boolean,
- actions: makeArrayProp(),
- actionsDirection: makeStringProp("vertical"),
- trigger: makeStringProp("click"),
- duration: numericProp,
- showArrow: truthProp,
- placement: makeStringProp("bottom"),
- iconPrefix: String,
- overlayClass: unknownProp,
- overlayStyle: Object,
- closeOnClickAction: truthProp,
- closeOnClickOverlay: truthProp,
- closeOnClickOutside: truthProp,
- offset: {
- type: Array,
- default: () => [0, 8]
- },
- teleport: {
- type: [String, Object],
- default: "body"
- }
- };
- var stdin_default$B = vue.defineComponent({
- name: name$t,
- props: popoverProps,
- emits: ["select", "touchstart", "update:show"],
- setup(props2, {
- emit,
- slots,
- attrs
- }) {
- let popper;
- const popupRef = vue.ref();
- const wrapperRef = vue.ref();
- const popoverRef = vue.ref();
- const show = useSyncPropRef(() => props2.show, (value) => emit("update:show", value));
- const getPopoverOptions = () => ({
- placement: props2.placement,
- modifiers: [{
- name: "computeStyles",
- options: {
- adaptive: false,
- gpuAcceleration: false
- }
- }, extend({}, offset_default, {
- options: {
- offset: props2.offset
- }
- })]
- });
- const createPopperInstance = () => {
- if (wrapperRef.value && popoverRef.value) {
- return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
- }
- return null;
- };
- const updateLocation = () => {
- vue.nextTick(() => {
- if (!show.value) {
- return;
- }
- if (!popper) {
- popper = createPopperInstance();
- if (inBrowser$1) {
- window.addEventListener("animationend", updateLocation);
- window.addEventListener("transitionend", updateLocation);
- }
- } else {
- popper.setOptions(getPopoverOptions());
- }
- });
- };
- const updateShow = (value) => {
- show.value = value;
- };
- const onClickWrapper = () => {
- if (props2.trigger === "click") {
- show.value = !show.value;
- }
- };
- const onClickAction = (action, index) => {
- if (action.disabled) {
- return;
- }
- emit("select", action, index);
- if (props2.closeOnClickAction) {
- show.value = false;
- }
- };
- const onClickAway = () => {
- if (show.value && props2.closeOnClickOutside && (!props2.overlay || props2.closeOnClickOverlay)) {
- show.value = false;
- }
- };
- const renderActionContent = (action, index) => {
- if (slots.action) {
- return slots.action({
- action,
- index
- });
- }
- return [action.icon && vue.createVNode(Icon, {
- "name": action.icon,
- "classPrefix": props2.iconPrefix,
- "class": bem$s("action-icon")
- }, null), vue.createVNode("div", {
- "class": [bem$s("action-text"), {
- [BORDER_BOTTOM]: props2.actionsDirection === "vertical"
- }]
- }, [action.text])];
- };
- const renderAction = (action, index) => {
- const {
- icon,
- color,
- disabled,
- className
- } = action;
- return vue.createVNode("div", {
- "role": "menuitem",
- "class": [bem$s("action", {
- disabled,
- "with-icon": icon
- }), {
- [BORDER_RIGHT]: props2.actionsDirection === "horizontal"
- }, className],
- "style": {
- color
- },
- "tabindex": disabled ? void 0 : 0,
- "aria-disabled": disabled || void 0,
- "onClick": () => onClickAction(action, index)
- }, [renderActionContent(action, index)]);
- };
- vue.onMounted(() => {
- updateLocation();
- vue.watchEffect(() => {
- var _a;
- popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
- });
- });
- vue.onBeforeUnmount(() => {
- if (popper) {
- if (inBrowser$1) {
- window.removeEventListener("animationend", updateLocation);
- window.removeEventListener("transitionend", updateLocation);
- }
- popper.destroy();
- popper = null;
- }
- });
- vue.watch(() => [show.value, props2.offset, props2.placement], updateLocation);
- useClickAway([wrapperRef, popupRef], onClickAway, {
- eventName: "touchstart"
- });
- return () => {
- var _a;
- return vue.createVNode(vue.Fragment, null, [vue.createVNode("span", {
- "ref": wrapperRef,
- "class": bem$s("wrapper"),
- "onClick": onClickWrapper
- }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), vue.createVNode(Popup, vue.mergeProps({
- "ref": popoverRef,
- "show": show.value,
- "class": bem$s([props2.theme]),
- "position": "",
- "transition": "van-popover-zoom",
- "lockScroll": false,
- "onUpdate:show": updateShow
- }, attrs, useScopeId(), pick(props2, popupProps)), {
- default: () => [props2.showArrow && vue.createVNode("div", {
- "class": bem$s("arrow")
- }, null), vue.createVNode("div", {
- "role": "menu",
- "class": bem$s("content", props2.actionsDirection)
- }, [slots.default ? slots.default() : props2.actions.map(renderAction)])]
- })]);
- };
- }
- });
- const Popover = withInstall(stdin_default$B);
- const [name$s, bem$r] = createNamespace("progress");
- const progressProps = {
- color: String,
- inactive: Boolean,
- pivotText: String,
- textColor: String,
- showPivot: truthProp,
- pivotColor: String,
- trackColor: String,
- strokeWidth: numericProp,
- percentage: {
- type: numericProp,
- default: 0,
- validator: (value) => +value >= 0 && +value <= 100
- }
- };
- var stdin_default$A = vue.defineComponent({
- name: name$s,
- props: progressProps,
- setup(props2) {
- const background = vue.computed(() => props2.inactive ? void 0 : props2.color);
- const renderPivot = () => {
- const {
- textColor,
- pivotText,
- pivotColor,
- percentage
- } = props2;
- const text = pivotText != null ? pivotText : `${percentage}%`;
- if (props2.showPivot && text) {
- const style = {
- color: textColor,
- left: `${+percentage}%`,
- transform: `translate(-${+percentage}%,-50%)`,
- background: pivotColor || background.value
- };
- return vue.createVNode("span", {
- "style": style,
- "class": bem$r("pivot", {
- inactive: props2.inactive
- })
- }, [text]);
- }
- };
- return () => {
- const {
- trackColor,
- percentage,
- strokeWidth
- } = props2;
- const rootStyle = {
- background: trackColor,
- height: addUnit(strokeWidth)
- };
- const portionStyle = {
- width: `${percentage}%`,
- background: background.value
- };
- return vue.createVNode("div", {
- "class": bem$r(),
- "style": rootStyle
- }, [vue.createVNode("span", {
- "class": bem$r("portion", {
- inactive: props2.inactive
- }),
- "style": portionStyle
- }, null), renderPivot()]);
- };
- }
- });
- const Progress = withInstall(stdin_default$A);
- const [name$r, bem$q, t$5] = createNamespace("pull-refresh");
- const DEFAULT_HEAD_HEIGHT = 50;
- const TEXT_STATUS = ["pulling", "loosing", "success"];
- const pullRefreshProps = {
- disabled: Boolean,
- modelValue: Boolean,
- headHeight: makeNumericProp(DEFAULT_HEAD_HEIGHT),
- successText: String,
- pullingText: String,
- loosingText: String,
- loadingText: String,
- pullDistance: numericProp,
- successDuration: makeNumericProp(500),
- animationDuration: makeNumericProp(300)
- };
- var stdin_default$z = vue.defineComponent({
- name: name$r,
- props: pullRefreshProps,
- emits: ["change", "refresh", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- let reachTop;
- const root = vue.ref();
- const track = vue.ref();
- const scrollParent = useScrollParent(root);
- const state = vue.reactive({
- status: "normal",
- distance: 0,
- duration: 0
- });
- const touch = useTouch();
- const getHeadStyle = () => {
- if (props2.headHeight !== DEFAULT_HEAD_HEIGHT) {
- return {
- height: `${props2.headHeight}px`
- };
- }
- };
- const isTouchable = () => state.status !== "loading" && state.status !== "success" && !props2.disabled;
- const ease = (distance) => {
- const pullDistance = +(props2.pullDistance || props2.headHeight);
- if (distance > pullDistance) {
- if (distance < pullDistance * 2) {
- distance = pullDistance + (distance - pullDistance) / 2;
- } else {
- distance = pullDistance * 1.5 + (distance - pullDistance * 2) / 4;
- }
- }
- return Math.round(distance);
- };
- const setStatus = (distance, isLoading) => {
- const pullDistance = +(props2.pullDistance || props2.headHeight);
- state.distance = distance;
- if (isLoading) {
- state.status = "loading";
- } else if (distance === 0) {
- state.status = "normal";
- } else if (distance < pullDistance) {
- state.status = "pulling";
- } else {
- state.status = "loosing";
- }
- emit("change", {
- status: state.status,
- distance
- });
- };
- const getStatusText = () => {
- const {
- status
- } = state;
- if (status === "normal") {
- return "";
- }
- return props2[`${status}Text`] || t$5(status);
- };
- const renderStatus = () => {
- const {
- status,
- distance
- } = state;
- if (slots[status]) {
- return slots[status]({
- distance
- });
- }
- const nodes = [];
- if (TEXT_STATUS.includes(status)) {
- nodes.push(vue.createVNode("div", {
- "class": bem$q("text")
- }, [getStatusText()]));
- }
- if (status === "loading") {
- nodes.push(vue.createVNode(Loading, {
- "class": bem$q("loading")
- }, {
- default: getStatusText
- }));
- }
- return nodes;
- };
- const showSuccessTip = () => {
- state.status = "success";
- setTimeout(() => {
- setStatus(0);
- }, +props2.successDuration);
- };
- const checkPosition = (event) => {
- reachTop = getScrollTop(scrollParent.value) === 0;
- if (reachTop) {
- state.duration = 0;
- touch.start(event);
- }
- };
- const onTouchStart = (event) => {
- if (isTouchable()) {
- checkPosition(event);
- }
- };
- const onTouchMove = (event) => {
- if (isTouchable()) {
- if (!reachTop) {
- checkPosition(event);
- }
- const {
- deltaY
- } = touch;
- touch.move(event);
- if (reachTop && deltaY.value >= 0 && touch.isVertical()) {
- preventDefault(event);
- setStatus(ease(deltaY.value));
- }
- }
- };
- const onTouchEnd = () => {
- if (reachTop && touch.deltaY.value && isTouchable()) {
- state.duration = +props2.animationDuration;
- if (state.status === "loosing") {
- setStatus(+props2.headHeight, true);
- emit("update:modelValue", true);
- vue.nextTick(() => emit("refresh"));
- } else {
- setStatus(0);
- }
- }
- };
- vue.watch(() => props2.modelValue, (value) => {
- state.duration = +props2.animationDuration;
- if (value) {
- setStatus(+props2.headHeight, true);
- } else if (slots.success || props2.successText) {
- showSuccessTip();
- } else {
- setStatus(0, false);
- }
- });
- useEventListener("touchmove", onTouchMove, {
- target: track
- });
- return () => {
- var _a;
- const trackStyle = {
- transitionDuration: `${state.duration}ms`,
- transform: state.distance ? `translate3d(0,${state.distance}px, 0)` : ""
- };
- return vue.createVNode("div", {
- "ref": root,
- "class": bem$q()
- }, [vue.createVNode("div", {
- "ref": track,
- "class": bem$q("track"),
- "style": trackStyle,
- "onTouchstartPassive": onTouchStart,
- "onTouchend": onTouchEnd,
- "onTouchcancel": onTouchEnd
- }, [vue.createVNode("div", {
- "class": bem$q("head"),
- "style": getHeadStyle()
- }, [renderStatus()]), (_a = slots.default) == null ? void 0 : _a.call(slots)])]);
- };
- }
- });
- const PullRefresh = withInstall(stdin_default$z);
- const [name$q, bem$p] = createNamespace("rate");
- function getRateStatus(value, index, allowHalf, readonly) {
- if (value >= index) {
- return {
- status: "full",
- value: 1
- };
- }
- if (value + 0.5 >= index && allowHalf && !readonly) {
- return {
- status: "half",
- value: 0.5
- };
- }
- if (value + 1 >= index && allowHalf && readonly) {
- const cardinal = 10 ** 10;
- return {
- status: "half",
- value: Math.round((value - index + 1) * cardinal) / cardinal
- };
- }
- return {
- status: "void",
- value: 0
- };
- }
- const rateProps = {
- size: numericProp,
- icon: makeStringProp("star"),
- color: String,
- count: makeNumericProp(5),
- gutter: numericProp,
- clearable: Boolean,
- readonly: Boolean,
- disabled: Boolean,
- voidIcon: makeStringProp("star-o"),
- allowHalf: Boolean,
- voidColor: String,
- touchable: truthProp,
- iconPrefix: String,
- modelValue: makeNumberProp(0),
- disabledColor: String
- };
- var stdin_default$y = vue.defineComponent({
- name: name$q,
- props: rateProps,
- emits: ["change", "update:modelValue"],
- setup(props2, {
- emit
- }) {
- const touch = useTouch();
- const [itemRefs, setItemRefs] = useRefs();
- const groupRef = vue.ref();
- const unselectable = vue.computed(() => props2.readonly || props2.disabled);
- const untouchable = vue.computed(() => unselectable.value || !props2.touchable);
- const list = vue.computed(() => Array(+props2.count).fill("").map((_, i) => getRateStatus(props2.modelValue, i + 1, props2.allowHalf, props2.readonly)));
- let ranges;
- let groupRefRect;
- let minRectTop = Number.MAX_SAFE_INTEGER;
- let maxRectTop = Number.MIN_SAFE_INTEGER;
- const updateRanges = () => {
- groupRefRect = useRect(groupRef);
- const rects = itemRefs.value.map(useRect);
- ranges = [];
- rects.forEach((rect, index) => {
- minRectTop = Math.min(rect.top, minRectTop);
- maxRectTop = Math.max(rect.top, maxRectTop);
- if (props2.allowHalf) {
- ranges.push({
- score: index + 0.5,
- left: rect.left,
- top: rect.top,
- height: rect.height
- }, {
- score: index + 1,
- left: rect.left + rect.width / 2,
- top: rect.top,
- height: rect.height
- });
- } else {
- ranges.push({
- score: index + 1,
- left: rect.left,
- top: rect.top,
- height: rect.height
- });
- }
- });
- };
- const getScoreByPosition = (x, y) => {
- for (let i = ranges.length - 1; i > 0; i--) {
- if (y >= groupRefRect.top && y <= groupRefRect.bottom) {
- if (x > ranges[i].left && y >= ranges[i].top && y <= ranges[i].top + ranges[i].height) {
- return ranges[i].score;
- }
- } else {
- const curTop = y < groupRefRect.top ? minRectTop : maxRectTop;
- if (x > ranges[i].left && ranges[i].top === curTop) {
- return ranges[i].score;
- }
- }
- }
- return props2.allowHalf ? 0.5 : 1;
- };
- const select = (value) => {
- if (unselectable.value || value === props2.modelValue) return;
- emit("update:modelValue", value);
- emit("change", value);
- };
- const onTouchStart = (event) => {
- if (untouchable.value) {
- return;
- }
- touch.start(event);
- updateRanges();
- };
- const onTouchMove = (event) => {
- if (untouchable.value) {
- return;
- }
- touch.move(event);
- if (touch.isHorizontal() && !touch.isTap.value) {
- const {
- clientX,
- clientY
- } = event.touches[0];
- preventDefault(event);
- select(getScoreByPosition(clientX, clientY));
- }
- };
- const renderStar = (item, index) => {
- const {
- icon,
- size,
- color,
- count,
- gutter,
- voidIcon,
- disabled,
- voidColor,
- allowHalf,
- iconPrefix,
- disabledColor
- } = props2;
- const score = index + 1;
- const isFull = item.status === "full";
- const isVoid = item.status === "void";
- const renderHalf = allowHalf && item.value > 0 && item.value < 1;
- let style;
- if (gutter && score !== +count) {
- style = {
- paddingRight: addUnit(gutter)
- };
- }
- const onClickItem = (event) => {
- updateRanges();
- let value = allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score;
- if (props2.clearable && touch.isTap.value && value === props2.modelValue) {
- value = 0;
- }
- select(value);
- };
- return vue.createVNode("div", {
- "key": index,
- "ref": setItemRefs(index),
- "role": "radio",
- "style": style,
- "class": bem$p("item"),
- "tabindex": disabled ? void 0 : 0,
- "aria-setsize": count,
- "aria-posinset": score,
- "aria-checked": !isVoid,
- "onClick": onClickItem
- }, [vue.createVNode(Icon, {
- "size": size,
- "name": isFull ? icon : voidIcon,
- "class": bem$p("icon", {
- disabled,
- full: isFull
- }),
- "color": disabled ? disabledColor : isFull ? color : voidColor,
- "classPrefix": iconPrefix
- }, null), renderHalf && vue.createVNode(Icon, {
- "size": size,
- "style": {
- width: item.value + "em"
- },
- "name": isVoid ? voidIcon : icon,
- "class": bem$p("icon", ["half", {
- disabled,
- full: !isVoid
- }]),
- "color": disabled ? disabledColor : isVoid ? voidColor : color,
- "classPrefix": iconPrefix
- }, null)]);
- };
- useCustomFieldValue(() => props2.modelValue);
- useEventListener("touchmove", onTouchMove, {
- target: groupRef
- });
- return () => vue.createVNode("div", {
- "ref": groupRef,
- "role": "radiogroup",
- "class": bem$p({
- readonly: props2.readonly,
- disabled: props2.disabled
- }),
- "tabindex": props2.disabled ? void 0 : 0,
- "aria-disabled": props2.disabled,
- "aria-readonly": props2.readonly,
- "onTouchstartPassive": onTouchStart
- }, [list.value.map(renderStar)]);
- }
- });
- const Rate = withInstall(stdin_default$y);
- const props = {
- figureArr: makeArrayProp(),
- delay: Number,
- duration: makeNumberProp(2),
- isStart: Boolean,
- direction: makeStringProp("down"),
- height: makeNumberProp(40)
- };
- const [name$p, bem$o] = createNamespace("rolling-text-item");
- var stdin_default$x = vue.defineComponent({
- name: name$p,
- props,
- setup(props2) {
- const newFigureArr = vue.computed(() => props2.direction === "down" ? props2.figureArr.slice().reverse() : props2.figureArr);
- const translatePx = vue.computed(() => {
- const totalHeight = props2.height * (props2.figureArr.length - 1);
- return `-${totalHeight}px`;
- });
- const itemStyle = vue.computed(() => ({
- lineHeight: addUnit(props2.height)
- }));
- const rootStyle = vue.computed(() => ({
- height: addUnit(props2.height),
- "--van-translate": translatePx.value,
- "--van-duration": props2.duration + "s",
- "--van-delay": props2.delay + "s"
- }));
- return () => vue.createVNode("div", {
- "class": bem$o([props2.direction]),
- "style": rootStyle.value
- }, [vue.createVNode("div", {
- "class": bem$o("box", {
- animate: props2.isStart
- })
- }, [Array.isArray(newFigureArr.value) && newFigureArr.value.map((figure) => vue.createVNode("div", {
- "class": bem$o("item"),
- "style": itemStyle.value
- }, [figure]))])]);
- }
- });
- const [name$o, bem$n] = createNamespace("rolling-text");
- const rollingTextProps = {
- startNum: makeNumberProp(0),
- targetNum: Number,
- textList: makeArrayProp(),
- duration: makeNumberProp(2),
- autoStart: truthProp,
- direction: makeStringProp("down"),
- stopOrder: makeStringProp("ltr"),
- height: makeNumberProp(40)
- };
- const CIRCLE_NUM = 2;
- var stdin_default$w = vue.defineComponent({
- name: name$o,
- props: rollingTextProps,
- setup(props2) {
- const isCustomType = vue.computed(() => Array.isArray(props2.textList) && props2.textList.length);
- const itemLength = vue.computed(() => {
- if (isCustomType.value) return props2.textList[0].length;
- return `${Math.max(props2.startNum, props2.targetNum)}`.length;
- });
- const getTextArrByIdx = (idx) => {
- const result = [];
- for (let i = 0; i < props2.textList.length; i++) {
- result.push(props2.textList[i][idx]);
- }
- return result;
- };
- const targetNumArr = vue.computed(() => {
- if (isCustomType.value) return new Array(itemLength.value).fill("");
- return padZero(props2.targetNum, itemLength.value).split("");
- });
- const startNumArr = vue.computed(() => padZero(props2.startNum, itemLength.value).split(""));
- const getFigureArr = (i) => {
- const start22 = +startNumArr.value[i];
- const target = +targetNumArr.value[i];
- const result = [];
- for (let i2 = start22; i2 <= 9; i2++) {
- result.push(i2);
- }
- for (let i2 = 0; i2 <= CIRCLE_NUM; i2++) {
- for (let j = 0; j <= 9; j++) {
- result.push(j);
- }
- }
- for (let i2 = 0; i2 <= target; i2++) {
- result.push(i2);
- }
- return result;
- };
- const getDelay = (i, len) => {
- if (props2.stopOrder === "ltr") return 0.2 * i;
- return 0.2 * (len - 1 - i);
- };
- const rolling = vue.ref(props2.autoStart);
- const start2 = () => {
- rolling.value = true;
- };
- const reset = () => {
- rolling.value = false;
- if (props2.autoStart) {
- raf(() => start2());
- }
- };
- vue.watch(() => props2.autoStart, (value) => {
- if (value) {
- start2();
- }
- });
- useExpose({
- start: start2,
- reset
- });
- return () => vue.createVNode("div", {
- "class": bem$n()
- }, [targetNumArr.value.map((_, i) => vue.createVNode(stdin_default$x, {
- "figureArr": isCustomType.value ? getTextArrByIdx(i) : getFigureArr(i),
- "duration": props2.duration,
- "direction": props2.direction,
- "isStart": rolling.value,
- "height": props2.height,
- "delay": getDelay(i, itemLength.value)
- }, null))]);
- }
- });
- const RollingText = withInstall(stdin_default$w);
- const Row = withInstall(stdin_default$17);
- const [name$n, bem$m, t$4] = createNamespace("search");
- const searchProps = extend({}, fieldSharedProps, {
- label: String,
- shape: makeStringProp("square"),
- leftIcon: makeStringProp("search"),
- clearable: truthProp,
- actionText: String,
- background: String,
- showAction: Boolean
- });
- var stdin_default$v = vue.defineComponent({
- name: name$n,
- props: searchProps,
- emits: ["blur", "focus", "clear", "search", "cancel", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
- setup(props2, {
- emit,
- slots,
- attrs
- }) {
- const id = useId();
- const fieldRef = vue.ref();
- const onCancel = () => {
- if (!slots.action) {
- emit("update:modelValue", "");
- emit("cancel");
- }
- };
- const onKeypress = (event) => {
- const ENTER_CODE = 13;
- if (event.keyCode === ENTER_CODE) {
- preventDefault(event);
- emit("search", props2.modelValue);
- }
- };
- const getInputId = () => props2.id || `${id}-input`;
- const renderLabel = () => {
- if (slots.label || props2.label) {
- return vue.createVNode("label", {
- "class": bem$m("label"),
- "for": getInputId(),
- "data-allow-mismatch": "attribute"
- }, [slots.label ? slots.label() : props2.label]);
- }
- };
- const renderAction = () => {
- if (props2.showAction) {
- const text = props2.actionText || t$4("cancel");
- return vue.createVNode("div", {
- "class": bem$m("action"),
- "role": "button",
- "tabindex": 0,
- "onClick": onCancel
- }, [slots.action ? slots.action() : text]);
- }
- };
- const blur = () => {
- var _a;
- return (_a = fieldRef.value) == null ? void 0 : _a.blur();
- };
- const focus = () => {
- var _a;
- return (_a = fieldRef.value) == null ? void 0 : _a.focus();
- };
- const onBlur = (event) => emit("blur", event);
- const onFocus = (event) => emit("focus", event);
- const onClear = (event) => emit("clear", event);
- const onClickInput = (event) => emit("clickInput", event);
- const onClickLeftIcon = (event) => emit("clickLeftIcon", event);
- const onClickRightIcon = (event) => emit("clickRightIcon", event);
- const fieldPropNames = Object.keys(fieldSharedProps);
- const renderField = () => {
- const fieldAttrs = extend({}, attrs, pick(props2, fieldPropNames), {
- id: getInputId()
- });
- const onInput = (value) => emit("update:modelValue", value);
- return vue.createVNode(Field, vue.mergeProps({
- "ref": fieldRef,
- "type": "search",
- "class": bem$m("field", {
- "with-message": fieldAttrs.errorMessage
- }),
- "border": false,
- "onBlur": onBlur,
- "onFocus": onFocus,
- "onClear": onClear,
- "onKeypress": onKeypress,
- "onClickInput": onClickInput,
- "onClickLeftIcon": onClickLeftIcon,
- "onClickRightIcon": onClickRightIcon,
- "onUpdate:modelValue": onInput
- }, fieldAttrs), pick(slots, ["left-icon", "right-icon"]));
- };
- useExpose({
- focus,
- blur
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "class": bem$m({
- "show-action": props2.showAction
- }),
- "style": {
- background: props2.background
- }
- }, [(_a = slots.left) == null ? void 0 : _a.call(slots), vue.createVNode("div", {
- "class": bem$m("content", props2.shape)
- }, [renderLabel(), renderField()]), renderAction()]);
- };
- }
- });
- const Search = withInstall(stdin_default$v);
- const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
- const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
- const iconMap = {
- qq: "qq",
- link: "link-o",
- weibo: "weibo",
- qrcode: "qr",
- poster: "photo-o",
- wechat: "wechat",
- "weapp-qrcode": "miniprogram-o",
- "wechat-moments": "wechat-moments"
- };
- const [name$m, bem$l, t$3] = createNamespace("share-sheet");
- const shareSheetProps = extend({}, popupSharedProps, {
- title: String,
- round: truthProp,
- options: makeArrayProp(),
- cancelText: String,
- description: String,
- closeOnPopstate: truthProp,
- safeAreaInsetBottom: truthProp
- });
- var stdin_default$u = vue.defineComponent({
- name: name$m,
- props: shareSheetProps,
- emits: ["cancel", "select", "update:show"],
- setup(props2, {
- emit,
- slots
- }) {
- const updateShow = (value) => emit("update:show", value);
- const onCancel = () => {
- updateShow(false);
- emit("cancel");
- };
- const onSelect = (option, index) => emit("select", option, index);
- const renderHeader = () => {
- const title = slots.title ? slots.title() : props2.title;
- const description = slots.description ? slots.description() : props2.description;
- if (title || description) {
- return vue.createVNode("div", {
- "class": bem$l("header")
- }, [title && vue.createVNode("h2", {
- "class": bem$l("title")
- }, [title]), description && vue.createVNode("span", {
- "class": bem$l("description")
- }, [description])]);
- }
- };
- const renderIcon = (icon) => {
- if (isImage(icon)) {
- return vue.createVNode("img", {
- "src": icon,
- "class": bem$l("image-icon")
- }, null);
- }
- return vue.createVNode("div", {
- "class": bem$l("icon", [icon])
- }, [vue.createVNode(Icon, {
- "name": iconMap[icon] || icon
- }, null)]);
- };
- const renderOption = (option, index) => {
- const {
- name: name2,
- icon,
- className,
- description
- } = option;
- return vue.createVNode("div", {
- "role": "button",
- "tabindex": 0,
- "class": [bem$l("option"), className, HAPTICS_FEEDBACK],
- "onClick": () => onSelect(option, index)
- }, [renderIcon(icon), name2 && vue.createVNode("span", {
- "class": bem$l("name")
- }, [name2]), description && vue.createVNode("span", {
- "class": bem$l("option-description")
- }, [description])]);
- };
- const renderOptions = (options, border) => vue.createVNode("div", {
- "class": bem$l("options", {
- border
- })
- }, [options.map(renderOption)]);
- const renderRows = () => {
- const {
- options
- } = props2;
- if (Array.isArray(options[0])) {
- return options.map((item, index) => renderOptions(item, index !== 0));
- }
- return renderOptions(options);
- };
- const renderCancelButton = () => {
- var _a;
- const cancelText = (_a = props2.cancelText) != null ? _a : t$3("cancel");
- if (slots.cancel || cancelText) {
- return vue.createVNode("button", {
- "type": "button",
- "class": bem$l("cancel"),
- "onClick": onCancel
- }, [slots.cancel ? slots.cancel() : cancelText]);
- }
- };
- return () => vue.createVNode(Popup, vue.mergeProps({
- "class": bem$l(),
- "position": "bottom",
- "onUpdate:show": updateShow
- }, pick(props2, popupInheritKeys)), {
- default: () => [renderHeader(), renderRows(), renderCancelButton()]
- });
- }
- });
- const ShareSheet = withInstall(stdin_default$u);
- const [name$l, bem$k] = createNamespace("sidebar");
- const SIDEBAR_KEY = Symbol(name$l);
- const sidebarProps = {
- modelValue: makeNumericProp(0)
- };
- var stdin_default$t = vue.defineComponent({
- name: name$l,
- props: sidebarProps,
- emits: ["change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const {
- linkChildren
- } = useChildren(SIDEBAR_KEY);
- const getActive = () => +props2.modelValue;
- const setActive = (value) => {
- if (value !== getActive()) {
- emit("update:modelValue", value);
- emit("change", value);
- }
- };
- linkChildren({
- getActive,
- setActive
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "role": "tablist",
- "class": bem$k()
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- }
- });
- const Sidebar = withInstall(stdin_default$t);
- const [name$k, bem$j] = createNamespace("sidebar-item");
- const sidebarItemProps = extend({}, routeProps, {
- dot: Boolean,
- title: String,
- badge: numericProp,
- disabled: Boolean,
- badgeProps: Object
- });
- var stdin_default$s = vue.defineComponent({
- name: name$k,
- props: sidebarItemProps,
- emits: ["click"],
- setup(props2, {
- emit,
- slots
- }) {
- const route2 = useRoute();
- const {
- parent,
- index
- } = useParent(SIDEBAR_KEY);
- if (!parent) {
- return;
- }
- const onClick = () => {
- if (props2.disabled) {
- return;
- }
- emit("click", index.value);
- parent.setActive(index.value);
- route2();
- };
- return () => {
- const {
- dot,
- badge,
- title,
- disabled
- } = props2;
- const selected = index.value === parent.getActive();
- return vue.createVNode("div", {
- "role": "tab",
- "class": bem$j({
- select: selected,
- disabled
- }),
- "tabindex": disabled ? void 0 : 0,
- "aria-selected": selected,
- "onClick": onClick
- }, [vue.createVNode(Badge, vue.mergeProps({
- "dot": dot,
- "class": bem$j("text"),
- "content": badge
- }, props2.badgeProps), {
- default: () => [slots.title ? slots.title() : title]
- })]);
- };
- }
- });
- const SidebarItem = withInstall(stdin_default$s);
- const [name$j, bem$i, t$2] = createNamespace("signature");
- const signatureProps = {
- tips: String,
- type: makeStringProp("png"),
- penColor: makeStringProp("#000"),
- lineWidth: makeNumberProp(3),
- clearButtonText: String,
- backgroundColor: makeStringProp(""),
- confirmButtonText: String
- };
- const hasCanvasSupport = () => {
- var _a;
- const canvas = document.createElement("canvas");
- return !!((_a = canvas.getContext) == null ? void 0 : _a.call(canvas, "2d"));
- };
- var stdin_default$r = vue.defineComponent({
- name: name$j,
- props: signatureProps,
- emits: ["submit", "clear", "start", "end", "signing"],
- setup(props2, {
- emit
- }) {
- const canvasRef = vue.ref();
- const wrapRef = vue.ref();
- const ctx = vue.computed(() => {
- if (!canvasRef.value) return null;
- return canvasRef.value.getContext("2d");
- });
- const isRenderCanvas = inBrowser$1 ? hasCanvasSupport() : true;
- let canvasWidth = 0;
- let canvasHeight = 0;
- let canvasRect;
- const touchStart = () => {
- if (!ctx.value) {
- return false;
- }
- ctx.value.beginPath();
- ctx.value.lineWidth = props2.lineWidth;
- ctx.value.strokeStyle = props2.penColor;
- canvasRect = useRect(canvasRef);
- emit("start");
- };
- const touchMove = (event) => {
- if (!ctx.value) {
- return false;
- }
- preventDefault(event);
- const touch = event.touches[0];
- const mouseX = touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0);
- const mouseY = touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0);
- ctx.value.lineCap = "round";
- ctx.value.lineJoin = "round";
- ctx.value.lineTo(mouseX, mouseY);
- ctx.value.stroke();
- emit("signing", event);
- };
- const touchEnd = (event) => {
- preventDefault(event);
- emit("end");
- };
- const isCanvasEmpty = (canvas) => {
- const empty = document.createElement("canvas");
- empty.width = canvas.width;
- empty.height = canvas.height;
- if (props2.backgroundColor) {
- const emptyCtx = empty.getContext("2d");
- setCanvasBgColor(emptyCtx);
- }
- return canvas.toDataURL() === empty.toDataURL();
- };
- const setCanvasBgColor = (ctx2) => {
- if (ctx2 && props2.backgroundColor) {
- ctx2.fillStyle = props2.backgroundColor;
- ctx2.fillRect(0, 0, canvasWidth, canvasHeight);
- }
- };
- const submit = () => {
- var _a, _b;
- const canvas = canvasRef.value;
- if (!canvas) {
- return;
- }
- const isEmpty = isCanvasEmpty(canvas);
- const image = isEmpty ? "" : ((_b = (_a = {
- jpg: () => canvas.toDataURL("image/jpeg", 0.8),
- jpeg: () => canvas.toDataURL("image/jpeg", 0.8)
- })[props2.type]) == null ? void 0 : _b.call(_a)) || canvas.toDataURL(`image/${props2.type}`);
- emit("submit", {
- image,
- canvas
- });
- };
- const clear = () => {
- if (ctx.value) {
- ctx.value.clearRect(0, 0, canvasWidth, canvasHeight);
- ctx.value.closePath();
- setCanvasBgColor(ctx.value);
- }
- emit("clear");
- };
- const initialize = () => {
- var _a, _b, _c;
- if (isRenderCanvas && canvasRef.value) {
- const canvas = canvasRef.value;
- const dpr = inBrowser$1 ? window.devicePixelRatio : 1;
- canvasWidth = canvas.width = (((_a = wrapRef.value) == null ? void 0 : _a.offsetWidth) || 0) * dpr;
- canvasHeight = canvas.height = (((_b = wrapRef.value) == null ? void 0 : _b.offsetHeight) || 0) * dpr;
- (_c = ctx.value) == null ? void 0 : _c.scale(dpr, dpr);
- setCanvasBgColor(ctx.value);
- }
- };
- const resize = () => {
- if (ctx.value) {
- const data = ctx.value.getImageData(0, 0, canvasWidth, canvasHeight);
- initialize();
- ctx.value.putImageData(data, 0, 0);
- }
- };
- vue.watch(windowWidth, resize);
- vue.onMounted(initialize);
- useExpose({
- resize,
- clear,
- submit
- });
- return () => vue.createVNode("div", {
- "class": bem$i()
- }, [vue.createVNode("div", {
- "class": bem$i("content"),
- "ref": wrapRef
- }, [isRenderCanvas ? vue.createVNode("canvas", {
- "ref": canvasRef,
- "onTouchstartPassive": touchStart,
- "onTouchmove": touchMove,
- "onTouchend": touchEnd
- }, null) : vue.createVNode("p", null, [props2.tips])]), vue.createVNode("div", {
- "class": bem$i("footer")
- }, [vue.createVNode(Button, {
- "size": "small",
- "onClick": clear
- }, {
- default: () => [props2.clearButtonText || t$2("clear")]
- }), vue.createVNode(Button, {
- "type": "primary",
- "size": "small",
- "onClick": submit
- }, {
- default: () => [props2.confirmButtonText || t$2("confirm")]
- })])]);
- }
- });
- const Signature = withInstall(stdin_default$r);
- const [name$i, bem$h] = createNamespace("skeleton-title");
- const skeletonTitleProps = {
- round: Boolean,
- titleWidth: numericProp
- };
- var stdin_default$q = vue.defineComponent({
- name: name$i,
- props: skeletonTitleProps,
- setup(props2) {
- return () => vue.createVNode("h3", {
- "class": bem$h([{
- round: props2.round
- }]),
- "style": {
- width: addUnit(props2.titleWidth)
- }
- }, null);
- }
- });
- const SkeletonTitle = withInstall(stdin_default$q);
- var stdin_default$p = SkeletonTitle;
- const [name$h, bem$g] = createNamespace("skeleton-avatar");
- const skeletonAvatarProps = {
- avatarSize: numericProp,
- avatarShape: makeStringProp("round")
- };
- var stdin_default$o = vue.defineComponent({
- name: name$h,
- props: skeletonAvatarProps,
- setup(props2) {
- return () => vue.createVNode("div", {
- "class": bem$g([props2.avatarShape]),
- "style": getSizeStyle(props2.avatarSize)
- }, null);
- }
- });
- const SkeletonAvatar = withInstall(stdin_default$o);
- var stdin_default$n = SkeletonAvatar;
- const DEFAULT_ROW_WIDTH = "100%";
- const skeletonParagraphProps = {
- round: Boolean,
- rowWidth: {
- type: numericProp,
- default: DEFAULT_ROW_WIDTH
- }
- };
- const [name$g, bem$f] = createNamespace("skeleton-paragraph");
- var stdin_default$m = vue.defineComponent({
- name: name$g,
- props: skeletonParagraphProps,
- setup(props2) {
- return () => vue.createVNode("div", {
- "class": bem$f([{
- round: props2.round
- }]),
- "style": {
- width: props2.rowWidth
- }
- }, null);
- }
- });
- const SkeletonParagraph = withInstall(stdin_default$m);
- var stdin_default$l = SkeletonParagraph;
- const [name$f, bem$e] = createNamespace("skeleton");
- const DEFAULT_LAST_ROW_WIDTH = "60%";
- const skeletonProps = {
- row: makeNumericProp(0),
- round: Boolean,
- title: Boolean,
- titleWidth: numericProp,
- avatar: Boolean,
- avatarSize: numericProp,
- avatarShape: makeStringProp("round"),
- loading: truthProp,
- animate: truthProp,
- rowWidth: {
- type: [Number, String, Array],
- default: DEFAULT_ROW_WIDTH
- }
- };
- var stdin_default$k = vue.defineComponent({
- name: name$f,
- inheritAttrs: false,
- props: skeletonProps,
- setup(props2, {
- slots,
- attrs
- }) {
- const renderAvatar = () => {
- if (props2.avatar) {
- return vue.createVNode(stdin_default$n, {
- "avatarShape": props2.avatarShape,
- "avatarSize": props2.avatarSize
- }, null);
- }
- };
- const renderTitle = () => {
- if (props2.title) {
- return vue.createVNode(stdin_default$p, {
- "round": props2.round,
- "titleWidth": props2.titleWidth
- }, null);
- }
- };
- const getRowWidth = (index) => {
- const {
- rowWidth
- } = props2;
- if (rowWidth === DEFAULT_ROW_WIDTH && index === +props2.row - 1) {
- return DEFAULT_LAST_ROW_WIDTH;
- }
- if (Array.isArray(rowWidth)) {
- return rowWidth[index];
- }
- return rowWidth;
- };
- const renderRows = () => Array(+props2.row).fill("").map((_, i) => vue.createVNode(stdin_default$l, {
- "key": i,
- "round": props2.round,
- "rowWidth": addUnit(getRowWidth(i))
- }, null));
- const renderContents = () => {
- if (slots.template) {
- return slots.template();
- }
- return vue.createVNode(vue.Fragment, null, [renderAvatar(), vue.createVNode("div", {
- "class": bem$e("content")
- }, [renderTitle(), renderRows()])]);
- };
- return () => {
- var _a;
- if (!props2.loading) {
- return (_a = slots.default) == null ? void 0 : _a.call(slots);
- }
- return vue.createVNode("div", vue.mergeProps({
- "class": bem$e({
- animate: props2.animate,
- round: props2.round
- })
- }, attrs), [renderContents()]);
- };
- }
- });
- const Skeleton = withInstall(stdin_default$k);
- const [name$e, bem$d] = createNamespace("skeleton-image");
- const skeletonImageProps = {
- imageSize: numericProp,
- imageShape: makeStringProp("square")
- };
- var stdin_default$j = vue.defineComponent({
- name: name$e,
- props: skeletonImageProps,
- setup(props2) {
- return () => vue.createVNode("div", {
- "class": bem$d([props2.imageShape]),
- "style": getSizeStyle(props2.imageSize)
- }, [vue.createVNode(Icon, {
- "name": "photo",
- "class": bem$d("icon")
- }, null)]);
- }
- });
- const SkeletonImage = withInstall(stdin_default$j);
- const [name$d, bem$c] = createNamespace("slider");
- const sliderProps = {
- min: makeNumericProp(0),
- max: makeNumericProp(100),
- step: makeNumericProp(1),
- range: Boolean,
- reverse: Boolean,
- disabled: Boolean,
- readonly: Boolean,
- vertical: Boolean,
- barHeight: numericProp,
- buttonSize: numericProp,
- activeColor: String,
- inactiveColor: String,
- modelValue: {
- type: [Number, Array],
- default: 0
- }
- };
- var stdin_default$i = vue.defineComponent({
- name: name$d,
- props: sliderProps,
- emits: ["change", "dragEnd", "dragStart", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- let buttonIndex;
- let current2;
- let startValue;
- const root = vue.ref();
- const slider = [vue.ref(), vue.ref()];
- const dragStatus = vue.ref();
- const touch = useTouch();
- const scope = vue.computed(() => Number(props2.max) - Number(props2.min));
- const wrapperStyle = vue.computed(() => {
- const crossAxis = props2.vertical ? "width" : "height";
- return {
- background: props2.inactiveColor,
- [crossAxis]: addUnit(props2.barHeight)
- };
- });
- const isRange = (val) => props2.range && Array.isArray(val);
- const calcMainAxis = () => {
- const {
- modelValue,
- min
- } = props2;
- if (isRange(modelValue)) {
- return `${(modelValue[1] - modelValue[0]) * 100 / scope.value}%`;
- }
- return `${(modelValue - Number(min)) * 100 / scope.value}%`;
- };
- const calcOffset = () => {
- const {
- modelValue,
- min
- } = props2;
- if (isRange(modelValue)) {
- return `${(modelValue[0] - Number(min)) * 100 / scope.value}%`;
- }
- return "0%";
- };
- const barStyle = vue.computed(() => {
- const mainAxis = props2.vertical ? "height" : "width";
- const style = {
- [mainAxis]: calcMainAxis(),
- background: props2.activeColor
- };
- if (dragStatus.value) {
- style.transition = "none";
- }
- const getPositionKey = () => {
- if (props2.vertical) {
- return props2.reverse ? "bottom" : "top";
- }
- return props2.reverse ? "right" : "left";
- };
- style[getPositionKey()] = calcOffset();
- return style;
- });
- const format2 = (value) => {
- const min = +props2.min;
- const max = +props2.max;
- const step = +props2.step;
- value = clamp(value, min, max);
- const diff = Math.round((value - min) / step) * step;
- return addNumber(min, diff);
- };
- const updateStartValue = () => {
- const current22 = props2.modelValue;
- if (isRange(current22)) {
- startValue = current22.map(format2);
- } else {
- startValue = format2(current22);
- }
- };
- const handleRangeValue = (value) => {
- var _a, _b;
- const left2 = (_a = value[0]) != null ? _a : Number(props2.min);
- const right2 = (_b = value[1]) != null ? _b : Number(props2.max);
- return left2 > right2 ? [right2, left2] : [left2, right2];
- };
- const updateValue = (value, end2) => {
- if (isRange(value)) {
- value = handleRangeValue(value).map(format2);
- } else {
- value = format2(value);
- }
- if (!isSameValue(value, props2.modelValue)) {
- emit("update:modelValue", value);
- }
- if (end2 && !isSameValue(value, startValue)) {
- emit("change", value);
- }
- };
- const onClick = (event) => {
- event.stopPropagation();
- if (props2.disabled || props2.readonly) {
- return;
- }
- updateStartValue();
- const {
- min,
- reverse,
- vertical,
- modelValue
- } = props2;
- const rect = useRect(root);
- const getDelta = () => {
- if (vertical) {
- if (reverse) {
- return rect.bottom - event.clientY;
- }
- return event.clientY - rect.top;
- }
- if (reverse) {
- return rect.right - event.clientX;
- }
- return event.clientX - rect.left;
- };
- const total = vertical ? rect.height : rect.width;
- const value = Number(min) + getDelta() / total * scope.value;
- if (isRange(modelValue)) {
- const [left2, right2] = modelValue;
- const middle = (left2 + right2) / 2;
- if (value <= middle) {
- updateValue([value, right2], true);
- } else {
- updateValue([left2, value], true);
- }
- } else {
- updateValue(value, true);
- }
- };
- const onTouchStart = (event) => {
- if (props2.disabled || props2.readonly) {
- return;
- }
- touch.start(event);
- current2 = props2.modelValue;
- updateStartValue();
- dragStatus.value = "start";
- };
- const onTouchMove = (event) => {
- if (props2.disabled || props2.readonly) {
- return;
- }
- if (dragStatus.value === "start") {
- emit("dragStart", event);
- }
- preventDefault(event, true);
- touch.move(event);
- dragStatus.value = "dragging";
- const rect = useRect(root);
- const delta = props2.vertical ? touch.deltaY.value : touch.deltaX.value;
- const total = props2.vertical ? rect.height : rect.width;
- let diff = delta / total * scope.value;
- if (props2.reverse) {
- diff = -diff;
- }
- if (isRange(startValue)) {
- const index = props2.reverse ? 1 - buttonIndex : buttonIndex;
- current2[index] = startValue[index] + diff;
- } else {
- current2 = startValue + diff;
- }
- updateValue(current2);
- };
- const onTouchEnd = (event) => {
- if (props2.disabled || props2.readonly) {
- return;
- }
- if (dragStatus.value === "dragging") {
- updateValue(current2, true);
- emit("dragEnd", event);
- }
- dragStatus.value = "";
- };
- const getButtonClassName = (index) => {
- if (typeof index === "number") {
- const position = ["left", "right"];
- return bem$c(`button-wrapper`, position[index]);
- }
- return bem$c("button-wrapper", props2.reverse ? "left" : "right");
- };
- const renderButtonContent = (value, index) => {
- const dragging = dragStatus.value === "dragging";
- if (typeof index === "number") {
- const slot = slots[index === 0 ? "left-button" : "right-button"];
- let dragIndex;
- if (dragging && Array.isArray(current2)) {
- dragIndex = current2[0] > current2[1] ? buttonIndex ^ 1 : buttonIndex;
- }
- if (slot) {
- return slot({
- value,
- dragging,
- dragIndex
- });
- }
- }
- if (slots.button) {
- return slots.button({
- value,
- dragging
- });
- }
- return vue.createVNode("div", {
- "class": bem$c("button"),
- "style": getSizeStyle(props2.buttonSize)
- }, null);
- };
- const renderButton = (index) => {
- const current22 = typeof index === "number" ? props2.modelValue[index] : props2.modelValue;
- return vue.createVNode("div", {
- "ref": slider[index != null ? index : 0],
- "role": "slider",
- "class": getButtonClassName(index),
- "tabindex": props2.disabled ? void 0 : 0,
- "aria-valuemin": props2.min,
- "aria-valuenow": current22,
- "aria-valuemax": props2.max,
- "aria-disabled": props2.disabled || void 0,
- "aria-readonly": props2.readonly || void 0,
- "aria-orientation": props2.vertical ? "vertical" : "horizontal",
- "onTouchstartPassive": (event) => {
- if (typeof index === "number") {
- buttonIndex = index;
- }
- onTouchStart(event);
- },
- "onTouchend": onTouchEnd,
- "onTouchcancel": onTouchEnd,
- "onClick": stopPropagation
- }, [renderButtonContent(current22, index)]);
- };
- updateValue(props2.modelValue);
- useCustomFieldValue(() => props2.modelValue);
- slider.forEach((item) => {
- useEventListener("touchmove", onTouchMove, {
- target: item
- });
- });
- return () => vue.createVNode("div", {
- "ref": root,
- "style": wrapperStyle.value,
- "class": bem$c({
- vertical: props2.vertical,
- disabled: props2.disabled
- }),
- "onClick": onClick
- }, [vue.createVNode("div", {
- "class": bem$c("bar"),
- "style": barStyle.value
- }, [props2.range ? [renderButton(0), renderButton(1)] : renderButton()])]);
- }
- });
- const Slider = withInstall(stdin_default$i);
- const [name$c, bem$b] = createNamespace("space");
- const spaceProps = {
- align: String,
- direction: {
- type: String,
- default: "horizontal"
- },
- size: {
- type: [Number, String, Array],
- default: 8
- },
- wrap: Boolean,
- fill: Boolean
- };
- function filterEmpty(children = []) {
- const nodes = [];
- children.forEach((child) => {
- if (Array.isArray(child)) {
- nodes.push(...child);
- } else if (child.type === vue.Fragment) {
- nodes.push(...filterEmpty(child.children));
- } else {
- nodes.push(child);
- }
- });
- return nodes.filter((c) => {
- var _a;
- return !(c && (c.type === vue.Comment || c.type === vue.Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === vue.Text && c.children.trim() === ""));
- });
- }
- var stdin_default$h = vue.defineComponent({
- name: name$c,
- props: spaceProps,
- setup(props2, {
- slots
- }) {
- const mergedAlign = vue.computed(() => {
- var _a;
- return (_a = props2.align) != null ? _a : props2.direction === "horizontal" ? "center" : "";
- });
- const getMargin = (size) => {
- if (typeof size === "number") {
- return size + "px";
- }
- return size;
- };
- const getMarginStyle = (isLast) => {
- const style = {};
- const marginRight = `${getMargin(Array.isArray(props2.size) ? props2.size[0] : props2.size)}`;
- const marginBottom = `${getMargin(Array.isArray(props2.size) ? props2.size[1] : props2.size)}`;
- if (isLast) {
- return props2.wrap ? {
- marginBottom
- } : {};
- }
- if (props2.direction === "horizontal") {
- style.marginRight = marginRight;
- }
- if (props2.direction === "vertical" || props2.wrap) {
- style.marginBottom = marginBottom;
- }
- return style;
- };
- return () => {
- var _a;
- const children = filterEmpty((_a = slots.default) == null ? void 0 : _a.call(slots));
- return vue.createVNode("div", {
- "class": [bem$b({
- [props2.direction]: props2.direction,
- [`align-${mergedAlign.value}`]: mergedAlign.value,
- wrap: props2.wrap,
- fill: props2.fill
- })]
- }, [children.map((c, i) => vue.createVNode("div", {
- "key": `item-${i}`,
- "class": `${name$c}-item`,
- "style": getMarginStyle(i === children.length - 1)
- }, [c]))]);
- };
- }
- });
- const Space = withInstall(stdin_default$h);
- const [name$b, bem$a] = createNamespace("steps");
- const stepsProps = {
- active: makeNumericProp(0),
- direction: makeStringProp("horizontal"),
- activeIcon: makeStringProp("checked"),
- iconPrefix: String,
- finishIcon: String,
- activeColor: String,
- inactiveIcon: String,
- inactiveColor: String
- };
- const STEPS_KEY = Symbol(name$b);
- var stdin_default$g = vue.defineComponent({
- name: name$b,
- props: stepsProps,
- emits: ["clickStep"],
- setup(props2, {
- emit,
- slots
- }) {
- const {
- linkChildren
- } = useChildren(STEPS_KEY);
- const onClickStep = (index) => emit("clickStep", index);
- linkChildren({
- props: props2,
- onClickStep
- });
- return () => {
- var _a;
- return vue.createVNode("div", {
- "class": bem$a([props2.direction])
- }, [vue.createVNode("div", {
- "class": bem$a("items")
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
- };
- }
- });
- const [name$a, bem$9] = createNamespace("step");
- var stdin_default$f = vue.defineComponent({
- name: name$a,
- setup(props2, {
- slots
- }) {
- const {
- parent,
- index
- } = useParent(STEPS_KEY);
- if (!parent) {
- return;
- }
- const parentProps = parent.props;
- const getStatus = () => {
- const active = +parentProps.active;
- if (index.value < active) {
- return "finish";
- }
- return index.value === active ? "process" : "waiting";
- };
- const isActive = () => getStatus() === "process";
- const lineStyle = vue.computed(() => ({
- background: getStatus() === "finish" ? parentProps.activeColor : parentProps.inactiveColor
- }));
- const titleStyle = vue.computed(() => {
- if (isActive()) {
- return {
- color: parentProps.activeColor
- };
- }
- if (getStatus() === "waiting") {
- return {
- color: parentProps.inactiveColor
- };
- }
- });
- const onClickStep = () => parent.onClickStep(index.value);
- const renderCircle = () => {
- const {
- iconPrefix,
- finishIcon,
- activeIcon,
- activeColor,
- inactiveIcon
- } = parentProps;
- if (isActive()) {
- if (slots["active-icon"]) {
- return slots["active-icon"]();
- }
- return vue.createVNode(Icon, {
- "class": bem$9("icon", "active"),
- "name": activeIcon,
- "color": activeColor,
- "classPrefix": iconPrefix
- }, null);
- }
- if (getStatus() === "finish" && (finishIcon || slots["finish-icon"])) {
- if (slots["finish-icon"]) {
- return slots["finish-icon"]();
- }
- return vue.createVNode(Icon, {
- "class": bem$9("icon", "finish"),
- "name": finishIcon,
- "color": activeColor,
- "classPrefix": iconPrefix
- }, null);
- }
- if (slots["inactive-icon"]) {
- return slots["inactive-icon"]();
- }
- if (inactiveIcon) {
- return vue.createVNode(Icon, {
- "class": bem$9("icon"),
- "name": inactiveIcon,
- "classPrefix": iconPrefix
- }, null);
- }
- return vue.createVNode("i", {
- "class": bem$9("circle"),
- "style": lineStyle.value
- }, null);
- };
- return () => {
- var _a;
- const status = getStatus();
- return vue.createVNode("div", {
- "class": [BORDER, bem$9([parentProps.direction, {
- [status]: status
- }])]
- }, [vue.createVNode("div", {
- "class": bem$9("title", {
- active: isActive()
- }),
- "style": titleStyle.value,
- "onClick": onClickStep
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), vue.createVNode("div", {
- "class": bem$9("circle-container"),
- "onClick": onClickStep
- }, [renderCircle()]), vue.createVNode("div", {
- "class": bem$9("line"),
- "style": lineStyle.value
- }, null)]);
- };
- }
- });
- const Step = withInstall(stdin_default$f);
- const [name$9, bem$8] = createNamespace("stepper");
- const LONG_PRESS_INTERVAL = 200;
- const isEqual = (value1, value2) => String(value1) === String(value2);
- const stepperProps = {
- min: makeNumericProp(1),
- max: makeNumericProp(Infinity),
- name: makeNumericProp(""),
- step: makeNumericProp(1),
- theme: String,
- integer: Boolean,
- disabled: Boolean,
- showPlus: truthProp,
- showMinus: truthProp,
- showInput: truthProp,
- longPress: truthProp,
- autoFixed: truthProp,
- allowEmpty: Boolean,
- modelValue: numericProp,
- inputWidth: numericProp,
- buttonSize: numericProp,
- placeholder: String,
- disablePlus: Boolean,
- disableMinus: Boolean,
- disableInput: Boolean,
- beforeChange: Function,
- defaultValue: makeNumericProp(1),
- decimalLength: numericProp
- };
- var stdin_default$e = vue.defineComponent({
- name: name$9,
- props: stepperProps,
- emits: ["plus", "blur", "minus", "focus", "change", "overlimit", "update:modelValue"],
- setup(props2, {
- emit
- }) {
- const format2 = (value, autoFixed = true) => {
- const {
- min,
- max,
- allowEmpty,
- decimalLength
- } = props2;
- if (allowEmpty && value === "") {
- return value;
- }
- value = formatNumber(String(value), !props2.integer);
- value = value === "" ? 0 : +value;
- value = Number.isNaN(value) ? +min : value;
- value = autoFixed ? Math.max(Math.min(+max, value), +min) : value;
- if (isDef(decimalLength)) {
- value = value.toFixed(+decimalLength);
- }
- return value;
- };
- const getInitialValue = () => {
- var _a;
- const defaultValue = (_a = props2.modelValue) != null ? _a : props2.defaultValue;
- const value = format2(defaultValue);
- if (!isEqual(value, props2.modelValue)) {
- emit("update:modelValue", value);
- }
- return value;
- };
- let actionType;
- const inputRef = vue.ref();
- const current2 = vue.ref(getInitialValue());
- const minusDisabled = vue.computed(() => props2.disabled || props2.disableMinus || +current2.value <= +props2.min);
- const plusDisabled = vue.computed(() => props2.disabled || props2.disablePlus || +current2.value >= +props2.max);
- const inputStyle = vue.computed(() => ({
- width: addUnit(props2.inputWidth),
- height: addUnit(props2.buttonSize)
- }));
- const buttonStyle = vue.computed(() => getSizeStyle(props2.buttonSize));
- const check = () => {
- const value = format2(current2.value);
- if (!isEqual(value, current2.value)) {
- current2.value = value;
- }
- };
- const setValue = (value) => {
- if (props2.beforeChange) {
- callInterceptor(props2.beforeChange, {
- args: [value],
- done() {
- current2.value = value;
- }
- });
- } else {
- current2.value = value;
- }
- };
- const onChange = () => {
- if (actionType === "plus" && plusDisabled.value || actionType === "minus" && minusDisabled.value) {
- emit("overlimit", actionType);
- return;
- }
- const diff = actionType === "minus" ? -props2.step : +props2.step;
- const value = format2(addNumber(+current2.value, diff));
- setValue(value);
- emit(actionType);
- };
- const onInput = (event) => {
- const input = event.target;
- const {
- value
- } = input;
- const {
- decimalLength
- } = props2;
- let formatted = formatNumber(String(value), !props2.integer);
- if (isDef(decimalLength) && formatted.includes(".")) {
- const pair = formatted.split(".");
- formatted = `${pair[0]}.${pair[1].slice(0, +decimalLength)}`;
- }
- if (props2.beforeChange) {
- input.value = String(current2.value);
- } else if (!isEqual(value, formatted)) {
- input.value = formatted;
- }
- const isNumeric2 = formatted === String(+formatted);
- setValue(isNumeric2 ? +formatted : formatted);
- };
- const onFocus = (event) => {
- var _a;
- if (props2.disableInput) {
- (_a = inputRef.value) == null ? void 0 : _a.blur();
- } else {
- emit("focus", event);
- }
- };
- const onBlur = (event) => {
- const input = event.target;
- const value = format2(input.value, props2.autoFixed);
- input.value = String(value);
- current2.value = value;
- vue.nextTick(() => {
- emit("blur", event);
- resetScroll();
- });
- };
- let isLongPress;
- let longPressTimer;
- const longPressStep = () => {
- longPressTimer = setTimeout(() => {
- onChange();
- longPressStep();
- }, LONG_PRESS_INTERVAL);
- };
- const onTouchStart = () => {
- if (props2.longPress) {
- isLongPress = false;
- clearTimeout(longPressTimer);
- longPressTimer = setTimeout(() => {
- isLongPress = true;
- onChange();
- longPressStep();
- }, LONG_PRESS_START_TIME);
- }
- };
- const onTouchEnd = (event) => {
- if (props2.longPress) {
- clearTimeout(longPressTimer);
- if (isLongPress) {
- preventDefault(event);
- }
- }
- };
- const onMousedown = (event) => {
- if (props2.disableInput) {
- preventDefault(event);
- }
- };
- const createListeners = (type) => ({
- onClick: (event) => {
- preventDefault(event);
- actionType = type;
- onChange();
- },
- onTouchstartPassive: () => {
- actionType = type;
- onTouchStart();
- },
- onTouchend: onTouchEnd,
- onTouchcancel: onTouchEnd
- });
- vue.watch(() => [props2.max, props2.min, props2.integer, props2.decimalLength], check);
- vue.watch(() => props2.modelValue, (value) => {
- if (!isEqual(value, current2.value)) {
- current2.value = format2(value);
- }
- });
- vue.watch(current2, (value) => {
- emit("update:modelValue", value);
- emit("change", value, {
- name: props2.name
- });
- });
- useCustomFieldValue(() => props2.modelValue);
- return () => vue.createVNode("div", {
- "role": "group",
- "class": bem$8([props2.theme])
- }, [vue.withDirectives(vue.createVNode("button", vue.mergeProps({
- "type": "button",
- "style": buttonStyle.value,
- "class": [bem$8("minus", {
- disabled: minusDisabled.value
- }), {
- [HAPTICS_FEEDBACK]: !minusDisabled.value
- }],
- "aria-disabled": minusDisabled.value || void 0
- }, createListeners("minus")), null), [[vue.vShow, props2.showMinus]]), vue.withDirectives(vue.createVNode("input", {
- "ref": inputRef,
- "type": props2.integer ? "tel" : "text",
- "role": "spinbutton",
- "class": bem$8("input"),
- "value": current2.value,
- "style": inputStyle.value,
- "disabled": props2.disabled,
- "readonly": props2.disableInput,
- "inputmode": props2.integer ? "numeric" : "decimal",
- "placeholder": props2.placeholder,
- "autocomplete": "off",
- "aria-valuemax": props2.max,
- "aria-valuemin": props2.min,
- "aria-valuenow": current2.value,
- "onBlur": onBlur,
- "onInput": onInput,
- "onFocus": onFocus,
- "onMousedown": onMousedown
- }, null), [[vue.vShow, props2.showInput]]), vue.withDirectives(vue.createVNode("button", vue.mergeProps({
- "type": "button",
- "style": buttonStyle.value,
- "class": [bem$8("plus", {
- disabled: plusDisabled.value
- }), {
- [HAPTICS_FEEDBACK]: !plusDisabled.value
- }],
- "aria-disabled": plusDisabled.value || void 0
- }, createListeners("plus")), null), [[vue.vShow, props2.showPlus]])]);
- }
- });
- const Stepper = withInstall(stdin_default$e);
- const Steps = withInstall(stdin_default$g);
- const [name$8, bem$7, t$1] = createNamespace("submit-bar");
- const submitBarProps = {
- tip: String,
- label: String,
- price: Number,
- tipIcon: String,
- loading: Boolean,
- currency: makeStringProp("¥"),
- disabled: Boolean,
- textAlign: String,
- buttonText: String,
- buttonType: makeStringProp("danger"),
- buttonColor: String,
- suffixLabel: String,
- placeholder: Boolean,
- decimalLength: makeNumericProp(2),
- safeAreaInsetBottom: truthProp
- };
- var stdin_default$d = vue.defineComponent({
- name: name$8,
- props: submitBarProps,
- emits: ["submit"],
- setup(props2, {
- emit,
- slots
- }) {
- const root = vue.ref();
- const renderPlaceholder = usePlaceholder(root, bem$7);
- const renderText = () => {
- const {
- price,
- label,
- currency,
- textAlign,
- suffixLabel,
- decimalLength
- } = props2;
- if (typeof price === "number") {
- const pricePair = (price / 100).toFixed(+decimalLength).split(".");
- const decimal = decimalLength ? `.${pricePair[1]}` : "";
- return vue.createVNode("div", {
- "class": bem$7("text"),
- "style": {
- textAlign
- }
- }, [vue.createVNode("span", null, [label || t$1("label")]), vue.createVNode("span", {
- "class": bem$7("price")
- }, [currency, vue.createVNode("span", {
- "class": bem$7("price-integer")
- }, [pricePair[0]]), decimal]), suffixLabel && vue.createVNode("span", {
- "class": bem$7("suffix-label")
- }, [suffixLabel])]);
- }
- };
- const renderTip = () => {
- var _a;
- const {
- tip,
- tipIcon
- } = props2;
- if (slots.tip || tip) {
- return vue.createVNode("div", {
- "class": bem$7("tip")
- }, [tipIcon && vue.createVNode(Icon, {
- "class": bem$7("tip-icon"),
- "name": tipIcon
- }, null), tip && vue.createVNode("span", {
- "class": bem$7("tip-text")
- }, [tip]), (_a = slots.tip) == null ? void 0 : _a.call(slots)]);
- }
- };
- const onClickButton = () => emit("submit");
- const renderButton = () => {
- if (slots.button) {
- return slots.button();
- }
- return vue.createVNode(Button, {
- "round": true,
- "type": props2.buttonType,
- "text": props2.buttonText,
- "class": bem$7("button", props2.buttonType),
- "color": props2.buttonColor,
- "loading": props2.loading,
- "disabled": props2.disabled,
- "onClick": onClickButton
- }, null);
- };
- const renderSubmitBar = () => {
- var _a, _b;
- return vue.createVNode("div", {
- "ref": root,
- "class": [bem$7(), {
- "van-safe-area-bottom": props2.safeAreaInsetBottom
- }]
- }, [(_a = slots.top) == null ? void 0 : _a.call(slots), renderTip(), vue.createVNode("div", {
- "class": bem$7("bar")
- }, [(_b = slots.default) == null ? void 0 : _b.call(slots), renderText(), renderButton()])]);
- };
- return () => {
- if (props2.placeholder) {
- return renderPlaceholder(renderSubmitBar);
- }
- return renderSubmitBar();
- };
- }
- });
- const SubmitBar = withInstall(stdin_default$d);
- const [name$7, bem$6] = createNamespace("swipe-cell");
- const swipeCellProps = {
- name: makeNumericProp(""),
- disabled: Boolean,
- leftWidth: numericProp,
- rightWidth: numericProp,
- beforeClose: Function,
- stopPropagation: Boolean
- };
- var stdin_default$c = vue.defineComponent({
- name: name$7,
- props: swipeCellProps,
- emits: ["open", "close", "click"],
- setup(props2, {
- emit,
- slots
- }) {
- let opened;
- let lockClick2;
- let startOffset;
- let isInBeforeClosing;
- const root = vue.ref();
- const leftRef = vue.ref();
- const rightRef = vue.ref();
- const state = vue.reactive({
- offset: 0,
- dragging: false
- });
- const touch = useTouch();
- const getWidthByRef = (ref2) => ref2.value ? useRect(ref2).width : 0;
- const leftWidth = vue.computed(() => isDef(props2.leftWidth) ? +props2.leftWidth : getWidthByRef(leftRef));
- const rightWidth = vue.computed(() => isDef(props2.rightWidth) ? +props2.rightWidth : getWidthByRef(rightRef));
- const open = (side) => {
- state.offset = side === "left" ? leftWidth.value : -rightWidth.value;
- if (!opened) {
- opened = true;
- emit("open", {
- name: props2.name,
- position: side
- });
- }
- };
- const close = (position) => {
- state.offset = 0;
- if (opened) {
- opened = false;
- emit("close", {
- name: props2.name,
- position
- });
- }
- };
- const toggle = (side) => {
- const offset2 = Math.abs(state.offset);
- const THRESHOLD = 0.15;
- const threshold = opened ? 1 - THRESHOLD : THRESHOLD;
- const width2 = side === "left" ? leftWidth.value : rightWidth.value;
- if (width2 && offset2 > width2 * threshold) {
- open(side);
- } else {
- close(side);
- }
- };
- const onTouchStart = (event) => {
- if (!props2.disabled) {
- startOffset = state.offset;
- touch.start(event);
- }
- };
- const onTouchMove = (event) => {
- if (props2.disabled) {
- return;
- }
- const {
- deltaX
- } = touch;
- touch.move(event);
- if (touch.isHorizontal()) {
- lockClick2 = true;
- state.dragging = true;
- const isEdge = !opened || deltaX.value * startOffset < 0;
- if (isEdge) {
- preventDefault(event, props2.stopPropagation);
- }
- state.offset = clamp(deltaX.value + startOffset, -rightWidth.value, leftWidth.value);
- }
- };
- const onTouchEnd = () => {
- if (state.dragging) {
- state.dragging = false;
- toggle(state.offset > 0 ? "left" : "right");
- setTimeout(() => {
- lockClick2 = false;
- }, 0);
- }
- };
- const onClick = (position = "outside", event) => {
- if (isInBeforeClosing) return;
- emit("click", position);
- if (opened && !lockClick2) {
- isInBeforeClosing = true;
- callInterceptor(props2.beforeClose, {
- args: [{
- event,
- name: props2.name,
- position
- }],
- done: () => {
- isInBeforeClosing = false;
- close(position);
- },
- canceled: () => isInBeforeClosing = false,
- error: () => isInBeforeClosing = false
- });
- }
- };
- const getClickHandler = (position, stop) => (event) => {
- if (stop) {
- event.stopPropagation();
- }
- if (lockClick2) {
- return;
- }
- onClick(position, event);
- };
- const renderSideContent = (side, ref2) => {
- const contentSlot = slots[side];
- if (contentSlot) {
- return vue.createVNode("div", {
- "ref": ref2,
- "class": bem$6(side),
- "onClick": getClickHandler(side, true)
- }, [contentSlot()]);
- }
- };
- useExpose({
- open,
- close
- });
- useClickAway(root, (event) => onClick("outside", event), {
- eventName: "touchstart"
- });
- useEventListener("touchmove", onTouchMove, {
- target: root
- });
- return () => {
- var _a;
- const wrapperStyle = {
- transform: `translate3d(${state.offset}px, 0, 0)`,
- transitionDuration: state.dragging ? "0s" : ".6s"
- };
- return vue.createVNode("div", {
- "ref": root,
- "class": bem$6(),
- "onClick": getClickHandler("cell", lockClick2),
- "onTouchstartPassive": onTouchStart,
- "onTouchend": onTouchEnd,
- "onTouchcancel": onTouchEnd
- }, [vue.createVNode("div", {
- "class": bem$6("wrapper"),
- "style": wrapperStyle
- }, [renderSideContent("left", leftRef), (_a = slots.default) == null ? void 0 : _a.call(slots), renderSideContent("right", rightRef)])]);
- };
- }
- });
- const SwipeCell = withInstall(stdin_default$c);
- const [name$6, bem$5] = createNamespace("tabbar");
- const tabbarProps = {
- route: Boolean,
- fixed: truthProp,
- border: truthProp,
- zIndex: numericProp,
- placeholder: Boolean,
- activeColor: String,
- beforeChange: Function,
- inactiveColor: String,
- modelValue: makeNumericProp(0),
- safeAreaInsetBottom: {
- type: Boolean,
- default: null
- }
- };
- const TABBAR_KEY = Symbol(name$6);
- var stdin_default$b = vue.defineComponent({
- name: name$6,
- props: tabbarProps,
- emits: ["change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const root = vue.ref();
- const {
- linkChildren
- } = useChildren(TABBAR_KEY);
- const renderPlaceholder = usePlaceholder(root, bem$5);
- const enableSafeArea = () => {
- var _a;
- return (_a = props2.safeAreaInsetBottom) != null ? _a : props2.fixed;
- };
- const renderTabbar = () => {
- var _a;
- const {
- fixed,
- zIndex,
- border
- } = props2;
- return vue.createVNode("div", {
- "ref": root,
- "role": "tablist",
- "style": getZIndexStyle(zIndex),
- "class": [bem$5({
- fixed
- }), {
- [BORDER_TOP_BOTTOM]: border,
- "van-safe-area-bottom": enableSafeArea()
- }]
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
- };
- const setActive = (active, afterChange) => {
- callInterceptor(props2.beforeChange, {
- args: [active],
- done() {
- emit("update:modelValue", active);
- emit("change", active);
- afterChange();
- }
- });
- };
- linkChildren({
- props: props2,
- setActive
- });
- return () => {
- if (props2.fixed && props2.placeholder) {
- return renderPlaceholder(renderTabbar);
- }
- return renderTabbar();
- };
- }
- });
- const Tabbar = withInstall(stdin_default$b);
- const [name$5, bem$4] = createNamespace("tabbar-item");
- const tabbarItemProps = extend({}, routeProps, {
- dot: Boolean,
- icon: String,
- name: numericProp,
- badge: numericProp,
- badgeProps: Object,
- iconPrefix: String
- });
- var stdin_default$a = vue.defineComponent({
- name: name$5,
- props: tabbarItemProps,
- emits: ["click"],
- setup(props2, {
- emit,
- slots
- }) {
- const route2 = useRoute();
- const vm = vue.getCurrentInstance().proxy;
- const {
- parent,
- index
- } = useParent(TABBAR_KEY);
- if (!parent) {
- return;
- }
- const active = vue.computed(() => {
- var _a;
- const {
- route: route22,
- modelValue
- } = parent.props;
- if (route22 && "$route" in vm) {
- const {
- $route
- } = vm;
- const {
- to
- } = props2;
- const config = isObject$1(to) ? to : {
- path: to
- };
- return !!$route.matched.find((val) => {
- const pathMatched = "path" in config && config.path === val.path;
- const nameMatched = "name" in config && config.name === val.name;
- return pathMatched || nameMatched;
- });
- }
- return ((_a = props2.name) != null ? _a : index.value) === modelValue;
- });
- const onClick = (event) => {
- var _a;
- if (!active.value) {
- parent.setActive((_a = props2.name) != null ? _a : index.value, route2);
- }
- emit("click", event);
- };
- const renderIcon = () => {
- if (slots.icon) {
- return slots.icon({
- active: active.value
- });
- }
- if (props2.icon) {
- return vue.createVNode(Icon, {
- "name": props2.icon,
- "classPrefix": props2.iconPrefix
- }, null);
- }
- };
- return () => {
- var _a;
- const {
- dot,
- badge
- } = props2;
- const {
- activeColor,
- inactiveColor
- } = parent.props;
- const color = active.value ? activeColor : inactiveColor;
- return vue.createVNode("div", {
- "role": "tab",
- "class": bem$4({
- active: active.value
- }),
- "style": {
- color
- },
- "tabindex": 0,
- "aria-selected": active.value,
- "onClick": onClick
- }, [vue.createVNode(Badge, vue.mergeProps({
- "dot": dot,
- "class": bem$4("icon"),
- "content": badge
- }, props2.badgeProps), {
- default: renderIcon
- }), vue.createVNode("div", {
- "class": bem$4("text")
- }, [(_a = slots.default) == null ? void 0 : _a.call(slots, {
- active: active.value
- })])]);
- };
- }
- });
- const TabbarItem = withInstall(stdin_default$a);
- const [name$4, bem$3] = createNamespace("text-ellipsis");
- const textEllipsisProps = {
- rows: makeNumericProp(1),
- dots: makeStringProp("..."),
- content: makeStringProp(""),
- expandText: makeStringProp(""),
- collapseText: makeStringProp(""),
- position: makeStringProp("end")
- };
- var stdin_default$9 = vue.defineComponent({
- name: name$4,
- props: textEllipsisProps,
- emits: ["clickAction"],
- setup(props2, {
- emit,
- slots
- }) {
- const text = vue.ref(props2.content);
- const expanded = vue.ref(false);
- const hasAction = vue.ref(false);
- const root = vue.ref();
- const actionRef = vue.ref();
- let needRecalculate = false;
- const actionText = vue.computed(() => expanded.value ? props2.collapseText : props2.expandText);
- const pxToNum = (value) => {
- if (!value) return 0;
- const match = value.match(/^\d*(\.\d*)?/);
- return match ? Number(match[0]) : 0;
- };
- const cloneContainer = () => {
- if (!root.value || !root.value.isConnected) return;
- const originStyle = window.getComputedStyle(root.value);
- const container = document.createElement("div");
- const styleNames = Array.prototype.slice.apply(originStyle);
- styleNames.forEach((name2) => {
- container.style.setProperty(name2, originStyle.getPropertyValue(name2));
- });
- container.style.position = "fixed";
- container.style.zIndex = "-9999";
- container.style.top = "-9999px";
- container.style.height = "auto";
- container.style.minHeight = "auto";
- container.style.maxHeight = "auto";
- container.innerText = props2.content;
- document.body.appendChild(container);
- return container;
- };
- const calcEllipsisText = (container, maxHeight) => {
- var _a, _b;
- const {
- content,
- position,
- dots
- } = props2;
- const end2 = content.length;
- const middle = 0 + end2 >> 1;
- const actionHTML = slots.action ? (_b = (_a = actionRef.value) == null ? void 0 : _a.outerHTML) != null ? _b : "" : props2.expandText;
- const calcEllipse = () => {
- const tail = (left2, right2) => {
- if (right2 - left2 <= 1) {
- if (position === "end") {
- return content.slice(0, left2) + dots;
- }
- return dots + content.slice(right2, end2);
- }
- const middle2 = Math.round((left2 + right2) / 2);
- if (position === "end") {
- container.innerText = content.slice(0, middle2) + dots;
- } else {
- container.innerText = dots + content.slice(middle2, end2);
- }
- container.innerHTML += actionHTML;
- if (container.offsetHeight > maxHeight) {
- if (position === "end") {
- return tail(left2, middle2);
- }
- return tail(middle2, right2);
- }
- if (position === "end") {
- return tail(middle2, right2);
- }
- return tail(left2, middle2);
- };
- return tail(0, end2);
- };
- const middleTail = (leftPart, rightPart) => {
- if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
- return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end2);
- }
- const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
- const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
- container.innerText = props2.content.slice(0, leftMiddle) + props2.dots + props2.content.slice(rightMiddle, end2);
- container.innerHTML += actionHTML;
- if (container.offsetHeight >= maxHeight) {
- return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
- }
- return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
- };
- return props2.position === "middle" ? middleTail([0, middle], [middle, end2]) : calcEllipse();
- };
- const calcEllipsised = () => {
- const container = cloneContainer();
- if (!container) {
- needRecalculate = true;
- return;
- }
- const {
- paddingBottom,
- paddingTop,
- lineHeight
- } = container.style;
- const maxHeight = Math.ceil((Number(props2.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
- if (maxHeight < container.offsetHeight) {
- hasAction.value = true;
- text.value = calcEllipsisText(container, maxHeight);
- } else {
- hasAction.value = false;
- text.value = props2.content;
- }
- document.body.removeChild(container);
- };
- const toggle = (isExpanded = !expanded.value) => {
- expanded.value = isExpanded;
- };
- const onClickAction = (event) => {
- toggle();
- emit("clickAction", event);
- };
- const renderAction = () => {
- const action = slots.action ? slots.action({
- expanded: expanded.value
- }) : actionText.value;
- return vue.createVNode("span", {
- "ref": actionRef,
- "class": bem$3("action"),
- "onClick": onClickAction
- }, [action]);
- };
- vue.onMounted(() => {
- calcEllipsised();
- if (slots.action) {
- vue.nextTick(calcEllipsised);
- }
- });
- vue.onActivated(() => {
- if (needRecalculate) {
- needRecalculate = false;
- calcEllipsised();
- }
- });
- vue.watch([windowWidth, () => [props2.content, props2.rows, props2.position]], calcEllipsised);
- useExpose({
- toggle
- });
- return () => vue.createVNode("div", {
- "ref": root,
- "class": bem$3()
- }, [expanded.value ? props2.content : text.value, hasAction.value ? renderAction() : null]);
- }
- });
- const TextEllipsis = withInstall(stdin_default$9);
- const [name$3] = createNamespace("time-picker");
- const validateTime = (val) => /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/.test(val);
- const fullColumns = ["hour", "minute", "second"];
- const timePickerProps = extend({}, sharedProps, {
- minHour: makeNumericProp(0),
- maxHour: makeNumericProp(23),
- minMinute: makeNumericProp(0),
- maxMinute: makeNumericProp(59),
- minSecond: makeNumericProp(0),
- maxSecond: makeNumericProp(59),
- minTime: {
- type: String,
- validator: validateTime
- },
- maxTime: {
- type: String,
- validator: validateTime
- },
- columnsType: {
- type: Array,
- default: () => ["hour", "minute"]
- }
- });
- var stdin_default$8 = vue.defineComponent({
- name: name$3,
- props: timePickerProps,
- emits: ["confirm", "cancel", "change", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const currentValues = vue.ref(props2.modelValue);
- const pickerRef = vue.ref();
- const getValidTime = (time) => {
- const timeLimitArr = time.split(":");
- return fullColumns.map((col, i) => props2.columnsType.includes(col) ? timeLimitArr[i] : "00");
- };
- const confirm = () => {
- var _a;
- return (_a = pickerRef.value) == null ? void 0 : _a.confirm();
- };
- const getSelectedTime = () => currentValues.value;
- const columns = vue.computed(() => {
- let {
- minHour,
- maxHour,
- minMinute,
- maxMinute,
- minSecond,
- maxSecond
- } = props2;
- if (props2.minTime || props2.maxTime) {
- const fullTime = {
- hour: 0,
- minute: 0,
- second: 0
- };
- props2.columnsType.forEach((col, i) => {
- var _a;
- fullTime[col] = (_a = currentValues.value[i]) != null ? _a : 0;
- });
- const {
- hour,
- minute
- } = fullTime;
- if (props2.minTime) {
- const [minH, minM, minS] = getValidTime(props2.minTime);
- minHour = minH;
- minMinute = +hour <= +minHour ? minM : "00";
- minSecond = +hour <= +minHour && +minute <= +minMinute ? minS : "00";
- }
- if (props2.maxTime) {
- const [maxH, maxM, maxS] = getValidTime(props2.maxTime);
- maxHour = maxH;
- maxMinute = +hour >= +maxHour ? maxM : "59";
- maxSecond = +hour >= +maxHour && +minute >= +maxMinute ? maxS : "59";
- }
- }
- return props2.columnsType.map((type) => {
- const {
- filter,
- formatter
- } = props2;
- switch (type) {
- case "hour":
- return genOptions(+minHour, +maxHour, type, formatter, filter, currentValues.value);
- case "minute":
- return genOptions(+minMinute, +maxMinute, type, formatter, filter, currentValues.value);
- case "second":
- return genOptions(+minSecond, +maxSecond, type, formatter, filter, currentValues.value);
- default:
- return [];
- }
- });
- });
- vue.watch(currentValues, (newValues) => {
- if (!isSameValue(newValues, props2.modelValue)) {
- emit("update:modelValue", newValues);
- }
- });
- vue.watch(() => props2.modelValue, (newValues) => {
- newValues = formatValueRange(newValues, columns.value);
- if (!isSameValue(newValues, currentValues.value)) {
- currentValues.value = newValues;
- }
- }, {
- immediate: true
- });
- const onChange = (...args) => emit("change", ...args);
- const onCancel = (...args) => emit("cancel", ...args);
- const onConfirm = (...args) => emit("confirm", ...args);
- useExpose({
- confirm,
- getSelectedTime
- });
- return () => vue.createVNode(Picker, vue.mergeProps({
- "ref": pickerRef,
- "modelValue": currentValues.value,
- "onUpdate:modelValue": ($event) => currentValues.value = $event,
- "columns": columns.value,
- "onChange": onChange,
- "onCancel": onCancel,
- "onConfirm": onConfirm
- }, pick(props2, pickerInheritKeys)), slots);
- }
- });
- const TimePicker = withInstall(stdin_default$8);
- const [name$2, bem$2] = createNamespace("tree-select");
- const treeSelectProps = {
- max: makeNumericProp(Infinity),
- items: makeArrayProp(),
- height: makeNumericProp(300),
- selectedIcon: makeStringProp("success"),
- mainActiveIndex: makeNumericProp(0),
- activeId: {
- type: [Number, String, Array],
- default: 0
- }
- };
- var stdin_default$7 = vue.defineComponent({
- name: name$2,
- props: treeSelectProps,
- emits: ["clickNav", "clickItem", "update:activeId", "update:mainActiveIndex"],
- setup(props2, {
- emit,
- slots
- }) {
- const isActiveItem = (id) => Array.isArray(props2.activeId) ? props2.activeId.includes(id) : props2.activeId === id;
- const renderSubItem = (item) => {
- const onClick = () => {
- if (item.disabled) {
- return;
- }
- let activeId;
- if (Array.isArray(props2.activeId)) {
- activeId = props2.activeId.slice();
- const index = activeId.indexOf(item.id);
- if (index !== -1) {
- activeId.splice(index, 1);
- } else if (activeId.length < +props2.max) {
- activeId.push(item.id);
- }
- } else {
- activeId = item.id;
- }
- emit("update:activeId", activeId);
- emit("clickItem", item);
- };
- return vue.createVNode("div", {
- "key": item.id,
- "class": ["van-ellipsis", bem$2("item", {
- active: isActiveItem(item.id),
- disabled: item.disabled
- })],
- "onClick": onClick
- }, [item.text, isActiveItem(item.id) && vue.createVNode(Icon, {
- "name": props2.selectedIcon,
- "class": bem$2("selected")
- }, null)]);
- };
- const onSidebarChange = (index) => {
- emit("update:mainActiveIndex", index);
- };
- const onClickSidebarItem = (index) => emit("clickNav", index);
- const renderSidebar = () => {
- const Items = props2.items.map((item) => vue.createVNode(SidebarItem, {
- "dot": item.dot,
- "badge": item.badge,
- "class": [bem$2("nav-item"), item.className],
- "disabled": item.disabled,
- "onClick": onClickSidebarItem
- }, {
- title: () => slots["nav-text"] ? slots["nav-text"](item) : item.text
- }));
- return vue.createVNode(Sidebar, {
- "class": bem$2("nav"),
- "modelValue": props2.mainActiveIndex,
- "onChange": onSidebarChange
- }, {
- default: () => [Items]
- });
- };
- const renderContent = () => {
- if (slots.content) {
- return slots.content();
- }
- const selected = props2.items[+props2.mainActiveIndex] || {};
- if (selected.children) {
- return selected.children.map(renderSubItem);
- }
- };
- return () => vue.createVNode("div", {
- "class": bem$2(),
- "style": {
- height: addUnit(props2.height)
- }
- }, [renderSidebar(), vue.createVNode("div", {
- "class": bem$2("content")
- }, [renderContent()])]);
- }
- });
- const TreeSelect = withInstall(stdin_default$7);
- const [name$1, bem$1, t] = createNamespace("uploader");
- function readFileContent(file, resultType) {
- return new Promise((resolve) => {
- if (resultType === "file") {
- resolve();
- return;
- }
- const reader = new FileReader();
- reader.onload = (event) => {
- resolve(event.target.result);
- };
- if (resultType === "dataUrl") {
- reader.readAsDataURL(file);
- } else if (resultType === "text") {
- reader.readAsText(file);
- }
- });
- }
- function isOversize(items, maxSize) {
- return toArray(items).some((item) => {
- if (item.file) {
- if (isFunction(maxSize)) {
- return maxSize(item.file);
- }
- return item.file.size > +maxSize;
- }
- return false;
- });
- }
- function filterFiles(items, maxSize) {
- const valid = [];
- const invalid = [];
- items.forEach((item) => {
- if (isOversize(item, maxSize)) {
- invalid.push(item);
- } else {
- valid.push(item);
- }
- });
- return { valid, invalid };
- }
- const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
- const isImageUrl = (url) => IMAGE_REGEXP.test(url);
- function isImageFile(item) {
- if (item.isImage) {
- return true;
- }
- if (item.file && item.file.type) {
- return item.file.type.indexOf("image") === 0;
- }
- if (item.url) {
- return isImageUrl(item.url);
- }
- if (typeof item.content === "string") {
- return item.content.indexOf("data:image") === 0;
- }
- return false;
- }
- var stdin_default$6 = vue.defineComponent({
- props: {
- name: numericProp,
- item: makeRequiredProp(Object),
- index: Number,
- imageFit: String,
- lazyLoad: Boolean,
- deletable: Boolean,
- reupload: Boolean,
- previewSize: [Number, String, Array],
- beforeDelete: Function
- },
- emits: ["delete", "preview", "reupload"],
- setup(props2, {
- emit,
- slots
- }) {
- const renderMask = () => {
- const {
- status,
- message
- } = props2.item;
- if (status === "uploading" || status === "failed") {
- const MaskIcon = status === "failed" ? vue.createVNode(Icon, {
- "name": "close",
- "class": bem$1("mask-icon")
- }, null) : vue.createVNode(Loading, {
- "class": bem$1("loading")
- }, null);
- const showMessage = isDef(message) && message !== "";
- return vue.createVNode("div", {
- "class": bem$1("mask")
- }, [MaskIcon, showMessage && vue.createVNode("div", {
- "class": bem$1("mask-message")
- }, [message])]);
- }
- };
- const onDelete = (event) => {
- const {
- name: name2,
- item,
- index,
- beforeDelete
- } = props2;
- event.stopPropagation();
- callInterceptor(beforeDelete, {
- args: [item, {
- name: name2,
- index
- }],
- done: () => emit("delete")
- });
- };
- const onPreview = () => emit("preview");
- const onReupload = () => emit("reupload");
- const renderDeleteIcon = () => {
- if (props2.deletable && props2.item.status !== "uploading") {
- const slot = slots["preview-delete"];
- return vue.createVNode("div", {
- "role": "button",
- "class": bem$1("preview-delete", {
- shadow: !slot
- }),
- "tabindex": 0,
- "aria-label": t("delete"),
- "onClick": onDelete
- }, [slot ? slot() : vue.createVNode(Icon, {
- "name": "cross",
- "class": bem$1("preview-delete-icon")
- }, null)]);
- }
- };
- const renderCover = () => {
- if (slots["preview-cover"]) {
- const {
- index,
- item
- } = props2;
- return vue.createVNode("div", {
- "class": bem$1("preview-cover")
- }, [slots["preview-cover"](extend({
- index
- }, item))]);
- }
- };
- const renderPreview = () => {
- const {
- item,
- lazyLoad,
- imageFit,
- previewSize,
- reupload
- } = props2;
- if (isImageFile(item)) {
- return vue.createVNode(Image$1, {
- "fit": imageFit,
- "src": item.objectUrl || item.content || item.url,
- "class": bem$1("preview-image"),
- "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
- "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
- "lazyLoad": lazyLoad,
- "onClick": reupload ? onReupload : onPreview
- }, {
- default: renderCover
- });
- }
- return vue.createVNode("div", {
- "class": bem$1("file"),
- "style": getSizeStyle(props2.previewSize)
- }, [vue.createVNode(Icon, {
- "class": bem$1("file-icon"),
- "name": "description"
- }, null), vue.createVNode("div", {
- "class": [bem$1("file-name"), "van-ellipsis"]
- }, [item.file ? item.file.name : item.url]), renderCover()]);
- };
- return () => vue.createVNode("div", {
- "class": bem$1("preview")
- }, [renderPreview(), renderMask(), renderDeleteIcon()]);
- }
- });
- const uploaderProps = {
- name: makeNumericProp(""),
- accept: makeStringProp("image/*"),
- capture: String,
- multiple: Boolean,
- disabled: Boolean,
- readonly: Boolean,
- lazyLoad: Boolean,
- maxCount: makeNumericProp(Infinity),
- imageFit: makeStringProp("cover"),
- resultType: makeStringProp("dataUrl"),
- uploadIcon: makeStringProp("photograph"),
- uploadText: String,
- deletable: truthProp,
- reupload: Boolean,
- afterRead: Function,
- showUpload: truthProp,
- modelValue: makeArrayProp(),
- beforeRead: Function,
- beforeDelete: Function,
- previewSize: [Number, String, Array],
- previewImage: truthProp,
- previewOptions: Object,
- previewFullImage: truthProp,
- maxSize: {
- type: [Number, String, Function],
- default: Infinity
- }
- };
- var stdin_default$5 = vue.defineComponent({
- name: name$1,
- props: uploaderProps,
- emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "clickReupload", "update:modelValue"],
- setup(props2, {
- emit,
- slots
- }) {
- const inputRef = vue.ref();
- const urls = [];
- const reuploadIndex = vue.ref(-1);
- const isReuploading = vue.ref(false);
- const getDetail = (index = props2.modelValue.length) => ({
- name: props2.name,
- index
- });
- const resetInput = () => {
- if (inputRef.value) {
- inputRef.value.value = "";
- }
- };
- const onAfterRead = (items) => {
- resetInput();
- if (isOversize(items, props2.maxSize)) {
- if (Array.isArray(items)) {
- const result = filterFiles(items, props2.maxSize);
- items = result.valid;
- emit("oversize", result.invalid, getDetail());
- if (!items.length) {
- return;
- }
- } else {
- emit("oversize", items, getDetail());
- return;
- }
- }
- items = vue.reactive(items);
- if (reuploadIndex.value > -1) {
- const arr = [...props2.modelValue];
- arr.splice(reuploadIndex.value, 1, items);
- emit("update:modelValue", arr);
- reuploadIndex.value = -1;
- } else {
- emit("update:modelValue", [...props2.modelValue, ...toArray(items)]);
- }
- if (props2.afterRead) {
- props2.afterRead(items, getDetail());
- }
- };
- const readFile = (files) => {
- const {
- maxCount,
- modelValue,
- resultType
- } = props2;
- if (Array.isArray(files)) {
- const remainCount = +maxCount - modelValue.length;
- if (files.length > remainCount) {
- files = files.slice(0, remainCount);
- }
- Promise.all(files.map((file) => readFileContent(file, resultType))).then((contents) => {
- const fileList = files.map((file, index) => {
- const result = {
- file,
- status: "",
- message: "",
- objectUrl: URL.createObjectURL(file)
- };
- if (contents[index]) {
- result.content = contents[index];
- }
- return result;
- });
- onAfterRead(fileList);
- });
- } else {
- readFileContent(files, resultType).then((content) => {
- const result = {
- file: files,
- status: "",
- message: "",
- objectUrl: URL.createObjectURL(files)
- };
- if (content) {
- result.content = content;
- }
- onAfterRead(result);
- });
- }
- };
- const onChange = (event) => {
- const {
- files
- } = event.target;
- if (props2.disabled || !files || !files.length) {
- return;
- }
- const file = files.length === 1 ? files[0] : [].slice.call(files);
- if (props2.beforeRead) {
- const response = props2.beforeRead(file, getDetail());
- if (!response) {
- resetInput();
- return;
- }
- if (isPromise(response)) {
- response.then((data) => {
- if (data) {
- readFile(data);
- } else {
- readFile(file);
- }
- }).catch(resetInput);
- return;
- }
- }
- readFile(file);
- };
- let imagePreview;
- const onClosePreview = () => emit("closePreview");
- const previewImage = (item) => {
- if (props2.previewFullImage) {
- const imageFiles = props2.modelValue.filter(isImageFile);
- const images = imageFiles.map((item2) => {
- if (item2.objectUrl && !item2.url && item2.status !== "failed") {
- item2.url = item2.objectUrl;
- urls.push(item2.url);
- }
- return item2.url;
- }).filter(Boolean);
- imagePreview = showImagePreview(extend({
- images,
- startPosition: imageFiles.indexOf(item),
- onClose: onClosePreview
- }, props2.previewOptions));
- }
- };
- const closeImagePreview = () => {
- if (imagePreview) {
- imagePreview.close();
- }
- };
- const deleteFile = (item, index) => {
- const fileList = props2.modelValue.slice(0);
- fileList.splice(index, 1);
- emit("update:modelValue", fileList);
- emit("delete", item, getDetail(index));
- };
- const reuploadFile = (index) => {
- isReuploading.value = true;
- reuploadIndex.value = index;
- vue.nextTick(() => chooseFile());
- };
- const onInputClick = () => {
- if (!isReuploading.value) {
- reuploadIndex.value = -1;
- }
- isReuploading.value = false;
- };
- const renderPreviewItem = (item, index) => {
- const needPickData = ["imageFit", "deletable", "reupload", "previewSize", "beforeDelete"];
- const previewData = extend(pick(props2, needPickData), pick(item, needPickData, true));
- return vue.createVNode(stdin_default$6, vue.mergeProps({
- "item": item,
- "index": index,
- "onClick": () => emit(props2.reupload ? "clickReupload" : "clickPreview", item, getDetail(index)),
- "onDelete": () => deleteFile(item, index),
- "onPreview": () => previewImage(item),
- "onReupload": () => reuploadFile(index)
- }, pick(props2, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
- };
- const renderPreviewList = () => {
- if (props2.previewImage) {
- return props2.modelValue.map(renderPreviewItem);
- }
- };
- const onClickUpload = (event) => emit("clickUpload", event);
- const renderUpload = () => {
- const lessThanMax = props2.modelValue.length < +props2.maxCount;
- const Input = props2.readonly ? null : vue.createVNode("input", {
- "ref": inputRef,
- "type": "file",
- "class": bem$1("input"),
- "accept": props2.accept,
- "capture": props2.capture,
- "multiple": props2.multiple && reuploadIndex.value === -1,
- "disabled": props2.disabled,
- "onChange": onChange,
- "onClick": onInputClick
- }, null);
- if (slots.default) {
- return vue.withDirectives(vue.createVNode("div", {
- "class": bem$1("input-wrapper"),
- "onClick": onClickUpload
- }, [slots.default(), Input]), [[vue.vShow, lessThanMax]]);
- }
- return vue.withDirectives(vue.createVNode("div", {
- "class": bem$1("upload", {
- readonly: props2.readonly
- }),
- "style": getSizeStyle(props2.previewSize),
- "onClick": onClickUpload
- }, [vue.createVNode(Icon, {
- "name": props2.uploadIcon,
- "class": bem$1("upload-icon")
- }, null), props2.uploadText && vue.createVNode("span", {
- "class": bem$1("upload-text")
- }, [props2.uploadText]), Input]), [[vue.vShow, props2.showUpload && lessThanMax]]);
- };
- const chooseFile = () => {
- if (inputRef.value && !props2.disabled) {
- inputRef.value.click();
- }
- };
- vue.onBeforeUnmount(() => {
- urls.forEach((url) => URL.revokeObjectURL(url));
- });
- useExpose({
- chooseFile,
- reuploadFile,
- closeImagePreview
- });
- useCustomFieldValue(() => props2.modelValue);
- return () => vue.createVNode("div", {
- "class": bem$1()
- }, [vue.createVNode("div", {
- "class": bem$1("wrapper", {
- disabled: props2.disabled
- })
- }, [renderPreviewList(), renderUpload()])]);
- }
- });
- const Uploader = withInstall(stdin_default$5);
- const [name, bem] = createNamespace("watermark");
- const watermarkProps = {
- gapX: makeNumberProp(0),
- gapY: makeNumberProp(0),
- image: String,
- width: makeNumberProp(100),
- height: makeNumberProp(100),
- rotate: makeNumericProp(-22),
- zIndex: numericProp,
- content: String,
- opacity: numericProp,
- fullPage: truthProp,
- textColor: makeStringProp("#dcdee0")
- };
- var stdin_default$4 = vue.defineComponent({
- name,
- props: watermarkProps,
- setup(props2, {
- slots
- }) {
- const svgElRef = vue.ref();
- const watermarkUrl = vue.ref("");
- const imageBase64 = vue.ref("");
- const renderWatermark = () => {
- const rotateStyle = {
- transformOrigin: "center",
- transform: `rotate(${props2.rotate}deg)`
- };
- const svgInner = () => {
- if (props2.image && !slots.content) {
- return vue.createVNode("image", {
- "href": imageBase64.value,
- "xlink:href": imageBase64.value,
- "x": "0",
- "y": "0",
- "width": props2.width,
- "height": props2.height,
- "style": rotateStyle
- }, null);
- }
- return vue.createVNode("foreignObject", {
- "x": "0",
- "y": "0",
- "width": props2.width,
- "height": props2.height
- }, [vue.createVNode("div", {
- "xmlns": "http://www.w3.org/1999/xhtml",
- "style": rotateStyle
- }, [slots.content ? slots.content() : vue.createVNode("span", {
- "style": {
- color: props2.textColor
- }
- }, [props2.content])])]);
- };
- const svgWidth = props2.width + props2.gapX;
- const svgHeight = props2.height + props2.gapY;
- return vue.createVNode("svg", {
- "viewBox": `0 0 ${svgWidth} ${svgHeight}`,
- "width": svgWidth,
- "height": svgHeight,
- "xmlns": "http://www.w3.org/2000/svg",
- "xmlns:xlink": "http://www.w3.org/1999/xlink",
- "style": {
- padding: `0 ${props2.gapX}px ${props2.gapY}px 0`,
- opacity: props2.opacity
- }
- }, [svgInner()]);
- };
- const makeImageToBase64 = (url) => {
- const canvas = document.createElement("canvas");
- const image = new Image();
- image.crossOrigin = "anonymous";
- image.referrerPolicy = "no-referrer";
- image.onload = () => {
- canvas.width = image.naturalWidth;
- canvas.height = image.naturalHeight;
- const ctx = canvas.getContext("2d");
- ctx == null ? void 0 : ctx.drawImage(image, 0, 0);
- imageBase64.value = canvas.toDataURL();
- };
- image.src = url;
- };
- const makeSvgToBlobUrl = (svgStr) => {
- const svgBlob = new Blob([svgStr], {
- type: "image/svg+xml"
- });
- return URL.createObjectURL(svgBlob);
- };
- vue.watchEffect(() => {
- if (props2.image) {
- makeImageToBase64(props2.image);
- }
- });
- vue.watch(() => [imageBase64.value, props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], () => {
- vue.nextTick(() => {
- if (svgElRef.value) {
- if (watermarkUrl.value) {
- URL.revokeObjectURL(watermarkUrl.value);
- }
- watermarkUrl.value = makeSvgToBlobUrl(svgElRef.value.innerHTML);
- }
- });
- }, {
- immediate: true
- });
- vue.onUnmounted(() => {
- if (watermarkUrl.value) {
- URL.revokeObjectURL(watermarkUrl.value);
- }
- });
- return () => {
- const style = extend({
- backgroundImage: `url(${watermarkUrl.value})`
- }, getZIndexStyle(props2.zIndex));
- return vue.createVNode("div", {
- "class": bem({
- full: props2.fullPage
- }),
- "style": style
- }, [vue.createVNode("div", {
- "class": bem("wrapper"),
- "ref": svgElRef
- }, [renderWatermark()])]);
- };
- }
- });
- const Watermark = withInstall(stdin_default$4);
- class ReactiveListener {
- constructor({
- el,
- src,
- error,
- loading,
- bindType,
- $parent,
- options,
- cors,
- elRenderer,
- imageCache
- }) {
- this.el = el;
- this.src = src;
- this.error = error;
- this.loading = loading;
- this.bindType = bindType;
- this.attempt = 0;
- this.cors = cors;
- this.naturalHeight = 0;
- this.naturalWidth = 0;
- this.options = options;
- this.$parent = $parent;
- this.elRenderer = elRenderer;
- this.imageCache = imageCache;
- this.performanceData = {
- loadStart: 0,
- loadEnd: 0
- };
- this.filter();
- this.initState();
- this.render("loading", false);
- }
- /*
- * init listener state
- * @return
- */
- initState() {
- if ("dataset" in this.el) {
- this.el.dataset.src = this.src;
- } else {
- this.el.setAttribute("data-src", this.src);
- }
- this.state = {
- loading: false,
- error: false,
- loaded: false,
- rendered: false
- };
- }
- /*
- * record performance
- * @return
- */
- record(event) {
- this.performanceData[event] = Date.now();
- }
- /*
- * update image listener data
- * @param {String} image uri
- * @param {String} loading image uri
- * @param {String} error image uri
- * @return
- */
- update({ src, loading, error }) {
- const oldSrc = this.src;
- this.src = src;
- this.loading = loading;
- this.error = error;
- this.filter();
- if (oldSrc !== this.src) {
- this.attempt = 0;
- this.initState();
- }
- }
- /*
- * check el is in view
- * @return {Boolean} el is in view
- */
- checkInView() {
- const rect = useRect(this.el);
- return rect.top < window.innerHeight * this.options.preLoad && rect.bottom > this.options.preLoadTop && rect.left < window.innerWidth * this.options.preLoad && rect.right > 0;
- }
- /*
- * listener filter
- */
- filter() {
- Object.keys(this.options.filter).forEach((key) => {
- this.options.filter[key](this, this.options);
- });
- }
- /*
- * render loading first
- * @params cb:Function
- * @return
- */
- renderLoading(cb) {
- this.state.loading = true;
- loadImageAsync(
- {
- src: this.loading,
- cors: this.cors
- },
- () => {
- this.render("loading", false);
- this.state.loading = false;
- cb();
- },
- () => {
- cb();
- this.state.loading = false;
- }
- );
- }
- /*
- * try load image and render it
- * @return
- */
- load(onFinish = noop) {
- if (this.attempt > this.options.attempt - 1 && this.state.error) {
- onFinish();
- return;
- }
- if (this.state.rendered && this.state.loaded) return;
- if (this.imageCache.has(this.src)) {
- this.state.loaded = true;
- this.render("loaded", true);
- this.state.rendered = true;
- return onFinish();
- }
- this.renderLoading(() => {
- var _a, _b;
- this.attempt++;
- (_b = (_a = this.options.adapter).beforeLoad) == null ? void 0 : _b.call(_a, this, this.options);
- this.record("loadStart");
- loadImageAsync(
- {
- src: this.src,
- cors: this.cors
- },
- (data) => {
- this.naturalHeight = data.naturalHeight;
- this.naturalWidth = data.naturalWidth;
- this.state.loaded = true;
- this.state.error = false;
- this.record("loadEnd");
- this.render("loaded", false);
- this.state.rendered = true;
- this.imageCache.add(this.src);
- onFinish();
- },
- (err) => {
- !this.options.silent && console.error(err);
- this.state.error = true;
- this.state.loaded = false;
- this.render("error", false);
- }
- );
- });
- }
- /*
- * render image
- * @param {String} state to render // ['loading', 'src', 'error']
- * @param {String} is form cache
- * @return
- */
- render(state, cache) {
- this.elRenderer(this, state, cache);
- }
- /*
- * output performance data
- * @return {Object} performance data
- */
- performance() {
- let state = "loading";
- let time = 0;
- if (this.state.loaded) {
- state = "loaded";
- time = (this.performanceData.loadEnd - this.performanceData.loadStart) / 1e3;
- }
- if (this.state.error) state = "error";
- return {
- src: this.src,
- state,
- time
- };
- }
- /*
- * $destroy
- * @return
- */
- $destroy() {
- this.el = null;
- this.src = null;
- this.error = null;
- this.loading = null;
- this.bindType = null;
- this.attempt = 0;
- }
- }
- const DEFAULT_URL = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
- const DEFAULT_EVENTS = [
- "scroll",
- "wheel",
- "mousewheel",
- "resize",
- "animationend",
- "transitionend",
- "touchmove"
- ];
- const DEFAULT_OBSERVER_OPTIONS = {
- rootMargin: "0px",
- threshold: 0
- };
- function stdin_default$3() {
- return class Lazy {
- constructor({
- preLoad,
- error,
- throttleWait,
- preLoadTop,
- dispatchEvent,
- loading,
- attempt,
- silent = true,
- scale,
- listenEvents,
- filter,
- adapter,
- observer,
- observerOptions
- }) {
- this.mode = modeType.event;
- this.listeners = [];
- this.targetIndex = 0;
- this.targets = [];
- this.options = {
- silent,
- dispatchEvent: !!dispatchEvent,
- throttleWait: throttleWait || 200,
- preLoad: preLoad || 1.3,
- preLoadTop: preLoadTop || 0,
- error: error || DEFAULT_URL,
- loading: loading || DEFAULT_URL,
- attempt: attempt || 3,
- scale: scale || getDPR(scale),
- ListenEvents: listenEvents || DEFAULT_EVENTS,
- supportWebp: supportWebp(),
- filter: filter || {},
- adapter: adapter || {},
- observer: !!observer,
- observerOptions: observerOptions || DEFAULT_OBSERVER_OPTIONS
- };
- this.initEvent();
- this.imageCache = new ImageCache({ max: 200 });
- this.lazyLoadHandler = throttle(
- this.lazyLoadHandler.bind(this),
- this.options.throttleWait
- );
- this.setMode(this.options.observer ? modeType.observer : modeType.event);
- }
- /**
- * update config
- * @param {Object} config params
- * @return
- */
- config(options = {}) {
- Object.assign(this.options, options);
- }
- /**
- * output listener's load performance
- * @return {Array}
- */
- performance() {
- return this.listeners.map((item) => item.performance());
- }
- /*
- * add lazy component to queue
- * @param {Vue} vm lazy component instance
- * @return
- */
- addLazyBox(vm) {
- this.listeners.push(vm);
- if (inBrowser) {
- this.addListenerTarget(window);
- this.observer && this.observer.observe(vm.el);
- if (vm.$el && vm.$el.parentNode) {
- this.addListenerTarget(vm.$el.parentNode);
- }
- }
- }
- /*
- * add image listener to queue
- * @param {DOM} el
- * @param {object} binding vue directive binding
- * @param {vnode} vnode vue directive vnode
- * @return
- */
- add(el, binding, vnode) {
- if (this.listeners.some((item) => item.el === el)) {
- this.update(el, binding);
- return vue.nextTick(this.lazyLoadHandler);
- }
- const value = this.valueFormatter(binding.value);
- let { src } = value;
- vue.nextTick(() => {
- src = getBestSelectionFromSrcset(el, this.options.scale) || src;
- this.observer && this.observer.observe(el);
- const container = Object.keys(binding.modifiers)[0];
- let $parent;
- if (container) {
- $parent = vnode.context.$refs[container];
- $parent = $parent ? $parent.$el || $parent : document.getElementById(container);
- }
- if (!$parent) {
- $parent = getScrollParent$1(el);
- }
- const newListener = new ReactiveListener({
- bindType: binding.arg,
- $parent,
- el,
- src,
- loading: value.loading,
- error: value.error,
- cors: value.cors,
- elRenderer: this.elRenderer.bind(this),
- options: this.options,
- imageCache: this.imageCache
- });
- this.listeners.push(newListener);
- if (inBrowser) {
- this.addListenerTarget(window);
- this.addListenerTarget($parent);
- }
- this.lazyLoadHandler();
- vue.nextTick(() => this.lazyLoadHandler());
- });
- }
- /**
- * update image src
- * @param {DOM} el
- * @param {object} vue directive binding
- * @return
- */
- update(el, binding, vnode) {
- const value = this.valueFormatter(binding.value);
- let { src } = value;
- src = getBestSelectionFromSrcset(el, this.options.scale) || src;
- const exist = this.listeners.find((item) => item.el === el);
- if (!exist) {
- this.add(el, binding, vnode);
- } else {
- exist.update({
- src,
- error: value.error,
- loading: value.loading
- });
- }
- if (this.observer) {
- this.observer.unobserve(el);
- this.observer.observe(el);
- }
- this.lazyLoadHandler();
- vue.nextTick(() => this.lazyLoadHandler());
- }
- /**
- * remove listener form list
- * @param {DOM} el
- * @return
- */
- remove(el) {
- if (!el) return;
- this.observer && this.observer.unobserve(el);
- const existItem = this.listeners.find((item) => item.el === el);
- if (existItem) {
- this.removeListenerTarget(existItem.$parent);
- this.removeListenerTarget(window);
- remove(this.listeners, existItem);
- existItem.$destroy();
- }
- }
- /*
- * remove lazy components form list
- * @param {Vue} vm Vue instance
- * @return
- */
- removeComponent(vm) {
- if (!vm) return;
- remove(this.listeners, vm);
- this.observer && this.observer.unobserve(vm.el);
- if (vm.$parent && vm.$el.parentNode) {
- this.removeListenerTarget(vm.$el.parentNode);
- }
- this.removeListenerTarget(window);
- }
- setMode(mode) {
- if (!hasIntersectionObserver && mode === modeType.observer) {
- mode = modeType.event;
- }
- this.mode = mode;
- if (mode === modeType.event) {
- if (this.observer) {
- this.listeners.forEach((listener) => {
- this.observer.unobserve(listener.el);
- });
- this.observer = null;
- }
- this.targets.forEach((target) => {
- this.initListen(target.el, true);
- });
- } else {
- this.targets.forEach((target) => {
- this.initListen(target.el, false);
- });
- this.initIntersectionObserver();
- }
- }
- /*
- *** Private functions ***
- */
- /*
- * add listener target
- * @param {DOM} el listener target
- * @return
- */
- addListenerTarget(el) {
- if (!el) return;
- let target = this.targets.find((target2) => target2.el === el);
- if (!target) {
- target = {
- el,
- id: ++this.targetIndex,
- childrenCount: 1,
- listened: true
- };
- this.mode === modeType.event && this.initListen(target.el, true);
- this.targets.push(target);
- } else {
- target.childrenCount++;
- }
- return this.targetIndex;
- }
- /*
- * remove listener target or reduce target childrenCount
- * @param {DOM} el or window
- * @return
- */
- removeListenerTarget(el) {
- this.targets.forEach((target, index) => {
- if (target.el === el) {
- target.childrenCount--;
- if (!target.childrenCount) {
- this.initListen(target.el, false);
- this.targets.splice(index, 1);
- target = null;
- }
- }
- });
- }
- /*
- * add or remove eventlistener
- * @param {DOM} el DOM or Window
- * @param {boolean} start flag
- * @return
- */
- initListen(el, start2) {
- this.options.ListenEvents.forEach(
- (evt) => (start2 ? on : off)(el, evt, this.lazyLoadHandler)
- );
- }
- initEvent() {
- this.Event = {
- listeners: {
- loading: [],
- loaded: [],
- error: []
- }
- };
- this.$on = (event, func) => {
- if (!this.Event.listeners[event]) this.Event.listeners[event] = [];
- this.Event.listeners[event].push(func);
- };
- this.$once = (event, func) => {
- const on2 = (...args) => {
- this.$off(event, on2);
- func.apply(this, args);
- };
- this.$on(event, on2);
- };
- this.$off = (event, func) => {
- if (!func) {
- if (!this.Event.listeners[event]) return;
- this.Event.listeners[event].length = 0;
- return;
- }
- remove(this.Event.listeners[event], func);
- };
- this.$emit = (event, context, inCache) => {
- if (!this.Event.listeners[event]) return;
- this.Event.listeners[event].forEach((func) => func(context, inCache));
- };
- }
- /**
- * find nodes which in viewport and trigger load
- * @return
- */
- lazyLoadHandler() {
- const freeList = [];
- this.listeners.forEach((listener) => {
- if (!listener.el || !listener.el.parentNode) {
- freeList.push(listener);
- }
- const catIn = listener.checkInView();
- if (!catIn) return;
- listener.load();
- });
- freeList.forEach((item) => {
- remove(this.listeners, item);
- item.$destroy();
- });
- }
- /**
- * init IntersectionObserver
- * set mode to observer
- * @return
- */
- initIntersectionObserver() {
- if (!hasIntersectionObserver) {
- return;
- }
- this.observer = new IntersectionObserver(
- this.observerHandler.bind(this),
- this.options.observerOptions
- );
- if (this.listeners.length) {
- this.listeners.forEach((listener) => {
- this.observer.observe(listener.el);
- });
- }
- }
- /**
- * init IntersectionObserver
- * @return
- */
- observerHandler(entries) {
- entries.forEach((entry) => {
- if (entry.isIntersecting) {
- this.listeners.forEach((listener) => {
- if (listener.el === entry.target) {
- if (listener.state.loaded)
- return this.observer.unobserve(listener.el);
- listener.load();
- }
- });
- }
- });
- }
- /**
- * set element attribute with image'url and state
- * @param {object} lazyload listener object
- * @param {string} state will be rendered
- * @param {bool} inCache is rendered from cache
- * @return
- */
- elRenderer(listener, state, cache) {
- if (!listener.el) return;
- const { el, bindType } = listener;
- let src;
- switch (state) {
- case "loading":
- src = listener.loading;
- break;
- case "error":
- src = listener.error;
- break;
- default:
- ({ src } = listener);
- break;
- }
- if (bindType) {
- el.style[bindType] = 'url("' + src + '")';
- } else if (el.getAttribute("src") !== src) {
- el.setAttribute("src", src);
- }
- el.setAttribute("lazy", state);
- this.$emit(state, listener, cache);
- this.options.adapter[state] && this.options.adapter[state](listener, this.options);
- if (this.options.dispatchEvent) {
- const event = new CustomEvent(state, {
- detail: listener
- });
- el.dispatchEvent(event);
- }
- }
- /**
- * generate loading loaded error image url
- * @param {string} image's src
- * @return {object} image's loading, loaded, error url
- */
- valueFormatter(value) {
- let src = value;
- let { loading, error } = this.options;
- if (isObject$1(value)) {
- ({ src } = value);
- loading = value.loading || this.options.loading;
- error = value.error || this.options.error;
- }
- return {
- src,
- loading,
- error
- };
- }
- };
- }
- var stdin_default$2 = (lazy) => ({
- props: {
- tag: {
- type: String,
- default: "div"
- }
- },
- emits: ["show"],
- render() {
- return vue.h(
- this.tag,
- this.show && this.$slots.default ? this.$slots.default() : null
- );
- },
- data() {
- return {
- el: null,
- state: {
- loaded: false
- },
- show: false
- };
- },
- mounted() {
- this.el = this.$el;
- lazy.addLazyBox(this);
- lazy.lazyLoadHandler();
- },
- beforeUnmount() {
- lazy.removeComponent(this);
- },
- methods: {
- checkInView() {
- const rect = useRect(this.$el);
- return inBrowser && rect.top < window.innerHeight * lazy.options.preLoad && rect.bottom > 0 && rect.left < window.innerWidth * lazy.options.preLoad && rect.right > 0;
- },
- load() {
- this.show = true;
- this.state.loaded = true;
- this.$emit("show", this);
- },
- destroy() {
- return this.$destroy;
- }
- }
- });
- const defaultOptions = {
- selector: "img"
- };
- class LazyContainer {
- constructor({ el, binding, vnode, lazy }) {
- this.el = null;
- this.vnode = vnode;
- this.binding = binding;
- this.options = {};
- this.lazy = lazy;
- this.queue = [];
- this.update({ el, binding });
- }
- update({ el, binding }) {
- this.el = el;
- this.options = Object.assign({}, defaultOptions, binding.value);
- const imgs = this.getImgs();
- imgs.forEach((el2) => {
- this.lazy.add(
- el2,
- Object.assign({}, this.binding, {
- value: {
- src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
- error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
- loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
- }
- }),
- this.vnode
- );
- });
- }
- getImgs() {
- return Array.from(this.el.querySelectorAll(this.options.selector));
- }
- clear() {
- const imgs = this.getImgs();
- imgs.forEach((el) => this.lazy.remove(el));
- this.vnode = null;
- this.binding = null;
- this.lazy = null;
- }
- }
- class LazyContainerManager {
- constructor({ lazy }) {
- this.lazy = lazy;
- this.queue = [];
- }
- bind(el, binding, vnode) {
- const container = new LazyContainer({
- el,
- binding,
- vnode,
- lazy: this.lazy
- });
- this.queue.push(container);
- }
- update(el, binding, vnode) {
- const container = this.queue.find((item) => item.el === el);
- if (!container) return;
- container.update({ el, binding, vnode });
- }
- unbind(el) {
- const container = this.queue.find((item) => item.el === el);
- if (!container) return;
- container.clear();
- remove(this.queue, container);
- }
- }
- var stdin_default$1 = (lazyManager) => ({
- props: {
- src: [String, Object],
- tag: {
- type: String,
- default: "img"
- }
- },
- render() {
- var _a, _b;
- return vue.h(
- this.tag,
- {
- src: this.renderSrc
- },
- (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
- );
- },
- data() {
- return {
- el: null,
- options: {
- src: "",
- error: "",
- loading: "",
- attempt: lazyManager.options.attempt
- },
- state: {
- loaded: false,
- error: false,
- attempt: 0
- },
- renderSrc: ""
- };
- },
- watch: {
- src() {
- this.init();
- lazyManager.addLazyBox(this);
- lazyManager.lazyLoadHandler();
- }
- },
- created() {
- this.init();
- },
- mounted() {
- this.el = this.$el;
- lazyManager.addLazyBox(this);
- lazyManager.lazyLoadHandler();
- },
- beforeUnmount() {
- lazyManager.removeComponent(this);
- },
- methods: {
- init() {
- const { src, loading, error } = lazyManager.valueFormatter(this.src);
- this.state.loaded = false;
- this.options.src = src;
- this.options.error = error;
- this.options.loading = loading;
- this.renderSrc = this.options.loading;
- },
- checkInView() {
- const rect = useRect(this.$el);
- return rect.top < window.innerHeight * lazyManager.options.preLoad && rect.bottom > 0 && rect.left < window.innerWidth * lazyManager.options.preLoad && rect.right > 0;
- },
- load(onFinish = noop) {
- if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
- onFinish();
- return;
- }
- const { src } = this.options;
- loadImageAsync(
- { src },
- ({ src: src2 }) => {
- this.renderSrc = src2;
- this.state.loaded = true;
- },
- () => {
- this.state.attempt++;
- this.renderSrc = this.options.error;
- this.state.error = true;
- }
- );
- }
- }
- });
- const Lazyload = {
- /*
- * install function
- * @param {App} app
- * @param {object} options lazyload options
- */
- install(app, options = {}) {
- const LazyClass = stdin_default$3();
- const lazy = new LazyClass(options);
- const lazyContainer = new LazyContainerManager({ lazy });
- app.config.globalProperties.$Lazyload = lazy;
- if (options.lazyComponent) {
- app.component("LazyComponent", stdin_default$2(lazy));
- }
- if (options.lazyImage) {
- app.component("LazyImage", stdin_default$1(lazy));
- }
- app.directive("lazy", {
- beforeMount: lazy.add.bind(lazy),
- updated: lazy.update.bind(lazy),
- unmounted: lazy.remove.bind(lazy)
- });
- app.directive("lazy-container", {
- beforeMount: lazyContainer.bind.bind(lazyContainer),
- updated: lazyContainer.update.bind(lazyContainer),
- unmounted: lazyContainer.unbind.bind(lazyContainer)
- });
- }
- };
- const version = "4.9.9";
- function install(app) {
- const components = [
- ActionBar,
- ActionBarButton,
- ActionBarIcon,
- ActionSheet,
- AddressEdit,
- AddressList,
- Area,
- BackTop,
- Badge,
- Barrage,
- Button,
- Calendar,
- Card,
- Cascader,
- Cell,
- CellGroup,
- Checkbox,
- CheckboxGroup,
- Circle,
- Col,
- Collapse,
- CollapseItem,
- ConfigProvider,
- ContactCard,
- ContactEdit,
- ContactList,
- CountDown,
- Coupon,
- CouponCell,
- CouponList,
- DatePicker,
- Dialog,
- Divider,
- DropdownItem,
- DropdownMenu,
- Empty,
- Field,
- FloatingBubble,
- FloatingPanel,
- Form,
- Grid,
- GridItem,
- Highlight,
- Icon,
- Image$1,
- ImagePreview,
- IndexAnchor,
- IndexBar,
- List,
- Loading,
- Locale,
- NavBar,
- NoticeBar,
- Notify,
- NumberKeyboard,
- Overlay,
- Pagination,
- PasswordInput,
- Picker,
- PickerGroup,
- Popover,
- Popup,
- Progress,
- PullRefresh,
- Radio,
- RadioGroup,
- Rate,
- RollingText,
- Row,
- Search,
- ShareSheet,
- Sidebar,
- SidebarItem,
- Signature,
- Skeleton,
- SkeletonAvatar,
- SkeletonImage,
- SkeletonParagraph,
- SkeletonTitle,
- Slider,
- Space,
- Step,
- Stepper,
- Steps,
- Sticky,
- SubmitBar,
- Swipe,
- SwipeCell,
- SwipeItem,
- Switch,
- Tab,
- Tabbar,
- TabbarItem,
- Tabs,
- Tag,
- TextEllipsis,
- TimePicker,
- Toast,
- TreeSelect,
- Uploader,
- Watermark
- ];
- components.forEach((item) => {
- if (item.install) {
- app.use(item);
- } else if (item.name) {
- app.component(item.name, item);
- }
- });
- }
- var stdin_default = {
- install,
- version
- };
- exports2.ActionBar = ActionBar;
- exports2.ActionBarButton = ActionBarButton;
- exports2.ActionBarIcon = ActionBarIcon;
- exports2.ActionSheet = ActionSheet;
- exports2.AddressEdit = AddressEdit;
- exports2.AddressList = AddressList;
- exports2.Area = Area;
- exports2.BackTop = BackTop;
- exports2.Badge = Badge;
- exports2.Barrage = Barrage;
- exports2.Button = Button;
- exports2.Calendar = Calendar;
- exports2.Card = Card;
- exports2.Cascader = Cascader;
- exports2.Cell = Cell;
- exports2.CellGroup = CellGroup;
- exports2.Checkbox = Checkbox;
- exports2.CheckboxGroup = CheckboxGroup;
- exports2.Circle = Circle;
- exports2.Col = Col;
- exports2.Collapse = Collapse;
- exports2.CollapseItem = CollapseItem;
- exports2.ConfigProvider = ConfigProvider;
- exports2.ContactCard = ContactCard;
- exports2.ContactEdit = ContactEdit;
- exports2.ContactList = ContactList;
- exports2.CountDown = CountDown;
- exports2.Coupon = Coupon;
- exports2.CouponCell = CouponCell;
- exports2.CouponList = CouponList;
- exports2.DEFAULT_ROW_WIDTH = DEFAULT_ROW_WIDTH;
- exports2.DatePicker = DatePicker;
- exports2.Dialog = Dialog;
- exports2.Divider = Divider;
- exports2.DropdownItem = DropdownItem;
- exports2.DropdownMenu = DropdownMenu;
- exports2.Empty = Empty;
- exports2.Field = Field;
- exports2.FloatingBubble = FloatingBubble;
- exports2.FloatingPanel = FloatingPanel;
- exports2.Form = Form;
- exports2.Grid = Grid;
- exports2.GridItem = GridItem;
- exports2.Highlight = Highlight;
- exports2.Icon = Icon;
- exports2.Image = Image$1;
- exports2.ImagePreview = ImagePreview;
- exports2.IndexAnchor = IndexAnchor;
- exports2.IndexBar = IndexBar;
- exports2.Lazyload = Lazyload;
- exports2.List = List;
- exports2.Loading = Loading;
- exports2.Locale = Locale;
- exports2.NavBar = NavBar;
- exports2.NoticeBar = NoticeBar;
- exports2.Notify = Notify;
- exports2.NumberKeyboard = NumberKeyboard;
- exports2.Overlay = Overlay;
- exports2.Pagination = Pagination;
- exports2.PasswordInput = PasswordInput;
- exports2.Picker = Picker;
- exports2.PickerGroup = PickerGroup;
- exports2.Popover = Popover;
- exports2.Popup = Popup;
- exports2.Progress = Progress;
- exports2.PullRefresh = PullRefresh;
- exports2.Radio = Radio;
- exports2.RadioGroup = RadioGroup;
- exports2.Rate = Rate;
- exports2.RollingText = RollingText;
- exports2.Row = Row;
- exports2.Search = Search;
- exports2.ShareSheet = ShareSheet;
- exports2.Sidebar = Sidebar;
- exports2.SidebarItem = SidebarItem;
- exports2.Signature = Signature;
- exports2.Skeleton = Skeleton;
- exports2.SkeletonAvatar = SkeletonAvatar;
- exports2.SkeletonImage = SkeletonImage;
- exports2.SkeletonParagraph = SkeletonParagraph;
- exports2.SkeletonTitle = SkeletonTitle;
- exports2.Slider = Slider;
- exports2.Space = Space;
- exports2.Step = Step;
- exports2.Stepper = Stepper;
- exports2.Steps = Steps;
- exports2.Sticky = Sticky;
- exports2.SubmitBar = SubmitBar;
- exports2.Swipe = Swipe;
- exports2.SwipeCell = SwipeCell;
- exports2.SwipeItem = SwipeItem;
- exports2.Switch = Switch;
- exports2.Tab = Tab;
- exports2.Tabbar = Tabbar;
- exports2.TabbarItem = TabbarItem;
- exports2.Tabs = Tabs;
- exports2.Tag = Tag;
- exports2.TextEllipsis = TextEllipsis;
- exports2.TimePicker = TimePicker;
- exports2.Toast = Toast;
- exports2.TreeSelect = TreeSelect;
- exports2.Uploader = Uploader;
- exports2.Watermark = Watermark;
- exports2.actionBarButtonProps = actionBarButtonProps;
- exports2.actionBarIconProps = actionBarIconProps;
- exports2.actionBarProps = actionBarProps;
- exports2.actionSheetProps = actionSheetProps;
- exports2.addressEditProps = addressEditProps;
- exports2.addressListProps = addressListProps;
- exports2.allowMultipleToast = allowMultipleToast;
- exports2.areaProps = areaProps;
- exports2.backTopProps = backTopProps;
- exports2.badgeProps = badgeProps;
- exports2.barrageProps = barrageProps;
- exports2.buttonProps = buttonProps;
- exports2.calendarProps = calendarProps;
- exports2.cardProps = cardProps;
- exports2.cascaderProps = cascaderProps;
- exports2.cellGroupProps = cellGroupProps;
- exports2.cellProps = cellProps;
- exports2.checkboxGroupProps = checkboxGroupProps;
- exports2.checkboxProps = checkboxProps;
- exports2.circleProps = circleProps;
- exports2.closeDialog = closeDialog;
- exports2.closeNotify = closeNotify;
- exports2.closeToast = closeToast;
- exports2.colProps = colProps;
- exports2.collapseItemProps = collapseItemProps;
- exports2.collapseProps = collapseProps;
- exports2.configProviderProps = configProviderProps;
- exports2.contactCardProps = contactCardProps;
- exports2.contactEditProps = contactEditProps;
- exports2.contactListProps = contactListProps;
- exports2.countDownProps = countDownProps;
- exports2.couponCellProps = couponCellProps;
- exports2.couponListProps = couponListProps;
- exports2.datePickerProps = datePickerProps;
- exports2.default = stdin_default;
- exports2.dialogProps = dialogProps;
- exports2.dividerProps = dividerProps;
- exports2.dropdownItemProps = dropdownItemProps;
- exports2.dropdownMenuProps = dropdownMenuProps;
- exports2.emptyProps = emptyProps;
- exports2.fieldProps = fieldProps;
- exports2.floatingBubbleProps = floatingBubbleProps;
- exports2.floatingPanelProps = floatingPanelProps;
- exports2.formProps = formProps;
- exports2.gridItemProps = gridItemProps;
- exports2.gridProps = gridProps;
- exports2.highlightProps = highlightProps;
- exports2.iconProps = iconProps;
- exports2.imagePreviewProps = imagePreviewProps;
- exports2.imageProps = imageProps;
- exports2.indexAnchorProps = indexAnchorProps;
- exports2.indexBarProps = indexBarProps;
- exports2.install = install;
- exports2.listProps = listProps;
- exports2.loadingProps = loadingProps;
- exports2.navBarProps = navBarProps;
- exports2.noticeBarProps = noticeBarProps;
- exports2.notifyProps = notifyProps;
- exports2.numberKeyboardProps = numberKeyboardProps;
- exports2.overlayProps = overlayProps;
- exports2.paginationProps = paginationProps;
- exports2.passwordInputProps = passwordInputProps;
- exports2.pickerGroupProps = pickerGroupProps;
- exports2.pickerProps = pickerProps;
- exports2.popoverProps = popoverProps;
- exports2.popupProps = popupProps$2;
- exports2.progressProps = progressProps;
- exports2.pullRefreshProps = pullRefreshProps;
- exports2.radioGroupProps = radioGroupProps;
- exports2.radioProps = radioProps;
- exports2.rateProps = rateProps;
- exports2.resetDialogDefaultOptions = resetDialogDefaultOptions;
- exports2.resetNotifyDefaultOptions = resetNotifyDefaultOptions;
- exports2.resetToastDefaultOptions = resetToastDefaultOptions;
- exports2.rollingTextProps = rollingTextProps;
- exports2.rowProps = rowProps;
- exports2.searchProps = searchProps;
- exports2.setDialogDefaultOptions = setDialogDefaultOptions;
- exports2.setNotifyDefaultOptions = setNotifyDefaultOptions;
- exports2.setToastDefaultOptions = setToastDefaultOptions;
- exports2.shareSheetProps = shareSheetProps;
- exports2.showConfirmDialog = showConfirmDialog;
- exports2.showDialog = showDialog;
- exports2.showFailToast = showFailToast;
- exports2.showImagePreview = showImagePreview;
- exports2.showLoadingToast = showLoadingToast;
- exports2.showNotify = showNotify;
- exports2.showSuccessToast = showSuccessToast;
- exports2.showToast = showToast;
- exports2.sidebarItemProps = sidebarItemProps;
- exports2.sidebarProps = sidebarProps;
- exports2.skeletonAvatarProps = skeletonAvatarProps;
- exports2.skeletonImageProps = skeletonImageProps;
- exports2.skeletonParagraphProps = skeletonParagraphProps;
- exports2.skeletonProps = skeletonProps;
- exports2.skeletonTitleProps = skeletonTitleProps;
- exports2.sliderProps = sliderProps;
- exports2.spaceProps = spaceProps;
- exports2.stepperProps = stepperProps;
- exports2.stepsProps = stepsProps;
- exports2.stickyProps = stickyProps;
- exports2.submitBarProps = submitBarProps;
- exports2.swipeCellProps = swipeCellProps;
- exports2.swipeProps = swipeProps;
- exports2.switchProps = switchProps;
- exports2.tabProps = tabProps;
- exports2.tabbarItemProps = tabbarItemProps;
- exports2.tabbarProps = tabbarProps;
- exports2.tabsProps = tabsProps;
- exports2.tagProps = tagProps;
- exports2.textEllipsisProps = textEllipsisProps;
- exports2.timePickerProps = timePickerProps;
- exports2.toastProps = toastProps;
- exports2.treeSelectProps = treeSelectProps;
- exports2.uploaderProps = uploaderProps;
- exports2.useCurrentLang = useCurrentLang;
- exports2.version = version;
- exports2.watermarkProps = watermarkProps;
- Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
- });
|