mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2025-12-11 18:32:49 +00:00
2 lines
17 KiB
JavaScript
2 lines
17 KiB
JavaScript
import{d as we,q as Ce,v as ke,f as Ve,r as x,l as te,ae as ze,N as Te,M as Ee,h as p,c as u,e as l,w as i,a,t as f,u as t,k as s,F as y,S as T,m as C,i as $,B as V,aA as oe,n as I,aI as N,aB as ne,z as Pe,a2 as le,af as ae,P as qe,X as Ie,aa as Ne,E as Se,bc as Me,aV as $e,aW as Be,a1 as De,av as je,G as Ue,b6 as Ae,b4 as Fe,at as Le,a8 as Re,a9 as He,H as Oe,K as Ge,R as We,p as Xe,g as Ze}from"./index-08dd4327.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-6c641cdd.js";/* empty css *//* empty css *//* empty css */import{_ as Ye}from"./edit-draw-632d993a.js";import{_ as Ke}from"./edit-friendspay-message-143c1f66.js";import{_ as Qe}from"./edit-friendspay-money-f57bce0d.js";import{_ as et}from"./edit-headimg-64e7ca34.js";import{_ as tt}from"./edit-image-2236481a.js";import{_ as ot}from"./edit-nickname-b880dcb5.js";import{_ as nt}from"./edit-page-c551a0dd.js";import{_ as lt}from"./edit-qrcode-92294bcd.js";import{_ as at}from"./edit-text-9b0cf66e.js";import{_ as st}from"./preview-draw-2192f410.js";import{_ as it}from"./preview-friendspay-message-10cf27bd.js";import{_ as rt}from"./preview-friendspay-money-554c857d.js";import{_ as ct}from"./preview-headimg-f3a96225.js";import{_ as pt}from"./preview-image-117c4e0e.js";import{_ as dt}from"./preview-nickname-0c8bc87c.js";import{_ as mt}from"./preview-qrcode-1ef388a7.js";import{_ as ut}from"./preview-text-3fc5db6b.js";import{u as _t}from"./poster-42d5be26.js";import{i as ft,g as vt,e as gt,a as xt,b as ht}from"./poster-4c18f322.js";import{_ as bt}from"./_plugin-vue_export-helper-c27b6911.js";import"./index-201251e1.js";/* empty css */import"./index.vue_vue_type_style_index_0_lang-0b9ab171.js";import"./attachment-b0910b84.js";/* empty css */import"./index.vue_vue_type_script_setup_true_lang-2b567824.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./index.vue_vue_type_script_setup_true_lang-c49efe6d.js";/* empty css */import"./sys-c2b6ae2b.js";import"./sortable.esm-be94e56d.js";const se=S=>(Xe("data-v-a8ee290d"),S=S(),Ze(),S),yt={class:"main-container flex-1"},wt={class:"pl-[5px] text-[14px]"},Ct={class:"text-white ml-[10px] mr-[20px] flex items-center"},kt=se(()=>a("span",{class:"mr-[5px] text-[rgba(255,255,255,.5)]"},"｜",-1)),Vt={class:"mr-[5px] text-[14px]"},zt={class:"flex items-center"},Tt={class:"text-white mr-[10px] text-base"},Et={class:"w-[180px]"},Pt=se(()=>a("div",{class:"flex-1"},null,-1)),qt={class:"full-container flex flex-row flex-1 bg-page"},It={class:"component-list w-[290px]"},Nt={class:"flex flex-row flex-wrap"},St=["title","onClick"],Mt={class:"block text-[12px] truncate"},$t={class:"preview-wrap flex-1 relative mt-[20px]"},Bt={class:"diy-view-wrap w-[360px] shadow-lg mx-auto"},Dt={class:"content-wrap"},jt={class:"title-wrap text-center text-[14px]"},Ut={class:"preview-block relative max-h-[640px]"},At={class:"quick-action absolute text-center -right-[70px] top-[20px] w-[42px] rounded shadow-md"},Ft=["id","onMousedown","onClick"],Lt=["onMousedown"],Rt=["onMousedown"],Ht=["onMousedown"],Ot=["onMousedown"],Gt={class:"edit-attribute-wrap w-[400px]"},Wt={class:"card-header flex justify-between items-center"},Xt={class:"title flex-1"},Zt={class:"edit-component-wrap"},Jt={class:"edit-attr-item-wrap"},Yt={class:"mb-[10px]"},Kt={class:"flex items-center"},Qt=["onClick"],eo=["title"],to={class:"text-sm mt-[10px] leading-[1.4] text-gray-400"},oo={class:"flex items-center"},no=["onClick"],lo=["title"],ao={key:0},so=["src"],io=we({__name:"edit",setup(S){Ce("setLayout")("decorate");const e=_t(),_=ke(),ie=Ve();_&&_.query&&(_.query.id=_.query.id||0,_.query.type=_.query.type||"",_.query.name=_.query.name||"",_.query.back=_.query.back||"/admin/poster/list");const M=_.query.back,E=x(""),H=x(""),P=x([]),O=te([]);x("");const G=x(O),re=r=>{},ce=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},W=x([{name:"左",src:"iconzuoduiqi1",className:"left"},{name:"中",src:"iconshuipingjuzhong1",className:"center"},{name:"右",src:"iconyouduiqi1",className:"right"}]),X=x([{name:"上",src:"icondingduiqi1",className:"top"},{name:"中",src:"iconchuizhijuzhong1",className:"center"},{name:"下",src:"icondiduiqi1",className:"bottom"}]),Z=(r,o)=>{e.editComponent[r]=o.className},pe=x(!0),de=()=>{pe.value?(location.href=`${location.origin}${M}`,ie.push(M)):le.confirm(s("leavePageTitleTips"),s("leavePageContentTips"),{confirmButtonText:s("confirm"),cancelButtonText:s("cancel"),type:"warning",autofocus:!1}).then(()=>{location.href=`${location.origin}${M}`}).catch(()=>{})},J=Object.assign({"./components/edit-draw.vue":Ye,"./components/edit-friendspay-message.vue":Ke,"./components/edit-friendspay-money.vue":Qe,"./components/edit-headimg.vue":et,"./components/edit-image.vue":tt,"./components/edit-nickname.vue":ot,"./components/edit-page.vue":nt,"./components/edit-qrcode.vue":lt,"./components/edit-text.vue":at,"./components/preview-draw.vue":st,"./components/preview-friendspay-message.vue":it,"./components/preview-friendspay-money.vue":rt,"./components/preview-headimg.vue":ct,"./components/preview-image.vue":pt,"./components/preview-nickname.vue":dt,"./components/preview-qrcode.vue":mt,"./components/preview-text.vue":ut}),Y=Object.assign({});Y&&Object.assign(J,Y);const B={};for(const[r,o]of Object.entries(J)){const c=r.split("/").pop().split(".")[0];B[c]=o.default}const z=te([]),me=()=>{vt({addon:e.addon,type:e.type}).then(r=>{r.data&&(z.splice(0,z.length,...r.data),e.id&&(E.value=z.findIndex(o=>o.type==e.type)))})};ze(()=>E.value,(r,o)=>{H.value=o});const ue=r=>{if(e.value.length)le.confirm(s("changeTemplatePosterTips"),s("warning"),{confirmButtonText:s("confirm"),cancelButtonText:s("cancel"),type:"warning"}).then(()=>{if(e.changeCurrentIndex(-99),r!==""){let o=z[r].data;e.global=o.global,o.value.length&&(e.value=o.value)}else e.init()}).catch(()=>{E.value=H.value});else if(r!==""){let o=z[r].data;e.global=o.global,o.value.length&&(e.value=o.value)}else e.init()};ft({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)}P.value=o.component;for(const v in P.value){O.push(v);for(const c in P.value[v].list){const g=Te(P.value[v].list[c]);g.id=e.generateRandom(),g.componentName=c,g.componentTitle=g.title,delete g.title,delete g.icon,e.components.push(g)}}me()});const w=x(!1),_e=r=>{if(!e.verify()||w.value)return;w.value=!0,e.value.forEach((c,g,K)=>{const k=document.getElementById(c.id);if(k&&(c.width=k.offsetWidth,c.height=k.offsetHeight,c.type=="draw")){let U=[c.x*1,c.y*1],b=[(c.x+c.width)*1,c.y*1],A=[(c.x+c.width)*1,(c.y+c.height)*1],F=[c.x*1,(c.y+c.height)*1];c.points=[U,b,A,F]}delete c.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:ae(e.global),value:ae(e.value)})};(e.id?gt:xt)(o).then(c=>{w.value=!1,c.code==1&&(e.id?w.value=!1:location.href=`${location.origin}${M}`,r&&r(c.data.id))}).catch(()=>{w.value=!1})},D=x(!1),j=x(""),fe=()=>{w.value||(w.value=!0,ht({id:e.id,type:e.type}).then(r=>{r.data&&(j.value=r.data,D.value=!0),w.value=!1}))};return(r,o)=>{const v=Ee("ArrowLeft"),c=qe,g=Ie,K=Ne,k=Se,U=Me,b=Je,A=$e,F=Be,L=De,q=je,h=Ue,R=Ae,Q=Fe,ve=Le,ge=Re,xe=He,he=Oe,be=Ge,ye=We;return p(),u("div",yt,[l(U,{class:"flex items-center h-[60px] bg-primary px-[20px]"},{default:i(()=>[a("div",{class:"text-white cursor-pointer flex items-center",onClick:de},[l(c,{size:"14"},{default:i(()=>[l(v)]),_:1}),a("span",wt,f(t(s)("back")),1)]),a("div",Ct,[kt,a("span",Vt,f(t(s)("decorating"))+"："+f(t(e).typeName),1)]),a("div",zt,[a("span",Tt,f(t(s)("templatePosterPlaceholder")),1),a("div",Et,[l(K,{size:"small",modelValue:E.value,"onUpdate:modelValue":o[0]||(o[0]=n=>E.value=n),placeholder:t(s)("templatePosterPlaceholder"),onChange:ue},{default:i(()=>[l(g,{label:t(s)("templatePosterEmpty"),value:""},null,8,["label"]),(p(!0),u(y,null,T(z,(n,m)=>(p(),C(g,{label:n.name,value:m,key:m},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])]),Pt,t(e).id?(p(),C(k,{key:0,onClick:o[1]||(o[1]=n=>fe())},{default:i(()=>[$(f(t(s)("preview")),1)]),_:1})):V("",!0),l(k,{onClick:o[2]||(o[2]=n=>_e())},{default:i(()=>[$(f(t(s)("save")),1)]),_:1})]),_:1}),a("div",qt,[a("div",It,[l(L,{class:"px-[10px]"},{default:i(()=>[l(F,{modelValue:G.value,"onUpdate:modelValue":o[3]||(o[3]=n=>G.value=n),onChange:re},{default:i(()=>[(p(!0),u(y,null,T(P.value,(n,m)=>(p(),C(A,{key:m,title:n.title,name:m},{default:i(()=>[a("ul",Nt,[(p(!0),u(y,null,T(n.list,(d,ee)=>(p(),u("li",{key:ee,class:"w-2/6 text-center cursor-pointer h-[65px]",title:d.title,onClick:co=>t(e).addComponent(ee,d)},[d.icon?(p(),C(b,{key:0,name:d.icon,size:"20px",class:"inline-block mt-[3px]"},null,8,["name"])):(p(),C(b,{key:1,name:"iconfont iconkaifazujian",size:"20px",class:"inline-block mt-[3px]"})),a("span",Mt,f(d.title),1)],8,St))),128))])]),_:2},1032,["title","name"]))),128))]),_:1},8,["modelValue"])]),_:1})]),a("div",$t,[l(L,null,{default:i(()=>[l(k,{class:"page-btn absolute right-[20px]",onClick:o[4]||(o[4]=n=>t(e).changeCurrentIndex(-99))},{default:i(()=>[$(f(t(s)("posterSet")),1)]),_:1}),a("div",Bt,[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",Dt,[a("div",jt,f(t(e).name),1)])]),a("div",Ut,[a("ul",At,[l(q,{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(q,{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(q,{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(q,{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(q,{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:oe(t(e).getGlobalStyle()),onClick:o[6]||(o[6]=n=>t(e).changeCurrentIndex(-99))},[(p(!0),u(y,null,T(t(e).value,(n,m)=>(p(),u("div",{class:I(["item-wrap area-box select-none max-w-[720px] cursor-move",{selected:t(e).currentIndex==m}]),id:n.id,key:n.id,style:oe(ce(n)),onMousedown:d=>t(e).mouseDown(d,n.id,m),onClick:N(d=>t(e).changeCurrentIndex(m,n),["stop"])},[(p(),C(ne(B["preview-"+n.path]),{value:n},null,8,["value"])),a("span",{class:"box1",onMousedown:N(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Lt),a("span",{class:"box2",onMousedown:N(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Rt),a("span",{class:"box3",onMousedown:N(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Ht),a("span",{class:"box4",onMousedown:N(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Ot)],46,Ft))),128))],4)])])]),_:1})]),a("div",Gt,[l(L,null,{default:i(()=>[l(be,{class:"box-card",shadow:"never"},{header:i(()=>{var n;return[a("div",Wt,[a("span",Xt,f(t(e).currentIndex==-99?t(s)("posterSet"):(n=t(e).editComponent)==null?void 0:n.componentTitle),1)])]}),default:i(()=>[a("div",Zt,[t(e).currentComponent?(p(),C(ne(B[t(e).currentComponent]),{key:0,value:t(e).value[t(e).currentIndex]},{common:i(()=>[a("div",Jt,[a("h3",Yt,f(t(s)("componentStyleTitle")),1),l(he,{"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"?(p(),u(y,{key:0},[l(h,{label:t(s)("textFontSize")},{default:i(()=>[l(R,{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(Q,{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(ve,{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(R,{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)):V("",!0),t(e).editComponent.type=="image"?(p(),C(h,{key:1,label:t(s)("width")},{default:i(()=>[l(R,{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"])):V("",!0),t(e).editComponent.type=="draw"?(p(),u(y,{key:2},[l(h,{label:t(s)("drawType")},{default:i(()=>[l(xe,{modelValue:t(e).editComponent.drawType,"onUpdate:modelValue":o[12]||(o[12]=n=>t(e).editComponent.drawType=n)},{default:i(()=>[l(ge,{label:"Polygon"},{default:i(()=>[$(f(t(s)("polygon")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),l(h,{label:t(s)("bgColor")},{default:i(()=>[l(Q,{modelValue:t(e).editComponent.bgColor,"onUpdate:modelValue":o[13]||(o[13]=n=>t(e).editComponent.bgColor=n)},null,8,["modelValue"])]),_:1},8,["label"])],64)):V("",!0),t(e).editComponent.type!="draw"&&t(e).editComponent.type!="image"&&t(e).editComponent.type!="qrcode"?(p(),u(y,{key:3},[l(h,{label:t(s)("horizontalAlignment")},{default:i(()=>[a("ul",Kt,[(p(!0),u(y,null,T(W.value,(n,m)=>(p(),u("li",{class:I(["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.x?"!border-[var(--el-color-primary)]":""]),onClick:d=>Z("x",n)},[a("span",{class:I(["iconfont !text-[20px]",n.src]),title:n.name},null,10,eo)],10,Qt))),256))]),a("div",to,f(t(s)("AlignTips")),1)]),_:1},8,["label"]),l(h,{label:t(s)("verticalAlignment")},{default:i(()=>[a("ul",oo,[(p(!0),u(y,null,T(X.value,(n,m)=>(p(),u("li",{class:I(["w-[50px] h-[32px] flex items-center justify-center border-solid border-[1px] border-[#eee] cursor-pointer",{"border-r-transparent":X.value.length!=m+1},n.className==t(e).editComponent.y?"!border-[var(--el-color-primary)]":""]),onClick:d=>Z("y",n)},[a("span",{class:I(["iconfont !text-[20px]",n.src]),title:n.name},null,10,lo)],10,no))),256))])]),_:1},8,["label"])],64)):V("",!0)]),_:1})])]),_:1},8,["value"])):V("",!0)])]),_:1})]),_:1})])]),l(ye,{modelValue:D.value,"onUpdate:modelValue":o[14]||(o[14]=n=>D.value=n),title:t(s)("previewDialogTitle"),width:"400px",height:"640px"},{default:i(()=>[j.value?(p(),u("div",ao,[a("img",{src:t(Pe)(j.value),class:"w-[360px] h-[640px]"},null,8,so)])):V("",!0)]),_:1},8,["modelValue","title"])])}}});const gn=bt(io,[["__scopeId","data-v-a8ee290d"]]);export{gn as default};
|