import{d as g,r as w,o as a,c as l,g as m,a as s,F as x,k as b,i as o,w as y,ar as C,t as A,a2 as c,W as d,v as z,J as E,_ as F,__tla as j}from"./index-2c56227b.js";import{E as B,__tla as O}from"./el-image-cae97e2e.js";import{__tla as P}from"./el-image-viewer-da1b6008.js";let v,q=Promise.all([(()=>{try{return j}catch{}})(),(()=>{try{return O}catch{}})(),(()=>{try{return P}catch{}})()]).then(async()=>{let i,n,p;i=["onClick"],n={class:"h-full w-full flex items-center justify-center"},p=g({name:"FloatingActionButton",__name:"index",props:{property:{type:Object,required:!0}},setup(D){const t=w(!0),_=()=>{t.value=!t.value};return(e,G)=>{const u=z,h=B,k=E;return a(),l(x,null,[m("div",{class:d(["absolute bottom-32px right-[calc(50%-375px/2+32px)] flex z-12 gap-12px items-center",{"flex-row":e.property.direction==="horizontal","flex-col":e.property.direction==="vertical"}])},[s(t)?(a(!0),l(x,{key:0},b(e.property.list,(r,f)=>(a(),l("div",{key:f,class:"flex flex-col items-center",onClick:H=>e.handleActive(f)},[o(h,{src:r.imgUrl,fit:"contain",class:"h-27px w-27px"},{error:y(()=>[m("div",n,[o(u,{icon:"ep:picture",color:r.textColor},null,8,["color"])])]),_:2},1032,["src"]),e.property.showText?(a(),l("span",{key:0,class:"mt-4px text-12px",style:C({color:r.textColor})},A(r.text),5)):c("",!0)],8,i))),128)):c("",!0),o(k,{type:"primary",size:"large",circle:"",onClick:_},{default:y(()=>[o(u,{icon:"ep:plus",class:d(["fab-icon",{active:s(t)}])},null,8,["class"])]),_:1})],2),s(t)?(a(),l("div",{key:0,class:"modal-bg",onClick:_})):c("",!0)],64)}}}),v=F(p,[["__scopeId","data-v-5ef8fad6"],["__file","E:/GAOHP_2023/mall/newfeifan-front/yudao-ui-admin-vue3/src/components/DiyEditor/components/mobile/FloatingActionButton/index.vue"]])});export{q as __tla,v as default};
