|
|
-import{F as B}from"./index-f22cceab.js";import{_ as k}from"./_plugin-vue_export-helper-c27b6911.js";import{a as C,c as _,V as t,W as a,a4 as i,F as b,a2 as y,a0 as g,u as s,a3 as x,$ as c,a5 as F,a1 as S,R as h}from"./vue-9763c232.js";const O={class:"btn-box"},N=["onClick"],$={key:0,class:"icon1"},V={key:0,class:"content"},z={__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:f}){const u=e;let o=C(u.activeNormal?u.btnOptions[0].label:""),v=_(n=>r=>(console.log(r.value),r.label==o.value)),p=n=>{o.value=n.label,f("clickBtn",n)};return m({active:o}),(n,r)=>(t(),a("div",null,[i("div",{class:"btn-wrapper",style:S([{"--btnColor":e.btnColor},{"--textColor":e.textColor},e.myStyle])},[i("div",O,[(t(!0),a(b,null,y(e.btnOptions,l=>(t(),a("div",{class:g(["btn-item",s(o)==l.label?"active":"",{active:e.btn}]),onClick:d=>s(p)(l)},[l.icon?(t(),x(s(B),{key:0,style:{"margin-right":"3px"}})):c("",!0),i("span",null,F(l.label),1)],10,N))),256))]),e.icon1?(t(),a("div",$)):c("",!0)],4),e.tab?(t(),a("div",V,[(t(!0),a(b,null,y(e.btnOptions,(l,d)=>(t(),a("div",null,[s(v)(l)?h(n.$slots,`slot${d}`,{key:0,data:l},void 0,!0):c("",!0)]))),256))])):c("",!0)]))}},A=k(z,[["__scopeId","data-v-4ad04882"]]);export{A as c};
|
|
|
+import{F as B}from"./index-b8e42448.js";import{_ as k}from"./_plugin-vue_export-helper-c27b6911.js";import{a as C,c as _,V as t,W as a,a4 as i,F as b,a2 as y,a0 as g,u as s,a3 as x,$ as c,a5 as F,a1 as S,R as h}from"./vue-9763c232.js";const O={class:"btn-box"},N=["onClick"],$={key:0,class:"icon1"},V={key:0,class:"content"},z={__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:f}){const u=e;let o=C(u.activeNormal?u.btnOptions[0].label:""),v=_(n=>r=>(console.log(r.value),r.label==o.value)),p=n=>{o.value=n.label,f("clickBtn",n)};return m({active:o}),(n,r)=>(t(),a("div",null,[i("div",{class:"btn-wrapper",style:S([{"--btnColor":e.btnColor},{"--textColor":e.textColor},e.myStyle])},[i("div",O,[(t(!0),a(b,null,y(e.btnOptions,l=>(t(),a("div",{class:g(["btn-item",s(o)==l.label?"active":"",{active:e.btn}]),onClick:d=>s(p)(l)},[l.icon?(t(),x(s(B),{key:0,style:{"margin-right":"3px"}})):c("",!0),i("span",null,F(l.label),1)],10,N))),256))]),e.icon1?(t(),a("div",$)):c("",!0)],4),e.tab?(t(),a("div",V,[(t(!0),a(b,null,y(e.btnOptions,(l,d)=>(t(),a("div",null,[s(v)(l)?h(n.$slots,`slot${d}`,{key:0,data:l},void 0,!0):c("",!0)]))),256))])):c("",!0)]))}},A=k(z,[["__scopeId","data-v-4ad04882"]]);export{A as c};
|