mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2025-12-31 18:48:09 +00:00
2 lines
5.4 KiB
JavaScript
2 lines
5.4 KiB
JavaScript
import{d as I,k as s,r as v,as as R,am as O,h as p,c,J as g,ae as b,u as t,a as i,t as f,e as a,w as r,F as x,T as w,n as B,B as F,i as L,b as $,G as P,b8 as j,H as A,E as D}from"./index-9f163f98.js";/* empty css */import{_ as M}from"./index.vue_vue_type_style_index_0_lang-81acf0a3.js";import{_ as G}from"./index.vue_vue_type_script_setup_true_lang-b29ac1a4.js";import H from"./index-b01212c8.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 J}from"./sortable.esm-be94e56d.js";import{u as q}from"./diy-700f9c59.js";import{r as K}from"./range-60f1c18d.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=q();e.editComponent.ignore=["pageBgColor","marginTop","marginBottom","marginBoth","componentBgUrl"],e.editComponent.verify=n=>{const o={code:!0,message:""};return e.value[n].list.forEach(m=>{if(m.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=J.create(y.value,{group:"item-wrap",animation:200,onEnd:o=>{const m=e.editComponent.list[o.oldIndex];e.editComponent.list.splice(o.oldIndex,1),e.editComponent.list.splice(o.newIndex,0,m),n.sort(K(e.editComponent.list.length).map(d=>d.toString()))}})})}),k({}),(n,o)=>{const m=P,d=j,V=A,z=H,N=G,E=M,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:r(()=>[a(m,{label:t(s)("floatBtnButton")},{default:r(()=>[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(m,{label:t(s)("floatBtnOffset")},{default:r(()=>[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(m,{label:t(s)("lateralBtnOffset")},{default:r(()=>[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:r(()=>[a(m,{label:t(s)("floatBtnImageSize")},{default:r(()=>[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(m,{label:t(s)("floatBtnAroundRadius")},{default:r(()=>[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(m,{label:t(s)("image")},{default:r(()=>[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(m,{label:t(s)("link")},{default:r(()=>[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:r(()=>[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 _};
|