index-f87274fb.js 1.4 KB

1
  1. import{d as v,r as k,o as l,c as o,k as x,a,F as f,A as _,i as r,w as m,av as h,t as b,l as c,Z as u,_ as g,q as w}from"./index-df709923.js";import{E as C}from"./el-image-29d644a2.js";import"./el-image-viewer-90ad41b7.js";import{_ as z}from"./_plugin-vue_export-helper-1b428a4d.js";const A=["onClick"],F={class:"h-full w-full flex items-center justify-center"},j=v({name:"FloatingActionButton",__name:"index",props:{property:{}},setup(B){const t=k(!0),i=()=>{t.value=!t.value};return(e,E)=>{const p=g,d=C,y=w;return l(),o(f,null,[x("div",{class:u(["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"}])},[a(t)?(l(!0),o(f,{key:0},_(e.property.list,(s,n)=>(l(),o("div",{key:n,class:"flex flex-col items-center",onClick:I=>e.handleActive(n)},[r(d,{src:s.imgUrl,fit:"contain",class:"h-27px w-27px"},{error:m(()=>[x("div",F,[r(p,{icon:"ep:picture",color:s.textColor},null,8,["color"])])]),_:2},1032,["src"]),e.property.showText?(l(),o("span",{key:0,class:"mt-4px text-12px",style:h({color:s.textColor})},b(s.text),5)):c("",!0)],8,A))),128)):c("",!0),r(y,{type:"primary",size:"large",circle:"",onClick:i},{default:m(()=>[r(p,{icon:"ep:plus",class:u(["fab-icon",{active:a(t)}])},null,8,["class"])]),_:1})],2),a(t)?(l(),o("div",{key:0,class:"modal-bg",onClick:i})):c("",!0)],64)}}}),q=z(j,[["__scopeId","data-v-ff4b3b24"]]);export{q as default};