mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2025-12-31 10:38:13 +00:00
2 lines
5.5 KiB
JavaScript
2 lines
5.5 KiB
JavaScript
import{d as T,k as s,r as g,l as R,ap as O,aI as F,h as p,c,J as b,ac as x,u as t,a as i,t as f,e as a,w as r,F as C,T as w,n as B,B as L,i as $,b as P,G as j,b6 as A,H as D,E as M}from"./index-e05985b6.js";/* empty css */import{_ as G}from"./index.vue_vue_type_style_index_0_lang-6860038b.js";import{_ as H}from"./index.vue_vue_type_script_setup_true_lang-de519c71.js";import J from"./index-627b9e4a.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 q}from"./sortable.esm-be94e56d.js";import{u as K}from"./diy-17e91366.js";import{r as Q}from"./range-e90b089a.js";const W={class:"content-wrap float-btn"},X={class:"edit-attr-item-wrap"},Y={class:"mb-[10px]"},Z={class:"ml-[10px] flex items-center"},ee=["onClick"],te={class:"edit-attr-item-wrap"},oe={class:"mb-[10px]"},le={class:"text-[12px] text-[#999] mb-[15px] mt-[5px]"},ae=["onClick"],ne={class:"style-wrap"},se=T({__name:"edit-float-btn",setup(ie,{expose:k}){const e=K();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},g(!1),R({title:e.editComponent.styleName,value:e.editComponent.style});const h=g([{name:"左上",src:"iconzuoshangpc",className:"upperLeft"},{name:"右上",src:"iconyoushangpc",className:"upperRight"},{name:"左下",src:"iconzuoxiapc",className:"lowerLeft"},{name:"右下",src:"iconyouxiapc",className:"lowerRight"}]),v=g({});h.value.forEach(n=>{n.className==e.editComponent.bottomPosition&&(v.value=n)});const S=n=>{v.value=n,e.editComponent.bottomPosition=n.className},U=()=>{e.editComponent.list.push({id:e.generateRandom(),imageUrl:"",link:{name:""}})},y=g();return e.editComponent.list.forEach(n=>{n.id||(n.id=e.generateRandom())}),O(()=>{F(()=>{const n=q.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(Q(e.editComponent.list.length).map(d=>d.toString()))}})})}),k({}),(n,o)=>{const m=j,d=A,V=D,z=J,N=H,E=G,I=M;return p(),c(C,null,[b(i("div",W,[i("div",X,[i("h3",Y,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(v.value.name),1),i("ul",Z,[(p(!0),c(C,null,w(h.value,(l,u)=>(p(),c(C,{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":h.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,ee)):L("",!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",te,[i("h3",oe,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",le,f(t(s)("floatBtnImageSuggest")),1),i("div",{ref_key:"imageBoxRef",ref:y},[(p(!0),c(C,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"]),b(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,ae),[[x,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}),b(a(I,{class:"w-full",onClick:U},{default:r(()=>[$(f(t(s)("addImageAd")),1)]),_:1},512),[[x,t(e).editComponent.list.length<3]])])],512),[[x,t(e).editTab=="content"]]),b(i("div",ne,[P(n.$slots,"style")],512),[[x,t(e).editTab=="style"]])],64)}}}),Ve=Object.freeze(Object.defineProperty({__proto__:null,default:se},Symbol.toStringTag,{value:"Module"}));export{Ve as _};
|