|
|
import{d as J,Q as P,r as l,x as R,I as S,aY as j,aZ as V,Z as N,o as Z,a as T,g as i,w as Y,b as z,n as U,h as W,B as K,a_ as _,a$ as L,_ as Q}from"./index-9847718b.js";import{u as w,_ as q,a as F}from"./index-fd059ba6.js";const G={class:"mt-preview"},H=J({__name:"index",props:{exportJson:{},canZoom:{type:Boolean,default:!0},canDrag:{type:Boolean,default:!0},showPopover:{type:Boolean,default:!0}},emits:["onEventCallBack"],setup(h,{expose:C,emit:D}){P(e=>({bd32cc0c:`scale(${o.value.scale})`,v2fe7abe4:o.value.width+"px",v17da5d89:o.value.height+"px",v27bf1846:o.value.color,v87ebe69c:"url("+o.value.img+")"}));const r=h,I=D,f=l(),o=l({width:1920,height:1080,scale:1,color:"",img:"",guide:!0,adsorp:!0,adsorp_diff:3,transform_origin:{x:0,y:0},drag_offset:{x:0,y:0}}),c=l({enabled:!0,align:!0,size:10}),t=l([]),v=l(),g=l(),n=R({begin_left:0,begin_top:0,left:0,top:0}),M=({scrollLeft:e,scrollTop:a})=>{n.left=e,n.top=a},b=e=>{var a;r.canDrag&&((a=g.value)==null||a.onMouseDown(e))},x=()=>{n.begin_left=n.left,n.begin_top=n.top},B=(e,a)=>{var p,m;let s=n.begin_left-e,u=n.begin_top-a;(p=v.value)==null||p.setScrollLeft(s),(m=v.value)==null||m.setScrollTop(u)},y=()=>{},d=(e,a,s)=>_(e,a,s,t.value),A=e=>{e.forEach(a=>{_(a.id,a.key,a.val,t.value)})},E=(e,a,s)=>L(e,a,t.value),$=e=>{e.ctrlKey&&r.canZoom&&(e.preventDefault(),e.stopPropagation(),e.deltaY>0?o.value.scale=(o.value.scale*10-1)/10:e.deltaY<0&&(o.value.scale=(o.value.scale*10+1)/10))},k=(e,a,s)=>{setTimeout(()=>{d(e,a,s)},0)};return window.$mtElMessage=S,window.$mtElMessageBox=j,window.$setItemAttrByID=(e,a,s)=>k(e,a,s),window.$getItemAttrByID=E,window.$previewCompareVal=V,window.$mtEventCallBack=(e,a,...s)=>I("onEventCallBack",e,a,...s),N(()=>{if(r.exportJson){const{canvasCfg:e,gridCfg:a,importDoneJson:s}=w(r.exportJson);o.value=e,c.value=a,t.value=s,console.log("@@importDoneJson：",s)}}),C({setItemAttrByID:d,setImportJson:e=>{const{canvasCfg:a,gridCfg:s,importDoneJson:u}=w(e);return o.value=a,c.value=s,t.value=e.json,t.value=u,!0},setItemAttrs:A,setNewImportJson:e=>(o.value=e.canvasCfg,c.value=e.gridCfg,t.value=e.json,!0)}),(e,a)=>(Z(),T("div",G,[i(W(K),{ref_key:"elScrollbarRef",ref:v,class:"w-1/1 h-1/1","max-height":o.value.height,onScroll:M},{default:Y(()=>[z("div",{ref_key:"canvasAreaRef",ref:f,class:U(`canvasArea ${r.canDrag?"cursor-grab":""} `),onMousedown:b,onWheel:$},[i(q,{"done-json":t.value,"canvas-cfg":o.value,"grid-cfg":c.value,"show-ghost-dom":!1,"canvas-dom":f.value,"global-lock":!1,"preivew-mode":!0,"show-popover":r.showPopover},null,8,["done-json","canvas-cfg","grid-cfg","canvas-dom","show-popover"])],34),i(F,{ref_key:"dragCanvasRef",ref:g,"scale-ratio":o.value.scale,onDragCanvasMouseDown:x,onDragCanvasMouseMove:B,onDragCanvasMouseUp:y},null,8,["scale-ratio"])]),_:1},8,["max-height"])]))}}),oe=Q(H,[["__scopeId","data-v-464d64c1"]]);export{oe as M};
|