XTTab-2f7efd67.js 1.4 KB

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