| 1 |
- import"./index-07b89396.js";import{_ as B}from"./_plugin-vue_export-helper-c27b6911.js";import{a as C,c as _,V as t,W as l,a4 as d,F as b,a2 as m,$ as c,a1 as k,a0 as g,u as r,a7 as S,R as x}from"./vue-b109b72f.js";const h={class:"btn-box"},F=["onClick"],O={key:0,class:"icon1"},N={key:0,class:"content"},$={__name:"customBtn",props:{btnOptions:Array,btn:!1,tab:{type:Boolean,default:()=>!1},select:{type:Boolean,default:()=>!1},activeNormal:{type:Boolean,default:()=>!0},selectDisabled:{type:Boolean,default:()=>!1},btnColor:{type:String,default:()=>"rgb(22,255,246,.30)"},textColor:{type:String,default:()=>"#16FFF6"},icon1:{type:Boolean,default:()=>!1},myStyle:{type:Object,default:()=>{}}},emits:["clickBtn","selectChange"],setup(e,{expose:y,emit:f}){const i=e;let o=C(i.activeNormal?i.btnOptions[0].label:""),v=_(n=>s=>(console.log(s.value),s.label==o.value)),p=n=>{o.value=n.label,f("clickBtn",n)};return y({active:o}),(n,s)=>(t(),l("div",null,[d("div",{class:"btn-wrapper",style:k([{"--btnColor":e.btnColor},{"--textColor":e.textColor},e.myStyle])},[d("div",h,[(t(!0),l(b,null,m(e.btnOptions,a=>(t(),l("div",{class:g(["btn-item",r(o)==a.label?"active":"",{active:e.btn}]),onClick:u=>r(p)(a)},S(a.label),11,F))),256))]),e.icon1?(t(),l("div",O)):c("",!0)],4),e.tab?(t(),l("div",N,[(t(!0),l(b,null,m(e.btnOptions,(a,u)=>(t(),l("div",null,[r(v)(a)?x(n.$slots,`slot${u}`,{key:0,data:a},void 0,!0):c("",!0)]))),256))])):c("",!0)]))}},j=B($,[["__scopeId","data-v-4d9c96a6"]]);export{j as c};
|
