HaniBlindBox/server/HoneyBox/src/HoneyBox.Admin/wwwroot/assets/FloatBallFormDialog-DsiX2Q_I.js

import{d as S,v as F,r as j,a as M,G as x,g as u,z as U,k as D,w as a,e as l,H as O,l as B,t as p,I as y,c as T,F as z,y as G,E as H,_ as A}from"./index-C9WLPmkt.js";import{F as E,a as r,b as K,u as Q,c as Z}from"./floatball-Cm6jXIo1.js";const $=S({__name:"FloatBallFormDialog",props:{modelValue:{type:Boolean},floatBall:{},isEdit:{type:Boolean}},emits:["update:modelValue","success"],setup(w,{emit:W}){const i=w,X=W,_=F({get:()=>i.modelValue,set:d=>X("update:modelValue",d)}),g=j(),b=j(!1),e=M({title:"",type:r.ShowImage,image:"",imageBj:"",imageDetails:"",linkUrl:"",positionX:"",positionY:"",width:"",height:"",imageDetailsX:"",imageDetailsY:"",imageDetailsW:"",imageDetailsH:"",effect:E.None,status:1}),q=F(()=>({type:[{required:!0,message:"请选择类型",trigger:"change"}],image:[{required:!0,message:"请输入悬浮球图片URL",trigger:"blur"}],positionX:[{required:!0,message:"请输入X轴位置",trigger:"blur"}],positionY:[{required:!0,message:"请输入Y轴位置",trigger:"blur"}],width:[{required:!0,message:"请输入宽度",trigger:"blur"}],height:[{required:!0,message:"请输入高度",trigger:"blur"}],effect:[{required:!0,message:"请选择特效",trigger:"change"}],linkUrl:e.type===r.JumpPage?[{required:!0,message:"请输入跳转链接",trigger:"blur"}]:[]}));x(()=>i.modelValue,d=>{d&&(i.isEdit&&i.floatBall?Object.assign(e,{title:i.floatBall.title||"",type:i.floatBall.type,image:i.floatBall.image,imageBj:i.floatBall.imageBj||"",imageDetails:i.floatBall.imageDetails||"",linkUrl:i.floatBall.linkUrl||"",positionX:i.floatBall.positionX,positionY:i.floatBall.positionY,width:i.floatBall.width,height:i.floatBall.height,imageDetailsX:i.floatBall.imageDetailsX||"",imageDetailsY:i.floatBall.imageDetailsY||"",imageDetailsW:i.floatBall.imageDetailsW||"",imageDetailsH:i.floatBall.imageDetailsH||"",effect:i.floatBall.effect,status:i.floatBall.status}):Y())}),x(()=>e.type,d=>{d!==r.JumpPage&&(e.linkUrl="")});const Y=()=>{var d;Object.assign(e,{title:"",type:r.ShowImage,image:"",imageBj:"",imageDetails:"",linkUrl:"",positionX:"",positionY:"",width:"",height:"",imageDetailsX:"",imageDetailsY:"",imageDetailsW:"",imageDetailsH:"",effect:E.None,status:1}),(d=g.value)==null||d.resetFields()},v=()=>{_.value=!1,Y()},C=async()=>{if(g.value){try{await g.value.validate()}catch{return}b.value=!0;try{const d={title:e.title||void 0,type:e.type,image:e.image,imageBj:e.imageBj||void 0,imageDetails:e.imageDetails||void 0,linkUrl:e.type===r.JumpPage?e.linkUrl:void 0,positionX:e.positionX,positionY:e.positionY,width:e.width,height:e.height,imageDetailsX:e.imageDetailsX||void 0,imageDetailsY:e.imageDetailsY||void 0,imageDetailsW:e.imageDetailsW||void 0,imageDetailsH:e.imageDetailsH||void 0,effect:e.effect,status:e.status};i.isEdit&&i.floatBall?(await Q(i.floatBall.id,{...d,status:e.status}),H.success("更新成功")):(await Z(d),H.success("创建成功")),X("success"),v()}finally{b.value=!1}}};return(d,t)=>{const m=u("el-input"),s=u("el-form-item"),c=u("el-radio"),L=u("el-radio-group"),f=u("el-divider"),n=u("el-col"),V=u("el-row"),R=u("el-option"),I=u("el-select"),N=u("el-switch"),J=u("el-form"),k=u("el-button"),P=u("el-dialog");return D(),U(P,{modelValue:_.value,"onUpdate:modelValue":t[16]||(t[16]=o=>_.value=o),title:w.isEdit?"编辑悬浮球":"新增悬浮球",width:"650px","close-on-click-modal":!1,onClose:v},{footer:a(()=>[l(k,{onClick:v},{default:a(()=>[...t[23]||(t[23]=[p("取消",-1)])]),_:1}),l(k,{type:"primary",loading:b.value,onClick:C},{default:a(()=>[...t[24]||(t[24]=[p(" 确定 ",-1)])]),_:1},8,["loading"])]),default:a(()=>[l(J,{ref_key:"formRef",ref:g,model:e,rules:q.value,"label-width":"110px"},{default:a(()=>[l(s,{label:"标题",prop:"title"},{default:a(()=>[l(m,{modelValue:e.title,"onUpdate:modelValue":t[0]||(t[0]=o=>e.title=o),placeholder:"请输入标题（可选）",maxlength:"50"},null,8,["modelValue"])]),_:1}),l(s,{label:"类型",prop:"type"},{default:a(()=>[l(L,{modelValue:e.type,"onUpdate:modelValue":t[1]||(t[1]=o=>e.type=o)},{default:a(()=>[l(c,{value:B(r).ShowImage},{default:a(()=>[...t[17]||(t[17]=[p("展示图片",-1)])]),_:1},8,["value"]),l(c,{value:B(r).JumpPage},{default:a(()=>[...t[18]||(t[18]=[p("跳转页面",-1)])]),_:1},8,["value"])]),_:1},8,["modelValue"])]),_:1}),l(s,{label:"悬浮球图片",prop:"image"},{default:a(()=>[l(y,{modelValue:e.image,"onUpdate:modelValue":t[2]||(t[2]=o=>e.image=o),placeholder:"点击上传悬浮球图片","url-placeholder":"或输入图片URL",tip:"支持 jpg、png、gif、webp 格式，最大 10MB"},null,8,["modelValue"])]),_:1}),l(s,{label:"背景图片",prop:"imageBj"},{default:a(()=>[l(y,{modelValue:e.imageBj,"onUpdate:modelValue":t[3]||(t[3]=o=>e.imageBj=o),placeholder:"点击上传背景图片","url-placeholder":"或输入背景图片URL（可选）"},null,8,["modelValue"])]),_:1}),l(s,{label:"详情图片",prop:"imageDetails"},{default:a(()=>[l(y,{modelValue:e.imageDetails,"onUpdate:modelValue":t[4]||(t[4]=o=>e.imageDetails=o),placeholder:"点击上传详情图片","url-placeholder":"或输入详情图片URL（可选）"},null,8,["modelValue"])]),_:1}),e.type===B(r).JumpPage?(D(),U(s,{key:0,label:"跳转链接",prop:"linkUrl"},{default:a(()=>[l(m,{modelValue:e.linkUrl,"onUpdate:modelValue":t[5]||(t[5]=o=>e.linkUrl=o),placeholder:"请输入跳转链接",maxlength:"500"},null,8,["modelValue"])]),_:1})):O("",!0),l(f,{"content-position":"left"},{default:a(()=>[...t[19]||(t[19]=[p("位置设置",-1)])]),_:1}),l(V,{gutter:20},{default:a(()=>[l(n,{span:12},{default:a(()=>[l(s,{label:"X轴位置",prop:"positionX"},{default:a(()=>[l(m,{modelValue:e.positionX,"onUpdate:modelValue":t[6]||(t[6]=o=>e.positionX=o),placeholder:"请输入X轴位置"},null,8,["modelValue"])]),_:1})]),_:1}),l(n,{span:12},{default:a(()=>[l(s,{label:"Y轴位置",prop:"positionY"},{default:a(()=>[l(m,{modelValue:e.positionY,"onUpdate:modelValue":t[7]||(t[7]=o=>e.positionY=o),placeholder:"请输入Y轴位置"},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),l(f,{"content-position":"left"},{default:a(()=>[...t[20]||(t[20]=[p("尺寸设置",-1)])]),_:1}),l(V,{gutter:20},{default:a(()=>[l(n,{span:12},{default:a(()=>[l(s,{label:"宽度",prop:"width"},{default:a(()=>[l(m,{modelValue:e.width,"onUpdate:modelValue":t[8]||(t[8]=o=>e.width=o),placeholder:"请输入宽度"},null,8,["modelValue"])]),_:1})]),_:1}),l(n,{span:12},{default:a(()=>[l(s,{label:"高度",prop:"height"},{default:a(()=>[l(m,{modelValue:e.height,"onUpdate:modelValue":t[9]||(t[9]=o=>e.height=o),placeholder:"请输入高度"},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),l(f,{"content-position":"left"},{default:a(()=>[...t[21]||(t[21]=[p("详情图位置和尺寸（可选）",-1)])]),_:1}),l(V,{gutter:20},{default:a(()=>[l(n,{span:12},{default:a(()=>[l(s,{label:"详情图X偏移",prop:"imageDetailsX"},{default:a(()=>[l(m,{modelValue:e.imageDetailsX,"onUpdate:modelValue":t[10]||(t[10]=o=>e.imageDetailsX=o),placeholder:"请输入X偏移"},null,8,["modelValue"])]),_:1})]),_:1}),l(n,{span:12},{default:a(()=>[l(s,{label:"详情图Y偏移",prop:"imageDetailsY"},{default:a(()=>[l(m,{modelValue:e.imageDetailsY,"onUpdate:modelValue":t[11]||(t[11]=o=>e.imageDetailsY=o),placeholder:"请输入Y偏移"},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),l(V,{gutter:20},{default:a(()=>[l(n,{span:12},{default:a(()=>[l(s,{label:"详情图宽度",prop:"imageDetailsW"},{default:a(()=>[l(m,{modelValue:e.imageDetailsW,"onUpdate:modelValue":t[12]||(t[12]=o=>e.imageDetailsW=o),placeholder:"请输入宽度"},null,8,["modelValue"])]),_:1})]),_:1}),l(n,{span:12},{default:a(()=>[l(s,{label:"详情图高度",prop:"imageDetailsH"},{default:a(()=>[l(m,{modelValue:e.imageDetailsH,"onUpdate:modelValue":t[13]||(t[13]=o=>e.imageDetailsH=o),placeholder:"请输入高度"},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),l(f,{"content-position":"left"},{default:a(()=>[...t[22]||(t[22]=[p("其他设置",-1)])]),_:1}),l(s,{label:"特效",prop:"effect"},{default:a(()=>[l(I,{modelValue:e.effect,"onUpdate:modelValue":t[14]||(t[14]=o=>e.effect=o),placeholder:"请选择特效",style:{width:"100%"}},{default:a(()=>[(D(!0),T(z,null,G(B(K),(o,h)=>(D(),U(R,{key:h,label:o,value:Number(h)},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),l(s,{label:"状态",prop:"status"},{default:a(()=>[l(N,{modelValue:e.status,"onUpdate:modelValue":t[15]||(t[15]=o=>e.status=o),"active-value":1,"inactive-value":0,"inline-prompt":"","active-text":"开启","inactive-text":"关闭"},null,8,["modelValue"])]),_:1})]),_:1},8,["model","rules"])]),_:1},8,["modelValue","title"])}}}),te=A($,[["__scopeId","data-v-3588d86d"]]);export{te as default};