|
|
-import"./index-68d225f8.js";import{_ as B}from"./_plugin-vue_export-helper-c27b6911.js";import{a as _,c as C,V as t,W as a,a4 as d,F as b,a2 as f,$ as c,a1 as k,a0 as g,u as r,a7 as x,R as h}from"./vue-676ffbd1.js";const S={class:"btn-box"},F=["onClick"],N={key:0,class:"icon1"},O={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}},emits:["clickBtn","selectChange"],setup(e,{expose:m,emit:v}){const i=e;let o=_(i.activeNormal?i.btnOptions[0].label:""),y=C(n=>s=>(console.log(s.value),s.label==o.value)),p=n=>{o.value=n.label,v("clickBtn",n)};return m({active:o}),(n,s)=>(t(),a("div",null,[d("div",{class:"btn-wrapper",style:k([{"--btnColor":e.btnColor},{"--textColor":e.textColor}])},[d("div",S,[(t(!0),a(b,null,f(e.btnOptions,l=>(t(),a("div",{class:g(["btn-item",r(o)==l.label?"active":"",{active:e.btn}]),onClick:u=>r(p)(l)},x(l.label),11,F))),256))]),e.icon1?(t(),a("div",N)):c("",!0)],4),e.tab?(t(),a("div",O,[(t(!0),a(b,null,f(e.btnOptions,(l,u)=>(t(),a("div",null,[r(y)(l)?h(n.$slots,`slot${u}`,{key:0,data:l},void 0,!0):c("",!0)]))),256))])):c("",!0)]))}},w=B($,[["__scopeId","data-v-5a886c5a"]]);export{w as c};
|
|
|
+import"./index-e15321ab.js";import{_ as B}from"./_plugin-vue_export-helper-c27b6911.js";import{a as _,c as C,V as t,W as a,a4 as d,F as b,a2 as f,$ as c,a1 as k,a0 as g,u as r,a7 as x,R as h}from"./vue-676ffbd1.js";const S={class:"btn-box"},F=["onClick"],N={key:0,class:"icon1"},O={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}},emits:["clickBtn","selectChange"],setup(e,{expose:m,emit:v}){const i=e;let o=_(i.activeNormal?i.btnOptions[0].label:""),y=C(n=>s=>(console.log(s.value),s.label==o.value)),p=n=>{o.value=n.label,v("clickBtn",n)};return m({active:o}),(n,s)=>(t(),a("div",null,[d("div",{class:"btn-wrapper",style:k([{"--btnColor":e.btnColor},{"--textColor":e.textColor}])},[d("div",S,[(t(!0),a(b,null,f(e.btnOptions,l=>(t(),a("div",{class:g(["btn-item",r(o)==l.label?"active":"",{active:e.btn}]),onClick:u=>r(p)(l)},x(l.label),11,F))),256))]),e.icon1?(t(),a("div",N)):c("",!0)],4),e.tab?(t(),a("div",O,[(t(!0),a(b,null,f(e.btnOptions,(l,u)=>(t(),a("div",null,[r(y)(l)?h(n.$slots,`slot${u}`,{key:0,data:l},void 0,!0):c("",!0)]))),256))])):c("",!0)]))}},w=B($,[["__scopeId","data-v-5a886c5a"]]);export{w as c};
|