mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-02 03:08:12 +00:00
2 lines
17 KiB
JavaScript
2 lines
17 KiB
JavaScript
import{d as ye,q as we,v as Ce,f as ke,r as g,l as ee,ak as Ve,O as ze,h as c,c as u,e as l,w as i,a,u as t,aw as Te,t as f,k as s,F as y,T as z,m as C,i as D,B as k,aF as te,n as N,aN as S,aG as oe,z as Ee,a3 as ne,al as le,Q as qe,a2 as Pe,ag as Ie,E as Ne,bd as Se,Z as Me,_ as $e,a1 as Be,aA as De,G as je,b7 as Ue,b5 as Fe,ay as Ae,ae as Le,af as Oe,H as Re,L as He,S as Ge,p as Ze,g as We}from"./index-f99f26c5.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-4ed993c7.js";/* empty css */import"./el-form-item-4ed993c7.js";/* empty css *//* empty css */import{_ as Je}from"./index.vue_vue_type_script_setup_true_lang-72e25793.js";/* empty css *//* empty css *//* empty css */import{_ as Qe}from"./edit-draw-3bcfaf2a.js";import{_ as Xe}from"./edit-friendspay-message-5984a00d.js";import{_ as Ye}from"./edit-friendspay-money-7f380914.js";import{_ as Ke}from"./edit-headimg-f0cb5189.js";import{_ as et}from"./edit-image-e91abe32.js";import{_ as tt}from"./edit-nickname-632d8b0a.js";import{_ as ot}from"./edit-page-89ace8e9.js";import{_ as nt}from"./edit-qrcode-36d32acc.js";import{_ as lt}from"./edit-text-efac261c.js";import{_ as at}from"./preview-draw-5db49238.js";import{_ as st}from"./preview-friendspay-message-430babbc.js";import{_ as it}from"./preview-friendspay-money-fc9fff06.js";import{_ as rt}from"./preview-headimg-168bb01f.js";import{_ as pt}from"./preview-image-5ce8a53a.js";import{_ as ct}from"./preview-nickname-a60259ea.js";import{_ as dt}from"./preview-qrcode-e54e4d9b.js";import{_ as mt}from"./preview-text-fd9ffa31.js";import{u as ut}from"./poster-436c7587.js";import{i as _t,g as ft,e as vt,a as gt,b as xt}from"./poster-979d105b.js";import{_ as ht}from"./_plugin-vue_export-helper-c27b6911.js";import"./index-d26bf7a9.js";/* empty css */import"./index.vue_vue_type_style_index_0_lang-5728e7cf.js";import"./attachment-153bb8c5.js";/* empty css */import"./index.vue_vue_type_script_setup_true_lang-b1bfcd32.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./index.vue_vue_type_script_setup_true_lang-5c0ce90b.js";/* empty css */import"./sys-c0964254.js";import"./sortable.esm-be94e56d.js";const ae=M=>(Ze("data-v-72d1f530"),M=M(),We(),M),bt={class:"main-container flex-1"},yt={class:"pl-[5px] text-[14px]"},wt={class:"text-white ml-[10px] mr-[20px] flex items-center"},Ct=ae(()=>a("span",{class:"mr-[5px] text-[rgba(255,255,255,.5)]"},"｜",-1)),kt={class:"mr-[5px] text-[14px]"},Vt={class:"flex items-center"},zt={class:"text-white mr-[10px] text-base"},Tt={class:"w-[180px]"},Et=ae(()=>a("div",{class:"flex-1"},null,-1)),qt={class:"full-container flex flex-row flex-1 bg-page"},Pt={class:"component-list w-[290px]"},It={class:"flex flex-row flex-wrap"},Nt=["title","onClick"],St={class:"block text-[12px] truncate"},Mt={class:"preview-wrap flex-1 relative mt-[20px]"},$t={class:"diy-view-wrap w-[360px] shadow-lg mx-auto"},Bt={class:"content-wrap"},Dt={class:"title-wrap text-center text-[14px]"},jt={class:"preview-block relative max-h-[640px]"},Ut={class:"quick-action absolute text-center -right-[70px] top-[20px] w-[42px] rounded shadow-md"},Ft=["id","onMousedown","onClick"],At=["onMousedown"],Lt=["onMousedown"],Ot=["onMousedown"],Rt=["onMousedown"],Ht={class:"edit-attribute-wrap w-[400px]"},Gt={class:"card-header flex justify-between items-center"},Zt={class:"title flex-1"},Wt={class:"edit-component-wrap"},Jt={class:"edit-attr-item-wrap"},Qt={class:"mb-[10px]"},Xt={class:"flex items-center"},Yt=["onClick"],Kt=["title"],eo={class:"text-sm mt-[10px] leading-[1.4] text-gray-400"},to={class:"flex items-center"},oo=["onClick"],no=["title"],lo={key:0},ao=["src"],so=ye({__name:"edit",setup(M){we("setLayout")("decorate");const e=ut(),_=Ce(),se=ke();_&&_.query&&(_.query.id=_.query.id||0,_.query.type=_.query.type||"",_.query.name=_.query.name||"",_.query.back=_.query.back||"/admin/poster/list");const $=_.query.back,T=g(""),R=g(""),E=g([]),H=ee([]);g("");const G=g(H),ie=r=>{},re=r=>{let o={transform:"",zIndex:"",top:"",left:"",right:"",bottom:""};switch(o.transform=`rotate(${r.angle}deg)`,o.zIndex=`${r.zIndex}`,r.y){case"top":o.top=0;break;case"center":o.top="50%",o.transform=o.transform+" translateY(-50%)";break;case"bottom":o.bottom=0;break;default:o.top=r.y+"px"}switch(r.x){case"left":o.left=0;break;case"center":o.left="50%",o.transform=o.transform+" translateX(-50%)";break;case"right":o.right=0;break;default:o.left=r.x+"px"}return o},Z=g([{name:"左",src:"iconzuoduiqi1",className:"left"},{name:"中",src:"iconshuipingjuzhong1",className:"center"},{name:"右",src:"iconyouduiqi1",className:"right"}]),W=g([{name:"上",src:"icondingduiqi1",className:"top"},{name:"中",src:"iconchuizhijuzhong1",className:"center"},{name:"下",src:"icondiduiqi1",className:"bottom"}]),J=(r,o)=>{e.editComponent[r]=o.className},pe=g(!0),ce=()=>{pe.value?(location.href=`${location.origin}${$}`,se.push($)):ne.confirm(s("leavePageTitleTips"),s("leavePageContentTips"),{confirmButtonText:s("confirm"),cancelButtonText:s("cancel"),type:"warning",autofocus:!1}).then(()=>{location.href=`${location.origin}${$}`}).catch(()=>{})},Q=Object.assign({"./components/edit-draw.vue":Qe,"./components/edit-friendspay-message.vue":Xe,"./components/edit-friendspay-money.vue":Ye,"./components/edit-headimg.vue":Ke,"./components/edit-image.vue":et,"./components/edit-nickname.vue":tt,"./components/edit-page.vue":ot,"./components/edit-qrcode.vue":nt,"./components/edit-text.vue":lt,"./components/preview-draw.vue":at,"./components/preview-friendspay-message.vue":st,"./components/preview-friendspay-money.vue":it,"./components/preview-headimg.vue":rt,"./components/preview-image.vue":pt,"./components/preview-nickname.vue":ct,"./components/preview-qrcode.vue":dt,"./components/preview-text.vue":mt}),X=Object.assign({});X&&Object.assign(Q,X);const j={};for(const[r,o]of Object.entries(Q)){const p=r.split("/").pop().split(".")[0];j[p]=o.default}const V=ee([]),de=()=>{ft({addon:e.addon,type:e.type}).then(r=>{r.data&&(V.splice(0,V.length,...r.data),e.id&&(T.value=V.findIndex(o=>o.type==e.type)))})};Ve(()=>T.value,(r,o)=>{R.value=o});const me=r=>{if(e.value.length)ne.confirm(s("changeTemplatePosterTips"),s("warning"),{confirmButtonText:s("confirm"),cancelButtonText:s("cancel"),type:"warning"}).then(()=>{if(e.changeCurrentIndex(-99),r!==""){let o=V[r].data;e.global=o.global,o.value.length&&(e.value=o.value)}else e.init()}).catch(()=>{T.value=R.value});else if(r!==""){let o=V[r].data;e.global=o.global,o.value.length&&(e.value=o.value)}else e.init()};_t({id:_.query.id,type:_.query.type,name:_.query.name}).then(async r=>{const o=r.data;if(e.init(),e.id=o.id,e.name=o.name,e.channel=o.channel,e.status=o.status,e.isDefault=o.is_default,e.addon=o.addon,e.type=o.type,e.typeName=o.poster_type.name,o.value){const v=o.value;e.global=v.global,v.value.length&&(e.value=v.value)}E.value=o.component;for(const v in E.value){H.push(v);for(const p in E.value[v].list){const x=ze(E.value[v].list[p]);x.id=e.generateRandom(),x.componentName=p,x.componentTitle=x.title,delete x.title,delete x.icon,e.components.push(x)}}de()});const w=g(!1),ue=r=>{if(!e.verify()||w.value)return;w.value=!0,e.value.forEach((p,x,B)=>{const q=document.getElementById(p.id);if(q&&(p.width=q.offsetWidth,p.height=q.offsetHeight,p.type=="draw")){let b=[p.x*1,p.y*1],A=[(p.x+p.width)*1,p.y*1],L=[(p.x+p.width)*1,(p.y+p.height)*1],P=[p.x*1,(p.y+p.height)*1];p.points=[b,A,L,P]}delete p.verify});let o={id:e.id,name:e.name,type:e.type,status:e.status,is_default:e.isDefault,channel:e.channel,addon:e.addon,value:JSON.stringify({global:le(e.global),value:le(e.value)})};(e.id?vt:gt)(o).then(p=>{w.value=!1,p.code==1&&(e.id?w.value=!1:location.href=`${location.origin}${$}`,r&&r(p.data.id))}).catch(()=>{w.value=!1})},U=g(!1),F=g(""),_e=()=>{w.value||(w.value=!0,xt({id:e.id,type:e.type}).then(r=>{r.data&&(F.value=r.data,U.value=!0),w.value=!1}))};return(r,o)=>{const v=qe,p=Pe,x=Ie,B=Ne,q=Se,b=Je,A=Me,L=$e,P=Be,I=De,h=je,O=Ue,Y=Fe,fe=Ae,ve=Le,ge=Oe,xe=Re,he=He,be=Ge;return c(),u("div",bt,[l(q,{class:"flex items-center h-[60px] bg-primary px-[20px]"},{default:i(()=>[a("div",{class:"text-white cursor-pointer flex items-center",onClick:ce},[l(v,{size:"14"},{default:i(()=>[l(t(Te))]),_:1}),a("span",yt,f(t(s)("back")),1)]),a("div",wt,[Ct,a("span",kt,f(t(s)("decorating"))+"："+f(t(e).typeName),1)]),a("div",Vt,[a("span",zt,f(t(s)("templatePosterPlaceholder")),1),a("div",Tt,[l(x,{size:"small",modelValue:T.value,"onUpdate:modelValue":o[0]||(o[0]=n=>T.value=n),placeholder:t(s)("templatePosterPlaceholder"),onChange:me},{default:i(()=>[l(p,{label:t(s)("templatePosterEmpty"),value:""},null,8,["label"]),(c(!0),u(y,null,z(V,(n,m)=>(c(),C(p,{label:n.name,value:m,key:m},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])]),Et,t(e).id?(c(),C(B,{key:0,onClick:o[1]||(o[1]=n=>_e())},{default:i(()=>[D(f(t(s)("preview")),1)]),_:1})):k("",!0),l(B,{onClick:o[2]||(o[2]=n=>ue())},{default:i(()=>[D(f(t(s)("save")),1)]),_:1})]),_:1}),a("div",qt,[a("div",Pt,[l(P,{class:"px-[10px]"},{default:i(()=>[l(L,{modelValue:G.value,"onUpdate:modelValue":o[3]||(o[3]=n=>G.value=n),onChange:ie},{default:i(()=>[(c(!0),u(y,null,z(E.value,(n,m)=>(c(),C(A,{key:m,title:n.title,name:m},{default:i(()=>[a("ul",It,[(c(!0),u(y,null,z(n.list,(d,K)=>(c(),u("li",{key:K,class:"w-2/6 text-center cursor-pointer h-[65px]",title:d.title,onClick:ro=>t(e).addComponent(K,d)},[d.icon?(c(),C(b,{key:0,name:d.icon,size:"20px",class:"inline-block mt-[3px]"},null,8,["name"])):(c(),C(b,{key:1,name:"iconfont iconkaifazujian",size:"20px",class:"inline-block mt-[3px]"})),a("span",St,f(d.title),1)],8,Nt))),128))])]),_:2},1032,["title","name"]))),128))]),_:1},8,["modelValue"])]),_:1})]),a("div",Mt,[l(P,null,{default:i(()=>[l(B,{class:"page-btn absolute right-[20px]",onClick:o[4]||(o[4]=n=>t(e).changeCurrentIndex(-99))},{default:i(()=>[D(f(t(s)("posterSet")),1)]),_:1}),a("div",$t,[a("div",{class:"preview-head bg-no-repeat bg-center bg-cover cursor-pointer h-[64px]",onClick:o[5]||(o[5]=n=>t(e).changeCurrentIndex(-99))},[a("div",Bt,[a("div",Dt,f(t(e).name),1)])]),a("div",jt,[a("ul",Ut,[l(I,{effect:"light",content:t(s)("moveUpComponentZIndex"),placement:"right"},{default:i(()=>[l(b,{name:"iconfont iconjiantoushang",size:"20px",class:"block cursor-pointer leading-[40px]",onClick:t(e).moveUpComponent},null,8,["onClick"])]),_:1},8,["content"]),l(I,{effect:"light",content:t(s)("moveDownComponentZIndex"),placement:"right"},{default:i(()=>[l(b,{name:"iconfont iconjiantouxia",size:"20px",class:"block cursor-pointer leading-[40px]",onClick:t(e).moveDownComponent},null,8,["onClick"])]),_:1},8,["content"]),l(I,{effect:"light",content:t(s)("copyComponent"),placement:"right"},{default:i(()=>[l(b,{name:"iconfont iconcopy-line",size:"20px",class:"block cursor-pointer leading-[40px]",onClick:t(e).copyComponent},null,8,["onClick"])]),_:1},8,["content"]),l(I,{effect:"light",content:t(s)("delComponent"),placement:"right"},{default:i(()=>[l(b,{name:"iconfont icondelete-line",size:"20px",class:"block cursor-pointer leading-[40px]",onClick:t(e).delComponent},null,8,["onClick"])]),_:1},8,["content"]),l(I,{effect:"light",content:t(s)("resetComponent"),placement:"right"},{default:i(()=>[l(b,{name:"iconfont iconloader-line",size:"20px",class:"block cursor-pointer leading-[40px]",onClick:t(e).resetComponent},null,8,["onClick"])]),_:1},8,["content"])]),a("div",{class:"preview-iframe",style:te(t(e).getGlobalStyle()),onClick:o[6]||(o[6]=n=>t(e).changeCurrentIndex(-99))},[(c(!0),u(y,null,z(t(e).value,(n,m)=>(c(),u("div",{class:N(["item-wrap area-box select-none max-w-[720px] cursor-move",{selected:t(e).currentIndex==m}]),id:n.id,key:n.id,style:te(re(n)),onMousedown:d=>t(e).mouseDown(d,n.id,m),onClick:S(d=>t(e).changeCurrentIndex(m,n),["stop"])},[(c(),C(oe(j["preview-"+n.path]),{value:n},null,8,["value"])),a("span",{class:"box1",onMousedown:S(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,At),a("span",{class:"box2",onMousedown:S(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Lt),a("span",{class:"box3",onMousedown:S(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Ot),a("span",{class:"box4",onMousedown:S(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Rt)],46,Ft))),128))],4)])])]),_:1})]),a("div",Ht,[l(P,null,{default:i(()=>[l(he,{class:"box-card",shadow:"never"},{header:i(()=>{var n;return[a("div",Gt,[a("span",Zt,f(t(e).currentIndex==-99?t(s)("posterSet"):(n=t(e).editComponent)==null?void 0:n.componentTitle),1)])]}),default:i(()=>[a("div",Wt,[t(e).currentComponent?(c(),C(oe(j[t(e).currentComponent]),{key:0,value:t(e).value[t(e).currentIndex]},{common:i(()=>[a("div",Jt,[a("h3",Qt,f(t(s)("componentStyleTitle")),1),l(xe,{"label-width":"100px",class:"px-[10px]"},{default:i(()=>[l(h,{label:t(s)("zIndex")},{default:i(()=>[a("span",null,f(t(e).editComponent.zIndex),1)]),_:1},8,["label"]),t(e).editComponent.type=="text"?(c(),u(y,{key:0},[l(h,{label:t(s)("textFontSize")},{default:i(()=>[l(O,{modelValue:t(e).editComponent.fontSize,"onUpdate:modelValue":o[7]||(o[7]=n=>t(e).editComponent.fontSize=n),"show-input":"",size:"small",class:"ml-[10px]",min:14,max:100},null,8,["modelValue"])]),_:1},8,["label"]),l(h,{label:t(s)("textColor")},{default:i(()=>[l(Y,{modelValue:t(e).editComponent.fontColor,"onUpdate:modelValue":o[8]||(o[8]=n=>t(e).editComponent.fontColor=n)},null,8,["modelValue"])]),_:1},8,["label"]),l(h,{label:t(s)("weight")},{default:i(()=>[l(fe,{modelValue:t(e).editComponent.weight,"onUpdate:modelValue":o[9]||(o[9]=n=>t(e).editComponent.weight=n)},null,8,["modelValue"])]),_:1},8,["label"]),l(h,{label:t(s)("lineHeight")},{default:i(()=>[l(O,{modelValue:t(e).editComponent.lineHeight,"onUpdate:modelValue":o[10]||(o[10]=n=>t(e).editComponent.lineHeight=n),"show-input":"",size:"small",class:"ml-[10px]",min:0,max:50},null,8,["modelValue"])]),_:1},8,["label"])],64)):k("",!0),t(e).editComponent.type=="image"?(c(),C(h,{key:1,label:t(s)("width")},{default:i(()=>[l(O,{modelValue:t(e).editComponent.width,"onUpdate:modelValue":o[11]||(o[11]=n=>t(e).editComponent.width=n),"show-input":"",size:"small",class:"ml-[10px]",min:30,max:t(e).getMaxWidth()},null,8,["modelValue","max"])]),_:1},8,["label"])):k("",!0),t(e).editComponent.type=="draw"?(c(),u(y,{key:2},[l(h,{label:t(s)("drawType")},{default:i(()=>[l(ge,{modelValue:t(e).editComponent.drawType,"onUpdate:modelValue":o[12]||(o[12]=n=>t(e).editComponent.drawType=n)},{default:i(()=>[l(ve,{label:"Polygon"},{default:i(()=>[D(f(t(s)("polygon")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),l(h,{label:t(s)("bgColor")},{default:i(()=>[l(Y,{modelValue:t(e).editComponent.bgColor,"onUpdate:modelValue":o[13]||(o[13]=n=>t(e).editComponent.bgColor=n)},null,8,["modelValue"])]),_:1},8,["label"])],64)):k("",!0),t(e).editComponent.type!="draw"&&t(e).editComponent.type!="image"&&t(e).editComponent.type!="qrcode"?(c(),u(y,{key:3},[l(h,{label:t(s)("horizontalAlignment")},{default:i(()=>[a("ul",Xt,[(c(!0),u(y,null,z(Z.value,(n,m)=>(c(),u("li",{class:N(["w-[50px] h-[32px] flex items-center justify-center border-solid border-[1px] border-[#eee] cursor-pointer",{"border-r-transparent":Z.value.length!=m+1},n.className==t(e).editComponent.x?"!border-[var(--el-color-primary)]":""]),onClick:d=>J("x",n)},[a("span",{class:N(["iconfont !text-[20px]",n.src]),title:n.name},null,10,Kt)],10,Yt))),256))]),a("div",eo,f(t(s)("AlignTips")),1)]),_:1},8,["label"]),l(h,{label:t(s)("verticalAlignment")},{default:i(()=>[a("ul",to,[(c(!0),u(y,null,z(W.value,(n,m)=>(c(),u("li",{class:N(["w-[50px] h-[32px] flex items-center justify-center border-solid border-[1px] border-[#eee] cursor-pointer",{"border-r-transparent":W.value.length!=m+1},n.className==t(e).editComponent.y?"!border-[var(--el-color-primary)]":""]),onClick:d=>J("y",n)},[a("span",{class:N(["iconfont !text-[20px]",n.src]),title:n.name},null,10,no)],10,oo))),256))])]),_:1},8,["label"])],64)):k("",!0)]),_:1})])]),_:1},8,["value"])):k("",!0)])]),_:1})]),_:1})])]),l(be,{modelValue:U.value,"onUpdate:modelValue":o[14]||(o[14]=n=>U.value=n),title:t(s)("previewDialogTitle"),width:"400px",height:"640px"},{default:i(()=>[F.value?(c(),u("div",lo,[a("img",{src:t(Ee)(F.value),class:"w-[360px] h-[640px]"},null,8,ao)])):k("",!0)]),_:1},8,["modelValue","title"])])}}});const vn=ht(so,[["__scopeId","data-v-72d1f530"]]);export{vn as default};
|