|
|
import{_ as A,b0 as le,d as E,c as R,b1 as ee,b2 as pe,b3 as de,o as c,a as g,Q as F,F as O,A as N,P as B,g as G,U as ce,r as V,aU as oe,b as h,h as f,V as T,p as j,n as W,b4 as ue,W as q,aB as me,Z as H,b5 as ve,O as C,i as z,m as X,b6 as Q,aQ as Z,w as K,t as U,b7 as fe,$ as _e,q as ge,M as he,b8 as ye,ba as Je,bb as be,bc as ke,a1 as we,a3 as xe,Y as te}from"./index-9847718b.js";const Ce=A(le,[["__scopeId","data-v-a8334372"]]),Me=["src"],$e=E({__name:"index",props:{symbolId:{},symbolStr:{},width:{},height:{},props:{}},setup(m){const t=m;console.log("svg：",t);const e=R(()=>ee(pe(t.symbolId,t.symbolStr,t.width,t.height,de(t.props))));return(n,o)=>(c(),g("img",{class:"w-1/1 h-1/1",src:e.value},null,8,Me))}}),Se={class:"mt-group"},Ee=["id"],De=E({__name:"index",props:{itemJson:{},grid:{},canvasCfg:{},canvasDom:{}},setup(m){F(e=>({cebe1efc:t.itemJson.binfo.left+"px",v233fe8b0:t.itemJson.binfo.top+"px",v37317152:t.itemJson.binfo.width+"px",v39c959e2:t.itemJson.binfo.height+"px"}));const t=m;return(e,n)=>(c(),g("div",Se,[(c(!0),g(O,null,N(t.itemJson.children,o=>(c(),g("div",{class:"absolute",key:o.id,id:o.id,style:B({left:o.binfo.left+"%",top:o.binfo.top+"%",width:o.binfo.width+"%",height:o.binfo.height+"%",transform:`rotate(${o.binfo.angle}deg)`})},[G(ne,{"item-json":o,grid:t.grid,"canvas-cfg":t.canvasCfg,"canvas-dom":t.canvasDom,"lock-state":!1},null,8,["item-json","grid","canvas-cfg","canvas-dom"])],12,Ee))),128))]))}}),Ie=A(De,[["__scopeId","data-v-d359f9ac"]]),Le=["id"],ze=["fill"],Be=["id"],Ue=["fill"],Pe=["d","stroke","stroke-width","stroke-dasharray","marker-start","marker-end"],Re=["from","to","dur"],je=["d","stroke-width","marker-start","marker-end"],Ve=["d","stroke","stroke-width","stroke-dasharray"],Te=["from","to","dur"],Oe=["r","fill"],Ne=["path","dur"],Ae={key:2},Ye=["cx","cy","stroke","onMousedown","onTouchstartPassive"],Xe={key:3},Fe=["id","cx","cy","stroke","onMousedown","onTouchstartPassive"],Ge=E({__name:"index",props:{itemJson:{},canvasCfg:{},grid:{},canvasDom:{},doneJson:{},lockState:{type:Boolean},mode:{default:"normal"}},emits:["update:itemJson","setIntention","lineMouseUp"],setup(m,{emit:t}){const e=m,n=t,o=ce.lineRenderOffset;R(()=>!e.grid.align||!e.grid.enabled?1:e.grid.size);const r=V(),d=(i,v,y,k)=>{if(e.lockState)return;if(i.stopPropagation(),e.mode==="line-edit"&&y=="edit"&&v!==0&&v!==e.itemJson.props.point_position.val.length-1){const _=e.itemJson.props.point_position.val;_.splice(v,1),n("update:itemJson",{...e.itemJson,props:{...e.itemJson.props,point_position:{...e.itemJson.props.point_position,val:_}}});return}const{x,y:I}=k,L=i instanceof MouseEvent?i.clientX:i.touches[0].pageX,P=i instanceof MouseEvent?i.clientY:i.touches[0].pageY;let $=0,S=0,J=!0;const w=_=>{const s=_ instanceof MouseEvent?_.clientX:_.touches[0].pageX,u=_ instanceof MouseEvent?_.clientY:_.touches[0].pageY,l=i.ctrlKey?0:q((s-L)/e.canvasCfg.scale,1),D=i.shiftKey?0:q((u-P)/e.canvasCfg.scale,1);if($=x+l,S=I+D,y==="add")if(k.x=$,k.y=S,J){const a=e.itemJson.props.point_position.val;a.splice(v+1,0,{x:$,y:S}),n("update:itemJson",{...e.itemJson,props:{...e.itemJson.props,point_position:{...e.itemJson.props.point_position,val:a}}}),J=!1}else{const a=e.itemJson.props.point_position.val;a[v+1]={x:$,y:S},n("update:itemJson",{...e.itemJson,props:{...e.itemJson.props,point_position:{...e.itemJson.props.point_position,val:a}}})}if(y==="edit"){const a=e.itemJson.props.point_position.val;if(v===0){if(n("setIntention","adsorbStart"),e.mode==="line-edit"&&J){const b=e.itemJson.props.point_position.val;b.unshift({x:$,y:S}),n("update:itemJson",{...e.itemJson,props:{...e.itemJson.props,point_position:{...e.itemJson.props.point_position,val:b}}}),J=!1;return}}else if(v===a.length-1&&(n("setIntention","adsorbEnd"),e.mode==="line-edit"&&J)){const b=e.itemJson.props.point_position.val;b.push({x:$,y:S}),n("update:itemJson",{...e.itemJson,props:{...e.itemJson.props,point_position:{...e.itemJson.props.point_position,val:b}}}),v+=1,J=!1;return}a[v].x=$,a[v].y=S,n("update:itemJson",{...e.itemJson,props:{...e.itemJson.props,point_position:{...e.itemJson.props.point_position,val:a}}})}},M=()=>{document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",M),document.removeEventListener("touchmove",w),document.removeEventListener("touchend",M);const _=document.querySelector(`#${e.itemJson.id} g .real`).getBoundingClientRect(),s=e.canvasDom.getBoundingClientRect(),u=((_==null?void 0:_.left)-(s==null?void 0:s.left))/e.canvasCfg.scale,l=((_==null?void 0:_.top)-(s==null?void 0:s.top))/e.canvasCfg.scale,D=u-e.itemJson.binfo.left,a=l-e.itemJson.binfo.top;n("setIntention","none"),n("update:itemJson",{...e.itemJson,binfo:{...e.itemJson.binfo,left:u,top:l,width:(_==null?void 0:_.width)/e.canvasCfg.scale,height:(_==null?void 0:_.height)/e.canvasCfg.scale},props:{...e.itemJson.props,point_position:{...e.itemJson.props.point_position,val:e.itemJson.props.point_position.val.map(b=>({x:b.x-D,y:b.y-a}))}}})};document.addEventListener("mousemove",w),document.addEventListener("mouseup",M),document.addEventListener("touchmove",w),document.addEventListener("touchend",M),n("lineMouseUp")},p=i=>{const v=[];return i.forEach((y,k)=>{if(k===i.length-1)return;const x=ue(y.x,y.y,i[k+1].x,i[k+1].y);v.push(x)}),v};return oe(()=>e.itemJson.props.point_position.val,i=>{r.value=p(i)},{immediate:!0,deep:!0}),(i,v)=>{var y,k,x,I,L,P,$,S;return c(),g("svg",{class:"mt-line-render",style:B({position:"absolute",left:`${-e.itemJson.binfo.left-f(o)}px`,top:`${-e.itemJson.binfo.top-f(o)}px`,width:`${e.canvasCfg.width+f(o)}px`,height:`${e.canvasCfg.height+f(o)}px`}),version:"1.1",xmlns:"http://www.w3.org/2000/svg","pointer-events":"none"},[h("g",null,[h("defs",null,[h("marker",{id:"markerArrowStart"+e.itemJson.id,viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse"},[h("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:e.itemJson.props.stroke.val},null,8,ze)],8,Le),h("marker",{id:"markerArrowEnd"+e.itemJson.id,viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto"},[h("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:e.itemJson.props.stroke.val},null,8,Ue)],8,Be)]),h("path",{d:f(T)(e.itemJson.props.point_position.val,e.itemJson.binfo.left+f(o),e.itemJson.binfo.top+f(o)),"pointer-events":"visibleStroke",fill:"none",stroke:e.itemJson.props.ani_type.val==="electricity"?e.itemJson.props.ani_color.val:e.itemJson.props.stroke.val,"stroke-width":e.itemJson.props["stroke-width"].val,style:{cursor:"move"},"stroke-dashoffset":"0","stroke-dasharray":e.itemJson.props.ani_type.val==="electricity"?e.itemJson.props["stroke-width"].val*3:0,"marker-start":(k=(y=e.itemJson.props)==null?void 0:y["marker-start"])!=null&&k.val?`url(#markerArrowStart${e.itemJson.id})`:"","marker-end":(I=(x=e.itemJson.props)==null?void 0:x["marker-end"])!=null&&I.val?`url(#markerArrowEnd${e.itemJson.id})`:"",class:"real"},[e.itemJson.props.ani_type.val==="electricity"?(c(),g("animate",{key:0,attributeName:"stroke-dashoffset",from:e.itemJson.props.ani_reverse.val?0:1e3,to:e.itemJson.props.ani_reverse.val?e.itemJson.props.ani_play.val?1e3:0:e.itemJson.props.ani_play.val?0:1e3,dur:`${e.itemJson.props.ani_dur.val<1?1:e.itemJson.props.ani_dur.val}s`,repeatCount:"indefinite"},null,8,Re)):j("",!0)],8,Pe),h("path",{d:f(T)(e.itemJson.props.point_position.val,e.itemJson.binfo.left+f(o),e.itemJson.binfo.top+f(o)),"pointer-events":"visibleStroke",fill:"none",stroke:"transparent","stroke-width":e.itemJson.props["stroke-width"].val,style:{cursor:"move"},"stroke-dashoffset":"0","marker-start":(P=(L=e.itemJson.props)==null?void 0:L["marker-start"])!=null&&P.val?`url(#markerArrowStart${e.itemJson.id})`:"","marker-end":(S=($=e.itemJson.props)==null?void 0:$["marker-end"])!=null&&S.val?`url(#markerArrowEnd${e.itemJson.id})`:""},null,8,je),e.itemJson.props.ani_type.val==="waterdrop"?(c(),g("path",{key:0,d:f(T)(e.itemJson.props.point_position.val,e.itemJson.binfo.left+f(o),e.itemJson.binfo.top+f(o)),fill:"none","fill-opacity":"0",stroke:e.itemJson.props.ani_color.val,"stroke-width":e.itemJson.props["stroke-width"].val,"stroke-dasharray":e.itemJson.props["stroke-width"].val*3,"stroke-dashoffset":"0","stroke-linecap":"round"},[h("animate",{attributeName:"stroke-dashoffset",from:e.itemJson.props.ani_reverse.val?0:1e3,to:e.itemJson.props.ani_reverse.val?e.itemJson.props.ani_play.val?1e3:0:e.itemJson.props.ani_play.val?0:1e3,dur:`${e.itemJson.props.ani_dur.val<1?1:e.itemJson.props.ani_dur.val}s`,repeatCount:"indefinite",fill:"freeze"},null,8,Te)],8,Ve)):e.itemJson.props.ani_type.val==="track"?(c(),g("circle",{key:1,cx:"0",cy:"0",r:e.itemJson.props["stroke-width"].val*2,fill:e.itemJson.props.ani_color.val},[h("animateMotion",{path:f(T)(e.itemJson.props.point_position.val,e.itemJson.binfo.left+f(o),e.itemJson.binfo.top+f(o)),dur:`${e.itemJson.props.ani_dur.val<1?1:e.itemJson.props.ani_dur.val}s`,repeatCount:"indefinite"},null,8,Ne)],8,Oe)):j("",!0),e.itemJson.active?(c(),g("g",Ae,[(c(!0),g(O,null,N(r.value,(J,w)=>(c(),g("circle",{key:w,"pointer-events":"fill",cx:J.x+e.itemJson.binfo.left+f(o),cy:J.y+e.itemJson.binfo.top+f(o),r:"4","stroke-width":"2",stroke:e.itemJson.props.stroke.val,fill:"transparent",class:"cursor-crosshair opacity-30",onMousedown:M=>d(M,w,"add",J),onTouchstartPassive:M=>d(M,w,"add",J)},null,40,Ye))),128))])):j("",!0),e.itemJson.active?(c(),g("g",Xe,[(c(!0),g(O,null,N(e.itemJson.props.point_position.val,(J,w)=>(c(),g("circle",{key:w,"pointer-events":"fill",id:`point-${e.itemJson.id}-${w}`,cx:J.x+e.itemJson.binfo.left+f(o),cy:J.y+e.itemJson.binfo.top+f(o),r:"4","stroke-width":"1",stroke:e.itemJson.props.stroke.val,fill:"#fff",class:W(e.mode==="line-edit"&&w!==0&&w!==e.itemJson.props.point_position.val.length-1?"cursor-remove":"cursor-pointer"),onMousedown:M=>d(M,w,"edit",J),onTouchstartPassive:M=>d(M,w,"edit",J)},null,42,Fe))),128))])):j("",!0)])],4)}}}),We=A(Ge,[["__scopeId","data-v-d5d8fc1c"]]),He=["src"],Ke=E({__name:"index",setup(m){const t=V(""),e=me(),n=async()=>{const o=e.default?e.default():[],r=await ve(o[0]);t.value=ee(r)};return H(async()=>{await n()}),oe(()=>e.default(),async()=>{await n()},{deep:!0}),(o,r)=>(c(),g("img",{draggable:"false",class:"w-1/1 h-1/1",src:t.value},null,8,He))}}),qe={class:"w-1/1 h-1/1"},Qe=["src"],ne=E({__name:"index",props:{itemJson:{},canvasCfg:{},grid:{},canvasDom:{},doneJson:{default:()=>[]},lockState:{type:Boolean},lineAppendEnable:{type:Boolean,default:!1}},emits:["update:itemJson","setIntention","lineMouseUp"],setup(m,{emit:t}){const e=m,n=t,o=R({get:()=>e.itemJson,set:d=>{n("update:itemJson",d)}});H(()=>{o.value.id&&o.value.props&&o.value.props.group&&o.value.props.group.val&&C.refreshGroupForId(o.value.props.group.val,"",o.value.id)});const r=(d,p,i)=>{console.log("更新模型值：",d,p,i),p.group&&C.refreshGroupForId(p.group.val,i??"",d),p.modelValue&&n("update:itemJson",{...o.value,props:{...o.value.props,modelValue:{...o.value.props.modelValue,val:i}}})};return(d,p)=>(c(),g("div",qe,[o.value.type==="svg"?(c(),z($e,{key:0,draggable:"false","symbol-id":o.value.symbol.symbol_id,"symbol-str":o.value.symbol.symbol_str,width:o.value.symbol.width,height:o.value.symbol.height,props:o.value.props},null,8,["symbol-id","symbol-str","width","height","props"])):o.value.type==="group"?(c(),z(Ie,{key:1,"item-json":o.value,grid:e.grid,"canvas-cfg":e.canvasCfg,"canvas-dom":e.canvasDom},null,8,["item-json","grid","canvas-cfg","canvas-dom"])):o.value.type==="vue"?(c(),z(Z(o.value.tag),X({key:2,draggable:"false",definitionItemJson:o.value},f(Q)(o.value.props),{"onUpdate:modelValue":p[0]||(p[0]=i=>r(o.value.id,o.value.props,i))}),null,16,["definitionItemJson"])):o.value.type==="img"?(c(),g("img",{key:3,draggable:"false",class:"w-1/1 h-1/1",src:o.value.thumbnail},null,8,Qe)):o.value.type==="custom-svg"?(c(),z(Ke,{key:4},{default:K(()=>[(c(),z(Z(o.value.tag),X(f(Q)(o.value.props),{id:o.value.id}),null,16,["id"]))]),_:1})):o.value.type==="sys-line"?(c(),z(We,{key:5,"item-json":o.value,"onUpdate:itemJson":p[1]||(p[1]=i=>o.value=i),"canvas-cfg":e.canvasCfg,grid:e.grid,"canvas-dom":e.canvasDom,"done-json":e.doneJson,"lock-state":e.lockState,mode:e.lineAppendEnable?"line-edit":"normal",onSetIntention:p[2]||(p[2]=i=>n("setIntention",i)),onLineMouseUp:p[3]||(p[3]=i=>n("lineMouseUp"))},null,8,["item-json","canvas-cfg","grid","canvas-dom","done-json","lock-state","mode"])):j("",!0)]))}}),Ze=E({__name:"index",props:{fontFamily:{type:String,default:""},fontSize:{type:Number,default:15},text:{type:String,default:""},fill:{type:String,default:""},vertical:{type:Boolean,default:!1}},setup(m){const t=m;return(e,n)=>(c(),g("p",{class:W(["break-words w-1/1 h-1/1",t.vertical?"text-vertical":""]),style:B({fontFamily:t.fontFamily,fontSize:t.fontSize+"px",color:t.fill})},U(t.text),7))}}),eo=A(Ze,[["__scopeId","data-v-cef6b2df"]]),oo={class:"w-1/1 h-1/1 flex justify-center items-center custom-card"},to=E({__name:"index",props:{shadow:{type:String,default:""},backGroundColor:{type:String,default:"#ffffff"},boxShadow:{type:String,default:"#ffffff"}},setup(m){F(e=>({v138f13ac:`0px 0px 12px ${e.$props.boxShadow}`}));const t=m;return(e,n)=>(c(),g("div",oo,[G(f(fe),{class:"w-95/100 h-95/100",shadow:t.shadow,style:B({"background-color":t.backGroundColor})},null,8,["shadow","style"])]))}}),no={class:"flex"},so=E({__name:"index",props:{fontColor:{type:String,default:"#000000"},dateSize:{type:Number,default:12},weekSize:{type:Number,default:12},timeSize:{type:Number,default:24}},setup(m){const t=m,e=V(new Date),n=V(),o=R(()=>{const p=e.value.getFullYear(),i=e.value.getMonth()+1,v=e.value.getDate();return p.toString()+"年"+i.toString()+"月"+v.toString()+"日"}),r=R(()=>{const p=e.value.getDay();return["星期日","星期一","星期二","星期三","星期四","星期五","星期六"][p]}),d=R(()=>{const p=e.value.getHours(),i=e.value.getMinutes(),v=e.value.getSeconds();return(p<10?"0"+p.toString():p.toString())+":"+(i<10?"0"+i.toString():i.toString())+":"+(v<10?"0"+v.toString():v.toString())});return H(()=>{n.value=setInterval(()=>{e.value=new Date},500)}),_e(()=>{clearInterval(n.value)}),(p,i)=>(c(),g("div",null,[h("div",no,[h("div",{class:"font-bold",style:B({color:t.fontColor,fontSize:`${t.dateSize}px`})},U(o.value),5),h("div",{class:"font-bold ml-5px",style:B({color:t.fontColor,fontSize:`${t.weekSize}px `})},U(r.value),5)]),h("div",{class:"font-bold mt-5px ml-5px",style:B({color:t.fontColor,fontSize:`${t.timeSize}px `})},U(d.value),5)]))}}),ao={class:"w-1/1 h-1/1 kvTable"},io={class:"kvKey kvKeyValue",colspan:"1"},ro={class:"kvValue kvKeyValue",colspan:"1"},lo=E({__name:"index",props:{fontFamily:{type:String,default:""},fontSize:{type:Number,default:15},label:{type:String,default:""},labelWidth:{type:Number,default:50},value:{type:String,default:""},valueWidth:{type:Number,default:50},color:{type:String,default:""},border:{type:Boolean,default:!0},borderColor:{type:String,default:""}},setup(m){F(e=>({v7f505933:`${t.border?1:0}px solid ${t.borderColor}`,v52fbad19:`${t.fontSize}px`,v4f5c51c4:`${t.fontFamily}`,v2cd2a6f8:`${t.color}`,v1e69a24a:`${t.labelWidth}px`,v09d9875d:`${t.border?1:0}px`,v27cd9bac:`${t.borderColor}`,v9ea2ce04:`${t.valueWidth}px`}));const t=m;return(e,n)=>(c(),g("table",ao,[h("tbody",null,[h("tr",null,[h("td",io,U(t.label),1),h("td",ro,U(t.value),1)])])]))}}),po={style:{width:"100%",height:"100%"}},co=E({__name:"index",props:{text:{type:String,default:"按钮文本"},type:{type:String,default:""},round:{type:Boolean,default:!1}},setup(m){const t=m,e=(n,o)=>{let r="",d="4px";return n=="primary"?r="#409eff":n=="success"?r="#67c23a":n=="warning"?r="#e6a23c":n=="danger"?r="#f56c6c":n=="info"&&(r="#909399"),o&&(d="20px"),{backgroundColor:r,borderRadius:d}};return(n,o)=>(c(),g("div",po,[h("button",{class:"w-1/1 h-1/1",style:B(e(t.type,t.round))},[G(f(he),null,{default:K(()=>[ge(U(t.text),1)]),_:1})],4)]))}});const fo=E({__name:"index",props:{doneJson:{default:()=>[]},canvasCfg:{},gridCfg:{},showGhostDom:{type:Boolean,default:!0},canvasDom:{},globalLock:{type:Boolean},preivewMode:{type:Boolean,default:!1},lineAppendEnable:{type:Boolean,default:!1},showPopover:{type:Boolean,default:!0}},emits:["update:doneJson","onMouseDown","onItemMove","onMoveMouseUp","onItemMouseEnter","onItemMouseLeave","setIntention","onItemResizeDone","onItemRotateDone","onItemRightClick"],setup(m,{emit:t}){var _;const e=ye(),n=Object.keys((_=e==null?void 0:e.appContext)==null?void 0:_.components);n.includes("text-vue")||e==null||e.appContext.app.component("text-vue",eo),n.includes("card-vue")||e==null||e.appContext.app.component("card-vue",to),n.includes("now-time-vue")||e==null||e.appContext.app.component("now-time-vue",so),n.includes("kv-vue")||e==null||e.appContext.app.component("kv-vue",lo),n.includes("sys-button-vue")||e==null||e.appContext.app.component("sys-button-vue",co);const o=m,r=t,d=V([]),p=(s,u)=>{d.value=C.done_json.filter(l=>l.id!==s.id).map(l=>({id:l.id,left:l.binfo.left,top:l.binfo.top})),u.stopPropagation(),r("onMouseDown",s,u)},i=(s,u)=>{r("update:doneJson",[...o.doneJson.map(l=>l.id===s?{...l,binfo:u}:l)])},v=(s,u)=>{C.setRealTimeData({show:!0,text:`${s.new_lt.left},${s.new_lt.top}`}),ke(()=>{const l={move_item_bounding_info:C.selected_items_id.map(D=>{const{left:a,top:b,width:Y,height:se,right:ae,bottom:ie}=document.getElementById(D).getBoundingClientRect();return{id:D,type:C.done_json.find(re=>re.id===D).type,left:a,top:b,width:Y,height:se,right:ae,bottom:ie}}),move_binfo:s.move_binfo};if(C.selected_items_id.length>1){const D=C.selected_items_id.filter(a=>a!==u);r("update:doneJson",[...o.doneJson.map(a=>{if(D.includes(a.id)){const b=d.value.find(Y=>Y.id===a.id);return{...a,binfo:{...a.binfo,left:(b==null?void 0:b.left)+s.move_length.x,top:(b==null?void 0:b.top)+s.move_length.y}}}return a})])}r("onItemMove",l)})},y=()=>{r("onMoveMouseUp"),C.setRealTimeData({show:!1,text:""})},k=s=>!s.common_animations||!s.common_animations.val?"":`animate__animated animate__${s.common_animations.val} animate__${s.common_animations.speed} animate__${s.common_animations.repeat} animate__${s.common_animations.delay}`,x=(s,u)=>{console.log("修改了组件属性：",s,u);const l=[...o.doneJson];l[s]=u,r("update:doneJson",l)},I=(s,u)=>{r("onItemMouseEnter",s,u)},L=(s,u)=>{r("onItemMouseLeave",s,u)},P=s=>{C.setRealTimeData({show:!0,text:`${s==null?void 0:s.width}x${s==null?void 0:s.height}`})},$=s=>{r("onItemResizeDone",s),C.setRealTimeData({show:!1,text:""})},S=s=>{C.setRealTimeData({show:!0,text:`${s==null?void 0:s.angle}°`})},J=s=>{C.setRealTimeData({show:!1,text:""}),r("onItemRotateDone",s)},w=(s,u)=>{r("onItemRightClick",s,u)},M=()=>{setTimeout(()=>{we.addHistory(C.done_json)},1e3)};return(s,u)=>(c(!0),g(O,null,N(o.doneJson,(l,D)=>(c(),z(Ce,{id:l.id,key:l.id,modelValue:l.binfo,"onUpdate:modelValue":[a=>l.binfo=a,a=>i(l.id,a)],"scale-ratio":o.canvasCfg.scale,grid:o.gridCfg,resize:l.resize,rotate:l.rotate,lock:o.globalLock?!0:l.lock,active:o.preivewMode?!1:l.active,useProportionalScaling:l.use_proportional_scaling,"show-ghost-dom":o.showGhostDom,hide:l.hide,disabled:o.preivewMode,adsorp_diff:f(C).adsorp_diff,onMousedown:a=>p(l,a),onOnItemMove:a=>v(a,l.id),onMoveMouseUp:u[2]||(u[2]=a=>y()),onOnMouseEnter:a=>I(a,l),onOnMouseLeave:a=>L(a,l),onOnResizeMove:u[3]||(u[3]=a=>P(a)),onOnResizeDone:a=>$(l),onOnRotateMove:u[4]||(u[4]=a=>S(a)),onOnRotateDone:a=>J(l),onOnRightClick:a=>w(a,l),class:W(`${l.type=="sys-line"?"pointer-events-none":""} ${k(l)} cursor-pointer`)},{default:K(()=>[(c(),z(ne,X({key:1,"item-json":l,"canvas-cfg":o.canvasCfg,"canvas-dom":o.canvasDom,grid:o.gridCfg,"done-json":o.doneJson,"lock-state":o.globalLock?!0:l.lock,"line-append-enable":o.lineAppendEnable,"onUpdate:itemJson":a=>x(D,a),onSetIntention:u[1]||(u[1]=a=>r("setIntention",a)),onLineMouseUp:M},Je(o.preivewMode?f(be)(l):{})),null,16,["item-json","canvas-cfg","canvas-dom","grid","done-json","lock-state","line-append-enable","onUpdate:itemJson"]))]),_:2},1032,["id","modelValue","onUpdate:modelValue","scale-ratio","grid","resize","rotate","lock","active","useProportionalScaling","show-ghost-dom","hide","disabled","adsorp_diff","onMousedown","onOnItemMove","onOnMouseEnter","onOnMouseLeave","onOnResizeDone","onOnRotateDone","onOnRightClick","class"]))),128))}}),uo={class:"hidden"},_o=E({__name:"index",props:{scaleRatio:{default:1}},emits:["dragCanvasMouseDown","dragCanvasMouseMove","dragCanvasMouseUp"],setup(m,{expose:t,emit:e}){const n=e;return t({onMouseDown:r=>{let d=0,p=0;const i=r instanceof MouseEvent?r.clientX:r.touches[0].pageX,v=r instanceof MouseEvent?r.clientY:r.touches[0].pageY;n("dragCanvasMouseDown",i,v);const y=x=>{const I=x instanceof MouseEvent?x.clientX:x.touches[0].pageX,L=x instanceof MouseEvent?x.clientY:x.touches[0].pageY;d=(I-i)/1,p=(L-v)/1,n("dragCanvasMouseMove",d,p)},k=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",k),document.removeEventListener("touchmove",y),document.removeEventListener("touchend",k),n("dragCanvasMouseUp",d,p)};document.addEventListener("mousemove",y),document.addEventListener("mouseup",k),document.addEventListener("touchmove",y),document.addEventListener("touchend",k)}}),(r,d)=>(c(),g("div",uo))}}),go=(m,t,e)=>{let n=[];return n=te(e).map(r=>{r.symbol&&delete r.symbol;let d={};for(const p in r.props)d={...d,[p]:r.props[p].val};return{...r,props:d,active:!1}}),{exportJson:{canvasCfg:m,gridCfg:t,json:n}}},ho=m=>{let t=[];for(const n of xe.config.values())n.length>0&&(t=[...t,...n]);const e=m.json.map(n=>{let o={},r;const d=t.find(i=>(i==null?void 0:i.id)==n.tag),p=d==null?void 0:d.props;p&&(o={...o,...te(p)});for(const i in n.props)o[i]&&(o[i].val=n.props[i]);return d!=null&&d.symbol&&(r=d.symbol),{...n,props:o,symbol:r}});return{canvasCfg:m.canvasCfg,gridCfg:m.gridCfg,importDoneJson:e}};export{fo as _,_o as a,go as g,ho as u};
|