XTTab-DUAOH9vK.js 1.4 KB

1
  1. var b=(i,r,t)=>new Promise((c,n)=>{var a=s=>{try{e(t.next(s))}catch(d){n(d)}},_=s=>{try{e(t.throw(s))}catch(d){n(d)}},e=s=>s.done?c(s.value):Promise.resolve(s.value).then(a,_);e((t=t.apply(i,r)).next())});import{d as m,Z as l,_ as o,$ as f,F as h,a9 as C,a1 as y,af as p,aa as u,a0 as k}from"./vue-CF9JqwIh.js";import{_ as v}from"./entry/index-BaQQ7BQ_.js";const T={class:"xt-tab"},x={class:"tab-list"},B=["onClick"],X={class:y(["tab-list_item-cnt"])},g={key:0},V=m({name:"XTTab",__name:"XTTab",props:{width:{default:100},type:{default:null},selected:{default:"0"},data:{default:()=>[]}},emits:["itemClick"],setup(i,{emit:r}){const t=i,c=r;function n(a){return b(this,null,function*(){a.disabled||c("itemClick",{type:t.type,value:a.key||a.value,label:a.label})})}return(a,_)=>(l(),o("div",T,[f("div",x,[(l(!0),o(h,null,C(a.data,e=>(l(),o("div",{class:y(["tab-list_item",a.selected==e.key?"tab-list_item--selected":"",e.disabled?"tab-list_item--disabled":""]),key:e.key,onClick:s=>n(e),style:p({minWidth:a.width+"px"})},[e.prefixColor?(l(),o("div",{key:0,class:"tab-list_item-prefix",style:p({backgroundColor:e.prefixColor})},null,4)):u("",!0),f("div",X,[f("span",null,k(e.label),1),e.hasValue?(l(),o("span",{key:0,style:p({color:a.selected==e.key?"#ffffff":e.valueColor||"#273240"})},[e.hasBracket?(l(),o("span",g,"("+k(e.value)+")",1)):u("",!0)],4)):u("",!0)])],14,B))),128))])]))}}),N=v(V,[["__scopeId","data-v-10fdf876"]]);export{N as X};