You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
18 KiB
1 lines
18 KiB
import{d as ye,q as Ce,v as ke,f as Ve,r as h,l as te,aj as ze,Y as Te,V as Ee,h as c,c as u,e as l,w as i,a as s,t as v,u as t,k as a,F as w,W as z,m as C,i as $,B as V,aD as oe,n as P,aL as I,aE as ne,z as qe,M as le,ak as se,_ as Pe,a4 as Ie,af as Ne,E as Se,be as Me,bc as $e,bd as De,a7 as Be,aA as je,G as Ue,b9 as Ae,b7 as Le,ay as Fe,ad as Re,ae as He,H as Oe,K as Ge,U as We,p as Ye,g as Ze}from"./index-f5d841af.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-30796a48.js";/* empty css *//* empty css *//* empty css */import{_ as Xe}from"./edit-draw-6788ed83.js";import{_ as Ke}from"./edit-friendspay-message-359a007c.js";import{_ as Qe}from"./edit-friendspay-money-84fe8997.js";import{_ as et}from"./edit-headimg-23df1aef.js";import{_ as tt}from"./edit-image-438a6913.js";import{_ as ot}from"./edit-nickname-f740a1dd.js";import{_ as nt}from"./edit-page-37b84ccf.js";import{_ as lt}from"./edit-qrcode-525c1a46.js";import{_ as st}from"./edit-text-a01ec254.js";import{_ as at}from"./preview-draw-096bb565.js";import{_ as it}from"./preview-friendspay-message-64c991c8.js";import{_ as rt}from"./preview-friendspay-money-7aa37344.js";import{_ as pt}from"./preview-headimg-badff500.js";import{_ as ct}from"./preview-image-20dbd561.js";import{_ as dt}from"./preview-nickname-df89885f.js";import{_ as mt}from"./preview-qrcode-b94f9981.js";import{_ as ut}from"./preview-text-264fe258.js";import{_ as _t}from"./edit-goods-image-27da533d.js";import{_ as vt}from"./edit-goods-market-price-72b3080c.js";import{_ as ft}from"./edit-goods-name-73f223b9.js";import{_ as gt}from"./edit-goods-price-30f8f219.js";import{_ as ht}from"./preview-goods-image-8bc4c161.js";import{_ as xt}from"./preview-goods-market-price-8a88dcf1.js";import{_ as bt}from"./preview-goods-name-1a2c1c88.js";import{_ as wt}from"./preview-goods-price-e420cd67.js";import{u as yt}from"./poster-6e855e93.js";import{i as Ct,g as kt,e as Vt,a as zt,b as Tt}from"./poster-77bfbb7f.js";import{_ as Et}from"./_plugin-vue_export-helper-c27b6911.js";import"./index-21a2ccda.js";/* empty css */import"./index.vue_vue_type_style_index_0_lang-7d665fb9.js";import"./attachment-740d9717.js";/* empty css */import"./index.vue_vue_type_script_setup_true_lang-f45dcca3.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./index.vue_vue_type_script_setup_true_lang-1f394a8b.js";/* empty css */import"./sys-4eb1a831.js";import"./sortable.esm-be94e56d.js";import"./goods_default-664bb559.js";const ae=N=>(Ye("data-v-5a7c2471"),N=N(),Ze(),N),qt={class:"main-container flex-1"},Pt={class:"pl-[5px] text-[14px]"},It={class:"text-white ml-[10px] mr-[20px] flex items-center"},Nt=ae(()=>s("span",{class:"mr-[5px] text-[rgba(255,255,255,.5)]"},"｜",-1)),St={class:"mr-[5px] text-[14px]"},Mt={class:"flex items-center"},$t={class:"text-white mr-[10px] text-base"},Dt={class:"w-[180px]"},Bt=ae(()=>s("div",{class:"flex-1"},null,-1)),jt={class:"full-container flex flex-row flex-1 bg-page"},Ut={class:"component-list w-[290px]"},At={class:"flex flex-row flex-wrap"},Lt=["title","onClick"],Ft={class:"block text-[12px] truncate"},Rt={class:"preview-wrap flex-1 relative mt-[20px]"},Ht={class:"diy-view-wrap w-[360px] shadow-lg mx-auto"},Ot={class:"content-wrap"},Gt={class:"title-wrap text-center text-[14px]"},Wt={class:"preview-block relative max-h-[640px]"},Yt={class:"quick-action absolute text-center -right-[70px] top-[20px] w-[42px] rounded shadow-md"},Zt=["id","onMousedown","onClick"],Jt=["onMousedown"],Xt=["onMousedown"],Kt=["onMousedown"],Qt=["onMousedown"],eo={class:"edit-attribute-wrap w-[400px]"},to={class:"card-header flex justify-between items-center"},oo={class:"title flex-1"},no={class:"edit-component-wrap"},lo={class:"edit-attr-item-wrap"},so={class:"mb-[10px]"},ao={class:"flex items-center"},io=["onClick"],ro=["title"],po={class:"text-sm mt-[10px] leading-[1.4] text-gray-400"},co={class:"flex items-center"},mo=["onClick"],uo=["title"],_o={key:0},vo=["src"],fo=ye({__name:"edit",setup(N){Ce("setLayout")("decorate");const e=yt(),_=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 S=_.query.back,M=h(""),H=h(""),T=h([]),O=te([]);h("");const G=h(O),re=r=>{},pe=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=h([{name:"左",src:"iconzuoduiqi1",className:"left"},{name:"中",src:"iconshuipingjuzhong1",className:"center"},{name:"右",src:"iconyouduiqi1",className:"right"}]),Y=h([{name:"上",src:"icondingduiqi1",className:"top"},{name:"中",src:"iconchuizhijuzhong1",className:"center"},{name:"下",src:"icondiduiqi1",className:"bottom"}]),Z=(r,o)=>{e.editComponent[r]=o.className},ce=h(!0),de=()=>{ce.value?(location.href=`${location.origin}${S}`,ie.push(S)):le.confirm(a("leavePageTitleTips"),a("leavePageContentTips"),{confirmButtonText:a("confirm"),cancelButtonText:a("cancel"),type:"warning",autofocus:!1}).then(()=>{location.href=`${location.origin}${S}`}).catch(()=>{})},J=Object.assign({"./components/edit-draw.vue":Xe,"./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":st,"./components/preview-draw.vue":at,"./components/preview-friendspay-message.vue":it,"./components/preview-friendspay-money.vue":rt,"./components/preview-headimg.vue":pt,"./components/preview-image.vue":ct,"./components/preview-nickname.vue":dt,"./components/preview-qrcode.vue":mt,"./components/preview-text.vue":ut}),X=Object.assign({"/src/addon/shop/views/poster/components/edit-goods-image.vue":_t,"/src/addon/shop/views/poster/components/edit-goods-market-price.vue":vt,"/src/addon/shop/views/poster/components/edit-goods-name.vue":ft,"/src/addon/shop/views/poster/components/edit-goods-price.vue":gt,"/src/addon/shop/views/poster/components/preview-goods-image.vue":ht,"/src/addon/shop/views/poster/components/preview-goods-market-price.vue":xt,"/src/addon/shop/views/poster/components/preview-goods-name.vue":bt,"/src/addon/shop/views/poster/components/preview-goods-price.vue":wt});X&&Object.assign(J,X);const D={};for(const[r,o]of Object.entries(J)){const p=r.split("/").pop().split(".")[0];D[p]=o.default}const E=te([]),me=()=>{kt({addon:e.addon,type:e.type}).then(r=>{r.data&&E.splice(0,E.length,...r.data)})};ze(()=>M.value,(r,o)=>{H.value=o});const ue=r=>{if(e.value.length)le.confirm(a("changeTemplatePosterTips"),a("warning"),{confirmButtonText:a("confirm"),cancelButtonText:a("cancel"),type:"warning"}).then(()=>{if(e.changeCurrentIndex(-99),r!==""){let o=E[r].data;e.global=o.global,o.value.length&&(e.value=o.value)}else e.init()}).catch(()=>{M.value=H.value});else if(r!==""){let o=E[r].data;e.global=o.global,o.value.length&&(e.value=o.value)}else e.init()};Ct({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 f=o.value;e.global=f.global,f.value.length&&(e.value=f.value)}T.value=o.component;for(const f in T.value){O.push(f);for(const p in T.value[f].list){const g=Te(T.value[f].list[p]);g.id=e.generateRandom(),g.componentName=p,g.componentTitle=g.title,delete g.title,delete g.icon,e.components.push(g)}}me()});const y=h(!1),_e=r=>{if(!e.verify()||y.value)return;y.value=!0,e.value.forEach((p,g,K)=>{const k=document.getElementById(p.id);if(k&&(p.width=k.offsetWidth,p.height=k.offsetHeight,p.type=="draw")){let U=[p.x*1,p.y*1],b=[(p.x+p.width)*1,p.y*1],A=[(p.x+p.width)*1,(p.y+p.height)*1],L=[p.x*1,(p.y+p.height)*1];p.points=[U,b,A,L]}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:se(e.global),value:se(e.value)})};(e.id?Vt:zt)(o).then(p=>{y.value=!1,p.code==1&&(e.id?y.value=!1:location.href=`${location.origin}${S}`,r&&r(p.data.id))}).catch(()=>{y.value=!1})},B=h(!1),j=h(""),ve=()=>{y.value||(y.value=!0,Tt({id:e.id,type:e.type}).then(r=>{r.data&&(j.value=r.data,B.value=!0),y.value=!1}))};return(r,o)=>{const f=Ee("ArrowLeft"),p=Pe,g=Ie,K=Ne,k=Se,U=Me,b=Je,A=$e,L=De,F=Be,q=je,x=Ue,R=Ae,Q=Le,fe=Fe,ge=Re,he=He,xe=Oe,be=Ge,we=We;return c(),u("div",qt,[l(U,{class:"flex items-center h-[60px] bg-primary px-[20px]"},{default:i(()=>[s("div",{class:"text-white cursor-pointer flex items-center",onClick:de},[l(p,{size:"14"},{default:i(()=>[l(f)]),_:1}),s("span",Pt,v(t(a)("back")),1)]),s("div",It,[Nt,s("span",St,v(t(a)("decorating"))+"："+v(t(e).typeName),1)]),s("div",Mt,[s("span",$t,v(t(a)("templatePosterPlaceholder")),1),s("div",Dt,[l(K,{size:"small",modelValue:M.value,"onUpdate:modelValue":o[0]||(o[0]=n=>M.value=n),placeholder:t(a)("templatePosterPlaceholder"),onChange:ue},{default:i(()=>[l(g,{label:t(a)("templatePosterEmpty"),value:""},null,8,["label"]),(c(!0),u(w,null,z(E,(n,m)=>(c(),C(g,{label:n.name,value:m,key:m},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])]),Bt,t(e).id?(c(),C(k,{key:0,onClick:o[1]||(o[1]=n=>ve())},{default:i(()=>[$(v(t(a)("preview")),1)]),_:1})):V("",!0),l(k,{onClick:o[2]||(o[2]=n=>_e())},{default:i(()=>[$(v(t(a)("save")),1)]),_:1})]),_:1}),s("div",jt,[s("div",Ut,[l(F,{class:"px-[10px]"},{default:i(()=>[l(L,{modelValue:G.value,"onUpdate:modelValue":o[3]||(o[3]=n=>G.value=n),onChange:re},{default:i(()=>[(c(!0),u(w,null,z(T.value,(n,m)=>(c(),C(A,{key:m,title:n.title,name:m},{default:i(()=>[s("ul",At,[(c(!0),u(w,null,z(n.list,(d,ee)=>(c(),u("li",{key:ee,class:"w-2/6 text-center cursor-pointer h-[65px]",title:d.title,onClick:ho=>t(e).addComponent(ee,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]"})),s("span",Ft,v(d.title),1)],8,Lt))),128))])]),_:2},1032,["title","name"]))),128))]),_:1},8,["modelValue"])]),_:1})]),s("div",Rt,[l(F,null,{default:i(()=>[l(k,{class:"page-btn absolute right-[20px]",onClick:o[4]||(o[4]=n=>t(e).changeCurrentIndex(-99))},{default:i(()=>[$(v(t(a)("posterSet")),1)]),_:1}),s("div",Ht,[s("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))},[s("div",Ot,[s("div",Gt,v(t(e).name),1)])]),s("div",Wt,[s("ul",Yt,[l(q,{effect:"light",content:t(a)("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(a)("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(a)("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(a)("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(a)("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"])]),s("div",{class:"preview-iframe",style:oe(t(e).getGlobalStyle()),onClick:o[6]||(o[6]=n=>t(e).changeCurrentIndex(-99))},[(c(!0),u(w,null,z(t(e).value,(n,m)=>(c(),u("div",{class:P(["item-wrap area-box select-none max-w-[720px] cursor-move",{selected:t(e).currentIndex==m}]),id:n.id,key:n.id,style:oe(pe(n)),onMousedown:d=>t(e).mouseDown(d,n.id,m),onClick:I(d=>t(e).changeCurrentIndex(m,n),["stop"])},[(c(),C(ne(D["preview-"+n.path]),{value:n},null,8,["value"])),s("span",{class:"box1",onMousedown:I(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Jt),s("span",{class:"box2",onMousedown:I(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Xt),s("span",{class:"box3",onMousedown:I(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Kt),s("span",{class:"box4",onMousedown:I(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Qt)],46,Zt))),128))],4)])])]),_:1})]),s("div",eo,[l(F,null,{default:i(()=>[l(be,{class:"box-card",shadow:"never"},{header:i(()=>{var n;return[s("div",to,[s("span",oo,v(t(e).currentIndex==-99?t(a)("posterSet"):(n=t(e).editComponent)==null?void 0:n.componentTitle),1)])]}),default:i(()=>[s("div",no,[t(e).currentComponent?(c(),C(ne(D[t(e).currentComponent]),{key:0,value:t(e).value[t(e).currentIndex]},{common:i(()=>[s("div",lo,[s("h3",so,v(t(a)("componentStyleTitle")),1),l(xe,{"label-width":"100px",class:"px-[10px]"},{default:i(()=>[l(x,{label:t(a)("zIndex")},{default:i(()=>[s("span",null,v(t(e).editComponent.zIndex),1)]),_:1},8,["label"]),t(e).editComponent.type=="text"?(c(),u(w,{key:0},[l(x,{label:t(a)("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(x,{label:t(a)("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(x,{label:t(a)("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(x,{label:t(a)("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"?(c(),C(x,{key:1,label:t(a)("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"?(c(),u(w,{key:2},[l(x,{label:t(a)("drawType")},{default:i(()=>[l(he,{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(()=>[$(v(t(a)("polygon")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),l(x,{label:t(a)("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"?(c(),u(w,{key:3},[l(x,{label:t(a)("horizontalAlignment")},{default:i(()=>[s("ul",ao,[(c(!0),u(w,null,z(W.value,(n,m)=>(c(),u("li",{class:P(["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)},[s("span",{class:P(["iconfont !text-[20px]",n.src]),title:n.name},null,10,ro)],10,io))),256))]),s("div",po,v(t(a)("AlignTips")),1)]),_:1},8,["label"]),l(x,{label:t(a)("verticalAlignment")},{default:i(()=>[s("ul",co,[(c(!0),u(w,null,z(Y.value,(n,m)=>(c(),u("li",{class:P(["w-[50px] h-[32px] flex items-center justify-center border-solid border-[1px] border-[#eee] cursor-pointer",{"border-r-transparent":Y.value.length!=m+1},n.className==t(e).editComponent.y?"!border-[var(--el-color-primary)]":""]),onClick:d=>Z("y",n)},[s("span",{class:P(["iconfont !text-[20px]",n.src]),title:n.name},null,10,uo)],10,mo))),256))])]),_:1},8,["label"])],64)):V("",!0)]),_:1})])]),_:1},8,["value"])):V("",!0)])]),_:1})]),_:1})])]),l(we,{modelValue:B.value,"onUpdate:modelValue":o[14]||(o[14]=n=>B.value=n),title:t(a)("previewDialogTitle"),width:"400px",height:"640px"},{default:i(()=>[j.value?(c(),u("div",_o,[s("img",{src:t(qe)(j.value),class:"w-[360px] h-[640px]"},null,8,vo)])):V("",!0)]),_:1},8,["modelValue","title"])])}}});const Mn=Et(fo,[["__scopeId","data-v-5a7c2471"]]);export{Mn as default};
|
|
|