Deploying to gh-pages from @ arashsheyda/nuxt-mongoose@edcf10eea1 🚀
This commit is contained in:
1
_nuxt/TabsHeader.P4EbMDj2.js
Normal file
1
_nuxt/TabsHeader.P4EbMDj2.js
Normal file
@ -0,0 +1 @@
|
||||
import{d as b,r as l,a4 as v,b as a,c as s,F as g,ak as x,e as u,f as k,Z as y,n as I,t as T,p as S,i as C,O as $,l as w}from"./entry.smrWno0O.js";const B=t=>(S("data-v-1a44e4b9"),t=t(),C(),t),N={class:"tabs-header"},U=["onClick"],q=B(()=>u("span",{class:"tab"},null,-1)),F=[q],H=b({__name:"TabsHeader",props:{tabs:{type:Array,required:!0},activeTabIndex:{type:Number,required:!0}},emits:["update:activeTabIndex"],setup(t,{emit:p}){const h=t,f=p,n=l(),i=l(),o=e=>{e&&(i.value.style.insetInlineStart=`${e.offsetLeft}px`,i.value.style.width=`${e.clientWidth}px`)},m=(e,c)=>{f("update:activeTabIndex",c),$(()=>o(e.target))};return v(n,e=>{e&&setTimeout(()=>{o(n.value.children[h.activeTabIndex])},50)},{immediate:!0}),(e,c)=>(a(),s("div",N,[t.tabs?(a(),s("div",{key:0,ref_key:"tabsRef",ref:n,class:"tabs"},[(a(!0),s(g,null,x(t.tabs,({label:d},r)=>(a(),s("button",{key:`${r}${d}`,class:I([t.activeTabIndex===r?"active":"not-active"]),onClick:_=>m(_,r)},T(d),11,U))),128)),u("span",{ref_key:"highlightUnderline",ref:i,class:"highlight-underline"},F,512)],512)):k("",!0),y(e.$slots,"footer",{},void 0,!0)]))}}),R=w(H,[["__scopeId","data-v-1a44e4b9"]]);export{R as default};
|
||||
Reference in New Issue
Block a user