UNPKG

@nuxt/devtools

Version:

<a href="https://devtools.nuxt.com"><img width="1200" alt="Nuxt DevTools" src="https://github-production-user-asset-6210df.s3.amazonaws.com/904724/261577617-a10567bd-ad33-48cc-9bda-9e37dbe1929f.png"></a> <br>

2 lines (1 loc) 1.01 kB
import{d as m,Y as c,o as l,m as t,F as v,n as f,D as d,f as o,k as i,t as _,G as g,aN as y,l as V}from"./Bysyzw-g.js";const h={class:"n-select-tabs flex flex-inline flex-wrap items-center border n-border-base rounded n-bg-base"},k=["disabled","title"],x=["disabled","value","title"],w=m({__name:"NSelectTabs",props:{modelValue:{default:void 0},disabled:{type:Boolean,default:!1},options:{}},setup(r,{emit:b}){const s=c(r,"modelValue",b,{passive:!0});return(a,n)=>(l(),t("fieldset",h,[(l(!0),t(v,null,f(a.options,(e,p)=>(l(),t("label",{key:e.label,disabled:a.disabled,class:d(["relative n-border-base hover:n-bg-active px-0.5em py-0.1em",[p?"border-l n-border-base ml--1px":"",e.value===o(s)?"n-bg-active":""]]),title:e.label},[i("div",{class:d([e.value===o(s)?"":"op35"])},_(e.label),3),g(i("input",{"onUpdate:modelValue":n[0]||(n[0]=u=>V(s)?s.value=u:null),type:"radio",disabled:a.disabled,value:e.value,title:e.label,class:"absolute inset-0 op-0.1"},null,8,x),[[y,o(s)]])],10,k))),128))]))}});export{w as _};