XTTab-CGOrSZ2a.js 1.4 KB

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