XTTab-e7882549.js 1.4 KB

1
  1. var f=(d,i,t)=>new Promise((c,a)=>{var b=s=>{try{n(t.next(s))}catch(r){a(r)}},e=s=>{try{n(t.throw(s))}catch(r){a(r)}},n=s=>s.done?c(s.value):Promise.resolve(s.value).then(b,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 y}from"./vue-aed314e3.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(a){return f(this,null,function*(){a.disabled||i("itemClick",{type:t.type,value:a.key||a.value,label:a.label})})}return(a,b)=>(l(),o("div",T,[_("div",x,[(l(!0),o(h,null,m(a.data,e=>(l(),o("div",{class:k(["tab-list_item",a.selected==e.key?"tab-list_item--selected":"",e.disabled?"tab-list_item--disabled":""]),key:e.key,onClick:n=>c(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),_("div",g,[_("span",null,y(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",B,"("+y(e.value)+")",1)):u("",!0)],4)):u("",!0)])],14,X))),128))])]))}});const N=C(V,[["__scopeId","data-v-ab3c8d14"]]);export{N as X};