index-60a03861.js 1.7 KB

1
  1. import{d as b,r as g,o as l,c as a,h as f,a as o,F as m,v as w,g as r,w as y,au as C,t as z,R as c,a0 as d,k as A,D,_ as F,__tla as j}from"./index-57157669.js";import{E as B,__tla as E}from"./el-image-fe28d1a2.js";import{__tla as R}from"./el-image-viewer-80427f3c.js";let v,U=Promise.all([(()=>{try{return j}catch{}})(),(()=>{try{return E}catch{}})(),(()=>{try{return R}catch{}})()]).then(async()=>{let i,n,p;i=["onClick"],n={class:"h-full w-full flex items-center justify-center"},p=b({name:"FloatingActionButton",__name:"index",props:{property:{type:Object,required:!0}},setup(q){const t=g(!0),u=()=>{t.value=!t.value};return(e,H)=>{const _=A,h=B,k=D;return l(),a(m,null,[f("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"}])},[o(t)?(l(!0),a(m,{key:0},w(e.property.list,(s,x)=>(l(),a("div",{key:x,class:"flex flex-col items-center",onClick:I=>e.handleActive(x)},[r(h,{src:s.imgUrl,fit:"contain",class:"h-27px w-27px"},{error:y(()=>[f("div",n,[r(_,{icon:"ep:picture",color:s.textColor},null,8,["color"])])]),_:2},1032,["src"]),e.property.showText?(l(),a("span",{key:0,class:"mt-4px text-12px",style:C({color:s.textColor})},z(s.text),5)):c("",!0)],8,i))),128)):c("",!0),r(k,{type:"primary",size:"large",circle:"",onClick:u},{default:y(()=>[r(_,{icon:"ep:plus",class:d(["fab-icon",{active:o(t)}])},null,8,["class"])]),_:1})],2),o(t)?(l(),a("div",{key:0,class:"modal-bg",onClick:u})):c("",!0)],64)}}}),v=F(p,[["__scopeId","data-v-5ef8fad6"],["__file","/Users/RuHu.Xu/Desktop/mall-newfeifan-zx-business/src/components/DiyEditor/components/mobile/FloatingActionButton/index.vue"]])});export{U as __tla,v as default};