| 1 |
- import{_ as se}from"./ComponentContainerProperty-2f24d8b2.js";import{eF as ae,eG as re,eH as ie,d as R,dV as pe,eI as ne,r as H,o as T,c as z,i as a,w as v,m as I,k as Z,F as U,A as q,a as c,av as B,t as ue,P as me,_ as de,q as J,G as ce,H as fe}from"./index-03f5d926.js";import{_ as he}from"./UploadImg-a60a40bb.js";import{E as ye}from"./el-text-90df1c5e.js";import{u as ve}from"./util-ceb99d81.js";import{_ as ge}from"./AppLinkSelectDialog.vue_vue_type_script_setup_true_lang-c1a5386d.js";import{_ as we}from"./Dialog-05c67d4e.js";import{E as xe}from"./el-image-1846a819.js";import"./el-image-viewer-bc024f43.js";import{_ as K}from"./_plugin-vue_export-helper-1b428a4d.js";import"./el-card-0ac51a7f.js";import"./index-2a4a0a80.js";import"./color-6e929987.js";import"./index-0121e00f.js";import"./useMessage-2e335eca.js";import"./Qrcode-b2ae0f41.js";import"./IFrame.vue_vue_type_script_setup_true_lang-a3936123.js";import"./vuedraggable.umd-1fb945d8.js";import"./el-collapse-item-52a26fb5.js";import"./ProductCategorySelect.vue_vue_type_script_setup_true_lang-9210b35a.js";import"./el-tree-select-90b89dbd.js";import"./tree-fd3a041e.js";import"./category-5cb99994.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!==b){var b=m;ae(m)?_e.call(p,m,1):re(p,m)}}}(t,s),g}const D=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%)"}}],N=(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}},He=["onMousedown","onDblclick"],Te={class:"pointer-events-none select-none"},ze=["onMousedown"],be=K(R({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=H([]),i=H(!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=H(),l=()=>{r.value.push({width:D,height:D,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>=D&&o.left+e<=p.value.offsetWidth&&(o.width=e)},b=(o,e)=>{e>=D&&o.top+e<=p.value.offsetHeight&&(o.height=e)},C=()=>{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=H(),A=H(),Q=o=>{o&&y.value&&(y.value.name=o.name,y.value.url=o.path)};return(o,e)=>{const x=xe,F=de,M=J,S=we,ee=ge;return T(),z(U,null,[a(S,{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(F,{icon:"ep:plus",class:"mr-5px"}),e[1]||(e[1]=I(" \u6DFB\u52A0\u70ED\u533A "))]),_:1}),a(M,{onClick:C,type:"primary",plain:""},{default:v(()=>[a(F,{icon:"ep:check",class:"mr-5px"}),e[2]||(e[2]=I(" \u786E\u5B9A "))]),_:1})]),default:v(()=>[Z("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"]),(T(!0),z(U,null,q(c(r),(d,te)=>(T(),z("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,L)=>{N(u,L,(_,E,O,$,W,X)=>{n(u,_+W),w(u,E+X)})})(d,k),onDblclick:k=>{return u=d,y.value=u,void A.value.open(u.url);var u}},[Z("span",Te,ue(d.name||"\u53CC\u51FB\u9009\u62E9\u94FE\u63A5"),1),a(F,{icon:"ep:close",class:"delete",size:14,onClick:k=>{return u=d,void Ve(r.value,u);var u}},null,8,["onClick"]),(T(!0),z(U,null,q(c(ke),(k,u)=>(T(),z("span",{class:"ctrl-dot",key:u,style:B(k.style),onMousedown:L=>((_,E,O)=>{N(_,O,($,W,X,oe,Y,j)=>{E.types.forEach(le=>{switch(le){case V.LEFT:n(_,$+Y);break;case V.TOP:w(_,W+j);break;case V.WIDTH:{const G=E.types.includes(V.LEFT)?-1:1;m(_,X+Y*G)}break;case V.HEIGHT:{const G=E.types.includes(V.TOP)?-1:1;b(_,oe+j*G)}}})})})(d,k,L)},null,44,ze))),128))],44,He))),128))],512)]),_:1},8,["modelValue"]),a(ee,{ref_key:"appLinkDialogRef",ref:A,onAppLinkChange:Q},null,512)],64)}}}),[["__scopeId","data-v-85e5873f"]]),Ee=K(R({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=H(),i=()=>{r.value.open()};return(p,l)=>{const n=ye,w=he,m=ce,b=fe,C=J,P=se;return T(),z(U,null,[a(P,{modelValue:c(s).style,"onUpdate:modelValue":l[1]||(l[1]=y=>c(s).style=y)},{default:v(()=>[a(b,{"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]=[I(" \u63A8\u8350\u5BBD\u5EA6 750")])),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1},8,["model"]),a(C,{type:"primary",plain:"",class:"w-full",onClick:i},{default:v(()=>l[4]||(l[4]=[I(" \u8BBE\u7F6E\u70ED\u533A ")])),_:1})]),_:1},8,["modelValue"]),a(be,{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{Ee as default};
|
