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,ag as ze,Q as Te,N 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,O as z,m as C,i as $,B as V,aC as oe,n as P,aK as N,aD as ne,z as qe,S as le,ah as se,T as Pe,_ as Ne,ac as Se,E as Ie,ba as Me,b7 as $e,b8 as De,a4 as Be,ax as je,G as Ue,b4 as Ae,b2 as Fe,av as Le,aa as Oe,ab as Re,H as He,K as Ge,V as We,p as Ze,g as Je}from"./index-be67c1b4.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 Ke}from"./index.vue_vue_type_script_setup_true_lang-32bd66c9.js";/* empty css *//* empty css *//* empty css */import{_ as Qe}from"./edit-draw-bcdb3cb5.js";import{_ as Xe}from"./edit-friendspay-message-03a5a3f9.js";import{_ as Ye}from"./edit-friendspay-money-6695b26e.js";import{_ as et}from"./edit-headimg-ae1655d4.js";import{_ as tt}from"./edit-image-fd24e2a4.js";import{_ as ot}from"./edit-nickname-42224055.js";import{_ as nt}from"./edit-page-13f0fd3d.js";import{_ as lt}from"./edit-qrcode-f48d77c9.js";import{_ as st}from"./edit-text-c721fd8e.js";import{_ as at}from"./preview-draw-d3b5ebbb.js";import{_ as it}from"./preview-friendspay-message-92b0d136.js";import{_ as rt}from"./preview-friendspay-money-8ed6a8a5.js";import{_ as pt}from"./preview-headimg-3976f061.js";import{_ as ct}from"./preview-image-f9d4d945.js";import{_ as dt}from"./preview-nickname-d14be44d.js";import{_ as mt}from"./preview-qrcode-360a5b6a.js";import{_ as ut}from"./preview-text-9642459d.js";import{_ as _t}from"./edit-goods-image-1664f73f.js";import{_ as vt}from"./edit-goods-market-price-a7a3f18f.js";import{_ as ft}from"./edit-goods-name-926a126b.js";import{_ as gt}from"./edit-goods-price-c6b4b341.js";import{_ as ht}from"./preview-goods-image-f7adfb34.js";import{_ as xt}from"./preview-goods-market-price-a37ed457.js";import{_ as bt}from"./preview-goods-name-1ec202d0.js";import{_ as wt}from"./preview-goods-price-307131f5.js";import{u as yt}from"./poster-7c3bbecf.js";import{i as Ct,g as kt,e as Vt,a as zt,b as Tt}from"./poster-b96e4060.js";import{_ as Et}from"./_plugin-vue_export-helper-c27b6911.js";import"./index-660033d8.js";/* empty css */import"./index.vue_vue_type_style_index_0_lang-b9877ab1.js";import"./attachment-3fb2d94c.js";/* empty css */import"./index.vue_vue_type_script_setup_true_lang-ecbdde11.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./index.vue_vue_type_script_setup_true_lang-d331fe24.js";/* empty css */import"./sys-712727e3.js";import"./sortable.esm-be94e56d.js";import"./goods_default-664bb559.js";const ae=S=>(Ze("data-v-aeb91256"),S=S(),Je(),S),qt={class:"main-container flex-1"},Pt={class:"pl-[5px] text-[14px]"},Nt={class:"text-white ml-[10px] mr-[20px] flex items-center"},St=ae(()=>s("span",{class:"mr-[5px] text-[rgba(255,255,255,.5)]"},"｜",-1)),It={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"},Ft=["title","onClick"],Lt={class:"block text-[12px] truncate"},Ot={class:"preview-wrap flex-1 relative mt-[20px]"},Rt={class:"diy-view-wrap w-[360px] shadow-lg mx-auto"},Ht={class:"content-wrap"},Gt={class:"title-wrap text-center text-[14px]"},Wt={class:"preview-block relative max-h-[640px]"},Zt={class:"quick-action absolute text-center -right-[70px] top-[20px] w-[42px] rounded shadow-md"},Jt=["id","onMousedown","onClick"],Kt=["onMousedown"],Qt=["onMousedown"],Xt=["onMousedown"],Yt=["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(S){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 I=_.query.back,M=h(""),R=h(""),T=h([]),H=te([]);h("");const G=h(H),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"}]),Z=h([{name:"上",src:"icondingduiqi1",className:"top"},{name:"中",src:"iconchuizhijuzhong1",className:"center"},{name:"下",src:"icondiduiqi1",className:"bottom"}]),J=(r,o)=>{e.editComponent[r]=o.className},ce=h(!0),de=()=>{ce.value?(location.href=`${location.origin}${I}`,ie.push(I)):le.confirm(a("leavePageTitleTips"),a("leavePageContentTips"),{confirmButtonText:a("confirm"),cancelButtonText:a("cancel"),type:"warning",autofocus:!1}).then(()=>{location.href=`${location.origin}${I}`}).catch(()=>{})},K=Object.assign({"./components/edit-draw.vue":Qe,"./components/edit-friendspay-message.vue":Xe,"./components/edit-friendspay-money.vue":Ye,"./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}),Q=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});Q&&Object.assign(K,Q);const D={};for(const[r,o]of Object.entries(K)){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)=>{R.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=R.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){H.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,X)=>{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],F=[p.x*1,(p.y+p.height)*1];p.points=[U,b,A,F]}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}${I}`,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=Ne,X=Se,k=Ie,U=Me,b=Ke,A=$e,F=De,L=Be,q=je,x=Ue,O=Ae,Y=Fe,fe=Le,ge=Oe,he=Re,xe=He,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",Nt,[St,s("span",It,v(t(a)("decorating"))+"："+v(t(e).typeName),1)]),s("div",Mt,[s("span",$t,v(t(a)("templatePosterPlaceholder")),1),s("div",Dt,[l(X,{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(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(()=>[(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",Lt,v(d.title),1)],8,Ft))),128))])]),_:2},1032,["title","name"]))),128))]),_:1},8,["modelValue"])]),_:1})]),s("div",Ot,[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(()=>[$(v(t(a)("posterSet")),1)]),_:1}),s("div",Rt,[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",Ht,[s("div",Gt,v(t(e).name),1)])]),s("div",Wt,[s("ul",Zt,[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:N(d=>t(e).changeCurrentIndex(m,n),["stop"])},[(c(),C(ne(D["preview-"+n.path]),{value:n},null,8,["value"])),s("span",{class:"box1",onMousedown:N(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Kt),s("span",{class:"box2",onMousedown:N(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Qt),s("span",{class:"box3",onMousedown:N(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Xt),s("span",{class:"box4",onMousedown:N(d=>t(e).resizeMouseDown(d,n,m),["stop"])},null,40,Yt)],46,Jt))),128))],4)])])]),_:1})]),s("div",eo,[l(L,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(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(x,{label:t(a)("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(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(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)):V("",!0),t(e).editComponent.type=="image"?(c(),C(x,{key:1,label:t(a)("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"])):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(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)):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=>J("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(Z.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":Z.value.length!=m+1},n.className==t(e).editComponent.y?"!border-[var(--el-color-primary)]":""]),onClick:d=>J("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 $n=Et(fo,[["__scopeId","data-v-aeb91256"]]);export{$n as default};
|
|
|