2 lines
9.4 KiB
JavaScript
2 lines
9.4 KiB
JavaScript
import{Q as _,a0 as K,a1 as P,a2 as O,a3 as j,o,a as d,p as b,B as A,s as a,ac as g,q as f,e as w,F as I,r as $,Z as m,ab as D,ad as F,m as V,f as y,ah as T,ag as C,bC as R,v as U,c as B,am as x,_ as E,G as H,bD as L,w as M,bu as W,ay as G,al as Q,W as Z}from"./w6C5oYeY.js";import{a as J,b as X,c as Y,d as ee,T as ae}from"./DGJM9QfN.js";import"./CPYHdVfm.js";const te={slots:{root:"flex items-center gap-2",list:"relative flex p-1 group",indicator:"absolute transition-[translate,width] duration-200",trigger:["group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75","transition-colors"],leadingIcon:"shrink-0",leadingAvatar:"shrink-0",leadingAvatarSize:"",label:"truncate",trailingBadge:"shrink-0",trailingBadgeSize:"sm",content:"focus:outline-none w-full"},variants:{color:{primary:"",secondary:"",success:"",info:"",warning:"",error:"",neutral:""},variant:{pill:{list:"bg-elevated rounded-lg",trigger:"grow",indicator:"rounded-md shadow-xs"},link:{list:"border-default",indicator:"rounded-full",trigger:"focus:outline-none"}},orientation:{horizontal:{root:"flex-col",list:"w-full",indicator:"left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)",trigger:"justify-center"},vertical:{list:"flex-col",indicator:"top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)"}},size:{xs:{trigger:"px-2 py-1 text-xs gap-1",leadingIcon:"size-4",leadingAvatarSize:"3xs"},sm:{trigger:"px-2.5 py-1.5 text-xs gap-1.5",leadingIcon:"size-4",leadingAvatarSize:"3xs"},md:{trigger:"px-3 py-1.5 text-sm gap-1.5",leadingIcon:"size-5",leadingAvatarSize:"2xs"},lg:{trigger:"px-3 py-2 text-sm gap-2",leadingIcon:"size-5",leadingAvatarSize:"2xs"},xl:{trigger:"px-3 py-2 text-base gap-2",leadingIcon:"size-6",leadingAvatarSize:"xs"}}},compoundVariants:[{orientation:"horizontal",variant:"pill",class:{indicator:"inset-y-1"}},{orientation:"horizontal",variant:"link",class:{list:"border-b -mb-px",indicator:"-bottom-px h-px"}},{orientation:"vertical",variant:"pill",class:{indicator:"inset-x-1",list:"items-center"}},{orientation:"vertical",variant:"link",class:{list:"border-s -ms-px",indicator:"-start-px w-px"}},{color:"primary",variant:"pill",class:{indicator:"bg-primary",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"}},{color:"secondary",variant:"pill",class:{indicator:"bg-secondary",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary"}},{color:"success",variant:"pill",class:{indicator:"bg-success",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success"}},{color:"info",variant:"pill",class:{indicator:"bg-info",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info"}},{color:"warning",variant:"pill",class:{indicator:"bg-warning",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning"}},{color:"error",variant:"pill",class:{indicator:"bg-error",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error"}},{color:"neutral",variant:"pill",class:{indicator:"bg-inverted",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted"}},{color:"primary",variant:"link",class:{indicator:"bg-primary",trigger:"data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"}},{color:"secondary",variant:"link",class:{indicator:"bg-secondary",trigger:"data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary"}},{color:"success",variant:"link",class:{indicator:"bg-success",trigger:"data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success"}},{color:"info",variant:"link",class:{indicator:"bg-info",trigger:"data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info"}},{color:"warning",variant:"link",class:{indicator:"bg-warning",trigger:"data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning"}},{color:"error",variant:"link",class:{indicator:"bg-error",trigger:"data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error"}},{color:"neutral",variant:"link",class:{indicator:"bg-inverted",trigger:"data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted"}}],defaultVariants:{color:"primary",variant:"pill",size:"md"}},ie={__name:"UTabs",props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:"horizontal"},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:"value"},labelKey:{type:null,required:!1,default:"label"},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:"0"},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:["update:modelValue"],setup(n,{expose:c,emit:h}){const t=n,z=h,S=_(),k=K(),r=P("tabs",t),q=O(j(t,"as","unmountOnHide"),z),s=B(()=>x({extend:x(te),...k.ui?.tabs||{}})({color:t.color,variant:t.variant,size:t.size,orientation:t.orientation})),p=U([]);function l(i,v){p.value[i]=v}return c({triggersRef:p}),(i,v)=>(o(),d(a(ae),V(a(q),{"model-value":n.modelValue,"default-value":n.defaultValue,orientation:n.orientation,"activation-mode":n.activationMode,"data-slot":"root",class:s.value.root({class:[a(r)?.root,t.class]})}),{default:b(()=>[A(a(J),{"data-slot":"list",class:g(s.value.list({class:a(r)?.list}))},{default:b(()=>[A(a(X),{"data-slot":"indicator",class:g(s.value.indicator({class:a(r)?.indicator}))},null,8,["class"]),f(i.$slots,"list-leading"),(o(!0),w(I,null,$(n.items,(e,u)=>(o(),d(a(Y),{key:u,ref_for:!0,ref:N=>l(u,N),value:a(m)(e,t.valueKey)??String(u),disabled:e.disabled,"data-slot":"trigger",class:g(s.value.trigger({class:[a(r)?.trigger,e.ui?.trigger]}))},{default:b(()=>[f(i.$slots,"leading",{item:e,index:u,ui:s.value},()=>[e.icon?(o(),d(D,{key:0,name:e.icon,"data-slot":"leadingIcon",class:g(s.value.leadingIcon({class:[a(r)?.leadingIcon,e.ui?.leadingIcon]}))},null,8,["name","class"])):e.avatar?(o(),d(F,V({key:1,size:e.ui?.leadingAvatarSize||a(r)?.leadingAvatarSize||s.value.leadingAvatarSize()},{ref_for:!0},e.avatar,{"data-slot":"leadingAvatar",class:s.value.leadingAvatar({class:[a(r)?.leadingAvatar,e.ui?.leadingAvatar]})}),null,16,["size","class"])):y("",!0)]),a(m)(e,t.labelKey)||S.default?(o(),w("span",{key:0,"data-slot":"label",class:g(s.value.label({class:[a(r)?.label,e.ui?.label]}))},[f(i.$slots,"default",{item:e,index:u},()=>[T(C(a(m)(e,t.labelKey)),1)])],2)):y("",!0),f(i.$slots,"trailing",{item:e,index:u,ui:s.value},()=>[e.badge||e.badge===0?(o(),d(R,V({key:0,color:"neutral",variant:"outline",size:e.ui?.trailingBadgeSize||a(r)?.trailingBadgeSize||s.value.trailingBadgeSize()},{ref_for:!0},typeof e.badge=="string"||typeof e.badge=="number"?{label:e.badge}:e.badge,{"data-slot":"trailingBadge",class:s.value.trailingBadge({class:[a(r)?.trailingBadge,e.ui?.trailingBadge]})}),null,16,["size","class"])):y("",!0)])]),_:2},1032,["value","disabled","class"]))),128)),f(i.$slots,"list-trailing")]),_:3},8,["class"]),n.content?(o(!0),w(I,{key:0},$(n.items,(e,u)=>(o(),d(a(ee),{key:u,value:a(m)(e,t.valueKey)??String(u),"data-slot":"content",class:g(s.value.content({class:[a(r)?.content,e.ui?.content,e.class]}))},{default:b(()=>[f(i.$slots,e.slot||"content",{item:e,index:u,ui:s.value},()=>[T(C(e.content),1)])]),_:2},1032,["value","class"]))),128)):y("",!0)]),_:3},16,["model-value","default-value","orientation","activation-mode","class"]))}},se={slots:{root:"my-5 gap-4"}},oe={__name:"ProseTabs",props:Q({defaultValue:{type:String,required:!1,default:"0"},sync:{type:String,required:!1},hash:{type:String,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1}},{modelValue:{type:String},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const c=n,h=_(),t=E(n,"modelValue"),z=K(),S=P("prose.tabs",c),k=B(()=>x({extend:x(se),...z.ui?.prose?.tabs||{}})),r=U(1),q=B(()=>(r.value,h.default?.()?.flatMap(s).filter(Boolean)||[]));function s(l,i){return typeof l.type=="symbol"?l.children?.map(s):{index:i,label:l.props?.label||`${i}`,description:l.props?.description,icon:l.props?.icon,component:l}}H(()=>{if(c.sync){const l=`tabs-${c.sync}`,i=L(l,()=>localStorage.getItem(l));M(i,()=>{i.value&&(t.value=i.value)},{immediate:!0}),M(t,()=>{t.value&&(i.value=t.value,localStorage.setItem(l,t.value))})}});async function p(){if(c.hash){const l=c.hash.startsWith("#")?c.hash:`#${c.hash}`;setTimeout(()=>{document.querySelector(l)?.scrollIntoView()},200)}}return W(()=>r.value++),(l,i)=>(o(),d(ie,{modelValue:t.value,"onUpdate:modelValue":[i[0]||(i[0]=v=>t.value=v),p],color:"primary",variant:"link",items:q.value,class:g(c.class),"unmount-on-hide":!1,ui:a(G)(k.value(),a(S))},{content:b(({item:v})=>[(o(),d(Z(v.component)))]),_:1},8,["modelValue","items","class","ui"]))}};export{oe as default};
|