niucloud-admin/niucloud/public/admin/assets/edit-float-btn-d4e1708c.js

import{d as I,k as s,r as v,aq as R,aJ as O,h as p,c,J as g,ad as b,u as t,a as i,t as f,e as a,w as m,F as x,T as w,n as B,B as F,i as L,b as $,G as P,b7 as j,H as A,E as D}from"./index-f99f26c5.js";/* empty css                  */import{_ as J}from"./index.vue_vue_type_style_index_0_lang-cdc3a85e.js";import{_ as M}from"./index.vue_vue_type_script_setup_true_lang-72e25793.js";import q from"./index-d26bf7a9.js";/* empty css                *//* empty css                  *//* empty css                 *//* empty css                        */import"./el-tooltip-4ed993c7.js";/* empty css                  */import"./el-form-item-4ed993c7.js";import{S as G}from"./sortable.esm-be94e56d.js";import{u as H}from"./diy-e412e4fe.js";import{r as K}from"./range-37ff0733.js";const Q={class:"content-wrap float-btn"},W={class:"edit-attr-item-wrap"},X={class:"mb-[10px]"},Y={class:"ml-[10px] flex items-center"},Z=["onClick"],ee={class:"edit-attr-item-wrap"},te={class:"mb-[10px]"},oe={class:"text-[12px] text-[#999] mb-[15px] mt-[5px]"},le=["onClick"],ae={class:"style-wrap"},ne=I({__name:"edit-float-btn",setup(se,{expose:k}){const e=H();e.editComponent.ignore=["pageBgColor","marginTop","marginBottom","marginBoth","componentBgUrl"],e.editComponent.verify=n=>{const o={code:!0,message:""};return e.value[n].list.forEach(r=>{if(r.imageUrl==="")return o.code=!1,o.message=s("imageUrlTip"),o}),o};const C=v([{name:"左上",src:"iconzuoshangpc",className:"upperLeft"},{name:"右上",src:"iconyoushangpc",className:"upperRight"},{name:"左下",src:"iconzuoxiapc",className:"lowerLeft"},{name:"右下",src:"iconyouxiapc",className:"lowerRight"}]),h=v({});C.value.forEach(n=>{n.className==e.editComponent.bottomPosition&&(h.value=n)});const S=n=>{h.value=n,e.editComponent.bottomPosition=n.className},U=()=>{e.editComponent.list.push({id:e.generateRandom(),imageUrl:"",link:{name:""}})},y=v();return e.editComponent.list.forEach(n=>{n.id||(n.id=e.generateRandom())}),R(()=>{O(()=>{const n=G.create(y.value,{group:"item-wrap",animation:200,onEnd:o=>{const r=e.editComponent.list[o.oldIndex];e.editComponent.list.splice(o.oldIndex,1),e.editComponent.list.splice(o.newIndex,0,r),n.sort(K(e.editComponent.list.length).map(d=>d.toString()))}})})}),k({}),(n,o)=>{const r=P,d=j,V=A,z=q,N=M,E=J,T=D;return p(),c(x,null,[g(i("div",Q,[i("div",W,[i("h3",X,f(t(s)("floatBtnButton")),1),a(V,{"label-width":"80px",class:"px-[10px]"},{default:m(()=>[a(r,{label:t(s)("floatBtnButton")},{default:m(()=>[i("span",null,f(h.value.name),1),i("ul",Y,[(p(!0),c(x,null,w(C.value,(l,u)=>(p(),c(x,{key:u},[t(e).editComponent.style==="style-1"||t(e).editComponent.style==="style-2"&&u>1?(p(),c("li",{key:0,class:B(["w-[50px] h-[32px] flex items-center justify-center border-solid  border-[1px] border-[#eee] cursor-pointer",{"border-r-transparent":C.value.length!=u+1},l.className==t(e).editComponent.bottomPosition?"!border-[var(--el-color-primary)]":""]),onClick:_=>S(l)},[i("span",{class:B(["iconfont !text-[20px]",l.src])},null,2)],10,Z)):F("",!0)],64))),128))])]),_:1},8,["label"]),a(r,{label:t(s)("floatBtnOffset")},{default:m(()=>[a(d,{modelValue:t(e).editComponent.offset,"onUpdate:modelValue":o[0]||(o[0]=l=>t(e).editComponent.offset=l),"show-input":"",size:"small",class:"ml-[10px] diy-nav-slider",max:100},null,8,["modelValue"])]),_:1},8,["label"]),a(r,{label:t(s)("lateralBtnOffset")},{default:m(()=>[a(d,{modelValue:t(e).editComponent.lateralOffset,"onUpdate:modelValue":o[1]||(o[1]=l=>t(e).editComponent.lateralOffset=l),"show-input":"",size:"small",class:"ml-[10px] diy-nav-slider",max:15,min:-10},null,8,["modelValue"])]),_:1},8,["label"])]),_:1})]),i("div",ee,[i("h3",te,f(t(s)("floatBtnImageSet")),1),a(V,{"label-width":"80px",class:"px-[10px]"},{default:m(()=>[a(r,{label:t(s)("floatBtnImageSize")},{default:m(()=>[a(d,{modelValue:t(e).editComponent.imageSize,"onUpdate:modelValue":o[2]||(o[2]=l=>t(e).editComponent.imageSize=l),"show-input":"",size:"small",class:"ml-[10px] diy-nav-slider",min:30,max:100},null,8,["modelValue"])]),_:1},8,["label"]),a(r,{label:t(s)("floatBtnAroundRadius")},{default:m(()=>[a(d,{modelValue:t(e).editComponent.aroundRadius,"onUpdate:modelValue":o[3]||(o[3]=l=>t(e).editComponent.aroundRadius=l),"show-input":"",size:"small",class:"ml-[10px] diy-nav-slider",max:50},null,8,["modelValue"])]),_:1},8,["label"]),i("div",oe,f(t(s)("floatBtnImageSuggest")),1),i("div",{ref_key:"imageBoxRef",ref:y},[(p(!0),c(x,null,w(t(e).editComponent.list,(l,u)=>(p(),c("div",{key:l.id,class:"item-wrap p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]"},[a(r,{label:t(s)("image")},{default:m(()=>[a(z,{modelValue:l.imageUrl,"onUpdate:modelValue":_=>l.imageUrl=_,limit:1},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),g(i("div",{class:"del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]",onClick:_=>t(e).editComponent.list.splice(u,1)},[a(N,{name:"element CircleCloseFilled",color:"#bbb",size:"20px"})],8,le),[[b,t(e).editComponent.list.length>1]]),a(r,{label:t(s)("link")},{default:m(()=>[a(E,{modelValue:l.link,"onUpdate:modelValue":_=>l.link=_},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"])]))),128))],512)]),_:1}),g(a(T,{class:"w-full",onClick:U},{default:m(()=>[L(f(t(s)("addImageAd")),1)]),_:1},512),[[b,t(e).editComponent.list.length<3]])])],512),[[b,t(e).editTab=="content"]]),g(i("div",ae,[$(n.$slots,"style")],512),[[b,t(e).editTab=="style"]])],64)}}}),ye=Object.freeze(Object.defineProperty({__proto__:null,default:ne},Symbol.toStringTag,{value:"Module"}));export{ye as _};