import{_ as N,r as i,ax as S,y as F,a as g,c as M,b as l,q as u,e as s,f as R,$ as D,H as b,t as G,a7 as m,ae as L,aj as P,an as j,bc as z,ao as J,ab as q,aQ as A,p as H,m as Q}from"./index-e450010e.js";const W=n=>(H("data-v-8caef217"),n=n(),Q(),n),$={class:"demo-drawer__content"},K=W(()=>u("i",{class:"el-icon-plus"},null,-1)),O={key:0,class:"preview-image"},X=["src"],Y={class:"demo-drawer__footer"},h="80px",Z={__name:"cardadd",props:{visible:Boolean},emits:["update:visible","data"],setup(n,{emit:w}){const y=n,r=w;let _;const x=i(!1),t=i(!1),e=S({data:{id:"",name:"",imageUrl:""},visible:F({get(){return y.visible},set(a){r("update:visible",a)}})}),p=i(),B=i(""),E=a=>{const d=a.type==="image/jpeg"||a.type==="image/png";if(!d)return m.error("只能上传 JPG 或 PNG 格式的图片"),!1;const c=a.size/1024/1024<2;if(!c)return m.error("图片大小不能超过 2MB"),!1;const o=new FileReader;return o.readAsDataURL(a),o.onload=()=>{B.value=o.result,e.data.imageUrl=o.result},d&&c},U=async()=>{if(!e.data.name){m.error("标题不能为空");return}const a={...e.data};p.value.close(),r("data",a),e.data.name="",t.value=!1,r("update:visible",!1)},k=()=>{t.value||L.confirm("你是否要提交数据?","温馨提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{t.value=!0,_=setTimeout(()=>{setTimeout(()=>{t.value=!1,r("update:visible",!1)},400)},2e3)}).catch(()=>{f()})},f=()=>{t.value=!1,x.value=!1,r("update:visible",!1),clearTimeout(_),e.data.name=""};return(a,d)=>{const c=P,o=j,C=z,I=J,v=q,V=A;return g(),M(V,{ref_key:"drawerRefadd",ref:p,"model-value":n.visible,title:"添加","before-close":k,direction:"ltr",class:"demo-drawer",size:"400px"},{default:l(()=>[u("div",$,[s(I,{model:e},{default:l(()=>[s(o,{label:"标题","label-width":h},{default:l(()=>[s(c,{modelValue:e.data.name,"onUpdate:modelValue":d[0]||(d[0]=T=>e.data.name=T),autocomplete:"off"},null,8,["modelValue"])]),_:1}),s(o,{label:"图片","label-width":h},{default:l(()=>[s(C,{class:"picture-uploader",action:"","auto-upload":!1,"before-upload":E,"on-change":a.handleChange,"list-type":"picture-card"},{default:l(()=>[K]),_:1},8,["on-change"]),e.data.imageUrl?(g(),R("div",O,[u("img",{src:e.data.imageUrl,alt:"预览图片"},null,8,X)])):D("",!0)]),_:1})]),_:1},8,["model"]),u("div",Y,[s(v,{onClick:f},{default:l(()=>[b("取消")]),_:1}),s(v,{type:"primary",loading:t.value,onClick:U},{default:l(()=>[b(G(t.value?"正在提交 ...":"提交"),1)]),_:1},8,["loading"])])])]),_:1},8,["model-value"])}}},ae=N(Z,[["__scopeId","data-v-8caef217"]]);export{ae as default};