|
|
-import"./index-e7dfdfb0.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 f,$ as c,a1 as k,a0 as g,u as r,a7 as S,R as x}from"./vue-eb9bf4f9.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:m,emit:y}){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,y("clickBtn",n)};return m({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,f(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,f(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-d2b19fb1"]]);export{j as c};
|
|
|
+import"./index-d08d0282.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 f,a0 as k,u as c,a5 as g,$ as r,a1 as S,R as x}from"./vue-957f79fa.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:m,emit:y}){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,y("clickBtn",n)};return m({active:o}),(n,s)=>(t(),l("div",null,[d("div",{class:"btn-wrapper",style:S([{"--btnColor":e.btnColor},{"--textColor":e.textColor},e.myStyle])},[d("div",h,[(t(!0),l(b,null,f(e.btnOptions,a=>(t(),l("div",{class:k(["btn-item",c(o)==a.label?"active":"",{active:e.btn}]),onClick:u=>c(p)(a)},g(a.label),11,F))),256))]),e.icon1?(t(),l("div",O)):r("",!0)],4),e.tab?(t(),l("div",N,[(t(!0),l(b,null,f(e.btnOptions,(a,u)=>(t(),l("div",null,[c(v)(a)?x(n.$slots,`slot${u}`,{key:0,data:a},void 0,!0):r("",!0)]))),256))])):r("",!0)]))}},j=B($,[["__scopeId","data-v-d2b19fb1"]]);export{j as c};
|