2 lines
4.4 KiB
JavaScript
2 lines
4.4 KiB
JavaScript
import{ak as S,al as T,ap as H,r as p,c as x,at as C,z as M,g as d,av as g,c2 as L,bk as G,cK as X,cL as Y,cM as K,i as B,bL as Q,n as Z,F as N,bi as J,bj as U,m as _,bl as ee,q as E,bm as te,cN as ae,am as se,b$ as le,bq as oe,bZ as f,cO as R,c6 as ne,az as re,cP as ie,cQ as de,cR as ce}from"./main-BhFWIRV_.js";const $=Symbol.for("vuetify:v-tabs"),ue=T({fixed:Boolean,sliderColor:String,hideSlider:Boolean,direction:{type:String,default:"horizontal"},...G(X({selectedClass:"v-tab--selected",variant:"text"}),["active","block","flat","location","position","symbol"])},"VTab"),be=S()({name:"VTab",props:ue(),setup(e,s){let{slots:n,attrs:a}=s;const{textColorClasses:o,textColorStyles:i}=H(()=>e.sliderColor),l=p(),c=p(),r=x(()=>e.direction==="horizontal"),V=x(()=>l.value?.group?.isSelected.value??!1);function k(y){let{value:t}=y;if(t){const P=l.value?.$el.parentElement?.querySelector(".v-tab--selected .v-tab__slider"),W=c.value;if(!P||!W)return;const j=getComputedStyle(P).color,u=P.getBoundingClientRect(),b=W.getBoundingClientRect(),w=r.value?"x":"y",h=r.value?"X":"Y",I=r.value?"right":"bottom",v=r.value?"width":"height",q=u[w],A=b[w],m=q>A?u[I]-b[I]:u[w]-b[w],D=Math.sign(m)>0?r.value?"right":"bottom":Math.sign(m)<0?r.value?"left":"top":"center",F=(Math.abs(m)+(Math.sign(m)<0?u[v]:b[v]))/Math.max(u[v],b[v])||0,O=u[v]/b[v]||0,z=1.5;Y(W,{backgroundColor:[j,"currentcolor"],transform:[`translate${h}(${m}px) scale${h}(${O})`,`translate${h}(${m/z}px) scale${h}(${(F-1)/z+1})`,"none"],transformOrigin:Array(3).fill(D)},{duration:225,easing:K})}}return C(()=>{const y=M.filterProps(e);return d(M,g({symbol:$,ref:l,class:["v-tab",e.class],style:e.style,tabindex:V.value?0:-1,role:"tab","aria-selected":String(V.value),active:!1},y,a,{block:e.fixed,maxWidth:e.fixed?300:void 0,"onGroup:selected":k}),{...n,default:()=>B(N,null,[n.default?.()??e.text,!e.hideSlider&&B("div",{ref:c,class:Z(["v-tab__slider",o.value]),style:Q(i.value)},null)])})}),L({},l)}}),ve=T({...G(ee(),["continuous","nextIcon","prevIcon","showArrows","touch","mandatory"])},"VTabsWindow"),me=S()({name:"VTabsWindow",props:ve(),emits:{"update:modelValue":e=>!0},setup(e,s){let{slots:n}=s;const a=J($,null),o=U(e,"modelValue"),i=x({get(){return o.value!=null||!a?o.value:a.items.value.find(l=>a.selected.value.includes(l.id))?.value},set(l){o.value=l}});return C(()=>{const l=_.filterProps(e);return d(_,g({_as:"VTabsWindow"},l,{modelValue:i.value,"onUpdate:modelValue":c=>i.value=c,class:["v-tabs-window",e.class],style:e.style,mandatory:!1,touch:!1}),n)}),{}}}),fe=T({...te()},"VTabsWindowItem"),ge=S()({name:"VTabsWindowItem",props:fe(),setup(e,s){let{slots:n}=s;return C(()=>{const a=E.filterProps(e);return d(E,g({_as:"VTabsWindowItem"},a,{class:["v-tabs-window-item",e.class],style:e.style}),n)}),{}}});function Ve(e){return e?e.map(s=>ce(s)?s:{text:s,value:s}):[]}const ye=T({alignTabs:{type:String,default:"start"},color:String,fixedTabs:Boolean,items:{type:Array,default:()=>[]},stacked:Boolean,bgColor:String,grow:Boolean,height:{type:[Number,String],default:void 0},hideSlider:Boolean,sliderColor:String,...de({mandatory:"force",selectedClass:"v-tab-item--selected"}),...ie(),...re()},"VTabs"),xe=S()({name:"VTabs",props:ye(),emits:{"update:modelValue":e=>!0},setup(e,s){let{attrs:n,slots:a}=s;const o=U(e,"modelValue"),i=x(()=>Ve(e.items)),{densityClasses:l}=ae(e),{backgroundColorClasses:c,backgroundColorStyles:r}=se(()=>e.bgColor),{scopeId:V}=le();return oe({VTab:{color:f(()=>e.color),direction:f(()=>e.direction),stacked:f(()=>e.stacked),fixed:f(()=>e.fixedTabs),sliderColor:f(()=>e.sliderColor),hideSlider:f(()=>e.hideSlider)}}),C(()=>{const k=R.filterProps(e),y=!!(a.window||e.items.length>0);return B(N,null,[d(R,g(k,{modelValue:o.value,"onUpdate:modelValue":t=>o.value=t,class:["v-tabs",`v-tabs--${e.direction}`,`v-tabs--align-tabs-${e.alignTabs}`,{"v-tabs--fixed-tabs":e.fixedTabs,"v-tabs--grow":e.grow,"v-tabs--stacked":e.stacked},l.value,c.value,e.class],style:[{"--v-tabs-height":ne(e.height)},r.value,e.style],role:"tablist",symbol:$},V,n),{default:()=>[a.default?.()??i.value.map(t=>a.tab?.({item:t})??d(be,g(t,{key:t.text,value:t.value}),{default:a[`tab.${t.value}`]?()=>a[`tab.${t.value}`]?.({item:t}):void 0}))]}),y&&d(me,g({modelValue:o.value,"onUpdate:modelValue":t=>o.value=t,key:"tabs-window"},V),{default:()=>[i.value.map(t=>a.item?.({item:t})??d(ge,{value:t.value},{default:()=>a[`item.${t.value}`]?.({item:t})})),a.window?.()]})])}),{}}});export{be as V,xe as a,me as b,ge as c};
|