| 1 |
- import{_ as se}from"./ComponentContainerProperty-88700b4f.js";import{eN as ae,eO as re,eP as ie,d as S,e1 as pe,eQ as ne,r as T,o as H,c as b,f as a,B as v,G as z,C as Y,F as D,P as Z,a as c,aE as B,D as ue,a0 as me,_ as de,L as N,S as ce,U as fe}from"./index-b9299550.js";import{_ as he}from"./UploadImg-f60d6fd5.js";import{E as ye}from"./el-text-098998e2.js";import{u as ve}from"./util-39a12e06.js";import{_ as ge}from"./AppLinkSelectDialog.vue_vue_type_script_setup_true_lang-dc78ca9c.js";import{_ as we}from"./Dialog-f2c6d513.js";import{E as xe}from"./el-image-92ea5aa4.js";import"./el-image-viewer-498779d9.js";import{_ as Q}from"./_plugin-vue_export-helper-1b428a4d.js";import"./el-card-0ae6fb5f.js";import"./index-e4f26384.js";import"./color-6e929987.js";import"./index-8605fb4b.js";import"./useMessage-903d430d.js";import"./Qrcode-8e6f75d6.js";import"./IFrame.vue_vue_type_script_setup_true_lang-a622de22.js";import"./vuedraggable.umd-eb549b96.js";import"./el-collapse-item-a9544d23.js";import"./ProductCategorySelect.vue_vue_type_script_setup_true_lang-17ba21f5.js";import"./el-tree-select-cf598a04.js";import"./tree-fd3a041e.js";import"./category-19e3f858.js";var _e=Array.prototype.splice;function Ve(t,f){var g=[];if(!t||!t.length)return g;var h=-1,s=[],r=t.length;for(f=ie(f);++h<r;){var i=t[h];f(i,h,t)&&(g.push(i),s.push(h))}return function(p,l){for(var n=p?l.length:0,w=n-1;n--;){var m=l[n];if(n==w||m!==E){var E=m;ae(m)?_e.call(p,m,1):re(p,m)}}}(t,s),g}const C=100;var V=(t=>(t[t.LEFT=0]="LEFT",t[t.TOP=1]="TOP",t[t.WIDTH=2]="WIDTH",t[t.HEIGHT=3]="HEIGHT",t))(V||{});const ke=[{position:"\u5DE6\u4E0A\u89D2",types:[0,1,2,3],style:{left:"-5px",top:"-5px",cursor:"nwse-resize"}},{position:"\u4E0A\u65B9\u4E2D\u95F4",types:[1,3],style:{left:"50%",top:"-5px",cursor:"n-resize",transform:"translateX(-50%)"}},{position:"\u53F3\u4E0A\u89D2",types:[1,2,3],style:{right:"-5px",top:"-5px",cursor:"nesw-resize"}},{position:"\u53F3\u4FA7\u4E2D\u95F4",types:[2],style:{right:"-5px",top:"50%",cursor:"e-resize",transform:"translateX(-50%)"}},{position:"\u53F3\u4E0B\u89D2",types:[2,3],style:{right:"-5px",bottom:"-5px",cursor:"nwse-resize"}},{position:"\u4E0B\u65B9\u4E2D\u95F4",types:[3],style:{left:"50%",bottom:"-5px",cursor:"s-resize",transform:"translateX(-50%)"}},{position:"\u5DE6\u4E0B\u89D2",types:[0,2,3],style:{left:"-5px",bottom:"-5px",cursor:"nesw-resize"}},{position:"\u5DE6\u4FA7\u4E2D\u95F4",types:[0,2],style:{left:"-5px",top:"50%",cursor:"w-resize",transform:"translateX(-50%)"}}],q=(t,f,g)=>{f.stopPropagation();const{clientX:h,clientY:s}=f,{left:r,top:i,width:p,height:l}=t;document.onmousemove=n=>{const w=n.clientX-h,m=n.clientY-s;g(r,i,p,l,w,m)},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null}},Te=["onMousedown","onDblclick"],He={class:"pointer-events-none select-none"},be=["onMousedown"],Ee=Q(S({name:"HotZoneEditDialog",__name:"index",props:{modelValue:pe(),imgUrl:ne().def("")},emits:["update:modelValue"],setup(t,{expose:f,emit:g}){const h=t,s=g,r=T([]),i=T(!1);f({open:()=>{var o;r.value=(o=h.modelValue,(o==null?void 0:o.map(e=>({...e,left:e.left*=2,top:e.top*=2,width:e.width*=2,height:e.height*=2})))||[]),i.value=!0}});const p=T(),l=()=>{r.value.push({width:C,height:C,top:0,left:0})},n=(o,e)=>{e>=0&&e<=p.value.offsetWidth-o.width&&(o.left=e)},w=(o,e)=>{e>=0&&e<=p.value.offsetHeight-o.height&&(o.top=e)},m=(o,e)=>{e>=C&&o.left+e<=p.value.offsetWidth&&(o.width=e)},E=(o,e)=>{e>=C&&o.top+e<=p.value.offsetHeight&&(o.height=e)},I=()=>{i.value=!1},P=()=>{const o=(e=>(e==null?void 0:e.map(x=>({...x,left:x.left/=2,top:x.top/=2,width:x.width/=2,height:x.height/=2})))||[])(r.value);s("update:modelValue",o)},y=T(),O=T(),J=o=>{o&&y.value&&(y.value.name=o.name,y.value.url=o.path)};return(o,e)=>{const x=xe,L=de,M=N,K=we,ee=ge;return H(),b(D,null,[a(K,{modelValue:c(i),"onUpdate:modelValue":e[0]||(e[0]=d=>me(i)?i.value=d:null),title:"\u8BBE\u7F6E\u70ED\u533A",width:"780",onClose:P},{footer:v(()=>[a(M,{onClick:l,type:"primary",plain:""},{default:v(()=>[a(L,{icon:"ep:plus",class:"mr-5px"}),e[1]||(e[1]=z(" \u6DFB\u52A0\u70ED\u533A "))]),_:1}),a(M,{onClick:I,type:"primary",plain:""},{default:v(()=>[a(L,{icon:"ep:check",class:"mr-5px"}),e[2]||(e[2]=z(" \u786E\u5B9A "))]),_:1})]),default:v(()=>[Y("div",{ref_key:"container",ref:p,class:"relative h-full w-750px"},[a(x,{src:t.imgUrl,class:"pointer-events-none h-full w-750px select-none"},null,8,["src"]),(H(!0),b(D,null,Z(c(r),(d,te)=>(H(),b("div",{key:te,class:"hot-zone",style:B({width:`${d.width}px`,height:`${d.height}px`,top:`${d.top}px`,left:`${d.left}px`}),onMousedown:k=>((u,W)=>{q(u,W,(_,U,$,A,X,F)=>{n(u,_+X),w(u,U+F)})})(d,k),onDblclick:k=>{return u=d,y.value=u,void O.value.open(u.url);var u}},[Y("span",He,ue(d.name||"\u53CC\u51FB\u9009\u62E9\u94FE\u63A5"),1),a(L,{icon:"ep:close",class:"delete",size:14,onClick:k=>{return u=d,void Ve(r.value,u);var u}},null,8,["onClick"]),(H(!0),b(D,null,Z(c(ke),(k,u)=>(H(),b("span",{class:"ctrl-dot",key:u,style:B(k.style),onMousedown:W=>((_,U,$)=>{q(_,$,(A,X,F,oe,j,R)=>{U.types.forEach(le=>{switch(le){case V.LEFT:n(_,A+j);break;case V.TOP:w(_,X+R);break;case V.WIDTH:{const G=U.types.includes(V.LEFT)?-1:1;m(_,F+j*G)}break;case V.HEIGHT:{const G=U.types.includes(V.TOP)?-1:1;E(_,oe+R*G)}}})})})(d,k,W)},null,44,be))),128))],44,Te))),128))],512)]),_:1},8,["modelValue"]),a(ee,{ref_key:"appLinkDialogRef",ref:O,onAppLinkChange:J},null,512)],64)}}}),[["__scopeId","data-v-85e5873f"]]),Ue=Q(S({name:"HotZoneProperty",__name:"property",props:{modelValue:{}},emits:["update:modelValue"],setup(t,{emit:f}){const g=t,h=f,{formData:s}=ve(g.modelValue,h),r=T(),i=()=>{r.value.open()};return(p,l)=>{const n=ye,w=he,m=ce,E=fe,I=N,P=se;return H(),b(D,null,[a(P,{modelValue:c(s).style,"onUpdate:modelValue":l[1]||(l[1]=y=>c(s).style=y)},{default:v(()=>[a(E,{"label-width":"80px",model:c(s),class:"m-t-8px"},{default:v(()=>[a(m,{label:"\u4E0A\u4F20\u56FE\u7247",prop:"imgUrl"},{default:v(()=>[a(w,{modelValue:c(s).imgUrl,"onUpdate:modelValue":l[0]||(l[0]=y=>c(s).imgUrl=y),height:"50px",width:"auto",class:"min-w-80px"},{tip:v(()=>[a(n,{type:"info",size:"small"},{default:v(()=>l[3]||(l[3]=[z(" \u63A8\u8350\u5BBD\u5EA6 750")])),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1},8,["model"]),a(I,{type:"primary",plain:"",class:"w-full",onClick:i},{default:v(()=>l[4]||(l[4]=[z(" \u8BBE\u7F6E\u70ED\u533A ")])),_:1})]),_:1},8,["modelValue"]),a(Ee,{ref_key:"editDialogRef",ref:r,modelValue:c(s).list,"onUpdate:modelValue":l[2]||(l[2]=y=>c(s).list=y),"img-url":c(s).imgUrl},null,8,["modelValue","img-url"])],64)}}}),[["__scopeId","data-v-053ffb33"]]);export{Ue as default};
|
