| 1 |
- System.register(["./index-legacy-3b5d15b6.js","./use-tab-status-legacy-96d80100.js","./index-legacy-f49663b6.js"],(function(e,t){"use strict";var n,l,o,i,a,r,s,d,c,u,v,f,p,b,h,g,m,y,x,w,I,k,B,C,S,$,T,z,R,A,L,W,Z,j,O,F,M,N,E,H,V,X,D,_,G,J,K,Y,q,P,Q,U,ee,te,ne,le;return{setters:[e=>{n=e.aL,l=e.bD,o=e.bE,i=e.r,a=e.aT,r=e.aM,s=e.az,d=e.av,c=e.aJ,u=e.c,v=e.n,f=e.m,p=e.b,b=e.d,h=e.by,g=e.x,m=e.e,y=e.bB,x=e.ab,w=e.i,I=e.w,k=e.Y,B=e.a,C=e.bA,S=e.Z,$=e.k,T=e.t,z=e.W,R=e.as,A=e.b4,L=e.y,W=e.X,Z=e.bp,j=e.a9,O=e.b6,F=e.z,M=e.ay,N=e.aI,E=e.o,H=e.a_,V=e.bl,X=e.bF,D=e.h,_=e.ad,G=e.$,J=e.bG,K=e.ap,Y=e.a3,q=e.ac,P=e.aK,Q=e.aE,U=e.g,ee=e.v},e=>{te=e.T},e=>{ne=e.S,le=e.a}],execute:function(){function t(e,t){if(!r||!window.IntersectionObserver)return;const n=new IntersectionObserver((e=>{t(e[0].intersectionRatio>0)}),{root:document.body}),l=()=>{e.value&&n.unobserve(e.value)};s(l),d(l),c((()=>{e.value&&n.observe(e.value)}))}const[oe,ie]=u("sticky"),ae={zIndex:v,position:f("top"),container:Object,offsetTop:p(0),offsetBottom:p(0)};var re=b({name:oe,props:ae,emits:["scroll","change"],setup(e,{emit:n,slots:o}){const a=i(),r=h(a),s=g({fixed:!1,width:0,height:0,transform:0}),d=m((()=>y("top"===e.position?e.offsetTop:e.offsetBottom))),c=m((()=>{const{fixed:e,height:t,width:n}=s;if(e)return{width:`${n}px`,height:`${t}px`}})),u=m((()=>{if(!s.fixed)return;const t=x(w(e.zIndex),{width:`${s.width}px`,height:`${s.height}px`,[e.position]:`${d.value}px`});return s.transform&&(t.transform=`translate3d(0, ${s.transform}px, 0)`),t})),v=()=>{if(!a.value||C(a))return;const{container:t,position:o}=e,i=S(a),r=l(window);if(s.width=i.width,s.height=i.height,"top"===o)if(t){const e=S(t),n=e.bottom-d.value-s.height;s.fixed=d.value>i.top&&e.bottom>0,s.transform=n<0?n:0}else s.fixed=d.value>i.top;else{const{clientHeight:e}=document.documentElement;if(t){const n=S(t),l=e-n.top-d.value-s.height;s.fixed=e-d.value<i.bottom&&e>n.top,s.transform=l<0?-l:0}else s.fixed=e-d.value<i.bottom}(e=>{n("scroll",{scrollTop:e,isFixed:s.fixed})})(r)};return I((()=>s.fixed),(e=>n("change",e))),k("scroll",v,{target:r,passive:!0}),t(a,v),()=>{var e;return B("div",{ref:a,style:c.value},[B("div",{class:ie({fixed:s.fixed}),style:u.value},[null==(e=o.default)?void 0:e.call(o)])])}}});const se=$(re),[de,ce]=u("tab");var ue=b({name:de,props:{id:String,dot:Boolean,type:String,color:String,title:String,badge:v,shrink:Boolean,isActive:Boolean,disabled:Boolean,controls:String,scrollable:Boolean,activeColor:String,inactiveColor:String,showZeroBadge:T},setup(e,{slots:t}){const n=m((()=>{const t={},{type:n,color:l,disabled:o,isActive:i,activeColor:a,inactiveColor:r}=e;l&&"card"===n&&(t.borderColor=l,o||(i?t.backgroundColor=l:t.color=l));const s=i?a:r;return s&&(t.color=s),t})),l=()=>{const n=B("span",{class:ce("text",{ellipsis:!e.scrollable})},[t.title?t.title():e.title]);return e.dot||z(e.badge)&&""!==e.badge?B(R,{dot:e.dot,content:e.badge,showZero:e.showZeroBadge},{default:()=>[n]}):n};return()=>B("div",{id:e.id,role:"tab",class:[ce([e.type,{grow:e.scrollable&&!e.shrink,shrink:e.shrink,active:e.isActive,disabled:e.disabled}])],style:n.value,tabindex:e.disabled?void 0:e.isActive?0:-1,"aria-selected":e.isActive,"aria-disabled":e.disabled||void 0,"aria-controls":e.controls},[l()])}});const[ve,fe]=u("tabs");var pe=b({name:ve,props:{count:A(Number),inited:Boolean,animated:Boolean,duration:A(v),swipeable:Boolean,lazyRender:Boolean,currentIndex:A(Number)},emits:["change"],setup(e,{emit:t,slots:n}){const l=i(),o=e=>t("change",e),a=()=>{var t;const i=null==(t=n.default)?void 0:t.call(n);return e.animated||e.swipeable?B(ne,{ref:l,loop:!1,class:fe("track"),duration:1e3*+e.duration,touchable:e.swipeable,lazyRender:e.lazyRender,showIndicators:!1,onChange:o},{default:()=>[i]}):i},r=t=>{const n=l.value;n&&n.state.active!==t&&n.swipeTo(t,{immediate:!e.inited})};return I((()=>e.currentIndex),r),L((()=>{r(e.currentIndex)})),W({swipeRef:l}),()=>B("div",{class:fe("content",{animated:e.animated||e.swipeable})},[a()])}});const[be,he]=u("tabs"),ge={type:f("line"),color:String,border:Boolean,sticky:Boolean,shrink:Boolean,active:p(0),duration:p(.3),animated:Boolean,ellipsis:T,swipeable:Boolean,scrollspy:Boolean,offsetTop:p(0),background:String,lazyRender:T,lineWidth:v,lineHeight:v,beforeChange:Function,swipeThreshold:p(5),titleActiveColor:String,titleInactiveColor:String},me=Symbol(be);var ye=b({name:be,props:ge,emits:["change","scroll","rendered","clickTab","update:active"],setup(e,{emit:r,slots:s}){let d,u,v;const f=i(),p=i(),b=i(),x=i(),w=Z(),$=h(f),[T,R]=function(){const e=i([]),t=[];return a((()=>{e.value=[]})),[e,n=>(t[n]||(t[n]=t=>{e.value[n]=t}),t[n])]}(),{children:A,linkChildren:L}=j(me),K=g({inited:!1,position:"",lineStyle:{},currentIndex:-1}),Y=m((()=>A.length>+e.swipeThreshold||!e.ellipsis||e.shrink)),q=m((()=>({borderColor:e.color,background:e.background}))),P=(e,t)=>{var n;return null!=(n=e.name)?n:t},Q=m((()=>{const e=A[K.currentIndex];if(e)return P(e,K.currentIndex)})),U=m((()=>y(e.offsetTop))),ee=m((()=>e.sticky?U.value+d:0)),te=t=>{const l=p.value,o=T.value;if(!(Y.value&&l&&o&&o[K.currentIndex]))return;const i=o[K.currentIndex].$el;!function(e,t,l){let o=0;const i=e.scrollLeft,a=0===l?1:Math.round(1e3*l/16);!function l(){e.scrollLeft+=(t-i)/a,++o<a&&n(l)}()}(l,i.offsetLeft-(l.offsetWidth-i.offsetWidth)/2,t?0:+e.duration)},ne=()=>{const t=K.inited;F((()=>{const n=T.value;if(!n||!n[K.currentIndex]||"line"!==e.type||C(f.value))return;const l=n[K.currentIndex].$el,{lineWidth:o,lineHeight:i}=e,a=l.offsetLeft+l.offsetWidth/2,r={width:E(o),backgroundColor:e.color,transform:`translateX(${a}px) translateX(-50%)`};if(t&&(r.transitionDuration=`${e.duration}s`),z(i)){const e=E(i);r.height=e,r.borderRadius=e}K.lineStyle=r}))},le=(t,n)=>{const l=(e=>{const t=e<K.currentIndex?-1:1;for(;e>=0&&e<A.length;){if(!A[e].disabled)return e;e+=t}})(t);if(!z(l))return;const o=A[l],i=P(o,l),a=null!==K.currentIndex;K.currentIndex!==l&&(K.currentIndex=l,n||te(),ne()),i!==e.active&&(r("update:active",i),a&&r("change",i,o.title)),v&&!e.scrollspy&&V(Math.ceil(X(f.value)-U.value))},oe=(e,t)=>{const n=A.find(((t,n)=>P(t,n)===e)),l=n?A.indexOf(n):0;le(l,t)},ie=(t=!1)=>{if(e.scrollspy){const i=A[K.currentIndex].$el;if(i&&$.value){const a=X(i,$.value)-ee.value;u=!0,function(e,t,i,a){let r=l(e);const s=r<t,d=0===i?1:Math.round(1e3*i/16),c=(t-r)/d;!function l(){r+=c,(s&&r>t||!s&&r<t)&&(r=t),o(e,r),s&&r<t||!s&&r>t?n(l):a&&n(a)}()}($.value,a,t?0:+e.duration,(()=>{u=!1}))}}},ae=e=>{v=e.isFixed,r("scroll",e)},re=()=>A.map(((t,n)=>B(ue,D({key:t.id,id:`${w}-${n}`,ref:R(n),type:e.type,color:e.color,style:t.titleStyle,class:t.titleClass,shrink:e.shrink,isActive:n===K.currentIndex,controls:t.id,scrollable:Y.value,activeColor:e.titleActiveColor,inactiveColor:e.titleInactiveColor,onClick:l=>((t,n,l)=>{const{title:o,disabled:i}=A[n],a=P(A[n],n);i||(G(e.beforeChange,{args:[a],done:()=>{le(n),ie()}}),J(t)),r("clickTab",{name:a,title:o,event:l,disabled:i})})(t,n,l)},_(t,["dot","badge","title","disabled","showZeroBadge"])),{title:t.$slots.title}))),de=()=>{if("line"===e.type&&A.length)return B("div",{class:he("line"),style:K.lineStyle},null)},ce=()=>{var t,n,l;const{type:o,border:i,sticky:a}=e,r=[B("div",{ref:a?void 0:b,class:[he("wrap"),{[H]:"line"===o&&i}]},[B("div",{ref:p,role:"tablist",class:he("nav",[o,{shrink:e.shrink,complete:Y.value}]),style:q.value,"aria-orientation":"horizontal"},[null==(t=s["nav-left"])?void 0:t.call(s),re(),de(),null==(n=s["nav-right"])?void 0:n.call(s)])]),null==(l=s["nav-bottom"])?void 0:l.call(s)];return a?B("div",{ref:b},[r]):r};return I([()=>e.color,O],ne),I((()=>e.active),(e=>{e!==Q.value&&oe(e)})),I((()=>A.length),(()=>{K.inited&&(oe(e.active),ne(),F((()=>{te(!0)})))})),W({resize:()=>{ne(),F((()=>{var e,t;return null==(t=null==(e=x.value)?void 0:e.swipeRef.value)?void 0:t.resize()}))},scrollTo:e=>{F((()=>{oe(e),ie(!0)}))}}),M(ne),N(ne),c((()=>{oe(e.active,!0),F((()=>{K.inited=!0,b.value&&(d=S(b.value).height),te(!0)}))})),t(f,ne),k("scroll",(()=>{if(e.scrollspy&&!u){const e=(()=>{for(let e=0;e<A.length;e++){const{top:t}=S(A[e].$el);if(t>ee.value)return 0===e?0:e-1}return A.length-1})();le(e)}}),{target:$,passive:!0}),L({id:w,props:e,setLine:ne,onRendered:(e,t)=>r("rendered",e,t),currentName:Q,scrollIntoView:te}),()=>B("div",{ref:f,class:he([e.type])},[e.sticky?B(se,{container:f.value,offsetTop:U.value,onScroll:ae},{default:()=>[ce()]}):ce(),B(pe,{ref:x,count:A.length,inited:K.inited,animated:e.animated,duration:e.duration,swipeable:e.swipeable,lazyRender:e.lazyRender,currentIndex:K.currentIndex,onChange:le},{default:()=>{var e;return[null==(e=s.default)?void 0:e.call(s)]}})])}});const[xe,we]=u("tab"),Ie=x({},K,{dot:Boolean,name:v,badge:v,title:String,disabled:Boolean,titleClass:Y,titleStyle:[String,Object],showZeroBadge:T});var ke=b({name:xe,props:Ie,setup(e,{slots:t}){const n=Z(),l=i(!1),{parent:o,index:a}=q(me);if(!o)return void console.error("[Vant] <Tab> must be a child component of <Tabs>.");const r=()=>{var t;return null!=(t=e.name)?t:a.value},s=m((()=>{const t=r()===o.currentName.value;return t&&!l.value&&(l.value=!0,o.props.lazyRender&&F((()=>{o.onRendered(r(),e.title)}))),t})),d=i(!s.value);return I(s,(e=>{e?d.value=!1:P((()=>{d.value=!0}))})),I((()=>e.title),(()=>{o.setLine(),o.scrollIntoView()})),Q(te,s),()=>{var e;const i=`${o.id}-${a.value}`,{animated:r,swipeable:c,scrollspy:u,lazyRender:v}=o.props;if(!t.default&&!r)return;const f=u||s.value;if(r||c)return B(le,{id:n,role:"tabpanel",class:we("panel-wrapper",{inactive:d.value}),tabindex:s.value?0:-1,"aria-hidden":!s.value,"aria-labelledby":i},{default:()=>{var e;return[B("div",{class:we("panel")},[null==(e=t.default)?void 0:e.call(t)])]}});const p=l.value||u||!v?null==(e=t.default)?void 0:e.call(t):null;return W({id:n}),U(B("div",{id:n,role:"tabpanel",class:we("panel"),tabindex:f?0:-1,"aria-labelledby":i},[p]),[[ee,f]])}}});e("a",$(ke)),e("T",$(ye))}}}));
|
